@charset "utf-8";

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: normal;
    src: url("../../font/NotoSansKR-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url("../../font/NotoSansKR-Medium.ttf") format("truetype");
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 600;
    src: url("../../font/NotoSansKR-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: bold;
    src: url("../../font/NotoSansKR-Bold.ttf") format("truetype");
}

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{height:100%;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust :none;touch-action:pan-y;}
body,th,td,input,select,textarea,button{font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif;font-size:1.4rem;color:#424242;line-height:1;}
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;border:none;}
input[type='text'],input[type='password'],input[type='submit'],input[type='search']{-webkit-appearance:none;-webkit-border-radius:none;border-radius:0}
input:checked[type='checkbox']{background-color:#333;-webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:button;-webkit-border-radius:none;border-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
button{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;/* 크롬,사파리 등 랜더링 이미지 깨짐 방지*/}
.screen_out{overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:normal;word-wrap:break-word;word-break:break-all;clip:rect(0,0,0,0)}

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

select{width:100%;height:32px;padding:5px 10px;border:0;-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;box-sizing:border-box;background:transparent!important;border-radius: 5px;border:1px solid #ced4da;outline: none;cursor: pointer;color:#424242;}

select::-ms-expand{display:none;/*for IE10,11*/}

/* placeholder 컬러 변경 */
input::-webkit-input-placeholder{color:#424242;font-weight:500;}/* chrome, Edge */
input:-moz-placeholder{color:#424242;font-weight: 500;}/* firefox 4 t0 18 */
input::-moz-placeholder{color:#424242;font-weight: 500;}/* firefox 19+ */
input:-ms-input-placeholder{color:#424242 !important;font-weight: 500;}/* IE 10, 11 */
input::-ms-input-placeholder{color:#424242;font-weight: 500;}/* Edge */
input::placeholder{color:#424242;font-weight: 500;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}