@font-face { 
    font-family:'NanumGothic;
                src:url("../font/NanumGothic.ttf"),
                    url("../font/NanumGothic.eot"),
                    url("../font/NanumGothic.woff");

}

.kyj_header_inner {float:left; width:100%; height:50px; z-index:100}
.kyj_header_bottom {width:1100px; position:relative; margin:0 auto; z-index:100}

.kyj_header_inner .kyj_category {position:relative; float:left; z-index:101}
.kyj_header_inner .kyj_category h2 {cursor:pointer;width:200px;height:50px;position:relative;padding: 0;margin: 0;background-color:#144b9b;}
.kyj_header_inner .kyj_category h2 img {position:absolute; top:10px; left:25px;}

.kyj_category > ul {width:200px; margin-top:15px; padding-top:11px; background:#6da9ff; position:relative; height:389px; margin:0 ; display:none}
.kyj_category > ul:after {content:""; width:170px; height:17px; background:#6da9ff; position:absolute; top:0; left:0}
.kyj_category > ul > li {background:#6da9ff; padding-left:15px; padding-right:22px; display:block}
.kyj_category > ul > li.active {background:url(../images/main/category_bg.jpg) no-repeat right}
/* .category > ul > li.active a {color:#272b23} */
.kyj_category > ul > li:first-child { }
.kyj_category > ul > li > a {position:relative; color:#fff; padding-left:24px; font-size:15px; font-family:"godoM"; font-weight:100; display:block; padding:14px 0 14px 70px; text-decoration:none}

.kyj_category > ul > li.active .category_level1_1 {background:#fff url(/main/images/main/categoryimg_01.jpg) no-repeat 100% 100%}
.kyj_category > ul > li.active .category_level1_2 {background:#fff url(/main/images/main/categoryimg_02.jpg) no-repeat 100% 100%}
.kyj_category > ul > li.active .category_level1_3 {background:#fff url(/main/images/main/categoryimg_03.jpg) no-repeat 100% 100%}
.kyj_category > ul > li.active .category_level1_4 {background:#fff url(/main/images/main/categoryimg_04.jpg) no-repeat 100% 100%}
.kyj_category > ul > li.active .category_level1_5 {background:#fff url(/main/images/main/categoryimg_05.jpg) no-repeat 100% 100%}
.kyj_category > ul > li.active .category_level1_6 {background:#fff url(/main/images/main/categoryimg_06.jpg) no-repeat 100% 100%}
.kyj_category > ul > li.active .category_level1_7 {background:#fff url(/main/images/main/categoryimg_07.jpg) no-repeat 100% 100%}
.kyj_category > ul > li.active .category_level1_8 {background:#fff url(/main/images/main/categoryimg_08.jpg) no-repeat 100% 100%}
.kyj_category > ul > li.active .category_level1_9 {background:#fff url(/main/images/main/categoryimg_09.jpg) no-repeat 100% 100%}

.kyj_category > ul > li > ul {display:none}
.kyj_category > ul > li.active > ul {display:block}
.kyj_category > ul > li > ul > li .depth02 {position:absolute; top:0px; left:200px; width:999px; height:399px; z-index:0; padding-top:0px; background:#fff; box-shadow:/*0px 0px 2px rgba(0,0,0,0.2), */1px 1px 2px rgba(0,0,0,0.15)}
.kyj_category > ul > li > ul > li .depth02 > h3 {font-family:"NanumGothic"; font-size:30px; color:#272b23; font-weight:600; padding-left:42px;}
.kyj_category > ul > li:nth-child(1) > ul > li .depth02 > h3 {background:url(/main/images/main/h3_icon1.png) no-repeat}
.kyj_category > ul > li:nth-child(2) > ul > li .depth02 > h3 {background:url(/main/images/main/icon_c_02.png) no-repeat}
.kyj_category > ul > li:nth-child(3) > ul > li .depth02 > h3 {background:url(/main/images/main/h3_icon3.png) no-repeat}
.kyj_category > ul > li:nth-child(4) > ul > li .depth02 > h3 {background:url(/main/images/main/h3_icon4.png) no-repeat}
.kyj_category > ul > li:nth-child(5) > ul > li .depth02 > h3 {background:url(/main/images/main/h3_icon5.png) no-repeat}
.kyj_category > ul > li:nth-child(6) > ul > li .depth02 > h3 {background:url(/main/images/main/h3_icon6.png) no-repeat}
.kyj_category > ul > li:nth-child(7) > ul > li .depth02 > h3 {background:url(/main/images/main/h3_icon7.png) no-repeat}
.kyj_category > ul > li:nth-child(8) > ul > li .depth02 > h3 {background:url(/main/images/main/h3_icon8.png) no-repeat}
.kyj_category > ul > li > a:after {content:""; position:absolute; top:15.5px; left:40px; width:16px; height:16px; background:url(/main/images/main/icon_menu1.png) no-repeat; }

.kyj_category > ul > li:nth-child(1) > a:after {background:url('/main/images/main/icon_menu1.png') no-repeat; height:16px}
.kyj_category > ul > li:nth-child(2) > a:after {background:url('/main/images/main/icon_menu2.png') no-repeat; height:16px}
.kyj_category > ul > li:nth-child(3) > a:after {background:url('/main/images/main/icon_menu3.png') no-repeat; height:16px}
.kyj_category > ul > li:nth-child(4) > a:after {background:url('/main/images/main/icon_menu4.png') no-repeat; height:16px}
.kyj_category > ul > li:nth-child(5) > a:after {background:url('/main/images/main/icon_menu5.png') no-repeat; height:16px}
.kyj_category > ul > li:nth-child(6) > a:after {background:url('/main/images/main/icon_menu6.png') no-repeat; height:16px}
.kyj_category > ul > li:nth-child(7) > a:after {background:url(/main/images/main/icon_menu7.png) no-repeat; height:16px}
.kyj_category > ul > li:nth-child(8) > a:after {background:url(/main/images/main/icon_menu8.png) no-repeat; height:16px}
.kyj_category > ul > li:nth-child(9) > a:after {background:url(/main/images/main/icon_menu9.png) no-repeat; height:16px}

.kyj_category > ul > li > ul > li .depth02 .kyj_category_text {position:absolute; right:25px; top:30px; width:330px;}
.kyj_category > ul > li > ul > li .depth02 .kyj_category_text span {font-size:12px; color:#888888; line-height:160%;}
.kyj_category > ul > li > ul > li .depth02 .kyj_category_text span:after{content:""; position:absolute; width:12px; height:12px; left:-17px; top:0; background:url(/main/images/main/emo.jpg) no-repeat}
.kyj_category > ul > li > ul > li .depth02 .kyj_category_text span strong {color:#484848}
.kyj_category > ul > li > ul > li .depth02 .kyj_category_text p {margin-top:5px; text-align:right;}
.kyj_category > ul > li > ul > li .depth02 > ul {margin-top:2px; width:200px; height:380px; border-right:1px solid #ededed; padding-right:15px; box-sizing:border-box;}
.kyj_category > ul > li > ul > li .depth02 > ul > li {margin:6px 0}
.kyj_category > ul > li > ul > li .depth02 > ul > li > a {color:#757575; font-family:"Malgun Gothic"; font-size:14px; letter-spacing:-0.03em; font-weight:400; padding:5px 0; display:block }
.kyj_category > ul > li > ul > li .depth02 > ul > li.active {padding-left:0; /*background:url(/main/images/main/h3_left.jpg) no-repeat 0 center;*/ }
.kyj_category > ul > li > ul > li .depth02 > ul > li.active > a {padding:3px 4px 3px;border:1px solid #6da9ff;border-radius:2px;background:#6da9ff;color:#fff;text-decoration:none}
.kyj_category > ul > li > ul > li .depth02 > ul > li > ul {position:absolute; left:200px; top:0px; width:400px; display:none}
.kyj_category > ul > li > ul > li .depth02 > ul > li.active > ul {display:block; padding:15px 0px; height:380px; overflow:auto;}
.kyj_category > ul > li > ul > li .depth02 > ul > li > ul > li {float:left; width:200px; margin:5px 0; padding:0 20px; box-sizing:border-box;}
.kyj_category > ul > li > ul > li .depth02 > ul {padding:15px 20px; display:block; color:#666;  border-radius:2px; font-family:"Verdana","Malgun Gothic"; font-size:14px; letter-spacing:-0.07em; overflow:auto;}
.kyj_category > ul > li > ul > li .depth02 > ul > li > ul > li:hover a {margin-right:5px;border:1px solid #757575; background:#757575; color:#fff; text-decoration:none}
.sub_top {position:fixed; top:0; left:0; width:100%; height:0px; background:#757575; z-index:100; overflow:hidden;
-webkit-transition: height 0.1s; 
-moz-transition: height 0.1s; 
-ms-transition: height 0.1s; 
-o-transition: height 0.1s; 
transition: height 0.1s;  
}
.sub_top.active {height:50px;}
.sub_top_inner {position:relative; width:1100px; margin:0 auto; height:100%}
.sub_top_inner .kyj_category {float:left;}
.sub_top_inner .kyj_category h2 {cursor:pointer;cursor:hand; width:158px; height:50px; position:relative; background:#6da9ff; margin-top:0px}
.sub_top_inner .kyj_category h2 img {position:absolute; top:50%; left:50%; margin-left:-43px; margin-top:-7px}

.sub_top_service {position:absolute; left:50%; margin-left:-282px; top:50%; margin-top:-13px; width:500px}
.sub_top_service h2 {float:left; display:none}
.sub_top_search {float:left; /*margin-left:19px;*/margin-left:45px; margin-top:-1px}


.sub_top_search input[type="text"]
{
	float:left;
	width:363px;
	height:26px;
	border:0 none;
	border:1px solid #fff;
	border-radius:250px;
	padding-left:15px;
	font-size:11px;
	color: #000000;
	font-weight: 700;
	outline:0
}
.sub_top_search input[type="text"]::-webkit-input-placeholder
{
	color: #a7a7a7;
	font-weight: normal;
}

.sub_top_search input[type="text"]::-moz-placeholder
{
	color: #a7a7a7;
	font-weight: normal;
}

.sub_top_search input[type="text"]:-ms-input-placeholder
{
	color: #a7a7a7;
	font-weight: normal;
}

.sub_top_search input[type="text"]:-moz-placeholder
{
	color: #a7a7a7;
	font-weight: normal;
}

.sub_top_search input[type="image"] {float:left; margin-left:-30px; margin-top:6px}
.sub_top_util {position:absolute; right:0; top:18px}
.sub_top_util li {float:left; margin-left:20px}
.sub_top_util li a {color:#dbdbdb}
.sub_top_util li a:hover {color:#fff}