@charset "utf-8";

/* CSS Document */
html:not(.touchmode) ::-webkit-scrollbar {
  width: 10px;
}
html:not(.touchmode) ::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}
html:not(.touchmode) ::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px transparent;
}

/* sian */
.sian{position:absolute;top:0;right:-100px;}
.sian img{vertical-align: top;}


/* event */
.page_wrap{min-width:280px;}
.event_contents_wrap{max-width:750px; margin:0 auto;}

.event_note{padding:55px}
.event_note_title_row{margin-bottom:25px;}
.event_note_title{font-size:24px; color:#0046ff;  font-weight:700;}
.event_note_contents{}
.event_note_list{line-height: 1.5;}
.event_note_list > li{font-size: 20px; color:#222222; padding-left:12px; position:relative; word-break: keep-all; letter-spacing: -1px; font-family: "Pretendard";}
.event_note_list > li:last-of-type{}
.event_note_list > li:before{display:block;content:'';width:2.5px; height:2.5px; background:#0046ff; border-radius: 100%; position:absolute;top:14px;left:0;}

.indent_para_list{}
.indent_para_list > li{font-size: 20px; color:#222222; display:flex; gap:3px;}
.indent_para_list > li:last-of-type{}

.indent_para_list_old{}
.indent_para_list_old > li{color:#4d4d4d;font-size:11px;margin-top:10px;display:flex;gap:3px;}
.indent_para_list_old > li:last-of-type{}
.indent_bullet{flex:0; white-space: nowrap;}
.indent_parag{flex:1; word-break: keep-all;}
.raw_para{font-size:20px; color:#fff; font-weight:700; letter-spacing:-0.5px; font-family: 'Pretendard';background:#0046ff;text-align: center;padding:19px 18px 17px;}

.event_visual{background:#cee8fb url("../images/bg_global.jpg") no-repeat 0 0/100% auto;}
.event_visual img{}
.event_vis_title{}
.event_vis_title img{vertical-align: top;}
.cap_container{position:relative;}
.cap_container > img.bg_cap{vertical-align: top;}
.cap_container .ball{display:inline-block;position:absolute;transform: rotate(0);}
.cap_container .ball img{vertical-align: top;}
.cap_container .ball.pos_01{top:90px;left:128px;z-index:7;}
.cap_container .ball.pos_02{top:64px;left:276px;}
.cap_container .ball.pos_03{top:148px;left:400px; }
.cap_container .ball.pos_04{top:244px;left:95px;z-index:3;}
.cap_container .ball.pos_05{top:226px;left:252px;}
.cap_container .ball.pos_06{top:294px;left:406px;}
.cap_container .ball.pos_07{top:391px;left:130px;z-index:3;}
.cap_container .ball.pos_08{top:373px;left:302px;z-index:3;}
.cap_container:after{display:none;content:'';width:100%;height:100%;background:url("../images/cap_light.png") no-repeat 0 0/100% auto;position:absolute;top:0;left:0;z-index:10; touch-action: none;}
.cap_enter_container{position:absolute;left:50%;bottom:111px;transform: translateX(-50%);width:133px;height:155px;background:url("../images/cap_enter.png") no-repeat 50% 50%/100% auto;z-index:9;}
.enter_ball{display:inline-block;position:absolute;left:50%;bottom:49px;transform: translateX(-50%);width:46px;transition:.5s; opacity:0;}
.enter_ball img{vertical-align: top;transform: rotate(405deg); transition:.5s;}
.enter_ball.motion{bottom:2px;width:90px;opacity:1;}
.enter_ball.motion img{transform: rotate(0);}

.cap_container.motion .ball.pos_01{animation: ball_move01 1.7s linear infinite;} 
.cap_container.motion .ball.pos_02{animation: ball_move02 1.5s linear infinite;}
.cap_container.motion .ball.pos_03{animation: ball_move03 2s linear infinite;}
.cap_container.motion .ball.pos_04{animation: ball_move04 1.8s linear infinite;}
.cap_container.motion .ball.pos_05{animation: ball_move05 1.7s linear infinite;}
 .cap_container.motion .ball.pos_06{animation: ball_move06 1.5s linear infinite;} 
 .cap_container.motion .ball.pos_07{animation: ball_move07 1.9s linear infinite;} 
 .cap_container.motion .ball.pos_08{animation: ball_move08 1.5s linear infinite;} 

@keyframes ball_move01 {
  0%,100%{
    top:90px;left:128px;transform: rotate(0);
  }
  25% {
    top: 190px;left: 85px; transform: rotate(90deg);
  }
  50% {
    top: 389px;left: 230px; transform: rotate(180deg);
  }
  75% {
    top: 199px;left: 415px;transform: rotate(270deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
@keyframes ball_move02 {
  0%,100%{top:64px;left:276px;}
  0%{
    transform: rotate(0);
  }
  30% {
    top: 405px; left: 136px; transform: rotate(45deg);
  }
  60% {
    top: 307px; left: 418px; transform: rotate(270deg);
  }
  100%{
    transform: rotate(360deg);
  }
}

@keyframes ball_move03 {
  0%,100%{top:148px;left:400px;}
  0%{
    transform: rotate(0);
  }
  30% {
    top: 57px; left: 135px;
  }
  50% {
   transform: rotate(180deg);
  }
  60%{
    top: 387px;
    left: 96px; 
  }
  100%{
    transform: rotate(360deg);
  }
}

@keyframes ball_move04 {
  0%,100%{top:244px;left:95px;}
  0%{
    transform: rotate(0);
  }
  30% {
    top: 41px;
    left: 165px;
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  60%{
    top: 405px;
    left: 325px;
    transform: rotate(270deg);
  }
  100%{
    transform: rotate(360deg);
  }
}

@keyframes ball_move05 {
  0%,100%{top:226px;left:252px;}
  0%{
    transform: rotate(0);
  }
  40% {
    top: 393px;
    left: 176px;
    transform: rotate(180deg);
  }
  75%{
    top: 59px;
    left: 325px;
  }
  100%{
    transform: rotate(360deg);
  }
}

@keyframes ball_move06 {
  0%,100%{top:294px;left:406px;}
  0%{
    transform: rotate(0);
  }
  20% {
    top: 395px;
    left: 90px;
    transform: rotate(-90deg);
  }
  60%{
    top: 41px;
    left: 346px;
  }
  100%{
    transform: rotate(-360deg);
  }
}

@keyframes ball_move07 {
  0%,100%{top:391px;left:130px;}
  0%{
    transform: rotate(0);
  }
  30% {
    top: 84px;
    left: 113px;
    
  }
  50% {
    top: 43px;
    left: 180px;
    
    transform: rotate(-180deg);
  }
  100%{
    transform: rotate(-360deg);
  }
}

@keyframes ball_move08 {
  0%,100%{top:373px;left:302px;}
  0%{
    transform: rotate(0);
  }
  20% {
    top: 279px;
    left: 417px;
    
    transform: rotate(-60deg);
  }
  50% {
    top: 130px;
    left: 93px;
    transform: rotate(-250deg);
  }
  100%{
    transform: rotate(-360deg);
  }
}

.cap_copy_group{text-align: center; margin-top:43px;}
.cap_copy_main{font-size:36px; color:#222222; letter-spacing: -1px; font-family: 'GmarketSans'; font-weight:700;}
.cap_copy_main .emp{ font-weight:700; color:#0046ff;}
.cap_copy_sub{font-size:29px; color:#444444; font-weight:500; margin-top:3px;}
.cap_copy_sub .emp{ font-weight:700; color:#0046ff;}
.btn_submit_wrap{text-align: center;margin-top:50px;}
.btn_submit{position:relative;overflow:hidden;border-radius:200px;display:inline-block;max-width:461px;background:#0046ff;}
.btn_submit img{vertical-align: top;}

.event_spec_wrap{padding:77px 55px 0;}
.event_spec_tb{display:table;width:100%;
}
.event_spec_tb > li{display:table-row; border-radius:30px; position:relative; overflow:hidden;
  
}
.event_spec_tb > li.nbsp_margin{background:none;height:8px;}
.event_spec_tb > li:last-of-type{}
.espec_cell{display:table-cell;vertical-align: middle;}
.espec_cell.define_th{width:1px;padding:4px;background: rgb(255,255,255);border-radius:25px 0 0 25px;}
.espec_cell.define_td{
  background: rgb(255,255,255); padding:4px 4px 4px 20px; border-radius:0 25px 25px 0;
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 67%, rgba(255,255,255,0.3) 100%);
}
.espec_thtext{display:block; padding:16px 30px 11px; border-radius:22px; white-space: nowrap;font-size:28px; background:#0046ff;  color:#fff; font-weight:700;}
.espec_tdtext{font-size:28px; color:#371c1d; font-weight:500;white-space: nowrap;}

.mid_block_wrap{margin-top:56px;}
.mid_block{}
.block_title_row{margin-bottom:35px;}
.block_title_img{text-align: center;}
.block_title_img img{vertical-align: top;}
.block_contents{}
.grid_box_list_wrap{padding:0 54px;}
.grid_box_list{display:flex; flex-wrap:wrap; gap:34px 0;margin:0 -6px;}
.grid_box_list > li{flex:0 0 33.333333%;padding:0 6px; box-sizing: border-box;}
.grid_box_list > li.full{flex:0 0 100%;}
.grid_box{background:#fff; text-align: center; box-sizing: border-box;height:100%;
  border-radius: 20px; position:relative; overflow:hidden;
  box-shadow: 5.071px 10.876px 13px 0px rgba(35, 82, 150, 0.14);
  padding:12px;
}
.grid_flag{text-align: left;position:absolute;top:0;left:0;}
.grid_flag img{vertical-align: top;}
.grid_box_list > li.full .grid_product_row{text-align: center;}
.grid_box_list > li.full .grid_product_row img{max-width:346px;}
.grid_product_row{}
.grid_product_row img{}
.grid_spec_row{display:block;}
.spec_key,
.spec_value{display:block;}
.spec_key{font-size:20px; font-weight:500; color:#222222;}
.spec_value{font-size:28px; color:#0046ff; font-weight:700; letter-spacing: -1px;margin-top:10px;}
.grid_box.type2{padding:20px;}
.grid_box.type2 .grid_spec_row{display:flex; align-items: center; justify-content: center; gap:15px; margin-top:5px;}
.grid_box.type2 .spec_key{font-size:24px;}
.grid_box.type2 .spec_value{font-size:34px;margin:0;}

.btn_snsbox_wrap{display:flex; justify-content: center; align-items: center;padding:60px;}
.btn_snsbox{display:inline-flex; gap:15px; align-items: center; justify-content: center;  background:#fee800; border-radius:100px; box-sizing: border-box; min-height:116px; padding:15px 55px 15px;
  box-shadow: 4.702px 6.472px 30.4px 1.6px rgba(70, 128, 117, 0.21);
}
.btn_snsbox .ico{width:74px;height:68px;display:inline-block;background-repeat:no-repeat; background-size:100% auto; background-position:0 0;}
.btn_snsbox .ico.shape_kakao{background-image:url("../images/btn_kakao.png");position:relative;top:2px;}
.btn_snsbox .btn_snsbox_text{position:relative;top:5px;font-size:40px;color:#371c1d;font-family: 'GmarketSans';line-height:1;letter-spacing: -2px; font-weight:700;}

.btn_snsbox.small{min-height:90px;gap:10px;}
.btn_snsbox.small .ico{}
.btn_snsbox.small .ico.shape_kakao{background-image:url("../images/btn_kakao_sm.png");top:1px;width:50px;height:48px;}
.btn_snsbox.small .btn_snsbox_text{font-size:32px;top:3px;}

/* popup */
.btn_guide_box{display:inline-block;padding:10px 20px; border:1px solid #ddd; color:#000;font-size:16px;}
.popup_wrap , .modal_wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000;display:none;align-items: center;justify-content: center;min-width:280px;overflow:hidden;flex-wrap:wrap;}
.popup_wrap.active,.modal_wrap.active{display:flex;}
.popup_wrap.active.motion_end{}
.popup_wrap.active.motion_end .popup_box_tb_wrap{transform: translateY(0px);opacity:1;}
.popup_wrap.active.motion_end .popup_item{opacity:1;}
.popup_wrap.active.motion_end .bg_dim,
.modal_wrap.active.motion_end .bg_dim{opacity:.2;}
.popup_item.modal_type{max-width:540px;}
.popup_wrap.modal_type .popup_title_row{}
.popup_wrap.modal_type .popup_contents_row{}

.popup_box_tb_wrap{position:absolute;top:0;left:0;top:0;left:0;width:100%;height:100%;overflow-y:auto; transition:.5s;transform: translateY(-100px);opacity:0;}
.popup_box_tb{width:100%;height:100%;table-layout: fixed;display:table;}
.popup_box_td{display:table-cell;vertical-align: middle;padding:30px 0;}

.popup_wrap .bg_dim{display:block;width:750px;height:100%;position:fixed;top:0;left:50%;z-index:0;background:#000;opacity:0;transition:opacity .5s;transform: translateX(-50%);}
.popup_wrap .bg_dim.no_transition{transition:0s;opacity:.6;transform:none;}

.popup_item{
    box-sizing: border-box;z-index:20; max-width:700px;margin:62px auto; max-height:calc(100% - 124px); background:#fff;  position:relative; display:flex; flex-direction: column;
    width:100%;opacity:0;transition:.4s;
}
.popup_item.no_transition{transition:0s;opacity:1;transform:none;}
.popup_title_row{padding:40px 100px 40px 40px;}
.popup_title{font-size:32px;font-weight:500;color:#222222;}
.popup_contents_row{position:relative;overflow:hidden;overflow-y:auto;flex:1;font-size:16px;color:#333333;padding:0 40px 40px;}

.popup_item .popup_contents_row + .popup_btn_row.btn_bottom_wrap{margin-top:0}

.popup_item .popup_btn_row.btn_bottom_wrap{margin:40px auto; max-width:70%; width:100%; justify-content: center;}
.btn_popup_close{display:inline-block;width:60px;height:60px;position:absolute;top:25px;right:25px;font-size:0;line-height:0;}
.btn_popup_close:before,
.btn_popup_close:after{width:35px;height:2px;display:block;content:'';position:absolute;top:50%;left:50%;background:#332d29; margin:-1px 0 0 -17px;
    transform: translateZ(0);-webkit-transform: translateZ(0);-ms-transform: translateZ(0);-moz-transform: translateZ(0);
}
.btn_popup_close:before{transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.btn_popup_close:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}

.popup_card_container{width:100%; box-sizing: border-box; max-width:750px; margin:0 auto;position:relative;z-index:5;}
/* .popup_card_container:before,
.popup_card_container:after{display:block;content:'';background-position:0 0;background-size:100% auto; background-repeat:no-repeat;position:relative;}
.popup_card_container:before{background-image:url("../images/bg_popup_top.png");height:40px;}
.popup_card_container:after{background-image:url("../images/bg_popup_bottom.png");height:70px; } */
.popup_card_box{ margin:0 40px;position:relative;z-index:5; border-radius:40px; background:#fff url("../images/bg_popup_img.png") no-repeat 50% 0/100% auto; overflow:hidden;
  box-shadow: 7.053px 9.708px 17px 0px rgba(105, 49, 0, 0.35);
}
/* .popup_card_box:before{background:url("../images/bg_popup_middle.png") repeat-y 0 0/100% auto;display:block;content:'';width:100%;height:calc(100% - 57px);position:absolute;top:0;left:0;} */
/* .popup_card_inner{position:relative;z-index:2; transform: translateY(-27px);margin-bottom:-57px;min-height:100px;} */
.popup_card_inner{}
.popup_flag_row{text-align: center;}
.popup_flag_row img{vertical-align: top;}

.popup_card_inner.grade_card{}
.popup_card_inner.end_card{}
.popup_flag_row{}
.popup_flag_row img{}
.popup_flag_row.type2{}
.popup_flag_row.type2 img{}
.deco_message_wrap{text-align: center;padding:20px 0 0 0;}
/* .deco_message_wrap:before,
.deco_message_wrap:after{display:block;content:'';background-position:0 0; background-size:100% auto;background-repeat:no-repeat;}
.deco_message_wrap:before{width:124px;height:134px;background-image:url("../images/message_obj.png");}
.deco_message_wrap:after{width:86px;height:118px;background-image:url("../images/message_obj2.png");} */
.deco_message{font-size:56px; color:#0046ff;  font-family: 'GmarketSans';font-weight:700; letter-spacing: -3px; white-space:nowrap;}
.popup_product_row{text-align: center;margin:15px 0;}
.popup_product_row.type2{margin-top:0;}
.popup_product_row img{vertical-align: top;}
.popup_product2_row{text-align: center;}
.popup_product2_row img{vertical-align: top;}
.popup_coment_row{text-align: center;margin-top:5px;}
.coment_para{color:#373737; font-weight:500; font-size:28px; line-height:1.3; font-family: 'GmarketSans'; letter-spacing: -2px;}
.coment_para br{}
.popup_snsbox_row{padding:40px 0 54px;text-align: center; display:flex; justify-content: center; }
.popup_snsbox_row.type2{padding-top:30px;}
.popup_snsbox_row .btn_snsbox{padding:15px 85px;}

.popup_message_sub_para{font-size:30px; font-weight:500; color :#373737;  font-family: 'GmarketSans'; letter-spacing: -1px;text-align: center; margin-top:10px;}

.popup_main_message_row{text-align: center;padding:30px;}
.popup_main_message_row.type2{padding-bottom:10px;}
.popup_main_message_row.type3{padding:30px 30px 0;}
.popup_main_message_row.type4{padding:45px 30px 20px;}
.popup_main_message{font-size:40px; line-height:1.2; letter-spacing: -2px; color:#191919; font-family: 'GmarketSans';font-weight:500;}
.popup_multi_product_row{text-align: center;}
.popup_multi_product_row img{vertical-align: top;}
.popup_sub_message_group{text-align: center;padding:25px 25px 0}
.ps_message{font-size:26px; color:#373737;letter-spacing: -1px; line-height:1.3; margin-bottom:15px;}
.ps_message:last-of-type{ margin-bottom:0;}
.ps_message.emp{font-size:28px; font-weight:500;}
.btn_pcard_row{padding:30px; display:flex; justify-content: center; align-items: center; text-align: center;}
.btn_pcard{display:flex; max-width:480px; margin:0 auto; width:100%; align-items: center; justify-content: center; min-height:90px; background:#0046ff; border-radius:100px; padding:15px 15px 10px; box-sizing: border-box;}
.btn_pcard_text{color:#fff;font-size:32px;letter-spacing: -2px; font-family: 'GmarketSans'; font-weight:700;}

.popup_summary_para_row{text-align: center;margin-top:25px;}
.popup_summary_para{font-size:23px;color:#373737;line-height:1.3; letter-spacing: -1px; font-family: 'GmarketSans';font-weight:500;}


.modal_wrap.active.motion_end .modal_box_item{
  opacity: 1;
  transform: translateY(0);
}

.modal_box_item {
 box-sizing: border-box; width: 100%; position:relative;overflow:hidden; max-width:670px;
 z-index: 20; background: #fff; text-align: center; box-sizing: border-box;
  opacity: 0; transition: 0.4s opacity;
 margin: 0 auto;max-height: 100%; position: relative;
 box-shadow: 7.053px 9.708px 17px 0px rgba(105, 49, 0, 0.35);
 border-radius: 40px;  transition:.5s;transform: translateY(-100px);opacity:0;
}


.modal_box_tb {
  display: table;width: 100%;height: 100%;
  table-layout: fixed;max-width: 750px;margin: 0 auto;
}

.modal_box_td {
  display: table-cell;vertical-align: middle;padding: 40px;
}

.modal_box_message_row{padding:75px 80px 75px;}
.modal_box_message{color:#4d4d4d; font-size:42px; font-weight: 700; line-height:1.4; word-break: keep-all;}
.modal_box_message .sub_text{font-size:14px; font-weight:14px; font-weight:400}


.btn_modal_submit_wrap{display:flex; background:#293feb;}
.btn_modal_submit{flex:1;display:flex; justify-content: center; align-items: center; min-height:112px; box-sizing: border-box; padding:10px;position:relative;}
.btn_modal_submit:after{display:block;content:'';height:42px;width:1px; background:#e5e5e5; position: absolute;top:50%;right:0;transform: translateY(-50%);}
.btn_modal_submit_text{color:#fff; font-size:42px;  font-family: 'OneShinhan';}
.btn_modal_submit:last-of-type:after{display:none;}

.btn_popup_close{position:absolute;top:28px;right:28px;width:36px;height:36px;}
.btn_popup_close:before,
.btn_popup_close:after{width:2px;height:40px;background:#4d4d4d;display:block;content:'';position:absolute;top:50%;left:50%;margin:-20px 0 0 -1px;}
.btn_popup_close:before{transform: rotate(45deg);}
.btn_popup_close:after{transform: rotate(-45deg);}

.btn_modal_close{position:absolute;top:28px;right:28px;width:36px;height:36px;}
.btn_modal_close:before,
.btn_modal_close:after{width:2px;height:40px;background:#4d4d4d;display:block;content:'';position:absolute;top:50%;left:50%;margin:-20px 0 0 -1px;}
.btn_modal_close:before{transform: rotate(45deg);}
.btn_modal_close:after{transform: rotate(-45deg);}

.popup_bottom_btn_row{margin-top:30px;}
.btn_popup_bottom{display:flex; justify-content: center; align-items: center; background:#293feb; min-height:114px; text-align: center; box-sizing: border-box;padding:15px;}
.btn_popup_bottom_text{color:#fff; font-size:42px;font-family: 'OneShinhan';}

@media (max-width:750px){
    /*  */
    
    /* event */
    .cap_container .ball{width:33.067vw; height:33.067vw;}
    .cap_container .ball.pos_01{top:12vw;left:17.067vw;}
    .cap_container .ball.pos_02{top:8.533vw;left:36.8vw;}
    .cap_container .ball.pos_03{top:19.733vw;left:53.333vw; }
    .cap_container .ball.pos_04{top:32.533vw;left:12.667vw;}
    .cap_container .ball.pos_05{top:30.133vw;left:33.6vw;}
    .cap_container .ball.pos_06{top:39.2vw;left:54.133vw;}
    .cap_container .ball.pos_07{top:52.133vw;left:17.333vw;}
    .cap_container .ball.pos_08{top:49.733vw;left:40.267vw;}
    .cap_enter_container{bottom:14.8vw;width:17.733vw;height:20.667vw;}
    .enter_ball{bottom:6.533vw;width:6.133vw;}
    .enter_ball.motion{bottom:0.267vw;width:12vw;}

    
    @keyframes ball_move01 {
      0%,100%{
        top:12vw;left:17.067vw;transform: rotate(0);
      }
      25% {
        top: 25.333vw;left: 11.333vw; transform: rotate(90deg);
      }
      50% {
        top: 51.867vw;left: 30.667vw; transform: rotate(180deg);
      }
      75% {
        top: 26.533vw;left: 55.333vw;transform: rotate(270deg);
      }
      100%{
        transform: rotate(360deg);
      }
    }
    @keyframes ball_move02 {
      0%,100%{top:8.533vw;left:36.8vw;}
      0%{
        transform: rotate(0);
      }
      30% {
        top: 54vw; left: 18.133vw; transform: rotate(45deg);
      }
      60% {
        top: 40.933vw; left: 55.733vw; transform: rotate(270deg);
      }
      100%{
        transform: rotate(360deg);
      }
    }
    
    @keyframes ball_move03 {
      0%,100%{top:19.733vw;left:53.333vw;}
      0%{
        transform: rotate(0);
      }
      30% {
        top: 7.6vw; left: 18vw;
      }
      50% {
       transform: rotate(180deg);
      }
      60%{
        top: 51.6vw;
        left: 12.8vw; 
      }
      100%{
        transform: rotate(360deg);
      }
    }
    
    @keyframes ball_move04 {
      0%,100%{top:32.533vw;left:12.667vw;}
      0%{
        transform: rotate(0);
      }
      30% {
        top: 5.467vw;
        left: 22vw;
        transform: rotate(90deg);
      }
      50% {
        transform: rotate(180deg);
      }
      60%{
        top: 54vw;
        left: 43.333vw;
        transform: rotate(270deg);
      }
      100%{
        transform: rotate(360deg);
      }
    }
    
    @keyframes ball_move05 {
      0%,100%{top:30.133vw;left:33.6vw;}
      0%{
        transform: rotate(0);
      }
      40% {
        top: 52.4vw;
        left: 23.467vw;
        transform: rotate(180deg);
      }
      75%{
        top: 7.867vw;
        left: 43.333vw;
      }
      100%{
        transform: rotate(360deg);
      }
    }
    
    @keyframes ball_move06 {
      0%,100%{top:39.2vw;left:54.133vw;}
      0%{
        transform: rotate(0);
      }
      20% {
        top: 52.667vw;
        left: 12vw;
        transform: rotate(-90deg);
      }
      60%{
        top: 5.467vw;
        left: 46.133vw;
      }
      100%{
        transform: rotate(-360deg);
      }
    }
    
    @keyframes ball_move07 {
      0%,100%{top:52.133vw;left:17.333vw;}
      0%{
        transform: rotate(0);
      }
      30% {
        top: 11.2vw;
        left: 15.067vw;
        
      }
      50% {
        top: 5.733vw;
        left: 24vw;
        
        transform: rotate(-180deg);
      }
      100%{
        transform: rotate(-360deg);
      }
    }
    
    @keyframes ball_move08 {
      0%,100%{top:49.733vw;left:40.267vw;}
      0%{
        transform: rotate(0);
      }
      20% {
        top: 37.2vw;
        left: 55.6vw;
        
        transform: rotate(-60deg);
      }
      50% {
        top: 17.333vw;
        left: 12.4vw;
        transform: rotate(-250deg);
      }
      100%{
        transform: rotate(-360deg);
      }
    }
    .cap_copy_group{margin-top:5.733vw;}
    .cap_copy_main{font-size:4.8vw;}
    .cap_copy_sub{font-size:3.867vw; margin-top:0.667vw;}
    .btn_submit_wrap{margin-top:6.667vw;}
    .btn_submit{max-width:61.467vw;}
    .event_spec_wrap{padding:10.267vw 7.333vw 0;}
    .event_spec_tb > li{ border-radius:4vw; }
    .event_spec_tb > li.nbsp_margin{height:1.067vw;}
    .espec_cell.define_th{padding:0.533vw;border-radius:3.333vw 0 0 3.333vw;}
    .espec_cell.define_td{
      padding:0.533vw 0.533vw 0.533vw 2.667vw; border-radius:0 3.333vw 3.333vw 0;
    }
    .espec_thtext{padding:2.133vw 4vw 1.467vw; border-radius:2.933vw;font-size:3.733vw;}
    .espec_tdtext{font-size:3.733vw;}

    .mid_block_wrap{margin-top:56px;}
    .block_title_row{margin-bottom:4.667vw;}
    .block_title_img img{max-width:30vw;}
    .grid_box_list_wrap{padding:0 7.2vw;}
    .grid_box_list{gap:4.533vw 0;margin:0 -0.8vw;}
    .grid_box_list > li{padding:0 0.8vw;}
    .grid_box{
      border-radius: 2.667vw; 
      box-shadow: 0.667vw 1.467vw 1.733vw 0px rgba(35, 82, 150, 0.14);
      padding:1.6vw;
    }
    .grid_box_list > li.full .grid_product_row img{max-width:46.133vw;}
    .spec_key{font-size:2.667vw;}
    .spec_value{font-size:3.733vw; margin-top:1.333vw;}
    .grid_box.type2{padding:2.667vw;}
    .grid_box.type2 .grid_spec_row{gap:2vw; margin-top:0.667vw;}
    .grid_box.type2 .spec_key{font-size:3.2vw;}
    .grid_box.type2 .spec_value{font-size:4.533vw;}

    .grid_box_list > li.full .grid_flag img{max-width:12.533vw;}
    .grid_flag img{max-width:7.2vw;}
    /* // */
    
    .popup_item{
        max-width:100%;
    }
    .popup_item.full_type{
        margin:0; max-height:100%; height:100%;
    }
    .popup_wrap .bg_dim{left:0 !important;width:100%;transform: translateX(0) !important;}
    .popup_title_row{padding:15px 70px 15px 20px;}
    .popup_title{font-size:20px;}
    .popup_contents_row{font-size:14px;padding:10px 20px 30px;}
    .popup_item .popup_btn_row.btn_bottom_wrap{margin:20px; width:auto; max-width: inherit;}
    .btn_popup_close{width:50px;height:50px;top:0;right:0;}
    .btn_popup_close:before,
    .btn_popup_close:after{width:20px;height:2px;margin:-1px 0 0 -10px;}
    .popup_modal_box{padding:50px 20px 30px;}
    .popup_modal_box .btn_bottom_wrap{}
    .popup_modal_para_wrap{}
    .popup_modal_para{font-size:16px;}
    .popup_cont_message{font-size:16px;}
    .popup_cont_emp{font-size:14px;}
    .popup_cont_sub{font-size:14px;}
    .cont_emp_sub{font-size:12px;}

    .popup_box_td{padding:20px 0;}


        
    .modal_box_item {
      margin: 0 auto;
      border-radius: 20px;  
    }
    
    
    .modal_box_td {
      padding: 20px;
    }
    
    .modal_box_message_row{padding:30px 40px 28px;}
    .modal_box_message{font-size:21px;}
    
    
    .btn_modal_submit{min-height:56px;}
    .btn_modal_submit:after{height:18px;}
    .btn_modal_submit_text{font-size:18px;}

      
  .btn_popup_close{top:12px;right:12px;width:20px;height:20px;}
  .btn_popup_close:before,
  .btn_popup_close:after{width:2px;height:20px;margin:-10px 0 0 -1px;}

      
  .btn_modal_close{top:12px;right:12px;width:20px;height:20px;}
  .btn_modal_close:before,
  .btn_modal_close:after{width:2px;height:20px;margin:-10px 0 0 -1px;}
 

    /* .popup_card_container:before{height:5.333vw;}
    .popup_card_container:after{height:9.333vw; } */
    /* .popup_card_box:before{height:calc(100% - 7.6vw);} */
    .popup_card_inner{/* transform: translateY(-3.5vw);margin-bottom:-7.6vw; */}

    .popup_card_box{ margin:0 5.333vw; border-radius:5.333vw;}


    .popup_flag_row img{max-width:35.2vw;}
    .popup_flag_row.type2{}
    .popup_flag_row.type2 img{}
    .popup_flag_row.type2 img{max-width:57.333vw;}
    
      
    .event_note{padding:7.333vw}
    .event_note_title_row{margin-bottom:3.333vw;}
    .event_note_title{font-size:3.2vw;}
    .event_note_list > li{font-size: 2.667vw; padding-left:1.6vw; letter-spacing: -0.5px;}
    .event_note_list > li:before{width:0.267vw; height:0.267vw; top:1.867vw;}

    .indent_para_list > li{font-size: 2.667vw; gap:0.4vw;}
    .raw_para{font-size:2.667vw;padding:2.533vw 2.4vw 2.267vw;}



    .btn_snsbox_wrap{padding:8vw;}
    .btn_snsbox{gap:2vw;min-height:15.467vw; padding:2vw 7.333vw 2vw;
      box-shadow: 0.627vw 0.853vw 4.053vw 0.213vw rgba(70, 128, 117, 0.21);
    }
    .btn_snsbox .ico{width:9.867vw;height:9.067vw;}
    .btn_snsbox .ico.shape_kakao{top:0.267vw;}
    .btn_snsbox .btn_snsbox_text{top:0.667vw;font-size:5.333vw;letter-spacing: -1px;}

    .btn_snsbox.small{min-height:12vw;gap:1.333vw;}
    .btn_snsbox.small .ico{}
    .btn_snsbox.small .ico.shape_kakao{width:6.667vw;height:6.4vw;}
    .btn_snsbox.small .btn_snsbox_text{font-size:4.267vw;top:0.4vw;}


    .deco_message_wrap{/* margin:-4vw 0 0 0; */ padding-top:2.667vw;}
   /*  .deco_message_wrap:before{width:16.533vw;height:17.867vw;}
    .deco_message_wrap:after{width:11.467vw;height:15.733vw;} */
    .deco_message{font-size:7.467vw; letter-spacing: -1px;}
    .popup_message_sub_para{font-size:4vw;margin-top:1.333vw;}
    .popup_product_row{margin:2vw auto 3.333vw; max-width:57.333vw;}
    .popup_product_row.type2{margin:1.333vw auto;}
    .popup_product_row.type2 img{max-width:42.133vw;}
    .popup_coment_row{margin-top:0.667vw;}
    .coment_para{font-size:3.733vw;letter-spacing: -1px;}
    .popup_snsbox_row{padding:5.333vw 0 7.2vw; }
    .popup_snsbox_row.type2{padding-top:3.333vw;}
    .popup_snsbox_row .btn_snsbox{padding:2vw 11.333vw;}
    .popup_main_message_row{padding:4vw;}
    .popup_main_message_row.type2{padding-bottom:1.333vw;}
    .popup_main_message_row.type3{padding:4vw 4vw 0;}
    .popup_main_message_row.type4{padding:6vw 4vw 2.667vw;}
    .popup_main_message{font-size:5.333vw;letter-spacing: -1px;}
    .popup_sub_message_group{padding:3.333vw 3.333vw 0}
    .ps_message{font-size:3.467vw; margin-bottom:2vw;}
    .ps_message.emp{font-size:3.733vw;}
    .btn_pcard_row{padding:4vw;}
    .btn_pcard{min-height:12vw;padding:2vw 2vw 1.333vw;max-width:64.933vw}
    .btn_pcard_text{font-size:4.267vw;letter-spacing: -1px;}

    .popup_product2_row{}
    .popup_product2_row img{max-width:41.6vw;}

    .popup_summary_para_row{margin-top:3.333vw;}
    .popup_summary_para{font-size:3.067vw;}

    .popup_multi_product_row{}
    .popup_multi_product_row img{max-width:82.133vw}

      
  .popup_bottom_btn_row{margin-top:4vw;}
  .btn_popup_bottom{min-height:15.2vw;padding:2vw;}
  .btn_popup_bottom_text{ font-size:5.6vw;}
}

@media (max-width:1023px) and (orientation: landscape){
  .popup_card_inner{}
  html:not(.ios) .popup_card_box{margin-top:-2px;}

}

/* 
@media (min-width:431px){
  .modal_box_item{max-width:336px;}
}
 */