@charset "utf-8";

.center {overflow:hidden;width:100%; zoom:1;background:url('/groups/fundsss/images/main/bg_main.jpg') no-repeat 0 -100px}
.center .m_banner {overflow: hidden; position: relative;width:1280px;height: 448px; margin:0 auto;z-index:0}
.center .m_banner ul {zoom: 1}
.center .m_banner ul:after { clear: both; display: block; visibility: hidden; content: ' ' }
.center .m_banner ul li {float: left;width:1280px;height:448px; text-indent:-99999px}
.center .m_banner ul li.m_b01{background:url('/groups/fundsss/images/main/bg_main01.jpg') no-repeat center 0}
.center .m_banner ul li.m_b02{background:url('/groups/fundsss/images/main/bg_main02.jpg') no-repeat center 0}
.center .rolling {position: absolute; top: 350px;right: 30px;z-index: 100}
.center .rolling span {display: inline-block; vertical-align: top}
.center .rolling span a {display: block; width:14px; height:26px; font-size: 0; line-height: 0; background: url('/groups/fundsss/images/main/bg_number.png') no-repeat}
.center .rolling span a.on {width:44px; height:26px;background-position: 0 -26px}
.center .rolling .play a {width:29px;height:26px;background-position: 0 -52px}
.center .rolling .stop a {width:29px;height:26px;background-position: 0 -78px}

.container{position: relative;width:1024px;margin:0 auto}
#content{overflow:hidden;width:1022px;margin:-120px auto 20px auto;height:456px;border: 1px solid #D3D3D3;z-index:10;background:#fff url('/groups/fundsss/images/main/bg_main_cont.jpg') no-repeat center 0}

/* 최근게시물 */
#notice, #news { float: left;border:solid #D3D3D3;border-width: 0 1px 1px 0}
.tab_list { float: left; position: relative; width:398px; height:240px !important }
.tab_list ul { *zoom:1; margin:25px 0 0 30px}
.tab_list ul:after { content: ""; display: block; clear: both }
.tab_list li { float: left; margin-bottom: -1px }
.tab_list li a { float: left; position: relative; font-weight: 600 }
.tab_list li a span { display: inline-block;font-size: 15px;padding: 10px 8px; background: url('/groups/fundsss/images/common/bu_bar.gif') 0 50% no-repeat }
.tab_list li:first-child a span { background-image: none }
.tab_list li ul { display: none; position: absolute; top: 45px; left:0;border: 0 }
.tab_list li li {position: relative;line-height: 28px; width:340px}
.tab_list li li a {display: inline-block;font-weight: normal !important; border-top: none !important; width:250px !important;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap}
.tab_list li li .date {position: absolute; right: 0; font-family: Tahoma; font-size: 11px; color: #888 }
.tab_list .more  {position:absolute; right:0; top:0; width:43px; height:55px;background: url('/groups/fundsss/images/main/btn_more.gif') no-repeat; text-indent:-9999px }
.tab_list.s1 .s1 ul, .tab_list.s2 .s2 ul, .tab_list.s3 .s3 ul, .tab_list.s4 .s4 ul { display: block }
.tab_list.s1 .s1, .tab_list.s2 .s2, .tab_list.s3 .s3, .tab_list.s4 .s4 { border-top: 2px solid #ffa707; margin-top: -1px !important}
.tab_list.js_off { padding: 0 }
.tab_list.js_off ul { border: 0 }
.tab_list.js_off li { float: none }
.tab_list.js_off li a { display: block; float: none; border: 1px solid #eee !important; border-bottom-color: #ccc !important; background: #fafafa !important; font-weight: bold; color: #333 }
.tab_list.js_off li ul { display: block; position: static; left: 0; top: 0; padding: 5px 0 }
.tab_list.js_off li li { display: inline }
.tab_list.js_off li li a { display: inline; border: 0 !important; background: none !important; font-weight: normal !important; color: #333 !important; letter-spacing: normal }
.tab_list.js_off li li a:hover,  .tab_list.js_off li li a:active, .tab_list.js_off li li a:focus { text-decoration: underline }

.fundsss{float: left;position:relative;overflow:hidden;width:224px;height:200px;border-bottom:1px solid #D3D3D3}
.fundsss h2{font-size: 16px; font-weight: 600;margin:15px 0 20px 0; color:#fff100;text-decoration:underline; text-align:center}
.fundsss ul{margin-left:30px}
.fundsss li a{display:block;color:#fff;line-height:2.0; font-weight: 600 }
.fundsss li a:hover {}

.fundsss_01{position:relative;overflow:hidden;width:359px;height:100px;border-bottom:1px solid #D3D3D3}
.fundsss_01 a {display:block; height:100px;}
.fundsss_01 h2{font-size: 16px; font-weight: 600;padding: 42px 0 15px 30px;color:#212121;text-decoration:underline}
.fundsss_01 ul{margin-left:30px}
.fundsss_01 li a{float:left;display:block;line-height:2.0; margin-right:15px}
.fundsss_01 li a:hover {}

.fundsssstory{position:relative;overflow:hidden;width:359px;height:120px}
.fundsssstory h2{font-size: 16px; font-weight: 600;margin:15px 0 0 30px;color:#212121;text-decoration:underline}
.fundsssstory ul {position: absolute; top:48px; left:30px}
.fundsssstory li {position: relative;line-height: 20px; width:300px}
.fundsssstory li a {overflow:hidden; display: inline-block;width:250px ;text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap}
.fundsssstory .date {display: none; position: absolute; right: 0; font-family: Tahoma; font-size: 11px; color: #888 }
.fundsssstory .more  {position:absolute; right:10px; top:10px; width:25px; height:25px;background: url('/groups/fundsss/images/main/btn_more2.gif') no-repeat; text-indent:-9999px }

.fundsss_02{float: left;position:relative;overflow:hidden;width:218px;height:215px;border:solid #D3D3D3;border-width: 0 1px 0 1px}
.fundsss_02 h2{font-size: 16px; font-weight: 600;margin:15px 0 20px 0;color:#212121;text-decoration:underline; text-align:center}
.fundsss_02 ul{margin-left:30px}
.fundsss_02 li a{float:left;display:block;width:110px;line-height:2.0;color:#333; font-weight: 600 }
.fundsss_02 li a:hover {}

.fundsssinfo{float: left;position:relative;overflow:hidden;width:218px;height:215px}
.fundsssinfo h2{font-size: 16px; font-weight: 600;margin:15px 0 20px 0;color:#212121;text-decoration:underline; text-align:center}
.fundsssinfo .txt{font-size:13px;line-height:1.6; margin:0 0 5px 30px;color:#333; font-weight: 600 }

.popupzone{float: left;position:relative;overflow:hidden;width:224px;height:250px;margin-top:-30px;border-left:1px solid #D3D3D3}
.popupzone h2{ color:#cdb98b;font-size:14px;margin:15px 0 15px 15px}
.popupzone ul {overflow: hidden;width:180px;margin:0 auto}
.popupzone li a {display:block;}
.popupzone li img {width:180px;    height: 150px;}
.popupzone li .tit {display: block;    font-size: 1.2em;    color: #fff;    margin-bottom: 21px;    width: 100%;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;    margin-top: 10px;}
.popupzone .popbtn{display:block;position:absolute;top:0;right:0}