@charset "euc-kr";

/* bg url: https://image.megagong.net/m/2023/ */

.evSection {padding: 140px 0;}
.evSection .con_tit {margin: 0 auto 70px;}
.evSection .con_tit strong {display: inline-block; font-weight: 900; font-size: 45px;}
.evSection .con_tit .sub_tit {font-weight: 300; font-size: 25px;}
.evSection .con_tit strong + .sub_tit,
.evSection .con_tit .sub_tit + strong {margin-top: 20px;}
.evSection .con_tit .evt_end {position: absolute; top: 0; right: 0; width: 24%;}
.br_768, .br_576 {display: none;}

/* .evCon1 */
.evCon1 {padding: 0; background: #020d28 url(https://image.megagong.net/m/2023/0822_publicsecurity/con1_bg.jpg) no-repeat; position: relative; z-index: 0;}
.evCon1 h3 {max-width: 700px; margin: 120px 0 36px 20px; animation: op 1s ease-in-out 0.5s both;}
.evCon1 .cont {max-width: 561px; margin: 0 40px 170px; animation: op 1s ease-in-out 1s both;}
.evCon1 .ani {position: relative; z-index: -1;}
.evCon1 .ani > span {position: absolute; bottom: 0;}
.evCon1 .ani .center {right: -20px; bottom: -20px; animation: bottomToTop 0.8s ease 1.7s both; z-index: 1;}
.evCon1 .ani .left {bottom: 220px; right: 340px; animation: bottomToTop 1s ease 1.5s both;}
.evCon1 .ani .right {bottom: 320px; right: -70px; animation: bottomToTop 0.8s ease 1.7s both;}
.evCon1 .ani .center .person {position: absolute; top: 37%; left: 34%; animation: floating 1s ease-in-out 1.4s infinite alternate;}

@keyframes op {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes bottomToTop {
    0% {transform: translateY(100%); opacity: 0;}
    100% {transform: translateY(0); opacity: 1;}
}

@keyframes floating {
    0% {transform: translateY(-4%);}
    100% {transform: translateY(0);}
}

/* .evCon2 */
.evCon2 {background: #f5f5f5;}
.evCon2 .list_slide .slick-list {margin: 0 -6px;}
.evCon2 .list_slide .slick-slide {margin: 0 6px;}
.evCon2 .list_slide .slick-slide img {margin: 0 auto;}
.evCon2 .list_slide .slick-dots {display: flex; justify-content: center; gap: 5px;}
.evCon2 .list_slide .slick-dots li button {font-size: 0; width: 10px; height: 10px; border-radius: 50%; background: #ddd;}
.evCon2 .list_slide .slick-dots li.slick-active button {background: #000;}

/* .evCon3 */
.evCon3 {background: #8ac3ff;}
.evCon3 .tab_base {display: flex; gap: 1px; margin: 0 auto 40px}
.evCon3 .tab_base li {flex: 1;}
.evCon3 .tab_base li a {display: block; font-weight: bold; font-size: 21px; background: #eee; color: #999; padding: 21px 0;}
.evCon3 .tab_base li.on a {background: #000; color: #fff;}
.evCon3 .panel_base > li {position: relative; background: #fff; padding: 80px 40px 100px}
.evCon3 .panel_base li .banner {position: absolute; z-index: 1; top: -20px; right: -48px;}
.evCon3 .panel_base li .banner a {display: block; border-radius: 50%; box-shadow: 0 0 25px rgba(0, 0, 0, 50%)}
.evCon3 .panel_base li .detail {margin: 0 auto 40px;}
.evCon3 .panel_base li .detail strong {display: block; font-weight: 900; font-size: 36px; margin: 0 auto 10px;}
.evCon3 .panel_base li .detail span {font-size: 18px; color: #888;}
.evCon3 .panel_base li .point {display: flex; flex-direction: column; margin: 0 auto 10px; background: #f8f8f8; padding: 40px 0;}
.evCon3 .panel_base li .point strong {display: inline-block; margin: 0 auto 20px; padding: 4px 25px; font-weight: normal; font-size: 17px; background: #000; color: #fff; border-radius: 16px;}
.evCon3 .panel_base li .point ul {text-align: left; align-self: center;}
.evCon3 .panel_base li .point ul li {font-weight: bold; font-size: 20px;}
.evCon3 .panel_base li .point ul li::before {content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 8px; vertical-align: middle; background: url(https://image.megagong.net/m/2023/0822_publicsecurity/con3_check.png) no-repeat;}
.evCon3 .panel_base li .point ul li + li {margin-top: 5px;}
.evCon3 .panel_base li .point ul li span {color: #3f99fa;}
.evCon3 .panel_base li .tiny_noti {display: block; text-align: left; color: #999; margin-top: 5px;}
.evCon3 .panel_base li:first-child .tiny_noti,
.evCon3 .panel_base li:nth-child(3) .tiny_noti {margin-top: -19px;}

/* .evCon4 */
.evCon4 {background: #fff;}
.evCon4 .con_tit .sub_tit span {color: #ec3737;}
.evCon4 .strategy {margin: 0 auto 50px;}
.evCon4 .strategy div + div {position: relative; margin-top: 70px;}
.evCon4 .strategy div + div::before {content: ''; position: absolute; top: 20px; left: 50%; transform: translate(calc(-50% + 0.5px), -100%); width: 155px; height: 152px; background: url(https://image.megagong.net/m/2023/0822_publicsecurity/con4_arrow.png) no-repeat;}

/* .evCon5 */
.evCon5 {background: #ddedff;}
.evCon5 .list_slide .slick-list {margin: 0 -6px;}
.evCon5 .list_slide .slick-slide {margin: 0 6px;}
.evCon5 .list_slide .slick-slide img {margin: 0 auto;}
.evCon5 .list_slide .slick-dots {display: flex; justify-content: center; gap: 5px;}
.evCon5 .list_slide .slick-dots li button {font-size: 0; width: 10px; height: 10px; border-radius: 50%; background: #ddd;}
.evCon5 .list_slide .slick-dots li.slick-active button {background: #000;}

/* .evCon6 */
.evCon6 {background: #000; position: relative; z-index: 1;}
.evCon6::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 30%; max-height: 420px; background: #212121; z-index: -1;}
.evCon6 .con_tit {color: #fff;}
.evCon6 .con_tit strong span {color: #3f99fa;}
.evCon6 .represent_tea_list {display: flex; gap: 15px; margin: 0 -80px 120px;}
.evCon6 .tea_list {display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}

/* .evCon7 */
.evCon7 {background: #fff;}
.evCon7 .con_tit strong span {color: #3f99fa;}
.evCon7 .tab_menu {display: flex; flex-wrap: wrap; gap: 1px; margin: 0 auto 20px;}
.evCon7 .tab_menu li {flex: 1 1 calc(25% - 1px);}
.evCon7 .tab_menu li a {display: block; font-weight: bold; font-size: 20px; background: #eee; color: #999; padding: 20px 0;}
.evCon7 .tab_menu li.on a {background: #3f99fa; color: #fff;}
.evCon7 .sub_tab_menu {text-align: left; margin: 0 0 30px -20px; position: relative;}
.evCon7 .sub_tab_menu::before {content: ''; width: 20px; height: 20px; background: #fff; position: absolute; top: 0; left: 0px;}
.evCon7 .sub_tab_menu li {display: inline-block;}
.evCon7 .sub_tab_menu li::before {content: ''; display: inline-block; width: 1px; height: 12px; vertical-align: middle; margin: 0 10px; background: #000;}
.evCon7 .sub_tab_menu li a {font-weight: 300; font-size: 16px;}
.evCon7 .sub_tab_menu li.on a {font-weight: bold;}
.evCon7 .curr_wrap .info_wrap {display: flex; align-items: flex-end; gap: 40px;}
.evCon7 .curr_wrap .info_wrap .cont_l {position: relative; margin-left: 25px; flex-basis: calc(100% - 665px);}
.evCon7 .curr_wrap .info_wrap .cont_l::before {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 40%; background: -moz-linear-gradient(180deg, transparent 0%, #fff 80%); background: -webkit-linear-gradient(180deg, transparent 0%, #fff 80%); background: linear-gradient(180deg, transparent 0%, #fff 80%);}
.evCon7 .curr_wrap .info_wrap .cont_l a {display: block; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); font-weight: bold; font-size: 15px;}
.evCon7 .curr_wrap .info_wrap .cont_l a span {display: inline-block; width: 22px; height: 22px; font-size: 13px; line-height: 22px; margin-left: 5px; background: #000; color: #fff; border-radius: 50%;}
.evCon7 .curr_wrap .info_wrap .cont_r {flex: 1; text-align: left;}
.evCon7 .curr_wrap .info_wrap .cont_r .tit {font-weight: 900; font-size: 23px; color: #3f99fa; margin: 0 auto 5px;}
.evCon7 .curr_wrap .info_wrap .cont_r .slogan {position: relative; font-size: 18px; margin-bottom: 45px;}
.evCon7 .curr_wrap .info_wrap .cont_r .tiny_noti {position: absolute; left: 0; bottom: -30px; color: #999;}
.evCon7 .curr_wrap .info_wrap .cont_r .eventVideo {margin-bottom: 40px;}
.evCon7 .curr_wrap .table_wrap .tit {position: relative; margin: 0 auto 20px; z-index: 1;}
.evCon7 .curr_wrap .table_wrap .tit::before {content: ''; position: absolute; width: 100%; height: 1px; background: #000; top: 50%; left: 0; z-index: -1;}
.evCon7 .curr_wrap .table_wrap .tit strong {font-weight: bold; font-size: 26px; background: #fff; padding: 0 30px;}
.evCon7 .curr_wrap .table_wrap .tbl {font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif; font-size: 13px; color: #333; border: 2px solid #000; border-left: none; border-right: none;}
.evCon7 .curr_wrap .table_wrap .tbl thead th {font-size: 14px; padding: 10px 2px; background: #e7f3ff;}
.evCon7 .curr_wrap .table_wrap .tbl tbody td {padding: 25px 2px;}
.evCon7 .curr_wrap .table_wrap .tbl tbody td .essential {display: block; max-width: 50px; margin: 0 auto 5px; font-weight: bold; font-size: 12px; line-height: 20px; background: #3f99fa; color: #fff; border-radius: 10px;}
.evCon7 .curr_wrap .table_wrap .tbl thead tr th:first-child,
.evCon7 .curr_wrap .table_wrap .tbl tbody tr td:first-child {border-left: none;}
.evCon7 .curr_wrap .table_wrap .tbl thead tr th:last-child,
.evCon7 .curr_wrap .table_wrap .tbl tbody tr td:last-child {border-right: none;}

/* .evCon8 */
.evCon8 {background: #6cb3ff;}
.evCon8 .con_tit strong span {color: #fff;}
.evCon8 .event_book .book_tab_menu {display: flex; gap: 1px;}
.evCon8 .event_book .book_tab_menu li {flex: 1;}
.evCon8 .event_book .book_tab_menu li a {display: block; font-weight: bold; font-size: 18px; background: #eee; color: #999; height: 72px; display: flex; justify-content: center; align-items: center; padding: 0 15px;}
.evCon8 .event_book .book_tab_menu li.on a {background: #000; color: #fff;}
/* =====±³Àç ¸®½ºÆ®===== */
.book_ajax {margin-top:3%;text-align: left;}
.no_serch{text-align: center;}
.ebk_list{position:relative;overflow: hidden; font-family: '¸¼Àº °íµñ','Malgun Gothic','µ¸¿ò','Dotum',sans-serif; font-size: 13px;}
.ebk_list:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ececec;}
.ebk_list p{display: block;margin: 40px auto;text-align: center;}
.ebk_list li{width: 100%;float: left;padding: 30px;border: 1px solid #dddddd;box-sizing: border-box;background:#fff;}
.ebk_list li+li{margin-top:20px}
.ebk_list li .b_img{position: relative;float: left;margin-right: 30px; width: 140px;text-align: center;}
.ebk_list li .b_img a img.bookimg{width: 138px;height: 198px;text-align: center;display: inline-block;vertical-align: bottom;border: 1px solid #eeeeee;margin: 0 auto;}
.ebk_list li .b_img span{position:absolute;display: inline-block;z-index: 1;right: 6px;bottom: 9px;width: 40px;height: 40px;}
.ebk_list li .b_img span .mo{display:none}
.ebk_list li .b_img span .prev_none{cursor:default}
.ebk_list li .b_info{position: relative;float:left;margin: 0;width: calc(100% - 170px);}
.ebk_list li .b_info a{display:block}
.ebk_list li .b_info span.b_kind{display: inline-block;box-sizing: border-box;font-size: 12px;font-weight: bold;color: #1582f8;}
.ebk_list li .b_info span.b_kind+span.b_kind{margin: 0 0 0 5px;}
.ebk_list li .b_info dl{margin: 13px auto 0;}
.ebk_list li .b_info dl dt{font-weight:bold;width: 100%;height: auto;margin-bottom: 14px;-webkit-line-clamp: 1;}
.ebk_list li .b_info dl dd{color:#999999} 
.ebk_list li .b_info dl dd.athr span{position: relative;padding-left: 6px;margin-left: 6px;}
.ebk_list li .b_info dl dd.athr span.athr_tea{padding: 0;margin: 0;}
.ebk_list li .b_info dl dd.athr span:before{position: absolute;top: 50%;transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%);left: 0;content: "";width: 1px;height: 9px;background: #bbb;}
.ebk_list li .b_info dl dd.athr span.athr_tea:before {content:none;}
.ebk_list li .b_info dl dd.athr{margin-bottom: 17px;color: #666666;}
.ebk_list li .b_info dl dd:last-child{padding-top:15px;border-top:1px solid #eeeeee;overflow: hidden;}
.ebk_list li .b_info dl dd:last-child > div{float:left}
.ebk_list li .b_info dl dd:last-child .book_coment{background: #fafafa;padding: 16px;width: 360px;min-height: 98px;box-sizing: border-box;font-size: 13px;color: #666666;overflow: hidden;font-weight: bold;text-overflow: ellipsis;word-break: break-word;line-height: 1.6em;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow-y: scroll;}
.ebk_list li .b_info dl dd:last-child .book_btn{margin-left: 20px;width: calc(100% - 380px);}
.ebk_list li .b_info dl dd:last-child .book_btn .price{margin:30px auto 20px;color: #666666;font-size: 13px; text-align: right;}
.ebk_list li .b_info dl dd:last-child .book_btn {vertical-align:middle;}
.ebk_list li .b_info dl dd:last-child .book_btn span{color:#d92a2a;font-weight:bold;float: right;}
.ebk_list li .b_info dl dd:last-child .book_btn span.price_tit{float:none;color: #666666;font-weight: normal; margin-right: 13%;}
.ebk_list li .b_info dl dd:last-child .book_btn span.cost{text-decoration:none}
.ebk_list li .b_info dl dd:last-child .book_btn strong{padding-left:6px;text-decoration: line-through;font-weight:normal;color: #999999;}
.ebk_list li .b_info dl dd:last-child .book_btn .btn{overflow: hidden;}
.ebk_list li .b_info dl dd:last-child .book_btn .btn a{display: block;float: left;/*width: 123px;*/width:calc(50% - 4px);height: 36px;font-size: 12px;text-align: center;line-height: 36px;box-sizing: border-box;/* font-weight:bold; */background: #f2f2f2;color: #333333;margin: 0;}
.ebk_list li .b_info dl dd:last-child .book_btn .btn a+a{margin-left:8px}
.ebk_list li .b_info dl dd:last-child .book_btn .btn a.payb{background: #031a32;color: #fff;}
.ebk_list li .b_info dl dd:last-child .book_btn .btn span{display: block;float: left;width: 118px;height: 35px;font-size: 13px;background: #bfbfbf;color: #fff;text-align: center;line-height: 35px;box-sizing: border-box;font-weight:bold;}
.ebk_list li .b_info dl dd:last-child .book_btn .btn span.nonbook{width:100%}
.ebk_list li .b_info dl dd:last-child .book_btn .btn span.nonbook2{float: none;background: #bfbfbf;width: 100%;color: #fff;}
.paging{clear:both;text-align: center;}
.paging strong{font-weight: bold;}
/* =====±³Àç ¸®½ºÆ®===== */

/* .evCon9 */
.evCon9 {background: #fff;}
.evCon9 .lecture {padding-bottom: 0 !important;}
.lecTab_wrap > div ul, .teaTab_wrap > div ul, .stepTab_wrap > div ul {display: block;}

/* .evPass */
.evPass {background: #000; padding: 0;}
.evPass a {display: block; line-height: 0;}

/* .evCon10 */
.evCon10 {background: #e584f5;}
.evCon10 .con_tit .sub_tit {font-weight: normal; font-size: 20px; color: #fff; margin-top: 30px;}
.evCon10 .evt_wrap {display: flex; justify-content: space-between; align-items: center; margin: 0 auto 70px;}
.evCon10 .evt_wrap .evt_info {text-align: left; }
.evCon10 .evt_wrap .evt_info li {font-weight: bold; font-size: 21px; color: #222;}
.evCon10 .evt_wrap .evt_info li + li {margin-top: 22px;}
.evCon10 .evt_wrap .evt_info li b::before,
.evCon10 .evt_wrap .evt_info li b::after {content: ''; display: inline-block; background: #222; vertical-align: middle;}
.evCon10 .evt_wrap .evt_info li b::before {width: 5px; height: 5px; border-radius: 50%; margin-right: 10px;}
.evCon10 .evt_wrap .evt_info li b::after {width: 2px; height: 13px; margin: 0 15px;}
.evCon10 .evt_wrap .evt_info li .tiny_noti {display: inline; opacity: 0.4;}
.evCon10 .evtBoard_common {background-color: #eee;}
.evCon10 .evtBoard_common .board_notice li {color: #999; opacity: 1;}


/* .evWarning */
.eventWrap .evWarning {padding: 70px 0;}
.evWarning .warningList > li {margin-top: 0;}
.evWarning .warningList li.w_tit {font-weight: bold;}
.warningList .f_dash.f_strong {margin: 0;}
.warningList li ul li a {margin: 0; padding: 2.5px 0; color: #d64ded; border-bottom: 1px solid #d64ded;}



@media screen and (max-width: 1200px){
    .evSection {padding: 10% 0;}
    .evSection .con_tit {margin: 0 auto 6%;}
    .evSection .con_tit strong {font-size: 42px;}
    .evSection .con_tit strong + .sub_tit,
    .evSection .con_tit .sub_tit + strong {margin-top: 2%;}
    .eventWrap .tiny_noti {font-size: 10px;}

    /* .evCon1 */
    .evCon1 {padding: 0;}
    .evCon1 h3 {margin: 10% 0 3% 0;}
    .evCon1 .cont {margin: 0 0 14%;}
    .evCon1 .ani .center {width: 46%;}
    .evCon1 .ani .center .person {width: 26%;}
    .evCon1 .ani .left,
    .evCon1 .ani .right {display: none;}

    /* .evCon2 */
    .evCon2 .list_slide .slick-list {margin: 0;}

    /* .evCon3 */
    .evCon3 .tab_base {margin: 0 auto 3%;}
    .evCon3 .tab_base li a {font-size: 18px; padding: 16px 0;}
    .evCon3 .panel_base > li {padding: 6% 2% 8%;}
    .evCon3 .panel_base li .banner {top: -2%; right: 1%; max-width: 16%;}
    .evCon3 .panel_base li .detail {margin: 0 auto 4%;}
    .evCon3 .panel_base li .detail strong {margin: 0 auto 1%;}
    .evCon3 .panel_base li .point {margin: 0 auto 2%; padding: 3% 0;}
    .evCon3 .panel_base li .point strong {margin: 0 auto 2%;}

    /* .evCon4 */
    .evCon4 .strategy {margin: 0 auto 5%;}
    .evCon4 .strategy div + div {margin-top: 6%;}
    .evCon4 .strategy div + div::before {width: 13%; background-size: contain; background-position: center bottom;}
    .evCon4 .comment {width: 70%; margin: 0 auto;}

    /* .evCon5 */
    .evCon2 .list_slide .slick-list {margin: 0;}
    
    /* .evCon6 */
    .evCon6 .represent_tea_list {gap: 10px; margin: 0 auto 10%;}
    .evCon6 .tea_list::before {content: ''; width: 100%; height: 0; order: 2;}
    .evCon6 .tea_list li:nth-child(n+6) {order: 3;}

    /* .evCon7 */
    .evCon7 .tab_menu {margin: 0 auto 2%;}
    .evCon7 .tab_menu li a {font-size: 18px; padding: 16px 0;}
    .evCon7 .sub_tab_menu {margin: 0 0 3% -2%;}
    .evCon7 .curr_wrap .info_wrap .cont_l {margin: 0; flex-basis: 40%;}
    .evCon7 .curr_wrap .info_wrap .cont_r .slogan {margin-bottom: 6%;}
    .evCon7 .curr_wrap .info_wrap .cont_r .tiny_noti {bottom: -5px; transform: translateY(100%);}
    .evCon7 .curr_wrap .info_wrap .cont_r .eventVideo {margin-bottom: 6%;}
    .evCon7 .curr_wrap .table_wrap .tit {margin: 0 auto 4%;}

    /* .evCon8 */
    .evCon8 .event_book .book_tab_menu {flex-wrap: wrap;}
    .evCon8 .event_book .book_tab_menu li {flex-basis: calc(33.333% - 1px);}
    .evCon8 .event_book .book_tab_menu li a {height: auto; padding: 16px 0;}

    .ebk_list li .b_info dl dd:last-child .book_coment{width:60%;padding: 1% 2%;}
    .ebk_list li .b_info dl dd:last-child .book_btn{margin-left: 2%;width: calc(100% - 62%);}
    .ebk_list li .b_info dl dd:last-child .book_btn .btn a{width: 49%;}
    .ebk_list li .b_info dl dd:last-child .book_btn .btn a+a{margin-left:2%}

    .evPass {padding: 0;}

    .evCon10 .con_tit {width: 74%;}
    .evCon10 .con_tit .sub_tit {margin-top: 3%;}
    .evCon10 .evt_wrap {margin: 0 auto 7%;}

    .eventWrap .evWarning {padding: 7% 0;}
}

@media screen and (max-width: 992px){
    .evSection .con_tit strong {font-size: 32px;}
    .evSection .con_tit .sub_tit {font-size: 22px;}

    .evCon1 h3 {margin: 10% auto 3%; padding-left: 10%;}
    .evCon1 .cont {margin: 0 auto 14%;}
    .evCon1 .ani .center {width: 40%; -webkit-filter: opacity(0.5); filter: opacity(0.5);}

    .evCon3 .panel_base li .detail strong {font-size: 24px;}
    .evCon3 .panel_base li .detail span {font-size: 16px;}
    .evCon3 .panel_base li .point strong {font-size: 14px;}
    .evCon3 .panel_base li .point ul li {font-size: 16px;}
    .evCon3 .panel_base li:first-child .tiny_noti {margin-top: -2%;}

    .evCon6 .tea_list {gap: 5px 10px;}
    .evCon6 .tea_list li {flex: 0 0 calc(20% - 8px)}

    .ebk_list li .b_info dl dd:last-child .book_btn span.price_tit {margin-right: 2%;}

    .evCon10 .evt_wrap {flex-direction: column-reverse; gap: 30px;}
    .evCon10 .evt_wrap .evt_info li {font-size: 16px;}
    .evCon10 .evt_wrap .evt_info li + li {margin-top: 2%;}
}

@media screen and (max-width: 768px){
    .evSection .con_tit strong {font-size: 28px;}
    .evSection .con_tit .sub_tit {font-size: 18px;}
    .br_768 {display: block;}

    .evCon1 .cont {width: 94%;}

    .evCon2 .list_slide .slick-slide {margin: 0;}

    .evCon3 .tab_base li a {font-size: 14px; padding: 8px 0;}
    .evCon3 .panel_base li .detail strong {font-size: 20px;}
    .evCon3 .panel_base li .detail span {font-size: 14px;}
    .evCon3 .panel_base li .point strong {font-size: 12px;}
    .evCon3 .panel_base li .point ul li {font-size: 14px;}
    .evCon3 .panel_base li .point ul li::before {width: 10px; height: 10px; background-size: contain;}

    .evCon5 .list_slide .slick-slide {margin: 0;}

    .evCon6 .represent_tea_list {flex-wrap: wrap; justify-content: center;}
    .evCon6 .represent_tea_list li {flex: 0 0 calc(33.333% - 8px)}
    .evCon6 .tea_list {gap: 10px; width: 90%; margin: 0 auto;}
    .evCon6 .tea_list::before {content: none;}
    .evCon6 .tea_list li {flex: 0 0 calc(33.333% - 8px);}

    .evCon7 .tab_menu li a {font-size: 14px; padding: 8px 0;}
    .evCon7 .sub_tab_menu li a {font-size: 14px;}
    .evCon7 .curr_wrap .info_wrap {flex-direction: column; align-items: center; gap: 10px;}
    .evCon7 .curr_wrap .info_wrap .cont_l {width: 50%;}
    .evCon7 .curr_wrap .info_wrap .cont_r {width: 100%; text-align: center;}
    .evCon7 .curr_wrap .info_wrap .cont_r .tit {font-size: 20px;}
    .evCon7 .curr_wrap .info_wrap .cont_r .slogan {font-size: 16px; margin-bottom: 3%;}
    .evCon7 .curr_wrap .info_wrap .cont_r .slogan br {display: none;}
    .evCon7 .curr_wrap .table_wrap .tit strong {font-size: 22px; padding: 0 15px;}
    .evCon7 .curr_wrap .table_wrap .tbl tbody td {font-size: 12px; padding: 20px 2px;}

    .evCon8 .event_book .book_tab_menu li a {font-size: 14px; padding: 8px 0;}
    .ebk_list li{padding: 3% 5%;}
    .ebk_list li+li{margin-top:2%}
    .ebk_list li .b_img{margin: 0;width: 37%;padding: 2% 4%;border: 1px solid #eeeeee;box-sizing: border-box;}
    .ebk_list li .b_img a img.bookimg{width: 56%;height: auto;border: none;margin: 0 auto;display: block;}
    .ebk_list li .b_img span{position:absolute;left: 50%;right: 0;top: 105%;bottom: auto;width: 90px;height: 32px;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);}
    .ebk_list li .b_info{width: calc(100% - 46%);margin: 0 0 0 4%;}
    .ebk_list li .b_info dl dd:last-child{padding-top: 0;}
    .ebk_list li .b_info dl dt{-webkit-line-clamp: 2;height: 39px;}
    .ebk_list li .b_img span .mo{display:block;}
    .ebk_list li .b_img span .pc{display:none}
    .ebk_list li .b_info dl dd.athr{margin:4% 0;}
    .ebk_list li .b_info dl dd:last-child .book_coment{display:none}
    .ebk_list li .b_info dl dd:last-child .book_btn{margin-left:0;width: 100%;float: none;}
    .ebk_list li .b_info dl dd:last-child .book_btn .price{margin: 7% auto 5%;}
    .ebk_list li .b_info dl dd:last-child .book_btn strong{padding-left: 0;}
    .ebk_list li .b_info dl dd:last-child .book_btn .btn a{width: 49%;}
    .ebk_list li .b_info dl dd:last-child .book_btn .btn a+a{margin-left:2%}

    .evPass a {width: 150%; margin: 0 -25%;}
}

@media screen and (max-width: 576px){
    .evSection .con_tit strong {font-size: 20px;}
    .evSection .con_tit .sub_tit {font-size: 14px;}
    .br_576 {display: block;}

    .evCon1 h3 {padding-left: 18%;}

    .evCon2 .list_slide,
    .evCon5 .list_slide {width: 70%; margin: 0 auto;}

    .evCon3 .tab_base {flex-wrap: wrap;}
    .evCon3 .tab_base li {flex-basis: calc(33.333% - 1px);}
    .evCon3 .tab_base li a {font-size: 12px;}
    .evCon3 .panel_base li .detail strong {font-size: 16px;}
    .evCon3 .panel_base li .detail span {font-size: 12px;}
    .evCon3 .panel_base li .point strong {font-size: 10px;}
    .evCon3 .panel_base li .point ul li {font-size: 12px;}

    .evCon7 .tab_menu li a {font-size: 12px;}
    .evCon7 .sub_tab_menu li a {font-size: 12px;}
    .evCon7 .curr_wrap .info_wrap .cont_l {width: 70%;}
    .evCon7 .curr_wrap .info_wrap .cont_l a {min-width: 65%;}
    .evCon7 .curr_wrap .info_wrap .cont_r .tit {font-size: 18px;}
    .evCon7 .curr_wrap .info_wrap .cont_r .slogan {font-size: 14px;}
    .evCon7 .curr_wrap .table_wrap .tit strong {font-size: 18px;}
    .evCon7 .curr_wrap .table_wrap .tbl thead th {font-size: 12px;}
    .evCon7 .curr_wrap .table_wrap .tbl tbody td {font-size: 11px; padding: 10px 2px;}
    .evCon7 .curr_wrap .table_wrap .tbl tbody td .essential {font-size: 10px; line-height: 13px;}

    .evCon8 .event_book .book_tab_menu li a {font-size: 12px; height: 50px;}

    .sub .s_detail .sub_choice .choice_tit,.s_detail .step_choice .choice_tit{width: 60px;}
    .sub .s_detail .sub_choice .choice_tit span, .s_detail .step_choice .choice_tit span{padding: 0 0 0 8px;}
    .sub .s_detail .sub_choice ul,.s_detail .step_choice ul{margin-left: 60px;}
    .ebk_list li .b_img{width: 34%;/* border: none; *//* padding: 1% 4%; *//* margin: 0; */}
    .ebk_list li .b_img a img.bookimg{width: 70%;}

    .ebk_list li .b_img span{width: 80px;height: 20px;top: 108%;}
    .ebk_list li .b_info{width: calc(100% - 39%);margin: 0 0 0 5%;}
    .ebk_list li .b_info dl{margin: 2% auto 0;}
    .ebk_list li .b_info dl dt{margin-bottom: 2%;}
    .ebk_list li .b_info dl dd.athr{margin-bottom: 5%;height: 15px;line-height: 13px;font-size:11px;}
    .ebk_list li .b_info dl dd:last-child .book_btn .btn span,
    .ebk_list li .b_info dl dd:last-child .book_btn .btn a{height: 30px;line-height: 30px;}

    .evCon10 .evt_wrap .evt_gift {width: 70%;}
    .evCon10 .evt_wrap .evt_info li {font-size: 13px;}
    .evCon10 .evt_wrap .evt_info li.mo_hide {display: none;}
    .evCon10 .evt_wrap .evt_info li b::after {margin: 0 10px;}

}

@media (max-width: 420px){
    .ebk_list li .b_img a img.bookimg{width: 84%;}
    .ebk_list li .b_info dl dd.athr{margin-bottom:2%;font-size:10px;height: auto;}
    .ebk_list li .b_info dl dd:last-child .book_btn .price{margin: 5% auto;}
}

@media (max-width: 360px){
    .ebk_list li .b_img a img.bookimg{width:100%;}
    .ebk_list li .b_img span{width: 55%;top: 105%;}
    .ebk_list li .b_img span{top: 103%;}
}