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

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

.sliderbx{z-index:1; width:100%; min-height: 800px;}
.sliderbx li{width:100% !important; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.sliderbx li:nth-child(1){background-image:url(../img/main/main_bg01.jpg)}
.sliderbx li:nth-child(2){background-image:url(../img/main/main_bg02.jpg)}
.sliderbx li:nth-child(3){background-image:url(../img/main/main_bg03.jpg)}
.sliderbx li:nth-child(4){background-image:url(../img/main/main_bg04.jpg)}


.slogan{position:absolute; top:2%; width:1140px; left:50%; margin-left:-600px; text-align:center; z-index:2;  /*background: url(../img/main/slogan_bg.png) no-repeat 50%; */ padding: 6.2%;}
.slogan .main_txt { margin-bottom:10px}
.slogan .main_txt img {width:92%;}
.slogan p strong{color:#FFD040;}
.slogan span{color:#fff; text-shadow:0 0 0px #000;}

.slogan .food {padding-top:10px; margin: 0 auto;}
.slogan .big_title {font-size:2.1em; color:#1e0078; letter-spacing:-2px; line-height:34px; font-weight:700; text-shadow:0px 0px 6px #fff;}
.slogan .small_font {font-size:1.8em; color:#1e0078; letter-spacing:0px; line-height:29px; font-weight:700}

#bx-viewport {height: auto !important}

#visual div.bx-pager{ position:absolute; top:150px; left:50%; margin-left:-520px; z-index:2; display: none;}
#visual div.bx-pager div{ float:left; margin:0 3px;}
#visual div.bx-pager div a{ 
	display:block; width:12px; height:12px; text-indent:-9999px; border-radius:9px; background:#FFF;
	}
#visual div.bx-pager div a.active{background:#FEB609; width:24px;}
#visual div.bx-controls-direction a{
	display:block; width:25px; height:80px; text-indent:-9999px; position:absolute; top:50%; margin-top:-40px; z-index:100; 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; z-index:2; left:50%; margin-left:-550px;    display: none;}
#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) {
#visual {height:380px}
.sliderbx {width:100%; height:800px;}
.slogan{width:90%; top: 7%; left:5%; margin-left:0; *background: url(../img/main/slogan_bg.png) no-repeat 50%; background-size: contain; padding: 70px 10px 50px;}
.slogan .food_img {width: 50%; display:none}	
.slogan p{font-size:20px;margin-bottom:10px;}
.slogan p img{width:100%;}
.slogan span {}
.slogan .btn{display:none;}
.slogan .big_title {margin-top:-20px; font-size:1.14em; color:#1e0078; font-weight:800; word-break:keep-all; letter-spacing:-1px; line-height:16px;}
.slogan .small_font {margin-top:-20px; font-size:0.9em; color:#1e0078; font-weight:800; word-break:keep-all; letter-spacing:-1px; line-height:14px;}

#visual div.bx-pager{margin-left:0; left:40px; top:auto; bottom:10px;}
#visual div.bx-controls-auto{margin-left:0; left:10px; top:auto; bottom:10px;}
#visual div.bx-controls-direction a{display:none;}
}


/* 메인컨텐츠 레이아웃 */
#idx_container{}

/* 고객센터 */
.idx_cus {text-align:center; color:#fff; font-size:1.2em; padding:10px 0;background: rgba(8, 11, 45, 0.75); position: absolute; bottom: 0; left: 0;
    width: 100%; z-index: 100;}
.idx_cus p{margin-bottom:10px; font-size:1.3em; font-weight:600;}
.idx_cus p strong{color:#FFCF4D;}
.idx_cus p:after{display:block; content:""; width:900px; height:1px; background:#fff; margin:10px auto; opacity:0.3;}
.idx_cus .call{font-size:1.6em; color: #fffc7c; font-weight: bold;}
.idx_cus .time{opacity:0.7;}
.idx_cus .btn{display:inline-block; padding:10px 30px; color: #fff; border:1px solid #fff; font-weight:bold; margin-left:20px;}
.idx_cus .btn:hover{background:none; border:1px solid #FFCF4D; color:#FFCF4D;}
@media (max-width: 991px) {
.idx_cus p{font-size:1.1em;}
.idx_cus p:after{width:90%;}
.idx_cus .btn{margin-left:0; margin-top:10px;}
.idx_cus .call{font-size:1.4em; color: #fffc7c; font-weight: bold;}
}

/* 업무분야 배너 */
.middle_bn{background:#1a1a1a; color:#fff;}
.middle_bn a{display:block; height:420px; padding:0; position:relative; background-repeat:no-repeat; background-position:50%; background-size:cover;}
.middle_bn a p{width:100%; text-align:center; position:absolute; top:50%; transform:translateY(-50%); color:#fff; font-size:2.7em; opacity:0.65; z-index:1; transition:all 0.3s;}
.middle_bn a p span{display:block; font-size:0.7em; margin-top:5px; opacity:0.8; transition:all 0.3s;}
.middle_bn a:hover p{opacity:1; transition:all 0.3s;}
.middle_bn a:nth-child(1){background-image:url(../img/main/middle_bn01.jpg);}
.middle_bn a:nth-child(2){background-image:url(../img/main/middle_bn02.jpg);}
.middle_bn a:nth-child(3){background-image:url(../img/main/middle_bn03.jpg);}
.middle_bn a:nth-child(4){background-image:url(../img/main/middle_bn04.jpg);}
@media (max-width: 991px) {
.middle_bn a{height:240px;}
.middle_bn a p {opacity: 1; font-size:1.9em; text-shadow:0px 0px 6px #000}
.middle_bn a p span {opacity: 0.8;}
}

/*협력업체*/
.co_company { width: 1100px;  margin: 0 auto;    font-size: 1.8em; color: #818181;    height: 80px;  padding: 20px 0;}
.co_company li{float: left;    text-align: center;}
.co_company li:first-child {margin-right: 20px; color: #262626; font-size: 0.9em; border: 1px solid #262626; border-radius: 5px; padding: 2px 5px;}
.co_company img { height: 23px; padding:0 10px;}

@media (max-width: 991px) {
.co_company { width: 100%;height: 115px;    font-size: 1.5em;padding: 10px;}
.co_company li{}
.co_company li:first-child { width: 100%;text-align: center;}
.co_company li:nth-child(2) {text-align: left; padding-left: 10px}
.co_company img {height: 15px;padding: 0;}		
}


.maintel {position:absolute; font-size:3.4em; font-weight:900; color:#231279; left:50%; margin-left:-460px; top:-10px; z-index:9999;}

@media (max-width: 991px) {
.maintel {font-size:2.2em; margin-left:-70px; top:20px;}
}


.foottel{position:absolute; top:24px; width:200px; color:#fff; font-size:2em; font-weight:900; margin-left:70px; z-index:9999;}

@media (max-width: 991px) {
.foottel{font-size:1.3em; top:16px; }
}