@charset "utf-8";


/* 메인슬라이더 */
#idx_container{ height:auto; background:#fff; padding:35px 0;}
#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 .sliderbx li{ width:100% !important; height:550px; background-repeat:no-repeat; background-position: center top; position:relative;}
#visual .sliderbx li:nth-child(1){background-image:url(../img/main/m_bg.jpg)}
#visual .sliderbx li:nth-child(2){background-image:url(../img/main/m_bg.jpg)}
#visual .sliderbx li:nth-child(3){background-image:url(../img/main/m_bg.jpg)}
#visual .sliderbx li:nth-child(4){background-image:url(../img/main/m_bg.jpg)}
#visual .sliderbx li:nth-child(5){background-image:url(../img/main/m_bg.jpg)}
/*#visual .sliderbx li:nth-child(3){background-image:url(../img/main/m_bg.jpg)}
#visual .sliderbx li:nth-child(4){background-image:url(../img/main/m_bg.jpg)}*/
#visual .sliderbx li .mpro{position:absolute; top:50px; left:50%; margin-left:-650px;}


.slogan{position:absolute; top:185px; width:1000px; left:50%; margin-left:250px; z-index:2; letter-spacing:-1.5px; z-index:999; text-shadow:1px 1px 2px #333;}
.slogan h3{font-size:1.8em; color:#fff; font-weight:400; margin-bottom:10px;}
.slogan h2{ font-size:3.3em; font-weight:700; color:#fff;}
.slogan p{font-size:1.15em; color:rgba(255,255,255,0.9); font-weight:300; margin-top:15px; }


#visual div.bx-pager{ position:absolute; top:350px; left:50%; margin-left:250px; z-index:101;}
#visual div.bx-pager div{ float:left; margin:0 3px;}
#visual div.bx-pager div a{ display:block; width:10px; height:10px; text-indent:-9999px; border-radius:9px; background:#FFF;}
#visual div.bx-pager div a.active{ background:#fff; width:35px;}
#visual div.bx-controls-direction a{ 
display:block; width:50px; height:50px; 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:40px;}
#visual a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:40px;}	
#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;}

@media (max-width: 991px) {
#visual{ width:100%; min-width:100%; height:250px; margin:0; position:relative; overflow:hidden;}
.slogan{position:absolute; top:12%; width:100%; padding:10px; margin-left: inherit; left:inherit;  text-align:center; z-index:2; letter-spacing:-0.5px; z-index:999; text-shadow:1px 1px 2px #333;}
.slogan h3{font-size:1.3em;  margin-bottom:5px;}
.slogan h2{ font-size:1.8em;}
.slogan h2 img{width:230px; height:auto;}
.slogan p{ display:none;}

#visual .sliderbx li{ width:100% !important; height:250px; background-position:center top; background-size:cover;}
#visual .sliderbx li .mpro{top:auto; bottom:0; margin-left:-100px;}
#visual .sliderbx li .mpro img{width:200px; height:auto;}
#visual div.bx-pager{ top:100px; margin-left:-52px;}
#visual div.bx-controls-direction{ display:none;}
}



/*메인-중간컨텐츠*/
#middle{ width:100%; margin:60px 0;}
#middle_in{ width:1100px; background:#fff; margin:0 auto; box-sizing: border-box; border:1px solid #ddd;}
#middle_in:after{ display:block; content:""; clear:both;}
#middle .abox {float:left; width:33%; box-sizing: border-box;  height:565px;}
#middle .abox01{ border-right:1px solid #ddd;}
#middle .abox02{ border-right:1px solid #ddd;}
#middle .abox03{ width:34%;}
#middle .abox_img img{ width:100%; height:230px; overflow:hidden;}
#middle dl{ color:#444; position:relative; padding:35px 30px;}
#middle dt{ font-size:22px; font-weight:500; color:#444; letter-spacing:-0.8px;}
/*#middle dt:before{ display:block; content:""; width:30px; height:3px; background:#1f3c88; margin-bottom:7px;}*/
#middle dt span{ color:#1e49a0;}
#middle p{ font-size:13px; color:#999; margin-bottom:20px;}
#middle dd{ font-size:14px; color:#777; margin:15px 0 20px 0; line-height:1.5em;}
#middle a.mbtn{ display:block; width:110px; border:1px solid #ccc; background:#fff; line-height:30px; color:#999; padding:0 15px; transition:all 0.5s; font-size:1.05em;}
#middle a.mbtn:hover{ border:1px solid #222; color:#fff; background:#444; border-radius:4px; transition:all 0.5s;}
#middle .abox03 .tel_icon{ float:left; width:45px; height:45px; border-radius:50%; line-height:40px; text-align:center; color:#fff; background:#156eba; font-size:1.8em; margin:3px 10px 0 0;}
#middle .abox03 .tel_wrap{ float:left;}
#middle .abox03 a{ display:block; font-family:Tahoma, Geneva, sans-serif;}
#middle .abox03 a.tel{ font-size:35px; color:#333; font-weight:500; line-height:1em;}
#middle .abox03 a.fax{ font-size:23px; color:#888; font-weight:500; line-height:1em; margin:7px 0 5px 3px;}
#middle .abox03 a.mail{ font-size:12px; color:#5893d4; font-weight:600; line-height:1em; letter-spacing:-0.1px; margin-left:3px;}

#middle .bank_title {font-size:1.3em; color:#0262cd; font-weight:600; line-height:1.4em; letter-spacing:-0.5px; padding-top:10px;}
#middle .bank_title span {color:#5893d4;}
#middle .bank_title p {font-size:1.7em; color:#333; padding:6px 0;}



@media (max-width: 991px) {
/*메인-중간컨텐츠*/
#middle{ margin:0;}
#middle_in{  width:100%; border:0; border-bottom:1px solid #ddd;}
#middle .abox{ float:left; width:50%; height:auto;}
#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 img{ height:100px;}
#middle dl{ padding:20px 0px;}
#middle dt{ font-size:16px;}
#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:20px 30px;}
#middle .abox03 dt:before{ display:none;}
#middle .abox03 .tel_icon{ width:40px; height:40px; line-height:40px; font-size:1.5em;margin:3px 15px 0 0;}
#middle .abox03 a.tel{ font-size:35px; font-weight:900; letter-spacing:-1px;}
#middle .abox03 a.fax{ font-size:21px;}
#middle .abox03 a.mail{ font-size:12px;}
}