@charset "utf-8";

@import url("/sites/guide/style/css/guide.css");
@import url("/sites/type11/style/css/layout.css");
@import url("main.css");
@import url("main_widjet.css");

@font-face{font-family:'Noto Thin';font-style:normal;src:url(../../font/NotoSans-Thin.woff2) format("woff2"),url(../../font/NotoSans-Thin.woff) format("woff")}
@font-face{font-family:'Noto Light';font-style:normal;src:url(../../font/NotoSans-Light.woff2) format("woff2"),url(../../font/NotoSans-Light.woff) format("woff")}
@font-face{font-family:'Noto DemiLight';font-style:normal;src:url(../../font/NotoSans-DemiLight.woff2) format("woff2"),url(../../font/NotoSans-DemiLight.woff) format("woff")}
@font-face{font-family:'Noto Regular';font-style:normal;src:url(../../font/NotoSans-Regular.woff2) format("woff2"),url(../../font/NotoSans-Regular.woff) format("woff")}
@font-face{font-family:'Noto Medium';font-style:normal;src:url(../../font/NotoSans-Medium.woff2) format("woff2"),url(../../font/NotoSans-Medium.woff) format("woff")}
@font-face{font-family:'Noto Bold';font-style:normal;src:url(../../font/NotoSans-Bold.woff2) format("woff2"),url(../../font/NotoSans-Bold.woff) format("woff")}
@font-face{font-family:'Noto Black';font-style:normal;src:url(../../font/NotoSans-Black.woff2) format("woff2"),url(../../font/NotoSans-Black.woff) format("woff")}


/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다. **********/
/* 레이아웃은 같은 타입의 템플릿은 공통으로  적용되어 있습니다.**********/
/* 레이아웃 변경시에는 같은 템플릿은 같이 변경되오니 유의하여 주시고 변경하실 CSS는 각 템플릿의 샘플 템플릿의 layout.css를 수정하시면 됩니다.**********/
/* 개별적인 변경을 하실 경우에는 새로운 템플릿으로 추가해서 작업하시거나 style.css에서 !important처리로 작업하시기 바랍니다.**********/

/*메인메뉴_Desktop*/
#mainNav .li_1.eQ07{display:none;}


/* ========= 헤더 ========= */
.logo{position:relative;background:#1f365f;}
.logo a {padding: 24px 0 25px 25px;text-align: left;}
.logo a span {border-left: 0px solid #5a729d;margin-left: 0px;padding-left: 0px;}

@media only screen and (max-width: 1024px) {
  .logo a span {margin: 0 0 0 18px !important;}
}


/* ========= 풋터========= */
#footerSec address span.tel {margin-left: 0px;}

/* ========= 서브비주얼 ========= */
#sub_visual div span{font-size:23px;}
#sub_visual div .span_1{font-weight:bold;}
#sub_visual div .span_2{font-size:14px;font-weight:normal;}
#sub_visual div .span_3{font-size:16px;}

@media only screen and (max-width:820px){
  #sub_visual{padding-top: 8px;}
}



/*기본 이미지 + 박스*/
.probox									   {overflow:hidden; box-sizing:border-box; padding:0; background-position:right top; background-size:cover; color:#fff; background-color:#FFF;}
.probox	 .imgWrap					{float:left; width: 170px; padding-right: 50px;}

.probox	 .imgWrap img			{float:left; width:100%;}
.probox	 .textWrap					{box-sizing:border-box; padding-top:20px; padding:30px; float:left; }
.probox	 .title							 {font-size:25px; font-weight:400; margin-bottom:5px; display:block; line-height:1.2;}

.probox	.normal .textWrap .title{color:#222;}
.probox	.widthImg .textWrap .title{color:#222;}

/*이미지라인 기본*/
.probox	.normal								{background:none;}
.probox	.normal .textWrap					{padding-top:0;}

/*인물소개*/
#_JW_prFl_basic ._prFlView .thumbnail { width: 17%;}
#_JW_prFl_basic ._prFlList .artclInfo dl dt {width: 130px;}
#_JW_prFl_basic ._prFlList .artclInfo dl dd {width: 55%;}
#_JW_prFl_basic ._prFlList._prFlView .artclInfo dl dd {padding-left: 45px;}
#_JW_prFl_basic ._prFlList .thumbnail img {width: 80%;}

@media only screen and (max-width:1024px)  {
  #_JW_prFl_basic ._prFlList .thumbnail {width: 20%;}
}
@media only screen and (max-width:600px) {
  #_JW_prFl_basic ._prFlList .artclInfo {width: 100% !important;}
}


.main .global_nav,
.sub .global_nav{height:auto; position:relative; left:0; width:100%; background: #fff;}
.global_nav ul{display:table; width:100%;font-size: 0;}
.global_nav ul li{display:table-cell;/* width: 50%; *//* font-size: 12px; *//* float: left; */}
.global_nav ul li + li a{border-left:1px solid #ccc; }
.global_nav ul li a{color:#000; padding:10px; height:auto; text-align:center;}
#mainNav .div_1{padding-top:0;}

.slideToggleBox > ul{position:relative;}
.slideToggleBox > ul > li > a{display:inline-block;padding: 7px 12px 10px;border-radius:5px;border: 1px solid #777;font-size:16px;color: #333;margin-bottom:15px;width: 350px;font-family: 'Noto Regular';line-height: 1.35;}
.slideToggleBox > ul > li > a.on{border-color:#057cc7;color:#057cc7;}
.slideToggleBox > ul > li .conts-box{display:none;vertical-align:top;width: calc(100% - 350px);padding-left: 60px;box-sizing: border-box;position: absolute;top: 0;right: 0;}
.slideToggleBox > ul > li.on .conts-box{display:inline-block;}
.slideToggleBox img{display: block;margin: 30px auto;width: 85%;}

.base-img{position:absolute;top:0;right:0;width: calc(100% - 350px);display:none;}
.base-img.on{display:block;}

#sub_visual{background: url('/sites/emcsl/images/sub-visual-new.jpg') no-repeat center center;background-size: cover;}

@media only screen and (max-width:767px)  {
  .slideToggleBox .conts-box{position:initial;width:100%;padding-left:0;}
  .base-img,
  .base-img.on{display:none;}
}

.footerSecInner address{position:relative;}
.footerSecInner address > a{width:138px;height:37px;position:absolute;bottom:0;right:0;display:block;text-indent:-9999px;}

@media only screen and (max-width:767px)  {
  #footerSec .footerInfoWrap .footerSecInner{overflow:visible;}
  .footerSecInner address > a{bottom:-55px;right:50%;margin-right:-70px;}
}

body #multipleDiv_temp_06_146{height:50% !important;}