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

/* 메인슬라이더 */
#visual{width:100%; min-width:1100px; height:573px; margin:0 auto; position:relative; overflow:hidden; visibility:hidden;}
a{cursor:pointer}

#visual .sliderbx{ z-index:10;width:100% !important; height:573px; position:relative; text-align:center}

#visual #slogan {text-align:center; width:680px; position:absolute; top:34px; left:50%; margin-left:-340px; z-index:11; text-shadow:0px 0px 3px #333}
#visual #mslogan {display:none;}
#visual #slogan h1 {font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif;font-size:30px; letter-spacing:-2px; color:#fff; font-weight:400;}
#visual #slogan h2 {font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif; font-size:47px; letter-spacing:-2px; color:#fff76a; margin:5px 0 10px 0; display:inline-block;}
#visual #slogan h3 {font-size:47px; color:rgba(250,250,250,1); line-height:1.3em; letter-spacing:-2px; display:inline-block;}

#visual .sliderbx li{ width:100% !important; height:573px; background-repeat:no-repeat; background-position: center 0px;}
#visual .sliderbx li.mv01{ background-image:url(../img/main/mvisual01.jpg);}
#visual .sliderbx li.mv02{ background-image:url(../img/main/mvisual02.jpg);}
#visual .sliderbx li.mv03{ background-image:url(../img/main/mvisual03.jpg);}
#visual .sliderbx li.mv04{ background-image:url(../img/main/mvisual04.jpg);}
#visual .sliderbx li.mv05{ background-image:url(../img/main/mvisual05.png);}

#visual div.bx-pager{ position:absolute; left:50%; margin-left:-62.5px; z-index:101; width:125px; bottom:20px}
#visual div.bx-pager div{ float:left; margin:0 5px;}
#visual div.bx-pager div a{ display:block; width:15px; height:15px; text-indent:-9999px; border-radius:9px; background:#fff;}
#visual div.bx-pager div a.active{  border:4px solid #efcc63; background:none;}
#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{ background:#ebc75a; margin-bottom:20px; visibility:hidden;}
#middle_in{ width:1100px; margin:0 auto; position:relative;}
#middle .mchild{ position:absolute; top:0px; left:420px; z-index:10;}
#middle dl{ padding:43px 0;}
#middle dt{ font-size:1.4em; color:#222;font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif; margin-bottom:10px;}
#middle dd{ font-size:1.05em; color:#fff;}
#middle .acct{ padding:25px 130px 25px 25px; font-size:1.5em;font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif; font-weight:600; color:#e3262d;
background:url(../img/main/accout_bg.gif) no-repeat 95% bottom #fff; margin:25px 0 0 220px;}
#middle .acct h3{ font-size:17px; color:#222; font-weight:600; margin-bottom:10px;}
#middle .acct p{ font-size:15px; font-weight:400; color:#777;}


#middle2{ width:100%; margin:0; background:#f5f5f5;}
#middle2_in{ width:100%; min-width:1100px; border-bottom:0px solid #ddd;}
#middle2_in:after{ display:block; content:""; clear:both;}
#middle2 .abox{ float:left; width:24%; min-height:230px; box-sizing: border-box; padding:30px 40px 20px 40px;}
#middle2 .abox01{}
#middle2 .bbs:after{ display:block; content:""; clear:both;}
#middle2 .abox02{ border-right:1px solid #ddd; border-left:1px solid #ddd;}
#middle2 .abox03{ border-right:1px solid #ddd;}
#middle2 h2{ font-size:1.4em; font-weight:bold; margin-bottom:15px;}
#middle2 .tel{ font-size:3em;font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif; line-height:1em; margin-bottom:5px; position:relative; padding-left:50px;}
#middle2 .fas{ font-size:21px; color:#fff; width:40px; height:40px; border-radius:50%; background:#e4555a; text-align:center; line-height:40px;
 position:absolute; top:0px; left:0px;}
#middle2 .tel a{ color:#555;}
#middle2 .tel a span{ color:#e4555a;}
#middle2 .fax{ font-size:2em; color:#888; line-height:1em;font-family: 'CoreGothicD', 'Nanum Gothic',  sans-serif; margin-left:50px;}
#middle2 .fax p{ font-size:15px; line-height:1.4em; letter-spacing:0px;}

/*배너롤링*/
#banner_wrap{ width:100%; min-width:1100px;  height:auto;}
#banner{ width:1100px; height:auto; margin:0 auto; padding:40px 0 30px 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:50px; margin:0 auto;overflow:hidden;}  
.RollDiv > div{overflow:hidden;height:50px;width:1100px; margin:0 auto;}
.RollDiv > div > a{ float:left; display:block; margin:0 2px;}  
.RollDiv > div > a > img{ width:auto;}
@media (max-width: 1000px) {
#banner_wrap{ width:90%; min-width:90%; margin:0 auto; background:#fff; overflow:hidden;}
#banner{ width:100%; padding:60px 0 30px 0; position:relative;}
.nav{ position:absolute; top:30px; left:0px;}
}




@media (max-width:1400px) {
#middle2 .tel{ font-size:2.1em;}
#middle2 .fax{ font-size:1.7em;}
}



@media (max-width:1000px) {
#idx_wrapper{ height:auto;}
	
#visual{ width:100%; min-width:100%; height:180px; margin:0; position:relative; overflow:hidden;}
#visual #slogan{ text-align:center; width:300px; position:absolute; bottom:auto; top:40%; margin-left:-150px;}
#visual #slogan h1{ font-size:15px; letter-spacing:-0.2px;}
#visual #slogan h2{ font-size:25px; letter-spacing:-0.2px;}
#visual #slogan h3{ font-size:13px;}
#visual .sliderbx li{ width:100% !important; height:180px; background-position:center top; background-size:cover; text-align:center;}
#visual div.bx-pager{ top:auto; bottom:20px; margin-left:-35px;}
#visual div.bx-pager div{ margin:0 3px;}
#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;}

/*메인-중간컨텐츠*/
#middle{ margin-bottom:0px;}
#middle_in{ width:100%; position:relative;}
#middle .mchild{ position:absolute; top:110px; left:63%; }
#middle .mchild img{ width:100px;}
#middle dl{ padding:20px 10px 50px 10px; float:none;}
#middle dt{ font-size:1.3em;}
#middle dd{ font-size:11px;}
#middle .acct{ float:none; padding:25px 0px 25px 20px; background:url(../img/main/accout_bg.gif) no-repeat 98% bottom #fff/80px auto; margin:0px 0 0 0px;}
#middle .acct p{ font-size:13px;}

#middle2{ margin:0px 0; background:#f5f5f5;}
#middle2_in{ min-width:100%; border-bottom:0;}
#middle2 .abox{ float:none; width:100%; min-height:auto ; padding:25px 20px;}
#middle2 .abox01{ display:none;}
#middle2 .abox02{ display:none;}
#middle2 .tel{ font-size:2.7em;}
#middle2 .fax{ font-size:1.8em;}
#middle2 .fax p{ font-size:13px;}

}