@charset "euc-kr";
/* bg url: https://img.megagong.net/m/2024/ - as-is url */
/* bg url: https://image.megagong.net/m/2024/ - to-be url */



:root {    
    /*color*/
    --color-main:#2a6aff;
    --color-sub:#3b83e3;
}



/* ÀÌº¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit .end::after{background: #170833;}
.warningList li ul li a.tp1{background-color:#000; color:#fff;}


/*°øÅë*/
br.show-574 {display: none !important;}
.eventWrap .evSection{position: relative;padding: 160px 0;}
.clamp-title{font-size:46px; margin: 0 0 50px 0;}
.clamp-title.wht {color: #fff;}
.clamp-title2{font-size:24px; font-weight: bold;}
.clamp-text{font-size:20px;}
.clamp-text2{font-size:18px;}
.sub_tit {font-size: 26px;font-weight: bold;}

.con_box .sub_tit {position: relative; color:var(--color-sub); width: 1080px; margin: 0 auto 30px;}
.con_box .sub_tit span {display: inline-block; padding: 0 20px; position:relative; background-color: #fff;}
.con_box .sub_tit::before {content:""; display: block; width: 100%; height: 1px; background-color: var(--color-sub); position:absolute; top:50%; transform: translateY(-50%)}

.evSection .lecture .end-dim {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;color: #fff;background: #000000b3;z-index: 1;align-items: center;justify-content: center;font-style: normal;}
.event .con_tit .label {position: relative;display: block;width: 30%;max-width: 230px;font-style: normal;font-weight: 900;font-size: 41px;color: #fff;padding: 10px 0;background: #000;margin: 0 auto 40px;}
.event .con_tit .label::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 12px solid #000;}


/*evCon1*/
.eventWrap .evSection.evCon1 {padding: 160px 0 140px 0;background: url(https://image.megagong.net/m/2024/0723_gongbasic/evCon1_bg.jpg) no-repeat center 0;}
.evCon1 p {font-size: 24px;line-height: 1.7;/* font-weight: 600; */color:#fff;}


/*con_bnr*/
.con_bnr {height: 80px; background-color: #000; color:#fff;}
.con_bnr.on {position: fixed;left: 0;bottom: 0;width: 100%;z-index: 2;} 
.con_bnr .inner {position: relative; width: 1000px; height: 100%;}
.con_bnr .txt_wrap {display: flex; align-items: center; height: 100%; gap:30px;}
.con_bnr .txt_wrap .yellow {color: #fff17d;}
.con_bnr img {position:absolute;; right:0; bottom:0;}


/*evCon2*/
.eventWrap .evSection.evCon2 {background: url(https://image.megagong.net/m/2024/0723_gongbasic/evCon2_bg.jpg) no-repeat center 0;}
.evCon2 .con_box .news_wrap {display: flex; justify-content:space-between;}
.evCon2 .con_box .news_wrap img {display: block;height: fit-content;}
.evCon2 .con_box .news_wrap img:nth-child(2) {margin-top:50px;}


/*evCon3*/
.evCon3 .method_wrap {display:flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}
.evCon3 .method_wrap .method {display:flex; justify-content:center; align-items: center; flex-direction: column; width: calc(50% - 20px); height: 314px; border-radius: 15px; overflow:hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; color:#fff;}
.evCon3 .method_wrap .method:nth-child(1) {background-image:url(https://image.megagong.net/m/2024/0723_gongbasic/evCon3_bg1.png);}
.evCon3 .method_wrap .method:nth-child(2) {background-image:url(https://image.megagong.net/m/2024/0723_gongbasic/evCon3_bg2.png);}
.evCon3 .method_wrap .method:nth-child(3) {background-image:url(https://image.megagong.net/m/2024/0723_gongbasic/evCon3_bg3.png);}
.evCon3 .method_wrap .method:nth-child(4) {background-image:url(https://image.megagong.net/m/2024/0723_gongbasic/evCon3_bg4.png);}
.evCon3 .method_wrap .method .txt_wrap {display: flex;flex-direction: column;align-items: center;}
.evCon3 .method_wrap .method .label {margin: 0 0 15px 0;width:126px;min-width:126px;padding: 4px 0;background-color: var(--color-main);color:#fff;border-radius: 20px;}
.evCon3 .method_wrap .method .detail {padding: 22px 0 26px 0; line-height: 1.6;}
.evCon3 .method_wrap .method a {display: flex;justify-content: center; align-items: center; width: 188px; height: 40px; border-radius:3px; border:1px solid #fff;}


/*evCon4*/
.eventWrap .evSection.evCon4 .cir_box_wrap{margin: 0 0 80px 0;display: flex;justify-content: center;align-items: center;gap:40px;}
.evCon4 .pass_op_sd {width:1200px; margin:0 auto; box-sizing:border-box; padding: 40px 30px 0;}
.evCon4 .pass_op_sd .slick-slide > div {padding:0 12px 43px 13px;}
.evCon4 .pass_op_sd .item {padding:20px 20px 30px;border-radius: 20px;box-sizing:border-box;box-shadow: 0 10px 10px rgb(0 0 0 / 16%);border: 1px solid #ddd;background: #fff;text-align: left;}
.evCon4 .pass_op_sd .item a {cursor:default;}
.evCon4 .pass_op_sd .item .pf_box {display:table;width: 100%;}
.evCon4 .pass_op_sd .item .pf_box .pf_img {display:inline-block;vertical-align: middle;}
.evCon4 .pass_op_sd .item .pf_box .pf_t {width: calc(100% - 73px);display:inline-block;vertical-align: middle;padding-left:10px;font-weight:bold;line-height:1.26;font-size:15px;color:#333333;}
.evCon4 .pass_op_sd .item .pf_box .pf_t .date {display:block;margin-top:3px;font-size:13px;color:#aaaaaa;}
.evCon4 .pass_op_sd .item .txt {padding-top:17px;}
.evCon4 .pass_op_sd .item .txt strong {display:block;font-weight:bold;color: #0a857b;font-size:15px;line-height:1.46;height:45px;overflow:hidden;box-sizing:border-box;text-overflow: ellipsis;white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.evCon4 .pass_op_sd .item .txt p {position:relative;word-break: break-all;padding-right:5px;margin-top:5px;font-size:12px;color:#aaaaaa;line-height:1.5;height:35px;overflow:hidden;box-sizing:border-box;text-overflow: ellipsis;white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.evCon4 .pass_op_sd .item .txt p span {display:inline-block;}
.evCon4 .pass_op_sd .item .txt p span:before {content:'...';position:absolute;bottom:0;right:0;}

.evCon4 .pass_op_sd .slick-arrow {width:31px;height:30px;position:absolute;top:50%;transform: translateY(-100%);font-size:0;}
.evCon4 .pass_op_sd .slick-prev {left:0;background:url(https://img.megagong.net/s/gong/examinfo/pass_op/pass_op_L.png) no-repeat center;background-size:100% auto;}
.evCon4 .pass_op_sd .slick-next {right:0;background:url(https://img.megagong.net/s/gong/examinfo/pass_op/pass_op_R.png) no-repeat center;background-size:100% auto;}


.eventWrap .evSection.evCon4 .link_btn {
    margin: 40px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 480px;
    height: 80px;
    background-color: #000;
    color: #fff;
    border-radius: 3px;
}

/*evCon5*/
.evCon5 .bigt span { color: #9e3af4; } 
.evCon5 .select { margin: 60px 0 0 } 
.evCon5 .select .selectWrap { position: relative; display: inline-block; width: 430px } 
.evCon5 .select .selectWrap::before { content:''; background: url('https://img.megagong.net/m/2022/1128_army/con4_ico.png') no-repeat; width: 20px; height: 10px; position: absolute; right: 40px; top: 50%; transform: translate(0, -50%) } 
.evCon5 .select .selectWrap:first-child { margin: 0 20px 0 0 } 
.evCon5 .select .selectWrap select {width: 100%;border-radius: 100px;background: #fff;color: #111111;font-size: 20px;font-weight: 700;border: none;padding: 25.5px 0 25.5px 52px;} 
select { -webkit-appearance:none; -moz-appearance:none; appearance:none } 
select::-ms-expand { display:none } 
.evCon5 .bnBox { position:relative; margin: 40px -140px } 
.evCon5 .bnBox .carouselBox { width: 100%; margin: 0 auto } 
.evCon5 .bnBox .carouselBox .slick-list { padding: 0 140px !important } 
.evCon5 .bnBox .carouselBox .slick-slide:not(.slick-center) { z-index: 0; -webkit-transform: scaleX(0.489) scaleY(0.486) translateX(144%) translateY(-15%); -moz-transform: scaleX(0.489) scaleY(0.486) translateX(144%) translateY(-15%); transform: scaleX(0.489) scaleY(0.486) translateX(144%) translateY(-15%) } 
.evCon5 .bnBox .carouselBox .slick-slide::before { position:absolute; content:''; top:0; left: 0; width: 100%; height: 100%; background:#222; opacity: 0.7; z-index: 2 } 
.evCon5 .bnBox .carouselBox .slick-active.slick-center::before { display:none } 
.evCon5 .bnBox .carouselBox .slick-active.slick-center+.slick-slide+.slick-slide { z-index: 1 } 
.evCon5 .bnBox .carouselBox .slick-active.slick-center+.slick-slide,
.evCon5 .bnBox .carouselBox .slick-center+.slick-cloned { z-index: 2; -webkit-transform: scaleX(0.489) scaleY(0.486) translateX(-144%) translateY(-15%); -moz-transform: scaleX(0.489) scaleY(0.486) translateX(-144%) translateY(-15%); transform: scaleX(0.489) scaleY(0.486) translateX(-144%) translateY(-15%) } 
.evCon5 .bnBox .carouselBox .slick-slide:not(.slick-center) .slide, .evCon5 .bnBox .carouselBox .slick-active.slick-center+.slick-slide .slide, .evCon5 .bnBox .carouselBox .slick-center+.slick-cloned .slide { width: 100% !important; background: #000 } 
.evCon5 .bnBox .carouselBox .slick-center { z-index: 3; transform: scale(1) translateX(0); -moz-transform: scale(1) translateX(0); -webkit-transform: scale(1) translateX(0); opacity:1 } 
.evCon5 .bnBox .carouselBox .slick-slide { position: relative; transition: transform 50ms } 
.evCon5 .bnBox .carouselBox .slide { position: relative; width: 880px !important; background: #222222 } 
.evCon5 .bnBox .carouselBox .slide::before { content:''; background:url('https://img.megagong.net/m/2022/1128_army/play.png') no-repeat; width: 110px; height: 110px; position: absolute; bottom: 78px; left: 100px } 
.evCon5 .bnBox .carouselBox .slide img { position: relative; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50% } 
.evCon5 .bnBox .carouselBox .pc_item { display:block; position: relative; padding-bottom: 56.25%; overflow: hidden; cursor: pointer } 
.evCon5 .bnBox .carouselBox .pc_item img { width: 100% } 
.evCon5 .bnBox .carouselBox .pc_item .tea { width: 46.8%; position: absolute; right: 30px; bottom: 0 } 
.evCon5 .bnBox .carouselBox .pc_item .tit .txt { font-size: 18px; color: #959595; border-bottom: 1px solid; padding-bottom: 3.7px; display: inline-block; margin: 0 0 24px; } 
.evCon5 .bnBox .carouselBox .pc_item .tit { position: absolute; color: #fff; font-size: 34px; z-index: 1; top: 94px; left: 70px; text-align: left } 
.evCon5 .bnBox .carouselBox .pc_item .tit strong { display: block; color: #f0226d; } 
.evCon5 .bnBox .carouselBox .pc_item .tit .tiny_noti { position: absolute; top: 50px; left:0; opacity: 0.15; } 
.evCon5 .bnBox .carouselBox .pc_item .name { position: absolute; color: #fff; left: 70px; top: 313px; font-size: 20px; font-weight: 200 } 
.evCon5 .bnBox .carouselBox .pc_item .name span { position: relative; margin-right: 6px; padding-right: 9px } 
.evCon5 .bnBox .carouselBox .pc_item .name span::before { content:''; width: 2px; height: 50%; background: #fff; position: absolute; right: 0; top: 33% } 
.evCon5 .bnBox .carouselBox .m_item { display:none } 
.evCon5 .bnBox .slick-arrow { position:absolute; display:block; top:50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index:2; width: 39px; height: 64px; font-size:0 } 
.evCon5 .bnBox .slick-arrow.slick-prev { left: 180px; background: url('https://img.megagong.net/m/2022/1128_army/con4_roll_prev.png') no-repeat center } 
.evCon5 .bnBox .slick-arrow.slick-next { right: 180px; background: url('https://img.megagong.net/m/2022/1128_army/con4_roll_next.png') no-repeat center } 
.evCon5 .bnBox .progress {
    margin: 36px auto 0;
    display: block;
    width: 86%;
    height: 10px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    background-image: linear-gradient(to right, #999999, #999999);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .4s ease-in-out;
}
  
.evCon5 .bnBox .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.evCon5 .btn { display: inline-block } 


/*evCon6*/
.evCon6 .tab_base {margin: 0 0 30px 0; display: flex;}
.evCon6 .tab_base li {width: 50%; height: 110px;}
.evCon6 .tab_base li a {width:100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #bbb; background-color: #eee;}
.evCon6 .tab_base li a p {font-size: 20px;}
.evCon6 .tab_base li a span {font-size: 26px;}
.evCon6 .tab_base li.on a{background-color: var(--color-main); color:#fff;}
.lecture {padding-bottom: 0 !important}
.lecList {background: #fff}
.lecTab_wrap, .teaTab_wrap, .stepTab_wrap{background:#fff}
.lecture .chrarea{background: #fff}
.lecture .conditionSearch_wrap{display: none}
.lecture .lectlist{margin-top: 20px;background: #fff}
.vodchr_banner {margin-bottom: 0}
.lectlist .lect_item:last-child {border-bottom: 1px solid #ccc}
.lecTab_wrap > div, .teaTab_wrap > div, .stepTab_wrap > div {text-align: left}


/*event*/
.eventWrap .evSection.event {padding: 160px 0;}
.eventWrap .evSection.event .con_tit .sub_tit.yellow {margin-bottom: 8px;color: #fff17d;font-weight: 600;}
.eventWrap .evSection.event .con_tit h4 {font-size: 56px; color:#fff;}
.eventWrap .evSection.event .container_info.ver_circle .info .info_title {background:#000;}
.event .container_info {flex-direction: column; margin: 0; margin-top: 0;}
.event .container_info .info .info_title {width: 136px;}
.event .container_info .info .info_date {font-weight: 700;color: #fff;}
.event .container_info_wrap {display: block;padding: 30px 0;margin: 50px auto 80px; color:#fff;}
.event .container_info {flex-direction: row;}
.event .container_info .info {width: calc(50% - 10px); margin-right:0;}
.event .container_info .info:last-child {width: 100%;}
.event .container_info .info .noti {font-size: 16px; color:#fff;margin-left: 5px;} 
.event .container_gift_wrap ul {justify-content: center; gap:40px;}
.event .container_gift_wrap ul li {display: flex;/* align-items: center; */flex-direction: column;justify-content: center;}
.event .container_gift_wrap ul li:nth-child(2) {
    align-items: flex-end;
}
.event .container_gift_wrap ul li p {margin:20px 0 0 0;font-size: 18px;text-align: left;color: #fff17d;}
.event .link_btn {margin: 48px 0 20px 0; display: flex;justify-content: space-between; gap:40px;}
.event .link_btn a {display: flex; align-items: center; justify-content: center; width:calc(50% - 20px); height: 80px; background-color: #000; color: #fff;border-radius: 3px;}

.eventWrap .evSection.evtoggleWarning {padding: 0;}




@media screen and (max-width: 1200px){
    /*°øÅë*/
    .eventWrap .evSection {padding: 12% 0;}
    .eventWrap .inner {width: 97%;}
	.con_bnr .inner {width: 92%;}

    .clamp-title{font-size: clamp(17px,3vmin,33px);margin: 0 0 8% 0;}
    .clamp-text{font-size: clamp(15px,2vmin,20px);}
    .clamp-text2{font-size: clamp(13px,1.8vmin,18px);}
    .con_box .sub_tit {width: 97%;}
	.con_box .sub_tit span {padding: 0 3%;}
    .sub_tit {font-size: clamp(16px,3.5vmin,24px);}
	
        
    /*evCon1*/
    .evCon1 p {font-size: clamp(13px,2.5vmin,24px);}
    .eventWrap .evSection.evCon1 {padding: 12% 0;}


    /*con_bnr*/
    .con_bnr {height: 70px;}


    /*evCon2*/
    .evCon2 .con_box .news_wrap {gap: 14px;}
    .evCon2 .con_box .news_wrap img {display:block; width: calc(50% - 7px);}


    /*evCon4*/
    .evCon4 .pass_op_sd {width: 100%;}
	.eventWrap .evSection.evCon4 .cir_box_wrap img {width: 33%;}

    /*evCon5*/
    .evCon5 .select { margin: 5.5% 0 0 } 
    .evCon5 .select .selectWrap { width: 48.5% } 
    .evCon5 .select .selectWrap:first-child { margin: 0 2% 0 0 } 
    .evCon5 .bnBox { margin: 4% auto } 
    .evCon5 .bnBox .carouselBox .slide { width: 100% !important } 
    .evCon5 .bnBox .carouselBox .slick-active.slick-center+.slick-slide, .evCon5 .bnBox .carouselBox .slick-center+.slick-cloned { -webkit-transform: scale(0.6) translateX(-84%); -moz-transform: scale(0.6) translateX(-84%); transform: scale(0.6) translateX(-84%) } 
    .evCon5 .bnBox .carouselBox .slick-slide:not(.slick-center) { -webkit-transform: scale(0.6) translateX(84%); -moz-transform: scale(0.6) translateX(84%); transform: scale(0.6) translateX(84%) } 
    .evCon5 .bnBox .carouselBox { width: 125%; transform:translateX(-10%); -moz-transform:translateX(-10%); -webkit-transform:translateX(-10%) } 
    .evCon5 .bnBox .carouselBox .slick-list { padding: 0 15% !important } 
    .evCon5 .bnBox .slick-arrow.slick-prev { left:11%; background-size: 70%; top:45%;} 
    .evCon5 .bnBox .slick-arrow.slick-next { right:11%; background-size: 70%; top:45%; } 
    .evCon5 .bnBox .carouselBox .pc_item .tit { font-size: 30px; left: 5%; top: 30%; width: 56%; } 
    .evCon5 .bnBox .carouselBox .pc_item .tit .txt { font-size: 15px } 
    .evCon5 .bnBox .carouselBox .pc_item .tea { right: 3%; width: 40%; } 
    .evCon5 .bnBox .carouselBox .slide::before { left: 8%; background-size: 70%; top: 65% } 
    .evCon5 .bnBox .carouselBox .pc_item .tit strong { font-size: 37px } 
    .evCon5 .bnBox .carouselBox .pc_item .name { font-size: 17px; left: 8%; top: 50% } 
    .evCon5 .btn { width: 56%; } 
    .evCon5 .bnBox .carouselBox .pc_item .tit .tiny_noti { margin: -20px 0 0; top: 0; font-size: 11px; } 
    .evCon5 .bnBox .progress {width: 76%;}


    /*evCon6*/
	.evCon6 .tab_base li a p {font-size: clamp(13px,2vmin,18px);}
	.evCon6 .tab_base li a span {font-size: clamp(18px,3vmin,24px);}


    /*event*/
	.eventWrap .evSection.event{padding: 12% 0;}
    .eventWrap .evSection.event .con_tit h4 {font-size: clamp(20px,4.6vmin,46px);}
    .event .container_info_wrap {margin: 5% 0;padding: 4% 0;}
    .event .container_info {flex-direction: column;align-items: flex-start;}
    .event .container_info .info {width: fit-content}
    .event .container_info .info:last-child {width:fit-content}
    .event .container_info .info .info_title { line-height: clamp(25px,4vmin,40px);}
	.event .container_gift_wrap ul li p {font-size: clamp(14px,1.6vmin,16px);}

    .event .con_tit .label {font-size: clamp(18px, 3.2vmin, 32px); padding: 1.5vw 0; margin: 0 auto 4%;}
	
    
}
@media screen and (max-width: 1024px){
.con_bnr.on {bottom:70px}
}
@media screen and (max-width: 992px){
    /*evCon3*/
    .evCon3 .method_wrap .method {padding: 4% 5%;height: auto;}
	.evCon3 .method_wrap .method .detail {padding: 5% 0 8% 0;}


    /*evCon4*/
    .evCon4 .pass_op_sd .slick-slide > div {padding:0 15px 43px;}
	.evCon4 .pass_op_sd .item {padding:15px 15px 35px;}
	.evCon4 .pass_op_sd .item .pf_box .pf_img {width: 45px;}
	.evCon4 .pass_op_sd .item .pf_box .pf_t {font-size:14px;}
	.evCon4 .pass_op_sd .item .txt {padding-top:20px;height:80px;}
	.eventWrap .evSection.evCon4 .cir_box_wrap {gap:10px}
    
    
    /*evCon5*/
    .evCon5 .bnBox .slick-arrow { width:30px; height:30px } 
    .evCon5 .bnBox .carouselBox .pc_item .tit { font-size: 21.5px } 
    .evCon5 .bnBox .carouselBox .pc_item .tit strong { font-size: 27px } 
    .evCon5 .bnBox .carouselBox .pc_item .name { font-size: 15px } 

}
@media screen and (max-width: 768px){
	.eventWrap {font-size: 14px;}
	
    /*con_bnr*/
	.con_bnr.on {bottom:55px}
    .con_bnr .txt_wrap {flex-direction: column;align-items: flex-start;justify-content: center;gap: 5px;}
    .con_bnr img {width: 20%;}

    /*evCon2*/
    .evCon2 .con_box .news_wrap {display:block;}
    .evCon2 .con_box .news_wrap img {margin: 0 auto;width: 87%;}
    .evCon2 .con_box .news_wrap img:nth-child(2) {margin-top: 4%;}


    /*evCon3*/
    .evCon3 .method_wrap {/* display:block; *//* margin: 3% 0; */gap: 8px;}
    .evCon3 .method_wrap .method {width: calc(50% - 4px);/* margin: 0% 0; */box-sizing: border-box;align-items: flex-start;justify-content: space-between;padding: 5% 4%;}
    .evCon3 .method_wrap .method .txt_wrap {align-items: flex-start;}
	.evCon3 .method_wrap .method .txt_wrap .clamp-title2 {font-size: clamp(13px,3vmin,22px);}
    .evCon3 .method_wrap .method a {width: 87%;margin: 0 auto;height: 35px;/* font-size: clamp(13px,1.6vmin,16px); */}
    .evCon3 .method_wrap .method .detail {text-align:left;font-size: clamp(12px,2.3vmin,19px);padding: 6% 0 8% 0;/* text-align: center; */}
    .evCon3 .method_wrap .method .label {margin: 0 0 5% 0;padding: 4px 0;font-size: clamp(12px,1.6vmin,16px);}


    /*evCon4*/
	.eventWrap .evSection.evCon4 .cir_box_wrap {width: 100%;gap: 2%;flex-wrap: wrap;margin: 0 0 12% 0;}
    .eventWrap .evSection.evCon4 .cir_box_wrap img {display:block;width: 48%;}

	.evCon4 .pass_op_sd {padding: 20px 25px 0;} 
	.evCon4 .pass_op_sd .slick-list {padding-right:20%;}
	.evCon4 .pass_op_sd .slick-slide > div {padding:0 5px 25px;}
	.evCon4 .pass_op_sd .item {padding:10px 10px 20px;box-shadow: 0 0 6px rgba(0, 0, 0, .2);}
	.evCon4 .pass_op_sd .item .pf_box .pf_img {width: 40px;}
	.evCon4 .pass_op_sd .item .pf_box .pf_t {font-size:12px;width: calc(100% - 60px);}
	.evCon4 .pass_op_sd .item .pf_box .pf_t .date {font-size:11px;}
	.evCon4 .pass_op_sd .item .txt {padding-top:12px;}
	.evCon4 .pass_op_sd .item .txt strong {font-size:13px;height:40px;}
	.evCon4 .pass_op_sd .item .txt p {margin-top:0;font-size:11px;height:34px;}
	.evCon4 .pass_op_sd .item .txt p span:before {bottom:2px;}
	.evCon4 .pass_op_sd .slick-arrow {width:25px;}
	.evCon4 .pass_op_sd .slick-prev {left:-5px;}
	.evCon4 .pass_op_sd .slick-next {right:-5px;}
    .eventWrap .evSection.evCon4 .link_btn {width: 65%;height: 40px;}

    /*evCon5*/
    .evCon5 .select .selectWrap select { font-size: 15px; padding: 15px 0 15px 20px; } 
    .evCon5 .select .selectWrap::before { right: 20px; background-size: 12px; width: 12px; height: 7px; } 
    .evCon5 .bnBox .carouselBox .pc_item .tit { font-size: 17px } 
    .evCon5 .bnBox .carouselBox .pc_item .tit .txt { font-size: 13px; margin: 0 0 7px } 
    .evCon5 .bnBox .carouselBox .pc_item .tit strong { font-size: 21px } 
    .evCon5 .bnBox .carouselBox .pc_item .name { font-size: 13px; top: 51% } 
    .evCon5 .bnBox .carouselBox .slide::before { background-size: 50% } 


	/*evCon6*/
	.evCon6 .tab_base li {
    height: 80px;
}

    /*event*/
    .event .container_info .info .noti {font-size: clamp(13px,2vmin,18px);}
    .event .container_info .info {width: 100%;}
    .event .container_info .info {width: 100%;}
    .event .container_info .info:last-child {width: 100%;}
    .container_info .info .noti {font-size: clamp(13px,2vmin,18px);}
	.event .container_gift_wrap ul { gap: 0;}
	.event .link_btn {gap:10px;margin: 9% 0 2% 0;}
	.event .link_btn a {height: 45px;width: calc(50% - 10px);}
    .event .container_gift_wrap ul li {align-items: center;}
    .event .container_gift_wrap ul li:nth-child(2) {align-items: center;}
    .container_gift_wrap ul li:first-child {margin: 0!important;}

}
@media screen and (max-width: 576px){
    br.show-574 {display: block !important;}
    /*con_bnr*/
    .con_bnr img {width: 35%;}
        

    /*evCon3*/
    .evCon3 .method_wrap .method .label {width: 86%;}
    .evCon3 .method_wrap .method .detail {text-align:center;padding: 5% 0 12% 0;}
    .evCon3 .method_wrap .method .txt_wrap {align-items:center;}
    .evCon3 .method_wrap .method .txt_wrap .clamp-title2 {min-height:40px}
	.evCon3 .method_wrap .method a {font-size: clamp(13px,1.6vmin,16px);height: 30px;}

    
    /*evCon5*/
    .evCon5 .select .selectWrap select { font-size: 13px; padding: 10px 0 10px 15px; border: 1px solid #ddd; } 
    .evCon5 .bnBox .carouselBox .pc_item .tit { font-size: 12px; width: 65%; } 
    .evCon5 .bnBox .carouselBox .pc_item .tit .txt { font-size: 12px; margin: 0 0 5px; padding-bottom: 2px; } 
    .evCon5 .bnBox .carouselBox .pc_item .tit strong { font-size: 16px; } 
    .evCon5 .bnBox .carouselBox .pc_item .name { top: 51%; } 
    .evCon5 .btn { width: 79%; } 
    .evCon5 .bnBox .carouselBox .pc_item .tit strong { font-size: 14px; } 
    .evCon5 .bnBox .carouselBox .pc_item .name { top: 53% } 
    .evCon5 .bnBox .carouselBox .slide::before { background-size: 40%; top: 70%; } 
    .evCon5 .bnBox .carouselBox .pc_item .tit .tiny_noti { font-size: 10px; margin: -31px; left: 16%; } 
    .evCon5 .bnBox .carouselBox .pc_item .tea { width: 35%; } 


    /*event*/
    .evSection.event .con_tit .label::before {border-left-width: 6px; border-right-width: 6px; border-top-width: 8px;}
    .event .container_gift_wrap ul li p {text-align:center;}
	.event .container_info .info .info_title  {width: 105px;}
	.event .link_btn a {height: 40px}
}