body 
{
	scrollbar-face-color:#D9D9D9; 
	scrollbar-shadow-color:#D9D9D9; 
	scrollbar-highlight-color:#D9D9D9; 
	scrollbar-3dlight-color:#ECECEC; 
	scrollbar-darkshadow-color:#D9D9D9; 
	scrollbar-track-color:#ECECEC; 
	scrollbar-arrow-color:#999999
}

td { font-family:"µ¸؟ٍ"; font-size: 12px; color:#555555; text-decoration:none; line-height:21px }

select {font-family:"µ¸؟ٍ"; font-size: 12px; color:#555555; background-color:#FFFFFF; border:1px solid #D7D7D7}
text {font-family:"µ¸؟ٍ"; font-size: 12px; color:#555555; background-color:#FFFFFF; border-top:2px solid #404040; border-right:1px solid #D4CFC9; border-bottom:1px solid #D4CFC9; border-left:2px solid #404040}

a:link { font-family:"µ¸؟ٍ"; font-size: 12px; color:#555555; text-decoration:none; line-height:16px }
a:visited { font-family:"µ¸؟ٍ"; font-size: 12px; color:#555555; text-decoration:none; line-height:16px }
a:active { font-family:"µ¸؟ٍ"; font-size: 12px; color:#555555; text-decoration:none; line-height:16px }
a:hover { font-family:"µ¸؟ٍ"; font-size: 12px; color:#555555; text-decoration:none; line-height:16px }

textarea  { font-family:"µ¸؟ٍ"; font-size: 12px; color:#555555; background-color:#FFFFFF; border:1px solid #D7D7D7; line-height:12px}

.txtbox_01 {font-family:"µ¸؟ٍ"; font-size: 12px; color:#555555; background-color:#E9E9E9; border:1px solid #E9E9E9}
.txtbox_02 {font-family:"µ¸؟ٍ"; font-size: 12px; color:#555555; background-color:#FFFFFF; border:1px solid #D7D7D7}
.txtbox_03 {font-family:"µ¸؟ٍ"; font-size: 12px; color:#555555; background-color:#FFFFFF; border-top:2px solid #404040; border-right:1px solid #D4CFC9; border-bottom:1px solid #D4CFC9; border-left:2px solid #404040}

.t1 { font-family:µ¸؟ٍ;
  font-size:12px;
  line-height:18px;
  color:#4A494A;
  background-color:#FFFFFF;
  border: 1px solid #AAC8E5; 
}
.t2 { font-family:µ¸؟ٍ;
  font-size:12px;
  line-height:18px;
  color:#4A494A;
  background-color:#CBDEF2;
  border: 1px solid #AAC8E5;
}
.t3 {
  font-family:µ¸؟ٍ;
  font-size:12px;
  line-height:18px;
  color:#4A494A;
  background-color:#E4EDF7;
  border: 1px solid #CBDEF2;
}

.main { font-family:"µ¸؟ٍ"; font-size: 11px; color:#636363; text-decoration:none}
.main a:link { font-family:"µ¸؟ٍ"; font-size: 11px; color:#636363; text-decoration:none}
.main a:visited { font-family:"µ¸؟ٍ"; font-size: 11px; color:#636363; text-decoration:none}
.main a:active { font-family:"µ¸؟ٍ"; font-size: 11px; color:#FF0A13; text-decoration:none}
.main a:hover { font-family:"µ¸؟ٍ"; font-size: 11px; color:#FF0A13; text-decoration:none}

.admin { font-family:"µ¸؟ٍ"; font-size: 12px; color:#3F3F3F; text-decoration:none}
.admin a:link { font-family:"µ¸؟ٍ"; font-size: 12px; color:#3F3F3F; text-decoration:none}
.admin a:visited { font-family:"µ¸؟ٍ"; font-size: 12px; color:#3F3F3F; text-decoration:none}
.admin a:active { font-family:"µ¸؟ٍ"; font-size: 12px; color:#8BAA00; text-decoration:underline}
.admin a:hover { font-family:"µ¸؟ٍ"; font-size: 12px; color:#8BAA00; text-decoration:underline}

/* Noto Sans KR */

@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;
}

#gnb{ font-size:0; margin:0; padding:0;}
#gnb > li{ position:relative; display:inline-block; vertical-align:top; width:25%; }
#gnb > li:after{ content:''; position:absolute; right:0; top:26px; width:2px; height:30px; background:#d9d9d9; }
#gnb > li:last-child:after{ display:none; }
#gnb > li > a{ position:relative; display:block; text-align:center; padding:12px 0 10px; font-family:"Noto Sans KR";}
#gnb > li > a:before{ content:''; position:absolute; right:50%; top:0; width:0; height:4px; background:#ff9966; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s;}
#gnb > li > a:after{ content:''; position:absolute; left:50%; top:0; width:0; height:4px; background:#ff9966; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s;}
#gnb > li:hover > a:before{ width:50%; }
#gnb > li:hover > a:after{ width:50%; }
#gnb > li > a strong{ display:block; font-size:16px; line-height:26px; color:#000; font-weight:500; letter-spacing:-0.05em;}
#gnb > li > a span{ display:block; font-size:10px; line-height:10px; color:#666; letter-spacing:-0.05em; }
#gnb > li:hover > a strong{ color:#003d75; }
#gnb > li:hover .dep02{ display:block; }
#gnb .dep02{ display:none; position:absolute; left:0; top:100%; font-size:0;  margin:0; padding:0 0 0 35px; box-sizing:border-box; }
#gnb .dep02 li{ display:inline-block; vertical-align:top; margin-right:14px; }
#gnb .dep02 li:last-child{ margin-right:0; }
#gnb .dep02 li a{ display:block; font-size:13px; line-height:34px; color:#000; letter-spacing:-0.05em; font-family:"Noto Sans KR";}
#gnb .dep02 li a:hover{ color:#ff9966; }

#gnb > li:nth-child(1) .dep02{ width:350px; }
#gnb > li:nth-child(2) .dep02{ width:300px; padding-left:10px; }
#gnb > li:nth-child(3) .dep02{ width:300px; padding-left:10px; }
#gnb > li:nth-child(4) .dep02{ width:300px; padding-left:0;}

/* 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;}

.pd_slide{ width:384px; padding:0; margin:0; }
.pd_slide .slick-arrow{ position:absolute; top:50%; margin-top:-6px; width:11px; height:12px; text-indent:-9999px; padding:0; outline:none; z-index:1; border:0; cursor:pointer; }
.pd_slide .slick-prev{ left:8px; background:url('../img/pd_ar01.jpg') no-repeat center;}
.pd_slide .slick-next{ right:8px; background:url('../img/pd_ar02.jpg') no-repeat center;}

.dot_bx { margin-top:13px; margin-bottom:10px; }
.dot_bx .slick-dots{ padding:0; margin:0; font-size:0; }
.dot_bx .slick-dots li{ display:inline-block; vertical-align:top; margin-right:2px; }
.dot_bx .slick-dots li:last-child{ margin-right:0; }
.dot_bx .slick-dots li button{ display:inline-block; vertical-align:top; width:12px; font-size:10px; line-height:13px; color:#fff; text-align:center; border-radius:3px; background:#00435a; border:0; padding:0; cursor:pointer; }
.dot_bx .slick-dots li.slick-active button{ background:#c80000; }

.quick_bx{ padding-top:46px; width:86px; height:304px; background:url('../img/quick_bg.jpg') no-repeat center; box-sizing:border-box; }
.quick_bx > div{  margin:0 auto; width:75px; padding:10px 0; }
.quick_bx > div > a{ position:relative; display:block; text-align:center; overflow:hidden; }
.quick_bx > div > a:after{ content:''; position:absolute; left:50%; margin-left:-25px; bottom:0; width:50px; height:1px; background:rgba(255,255,255,0.2)}
.quick_bx > div > a:last-of-type:after{ display:none; }
.quick_bx > div > a span{ position:relative; display:block; padding:15px 0; font-size:13px; line-height:24px; color:#000; letter-spacing:-0.05em; font-family:"Noto Sans KR"; -webkit-transition:padding 0.4s; -moz-transition:padding 0.4s; transition:padding 0.4s;} 
.quick_bx > div > a span:before{ opacity:0; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; z-index:1; }
.quick_bx > div > a span:after{ opacity:0; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s;}
.quick_bx > div > a.on span{ padding-top:85px; color:#fff; }
.quick_bx > div > a:nth-of-type(1) span:before{ content:''; position:absolute; left:-7px; top:-25px; width:92px; height:93px; background:url('../img/q1.png') no-repeat center top; }
.quick_bx > div > a:nth-of-type(2) span:before{ content:''; position:absolute; left:-7px; top:-25px; width:92px; height:93px; background:url('../img/q2.png') no-repeat center top; }
.quick_bx > div > a:nth-of-type(3) span:before{ content:''; position:absolute; left:-7px; top:-25px; width:92px; height:93px; background:url('../img/q3.png') no-repeat center top; }
.quick_bx > div > a:nth-of-type(1) span:after{ content:''; position:absolute; left:50%; margin-left:-22px; top:-25px; width:45px; height:45px; background:url('../img/q1_bg.png') no-repeat center top; }
.quick_bx > div > a:nth-of-type(2) span:after{ content:''; position:absolute; left:50%; margin-left:-21px; top:-25px; width:43px; height:43px; background:url('../img/q2_bg.png') no-repeat center top; }
.quick_bx > div > a:nth-of-type(3) span:after{ content:''; position:absolute; left:50%; margin-left:-22px; top:-25px; width:45px; height:45px; background:url('../img/q3_bg.png') no-repeat center top; }
.quick_bx > div > a.on span:before{ opacity:1; top:-10px; }
.quick_bx > div > a.on span:after{ opacity:1 }
.quick_bx > div > a.on:nth-of-type(1) span:after{ top:37px; }
.quick_bx > div > a.on:nth-of-type(2) span:after{ top:40px; }
.quick_bx > div > a.on:nth-of-type(3) span:after{ top:40px; }

.data-list{ font-size:0; }
.data-list > a{ display:inline-block; }

.promo-carousel { border-bottom: 1px solid #eee; padding-bottom: 0; overflow: hidden; }
.promo-carousel .item-wrap { transform: translateX(0px); width: 400%; position: relative; white-space: nowrap; display: flex; }

.str3 { font-size:0 !important}
.str3-2 { background:none !important;}
.str3-2 a { text-align:center; width:100px; height:40px; display:inline-block; vertical-align:top;}