@charset "utf-8";■■■■■■■■■

html{overflow-x: hidden; width:100%;height:100%;}
body{overflow-x: hidden; width: 100vw; height: fit-content; }

/* 여백 초기화 */
body,div,ul,li,dl,dd,dt,ol,h1,h2,h3,h4,h5,h6,a,p,img,article , input,fieldset,legend,p,select,table,th,td,tr,textarea,button,form,figure,figcaption{margin:0; padding:0; box-sizing: border-box; border-collapse: collapse;}

/* a 링크 초기화 */
a {text-decoration: none; display: inline-block;}

/* 폰트 초기화 */
body, input, textarea, select, button, table {font-family:'Pretendard', 'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; }

/* 폰트 스타일 초기화 */
em,address {font-style: normal;}

/* 블릿기호 초기화 */
ul,li,ol {list-style:none;}

/* 이미지 로드시 원래 사이즈로 */
img{width: auto;}

/* 테두리 초기화 */
img,fieldset {border:0 none;}

/* 버튼 초기화 */
button {border: 0;}

/* 아이프레임 */
iframe{border: 0;}


/* 기타요소 */
textarea{padding: 20px; width: 100%; border: none;}
input{border: none;}
input:focus, textarea:focus{border-color: unset; outline: none; }
input::placeholder, textarea::placeholder{opacity: .7;}

/* table{table-layout: fixed;} */

/* 반응형 */



.cf:after {display: block; content: ''; clear: both;}




/* 아이콘 이미지 최적화 작업 */
.icon {background-image: url(../img/icon.png);}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 1.5dppx){
            .icon {background-image: url(../img/icon@2.png); background-size: 500px;}
       }
	   


/* input style */
input {background-image: none;}
input[type=button],
input[type=reset],
input[type=text],
input[type=password],
input[type=submit],
input[type=search],
input[type=tel],
input[type=email] {
    /* -webkit-appearance: none; */
    border-radius: 0
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
input:checked[type=checkbox] {
    background-color: #666;
    /* -webkit-appearance: checkbox */
}