@charset "utf-8";
@import url("reset.css");
 
 *{-ms-word-break: keep-all;word-break: keep-all;}
.contentInner {width: 100%; max-width: 1200px; margin: 0 auto;}
.visu_slide {}
.visu_slide .item {height: 780px; width: 100%;}
.visu_slide .item .inner {width: 100%;max-width: 1200px;margin: 0 auto;padding-top: 340px;color: #fff;font-family: 'Nanum Square';}
.visu_slide .item .inner h1 {font-size: 60px;display: inline-block;position: relative;font-weight: 700;line-height: 1.2em;/* color: black; */text-shadow: 3px 2px 4px #1d1d1d;}
.visu_slide .item .inner h2 {font-size: 36px;font-weight: 500;}
.visu_slide .item .inner h1:after {content: '';position: absolute;display: block;top: 25px;right: -80px;width: 240px;height: 14px;background: url('../images/main/main_visu_arr.png') center center no-repeat;}
.visu_wrap {width: 100%; position: relative;}
.owl-carousel .owl-stage-outer {width: 100%; z-index: 1;}

.visu_wrap .visu_slide.owl-carousel .owl-nav {position: absolute; width:1200px; left: 50%; top: 50%; height: 75px; margin-top: -37px; margin-left: -600px;}
.visu_wrap .visu_slide.owl-carousel .owl-nav .owl-prev {position: absolute; z-index: 2; top:0;left: -120px;width: 90px;height: 90px;font-size: 0;background: url('../images/main/main_visu_left.png') center center no-repeat;}
.visu_wrap .visu_slide.owl-carousel .owl-nav .owl-next {position: absolute; z-index: 2; top:0;right: -120px;width: 90px;height: 90px;font-size: 0;background: url('../images/main/main_visu_right.png') center center no-repeat;}
.visu_wrap .owl-carousel .owl-dots {position: absolute; width: 100%; height: 17px; bottom: 45px; text-align: center;}
.visu_wrap .owl-carousel button.owl-dot {position: relative; z-index: 2; width: 17px; height: 17px; margin-right: 5px; background: url('../images/main/main_visu_dot.png') center center no-repeat;}
.visu_wrap .owl-carousel button.owl-dot.active {z-index: 2; width: 17px; height: 17px; background: url('../images/main/main_visu_dot_on.png') center center no-repeat;}

.tit_box {position: relative; height: 50px; line-height: 50px; padding-bottom: 30px; font-family: 'Nanum Square';}
.tit_box .more_btn {position: absolute; right: 0; top: 0; display: inline-block; float: right; font-size: 18px; font-weight: 700; color: #000;}
.style-h2{display: block;color: #000;font-size: 48px;position: relative;line-height: 1;}

.who_wrap {position:relative; z-index:1; top:-120px; padding-top:4.68%; width:100%; background:url('../images/main/bg_top.png') center top/contain no-repeat;}
.who_wrap .txt_box p {padding-bottom:25px; font-size:1.125em;}
.who_wrap .tit_box {text-align:center; margin-bottom:50px;}
.who_wrap .style-h2 {display:inline; color:#fff; border-bottom:1px solid #fff; font-size:60px;}
.who_box {color:#fff; background:#3b51ac;}

.ci_wrap {padding-top: 4.68%; padding-bottom: 40px; margin-top:-120px; background:#f0f2f7 url('../images/main/bg_bottom.png') center top/contain no-repeat;}
.ci_wrap .contentInner {margin-top:40px;}
.ci_wrap .img_box {position:relative; float:left; width:43%; margin-top:30px;}
.ci_wrap .img_box img {position:relative; margin-left:-80px;}
/*.ci_wrap .img_box:after {content:""; display:block; position:absolute; top:-78px; left:-78px; z-index:1; width:505px; height:258px; background:#273366;}*/
.ci_wrap .txt_box {float:right; width:57%;}
.ci_wrap .txt_box p {margin-bottom:25px; font-size:1.125em;}
.ci_wrap .tit_box {position:relative; margin-bottom:40px;}
.ci_wrap .tit_box:after {content:""; display:block; position:absolute; top:50%; right:0; width:50%; height:1px; background-color:#434343;}
.ci_wrap .mCustomScrollbar {overflow-y:hidden; overflow-x:hidden;}

.issue_wrap {padding-top: 40px; padding-bottom: 40px;}
.issue_wrap .tit_box {margin-bottom:30px;}
.news_wrap .news_list {border-top:1px solid #434343;}

/* 2019-01-14추가 */
.ci_wrap .his_box {max-height:400px; overflow-y:scroll;}
.his_box div {position:relative; overflow:hidden; }
.his_box div span {position:absolute; left:0; top:0; display:inline-block; padding:0 40px 10px; font-size:1.625em; color:#3b51ac; background:url('../images/main/ico_cir.png') left center no-repeat;}
.his_box div span:after {content:""; display:block; position:absolute; top:50%; left:10px; width:20px; height:1px; background-color:#3b51ac;}
.his_box ul {padding-left:15%; padding-bottom:30px; background:url('../images/main/ico_line.png') 5px top repeat-y;}
.his_box ul li {position:relative; font-size:1.125em; padding:0 0 10px 10px;}
.his_box ul li:after {content:""; display:block; position:absolute; top:10px; left:0; width:3px; height:3px; background-color:#3b51ac;}
.his_box div:first-child span {padding-top:8px; }
.his_box div:first-child ul {margin-top:26px; }

.ci_bt_box {position:relative; margin-bottom:40px; text-align:center; }
.ci_bt_box:after {content:""; display:block; position:absolute; left:0; top:49%; width:100%; height:1px; background-color:#434343;}
.ci_bt_box span {position:relative; z-index:2; background-color:#f0f2f7;}
.ci_bt_box span a:first-child {padding-right:20px; background:url('../images/main/ico_dia.png') left center no-repeat;}
.ci_bt_box span a:last-child {padding-left:20px; background:url('../images/main/ico_dia.png') right center no-repeat;}
a.ci_bt {display:inline-block; padding: 18px 50px; font-size: 1.875em; font-weight:bold;}
.ci_bt_box a.on,.ci_bt_box a:hover { color: #3b51ac; }


/*sub일때*/
.visu_wrap .sub {height: 135px; width: 100%;}
.bbs_wrap .tit_box {text-align:center; margin-top:30px;}
.subconWrap {padding-bottom:100px;}

.cf_left {float:left;}
.cf_right {float:right;}
/* 중단점 mobile:~700,tablet:~1200,pc:~1201 */

/* tablet */
@media (max-width:1500px) { 
	.visu_slide .item {height: 780px;}	
	.visu_slide .item .inner {padding-top: 90px;}
	.visu_wrap .visu_slide.owl-carousel .owl-nav {width:88%; left: 50%; top: 50%; margin-left: -44%;}
	.visu_wrap .visu_slide.owl-carousel .owl-nav .owl-next {right: -70px; }
	.visu_wrap .visu_slide.owl-carousel .owl-nav .owl-prev {left: -70px;}
}



@media (max-width:1200px) {
	.tabletshow{display: none;}
	.tabletshow{display: block;}

	.contentInner {padding:25px;}

	.visu_wrap .visu_slide.owl-carousel .owl-nav {width:80%; left: 50%; top: 50%; margin-left: -40%;}

	/*container01*/
	.visu_slide .item {height: 410px;}
	.visu_slide .item .inner {padding: 70px 30px 0;}
	.visu_slide .item .inner h1 {font-size: 24px;}
	.visu_slide .item .inner h2 {font-size: 14px;}
	.visu_slide .item .inner h1:after {  top: 11px; right: -30px; width: 98px;    height: 5px;    background: url(../images/main/main_visu_arr.png) right center no-repeat; background-size: auto 100%; }
	
	.tit_box {margin-bottom: 20px;}

	.who_wrap {background:url('../images/main/bg_top.png') center top no-repeat;}
	.who_wrap .txt_box {height:275px; overflow-x:hidden;}
	.who_wrap .tit_box {margin-top:30px;}
	.who_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 6px; background-color: #7388b5;}
	.who_wrap .mCSB_scrollTools .mCSB_draggerRail {width: 6px; background-color: #c4cde0;}

	.ci_wrap {padding-bottom:0; background:#f0f2f7 url('../images/main/bg_bottom.png') center top no-repeat;}
	.ci_wrap .img_box {float:none; width:100%; text-align:center; margin-top:40px; margin-bottom:40px;}
	.ci_wrap .img_box img {margin:0;}
	.ci_wrap .txt_box {float:none; width:100%; }

	/* 2019-01-14추가 */
	.his_box div span {position:static; padding:0 20px 10px;}
	.his_box div span:after {content:""; display:none;}
	.his_box ul {padding:0 0 30px 20px; background:none;}
	.his_box div:first-child span {padding-top:0; }
	.his_box div:first-child ul {margin-top:0; }
}


@media (max-width: 699px) {

	.tit_box {height: auto;  padding-bottom: 10px;}	
	.cf_left, .cf_right {float:none;}

	.visu_wrap .visu_slide.owl-carousel .owl-nav {width:66%; left: 50%; top: 50%; margin-left: -33%;}
	.visu_wrap .visu_slide.owl-carousel .owl-nav .owl-prev {width: 66px;height: 66px;font-size: 0;background: url('../images/main/main_visu_left.png') center center/cover no-repeat;}
	.visu_wrap .visu_slide.owl-carousel .owl-nav .owl-next {width: 66px;height: 66px;font-size: 0;background: url('../images/main/main_visu_right.png') center center/cover no-repeat;}

	
}


/* mobile */
@media (max-width: 480px) {
	
	.ci_wrap .tit_box:after {width:60%; }
	
}