@charset "utf-8";

@import url("layout.css");
@import url("font.css");
@import url("aos.css");
@import url("slick.css");

/* Reset */
*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body { max-width: 100%; overflow-x: hidden; }
html{-webkit-box-sizing: border-box; box-sizing: border-box; font-size: 10px;}
body {margin: 0 auto; padding: 0; font-size: 1rem; line-height: 1 !important; font-family:"EYInterstate", "YoonGothic" !important; font-weight: 500; color: #333; -webkit-text-size-adjust:none; min-width:360px;overflow-x: hidden;}
section {-webkit-box-sizing: border-box; box-sizing: border-box;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse; table-layout: fixed;}
img,fieldset{border:0;}
img {max-width: 100%; height: auto;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#333;text-decoration:none;}
input[type=submit], input[type=button], button { cursor: pointer}
input, button {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
button {border: none; border-radius: 0; background: transparent; display: block; font-size: inherit; cursor: pointer; box-sizing: border-box;}

::placeholder { opacity:1; transition: all 0.3s; }
::-webkit-input-placeholder { opacity:1; transition: all 0.3s; }
::-ms-input-placeholder { opacity:1; transition: all 0.3s; }
::-ms-input-placeholder { opacity:1; transition: all 0.3s;}
:focus::placeholder { padding-left:2rem; opacity:0;}
:focus::-webkit-input-placeholder { padding-left:2rem; opacity:0;}
:focus::-ms-input-placeholder { padding-left:2rem; opacity:0;}
:focus::-ms-input-placeholder { padding-left:2rem; opacity:0;}

.skip { position: absolute; left: 0; top:-5rem; width: 100%; height: 4rem; line-height: 4rem; text-align: center; background: #000; color: #fff; transition: all .5s; z-index: 1000;}
.skip:focus { top: 0;}

/* 정렬 */
.textC {text-align:center !important;}
.textL {text-align:left !important;}
.textR {text-align:right !important;}
.verticalT {vertical-align: top !important;}
.verticalM {vertical-align: middle !important;}
.textU { text-decoration: underline !important;}

/* float */
.floatL {float:left !important;}
.floatR {float:right !important;}
.floatN {float:none !important;}
.clear {clear:both !important;}
.clear:after { content:""; display:block; clear:both;}

/* margin */
.m0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:.5rem !important;}
.mt10 {margin-top:1rem !important;}
.mt15 {margin-top:1.5rem !important;}
.mt20 {margin-top:2rem !important;}
.mt25 {margin-top:2.5rem !important;}
.mt30 {margin-top:3rem !important;}
.mt35 {margin-top:3.5rem !important;}
.mt40 {margin-top:4rem !important;}
.mt45 {margin-top:4.5rem !important;}
.mt50 {margin-top:5rem !important;}

.mr0 {margin-right:0 !important;}
.mr5 {margin-right:.5rem !important;}
.mr10 {margin-right:1rem !important;}
.mr15 {margin-right:1.5rem !important;}
.mr20 {margin-right:2rem !important;}
.mr25 {margin-right:2.5rem !important;}
.mr30 {margin-right:3rem !important;}
.mr35 {margin-right:3.5rem !important;}
.mr40 {margin-right:4rem !important;}
.mr45 {margin-right:4.5rem !important;}
.mr50 {margin-right:5rem !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:.5rem !important;}
.mb10 {margin-bottom:1rem !important;}
.mb15 {margin-bottom:1.5rem !important;}
.mb20 {margin-bottom:2rem !important;}
.mb25 {margin-bottom:2.5rem !important;}
.mb30 {margin-bottom:3rem !important;}
.mb35 {margin-bottom:3.5rem !important;}
.mb40 {margin-bottom:4rem !important;}
.mb45 {margin-bottom:4.5rem !important;}
.mb50 {margin-bottom:5rem !important;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:.5rem !important;}
.ml10 {margin-left:1rem !important;}
.ml15 {margin-left:1.5rem !important;}
.ml20 {margin-left:2rem !important;}
.ml25 {margin-left:2.5rem !important;}
.ml30 {margin-left:3rem !important;}
.ml35 {margin-left:3.5rem !important;}
.ml40 {margin-left:4rem !important;}
.ml45 {margin-left:4.5rem !important;}
.ml50 {margin-left:5rem !important;}
.ml60 {margin-left:6rem !important;}

/* padding */
.p0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:.5rem !important;}
.pt10 {padding-top:1rem !important;}
.pt15 {padding-top:1.5rem !important;}
.pt20 {padding-top:2rem !important;}
.pt25 {padding-top:2.5rem !important;}
.pt30 {padding-top:3rem !important;}
.pt35 {padding-top:3.5rem !important;}
.pt40 {padding-top:4rem !important;}
.pt50 {padding-top:5rem !important;}
.pt45 {padding-top:4.5rem !important;}

.pr0 {padding-right:0 !important;}
.pr5 {padding-right:.5rem !important;}
.pr10 {padding-right:1rem !important;}
.pr15 {padding-right:1.5rem !important;}
.pr20 {padding-right:2rem !important;}
.pr25 {padding-right:2.5rem !important;}
.pr30 {padding-right:3rem !important;}
.pr35 {padding-right:3.5rem !important;}
.pr40 {padding-right:4rem !important;}
.pr45 {padding-right:4.5rem !important;}
.pr50 {padding-right:5rem !important;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:.5rem !important;}
.pb10 {padding-bottom:1rem !important;}
.pb15 {padding-bottom:1.5rem !important;}
.pb20 {padding-bottom:2rem !important;}
.pb25 {padding-bottom:2.5rem !important;}
.pb30 {padding-bottom:3rem !important;}
.pb35 {padding-bottom:3.5rem !important;}
.pb40 {padding-bottom:4rem !important;}
.pb45 {padding-bottom:4.5rem !important;}
.pb50 {padding-bottom:5rem !important;}

.pl0 {padding-left:0 !important;}
.pl5 {padding-left:.5rem !important;}
.pl10 {padding-left:1rem !important;}
.pl15 {padding-left:1.5rem !important;}
.pl20 {padding-left:2rem !important;}
.pl25 {padding-left:2.5rem !important;}
.pl30 {padding-left:3rem !important;}
.pl35 {padding-left:3.5rem !important;}
.pl40 {padding-left:4rem !important;}
.pl45 {padding-left:4.5rem !important;}
.pl50 {padding-left:5rem !important;}


/* 옵션 */
body {overflow-x: hidden;}
body.active {overflow-y: hidden;}
.con {margin:0 auto; max-width:1000px; box-sizing: border-box; padding: 0 40px;}
.img-box > img {width:100%; display:block;}
.k-cell::after {content:""; display:block; clear:both;}
.cell {float:left; box-sizing:border-box;}
.cell-right {float:right;  box-sizing:border-box;}
.none {display:none;}
.block {display:block;}
.inblock {display:inline-block;}
.inline {display:inline;}
.flex {display:flex;}
.inflex {display:inline-flex;}
.ais {align-items: flex-start;}
.aic {align-items: center;}
.aie {align-items: flex-end;}
.jcs {justify-content: flex-start;}
.jcc {justify-content: center;}
.jce {justify-content: flex-end;}
.jcsb {justify-content: space-between;}
.fdc {flex-direction: column;}
.fdcr {flex-direction: column-reverse;}
.fww {flex-wrap: wrap;}
.tdu {text-decoration: underline;}
.tdm {text-decoration: line-through;}
.rel {position: relative;}
.abs {position: absolute;}
.fixed {position: fixed;}
.zi1 {z-index: 1;}
.zi2 {z-index: 2;}
.zi3 {z-index: 3;}
.zi4 {z-index: 4;}
.zi5 {z-index: 5;}
.zi6 {z-index: 6;}
.zi7 {z-index: 7;}
.zi8 {z-index: 8!important;}
.zi9 {z-index: 9;}
.zi10 {z-index: 10;}
.zi100 {z-index: 100;}
.zi1000 {z-index: 1000;}
.zi10000 {z-index: 10000;}
.xy-middle {top: 50%; left: 50%; transform: translate(-50%,-50%);}
.x-middle {left: 50%; transform: translateX(-50%);}
.y-middle {top: 50%; transform: translateY(-50%);}
.xy-tl {top: 0; left: 0;}
.xy-tr {top: 0; right: 0;}
.xy-bl {bottom: 0; left: 0;}
.xy-br {bottom: 0; right: 0;}
.x-l {left: 0;}
.x-r {right: 0;}
.y-t {top: 0;}
.y-b {bottom: 0;}
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}
.wsn {white-space: nowrap;}
.cp {cursor: pointer;}
.bsb {box-sizing: border-box;}
.bdr4 {border-radius: 4px;}
.bdr6 {border-radius: 6px;}
.bdr8 {border-radius: 8px;}
.bdr10 {border-radius: 10px;}
.bdr12 {border-radius: 12px;}
.bdr16 {border-radius: 16px;}
.bdr20 {border-radius: 20px;}
.bdr20 {border-radius: 30px;}
.bdr50 {border-radius: 50%;}
.ex::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    background: inherit;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transform: translate(-50%, -50%);
    transform: translateX(-50%);
    transform: translateY(-50%);
}

