@charset "utf-8"; /******************** * 메인 Stylesheet * **********************/ /* 메인 */ #wrap.main .location, #wrap.main .related-menu, #wrap.main .btn-common {display:none !important;} #wrap.main .lay-help {display:inline-block;position:relative;margin:0 4px;vertical-align:middle;font-size:14px;z-index:10;} #wrap.main .lay-help .layer {padding:0px 20px 20px;} #wrap.main .lay-help .layer strong {font-weight:bold;} #wrap.main #contents a{text-decoration:none;} /* 레이아웃 */ #wrap.main #container {display:block;width:100%;padding-bottom:0;} #wrap.main #contents {min-width:960px;width:100%;padding:0;} #wrap.main #contents .section {position:relative;width:960px;margin:0 auto;line-height:1.2;} #wrap.main .contents {height:auto;padding:0;margin:0;zoom:1;} #wrap.main .contents:after {content:'';display:block;clear:both;} /* 상단 비주얼 */ #wrap.main .mainVisual {/*background-color:#f7f7f7;*/position:relative;overflow:hidden;padding-bottom:20px;width:100%;height:639px;zoom:1} #wrap.main .mainVisual:after {content:'';display:block;clear:both;} #wrap.main .mainVisual .inner {zoom:1;width:960px;height:639px;margin:0 auto;} #wrap.main .mainVisual .inner:after {content:'';display:block;clear:both;} #wrap.main .mainVisual .inner .thum_list {position:absolute;left:0;top:0;width:100%;height:639px;} #wrap.main .mainVisual .inner .thum_list li {display:block;position:absolute;float:left;width:100%;height:639px;text-align:center;} #wrap.main .mainVisual .inner .thum_list li a {display:block;width:100%;height:100%;text-indent:-99999px;} #wrap.main .mainVisual .inner .thum_list li img {text-align:center;} #wrap.main .mainVisual .inner .thum_list li .img {background:none;} #wrap.main .mainVisual .inner .thum_list li .main_text {display:block;position:absolute;width:960px;left:50%;margin-left:-480px;text-align:left;z-index:5;} #wrap.main .mainVisual .inner .thum_list li .main_text a {display:block;padding:80px 0 0 0px;} /*#wrap.main .mainVisual .inner .btn_control {position:relative;width:960px;padding-top:341px;margin:0 auto;z-index:50;zoom:1;}*/ #wrap.main .mainVisual .inner .btn_control {position:relative;width:960px;margin:341px auto 0px;z-index:50;zoom:1;} #wrap.main .mainVisual .inner .btn_control:after {content:'';display:block;clear:both;} #wrap.main .mainVisual .inner .btn_page {float:left;} #wrap.main .mainVisual .inner .btn_page ul {position:relative;} #wrap.main .mainVisual .inner .btn_page ul li {float:left; display:inline-block; margin-right:10px; background-size:cover !important} #wrap.main .mainVisual .inner .btn_page ul li a {display:block;width:98px;height:41px;text-indent:-9999px;} #wrap.main .mainVisual .inner .btn_page ul li a:focus.on, #wrap.main .mainVisual .inner .btn_page ul li a:focus{border:2px dotted #fff;width:96px;height:39px;} #wrap.main .mainVisual .inner .btn_page ul li a:focus.on{background:none;opacity:1} #wrap.main .mainVisual .inner .btn_page ul li {border:1px solid #fff; opacity:1;} #wrap.main .mainVisual .inner .btn_page ul li a {background:#000; border:1px solid #fff; opacity:0.5;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);filter:alpha(opacity=50);/* for ie5-8 */;} #wrap.main .mainVisual .inner .btn_page ul li a.on {background:#000; border:1px solid #fff; opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);filter:alpha(opacity=0);/* for ie5-8 */;} #wrap.main .mainVisual .inner .btn_play {float:left;margin:10px 0 0 20px;} #wrap.main .mainVisual .inner .btn_play a {display:block;width:24px;height:24px;text-indent:-9999px;} #wrap.main .mainVisual .inner .btn_play .pause {background:url(/ux/images/main/btn_toggle_stop.png) center top no-repeat;} #wrap.main .mainVisual .inner .btn_play .stop {background:url(/ux/images/main/btn_toggle_play.png) center top no-repeat;} #wrap.main .mainVisual .quick {position:relative; margin-top:114px;} #wrap.main .mainVisual .quick .bookmark{display:inline-block;background:url(/ux/images/main/bg_bookmark.png) 0 0 no-repeat;width:170px;height:23px} #wrap.main .mainVisual .quick ul {overflow:hidden;} #wrap.main .mainVisual .quick ul li {position:relative; float:left; width:159px; height:138px; margin-left:1px; transition:all 0.5s;} #wrap.main .mainVisual .quick ul li:first-child {width:320px; margin-left:0;} #wrap.main .mainVisual .quick ul li a {display:block; overflow:hidden; position:relative; z-index:11; height:100%; padding:17px 0 0 30px; box-sizing:border-box; font-size:16px; color:#fff;} #wrap.main .mainVisual .quick ul li:nth-child(1) .bg_quick {position:absolute; left:0; top:0; width: 100%; height: 100%; background-position: center; background-size: cover; transition:all 0.5s; text-indent:-9999px;} #wrap.main .mainVisual .quick ul li:nth-child(2) .bg_quick {position:absolute; left:0; top:0; width: 100%; height: 100%; background-position: center; background-size: cover; transition:all 0.5s; text-indent:-9999px;} #wrap.main .mainVisual .quick ul li:nth-child(3) .bg_quick {position:absolute; left:0; top:0; width: 100%; height: 100%; background-position: center; background-size: cover; transition:all 0.5s; text-indent:-9999px;} #wrap.main .mainVisual .quick ul li:nth-child(4) .bg_quick {position:absolute; left:0; top:0; width: 100%; height: 100%; background-position: center; background-size: cover; transition:all 0.5s; text-indent:-9999px;} #wrap.main .mainVisual .quick ul li:nth-child(5) .bg_quick {position:absolute; left:0; top:0; width: 100%; height: 100%; background-position: center; background-size: cover; transition:all 0.5s; text-indent:-9999px;} .msie8 #wrap.main .mainVisual .quick ul li:first-child .bg_quick {position:absolute; left:0; top:0; width: 100%; height: 100%; background-position: center; background-size: cover; transition:all 0.5s; text-indent:-9999px;} .msie8 #wrap.main .mainVisual .quick ul li:first-child + li .bg_quick {position:absolute; left:0; top:0; width: 100%; height: 100%; background-position: center; background-size: cover; transition:all 0.5s; text-indent:-9999px;} .msie8 #wrap.main .mainVisual .quick ul li:first-child + li + li .bg_quick {position:absolute; left:0; top:0; width: 100%; height: 100%; background-position: center; background-size: cover; transition:all 0.5s; text-indent:-9999px;} .msie8 #wrap.main .mainVisual .quick ul li:first-child + li + li + li .bg_quick {position:absolute; left:0; top:0; width: 100%; height: 100%; background-position: center; background-size: cover; transition:all 0.5s; text-indent:-9999px;} .msie8 #wrap.main .mainVisual .quick ul li:first-child + li + li + li + li .bg_quick {position:absolute; left:0; top:0; width: 100%; height: 100%; background-position: center; background-size: cover; transition:all 0.5s; text-indent:-9999px;} /*#wrap.main .mainVisual .quick ul li:hover .bg_quick, #wrap.main .mainVisual .quick ul li a:focus + .bg_quick {}*/ #wrap.main .mainVisual .quick ul li a .txt_tit {display:block; margin-bottom:26px; line-height:20px;} #wrap.main .mainVisual .quick ul li a .sub_txt {display:block; position:absolute; left:30px; bottom:12px; font-size:16px; opacity:0; text-overflow:ellipsis; white-space:nowrap;} #wrap.main .mainVisual .quick ul li:first-child a .txt_tit {font-size:29px; line-height:29px;} #wrap.main .mainVisual .quick ul li:first-child a .sub_txt {opacity:0.7;} /*#wrap.main .mainVisual .quick ul li a:after {display:block; content:""; position:absolute; right:10px; bottom:15px; width:10px; height:10px; background:url(/ux/images/main/bg_moreView.png) 0 0 no-repeat;}*/ #wrap.main .mainVisual .quick ul li a:after {display:block; content:""; position:absolute; right:10px; bottom:15px; width:10px; height:10px;} #wrap.main .mainVisual .quick ul li:first-child a:after {display:none;} /* 추천펀드 */ #wrap.main .stock_wrap {/*background-color:#f7f7f7;*/} #wrap.main .stock_box {position:relative; overflow:hidden; width:960px; height:82px; margin:0 auto 36px auto; background-color:#fff;} #wrap.main .stock_box .prev {position:absolute; right:4px; top:22px;} #wrap.main .stock_box .next {position:absolute; right:4px; bottom:20px;} #wrap.main .stock_box .stock_txt {overflow:hidden; height:25px; margin:31px 60px 0 60px;} #wrap.main .stock_box .stock_txt ul {position:relative; overflow:hidden; width:840px; height:25px; } #wrap.main .stock_box .stock_txt ul li {position:absolute; overflow:hidden; width:840px; height:25px; font-size:16px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;} #wrap.main .stock_box .stock_txt ul li:nth-child(2) {top:25px;} #wrap.main .stock_box .stock_txt ul li:nth-child(3) {top:50px;} #wrap.main .stock_box .stock_txt ul li span.txt {display:block; float:left; width:33%; color:#808080;} #wrap.main .stock_box .stock_txt ul li span.txt strong {margin-right:12px; color:#222;} #wrap.main .stock_box .stock_txt ul li span.txt span.up {padding-left:19px; color:#e96a6a; background:url(/ux/images/main/bg_stock_up.jpg) 6px 7px no-repeat;} #wrap.main .stock_box .stock_txt ul li span.txt span.down {padding-left:19px; color:#3295d7; background:url(/ux/images/main/bg_stock_down.jpg) 6px 7px no-repeat;} #wrap.main .stock_box .stock_msg {position:absolute; left:30px; clear:both; margin:0 0 0 30px; font-size:13px; line-height:20px; color:#808080;} #wrap.main .product_box {position:relative; /*overflow:hidden;*/ width:960px; height:610px; margin:0 auto; padding-bottom:100px;} #wrap.main .product_box > ul {margin-left:250px;} #wrap.main .product_box > ul > li {float:left; margin-left:67px;} #wrap.main .product_box > ul > li:first-child{margin-left:0} #wrap.main .product_box > ul > li div.tab_on{z-index:9} #wrap.main .product_box > ul > li div.tab_on, #wrap.main .product_box > ul > li div.tab_off {position:absolute; left:0; top:73px;} #wrap.main .product_box > ul > li div.tab_off {overflow:hidden; visibility:hidden; font-size:0; line-height:0;} #wrap.main .product_box > ul > li div.fond_txt1 {float:left; margin-left:1px;} #wrap.main .product_box > ul > li div.thumbList .prodCont {position:relative;} #wrap.main .product_box > ul > li div.thumbList .prodCont a {display:block; padding:25px; box-sizing:border-box; color:#fff;} #wrap.main .product_box > ul > li .prodCont.left a {width:320px; height:540px; background:url(/ux/images/main/bg_recommImg01.gif) 0 0 no-repeat;} #wrap.main .product_box > ul > li .prodCont.top a {width:639px; height:270px; background:url(/ux/images/main/bg_recommImg02.gif) 0 0 no-repeat;} #wrap.main .product_box > ul > li .prodCont.bottom a {position:relative; float:left; width:319px; height:269px; margin-left:1px; background-color:#59bae3;} #wrap.main .product_box > ul > li .prodCont.bottom a:first-child {margin-left:0; background:url(/ux/images/main/bg_recommImg03.gif) 0 0 no-repeat;} #wrap.main span.sub_tit {display:block; position:relative; margin-bottom:25px; padding-top:10px; font-size:26px; font-weight:bold; color:#fff; letter-spacing:-1px; line-height:36px;} #wrap.main span.sub_tit:before {display:block; content:""; position:absolute; left:0; top:0; width:48px; height:2px; background-color:#6df5fe;} #wrap.main .dailyInfo span.sub_tit{margin-bottom:20px;font-size:24px} #wrap.main .dailyInfo span.sub_tit>em{color:#98F7FD} #wrap.main .product_box > ul > li .prodCont a .sub_txt {display:block; font-size:16px; color:#fff; opacity:0.7; line-height:24px;} #wrap.main .product_box > ul > li .prodCont a .rateBox {position:absolute; left:25px; bottom:25px;} #wrap.main .product_box > ul > li .prodCont a .rateBox .rate {display:block; font-size:16px; color:#fff; opacity:0.7;} #wrap.main .product_box > ul > li .prodCont a .rateBox .rate_txt {display:block; font-size:28px; color:#fff; opacity:0.7;} #wrap.main .product_box > ul > li .prodCont a .rateBox .rate_txt strong {font-size:35px; vertical-align:baseline;} /*해외주식 아카데미 링크 추가*/ #wrap.main .product_box > ul > li .pBoard_academy{display:block;width:93px;height:53px;background:url(/ux/images/main/tab_product_list05_off.png) 0 0 no-repeat;} #wrap.main .product_box > ul > li .pBoard_academy:hover, #wrap.main .product_box > ul > li .pBoard_academy:active{background:url(/ux/images/main/tab_product_list05_on.png) 0 0 no-repeat;} .ml1 {margin-left:1px;} .mt1 {margin-top:1px;} .fund_txt2 {clear:both; margin:0 0 0 30px; font-size:12px; line-height:20px; color:#999;} .fund_txt2 > p{margin:5px 0 0} .fund_txt2 .fund_data{position:absolute; top:-25px; left:30px} /* section stock */ /* 추천종목 */ /* 17-08-14 좌우 슬라이드 버튼 추가 */ #wrap.main .fund_list, #wrap.main .recomm_list, #wrap.main .foreignNavi_list{position:relative; width:960px; margin:0 auto} #wrap.main a.btn_arrow {z-index:10; display:block;position:absolute;top:270px;width:26px;height:49px;text-indent:-9999px;background:url(/ux/images/main/btn_arrow3.png) no-repeat;} #wrap.main a.btn_arrow.prev {background-position:0 0; left:-52px;} #wrap.main a.btn_arrow.next {background-position:0 -49px;right:-52px;} #wrap.main .fund_list .thum_box, #wrap.main .recomm_list .thum_box{position:relative; width:960px; overflow:hidden} #wrap.main .foreignNavi_list .thum_box{position:relative; display:inline-block; width:580px; overflow:hidden; height:536px; margin:0;} #wrap.main .fund_list .thum_list, #wrap.main .recomm_list .thum_list{overflow:hidden; width:960px; height:540px;} #wrap.main .foreignNavi_list .thum_list{float:left;overflow:hidden; width:580px; height:427px;} #wrap.main .fund_list .thum_list .thumbArea, #wrap.main .recomm_list .thum_list .thumbArea{width:960px;} #wrap.main .foreignNavi_list .thum_list .thumbArea {width:580px; padding:35px 0 0 0;} #wrap.main .fund_list .thum_list .thumbArea:after, #wrap.main .recomm_list .thum_list .thumbArea:after, #wrap.main .foreignNavi_list .thum_list .thumbArea:after {display:block; content:""; clear:both;} #wrap.main .recomm_list .thum_list .thumbArea > li {position:relative; float:left; height:270px; margin:1px 0 0 1px;} #wrap.main .recomm_list .thum_list .thumbArea > li:nth-child(1) {width:320px; margin:0; background-color:#3e4f75;} #wrap.main .recomm_list .thum_list .thumbArea > li:nth-child(2) {width:319px; margin-top:0; background-color:#485b87;} #wrap.main .recomm_list .thum_list .thumbArea > li:nth-child(3) {width:319px; margin-top:0; background-color:#516799;} #wrap.main .recomm_list .thum_list .thumbArea > li:nth-child(4) {width:320px; margin:1px 0 0 0; background-color:#485b87;} #wrap.main .recomm_list .thum_list .thumbArea > li:nth-child(5) {width:319px; margin:1px 0 0 1px; background-color:#516799;} #wrap.main .recomm_list .thum_list .thumbArea > li:nth-child(6) {width:319px; margin:1px 0 0 1px; background-color:#3e4f75;} .msie8 #wrap.main .recomm_list .thum_list .thumbArea > li:first-child {width:320px; margin:0; background-color:#3e4f75;} .msie8 #wrap.main .recomm_list .thum_list .thumbArea > li:first-child + li {width:319px; margin-top:0; background-color:#485b87;} .msie8 #wrap.main .recomm_list .thum_list .thumbArea > li:first-child + li + li {width:319px; margin-top:0; background-color:#516799;} .msie8 #wrap.main .recomm_list .thum_list .thumbArea > li:first-child + li + li + li {width:320px; margin:1px 0 0 0; background-color:#485b87;} .msie8 #wrap.main .recomm_list .thum_list .thumbArea > li:first-child + li + li + li + li {width:319px; margin:1px 0 0 1px; background-color:#516799;} .msie8 #wrap.main .recomm_list .thum_list .thumbArea > li:first-child + li + li + li + li + li {width:319px; margin:1px 0 0 1px; background-color:#3e4f75;} #wrap.main .recomm_list .thum_list .thumbArea.first > li:nth-child(1) {width:320px; height:540px; margin:0; padding:35px 30px; background:url(/ux/images/main/bg_bigCard.jpg) 0 0 no-repeat;; box-sizing:border-box;} #wrap.main .recomm_list .thum_list .thumbArea.first > li .sub_desc {display:block; font-size:16px; color:#fff; line-height:24px;} #wrap.main .recomm_list .thum_list .thumbArea.first > li .sub_descBottom {position:absolute; left:30px; top:325px; font-size:14px; color:#fff; line-height:24px;} #wrap.main .recomm_list .thum_list .thumbArea.first > li:nth-child(2) {width:319px; margin-top:0; background-color:#3e4f75;} #wrap.main .recomm_list .thum_list .thumbArea.first > li:nth-child(3) {width:319px; margin-top:0; background-color:#485b87;} #wrap.main .recomm_list .thum_list .thumbArea.first > li:nth-child(4) {width:319px; margin:1px 0 0 1px; background-color:#485b87;} #wrap.main .recomm_list .thum_list .thumbArea.first > li:nth-child(5) {width:319px; margin:1px 0 0 1px; background-color:#516799;} .msie8 #wrap.main .recomm_list .thum_list .thumbArea.first > li:first-child {width:320px; height:540px; margin:0; padding:35px 30px; background:url(/ux/images/main/bg_bigCard.jpg) 0 0 no-repeat;; box-sizing:border-box;} .msie8 #wrap.main .recomm_list .thum_list .thumbArea.first > li:first-child + li {width:319px; margin-top:0; background-color:#3e4f75;} .msie8 #wrap.main .recomm_list .thum_list .thumbArea.first > li:first-child + li + li {width:319px; margin-top:0; background-color:#485b87;} .msie8 #wrap.main .recomm_list .thum_list .thumbArea.first > li:first-child + li + li + li {width:319px; margin:1px 0 0 1px; background-color:#485b87;} .msie8 #wrap.main .recomm_list .thum_list .thumbArea.first > li:first-child + li + li + li + li {width:319px; margin:1px 0 0 1px; background-color:#516799;} #wrap.main .recomm_list .thum_list .thumbArea > li a {display:block; height:100%; padding:35px 0; box-sizing:border-box; text-align:center;} #wrap.main .recomm_list .thum_list .thumbArea > li a:hover {text-decoration:none;} #wrap.main .recomm_list .thum_list .thumbArea > li a .code {display:block; color:#fff; font-size:13px; line-height:10px;} #wrap.main .recomm_list .thum_list .thumbArea > li a .sub_tit {display:block; position:relative; overflow:hidden; width:280px; height:57px; margin:0 auto; font-size:28px; color:#fff; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;} #wrap.main .recomm_list .thum_list .thumbArea > li a .sub_tit:before {display:none;} #wrap.main .recomm_list .thum_list .thumbArea > li a .sub_tit:after {display:block; content:""; position:absolute; left:50%; bottom:0; width:190px; height:1px; margin-left:-95px; background-color:#fff; opacity:0.3;} #wrap.main .recomm_list .thum_list .thumbArea > li a .stock .price {display:block; font-size:40px; font-weight:bold; color:#fff} #wrap.main .recomm_list .thum_list .thumbArea > li a .stock .rate {position:relative; overflow:hidden; width:190px; height:38px; margin:0 auto; padding:0 8px; box-sizing:border-box;} #wrap.main .recomm_list .thum_list .thumbArea > li a .stock .rate:after {display:block; content:""; clear:both; position:absolute; left:0; bottom:0; width:190px; height:1px; background-color:#fff; opacity:0.3;} #wrap.main .recomm_list .thum_list .thumbArea > li a .stock .rate .rate_txt {position:relative; float:left; padding-left:15px; font-size:16px; color:#fff;} #wrap.main .recomm_list .thum_list .thumbArea > li a .stock .rate .rate_persent {float:right; font-size:16px; color:#fff} #wrap.main .recomm_list .thum_list .thumbArea > li a .stock.rise .price {color:#ff3300;} #wrap.main .recomm_list .thum_list .thumbArea > li a .stock.decline .price {color:#2dd3fc;} #wrap.main .recomm_list .thum_list .thumbArea > li a .stock.rise .rate .rate_txt {color:#ff3300;} #wrap.main .recomm_list .thum_list .thumbArea > li a .stock.rise .rate .rate_persent {color:#ff3300;} #wrap.main .recomm_list .thum_list .thumbArea > li a .stock.rise .rate .rate_txt:before {display:block; content:""; position:absolute; left:0; top:6px; width:10px; height:9px; background:url(/ux/images/main/img_rateUp.png) 0 0 no-repeat;} #wrap.main .recomm_list .thum_list .thumbArea > li a .stock.decline .rate .rate_txt:before {display:block; content:""; position:absolute; left:0; top:6px; width:10px; height:9px; background:url(/ux/images/main/img_rateDown.png) 0 0 no-repeat;} #wrap.main .recomm_list .thum_list .thumbArea > li a .stock.decline .rate .rate_txt {color:#2dd3fc;} #wrap.main .recomm_list .thum_list .thumbArea > li a .stock.decline .rate .rate_persent {color:#2dd3fc;} #wrap.main .recomm_list .thum_list .thumbArea > li a .date {display:block;color:#a3aec9;opacity:1;vertical-align:middle;text-align:left;width:155px;margin:6px auto 10px;} #wrap.main .recomm_list .thum_list .thumbArea > li a .date em {padding-left:9px; vertical-align:initial; float:right} #wrap.main .recomm_list .txt_update {position:absolute; left:30px; bottom:0; color:#999; font-size:12px;} #wrap.main .fund_list .btn_page, #wrap.main .recomm_list .btn_page, #wrap.main .foreignNavi_list .btn_page {width:100%; margin:5px auto 0 auto; text-align:right;} #wrap.main .fund_list .btn_page ul, #wrap.main .recomm_list .btn_page ul, #wrap.main .foreignNavi_list .btn_page ul {display:inline-block;} #wrap.main .fund_list .btn_page ul:after, #wrap.main .recomm_list .btn_page ul:after, #wrap.main .foreignNavi_list .btn_page ul:after {display:block; content:""; clear:both;} #wrap.main .fund_list .btn_page ul li, #wrap.main .recomm_list .btn_page ul li, #wrap.main .foreignNavi_list .btn_page ul li {float:left; margin-right:5px; text-align:left;} #wrap.main .fund_list .btn_page ul li a, #wrap.main .recomm_list .btn_page ul li a, #wrap.main .foreignNavi_list .btn_page ul li a {display:block; width:12px;height:12px; border-radius:50%; background-color:#ccc; text-indent:-9999px;} #wrap.main .fund_list .btn_page ul li a.on, #wrap.main .recomm_list .btn_page ul li a.on, #wrap.main .foreignNavi_list .btn_page ul li a.on {width:30px; border-radius:10px; background-color:#999;} /* 해외주식 */ #wrap.main .foreignNavi_list{background:url(/ux/images/main/bg_foreignNavigation.jpg) 0 0 no-repeat;height:540px;} #wrap.main .foreignNavi_list .thum_list .thumbArea > li {position:relative; float:left; width:280px; height:186px; margin:0 0 10px 10px; padding:15px 30px; background:#fff; text-align:center; box-sizing:border-box; opacity:0.9;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);filter:alpha(opacity=90);/* for ie5-8 */;} #wrap.main .foreignNavi_list .thum_list .thumbArea li .titleArea{display:block;padding-bottom:15px;min-height:95px} #wrap.main .foreignNavi_list .thum_list .thumbArea li .titleArea .sub_tit, #wrap.main .foreignNavi_list .thum_list .thumbArea li .titleArea > small{display:block;text-align:center;} #wrap.main .foreignNavi_list .thum_list .thumbArea li .titleArea > span{display:inline-block;position:relative;margin:0 5px 7px 0;padding:0 5px;height:15px;line-height:17px;border:solid #ddd 1px;font-family:dotum,Arial;font-size:11px;} #wrap.main .foreignNavi_list .thum_list .thumbArea li .titleArea{border-bottom:1px solid #dadada} #wrap.main .foreignNavi_list .thum_list .thumbArea li .titleArea .sub_tit{font-size:18px;margin:0 0 5px;line-height:20px;} #wrap.main .foreignNavi_list .thum_list .thumbArea li .titleArea > small{font-size:14px;line-height:16px;} #wrap.main .foreignNavi_list .thum_list .thumbArea li .contArea{display:block;} #wrap.main .foreignNavi_list .thum_list .thumbArea li .contArea .dot_list{float:left;width:70%;margin:12px 0 0;} #wrap.main .foreignNavi_list .thum_list .thumbArea li .contArea .dot_list li{text-align:left;padding-left:5px;margin-bottom:5px;font-size:13px;color:#222;background:url(/ux/images/finance/lsit_dot.gif) no-repeat 0 10px;} #wrap.main .foreignNavi_list .thum_list .thumbArea li .contArea .tipArea{float:right;width:28%;margin-top:12px;color:#0178ca} #wrap.main .foreignNavi_list .thum_list .thumbArea li .contArea .tipArea .lay-help .layer{border-radius:3px;border:0;padding:18px 12px 15px;top:auto;left:-203px;bottom:30px;background:#0178ca !important;color:#fff !important} #wrap.main .foreignNavi_list .thum_list .thumbArea li .contArea .tipArea .lay-help .layer:after{top:auto;bottom:-11px;left:212px;background:url(/ux/images/main/lay_arrow2.gif) no-repeat;} #wrap.main .foreignNavi_list .thum_list .thumbArea li .contArea .tipArea .lay-help .layer > p{display:block;width:100%;min-height:20px;max-height:126px;overflow:hidden;overflow-y:auto} #wrap.main .foreignNavi_list .thum_list .thumbArea li .contArea .tipArea .lay-help .layer a.close{top:7px;right:7px;background:url(/ux/images/main/ico_close2.gif) no-repeat;} #wrap.main .foreignNavi_list .thum_list .thumbArea li .titleArea span.badge01{border-color:#4bd4cf;color:#4bd4cf;}/* 국내주식 */ #wrap.main .foreignNavi_list .thum_list .thumbArea li .titleArea span.badge02{border-color:#1aa55b;color:#1aa55b;}/* 신규펀드 */ #wrap.main .foreignNavi_list .thum_list .thumbArea li .titleArea span.badge03{border-color:#f06731;color:#f06731;}/* 중소형주 */ #wrap.main .foreignNavi_list .thum_list .thumbArea li .titleArea span.badge04{border-color:#4bd4cf;color:#4bd4cf;}/* 해외주식 */ #wrap.main .foreignNavi_list .thum_list .thumbArea li .titleArea span.badge05{border-color:#3aaae0;color:#3aaae0;}/* 연금추가 */ #wrap.main .foreignNavi_list .thum_list .thumbArea li .titleArea span.badge06{border-color:#f0488b;color:#f0488b;}/* 중국펀드 */ #wrap.main .foreignNavi_list .thum_list .thumbArea li .titleArea span.badge07{border-color:#db72bf;color:#db72bf;}/* 국내안정형 */ #wrap.main .foreignNavi_list .thum_list .thumbArea li .titleArea span.badge08{border-color:#8f50bc;color:#8f50bc;}/* 해외안정형 */ #wrap.main .foreignNavi_list .thum_list .thumbArea li .titleArea span.badge09{border-color:#1d2088;color:#1d2088;}/* 인덱스/레버리지 */ #wrap.main .foreignNavi_list .keyword_box{position:relative;display:inline-block;margin:35px 0 0 30px;width:320px;height:483px;float:left} #wrap.main .foreignNavi_list .keyword_box span.sub_tit {display:block; position:relative; margin-bottom:5px; padding-top:10px; font-size:26px; font-weight:bold; color:#fff; letter-spacing:-1px; line-height:36px;} #wrap.main .foreignNavi_list .keyword_box span.sub_tit:before {display:block; content:""; position:absolute; left:0; top:0; width:48px; height:2px; background-color:#6df5fe;} #wrap.main .foreignNavi_list .keyword_box .sub_desc {display:block; padding:0px; font-size:14px; line-height:18px; color:#fff;} #wrap.main .foreignNavi_list .keyword_box .keywordList{display:block;margin:10px 0 0 0px;} #wrap.main .foreignNavi_list .keyword_box .keywordList ul{display:block;position:relative;width:100%;height:255px;margin:0;padding:0;} #wrap.main .foreignNavi_list .keyword_box .keywordList ul li{position:absolute;} #wrap.main .foreignNavi_list .keyword_box .keywordList ul li a{color:#fff;font-size:14px;line-height:35px;padding:0 12px;min-height:35px;min-width:50px;background:#32aafa;box-sizing:border-box;border-radius:17px;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100);/* for ie5-8 */;} #wrap.main .foreignNavi_list .keyword_box .keywordList ul li a:hover, #wrap.main .foreignNavi_list .keyword_box .keywordList ul li a.on{font-weight:bold;font-size:18px;color:#ff9100;background:#fff;line-height:30px;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100);/* for ie5-8 */;margin-left:-10px;transition: .3s all} #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(1) a, #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(4) a, #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(7) a, #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(9) a{} #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(1){top:0;left:20%;} #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(2){top:18%;left:43%;} #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(3){top:34%;left:0%;} #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(4){top:36%;left:50%;} #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(5){top:51%;left:11%;} #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(6){top:56%;left:50%;} #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(7){top:68%;left:0%;} #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(8){top:73%;left:44%;} #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(9){top:17%;left:2%;} #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(10){top:89%;left:16%;} #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(11), #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(12), #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(13), #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(14), #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(15), #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(16), #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(17), #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(18), #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(19), #wrap.main .foreignNavi_list .keyword_box .keywordList ul li:nth-child(20){display:none} #wrap.main .foreignNavi_list .keyword_box .keywordDesc{display:block;margin:15px 0 0;font-size:13px;color:#fff;text-align:left} #wrap.main .foreignNavi_list .keyword_box .slideWarningArea{display:block;width:300px;position:absolute;bottom:0px;left:0;margin:0 0 0;height:74px;padding:15px;box-sizing:border-box;background:#263442;opacity:0.92;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=92);filter:alpha(opacity=92);/* for ie5-8 */;} #wrap.main .foreignNavi_list .keyword_box .slideWarningArea.off a{height:45px;} #wrap.main .foreignNavi_list .keyword_box .slideWarningArea.off a:before{opacity:0} #wrap.main .foreignNavi_list .keyword_box .slideWarningArea a{display:block;width:95%;overflow:hidden;line-height:18px;font-size:12px;word-wrap:break-word;height:38px;color:#bbb;padding:0;} #wrap.main .foreignNavi_list .keyword_box .slideWarningArea a > span{display:block;text-align:left;padding-left:5px;margin-bottom:0;font-size:13px;color:#bbb;/* background:url(/ux/images/finance/lsit_dot.gif) no-repeat 0 10px; */} #wrap.main .foreignNavi_list .keyword_box .slideWarningArea.on, #wrap.main .foreignNavi_list .keyword_box .slideWarningArea.on a{height:auto;} #wrap.main .foreignNavi_list .keyword_box .slideWarningArea a:before{display:block; content:""; clear:both;position:absolute;width:9px;height:5px;top:35px;right:10px;background:url(/ux/images/main/btn_arrow_updn.png) 0 0 no-repeat;} #wrap.main .foreignNavi_list .keyword_box .slideWarningArea.on a:before{top:15px;width:12px;height:11px;background:url(/ux/images/main/ico_close2.gif) 0 0 no-repeat;} #wrap.main .foreignNavi_list .foreignNavigation{display:block;position:absolute;width:570px;height:74px;right:30px;bottom:22px} #wrap.main .foreignNavi_list .foreignNavigation .bg{display:block;position:absolute;width:100%;height:100%;background:#1e486b;opacity:0.7;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);filter:alpha(opacity=70);/* for ie5-8 */;} #wrap.main .foreignNavi_list .foreignNavigation > a{position:relative;display:block;width:100%;height:100%;background:url(/ux/images/main/ico_foreignAcademy.png) 30px center no-repeat;} #wrap.main .foreignNavi_list .foreignNavigation > a > strong.title{display:block;font-size:16px;line-height:18px;color:#fff;padding:15px 0 0 83px} #wrap.main .foreignNavi_list .foreignNavigation > a > p.text{display:block;font-size:13px;color:#d2d8de;padding:5px 0 0 83px} /* 투자정보 */ #wrap.main .investInfo_wrap {position:relative;} #wrap.main .investInfo_wrap:after {display:block; content:""; clear:both;} #wrap.main .investInfo_wrap .investInfo {float:left; width:320px; height:540px; padding:35px 30px; background:url(/ux/images/main/bg_investInfo_new.gif) 0 0 no-repeat; box-sizing:border-box;} #wrap.main .investInfo_wrap .investInfo .sub_tit {margin-bottom:25px;} #wrap.main .investInfo_wrap .investInfo .date {display:block; margin-bottom:20px; padding-top:10px; font-size:14px; color:#fff; opacity:0.4;} #wrap.main .investInfo_wrap .investInfo .txt_tit {display:block; position:relative; height:99px; padding-bottom:30px; font-size:28px; line-height:33px; color:#fff;} #wrap.main .investInfo_wrap .investInfo .txt_tit:after {display:block; content:""; position:absolute; left:0; bottom:0; width:260px; height:1px; background-color:#fff; opacity:0.2;} #wrap.main .investInfo_wrap .investInfo .sub_desc {display:block; padding-top:40px; font-size:13px; line-height:24px; color:#fff; opacity:0.7;} #wrap.main .investInfo_wrap .btn_goInvest {display:block; position:absolute; left:95px; bottom:35px; width:130px; height:35px; border:1px solid #fff; line-height:35px; color:#fff; font-size:16px; text-align:center;} #wrap.main .dailyInfo {float:left; width:639px; height:540px; margin-left:1px; padding:35px 30px; background:url(/ux/images/main/bg_daily_new.gif) 0 0 no-repeat; box-sizing:border-box;} #wrap.main .dailyInfo .dailyList:after {display:block; content:""; clear:both;} #wrap.main .dailyInfo .dailyList li {position:relative; float:left; width:280px; height:156px; padding:20px; background:rgb(255, 255, 255); text-align:center; box-sizing:border-box; opacity:0.9;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);filter:alpha(opacity=90);/* for ie5-8 */;} #wrap.main .dailyInfo .dailyList li:nth-child(1) {margin:0;} #wrap.main .dailyInfo .dailyList li:nth-child(2) {margin:0 0 0 18px;} #wrap.main .dailyInfo .dailyList li:nth-child(3) {margin:15px 0 0 0;} #wrap.main .dailyInfo .dailyList li:nth-child(4) {margin:15px 0 0 18px;} #wrap.main .dailyInfo .dailyList li .h_line {margin-bottom:10px; font-size:13px; color:#0c8dbd; font-weight:bold;} #wrap.main .dailyInfo .dailyList li .sub_tit {overflow:hidden; height:80px;} #wrap.main .dailyInfo .dailyList li .sub_tit a {display:block; color:#333; font-size:18px; line-height:28px;} #wrap.main .dailyInfo .dailyList li .date {display:block; position:absolute; left:0; bottom:20px; width:100%; font-size:14px; color:#888; text-align:center;} #wrap.main .dailyInfo .btn_dailyMore {display:block; position:absolute; right:30px; top:58px; width:15px; height:15px; background:url(/ux/images/main/btn_dailyMore.png) 0 0 no-repeat; text-indent:-9999px;} #wrap.main .dailyInfo .btn_dailyMore.type2{top:310px} .msie8 #wrap.main .dailyInfo .dailyList li:first-child {margin:0;} .msie8 #wrap.main .dailyInfo .dailyList li:first-child + li {margin:0 0 0 18px;} .msie8 #wrap.main .dailyInfo .dailyList li:first-child + li + li{margin:15px 0 0 0;} .msie8 #wrap.main .dailyInfo .dailyList li:first-child + li + li + li{margin:15px 0 0 18px;} /* MY 혜택 */ /* #wrap.main .myBenefit_wrap ul:after {display:block; content:""; clear:both;} #wrap.main .myBenefit_wrap ul li {float:left; width:638px; margin:1px 0 0 1px;} #wrap.main .myBenefit_wrap ul li:nth-child(2) {width:318px; margin-left:1px;} #wrap.main .myBenefit_wrap ul li:nth-child(3) {margin-top:1px; width:319px;} #wrap.main .myBenefit_wrap ul li:nth-child(4) {width:319px; margin-left:1px;} #wrap.main .myBenefit_wrap ul li:nth-child(5) {width:318px; margin-left:1px;} #wrap.main .myBenefit_wrap ul li a {display:block; height:100%;} */ #wrap.main .myBenefit_wrap ul:after {display:block; content:""; clear:both;} #wrap.main .myBenefit_wrap ul li {float:left; width:638px; margin:1px 0 0 1px;} #wrap.main .myBenefit_wrap ul li:first-child {margin-left:0px;} #wrap.main .myBenefit_wrap ul li:nth-child(2) {width:321px;} #wrap.main .myBenefit_wrap ul li:nth-child(3) {width:319px; margin-left:0px;} #wrap.main .myBenefit_wrap ul li:nth-child(4) {width:318px;} #wrap.main .myBenefit_wrap ul li:nth-child(5) {width:321px;} .msie8 #wrap.main .myBenefit_wrap ul li:first-child {margin-left:0px;} .msie8 #wrap.main .myBenefit_wrap ul li:first-child + li {width:321px;} .msie8 #wrap.main .myBenefit_wrap ul li:first-child + li + li {width:319px; margin-left:0px;} .msie8 #wrap.main .myBenefit_wrap ul li:first-child + li + li + li {width:318px;} .msie8 #wrap.main .myBenefit_wrap ul li:first-child + li + li + li + li {width:321px;} #wrap.main .myBenefit_wrap ul li a {display:block;height:270px;/*height:100%;*/} #wrap.main .product_box .loginPlz{background: black; top: 0px; width: 100%; height: 541px; position: absolute; z-index: 98; opacity: 0.7;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);filter:alpha(opacity=70);/* for ie5-8 */;} #wrap.main .product_box .loginPlztxt {left: 30%; top: 180px; text-align: center; color: white; line-height: 40px; font-size: 28px; font-weight: 600; position: absolute; z-index: 99; opacity: 1;} /*더보기버튼*/ #wrap.main .btn_moreView {display:block; position:absolute; right:7px; top:-33px; width:15px; height:15px; background:url(/ux/images/main/btn_recommMore.png) 0 0 no-repeat; text-indent:-9999px;} /* 공지 뉴스 */ #wrap.main .notice {background:url(/ux/images/main/bg_board.jpg) center top no-repeat;} #wrap.main .notice_box {overflow:hidden; width:960px; margin:0 auto; padding:50px 0 69px 0;} #wrap.main .notice_box .news {position:relative; float:left; width:260px; margin:0 30px;} #wrap.main .notice_box .news > strong.tit {margin-top:5px; color:#fff;font-size:20px;font-weight:bold;line-height:50px;} #wrap.main .notice_box .news > div .cont {display:block;clear:both;width:100%;padding:15px 0 0 0;} #wrap.main .notice_box .news > p.more {position:absolute;top:23px;left:253px;} #wrap.main .notice_box .news > p.more a {display:block;width:16px;height:16px;text-indent:-9999px;background:url(/ux/images/main/btn_more.gif) no-repeat;} #wrap.main .notice_box .news ul.board_list {border-top:1px solid #d6d6dc;} #wrap.main .notice_box .news ul.board_list li {padding:9px 0 10px 0; border-bottom:1px solid #555a72;} #wrap.main .notice_box .news ul.board_list li a {color:#fff; font-size:16px; line-height:20px;} #wrap.main .notice_box .news ul.board_list li span.data {display:block; color:#8190a6; font-size:14px; line-height:20px;} #wrap.main .notice_box .banner {float:left; margin-left:30px; width:610px;} #wrap.main .notice_box .banner .t_list {position:relative; overflow:hidden; width:610px; height:230px; } #wrap.main .notice_box .banner .t_list > ul {width:10000em; height:230px;} #wrap.main .notice_box .banner .t_list > ul li {float:left; width:610px; height:230px;} .ghost {visibility:hidden;} #wrap.main .notice_box .banner .t_list .btn_page {position:absolute; left:13px; top:21px; clear:both; width:80%; } #wrap.main .notice_box .banner .t_list .btn_moreView {position:absolute; top:25px;} #wrap.main .notice_box .banner .t_list .btn_moreView a{display:block; width:15px; height:15px; text-indent:-9999px; } #wrap.main .notice_box .banner .t_list .btn_page a {display:inline-block; width:10px; height:5px; margin-right:6px; vertical-align:middle; text-indent:-9999px; background:url(/ux/images/main/btn_banner02.jpg) left top no-repeat;} #wrap.main .notice_box .banner .t_list .btn_page a.on {display:inline-block; width:26px; height:5px; margin-right:6px; vertical-align:middle; text-indent:-9999px; background:url(/ux/images/main/btn_banner01.jpg) left top no-repeat;} #wrap.main .notice_box .banner .t_list .btn_play {position:absolute; left:0; top:28px;} #wrap.main .notice_box .banner .t_list .btn_play a {display:block;width:6px;height:9px;text-indent:-9999px;} #wrap.main .notice_box .banner .t_list .btn_play .pause {background:url(/ux/images/main/btn_event_toggle_stop.png) center top no-repeat;} #wrap.main .notice_box .banner .t_list .btn_play .stop {background:url(/ux/images/main/btn_event_toggle_play.png) center top no-repeat;} /* 메인 Layer Popup */ .mainlayer {display:block; position:absolute; top:30px; left:50%; width:960px; height:470px; margin-left:-480px; background:url(/ux/images/main/bg_main_layer.jpg) no-repeat top left; z-index:1001; box-shadow:0 5px 10px rgba(1, 8, 30, 0.5);} .mainlayer .layer_depth {display:block; position:relative; float:left; width:320px; padding:40px 30px; box-sizing:border-box;} .mainlayer .layer_depth .layer_depth_tit {display:block; position:relative; margin-bottom:40px; line-height:36px; color:#fff; font-size:28px; font-weight:normal;} .mainlayer .layer_depth .layer_depth_tit span {display:block; color:#4dfdff} .mainlayer .layer_depth ul {display:block; position:relative;} .mainlayer .layer_depth ul li {display:block; position:relative; padding-left:15px; background:url(/ux/images/main/ico_layer_dot.jpg) repeat-y; background-position:41px;} .mainlayer .layer_depth ul li + li {padding-top:20px;} .mainlayer .layer_depth ul li a {display:block; position:relative; height:53px; padding-left:65px; line-height:53px; color:#82c1ff; font-size:15px;} .mainlayer .layer_depth ul li a.current {color:#fff;} .mainlayer .layer_depth ul li a.dep01 {background:url(/ux/images/main/ico_layer_dep01_off.png) no-repeat left center;} .mainlayer .layer_depth ul li a.dep02 {background:url(/ux/images/main/ico_layer_dep02_off.png) no-repeat left center;} .mainlayer .layer_depth ul li a.dep03 {background:url(/ux/images/main/ico_layer_dep03_off.png) no-repeat left center;} .mainlayer .layer_depth ul li a.dep04 {background:url(/ux/images/main/ico_layer_dep04_off.png) no-repeat left center;} .mainlayer .layer_depth ul li a.dep01.current {background:url(/ux/images/main/ico_layer_dep01_on.png) no-repeat left center;} .mainlayer .layer_depth ul li a.dep02.current {background:url(/ux/images/main/ico_layer_dep02_on.png) no-repeat left center;} .mainlayer .layer_depth ul li a.dep03.current {background:url(/ux/images/main/ico_layer_dep03_on.png) no-repeat left center;} .mainlayer .layer_depth ul li a.dep04.current {background:url(/ux/images/main/ico_layer_dep04_on.png) no-repeat left center;} .mainlayer .layer_cont {display:block; position:relative; float:left; width:640px; height:470px; padding:50px 60px; box-sizing:border-box;} .mainlayer .layer_cont .layer_cont_tit {display:block; position:relative; padding:25px 0 35px; line-height:1; color:#4dfdff; font-size:28px;} .mainlayer .layer_cont .layer_cont_tit:before {content:""; display:block; position:absolute; top:0; left:0; width:60px; height:3px; background:#fff; } .mainlayer .layer_cont .layer_cont_subtit {display:block; position:relative; margin-bottom:30px; line-height:30px; color:#fff; font-size:18px;} .mainlayer .layer_cont .account_ready {display:block; position:relative;} .mainlayer .layer_cont .account_ready dt {display:block; margin-bottom:10px; color:#4dfdff; font-size:16px;} .mainlayer .layer_cont .account_ready dd {display:block;margin-bottom:10px; line-height:16px; color:#fff; font-size:14px; font-weight:lighter;} .mainlayer .layer_cont .account_ready dd .num_box {display:inline-block; vertical-align:top; text-align:center; width:16px; height:16px; font-size:10px; font-weight:bold; background:url(/ux/images/main/bg_layer_numbox.png) no-repeat center;} .mainlayer .layer_cont .account_ready dd .mpop_down_message {display:inline-block; position:relative; width:auto; height:32px; margin-top:10px; padding:5px 7px; border-radius:3px; background:#fff; box-sizing:border-box;} .mainlayer .layer_cont .account_ready dd .mpop_down_message > span {display:inline-block; padding:0 10px; line-height:20px; color:#0078c7; font-size:14px; font-weight:bold;} .mainlayer .layer_cont .account_ready dd .mpop_down_message .select-box {width:64px; height:22px; background:#e6e7e8;} .mainlayer .layer_cont .account_ready dd .mpop_down_message .select-box .wrap {background-color:#e6e7e8;} .mainlayer .layer_cont .account_ready dd .mpop_down_message .select-box .wrap div {height:22px !important; border:0 !important; color:#243540; font-size:13px;} .mainlayer .layer_cont .account_ready dd .mpop_down_message .select-box .wrap div span {height:22px;line-height:22px;padding-bottom:0;} .mainlayer .layer_cont .account_ready dd .mpop_down_message .select-box a.selecter {width:30px;height:22px;background:url(/ux/images/main/ico_layer_select_arrow.png) no-repeat center;} /*.mainlayer .layer_cont .account_ready dd .mpop_down_message input[type="text"] {width:68px; height:22px; margin-left:2px; border:0; text-align:center; color:#243540; font-size:14px; font-weight:lighter; background:#e6e7e8;}*/ .mainlayer .layer_cont .account_ready dd .mpop_down_message input[type="text"] {width:68px; height:22px; margin-left:2px; border:0; text-align:center; color:#243540; font-size:14px; font-weight:lighter; background:#e6e7e8;line-height:1.42;} .mainlayer .layer_cont .account_ready dd .mpop_down_message .btn_message_send {display:inline-block; position:relative; height:22px; padding:0 18px; border-radius:3px; text-align:center; color:#fff; font-size:14px; background:#0078c7; } .mainlayer .layer_cont .account_ready dd .desc_text{display:block; line-height:1.6; margin:0 0 0 20px;} .mainlayer .layer_cont .btn_empty_area {display:block; position:absolute; left:62px; bottom:20px;} .mainlayer .layer_cont .btn_empty_white {display:inline-block; width:230px; border:3px solid #fff; line-height:42px; text-align:center; color:#fff; font-size:16px; font-weight:bold;} .mainlayer .layer_cont .btn_empty_white + .btn_empty_white {margin-left:14px;} .mainlayer .layer_text_area {display:block; line-height:24px; color:#fff; font-size:16px; font-weight:lighter;} .mainlayer .layer_text_area + .layer_text_area {margin-top:8px;} .mainlayer .layer_stext {display:block;} .mainlayer .layer_stext li{line-height:16px; color:#fff; font-size:14px; font-weight:lighter; margin:4px 0 0 10px; text-indent:-8px} .mainlayer .todayView {display:inline-block; position:absolute; left:30px; bottom:8px; padding-left:20px; color:#aac5ee; font-size:11px; background:url(/ux/images/main/ico_layer_today_off.png) no-repeat left center; cursor:pointer;} .mainlayer .todayView.current {background-image:url(/ux/images/main/ico_layer_today_on.png);} .mainlayer .mainlayer_close {display:block; position:absolute; right:10px; top:10px; width:21px; height:21px; background:url(/ux/images/main/btn_layer_close.png) no-repeat center;} .mainlayer .mbg {display:block;position:fixed;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:0.5;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);filter:alpha(opacity=50);/* for ie5-8 */;}