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

/* 메인슬라이더 */
#visual{width:100%; min-width:1100px; margin:0 auto; position:relative;overflow:hidden;}
a{cursor:pointer}
#mvisual{ display:none;}


#visual #slogan{ position:absolute; top:0px; left:50%; margin-left:-550px; opacity:0; z-index:998;}

/*#visual .bxslider{ z-index:10;width:100% !important; position:relative;}
#visual .bxslider li{ width:100% !important; height:750px; background-repeat:no-repeat; background-position:center top;}
#visual .bxslider li.mimg01 {background-image:url(../img/main/mvisual01.jpg); }
#visual .bxslider li.mimg02 {background-image:url(../img/main/mvisual02.jpg); }
#visual .bxslider li.mimg03 {background-image:url(../img/main/mvisual03.jpg); }
#visual .bxslider li.mimg04 {background-image:url(../img/main/mvisual04.jpg); }*/
#visual .bx-wrapper{ position:relative;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;}
#visual .bx-wrapper img{max-width:100%;display:block}

#visual .bxslider{ width:100%; position:relative; height:752px;}
#visual .bxslider li{ list-style:nonewidth:100% !important; height:752px; background-repeat:no-repeat; background-position:center top;}
#visual .bxslider li.mimg01 {background-image:url(../img/main/mvisual01.jpg); }
#visual .bxslider li.mimg02 {background-image:url(../img/main/mvisual02.jpg); }
#visual .bxslider li.mimg03 {background-image:url(../img/main/mvisual03.jpg); }

/*#visual .bxslider{margin:0;padding:0}
#visual .bxslider{list-style:none}
#visual .bx-viewport{-webkit-transform:translatez(0)}
*/
#visual div.bx-pager{ position:absolute; bottom:30px; left:50%; margin-left:-46px; z-index:101;}
#visual div.bx-pager div{ float:left; margin:0 3px;}
#visual div.bx-pager div a{ display:block; height:10px; width:40px; text-indent:-9999px; border-radius:4px; background:rgba(250,250,250,0.5);}
#visual div.bx-pager div a.active{ background:rgba(250,250,250,1);}
#visual div.bx-controls-direction a{ 
 display:none; 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 !important; z-index:9999;} 
 /*좌우버튼동시선택*/
#visual a.bx-prev{ transform:translateY(-50%) rotate(45deg); left:40px;}
#visual a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:40px;}	
#visual div.bx-controls-auto{ position:absolute; top:38px; left:50%; margin-left:-60px; width:44px;  z-index:101;}
#visual div.bx-controls-auto a{	float:left; margin-right:4px; width:15px; height:15px; border-radius:10px; 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% #19c2e6;}
#visual div.bx-controls-auto a.bx-stop{ background:url(../img/common/btn_stop.png) no-repeat 50% 50% #444;}


@media (max-width: 1280px) {
#visual .bxslider{ height:400px;}
}
	
@media (max-width: 991px) {
/* 메인슬라이더 */
#visual{ display:block;    min-width: 100%;}
#visual .bxslider{ height:230px;}
#visual .bxslider li{ height:230px; background-size: cover; }
#visual div.bx-pager{ bottom:15px; margin-left:-66px; }
	
/*#mvisual{ display:block; width:100%; position:relative;}

#mvisual #slogan{ width:70%; position:absolute; top:20%; left:3%; z-index:998;}
#mvisual #slogan img{ width:100%;}

#mvisual .bx-wrapper{ position:relative;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;}
#mvisual .bx-wrapper img{max-width:100%;display:block}
#mvisual .bxslider{margin:0;padding:0}
#mvisual .bxslider{list-style:none}
#mvisual .bx-viewport{-webkit-transform:translatez(0)}

#mvisual div.bx-pager{ position:absolute; top:160px; left:10px; margin-left:0; z-index:101;}
#mvisual div.bx-pager div{ float:left; margin:0 2px;}
#mvisual div.bx-pager div a{ display:block; height:7px; width:15px;text-indent:-9999px; border-radius:4px; background:rgba(250,250,250,0.5);}
#mvisual div.bx-pager div a.active{ background:rgba(250,250,250,1);}
#mvisual div.bx-controls-direction a{ 
 display:none; 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 !important; z-index:9999;}*/
/*좌우버튼동시선택*/
/*#mvisual a.bx-prev{ transform:translateY(-50%) rotate(45deg); left:40px;}
#mvisual a.bx-next{ transform:translateY(-50%) rotate(-135deg); right:40px;}	
#mvisual div.bx-controls-auto{ position:absolute; top:38px; left:50%; margin-left:-60px; width:44px;  z-index:101;}
#mvisual div.bx-controls-auto a{	float:left; margin-right:4px; width:15px; height:15px; border-radius:10px; color:#FFF; text-align:center; line-height:12px; font-size:12px; text-indent:-9999px;	}*/
/*플레이스탑버튼동시선택*/
/*#mvisual div.bx-controls-auto a.bx-start{ background:url(../img/common/btn_play.png) no-repeat 50% 50% #19c2e6;}
#mvisual div.bx-controls-auto a.bx-stop{ background:url(../img/common/btn_stop.png) no-repeat 50% 50% #444;}
*/
}

/* 메인컨텐츠 레이아웃 */
#idx_container{ height:auto; padding:30px 0;}

/*메인-배너*/
.m_icons a{ border: 1px solid #ddd; border-radius: 15px; text-align: center; padding: 15px 0; margin: 15px 5px;width: 24%;}
.m_icons a.b01:hover {background: #ffc5c5; transition:0.6s;}
.m_icons a.b02:hover {background: #9cdae4; transition:0.6s;}
.m_icons a.b03:hover {background: #b3d29d; transition:0.6s;}
.m_icons a.b04:hover {background: #ffcd7e; transition:0.6s;}
.com_ban dl{ border: 1px solid #ababab; }
.com_ban dl.a .com_t{  background: #46c5c3;}
.com_ban dl.b .com_t{  background: #46c5c3;}
.com_t{ position: relative; padding: 12px 15px; border-bottom: 1px solid #ddd;}
.com_t span{ position: absolute; right: 15px; top: 11px; font-weight: bold; font-size: 2em; color: #fff;}
.com_ban{width:1100px;margin:15px auto;box-sizing:border-box;}
.com_ban dl{float:left; height:258px; padding:0;}
.com_ban dl h2{font-size:1.6em; color:#555; font-weight:500;color: #fff;}
.com_ban dl .m_text{ letter-spacing:-1px; font-size:1em;    padding-top: 45px;line-height: 2em;word-break: keep-all;}
.com_ban dl .m_img{ padding-top: 50px;line-height: 2em;}
.com_ban dl.a{ margin-right: 9px;}



@media (max-width: 991px) {
#idx_container{ height:auto; padding:20px 10px;}
.com_ban dl .m_text{ padding: 25px 15px 25px 0;    word-break: keep-all;}
.com_ban{ width:100%; margin:0px auto 0px auto; position:static;}
.m_icons a{width: 47%; margin: 5px;}
.com_ban dl{margin:15px 0;padding-bottom: 27px;}
.com_ban dl img{width:100%; padding-top: 0px;}
.b_gal{height:100% !important;}
}

/* 메인추출탭 */
.idx2{width: 100%; height: 199px;}
.tbbs{position:relative; width:32.5%;}
.tbbs .com_t{ position: relative; padding: 12px 15px;}
.tbbs .com_t span{ position: absolute; right: 15px; top: 11px; font-weight: bold; font-size: 2em; color: #fff;}
.tbbs .com_t{  background: #46c5c3; border-bottom: 1px solid #ddd;}
.tbbs .com_t h2{font-size:1.6em; color:#fff; font-weight:500;}
.fund .com_t {    margin: 20px 0;    background: none!important;    border: 1px solid #46c5c3;    border-radius: 20px;}
.fund .com_t h3{font-size:1.3em; color:#46c5c3; font-weight:700}
.fund {    background: url(../img/main/fundbg.jpg) no-repeat right bottom;    background-size: 40%;}
.fund > div {text-align: center;padding: 30px 20px;letter-spacing: 0px}
.fund > div > h3 {font-size:1.1em;}
.tbbs h3{ text-align:left;  color:#1f1f1f; font-size:20px; background:url(../img/main/bbs_title.gif) no-repeat 0 49px; padding-bottom: 10px; font-weight: bold;line-height: 2em;border-bottom: 1px solid #ddd;}
.tbbs .t1{left:0;}
.tbbs .t2{left:166px;}
.tbbs .pannel{width:100%; padding:15px 3px;}
.tbbs .tab.on .pannel{display:block;}
.tbbs .tab.on h3{background:#1699DC; color:#FFF;}
.tbbs{position:relative; margin-right: 9px; border: 1px solid #ababab;padding:0;    height: 258px}
@media (max-width: 991px) {
.tbbs{width:100%;  height: auto;  min-height: 258px;}

}

/* 메인배너롤링 */
.banner{width:355px; height:256px; position:relative; padding: 0;}
.banner img{width:100%;}
.banner div.bx-controls-direction a{
	display:block; width:19px; height:18px; border:1px solid #D2D2D2; text-indent:-9999px;
	position:absolute; bottom: 14px;
	} /*좌우버튼동시선택*/
.banner a.bx-prev{ background:url(../img/common/mbn_left.gif) no-repeat 0 0; left:33px;}
.banner a.bx-next{ background:url(../img/common/mbn_right.gif) no-repeat 0 0; left:52px}	
.banner div.bx-controls-auto{position:absolute; width:19px; bottom: 32px; left:15px; z-index:2;}
.banner div.bx-controls-auto a{
	position:absolute; width:19px; left:0; top:0; height:18px; border:1px solid #D2D2D2; text-indent:-9999px;
	} /*플레이스탑버튼동시선택*/
.banner div.bx-controls-auto a.bx-start{background:url(../img/common/mbn_play.gif) no-repeat 50% 50% #4C5365;}
.banner div.bx-controls-auto a.bx-stop{background:url(../img/common/mbn_stop.gif) no-repeat 50% 50% #4C5365;}


@media (max-width: 991px) {
.banner{width:100%;  height:218px;}


}