@charset "utf-8";

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/NotoSansKR-Regular.woff2") format("woff2"),
        url("../fonts/NotoSansKR-Regular.woff") format("woff"),
        url("../fonts/NotoSansKR-Regular.otf") format("opentype");
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/NotoSansKR-Medium.woff2") format("woff2"),
        url("../fonts/NotoSansKR-Medium.woff") format("woff"),
        url("../fonts/NotoSansKR-Medium.otf") format("opentype");
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/NotoSansKR-Bold.woff2") format("woff2"),
        url("../fonts/NotoSansKR-Bold.woff") format("woff"),
        url("../fonts/NotoSansKR-Bold.otf") format("opentype");
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,th,td,input,select,textarea,button{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{height:100%;font-size:10px;overflow:hidden;}
body{min-width:280px;height:100%;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none;-o-text-size-adjust:none;}
body,th,td,input,select,textarea,button{font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif;font-size:1.4rem;color:#333;line-height:1;letter-spacing:-0.35px;}
fieldset,img{border:0 none}
img{vertical-align:top}
dl,ul,ol,menu,li{list-style:none}
input,select,textarea,button{font-size:100%;vertical-align:middle}
input[type='text'],input[type='password'],input[type='submit'],input[type='search']{-webkit-appearance:none;border-radius:0}
input:checked[type='checkbox']{background-color:#666;-webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:button;border-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
button{border:0 none;background-color:transparent;cursor:pointer;}
table{border-collapse:collapse;border-spacing:0}
address,caption{font-style:normal;font-weight:normal}
a{text-decoration:none}
a:active,a:hover{text-decoration:none}
.ico_comm{overflow:hidden;display:inline-block;background-size: contain !important;background-repeat:no-repeat;vertical-align:top;text-indent:-9999px;-ms-backface-visibility:hidden;/* IE 랜더링 이미지 깨짐 방지*/
backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;/* 크롬,사파리 등 랜더링 이미지 깨짐 방지*/}

input[type=radio] + label,input[type=checkbox] + label {display:inline-block;vertical-align:middle}
input[type=radio],input[type=checkbox] {position:absolute;border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;}

/* placeholder 컬러 변경 */
input::-webkit-input-placeholder{color:#666;}/* chrome, Edge */
input:-moz-placeholder{color:#666;}/* firefox 4 t0 18 */
input::-moz-placeholder{color:#666;}/* firefox 19+ */
input:-ms-input-placeholder{color:#666;}/* IE 10, 11 */
input::-ms-input-placeholder{color:#666;}/* Edge */
input::placeholder{color:#666;opacity:1}/* opacity - 파이어폭스에서 뿌옇게 나오는 현상 방지*/
/* 포커스 시 placeholder 숨기기 - 필요에 따라 사용 */
input:focus::-webkit-input-placeholder{color:transparent}
input:focus:-moz-placeholder{color:transparent}
input:focus::-moz-placeholder{color:transparent}
input:focus:-ms-input-placeholder{color:transparent}
input:focus::-ms-input-placeholder{color:transparent}
input:focus::placeholder{color:transparent}
input[type=text]::-ms-clear{display: none;}
.screen_out{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;line-height:0;white-space:normal;word-wrap:break-word;word-break:break-all;clip:rect(0,0,0,0)}