@charset "utf-8";


/* 인덱스 레이아웃 */
#idx_wrapper{min-width:1100px; width:100%; margin:0 auto; }

/* 메인슬라이더 */
#visual{width:100%; min-width:1100px; height:600px; position:relative; overflow:hidden;}
a{cursor:pointer}
#slogan{position:relative; z-index:10; margin:0 auto; text-align:center;}
#slogan span, #slogan p{opacity:0; position:absolute; right:50%; color:#FFF;}
/*#slogan .logo{top:50px; font-size:2.5em; letter-spacing:10px; font-family: 'Dosis', sans-serif; font-weight:500;}*/
#slogan .tit{top:0; font-size:3em; display:inline-block; padding:5px 15px; margin-right:-428px; font-weight: bold; }
#slogan .s1{top:350px; font-size:1.6em; line-height:1.3em; margin-right:-209px;    font-weight: bold;}
#slogan .s2{top:60px; font-size:7em; line-height:1.8em; font-weight: 900; margin-right: -250px;}
.sliderbx{z-index:1; width:100%; height:600px;}
.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/m_img01.jpg)}
.sliderbx li:nth-child(2){background-image:url(../img/main/m_img02.jpg)}
.sliderbx li:nth-child(3){background-image:url(../img/main/m_img03.jpg)}

#visual div.bx-pager{ position:absolute; bottom:30px; left:50%; margin-left:-32px; 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:#fff; 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;}

#m_slogan{ display: none;}

@media (max-width: 767px) {
/* 인덱스 레이아웃 */
#idx_wrapper{min-width:100%; overflow:hidden;}
#idx_container{width:100%; padding:0; }

/* 메인슬라이더 */
#visual{min-width:100%; height:280px; overflow:visible;}
#visual div.bx-pager{ position:absolute; top:92%; left:50%; }

#subvisual{min-width:100% !important;}
#m_slogan{position:relative; z-index:3; margin:0 auto; text-align:center; font-size: 0.5em; display:block;}
#m_slogan span, #m_slogan p{opacity:0; position:absolute; right:50%; color:#FFF;}
#m_slogan .tit{top:0; font-size:2.5em; display:inline-block; padding:5px 15px; margin-right:-176px; }
#m_slogan .s1{top:20px; font-size:2.3em; line-height:1.8em; font-weight: bold; margin-right:-151px;}
#m_slogan .s2{top:20px; font-size:7.1em; line-height:1.8em; font-weight: bold; margin-right:-132px;}
#slogan{ display: none;}
.sliderbx{ height:280px;}
}


/*메인-배너4*/
#main_ban{width:100%; min-width:1100px;}
.main_ban_in{width:1100px; margin:0 auto; padding:40px 0;}
.main_ban_in h2{ font-weight:bold; line-height:2em; color:#01a242; font-size:35px;text-align:left; }
.main_ban_in span.stitle{ font-weight:bold; color:#555555; font-size:14px; display: none;}
.main_ban_in .con{color:#737373; text-align:center; font-size:16px; line-height:1.8em; margin-bottom:40px; letter-spacing:-0.8px;}
.main_ban_in .box_list li{float:left; text-align:center; padding: 0;}
.main_ban_in .box_list li.last{margin-right:0;}
.main_ban_in .box_list li .over{position:relative; overflow:hidden;height: 312px;}
.main_ban_in .box_list li .over img{width:auto;  transition:all 0.4s;}
.main_ban_in .box_list li .over:hover img{transform:scale(1.2);}

ul.box_list { margin-bottom: 4px;}
.gray { background: #989898; padding: 50px;}
.black { background: #000; padding: 50px;}
.mater { background:url(../img/main/con_banner05.jpg) no-repeat; padding:47px 0;}
.green { background: #01a242; padding: 50px 20px;}
.busi img{ padding: 15px; }
.busi{color: #fff; height: 312px;}
.busi .title{ font-weight: bold; font-size: 2em; padding: 15px 0;}
.busi p{ opacity: 0.8; font-size: 1.2em; line-height: 1.5em; word-break: keep-all;}
@media (max-width: 991px) {
#main_ban{width:100%; min-width:100%;}
.main_ban_in{width:100%; padding:30px 0;}
.main_ban_in h2{font-size:25px;    line-height: 1.2em;    margin-bottom: 15px;}
.main_ban_in span.stitle{  font-size: 12px;}
.main_ban_in .con{font-size:13px; margin-bottom:30px;}
.main_ban_in .box_list li{margin-bottom:10px;}
.main_ban_in .box_list li.col-md-3{padding-right:5px; padding-left:5px;}
.main_ban_in .box_list:last-child{margin-top:0px;}
.gray, .black { padding: 50px 0;}
.mater { background-position:center top;}
.busi p{ font-size: 0.95em;line-height: 1.5em; }
.busi img{ padding: 0; }

}

/*탭*/
#tapbanner {position:fixed; right:15px; top:33%; z-index:9999; height:126px; display:inline-block}
#tapbanner .circle {float:left; background-color:#c6bd1c; border-radius:14px; padding:20px; box-shadow:4px 4px 8px #333;}
#tapbanner .circle p {color:#fff; font-size:12px; font-weight:bold;}
#tapbanner p.telphp {color:#fff; font-size:2.6em; font-weight:bold; text-shadow:1px 1px 1px #666; padding-left:0px; float:left; line-height:36px;}
@media (max-width: 991px) {
#tapbanner {display: none;}

}