@charset "euc-kr";


/* popup */
.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 popup */
.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://image.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size: 0; width: 26px; height: 26px; } 

/* set */
.br_1200 { display: none; } 
.br_992 { display: none; } 
.br_768 { display: none; } 
.br_576 { display: none; } 
.br_375 { display: none; } 

.lecture { padding-bottom: 0 !important; } 
.eventWrap .evSection.evCon7 { overflow: inherit; } 

.con_tit { font-size: 45px; font-weight: 800; line-height: 56px; margin-bottom: 55px; color: #261b78; } 
.mini_tit { font-size: 26px; color: #000000; font-weight: 700; margin-bottom: 12px; } 
.sub_tit { font-size: 24px; } 
.main_text { font-size: 30px; font-weight: 700; } 
.sub_text { font-size: 22px; font-weight: 400; line-height: 35px; } 
.con_tit b { font-weight: 800; } 

.line_chk { position: relative; z-index: 1; } 
.line_chk::before { content: ""; display: block; width: 100%; height: 14px; background: #dfd0ff; position: absolute; left: 0px; bottom: 2px; z-index: -1; } 

.event_end { position: absolute; /*right: -120px; */ right: 16%; display: block; top: 155px; } 

.eventWrap .inner { padding: 155px 0; } 

/* ÇȽº ¸Þ´º¸¦ À§ÇÑ css */
.eventWrap .evSection.fix_mode { padding-top:100px; } 
.fix_menu { background: #14166c;; z-index: 5; position: relative; } 
.fix_menu ul { width: 1080px; margin: 0 auto; display:flex; align-items: center; justify-content:space-between; } 
.fix_menu li { /*width: 33.3%; */ flex: 1; position: relative; line-height: 19px; } 
.fix_menu li i { position: absolute; top: 50%; right: -35px; transform: translateY(-50%); z-index: 2; } 
.fix_menu li a { display: block; padding: 23.5px 0; font-size: 16px; position: relative; color: #fff; font-weight: 200; } 
.fix_menu li a:before { content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #5b6564; height: 64%; width: 1px; } 
.fix_menu li:last-child a:before { display:none } 
.fix_menu li.on a { font-weight: 600; font-size: 17px; } 
.fix_menu.fixed { position: fixed; top: 0; left: 0; width: 100%; } 
.fix_menu li strong { color: #bb5eff; border: 1px solid #bb5eff; border-radius: 50px; padding: 0px 17px 1px; display: inline-block; margin-bottom: 6px; font-weight: 400; } 
.fix_menu li b { color: #bb5eff; } 
.fix_menu.fixed.bottom { position: fixed; bottom: 0; top:auto; left: 0; width: 100%; } 


.sliderBasic .item { cursor: pointer; } 


/* evCon1 */
.evCon1 { background: #1d1a78 url(https://image.megagong.net/m/2023/0906_law/bg_con1.jpg) no-repeat center center; background-size: cover; } 
.eventWrap .evCon1 .inner { padding: 50px 0 210px; } 
.evCon1 .sub_tit_con1 { margin-bottom: 45px; } 
.evCon1 .tea_con1 { margin: 0 -35px; } 
.evCon1 h3 { position: absolute; bottom: 196px; left: 50%; transform: translateX(-50%); width: 100%; } 
.evCon1 .sub_txt_con1 { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; bottom: 80px; } 


/* evCon2 */
.evCon2 { background: #f3f3f3; } 

.evCon2 .review_wrp { position: relative; display: flex; justify-content: flex-start; background: #fff; border-radius: 15px; border: 1px solid #818181; padding: 35px 0; align-items: center; } 
.evCon2 .review_obj { position: absolute; left: 40px; top: -17px; } 
.evCon2 .review_img { margin-left: 75px; margin-right: 95px; } 
.evCon2 .link_btn a { font-size: 19px; color: #fff; background: #000; display: inline-block; padding: 24px 0; width: 47.2%; margin-top: 60px; } 

/* evCon3 */
.evCon3 { background: #ffffff; } 

/* evCon4 */

.evCon4 { background: #f3f2ff; } 
.evCon4 .con_tit { margin-bottom: 35px; } 
.evCon4 .sub_text { margin-bottom: 45px; } 
.evCon4 .curr_wrap { margin: 0 40px; } 
.evCon4 .curr_wrap li { display: flex; justify-content: center; /* align-items: center; */border: 1px solid #d0d0d0; border-radius: 15px; margin-bottom: 10px; } 
.evCon4 .curr_wrap .curr_left_text { background: #f4f4f4; width: 23%; border-radius: 15px 0px 0px 15px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; padding: 44px 0; } 
.evCon4 .curr_wrap .curr_right_text { width: 77%; background: #fff; border-radius: 0px 15px 15px 0px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; padding: 30px 25px; text-align: left; } 
.evCon4 .curr_wrap li:nth-child(2) .curr_right_text { padding: 42px 25px; } 
.evCon4 .curr_wrap li:nth-child(5) .curr_left_text, .evCon4 .curr_wrap li:nth-child(6) .curr_left_text { padding: 30px 0; } 
.evCon4 .curr_wrap .curr_right_text p { width: 100%; } 
.evCon4 .curr_wrap .curr_name { font-size: 21px; font-weight: 800; width: 100%; } 
.evCon4 .curr_wrap .curr_date { font-size: 16px; font-weight: 300; } 
.evCon4 .curr_wrap b.curr_color { color: #261b78; font-weight: 900; } 
.evCon4 .curr_wrap .curr_main { font-size: 18px; font-weight: 800; margin-bottom: 4px; } 
.evCon4 .curr_wrap .curr_sub { font-size: 17px; font-weight: 300; padding-left: 10px; } 
.evCon4 .curr_wrap .point_curr { border: none; } 
.evCon4 .curr_wrap .point_curr .curr_left_text { background: #261b78; color: #fff; padding: 14px 0; } 
.evCon4 .curr_wrap .point_curr .curr_right_text { padding: 27px 25px; background: #3c2f9b; color: #fff; } 

.evCon4 .curr_wrap .point_curr .curr_left_text .curr_name { font-size: 19px; line-height: 25px; } 
.evCon4 .curr_wrap .point_curr .curr_main { margin-bottom: 0; } 

.evCon4 .curr_wrap li.highlight { position: relative; background: #010002; border-radius: 20px; z-index: 1; } 
.evCon4 .curr_wrap li.highlight:before { content: ''; position: absolute; top: -3px; left: -3px; background: linear-gradient(45deg,#64ebff,#8a00ff,#6758d9,#372d83,#0f007b,#64ebff,#8a00ff,#6758d9,#372d83,#0f007b); background-size: 400% 400%; width: calc(100% + 6px); height: calc(100% + 6px); border-radius: 18px; z-index: -1; animation: animate 4s ease infinite; } 

 @keyframes animate { 
 0% { background-position: 0 50%; } 
 100% { background-position: 100% 50%; } 
 }
 

/* evCon5 */
.evCon5 { background: #d8d5fc; } 
.evCon5 .sys_wrap { display: flex; justify-content: center; gap: 40px; align-items: center; margin: 0 40px; } 
.evCon5 .sys_box { background: #fff; border-radius: 20px; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); padding: 62px 0; width: 50%; } 
.evCon5 .sys_name { font-size: 24px; font-weight: 600; color: #261b78; margin: 12px 0; } 
.evCon5 .sys_text { font-size: 17px; line-height: 27px; } 
.evCon5 .pop_btn_wrap { margin-top: 25px; margin-bottom: 11px; } 
.evCon5 a.mg_btn_base.sm { padding: 11px 27px; background-color: #1b1b1b; border-radius: 50px; } 
.evCon5 .noti_tiny { color: #a5a5a5; font-size: 13px; font-weight: 300; } 
.evCon5 .noti_tiny.none { opacity: 0; } 
.detail_view[class*=mg_popup_wrap] .content_area .content_inner { padding: 0px; border:none; } 
/* [class*=mg_popup_wrap] .content_area { background-color: transparent; } */

/*.evCon6 */
.evCon6 { background: rgb(250 250 250); } 
.evCon6 .tab_base { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 5px; margin-bottom: 35px; } 
.evCon6 .tab_base li { width: 24%; background: #fff; line-height: 23px; border: 1px solid #bebebe; } 
.evCon6 .tab_base li.on { background: #261b78; color: #fff; } 
.evCon6 .tab_base li a { padding: 13px 0; display: block; } 
.evCon6 .tab_base li span { font-size: 14px; font-weight: 400; display: inline-block; line-height: 19px; } 
.evCon6 .tea_name { font-size: 19px; font-weight: 700; } 
.evCon6 .left_tea { position: relative; } 
.evCon6 .left_tea .tab_home_btn { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); font-size: 16px; } 
.tab_home_btn img { margin-left: 7px; vertical-align: sub; } 
.evCon6 .left_tea .tea_img::after { content: ""; width: 100%; height: 185px; background: linear-gradient(180deg, rgba(34,193,195,0) 5%, rgba(250,250,250,1) 83%); position: absolute; bottom: -1px; left: 0px; display: block; } 
.evCon6 .list_wrp { display: flex; justify-content: flex-start; align-items: center; gap: 40px; } 

.evCon6 .right_txt { text-align: left; } 
.evCon6 .right_txt .tab_head { background: #261b78; color: #fff; font-size: 18px; font-weight: 600; display: inline-block; border-radius: 40px; padding: 11px 29px; } 
.evCon6 .right_txt .tab_body1 { font-size: 25px; font-weight: 600; margin: 20px 0 25px; line-height: 41px; } 
.evCon6 .right_txt .tab_body2 { font-size: 19px; font-weight: 300; line-height: 29px; } 

/*.evCon8 */
.evCon8 { background: #261b78; } 
.eventWrap .evCon8 .inner { padding: 150px 0 225px; } 
.evCon8 .con_tit { color: #fff; margin-bottom: 40px; } 
.evCon8 .event_mark { margin-bottom: 25px; } 
.evCon8 .sub_tit { color: #fff; font-weight: 100; } 
.container_info .info { line-height: 9px; align-items: baseline; } 
.evCon8 .container_info.ver_dark { background-color: transparent; justify-content: flex-start; width:63%; gap: 20px; font-size: 20px; } 
.evCon8 .container_info .info_date { font-weight: 300; } 
.evCon8 .container_info .info .info_title { position: relative; margin-right: 26px; font-weight: 600; width: 100px; text-align: justify; display: inline-block; margin-right: 20px; } 
.evCon8 .container_info .info .info_title::after { content: ""; display: inline-block; width: 100%; background: inherit; position: relative; top: inherit; right: inherit; transform: inherit; height: inherit; } 
.container_info .info .info_title::before { top: 31%; left: -14px; } 
.container_info .info .noti { color: #fff; font-size: 16px; } 
.evCon8 .info_wrp { display: flex; align-items: center; justify-content: center; margin: 0px 69px 95px; } 
.evCon8 .info_gift { width: 37%; } 
.evCon8 .sub_title_step { color: #fff; font-size: 22px; position: relative; margin-bottom: 30px; } 
.evCon8 .sub_title_step::before { content: ""; display: block; width: 100%; height: 1px; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); top: 50%; } 
.evCon8 .sub_title_step strong { font-weight: 500; border: 1px solid #fff; border-radius: 50px; padding: 4px 31px; background: #261b78; position: relative; z-index: 0; } 
.evCon8 .text_step { font-size: 22px; color: #fff; font-weight: 300; margin-bottom:45px; } 
.evCon8 .step_wrp { display: flex; justify-content: center; gap: 13px; /* align-items: center; */ } 
.evCon8 .step_wrp li { width: 33%; background: #fff; border-radius: 30px; display: flex; flex-wrap: wrap; padding: 30px 0; position: relative; } 
.evCon8 .step_wrp li > p, .evCon8 .step_wrp li > div { width: 100%; } 
.evCon8 .step_num { font-size: 15px; color: #261b78; font-weight: 600; margin-bottom: 8px; } 
.evCon8 .step_main { font-size: 18px; } 
.evCon8 .step_main strong { font-weight: 800; } 
.evCon8 .step_btn a { background: #000; color: #fff; font-size: 15px; display: inline-block; font-weight: 300; border-radius: 10px; padding: 3px 18px; margin-top: 10px; } 
.evCon8 .step_point { color: #fe0000; font-weight: 800; font-size: 15px; margin-top: 10px; } 
.evCon8 .arrow_step { position: absolute; right: -25px; top: 50%; transform: translate(0%,-50%); z-index: 1; } 

.eventWrap .evtoggleWarning .inner { padding: 0px 0; } 
.evtoggleWarning p.w_tit { font-size: 19px; padding: 16px 0; } 

.warningList li ul li a.tp1 { color: red; font-weight: 800; font-size: 13px; padding: 2.5px 0px; } 

/* lec */
.lecTab_wrap > div, .teaTab_wrap > div { display: flex; } 
.lecTab_wrap > div .tit, .teaTab_wrap > div .tit { position: relative; padding: 17px 0; display: flex; justify-content: center; align-items: center; } 
.lecTab_wrap > div ul, .teaTab_wrap > div ul { margin-left: 10px; display: flex; align-items: center; } 
.conditionSearch_wrap .condition_btn { display: none; } 
.teaTab_wrap { border-bottom: 1px solid #000; } 

/* 231218 - ver2 */
.v2 .con_tit { color: #da3000; } 
.v2 .line_chk::before { background: rgba(255, 145, 115, 0.3); } 

.evCon1.v2 { background: #aa3d12 url(https://image.megagong.net/m/2023/1218_law/bg_con1.jpg) no-repeat; background-size: cover; } 
.evCon1.v2 h3 { bottom: 110px; } 

.fix_menu.v2 { background: #b42800; } 
.fix_menu.v2 li a { font-size: 17px; padding: 0; display: flex; justify-content: center; align-items: center; height: 100px; } 
.fix_menu.v2 li b { color: #facb23; } 
.fix_menu.v2 li b.light { color: #fff0bc; } 
.fix_menu.v2 li a:before { height: 86%; background: #da5833; } 
.fix_menu.v2 li strong { font-size: 16px; color: #facb23; border-color: #facb23; margin: 0; margin-right: 12px; } 
.fix_menu.v2 a .gift { margin-left: 15px; } 

.evCon2 .review_slider { overflow: hidden; } 
.evCon2 .review_slider .slick-list { margin-top: -10px; padding: 0; } 
.evCon2 .review_slider .slick-slide { margin-top: 10px; height: auto; } 
.evCon2 .review_slider .item { display: inline-flex !important; align-items: center; height: 215px; background: #fff; border: 1px solid #818181; border-radius: 15px; padding: 35px 30px 40px 65px; } 
.evCon2 .review_slider .item p { text-align: left; margin-left: 35px; font-size: 15px; color: #565656; } 
.evCon2 .review_slider .item p b { color: #000; } 
.evCon2 .review_slider + .tiny_noti { text-align: right; color: #818181; font-weight: 300; margin: 15px 0 20px; } 
.evCon2.v2 .link_btn a { margin: 0; } 

.evCon3.v2 .sliderWrap { margin: 0 40px; } 

.evCon4.v2 { background: #fffbee; } 
.evCon4.v2 .curr_wrap li.highlight:before { background: linear-gradient(45deg,#ffb4a2,#f5603a,#b02f0b,#891d00,#611200,#ffb4a2,#f5603a,#b02f0b,#891d00,#611200); background-size: 400% 400%; } 
.evCon4.v2 .curr_wrap b.curr_color { color: #db3100; } 
.evCon4.v2 .curr_wrap .point_curr .curr_left_text { background: #a12400; } 
.evCon4.v2 .curr_wrap .point_curr .curr_right_text { background: #db3100; } 

.evCon5.v2 { background: #ffe7e0; } 
.evCon5.v2 .sys_name { color: #db3100; } 

.evCon6.v2 .tab_base li.on { background: #db3100; } 
.evCon6.v2 .right_txt .tab_head { background: #db3100; } 

.evCon8.v2 { background: #0059de; } 
.evCon8.v2 .inner { padding: 150px 0 130px; } 
.evCon8.v2 .con_tit { color: #fff; font-size: 50px; } 
.evCon8.v2 .evt_info { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px 0; font-size: 20px; color: #fff; text-align: left; margin: 40px auto 60px; } 
.evCon8.v2 .evt_info > li { flex: 0 1 40%; display: flex; align-items: flex-start; } 
.evCon8.v2 .evt_info > li:last-child { flex: 0 1 80%; } 
.evCon8.v2 .evt_info .info_title { font-weight: bold; } 
.evCon8.v2 .evt_info li:last-child .info_title { letter-spacing: 0.01em; } 
.evCon8.v2 .evt_info .info_title::before { content: ''; display: inline-block; width: 4px; height: 4px; background: #fff; border-radius: 50%; margin-right: 10px; vertical-align: middle; } 
.evCon8.v2 .evt_info .info_title::after { content: ''; display: inline-block; width: 1px; height: 14px; background: #fff; margin: 0 10px; } 
.evCon8.v2 .evt_info .info_cont .noti { font-size: 16px; color: #a5c9ff; } 
.evCon8.v2 .evt_info .info_cont ul.noti { font-size: 18px; } 
.evCon8.v2 .evt_info .info_cont ul.noti li::before { content: '-'; display: inline-block; margin-right: 5px; } 
.evCon8.v2 .evt_info .info_cont ul.noti li:nth-of-type(2)::after { content: ''; display: inline-block; width: 18px; height: 18px; background: url(https://image.megagong.net/m/2023/1218_law/gift_icon.png); vertical-align: middle; margin-left: 5px; } 
.evCon8.v2 .sub_title_step strong { background: #0059de; } 
.evCon8.v2 .evt_gift { display: flex; justify-content: space-between; margin: 60px 40px 120px; } 

/* 240312 - ver3 S */
.v3 .con_tit { color: #e02fb1; } 

.evCon1.v3 { background: #e427a4 url(https://image.megagong.net/m/2024/0312_law/bg_con1.jpg) no-repeat; background-size: cover; } 
.evCon1.v3 h3 { bottom: 110px; } 

.fix_menu.v3 { background: #240045; } 
.fix_menu.v3 a { justify-content: center; align-items: center; gap: 30px; padding: 30px 0; } 
.fix_menu.v3 a span { font-weight: 300; font-size: 20px; color: #fff; } 
.fix_menu.v3 a span b { color: #facb23; } 
.fix_menu.v3 a em { display: block; width: 50%; max-width: 220px; font-style: normal; font-weight: bold; font-size: 16px; color: #000; background: #facb24; border-radius: 20px; padding: 9px 0; } 

.evCon2.v3 .review_slider .slick-list { padding: 0; } 

.evCon3.v3 .sliderWrap { margin: 0 40px; } 
.evCon3.v3 .sliderWrap .slick-dots li.slick-active { background: #e02fb1; } 

.evCon4.v3 { background: #fffbee; } 
.evCon4.v3 .curr_wrap li.highlight:before { background: #e02fb1; background: linear-gradient(45deg,#ffaedb,#880066,#610048,#e02fb1,#ac0d82,#ffaedb,#880066,#610048,#e02fb1,#ac0d82); background-size: 400% 400%; } 
.evCon4.v3 .curr_wrap b.curr_color { color: #e02fb1; } 
.evCon4.v3 .curr_wrap .point_curr .curr_left_text { background: #ac0d82; } 
.evCon4.v3 .curr_wrap .point_curr .curr_right_text { background: #e02fb1; } 

.evCon5.v3 { background: #ffddf6; } 
.evCon5.v3 .sys_name { color: #e02fb1; } 

.evCon6.v3 .tab_base li.on { background: #e02fb1; } 
.evCon6.v3 .right_txt .tab_head { background: #e02fb1; } 
/* 240312 - ver3 E */

/* 040507 - ver4 S */
.v4 .con_tit { color: #02ad2d; } 

.evCon1.v4 { background: #000 url('https://image.megagong.net/m/2024/0507_law/bg_con1.jpg') no-repeat; background-size: cover; } 
.evCon1.v4 h3 { bottom: 110px; } 
.evCon1.v4 .tea_con1 {margin: 0 -73px;}

.fix_menu.v4 { background: #054639; } 
.fix_menu.v4 a { justify-content: center; align-items: center; gap: 30px; padding: 30px 0; } 
.fix_menu.v4 a span { font-weight: 300; font-size: 20px; color: #fff; } 
.fix_menu.v4 a span b { color: #c4e342; font-weight: 300; } 
.fix_menu.v4 a em { display: block; width: 50%; max-width: 220px; font-style: normal; font-weight: bold; font-size: 16px; color: #000; background: #c4e342; border-radius: 20px; padding: 9px 0; } 

.evCon2.v4 .review_slider .slick-list { padding: 0; } 

.evCon3.v4 .sliderWrap { margin: 0 40px; } 
.evCon3.v4 .sliderWrap .slick-dots li.slick-active { background: #02ad2d; } 

.evCon4.v4 { background: #fffbee; } 
.evCon4.v4 .curr_wrap li.highlight:before { background: #56aa37; background: linear-gradient(45deg,#b3fd98,#348d13,#226b07,#3ebb11,#6ef73c,#b3fd98,#348d13,#226b07,#6ef73c,#3ebb11); background-size: 400% 400%; } 
.evCon4.v4 .curr_wrap b.curr_color { color: #02ad2d; } 
.evCon4.v4 .curr_wrap .point_curr .curr_left_text { background: #348d13; } 
.evCon4.v4 .curr_wrap .point_curr .curr_right_text { background: #56aa37; } 
.evCon4.v4 .curr_wrap li:nth-child(5) .curr_left_text, .evCon4.v4 .curr_wrap li:nth-child(6) .curr_left_text { padding: 44px 0; }

.evCon5.v4 { background: #ffddf6; } 
.evCon5.v4 .sys_name { color: #02ad2d; } 

.evCon6.v4 .tab_base li.on { background: #02ad2d; } 
.evCon6.v4 .right_txt .tab_head { background: #02ad2d; } 
/* 040507 - ver4 E */

@media screen and (max-width: 1200px){
    .br_1200 { display: block; } 
    .br_1200_none { display: none; } 
    .con_tit { margin-bottom: 6%; font-size: 42px; line-height: 49px; padding: 0 8%; } 
    .mini_tit { font-size: 26px; margin-bottom: 1%; } 
    .sub_tit { font-size: 20px; } 
    .main_text { font-size: 26px; } 
    .sub_text { font-size: 22px; line-height: 30px; } 

    .event_end { /*right: 2%; */ top: 8%; width: 18%; } 

    .line_chk::before { height: 11px; bottom: 4%; } 

    /* con1 */
    .eventWrap .evCon1 .inner { padding: 6% 0 21%; } 
    .evCon1 .sub_tit_con1 { margin-bottom: 6%; padding: 0 18%; } 
    .evCon1 .tea_con1 { margin: 0 0px; } 
    .evCon1 h3 { bottom: 19%; width: 72%; } 
    .evCon1 .sub_txt_con1 { width: 38%; bottom: 8%; } 

    /* tab_bnr */
    .fix_menu ul { width: 100%; } 
    .fix_menu li a,.fix_menu li.on a { padding: 6% 0; font-size: 15px; } 
    .eventWrap .evSection.fix_mode { padding-top: 7%; } 

    .fix_menu.fixed.bottom { bottom: 65px; } 

    /* con2 */
    .eventWrap .inner { padding: 11% 0; } 

    /* con4 */
    .evCon4 .con_tit { margin-bottom: 4%; } 
    .evCon4 .sub_text { margin-bottom: 6%; } 
    .evCon4 .curr_wrap { margin: 0 0px; } 
    .evCon4 .curr_wrap li { margin-bottom: 2%; } 
    .evCon4 .curr_wrap .curr_left_text { padding: 4% 0; } 
    .evCon4 .curr_wrap .curr_right_text { padding: 3% 3%; } 
    .evCon4 .curr_wrap .curr_name { font-size: 19px; } 
    .evCon4 .curr_wrap .curr_date { font-size: 15px; } 

    .evCon4 .curr_wrap .curr_main { font-size: 17px; } 
    .evCon4 .curr_wrap .curr_sub { font-size: 16px; padding-left: 1%; } 
    .evCon4 .curr_wrap .point_curr .curr_left_text { padding: 2% 0; } 
    .evCon4 .curr_wrap .point_curr .curr_right_text { padding: 2% 2%; } 
    .evCon4 .curr_wrap .point_curr .curr_left_text .curr_name { font-size: 18px; line-height: 23px; } 
    .evCon4 .curr_wrap li:nth-child(5) .curr_left_text { padding: 3% 0; } 

    /* con5 */

    .evCon5 .sys_wrap { gap: 2%; margin: 0 2%; } 
    .evCon5 .sys_box { padding: 4% 0; } 
    .evCon5 .sys_box .sys_img { padding: 0 32%; } 
    .evCon5 .sys_box .sys_name { font-size: 22px; margin: 2% 0; } 
    .evCon5 .sys_box .sys_text { font-size: 16px; line-height: 24px; } 
    .evCon5 .sys_box .pop_btn_wrap { margin-top: 4%; margin-bottom: 2%; } 
    .evCon5 .sys_box a.mg_btn_base.sm { padding: 2% 4%; } 

    /* con6 */
    .evCon6 .tab_base { margin-bottom: 4%; } 
    .evCon6 .left_tea { padding: 0 4%; width: 43%; } 
    .evCon6 .tab_base li { line-height: 19px; } 
    .evCon6 .tab_base li a { padding: 4% 0; } 
    .evCon6 .tab_base li span { font-size: 13px; line-height: 16px; } 
    .evCon6 .tea_name { font-size: 17px; } 
    .evCon6 .list_wrp { gap: 3%; } 
    .evCon6 .left_tea { padding: 0 2%; } 
    .evCon6 .right_txt .tab_head { font-size: 17px; padding: 1% 5%; } 
    .evCon6 .right_txt .tab_body1 { font-size: 21px; margin: 4% 0 3%; line-height: 32px; } 
    .evCon6 .right_txt .tab_body2 { font-size: 17px; line-height: 25px; } 

    /* con8 */
    .eventWrap .evCon8 .inner { padding: 11% 0 13%; } 
    .evCon8 .event_mark { margin-bottom: 2%; padding: 0 42%; } 
    .evCon8 .con_tit { margin-bottom: 4%; } 
    .evCon8 .info_wrp { margin: 0px 2% 6%; } 
    .evCon8 .container_info.ver_dark { font-size: 19px; padding: 1% 3%; } 
    .evCon8 .sub_title_step { font-size: 19px; margin-bottom: 5%; } 
    .evCon8 .sub_title_step strong { padding: 1% 4%; } 
    .evCon8 .text_step { font-size: 20px; margin-bottom: 5%; } 
    .evCon8 .step_wrp li { width: 33%; border-radius: 20px; padding: 3% 0; } 
    .evCon8 .step_num { margin-bottom: 2%; } 
    .evCon8 .step_main { font-size: 17px; } 
    .evCon8 .step_btn a { padding: 1% 6%; margin-top: 3%; } 
    .evCon8 .step_point { margin-top: 1%; } 
    .evCon8 .arrow_step { right: -8%; width: 12%; } 


    .evtoggleWarning p.w_tit { font-size: 16px; padding: 1% 0; } 
    .conditionSearch_wrap { margin: 10px 0 2%; } 

    /* 231218 - ver2 */
    .evCon1.v2 h3 { bottom: 10%; } 

    .fix_menu.v2 li a { padding: 0 1vw; } 
    .fix_menu.v2 li strong { margin-right: 1%; } 
    .fix_menu.v2 a .gift { display: inline-block; margin-left: 1%; width: 23%; } 

    .evCon2 .review_slider .item { height: auto; padding: 2vw 3vw; gap: 1vw; } 
    .evCon2 .review_slider .item .img { flex: 0 1 16%; } 
    .evCon2 .review_slider .item p { flex: 1; margin: 0; } 
    .evCon2 .review_slider + .tiny_noti { margin: 1% 0 2%; } 

    .evCon3.v2 .sliderWrap { margin: 0 auto; } 

    .evCon8.v2 .con_tit { font-size: 42px; } 
    .evCon8.v2 .evt_info { display: block; width: fit-content; margin: 4% auto 6%; } 
    .evCon8.v2 .evt_gift { margin: 6% auto 10%; gap: 1vw; } 

    /* 240312 - ver3 S */
    .evCon1.v3 h3 { bottom: 10%; } 

    .fix_menu.v3 a { gap: 1vw 2vw; padding: 2vw 0; } 

    .evCon3.v3 .sliderWrap { margin: 0 auto; } 
    /* 240312 - ver3 E */

    .evCon1.v4 .tea_con1 {margin: 0 auto;}
    .evCon1.v4 h3 { bottom: 10%; } 

    .fix_menu.v4 a { gap: 1vw 2vw; padding: 2vw 0; } 

    .evCon3.v4 .sliderWrap { margin: 0 auto; } 
    .evCon4.v4 .curr_wrap li:nth-child(5) .curr_left_text { padding: 4% 0;}
}


@media screen and (max-width: 992px){
    .clickPop { padding: 15px 0 20px; } 
    .dim_popup.sns .tit { font-size:22px } 
    .dim_popup.sns table { font-size:12px } 

    .br_992 { display: block; } 
    .br_992_none { display: none; } 
    .con_tit { font-size: 33px; line-height: 40px; } 
    .mini_tit { font-size: 21px; } 
    .sub_tit { font-size: 17px; } 
    .main_text { font-size: 20px; } 
    .sub_text { font-size: 19px; line-height: 28px; } 

    /* con1 */


    /* tab_bnr */
    .fix_menu li a,.fix_menu li.on a { font-size: 14px; } 
    .fix_menu li strong { padding: 0px 6% 1px; margin-bottom: 1%; } 

    /* con2 */
    .evCon2 .link_btn a { font-size: 16px; } 

    /* con4 */
    .evCon4 .curr_wrap .curr_name { font-size: 17px; } 
    .evCon4 .curr_wrap .curr_date { font-size: 14px; } 
    .evCon4 .curr_wrap .curr_main { font-size: 16px; margin-bottom: 0px; } 
    .evCon4 .curr_wrap .curr_sub { font-size: 15px; } 
    .evCon4 .curr_wrap li:nth-child(2) .curr_right_text { padding: 4% 2%; } 
    .evCon4 .curr_wrap .curr_right_text { padding: 3% 3%; } 
    .evCon4 .curr_wrap .point_curr .curr_left_text .curr_name { font-size: 16px; line-height: 21px; } 

    /* con5 */
    .evCon5 .sys_wrap { margin: 0 0%; } 
    .evCon5 .sys_box .sys_name { font-size: 20px; margin: 3% 0; } 
    .evCon5 .sys_box .sys_text { font-size: 14px; line-height: 21px; } 
    .evCon5 .sys_box a.mg_btn_base.sm { padding: 2% 5% 2.5%; } 
    .evCon5 .sys_box a.mg_btn_base.sm img { width: 84%; } 

    /* con6 */
    .evCon6 .tea_name { font-size: 15px; } 
    .evCon6 .left_tea .tab_home_btn { font-size: 14px; } 
    .tab_home_btn img { vertical-align: middle; } 
    .evCon6 .right_txt .tab_head { font-size: 16px; padding: 1% 5% 1.5%; } 
    .evCon6 .right_txt .tab_body1 { font-size: 18px; line-height: 25px; } 
    .evCon6 .right_txt .tab_body2 { font-size: 15px; line-height: 22px; } 
    .evCon6 .left_tea { width: 37%; } 
    .evCon6 .left_tea .tab_home_btn { width: 100%; } 
    .tab_home_btn img { margin-left: 4px; } 

    /* con8 */
    .evCon8 .event_mark { padding: 0 40%; } 
    .evCon8 .info_wrp { flex-wrap: wrap-reverse; } 
    .evCon8 .container_info.ver_dark { width: 100%; font-size: 17px; } 
    .evCon8 .info_gift { width: 40%; margin-top: 4%; margin-left: 4%; } 
    .evCon8 .container_info.ver_dark { font-size: 17px; padding: 1% 3%; width: 100%; margin: 4% 10% 0 22%; } 
    .evCon8 .container_info .info { line-height: 15px; } 
    .evCon8 .container_info .info .info_title { width: 86px; margin-right: 3%; } 
    .evCon8 .container_info .info .noti { font-size: 13px; } 
    .evCon8 .step_main { font-size: 15px; } 
    .evCon8 .step_btn a { padding: 1% 9%; font-size: 14px; } 
    .evCon8 .step_wrp li { border-radius: 10px; padding: 2% 0 2.5%; } 
    .evCon8 .step_point { font-size: 14px; } 

    .fix_menu.v2 li a { height: 80px; } 
    .fix_menu.v2 li a, .fix_menu.v2 li.on a { font-size: 17px; font-weight: normal; } 
    .fix_menu.v2 li strong { display: block; width: fit-content; margin: 0 auto; } 

    .evCon2 .review_slider .item p { font-size: 13px; } 

    .evCon8.v2 .con_tit { font-size: 36px; } 
    .evCon8.v2 .evt_info { font-size: 16px; } 
    .evCon8.v2 .evt_info .info_cont .noti { font-size: 14px; } 
    .evCon8.v2 .evt_info .info_cont ul.noti { font-size: 14px; } 
}

@media screen and (max-width: 768px){
    .br_768 { display: block; } 
    .br_768_none { display: none; } 
    .con_tit { font-size: 27px; line-height: 35px; padding: 0 1%; } 
    .mini_tit { font-size: 17px; } 
    .sub_tit { font-size: 16px; } 
    .main_text { font-size: 19px; } 
    .sub_text { font-size: 16px; line-height: 20px; } 
    .event_end { top: 3%; } 

    /* con1 */
    .eventWrap .evCon1 .inner { padding: 6% 0 30%; } 
    .evCon1 .sub_tit_con1 { padding: 0 10%; } 
    .evCon1 h3 { bottom: 21%; width: 77%; } 
    .evCon1 .sub_txt_con1 { width: 47%; bottom: 9%; } 


    /* tab_bnr */
    .fix_menu li a, .fix_menu li.on a { font-size: 13px; } 

    /* con4 */ 
    .evCon4 .con_tit { margin-bottom: 3%; } 
    .evCon4 .curr_wrap li { border-radius: 10px; } 
    .evCon4 .curr_wrap .curr_left_text { border-radius: 10px 0px 0px 10px; } 
    .evCon4 .curr_wrap .curr_right_text { border-radius: 0px 10px 10px 0px; } 
    .evCon4 .curr_wrap li.highlight:before { border-radius: 13px; } 
    .evCon4 .curr_wrap .curr_name { font-size: 15px; } 
    .evCon4 .curr_wrap .curr_date { font-size: 13px; } 
    .evCon4 .curr_wrap .curr_main { font-size: 14px; } 
    .evCon4 .curr_wrap .curr_sub { font-size: 13px; font-weight: 400; } 
    .evCon4 .curr_wrap .point_curr .curr_left_text .curr_name { font-size: 14px; line-height: 17px; } 
    .evCon4 .curr_wrap li:nth-child(2) .curr_right_text { padding: 3% 2%; } 

    /* con5 */
    .evCon5 .sys_wrap { display: block; } 
    .evCon5 .sys_box { width: 100%; margin-bottom: 1%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 2% 3%; gap: 5%; border-radius: 10px; } 
    .evCon5 .sys_box .sys_left { width: 30%; } 
    .evCon5 .sys_box .sys_right { width: 59%; text-align: left; margin-left: 0%; } 
    .evCon5 .sys_box .sys_img { padding: 0 4%; } 
    .evCon5 .sys_box .sys_name { font-size: 16px; margin: 2% 0; } 
    .evCon5 .sys_box .sys_text { font-size: 13px; line-height: 19px; } 
    .evCon5 .sys_box .pop_btn_wrap { margin-top: 3%; margin-bottom: 1%; width: 100%; } 
    .evCon5 .sys_box a.mg_btn_base.sm { padding: 1% 5% 1.5%; text-align: center; } 
    .evCon5 .noti_tiny { font-size: 12px; } 

    /* con6 */
    .evCon6 .tab_base { gap: 2px; } 
    .evCon6 .tea_name { font-size: 14px; } 
    .evCon6 .tab_base li { line-height: 17px; width: 24.7%; } 
    .evCon6 .tab_base li span { font-size: 12px; line-height: 15px; } 
    .evCon6 .list_wrp { flex-wrap: wrap-reverse; margin: 0 2%; } 
    .evCon6 .right_txt .tab_head { font-size: 14px; padding: 1% 5%; } 
    .evCon6 .right_txt .tab_body1 { font-size: 16px; line-height: 23px; margin: 3% 0 2%; } 
    .evCon6 .right_txt .tab_body2 { font-size: 14px; line-height: 21px; } 
    .evCon6 .left_tea .tab_home_btn { width: 100%; position: relative; left: inherit; bottom: inherit; transform: inherit; margin-top: 2%; } 
    .evCon6 .left_tea { width: 100%; text-align: right; padding: 0; } 
    .evCon6 .tea_img { display: none; } 

    /* con8 */
    .evCon8 .info_gift { width: 48%; } 
    .evCon8 .container_info.ver_dark { font-size: 15px; margin: 4% 0% 0 13%; } 
    .evCon8 .container_info .info .info_title { width: 76px; } 
    .evCon8 .sub_title_step { font-size: 17px; } 
    .evCon8 .text_step { font-size: 17px; } 
    .evCon8 .step_wrp { display: block; } 
    .evCon8 .step_wrp li { margin-bottom: 2%; width: 100%; } 
    .evCon8 .step_num { font-size: 14px; margin-bottom: 1%; } 
    .evCon8 .step_btn a { margin-top: 2%; } 
    .evCon8 .arrow_step { right: 50%; transform: translateX(50%) rotate(90deg); top: inherit; display: block; bottom: -14%; width: 4%; } 

    .evtoggleWarning p.w_tit { padding: 2% 0; } 

    .mfp-zin.mfp-ready .z-anim { padding: 0 2%; } 
    .detail_view[class*=mg_popup_wrap] button.mfp-close { right: 2%; } 


    .evCon1.v2 .inner { padding: 6% 0 10%; } 

    .fix_menu.v2 li a { height: 70px; } 
    .fix_menu.v2 li a, .fix_menu.v2 li.on a { font-size: 14px; } 
    .fix_menu.v2 li strong { font-size: 12px; } 

    .evCon2 .review_slider .item { flex-direction: column; height: 270px; gap: 3vw; } 
    .evCon2 .review_slider .item .img { width: 15%; } 
    .evCon2 .review_slider .item p { font-size: 13px; text-align: center; } 

    .evCon3.v2 .sliderWrap .slick-dots li.slick-active { background: #da3000; } 

    .evCon8.v2 .con_tit { font-size: 32px; } 
    .evCon8.v2 .evt_info > li { flex-direction: column; align-items: center; text-align: center; } 
    .evCon8.v2 .evt_info .info_title::after { width: 4px; height: 4px; border-radius: 50%; margin: 0; margin-left: 10px; vertical-align: middle; } 

    .evCon1.v3 .inner { padding: 6% 0 10%; } 

    .fix_menu.v3 a { flex-direction: column; } 
    .fix_menu.v3 a span { font-size: 16px; } 
    .fix_menu.v3 a em { font-size: 14px; padding: 1vw 0; }

    .evCon1.v4 .inner { padding: 6% 0 10%; } 

    .fix_menu.v4 a { flex-direction: column; } 
    .fix_menu.v4 a span { font-size: 16px; } 
    .fix_menu.v4 a em { font-size: 14px; padding: 1vw 0; } 
}

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

    .br_576 { display: block; } 
    .br_576_none { display: none; } 
    .sub_tit { font-size: 13px; } 
    .con_tit { font-size: 21px; line-height: 26px; padding: 0 0%; } 
    .mini_tit { font-size: 14px; display: block; line-height: 14px; } 
    .main_text { font-size: 15px; } 
    .sub_text { font-size: 13px; } 
    .evCon6 .right_txt .tab_body2 { font-size: 14px; line-height: 21px; } 
    .line_chk::before { height: 7px; } 

    /* con1 */
    .eventWrap .evCon1 .inner { padding: 6% 0 40%; } 
    .evCon1 .sub_tit_con1 { padding: 0 2%; } 
    .evCon1 h3 { bottom: 26%; width: 82%; } 
    .evCon1 .sub_txt_con1 { width: 66%; bottom: 10%; } 

    /* tab_bnr */
    .fix_menu li { line-height: 18px; } 
    .fix_menu li strong { margin-bottom: 0%; font-size: 12px; } 

    .fix_menu.fixed.bottom { bottom: 55px; } 

    /* con4*/
    .evCon4 .curr_wrap li { display: block; } 
    .evCon4 .curr_wrap .curr_left_text { border-radius: 10px 10px 0px 0px; width: 100%; padding: 2% 0; } 
    .evCon4 .curr_wrap .curr_right_text { border-radius: 0px 0px 10px 10px; width: 100%; } 
    .evCon4 .curr_wrap .curr_name { font-size: 15px; } 
    .evCon4 .curr_wrap .curr_right_text { padding: 2% 3%; text-align: center; } 
    .evCon4 .curr_wrap li:nth-child(5) .curr_left_text, .evCon4 .curr_wrap li:nth-child(6) .curr_left_text { padding: 2% 0; } 
    .evCon4 .curr_wrap .point_curr .curr_main { font-weight: 400; } 

    /* con5 */
    .evCon5 .sys_box { position: relative; } 
    .evCon5 .sys_box .sys_right { width: 100%; } 
    .evCon5 .sys_box .sys_name { font-size: 15px; margin: 1% 0; } 
    .evCon5 .sys_box .sys_left { width: 24%; position: absolute; right: 3%; bottom: 4%; } 

    /* con6 */
    .evCon6 .tab_base li { width: 49%; } 
    .evCon6 .right_txt .tab_body1 { font-size: 14px; line-height: 20px; margin: 4% 0 3%; } 
    .evCon6 .right_txt .tab_body2 { font-size: 13px; line-height: 18px; font-weight: 400; } 
    .evCon6 .left_tea .tab_home_btn { margin-top: 4%; font-size: 13px; } 

    /* con8*/
    .evCon8 .event_mark { padding: 0 36%; } 
    .evCon8 .info_gift { width: 65%; } 
    .evCon8 .container_info.ver_dark { font-size: 13px; margin: 6% 0% 0 3%; } 
    .evCon8 .container_info .info { line-height: 12px; } 
    .evCon8 .container_info .info .info_title { width: 62px; } 
    .evCon8 .sub_title_step { font-size: 15px; } 
    .evCon8 .text_step { font-size: 14px; } 
    .evCon8 .step_main { font-size: 14px; } 
    .evCon8 .arrow_step { width: 6%; } 
    .evCon8 .step_wrp li:nth-child(2) { padding: 5% 0; } 

    .evtoggleWarning p.w_tit { padding: 2% 0; font-size: 14px; } 
    .warningList li ul li a.tp1 { font-size: 12px; } 

    .evCon1.v2 .inner { padding: 6% 0 10%; } 

    .fix_menu.v2 li a, .fix_menu.v2 li.on a { font-size: 12px; } 
    .fix_menu.v2 li strong { font-size: 10px; } 
    .fix_menu.v2 a .gift { display: block; width: 26%; margin: 0 auto; } 

    .evCon2 .review_slider .item { flex-direction: row; align-items: center; padding: 2vw; height: 220px; } 
    .evCon2 .review_slider .item .img { display: none; } 
    .evCon2 .review_slider .item p { font-size: 12px; } 
    .evCon2 .review_slider + .tiny_noti { font-size: 10px; } 

    .evCon8.v2 .con_tit { font-size: 26px; } 
    .evCon8.v2 .evt_info { font-size: 14px; } 
    .evCon8.v2 .evt_info > li + li { margin-top: 2vw; } 
    .evCon8.v2 .evt_info .info_cont .noti { font-size: 10px; } 
    .evCon8.v2 .evt_info .info_cont ul.noti { font-size: 12px; } 
    .evCon8.v2 .evt_gift { flex-wrap: wrap; gap: 4vw 1vw; } 
    .evCon8.v2 .evt_gift li { flex: 0 1 calc(50% - 0.5vw); } 
    .evCon8.v2 .evt_gift li:first-child { margin: 0 25%; } 

    .evCon1.v3 .inner { padding: 6% 0 18%; } 

    .fix_menu.v3 a span { font-size: 14px; } 
    .fix_menu.v3 a em { font-size: 12px; } 

    .evCon1.v4 .inner { padding: 6% 0 18%; } 

    .fix_menu.v4 a span { font-size: 14px; } 
    .fix_menu.v4 a em { font-size: 12px; } 
    .evCon4.v4 .curr_wrap li:nth-child(5) .curr_left_text { padding: 2% 0;}
}

 @media screen and (max-width: 375px) {
     /* °øÅë */
    .br_375 { display: block; } 
    .br_375_none { display: none; } 

    /* tab_bnr */
    .fix_menu li a, .fix_menu li.on a { font-size: 12px; } 
    .fix_menu li { line-height: 17px; } 
}