@charset "utf-8";

/*-- header --*/
.header-wrap {width:100%; min-width:1200px; position:relative;}
.header-wrap::after {clear:both; content:""; display:block;}
.header_area{width:1200px; height:102px; margin:0 auto;}
.header_L_area{float:left; overflow: hidden;  display: inline-block; /*width: 700px;*/ margin-top: 37px; margin-top:0; position:absolute;}
#nav{display: inline-block; margin-top: 13px;}
.logo{display:inline-block; float: left;  margin-right:30px; margin-top:28px;}
.logo-kb{display:inline-block; float: left;  margin-right:30px; margin-top:18px;}
.nav{display:inline-block; float: left;}
.nav_list{overflow:hidden;}
.nav_list li{float:left; margin-right:30px;}
.nav_list li:last-child{margin-right:0px;}
.nav_list li a{/*font-size:22px;*/ font-size:20px;}
.header_R_area{float: right;}
.utility_menu{overflow: hiddne; margin-top: 38px;}
.utility_menu li{float:left; margin-left:20px;}
.utility_menu li:first-child {margin-left:0px;}
.utility_menu a{/*font-size:16px;*/ font-size:18px; color:#888;}
.gnb-line {position:absolute; top:102px; left:0; border-bottom: 1px solid #004a98; width:100%; z-index:11}

/*---해더 : 종근당 ---*/
.header_area2{position: relative;}
.top_cover{width:100%; min-width: 1200px; text-align: center; height:460px; background-image:url("../../images/pc/common/info_title_img.png"); background-size: cover;}
.top_cover .img_txt1, 
.top_cover .img_txt2, 
.top_cover .img_txt3{display:block; color:#fff; font-weight:700; letter-spacing:-0.5px;}
.top_cover .img_txt1{padding-top:100px; font-size:20px; font-weight:400;}
.top_cover .img_txt2{font-size:80px;}
.top_cover .img_txt3{font-size:26px; font-weight:400; opacity:0.5; margin-top:30px;}



/*드롭다운메뉴*/
/*#gnb {position:absolute;top:114px;height:45px;width:100%;z-index:999;}
#gnb:after {display:block; content:"";clear:both;}
#gnb .gnb_wrap{width:100%;margin:0 auto;background:#fff;}
#gnb .gnb_wrap:after {display:block; content:"";clear:both;}
#gnb .gnb_wrap>ul{margin:0 auto;background:url(/activeblackbox/images/common/menu_line.gif) 0 bottom no-repeat;}
#gnb .gnb_wrap>ul:after {display:block; content:"";clear:both;}
#gnb .gnb_wrap>ul>li{height:45px; line-height:45px;width:250px;text-align:center;background:url(/activeblackbox/images/common/menu_line.gif) 100% bottom no-repeat; float:left;}
#gnb .gnb_wrap>ul>li a.dep01{color:#333; font-size:20px; font-weight:400; letter-spacing:-0.5px;}
#gnb .gnb_wrap>ul>li.slc a.dep01{color:#333;}
#gnb .gnb_wrap>ul>li.ov a.dep01{color:#333;}
#gnb .gnb_wrap>ul>li.on a.dep01{color:#333;}


#gnb .gnb_wrap>ul>li div.dep02{background:#a16ad4;width:100%; position: absolute; top: 45px; left: 0; z-index: 9900; color:#fff; line-height:1.5; text-align:left;display:none;}
#gnb .gnb_wrap>ul>li div.dep02 a{color:#fff;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_nav{max-height:330px;width:1000px;margin:auto;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_nav:after{display:block; content:"";clear:both;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_nav .sub_rt_nav{float:left;width:1000px;border-right:1px solid #c6b6d4;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_nav .sub_rt_nav:after{display:block; content:"";clear:both;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_nav .sub_rt_nav ul.dep02_nav{width:249px;border-left:1px solid #c6b6d4;float:left;padding:20px 0;min-height:315px;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_nav .sub_rt_nav ul.dep02_nav>li{margin-top:6px;min-height:20px;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_nav .sub_rt_nav ul.dep02_nav>li:after{display:block; content:"";clear:both;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_nav .sub_rt_nav ul.dep02_nav>li:first-child{margin-top:0px;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_nav .sub_rt_nav ul.dep02_nav>li>a{display:block;width:218px;padding-left:30px;height:20px;line-height:20px;font-size:14px;font-weight:bold;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_nav .sub_rt_nav ul.dep02_nav>li.dep02_nav_btn{margin:0 0 0 20px;min-height:30px;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_nav .sub_rt_nav ul.dep02_nav>li.dep02_nav_btn>a{display:block;padding:0;height:30px;line-height:30px;font-size:14px;font-weight:bold;background:none;}

#gnb .gnb_wrap>ul>li div.dep02 .dep03{width:208px;margin-left:40px;margin-top:4px;}
#gnb .gnb_wrap>ul>li div.dep02 .dep03:after{display:block; content:"";clear:both;}
#gnb .gnb_wrap>ul>li div.dep02 .dep03>li{	}
#gnb .gnb_wrap>ul>li div.dep02 .dep03>li a{;color:#e1e1e1;display:block;font-size:12px;font-weight:normal;height:18px;line-height:18px;color:#e1e1e1;}
#gnb .gnb_wrap>ul>li div.dep02 .sub_nav .sub_rt_nav ul.dep02_nav>li ul.dep03>li:first-child a{margin-left:0;}*/





.header2_nav_area{position:absolute; bottom:0; left:0; height:70px; width:100%; /*background:url("../../images/pc/common/content_nav_bg.png")repeat;*/ background:rgba(26, 69, 115, 0.6);}
.icon_home{display:inline-block; vertical-align:top; width:70px; height:70px; text-indent:-9999px; background:#fff url("../../images/pc/common/icon_home.png") no-repeat center center;}

/*.mininav{width:1200px; height:70px; margin:0 auto;}
.mininav li{display:inline-block; vertical-align: top;}

.sle_tlt{width:160px; height:70px; line-height:70px; padding:0 30px; cursor: pointer; color:#647c9b; font-size:18px; border-right:1px solid #4f7399; background:url("../../images/pc/common/sel_arrow_down.png") no-repeat 160px center;}
.sle_tlt.active{color:#fff;}
.sle_txt {display:none; padding:20px;}
.sle_txt li {display:block;}
.sle_txt.active{display:block;}*/


.header-nav {position:absolute; bottom:0; width:100%; background:rgba(23, 66, 113, 0.6);}
.header-nav .nav-ul li {float:left; width:220px;}
.header-nav .nav-ul li:first-child {width:inherit;}
.header-nav .select-ui {position: relative;}
.header-nav .select-ui h3 {display:table;}
.header-nav .select-ui h3 a {z-index: 10; position: relative; display: table-cell; width: 220px; height:70px; padding:0 30px; line-height: 1; vertical-align: middle; text-decoration: none; 
color:#8da2c6; font-weight: 500; font-size:18px;  background: url('../../images/pc/common/nav_arr_down.png') no-repeat 176px 50%;}
.header-nav .select-ui h3 a.on {background: #01346a url('../../images/pc/common/nav_arr_up.png') no-repeat 176px 50%; color:#fff;}
.header-nav .select-ui h3 a:hover {text-decoration: none; color: #fff;  background: #01346a url('../../images/pc/common/nav_arr_down.png') no-repeat 176px 50%;}
.header-nav .select-ui ul {display: none; position: absolute; width: 220px; overflow: hidden; left:0px; color:#666; background:#004a99; z-index: 101;}  
.header-nav .select-ui ul li {display: inline; float: left; width: 220px; }
.header-nav .select-ui ul li a {display: table-cell;  width:220px; color: #8da2c6; font-size: 18px; text-decoration: none;  padding:0 30px ; height:70px;  vertical-align: middle;}
.header-nav .select-ui ul li a:hover {color: #fff; text-decoration: none; background:#01346a;}
.header-nav .select-ui ul li a.s-list {padding-left:20px}
.header-nav .select-ui ul li a.s-list:hover {color: #fff; text-decoration: none;}
.header-nav .select-ui ul li a.active {color: #fff; text-decoration: none;}
.header-nav::after {clear:both; display:block; content:"";}





.gnb_wrap {width:100%;position:relative; margin-top:34px;}
.hd_gnb {position:relative;z-index:41;}
.hd_gnb ul.menu {position:relative; margin:0 auto;z-index:42; overflow:hidden}
.hd_gnb ul.menu:after {display:block; content:''; clear:both;}
.hd_gnb ul.menu > li {float:left; /*margin-right:30px; min-width:86px;*/ min-width:120px; text-align:center;}
.hd_gnb ul.menu > li:last-child {margin-right:0;}
.hd_gnb ul.menu > li a {font-size:20px; color:#222;text-decoration:none; padding-bottom:40px;}
.hd_gnb ul.menu > li a.dep1_on {font-size:20px; color:#222; text-decoration:none;}
.gnb_type01 ul.menu > li {min-width:100px;}
.gnb_type02 ul.menu > li {min-width:88px;}
.gnb_type03 ul.menu > li {min-width:104px;}

.depth_bg {display:none; position:absolute; width:100%; height:390px; top:102px; left:0;background:#fff; z-index:10;}
.depth_bg_type01 {display:none; position:absolute; width:100%; height:500px; top:102px; left:0;background:#fff; z-index:10;}

.depthtwo {margin-top:20px;}
.hd_gnb ul.menu > li > .depthtwo a {font-size:15px; color:#888; padding:15px 0;}
.hd_gnb ul.menu > li > .depthtwo a:hover {border-bottom:3px solid #004a98; padding-bottom:12px; color:#004a98;}