@charset "UTF-8";
@font-face {
    font-family: 'SpoqaHanSansNeo-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* CSS Reset */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
body {background: #fff}
* {margin:  0; padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'Pretendard-Regular', 'SpoqaHanSansNeo-Regular','NanumSquare', '돋움', Dotum, Tahoma, Helvetica, Arial, sans-serif;
}
ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: '' ''; }
button, input { overflow: visible; }
input, select, img { vertical-align: middle; }
textarea { overflow: auto; vertical-align: top; }
em { font-style: normal; }
button { cursor: pointer; background: none; }
html, body { height: 100%; }
html { overflow-y: scroll; overflow-x: auto; }
/* html5 layout fix */
figure, section, header, footer, article, aside, nav { display: block; margin: 0 auto; }
html, body { height: 100%; }
html { overflow-y: scroll; overflow-x: auto; }
body, input, textarea, button { font-size: 100%; color: #3d424d; border-style: none; }
legend, caption, .blind { font-size: 0; width: 0; height: 0; line-height: 0; margin: 0; overflow: hidden; padding: 0; text-indent: -9999px; visibility: hidden; position: absolute; top: -9999px; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
caption, th, td { text-align: left; font-weight: normal; float: none !important; }
table, th, td { vertical-align: top; }
a img { border: none; }
img { border: none; line-height: 0; font-size: 0; }
em { font-style: normal; }
a { color: #0671B2; text-decoration: none; }
a:active { background-color: transparent; }
hr { display: none; }
input[type='checkbox'], input[type='radio'] { position: relative; top: -1px; padding: 0; margin: 0; }
button::-moz-focus-inner { padding:0; border:0; }

html * {max-height: 999999px;} /* font size bug fix */
html,body{margin:0px;padding:0px;width:100%;max-width:440px;min-width:360px;margin:0px auto}
li{list-style:none;}
fieldset,img,a{border:0px;}
a{text-decoration:none;}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none;}
button,label{cursor:pointer;}
button{overflow:visible\9}  /* button fix for ie8 */
input,textarea,button,select{font-family:'NanumSquare', sans-serif;}
table{width:100%; border-collapse:collapse; border-spacing:0;text-align:center;}
table th, table td{text-align:center;}
input:-ms-input-placeholder{color:#fff;}
textarea::-webkit-input-placeholder{color:#fff;}
textarea::-moz-placeholder{color:#fff;}
textarea:-moz-placeholder{color:#fff;}
textarea:-ms-input-placeholder{color:#fff;}
textarea:focus::-webkit-input-placeholder{color:transparent!important;}
textarea:focus::-moz-placeholder{color:transparent!important;}
textarea:focus:-moz-placeholder{color:transparent!important;}
textarea:focus:-ms-input-placeholder{color:transparent!important;}
input[type=text]:focus {border-color:#DDD}
header, footer, section, article, aside, nav, address { display: block; margin:0; } /* ie8 */
.clear_wrap:before,.clear_wrap:after{content:" ";display:table;}
.clear_wrap:after{clear:both;}
.clear_wrap{*zoom:1;}
.clear_ine{clear:both;}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.appearance{border:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;}
.boxsizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mobilescrolling{-webkit-overflow-scrolling:touch;}



/******** margin ********/
.mt5p {margin-top: -5px !important;}
.mt10p {margin-top: -10px !important;}
.mt20p {margin-top: -20px !important;}
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 14px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt100 {margin-top: 100px !important;}
.mb0 {margin-bottom: 0px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 14px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px;}
.ml0 {margin-left: 0px !important;}
.ml3 {margin-left: 3px !important;}
.ml5 {margin-left: 5px !important;}
.ml7 {margin-left: 7px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 14px !important;}
.ml17 {margin-left: 17px !important;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}
.ml140 {margin-left: 140px;}
.ml200 {margin-left: 200px;}
.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}
.pr10 {padding-right: 10px;}
.tc {text-align: center !important;}
.tl {text-align: left !important;}
.tr {text-align: right !important;}
.vt {vertical-align: top !important;}
.fl {float: left;}
.fr {float: right;}