@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 !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; -o-box-sizing:border-box  !important; -ms-box-sizing:border-box !important; }

html,body{width:100%; }



body,input,button,textarea,select{font-family:'Pretendard','Noto Sans KR', 'sans-serif',  Dotum, 'Montserrat', 'Open Sans', Arial ;  color:#000; font-weight:400; line-height:1.5em; font-size:20px}

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

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






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[type=text],input[type=password]{padding:5px;height:40px !important;font-size:16px;margin-bottom:0px;border:1px solid #ccc; }

input:focus {outline:none;}

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

select{padding:5px;height:40px;font-size:14px;margin-bottom:0px;border:1px solid #ccc; min-width:100px !important}

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

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


/* Common Accessibility Style Area */

/*

#Accessibility {position:absolute; left:0px;	top:0px; width:100%; z-index:999;}

#Accessibility a {display:block; padding:0 10px; height:0; overflow:hidden;	color:#fff;	text-align:left;}

#Accessibility a:hover, #Accessibility a:focus, #Accessibility a:active {background:#007cd8; height:auto;}

*/

/* 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;}

html,body { height:100%; }

img { max-width:100%;}

body{width:100%; margin:0 auto;background:#fff;word-break:break-all;-webkit-text-size-adjust:none;
 text-align:justify}

#wrap{width:100%; position:relative; ; } 

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


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


}