@charset 'euc-kr';

/* key visual */
.key_visual_wrap { position:relative; width:100%; height:490px; overflow:hidden; }

.diagonal {position:absolute; left:0; top:0;  width:100%; height:490px; overflow:hidden;}
.diagonal > div {position:absolute; width:100%; height:490px; overflow:hidden; }
.diagonal > div > div {width:100%; height:100%}

.diagonal > div.a > div {background:url(/images/main/key_visual_01.jpg) no-repeat center top;}
.diagonal > div.b > div {background:url(/images/main/key_visual_02.jpg) no-repeat center top;}
.diagonal > div.c > div {background:url(/images/main/key_visual_03.jpg) no-repeat center top;}
.diagonal > div.d > div {background:url(/images/main/key_visual_04.jpg) no-repeat center top;}
.diagonal > div.e > div {background:url(/images/main/key_visual_05.jpg) no-repeat center top;}
.diagonal > div.f > div {background:url(/images/main/key_visual_08.jpg) no-repeat center top;}
.diagonal > div.g > div {background:url(/images/main/key_visual_09.jpg) no-repeat center top;}

.key_visual_wrap .indicator {position:absolute; bottom:55px /* 55px */; left:-15px; width:100%; z-index:3; font-size:0;}
.key_visual_wrap .indicator li {display:inline-block; *display:inline; *zoom:1; height:58px; padding:0 5px;}
.key_visual_wrap .indicator li img.block { display:block !important; }
.key_visual_wrap .indicator li > a {display:block; width:60px; height:60px; }
.key_visual_wrap .indicator li div {position:absolute; top:-290px; left:15px; }
.key_visual_wrap .indicator li div >  a {display:inline-block; *display:inline; *zoom:1; height:48px; *width:250px; margin-top:26px; margin-right:10px; border:1px solid #fff; border-radius:1px; overflow:hidden;}
.key_visual_wrap .indicator li div >  a.ty2 {border:1px solid #838381;}
.key_visual_wrap .indicator li div >  a:last-child { margin-right:0; }
.key_visual_wrap .indicator li div >  a span {display:block; height:100%; text-align:center; line-height:48px; font-size:15px; color:#111; padding:0 19px; background:url(/images/main/bg_white_08.png) repeat left top; }
.key_visual_wrap .indicator li div >  a:hover, .key_visual_wrap .indicator li div > a:focus, .indicator li div >  a.yellow {border-color:#ffd76b;  text-decoration:none; }
.key_visual_wrap .indicator li div >  a:hover span, .key_visual_wrap .indicator li div >  a:focus span, .key_visual_wrap .indicator li div >  a.yellow span {font-weight:bold; text-decoration:none; background:url(/images/main/bg_yellow_08.png) repeat left top;}
.key_visual_wrap .indicator li div >  a.blue { border-color:#3b5dbb; text-decoration:none; }
.key_visual_wrap .indicator li div >  a.blue span { color:#fff; font-weight:bold; text-decoration:none; background:url(/images/main/bg_blue_01.png) repeat left top;}
.key_visual_wrap .indicator li div >  a.blue:hover span { color:#fff; font-weight:bold; text-decoration:none; background:url(/images/main/bg_blue_01_hover.png) repeat left top;}
.key_visual_wrap .indicator li div >  a.ty2 span {display:block; height:100%; text-align:center; line-height:48px; font-size:15px; color:#fff; padding:0 19px; background:url(/images/main/bg_white_09.png) repeat left top; }
.key_visual_wrap .indicator li div >  a.ty2:hover, .key_visual_wrap .indicator li div >  a.ty2:focus {color:#111; border-color:#ffd76b;  text-decoration:none; }
.key_visual_wrap .indicator li div >  a.ty2:hover span, .key_visual_wrap .indicator li div >  a.ty2:focus span {color:#111; font-weight:bold; text-decoration:none; background:url(/images/main/bg_yellow_08.png) repeat left top;}
.key_visual_wrap .indicator li > div#keycon4 a:hover, .key_visual_wrap .indicator li > div#keycon4 a:focus {letter-spacing:0;}
.key_visual_wrap .indicator li div#keycon4 >  a:hover em, .key_visual_wrap .indicator li div#keycon4 >  a:focus em {letter-spacing:-1px;  font-weight:bold;}

.key_visual_wrap  circle {stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:265; stroke-dashoffset:265; transform:rotate(-90deg); transform-origin:50% 50%; opacity:0;}
.key_visual_wrap  .keyCon {position:absolute; top:0; left:50%; z-index:10; width:1000px;  height:490px; margin-left:-500px; }

/* ¸ÞÀÎ µ¿¿µ»ó °Ô½Ã */
.video-popup.reveal { display:flex; position:fixed; top:-37px; left:0; right:0; bottom:0; justify-content:center; align-items:center; z-index:10000; }
.video-popup .video-wrapper { position:relative; width:872px; padding-bottom:490px; z-index:10; }
.video-popup .video-wrapper iframe { position:absolute; width:100%; height:100%; }
.video-popup.reveal .video-popup-closer { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, .8); z-index:9; }
.video-popup.reveal .closeBtn { position:absolute; top:-38px; right:0; display:inline-block; width:36px; height:36px; cursor:pointer; background:url('/images/common/btn_player.png') no-repeat; z-index:20000; }
.keyBtnIco { display:inline-block; margin-top:-3px; vertical-align:middle; }

/* Ãßõ»óÇ° */
.keyCon .cubeBox {position:absolute; right:0; top:54px; z-index:5; width:286px; height:382px;}

.cubeTab {height:46px; font-size:0;}
.cubeTab li {display:inline-block; *display:inline; *zoom:1; width:140px; height:43px; margin-left:3px;}
.cubeTab li a {display:block}
.cubeTit { margin-left:3px; height:46px; font-size:0; }
.keyCon .cubeBox a.first {position:absolute; right:0; bottom:0; width:283px;}

.cubeCon {display:none;}
#cubeGood.cubeCon {display:block;}
.cubeCon > dl, .cubeCon > ul li {position:relative; float:left; width:140px; height:140px; padding:0 0 3px 3px; transform-origin:50% 50%;}
/*.cubeCon > dl.cube, .cubeCon > ul li.cube {-webkit-animation:cube 0.5s ease-out forwards; animation:cube 0.5s ease-out forwards;}*/
.cubeCon > dl dt a {display:block;}
.cubeCon > dl dt a span.state {display:block; position:absolute; right:11px; top:11px; width:16px; height:16px;  background:url(/images/main/ico_close_white.png) no-repeat left top; font-size:0; text-indent:-99999px; transition:all 0.3s;}
.cubeCon > dl#checkcard dt a span.state,.cubeCon > dl#loan dt a span.state {background-image:url(/images/main/ico_close_gray.png)}
.cubeCon > dl.on dt a span.state {transform:rotate(45deg); background-image:url(/images/main/ico_close_white2.png)\9;}
.cubeCon > dl#checkcard.on dt a span.state,.cubeCon > dl#loan.on dt a span.state {background-image:url(/images/main/ico_close_gray2.png)\9;}

.cubeCon > dl dd {display:none; position:absolute; top:0; right:140px; }
.cubeCon > dl.on dd {display:block;}
.cubeCon > dl > dd li {display:none; position:absolute; top:0; width:140px; height:140px; padding-right:3px; perspective:500px;}

.cubeCon > dl > dd li a, .cubeCon > dl > dd ul.no_data li span  {display:block; transform-origin:100% 50%; backface-visibility:hidden; opacity:0;}
.cubeCon > dl > dd ul.no_data li span {width:140px; height:95px; padding:45px 0 0 0;  text-align:center; color:#fff; line-height:20px;}
.cubeCon > dl dd li.cube1 a, .cubeCon > dl dd ul.no_data li.cube1 span {-webkit-animation:cube1 0.3s ease-out forwards; animation:cube1 0.3s ease-out forwards;}
.cubeCon > dl dd li.cube2 a, .cubeCon > dl dd ul.no_data li.cube2 span {-webkit-animation:cube2 0.3s ease-out forwards; animation:cube2 0.3s ease-out forwards; }
.cubeCon > dl#fund dd li a, .cubeCon > dl#fund > dd ul.no_data li > span {background:url(/images/main/tab_fund_sub.png) no-repeat left top; }
.cubeCon > dl#checkcard dd li a , .cubeCon > dl#loan dd li a {background:url(/images/main/tab_checkcard_sub.png) no-repeat left top;}
.cubeCon > dl#els dd li a, .cubeCon > dl#els > dd ul.no_data li > span {background:url(/images/main/tab_els_sub.png) no-repeat left top; }

.cubeCon > dl dd li a {display:block; width:120px; height:120px; padding:10px 10px; text-align:center; font-size:13px; color:#fff;}
.cubeCon > dl dd li a span.txt {display:block; height:70px; word-break:break-all;}
.cubeCon > dl dd li a span.em {font-size:22px; color:#ffd76b;}
.cubeCon > dl dd li a span.point { color:#ffd76b; }
.cubeCon > dl dd li a:hover, .cubeCon > dl dd li a:focus {text-decoration:none;}
.cubeCon > dl dd li a:hover span.txt, .cubeCon > dl dd li a:focus span.txt{text-decoration:underline;}
.cubeCon > dl#checkcard dd li a, .cubeCon > dl#loan dd li a {width:120px; height:110px; padding:20px 10px 10px 10px; color:#333; font-size:14px;}
.cubeCon > dl#checkcard dd li a img {display:block; margin:0 auto 20px auto;}
.cubeCon > dl#loan dd li a img {display:block; margin:0 auto 5px auto;}
.cubeCon > dl#checkcard dd li a:hover, .cubeCon > dl#checkcard dd li a:focus, .cubeCon > dl#loan dd li a:hover, .cubeCon > dl#loan dd li a:focus  {text-decoration:underline;}
.cubeCon > dl#els dd li a span.txt {display:block; width:80px; height:70px; text-align:center; margin:0 auto; word-break:break-all;}
.cubeCon > dl#els dd li a span.year, .cubeCon > dl#els dd li a span.em {display:inline-block;line-height:30px;height:30px;vertical-align:middle;}

.cubeCon .bright {position:absolute; left:3px; top:0; width:140px; height:140px; background:url(/images/main/bg_cube_bright.png) no-repeat 0 0;}

.keyCon circle {-webkit-transform:rotate(-90, 0, 0)	}


@-webkit-keyframes cube1 {
	0%{-webkit-transform:rotateY(90deg); opacity:0}
	100%{-webkit-transform:rotateY(0deg); opacity:1;}
}

@-webkit-keyframes cube2 {
	0%{-webkit-transform:rotateY(-90deg); opacity:0;}
	100%{-webkit-transform:rotateY(0deg); opacity:1}
}


@keyframes cube1 {
	0%{transform:rotateY(90deg); opacity:0}
	100%{transform:rotateY(0deg); opacity:1;}
}

@keyframes cube2 {
	0%{transform:rotateY(-90deg); opacity:0;}
	100%{transform:rotateY(0deg); opacity:1}
}



/* óÀ½À̼¼¿ä */
.first_website_conts {display:none;  z-index:63; position:absolute; left:0; bottom:0; width:100%; height:0; background:#eac665 url('/images/main/bg_first_website.png') left 23px no-repeat; ; }
.fw_conts { position:relative; width:1000px; margin:0 auto; text-align:center; }
.btn_first_close { position:absolute; right:0; top:20px; width:28px; height:28px; background:url('/images/common/btn_first_close.png') left top no-repeat; }
.fw_conts .fw_tit { float:left; width:100%; height:87px; margin-top:41px; color:#333; font-size:40px; text-align:center; }
.fw_list { overflow:hidden; position:relative; width:100%; height:293px; font-size:0; }
.fw_list li { display:inline-block; *display:inline; *zoom:1; padding-left:60px ; vertical-align:top; background:url('/images/main/bu_first_website_arrow.png') 22px 58px no-repeat; }
.fw_list li:first-child { padding-left:0; background:none; }
.fw_list li .fw_list_tit { width:150px; height:150px; background:url('/images/main/first_website.png') left top no-repeat; }
.fw_list li .fw_list_tit a { display:block; width:100%; height:100%; }
.fw_list li.step1 .fw_list_tit { background-position:0 -160px; }
.fw_list li.step2 .fw_list_tit { background-position:-210px -160px; }
.fw_list li.step3 .fw_list_tit { background-position:-420px -160px; }
.fw_list li.step4 .fw_list_tit { background-position:-630px -160px; }
.fw_list li.step5 .fw_list_tit { background-position:-840px -160px; }
.fw_list li.step1.active .fw_list_tit, .fw_list li.step1:hover .fw_list_tit { background-position:0 0; }
.fw_list li.step2.active .fw_list_tit, .fw_list li.step2:hover .fw_list_tit { background-position:-210px 0; }
.fw_list li.step3.active .fw_list_tit, .fw_list li.step3:hover .fw_list_tit { background-position:-420px 0; }
.fw_list li.step4.active .fw_list_tit, .fw_list li.step4:hover .fw_list_tit { background-position:-630px 0; }
.fw_list li.step5.active .fw_list_tit, .fw_list li.step5:hover .fw_list_tit { background-position:-840px 0; }
.fw_list_tit { font-size:12px; }
.fw_list_txt { margin-top:6px; font-size:16px; color:#111; line-height:21px; letter-spacing:-1px; }
.fw_list li:first-child .fw_list_link { display:block; }
.fw_list_link { display:none; position:absolute; left:0; bottom:0; width:100%; font-size:12px; text-align:center; font-size:0; }
.fw_list_link a { display:inline-block; width:164px; height:45px; margin-right:10px; padding-left:21px; color:#333; font-size:14px; line-height:38px; text-align:left; letter-spacing:-1px; text-decoration:none; vertical-align:top; background:url('/images/main/btn_first_website_ty1.png') 0 -55px no-repeat; }
.fw_list_link a.active, .fw_list_link a:hover { height:45px; background:url('/images/main/btn_first_website_ty1.png') 0 0 no-repeat; }
.fw_list_link a.btn_fw_other { width:201px; background:url('/images/main/btn_first_website_ty2.png') 0 -55px no-repeat; }
.fw_list_link a.btn_fw_other.active, .fw_list_link a.btn_fw_other:hover { height:45px; background:url('/images/main/btn_first_website_ty2.png') 0 0 no-repeat; }

/* À̺¥Æ® */
.edk_conts_wrap { width:100%; height:719px; padding-top:49px; background-color:#f0f0f0; }
.edk_conts { width:1000px; margin:0 auto; text-align:center; }
.edk_conts .edk_tab { }
.edk_conts .edk_tab li { display:inline-block; *display:inline; *zoom:1; font-size:0; *margin-left:10px; }
.edk_conts .edk_tab li:first-child { *margin-left:0; }
.edk_conts .edk_tab li a { width:180px; height:40px; background-position:-281px -572px; }
.edk_conts .edk_tab li:first-child a { margin-left:0; }
.edk_conts .edk_tab li a { text-decoration:none; }
.edk_conts .edk_tab li a span { display:inline-block; *display:inline; *zoom:1; width:115px; color:#888; font-size:20px; letter-spacing:-0.1em; line-height:36px; cursor:pointer; }
.edk_conts .edk_tab li.active a { background-position:-281px -622px; }
.edk_conts .edk_tab li.active a span { color:#333333; }
.edk_conts .edk_tab li .ir { line-height:1; *line-height:1.5; font-size:20px; font-weight:bold; color:#888; text-indent:0; }
.edk_conts .edk_tab li .ir span { text-align:left; }

.rollitem_list { position:absolute; left:50%; top:0; float:left; margin-left:-505px; }
.rollitem_list li { float:left; margin:0 0 20px 20px; }
.main_rollitem { position:static; float:left; margin-left:0; }
.main_rollitem li:first-child { margin:0 2px 0 0; }

/* ÇÖ µô */
.deal_kind + dd { height:207px; }
.deal_recommand_tit { width:260px; height:35px; margin-top:15px; border-radius:3px; color:#333; font-size:16px; line-height:35px; text-align:center; background-color:#f5efe3; }
.deal_recommand_tit + dd .listTy3 { width:260px; margin-top:0; }
.deal_recommand_tit + dd .listTy3 li { margin-top:10px; color:#666; letter-spacing:-1px; text-align:left; }

/* ÇÖ Æݵå */
.fund_conts { height:535px; }
.fund_wrap { margin:0px auto; width:1000px; overflow:hidden; }
.fund_conts .bx-wrapper { position:absolute; left:0px; top:0px; }
.fund_conts .fundSlider { width:495px !important; height:352px; }
.fund_conts .fundSlider li { position:relative; height:352px; }
.fund_conts .bx-controls { position:absolute; left:0; bottom:65px; width:140px; }
.fund_conts .plist { margin:0px !important; padding-left:140px; width:354px; height:352px; }
.fund_conts .plist .item { margin:0px auto; padding-top:40px; width:95%; border:none; float:none; }
.fund_conts .plist .name { margin:0 auto; width:80%; }
.fund_conts .plist .item .rate { margin-top:25px; }
.fund_conts .icoList .tit { position:absolute; left:0px; top:15px; width:100%; font-size:16px; font-weight:bold; text-align:center; }

.rankingFund, .recomFund { position:relative; float:left; margin-top:60px; width:495px; height:352px; background:#fff; }
.recomFund { margin-left:10px; }
.rankingFund .controlArea, .recomFund .controlArea { width:140px; height:100%; border-right:1px solid #f0f0f0; }
.rankingFund .controlArea { background:#ffd76b; }
.recomFund .controlArea { background:#287abf; }
.rankingFund .controlArea h3 { padding-top:30px; font-size:20px; font-weight:bold; }
.recomFund .controlArea h3 { padding-top:30px; font-size:20px; font-weight:bold; color:#fff; }

.fund_conts .controlArea h4 { margin-top:55px; width:100%; height:23px; line-height:23px; font-size:15px; font-weight:bold; text-align:center; background:url(/images/main/tit_rankfund.png) center center no-repeat; }
.rankingFund .controlArea h4 { background:url(/images/main/tit_rankfund.png) center top no-repeat; }
.recomFund .controlArea h4 { color:#fff; background:url(/images/main/tit_recomfund.png) center center no-repeat; }

#rankingSlider1 .icoList { position:absolute; left:0px; top:130px; width:140px; height:137px; background:url(/images/main/bg_rankfund.png) center top no-repeat; }
#rankingSlider1 .icoList .tit { color:#746144; }
#rankingSlider1 .icoList div { margin:0 auto; width:120px; height:137px; background-image:url(/images/main/ico_rankfund.png); background-repeat:no-repeat; }
#rankingSlider1 .icoList .ico1 { background-position:left top; }
#rankingSlider1 .icoList .ico2 { background-position:-120px top; }
#rankingSlider1 .icoList .ico3 { background-position:-240px top; }
#rankingSlider1 .icoList .ico4 { background-position:-360px top; }
#rankingSlider1 .icoList .ico5 { background-position:-480px top; }

#rankingSlider2 .icoList { position:absolute; left:0px; top:170px; width:140px; height:137px; font-weight:bold; }
#rankingSlider2 .icoList div { display:block; margin:0 auto 10px auto; width:73px; height:73px; background-image:url(/images/main/ico_age.png); background-repeat:no-repeat; }
#rankingSlider2 .icoList .ico20 { background-position:left top; }
#rankingSlider2 .icoList .ico30 { background-position:left -80px; }
#rankingSlider2 .icoList .ico40 { background-position:left -160px; }
#rankingSlider2 .icoList .ico50 { background-position:left -240px; }
#rankingSlider2 .icoList .ico60 { background-position:left -320px; }
#rankingSlider2 .icoList .ico20.woman { background-position:-80px top; }
#rankingSlider2 .icoList .ico30.woman { background-position:-80px -80px; }
#rankingSlider2 .icoList .ico40.woman { background-position:-80px -160px; }
#rankingSlider2 .icoList .ico50.woman { background-position:-80px -240px; }
#rankingSlider2 .icoList .ico60.woman { background-position:-80px -320px; }

#recomSlider1 .icoList { position:absolute; left:0px; top:130px; width:140px; height:137px; background:url(/images/main/bg_recomfund.png) center top no-repeat; }
#recomSlider1 .icoList .tit { color:#c3dff6; }
#recomSlider1 .icoList div { margin:0 auto; width:120px; height:137px; background-image:url(/images/main/ico_recomfund.png); background-repeat:no-repeat; }
#recomSlider1 .icoList .ico1 { background-position:left top; }
#recomSlider1 .icoList .ico2 { background-position:-120px top; }
#recomSlider1 .icoList .ico3 { background-position:-240px top; }
#recomSlider1 .icoList .ico4 { background-position:-360px top; }
#recomSlider1 .icoList .ico5 { background-position:-480px top; }

#recomSlider2 .icoList { position:absolute; left:0px; top:170px; width:140px; height:137px; color:#fff; }
#recomSlider2 .icoList div { display:block; margin:0 auto 10px auto; width:73px; height:73px; background-image:url(/images/main/ico_graph.png); background-repeat:no-repeat; }
#recomSlider2 .icoList .ico1 { background-position:left top; }
#recomSlider2 .icoList .ico2 { background-position:-80px top; }
#recomSlider2 .icoList .ico3 { background-position:-160px top; }
#recomSlider2 .icoList .ico4 { background-position:-240px top; }
#recomSlider2 .icoList .ico5 { background-position:-320px top; }

/* À̺¥Æ® ÆäÀÌ¡ */
.event_conts { height:535px; }
.event_rolling { position:relative; width:100%; height:535px; margin-top:41px; overflow:hidden; }
.event_rolling .dvgroup { position:relative; width:100%; height:535px; overflow:hidden; }
.event_rolling .dvgroup .rollitem { position:absolute; left:100%; width:100%; height:535px; }
.event_rolling .dvgroup .rollitem .rollitem_list li  {width:310px; height:240px; background:#fff; } /*½ÇÁ¦ »ç¿ëdata È®ÀÎÇÏ°í bg º¯°æÇÒ °Í*/
.event_rolling .dvgroup .rollitem .rollitem_list li  img {width:100%;} /*½ÇÁ¦ »ç¿ëdata È®ÀÎÇÏ°í size ¼öÁ¤ÇÒ °Í*/
.event_rolling .dvgroup .rollitem:first-child  .rollitem_list li:first-child {width:338px; height:500px; margin:0 2px 0 0; background:#fff;}  /*½ÇÁ¦ »ç¿ëdata È®ÀÎÇÏ°í bg º¯°æÇÒ °Í*/
.event_rolling .slideCtrl { z-index:3; position:absolute; left:50%; bottom:0; width:1000px; margin-left:-500px; }
.event_rolling .slideCtrl .num { width:8px; height:8px; margin-right:5px; *margin-left:0; background-position:-373px -91px; }
.event_rolling .slideCtrl .num.active { width:40px; height:8px; background-position:-328px -91px; }
.event_rolling .slideCtrl .actPlay { *overflow:auto; position:static; width:14px; height:14px; background-position:-311px -88px; }
.event_rolling .slideCtrl .actPlay.stop { background-position:-294px -88px; }

.event_rolling { overflow: visible; }
.event_rolling .actPrev, .event_rolling .actNext { width: 25px; height: 49px; position: absolute; top: 226px; z-index: 10; background: url(/images/main/event_rolling_btn.png) no-repeat; }
.event_rolling .actPrev { left:-35px; background-position:0 0; visibility:hidden; }
.event_rolling .actPrev:hover { background-position:0 -52px; }
.event_rolling .actNext { right:-35px; background-position:-30px 0; visibility:hidden; }
.event_rolling .actNext:hover { background-position:-30px -52px; }

/* ÇÖµô ÆäÀÌ¡ */
.deal_conts { height:535px; }
.deal_rolling { position:relative; width:1020px; height:535px; margin-top:41px; overflow:hidden; }
.deal_rolling .dvgroup { position:relative; width:100%; height:535px; overflow:hidden; }
.deal_rolling .dvgroup .rollitem { position:absolute; left:100%; width:100%; height:535px; }
.deal_rolling .slideCtrl { z-index:3; position:absolute; left:50%; bottom:0; width:1000px; margin-left:-500px; }
.deal_rolling .slideCtrl .num { width:8px; height:8px; margin-right:5px; *margin-left:0; background-position:-373px -91px; }
.deal_rolling .slideCtrl .num.active { width:40px; height:8px; background-position:-328px -91px; }
.deal_rolling .slideCtrl .actPlay { *overflow:auto; position:static; width:14px; height:14px; background-position:-311px -88px; }
.deal_rolling .slideCtrl .actPlay.stop { background-position:-294px -88px; }

/* ÇÖ Å°¿öµå */
.keyword_conts { position:relative; width:1057px; height:576px; *height:535px; margin-left:-29px; }
.deal_keyword_txt { padding-top:211px; color:#111; font-size:40px; line-height:48px; letter-spacing:-0.1em; text-align:center; }

.deal_keyword_list > div { position:relative;  width:1000px; height:519px; margin:0 auto; }
.deal_keyword_list  .txt { padding-top:128px; }
.deal_keyword_list { position:absolute;  left:0; top:0;   z-index:2;  width:1000px; height:519px; }
.deal_keyword_list > * { position:absolute; display:none; border-radius:50%; width:100px; height:100px; text-align:center; color:#111;  font-size:18px; overflow:hidden; text-decoration:none; border:none; }
.deal_keyword_list a { cursor:pointer; }
.deal_keyword_list .case { color:#fff; }
.deal_keyword_list  span.bg { display:block; width:100%; height:100%;  border-radius:50%; }
.deal_keyword_list  span.bg  img { width:100%; height:100%; border:none; }
.deal_keyword_list  span.txt { position:absolute; left:0;  display:inline-block; *display:inline; *zoom:1; width:100%; padding:0;  text-align:center; line-height:1.2; opacity:0; }
.deal_keyword_list .case span.txt { color:#fff; }
.deal_keyword_list  a:hover, .deal_keyword_list  a:focus { text-decoration:none; }
.deal_keyword_list  a:hover span.txt span, .deal_keyword_list  a:focus span.txt span { display:inline-block;  padding-bottom:3px; border-bottom:1px solid #111; }
.deal_keyword_list  a.case:hover span.txt span, .deal_keyword_list  a.case:focus span.txt span { border-color:#fff; }
.blingbling { position:absolute; left:0; top:0; width:1000px; height:380px; }
.blingbling > * { position:absolute; }

.keyword_01 { width:200px; height:200px; color:#111; background-color:rgba(229, 169, 115, 0.9); }
.keyword_02 { width:100px; height:100px; color:#fff; background-color:rgba(223, 80, 65, 0.9); }
.keyword_03 { z-index:10; width:150px; height:150px; color:#fff; background-color:rgba(96, 78, 230, 0.8); }
.keyword_04 { z-index:9; width:250px; height:250px; color:#333; background-color:rgba(252, 215, 116, 0.8); }
.keyword_05 { width:100px; height:100px; color:#fff; background-color:rgba(111, 74, 248, 0.8); }
.keyword_06 { width:200px; height:200px; color:#333; background-color:rgba(246, 183, 48, 0.8); }
.keyword_07 { width:150px; height:150px; color:#111; background-color:rgba(50, 144, 241, 0.9); }
.keyword_08 { z-index:8; width:100px; height:100px; color:#333; background-color:rgba(224, 162, 111, 0.9); }

a.keyword_01 { font-size:18px; color:#111; }
a.keyword_01 span span { display:inline-block; }
a.keyword_01:hover span.txt span, a.keyword_01:focus span.txt span { border-bottom:1px solid #111; }
a.keyword_02 { font-size:16px; color:#fff; }
a.keyword_02:hover span.txt span, a.keyword_01:focus span.txt span { border-bottom:1px solid #fff; }
a.keyword_03 { font-size:20px; color:#fff; }
a.keyword_03:hover span.txt span, a.keyword_01:focus span.txt span { border-bottom:1px solid #fff; }
a.keyword_04 { font-size:24px; color:#333; }
a.keyword_04:hover span.txt span, a.keyword_01:focus span.txt span { border-bottom:1px solid #333; }
a.keyword_05 { font-size:20px; color:#fff; }
a.keyword_05:hover span.txt span, a.keyword_01:focus span.txt span { border-bottom:1px solid #fff; }
a.keyword_06 { font-size:20px; color:#333; }
a.keyword_06:hover span.txt span, a.keyword_01:focus span.txt span { border-bottom:1px solid #333; }
a.keyword_07 { font-size:18px; color:#111; }
a.keyword_07:hover span.txt span, a.keyword_01:focus span.txt span { border-bottom:1px solid #111; }
a.keyword_08 { font-size:16px; color:#333; }
a.keyword_08:hover span.txt span, a.keyword_01:focus span.txt span { border-bottom:1px solid #333; }

/* ½º¸¶Æ® °èÁ°³¼³, ÅõÀÚÀÇÁ¤¼®, ÁÖ½Ä choice, ÇÖ´º½º µô¸®¹ö¸® */
.theme-rolling { overflow:hidden; position:relative; width:100%; height:435px; background:#734b3a; }
.theme_area { position:relative; width:1000px; height:100%; margin:0 auto; padding-top:37px; }
.theme_tit { color:#fefefe; font-size:36px; line-height:48px; text-align:center; text-shadow:1px 1px 1px #333; }
.theme_txt { margin-top:4px; color:#fefefe; font-size:18px; line-height:1.2; text-align:center; text-shadow:1px 1px 1px rgba(0,0,0,0.4); }
.theme_list { margin-top:-11px; font-size:0; text-align:center; }
.theme_list li { display:inline-block; *display:inline; *zoom:1; margin-left:22px; width:181px; height:181px; background:url('/images/main/bg_theme_link.png') center center no-repeat; vertical-align:middle; }
.theme_list li:first-child { margin-left:0; }
.theme_list li a { display:block; width:125px; height:101px; margin:36px auto 0; }
.theme_list li:first-child a { width:293px; height:293px; margin-top:0; }
.theme_ty1 .theme_list li.img_representative { width:293px; height:293px; background:url('/images/main/representative_theme_hot.png') center center no-repeat; }
.theme_ty2 .theme_list li.img_representative { width:293px; height:293px; background:url('/images/main/representative_theme_choice.png') center center no-repeat; }
.theme_ty3 .theme_list li.img_representative { width:293px; height:293px; background:url('/images/main/representative_theme_investment.png') center center no-repeat; }
.theme_ty4 .theme_list li.img_representative { width:293px; height:293px; background:url('/images/main/representative_theme_mable.png') center center no-repeat; }
.theme_ty1 .theme_list li.theme_1 a { background:url('/images/main/ico_theme_hot_1.png') center center no-repeat; }
.theme_ty1 .theme_list li.theme_2 a { background:url('/images/main/ico_theme_hot_2.png') center center no-repeat; }
.theme_ty1 .theme_list li.theme_3 a { background:url('/images/main/ico_theme_hot_3.png') center center no-repeat; }
.theme_ty2 .theme_list li.theme_1 a { background:url('/images/main/ico_theme_choice_1.png') center center no-repeat; }
.theme_ty2 .theme_list li.theme_2 a { background:url('/images/main/ico_theme_choice_2.png') center center no-repeat; }
.theme_ty2 .theme_list li.theme_3 a { background:url('/images/main/ico_theme_choice_3.png') center center no-repeat; }
.theme_ty3 .theme_list li.theme_1 a { background:url('/images/main/ico_theme_investment_1.png') center center no-repeat; }
.theme_ty3 .theme_list li.theme_2 a { background:url('/images/main/ico_theme_investment_2.png') center center no-repeat; }
.theme_ty3 .theme_list li.theme_3 a { background:url('/images/main/ico_theme_investment_3.png') center center no-repeat; }
.theme_ty4 .theme_list li.theme_1 a { background:url('/images/main/ico_theme_smart_1.png') center center no-repeat; }
.theme_ty4 .theme_list li.theme_2 a { background:url('/images/main/ico_theme_smart_2.png') center center no-repeat; }
.theme_ty4 .theme_list li.theme_3 a { background:url('/images/main/ico_theme_smart_3.png') center center no-repeat; }
.theme_ty1 {
    background:url('/images/main/bg_theme_hot.jpg') center -100px no-repeat;
    *background:url('/images/main/bg_theme_hot.jpg') center center no-repeat;
    background-size: cover;
}
.theme_ty2 {
    background:url('/images/main/bg_theme_choice.jpg') center -100px no-repeat;
    *background:url('/images/main/bg_theme_choice.jpg') center center no-repeat;
    background-size: cover;
}
.theme_ty3 {
    background:url('/images/main/bg_theme_investment.jpg') center -100px no-repeat;
    *background:url('/images/main/bg_theme_investment.jpg') center center no-repeat;
    background-size: cover;
}
.theme_ty4 {
    background:url('/images/main/bg_theme_mable.jpg') center -100px no-repeat;
    *background:url('/images/main/bg_theme_mable.jpg') center center no-repeat;
    background-size: cover;
}
/*
.theme_ty1 { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/bg_theme_hot.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/bg_theme_hot.png', sizingMethod='scale')"; 
    background:url('/images/main/bg_theme_hot.png') center -100px no-repeat; 
    background-size: cover; 
}
.theme_ty2 { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/bg_theme_choice.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/bg_theme_choice.png', sizingMethod='scale')"; 
    background:url('/images/main/bg_theme_choice.png') center -100px no-repeat; 
    background-size: cover; 
}
.theme_ty3 { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/bg_theme_investment.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/bg_theme_investment.png', sizingMethod='scale')"; 
    background:url('/images/main/bg_theme_investment.png') center -100px no-repeat; 
    background-size: cover; 
}
.theme_ty4 { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/bg_theme_smart.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/main/bg_theme_smart.png', sizingMethod='scale')"; 
    background:url('/images/main/bg_theme_smart.png') center -100px no-repeat; 
    background-size: cover; 
}
*/
.theme-rolling .dvgroup { position:relative; width:100%; height:435px; overflow:hidden; }
.theme-rolling .dvgroup .rollitem { position:absolute; left:100%; width:100%; height:435px; }
.theme-rolling .actPrev, .theme-rolling .actNext { z-index:3; position:absolute; top:50%; width:25px; height:49px; font-size:30px; font-weight:bold; }
.theme-rolling .actPrev { left:0; background-position:-284px -509px; visibility:hidden; }
.theme-rolling .actNext { right:0; background-position:-320px -509px; visibility:hidden; }
.theme-rolling .actPrev:hover { background-position:-350px -509px; }
.theme-rolling .actNext:hover { background-position:-385px -509px; }
.theme-rolling .slideCtrl { position:absolute; left:50%; top:57%; width:1000px; margin:-28px 0 0 -500px; }
.theme-rolling .slideCtrl.ty2 { top:88%; z-index:2; margin-top:0; text-align:center; }
.theme-rolling .slideCtrl.ty2 .num { width:8px; height:8px; margin-right:5px; *margin-left:0; background-position:-373px -73px; }
.theme-rolling .slideCtrl.ty2 .num.active { width:40px; height:8px; background-position:-328px -63px; }
.theme-rolling .slideCtrl.ty2 .actPlay { *overflow:auto; position:static; width:14px; height:14px; background-position:-311px -70px; }
.theme-rolling .slideCtrl.ty2 .actPlay.stop { background-position:-294px -70px; }

/* Æݵ巩ŷ, °Å·¡·®»óÀ§, À̺¥Æ®, °øÁö»çÇ×, ÅõÀÚÀÇÁ¤¼®, ÁÖ½Ä choice */

.etc_info { width:1000px; height:508px; margin:0 auto; padding-top:26px; }
.fund_box, .volume_box { position:relative; }
.etc_info .tit_fund_ranking { width:480px; color:#333; font-size:18px; font-weight:bold; line-height:40px; }
.etc_info .main_tabTy1 { float:left; border-top:2px solid #937c58; }
.etc_info .main_tabTy1 { width:490px; }
.etc_info .main_tabTy1 li { float:left; width:163px; }
.etc_info .main_tabTy1 li:first-child { width:164px; }
.etc_info .main_tabTy1 li a { display:block; height:37px; border:solid #ddd; border-width:1px 1px 1px 0; color:#666; font-size:14px; line-height:37px; text-align:center; background-color:#f4f4f4; }
.etc_info .main_tabTy1 li a:hover { text-decoration:none; }
.etc_info .main_tabTy1 li:first-child a { border-left:1px solid #ddd; }
.etc_info .main_tabTy1 li.active a { color:#111111; border:solid #bbaf9f; border-width:1px 1px 1px 0; background-color:#bbaf9f; text-decoration:none; }
.etc_info .main_tabTy1 li.active:first-child a { border-left: 1px solid #bbaf9f; }
.etc_info .main_tabTy1 li.active + li a { /*border-left:1px solid #ddd; */}
.etc_info .main_tabTy1 li.active a span { padding-bottom:1px; border-bottom:1px solid #111111; }
.fund_choice_conts { clear:both; float:left; height:138px; width:100%;}
.fund_choice_conts p.no_data {height:137px; line-height:45px; text-align:center;  border-bottom:1px solid #dddddd;}

.fund_choice_conts .fund_list { clear:both; float:left; width:490px; border-top:0 none; }
.fund_choice_conts .fund_list li {height:45px; border-bottom:1px solid #dddddd;}
.fund_choice_conts .fund_list li p  { float:left; height:45px; text-align:center; vertical-align:middle;}
.fund_choice_conts .fund_list li p.rk_num { width:52px; height:28px; padding-top:17px; font-size:16px; color:#625950; font-weight:bold; }
.fund_choice_conts .fund_list li p.rk_num b { color:#cc4334; }
.fund_choice_conts .fund_list li p.rk_kind { overflow:hidden; width:346px; padding-left:9px; font-size:14px; line-height:45px; color:#333333; white-space:nowrap; text-align:left; text-overflow:ellipsis; }
.fund_choice_conts .fund_list li p.rk_kind a:hover span  { padding-bottom:1px; border-bottom:1px solid #766c62; color:#766c62; }
.fund_choice_conts .fund_list li p.rk_percent { width:63px;  line-height:45px;  font-size:14px; color:#333; text-align:right; }
.fund_choice_conts .fund_list li p.rk_percent_dw { width:63px;  line-height:45px;  font-size:14px; color:#2460ce; text-align:right; }
.fund_choice_conts .fund_list li p.rk_percent_up { width:63px;  line-height:45px; font-size:14px; color:#ff0000; text-align:right; }

.etc_info .tit_volume_ranking { position:relative; width:480px; color:#333; font-size:18px; font-weight:bold; line-height:40px; }
.volume_conts { clear:both; float:left;}
.volume_conts .volume_list { clear:both; float:left; width:490px; border-top:2px solid #937c58; }
.volume_conts .volume_list li { height:58px; border-bottom:1px solid #dddddd; font-size:0; line-height:58px; }
.volume_conts .volume_list li.no_data {height:176px; line-height:58px; text-align:center; font-size:14px;}
.volume_conts .volume_list li p, .volume_conts .volume_list li div { display:inline-block; *display:inline; *zoom:1; text-align:center; vertical-align:middle; }
.volume_conts .volume_list li p.rk_num, .volume_conts .volume_list li div.rk_num { width:53px; *margin-top:12px; font-size:16px; color:#625950; font-weight:bold; line-height:0; }
.volume_conts .volume_list li p.rk_num b, .volume_conts .volume_list li div.rk_num b { color:#cc4334; }
.volume_conts .volume_list li p.rk_kind, .volume_conts .volume_list li div.rk_kind { overflow:hidden; width:124px; font-size:14px; color:#333333; white-space:nowrap; text-align:left; text-overflow:ellipsis; }
.volume_conts .volume_list li p.rk_kind a, .volume_conts .volume_list li div.rk_kind a { text-decoration:none; }
.volume_conts .volume_list li p.rk_kind a span, .volume_conts .volume_list li div.rk_kind a span { color:#333}
.volume_conts .volume_list li p.rk_kind a:hover span, .volume_conts .volume_list li div.rk_kind a:hover span { padding-bottom:2px; border-bottom:1px solid #766c62; color:#766c62; }
.volume_conts .volume_list li:first-child p.rk_kind a span, .volume_conts .volume_list li:first-child div.rk_kind a span { color:#cc4334; }
.volume_conts .volume_list li:first-child p.rk_kind a:hover span, .volume_conts .volume_list li:first-child div.rk_kind a:hover span { padding-bottom:2px; border-bottom:1px solid #cc4334; }
.volume_conts .volume_list li p.rk_price, .volume_conts .volume_list li div.rk_price { width:127px; font-size:14px; text-align:left; }
.volume_conts .volume_list li p.rk_point, .volume_conts .volume_list li div.rk_point { width:103px; color:#333333; font-size:14px; text-align:left; }
.volume_conts .volume_list li p.rk_percent, .volume_conts .volume_list li div.rk_percent { width:63px; font-size:14px; color:#333; text-align:right; }
.volume_conts .volume_list li p.rk_percent_dw, .volume_conts .volume_list li div.rk_percent_dw { width:63px; font-size:14px; color:#2460ce; text-align:right; }
.volume_conts .volume_list li p.rk_percent_up, .volume_conts .volume_list li div.rk_percent_up { width:63px; font-size:14px; color:#ff0000; text-align:right; }
.volume_conts .volume_list li.hover { background-color:#fffbf7; }
.fund_box .more, .volume_box .more { position:absolute; right:0; top:12px; width:20px; height:20px; background-position:-244px -143px; }

.evt_notice { position:relative; width:460px; height:192px; padding:15px; margin-top:30px; background-color:#eeeeee; }
.main_tabTy2 { overflow:hidden; text-align:center; }
.main_tabTy2 li { position:relative; float:left; *height:42px; }
.main_tabTy2 li a.title { display:block; width:230px; height:40px; border-top:1px solid #eee; border-bottom:1px solid #ddd; color:#666; font-size:16px; font-weight:bold; line-height:40px; text-decoration:none; }
.main_tabTy2 li.active a.title { width:228px; border:solid #ddd; border-width:1px 1px 0; border-bottom:1px solid #fff; border-radius:2px 2px 0 0; color:#111; background-color:#fff; }
.main_tabTy2 li.active a.title span { padding-bottom:1px; border-bottom:1px solid #111; color:#111; }
.en_list_wrap { width:458px; border:solid #ddd; border-width:0 1px 1px; border-radius:0 0 2px 2px; background-color:#fff; }
.en_list { padding:20px 0 13px; min-height:116px; }
.en_list li { height:29px; padding-left:29px; line-height:29px; }
.en_list li.no_data {text-align:center;}
.en_list li p, .en_list li i { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; }
.en_list_wrap .en_list li i { width:3px; height:6px; background-position:-331px -117px; }
.en_list li p.en_subject { width:330px; }
.en_list li a { display:block; overflow:hidden; width:310px; font-size:14px; letter-spacing:-0.05em; text-overflow:ellipsis; white-space:nowrap; }
.en_list li a span { color:#666; }
.en_list li a:hover { text-decoration:none; }
.en_list li a:hover span { padding-bottom:2px; border-bottom:1px solid #766c62; color:#766c62; }
.en_list li .en_date { color:#777; font-size:12px; }
#evt_list, #notice_list { position:relative; }
#evt_list a.more, #notice_list a.more { display:block; position:absolute; width:20px; height:20px; background-position:-244px -143px; }
#evt_list a.more { right:240px; top:-31px; }
#notice_list a.more { right:10px; top:-31px; }

.invs_choice { position:relative; width:460px; height:192px; padding:15px; margin-top:30px; background-color:#eeeeee; }
.ic_wrap { width:458px; border:solid #ddd; border-width:0 1px 1px; border-radius:0 0 2px 2px; background-color:#fff; }
.invs_list { overflow:hidden; padding:20px 0 11px; min-height:116px; }
.choice_list { overflow:hidden; padding:30px 0 24px; min-height:62px; }
.invs_list li { float:left; margin-left:20px; width:188px;}
.invs_list li:first-child { margin-left:30px; }
.invs_list li.no_data {float:none;text-align:center;}
.invs_list li a.link_img, .choice_list li a.link_img { display:block; }
.invs_list li a.link_subject, .choice_list li a.link_subject { display:block; width:100%; *width:auto; margin-top:3px; height:20px; overflow:hidden;  color:#666666; font-size:14px; text-align:center; text-decoration:none; overflow:hidden;  white-space:nowrap; text-overflow:ellipsis;}
.invs_list li a:hover span, .choice_list li a:hover span { padding-bottom:2px; border-bottom:1px solid #766c62; color:#766c62; }
.choice_list li { float:left; margin-left:10px; }
.choice_list li:first-child { margin-left:24px; }

#invs_list, #choice_list { position:relative; }
#invs_list a.more, #choice_list a.more { display:block; position:absolute; width:20px; height:20px; background-position:-244px -143px; }
#invs_list a.more { right:240px; top:-31px; }
#choice_list a.more { right:10px; top:-31px; }

/* ÇÏ´Ü ¹è³Ê */
.bn_footer { clear:both; width:1000px; margin:0 auto; padding-bottom:23px; font-size:0; }
.bn_footer li { display:inline-block; *display:inline; *zoom:1; text-align:left; vertical-align:middle; }
.bn_footer li.bn_footer_1 { width:201px; padding-left:23px; }
.bn_footer li.bn_footer_2 { width:192px; }
.bn_footer li.bn_footer_3 { width:230px; }
.bn_footer li.bn_footer_4 { width:165px; }
.bn_footer li a img { vertical-align:top; }


/* ¾÷¹«¾È³»¹è³Ê */
.wkBanner { margin-top:17px; *margin-top:55px; }
.wkBanner .item { width:20%; float:left; }
.wkBanner .item a { display:block; border:solid 1px #ddd; height:50px; overflow:hidden; text-align:center; margin-left:-1px; background:#fff; position:relative; }
.wkBanner .item a:hover { display:block; border:solid 1px #f8b500; background:#ffe7a8; z-index:1; }
.wkBanner .item a:hover img { margin-top:-50px; }