@charset "utf-8";


/* 인덱스 레이아웃 */
#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:670px; position:relative; overflow:hidden;}
a{cursor:pointer}
#slogan{position:relative; z-index:10; margin:0 auto; text-align:left;text-shadow: 1px 1px 2px #000;}
#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:5em; line-height:1.8em; font-weight: bold; margin-right: 222px; }
#slogan .tit:before{ content: ""; width:61px; height: 5px; background: #fff; display: block; box-shadow: 1px 1px 2px #000;}
#slogan .s1{top:400px; font-size:2.5em; display:inline-block; padding:5px 15px; margin-right:-98px;font-weight: bold;}
#slogan .s2{top:350px; font-size:1.5em; line-height:1.8em; margin-right: -123px;}
.sliderbx{z-index:1; width:100%; height:670px;}
.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_img02.jpg)}
.sliderbx li:nth-child(2){background-image:url(../img/main/m_img03.jpg)}
.sliderbx li:nth-child(3){background-image:url(../img/main/m_img01.jpg)}
.sliderbx li:nth-child(4){background-image:url(../img/main/m_img04.jpg)}

#visual div.bx-pager{ position:absolute; bottom:30px; left:50%; margin-left:-50px; z-index:2; display: none;}
#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%; }
.sliderbx li{background-position:60% 50%; }

#subvisual{min-width:100% !important;}
#m_slogan .tit img{ width: 76%; }
#m_slogan{position:relative; z-index:10; margin:0 auto; font-size: 0.5em; display:block;}
#m_slogan span, #m_slogan p{opacity:0; position:absolute; right:50%; color:#FFF;text-shadow: 1px 1px 2px #000;}
#m_slogan .tit{top:0;font-size:4.1em; line-height:1.8em; font-weight: bold; margin-right:38px;}
#m_slogan .s1{top:20px;  font-size:2.5em;  display:inline-block; padding:5px 15px; margin-right:-152px; }
#m_slogan .s2{top:30px; font-size: 2em; margin-right: -171px;word-break: keep-all;padding: 0 15px;
 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
 word-wrap: break-all; /* Internet Explorer 5.5+ */ }

#slogan{ display: none;}
.sliderbx{ height:280px;}
}



/*메인-공통*/
#main_ban{width:1100px; min-width:1100px; margin: 30px auto;}
#main_ban h4{line-height:2em; color:#000; font-size:35px;text-align: center; margin-bottom: 20px;padding-top: 15px; background: url(../img/main/m_title.png) no-repeat center top; padding-top: 30px;}
#main_ban h2{line-height:2em; color:#fff; font-size:25px; padding: 6px 0;}



@media (max-width: 991px) {
#main_ban{width:100%; min-width:100%;}
#main_ban h2{font-size:17px; line-height: 1.2em; word-break: keep-all;
 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
 word-wrap: break-all; /* Internet Explorer 5.5+ */}
#main_ban h1{padding-top: 26px;}
#main_ban p{ padding: 0 15px; word-break: keep-all;
 white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
 word-wrap: break-all; /* Internet Explorer 5.5+ */ }
#main_ban h4{padding-top: 10px;}

}


/*메인배너01*/
#main_ban .banner01{ padding-bottom: 33px;}
#main_ban .banner01 p{  font-size: 1.2em; font-weight: normal;word-break: keep-all; }
#main_ban .banner01 h1{ line-height:2em;font-size:18px; padding-top: 15px; font-weight: bold;}
#main_ban .banner01 h1:before{display: none;}
#main_ban .banner01 a:hover h1{color:#296acf; transition: 0.6s;}
@media (max-width: 991px) {
#main_ban .banner01{ padding-bottom: 33px;}
.ban01 img{ width:100%;}
#main_ban .banner01 h1{  line-height:1.5em; font-size:13px; word-break: keep-all;padding-top: 15px; font-weight: bold; text-align: center;}
#main_ban .banner01 p{ display: none;}

}

/* 메인추출 */
.banner_bbs{    margin: 70px 0 0;}
.tbbs h1{ display: none;}
.tbbs .tab h3{width:106px; height:32px; line-height:28px; text-align:center; background:#DEE3EC; color:#3D4353; position:absolute; top:0; font-size:1.1em; cursor:pointer;}
.tbbs .tab .t1{left:0;}
.tbbs .tab .t2{left:110px;}
.tbbs .tab .t3{left:220px;}
.tbbs .tab .pannel{width:320px; padding:15px 3px; min-height:180px; display:none;}
.tbbs .tab.on .pannel{display:block;}
.tbbs .tab.on h3{background:#1699DC; color:#FFF;}

.m_icon01{ background:url(../img/main/icon01.png) no-repeat right bottom; }
.m_icon02{ background:url(../img/main/icon02.png) no-repeat right bottom; }
.bbs_text h1{ font-weight: bold; font-size: 18px; padding: 10px 0 8px;border-bottom: 1px solid #ddd; position: relative;margin-bottom: 10px;}
.bbs_text p{padding: 1px 0; word-break: keep-all;width:72%;height: 94px;font-size: 1.1em;}
.bbs_text .It_more{position: absolute;top: 10px;right: 15px;color:#565656;}
@media (max-width: 767px) {
.banner_bbs{ display: none;}
}




/*메인배너02*/
.banner02{ background: url(../img/main/banner_bg.png) no-repeat #A9A9A9; height: 506px; background-size: cover;}
.banner02 a{ text-align: center;  margin-top: 25px;  display: block;}
.goto{ width:45px; height: 45px; display: inline-block; margin-top: 25px; padding: 13px 0; border: 2px solid #f26b3f;}
.banner02 a:hover .goto{ background: #f26b3f; transition: 0.6s;}
@media (max-width: 991px) {
.banner02{ height: 380px; }
.banner02 p{ display: none;}
}



/*탭*/
#tapbanner{ position:fixed; right:15px; top:33%; z-index:9999; height:126px; display:inline-block}
#tapbanner .circle{ float:left; }
#tapbanner .circle p{ color:#fff; font-size:12px; font-weight:bold;}
#tapbanner p.telphp{ color:#01a242; font-size:3em; font-weight:bold; text-shadow:1px 1px 1px #000; padding-left:15px; float:left; line-height:89px;}
@media (max-width: 991px) {
#tapbanner{  display: none;}

}