/* 인덱스 레이아웃 */
#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{ position:relative; background:#231f20;}

.visual{background:url(../img/mobile/idx_bg_hd.jpg) no-repeat center top/100% auto; padding:30px 0 20px 0;}
.slogan{width:100%; text-align:center; margin:0px 0 20px 0; z-index:100;}
.slogan:before{ display:block; content:""; width:40px; height:4px; background:#fff; border-radius:10px; margin:0 auto 10px auto; box-shadow:0 0 3px rgba(0,0,0,0.8);}
.slogan strong{font-size:2.2em; color:#fff; font-weight:bold; text-shadow:0 0 3px rgba(0,0,0,0.8);}
.slogan p{font-size:1.05em; color:#fff; text-shadow:0 0 3px rgba(0,0,0,0.8); font-weight:600;}

/* 메인 퀵메뉴 */
.idx_icon{width:100%; margin:4px auto 0 auto; text-align:center;}
.idx_icon li{overflow:hidden; display:inline-block; width:29%; background:#eee; margin:0 1px; padding:15px 0;}
.idx_icon li a{display:inline-block; width:60px; height:50px;  text-align:center; border-radius:100px; margin-bottom:5px;}
.idx_icon li a img{width:60%;}
.idx_icon li p{color:#fff; font-size:1.2em; font-weight:600;}
.idc01 li:last-child{ background:#821014; border-radius:0px 10px 0px 0;}
.idc01 li:nth-child(2){ background:#c4161c;}
.idc01 li:first-child {}
.idc01 li:first-child p{ color:#444;}
.idc02 li:first-child { background:#6f0a0e; border-radius:0px 0 0px 10px;}
.idc02 li:nth-child(2){ background:#d2a428;}
.idc02 li:last-child{ background:#231f20;}

.data_bbs{width:100%; padding:5px 2%;}
.data_bbs .row{padding:10px 20px; box-sizing:border-box; border-radius:5px;}