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

/* 메인슬라이더 */
#visual{width:100%; height:226px; position:relative; overflow:hidden; border-radius:5px;}
a{cursor:pointer}

.sliderbx{z-index:1; width:100%; height:230px;}
.sliderbx li{width:100%; height:226px; 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)}

#visual div.bx-pager{ position:absolute; bottom:8px; left:0%; text-align:center; width:100%;  z-index:2;}
#visual div.bx-pager div{display:inline-block; margin:0px 2px;}
#visual div.bx-pager div a{ 
	display:block; width:8px; height:8px; padding:0; text-indent:-9999px; border-radius:9px; background:#FFF;
	}
#visual div.bx-pager div a.active{background:#FEB609;}
#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: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;}


/* 메인컨텐츠 레이아웃 */
#idx_container{background:#334249;}

.visual{background:url(../img/mobile/idx_bg_hd.jpg) no-repeat center bottom/100% auto; padding:30px 0; margin-bottom:-1px; padding-bottom:10%;}
.slogan {width:100%; text-align:center; padding-bottom:40px; margin:0px 0 30px 0; z-index:100; background:url(../img/mobile/slogan_line.png) no-repeat bottom center/ auto;}
.slogan strong{font-size:1.8em; color:#fff; font-weight:bold; text-shadow:0 0 3px rgba(0,0,0,0.3);}
.slogan p{font-size:1.1em; color:#fff; text-shadow:0 0 3px rgba(0,0,0,0.3); font-weight:600;}

/* 메인 퀵메뉴 */
.idx_icon{width:85%; margin:10px auto; text-align:center;}
.idx_icon li{overflow:hidden; display:inline-block; padding:0px 30px;}
.idx_icon li a{display:inline-block; width:60px; height:60px; line-height:50px; text-align:center; border-radius:100px; border:5px solid #fff; margin-bottom:10px;}
.idx_icon li a img{width:70%;}
.idx_icon li p{color:#fff; font-size:1.2em; font-weight:600;}

.idx_icon li.pcdesign a {border:5px solid #fff; margin-left:-10px;}
.idx_icon li.pcdesign p {margin-left:-10px;}
.idx_icon li.appdesign {display:none}



@media (max-width: 600px) {
.slogan {background:url(../img/mobile/slogan_line.png) no-repeat bottom center/60% auto;}
.idx_icon li.pcdesign {display:none}
.idx_icon li.appdesign {display:block}
.idx_icon li.appdesign a{width:90px; height:90px; line-height:80px; border:5px solid #4D3E26;}
.idx_icon li.appdesign p{color:#4D3E26;}
}


.data_bbs{width:100%; margin:0; background:url(../img/mobile/idx_bg_bt.jpg) no-repeat center top/100% auto; padding:0px 7.5%;}
.data_bbs .row{padding:10px 20px; box-sizing:border-box; border-radius:5px;}