@charset "UTF-8";
/*font*/
@font-face {
    font-family:'Noto Sans KR';
    src: url('./font/NotoSans-DemiLight.eot');
    src: url('./font/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'),
         url('./font/NotoSans-DemiLight.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family:'Noto Sans KR';
    src: url('./font/NotoSans-Regular.eot');
    src: url('./font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('./font/NotoSans-Regular.woff2') format('woff2'),
         url('./font/NotoSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family:'Noto Sans KR';
    src: url('./font/NotoSans-Medium.eot');
    src: url('./font/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
         url('./font/NotoSans-Medium.woff2') format('woff2'),
         url('./font/NotoSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family:'Noto Sans KR';
    src: url('./font/NotoSans-Bold.eot');
    src: url('./font/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('./font/NotoSans-Bold.woff2') format('woff2'),
         url('./font/NotoSans-Bold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family:'Roboto';
    src: url('./font/Roboto-Light.woff2') format('woff2'),
         url('./font/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family:'Roboto';
    src: url('./font/Roboto-Regular.woff2') format('woff2'),
         url('./font/Roboto-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family:'Roboto';
    src: url('./font/Roboto-Bold.woff2') format('woff2'),
         url('./font/Roboto-Bold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family:'Malgun Gothic';
    src: url('./font/Malgun-Gothic.eot');
    src: url('./font/Malgun-Gothic.eot?#iefix') format('embedded-opentype'),
         url('./font/Malgun-Gothic.woff2') format('woff2'),
         url('./font/Malgun-Gothic.woff') format('woff');
    font-style: normal;
}




/* mobile style */
*{-webkit-text-size-adjust:none;text-shadow:none !important;}
* {  box-sizing: border-box !important; }
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select{margin:0;padding:0;font-family:"Roboto","Noto Sans KR",'Malgun Gothic','맑은 고딕',dotum,'돋움';font-weight:normal;color:#333333;}
/* CSS수정 */
html,body { width:100%;height:100%;overflow-y: auto;overflow-x: hidden; background-color:#ffffff;}
/* CSS수정 */
html {-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0); overflow-x:hidden !important;}
body{font-size:12px;background:#fff;color:#333; overflow-x:hidden !important;}
li{list-style:none}
a{text-decoration:none;display:block;color:#333;}
a:hover, a:focus, a:visited, a:active {text-decoration:none;color:inherit;}
a[href^="tel"]{ font-style:normal}
address, caption, em, var{font-style:normal;font-weight:normal}
input, textarea, select{letter-spacing:normal}
ol, ul, dl{list-style:none}
fieldset, img{border:0}
legend, caption{display:none}
img{border:0;vertical-align:top}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
br{letter-spacing:normal}
p{letter-spacing:normal}
input{vertical-align:middle}
input[type="text"], input[type="password"]{-webkit-appearance:none}
input {-webkit-appearance:none;-webkit-border-radius:0}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
input[type="radio"]{border:none;-webkit-appearance:none}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}
textarea{-webkit-appearance:none}
select{-webkit-appearance:menulist-text}

input[type="text"] {padding:0 10px;}
input:focus {outline:none;}
input::placeholder {color: #ddd;opacity: 1;font-family:'Noto Sans KR';font-weight:300;}
input::-webkit-input-placeholder {color: #ddd;font-weight:300;}
input:-ms-input-placeholder {color: #ddd;font-weight:300;}
input:-mos-input-placeholder {color: #ddd;font-weight:300;}

.fl{float:left;}
/*custom*/
.displayN {display:none !important;}
.clear {clear:both !important;}
.aC::after {content:'';display:block;clear:both;}
/* margin */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt95 {margin-top:95px !important;}
.mt100 {margin-top:100px !important;}

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.mb85 {margin-bottom:85px !important;}
.mb90 {margin-bottom:90px !important;}
.mb95 {margin-bottom:95px !important;}
.mb100 {margin-bottom:100px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.ml65 {margin-left:65px !important;}
.ml70 {margin-left:70px !important;}
.ml75 {margin-left:75px !important;}
.ml80 {margin-left:80px !important;}
.ml85 {margin-left:85px !important;}
.ml90 {margin-left:90px !important;}
.ml95 {margin-left:95px !important;}
.ml100 {margin-left:100px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mr65 {margin-right:65px !important;}
.mr70 {margin-right:70px !important;}
.mr75 {margin-right:75px !important;}
.mr80 {margin-right:80px !important;}
.mr85 {margin-right:85px !important;}
.mr90 {margin-right:90px !important;}
.mr95 {margin-right:95px !important;}
.mr100 {margin-right:100px !important;}

.pt0 {padding-top:0 !important;}
/* margin Fin */

@media screen and (min-width: 321px) and (max-width: 640px) {
	html {background:#eee;}
	body {position:relative; display:block; width:100%; max-width:640px; margin:0 auto; overflow-x:hidden;}
}

/*
@media screen and (min-width:640px;) {
	html {background:#eee; overflow-x:hidden !important;}
	body {position:relative; display:block; margin:0 auto; max-width:640px; overflow-x:hidden !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}*/