@charset "euc-kr";
:root {
     --ev1-bg:url('https://image.megagong.net/m/2024/0201_jinsyjin03/con1_bg.jpg');
     --ev2-bg:url('https://image.megagong.net/m/2024/0201_jinsyjin03/con2_tea.png');
     --ev3-bg:url('https://image.megagong.net/m/2024/0201_jinsyjin03/con3_bg.jpg');
     --ev4-bg:url('https://image.megagong.net/m/2024/0201_jinsyjin03/con4_bg.jpg');
     --chk:url('https://image.megagong.net/m/2024/0201_jinsyjin03/con7_chk.png');
     --point: #0075fe;
     --box-shadow: 0px 0px 7px #c7c7c7;
     --filter-shadow: drop-shadow(0px 0px 7px var(--box-shadow));

    --v2-ev1-bg:url('https://image.megagong.net/m/2024/0201_jinsyjin03/v2_con1_bg.jpg');
    --v2-ev3-bg:url('https://image.megagong.net/m/2024/0201_jinsyjin03/v2_con3_bg.png'); 
} 

/* background settings */
.eventWrap .evSection { background-size: auto 100%; position: relative; } 
.evSection:not(.evtoggleWarning,.evCon1) { padding: 150px 0; } 
.evCon1 { background-color: #bed6f3; background-image: var(--ev1-bg); padding-top: 50px; } 
.evCon2 { background-color: var(--point); } 
.evCon3 { background-color: #f8f8f8; } 
.evCon4 { background-color: #fff; background-image: var(--ev4-bg); } 
.evCon5 { background-color: #e5eef8; } 
.evCon6 { background-color: #fff; } 
.event1 { background-color: var(--point); color: #fff; } 
.event2 { background-color:#999; } 

/* text style */ 
.con_tit { margin-bottom: 60px; } 
.con_tit h4 { font-weight: 900; /* font-size: 46px; */ } 
.con_tit span { color:var(--point) } 
.con_tit > div { /* font-size: 28px; */ } 
.con_tit .top-txt { margin-bottom: 20px; } /*ŸÀÌƲ »ó´Ü ÅؽºÆ®*/
.con_tit .sub-txt { margin-top: 15px; } /*ŸÀÌƲ ÇÏ´Ü ÅؽºÆ®*/

.bottom_txt { font-weight: 700; margin-top: 70px; } /*ÄÁÅÙÃ÷ ÇÏ´Ü ÅؽºÆ®*/

/* button box */
.btn_box { display:flex; justify-content: center; gap: clamp(10px, 2vmin, 20px); margin: 0 auto; } 
.btn_box a { position: relative; display: flex; align-items: center; justify-content: center; min-height: 45px; overflow: hidden; } 
.btn_box a img { height: 100%; max-width: 130%; } 
.btn_box a:first-of-type:last-of-type { margin: 0 25%; } /* ´ÜÀϹöÆ°ÀÏ °æ¿ì */

/* tab */
.tab_base { display: flex; margin-bottom: 40px; } 
.tab_base li { flex: 1; } 
.tab_base li a { background: #767676; color: #ddd; border: 1px solid #000; border-top: 1px solid #767676; display: flex; height: 70px; align-items: center; justify-content: center; cursor: pointer; } 
.tab_base li.on a { background: var(--point); color: #fff; font-weight: 700; border-bottom: inherit; border-top: 1px solid #000; } 

/* swiper */
.swiper_common_wrap { position: relative; } 
.swiper_common{overflow: hidden;}
.swiper_common.swiper-initialized { position: relative; overflow: hidden } 

/* bullet °øÅë */
.swiper_common_wrap .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-top: 1rem; } 
.swiper_common_wrap .swiper-pagination-bullet { background: #ddd; opacity: 1; width: 12px; height: 12px; } 
.swiper_common_wrap .swiper-pagination-bullet-active { background: var(--point); } 

/* button °øÅë */
.swiper_common_wrap .swiper-button-next, 
.swiper_common_wrap .swiper-button-prev { top: 50%; transform: translateY(-50%); left: 0; right: auto; margin: 0 auto; z-index: 2; width: auto; height: auto; color: #7da3e5; } 
.swiper_common_wrap .swiper-button-next {right: 0;left: auto;} 


/* button °øÅë - ±âÁ¸ ½ºÅ¸ÀÏ »ö»óº¯°æ ½Ã */
.swiper_common_wrap .type1-prev, .swiper_common_wrap .type1-next { color: #b8b8b8; } 
.swiper_common_wrap .type1-prev:after, .swiper_common_wrap .type1-next::after { font-size: 70px; color: #000; } 
.swiper_common_wrap .type1-prev { left: -20px; } 
.swiper_common_wrap .type1-next { right: -20px; } 

.swiper_common_wrap .type2-next:after, .swiper_common_wrap .type2-prev:after{font-size: 0;}
.swiper_common_wrap .type2-next {transform: translateY(-50%) rotate(180deg);} 

/* contents */
.evCon1 .top-txt { letter-spacing: .4rem; color: #364b61; margin-bottom: 25px; /* font-size: 20px; */ } 
.evCon1 .home { position: absolute; left: 50%; bottom: 75px; transform: translateX(-50%); z-index: 3; } 

.evCon2:before { content: ''; display: block; position: absolute; top: 165px; left: 50%; background: var(--ev2-bg); width: 476px; height: 1013px; margin-left: -965px; } 
.evCon2 .con_tit { color:#fff } 
.evCon2 .con_tit span { color:#bcddff } 
.evCon2 dl { background: #fff; border-radius: 15px; padding: 40px 0; } 
.evCon2 dl dt { font-weight: 700; font-size: 21px; margin-bottom: 30px; } 
.evCon2 dl dd:not(:last-child) { margin-bottom: 20px; } 
.evCon2 .bottom_txt { font-weight: 500; color: #fff; } 
.evCon2 .bottom_txt strong { font-size: 70px; margin-top: 40px; display: block; } 

.evCon3:before { content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: var(--ev3-bg); width: 70px; height: 35px; max-width: 7vw; max-height: 4vw; background-size: contain; background-repeat: no-repeat; } 
.evCon3 .swiper_book_wrap { margin: 0 -45px; } 
.evCon3 .swiper_bg { background: #e5e5e5; padding: 40px; overflow: hidden;} 
.evCon3 .swiper_book_wrap .swiper-slide { display: flex; } 
.evCon3 .swiper_book_wrap .swiper-slide img:not(:last-of-type) { border-right: 5px solid #e5e5e5; } 

.evCon4 ul {gap: 0 40px;align-items: stretch;} 
.evCon4 ul li {flex: 1;position: relative;height: auto;} 
.evCon4 ul li:last-child > p { background: #ff855b; } 
.evCon4 ul li > p { background: var(--point); color: #fff; border-radius: 15px 15px 0 0; padding: 7px 0; font-size: 24px; } 
.evCon4 ul li dl {text-align: left;background: #fff;padding: 16px 30px;border-radius: 0 0 15px 15px;box-shadow: var(--box-shadow);display: flex;flex-direction: column;justify-content: center;height: 100%;} 
.evCon4 ul li dl dt { font-weight: 700; margin-bottom: 10px; display: flex; align-items: center; gap: 0 7px; font-size: 21px; font-weight: 900; } 
.evCon4 ul li dl dt > span { width: 29px; height: 29px; background: #363636; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; } 
.evCon4 ul li dl dd { color: #333; padding-left: 30px; font-size: 18px; } 
.evCon4 ul li dl dd:not(:last-child) { margin-bottom: 30px; } 

.evCon5 ul { gap: 0 10px; } 
.evCon6 .eventVideo { margin: 0 40px 45px; } 

.evCon7 { background-color: #f8f8f8; } 
.evCon7 .con_tit .tiny_noti { font-size: 13px; color: #999; margin-top: 20px; } 
.evCon7 .flex { justify-content: space-between; align-items: center; margin: 0 40px; } 
.evCon7 .flex li { flex:1 } 
.evCon7 .flex li:first-child { overflow: hidden; width: 480px; } 
.evCon7 .flex li:last-child { margin-left: 40px; } 
.evCon7 .flex li .swiper_tab .swiper-slide button { position: absolute; right: 0; bottom: 0; } 
.evCon7 .flex dl dt { font-size: 21px; font-weight: 900; margin-bottom: 10px; padding-left: 110px; position: relative; } 
.evCon7 .flex dl dt:before { content: ''; display: block; background: var(--chk); width: 31px; height: 31px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-left: -175px; background-size: contain; } 
.evCon7 .flex dl dd { padding-left: 110px; color: #333; font-size: 18px; } 
.evCon7 .flex dl dd:not(:last-of-type) { border-bottom: 1px solid #e4e4e4; margin-bottom: 30px; padding-bottom: 30px; } 
[class*=mg_popup_wrap] .content_area .content_inner { padding: 0; } 

.event1 .con_tit .end { top: -35%; right: -15%; } 
.event1 .con_tit .sub-txt { color: #ffffff80; } 
.event1 .con_tit .sub-txt span { color: #fff; opacity: 1; } 
.event1 .con_tit .end::after { background-color: #cee1fc; } 
.event1 .container_info { color: inherit; border-radius: 0; text-align: left; justify-content: flex-start; gap: 20px 0; padding: 50px 0 50px 220px; position: relative; } 
.event1 .container_info::before { content: ''; display: block; width: 3000px; left: -1000px; background: #2385ff; position: absolute; top: 0; z-index: 0; height: 100%; } 
.event1 .container_info .info .info_title { width: 130px; margin: 0; } 
.event1 .container_info .info { width: 100%; justify-content: flex-start; align-items: flex-start; z-index: 2; position: relative; } 
.event1 .container_info .info .info_date span:not(.tiny_noti) { color: #feb29f; } 
.event1 .container_info .info .info_title::before { background: #fff; left: -17px; right: auto; content: ''; width: 2px; height: 13px; border-radius: 0; } 
.event1 .container_info .info .info_title::after { display: none; } 
.event1 .gift_list { margin: 60px auto 80px; } 

.evtoggleWarning .warningList li ul li a { color: var(--point); padding: 0 0 2px; border-bottom: 1px solid var(--point); } 





/* [ws] 250122 */
.v2 .con_tit span { color:#000 } 
.v2 .evCon1 { background-image: var(--v2-ev1-bg); padding:0; background: linear-gradient(to bottom, #fff 0%, #8493b6 70%) } 
.v2 .evCon1 .inner { max-width: 1480px; width: 100%; } 
.v2 .evCon1 h3 { max-width: 1080px; margin: 0 auto; position: relative; } 
.v2 .evCon1 .top-txt { letter-spacing: normal; text-align: left; padding: 45px 0 0 15px; width: fit-content; margin: 0; position: absolute; top: 165px; left: 80px; background: var(--v2-ev1-txt-bg) no-repeat 0 0; background-size: auto; } 
.v2 .evCon1 .feather_box { position: absolute; width: calc(100% + 200px); height: 100%; right: -135px; top: 0; z-index: 2; } 
.v2 .evCon1 .feather_box li { position: absolute; } 
.v2 .evCon1 .feather_box .left { bottom: 160px; left: -165px; } 
.v2 .evCon1 .feather_box .right { right: -65px; top: 400px; } 
.v2 .evCon1 .feather_box .top { right: 135px; } 
.v2 .evCon1 .feather_box .mid { top: 180px; left: 0; } 
.v2 .evCon1 .feather_box .bot { bottom: 0; right: 0; } 

.v2 .evCon2 { background: #20283b; } 
.v2 .evCon2::before { content: none; } 
.v2 .evCon2 .top-txt { margin-bottom: 60px; } 
.v2 .evCon2 .top-txt span { display: block; color: #fff; margin-top: 10px; opacity: .7; } 
.v2 .evCon2 h4 .point { display: block; color:#76a2e3; margin-bottom: 15px; } 
.v2 .evCon2 .reviewSlider .swiper-wrapper { flex-wrap: wrap; justify-content: space-between; gap: 25px 0; } 
.v2 .evCon2 .reviewSlider .swiper-slide {width: min(346px,calc(33% - 1vmin));} 

.v2 .evCon3:before { display: none; } 
.v2 .evCon3 h5{margin-bottom: 25px;}
.v2 .evCon3 .bottom_txt { font-weight: normal; } 

.v2 .evCon4:before { content: ''; display: block; position: absolute; top: 165px; left: 50%; background: var(--v2-ev3-bg); width: 476px; height: 1013px; margin-left: -1010px; z-index: 2; } 
.v2 .evCon4 ul li > p { background: #abc82f } 
.v2 .evCon4 ul li:last-child > p { background: #e193a4; } 

.evCon8 { background: #f8f8f8; } 
.evCon8 .tab_subj { gap: 10px; margin-bottom: 20px; } 
.evCon8 .tab_subj li a { border-radius: 10px; border: none !important; background: #d8d8d8; color: #868686; height: 75px; font-size: inherit; } 
.evCon8 .tab_subj li.on a { color:#fff } 
.evCon8 .tab_subj li.type1.on a { background: #a9c732; } 
.evCon8 .tab_subj li.type2.on a { background: #e193a4; } 

.evCon8 .tab_main { display: flex; gap: 10px; margin: 25px auto 20px; } 
.evCon8 .line_tit { margin-bottom: 0; } 
.evCon8 .line_tit.type1 { width: 640px; } 
.evCon8 .line_tit.type2 { flex: 1; } 
.evCon8 .line_tit span { padding: 13px 60px; border-radius: 30px; } 
.evCon8 .line_tit i { height:40px; margin-top: 30px; } 
.evCon8 .line_tit.type1 span { background: #a9c732; } 
.evCon8 .line_tit.type1 i { border-color: #a9c732; } 
.evCon8 .line_tit.type2 span { background: #e193a4; } 
.evCon8 .line_tit.type2 i { border-color: #e193a4; } 

.evCon8 .book_wrap { background: #fff; padding: 100px 90px; gap: 75px; border-radius: 10px; box-shadow: -4px 4px 10px #d0d0d0; } 
.evCon8 .book { display: flex; flex-direction: column; align-items: center; gap: 30px; width: 390px; } 
.evCon8 .book img { filter: drop-shadow(-10px 7px 10px #d0d0d0); } 
.evCon8 .book .btn-base.xl > * { padding: 14px 0 16px; min-width: 235px; border-radius: 30px; } 
.evCon8 .desc { margin-top: 20px; flex: 1; } 
.evCon8 .desc dt { margin-bottom: 40px; font-weight: 900; } 
.evCon8 .desc dt.type1 { color:#a9c732 } 
.evCon8 .desc dt.type2 { color:#e193a4 } 
.evCon8 .desc dd { position: relative; padding-left: 35px; text-align: left; color: #757575; } 
.evCon8 .desc dd::before { content: ''; display: block; position: absolute; left: 0; top: 0; background: url(https://image.megagong.net/m/2024/0201_jinsyjin03/v2_con8_arrow.png) center no-repeat; background-size: contain; max-width: 23px; max-height: 23px; width: 100%; height: 100%; } 
.evCon8 .desc dd strong { color:#000 } 
.evCon8 .desc dd:not(:last-child) { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ccc; } 

.evCon8 .lec_wrap{margin-top: 60px;}
.evCon8 .lec_con{display: none;}

.evCon9 { background-color:#fff } 
.evCon9 h4 .noti{margin-top: 20px;display: block;font-weight: normal;color:#999}
.evCon9 .tab_base li.on a { background: #20283b; } 
.evCon9 .swiper-slide{border: 1px solid #ddd;}
.evCon9 .swiper_common_wrap{width: 1260px;margin-right: auto;margin-left: -90px;}
.evCon9 .swiper_common{max-width: 960px;margin: 0 auto;}

.event3 { background: #20283b; color:#fff } 
.event3 .con_tit { margin-bottom: 0; } 
.event3 .con_tit .end::after { background: #fff; } 
.event3 .con_tit .evt_mark::after { border-top-color:#76a2e3; } 
.container_info_wrap { max-width: 670px; margin: 40px auto 0; } 
.event3 .info .info_date { color:#fff } 
.event3 .info .noti { color:#fff } 

.event3 .point { background: #76a2e3 !important; } 
.event3 .gift_list_wrap li .badge { background:#000 } 

@media screen and (max-width: 1200px){
    .eventWrap { font-size: clamp(13px,1.6vmin,16px); } 
    .eventWrap .tiny_noti { font-size: clamp(10px,1.3vmin,13px); } 

    .swiper_common_wrap .type1-prev{left: 0;}
    .swiper_common_wrap .type1-next{right: 0;}
    .swiper_common_wrap .type1-prev:after, .swiper_common_wrap .type1-next::after{font-size: clamp(30px,10vmin,70px);}

    .tab_base { margin-bottom: 20px; } 
    .tab_base li a { font-size: clamp(16px, 2.5vmin, 24px); height: clamp(45px, 7vmin, 70px); } 

    .con_tit { margin-bottom: 8%; } 
    .con_tit .top-txt { margin-bottom: 2%; } 
    .con_tit .sub-txt { margin-top: 3% } 
    .bottom_txt { margin-top: 7%;  } 

    /* contents */
    .evSection:not(.evtoggleWarning,.evCon1) { padding: 15% 0; } 
    .evCon1 { padding-top: 8%; } 
    .evCon1 .top-txt { margin-bottom: 5%;letter-spacing: .1rem; } 
    .evCon1 .home { bottom: 5%; max-width: 100px; } 

    .evCon2 .bottom_txt strong { font-size: clamp(35px,7vmin,70px); margin-top: 5%; } 
    .evCon3 .swiper_book_wrap { margin: 0 auto; } 
    .evCon3 .swiper_book { padding-left: 0 } 
    .evCon3 .swiper_bg { padding: 3% 2%; } 
    .evCon3 .swiper_book_wrap .swiper-slide img { width:33.333%; } 
    .evCon3 .swiper_book_wrap .swiper-slide.half img { width: 50%; } 

    .evCon4 ul {gap: 0 20px;align-items: stretch;} 
    .evCon4 ul li > p { font-size: clamp(16px, 2.5vmin, 24px); } 
    .evCon4 ul li dl {justify-content: flex-start;padding: 5% 4% 0;} 
    .evCon4 ul li dl dt { font-size: clamp(14px, 2vmin, 21px); } 
    .evCon4 ul li dl dt > span { width: clamp(20px, 3vmin, 29px); height: clamp(20px, 3vmin, 29px); font-size: clamp(14px, 2vmin, 18px); } 
    .evCon4 ul li dl dd { font-size: clamp(13px, 2vmin, 18px); } 

    .evCon6 .eventVideo { margin: 0 auto 13%; } 

    .evCon7 .flex { margin: 0 auto; } 
    .evCon7 .con_tit .tiny_noti { font-size: clamp(10px,1.3vmin,13px); margin-top: 3%; } 
    .evCon7 .flex li:last-child { margin-left: 5%; } 
    .evCon7 .flex dl dt { font-size: clamp(14px, 2vmin, 21px); padding-left: 8%; } 
    .evCon7 .flex dl dt:before { width: clamp(17px, 3vmin, 29px); margin-left: -46%; height: clamp(17px, 3vmin, 29px); } 
    .evCon7 .flex dl dd { font-size: clamp(13px, 2vmin, 18px); padding-left: 8%; } 
    .evCon7 .flex dl dd:not(:last-of-type) { margin-bottom: 3%; padding-bottom: 3%; } 

    .event1 .con_tit .end { right: 0; } 
    .event1 .container_info .info .info_title { width: clamp(95px, 13vmin, 130px); min-width: 95px; } 
    .event1 .container_info { padding: 5%; display: flex; gap: 5px 0; font-size: clamp(15px, 2vmin, 21px); } 
    .event1 .container_info .info .info_title::before { height: 10px; width: 1px; left: -10px; } 
    .event1 .gift_list { margin: 10%; } 


    /* [ws] 250122 */
    .v2 .evCon1 .top-txt { font-size: clamp(13px,2.7vmin,22px); top: 15%; left: 3%; padding: 4.5vmin 0 0 1.5vmin; background-size: 30%; } 
    .v2 .evCon1 .top-txt b { font-size: clamp(15px,3.3vmin,28px); } 
    .v2 .evCon1 .feather_box { width: 100%; right: 0; } 
    .v2 .evCon1 .feather_box .top { right: -5%; width: min(232px,25%); } 
    .v2 .evCon1 .feather_box .mid { top: 30%; width: min(214px, 25%); left: -5%; } 
    .v2 .evCon1 .feather_box .bot { width: min(490px, 40%); right: -10% } 

    .v2 .evCon2 .top-txt { margin-bottom: 7%; font-size: clamp(13px,2.5vmin,20px); } 
    .v2 .evCon2 .top-txt span { margin-top: 1vmin; font-size: clamp(11px,2.1vmin,16px); } 
    .v2 .evCon2 h4 .point { margin-bottom: 2vmin; } 
    .v2 .evCon2 .reviewSlider .swiper-wrapper {gap: 1vmin;justify-content: center;} 

    .v2 .evCon4:before{display: none;}

    .evCon8 .tab_main { margin: 5vmin auto 3vmin; } 
    .evCon8 .line_tit.type1 { width: calc(60% - 5px); } 

    .evCon8 .book_wrap {padding: 10% clamp(15px,3vmin,30px);gap: 3vmin;align-items: center;} 
    .evCon8 .book {width: 34%;} 
    .evCon8 .desc {margin-top: 0;} 
    .evCon8 .desc dt {margin-bottom: clamp(20px,4vmin,40px);font-size: clamp(16px,2.9vmin,24px);} 
    .evCon8 .desc dd br { display:none } 
    .evCon8 .lec_wrap{margin-top: clamp(30px,6vmin,60px);}

    .evCon9 h4 .noti{font-size: clamp(11px,2.1vmin,16px);margin-top: 2vmin;}
    .evCon9 .swiper_common_wrap{ width: 100%; margin-left: auto; padding: 0 7%;}
}
 @media screen and (max-width: 768px){
    .evCon2 .img { overflow: hidden; } 
    .evCon2 .img img { max-width: 136%; width: 136%; margin-left: -17.5%; } 

    .evCon3 .swiper_bg { padding: 5%; display: flex; /* align-items: center; */justify-content: center; } 
    .evCon3 .swiper_book_wrap { max-width: 500px; } 
    .evCon3 .swiper_book_wrap .swiper-slide { overflow: hidden; } 
    .evCon3 .swiper_book_wrap .swiper-slide.half img { width:100%; border-radius: 15px } 
    .evCon3 .swiper_book_wrap .swiper-slide:not(.half) img { margin: 0 auto; width: auto; border-radius: 15px } 

    .evCon4 ul { flex-direction: column; } 
    .evCon4 ul li { margin: 0 auto; max-width: 450px; flex: auto; width: 100%; } 
    .evCon4 ul li dl {padding: 4%;} 
    .evCon4 ul li:last-child { margin-top: 10%; } 
    .evCon4 ul li dl dd { padding-left: 5%; } 
    .evCon4 ul li dl dd:not(:last-child) { margin-bottom: 5%; } 

    .evCon5 ul { gap: 30px 0; flex-direction: column; } 
    .evCon5 li:last-child { margin: 0 15%; } 

    .evCon7 .flex li:first-child { width: 70%; margin-bottom: 10%; } 
    .evCon7 .flex li:last-child {width: 100%;margin-left: 0;max-width: 450px;} 
    .evCon7 .flex { flex-direction: column; } 
    .evCon7 .flex dl dd { font-size: clamp(13px, 2vmin, 18px); padding-left: 8%; } 
    .evCon7 .flex dl dd br { display: none; } 

    [class*=mg_popup_wrap] button.mfp-close { width: clamp(25px, 4vmin,36px); height: clamp(25px, 4vmin,36px); top: clamp(-35px, -5vmin,-51px); background-size: contain; } 

    /* [ws] 250122 */
    .v2 .evCon2 .reviewSlider .swiper-slide {width: min(346px,calc(50% - 1vmin));} 

    .evCon8 .tab_subj { gap: 5px; } 
    .evCon8 .tab_subj li a { height: clamp(45px,7vmin,75px); } 

    .evCon8 .line_tit.type1 { width: calc(60% - 2px); } 
    .evCon8 .line_tit span { padding: 2vmin 8vmin; } 
    .evCon8 .line_tit i { height: clamp(20px,4vmin,40px); margin-top: clamp(15px,3vmin,30px); } 

    .evCon8 .book_wrap {flex-direction: column;gap: 10vmin;} 
    .evCon8 .book {width: 100%;width: min(300px,65%);gap: 3vmin;} 
    .evCon8 .book .btn-base.xl > * {min-width: 0;padding: 3vmin 12vmin;font-size: clamp(13px,2vmin,18px);} 
    .evCon8 .desc {max-width: 450px;} 
    .evCon8 .desc dd { padding-left: 7vmin; } 
    .evCon8 .desc dd::before { width: 5vmin; height: 5vmin; } 
    .evCon8 .desc dd:not(:last-child) { margin-bottom: clamp(10px,3vmin,30px); padding-bottom: clamp(10px,3vmin,30px); } 
}
@media screen and (max-width: 576px){
    .evCon3 .swiper_book_wrap .swiper-slide { height: 70vw; } 
    .evCon3 .swiper_book_wrap .swiper-slide.half img { width: 90%; margin: 0 auto; } 

    /* [ws] 250122 */
    .v2 .evCon2 .reviewSlider .swiper-wrapper { flex-wrap: nowrap; gap: 0; justify-content: flex-start; } 
    .v2 .evCon2 .reviewSlider .swiper-slide { width: 100%; margin: 0 auto; } 
    .v2 .evCon2 .reviewSlider .swiper-slide img { width: min(346px,85%); } 
}
@media screen and (max-width: 460px){
    .evCon5 li { overflow-y: auto; } 
    .evCon5 li .scroll_box { width: 470px; } 
    .evCon5 li:last-child { margin: 0 } 
    .evCon5 li:last-child .scroll_box { width: 325px; margin: 0 auto; } 
}