@charset "utf-8";
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 100;
    src: local('NotoKR-Thin'), local('NotoKR-Thin'), local('NotoKR-Thin');
    src: url(../font/NotoKR-Thin/notokr-thin.eot);
    src: url(../font/NotoKR-Thin/notokr-thin.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoKR-Thin/notokr-thin.woff) format('woff'),
    url(../font/NotoKR-Thin/notokr-thin.otf) format('truetype');
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 300;
    src: local('NotoKR-Light'), local('NotoKR-Light'), local('NotoKR-Light');
    src: url(../font/NotoKR-Light/notokr-light.eot);
    src: url(../font/NotoKR-Light/notokr-light.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoKR-Light/notokr-light.woff) format('woff'),
    url(../font/NotoKR-Light/notokr-light.otf) format('truetype');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 350;
    src: local('NotoKR-DemiLight'), local('NotoKR-DemiLight'), local('NotoKR-DemiLight');
    src: url(../font/NotoKR-DemiLight/notokr-demilight.eot);
    src: url(../font/NotoKR-DemiLight/notokr-demilight.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoKR-DemiLight/notokr-demilight.woff) format('woff'),
    url(../font/NotoKR-DemiLight/notokr-demilight.otf) format('truetype');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: local('NotoKR-Regular'), local('NotoKR-Regular'), local('NotoKR-Regular');
    src: url(../font/NotoKR-Regular/notokr-regular.eot);
    src: url(../font/NotoKR-Regular/notokr-regular.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoKR-Regular/notokr-regular.woff) format('woff'),
    url(../font/NotoKR-Regular/notokr-regular.otf) format('truetype');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 500;
   src: local('NotoKR-Medium'), local('NotoKR-Medium'), local('NotoKR-Medium');
    src: url(../font/NotoKR-Medium/notokr-medium.eot);
    src: url(../font/NotoKR-Medium/notokr-medium.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoKR-Medium/notokr-medium.woff) format('woff'),
    url(../font/NotoKR-Medium/notokr-medium.otf) format('truetype');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: local('NotoKR-Bold'), local('NotoKR-Bold'), local('NotoKR-Bold');
    src: url(../font/NotoKR-Bold/notokr-bold.eot);
    src: url(../font/NotoKR-Bold/notokr-bold.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoKR-Bold/notokr-bold.woff) format('woff'),
    url(../font/NotoKR-Bold/notokr-bold.otf) format('truetype');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 900;
    src: local('NotoKR-Black'), local('NotoKR-Black'), local('NotoKR-Black');
    src: url(../font/NotoKR-Black/notokr-black.eot);
    src: url(../font/NotoKR-Black/notokr-black.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoKR-Black/notokr-black.woff) format('woff'),
    url(../font/NotoKR-Black/notokr-black.otf) format('truetype');
}


/* Reset */
 * {outline:0 !important;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;font-family: 'Noto Sans', '맑은고딕', 'Malgun Gothic';}
html, body{width:100%; height:100%; box-sizing:border-box;}
/*html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}*/
html {scroll-behavior: smooth;}
body{background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none; font-size:14px; color:#222;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
em {font-style:normal;font-weight:bold;}
label,img,input,select,textarea,button{vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000; text-decoration:none;}
a:hover {text-decoration:none;}
/* Form */
textarea {border:1px solid #dbdbdb; font-family: 'Noto Sans','맑은고딕', 'Malgun Gothic', 'dotum', 'gulim'; width:calc(100% - 20px); padding:10px; font-size:13px; color:#666;}
select {font-family: 'Noto Sans','맑은고딕', 'Malgun Gothic', 'dotum', 'gulim'; height:30px; font-size:13px; color:#1a1a1a; border:1px solid #aaa; background:#fff;border-radius: 3px; cursor:pointer;}
input:focus {border-color:#16554C;}
input {font-family: 'Noto Sans','맑은고딕', 'Malgun Gothic', 'dotum', 'gulim';}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=url],
input[type=number],
input[type=date],
input[type=month] {height:30px; font-size:13px; color:#1a1a1a; border:1px solid #aaa; vertical-align:middle;}
input::-webkit-input-placeholder{color:#b5b5b5; font-size:18px; line-height:100%;}

select:focus,
textarea:focus,
input:focus {border: 1px solid #16554C;}
input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=search][readonly],
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none; font-size:12px;}
textarea[readonly],
textarea[disabled]{padding:11px; font-size:16px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}
input::-webkit-inner-spin-button { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
button {cursor:pointer; border-radius:2px; letter-spacing:-1.5px; font-family: 'Noto Sans','맑은고딕', 'Malgun Gothic', 'dotum', 'gulim';}

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }