@charset "utf-8";

/*============================================================
font
=============================================================*/

@font-face {
    font-family:'Pretendard';
    font-weight:400;
    font-style:normal;
    font-display: block;
    src:url('../css/font/Pretendard-Regular.woff2') format('woff2'),
        url('../css/font/Pretendard-Regular.woff') format('woff')
}
@font-face {
    font-family:'Pretendard';
    font-weight:500;
    font-style:normal;
    font-display: block;
    src:url('../css/font/Pretendard-Medium.woff2') format('woff2'),
        url('../css/font/Pretendard-Medium.woff') format('woff')
}
@font-face {
    font-family:'Pretendard';
    font-weight:600;
    font-style:normal;
    font-display: block;
    src:url('../css/font/Pretendard-SemiBold.woff2') format('woff2'),
        url('../css/font/Pretendard-SemiBold.woff') format('woff')
}
@font-face {
    font-family:'Pretendard';
    font-weight:700;
    font-style:normal;
    font-display: block;
    src:url('../css/font/Pretendard-Bold.woff2') format('woff2'),
        url('../css/font/Pretendard-Bold.woff') format('woff')
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-style: normal;
    src:url('../css/font/Pretendard-Black.woff2') format('woff2'),
        url('../css/font/Pretendard-Black.woff') format("woff");
}

/*============================================================
Reset
=============================================================*/
html{overflow-y: scroll;}
html,body{height:100%;}
body {position:relative; background-color:#fff;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-osx-font-smoothing:grayscale; color:#292D34;}
body::before{position:fixed;left:0;top:0;width:100%;height:0;content:'';}/* fix webkit bug(scroll event delay) */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,iframe,th,td,a,select,input,textarea{margin:0;padding:0;font-family:'Pretendard', 'sans-serif';font-weight:normal;line-height:1.4;font-size:14px;box-sizing: border-box;letter-spacing: -0.25px;}
var {font-style:normal;}
article,aside,details,figcaption,figure,footer,header,nav,section,summary,main{display:block;margin:0;padding:0;}
img,fieldset,iframe,button{border:0;}
li{list-style:none;}
button{overflow:visible;font-family:'Pretendard'; border:0;color:inherit;line-height:inherit; background:transparent; outline:none; cursor:pointer;}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;}
legend, caption, hr{display:none;}
select, input, textarea{font-family:'Pretendard'; color:#292D34; border-radius:0; border:0;appearance: none; -webkit-appearance:none; outline: none;}
i, em, u, cite {font-style:normal;}
strong{font-weight:700;}
b{font-weight:400;}
img{border:0; vertical-align:middle;}
a{color:#292D34; text-decoration:none;outline-offset:-1px;-webkit-tap-highlight-color: rgba(0,0,0,0);}
address{font-style:normal;}
textarea{overflow-y: auto; resize: none; display:block}
input::-webkit-input-placeholder{color:#ccc !important;}
input:-ms-input-placeholder{color:#ccc !important;}
textarea::-webkit-input-placeholder{color:#ccc !important;}
textarea:-ms-input-placeholder{color:#ccc !important;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{ -webkit-appearance:none;margin:0; }
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator{
    opacity:0;
    -webkit-appearance: none;
}
input::-ms-clear,
input::-ms-reveal{
	display:none;width:0;height:0;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
	display:none;
}
html,body,.wrap{height: 100%;}
.wrap{background-color: #fff;}
.wrap.home{background-color: #F3F8FF;}
.wrap.dark{background-color: #010101;}
.wrap.bg_gray{background-color: #F7F8FA;}
.wrap.bg_gray .container{background-color: #F7F8FA;}
.wrap.type_gray{background-color: #EEF0F5;}
.wrap.type_gray .header{background-color: #EEF0F5;}
.wrap.type_gray .container{background-color: #EEF0F5;}
.wrap.join{background-color: #EEF0F5;}
.wrap.join .header{background-color: #EEF0F5;}
.wrap.join .container{background-color: #EEF0F5;}
.wrap.gradient_blue{position: relative;}
.wrap.gradient_blue::after{content: '';position: absolute;left: 0;top: 0;display: inline-block;width: 100%;height: 258px;background-image:linear-gradient(180deg, #DCE5FB 0%, #FFFFFF 75%);}
.wrap.gradient_blue .header{background-color:transparent;transition:background-color 0.3s ease;}
.wrap.gradient_blue .header.is_white{backdrop-filter:blur(10px);-webkit-backdrop-filter: blur(10px);box-shadow:0 4px 10px rgba(0, 0, 0, 0.1);}
.wrap.gradient_blue .container{position:relative;z-index:1;}

/*============================================================
common
=============================================================*/
#skip-navigation{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;display:none;}
.dimd{overflow:hidden;}
.blind{position:absolute;left:-10000px;top:-10000px;width:0;height:0;font-size:0;}
.dim{background: rgba(0, 0, 0, 0.7) !important;cursor:pointer;}
.blind{position:absolute;left:-10000px;top:-10000px;width:0;height:0;font-size:0;}
img.skin_white_img{display:none;}
body.video{background-color: #010101;}
body.layer_activated{overflow:hidden;}
.wide{margin:0 -16px;}
.text_left{text-align:left !important;}
.text_center{text-align:center !important;}
.text_right{text-align:right !important;}
.skin_black{background-color:#010101;}

/*============================================================
header
=============================================================*/
.header{position:fixed;top:0;left:0;right:0;z-index:5;height:56px;padding:0 16px;background:#fff;text-align:center;box-sizing:border-box;}
.header.bg_blue{background-color:#F3F8FF;}
.header .inner{position: relative;display: flex;justify-content: space-between;align-items: center;width: 100%;height: 100%;}
.header .inner .tit{position: relative;left: -12px;width:100%;font-size: 18px;font-weight: 700;;color: #292D34;line-height: 56px;text-align: center;}
.header .inner > button{min-width: 24px;z-index: 1;}
.header .inner .btn_menu{width: 24px;height: 24px;background: url(../images/common/icon_menu.png) no-repeat 0 0 / 24px;}
.header .inner .btn_back{width: 24px;height: 24px;background: url(../images/common/icon_back.png) no-repeat 0 0 / 24px;}
.header .inner .btn_my{width: 24px;height: 24px;background: url(../images/common/icon_my.png) no-repeat 0 0 / 24px;}
.header .inner .btn_close{width: 24px;height: 24px;background: url(../images/common/icon_close24.png) no-repeat 0 0 / 24px;}
.header .inner .btn_share{width: 24px;height: 24px;background: url(../images/common/icon_share.png) no-repeat 0 0 / 24px;}
.header .inner .btn_alarm{width: 25px;height: 24px;background: url(../images/common/icon_alarm.png) no-repeat 0 0 /  25px 24px;}
.header .inner .btn_alarm.off{width: 24px;height: 24px;background: url(../images/common/icon_alarm_off.png) no-repeat 0 0 /  24px 24px;}
.header .inner .btn_setting{width: 24px;height: 24px;background: url(../images/common/icon_setting.png) no-repeat 0 0 / 24px;}
.header .inner .btn_search{width:24px;height:24px;background:url(../images/common/icon_search.png)no-repeat 0 0/24px;}
.header .inner .btn_like{width:24px;height:24px;background:url(../images/common/icon_like_large.png)repeat 0 0/24px;}
.header .inner .btn_like.on{width:24px;height:24px;background:url(../images/common/icon_like_on_large.png)repeat 0 0/24px;}
.header .btn_right{position: absolute;right: 0;top: 50%;display: flex;align-items: center;gap: 8px;color: transparent;transform: translateY(-50%);}
.header .btn_right a{display: inline-block;width: 30px;height: 30px;color: transparent;}

.header .right{position:absolute;top:50%;right:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.header .right button{margin-left:10px;}
.header .right button.first{margin-left:0;}
.header .right .btn_heart{position:relative;width:20px;height:20px;background:url(../images/cp/icon_heart.png)no-repeat 50% / 20px;color:transparent;}
.header .right .btn_heart em{display:none;position:absolute;top:28px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:7px 10px;border-radius:10px;background-color:#F4124F;font-size:14px;font-weight:700;color:#fff;line-height:17px;white-space:nowrap;}
.header .right .btn_heart em::before{content:'';display:block;position:absolute;top:-5px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:6.5px;height:6.5px;background:url(../images/cp/icon_flag.png)no-repeat 50% / 6.5px;}
.header .right .btn_heart.on{background:url(../images/cp/icon_heart_on.png)no-repeat 50% / 20px;}
.header .right .btn_heart.on em{display:block;}

.header .right .btn_share{overflow:hidden;width:20px;height:20px;background:url(../images/cp/icon_share.png)no-repeat 50% / 20px;color:transparent}
.header .right .btn_close{width: 24px;height: 24px;background:url(../images/lecture/ico_closed.png) no-repeat 0 0 / 100% 100%;color:transparent}


/* header 없는 버전 */
.no_header .container{padding-top:0;}

/*============================================================
footer
=============================================================*/
/* .footer{padding-top: 40px;} */
.footer_wrap{display: flex;flex-direction: column;gap: 24px;padding: 16px 16px 32px 16px;border-top: 1px solid #E7EAF2;background-color: #F3F8FF;}
.footer_t ul li{display: flex;flex-direction: column;gap: 24px;}
.footer_t ul li .logo{width: 80px;}
.footer_t ul li .logo img{width: 100%;}
.footer_t ul li .terms{display: flex;gap: 12px;}
.footer_t ul li .terms button{font-size: 13px;font-weight: 500;color: #68707D;line-height: 16px;}
.footer_desc li{margin-top: 8px;font-size: 12px;color: #80838B;line-height: 15px;}
.footer_desc li:first-child{margin-top: 0;}
.footer_b{display: flex;flex-direction: column;gap: 8px;}
.footer_b .address p{font-size: 12px;color: #505761;line-height: 15px;}
.footer_b .info{display: flex;align-items: center;gap: 12px;}
.footer_b .info div{display: flex;gap: 4px;align-items: center;}
.footer_b .info div p{font-size: 12px;line-height: 15px;}
.footer_b .info div p.dt_txt{color: #80838B;}
.footer_b .info div p.dd_txt{color: #505761;}
.footer_b .info div .bar{display: block;width: 1px;height: 10px;background-color: #CDD2DB;}

/*============================================================
container
=============================================================*/
.container{padding:56px 0 100px;}
.container.bg_blue{background-color: #F3F8FF;}
.container.no_header{padding-top:20px;}
.container.fixed_quick_nav{padding-bottom:68px;}
.container.no_pd{padding-bottom: 0;}
.container.layout_flex{display:-webkit-box;display:flex;-webkit-box-orient:vertical;flex-direction:column;height:100vh;padding-bottom:0;}
.container.layout_flex .contents{flex:1;}
.container.layout_flex .fixed_bottom{padding:0 20px 40px;}
.container.has_footer{padding-bottom:0;}

/* contents */
.contents{padding-bottom:24px;}

/* quick_nav */
.quick_nav_wrap{position:fixed;z-index:2;left:0;bottom:0;right:0;height:68px;}
.quick_nav_wrap .quick_nav{display:-webkit-box;display:flex;justify-content:space-around;padding: 12px 12px 8px;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);box-shadow: 0px -4px 10px 0 rgba(0, 0, 0, 0.1 )}
.quick_nav_wrap .quick_nav li{width:84px;height:48px;text-align:center;}
.quick_nav_wrap .quick_nav li a{display:block;padding-top:30px;font-size:12px;font-weight:700;color: #68707D;line-height:15px;letter-spacing:-0.05em;}
.quick_nav_wrap .quick_nav li .i_home{background:url(../images/common/icon_home.png) no-repeat top / 24px;}
.quick_nav_wrap .quick_nav li .i_ai{background:url(../images/common/icon_ai.png) no-repeat top / 24px;}
.quick_nav_wrap .quick_nav li .i_info{background:url(../images/common/icon_info.png) no-repeat top / 24px;}
.quick_nav_wrap .quick_nav li .i_clip{background:url(../images/common/icon_clip.png) no-repeat top / 24px;}
.quick_nav_wrap .quick_nav li .i_invest{background:url(../images/common/icon_invest.png) no-repeat top / 24px}
.quick_nav_wrap .quick_nav li.on a{color:#3182F7}
.quick_nav_wrap .quick_nav li.on .i_home{background:url(../images/common/icon_home_on.png) no-repeat top / 24px;}
.quick_nav_wrap .quick_nav li.on .i_ai{background:url(../images/common/icon_ai_on.png) no-repeat top / 24px;}
.quick_nav_wrap .quick_nav li.on .i_info{background:url(../images/common/icon_info_on.png) no-repeat top / 24px;}
.quick_nav_wrap .quick_nav li.on .i_clip{background:url(../images/common/icon_clip_on.png) no-repeat top / 24px;}
.quick_nav_wrap .quick_nav li.on .i_invest{background:url(../images/common/icon_invest_on.png) no-repeat top / 24px;}

/* form */
.form_box input{width:100%;height:48px;padding:16px 40px 16px 16px;border:1px solid #E7EAF2;border-radius:8px;background-color:#fff;font-size:16px;color:#292D34;line-height:20px;}
.form_box.search input{width:100%;height:52px;padding:16px 48px 16px 56px;border:1px solid #E7EAF2;border-radius:9999px;background-color:#fff;font-size:16px;color:#292D34;line-height:20px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);}
.form_box.search.type2 input{border-radius:8px;box-shadow:none;}
.form_box input::placeholder{color:#B6BECA !important;}
.form_box input:disabled{border: 1px solid #E7EAF2;background-color:#F7F8FA;color:#A3ACBB;}
.form_box input:disabled::placeholder{color:#A3ACBB !important;}
.form_box input:focus{border: 1px solid #3182F7;}
.form_box.error input:focus{border: 1px solid #F4124F;}
.form_box {position:relative;}
.form_box.inp_del_box .btn_inp_del{display:none;overflow:hidden;position:absolute;top:50%;right: 15px;width:16px;height:16px;margin-top:-8px;background:url(../images/common/icon_inp_delete.png)no-repeat 50% /16px;color:transparent;}
.form_box.inp_del_box .label ~ .btn_inp_del{margin-top: 5px;}
.form_box.search .btn_inp_del{right:24px;}
.form_box.search .btn_inp_search{display: inline-block;position: absolute;left: 24px;top: 50%;width: 24px;height: 24px;background: url(../images/common/icon_search.png) no-repeat 50% / 24px;font-size: 0;transform: translateY(-50%);}
.form_box.under_line input{height: 54px;padding:14.5px 24px 14.5px 0;border: 0;border-radius: 0;border-bottom: 1px solid #CDD2DB;font-size: 20px;font-weight: 700;line-height: 1.25;color: #292D34;box-shadow: none;letter-spacing: -0.5px;}
.form_box.under_line .btn_inp_del{right: 0;}
.form_box.under_line input:focus{border-bottom: 1px solid #3182F7;}
.form_box.under_line.focus input{border-bottom: 1px solid #3182F7;}
.form_box.under_line.focus input + .btn_inp_del{display: block;}
.form_box.under_line.has_btn input{padding-right: 100px;}
.form_box.under_line.has_btn .btn_inp_del{right: 73px;}
.form_box.under_line.has_btn .btn_wrap{position: absolute;right: 0;top: 50%;width: auto;transform: translateY(-50%);}
.form_box.under_line.has_timer input{padding-right: 115px;}
.form_box.under_line.has_timer .btn_inp_del{right: 93px;}
.form_box.under_line.has_timer .btn_wrap{display: flex;align-items: center;gap: 8px;position: absolute;right: 0;top: 50%;width: auto;transform: translateY(-50%);}
.form_box.under_line.has_timer .btn_wrap .timer{font-size: 16px;color: #F4124F;line-height: 21px;letter-spacing: -0.65px;}
body.skin_white .inp_del_box .btn_inp_del{background:url(../images/common/icon_inp_delete.png)no-repeat 50% / 16px;color:transparent;}
.inp_del_box{position: relative;}
.inp_del_box .btn_inp_del{display:none;overflow:hidden;position:absolute;right:20px;top:50%;width:20px;height:20px;margin-top:-10px;background:url(../images/common/icon_inp_delete.png)no-repeat 50% / 16px;color:transparent;}

.form_box input[type=checkbox]{display:none;}
.form_box input[type=checkbox] + label{position:relative;display:inline-block;padding-left:24px;}
.form_box input[type=checkbox] + label span{display:block;padding-left:10px;font-size:18px;line-height:23px;letter-spacing: -0.75px;}
.form_box input[type=checkbox] + label::before{content:'';display:block;position:absolute;top:0;left:0;width:24px;height:24px;background:url(../images/common/ico_check_off.png)no-repeat 0 50% / 24px;}
.form_box input[type=checkbox]:checked + label::before{background:url(../images/common/ico_check_on.png)no-repeat 50% / 24px;}
.form_box input[type=checkbox]:checked + label span{font-weight: 600;}

.form_box input[type=checkbox] + label.type2{padding-left:24px;}
.form_box input[type=checkbox] + label.type2 span{padding-left: 8px;font-size: 16px;letter-spacing: -0.65px;}
.form_box input[type=checkbox] + label.type2::before{top:50%;width:24px;height:24px;background:url(../images/common/ico_check_small_off.png)no-repeat 50% / 24px;transform: translateY(-50%);}
.form_box input[type=checkbox]:checked + label.type2::before{background:url(../images/common/ico_check_small_on.png)no-repeat 50% / 24px;}
.form_box input[type=checkbox]:checked + label.type2 span{font-weight: 600;}

.switch{position:relative;display:block;width:44px;height:24px;}
.switch .slider{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:12px;background-color:#444444;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;}
.switch .slider::before{content:'';display:block;position:absolute;left:4px;bottom:4px;width:16px;height:16px;border-radius:50%;background-color:#fff;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;}
.switch input[type=checkbox]:checked + .slider{background-color:#3182F7;}
.switch input[type=checkbox]:checked + .slider::before{-webkit-transform:translateX(20px);transform:translateX(20px);}

.form_box input[type=radio]{display:none;}
.form_box input[type=radio] + label{position:relative;padding-left:24px;}
.form_box input[type=radio] + label::before{content:'';display:block;position:absolute;top:50%;left:0;width:24px;height:24px;margin-top:-12px;background:url(../images/common/ico_radio_off.png)no-repeat 50% / 24px;}
.form_box input[type=radio]:checked + label::before{background:url(../images/common/ico_radio_on.png)no-repeat 50% / 24px;}

.form_box.border_radio input[type=radio]{position:absolute;opacity:0;width:0;height:0;}
.form_box.border_radio input[type=radio] + label{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0;border-radius:48px;border:1px solid #E7EAF2;background:#fff;font-size:16px;line-height:1.3;letter-spacing:-0.65px;text-align:center;box-sizing:border-box;}
.form_box.border_radio input[type=radio] + label::before{display:none;}
.form_box.border_radio input[type=radio]:checked + label{border-color:#3182F7;background:#F3F8FF;font-weight:700;color:#3182F7;box-shadow:0px 2px 6px 0px rgba(203, 216, 235, 0.5);}
.form_box.border_radio input[type=radio]:checked + label::before{content:'';display:inline-block;position:static;width:16px;height:16px;margin:0;background:url(../images/my/icon_check_on.png)no-repeat 50% 50%/100% 100%;}
.form_box.border_radio input[type=radio]:disabled + label{border-color:#E7EAF2;background:#E7EAF2;color:#B6BECA;}

.form_box .label{display: inline-block;margin-bottom: 8px;font-size: 14px;font-weight: 500;color: #7F8A9A;line-height: 18px;}

/* select */
.select_box select{width: 100%;height: 48px;padding: 14px 40px 14px 16px;border-radius: 8px;border: 1px solid #E7EAF2;background: #fff url(../images/common/icon_arrow_down.png) no-repeat right 16px center / 16px;font-size: 16px;color: #A3ACBB;line-height: 21px;letter-spacing: -0.65px;}
.select_box select:focus{border: 1px solid #3182F7;}
.select_box.error select:focus{border: 1px solid #F4124F;}
.select_box select:valid {color: #2C3038;}
.select_box.under_line select{height: 54px;padding: 9.5px 40px 9.5px 0;border-radius: 0;border-width: 0 0 1px 0;border-color: #CDD2DB;background: #fff url(../images/common/icon_arrow_down.png) no-repeat right 0 center / 16px;font-size: 28px;font-weight: 700;line-height: 35px;letter-spacing: -0.5px;}
.select_box.under_line select:focus{border-bottom: 1px solid #3182F7;}

/* textarea */
.textarea{overflow-y: auto;display: block;width: 100%;height: 160px;padding: 14px 16px;border: 1px solid #E7EAF2;border-radius: 8px;background-color: #fff;font-size: 16px;color: #292D34;line-height: 20px;resize: none;}
.textarea::placeholder{color: #8790A3;}
.textarea:focus{border: 1px solid #3182F7;}
.textarea:disabled{background-color: #F7F8FA;}
.form_box.txt_send_box .textarea{overflow-y: hidden;padding: 14px 16px;}
.form_box.txt_send_box .textarea:focus{overflow-y: auto;padding: 14px 16px 38px;}
.form_box.txt_send_box .btn_txt_send{display: none;overflow: hidden;position: absolute;right: 16px;bottom: 14px;width: 24px;height: 24px;background: url(../images/home/icon_send.png) no-repeat 0 0 / 24px;color: transparent;}

/* button */
.btn_wrap{width:100%;}
.btn_wrap.flex{display:flex;gap:8px;}
.btn_wrap button{width:100%;height:54px;border-radius:10px;font-size:16px;font-weight:500;line-height:20px;text-align:center;}
.btn_wrap.size_m button{height:48px;font-size:14px;line-height:1.4;letter-spacing:-0.5px;}
.btn_wrap.size_ms button{height:38px;border-radius:50px;font-size:12px;font-weight: 500;line-height:1;}
.btn_wrap.size_s button{width: auto;height: auto;padding: 8px 12px;border-radius: 50px;font-size: 12px;font-weight: 500;line-height: 14px;}
.btn_wrap.size_s.is_rounded button{border-radius:6px;}
.btn_primary:disabled{background-color: #E7EAF2;color: #fff;}
.btn_primary{background-color: #3182F7;color:#fff}
.btn_nagative{border: 1px solid#E7EAF2;background-color: #fff;color: #292D34;}
.btn_nagative:disabled{color: #A3ACBB;}
.btn_function{border: 1px solid #3182F7; background-color: #fff;color: #3182F7;}
.btn_function:disabled{border: 1px solid #D6E6FD;color: #D6E6FD;}
.btn_link{display: flex;align-items: center;justify-content: center;width: 100%;font-size: 16px;font-weight: 500;color: #929EB0;}
.btn_link::after{content: '';display: inline-block;width: 16px;height: 16px;margin-left: 4px;background: url(../images/common/icon_link_gray16.png) no-repeat 0 0 / 16px;}
.btn_link.ico_search::after{background: url(../images/common/icon_search_gray.png) no-repeat 0 0 / 100%;}
.btn_star{width: 24px;height: 24px;background: url(../images/common/icon_bookmark.png) no-repeat 0 0 / 24px;font-size: 0;}
.btn_star.on{width: 24px;height: 24px;background: url(../images/common/icon_bookmark_on.png) no-repeat 0 0 / 24px;}
.btn_tooltip{width: 16px;height: 16px;background: url(../images/common/icon_tooltip.png) no-repeat 0 0 / 16px;font-size: 0;vertical-align: middle;}
.btn_add{display: flex;align-items: center;justify-content: center;gap: 4px;width: 100%;font-size: 16px;font-weight: 500;color: #929EB0;}
.btn_add::after{content: '';display: inline-block;width: 16px;height: 16px;margin-left: 4px;background: url(../images/common/icon_add.png) no-repeat 0 0 / 16px;}
.btn_filter{width: 24px;height: 24px;background: url(../images/common/icon_filter.png) no-repeat 0 0 / 24px;}
.btn_more{width: 20px;height: 20px;background: url(../images/common/icon_more.png) no-repeat 0 0 / 20px;font-size: 0;}
.btn_like{width: 16px;height: 16px;background: url(../images/common/icon_like.png) no-repeat 0 0 / 16px;font-size: 0;}
.btn_like.on{background: url(../images/common/icon_like_on.png) no-repeat 0 0 / 16px;}
.btn_comment{width: 16px;height: 16px;background: url(../images/common/icon_comment.png) no-repeat 0 0 / 16px;font-size: 0;}
.btn_download{width: 24px;height: 24px;background: url(../images/common/icon_download.png) no-repeat 0 0 / 24px;font-size: 0;}
.btn_download.col_gray{width: 24px;height: 24px;background: url(../images/common/icon_download_gray.png) no-repeat 0 0 / 24px;font-size: 0;}
.btn_align{display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 500;;line-height: 20px;letter-spacing: -0.5px;}
.btn_align::after{content: '';display: inline-block;width: 24px;height: 24px;margin-left: 4px;background: url(../images/common/icon_align.png) no-repeat 0 0 / 24px;}
.btn_arrow_expand{overflow:hidden;width:16px;height:16px;background:url(../images/common/icon_arrow_expand.png)no-repeat 50% 50%/100% 100%;color:transparent;}
.btn_arrow_reduce{overflow:hidden;width:16px;height:16px;background:url(../images/common/icon_arrow_reduce.png)no-repeat 50% 50%/100% 100%;color:transparent;}
.btn_view_more{display: flex;align-items: center;justify-content: center;width: 100%;font-size: 16px;font-weight: 500;color: #929EB0;}
.btn_view_more::after{content: '';display: inline-block;width: 16px;height: 16px;margin-left: 4px;background: url(../images/common/icon_arrow_down_v2.png) no-repeat 0 0 / 16px;}
.btn_view_more.active::after{transform:rotate(-180deg);background: url(../images/common/icon_arrow_down_v2.png) no-repeat 0 0 / 16px;}
.fixed_side_bar{display:none;position:fixed;z-index:6;bottom:80px;right:16px;}
.btn_top{width:54px;height:54px;border-radius:50%;border:1px solid #E7EAF2;box-shadow: 0px 5px 10px 0px rgba(44, 48, 56, 0.2);;background:#fff url(../images/common/icon_arrow_top.png)no-repeat 50% 50%/24px;}

 /* text */
.txt_red{color: #F4124F !important;}
.txt_blue{color: #3182F7 !important;}
.txt_purple{color: #8C3FF0 !important;}
.txt_mint{color: #0EC6D0 !important;}
.bold{font-weight: 700;}
.txt_percent{color:#F4124F !important;}
.txt_percent.zero{color:#7F8A9A !important;}
.txt_percent.down{color:#3182F7 !important;}
.txt_percent.has_ico{display:inline-flex;align-items:center;position:relative;}
.txt_percent.has_ico::before{content:'';display:inline-block;width:16px;height:16px;margin-top:-1px;background:url(../images/common/icon_up.png)no-repeat 50% 50%/100%;}
.txt_percent.has_ico.zero::before{background:url(../images/common/icon_zero.png)no-repeat 50% 50%/100%;}
.txt_percent.has_ico.down::before{background:url(../images/common/icon_down.png)no-repeat 50% 50%/100%;}

/* margin */
.mgt0{margin-top: 0 !important;}
.mgt4{margin-top: 4px !important;}
.mgt8{margin-top: 8px !important;}
.mgt16{margin-top: 16px !important;}
.mgt24{margin-top: 24px !important;}
.mgt32{margin-top: 32px !important;}
.mgt40{margin-top: 40px !important;}

/* padding */
.pd0{padding:0 !important;}
.pdb16{padding-bottom: 16px !important;}

/* hr */
.hr{width: 100%;height: 8px;background-color: #EEF0F5;}

/* flag */
.flag{display: inline-block;padding: 2.5px 8px;border-radius: 4px;font-size: 12px;font-weight: 600;line-height: 15px;}
.flag.small{padding:1px 4px;border-radius:3px;font-size:10px;line-height:12px;}
.flag.blue{background-color: #E0ECFE;color: #3182F7;}
.flag.indigo{background-color: #EDEDFF;color: rgba(71, 68, 255, 0.8);}
.flag.purple{background-color: #F1E5FF;color: #8C3FF0;}
.flag.orange{background-color: #FFF0E7;color: #FB975B;}
.flag.gray{background-color: #DDE1E7A6;color: #7F8A9A;}
.flag.mint{background-color: #CFF5F7;color: #0EC6D0;}
.flag.pink{background-color: #FFE0F6;color: #FA67D1;}
.flag.yellow{background-color: #FFF7CC;color: #D89B00;}
.flag_chart{display:inline-flex;align-items:center;height:20px;padding:0 4px;border-radius:4px;font-size:12px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-0.2px;}
.flag_chart.red{background:#F4124F}
.flag_chart.blue{background:#3182F7;}

/* tab - 1depth */
.tab_wrap{display: flex;width: 100%;}
.tab_wrap > li{width:50%;border-bottom: 1px solid #CDD2DB;}
.tab_wrap > li a{display: block;padding: 13.5px 0;font-size: 16px;font-weight: 500;color: #7F8A9A;text-align: center;}
.tab_wrap > li.on{border-bottom: 2px solid #292D34;}
.tab_wrap > li.on a{font-weight: 700;color: #292D34;}
.main_tab_contents .main_tab_cont{display:none;}
.main_tab_contents .main_tab_cont.active{display:block;}

/* tab - 2depth */
.tab_wrap.type2{display: block;padding: 0;border-radius: unset;background-color: transparent;}
.tab_wrap.type2 .tab_menu{display: flex;}
.tab_wrap.type2 .tab_menu li{width: 50%;border-radius: 12px 12px 0 0;border: 1px solid #F7F8FA;background-color: #F7F8FA;color: #7F8A9A;line-height: 38px;text-align: center;}
.tab_wrap.type2 .tab_menu li.active{z-index: 2;border-width: 1px 1px 0px 1px;border-style: solid;border-color: #3182F7;background-color: #fff;font-weight: 700;color: #3182F7;border-bottom: none;}
.tab_wrap.type2 .tab_contents{position: relative;z-index: 1;margin-top: -1px;padding: 24px 20px;border: 1px solid #3182F7;background-color: #fff;}
.tab_wrap.type2 .tab_contents.radius_left{border-radius: 0 12px 12px 12px;}
.tab_wrap.type2 .tab_contents.radius_right{border-radius: 12px 0 12px 12px;}
.tab_wrap.type2 .tab_contents.radius_full{border-radius: 12px;}
.tab_wrap.type2 .tab_contents .tab_cont{display: none;}
.tab_wrap.type2 .tab_contents .tab_cont.active{display: block;}

/* tab - 3depth */
.tab_wrap.type3{display: flex;width: 100%;padding: 4px;border-radius: 36px;background-color: #E7EAF2;}
.tab_wrap.type3 li{border-bottom: 0;}
.tab_wrap.type3 li a{display: block;padding: 5px;font-size: 14px;font-weight: 500;color: #7F8A9A;text-align: center;line-height: 20px;}
.tab_wrap.type3 li.on{border-radius: 20px;background-color: #fff;box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);}
.tab_wrap.type3 li.on a{width: 100%;color: #292D34;}

/* tab - 4depth */
.tab_wrap.type4{width: auto;gap: 8px;}
.tab_wrap.type4 li{width: auto;border-bottom: 0;}
.tab_wrap.type4 li a{display: inline-block;padding: 10px 12px;border-radius: 500px;background-color: rgba(255, 255, 255, 0.2);backdrop-filter: blur(24px);font-size: 14px;font-weight: 500;color: #fff;}
.tab_wrap.type4 li.on a{background-color: #F7F8FA;font-weight: 700;color: #292D34;}
.tab_wrap.type4.bg li a{background-color: #EEF0F5;backdrop-filter: blur(24px);}
.tab_wrap.type4.bg li.on a{border: 1px solid #68707D;background-color: #FFFFFF;}

/* table */
.table_wrap.basic table{width: 100%;}
.table_wrap.basic thead tr th{padding: 14px 0;border-top: 1px solid #7F8A9A;border-bottom: 1px solid #E7EAF2;background-color: #F7F8FA;font-size: 13px;font-weight: 500;line-height:1.25;}
.table_wrap.basic tbody tr td{padding: 14px 8px;border-bottom: 1px solid #E7EAF2;font-size: 13px;font-weight: 400;line-height:1.2;}
.table_wrap.basic tbody tr td p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.table_wrap.basic tbody tr td .txt{font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-0.5px;}
.table_wrap.basic tbody tr td .txt_blue{font-weight: 700;color: #3182F7;}
.table_wrap.basic tbody tr td .txt_gray{font-weight: 700;color: #505761;}
.table_wrap.basic tbody tr td .txt_red{font-weight: 700;color: #F4124F;}

.table_wrap.basic tbody tr td .percent{display: block;font-size:12px;font-weight:600;text-align: center;}
/* .table_wrap.basic tbody tr td .red.bold{font-weight: 600;} */
/* .table_wrap.basic tbody tr td .blue.bold{font-weight: 700;} */
.table_wrap.basic tbody tr td .red{color:#F4124F}
.table_wrap.basic tbody tr td .blue{color:#3182F7}

.table_wrap.scroll_table{overflow-x:auto;width:100%;position:relative;}
.table_wrap.scroll_table::-webkit-scrollbar{display:block;width:100%;height:2px;}
.table_wrap.scroll_table::-webkit-scrollbar-thumb{background:#4744FF;}
.table_wrap.scroll_table::-webkit-scrollbar-track{background:#CDD2DB;}
.table_wrap.scroll_table thead tr th{padding:12px;font-size:12px;line-height:1.25;letter-spacing:-0.2px;}
.table_wrap.scroll_table thead th:first-child{position:sticky;left:0;z-index:2;}
.table_wrap.scroll_table tbody td:first-child{position:sticky;left:0;z-index:2;background:#fff;}
.table_wrap.scroll_table tbody tr td p{overflow:unset;text-overflow:unset;white-space:unset;}
.table_wrap.scroll_table tbody tr td .flag_area{margin-bottom:2px;text-align:center;font-size:0;}
.table_wrap.scroll_table tbody tr td .logo_txt{display:flex;align-items:center;justify-content:center;gap:2px;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-0.5px;}
.table_wrap.scroll_table tbody tr td .logo_txt .logo{flex-shrink:0;overflow:hidden;border-radius:50%;width:16px;height:16px;}
.table_wrap.scroll_table tbody tr td .logo_txt + .percent{margin-top:2px;}
.table_wrap.scroll_table table.on tbody tr td{padding:7px 8px;}

/* popup */
body.skin_white .alert_pop .pop_con .contents{background-color:#fff;}
body.skin_white .alert_pop .btn_pop_close{background:url(../images/common/icon_close24.png) no-repeat 50%/ 24px;}
body.skin_white .modal_bottom .btn_pop_close{background:url(../images/common/icon_close24.png) no-repeat 50%/ 24px;}
body.skin_white .modal_bottom .btn_pop_close.col_white{background-image:url(../images/common/icon_close24_white.png);}
body.skin_white .full_layer{background-color:#fff;}
body.skin_white .full_layer .header_box{background-color:#fff;}
body.skin_white .full_layer .header_box .close{background:url(../images/common/btn_pop_close_white.png) no-repeat 50% / 24px;}
body.skin_white .full_layer.gradient_blue::before{content:'';position:absolute;left:0;top:0;display:inline-block;width:100%;height:258px;background:linear-gradient(180deg, #DCE5FB 0%, #FFFFFF 75%);}
body.skin_white .full_layer.gradient_blue .header_box{background-color:transparent;}
body.skin_white .full_layer .contents pre{white-space: pre-wrap; word-break: keep-all;overflow-wrap: break-word;font-family: inherit;margin: 0;}

/* modal */
body.skin_white .modal_bottom .pop_con{background-color:#fff;}
.modal_bottom .pop_con{-webkit-transform:translateY(100%);-webkit-transition:all 0.2s;-webkit-transition-delay:0.2s;-webkit-transition-duration:0.2s;transform:translateY(100%);transition:all 0.2s;transition-delay:0.2s;transition-duration:0.2s;overflow:hidden;position:absolute;top:auto;bottom:0;left:0;z-index:1002;width:100%;background:#212121;border-radius:10px 10px 0 0;}
.modal_bottom .pop_con{top:unset;max-height:calc(100vh - 64px);display: flex;flex-direction: column;}
.modal_bottom .btn_pop_close {position:absolute;top:20px;right:16px;z-index:101;width:24px;height:24px;background:url(../images/common/icon_close24.png) no-repeat 50%/ 24px;}
.modal_bottom .btn_pop_close.col_white{background-image:url(../images/common/icon_close24_white.png);}
.modal_bottom.active .pop_con{-webkit-transform:translateY(0);transform:translateY(0);}
.modal_bottom .con_box{overflow:auto;padding:0 16px 16px;margin-top: 20px;}
.modal_bottom.has_btn .con_box {padding:0 16px;}
.modal_bottom .con_box .tit{margin-bottom:20px;font-size:20px;font-weight:700;line-height: 23px;word-break: break-all;}
.modal_bottom .con_box .txt{font-size:16px;font-weight:400;color: #68707D;line-height: 21px;}
.modal_bottom .btn_wrap{position:sticky;bottom:0;display: flex;gap: 8px;padding: 16px;}
.modal_bottom .btn_wrap button{height: 48px;font-size: 14px;font-weight: 600;}

.modal_bottom.type_new .pop_con{top:unset;max-height:calc(100vh - 64px);display: flex;flex-direction: column;}
.modal_bottom.type_new .con_box{overflow:auto;margin-top: 0;padding:54px 20px 90px}
.modal_bottom.type_new .con_box .tit{margin-bottom:10px;font-size:28px;font-weight:800;text-align: center;}
.modal_bottom.type_new .con_box .txt{font-size:14px;font-weight:400;line-height: 20px;text-align: center;}
.modal_bottom.type_new .con_box .img{max-width: 115px;margin:24px auto 34px}
.modal_bottom.type_new .con_box .img img {max-width: 100%;}
.modal_bottom.type_new .con_box.full {padding:0}
.modal_bottom.type_new .con_box.full .img{max-width:unset;margin:0}
.modal_bottom.type_new .con_box.full .btn_wrap{position:sticky;bottom:0}
.modal_bottom.type_new .con_box.full .btn_wrap.abs {position:absolute;bottom:0;left:0;padding:0 20px 20px}

.modal_bottom.sub_vid .lecture_new{margin:0 -16px;}
.modal_bottom.sub_vid .lecture_new .vod a::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.3)}
.modal_bottom.sub_vid .lecture_new .vod img, .modal_bottom.sub_vid .lecture_new .vod video{aspect-ratio:unset;height:211px;object-fit:cover;}
.modal_bottom.sub_vid .sub_desc_wrap{padding:24px 0;}
.modal_bottom.sub_vid .sub_desc_wrap .tit_box{padding-top:78px;background:url(../images/home/icon_payment.png)no-repeat 50% 0/70px 70px;text-align:center;}
.modal_bottom.sub_vid .sub_desc_wrap .tit_box strong{font-size:18px;font-weight:700;line-height:1.25;letter-spacing:-0.75px;}
.modal_bottom.sub_vid .sub_desc_wrap .txt_box{margin-top:8px;text-align:center;}
.modal_bottom.sub_vid .sub_desc_wrap .txt_box p{font-size:16px;color:#68707D;line-height:1.3;letter-spacing:-0.65px;}
.modal_bottom.sub_vid .sub_desc_wrap .txt_box .payment{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px;}
.modal_bottom.sub_vid .sub_desc_wrap .txt_box .payment strong{font-size:18px;font-weight:700;color:#3182F7;line-height:1.3;letter-spacing:-0.75px;}
.modal_bottom.sub_vid .sub_desc_wrap .txt_box .payment span{font-size:18px;font-weight:500;color:#929EB0;line-height:1.25;letter-spacing:-0.75px;}

.modal_bottom.type2 .pop_con{padding-bottom: 24px;}
.modal_bottom.type2 .con_box{padding: 0 16px 0;}
.modal_bottom.type2 .btn_wrap{padding: 20px 16px 0;}
.modal_bottom .align_list li button{display: flex;justify-content: space-between;align-items: center;gap: 16px;width: 100%;padding: 12px 8px;font-size: 16px;line-height: 21px;letter-spacing: -0.65px;}
.modal_bottom .align_list li.on button{font-weight: 600;color: #3182F7;}
.modal_bottom .align_list li.on button::after{content: '';display: inline-block;min-width: 16px;width: 16px;height: 16px;background: url(../images/my/icon_check_on.png) no-repeat 0 0 / 16px;}


.btn_wrap .btn_text{position:relative;height: 60px;background:transparent;font-size:14px;font-weight:700;line-height: 20px;letter-spacing: -0.5px;}
.btn_wrap .btn_text::before{content:'';position:absolute;top:50%;left:0;width: 1px;height:16px;margin-top:-8px;background:#B6BECA;}
.btn_wrap .btn_text:first-child::before{display:none}
.btn_wrap.type2{display:-webkit-box;display:flex;-webkit-box-pack:justify;gap: 0;justify-content:space-between;padding: 0;}
.btn_wrap.type2 button{height: 60px;}

.close_wrap2{position:fixed;bottom:0;left:0;width:100%;height:60px;padding:12px 24px 12px 10px;background:#fff;}
.close_wrap2.bg_fff{background:#FFF}
.close_wrap2.relative {position:relative}
.close_wrap2 .btn_close{position:absolute;top:50%;right:20px;padding:10px 0;background:none;font-size:14px;font-weight:700;line-height:20px;letter-spacing:-0.5px;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.close_wrap2 .form_box{margin-left:12px;padding:8px 30px 8px 0;}

/* alert */
.layer_wrap{position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;}
.layer_wrap .contents{position:absolute;top:54px;left:0;right:0;bottom:0;padding:24px 24px 0;}
.layer_wrap .dim{position:fixed;left:0;top:0;z-index:1001;width:100%;height:100%;}
.layer_wrap.alert_pop{z-index:1001;}
.alert_pop .pop_con{position:fixed;left:50%;top:50%;z-index:1002;width:100%;padding:16px;transform:translate( -50%, -50%);-webkit-transform:translate( -50%, -50%);box-sizing:border-box;}
.alert_pop .pop_con .contents{position:unset;padding:30px 20px 20px;border-radius:16px;background:#fff;text-align:center;}
.alert_pop .pop_con .contents .img_box{margin-bottom: 24px;text-align: center;}
.alert_pop .pop_con .contents .img_box .icon_alert{display: inline-block;width: 48px;height: 48px;background: url(../images/common/icon_alert.png) no-repeat 0 0 / 48px;}
.alert_pop .pop_con .contents .pop_tit{margin-bottom:4px;font-size:18px;font-weight:700;color: #292D34;line-height: 23px;letter-spacing: -0.75px;}
.alert_pop .pop_con .contents .pop_txt{font-size:16px;font-weight:400;color: #68707D;line-height:21px;letter-spacing: -0.65px;}
.alert_pop .pop_con .contents .btn_wrap{display: flex;gap: 8px;padding-top:24px;}
.alert_pop .pop_con .contents .btn_wrap button{height: 48px;font-size: 14px;font-weight: 600;line-height: 20px;letter-spacing: -0.5px;}

.alert_pop.type_new .pop_con .contents .pop_img img{width: 100%;}
.alert_pop.type_new .pop_con {max-width:520px;margin:0 auto}
.alert_pop.type_new .pop_con .contents{overflow:hidden;position:relative;top:0;padding:0;}
.alert_pop.type_new .pop_con .contents .pop_img img{max-width: 100%;}
.alert_pop.type_new .pop_con .contents .btn_wrap{padding-top: 0;}
.alert_pop.type_new .pop_con .contents .btn_wrap.abs {position:absolute;bottom:0;left:0;padding:0 20px 20px}
.alert_pop.type_new .pop_con .contents .btn_wrap.type2 button{height: 60px;font-size:14px;font-weight:700;line-height: 20px;letter-spacing: -0.5px;}
.alert_pop.type_new .pop_con .contents .close_wrap2 .form_box{text-align: left;}
.alert_pop .pop_con .btn_pop_close{position:absolute;top:20px;right:20px;z-index:101;width:24px;height:24px;background:url(../images/common/btn_pop_close.png) no-repeat 50%/ 24px;}

/* full */
.full_layer{background:#010101;}
.full_layer .right{position:absolute;right:20px;top:14px;}
.full_layer .right button{margin-left:5px;}
.full_layer .right button:first-child{margin-left:0;}
.full_layer .header_box{position:fixed;left:0;top:0;width:100%;height:51px;background:#010101;}
.full_layer .header_box .close{width:24px;height:24px;background:url(../images/common/btn_pop_close.png) no-repeat 50% / 24px;vertical-align:middle;}
.full_layer .header_box h1{padding:14.5px 16px;font-size:18px;font-weight:700;line-height:22px;letter-spacing:-0.05em;text-align:center;}
.full_layer .pop_con{position:absolute;left:0;right:0;top:51px;bottom:0;}
.full_layer .pop_con .container_box{overflow-y:auto;position:absolute;top:0;left:0;bottom:0;right:0;}
.full_layer .pop_con .contents{position:unset;padding:16px;}
.full_layer .pop_con .contents .hr{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;}
.full_layer .pop_con .contents .tab_wrap{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;}
.full_layer .pop_con .tit_wrap .tit{font-size:24px;font-weight:600;line-height:30px;letter-spacing: -1.5px;}

.container_box.layout_flex{display:-webkit-box;display:flex;-webkit-box-orient:vertical;flex-direction:column;height:100%;padding-bottom:0;}
.container_box.layout_flex .contents{flex:1;position:unset;}
.container_box.layout_flex.f_center{justify-content: center;}
.container_box.layout_flex.f_center .contents{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.container_box.layout_flex .fixed_bottom{padding:16px;}

/* home */
.wrap.home .container{padding-bottom: 0;}
.wrap.home .contents{padding-bottom: 0;}
.wrap.home .cont_section.bg_white.last{padding-bottom: 100px;}
.cont_section{margin-top: 24px;padding: 0 16px;}
.cont_section.bg_white{overflow:hidden;margin-top: 0;padding-top: 32px;background-color: #fff;}
.cont_section .cont_tit{overflow: hidden;display: block;font-size: 20px;font-weight: 700;color: #292D34;line-height: 25px;white-space: nowrap;text-overflow: ellipsis;}
.cont_section .cont_desc{margin-top: 6px;font-size: 14px;font-weight: 500;color: #7F8A9A;line-height: 18px;}
.cont_section .white_box{padding: 20px;border: 1px solid #E7EAF2;border-radius: 20px;background-color: #fff;box-sizing: border-box;box-shadow: 0px  0px 15px 0 rgba(0, 0, 0, 0.03);}
.cont_section .white_box.type2{padding:20px 16px;}
.cont_section .gray_box{padding: 20px;border-radius: 20px;border: 1px solid #E7EAF2;background-color: #F7F8FA;}
.cont_section .top_category{font-size: 14px;font-weight: 700;margin-bottom: 4px;}
.cont_section .tit_area{margin-bottom: 16px;}
.cont_section .tit_area.flex{display: flex;justify-content: space-between;align-items: end;}
.cont_section .tit_area.has_link{display: flex;justify-content: space-between;}
.cont_section .tit_area.has_link .all_link{display: flex;align-items: center;gap: 2px;font-size: 13px;font-weight: 500;color: #929EB0;line-height: 16px;}
.cont_section .tit_area.has_link .all_link::after{content: '';display: inline-block;width: 16px;height: 16px;background: url(../images/common/icon_link_gray16.png) no-repeat 0 0 / 16px;}
.cont_section .tit_area.has_link .logout{font-size: 14px;color: #929EB0;line-height: 20px;letter-spacing: -0.5px;}
.cont_section .tit_area .desc{font-size: 12px;line-height: 15px;}
.cont_section .tit_area .gray_txt{display: block;margin-top: 6px;font-size: 14px;font-weight: 500;color: #7F8A9A;line-height: 20px;letter-spacing: -0.5px;}
.cont_section.full{margin-top: 0;padding: 32px 0 0;}
.cont_section.full .tit_area{padding: 0 16px;margin:16px 0 20px;}
.cont_section.full .tit_area .cont_tit{font-size:20px;font-weight:600;line-height:1.25;letter-spacing:-0.75px;}
.cont_section .tit_area .sub{display:block;margin-top: 4px;font-size: 14px;line-height: 20px;letter-spacing: -0.5px;}
.cont_section .tit_area .cop_detail{display: flex;align-items: center;gap: 8px;margin-top:12px;}
.cont_section .tit_area .cop_detail .tit{display: flex;align-items: center;gap: 4px;}
.cont_section .tit_area .cop_detail .tit .logo{display: inline-block;width: 20px;height: 20px;border-radius: 50%;}
.cont_section .tit_area .cop_detail .tit p{font-size: 16px;line-height: 21px;letter-spacing: -0.65px;}
.cont_section .tit_area .cop_detail span{font-size: 12px;color: #7F8A9A;line-height: 15px;letter-spacing: -0.2px;}
.home_logo{margin-top: 16px;text-align: center;}
.home_logo img{width: 168px;}
.keyword_list_wrap{margin-top:16px;}
.keyword_list_wrap .desc{font-size: 14px;font-weight: 500;color: #68707D;line-height: 20px;letter-spacing: -0.5px;}
.keyword_list_wrap .desc + .keyword_list{margin-top: 8px;max-height: 80px;overflow: hidden;}
.keyword_list_wrap .keyword_list{display: flex;flex-wrap: wrap;gap: 4px 4px;}
.keyword_list_wrap .keyword_list li{display: flex;align-items: center;gap: 4px;padding:1px 8px;border: 1px solid #E7EAF2;border-radius: 30px;}
.keyword_list_wrap .keyword_list li a{font-size:14px;color: #292D34;line-height:20px;}
.keyword_list_wrap .keyword_list li .btn_close{width: 12px;height: 12px;background: url(../images/common/icon_close12.png) no-repeat 0 0 / 12px;font-size: 0;}
.criteria_area{padding: 12px 16px;border-radius: 12px;background-color: #F7F8FA;}
.criteria_area .signal_detail li{display: flex;gap: 12px;}
.criteria_area .signal_detail li + li{margin-top: 8px;}
.criteria_area .signal_detail li p{display: inline-block;min-width: 70px;letter-spacing:-0.5px;}
.criteria_area .signal_detail li span{color: #3182F7;letter-spacing:-0.5px;}
.stock_rank{margin-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #E7EAF2;}
.stock_rank li a{display: flex;align-items: center;justify-content: space-between;gap: 16px;}
.stock_rank li + li{margin-top: 20px;}
.stock_rank li .cop_area{display: flex;align-items: center;}
.stock_rank li .cop_area .num{min-width:18px;margin-right: 12px;font-weight: 700;line-height: 18px;text-align:center;}
.stock_rank li .cop_area .cop_logo{display: inline-block;min-width: 28px;width: 28px;height: 28px;margin-right: 8px;border-radius: 50%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.stock_rank li .cop_area .cop_name{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size: 16px;font-weight: 500;line-height: 20px;}
.stock_rank li .number_area .percent{font-weight: 600;color: #F4124F;line-height: 20px;text-align: right;}
.stock_rank li .number_area .percent.down{color: #3182F7;}
.stock_rank li .number_area .percent.zero{color: #7F8A9A;}
.stock_rank li .number_area .money{display: block;margin-top: 4px;font-size: 12px;color:#68707D;text-align: right;}
.stock_rank li.none_flex{display:block;margin-top:8px;}
.stock_rank .signal_list{margin:0;padding:0;}
.stock_rank .signal_list .analyze_list{display:none;}
.stock_rank .signal_list.on .analyze_list{display: block;}
.stock_rank .analyze_list li + li{margin-top:4px;}
.analyze_list li{display:block;position:relative;overflow:hidden;height:28px;margin-top:4px;padding:6px 8px 6px 40px;border-radius:28px;border:1px solid #E7EAF2;background:#F3F8FF;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);font-size:12px;;color:#3182F7;line-height:1.25;letter-spacing:-0.2px;text-overflow:ellipsis;white-space:nowrap;}
.analyze_list li:first-child{margin-top:0;}
.analyze_list li::before{content:'';position:absolute;top:50%;left:8px;transform:translateY(-50%);}
.analyze_list li.ai::before{width:25px;height:21px;background:url(../images/home/icon_ai.png)no-repeat 50% 50%/100% 100%;}
.analyze_list li.news::before{width:24px;height:20px;background:url(../images/home/icon_news.png)no-repeat 50% 50%/100% 100%;}
.cont_section.signal .white_box{position: relative;}
.cont_section.signal .mosaic{display: flex;align-items: center;flex-direction: column;justify-content: center;position: absolute;top:97px;left: 50%;width:calc(100% - 16px);height:190px;padding: 0 47.5px;background:rgba(255, 255, 255, 0.6);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);transform: translateX(-50%);box-shadow:0 -20px 30px -10px rgba(255, 255, 255, 0.8) inset,0 20px 30px -10px rgba(255, 255, 255, 0.8) inset;}
.cont_section.signal .mosaic.top{justify-content:flex-start;}
.cont_section.signal .mosaic p{letter-spacing:-0.5px;text-align: center;}
.cont_section.signal .mosaic .btn_wrap{margin-top: 16px;}
.white_box .stock_rank + .btn_link{margin-top: 16px;}
.invest_info{display: flex;gap: 10px;align-items: center;justify-content: space-between;}
.invest_info .invest_cop{display: flex;flex-direction: column;gap: 12px;}
.invest_info .invest_cop .invest_cont{display: flex;gap: 8px;align-items: center;}
.invest_info .invest_cop .invest_cont .cop_logo{display: inline-block;}
.invest_info .invest_cop .invest_cont .cop_name{font-size: 13px;font-weight: 500;color: #68707D;line-height: 16px;}
.invest_info .invest_cop .desc{font-weight: 500;line-height: 18px;}
.invest_info .img_box{min-width: 78px;width: 78px;height: 78px;}
.invest_info .img_box img{width: 100%;height: 100%;border-radius: 10px;background-size: cover;}
.cont_section.invest .white_box + .white_box{margin-top: 8px;}
.img_box.thumb{position: relative;aspect-ratio:360/184;}
.img_box.thumb .thumb_tit{position: absolute;left: 20px;top: 20px;display: flex;align-items: center;gap: 10px;z-index: 1;}
.img_box.thumb .thumb_tit .logo{display: inline-block;width: 40px;height: 40px;border-radius: 50%;}
.img_box.thumb .thumb_tit p{font-size: 16px;font-weight: 700;color: #fff;line-height: 21px;letter-spacing: -0.65px;}
.img_box.thumb img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.img_box.thumb .link_more{position: absolute;left: 0;bottom: 0;}
.vid_box.thumb{position:relative;aspect-ratio:360/532;}
.vid_box.thumb video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.vid_box.thumb .tit_area{position:absolute;bottom:20px;left:0;width:100%;margin:0;padding:0 16px;}
.vid_box.thumb .tit_area .cont_tit{color:#fff;}
.vid_box.thumb .tit_area .cop_detail .tit p{color:#fff;}
.vid_box.thumb .tit_area .cop_detail span{color:#fff}
.link_more{display: block;width: 100%;padding: 11.5px 20px;background:rgba(0, 0, 0, 0.6);}
.link_more span{display: flex;align-items: center;justify-content: space-between;font-size: 16px;font-weight: 500;color: #FFFFFF;line-height:1.3;letter-spacing: -0.65px;}
.link_more span::after{content: '';display: inline-block;width: 16px;height: 16px;background: url(../images/home/icon_arrow_right.png) no-repeat 0 0 / 16px;}
.shotent_list li + li{margin-top: 8px;}
.shotent_list li .cont_box{display: block;padding: 12px 20px;border-radius: 8px;border: 1px solid #E7EAF2;background-color: #F7F8FA;transition: background-color 0.15s, border 0.15s;}
.shotent_list li .cont_box .tit{display: flex;align-items: center;gap: 12px;}
.shotent_list li .cont_box .tit strong{display: block;font-size: 16px;font-weight: 500;color: #292D34;line-height: 21px;letter-spacing: -0.65px;}
.shotent_list li .cont_box i{display: inline-block;width: 24px;height: 24px;background: url(../images/common/icon_search.png) no-repeat 0 0 / 24px;}
.shotent_list li .cont_box .desc{display: none;}
.shotent_list li.on .cont_box{padding: 20px;border: 1px solid #3182F7;border-radius: 12px;background-color: #fff;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);}
.shotent_list li.on .cont_box .tit strong{font-size: 18px;font-weight: 600;color: #3182F7;}
.shotent_list li.on .cont_box .desc{display: block;margin-top: 8px;}
.shotent_list li.on .cont_box .desc .p{font-size: 16px;line-height: 21px;letter-spacing: -0.65px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.shotent_list li.on .cont_box .desc img{width:100%;height:auto;}
.shotent_list li.on .cont_box .desc .time{display: block;margin-top: 4px;font-size: 12px;color: #7F8A9A;line-height: 15px;letter-spacing: -0.2px;}

.slide_banner_wrap{overflow:hidden;position:relative;margin-top:24px;border-radius:12px;}
.slide_banner_wrap .pill_slide{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
.slide_banner_wrap .pill_slide .swiper-slide{width:100%;height:100%;}
.slide_banner_wrap .floating_pill{position:relative;width:100%;height:100%;}
.slide_banner_wrap .floating_pill::before{content:'';position:absolute;top:0;left:0;width:calc(100% - 24.39%);height:100%;border-radius:12px 88px 88px 12px;border:1px solid rgba(255, 255, 255, 0.15);background:rgba(255, 255, 255, 0.2);backdrop-filter:blur(15px)}
.slide_banner_wrap .floating_pill::after{content:'';position:absolute;top:50%;right:24.39%;z-index:1;transform:translate(50%,-50%);width:9.15%;height:20.5%;border-radius:999px;border:1px solid rgba(255, 255, 255, 0.2);background: rgba(255, 255, 255, 0.3) url(../images/common/icon_double_right.png)no-repeat 50% 50%/50% 80%;backdrop-filter:blur(10px);}
.slide_banner_wrap .floating_pill img{position:absolute;top:50%;left:32px;z-index:1;transform:translateY(-50%);width:49.4%;}
.slide_banner_wrap .transparent_slide{background:transparent;}
.slide_banner_wrap .banner_box{display:block;width:100%;position:relative;z-index:1;margin-top:0;aspect-ratio:328 / 88;}
.slide_banner_wrap .banner_box img{border-radius:12px;}
.slide_banner_wrap.large .banner_box{overflow:hidden;}
.slide_banner_wrap.large .banner_box .box_header{display:none;}
.slide_banner_wrap.large .banner_box .box_header button{display:inline-block;width:24px;height:24px;color:transparent;}
.slide_banner_wrap.large .banner_box .box_header .btn_volume{background:url(../images/clip/ico_volume_off.png) no-repeat 0 / 24px;}
.slide_banner_wrap.large .banner_box .box_header .btn_volume.on{background:url(../images/clip/ico_volume.png) no-repeat 0 / 24px;}
.slide_banner_wrap.large .banner_box .box_header .btn_close{background:url(../images/common/icon_delete2.png) no-repeat 0 / 24px;}
.slide_banner_wrap.large .banner_box .obj{position:absolute;bottom:0;left:0;width:100%;object-fit:cover;font-size:0;}
.slide_banner_wrap.large .banner_box video{width:100%;border-radius:12px;}
.slide_banner_wrap.large .banner_box .box_footer{position:absolute;right:0;bottom:0;left:0;z-index:2;pointer-events:auto;}
.slide_banner_wrap.large .banner_box .box_footer .progress_box{display:flex;align-items:flex-end;height:4px;cursor:pointer}
.slide_banner_wrap.large .banner_box .box_footer .progressbar{position:relative;flex:1;height:100%;background:rgba(255, 255, 255, 0.20);}
.slide_banner_wrap.large .banner_box .box_footer .module_play{position:absolute;top:0;left:0;height:100%;background-color:#3182F7;}

.slide_banner_wrap.large .banner_box.active{aspect-ratio:328 / 300;}
.slide_banner_wrap.large .banner_box.active .obj{position:static;}
.slide_banner_wrap.large .banner_box.active .box_header{display:flex;align-items:center;justify-content:space-between;position:absolute;top:10px;right:10px;left:10px;z-index:1;}
.slide_banner_wrap.large .banner_box.active .box_header.end{justify-content:flex-end;}

.home_search{position:sticky;top:76px;z-index:3;margin-top:32px;padding:0 16px;transition:all 0.3s ease;}
.home_search.is_sticky{margin-top:0;padding:0 90px;}
.home_search.is_sticky .form_box.search input{height:44px;padding:11px 48px 11px 56px;transition:all 0.3s ease;}
.home_search.is_sticky .form_box.search input::placeholder{color:transparent !important;transition:color 0.3s;}
.home_search.is_sticky .form_box.search input::-webkit-input-placeholder{color:transparent !important;}

/* 종목검색 */
.cate_tit{display: block;margin-bottom: 8px;font-size: 18px;font-weight: 600;line-height: 23px;letter-spacing: -0.75px;}
.stock_rank.category{margin: 0;padding: 0;border-bottom: 0;}
.stock_rank.category li + li{margin-top: 10px;}
.stock_rank.category.tema li + li{margin-top: 20px;}
.stock_rank.type_min li{min-height:39px;}
.stock_rank li .cop_area .tema{background: url(../images/home/logo_tema.png) no-repeat 0 0 / 28px;}
.search_list li a{display: flex;align-items: center;gap: 12px;padding: 12px 20px;border-radius: 8px;background-color: #F7F8FA;}
.search_list li + li{margin-top: 8px;}
.search_list li .btn_insite{display: inline-block;min-width: 24px;width: 24px;height: 24px;background: url(../images/common/icon_search.png) no-repeat 0 0 / 24px;}
.search_list li .insite_txt{font-size: 16px;font-weight: 500;color: #292D34;line-height: 21px;letter-spacing: -0.65px;}
.rank_box{position: relative;padding-top: 24px;}
.cont_section.signal .rank_box .stock_rank{padding: 0;margin: 0;border: 0;}
.cont_section.signal .rank_box .mosaic{top:18px;width: calc(100% + 32px);height: 100%;padding: 0 71.5px;}
.cont_section.signal .mosaic .btn_wrap button{height: 44px;}

/* 유레카프리미엄상승시그널 */
.signal_notice{padding: 16px;border-radius: 8px;background-color: #F7F8FA;}
.signal_notice .criteria{display: flex;gap: 8px;align-items: center;}
.signal_notice .criteria .date{font-size: 12px;color: #3182F7;line-height: 15px;letter-spacing: -0.2px;}
.signal_notice .desc{display: flex;gap: 17px;justify-content: space-between;align-items: center;}
.signal_notice .desc p{font-size: 14px;font-weight: 400;color: #68707D;line-height: 20px;letter-spacing: -0.5px;}
.signal_notice .desc p span{font-weight: 500;}
.signal_notice .desc .img_box{min-width: 50px;width: 50px;height: 50px;}
.signal_notice .desc .img_box img{width: 100%;}

/* 종목검색결과 */
.contents.has_border .cont_section{margin-top: 24px;}
.top_info{padding-bottom: 20px;}
.top_info .info_detail{display: flex;justify-content: space-between;align-items: center;}
.top_info .info_detail .cop_info{display: flex;gap: 12px;align-items:center;}
.top_info .info_detail .cop_info .logo {display: inline-block;width: 40px;height: 40px;background-size: cover;background-position: center;background-repeat: no-repeat;border-radius:50%;}
.top_info .info_detail .cop_info .stock .num{color: #68707D;line-height:20px;}
.top_info .info_detail .cop_info .stock .cop_name{font-size: 18px;font-weight: 600;line-height: 23px;}
.top_info .price{display: block;margin-top: 12px;font-size: 36px;line-height: 45px;}
.top_info .fluctuations_area{display: flex;gap: 4px;margin-top: 4px;}
.top_info .fluctuations_area .day{color: #68707D;}
.tooltip_txt{display:flex;align-items:center;gap:4px;}
.premium_chart_wrap .header_box{position:relative;margin-bottom:16px;padding-right:18px;}
.premium_chart_wrap .header_box .btn_box{position:absolute;top:50%;right:0;transform:translateY(-50%);height:16px;font-size:0;}
.premium_chart_wrap .header_box .btn_arrow_expand{display:none;}
.premium_chart_wrap .chart_bot_label{margin:0 0 16px 0;}
.premium_chart_wrap .chart_bot_label .bot_label{gap:4px;}
.premium_chart_wrap .tab_chart_area .tab_list{display:none;}
.premium_chart_wrap .tab_chart_area .tab_list.active{display:block;}
.premium_chart_wrap .tab_chart_area .echart_wrap{padding:0 8px;}
.premium_chart_wrap .legend{position:relative;display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:4px;margin-bottom:8px;}
.premium_chart_wrap .legend span{position:static;white-space:nowrap;}
.premium_chart_wrap .legend .list{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;margin:0;padding:0;}
.premium_chart_wrap .legend .list li{position:relative;font-size:12px;font-weight:500;line-height:1.25;letter-spacing:-0.2px;}
.premium_chart_wrap .legend .list li::before{content:'';position:absolute;top:50%;left:-9px;transform:translateY(-50%);width:1px;height:8px;background:#CDD2DB;}
.premium_chart_wrap .legend .list li:first-child::before{display:none;}
.premium_chart_wrap .legend .list .short{color:#3182F7;}
.premium_chart_wrap .legend .list .long{color:#F4124F;}
.analysis_txt{margin-top: 20px;}
.analysis_txt span{font-weight: 500;}
.logo_txt_type{display: flex;gap: 12px;align-items:flex-start;}
.logo_txt_type .logo{display: inline-block;min-width: 48px;width: 48px;height: 48px;border-radius: 48px;}
.logo_txt_type .txt_area strong{display:block;font-size:18px;line-height:1.25;letter-spacing:-0.75px;}
.logo_txt_type .txt_area p{margin-top: 6px;font-size: 14px;color: #7F8A9A;letter-spacing:-0.5px;}
.detail_box{margin-top: 16px;padding:16px;border-radius: 12px;background-color: #F7F8FA;}
.detail_box p{font-size: 12px;color: #929EB0;line-height: 15px;text-align: right;}
.detail_box ul{margin-top: 8px;}
.detail_box ul li{display: flex;justify-content: space-between;align-items: center;margin-bottom: 4px;}
.detail_box ul li:last-child{margin-bottom: 0;}
.detail_box ul li span{color: #68707D;line-height: 20px;}
.detail_box ul li strong{display: flex;align-items: center;gap:2px;font-size: 14px;font-weight: 500;color: #F4124F;line-height: 20px;}
.detail_box ul li strong::before{content: '';display: inline-block;width: 16px;height: 16px;margin-right: 2px;background: url(../images/common/icon_up.png) no-repeat 0 0 / 16px;}
.cont_section .sect_tit{display:flex;align-items:center;gap:4px;font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-0.75px;}
.cont_section .sect_tit.top_bd{margin-top:16px;padding-top:16px;border-top: 1px solid #E7EAF2;}
.cont_section .sect_tit.gap0{gap:0;}
.cont_section .sect_tit .desc_txt{font-size:14px;font-weight:400;color:#7F8A9A;line-height:1.4;letter-spacing:-0.5px;}
.cont_section .sub_tit{display: block;font-size: 16px ;font-weight: 600;line-height: 20px;}
.cont_section .sub_tit.top_bd{margin-top: 16px;padding-top: 16px;border-top: 1px solid #E7EAF2;}
.cont_section .sub_tit{display: flex;align-items: center;gap: 4px;}
.cont_section .sub_desc{margin-top:4px;color: #68707D;letter-spacing:-0.5px;}
.cont_section .sub_desc .emphasis{font-size: 24px;font-weight: 600;color: #F4124F;line-height: 30px;}
.warning_box{margin-top: 16px;padding: 8px 0;background-color: #F7F8FA;text-align: center;}
.warning_box p{display: flex;align-items: center;justify-content: center;gap: 4px;letter-spacing:-0.5px;}
.warning_box p::before{content: '';display: inline-block;width: 16px;height: 16px;background: url(../images/common/icon_caution.png) no-repeat 0 0 / 16px;vertical-align: middle;}
.flex_box{display:flex;flex-direction:column;gap:24px;}
.flex_box .sect_tit{margin-bottom:16px;}
.flex_box .sub_tit{margin-bottom:12px;}
.diagnostic_score_area{display:flex;align-items:center;gap:16px;}
.diagnostic_score_area .score{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;border:3px solid #3182F7;font-size:18px;font-weight:700;color:#3182F7;line-height:1.25;letter-spacing:-0.75px;}
.diagnostic_score_area .gauge_list{flex:1;}
.diagnostic_score_area .gauge_list li{display: flex;align-items: center;gap: 12px;}
.diagnostic_score_area .gauge_list li + li{margin-top: 8px;}
.diagnostic_score_area .gauge_list li .category{flex-shrink:0;min-width: 59px;font-size: 14px;font-weight:600;letter-spacing:-0.5px;}
.diagnostic_score_area .gauge_list li .guage{display: block;position: relative;width: 100%;height: 8px;border-radius: 999px;background-color: #E7EAF2;}
.diagnostic_score_area .gauge_list li .guage .bar{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 8px;border-radius: 999px;}
.diagnostic_score_area .gauge_list li .guage.blue .bar{background: linear-gradient(90deg, #73B0F2 24.52%, #2C29E1 100%);}
.diagnostic_score_area .gauge_list li .guage.purple .bar{background: linear-gradient(90deg, #F6BEE0 0%, #7B28EE 50%);}
.diagnostic_score_area .gauge_list li .guage.sky .bar{background: linear-gradient(90deg, #49EAE5 0%, #15AFD8 100%);}
@keyframes fillBar {
    from {
        width: 0;
    }
}
.fill_ani_box .tg_fill.active{animation: fillBar 1.5s ease-out forwards;}
.diagnostic_score_area .gauge_list li .num{flex-shrink:0;min-width:30px;letter-spacing:-0.5px;}
.diagnostic_score_area .gauge_list li .num strong{font-weight:700;}
.gauge_area{margin-top:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #E7EAF2;}
.gauge_area .inner{position:relative;}
.gauge_area .gauge_list li{display:flex;align-items:center;gap:12px;}
.gauge_area .gauge_list li + li{margin-top:8px;}
.gauge_area .gauge_list li .category{min-width:40px;letter-spacing:-0.5px;}
.gauge_area .gauge_list li .guage {display:block;position:relative;width:100%;height:8px;border-radius:999px;background-color:#E7EAF2;}
.gauge_area .gauge_list li .guage .bar{display:block;position:absolute;left:0;top:0;width:100%;height:8px;border-radius:999px;}
.gauge_area .gauge_list li .guage.blue .bar{background: linear-gradient(90deg, #73B0F2 24.52%, #2C29E1 100%);}
.gauge_area .gauge_list li .guage.purple .bar{background: linear-gradient(90deg, #F6BEE0 0%, #7B28EE 50%);}
.gauge_value{display:flex;justify-content:space-between;margin-left:48px;margin-top:8px;}
.gauge_value p {font-weight:500;letter-spacing:-0.5px;}
.gauge_value .min{color:#7F8A9A;}
.gauge_value .max{color:#4744FF;}
.algorithms .echart_wrap.dual{margin-top:12px;}
.algorithms .gray_col_list{margin-top:12px;}
.gray_col_list{display:flex;flex-wrap:wrap;gap:4px;}
.gray_col_list li{width:calc(50% - 2px);padding:12px;border-radius:8px;border:1px solid #E7EAF2;background:#F7F8FA;}
.gray_col_list .tit_box .tit{display:block;font-weight:500;letter-spacing:-0.5px;}
.gray_col_list .tit_box span{display:block;font-size:12px;font-weight:500;color:#929EB0;line-height:1.25;letter-spacing:-0.2px;}
.gray_col_list .txt_box{margin-top:4px;text-align:right;}
.gray_col_list .txt_box p{letter-spacing:-0.5px;}
.gray_col_list .txt_box p strong{font-weight:700;}
.chart_value{position: absolute;top: 51%;left: 50%;z-index: 3;transform: translate(-50%, -50%);text-align:center;}
.chart_value span{font-size: 12px;font-weight:500;letter-spacing:-0.2px;}
.chart_value p{font-size: 20px;font-weight: 700;color: #4744FF;line-height: 25px;}
.pie_chart_box{position: relative;width: 100%;}
.pie_chart_box .logo_medal{display: inline-block;position: absolute;left: 50%;top: 7px;width: 24px;height: 26px;background: url(../images/home/img_medal.png) no-repeat 0 0 / 24px 26px;transform: translateX(-50%);}
.echart_wrap{position: relative;}
.echart_wrap.pie{display: flex;justify-content: center;width: 100%;}
.echart_wrap.pie .pie_chart_box{flex: 1;}
.chart_bot_label{display: flex;justify-content: center;gap: 12px;margin-top: 12px;}
.chart_bot_label .bot_label{display: flex;align-items: center;gap: 4px;}
.chart_bot_label .label{display: inline-block;width:16px;height:16px;}
.chart_bot_label .label[class*="circle"]{width:8px;height:8px;border-radius:50%;border-width:2px;border-style:solid;box-sizing:border-box;}
.chart_bot_label .label[class*="circle2"]{border:0;}
.chart_bot_label .label.cont1{background-color: #4744FF;}
.chart_bot_label .label.cont2{background-color: #8C3FF0;}
.chart_bot_label .label.cont3{background-color: #0EC6D0;}
.chart_bot_label .label.cont4{background-color: #FA67D1;}
.chart_bot_label .label.cont5{background-color: #3182F7;}
.chart_bot_label .bot_label.buy .label{background: url(../images/home/ico_buy.png) no-repeat 0 0 / 16px;}
.chart_bot_label .bot_label.sell .label{background: url(../images/cp/icon_sell.png) no-repeat 0 0 / 16px;}
.chart_bot_label .bot_label.round_blue .label[class*="circle"]{border-color:#3182F7;}
.chart_bot_label .bot_label.round_red .label[class*="circle"]{border-color:#F4124F;}
.chart_bot_label span{font-size: 12px;font-weight:500;line-height:16px;letter-spacing:-0.2px;}
.chart_bot_label span.regular{font-weight:400;}
.chart_bot_label .bot_label.buy span{color: #F4124F;}
.chart_bot_label .bot_label.sell span{color: #3182F7;}
.algorithms{overflow:hidden;}
.algorithms .white_box .sub_tit{line-height:1.25;}
.gray_box .btn_link{justify-content:flex-start;width:auto;margin:12px 0 0 60px;font-size:13px;}
.gray_box .btn_link::after{margin-left:2px;}
.algorithms .white_box{margin-top:16px;}
.algorithms .chart_bot_label{margin-top:16px;}
.algorithms .chart_bot_label span{font-weight:400;}
.event_history .user_info{display: flex;align-items: center;justify-content: space-between;}
.event_history .user_info .profile{align-items: center;gap: 8px;justify-content: start;}
.event_history .user_info .profile .ico_user{display: inline-block;width: 40px;height: 40px;border-radius:50%;}
.event_history .user_info .profile .ico_user.per1{background: url(../images/home/img_user01.png) no-repeat 0 0 / 40px;}
.event_history .user_info .profile .ico_user.per2{background: url(../images/home/img_user02.png) no-repeat 0 0 / 40px;}
.event_history .user_info .profile .name{font-size: 14px;font-weight: 500;line-height: 20px;}
.event_history .user_info .profile .time{font-size: 12px;color: #7F8A9A;line-height: 16px;}
.event_history .comment_area{margin-top: 12px;}
.event_history .comment_area .desc{font-size:16px;line-height: 1.3;letter-spacing:-0.65px;}
.event_history .comment_area .btn_area{display: flex;justify-content: end;gap: 24px;margin-top: 12px;}
.event_history .comment_area .btn_area .btn{display: flex;align-items: center;gap: 4px;}
.event_history .comment_area .btn_area .btn .num{font-size: 13px;color: #68707D;line-height: 16px;}
.cont_section.clip .swiper-container{overflow:hidden;margin-right:-16px;}
.clip_area{display: flex;flex-direction: column;gap: 8px;}
.clip_area .img_box{overflow:hidden;position: relative;border-radius:10px;aspect-ratio:157/235;}
.clip_area .img_box img{width: 100%;height: 100%;object-fit:cover;}
.clip_area .img_box .play_num{position: absolute;left: 16px;top: 16px;display: flex;align-items: start;gap: 4px;}
.clip_area .img_box .play_num .ico_play{display: inline-block;width: 16px;height: 16px;background: url(../images/home/icon_play.png) no-repeat 0 0 / 16px;}
.clip_area .img_box .play_num .num{font-size: 12px;color: #fff;line-height: 14px;}
.clip_area .txt_area p{font-size: 16px;font-weight: 500;line-height: 1.3;letter-spacing:-0.65px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.clip_area .txt_area span{display: block;margin-top: 8px;font-size: 14px;color: #68707D;line-height:1.4;letter-spacing:-0.5px;}
.invest_list li{display: flex;align-items: center;gap: 16px;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #E7EAF2;}
.invest_list li:last-child{margin-bottom:16px;}
.invest_list li .img_box{flex-shrink:0;overflow:hidden;width: 72px;height: 72px;}
.invest_list li .img_box img{width: 100%;height: 100%;border-radius:8px;}
.invest_list li .cop_info .tit{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 18px;font-weight: 600;line-height: 23px;letter-spacing: -0.75px;text-overflow: ellipsis;}
.invest_list li .cop_info .desc{display: flex;align-items: center;gap: 8px;margin-top:4px;}
.invest_list li .cop_info .desc p{font-size: 14px;color: #7F8A9A;line-height: 20px;letter-spacing: -0.5px;}
.invest_list li .cop_info .desc span{display: block;font-size: 14px;color: #7F8A9A;line-height: 20px;}
.invest_list li .cop_info .desc span::before{content: '';display: inline-block;width: 1px;height: 10px;margin-right: 8px;background-color: #B6BECA;}
.report_info .detail{display: flex;align-items: center;justify-content: space-between;}
.report_info .detail .inner{display: flex;align-items: center;gap: 8px;}
.report_info .detail .inner .date{color: #7F8A9A;line-height: 20px;}
.report_info .desc{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 20px;text-overflow: ellipsis;font-size:16px;line-height:1.3;letter-spacing:-0.65px;}
.analysis_txt p + p{margin-top: 8px;}
.asell .tab_wrap.type2{margin-top: 16px;}
.asell .tab_wrap.type2 .tab_contents .tab_cont .echart_wrap{position: relative;}
.asell .tab_wrap.type2 .tab_contents .tab_cont .echart_wrap .legend{display:flex;align-items:center;justify-content:space-between;}
.asell .tab_wrap.type2 .tab_contents .tab_cont .echart_wrap .legend p{font-size: 12px;color: #7F8A9A;line-height: 16px;}
.asell .tab_wrap.type2 .tab_contents .tab_cont .echart_wrap .legend .tab_area{flex:1;padding-right:114px;}
.asell .tab_wrap.type2 .tab_contents .table_wrap{margin-top:10px;}
.asell .tab_wrap.type2 .tab_contents .table_wrap thead tr{background-color: #F7F8FA;}
.asell .tab_wrap.type2 .tab_contents .table_wrap thead tr th{padding: 12.5px 0;font-size: 12px;font-weight: 500;line-height: 15px;}
.asell .tab_wrap.type2 .tab_contents .table_wrap thead tr th:first-child{padding-left: 12px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.asell .tab_wrap.type2 .tab_contents .table_wrap thead tr th:last-child{padding-right: 6px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
.asell .tab_wrap.type2 .tab_contents .table_wrap tbody tr td{padding: 6px 0;font-size: 12px;line-height: 15px;text-align: center;}
.asell .tab_wrap.type2 .tab_contents .table_wrap tbody tr:first-child td{padding-top: 12px;}
.asell .tab_wrap.type2 .tab_contents .table_wrap tbody tr:last-child td{padding-bottom: 12px;}
.asell .tab_wrap.type2 .tab_contents .table_wrap tbody tr td:first-child{padding-left: 12px;font-weight: 500;}
.asell .tab_wrap.type2 .tab_contents .table_wrap tbody tr td:last-child{padding-right: 6px;}
.asell .main_tab_contents{margin-top:4px;}
.asell .main_tab_contents .main_tab_cont.active{display:flex;flex-direction:column;align-items:flex-end;}
.echart_wrap.type2 .pie_chart_box{padding-bottom:15px;}
.echart_wrap.type2 .pie_chart_box .chart_value{top:44%;}
.echart_wrap.type2 .pie_chart_box .chart_value span{font-size: 10px;color:#505761;line-height:1;}
.echart_wrap.type2 .pie_chart_box .chart_value p{font-size:13px;font-weight:600;line-height:1.3;letter-spacing: -0.25px;white-space:nowrap;}
.echart_wrap.type2 .pie_chart_box .legend{position: absolute;left: 50%;bottom: 0;font-size: 12px;font-weight: 600;color: #505761;line-height: 15px;transform: translateX(-50%);letter-spacing: -0.2px;}
.price_tag{position: relative;margin-top: 24px;}
.price_tag ul{background: url(../images/home/img_person.png) no-repeat 40% 50% / 56.5px 149px;}
.price_tag ul li{position: relative;display: flex;justify-content: space-between;align-items: center;gap: 8px;margin-bottom: 22px;}
.price_tag ul li:last-child{margin-bottom: 0;}
.price_tag ul li .line{width: 100%;height: 1px;border: 1px dashed #E7EAF2;}
.price_tag ul li .tag{position: absolute;left: 10px;top: 50%;height: 20px;padding: 4px 8px;border-radius: 4px;background-color: #3182F7;transform: translateY(-50%);}
.price_tag ul li .tag::after{content: '';position: absolute;right: -5px;top: 50%;display: inline-block;width: 5px;height: 7px;background: url(../images/home/icon_polygon.png) no-repeat 0 0 / 5px 7px;transform: translateY(-50%);}
.price_tag ul li .tag span{display: block;font-size: 10px;font-weight: 700;color: #fff;line-height: 12px;}
.price_tag ul li .category{display: flex;align-items: center;gap: 5px;min-width: 60px;width: max-content;white-space: nowrap;flex-shrink: 0;}
.price_tag ul li .category span{font-size: 12px;font-weight: 500;color: #68707D;line-height: 15px;white-space: nowrap;}
.price_tag ul li .category p{font-size: 12px;font-weight: 500;line-height: 15px;white-space: nowrap;}
.echart_wrap.rader{position: relative;}
.echart_wrap.rader .chart_value span{font-size: 14px;font-weight: 500;letter-spacing:-0.5px;}
.echart_wrap.rader .chart_value p{font-size: 26px;color: #3182F7;line-height:1.25;letter-spacing:-0.5px;}
.echart_wrap.rader .chart_bot_label span{color:#7F8A9A;}
.algorithms .white_box .echart_wrap.rader{padding:0 19px;}
.category_detail .cate_tit{text-align: center;}
.category_detail .cate_tit .tit{display: block;font-size: 28px;font-weight: 600;line-height: 35px;}
.category_detail .cate_tit .desc{margin-top: 4px;font-size: 16px;font-weight: 500;color: #505761;line-height:1.3;letter-spacing:-0.65px;}
.category_detail .cate_tit .desc.high{color: #FF652D;}
.category_detail .cate_tit .desc.row{color: #4744FF;}
.category_detail ul{display: flex;flex-direction: column;gap: 4px;min-height: 251px;margin-top: 20px;}
.category_detail ul .level{display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 20px;border-radius: 12px;background-color: #F7F8FA;}
.category_detail ul .level.high{background-color: #FFF0E7;}
.category_detail ul .level.high .lt p em{color: #FF652D;}
.category_detail ul .level.high .rt .sircle i.full{background-color: #FF652D;}
.category_detail ul .level.high .rt .score{color: #FF652D;}
.category_detail ul .level.row{background-color: #F3F8FF;}
.category_detail ul .level.row .lt p em{color: #4744FF;}
.category_detail ul .level.row .rt .sircle i.full{background-color: #4744FF;}
.category_detail ul .level.row .rt .score{color: #4744FF;}
.category_detail ul .level .lt span{display: block;font-size: 13px;color: #68707D;line-height:1.2;letter-spacing:-0.25px;}
.category_detail ul .level .lt p{margin-top: 4px;font-size: 14px;font-weight: 400;color: #505761;letter-spacing:-0.5px;}
.category_detail ul .level .lt p em{font-size: 16px;font-weight: 700;color: #505761;line-height:1.3;letter-spacing:-0.65px;}
.category_detail ul .level .rt{display: flex;flex-direction: column;align-items: center;}
.category_detail ul .level .rt .sircle{display: flex;align-items: center;gap: 2px ;padding: 4px 0;}
.category_detail ul .level .rt .sircle i{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background-color: #CDD2DB;}
.category_detail ul .level .rt .sircle i.full{background-color: #505761;}
.category_detail ul .level .rt .score{font-size: 20px;font-weight: 700;color: #505761;line-height: 25px;}
.progress_bar .bar_conts{display: flex;justify-content: space-between;gap: 2px;}
.progress_bar .bar_conts .bar{width: 100%;height: 8px;background-color: #CDD2DB;}
.progress_bar .bar_conts .bar:first-child{border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.progress_bar .bar_conts .bar:last-child{border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
.progress_bar .bar_conts .bar.blue{background-color: #3182F7;}
.progress_bar .bar_conts .bar.red{background-color: #F4124F;}
.progress_bar .bar_conts .bar.purple{background-color: #8C3FF0;}
.progress_bar .bar_conts .bar.pink{background-color: #F55D8D;}
.progress_bar .bar_conts .bar.sky{background-color: #5BB0FF;}
.progress_bar .bar_value{display: flex;justify-content: space-between;}
.progress_bar .bar_value .value{margin-top: 8px;font-size: 13px;font-weight: 500;line-height:1.25;}
.progress_bar .bar_value .value.blue{color: #3182F7;}
.progress_bar .bar_value .value.red{color: #F4124F;}
.progress_bar .bar_value .value.purple{color: #8C3FF0;}
.progress_bar .bar_value .value.pink{color: #F55D8D;}
.progress_bar .bar_value .value.sky{color: #5BB0FF;}
.echart_wrap.top_dashed{padding-top: 16px;border-top: 1px dashed #E7EAF2;}
.sequence_list li{position: relative;width: 100%;margin-bottom: 16px;padding-bottom: 16px;border-bottom: 1px solid #E7EAF2;}
.sequence_list li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;}
.sequence_list li a{display: block;padding:0 !important;}
.sequence_list li .text_area{display: flex;gap: 4px;}
.sequence_list li .text_area .num{flex-shrink:0;display: inline-block;min-width:16px;font-weight:600;letter-spacing:-0.5px;}
.sequence_list li .text_area .detail{overflow: hidden;}
.sequence_list li .text_area .detail p{overflow: hidden;margin-bottom: 6px;font-size: 16px;line-height:1.3;letter-spacing:-0.65px;white-space: nowrap;text-overflow: ellipsis;}
.sequence_list li .text_area .detail p em{margin-right: 6px;font-weight: 600;line-height: 21px;}
.chart_top_label.flag_type{display: flex;justify-content: end;}
.chart_top_label.flag_type .flag_box{display: flex;align-items: center;gap: 12px;height: 28px;padding: 0px 12px;border-radius: 100px;background-color: #F7F8FA;}
.chart_top_label.flag_type .flag_box .top_label{display:flex;align-items:center;gap:4px;}
.chart_top_label.flag_type .flag_box .top_label .label{display: inline-block;width: 8px;height: 8px;border-radius: 50%;}
.chart_top_label.flag_type .flag_box .top_label .label.cont1{background-color: #FA67D1;}
.chart_top_label.flag_type .flag_box .top_label .label.cont2{background-color: #0EC6D0;}
.chart_top_label.flag_type .flag_box span{font-size: 10px;font-weight: 500;line-height:1;letter-spacing:0;}

.contents.lecture .tab_wrap{padding-top:24px}
.contents.lecture .curriculum_wrap{margin-top:40px}
.contents.lecture .curriculum_wrap .thumb{overflow:hidden;border-radius: 6px;position: relative;}
/*.contents.lecture .curriculum_wrap .thumb::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;background:rgba(0, 0, 0, 0.5)}*/
.contents.lecture .curriculum_wrap .thumb .img_box{position:relative;padding-top:56.41%}
.contents.lecture .curriculum_wrap .thumb .img_box img{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;object-fit: cover;}
.fixed{position:fixed;bottom:0;left:0;right:0;padding:16px;background:rgb(1 1 1 / 70%);}
body.skin_white .fixed{background:rgb(255, 255, 255, 1);}
.btn_wrap.has_like_btn{display:flex;}
.btn_wrap.has_like_btn .btn_heart{width:80px;margin-right:10px;border:1px solid #E7EAF2;background:#010101 url(../images/common/icon_like.png) no-repeat 50% 11px / 16px;}
.btn_wrap.has_like_btn .btn_heart.on{background:#010101 url(../images/common/icon_like_on.png) no-repeat 50% 11px / 16px;}
.btn_wrap.has_like_btn .btn_heart span{display:block;margin-top:26px;;font-size:14px;font-weight:700;line-height:17px;}


/* 홈popup */
.funder_list{display: flex;flex-direction: column;gap: 4px;}
.funder_list li{padding: 8px 12px;border-radius: 8px;background-color: #F7F8FA;}
.funder_list li p{font-size: 14px;font-weight: 500;color: #3182F7;line-height: 20px;letter-spacing: -0.5px;}
.funder_list li span{display: block;margin-top: 4px;font-size: 16px;color: #7F8A9A;line-height: 21px;letter-spacing: -0.65px;}
.full_layer.rotate_chart{top:50%;left:50%;width:100vh;height:100vw;margin-top:-50vw;margin-left:-50vh;transform:rotate(90deg) scale(1.001);transform-origin:center center;}
.full_layer.rotate_chart .btn_box{position:absolute;top:12px;right:20px;z-index:1;}
.full_layer.rotate_chart .contents{height:100%;}
.full_layer.rotate_chart .chart_box{height:100%;}
.full_layer.rotate_chart .pop_con{top:0;}
.full_layer.rotate_chart .premium_chart_wrap{display:flex;flex-direction:column;gap:16px;height:100%;padding-top:4px;}
.full_layer.rotate_chart .premium_chart_wrap .chart_area{flex:1;display:flex;flex-direction:column;gap:8px;}
.full_layer.rotate_chart .premium_chart_wrap .chart_area .echart_wrap{flex:1;}
.full_layer.rotate_chart .premium_chart_wrap .legend{justify-content:flex-start;align-items:center;gap:24px;margin-bottom:0;padding-left:30px;}
.full_layer.rotate_chart .premium_chart_wrap .legend span{position:static;}
.full_layer.rotate_chart .premium_chart_wrap .chart_bot_label{margin:0;}
.chart_box.none_style{padding:0;border-radius:0;border:0;box-shadow:none;}

/* 가로 모드 - 회전 해제 */
@media screen and (orientation: landscape) {
    .full_layer.rotate_chart{
        width:100%;
        height:100%;
        top:0;
        left:0;
        margin:0;
        transform:rotate(0deg) scale(1);
    }
}

/* 종목이야기 */
.cont_section.history .form_box.txt_send_box .textarea{height: 48px;}
.cont_section.history .form_box.txt_send_box .textarea:focus{height: 100px;}

/* 마이페이지 */
.profile_area{display: flex;align-items: center;justify-content: space-between;}
.profile_area .user_profile{display: flex;gap: 24px;}
.photo_area{position: relative;}
.photo_area .photo{width: 48px;height: 48px;border-radius: 50%;background: url(../images/my/img_profile_user.png) no-repeat 0 0 / 48px;}
.photo_area .photo.empty{background: url(../images/my/img_profile_empty.png) no-repeat 0 0 / 48px;;}
.photo_area .camera label{position: absolute;right: -10px;bottom: -6px;display: flex;align-items: center;justify-content: center;width: 28px;height: 28px;border: 1px solid #fff;border-radius: 44px;background:rgba(0, 0, 0, 0.6) url(../images/common/icon_camera14.png) no-repeat 50% 50% / 14px 13px;cursor: pointer;}
.photo_area .camera input{display: none;}
.profile_area .user_id{display: flex;flex-direction: column;gap: 4px;}
.profile_area .user_id strong{font-size: 16px;font-weight: 600;line-height: 20px;}
.profile_area .user_id .info_link{display: flex;align-items: center;font-size: 13px;font-weight: 500;color: #929EB0;line-height: 16px;}
.profile_area .user_id .info_link::after{content: '';display: inline-block;width: 16px;height: 16px;margin-left: 2px;background: url(../images/common/icon_link_gray16.png) no-repeat 0 0 / 16px;}
.profile_area .inquiry_link{display: inline-block;padding: 8px 12px;border-radius: 50px;border: 1px solid #E1E6F1;background-color: #fff;font-size: 12px;font-weight: 500;color: #444B5B;line-height: 14px;}
.contents.my .stock_rank{padding-bottom: 0;border-bottom: 0;}
.contents.my .btn_add{margin-top: 20px;padding-top: 16px;border-top: 1px solid #E7EAF2;}
.stock_rank li .nodata{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 162px;}
.stock_rank li .nodata i{display: inline-block;width: 24px;height: 30px;background: url(../images/common/img_nodata.png) 0 0 / 24px 30px;}
.stock_rank li .nodata p{margin-top: 12px;font-size: 13px;color: #B6BECA;line-height: 16px;}
.stock_rank li .nodata.no_sub{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 227px;margin-top: 16px;padding: 0 32px;}
.stock_rank li .nodata.no_sub .img_box{width: 116px;height: 120px;}
.stock_rank li .nodata.no_sub .img_box img{width: 100%;}
.stock_rank li .nodata.no_sub p{margin-top: 16px;font-size: 18px;font-weight: 500;color: #292D34;line-height: 23px;letter-spacing: -0.75px;}
.stock_rank li .nodata.no_sub .btn_wrap{margin-top: 24px;}
.stock_rank li .nodata.no_sub .btn_wrap button{height: 44px;}
.push_history li .white_box{position: relative;display: flex;gap: 12px;}
.push_history li + li{margin-top: 8px;}
.push_history li .ico_cop{display: inline-block;min-width: 24px;width: 24px;height: 24px;border-radius: 24px;}
.push_history li .ico_cop img{width:100%;height:100%;object-fit:cover;}
.push_history li .detail p{margin-bottom: 4px;font-size: 16px;font-weight: 600;line-height: 21px;letter-spacing: -0.65px;}
.push_history li .detail span{font-size: 14px;color: #7F8A9A;line-height: 20px;letter-spacing: -0.5px;}
.push_history li .notice{position: absolute;right: 20px;top: 20px;display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #F4124F;}
.push_history li .no_data{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 158px;}
.push_history li .no_data i{display: inline-block;width: 24px;height: 30px;background: url(../images/common/img_nodata.png) 0 0 / 24px 30px;}
.push_history li .no_data p{margin-top: 12px;font-size: 14px;font-weight: 600;color: #B6BECA;line-height: 20px;letter-spacing: -0.5px;}
.push_history li.checking .white_box > *{opacity: 0.4;}
.alarm_set{display: flex;flex-direction: column;gap: 8px;}
.alarm_set li .gray_box{display: flex;justify-content: space-between;gap: 12px;}
.alarm_set li .top_title strong{display: block;font-size: 18px;font-weight: 600;line-height: 23px;letter-spacing: -0.75px;}
.alarm_set li .desc{margin-top: 12px;font-size: 14px;color: #68707D;line-height: 20px;letter-spacing: -0.5px;}
.cont_section .tit_area.has_tab{display: flex;gap: 16px;justify-content: space-between;}
.cont_section .tit_area.has_tab .btn_align{min-width: 64px;}
.payment_history .info{display: flex;gap: 12px;justify-content: space-between;align-items: center;}
.payment_history .info .detail{display: flex;gap: 12px;align-items: center;}
.payment_history .info .detail .img_box{width: 44px;height: 44px;}
.payment_history .info .detail .img_box img{width: 100%;border-radius: 50%;}
.payment_history .info .detail .tit_box{display: flex;flex-direction: column;gap: 4px;}
.payment_history .info .detail .tit_box strong{font-size: 16px;font-weight: 600;line-height: 21px;letter-spacing: -0.65px;}
.payment_history .info .detail .tit_box span{font-size: 14px;color: #7F8A9A;line-height: 20px;letter-spacing: -0.5px;}
.payment_history.expired .info .detail .tit_box span{color: #F4124F;}
.payment_history .info .period{display: block;}
.payment_history .info .period span{display: flex;align-items: center;gap: 4px;font-size: 16px;font-weight: 600;color: #3182F7;line-height: 24px;}
.payment_history .info .period span::after{content: '';display: inline-block;min-width: 16px;width: 16px;height: 16px;background: url(../images/common/icon_link_gray16.png) no-repeat 0 0 / 16px;}
.payment_history.expired .info .period span{color: #F4124F;}
.payment_history .btn_wrap{margin-top: 24px;}
.payment_history .btn_wrap button{height: 40px;font-size: 14px;}
.payment_history.past li + li{margin-top: 8px;}
.payment_history.past li .price{font-size: 16px;font-weight: 600;color: #7F8A9A;line-height: 24px;}
.payment_history.past li .price.cancel{color: #F4124F;}

/* 내정보관리 */
.user_info .profile{position: relative;display: flex;justify-content: center;}
.user_info .profile .photo{position: relative;}
.user_info .profile .photo .img_box{width: 100px;height: 100px;background: url(../images/my/img_profile_user02.png) no-repeat 0 0 / 100px;border-radius: 42px;}
.user_info .profile .photo .img_box.empty{background: url(../images/common/img_user.png) no-repeat 0 0 / 100px;}
.user_info .profile .photo .img_box img{width: 100%;height: 100%;border-radius: 42px;}
.user_info .camera label{position: absolute;right: 0px;bottom: 0px;display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border: 1px solid #fff;border-radius: 44px;background:rgba(0, 0, 0, 0.6) url(../images/common/icon_camera16.png) no-repeat 50% 50% / 16px 15px;cursor: pointer;}
.user_info .camera input{display: none;}
.user_info .inp_area{display: flex;flex-direction: column;margin-top: 32px;padding: 0 24px;}
.user_info .inp_area.gap8{gap: 8px;}
.user_info .inp_area .inp{display: flex;align-items: center;justify-content: center;height: 54px;border-bottom: 1px solid #CDD2DB;}
.user_info .inp_area .inp .btn_modify{width: 16px;height: 16px;margin-left: 8px;background: url(../images/common/icon_modify.png) no-repeat 0 0 / 16px;}
.user_info .inp_area .inp p{font-size: 20px;font-weight: 700;line-height: 1.25;}
.user_info .inp_area .inp.num p{color: #B6BECA;}
.user_info .inp_area .btn_withdrawal{font-size: 14px;color: #929EB0;line-height: 20px;letter-spacing: -0.5px;}
.user_info .btn_area{display: flex;justify-content: end;margin-top: 12px;}
.user_info .btn_area.chk{justify-content: center;margin-top: 24px;}
.user_info .btn_area.chk .btn_chek{width: 135px;padding: 14px 0;border: 1px solid #E7EAF2;border-radius: 8px;font-size: 14px;font-weight: 600;color: #292D34;line-height: 20px;letter-spacing: -0.5px;}
.subscribe_prd .prd_tit{display: block;margin-bottom: 12px;padding-bottom: 16px;border-bottom: 1px solid #E7EAF2;font-size: 16px;font-weight: 700;line-height: 20px;}
.subscribe_prd .prd_detail li{display: flex;align-items: center;justify-content: space-between;}
.subscribe_prd .prd_detail li + li{margin-top: 8px;}
.subscribe_prd .prd_detail li .sub_tit{font-size: 14px;font-weight: 400;color: #68707D;line-height: 20px;letter-spacing: -0.5px;}
.subscribe_prd .prd_detail li span{font-size: 16px;font-weight: 600;line-height: 21px;letter-spacing: -0.65px;}
.prd_nodata{display: flex;justify-content: center;align-items: center;flex-direction: column;border-radius: 12px;background-color: #F7F8FA;width: 100%;height: 172px;}
.prd_nodata i{display: inline-block;width: 40px;height: 50px;background: url(../images/common/img_nodata40.png) no-repeat 0 0 / 40px 50px;}
.prd_nodata p{margin-top: 24px;font-weight: 500;color: #929EB0;line-height: 18px;}

/* 1:1문의 */
.inquiry_history .title{font-size: 16px;font-weight: 600;line-height: 20px;}
.inquiry_history .detail{display: flex;align-items: center;}
.inquiry_history .detail span{display: block;color: #929EB0;line-height: 18px;}
.inquiry_history .detail span + span::before{content: '';display: inline-block;width: 1px;height: 10px;margin: 0 8px;background-color: #CDD2DB;}
.inquiry_history .inner_box{padding: 16px;border-radius: 12px;background-color: #F7F8FA;}
.inquiry_history .inner_box .text{margin-top: 8px;color: #7F8A9A;}

/* 관심종목 */
.top-tap{position: relative;padding: 0 47.5px;}
.top-tap .btn_filter{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.stock_rank.no_bd{padding-bottom: 0;border: 0;}
.stock_rank li .btn_delete{display: none;}
.stock_rank.modify{padding-right: 36px;}
.stock_rank.modify li{position: relative;}
.stock_rank.modify li .btn_delete{display: block;position: absolute;right: -32px;top: 50%;width: 16px;height: 16px;background: url(../images/common/icon_inp_delete.png) no-repeat 0 0 / 16px;transform: translateY(-50%);}
.stock_rank.add{padding-bottom: 0;border-bottom: 0;}
.stock_rank.add li{padding: 10px 0;}
.stock_rank.add li + li{margin-top: 0;}

/* 로그인 */
.login .home_logo{margin-top: 50px;}
.login .cont_section{margin-top: 62px;}
.login_list{display: flex;flex-direction: column;gap: 8px;}
.login_list li{width: 100%;height: 56px;}
.login_list li .login_link{display: flex;justify-content: center;align-items: center;gap: 12px;width: 100%;height: 100%;border-radius: 56px;color: #292D34;}
.login_list li .login_link i{display: inline-block;width: 20px;height: 20px;}
.login_list li .login_link span{font-size: 16px;line-height: 20px;}
.login_list li .login_link.kakao{background-color: #FAE100;}
.login_list li .login_link.kakao i{background: url(../images/common/icon_kakao.png) no-repeat 0 0 / 20px;}
.login_list li .login_link.naver{background-color: #06BE34;color: #fff;}
.login_list li .login_link.naver i{background: url(../images/common/icon_naver.png) no-repeat 0 0 / 20px;}
.login_list li .login_link.apple{background-color: #000000;color: #fff;}
.login_list li .login_link.apple i{background: url(../images/common/icon_apple.png) no-repeat 0 0 / 20px;}
.login_list li .login_link.google{border: 1px solid #CDD2DB;background-color: #FFFFFF;}
.login_list li .login_link.google i{background: url(../images/common/icon_google.png) no-repeat 0 0 / 20px;}
.login_list li .login_link.hankyung{background-color: #142C67;color: #FFFFFF;}
.login_list li .login_link.hankyung i{width: 24px;height: 24px;background: url(../images/common/icon_hankyung.png) no-repeat 0 0 / 24px;}
.category_link{display: flex;justify-content: center;align-items: center;margin-top: 40px;}
.category_link .link{display: block;font-size: 14px;font-weight: 500;color: #929EB0;line-height: 18px;}
.category_link .link:last-child::before{content: '';display: inline-block;width: 1px;height: 12px;margin: 0 20px;background-color: #CDD2DB;}

.contents.join{padding:35px 20px 0;}
.contents.login .main_tit{display:inline-block;font-size:28px;font-weight:800;line-height:32px;}
.contents.login img{width:100%;}
.btn_wrap.login button{font-size:16px;}
.btn_wrap.type2.login button{width:calc(50% - 2.5px);}
.btn_wrap .bg_purple{background:#4744ff;color:#fff}
.fixed_bottom.type2{position:fixed;bottom:40px;left:20px;right:20px;}

/* 사이트맵 */
.menu_wrap{display:flex;flex-direction:column;position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;transform:translateX(-100%);transition:transform .3s ease;}
.menu_wrap.on{transform:translateX(0);}
.menu_wrap .header{flex:0 0 auto;position:static;background:#fff !important;}
.menu_wrap .scroll_area{flex:1 1 auto;min-height:0;overflow-y:auto;background:#F3F8FF;}
.menu_wrap .container{padding-top:0;background:#fff !important;}
.menu_wrap .container .contents{padding-bottom:24px;}
.top_link{display: flex;gap: 8px;}
.top_link .link_page{position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;height: 104px;}
.top_link .link_page i{display: block;width: 40px;height: 40px;}
.top_link .link_page.search i{background: url(../images/sitemap/img_link01.png) no-repeat 0 0 / 40px;}
.top_link .link_page.signal i{background: url(../images/sitemap/img_link02.png) no-repeat 0 0 / 40px;}
.top_link .link_page.hot i{background: url(../images/sitemap/img_link03.png) no-repeat 0 0 / 40px;}
.top_link .link_page span{display: block;margin-top: 8px;font-size: 13px;font-weight: 700;color: #292D34;line-height: 16px;}
.site_map_wrap .ai_tit{font-size: 16px;font-weight: 600;color: #292D34;line-height: 21px;}
.site_map_wrap .notice_box{display: flex;align-items: center;gap: 8px;margin-top: 8px;padding: 8px 16px;border: 1px solid #E7EAF2;border-radius: 8px;background-color: #F7F8FA;cursor:pointer;}
.site_map_wrap .notice_box .desc{overflow: hidden;flex: 1;text-overflow: ellipsis;white-space: nowrap;}
.banner_box{margin-top: 8px;}
.banner_box a{display:block;}
.banner_box img{width: 100%;border-radius: 8px;cursor:pointer;}
.banner_box.type2 img{border-radius:12px;}
.site_map_wrap .site_map_link{margin-top: 24px;}
.site_map_wrap .site_map_link .title{margin-bottom: 12px;font-size: 16px;font-weight: 600;line-height: 21px;}
.site_map_wrap .site_map_link .link_category{padding: 16px;border: 1px solid #E7EAF2;border-radius: 20px;background-color: #F7F8FA;}
.site_map_wrap .site_map_link .link_category .sub_title{margin-bottom: 16px;font-size: 12px;font-weight: 500;color: #68707D;line-height: 15px;}
.site_map_wrap .site_map_link .link_category .link_list{display: flex;flex-wrap: wrap;gap: 12px 16px;}
.site_map_wrap .site_map_link .link_category .link_inner + .link_inner{margin-top: 20px;padding-top: 20px;border-top: 1px solid #E7EAF2;}
.site_map_wrap .site_map_link .link_category .link_list li{width: calc(50% - 8px);}
.site_map_wrap .site_map_link .link_category .link_list li a{position: relative;display: flex;align-items: center;gap: 4px;width: 100%;height: 100%;}
.site_map_wrap .site_map_link .link_category .link_list li a .logo{display: inline-block;width: 20px;height: 20px;}
.site_map_wrap .site_map_link .link_category .link_list li a .logo img {width: 100%;}
.site_map_wrap .site_map_link .link_category .link_list li a .logo.info{background: url(../images/sitemap/logo_info.png) no-repeat 0 0 / 24px;}
.site_map_wrap .site_map_link .link_category .link_list li a .logo.clip{background: url(../images/sitemap/logo_clip.png) no-repeat 0 0 / 24px;}
.site_map_wrap .site_map_link .link_category .link_list li a .logo.star{background: url(../images/sitemap/logo_star.png) no-repeat 0 0 / 24px;}
.site_map_wrap .site_map_link .link_category .link_list li a .logo.hot{background: url(../images/sitemap/logo_hot.png) no-repeat 0 0 / 24px;}
.site_map_wrap .site_map_link .link_category .link_list li a span{font-size: 14px;font-weight: 400;color: #292D34;line-height: 21px;letter-spacing: -0.65px;}
.site_map_wrap .site_map_link .link_category .link_list li a span.bold{font-weight: 700;color:#f4c800;}
.site_map_wrap .site_map_link.type2 .link_category{padding: 0;border: none;background-color: transparent;}
.site_map_wrap .site_map_link.type2 .link_category .link_list{gap: 24px;}
.site_map_wrap .site_map_link.type2 .link_category .link_list li{width: 100%;}
.site_map_wrap .site_map_link.type2 .link_category .link_list li a{gap: 8px;}
.site_map_wrap .site_map_link.type2 .link_category .link_list li a .logo{width: 24px;height: 24px;}
.site_map_wrap .site_map_link.type2 .link_category .link_list li a span{font-size: 14px;font-weight: 600;line-height: 20px;letter-spacing: -0.5px;}

/* AI마켓 */
.cont_section .cont_tit.none_ellipsis{overflow:unset;text-overflow:unset;white-space:unset;}
.paging_bar{position:relative;height:2px;background:#CDD2DB;}
.paging_bar .percent{position:absolute;top:0;left:0;height:100%;background:#4744FF;}
.cont_section .paging_bar{margin:0 -16px;}
.cont_section .gray_box.no_border{border:0;}
.matching_chk_tit{display:flex;align-items:flex-start;justify-content:space-between;}
.matching_chk_tit p{display:flex;align-items:center;font-weight:700;color:#4744FF;letter-spacing:-0.5px;}
.matching_chk_tit .ico{display:inline-block;width:25px;height:21px;margin-right:8px;}
.matching_chk_tit .ico.ai{background:url(../images/ai/ico_ai.png)no-repeat 50% 50%/100% 100%;}
.matching_chk_tit .paging_num{display:flex;align-items:center;gap:4px;}
.matching_chk_tit .paging_num span{font-size:13px;color:#929EB0;line-height:1.2;letter-spacing:-0.25px;}
.matching_chk_tit .paging_num .current{font-weight:600;color:#4744FF;}
.matching_chk_cont{margin-top:24px;}
.matching_chk_cont .white_box{min-height:417px;}
.matching_chk_cont .tit_area{margin-bottom:24px;}
.check_list{display:flex;flex-direction:column;gap:8px;}
.ai_vid_wrap{margin:24px -16px 0;}
.ai_vid_wrap video{width:100%;}
.ai_vid_wrap .txt{margin-top:16px;text-align:center;}
.ai_vid_wrap .txt img{width:148px}
.sky_box{padding:20px;border-radius:20px;background:#F3F8FF;}
.ai_market .sky_box{margin-top:20px;}
.ai_market .algorithms_txt{font-size:16px;line-height:1.3;letter-spacing:-0.65px;}
.ai_market .banner_box img{border-radius:12px;}
.ai_market .stock_rank li{display: flex;align-items: center;justify-content: space-between;gap: 16px;}
.panel_wrap .recommend_stock_box{width:calc(100% - 32px);margin-right:16px;}
.recommend_stock_box{display:flex;align-items:center;justify-content:space-between;}
.recommend_stock_box .stock_rank{flex:1;margin-top:0;padding-bottom:0;border-bottom:0;}
.recommend_stock_box .stock_rank li .number_area.type_row .percent{font-size:14px;line-height:1.4;letter-spacing:-0.5px;}
.recommend_stock_box .stat_item{display:flex;flex-direction:column;align-items:center;gap:5px;}
.recommend_stock_box .stat_item.left{align-items:flex-start;}
.recommend_stock_box .stat_item.right{align-items:flex-end;}
.recommend_stock_box .stat_item .label{font-size:12px;font-weight:500;color:#7F8A9A;line-height:1.25;letter-spacing:-0.2px;}
.rating{display:inline-flex;margin:5px 0;}
.rating .star{overflow:hidden;width:10px;height:10px;background:url(../images/ai/ico_star.png)no-repeat 50% 50%/100% 100%;color:transparent;}
.stock_detail_box{padding:20px;border-radius:12px;background:#F7F8FA;}
.stock_detail_box li{margin-bottom:16px;padding-bottom:16px;border-bottom:1px dashed #CDD2DB}
.stock_detail_box li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0;}
.stock_detail_box dl{display:flex;align-items:center;justify-content:space-between;}
.stock_detail_box dl .label{color:#68707D;letter-spacing:-0.5px;}
.stock_detail_box .stock_return .label{display:inline-flex;align-items:center;gap:4px;}
.stock_detail_box .stock_return .label em{font-weight:700;color:#292D34;}
.stock_detail_box .stock_return .value{font-size:18px;font-weight:600;color:#7F8A9A;line-height:1.25;letter-spacing:-0.75px;}
.stock_detail_box .stock_return .value.up{color:#F4124F;}
.stock_detail_box .stock_return .value.down{color:#3182F7;}
.stock_detail_box .stock_price + .stock_price{margin-top:4px;}
.stock_detail_box .stock_price .value{font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-0.65px;}
.stock_detail_box .stock_features{color:#68707D;letter-spacing:-0.5px;}
.ai_algorithms_logo{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;}
.ai_algorithms_logo .logo{display:inline-block;width:90px;height:90px;}
.ai_algorithms_logo .logo img{width:100%;height:100%;border-radius:50%;}
.ai_algorithms_logo .txt{font-size:16px;font-weight:500;line-height:1.3;letter-spacing:-0.65px;}
.hitmap_list .table_wrap table thead th{height:24px;padding-bottom:16px;font-weight:500;color:#7F8A9A;letter-spacing:-0.5px;}
.hitmap_list .table_wrap table thead .has_btn{display:inline-flex;align-items:center;}
.hitmap_list .table_wrap table tbody tr:not(:first-child) td{padding-top:20px;}
.hitmap_list .table_wrap table tbody td{font-weight:600;letter-spacing:-0.5px;text-align:center;}
.hitmap_list .table_wrap table tbody .num{font-weight:700;}
.hitmap_list .table_wrap table tbody .price{color:#68707D;}
.hitmap_list .table_wrap table tbody .percent{color:#7F8A9A;}
.hitmap_list .table_wrap table tbody .logo{display:flex;align-items:center;gap:8px;margin:0 7px 0 12px;}
.hitmap_list .table_wrap table tbody .logo .img_box{width:28px;height:28px;}
.hitmap_list .table_wrap table tbody .logo .img_box img{width:100%;height:100%;border-radius:50%;}
.hitmap_list .table_wrap table tbody .logo .name{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:500;line-height:1.3;letter-spacing:-0.65px;}
.gra_red_bar, .gra_blue_bar{position:relative;width:100%;height:8px;border-radius:36px;background:#E7EAF2;}
.gra_red_bar span{position:absolute;top:0;left:0;height:100%;border-radius:36px;background:linear-gradient(76.77deg, #FF3602 52.64%, #FF8902 93.13%);animation:fillBar 1.5s ease-out forwards;}
.gra_blue_bar span{position:absolute;top:0;left:0;height:100%;border-radius:36px;background: linear-gradient(90deg, #0075CF 0%, #40CCFF 100%);animation:fillBar 1.5s ease-out forwards;}
.yield_ranking_box .stock_rank{margin:0;padding:0;border:0;}
.yield_ranking_box .stock_rank li{display:flex;align-items:flex-start;justify-content:flex-start;gap:12px;}
.yield_ranking_box .stock_rank li + li{margin-top:24px;}
.yield_ranking_box .stock_rank .left{flex-shrink:0;}
.yield_ranking_box .stock_rank .rank_num{display:inline-block;min-width:18px;margin-top:4px;font-size:16px;font-weight:800;line-height:19px;letter-spacing:-0.65px;text-align:right;}
.yield_ranking_box .stock_rank .right{flex:1;display:flex;flex-direction:column;gap:8px;}
.yield_ranking_box .stock_rank .value_wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;}
.yield_ranking_box .stock_rank .cop_area .cop_logo{min-width:24px;width:24px;height:24px;background-size:100% 100%;}
.yield_ranking_box .stock_rank .cop_area .cop_logo.cont01{background-image:url(../images/ai/yield_ranking_logo1.png);}
.yield_ranking_box .stock_rank .cop_area .cop_logo.cont02{background-image:url(../images/ai/yield_ranking_logo2.png);}
.yield_ranking_box .stock_rank .cop_area .cop_logo.cont03{background-image:url(../images/ai/yield_ranking_logo3.png);}
.yield_ranking_box .stock_rank .cop_area .cop_logo.cont04{background-image:url(../images/ai/yield_ranking_logo4.png);}
.yield_ranking_box .stock_rank .cop_area .cop_logo.cont05{background-image:url(../images/ai/yield_ranking_logo5.png);}
.yield_ranking_box .stock_rank .cop_area .cop_name{font-weight:700;line-height:1.3;letter-spacing:-0.65px;}
.current_price_area{display:flex;align-items:center;gap:4px;}
.current_price_area::before{content:'';display:inline-block;width:20px;height:20px;background:url(../images/ai/icon_chart.png)no-repeat 50% 50%/100%;}
.current_price_area .txt{font-size:14px;font-weight: 700;line-height:1.4;letter-spacing:-0.5px;}
.current_price_area .price{font-size:14px;font-weight: 700;color:#F4124F;line-height:1.4;letter-spacing:-0.5px;}
.recommend_rank_list{display:flex;flex-direction:column;gap:8px;}
.recommend_rank_list > li{display:flex;align-items:flex-start;gap:12px;}
.recommend_rank_list > li > .num{flex-shrink:0;min-width:18px;margin-top:14px;font-size:16px;font-weight:800;line-height:1;letter-spacing:-0.65px;text-align:right;}
.recommend_rank_list > li.top > .num{color:#4744FF;}
.recommend_rank_list .panel_wrap{flex:1;}
.stock_rank li .cop_area .cop_logo.size_m{width:40px;height:40px;background-size:40px 40px !important;}
.stock_rank li .cop_area .cop_logo.size_m.cont01{background-image:url(../images/ai/logo4.png);}
.stock_rank li .cop_area .cop_logo.size_m.cont02{background-image:url(../images/ai/logo6.png);}
.stock_rank li .cop_area .cop_logo.size_m.cont03{background-image:url(../images/ai/logo9.png);}
.stock_rank li .cop_area .cop_logo.size_m.cont04{background-image:url(../images/ai/logo.png);}
.stock_rank li .cop_area .cop_logo.size_m.cont05{background-image:url(../images/ai/logo7.png);}
.stock_rank li .cop_area .cop_logo.size_m.cont06{background-image:url(../images/ai/logo8.png);}
.stock_rank li .cop_area .cop_logo.size_m.cont07{background-image:url(../images/ai/logo2.png);}
.stock_rank li .cop_area .cop_logo.size_m.cont08{background-image:url(../images/ai/logo3.png);}
.stock_rank li .cop_area .cop_name.bold{font-weight:700;line-height:1.3;letter-spacing:-0.65px;}
.reason_recommend_box .tit{display:flex;align-items:center;gap:6px;position:relative;font-weight:600;color:#68707D;letter-spacing:-0.5px;}
.reason_recommend_box .tit::before{content:'';display:inline-block;width:16px;height:16px;background:url(../images/ai/icon_comment.png)no-repeat 50% 50%/100% 100%;}
.reason_recommend_box .txt_box{padding-top:4px;}
.reason_recommend_box .txt_box p{font-size:16px;color:#292D34;line-height:1.3;letter-spacing:-0.65px;text-align:left;}
.reason_recommend_box .btn_wrap{margin-top:12px;}
.stock_rank li .number_area.type_row{display:flex;align-items:center;gap:8px;}
.stock_rank li .number_area.type_row .num_item{display:flex;flex-direction:column;}
.stock_rank li .number_area.type_row .num_item.center{align-items:center;}
.stock_rank li .number_area.type_row .state{font-size:10px;line-height:1;letter-spacing:0;}
.stock_rank li .number_area.type_row .payment{font-size:10px;line-height:1;letter-spacing:0;}
.stock_rank li .number_area.type_row .payment em{font-size:12px;font-weight:700;line-height:1.25;letter-spacing:-0.2px;}
.stock_rank li .number_area.type_row .percent{font-size:12px;font-weight:700;line-height:15px;letter-spacing:-0.2px;}
.cp_wrap .panel_wrap.none_bd .panel{padding:8px 16px;border-radius:16px;border:0 !important;background:#EEF0F5;box-shadow:none;}
.cp_wrap .panel_wrap.none_bd .acco_head{align-items:center;gap:8px;}
.cp_wrap .panel_wrap.none_bd .stock_rank{flex:1;margin-top:0;padding-bottom:0;border-bottom:0;}
.cp_wrap .panel_wrap.none_bd .acco_head .btn_tgl{background-image:url(../images/common/icon_arrow_down_v2.png);}
.cp_wrap .panel_wrap.none_bd .panel.active{padding-bottom:12px;}
.cp_wrap .panel_wrap.none_bd .panel.active .acco_head .btn_tgl{background-image:url(../images/common/icon_arrow_down_v2.png);}
.cp_wrap .panel_wrap.none_bd .panel.bg_gradation{background:linear-gradient(76.77deg, #7451FF 52.64%, #CD62FF 93.13%);}
.cp_wrap .panel_wrap.none_bd .panel.bg_gradation .acco_head .btn_tgl{background-image:url(../images/common/icon_arrow_down_white.png);}
.cp_wrap .panel_wrap.none_bd .panel.bg_gradation.active .acco_head .btn_tgl{background-image:url(../images/common/icon_arrow_down_white.png);}
.cp_wrap .panel_wrap.none_bd .panel.bg_gradation .stock_rank li{gap:4px;}
.cp_wrap .panel_wrap.none_bd .panel.bg_gradation .stock_rank li .cop_area .cop_name{color:#fff;}
.cp_wrap .panel_wrap.none_bd .panel.bg_gradation .stock_rank li .number_area .percent{color:#fff !important;}
.cp_wrap .panel_wrap.none_bd .panel.bg_gradation .stock_rank li .number_area .state{color:#fff;}
.cp_wrap .panel_wrap.none_bd .panel.bg_gradation .stock_rank li .number_area .payment{color:#fff;}
.cp_wrap .panel_wrap.none_bd .panel.bg_gradation .reason_recommend_box .tit{color:#fff;}
.cp_wrap .panel_wrap.none_bd .panel.bg_gradation .reason_recommend_box .tit::before{background:url(../images/ai/icon_comment2.png)no-repeat 50% 50%/100% 100%;}
.cp_wrap .panel_wrap.none_bd .panel.bg_gradation .reason_recommend_box .txt_box p{color:#fff;}
.cp_wrap .panel_wrap.none_bd .panel.bg_gradation .flag_num_box .flag_wrap .payment{color:#fff;}
.cp_wrap .panel_wrap.none_bd .panel.bg_gradation .flag_num_box .flag_wrap .payment em{color:#fff;}
.cp_wrap .panel_wrap.none_bd .panel .reason_recommend_box{margin-top:16px;}
.cp_wrap .panel_wrap.none_bd .panel .reason_recommend_box .tit{color:#292D34;}
.cp_wrap .panel_wrap.none_bd .panel .reason_recommend_box .txt_box p{font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-0.5px;}
.flag_num_box{display:flex;flex-direction:column;gap:8px;}
.flag_num_box .flag_wrap{display:flex;align-items:center;gap:8px;}
.flag_num_box .flag_wrap .payment{font-size:12px;font-weight:500;color:#292D34;line-height:1.25;letter-spacing:-0.2px;}
.flag_num_box .flag_wrap .payment em{font-size:14px;font-weight:700;color:#292D34;line-height:1.4;letter-spacing:-0.5px;}
.echart_wrap .progress_bar.large{margin-bottom:12px;}
.progress_bar.large .bar_conts .bar{position:relative;height:19px;}
.progress_bar.large .bar_conts .bar:first-child{border-radius:8px 0 0 8px;}
.progress_bar.large .bar_conts .bar:last-child{border-radius:0 8px 8px 0;}
.progress_bar.large .bar_conts .bar .value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#fff;line-height:1.25;}
.progress_bar .bar_value.percent{justify-content:flex-start;}
.progress_bar .bar_value.percent .value{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:center;}
.progress_bar .percent_txt{display:flex;justify-content:flex-end;gap:4px;margin:12px 0 8px ;}
.progress_bar .percent_txt .current{font-size:12px;font-weight:700;line-height:1.25;letter-spacing:-0.2px;}
.progress_bar .percent_txt .total{font-size:12px;line-height:1.25;letter-spacing:-0.2px;}
.cont_section .white_slide{overflow:hidden;margin-right:-16px;}
.white_slide .swiper-wrapper{padding-bottom:1px;}
.white_slide .swiper-slide{position:relative;padding-top:44px;}
.white_slide .swiper-slide .tit_box{position:absolute;top:14px;left:0;width:100%;}
.white_slide .swiper-slide .tit_box strong{font-weight:600;letter-spacing:-0.5px;}
.white_slide .swiper-slide .white_box{position:relative;padding:45px 16px 16px;}
.white_slide .swiper-slide .top_logo{display:inline-block;position:absolute;top:0;left:50%;transform:translateX(-50%);margin-top:-35px;width:70px;height:70px;}
.white_slide .swiper-slide .top_logo img{width:100%;height:100%;border-radius:50%;}
.white_slide .swiper-slide .top_logo.crown::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:24px;height:24px;margin-top:-12px;background:url(../images/ai/icon_crown.png)no-repeat 50% 50%/100% 100%;}
.white_slide .swiper-slide .top_txt{font-size:20px;line-height:1.25;text-align:center;}
.white_slide .swiper-slide .top_txt strong{display:block;font-weight:700;}
.white_slide .swiper-slide .top_txt .percent{font-weight:500;color:#F4124F;}
.white_slide .swiper-slide .stock_rank{margin-top:35px;}
.white_slide .swiper-slide .stock_rank li a{gap:0;}
.stock_rank li .cop_area .twice{display:flex;align-items:center;position:relative;min-width:39px;margin-right:8px;}
.stock_rank li .cop_area .twice .cop_logo{margin-right:0;}
.stock_rank li .cop_area .twice .cop_logo:first-child{position:relative;z-index:2;}
.stock_rank li .cop_area .twice .cop_logo:last-child{position: relative;margin-left:-17px;z-index:1;}
.cont_section .gray_box.best{position:relative;margin-top:30px;}
.cont_section .gray_box.best::before{content:'';position:absolute;top:-14px;left:4px;width:28px;height:34px;background:url(../images/ai/icon_ranking.png)no-repeat 50% 50%/100% 100%;}
.donut_chart_box{position:relative;}
.donut_chart_box .chart_value{top:50%;}
.chart_value .percent{color:#F4124F;}
.chart_value .percent.zero{color:#7F8A9A;}
.chart_value .percent.down{color:#3182F7;}
.stock_info_area{display:flex;flex-direction:column;gap:8px;}
.stock_info_area dl{display:flex;align-items:center;justify-content:space-between;}
.stock_info_area dt{font-size:14px;color:#68707D;line-height:1.4;letter-spacing:-0.5px;}
.stock_info_area dd{font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-0.65px;}
.stock_info_area dd .percent{color:#F4124F;}
.stock_info_area dd .percent.zero{color:#7F8A9A;}
.stock_info_area dd .percent.down{color:#3182F7;}
.clip_area .img_box.small{aspect-ratio:157/113;}
.cont_section .check_slide{margin-right:-16px;}
.check_slide .swiper-container{overflow:hidden;}
.check_slide .swiper-slide{overflow:hidden;border-radius:10px;aspect-ratio:80/80;}
.check_slide .btn_check_img{position:relative;width:100%;height:100%;}
.check_slide .btn_check_img img{width:100%;height:100%;object-fit:cover;}
.check_slide .btn_check_img.active::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}
.check_slide .btn_check_img.active::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:url(../images/ai/icon_check_white.png)no-repeat 50% 50%/100% 100%;}
.bot_bd{margin-bottom:16px;padding-bottom:24px;border-bottom:1px solid #E7EAF2;}
.vs_box.type2{gap:35px;margin-top:0;padding:13px 0 16px 0;}
.vs_box.type2>div{display:flex;flex-direction:column;justify-content:center;gap:8px;height:192px;padding:37px 20px;}
.vs_box.type2>div::before{height:192px;}
.vs_box.type2 .icon{top:50%;transform:translate(-50%,-50%);width:92px;height:55px;margin-left:0;background-image:url(../images/ai/vs_txt.png);}
.vs_box.type2 .logo{overflow:hidden;width:48px;height:48px;border-radius:50%;}
.vs_box.type2 .logo img{width:100%;height:100%;}
.vs_box.type2 .name{position:absolute;font-size:24px;font-weight:800;color:#fff;line-height:1;letter-spacing:-1.5px;-webkit-text-stroke:2px #3182F7;paint-order:stroke fill;}
.vs_box.type2 .txt{font-size:24px;font-weight:600;color:#fff;line-height:1.25;letter-spacing:-1.5px;}
.vs_box.type2 .left_area{margin-right:-88px;}
.vs_box.type2 .left_area::before{border-radius:0;background:#0EC6D0;clip-path:polygon(0 0, 100% 0%, calc(100% - 70px) 100%, 0 100%)}
.vs_box.type2 .left_area .name{top:-13px;left:20px;}
.vs_box.type2 .right_area{align-items:flex-end;margin-top:30px;}
.vs_box.type2 .right_area::before{border-radius:0;background:#3182F7;clip-path:polygon(70px 0, 100% 0, 100% 100%, 0% 100%);}
.vs_box.type2 .right_area .name{bottom:-16px;right:20px;}

.open_week_wrap{margin-top:24px;}
.open_week_wrap .banner_box{position:relative;margin-top:0;}
.open_week_wrap .banner_box img{border-radius:20px;}
/* .open_week_wrap .banner_box .video{position:absolute;bottom:24px;left:0;width:100%;padding:0 22.7%;} */
/* .open_week_wrap .banner_box .video video{width:100%;} */
.open_week_wrap .event_countdown{margin-top:16px;}
.open_week_wrap .event_countdown{display:flex;justify-content:center;gap:28px;margin-top:16px;}
.event_countdown .countdown_item{display:flex;flex-direction:column;gap:8px;position:relative;}
.event_countdown .countdown_item::before{content:':';position:absolute;top:0;left:-18px;font-size:28px;font-weight:500;color:#7F8A9A;line-height:1.25;letter-spacing:-0.5px;}
.event_countdown .countdown_item:first-child:before{display:none;}
.event_countdown .countdown_item .value{font-size:28px;font-weight:500;color:#4744FF;line-height:1.25;letter-spacing:-0.5px;}
.event_countdown .countdown_item .label{font-size:12px;line-height:1.25;color:#68707D;}
.event_countdown .mark{font-size:28px;font-weight:500;color:#7F8A9A;line-height:1.25;letter-spacing:-0.5px;}
.cont_section .tit_area .sub_txt{margin-top:4px;letter-spacing:-0.5px;}
.cont_section .tit_area .secondary_txt{margin-top:4px;font-size:16px;font-weight: 600;color:#4744FF;line-height:1.3;letter-spacing:-0.65px;}
.ror .small_tab_box{margin-bottom:20px;}
.ror .gauge_area.type_dashed{padding:8.5px 0;}
.ror .gauge_area.type_dashed .gauge_list li{gap:11px;}
.ror .gauge_area.type_dashed .gauge_list li .guage{max-width:calc(100% - 105px);}
.ror .gauge_area.type_dashed .txt_area{min-width:52px;justify-content:flex-end;}
.ror .gauge_area.type_dashed .txt_area p{font-size:10px !important;font-weight:400;color:#292D34;line-height:1;letter-spacing:0;text-align:right;}
.ror .gauge_area.type_dashed .line_dashed{position:absolute;top:0;bottom:0;height:100%;border-left:1px dashed #E7EAF2;}
.ror .gauge_area.type_dashed .line_dashed.line1{left:calc(63px + 14%);}
.ror .gauge_area.type_dashed .line_dashed.line2{left:calc(63px + 29%);}
.ror .gauge_area.type_dashed .line_dashed.line3{left:calc(63px + 44%);}
.ror .gauge_area.type_dashed .line_dashed.line4{left:calc(63px + 59%);}
.ror .gauge_area.type_dashed .line_dashed.line5{left:calc(63px + 74%);}
.date_info_wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.date_info_wrap .stock_rank{flex-shrink:0;margin:0;padding:0;border:0;}
.date_info_wrap .date{font-size:12px;color:#68707D;line-height:1.25;}
.top_bd_txt{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid #E7EAF2}
.top_bd_txt strong{font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-0.75px;}
.top_bd_txt .txt_box{letter-spacing:-0.5px;text-align:right;}
.top_bd_txt .txt_box span{color:#7F8A9A;}
.chart_box .table_wrap.none_bd{padding-bottom:18px;border-bottom:1px solid #E7EAF2;}
.table_wrap.none_bd thead th{height:28px;background:#F7F8FA;font-weight:500;color:#7F8A9A;letter-spacing:-0.5px;}
.table_wrap.none_bd thead th:first-child{border-radius:8px 0 0 8px;}
.table_wrap.none_bd thead th:last-child{border-radius:0 8px 8px 0;}
.table_wrap.none_bd tbody td{padding:6px 0;font-weight:700;letter-spacing:-0.5px;text-align:center;}
.table_wrap.none_bd tbody tr:first-child td{padding-top:12px;}
.table_wrap.none_bd tbody .bullet{display:inline-flex;align-items:center;gap:8px;}
.table_wrap.none_bd tbody .bullet::before{content:'';width:6px;height:6px;border-radius:50%;background:#8C3FF0;}
.table_wrap.none_bd tbody .bullet.color2::before{background:#F55D8D;}
.table_wrap.none_bd tbody .bullet.color3::before{background:#5BB0FF;}
.table_wrap.none_bd tbody .bullet.color4::before{background:#FFBF6B;}
.review_info_box{display:flex;flex-direction:column;gap:4px;}
.review_info_box dl{display:flex;gap:4px;}
.review_info_box dt{flex-shrink:0;min-width:60px;color:#68707D;letter-spacing:-0.5px;}
.review_info_box dd{font-weight:500;letter-spacing:-0.5px;}
.select_box.mini_sel{position:relative;}
.select_box.mini_sel select{width:auto;height:30px;padding:0 24px 0 0;border:0;border-radius:0;background:#fff url(../images/common/icon_arrow_down.png) no-repeat right 0 center / 16px;font-size:24px;font-weight:600;line-height:1.25;letter-spacing:-1.5px;}
.select_box.mini_sel .speech_bubble{position:absolute;left:0;bottom:calc(100% + 6px);width:max-content;}
.speech_bubble{display:inline-block;position:relative;padding:4px 6px;border-radius:900px;border:1px solid #F4124F;background:#fff;backdrop-filter: blur(4px);box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);font-size:10px;font-weight:500;color:#F4124F;line-height:1;letter-spacing:0;}
.speech_bubble::before{content:'';position:absolute;bottom:-6px;left:12px;width:9px;height:6px;background:url(../images/ai/bubble_arrow.png)no-repeat 50% 50%/100%;}
.sel_event_wrap .tit_box{display:flex;justify-content:space-between;align-items:center;}
.sel_event_wrap .tit_box .txt{display:flex;align-items:center;gap:8px;color:#68707D;letter-spacing:-0.5px;}
.sel_event_wrap .tit_box .percent{font-size:18px;font-weight:600;color:#F4124F;line-height:1.25;letter-spacing:-0.75px;}
.sel_event_wrap .tit_box .percent.zero{color: #7F8A9A;}
.sel_event_wrap .tit_box .percent.down{color: #3182F7;}
.sel_event_wrap .review_info_box{margin-top:16px;}
.chart_box .echart_wrap.right_full{margin-right:-13px;}
.vote_section .top_ul.has_bar li:first-child .gage_wrap .gage::before{animation:fillBar 1.5s ease-out forwards;}

.battle_box{display:flex;flex-direction:column;gap:20px;}
.battle_box .battle_header{display:flex;justify-content:center;}
.battle_box .battle_header .result_badge{padding:4px 20px;border-radius:16777200px;font-style:18px;font-weight:700;color:#fff;line-height:1.25;letter-spacing:-0.75px;}
.battle_box .battle_header .result_badge.trader{background-color:#3182F7;}
.battle_box .battle_header .result_badge.ai{background-color:#FA67D1;}
.battle_box .battle_content{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 11px;}
.battle_box .battle_content .player_unit{display:flex;flex-direction:column;align-items:center;gap:12px;}
.battle_box .battle_content .player_unit .player_avatar{width:60px;border-radius:50%;opacity:0.5;}
.battle_box .battle_content .player_unit .player_avatar img{width:100%;}
.battle_box .battle_content .player_unit .stat_group{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 6px;}
.battle_box .battle_content .player_unit .stat_group .stat_label{font-size:14px;font-weight:500;color:#7F8A9A;line-height:1.4;letter-spacing:-0.5px;}
.battle_box .battle_content .player_unit .stat_group .stat_value{font-size:24px;font-weight:600;color:#7F8A9A;line-height:1.25;letter-spacing:-1.5px;}
.battle_box .battle_content .vs_label{overflow:hidden;width:61px;height:66px;background:url(../images/starwars/vs_2.png)no-repeat 50% 50%/37px 46px;text-indent:-9999px;}
.battle_box .battle_content .player_unit.is_winner .player_avatar{position:relative;opacity:1;}
.battle_box .battle_content .player_unit.is_winner .player_avatar::after{content:'';position:absolute;top:-11px;left:50%;transform:translateX(-50%);width:20px;height:20px;background:url(../images/ai/icon_crown.png)no-repeat 50% 50%/100%;}
.battle_box .battle_content .player_unit.is_winner .stat_group .stat_value{font-weight:800;color:#F4124F;line-height:1}

.logo_tit_box{padding:5px;}
.logo_tit_box .stock_rank{margin:0;padding:0;border:none;}
.modal_bottom .con_box .logo_tit_box{margin-bottom:13px;}
.modal_bottom .con_box .gray_box.type2{border-radius:12px;}

/* CP */
.header_new_box{display: flex; justify-content: space-between; align-items: center; height: 100%; width: 100%;}
.header.has_back_btn h2{position: absolute;top:50%;left:50%;width:unset;height:unset;margin-top:unset;font-size:18px;font-weight:700;-webkit-transform:translate(-50% , -50%);transform:translate(-50% , -50%);}
.header_btn{display: flex; align-items: center; gap:8px;}
.btn_star2{width: 24px; height: 24px; background: url('../images/common/icon_bookmark.png') no-repeat center; background-size: 24px 24px;}
.btn_star2.on{width: 24px; height: 24px; background: url('../images/common/icon_bookmark_on.png') no-repeat center; background-size: 24px 24px;}
.share2{width: 24px; height: 24px; background: url('../images/common/icon_share.png') no-repeat center; background-size: 24px 24px;}
.back2{width: 24px; height: 24px; background: url(../images/common/back2_btn.png) no-repeat center; background-size: 24px 24px;}
.header.v2{height: 56px; padding:0 16px}
.flag_list{display: flex;flex-wrap: wrap;gap: 4px;}
.container.layout_flex .contents.clip.v2{padding:0}
.contents.v2.lecture .curriculum_wrap .thumb{border-radius: 0; overflow: unset;}
.contents.v2.lecture .curriculum_wrap{margin-top: 0;}
.tab_wrap.v2{display: flex;align-items: center; justify-content: center; padding:0;}
.tab_wrap.type2.v2 li{width: 50%;padding-right: 0;border-bottom: 1px solid #CDD2DB;}
.tab_wrap.type2.v2 li.on{border-bottom: 2px solid #292D34;}
.tab_wrap.type2 > li a{padding: 10px 5px 8px 5px;}
.items_box{display: flex;flex-direction: column; gap:24px; margin-top: 24px;}
.item1{display: flex; gap:10px; padding:30px 15px; border-radius: 20px; border:solid 1px #ECECEC;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);}
.item_img{width: 48px; height: 48px; flex-shrink: 0; border-radius: 48px; overflow: hidden;}
.item_img img{width: 48px; height: 48px;}
.item_content h4{font-weight: 700; font-size: 18px;line-height: 23px; letter-spacing: -0.2px;}
.item_content p{padding:6px 0 16px 0;font-size: 14px;line-height: 20px; letter-spacing: -0.5px; color:#7F8A9A;}
.item_flex{display: flex; gap:8px; align-items: center;}
.item_flex .red{font-weight: 500; font-size: 14px;line-height: 20px; letter-spacing: -0.5px; color: #F4124F;}
.item_flex .gray{position: relative;}
.item_flex .gray::after{content: ''; position: absolute; width: 100%; height: 1px; background-color: #68707D; left:50%; top:50%; transform: translate(-50%,-50%); }
.item_flex .gray span{display: inline-block; font-weight: 500; font-size: 14px; line-height: 20px; color: #68707D; }
.item_flex .blue{font-weight: 700; font-size: 18px;line-height: 23px;}
.item2 .title{margin-bottom: 4px; font-weight: 800; font-size: 20px; color: #222222;}
.item2 .sub_title{font-weight: 400; font-size: 16px; line-height: 21px;}
.item2_box ul{display: flex; gap:20px; flex-direction: column; margin-top: 20px;}
.item2_box1{display: flex; gap:12px; padding:20px; background-color: #F7F8FA; border-radius: 10px; border: solid 1px #E7EAF2; }
.item2_box1 img{flex-shrink: 0; width: 32px; height: 32px;}
.item2_box1 div{display: flex; flex-direction: column; gap: 8px;}
.item2_box1 div strong{font-weight: 700; font-size: 16px; color: #222;}
.item2_box1 div p{font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.25px; color: #666;}
.item2_box2 img{max-width: 100%; width: 100%;}
.item2_box3{padding:20px; box-sizing: border-box; border-radius: 20px; border:solid 1px #EDF0F7 ; box-shadow: 0px 0px 15px 0px #00000008;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);}
.item2_box3 ul{display: flex; flex-wrap: wrap; flex-direction:row; gap:25px 0; text-align: center; padding: 0; margin: 0; list-style: 0;}
.item2_box3 ul li{box-sizing: border-box; display: flex; flex-direction: column; gap: 8px;}
.item2_box3 ul li h4{display: block; font-weight: 700; font-size: 16px; line-height: 21px; letter-spacing: -0.65px; color:#292D34;}
.item2_box3 ul li img{width: 56px; height: 56px;}
.item2_box3 ul li p{font-weight: 400; font-size: 14px; line-height: 20px; letter-spacing: -0.5px; color:#292D34 ;}
.item2_box3 ul li p span{color: #3182F7;}
.item2_box3 ul li:nth-child(-n+3) {flex: 0 0 33.33%;max-width: 33.33%; align-items: center;}
.item2_box3 ul li:nth-child(n+4) {flex: 0 0 50%;max-width: 50%; align-items: center;}
.item3_box{padding:20px; border:solid 1px #ECECEC; border-radius: 20px; box-sizing: border-box;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);}
.item3_list{display: flex; flex-direction: column; gap: 16px;}
.item3_list li{display: flex; gap: 10px;}
.item3_list li img{width: 24px; height: 24px; flex-shrink: 0;}
.item3_content strong{font-weight: 700;display: block; margin-bottom: 8px; font-size: 18px;}
.item3_content p{font-weight: 400; font-size: 16px;color: #68707D; word-break: keep-all;line-height: 21px;}
.section .title{margin-bottom: 16px; font-weight: 700; font-size: 20px;line-height: 25px;}
/* .link_box{display: flex; align-items: center; gap: 12px; padding:12px 20px; box-sizing: border-box; border-radius: 12px; border:solid 1px #3182F7; }
.link_box .fir{width: 50px; height: 50px;}
.link_box .sec{width: 16px; height: 16px;}
.link_content{flex-grow: 1; flex-shrink: 1; width: 0; display: flex; gap:4px; flex-direction: column;}
.link_content strong{font-size: 18px; font-weight: 600; line-height: 23px; color:#3182F7;}
.link_content p{font-size: 14px; font-weight: 400;color: #7F8A9A; line-height: 20px;}
.item4 ul{margin-top: 16px; display: flex; gap: 8px; flex-direction: column;}
.item4 ul li{display: flex; align-items: center; gap: 12px;  padding: 12px 20px; border-radius: 8px; background-color:#F3F8FF;}
.item4 ul li img{flex-shrink: 0; width: 24px; height: 24px;}
.item4 ul li p{font-size: 16px; font-weight: 500;line-height: 21px;} */
.display_board{display:flex;flex-direction:column;gap:8px;}
.display_board li{display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:8px;background-color:#F3F8FF;transition: background-color 0.15s, border 0.15s;}
.display_board a{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;min-width: 0;}
.display_board .icon_group .ico_search{width:24px;}
.display_board .icon_group .ico_active{display:none;}
.display_board .tit_group{flex:1;display:flex;flex-direction:column;gap:4px;min-width: 0;}
.display_board .tit_group .tit{font-size:16px;font-weight:500;line-height:1.3;letter-spacing:-0.65px;}
.display_board .tit_group .tit.ellipsis{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.display_board .tit_group .status{display:none;}
.display_board .ico_arrow{display:none;}
.display_board li.on{border:1px solid #3182F7;background:#fff;}
.display_board li.on .icon_group .ico_search{display:none;}
.display_board li.on .icon_group .ico_active{display:block;width:50px;}
.display_board li.on .tit_group .tit{font-size:18px;font-weight:600;color:#3182F7;line-height:1.25;letter-spacing:-0.75px;}
.display_board li.on .tit_group .status{display:inline;font-size:14px;color:#7F8A9A;line-height:1.4;letter-spacing:-0.5px;}
.display_board li.on .ico_arrow{display:block;width:16px;}
.item5 ul{display: flex; flex-direction: column; gap: 20px;}
.item5 ul li{align-items: center; justify-content: flex-start; display: flex; gap: 16px;  padding-bottom: 20px; border-bottom: solid 1px #E7EAF2;}
.item5_content{display: flex; flex-direction: column; gap: 4px;}
.item5_content h5{ font-weight: 600;font-size: 18px; line-height: 23px; color: #292D34;display: -webkit-box;-webkit-line-clamp: 2;       /* 보여줄 줄 수 지정 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-word; }
.item5_content p{position: relative; display: flex; gap: 8px; align-items: center;}
.item5_content p span{font-weight: 400; font-size: 14px; line-height: 20px; color: #7F8A9A;}
.item5_content p span.bar{width: 1px; height: 10px; background-color: #B6BECA;}
.item5_img{flex-shrink: 0; width: 72px; height: 72px; border-radius: 8px; overflow: hidden;}
.item5_img img{width: 100%; height:100%;}
.item5 .more_btn{display: block; margin-top: 20px; text-align: center; font-size: 14px; letter-spacing: -0.4px; color: #B3B3B3; font-weight: 400;}
.item_bottom{display: flex; flex-direction: column; gap: 8px; margin-top: 24px; padding:20px; background-color:#F7F8FA;}
.item_bottom p{display: flex; gap:8px; font-weight: 400; font-size: 12px; line-height: 18px; color: #7F8A9A;}
.fixed.v2{position: sticky;z-index: 5;}
.bottom_btn{display: flex; gap:10px;}
.bottom_btn .hart{ height: 54px; flex-shrink: 0; display: flex; align-items: center; gap: 4px ; padding:16.5px 20px; background-color: #fff; border-radius: 10px; border:solid 1px #E7EAF2;}
.bottom_btn .btn_primary{display: flex; flex: 1; align-items: center; height: 54px; justify-content: center;  border-radius: 10px; background-color:#3182F7; text-align: center; font-weight: 500; font-size: 16px; line-height: 21px; color: #fff;}
.hart i{flex-shrink: 0; width: 16px; height: 16px; background: url('../images/common/icon_like.png')no-repeat center; background-size: 16px;}
.hart.on i{flex-shrink: 0; width: 16px; height: 16px; background: url('../images/common/icon_like_on.png')no-repeat center; background-size: 16px;}
.hart span{font-weight: 500; font-size: 16px; line-height: 100%; color:#292D34 ;}
.small_tab_box{margin: 24px 0 16px 0; display: flex; width: 100%; justify-content: center;}
.small_tab{min-width: 162px;padding:3px 4px; display: flex; justify-content: center; gap: 4px; background-color: #E7EAF2; border-radius: 36px;}
.small_tab li a.on{border-radius: 20px; font-size: 14px; font-weight: 500; color: #292D34; background-color: #fff;box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.15);}
.small_tab li a{display: block;padding: 5px 10px; font-size: 14px; color:#7F8A9A ;text-align: center;}
.small_tab li{width: 100%;}
.content_box{padding: 0 16px;}
.chart_box{position: relative;padding: 20px 20px;border: 1px solid #E7EAF2;border-radius: 20px;box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.03);}
.chart_box .notice_txt{margin-top: 16px;font-size: 12px;font-weight: 400;color: #7F8A9A;line-height: 15px;}
.chart_box .btn_close{position: absolute;right: 20px;top: 22.5px;display: inline-block;width: 16px;height: 16px;background: url(../images/common/icon_delete.png) no-repeat 0 0 / 16px;}
.chart_value_area{display: flex;flex-direction: column;gap: 4px;margin-top: 38px;}
.chart_value_area .progress{display: flex;gap: 2px;}
.chart_value_area .progress .bar{width: 100%;height: 8px;background-color: /*#3182F7;*/#A0A8B8;}
.chart_value_area .progress .bar.on{background-color: #3182F7;} /*  */
.chart_value_area .progress .bar:first-child{border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
.chart_value_area .progress .bar:last-child{border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
.chart_value_area .value{display: flex;align-items: center;}
.chart_value_area .value .cont{width: 100%;text-align: center;}
.chart_value_area .value .cont span{display: inline-block;padding: 0 4px;font-size: 12px;font-weight: 500;/*color:#3182F7;*/color: #A0A8B8;line-height: 15px;text-align: center;}
.chart_value_area .value .cont.on span{height: 19px;border: 1px solid #3182F7;border-radius: 14px;line-height: 20px;color:#3182F7;}
.chart_box .chart_bot_label{margin-top: 20px;}
.analysis_box{position: relative;margin-top: 20px;}
.analysis_box .icon_ai{position: absolute;left: 0;top: 0;display: inline-block;z-index: 2;width: 112px;height: 59px;background:#fff url(../images/cp/bg_rounded.png) no-repeat 0 0 / 112px 59px;}
.analysis_box .icon_ai.buying{background:#fff url(../images/home/ai_happy.png)no-repeat 50% 50%/100% 100%;}
.analysis_box .icon_ai.sell{background:#fff url(../images/home/ai_sad.png)no-repeat 50% 50%/100% 100%;}
.analysis_box .content_box{position: relative;width: 100%;height: 100%;padding:20px;border:1px solid rgba(0, 0, 0, 0.05);border-radius: 20px;background:linear-gradient(138.06deg, #DBEDFF 39.72%, #D6DCFF 102.51%);}
.analysis_box .content_box .tit{display: block;padding-left: 34%;font-size: 16px;font-weight:600;color: #222;line-height: 22px;letter-spacing: -1px;}
.analysis_box .content_box .notice{display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: 100px;margin-top: 25px;padding: 10px;border-radius: 16px;background-color: #F3F8FF;text-align: center;}
.analysis_box .content_box .notice p{font-size: 16px;font-weight: 400;color: #7F8A9A;line-height: 21px;letter-spacing: -1px;}
.analysis_box .content_box .notice.desc{padding: 10px;}
.analysis_box .content_box .notice.desc p + p{margin-top: 8px;}
.analysis_box .category_list{display: flex;flex-wrap: wrap;gap: 6px 4px;margin-top: 12px;}
.analysis_box .category_list .btn_category{display: inline-block;padding: 6px 10px;border: 1px solid #ECECEC;border-radius: 30px;background-color: #fff;font-size: 12px;font-weight: 400;color: #666;line-height: 14px;}
.analysis_box .category_list .btn_category.on{border: 1px solid #3182F7;font-weight: 600;color: #3182F7;}
.analysis_box .list{margin-top:27px;padding:16px;border-radius:16px;background:#F3F8FF;}
.analysis_box .list li{position:relative;margin-top:8px;padding-left:8px;font-size:16px;color:#7F8A9A;line-height:1.3;letter-spacing:-0.65px;}
.analysis_box .list li:first-child{margin-top:0;}
.analysis_box .list li:before{content:'';position:absolute;top:8px;left:0;width:4px;height:4px;border-radius:50%;background:#B6BECA;}
.analysis_box .list li .highlight{font-weight:700;color:#4744FF;}
.result_card_area{display:flex;flex-direction:column;gap:8px;}
.result_card_area .profit_info{display:flex;flex-direction:column;gap:4px;}
.result_card_area .profit_info strong{font-size:18px;font-weight:700;line-height:1.25;letter-spacing:-0.75px;}
.result_card_area .profit_info .percent{font-size:18px;font-weight:700;color:#F4124F;line-height:1.25;letter-spacing:-0.75px;}
.result_card_area .type_txt{font-size:16px;line-height:1.3;letter-spacing:-0.65px;}
.result_card_area .date{font-size:12px;font-weight:700;color:#68707D;line-height:1.25;letter-spacing:-0.2px;}
.chart_box.flex_chart{display:flex;gap:12px;}
.chart_box.flex_chart .result_card_area{flex-shrink:0;min-width:99px;}
.chart_box.flex_chart .echart_wrap{flex:1;}

/* review */
.title_area{margin-top: 24px;}
.title_area.has_btn{display: flex;justify-content: space-between;align-items: center;}
.title_area strong{display: block;font-size: 20px;font-weight: 700;color: #222;line-height: 25px;}
.review_list{display: flex;gap: 12px;margin-top: 16px;}
.review_list li{display: flex;justify-content: center;width: 100%;padding: 0 4.7px;}
.review_list li .btn_review{display: flex;flex-direction: column;gap: 4px;justify-content: center;align-items: center;background-color: transparent;}
.review_list li .ico{display: inline-block;width: 48px;height: 48px;}
.review_list li .ico.review1{background: url(../images/cp/icon_reco01.png) no-repeat 0 0 / 48px;}
.review_list li .ico.review2{background: url(../images/cp/icon_reco02.png) no-repeat 0 0 / 48px;}
.review_list li .ico.review3{background: url(../images/cp/icon_reco03.png) no-repeat 0 0 / 48px;}
.review_list li .ico.review4{background: url(../images/cp/icon_reco04.png) no-repeat 0 0 / 48px;}
.review_list li .ico.review5{background: url(../images/cp/icon_reco05.png) no-repeat 0 0 / 48px;}
.review_list li span{font-size: 12px;font-weight: 400;color: #7F8A9A;line-height: 15px;}
.review_list li p{font-size: 16px;font-weight: 700;color: #292D34;line-height: 20px;}
.title_area .btn_write{display: inline-block;padding: 8px 12px;border-radius: 50px;background-color: #3182F7;font-size: 12px;font-weight: 400;color: #fff;line-height: 14px;}
.title_area .btn_write span{display: flex;align-items: center;gap: 6px;}
.title_area .btn_write span::before{content: '';display: inline-block;width: 16px;height: 16px;background: url(../images/cp/icon_pencil.png) no-repeat 0 0 / 16px;}
.detail_list{margin-top: 20px;}
.detail_list li{margin-bottom: 16px;padding-bottom: 16px;border-bottom: 1px solid #ECECEC;}
.detail_list li .top_cont{display: flex;justify-content: space-between;align-items: center;}
.detail_list li .top_cont .user_info{display: flex;align-items: center;gap: 8px;}
.detail_list li .top_cont .user_info .img_box{width: 40px;height: 40px;}
.detail_list li .top_cont .user_info .img_box img{width: 100%;border-radius: 50%;}
.detail_list li .top_cont .user_info .review_area .user_id{font-size: 14px;font-weight: 700;line-height: 16px;}
.detail_list li .top_cont .user_info .review_area .horoscope{display: flex;align-items: center;margin-top: 6px;gap: 4px;}
.detail_list li .top_cont .user_info .review_area .horoscope i{display: inline-block;width: 12px;height: 12px;background: url(../images/cp/icon_scope.png) no-repeat 0 0 / 12px;}
.detail_list li .top_cont .user_info .review_area .horoscope span{margin-left: 4px;font-weight: 700;line-height: 16px;}
.detail_list li .top_cont .post_info{display:flex;flex-direction:column;gap:6px;align-items:flex-end;}
.detail_list li .top_cont .date{font-size: 12px;font-weight: 400;color:#7F8A9A;line-height: 16px;}
.detail_list li .bot_cont{display: flex;justify-content: space-between;gap: 12px;margin-top: 12px;}
.detail_list li .bot_cont p{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;height: 80px;text-overflow: ellipsis;}
.detail_list li .bot_cont .img_box{min-width: 95px;width: 95px;height: 73px;}
.detail_list li .bot_cont .img_box img{width: 100%;height: 100%;}
.more_menu{position:relative;}
.more_menu .btn_wrap{display:none;}
.more_menu .btn_wrap .btn_delete{box-shadow:0px 5px 10px 0px rgba(44, 48, 56, 0.2);}
.more_menu.on .btn_wrap{display:block;position:absolute;top:20px;right:0;width:max-content;}
.lecture_new.v2 .vod_detail [class*="article"]{padding: 0 16px;}
.chart_box.service .chart_top_label{display: flex;gap: 12px;justify-content: center;margin-top: 12px;}
.chart_box.service .chart_top_label .top_label{display: flex;align-items: center;gap: 5px;}
.chart_box.service .chart_top_label .top_label .label{display: inline-block;width: 10px;height: 10px;}
.chart_box.service .chart_top_label .top_label .label[class*="sircle"]{border-radius: 999px;}
.chart_box.service .chart_top_label .top_label .label.sircle1{background-color: #4ED59D;}
.chart_box.service .chart_top_label .top_label .label.sircle2{background-color: #ED736F;}
.chart_box.service .chart_top_label .top_label span{font-size: 12px;font-weight: 500;color: #68707D;line-height: 15px;}
.chart_box.service{padding: 20px;}
.sec_tit{display: block;margin-top: 40px;margin-bottom: 20px;font-size: 18px;font-weight: 800;line-height: 20px;}
.cp_wrap .panel_wrap{position: relative;}
.cp_wrap .panel{margin-top: 8px;padding:20px;border: 1px solid #E7EAF2;border-radius: 20px;background:#fff;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);}
.cp_wrap .panel:first-child{margin-top: 0;}
.cp_wrap .acco_head{display:flex;align-items:flex-start;}
.cp_wrap .acco_head .main_tit{font-size: 18px;font-weight:600;line-height: 23px;}
.cp_wrap .acco_head .sub_tit {margin-left:8px;font-weight:700;color:#888}
.cp_wrap .acco_head .btn_tgl{margin-left:auto;width: 16px;height: 16px;background:url(../images/common/icon_arrow_down.png) no-repeat 0 0 / 100% 100%;overflow:hidden;color:transparent}
.cp_wrap .acco_body {display: none;}
.cp_wrap .panel.active{border:1px solid #3182F7;}
.cp_wrap .panel.active .acco_head .sub_tit{display:none}
.cp_wrap .panel.active .acco_head .btn_tgl{background:url(../images/common/icon_arrow_down.png) no-repeat 0 0 / 100% 100%;transform: rotate(180deg);}
.cp_wrap .panel.active .acco_body {display:block;margin-top:16px;}
.cp_wrap .acco_body .small_tab_box{margin-top: 0;}
.cp_wrap .acco_body .table_wrap{overflow-x: auto;width: 100%;padding-bottom: 18px;}
.cp_wrap .acco_body .table_wrap::-webkit-scrollbar{display:block;width:100%;height:2px;}
.cp_wrap .acco_body .table_wrap::-webkit-scrollbar-thumb{background: #4744FF;}
.cp_wrap .acco_body .table_wrap::-webkit-scrollbar-track{background:#CDD2DB;}
.cp_wrap .acco_body .table_wrap table thead tr th{padding-bottom: 12px;font-size: 14px;font-weight: 600;color: #68707D;line-height: 20px;text-align: left;}
.cp_wrap .acco_body .table_wrap table tbody tr td{padding: 4px 4px 8px 4px;font-size: 16px;font-weight: 400;color: #292D34;line-height: 21px;text-align: left;}
.cp_wrap .acco_body .table_wrap table tbody tr td p{overflow: hidden;font-size:16px;white-space: nowrap;text-overflow: ellipsis;}
.cp_wrap .acco_body .table_wrap table tbody tr td .txt_red{color: #F0514C;}
.cp_wrap .mas_history_wrap{position: relative;}
.cp_wrap .mas_history_wrap .msg_list li{margin-bottom: 8px;padding: 20px;border: 1px solid #E7EAF2;border-radius: 20px;}
.cp_wrap .mas_history_wrap .msg_list li:last-child{margin-bottom: 0;}
.cp_wrap .mas_history_wrap .msg_list li p{margin-bottom: 4px;font-size: 16px;font-weight: 600;line-height: 21px;word-break: break-all;}
.cp_wrap .mas_history_wrap .msg_list li .msg_body{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;cursor: pointer;}
.cp_wrap .mas_history_wrap .msg_list li.open .msg_body{display: block;-webkit-line-clamp: unset;overflow: visible;}
.cp_wrap .mas_history_wrap .msg_list li span{font-size: 14px;font-weight: 400;color: #7F8A9A;line-height: 20px;}
.cp_wrap .mas_history_wrap .btn_more_txt{display: block;margin: 20px auto 0;background-color: transparent;font-size: 14px;font-weight: 400;color: #B3B3B3;line-height: 16px;}
.cp_wrap .mosaic{position: absolute;left: 0;bottom: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 2;width: calc(100% + 32px);height: calc(100% + 10px);margin-left:-16px;backdrop-filter: blur(8px);background-color: rgba(255, 255, 255, 0);box-shadow:0 -20px 30px -10px rgba(255, 255, 255, 0.8) inset,0 20px 30px -10px rgba(255, 255, 255, 0.8) inset;}
.cp_wrap .mosaic p{font-size: 14px;font-weight: 400;color: #292D34;line-height: 20px;}
.cp_wrap .mosaic .btn_wrap{margin-top: 16px;text-align: center;}
.cp_wrap .mosaic .btn_wrap button{width: 200px;height: 44px;font-size: 16px;}
.full_layer .pop_con .flag_wrap{position:relative;margin-top:-20px;padding-top:100px;text-align:center;}
.full_layer .pop_con .flag_wrap .lt_wrap{position:absolute;top:0;left:50%;width:100px;height:100px;transform:translateX(-50%);}
.full_layer .pop_con .flag_wrap p{font-size:20px;font-weight:700;line-height:25px;}
.full_layer .pop_con .review_area {margin-top: 16px;}
.full_layer .pop_con .review_area p {color:#505761;text-align: center;}


/* 이용후기 */
.lecture_new h2 {font-size:20px;font-weight:800}
.lecture_new .vod a{position:relative;display:block}
.lecture_new .vod a::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.5)}
.lecture_new .vod a::after {content: '';position: absolute;top: 50%;left: 50%;z-index: 2;width: 40px;height: 40px;transform: translate(-50%,-50%);}
.lecture_new .vod img{aspect-ratio: 16 / 9;width: 100%;}
.lecture_new .vod_detail .article07 .vod{overflow:hidden;margin-top: 16px;border-radius: 12px;}
.form_wrap dl{padding-top:16px;}
.form_wrap dl:first-child{padding-top:0;}
.form_wrap dl dt{font-size:14px;font-weight:500;color: #7F8A9A;line-height:20px;}
.form_wrap dl dd{margin-top:8px;}
.form_wrap .textarea_box textarea{margin-top:10px;font-family:'Malgun Gothic','sans-serif';}
.attach_box label{display:block;padding:16.5px;border: 1px solid #3182F7;border-radius: 48px;font-size: 16px;font-weight: 500;line-height: 21px;color:#3182F7;text-align: center;cursor: pointer;}
.attach_box label::before{content:'';display: inline-block;width: 18px;height: 18px;margin-right:4px;background: url(../images/lecture/icon_photo.png) no-repeat 0 0 / 18px;vertical-align: top;}
.attach_box input{display: none;}

.textarea_box textarea{width:100%;padding:20px;border:1px solid #212121;border-radius:6px;background-color:#010101;font-size:16px;color:#fff;line-height:18px;}
.textarea_box textarea::placeholder{color:#888 !important;}
body.skin_white .textarea_box textarea{border-color:#ececec; background-color:#fff;color:#222}
body.skin_white .textarea_box textarea::placeholder{color:#B6BECA !important;}

/* 클립 */
.header.type_bold{background:transparent}
.header.type_bold .btn_right .btn_search{background:url(../images/clip/ico_search.png) no-repeat 0 / 24px}
.header.type_bold .btn_right .btn_bookmark{background:url(../images/clip/ico_bookmark.png) no-repeat 0 / 30px;text-indent: -9999px;}
.header.type_bold .btn_right .btn_volume{background:url(../images/clip/ico_volume_off.png) no-repeat 0 / 24px;}
.header.type_bold .btn_right .btn_volume.on{background:url(../images/clip/ico_volume.png) no-repeat 0 / 24px;}
.clip_wrap .container{padding:0;}
body.skin_white .tab_wrap.type4 {background:transparent}
body.skin_white .tab_wrap.type4 li a{color:#666}
body.skin_white .tab_wrap.type4 li.on a{color:#000}
.layer_activated .clip_wrap .header{z-index: 2;}
.layer_activated .contents.clip .module_section_info{z-index:2}

.contents.clip .media_info{display:flex;flex-direction:column;justify-content:space-between;position:absolute;top:0;left:0;right:0;bottom:0;padding:16px}
.contents.clip .media_info .playtime{padding-left:20px;background:url(../images/clip/icon_play.png) no-repeat 0 0 / 16px 16px;font-size:14px;font-weight:400;color:#fff}
.contents.clip .media_info .tit strong{display:block;font-size:14px;font-weight:700;color:#fff;line-height:20px;letter-spacing:-0.5px}
.contents.clip .media_info .tit span{display:block;margin-top:8px;font-size:12px;font-weight:500;color:#A3ACBB;line-height:15px;letter-spacing:-0.2px}

.contents.clip .panel{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:#010101}
.contents.clip .panel-media{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.contents.clip .panel-media::before{content:'';position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(180deg, rgba(0,0,0,0.48) 0%, rgba(0,0,0,0) 100%);z-index:2;pointer-events:none}
.contents.clip .panel-media video{object-fit: cover;object-position: top;}

.contents.clip .flicking-viewport{width:100%;height:100%;min-height:0;overflow:hidden}
.contents.clip .flicking-camera{width:100%;height:100%;min-height:0;max-width:520px;margin:0 auto;will-change:transform}
.contents.clip .flicking-camera>*{overflow:hidden;position:relative;width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;background-color:#010101}
.contents.clip .flicking-camera .vid{width:100%;height:100%}
.contents.clip .flicking-camera .vid::before{content:'';position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(180deg, rgba(0,0,0,0.48) 0%, rgba(0,0,0,0) 100%);z-index:2;pointer-events:none}
.contents.clip .flicking-camera .clip_video_list{width:100%;padding:0 16px}
.contents.clip .module_section_info{display:flex;justify-content:space-between;align-items:flex-end;position:absolute;bottom:68px;left:0;right:0;z-index:3;padding:0 16px 40px;transition:opacity .1s}
.contents.clip .module_section_info::after{content:'';position:absolute;bottom:-68px;left:0;right:0;height:270px;background:linear-gradient(180deg, rgba(0,0,0,0) 0.85%, rgba(0,0,0,0.60) 100%)}
.contents.clip .module_section_info>*{position:relative;z-index:3}
.contents.clip .module_section_info.is-seek-hidden{opacity:0;pointer-events:none}
.contents.clip .module_content_wrap img{width:40px;height:40px;border-radius:50%}
.contents.clip .module_contentWrap span,
.contents.clip .module_content_wrap span{margin-left:12px;font-size:18px;font-weight:700;color:#fff}
.contents.clip .module_content_wrap .desc{margin-top:12px;font-size:14px;font-weight:400;color:#fff;line-height:20px;letter-spacing:-0.5px}
.contents.clip .module_content_wrap .link{display:inline-block;margin-top:16px;padding:8px 26px 8px 12px;border-radius:50px;background:rgba(0,0,0,0.60) url(../images/clip/ico_arrow_right.png) no-repeat top 50% right 12px / 12px 12px;font-size:12px;font-weight:500;color:#fff;line-height:14px;letter-spacing:-0.6px;transform:translateY(14px);opacity:0;transition:all .6s cubic-bezier(.15,0,.15,1)}
.contents.clip .panel.active .module_content_wrap .link{transform:translateY(0);opacity:1}
.contents.clip .module_tool_wrap{display:flex;flex-direction:column;gap:20px}
.contents.clip .module_tool_wrap button{min-width:60px;background:transparent}
.contents.clip .module_tool_wrap .icon{display:inline-flex;width:28px;height:28px;vertical-align:top}
.contents.clip .module_tool_wrap .btn_like .icon{background:url(../images/clip/icon_like.png) no-repeat 0 0 / 100%}
.contents.clip .module_tool_wrap .btn_like.on .icon{background:url(../images/clip/icon_like_on.png) no-repeat 0 0 / 100%}
.contents.clip .module_tool_wrap .btn_share .icon{background:url(../images/clip/icon_share.png) no-repeat 0 0 / 100%}
.contents.clip .module_tool_wrap .btn_scrap .icon{background:url(../images/clip/icon_scrap.png) no-repeat 0 0 / 100%}
.contents.clip .module_tool_wrap .btn_scrap.on .icon{background:url(../images/clip/icon_scrap_on.png) no-repeat 0 0 / 100%}
.contents.clip .module_tool_wrap .text{display:block;margin-top:4px;font-size:14px;font-weight:400;color:#fff}
.contents.clip .module_control{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none}
.contents.clip .module_btn_play{width:60px;height:60px;background:url(../images/clip/btn_play.png) no-repeat 0 0 / 100%;text-indent:-9999px;pointer-events:auto}
.contents.clip .module_btn_play[aria-pressed=false]{opacity:0;transform:scale(0.8)}
.contents.clip .module_btn_play[aria-pressed=true]{opacity:1;transform:scale(1);transition:opacity .4s cubic-bezier(.215,1.59,.4,1),transform .4s cubic-bezier(.215,1.59,.4,1)}

.contents.clip .module_progress_wrap{position:absolute;right:0;bottom:68px;left:0;z-index:50;pointer-events:auto;max-width:1200px;margin:0 auto}
.contents.clip .progress_box{display:flex;align-items:flex-end;height:15px;cursor:pointer;pointer-events:none}
.contents.clip .progressbar{position:relative;flex:1;height:10px;background:transparent;pointer-events:auto;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none}
.contents.clip .progressbar::before,.contents.clip .module_play{position:absolute;left:0;right:0;bottom:0;height:2px;transition:height .2s cubic-bezier(.37,1.44,.54,1);pointer-events:none}
.contents.clip .progressbar::before{content:"";background:rgba(255,255,255,0.20)}
.contents.clip .module_play{background-color:#3182F7}
.contents.clip .progress_box.is-seeking .progressbar::before,.contents.clip .progress_box.is-seeking .module_play{height:10px}
.contents.clip .seeking_box{position:absolute;top:-26px;right:0;left:0;font-size:0;line-height:0;opacity:0;visibility:hidden}
.contents.clip .seeking_box .playtime{display:inline-block;margin-left:16px;font-size:14px;font-weight:700;color:rgba(255,255,255,0.50)}
.contents.clip .seeking_box .current{color:#fff}
.contents.clip .progress_box.is-seeking + .seeking_box{opacity:1;visibility:visible}
.contents.clip .module_progress_wrap, .contents.clip .progress_box, .contents.clip .progressbar{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:none}
@media (hover:hover) and (pointer:fine){ .contents.clip .progress_box:not(.is-seeking):hover .progressbar::before, .contents.clip .progress_box:not(.is-seeking):hover .module_play{height:10px}}

.contents.clip{padding:20px 20px 60px}
.container.layout_flex .contents.clip{padding:20px 20px 85px}
.contents.clip .clip_video_list h2{font-size:20px;font-weight:700;line-height: 25px;color: #fff;white-space: nowrap;margin-bottom:20px;}
.contents.clip .clip_video_list ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
.contents.clip .clip_video_list ul li{width:calc(50% - 4px)}
.contents.clip .clip_video_list ul li a{display:block;position:relative}
.contents.clip .clip_video_list ul li .thumb{overflow:hidden;position:relative;border-radius: 12px;aspect-ratio:3 / 3.7;}
.contents.clip .clip_video_list ul li .thumb::before{content:'';display:inline-block;padding-top:146.34%;}
.contents.clip .clip_video_list ul li .thumb::after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.00) 20%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40%, rgba(0, 0, 0, 0.80) 100%);}
.contents.clip .clip_video_list ul li .video_wrap{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-position:top center;background-size:cover;}
.contents.clip .clip_video_list ul li .video_wrap video{width:100%;height:100%;object-fit:cover;object-position:top;}

.contents.clip .clip_video_list.list_none{display:flex;align-items:center;justify-content:start;gap: 24px;flex-direction: column;width: 100%;min-height: calc(100vh - 300px);margin-top: 120px;}
.contents.clip .clip_video_list.list_none .ico_empty{display: inline-block;width: 40px;height: 32px;background: url(../images/clip/icon_nodata.png) no-repeat 0 0 / 40px 32px;}
.contents.clip .clip_video_list.list_none p{font-size:14px;font-weight:400;color: #505761;line-height: 18px;}

.contents.clip .rcmd_list {width: 100%;}
.contents.clip .rcmd_list h2{padding-left:16px;font-size:20px;font-weight:700;color: #fff;line-height: 25px;white-space: nowrap;}
.contents.clip .rcmd_list .list_wrap {margin:16px 0 24px}
.contents.clip .rcmd_list .profile_box {margin-left:20px}
.contents.clip .rcmd_list .profile_box img {width: 32px;height: 32px;border-radius: 50%;}
.contents.clip .rcmd_list .profile_box span {margin-left:12px;font-size:18px;font-weight:700;color: #fff;line-height: 23px;}
.contents.clip .rcmd_list .swiper-container {padding:12px 20px 0}
.contents.clip .rcmd_list .swiper-slide {float:left;width: 100px;}
.contents.clip .rcmd_list .swiper-slide img {width:100%;border-radius: 9px;aspect-ratio:1/1.2; object-fit:cover;object-position:top;}
.contents.clip .rcmd_list .swiper-slide .txt_box {margin-top: 10px;}
.contents.clip .rcmd_list .swiper-slide .desc {font-size:14px;font-weight:700;color: #fff;line-height: 20px;letter-spacing: -.5px;}
.contents.clip .rcmd_list .bg_box{margin:16px 20px;padding:12px 0;border-radius: 12px;background: #1292A0;}
.contents.clip .rcmd_list .bg_box .swiper-container{overflow:hidden;padding:16px 16px 0}
.contents.clip .rcmd_list .bg_box .list_wrap {margin:0}
.contents.clip .rcmd_list .bg_box .list_wrap + .list_wrap{margin-top: 16px;}

.contents.clip .stock_list {width: 100%;}
.contents.clip .stock_list h2{padding-left:16px;font-size:20px;font-weight:700;line-height: 25px;color: #fff;white-space: nowrap;}
.contents.clip .stock_list .list_wrap{padding:16px;}
.contents.clip .stock_list .list_wrap a{padding: 5px 10px;display: flex;align-items: center;justify-content: space-between;gap: 16px;color: #fff;border-radius: 4px;border: 1px solid #212121;background: #121212;}
.contents.clip .stock_list .list_wrap li{margin-top: 4px;}
.contents.clip .stock_list li .cop_area .num{min-width: 18px;margin-right: 12px;font-weight: 700;line-height: 18px;text-align: center;color:#3182F7;}
.contents.clip .stock_list li .cop_area .cop_logo{display: inline-block;min-width: 28px;width: 28px;height: 28px;margin-right: 8px;border-radius: 50%;background-size: cover;background-position: center;background-repeat: no-repeat;}
.contents.clip .stock_list li .cop_area .cop_name{display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis;font-size: 16px; font-weight: 500;line-height: 20px;color: #fff;}
.contents.clip .stock_list li .number_area .percent{font-weight: 600;color: #F4124F;line-height: 20px;text-align: right;}
.contents.clip .stock_list li .number_area .money{display: block;margin-top: 4px;font-size: 12px;color: #68707D;text-align: right;}
.contents.clip .stock_list .code {margin-left:auto;font-size:12px;line-height: 15px;color:#A3ACBB;}
.contents.clip .stock_list .auto_search_wrap{margin-top:60px;}
.contents.clip .stock_list .auto_search_wrap.hidden{display: none;margin-top: 0;}
.contents.clip .stock_list .auto_search_wrap a{padding: 5px 10px;display: flex;align-items: center;justify-content: space-between;gap: 16px;color: #fff;border-radius: 4px;border: 1px solid #212121;background: #121212;}
.contents.clip .stock_list .auto_search_wrap li{margin-top: 4px;}

.contents.clip .inst_list {width: 100%;}
.contents.clip .inst_list .tit_wrap {text-align: center;}
.contents.clip .inst_list h2{font-size:20px;font-weight:700;color: #fff;line-height: 25px;white-space: nowrap;}
.contents.clip .inst_list .tit_sub{margin-top:4px;font-size:14px;color: #A3ACBB;letter-spacing: -0.7px;}
.contents.clip .inst_list .swiper-container {margin-top: 32px;}
.contents.clip .inst_list .swiper-slide {transform: scale(0.8); transition:all 200ms linear;text-align: center;}
.contents.clip .inst_list .swiper-slide::before{content:'';position:absolute;bottom:0;left:0;width: 100%;height:150px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 50%);}
.contents.clip .inst_list .swiper-slide-active{transform: scale(1);}
.contents.clip .inst_list img {width:100%;border-radius: 10px;aspect-ratio: 1/1.833;object-position:top;}
.contents.clip .inst_list .txt_box{position:absolute;bottom:0;left:0;right:0;padding:20px}
.contents.clip .inst_list .txt_box .desc {font-size:14px;font-weight:700;line-height: 18px;color:#fff;text-align: left;}
.contents.clip .inst_list .txt_box .bg_primary {display:flex;align-items:center;justify-content:center;margin-top: 14px;width: 100%;height: 40px;border-radius: 54px;font-size: 14px;font-weight: 500;color: #fff;background:#3182F7;}

.contents.clip .search_rcmd{margin-top:60px;}
.contents.clip .search_rcmd .tit{font-size:20px;font-weight:300;line-height:28px;color: #6F6F6F;letter-spacing:-1.2px;}
.contents.clip .search_rcmd ol{margin-top: 20px;}
.contents.clip .search_rcmd.stock_list .list_wrap{padding:0;}

.contents.clip .search_result .hash_list{margin-top: 20px;}
.contents.clip .search_result .hash_list ul{display:flex;flex-wrap:wrap;gap:8px 20px}
.contents.clip .search_result .hash_list ul li a{font-size:14px;font-weight:300;line-height:28px;color: rgb(173, 255, 95);letter-spacing:-1.2px;}

/* 강의 */
.lecture_new.mypage{padding:0 0 60px}
.lecture_new h2 {font-size:20px;font-weight:700;line-height: 25px;}
.lecture_new a{color:#222}
.lecture_new .tab_wrap{padding:16px}
.lecture_new .top_bann {padding:0 16px;}
.lecture_new .top_bann a{display: block;;}
.lecture_new .top_bann img {width: 100%;border-radius: 12px;}
.lecture_new .myclass {overflow:hidden;padding:24px 16px 0}
.lecture_new .myclass .inner{position: relative;padding:20px;border-radius: 20px;border: 1px solid #E7EAF2;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);}
.lecture_new .myclass .inner:has(.list_wrap.show){border: 1px solid rgba(49, 130, 247, 1)}
.lecture_new .myclass .inner .btn_arrow{position: absolute;right: 20px;top:20px;width: 16px;height: 16px;background: url(../images/common/icon_arrow_down.png) no-repeat 0 0 / 16px;}
.lecture_new .myclass .list_wrap{display:none;margin:16px -36px 0 0}
.lecture_new .myclass .list_wrap.show{display: block;}
.lecture_new .myclass .list_wrap .thumb {overflow:hidden;position: relative;border-radius: 8px;padding-top:62.91%}
.lecture_new .myclass .list_wrap .thumb img{position:absolute;top:0;left:0;right:0;bottom:0;min-width:100%;min-height:100%;max-height:100%;max-width:100%;margin:auto;object-fit: cover;}
.lecture_new .myclass .list_wrap .thumb .btn_wrap.play{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);width: auto;}
.lecture_new .myclass .list_wrap .thumb .btn_wrap.play button{height: 32px;padding:8px 12px 8px 30px;background:#3182F7 url(../images/lecture/btn_play.png) no-repeat left 12px center / 16px;font-size: 12px;line-height: 14px;white-space: nowrap;}
.lecture_new .myclass .list_wrap .expire{position:absolute;top:0;left:0;width: 100%;height: 100%;z-index:1;display: flex;flex-direction:column;align-items: center;justify-content: center;background: rgba(0, 0, 0, 0.30);}
.lecture_new .myclass .list_wrap .expire span {margin-bottom:6px;font-size:14px;font-weight:700;color:#fff}
.lecture_new .myclass .list_wrap .expire .btn_wrap {width: auto;}
.lecture_new .myclass .list_wrap .expire .btn_wrap button{height: 30px;padding: 8px 12px;border-radius: 50px;font-size: 12px;font-weight: 500;line-height: 14px;}
.lecture_new .myclass .list_wrap .desc{margin-top: 8px;font-size:14px;font-weight:600;color: #292D34;line-height:20px;letter-spacing: -0.7px;}
.lecture_new .myclass .list_wrap .progress_wrap{margin-top: 8px;}
.lecture_new .myclass .list_wrap .gage{position:relative;height:2px;background: #ECECEC;}
.lecture_new .myclass .list_wrap .gage span{position:absolute;top:0;left:0;height:100%;background: #3182F7;}
.lecture_new .myclass .list_wrap .text{display:flex;align-items: center;justify-content: space-between;margin-top: 12px;}
.lecture_new .myclass .list_wrap .percent{font-size:14px;font-weight:700;color:#3182F7;}
.lecture_new .myclass .list_wrap .days{font-size:12px;color:#7F8A9A;}

.lecture_new .class {padding:24px 16px 0}
.lecture_new .class .list_wrap {margin-top: 20px;}
.lecture_new .class .list_wrap ul{display: flex;flex-wrap:wrap;gap:20px 8px}
.lecture_new .class .list_wrap ul li{width:calc(50% - 4px)}
.lecture_new .class .list_wrap ul li .thumb{overflow:hidden;border-radius: 8px;position:relative;padding-top:56.09%;}
.lecture_new .class .list_wrap ul li img{position:absolute;top:0;left:0;right:0;bottom:0;min-width:100%;min-height:100%;max-height:100%;max-width:100%;margin:auto;object-fit: cover;}
.lecture_new .class .list_wrap ul li .text_box{margin-top: 8px;}
.lecture_new .class .list_wrap ul li .text_box .desc{font-size: 16px;font-weight:600;line-height: 21px;letter-spacing: -0.65px;}
.lecture_new .class .list_wrap ul li .text_box .price{margin-top: 8px;font-weight:700;letter-spacing: -0.7px;}
.lecture_new .class .list_wrap ul li .text_box .price em{margin-right:4px;color: #F4124F;}

/* 강의 소개 */
.lecture_new .vod a{position:relative;display:block}
.lecture_new .vod a::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.5)}
.lecture_new .vod a::after {content: '';position: absolute;top: 50%;left: 50%;z-index: 1;width: 40px;height: 40px;transform: translate(-50%,-50%);}
.lecture_new .vod img{aspect-ratio: 16 / 9;width: 100%;}
.lecture_new .vod iframe{position:relative;display:block;aspect-ratio: 16 / 9;width: 100%;}
.lecture_new .vod iframe::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.5)}
.lecture_new .vod iframe::after {content: '';position: absolute;top: 50%;left: 50%;z-index: 2;width: 40px;height: 40px;background: url(../images/clip/icon_play_40x40.png) no-repeat 0 0 / 100% 100%;transform: translate(-50%,-50%);}
.lecture_new .vod_widget{padding-top: 24px;}
.lecture_new .vod_widget .tit_wrap{display: flex;align-items:center}
.lecture_new .vod_widget .tit{display: flex;align-items: center;gap: 8px;font-size:14px;font-weight:500}
.lecture_new .vod_widget .tit img{width: 24px;height: 24px;border-radius: 50%;}
.lecture_new .vod_widget .tit span{line-height: 20px;letter-spacing: -0.5px;}
.lecture_new .vod_widget .text{margin-top:12px;font-size:20px;font-weight:700;line-height:25px;}
.lecture_new .vod_widget .price{margin-top: 16px;}
.lecture_new .vod_widget .dc em{font-size:14px;font-weight:500;color: #F4124F;line-height: 20px;letter-spacing:-0.5px;}
.lecture_new .vod_widget .dc span{margin-left:8px;font-size:14px;font-weight:500;color:#68707D;line-height: 20px;text-decoration-line: line-through;}
.lecture_new .vod_widget .monthly{margin-top: 8px;font-size:18px;font-weight:700;line-height:23px;}
.lecture_new .vod_widget .details{margin-top: 16px;}
.lecture_new .vod_widget .details span{display:block;padding-left:24px;font-size:14px;color:#68707D;line-height: 20px;}
.lecture_new .vod_widget .details .ico_vod{background:url(../images/lecture/ico_vod.png) no-repeat 0 2px / 16px;}
.lecture_new .vod_widget .details .ico_cal{margin-top: 4px;background:url(../images/lecture/ico_cal.png) no-repeat 0 2px / 16px;}
.lecture_new .vod_detail.mt {margin-top: 40px;}
.lecture_new.has_btn_fixed .tab_wrap{padding:24px 0 0;border-radius: 0;}
.lecture_new.has_btn_fixed .tab_wrap.type3{border-radius: 36px;}
.lecture_new .vod_detail [class*="article"] {padding-top:24px}
.lecture_new .vod_detail .article01 img {width: 100%;border-radius: 12px;}
.lecture_new .vod_detail .article02 .summary{font-weight:400}
.lecture_new .vod_detail .article02 .summary em{font-weight:500}
.lecture_new .vod_detail .article02 .panel{padding:27px 20px;border-radius: 10px;border:1px solid #ECECEC;background:#F6F6F6}
.lecture_new .vod_detail .article02 .acco_head{display:flex;align-items:center;}
.lecture_new .vod_detail .article02 .acco_head .main_tit{font-weight:800}
.lecture_new .vod_detail .article02 .acco_head .sub_tit {margin-left:8px;font-size: 14px;font-weight:400;color:#888;line-height:23px;}
.lecture_new .vod_detail .article02 .acco_head .btn_tgl{margin-left:auto;width: 16px;height: 16px;background:url(../images/lecture/icon_open.png) no-repeat 0 0 / 100% 100%;overflow:hidden;color:transparent}
.lecture_new .vod_detail .article02 .acco_body {display: none;}
.lecture_new .vod_detail .article02 .panel.active{padding:24px 20px 20px;border-radius: 10px;border:1px solid #ECECEC}
.lecture_new .vod_detail .article02 .panel.active {background:#fff}
.lecture_new .vod_detail .article02 .panel.active .acco_head .sub_tit{display:none}
.lecture_new .vod_detail .article02 .panel.active .acco_head .btn_tgl{background:url(../images/lecture/icon_close.png) no-repeat 0 0 / 100% 100%;}
.lecture_new .vod_detail .article02 .panel.active .acco_body {display:block}
.lecture_new .vod_detail .article02 .panel_wrap.type_basic {margin-top: 20px;}
.lecture_new .vod_detail .article02 .panel_wrap.type_basic .panel {padding:0;margin-top:40px;background:none;border:none}
.lecture_new .vod_detail .article02 .panel_wrap.type_basic .panel:first-child{margin-top: 20px;}
.lecture_new .vod_detail .article02 .panel_wrap .panel{margin-top:10px}
.lecture_new .vod_detail .article02 .panel_wrap .main_tit{font-size:14px;font-weight:800}
.lecture_new .vod_detail .article02 .panel_wrap .tit_wrap{display:flex;align-items:center;justify-content:space-between;padding-top: 20px;}
.lecture_new .vod_detail .article02 .panel_wrap .tit_wrap .num{display:inline-block;padding:2px 8px;border-radius: 999px;background: #4744FF;font-size:12px;font-weight:800;line-height: 16px;color:#fff}
.lecture_new .vod_detail .article02 .panel_wrap .tit_wrap .sub_tit{margin-left:12px;font-size:12px;line-height: 16px;}
.lecture_new .vod_detail .article02 .panel_wrap .tit_wrap .time{font-size:12px;line-height: 16px;color:#888}

.lecture_new .vod_detail .article02 .panel_wrap.new .panel{margin-top: 16px;padding: 20px;background-color: #fff;}
.lecture_new .vod_detail .article02 .panel_wrap.new .panel .flag_chapter{display: inline-block;margin-right: 10px;border: 1px solid #4744FF;border-radius: 20px;padding: 7px 3px;font-size: 9px;font-weight: 700;color: #4744FF;line-height: 6px;letter-spacing: -0.2px;}
.lecture_new .vod_detail .article02 .panel_wrap.new .panel .flag_part{display: inline-block;margin-right: 10px;border: 1px solid #3182F7;border-radius: 20px;padding: 3px 8px;font-size: 12px;font-weight: 700;color: #3182F7;line-height: 14px;}
.lecture_new .vod_detail .article02 .panel_wrap.new .panel .main_tit{font-size: 14px;font-weight: 700;line-height: 16px;}
.lecture_new .vod_detail .article02 .panel_wrap.new .panel.active .main_tit{color: #4744FF;}
.lecture_new .vod_detail .article02 .panel_wrap.new .tit_wrap .sub_tit{margin-left: 0;font-weight: 700;}
.lecture_new .vod_detail .article02 .panel_wrap.new .acco_head .sub_tit{margin-left: auto;font-weight: 400;color: #7F8A9A;line-height: 20px;letter-spacing: -0.5px;}
.lecture_new .vod_detail .article02 .panel_wrap.new .acco_head .btn_tgl{margin-left:auto;width: 24px;height: 24px;background:url(../images/lecture/icon_open.png) no-repeat 0 0 / 100% 100%;overflow:hidden;color:transparent}
.lecture_new .vod_detail .article02 .panel_wrap.new .panel.active .acco_head .btn_tgl{background: url(../images/lecture/icon_close.png) no-repeat 0 0 / 100% 100%;overflow:hidden;color:transparent;}
.lecture_new .vod_detail .article02 .panel_wrap.new .acco_body li{display: flex;gap: 14px;align-items: center;position: relative;margin-top: 12px;padding-left: 5px;}
.lecture_new .vod_detail .article02 .panel_wrap.new .acco_body li:first-child{margin-top: 24px;}
.lecture_new .vod_detail .article02 .panel_wrap.new .acco_body li:first-child .num::before{top: -28px;height: 27px;}
.lecture_new .vod_detail .article02 .panel_wrap.new .acco_body li .num{position: relative;padding:7px 4px;border: 1px solid #CDD2DB;border-radius: 999px;font-size: 12px;font-weight: 600;color: #888888;line-height: 14px;}
.lecture_new .vod_detail .article02 .panel_wrap.new .acco_body li .num::before{content: '';position: absolute;left: 50%;top: -17px;display: inline-block;width: 1px;height: 16px;background-color: #ECECEC;transform: translateX(-50%);}
.lecture_new .vod_detail .article02 .panel_wrap.new .acco_body li .desc_detail{flex: 1;}
.lecture_new .vod_detail .article02 .panel_wrap.new .acco_body li .tit_wrap{padding-top: 0;}
.lecture_new .vod_detail .article02 .panel_wrap.new .acco_body li .btn_down{position: absolute;right: 0;top: 50%;width: 24px;height: 24px;background: url(../images/lecture/ico_download.png) no-repeat 0 0 / 24px;transform: translateY(-50%);}

.lecture_new .vod_detail .article02 .panel_wrap.type2 .panel{margin-top: 8px;}
.panel_wrap.type2 .panel .acco_head:not(.top){display: none;}
.panel_wrap.type2 .panel.part_active .acco_head:not(.top){display: flex;}
.panel_wrap.type2 .panel.chapter_active .acco_body{display: block;}
.panel_wrap.type2 .panel .acco_head.chapter_active:not(.top) + .acco_body{display: block;}
.panel_wrap.type2 .panel.part_active .acco_head.top{margin-top: 0;}
.panel_wrap.type2 .panel.part_active .acco_head{margin-top: 24px;}
.panel_wrap.type2 .panel.part_active .acco_head.top .btn_tgl {background: url(../images/lecture/icon_close.png) no-repeat 0 0 / 100% 100%;}
.panel_wrap.type2 .panel.part_active .acco_head.chapter_active .btn_tgl {background: url(../images/lecture/icon_close.png) no-repeat 0 0 / 100% 100%;}
.panel_wrap.type2 .panel.part_active .acco_head.top .main_tit{color: #3182F7;}
.panel_wrap.type2 .panel.chapter_active .acco_head:not(.top) .main_tit{color: #4744FF;}
.panel_wrap.type2 .panel.chapter_active .acco_head:not(.top) .btn_tgl {background: url(../images/lecture/icon_close.png) no-repeat 0 0 / 100% 100%;}
.panel_wrap.type2 .panel .acco_head.chapter_active:not(.top) .main_tit{color: #4744FF;}
.panel_wrap.type2 .panel .acco_head.chapter_active:not(.top) .btn_tgl {background: url(../images/lecture/icon_close.png) no-repeat 0 0 / 100% 100%;}
.panel_wrap.type2 .panel .flag_chapter{position: relative;}
.panel_wrap.type2 .panel .flag_chapter::before{content: '';position: absolute;left: 50%;top: -27px;display: inline-block;width: 1px;height: 26px;background-color: #ECECEC;transform: translateX(-50%);}
.lecture_new .vod_detail .article02 .panel_wrap.type2 .acco_body li:first-child .num::before{top: -26px;height: 25px;}
.lecture_new .vod_detail .article02 .panel_wrap.type2 .acco_body li .num::before{top: -14px;height: 13px;}

.lecture_new .vod_detail .article02 .gage_wrap{position:relative;margin-top:12px}
.lecture_new .vod_detail .article02 .gage_wrap .gage{position:relative;height:2px;background:#ECECEC;}
.lecture_new .vod_detail .article02 .gage_wrap .gage span{display:block;overflow:hidden;position:absolute;top:0;left:0;width:0;height:2px;background: #4744FF}
.lecture_new .vod_detail .article03 ul li{padding:20px 0;border-bottom: 1px solid #ECECEC;}
.lecture_new .vod_detail .article03 .flexbox{display: flex;align-items:center;justify-content: space-between;}
.lecture_new .vod_detail .article03 .reviewer span{font-weight:700}
.lecture_new .vod_detail .article03 .star_wrap{display:flex;gap:4px;margin-top:6px;}
.lecture_new .vod_detail .article03 .star{display:inline-block;width:16px;height: 16px;background:url(../images/lecture/star.png) no-repeat 0 0 / 100% 100%;line-height: normal;}
.lecture_new .vod_detail .article03 .date{font-size:12px;color:#666}
.lecture_new .vod_detail .article03 .flexbox2 {display: flex;justify-content: space-between;align-items:flex-start;gap:10px;margin-top: 12px;}
.lecture_new .vod_detail .article03 .text{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;}
.lecture_new .vod_detail .article03 .img {flex:none;width: 95px;}
.lecture_new .vod_detail .article03 .img img {width: 100%;}
.lecture_new .vod_detail .article03 .btn_img_del { position: relative;border: none;background: rgba(180, 180, 180, 0.65);color: #fff;width: 24px;height: 24px;border-radius: 50%;font-size: 16px;line-height: 22px;cursor: pointer;}
.lecture_new .vod_detail .article04 ul li{display:flex;align-items:center;padding:24px 20px;margin-top:10px;border-radius: 10px;border: 1px solid #ECECEC;background: #F6F6F6;font-weight: 800;}
.lecture_new .vod_detail .article04 ul li:first-child{margin-top: 0;}
.lecture_new .vod_detail .article04 ul li em{margin-right:8px;color:#4744FF}
.lecture_new .vod_detail .article04 ul li .btn_download{overflow:hidden;width: 24px;height:24px;margin-left:auto;background: url(../images/lecture/ico_download.png) no-repeat 0 0 / 100% 100%;color:transparent}
.lecture_new .vod_detail .article05 .notice_sec{position:relative;margin-bottom:24px;padding-bottom:32px;}
.lecture_new .vod_detail .article05 .notice_sec::before{content:'';position:absolute;bottom:0;left:-16px;right:-16px;height:8px;background:#E7EAF2;}
.lecture_new .vod_detail .article06 .tab_area{padding: 0 69.5px;}
.lecture_new .vod_detail .article06 .tab_wrap {padding:4px;margin-bottom:0}
.lecture_new .vod_detail .article06 .form_wrap{margin-top: 30px;}
.lecture_new .vod_detail .article06 .form_wrap .form_box input{box-shadow: none;}
.lecture_new .vod_detail .article06 .tab_cont_list { display: none; }
.lecture_new .vod_detail .article06 .tab_cont_list.active { display: block; }
.lecture_new .vod_detail .article07 .attach_box{margin-top: 10px;}
.lecture_new .vod_detail .article07 .vod{overflow:hidden;margin-top: 16px;border-radius: 12px;}
.lecture_new .vod_detail .article07 .form_wrap{margin-top: 40px;}
.lecture_new .vod_detail .article07 .img_box .btn_img_del { position: absolute;top: 7px;right: 7px;border: none;background: rgba(180, 180, 180, 0.65);color: #fff;width: 24px;height: 24px;border-radius: 50%;font-size: 16px;line-height: 22px;cursor: pointer;}

.lecture_new .btn_wrap.has_like_btn{gap: 10px;}
.lecture_new .btn_wrap.has_like_btn .btn_heart{width:89px;background:#010101 url(../images/common/icon_like.png) no-repeat 10px 11px / 16px;}
.lecture_new .btn_wrap.has_like_btn .btn_heart.on{background:#010101 url(../images/common/icon_like_on.png) no-repeat 10px 11px / 16px;}
.lecture_new .btn_wrap.has_like_btn .btn_heart span{margin-top:0;padding-left:40px;padding-left: 40px;text-align: left;}
.lecture_new .fixed{padding:16px;}
body.skin_white .lecture_new .btn_wrap.has_like_btn .btn_heart{min-width: 89px;margin-right: 0;background:#fff url(../images/common/icon_like.png)no-repeat 20px 18px / 16px;}
body.skin_white .lecture_new .btn_wrap.has_like_btn .btn_heart.on{background:#fff url(../images/common/icon_like_on.png)no-repeat 20px 18px / 16px;}
.header.has_back_btn .back{position:absolute;top:50%;left:20px;width:24px;height:24px;margin-top:-12px;background:url(../images/common/icon_back.png) no-repeat 0 / 24px;}

.scroll_wrap2 {overflow: hidden;margin-top: 24px;}
.scroll_wrap2 .swiper-container .swiper-slide{width: auto;}
.scroll_wrap2 .swiper-container .swiper-slide a{display:block;padding:13.5px 9px;border-bottom: 1px solid #CDD2DB;font-size:16px;font-weight:500;color: #7F8A9A;line-height:21px;text-align:center;letter-spacing: -0.65px;}
.scroll_wrap2 .swiper-container .swiper-slide.on a{color:#292D34;font-weight: 700;border-bottom:2px solid #292D34;}

.notice_sec .profile{display:flex;justify-content:space-between;align-items: center;margin-bottom:16px}
.notice_sec .profile .name{display: flex;align-items: center;gap: 8px;}
.notice_sec .profile img{width:28px;height:28px;border-radius: 50%;}
.notice_sec .profile span{font-size:14px;font-weight:500;line-height: 20px;letter-spacing: -0.5px;}
.notice_sec .profile .date{font-size:14px;font-weight:400;color: #7F8A9A;line-height: 20px;letter-spacing: -0.5px;}
.notice_sec .editor p{font-size: 14px;color: #222222;letter-spacing: -0.65px;}

.contents .tab_cont_list li{padding: 20px;border-radius: 20px;border: 1px solid #E7EAF2;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);}
.contents .tab_cont_list li + li{margin-top: 8px;}
.contents .tab_cont_list li .flag{margin-bottom: 4px;}
.contents .tab_cont_list .tit_box{position:relative;padding:0px 32px 0 0;}
.contents .tab_cont_list.none_btn .tit_box{padding-right:0;}
.contents .tab_cont_list.none_btn .tit_box .date_item{display:inline-block;padding-top:10px;font-size:14px;line-height:24px;color:#888;}
.contents .tab_cont_list .tit_box .new{position:absolute;top:0;left:0;font-size:12px;font-weight:800;color:#79e6bf;line-height:14px;}
.contents .tab_cont_list .tit_box strong{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;font-weight:600;line-height:21px;}
.contents .tab_cont_list .tit_box strong.on{display:block;font-weight: 400;color: #7F8A9A;opacity:1 !important;}
.contents .tab_cont_list li.on .tit_box .txt{display:block;margin-top:8px;font-size:14px;line-height:1.4;letter-spacing:-0.5px;color:#7F8A9A;}
.contents .tab_cont_list li.is_wating.on .tit_box .txt{color:#292D34;}
.contents .tab_cont_list .tit_box .txt{display:none;}
.contents .tab_cont_list .tit_box button{overflow:hidden;position:absolute;top:0;right:0;width:16px;height:16px;background:url(../images/mypage/ico_arrow_down.png)no-repeat 100% / 16px;color:transparent;}
.contents .tab_cont_list .tit_box button.on{transform: rotate(180deg);}
.contents .tab_cont_list .cont_box p{font-size:16px;font-weight: 500;line-height:1.3;}
.contents .tab_cont_list .cont_box .answer{position:relative;}
.contents .tab_cont_list li.on{border: 1px solid #3182F7;}
.contents .tab_cont_list .cont_box{display:none;padding-top:16px;}
.contents .tab_cont_list li .cont_box{display: none;padding-top:16px;}
.contents .tab_cont_list li.on .cont_box{display: block;}
.contents .tab_cont_list li.complete .flag{opacity: 0.4;}
.contents .tab_cont_list li.on .tit_box .flag{opacity: 1;}
.contents .tab_cont_list li.on .cont_box .flag{opacity: 1;}
.contents .tab_cont_list li.complete .tit_box strong{font-weight: 400;opacity: 0.4;}

/* 결제 */
.contents.cp .price_wrap dl{position:relative;margin-bottom:8px;padding-right: 140px;}
.contents.cp .price_wrap dl dt{font-size:28px;font-weight:700;line-height:35px;}
.contents.cp .price_wrap dl dd{position:absolute;right:0;top:5px;font-size:20px;font-weight:700;color:#3182F7;line-height:25px;}
.contents.cp .price_wrap p{font-size:14px;color:#7F8A9A;line-height:20px;letter-spacing: -0.5px;}
.contents.cp .month_subscribe_wrap .desc_box{padding:20px;border:1px solid #212121;border-radius:20px;background-color:#121212;}
.contents.cp .month_subscribe_wrap .desc_box .tit{padding-bottom:12px;border-bottom:1px solid #212121;font-size:18px;font-weight:700;line-height:23px;}
.contents.cp .month_subscribe_wrap .desc_box dl{position:relative;margin-top: 8px;padding-left:93px;text-align:right;}
.contents.cp .month_subscribe_wrap .desc_box dl.first{margin-top:12px;}
.contents.cp .month_subscribe_wrap .desc_box dt{position:absolute;top:0;left:0;font-size:14px;color:#7F8A9A;line-height:20px;}
.contents.cp .month_subscribe_wrap .desc_box dd{font-size:16px;line-height:21px;letter-spacing: -0.65px;}
.contents.cp .month_subscribe_wrap .desc_box dl.product dd{font-weight:600;}
.contents.cp .month_subscribe_wrap .desc_box dl.payment dd{font-weight:600;}
.contents.cp .month_subscribe_wrap .desc_box dl.sale dd{font-weight: 600;color:#F4124F;}
.contents.cp .month_subscribe_wrap .desc_box dl.sale dd .flag{margin-right:8px;padding:1px 6px;border-radius: 20px;border: 1px solid #F4124F;background: #FFF;font-size:12px;font-weight:600;vertical-align: top;}
.contents.cp .terms_area .tit_wrap{margin-top:60px;padding-bottom:10px;}
.contents.cp .payment_area{padding-top:10px;}
.contents.cp .payment_area .desc_box{padding:20px;border:1px solid #E7EAF2;border-radius:20px;background-color:#fff;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);}
.contents.cp .payment_area .desc_box:has(.con_wrap.on){border: 1px solid rgba(49, 130, 247, 1)}
.contents.cp .payment_area .desc_box .tit_wrap{display:flex;align-items:flex-start;}
.contents.cp .payment_area .desc_box .tit_wrap .tit{font-size: 18px;font-weight: 700;line-height:23px;letter-spacing: -0.75px;}
.contents.cp .payment_area .desc_box .tit_wrap button{margin-left:auto;width:16px;height:16px;background:url(../images/common/icon_arrow_down.png) no-repeat 0 0 / 100% 100%;overflow:hidden;color:transparent}
.contents.cp .payment_area .desc_box .tit_wrap button.on{transform: rotate(180deg);}
.contents.cp .payment_area .desc_box .con_wrap{display:none;padding-top:16px;}
.contents.cp .payment_area .desc_box .con_wrap.on{display:block;}
.contents.cp .payment_area .desc_box .payment{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;min-height:200px;background-color:#EEF0F5;}
.contents.cp .payment_area .desc_box .payment div{font-size:20px;color: #B6BECA;line-height:25px;text-align:center;letter-spacing: -0.5px;}
body.skin_white .contents.cp .month_subscribe_wrap .desc_box{border-color:#E7EAF2;background-color:#F7F8FA;}
body.skin_white .contents.cp .month_subscribe_wrap .desc_box .tit{border-color:#ececec;}
body.skin_white .contents.cp .month_subscribe_wrap .desc_box dt{color:#444;}

.terms_area .check_group{padding:20px;background-color:#121212;border:1px solid #212121;border-radius:10px;}
.terms_area .check_group li{position:relative;margin-top:10px;padding-right:30px;}
.terms_area .check_group li.first{margin-top:12px;}
.terms_area .check_group li.none_btn{padding-right:0;}
.terms_area .check_group li label span{font-size:14px;font-weight:400;line-height:21px;}
.terms_area .check_group li.is_bigger{margin-top:0;padding-bottom:12px;padding-right:0;border-bottom:1px solid #E7EAF2;}
.terms_area .check_group li.is_bigger label span{font-size:18px;font-weight:400;line-height:24px;}
.terms_area .check_group li.is_bigger input[type=checkbox]:checked + label span{font-weight: 600;}
.terms_area .check_group li button{position:absolute;top:50%;right:0;width:16px;height:16px;background:url(../images/common/ico_arrow_right.png)no-repeat 50% / 16px;color:transparent;transform: translateY(-50%);}
body.skin_white .terms_area .check_group{border-color:#E7EAF2;background-color:#F7F8FA;}
body.skin_white .terms_area .check_group li.is_bigger{border-bottom:1px solid #E7EAF2;}
body.skin_white .terms_area .check_group li button{background:url(../images/common/ico_arrow_right_white.png)no-repeat 50% / 16px;}

.contents.cp .certified_area .tit_wrap{margin-bottom:16px;}
.contents.cp .certified_area .tit_wrap .tit{font-size: 20px;font-weight: 700;line-height: 25px;letter-spacing: -0.25px;}
.form_wrap dl .select_box.size_s{display: flex;gap: 8px;}
.form_wrap dl .select_box.size_s select{width: 100px;}
.form_wrap dl .has_btn{position: relative;}
.form_wrap dl.tel .select_box .inp_del_box.has_btn{width: calc(100% - 108px);}
.form_wrap dl.tel .select_box .inp_del_box.has_btn input{padding-right: 103px;box-shadow: none;}
.form_wrap dl.tel .select_box .inp_del_box.has_btn .btn_inp_del{right: 83px;}
.form_wrap dl .has_btn .btn_wrap{position: absolute;top: 50%;right: 16px;width: auto;transform: translateY(-50%);}
.form_wrap dl .has_timer{position: relative;}
.form_wrap dl.tel .inp_del_box.has_timer input{padding-right: 130px;box-shadow: none;}
.form_wrap dl .has_timer .btn_wrap{position: absolute;right: 16px;top: 50%;display: flex;align-items: center;gap: 8px;width: auto;transform: translateY(-50%);}
.form_wrap dl .has_timer .btn_wrap .timer{font-size: 16px;color: #F4124F;line-height: 21px;letter-spacing: -0.65px;}
.form_wrap dl.tel .inp_del_box.has_timer .btn_inp_del{right: 105px;}

.full_layer .pop_con .complete_area{margin-top:32px;}
.full_layer .pop_con .complete_area .subscription_box{padding:20px 16px;border-radius:20px;background-color:#212121;}
.full_layer .pop_con .complete_area dl{position:relative;padding-left:93px;text-align:right;}
.full_layer .pop_con .complete_area dl + dl{margin-top: 8px;}
.full_layer .pop_con .complete_area dt{position:absolute;top:0;left:0;font-size:14px;color:#777;line-height:20px;}
.full_layer .pop_con .complete_area dd{font-size:16px;font-weight:400;line-height:21px;letter-spacing: -0.65px}
.full_layer .pop_con .complete_area dl.produce dd{font-weight:600;}
.full_layer .pop_con .complete_area dl.payment dd{font-weight:600;}
.full_layer .pop_con .complete_area dl.sale dd{font-weight: 600;color:#F4124F;}
body.skin_white .full_layer .pop_con .complete_area .subscription_box{border: 1px solid #E7EAF2;background-color:#F7F8FA;}
body.skin_white .full_layer .pop_con .complete_area dt{color:#7F8A9A;}

/* 회원가입 */
.join_logo{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;margin-top: 32px;}
.join_logo .tit{display: block;font-size: 20px;font-weight: 700;color: #292D34;line-height: 25px;letter-spacing: -0.25px;}
.join_logo .img_box{width: 168px;height: 40px;}
.join_logo .img_box img{width: 100%;}
body.skin_white .join .check_group{background-color: #fff;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.03);}

/* 스탁론 */
.stock .top_info{border-bottom: 0;}
.stock .top_info .cop_info{gap: 0;align-items: end;}
.stock .top_info .cop_info .stock{margin-left: 12px;}
.stock .top_info .cop_info .flag{margin-left: 8px;}
.chart-bot-label{display: flex;justify-content: center;align-items: center;gap: 16px;}
.chart-bot-label .bot-label{display: flex;align-items: center;gap: 2px;}
.chart-bot-label .bot-label i{display: block;width: 15px;height: 3px;}
.chart-bot-label .bot-label .label_red{background-color: #EC0404;}
.chart-bot-label .bot-label .label_black{background-color: #454545;}
.chart-bot-label .bot-label span{font-size: 14px;font-weight: 500;color: #7C7E84;line-height: 28px;}
.chart-bot-label.stock{gap: 12px;}
.chart-bot-label.stock .bot-label span{display: flex;align-items: center;font-size: 12px;color: #68707D;}
.chart-bot-label.stock .bot-label .label{display: inline-block;width: 16px;height: 16px;}
.chart-bot-label.stock .bot-label .label.buy{background: url(../images/stock/ico_buy.png) no-repeat 0 0 / 16px;}
.chart-bot-label.stock .bot-label .label.sel{background: url(../images/stock/ico_sell.png) no-repeat 0 0 / 16px;}
.loans_link{margin-top: 12px;padding: 12px 20px;border: 1px solid #E7EAF2;border-radius: 12px;background-color: #F3F8FF;}
.loans_link .link_inner{display: flex;align-items: center;}
.loans_link .link_inner span{position: relative;display: block;width: 100%;padding-left: 20px;font-size: 12px;font-weight: 700;color: #3182F7;line-height: 16px;letter-spacing: -0.2px;}
.loans_link .link_inner span::before{content: '';position: absolute;left: 0;top: 50%;display: inline-block;width: 16px;height: 16px;background: url(../images/stock/icon_loans.png) no-repeat 0 0 / 16px;transform: translateY(-50%);}
.loans_link .link_inner span::after{content: '';position: absolute;right: 0;top: 50%;display: inline-block;width: 16px;height: 16px;margin-left: auto;background: url(../images/common/ico_arrow_right_white.png) no-repeat 0 0 / 16px;transform: translateY(-50%);}
.prd_list li{margin-top: 8px;}
.prd_list li:first-child{margin-top: 0;}
.prd_list li .cop_logo{display: block;width: 100px;height: 20px;}
.prd_list li .cop_logo.cop01{background: url(../images/stock/logo_cop01.png) no-repeat 0 0 / 100px 20px;}
.prd_list li .cop_logo.cop02{background: url(../images/stock/logo_cop02.png) no-repeat 0 0 / 100px 20px;}
.prd_list li .cop_logo.cop03{background: url(../images/stock/logo_cop03.png) no-repeat 0 0 / 100px 20px;}
.prd_list li .cop_logo.cop04{background: url(../images/stock/logo_cop04.png) no-repeat 0 0 / 100px 20px;}
.prd_list li .tit{display: flex;align-items: center;justify-content: space-between;gap: 40px;margin-top: 4px;}
.prd_list li .tit p{font-size: 18px;font-weight: 600;line-height: 23px;letter-spacing: -0.75px;}
.prd_list li .tit .btn_share{min-width: 24px;width: 24px;height: 24px;background: url(../images/common/icon_share.png) no-repeat 0 0 / 24px;}
.prd_list li .prd_detail{display: flex;align-items: center;justify-content: space-between;margin-top: 16px;padding: 16px;border-radius: 8px;background-color: #F7F8FA;}
.prd_list li .prd_detail .prd_name{display: flex;align-items: center;gap: 8px;}
.prd_list li .prd_detail .prd_name span{font-size: 14px;color: #7F8A9A;line-height: 20px;letter-spacing: -0.5px;}
.prd_list li .prd_detail .prd_name span + span::before{content: '';display: inline-block;width: 1px;height: 8px;margin-right: 8px;;background-color: #CDD2DB;}
.prd_list li .prd_detail .percent{font-size: 14px;font-weight: 600;color: #F4124F;line-height: 20px;letter-spacing: -0.5px;}

/* 이벤트 */
.event .container{padding-bottom: 0;}
.event .container .contents{padding-bottom: 0;}
.event .header .sub_tit{white-space: nowrap;}
.event_wrap .banner_area img{width: 100%;}
.event_wrap .banner_area img[usemap]{-webkit-tap-highlight-color: transparent;}
.event_wrap .event_content{padding: 48px 16px 60px;background-image: linear-gradient(#EEF1FF, #ACBEFF);}
.event_wrap .event_content .tit{padding: 0 36px;}
.event_wrap .event_content .tit img{width: 100%;}
.algorithms_category_list{margin-top: 48px;}
.algorithms_category_list li + li{margin-top: 40px;}
.algorithms_category_list .event_flag{display: inline-block;width: 123px;height: 33px;}
.algorithms_category_list .event_flag.cate01{background: url(../images/event/flag_con01.png) no-repeat 0 0 / 100%;}
.algorithms_category_list .event_flag.cate02{background: url(../images/event/flag_con02.png) no-repeat 0 0 / 100%;}
.algorithms_category_list .event_flag.cate03{background: url(../images/event/flag_con03.png) no-repeat 0 0 / 100%;}
.algorithms_category_list .event_flag.cate04{background: url(../images/event/flag_con04.png) no-repeat 0 0 / 100%;}
.bot_box{padding: 15px 12px;border-radius: 12px;background-color: #fff;}
.bot_box .detail_link{display: flex;align-items: center;justify-content: space-between;gap: 8px;}
.bot_box .detail_link .inner_txt .top_cont{display: flex;align-items: center;gap: 12px;}
.bot_box .detail_link .inner_txt .top_cont .logo_bot{display: inline-block;width: 40px;height: 40px;border-radius: 50%;background: url(../images/event/icon_bot.png) no-repeat 0 0 / 40px;}
.bot_box .detail_link .inner_txt .top_cont .txt_area p{font-size: 18px;font-weight: 700;color: #151515;line-height: 22px;}
.bot_box .detail_link .inner_txt .top_cont .txt_area .date{margin-top: 4px;display: flex;align-items: center;gap: 8px}
.bot_box .detail_link .inner_txt .top_cont .txt_area .date span{display: block;font-size: 13px;font-weight: 400;color: #666666;line-height: 16px;}
.bot_box .detail_link .inner_txt .top_cont .txt_area .date span + span::before{content: '';display: inline-block;width: 1px;height: 12px;margin-right: 8px;background: #D9D9D9;}
.bot_box .detail_link .inner_txt .desc{display: inline-block;margin-top: 8px;font-size: 14px;font-weight: 500;color: #3C3C3C;line-height: 17px;}
.bot_box .detail_link .btn_link{width: 24px;height: 24px;background: url(../images/event/icon_link.png) no-repeat 0 0 / 24px;}
.bot_box .detail_link .btn_link::after{content: none;}
.bot_box .reco_notice{display: flex;align-items: center;gap: 6px;margin-top: 16px;}
.bot_box .reco_notice p{font-size: 13px;font-weight: 500;color: #4B36D9;line-height: 16px;}
.event_footer .footer_wrap{display: block;padding: 40.41px 16px;border-top: 0;background-color: #111111;}
.event_footer .footer_wrap .tit{display: block;width: 77.5px;height: 21px;background: url(../images/event/footer_tit.png) no-repeat 0 0 / 100%;color: transparent;}
.event_footer .footer_wrap .txt{margin-top: 5.88px;}
.event_footer .footer_wrap .txt p{position: relative;padding-left: 15px;font-size: 11.76px;color: #BBBBBB;line-height: 15px;}
.event_footer .footer_wrap .txt p::before{content: '';position: absolute;left: 5px;top: 6px;display: inline-block;width: 2px;height: 2px;border-radius: 50%;background-color: #D9D9D9;}
.event_footer .footer_wrap .txt p + p{margin-top: 5.88px;}
.event_cont_list{padding: 36px 16px;background-color: #EEF1FF;}
.event_cont_list ul li + li{margin-top: 20px;}
.event_cont_list .event_tit{display: block;margin-bottom: 12px;font-size: 22px;font-weight: 700;color: #151515;line-height: 26px;letter-spacing: -0.2px;}
.event_cont_list .btn_wrap{display: flex;justify-content: center;margin-top: 24px;}
.event_cont_list .btn_wrap .btn_more_event{display: inline-block;width: 126px;height: 45px;background: url(../images/event/btn_more.png) no-repeat 0 0 / 126px 45px;}

/* 투자정보 */
.cont_section.bg_white.pt24{padding-top: 24px;}
.box_none{padding: 0 4px 20px;}
.box_none .swiper-container{overflow: visible;}

.invest_type2 .invest_list li:last-child{padding-bottom: 20px;border-bottom: 1px solid #E7EAF2;}
.invest_list.column li:has(.list_top) {flex-direction: column;align-items: flex-start;}
.invest_list.column li:has(.list_top) > .img_box, .invest_list.column li:has(.list_top) > .cop_info {display: inline-flex;}
.invest_list.column li .img_box {flex-shrink: 0;}
.invest_list.column li .list_top {display: flex;align-items: center;gap: 16px;}
.invest_list.column .swiper-container {width:calc(100% + 16px);}
.invest_list.column .item_name_list {display: flex;}
.invest_list.column .item_name_list li{display: block;margin-bottom: 0;padding:4px 12px 4px 4px;border: 1px solid #E7EAF2;border-radius: 999px;}
.invest_list.column .item_name_list li a{display: flex;align-items: center;gap:4px;}
.invest_list.column .item_name_list li a span{white-space: nowrap;}
.invest_list.column .item_name_list li .logo{display: inline-block;min-width: 20px;width: 20px;height: 20px;border-radius: 50%;}
.invest_list.column .item_name_list li .logo.cont1{background: url(../images/invest/ico_samsung.png) no-repeat 0 0 / 20px;}
.invest_list.column .item_name_list li .logo.cont2{background: url(../images/invest/icon_naver.png) no-repeat 0 0 / 20px;}
.invest_list.column .item_name_list li .logo.cont3{background: url(../images/invest/icon_hyundai.png) no-repeat 0 0 / 20px;}
.invest_list.column .item_name_list li span{font-weight: 500;font-size: 12px;line-height: 125%;letter-spacing: -0.2px;}
.invest_list.column .item_name_list li.swiper-slide {width: auto !important;}

.contents.invest_type2 .cont_section.first_con{margin-top:0;padding-top: 20px;overflow: hidden;background:#F7F8FA;}
.invest_type2 .cont_section .emph{font-weight: 700;font-size: 14px;color: #4744FF;line-height: 140%;letter-spacing: -0.5px;}

.invest_type2 .key_content{overflow:hidden;}
.invest_type2 .key_content .chart_box.real_time .chart_top_label{display: flex;gap: 16px;justify-content: center;margin-top: 16px;padding:8px 0;}
.invest_type2 .key_content .chart_box.real_time .chart_top_label .top_label{display: flex;align-items: center;gap: 4px;}
.invest_type2 .key_content .chart_box.real_time .chart_top_label .top_label .label{display: inline-block;width: 8px;height: 8px;}
.invest_type2 .key_content .chart_box.real_time .chart_top_label .top_label .label[class*="circle"]{border-radius: 999px;}
.invest_type2 .key_content .chart_box.real_time .chart_top_label .top_label .label.circle1{background-color: #FFC917;}
.invest_type2 .key_content .chart_box.real_time .chart_top_label .top_label .label.circle2{background-color: #2DB272;}
.invest_type2 .key_content .chart_box.real_time .chart_top_label .top_label .label.circle3{background-color: #3182F7;}
.invest_type2 .key_content .chart_box.real_time .chart_top_label .top_label span{font-weight: 500;font-size: 10px;line-height: 100%;}

.theme_ranking{display:flex;align-items:center;padding-top:20px;}
.theme_ranking .rank_tit{flex-shrink:0;position:relative;padding-right:12px;margin-right:12px;font-size:14px;font-weight:700;color:#4744FF;line-height:1.4;letter-spacing:-0.5px;}
.theme_ranking .rank_tit::after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:16px;border-radius:20px;background-color:#E7EAF2;}
.theme_ranking .rankin_swiper_wrap{flex:1;min-width:0;}
.drag_scroll_wrap{flex:1;min-width:0;overflow-x:auto;-webkit-overflow-scrolling: touch;margin-right:-16px;padding-right:16px;}
.drag_scroll_wrap::-webkit-scrollbar{display:none;}
.drag_scroll_inner{display:inline-flex;gap:12px;}
.drag_scroll_inner .item{flex-shrink:0;display:inline-flex;align-items:center;white-space:nowrap;}
.drag_scroll_inner .item span{font-weight:500;color:#333;line-height:1.4;letter-spacing:-0.5px;}
.drag_scroll_inner .item strong{margin-left:2px;line-height:1.4;letter-spacing:-0.5px;}

.theme_list{display:flex;flex-wrap:wrap;gap:4px;}
.theme_list li{display:flex;align-items:center;gap:4px;padding:4px 12px 4px 4px;border:1px solid #E7EAF2;border-radius:999px;background:#fff;}
.theme_list .ico{width:20px;height:20px;border-radius:50%;overflow:hidden;}
.theme_list .ico img{width:100%;height:100%;object-fit:cover;}
.theme_list span{font-size:12px;font-weight:500;line-height:1.25;letter-spacing:-0.2px;}
.theme_list strong{font-size:12px;font-weight:400;line-height:1.25;letter-spacing:-0.2px;}

.theme_info_box{display:flex;flex-direction:column;gap:12px;}
.theme_info_box .tit_area{margin-bottom:0;}
.theme_info_box .tit_area .cont_tit{display:flex;align-items:center;gap:12px;}
.theme_info_box .tit_area .ico{flex-shrink:0;width:40px;height:40px;overflow:hidden;border-radius:50%;}
.theme_info_box .tit_area .ico img{width:100%;height:100%;object-fit:cover;}
.theme_info_box .txt_area{display:flex;flex-direction:column;gap:4px;}
.theme_info_box .theme_index{font-size:36px;font-weight:700;line-height:1.25;letter-spacing:-0.75px;}
.theme_info_box .rate_txt{display:flex;align-items:center;gap:4px;}
.theme_info_box .rate_txt strong{font-weight:400;line-height:1.4;letter-spacing:-0.5px;}
.theme_info_box .rate_txt span{color:#68707D;line-height:1.4;letter-spacing:-0.5px;}

.blue_box{padding:19px;border-radius:20px;border:1px solid #E0ECFE;background:#E0ECFE;}
.blue_box .top_bd_gray{border-color:#C5DAFD;}
.stock_info{display:flex;align-items:center;gap:4px;}
.stock_info .rank_area{flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.stock_info .rank_area .rank_ico{overflow:hidden;width:28px;height:34px;text-indent:-9999px;}
.stock_info .rank_area .rank_ico.v1{background:url(../images/common/rank_no1.png)no-repeat 50% 50%/100%;}
.stock_info .rank_area .rank_ico.v2{background:url(../images/common/rank_no2.png)no-repeat 50% 50%/100%;}
.stock_info .rank_area .rank_ico.v3{background:url(../images/common/rank_no3.png)no-repeat 50% 50%/100%;}
.stock_info .rank_area .num{flex-shrink:0;min-width:28px;font-size:24px;font-weight:800;color:#333;line-height:1;letter-spacing:-1.5px;text-align:center;}
.stock_info .stock_name{font-size:28px;font-weight:700;color:#333;line-height:1.25;letter-spacing:-0.5px;}
.leader_card .stats_grid{margin-top:16px;}
.stats_grid{display:flex;justify-content:space-between;gap:4px;}
.stats_grid .stat_item{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:98px;padding:8px;border-radius:8px;background:#F3F8FF;}
.stats_grid .stat_item .top_item{display:flex;flex-direction:column;gap:4px;}
.stats_grid .stat_item .top_item .label{font-size:12px;font-weight:600;color:#68707D;line-height:1.25;letter-spacing:-0.2px;}
.stats_grid .stat_item .top_item .rank{display:flex;align-items:center;gap:2px;font-size:14px;font-weight:800px;color:#4744FF;line-height:1.25;letter-spacing:-0.2px;}
.stats_grid .stat_item .top_item .rank.v1::before{content:'';display:inline-block;width:16px;height:19px;background:url(../images/common/rank_no1.png)no-repeat 50% 50%/100%;}
.stats_grid .stat_item .top_item .rank.v2::before{content:'';display:inline-block;width:16px;height:19px;background:url(../images/common/rank_no2.png)no-repeat 50% 50%/100%;}
.stats_grid .stat_item .top_item .rank.v3::before{content:'';display:inline-block;width:16px;height:19px;background:url(../images/common/rank_no3.png)no-repeat 50% 50%/100%;}
.stats_grid .stat_item .bot_item{display:flex;flex-direction:column;align-items:flex-end;}
.stats_grid .stat_item .total{font-size:12px;font-weight:500;color:#505761;line-height:1.25;letter-spacing:-0.2px;}
.stats_grid .stat_item .txt_percent{font-size:16px;font-weight:700;line-height:1.3;letter-spacing:-0.65px;}
.stock_rank_list{display:flex;flex-wrap:wrap;gap:4px;}
.stock_rank_list li{width:calc(50% - 2px);}
.stock_rank_list .btn_stock_select{display:block;width:100%;height:100%;padding:12.5px 12px;border-radius:8px;border:1px solid #E7EAF2;background:#fff;box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.03);}
.stock_rank_list .stock_info{gap:8px;}
.stock_rank_list .stock_info .rank_area .rank_ico{width:16px;height:19px;}
.stock_rank_list .stock_info .rank_area .num{min-width:16px;font-size:12px;font-weight:700;color:#292D34;line-height:1.25;letter-spacing:-0.2px;}
.stock_rank_list .stock_info .stock_name{font-size:14px;font-weight:600;line-height:1.4;}

.invest_type2 .key_content:not(.first_con) .swiper-container{margin-right:-20px;}
.invest_type2 .key_content .swiper-container li{position: relative;}
.invest_type2 .key_content .swiper-container li.on button::after{content: '';display: block;position: absolute;top:5px;left: 50%;width: 60px;height: 60px;transform:translatex(-50%);background: url(../images/invest/tab_on.png) no-repeat 0 50% / 100%;}
.invest_type2 .key_content .swiper-container li.new::after{content: '';display: block;position: absolute;left: 50%;top:0;width: 26px;height: 26px;margin-left: 9px;background: url(../images/common/icon_new.png) no-repeat 0 / 26px;}
.invest_type2 .key_content .swiper-container li button{display: block;position: relative;width:100%;padding-top: 74px;font-weight: 500;font-size: 14px;line-height: 140%;letter-spacing: -0.5px;text-align: center;box-sizing:border-box}
.invest_type2 .key_content .swiper-container li button::before{content: '';display: block;position: absolute;top: 5px;left: 50%;width: 60px;height: 60px;transform:translatex(-50%);}
.invest_type2 .key_content .swiper-container .monster button::before{background: url(../images/invest/icon_monster.png) no-repeat 0 / 100%;}
.invest_type2 .key_content .swiper-container .nine button::before{background: url(../images/invest/icon_nine.png) no-repeat 0 / 100%;}
.invest_type2 .key_content .swiper-container .ssom button::before{background: url(../images/invest/icon_ssom.png) no-repeat 0 / 100%;}
.invest_type2 .key_content .swiper-container .time button::before{background: url(../images/invest/icon_time.png) no-repeat 0 / 100%;}
.invest_type2 .key_content .swiper-container li.button_dim{opacity: 0.4;}

.invest_type2 .key_content.first_con .swiper-container li button{padding-top:64px;}
.invest_type2 .key_content.first_con .swiper-container li button::before{width: 48px;height: 48px;}
.invest_type2 .key_content.first_con .swiper-container li.on button::after{top:6px; width: 48px;height: 48px;background:url(../images/invest/tab_on_small.png) no-repeat 0 50% / 100%;}

.invest_type2 .special_edition .news_intro li:first-child {border-top: none}
.invest_type2 .special_edition .news_intro li {border-top: 1px solid #E7EAF2}
.invest_type2 .special_edition .news_intro a {display: block;padding: 12px 0;font-size: 18px;font-weight: 600;line-height: 125%;letter-spacing: -0.75px;}
.invest_type2 .special_edition .gray_box .logo_txt_type .logo.ai{background: url(../images/invest/logo_ai_cop02.png) no-repeat 0 0 / 48px;}
.invest_type2 .special_edition .gray_box .logo_txt_type .txt_area p{color: #505761;line-height: 140%;letter-spacing: -0.5px;}
.invest_type2 .special_edition .gray_box .logo_txt_type .txt_area span{font-weight: 500;font-size: 12px;line-height: 125%;letter-spacing: -0.2px;}
.invest_type2 .special_edition .gray_box .logo_txt_type .txt_area strong{margin-top: 2px;font-weight: 700;font-size: 18px;line-height: 125%;letter-spacing: -0.75px;}

.swiper-pagination.type_bullet{position:relative;bottom:unset;margin-top:16px;z-index:1;font-size:0;}
.swiper-pagination.type_bullet .swiper-pagination-bullet{margin:0 2px;}
.swiper-pagination.type_bullet .swiper-pagination-bullet{width:6px;height:6px;background-color:#CDD2DB;opacity:1;}
.swiper-pagination.type_bullet .swiper-pagination-bullet-active {width:20px;border-radius:6px;background-color:#4744FF;}

.news_card_list {display: flex;gap: 16px;padding: 8px 0;}
.news_card {flex:1}
.news_card > a {display: block;text-decoration: none;color: #111;}
.news_card .img_box {height: 116px;border-radius: 12px;overflow: hidden;background: #f2f2f2;}
.news_card .img_box img {width: 100%;height: 100%;object-fit: cover;display: block;}
.news_card .news_title {display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-top: 8px;font-size: 16px;font-weight: 500;line-height: 130%;letter-spacing: -0.65px;}

.contents.invest_type2 .detail_info_wrap{padding:16px 16px 0;}
.contents.invest_type2 .flag{display:inline;padding:3px 8px;border-radius:4px;line-height: 20px;letter-spacing: -0.2px;}
.contents.invest_type2 .blue{background: #E0ECFE;color: #3182F7;}
.contents.invest_type2 .green{background: #DCF6EA;color: #2DB272;}
.contents.invest_type2 .purple{background: #EDEDFF;color: #4744FFCC;}
.contents.invest_type2 .detail_info_wrap .tit_wrap .tit{padding-top:4px;font-weight: 700;font-size: 26px;line-height: 125%;letter-spacing: -0.5px;}
.contents.invest_type2 .detail_info_wrap .date_wrap{display:flex;justify-content:space-between;align-items:center;padding-top:16px;}
.contents.invest_type2 .detail_info_wrap .date_wrap span{display:block;}
.contents.invest_type2 .detail_info_wrap .date_wrap .left{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;flex:1;}
.contents.invest_type2 .detail_info_wrap .date_wrap .left .logo{flex: 0 0 32px;}
.contents.invest_type2 .detail_info_wrap .date_wrap .logo img{width:100%;height:100%;}
.contents.invest_type2 .detail_info_wrap .name{padding-left:8px;font-weight: 600;font-size: 16px;line-height: 130%;letter-spacing: -0.65px;}
.contents.invest_type2 .detail_info_wrap .date_wrap .date{color:#929EB0;line-height: 140%;letter-spacing: -0.5px;}
.contents.invest_type2 .detail_info_wrap .thumb_wrap{padding-top:60px;}
.contents.invest_type2 .detail_info_wrap .thumb_wrap button{width:100%;}
.contents.invest_type2 .detail_info_wrap .thumb_wrap img{width:100%;}
.contents.invest_type2 .detail_info_wrap .text_wrap{padding-top:30px;}
.contents.invest_type2 .detail_info_wrap .text_wrap p{font-size: 18px;line-height: 125%;letter-spacing: -0.75px;}
.contents.invest_type2 .detail_info_wrap .text_wrap img{width:100%;height:auto;}

.contents.invest_type2 .detail_cont_wrap{width:100%;padding-top:30px;}
.contents.invest_type2 .detail_cont_wrap img{width:100%;}

.contents.invest_type2 .info_box{padding: 20px 16px;border: 1px solid #E7EAF2;border-radius: 20px;}
.contents.invest_type2 .info_box dl .tit_wrap .inner{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;gap: 12px;}
.contents.invest_type2 .info_box dl .logo_wrap{display:flex;align-items:center;gap: 12px;flex:1;}
.contents.invest_type2 .info_box dl .logo_wrap img{width:48px;}
.contents.invest_type2 .info_box dl .logo_wrap .name_item{display: flex;flex-direction: column;gap:6px}
.contents.invest_type2 .info_box dl .logo_wrap .name_item a{font-weight: 700;font-size: 18px;line-height: 125%;letter-spacing: -0.75px;}
.contents.invest_type2 .info_box dl .tit_wrap .link_list{display:inline-block;width:24px;height:24px;background:url(../images/invest/icon_home.png)no-repeat 0 / 24px; color:transparent;}
.contents.invest_type2 .info_box dl .tit_wrap .desc_item{font-size: 14px;color:#7F8A9A;line-height: 140%;letter-spacing: -0.5px;}
.contents.invest_type2 .info_box dd{padding-bottom:24px;}
.contents.invest_type2 .info_box dl dd:last-child{border-bottom: 1px solid #E7EAF2}
.contents.invest_type2 .info_box .first{margin-top: 16px;padding-top:16px;border-top: 1px solid #E7EAF2}
.contents.invest_type2 .info_box dd .sub_tit{display: block;font-weight: 600;font-size: 18px;line-height: 125%;letter-spacing: -0.75px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.contents.invest_type2 .info_box dd .date_wrap{padding-top:12px;font-size: 0;}
.contents.invest_type2 .info_box dd .date_wrap span{display:inline-block;}
.contents.invest_type2 .info_box dd .date_wrap .logo{width:24px;height:24px;;}
.contents.invest_type2 .info_box dd .date_wrap .logo img{width:100%;height:100%;}
.contents.invest_type2 .info_box dd .date_wrap .name{font-size:12px;line-height:24px;}
.contents.invest_type2 .info_box dd .date_wrap .date{padding-left:8px;font-size: 14px;color:#929EB0;line-height: 140%;letter-spacing: -0.5px;}

.modal_bottom .issue_area{margin-top:8px;}
.issue_area .img_box img{width:100%;}
.issue_area .tit_box{margin-top:16px;}
.issue_area .tit_box strong{font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-0.75px;}
.issue_area .issue_info{display:flex;align-items:center;gap:8px;margin-top:12px;}
.issue_area .issue_info .logo_box{display:inline-flex;align-items:center;gap:4px;}
.issue_area .issue_info .logo_box .logo{overflow:hidden;width:20px;height:20px;border-radius:50%;}
.issue_area .issue_info .logo_box .logo img{width:100%;height:100%;object-fit:cover;}
.issue_area .issue_info .date{display:inline-flex;align-items:center;gap:8px;}
.issue_area .issue_info .date span{font-size:12px;color:#7F8A9A;line-height:1.25;letter-spacing:-0.2px;}
.issue_area .txt{margin-top:24px;color:#292D34 !important;}

.modal_bottom .con_box .pop_sub_tit + .tit {margin-bottom: 24px;padding-top: 4px;}
.pop_sub_tit{position: relative;padding-left: 20px;font-weight: 700;color:#3182F7;line-height: 140%;letter-spacing: -0.5px;}
.pop_sub_tit::before{content: '';display: block;position: absolute;left: 0;top: 2px;width: 16px;height: 16px;background: url(../images/invest/Icon_diamond.png) no-repeat 0 0 / 16px;}
.modal_bottom .con_box .gray_box{padding: 20px;border-radius: 20px;background: #F7F8FA;}
.modal_bottom .con_box .gray_box + .gray_box{margin-top: 8px;}
.modal_bottom .con_box .gray_box .logo{display: block;flex-shrink: 0;width: 48px;height: 48px;background: url(../images/invest/icon_sk.png) no-repeat 0 0 / 48px;}
.modal_bottom .con_box .flex_box{display: flex;align-items: flex-start;flex-direction:row;gap:12px}
.modal_bottom .con_box .stock_name{font-weight: 700;font-size: 18px;line-height: 125%;letter-spacing: -0.75px;}
.modal_bottom .con_box .stock_rate{font-weight: 700;font-size: 18px;color:#F4124F;line-height: 125%;letter-spacing: -0.75px;}
.modal_bottom .con_box .stock_desc{padding-top: 6px;color:#7F8A9A;line-height: 140%;letter-spacing: -0.5px;}
.modal_bottom .con_box .gray_box .issue_tit{position: relative;padding-left: 22px;font-size: 14px;font-weight:700;color:#68707D;line-height: 140%;letter-spacing: -0.5px;}
.modal_bottom .con_box .gray_box .issue_tit::before{content: '';display: block;position: absolute;left: 0;top: 2px;width: 16px;height: 16px;background: url(../images/invest/icon_bubble.png) no-repeat 0 0 / 16px;}
.modal_bottom .con_box .gray_box .issue_tit + .desc{padding-top: 8px;}
.modal_bottom .con_box .gray_box .desc{line-height: 140%;letter-spacing: -0.5px;}

body.skin_white .modal_bottom.bottom_v2 .pop_con{height:calc(100vh - 225px);box-shadow: 0px -5px 15px 0px #00000026;}
.modal_bottom.bottom_v2 .dim{background: transparent !important;}

/* 스타워즈 */
.header.has_logo .logo{display: flex;align-items: center;gap:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;}
.header.has_logo .logo1{width:101px;height:24px;background:url(../images/starwars/header_logo1.png) no-repeat 0 0 / 100% 100%}
.header.has_logo .logo2{width:84px;height:36px;background:url(../images/starwars/header_logo2.png) no-repeat 0 0 / 100% 100%}

.cont_section .cont_desc2{display:block;margin-top: 16px;font-size: 14px;color: #F4124F;line-height: 18px;text-align: right;}

.contestant_sel_area{display:flex;align-items:center;gap:8px;margin:16px 0 8px;}
.contestant_sel_area .vs{flex-shrink:0;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-0.5px;}
.contestant_sel_area .select_box{flex:1;position:relative;}
.contestant_sel_area .select_box select{border-radius:999999px;padding:14px 34px 14px 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-indent:24px;}
.contestant_sel_area .select_box .icon_logo{position:absolute;top:50%;left:16px;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;pointer-events:none;}
.contestant_sel_area .select_box .icon_logo img{width:100%;height:100%;}

.chart_top_label.flag_type .flag_box .top_label .label.cont3{background-color: #3182F7;}
.vs_box{display:flex;position:relative;margin-top: 16px;padding-bottom: 26px;}
.vs_box>div{position:relative;padding:10px 16px;width:100%;height:88px;}
.vs_box>div::before{width: 100%;height:88px;}
.vs_box>div>*{position: relative;z-index: 1;}
.vs_box>div.disabled{opacity: 0.3;pointer-events: none;}
.vs_box .left_area{margin-right:-28px;}
.vs_box .right_area{margin-top:20px;text-align: right;}
.vs_box .left_area::before{content:'';position:absolute;top:0;left:0;background:linear-gradient(90deg, #AF48D4 -27.56%, #F4124F 88.3%);border-radius:8px 0 0 8px;clip-path: polygon(0 0, 100% 0%, calc(100% - 23px) 100%, 0 100%)}
.vs_box .right_area::before{content:'';position:absolute;top:0;right:0;background: linear-gradient(90deg, #292D34 -32.14%, #0047B8 94.36%);border-radius:0 8px 8px 0;clip-path:polygon(23px 0, 100% 0, 100% 100%, 0 100%);}
.vs_box .icon{position:absolute;top:25px;left:50%;z-index:1;width: 60px;height: 60px;margin-left:-30px;background:url(../images/starwars/vs.png) no-repeat 0 0 / 100% 100%}
.vs_box .tit{font-size:12px;font-weight:700;color:#fff;line-height: 20px;}
.vs_box .percent{margin-top:2px;font-size:26px;line-height:34px;font-weight:bold;color:#fff;-webkit-text-stroke: 1px #fff;paint-order: stroke fill;}
.vs_box .btn{position:absolute;bottom:-15px;padding:7px 12px;background:#fff;border-radius: 50px;font-size:12px;font-weight:700;line-height: 16px;}
.vs_box .left_area i{display:inline-block;width: 20px;height: 20px;margin-right:2px;background:url(../images/starwars/ico_ai.png) no-repeat 0 0 / 100% 100%;vertical-align: top;}
.vs_box .right_area i{display:inline-block;width: 20px;height: 20px;margin-right:2px;background:url(../images/starwars/ico_trader.png) no-repeat 0 0 / 100% 100%;vertical-align: top;}
.vs_box .left_area .percent{color:#F4124F;}
.vs_box .right_area .percent{color:#292D34}
.vs_box .left_area .btn{left:16px;border: 1px solid #F4124F;box-shadow: 0px 2px 8px 0px #E81C6729;color:#F4124F}
.vs_box .right_area .btn{right:16px;border: 1px solid #4744FF;box-shadow: 0px 2px 8px 0px #3182F729;color:#4744FF}
.vs_box .left_area .btn.back{padding:8px 30px 8px 12px;background:#fff url(../images/starwars/ico_back_pink.png) no-repeat right 12px center / 16px 16px}
.vs_box .right_area .btn.back{padding:8px 30px 8px 12px;background:#fff url(../images/starwars/ico_back_blue.png) no-repeat right 12px center / 16px 16px}
.vs_box.vote>div{padding:16px}
.vs_box.vote .tit{line-height:1.25;}
.vs_box.vote .left_area .btn{left:16px;}
.vs_box.vote .right_area .btn{right:16px;}
.vs_box.winner_left .left_area{width:61%;}
.vs_box.winner_left .right_area{flex:1;width:39%;}
.vs_box.winner_left .icon{left:calc(61% - 14px);}
.vs_box.winner_right .right_area{width:61%;}
.vs_box.winner_right .left_area{flex:1;width:39%;}
.vs_box.winner_right .icon{left:unset;right:calc(61% - 44px);}

.cp_wrap .panel.no_acco{border:1px solid #E0ECFE;background:#E0ECFE;}
.cp_wrap .panel.no_acco .acco_body{display: block;margin-top: 16px;}
.cp_wrap .panel.no_acco .thumb{position:absolute;top:-30px;right:20px;overflow:hidden;width:90px;height:90px;border-radius: 50%;border: 1.88px solid #E7EAF2;background:#fff;}
.cp_wrap .panel.no_acco .thumb img{width: 100%;height: 100%;object-fit: contain;}
.cp_wrap .panel.no_acco .tit_wrap .tit{gap:0;font-size:28px;font-weight:700;}
.cp_wrap .panel.no_acco .tit_wrap .tit::before{content:'';width:28px;height:33px;margin-right:6px;background:url(../images/starwars/Ranking.png) no-repeat 0 0 / 100% 100%;}
.cp_wrap .panel.no_acco .tit_wrap .badge{margin-left:12px;}
.cp_wrap .panel.no_acco .tit_wrap .desc{margin:16px 0 0 0;}
.cp_wrap .panel.no_acco .tit_wrap .desc dl+dl{margin-left:12px;padding-left:12px;}
.cp_wrap .panel.no_acco .tit_wrap .desc dl dd{color:#F4124F}
.cp_wrap .panel.no_acco .tit_wrap .desc dl:first-child dt{font-size:14px;line-height: 20px;}
.cp_wrap .panel.no_acco .tit_wrap .desc dl:first-child dd{font-size:18px;font-weight:700;line-height: 24px;}
.cp_wrap .panel.no_acco .name{display:block;margin-top:4px;font-size:16px;font-weight:600;}
.cp_wrap .panel.no_acco .stock_box{background:#F3F8FF;}

.cp_wrap .acco_head.type2{align-items: start;}
.cp_wrap .acco_head .tit_wrap .tit{display: flex;align-items:center;gap:8px;font-size:18px;font-weight:600;}
.cp_wrap .acco_head .badge{padding:2px 8px;border-radius: 4px;font-size:12px;line-height:20px}
.cp_wrap .acco_head .badge.pink{background-color:#FFE0F6;color:#FA67D1}
.cp_wrap .acco_head .badge.blue{background-color:#E0ECFE;color:#3182F7}
.cp_wrap .acco_head .tit_wrap .desc{display:flex;margin:4px 0 0 20px}
.cp_wrap .acco_head .tit_wrap .desc dl{display: flex;gap:8px;align-items: center;}
.cp_wrap .acco_head .tit_wrap .desc dl+dl{position:relative;margin-left:8px;padding-left:8px;}
.cp_wrap .acco_head .tit_wrap .desc dl+dl::before{content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px; background:#CDD2DB}
.cp_wrap .acco_head .tit_wrap .desc dl dt{font-size:13px;font-weight:500;line-height:16px;}
.cp_wrap .acco_head .tit_wrap .desc dl dd{font-size:13px;font-weight:500;line-height:16px;}
.cp_wrap .stock_box{display: flex;align-items:center;padding:16px 20px;border-radius: 8px;background: #F7F8FA;}
.cp_wrap .stock_box dl{display: flex;gap:8px;flex:1}
.cp_wrap .stock_box dl dt{font-size:13px;font-weight:600;color:#68707D}
.cp_wrap .stock_box dl dd{font-size:13px;font-weight:600;}
.cp_wrap .stock_box .btn{font-size:10px;font-weight:700;color:#3182F7;text-decoration: underline;text-underline-offset: 3px;}

.cont_section.vote_section{overflow:hidden;}
.vote_section .tit_area2 .tit{font-size:18px;font-weight:600}
.vote_section .tit_area2 .desc{margin-top:8px;font-size:14px;color:#68707D}
.vote_section .panel_wrap{margin-top: 16px;}
.vote_section .hit_rate{padding:20px;border-radius: 12px;background:#F7F8FA;}
.vote_section .hit_head{display: flex;align-items: center;justify-content: space-between}
.vote_section .hit_head .tit{font-size:14px;font-weight:600;color:#68707D}
.vote_section .hit_head .desc{font-size:14px;font-weight:700;color:#3182F7}
.vote_section .hit_body{display:flex;gap:12px;flex-wrap:wrap;padding-top:16px;margin-top:16px;border-top:1px dashed #CDD2DB}
.vote_section .hit_item{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;width:calc(25% - 9px);aspect-ratio: 1 / 1;border-radius: 50%;background-color:#EEF0F5;font-size:13px;font-weight:600;color:#B6BECA}
.vote_section .hit_item.pass{background:#3182F7;outline:5px solid #D6E6FD;color: #fff;}
.vote_section .hit_item.fail{background:#929EB0;color:#fff}
.vote_section .hit_item.pass::before{content:'';display:block;width:16px;height:16px;background:url(../images/starwars/ico_pass.png) no-repeat 0 0 / 100% 100%}
.vote_section .hit_item.fail::before{content:'';display:block;width:16px;height:16px;background:url(../images/starwars/ico_fail.png) no-repeat 0 0 / 100% 100%}
.vote_section .swiper-container{margin-top: 16px;}
.vote_section .white_box .btn_align{margin-top: 16px;margin-left:auto}

.vote_section .echart_wrap{margin-top:16px;}
.vote_section .chart_top_label{display: flex;gap: 12px;justify-content: center;margin-top: 20px;}
.vote_section .chart_top_label .top_label{display: flex;align-items: center;gap: 5px;}
.vote_section .chart_top_label .top_label .label{display: inline-block;width: 10px;height: 10px;}
.vote_section .chart_top_label .top_label .label[class*="circle"]{border-radius: 999px;}
.vote_section .chart_top_label .top_label .label.circle1{background-color: #0EC6D0}
.vote_section .chart_top_label .top_label .label.circle2{background-color: #3182F7}
.vote_section .chart_top_label .top_label .label.circle3{background-color: #8C3FF0}
.vote_section .chart_top_label .top_label .label.circle4{background-color: #FB975B}
.vote_section .chart_top_label .top_label span{font-size: 12px;font-weight: 400;line-height: 15px;}

.vote_section .top_ul{display: flex;flex-direction: column;gap:16px;margin-top: 14px;}
.vote_section .top_ul li{display: flex;gap:8px;align-items: center;}
.vote_section .top_ul li .bar_area{flex:1;}
.vote_section .top_ul li .num{flex:none;width:27px;font-size:20px;font-weight:900;text-align: center;}
.vote_section .top_ul li .gage_wrap{position:relative;overflow:hidden;display: flex;align-items: center;padding:2px 12px 2px 3px;border-radius: 36px}
.vote_section .top_ul li .gage_wrap>*{position: relative;z-index: 1;}
.vote_section .top_ul li .gage_wrap .gage{position:absolute;top:0;left:0;width:100%;height:100%;background:#EEF0F5;}
.vote_section .top_ul li .gage_wrap .thumb{width: 32px;height: 32px;margin-right: 8px;}
.vote_section .top_ul li .gage_wrap .thumb img{width: 100%;height: 100%;}
.vote_section .top_ul li .gage_wrap .name{flex:1;font-size:14px;font-weight:600;}
.vote_section .top_ul li .gage_wrap .percent{font-size:14px;font-weight:600;color:#F4124F}
.vote_section .top_ul li:first-child .num{color:#4744FF}
.vote_section .top_ul li:first-child .gage_wrap .gage span{position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(76.77deg, #7451FF 52.64%, #CD62FF 93.13%);}
.vote_section .swiper-slide-active .top_ul li:first-child .gage_wrap .gage::before{animation: fillBar 1.5s ease-out forwards;}
.vote_section .top_ul li:first-child .gage_wrap .name{color:#fff}
.vote_section .top_ul li:first-child .gage_wrap .percent{color:#fff}

.notice_ul {display: flex; flex-direction: column; gap: 20px;}
.notice_ul li{display: flex; gap: 16px;  padding-bottom: 20px; border-bottom: solid 1px #E7EAF2;}
.notice_ul .img_box {flex-shrink: 0; width: 72px; height: 72px; border-radius: 8px; overflow: hidden;margin-top: 8px;}
.notice_ul .img_box img{width: 100%;}
.notice_ul .con_box {display: flex; flex-direction: column; gap: 4px;}
.notice_ul .con_box .tit{ font-weight: 600;font-size: 18px; line-height: 23px; color: #292D34;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;word-break: break-word; }
.notice_ul .con_box .desc{font-weight: 400; font-size: 14px; line-height: 20px; color: #7F8A9A;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.contest_guide::before{content:'';display:block;width:240px;height:157px;margin:16px auto;background:url(../images/starwars/img_rocket.png) no-repeat 0 0 / 100% 100%}
.contest_guide .guide_box{padding:20px;background-color:#F7F8FA;border:1px solid #E7EAF2;border-radius: 20px;box-shadow: 0px 0px 15px 0px #00000008;font-size:16px;}
.contest_guide .guide_box strong{display:block;margin-bottom:20px}

.contents.invest_type2 .info_box dl .tit_wrap .inner .btn_star.type2{align-self: flex-start;width: 16px;height: 16px;background: url(../images/invest/icon_bookmark_v2.png) no-repeat 0 0 / 16px;}
.contents.invest_type2 .info_box dl .tit_wrap .inner .btn_star.type2.on{background: url(../images/invest/icon_bookmark_on_v2.png) no-repeat 0 0 / 16px;}

.cont_section .gray_box.profile{border: 1px solid #EEF0F5;}
.cont_section .gray_box .logo_txt_type .logo.profile1{background: url(../images/trader/logo_profile1.png) no-repeat 0 0 / 48px;}
.cont_section .gray_box .logo_txt_type .logo.profile2{background: url(../images/trader/logo_profile2.png) no-repeat 0 0 / 48px;}

.cont_section .gray_box.profile .txt_area{flex:1}
.cont_section .gray_box.profile .txt_area .txt_top{display: flex;justify-content: space-between;align-items: center;}
.cont_section .gray_box.profile .txt_area .txt_top span{position: relative;padding-left: 18px;}
.cont_section .gray_box.profile .txt_area .txt_top span::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 16px;height: 16px;}
.cont_section .gray_box.profile .txt_area .txt_top .location::before{background:url(../images/trader/ico_location.png) no-repeat 0 0 / 16px;}
.cont_section .gray_box.profile .txt_area .txt_top .magnifier::before{background:url(../images/trader/ico_search.png) no-repeat 0 0 / 16px;}
.logo_txt_type .txt_area .profile_tit{font-weight: 600;font-size: 16px;color:#000;line-height: 130%;letter-spacing: -0.65px;}
.cont_section .gray_box.profile span{font-weight: 500;font-size: 12px;color:#68707D;line-height: 125%;letter-spacing: -0.2px;}
.cont_section .gray_box.profile .profile_desc{margin-top: 8px;padding-top: 10px;border-top: 1px dashed #CDD2DB;}
.cont_section .gray_box.profile .profile_desc li{position: relative;padding: 4px 0 0 16px;font-size: 12px;color:#505761;line-height: 125%;letter-spacing: -0.2px;}
.cont_section .gray_box.profile .profile_desc li:first-child{padding-top: 0;}
.cont_section .gray_box.profile .profile_desc li::before{content: '';display: block;position: absolute;left: 6px;top: 10px;width: 4px;height: 4px;background: #BBC4D8;border-radius: 50%;transform: translate(50%, -50%);}
.cont_section .gray_box.profile .profile_desc li:first-child::before{top: 6px;}

.participant_status_box{display:flex;flex-direction:column;gap:16px;}
.participant_status_box .status_header{display:flex;align-items:center;justify-content:space-between;gap:5px;}
.participant_status_box .status_header .tit{display:flex;align-items:center;gap:4px;font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-0.75px;}
.participant_status_box .status_header .tit::before{content:'';display:inline-block;width:24px;height:29px;background:url(../images/starwars/Ranking.png) no-repeat 0 0 / 100% 100%;}
.participant_status_box .status_header .date{font-size:12px;color:#68707D;line-height:1.25;letter-spacing:-0.2px;}
.participant_status_box .status_content{display:flex;flex-direction:column;gap:16px;}
.participant_status_box .profit_info{display:flex;align-items:center;gap:24px;}
.participant_status_box .profit_info .info_item{display:flex;align-items:center;gap:8px;position:relative;}
.participant_status_box .profit_info .info_item:not(:first-child)::before{content:'';position:absolute;top:50%;left:-12px;transform:translateY(-50%);width:1px;height:14px;background:#CDD2DB;}
.participant_status_box .profit_info .info_item span{font-family:14px;font-weight:500;line-height:1.4;letter-spacing:-0.5px;}
.participant_status_box .profit_info .info_item strong{color:#F4124F;}
.participant_status_box .profit_info .info_item strong.zero{color:#7F8A9A;}
.participant_status_box .profit_info .info_item strong.down{color:#3182F7;}
.participant_status_box .profit_info .info_item .return{font-size:18px;font-weight:700;line-height:1.25;letter-spacing:-0.75px;}
.participant_status_box .profit_info .info_item .profits{font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-0.5px;}
.participant_status_box .detail_info{display:flex;flex-direction:column;gap:4px;}
.participant_status_box .detail_info dl{display:flex;align-items:center;gap:4px;}
.participant_status_box .detail_info dt{min-width:60px;font-size:14px;color:#68707D;line-height:1.4;letter-spacing:-0.5px;}
.participant_status_box .detail_info dd{font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-0.5px;}
.participant_status_box .detail_info .percent{color:#F4124F;}
.participant_status_box .detail_info .percent.zero{color:#7F8A9A;}
.participant_status_box .detail_info .percent.down{color:#3182F7;}
.top_bd_gray{margin-top:16px;padding-top:16px;border-top:1px solid #E7EAF2}

.cont_section.status_date .tab_area{padding-left:140px;}

.ror .gauge_area{position: relative;margin:0;padding:12px 0;border-bottom:none;}
.ror .gauge_area::before{content: '';position: absolute;left: 62px;top: 0;width: 1px;height: 100%;background: #E7EAF2;}
.ror .gauge_area .gauge_list li{gap:8px;}
.ror .gauge_area .gauge_list li + li{margin-top: 16px;}
.ror .gauge_area .txt_area{display: flex;align-items: center;gap: 4px;min-width: 54px;}
.ror .gauge_area .txt_area p{font-size: 10px;font-weight: 700;color:#505761;line-height: 100%;}
.ror .gauge_area .gauge_list li .guage {background: none;position: relative;max-width: calc(100% - 128px);}
.ror .gauge_area .gauge_list li .guage .bar::after {content: attr(data-desc);position: absolute;right: 0;top: 50%;transform: translate(calc(100% + 8px), -50%);font-size: 10px;color: #292D34;line-height: 100%;white-space: nowrap;}
.ror .gauge_area .gauge_list li .guage .bar{ position: relative; border-top-right-radius: 999px;border-top-left-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:999px;}
.ror .gauge_area .gauge_list li:first-child .txt_area p{font-size: 12px;color:#292D34;}
.ror .gauge_area .gauge_list li:first-child .guage .bar::after{font-size: 12px;font-weight: 700;color: #4744FF;}
.ror .gauge_area .gauge_list li .guage_desc{display: none;font-size: 10px;color:#292D34;line-height: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%) translateX(calc(100% + 8px));white-space: nowrap;padding-left: 8px;}

.gauge_area .gauge_list li .guage.blue_gradient .bar{background: linear-gradient(90deg, #73B0F2 24.52%, #2C29E1 100%);}
.gauge_area .gauge_list li .guage.second_blue .bar{background: #5A9BF9;}
.gauge_area .gauge_list li .guage.third_blue .bar{background: #83B4FA;}
.gauge_area .gauge_list li .guage.fourth_blue .bar{background: #ADCDFC;}
.gauge_area .gauge_list li .guage.fifth_blue .bar{background: #D6E6FD;}

.gray_box .date{font-size: 12px;color:#7F8A9A;line-height: 125%;letter-spacing: -0.2px;}
.gray_box .stocks_top{display: flex;align-items: center;gap: 8px;}
.gray_box .stocks_top .txt_area{display: flex;align-items: center;gap: 4px;}
.gray_box .stocks_top .txt_area .stocks_tit{overflow: hidden;min-width: 0;max-width: 154px;font-weight: 500;white-space: nowrap;text-overflow: ellipsis;}
.gray_box .stocks_top .txt_area span{font-size: 12px;line-height: 125%;letter-spacing: -0.2px;}
.gray_box .stocks_top .logo{display: inline-block;min-width:24px;width: 24px;height: 24px;border-radius: 24px}
.gray_box .stocks_top .logo.hanwha{background: url(../images/trader/ico_hanwha.png) no-repeat 0 0 / 24px;}
.gray_box .stocks_top .logo.shinhan{background: url(../images/trader/ico_shinhan.png) no-repeat 0 0 / 24px;}
.gray_box .stocks_top .logo.kakao{background: url(../images/trader/ico_kakao.png) no-repeat 0 0 / 24px;}
.gray_box .stocks_top .logo.jr{background: url(../images/trader/ico_jr.png) no-repeat 0 0 / 24px;}
.gray_box .stocks_top .logo.samsung{background: url(../images/trader/ico_samsung.png) no-repeat 0 0 / 24px;}
.gray_box .stocks_top .logo.east{background: url(../images/trader/ico_east.png) no-repeat 0 0 / 24px;}
.gray_box .stocks_top .logo.shinyoung{background: url(../images/trader/ico_shinyoung.png) no-repeat 0 0 / 24px;}
.gray_box .stocks_bottom{display: flex;align-items: center;gap:4px;margin-top: 8px;padding-top: 8px;border-top: 1px dashed #E7EAF2}
.gray_box .stocks_bottom p{font-weight: 600;font-size: 14px;line-height: 140%;letter-spacing: -0.5px;}
.gray_box .stocks_bottom span{font-size: 12px;color:#F4124F;line-height: 125%;letter-spacing: -0.2px;}
.gray_box .stocks_bottom span.blue{color: #3182F7;}
.gray_box .quantity_box{display: flex;align-items: center;gap:4px}
.gray_box p.flag{min-width:22px;padding:2px;border-radius: 4px;font-weight: 700;font-size: 10px;color:#FFF;line-height:12px;text-align: center;}
.gray_box p.flag.red{border-radius:4px;background: #F4124F;}
.gray_box p.flag.blue_v2{background: #3182F7;}

.gray_box .stocks_bottom.space_between{justify-content: space-between;}
.gray_box .stocks_top .txt_area.type2{justify-content: space-between;flex:1}
.gray_box .stocks_top .txt_area.type2 .stocks_tit{font-weight: 500;font-size: 16px;line-height: 130%;letter-spacing: -0.65px;}
.gray_box .stocks_top .txt_area.type2 span{font-size: 12px;line-height: 125%;letter-spacing: -0.2px;}

.btn_wrap.right{display:flex;justify-content:flex-end;}
.btn_wrap.right .btn_align{width:auto;height:unset;font-weight: 500;font-size: 14px;line-height: 140%;letter-spacing: -0.5px;}
.trading_items_list{display:none;}
.trading_items_list.active{display: flex;align-items: center;gap: 10px;padding-top: 16px;}
.trading_items_list li{position: relative;}
.trading_items_list li.on::after{content: '';display: block;position: absolute;left: 50%;top: 50%;width: 36px;height: 36px;background: url(../images/trader/list_on.png) no-repeat 0 0 / 36px;transform: translate(-50%, -50%);}
.trading_items_list li button{width: 28px;height: 28px;}
.trading_items_list li button img{width: 100%;height: 100%;}

.chart_box.holdings .chart_top_label{display: flex;gap: 12px;justify-content: center;margin-top: 20px;}
.chart_box.holdings .chart_top_label .top_label{display: flex;align-items: center;gap: 4px;}
.chart_box.holdings .chart_top_label .top_label .label{display: inline-block;width: 8px;height: 8px;}
.chart_box.holdings .chart_top_label .top_label .label[class*="circle"]{border-radius: 999px;}
.chart_box.holdings .chart_top_label .top_label .label.circle1{background: #0EC6D0;}
.chart_box.holdings .chart_top_label .top_label .label.circle2{background: #3182F7;}
.chart_box.holdings .chart_top_label .top_label .label.circle3{background: #8C3FF0;}
.chart_box.holdings .chart_top_label .top_label .label.circle4{background: #FB975B;}
.chart_box.holdings .chart_top_label .top_label span{font-size: 12px;line-height: 125%;letter-spacing: -0.2px;}

.chart_top_label.flag_type .flag_box .top_label .label.cont3{background-color: #3182F7;}
.chart_top_label.flag_type .flag_box .top_label .label.cont4{background-color: #0EC6D0;}


/* ============================ PC ver [s] ============================ */
/* ＊＊＊＊＊＊＊＊＊＊ pc layout ＊＊＊＊＊＊＊＊＊＊ */
body.type_pc{background-color:#E7EAF2;}
body.type_pc .pc_wrap{height:100%;}
body.type_pc .pc_area_left{position:fixed;top:40px;left:50%;z-index:20;transform:translateX(calc(-260px - 202px));width:178px;}
body.type_pc .app_down_wrap{display:flex;flex-direction:column;gap:20px;padding:16px;border-radius:12px;border:1px solid #E7EAF2;background:#fff;box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.03);}
body.type_pc .app_down_wrap .qr_box{display:flex;flex-direction:column;gap:12px;align-items:center;}
body.type_pc .app_down_wrap .qr_box .tit{font-size:12px;font-weight:600;line-height:1.25;letter-spacing:-0.2px;}
body.type_pc .app_down_wrap .qr_box .qr{padding:15px;max-width:92px;border-radius:12px;border:1px solid #E7EAF2;background-color:#F7F8FA;}
body.type_pc .app_down_wrap .qr_box .qr img{display:block;width:100%;height:auto;}
body.type_pc .app_down_wrap .link_box{display:flex;flex-direction:column;gap:8px;}
body.type_pc .app_down_wrap .link_box a{display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:8px;background:#292D34;font-size:12px;font-weight:600;color:#fff;line-height:1.25;letter-spacing:-0.2px;}
body.type_pc .app_down_wrap .link_box a::before{content:'';display:inline-block;width:20px;height:20px;}
body.type_pc .app_down_wrap .link_box .google a::before{background:url(../images/pc/ico_google.png) no-repeat 0 0 / 20px;}
body.type_pc .app_down_wrap .link_box .apple a::before{background:url(../images/pc/ico_apple.png) no-repeat 0 0 / 20px;}

body.type_pc .pc_area_right{position:fixed;top:40px;left:50%;z-index:20;transform:translateX(calc(260px + 28px));width:289px;}
body.type_pc .pc_nav_list{padding:4px 15px;border:1px solid #E7EAF2;border-radius:12px;background-color:#fff;box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.03);}
body.type_pc .pc_nav_list > li > a{display:block;position:relative;padding:20px 28px 19px 32px;border-bottom:1px solid #E7EAF2;}
body.type_pc .pc_nav_list > li:last-child > a{border-bottom:none;}
body.type_pc .pc_nav_list > li > a::before{content:'';position:absolute;top:50%;left:8px;transform:translateY(-50%);width:20px;height:20px;background-position:center;background-repeat:no-repeat;background-size:100% 100%;}
body.type_pc .pc_nav_list > li.item_stock > a::before{background-image:url(../images/pc/ico_nav_stock.png);}
body.type_pc .pc_nav_list > li.item_premium > a::before{background-image:url(../images/pc/ico_nav_premium.png);}
body.type_pc .pc_nav_list > li.item_theme > a::before{background-image:url(../images/pc/ico_nav_theme.png);}
body.type_pc .pc_nav_list > li.item_algorithm > a::before{background-image:url(../images/pc/ico_nav_algorithm.png);}
body.type_pc .pc_nav_list > li.item_lecture > a::before{background-image:url(../images/pc/ico_nav_lecture.png);}
body.type_pc .pc_nav_list > li.item_ai > a::before{background-image:url(../images/pc/ico_nav_ai.png);}
body.type_pc .pc_nav_list > li > a > strong{font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-0.65px;}
body.type_pc .pc_nav_list > li > a::after{content:'';position:absolute;top:50%;right:8px;transform:translateY(-50%);width:16px;height:16px;background:url(../images/pc/ico_arrow_right.png)no-repeat center / 100%;}
body.type_pc .pc_nav_list > li > a.btn_toggle::after{background-image:url(../images/pc/ico_arrow_down.png);}
body.type_pc .pc_nav_list > li.has_depth2 .depth2_list{display:none;}
body.type_pc .pc_nav_list > li.has_depth2 .depth2_list li{flex:0 0 calc(50% - 2px);box-sizing:border-box;}
body.type_pc .pc_nav_list > li.has_depth2 .depth2_list li a{display:flex;align-items:center;gap:4px;}
body.type_pc .pc_nav_list > li.has_depth2 .depth2_list li .logo{display:inline-block;flex-shrink:0;overflow:hidden;border-radius:50%;width:20px;height:20px;}
body.type_pc .pc_nav_list > li.has_depth2 .depth2_list li .logo img{width:100%;height:100%;object-fit:cover;}
body.type_pc .pc_nav_list > li.has_depth2 .depth2_list li strong{flex:1;font-size:14px;font-weight:400;letter-spacing:-0.5px;}
body.type_pc .pc_nav_list > li.has_depth2.active .depth2_list{display:flex;flex-wrap:wrap;gap:10px 4px;padding:16px 8px 15px;border-bottom:1px solid #E7EAF2;}
body.type_pc .pc_nav_list > li.has_depth2.active > a.btn_toggle::after{background-image:url(../images/pc/ico_arrow_up.png);}

/* ＊＊＊＊＊＊＊＊＊＊ mobile layout ＊＊＊＊＊＊＊＊＊＊ */
body.type_pc .mo_area{width:100%;max-width:520px;margin:0 auto;}
body.type_pc .mo_area .mo_container{position:relative;}
body.type_pc .mo_area .mo_container::before{content:'';position:absolute;top:0;left:-520px;z-index:15;width:100%;height:100%;max-width:520px;background:#E7EAF2;}
body.type_pc .mo_container .header{left:50%;transform:translateX(-50%);width:100%;max-width:520px;}
body.type_pc .mo_container .wrap{min-height:100vh;}

/* button */
body.type_pc .mo_container .fixed_side_bar{right:50%;transform:translateX(calc(50% + 217px));}

/* 사이트맵 */
body.type_pc .mo_container .menu_wrap{left:50%;transform:translateX(calc(-100% + -50%));max-width:520px;}
body.type_pc .mo_container .menu_wrap.on{transform:translateX(-50%);}
body.type_pc .mo_container .menu_wrap .header{max-width:unset;transform:unset;}

/* quick_nav */
body.type_pc .mo_container .quick_nav_wrap{left:50%;transform:translateX(-50%);width:100%;max-width:520px;}

/* 회원가입 */
body.type_pc .mo_container .fixed{left:50%;transform:translateX(-50%);width:100%;max-width:520px;}

/* CP */
body.type_pc .mo_container .fixed.v2{left:0;transform:unset;}
body.type_pc .mo_container .container.layout_flex::before{content:'';position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;height:100%;background:#fff;}
body.type_pc .mo_container .wrap.dark .container.layout_flex::before{background-color:#010101;}
body.type_pc .mo_container .container.layout_flex .contents{position:relative;}

/* popup */
body.type_pc .layer_wrap{left:50%;transform:translateX(-50%);width:100%;max-width:520px;}
body.type_pc .layer_wrap .dim{left:50%;transform:translateX(-50%);width:100%;max-width:520px;}

@media screen and (max-width:520px){
    /* button */
    body.type_pc .mo_container .fixed_side_bar{right:16px;transform:unset}
}
/* ============================ PC ver [e] ============================ */