@charset "utf-8";

/* Noto Sans KR */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/NotoSansKR-Thin.woff2') format('woff2'),
         url('../fonts/NotoSansKR-Thin.woff') format('woff'),
         url('../fonts/NotoSansKR-Thin.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/NotoSansKR/NotoSansKR-Light.woff2') format('woff2'),
         url('../fonts/NotoSansKR/NotoSansKR-Light.woff') format('woff'),
         url('../fonts/NotoSansKR/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSansKR/NotoSansKR-Regular.woff2') format('woff2'),
         url('../fonts/NotoSansKR/NotoSansKR-Regular.woff') format('woff'),
         url('../fonts/NotoSansKR/NotoSansKR-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/NotoSansKR/NotoSansKR-Medium.woff2') format('woff2'),
         url('../fonts/NotoSansKR/NotoSansKR-Medium.woff') format('woff'),
         url('../fonts/NotoSansKR/NotoSansKR-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/NotoSansKR/NotoSansKR-Bold.woff2') format('woff2'),
         url('../fonts/NotoSansKR/NotoSansKR-Bold.woff') format('woff'),
         url('../fonts/NotoSansKR/NotoSansKR-Bold.otf') format('opentype');
}

/* S-Core-Dream */
@font-face {
    font-family: 's-core_dream2_extralight';
    src: url('../fonts/S-Core-Dream-light/scdream2-webfont.woff2') format('woff2'),
         url('../fonts/S-Core-Dream-light/scdream2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 's-core_dream3_light';
    src: url('../fonts/S-Core-Dream-light/scdream3-webfont.woff2') format('woff2'),
         url('../fonts/S-Core-Dream-light/scdream3-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 's-core-dream-regular';
    src: url('../fonts/S-Core-Dream-light/scdream4-webfont.woff2') format('woff2'),
         url('../fonts/S-Core-Dream-light/scdream4-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream-medium';
    src: url('../fonts/S-Core-Dream-light/scdream5-webfont.woff2') format('woff2'),
         url('../fonts/S-Core-Dream-light/scdream5-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream-bold';
    src: url('../fonts/S-Core-Dream-light/scdream6-webfont.woff2') format('woff2'),
         url('../fonts/S-Core-Dream-light/scdream6-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream-extrabold';
    src: url('../fonts/S-Core-Dream-light/scdream7-webfont.woff2') format('woff2'),
         url('../fonts/S-Core-Dream-light/scdream7-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* reset */
html{margin: 0; padding: 0;}
html, body{height: 100%;}
body{margin: 0; padding: 0; overflow-x: hidden; font-style: normal; -webkit-text-size-adjust: none; font-family: 'Noto Sans KR', sans-serif; line-height: 1; letter-spacing: -0.025em; word-break: keep-all; word-wrap: break-word;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin: 0; padding: 0; font-size: 14px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300;}
table{empty-cells: show;}
th, td {border: 0; word-wrap: break-word;}
caption,legend{display: none;}
img{display: block; width: 100%; height: 100%; border: 0;}
fieldset{border: 0;}
ul,ol,dl,li,dd {list-style: none;}
ul li img {vertical-align: top;}
em,address{font-style: normal;}
a {text-decoration: none; word-break: break-all;}
a:link, a:visited, a:active {text-decoration: none;}
a:hover,a:active,a:focus{text-decoration: none;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor: pointer; border: 0; box-sizing: border-box;}
*{box-sizing: border-box;}

input, textarea, select{margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif; color: #000; font-weight: 300; font-size: 18px; vertical-align: middle;}

select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px;}
select::-ms-expand {display: none;}

/* margin */
.m5{margin:5px !important;} 
.m10{margin:10px !important;} 
.m20{margin:20px !important;}

.mt0 {margin-top:0 !important}
.mt1 {margin-top:1px !important}  
.mt2 {margin-top:2px !important}  
.mt3 {margin-top:3px !important}  
.mt4 {margin-top:4px !important}  
.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;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt80 {margin-top:80px !important;}

.mb0 {margin-bottom:0 !important}
.mb1 {margin-bottom:1px !important;} 
.mb2 {margin-bottom:2px !important;} 
.mb3 {margin-bottom:3px !important;} 
.mb4 {margin-bottom:4px !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;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.ml0 {margin-left:0 !important} 
.ml3 {margin-left:3px !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;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}

.mr0 {margin-right:0 !important} 
.mr3 {margin-right:3px !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;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}

/* padding */
.p5{padding:5px !important;} 
.p10{padding:10px !important;} 
.p20{padding:20px !important;}

.pt0 {padding-top:0 !important} 
.pt5 {padding-top:5px !important;} 
.pt10 {padding-top:10px !important;} 
.pt15 {padding-top:15px !important;} 
.pt20 {padding-top:20px !important;} 
.pt25 {padding-top:25px !important;} 
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt80 {padding-top:80px !important;}

.pb0 {padding-bottom:0 !important} 
.pb5 {padding-bottom:5px !important;} 
.pb10 {padding-bottom:10px !important;} 
.pb15 {padding-bottom:15px !important;} 
.pb20 {padding-bottom:20px !important;} 
.pb25 {padding-bottom:25px !important;} 
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}

.pl0 {padding-left:0 !important} 
.pl3 {padding-left:3px !important;} 
.pl5 {padding-left:5px !important;} 
.pl10 {padding-left:10px !important;} 
.pl15 {padding-left:15px !important;} 
.pl20 {padding-left:20px !important;}  
.pl25 {padding-left:25px !important;} 
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}

.pr0 {padding-right:0 !important} 
.pr3 {padding-right:3px !important;} 
.pr5 {padding-right:5px !important;} 
.pr10 {padding-right:10px !important;} 
.pr15 {padding-right:15px !important;} 
.pr20 {padding-right:20px !important;} 
.pr25 {padding-right:25px !important;} 
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}

/* border */
.bd0{border: 0 !important;}
.br0{border-right: 0 !important;}
.bl0{border-left: 0 !important;}
.bt0{border-top: 0 !important;}
.bb0{border-bottom: 0 !important;}

/* width */
.wd10{width: 10% !important;}
.wd15{width: 15% !important;}
.wd20{width: 20% !important;}
.wd25{width: 25% !important;}
.wd30{width: 30% !important;}
.wd35{width: 35% !important;}
.wd40{width: 40% !important;}
.wd45{width: 45% !important;}
.wd50{width: 50% !important;}
.wd55{width: 55% !important;}
.wd60{width: 60% !important;}
.wd65{width: 65% !important;}
.wd70{width: 70% !important;}
.wd75{width: 75% !important;}
.wd80{width: 80% !important;}
.wd85{width: 85% !important;}
.wd90{width: 90% !important;}
.wd95{width: 95% !important;}
.wd100{width: 100% !important;}

/* align */
.txt_c{text-align: center !important;}
.txt_l{text-align: left !important;}
.txt_r{text-align: right !important;}
.txt_b{font-weight: 700 !important;}
.txt_m{font-weight: 500 !important;}
.txt_n{font-weight: 300 !important;}
.underline{text-decoration: underline !important;}

.v_at{vertical-align: top !important;}
.v_am{vertical-align: middle !important;}
.v_ab{vertical-align: bottom !important;}


/* display */
.block{display: block !important;}
.inlineblock{display: inline-block !important;}
.table_cell{display:table-cell !important;}
.flex{display: flex !important;}
.noneflex{flex: none !important;}

.hide{display: none !important;}
.show{display: block !important;}

/* position */
.relative{position: relative;}
.absolute{position: absolute;}
.static{position: static;}

/* overflow*/
.ofh{overflow: hidden !important;}
.ofv{overflow: visible !important;}
.ofi{overflow: inherit !important;}

/* floating */
.fl{float: left !important;}
.fr{float: right !important;}
.clearfix:after{display: block;visibility: hidden;clear: both;height: 0;font-size: 0;line-height: 0;content: '';}