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

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


/*슈퍼스탁K 공통화 2021.12*/
@font-face {font-family: 'NEXON Lv1 Gothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff'); font-weight: 700; font-style: normal;}
@font-face {font-family: 'NEXON Lv1 Gothic'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Light.woff') format('woff'); font-weight: 400; font-style: normal;}

.superstock_wrap { max-width:480px; margin:0 auto; }
.superstock_wrap .cm_subtit { font-weight:700; }
.superstock_wrap .contents01 { padding:40px 15px; }
.superstock_wrap .contents02 { padding:40px 0; }
.superstock_wrap .btn_popup { display:inline-block; float:right; width:85px; height:25px; border:1px solid #ddd; border-radius:13px; background:#fff; color:#777; font-size:70%; line-height:24px; text-align:center; vertical-align:middle; }
.superstock_wrap .btn_calendar { display:inline-block; float:right; height:25px; padding:0 12px; border:1px solid #ddd; border-radius:13px; background:#fff; color:#777; font-size:70%; font-weight:500; line-height:24px; }
.superstock_wrap .btn_calendar .im { margin:0 0 0 7px; font-size:120%; vertical-align:middle; }

/*공통 레이아웃 - 유의사항*/
.superstock_wrap .contents01.noti { padding:40px 0; }
.superstock_wrap .contents01.noti .superstock_note { padding:16px 15px; border:1px solid #ddd; }
.superstock_wrap .contents01.noti .superstock_note .cm_xsmtxt { display:block; font-weight:600; }
.superstock_wrap .contents01.noti .superstock_note .cm_xsmtxt { margin-top:8px; }
.superstock_wrap .contents01.noti .superstock_note .cm_xsmtxt li { position:relative; padding-left:15px; margin-top:4px; word-break:keep-all; overflow:hidden; }
.superstock_wrap .contents01.noti .superstock_note .cm_xsmtxt li:first-child { margin-top:0px; }
.superstock_wrap .contents01.noti .superstock_note .cm_xsmtxt li .im { position:absolute; left:0; top:4px; font-size:75%; vertical-align:middle; }
.superstock_wrap .contents01.noti .superstock_note + .cm_btn_line.gray { display:block; width:100%; height:25px; border:1px solid #ddd; border-top:0; color:#777; font-size:70%; line-height:25px; }

.superstock_wrap .contents01 .superstock_note .cm_txt { font-weight:600; }
.superstock_wrap .contents01 .superstock_note .cm_smtxt { display:block; font-weight:600; }
.superstock_wrap .contents01 .superstock_note .cm_xsmtxt { margin-top:8px; }
.superstock_wrap .contents01 .superstock_note .cm_xsmtxt li { position:relative; padding-left:15px; margin-top:4px; word-break:keep-all; overflow:hidden; }
.superstock_wrap .contents01 .superstock_note .cm_xsmtxt li:first-child { margin-top:0px; }
.superstock_wrap .contents01 .superstock_note .cm_xsmtxt li .im { position:absolute; left:0; top:4px; font-size:75%; vertical-align:middle; }
.superstock_wrap .contents01 .superstock_note + .cm_btn_line.gray { display:block; width:100%; height:25px; border:1px solid #ddd; color:#777; font-size:70%; line-height:25px; }

/*공통 레이아웃 - 대회일정*/
.superstock_wrap .box_schedule { position:relative; overflow:hidden; }
.superstock_wrap .box_schedule ul li { font-size:95%; line-height:26px; overflow:hidden; }
.superstock_wrap .box_schedule ul li .im {  margin-right:10px; color:#777; font-size:95%; vertical-align:middle; }
.superstock_wrap .box_schedule ul li .label { display:inline-block; float:left; width:100px; margin-right:20px; text-align:justify; text-align-last:justify; }
.superstock_wrap .box_schedule ul li .label .im { margin-right:5px; font-size:80%; vertical-align:middle; }
.superstock_wrap .box_schedule ul li .value { display:inline-block; float:left; }

/*공통 레이아웃 - 심사중 안내*/
.superstock_wrap .box_evaluation { padding:40px 15px; }
.superstock_wrap .box_evaluation .contents01 { padding:30px 15px 15px; border:1px solid #ddd; text-align:center; }
.superstock_wrap .box_evaluation .contents01 img { display:block; width:100%; margin:0 auto; }
.superstock_wrap .box_evaluation .contents01 .box_info { width:100%; padding:20px; background:#f8f8f8; }
.superstock_wrap .box_evaluation .contents01 .box_info .cm_txt { font-weight:600; }
.superstock_wrap .box_evaluation .contents01 .box_info .cm_txt .im { margin-right:10px; font-size:90%; vertical-align:middle; }

/*공통 레이아웃 - 대회랭킹,추천종목 상금 안내*/
.superstock_wrap .box_prize_info li { margin-top:8px; overflow:hidden; }
.superstock_wrap .box_prize_info li:first-child { margin-top:0; }
.superstock_wrap .box_prize_info li span { display:block; float:left; }
.superstock_wrap .box_prize_info li strong { font-size:115%; font-family:'BMJUA'; line-height:26px; }
.superstock_wrap .box_prize_info li small{ font-size:80%; line-height:26px; }
.superstock_wrap .box_prize_info li:last-child b { font-size:95%; }
.superstock_wrap .box_prize_info li .label { width:130px;  text-align:left; }
.superstock_wrap .box_prize_info li .value { width:calc(100% - 130px); text-align:right; }
.superstock_wrap .box_prize_info li .value strong small { font-size:70%; }
.superstock_wrap .box_prize_info + .btn_winner { display:block; width:100%; height:50px; border-radius:5px; color:#fff; font-size:95%; line-height:50px; text-align:center; }

.superstock_wrap .box_prize_info .box_txt { padding:15px 10px 10px; background-color:#f5f5f5; text-align:center; word-break:keep-all; overflow:hidden; }
.superstock_wrap .box_prize_info .box_txt .cm_txt { font-weight:500; line-height:20px; }
.superstock_wrap .box_prize_info .box_txt .box_ic { display:inline-block; width:25px; height:20px; margin-right:10px; border-radius:5px; vertical-align:middle; text-align:center; }
.superstock_wrap .box_prize_info .box_txt .box_ic .im { color:#fff; font-size:80%; line-height:20px; }
.superstock_wrap .box_prize_info .box_txt .cm_xsmtxt { display:inline-block; padding:5px 35px 6px; border:1px solid #ededed; border-radius:5px; background:#fff; line-height:20px; }
.superstock_wrap .box_prize_info .box_txt .cm_xsmtxt { display:inline-block; }
.superstock_wrap .box_prize_info .box_txt .label { display:inline-block !important; float:none!important; height:18px; padding:0 8px !important; margin-right:10px !important; border:1px solid #222; border-radius:3px; background-color:#fff; font-size:70% !important; line-height:16px !important; vertical-align:middle; }
.superstock_wrap .box_prize_info .box_txt.noti { padding:10px 10px 15px; background-color:#ededed; text-align:center; word-break:keep-all; overflow:hidden; } 
.superstock_wrap .box_prize_info .box_txt.noti .im { margin:0 3px 3px 0; font-size:100%; color:#222; vertical-align:middle; }

/*공통 레이아웃 - 대회랭킹, 스페셜랭킹*/
.superstock_wrap .box_ranking_list { }
.superstock_wrap .box_ranking_list .box_tit { width:100%; overflow:hidden; }
.superstock_wrap .box_ranking_list .box_tit .cm_txt { float:left; }
.superstock_wrap .box_ranking_list .box_tit .cm_txt .im { margin-left:3px; font-size:90%; vertical-align:middle; }
.superstock_wrap .box_ranking_list .box_tit .cm_txt + .cm_xsmtxt { float:right; margin-top:10px; }
.superstock_wrap .box_ranking_list .box_tit .float_left { float:left; }
.superstock_wrap .box_ranking_list .box_tit .float_right { float:right; margin-right:0; }

.superstock_wrap .box_ranking_list .box_set { overflow:hidden; }
.superstock_wrap .box_ranking_list .box_set .cm_xsmtxt { display:inline-block; margin-top:10px; }
.superstock_wrap .box_ranking_list .box_set .cm_txt { display:inline-block; font-weight:600; }
.superstock_wrap .box_ranking_list .box_set .cm_txt + .cm_xsmtxt { margin-top:0; line-height:22px; }
.superstock_wrap .box_ranking_list .box_set .float_left { float:left; }
.superstock_wrap .box_ranking_list .box_set .float_right { float:right; }

.superstock_wrap .box_ranking_list .cm_ranking_list { border-top:2px solid #222; }
.superstock_wrap .box_ranking_list .cm_ranking_list tbody tr td:first-of-type { border-left:0; }
.superstock_wrap .box_ranking_list .cm_ranking_list tbody tr td:first-of-type.box_challenger { padding-left:15px; }
.superstock_wrap .box_ranking_list .cm_ranking_list tbody tr td:last-of-type { padding-left:0; padding-right:13px; color:#777; text-align:right; }
.superstock_wrap .box_ranking_list .cm_ranking_list thead tr th:first-of-type { padding-left:15px; }
.superstock_wrap .box_ranking_list .cm_ranking_list .box_order .order .top3 { font-size:100%; line-height:22px; }
.superstock_wrap .box_ranking_list .cm_ranking_list .box_challenger { padding:0; }
.superstock_wrap .box_ranking_list .cm_ranking_list .box_challenger .cm_txt { display:inline-block; max-width:100%; color:#777; font-weight:600; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.superstock_wrap .box_ranking_list .cm_ranking_list .box_challenger .cm_thumb_wrap { float:left; width:38px; height:38px; margin-right:10px; border-radius:5px; overflow:hidden; }
.superstock_wrap .box_ranking_list .cm_ranking_list .box_challenger .cm_thumb_wrap img { display:block; width:100%; height:100%; }
.superstock_wrap .box_ranking_list .cm_ranking_list .box_challenger .cm_thumb_wrap +  .cm_txt { display:block; float:left; width:calc(100% - 48px); margin-top:8px; }
.superstock_wrap .box_ranking_list .cm_ranking_list .box_stock { text-align:left; white-space:nowrap; }
.superstock_wrap .box_ranking_list .cm_ranking_list .box_stock .cm_txt { display:block; color:#777; font-weight:600; text-overflow:ellipsis; overflow:hidden; }
.superstock_wrap .box_ranking_list .cm_ranking_list tbody tr:first-of-type td.non_date  { color:#777!important; }

.superstock_wrap .box_prodct { border-top:2px solid #222; }

/*상단 영역 부분*/
.superstock_wrap .contents02.box_master { position:relative; padding:0; overflow:hidden; }
.superstock_wrap .box_master .box_bn { position:relative; width:100%; height:100%; overflow:hidden; z-index:0; }
.superstock_wrap .box_master .box_bn .logo { width:100%; margin:0 auto; overflow:hidden; }
.superstock_wrap .box_master .box_bn .logo.finish { width:77.59%; }
.superstock_wrap .box_master .box_bn .logo img { display:block; width:100%; height:auto; }
.superstock_wrap .box_master .box_bn > img { display:block; width:100%; z-index:-1 }
.superstock_wrap .box_master .box_bn .btn_share { position:absolute; top:15px; right:15px; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,0.2); }
.superstock_wrap .box_master .box_bn .btn_share .im { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin-right:2px; color:#fff; font-size:115%; }
.superstock_wrap .box_master .box_bn .box_txt { position:absolute; bottom:7.2%; padding:0 15px; width:100%; color:#fff; text-align:center; word-break:keep-all; z-index:1; }
.superstock_wrap .box_master .box_bn .box_txt.finish { }
.superstock_wrap .box_master .box_bn .box_txt p { font-weight:500; text-align:center; }
.superstock_wrap .box_master .box_bn .box_txt strong { font-weight:normal; vertical-align:bottom; font-weight:700; }
.superstock_wrap .box_master .box_bn .box_txt .btn_application { display:block; width:100%; height:45px; border-radius:5px; color:#fff; font-size:120%; text-shadow:0 3px 3px #e8343f; line-height:45px; text-align:center;  }
.superstock_wrap .box_master .box_bn .box_txt .btn_application .im { margin-right: 3px; font-size: 90%; vertical-align: middle;}
.superstock_wrap .box_master .box_bn .box_txt .btn_application.superstock_bg { color:#fff!important; }

.superstock_wrap .box_master .box_bn .box_video {position:absolute; top:0; left:50%; transform:translateX(-50%); width:85%; height:42.5%; overflow:hidden; }

.superstock_wrap .box_master .box_tab { position:relative; width:100%; border-top:1px solid #ddd; background:#fff; overflow:hidden; overflow-x:auto; -ms-overflow-style:none; }
.superstock_wrap .box_master .box_tab::-webkit-scrollbar { display: none; }
.superstock_wrap .box_master .box_tab .cm_tab {  border-bottom:0; border-top:0; margin:0; }
.superstock_wrap .box_master .box_tab .cm_tab_menu { padding:0 25px; }
.superstock_wrap .box_master .box_tab .cm_tab_menu.on { border-bottom:2px solid #f88e36; }

.superstock_wrap .box_master .box_tab .cm_tab.addflex { display:-webkit-box; display:-ms-flexbox; display:flex; width:100% !important; }
.superstock_wrap .box_master .box_tab .cm_tab.addflex .cm_tab_menu { -webkit-flex:1 1 auto; -ms-flex:1; -ms-flex-order:1; flex: 1 1 0px; padding:0; }


.superstock_wrap .box_rolling { width:calc(100% - 30px); margin-left:15px; padding:15px; margin:0 auto; background:#f5f5f5; overflow:hidden; }
.superstock_wrap .box_rolling .ic_noti { display:block; float:left; position:relative; width:35px; height:35px; margin-right:15px; border-radius:50%; }
.superstock_wrap .box_rolling .ic_noti .im { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); font-size:110%; }

.superstock_wrap .box_rolling .slide_noti { float:left; width:calc(100% - 50px);  height:35px; overflow:hidden; }
.superstock_wrap .box_rolling .slide_noti .cm_smtxt { display:-webkit-box; width:100% !important;  height:35px; font-weight:normal; font-family:'BMJUA'; line-height:36px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; overflow:hidden;  }

.superstock_wrap .list_none { width:100%; margin:0;  color:#777; font-size:80%; font-family:'Noto Sans KR'; line-height:60px; text-align:center; } 
.superstock_wrap .non_date { width:100%; margin:0;  color:#777; font-size:80%; font-family:'Noto Sans KR'; line-height:60px; text-align:center; } 


/*참가신청서*/
.superstock_wrap .application_view { max-width:480px; margin:0 auto; }
.superstock_wrap .application_view .cm_bn { position:relative; height:auto; overflow:hidden; }
.superstock_wrap .application_view .cm_bn h2 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:100%; text-align:center; color:#fff; z-index:1; }
.superstock_wrap .application_view .cm_bn h2 strong { margin-left:15px; letter-spacing:5px; }
.superstock_wrap .application_view .contents01 { padding-bottom:46px; }
.superstock_wrap .application_view .cm_subtit { font-weight:600; }
.superstock_wrap .application_view .box_cont { position:relative; word-break:keep-all; overflow:hidden; }
.superstock_wrap .application_view .box_cont .btn_img { display:none; }
.superstock_wrap .application_view .box_cont .btn_img + label { display:block; float:left; width:120px; height:120px; margin-right:15px; border:1px solid #ddd; background-size:100%; text-align:center; cursor:pointer; }
.superstock_wrap .application_view .box_cont .btn_img + label .im { margin:38px auto 10px; color:#bbb; font-size:130%; }
.superstock_wrap .application_view .box_cont .btn_img + label span { display:block; color:#bbb; font-size:80%; line-height:13px; }
.superstock_wrap .application_view .box_cont p.cm_xsmtxt{ position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:calc(100% - 135px); }

.superstock_wrap .application_view .box_cont .cm_form.textarea { height:100px; padding:10px 15px; border:1px solid #ddd; color:#222; font-size:80%; line-height:20px; resize:none; }
.superstock_wrap .application_view .box_cont .cm_form.textarea::-webkit-input-placeholder { color:#bbb; }
.superstock_wrap .application_view .box_cont .cm_form.textarea:-ms-input-placeholder { color:#bbb; }

.superstock_wrap .application_view .box_cont .cm_form.text01 { float:none; width:100%; padding:12px 15px; color:#222; font-size:80%; line-height:20px; }
.superstock_wrap .application_view .box_cont .cm_form.text01::-webkit-input-placeholder { color:#bbb; }
.superstock_wrap .application_view .box_cont .cm_form.text01:-ms-input-placeholder { color:#bbb; }
.superstock_wrap .application_view .box_cont .cm_form.text01 + .cm_xsmtxt { display:block; margin-top:10px; }
.superstock_wrap .application_view .box_terms { display:block; height:110px; padding:15px; margin-bottom:15px; border:1px solid #ddd; color:#999; font-size:80%; line-height:16px; word-break:keep-all; overflow:hidden; overflow-y:auto; }
.superstock_wrap .application_view .cm_btn_bg { display:block; width:170px; padding:9px 0; margin:0 auto; font-size:95%; line-height:22px; }

/*대회신청*/
.superstock_wrap .competition_view { position:relative; padding-bottom:90px; }
.superstock_wrap .competition_view .contents01 { position:relative; padding:30px 15px; }

.superstock_wrap .competition_view .box_bn { position:relative; overflow:hidden; /*background:url('/images/superstock/bn_superstock_competition.jpg?v=20230901') no-repeat top center; background-size:100% 100%;*/ overflow:hidden; }
.superstock_wrap .competition_view .box_bn img { display:block; width:100%; height:auto; }
.superstock_wrap .competition_view .box_bn .btn_share { position:absolute; top:15px; right:15px; width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,0.2); z-index:10; }
.superstock_wrap .competition_view .box_bn .btn_share .im { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin-right:2px; color:#fff; font-size:115%; }

.superstock_wrap .competition_view .box_bn .logo { width:100%; }
.superstock_wrap .competition_view .box_bn .logo img { display:block; width:100%; height:100%; margin:0 auto; }

.superstock_wrap .competition_view .box_bn .box_txt { padding:0 15px; width:100%; color:#fff; text-align:center; z-index:1; }
.superstock_wrap .competition_view .box_bn .box_txt p { font-weight:500; text-align:center; }
.superstock_wrap .competition_view .box_bn .box_txt strong { margin-top:-2px; font-family:'BMJUA'; font-weight:normal; vertical-align:middle; }

.superstock_wrap .competition_view .box_video {position:absolute; top:0; left:50%; transform:translateX(-50%); width:85%; height:42.5%; overflow:hidden; }

.superstock_wrap .competition_view .box_bn .box_count { width:100%; padding:0 15px; overflow:hidden; }
.superstock_wrap .competition_view .box_bn .box_count .box_member { padding:5px 0; border-radius:5px; background:rgba(000,000,000,0.4); color:#fff; text-align:center; }
.superstock_wrap .competition_view .box_bn .box_count .box_member strong { margin:-2px 3px 0 3px; font-family:'BMJUA'; font-weight:normal; vertical-align:middle; }
.superstock_wrap .competition_view .box_bn .box_count .box_dday { display:flex; width:100%; height:auto; padding:20px 20px 15px 20px; border-radius:10px; background:rgba(255,255,255,0.15); overflow:hidden; }
.superstock_wrap .competition_view .box_bn .box_count .box_dday li { float:left; position:relative; width:calc(24% - 5px); padding-top:29px; color:#fff; text-align:center; }
.superstock_wrap .competition_view .box_bn .box_count .box_dday li .value { font-size:155%; font-family:'Noto Sans KR'; font-weight:700; line-height:36px; }
.superstock_wrap .competition_view .box_bn .box_count .box_dday li small { padding:0 2px; font-size:70%; vertical-align:top; }
.superstock_wrap .competition_view .box_bn .box_count .box_dday li:before { position:absolute; top:0; left:0; width:100%; height:16px; font-family:'Noto Sans KR'; font-weight:400; font-size:70%; font-weight:400; line-height:16px; text-align:center; letter-spacing:0.5px; }
.superstock_wrap .competition_view .box_bn .box_count .box_dday li:nth-child(1) { float:left; width:calc(28% - 5px); }
.superstock_wrap .competition_view .box_bn .box_count .box_dday li:nth-child(1):before { content:'대회 시작'; left:auto; right:0; }
.superstock_wrap .competition_view .box_bn .box_count .box_dday li:nth-child(2):before { content:'Hours'; left:auto; right:0; }
.superstock_wrap .competition_view .box_bn .box_count .box_dday li:nth-child(4):before { content:'Minutes'; left:auto; right:0; }
.superstock_wrap .competition_view .box_bn .box_count .box_dday li:nth-child(6):before { content:'Seconds'; left:auto; right:0; }
.superstock_wrap .competition_view .box_bn .box_count .box_dday li:nth-child(3) { width:10px; }
.superstock_wrap .competition_view .box_bn .box_count .box_dday li:nth-child(5) { width:10px; }

.superstock_wrap .competition_view .box_bn .box_btn_appliction { position:absolute; bottom:6%; width:100%; padding:0 15px; height:50px; }
.superstock_wrap .competition_view .box_bn .box_btn_appliction .btn_submit { display:block; width:100%; height:45px; border-radius:5px; color:#fff; font-size:120%; text-shadow:0px 3px 3px #e8343f; line-height:45px; text-align:center; cursor:not-allowed; }
.superstock_wrap .competition_view .box_bn .box_btn_appliction .btn_submit.superstock_bg { color:#fff; cursor:pointer; }
.superstock_wrap .competition_view .box_bn .box_btn_appliction .btn_submit .im { margin:0 3px 3px 0; font-size:90%; vertical-align:middle; }

/*.superstock_wrap .competition_view .box_desc + .box_desc { padding-top:40px; border-top:1px solid #ddd; }*/
.superstock_wrap .competition_view .box_video {position:absolute; top:0; left:50%; transform:translateX(-50%); width:85%; height:42.5%; overflow:hidden; }
.superstock_wrap .competition_view img { display:block; width:100%; }
.superstock_wrap .competition_view .cm_txt b { font-weight:600; }
.superstock_wrap .competition_view .cm_txt strong { font-size:120%; font-family:'BMJUA'; font-weight:normal; vertical-align:middle; }
.superstock_wrap .competition_view .btn_mentor { display:block; width:180px; height:40px; margin:35px auto 0; border:1px solid #ddd; border-radius:5px; background:#fff; font-size:95%; font-weight:600; line-height:40px; text-align:center; }

.superstock_wrap .competition_view .box_info { padding:20px; border-radius:10px; background:#f8f8f8; }
.superstock_wrap .competition_view .cm_txt { overflow:hidden; }
.superstock_wrap .competition_view .cm_txt .btn_popup { float:right; margin-right:0; }

.superstock_wrap .competition_view .btn_application { display:block; position:absolute; left:50%; bottom:40px; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:calc(100% - 30px); height:50px;  border-radius:5px; color:#fff; font-size:120%; line-height:50px; text-align:center; }
.superstock_wrap .competition_view .btn_application.fixed { position:fixed; bottom:75px; z-index:10; }
.superstock_wrap .competition_view .btn_application .im { margin:0 3px 3px 0; font-size:90%; vertical-align:middle; }


/*카운트영역 수정 시즌8*/
.superstock_wrap .box_count { width:100%; height:auto; background:#f5f5f5; overflow:hidden; }
.superstock_wrap .box_count .box_dday { padding:0 0 5% 0; text-align:center; }
.superstock_wrap .box_count .box_dday li { display:inline-block; color:#f88e36; font-size:130%; font-family:'Noto Sans KR'; font-weight:700; text-align:center; line-height:35px; }
.superstock_wrap .box_count .box_dday li:nth-child(1) { margin-right:10px; color:#777; } 
.superstock_wrap .box_count .box_dday li:nth-child(2) { width:20%; margin-right:10px; border-radius:5px; background:#f88e36; text-align:center; color:#fff; }
.superstock_wrap .box_count .box_dday li:nth-child(4) { width:10px; margin:0 10px; }
.superstock_wrap .box_count .box_dday li:nth-child(6) { width:10px; margin:0 10px; }

/*HOME*/
.superstock_wrap .home_view { position:relative; overflow:hidden; }
.superstock_wrap .home_view .box_winner { overflow:hidden; }
.superstock_wrap .home_view .box_winner .contents02 { padding:30px 15px; overflow:hidden; }
.superstock_wrap .home_view .box_winner .contents02.bg { padding:30px 15px 40px; }
.superstock_wrap .home_view .box_winner .contents02.bg.box_special { padding:40px 15px; }
.superstock_wrap .home_view .box_winner .btn_popup { float:right; margin-right:0; margin-bottom:10px; }

.superstock_wrap .home_view .box_winner .box_tit { overflow:hidden; }
.superstock_wrap .home_view .box_winner .box_tit .cm_subtit { float:left; }
.superstock_wrap .home_view .box_winner .box_tit .cm_txt { float:right; line-height:26px; text-align:right; }
.superstock_wrap .home_view .box_winner .box_tit + .cm_xsmtxt { text-align:right; }

.superstock_wrap .home_view .box_winner .box_top { width:100%; overflow:hidden; }
.superstock_wrap .home_view .box_winner .box_top .box_tit { margin-bottom:10px; }
.superstock_wrap .home_view .box_winner .box_top.frist .box_tit { padding:9px 15px; margin-bottom:0;  }
.superstock_wrap .home_view .box_winner .box_top.frist .box_tit .cm_txt{ color:#fff; }

.superstock_wrap .home_view .box_winner .box_top .box_desc { padding:10px 15px 18px; background:#fff; border-top:0; overflow:hidden; }
.superstock_wrap .home_view .box_winner .box_top .box_desc .cm_txt { display:block; width:100%; overflow:hidden;}
.superstock_wrap .home_view .box_winner .box_top .box_desc .cm_txt .order { float:right; }
.superstock_wrap .home_view .box_winner .box_top .box_desc .cm_thumb_wrap { float:left; width:64px; height:64px; border-radius:5px; overflow:hidden; border:1px solid #ededed; }
.superstock_wrap .home_view .box_winner .box_top .box_desc .cm_thumb_wrap img { display:block; width:100%; height:100%;  }
.superstock_wrap .home_view .box_winner .box_top .box_desc .box_value { display:flex; float:right; width:calc(100% - 70px); min-height:60px; padding:10px 0; border-radius:10px; background:#f4f5fa; overflow:hidden; }
.superstock_wrap .home_view .box_winner .box_top .box_desc .box_value li { float:left; flex:1 1 0; border-right:1px solid #ededed; text-align:center; }
.superstock_wrap .home_view .box_winner .box_top .box_desc .box_value li:last-child { border-right:0; }
.superstock_wrap .home_view .box_winner .box_top .box_desc .box_value .label  { display:block; color:#777; }
.superstock_wrap .home_view .box_winner .box_top .box_desc .box_value .value  { display:block; margin-top:2px; color:#e8343f; font-family:'BMJUA'; }

.superstock_wrap .home_view .box_winner .box_top.top10 .box_desc { padding-bottom:10px; }
.superstock_wrap .home_view .box_winner .box_top.top10 .box_desc + .box_desc { border-top:1px solid #ededed; }


.superstock_wrap .home_view .box_winner .list_wrap { }
.superstock_wrap .home_view .box_winner .list_wrap .list_cont { padding:10px 15px 18px; background:#fff; overflow:hidden; }
.superstock_wrap .home_view .box_winner .list_wrap .list_cont .cm_txt { display:block; width:100%; }
.superstock_wrap .home_view .box_winner .list_wrap .list_cont .cm_thumb_wrap { float:left; width:60px; height:60px; border-radius:5px; overflow:hidden;  }
.superstock_wrap .home_view .box_winner .list_wrap .list_cont .cm_thumb_wrap img { display:block; width:100%; height:100%;  }
.superstock_wrap .home_view .box_winner .list_wrap .list_cont .box_value { display:flex; float:right; width:calc(100% - 70px); min-height:60px; padding:10px 0;  border-radius:10px; background:#f4f5fa; overflow:hidden; }
.superstock_wrap .home_view .box_winner .list_wrap .list_cont .box_value li { float:left; flex:1 1 0; border-right:1px solid #ededed; text-align:center; }
.superstock_wrap .home_view .box_winner .list_wrap .list_cont .box_value li:last-child { border-right:0; }
.superstock_wrap .home_view .box_winner .list_wrap .list_cont .box_value .label  { display:block; color:#777; }
.superstock_wrap .home_view .box_winner .list_wrap .list_cont .box_value .value  { display:block; margin-top:2px; color:#e8343f; font-family:'BMJUA'; }

.superstock_wrap .home_view .box_winner .list_wrap .list_cont .box_name .cm_txt { float:left; width:auto; }
.superstock_wrap .home_view .box_winner .list_wrap .list_cont .box_name .cm_xsmtxt { float:right; text-align:right; color:#777; }

.superstock_wrap .home_view .box_winner .box_special .cm_subtit { }
.superstock_wrap .home_view .box_winner .box_special .list_wrap { border:1px solid #ededed; }
.superstock_wrap .home_view .box_winner .box_special .list_wrap .list_cont { padding:10px 15px; }
.superstock_wrap .home_view .box_winner .box_special .list_wrap .list_cont .box_value { float:none; width:100%; min-height:40px; padding:10px 0; }

.superstock_wrap .home_view .box_winner .btn_excellence { display:block; width:100%; height:50px; margin:0 auto; border-radius:13px; color:#fff; font-size:15px; font-weight:500; line-height:50px; text-align:center; }

.superstock_wrap .home_view .box_winner .box_awards { border:1px solid #ededed; }
.superstock_wrap .home_view .box_winner .box_awards .box_desc { padding:15px; background:#fff; }
.superstock_wrap .home_view .box_winner .box_awards .box_desc > ul { margin-top:15px; font-weight:600; }
.superstock_wrap .home_view .box_winner .box_awards .box_desc > ul li { position:relative;  margin-top:5px; font-size:95%; line-height:26px; font-weight:500; overflow:hidden;}
.superstock_wrap .home_view .box_winner .box_awards .box_desc > ul li .txt { display:block; float:left; width:calc(100% - 70px); word-break:keep-all; }
.superstock_wrap .home_view .box_winner .box_awards .box_desc > ul li .tit { display:block; float:left; width:50px; margin-right:20px; color:#777; text-align:justify; text-align-last:justify; }
.superstock_wrap .home_view .box_winner .box_awards .box_desc > ul li .tit .im { margin:0 5px 0 0; font-size:80%; vertical-align:middle; }

.superstock_wrap .home_view .box_winner .box_awards .superstock_note { padding:15px; border:0; background:#f8f8f8; }

.superstock_wrap .home_view .box_competition .contents01 { padding:40px 15px; }
.superstock_wrap .home_view .box_competition .contents01.none { padding:40px 0; }
.superstock_wrap .home_view .box_competition .contents02 { padding:40px 0 ; }
.superstock_wrap .home_view .box_competition .contents02 .box_tit {/* padding:0 15px; */}
.superstock_wrap .home_view .box_competition .btn_popup { margin-right:0; }

.superstock_wrap .home_view .box_competition .box_tit { width:100%; overflow:hidden; }
.superstock_wrap .home_view .box_competition .box_tit .cm_subtit { float:left; }
.superstock_wrap .home_view .box_competition .box_tit .cm_subtit .im { margin-left:3px; font-size:90%; vertical-align:middle; }
.superstock_wrap .home_view .box_competition .box_tit .cm_subtit + .cm_xsmtxt { float:right; margin-top:10px; }
.superstock_wrap .home_view .box_competition .box_tit .float_left { float:left; }
.superstock_wrap .home_view .box_competition .box_tit .float_right { float:right; }

.superstock_wrap .home_view .box_competition .box_set { height:30px; overflow:hidden; }
.superstock_wrap .home_view .box_competition .box_set .cm_xsmtxt { display:inline-block; margin-top:10px; }
.superstock_wrap .home_view .box_competition .box_set .cm_txt { line-height:30px; vertical-align:middle; font-weight:600; }
.superstock_wrap .home_view .box_competition .box_set .cm_txt + .cm_xsmtxt { margin-top:0; line-height:22px; }
.superstock_wrap .home_view .box_competition .box_set .cm_txt .im { display:inline-block; font-size:100%; vertical-align:middle; }
.superstock_wrap .home_view .box_competition .box_set .float_left { float:left; }
.superstock_wrap .home_view .box_competition .box_set .float_right { float:right; }

.superstock_wrap .home_view .box_competition .btn_tooltip { cursor: pointer; }
.superstock_wrap .home_view .box_competition .cm_tooltip_desc { width: calc(100% - 0px); left:0; top:unset; }
.superstock_wrap .home_view .box_competition .cm_tooltip_desc h5 { font-size:initial; }

.superstock_wrap .home_view .box_competition .cm_form.select { position:relative; right:0; height:30px; line-height:28px; font-size:75%; }

.superstock_wrap .home_view .box_competition .list_wrap { border-top:2px solid #222; }

.superstock_wrap .home_view .box_competition .box_present { overflow:hidden; }
.superstock_wrap .home_view .box_competition .box_present li { float:left; height:77px; width:calc(50% - 5px); margin-top:10px; margin-right:10px; background:#f5f5f5; overflow:hidden; }
.superstock_wrap .home_view .box_competition .box_present li:nth-child(1) { margin-top:0; }
.superstock_wrap .home_view .box_competition .box_present li:nth-child(2) { margin-top:0; }
.superstock_wrap .home_view .box_competition .box_present li:nth-child(2n) { margin-right:0; }
.superstock_wrap .home_view .box_competition .box_present li .box_ic { position:relative; float:left; width:70px; height:100%; border-top-right-radius:15px; overflow:hidden; }
.superstock_wrap .home_view .box_competition .box_present li .box_ic .cm_smtxt { position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; color:#fff; text-align:center; }
.superstock_wrap .home_view .box_competition .box_present li .value { float:right; position:relative; width:calc(100% - 70px); height:100%; border-left:0; text-align:center; overflow:hidden; }
.superstock_wrap .home_view .box_competition .box_present li .value .cm_subtit { position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; padding: 0 5px; margin-top:2px; font-family:'BMJUA'; font-weight:normal; text-align:center; }

.superstock_wrap .home_view .box_competition .list_issue { overflow:hidden; }
.superstock_wrap .home_view .box_competition .list_issue li { float:left; width:calc(50% - 5px); padding:15px; height:85px; margin-top:10px; margin-right:10px; border:1px solid #ddd; }
.superstock_wrap .home_view .box_competition .list_issue li:nth-child(1) {  margin-top:0; }
.superstock_wrap .home_view .box_competition .list_issue li:nth-child(2) {  margin-top:0; }
.superstock_wrap .home_view .box_competition .list_issue li:nth-child(2n) {  margin-right:0; }
.superstock_wrap .home_view .box_competition .list_issue li span { display:block; text-align:center; }
.superstock_wrap .home_view .box_competition .list_issue li span.label { margin-bottom:5px; }
.superstock_wrap .home_view .box_competition .list_issue li span.value { font-size:115%; font-family:'BMJUA'; font-weight:normal; line-height:26px; }
.superstock_wrap .home_view .box_competition .list_issue li.list_none { width:100%; margin:0;  color:#777; font-size:80%; font-family:'Noto Sans KR'; line-height:60px; text-align:center; } 

.superstock_wrap .home_view .box_competition .list_noti { border-top:2px solid #222; }
.superstock_wrap .home_view .box_competition .list_noti li { padding:15px; border-bottom:1px solid #ddd; overflow:hidden; }
.superstock_wrap .home_view .box_competition .list_noti li span { display:block; float:left; }
.superstock_wrap .home_view .box_competition .list_noti li .box_tit { float:left; width:calc(100% - 95px); height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.superstock_wrap .home_view .box_competition .list_noti li .box_date { float:right; width:95px; height:20px; text-align:right; }
.superstock_wrap .home_view .box_competition .list_noti li.non_date { height:80px; color:#777; font-size:80%; font-family:'Noto Sans KR'; line-height:50px; text-align:center; }

.superstock_wrap .home_view .box_competition .box_ad { width:100%; height:auto; background:#ededed; }
.superstock_wrap .home_view .box_competition .box_ad a { display:block; }
.superstock_wrap .home_view .box_competition .box_ad a img { display:block; width:100%; height:100%; }

/*대회개요*/
.superstock_wrap .info_view { word-break:keep-all; }
.superstock_wrap .info_view .contents01 { position:relative; padding:40px 15px; }
.superstock_wrap .info_view .box_desc + .box_desc { padding-top:40px; border-top:1px solid #ddd; }
.superstock_wrap .info_view .box_video { overflow:hidden; }
.superstock_wrap .info_view img { display:block; width:100%; }
.superstock_wrap .info_view .cm_txt b { font-weight:600; }
.superstock_wrap .info_view .cm_txt strong { font-size:120%; font-family:'BMJUA'; font-weight:normal; vertical-align:middle; }
.superstock_wrap .info_view .btn_mentor { display:block; width:180px; height:40px; margin:35px auto 0; border:1px solid #ddd; border-radius:5px; background:#fff; color:#222; font-size:95%; font-weight:600; line-height:40px; text-align:center; }

.superstock_wrap .info_view .box_info { padding:20px; border-radius:10px; background:#f8f8f8; }
.superstock_wrap .info_view .cm_txt { overflow:hidden; }
.superstock_wrap .info_view .cm_txt .btn_popup { float:right; margin-right:0; }

.superstock_wrap .info_view .btn_application { display:block; width:100%; height:50px; border-radius:5px; color:#fff; font-size:95%; line-height:50px; text-align:center; }
.superstock_wrap .info_view .btn_application .im { margin-right:3px; font-size:90%; vertical-align:middle; }

.superstock_wrap .info_view .swiper .list_wrap { overflow:visible; }
.superstock_wrap .info_view .swiper .list_wrap .list_cont.vertical10 { width:80%; overflow:hidden; }
.superstock_wrap .info_view .swiper .list_wrap .list_cont.vertical10 .cm_thumb_wrap  { width:100%; height:170px; background:#000; }
.superstock_wrap .info_view .swiper .list_wrap .list_cont.vertical10 .box_category .ic_dot { display:inline-block; margin:-1px 3px 0; color:#ccc; font-size:90%; vertical-align:middle; }
.superstock_wrap .info_view .swiper .list_wrap .list_cont.vertical10 .box_category .cm_mentor_name { display:inline-block; font-size:90%; font-family:'BMJUA'; line-height:16px; vertical-align:middle; }
.superstock_wrap .info_view .swiper .list_wrap .list_cont.vertical10 .box_desc { display:-webkit-box; max-height:40px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:keep-all; word-wrap:break-word; overflow:hidden; }

.superstock_wrap .info_view .minterview.list_wrap .list_cont { padding:20px 15px; margin-bottom:10px; border:1px solid #ededed; border-radius:10px; background:#fff; overflow:hidden; }
.superstock_wrap .info_view .minterview.list_wrap .list_cont:last-child { margin:0; }
.superstock_wrap .info_view .minterview.list_wrap .list_cont.horizon08 .box_tit p:nth-child(1) { height:35px; }
.superstock_wrap .info_view .minterview.list_wrap .list_cont.horizon08 .box_tit p:nth-child(1) img { display:inline-block; width:80px; }
.superstock_wrap .info_view .minterview.list_wrap .list_cont.horizon08 .box_tit p:nth-child(1) .im { display:inline-block; float:right; font-size:120%; color:#777; line-height:35px; vertical-align:middle; }
.superstock_wrap .info_view .minterview.list_wrap .list_cont.horizon08 .box_tit p:nth-child(2) b { display:block; font-weight:600; }
.superstock_wrap .info_view .minterview.list_wrap .list_cont.horizon08 .box_tit p:nth-child(2) span { display:inline-block; font-size:100%; }
.superstock_wrap .info_view .minterview.list_wrap .list_cont.horizon08 .box_tit p:nth-child(2) span .im { display:inline-block !important; margin:0 3px 0 0; font-size:80%; vertical-align:middle; }
.superstock_wrap .info_view .minterview.list_wrap .list_cont.horizon08 .box_tit p:nth-child(2) span small { font-size:90%; }
.superstock_wrap .info_view .minterview.list_wrap .list_cont.horizon08 .box_tit p:nth-child(2) span.cm_mentor_name { font-family:'BMJUA'; }
.superstock_wrap .info_view .minterview.list_wrap .list_cont.horizon08.list_cont.horizon08 .cm_smtxt { display:block; height:auto; }

/*대회랭킹*/
.superstock_wrap .rank_list .contents01 .cm_form_wrap { height:auto; padding:0; background:#fff; }
.superstock_wrap .rank_list .contents01 .label { float:left; min-width:61px; margin-right:15px; font-size:95%; line-height:35px; }
.superstock_wrap .rank_list .contents01 .label .im { margin-right:7px; font-size:90%; vertical-align:middle; }
.superstock_wrap .rank_list .contents01 .cm_form.text01 { float:left; width:calc(100% - 146px); height:35px; line-height:35px; }
.superstock_wrap .rank_list .contents01 .cm_btn_bg { float:left; width:60px; height:35px; margin-left:10px; font-size:80%; font-weight:600; text-align:center; }
.superstock_wrap .rank_list .contents01 .box_info { padding:7px 0; text-align:center; }
.superstock_wrap .rank_list .contents01 .box_info.right { text-align:right; }
.superstock_wrap .rank_list .contents01 .box_info .btn_popup { display:inline-block; width:85px; height:25px; margin-right:15px; border:1px solid #ddd; border-radius:13px; background:#fff; color:#777; font-size:70%; line-height:24px; vertical-align:middle; }
.superstock_wrap .rank_list .contents01 .box_info .date { line-height:25px; vertical-align:middle; }
.superstock_wrap .rank_list .contents01 .box_info .im { margin:0 0 0 8px; font-size:80%; vertical-align:middle; }
.superstock_wrap .rank_list .contents01 .cm_ranking_list { background:#fff; }
.superstock_wrap .rank_list .contents01 .cm_ranking_list .box_order { border-left:0; }
.superstock_wrap .rank_list .contents01 .cm_ranking_list .box_challenger .cm_xsmtxt { font-size:100%; }
.superstock_wrap .rank_list .cm_tooltip_desc .tooltip_article { margin:0; font-size:75%; line-height:18px; }
.superstock_wrap .rank_list .cm_paging_wrap { margin:30px 0 0 0; }

/*추천종목*/
.superstock_wrap .stock_list .contents02 { padding-top:0; }
.superstock_wrap .stock_list .box_noti { position:relative; padding:16px 15px; background:#ededed; overflow:hidden; }
.superstock_wrap .stock_list .box_noti .im { position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:155%; }
.superstock_wrap .stock_list .box_noti .cm_xsmtxt { padding-left:36px; word-break:keep-all; }

.superstock_wrap .stock_list .cm_form_wrap { height:40px; padding:0 15px; overflow:hidden; }
.superstock_wrap .stock_list .cm_form_wrap .cm_form.select { float:left; width:85px; height:40px; padding-right:30px; line-height:40px; font-size:80%; }
.superstock_wrap .stock_list .cm_form_wrap .cm_form.text01 { float:left; width:calc(100% - 165px); margin:0 10px; height:40px; font-size:80%; }
.superstock_wrap .stock_list .cm_form_wrap .cm_btn_bg { float:left; width:60px; height:40px; font-size:80%; line-height:40px; text-align:center; }
.superstock_wrap .stock_list .cm_form_wrap  + .cm_form_wrap .cm_form.select { width:50%; }
.superstock_wrap .stock_list .cm_form_wrap  + .cm_form_wrap .cm_form.select:first-of-type { border-right:0; }

.superstock_wrap .stock_list .list_cont { position:relative; padding:20px 15px; border-bottom:1px solid #ddd; overflow:hidden; }
.superstock_wrap .stock_list .list_cont:first-child { border-top:1px solid #ddd; }
.superstock_wrap .stock_list .list_cont .cm_txt { display:-webkit-box; height:22px; font-weight:600; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; word-wrap:break-word; overflow:hidden; z-index:2; }
.superstock_wrap .stock_list .list_cont .cm_txt .cm_color_dg { font-size:85%; }
.superstock_wrap .stock_list .list_cont .box_stock { float:left; width:calc(100% - 70px); margin-top:10px; z-index:2; }
.superstock_wrap .stock_list .list_cont .box_stock > * { float:left; }
.superstock_wrap .stock_list .list_cont .box_stock .cm_thumb_wrap { width:40px; height:40px; margin-right:10px; border:1px solid #ededed; border-radius:5px; overflow:hidden; }
.superstock_wrap .stock_list .list_cont .box_stock .cm_thumb_wrap img { display:block; width:100%; height:100%; }
.superstock_wrap .stock_list .list_cont .box_stock .cm_xsmtxt { display:-webkit-box; width:calc(100% - 50px); height:20px; margin-bottom:3px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; word-wrap:break-word; overflow:hidden; }
.superstock_wrap .stock_list .list_cont .box_stock .box_value { width:100%; margin-top:5px; overflow:hidden; }
.superstock_wrap .stock_list .list_cont .box_stock .box_value li { display:inline-block; height:20px; vertical-align:middle; line-height:20px; overflow:hidden; }
.superstock_wrap .stock_list .list_cont .box_stock .box_value li:first-child { display:inline-block;}
.superstock_wrap .stock_list .list_cont .box_stock .box_value li:last-child { padding-left:10px; }
.superstock_wrap .stock_list .list_cont .box_stock .box_value li .label { display:block; float:left; width:auto; margin-right:10px; color:#777; font-size:70%; line-height:20px; }
.superstock_wrap .stock_list .list_cont .box_stock .box_value li .value { display:block; float:left; width:auto; font-size:95%; line-height:20px; }
.superstock_wrap .stock_list .list_cont .box_stock .box_value li:first-child .value { position:relative; padding-right:12px; }
.superstock_wrap .stock_list .list_cont .box_stock .box_value li:first-child .value:before { display:block; content:''; position:absolute; top:4px; right:0; width:1px; height:12px; background:#ddd; }
.superstock_wrap .stock_list .list_cont .box_stock .box_value li .value small { font-size:75%; }
.superstock_wrap .stock_list .list_cont .box_state { position:absolute; top:51px; right:20px; width:70px; color:#666; font-size:95%; line-height:22px; text-align:right; z-index:1; }
.superstock_wrap .stock_list .list_cont .box_state.up { color:#e8373d !important; }
.superstock_wrap .stock_list .list_cont .box_state.down { color:#373fe8 !important; }
.superstock_wrap .stock_list .list_cont .box_state.profit { color:#f5634a !important; }
.superstock_wrap .stock_list .list_cont .box_state.loss { color:#22a5df !important; }
.superstock_wrap .stock_list .list_cont .box_state .cm_xsmtxt { display:block; margin-top:15px; }
.superstock_wrap .stock_list .list_cont .box_state .value { display:block; float:left; width:100%; font-size:95%; line-height:20px; }
.superstock_wrap .stock_list .list_cont .box_state .value small { font-size:75%; }
.superstock_wrap .stock_list .list_cont .box_state .value .im { margin:0 3px 0 0; font-size:80%; vertical-align:middle; }
.superstock_wrap .stock_list .list_cont .box_state .value.up { color:#e8373d !important; }
.superstock_wrap .stock_list .list_cont .box_state .value.down { color:#373fe8 !important; }
.superstock_wrap .stock_list .list_cont.list_none { color:#777; font-size:80%; line-height:50px; }

/*추천종목 상세*/
.superstock_wrap .stock_view .contents01 { padding:30px 15px; }
.superstock_wrap .stock_view .box_cont { padding:0; }
.superstock_wrap .stock_view .box_noti { position:relative; padding:16px 20px; background:#ededed; overflow:hidden; }
.superstock_wrap .stock_view .box_noti .im { position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:155%; }
.superstock_wrap .stock_view .box_noti .cm_xsmtxt { padding-left:36px; word-break:keep-all; }

.superstock_wrap .cm_btn_interest { display:block; position:relative; width:100%; height:30px; border:1px solid #ddd; border-radius:15px; background:#fff; box-sizing:border-box; text-align:center; }
.superstock_wrap .cm_btn_interest .cm_xsmtxt { color:#999; line-height:30px; vertical-align:middle; }
.superstock_wrap .cm_btn_interest .ic_circle{ display:inline-block; position:relative; width:16px; height:16px; margin:0 5px 0 0; border:1px solid #adb6c7; border-radius:50%; text-align:center; overflow:hidden; vertical-align:middle; }
.superstock_wrap .cm_btn_interest .ic_circle .im { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#adb6c7; font-size:30%; line-height:16px; }
.superstock_wrap .cm_btn_interest.on .im { color:#e8343f !important; }

.superstock_wrap .stock_view  h2.cm_txt { font-weight:600; }
.superstock_wrap .stock_view .contents01 { position:relative; padding:30px 15px; padding-bottom:100px; }
.superstock_wrap .stock_view .contents01.bg { padding:30px 15px; }
.superstock_wrap .stock_view .contents01.bg .box_cont { overflow:hidden; }
.superstock_wrap .stock_view .contents01.bg .box_cont .cm_thumb_wrap { float:left; width:60px; height:60px; margin-right:10px; border-radius:5px; border:1px solid #ededed; overflow:hidden; }
.superstock_wrap .stock_view .contents01.bg .box_cont .cm_thumb_wrap img { display:block; width:100%; height:100%; }
.superstock_wrap .stock_view .contents01.bg .box_cont .box_info { float:left; width:calc(100% - 70px); height:60px; padding:0 8px; border-radius:5px; background:#fff; overflow:hidden; }
.superstock_wrap .stock_view .contents01.bg .box_cont .box_info .cm_xsmtxt  { float:left; margin-top:20px; }

.superstock_wrap .stock_view .box_view_detail { padding:15px 0; border:0; border-top:2px solid #222; border-bottom:1px solid #ddd; }
.superstock_wrap .stock_view .box_view_detail .box_value { text-align:center; overflow:hidden; }
.superstock_wrap .stock_view .box_view_detail .box_value .label { display:block; color:#777; font-size:80%; line-height:22px; }
.superstock_wrap .stock_view .box_view_detail .box_value .value { display:block; font-family:'BMJUA'; font-size:95%; line-height:22px; }
.superstock_wrap .stock_view .box_view_detail .box_value .value.up { color:#e8343f !important; }
.superstock_wrap .stock_view .box_view_detail .box_value .value.down { color:#5e6b9e !important; }
.superstock_wrap .stock_view .box_view_detail .box_value .value.profit { color:#f5634a !important; }
.superstock_wrap .stock_view .box_view_detail .box_value .value.loss { color:#22a5df !important; }

.superstock_wrap .stock_view .box_view_detail .box_value.goal { margin-bottom:10px; }
.superstock_wrap .stock_view .box_view_detail .box_value.goal span { display:inline-block; vertical-align:middle; }
.superstock_wrap .stock_view .box_view_detail .box_value.goal .label { margin-right:15px; }

.superstock_wrap .stock_view .box_view_detail .box_value.add { display:flex; padding:10px 0; border-radius:10px; background:#f8f8f8; }
.superstock_wrap .stock_view .box_view_detail .box_value.add li { flex:1 1 auto; height:40px; border-right:1px solid #ddd; }
.superstock_wrap .stock_view .box_view_detail .box_value.add li .label { line-height:18px; }
.superstock_wrap .stock_view .box_view_detail .box_value.add li .value { margin-top:2px; font-size:125%; line-height:20px; }
.superstock_wrap .stock_view .box_view_detail .box_value.add li .value small { font-size:75%;}
.superstock_wrap .stock_view .box_view_detail .box_value.add li .value small p { display:inline; }
.superstock_wrap .stock_view .box_view_detail .box_value.add li:nth-child(3) { border-right:0; }
.superstock_wrap .stock_view .box_view_detail .box_value.add li:nth-child(3) .value { font-size:95%; color:#666; }
 
.superstock_wrap .stock_view .box_stock_info { padding:20px 15px; margin-top:15px; border-radius:10px; background:#f8f8f8; }
.superstock_wrap .stock_view .box_stock_info .cm_txt { display:inline-block; margin-right:3px; font-weight:700; vertical-align:bottom }
.superstock_wrap .stock_view .box_stock_info .cm_txt + .cm_xsmtxt { display:inline-block; vertical-align:bottom }
.superstock_wrap .stock_view .box_stock_info .box_desc { margin-top:10px; }
.superstock_wrap .stock_view .box_stock_info .box_desc li { position:relative; padding-left:16px; margin-top:3px; overflow:hidden; }
.superstock_wrap .stock_view .box_stock_info .box_desc li:first-child { margin-top:0; }
.superstock_wrap .stock_view .box_stock_info .box_desc li:before { display:block; content:''; position:absolute; top:9px; left:0; width:4px; height:4px; border-radius:50%; background:#555; }
.superstock_wrap .stock_view .box_stock_info .box_desc li span { display:block; font-size:95%; line-height:22px; }
.superstock_wrap .stock_view .box_stock_info .box_desc li .label { float:left; width:80px; color:#555; text-align:justify; text-align-last:justify; }
.superstock_wrap .stock_view .box_stock_info .box_desc li .value { float:right; max-width:calc(100% - 90px); font-family:'BMJUA'; padding:2px 0 0 0; text-align:right; }
.superstock_wrap .stock_view .box_stock_info .box_desc li .value small { font-size:85%; }

.superstock_wrap .stock_view .box_stock_reason { padding:15px 0 30px 0; border-bottom:1px solid #ddd; }
.superstock_wrap .stock_view .box_stock_reason .box_keyword { margin-left:-5px; overflow:hidden; }
.superstock_wrap .stock_view .box_stock_reason .box_keyword li { display:inline-block; height:25px; padding:0 15px; margin:5px; border:1px solid #ff7500; border-radius:13px; font-weight:600; font-size:80%; line-height:22px; }
.superstock_wrap .stock_view .box_stock_reason .box_txt { font-size:80%; line-height:22px; }

.superstock_wrap .stock_view .box_company { max-height:318px; border:1px solid #ddd; border-top:2px solid #222; overflow:hidden; overflow-y:auto; }

.superstock_wrap .stock_view .box_btn { overflow:hidden; }
.superstock_wrap .stock_view .box_btn .btn_list { display:block; float:right; width:60px; height:30px; border:1px solid #ddd; background:#fff; font-size:75%; line-height:30px; text-align:center; }
.superstock_wrap .stock_view .box_btn.js_floating { position:absolute; bottom:30px; width:calc(100% - 30px);}
.superstock_wrap .stock_view .box_btn.js_fixed { position:fixed; left:0; bottom:55px; width:100%; padding:10px 20px 20px 20px; margin:0; background:#fff; z-index:50; }
.superstock_wrap .stock_view .box_btn a { display:block; width:100%; height:40px; font-size:80%; line-height:40px; }
.superstock_wrap .stock_view .box_btn a strong { display:inline-block; margin-left:5px; font-family:'BMJUA'; font-weight:normal; line-height:40px; vertical-align:middle; }
.superstock_wrap .stock_view .box_btn .im { font-size:90%; margin-right:7px; }
.superstock_wrap .stock_view .box_btn .cm_btn_bg .cm_color_red { margin-left:10px; color:#fff!important; }

/*역대수상자*/
.superstock_wrap .awards_view.contents03 { padding:40px 15px; overflow:hidden; }
.superstock_wrap .awards_view .box_tab { position:relative; width:100%; overflow:hidden; overflow-x:auto; -ms-overflow-style:scrollbar; }
.superstock_wrap .awards_view .box_tab::-webkit-scrollbar { display: block; }
.superstock_wrap .awards_view .box_tab .cm_tab { overflow:hidden; }
.superstock_wrap .awards_view .box_tab .cm_tab.round_style .cm_tab_menu { padding:0 15px; }
.superstock_wrap .awards_view .box_tab .cm_tab.addflex { display:-webkit-box; display:-ms-flexbox; display:flex; width:100% !important; }
.superstock_wrap .awards_view .box_tab .cm_tab.addflex .cm_tab_menu { -webkit-flex:1 1 auto; -ms-flex:1; -ms-flex-order:1; flex: 1 1 0px; padding:0; }

.superstock_wrap .awards_view .tab_cont { display:none; width:100%; }
.superstock_wrap .awards_view .tab_cont.on { display:block; }
.superstock_wrap .awards_view .tab_cont { width:1200px; margin:0 auto; }
.superstock_wrap .awards_view .tab_cont .cm_cont_slide { margin-left:-10px; }
.superstock_wrap .awards_view .tab_cont .cm_cont_slide.slick-slider .slick-list { width:1222px; }
.superstock_wrap .awards_view .cm_cont_list.style01 { width:285px; height:135px; padding:15px; margin-right:20px; border:1px solid #ddd; border-radius:15px; box-sizing:border-box; }
.superstock_wrap .awards_view .cm_cont_list .cm_mentor_name { margin-top:10px; font-size:18px; line-height:25px; }
.superstock_wrap .awards_view .cm_cont_list.style01 .box_info_desc { width:100%; margin-top:10px; }
.superstock_wrap .awards_view .cm_cont_list.style01 .box_info_desc .txt_goal { float:left;  width:30%; padding:10px 0; border-radius:15px; background:#f5f5f5; text-align:center; }
.superstock_wrap .awards_view .cm_cont_list.style01 .box_info_desc .txt_goal .tit { display:block; font-size:80%; color:#777; line-height:20px; }
.superstock_wrap .awards_view .cm_cont_list.style01 .box_info_desc .txt_goal .txt { display:block; font-size:90%; line-height:25px; }
.superstock_wrap .awards_view .cm_cont_list.style01 .box_info_desc .txt_goal .txt strong { font-size:120%; font-weight:bold; }
.superstock_wrap .awards_view .cm_cont_list.style01 .box_info_desc .info_desc { padding: 10px 0; overflow:hidden; }
.superstock_wrap .awards_view .cm_cont_list.style01 .box_info_desc .info_desc_txt { width:100%; color:#777; line-height:22px; }
.superstock_wrap .awards_view .cm_cont_list.style01 .box_info_desc .info_desc_txt .tit { display:block; float:left; width:60%; padding-left:7px; font-size:80%; }
.superstock_wrap .awards_view .cm_cont_list.style01 .box_info_desc .info_desc_txt .tit:before { display:inline-block; content:''; width:3px; height:3px; margin:0 5px; background:#999; vertical-align:middle; }
.superstock_wrap .awards_view .cm_cont_list.style01 .box_info_desc .info_desc_txt .txt { display:block; float:left; width:calc(100% - 60%); color:#222; font-size:95%; text-align:right; }




/*공지사항*/
.superstock_wrap .notice_list .list_wrap { border-top:2px solid #222; }
.superstock_wrap .notice_list .list_cont { position:relative; width:100%; border-bottom:1px solid #ddd; overflow:hidden; }
.superstock_wrap .notice_list .list_cont .box_ic { display:inline-block;; float:left; position:absolute; top:50%; left:5px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:35px; height:auto; padding-right:0; vertical-align:middle; }
.superstock_wrap .notice_list .list_cont .box_ic .ic { display:inline-block; height:20px; padding:0 8px; border-radius:3px; color:#999; font-size:70%; line-height:20px; overflow:hidden; }
.superstock_wrap .notice_list .list_cont .box_ic .ic_noti { display:block; padding:0; background:#e8343f; color:#fff; text-align:center; }

.superstock_wrap .notice_list .list_cont .box_info { float:right; position:relative; width:calc(100% - 40px); padding:15px 15px 15px 10px; height:auto; font-weight:600; box-sizing:border-box; }
.superstock_wrap .notice_list .list_cont .box_info.wide { width:100%; padding:10px 10px 10px 5px; font-weight:500; }
.superstock_wrap .notice_list .list_cont .box_info span { display:block; width:calc(100% - 10px); }
.superstock_wrap .notice_list .list_cont .box_info .tit { height:auto; padding:0; font-size:95%; line-height:20px;  }
.superstock_wrap .notice_list .list_cont .box_info .tit.txt_hidden { display:-webkit-box; height:20px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; word-wrap:break-word; overflow:hidden; }

.superstock_wrap .notice_list .list_cont .box_info .date { color:#999; font-size:70%; line-height:16px; }
.superstock_wrap .notice_list .list_cont .box_info .im { position:absolute; top:50%; right:2px; transform:translateY(-50%); -webkit-transform:translateY(-50%); color:#999; font-size:90%; }

/*공지사항 뷰*/
.superstock_wrap .notice_view .box_btn { margin-top:10px; overflow:hidden; }
.superstock_wrap .notice_view .box_btn .cm_btn_line { float:right; width:60px; height:30px; font-size:75%; line-height:30px; text-align:center; }
.superstock_wrap .notice_view .cm_table_wrap { border:0; }
.superstock_wrap .notice_view .cm_table_wrap th .cm_xsmtxt { font-size:70%; line-height:16px; }
.superstock_wrap .notice_view .cm_table_wrap th .tit { font-size:95%; line-height:normal; }
.superstock_wrap .notice_view .cm_table_wrap td.box_detail { padding:26px 5px 36px; color:#555; font-size:80%; line-height:20px; font-family:'Noto Sans KR' !important; }
.superstock_wrap .notice_view .cm_table_wrap td.box_detail * { font-family:'Noto Sans KR' !important; }

/*마케팅 공유하기 팝업*/
.superstock_popup_share .popup_wrap .popup_desc ul { text-align:center; }
.superstock_popup_share .popup_wrap .popup_desc ul li { display:inline-block; width:35px; height:35px; overflow:hidden; }
.superstock_popup_share .popup_wrap .popup_desc ul li + li { margin-left:30px; }
.superstock_popup_share .popup_wrap .popup_desc ul li.facebook { background:url('/images/superstock/ic_superstock_share_facebook.png') no-repeat; background-size:cover; }
.superstock_popup_share .popup_wrap .popup_desc ul li.kakao { background:url('/images/superstock/ic_superstock_share_kakao.png') no-repeat; background-size:cover; }
.superstock_popup_share .popup_wrap .popup_desc ul li.copy { background:url('/images/superstock/ic_superstock_share_url.png') no-repeat; background-size:cover; }

/*마케팅 수신 동의 팝업*/
.superstock_popup_marketing .popup_wrap .popup_desc { overflow-y:hidden; }

/*역대 시즌 수상자 팝업*/
.superstock_popup_winner .popup_wrap .popup_desc { }
.superstock_popup_winner .popup_wrap .box_list { height:40vh; overflow:hidden; overflow-y:auto; }
.superstock_popup_winner .popup_wrap .cm_form.select { float:none; width:100%; }
.superstock_popup_winner .popup_wrap .list_wrap { width:100%; border-top:1px solid #ddd; overflow:hidden; }
.superstock_popup_winner .popup_wrap .list_wrap .list_cont { float:none; height:auto; padding:10px; border-bottom:1px solid #ddd;  overflow:hidden; }
.superstock_popup_winner .popup_wrap .list_wrap .list_cont.on { background:#f4f5fa; }
.superstock_popup_winner .popup_wrap .list_wrap .list_cont .cm_mentor_name { font-size:95%; line-height:20px; }
.superstock_popup_winner .popup_wrap .list_wrap .list_cont .box_order { position:relative; float:left; width:20px; margin-right:5px; text-align:center;}
.superstock_popup_winner .popup_wrap .list_wrap .list_cont .box_order span { font-size:95%; font-family:'BMJUA'; }
.superstock_popup_winner .popup_wrap .list_wrap .list_cont .box_order .top3 { display:inline-block; width:20px; height:20px; background:#5e6b9e; border-radius:50%; color:#fff; line-height:22px; text-align:center; vertical-align:middle; }
.superstock_popup_winner .popup_wrap .list_wrap .list_cont .box_order .top3.first { background:#e8343f; }
.superstock_popup_winner .popup_wrap .list_wrap .list_cont .box_name { float:left; width:calc(100% - 60px); }
.superstock_popup_winner .popup_wrap .list_wrap .list_cont .box_name .cm_xsmtxt span { display:inline-block; margin-right:10px;  }
.superstock_popup_winner .popup_wrap .list_wrap .list_cont .box_name .cm_xsmtxt span:last-of-type { margin-right:0; }
.superstock_popup_winner .popup_wrap .list_wrap .list_cont .box_name .cm_xsmtxt span strong { margin-left:3px; font-size:100%; font-family:'BMJUA'; vertical-align:middle; }
.superstock_popup_winner .popup_wrap .list_wrap .list_cont .box_active { display:block; float:right; width:30px; height:auto; line-height:20px; text-overflow:unset; text-align:center; }

/*우수상 수상자 팝업*/
.superstock_popup_excel .popup_wrap .list_wrap { width:100%; border-top:1px solid #ddd; overflow:hidden; }
.superstock_popup_excel .popup_wrap .list_wrap .list_cont { float:none; height:auto; padding:10px; border-bottom:1px solid #ddd;  overflow:hidden; }
.superstock_popup_excel .popup_wrap .list_wrap .list_cont .cm_mentor_name { font-size:90%; }
.superstock_popup_excel .popup_wrap .list_wrap .list_cont .cm_thumb_wrap { float:left; width:44px; height:44px; border-radius:5px; overflow:hidden; }
.superstock_popup_excel .popup_wrap .list_wrap .list_cont .cm_thumb_wrap img { display:block; width:100%; height:100%; }
.superstock_popup_excel .popup_wrap .list_wrap .list_cont .box_txt { float:right; width:calc(100% - 54px); margin-top:2px; }
.superstock_popup_excel .popup_wrap .list_wrap .list_cont .box_txt .cm_xsmtxt span { display:inline-block; margin-right:10px;  }
.superstock_popup_excel .popup_wrap .list_wrap .list_cont .box_txt .cm_xsmtxt span:last-of-type {  margin-right:0; }
.superstock_popup_excel .popup_wrap .list_wrap .list_cont .box_txt .cm_xsmtxt strong { margin-left:3px; font-size:100%; font-family:'BMJUA'; vertical-align:middle; }
/*-- E : 슈퍼스탁K  --*/

/*-- S :슈스탁 포인트 컬러--*/
.superstock_color { color:#f88e36 !important; }
.superstock_bg { background-color:#f88e36 !important; }
.superstock_border { border-color:#f88e36 !important; }
.superstock_lbg { background-color:#fff !important; } /*연한 배경*/
.superstock_th.cm_table_wrap thead th, .superstock_th.cm_table_wrap tbody th { background-color:#fff8f8 !important; } /*연한 배경*/
.superstock_on .cm_paging_wrap .cm_pageing.btn_num.selected { background-color:#f88e36 !important; }
/*-- E :슈스탁 포인트 컬러--*/

/*
.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;}

.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;}

.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;}

.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:#e92b75; font-family:'Noto Sans KR'; font-size: 80%; color: #fff; overflow: hidden; letter-spacing: -1.5px; text-align: center; }
.luckybox_2 .number_check .count { position: relative; margin-top: 13px; }
.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:0px; box-shadow:none;  background:none; text-align:center; }
.luckybox_2 .number_check .count ul li .mask_type .mask { display: block; overflow: hidden; position: static; border: 0; opacity: 100; height: 24px; border-radius:0; background:none; box-shadow:none; }
.luckybox_2 .number_check .count p { position: absolute; top: -3px; left:50%; transform:translateX(-50%); right:0; color: #fff; margin: 0; line-height: 30px; }
.luckybox_2 .number_check p { margin-top:0; }
.luckybox_2 .number_check p span { font-family: Dotum; font-size: 11px; color: #bb8892;}
.luckybox_2 .open_btn { position:absolute; top:18.5%; 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:22.1%; left:50%; transform:translateX(-50%); width:85%; height:70px; border-radius:6px; box-shadow:0 1px 3px #666; background:rgba(255,255,255,1); 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 #e92b75; font-size:90%; color:#e92b75; 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: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:#e92b75; }
.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:130px; 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.95em; color:#222; text-align: center; box-sizing: border-box; line-height: 21px; letter-spacing: -1px; padding-top:30%; 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:0; font-style: normal; font-size: 80%; color:#e92b75; 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:#e92b75; text-align: center; font-size: 90%; color: #fff; text-decoration:none; }
 */

/*럭키박스*/
.luckybox_wrap {  }
.luckybox_wrap .box_count { display:-webkit-box; display:-ms-flexbox; display:flex; padding:0 20px; }
.luckybox_wrap .box_count li { -webkit-flex:1 1 auto; -ms-flex:1; flex: 1 1 auto; position:relative; height:30px; padding:4px 10px; border-radius:5px; background:#ededed; color:#999; font-weight:700; text-align:center; }
.luckybox_wrap .box_count li + li { margin-left:25px; }
.luckybox_wrap .box_count li + li:before { display:block; content:'\e001'; position:absolute; top:0; left:-25px; width:25px; height:30px; color:#ededed; line-height:30px; }
.luckybox_wrap .box_count li.end { background:#ff7137; color:#fff !important; }
.luckybox_wrap .box_count li.end::after { display:block; content:''; position:absolute; top:-5px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:40px; height:40px; background:url('/images/event/event-luckybox-couponget.png') no-repeat; background-size:contain; }
.luckybox_wrap .box_count li.on { color:#ff7137; }

.luckybox_wrap .box_count + p.cm_xsmtxt { padding:0 20px; text-align:center; }

.luckybox_wrap .box_cont { position:relative; overflow:hidden; }
.luckybox_wrap .box_cont .bg_img { display:block; width:100%; height:100%; z-index:1; }
.luckybox_wrap .box_cont .box_rolling { display:block; position:absolute; top:26.950%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:88.888%; padding:9px 15px; border-radius:10px; background:#967762;  }
.luckybox_wrap .box_cont .box_rolling .box_win { width:100%; height:22px; color:#fff; font-weight:500; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.luckybox_wrap .box_cont .box_rolling .box_win .cm_color_bk { font-weight:bolder; }
.luckybox_wrap .box_cont .btn_open { position:absolute; top:23.006%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:88.888%; height:3.067%; background-color:aqua; opacity:0; }

.luckybox_popup_confirm .popup_wrap .popup_desc{ height:auto; overflow:hidden;  }

.luckybox_popup_open { position:fixed; left:0; top:0; background:rgba(0,0,0,0.8); z-index:10000;}
.luckybox_popup_open .popup_img { background:#dac5b4; }
.luckybox_popup_open .popup_img .box_text { width:83.333%; margin:0 auto; padding:15px; border-radius:15px; background:#fff; color:#b65937; font-weight:700; text-align:center; }
.luckybox_popup_open .popup_img .box_btn { position:relative; }
.luckybox_popup_open .popup_img .box_btn .btn_chk { position:absolute; bottom:11.718%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:83.333%; height:19.531%; background-color:aqua; opacity:0; }


/* 생명의 선물 캠페인 */
.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-size:0.813rem;line-height:28px; 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-size:0.75rem; line-height:23px; font-family:'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-size:0.938rem; font-family:'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-size:0.938rem; font-family:'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-size:0.938rem; line-height:22px; font-family:'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-size:0.938rem; line-height:20px; font-family:'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-size:1.125rem; font-family:'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 { font-weight:700; font-size:0.938rem; line-height:20px; font-family:'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-size:0.813rem; }
.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-size:0.813rem; line-height:18px; font-family:'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; }
.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-size:0.938rem; line-height:30px; font-weight:700; }
.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 .test_area_list {position:relative; width:116px; height:25px; margin:0 auto; padding-top:25px; overflow:hidden;}

.level_test_wrap.step02 .level_test_cont .test_navi { position:absolute; top:0; left:0; width:100%; height:25px; text-align:center; overflow:hidden; }
.level_test_wrap.step02 .level_test_cont .test_navi > li { display:inline-block; position:relative; 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 > li:first-child{margin-left:0;}
.level_test_wrap.step02 .level_test_cont .test_navi > li button { display:block; width:100%; height:100%; opacity:0; }
.level_test_wrap.step02 .level_test_cont .test_navi > li:before { display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
.level_test_wrap.step02 .level_test_cont .test_navi > li:nth-child(1):before { content:'01'; }
.level_test_wrap.step02 .level_test_cont .test_navi > li:nth-child(2):before { content:'02'; }
.level_test_wrap.step02 .level_test_cont .test_navi > li:nth-child(3):before { content:'03'; }
.level_test_wrap.step02 .level_test_cont .test_navi > li:nth-child(4):before { content:'04'; }
.level_test_wrap.step02 .level_test_cont .test_navi > li:nth-child(5):before { content:'05'; }
.level_test_wrap.step02 .level_test_cont .test_navi > li:nth-child(6):before { content:'06'; }
.level_test_wrap.step02 .level_test_cont .test_navi > li:nth-child(7):before { content:'07'; }
.level_test_wrap.step02 .level_test_cont .test_navi > li:nth-child(8):before { content:'08'; }
.level_test_wrap.step02 .level_test_cont .test_navi > li:nth-child(9):before { content:'09'; }
.level_test_wrap.step02 .level_test_cont .test_navi > li:nth-child(10):before { content:'10'; }

.level_test_wrap.step02 .level_test_cont .test_navi > li.slick-active { border:1px solid #222; background-color:#e5fd97; color:#26347c; font-weight:700; }
.level_test_wrap.step02 .level_test_cont .test_navi > li.slick-active button { cursor:default; }

.level_test_wrap.step02 .level_test_cont .test_navi > li.past::after{ 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_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-radius:5px; border:1px solid #222; background-color:#e5fd97; color:#26347c; 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 .box_btn .test_btn { float:left;  width:calc(50% - 7px);}
.level_test_wrap.step02 .level_test_cont .test_area .test_area_list .btn_finish { float:left; width:calc(50% - 7px); height:30px; margin-top:20px; margin-left:14px; border-radius:5px; border:1px solid #e7e7e7; 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_area_list .btn_finish .im { margin:0 0 0 5px; font-size:90%; vertical-align:middle; }
.level_test_wrap.step02 .level_test_cont .test_area .test_area_list .btn_finish.on { 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%); padding:5px 30px 3px; margin:0 auto; margin-top:53.2%; border-radius:5px; border:1px solid #222; background-color:#e5fd97; color:#26347c; font-size:95%; font-family:'BMJUA'; 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;}
.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:#26347c; font-weight:700;}
.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; 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:0.688rem;}
.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 .btn_test_result{ width:100%; height:40px; margin-top:20px; border:1px solid #222; border-radius:5px; background-color:#e5fd97; color:#26347c; font-size:90%; font-family:'BMJUA'; font-weight:600; line-height:40px; vertical-align:middle; overflow:hidden; }
.level_test_wrap.step03 .level_test_cont .contents_area .btn_test_result span { color:#ff7500; }
.level_test_wrap.step03 .level_test_cont .contents_area .btn_replay{ display:block; height:35px; margin-top:15px; color:#777; font-size:75%; vertical-align:middle; }
.level_test_wrap.step03 .level_test_cont .contents_area .im { margin:-2px 0 0 3px; font-size:85%; vertical-align:middle; }

.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:0.813rem; 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; margin-top:20px; border-top:2px dashed #626262; box-sizing:border-box; }
.level_test_wrap.step03 .level_test_cont .contents_area .level_recomend .cont_title{font-size:0.813rem; font-weight:700;}
.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:0.813rem; 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:#ff7500; 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-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-size:0.938rem; line-height:25px; font-family:'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_txt { 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-size:1.125rem; line-height:39px; font-family:'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_txt { padding:0 10px; }
.dbcollect_wrap .box_mentor .list_cont.vertical04 .cm_txt .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_txt { padding:0; margin-bottom:10px; }
.dbcollect_wrap .box_mentor .list_cont.vertical04 .box_noti .cm_xsmtxt { 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_txt { 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_txt { 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_txt { 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_subtit { display:block; width:100%; font-family:'GmarketSans'; font-weight:normal; text-align:center; }
.leading_landing .cm_subtit strong { color:#ff7500; font-weight:bold; }
.leading_landing .cm_subtit strong i { font-style:italic; font-weight:bold; }

.leading_landing h2.cm_txt { 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_txt { 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_xsmtxt {  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_txt { 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 { 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;}