#idx_wrapper{ position:relative; width:100%; height:615px;}

/* 메인슬라이더 */
#visual{width:100%; min-width:1100px; height:780px; position:relative; overflow:hidden; visibility:hidden;
background:url(../img/main/mvisual_bg.jpg) no-repeat center top;}
a{cursor:pointer}

#visual .sliderbx{ z-index:10;width:831px !important; height:685px; position:absolute; top:0px; left:50%; margin-left:;}
#visual .sliderbx li{ width:100% !important; height:685px; background-repeat:no-repeat; background-position: center 0px;}
#visual .sliderbx li.mv01{ background-image:url(../img/main/mvisual01.png);}
#visual .sliderbx li.mv02{ background-image:url(../img/main/mvisual02.png);}
#visual .sliderbx li.mv03{ background-image:url(../img/main/mvisual03.png);}


#visual #slogan{ text-align:left; width:500px; position:absolute; top:80px; left:50%; margin-left:-550px;}
#visual #slogan h1{font-size:44px; letter-spacing:-2px; color:#222; font-weight:600; line-height:1.2em;}
#visual #slogan h1 strong{ font-size:60px; color:#c62027;}
#visual #slogan h2{ font-size:25px; letter-spacing:-2px; color:#666; margin:20px 0 20px 0;}
#visual #slogan h3{ font-size:14px; color:rgba(0,0,0,0.5); line-height:1.3em;}

#visual .ms_img{ position:absolute; top:130px; left:50%; margin-left:-320px; visibility:hidden;}

#visual div.bx-pager{ position:absolute; top:30px; left:50%; margin-left:-30px; z-index:101; width:125px;}
#visual div.bx-pager div{ float:left; margin:0 5px;}
#visual div.bx-pager div a{ display:block; width:10px; height:10px; text-indent:-9999px; border-radius:9px; background:#555;}
#visual div.bx-pager div a.active{ background:#c62027;}
#visual div.bx-controls-direction a{ 
display:block; width:40px; height:40px; border-bottom:3px solid #FFF; border-left:3px solid #FFF; border-radius:0 0 0 5px; text-indent:-9999px; position:absolute; top:50%; margin-top:-25px !important; z-index:9999;} /*좌우버튼동시선택*/
#visual a.bx-prev{ transform:translateY(-50%) rotate(45deg); left:30px;}
#visual a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:30px;}	
#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;}


/*메인-중간컨텐츠*/
#middle{ visibility:hidden;}
#middle_in{ width:1100px; margin:0 auto; position:relative; border-top:1px solid #ea0001; border-left:1px solid #ddd; background:#fff;}
#middle_in:after{ display:block; content:""; clear:both;}
#middle .abox{ float:left; width:33%; box-sizing: border-box; padding:40px 0px; text-align:center; border-right:1px solid #ddd; font-size:1.1em; color:#888; position:relative;}
#middle .abox03{ width:34%;}
#middle .abox a{ font-size:4em; color:#ddd; position:absolute; top:00px; right:20px; font-weight:lighter;}
#middle h2{ font-size:1.4em; font-weight:500; color:#222; margin-bottom:15px;}


#middle2{ width:100%; visibility:hidden;}
#middle2_in{ width:1100px; margin:0 auto; border-top:1px solid #ddd;}
#middle2_in:after{ display:block; content:""; clear:both;}
#middle2 .abox{ float:left; width:33%; min-height:150px; box-sizing: border-box; padding:30px 50px; border-left:1px solid #ddd;}
#middle2 .abox03{ width:34%; border-right:1px solid #ddd;}
#middle2 .abox01{ background:url(../img/main/m_icon01.gif) no-repeat 90%; center;}
#middle2 .abox02{ background:url(../img/main/m_icon02.gif) no-repeat 90%; center;}
#middle2 h2{ font-size:1.4em; font-weight:500; margin-bottom:15px;}
#middle2 .abox03{ padding:40px 40px;}
#middle2 .tel{ font-size:2.7em; line-height:1em; margin-bottom:10px; font-weight:bold; letter-spacing:-1.5px;}
#middle2 .tel a{ color:#333;}
#middle2 .fax{ font-size:1.1em; color:#555; line-height:1em;}
#middle2 .fax p{ display:inline-block; background:#ffad00; font-size:12px; color:#fff; padding:3px 10px;}

/*배너롤링*/
#banner_wrap{ width:100%; min-width:1100px;  height:auto; border-top:1px solid #eee; background:#f7f8f7;}
#banner{ width:1100px; height:auto; margin:0 auto; padding:30px 0 20px 0; position:relative;}
.nav{ position:absolute; top:10px; left:0px;}
.nav button{ width:22px; height:21px; border:1px solid #bbb; background:#fff;}
.RollDiv{ width:1100px; height:39px; margin:0 auto;overflow:hidden;}  
.RollDiv > div{overflow:hidden;height:39px;width:1100px; margin:0 auto;}
.RollDiv > div > a{ float:left; display:block; margin:0 4px;}  
.RollDiv > div > a > img{ width:auto;}



@media (max-width:1000px) {
#idx_wrapper{ height:auto;}
	
#visual{ width:100%; min-width:100%; height:250px; margin:0; position:relative; overflow:hidden;}
#visual #slogan{ width:300px; top:30px; left:10px; margin-left:0;}
#visual #slogan h1{ font-size:22px; letter-spacing:0;}
#visual #slogan h1 strong{ font-size:30px;}
#visual #slogan h2{ font-size:15px; margin-top:10px; letter-spacing:0;}
#visual #slogan h3{ display:none;}

#visual .sliderbx{width:300px !important; height:250px; position:absolute; top:0px; left:50%; margin-left:-70px;}
#visual .sliderbx li{ width:100% !important; height:250px; background-size:cover; }

#visual div.bx-pager{ top:10px; margin-left:-18px;}
#visual div.bx-pager div{ margin:0 2px;}
#visual div.bx-pager div a{ width:8px; height:8px;}
#visual div.bx-pager div a.active{ width:15px;height:8px;}
#visual div.bx-controls-direction{ display:none;}
#visual .ms_img{ display:none;}



/*메인-중간컨텐츠*/
#middle_in{ width:100%; border-left:0;}
#middle .abox{ min-height:145px; padding:25px 10px;}
#middle .abox a{ font-size:2em; right:10px;}
#middle .abox03{ border-right:0;}
#middle h2{ font-size:1em; margin-bottom:0px;}
#middle img{ width:50px; height:auto;}
#middle p{ display:none;}

#middle2_in{ width:100%;}
#middle2 .abox{ float:none; width:100%; min-height:auto ; padding:25px 40px;}
#middle2 .abox01{ display:none;}
#middle2 .abox02{ display:none;}
#middle2 .abox03{ border-left:0; border-right:0;}
#middle2 .tel{ font-size:2.7em;}
#middle2 .fax{}

#banner_wrap{ width:100%; min-width:100%; overflow:hidden;}
#banner{ width:100%; padding:45px 0 20px 0;}
.nav{ top:20px; left:10px;}
}