@charset "utf-8";

@font-face {
  font-family: 'NotoSansNew';
  font-style: normal;
  font-weight: 100;
  src: url(../../font/NotoSansKR-Thin-new.woff2) format('woff2'),
       url(../../font/NotoSansKR-Thin-new.woff) format('woff'),
       url(../../font/NotoSansKR-Thin-new.otf) format('opentype');
}
@font-face {
  font-family: 'NotoSansNew';
  font-style: normal;
  font-weight: 300;
  src: url(../../font/NotoSansKR-Light-new.woff2) format('woff2'),
       url(../../font/NotoSansKR-Light-new.woff) format('woff'),
       url(../../font/NotoSansKR-Light-new.otf) format('opentype');
}
@font-face {
   font-family: 'NotoSansNew';
   font-style: normal;
   font-weight: 400;
   src: url(../../font/NotoSansKR-Regular-new.woff2) format('woff2'),
        url(../../font/NotoSansKR-Regular-new.woff) format('woff'),
        url(../../font/NotoSansKR-Regular-new.otf) format('opentype');
 }
@font-face {
   font-family: 'NotoSansNew';
   font-style: normal;
   font-weight: 600;
   src: url(../../font/NotoSansKR-Medium-new.woff2) format('woff2'),
        url(../../font/NotoSansKR-Medium-new.woff) format('woff'),
        url(../../font/NotoSansKR-Medium-new.otf) format('opentype');
}
@font-face {
   font-family: 'NotoSansNew';
   font-style: normal;
   font-weight: 700;
   src: url(../../font/NotoSansKR-Bold-new.woff2) format('woff2'),
        url(../../font/NotoSansKR-Bold-new.woff) format('woff'),
        url(../../font/NotoSansKR-Bold-new.otf) format('opentype');
}

@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 100;	
	src: url(../../font/NotoSansKR-Thin.woff2) format('woff2'),
	url(../../font/NotoSansKR-Thin.woff) format('woff'),
	url(../../font/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 300;
	src: url(../../font/NotoSansKR-Light.eot);
	src: url(../../font/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
	url(../../font/NotoSansKR-Light.woff) format('woff'),
	url(../../font/NotoSansKR-Light.ttf) format('truetype');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 400;
	src: url(../../font/NotoSansKR-Regular.eot);
	src: url(../../font/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
	url(../../font/NotoSansKR-Regular.woff) format('woff'),
	url(../../font/NotoSansKR-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 600;
	src: url(../../font/NotoSansKR-Medium.eot);
	src: url(../../font/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
	url(../../font/NotoSansKR-Medium.woff) format('woff'),
	url(../../font/NotoSansKR-Medium.ttf) format('truetype');
}
@font-face {
	font-family: 'NotoSansKR';
	font-style: normal;
	font-weight: 700;
	src: url(../../font/NotoSansKR-Bold.eot);
	src: url(../../font/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
	url(../../font/NotoSansKR-Bold.woff) format('woff'),
	url(../../font/NotoSansKR-Bold.ttf) format('truetype');
} 


html {width: 100%;height:100%;margin:0;padding:0;font-size:62.5%;}
body {position:relative;width: 100%;height:100%;margin:0;padding:0;line-height:1.4;font-family:'NotoSansKR', 'malgun gothic', 'dotum';font-weight:300;color:#3d3d3d;word-spacing:-1px;}
* {box-sizing: border-box; /*outline: 0;*/-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
*:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

img {display:block;line-height:1;border:none;vertical-align: middle;}
.img_dp {display:inline-block !important;}
cite, code, dfn, del, em, ins, label, q, span, strong {display:inline-block;}
cite, em, dfn {font-style:normal;}
sub {vertical-align:bottom;font-family:'dotum';}
sup {vertical-align:top;font-family:'dotum';}
hr {display:none;}
h1, h2, h3, h4, h5, h6 {margin:0;font-size:1em;}
address {font-style:normal;}
p {margin:0;}
pre {margin:0;font-size:1em;font-family:verdana;}
table {border-spacing:0;border-collapse:collapse;width:100%;}
caption {display:none;}
th,td {padding:0;text-align:left;font-weight:normal;font-size:inherit;vertical-align:middle;}
dd, dl, ol, ul {margin:0;padding:0;list-style-type:none;}
form {margin: 0;padding: 0;}
fieldset {margin:0;padding:0;border:none;}
legend {display:none;}
textarea {font-family:inherit;color:inherit;border:0.1rem solid #cdcdcd;}
input [type="text"],
input.text {line-height:1.4;font-family:inherit;font-size:inherit;color:#3d3d3d;background:#fff;vertical-align:middle;border:0.1rem solid #cdcdcd;}
input[type=text]::-ms-clear {display: none;}
select {margin:0;font-family:inherit;font-size:inherit;line-height:1.4;color:#3d3d3d;vertical-align:middle;border:0.1rem solid #cdcdcd;}
button {display:inline-block;margin:0;padding:0;font-family:inherit;white-space:nowrap;text-align: center;vertical-align: middle;cursor:pointer;}
a {color:inherit; text-decoration:none;}
a.btn:focus, input.btn:focus,button.btn:focus {outline: none;}

.l {text-align:left !important;}
.c {text-align:center !important;}
.r {text-align:right !important;}
.t {vertical-align:top !important;}
.m {vertical-align:middle !important;}
.b {vertical-align:bottom !important;}
.fl {float:left;}
.fr {float:right;}
.clear::after {content: "";display: table;clear: both;}
.overhide {overflow: hidden;}
.auto-center {margin:0 auto;float: none !important;}
.hidden {position:absolute;top:-9000px;left:-9000px;text-indent:-9999em;}

.w100p {width:100% !important;}
.w6 {width:6rem !important;}
.w20 {width:20rem !important;}

.mar_t1 {margin-top:1rem !important;}
.mar_t3 {margin-top:3rem !important;}
.mar_r05 {margin-right:0.5rem !important;}
.mar_l05 {margin-left:0.5rem !important;}

.bd_t01 {border-top:1px solid #d7d7d7 !important;}
.bd_r01 {border-right:1px solid #d7d7d7 !important;}
.bd_b01 {border-bottom:1px solid #d7d7d7 !important;}
.bd_l01 {border-left:1px solid #d7d7d7 !important;}

.font_300 {font-weight:300 !important;}
.font_400 {font-weight:400 !important;}
.font_500 {font-weight:500 !important;}
.font_600 {font-weight:600 !important;}
.font_700 {font-weight:700 !important;}
.font_800 {font-weight:800 !important;}
.font_900 {font-weight:900 !important;}

.font-s14 {font-size:1.4rem !important;}
.font-s15 {font-size:1.5rem !important;}
.font-s16 {font-size:1.6rem !important;}
.font-s17 {font-size:1.7rem !important;}
.font-s18 {font-size:1.8rem !important;}
.font-s19 {font-size:1.9rem !important;}
.font-s20 {font-size:2.0rem !important;}

/* 넓이지정 px */
.wd_50px {width:50px !important;}
.wd_60px {width:60px !important;}
.wd_70px {width:70px !important;}
.wd_80px {width:80px !important;}
.wd_90px {width:90px !important;}
.wd_100px {width:100px !important;}

/* 넓이지정 % */
.wd_1 {width:1% !important;}
.wd_2 {width:2% !important;}
.wd_3 {width:3% !important;}
.wd_4 {width:4% !important;}
.wd_5 {width:5% !important;}
.wd_6 {width:6% !important;}
.wd_7 {width:7% !important;}
.wd_8 {width:8% !important;}
.wd_9 {width:9% !important;}
.wd_10 {width:10% !important;}
.wd_11 {width:11% !important;}
.wd_12 {width:12% !important;}
.wd_13 {width:13% !important;}
.wd_14 {width:14% !important;}
.wd_15 {width:15% !important;}
.wd_16 {width:16% !important;}
.wd_17 {width:17% !important;}
.wd_18 {width:18% !important;}
.wd_19 {width:19% !important;}
.wd_20 {width:20% !important;}
.wd_21 {width:21% !important;}
.wd_22 {width:22% !important;}
.wd_23 {width:23% !important;}
.wd_24 {width:24% !important;}
.wd_25 {width:25% !important;}
.wd_26 {width:26% !important;}
.wd_27 {width:27% !important;}
.wd_28 {width:28% !important;}
.wd_29 {width:29% !important;}
.wd_30 {width:30% !important;}
.wd_35 {width:35% !important;}
.wd_40 {width:40% !important;}
.wd_45 {width:45% !important;}
.wd_50 {width:50% !important;}
.wd_55 {width:55% !important;}
.wd_60 {width:60% !important;}
.wd_65 {width:65% !important;}
.wd_70 {width:70% !important;}
.wd_75 {width:75% !important;}
.wd_80 {width:80% !important;}
.wd_81 {width:81% !important;}
.wd_82 {width:82% !important;}
.wd_83 {width:83% !important;}
.wd_84 {width:84% !important;}
.wd_85 {width:85% !important;}
.wd_86 {width:86% !important;}
.wd_87 {width:87% !important;}
.wd_88 {width:88% !important;}
.wd_89 {width:89% !important;}
.wd_90 {width:90% !important;}
.wd_95 {width:95% !important;}
.wd_100 {width:100% !important;}

/* common margin reset */
.mg_t-10 {margin-top:-10px !important;}
.mg_t-40 {margin-top:-40px !important;}
.mg_t0 {margin-top:0px !important;}
.mg_t5 {margin-top:5px !important;}
.mg_t10 {margin-top:10px !important;}
.mg_t15 {margin-top:15px !important;}
.mg_t20 {margin-top:20px !important;}
.mg_t25 {margin-top:25px !important;}
.mg_t30 {margin-top:30px !important;}
.mg_t35 {margin-top:35px !important;}
.mg_t40 {margin-top:40px !important;}
.mg_t45 {margin-top:45px !important;}
.mg_t50 {margin-top:50px !important;}
.mg_t60 {margin-top:60px !important;}
.mg_b0 {margin-bottom:0px !important;}
.mg_b5 {margin-bottom:5px !important;}
.mg_b10 {margin-bottom:10px !important;}
.mg_b15 {margin-bottom:15px !important;}
.mg_b20 {margin-bottom:20px !important;}
.mg_b25 {margin-bottom:25px !important;}
.mg_b30 {margin-bottom:30px !important;}
.mg_b35 {margin-bottom:35px !important;}
.mg_b40 {margin-bottom:40px !important;}
.mg_b45 {margin-bottom:45px !important;}
.mg_b50 {margin-bottom:50px !important;}
.mg_r-15 {margin-right:-15px !important;}
.mg_r0 {margin-right:0px !important;}
.mg_r5 {margin-right:5px !important;}
.mg_r10 {margin-right:10px !important;}
.mg_r15 {margin-right:15px !important;}
.mg_r20 {margin-right:20px !important;}
.mg_r25 {margin-right:25px !important;}
.mg_r30 {margin-right:30px !important;}
.mg_r35 {margin-right:35px !important;}
.mg_r40 {margin-right:40px !important;}
.mg_r45 {margin-right:45px !important;}
.mg_r50 {margin-right:50px !important;}
.mg_l-15 {margin-left:-15px !important;}
.mg_l0 {margin-left:0px !important;}
.mg_l5 {margin-left:5px !important;}
.mg_l10 {margin-left:10px !important;}
.mg_l15 {margin-left:15px !important;}
.mg_l20 {margin-left:20px !important;}
.mg_l25 {margin-left:25px !important;}
.mg_l30 {margin-left:30px !important;}
.mg_l35 {margin-left:35px !important;}
.mg_l40 {margin-left:40px !important;}
.mg_l45 {margin-left:45px !important;}
.mg_l50 {margin-left:50px !important;}
.mg_l70 {margin-left:70px !important;}

/* common padding reset */
.pd0 {padding:0 !important;}
.pd15 {padding:15px !important;}
.pd_t0 {padding-top:0px !important;}
.pd_t5 {padding-top:5px !important;}
.pd_t10 {padding-top:10px !important;}
.pd_t15 {padding-top:15px !important;}
.pd_t20 {padding-top:20px !important;}
.pd_t25 {padding-top:25px !important;}
.pd_t30 {padding-top:30px !important;}
.pd_t35 {padding-top:35px !important;}
.pd_t40 {padding-top:40px !important;}
.pd_t45 {padding-top:45px !important;}
.pd_t50 {padding-top:50px !important;}
.pd_b0 {padding-bottom:0px !important;}
.pd_b5 {padding-bottom:5px !important;}
.pd_b10 {padding-bottom:10px !important;}
.pd_b15 {padding-bottom:15px !important;}
.pd_b20 {padding-bottom:20px !important;}
.pd_b25 {padding-bottom:25px !important;}
.pd_b30 {padding-bottom:30px !important;}
.pd_b35 {padding-bottom:35px !important;}
.pd_b40 {padding-bottom:40px !important;}
.pd_b45 {padding-bottom:45px !important;}
.pd_b50 {padding-bottom:50px !important;}
.pd_r0 {padding-right:0px !important;}
.pd_r5 {padding-right:5px !important;}
.pd_r10 {padding-right:10px !important;}
.pd_r15 {padding-right:15px !important;}
.pd_r20 {padding-right:20px !important;}
.pd_r25 {padding-right:25px !important;}
.pd_r30 {padding-right:30px !important;}
.pd_r35 {padding-right:35px !important;}
.pd_r40 {padding-right:40px !important;}
.pd_r45 {padding-right:45px !important;}
.pd_r50 {padding-right:50px !important;}
.pd_l0 {padding-left:0px !important;}
.pd_l5 {padding-left:5px !important;}
.pd_l10 {padding-left:10px !important;}
.pd_l15 {padding-left:15px !important;}
.pd_l20 {padding-left:20px !important;}
.pd_l25 {padding-left:25px !important;}
.pd_l30 {padding-left:30px !important;}
.pd_l35 {padding-left:35px !important;}
.pd_l40 {padding-left:40px !important;}
.pd_l45 {padding-left:45px !important;}
.pd_l50 {padding-left:50px !important;}

/*button*/
.btn {display: inline-block;line-height: 1;font-weight: normal;text-align: center;vertical-align: middle;cursor: pointer;border-color: rgba(0, 0, 0, 0);white-space: nowrap;color:#fff;border:0.1rem solid transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.color_sky {color:#21b8ce;}
.color_blue {color:#657aff;}
.color_red {color:#eb0808;}
.color_yellow {color:#ffedca;}
.color_beige {color:#e3e3bd;}

/* Slider */
.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:none;}
.slick-list.dragging {cursor:pointer;}
.slick-slider .slick-track,
.slick-slider .slick-list {-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:before,
.slick-track:after {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;}
.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;}