/*
    [제목] 핀업 이벤트/프로모션 CSS
    [생성일] 2020-05-19
    [내용] 핀업의 중/장기 또는 반복성 이벤트 페이지에 사용되는 스타일.
           * 예외, 일회성 이벤트는 해당 페이지 안에 작성할 것.
    [비고] CSS 작성시 핀업 디자인팀 내부에 규정하고 있는 CSS 작성 규칙를 준수하여 작성할 것.
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat');

/*슈퍼스탁k2 사전예약
    /League/SuperStockK/Application.aspx
*/
.superstock_k2_app_img {height:280px; background:#050d3b; text-align:center; position:relative;}
.superstock_k2_app_img img {display:inline-block; height:100%; text-align:center;}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:360px) {
    .superstock_k2_app_img img {display:inline-block; 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) {
    .superstock_k2_app_img img {display:inline-block; width:100%; height:auto; text-align:center;}}
.superstock_k2_app_img span {display:block; position:absolute; left:50%; top:185px; width:440px; height:60px; margin-left:-220px; text-align:center; font-size:80%; line-height:27px; color:#fff; }
.superstock_k2_app_img span b {display:block; color:#f59320;}
.superstock_k2_app_img .sns_share {display:block;  position:absolute; right:10px; top:15px; height:31px; padding:0 15px; border-radius:35px; border:1px solid #fff; text-align:center; line-height:33px; font-size:75%; color:#fff;}
.superstock_k2_app_img .sns_share i {vertical-align:middle; margin-bottom:3px;}
.superstock_k2_app_bar {min-height:40px; background:#16182c; line-height:40px; padding:10px; vertical-align:middle; box-shadow:0 2px 3px #aaa; margin-bottom:10px; overflow:hidden;}
.superstock_k2_app_bar .txtbox { height:50px; line-height:50px; border-radius:5px; background:#f0dc2f; background:linear-gradient(to bottom, #f0dc2f,#f3bf59); text-align:center; color:#fff; font-size:100%; vertical-align:middle;}
.superstock_k2_app_bar .txtbox.confirm { height:50px; line-height:50px; border-radius:5px; background:#ddd; text-align:center; color:#fff; font-size:100%; vertical-align:middle;}
.superstock_k2_app_bar .txtbox .link {display:block; color:#fff; letter-spacing:0; color:#222; font-weight:500; font-family:"Noto Sans KR"; }
.superstock_k2_app_bar .txtbox .link i {font-size:90%; display:inline-block; vertical-align:middle; margin:0 8px 2px 3px; }
.superstock_k2_app_bar .txtbox .ok { color:#222; font-size:90%; font-weight:400; letter-spacing:0.8px;}
.superstock_k2_app_bar .txtbox .ok i {vertical-align:middle; font-size:105%; margin-top:2px;}
.superstock_k2_app_bar .txt {height:15px; line-height:15px; vertical-align:middle; color:#666; font-family:Gulim; font-size:12px; text-align:center; margin-top:10px;}

.superstock_k2_app {font-family:"Montserrat", "Noto Sans KR"; letter-spacing:-1px; color:#222; }
.superstock_k2_app li {margin:0 10px 10px 10px; }
.superstock_k2_app li h2 { margin:50px 0 10px 0; height:30px; line-height:30px; vertical-align:middle; color:#3f3591; font-size:120%; font-weight:600; }

.superstock_k2_app li h3 {line-height:30px; vertical-align:middle; font-size:80%; font-weight:normal; }
.superstock_k2_app li h3 i {color:#cfcbef; vertical-align:middle; margin:0 7px; font-size:80%; line-height:25px; }
.superstock_k2_app li h3 b {font-size:105%; font-weight:normal; }
.superstock_k2_app li h3 span { font-weight:600; margin-left:10px;}
.superstock_k2_app li h3 small {display:block; margin:0 0 0 27px; font-family:Gulim; color:#123d7e; line-height:20px;}
.superstock_k2_app li h3 .yellow { color:#ffa516;}
.superstock_k2_app li.vod {height:200px; padding:0;}
.superstock_k2_app li img { display:block; width:100%; max-width:480px; height:100%; margin:10px auto; text-align:center; }

.superstock_k2_app .txt {margin:0 0 10px 0; line-height:30px; color:#333; font-size:75%; }
.superstock_k2_app .txt .txt_big { font-weight:400; }
.superstock_k2_app .txt .yellow { color:#ffa516; }
.superstock_k2_app .k2_button {height:40px; text-align:center;}
.superstock_k2_app .k2_button input[type=button] { display:inline-block; width:45%; margin:10px 10px 0 0; border:2px solid #2e2e72; border-radius:5px; line-height:40px; vertical-align:middle; text-align:center; font-size:100%; font-weight:600; color:#2e2e72; background:#fff; }
.superstock_k2_app .k2_button input[type=button]:last-child {margin-right:0;}
.superstock_k2_app ._ranking .rk_con { margin-top:10px; line-height:36px; font-size:95%; }
.superstock_k2_app ._ranking .rk_con .yellow { color:#ffa516;}
.superstock_k2_app ._ranking .rk_con .rk_winner { font-size:100%; font-weight:700; }
.superstock_k2_app ._ranking .rk_con .lucky_wrap { line-height:18px; padding:5px 10px 2px 10px; margin:0 5px 0 0; background:#eceaf7; font-size:90%; }
.superstock_k2_app ._ranking .rk_con .lucky_wrap i { font-size:80%; margin-right:5px; }

.superstock_k2_app ._ranking .rk_txt {height:auto; font-size:70%; color:#333; padding:0; border:0; margin-bottom:6px; font-weight:bold;}
.superstock_k2_app ._ranking .rk_txt:last-child {margin-bottom:0;}
.superstock_k2_app ._ranking .rk_txt span {display:inline-block; width:22px; height:24px; padding-right:2px; border-radius:24px; background:#05254b; line-height:23px; vertical-align:middle; text-align:center; font-size:95%; color:#fff; font-weight:bold;}
.superstock_k2_app ._ranking .rk_txt small {vertical-align:middle; color:#5d493a; margin:0 5px;}
.superstock_k2_app ._ranking .rk_txt em {vertical-align:baseline; color:#333; font-size:86%; margin:0 5px;}

.superstock_k2_app ._ranking .rk_txt.co span {color:#ffe600;}
.superstock_k2_app ._ranking .rk_txt.co small {color:#5d493a;}
.superstock_k2_app .k2_app_img {width:100%; min-height:90px; height:100%; text-align:center;}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:320px) {
    .superstock_k2_app .k2_app_img img {display:inline-block; width:100%; 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) {
    .superstock_k2_app .k2_app_img img {display:inline-block; width:100%; min-height:90px; height:100%; text-align:center;}}
.superstock_k2_app .k2_footer_btn {margin-top:10px; text-align:center;}
.superstock_k2_app .k2_footer_btn a {display:block;}
.superstock_k2_app .k2_app_note { margin-top:50px; background:#f8f8f8; }
.superstock_k2_app .k2_app_note h5 { width:100px; height:15px; border-bottom-right-radius:10px; background:#3e3590; padding:5px 10px; text-align:center; vertical-align:middle; font-size:70%; color:#fff;}
.superstock_k2_app .k2_app_note h5 i {display:inline-block; vertical-align:middle; margin-right:7px;}
.superstock_k2_app .k2_app_note .note_text { padding:0 5px 10px 5px; margin:10px 0 0 7px; color:#777777; font-family:Gulim; font-size:11px;}
.superstock_k2_app .k2_app_note .note_text li {line-height:18px; list-style:decimal; border:0; padding:0; margin-bottom:5px;}
.superstock_k2_app .k2_app_note .note_text li input[type=button] {height:18px; border-radius:3px; border:1px solid #c01111; padding:0 5px; font-family:Gulim; font-size:11px; color:#c01111;}

.superstock_k2_app .judge .tit { margin-top:30px; font-size:110%; line-height:35px; }
.superstock_k2_app .judge .txt { font-size:90%; margin-top:50px; }
.superstock_k2_app .judge .date { margin-top:40px; font-size:110%; background:#fff; font-weight:400; text-align:center; }
.superstock_k2_app .judge .date .yellow { color:#ffa516; font-weight:500; }
.superstock_k2_app .judge .question { background:#f8f8f8; padding:20px; margin:30px auto 50px auto; line-height:30px; font-size:80%; text-align:center; }
.superstock_k2_app .judge .question b { margin-bottom:10px; font-size:110%; }
.superstock_k2_app .judge .question i { margin-right:10px; font-size:90%; }

/*슈퍼스탁K2 진행*/
.superstock_k2_ing_img {height:250px; background:#18191b; text-align:center; position:relative;}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:360px) {
    .superstock_k2_ing_img img {display:inline-block; 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) {
    .superstock_k2_ing_img img {display:inline-block; width:110%; height:250px; text-align:center; margin-left:-18px;}}
.superstock_k2_ing_img span {display:block; position:absolute; left:50%; top:190px; width:440px; margin-left:-220px; text-align:center; line-height:30px; vertical-align:middle; font-size:80%; color:#868787;}
.superstock_k2_ing_img .sns_share {display:block;  position:absolute; right:10px; top:15px; height:31px; padding:0 15px; border-radius:35px; border:1px solid #fff; text-align:center; line-height:33px; font-size:75%; color:#fff;}
.superstock_k2_ing_img .sns_share i {vertical-align:middle; margin-bottom:3px;}
.superstock_k2_ing_bar {height:40px; background:#0b0b0b; line-height:40px; padding:10px; vertical-align:middle; overflow:hidden;
background-image: url('../img/superstock/superstock_k3_ing_02.gif'); background-position:top center;
}
.superstock_k2_ing_bar .txtbox {height:40px; border-radius:5px; color:#fff; font-size:75%; vertical-align:middle; font-family:"Montserrat", "Noto Sans KR"; letter-spacing:-0.5px;}
.superstock_k2_ing_bar .txtbox .bar_name {float:left; width:108px; height:35px; margin-top:2px; line-height:35px; vertical-align:middle; border-radius:40px; border:1px solid #fff; text-align:center; color:#fff; overflow:hidden; }
.superstock_k2_ing_bar .txtbox .bar_text {float:left; color:#fff; margin-left:5px;}
.superstock_k2_ing_bar .txtbox .bar_text span {color:#ffe960;}

.superstock_k2 { letter-spacing:-0.5px; overflow:hidden; margin-bottom:20px; width:100%; font-family:"Montserrat", "Noto Sans KR"; }
.superstock_k2 .home_box {margin-top:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#fff; position:relative;}
.superstock_k2 .home_box:first-child {margin-top:3px;}
.superstock_k2 .home_box.bg {border:0; background:#d9dcec;}
.superstock_k2 .home_box h3 {height:30px; padding:9px 10px; border-bottom:1px solid #eee; line-height:32px; vertical-align:middle; font-size:90%; color:#222; font-weight:500;}
.superstock_k2 .home_box h3.color {color:#2c1444; border:0; font-size:95%;}
.superstock_k2 .home_box h3.color small {font-family:Gulim; font-size:12px; color:#9597a1; font-weight:normal;}
.superstock_k2 .home_box h3.line {border:0;}
.superstock_k2 .home_box h3 .more {display:block; float:right; margin-top:3px; width:23px; height:23px; line-height:25px; vertical-align:middle; border-radius:28px; border:1px solid #cdcdcd; text-align:center; font-size:110%; color:#999;}
.superstock_k2 .home_box h3 .calendar {display:block; float:right; margin:2px 0 0 0; height:26px; line-height:26px; border:1px solid #ddd; font-family:Gulim; }
.superstock_k2 .home_box h3 .calendar input[type=text] {width:75px; height:26px; font-size:12px; color:#777; padding:0 5px; font-weight:normal; letter-spacing:0; text-align:center;}
.superstock_k2 .home_box h3 .calendar input[type=button] {display:inline-block; width:32px; line-height:28px; vertical-align:middle; background:#2e2e72 url(/img/superstock/btn_day.png) center center no-repeat; color:#fff; font-size:85%; text-align:center; margin:-3px -1px -1px -5px;}
.superstock_k2 .home_box .tit_tab {position:absolute; left:85px; top:10px; height:26px; border:1px solid #ddd;}
.superstock_k2 .home_box .tit_tab li {float:left; text-align:center; line-height:28px; vertical-align:middle; padding:0 15px; text-align:center; font-family:Gulim; font-size:14px; color:#777;}
.superstock_k2 .home_box .tit_tab li.on {height:28px; font-weight:bold; color:#fff; background:#4e3e70; margin:-1px; line-height:30px; vertical-align:middle;}
.superstock_k2 .home_guide {height:34px; border-top:1px solid #eee; line-height:34px; vertical-align:middle; font-family:Gulim; font-size:12px; color:#999; background:#fafafa; padding:0 10px;}
.superstock_k2 .home_guide .link {display:inline-block; height:18px; padding:0 5px; border-radius:3px; border:1px solid #999; line-height:20px; vertical-align:middle; font-size:11px; color:#666; margin-bottom:3px;}

.superstock_k2 .banner_img { display: block; width: 100%;max-width: 480px; height: auto !important; margin: 0 auto;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 320dpi), screen and (min-width: 360px){
.superstock_k2 .banner_img{ display:block; height: 100%; text-align: center;}
}

.superstock_k2 .ranking_list {padding:10px;}
.superstock_k2 .ranking_list .list {height:25px; margin-bottom:10px; line-height:25px; vertical-align:middle; color:#252525; position:relative;}
.superstock_k2 .ranking_list .list:last-child {margin-bottom:0;}
.superstock_k2 .ranking_list .list li {overflow:hidden;}
.superstock_k2 .ranking_list .list .no {float:left; width:25px; height:25px; border-radius:25px; text-align:center; line-height:25px; vertical-align:middle; font-size:80%; color:#fff; font-weight:bold; background:#5e6b9e; margin-right:5px;}
.superstock_k2 .ranking_list .list .no.one1 {background:#e8383c;}
.superstock_k2 .ranking_list .list .name {float:left; font-size:75%; color:#666;}
.superstock_k2 .ranking_list .list .name.one1 {color:#252525;}
.superstock_k2 .ranking_list .list .stock {position:absolute; right:70px; top:0; width:60px; height:23px; padding:0 5px; line-height:25px; vertical-align:middle; border-radius:25px; border:1px solid #ddd; text-align:center; font-size:12px; font-family:Gulim; color:#7f7f7f; letter-spacing:0;}
.superstock_k2 .ranking_list .list .percent {position:absolute; right:1px; top:0; width:80px; height:25px; line-height:22px; vertical-align:middle; text-align:right; font-size:110%; color:#5e6b9e;}
.superstock_k2 .ranking_list .list .percent small {font-size:75%;}
.superstock_k2 .ranking_list .list .percent.one1 {color:#e8383c;}
.superstock_k2 .ranking_list {padding:10px;}
.superstock_k2 .ranking_list {padding:10px;}

.superstock_k2 .ranking_list .list {height:25px; margin-bottom:10px; line-height:25px; vertical-align:middle; color:#252525; position:relative; }
.superstock_k2 .ranking_list .list:last-child {margin-bottom:0;}
.superstock_k2 .ranking_list .list li {overflow:hidden;}
.superstock_k2 .ranking_list .list .ino {float:left; width:25px; height:25px; border-radius:25px; text-align:center; line-height:25px; vertical-align:middle; font-size:80%; color:#fff; font-weight:400; background:#999; margin-right:5px;}
.superstock_k2 .ranking_list .list .ino.one1 {background:#4e3e70; color:#ebcd5d}
.superstock_k2 .ranking_list .list .iname {float:left; font-size:75%; color:#666; }
.superstock_k2 .ranking_list .list .iname.one1 {color:#252525;}
.superstock_k2 .ranking_list .list .ipercent {position:absolute; right:1px; top:0; width:60px; height:25px; line-height:22px; vertical-align:middle; text-align:right; font-size:110%; color:#777;}
.superstock_k2 .ranking_list .list .ipercent small {font-size:75%;}
.superstock_k2 .ranking_list .list .ipercent.one1 {color:#252525;}
.superstock_k2 .text_center{text-align:center;}
.superstock_k2 .recommend_list {border-bottom:1px solid #ccc; overflow:hidden;}
.superstock_k2 .recommend_list:last-child {border-bottom:0;}
.superstock_k2 .recommend_list .list_cont {padding:10px;}
.superstock_k2 .recommend_list .list_cont dt {float:left; width:50px; height:50px; background:#eee; border-radius:5px; margin-right:8px; overflow:hidden;}
.superstock_k2 .recommend_list .list_cont dt img {width:50px; height:50px; border-radius:5px;}
.superstock_k2 .recommend_list .list_cont dd {height:50px;}
.superstock_k2 .recommend_list .list_cont dd .list_stock {height:25px; line-height:25px; vertical-align:middle; font-size:73%; color:#e8383c; font-weight:600; position:relative; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.superstock_k2 .recommend_list .list_cont dd .list_stock span {display:block; position:absolute; right:0; top:0; height:25px; padding:0 10px; border-radius:25px; font-size:95%; font-weight:500; color:#fff; letter-spacing:-1px;}
.superstock_k2 .recommend_list .list_cont dd .list_stock span.item_recommend {background:#ff9c16; font-weight:300;}
.superstock_k2 .recommend_list .list_cont dd .list_stock span.item_success {background:#ff5700;}
.superstock_k2 .recommend_list .list_cont dd .list_stock span.item_fail {background:#999;}
.superstock_k2 .recommend_list .list_cont dd .list_title {height:25px; line-height:25px; vertical-align:middle; font-size:72%; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.superstock_k2 .recommend_list .list_info { border-top:1px solid #eee; background:#fafafa; padding:0 10px; line-height:29px; vertical-align:middle; font-family:Gulim; font-size:12px; font-weight:500;}
.superstock_k2 .recommend_list .list_info em {font-weight:500; color:#666;}
.superstock_k2 .recommend_list .list_info span {display:inline-block; float:right;}

.superstock_k2 .contest_status {text-align:center; letter-spacing:-1px;}
.superstock_k2 .contest_status li {display:inline-block; width:80px; padding:15px 0 20px 0; height:45px; margin:0 3px 40px 0; border-radius:100%; background:#e8383c; position:relative;}
.superstock_k2 .contest_status li:last-child {margin-right:0;}
.superstock_k2 .contest_status li strong {color:#fff; font-size:110%; line-height:45px; vertical-align:middle; font-weight:500;}
.superstock_k2 .contest_status li strong.color {color:#ffe960;}
.superstock_k2 .contest_status li strong.color small {font-size:50%;}
.superstock_k2 .contest_status li i {display:block; position:absolute; bottom:0; left:50%; width:2px; height:20px; margin-left:-1px; background:#d9dcec;}
.superstock_k2 .contest_status li span {display:block; position:absolute; top:80px; left:50%; width:80px; margin-left:-40px; line-height:33px; text-align:center; font-size:72%; color:#2c1444;}

.superstock_k2 .list_discuss {padding:10px; font-family:Gulim; font-size:12px; color:#333;}
.superstock_k2 .list_discuss li {width:100%; height:30px; line-height:30px; vertical-align:middle;}
.superstock_k2 .list_discuss li em {display:inline-block; color:#ca4747; float:left; overflow:hidden;}
.superstock_k2 .list_discuss li span {display:inline-block; float:left; max-width:160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.superstock_k2 .list_discuss li strong {color:#ff5700;}
.superstock_k2 .list_discuss li small {float:right; color:#999; font-size:11px;}

.superstock_k2 .noti_box {margin:0 9px 9px 9px; padding:5px; height:25px; border:1px solid #eee; background:#fafafa; font-family:Gulim; font-size:12px; color:#333;}
.superstock_k2 .noti_box span {display:inline-block; line-height:25px; vertical-align:middle; width:75%; margin-top: -5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.superstock_k2 .noti_box small {float:right; color:#999; font-size:11px; line-height:25px; vertical-align:middle;}

.superstock_k2 .k2_ing_note {position:relative;}
.superstock_k2 .k2_ing_note h5 {position:absolute; top:-33px; left:0; height:20px; border-bottom-right-radius:10px; background:#2e2e72; padding:5px 10px; text-align:center; font-size:75%; color:#fff;}
.superstock_k2 .k2_ing_note h5 i {display:inline-block; vertical-align:middle; margin-right:7px;}
.superstock_k2 .k2_ing_note .note_text {margin:33px 0 0 5px; padding:5px 10px 5px 20px; color:#777777; font-family:Gulim; font-size:11px;}
.superstock_k2 .k2_ing_note .note_text li {line-height:18px; list-style:decimal; border:0; padding:0; margin:5px 0;}
.superstock_k2 .k2_ing_note .note_text li input[type=button] {height:18px; border-radius:3px; border:1px solid #e80000; padding:0 5px; font-family:Gulim; font-size:11px; color:#e80000; background:#fafafa;}

/*슈퍼스탁K 진행_서브*/
.superstock_k2 .ranking_tab {height:45px; overflow:hidden; margin:7px 10px 10px 10px; font-family:NanumGothic;}
.superstock_k2 .ranking_tab li {float:left; width:49.7%; height:38px; background:#fff; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; overflow:hidden; text-align:center; line-height:40px; vertical-align:middle; font-size:80%; color:#333; cursor: pointer;}
.superstock_k2 .ranking_tab li:first-child {border-left:1px solid #ccc;}
.superstock_k2 .ranking_tab li.on {height:45px; border:0; background:none;} 
.superstock_k2 .ranking_tab li.on .arrow_box {display:block; text-align:center; line-height:40px; vertical-align:middle; color:#fff; position: relative; background: #32297d;}
.superstock_k2 .ranking_tab li.on .arrow_box:after {top:100%; left: 50%;	border: solid transparent; content: " "; height: 0;	width: 0; position: absolute; pointer-events:none; border-top-color: #32297d; border-width: 5px; margin-left: -5px;}
.superstock_k2 .ranking_tab li.on:first-child {margin-left:0px;}

.superstock_k2 .ranking_wrap {margin:10px; overflow:hidden;}
.superstock_k2 .ranking_wrap .ranking_info {padding-top:10px; border:1px solid #ccc; border-bottom:0; background:#fafafa; text-align:center; overflow:hidden;}
.superstock_k2 .ranking_wrap .ranking_info li {float:left; width:50%; text-align:center;}
.superstock_k2 .ranking_wrap .ranking_info li em {display:inline-block; margin:5px 0; width:80px; height:30px; border-radius:40px; background:#655142; font-size:85%; font-weight:bold; color:#fff; line-height:30px; vertical-align:middle;}
.superstock_k2 .ranking_wrap .ranking_info li em small {font-weight:normal; font-size:70%;}
.superstock_k2 .ranking_wrap .ranking_info li em.no1 {width:80px; height:30px; margin:0; line-height:40px; vertical-align:middle; background:#e3342e; color:#fff;}
.superstock_k2 .ranking_wrap .ranking_info li em.no2 {background:#2376a6;}
.superstock_k2 .ranking_wrap .ranking_info li em.no2.red { background:#ee2138; }
.superstock_k2 .ranking_wrap .ranking_info li:first-child span{color:#c11610; } 
.superstock_k2 .ranking_wrap #PrizeGuide02 .ranking_info li:first-child span{color:#333;} 
.superstock_k2 .ranking_wrap .ranking_info li span {display:block; line-height:30px; vertical-align:middle; text-align:center; font-size:80%; color:#333; font-weight:bold;}
.superstock_k2 .ranking_wrap .audience {padding:10px; border:1px solid #ccc; border-bottom:0; background:#fafafa; text-align:center; overflow:hidden;}
.superstock_k2 .ranking_wrap .audience img {display:block; height:123px; text-align:center;}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:360px) {
    .superstock_k2 .ranking_wrap .audience img {display:inline-block; 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) {
    .superstock_k2 .ranking_wrap .audience img {display:inline-block; width:100%; height:123px; text-align:center;}}

.superstock_k2 .ranking_wrap .info_btn {display:block; width:100%; line-height:50px; vertical-align:middle; text-align:center; font-size:85%; color:#fff; background:linear-gradient(to bottom,#474747,#1c1b1b);}
.superstock_k2 .ranking_wrap .list_info2 {padding-top:10px; margin-bottom:-10px; font-family:Gulim; font-size:11px; color:#666; line-height:20px;}
.superstock_k2 .view_info {padding:10px; font-family:Gulim; font-size:11px; color:#666; line-height:20px;}

.superstock_k2 .k2_ranking { font-family:"Montserrat", "Noto Sans KR"; }
.superstock_k2 .k2_ranking .list_info {height:25px; line-height:25px; vertical-align:middle; margin-bottom:10px; font-family:Gulim;}
.superstock_k2 .k2_ranking .list_info input[type=button] {display:inline-block; padding:0 10px; line-height:23px; border-radius:3px; border:1px solid #999; background:#fff; color:#666; font-size:11px; text-align:center;}
.superstock_k2 .k2_ranking .list_info span {display:inline-block; float:right; font-size:12px; color:#999; line-height:30px;}
.superstock_k2 .k2_ranking .rank_list_wrap {border:1px solid #ccc; overflow:hidden; clear:both;}
.superstock_k2 .k2_ranking .rank_list_wrap {border:1px solid #ccc; overflow:hidden; clear:both;}
.superstock_k2 .k2_ranking .rank_list {width:100%; background:#fff; color:#777;}
.superstock_k2 .k2_ranking .rank_list tr {border-bottom:1px solid #ccc; }
.superstock_k2 .k2_ranking .rank_list tr:last-child {border:0;}
.superstock_k2 .k2_ranking .rank_list tr.myc {background:#f2fafe;}
.superstock_k2 .k2_ranking .rank_list tr.mya {background:#fff8f4;}
.superstock_k2 .k2_ranking .rank_list th {font-family:Gulim; font-size:11px; color:#777; background:#fafafa;  text-align:center; line-height:28px; vertical-align:middle; font-weight:normal;}
.superstock_k2 .k2_ranking .rank_list td {padding:15px 0; height:25px; letter-spacing:-1px; line-height:25px; vertical-align:middle; text-align:center;}
.superstock_k2 .k2_ranking .rank_list .list_none {font-family:Gulim; font-size:12px; line-height:20px;}
.superstock_k2 .k2_ranking .rank_list .list_none img {display:block; height:85px; margin:15px 0 0 0; text-align:center;}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:360px) {
    .superstock_k2 .k2_ranking .rank_list .list_none img {display:inline-block; 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) {
    .superstock_k2 .k2_ranking .rank_list .list_none img {display:inline-block; width:95%; height:85px; text-align:center;}}
.superstock_k2 .k2_ranking .rank_list .no {padding:0 5px; font-size:90%; color:#5d493a; font-weight:bold; font-size:90%;}
.superstock_k2 .k2_ranking .rank_list .no .one {display:inline-block; width:25px; height:25px; border-radius:25px; background:#ca4747; color:#fff;}
.superstock_k2 .k2_ranking .rank_list .no .high {display:inline-block; width:25px; height:25px; border-radius:25px; background:#5e6b9e; color:#fff;}
.superstock_k2 .k2_ranking .rank_list .spim {display:block; width:30px; margin-right:10px; margin-top:3px; text-align:center; font-family:Gulim; font-size:12px; color:#333; font-weight:bold;}
.superstock_k2 .k2_ranking .rank_list .spim.up {color:#e3342e; font-weight:normal;}
.superstock_k2 .k2_ranking .rank_list .spim.down {color:#5261aa; font-weight:normal;}
.superstock_k2 .k2_ranking .rank_list .spim.new { display:block; width:15px; height:17px; padding:0 2px 0 0; margin:21px 13px 0 0px; line-height:20px; vertical-align:middle; border-radius:3px; background:#f59320; font-weight:bold; color:#fff;}
.superstock_k2 .k2_ranking .rank_list .name {text-align:left; font-size:80%; font-weight:500;}
.superstock_k2 .k2_ranking .rank_list .name.my {color:#252525; }
.superstock_k2 .k2_ranking .rank_list .success {font-size:100%;}
.superstock_k2 .k2_ranking .rank_list .success.my {font-weight:bold; color:#252525;}
.superstock_k2 .k2_ranking .rank_list .success small {font-size:75%;}
.superstock_k2 .k2_ranking .rank_list .yield {color:#ca4747; font-size:100%;}
.superstock_k2 .k2_ranking .rank_list .yield.my {font-weight:bold;}
.superstock_k2 .k2_ranking .rank_list .nield {color:#5e6b9e; font-size:100%;}
.superstock_k2 .k2_ranking .rank_list .nield.my {font-weight:bold;}

.enterprise .tit {padding:0 10px; line-height:30px; font-size:80%; font-weight: bold; background:#333; color: #fff;}

/* 슈퍼스탁K 시즌2 */
.superstock_k2_ing_img { width:100%; height:auto !important; background-color:#242033; }
.superstock_k2_ing_img > img { width:100%; max-width:480px; height:auto !important; margin:0 auto; }
.ranking_1_wrap .ranking_inner_wrap { position:relative; }
.ranking_1_wrap .ranking_inner_wrap .ctrl_rank_guide { position:absolute; top:-26px; right:10px; display:inline-block; height:18px; padding:0 5px; margin-bottom:3px; border-radius:3px; border:1px solid #c01111; color:#c01111; font-size: 11px; line-height: 18px; vertical-align: middle; }
.ranking_1_wrap .ranking_1_inner .ranking_title { margin-top:30px; padding:0 10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#f11452; overflow:hidden;}
.ranking_1_wrap .ranking_1_inner .ranking_title > h3 { float:left; padding:7px 7px 3px 0; color:#fff; font-size:27px; font-weight:bold; }
.ranking_1_wrap .ranking_1_inner .ranking_title > p { float:left; padding-top:15px; color:#fff; font-size:16px; font-family:'Noto Sans KR'; }
.ranking_1_wrap .ranking_contents { padding:22px 8px; background-color:#fff; border-bottom:1px solid #cccccc; }
.ranking_1_wrap .ranking_contents dl { display:table; width:100%; overflow:hidden; }
.ranking_1_wrap .ranking_contents dt { display:table-cell; vertical-align:middle;  width:88px; height:88px; }
.ranking_1_wrap .ranking_contents dt > img { width:88px; height:88px; border:1px solid #000; box-shadow:3px 5px 10px #888888; }
.ranking_1_wrap .ranking_contents dd { display:table-cell; padding-left:15px; vertical-align:middle; }
.ranking_1_wrap .ranking_contents dd > strong { display:initial; }
.ranking_1_wrap .ranking_contents dd > ul{ display:table-row; height:100%; margin-top:20px; }
.ranking_1_wrap .ranking_contents dd > ul > li { display:table-cell; width:33.3%; height:68px; font-size:0.75em; vertical-align:bottom; white-space:nowrap; }
.ranking_1_wrap .ranking_contents dd > ul > li > i { font-size:12px; margin-right:3px; }
.ranking_1_wrap .ranking_contents dd > ul > li > strong { color:#f11452; font-size:1.15em; line-height:30px; letter-spacing:-1px; }
.ranking_2_wrap { padding:8px 8px 30px 8px; margin-top:25px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background-color:#fff; }
.ranking_2_wrap .ranking_2_inner .ranking_title { overflow:hidden; }
.ranking_2_wrap .ranking_2_inner .ranking_title > h3 { float:left; padding: 7px 7px 3px 0; color:#f11452; font-size:27px; font-weight:bold; }
.ranking_2_wrap .ranking_2_inner .ranking_title > p { float:left; padding-top: 15px; color:#333; font-size:16px; font-family:'Noto Sans KR'; }
.ranking_2_wrap .ranking_2_inner .ranking_title > p strong { font-weight:700; }
.ranking_2_wrap .ranking_2_inner .ranking_contents > ul { margin-top:25px; overflow:hidden; }
.ranking_2_wrap .ranking_2_inner .ranking_contents > ul > li { display:inline-block; width:31.5%; padding:12px 0 7px 0; border:1px solid #d7d7d7; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ranking_2_wrap .ranking_2_inner .ranking_contents > ul > li:nth-child(2) {margin:0 1%;} 
.ranking_2_wrap .ranking_2_inner .ranking_contents > ul > li dt { font-size:0.8em; font-weight:bold; font-family:NanumSquare; text-align:center; }
.ranking_2_wrap .ranking_2_inner .ranking_contents > ul > li dd.info { display:block; margin:0 auto; }
.ranking_2_wrap .ranking_2_inner .ranking_contents > ul > li dd.info > img { display:block; width:60px; height:60px; margin:15px auto; border: 1px solid #000; box-shadow:3px 5px 10px #888888; }
.ranking_2_wrap .ranking_2_inner .ranking_contents > ul > li dd > ul > li { width:100px; margin:0 auto 7px auto; font-size:0.7em; font-family:NanumGothic; white-space:nowrap; }
.ranking_2_wrap .ranking_2_inner .ranking_contents > ul > li dd > ul > li > i { font-size:12px; margin-right:3px; }
.ranking_2_wrap .ranking_2_inner .ranking_contents > ul > li dd > ul > li > strong{ color:#f11452; }

.ranking_3_wrap { padding:0px 8px 30px 8px; border-bottom:1px solid #ebebeb; }
.ranking_3_wrap .ranking_3_inner .ranking_title { overflow:hidden; }
.ranking_3_wrap .ranking_3_inner .ranking_title > h3 { padding: 7px 7px 3px 0; color:#f11452; font-size:27px; font-weight:bold; text-align:left; }
.ranking_3_wrap .ranking_3_inner .ranking_title > p { padding-top: 15px; line-height:23px; color:#333; font-size:16px; font-family:NanumGothic;  text-align:left; }
.ranking_3_wrap .ranking_3_inner .ranking_contents > ul { position:relative; margin-top:25px; overflow:hidden; }
.ranking_3_wrap .ranking_3_inner .ranking_contents > ul > li { display:inline-block; width:31.5%; padding:12px 0 7px 0; margin-bottom:10px; border:1px solid #d7d7d7; background-color:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.ranking_3_wrap .ranking_3_inner .ranking_contents > ul > li.title { border:none;  }
.ranking_3_wrap .ranking_3_inner .ranking_contents > ul > li.title .ranking_title { position:absolute; top:0; }
.ranking_3_wrap .ranking_3_inner .ranking_contents > ul > li:nth-child(2),
.ranking_3_wrap .ranking_3_inner .ranking_contents > ul > li:nth-child(5) {margin:0 1%;} 
.ranking_3_wrap .ranking_3_inner .ranking_contents > ul > li dt { font-size:0.8em; font-weight:bold; font-family:NanumSquare; text-align:center; }
.ranking_3_wrap .ranking_3_inner .ranking_contents > ul > li dd.info { display:block; margin:0 auto; }
.ranking_3_wrap .ranking_3_inner .ranking_contents > ul > li dd.info > img { display:block; width:60px; height:60px; margin:15px auto; border: 1px solid #000; box-shadow:3px 5px 10px #888888; }
.ranking_3_wrap .ranking_3_inner .ranking_contents > ul > li dd > ul > li { width:100px; margin:0 auto 7px auto; font-size:0.7em; font-family:NanumGothic; white-space:nowrap; }
.ranking_3_wrap .ranking_3_inner .ranking_contents > ul > li dd > ul > li > i { font-size:12px; margin-right:3px; }
.ranking_3_wrap .ranking_3_inner .ranking_contents > ul > li dd > ul > li > strong{ color:#f11452; }

.superstock_k2_info_text { padding:30px 8px; background-color:#fff; }
.superstock_k2_info_text > h4 { margin-bottom:20px; color:#333333; font-size:20px; font-weight:bold; font-family:NanumSquare; }
.superstock_k2 .superstock_k2_info_text > ol > li { position:relative; padding-left:45px; margin-left:10px; color:#333; font-size:14px; font-family:NanumGothic; line-height:1.55; }
.superstock_k2 .superstock_k2_info_text > ul > li { position:relative; padding-left:20px; margin-left:10px; color:#333; font-size:14px; font-family:NanumGothic; line-height:1.55; }
.superstock_k2 .superstock_k2_info_text > ol { margin-bottom:35px; }
.superstock_k2 .superstock_k2_info_text > ul > li > strong { color:#f11452; font-weight:normal; }
.superstock_k2 .superstock_k2_info_text > ul > li:before { position:absolute; top:0; left:0; content:"※";}
.superstock_k2 .superstock_k2_info_text > ol > li:first-child:before { position:absolute; top:0; left:0; content:"일시 ｜ "; }
.superstock_k2 .superstock_k2_info_text > ol > li:nth-child(2):before { position:absolute; top:0; left:0; content:"장소 ｜ "; }
.superstock_k2 .superstock_k2_info_text > ol > li:last-child:before { position:absolute; top:0; left:0; content:"일정 ｜ "; }

/*슈퍼스타K_종료 시상식-랭킹*/
.sub_stocklist .leaguelist_wrap .leaguelist .list_info .le_ranking .awards_rank {margin-right:10px;}
.sub_stocklist .leaguelist_wrap .leaguelist .list_info {padding-bottom:0;}
.sub_stocklist .leaguelist_wrap .leaguelist ._right.fail {color:#fff; background:#b1b3be;}
.sub_stocklist .leaguelist_wrap .leaguelist ._right.success {color:#fff; background:#767588; margin-right:6px;}
.superstock_k .Cont .no_4 li { background: url(../images/leading/li_dot.png)left 5px top 6px no-repeat; letter-spacing:-0.5px;}
.superstock_k .superstock_awards {margin:10px 10px 0;}
.superstock_k .superstock_awards .rank {border:1px solid #ccc; margin-top:-1px; background:#fff; display:flex; padding:10px; }
.superstock_k .superstock_awards .rank li {float:left;}
.superstock_k .superstock_awards img {width:100%;}
.superstock_k .superstock_awards .rank .rank_no {width:24%; margin-top:7px;}
.superstock_k .superstock_awards .rank .winner_img { width:70px; height:70px; border-radius:3px; margin:0 10px;}
.superstock_k .superstock_awards .rank .winner_info li {float:none;}
.superstock_k .superstock_awards .rank .winner_info .name {font-family:NanumSquare; font-size:1.2em; color:#333; font-weight:bold;}
.superstock_k .superstock_awards .rank .winner_info .revenue {font-size:0.8em; color:#555; margin-top:6px;}
.superstock_k .superstock_awards .rank .winner_info .result_btn a {display:block; width:80px; text-align:center; line-height:20px; border:1px solid #ccc; border-radius:3px; color:#555; font-size:0.7em; font-family:Dotum; background:linear-gradient(to bottom,#fff,#eee); margin-top:3px;}
.superstock_k .Cont .warning {font-size:12px; font-family:Dotum; color:#d23030; line-height:17px; display:inline-block; margin-top:6px;}
.superstock_k .superstock_awards .rank1 {border:2px solid #e55835; margin-bottom:11px; background:#fff;}
.superstock_k .superstock_awards .rank1 ul {text-align:center; padding:12px 0;}
.superstock_k .superstock_awards .rank1 .rank_no {width:23%; display:inline-block; vertical-align:text-top;}
.superstock_k .superstock_awards .rank1 .winner_img {width:90px; height:90px; border-radius:3px; margin:0 10px; display:inline-block; vertical-align:text-top;}
.superstock_k .superstock_awards .rank1 .winner_info {display:inline-block; vertical-align:text-top; margin-top:3px;}
.superstock_k .superstock_awards .rank1 .winner_info .name {color:#e55835; font-size:2em; font-family:NanumSquare; font-weight:600;}
.superstock_k .superstock_awards .rank1 .winner_info .revenue {font-size:0.8em; color:#555; margin-top:6px; margin-left:1px; text-align:left;}
.superstock_k .superstock_awards .rank1 .winner_info .result_btn a {display:block; width:80px; text-align:center; line-height:20px; border:1px solid #ccc; border-radius:3px; color:#555; font-size:0.7em; font-family:Dotum; background:linear-gradient(to bottom,#fff,#eee); margin-top:3px;}
.superstock_k .superstock_awards .winner_cont {display:block; font-size:12px; letter-spacing:-1px; background:#fcf7f1; text-align:center; color:#777; line-height:40px;}
.superstock_k .superstock_awards .winner_cont b {color:#e55835;}
.superstock_k .Cont .denken p {color:#333; margin-top:-10px;}
.superstock_k .Cont .denken ol li { font-size:0.8em; color:#888; line-height:1.6em; margin-bottom:0;}

/*슈퍼스탁2*/
.superstock_k2_popup { position:fixed; top:40%; left:2.5%; width:250px; background:#3f3591; margin:0 auto; transform:translateY(-50%); box-shadow:0 0 7px #666; overflow:hidden; font-family:'Noto Sans KR'!important; z-index:200 !important;}
.superstock_k2_popup.width {width:95%;}
.superstock_k2_popup.titbg {width:95%; background:#4e3e70;}
.superstock_k2_popup h2 {height:50px; line-height:50px; vertical-align:middle; padding:0 15px; font-size:95%; color:#fff; font-weight:500; position:relative;}
.superstock_k2_popup h2 button {position:absolute; right:15px; top:12px; width:25px; height:25px; line-height:25px; vertical-align:middle; border:1px solid #fff; border-radius:30px; cursor:pointer; background:none; color:#fff; font-size:15px; font-weight:600; text-align:center;}

.superstock_k2_popup .share_pop {padding:30px 15px 10px 15px; background:#fff; text-align:center; overflow:hidden;}
.superstock_k2_popup .share_pop li {display:inline-block; width:45px; height:45px; vertical-align:middle; position:relative; text-align:center; color:#fff; font-size:24px; font-weight:600; margin:0 5px; border-radius:5px;}
.superstock_k2_popup .share_pop li i {vertical-align:middle; line-height:45px;}
.superstock_k2_popup .share_pop li i.ka {color:#3b1f1e;}
.superstock_k2_popup .share_pop .facebook { border:1px solid #4b64aa; background:#4c69ba;}
.superstock_k2_popup .share_pop .kakao { border:1px solid #fcdd3b; background:#f9e000;}
.superstock_k2_popup .share_pop .never { border:1px solid #09bf37; background:#00c73c; font-family:'Malgun Gothic';}
.superstock_k2_popup .share_pop .copyurl {width:270px; text-align:left; display:flex; margin-top:15px; }
.superstock_k2_popup .share_pop .copyurl .input_copyurl {display:inline-block; width:190px; height:25px; padding:0 9px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:#333; line-height:25px; vertical-align:middle; text-decoration:none; border:1px solid #ccc; background:#f6f6f6; font-weight:normal;}
.superstock_k2_popup .share_pop .copyurl .btn_copyurl {display:inline-block; height:25px; margin-left:-1px; padding:0 7px; font-size:12px; text-align:center; line-height:28px; color:#333; text-decoration:none; vertical-align:middle; border:1px solid #ccc;}

.superstock_k2_popup .text {padding:13px; background:#fff; overflow:hidden; font-family:NanumGothic; font-size:70%; color:#666; line-height:22px; letter-spacing:-0.5px;}
.superstock_k2_popup .pop_btn { display:block; text-align:center; }
.superstock_k2_popup .pop_btn .btn { display:inline-block; width:110px; padding:5px 10px; margin:15px 10px; background:#6d65a8; border-radius:5px; color:#fff; text-align:center; }
.superstock_k2_popup .text b {display:block; color:#444;}
.superstock_k2_popup .text span {color:#d23030;}
.superstock_k2_popup .text h3 { font-family: Gulim; font-size: 12px; font-weight: bold; color:#41485f; }
.superstock_k2_popup .text ul, .superstock_k2_popup .text ol {margin-bottom:5px; }
.superstock_k2_popup .text ul li {font-family: Gulim; font-size: 11px; color: #667685; line-height: 19px; letter-spacing: -0.7px; padding-left:7px; position: relative; }
.superstock_k2_popup .text ol li {font-family: Gulim; font-size: 11px; color: #667685; line-height: 19px; letter-spacing: -0.7px; padding-left:0px; position: relative; }
.superstock_k2_popup .text ul li:before { position: absolute; left: 2.5px; top: 7px; width: 2px; height: 2px; background: #bdbdbd; content: "";  }

.superstock_k2_popup .challenger_info {width:100%; border: 1px solid #ccc; font-family: Gulim; font-size: 11px; line-height:18px;  }
.superstock_k2_popup .challenger_info tr th {width:18%; background: #f4f5f6; padding: 5px 5px 2px 5px; border: 1px solid #ddd; font-weight: normal; text-align: left; }
.superstock_k2_popup .challenger_info tr td { padding:7px 5px 3px 5px; color:#666; border: 1px solid #ddd; letter-spacing: -0.5px; box-sizing: border-box; vertical-align: middle; }

.superstock_k2_popup .popup_cont2 { background: #fff; padding: 10px; font-family: Gulim; font-size:12px; }
.superstock_k2_popup .popup_cont2 li { color: #667685; line-height:20px;}
.superstock_k2_popup .popup_cont2 li .winner_tab { width:100%; margin:0 auto 10px; }
.superstock_k2_popup .popup_cont2 li .winner_tab .tab_con { float:left; width:20%; height:30px; line-height:30px; border:1px solid #ddd; border-left:0; box-sizing:border-box; font-size:110%; text-align:center; font-family:'Noto Sans CJK KR'; }
.superstock_k2_popup .popup_cont2 li .winner_tab .tab_con:first-of-type { border-left:1px solid #ddd;}
.superstock_k2_popup .popup_cont2 li .winner_tab .tab_con.on {  background-color:#3f3591; color:#fff; border:0; }
.superstock_k2_popup .popup_cont2 li .winner_tab::after { content:""; display:block; clear:both;  }
.superstock_k2_popup .popup_cont2 .winner {width:100%; margin:0 auto; overflow:hidden;}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:360px) {
    .winner 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:420px) {
    .winner img {display:inline-block; width:100%; height:100%; text-align:center;}}


/*핀업 스탁_럭키박스*/
.luckybox .event_winner { position:absolute; top:32.2%; left:2.8%; width:90%; height:60px; border-radius:6px; box-shadow:0 1px 3px #666; background:rgba(255,255,255,0.8); font-size:0.9em; font-family:NanumGothic; font-weight:600; color:#333; margin:auto; padding:7px 8px; line-height:42px; letter-spacing:-1px; }
.luckybox .event_winner .nickname { display:inline-block; width:37%; height:30px; border-radius:60px; border:1px solid #2c6bc0; font-size:0.8em; color:#2c6bc0; text-align:center; line-height:30px; vertical-align:middle; margin-right:3px; }
.luckybox .event_winner ul { list-style:none; margin:0; padding:0;}
.luckybox .event_winner ul li {  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:28px; text-align:center; }
.luckybox .event_winner ul li em {font-style:normal; color:#f25656;}
.luckybox .open_btn { position:absolute; top:27%; left:14%; margin:auto; width:73%; height:52px; background:#444; background:linear-gradient(to bottom,#505351,#373837); color:#fff; font-size:0.9em; font-weight:600; font-family:NanumSquare; border-radius:52px; border:none; box-shadow:0 2px 6px #555; text-align:center; line-height:52px; cursor:pointer;  outline:0; }
.luckybox .open_btn span {color:#ffcf3b; font-weight:500; font-size:1em;}
.luckybox .productlist_btn { position:absolute; bottom:20%; left:14%;  margin:auto; width:73%; height:56px; background:#fff; color:#22748f; font-size:0.9em; font-weight:600; font-family:NanumSquare; border-radius:56px; line-height:48px; border:4px solid #8fceda; text-align:center; cursor:pointer;  outline:0; letter-spacing:-0.5px;}
.luckybox .productlist_btn i {font-size:15px;}
/*--럭키박스 상품 popup--*/
.luckybox_popup { position:fixed; top:24%; left:0; width:100%;}
.luckybox_popup .close_btn {display:inline-block; width:24px; height:24px; border-radius:26px; border:1px solid #fff; color:#fff; text-align:center; text-decoration:none; position:absolute; right:10%; top:10%; }
.luckybox_popup .close_btn i {font-size:0.75em; line-height:24px;}
/*--럭키박스 오픈 popup--*/
.luckybox_open .mask { position:fixed; background-color:rgba(0,0,0,0.7); left:0; top:0; width:100%; height:100%;}
.luckybox_open { position:absolute; top:160px; width:100%; height:460px; }
.luckybox_open .box {position:relative;}
.luckybox_open p {font-family:NanumSquare; color:#333; font-size:0.85em; text-align:center; line-height:20px; font-weight:500; position:absolute; top:62%; margin:auto; width:87%;  }
.luckybox_open p span { color:#ff555e; font-size:1em; font-weight:bold; letter-spacing:-1px; }
.luckybox_open .close_btn {display:inline-block; width:34px; height:34px; border-radius:37px; border:2px solid #fff; color:#fff; text-align:center; text-decoration:none; position:absolute; right:10%; top:6%; }
.luckybox_open .close_btn i {font-size:1em; line-height:34px;}

/* (럭키박스 시즌2)  */
.luckybox_2 { width:100%; height:100%; margin:0 auto; position:relative; }
.luckybox_2 img { width: 100%; display: block; }
.luckybox_2 .number_check { height: 70px; padding: 0 9px; background: #013f34; font-family: 'Malgun Gothic'; font-size: 70%; color: #fff; overflow: hidden; letter-spacing: -1.5px; text-align: center; }
.luckybox_2 .number_check .count { position: relative; margin-top: 15px; }
.luckybox_2 .number_check .count ul { padding: 0; height: 24px; overflow: hidden; }
.luckybox_2 .number_check .count ul li { list-style: none; display: none; }
.luckybox_2 .number_check .count ul li .mask_type { display: block; position: relative; width: 100%; height: 24px; border-radius: 60px; box-shadow: 0 2px 5px #d4c9c3 inset;  background:#f5f5f5; text-align: right; }
.luckybox_2 .number_check .count ul li .mask_type .mask { display: block; overflow: hidden; position: static; border: 0; opacity: 100; height: 24px; border-radius: 60px; background: #ab0c1f; box-shadow: 2px 1px 3px #c5afa4; }
.luckybox_2 .number_check .count p { position: absolute; top: -3px; right: 12px; color: #333; margin: 0; line-height: 30px; }
.luckybox_2 .number_check p { margin-top: 5px; }
.luckybox_2 .number_check p span { font-family: Dotum; font-size: 11px; color: #bb8892;}
.luckybox_2 .open_btn { position:absolute; top:21.6%; left:50%; transform:translateX(-50%); width:87%; height:52px; background:#332d35; background:linear-gradient(to bottom,#473f4a,#221e23); color:#f1e8df; font-size:90%; font-weight:600; font-family:NanumGothic; border-radius:52px; border:none; box-shadow:0 2px 6px #555; text-align:center; line-height:50px; cursor:pointer;  outline:0; opacity:0; }
.luckybox_2 .open_btn span {color:#ffca5a; font-size:1em;}
.luckybox_2 .event_winner { position:absolute; top:25.1%; left:50%; transform:translateX(-50%); width:82%; height:70px; border-radius:6px; box-shadow:0 1px 3px #666; background:rgba(255,255,255,0.8); font-size:85%; font-family:'BMJUA'; font-weight:600; color:#333; margin:auto; padding:7px 8px; line-height:42px; letter-spacing:-1px; }
.luckybox_2 .event_winner .nickname { display:inline-block; width:37%; height:28px; border-radius:60px; border:1px solid #b40808; font-size:90%; color:#b40808; font-weight:normal; text-align:center; line-height:30px; vertical-align:middle; margin-bottom:5px; }
.luckybox_2 .event_winner ul { list-style:none; margin:0; padding:5px 0 0 0; color:#111; font-weight:normal; }
.luckybox_2 .event_winner ul li {  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:28px; text-align:center; }
.luckybox_2 .event_winner ul li em { font-style:normal; color:#b40808; }
.luckybox_2 .productlist_btn { position:absolute; bottom: 18.5%; left:10%; margin:auto; width:82%; height:52px; background:#332d35; background:linear-gradient(to bottom,#473f4a,#221e23); color:#f1e8df; font-size:90%; font-weight:600; font-family:NanumGothic; border-radius:52px; border:none; box-shadow:0 2px 6px #555; text-align:center; line-height:50px; cursor:pointer;  outline:0; }
.luckybox_2 .productlist_btn i { color:#ffca5a; font-size:11px; display: inline-block; border: 2px solid #ffca5a; border-radius: 20px; width: 20px; height: 20px; line-height: 20px; text-align: center; vertical-align: middle; }
/* 그 외 상품 팝업 */
.luckybox_popup02 { position:fixed; top:33%; left:10px; width: 93%; }
.luckybox_popup02 img { width: 100%; display: block; }
.luckybox_popup02 .close_btn {display:inline-block; width:46px; height:46px; border-radius:50px; color:#fff; background: #342e36; box-shadow: 0 1px 3px #777; text-align:center; text-decoration:none; position:absolute; right:-12px; top:-20px; }
.luckybox_popup02 .close_btn i {font-size:1.2em; line-height:46px;}
/* 오픈팝업 */
.luckybox2_open .mask { position:fixed; background-color:rgba(0,0,0,0.8); left:0; top:0; width:100%; height:100%  }
.luckybox2_open { position:absolute; top:160px; width:100%; height:460px; font-family:'noto sans KR';  }
.luckybox2_open .box {position:relative; height:100%; margin:10px; background: url(/images/event/m_event_pop_luckybox3.png) center top no-repeat; background-size:contain;  }
.luckybox2_open .box img { width: 100%; display: block; position: relative; }
.luckybox2_open .box .product { width: 100%; font-size: 0.85em; color:#fff; text-align: center; box-sizing: border-box; line-height: 21px; letter-spacing: -1px; padding-top: 26%; margin:0 ; }
.luckybox2_open .box .product span { font-size: 1em; }
.luckybox2_open .box .product span b { font-size: 1.2em; font-weight: 900; }
.luckybox2_open .box .product em { margin-top:10px; font-style: normal; font-size: 75%; color: #d5b5b9; display: block; }
.luckybox2_open .box .ten { margin: auto; width: 60%; padding: 3px 0; background: rgba(245,173,70,0.7); border-radius: 6px; text-align: center; font-family: 'Malgun Gothic'; font-size: 65%; color: #6d5243;  letter-spacing: -1px; line-height: 17px; }
.luckybox2_open .box .ten span { color: #373035; }
.luckybox2_open .box .ten span b { font-weight:bold; color: #dd5b32; font-size: 1.2em; }
.luckybox2_open .box .ok_btn { display:block; margin: 10px auto 0;  width: 42%; height: 34px; line-height: 34px; border-radius: 60px; background: #222; text-align: center; font-size: 90%; color: #fff; text-decoration:none; }

/* 생명의 선물 캠페인 */
.event_donation { max-width:480px; margin:0 auto; }
.event_donation .box_cont { position:relative; width:100%; height:auto; }
.event_donation .box_cont img { display:block; width:100%; height:auto; }
.event_donation .box_cont .box_value { position:absolute; margin-top:157.12%; width:100%; color:#fffe39; line-height:50px; text-align:center; font-family:'BMJUA'; }
.event_donation .box_cont .box_value .js_counting { display:inline-block; min-width:125px; font-size:200%; }
.event_donation .box_cont .box_value .txt_num { font-size:125%; }
.event_donation .box_cont a { display:block; position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); background:#222; opacity:0; }
.event_donation .box_cont .btn_more { display:block; width:89.2%; height:1.43%; }
.event_donation .box_cont .btn_move { bottom:1.12%; width:44%; height:0.93%;}
.event_donation .contents02 .tab_cont { position:relative; display:none; width:100%; margin:0 auto; text-align:center; }
.event_donation .contents02 .tab_cont.on { display:block; }
.event_donation .contents02 .tab_cont img { display:block; width:100%; }
.event_donation .contents02 .tab_cont a { position:absolute; background:#222; opacity:0; }
.event_donation .contents02 .tab_cont.tab1 .box_value2 { position:absolute; top:38.5%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; min-width:125px; color:#fffe39; font-size:200%; line-height:50px; text-align:center; font-family: 'BMJUA'; }
.event_donation .contents02 .tab_cont.tab1 .box_value2>small { margin-left:5px; font-size:55%; } 
.event_donation .contents02 .tab_cont.tab1 .btn_book { top:29.2%; right:68%; width:24%; height:35px; z-index:3; }
.event_donation .contents02 .tab_cont.tab1 .btn_donation { top:51.78%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:91%; height:8%; }
.event_donation .contents02 .tab_cont.tab1 .btn_donation.finish { display:block; top:52.2%; width:93%; height:auto; padding:5% 0; background:linear-gradient(to bottom,#848484,#565656); border-radius:10px; box-sizing:border-box; opacity:1; }
.event_donation .contents02 .tab_cont.tab1 .btn_donation.finish span { display:inline-block; font-family:'Noto Sans KR'; font-size:110%; font-weight:600; color:#fff; text-align:center; line-height:18px; }

.event_donation .contents02 .tab_cont.tab2 .box_value2 { position:absolute; top:20.65%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; min-width:125px; color:#fffe39; font-size:200%; line-height:50px; text-align:center; font-family: 'BMJUA'; }
.event_donation .contents02 .tab_cont.tab2 .box_value2>small { margin-left:5px; font-size:55%; } 
.event_donation .contents02 .tab_cont.tab2 .btn_book { top:30.59%; right:68%; width:24%; height:35px; z-index:3; }
.event_donation .contents02 .tab_cont.tab2 .btn_donation { top:27.93%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:91%; height:4.4%; }
.event_donation .contents02 .tab_cont.tab2 .btn_donation.finish { display:block; top:27.92%; width:93%; height:auto; padding:5% 0; background:linear-gradient(to bottom,#848484,#565656); border-radius:10px; box-sizing:border-box; opacity:1; }
.event_donation .contents02 .tab_cont.tab2 .btn_donation.finish span { display:inline-block; font-family:'Noto Sans KR'; font-size:110%; font-weight:600; color:#fff; text-align:center; line-height:18px; }

.popup_event_cert .popup_wrap .popup_desc { max-height:60vh; padding:0 5px; }
.popup_event_cert .img_product { display:block; width:100%; height:auto; margin-top:20px; }
.popup_event_cert .box_phone .cm_form_wrap { width:100%; height:auto; }
.popup_event_cert .box_phone .cm_form_wrap .cm_form.text01 { float:left; width:calc(100% - 90px); margin-right:15px; text-overflow:ellipsis; }
.popup_event_cert .box_phone .cm_form_wrap .cm_form.text01.confirm { padding-right:50px; }
.popup_event_cert .box_phone .cm_form_wrap .cm_btn_bg.gr_white { float:left; width:75px; height:45px; border-radius:5px; font-size:15px; font-weight:500; line-height:45px; }
.popup_event_cert .box_phone .cm_form_wrap .time { position:absolute; top:0; left:calc(100% - 130px); color:#999; font-size:15px; line-height:45px; }

.popup_event_donation .popup_wrap .popup_desc { max-height:60vh; padding:0 5px; }
.popup_event_donation .box_amount { overflow:hidden; }
.popup_event_donation .box_amount li span { display:block; float:left; width:144px; color:#777; font-size:15px; line-height:22px; }
.popup_event_donation .box_amount li span.value { float:right; width:calc(100% - 144px); color:#222; font-family:'BMJUA'; font-size:17px; text-align:right; }
.popup_event_donation .option_wrap { height:auto; overflow:hidden; }
.popup_event_donation .option_wrap p { float:left; color:#222; font-size:18px; line-height:26px; }
.popup_event_donation .option_wrap .amount_wrap { display:block; float:right; width:auto; min-width:80px; height:auto; background:#fff; overflow:hidden; }
.popup_event_donation .option_wrap .amount_wrap .btn_amount { float:left; width:30px; height:30px; border:1px solid #ddd; color:#222; font-size:14px; text-align:center; line-height:26px; box-sizing:border-box; }
.popup_event_donation .option_wrap .amount_wrap .btn_amount a { display:block; width:100%; height:100%;}
.popup_event_donation .option_wrap .amount_wrap .txt_count { float:left; min-width:30px; width:100px; height:30px; padding:0 5px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:17px; text-align:center; line-height:28px; box-sizing:border-box; }

.popup_book_info .popup_desc { max-height:60vh; padding:0 5px; } 
.popup_book_info .popup_desc .cm_txt.list_txt { padding-bottom:20px; border-bottom:1px solid #ddd; }
.popup_book_info .popup_desc .list_info { display:block; margin:5px 0 15px 0; }

.video { position:absolute; top:8%; left:6%; width:88.1%; height:8%; background-color:#fff; z-index:3; }
.point_donation_btn { display:block; position:absolute; width:50%; height:1.3%; margin: 25% 25% ; top:15.8%; border-radius:52.5px; z-index:5; }
.point_donation_btn.bottom_position { top:auto; left:-19.5%; bottom:5%; }


/* 품절멘토 패키지*/
.outofstock_wrap {position:relative; display:inline-block; width:100%; height:auto; overflow:hidden; font-size:100%}
.outofstock_wrap img { width:100%; height:auto; z-index:-1; }
.outofstock_btn{position:absolute; font-family:'BMDOHYEON';}
.outofstock_btn strong{color:#f7dd00;letter-spacing:1px;}
.outofstock_btn.top_btn{position:absolute; top:9%; left:17.7%; width:63.5%; height:1.68%; padding:1% 0 0 0; border:0; border-radius:17px; background-color:#c81b2b; color:#fff; font-size:100%; letter-spacing:0px;  box-shadow: 1px 4px 7px #010d30; box-sizing:border-box; }
.outofstock_btn.top_btn strong{font-weight:normal;}
.outofstock_btn.bottom_btn{width:100%; height:50px; padding-top:1%; border:0; background-color:#002a7c; color:#fff; font-size:100%; box-shadow:1px 4px 7px #c8c4c4; box-sizing:border-box;}
.outofstock_btn.completion{background-color:#000;}
.outofstock_list{position:absolute; bottom:13.5%; left:6.3%; width:87.5%; height:13.2%; padding:0; list-style:none; box-sizing:border-box;}
.outofstock_list li{position:relative; width:100%; border:3px solid #1d3b6f; border-bottom:0; box-sizing:border-box; background:#fff;}
.outofstock_list li:last-child{height:14.1%; border:0; }
.outofstock_list li img{width:100%; height:auto; }
.outofstock_list li .state{position:absolute; right:2%; top:26.5%; height:20px; padding:0 10px; line-height:22px; vertical-align:middle; border-radius:17px; background-color:#c81b2b; color:#fff; font-size:62%; font-weight:400; font-family:'BMJUA'; letter-spacing:1px; box-sizing:border-box; overflow:hidden;}
.outofstock_list li .state.end{background-color:#444;}
.outofstock_list li .state.schedule{background-color:#002a7c;}
@media only screen and (min-width:480px) {
    .outofstock_wrap { width:480px; height:100%; left:calc(50% - 240px); } 
}
@media only screen and (max-width:480px) {
    .outofstock_wrap { width:100%; left:50%; transform:translateX(-50%);}
    .outofstock_btn.top_btn {width:300px; left:calc(50% - 150px);}
    .outofstock_btn.bottom_btn {width:100%; }
}


/*2019-06-25 추천종목 리뉴얼 이벤트 - 여름맞이 이벤트*/
.stock_event_wrap{display:inline-block; width:100%; height:auto; font-family:'Noto Sans KR'; background-color:#fffcea;  font-size:85%; overflow:hidden;}
.stock_event_wrap .img_area{display:block; position:relative; width:100%; text-align:center; }
.stock_event_wrap .img_area a{display:block; position:absolute; width:63.8%; background:#000; opacity:0; z-index:1;}
.stock_event_wrap .img_area.img05 a{ width:44.6% !important; }
.stock_event_wrap .img_area img{ width:100%; height:100%; z-index:0;}

.stock_event_wrap .mento_name{display:inline-block; width:auto; height:20px; font-family: 'BMJUA'; }
.stock_event_wrap .mento_name .im{margin:-4px 4px 0 0; font-size:90%; vertical-align:middle;}
.stock_event_wrap .notice{ display:inline-block; width:100%;  margin-top:10px; color:#999; font-size:85%; font-weight:500; text-align:center; line-height:15px;}

.stock_event_wrap .top_ranking{ width:100%; height:230px; padding:0 15px; background-color:#fffcea;  box-sizing:border-box;}
.stock_event_wrap .top_ranking .ranking_cont{display:block; float:left; width:1390px; height:200px; overflow:hidden; } 
.stock_event_wrap .top_ranking .ranking_cont_list{display:inline-block; float:left; width:270px !important; height:197px; margin-right:10px; border-radius:10px; border:1px solid #ddd; background-color:#fff; text-align:center; overflow:hidden;}
.stock_event_wrap .top_ranking .ranking_cont_list:last-child{margin-right:0px;}
.stock_event_wrap .top_ranking .ranking_cont_list .ranking_label{ height:30px; border-bottom:1px solid #ddd;  background-color:#fff; color:#222; text-align:center;}
.stock_event_wrap .top_ranking .ranking_cont_list .ranking_label .mento_name{ font-size:95%; line-height:30px; letter-spacing:1px; }
.stock_event_wrap .top_ranking .ranking_cont_list .subscribe_info { height:167px; padding:12px 20px 0 20px;  border-top:0; box-sizing:border-box; white-space:nowrap;}
.stock_event_wrap .top_ranking .ranking_cont_list .subscribe_info .stock_tit{display:inline-block; width:100%; height:20px; color:#222; font-size:80%; font-weight:500; line-height:20px; text-overflow:ellipsis; overflow:hidden;}
.stock_event_wrap .top_ranking .ranking_cont_list .subscribe_info .info_article{ width:230px; height:60px; margin-top:10px; border:1px solid #ddd; border-top-left-radius:10px; border-top-right-radius:10px; box-sizing:border-box; overflow:hidden;}
.stock_event_wrap .top_ranking .ranking_cont_list .subscribe_info .info_article li{ float:left; width:114px; height:auto; margin-top:10px; box-sizing:border-box;}
.stock_event_wrap .top_ranking .ranking_cont_list .subscribe_info .info_article li:first-child{border-right:1px solid #ddd;}
.stock_event_wrap .top_ranking .ranking_cont_list .subscribe_info .info_article li .tit{ display:block; width:100%; height:18px; color:#777; font-size:80%; line-height:18px;}
.stock_event_wrap .top_ranking .ranking_cont_list .subscribe_info .info_article li .data{ display:block; width:100%; height:19px; margin-top:3px; color:#222; font-size:80%; line-height:19px;}
.stock_event_wrap .top_ranking .ranking_cont_list .subscribe_info .info_article li .data.colr_rd{color:#ee3128}
.stock_event_wrap .top_ranking .ranking_cont_list .subscribe_info .info_article li .data strong{ font-family:'Montserrat'; font-weight:600; font-size:130%; }
.stock_event_wrap .top_ranking .ranking_cont_list .subscribe_info .subscribe_btn{width:230px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; color:#9696b7; font-family:'Montserrat';}
.stock_event_wrap .top_ranking .ranking_cont_list .subscribe_info .subscribe_btn strong{ position:relative; margin-left:10px; color:#fff; font-size:100%; font-weight:500; }
.stock_event_wrap .top_ranking .ranking_cont_list .subscribe_info .subscribe_btn strong:before{content:''; display:block; position:absolute; top:52%; left:-80px; width:70px; height:1px; background-color:#9696b7;}

.stock_event_wrap .service_reply {  position:relative; height:300px; width:100%; background-color:#c2e3ef; box-sizing:border-box; }
.stock_event_wrap .service_reply .education_reviews_wrap { display:block; position:relative; width:calc(100% - 20px); margin:0 auto; height:300px; background-color:#fff; box-shadow: 0px 2px 2px #ccc; border-top:1px solid #f1f1f1; overflow:hidden;}
.stock_event_wrap .service_reply .education_reviews_wrap .slick-dots {position:absolute; bottom:0; left:0;}

.stock_event_wrap .service_reply .education_reviews_list { float:left; height:300px; padding:25px 15px;  box-sizing:border-box;}
.stock_event_wrap .service_reply::after { content:""; display:block; clear:both;}
.stock_event_wrap .education_reviews_list dl { overflow:hidden;}
.stock_event_wrap .education_reviews_list dt { position:relative; width:100%; height:65px; border-bottom:1px solid #ddd;}
.stock_event_wrap .education_reviews_list dt .reviews_list_tit{ height:25px; line-height:25px; font-size:95%; font-weight:500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; }
.stock_event_wrap .education_reviews_list dt .reviews_list_author { height:20px; line-height:20px; margin-top:5px; font-size:80%; font-weight:500; }
.stock_event_wrap .education_reviews_list dt .reviews_list_author .im { margin-bottom:1px; font-size:85%; vertical-align:middle;}
.stock_event_wrap .education_reviews_list dd { padding-top:15px; height:139px; font-size:80%; line-height:24px; overflow:hidden; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; word-wrap:break-word;}

.item_review { width:100%; text-align:center; overflow:hidden; }
.item_review .review_link li img { position:relative; display:inline-block; width:100%; z-index:0; }
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution: 320dpi), screen and (min-width:320px) {
    .item_review .review_link li img {display:inline-block; width:480px; 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) {
    .item_review .review_link li img {display:inline-block; width:100%; text-align:center;}}
.item_review .review_link li a { display:block; }

/*2019-08-14 초보투자 아카데미 이벤트*/
.event_edu_beginner_wrap{position:relative; left:50%; transform:translateX(-50%); width:100%; max-width:480px; height:auto; overflow:hidden;}
.event_edu_beginner_wrap .edu_beginner_bg{ width:100%; height:100%; z-index:0;}
.event_edu_beginner_wrap .edu_beginner_review{position:absolute; left:50%; transform:translateX(-50%); width:83%; height:3.9%; background-color:#000; opacity:0; }
.event_edu_beginner_wrap .edu_beginner_cont { position:relative; padding-bottom:7%; background:#d7d7ee; font-family:'Noto Sans KR'; }
.event_edu_beginner_wrap .edu_beginner_cont .beginner_cont { position:relative; left:50%; transform:translateX(-50%); width:75%; padding:5% 5% 0 5%; margin-bottom:3%; background-color:#fff; border-radius:30px; overflow:hidden; }
.event_edu_beginner_wrap .edu_beginner_cont .beginner_cont.vod { margin-bottom:0; padding:5% 5% 3% 5%; }
.event_edu_beginner_wrap .edu_beginner_cont .beginner_cont .stock_list_cont { border:0; margin-bottom:0; }
.event_edu_beginner_wrap .edu_beginner_cont .beginner_cont .stock_list_cont .list_vod { position:relative; background:#f4f4f4; }
.event_edu_beginner_wrap .edu_beginner_cont .beginner_cont .stock_list_cont .list_vod img { width:100%; height:100%; }
.event_edu_beginner_wrap .edu_beginner_cont .beginner_cont .stock_list_cont .list_article_info .title { line-height:30px; vertical-align:middle; font-size:90%; font-weight:bold; color:#222; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.event_edu_beginner_wrap .edu_beginner_cont .beginner_cont .stock_list_cont .list_article_info .mentor { line-height:30px; vertical-align:middle; font-family:'BMJUA'; font-size:87%; color:#ee8c01; }
.event_edu_beginner_wrap .edu_beginner_cont .beginner_cont .stock_list_cont .list_article_info .mentor i { margin-bottom:2px; font-size:90%; vertical-align:middle; }

.event_edu_beginner_wrap .edu_beginner_slide { display:block; position:relative; left:50%; bottom:18.7%; transform:translateX(-50%); width:100%; height:8.5% !important; box-sizing:border-box; overflow:hidden; text-align:center;}
.event_edu_beginner_wrap .edu_beginner_slide .slick-list { margin:0; }
.event_edu_beginner_wrap .edu_beginner_slide .slick-list.draggable{position:relative; height:100%; padding:0; margin:0;}
.event_edu_beginner_wrap .edu_beginner_slide .slick-list.draggable .slick-track{ height:100%;}
.event_edu_beginner_wrap .edu_beginner_slide .slick-dots{ display:inline-block; position:relative; width:100%; height:auto; padding:0; margin:4% 0 0 0; left:50%; transform:translateX(-50%); bottom:-5%; border:0; z-index:1001; line-height:8px; }
.event_edu_beginner_wrap .edu_beginner_slide .slick-dots > li{display:inline-block; width:auto; height:auto; margin:0 5px;}
.event_edu_beginner_wrap .edu_beginner_slide .slick-dots > li.slick-active button{background-color:#27488e; border:1px solid #27488e;}
.event_edu_beginner_wrap .edu_beginner_slide .slick-dots > li button{display:inline-block; width:15px; height:15px; border-radius:50%; background-color:#ddd; border:1px solid #ddd;}
.event_edu_beginner_wrap .edu_beginner_slide .slick-dots > li button:before{display:none;}

.event_edu_beginner_wrap .edu_beginner_slide .edu_beginner_slide_list{ display:block; float:left; width:100%; height:100%; box-sizing:border-box;}
.event_edu_beginner_wrap .edu_beginner_slide .edu_beginner_slide_list img{ display:block; width:100%; height:100% !important;}
.event_edu_beginner_wrap .edu_beginner_slide .edu_beginner_slide_list button.detail_btn{ width:100%; line-height:40px; margin-top:5px; border-radius:15px; background-image: -webkit-linear-gradient(top bottom, #2e2e72 0%, #222259 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#222259), to(#fff)); background-image: linear-gradient(to bottom,#2e2e72,#222259); background-color: #2e2e72; color:#fff; font-size:90%; font-family:NanumSquareRoundR; }

.event_edu_beginner_wrap .free_education{position:absolute; width:39.7%; height:22%; background-color:#000; opacity:0; }
.event_edu_beginner_wrap .free_education_btn{position:absolute; bottom:23.5%; left:50%; transform:translateX(-50%); width:83%; height:10%; background-color:#000; opacity:0; }
.event_edu_beginner_wrap .education_go{position:absolute; bottom:0; width:100%; height:19%; background-color:#000; opacity:0;}

/*이벤트_패키지*/
.event_package {position:relative; left:50%; transform:translateX(-50%); width:100%; max-width:480px; height:auto; overflow:hidden;}
.event_package .package_bg { width:100%; height:100%; z-index:0;}
.event_package .package_product {position:absolute; left:50%; transform:translateX(-50%); width:83%; height:3.9%; background-color:#000; opacity:0 ; }
.event_package .package_time {position:absolute; left:50%; transform:translateX(-50%); width:100%; height:4.35%; }
.event_package .package_time li:first-child { height:25%; padding:3% 0; font-family:'BMJUA'; font-size:105%; color:#fff; text-align:center; }
.event_package .package_time li span { color:#fc7e88; }
.event_package .package_time li i { margin-bottom:7px; font-size:90%; vertical-align:middle; }
.event_package .package_time li:last-child { height:35%; margin-top:15px; font-family:'BMDOHYEON'; color:#fff; text-align:center; }
.event_package .package_time li strong { font-size:140%; font-weight:500; }
.event_package .package_time li strong:first-child { color:#fc7e88; }
.event_package .package_time li strong small { font-size:50%; }

/*이벤트패키지(택1)*/
.event_package_pop { padding:15px; border:5px solid #000; border-radius:0; }
.event_package_pop h3 { display:block; margin:20px 0 5px 0; line-height:25px; vertical-align:middle; font-style:normal; font-family:'BMDOHYEON'; font-size:100%; color:#222; font-weight:500; text-align:left; }
.event_package_pop h3 i { margin-bottom:3px; font-size:100%; vertical-align:middle; }
.event_package_pop h3 span { color:#d23030; }
.event_package_pop .pop_choice_box { padding:12px 10px; margin:0; background:#f4f4f4; border-radius:20px; font-family:'Noto Sans KR'; font-size:15px; color:#777; }
.event_package_pop .pop_choice_box li:nth-child(2) { margin-top:10px; }
.event_package_pop .pop_choice_box h4 { margin-bottom:5px; line-height:25px; vertical-align:middle; font-weight:400; text-align:left; letter-spacing:-0.5px; }
.event_package_pop .pop_choice_box h4 span {color:#d23030;}
.event_package_pop .pop_choice_box a { display:block; height:40px; background:#fff; border-radius:10px; box-shadow:0 2px 3px #ddd; font-family:'BMJUA'; font-size:140%; color:#d74679; text-align:center; line-height:43px; }
.event_package_pop .pop_choice_box li:nth-child(2) a{ color:#8e6fde; }
.event_package_pop .pop_choice_box .on { background:linear-gradient(to left,#fd8087,#ee6495); color:#fff; }
.event_package_pop .pop_choice_box li:nth-child(2) .on { background:linear-gradient(to left,#df6ca1,#9994d8); color:#fff; }
.event_package_pop .noti_box { margin:15px 0; font-family:Dotum; font-size:11px; color:#888; text-align:left; }
.event_package_pop .noti_box b { display:block; font-weight:bold; color:#555; font-size:14px; line-height:30px; }
.event_package_pop .noti_box span { display:inline-block; line-height:20px; }
.event_package_pop .check_box { padding:10px; border:1px solid #eaeaea; border-radius:5px; line-height:25px; vertical-align:middle; font-family:'Noto Sans KR'; color:#222; font-size:14px; text-align:left; }
.event_package_pop .check_box input[type=checkbox] { width:18px; height:18px; margin:0 3px 3px 0; vertical-align:middle; }
.event_package_pop .product_but { display:block; height:50px; margin-top:15px; background:#000; font-family:'BMJUA'; font-size:28px; color:#fff; line-height:55px; vertical-align:middle; text-align:center; }

/* TV론칭 이벤트 */
.finup_ad { display:block; width:100%; padding:40px 10px; margin:0 auto; background:#1c1d30; box-sizing:border-box; font-family:"Montserrat", "Noto Sans KR"; }
.finup_ad .ad_tit { margin:40px 0 20px 0; color:#fff; font-size:130%; text-align:center; font-style:italic; font-weight:bold; }
.finup_ad .ad_tit:first-child { margin-top:0; }
.finup_ad .ad_tit .ad_sub { color:#9fa2c9; font-size:70%; font-weight:300; font-style:normal; }
.finup_ad .ad_tit .ad_sub b { font-weight:600; }
.finup_ad2 { padding:40px 20px; background:#31324b; color:#a5a8cd; font-size:80%; font-weight:400; font-family:"Montserrat", "Noto Sans KR"; text-align:center; line-height:32px; }
.finup_ad2 .ad2_txt { font-size:100%; font-weight:400; }
.finup_ad2 .ad2_txt b { font-weight:600; }
.finup_ad2 .ad2_txt.txt_white { margin-top:20px; color:#fff; }
.finup_ad2 .ad2_txt.sub_rise { margin-top:20px; font-size:130%; line-height:35px; font-weight:600; }
.finup_ad2 .sub2_tit { margin-top:20px; color:#fff; font-size:110%; line-height:35px; }

/* 핀업 스탁 사행시 이벤트 */
.event_fourpoem { display:block; position:relative; width:100%; max-width:480px; margin:0 auto 30px auto; font-family :"Montserrat", "Noto Sans KR"; font-size:100%;}
.event_fourpoem .contents { position:relative; width:100%; max-width:480px; margin:0 auto; text-align:center; overflow:hidden;}
.event_fourpoem .contents img { display:block; width:100%; z-index:1; }
.event_fourpoem .contents { position:relative; text-align:center; }
.event_fourpoem .contents .poem_txtarea { position:absolute; bottom:19.9%; left:22%; height:30px; margin-bottom:10px; border:0; background:0; color:#222; font-size:65%; font-weight:600; box-sizing:border-box; z-index:999; overflow:hidden; }
.event_fourpoem .contents .poem_txtarea.txt2 { bottom:16.3%; }
.event_fourpoem .contents .poem_txtarea.txt3 { bottom:12.7%; }
.event_fourpoem .contents .poem_txtarea.txt4 { bottom:9.1%; }
.event_fourpoem .contents input::placeholder { color:#999!important; }
.event_fourpoem .contents input::-webkit-input-placeholder { color:#999; }
.event_fourpoem .contents input:-mos-input-placeholder { color:#999; }
.event_fourpoem .contents .btn_poemjoin { display:block; position:absolute; bottom:4.9%; left:50%; transform:translateX(-50%); width:90%; z-index:3; }
.event_fourpoem .contents .btn_pclink { display:block; position:absolute; bottom:16.9%; left:50%; transform:translateX(-50%); width:80%; height:30px; background:#000; opacity:0; z-index:3; }
.event_fourpoem .contents .btn_pclink.link_2 { bottom:6.8%; }
.event_tit { font-family :"Montserrat", "Noto Sans KR";  }
.event_tit h3 { margin:0 15px 10px 10px; font-size:120%; font-weight:bold; }
.event_tit h3 .ctrl_btn { float:right; }
.event_tit .poem_noti { padding:20px 10px; margin-top:50px; background:#f8f8f8; }
.event_tit .poem_noti h2 { margin-bottom:10px; font-weight:bold; font-size:100%; }
.event_tit .poem_noti p { font-size:68%; line-height:23px; }

/*성향테스트 2020-01-31*/
.tendency_test_wrap { width:100%; height:100%; box-sizing:border-box; overflow:hidden; background:#f8f1f5;  }
.tendency_test_wrap .bn_contents { width:100%; height:auto; overflow:hidden; }
.tendency_test_wrap .bn_contents img { display:block; width:100%; height:auto; }
.tendency_test_wrap .bn_contents.level_test { position:relative; height:150px; background-color:#cfeafd; overflow:hidden; }
.tendency_test_wrap .bn_contents.level_test img{ position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:auto; height:150px; }
.tendency_test .btn_result, .tendency_test .btn_reset{ width:130px; height:30px; margin-top:20px; border:0; background:url(/images/sub/tendency_btn_reset.png) no-repeat; background-size:100%; color:#fff; font:normal 75%/28px 'Noto Sans KR'; cursor:pointer; }
.tendency_test .btn_reset { display:block; margin:0px auto 50px auto; background:url(/images/sub/tendency_btn_reset02.png) no-repeat; background-size:100%; }
.tendency_test .btn_reset .im{ margin:0px 5px 0 0; font-size:75%; vertical-align:middle; }

.tendency_test { display:none; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; height:auto; overflow:hidden;}
.tendency_test.on { display:block; }
.tendency_test.box_step01 img { display:block; width:100%; height:auto; margin:0 auto; }
.tendency_test.box_step01 .btn_start {  position:absolute; top:30.733%; left:8.055%; width:45.370%; height:4.802%; background-color:#000; opacity:0; z-index:2; }

.tendency_test .question_contents { position:relative; width:100%; height:auto; padding:0 20px 30px 20px; margin-top:72px; box-sizing:border-box; }

.tendency_test .question_contents .btn_arrow{ display:block !important; position:absolute; top:45%; /*width:30px; height:50px; padding:2px;*/ padding-top: 10px; border:0; background:transparent; color:#dd4564; text-align:center; box-sizing:border-box; z-index:1; }
.tendency_test .question_contents .btn_arrow.on{ display:none !important;}
.tendency_test .question_contents .btn_arrow.slick-disabled{ display:none !important;}
.tendency_test .question_contents .btn_arrow .im { font-size:150%; }
.tendency_test .question_contents .btn_arrow.btn_prev { left:10px; }
.tendency_test .question_contents .btn_arrow.btn_next { right:10px; color:#f0e0e9; }
.tendency_test .question_contents .btn_arrow.btn_next.activeted { color:#dd4564; }

.tendency_test .question_contents .num_list_wrap { position:absolute; top:-50px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; min-width:280px; height:43px; padding:10px; border-radius:10px; background:#f0e0e9; box-sizing:border-box; text-align:center; overflow:hidden; }
.tendency_test .question_contents .num_list_wrap li { position:relative; display:inline-block; width:23px; height:23px; margin-right:4px; margin-bottom:10px; border-radius:50%; text-align:center; overflow:hidden; }
.tendency_test .question_contents .num_list_wrap li:last-child { margin-right:0px; }
.tendency_test .question_contents .num_list_wrap li button { display:block; position:absolute; top:0; left:0; width:23px; height:23px; border:0; background:rgba(255,255,255,0.5); color:#777; font:normal 75%/23px 'Montserrat'; }
.tendency_test .question_contents .num_list_wrap li.slick-active button{ color:#fff; background:#dd4564; opacity:1; }

.tendency_test .question_contents .question_list_wrap { display:inline-block; width:100%; height:auto; padding: 35px 0px; border-radius:12px; background:#edcbdd; box-sizing:border-box; }
.tendency_test .question_contents .question_list_wrap .question_list { float:left; position:relative; width:100%; height:auto; padding:0 23px; font:normal 100% 'BMJUA';  text-align:center; }
.tendency_test .question_contents .question_list_wrap .question_list .tit { display:inline-block; width:100%; color:#222; margin-bottom:20px; }

.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap { width:100%; margin:0 auto; overflow:hidden; }
.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap .answer_list { width:calc(100% - 20px); margin:10px auto; }
.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap .answer_list input { display:none; }
.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap .answer_list input + label { display:block; position:relative; padding:12px 5px;  border:2px solid #f8f0f4; border-radius:16px; background:#f8f0f4; color:#999; font:100% 'BMJUA'; box-sizing:border-box; box-shadow:0px 2px 2px rgba(117, 117, 117, 0.1); }
.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap .answer_list input + label span { display:inline-block; }
.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap .answer_list input + label span.img_answer { opacity:0.5; }
.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap .answer_list input + label span.txt { margin-top:-2px; font:100%/22px 'BMJUA'; }
.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap .answer_list input:checked + label { border:2px solid #dd4564; color:#2e4138; box-shadow:0px 2px 2px rgba(166, 158, 141, 0.8); box-sizing:border-box; }
.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap .answer_list input:checked + label span.img_answer { opacity:1; }

.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap.num08 .answer_list { display:block; float:left; width:calc(50% - 5px); }
.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap.num08 .answer_list:nth-child(2n) { margin-left:10px; }
.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap.num08 .answer_list:nth-child(7) { margin-bottom: 0; }
.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap.num08 .answer_list:nth-child(8) { margin-bottom: 0;}
.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap.num08 .answer_list input + label { width:100%; height:119px; /*padding:19px 0;*/ line-height:18px;}
.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap.num08 .answer_list:nth-child(1) input + label { padding:20px 0 0 0;}
.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap.num08 .answer_list:nth-child(1) input + label { padding:20px 0 0 0;}
.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap.num08 .answer_list:nth-child(2) input + label { padding:20px 0 0 0;}
.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap.num08 .answer_list:nth-child(7) input + label { padding:20px 0 0 0;}
.tendency_test .question_contents .question_list_wrap .question_list .answer_list_wrap.num08 .answer_list input + label strong { display:inline-block; width:100%; margin-bottom:5px;}

.tendency_test .question_contents .question_list_wrap .question_list_05 .answer_list_wrap .answer_list { width:100%; margin:0px auto; }
.tendency_test .question_contents .question_list_wrap .question_list_05 .answer_list_wrap .answer_list:nth-child(2) { margin-top:10px; }
.tendency_test .question_contents .question_list_wrap .question_list_05 .answer_list_wrap .answer_list input + label { position:relative; width:100%; height:100px; padding:10px 0 5px 0; line-height:18px; word-break:keep-all; }
.tendency_test .question_contents .question_list_wrap .question_list_05 .answer_list_wrap .answer_list input + label span.img_answer { position:absolute; top:50%; left:calc(50% - 105px); transform:translateY(-50%); -webkit-transform:translateY(-50%); width:60px; height:60px; background-color:#3a7973; background:url('/images/sub/m_tendency_img.png') no-repeat 0 0; background-size:200%; overflow:hidden; }
.tendency_test .question_contents .question_list_wrap .question_list_05 .answer_list_wrap .answer_list:nth-child(2) input + label span.img_answer { background-position:-60px 0; }
.tendency_test .question_contents .question_list_wrap .question_list_05 .answer_list_wrap .answer_list input + label span.txt {  position:absolute; top:50%; left:calc(5% + 65px); transform:translateY(-50%); -webkit-transform:translateY(-50%); width:calc(100% - 90px); height:auto; font:100%/20px 'BMJUA'; overflow:hidden;}
.tendency_test .question_contents .question_list_wrap .question_list_05 .answer_list_wrap .answer_list input + label span.txt strong { display:inline-block; width:100%; margin-top:5px; font-weight:normal; }

.tendency_test .question_contents .question_list_wrap .question_list_06 .answer_list_wrap .answer_list{ position:relative; height:120px; margin-bottom:20px; }
.tendency_test .question_contents .question_list_wrap .question_list_06 .answer_list_wrap .answer_list input + label { position:absolute; bottom:0; width:100%; height:60px; padding:10px 0; line-height:18px; }
.tendency_test .question_contents .question_list_wrap .question_list_06 .answer_list_wrap .answer_list input + label span.img_answer{ position:absolute; top:-65px; left:0; width:100%; height:53px; background:url('/images/sub/m_tendency_img.png') no-repeat center -58px; background-size:116px; overflow:hidden; }
.tendency_test .question_contents .question_list_wrap .question_list_06 .answer_list_wrap .answer_list:nth-child(2) input + label span.img_answer{ background-position:center -113px; }

.tendency_test .question_contents .question_list_wrap .question_list_07 .answer_list_wrap input + label{ font:110% 'Noto Sans KR' }

.tendency_test .question_contents .question_list_wrap .question_list_11 .answer_list_wrap .answer_list{ position:relative; height:163px; margin-bottom:20px; }
.tendency_test .question_contents .question_list_wrap .question_list_11 .answer_list_wrap .answer_list:nth-child(2){ margin-bottom:0; }
.tendency_test .question_contents .question_list_wrap .question_list_11 .answer_list_wrap .answer_list input + label { position:absolute; width:100%; height:80px; padding:19px 0; margin-top:82px; line-height:18px; }
.tendency_test .question_contents .question_list_wrap .question_list_11 .answer_list_wrap .answer_list input + label span.img_answer{ position:absolute; top:-82px; left:0; width:100%; height:80px; background:url('/images/sub/m_tendency_img.png') no-repeat center -161px; background-size:117px; overflow:hidden; }
.tendency_test .question_contents .question_list_wrap .question_list_11 .answer_list_wrap .answer_list:nth-child(2) input + label span.img_answer{top:-81px; background-position:center -241px; }

.tendency_test .question_contents .question_list_wrap .question_list_14 .answer_list_wrap .answer_list input:checked + label strong { color:#dd4564; }

.tendency_test .list_tendency_wrap { width:100%; margin:24px auto 0 auto; }
.tendency_test .list_tendency_wrap .list_tendency { margin-top:34px; padding-bottom:23px; border-bottom:2px dashed #ddd; }
.tendency_test .list_tendency_wrap .list_tendency:last-child { padding-bottom:0; border:0; }
.tendency_test .list_tendency_wrap .list_tendency h3 { padding:0 10px; font:700 100%/20px 'Noto Sans KR';}
.tendency_test .list_tendency_wrap .mentor_info { position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:calc(100% - 20px); height:auto; padding:10px 20px; border-radius:10px 10px 0 0; background:#f8f8f8; box-sizing:border-box; }
.tendency_test .list_tendency_wrap .mentor_info .mentor_name { display:block; width:auto; font:normal 130% 'BMJUA'; }
.tendency_test .list_tendency_wrap .mentor_info .mentor_name .im { margin:0 4px 0 0; font-size:80%; vertical-align:middle; }
.tendency_test .list_tendency_wrap .mentor_info .mentor_name .cm_btn_interest { margin-left:5px; }
.tendency_test .list_tendency_wrap .mentor_info .mentor_slogan { display:block; width:calc(100% - 105px); margin-top:4px; font:normal 100%/18px 'Noto Sans KR'; }
.tendency_test .list_tendency_wrap .mentor_info.no_img .mentor_slogan { width:100%; }
.tendency_test .list_tendency_wrap .mentor_info .mentor_img { display:block; position:absolute; bottom:0; right:0; width:90px; height:90px; overflow:hidden; }
.tendency_test .list_tendency_wrap .mentor_info .mentor_img img { display:block; width:100%; height:100%; }

.tendency_test .list_tendency_wrap .cm_mentor_reason { width:calc(100% - 20px);  margin:0 auto; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.tendency_test .list_tendency_wrap .cm_mentor_reason .reason { background:transparent; border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }

.tendency_test .list_tendency_wrap .cm_present_info { position:relative; width:calc(100% - 20px); margin:0 auto; border:0; background:#f8f8f8; box-sizing:border-box; overflow:hidden; }
.tendency_test .list_tendency_wrap .cm_present_info .present_info { height:42px; }
.tendency_test .list_tendency_wrap .cm_present_info .present_info:nth-of-type(1) { width:23% }
.tendency_test .list_tendency_wrap .cm_present_info .present_info:nth-of-type(2) { position:relative; width:42%; text-align:center; }
.tendency_test .list_tendency_wrap .cm_present_info .present_info:nth-of-type(2) .cm_tendency { display:inline-block; float:none; margin:3px 0 0 0; padding:2px 8px 1px 8px !important; font-size:60%; line-height:15px; }
.tendency_test .list_tendency_wrap .cm_present_info .present_info:nth-of-type(3) { width:35%; }
.tendency_test .list_tendency_wrap .cm_present_info .present_info:nth-of-type(3) .im{ color:#fff; font-size:75% !important; margin:0 2px; letter-spacing:-5px; }

.tendency_test .list_tendency_wrap .cm_rader_wrap { width:calc(100% - 20px); margin:0 auto; border:0; background-color:transparent; }
.tendency_test .list_tendency_wrap .cm_rader_wrap  .btn_tooltip { top:20px; left:20px; width:20px; height:20px; color:#222; font-size:100%;}
.tendency_test .list_tendency_wrap .list_wrap  .list_cont.horizon04 { border:0; border-bottom:1px solid #ddd; }

/*레벨테스트*/
.level_test_bg{display:block; position:fixed; width:100%; height:100%; background-color:#cfeafd; z-index:-1;}
.level_test_wrap{ display:none; position:relative; width:100%; height:auto; padding:0 10px 30px 10px; background-color:#cfeafd; box-sizing:border-box; overflow:hidden;}
.level_test_wrap.on{display:block; text-align:center;}
.level_test_wrap .level_test_top { position:relative; max-width:480px; height:auto; margin:0 auto; box-sizing:border-box; }
.level_test_wrap .level_test_top .title_deco{display:block; position:absolute; height:21px; padding:0 8px; color:#000; font-size:60%; font-weight:700; line-height:18px; box-sizing:border-box; overflow:hidden; }
.level_test_wrap .level_test_top .title_deco.square{ top:0; left:0; border:1px solid #000;}
.level_test_wrap .level_test_top .title{display:inline-block; position:relative; padding-left:34px; margin-top:10px; color:#000; font-family:'BMJUA'; font-size:110%; letter-spacing:0; box-sizing:border-box;}
.level_test_wrap .level_test_top .title::before{ content:''; display:block; position:absolute; top:0; left:0; width:21px; height:23px; background:url('/images/sub/m_level_test_icon.png') no-repeat 0 -13px; overflow:hidden;}
.level_test_wrap .level_test_top .sub_title{ color:#222; font-size:70%; font-weight:500; line-height:17px;}
.level_test_wrap .level_test_cont{position:relative; max-width:480px; height:auto; margin:0 auto; z-index:6;}
.level_test_wrap .level_test_cont .btn_area{overflow:hidden;}
.level_test_wrap .level_test_cont .btn_area .btn_test{ position:absolute; top:calc(50% - 34%); left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:80%; height:5.3%; margin:0 auto; background-color:#000; opacity:0; overflow:hidden; cursor:pointer; }
.level_test_wrap .level_test_cont img { display:block; width:100%; max-width:480px; margin:0 auto; }

.level_test_wrap .level_test_cont .contents_area{ padding:16px; border:2px solid #000; background-color:#f8f8f8; box-sizing:border-box; }
.level_test_wrap .level_test_cont .contents_area .cont_title{ display:inline-block; width:100%; color:#000; font-family:'BMJUA';  font-size:95%; line-height:30px;}
.level_test_wrap .level_test_cont .contents_area .test_benefit{ display:block; width:100%; height:auto; margin-top:25px; text-align:center; overflow:hidden; }
.level_test_wrap .level_test_cont .contents_area .test_benefit .ic_benefit{display:inline-block; width:auto; height:28px; padding:0 10px; margin:0 auto; border-radius:15px; background-color:#000; color:#fff; font-family:'BMDOHYEON'; font-size:65%; line-height:31px; overflow:hidden;}
.level_test_wrap .level_test_cont .contents_area .test_benefit .benefit_tit{display:inline-block; width:100%; height:auto; margin-top:10px; color:#222; font-family:'BMJUA'; font-size:80%; line-height:24px; overflow:hidden;}
.level_test_wrap .level_test_cont .contents_area .test_benefit .benefit_tit small { display:inline-block; font-size:80%; color:#999; }
.level_test_wrap .level_test_cont .contents_area .test_benefit .benefit_img{ position:relative; width:100%; height:auto; margin:0 auto; margin-top:10px; box-sizing:border-box; overflow:hidden;}
.level_test_wrap .level_test_cont .contents_area .test_benefit .benefit_img img{ display:block; width:100%; height:auto;}
.level_test_wrap .level_test_cont .contents_area .test_benefit .benefit_img .stamp{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-10deg); padding:3px 20px; border:2px solid #000; border-radius:10px; background:rgba(000, 000, 000, 0.7); color:#fff; font-size:90%; font-family:'Montserrat'; font-weight:500; line-height:25px; letter-spacing:1px; overflow:hidden; }
.level_test_wrap .level_test_cont .contents_area .test_benefit.benefit_02 .benefit_img{width:210px; height:120px;}

.level_test_wrap .level_test_cont.paper{ position:relative; padding:15px 12px; border:2px solid #000; background-color:#f8f8f8; box-sizing:border-box; z-index:1; }
.level_test_wrap.step02 { position:relative; max-width:480px; height:auto; margin:0 auto; text-align:center; }
.level_test_wrap.step02 img { position:absolute; left:50%; top:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; }
.level_test_wrap.step02 .level_test_cont {margin-top:61%;}
.level_test_wrap.step02 .level_test_cont .navi_hiden_area{position:relative; width:116px; height:25px; margin:0 auto; overflow:hidden;}
.level_test_wrap.step02 .level_test_cont .navi_hiden_area .test_navi{position:absolute; left:0; width:500px; height:25px; }
.level_test_wrap.step02 .level_test_cont .test_navi .test_navi_list:first-child{margin-left:0;}
.level_test_wrap.step02 .level_test_cont .test_navi .test_navi_list{ float:left; width:32px; height:25px; margin-left:10px; border:1px solid #999; border-radius:5px; background-color:#ececec; color:#999;  font-family:'Montserrat'; font-weight:400; font-size:80%; line-height:22px; box-sizing:border-box;}
.level_test_wrap.step02 .level_test_cont .test_navi .test_navi_list.past{ position:relative; border:2px solid #ccc; color:#ccc; }
.level_test_wrap.step02 .level_test_cont .test_navi .test_navi_list.past::before{ content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:12px; height:10px; background:url('/images/sub/m_level_test_icon.png') no-repeat 0 0; }
.level_test_wrap.step02 .level_test_cont .test_navi .test_navi_list.now{ border:1px solid #222; background-color:#e5fd97; color:#26347c; font-size:85%; line-height:24px; }
.level_test_wrap.step02 .level_test_cont .test_area{ width:100%; height:auto; margin-top:8px; overflow:hidden;}
.level_test_wrap.step02 .level_test_cont .test_area .slick-list{ height:180px;}
.level_test_wrap.step02 .level_test_cont .test_area .slick-prev:before{ display:none;}
.level_test_wrap.step02 .level_test_cont .test_area .test_area_list{ float:left; width:100%; height:auto; overflow:hidden; }
.level_test_wrap.step02 .level_test_cont .test_area .test_num{display:block; position:relative; width:25px; height:25px; border:1px solid #222; color:#222; font-size:65%; font-family:'Montserrat'; font-weight:500; line-height:25px; box-sizing:border-box; }
.level_test_wrap.step02 .level_test_cont .test_area .test_num:before{content:''; display:block; position:absolute; top:50%; left:35px; transform:translateY(-50%); width:280px; height:2px; background-color:#222;  }
.level_test_wrap.step02 .level_test_cont .test_area .test_question{ display:inline-block; padding:0 20px; margin-top:7px; font-size:80%; font-weight:500; font-family:'Noto Sans KR'; box-sizing:border-box; overflow:hidden;}
.level_test_wrap.step02 .level_test_cont .test_area .test_question strong{ display:inline-block; margin:-1px 5px 0 0; color:#26347c; font-family:'BMJUA'; vertical-align:middle; }
.level_test_wrap.step02 .level_test_cont .test_area .test_btn_wrap{ width:240px; height:50px; margin:0 auto; margin-top:18px; overflow:hidden;}
.level_test_wrap.step02 .level_test_cont .test_area .test_btn_wrap .btn_list{ float:left; width:70px; height:50px; margin-left:15px; overflow:hidden; }
.level_test_wrap.step02 .level_test_cont .test_area .test_btn_wrap .btn_list:first-child{margin-left:0;}
.level_test_wrap.step02 .level_test_cont .test_area .test_btn_wrap .btn_list input[type=radio] {display:none;}
.level_test_wrap.step02 .level_test_cont .test_area .test_btn_wrap .btn_list input[type=radio] label{box-sizing:border-box; overflow:hidden;}
.level_test_wrap.step02 .level_test_cont .test_area .test_btn_wrap .btn_list input[type=radio] + label.radio_btn{display:block; width:100%; height:100%; border-radius:10px; border:2px solid #ddd; background-color:#ececec; color:#999; font-size:150%; font-family:'Noto Sans KR'; font-weight:700; line-height:46px; box-sizing:border-box; overflow:hidden; cursor:pointer;}
.level_test_wrap.step02 .level_test_cont .test_area .test_btn_wrap .btn_list input[type=radio] + label.radio_btn.btn_pass{border:0; background-color:transparent; color:#444; font-size:60%; font-weight:500; line-height:15px;}
.level_test_wrap.step02 .level_test_cont .test_area .test_btn_wrap .btn_list input[type=radio] + label.radio_btn.btn_pass span{ display:inline-block; height:33px; margin-top:10px; overflow:hidden; }
.level_test_wrap.step02 .level_test_cont .test_area .test_btn_wrap .btn_list input[type=radio] + label.radio_btn.btn_pass strong{font-size:145%; font-weight:600; }
.level_test_wrap.step02 .level_test_cont .test_area .test_btn_wrap .btn_list input[type=radio]:checked + label.radio_btn{border:2px solid #26347c; background-color:#fff; color:#26347c;}
.level_test_wrap.step02 .level_test_cont .test_area .test_btn_wrap .btn_list input[type=radio]:checked + label.radio_btn.btn_pass{border:0; background-color:transparent; color:#26347c;}
.level_test_wrap.step02 .level_test_cont .test_area .test_btn { width:90%; height:30px; margin-top:20px; border:1px solid #e7e7e7; border-radius:5px; background-color:#edfeb6; color:#c2c3c9; font-size:75%; font-family:'BMJUA'; font-weight:600; line-height:30px; vertical-align:middle; overflow:hidden; cursor:not-allowed; }
.level_test_wrap.step02 .level_test_cont .test_area .test_btn .im { margin:0 0 0 5px; font-size:90%; vertical-align:middle; }
.level_test_wrap.step02 .level_test_cont .test_area .test_btn.activeted { border:1px solid #222; background-color:#e5fd97; color:#26347c; cursor:pointer; }
.level_test_wrap.step02 .level_test_cont .test_area .test_area_list:last-child .test_btn.btn_finish { border:1px solid #e7e7e7; background-color:#edfeb6; color:#c2c3c9; cursor:not-allowed; }
.level_test_wrap.step02 .level_test_cont .test_area .test_area_list:last-child .test_btn.activeted { border:1px solid #222; background-color:#e5fd97; color:#26347c; cursor:pointer; }

.level_test_wrap.step03 .level_test_top img { position:absolute; left:50%; top:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%; }
.level_test_wrap.step03 .level_test_top .btn_area { overflow:hidden; }
.level_test_wrap.step03 .level_test_top .btn_area .btn_answer{ position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:40%; height:35px; margin:0 auto; margin-top:53.2%; background-color:#000; opacity:0; overflow:hidden; cursor:pointer; z-index:5; }
.level_test_wrap.step03 .level_test_top .title{margin-top:0;}
.level_test_wrap.step03 .level_test_top .sub_title{margin-top:10px;}
.level_test_wrap.step03 .level_test_cont { margin-top:70.5%; }
.level_test_wrap.step03 .level_test_cont .contents_area{padding:15px 18px 20px 18px;}
.level_test_wrap.step03 .level_test_cont .contents_area .cont_title strong{ color:#26347c; font-weight:500;}
.level_test_wrap.step03 .level_test_cont .contents_area .cont_title.sub{ margin-top:14px; color:#222; font-family:'Noto Sans KR'; font-size:80%; font-weight:500; line-height:20px;}
.level_test_wrap.step03 .level_test_cont .contents_area .cont_title.sub strong{ display:inline-block; color:#713bf4; font-family:'BMJUA'; font-weight:600;}
.level_test_wrap.step03 .level_test_cont .contents_area .cont_title.sub small { display:inline-block; color:#999; }
.level_test_wrap.step03 .level_test_cont .contents_area .test_result{ position:relative; padding-bottom:20px; border-bottom:2px dashed #626262; box-sizing:border-box; overflow:hidden;}
.level_test_wrap.step03 .level_test_cont .contents_area .test_result .score_bar_area{height:68px; overflow:hidden;}
.level_test_wrap.step03 .level_test_cont .contents_area .test_result .test_score{ display:inline-block; position:absolute; top:0; left:30%; width:40px; height:15px; color:#222; font-size:78%; font-family:'BMJUA'; box-sizing:border-box;}
.level_test_wrap.step03 .level_test_cont .contents_area .test_result .test_score strong{ color:#000;}
.level_test_wrap.step03 .level_test_cont .contents_area .test_result .test_score::before{ content:''; display:block; position:absolute; top:20px; left:50%; transform:translateX(-50%); width:10px; height:9px; background:url('/images/sub/m_level_test_icon.png') no-repeat -15px 0 ; overflow:hidden; }

.level_test_wrap.step03 .level_test_cont .contents_area .test_result .test_score.right_align{ display:inline-block; width:45px !important; left:auto; right:0; text-align:right;}
.level_test_wrap.step03 .level_test_cont .contents_area .test_result .test_score.right_align::before{ left:auto; right:-5px; }
.level_test_wrap.step03 .level_test_cont .contents_area .test_result .test_score.left_align{display:inline-block; width:36px !important; text-align:left; }
.level_test_wrap.step03 .level_test_cont .contents_area .test_result .test_score.left_align::before{left:5px; right:auto; }
.level_test_wrap.step03 .level_test_cont .contents_area .test_result .test_score_bar{ width:calc(100% - 7px); height:15px; margin:0 auto; margin-top:30px; border-radius:5px; background:#ddd; overflow:hidden; }
.level_test_wrap.step03 .level_test_cont .contents_area .test_result .test_score_bar .score_bar{ width:0; height:100%; border-radius:0 15px 15px 0; background-color:#26347c; }
.level_test_wrap.step03 .level_test_cont .contents_area .test_result .bar_score{ display:inline-block; float:left; margin-top:9px; color:#222; font-size:65%; font-family:'BMJUA';}
.level_test_wrap.step03 .level_test_cont .contents_area .test_result .bar_score.max{float:right;}
.level_test_wrap.step03 .level_test_cont .contents_area .test_result_article{ display:inline-block; width:100%; height:auto; margin-top:10px; border-radius:5px; background-color:#eee; padding:16px 20px 14px 20px; font-size:85%; font-family:'BMJUA'; text-align:center; line-height:18px; box-sizing:border-box; overflow:hidden; }
.level_test_wrap.step03 .level_test_cont .contents_area .test_result_article strong{ margin:0 5px; color:#f47626; font-size:110%; font-weight:500;}

.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend{ position:relative; padding-top:15px; box-sizing:border-box; }
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .cont_title{font-size:85%;}
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu{width:100%; height:200px; margin-top:18px; overflow:hidden;}
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .slick-dots{display:inline-block; margin-top:15px; border:0;}
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .slick-dots li{ display:inline-block; width:10px; height:10px; margin:0 3px; border-radius:50%; overflow:hidden;}
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .slick-dots li.slick-active{ animation-name: m_levelTest_dots; animation-duration: 0.1s; animation-fill-mode:forwards; }
@keyframes m_levelTest_dots {
from{width:10px; border-radius:50%;}
to{  width:30px; border-radius:13px; }
}

.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .slick-dots li.slick-active button{ background-color:#26347c; }
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .slick-dots li button{ display:block; width:100%; height:100%; border:0; background-color:#ddd;}
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .slick-dots li button::before{content:' '; display:none;}

.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .recomend_edu_list{ float:left; width:182px; height:150px; padding:15px; margin-left:16px; border-radius:10px; background-color:#fff; box-sizing:border-box; overflow:hidden;}
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .recomend_edu_list:first-child{ margin-left:0;}
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .recomend_edu_list .edu_cate{ display:inline-block; width:100%; height:16px; font-size:75%; font-family:'Noto Sans KR'; font-weight:700; line-height:15px; overflow:hidden; }
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .recomend_edu_list .eud_thm{position:relative; width:100%; height:87px; margin-top:0; overflow:hidden;}
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .recomend_edu_list .eud_thm.stock_thm { display:table; line-height:87px; padding:12px; border:1px solid #ddd; background:#e3e1f0; box-sizing:border-box; overflow:hidden; }
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .recomend_edu_list .eud_thm.stock_thm.live_thm { display:table; padding:5px 10px; background:#feebd3; }
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .recomend_edu_list .eud_thm.stock_thm .thm_wrap { display:table-cell; line-height:normal; vertical-align:middle; }
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .recomend_edu_list .eud_thm.stock_thm .thm_wrap .tit_thm { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; color:#262961; font-size:65%; font-weight:bold; overflow:hidden; }
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .recomend_edu_list .eud_thm.stock_thm .thm_wrap .tit_thm.txt_font { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden; color:#222; }
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .recomend_edu_list .eud_thm.stock_thm .thm_wrap .txt_thm { margin-top:5px; line-height:15px; font-size:55%; opacity:0.6; }
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .recomend_edu_list .eud_thm img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; }
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .recomend_edu_list .edu_info_area { padding: 0 3px; margin-top:5px; color:#000; font-size:65%; font-family:'BMJUA'; font-weight:600; box-sizing:border-box; }
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .recomend_edu_list .edu_info_area .mentor{ float:left;}
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .recomend_edu_list .edu_info_area .mentor .im{ margin:0 5px 0 0; font-size:95%; vertical-align:middle;}
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .recomend_edu_list .edu_info_area .satisfaction_per{ float:right; color:#777;}
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .recomend_edu .recomend_edu_list .edu_info_area .satisfaction_per .im{ margin:-1px 5px 0 0; font-size:80%; vertical-align:middle;}

.level_test_wrap.step03 .level_test_cont .contents_area .notice_txt{ display:inline-block; margin-top:15px; color:#713bf4; font-size:75%; font-family:'Noto Sans KR'; }
.level_test_wrap.step03 .level_test_cont .contents_area .discount_coupon{ display:block; width:240px; height:auto; margin:0 auto; margin-top:18px; overflow:hidden;}
.level_test_wrap.step03 .level_test_cont .contents_area .discount_coupon img{width:100%; height:100%;}
.level_test_wrap.step03 .level_test_cont .contents_area .coupon_info{display:block; width:100%; padding:10px; margin:0 auto; margin-top:15px; border-radius:15px; background-color:#eee; color:#777; font-size:70%; line-height:20px; text-align:center; box-sizing:border-box; }

.level_test_wrap.step03 .level_test_cont .contents_area.coupon_area{ margin-top:30px;}
.level_test_wrap.step03 .level_test_cont .test_btn{width:100%; height:40px; margin-top:20px; border:1px solid #222; border-radius:5px; background-color:#e5fd97; color:#26347c; font-size:100%; font-family:'BMJUA'; font-weight:600; cursor:pointer; }
.level_test_wrap.step03 .level_test_cont .test_btn .im{ margin:-1px 0 0 5px; font-size:90%; vertical-align:middle;}
.level_test_wrap.step03 .level_test_cont .banner_area{ width:100%; height:auto; margin-top:20px; border-radius:12px; overflow:hidden; cursor:pointer;}
.level_test_wrap.step03 .level_test_cont .banner_area img{ width:100%; height:100%;}


.popup_result .test_answer_wrap{ width:100%; height:330px; padding:0 10px; margin-top:5px; text-align:center; box-sizing:border-box; overflow-y:scroll;}
.popup_result .test_answer_wrap .test_answer_list{ width:100%; height:auto; padding:10px 0; border-bottom:1px dashed #ddd; overflow:hidden;}
.popup_result .test_answer_wrap .test_answer_list:last-child{border-bottom:0; }
.popup_result .test_answer_wrap .test_answer_list .test_num{ display:inline-block; width:20px; height:20px; border:1px solid #000; color:#000; font-size:70%; font-family:'Montserrat'; font-weight:600; line-height:22px; overflow:hidden; }
.popup_result .test_answer_wrap .test_answer_list .test_question{display:block; min-height:23px; margin-top:8px; font-size:75%; font-family:'Noto Sans KR'; font-weight:500; line-height:23px; overflow:hidden; }
.popup_result .test_answer_wrap .test_answer_list .test_question strong{ position:relative; margin:-5px 10px 0 4px; font-family:'BMDOHYEON'; vertical-align:middle;}
.popup_result .test_answer_wrap .test_answer_list .test_question strong.correct::before{ content:''; display:block; position:absolute; top:50%; left:55%; transform:translate(-50%, -50%); width:16px; height:16px; background:url('/images/sub/m_level_test_icon.png') no-repeat 0 -38px; overflow:hidden;}
.popup_result .test_answer_wrap .test_answer_list .test_question strong.incorrect::before{ content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:16px; height:16px; background:url('/images/sub/m_level_test_icon.png') no-repeat -16px -38px; overflow:hidden;}

.popup_result .test_answer_wrap .test_answer_list .test_btn_wrap {width:177px; height:47px; margin:0 auto; margin-top:13px; overflow:hidden;}
.popup_result .test_answer_wrap .test_answer_list .test_btn_wrap .test_btn_list{float:left; position:relative; width:47px; height:37px; margin-top:10px; border:2px solid #ddd; border-radius:10px; color:#777; font-size:90%; font-family:'Noto Sans KR'; font-weight:600; line-height:34px; box-sizing:border-box;}
.popup_result .test_answer_wrap .test_answer_list .test_btn_wrap .test_btn_list:first-child{ margin-right:15px;}
.popup_result .test_answer_wrap .test_answer_list .test_btn_wrap .test_btn_list:last-child{ width:57px; margin-left:8px; border:0; background-color:transparent; color:#444; font-size:60%; font-weight:500; line-height:15px;}
.popup_result .test_answer_wrap .test_answer_list .test_btn_wrap .test_btn_list:last-child span{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:inline-block; width:47px; height:auto; padding-top:0; box-sizing:border-box; text-align:center; overflow:hidden;}
.popup_result .test_answer_wrap .test_answer_list .test_btn_wrap .test_btn_list:last-child span strong{font-size:150%; font-weight:600; }

.popup_result .test_answer_wrap .test_answer_list .test_btn_wrap .test_btn_list.choice{ border:2px solid #f47626; color:#f47626;}
.popup_result .test_answer_wrap .test_answer_list .test_btn_wrap .test_btn_list.correct{ border:2px solid #ee3128; color:#ee3128;}
.popup_result .test_answer_wrap .test_answer_list .test_btn_wrap .test_btn_list.correct::before{ content:'정답'; display:inline-block; position:absolute; top:-10px; left:53%; transform:translateX(-50%); min-width:30px; height:18px; border-radius:9px; background-color:#ee3128; color:#fff; font-size:60%; font-family:'Noto Sans KR'; font-weight:600; line-height:16px; box-sizing:border-box; overflow:hidden;}
.popup_result .test_answer_wrap .test_answer_list .test_btn_wrap .test_btn_list.correct.choice{border:2px solid #f47626; color:#f47626;}
.popup_result .test_answer_wrap .test_answer_list .test_btn_wrap .test_btn_list.correct.choice::before{ content:'정답'; display:inline-block; position:absolute; top:-10px; left:53%; transform:translateX(-50%); min-width:30px; height:18px;  border-radius:9px; background-color:#f47626; color:#fff; font-size:60%; font-family:'Noto Sans KR'; font-weight:600; line-height:16px; box-sizing:border-box; overflow:hidden;}
.popup_result .test_answer_wrap .test_answer_list .test_btn_wrap .test_btn_list:last-child.choice{border:0;}
.popup_result .test_answer_wrap .test_answer_list .answer_info{ width:100%; height:auto; margin-top:15px; padding:15px 20px; background-color:#f2f4f7; color:#777; font-family:'Noto Sans KR'; font-size:65%; font-weight:500; box-sizing:border-box; line-height:18px;}

/*이벤트*/
.event_month_wrap { position:relative; left:50%; transform:translateX(-50%); width:100%; max-width:480px; height:auto;  }
.event_month_wrap img { display:block; position:relative; top:0; left:50%; transform:translateX(-50%); width:100%; z-index:1;}
.event_month { position:relative; width:100%; height:auto; overflow:hidden; }
.event_month a { display:block; position:absolute; background-color:#222; opacity:0; z-index:2;}
.event_month img { display:block; position:relative; top:0; left:50%; transform:translateX(-50%); width:100%; z-index:1;}
.event_month.top { background-color:#e0c0a0; text-align:center; }

.event_month.timer{display:block; position:relative; padding:10px 0; background-color:#222; color:#fff; text-align:center; font-family:'BMDOHYEON'; overflow:hidden;}
.event_month.timer .timer_tit{display:block; width:100%; margin-top:10px; line-height:20px; font-size:95%; font-family:'BMJUA';  text-align:center; }
.event_month.timer .timer_tit .im{ margin:-3px 5px 0 0; font-size:100%; vertical-align:middle; }
.event_month.timer .timer_tit strong{ color:#4e361f; font-size:110%; }

.event_month.timer .counter{ display:inline-block; width:45px; height:36px; margin-top:9px; border-radius:8px; background-color:#fff; color:#000022; font-family:'BMDOHYEON'; font-weight:500; font-size:60%; line-height:40px; overflow:hidden;}
.event_month.timer .counter strong{ font-size:160%; font-weight:500; }
.event_month.timer .counter.timer_day{color:#970000;}
.event_month.timer .counter.timer_hour{margin-left:17px;}
.event_month.timer .counter.timer_minu{margin-left:17px;}
.event_month.timer .counter.timer_sec{margin-left:17px;}
.event_month.timer .counter.timer_hour:before{display:block; position:absolute; height:36px; margin-top:5px; margin-left:-15px; content:','; color:#4e361f; font-size:150%; }
.event_month.timer .counter.timer_minu:before{display:block; position:absolute; height:36px; margin-left:-15px; content:':'; color:#fff; font-size:150%; }
.event_month.timer .counter.timer_sec:before{display:block; position:absolute; height:36px; margin-left:-15px; content:':'; color:#fff; font-size:150%; }

.event_month .btn_wrap { position:absolute; top:0; left:50%; transform:translateX(-50%); width:88.8%; z-index:2; }
.event_month .btn_wrap a { position:relative; top:14.2%; width:100%; height:6.95%; opacity:0; z-index:3; }
.event_month .btn_wrap a.finish { background:#848484; background:linear-gradient(to bottom,#848484,#565656); font-family:'BMJUA'; text-align:center; opacity:1; }
.event_month .btn_wrap a.subscribe { background:#ed6d08; background:linear-gradient(to bottom,#ed6d08,#e93f35); font-family:'BMJUA'; text-align:center; opacity:1; }
.event_month .btn_wrap a span { display:block; position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#fff; font-size:120%; }
.event_month .btn_wrap a.list_btn { left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:87.8%; height:4.9%; border-radius:8px; font-family:'Noto Sans KR'; font-size:70%; }
.event_month .btn_wrap a.list_btn span { top:50%; }
.event_month .btn_wrap a.detail_btn { position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:87.8%; height:12.5%; opacity:0; }

.event_month .market_check { position:absolute; left:12%; width:17px; height:17px; background:#fff; z-index:3; }
.event_month .btn_wrap a.market_btn { display:block; position:absolute; top:18%; left:59%; width:13%; height:25%; background:#000; z-index:5; }

.event_month .btn_wrap.style01 { position:absolute; top:0; left:50%; transform:translateX(-50%); width:88.8%; z-index:2; }
.event_month .btn_wrap.style01 a.list_btn { width:21.87%; left:68.85%; transform:none; }
.event_month .btn_wrap.style01 a.list_btn span { font-size:100%; line-height:17px; }
.event_month .btn_wrap.style01 a.detail_btn { width:55%; left:10.5%; transform:none; }

/* 브랜드 검색 랜딩페이지 */
.event_month .pointer { display:block; position:absolute; top:13.1%!important; left:77%; width:43px; height:50px!important; z-index:3; }
.event_month .br_search a { display:block; position:absolute; left:15.4%; width:69.4%; height:3%; border-radius:50px; z-index:2; opacity:0; }
.event_month .br_search a:nth-of-type(1) { top:12.3%; }
.event_month .br_search a:nth-of-type(2) { top:93.3%; }
.event_month .con_review li { display:block; position:absolute; height:9.0%; font:600 100%/25px 'Noto Sans KR'; text-align:center; z-index:2; }
.event_month .con_review li:nth-of-type(1) { top:72.1%; left:4.1%; width:52.7%; }
.event_month .con_review li:nth-of-type(2) { top:72.1%; left:59.8%; width:36.1%; }
.event_month .con_review li:nth-of-type(3) { top:81.9%; left:4.1%; width:36.1%; }
.event_month .con_review li:nth-of-type(4) { top:81.9%; left:43.1%; width:52.7%; }
.event_month .con_review li a { display:block; width:100%; height:100%; background-color:transparent; opacity:1; }
.event_month .con_review li span { display:-webkit-box; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:100%; max-height:110px;  padding:0 25px; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden; }
.blinking { -webkit-animation:blink 0.5s ease-in-out infinite alternate; -moz-animation:blink 0.5s ease-in-out infinite alternate; animation:blink 0.5s ease-in-out infinite alternate; }
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* DB수집랜딩 */
.dbcollect_wrap { max-width:480px; margin:0 auto; overflow:hidden; }
.dbcollect_wrap .box_cont { position:relative; width:100%; max-width:480px; padding:0 15px; margin:8% auto; overflow:hidden; z-index:1; }
.dbcollect_wrap .box_form { width:100%; padding:40px 25px; margin:0 auto; border-top:1px solid #ddd; overflow:hidden; box-sizing:border-box; z-index:1; }
.dbcollect_wrap .box_form .box_input .text01 { display:block; float:left; height:45px; border:1px solid #ddd; background:#fff;}
.dbcollect_wrap .box_form .box_input .text01 .wide { width:100%;}
.dbcollect_wrap .box_form .box_input .time { position:absolute;right:105px;top:0;color:#999;font-size:95%;line-height:45px;}
.dbcollect_wrap .box_form .box_input .btn_check { display:block; float:left; width:75px; height:45px; margin-left:15px; border-radius:5px; font-weight:500; font-size:95%; }
.dbcollect_wrap .box_form .box_input .box_certify { position: relative; width: 100%; overflow: hidden;}
.dbcollect_wrap .box_form .box_input .txt_warning { display:block; float:left; margin-bottom:10px; color:#e8373d; font-size:75%; line-height:20px;}
.dbcollect_wrap .box_form .box_input .cm_btn_bg.black {display: block; width: 100%; height: 45px; margin-bottom: 30px; font-weight: 500; font-size: 95%; line-height: 45px; text-align: center;}
.dbcollect_wrap img { display:block; width:100%; height:auto; z-index:0; }
.dbcollect_wrap .cm_tit { display:block; font-size:120%; line-height:19px; }

.dbcollect_wrap .join_contents { position:relative; left:50%; width:100%; padding:0; margin:0 auto; transform: translateX(-50%); margin:0 auto; overflow:hidden; }
.dbcollect_wrap .join_contents .list_wrap { position:absolute; bottom:3.87%; width:100%; height:auto; padding:0 10px; overflow:visible; }
.dbcollect_wrap .join_contents .list_cont.vertical04 { float:left; position:relative; height:auto; padding:2px; margin-left:10px; border:0; background:#ff7800; background:-webkit-linear-gradient( to right bottom, #ffca97 1%,#ff7800 100%); background:linear-gradient(to bottom right, #ffca97 1%,#ff7800 100%); overflow:visible; }
.dbcollect_wrap .join_contents .list_cont.vertical04 > div { width:100%; height:auto; padding:30px 13px 25px 13px; background:#fff; }
.dbcollect_wrap .join_contents .list_cont.vertical04 .date { position:absolute; top:10px; right:10px; color:#ff7d00; font-weight:700; font-size:80%; line-height:13px; }
.dbcollect_wrap .join_contents .list_cont.vertical04 .box_info { border-radius:15px; }
.dbcollect_wrap .join_contents .list_cont.vertical04 .cm_info_desc { width:100%; height:auto; border-radius:0; background:none; }
.dbcollect_wrap .join_contents .list_cont.vertical04 .cm_info_desc .tit { width:100px; }
.dbcollect_wrap .join_contents .list_cont.vertical04 .cm_info_desc .txt { width:calc(100% - 110px); margin:2px 0 0 10px; line-height:21px; }
.dbcollect_wrap .join_contents .list_cont.vertical04 .label { display:block; position:absolute; bottom:-25px; right:5px; transform:rotate(-7deg); width:102px; height:36px; color:#fff; font:normal 140%/39px 'BMJUA'; background:#f52322; background:-webkit-linear-gradient( to left top, #f52322 1%,#ff5130  100%); background:linear-gradient(to top right, #f52322 1%,#ff5130 100%); text-align:center; overflow:hidden; }

.dbcollect_wrap .contents01 span { display:inline-block; vertical-align:middle; }
.dbcollect_wrap .contents01 .tit { margin-right:10px; font-weight:700; font-size:90%;line-height:25px; }
.dbcollect_wrap .contents01 .box_date { width:auto; height:25px; padding:0 13px; border-radius:12px; background:#2a2a2a; color:#fff; font-size:95%; font-family:'BMJUA'; line-height:25px; overflow:hidden; }
.dbcollect_wrap .contents01 .box_date strong { margin-right:7px; color:#d673ff; vertical-align:middle; animation:dbtxt 1s 0s infinite linear; -webkit-animation:dbtxt 1s 0s infinite linear; }
.dbcollect_wrap .contents01 a { position:absolute; bottom:0; left:0; width:100%; height:14%; background:#222; overflow:hidden; z-index:1; opacity:0; }

@keyframes dbtxt{
    0% { opacity:1; }
    20% { opacity:0; }
    35% { opacity:1; }
}
.dbcollect_wrap .box_mentor {position:absolute; left:50%; top:40%; transform:translateX(-50%); width:100%; overflow:hidden; z-index:1; }
.dbcollect_wrap .box_mentor .list_wrap { padding:0; margin:20px 0 0 25px; }
.dbcollect_wrap .box_mentor .list_cont.vertical04 { float:left; height:177px; margin-left:10px; background:#fff; }
.dbcollect_wrap .box_mentor .list_cont.vertical04 .cm_subtit { padding:0 10px; }
.dbcollect_wrap .box_mentor .list_cont.vertical04 .cm_tit .cm_btn_line { float:right; width:120px; height:28px; font-size:70%; line-height:26px; text-align:center; overflow:hidden; }
.dbcollect_wrap .box_mentor .list_cont.vertical04 .cm_txt { padding:0 15px; margin-top:5px; color:#777; font-size:90%; }
.dbcollect_wrap .box_mentor .list_cont.vertical04 .box_noti { padding:0 15px; margin-top:30px; margin-bottom:20px; }
.dbcollect_wrap .box_mentor .list_cont.vertical04 .box_noti .cm_subtit { padding:0; margin-bottom:10px; }
.dbcollect_wrap .box_mentor .list_cont.vertical04 .box_noti .cm_smtxt { color:#777; line-height:20px; }
.dbcollect_wrap .box_mentor .list_cont.vertical04 .cm_mentor_name { display:block; }
.dbcollect_wrap .box_mentor .list_cont.vertical04 .im-question { margin:-2px 0 0 5px; font-size:100%; cursor:pointer; }

.dbcollect_wrap .cm_tooltip_desc { min-width:135px; }
.dbcollect_wrap .cm_tooltip_desc .tooltip_article { margin:0; }

/*DB랜딩 210318 수정*/
.dbcollect_wrap.edit03 .contents02 { padding:0; background-color:#fff; }
.dbcollect_wrap.edit03 .box_from01 .terms_info_wrap { border:1px solid #ddd; background:#fff; }
.dbcollect_wrap.edit03 .contents02 .box_cont { padding:25px; border:0; }
.dbcollect_wrap.edit03 .cm_tit { margin-bottom:30px; font-size:180%!important; line-height:40px!important; font-weight:500; }
.dbcollect_wrap.edit03 .txt_warning { display:block; float:left; margin-bottom:10px!important; color:#e8373d; font-size:75%; line-height:20px; float:none; }
.dbcollect_wrap.edit03 .box_from01 { margin:40px 0 20px 0; }
.dbcollect_wrap.edit03 .db_badge { position:absolute; top:-6px; right:0; width:160px; }

/* 종목추천현황 */
.dbcollect_wrap .contents02 { padding:0 15px; background-color:#f2f4f7; }
.dbcollect_wrap .contents02 .cm_tit { font-size: 120%; padding: 0 0 10px 0; }
.dbcollect_wrap .contents02 .box_cont { padding:20px 15px; border:1px solid #ddd; background-color:#fff; }
.dbcollect_wrap .contents02 .cm_tit { padding: 0 0 10px 0; font-size: 120%; line-height:26px; }
.dbcollect_wrap .info { display:inline-block; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:auto; height:22px; padding:0 5px; background:rgba(000,000,000,0.7); color:#fff; font-size:70%; line-height:22px; }
.dbcollect_wrap .box_cont .box_graph { overflow:hidden; }
.dbcollect_wrap .box_cont .box_graph li { position:relative; float:left; width:calc(50% - 10px); height:auto; margin-right:20px; overflow:hidden; }
.dbcollect_wrap .box_cont .box_graph li:last-child { margin-right:0; }
.dbcollect_wrap .box_cont .box_graph li .box_txt { display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; text-align:center; }
.dbcollect_wrap .box_cont .box_graph li .box_txt .tit { display:block; color:#333; font-size:100%; }
.dbcollect_wrap .box_cont .box_graph li .box_txt .score { display:block; margin-top:5px; font-size:170%; font-family:'BMJUA';  }

.dbcollect_wrap .box_cont .box_bata { margin-top:20px; border-radius:10px; overflow:hidden; }
.dbcollect_wrap .box_cont .box_bata li { float:left; width:50%; padding:20px 0 10px 0; background:#f8f8f8; text-align:center; }
.dbcollect_wrap .box_cont .box_bata li:nth-child(1) { border-bottom:1px solid #ddd; }
.dbcollect_wrap .box_cont .box_bata li:nth-child(2) { border-bottom:1px solid #ddd; }
.dbcollect_wrap .box_cont .box_bata li .tit { display:block; color:#333; font-size:100%; }
.dbcollect_wrap .box_cont .box_bata li .score { display:block; margin-top:5px; font-size:130%; font-family:'BMJUA';  }

/*최근 TOP3 멘토 종목 알림 내역*/
.dbcollect_wrap .contents03 { padding:0 0 20px 0; background-color:#f2f4f7; }
.dbcollect_wrap .box_alarm { position:relative; width:calc(100% - 30px); margin-left:15px;}
.dbcollect_wrap .box_alarm .slick-track { width:100%; }

.dbcollect_wrap .list_cont.vertical04 { position:relative; width:100%; height:200px; margin-bottom:10px; background-color:#fff; overflow:hidden; }
.dbcollect_wrap .list_cont.vertical04:last-child { margin-bottom:0; }
.dbcollect_wrap .list_cont.vertical04 .cm_info_desc .info_desc_txt .tit { padding-left:10px; font-size:90%; }
.dbcollect_wrap .list_cont.vertical04 .cm_info_desc .info_desc_txt .txt { width:calc(100% - 100px)!important; margin:4px 0 0 0; font-size:90%; text-align:right;}

.dbcollect_wrap .list_cont.vertical04.bn_soon { height:177px; border:1px dashed #ddd; padding:0; }
.dbcollect_wrap .list_cont.vertical04.bn_soon img { width:100%; height:100%; }
.dbcollect_wrap .list_cont.vertical04.btn_all { width:348px; height:177px; padding:0; border:1px dashed #ddd; background-color:transparent; text-align:center; }
.dbcollect_wrap .list_cont.vertical04.btn_all .cm_btn_ic { width:100%; height:100%; line-height:175px; }


.dbcollect_wrap .txt_noti { margin:20px 0 40px 0; }
.dbcollect_wrap .txt_noti p { margin-bottom:10px; color:#999; font-size:80%; line-height:17px; }

.dbcollect_wrap .sns_wrap .sns_btn { display:block; padding-bottom:40px; margin:30px 0 0 0; border-bottom:1px solid #ddd; overflow:hidden; }
.dbcollect_wrap .sns_wrap .sns_btn li { float:left; width:25%; height:69px; overflow:hidden; }
.dbcollect_wrap .sns_wrap .sns_btn li a { display:block; width:69px; height:100%; margin:0 auto; border-radius:50%; background:url('/images/common/m_btn_sns_join.png') no-repeat 0 0; background-size:cover; }
.dbcollect_wrap .sns_wrap .sns_btn li:nth-child(2) a { background-position: -69px 0; }
.dbcollect_wrap .sns_wrap .sns_btn li:nth-child(3) a { border:1px solid #ddd; background-position: -134px 0; }
.dbcollect_wrap .sns_wrap .sns_btn li:nth-child(4) a { background-position: -207px 0; }



/*핀업 회원가입 폼 동일 사용*/
.dbcollect_wrap .contents01 { margin:0 -15px; padding:0; }
.dbcollect_wrap .hint { background:#fff; color:#ccc; border:1px solid #666; }
.dbcollect_wrap .hint_text { background:#fff6ed; color:#999; border:1px solid #e0cbb7; }
.dbcollect_wrap input[type=number], .dbcollect_wrap input[type=text], .dbcollect_wrap input[type=password] { width:100%; height:48px; margin-bottom:5px; padding-left:10px; font-size:90%; font-weight:500; line-height:50px; vertical-align:middle; text-align:left; }
.dbcollect_wrap .sts { display:inline-block; font-size:85%; line-height:20px; vertical-align:top; margin-bottom:10px; }

.dbcollect_wrap .box_from01 { margin-bottom:8px; }
.dbcollect_wrap .box_from01 .input_wrap { margin-bottom:8px; }
.dbcollect_wrap .box_from01 .input_wrap .txt_warning {font-size: 75%;}


.dbcollect_wrap .box_from01 .from_tit { margin-bottom:10px; line-height:30px; vertical-align:middle; font-size:105%; font-weight:bold; color:#222; }
.dbcollect_wrap .box_from01 .from_tit small { display:inline-block; line-height:22px; vertical-align:middle; color:#999; font-weight:400; }
.dbcollect_wrap .box_from01 .from_tit small a { color:#777; text-decoration:underline; }
.dbcollect_wrap .box_from01 .line { height:30px; margin-bottom:20px; border-bottom:1px solid #eaeaea; }
.dbcollect_wrap .box_from01 .noti { margin:10px 0; line-height:20px; vertical-align:middle; font-size:85%; color:#ee3128 }
.dbcollect_wrap .box_from01 .terms_info_wrap { padding:10px; border:1px solid #e0cbb7; background:#fff6ed; }
.dbcollect_wrap .box_from01 .terms_info_wrap .title_terms { line-height:25px; vertical-align:middle; }
.dbcollect_wrap .box_from01 .terms_info_wrap .terms_info { margin:10px -10px 0 -10px; padding:5px 0; border-top:1px solid #eaeaea; }
.dbcollect_wrap .box_from01 .terms_info_wrap .terms_info p { position:relative; padding:5px 10px;  }
.dbcollect_wrap .box_from01 .terms_info_wrap .terms_info p:last-child { padding-bottom:0; }
.dbcollect_wrap .box_from01 .terms_info_wrap .terms_info p a { position:absolute; right:15px; top:15px; font-family:NanumBarunGothic; font-size:90%; color:#999; text-decoration:underline; }
.dbcollect_wrap .box_from01 .terms_info_wrap .btn_folding_terms { float:right; display:inline-block; margin-right:10px; line-height:30px; }
.dbcollect_wrap .box_from01 .terms_info_wrap .btn_folding_terms .im { font-size:17px; color:#ccc; line-height:30px; vertical-align:middle; }
.dbcollect_wrap .box_from01 .terms_info_wrap p .small { display:block; padding: 8px 0 0 30px; font-family:NanumBarunGothic; font-size:90%; line-height:1.4; color:#999; }

.dbcollect_wrap .box_from01 input[type="checkbox"] {position:absolute; left:-3000em;}
.dbcollect_wrap .box_from01 input[type="checkbox"] + label { display:inline-block; height:24px; padding-left:30px; background:url('/images/common/ic_uncheck.png') no-repeat; vertical-align:middle; line-height:24px; font-size:100%; font-weight:500;}
.dbcollect_wrap .box_from01 input[type="checkbox"]:checked + label { background:url('/images/common/ic_check.png') no-repeat;}

.dbcollect_wrap .but_box { display:block; width:100%; height:50px;  background:#f82624; margin:0 auto; -webkit-background-size: 100% 50px; }
.dbcollect_wrap .but_box .btn_txt { color:#fff; vertical-align:top; margin-right:5px; }
.dbcollect_wrap .but_box>img { display:inline-block; width:24px; height:24px;} 
.dbcollect_wrap .but_box .blind {overflow: hidden; position: absolute !important; width: 1px; height: 1px; border: 0; padding: 0; clip: rect(0px, 0px, 0px, 0px);}
.dbcollect_wrap .but_box.black { background:#222; color:#fff; }
.dbcollect_wrap .but_box.finup { background:#2e2e72; color:#fff; }
.dbcollect_wrap .but_box:disabled { background:#ededed; color:#777; }

.dbcollect_wrap .my_infomodify { position:relative; padding:0 0 30px; } 
.dbcollect_wrap .my_infomodify .my_tit { margin:30px 0 15px; font-size:105%; font-weight:600; }
.dbcollect_wrap .my_infomodify .my_tit a { margin-left:5px; font-family:NanumBarunGothic; font-size:85%; font-weight:normal; color:#999; text-decoration:underline; }
.dbcollect_wrap .my_infomodify .my_tit small { font-size:14px; font-weight:normal; }
.dbcollect_wrap .my_infomodify .my_tit .radio { float:right; display:inline-block; text-align:right; font-size:15px; }
.dbcollect_wrap .my_infomodify .my_tit .radio .radio_input { display:inline-block; float:left; }
.dbcollect_wrap .my_infomodify .noti { display:block; margin-top:-2px; font-size:80%; color:#999; line-height:17px; }
.dbcollect_wrap .my_infomodify .noti b { display:block; margin-top:-2px; font-size:70%; line-height:17px; font-weight:normal; color:#555; }

.dbcollect_wrap .cheackbox_warp { height:30px; margin-bottom:30px; line-height:25px; border-radius:30px; text-align:center; vertical-align:middle; background-color:#ededed; }
.dbcollect_wrap .cheackbox_warp .chk { margin-right:15px; vertical-align: middle; }
.dbcollect_wrap .cheackbox_warp .chk input[type=checkbox] { width:18px; height:18px; border:1px solid #777; background:#ededed; vertical-align: middle; }
.dbcollect_wrap .cheackbox_warp .chk label { margin-left:5px; vertical-align: middle; font-size:14px; line-height:30px; }
.dbcollect_wrap .cheackbox_warp .chk:last-child { margin-right:0; }


/*DB 수집 랜딩 팝업*/
.dbcollect_pop_wrap { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(000,000,000,0.8); z-index:5; }
.dbcollect_pop_wrap .dbcollect_pop { position:absolute; top:40%; left:50%; transform:translate(-50%,-40%); -webkit-transform:translate(-50%,-40%); width:calc(100% - 20px); height:511px; padding:0 12px; background:#fff; box-shadow:3px 3px 5px #505050; }
.dbcollect_pop_wrap .dbcollect_pop .box_top { position:relative; height:57px; padding:15px 10px; font-size:130%; font-weight:600; line-height:21px; }
.dbcollect_pop_wrap .dbcollect_pop .box_top .btn_close { position:absolute; top:19px; right:0px; font-size:120%; cursor:pointer; }
.dbcollect_pop_wrap .dbcollect_pop .box_desc { height:calc(100% - 77px); overflow:hidden; overflow-y:scroll; }
.dbcollect_pop_wrap .dbcollect_pop .box_desc .tit { height:56px; padding:20px 10px 10px 10px; border-top:2px solid #222; border-bottom:1px solid #ddd; font-size:115%; font-weight:600; line-height:18px; }
.dbcollect_pop_wrap .dbcollect_pop .box_desc .desc { padding:15px 0 25px 0; font-size:100%; line-height:20px; }

.dbcollect_pop_wrap.marketing .dbcollect_pop { height:511px; }

.dbcollect_pop_wrap.confirm .dbcollect_pop { width:289px; height:auto; padding:0; }
.dbcollect_pop_wrap.confirm .dbcollect_pop .tit { display:block; width:100%; padding:10px 15px; border-bottom:1px solid #ddd; font-size:115%; line-height:18px; }
.dbcollect_pop_wrap.confirm .dbcollect_pop .box_desc { height:auto; padding:20px 15px 15px 15px; overflow-y:hidden; }
.dbcollect_pop_wrap.confirm .dbcollect_pop .box_desc p { margin-bottom:25px; color:#777; font-size:100%; line-height:24px; text-align:center; }
.dbcollect_pop_wrap.confirm .dbcollect_pop .box_desc .cm_form.text01 { display:block; width:100%; height:45px; margin:0 0 20px 0; }
.dbcollect_pop_wrap.confirm .dbcollect_pop .box_desc button { display:block; float:left; width:126px; height:40px; font-size:100%; font-family:'Noto Sans KR'; }
.dbcollect_pop_wrap.confirm .dbcollect_pop .box_desc button.btn_reset { margin-right:7px; border:1px solid #777; }
.dbcollect_pop_wrap.confirm .dbcollect_pop .box_desc button.btn_submit { background:#f26530; color:#fff; font-weight:700; }

.dbcollect_pop_wrap.complete .dbcollect_pop .box_desc button { width:100%; }
.dbcollect_pop_wrap.fail .dbcollect_pop .box_desc button { width:100%; }


/*주식 리딩 랜딩 페이지*/
.leading_landing { max-width:480px; margin:0 auto;  }
.leading_landing .cm_bn { position:relative; max-width:480px; margin:0 auto;  background:#fffaec; overflow:hidden; }
.leading_landing .cm_bn img { display:block; width:100%; max-width:480px; height:auto; margin:0 auto; }
.leading_landing .cm_bn .value { position:absolute; top:52.3456%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); padding:0 8px; font-size:220%; font-family:'BMJUA'; font-weight:bold; font-style:italic; line-height:40px; z-index:2 }
.leading_landing .cm_bn .value:before { display:block; content:''; position:absolute; bottom:0; left:0; width:100%; height:13px; background:#ffdebd; z-index:-1; }

.leading_landing .cm_tit_25 { display:block; width:100%; font-family:'GmarketSans'; font-weight:normal; text-align:center; }
.leading_landing .cm_tit_25 strong { color:#ff7500; font-weight:bold; }
.leading_landing .cm_tit_25 strong i { font-style:italic; font-weight:bold; }

.leading_landing h2.cm_subtit_18 { font-weight:bold; }

.leading_landing .contents01 .list_cont.vertical04 { position:relative; width:100%; height:auto; padding:15px; margin:0; margin-top:15px; border:1px solid #ffd1a9; box-shadow:3px 3px 5px rgba(000,000,000,0.1); box-sizing:border-box; }
.leading_landing .contents01 .list_cont.vertical04:first-child { margin-top:0; }
.leading_landing .contents01 .list_cont.vertical04 .box_mentor .cm_mentor_name { display:inline-block; font-size:115%; line-height:26px; }
.leading_landing .contents01 .list_cont.vertical04 .box_mentor .lable { float:right; font-weight:600; font-size:75%; line-height:26px; vertical-align:middle; }

.leading_landing .contents01 .list_cont.vertical04 .box_price { position:relative; padding-bottom:13px; border-bottom:1px dashed #999; overflow:hidden; }
.leading_landing .contents01 .list_cont.vertical04 .box_price .lable { color:#999; font-size:90%; line-height:26px; }
.leading_landing .contents01 .list_cont.vertical04 .box_price .value { float:right; font-family:'BMJUA'; font-size:120%; line-height:26px; }
.leading_landing .contents01 .list_cont.vertical04 .box_price .value small{ font-size:70%; }

.leading_landing .contents01 .list_cont.vertical04 .cm_subtit_18 { display:-webkit-box; margin-top:13px; }
.leading_landing .contents01 .list_cont.vertical04 .cm_info_desc { float:none; width:calc(100% - 112px); padding:20px 10px 18px 10px; }
.leading_landing .contents01 .list_cont.vertical04 .cm_info_desc.bg .info_desc_txt { margin:0; }
.leading_landing .contents01 .list_cont.vertical04 .cm_info_desc.bg .info_desc_txt .tit { width:95px; }
.leading_landing .contents01 .list_cont.vertical04 .cm_info_desc.bg .info_desc_txt .txt { float:left; width:calc(100% - 95px); margin:0; text-align:right; }

.leading_landing .contents01 .list_cont.vertical04 .cm_thumb_wrap { position:absolute; bottom:98px; right:15px; width:100px; height:100px; border-radius:10px; }
.leading_landing .contents01 .list_cont.vertical04 .mentor_img { width:135px; height:145px; bottom:50px; }
.leading_landing .contents01 .list_cont.vertical04 .mentor_img img { display:block; height:100%; }

@media screen and (max-width: 320px) {
.leading_landing .contents01 .list_cont.vertical04 .cm_info_desc.bg .info_desc_txt .tit { width:100%; }
.leading_landing .contents01 .list_cont.vertical04 .cm_info_desc.bg .info_desc_txt .txt { width:100%; padding-left:10px; margin:5px 0; text-align:left; }
.leading_landing .contents01 .list_cont.vertical04 .cm_info_desc.bg .info_desc_txt:last-child .txt { margin-bottom:0; }
.leading_landing .contents01 .list_cont.vertical04 .cm_thumb_wrap { bottom:130px; }
.leading_landing .contents01 .list_cont.vertical04 .mentor_img { width:145px; height:165px; bottom:90px; }
}

.leading_landing .contents01 .list_cont.vertical04 .box_btn {position:relative; overflow:hidden; z-index:5; }
.leading_landing .contents01 .list_cont.vertical04 .box_btn a { display:block; float:left; width:calc(50% - 5px); height:45px; margin-left:10px; border-radius:5px; font-size:95%; font-weight:500; line-height:45px; text-align:center; }
.leading_landing .contents01 .list_cont.vertical04 .box_btn a.cm_btn_line { margin-left:0; line-height:43px; }
.leading_landing .contents01 .list_cont.vertical04 .cm_smtxt {  margin-top:7px; color:#999; text-align:center; }

.leading_landing .contents01.review { padding:0; background:#fff3dd; }
.leading_landing .contents01 .box_cont { width:100%; max-width:480px; padding:30px 15px; margin:0 auto; background:url('/images/event/m_img_leading_landing_02.jpg') no-repeat 0 0; background-size:100% auto;  }
.leading_landing .contents01 .list_wrap.review {}
.leading_landing .contents01 .list_wrap.review .list_cont { float:left; position:relative; width:calc(50% - 5px); height:160px; margin:10px 10px 0 0; border:1px solid #ddd; border-radius:3px; background:#f8f8f8; overflow:hidden; }
.leading_landing .contents01 .list_wrap.review .list_cont:nth-child(1) { margin-top:0; }
.leading_landing .contents01 .list_wrap.review .list_cont:nth-child(2) { margin-top:0; }
.leading_landing .contents01 .list_wrap.review .list_cont:nth-child(2n) { margin-right:0; }
.leading_landing .contents01 .list_wrap.review .list_cont a { display:block; }
.leading_landing .contents01 .list_wrap.review .list_cont .date { position:absolute; left:0; bottom:0; width:100%; height:26px; padding:3px 0; background:rgba(000,000,000,0.5); color:#fff; font-size:80%; line-height:20px; text-align:center; z-index2; }
.leading_landing .contents01 .list_wrap.review .list_cont img { display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto; z-index:1;}


/*주식 리딩 랜딩 상세 페이지*/
.leading_landing .box_header { height:55px; padding:14px 0; border-bottom:1px solid #ddd; overflow:hidden; }
.leading_landing .box_header .cm_subtit_18 { display:block; padding:0 45px 0 15px; }
.leading_landing .box_header .btn_close { display:block; position:absolute; top:10px; right:5px; width:45px; height:35px; }
.leading_landing .box_header .btn_close img { display:block; width:100%; height:100%; }

.leading_landing .box_example { width:100%; height:178px; border:1px solid #ddd; border-bottom:0; overflow:hidden; }
.leading_landing .box_example img { display:block; width:100%; height:auto; }
.leading_landing .box_example.more { height:auto; }
.leading_landing .box_example + .btn_more { display:block; width:100%; height:40px; border:1px solid #ddd; border-radius:0; color:#777; font-size:15px; line-height:38px; }
.leading_landing .box_example + .btn_more .im { margin:0px 0 0 0; vertical-align:middle; }

.leading_landing .list_wrap.recent { border:1px solid #ddd; border-bottom:0; }
.leading_landing .list_wrap.recent .list_cont { padding:6px 12px 5px 10px; border-bottom:1px solid #ddd; background:#f8f8f8; overflow:hidden; }
.leading_landing .list_wrap.recent .list_cont > * { display:block; float:left; }
.leading_landing .list_wrap.recent .list_cont .cm_txt_15 { display:-webkit-box; width:calc(100% - 165px); height:22px; margin-top:10px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden;  }
.leading_landing .list_wrap.recent .list_cont .value { width:70px; margin-left:10px; margin-top:10px; color:#777; font-size:115%; font-family:'BMJUA'; font-weight:normal; line-height:22px; text-align:center; }
.leading_landing .list_wrap.recent .list_cont .value small { font-size:80%; }
.leading_landing .list_wrap.recent .list_cont .data { display:block; float:right; width:75px; margin-left:10px; overflow:hidden; }
.leading_landing .list_wrap.recent .list_cont .data li { float:left; width:35px; height:42px; padding:4px 0 5px 0; margin-left:5px; border-radius:5px; background:#fff; }
.leading_landing .list_wrap.recent .list_cont .data li.buy { border:1px solid #f06e7e; margin-left:0; }
.leading_landing .list_wrap.recent .list_cont .data li.sell { border:1px solid #5e5eaa; }
.leading_landing .list_wrap.recent .list_cont .data li span { display:block; text-align:center; }

.leading_landing .list_wrap.recent .list_cont.up { background:#ffefef;}
.leading_landing .list_wrap.recent .list_cont.up .value { color:#e8373d;}
.leading_landing .list_wrap.recent .list_cont.down { background:#ebf1f7;}
.leading_landing .list_wrap.recent .list_cont.down .value { color:#373fe8;}