#body_wrap {width:100%; margin:0 auto;}
.head_wrap {width:100%; height:130px; border-bottom:1px solid #c9c9c9; margin-bottom:20px; }
.util_menu_wrap {width:100%; background:#fff;border-bottom:1px solid #eee; height:40px;}
.util_menu_wrap .util_menu {width:1200px;margin:0 auto;position:relative;}
.util_menu_wrap .util_menu ul {float:right;}
.util_menu_wrap .util_menu ul li {float:left;margin-right:8px;line-height:40px; box-sizing:border-box;color:#a8a8a8;font-size:11px;}
.util_menu_wrap .util_menu ul li a {color:#a8a8a8;font-size:14px;}
.searchTerm{width:174px;height:25px;border:1px solid #eee;border-radius:15px;box-sizing:border-box;font-size:11px;padding-left:10px;}
.btnSearch{width:35px;height:25px;position:absolute;right:0px;top:5px;border:none;border-radius:15px;z-index:9;background:none;cursor:pointer;-webkit-padding-before:11px;}
.btnSearch img {width:12px;height:12px;}
.util_menu_wrap .util_menu ul li a:hover{border-bottom:1px solid #fff;}
.util_menu_wrap .util_menu .sns {margin-top:7px;}
.inputSearch{position:relative;}

.searchImg{position: absolute;right: 2px; width: 15px; top: 14px;border: none; border-radius: 15px;z-index: 9; background: none; cursor: pointer;}
.head_wrap .main_menu_wrap {width:1200px; height:90px;margin:0 auto;}
.main_menu_inner_wrap {width:100%; margin:0 auto;padding-top:26px;}
.main_menu_inner_wrap h1 {float:left;}
.main_menu_inner_wrap .main_menu {float:right;margin-top:10px;}
.main_menu_inner_wrap .main_menu img{display:none;}
.main_menu_inner_wrap .main_menu ul {float:left;}
.main_menu_inner_wrap .main_menu ul li{float:left;padding-left:20px;padding-right:20px;width:105px;position:relative;}
.hv1>a{font-family: 'Nanum Barun Gothic', sans-serif;color:#333;font-weight:600;font-size:21px;}
/* .hv6{padding-right:0 !important;}
.submenu{position:absolute;width:100%;height:430px;top:131px;z-index:999;border-bottom:1px solid #c9c9c9;background:rgba(13, 77, 150, 0.90);} 
.menugr{position:relative;margin:0 auto;} 
.menu_sub{float:left;margin-left:36.5%;z-index:99;}
.depth2{float:left;height:220px;}
.depth3{height:430px;padding:0 20px;width:105px;}
.depth3 li{margin-bottom:20px;line-height:15px;padding-left:10px;}
.depth3 li a{width:100%;padding:0;color:#fff;line-height:16px;font-size:13px;font-weight:bold;position:relative;z-index:9999;}
.depth3 li a:hover{border-bottom:1px solid #fff;} */
.dropImg{opacity:0.3;position:absolute;left:15%;top:100px;}

.tt2{position:absolute;left:0px;top:54px;height:430px;min-width:140px;padding-left:10px;z-index:99;}
.tt3{padding-top:25px;font-size:13px !important;font-weight:bold;z-index:99;line-height:15px;padding-left:10px;}
.tt3 a{color:#fff;}
.tt3 a:hover{color:#fff;border-bottom:1px solid #fff;}
.bg_menu{position:absolute;left:0;top:131px;width:100%;height:430px;border-bottom: 1px solid #c9c9c9;background: rgba(13, 77, 150, 0.90);z-index:9;}

/* 
.border_list a{ text-decoration: none;color: #000;}
.borderlist_search {margin-top: 10px;margin-bottom: 20px; float: right;}
.borderlist_searchform {width: 20%;height: 30px;float:right; margin-right: 5px;  -webkit-border-radius: 0;}

.borderlist_text {width: 38%;height: 30px;float:right; margin-right: 5px; -webkit-border-radius: 0;} 
.borderlist_text {width: 38%;height: 30px;float:right; margin-right: 5px; -webkit-border-radius: 0; font-family: NanumGothic, 나눔고딕;font-size: 12px;vertical-align: middle;box-sizing: border-box;}
	
.borderlist_search button {width: 17%;height: 30px;border: none;float: right; background:#5b6274; color:#fff;-webkit-border-radius: 0;}
.searchImg{position: absolute;right: 2px; width: 15px; top: 14px;border: none; border-radius: 15px;z-index: 9; background: none; cursor: pointer;}
 20170825 guk 수정*/
 
/*메뉴 추가*/
/*메뉴 추가*/
.sub_topmenu_wrap{width:100%; background:#0d4d96;height:55px;}
.sub_topmenu_wrap .topmenu_wrap{width: 1200px;margin: 0 auto;}
.topmenu_wrap label{position: absolute;left: -10000px;top: auto;width: 1px;height: 1px;overflow: hidden; } 
.topmenu_wrap ul{height:55px;border-left: 1px solid #5683b6;}
.topmenu_wrap ul li{ float: left; }
.topmenu_wrap .sub_topmenu_home{margin-left: 20px; width: 35px; height:55px;  border-right: 1px solid #5683b6;}
.topmenu_wrap .sub_topmenu_home img{ margin-top: 20px;}
.topmenu_wrap .sub_topmenu_select_1 { width: 154px; height: 55px; background: #0d4d96; width: 154px;height: 55px; line-height:55px;  color: #fff; font-size: 14px; border: none; border-right: 1px solid #5683b6; padding-left: 10px;}
.topmenu_wrap .sub_topmenu_select_1 option{background: #0d4d96; display: inline-block;}
.topmenu_wrap .sub_topmenu_select_1 select{ }
.topmenu_wrap .sub_topmenu_select_1 select::-ms-expand{display: none;}

.topmenu_wrap .sub_topmenu_select_2 { width: 210px; height: 55px; line-height:55px; background:#0d4d96; color: #fff; font-size: 14px; border: none; border-right: 1px solid #5683b6; padding-left: 10px; }
.topmenu_wrap .sub_topmenu_select_2 option{background: #0d4d96; display: inline-block;}
.topmenu_wrap .sub_topmenu_select_2 select{ }
.topmenu_wrap .sub_topmenu_select_2 select::-ms-expand{display: none; background: #0d4d96;}

.topmenu_wrap .sub_topmenu_select_3 { width: 192px; height: 55px; line-height:55px; background:#0d4d96; color: #fff; font-size: 14px; border: none;  padding-left: 10px;   border-radius: 0px; }
.topmenu_wrap .sub_topmenu_select_3 option{background: #0d4d96; display: inline-block;}
.topmenu_wrap .sub_topmenu_select_3 select{ }
.topmenu_wrap .sub_topmenu_select_3 select::-ms-expand{display: none; background: #0d4d96;}

.topmenu_wrap .sub_topmenu_ico_print{float: right; margin-top: 21px;width: 48px; /* border-right:1px solid #2a6ab3; */}
.topmenu_wrap .sub_topmenu_ico_share{float: right; margin-top: 21px; margin-left: 21px; width: 22px;}

/*--------------- CONTENTS ------------*/

.main_content_wrap {width:1200px; margin:0 auto;}

.top_contents .m_bottom {margin-bottom:10px;}

.main_content_wrap .top_contents {width:100%;height:300px; }
.main_content_wrap .top_contents .con804 {width:780px; height:auto;float:left;overflow:hidden;font-family: 'Nanum Barun Gothic', sans-serif;}
.main_content_wrap .top_contents .con804 img{ float:left;}
.conTab { width:23.2%; height: 300px; float:left;line-height:0!important; }
.conTab li {  height:150px;display:block; box-sizing: border-box;line-height:0!important; position: relative;}

.conTab_aa{ color:#fff;font-size:18px;font-weight:bold;position: absolute; top:65px;width:100%;text-align:center;line-height: 24px;}

.conTab_bb{ color:#38415e;font-size:18px;font-weight:bold; position: absolute; top:67px;width:100%;text-align:center;line-height: 24px;}

.slider01{width:780px;height:300px;background:#3760b0;}


.main_content_wrap .top_contents #premier21{width:76.8%; height: 300px; float:left;background:#36435F;padding:40px;box-sizing:border-box;position:relative;overflow:hidden;}
#premier21 img{margin-right:-80px;}
.main_content_wrap .top_contents #premier22{width:76.8%; height: 300px; float:left;background:#36435F;padding:40px;box-sizing:border-box;position:relative;}
#premier_button21{height:150px;}
#premier_button22{height:150px;}
#premier21 p,#premier22 p{font-size:32px;color:#fff;}
.p21_wrap{width:350px;height:300px;margin-top:40px;margin-left:20px;}
.p21_left{width:170px;float:right;}
.p21_left li,.p21_right li{width:100%;height:40px;line-height:40px;font-size:14px;/*border-bottom:2px solid #00589f;*/font-weight:bold;}
.p21_left li a,.p21_right li a{color:#fff;}
.p21_right{width:170px;float:left;}
.p21_left li img,.p21_right li img{margin-top:3px;margin-right:10px;}
.lightImg{position:absolute;right:0;bottom:0;}
.hugTxt{font-size:18px !important;margin-top:16px;}
#premier21 img{position:absolute;right:0;top:120px;}
.p21_left li a:hover {border-bottom:1px solid #fff;}
.p21_right li a:hover{border-bottom:1px solid #fff;}
.tab_list li a:hover{border-bottom:1px solid #2d2d2d;}

.main_content_wrap .top_contents .con386 {width:410px;height: 300px; float:right; overflow:hidden;background-color:#f1c51a;}
.main_content_wrap .top_contents .con386_2{display:none;}
.main_content_wrap .top_contents .con386 ul {margin-top:30px; margin-left:30px;}
.main_content_wrap .top_contents .con386 ul li {float:left;width:102px; height:102px;margin-right:20px;}
.main_content_wrap .top_contents .con386 ul li a {width:100%; height:100%; display:block;font-weight: 600;text-align: center;font-size:14px;line-height:70px;}
.main_content_wrap .top_contents .con386 ul li a:hover img{display:none;}
.main_content_wrap .top_contents .con386 ul li:first-child a:hover {background:url(../img/main01/fund_01_over.png) no-repeat;}
.main_content_wrap .top_contents .con386 ul li:nth-child(2) a:hover {background:url(../img/main01/fund_02_over.png) no-repeat;}
.main_content_wrap .top_contents .con386 ul li:nth-child(3) a:hover {background:url(../img/main01/fund_03_over.png) no-repeat;}

.number{width:125px;height:40px;line-height:40px;font-size:24px;font-weight:bold;color:#fff;background:#36435f;margin-top:30px;margin-left:23px;text-align:center;}
.fund{width:367px;height:50px;border-bottom:1px solid black;margin-top:30px;margin-left:20px;}
.fund img{width:100%;}
.fund2{margin:0 auto;border-bottom:none;margin-top:60px;width:100%;text-align:center}
.number2{margin-top:40px;margin-left:23%;width:245px;background:none;color:#36435f;font-weight:bold;border-bottom:2px solid #e9e0c7;}
.number2 span{color:#000;font-size:18px;font-weight:lighter;}
.fund2 p{margin-top:30px;font-size:30px;font-weight:bold;text-align:center;color:#313131;}
.fund2 span{font-size:55px !important;}
.con386_2{padding-top:50px;background:url(/Publishing/img/sub/sum_frame.png) no-repeat center;height:355px;width:100%;margin:0 auto 0;}

.con386 .con_top { width:100%;height:100%; padding:20px;background:url(../img/170106.jpg)no-repeat;background-position: bottom;background-size:100% 80%;}
.con386 .con_top a p {font-size:12px;color:#fff;margin-bottom:10px;}
.con386 .con_top a .news_main_title {margin-bottom:5px;}
.con386 .con_top a .news_sub_title {font-size:16px;font-weight:600;}
.con386 .con_top .line {width: 340px; height:1px; background:#fff;margin-bottom:10px;}
.con386 .con_top .news_text {width:100%;height:10%;display:block; background-color:#000;}
/*.con386 .con_bottom img {width:100%;}*/




.icon_box_wrap{width:100%;height:150px;margin:10px auto 0;}
.icon_box_wrap .icon_title {width:15%; height:150px; float:left;background:#75b422;box-sizing: border-box;padding:0;margin-top:10px;}
.icon_box_wrap .icon_title p {color:#fff;font-size:20px;font-weight:600;line-height:25px;margin-top:60px;text-align:center;font-family: 'Nanum Barun Gothic', sans-serif;}
.icon_box_wrap .icon_title p:nth-child(2) {font-size:14px;}
.icon_box_wrap .icon_box {width:85%;height:150px; float:left; border:1px solid #ccc;border-left:none;box-sizing: border-box;margin-bottom:10px;margin-top:10px;}
.icon_box ul {width:100%;height:150px;display:block;box-sizing: border-box;}
.icon_box ul li {width:16.666%;height:100%; float:left;text-align:center;border-right:1px solid #ccc;box-sizing: border-box;}
.icon_box ul li:last-child{border:none;}
.icon_box ul li .no_hover {display:block;}
.icon_box ul li .hover {display:none;}
.icon_box ul li:hover .hover a p.hover_title { font-size:16px; margin:0 auto;font-weight:700;margin-top:12px;}
.icon_box ul li:hover .hover a p.hover_con {color:#fff; width:70%;margin:10px auto 0;}
.icon_box ul li .no_hover p {margin-top:5px;color:#333;font-weight:600;} /* guk 20170914 추가 수정 */
.icon_box ul li .no_hover a p {margin-top:5px;color:#333;font-weight:600;} 
.icon_box ul li:hover .no_hover {display:none;}
.icon_box ul li:nth-child(1):hover .hover {display:block;width:100%;height:100%; background:url(../img/main_tab/back01.jpg)no-repeat 0 0;margin-top:-1px;padding-top:28px;}
.icon_box ul li:nth-child(2):hover .hover {display:block;width:100%;height:100%; background:url(../img/main_tab/back02.jpg)no-repeat 0 0;margin-top:-1px;padding-top:28px;}
.icon_box ul li:nth-child(3):hover .hover {display:block;width:100%;height:100%; background:url(../img/main_tab/back03.jpg)no-repeat 0 0;margin-top:-1px;padding-top:28px;}
.icon_box ul li:nth-child(4):hover .hover {display:block;width:100%;height:100%; background:url(../img/main_tab/back04.jpg)no-repeat 0 0;margin-top:-1px;padding-top:28px;}
.icon_box ul li:nth-child(5):hover .hover {display:block;width:100%;height:100%; background:url(../img/main_tab/back05.jpg)no-repeat 0 0;margin-top:-1px;padding-top:28px;}
.icon_box ul li:nth-child(6):hover .hover {display:block;width:100%;height:100%; background:url(../img/main_tab/back06.jpg)no-repeat 0 0;margin-top:-1px;padding-top:28px;}
.icon_box ul li:hover .hover a .hover_title {width:100%; font-size:20px;font-weight:600;color:#fff;}
.icon_box ul li:hover .hover a .hover_title p {width:100%;}
.icon_box ul li img {padding-top:20px;}
.icon_box ul li p {color:#36435f;font-size:13px;line-height:20px;}


/* 20170914 guk 자주찾는 서비스 추가*/
.icon_box ul li:hover .hover_title{font-size:16px; margin:0 auto;font-weight:700;margin-top: 15px; color:#fff;}
.icon_box ul li:hover .hover_con{font-size: 13px; margin-top:10px; display: block; font-weight: 500;} 

.icon_box ul li:hover .hover_b {position:relative;}

.icon_box ul li:hover .hover_a {display:block; height:100%; width:100%; position:absolute;  top:0; left:0}




.icon_box ul li a {width:100%;height:100%;display:block;}


.icon_box_wrap_mb{display:none;position:relative;float:left;width:98%;margin-left:1%;height:150px;border:1px solid #ccc;box-sizing:border-box;margin-top:10px;}
.mb_quick{margin-top:15px;}
.mb_quick li{float:left;width:16.6%;height:100px;font-size:13px;}
.mb_quick li a{width:100%;padding-top:90px;text-align:center;display:block;color:#2d2d2d;}
.mb_quick li a:hover{color:#0d4d96;}
.mb_quick li:nth-child(1){background:url('../img/main_tab/icon01.png') no-repeat center center;}
.mb_quick li:nth-child(1):hover{background:url('../img/main_tab/icon01_hover.png') no-repeat center center;background-size:90%;}
.mb_quick li:nth-child(2){background:url('../img/main_tab/icon02.png') no-repeat center center;}
.mb_quick li:nth-child(2):hover{background:url('../img/main_tab/icon02_hover.png') no-repeat center center;background-size:90%;}
.mb_quick li:nth-child(3){background:url('../img/main_tab/icon03.png') no-repeat center center;}
.mb_quick li:nth-child(3):hover{background:url('../img/main_tab/icon03_hover.png') no-repeat center center;background-size:90%;}
.mb_quick li:nth-child(4){background:url('../img/main_tab/icon04.png') no-repeat center center;}
.mb_quick li:nth-child(4):hover{background:url('../img/main_tab/icon04_hover.png') no-repeat center center;background-size:90%;}
.mb_quick li:nth-child(5){background:url('../img/main_tab/icon05.png') no-repeat center center;}
.mb_quick li:nth-child(5):hover{background:url('../img/main_tab/icon05_hover.png') no-repeat center center;background-size:90%;}
.mb_quick li:nth-child(6){background:url('../img/main_tab/icon06.png') no-repeat center center;}
.mb_quick li:nth-child(6):hover{background:url('../img/main_tab/icon06_hover.png') no-repeat center center;background-size:90%;}


.middle_con {width:1200px; margin:49px auto 0; overflow:hidden;}
.middle_con .b_box { width:32%; height:280px; float:left;box-sizing: border-box;border:1px solid #ccc;overflow:hidden;position:relative;}
.newsletter{padding:0; margin-left:1%;margin-right:1%;}
.middle_con .b_box img {}
.middle_con .pop_up {width:33%; height:280px; float:left; line-height:50px; border:1px solid #ccc;box-sizing: border-box;overflow:hidden;position:relative;}
.middle_con .pop_up .pop_up_img_box {width:100%;  box-sizing: border-box;overflow: hidden;}

/*
.middle_con .sns_wrap {width:293px; height:323px; float:left;}
.sns_wrap ul li {float:left;list-style: none;}
.sns_wrap .sns_con_box01 {width:293px; height:inherit; background:#3b5a99; padding:10px 30px 0;box-sizing: border-box;}
.sns_wrap .sns_con_box01 img {margin-top:30px;}
.sns_con_box01 dl dt {float:left; margin-right:15px;}
.sns_con_box01 dl dd a {color:#fff;font-size:14px;}
.sns_wrap .sns_con_box02 {width:100%; height:323px; background:#ccc;box-sizing: border-box;}
*/

.tab_container p,.tab_container02 p{height:30px;font-size:16px;font-weight:bold;border-bottom:1px solid #c9c9c9;}
.tab_container02{width:100%;}
.date{font-size:15px;float:right;}
.tab_list li a{color:#2d2d2d;}
.tab_cate1{background:#36435f;color:#fff;font-size:12px;padding:5px;margin-right:10px;}
.tab_cate2{background:#3760b0;color:#fff;font-size:12px;padding:5px;margin-right:10px;}
.tab_list{margin-top:5px;}
.tab_list li{height:30px;font-size:14px;line-height:30px;}
.li_date{font-size:13px;float:right;}
.newsImg{width:312px;height:150px;position:absolute;left:50%;margin-left:-156px;}
.newsLetter{position:absolute;bottom:0;left:0;width:100%;height:100px;background:rgba(0, 0, 0, 0.6);color:white;font-size:25px;text-align:center;line-height:90px;z-index:9;display:none;}
.newsHv{z-index:999;position:absolute;bottom:0;left:0;width:100%;height:100px;background:rgba(0, 0, 0, 0.6);color:white;font-size:25px;text-align:center;line-height:30px;display:none; margin-bottom:50px;}
.newsHv p{width:70%;margin-left:15%;height:50px;border-bottom:1px solid #fff;line-height:50px;}
.newsHvtxt{font-size:15px;}
.pop_up2{margin-left:0.5%;margin-right:0.5%;}

.b_boxTitle{width:95%;border-bottom:1px solid #c9c9c9;height:30px;font-size:16px;font-weight:bold;line-height:30px;margin-left:2.5%;}
.b_boxContents{font-size:13px;color:#2d2d2d;height:30px;line-height:30px;margin-left:2.5%;}
.nnum{float:right;font-size:14px;color:#808080;height:30px;}
.fc img{margin-top:14px;width:22px;}

.board_wrap{width:1200px; margin:0 auto; padding-top:10px;}
#board_box02 { width: 49%; height:260px;border:1px solid #ccc;float:left;box-sizing: border-box;margin-right:9px;padding-bottom:10px; overflow:hidden; margin-bottom:15px;}
#board_box02 ul.tabs {float: left;list-style: none;height: 52px;background:#36435f; border-bottom: 1px solid #fff;width: 100%;font-size:14px;box-sizing: border-box;color:#fff;}

#board_box02 ul.tabs li { float: left;text-align:center;cursor: pointer; padding:0 15px;height: 51px; line-height: 51px;border-left: none;font-weight: bold;background:#36435f;overflow: hidden;position: relative; box-sizing:border-box;}
#board_box02 ul.tabs li.active { background: #FFFFFF;border-right: 1px solid #ccc;border-bottom: 1px solid #FFFFFF;box-sizing: border-box;color:#333;}

#board_box02 .tab_content {padding: 20px 15px 0;font-size: 12px;display: none;overflow: hidden;}
#board_box02 .tab_content img{width:100%;}


#board_box01 { width: 49%; height:260px;border:1px solid #ccc;float:right;box-sizing: border-box;padding-bottom:10px; overflow:hidden;}
#board_box01 ul.tabs02 {float: left;list-style: none;height: 52px;background:#36435f; border-bottom: 1px solid #fff;width: 100%;font-size:14px;box-sizing: border-box;color:#fff;}
#board_box01 ul.tabs02 li { float: left;text-align:center;cursor: pointer; padding:0 15px;height: 51px; line-height: 51px;border-left: none;font-weight: bold;background:#36435f;overflow: hidden;position: relative; box-sizing:border-box;}
#board_box01 ul.tabs02 li.active { background: #FFFFFF; border-right: 1px solid #ccc;border-bottom: 1px solid #FFFFFF;box-sizing: border-box;color:#36435f;}
#board_box01 .tab_container02 { border-top: none; clear: both; float: left;}
#board_box01 .tab_content02 { padding: 20px 15px 0;font-size: 12px;display: none;overflow: hidden;}
#board_box01 .tab_content02 img{width:100%;}

/* guk 20170914 추가 */
	/* .active a{color:#36435f !important;} */
	#board_box02 ul.tabs a{color:#fff;}

	.tab_content a{ color:#0000ee;}
	.tab_content02 a{ color:#0000ee;}
	
	#board_box01 ul.tabs02 a{color:#fff;}
/* guk 20170914 추가// */

.logo_slide_wrap { width:100%; background:#e0e0e0;overflow:hidden;}
.logo_slide_box {width:1200px; margin:0 auto;background:#e0e0e0; }

#footer {width:100%;overflow:hidden; background: #363636; }
.footer_top_wrap {width:100%; border-top:1px solid #ccc;border-bottom:1px solid #545454; float: left; }
.footer_top{ width: 1200px; margin: 0 auto;}
.footer_top ul {width:700px;height:44px; float: left;}
.footer_top ul li {float:left;font-size:12px;line-height: 44px;padding-right:15px;}
.footer_top .color_01 a{color:#fff;font-size:13px;}
.footer_top .color_02 a{color:#f1c51a;font-size:13px;font-weight:bold;}
#footer .address_wrap {width:1200px;margin:0 auto; padding-top:20px;padding-bottom:30px;overflow:hidden; }
.f_logo{float:left;cursor:pointer;padding-top:10px;}
.copyright{float:left;font-size:12px;color:#fff;line-height:20px;padding-top:10px;padding-left:10px; }

.banner{float:right;cursor:pointer;}

.footer_topmenu_select { float: right;height: 44px; background: #363636; position:relative;}
.footer_topmenu_select option{background: #363636; display: inline-block;}
.footer_topmenu_select .family_site{ display:block;width: 154px;height: 44px; color:#fff; font-size:13px; border: none; background: url(../img/sub/select_down.png) no-repeat 95% 16px #363636; -ms-background: url(../img/sub/select_down.png) no-repeat 95% 16px #363636;  border-radius: 0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; }
.footer_topmenu_select select::-ms-expand{position: absolute;left: -10000px;top: auto;width: 1px;height: 1px;overflow: hidden;}
.footer_topmenu_select .family_box {position:absolute; right:0; top:44px; z-index:333; border:1px solid #d2d2d2; background:#fff; display:none; width:152px;}
.footer_topmenu_select .family_box a {display:block; line-height:30px; background:#fff; padding-left:12px; font-size:14px; color:#333;}

/*퀵메뉴*/
.quick_fixed{width: 95px;height: 220px;position: fixed;bottom: 5px;right: 100px;z-index: 999;}
.quick_fixed ul li{text-align:center;margin-bottom:13px;}
.fix_face{font-size:12px;color:#4d4d4d;font-weight:bold;}
.facebook_wrap{width:380px;height:340px;border:7px solid #3a5897;position:absolute;right:100px;bottom:20px;background:#fff;box-sizing:border-box;}
.face_close{width:20px;height:20px;position:absolute;right:-27px;top:-7px;font-weight:bold;font-size:18px;cursor:pointer;}

/*인트라넷 로그인*/
.intra_login{display:none;position:absolute;width:300px; border:1px solid #ededed; background:#fff;border-radius:15px;right:15px;z-index:999;top:70px;padding:2rem;box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}
.intra_login strong { font-size:1.6rem; }
.intra_login .close {background:#ededed;color: #000000;width:30px;height:30px;border:1px solid #ededed;border-radius:30px;position:absolute; top:12px; right:13px; transition:all 0.3s;}
.intra_login .close:hover { background:#ccc;}
.intra_login .inputText { width:100%; }
.intra_login ul { display:flex; gap:10px; flex-direction:column; margin:2rem 0; }
.intra_login.active { display:block; }

/* 스킵네비게이션 */
/* skip navigation */
div#skip_navigation {margin:0;padding:0;}
div#skip_navigation ul {margin:0;padding:0;height:0;}
div#skip_navigation ul li a.accessibility {position:absolute;display:block;width:100%;left:0;text-align:center;top:-10000px;z-index:1100;font-size:1.3em;}
div#skip_navigation ul li a.accessibility:hover,
div#skip_navigation ul li a.accessibility:focus,
div#skip_navigation ul li a.accessibility:active{position:absolute;top:0;padding:15px 0;font-weight:bold;color:#fff;background:#000;z-index:1200;}


@media only screen and (max-width:1700px) {
    .menu_sub{margin-left:34.8%;}
}
@media only screen and (max-width:1580px) {
    /*
.util_menu_wrap {width:100%;}
.util_menu_wrap .util_menu{width:90%;}
.head_wrap .main_menu_wrap{width:80%;}
.main_content_wrap {width:80%;}

.board_wrap{width:80%;}
.footer_top ul {width:80%;}
#footer .address_wrap {width:80%;}
        */
}
@media only screen and (max-width:1560px) {
.quick_fixed{right:0px;}
}
@media only screen and (max-width:1350px) {
    .depth3{width:95px;margin-right:0;margin-left:23px;}
}
@media only screen and (max-width:1391px) {
    .menu_sub {float:right;margin-left:0;}
    .dropImg{left:5%;}
}
@media only screen and (max-width:1200px) {
.footer_top{width: 100%;}
    
.util_menu_wrap {width:100%;}
.util_menu_wrap .util_menu{width:100%;}
.main_menu_inner_wrap h1 a > img{ padding-left:10px;}
.head_wrap .main_menu_wrap{width:100%;}
.depth3{width:90px;margin-right:0;margin-left:0;}
.hugTxt{width:100%;}
.main_content_wrap {width:100%;}
/*
.main_content_wrap .top_contents {width:98%;padding:0 2%;}
.main_content_wrap .top_contents .con804 {width:98%;padding:0 2%;}
    */

.main_content_wrap .top_contents .con386{width:50%; float:left; height:120px; background-color:#f1c51a;}
.main_content_wrap .top_contents .con386_2{width:50%; float:left; height:120px; display:block; background: url(../img/sub/sum_frame.jpg) 0px 100px;}
.main_content_wrap .top_contents .con386_2 ul{margin-top:20px;}
.main_content_wrap .top_contents .con386_2 ul li{padding-right:20px;box-sizing:padding-box;}

.main_content_wrap .top_contents .con804{width:98%;margin-left:1%;}
.icon_box_wrap{width:98%;}
.main_content_wrap .top_contents{overflow:visible;}
.main_content_wrap .top_contents .con386{width:98%;margin-left:1%;padding-left:2%;box-sizing:border-box;}

.middle_con {width:98%;}
.number{width:80px;height:30px;line-height:30px;font-size:17px;}
.number2{margin-top: 40px;margin-left: 20%;width: 300px;background: none;color: #36435f;font-weight: bold;font-size:24px;}
.fund{width:300px;margin-top:10px;float:left;border-bottom:none;}
.fund2{margin: 0 auto;border-bottom: none;margin-top: 20px;width: 100%;text-align: center; line-height:26px;}
.main_content_wrap .top_contents .con386 ul{float:right;margin-top:-50px;}
#premier_button21{width:100%;}
#premier_button22{width:100%;}
.icon_box_wrap .icon_box{margin-bottom:10px;}

.board_wrap{width:98%;margin-left:1%; margin-top:10px;}
    
.footer_top ul {width:75%;}     /* 수정 눈에 띈다*/
    
#footer .address_wrap {width:100%;}
}
@media only screen and (max-width:1120px) {
	.hv1>a{font-size:20px;}
	.main_menu_inner_wrap .main_menu ul li{width:100px;padding-left:10px;padding-right:10px;}
	.tt2{min-width:100px;}
}
@media only screen and (max-width:1090px) {
    .dropImg{display:none;}
}
@media only screen and (max-width:1080px) {
.middle_con .b_box{height:280px;}
.middle_con .pop_up .bx-wrapper{margin:0;}
}

@media only screen and (max-width:1050px) {
    .menu_sub {margin-left:10%;}
    .f_logo{display:none;}
    .copyright{width:98%;text-align:center;padding-left:1%;}
    .banner_wrap{width:100%;height:130px;text-align:center;}
    .banner{display:inline-block;float:none;}
    #footer .address_wrap{padding-top:20px;padding-bottom:0;}

}
@media only screen and (max-width:1000px) {
.con386_2{padding-top:50px;background:url(../../img/sub/sum_frame2.png) no-repeat center;height:300px;width:100%;margin:0 auto;background-size:100% 100%;}
}
@media only screen and (max-width:960px) {
	.hv1>a{font-size:15px;}
	.main_menu_inner_wrap .main_menu ul li{width:70px;padding-left:10px;padding-right:10px;}
	.tt2{min-width: 70px;}
}
@media only screen and (max-width:950px) {
    .main_menu_inner_wrap .main_menu{padding-right:10px;}
    #board_box02{width:100%;margin-bottom:0px;}
#board_box01{width:100%; margin-top:10px;margin-bottom:10px;}
.menu_sub {margin-left:0;}

}
@media only screen and (max-width:910px) {
.util_menu ul li:nth-child(1),.util_menu ul li:nth-child(2),.util_menu .sns{display:none;}
}
@media only screen and (max-width:900px) {

.main_content_wrap .top_contents .con386_2 ul li{padding-right:5px;box-sizing:padding-box;}

.icon_box_wrap .icon_title p:last-child{font-size:16px;}
.icon_box ul li:hover .hover a p.hover_title{font-size:16px;}
.icon_box ul li p{font-size:13px;}


.pop2{display:none;}
.middle_con .b_box{width:49%;float:right;}
.middle_con .pop_up{width:49%;}
.newsletter{margin-right:0;float:right;}
.board_wrap{margin-top:0;}
.board_wrap{margin-bottom:10px;}

.logo_slide_wrap{display:none;}
.footer_top_wrap{display:none;}
.pop_up3{display:none;}
}
@media only screen and (max-width:800px) {
.lightImg{display:none;}
 /* .util_menu_wrap{display:none;}   */

.main_menu_inner_wrap h1 a > img{margin-top:12px;}
.main_menu_inner_wrap .main_menu img{display:block; float:right;}
.main_menu_inner_wrap .main_menu ul{display:none;}
.submenu{display:none;}
.bg_menu{display:none;}
    .quick_fixed{display:none;}
    .head_wrap{height:110px;}
    .main_menu_inner_wrap{padding-top:3px;}
    .fixed {
    width: 100%;
    height: 130px;
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 20px;
    top: -40px !important;
    position: fixed;
    height: 101px !important;
    background-color: white;
    transition-duration: 0.7s;
    z-index: 99999;
}}
@media only screen and (max-width:770px) {
    .main_menu_inner_wrap .main_menu ul li{padding-left:14px;}
    .main_menu_inner_wrap .main_menu ul li a{font-size:12px;}
    .main_content_wrap .top_contents .con386{width:98%;height:260px;}
.main_content_wrap .top_contents .con386 ul{margin-top:0px;padding-left:0px;float:left;}
.main_content_wrap .top_contents .con386_2{display:none;}
.icon_box ul li p{font-size:11px;}

.fund2 span{font-size:40px !important;}
}
@media only screen and (max-width:650px) {

    .topmenu_wrap .sub_topmenu_ico_print{display: none;}
    .topmenu_wrap .sub_topmenu_ico_share{display: none;}

.middle_con .b_box{width:100%;margin-top:10px;}
.middle_con .pop_up{width:100%;margin-top:10px;}
.pop_up3{display:block;}

.conTab li{height:162.5px;}
#premier_button21{height:162.5px;}
.conTab li{height:162.5px;}
#premier_button22{height:162.5px;}

.p21_wrap{width:300px;margin-left:0;}
.p21_left,.p21_right{width:145px;}
.p21_left li, .p21_right li{font-size:12px;}

.icon_box_wrap{display:none;}
.icon_box_wrap_mb{display:block;margin-bottom:10px;}
#board_box01{margin-bottom:0px;}

.banner{width:200px;}
#premier21 img{width:350px;top:150px;}
.main_content_wrap .top_contents #premier22{height:325px;}
.main_content_wrap .top_contents #premier21{height:325px;}

.number2{margin:40px auto 0 auto;}
}
@media only screen and (max-width:570px) {

    .tab_list li{font-size:11px;}
    .li_date{font-size:11px;}
    .tab_container p, .tab_container02 p{font-size:13px;}
    .date{font-size:12px;}
        .main_content_wrap .top_contents #premier21{padding:40px 20px;}
        .p21_wrap{width:250px;}
        .p21_left, .p21_right{width:125px;}
        .p21_left li, .p21_right li{font-size:11px;}
    
    .topmenu_wrap ul{height:55px;border-left: 1px solid #5683b6;}
    .topmenu_wrap ul li{ float: left; }
    
    .topmenu_wrap .sub_topmenu_home{margin-left: 5px; width: 25px; height:55px;  border-right: 1px solid #5683b6;}
    .topmenu_wrap .sub_topmenu_home img{ margin-top: 20px;}
    
    .topmenu_wrap .sub_topmenu_select_1 { width: 72px; height: 55px; background: #0d4d96;}
    .topmenu_wrap .sub_topmenu_select_1 option{background: #0d4d96; display: inline-block;}
    .topmenu_wrap .sub_topmenu_select_1 select{ width: 72px;height: 55px; color: #fff; font-size: 12px; border: none; border-right: 1px solid #5683b6; padding-left: 5px; background: url(../img/sub/select_down.png) no-repeat 93% 23px #0d4d96; -ms-background: url(../img/sub/select_down.png) no-repeat 93% 23px #0d4d96;  border-radius: 0px; /* iOS 둥근모서리 제거 */
      -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;}
    .topmenu_wrap .sub_topmenu_select_1 select::-ms-expand{display: none;}

    .topmenu_wrap .sub_topmenu_select_2 { width: 120px; height: 55px;}
    .topmenu_wrap .sub_topmenu_select_2 option{background: #0d4d96; display: inline-block;}
    .topmenu_wrap .sub_topmenu_select_2 select{width: 120px; height: 55px; background:#0d4d96; color: #fff; font-size: 12px; border: none; border-right: 1px solid #5683b6; padding-left: 5px; background: url(../img/sub/select_down.png) no-repeat 95% 22px #0d4d96; -ms-background: url(../img/sub/select_down.png) no-repeat 95% 22px #0d4d96;  border-radius: 0px; /* iOS 둥근모서리 제거 */-webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;}
    .topmenu_wrap .sub_topmenu_select_2 select::-ms-expand{display: none; background: #0d4d96;}
    
    .topmenu_wrap .sub_topmenu_select_3 { width: 120px; height: 55px;}
    .topmenu_wrap .sub_topmenu_select_3 option{background: #0d4d96; display: inline-block;}
    .topmenu_wrap .sub_topmenu_select_3 select{width: 120px; height: 55px; background:#0d4d96; color: #fff; font-size: 12px; border: none; border-right: 1px solid #5683b6; padding-left: 5px; background: url(../img/sub/select_down.png) no-repeat 90% 22px #0d4d96; -ms-background: url(../img/sub/select_down.png) no-repeat 90% 22px #0d4d96;  border-radius: 0px; /* iOS 둥근모서리 제거 */-webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;}
    .topmenu_wrap .sub_topmenu_select_3 select::-ms-expand{display: none; background: #0d4d96;}

}
@media only screen and (max-width:530px) {
#premier21 p, #premier22 p{font-size:23px;}
.hugTxt{font-size:14px !important}
.mb_quick li{font-size:11px;background-size:70px !important;}
	}
@media only screen and (max-width:500px) {
.main_content_wrap .top_contents .con804{width:98%; padding:0;}

.icon_box_wrap{width:100%;}
.icon_box_wrap .icon_title{display:none; width:12%; padding:0 10px;}
.icon_box_wrap .icon_title p{font-size:14px; margin-top:30px; line-height:22px;}
.icon_box_wrap .icon_box{width:98%; border-left:1px solid #ccc;}
.icon_box ul li img{padding-top:20px;}



    .tab_list li{font-size:11px;}
    #extension,#counter,#logoutM{display:none;}

}
@media only screen and (max-width:480px) {
    .icon_box ul li img{width:60px;}
    .icon_box ul li .no_hover a p{margin-top:15px;}
    
}
@media only screen and (max-width:470px) {
	.date,.li_date{display:none;}
	.tab_container p{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.tab_container02 p{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.tab_list li{max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}
@media only screen and (max-width:450px) {
    .main_content_wrap .top_contents .con386 ul li{width:80px;height:80px;}
    .main_content_wrap .top_contents .con386 ul li a img{width:80px;}
    .main_content_wrap .top_contents .con386 ul li:first-child a:hover {background-size:80px 80px;}
.main_content_wrap .top_contents .con386 ul li:nth-child(2) a:hover {background-size:80px 80px;}
.main_content_wrap .top_contents .con386 ul li:nth-child(3) a:hover {background-size:80px 80px;}

.conTab_aa{font-size:15px;}
.conTab_bb{font-size:15px;}

.number2{font-size:20px;width:75%;}
.number2 span{font-size:15px;}
.fund2 span{font-size:35px !important;}
.fund2 p{font-size:25px;}

/*모바일메인사이즈줄임*/
.main_content_wrap .top_contents .con386{height:220px;}
.middle_con .pop_up{height:220px;}
.main_content_wrap .top_contents{height:300px;}
.conTab li,#premier_button21{height:150px;}
.main_content_wrap .top_contents #premier21{height:300px;}
.main_content_wrap .top_contents #premier22{height:300px;}
#board_box02,#board_box01{height:230px;}
#board_box02 ul.tabs{height:40px;}
#board_box01 ul.tabs{height:40px;}
#board_box02 ul.tabs li{height:39px;line-height:39px;}
#board_box01 ul.tabs li{height:39px;line-height:39px;}
#board_box02 .tab_content{padding:10px 15px 0;}
#board_box01 .tab_content{padding:10px 15px 0;}
#board_box01 .tab_content02{padding:10px 15px 0;}
#board_box02{margin-bottom:0;}
.main_content_wrap .top_contents .con386 ul{margin-left:15px;}
#counter1, #counter2, #counter3 {font-size: 35px;}

.newsHv{bottom:50px;}
}
@media only screen and (max-width:430px) {
	.main_content_wrap .top_contents #premier22{padding:40px 10px;}
	.p21_right{width:100px;}
	.p21_wrap{width:225px;}
	
	.con386_2{padding:16px; padding-top:46px; box-sizing:border-box;}
	.fund2 p{font-size:16px; line-height:26px;}
	.fund2 span{font-size:20px !important;}
	.util_menu_wrap .util_menu ul li a{font-size:12px;}
}
@media only screen and (max-width:380px) {
    .topmenu_wrap .sub_topmenu_home{margin-left: 5px; width: 15px; height:55px;  border-right: 1px solid #5683b6;}
    .topmenu_wrap .sub_topmenu_home img{ margin-top: 20px; width: 13px;}
    
    .topmenu_wrap .sub_topmenu_select_1 { width: 75px; height: 55px; background: #0d4d96;}
    .topmenu_wrap .sub_topmenu_select_1 option{background: #0d4d96; display: inline-block;}
    .topmenu_wrap .sub_topmenu_select_1 select{ width: 75px;height: 55px; color: #fff; font-size: 12px; border: none; border-right: 1px solid #5683b6; padding-left: 5px; background: url(../img/sub/select_down.png) no-repeat 93% 23px #0d4d96; -ms-background: url(../img/sub/select_down.png) no-repeat 93% 23px #0d4d96;  border-radius: 0px; /* iOS 둥근모서리 제거 */
      -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background-size: 8px 8px;}
    .topmenu_wrap .sub_topmenu_select_1 select::-ms-expand{display: none;}

    .topmenu_wrap .sub_topmenu_select_2 { width: 115px; height: 55px;}
    .topmenu_wrap .sub_topmenu_select_2 option{background: #0d4d96; display: inline-block;}
    .topmenu_wrap .sub_topmenu_select_2 select{width: 115px; height: 55px; background:#0d4d96; color: #fff; font-size: 12px; border: none; border-right: 1px solid #5683b6; padding-left: 5px; background: url(../img/sub/select_down.png) no-repeat 98% 23px #0d4d96; -ms-background: url(../img/sub/select_down.png) no-repeat 98% 23px #0d4d96;  border-radius: 0px; /* iOS 둥근모서리 제거 */-webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background-size: 8px 8px;}
    .topmenu_wrap .sub_topmenu_select_2 select::-ms-expand{display: none; background: #0d4d96;}
    
    .topmenu_wrap .sub_topmenu_select_3 { width: 95px; height: 55px;}
    .topmenu_wrap .sub_topmenu_select_3 option{background: #0d4d96; display: inline-block;}
    .topmenu_wrap .sub_topmenu_select_3 select{width: 95px; height: 55px; background:#0d4d96; color: #fff; font-size: 12px; border: none; border-right: 1px solid #5683b6; padding-left: 5px; background: url(../img/sub/select_down.png) no-repeat 90% 23px #0d4d96; -ms-background: url(../img/sub/select_down.png) no-repeat 90% 23px #0d4d96;  border-radius: 0px; /* iOS 둥근모서리 제거 */-webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background-size: 8px 8px;}
    .topmenu_wrap .sub_topmenu_select_3 select::-ms-expand{display: none; background: #0d4d96;}
    .mb_quick li {font-size: 10px;background-size: 61px !important;}
    .icon_box_wrap_mb{height:125px;margin-bottom:10px;}
    .mb_quick{margin-top:0px;}
}
@media only screen and (max-width:350px) {
.main_content_wrap .top_contents .con386 ul li{margin-right:0;}
}
#counter1, #counter2, #counter3,, #counter4 { font-family: arial; font-size: 40px; font-weight: bold; margin-left:10px;}