/* 인덱스 레이아웃 */
#idx_wrapper{width:100%; margin:0 auto; background:url(../img/visual/mvisual_bg.jpg) repeat-x center top;}

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

.sliderbx{z-index:1; width:100%; height:530px;}
.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/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)}
.sliderbx li:nth-child(4){background-image:url(../img/main/mvisual04.jpg)}
.sliderbx li:nth-child(5){background-image:url(../img/main/mvisual05.jpg)}

.slogan{position:absolute; opacity:0; top:160px; width:100%; text-align:center; font-family:'NanumS'; z-index:2;}
.slogan p{font-size:45px; color:#fff; font-weight:bold; text-shadow:0 0 5px #000; margin-bottom:10px}
.slogan p strong{color:#FFD040;}
.slogan span{font-size:20px; color:#fff; text-shadow:0 0 5px #000;}

.slogan .btn{display:inline-block; margin:30px 2px; background:#e9af00; border:2px solid #e9af00; color:#fff; padding:15px 30px; border-radius:50px; font-size:1.3em;}
.slogan .btn.btnw{background:#fff; border:2px solid #e9af00; color:#806000;}
.slogan .btn:hover{background:#333; border:2px solid #333; color:#fff; transition:all 0.5s;}

#visual div.bx-pager{ position:absolute; top:30px; left:50%; margin-left:-520px; z-index:2;}
#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:40px; height:40px; border-bottom:2px solid #FFF; border-left:2px solid #FFF; border-radius:0 0 0 5px; text-indent:-9999px;
	position:absolute; top:50%; /*margin-top:-20px;*/
	} /*좌우버튼동시선택*/
#visual a.bx-prev{ transform:translateY(-50%) rotate(45deg); left:20px;}
#visual a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:20px;}	
#visual div.bx-controls-auto{position:absolute; width:40px; top:30px; z-index:2; 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:250px;}
.slogan{width:100%; top:60px;}
.slogan p{font-size:20px;margin-bottom:10px;}
.slogan span{font-size:13px;}
.slogan .btn{display:none;}

#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;}
}

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

/* 고객센터 */
.idx_cus{padding:40px 0;}
.idx_cus .cus{text-align:center; font-size:2em; line-height:50px; font-weight:normal; color:#1D89C7; vertical-align:middle; font-family:'NanumS';}
.idx_cus .cus .icon{display:inline-block; text-align:center; width:50px; height:50px; border-radius:50%; border:2px solid #ffae00; color:#ffae00; vertical-align:middle; margin-right:10px;}
.idx_cus .cus  strong{color:#ffae00}
@media (max-width: 991px) {
.idx_cus{padding:30px 0;}
.idx_cus .cus{text-align:left; font-size:1.5em; line-height:40px; width:90%; margin:0 auto;}
.idx_cus .cus .icon{width:40px; height:40px; margin:3px 10px;}
.idx_cus .cus p{font-size:1em;}
.idx_cus .cus h3{font-size:2em;}
}

/* 창업 */
.idx_fs{background:#FFC000; text-align:center; padding:20px 0; color:#674F08; font-size:1.2em;}
.idx_fs p{margin-bottom:10px; font-size:1.3em; font-weight:600;}
.idx_fs p:after{display:block; content:""; width:500px; height:1px; background:#FFAE00; margin:10px auto;}
.idx_fs .btn{display:inline-block; padding:5px 20px; background:#fff; color:#FFAE00; font-weight:bold; margin-left:10px;}
@media (max-width: 991px) {
.idx_fs p{font-size:1.1em;}
.idx_fs p:after{width:90%;}
.idx_fs .btn{margin-left:0; margin-top:10px;}
}

/* 메인서비스 */
.main_sev{margin:0 auto; padding:40px 0; background:#E3E3E3;}
.main_sev h2{background:url(../img/main/con_title01.gif) no-repeat center top; font-weight:bold; line-height:2em; letter-spacing:-1.2px; color:#373737; font-size:1.8em;text-align:center; padding-top:10px;}
.main_sev .add_ex{color:#737373; text-align:center; font-size:1.2em; line-height:1.8em; margin-bottom:40px; letter-spacing:-0.8px;}
.main_sev .box_list .row{margin:0;}
.main_sev .box_list li{padding-left:5px; padding-right:5px; margin:0;}
.main_sev .box_list li a{display:block; border:1px solid #E3E3E3; padding-bottom:15px; overflow:hidden;}
.main_sev .box_list li .text{padding:0 15px;}
.main_sev .box_list li .text p{margin:15px 0 5px; font-size:1.2em; font-weight:bold; color:#333; position:relative;}
.main_sev .box_list li .text p strong{display:block; color:#000; font-size:0.85em;}
.main_sev .box_list li .btn{position:absolute; right:10px; top:10px; font-size:0.9em; vertical-align:middle;}
.main_sev .box_list li .text span{font-size:1em;}
.main_sev .box_list li .over{position:relative; height:150px; overflow:hidden; padding:0;}
.main_sev .box_list li .over img{width:100%; height:auto; transition:all 0.4s;}
.main_sev .box_list li a:hover .over img{transform:scale(1.2);}
@media (max-width: 991px) {
.main_sev{width:100%; padding:30px 0; padding-bottom:30px;}
.main_sev h2{font-size:1.5em;}
.main_sev .add_ex{font-size:1.1em; margin-bottom:30px;}
.main_sev .box_list li a{width:100%; margin:5px 0; height:100px; padding:0;}
.main_sev .box_list li .text span{display:inline-block; width:100%; height:37px; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;}
.main_sev .box_list li .text p{margin:10px 0 3px 0;}
}


/* 메인배너 */
.main_bn{padding:40px 0; background:#F3F3F3;}
.main_bn li h2, .lt_title{font-size:1.5em; color:#000; font-weight:bold; display:inline-block; padding-right:20px;
						  background-image:url(../img/main/con_title01.gif); background-repeat:no-repeat; background-position:right center;}
@media (max-width: 991px) {
.main_bn{width:100%; padding:30px 0}
.main_bn li{text-align:center; padding-left:0;}
.main_bn li h2{font-size:1.5em; padding-top:20px; padding-right:0; background-position:center top;}
}