@charset "utf-8";

@font-face{
    font-family:"NanumSquare";
    src:url('/font/NanumSquare.eot');
    src:url('/font/NanumSquare.eot?#iefix') format('embedded-opentype'),
    url('/font/NanumSquare.woff') format('woff'),
    url('/font/NanumSquare.ttf') format('truetype'),
    url('/font/NanumSquare.ttf') format('truetype'),
    url('/font/NanumSquare.svg#NanumSquare') format('svg');
    src:local(※), url('/font/NanumSquare.woff') format('woff');
}

@font-face{
    font-family:"NanumSquareB";
    src:url('/font/NanumSquareB.eot');
    src:url('/font/NanumSquareB.eot?#iefix') format('embedded-opentype'),
    url('/font/NanumSquareB.woff') format('woff'),
    url('/font/NanumSquareB.ttf') format('truetype'),
    url('/font/NanumSquareB.ttf') format('truetype'),
    url('/font/NanumSquareB.svg#NanumSquareB') format('svg');
    src:local(※), url('/font/NanumSquareB.woff') format('woff');
}

@font-face{
    font-family:"NanumBarunGothic";
    src:url('/font/NanumBarunGothic.eot');
    src:url('/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
    url('/font/NanumBarunGothic.woff') format('woff'),
    url('/font/NanumBarunGothic.ttf') format('truetype'),
    url('/font/NanumBarunGothic.ttf') format('truetype'),
    url('/font/NanumBarunGothic.svg#NanumBarunGothic') format('svg');
    src:local(※), url('/font/NanumBarunGothic.woff') format('woff');
}
@font-face{
    font-family:"NanumBarunGothicB";
    src:url('/font/NanumBarunGothicBold.eot');
    src:url('/font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
    url('/font/NanumBarunGothicBold.woff') format('woff'),
    url('/font/NanumBarunGothicBold.ttf') format('truetype'),
    url('/font/NanumBarunGothicBold.ttf') format('truetype'),
    url('/font/NanumBarunGothicBold.svg#NanumBarunGothicBold') format('svg');
    src:local(※), url('/font/NanumBarunGothicBold.woff') format('woff');
}

* {
    margin: 0;
    padding: 0;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    image-rendering: -webkit-optimize-contrast;backface-visibility: hidden;
}
body, th, td, input, select, textarea, button, code, kbd, pre, samp {
    font-family:  "Pretendard", Roboto, Helvetica, Arial, sans-serif;
    color: #222;
    font-weight:400;
    font-size: 16px;
    line-height:1.4;
    letter-spacing:-0.3px;
}
table {
    border-collapse:collapse;
}
caption {
    overflow:hidden;
    width:0;
    height:0;
    font-size:0;
    line-height:0;
}
ul, ol, dl {
    list-style: none;
}

h1, h2, h3, h4, h5, h6, strong, th {
    font-weight: normal;
}

b {
    font-weight: bold;
}

a {
    color: inherit;
    text-decoration: none;
}
a:active, a:hover {
    text-decoration: none;
}
textarea:focus,input:focus,select,button,.swiper-button-prev,.swiper-button-next,a{ outline: none; }
img{max-width:100%;}
input[type="text"],input[type="password"],textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;}
input[type="password"]{font-family: "Noto Sans Korean", Arial, Tahoma, sans-serif, serif;}
select{border-radius:0;}
select::-ms-expand{display: none;}
.hide {display: none}
button{cursor:pointer;}



/* float */
.float .left{float:left;}
.float .right{float:right;}

.clearfix{zoom:1}
.clearfix:after, .clearfix:before{display:table;content:"";}
.clearfix:after{clear: both;}

/* vertical align */
.align_top{vertical-align:top}
.align_middle{vertical-align:middle}
.align_bottom{vertical-align:bottom}

/* text align */
.align_center{text-align:center !important}
.align_left{text-align:left !important}
.align_right{text-align:right !important}

/* display */
.block {display:block !important;}
.il_block {display:inline-block !important;}
.hide {display:none !important;}
.screen_hide{position: absolute;text-indent: -9999px;width: 0;height: 0;font-size: 0;line-height: 0;overflow: hidden;}
.sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    width:0 !important;
    height:0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    border: 0 !important;
    overflow: hidden !important
}
.txt_deg{transform: skew(0.028deg);display:inline-block;}
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* magin */
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}

.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px !important;}

.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}


.mgt0 {margin-top:0px !important;}
.mgt5 {margin-top:5px !important;}
.mgt8 {margin-top:8px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}
.mgt55 {margin-top:55px !important;}
.mgt60 {margin-top:60px !important;}
.mgt65 {margin-top:65px !important;}
.mgt70 {margin-top:70px !important;}
.mgt80 {margin-top:80px !important;}
.mgt90 {margin-top:90px !important;}
.mgt100 {margin-top:100px !important;}
.mgt110 {margin-top:110px !important;}
.mgt120 {margin-top:120px !important;}
.mgt130 {margin-top:130px !important;}

.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}
.mgr50 {margin-right:50px !important;}

.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb70 {margin-bottom:70px !important;}
.mgb80 {margin-bottom:80px !important;}

.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}
.mgl50 {margin-left:50px !important;}

.pdt0{padding-top:0px !important;}
.pdt5{padding-top:5px !important;}
.pdt10{padding-top:10px !important;}
.pdt15{padding-top:15px !important;}

.pdl5{padding-left:5px !important;}
.pdl10{padding-left:10px !important;}
.pdl20{padding-left:20px !important;}
.pdl30{padding-left:30px !important;}
.pdl40{padding-left:40px !important;}
.pdl50{padding-left:50px !important;}

.pdr0{padding-right:0px !important;}
.pdr5{padding-right:5px !important;}
.pdr10{padding-right:10px !important;}
.pdr20{padding-right:20px !important;}
.pdr30{padding-right:30px !important;}
.pdr40{padding-right:40px !important;}
.pdr50{padding-right:50px !important;}


/* color */
.blue{color: #1675be;}

.txt_underline{text-decoration:underline !important;}
.txt_red{color:#ec6e69 !important;}
.txt_black{color:#222 !important;}
.txt_yellow{color:#ffdb14 !important;}
.txt_blue{color:#08456c !important;}

.fs_13{font-size:13px !important;}
.fs_14{font-size:14px !important;}
.fs_15{font-size:15px !important;}
.fs_16{font-size:16px !important;}
.fs_17{font-size:17px !important;}
.fs_18{font-size:18px !important;}

.btn{opacity:1;transition:all 0.2s;}
.btn:hover{opacity:0.9;}
.gray:hover{background-color: #f8f8f8 !important;transition:all .2s;}

/*슬라이더*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block;width:100%;}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}