@charset "utf-8";

@import url("layout.css");
@import url("main.css");
@import url("main_widjet.css");

/* 템플릿별로 개별 정의해야하는 CSS는 이 밑으로 작성하시면 최종적으로 적용 됩니다. **********/
/* 레이아웃은 같은 타입의 템플릿은 공통으로  적용되어 있습니다.**********/
/* 레이아웃 변경시에는 같은 템플릿은 같이 변경되오니 유의하여 주시고 변경하실 CSS는 각 템플릿의 샘플 템플릿의 layout.css를 수정하시면 됩니다.**********/
/* 개별적인 변경을 하실 경우에는 새로운 템플릿으로 추가해서 작업하시거나 style.css에서 !important처리로 작업하시기 바랍니다.**********/

#_contentBuilder {
	min-height: 500px;
	padding-bottom: 2em;
}

@media only screen and (min-width: 1025px){
	#mainNav .div_2 {
	  text-align: center;
	  width: 160px;
	  left: calc(50% - 80px);
	}

 
/*
.liFacu {
  display: inline-block;
  width: 120px;
  font-weight:500;
}*/
.facuPic {
  	width: 100px !important;
    display: block;
    margin: 22px 13px;
}

ul.liFacu li {
  position: relative;
  padding-left: 120px !important;
}
ul.liFacu li span.liFacu {
  position: absolute;
  top: 0;
  left: 15px;
  font-weight: 500;
}


ul.liDate li {
  position: relative;
  padding-left: 160px !important;
}
ul.liDate li span.liDate {
  position: absolute;
  top: 0;
  left: 15px;
}
#footerSec .footerInfoWrap .footerSecInner {
    background: none;
}
  /**[GNB hidden menu]**/
#menuUItop li.li_1_13694 {
	display: none;
}



.html_pr ._prFlList{clear: both; overflow:hidden;}
.html_pr ._prFlList ._prFlLinkView{overflow:hidden;}
.html_pr ._prFlList li._prFlLi{float:left;width:49%;border:1px solid #e6e6e6;overflow:hidden;margin-bottom:20px;padding:25px;box-sizing:border-box;transition:all ease .3s;height: 300px;}
.html_pr ._prFlList li._prFlLi:hover{border:1px solid #183a6a;}
.html_pr ._prFlList li:nth-child(even){float:right;}

.html_pr ._prFlList .thumbnail{width:35%;height:170px;float:left;margin-right:30px;}
.html_pr ._prFlList .thumbnail img{width:100%;max-height:100%; border:1px solid #ddd;}

.html_pr ._prFlList .artclInfo{width:55%; float:left;}
.html_pr ._prFlList .artclInfo .artclTitle{padding-bottom:20px;}
.html_pr ._prFlList .artclInfo .artclTitle strong{font-size:22px; font-weight:500; color:#333; margin-bottom:20px; line-height: 20px;}

.html_pr ._prFlList .artclInfo{position: relative;font-size: 0.9em;}
.html_pr ._prFlList .artclInfo dl{line-height: 20px;font-size: 15px;/* max-height: 200px; */}
.html_pr ._prFlList .artclInfo dl dt,
.html_pr ._prFlList .artclInfo dl dd{/* display:inline-block; *//* text-overflow:ellipsis; *//* white-space:nowrap; */overflow: hidden;font-size: .95em;float: left;}
.html_pr ._prFlList .artclInfo dl dt{font-weight:500;width:87px;}
.html_pr ._prFlList .artclInfo dl dd{width:57%;}
.html_pr ._prFlList .artclInfo dl dd a{color:#666;}
.html_pr ._prFlList .artclInfo dl dt:before{content:'';width:3px;height:3px;vertical-align: middle;background-color:#666; display:inline-block; margin-right:10px;}
.html_pr ._prFlList._prFlView .artclInfo dl dd{white-space:inherit; width: inherit;  word-break: keep-all;}


.html_pr ._prFlList .artclInfo a.homepageBtn{background: url(./../images/home_btn.gif)no-repeat;text-indent:-9999px;display:inline-block;width:45px;height:45px;position:absolute;top:0;right:-15px; transition:all ease .3s;}
.html_pr ._prFlList .artclInfo a.detail{display:inline-block;border:1px solid #31648b;padding: 5px 15px;color:#31648b;font-weight:400;margin-top: 10px;font-size: .9em;}
.html_pr ._prFlList .artclInfo a.detail:hover{background-color:#dae9ff}
.html_pr ._prFlList .artclInfo a.detail:after{content:'';display:inline-block;background:url(./../images/arrow_r_b.png)no-repeat top right;width:10px;height:10px;margin-left:50px;}

.html_pr ._prFlView{padding:30px 10px; margin-bottom:20px; border-bottom:1px solid #ddd; border-top:1px solid #000}
.html_pr ._prFlView .thumbnail{width:30%; height:auto; float:left; box-sizing:border-box; padding-right:30px; margin-right:0;}
.html_pr ._prFlView .artclInfo{width:70%;}
.html_pr ._prFlView .artclInfo .artclTitle{border-bottom:1px solid #ddd;margin-bottom:20px;}
.html_pr ._prFlView .artclInfo .artclTitle strong span{margin-left:15px;}
.html_pr ._prFlView .artclInfo dl{padding-left: 100px; position:relative; width:100%; box-sizing:border-box;}
.html_pr ._prFlView .artclInfo dl dt{position:absolute; left:0; top:0;}
.html_pr ._prFlView .artclInfo dl dt:before{content:'';width:5px;height:7px;vertical-align: middle;background:url(./../images/h5_icon.png) no-repeat left top; display:inline-block;}

.html_pr ._prFlLi .artclInfo dl,
.html_pr ._prFlLi .artclInfo ._prFlDetail{font-size:16px;}

.html_pr h3{font-size: 19px;position: relative;color: #444;padding: 40px 0 10px;font-weight: 400;border-top:1px solid #ddd;margin-top:15px;}
.html_pr h3:before{content: '';width: 3px;height: 15px;background-color: #005bac;display: inline-block;margin-right: 10px;margin-top: -2px;vertical-align: middle;}

.html_pr ._prFlDetail{margin-bottom:60px;}
.html_pr ._prFlSearch .fnSearch{margin-bottom:40px;}

/*view*/



@media (max-width:1024px){
  .html_pr ._prFlList li._prFlLi{width:100%;}
  .html_pr ._prFlList .thumbnail{height:auto;}
  .html_pr ._prFlList .artclInfo dl dt,
  .html_pr ._prFlList .artclInfo dl dd{display:inline-block !important;}
}

@media (max-width:600px){
  .html_pr ._prFlList .thumbnail{width:100%; text-align:center;}
  .html_pr ._prFlList .artclInfo{width:100%;}
  .html_pr ._prFlList .artclInfo .artclTitle{margin-top:20px;}
  .html_pr ._prFlList .artclInfo a.homepageBtn{top:6px; right:0px;}
  .html_pr ._prFlList .thumbnail img{width:200px;}
}
