@charset "utf-8";
.layout {position:relative; width:100%; max-width:1400px; margin:0 auto; }
.clear {clear:none;}
.layout:after,
.clear:after {display: block;clear: both;visibility: hidden;content: '';}

#body_layout{position:relative;z-index:10}
#top_layout {position:relative;height:85px;border-bottom:1px solid #e9e9e9;z-index: 999;background: #fff;}
#top_layout.on {z-index:999;}
#top_layout .top_wrap {position: relative;}
#top_layout .top_wrap #logo {float:left;position:relative;z-index:3;margin: 26.5px 0 0 30px;vertical-align: top;/* width: 360px; */display: inline-block;}
#top_layout .top_wrap #logo a {display:block;height:30px; /**/width: 100%;position: relative;padding-left: 220px;}
#top_layout .top_wrap #logo a span {display:inline-block;width:195px;height:30px;margin: 0;background-size:100% auto;background-image:url(/template/centerB/images/common/logo.png);background-image:url(/template/centerB/images/common/logo.svg);background-size:100% auto;font-size:0;font-size:0;vertical-align:middle;position: absolute;top: 0;left: 0;background-repeat: no-repeat;}
#top_layout .top_wrap #logo a em{display: block;width:auto;/* margin-left: 25px; */font-size: 20px;font-family: 'gmarket';position: relative;/*padding-top: 5px;*/color: #000;/* font-weight: 600; */line-height: 1.2;/* position: relative; */white-space: nowrap;line-height: 30px;letter-spacing: -1px;}
#top_layout .top_wrap #logo a em:before {display:block;position:absolute;left: -13px;top: 50%;content:'';width: 1px;height: 17px;margin-top: -7.5px;border-radius:50%;background: #e1e1e1;}
#top_layout .top_wrap .utile_wrap {float:right; position:absolute; z-index:3;right: 0;}
#top_layout .top_wrap .utile_wrap li {float:left; position:relative; margin:0 12px;}
#top_layout .top_wrap .utile_wrap li a {display:block;line-height:85px;font-size:14px;font-family:'gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움';color:#7c7b7b;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen {position:relative;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen button {font-family:'gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움';}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen > button {display:block;width:100%;line-height: 85px;font-size:14px; color:#7c7b7b;text-align:center;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen > button:after {display:inline-block; margin:0 0 0 5px;border-left:4px solid transparent;border-right: 4px solid transparent;border-top:4px solid #97999c;content:''; vertical-align:middle;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen > div {display:none;position:absolute;top: 0;z-index: 3;width:100%;background: #fff;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen.on > div {display:block;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen > div > button{display:block;position: absolute;width:100%;top: 34px;left:0;background: #fff;font-size:14px;color:#7c7b7b;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen > div > button:after {display:inline-block;margin:0 0 0 5px;border-left:4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #97999c;content:'';vertical-align:middle;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen > div .inner {position: absolute;left: 50%;top: 60px;width: 70px;margin-left: -35px;border: 1px solid #e3e3e3;background: #fff;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen > div .inner span {display:block;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen > div .inner span a {display:block;width:100%;line-height: 1.2;margin: 10px 0;font-size:14px;color: #7c7b7b;text-align: center;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen > div .inner span:last-child a {border:none;}
#top_layout .top_wrap .utile_wrap li.lang .clickOpen > div .inner span a:hover,
#top_layout .top_wrap .utile_wrap li.lang .clickOpen > div .inner span a:focus {}
#top_layout .top_wrap .utile_wrap li.search {margin: 0 35px 0 15px;}
#top_layout .top_wrap .utile_wrap li.search a {display:block;width: 21px;height: 100%;background: url(/template/centerB/images/common/search.png)no-repeat center;font-size: 0;vertical-align: top;}
#top_layout .top_wrap .utile_wrap li.search svg {fill:#000;}

#top_layout .top_wrap .utile_wrap li.search {height:100%;}
#top_layout .top_wrap .utile_wrap li.search .clickOpen {height:100%;}
#top_layout .top_wrap .utile_wrap li.search .clickOpen > button {display:block;width: 21px;height: 85px;background: url(/template/centerB/images/common/search.png)no-repeat center;font-size: 0;vertical-align: top;}
#top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner {display:none;position:fixed;z-index: 999;left:0;top: 85px;width:100%;height: auto;background: #f9f9f9;}
#top_layout .top_wrap .utile_wrap li.search .clickOpen.on > .inner {display:block;}
#top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner form {top: 29%;width: 100%;padding: 40px 20px 75px;text-align:center;}
#top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner strong {display:block;margin: 0 0 15px;font-size: 24px;font-family: 'gmarket';font-weight: normal;color: #303030;}
#top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner strong span {display:inline-block;width: 21px;height: 21px;margin: -3px 15px 0 0;background: url(/template/centerB/images/common/search.png)no-repeat center;vertical-align: middle;}
#top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner .form_inner {position:relative;width: 100%; max-width:585px; margin: 0 auto;}
#top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner .form_inner #search_input_m {display:inline-block;width: calc(100% - 113px);height: 45px;line-height: 45px;padding: 0 25px;border: 1px solid #c2c2c2;background: #fff;color: #303030;font-size: 15px;}
#top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner .form_inner #search_input_m::placeholder {color: #c9c9c9;}
#top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner .form_inner .submit {display:inline-block; }
#top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner .form_inner .submit input {width:107px; height:45px; line-height:45px;border:none;  background:#006940; color:#fff; font-size:15px; font-weight:bold; }
#top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner .clickClose {display:block;position:absolute;right: 135px;top: -54px;width: 22px;height: 22px;background:#fff;font-size: 0;}
#top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner .clickClose:before,
#top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner .clickClose:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner .clickClose:before {width:100%;height: 2px;background: #000000;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner .clickClose:after {width: 2px;height:100%;background: #000000;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#top_layout .top_wrap .utile_wrap li.alert{display:none;}


body.searchon {overflow:hidden; height:100%;}
body.searchon:before {display:block; position:absolute; top:85px; bottom:0; z-index:3; content:''; width:100%; height:auto; background:rgba(0,0,0,.8); }
body.searchon #top_layout  {z-index:999;}

#top_layout .top_wrap .utile_wrap li.box {width: 85px;height:85px;margin:0;background:#006940;}
#top_layout .top_wrap .utile_wrap li.box.mo {display:none;}
#top_layout .top_wrap .utile_wrap li.box a,
#top_layout .top_wrap .utile_wrap li.box button {width: 100%;height: 100%;background: url(/template/centerB/images/common/menu.png)no-repeat center;text-align: center;font-size:0;}
#top_layout .top_wrap .utile_wrap li.box svg {width:23px;height:23px;margin: 0 auto;fill: #fff;vertical-align: middle;}


.gnb_bg{display: none;position: fixed;top: 132px;left: 0;z-index: 11;width: 100%;height: 100%;background-color:#000;opacity: 0.3;content:'';transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}
#top_layout.on + .gnb_bg{display: block;}



#gnb_layout{display: block !important;overflow:hidden;position:absolute;top: 0;left: 0;width: 100%;min-height: 85px;transition: all 0.1s ease-out;-webkit-transition: all 0.1s ease-out;}
#gnb_layout:after{top:85px}
#gnb_layout.open:before{display:block;position:absolute;top:85px;bottom: 0;right: 0;z-index: 0;width:100%;height: auto;background: #fff;content:'';border-top: 1px solid #ddd;z-index:1;}
#gnb_layout:after{top:85px}
#gnb_layout.open{overflow: hidden;min-height: 100px;border-bottom: 1px solid #999;}
#gnb_layout.open:after{position: absolute;top:84px;bottom: 0;right:0;width: 100%;height:auto;background: #fefefe;content:"";}
#gnb {position: absolute;top:0px;left: 0;right: 0;width: 100%;height:100%;z-index:2;}
#gnb_layout.open #gnb{}
#gnb_layout.open #gnb:before{position:absolute;top:0;left:0;width:100%;height:85px;box-shadow:1px 1px 5px rgba(28,47,56,0.05);content:'';}
#gnb_layout.action{position:relative;}
#gnb_layout .layout{position:relative;padding: 0;text-align: center;}
#gnb_layout .depth1_ul{display:inline-block;height:100%;z-index:14;}
#gnb_layout .depth1_ul:after {display: block; content: ''; clear: both;}
#gnb_layout .depth1_ul>li{display:inline-block;height:100%;margin: 0 -2px;vertical-align:top;}
#gnb_layout .depth1_ul>li>a{position:relative;display:block;height:100%;padding: 0 25px;text-align:center;}
#gnb_layout .depth1_ul>li:not(:last-child)>a:after {display:block; position:absolute; right:0; top:50%; content:''; width:5px; height:5px; margin-top:-2.5px;border-radius:50%; background:#e3e3e3; }
#gnb_layout .depth1_ul>li>a.current{}
#gnb_layout .depth1_ul>li>a.current span {}
#gnb_layout .depth1_ul>li>a.current + .item{opacity: 1;display: block}
#gnb_layout .depth1_ul>li>a span{display: inline-block;position: relative;height: 100%;line-height: 85px;padding: 0 10px;font-size: 18px;font-weight: 700;font-family:'gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움';color: #222222;vertical-align: middle;}
#gnb_layout .depth1_ul>li>a.current span {color:#006940;}
#gnb_layout .depth1_ul>li.sitemap>a span em {display:inline-block;width: 15px;height: 11px;margin: -2px 8px 0 0;background: url(/template/centerB/images/common/menu.png)no-repeat;background-size: 15px 11px;vertical-align:middle;}
#gnb_layout .depth1_ul>li>a[target="_blank"] span:after,
#gnb_layout .depth1_ul>li.on>a[target="_blank"] span:after,
#gnb_layout .depth1_ul>li>a.current[target="_blank"] span:after,
#gnb_layout .depth1_ul>li>a[target="_blank"]:hover span:after {display:inline-block !important;width: 18px;height: 12px;margin: -2px 0 0 5px;background: url(/template/centerB/images/common/target.png) no-repeat;border: 0;transform: none;content:'';vertical-align:middle;position: relative;}
#gnb_layout .depth1_ul>li>a span:before{display:block;opacity:0;position:absolute;left: 0;bottom: 0;content:'';width: 100%;height: 3px;background: #006940;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#gnb_layout .depth1_ul>li>a.current span:before,
#gnb_layout .depth1_ul>li.on>a span:before {opacity:1;}
#gnb_layout .depth1_ul>li>a.current span:after{display:block !important;position:absolute;left: 0px;bottom: 0;width:100%;height: 3px;background-color: #006940;content:'';}
#gnb_layout .depth1_ul>li .item{/* display: none; */position:absolute;top: 85px;left: 0;z-index: 100;width: 100%;min-height: 140px;margin: 30px 0 60px;padding-left: 285px;text-align: left;}
#gnb_layout .depth1_ul>li .item .gnb-title {position:absolute;top:0;left: 0;bottom: 0;width: 240px;padding-right: 35px;border-right: 1px solid #ddd;text-align: right;}
#gnb_layout .depth1_ul > li .item .gnb-title strong{display:inline-block;position: relative;width:100%;padding-bottom: 30px;font-size: 24px;color: #333;line-height: 1.2;font-family: 'gmarket';}

#gnb_layout .depth1_ul > li .item .gnb-title strong:after{position:absolute;right:0;bottom:15px;width:25px;height:2px;background:#333;content:'';}
#gnb_layout .depth1_ul > li .item .gnb-title p{display:inline-block;width:100%;font-size: 17px;color: #444;line-height:1.5;padding:0;margin:5px 0 0 0;}
#gnb_layout .depth1_ul>li .item > .depth2_ul{float:  left;position: relative;top: 0;height: 100% !important;width: 100%;text-align:  left;margin:0;}
#gnb_layout .depth1_ul>li .item > .depth2_ul > li{display: block;float: left;width: 25%;max-width: 244px;padding: 0 15px;margin: 0 0 20px;text-align: left;line-height: 18px;}
#gnb_layout.open .depth1_ul > li .depth2_ul{border:0}
#gnb_layout .depth1_ul > li .depth2_ul > li > a{display: inline-block;position: relative;min-width: 100%;padding: 14px 25px 14px 0px;border-bottom: 1px solid #ddd;border-radius: 6px 6px 0 0;line-height: 1.2;color: #333;font-weight: 600;font-size: 17px;letter-spacing: -0.1em;box-sizing: border-box;word-break:keep-all;word-wrap:break-word;}
#gnb_layout .depth1_ul > li .depth2_ul > li > a:after{position:absolute;right: 4px;top:50%;width: 5px;height: 5px;border:1px solid #000;border-width:1px 1px 0 0;transform:rotate(45deg) translateY(-50%);content:'';display:none;}
#gnb_layout .depth1_ul > li .depth2_ul > li > a.on,
#gnb_layout .depth1_ul > li .depth2_ul > li > a:hover,
#gnb_layout .depth1_ul > li .depth2_ul > li > a:focus{border-color: #000;}

#gnb_layout .depth1_ul > li .depth2_ul > li > a span{line-height:1.2}
#gnb_layout .depth3_ul {display:block !important;margin: 10px 0px 0;height: auto;transition: all .3s;}
#gnb_layout .depth3_ul li{display:block;}
#gnb_layout .depth3_ul li a {display: inline-block;position:relative;padding: 2px 0 2px 13px;line-height: 1.2;}
#gnb_layout .depth3_ul li a:before{position:absolute;top: 11px;left: 4px;width:3px;height:3px;background-color:#aeaeaf;content:"";}
#gnb_layout .depth3_ul li a:hover:before,
#gnb_layout .depth3_ul li a:focus:before{background: #2c681d;}
#gnb_layout .depth3_ul li a span{display:block;position:relative;z-index:1;font-size: 15px;color: #555;line-height: 1.5;word-break:keep-all;word-wrap:break-word;}
#gnb_layout .depth3_ul li a:hover span,
#gnb_layout .depth3_ul li a:focus span,
#gnb_layout .depth3_ul li .on span{color: #2c681d; text-decoration:underline;}
#gnb_layout .depth3_ul.open{display:block;}
#gnb_layout .depth1_ul>li .item>ul>li>a.on + .depth3_ul{display:block;}
#gnb_layout .line{display: none;}


#top_layout.on + .gnb_bg {display: block;z-index: 99;}
#top_layout + .gnb_bg {display: none;position: fixed;top: 85px;left: 0;z-index: 2;width: 100%;height: 100%;background: #000;opacity: 0.5;content:'';transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;}


@media(max-width:1700px){
  #gnb_layout .layout{padding-left: 206px;}
}


@media(max-width:1469px){
  .layout {max-width:100%; padding:0 35px;}
  #gnb_layout .layout{padding: 0 215px 0 422px;}
  #top_layout .top_wrap .utile_wrap li.box {width:70px;}
  #top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner .clickClose {right: 105px;}
  #gnb_layout .depth1_ul>li>a {padding: 0 20px;}
}

@media screen and (max-width:1370px) {
  #gnb_layout .depth1_ul>li>a{padding:0 13px}
}

@media(max-width:1279px){
  #top_layout .top_wrap .utile_wrap li {display:none;}
  #top_layout .top_wrap .utile_wrap li.box.mo,
  #top_layout .top_wrap .utile_wrap li.search {display:block;}

  #gnb_layout {display:none !important;}
}

@media(max-width:1023px){

  #top_layout .top_wrap .utile_wrap li.search {margin:0 30px 0 0;}
  #top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner .clickClose {right: 88px;}




}

@media(max-width:767px){

  .layout {max-width:none; padding:0 20px;}

  #top_layout {height: 69px;}
  #top_layout .top_wrap .utile_wrap li.box {width: 69px;height:69px;}
  #top_layout .top_wrap #logo {margin:23px 0 0 20px;/* float: none; */width: 168px;height: 26px;}
  #top_layout .top_wrap #logo a {height: 100%;/* padding: 20px 0 0 0; */display: block;}
  #top_layout .top_wrap #logo a {padding-left: 0;}
  #top_layout .top_wrap #logo a span {width: 100%;height: 100%;position: relative;top: auto;left: auto;}
  #top_layout .top_wrap #logo a em{line-height: 0;font-size: 0;}
  #top_layout .top_wrap .utile_wrap li.search {margin:0 25px 0 0;}
  #top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner .clickClose {right: 67px;}
  #top_layout,
  #top_layout .top_wrap .utile_wrap li.box {height:70px;}
  #top_layout .top_wrap #logo a em:before {display: none;}


}


@media(max-width:540px){

  #top_layout .top_wrap #logo {margin: 22px 0 0 15px;}
  #top_layout .top_wrap #logo a {/* padding-left: 142px; */}
  #top_layout .top_wrap #logo a span {/* width: 125px; *//* height: 20px; */}
  #top_layout .top_wrap #logo a em{/* line-height: 20px; *//* font-size: 15px; */}
  #top_layout .top_wrap #logo a em:before{left:-7px;top:48%;display: none;}

}

@media (max-width:449px) {
  #top_layout .top_wrap .utile_wrap li.box.mo {position:relative;right:0px;/*top:-61px*/}
  #top_layout .top_wrap #logo a {/* padding-left: 126px; */}
  #top_layout .top_wrap #logo a span {/* width: 110px; *//* height: 18px; */}
  #top_layout .top_wrap #logo a em{/* line-height: 18px; *//* font-size: 15px; */}
  #top_layout .top_wrap #logo a em:before{left:-7px;top:48%;height:12px;}
}

@media(max-width:400px){
  #top_layout .top_wrap #logo a {/* padding-left: 108px; */}
  #top_layout .top_wrap #logo a span {/* width: 95px; *//* height: 16px; */}
  #top_layout .top_wrap #logo a em{/* line-height: 16px; *//* font-size: 13px; */}
  #top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner strong span {display:none;}
  #top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner .form_inner #search_input_m {display:block; width:100%;}
  #top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner .form_inner .submit {display:block;}
  #top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner .form_inner .submit input {width:100%; margin:5px 0 0;}
}
/*
@media (max-width:1573px) {
  #top_layout .top_wrap #logo a em {font-size:15px;position:absolute;left:190px;top: 0px !important;}
  #top_layout .top_wrap #logo a em:before {left:-10px;top: 8px;}
}
@media(max-width:767px){

  .layout {max-width:100%; padding:0 20px;}
  #top_layout{}
  #top_layout .top_wrap #logo {margin:23px 0 0 20px;}
  #top_layout .top_wrap #logo a {height: auto;padding: 20px 0 0 0;}
  #top_layout .top_wrap .utile_wrap li.search {margin:0 25px 0 0;}
  #top_layout .top_wrap .utile_wrap li.search .clickOpen > .inner .clickClose {right: 67px;}
  #top_layout .top_wrap #logo a span{width: 87px;background-repeat: no-repeat;height: 18px;}
  #top_layout .top_wrap #logo a em {left:115px;top: -1px !important;}
  #top_layout .top_wrap #logo a em:before {display:block;}
  #top_layout,
  #top_layout .top_wrap .utile_wrap li.box {height:70px;}
}
@media screen and (max-width:600px){

  #top_layout .top_wrap #logo{margin:25px 0 0 20px}
  #top_layout .top_wrap #logo a em {left:115px;top: 0px !important;}
  #top_layout .top_wrap #logo a em:before{display:block;}

}

@media (max-width:430px) {
#top_layout .top_wrap #logo a em {font-size:10px;top: 2px !important;left: 85px;}
#top_layout .top_wrap #logo a em:before {top: 5px;left: -4px;}
#top_layout .top_wrap #logo a span {width: 87px;}
}


@media (max-width: 380px) {
#top_layout .top_wrap #logo {margin-left:10px;}
#top_layout .top_wrap #logo a em:before {display:block;}
}

@media (max-width:369px) {
#top_layout .top_wrap #logo {width:50%;}
}
*/

/* mobile menu */
#mobile-menu{overflow: visible;padding:0 !important;}
#mobile-menu .modal-dialog {float:right;width: 320px;height: 100%;margin: 0;border-radius: 0;-webkit-transform: translate(25%,0);transform: translate(25%,0);}
#mobile-menu.in .modal-dialog,
#mobile-menu.show .modal-dialog {-webkit-transform:translate(0px,0);transform: translate(0px,0);}
#mobile-menu .modal-dialog .modal-content{position: static;height: 100%;padding: 0;background:#fff;padding: 69px 0 0;border-radius: 0;}
#mobile-menu .modal-dialog .modal-content .topUtile {position:absolute;top:0;left:0;width: 100%;height: 69px;text-align: left;}
#mobile-menu .modal-dialog .modal-content .topUtile .mlogo {position:relative;z-index:3;vertical-align: top;/* width: 100%; */padding: 24px 0 0 10px;display: inline-block;opacity: 0;}
#mobile-menu .modal-dialog .modal-content .topUtile .mlogo a {display:block;height:30px; /**/width: 100%;position: relative;padding-left: 108px;}
#mobile-menu .modal-dialog .modal-content .topUtile .mlogo a span {display:inline-block;width: 100px;height: 16px;margin: 0;background-size:100% auto;background-image:url(/template/centerB/images/common/logo.png);background-image:url(/template/centerB/images/common/logo.svg);background-size:100% auto;font-size:0;font-size:0;vertical-align:middle;position: absolute;top: 3px;left: 0;background-repeat: no-repeat;}
#mobile-menu .modal-dialog .modal-content .topUtile .mlogo a em{display: block;width:auto;margin-left: 5px;font-size: 13px;/* font-family: 'gmarket'; */position: relative;/*padding-top: 5px;*/color: #000;font-family: 'gmarket';line-height: 16px;/* position: relative; */letter-spacing: -1px;/* margin-top: -2px; */padding-top: 3px;}
#mobile-menu .modal-dialog .modal-content .topUtile .mlogo a em:before {display:block;position:absolute;left: -6px;top: 50%;content:'';width: 1px;height: 12px;margin-top: -6px;border-radius:50%;background: #e1e1e1;border-radius: 0;}

/*
#mobile-menu .modal-dialog .modal-content .topUtile:after {display:block; clear:both; visibility:hidden; content:'';}
#mobile-menu .modal-dialog .modal-content .topUtile .utile1 {padding:0 20px; background:#fff;}
#mobile-menu .modal-dialog .modal-content .topUtile .utile1 ul {}
#mobile-menu .modal-dialog .modal-content .topUtile .utile1 ul li {display:inline-block;margin: 0 10px 0 0;}
#mobile-menu .modal-dialog .modal-content .topUtile .utile1 ul li a {display:block; line-height:70px; font-size:15px; color:#555555 }
#mobile-menu .modal-dialog .clickOpen_lang {position:relative; width:100%; text-align:center;}
#mobile-menu .modal-dialog .clickOpen_lang > button {display:block;width: 100%;height:60px;line-height:60px;padding:0 15px;background: #006742;color:#fff;font-size: 15px;}
#mobile-menu .modal-dialog .clickOpen_lang > button span {display:inline-block;}
#mobile-menu .modal-dialog .clickOpen_lang > button span:after {display:inline-block;content:''; margin:0 0 0 5px;border-bottom: none;border-left:4px solid transparent;border-right: 4px solid transparent;border-top:4px solid #fff;font-size:0;vertical-align: middle;}
#mobile-menu .modal-dialog .clickOpen_lang > div {display:none;position:absolute;z-index: 2;top: 60px;width:100%;border: 3px solid #006742;background: #fff;}
#mobile-menu .modal-dialog .clickOpen_lang.on > div {display:block;z-index:99;}
#mobile-menu .modal-dialog .clickOpen_lang > div > button{display:block;position:absolute;left:0;top: -60px;width: 100%;height:60px;line-height:60px;background: #006742;padding:0 15px;color:#fff;font-size: 15px;}
#mobile-menu .modal-dialog .clickOpen_lang > div > button span {display:inline-block; }
#mobile-menu .modal-dialog .clickOpen_lang > div > button span:after {display:inline-block; content:''; margin:0 0 0 5px;border-left:4px solid transparent;border-right: 4px solid transparent;border-bottom:4px solid #fff;content:''; vertical-align:middle; font-size:0;}
#mobile-menu .modal-dialog .clickOpen_lang > div .inner {}
#mobile-menu .modal-dialog .clickOpen_lang > div .inner span {display:block;}
#mobile-menu .modal-dialog .clickOpen_lang > div .inner span a {display:block;width:100%;height:50px;line-height:50px;padding:0 15px;color:#333;border-top: 1px dashed #ddd;font-size:14px;}
*/
#mobile-menu .modal-dialog .modal-content .modal-body {height:100%;padding: 0;border-top: 1px solid #e5e5e5;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul {overflow-y: scroll;overflow-x: hidden;height:100%;background: #fff;text-align:left;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li {position:relative;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a {display:block;padding: 15px 50px 15px 30px;border-bottom: 1px solid #e5e5e5;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:before {display:block;position: absolute;content:'';right: 15px;top: 17px;width:23px;height:23px;border-radius:50%;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a:after {display:block;position:absolute;z-index:2;right: 23px;top: 24.5px;width: 5px;height: 5px;border-width:1px;border-style: solid;border-color: #cecece;border-width: 0 2px 2px 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:before {background:#006742; }
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a.ov:after {top: 25.5px;border-width: 2px 0 0 2px;border-color:#fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a span,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a em {display: inline-block;color: #404751;font-size: 17px;font-weight: bold;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul {display:block;width: 100%;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li {display:block;width: 100%;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a {display:block;position: relative;width: 100%;border-bottom: 1px solid #d7d7d7;background: #f6f6f6;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a:before {display:block;position:absolute;z-index:2;right: 25px;top: 26px;width: 8px;height: 8px;border-width:1px;border-style: solid;border-color: #888888;border-width: 1px 1px 0 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a:before,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a.ov:before {border-color:#fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov {;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a span,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.ov span {}

#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep:before,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep:after {content: '';position: absolute;z-index: 2;top: 0;bottom: 0;margin: auto;border: none;transform: none;-webkit-transform: none;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep:before {right: 20px;width: 15px;height: 1px;background: #888888;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep:after {right: 27px;width: 1px;height: 15px;background: #888888;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep.ov:before,
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a.dep:before {}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a.dep.ov:after{display:none;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li.on > a.dep:after {background:#fff;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a span {display:block;line-height:1.4;padding: 19px 30px;color: #333;font-size: 15px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul {display:none;padding: 15px 0;border-bottom: 1px solid #d7d7d7;background: #e6e6e6;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li {position:relative;padding: 5px 30px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li a:after {display:block;position:absolute;left: 5px;top: 12px;width: 2px;height: 2px;border-radius: 50%;background: #404751;content:'';}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a {display:block;position: relative;padding-left: 18px;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a.ov span {color:#3174dd;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a.ov:after {background:#3174dd;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a span {display: inline-block;font-size: 14px;color: #404751;}
#mobile-menu .mobile-close {position:absolute;top: 24px;right: 15px;}
#mobile-menu .mobile-close span {display:block;position:relative;width: 23px;height: 23px;font-size:0;}
#mobile-menu .mobile-close span:before,
#mobile-menu .mobile-close span:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;border-radius: 50px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#mobile-menu .mobile-close span:before {width:100%;height:1px;background: #2f3236;}
#mobile-menu .mobile-close span:after {width:1px;height:100%;background: #2f3236;}
.modal-backdrop.in{opacity: .8; /*z-index: 12;*/ z-index: 1000;}
.modal-open,
.modal-open #body_layout {overflow:hidden;height:100%;}
.modal-open #op_layout {z-index:1;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a[target="_blank"]:before {display:none;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul > li > a[target="_blank"]:after{display:inline-block;top: 26px;right: 16px;width:18px;height:12px;margin:-2px 0 0 5px;border:none;background:url(/template/centerB/images/common/target.png)no-repeat;content:'';vertical-align:middle;transform: none;-webkit-transform: none;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul > li > a[target="_blank"]:before {display:none;top: 26px;right: 16px;width:18px;height:12px;margin:-2px 0 0 5px;border:none;background:url(/template/centerB/images/common/target.png)no-repeat;content:'';vertical-align:middle;transform: none;-webkit-transform: none;}
#mobile-menu .modal-dialog .modal-content .modal-body .depth1_ul .depth2_ul .depth3_ul > li > a[target="_blank"] span:after {display:inline-block;top: 26px;right: 16px;width:18px;height:12px;margin:-2px 0 0 5px;border:none;background:url(/template/centerB/images/common/target.png)no-repeat;content:'';vertical-align:middle;transform: none;-webkit-transform: none;}


/* 모바일 그룹웨어 */
#mobile-menu .modal-dialog .modal-content .topUtile .utile1 ul li:last-child{display:none}

/* 01 11 */
#top_layout .top_wrap .utile_wrap .n {display:none;}
#mobile-menu .modal-dialog .topUtile .utile.utile1 ul li:nth-child(2) {display:none;}
#mobile-menu .modal-dialog .topUtile .utile.utile1 ul li:nth-child(3) {display:none;}

/* 0125
#gnb_layout .depth1_ul>li .item > .depth2_ul.depth2_5 {width:100%;}
#gnb_layout .depth1_ul>li .item > .depth2_ul.depth2_5 li {min-width:33%;}
#gnb_layout .depth1_ul>li .item > .depth2_ul.depth2_3 {width:100%;}
#gnb_layout .depth1_ul>li .item > .depth2_ul.depth2_3 li {min-width:33%;}
 */


 #gnb_layout .depth1_ul .depth3_ul li a[target=_blank]::after {content: '';display: inline-block;top: 18px;width: 15px;height: 9px;margin: 0;border: none;background: url(/template/main/images/target.png) no-repeat;vertical-align: middle;background-size: contain;position: absolute;right: -20px;top: 50%;transform: translate(0, -50%);}