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

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

#visual #slogan{ text-align:center; color:#fff; width:1000px;position:absolute; top:220px; left:50%; margin-left:-500px; z-index:998; text-shadow:0px 0px 3px rgba(0,0,0,0.6);}
#visual #slogan .img01{ font-size:22px; font-weight:400; letter-spacing:0px; visibility:hidden;}
#visual #slogan .img02{ font-size:52px; font-weight:bold; letter-spacing:-1px; visibility:hidden; margin:5px 0 10px 0;}
#visual #slogan .img02 span{ text-shadow:none !important; font-size:1.1em;}
#visual #slogan .mt{  font-size:25px; font-weight:300; color:rgba(250,250,250,1); visibility:hidden;}

#visual .sliderbx li{ width:100% !important; height:600px; background-repeat:no-repeat; background-position: center top;}
#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 a{ display:block; width:100%; height:600px;}

#visual div.bx-pager{ position:absolute; top:160px; left:50%; margin-left:-43px; z-index:101;}
#visual div.bx-pager div{ float:left; margin:0 6px;}
#visual div.bx-pager div a{ display:block; width:17px; height:17px; text-indent:-9999px; border-radius:9px; border:4px solid #fff;}
#visual div.bx-pager div a.active{  border-color:#d10a11;}
#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:-20px !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{ width:100%; background:#f5f5f5; padding:70px 0;}
#middle_in{ width:1100px; margin:0 auto; box-sizing: border-box;}
#middle_in:after{ display:block; content:""; clear:both;}
#middle .abox{ float:left; width:33%; box-sizing: border-box; text-align:center;}
#middle .abox01{}
#middle .abox02{}
#middle .abox03{ width:34%; text-align:left;}
#middle .abox_img { border-radius:50%; width:200px; height:200px; overflow:hidden; margin:0 auto;}
#middle .abox_img img{}
#middle dl{ color:#444; position:relative; padding:35px 40px 0 40px;}
#middle dt{ font-size:2em;; font-weight:500; color:#333;}
#middle dt:before{ display:block; content:""; width:35px; height:2px; background:#d10a11; margin:0 auto 7px auto;}
#middle p{ font-size:13px; color:#999; margin-bottom:25px;}
#middle dd{ font-size:13.5px; color:#888; margin:20px 0 25px 0; line-height:1.5em;}
#middle a.mbtn{ display:block; width:120px; margin:0 auto; border:1px solid #ccc; background:#fff; line-height:30px; color:#999; padding:0 15px; transition:all 0.5s; font-size:1.1em;}
#middle a.mbtn:hover{ border:1px solid #d10a11; color:#333; border-radius:4px; transition:all 0.5s;}

#middle .abox03 dt{ text-align:center;}
#middle .abox03 p{ text-align:center;}
#middle .abox03 .tel_icon{ float:left; width:33px; height:33px; border-radius:50%; line-height:33px; text-align:center; color:#fff; background:#d10a11; font-size:1.2em;
margin:1px 12px 0 35px;}
#middle .abox03 .tel_wrap{ float:left;}
#middle .abox03 a{ display:block; font-family:Tahoma, Geneva, sans-serif;}
#middle .abox03 a.tel{ font-size:30px; color:#333; font-weight:500; line-height:1em;}
#middle .abox03 a.fax{ font-size:21px; color:#888; font-weight:500; line-height:1em; margin:7px 0 5px 3px;}
#middle .abox03 a.mail{ font-size:14px; color:#5893d4; font-weight:600; line-height:1em; letter-spacing:0; margin-left:3px;}


#middle2{ width:100%; background:#fff; margin:60px 0;}
#middle2_in{ width:1100px; margin:0 auto; box-sizing: border-box; border:1px solid #ccc;}
#middle2_in:after{ display:block; content:""; clear:both;}
#middle2 .abox{ float:left; width:33%; min-height:260px; box-sizing: border-box; padding:30px 30px;}
#middle2 .abox01{ border-right:1px solid #ccc;}
#middle2 .abox02{ border-right:1px solid #ccc;}
#middle2 .abox03{}

@media (max-width:1000px) {
#visual{width:100%; min-width:100%; height:230px;}

#visual #slogan{ width:320px; top:70px; margin-left:-160px; word-break: keep-all; word-wrap:break-word; text-shadow:0;}
#visual #slogan .img01{ font-size:13px; line-height:1.2em;}
#visual #slogan .img02{ font-size:24px; line-height:1.2em; margin:5px 0;}
#visual #slogan .mt{  font-size:14px; line-height:1.2em;}

#visual .sliderbx li{ width:100% !important; height:230px; background-position:center top; background-size:cover;}
#visual div.bx-pager{ top:50px; margin-left:-27px;}
#visual div.bx-pager div{ margin:0 2px;}
#visual div.bx-pager div a{ width:11px; height:11px; border-width:3px;}
#visual div.bx-controls-direction{ display:none;}

/*메인-중간컨텐츠*/
#middle{ padding:0;}
#middle_in{  width:100%; border:0; border-bottom:1px solid #ddd;}
#middle .abox{ float:left; width:50%;}
#middle .abox01{ border-right:1px solid #ddd; text-align:center}
#middle .abox02{ border-right:0; text-align:center;}
#middle .abox03{ width:100%; border-top:1px solid #ddd;}
#middle .abox_img { width:100px; height:100px; margin:30px auto 0 auto;}
#middle .abox_img img{ width:100%;}
#middle dl{ padding:20px 0px;}
#middle dt{ font-size:18px;}
#middle dt:before{ width:25px; margin:0 auto 7px auto;}
#middle p{ margin-bottom:15px;}
#middle dd{ display:none;}
#middle a.mbtn{ width:90px; padding:0; line-height:25px; font-size:1em; margin:10px auto 0 auto;}

#middle .abox03 .abox_img{ display:none;}
#middle .abox03 dl{ padding:30px 30px;}
#middle .abox03 dt:before{ display:none;}
#middle .abox03 .tel_icon{ margin:0px 13px 0 40px;}
#middle .abox03 a.tel{ font-size:27px;}
#middle .abox03 a.fax{ font-size:21px;}
#middle .abox03 a.mail{ font-size:12px;}


#middle2{ margin:0px 0;}
#middle2_in{ width:100%; border:0;}
#middle2 .abox{ float:none; width:100%; min-height:auto; padding:25px 20px;}
#middle2 .abox01{ height:115px; overflow:hidden; border-bottom:1px dotted #ccc; border-right:0;}
#middle2 .abox02{ height:112px; overflow:hidden; border-bottom:1px dotted #ccc; border-right:0;}
#middle2 .abox03{}
}


/*배너롤링*/
#banner_wrap {width:100%; min-width:1100px;  height:auto; border-top:1px solid #ddd;}
#banner {width:1100px; height:auto; margin:0 auto; padding:50px 0 20px 0; position:relative;}
.nav {position:absolute; top:19px; left:0px;}
.nav button {width:22px; height:22px; border:1px solid #bbb; background:#fff;}
.RollDiv {width:1100px; height:60px; margin:0 auto;overflow:hidden;}  
.RollDiv > div{overflow:hidden;height:57px;width:1100px; margin:0 auto;}
.RollDiv > div > a {float:left; display:block; margin:0 7px; border:1px solid #CCCCCC; padding:15px 11px;}  
.RollDiv > div > a > img {/*width:auto;*/}
@media (max-width: 1000px) {
#banner_wrap{ min-width:100%; margin:0 auto; background:#fff; overflow:hidden;}
#banner{ width:100%; padding:45px 0 15px 0; position:relative;}
.nav{ top:12px; left:5px;}
.RollDiv { height:47px;}  
.RollDiv > div > a { margin:0 5px;padding:13px 10px;}  
.RollDiv > div > a > img {width:130px;}
}