/* ==========================================================================
   Container Layout
   ========================================================================== */
.container-box {
    width: 1240px;
    margin: 0 auto;
    height: auto;
    min-width: 100%;
    text-align: center;
}

.mt30 {
    margin-top: 30px;
}

/* ==========================================================================
   Main Banner
   ========================================================================== */
.main_slide {
    position: relative;
    padding-top: 40px;
    margin-top: 70px;
    font-family: 'Pretendard-Regular';
}

.main_slide_background {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: calc(100vw - var(--scrollbar-width));
    min-width: 1240px;
    height: 100%;
    transform: translateX(-50%);
    top: 0;
    left: 50%;
}

.main_slide_background .main_slide_colored {
    width: 100%;
    flex-grow: 1;
}

.main_slide_background .main_slide_white {
    width: 100%;
    height: 230px;
}

.slide_banner_img {
    margin-bottom: 30px;
}

.main_banner {
    position: relative;
    color: #333;
    font-size: 28px;
    line-height: 1.15;
    letter-spacing: -0.26px;
    font-weight: 500;
    text-align: center;
}

.main_banner h3 {
    display: inline-block;
    font-family: 'Pretendard-Bold';
    font-size: 30px;
}

.main_banner img {
    width: 1240px;
    height: 150px;
    text-align: center;
    border-radius: 20px;
}

.main_banner span {
    display: block;
    margin-top: 10px;
    color: #b5b5b6;
    text-align: center;
    font-family: 'Pretendard-Medium';
    font-size: 18px;
}

.main_banner .debogi {
    padding: 5px 10px;
    position: absolute;
    right: 30px;
    font-size: 12px;
    border-radius: 20px;
    background-color: #f05d29;
    line-height: 17px;
    color: #fff;
    bottom: 0;
}

.main_banner2 {
    color: #333;
    font-size: 28px;
    line-height: 1.15;
    letter-spacing: -0.26px;
    font-weight: 500;
    text-align: center;
    margin-top: 100px;
}

.main_banner2 img {
    width: 1240px;
    height: 150px;
    text-align: center;
}

/* ==========================================================================
   Main Slider
   ========================================================================== */
.main_slider_box {
    position: relative;
    margin-top: 17px;
}

.main_slider_box .arrowleft .fa-solid,
.main_slider_box .arrowright .fa-solid {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-top: 0;
}

/* Slider Structure */
.main_slider_box .main_slider {
    position: relative;
    visibility: hidden;
}

.main_slider_box.loading_end .main_slider {
    visibility: visible;
}

.main_slider_box.loading_end .main_slider img {
    max-width: 100%;
}

.main_slider_box .main_slider > div[u="slides"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
}

.main_slider_box .main_slider > div[u="slides"] > div {
    position: absolute;
}

.main_slider_box .main_slider .sct_li {
    height: 100%;
    box-sizing: border-box;
}

.main_slider_box .main_slider .sct_li .sct_basic_box {
    width: 220px;
    margin: 0 auto;
    padding-left: 5px;
    text-align: left;
    position: relative;
}

/* Product Button */
.main_slider_box .main_slider .sct_li .sct_basic_box .sct_buy_btn {
    position: absolute;
    right: 0;
    top: 76px;
}

.main_slider_box .main_slider .sct_li .sct_basic_box .sct_buy_btn button {
    background: none;
    border: 0;
}

.main_slider_box .main_slider .sct_li .sct_cate_nm {
    margin-top: 6px;
    font-size: 13px;
    color: #b5b5b6;
}

.main_slider_box .main_slider .sct_li .sct_txt {
    margin-top: 4px;
    margin-bottom: 6px;
    height: 32px;
    font-size: 14px;
    font-family: 'Pretendard-Medium';
}

.main_slider_box .main_slider .sct_li .sct_basic_box .sct_basic {
    margin-bottom: 2px;
    font-size: 12px;
    height: 15px;
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Slick Slider Specific */
.main_slider_box .main_slider .slick-track {
    display: flex !important;
    align-items: stretch;
}

.main_slider_box .main_slider .slick-slide {
    position: relative;
    text-align: center;
}

.slick-slide > div {
    height: 100%;
}

/* Loading Placeholder */
.main_slider_box .dummy_data {
    position: absolute;
    width: 95%;
    margin: 0 2.5%;
    top: 0;
    left: 0;
    font-size: 0;
}

.main_slider_box.loading_end .dummy_data {
    visibility: hidden;
}

.main_slider_box .dummy_data .dummy_list {
    display: inline-block;
    width: 18%;
    margin-right: 2.5%;
}

.main_slider_box .dummy_data .dummy_list:last-child {
    margin-right: 0;
}

.main_slider_box .dummy_data .dummy_list .dummy_gray {
    background: #ddd;
}

.main_slider_box .dummy_data .dummy_list .dummy_gray1 {
    width: 100%;
    height: 222px;
}

.main_slider_box .dummy_data .dummy_list .dummy_gray2 {
    width: 100%;
    height: 24px;
    margin-top: 10px;
}

.main_slider_box .dummy_data .dummy_list .dummy_gray3 {
    width: 70%;
    height: 16px;
    margin-top: 7px;
}

.main_slider_box .dummy_data .dummy_list .dummy_gray4 {
    width: 50%;
    height: 15px;
    margin-top: 5px;
}

/* ==========================================================================
   Product List Items
   ========================================================================== */
/* Product Text and Price */
.sct_txt4 {
    text-align: left;
    font-size: 14px;
    padding: 0 0 0 10px;
}

.sct_txt4 {
    margin-bottom: 7px;
    letter-spacing: -0.03em;
}

.sct_cost2 {
    text-align: left;
    font-size: 12px;
    margin-top: 6px;
    letter-spacing: -0.03em;
}

.sct_cost2 .sct_discount {
    margin-bottom: 3px;
    color: #b5b5b6;
    font-size: 12px;
    text-decoration: line-through;
    font-family: 'Pretendard-Bold';
    height: 14px;
}

.sct_cost2 .display_price {
    margin-right: 7px;
    font-size: 15px;
    font-family: 'Pretendard-Bold';
}

.sct_cost2 .price9 {
    font-size: 15px;
    color: #f15d2a;
    font-family: 'Pretendard-Bold';
}

.sct_cost2 .sct_gram {
    font-size: 12px;
    color: #b5b5b6;
}

.sct_cost2 .shop_icon {
    padding:0 5px 1px 5px;
    font-size:12px;
}


/* Position Classes */
.sct_m20 {
    position: absolute;
    left: 30px;
    right: 30px;
    top: 0;
    width: 1980px;
    height: 360px;
    padding: 0 30px;
    overflow: hidden;
}

.sct_m30 {
    position: absolute;
    left: -115px;
    right: -4px;
    top: 3px;
    width: 1462px;
    height: 346px;
    padding: 0 30px;
    overflow: hidden;
}

/* 스크롤  */

/* 다음 css */
@charset "UTF-8";:root {
    --text-primary: #000;
    --text-secondary: rgba(0,0,0,.72);
    --text-tertiary: rgba(0,0,0,.48);
    --text-disabled: rgba(0,0,0,.32);
    --text-black: #000;
    --text-black-72: rgba(0,0,0,.72);
    --text-white: #fff;
    --text-white-72: rgba(255,255,255,.72);
    --text-white-48: rgba(255,255,255,.48);
    --text-blue: #4881F7;
    --text-red: #FF4E33;
    --text-green: #00B56D;
    --text-sport: #4864F7;
    --text-ent: #9148F7;
    --text-story: #F74853;
    --text-interest: #FF8B17;
    --ic-primary: #000;
    --ic-secondary: rgba(0,0,0,.72);
    --ic-tertiary: rgba(0,0,0,.48);
    --ic-quarternary: rgba(0,0,0,.32);
    --ic-black-24: rgba(0,0,0,.24);
    --ic-white: #fff;
    --ic-white-48: rgba(255,255,255,.48);
    --ic-white-32: rgba(255,255,255,.32);
    --ic-white-16: rgba(255,255,255,.16);
    --bg-surface: #F2F4F7;
    --bg-slot: #fff;
    --bg-on-slot: #F2F4F7;
    --bg-sheet: #fff;
    --bg-blue-gray: #2C2E33;
    --bg-blue: #5B92FE;
    --bg-blue-alpha-16: rgba(91,146,254,.16);
    --bg-blue-alpha-12: rgba(91,146,254,.12);
    --bg-blue-alpha-8: rgba(91,146,254,.08);
    --bg-red: #FF4E33;
    --bg-red-alpha-16: rgba(255,78,51,.16);
    --bg-dim: rgba(0,0,0,.48);
    --bg-dim-32: rgba(0,0,0,.32);
    --bg-divider-16: rgba(0,0,0,.16);
    --bg-divider-8: rgba(0,0,0,.08);
    --bg-divider-4: rgba(0,0,0,.04);
    --bg-divider-white-8: rgba(255,255,255,.08);
    --bg-btn-disabled: #B1B8C5;
    --bg-hovered: rgba(0,0,0,.04);
    --bg-sport: #5C77FF;
    --bg-sport-alpha-16: rgba(92,119,255,.16);
    --bg-sport-alpha-8: rgba(92,119,255,.08);
    --bg-ent: #A05CFF;
    --bg-ent-alpha-16: rgba(160,92,255,.16);
    --bg-ent-alpha-8: rgba(160,92,255,.08);
    --bg-story: #FF5C66;
    --bg-story-alpha-16: rgba(255,92,102,.16);
    --bg-story-alpha-8: rgba(255,92,102,.08);
    --bg-interest: #FF9429;
    --bg-interest-alpha-16: rgba(255,148,41,.16);
    --bg-interest-alpha-8: rgba(255,148,41,.08);
    --box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
    --contents-shadow: 0 1px 6px 0 rgba(0,0,0,.08);
    --popup-shadow: 0 4px 32px 0 rgba(0,0,0,.16);
    --hovered-shadow: 0 1px 6px 0 rgba(0,0,0,.16)
}

:root[data-darktheme=true] {
    --text-primary: #fff;
    --text-secondary: rgba(255,255,255,.72);
    --text-tertiary: rgba(255,255,255,.48);
    --text-disabled: rgba(255,255,255,.32);
    --text-black: #000;
    --text-black-72: rgba(0,0,0,.72);
    --text-white: #fff;
    --text-white-72: rgba(255,255,255,.72);
    --text-white-48: rgba(255,255,255,.48);
    --text-blue: #78A5FF;
    --text-red: #FF4E33;
    --text-green: #00B56D;
    --text-sport: #8094FF;
    --text-ent: #B078FF;
    --text-story: #FF7880;
    --text-interest: #FFA245;
    --ic-primary: #fff;
    --ic-secondary: rgba(255,255,255,.72);
    --ic-tertiary: rgba(255,255,255,.48);
    --ic-quarternary: rgba(255,255,255,.32);
    --ic-black-24: rgba(255,255,255,.24);
    --ic-white: #fff;
    --ic-white-48: rgba(255,255,255,.48);
    --ic-white-32: rgba(255,255,255,.32);
    --ic-white-16: rgba(255,255,255,.16);
    --bg-surface: #F2F4F7;
    --bg-slot: #1C1E21;
    --bg-on-slot: #2C2E33;
    --bg-sheet: #2C2E33;
    --bg-blue-gray: #414651;
    --bg-blue: #5B92FE;
    --bg-blue-alpha-16: rgba(91,146,254,.16);
    --bg-blue-alpha-12: rgba(91,146,254,.12);
    --bg-blue-alpha-8: rgba(91,146,254,.08);
    --bg-red: #FF4E33;
    --bg-red-alpha-16: rgba(255,78,51,.16);
    --bg-dim: rgba(0,0,0,.48);
    --bg-dim-32: rgba(0,0,0,.32);
    --bg-divider-16: rgba(255,255,255,.16);
    --bg-divider-8: rgba(255,255,255,.08);
    --bg-divider-4: rgba(255,255,255,.04);
    --bg-divider-white-8: rgba(255,255,255,.08);
    --bg-btn-disabled: #4C4F54;
    --bg-hovered: rgba(255,255,255,.08);
    --bg-sport: #5C77FF;
    --bg-sport-alpha-16: rgba(92,119,255,.16);
    --bg-sport-alpha-8: rgba(92,119,255,.08);
    --bg-ent: #A05CFF;
    --bg-ent-alpha-16: rgba(160,92,255,.16);
    --bg-ent-alpha-8: rgba(160,92,255,.08);
    --bg-story: #FF5C66;
    --bg-story-alpha-16: rgba(255,92,102,.16);
    --bg-story-alpha-8: rgba(255,92,102,.08);
    --bg-interest: #FF9429;
    --bg-interest-alpha-16: rgba(255,148,41,.16);
    --bg-interest-alpha-8: rgba(255,148,41,.08);
    --box-shadow: 0 0 4px 0 rgba(0,0,0,.04);
    --contents-shadow: 0 1px 6px 0 rgba(0,0,0,.08);
    --popup-shadow: 0 4px 32px 0 rgba(0,0,0,.32);
    --hovered-shadow: 0 1px 6px 0 rgba(0,0,0,.16)
}

:root[data-darktheme=true] {
    --img-noimg-profile: url(https://t1.daumcdn.net/daumtop_deco/images/pctop/2023/ico_noimg_profile_darkmode.svg) no-repeat 50% 50%;
    --border-16x16: url(https://t1.daumcdn.net/daumtop_deco/images/pctop/2023/border/border_16x16_darkmode.svg) no-repeat 0 0;
    --border-20x20: url(https://t1.daumcdn.net/daumtop_deco/images/pctop/2023/border/border_20x20_darkmode.svg) no-repeat 0 0;
    --border-24x24: url(https://t1.daumcdn.net/daumtop_deco/images/pctop/2023/border/border_24x24_darkmode.svg) no-repeat 0 0;
    --border-32x32: url(https://t1.daumcdn.net/daumtop_deco/images/pctop/2023/border/border_32x32_darkmode.svg) no-repeat 0 0;
    --border-40x40: url(https://t1.daumcdn.net/daumtop_deco/images/pctop/2023/border/border_40x40_darkmode.svg) no-repeat 0 0;
    --border-48x48: url(https://t1.daumcdn.net/daumtop_deco/images/pctop/2023/border/border_48x48_darkmode.svg) no-repeat 0 0;
    --bg-blue-alpha-16-hovered: #374153;
    --bg-sport-alpha-16-hovered: #373D54;
    --bg-ent-alpha-16-hovered: #413954;
    --bg-story-alpha-16-hovered: #4F393D;
    --bg-interest-alpha-16-hovered: #4F4134;
    --bg-on-slot-hovered: #3d3f43;
    --bg-sheet-hovered: #3d3f43
}

.list_talkdrive {
    overflow: hidden;
    padding: 0 0 0 4px
}

.list_talkdrive li {
    float: left;
    min-width: 156px;
    padding: 0 4px;
    margin-bottom: 8px;
    box-sizing: border-box
}

.list_talkdrive .link_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 10px 14px;
    background-color: var(--bg-on-slot);
    border-radius: 20px;
    font-size: 1.5rem;
    color: var(--text-primary);
    box-sizing: border-box
}

.list_talkdrive .link_item:hover {
    background-color: var(--bg-on-slot-hovered);
    text-decoration: none
}

.list_talkdrive .ico_pctop {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.list_talkdrive .ico_talk {
    background-position: 0 -105px
}

.list_talkdrive .ico_notice {
    background-position: -25px -105px
}

.list_talkdrive .ico_drive {
    background-position: -50px -105px
}

.list_talkdrive .ico_info {
    background-position: -75px -105px
}

.inner_my .box_seen .wrap_moreview {
    margin: 1px 6px 0 0
}

.box_seen .wrap_moreview .list_moreview .link_txt {
    padding-left: 8px
}

.list_seen {
    overflow: hidden;
    padding-bottom: 5px
}

.list_seen li {
    position: relative;
    height: 45px;
    padding-top: 1px;
    border-radius: 12px;
    box-sizing: border-box
}

.list_seen li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 8px;
    right: 8px;
    height: 1px;
    background: var(--bg-divider-4)
}

.list_seen li .link_item {
    display: block;
    min-height: 44px;
    padding: 12px 8px 8px;
    border-radius: 12px;
    box-sizing: border-box
}

.list_seen li .link_item:hover {
    background: var(--bg-hovered);
    text-decoration: none
}

.list_seen .wrap_cont {
    overflow: hidden
}

.list_seen .wrap_cont .tit_item {
    display: block;
    overflow: hidden;
    font-size: 1.6rem;
    color: var(--text-primary);
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.list_seen .wrap_cont .txt_item {
    display: block;
    overflow: hidden;
    margin-top: 6px;
    font-size: 1.4rem;
    color: var(--text-tertiary);
    line-height: 17px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.list_seen .wrap_thumb {
    flex-shrink: 0;
    overflow: hidden;
    width: 48px;
    height: 48px;
    margin-right: 12px;
    border-radius: 8px;
    background: var(--bg-on-slot)
}

.list_seen .wrap_thumb:after {
    border-radius: 8px
}

.list_seen .wrap_thumb .img_g {
    display: block;
    border-radius: 8px;
    background-color: #fff
}

.util_layer .ly_tip .link_tip:hover,.util_layer .ly_tip .desc_tip .link_emph:hover {
    opacity: .72
}

.doc-footer a:hover {
    opacity: .64
}

.cont_main .board_banner .link_txt:hover .txt_g,.list_txt .link_item:hover .tit_item,.list_txt .tit_item .link_emph+.link_item:hover,.list_thumb .link_item:hover .tit_item,.list_thumb_horizon .link_item:hover .tit_item,.list_thumb_horizon .link_emph+.link_item:hover,.list_mix2 .link_txt:hover,.list_mix2 a:hover .wrap_cont .tit_item,.head_cp .link_tit:hover {
    opacity: .64
}

.board_g .box_bnr a:hover .tit_bnr,.head_live .link_head:hover .tit_info,.list_scoreboard .link_cont.type_board:hover .txt_status {
    opacity: .64
}

.slot_issue .wrap_mainissue .link_subject:hover .desc_subject,.box_suggest .suggest-layer-holder .link_move:hover,.box_suggest .foot_suggest .link_help:hover,.list_txt .link_emph:hover,.list_thumb .group_item .link_emph:hover,.list_thumb_horizon .link_emph:hover,.box_poster .list_thumb a:hover .emph_item {
    opacity: .72
}

.box_bigthumb .list_thumb .link_item:hover .tit_item {
    opacity: 1
}

.cont_side .list_thumb a:hover .tit_item,.cont_side .box_bnr .link_txt:hover .desc_bnr,.box_together .list_together a:hover .tit_item {
    opacity: .64
}

.box_trendkey .wrap_fold:not(.comp_fold) .link_trendkey:hover .tit_thumb {
    opacity: .64
}

.box_ranking .list_thumb a:hover .tit_item {
    opacity: 1
}

.box_ranking .list_thumb a:hover .tit_item .inner_tit,.box_ranking .list_thumb .item_thumb:hover .tit_item .inner_tit,.box_game .list_thumb .link_item:hover .desc_item,.box_login .wrap_user .link_user:hover .tit_user {
    opacity: .64
}

.box_weather .list_weather li>a:hover .state_wt .tit_wt {
    opacity: .64
}

.slot_issue .list_thumb_issue .link_item:hover .tit_item,.slot_issue .list_ranking .link_item:hover .txt_item {
    opacity: .72
}

.cont_main .box_bnr .link_txt:hover .tit_bnr,.list_thumb .link_item:hover .tit_item,.list_thumb .link_item:hover .desc_item,.list_thumb_horizon .tit_item .link_emph:hover,.list_thumb_horizon .tit_item .link_item:hover,.list_thumb_horizon .link_item:hover .tit_item,.list_thumb_horizon .link_item:hover .desc_item,.list_txt .link_item:hover .tit_item,.list_txt .tit_item .link_item:hover,.head_live .link_head:hover .tit_info,.slot_issue .list_ranking .link_item:hover .txt_item,.slot_issue .list_thumb_issue .link_item:hover .tit_item,.slot_operate .cont_issue .link_operate:hover .tit_operate,.box_together .link_item:hover .tit_item {
    text-decoration: none
}

.wrap_event {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 11000
}

.wrap_event .bg_event {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1540px;
    height: 1080px;
    margin-left: -770px;
    margin-top: -590px
}

.wrap_event .bg_event .img_g {
    display: block;
    width: 1540px;
    margin: 0 auto
}

.wrap_event .inner_event {
    overflow: hidden;
    position: absolute;
    bottom: 90px;
    left: 50%;
    z-index: 1;
    width: 272px;
    height: 500px;
    margin-left: -136px;
    border-radius: 30px;
    box-sizing: border-box;
    background: url(https://t1.daumcdn.net/daumtop_deco/images/pctop/2023/img_letter2.png) no-repeat 0 100%;
    background-size: 272px auto
}

.wrap_event .con_letter {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 232px;
    height: 316px;
    margin-left: -116px;
    border-radius: 16px;
    background: url(https://t1.daumcdn.net/daumtop_deco/images/pctop/2023/bg_letter.png) no-repeat 0 0;
    background-size: 232px auto
}

.wrap_event .con_letter .img_g {
    position: absolute;
    bottom: 6px;
    left: 50%;
    width: 200px;
    margin-left: -100px
}

.wrap_event .con_letter .txt_letter {
    padding: 40px 20px 0;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 700;
    text-align: center
}

.wrap_event .bg_letter {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 272px;
    height: 152px;
    background: url(https://t1.daumcdn.net/daumtop_deco/images/pctop/2023/img_letter.png) no-repeat 0 0;
    background-size: 272px auto
}

.wrap_event .btn_event {
    position: absolute;
    bottom: 25px;
    left: 50%;
    z-index: 1;
    width: 232px;
    margin-left: -116px;
    text-align: center
}

.wrap_event .btn_event .btn_g {
    display: inline-block;
    width: 44px;
    height: 44px;
    margin: 0 2px;
    border-radius: 22px;
    background: var(--bg-blue-gray);
    box-sizing: var(--contents-shadow);
    vertical-align: top
}

.wrap_event .btn_event .btn_g:hover {
    box-shadow: var(--hovered-shadow)
}

.wrap_event .btn_event .ico_sound {
    display: block;
    width: 24px;
    height: 24px;
    margin: 10px auto 0;
    background-position: -270px -95px
}

.wrap_event .btn_event .btn_g.on .ico_sound {
    background-position: -220px -90px
}

.wrap_event .btn_event .ico_close {
    display: block;
    width: 16px;
    height: 16px;
    margin: 14px auto 0;
    background-position: -250px -95px
}

.wrap_event .con_letter.open {
    -webkit-animation: letterOpen .5s linear forwards;
    -moz-animation: letterOpen .5s linear forwards;
    animation: letterOpen .5s linear forwards
}

@-webkit-keyframes letterOpen {
    0% {
        bottom: -170px
    }

    to {
        bottom: 0
    }
}

@keyframes letterOpen {
    0% {
        bottom: -170px
    }

    to {
        bottom: 0
    }
}

.ico_event_open {
    display: inline-block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    vertical-align: top;
    background: url(//t1.daumcdn.net/daumtop_deco/images/pctop/2023/event/ico_event_open.png) no-repeat;
    background-size: 200px auto
}

.layer_openevent {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 600px;
    height: 100%;
    min-height: 612px;
    margin: 0 auto;
    background: transparent
}

.layer_openevent .inner_layer {
    position: relative;
    padding-bottom: 40px;
    background: #fff;
    border-radius: 28px
}

.list_openevent {
    overflow: hidden;
    border-radius: 28px 28px 0 0
}

.layer_openevent .event_thumb {
    width: 100%
}

.layer_openevent .event_thumb:nth-child(1) {
    height: 340px
}

.layer_openevent .event_thumb:nth-child(2) {
    height: 200px
}

.layer_openevent .event_thumb .thumb_g {
    display: block;
    width: 100%
}

.layer_openevent .btn_event [class*=link_] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.layer_openevent .btn_event .link_prev {
    left: -62px
}

.layer_openevent .link_prev .ico_event_open {
    background-position: -40px 0
}

.layer_openevent .btn_event .link_next {
    right: -62px
}

.layer_openevent .link_next .ico_event_open {
    background-position: -70px 0
}

.layer_openevent .btn_event .ico_event_open {
    width: 22px;
    height: 38px
}

.layer_openevent .paging_event {
    overflow: hidden;
    margin-top: 22px;
    text-align: center;
    font-size: 0;
    line-height: 0;
    color: transparent
}

.layer_openevent .paging_event .page_bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    background-color: rgba(0,0,0,.16);
    vertical-align: top;
    border-radius: 10px
}

.layer_openevent .paging_event .page_bullet[aria-current=true] {
    background-color: #f05d29
}

.layer_openevent .link_close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1
}

.layer_openevent .link_close .ico_event_open {
    width: 40px;
    height: 40px;
    background-position: -135px -45px
}

.wrap_event_scroll {
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 10000;
    width: 500px;
    margin-left: -250px
}

.event_scroll {
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 80px;
    margin: 0 auto;
    border-radius: 40px;
    transition: width .4s cubic-bezier(.4,0,.25,1)
}

.open .event_scroll {
    width: 478px
}

.event_scroll:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 40px;
    border: 1px solid rgba(0,0,0,.08)
}

.event_scroll .inner_scroll {
    position: relative;
    width: 478px;
    height: 80px;
    background: var(--bg-blue-gray);
    -webkit-backdrop-filter: blur(8px);
    -moz-backdrop-filter: blur(8px);
    -ms-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid transparent;
    border-radius: 40px;
    box-sizing: border-box
}

.event_scroll .txt_scroll {
    padding: 16px 0;
    font-size: 1.8rem;
    line-height: 24px;
    color: var(--text-white);
    text-align: center
}

.event_scroll .txt_scroll .fc_emph {
    color: #f05d29;
    font-weight: 700
}

.event_scroll .img_scroll {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    background: #f05d29;
}

.layer_coach {
    display: none;
    position: absolute;
    top: -88px;
    left: -60px;
    z-index: 100;
    padding: 16px 24px;
    border-radius: 16px;
    background: var(--bg-blue-gray);
    box-shadow: var(--popup-shadow)
}

.layer_coach.open {
    display: block
}

.board_interest .layer_coach {
    top: -65px
}

.board_news .layer_coach {
    top: auto;
    bottom: 66px;
    left: 50%;
    margin-left: -92px
}

.box_login .layer_coach {
    top: 9px;
    left: auto;
    right: -60px
}

.box_shorts .layer_coach {
    top: -30px;
    left: auto;
    right: -60px
}

.layer_coach:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 24px;
    height: 8px;
    margin-left: -12px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='7' viewBox='0 0 24 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3729 4.6271L17.2058 2.7942C18.2262 1.77384 18.7363 1.26365 19.3302 0.896509C19.8792 0.557119 20.4794 0.30853 21.1075 0.160325C21.7871 -1.85357e-07 22.5086 -1.24923e-07 23.9516 -4.05427e-09L0.0484028 -2.00621e-06C1.49142 -1.88534e-06 2.21292 -1.82491e-06 2.89247 0.160323C3.52064 0.308528 4.12079 0.557117 4.66977 0.896508C5.26365 1.26365 5.77383 1.77383 6.7942 2.7942L8.6271 4.6271L8.62711 4.62711C9.79514 5.79514 10.3792 6.37916 11.0506 6.60316C11.6668 6.80876 12.3332 6.80876 12.9494 6.60316C13.6208 6.37916 14.2049 5.79514 15.3729 4.6271Z' fill='%232C2E33'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0 0
}

.layer_coach .desc_coach {
    font-size: 1.6rem;
    line-height: 20px;
    color: var(--text-white)
}

.layer_coach .desc_coach .fc_emph {
    color: #9ebfff;
    font-weight: 700
}

.modal-close {
    position: absolute;
    top: 63%;
    right: 49%;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    cursor: pointer;
    z-index: 100;
    border-radius: 100%;
    background-color: #666;
    background-size: 200px auto;
    width: 40px;
    height: 40px;
    background-position: -135px -45px;
}
.sct_li2 {
    display: inline-block;
    width: 20%; /* 하나의 아이템이 전체 가로 너비의 1/5을 차지하도록 설정합니다. */
    vertical-align: top; /* 위쪽 정렬합니다. */
    margin-right: -4px; /* 각 아이템 사이의 간격을 없애기 위해 오른쪽 마진을 음수로 설정합니다. */
    white-space: nowrap; /* 아이템이 넘치는 경우 줄 바꿈을 방지합니다. */
    overflow: hidden; /* 내용이 넘칠 경우 숨깁니다. */
    text-overflow: ellipsis; /* 내용이 넘치는 경우 생략 부호로 표시합니다. */
    box-sizing: border-box; /* 요소의 패딩 및 테두리를 포함한 크기를 설정합니다. */
}

.sct_li2:last-child {
    margin-right: 0; /* 마지막 아이템의 오른쪽 마진을 제거합니다. */
}