@charset "utf-8";

body {background-color: #fff;}
#wrap {width:100%;min-width:1180px;height:100%;}
.inner{width:1190px; margin:0 auto; }
#header {position: absolute;top:0;right:0;left:0;width: 100%;z-index:100; }
/* #header.header_wrap {position:fixed;top:0;left:0;} */
#header h1 {position: absolute;padding:7px 0 0 0 ;background:#fff;}
#header.sticky h1 {background-color: transparent;}
#header.sticky h1 a{background-position: 0 -48px;}
#utils {height: 38px;border-bottom:solid 1px #e5e5e5;background:#fff;}
#header.sticky #utils{background-color: #fff;}
#utils .utilMenuWrap {position: relative;height:36px;margin:0 auto;}
#utils .utilMenuWrap>.utilMenu {position: absolute;top:0;right:0;}
#utils .utilMenuWrap>.utilMenu:after {display: block;clear:both;content:"";}
#utils .utilMenuWrap>.utilMenu>li {float: left;padding:7px 0 22px;}
#utils .utilMenuWrap>.utilMenu>li+li {margin-left: 15px;}
#utils .utilMenuWrap>.utilMenu>li:last-child {position: relative;margin-left: 30px;}
#utils .utilMenuWrap>.utilMenu>li:last-child:after {position: absolute;top:15px;left:-15px;width:1px;height:10px;background-color: #a1a1a3;content:"";}
#utils .utilMenuWrap>.utilMenu>li .selLangWrap {position: relative;}
#utils .utilMenuWrap>.utilMenu>li a {font-weight:500;font-size: 0.875rem;}
.sticky #utils .utilMenuWrap>.utilMenu>li a {color: #333;}
#utils>.inner>.utilMenuWrap>.utilMenu>li a.selLang {position: relative;display: inline-block;padding-right:33px;}
#utils>.inner>.utilMenuWrap>.utilMenu>li a.selLang.open+.selLangList {display: block;}
#utils>.inner>.utilMenuWrap>.utilMenu>li a.selLang:after {position: absolute;display: block;right: 14px;top: 49%;width:10px;height:5px;margin-top: -2px;background: url('../images/bg_sprite.png') -164px 0 no-repeat;content: "";}
#utils>.inner>.utilMenuWrap>.utilMenu>li a.selLang.open:after {background-position: -164px -10px;}
.sticky #utils>.inner>.utilMenuWrap>.utilMenu>li a.selLang:after {background-position: -130px 0;}
.sticky #utils>.inner>.utilMenuWrap>.utilMenu>li a.selLang.open:after {background-position: -147px 0;}
/* header util language select */
#utils>.inner>.utilMenuWrap>.utilMenu>li .selLangList {position: absolute;display:none;top:21px;left:0;padding:10px;background-color:#fff;border:1px solid #ddd;border-radius:3px;}
#utils>.inner>.utilMenuWrap>.utilMenu>li .selLangList a {color: #666;}
#header{border-bottom:solid 1px #e5e5e5;}
#header #gnb{ background:url(../images/header_bg.gif) #f7f7f7 left top repeat-x;box-shadow: 0 2px 4px rgba(33,33,33,.2); -webkit-box-shadow: 0 2px 4px rgba(33,33,33,.2); -moz-box-shadow: 0 2px 4px rgba(33,33,33,.2); -o-box-shadow: 0 2px 4px rgba(33,33,33,.2); -ms-box-shadow: 0 2px 4px rgba(33,33,33,.2); }
#header.sticky #gnb>.inner {}
#header.sticky #gnb>.inner>.gnbListWrap {}
#gnb>.inner>.gnbListWrap {padding-left:170px;margin:0 auto;}
#gnb>.inner>.gnbListWrap>ul:after {display: block;clear:both;content:"";}
#gnb>.inner>.gnbListWrap>ul>li {float: left;/*display: table-cell;*/ }
#gnb .gnbListWrap>ul>li:nth-child(1) {width:17%;}
#gnb .gnbListWrap>ul>li:nth-child(2) {width:17%;overflow: hidden;}
#gnb .gnbListWrap>ul>li:nth-child(3) {width:17%;}
#gnb .gnbListWrap>ul>li:nth-child(4) {width:23%;}
#gnb .gnbListWrap>ul>li:nth-child(5) {width:23%;}
#gnb .gnbListWrap>ul>li:nth-child(6) {width:23%;}
/* #gnb .gnbListWrap>ul>li:nth-child(6) {width:16.5%;} */
#gnb>.inner>.gnbListWrap>ul>li>a {display: block;padding:26px 0 22px 0;background-color: #fefeff;font-weight: 700;color: #1a395c;text-align: center;letter-spacing: -0.025rem; font-size:18px;}
#header.sticky #gnb>.inner>.gnbListWrap>ul>li>a {background-color: transparent; color:#303030;}
#gnb>.inner>.gnbListWrap>ul>li>a.active {color: #4163ef;}
#header.sticky #gnb>.inner>.gnbListWrap>ul>li>a.active {color:#8ba2ff;}
#gnb>.inner>.gnbListWrap>ul>li>ul {display: none;width:100%;margin:20px 0 22px;padding-left: 15px; border-left:1px solid rgba(102,102,102,.1);}
#gnb>.inner>.gnbListWrap>ul>li>ul>li>a {display: block;padding:4px 0;font-size: 17px;color:#1a395c;letter-spacing: -0.025rem; font-weight:700;}
#gnb>.inner>.gnbListWrap>ul>li>ul>li>a.active,
#gnb>.inner>.gnbListWrap>ul>li>ul>li>a.active:after {color: #8ba2ff;}
#gnb>.inner>.gnbListWrap>ul>li>ul>li>a.active:after:hover {text-decoration: none;}
#gnb>.inner>.gnbListWrap>ul>li>ul>li>ul {display: none;border-top-color: #000;margin:2px 0 18px;}
#gnb>.inner>.gnbListWrap>ul>li>ul>li:last-child>ul {margin-bottom: 0;}
#gnb>.inner>.gnbListWrap>ul>li>ul>li>ul>li>a {display: block;padding: 3px 0 5px 0;font-size: 15px;color:#555;letter-spacing: -0.025rem;line-height:1;}
#gnb>.inner>.gnbListWrap>ul>li>ul>li>ul>li>a.active{text-decoration: underline;}

#container {position: relative; }
#container #visualBox{height:285px; background: #fff url(../images/bg_body.jpg) 50% 104px repeat-x;}
#container #visualBox .inner p{padding:100px 0 0 504px; color:#3aacdf; font-weight:800; font-size:78px; letter-spacing:-4px;}
#container #visualBox01{height:298px; background: #fff url(../images/bg_body_1.jpg) 50% 108px repeat-x;}
#container #visualBox01 .inner p{padding:109px 0 0 470px; color:#baa556; font-weight:800; font-size:78px; letter-spacing:-2px;}

#container .inner:after {display: block;clear: both;content:"";}
#container #snb {float: left;width:200px;min-width:200px;position:relative;margin-top:35px;}
#container #snb h2 {font-size: 23px; font-weight:700;color: #333; margin:0 0 10px 0; padding-left:7px;background: url('../images/bg_snb.jpg') left 13px no-repeat; word-wrap: break-word;}
#container #snb h2 span{display::block; width: 10px; height: 10px; margin: 0px auto; background-color: #0060a1;}
#container #snb nav {border-top: 3px solid #202020;padding-top:8px;}
#container #snb nav>ul>li {border-bottom: 1px solid #e2e2e2; font-size:17px;}
#container #snb nav>ul>li>a {position: relative;display: block;padding:6px 0;font-weight: 400;color: #000;}
#container #snb nav>ul>li>a.active {color: #114e8e; font-weight: 700;line-height:1.5;}
#container #snb nav>ul>li>a.hasSub:after {position: absolute;display: block;top:18px;right:16px;width:10px;height:5px;opacity:.5;background: url('../images/bg_sprite.png') -130px 0 no-repeat;content:"";}
#container #snb nav>ul>li>a.hasSub:after {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition   : all .5s ease-in-out;
  -o-transition     : all .5s ease-in-out;
  transition        : all .5s ease-in-out;
}
#container #snb nav>ul>li>a.open:after {
  transform        :rotate(180deg);
  -ms-transform    :rotate(180deg);
  -webkit-transform:rotate(180deg);
}
#container #snb nav>ul>li>a+ul {display: none;border-top: 1px solid #e2e2e2;}
#container #snb nav>ul>li>a.active+ul {display: block;}
#container #snb nav>ul>li>ul {padding:10px 15px 10px 20px;background-color: #f9fafb;color: #000;}
#container #snb nav>ul>li>ul>li>a {position: relative;display: block;padding:2px 0;font-size:15px;letter-spacing:-1px;}
#container #snb nav>ul>li>ul>li>a:after {position: absolute;top:4px;left:-8px;font-weight:700;content: ".";}
#container #snb nav>ul>li>ul>li>a.active {color: #243dbb; font-weight:700; text-decoration:underline;}


#container #snb .snb_banner{margin:40px 0 0 0;}
#container #snb .btn_plus {position:absolute; top:153px; right:0;}
#container #snb .branchArea {position:absolute; top:153px; right:0; z-index: 1;display:none;width: 220px;-webkit-box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.14);-moz-box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.14);box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.14);}
#container #snb .branchArea>ul {padding:15px 15px 10px 35px;background-color: #fff;font-size: 0.9375rem;color: #000; border:1px solid #999;}
#container #snb .branchArea>ul>li>a {position: relative;display: block;padding:8px 0 10px;}
#container #snb .branchArea>ul>li>a:after {position: absolute;top:4px;left:-8px;font-weight:500;content: ".";}
#container #snb .branchArea>ul>li>a.active {color: #243dbb;}



#container #contents { position: relative; float: left;border-left:#e9e9e9 solid 1px; padding:25px 0 150px 40px;min-width: 920px;width: 920px;margin-left: 35px;min-height:600px;}
#container #contents_search { position: relative; float: left;padding:25px 0px 150px 20px;min-height:600px;margin-right: 35px;width: 97.5%;}
#contents h3, #contents_search h3{ border-bottom: 3px solid #222; font-size:32px; font-weight:bold; margin-bottom:30px; color:#1e2d3b;}
#contents h3:after, #contents_search h3:after {display: block;clear:both;content:"";}
#contents .location .breadcrumb, #contents_search .location .breadcrumb{position: absolute;top:10px;right:0px;letter-spacing:0;}
#contents .location .breadcrumb:after, #contents_search .location .breadcrumb:after {display: block;clear:both;content:"";}
#contents .location .breadcrumb li, #contents_search .location .breadcrumb li{position: relative;float: left;font-size: 12px;color: #666; font-family:"맑은 고딕","Malgun Gothic",sans-serif;}
#contents .location .breadcrumb li.active, #contents_search .location .breadcrumb li.active {font-weight: 500;color: #333;}
#contents .location .breadcrumb li:first-child, #contents_search .location .breadcrumb li:first-child {padding-top: 5px;}
#contents .location .breadcrumb li+li, #contents_search .location .breadcrumb li+li {margin-left:27px;}
#contents .location .breadcrumb li+li:before, #contents_search .location .breadcrumb li+li:before {position: absolute;top:7px;left:-15px;width:5px;height:7px;background:url(../images/bg_sprite.png) -130px -10px no-repeat;content:"";}
#contents .location .breadcrumb li .home, #contents_search .location .breadcrumb li .home {display: block;width: 14px;height: 11px;background: url(../images/bg_sprite.png) -140px -10px no-repeat;}


#contents h4 {font-size:17px; color:#0e61b0;background:url(../images/bul_h4.gif) left center no-repeat;padding-left:19px; font-weight:700;margin:0 0 10px 0px;}
#contents h4.none{background:none;padding:0px;}

#contents .ul_bar {position: relative;margin:0 0 25px 19px; }
#contents .ul_bar li{background:url(../images/bul_bar01.gif) left 9px no-repeat;padding-left:12px;line-height:160%;margin:2px 0;word-break: break-word; font-size:15px; letter-spacing:-0.5px;font-family:"맑은 고딕","Malgun Gothic",sans-serif;}
#contents .ul_bar li.normal {padding-left:0;}
#contents .ul_bar li.normal:after {content:none;}


#contents h5,
#contents .h5_like, .subtext {position: relative;color:#0080c7; padding-left:11px;margin:0 0 7px 9px;line-height:140%;font-weight:700;}
#contents h5:after,
#contents .h5_like:after, .subtext:after {position: absolute;display: block;display: block;top:9px;left:1px;width:5px;height:5px;border-radius:5px;background-color: #17b7eb;content:""; }
#contents h5.normal {padding-left: 12px}
#contents h5.normal:after {content:none;}

#container .go_top {position: absolute;bottom:5px;left:50%;margin-left:540px;}

.cs_card_wrap {display:inline-block;text-align:center; background:#ebf7fc; width:187px; height:187px; position: relative;border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%; margin:0 45px;}
.img_sp_01 {display: block;width:84px;height:75px;margin:30px auto 0;background: url(../images/cs/img_sp_002.png) 0 0 no-repeat;}
.img_sp_02 {display: block;width:84px;height:75px;margin:30px auto 0;background: url(../images/cs/img_sp_002.png) -140px 0 no-repeat;}
.img_sp_03 {display: block;width:84px;height:75px;margin:30px auto 0;background: url(../images/cs/img_sp_002.png) -276px 0 no-repeat;}
.cs_card_wrap p{font-size:13px; color:#055555;line-height:1.2; font-family:"맑은 고딕","Malgun Gothic",sans-serif;}
.cs_card_wrap .btn_box{margin:9px 0 0 0; }
.cs_card_wrap .btn_box .cs_btn{font-size:17px; border-radius:16px;-moz-border-radius:16px; -webkit-border-radius:16px; background:#0a4889; border:none; padding:8px 20px; color:#fff;}


footer {height: 155px;background-color: #444;}
footer .inner {margin:0 auto;padding-top: 30px;}
footer .inner .f1 {float:right;}
footer .inner .f2 {float:left;}
footer .inner .f1:after {display: block;clear:both;content:"";}
footer .inner .f2 .etc_menu {font-size:17px; font-weight:400;margin-bottom:14px;}
footer .inner .f2 .etc_menu:after {display: block;clear:both;content:"";}
footer .inner .f2 .etc_menu li {display:inline;}
footer .inner .f2 .etc_menu li a {color: #fff;}
footer .inner .f2 .etc_menu li+li {position: relative;margin-left: 21px;}
footer .inner .f2 .etc_menu li+li:after {position: absolute;display: block;top:3px;left:-12px;width:1px;height:14px;background-color: #8d8d8d;content:"";}
footer .inner .f1 .sns {float: right;}
footer .inner .f1 .sns:after {display: block;clear:both;content:"";}
footer .inner .f1 .sns li {float: left;}
footer .inner .f1 .sns li+li {margin-left: 13px;}
footer .inner .f2 .contact {position: relative;padding:0 0 0 133px;font-size: 13px;font-family:"맑은 고딕","Malgun Gothic",sans-serif;}
footer .inner .f2 .contact .footer_logo {position: absolute;display: block;top:0;left:0;width: 100px;height: 80px;}
footer .inner .f2 .contact dl:after {display: block;clear:both;content:"";}
footer .inner .f2 .contact dl dt, footer .inner .f2 .contact dl dd {float: left;}
footer .inner .f2 .contact dl dt {color: #aaa;}
footer .inner .f2 .contact dl dd {margin-left: 6px;color: #fff;}
footer .inner .f2 .contact dl dd+dt {position: relative;margin-left:15px;}
footer .inner .f2 .contact dl dd+dt:after {position: absolute;display: block;top:3px;left:-8px;width:1px;height:14px;background-color: #959595;content:"";}
footer .inner .f2 .contact .copyright {color: #a1a0a0;}

/* step navi */
#contents .step_navi{position: relative; margin-bottom:40px;}
#contents .step_navi ul li{background:#bdbdbd; border:#e6e6e6 solid 7px;width:124px;height:124px;margin:0 65px;  text-align:center;font-size:19px;  float:left; padding-top:30px; border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%; color:#fff;}
#contents .step_navi ul .active{font-weight:700; color:#fff;background:#38a8dd;border:#bae1f3 solid 7px; }
#contents .step_navi ul span{font-size:17px;}
#contents .step_navi ul .active span{color:#c7f9ff;}
#contents .step_navi ul:after {display: block;clear:both;content:"";}
#contents .step_navi ul li:after{background: url(../images/bg_step_navi.png) 50px 0px no-repeat; position: absolute; left:195px; top:46px; display: block;width:200px;height:100px;content:"";}
#contents .step_navi ul li+li:after{background: url(../images/bg_step_navi.png) 50px 0px no-repeat; position: absolute; left:450px; top:46px; display: block;width:200px;height:100px;content:"";}


/*
  국기원 메인 레이아웃
*/
.kkw_main {}



/*
  서브 기본 레이아웃 (header + container(snb + contents) + footer)
*/
.kkw_sub {}


/*
  아카이브 서브 메인 레이아웃 (header + container + footer)
*/
.kkw_ac_main {}


/*
  아카이브 서브 레이아웃 (header + contents( 컨텐츠 랩핑(dropshadow) ) + footer)
*/
.kkw_ac {}