/* published by www.designnest.net */
@charset "utf-8";
@import url(reset.css);
@import url(font-awesome.min.css);

/* font face */
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/*@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);*/
@font-face {
    font-family: 'NotoKrR';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/notokr-regular.eot);
    src: url(fonts/notokr-regular.eot?#iefix) format('embedded-opentype'),
    url(fonts/notokr-regular.woff2) format('woff2'),
    url(fonts/notokr-regular.woff) format('woff');
}

html, body {color:#666; font:14px/120% 'NotoKrR','dotum','Gulim',sans-serif,Arial,Helvetica,Clean,AppleGothic; min-width:1100px; font-weight:100;}

/* form */
select{font-family:'NotoKrR','dotum','Gulim',sans-serif,Arial,Helvetica,Clean,AppleGothic; background-color: #fff; border: 1px solid #ddd; height: 24px; line-height: 24px; vertical-align: top; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url(/images/customer/kr/bg_select.png) no-repeat right center;}
button{font-family:'NotoKrR','dotum','Gulim',sans-serif,Arial,Helvetica,Clean,AppleGothic; cursor: pointer; vertical-align: top;}
textarea{border:1px solid #ddd;  box-sizing:border-box; padding:10px; font-family:'NotoKrR'; -webkit-appearance: none; line-height: 140%; vertical-align: top;}
input[type=text],input[type=password]{ border:1px solid #dddddd; height:24px; line-height: 24px; background-color:#fff; padding-left:5px; font-family: 'NotoKrR'; -webkit-appearance: none; vertical-align: top;}
input[type=checkbox]{width: 16px; height: 16px; border: 1px solid #e2e2e2; background-color: #fff; vertical-align: middle;}
input[type=radio]{margin-left: 10px; vertical-align: middle; width: 14px; height: 14px;}

/* a href */
a{color:#666;text-decoration:none;}
a:link, a:visited, a:active{color:#666; text-decoration: none;}
a:hover{color:#666;}

/*font*/
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f_red{ color:#cd0000 !important;}
.f_orange{color:#fd7100 !important;}
.f_violet{color:#9a48b1 !important;}
.f_blue{ color:#005bb0 !important;}
.f_yellow{ color:#edcf0a !important;}
.bg_red{background-color:#cd0000 !important; color: #fff !important;}
.bg_blue{background-color:#0c4da2 !important; color: #fff !important;}

/* common */
button{background: none; border: none;font-size: 14px;}
.contents_box{width: 1100px; margin: auto; position: relative;}
.contents_box:after{content: ""; display: block; clear: both;}

/* layout */
#header{}
/* #header {height: 80px; font-size: 12px;} */
#header h1.logo{float: left; margin-top: 15px;}
#header h1.logo a{display:inline-block; background: url(/images/portal_new/img_logo.png) no-repeat; width: 126px; height: 49px; text-indent: -9999px; overflow: hidden;}
#header a{ color: #29477d;}
#header .gnb{float: left; font-size: 18px; margin-left: 15px; margin-top: 30px;}
#header .gnb li{ margin-right: 45px;}
#header .gnb li a{color: #04243d;}
#header .rightMenu{float: right; margin-top: 15px;}
#header .gnb ul,#header .gnb li,#header .rightMenu ul,#header .rightMenu li{float: left;}
#header .gnb li a,#header .rightMenu li a{display: inline-block; height: 24px; line-height: 26px;}
#header .rightMenu .account li{margin-left: 5px;}
#header .rightMenu .account a{ border: 1px solid #afbbcf; border-radius: 12px; width: 60px; text-align: center;}
#header .rightMenu .lan li{margin-left: 20px;}
#header .rightMenu .menu{float: left; margin-left: 20px; margin-top: 5px;}

.visual{height: 250px; background: url(/images/customer/bg_visual_customer.png) no-repeat 50% 50%; position: relative; color: #fff;}
.visual .contents_box{height: 330px;}
.visual .contents_box{height: 330px;}
.visual dl{color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); padding-top: 45px;}
.visual dl dt{font-size: 24px; margin-bottom: 10px;}
.visual dl dd{font-size: 30px;}
.visual dl dd.date{font-size: 18px; margin-top: 20px;}
.visual .contact{margin-top: 20px;}
.visual .contact a{display: inline-block; border: 1px solid #fff; color: #fff; font-size: 16px; height: 40px; line-height: 40px; box-sizing: border-box; padding: 0 20px;}


.business{/*background-color: #f9f9fb;*/ padding: 30px 0; /*margin-top: 30px;*/}
.business .more{position: absolute; right: 0; top: 0;}
.business .businessList{margin-top: 20px;}
.business .businessList li {float: left; margin-left: 20px;}
.business .businessList li:first-child{margin-left: 0;}
.business .businessList li a{display: block; border: 1px solid #e0e0e0; border-top: 4px solid #218cc8; background-color: #fff; text-align: center; width: 260px; box-sizing: border-box; height:195px; padding: 0 20px;}
h2.title{font-size: 24px; color: #111;}
.business .businessList li a .day{font-size: 18px; color: #1d86c5; font-weight: bold; height: 48px; line-height: 48px; border-bottom: 1px solid #eeeeee;}
.business .businessList li a .cate{font-size: 14px; color: #333333; margin-top: 15px; margin-bottom: 15px;}
.business .businessList li a .title{font-size: 16px; color: #111; height: 55px;}
.business .businessList li a .date{font-size: 14px; color: #777777;}

.serviceArticle{margin-top: 20px;}
.serviceCate {margin-top: 20px;}
.serviceCate li{float: left; margin-left: 20px; display: table;width: 260px}
.serviceCate li:first-child{margin-left: 0;}
.serviceCate li a{display: block; text-align: center; color: #fff; font-size: 20px; border-radius: 3px; height: 70px;  width: 100%; display: table-cell; vertical-align: middle;}
.serviceCate li a img{margin-right:5px;}
.serviceCate li.list01 a{background-color: #00356b;}
.serviceCate li.list02 a{background-color: #8da2b8;}
.serviceCate li.list03 a{background-color: #b2b0b0;}
.serviceCate li.list04 a{background-color: #619c9e;}

.searchBlock{margin-top: 10px; margin-bottom:40px;}
.searchBlock .searchLine{background-color: #f5f5f7; padding: 20px 30px;}
.searchBlock .searchLine .box{border: 1px solid #e0e0e0; border-radius: 3px; background-color: #fff;}
.searchBlock .searchLine .box input{height: 48px; padding-left: 20px; border: none; font-size: 16px; border-radius: 3px; width: 950px; float: left;}
.searchBlock .searchLine .box button{float: right; height: 48px; width: 48px; color: #012b5d; font-size: 20px;}
.searchBlock .favoWord{border-bottom: 1px solid #e0e0e0; font-size: 16px; color: #000033;}
.searchBlock .favoWord dt{line-height: 50px; float: left; width: 140px; text-align: center; position: relative; display: inline-block; margin-right: 20px;}
.searchBlock .favoWord dt:after{content: "|"; display: inline-block; position: absolute; right: 0; top: 0; color: #c1c1c1;}
.searchBlock .favoWord dd{float: left;}
.searchBlock .favoWord dd li{float: left; margin-left: 30px;}
.searchBlock .favoWord dd li:first-child{margin: 0;}
.searchBlock .favoWord dd li a{line-height: 50px; color: #000033;}
.serviceList{margin-top: 25px;}
.serviceList li.hidden{display:none;}
.serviceList li{border: 1px solid #e0e0e0; border-radius: 3px; float: left; margin-left: 25px; width: 350px; box-sizing: border-box; margin-bottom: 25px; height: 250px; padding-top: 29px; position: relative;}
.serviceList li:nth-child(3n+1){margin-left: 0;}
.serviceList li .tag{color: #fff; font-size: 13px; background-color: #9da2ab; border-radius: 2px; display:inline-block; padding: 0 10px; height: 22px; line-height: 24px; margin-left: 30px;}
.serviceList li dl{margin-top: 15px; padding-left: 30px; padding-right: 30px;}
.serviceList li dl dt{color: #111; font-size: 20px; margin-bottom: 15px;}
.serviceList li dl dd{font-size: 16px; color: #4c4c4c; line-height: 140%;}
.serviceList li dl dd.time{font-size: 14px;}
.serviceList li dl dd.time b{font-size: 20px; display: block;}
.serviceList li .go{position: absolute; left: 0; right: 0; bottom: 0; height: ; background-color: #f5f5f7; color: #1d86c5; font-size: 16px; padding-left: 30px; height: 50px; line-height: 50px;}
.serviceList li .go a{color: #1d86c5; font-size: 16px; display: inline-block;}
.serviceList li .go a img{position: relative; top: -1px; margin-left: 5px;}
.serviceMore a{display: block; background: url(/images/customer/ico_moreList.png) no-repeat 50% 50%; border: 1px solid #e0e0e0; border-radius: 5px; height: 50px; text-indent: -9999px; overflow: hidden;}

.serviceCate_detail{margin-top: 10px;}
.serviceCate_detail li{float: left; margin-left: 20px;width: 260px;}
.serviceCate_detail li:first-child{margin-left: 0;}
.serviceCate_detail li a{display: block; text-align: center; color: #fff; font-size: 20px; border-radius: 3px; width: 100%; height: 180px;}
.serviceCate_detail li a img{margin-right:5px;}
.serviceCate_detail li a .cate{height: 63px; display: table; width: 100%;  position: relative;}
.serviceCate_detail li a .cate span{height: 63px; display: table-cell; vertical-align: middle; width: 100%;}
.serviceCate_detail li a .cate:after{content: ""; display: block; background-color: #fff; height: 2px; width: 30px; position: absolute; bottom: 0; left: 50%; margin-left: -15px;}
.serviceCate_detail li a .text{display:table; font-size: 15px;  width: 100%;     margin-top: -20px;}
.serviceCate_detail li a .text span{display: table-cell; height: 157px; vertical-align: middle; width: 100%; line-height: 160%;}
.serviceCate_detail li.list01 a{background: url(/images/customer/bg_cate01.png) no-repeat;}
.serviceCate_detail li.list02 a{background: url(/images/customer/bg_cate02.png) no-repeat;}
.serviceCate_detail li.list03 a{background: url(/images/customer/bg_cate03.png) no-repeat;}
.serviceCate_detail li.list04 a{background: url(/images/customer/bg_cate04.png) no-repeat;}
.searchListArea{margin-top: 20px;}

.searchListArea .resultTab {border-top: 4px solid #2491cb; border-bottom: 1px solid #ddd;}
.searchListArea .resultTab li{float: left; height: 50px; line-height: 50px;background: url(/images/customer/bg_space.png) no-repeat right 50%;}
.searchListArea .resultTab li:last-child{background: none;}
.searchListArea .resultTab li a{display: inline-block; padding: 0 20px; font-weight: bold; color: #cccccc;}
.searchListArea .resultTab li.active a{color: #005da4;}
.searchListArea .resultTab li a:hover{color: #005da4;}

.resultArea .searchList{float: left; width: 820px;}
.resultArea .searchList li{padding:23px 20px; border-bottom: 1px solid #eeeeee;}
.resultArea .searchList li .imgarea{float:left; margin-right:15px;}
.resultArea .searchList li dt{font-size: 18px; color: #333333; margin-bottom: 20px;}
.resultArea .searchList li dd{line-height: 140%; color: #666; font-size: 15px;    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 38px;}
.resultArea .searchList li dd.date{color: #999; font-size: 14px;  margin-top: 15px;}
.resultArea .searchList li a:hover{text-decoration: underline;}
.resultArea .rightCon{float: right; width: 260px;}
.resultArea .rightCon .infoList{margin-top: 20px; border: 1px solid #e0e0e0; border-radius: 5px; padding: 20px; min-height:221px;}
.resultArea .rightCon .infoList dt{font-size: 18px; color: #111; margin-bottom: 15px;}
.resultArea .rightCon .infoList dd{ font-size: 15px; color: #666; line-height: 26px;}
.resultArea .rightCon .infoList dd a:hover{color: #2491cb;}
.resultArea .rightCon .icoInfo{margin-top: 10px;border: 1px solid #e0e0e0; border-radius: 5px; padding:  10px;}
.resultArea .rightCon .icoInfo li{float: left; margin-left: 15px;}
.resultArea .rightCon .icoInfo li:nth-child(2n+1){margin-left: 0;}


.subAllMenu{ position: fixed; z-index: 100; left: 50%; top:10%; width:1100px; margin-left: -550px; overflow: hidden; overflow-y: auto; box-sizing: border-box; display: none;}
.subAllMenu.full{ top:0; height: 100%;}
.subAllMenu .contents_box{background-color: #fff; border: 1px solid #c0c0c0; padding: 40px 50px 30px 50px; box-sizing: border-box;}
.subAllMenu .contents_box .btn_close {position: absolute; right:25px; top:15px;}
.subAllMenu .contents_box .btn_close.close_bottom{top: auto; bottom: 15px; display: none;}
.subAllMenu .contents_box .btn_close button{display: inline-block; width: 24px; height: 24px; background:url(/images/kh_new/btn_close_gray.png) no-repeat 50% 50%; text-indent: -9999px; overflow: hidden;}
.subAllMenu .btn_bottom{text-align: center;}
.subAllMenu .btn_bottom a{display: inline-block; width: 28px; height: 28px; border-radius: 50%; background-color: #7c7c7c; color: #fff; line-height: 28px; text-align: center; margin: 0 5px;}
.subAllMenu .btn_bottom.moveArrow{display: none;}
.subAllMenu h2{text-align: right; color: #000; font-size:26px; font-weight: bold; padding-right: 5px; margin-bottom: 5px;}
.subAllMenu h2 i{font-size: 14px; vertical-align: middle;}
.subAllMenu .familyMenu .header{height: 29px; line-height: 30px; color: #fff; font-size: 18px; margin-bottom: 25px;}
.subAllMenu .familyMenu .header .logo{float: left; padding-right: 10px; background-color: #fff;}
.subAllMenu .familyMenu .header h3{line-height: 30px; position: relative; padding-left: 35px; float: left;}
.subAllMenu .familyMenu .header h3:before{position: absolute; content: ""; display: block; background:url(/images/kh_new/bg_titleBar.png) no-repeat; width: 17px; height: 29px; left: 0; top: 0;}

.subAllMenu .menuList {padding-bottom: 20px;}
.subAllMenu .menuList dl{float: left; width: 14.285714%; }

.subAllMenu .menuList dl dt a{box-sizing: border-box; margin-left: 15px; color: #48ab7b; font-size: 18px; border-bottom: 1px solid #48ab7b;}
.subAllMenu .menuList dl dd{box-sizing: border-box; padding-left: 15px; margin-top: 10px;}
.subAllMenu .menuList dl:first-child dd{border: none;}
.subAllMenu .menuList dl dd li{padding-bottom: 15px;}
.subAllMenu .menuList dl dd li a{color: #363636;}

.subAllMenu .familyMenu.family01 .header {background-color: #48ab7b;}

.subAllMenu .familyMenu.family02 .header {background-color: #ee4935;}
.subAllMenu .familyMenu.family02 .menuList dl dt a{color: #ee4935; border-bottom: 1px solid #ee4935;}
.subAllMenu .familyMenu.family02 .menuList dl{ width:16.666%;}

.subAllMenu .familyMenu.family03 .header {background-color: #10306d;}
.subAllMenu .familyMenu.family03 .header .logo img{position: relative; top: -10px;}
.subAllMenu .familyMenu.family03 .menuList dl{ width:20%;}
.subAllMenu .familyMenu.family03 .menuList dl dt a{color: #10306d; border-bottom: 1px solid #10306d;}

.subAllMenu .familyMenu.family04 .header {background-color: #f08c38;}
.subAllMenu .familyMenu.family04 .header .logo img{position: relative; top: -10px;}
.subAllMenu .familyMenu.family04 .menuList dl{ width:25%;}
.subAllMenu .familyMenu.family04 .menuList dl dt a{color: #f08c38; border-bottom: 1px solid #f08c38;}

.subAllMenu .familyMenu.family05 .header {background-color: #004699;}
.subAllMenu .familyMenu.family05 .header .logo img{position: relative; top: -10px;}
.subAllMenu .familyMenu.family05 .menuList dl{ width:16.666%;}
.subAllMenu .familyMenu.family05 .menuList dl dt a{color: #004699; border-bottom: 1px solid #004699;}


.subAllMenu .familyMenu{display: none;}
.subAllMenu .familyMenu.family00{display: block;}


.subAllMenu .familyMenu.family00 .header {background-color: #004699;}
.subAllMenu .familyMenu.family01 .header {background-color: #48ab7b;}
.subAllMenu .familyMenu.family05 .header {background-color: #4a8ac7;}
.subAllMenu .familyMenu.family02 .header {background-color: #004699;}
.subAllMenu .familyMenu.family08 .header {background-color: #48ab7b;}
.subAllMenu .familyMenu.family03 .header {background-color: #4a8ac7;}
.subAllMenu .familyMenu.family04 .header {background-color: #004699;}
.subAllMenu .familyMenu.family07 .header {background-color: #48ab7b;}
.subAllMenu .familyMenu.family06 .header {background-color: #4a8ac7;}


.subAllMenu .familyMenu.family00 .menuList dl dt a{  color: #004699; border-bottom: 1px solid #004699; }
.subAllMenu .familyMenu.family01 .menuList dl dt a{  color: #48ab7b; border-bottom: 1px solid #48ab7b; }
.subAllMenu .familyMenu.family05 .menuList dl dt a{  color: #4a8ac7; border-bottom: 1px solid #4a8ac7; }
.subAllMenu .familyMenu.family02 .menuList dl dt a{  color: #004699; border-bottom: 1px solid #004699; }
.subAllMenu .familyMenu.family08 .menuList dl dt a{  color: #48ab7b; border-bottom: 1px solid #48ab7b; }
.subAllMenu .familyMenu.family03 .menuList dl dt a{  color: #4a8ac7; border-bottom: 1px solid #4a8ac7; }
.subAllMenu .familyMenu.family04 .menuList dl dt a{  color: #004699; border-bottom: 1px solid #004699; }
.subAllMenu .familyMenu.family07 .menuList dl dt a{  color: #48ab7b; border-bottom: 1px solid #48ab7b; }
.subAllMenu .familyMenu.family06 .menuList dl dt a{  color: #4a8ac7; border-bottom: 1px solid #4a8ac7; }

.subAllMenu .familyMenu.family00 .menuList dl { width: 25%; }

.subAllMenu .familyMenu.family06 .header .logo img{position: relative; top: -10px;}
.subAllMenu .familyMenu.family06 .menuList dl{ width:24%;}

.subAllMenu .familyMenu.family07 .header .logo img{position: relative; top: 0px;}
.subAllMenu .familyMenu.family07 .menuList dl{ width:20%;}

.subAllMenu .familyMenu.family08 .header .logo img{position: relative; top: 0px;}
.subAllMenu .familyMenu.family08 .menuList dl{ width:19%;}

.subAllMenu {overflow-y:hidden}
.subAllMenu .menuList dl .not-match {
    display: none;
}


.subAllMenu .wrap-div{
    background-color: #fff;
    border: 1px solid #c0c0c0;
    box-sizing: border-box;
    height: 100%;
}

.subAllMenu .wrap-div .btn_close {position: absolute; right:5px; top:5px;}
.subAllMenu .wrap-div .btn_close.close_bottom{top: auto; bottom: 15px; display: none;}
.subAllMenu .wrap-div .btn_close button{display: inline-block; width: 45px; height: 45px; background:url(/images/kh_new/btn_close_gray.png) no-repeat 50% 50%; text-indent: -9999px; overflow: hidden;}
.subAllMenu .wrap-div .btn_close button:hover{background: url(/images/kh_new/btn_clos.png) no-repeat 50% 50% #ee4935; transition: all 0.3s ease-out;}

.subAllMenu .contents_box{
    border: 0;
    height: calc(100% - 80px);
    overflow: hidden;
    overflow-y: auto;
}


.subAllMenu .wrap-div h2 {
    text-align: right;
    color: #000;
    font-size: 26px;
    font-weight: bold;
    margin-top: 43px;
    margin-bottom: 20px;
    display: inline-block;
    width: 870px;
}
.subAllMenu .wrap-div .search-box{
	display: inline-block;
    width: 152px;
    margin-top: 0px;
}
.subAllMenu .wrap-div .search-box input{
	border: 1px solid #06275a;
    width: 145px;
    margin-top: -10px;
    border: 1px solid #06275a;
    width: 145px;
}

.subAllMenu .wrap-div .contents_box{width: 1095px;}

.serviceDiv {display:none;}
.serviceDiv.on {display:block;}

/* style 통일함
#footer{background-color: #3e4659; }
#footer .footer_con{height: 135px;}
#footer .logo_bottom{position: absolute; right: 0; top: 75px;}
#footer .footer_right{}
#footer .footer_right .footMenu {padding: 20px 0 20px 0; border-bottom: 1px solid #52596a;}
#footer .footer_right .footMenu li{float: left;}
#footer .footer_right .footMenu li:after{content: "|"; display: inline-block; text-align: center; width: 40px;}
#footer .footer_right .footMenu li:last-child:after{display: none;}
#footer .footer_right .footMenu li a{font-size: 14px; color: #9ea3a7;}
#footer .footer_right .footMenu li.policy a{color: #fff;}
#footer .footer_right .copy{font-size: 14px; color: #7d8489; margin-top: 15px;}

#footer .family_link{position: absolute; right: 0; top: 25px;}
#footer .family_link .select_link a{display: block; border: 1px solid #000; color: #fff; background:#485268 url(/images/customer/kr/bg_select_bottom.png) no-repeat right center; width: 155px; padding-left: 15px; height: 30px; line-height: 30px; font-size: 12px;}
#footer .family_link .link_list{ position: absolute; bottom: 31px; width: 100%; left: 0; border: 1px solid #000; width: 170px; background-color: #485268; border-bottom: none; font-size: 12px; display: none;}
#footer .family_link .link_list li a{display: block; height: 30px; line-height: 30px; padding-left: 15px; color: #fff;}
*/
/*********** 기존 포탈 스타일 ****************/
.subNav {
    border-bottom: 2px solid #cbdce6;
}

.subNavSub{background-color: #cbdce6;height: 10px;}
#nav1 li a.active{color: #4a8ac7 !important;}
#nav1 li a.active1{color: #76BBFD !important;}
#nav1 li a.activeSub{border-bottom:10px solid #4a8ac7;padding-bottom:16px;}


.subNav{background-color: #fff; position: absolute; left: 0; right: 0; border-top: 10px solid #cbdce6; z-index: 60; display: none;}
.subNav .subMenu{padding: 60px 0;}
.subNav .subMenu ul{display: none;}
.subNav .subMenu li{float: left; width: 25%; padding-left: 45px; box-sizing: border-box; border-left: 1px solid #cbdce6;}
.subNav .subMenu li a{display: inline-block; height: 40px; line-height: 40px; font-size: 16px; color: #363636; padding: 0 15px; background: url(/images/kh_new/bulit_nav.png) no-repeat left center;}
.subNav .subMenu li a:hover{color:#fff !important; background: #4a8ac7; border-radius:3px;}
.subNav .subMenu li:nth-child(4n+1){border: none;}



#header{}
#header .headTop{ /*border-bottom: 1px solid #cbdce6;*/ height: 70px; font-size: 12px;}
/* #header .headTop h1.logo{} */
/* #header .headTop h1.logo a{display:inline-block; background: url(/images/kh_new/img_logo.png) no-repeat; width: 126px; height: 49px; text-indent: -9999px; overflow: hidden;position: absolute; left: 50%; margin-left: -63px; top: 15px;} */
#header .headTop a{ color: #29477d;}
/* #header .headTop .rightMenu{float: right; margin-top: 40px;} */
#header .headTop  ul,#header .headTop  li{float: left;}
#header .headTop  li a{display: inline-block; height: 24px; line-height: 26px;}
/* #header  #nav{ text-align: center; position: relative; z-index: 30;} */
#header  #nav li{display: inline-block;margin-left: 20px;}
#header  #nav li a{color: #000; font-size: 18px; display: block; padding: 0 50px; height: 56px; line-height:56px;}
/*#header  #nav li a:hover{color: #29477d; border-bottom:10px solid #4a8ac7;}*/
#header  #nav li a.active{color: #29477d; border-bottom:10px solid #4a8ac7;}
#header .headBottom{height: 56px; }
#header .headBottom .hamMenu{position: absolute; right: 0; top: 12px; z-index: 50;}
#header .headBottom .hamMenu button{background: none; border: none; }
#header .headBottom .hamMenu button i{font-size: 31px; color: #29477d; line-height: 100%;}
#header .headBottom.sub_layout{background-color: #06275a;}
#header .headBottom.sub_layout #nav li{}
#header .headBottom.sub_layout #nav li a{color: #fff;}
#header .headBottom.sub_layout #nav li a:hover{color: #fff;}
#header .headBottom.sub_layout .hamMenu{position: absolute; right: 0; top: 15px;}
#header .headBottom.sub_layout .hamMenu button {cursor: pointer;}
#header .headBottom.sub_layout .hamMenu button i{font-size:25px; color: #fff; line-height: 100%;}
#header .headBottom .search{position: absolute; right:40px; top: 15px; z-index: 50;}
#header .headBottom .search button{background: none; border: none; cursor: pointer;}
#header .headBottom .search button i{font-size: 22px; color: #fff; line-height: 100%;}

#header .headAside{border-bottom: 1px solid #dbdbdb;}
#header .headAside .contents_box{border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; height: 49px;}
#header .headAside .menu_select{float: left; }
#header .headAside .menu_select .business_info{float: left; height: 28px; border-right: 1px solid #dbdbdb; width: 200px; margin-top: 12px;}
#header .headAside .menu_select .business_info .tit button{line-height:28px; width: 100%; text-align: left; padding-left: 20px; color: #363636; position: relative;}
#header .headAside .menu_select .business_info .tit button i{color: #3a68c5; font-size: 16px; vertical-align: middle; margin-right: 5px;}
#header .headAside .menu_select .business_info .tit button:after{content: "\f107"; display: block; position: absolute; font-family:'FontAwesome'; font-size:16px; color: #bfbfbf; font-weight: normal; right: 15px; top: 0px;}
#header .headAside .quickMenu{float: right; padding-right: 20px;}
#header .headAside .quickMenu li{float: left; margin-left: 30px;}
#header .headAside .quickMenu li a{line-height: 50px; color: #000000;}
#header .headAside .quickMenu li a:before{content: "■"; color: #3a68c5; font-size:6px; line-height: 50px; vertical-align: middle; margin-right: 5px;}

#header  #nav li a{padding: 0px 20px 0px 20px; margin: 0px 20px 0px 20px; border:0px solid red;} /* 20171221수정 */
#header  #nav li:nth-child(1) a{padding: 0px 0px 0px 50px; margin: 0px 20px 0px 0px} /* 20171221수정 */
#header  #nav li:nth-child(2) a{padding: 0px 0px 0px 50px; margin: 0px 20px 0px 0px} /* 20171221수정 */
#header  #nav li:nth-child(3) a{padding: 0px 0px 0px 50px; margin: 0px 20px 0px 0px} /* 20171221수정 */
#header  #nav li a.activeSub{border-bottom:10px solid #4a8ac7;}
#header  #nav li:nth-child(1) a.activeSub{padding: 0px 0px 0px 20px; margin: 0px 30px 0px 30px} /* 20171221수정 */
#header  #nav li:nth-child(2) a.activeSub{padding: 0px 0px 0px 20px; margin: 0px 30px 0px 30px} /* 20171221수정 */
#header  #nav li:nth-child(3) a.activeSub{padding: 0px 0px 0px 20px; margin: 0px 30px 0px 30px} /* 20171221수정 */
#header  #nav li a.active{color: #4a8ac7 !important;}
#header  #nav li a.active1{color: #76BBFD !important;}


.headBottom .indexNav ul li{position: relative}
.headBottom .indexNav ul li img{
    position: absolute;
    top: 10px;
    left: 10px;
    opacity: 0;
}

.headBottom .indexNav ul li:first-child img{
    position: absolute;
    top: 10px;
    left: 15px;
    opacity: 0;
}

.headBottom .indexNav ul li:hover img{
    opacity: 1;
    animation-name: fade-left-right10;
    animation-duration: 600ms;
}

.headBottom .indexNav ul li:first-child:hover img{
    opacity: 1;
    animation-name: fade-left-right15;
    animation-duration: 600ms;
}
/*********** 기존 포탈 스타일 ****************/


/* 서브 4뎁스 스타일 */

.depth4Tab li{float: left; padding-left: 5px; padding-right: 5px;min-width: 110px; height: 17px; margin-bottom: 18px; border-left: 1px solid #aabfca; text-align: center;line-height: 17px; padding-bottom:5px;}
.depth4Tab li:last-child{border-right: 1px solid #aabfca;}
.depth4Tab li a{color: #444444; font-size: 15px; line-height: 22px;}
.depth4Tab li a:hover{color: #4087cb;}
.depth4Tab li a.active{color: #4087cb;}
#serviceDiv{min-height:35px; margin:20px 10px 0 10px;}
#serviceDiv:after{clear:both;}

.topBanner .bx-controls .bx-pager{    position: relative;
    text-align: center;
    top: -25px;}
.topBanner .bx-controls .bx-pager .bx-pager-item, .bannerArea .bx-controls .bx-pager .bx-pager-item{display:inline-block; margin-right: 5px;}
.topBanner .bx-controls .bx-pager .bx-pager-item a, .bannerArea .bx-controls .bx-pager .bx-pager-item a{background-color: #fff; width: 10px; height: 10px; border-radius: 5px; font-size: 1px; display: block; text-indent: -9999px; overflow:hidden;}
.topBanner .bx-controls .bx-pager .bx-pager-item a.active, .bannerArea .bx-controls .bx-pager .bx-pager-item a.active{background-color: #2c384b;}

.topBanner{
	position: relative;
    width: 1400px;
    margin: 0 auto;
}

a.bx-prev {
    background: url(/images/portal_new/move_left.PNG) 0 0 no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    top: 92px;
    left: 100px;
    width: 37px;
    height: 54px;
}

a.bx-next {
    background: url(/images/portal_new/move_right.PNG) 0 0 no-repeat;
    text-indent: -9999px;
    display: block;
    position: absolute;
    top: 92px;
    right: 100px;
    width: 37px;
    height: 54px;
}

.ingService {padding-bottom: 40px;}
.ingService h2.title {border-bottom: 4px solid #1c83c4; padding-bottom: 10px;}
.ingService h2.title span.active{font-size:28px;color: #111;}
.ingService h2.title a:first-child{border-right: 1px solid #ddd;padding-right: 21px;}
.ingService h2.title span{display: inline-block; color: #4f4e4e; margin-left: 11px; font-size: 22px; vertical-align: middle;}
.ingService .serviceLeft{float: left; width: 820px; position: relative;}
.ingService .serviceLeft .more{position: absolute; right:16px; top: 5px;}
.ingService .serviceLeft li{float: left; width:33.333%; text-align: center; padding-top:35px; box-sizing: border-box; padding-left: 15px; padding-right: 15px;}
.ingService .serviceLeft li .d-day{font-size: 18px; color: #1d86c5; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #eeeeee;}
.ingService .serviceLeft li .tag{ padding-top: 20px; font-size: 14px; color: #333333;}
.ingService .serviceLeft li .title{padding-top: 15px; height: 49px;font-size: 16px; color: #111111; font-weight: bold;}
.ingService .serviceLeft li .title a{}
.ingService .serviceLeft li .date{font-size: 14px; color: #777777; padding-top: 15px;}
.ingService .serviceLeft li a{display: block; border: 1px solid #fff; padding-top: 15px; padding-left: 20px; padding-right: 20px; box-sizing: border-box; height: 195px; border-radius: 3px; background-color: #fff; transition: all 0.2s ease;}
.ingService .serviceLeft li a:hover{border: 1px solid #e0e0e0; box-shadow: 0 15px 30px rgba(0,0,0,0.05)}
.ingService .serviceRight{float: right; width: 235px; border-left: 1px solid #e0e0e0; box-sizing: border-box; padding-left: 43px; height: 280px; padding-top: 10px;}
.ingService .serviceRight li{margin-top: 30px;}
.ingService .serviceRight li a{font-size: 18px; color: #111111;}
.ingService .serviceRight li a span{display: inline-block; width: 40px;}
.ingService .serviceRight li a:hover{color: #1c83c4;}
.ingService .serviceRight li .chk{vertical-align: middle; display:; position: relative; top: -3px; margin-left:5px;}
.ingService .serviceRight li.active a{color: #1c83c4;}
.ingService .serviceRight li.active .chk{display: inline-block;}


.ingService_1 {padding-bottom: 60px;}
.ingService_1 h2.title {border-bottom: 4px solid #1c83c4; padding-bottom: 10px;}
.ingService_1 h2.title span.active{font-size:28px;color: #111;}
.ingService_1 h2.title a:first-child{border-right: 1px solid #ddd;padding-right: 21px;}
.ingService_1 h2.title span{display: inline-block; color: #4f4e4e; margin-left: 11px; font-size: 22px; vertical-align: middle;}
.ingService_1 .serviceLeft{float: left; width: 100%; position: relative;}
.ingService_1 .serviceLeft .more{position: absolute; right:16px; top: 5px;}
.ingService_1 .serviceLeft li{float: left;width: 204px;text-align: center;padding-top:20px;box-sizing: border-box;margin-right: 20px;}
.ingService_1 .serviceLeft li:last-child{margin-right:0px;}
.ingService_1 .serviceLeft li .ico-img{display:block; height:53px;}
.ingService_1 .serviceLeft li .d-day{font-size: 17px; color: #0055a2; font-weight: bold; padding: 16px 0px 0px;}
.ingService_1 .serviceLeft li .tag{ padding-top: 20px; font-size: 14px; color: #333333;}
.ingService_1 .serviceLeft li .title{padding-top: 15px; height: 49px;font-size: 16px; color: #111111; font-weight: bold;}
.ingService_1 .serviceLeft li .title a{}
.ingService_1 .serviceLeft li .date{font-size: 14px; color: #333333; padding-top: 15px;}
.ingService_1 .serviceLeft li a{display: block;padding-top: 30px;padding-left: 5px;padding-right: 5px;box-sizing: border-box;height: 230px;border-radius: 3px;background-color: #fff;transition: all 0.2s ease;border: 4px solid #b7d8ea;border-radius: 6px;}
.ingService_1 .serviceLeft li a:hover{/* box-shadow: 0 15px 30px rgba(0,0,0,0.05);  */background:#e1edf4;    border-color: #e1edf4;}
.ingService_1 .serviceRight{float: right; width: 235px; border-left: 1px solid #e0e0e0; box-sizing: border-box; padding-left: 43px; height: 280px; padding-top: 10px;}
.ingService_1 .serviceRight li{margin-top: 30px;}
.ingService_1 .serviceRight li a{font-size: 18px; color: #111111;}
.ingService_1 .serviceRight li a span{display: inline-block; width: 40px;}
.ingService_1 .serviceRight li a:hover{color: #1c83c4;}
.ingService_1 .serviceRight li .chk{vertical-align: middle; display:; position: relative; top: -3px; margin-left:5px;}
.ingService_1 .serviceRight li.active a{color: #1c83c4;}
.ingService_1 .serviceRight li.active .chk{display: inline-block;}
/* popup */
.intropop{position: fixed; width: 841px; height: 808px; background: url(/images/portal_new/popup/bg_popup.png) no-repeat; left: 50%; top:50%; margin-left: -433px; margin-top: -390px; z-index: 99; color: #fff; text-align: center;}

.content_popup{height: 373px; position: relative;}
.content_popup .menuBlock{padding-top: 15px; padding-left: 74px;}
.content_popup .menuBlock .menu{display:block; vertical-align: top; position: relative; width: 140px; margin-right: 50px; float: left;}
.content_popup .menuBlock .menu:after{display: inline-block; width: 60px; content: ""; height: 140px; background: url(/images/portal_new/popup/img_dot.png) no-repeat 50% 50%; vertical-align: top; position: absolute; float: left; left: -65px; top: -10px;}
.content_popup .menuBlock .menu:first-child:after{display: none;}
.content_popup .menuBlock .menu h3{width: 120px; height: 120px; display: table; border-radius: 70px; border: 2px solid rgba(255,255,255,0.4); box-sizing: border-box; font-size: 18px;  position: absolute; transition: all 0.4s ease;}
.content_popup .menuBlock .menu h3 span{display: table-cell; width: 100%; height:100%; vertical-align: middle;}
.menuBlock a{color: #fff;}
.content_popup .menuBlock .menu ul{opacity: 0; transform: rotateY(90deg);  transition: all 0.4s ease;}
.content_popup .menuBlock .menu ul li{font-size: 14px; line-height: 24px; letter-spacing: -1px; position: relative; z-index: 10;}
.content_popup .btnInfo{position: absolute; top:304px; right:80px;}

.content_popup .menuBlock .menu.active h3{opacity: 0; transform: rotateY(90deg);}
.content_popup .menuBlock .menu.active ul{opacity: 1; transform: rotateY(0deg);}
.content_popup .menuBlock .menu:hover h3{opacity: 0; transform: rotateY(90deg);}
.content_popup .menuBlock .menu:hover ul{opacity: 1; transform: rotateY(0deg);}

.content_popup .menuBlock .menu .menu01{}
.content_popup .menuBlock .menu .menu02{padding-top: 35px;}
.content_popup .menuBlock .menu .menu03{padding-top: 35px;}
.content_popup .menuBlock .menu .menu04{padding-top: 25px;}
.content_popup .menuBlock .menu .menu05{}
.content_popup .menuBlock .menu .menu06{}
.content_popup .menuBlock .menu .menu07{}
.content_popup .menuBlock .menu .menu08{}
.intropop .btnClose{position: absolute; right: 32px; top: 11px;}
.intropop .btnClose a{color: #fff; font-size: 24px;}