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

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

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

#visual #slogan{ position:absolute; top:120px; left:50%; margin-left:-250px; z-index:11;}
#visual #mslogan{ display:none;}

#visual .sliderbx li{ width:100% !important; height:550px; 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 div.bx-pager{ position:absolute; top:30px; left:50%; margin-left:-23px; z-index:101;}
#visual div.bx-pager div{ float:left; margin:0 4px;}
#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{ width:15px; height:15px; background:#95dffb;}
#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{ width:720px; z-index:10; opacity:0;}
#middle:after{ display:block; content:""; clear:both;}
#middle .mid_box{ float:left; width:25%; height:130px; box-sizing:border-box; padding:30px 0px; text-align:center;}
#middle .mdbox02{ padding:20px 0;}
#middle .mid_box h1{ font-size:1.5em; color:#fff;}
#middle .mid_box a.btn_tra{ display:block; border:1px solid rgba(250,250,250,0.7); width:120px;line-height:27px; padding:0 10px; font-size:1.05em; color:rgba(250,250,250,0.7);font-weight:lighter; text-align:center; background:rgba(250,250,250,0); transition:all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; border-radius:3px; margin:15px auto 0 auto;}
#middle .mid_box a.btn_tra:hover{ background:rgba(250,250,250,1); color:#333; font-weight:normal; transition:all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; border-radius:0;}
#middle .mdbox01{ background:#d3b780;}
#middle .mdbox02{ background:#fff;}
#middle .mdbox03{ background:#857364;}
#middle .mdbox04{ background:#f0e3c8;}
#middle .mdbox02 h1, #middle .mdbox04 h1{ color:#5a4c40;}
#middle .mdbox02 a.btn_tra, #middle .mdbox04 a.btn_tra{ border:1px solid rgba(0,0,0,0.2); color:rgba(0,0,0,0.5);}
#middle .mdbox02 a.btn_tra:hover{ background:rgba(0,0,0,0.1); border:1px solid rgba(0,0,0,0.1);}*/

#middle_wrap{ background:#f6f6f6; padding:40px 0;}

#middle2{ width:100%; margin:0px 0 10px 0;}
#middle2_in{ width:1100px; margin:0 auto; border:1px solid #ddd; border-radius:10px; background:#fff;}
#middle2_in:after{ display:block; content:""; clear:both;}
#middle2 .abox{ float:left; width:33%; min-height:263px; box-sizing: border-box; padding:35px 30px;}
#middle2 .abox01{}
#middle2 .bbs:after{ display:block; content:""; clear:both;}
#middle2 .abox02{ border-right:1px solid #ddd; border-left:1px solid #ddd;}
#middle2 .abox03{ padding:30px 35px;}
#middle2 .abox03 dl{ background-repeat:no-repeat; padding-left:85px;}
#middle2 .abox03 .ab01{ background-image:url(../img/main/middle2_icon01.gif); background-position: left 5px; background-size:45px auto;;border-bottom:1px dotted #ddd; margin-bottom:15px; padding-bottom:15px;}
#middle2 .abox03 .ab02{ background-image:url(../img/main/middle2_icon02.gif); background-position: left 5px; background-size:50px auto;}
#middle2 .abox03 dt{ font-size:1.7em;color:#333; letter-spacing:-1px; font-weight:normal;}
#middle2 .abox03 dd{ font-size:12px; color:#777;}
#middle2 a.abtn{ display:inline-block; margin-top:10px; font-size:13px; color:#999; border:1px solid #ddd; border-radius:30px; padding:4px 15px;
 transition:all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
#middle2 a.abtn:hover{ background:#4a77cb; border-color:#4a77cb; color:#fff; transition:all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}

#middle3{ width:100%;}
#middle3_in{ width:1100px; margin:0 auto ; background-color:#fff; background-size:80px auto; background-repeat:no-repeat; background-position:99% 35px; background-image:url(../img/main/mba_bg.jpg); border:1px solid #ddd; border-top:3px solid #4a77cb; padding:27px 40px 24px 40px; border-radius:10px;}
#middle3 dt{ font-size:1.8em; color:#222;}
#middle3 dd{ font-size:1.1em; color:#888;}
#middle3 .tel{ font-size:3.4em; line-height:1em; letter-spacing:-1px; background:url(../img/main/call_icon.gif) no-repeat left 5px; padding-left:60px; margin:0 50px 0 40px;}
#middle3 .tel a{ color:#555;}
#middle3 .tel a span{ color:#4a77cb;}
#middle3 .tel p{ font-size:20px; color:#999; line-height:1em;}
#middle3 .mba{ border-left:1px solid #ddd; padding-left:40px; font-family:'Nanum Gothic', sans-serif;}
#middle3 .mba h3{ font-size:1.2em; font-weight:bold; color:#222; margin-bottom:10px;font-family:'Nanum Gothic', sans-serif !important;}
#middle3 .mba h3 strong{ color:#4a77cb;}
#middle3 .mbat{ font-size:13px; line-height:1.5em; color:#333;}
#middle3 .mbat strong{ color:#4a77cb;}

#mbanner{ background:#fff; padding:20px 0; text-align:center; border-top:1px dotted #ccc;}
#mbanner a{ display:inline-block; width:155px; border:1px solid #ccc; background:#fff; margin-right:10px;}
#mbanner a:last-child{ margin-right:0;}

/*@media (max-width:575px) {
#idx_wrapper{ height:auto;}
	
#visual{ width:100%; min-width:100%; height:150px; margin:0; position:relative; overflow:hidden; background-size:cover; }
#visual #slogan{ display:none;}
#visual #mslogan{ display:block; text-align:center; color:#555; position:absolute; top:0px; left:50%; margin-left:-123px; opacity:0; z-index:998;}
#visual .sliderbx li{ width:100% !important; height:250px; background-position:center top; background-size:cover; text-align:center;}
#visual div.bx-pager{ bottom:15px; margin-left:-22px;}
#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{ position:relative; bottom:0 !important; left:auto; margin-left:0px; width:100%; opacity:1;}
#middle .mid_box{ width:50%; height:130px; padding:30px 10px;}
#middle .mid_box h1{ font-size:1.5em;}
#middle .mid_box a.btn_tra{ width:100px;line-height:22px; font-size:1em; margin:10px auto 0 auto; padding:0 5px;}
#middle .mdbox01{}
#middle .mdbox02{}
#middle .mdbox03{}
#middle .mdbox04{}

#middle2{ width:100%; margin:0px 0 0px 0; border:0;}
#middle2_in{ width:100%;}
#middle2 .abox{ float:none; width:100%; min-height:auto; padding:25px 25px;}
#middle2 .abox01{ border-bottom:1px dotted #ddd;}
#middle2 .abox02{ border-right:0; border-left:0; border-bottom:1px dotted #ddd;}
#middle2 .abox03 .ab01{ margin-bottom:15px; padding-bottom:15px;}
#middle2 .abox03 dt{ font-size:1.7em;color:#333; letter-spacing:-1px; font-weight:normal;}
#middle2 .abox03 dd{ font-size:12px; color:#777;}

#mbanner{ width:310px; margin:20px auto 10px auto;}
#mbanner a{ display:inline-block; margin-right:0px; margin-bottom:10px;}
#mbanner a:nth-child(odd){ margin-right:10px;}

#middle3_in{ width:100%; margin:0 auto; padding:20px 30px; border-left:0; border-right:0; border-bottom:0;}
#middle3 dl{ float:none;}
#middle3 .tel{ float:none; font-size:3em; letter-spacing:-1px; padding:10px 0 0px 50px; margin:0 0px 0 0px; background-size:40px auto; background-position:left 15px;}
#middle3 .fax{ float:none; font-size:2em; border-left:0; padding:0px 0 0 50px;}

}
*/