@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RiaSans-ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-ExtraBold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

 @font-face {
    font-family: 'YeogiOttaeJalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}
 @font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.event_con {
	max-width: 918px;
}
.event_con img {
}
.event_con .img {}
.event_con .img img {}
.event_con .e_btn {
    text-align: center;
    background: #1e6464;
}
.event_con .btn1 a {
	display: inline-block;
}
.event_con .btn1 a img {}
.event_con .btn2 {
	background: #e8f2ea;
}
.event_con .btn2 ul {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0;
    width: 593px;
    list-style: none;
}
.event_con .btn2 ul li {
}
.event_con .btn2 ul li a {
    display: inline-block;
}
.event_con .btn3 {
	background: #e8f2ea;
}
.event_con .btn3 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
    width: 593px;
    list-style: none;
}
.event_con .btn3 ul li {
    margin-bottom: 25px;
}
.event_con .btn3 ul li a {
    display: inline-block;
}


/* afreeca contest */

.a_contents{}
.a_contents img{
    width: 100%;
}
.a_contents .afreeca_intro{}
.a_contents .afreeca_choice{
    background: url(/design/img/event/afreeca/bg.jpg);
}
.a_contents .afreeca_choice .a_inner{
    margin: 0 auto;
    padding: 50px 0 70px;
    width: 750px;
}
.a_contents .afreeca_choice .a_inner .a_choice{
    display: flex;
    flex-flow: wrap;
    margin: 0 -7px;
}
.a_contents .afreeca_choice .a_inner .a_choice li{
    margin-bottom: 14px;
    padding: 0 7px;
    width: 25%;
}
.a_contents .afreeca_choice .a_inner .a_choice li .a_btn{
    padding: 7px;
    padding-bottom: 0;
    width: 100%;
    background: #535353;
    border: 0;
    border-radius: 3px;
}
.a_contents .afreeca_choice .a_inner .a_choice li.active .a_btn{
    background: #b14747;
}
.a_contents .afreeca_choice .a_inner .a_choice li .a_btn .a_name{
    padding: 5px 0 2px;
    font-family: 'GmarketSansMedium', 'NanumGothic';
    font-size: 1.07rem;
    font-weight: 700;
    background: #fff;
    box-sizing: border-box;
}
.a_contents .afreeca_choice .a_inner .a_choice li .a_btn .a_cho{
    padding: 10px 0;
    font-size: 0.85rem;
    font-weight: 400;
    color: #fff;
}
.a_contents .afreeca_join{
    margin-top: 30px;
}
.a_contents .afreeca_join fieldset{
    padding: 30px;
    background: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.a_contents .afreeca_join fieldset input::placeholder{
    color: #ccc;
}
.a_contents .afreeca_join fieldset .a_named{
    padding: 0 20px;
    width: 100%;
    height: 60px;
    font-size: 1.4rem;
    text-align: center;
    background: #efefef;
    color: #555;
    border: 0;
}
.a_contents .afreeca_join fieldset .a_number{
    margin-top: 15px;
    padding: 0 20px;
    width: 100%;
    height: 60px;
    font-size: 1.4rem;
    text-align: center;
    background: #efefef;
    color: #555;
    border: 0;
}
.a_contents .afreeca_join fieldset .a_chk{
    display: flex;
    margin-top: 15px;
}
.a_contents .afreeca_join fieldset .a_chk label{
    position: relative;
}
.a_contents .afreeca_join fieldset .a_chk label .a_check{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin-left: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
}
.a_contents .afreeca_join fieldset .a_chk label .icon{
    display: inline-block;
    margin-right: 3px;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    vertical-align: middle;
}
.a_contents .afreeca_join fieldset .a_chk label .a_check:checked + .icon{
    background: url(/design/img/event/afreeca/check.png) no-repeat center #ddd;
    background-size: 70%;
}
.a_contents .afreeca_join fieldset .a_chk label span{
    display: inline-block;
    font-size: 0;
    width: 180px;
    height: 100%;
    background: url(/design/img/event/afreeca/info.png) no-repeat center;
    background-size: 100%;
    vertical-align: middle;
}
.a_contents .afreeca_join fieldset .a_chk .d_btn{
    display: inline-block;
    margin-left: 10px;
    width: 72px;
    height: auto;
    font-size: 0;
    background: url(/design/img/event/afreeca/detail.png) no-repeat center;
    background-size: 100%;
    vertical-align: middle;
}
.a_contents .afreeca_join .a_j_btn{
    width: 100%;
    height: 80px;
    font-size: 0;
    background: url(/design/img/event/afreeca/submit.png) no-repeat center #b14747;
    border: 0;
    border-radius: 5px;
}

/* jtbc ¹Ý°ª À̺¥Æ® */
.jtbc{}
.jtbc .section{}
.jtbc .section img{
    width: 100%;
}
.jtbc .section2{
    background: #3f0a79
}
.jtbc .section2 .s_inner{
    display: block;
    margin: 0 auto;
    padding-bottom: 40px;
    width: 680px;
}
.jtbc .section2 .s_inner ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -17px;
}
.jtbc .section2 .s_inner ul li{
    padding: 0 17px;
    padding-bottom: 34px;
    width: 33.3%;
}
.jtbc .section2 .s_inner ul li a{
    display: block;
    height: 100%;
}
.jtbc .section2 .s_inner ul li a .s_img{
    margin: 0;
    width: 100%;
    border: 3px solid #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 0;
    overflow: hidden;
}
.jtbc .section2 .s_inner ul li a:hover .s_img{
    border-color: #ffe56a
}
.jtbc .section2 .s_inner ul li a .s_txt{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    letter-spacing: -0.5px;
    background: #fff;
    color: #404040;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.jtbc .section2 .s_inner ul li a:hover .s_txt{
    background: #ffe56a;
    color: #202020;
}

/* Å©¸®½º¸¶½º À̺¥Æ® */
.christmas{}
.christmas .section{}
.christmas .section img{}
.christmas .section .inner{
    margin: 0 auto;
    width: 800px;
}
.christmas .section2{
    position: relative;
    background: #4195a3;
}
.christmas .section2:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 750px;
    background: url(/design/img/event/christmas_event/snow.png) no-repeat center;
    background-size: 100%;
}
.christmas .section2 .inner{
    position: relative;
    z-index: 1;
}
.christmas .section2 .inner .tree_top{
    position: relative;
    padding-top: 55px;
}
.christmas .section2 .inner .tree_top .star{
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
    height: 131px;
    background: url(/design/img/event/christmas_event/star_b.png) no-repeat center;
}
.christmas .section2 .inner .tree_top .star.active{
    background: url(/design/img/event/christmas_event/star.png) no-repeat center;
}
.christmas .section2 .inner .tree_top .deco{
    position: absolute;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 55px;
    width: 400px;
}
.christmas .section2 .inner .tree_top .deco li{
    position: relative;
    margin-top: 70px;
    width: 33.3%;
    text-align: center;
}
.christmas .section2 .inner .tree_top .deco .left{
    top: -42px;
}
.christmas .section2 .inner .tree_top .deco .right{
    bottom: -42px;
}
.christmas .section2 .inner .tree_top .deco .ball1{
    order: 9;
}
.christmas .section2 .inner .tree_top .deco .ball2{
    order: 8;
}
.christmas .section2 .inner .tree_top .deco .ball3{
    order: 7;
}
.christmas .section2 .inner .tree_top .deco .ball4{
    order: 4;
}
.christmas .section2 .inner .tree_top .deco .ball5{
    order: 5;
}
.christmas .section2 .inner .tree_top .deco .ball6{
    order: 6;
}
.christmas .section2 .inner .tree_top .deco .ball7{
    order: 3;
}
.christmas .section2 .inner .tree_top .deco .ball8{
    order: 2;
}
.christmas .section2 .inner .tree_top .deco .ball9{
	order: 1;
}
.christmas .section2 .inner .tree_top .deco li a{
    display: inline-block;
    width: 97px;
    height: 97px;
    background: url(/design/img/event/christmas_event/ball_b.png) no-repeat center;
}
.christmas .section2 .inner .tree_top .deco .ball1.active a{
    background: url(/design/img/event/christmas_event/ball1.png) no-repeat center;
}
.christmas .section2 .inner .tree_top .deco .ball2.active a{
    background: url(/design/img/event/christmas_event/ball2.png) no-repeat center;
}
.christmas .section2 .inner .tree_top .deco .ball3.active a{
    background: url(/design/img/event/christmas_event/ball3.png) no-repeat center;
}
.christmas .section2 .inner .tree_top .deco .ball4.active a{
    background: url(/design/img/event/christmas_event/ball4.png) no-repeat center;
}
.christmas .section2 .inner .tree_top .deco .ball5.active a{
    background: url(/design/img/event/christmas_event/ball5.png) no-repeat center;
}
.christmas .section2 .inner .tree_top .deco .ball6.active a{
    background: url(/design/img/event/christmas_event/ball6.png) no-repeat center;
}
.christmas .section2 .inner .tree_top .deco .ball7.active a{
    background: url(/design/img/event/christmas_event/ball7.png) no-repeat center;
}
.christmas .section2 .inner .tree_top .deco .ball8.active a{
    background: url(/design/img/event/christmas_event/ball8.png) no-repeat center;
}
.christmas .section2 .inner .tree_top .deco .ball9.active a{
    background: url(/design/img/event/christmas_event/ball9.png) no-repeat center;
}
.christmas .section2 .inner .tree_top figure{
    margin: 0;
    text-align: center;
}
.christmas .section2 .inner .tree_top figure img{}
.christmas .section2 .tree_bot{
    position: relative;
    margin-top: -260px;
}
.christmas .section2 .tree_bot img{}

/* ¼³³¯ À̺¥Æ® */
.new_year{}
.new_year .section{}
.new_year .section .inner{}
.new_year .section img{}
.new_year .section2{
    background: url(/design/img/event/new_year/intro_bg.jpg) repeat-y;
}
.new_year .section2 .inner{
    margin: 0 auto;
    padding: 30px 0;
    width: 700px;
}
.new_year .section2 .inner .n_comment{
    padding: 0 30px;
    height: 50px;
    line-height: 50px;
    background: #ff4061;
    border-radius: 5px;
}
.new_year .section2 .inner .n_comment span{
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}
.new_year .section2 .inner .n_count{
    padding: 50px 0;
    text-align: center;
}
.new_year .section2 .inner .n_count span{
    font-size: 30px;
    font-weight: 500;
}
.new_year .section2 .inner .n_count h3{
    font-size: 170px;
    font-weight: 700;
    color: #ff4061;
}
.new_year .section2 .inner .n_next{
    text-align: center;
}
.new_year .section2 .inner .n_next span{
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: 500;
    background: #00c0bc;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.new_year .section2 .inner .n_next h4{
    height: 110px;
    line-height: 100px;
    font-size: 80px;
    background: #f9ffba;
    color: #009592;
    border: 5px solid #00c0bc;
    border-top: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.new_year .section5{
    text-align: center;
    background: url(/design/img/event/new_year/01_bg.jpg) repeat-y;
}
.new_year .section5 a{
    display: inline-block;
    height: 100%;
}
.new_year .section5 .n_info{
    display: none;
    margin-top: 30px;
}
.new_year .section5 .n_info.active{
    display: block;
}
.new_year .section5 .n_info a{}
.new_year .section5 .n_info .n_info_contents{
    margin: 0 auto;
    padding: 0 60px;
    width: 748px;
    height: 0;
    text-align: left;
    background: #fff;
    border-radius: 5px;
}
.new_year .section5 .n_info.active .n_info_contents{
	height: 100%;
}
.new_year .section5 .n_info .n_info_contents .end_comment{
    display: none;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
.new_year .section5 .n_info .n_info_contents.active .end_comment{
	display: block;
}
.new_year .section5 .n_info .n_info_contents .end_comment h5{
    font-size: 30px;
    color: #00c0bc;
}
.new_year .section5 .n_info .n_info_contents .end_comment h5 strong{
    color: #ff4061;
}
.new_year .section5 .n_info .n_info_contents .end_comment p{
    margin-top: 10px;
    font-size: 17px;
    font-weight: 500;
    color: #202020;
}
.new_year .section5 .n_info .n_info_contents .end_comment p strong{
    text-decoration: underline;
}
.new_year .section5 .n_info .n_info_contents .end_comment span{
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #606060;
}
.new_year .section5 .n_info .n_info_contents h5{
    padding-top: 40px;
    font-size: 28px;
    color: #ff4061;
}
.new_year .section5 .n_info .n_info_contents .n_notice{
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #909090;
}
.new_year .section5 .n_info .n_info_contents form{}
.new_year .section5 .n_info .n_info_contents form .n_check{
    margin-top: 25px;
}
.new_year .section5 .n_info .n_info_contents form .n_check span{
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #202020;
}
.new_year .section5 .n_info .n_info_contents form .n_check input{
    margin-top: 10px;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    font-size: 15px;
    color: #202020;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.new_year .section5 .n_info .n_info_contents form .n_notice2{
    display: block;
    margin-top: 30px;
    font-size: 15px;
    font-weight: 500;
}
.new_year .section5 .n_info .n_info_contents form .n_agree{
    margin-top: 10px;
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.new_year .section5 .n_info .n_info_contents form .n_agree p{
    font-size: 14px;
    color: #808080;
}
.new_year .section5 .n_info .n_info_contents form .n_btn{
    display: flex;
    justify-content: space-between;
    padding: 30px 0 40px;
}
.new_year .section5 .n_info .n_info_contents form .n_btn a{
    width: 100%;
    height: 70px;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    border-radius: 5px;
}
.new_year .section5 .n_info .n_info_contents form .n_btn .close{
    line-height: 68px;
    border: 1px solid #aaa;
}
.new_year .section5 .n_info .n_info_contents form .n_btn .submit{
    line-height: 70px;
    background: #ff4061;
    color: #fff;
}
.new_year .section8{
    padding-bottom: 40px;
    background: url(/design/img/event/new_year/03_bg.jpg) repeat-y;
}
.new_year .section8 .inner{
    margin: 0 auto;
    width: 748px;
}
.new_year .section8 .inner .gift01{
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}
.new_year .section8 .inner .gift01 div{}
.new_year .section8 .inner .gift01 div figure{
    margin: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
}
.new_year .section8 .inner .gift01 div div{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    height: 210px;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.new_year .section8 .inner .gift01 div div ul{}
.new_year .section8 .inner .gift01 div div ul li{
    padding: 10px 0;
    font-size: 16px;
    font-weight: 500;
    color: #202020;
}
.new_year .section8 .inner .gift_one{
    display: flex;
    align-items: center;
    margin-top: 30px;
    border-radius: 5px;
    overflow: hidden;
}
.new_year .section8 .inner .gift_one figure{
    margin: 0;
}
.new_year .section8 .inner .gift_one ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 15px 20px;
    width: calc(100% - 236px);
    height: 250px;
    background: #fff;
}
.new_year .section8 .inner .gift_one ul li{
    width: 25%;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #202020;
}

/* ù°áÁ¦ ¹«·á À̺¥Æ® */
.first_pay{}
.first_pay img{
    width: 100%;
}
.first_pay .section2{
    text-align: center;
    background: #7f4500;
}
.first_pay .section2 a{
    display: inline-block;
    width: 86%;
    height: 100%;
}
.first_pay .section2 a img{
    width: 100%;
}

/* Ã⼮üũ À̺¥Æ® */


.attend_event{
    padding-bottom: 50px;
    line-height: 0;
    background: #ffd971;
}
.attend_event img{
    width: 100%;
}
.attend_event .inner{
    margin: 0 auto;
    width: 798px;
}

.attend_event .section1{}
.attend_event .section1 img{}
.attend_event .section2{}
.attend_event .section2 .inner{}
.attend_event .section2 .inner img{}
.attend_event .section3{}
.attend_event .section3 .inner{
    display: flex;
    align-items: center;
}
.attend_event .section3 .inner img{
}
.attend_event .section3 .inner .left{}
.attend_event .section3 .inner .right{}
.attend_event .section3 .inner .right a{
    display: block;
    height: 100%;
}
.attend_event .section5{}
.attend_event .section5 .inner{
    display: flex;
    align-items: center;
}
.attend_event .section5 .inner img{}
.attend_event .section5 .inner .left{
    position: relative;
}
.attend_event .section5 .inner .left span{
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    padding-left: 32px;
    font-family: 'GmarketSansBold', "Noto Sans KR";
    font-size: 34px;
    font-weight: 900;
    letter-spacing: -1px;
    color: #384556;
}
.attend_event .section5 .inner .left span.smalltxt{
    position: absolute;
    top: 70%;
    transform: translateY(-50%);
    padding-left: 32px; line-height:120%;
    font-family: 'GmarketSansMedium', "Noto Sans KR";
    font-size: 17px; font-weight: 400;
    letter-spacing: -1px;
    color: #909eb0;
}
.attend_event .section5 .inner .left span strong{
    color: #b14747;
}
.attend_event .section5 .inner .right{}
.attend_event .section5 .inner .right a{
    display: block;
    height: 100%;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

/* Ã⼮üũ 2026 À̺¥Æ® */
.attendance {background:#fae6c3; font-family: 'Escoredream'; letter-spacing:-0.5px;}
.attendance .section1 img {width:100%}
.attendance .section2 {margin-bottom:35px;}
.attendance .section2 .inner {display:flex; width:90%; background:#ff7245; padding:20px; border-radius:20px; margin:0 auto; letter-spacing:-3px; }
.attendance .section2 .inner .check_day {width:500px; font-size:40px; color:#fff; text-align:center;letter-spacing:-3px; padding-top:10px;}
.attendance .section2 .inner .check_day span {color:#fff332}
.attendance .section2 .inner .btn_chulcheck {width:300px; height:80px; font-size:32px; background:#30150b; font-family: 'Escoredream'; color:#fff; letter-spacing:-3px; border-radius:15px; outline:none; border:none;  display: flex;  align-items: center; justify-content: center; gap: 6px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); transition: all 0.2s; }
.attendance .section2 .inner .btn_chulcheck:hover {box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);} 
.attendance .section2 .inner .btn_chulcheck img {margin:5px 0 0 5px;}

.attendance .section3 {display: flex; justify-content: space-between; width: 90%; margin: 0 auto; padding-bottom:50px;}
.attendance .section3 .inner {width: 394px;}
.attendance .section3 .point_ad {width: 394px; height:450px; background: url(/design/img/event/attend/attendance_img03.png) no-repeat;}
.attendance .section3 .point_ad .btn_adpoint {display:inline-block; width:85%; padding:10px 0; background:#ff6b57; color:#fff; outline:none; border:none; border-radius:15px; display: block; margin:260px auto 0 auto;  font-family: 'Escoredream'; font-size:25px; font-weight:700; line-height:130%; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); transition: all 0.2s;}
.attendance .section3 .point_ad .btn_adpoint:hover {box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);}
.attendance .section3 .point_ad .btn_adpoint span {color:#fffd44;}
.attendance .section3 .point_ad .checkit {display: block; width:85%; font-size:12px; color:#7b7776; margin:0 auto; padding:20px 0 0 15px;} 
.attendance .section3 .point_ad .checkit li:before{content: '¡Ø '; float: left; margin-left: -15px}

/* Ã⼮üũ ±¤°í½Ãû Æ˾÷ */
.advertising_pop {width:520px; position:relative; background:none}
.advertising_close {position:absolute; top:-30px; right:-30px; z-index:1;}
.advertising_btn {position:absolute; bottom:65px; left: 50%; transform: translateX(-50%); z-index:1; width:400px; height:50px; padding:5px 0 0 0; background:#e45555; color:#fff; font-family: 'GmarketSansMedium', "Noto Sans KR"; font-size: 24px; font-weight: 400; letter-spacing: -1px; line-height:120%; border-radius:43px; border:0; outline:none;}
.advertising_btn span {color:#ffef3f;}
.advertising_btn:focus {outline: none;}


/* ÆÄÀϸù ¿¬¸»´ë»ó */

.awards{padding-bottom: 50px; line-height: 0;}
.awards img{ width: 100%;}
.awards .inner{ margin: 0 auto; width: 806px;}
.awards .section2{display: block;}
.awards.active .section2{display: none;}
.awards .section3{ display: none;background: #070504;}
.awards.active .section3{display: block;}
.awards .section3 .inner{padding-top: 20px;	text-align: center;}
.awards .section3 .info{background: url("/design/img/event/awards/bg.jpg") repeat-x;}
.awards .section3 .info .inner{padding: 15px 0;}
.awards .section3 .info .inner h2{
    font-family: 'RiaSans-ExtraBold', "Noto Sans KR";
    font-size: 36px;
    text-align: center;
}
.awards .section3 .info .inner ul{
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}
.awards .section3 .info .inner ul li{
    display: flex;
    align-items: center;
    width: 48%;
}
.awards .section3 .info .inner ul li span{
    font-family: 'RiaSans-ExtraBold', "Noto Sans KR";
    font-size: 24px;
    font-weight: 800;
    vertical-align: middle;
}
.awards .section3 .info .inner ul li input{
    margin-left: 15px;
    padding: 0 15px;
    width: 100%;
    height: 50px;
    font-size: 18px;
    border: 1px solid #000;
    border-radius: 5px;
    outline: none;
}
.awards .section3 .inner .comment{
    display: block;
    margin-top: 10px;
    padding: 0;
    font-size: 25px;
    line-height: 1.3;
    color: #fff;
}
.awards .section3 .inner .submit{
    display: block;
    margin-top: 40px;
    height: 80px;
    line-height: 80px;
    font-family: 'RiaSans-ExtraBold', "Noto Sans KR";
    font-size: 28px;
    background: #ffc049;
    color: #fff;
    border-radius: 5px;
}

/* 2025 º¹ÁÖ¸Ó´Ï À̺¥Æ® */
.new_2025 {}
.new_2025 button {background:none; border:0; outline:none; margin:0 20px;}
.new_2025 .section1 {}
.new_2025 .section2 {width:918px; background: #d7eced; padding-bottom:70px; display: flex; align-items: center; overflow:hidden; }
.new_2025 .section2 .luckybag {width:320px; margin-left:80px;text-align:center;background:#fff;}
.new_2025 .section2 .luckybag .luckybag_img {width:320px; height:240px;  background:#fff; padding-top:30px; }
.new_2025 .section2 .luckybag .luckybag_num {width:320px; height:80px;  background:#ffee83; padding-top:20px;
	font-family: 'GmarketSansMedium', "Noto Sans KR"; font-size: 34px; font-weight: 800; letter-spacing: -1px; color: #363636;} 
.new_2025 .section2 .luckybag_txt {padding:0 0 0 30px; }
.new_2025 .section3 {width:918px; height:770px;padding-top:480px;  background: url("/design/img/event/new_2025/new_2025_img01.jpg") no-repeat; text-align:center;}
.new_2025 .section3 .entry_num {padding-bottom:20px; font-family: 'GmarketSansMedium', "Noto Sans KR"; font-size: 30px; font-weight: 800; letter-spacing: -1px; color: #363636;}
.new_2025 .section3 .entry_btn {width:630px; height:144px; background: url("/design/img/event/new_2025/new_2025_btn01.png") no-repeat;transition: all 1s;}
.new_2025 .section3 .entry_btn:hover {background: url("/design/img/event/new_2025/new_2025_btn01_ov.png") no-repeat;}
.new_2025 .section3 .entry_txt {}
.new_2025 .section4 {width:918px; height:500px; background: url("/design/img/event/new_2025/new_2025_img02.jpg") no-repeat; }
.new_2025 .section5 {width:918px;  height:368px; background: url("/design/img/event/new_2025/new_2025_bg.jpg") no-repeat; text-align:center; padding-top:50px;}
.new_2025 .section5 .btn2 {width:264px; height:252px; transition: all 1s; background: url("/design/img/event/new_2025/new_2025_btn02.png") no-repeat;}
.new_2025 .section5 .btn2:hover {background: url("/design/img/event/new_2025/new_2025_btn02_ov.png") no-repeat;}
.new_2025 .section5 .btn3 {width:264px; height:252px; transition: all 1s; background: url("/design/img/event/new_2025/new_2025_btn03.png") no-repeat;}
.new_2025 .section5 .btn3:hover {background: url("/design/img/event/new_2025/new_2025_btn03_ov.png") no-repeat;}
.new_2025 .section6 {width:918px; height:370px;background: url("/design/img/event/new_2025/new_2025_bottom.jpg") no-repeat;}

/* 2025 º¹ÁÖ¸Ó´Ï ´ç÷ÆäÀÌÁö */
.new_2025_info {font-family: 'GmarketSansMedium', "Noto Sans KR"; }
.new_2025_info .section1 {padding-bottom:20px;}
.new_2025_info .section2 {width:645px; margin:0 auto; text-align:center;}
.new_2025_info .section2 label {display:inline; font-size: 24px; font-weight: 800; letter-spacing: -0.5px; color: #505062; margin-right:15px;}
.new_2025_info .section2 .titmg {margin-left:40px;}
.new_2025_info .section2 input {width:200px; height:50px; background:#f5f6f8; padding:0 10px; border-radius:5px; border:0; outline: none;}
.new_2025_info .section2 input:focus {border:2px solid #333;}
.new_2025_info .section2 input::placeholder {font-size: 18px; letter-spacing: -0.5px; color: #b2b2b8;}
.new_2025_info .section3 {width:645px; border:2px solid #333; border-radius:20px; margin:40px auto 0 auto; padding-bottom:50px;}
.new_2025_info .section3 .tit {padding:30px 0; text-align:center; font-size: 28px; font-weight: 800; letter-spacing: -0.5px; color: #505062;}
.new_2025_info .section3 .tit .ptxt {color:#4f4fe8}
.new_2025_info .section3 fieldset {display:none}
.new_2025_info .section3 fieldset.active {display:block}
.new_2025_info .section3 fieldset ul {display:flex; justify-content: space-evenly; padding:0 40px;}
.new_2025_info .section3 fieldset ul li {}
.new_2025_info .section3 fieldset ul li div {text-align:center;}
.new_2025_info .section3 fieldset ul li .prize {color:#505062; padding-top:10px; line-height:120%; font-weight:800;}
.new_2025_info .pre {text-align:center; font-size:16px; color:#505062; padding:10px 0;}
.new_2025_info .section4 {text-align:center; padding:20px 0;}
.new_2025_info .section4 button {width:240px; height:70px; background:#4f4fe8; border-radius:10px; padding-top:5px; font-family: 'GmarketSansBold', "Noto Sans KR"; font-size:28px; color:#fff; border:0; outline:none; box-shadow: 0px 8px 6px -6px #888;transition: all 0.5s;}
.new_2025_info .section4 button:hover {background:#3f3fc4;}

 /* 2025 Ãß¼® ´ç÷ÆäÀÌÁö */
.sp_2025_txt {color:#027f85}
.sp_2025_btn {background:#027f85 !important}
.sp_2025_btn:hover {background:#005a5e !important}

 /* 2025 º¹±ÍÀ¯Àú À̺¥Æ® */
.comeback-top {text-align:center; font-family: 'GmarketSansBold', "NanumGothic"; padding:30px 0 40px 0; letter-spacing:-1px;} 
.comeback-top .tit01 {font-size:45px; font-weight:bold; color:#2b2b2b;}
.comeback-top .tit02 {font-family: 'GmarketSansMedium', 'NanumGothic'; font-size:28px; color:#2b2b2b;}
.comeback-top .bp1000 {padding-top:30px}
.emtxt {font-family: 'GmarketSansBold', "NanumGothic"; color:#e45555; font-weight:bold; }

.comeback-middle {text-align:center; font-family: 'GmarketSansMedium', 'NanumGothic'; }
.comeback-middle .tit01 {font-size:35px; letter-spacing:-1px; line-height:120%; margin-bottom:30px;}
.comeback-middle .txts {font-size:14px; color:#676767; padding:10px 0 40px 0; letter-spacing:-0.5px;}
.comeback-middle .tit02 {font-size:35px; letter-spacing:-1px; line-height:120%; margin-bottom:40px;}

.tab-wrap {width:630px; margin:0 auto 50px auto; }
.comeback-tab {overflow: visible;position: relative;}
.comeback-tab button {position: relative; overflow: visible;  width:50%; float: left;  background-color: #f3f3f3; border: none; outline: none; cursor: pointer; padding: 15px 0; font-family: 'GmarketSansMedium', 'NanumGothic'; color:#2b2b2b; font-size: 22px; font-weight:bold; border-bottom:3px solid #b14747; border-radius: 20px 20px 0 0;}
.comeback-tab button:hover {background-color: #ddd;}
.tab-ribon {position:absolute; top:-18px; left: 50%;  transform: translateX(-50%); z-index: 10;}

.tablinks { position: relative; overflow: visible;}

/* Create an active/current tablink class */
.comeback-tab button.active { border:3px solid #b14747; border-bottom:none; border-radius: 20px 20px 0 0; background:#fff;}

/* Style the tab content */
.tabcontent {height:280px; overflow:hidden; display: none; border: 3px solid #b14747; border-top: none; padding:30px;}
.tabcontent .mission-box3 {width:33%; float:left; text-align:center; transition: all 0.5s ease;}
.tabcontent .mission-box3 img:hover, .tabcontent .mission-box2 img:hover {border:1px solid #2b2b2b; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); border-radius: 20px}
.tabcontent .mission-box2 {width:50%; float:left; text-align:center; transition: all 0.5s ease}

.comback-notice {margin-top:30px; padding-left:3px;}
.comback-notice li:first-child {font-weight:bold; font-size:16px; color:#2b2b2b}
.comback-notice li {line-height:200%; font-size:13px;color:#666;}

 /* ÀÌÅä·£µå À̺¥Æ® */
.etoland {width:918px; margin:0 auto; background:#ebf7eb; font-family: 'yg-jalnan'; text-align:center; } 
.etoland-top {}
.etoland-benefit {position:relative;  width:600px; margin:0 auto; border:2px solid #3faf42; background:#fff; border-radius:30px; padding:20px 0 30px 0; box-sizing:border-box; margin-bottom:60px;}
.etoland-benefit .benefit-title {position:absolute; top:-20px; left:50%; transform:translateX(-50%); z-index:3; width:250px; height:42px; background:#3faf42; font-size:20px; color:#fff; border-radius:20px; text-align:center; line-height:42px;}
.etoland-benefit .benefit-txt {font-size:36px; color:#333; padding:30px 0 20px 0; } 
.etoland-benefit .benefit-img {}
.etoland-benefit .benefit-btn {width:310px; height:60px; border:2px solid #8f7b23; border-radius:30px; background: #f3d138 url("/design/img/event/etoland/etoland_btn_arrow.png") no-repeat 280px 20px; font-size:28px; font-family: 'yg-jalnan'; color:#736112; outline:none; box-shadow:3px 5px 0 0 rgba(43,70,13,0.3)} 
.etoland-benefit .benefit-btn:hover {color:#333; box-shadow:1px 2px 0 0 rgba(43,70,13,0.6)}
.etoland-benefit .check-container {margin:0 auto; display: flex; flex-wrap: wrap; width: 440px; gap: 10px; justify-content: center;  align-items: center; padding-bottom:30px;}
.etoland-benefit .check-box {flex: 0 0 calc(25% - 7.5px); height: 84px; text-align: center;}
.etoland-benefit .check-box .offimg:hover {filter: brightness(0.9); cursor:pointer}
.etoland-precautions {background:#b6e3b6; padding:50px 0; text-align:center;}


.benefit-end {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%;  border-radius:27px; background:rgba(0,0,0,0.5); display: flex; justify-content: center;  align-items: center;}
.benefit-end .ent-text {font-size:48px; color:#fff; transform: rotate(-30deg); text-shadow: 0px 0px 10px #333;}

 /* 2025 ¾÷·Îµå ·©Å· À̺¥Æ® */
.seller25 {width:918px; background:#281719; padding-bottom:70px;}
.seller25_top {}

.seller25_tit {text-align:center; padding:30px 0 50px 0;}
.seller25_category {display: flex; justify-content: space-between; flex-wrap: wrap;  width:780px; margin:0 auto}

.sell-ranking {width:240px; margin-bottom:30px;}
.sell-ranking li {border-radius:5px; height:45px; display: flex;  justify-content: center; align-items: center; margin-bottom:2px; background:#fff;}
.sell-ranking li.tit {background:#a11d2c; font-family: 'GmarketSansBold', "NanumGothic"; color:#fff; font-size:17px; padding-top:5px;}
.sell-ranking li .sellranking {display:inline-block; width:40px; text-align:center; position:relative; font-family: 'GmarketSansBold', "NanumGothic"; font-size:16px; color:#919191; margin-top:4px;}
.sell-ranking li .sellranking .medal {position:absolute; top:-25px; left:10px; z-index:2;}
.sell-ranking li .sellername {display:inline-block; width:142px; font-size:13px; color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sell-ranking li .sellscore {display:inline-block; width:58px; text-align:right; color:#000; font-weight:bold; padding-right:10px; box-sizing:border-box;}

.seller25_btn_box {text-align:center; padding:30px 0 70px 0;}
.seller25_btn_box button {width:550px; height:100px; background: url(/design/img/event/seller25_ranking/seller25_btn.png) no-repeat center; border:0; outline:none; font-family: 'GmarketSansBold', "NanumGothic"; font-size:40px; color:#fff; }
.seller25_btn_box button:hover {color:#fcbc69;}

.seller25_cautions {width:780px; border-top:1px solid #918485; margin:0 auto;  font-family: 'GmarketSansMedium', "NanumGothic"; color:#918485; padding-top:50px;}
.sell-text-tit {font-size:20px; font-weight:bold; padding-bottom:10px;}
.sell-text-dot{padding-left: 10px; line-height:25px;}
.sell-text-dot:before{content: '- '; float: left; margin-left: -10px}

 /* ¸¶Àϸ®Áö Æ÷ÀÎÆ® º¯È¯ */
.mileage_evt {width:918px; background:#051437; }
.mileage_evt_top {position:relative}
.mileage_evt_top .btn_mileage {position:absolute; top:330px; left:50%; margin-left:-283px; width:566px; height:85px; background: url("/design/img/event/mileage/btn_mileage.png") no-repeat ; border:0; outline:none; font-family: 'GmarketSansMedium', "NanumGothic"; font-size:38px; color:#fff; }
.mileage_evt_top .btn_mileage:hover {color:#fde47b;}

.mileage_cautions {width:680px;  margin:0 auto; color:#9ba4b8; padding:70px 0; font-family: 'GmarketSansMedium', "NanumGothic";}
.mileage_cautions a:hover {text-decoration: underline}
.cau-text-tit {font-size:18px; font-weight:bold; padding-bottom:10px;}
.cau-text-dot{padding-left: 10px; line-height:25px;}
.cau-text-dot:before{content: '- '; float: left; margin-left: -10px}

 /* Æ÷ÀÎÆ® ½×±â 

.get_point {background:#0a060e}
.get_point .btn_line {text-align:center; padding-bottom:80px; border-bottom:1px solid #3d3d3d;}
.get_point .btn_line button {width:580px; height:120px; font-family: 'YeogiOttaeJalnan'; font-size:45px; color:#fff; font-weight:bold; background:#733ef2; border:0; outline:none;}
.get_point .btn_line button:hover {background:#4018a2;}
.get_point_cautions {width:580px; margin:50px auto 0 auto; padding-bottom:50px; font-family: 'GmarketSansMedium', "NanumGothic"; color:#919191;}

*/

 /* 2025 10 Ãß¼®À̺¥Æ® */
.sp_202510 {background:#027f85; text-align:center; }
.sp_202510_top img {width:100%;}
.sp_202510_way {width:780px; margin:0 auto; border:2px solid #f4df76; border-radius:30px; padding:35px; margin-bottom:60px; box-sizing:border-box;}
.sp_202510_way .way_tit {margin-top:-51px; text-align:center;}
.sp_202510_way .b-tit {font-family: 'YeogiOttaeJalnan'; font-size:38px; color:#fff; font-weight:bold; padding:30px 0 10px 0;}
.sp_202510_way .b-tit span {color:#f4df76;}
.sp_202510_way .date-txt {font-size:16px;  font-family: 'GmarketSansMedium'; color:#fff;}
.sp_202510_content {display: flex; margin:50px 0 20px 0;}
.sp_202510_content .get_it {margin-right:30px;}
.sp_202510_content .songpyeon {position:relative; width:254px; height:198px; background: url("/design/img/event/sp_event_202510/sp_202510_04.png") no-repeat; }
.sp_202510_content .songpyeon .deducted {position:absolute; top:0; right:0; z-index:1; width:88px; height:88px; background:#eec4ca; font-family: 'GmarketSansBold'; font-weight:bold; font-size:15px; color:#027f85; border-radius:50%; line-height:110%;  display: flex;  align-items: center;  justify-content: center;}
.sp_202510_content .songpyeon .own {position:absolute; top:75px; left:80px; z-index:1; font-family: 'GmarketSansMedium'; font-size:24px; color:#fff; line-height:120%; }
.sp_202510_content .songpyeon .own_num {font-family: 'GmarketSansBold'; color:#f4df76;}
{width:527px;}
.sp_202510_btnline {display: flex; width:784px; margin:0 auto 20px auto;}
.sp_202510_btnline .left_box {width:527px; height:100px; margin-right:13px;}
.sp_202510_btnline button {width:240px; height:100px; outline:none; border-radius:20px; font-family: 'GmarketSansBold'; font-size:30px; color:#fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); transition: all 0.5s;}
.sp_202510_btnline .btn01 {border:2px solid #a15b10; background:#eb8211;}
.sp_202510_btnline .btn01 span {display:block; font-family: 'GmarketSansMedium'; font-size:15px;}
.sp_202510_btnline .btn01:hover {background:#cb7212}
.sp_202510_btnline .btn02 {border:2px solid #11143d; background:#213d6c; margin-bottom:40px;}
.sp_202510_btnline .btn02:hover {background:#142b51}
.sp_202510_bom {background:#f5efe1; text-align:left; padding:50px 0;}
.sp_202510_bom .cautions{width:780px; margin:0 auto; font-family: 'GmarketSansMedium'; color:#838177; font-size:14px;}

@font-face {
    font-family: 'Cafe24ClassicType';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Cafe24ClassicType-Regular.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}
/* 2025 ¿¬¸»´ë»ó */
.awards_2025 {padding-bottom: 50px; line-height: 0;}
.awards_2025 img{ width: 100%;}
.awards_2025 .section2{ display: none; background: #4a2c02;}
.awards_2025.active .section2{display: block;}
.awards_2025 .section2 .inner{width:80%; margin:0 auto; padding:20px 0 40px 0; text-align: center;}
.awards_2025 .section2 .info{color:#efc161; }
.awards_2025 .section2 .info .inner{padding: 30px 0 0 0 ;}
.awards_2025 .section2 .info .inner h2{ font-family: 'Cafe24ClassicType', "Noto Sans KR"; font-weight: normal; font-size: 35px; text-align: center; letter-spacing:3px;}
.awards_2025 .section2 .info .inner ul{ display: flex; justify-content: space-between; padding-top: 20px;}
.awards_2025 .section2 .info .inner ul li{display: flex;align-items: center; width: 48%;}
.awards_2025 .section2 .info .inner ul li span{font-family: 'Cafe24ClassicType', "Noto Sans KR"; font-size: 24px; vertical-align: middle;}
.awards_2025 .section2 .info .inner ul li input{ margin-left: 15px; padding: 0 15px; width: 100%; height: 50px; font-size: 18px; border: 1px solid #823400; background:#f9e8cd; border-radius: 5px; outline: none;}
.awards_2025 .section2 .inner .comment{ display: block; margin-top: 10px; padding: 0; font-family: 'GmarketSansMedium'; font-weight: normal; font-size: 20px; color:#efc161; line-height: 1.3; text-align: center; }
.awards_2025 .section2 .inner .submit{ display: block;  margin-top: 30px;  height: 80px;  line-height: 80px;  font-family: 'Cafe24ClassicType', "Noto Sans KR";  font-size: 28px;  background: #823400;  color: #efc161;   border-radius: 5px; box-shadow: 1px 3px 4px 1px rgb(0 0 0 / 10%);}
.awards_2025 .section2 .inner .submit:hover { box-shadow: 1px 3px 6px 2px rgb(0 0 0 / 50%);}

/* 2026 2¿ù ·ê·¿À̺¥Æ® */
.roulette-event {min-height:800px; background:url("/design/img/event/roulette/roulette_top.png") no-repeat; padding-top:245px;} 
.roulette {width:516px; margin: 0 auto; position: relative; text-align: center;}

/* ---------- È­»ìÇ¥ ---------- */
.arrow-roulette { position: absolute;  top: -10px;  left: 50%;  transform: translateX(-50%);  z-index: 10;}
.arrow-roulette img { width: 40px;}

/* ---------- ¿øÆÇ ---------- */
.wonpan { width: 516px; aspect-ratio: 1 / 1;  transition: transform 4s cubic-bezier(.15,.85,.25,1);  transform-origin: 50% 50%;

  /* iOS ¾ÈÁ¤È­ */
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.wonpan img { width: 100%; height: 100%;  display: block;  image-rendering: -webkit-optimize-contrast; /* iOS ÇÙ½É */  image-rendering: crisp-edges;  backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translateZ(0); /* GPU ¾ÈÁ¤È­ */}

.roulette-event .section1 { display: flex; justify-content: center; align-items: center; gap: 20px; padding:30px 0 20px 0;}
.bok-coupon {width:310px; height:110px; border:1px solid #e0b915; border-radius:10px; background:#fff url("/design/img/event/roulette/roulette_img03.png") no-repeat 15px;  display: flex;            
  justify-content: flex-end;  align-items: center;   padding-right: 20px; }
.bok-coupon span {display:inline-block; font-weight:bold; vertical-align:middle;}
.bok-coupon span.bok-num {color:#ef5031; font-size:40px; margin-top:25px;}
.bok-coupon span.bok-jang {color:#333; font-size:35px; margin-top:25px;}

/* ---------- ¹öÆ° ---------- */
.btn-roulette {background:#333; width:310px; height:110px; border-radius:10px; display: flex; justify-content: center; align-items: center;}
.btn-roulette:hover {background:#000;}
.roulette-date {font-family: 'GmarketSansMedium'; font-size:16px; color:#333; font-weight:bold; text-align:center; padding-bottom:35px;}

.bok-getit { display: flex; justify-content: center; align-items: center; gap: 30px; padding:20px 0 50px 0;}
.bok-getit button {width:310px; height:80px; border:1px solid #e0b915; background:#fff6d9; outline:none; border-radius:10px;}
.bok-getit button:hover {background:#feedb7}

/* 2026 2¿ù ·ê·¿À̺¥Æ® ¸ð´Þ */
.roulette-modal {width:690px; }
.roul-modal-top {border-top-left-radius:15px; border-top-right-radius:15px; overflow:hidden;}
.roul-result-line {text-align:center; padding:30px 0; font-size:34px; letter-spacing:-1px;}
.roul-result-bok {display:inline; font-family: 'GmarketSansBold'; color:#ef5031}
.roul-result-txt {display:inline; font-family: 'GmarketSansMedium'; color:#333;}

.roul-phone {font-family: 'GmarketSansMedium'; font-size:30px; color:#333; letter-spacing:-1px; vertical-align:middle; text-align:center;}
.roul-phone input[type=text] {width:80px; height:40px; border:1px solid #bec2cc; background:#f6f6f6; border-radius:5px; font-size:26px; text-align:center;}
.roul-check {width:90%; margin:20px auto; padding:20px 0; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; font-size:14px; color:#666;}
.roul-prize-line {text-align:center; padding:10px 0 30px 0;}
.roul-prize-line>.roul-prize {width:200px; height:70px; background:#333; border-radius:10px; font-family: 'GmarketSansBold'; font-size:30px; color:#f9d714; border:0; outline:none;}
.roul-prize-line>.roul-prize:hover {background:#000;}
.voucher  {display:none;} 
.voucher.active {display:block}