@charset "utf-8";


#head_bx { margin-bottom:20px; }
#head_bx ul{ padding:0; margin:0; }
#head_bx a{ text-decoration:none; }
#head_bx #gnb{ position:relative; font-size:0; margin-right:-2px; font-family:'Noto Sans KR', sans-serif;}
#head_bx #gnb > li{ display:inline-block; vertical-align:top; width:calc(16.66% - 2px); margin-right:2px; }
#head_bx #gnb > li > a{ position:relative; display:block; padding-top:6px; height:43px; text-align:center; border-radius:3px; background:url('../img/new/gnb_bg.gif') repeat-x left top; box-sizing:border-box; letter-spacing:-0.05em; }
#head_bx #gnb > li > a:before{ content:''; position:absolute; left:49%; top:2px; width:0; height:3px; background:#a8eaf4; border-radius:2px 0 0 2px; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s;}
#head_bx #gnb > li > a:after{ content:''; position:absolute; right:49%; top:2px; width:0; height:3px; background:#a8eaf4; border-radius:2px 0 0 2px; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s;}
#head_bx #gnb > li > a strong{ display:block; font-size:15px; line-height:18px; color:#fff; font-weight:300; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
#head_bx #gnb > li > a span{ display:block; padding-top:3px; font-size:8px; line-height:10px; color:#9eccde; text-transform: uppercase; }
#head_bx #gnb > li.off > a strong{ color:#78aac8; }
#head_bx #gnb > li:hover > a:before{ width:45%; }
#head_bx #gnb > li:hover > a:after{ width:45%; }
#head_bx #gnb .dep2{ display:none; position:absolute; font-size:0; padding:0 16px; border-radius:10px; background:url('../img/new/gnb_bg2.gif') repeat-x left top; }
#head_bx #gnb .dep2 li{ display:inline-block; vertical-align:top; margin:0 6px; }
#head_bx #gnb .dep2 li a{ display:block; font-size:12px; line-height:18px; color:#fff; font-weight:300; letter-spacing:-0.05em; }

/*#head_bx #gnb > li:nth-child(1) .dep2{ width:467px; }*/
#head_bx #gnb > li:nth-child(1) .dep2{ width:520px; }
#head_bx #gnb > li:nth-child(2) .dep2{ width:189px; }
#head_bx #gnb > li:nth-child(3) .dep2{ width:163px; }
#head_bx #gnb > li:nth-child(4) .dep2{ width:155px; }
#head_bx #gnb > li:nth-child(5) .dep2{ right:0; width:324px; }
#head_bx #gnb > li:nth-child(6) .dep2{ right:0; width:140px; }

.side_slide_wrap { overflow:hidden; width:177px; border:1px solid #ddd; }
.side_slide_wrap ul{ padding:0; margin:0; }
.side_slide_wrap ul li{ list-style:none; }
.side_slide_wrap ul.slick-dots{ position:absolute; right:0; top:8px; font-size:0; }
.side_slide_wrap ul.slick-dots li{ display:inline-block; vertical-align:top; margin-right:5px; }
.side_slide_wrap ul.slick-dots li button{ padding:0; margin:0; width:12px; height:12px; background:#c9c9c9; border-radius:50%; text-indent:-9999px; border:0; cursor:pointer; outline:none; }
.side_slide_wrap ul.slick-dots li.slick-active button{ background:#cc0000; }

.left_quick_bx{ width:193px; height:78px; font-size:0; }
.left_quick_bx a{ display:inline-block; width:22px; height:78px; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
.left_quick_bx a.on{ width:calc(193px - 44px); }

.left_menu ul{ margin:0; padding:0; }
.left_menu ul li{ list-style:none; }
.left_menu a{ text-decoration:none; }
.left_menu{ position:relative; width:234px; height:395px; }
.left_menu .bx{ display:inline-block; position:absolute; left:0; bottom:0; width:110px; background:#fff; border-radius:0 10px 0 0; padding:5px 5px 0 0; box-sizing:border-box;  font-family:'Noto Sans KR', sans-serif; }
.left_menu .bx .bx_in{ min-height:190px; padding:5px 4px 5px 9px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; }
.left_menu .bx .bx_in > strong{ display:inline-block; padding-left:25px; margin-bottom:5px; font-size:18px; line-height:24px; color:#333; font-weight:500; letter-spacing:-0.05em; background:url('../img/new/left_menu_icon.gif') no-repeat left center; }				
.left_menu .bx .dep2 > li > a{ display:block; padding-right:5px; font-size:12px; line-height:22px; color:#666; letter-spacing:-0.05em; text-align:right; border-bottom:1px dotted #e0deed; }
.left_menu .bx .dep2 > li:last-child a{ border-bottom:0; }

.right_quick{ position:relative; width:80px; height:105px; overflow:hidden; }
.right_quick div{ position:absolute; left:-65px; width:80px; height:105px; background:url('../img/new/right_quick_bg.jpg') no-repeat top center; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s;}
.right_quick div.on{ left:0; }
.right_quick a.quick_open{ position:absolute; right:0; top:0; width:17px; height:57px; text-indent:-9999px;}
.right_quick ul{ padding:5px 0 0; margin:0; width:65px;}
.right_quick ul li{ list-style:none; }
.right_quick a { text-decoration:none; }
.right_quick ul li:first-child { margin-bottom:3px; }
.right_quick ul li:first-child a{ font-size:14px; color:#ffcc33; }
.right_quick ul li a{ display:block; font-size:12px; line-height:18px; color:#fff; text-align:center; letter-spacing:-0.05em; font-family:'Noto Sans KR', sans-serif; font-weight:300;}

/* slick-slider 필수 css */
.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; cursor:hand;}
.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;}
.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; font-size:0; }
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}


/* Noto Sans KR */
@font-face {
	font-family:"Noto Sans KR";
	src:url("font/NotoSans-Light.eot"); /* IE9 Compat Modes */
	src:url("font/NotoSans-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("font/NotoSans-Light.woff") format("woff"), /* Modern Browsers */
		url("font/NotoSans-Light.woff2") format("woff2"); /* Modern Browsers */
	font-weight:100;
	font-style:normal;
}
@font-face {
	font-family:"Noto Sans KR";
	src:url("font/NotoSans-DemiLight.eot"); /* IE9 Compat Modes */
	src:url("font/NotoSans-DemiLight.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("font/NotoSans-DemiLight.woff") format("woff"), /* Modern Browsers */
		url("font/NotoSans-DemiLight.woff2") format("woff2"); /* Modern Browsers */
	font-weight:300;
	font-style:normal;
}
@font-face {
	font-family:"Noto Sans KR";
	src:url("font/NotoSans-Regular.eot"); /* IE9 Compat Modes */
	src:url("font/NotoSans-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("font/NotoSans-Regular.woff") format("woff"), /* Modern Browsers */
		url("font/NotoSans-Regular.woff2") format("woff2"); /* Modern Browsers */
	font-weight:400;
	font-style:normal;
}
@font-face {
	font-family:"Noto Sans KR";
	src:url("font/NotoSans-Medium.eot"); /* IE9 Compat Modes */
	src:url("font/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("font/NotoSans-Medium.woff") format("woff"), /* Modern Browsers */
		url("font/NotoSans-Medium.woff2") format("woff2"); /* Modern Browsers */
	font-weight:500;
	font-style:normal;
}
@font-face {
	font-family:"Noto Sans KR";
	src:url("font/NotoSans-Bold.eot"); /* IE9 Compat Modes */
	src:url("font/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("font/NotoSans-Bold.woff") format("woff"), /* Modern Browsers */
		url("font/NotoSans-Bold.woff2") format("woff2"); /* Modern Browsers */
	font-weight:700;
	font-style:normal;
}
@font-face {
	font-family:"Noto Sans KR";
	src:url("font/NotoSans-Black.eot"); /* IE9 Compat Modes */
	src:url("font/NotoSans-Black.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		url("font/NotoSans-Black.woff") format("woff"), /* Modern Browsers */
		url("font/NotoSans-Black.woff2") format("woff2"); /* Modern Browsers */
	font-weight:900;
	font-style:normal;
}