@charset "utf-8";

body {background-color: #fff;}
#wrap {width:100%;min-width:1190px;height:100%;}
.inner{width:1190px; margin:0 auto; }
#header {position: absolute;top:0;right:0;left:0;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:35px;}
#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;}
#gnb, .mainSec1, .mainSec2, .mainSec3, .mainSec4, .mainSec5, h2, h3, h4, #visualBox {letter-spacing:-0.5px; font-weight:400;font-size:17px;font-family:"NanumSquare",Noto Sans KR,"맑은 고딕","Malgun Gothic","애플 SD 산돌고딕 Neo","Apple SD Gothic Neo",sans-serif;line-height: 1.5;}
#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%;}
#gnb .gnbListWrap>ul>li:nth-child(3) {width:16.5%;}
#gnb .gnbListWrap>ul>li:nth-child(4) {width:16.5%;}
#gnb .gnbListWrap>ul>li:nth-child(5) {width:16.5%;}
#gnb .gnbListWrap>ul>li:nth-child(6) {width:16.5%;} */
#gnb .gnbListWrap>ul>li:nth-child(1) {
    width: 13%;
}

#gnb .gnbListWrap>ul>li:nth-child(2) {
    width: 13%;
}

#gnb .gnbListWrap>ul>li:nth-child(3) {
    width: 13%;
}

#gnb .gnbListWrap>ul>li:nth-child(4) {
    width: 15%;
}

#gnb .gnbListWrap>ul>li:nth-child(5) {
    width: 15%;
}

#gnb .gnbListWrap>ul>li:nth-child(6) {
    width: 16%;
}
#gnb .gnbListWrap>ul>li:nth-child(7) {
    width: 15%;
}
#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:10px 0;padding-left: 15px; border-left:1px solid rgba(102,102,102,.1);}
#gnb>.inner>.gnbListWrap>ul>li>ul>li>a {display: block;padding:3px 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 15px;}
#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: 1px 0;font-size: 15px;color:#555;letter-spacing: -0.025rem;}
#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:105px 0 0 505px; color:#289ed4; font-weight:800; font-size:78px; letter-spacing:-2px;}
#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 10px no-repeat;}
#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:4px;}
#container #snb nav>ul>li {border-bottom: 1px solid #e2e2e2; font-size:17px;font-family:"NanumSquare",sans-serif;}
#container #snb nav>ul>li>a {position: relative;display: block;padding:10px 0 9px;color: #000;font-family:"NanumSquare",sans-serif;}
#container #snb nav>ul>li>a.active {color: #114e8e; font-weight: 700;font-family:"NanumSquare",sans-serif;}
#container #snb nav>ul>li>a.hasSub:after {position: absolute;display: block;top:23px;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; font-size:15px;}
#container #snb nav>ul>li>ul>li>a {position: relative;display: block;padding:3px 0;letter-spacing:-1.5px;font-family:"맑은 고딕","Malgun Gothic","애플 SD 산돌고딕 Neo","Apple SD Gothic Neo",sans-serif;}
#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 {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 .ul_none {position: relative;margin:0 0 25px 19px; }
#contents .ul_none li{padding-left:2px;line-height:160%;margin:2px 0;word-break: break-word; letter-spacing:-0.5px;font-family:"맑은 고딕","Malgun Gothic",sans-serif;}

#contents h5,
#contents .h5_like, .subtext {position: relative;color:#126aa7; 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:20px;left:50%;margin-left:540px;}


footer {height: 155px;background-color: #444;}
footer .inner {margin:0 auto;padding-top: 40px;}
footer .inner .f1 {float:right;}
footer .inner .f2 {float:left;}
footer .inner {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: #ddd;}
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;}


/*@media screen and (max-width: 1190px) {
  .kkw_main #header.sticky,
  .sticky #utils>.inner>.utilMenuWrap,
  .sticky #gnb>.inner>.gnbListWrap { width:100%;min-width:100% !important; }
  #header.sticky h1 {margin: 0;left:0;}*/



/* step navi */
#contents .step_navi{position: relative; margin-bottom:40px;}
#contents .step_navi ul li{background:#e6e6e6; border:#e6e6e6 solid 2px;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:#444;}
#contents .step_navi ul .active{font-weight:700; color:#fff;background:#1b7caa;border:#c6deea solid 7px; }
#contents .step_navi ul span{font-size:17px;}
#contents .step_navi ul .active span{color:#f7feff;}
#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:"";}


.convert_list ul{text-align: center;}
.convert_list ul li {display: inline-block; margin-left:13px;}


.cs_card_wrap {display:inline-block;text-align:center; background:#ebf7fc; width:195px; height:195px; position: relative;border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%; margin:0 22px;}
.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; font-weight:700;border-radius:16px;-moz-border-radius:16px; -webkit-border-radius:16px; background:#0a4889; border:none; padding:8px 20px; color:#fff;}

#contents h5.none{color:#126aa7; font-size:15px; background:none;padding-left:11px;margin:0 0 10px 8px;line-height:160%;}
#contents h5.none{font-size:15px; color:#126aa7;background:none;padding-left:11px;margin:0 0 10px;line-height:160%;}

.studio_location{position: relative;height: 760px;margin-top: 20px; border-top: 1px solid #222;border-bottom: 1px solid #ddd;}
.studio_location .cont_map { z-index: 10;float: right;width: 64%;height: 100%;}
.cont_studio {overflow-x: hidden;overflow-y: auto; float: left; width: 36%; height: 100%;border-right: 1px solid #222;}
.cont_studio .tit_cont{height: 60px;padding: 0 10px;border-bottom: 1px solid #ddd;font-weight: 400; font-size: 1em; line-height: 60px;color: #444;}
.cont_studio .tit_cont .num_count{font-weight: 700;color: #0090f7;}
.studio_cont:hover{background-color: #f1f1f1;}
.studio_cont{position: relative;padding: 20px 20px 20px; cursor: pointer;}
.studio_cont .tit_name{margin: 0 0 10px -12px;}
.studio_cont .tit_name .txt_name img {margin-right: 5px; vertical-align: middle;}
.studio_cont .tit_name .txt_name {display: inline-block; font-weight: 600;font-size: 18px ;line-height: 1.2;color: #222;background: url(/images/ico_map_default.png) left top no-repeat;padding: 0 0 0 27px;min-height: 26px;}
.studio_cont .txt_addr{display: block;font-size: 13px; color: #444;}
.screen_out{overflow: hidden;position: absolute; width: 0;height: 0; line-height: 0; text-indent: -9999px;}
.list_shop > li{border-bottom: 1px solid #ddd;}
.list_shop > li.on .studio_cont { background-color: #f1f1f1;}
.studio_cont .ico_more{position: absolute;top: 90px; right: 20px; height: 20px; padding-right: 20px;color: #222;}
.studio_cont:hover .ico_more {color: #0090f7;}
.studio_cont .txt_tel {display: block; margin-top: 12px; font-size: 14px; color: #222;}

.list_shop > li.on .studio_detail {display: block;}
.studio_detail {overflow-x: hidden;overflow-y: auto; position: absolute; top: 0; right: 0;z-index: 20; width: 64%; max-width: 840px;height: 100%; padding: 0 50px 0 0; background-color: rgba(0, 0, 0, 0.7);}
.studio_detail .detail_layer {overflow-x: hidden;overflow-y: auto;float: left;width: 100%; height: 100%; max-height: 758px;padding: 20px 35px 0; background-color: white;}
.studio_detail .detail_layer .tit_studio {margin-bottom: 15px; font-weight: 700;font-size: 1.5em;letter-spacing: -2px;}
.studio_detail .basic_info {overflow: hidden;position: relative;margin-bottom: 45px;}
.studio_detail .list_direction {margin-bottom: 35px;padding: 10px 0 5px;border-top: 1px solid #222; border-bottom: 1px solid #222;font-family:"맑은 고딕","Malgun Gothic",sans-serif;}
.studio_detail .list_direction dt {float: left; width: 70px;margin-bottom: 5px;font-weight: 700;font-size: 15px;line-height: 24px;}
.studio_detail .list_direction dd { display: block;overflow: hidden;margin-bottom: 5px; font-size: 15px;line-height: 24px; color: #444;letter-spacing: -0.05em; width:345px;}
.studio_detail .detail_layer .tit_detail { margin-bottom: 5px;font-size: 18px;letter-spacing: -1px;}
.studio_detail .studio_photo {margin-bottom: 45px;}
.studio_detail .studio_photo .list_studio li img{width:350px; height:200px;}
.studio_detail .btn_close {position: absolute; top: 0;right: 0;width: 50px;height: 50px; background-color: #037ab4; overflow: hidden;font-size: 0;line-height: 0; text-indent: -9999px;}
.studio_detail .btn_close:before, .studio_detail .btn_close:after {width: 24px;}
.studio_detail .btn_close:before { display: block; height: 2px;margin: 0 auto; background-color: #eee;transform: rotate(45deg);content: "";}
.studio_detail .btn_close:after {display: block; height: 2px; margin: -2px auto 0;background-color: #eee;transform: rotate(-45deg);content: "";}