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

/* 메인슬라이더 */
#visual{width:1100px; height:435px; position:relative; margin:0 auto;overflow:hidden;}
a{cursor:pointer}
#visual #slogan{position:relative; z-index:10; width:1100px; margin:0 auto; text-align:right;}
#visual #slogan span, #slogan p{opacity:0; position:absolute; right:0px;;}
/*#slogan .logo{top:50px; font-size:2.5em; letter-spacing:10px; font-family: 'Dosis', sans-serif; font-weight:500;}*/
#visual #slogan .tit{ top:220px; }
/*#slogan .s1{top:400px; font-size:1.5em; line-height:1.8em;}
#slogan .s2{top:350px; font-size:1.5em; line-height:1.8em;}*/

.sliderbx{z-index:1; width:100%; height:435px;}
.sliderbx li{width:100%; 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)}
.sliderbx li:nth-child(6){background-image:url(../img/main/mvisual06.jpg)}
.sliderbx li a{ display:block; width:100%; height:435px;}

#visual div.bx-pager{ position:absolute; bottom:20px; left:50%; margin-left:410px; z-index:2;}
#visual div.bx-pager div{ float:left; margin:0 2px;}
#visual div.bx-pager div a{ 
	display:block; width:17px; height:17px; border-radius:9px; background:#333; color:#fff; font-weight:bold; line-height:17px; text-align:center;}
#visual div.bx-pager div a.active{background:#0daef1;}
#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{ z-index:4; position:relative; width:100%;}
#idx_container .fl{ float:left;}


/* 메인컨텐츠 */
.idx1 { width:1298px; margin:0 auto; background:#f7f7f7; border:1px solid #ddd;}
.idx1_inner{ width:1100px; margin:0 auto;}

.cus{ border-right:1px solid #ddd; background:url(../img/main/customer_img.png) no-repeat 180px bottom; padding:40px 45px 40px 0; min-height:154px;}
.cus h1{ font-size:2.08em; line-height:0.9em; color:#333; letter-spacing:-1px;}
.cus h1 span{ font-size:0.52em; color:#aaa; font-weight:bold; letter-spacing:0px;}
.cus .num{ font-size:2.75em; font-weight:bold; line-height:1em; letter-spacing:-2px; padding-top:5px;}
.cus .num span{ display:inline-block; border-radius:30px; font-size:0.48em; line-height:1em; text-align:center; padding:10px 20px; color:#fff; font-weight:bold;}
.cus .num strong{ color:#029d65; font-weight:bold;}
.cus .num .n1{ background:#a9c10c; }
.cus .num .n2{ background:#819212; }

.account { border-right:1px solid #ddd; padding:40px 45px 40px 45px; font-size:1.33em;}
.account strong{ font-weight:bold;}
.account h2{ background:url(../img/main/mb_title_icon01.png) no-repeat left center; padding:5px 0 5px 25px; font-size:1em; color:#444; margin-bottom:14px;}
.account p{ font-size:1.87em; color:#333; font-weight:bold; letter-spacing:-1px; line-height:1.3em;}

.tbbs{ position:relative; padding:40px 0px 40px 45px;}

.idx2{ width:1100px; margin:60px auto 30px auto;}
.idx2 dl{ margin-bottom:40px; position:relative;}
.idx2 dt{ font-size:2.3em; font-weight:bold; letter-spacing:-1px; background:url(../img/main/mbbs_title_txt.png) no-repeat left center; padding:5px 0 5px 210px; margin-bottom:20px;}
.idx2 dt span{ font-size:0.5em; font-weight:normal; color:#888; letter-spacing:-1px;}
.idx2 .line{ height:2px; position:absolute; top:15px;}
.idx2 .li1{ background:#8ba900; width:320px; left:670px;}
.idx2 .li2{ background:#01a6a8; width:410px; left:575px;}
.idx2 .li3{ background:#3d7bd8; width:400px; left:585px;}
.idx2 .li4{ background:#1628b1; width:405px; left:585px;}
.idx2 p.more_btn{ position:absolute; top:0; right:0; width:90px; height:28px; border:1px solid #999; border-bottom:3px solid #999; border-radius:4px; text-align:center;}
.idx2 p.more_btn:hover { background:#999; border-bottom:3px solid #777;}
.idx2 p.more_btn a{ line-height:32px; font-size:1.1em; color:#777;}
.idx2 p.more_btn:hover a{ color:#fff;}
.idx2 .dt1{ color:#8aa801;}
.idx2 .dt2{ color:#01a6a8;}
.idx2 .dt3{ color:#3072d5;}
.idx2 .dt4{ color:#1628b1;}

.idx3{ width:1100px; margin:0 auto; background:#fafbf2; border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.idx3 a{ display:inline-block; width:33.3%; border-right:1px solid #ddd; box-sizing:border-box; text-align:center; padding:10px 0; background:url(../img/main/mbanner_arrow.png) no-repeat 320px center;}

.idx4{ width:1100px; margin:0 auto 30px auto;}
.idx4 dd{ float:left;}
.idx4 dd.noti{ border-top:1px solid #555; border-bottom:1px solid #555; height:241px; padding-right:25px;}