/* 인덱스 레이아웃 */
#idx_wrapper{min-width:1100px; width:100%; margin:0 auto; background:url(../img/visual/mvisual_bg.jpg) repeat-x center top;}

/* 메인슬라이더 */
#visual{width:100%; min-width:1100px; height:700px; position:relative; overflow:hidden;}
a{cursor:pointer}
#slogan{position:relative; z-index:10; width:100%; margin:0 auto; text-align:left; z-index:6;}
#slogan span, #slogan p{opacity:0; position:absolute; left:50%; color:#FFF; text-shadow:1px 1px 5px #222;}
/*#slogan .logo{top:50px; font-size:2.5em; letter-spacing:10px; font-family: 'Dosis', sans-serif; font-weight:500;}*/
#slogan .tit{top:10px; font-size:3.333em; letter-spacing:-1.5px; display:inline-block;border-radius:50px; margin-left: -361px;}
#slogan .s1{top:20px; font-size:3.833em; line-height:1.8em; margin-left: -499px;}
#slogan .s2{top:20px; font-size:3.833em; line-height:1.8em;margin-left: -515px;}
#mslogan{ display:none;}
.sliderbx{z-index:1; width:100%; height:700px;}
.sliderbx li{width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.sliderbx li:nth-child(1){background-image:url(../img/main/mvisual01.jpg)}
.sliderbx li:nth-child(2){background-image:url(../img/main/mvisual02.jpg)}
.sliderbx li:nth-child(3){background-image:url(../img/main/mvisual03.jpg)}

#visual div.bx-pager{ position:absolute; bottom: 3%; left:50%;    margin-left: -40px; z-index:2;}
#visual div.bx-pager div{ float:left; margin:0 3px;}
#visual div.bx-pager div a{ 
	display:block; width:12px; height:12px; text-indent:-9999px; border-radius:9px; background:#FFF;
	}
#visual div.bx-pager div a.active{background:#f69e25; width:24px;}
#visual div.bx-controls-direction a{
	display:block; width:40px; height:40px; border-bottom:2px solid #FFF; border-left:2px solid #FFF; border-radius:0 0 0 5px; text-indent:-9999px;
	position:absolute; top:50%; /*margin-top:-20px;*/
	} /*좌우버튼동시선택*/
#visual a.bx-prev{ transform:translateY(-50%) rotate(45deg); left:20px;}
#visual a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:20px;}	
#visual div.bx-controls-auto{position:absolute; width:40px; top:30px; z-index:2; left:50%; margin-left:470px;}
#visual div.bx-controls-auto a{
	float:left; margin-right:3px; width:12px; height:12px; border-radius:9px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;
	} /*플레이스탑버튼동시선택*/
#visual div.bx-controls-auto a.bx-start{background:url(../img/common/btn_play.png) no-repeat 50% 50% #4C5365;}
#visual div.bx-controls-auto a.bx-stop{background:url(../img/common/btn_stop.png) no-repeat 50% 50% #4C5365;}


/* 배너슬라이더 */
#b_visual{ height:453px; position:relative; overflow:hidden;}
/*#slogan .logo{top:50px; font-size:2.5em; letter-spacing:10px; font-family: 'Dosis', sans-serif; font-weight:500;}*/

#slogan .s4{top:20px; font-size:3.833em; line-height:1.8em;margin-left: -515px;}
#mslogan{ display:none;}
#b_visual .sliderbx{z-index:1; width:100%; height:453px; min-width: 1100px}
#b_visual .sliderbx li{width:100%; height:100%; background-position:50%; background-repeat:no-repeat; background-size:cover; min-width: 1100px}
#b_visual .sliderbx li:nth-child(1){background-image:url(../img/main/bvisual01.jpg)}
#b_visual .sliderbx li:nth-child(2){background-image:url(../img/main/bvisual02.jpg)}
#b_visual .sliderbx li:nth-child(3){background-image:url(../img/main/bvisual03.jpg)}
#b_visual .sliderbx li:nth-child(4){background-image:url(../img/main/bvisual04.jpg)}
#b_visual .sliderbx li:nth-child(5){background-image:url(../img/main/bvisual05.jpg)}

#b_visual .sliderbx li:nth-child(6){background-image:url(../img/main/bvisual07.jpg)}

#b_visual .sliderbx li:nth-child(7){background-image:url(../img/main/bvisual08.jpg)}
#b_visual .sliderbx li:nth-child(8){background-image:url(../img/main/bvisual09.jpg)}
#b_visual .sliderbx li:nth-child(9){background-image:url(../img/main/bvisual10.jpg)}
#b_visual .sliderbx li:nth-child(10){background-image:url(../img/main/bvisual11.jpg)}
#b_visual .sliderbx li:nth-child(11){background-image:url(../img/main/bvisual12.jpg)}
#b_visual .sliderbx li:nth-child(12){background-image:url(../img/main/bvisual13.jpg)}

#b_visual  div.bx-pager{ position:absolute; bottom: 3%; left:50%;    margin-left: -117px; z-index:2;}
#b_visual  div.bx-pager div{ float:left; margin:0 3px;}
#b_visual  div.bx-pager div a{ 
	display:block; width:12px; height:12px; text-indent:-9999px; border-radius:9px; background:#FFF;
	}
#b_visual  div.bx-pager div a.active{background:#f69e25; width:24px;}
#b_visual  div.bx-controls-direction a{
	display:block; width:40px; height:40px; border-bottom:2px solid #FFF; border-left:2px solid #FFF; border-radius:0 0 0 5px; text-indent:-9999px;
	position:absolute; top:50%; /*margin-top:-20px;*/
	} /*좌우버튼동시선택*/
#b_visual  a.bx-prev{ transform:translateY(-50%) rotate(45deg); left:20px; z-index: 99999;}
#b_visual  a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:20px; z-index: 99999;}	
#b_visual  div.bx-controls-auto{position:absolute; width:40px; top:30px; z-index:2; left:50%; margin-left:470px;}
#b_visual  div.bx-controls-auto a{
	float:left; margin-right:3px; width:12px; height:12px; border-radius:9px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;
	} /*플레이스탑버튼동시선택*/
#b_visual  div.bx-controls-auto a.bx-start{background:url(../img/common/btn_play.png) no-repeat 50% 50% #4C5365;}
#b_visual  div.bx-controls-auto a.bx-stop{background:url(../img/common/btn_stop.png) no-repeat 50% 50% #4C5365;}


/* 인덱스 컨텐츠 */
#idx_container{z-index:4;position:relative;width:100%; margin:0 auto;padding:0; background:#fff;font-size:1em; min-width:1100px;}
#idx_container .fl{float:left;}

.banner01 { min-width: 1100px;background:#525c66;height: 453px; position: relative; width: 100%;}
.banner01 .col-sm-4{  color: #fff; position: absolute; top: 26%; left: 0%;}
.banner01 .col-sm-4 h1{ font-size: 14px !important; color: #fff !important;}
.banner01 .col-sm-4 h1:after{  content: ""; width: 76px; height: 3px; background: rgba(255,255,255,0.6); display: block;}
.banner01 .col-sm-4 h1 span{ font-size: 27px; color: #f69e25;}
.banner01 .col-sm-4 p{ padding: 20px 0; font-size: 1.2em; line-height: 2em; word-break: keep-all;}
.banner01 .col-sm-8{ padding: 0; float: right;    height: 453px; }
.banner01 .col-sm-8 img{ width: 100%;height: 453px; }
.banner01 .box{ background: #cccccc; color: #333333; font-size: 16px; padding: 10px 20px; width: 251px;}
.banner01 .col-sm-4 a:hover{ background: #fff; transition: 0.6s;}
.banner01 .box i{ padding-left:50px; color: #333333; }

.banner02 { background: url(../img/main/bannerbg.jpg) no-repeat center; background-size:cover; color: #fff; text-align: center; padding: 45px 0;}
.banner02 h1{color: #fff !important; font-size: 25px; padding-bottom: 15px;}
.banner02 h2{ opacity: 0.8; font-size: 16px; margin-bottom: 50px;}
.bottom_ban{ width: 1100px; margin: 0 auto;}
.ban02{ width: 708px; margin: 0 auto;}
.ban02 a{ color:#fff; background:#4b7d8c; height:38px; width: 172px;  text-align: center; margin-top: 70px; margin-right: 81px;    padding: 10px 0;}
.ban02 a:hover{ opacity: 0.8; transition: 0.5s;}
.ban02 a:last-child{ background:#2b353e; margin-right: 0;}
.ban02 img{ padding-left: 15px;}



/* 갤러리추출 */
.mgall{width:425px; position:relative;}
.mgall .more{ position:absolute; right:0; top:5px; font-size:0.9em; color:#999; padding-right:25px; background:url(../img/common/more.jpg) right 50% no-repeat;}

/*상단배너*/
#idx_container h1{ font-size:1.5em; color:#010101; font-weight:bold;line-height: 1.8em;}