@charset "utf-8";

@font-face { font-family:'Pretendard'; font-weight:100; font-style:normal; src:url('/webfont/Pretendard-Thin.woff2'); }
@font-face { font-family:'Pretendard'; font-weight:400; font-style:normal; src:url('/webfont/Pretendard-Regular.woff2'); }
@font-face { font-family:'Pretendard'; font-weight:500; font-style:normal; src:url('/webfont/Pretendard-Medium.woff2'); }
@font-face { font-family:'Pretendard'; font-weight:600; font-style:normal; src:url('/webfont/Pretendard-SemiBold.woff2'); }
@font-face { font-family:'Pretendard'; font-weight:700; font-style:normal; src:url('/webfont/Pretendard-Bold.woff2'); }
@font-face { font-family:'Pretendard'; font-weight:800; font-style:normal; src:url('/webfont/Pretendard-ExtraBold.woff2'); }
@font-face { font-family:'Pretendard'; font-weight:900; font-style:normal; src:url('/webfont/Pretendard-Black.woff2'); }


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

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

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

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

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@import url('https://fonts.googleapis.com/css2?family=Cookie&family=Roboto:ital,wght@0,700;1,700&display=swap');

@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ONE-Mobile-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




/* Common Style Reset Area */

*{margin:0;padding:0;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; }

/*html,body{width:100%; height:100%; font-family:'Pretendard','Noto Sans KR', 'sans-serif',  Dotum, 'Montserrat', 'Open Sans', Arial ;  color:#000; font-weight:400; line-height:1.5em; font-size:18px; word-break:keep-all;-webkit-text-size-adjust:none; background:#f4f5f8;}
*/
html,body{width:100%; height:100%; font-family:'Pretendard','Noto Sans KR', 'sans-serif',  Dotum, 'Montserrat', 'Open Sans', Arial ;  color:#000; font-weight:400; line-height:1.5em; font-size:18px; word-break:keep-all;-webkit-text-size-adjust:none; background:#ffffff;}


img,fieldset,iframe{border:0 none; vertical-align:middle;}

input[type=image],[type=checkbox],[type=radio]{vertical-align:middle;margin-right:2px}

img { max-width:100%;}
li{list-style:none;}

a, a:link{color:#000; text-decoration:none;}

a:hover{color:#009999; text-decoration:none;}

em,address{font-style:normal;}

button,label{cursor:pointer;}

label{position:relative;}

button *{position:relative;}

textarea{overflow:auto;border:1px solid #ccc;padding:5px}

hr{display:none;}

caption{display:none;}

ul{margin:0; padding:0;}

legend{display:none;}

table {border-collapse:collapse; }

table td{line-height:1.7em }


input:focus{outline: none;}

input[type=text]{padding:5px;height:40px;font-size:16px;margin-bottom:0px;border:1px solid #ccc; }
input[type=password]{padding:5px;height:40px;font-size:16px;margin-bottom:0px;border:1px solid #ccc}

input[type=button],input[type=submit],input[type=reset]{cursor:pointer}

input[type=file]{height:40px;font-size:16px;margin-bottom:0px;background:#fff}

select{height:40px;font-size:16px;border:1px solid #ccc}


/* Clear Area */

.clear{display:block; float:none; clear:both; height:0; width:100%;  border:0; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}




@media (max-width:840px) {
body,input,button,textarea,select{ font-size:16px}


}
@media (max-width:640px) {
body,input,button,textarea,select{ font-size:14px}

input[type=text]{height:30px;font-size:14px;}
input[type=password]{height:30px;font-size:14px;}

input[type=file]{height:30px;font-size:14px;}
select{height:30px;font-size:14px;}

}