/* 인덱스 레이아웃 */
#idx_wrapper{width:100%; margin:0 auto; position:relative;}

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

.sliderbx{ width:100%; height:700px; }
.sliderbx li{width:100% !important; height:700px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.sliderbx li:nth-child(1){background-image:url(../img/main/mvisual01.jpg)}
.sliderbx li:nth-child(2){background-image:url(../img/main/mvisual02.jpg)}
.sliderbx li:nth-child(3){background-image:url(../img/main/mvisual03.jpg)}

#visual .slogan{ position:absolute; top:110px; width:458px; left:50%; margin-left:-245px; text-align:left; z-index:100;}
#visual .slogan p{ }
#visual .slogan span{ display:block;margin:55px 0 0px 0;text-align:center;}
#visual .slogan span a{ display:inline-block; border: 2px solid #fff; border-radius:30px;font-weight:500; font-size:25px; color:#fff; letter-spacing:-1.5px; line-height:60px; padding:0 30px;}
#visual .slogan span a:hover{ background: #ebb611; transition:0.6s;}

#visual div.bx-pager{ position:absolute; top:30px; left:50%; margin-left:-34px; z-index:100;}
#visual div.bx-pager div{ float:left; margin:0 2px;}
#visual div.bx-pager div a{ 
	display:block; width:12px; height:10px; text-indent:-9999px; border-radius:9px; background:rgba(250,250,250,0.7);
	}
#visual div.bx-pager div a.active{background:#fff; width:35px;}
#visual div.bx-controls-direction a{
	display:none; width:25px; height:80px; text-indent:-9999px; position:absolute; top:50%; margin-top:-40px; opacity:0.5; /*margin-top:-20px;*/
	} /*좌우버튼동시선택*/
#visual div.bx-controls-direction a:hover{opacity:1;}
#visual a.bx-prev{left:15px; background:url(../img/common/mbn_v_prev.png) no-repeat left 0/100% 100%;}
#visual a.bx-next{right:15px; background:url(../img/common/mbn_v_next.png) no-repeat right 0/100% 100%;}	
#visual div.bx-controls-auto{position:absolute; width:40px; top:150px; left:50%; margin-left:-550px;}
#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/mbn_btn_play.png) no-repeat 50% 50% #806000;}
#visual div.bx-controls-auto a.bx-stop{background:url(../img/common/mbn_btn_stop.png) no-repeat 50% 50% #806000;}

@media (max-width: 991px) {
.sliderbx{width:100%; height:300px;}
.sliderbx li{ height:300px;}
#visual .slogan { top:37px; width:68%; margin:0 auto;left:50%;text-align:center;    margin-left: -123px;}
#visual .slogan p{ margin:0 auto;}
#visual .slogan p img{width:100%;}
#visual .slogan span{ margin:5px 0 0px 0;}
#visual .slogan span a{ font-size:15px; line-height:40px; padding:0 30px;}
#visual div.bx-pager{ top:20px;}
}

/* 메인배너 */
#micon{ text-align:center; margin:60px 0; min-width: 1100px; display: none}
#micon a{ display:inline-block; margin:0 45px; text-align:center;}
#micon p{ width:180px; height:180px; border-radius:100px; line-height:160px; margin-bottom:20px;}
#micon span{ font-size:1.5em; color:#343434; letter-spacing:-0.5px; font-weight:500;}
#micon .goto{ color:#ffac2a; border:1px solid #ffac2a;padding: 8px 15px; margin-top: 15px;}
#micon a:hover .goto{  transition: 0.6s;}

@media (max-width: 991px) {
#micon{  margin:30px 0; min-width: 100%;}
#micon a{margin:10px 0 ; width: 48%; }
#micon p{ line-height:80px; margin-bottom:10px;}
#micon p img{ width:90%; height:auto;}
#micon span{ font-size:1em;}
}

#middle{ width:100%; height:364px; background:url(../img/main/middle_bg.jpg) no-repeat center top;}
.middle_in{ width:1000px; margin:0 auto; padding:45px 0;}
.middle_in:after{ display:block; content:""; clear:both;}
.mainban2 h1{ color: #eaebe7; font-weight: bold; font-size: 1.5em;margin-bottom: 15px;}
.mainban2 span{ font-weight: 200; font-size:0.8em; display: block;letter-spacing: 1px;}
.Mproduct a{ border: 1px solid #fff; opacity: 0.9; color: #fff!important; padding: 8px 15px; float:left; margin:8px 5px; width: 31%; text-align: center; }
.Mproduct a:hover{ transition:0.3s; background: #ffac2a; border: 1px solid #ffac2a; opacity: 1; font-weight: bold; color: #593805 !important}
.Mcall{background: url(../img/main/call_icon.png) no-repeat right top;}
.Mcall h2{color:#ffac2a; font-weight: bold; font-size: 3em;line-height: 1.3em; }
.Mcall p{color:#fff; font-weight: 200; line-height: 2em; font-size:1.2em;word-break: keep-all;}

@media (max-width: 991px) {
#middle{ width:100%; height:auto; background-size:cover;}
.middle_in{ width:100%; margin:0 auto; padding:50px 20px;}
.Mproduct a{  width: 46%;  }
.Mcall{margin-top: 30px; background-size: 80px;}

}



/*메인-갤러리추출*/

#main_bbs{width:1100px; margin:50px auto;}
#main_bbs:after{display:block;clear:both;content:""}
#main_bbs h1{line-height:1.8em; font-size:1.5em; color: #343434; padding-top:5px; font-weight: bold; text-align:center;}
#main_bbs p{text-align:center; color: #8d8d8d;margin-bottom: 35px;}
#main_bbs .gal{float:left; width:100%; position:relative;}
#main_bbs .gal .more{position:absolute; top:10px; right:0;}



/*퀵메뉴*/
#quick a{ border: 2px solid #fff; border-radius:30px;font-weight:500; font-size:25px; color:#fff; line-height:60px; padding:0 30px; position: fixed; right: 15px; bottom: 50%; background: #ffac2a;}
#quick a:hover{ background: #ffac2a; transition:0.6s;}
@media (max-width: 991px) {
#quick {display: none;}
}