@charset "utf-8";
@import url("/common/css/roboto.css");
@import "/common/js/jquery/swiper/css/swiper.css";
/* @import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i&display=swap'); */

.fix-layout {position:relative; max-width:1180px; margin:0 auto;}

.searchWrap {width:40%; position: relative; margin: 0 auto; font-size:1.4rem; overflow:hidden;}
.searchWrap span.search_btn{float:right;}
.searchWrap input[type="submit"] {margin: 0;height:52px;width:52px;cursor: pointer;border-radius:100px;background: #003e92 url(/common/img/common/ico_search.png) no-repeat center center;font-size:0;text-indent:-99999px;}
@media screen and (max-width:1024px) {
	.searchWrap {display: none;position: absolute;top: 81px;width: 100%;z-index: 99999;padding: 1rem 1rem 1.4rem;background: #fff;}
	.searchWrap span.search_btn {float:none; position:absolute; top:1rem; right:1rem; z-index:1;}
	.searchWrap input[type="submit"] {width:5rem; height:5rem;}
}
@media screen and (max-width:768px) {
	.searchWrap {top: 71px;}
}
@media screen and (max-width:375px) {
	.searchWrap {font-size: 0.9375rem;padding: 0.8rem;}
}

/** lnb 영역 **/
#lnb > li {float:left;text-align: center;width:20%;}
.site_wrap {background: #585858;}
.familysite >li {border-right: 1px solid #a5a5a5 !important;}
.familysite >li:first-child {border-left:1px solid #a5a5a5 !important;}

/** header - logo **/
#innerHead h1 {width: auto;}
@media all and (max-width:1024px){
	#innerHead h1 {width: auto;margin-left: -8%;}
}

#m_conts {position:relative;}
#visualWrap {position:relative; z-index:0; overflow:hidden;}
#contentWrap {position:relative; background: url('/media/images/main/img_main_bg.png') no-repeat 25px 155px;}
.searchWrap.media {position:relative; width:100%; height:130px; background-color:#3b61af;}

/** Main Visual **/
#visualWrap .visualBx{position:relative; width:100%; height:367px; overflow:hidden;}
#visualWrap .visualBx{height:367px; }
#visualWrap .visualBx .bx-wrapper{position:relative; margin:0 auto; height:100%;}
#visualWrap .visualBx .bx-wrapper .bx-controls{position:absolute;bottom: 60px;width:100%; ;text-align:center;z-index:10;}
#visualWrap .visualBx .bx-pager{position:absolute; width:auto; height:auto; padding:0 60px 10px 0; left:50%; transform:translateX(-50%);}
#visualWrap .visualBx .bx-pager-item a{width:35px; height:15px; border-radius:50px; background:#fff; }
#visualWrap .visualBx .bx-pager-item a.active{width:60px; background:#f38321;}
#visualWrap .visualBx .bx-controls-auto{width:auto; position:absolute; top:3px; right:0;  z-index:5; width:60px; left:50%; margin-left:70px; top:-2px;}
#visualWrap .visualBx .bx-controls-auto a{width:20px;height:20px;background: url(/main/images/main/spr_slide_control.png) no-repeat 0px -9px;margin: 0px 2px;}
#visualWrap .visualBx .bx-controls-auto a.active{opacity: 0.7;}
#visualWrap .visualBx .bx-controls-auto .bx-stop{background-position:-185px 50%}
#visualWrap .visualBx .bx-controls-auto .bx-start{background-position:-229px 50%;}
#visualWrap .visualBx .bx-controls-direction{display: none;}

@media all and (min-width:1025px) {
	#visualWrap .visualBx .bx-wrapper{width:1904px;}
	#visualWrap .visualBx .bx-wrapper img{ height:375px; }
}

@media all and (max-width:1024px) {
	#visualWrap .visualBx{height:auto;}
	#visualWrap .visualBx .bx-wrapper{margin-bottom:0!important;}
	#visualWrap .visualBx .bx-wrapper > div{max-width:100%; }
	#visualWrap .visualBx .bx-wrapper .bx-controls{bottom:30px; }
}
@media all and (max-width:795px) {
	#visualWrap .visualBx .bx-pager-item a,
	#visualWrap .visualBx .bx-pager-item a.active{width:15px;}
	#visualWrap .visualBx .bx-controls-auto{margin-left:20px; }
}
/** Main Visual - 검색바 **/
.searchWrap.media form{width:880px; height:75px; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding-right:136px; box-sizing:border-box;}
.searchWrap.media form input[type=text]{display:block; position:Relative; width:100%; height:100%; color:#737373; font-size:25px; font-weight:300; padding-left:30px; border:0px solid #000;}
.searchWrap.media form input[type="submit"]{display:block; position:absolute; top:0; right:0; width: 130px; height:76px; max-height:100%; text-indent:0; font-size:24px; color:#fff; background: none; background:#1b2f57;border-radius:0; border:none;}
.searchWrap span.search_btn {margin:0 !important; position:static !important; top:auto; right:auto;}

@media all and (max-width:1024px) {
	.searchWrap.media{display:block;position:relative;top:0;}
	.searchWrap.media form{width:80%;}
}

@media all and (max-width:768px) {
	.searchWrap.media{height:80px; }
	.searchWrap.media form{height:50px;}

	.searchWrap.media form{width:95%;}
	.searchWrap.media form {padding-right:90px;}
	.searchWrap.media form input[type=text] {font-size:1.5rem; padding:0 10px;}
	.searchWrap.media form input[type="submit"] {width:85px; font-size:1.5rem;}
}

@media all and (max-width:500px) {
	.searchWrap.media form{height:45px;}
}


/**  컨텐츠 **/
#contentWrap section .main_title{padding: 40px 0 30px 0;text-align:center;font-size:46px;color:#3a3a3a;font-weight:300;}
#contentWrap section .main_title strong{color:#3d64b2;}
#contentWrap section#boardWrap .main_title{background: url('/media/images/main/img_content_press.png') no-repeat right bottom 30px;}
#contentWrap section#briefingWrap .main_title{background: url('/media/images/main/img_content_briefing.png') no-repeat right bottom 30px;}
#contentWrap section#photoWrap .main_title{background: url('/media/images/main/img_content_photo.png') no-repeat right bottom 30px;}
#contentWrap section#videoWrap .main_title{background: url('/media/images/main/img_content_video.png') no-repeat right bottom 30px;}

#contentWrap section ul{}
#contentWrap section ul li{ float:left; width:22.7%;  margin-right:3%; position:relative; border:1px solid #ddd;overflow:hidden; -webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
#contentWrap section ul li:hover{border: 1px solid #bbb;-webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.18);}
#contentWrap section ul li:nth-child(4) {margin-right:0px !important;}
#contentWrap section ul li .thumbnail {width:100%; height:155px; background:#dedede; overflow:hidden; border-bottom:1px solid #ddd;}
#contentWrap section ul li .thumbnail img{width:100%; height:100%; object-fit:cover;}

#contentWrap section ul li .info {padding:20px 14px; background:#fff;position:relative;}
#contentWrap section ul li .info span{position:absolute; top:-20px; padding:5px 10px; color:#fff; font-weight:500; font-size:14px; }
#contentWrap section ul li .info span.category_01{background:#23a2db;}
#contentWrap section ul li .info span.category_02{background:#32b136;}
#contentWrap section ul li .info .title {width:100%;font-size:18px;color:#363636;letter-spacing:-1px;font-weight: 500;display: inline-block; overflow: hidden;text-overflow: ellipsis; height:3.2em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
#contentWrap section ul li .info .title br {display:none;}
#contentWrap section ul li .info .desc {width:100%; height:67px; font-size:14px; letter-spacing:-1px; line-height:24px; font-weight:400; margin-top:5px;  color:#757575; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
#contentWrap section ul li .info .info_icon{padding-top:20px; overflow:hidden;}
#contentWrap section ul li .info .info_icon p{font-family: 'Roboto', sans-serif; font-size:14px; letter-spacing:0.4pt; }
#contentWrap section ul li .info .info_icon .view {float:left; padding-left:26px; background: url('/media/images/main/icon_content_view.png') no-repeat left top 2px; }
#contentWrap section ul li .info .info_icon .date {float:right;}
#contentWrap section:last-child{margin-bottom:72px; }

@media all and (max-width:1024px) {
	#contentWrap {background:none;}
	#contentWrap section ul li{width:42%; margin:10px 4%;}
	#contentWrap section .main_title{background-size:auto 50px!important; background-position: right 30px center!important;}
}

@media all and (max-width:600px) {
	#contentWrap section ul li{width:46%; margin:10px 2%;}
	#contentWrap section .main_title{background-size:auto 40px!important; background-position: right 30px bottom!important;}
}

@media all and (max-width:430px) {
	#contentWrap section{border-top:2px dashed #dedede;}
	#contentWrap section:first-child{border-top:none;}
	#contentWrap section ul li{width:94%; margin:10px 3%;}
	#contentWrap section .main_title{background-size:auto 40px!important; background-position: right 30px bottom!important;}
}

/** 컨텐츠 - 영상 **/
#contentWrap section#videoWrap ul li .thumbnail{position: relative;width: 100%;height: 0;overflow: hidden;padding-bottom: 56.26%;}
#contentWrap section#videoWrap ul li .thumbnail img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;max-width: 100%; min-width: 100%;  height: auto; border-bottom: 1px solid #cacaca;; }
#contentWrap section#videoWrap ul li .info .info_icon,
#contentWrap section#photoWrap ul li .info .info_icon{padding-top:5px; overflow:hidden;}

/**  컨텐츠 - 더보기 버튼 **/
.btn_area{text-align:center; margin-top:36px; margin-bottom:30px; }
.btn_area .btn.more{display:inline-block; background:#fff; border-radius:50px; border: 1px solid #bebebe; padding:16px 76px; color:#3d3d3d; font-size:18px; font-weight:600;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.btn_area .btn.more:hover{border: 1px solid #3b61af;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.18);box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.18);}

@media all and (max-width:430px) {
	.btn_area .btn.more{padding:5px 30px;}
}

/** 하단 링크 롤링 **/
#sideWrap{border-top:1px solid #d8d8d8;}
#main_sidelink {padding-left:95px;}
#main_sidelink .swiper-wrapper {position:relative; z-index:0;}
#main_sidelink .control {position:absolute; top:0; left:0; bottom:0; width:95px; background:#fff; z-index:1; text-align:right; padding-right:10px;}
#main_sidelink .control:before {content:""; display:inline-block; width:0px; height:100%; vertical-align:middle;}
#main_sidelink .control button {display:inline-block; vertical-align:middle; width:18px; height:18px; overflow:hidden; text-indent:-999px; background:url('/main/images/main/spr_slide_control.png') no-repeat;}
#main_sidelink .control button.vis-pause {background-position:-20px 50%;}
#main_sidelink .control button.vis-play {background-position:-40px 50%; display:none;}
#main_sidelink .control button.swiper-button-prev {background-position:-1px 50%; position:relative; right:auto; left:auto; top:auto; margin-top:0;}
#main_sidelink .control button.swiper-button-next {background-position:-58px 50%; position:relative; right:auto; left:auto; top:auto; margin-top:0;}
#main_sidelink .swiper-slide {width:auto !important; line-height:70px; color:#727272; padding:0 10px;}
#main_sidelink .swiper-slide strong {font-weight:400; font-size:15px;}
#main_sidelink .swiper-slide + .swiper-slide:before {content:""; display:block; position:absolute; left:0; width:1px; height:13px; background:#c6c6c6; top:50%; margin-top:-6px;}
@media all and (max-width:1024px) {
	#main_sidelink {padding-left:85px;}
	#main_sidelink .control {width:85px;}
}