@charset "utf-8";
/* CSS Document */

/*@import url("base.css");*/

/*header*/

body {position:relative;}




/*硫���_�щ�쇱�대��諛곕��*/
.main_banner {height:80px; margin:-10px -10px 10px -10px; overflow:hidden; position:relative; z-index:1;}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:320px) {
.main_banner li { width:100%; height:80px; text-align:center;}
.main_banner li img {display:inline-block; width:480px; height:100%; text-align:center;}}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 240dpi), screen and (max-width:480px) {
.main_banner li { width:100%; height:100%; text-align:center;}
.main_banner li img {display:inline-block; width:100%; height:80px; text-align:center;}	}
.main_banner .btn_prev {position:absolute; left:15px; top:17px; width:15px; height:23px;}
.main_banner .btn_prev a {display:inline-block; text-align:center; font-size:21px; color:#fff; opacity:0.2; text-shadow:0px 1px 1px #262626;}
.main_banner .btn_next {position:absolute; right:15px; top:17px; width:15px; height:23px;}
.main_banner .btn_next a {display:inline-block; text-align:center; font-size:21px; color:#fff; opacity:0.2; text-shadow:0px 1px 1px #262626;}


/*硫���_硫��� 二쇨�top5*/
.main_analyst {border:1px solid #b3b3b3; border-radius:10px; background:#fff; height:170px; margin-top:20px;}
.main_analyst .week_wrap {width:100%; height:170px; overflow:hidden;}
.main_analyst .week_wrap .top5_tit {height:38px; border-bottom:1px solid #ccc; line-height:38px; padding:0 14px;}
.main_analyst .week_wrap .top5_tit a { display:block; width:100%; line-height:38px; font-size:90%; text-align:left;}
.main_analyst .week_wrap .top5_tit a span { display:block; float:right; font-size:75%; line-height:38px; color:#888; font-weight:normal;}
.main_analyst .week_wrap .top5_tit li.analyst_txt {float:left; display:block; font-size:90%;} 
.main_analyst .week_wrap .top5_tit li.analyst_btn {float:right; display:block; margin-top:9px;}
.main_analyst .week_wrap .top5_tit li.analyst_btn li { display:inline-block; float:left; width:12px; padding-top:5px; line-height:20px; vertical-align:middle; margin-right:8px;}
.main_analyst .week_wrap .top5_tit li.analyst_btn li:nth-child(5) { margin:0;}
.main_analyst .week_wrap .top5_tit li.analyst_btn li a { display:block; width:12px; height:12px; border-radius:10px;  }
.main_analyst .week_wrap .top5_tit li.analyst_btn li a._nor {background:#ccc;}
.main_analyst .week_wrap .top5_tit li.analyst_btn li a._sel {background:#f8bb00;}

.main_analyst .week_wrap .con_analyst { min-height:55px; padding:14px 15px 14px 15px; overflow:hidden; position:relative; }
.main_analyst .week_wrap .con_analyst dt {display:block; float:left; width:18.5%; height:65px; background:#eee; margin-right:7px; overflow:hidden;}
.main_analyst .week_wrap .con_analyst dt img {width:100%; height:100%;}
.main_analyst .week_wrap .con_analyst dd {display:block; float:left; width:77%; height:65px;  }
.main_analyst .week_wrap .con_analyst dd .name { height:30px; text-align:left; font-size:85%; font-weight:bold; color:#333; line-height:20px;}
.main_analyst .week_wrap .con_analyst dd .name span {color:#d23030; font-size:100%;}
.main_analyst .week_wrap .con_analyst dd .more_btn a { position:absolute; right:14px; top:14px; width:80px; height:23px; line-height:23px; font-size:75%; text-align:center; color:#fff; border-radius:3px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#909090+0,656565+100 */
background: #909090; /* Old browsers */
background: -moz-linear-gradient(top,  #909090 0%, #656565 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #909090 0%,#656565 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #909090 0%,#656565 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#909090', endColorstr='#656565',GradientType=0 ); /* IE6-9 */}
.main_analyst .week_wrap .con_analyst dd .effect { width:104%; height:33px; border:1px solid #ccc; border-radius:3px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */ }
.main_analyst .week_wrap .con_analyst dd .effect li { display:inline-block;   font-size:62%; text-align:center; letter-spacing:-1px;}

.main_analyst .week_wrap .con_analyst dd .effect li img {width:14px; height:18px; margin-right:5px; display: inline-block; margin-top:6px; }
.main_analyst .week_wrap .con_analyst dd .effect li.txt_b {width:48%; height:30px; border-right:1px solid #ccc; line-height:30px; }
.main_analyst .week_wrap .con_analyst dd .effect li.txt_b span { color:#2652d0; font-size:100%; font-weight:bold; }
.main_analyst .week_wrap .con_analyst dd .effect li.txt_r {width:47%; height:30px; text-align:center; line-height:30px;}
.main_analyst .week_wrap .con_analyst dd .effect li.txt_r span { color:#d23030; font-size:100%; font-weight:bold; }

/*硫���_二쇨� ���듬�best*/
.main_best {border:1px solid #b3b3b3; border-radius:10px; background:#fff; height:148px; margin-top:20px;}
.main_best .best_wrap {height:148px; overflow:hidden;}
.main_best .best_wrap .best_tit {height:39px; border-bottom:1px solid #ccc; line-height:39px; padding:0 14px; font-size:90%;}
.main_best .best_wrap .best_ranking li {padding:0 14px; height:36px; line-height:36px; display:block;}
.main_best .best_wrap .best_ranking li.bg1 {background-color:#f0f0f0;}
.main_best .best_wrap .best_ranking li.bg2 {background-color:#fff;}
.main_best .best_wrap .best_ranking li.bg3 {border-bottom-left-radius:10px; border-bottom-right-radius:10px; background-color:#f0f0f0;}

.main_best .best_wrap .best_ranking li .table {display:block; height:36px;}
.main_best .best_wrap .best_ranking li .table ol {display:inline-block; line-height:36px; vertical-align:top; font-size:70%;}
.main_best .best_wrap .best_ranking li .table ol.t_best_y {border-radius:3px; background:#f8bb00; text-align:center; width:25px; height:25px; line-height:25px; color:#fff; font-weight:bold; vertical-align:text-bottom;}
.main_best .best_wrap .best_ranking li .table ol.t_best_g {border-radius:3px; background:#aaa; text-align:center; width:25px; height:25px; line-height:25px; color:#fff; font-weight:bold;  vertical-align:text-bottom;}
.main_best .best_wrap .best_ranking li .table ol.t_turnup {width:10%; text-align:center; font-size:60%; color:#d23030;}
.main_best .best_wrap .best_ranking li .table ol.t_iteam {width:40%; text-align:left; font-weight:bold;}
.main_best .best_wrap .best_ranking li .table ol.t_name {width:35%; text-align:right; }
.main_best .best_wrap .best_ranking li .table ol.t_name span {font-weight:bold;}

/*異�泥�醫�紐�*/
.main_stocklist { margin:10px 0; border-left:0; border-right:0; border:1px solid #eaeaea; border-radius:0; background:#fff;  overflow:hidden;}
.main_stocklist .stocklist_tit {height:38px; padding:0 14px;}
.main_stocklist .stocklist_tit a { display:block; height:38px; font-size:90%; line-height:38px; text-align:left;}
.main_stocklist .stocklist_tit a span { display:inline-block; font-size:75%; line-height:38px; color:#888; float:right;}

.main_stocklist .stocklist_wrap {border-top:1px solid #ccc; padding:15px 10px 10px 10px; overflow:hidden; position:relative;}
.main_stocklist .stocklist_wrap a {display:block; overflow:hidden;}
.main_stocklist .stocklist_wrap a .stocklist li.list_top {height:38px; margin-bottom:10px; font-weight:bold; color:#fff; background:url(/images/default/main_list_bg_value_n.png) no-repeat;} 
.main_stocklist .stocklist_wrap a .stocklist li.list_top span {display:block; float:left; line-height:35px; text-align:center; vertical-align:middle; font-size:90%;}
.main_stocklist .stocklist_wrap a .stocklist li.list_top span.target { width:28px; padding:0 18px 0 29px;}
.main_stocklist .stocklist_wrap a .stocklist li.list_top span.day { width:28px;  padding:0 28px 0 30px;}
.main_stocklist .stocklist_wrap a .stocklist li.list_top span.ic_img {width:75px; padding-top:12px;}
.main_stocklist .stocklist_wrap a .stocklist li.list_top span.end {float:right; line-height:38px; font-size:95%; font-weight:bold; color:#ccc; text-shadow:-1px -1px 0px #999; letter-spacing:-2px; vertical-align:middle; margin-right:1px;}
.main_stocklist .stocklist_wrap a .stocklist li.list_top span.end img {margin-right:3px; max-width:15px; max-height:20px; display:inline-block;  line-height:38px; vertical-align:top; margin-top:9px;}

.main_stocklist .stocklist_wrap a .stocklist li.list_name {height:25px; font-size:90%; font-weight:bold; line-height:25px;}
.main_stocklist .stocklist_wrap a .stocklist li.list_name span.analyst {display:block; float:left;}
.main_stocklist .stocklist_wrap a .stocklist li.list_name span.analyst_icon {display:block; float:right;}
.main_stocklist .stocklist_wrap a .stocklist li.list_name span.analyst_icon img {float:left; max-width:65px; max-height:15px; margin-left:3px;}

.main_stocklist .stocklist_wrap a .stocklist li.list_con {height:45px; font-size:75%;}
.main_stocklist .stocklist_wrap a .stocklist li.list_con span.txtcon {display:block; height:25px; line-height:25px; letter-spacing:-1px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main_stocklist .stocklist_wrap a .stocklist li.list_con span.txtdate {display:block; float:left; height:20px; line-height:20px; font-size:85%; color:#999; font-weight:bold;}
.main_stocklist .stocklist_wrap a .stocklist li.list_con span.txtfree {display:block; float:left; height:16px; line-height:22px; font-weight:bold; font-family:'dotum'; font-size:80%; color:#bd0000; border:1px solid #bd0000; border-radius:3px; letter-spacing:-1px; padding:0 5px; margin-left:7px;}


.main_stocklist .stocklist_wrap a .stocklist_btn {position:absolute; right:0; bottom:0; width:45px; height:45px;}
.main_stocklist .stocklist_wrap a .stocklist_txt {position:absolute; right:-52px; bottom:20px; padding:0 50px;  background-color:#666; font-size:62%; color:#fff; line-height:18px; letter-spacing:-1px; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.main_stocklist .stocklist_wrap a .stocklist_txt span {font-weight:bold; color:#f8bb00; vertical-align:top;}
.main_stocklist .stocklist_wrap a .stocklist_txt span img { vertical-align:text-top; padding-bottom:7px; display:inline-block; line-height:18px;}

/*��由щ�몄��諛곕��*/
.main_premium {margin:15px 0px 0px 0px; height:160px; text-align:center; position:relative; letter-spacing:-1px; }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:320px) {
    .main_premium img { display:inline-block; height:100%; }
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 240dpi), screen and (max-width:480px) {
    .main_premium img { display:inline-block; width:100%; height:100%; }
}
.main_premium .banner {position:absolute; left:50%; top:10px; width:460px; height:60px; margin-left:-230px; z-index:999;}
.main_premium .banner .tit {padding:0 10px; width:20%; height:24px; margin-bottom:9px; margin-left:37.5%; line-height:24px; font-size:68%; color:#fff; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:#ee3128; opacity:0.9;}
.main_premium .banner .stit {margin:0 20px; line-height:38px; vertical-align:middle; font-size:67%; color:#6d7787; letter-spacing:-1.5px; }
.main_premium .banner .txt {margin:0 20px; line-height:22px; vertical-align:middle; font-family:NanumSquare; font-size:110%; color:#454b5b;}
.main_premium .banner .txt span {color:#ff4e00;}
.main_premium .banner .txt em { padding:2px 10px; height:22px; border-radius:5px; background:#d23030; color:#fff; line-height:22px; vertical-align:middle;  }
.main_premium .banner .stxt {margin:0 20px; line-height:43px; vertical-align:middle; font-size:67%; color:#000; letter-spacing:-1.5px; }
/*寃���議곗��*/
.main_premium .banner2 .stxt { margin:15px 20px; line-height:15px;}
.main_premium .banner2 .txt { position:relative; margin:0 20px; line-height:24px; padding-top:10px; }
.main_premium .banner2 .txt .label {position:absolute; top:10px; right:73px; line-height:16px; font-size:14px; background-color:#ffab09; border:2px solid #f29f00; border-radius:50px; padding:7px 11px 5px 10px; box-sizing:border-box; color:#fff;}
/*珥�蹂댁��媛�醫�*/
.main_beginner {border:1px solid #ccc; border-top-color:#ddd; border-radius:10px;  background:#fff; margin:20px 0;}
.main_beginner .beginner_tit {height:39px; border-bottom:1px solid #eee; line-height:39px; padding:0 9px; font-size:85%;}
.main_beginner .beginner_tit a {display:inline-block;font-size:75%; line-height:38px; color:#888; font-weight:bold; float:right; margin-right:4px; font-weight:normal;}
.main_beginner .beginner {padding:7px 10px;}
.main_beginner .beginner li {line-height:28px; vertical-align:middle; font-size:67.5%; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.main_beginner .beginner li span {display:block; float:left; min-width:60px; margin-right:5px; color:#ff7a00;}
.main_beginner .beginner li a {display:block; color:#666; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.main_beginner .beginner li small { display:inline-block; padding:0px 1.2px 0 1px; margin:0 0 4px 5px; width:14px; height:17px; border-radius:3px; background:#f8bb00; font-family:'Malgun Gothic'; font-size:11px; font-weight:bold; color:#fff; text-align:center; line-height:17px; vertical-align:middle; }

/*硫���_諛�濡�媛�湲�*/
.main_quick {border:1px solid #b3b3b3; border-radius:10px; background:#fff; height:108px; margin-top:20px;}
.main_quick .quick_wrap.b_line {height:54px; border-bottom:1px solid #ccc;}
.main_quick .quick_wrap.n_line {height:53px; }
.main_quick .quick_wrap li {float:left; width:49%; height:54px; font-size:75%; line-height:54px; vertical-align:top;}
.main_quick .quick_wrap li.r_line{border-right:1px solid #ccc;}
.main_quick .quick_wrap li span {display:block; float:left; width:33px; height:33px; border-radius:33px; border:1px solid #f8bb00; margin:10px 7px 0 19px; text-align:center;}
.main_quick .quick_wrap li span img { margin-top:6px; vertical-align:top;}
.main_quick .quick_wrap li a {display:block;}

/*硫���_�깅�ㅼ�대���*/
.main_app {border:1px solid #b3b3b3; border-radius:10px; height:45px; margin-top:20px; margin-bottom:3px; box-shadow:0px 1px 2px #ccc;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4f4f4+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */ }

.main_app .app_btn a {display:block; width:100%;}
.main_app .app_btn span {display:inline-block; height:45px; overflow:hiddenl; float:left}
.main_app .app_btn span.app_txt { height:45px; width:75%; line-height:45px; margin-left:14px; font-size:75%; font-weight:bold;}
.main_app .app_btn span.app_icon { float:right; height:45px; line-height:45px; margin-right:14px;}
.main_app .app_btn span.app_icon img { width:42px; height:35px; margin-top:5px;}
.main_app .app_btn span.link_icon {float:right; height:45px; line-height:45px; vertical-align:middle; margin-right:14px; font-size:80%; color:#ababab; text-shadow:inset 0px 0px 2px #000;}

 /*硫���_IOS ����*/
.ios_wrap { overflow:hidden; }
.ios_wrap .ios_freeic { padding:15px 0; margin:10px 0; border-bottom:1px solid #ccc; border-top:1px solid #ddd; background:#fff; font-size:85%; color:#333; overflow:hidden; }
.ios_wrap .ios_freeic li { float:left; width:33.3%; text-align:center; }
.ios_wrap .ios_freeic li a { display:block; text-align:center; }
.ios_wrap .ios_freeic li a i { display:block; height:35px; line-height:35px; vertical-align:middle; font-size:130%; color:#6d7787; }
.ios_wrap .ios_freeic li a span { display:block; height:30px; line-height:30px; vertical-align:middle; letter-spacing:-1px; }

.ios_wrap .ios_mentor { padding:15px 0 10px; font-size:80%; color:#333; overflow:hidden; }
.ios_wrap .ios_mentor li { float:left; width:31.8%; margin:0 5px; text-align:center; }
.ios_wrap .ios_mentor li:nth-child(2) { width:30%; margin:0; }
.ios_wrap .ios_mentor li span { display:block; text-align:center; }
.ios_wrap .ios_mentor li span img { display:inline-block;  width:90px; height:90px; border-radius:5px; background:#f4f4f4; }
.ios_wrap .ios_mentor li em { display:block; height:30px; margin-top:5px; line-height:30px; vertical-align:middle; color:#ff7a00; font-weight:bold; letter-spacing:-1px; }

.ios_wrap .ios_league { margin:0 10px; border:1px solid #eee; font-size:80%; overflow:hidden; }
.ios_wrap .ios_league:last-child { margin-bottom:15px; border-top:none; }
.ios_wrap .ios_league li { float:left; width:50%; text-align:center; border-right:1px solid #eee; box-sizing:border-box; }
.ios_wrap .ios_league li.full {width:100%;}
.ios_wrap .ios_league li:last-child { border:none; }
.ios_wrap .ios_league li a { display:block; text-align:center; line-height:45px; vertical-align:middle; }
.ios_wrap .ios_league li a i { display:inline-block; color:#6d7787; font-size:16px; vertical-align:middle; }
.ios_wrap .ios_league li a span { display:inline-block; letter-spacing:-1px; line-height:23px; vertical-align:middle; }