/* published by www.designnest.net */
@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/portal_new/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: 260px; background: url(/images/portal_new/bg_indexVisual.png) no-repeat 50% 50%; position: relative;}
.visual .contents_box{height: 255px;}
.visual .slogan{ font-size: 25px; color: #fff; line-height: 140%; padding-top: 100px;}
.visual .goto{position: absolute; right: 5px; top:57px;}
.visual .info{position: absolute; left: 0; bottom: 10px;}


#family_site{height: 75px; overflow: hidden; margin-top: 70px;}
#family_site .bx-wrapper{    margin: auto;}
#family_site .family_list li { text-align: center;}
#family_site .control a{display: block; position: absolute; height: 100%; width: 50px; text-indent: -9999px; overflow: hidden; top: 0;}
#family_site .control a.btn_prev{left: 0; background: url(/images/portal_new/bg_family_arrow_left.png) no-repeat left 50%;}
#family_site .control a.btn_next{right:0; background: url(/images/portal_new/bg_family_arrow_right.png) no-repeat right 50%;}

#footer{background-color: #2c384b; }
#footer .footer_con{height: 110px;}
#footer .logo_bottom{padding-top: 20px; float: left;}
#footer .footer_right{float: right;}
#footer .footer_right .footMenu {padding: 23px 0 15px 0;}
#footer .footer_right .footMenu li{float: left; margin-left: 25px;}
#footer .footer_right .footMenu li a{font-size: 14px; color: #fff;}
#footer .footer_right .copy{text-align: right; font-size: 12px; line-height: 18px; color: #acacac;}

#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/portal_new/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;}

.introHead {position: relative;}
.introHead h2{float: left; font-size: 24px; color: #000;}
.introHead h2 small{font-size: 14px; color: #434343;}
.introHead .tab{float:right;}
.introHead .tab li{float: left; margin-left: 20px;}
.introHead .tab li a{font-size: 18px; color: #333; position: relative; display: inline-block;}
.introHead .tab li a:hover{color: #2383c1;}
.introHead .tab li a img{position: relative; top: -5px;}
.introHead .tab li.active a{color: #2383c1; font-weight:bold;}
.introHead .tab li.active a:after{content: ""; display: block; background: url(/images/portal_new/ico_on.png) no-repeat; width: 22px; height: 18px; position: absolute; top: -15px; left:  50%;}
.introHead.lineHead{border-bottom: 1px solid #eaeaea; padding-bottom: 5px;}
.introHead.lineHead h2:after{content: ""; display: block; height: 1px; width: ; background-color: #5ba6e2; width: 304px; position: absolute; left: 0; bottom: -1px}

.stepping{padding: 24px 0px 30px 30px;padding-bottom: 0;}
.stepping .msg{float: left; width: 190px; position: relative; margin-top: 0px;}
.stepping .msg dt{font-size: 23px; color: #020202; margin-bottom: 10px;}
.stepping .msg dt span{color: #5ba6e2;}
.stepping .msg dd{color: #313131; font-size: 14px; line-height: 24px;}
.stepping .msg dd a{display: inline-block; color: #256292; font-size: 14px; border: 1px solid #97c4e1; border-radius: 10px; padding: 0 14px; height: 36px; line-height: 36px; box-sizing: border-box;}
.stepping .msg:before{content: ""; width: 15px; height: 22px; background: url(/images/portal_new/bg_slice.png) no-repeat; font-size: 20px; color: #ccc; font-weight: lighter; position: absolute; left: -20px; top: -10px;}
.stepping .msg:after{content: ""; width: 15px; height: 22px; background: url(/images/portal_new/bg_slice.png) no-repeat; font-size: 20px; color: #ccc; font-weight: lighter; position: absolute; right: -20px; top: 120px;}
.stepping .numberInfo{float: right;}

.steppingBtn li{float: left;
    text-align: center;
    width: 165px;
    padding-left: 55px;margin-bottom: 5px;}
.steppingBtn li img{padding-right:7px;}

.numberInfo {float: right;}
.numberInfo li{float: left;width: 152px;height: 152px;border: 11px solid #ededed;border-radius: 50%;text-align: center;margin-left: 66px;box-sizing: border-box;}
.numberInfo li dl{border: 5px solid #2f76ae;border-radius: 50%;height: 137px;box-sizing: border-box;width: 137px;position: relative;padding-top: 23px;top:-3px;left:-4px;}
.numberInfo li dl dt{font-size: 12px; color: #2f76ae;font-weight:bold;}
.numberInfo li dl dd{font-size: 16px; color: #7d7d7d; margin-top: 5px;}
.numberInfo li dl dd b{font-size: 28px;color: #626262;display: inline-block;margin-right: 5px;}

.introSlogan{margin-top: 10px;position: relative;padding-left: 430px;height: 165px;}
.introSlogan.color-1{background-color: #ebf5fc;}
.introSlogan.color-2{background-color: #f9f2ed;}
.introSlogan .image{position: absolute; left: 0; top: 0;}
.introSlogan .image img{max-height:165px;}
.introSlogan .text{padding-top: 40px; padding-bottom: 20px; font-size: 14px; line-height: 22px;}
.introSlogan ul li{float: left; width: 33.33%; font-size:20px; font-weight: bold;}
.introSlogan ul li img{margin-right: 5px;}
.introSlogan.color-1 .text{color: #004986}
.introSlogan.color-1  ul li{color: #002e73;}
.introSlogan.color-2 .text{color: #59493f}
.introSlogan.color-2  ul li{color: #51311a;}

.indexNotice{float: left; width: 550px; position: relative;}
.snsArea{float: left; width: 250px; margin-left: 20px; position: relative;}
.snsArea .snsList {padding-top: 12px;}
.snsArea .snsList li{float: left; width: 33.333%; margin-bottom: 30px;}
.snsArea .snsList li a {text-align: center; display: block; font-size: 12px; color: #2c384b;}
.snsArea .snsList li a span{display: block; height: 40px;}
.snsArea .snsList li a img{display:block; margin: auto;}

.familysite{float: left; width: 250px; margin-left: 20px; position: relative;}
.familysite .slideBlock {padding: 0 35px; position: relative;}
.familysite .familySlide li {text-align: center;}
.familysite .familySlide li p{margin-top: 8px;}
.familysite .familySlide li a{display: block; border: 1px solid #e3e4e4; height: 30px; line-height: 30px; border-radius: 3px; box-sizing: border-box;}

.familysite  .bx-controls a{display: block; position: absolute; height: 20px; width: 20px; text-indent: -9999px; overflow: hidden; top: 70px;}
.familysite  .bx-controls .bx-prev{left: 0px; background: url(/images/portal_new/bg_family_arrow_left.png) no-repeat 50% 50%;}
.familysite  .bx-controls .bx-next{right:0; background: url(/images/portal_new/bg_family_arrow_right.png) no-repeat 50% 50%;}



.bannerArea{float: right; width: 256px; position: relative;}
.topBanner .bx-controls .bx-pager{    position: relative;
    text-align: center;
    top: -25px;}
.bannerArea .bx-controls .bx-pager{position: absolute; left: 15px; top: 15px;}
.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;}
.introTitle{font-size: 18px; color: #000000; border-bottom: 1px solid #eaeaea; padding-bottom: 5px; position: relative; margin-bottom: 20px;}
.introTitle:after{content: ""; display: block; height: 1px; width: ; background-color: #5ba6e2; width: 137px; position: absolute; left: 0; bottom: -1px}
.introTitle.s1:after{width: 63px; }
.introTitle.s2:after{width: 85px; }
.introTitle.s3:after{width: 79px; }
.introTitle.s4:after{width: 33px; }
.introTitle.sns:after{width: 33px; }
.indexNotice .noticeList {padding-top: 2px;}
.indexNotice .noticeList li{ margin-top: 11px;}
.indexNotice .noticeList li:after{content: ""; display: block; clear: both;}
.indexNotice .noticeList li a{float: left; font-size: 16px; display: inline-block; max-width: 440px;
    overflow: hidden; white-space: nowrap;
    text-overflow: ellipsis;width: 440px;word-break: break-all;}
.indexNotice .noticeList li span.date{float: right; color: #b6b6b6;}
.indexNotice .more{position: absolute; right:0; top: 0;}


.global{float: left; width: 373px; border: 4px solid #97b3c6; border-radius:10px; box-sizing: border-box; padding: 20px; background: url(/images/portal_new/bg_global.png) no-repeat right 0; position: relative; height: 158px;}
.global h3{font-size: 18px; color: #000000;}
.global .info{float: left; width: 130px; margin-top: 12px; font-size: 16px; line-height: 28px;}
.global .info span{color: #2796ce;}
.global .selection{float: right; width: 190px; box-sizing: border-box;}
.global .selection p{margin-top: 10px;}
.global .selection select{width: 100%; height: 30px; border: none; border-bottom: 1px solid #3e4659; font-size: 16px; color: #222;}
.global .selection button{position: absolute; right: 25px; top: 85px;}

.local{float: left; margin-left: 26px;width: 302px; border: 4px solid #c4ad7f; border-radius:10px; box-sizing: border-box; padding: 20px; background: url(/images/portal_new/bg_local.png) no-repeat right 0; position: relative; height: 158px;}
.local h3{font-size: 18px; color: #000000;}
.local .info{float: left; width: 130px; margin-top: 36px; font-size: 17px; line-height: 28px;}
.local .info span{    color: #16609f;font-weight: 800;}

.family{float: right; width: 373px; border: 4px solid #c68d94; border-radius:10px; box-sizing: border-box; padding: 20px; height: 158px; position: relative;}
.family h3{font-size: 18px; color: #000000;}
.family  .bx-controls a{display: block; position: absolute; height: 20px; width: 20px; text-indent: -9999px; overflow: hidden; top: 85px;}
.family  .bx-controls .bx-prev{left: 20px; background: url(/images/portal_new/bg_family_arrow_left.png) no-repeat 50% 50%;}
.family  .bx-controls .bx-next{right:20px; background: url(/images/portal_new/bg_family_arrow_right.png) no-repeat 50% 50%;}
.familyBlock{padding:  0 30px; margin-top: 20px;}
.familySlide li{text-align: center;}

/* .global{float: left; width: 550px;} */
/* .global .info{float: left; width: 200px; margin-top: 20px; font-size: 16px;font-weight:bold;    line-height: 24px;    color: #3e4659;} */
/* .global .info span{color: #2796ce;} */
/* .global .selection{float: right; width: 340px; padding-right: 70px; box-sizing: border-box; position: relative;} */
/* .global .selection p{margin-top: 15px;} */
/* .global .selection select{width: 100%; height: 30px; border: none; border-bottom: 1px solid #dcdcdc; font-size: 18px; color: #666666; padding-left: 10px;} */
/* .global .selection button{position: absolute; right: 15px; top: 47px;} */

/* .snsArea{float: right; width: 520px;} */
/* .snsArea .snsList {margin-top: -8px;} */
/* .snsArea .snsList li{float: left; margin-right: 10px;} */
/* .snsArea .snsList li a{display: block; width: 29px; height: 29px; text-indent: -9999px; overflow: hidden; font-size: 1px;} */
/* .snsArea .snsList li.sns01 a{background: url(/images/portal_new/ico_sns_01.png) no-repeat;} */
/* .snsArea .snsList li.sns02 a{background: url(/images/portal_new/ico_sns_02.png) no-repeat;} */
/* .snsArea .snsList li.sns03 a{background: url(/images/portal_new/ico_sns_03.png) no-repeat;} */
/* .snsArea .snsList li.sns04 a{background: url(/images/portal_new/ico_sns_04.png) no-repeat;} */
/* .snsArea .snsAPI li{float:left;width:20%;text-align:center;} */

/*********** 湲곗〈 �룷�깉 �뒪���씪 ****************/
.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 .headTop .rightMenu .account li{margin-left: 5px;}
#header .headTop .rightMenu .account a{ border: 1px solid #afbbcf; border-radius: 12px; width: 60px; text-align: center;}
#header .headTop .rightMenu .lan li{margin-left: 20px;}
/* #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: 32px; 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;
}
/*********** 湲곗〈 �룷�깉 �뒪���씪 ****************/

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

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

/* popup */
.intropop{position: absolute; width: 841px; height: 808px; background: url(/images/portal_new/popup/bg_popup.png) no-repeat; left: 50%; top:50%; margin-left: -433px; margin-top: -275px; 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;}

.mapWrap * {line-height: 1}
.mapWrap{width: 614px;  box-sizing: border-box; padding: 60px 15px 60px 15px; background-color: #f4f9fe; margin: auto;}
.mapCon>dt{float: left; width: 93px; text-align: center; font-size: 15px; font-weight: bold; color: #fff; display: table; border-radius: 2px; box-sizing: border-box; position: relative; margin-right: 17px; height: 43px;}
.mapCon>dt:after{content: ""; display: block; height: 1px; width: 100%; background-color: rgba(255,255,255,0.25); position: absolute; top: 0px; left: 0;}
.mapCon>dt span{display: table-cell; vertical-align: middle;}
.mapCon>dd{float: left; width: 474px; font-size: 13px; color: #2f2725; font-weight: bold;}
.mapCon>dd .arrow{text-align: center; box-sizing: border-box; height: 43px; background-color: #fff; border: 3px solid #aac5ea; box-sizing: border-box; line-height: 37px; position: relative; font-size: 13px;}
.mapCon .line-02{line-height: 120% !important; padding-top: 4px !important;}
.mapCon>dd .text{text-align: center; box-sizing: border-box; height: 43px; background-color: #fff; border: 3px solid #d9e4ec; box-sizing: border-box; line-height: 37px; position: relative;}
.mapCon>dd .textBox{text-align:left; box-sizing: border-box; height: 43px; background-color: #fff; border: 3px solid #d9e4ec; box-sizing: border-box; position: relative; height: 150px; padding: 5px; position: relative; padding-left: 23px; letter-spacing: -1px;}
.mapCon>dd .textBox span{display: inline-block; width: 15px; position: absolute; left: 5px;}
.mapCon>dd .textBox p{margin-top: 3px;}
.mapCon dd .arrow:after{content: ""; display: block; position: absolute; width: 78px; height: 19px; background: url(/images/portal_new/map/img_arrow.png) no-repeat; top: 38px; left: 50%; margin-left: -39px;}
.mapCon>dt.color-01{background-color: #28b783; border: 1px solid #28ab7b;}
.mapCon>dt.color-02{background-color: #27b4af; border: 1px solid #27b0ab;}
.mapCon>dt.color-03{background-color: #2d8db5; border: 1px solid #1f84ae;}
.mapCon>dt.color-04{background-color: #3d56b3; border: 1px solid #2440a9;}
.mapCon>dt.color-05{background-color: #6447aa; border: 1px solid #4820a7;}
.mapCon>dt.color-06{background-color: #b14278; border: 1px solid #a62162; height: 123px;}
.mapCon>dt.color-07{background-color: #d68245; border: 1px solid #b96325; height: 150px;}
.mapCon .block-04 li{float: left; width: 115px; margin-left: 4px;}
.mapCon .block-04 li:first-child{margin-left: 0;}
.partner dt{text-align: center; padding: 15px 0 12px 0; font-size: 15px; color: #3a68c5; font-weight: bold;}
.partner dt b{color: #022b84;}
.partner dd{width: 416px; height: 44px; background: url(/images/portal_new/map/bg_partner.png) no-repeat; margin: auto; margin-bottom: 7px; box-sizing: border-box; padding-left: 45px; position: relative; font-weight: bold;}
.partner dd .title{position: absolute; left: 3px; top: 3px; font-size: 26px; color: #1553c0; font-weight:; font-family:'impact'; width: 34px; height: 34px; line-height: 34px; text-align: center;}
.partner dd .eng{font-size: 13px; color: #1b5aa0; padding-top: 6px;}
.partner dd .kor{ font-size: 11px; padding-top:2px;}
.block-02 li{float: left; width: 235px; border: 3px solid #d9e4ec; box-sizing: border-box;  background-color: #fff; height: 123px; position: relative; padding-top: 40px; padding-left: 8px;}
.block-02 li:last-child{float:right;}
.block-02 li dt{height: 33px; line-height: 33px; text-align: center; color: #fff; background: url(/images/portal_new/map/bg_title.png) repeat-x; position: absolute; left:-3px; top: -3px; right: -3px;}
.block-02 li dd{line-height: 140%;}