@charset "euc-kr";

.flt_inner.renewal li { margin-top: 10px; } 
.flt_inner.renewal li:nth-of-type(1),
.flt_inner.renewal li:nth-of-type(2) { border-radius: 50%; overflow: hidden; box-shadow: 5px 5px 0 rgba(0,0,0,.15); } 
.flt_inner.renewal li:last-of-type{ border-radius: 0; box-shadow: none; }
/* main */
.main { position: relative; background-color: #fffae5; } 
.main .inner .for_mo { display: none; } 
.main h3 { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; margin: 0 -130px; } 
.main .main_slider { position: relative; margin-top: -462px; margin-right: 84px; width: 428px; height: 292px; } 
.main .main_slider::before { position: absolute; left: 0; bottom: 0; content: ''; width: 428px; height: 307px; background-image: url('https://img.megagong.net/m/2022/1215_planner/main_slider_deco.png'); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 1; } 
.main .con_box { margin-top: -35px; padding-bottom: 120px; } 

/* main_new - 2023-01-05 */
.main_new{
    position: relative;
}
.main_new .inner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.main_new .main_new_slider .slick-arrow { position: absolute; top: 50%; transform: translate(0, -50%); width: 44px; height: 88px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 1; } 
.main_new .main_new_slider .slick-arrow.slick-prev { left: 150px; background-image: url('https://img.megagong.net/m/2022/1215_planner/main_slider_arrow_left.png'); } 
.main_new .main_new_slider .slick-arrow.slick-next { right: 150px; background-image: url('https://img.megagong.net/m/2022/1215_planner/main_slider_arrow_right.png'); } 

.main.main_new .con_box { margin-top: 0; padding-bottom: 0; } 
.main.main_new .con_box a{
    display: inline-block;
    margin-top: 81px;
}
.main_new.for_mo{
    display: none;
}

/* evCon1 */
.evCon1 { padding: 140px 0 110px 0; background-color: #fff; } 
.evCon1 .con_box { position: relative; margin-top: 73px; } 
.evCon1 .con_box::before,
.evCon1 .con_box::after { position: absolute; transform: translate(0, -50%); content: ''; background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 1; } 
.evCon1 .con_box::before { top: 23%; left: -9px; width: 75px; height: 75px; background-image: url('https://img.megagong.net/m/2022/1215_planner/con1_deco1.png'); } 
.evCon1 .con_box::after { top: 65%; right: -15px; width: 85px; height: 68px; background-image: url('https://img.megagong.net/m/2022/1215_planner/con1_deco2.png'); } 
.evCon1 .con1_slider_for { position: relative; margin: 0 120px; } 
.evCon1 .con1_slider_for::before,
.evCon1 .con1_slider_for::after { position: absolute; content: ''; background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 1; } 
.evCon1 .con1_slider_for::before { top: -21px; left: -35px; width: 134px; height: 101px; background-image: url('https://img.megagong.net/m/2022/1215_planner/con3_deco1.png'); } 
.evCon1 .con1_slider_for::after { right: -39px; bottom: -23px; width: 136px; height: 101px; background-image: url('https://img.megagong.net/m/2022/1215_planner/con3_deco3.png'); } 
.evCon1 .con1_slider_for .slick-arrow { position: absolute; top: 50%; transform: translate(0, -50%); width: 50px; height: 100px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 1; } 
.evCon1 .con1_slider_for .slick-arrow.slick-prev { left: -120px; background-image: url('https://img.megagong.net/m/2022/1215_planner/con1_slider_arrow_left.png'); } 
.evCon1 .con1_slider_for .slick-arrow.slick-next { right: -120px; background-image: url('https://img.megagong.net/m/2022/1215_planner/con1_slider_arrow_right.png'); } 

.evCon1 .con1_slider_nav { margin-top: 50px; } 
.evCon1 .con1_slider_nav .slick-slide { border: 2px solid transparent; cursor: pointer; } 
.evCon1 .con1_slider_nav .slick-slide.slick-current { border: 2px solid #000; } 


/* evCon2 */
.evCon2 { padding: 0 0 150px 0; background-color: #f4f4f4; } 
.evCon2 .tab_base { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-top: 50px; margin-bottom: 30px; } 
.evCon2 .tab_base li { position: relative; width: 60px; height: 60px; margin-right: 15px; border-radius: 50%; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: contain; font-size: 0; } 
.evCon2 .tab_base li:last-of-type { margin-right: 0; } 
.evCon2 .tab_base li:hover { box-shadow: 5px 5px 0 rgba(0,0,0,.15); } 
.evCon2 .tab_base li a { display: inline-block; width: 100%; height: 100%; } 
.evCon2 .tab_base li:nth-of-type(1) { background-image: url('https://img.megagong.net/m/2022/1215_planner/con2_tab_1.png'); } 
.evCon2 .tab_base li.on:nth-of-type(1) { background-image: url('https://img.megagong.net/m/2022/1215_planner/con2_tab_1_on.png'); } 
.evCon2 .tab_base li:nth-of-type(2) { background-image: url('https://img.megagong.net/m/2022/1215_planner/con2_tab_2.png'); } 
.evCon2 .tab_base li.on:nth-of-type(2) { background-image: url('https://img.megagong.net/m/2022/1215_planner/con2_tab_2_on.png'); } 
.evCon2 .tab_base li:nth-of-type(3) { background-image: url('https://img.megagong.net/m/2022/1215_planner/con2_tab_3.png'); } 
.evCon2 .tab_base li.on:nth-of-type(3) { background-image: url('https://img.megagong.net/m/2022/1215_planner/con2_tab_3_on.png'); } 
.evCon2 .tab_base li:nth-of-type(4) { background-image: url('https://img.megagong.net/m/2022/1215_planner/con2_tab_4.png'); } 
.evCon2 .tab_base li.on:nth-of-type(4) { background-image: url('https://img.megagong.net/m/2022/1215_planner/con2_tab_4_on.png'); } 
.evCon2 .panel_base .for_mo { display: none; } 


/* evCon3 */
.evCon3 { padding: 140px 0 150px 0; background-color: #fffae5; } 
.evCon3 .sub_header { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 50px; margin-bottom: 43px; } 
.evCon3 .sub_header .line { flex: 1; height: 1px; background-color: #66645c; } 
.evCon3 .sub_header .center { padding: 0 20px; color: #66645c; font-size: 24px; } 
.evCon3 .popup_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 0 40px; } 
.evCon3 .popup_wrapper a { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; } 
.evCon3 .popup_wrapper a .deco { position: absolute; top: -23px; left: -29px; } 
.evCon3 .popup_wrapper a .popup_title { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 110px; color: #fff; font-size: 22px; font-weight: bold; background-color: #000; } 
.evCon3 .popup_wrapper a .popup_title span { font-size: 18px; font-weight: 400; } 
[class*=mg_popup_wrap].for_planner .content_area { border-radius: 15px; } 
[class*=mg_popup_wrap].for_planner .con3_slider_for,
[class*=mg_popup_wrap].for_planner .con3_slider_for_only_two { width: 550px; height: 400px; margin: 0 auto; } 
[class*=mg_popup_wrap].for_planner .con3_slider_for .slick-list,
[class*=mg_popup_wrap].for_planner .con3_slider_for_only_two .slick-list { width: 550px; height: 400px; } 
[class*=mg_popup_wrap].for_planner .con3_slider_nav .slick-list,
[class*=mg_popup_wrap].for_planner .con3_slider_nav_only_two .slick-list { margin-top: 20px; padding: 0 !important; } 
[class*=mg_popup_wrap].for_planner .con3_slider_nav .slick-list .slick-track,
[class*=mg_popup_wrap].for_planner .con3_slider_nav_only_two .slick-list .slick-track { display: flex !important; flex-direction: row; align-items: center; justify-content: center; width: 550px !important; } 
[class*=mg_popup_wrap].for_planner .con3_slider_nav .slick-list .slick-track .slick-slide,
[class*=mg_popup_wrap].for_planner .con3_slider_nav_only_two .slick-list .slick-track .slick-slide { margin-right: 15px; border: 2px solid transparent; border-radius: 10px; overflow: hidden; cursor: pointer; } 
[class*=mg_popup_wrap].for_planner .con3_slider_nav .slick-list .slick-track .slick-slide:last-of-type,
[class*=mg_popup_wrap].for_planner .con3_slider_nav_only_two .slick-list .slick-track .slick-slide:last-of-type { margin-right: 0; } 
[class*=mg_popup_wrap].for_planner .con3_slider_nav_only_two .slick-list .slick-track .slick-slide { width: 173.33px !important; height: 126px !important; } 
[class*=mg_popup_wrap].for_planner .con3_slider_nav .slick-list .slick-track .slick-slide.slick-current,
[class*=mg_popup_wrap].for_planner .con3_slider_nav_only_two .slick-list .slick-track .slick-slide.slick-current { border: 2px solid #459361; } 
[class*=mg_popup_wrap].for_planner button.mfp-close, [class*=mg_popup_wrap].for_planner .mg_popup_close, [class*=mg_popup_wrap].for_planner button.mfp-arrow { top: -40px; right: -24px; width: 62px; height: 62px; background: url('https://img.megagong.net/m/2022/1215_planner/con3_popup_close.png') 0 0 no-repeat; opacity: 1 !important; } 


/* event °øÅë */
.event .inner { position:relative; } 
.event .inner .fin { position: absolute; top: 0; right: 0; z-index: 1; } 


/* event1 */
.event1 { padding: 150px 0; background-color: #fff; } 
.event1 .inner .fin { top: 52px; right: -71px; } 
.event1 .container_info { display: inline-flex; margin-top: 60px; margin-bottom: 80px; padding: 12px 70px 12px 70px; color: #fff; font-size: 21px; background-color: #7f7f7f; } 
.event1 .container_info .info .info_title::before { display: none; } 
.event1 .container_info .info .info_title::after { background-color: #fff; } 
.event1 .gift { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } 
.event1 .gift.for_mo { display: none; } 
.event1 .gift li:nth-of-type(3) { margin-top: 3px; } 
.event1 .gift li a { display: inline-block; margin-top: 40px; } 
.event1 .event1_subtitle { margin-top:95px; } 
.event1 .event1_btn { margin-top:50px; } 
/* event2 - 2023-01-05 */
.event1 .gift_new > .img{
    margin-bottom: 70px;
}
.event1 .gift_new > p{
    margin-top: 20px;
    line-height: 1.6;
    color: #999999;
    font-size: 13px;
    text-align: center;
}
.announBox { width: calc(100% + 100px); margin: 0 -50px; margin-top:70px; position:relative; background:#f0f0f0; } 
.announBox .coming { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.9); text-align:center; display:block; z-index:2; } 
.announBox .coming div { display:table; width:100%; height:100%; } 
.announBox .coming p { display:table-cell; vertical-align:middle; } 
.announBox .tit { width:100%; height:87px; display:table; color:#fff; text-align:center; background: #000000; } 
.announBox .tit h4 { font-size:27px; display:table-cell; vertical-align:middle; } 
.announBox .tit p { font-size:37px; font-weight:700; display:table-cell; vertical-align:middle; text-align:center; } 
.announBox .box { text-align:center; padding:50px 0 0; margin:0; overflow:hidden; min-height: 566px; box-sizing:border-box; } 
.announBox .box > p { font-weight:bold; color:#e45d8d; font-size:32px; text-indent:15px; } 
.announBox .box #winner_list { margin:40px 40px; padding:0 270px; overflow: hidden; } 
.announBox .box #winner_list .con04_list .slick-list { overflow: visible; padding:0 40px!important; } 
.announBox .box #winner_list .con04_list .slick-slide { margin:0 -10px; padding:0; } 
.announBox .box #winner_list .con04_list .slick-slide > div { transform: scale(.7); background-color:#fff; border-radius: 30px; overflow: hidden; } 
.announBox .box #winner_list .con04_list .slick-slide.slick-current.slick-center > div { transform: scale(1); } 
.announBox .box #winner_list .con04_list .slick-slide > div li { padding-bottom:30px; box-sizing:border-box; } 

.announBox .box #winner_list .con04_list .slick-slide h5 { width:100%; height:60px; line-height:60px; color:#030303; font-size:23px; border-bottom:1px solid #d5d5d5; } 
.announBox .box #winner_list .con04_list .slick-slide h5:after { content:""; display:block; width:100%; height:1px; background:#fff; } 
.announBox .box #winner_list .con04_list .slick-slide dl { margin-top:20px; } 
.announBox .box #winner_list .con04_list .slick-slide dl:first-child { margin-top:30px; } 
.announBox .box #winner_list .con04_list .slick-slide dt { color:#000; font-size:18px; font-weight:700; } 
.announBox .box #winner_list .con04_list .slick-slide dd { margin-top:10px; color:#b3b3b3; font-size:11px; line-height:150%; box-sizing:border-box; padding:0 10px; word-break:keep-all; } 

.announBox .box #winner_list .con04_list .slick-slide .soon { height:330px; line-height: 330px; } 
.announBox .box #winner_list .con04_list .slick-slide .soon div { display:inline-block; vertical-align: middle; } 
.announBox .box #winner_list .con04_list .slick-slide .soon div p { font-weight:900; font-size:30px; line-height:1.13; color:#9c9c9c; } 
.announBox .box #winner_list .con04_list .slick-arrow { position:absolute; top:50%; margin-top:-15px; display:block; width:50px; height:50px; font-size:0; z-index:1; } 
.announBox .box #winner_list .con04_list .slick-prev { left:50%; margin-left:-275px; background:url('https://img.megagong.net/m/2022/1215_planner/event1_arrow_left.png') no-repeat; } 
.announBox .box #winner_list .con04_list .slick-next { right:50%; margin-right:-275px; background:url('https://img.megagong.net/m/2022/1215_planner/event1_arrow_right.png') no-repeat; } 


/* event2 */
.event2 { padding: 150px 0; background-color: #fffae5; } 
.event2 .inner .fin { top: 74px; right: 74px; } 
.event2 .container_info { margin: 60px 0 100px 0; color: #fff; font-size: 21px; background-color: #7f7d72; } 
.event2 .container_info .info .info_title::before,
.event2 .container_info .info .info_title::after { background-color: #fff; } 
.event2 .container_info .info .noti { color: #ffffff; font-weight: bold; opacity: 0.6; } 
.event2 .gift { margin-bottom: 110px; } 
.event2 .gift > img { margin-right: 20px; } 
.event2 .gift > img:last-of-type { margin-right: 0; } 
.event2 .subheader { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 40px; } 
.event2 .subheader .line { flex: 1; height: 2px; background-color: #111111; } 
.event2 .subheader .center { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 14px; padding: 0 25px; color: #000000; font-size: 28px; font-weight: 900; border-left: 2px solid #000; border-right: 2px solid #000; } 
.event2 .step_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 40px; } 
.event2 .step_wrapper .step { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; height: 356px; background-color: #fff; border: 2px solid #000; border-radius: 10px; } 
.event2 .step_wrapper .step > img { margin-bottom: 0px; } 
.event2 .step_wrapper .step .step_title { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 10px; line-height: 1.2; color: #000000; font-size: 20px; } 
.event2 .step_wrapper .step .step_title b { display: inline-block; margin-bottom: 10px; color: #459361; font-size: 18px; font-weight: bold; } 
.event2 .step_wrapper .step .step_desc { color: #ff0000; font-size: 14px; } 
.event2 .step_wrapper .step:nth-of-type(1),
.event2 .step_wrapper .step:nth-of-type(2) { position: relative; margin-right: 15px; } 
.event2 .step_wrapper .step:nth-of-type(1)::before,
.event2 .step_wrapper .step:nth-of-type(2)::before { position: absolute; top: 50%; right: -27px; content: ''; transform: translate(0, -50%); width: 35px; height: 35px; background-image: url('https://img.megagong.net/m/2022/1215_planner/event2_step_arrow.png'); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 1; } 
.event2 .step_wrapper .step:nth-of-type(2) > img { margin-top: -45px; margin-bottom: 10px; } 
.event2 .eventBoard > a:first-of-type { margin-right: 40px; } 
.event2 .eventBoard .shareList { margin-top: 100px; } 
.event2 .eventBoard .shareList ul li dl dd { width: 198px; } 
.event2 .eventBoard .shareList ul li dl.sns dt { background-color: #dbcdd2; } 
.event2 .eventBoard .shareList ul li dl.naver dt { background-color: #459361; } 
.event2 .eventBoard .shareList ul li dl.daum dt { background-color: #f0cc00; } 
.event2 .eventBoard .shareList ul li dl.etc dt { background-color: #878787; } 
.event2 .eventBoard .shareList ul li dl.sns dd,
.event2 .eventBoard .shareList ul li dl.naver dd,
.event2 .eventBoard .shareList ul li dl.daum dd,
.event2 .eventBoard .shareList ul li dl.etc dd { border: 1px solid #c6c6c6; color: #888888; } 
.event2 .evtBoard_common { background-color: #fcf1b7; } 
.event2 .evtBoard_common .board_write .inp_wrap textarea, .evtBoard_common .board_write .inp_wrap input[type="text"] { border: 1px solid #000; } 
.event2 .evtBoard_common .board_write .btn_wrap a { margin-left: 10px; } 
.event2 .evtBoard_common .info_wrap { display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; } 
.event2 .evtBoard_common .info_wrap ul li { color: #111111; font-size: 13px; text-align: left; text-indent: -10px; padding-left: 10px; opacity: 0.8; } 
.event2 .evtBoard_common .info_wrap ul li:last-of-type { color: #459361; } 
.event2 .evtBoard_common .info_wrap button { margin-right: 15px; color: #459361; font-size: 16px; font-family: 'NotoSans KR'; text-decoration: underline; text-underline-offset: 7px; white-space: nowrap; } 
/* event2 - 2023-01-05 */
.event2 .date_gift{
    margin-top: 20px;
    margin-bottom: 80px;
}


/* À̺¥Æ® À¯ÀÇ»çÇ× */
.evtoggleWarning .warningList { padding: 75px 0; } 
.evtoggleWarning p.w_tit i { margin-left: 10px; } 
.warningList li .s_tit { display: inline-block; margin-bottom: 5px; color: #000000; font-size: 14px; font-weight: bold; } 
.warningList li ul li a { color: #459361; border: 1px solid #459361; border-radius: 40px; } 
.warningList li ul li.green { color: #459361; font-weight: bold; } 


/* Æ˾÷ */
.black_bg { background-color:#000; opacity:0.8; position:fixed; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:92 } 
.dim_popup button { position:absolute; right: 15px; top: 15px; background: none; } 
.clickPop { width: 470px; background: #fff; padding: 30px 0 35px; position: fixed; left:50%; top: 50% !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 99; } 


/* µî·ÏÇÑ url Æ˾÷ */
.dim_popup.sns .tit { text-align:center; margin: 20px 0; padding: 0 15px; font-size: 30px; font-weight: bold; } 
.dim_popup.sns table { font-size: 14px; } 
.dim_popup.sns table tr th, .dim_popup.sns table tr td { padding: 8px 5px; border: 1px solid #ddd; word-break: break-all; text-align: center; } 
.dim_popup.sns table tr th { border-color:#fff; background:#eaeaea } 
.dim_popup.sns table tr td.con { text-align:left } 
.dim_popup.sns .btnConfirm { text-align:center; margin: 40px 0 0 0; } 
.dim_popup.sns .btnClose { position:absolute; right: 10px; top: 10px; background: url(https://img.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size: 0; width: 26px; height: 26px; } 


/* °æÇ° ´ç÷ Æ˾÷ */
[class*=mg_popup_wrap] .m_tit { margin-bottom: 30px; } 
[class*=mg_popup_wrap] .content_area .content_inner > div:nth-of-type(1) { text-align: center; } 
[class*=mg_popup_wrap] .content_area .content_inner .s_info li { word-break: keep-all; } 
[class*=mg_popup_wrap] .content_area .content_inner .s_info li span:nth-of-type(2) { position: initial; word-break: break-all; } 
[class*=mg_popup_wrap] .content_area .content_inner.gift_green .m_tit strong { color: #459361 !important; font-size: 30px; } 
[class*=mg_popup_wrap] .content_area .content_inner.gift_yellow .m_tit strong { color: #e1c003 !important; font-size: 30px; } 
[class*=mg_popup_wrap] .content_area .content_inner.gift_cream .m_tit strong { color: #caacb7 !important; font-size: 30px; } 
[class*=mg_popup_wrap] .content_area .content_inner.gift_no .m_tit { font-size: 20px; font-weight: bold; } 
[class*=mg_popup_wrap] .content_area .content_inner.gift_no .m_tit .black { font-size: 30px; font-weight: bold; } 
[class*=mg_popup_wrap].popup_3rd .content_area .content_inner{
    color: #000000;
    font-size: 30px;
    font-weight: bold;
}
[class*=mg_popup_wrap].popup_3rd .content_area .content_inner:first-of-type{
    padding: 40px 0 10px 0;
}
[class*=mg_popup_wrap].popup_3rd .content_area .tit_area{

}
[class*=mg_popup_wrap].popup_3rd .content_area .tit_area span{
    color: #459361;
}
[class*=mg_popup_wrap].popup_3rd .s_info li:last-of-type{
    color: #459361;
}

@media (max-width: 1300px){
 .main h3 { margin: 0 -68px; } 
 }

@media (max-width: 1200px){
 .main h3 { margin: 0 auto; } 
 .main .main_slider { margin-top: -364px; } 
 .main .con_box { margin-top: -8px; } 

 /* main_new - 2023-01-05 */
.main_new .main_new_slider .slick-arrow { position: absolute; top: 50%; transform: translate(0, -50%); width: 44px; height: 88px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: contain; z-index: 1; } 
.main_new .main_new_slider .slick-arrow.slick-prev { left: 30px; } 
.main_new .main_new_slider .slick-arrow.slick-next { right: 30px; } 

.main.main_new .con_box { margin-top: 0; padding-top: 50px; padding-bottom: 50px; } 
.main.main_new .con_box a{
    margin-top: 30px;
}

 .evCon2 .panel_base .for_pc > img { width: 49%; } 

 .evCon3 .popup_wrapper { margin: 0 auto; } 
 .evCon3 .popup_wrapper a { width: 32%; } 
 /* event1 */
 .event1 .inner .fin { top: 52px; right: 0; width: 25vw; } 
 .event1 .container_info { font-size: 18px; } 
 .event1 .gift li { width: 32%; } 
 .event1 .event1_btn { margin-top:5%; } 
 .event1 .event1_btn a { display:inline-block; width: 45%; } 
 .announBox { width: 100%; margin: 0 auto; margin-top:7%; min-height: auto; } 
 .announBox .coming p img { width:70%; max-width:490px; } 
 .announBox .tit { height:87px; } 
 .announBox .box { padding:5% 0; } 
 .announBox .box > div { margin-top:5%; padding:0; } 

 .con04_list { width:110%; margin-left:-5%; } 
 .announBox .box #winner_list .con04_list .slick-list { overflow: visible; padding:0 2%!important; } 
 .announBox .box #winner_list { margin:4% 2%; padding:0 30%; } 
 .announBox .box #winner_list .con04_list .slick-slide { margin:0 -1%; } 
 .announBox .box #winner_list .con04_list .slick-prev { margin-left:-58%; } 
 .announBox .box #winner_list .con04_list .slick-next { margin-right:-58%; } 
 .announBox .box #winner_list .con04_list .slick-slide.slick-current { transform:scale(.9) } 
 .announBox .box #winner_list .con04_list .slick-slide h5 { height:50px; line-height:50px; font-size:18px; } 
 .announBox .box #winner_list .con04_list .slick-slide dl { margin-top:15px; } 
 .announBox .box #winner_list .con04_list .slick-slide dl:first-child { margin-top:20px; } 
 .announBox .box #winner_list .con04_list .slick-slide dt { font-size:16px; } 
 .announBox .box #winner_list .con04_list .slick-slide .soon div p { font-size:25px; } 


 /* event2 */
 .event2 .inner .fin { right: 0; width: 25vw; } 
 .event2 .container_info { display: inline-flex; padding: 12px 30px 12px 50px; font-size: 18px; } 
 .event2 .gift > img { width: 30%; } 
 .event2 .eventBoard .shareList ul li dl { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
 .event2 .eventBoard .shareList ul li dl dd { flex: 1; } 
 .event2 .evtBoard_common .board_write .btn_wrap a { margin-left: 0; } 
 }
@media (max-width:992px){
 .clickPop { padding: 15px 0 20px; } 
 .dim_popup.sns .tit { font-size:22px } 
 .dim_popup.sns table { font-size:12px } 

 .main .main_slider { margin-top: -280px; } 
 .main .con_box { margin-top: 10px; }
  /* main_new - 2023-01-05 */
.main_new .main_new_slider .slick-arrow {  width: 34px; height: 78px; } 
.main_new .main_new_slider .slick-arrow.slick-prev { left: 10px; } 
.main_new .main_new_slider .slick-arrow.slick-next { right: 10px; } 

.main.main_new .con_box { margin: 0 50px; margin-top: 0; padding-top: 30px; padding-bottom: 30px; } 
.main.main_new .con_box a{
    margin-top: 30px;
    width: 50%;
}
 
 /* con04 */
 .announBox .box #winner_list .con04_list .slick-list { overflow: hidden; padding:0!important; } 
 .announBox .box #winner_list { margin:0; padding:0; } 
 .announBox .box #winner_list .con04_list .slick-slide { padding:0 2%; } 
 .announBox .box #winner_list .con04_list .slick-slide > div { transform: scale(1); } 
 .announBox .box #winner_list .con04_list .slick-prev { margin-left:0; left:6%; } 
 .announBox .box #winner_list .con04_list .slick-next { margin-right:0; right:6%; } 
 .announBox .box #winner_list .con04_list .slick-slide .soon { min-height: auto; line-height: 300px; height: 300px; } 


 /* event2 */
 .event2 .eventBoard > a:first-of-type { margin-right: 15px; } 
 .event2 .container_info { justify-content: flex-start; width: 69%; } 
 .event2 .step_wrapper .step { height: 310px; } 
 .event2 .step_wrapper .step .step_title { font-size: 16px; } 
 .event2 .step_wrapper .step .step_title b { font-size: 16px; letter-spacing: -1px; } 
 .event2 .step_wrapper .step .step_desc { font-size: 12px; } 
 }
@media (max-width:768px) {
 .main .inner .for_pc { display: none; } 
 .main .inner .for_mo { display: flex; } 
 .main h3 { align-items: center; justify-content: center; } 
 .main .inner .con_box .for_mo,
 .main .inner .con_box .for_mo > img { margin: 0 auto; } 
 .main .inner .con_box .for_mo { width: 70vw; } 
 .main .main_slider { width: 50%; height: auto; margin-top: -60vw; margin-right: 0; } 
 .main .main_slider::before { bottom: 0; width: 100%; height: 100%; } 
 .main .con_box { margin-top: 5vw; padding-bottom: 10vw; } 

 .main_new.for_pc{
    display: none;
}
.main_new.for_mo{
    display: block;
}
.main.main_new .con_box{
    margin: 0 auto;
}
.main.main_new .con_box a {
    margin-top: 50px;
    width: 100%;
}
.main_new.for_mo .main_new_slider .slick-dots{
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translate(-50%, 0);

}
.main_new.for_mo .main_new_slider .slick-dots li { display:none; } 
.main_new.for_mo .main_new_slider .slick-dots li.slick-active { display: block; width: 90px; height: 36px; margin: 0 auto; line-height: 36px; color: #cccccc; font-size: 18px; text-align: center; border-radius: 30px; background-color: #8e837a; } 

 .evCon1 { padding: 10vw 0; } 
 .evCon1 .con_box { margin-top: 10vw; } 
 .evCon1 .con_box::before,
 .evCon1 .con_box::after { display: none; } 
 .evCon1 .con1_slider_for { margin: 0 auto; } 
 .evCon1 .con1_slider_for::before, .evCon1 .con1_slider_for::after { width: 14vw; height: 10vw; } 
 .evCon1 .con1_slider_for::before { top: -6px; left: -12px; } 
 .evCon1 .con1_slider_for::after { right: -17px; bottom: 39px; } 
 .evCon1 .con1_slider_for .slick-dots { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 30px; padding: 4px; background-color: rgba(0,0,0,.1); border-radius: 30px; } 
 .evCon1 .con1_slider_for .slick-dots li { flex: 1; height: 10px; margin-right: 4px; background-color: rgba(0,0,0,0); border-radius: 30px; } 
 .evCon1 .con1_slider_for .slick-dots li:last-of-type { margin-right: 0; } 
 .evCon1 .con1_slider_for .slick-dots li.slick-active { background-color: #459361; } 
 .evCon1 .con1_slider_for .slick-dots li button { color: transparent; font-size: 0; } 
 .evCon1 .con1_slider_nav { display: none; } 
 .evCon2 { padding: 0 0 10vw 0; } 
 .evCon2 .tab_base { justify-content: center; } 
 .evCon2 .panel_base .for_pc { display: none; } 
 .evCon2 .panel_base .for_mo { display: block; } 
 .evCon2 .panel_base .for_mo .slick-dots { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 10px; padding: 4px; background-color: rgba(0,0,0,.1); border-radius: 30px; } 
 .evCon2 .panel_base .for_mo .slick-dots li { flex: 1; height: 10px; margin-right: 4px; background-color: rgba(0,0,0,0); border-radius: 30px; } 
 .evCon2 .panel_base .for_mo .slick-dots li:last-of-type { margin-right: 0; } 
 .evCon2 .panel_base .for_mo .slick-dots li.slick-active { background-color: #459361; } 
 .evCon2 .panel_base .for_mo .slick-dots li button { color: transparent; font-size: 0; } 
 .announBox .tit h4 { font-size:22px; } 
 .announBox .tit p { font-size:25px; } 
 .announBox .box { min-height:400px; } 
 .announBox .box > p { font-size:20px; } 
 .announBox .box #winner_list .con04_list .slick-arrow { width:14px; height:25px; background-size:100% auto; } 


 .evCon3 { padding: 10vw 0; } 
 .evCon3 .sub_header .center { font-size: 18px; } 
 .evCon3 .popup_wrapper { flex-wrap: wrap; justify-content: center; } 
 .evCon3 .popup_wrapper a { width: 40vw; } 
 .evCon3 .popup_wrapper a .deco { top: -12px; left: -15px; width: 17vw; } 
 .evCon3 .popup_wrapper a:nth-of-type(1) { margin: 0 22.5vw; margin-bottom: 3vw; } 
 .evCon3 .popup_wrapper a:nth-of-type(2) { margin-right: 3vw; } 
 [class*=mg_popup_wrap].for_planner { width: 90vw; max-width: 90vw !important; } 
 [class*=mg_popup_wrap].for_planner .content_area .content_inner { padding: 40px 10px; } 
 [class*=mg_popup_wrap].for_planner .con3_slider_for,
 [class*=mg_popup_wrap].for_planner .con3_slider_for_only_two { width: 70vw; height: auto; } 
 [class*=mg_popup_wrap].for_planner .con3_slider_for .slick-list,
 [class*=mg_popup_wrap].for_planner .con3_slider_for_only_two .slick-list { width: 70vw; height: auto; } 
 [class*=mg_popup_wrap].for_planner .con3_slider_nav .slick-list .slick-track,
 [class*=mg_popup_wrap].for_planner .con3_slider_nav_only_two .slick-list .slick-track { width: 70vw !important; } 
 [class*=mg_popup_wrap].for_planner .con3_slider_nav_only_two .slick-list .slick-track .slick-slide { width: 33.33% !important; height: auto !important; } 
 [class*=mg_popup_wrap].for_planner .con3_slider_nav .slick-list .slick-track .slick-slide, [class*=mg_popup_wrap].for_planner .con3_slider_nav_only_two .slick-list .slick-track .slick-slide { margin-right: 5px; } 
 [class*=mg_popup_wrap].for_planner button.mfp-close, [class*=mg_popup_wrap].for_planner .mg_popup_close, [class*=mg_popup_wrap].for_planner button.mfp-arrow { top: -30px; right: -11px; width: 62px; height: 62px; } 


 /* event */
 .event .con_tit > img:first-of-type { width: 35%; } 


 /* event1 */
 .event1 { padding: 10vw 0; } 
 .event1 .inner .fin { top: 2vw; } 
 .event1 .container_info { margin: 5vw 0 10vw 0; } 
 .event1 .gift { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 10vw; } 
 .event1 .gift.for_pc { display: none; } 
 .event1 .gift.for_mo { display: flex; } 
 .event1 .gift li { width: 40vw; } 
 .event1 .gift li:first-of-type { margin: 0 20vw; margin-bottom: 3vw; } 
 .event1 .gift li:nth-of-type(2) { margin-right: 3vw; } 
 .event1 .gift li a { margin-top: 2.5vw; } 
 .event1 .event1_subtitle { margin-top: 10vw; } 
 .announBox { margin-top: 3vw; } 
 .event1 .event1_btn a { width: 70%; } 

 /* event2 */
 .event2 { padding: 10vw 0; } 
 .event2 .inner .fin { top: 3vw; } 
 .event2 .container_info { width: 510px; margin: 5vw 0 10vw 0; } 
 .event2 .gift { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 10vw; } 
 .event2 .gift > img { width: 40vw; } 
 .event2 .gift > img:first-of-type { margin: 0 20vw; margin-bottom: 3vw; } 
 .event2 .eventBoard > a { display: inline-block; width: 70%; } 
 .event2 .eventBoard > a:first-of-type { margin-bottom: 3vw; } 
 .event2 .eventBoard > a > img { width: 100%; } 
 .event2 .subheader { width: 70%; margin: 0 auto; margin-bottom: 5vw; } 
 .event2 .subheader .center { font-size: 22px; } 
 .event2 .step_wrapper { flex-direction: column; margin-bottom: 3vw; } 
 .event2 .step_wrapper .step { flex: initial; width: 70%; } 
 .event2 .step_wrapper .step:nth-of-type(1), .event2 .step_wrapper .step:nth-of-type(2) { margin-right: 0; margin-bottom: 15px; } 
 .event2 .step_wrapper .step:nth-of-type(1)::before, .event2 .step_wrapper .step:nth-of-type(2)::before { top: initial; right: initial; left: 50%; bottom: -27px; transform: translate(-50%, 0) rotate(90deg);}
 .event2 .eventBoard > a:first-of-type { display: inline-block; margin-right: 0; margin-bottom: 15px; } 
 .event2 .eventBoard .shareList { margin-top: 10vw; } 
 .event2 .eventBoard .shareList ul li dl { flex-wrap: wrap; } 
 .shareList ul li dl dt { width: 100%; } 
 .shareList ul li dl dd:nth-child(5) { margin: 0 0 0 1%; margin-top: 0; } 
 .event2 .evtBoard_common .info_wrap { flex-direction: column-reverse; align-items: center; justify-content: center; } 
 .event2 .evtBoard_common .info_wrap button { margin-right: 0; margin-bottom: 10px; } 
 }


@media (max-width: 576px){
 .dim_popup.sns { width:90% } 

 .main h3 { align-items: center; justify-content: center; } 
 .main .inner .con_box .for_mo,
 .main .inner .con_box .for_mo > img { margin: 0 auto; } 
 .main .inner .con_box .for_mo { width: 70vw; } 
   /* main_new - 2023-01-05 */
.main_new .main_new_slider .slick-arrow {  width: 24px; height: 58px; } 
.main_new .main_new_slider .slick-arrow.slick-prev { left: 0px; } 
.main_new .main_new_slider .slick-arrow.slick-next { right: 0px; } 

.main.main_new .con_box a {
    margin-top: 25px;
    width: 50%;
}
 .main .main_slider { width: 50%; height: auto; margin-top: -60vw; margin-right: 0; } 
 .main .main_slider::before { bottom: 0; width: 100%; height: 100%; } 
 .main .con_box { margin-top: 5vw; } 
 .main .con_box a > img { width: 100%; } 
 .evCon3 .sub_header { margin-top: 5vw; margin-bottom: 5vw; } 
 .evCon3 .sub_header .center { padding: 0 10px; font-size: 14px; } 
 .evCon3 .popup_wrapper a { width: 39vw; } 
 .evCon3 .popup_wrapper a:nth-of-type(1) { margin: 0 22.5vw; margin-bottom: 5vw; } 
 .evCon3 .popup_wrapper a:nth-of-type(2) { margin-right: 5vw; } 
 .evCon3 .popup_wrapper a .deco { top: -5px; left: -10px; width: 15vw; } 
 .evCon3 .popup_wrapper a .popup_title { height: 75px; font-size: 14px; letter-spacing: -1px; } 
 .evCon3 .popup_wrapper a .popup_title span { font-size: 11px; } 

 /* event1 */
 .event1 .container_info { padding: 12px 25px 12px 25px; font-size: 12px; } 
 .event1 .gift_new > .img{
    margin-bottom: 30px;
 }
 .event1 .gift_new > a img{
    width: 80%;
 }
 /* event2 */
 .event2 .container_info { width: 337px; padding: 12px 12px 12px 29px; font-size: 12px; } 
 .event2 .container_info .info .noti
 { margin-left: 12px; font-size: 9px; letter-spacing: -1px; } 
 .event2 .eventBoard > a { width: 100%; } 
 .event2 .eventBoard > a > img { width: 80%; } 
 .event2 .subheader { width: 100%; } 
 .event2 .subheader .center { width: auto; font-size: 18px; } 
 .event2 .step_wrapper .step { width: 100%; } 
 .event2 .eventBoard .shareList { margin-top: 10vw; } 
 

 [class*=mg_popup_wrap] .content_area .content_inner.gift_green .m_tit strong,
 [class*=mg_popup_wrap] .content_area .content_inner.gift_yellow .m_tit strong,
 [class*=mg_popup_wrap] .content_area .content_inner.gift_cream .m_tit strong { display: inline-block; margin-top: 10px; font-size: 24px; } 
 [class*=mg_popup_wrap] .content_area .content_inner.gift_no .m_tit .black { font-size: 24px; } 
 [class*=mg_popup_wrap] .tit_area { font-size: 18px; } 
 }

@media (max-width: 460px) {}

@media (max-width:420px) {
 .announBox .tit h4 { font-size:18px; } 
 .announBox .tit p { font-size:20px; } 
 .announBox .box > p { font-size:16px; } 
 .announBox .box #winner_list .con04_list .slick-slide { padding:0 1.4%; } 
 .announBox .box #winner_list .con04_list .slick-prev { left:7%; } 
 .announBox .box #winner_list .con04_list .slick-next { right:7%; } 

 .evCon2 .tab_base { margin-top: 3vw; margin-bottom: 3vw; } 
 }

@media (max-width: 349px){
 .main .main_slider { margin-top: -67px; } 
 .evCon3 .popup_wrapper { flex-direction: column; } 
 .evCon3 .popup_wrapper a { width: 60vw; } 
 .evCon3 .popup_wrapper a:nth-of-type(1) { margin: 0 auto; margin-bottom: 3vw; } 
 .evCon3 .popup_wrapper a:nth-of-type(2) { margin-right: 0; margin-bottom: 3vw; } 
 .event1 .gift { flex-direction: column; } 
 .event1 .gift li { width: 60vw; } 
 .event1 .gift li:first-of-type { margin: 0 auto; margin-bottom: 3vw; } 
 .event1 .gift li:nth-of-type(2) { margin-right: 0; margin-bottom: 3vw; } 
 .event2 .container_info { width: 100%; padding: 12px 12px 12px 20px; font-size: 9px; letter-spacing: -1.5px; /* border-radius: 15px; */}
 .event2 .container_info .info .noti { margin-left: 6px; } 
 .container_info .info .info_title::before { left: -10px; width: 3px; height: 3px; } 
 .container_info .info .info_title::after { height: 9px; } 
 .event2 .gift { flex-direction: column; } 
 .event2 .gift > img { width: 60vw; } 
 .event2 .gift > img:first-of-type { margin: 0 auto; margin-bottom: 3vw; } 
 .event2 .gift > img:nth-of-type(2) { margin-bottom: 3vw; } 
 }