@charset "utf-8";



.sub .wrap-header {background:#fff;border-bottom: 1px solid #c5c5c573;}
.sub .wrap-header .head-navi .a_1,  .sub .wrap-header .head-logo span, .sub .wrap-header .top-util ul li a {color:#000} 
.sub .wrap-header .head-util li.btn-mgnb, .sub .wrap-header .head-util .menu-open {background: url(/sites/temp_19/images/common/menu-c.png) center right no-repeat !important;}
.sub .wrap-header img.white {display:none !important;}
.sub .wrap-header img.color {display:block !important;}
  




.left-menu {position: relative;z-index: 5;min-width: 250px;margin-right: 3%;} 
.left-menu nav h2 {height: 140px;width: 100%;text-align: center;font-size: 28px;color: #fff;line-height: 1.2;letter-spacing: -0.5px;font-weight: 600;background: #213152;background-size: cover;display: flex;flex-direction: column;justify-content: center;border-radius: 30px;border-top-left-radius: 10px;border-bottom-right-radius: 10px;} 
.left-menu nav .a_2 {display: block;padding: 15px 23px 15px 18px;font-size: 16px;color:#333333;line-height: 1.2;border: 1px solid #e3e3e3;border-radius: 10px;position: relative;}
.left-menu nav .a_2:before {content:'';position:absolute;background: url(../../images/common/arrow_1_b.png) center no-repeat;width: 23px;height: 23px;right: 10px;top: 50%;transform: translateY(-50%);background-size: 26% !important;border-radius: 50px;border: 1px solid #9b9b9b;background-position-x: 9px !important;opacity: 0.7;}
.left-menu nav .a_2._active {color: #224188;background: #eceef4 url(../../images/sub_gnb_on.png) no-repeat 90% center;border: 1px solid #6b88b9;font-weight: bold;}
.left-menu nav .a_2._active:before {border-color: #3e5275;background: #213152 url(../../images/common/arrow_1_w.png) center no-repeat;}
.left-menu nav .div_3 {overflow: hidden; max-height: 0;}
.left-menu nav .ul_2 > li {margin-bottom: 10px;}
.left-menu nav .li_2._active .div_3 {max-height: 1000px;background: #f8f9fa;}
.left-menu nav .ul_3 {padding: 5px 15px;border-top: 0px; }
.left-menu nav .ul_3 li {border-bottom: 1px dashed #d9d9d9;}
.left-menu nav .a_3 {position: relative; padding: 10px 15px;background:url("../../images/sub_menu_on.png") no-repeat left center;font-size: 16px;color: #666666;display: block; }
.left-menu nav a[target="_blank"] {background: url(/sites/temp_19/images/common/nw_icon.png) no-repeat center right; background-position: right 13px top 17px;}
.left-menu nav a[target="_blank"]:before {display:none}
.left-menu nav .a_3:hover, .left-menu nav .a_3._active {color: #3474c9;font-weight: bold;}
.left-menu nav .a_3:hover::before, .left-menu nav .a_3._active::before {content: "";position: absolute;width: 5px;height: 2px; left: 0;top: 15px;}


.left-menu nav .sub_div {margin-top: 25px;} 
.left-menu nav .sub_div ul li:last-child {border-bottom:0;margin-bottom: 0;}



.sub-content {width: calc(100% - 250px);}
.sub-title {height: 140px;margin-bottom: 25px;display: flex;flex-direction: column;justify-content: flex-end;}
.sub-title h2 {border-bottom: 2px solid #e3e3e3;padding: 0px 5px;padding-bottom: 25px;font-weight: bold;font-size: 30px; }
.sub-location { position: absolute;right: 0;top: 10px;}
.sub-location ul {display: flex;justify-content: center;background: #f3f5fa;border-radius: 50px;border: 1px solid #b9c1d1;padding-right: 10px;} 
.sub-location ul li {padding: 15px 12px;margin-left: 0 !important;line-height: 1;}
.sub-location ul li span {text-indent:-9999px;position: relative;}
.sub-location ul li span:before {content:'';position:absolute;top: 7px;left: -10px;width: 3px;height: 3px;background: #656565;border-radius: 50px;}
.sub-location ul li.home {text-indent:-9999px;position:relative;padding-right: 35px;margin-right: 3px;}
.sub-location ul li.home:before {content:'\f015';position:absolute;font-size:20px;width: 80%;h;height: 80%;background: #fff url(../../images/sub/home.png) center no-repeat;left: 4px;top: 50%;transform: translateY(-50%);border-radius: 50px;background-size: 60%;}



/*컨텐츠*/
.wrap-contents{margin-top: 150px;min-height: 700px;padding: 0 20px;}
.wrap-contents .container{position:relative;max-width: 1600px;margin: 0 auto 70px auto;display: flex;}
.wrap-contents .tab_div ul {display: flex;border-bottom: 1px solid #ddd;}
.wrap-contents .tab_div ul li {width: auto !important;border: none;margin: 0;background: none !important;}
.wrap-contents .tab_div ul li a {height: auto;padding: 13px 30px;position: relative;}.wrap-contents .tab_div ul li._active a:before {content:''; position:absolute; bottom:0; left:0; width:100%; border-top:2px solid #213152;}
.wrap-contents .tab_div ul li._active a {color: #0a3688; font-weight: bold;}



@media all and (max-width:1300px) {

  .wrap-contents {margin-top: 100px;} 

}

@media all and (max-width: 1024px){
  
  .sub-content {float: none; width: 100%;}
  .left-menu {display: none;}

  .sub-title h2{text-align:center;padding-top: 30px;border-width: 1px;}
  .sub-title {height:auto;}
  .sub-location {left: 50%;transform: translate(-50%);width: 100%;right: auto;}
  .sub-location ul {border: none;background: none;} 
  .sub-location ul li {padding: 0 10px;} 
  .sub-location ul li.home {margin-right: 0;} 

  
}