@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
html, body{overflow:visible !important;}
.event_wrap {max-width:1000px; margin:0 auto; overflow-x: hidden;}
.btn_apply {position:fixed; top:0; right:50px;}
.sns_btn {overflow:hidden; width:100%;}
.sns_btn li {float:left;}
.ex_wrap {width:100%;}
.ex_ul {width:100%; overflow:hidden;}
.ex_ul li {float:left;}

/*form 추가*/
.sub_table1 {width:100%; border-top:2px solid #959595;}
.sub_table1.bt0 {border: 0;}
.sub_table1 th {height:40px; padding:2px; text-align:center; vertical-align:middle; /*background:#f4f4f4;*/font-size:14px; font-weight:500; color:#555; border-bottom:1px solid #ddd; word-break: keep-all; line-height:1.2;}
.sub_table1 th span {color: #EC3B3E; vertical-align: -4px; }
.sub_table1 td {height:40px; padding:2px; text-align:left; vertical-align:middle; background:#fff; font-size:14px; font-weight:300; color:#555; border-bottom:1px solid #ddd;}
.tel_number {border:1px solid #bbb; height:36px; font-size:12px; width:103px; padding:0 2px; box-sizing:border-box; border-right: none;}
.post_number {border:1px solid #bbb; height:36px; font-size:12px; width:50px; padding:0 2px; box-sizing:border-box;}
.input100 {border:1px solid #bbb; height:36px; font-size:13px; width:100%; padding:0 2px; box-sizing:border-box;}
.input100_a {border:1px solid #bbb; height:36px; padding:0 2px; font-size:13px; width:100%; box-sizing:border-box;}
.input100_btn {border:1px solid #bbb; height:36px; padding:2px; font-size:13px; width:calc(100% - 80px); box-sizing:border-box;}
.table_btn {height:34px; line-height:34px; color:#fff; background:#555; padding:0 15px; display:inline-block; cursor:pointer; border:none;}

.sel_button, .age_button {height:34px; line-height:34px; color:#555; background:#fff; padding:0 15px; display:inline-block; cursor:pointer; border:1px solid #ddd; box-sizing: border-box; margin-bottom: 1px;}
.age_button.on {color: #e83123; border: 1px solid #e83123;}
.sel_button.on {color: #e83123; border: 1px solid #e83123;}
.apply_btn {height:50px; font-size:16px; line-height:50px; font-weight:500; color:#fff; background:#e60012; padding:0 15px; display:inline-block; cursor:pointer; border:none;}
.member_btn {height:36px; font-size:13px; line-height:36px; font-weight:500; color:#fff; background:#555; padding:0 15px; display:inline-block; cursor:pointer; border:none;}
.select_box {width:100%; overflow:hidden;}
.select_100 {width:100%; height:36px; text-indent:10px;}
.width20 {width:20%; float:left;}
.width33 {width:33.333333%; float:left;}
.width66 {width:66.666666%; float:left;}
.tel33 {width:calc(33.333333% - 3px); margin-left:3px; float:left;}
.tel20 {width:calc(20% - 3px); margin-left:3px; float:left;}
.email_01 {width:calc(33.333333% - 13px); margin-right:3px; float:left;}
.email_02 {width:17px; height:36px; text-align:center; float:left; line-height:36px; margin-right:3px;}
.email_03 {width:calc(33.333333% - 13px); margin-right:3px; float:left;}

.email_04 {width:33.333333%; float:left;}
.email_05 {width:17px; height:36px; text-align:center; float:left; line-height:36px;border-top:1px solid #bbb; border-bottom:1px solid #bbb; box-sizing:border-box;}
.email_06 {width:calc(33.333333% - 17px); float:left;}

.bb0{border-bottom:none !important}
.br0{border-right:none !important}
.OH {overflow:hidden;}
.childbox {padding: 10px; font-weight: 400;}

.agree_wrap.first{}
.agree_wrap1 .agree{position: relative; font-size: 17px;padding: 8px;line-height: 20px}
.agree_wrap1 .agree span{cursor: pointer;}
.agree_wrap1 .agree .agree_q{display: inline-block;width: 80%;font-size: 14px;margin-left: 5px;color: #333;}
.agree_wrap1 .agree .agree_bt{position: absolute;top: 14px;right: 15px;width: 17px;height: 10px;background-size: cover;background-image: url('../../img/event/img_faq_arr_open.gif');transition: 0.3s;}
.agree_wrap1 .agree.on .agree_bt{background-image: url('../../img/event/img_faq_arr_close.gif');transition: 0.3s;}
.agree_wrap1 .agree_cont{display: none;font-size: 13px;line-height: 24px;padding: 10px;color: #666;background-color: #f7f7f7;}
.agree_wrap1 .agree_cont b{font-family: 'Nanum Square Bold';color: #444;}
.agree_wrap1 .agree_cont a{color: #2b69c6;}

.agree_wrap .agree{position: relative; font-size: 17px;padding: 8px;line-height: 20px;border-bottom: 1px solid #d6d6d6;}
.agree_wrap.first .agree{}
.agree_wrap:first-child .agree{border-top: 1px solid #d6d6d6;}
.agree_wrap .agree span{cursor: pointer;}
.agree_wrap .agree .agree_q{display: inline-block;width: 80%;font-size: 14px;margin-left: 5px;color: #333;}
.agree_wrap .agree .agree_bt{position: absolute;top: 14px;right: 15px;width: 17px;height: 10px;background-size: cover;background-image: url('../../img/event/img_faq_arr_open.gif');transition: 0.3s;}
.agree_wrap .agree.on .agree_bt{background-image: url('../../img/event/img_faq_arr_close.gif');transition: 0.3s;}
.agree_wrap .agree_cont{display: none;font-size: 12px;line-height:1.4;padding: 15px;color: #666;border-bottom: 1px solid #d6d6d6;background-color: #f7f7f7;}
.agree_wrap .agree_cont b{font-family: 'Nanum Square Bold';color: #444;}
.agree_wrap .agree_cont a{color: #2b69c6;}
.table03 {width:100%; border-top:1px solid #999; background: #fff;}
.table03 tr td {text-align: left; padding: 0 5px; height: 30px; border-bottom: 1px solid #bbb; font-size: 12px;}
.table03 tr th {background: #ddd; padding: 0 5px; height: 30px; border-bottom: 1px solid #bbb; font-size: 12px;}

h2 {font-size: 20px; font-weight: 400; color: #333; line-height: 1.5}
/* label {font-size: 14px; font-weight: 400;}
input,textarea,select{-webkit-appearance: none;}
select {background:url(../../img/event/select_arrow.png) no-repeat right 10px center; background-size:10px auto;} */
/*select {padding-right:15px !important;}*/
/* input[type='checkbox']{-webkit-appearance:checkbox;width:18px;height:18px;}
input[type='radio']{-webkit-appearance:radio}
input[type=radio]:not(old){margin:0;padding:0;opacity:0; display:none;}
input[type=radio]:not(old) + label {float:left;height:32px; background:url(../../img/event/radio_02_off.png) 0 3px no-repeat; background-size:25px;padding-left:30px;line-height: 30px;color:#555;}
input[type=radio]:not(old):checked + label{background:url(../../img/event/radio_02_on.png) 0 3px no-repeat;background-size: 25px;padding-left:30px;font-size:14px; font-weight: 400;}
input[type='checkbox'] {display: none;}
input[type='checkbox'] + label::before {content: ' ';display: inline-block;width: 22px;height: 22px;vertical-align:middle;margin:0 4px 0 0;background:url(../../img/event/check_02_off.png) no-repeat;background-size: 22px;font-size:14px;}
input[type='checkbox']:checked + label::before {background:url(../../img/event/check_02_on.png) no-repeat; background-size:25px;}
.textarea{display:inline-block; padding:7px;background:#fff;border:1px solid #bbb;line-height:15px;font-size:14px; box-sizing:border-box;}
select {border:1px solid #bbb;} */
.formwrap {position: fixed; top:80px; right:10px; width: 380px; padding: 0 5px; border: 1px solid #ccc; background: #fff;box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);z-index: 50;} /* 20220204 수정 */
.formwrap2 {display: none; position: fixed; top:80px; right:10px; width: 380px; padding: 0 5px; border: 1px solid #ccc; background: #fff;box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);z-index: 50;max-height:800px;overflow-y:auto;} /* 230315 max-height,overflow 추가 */
.mt10{margin-top: 10px;}
.rm10 {margin-right: 10px;}
.wish_list {overflow: hidden;}
.wish_list li {float: left; padding-bottom: 5px; width: 50%;}
.wish_list li:last-child {padding-bottom:0;}
.form_title {text-align: center; font-size: 24px; margin-top: 18px;}
.caution_text {font-size: 13px; color: #EF1C20;}
.caution_text code {vertical-align: -4px;}
.btn_area {text-align: center; margin: 15px 0;}
.foot_banner {display: none;}
.foot_banner2 {display: none;}
#edit {} /* 20220204 수정 */
.tab_article.active {display:block;}
.tab_article {display: none; padding: 0; border: 0;}
.learningBtn li {float: left;}
.learningBtn li a {height: 34px; line-height: 33px; color: #555; background: #fff; padding: 0 15px; display: inline-block; cursor: pointer; border: 1px solid #ddd; box-sizing: border-box; margin-bottom: 1px; margin-right: 3px; font-weight: 400;}
.learningBtn li a.active {color: #e83123; border: 1px solid #e83123; }
/*form 추가*/
.topImage {margin-top: 80px;}
/* 20220204 추가 */
.formopen {position: fixed; top: 80px; right: 10px; z-index: 40; cursor: pointer;}
.formopen img {display: block;}
.formclose {position: absolute; top: 10px; right: 10px; cursor: pointer;}
/* // 20220204 추가 */
@media screen and (max-width:1024px){
	.wish_list li {width:25%;}
	.formwrap {display:block !important; position:inherit; width: 100%; border: none; box-sizing: border-box; box-shadow: none;}
	.formwrap2 {display:block !important; position:inherit; width: 100%; border: none; box-sizing: border-box; box-shadow: none;max-height:none;overflow-y: unset;}
	.fbanner_area {background: #e60012; width: 100%; position: fixed; left:0; bottom: 0; z-index: 10;}
	.fbanner_area2{background: #db0fca; border-radius:4.5vw 4.5vw 0 0;}
	.foot_banner {display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; height: 100px;}
	.fbanner_area2 .foot_banner {flex-flow:nowrap;}
	.left_ftext {color: #fff; font-size: 24px; font-weight: 300; line-height: 30px;}
	.fbanner_area2 .left_ftext {color: #fff; font-size:24px; font-weight: 300; line-height: 30px; font-family: 'SBAggroB'; display:flex; justify-content: flex-end; vertical-align: bottom;}
	.fbanner_area2 .left_ftext img{width: auto;height: 100px; display:inline-block; margin-right: 5px;  vertical-align: bottom; position: relative;}
	.fbanner_area2 .left_ftext p {display:inline-block; vertical-align: bottom; padding: 20px 0 0 20px;}
	.fbanner_area2 .left_ftext p .text-yellow {color: #ffea00;}
	.fbanner_area2 .left_ftext p .block{display:inline-block;}
	.right_ftext > h4 {padding:20px 20px; color:#e60012; background: #fff; border-radius: 30px; font-size: 22px; display: flex; justify-content: center; flex-flow: row nowrap; line-height: 15px}
	.fbanner_area2 .right_ftext > h4 {background:transparent; border-radius: 30px; font-size: 22px; display: flex; justify-content: center; flex-flow: row nowrap; line-height: 15px; cursor: pointer;}
	.right_ftext > h4 > img {margin-left: 8px; width: 10px; }
	.fbanner_area2 .right_ftext > h4 > img {margin-left: 8px; width:auto;height:100px;}

	.foot_banner2 {display: block; position: fixed; bottom: 0; width: 100%;  background:#e60012;  text-align: center; z-index: 1000;}
	/* 20220204 추가 */
	.formopen {display: none;}
	.formclose {display: none;}
	/* // 20220204 추가 */
}
@media screen and (min-width:768px){
	.flexible {width:180px;}
	.btn_apply {position:fixed; top:0; right:40px;}
	#top_wrap {width:100%; height:80px; position:fixed; top:0; left:0; background:#fff; text-align:center; z-index:20;} /*220927 수정*/
	.event_top {max-width:1000px; height:80px; overflow:hidden; line-height:80px; background:#fff; margin:0 auto;}
	.event_top img{vertical-align:middle;}
	.top_left {float:left; margin-left:40px; } /* 202312 :  padding-top:12px; 수정 */
	.top_right {float:right; margin-right:40px; }
	/*.top_right {float:right; margin-right:40px; margin-top:23px; font-size:20px; font-weight:600; color:#fff; background:#e83123; text-align:center; padding:7px 12px 7px 12px; border-radius:20px;}*/
	#contents {padding-top:80px;}
	.fbanner_area2 .left_ftext .dDay{display: none;}
}
@media screen and (max-width:767px) and (min-width:360px){
	.formwrap {padding-top: 25px;}
	.formwrap2 {padding-top: 25px;}
	.topImage {margin-top: 50px;}
	.flexible {width:120px;}
	.btn_apply {position:fixed; top:0; right:20px;}
	#top_wrap {width:100%; height:50px; position:fixed; top:0; left:0; background:#fff; text-align:center; z-index:20;}
	.event_top {max-width:1000px; height:50px; overflow:hidden; line-height:50px; background:#fff; margin:0 auto;}
	.event_top img{vertical-align:middle;}
	.top_left {float:left; margin-left:20px;} /* 181004 수정 */
	.top_left img {width:130px;} /* 181004 수정 */
	.top_right {float:right; margin-right:20px;}/* 181004 추가 */
	.top_right img {height: 20px;}
	/*.top_right {float:right; margin-right:20px; margin-top:12px; font-size:14px; font-weight:500; color:#fff; background:#e83123; text-align:center; padding:5px 10px 6px 10px; border-radius:15px;}*/
	#contents {padding-top:50px;}
	.wish_list li {width: 50%;}
	.foot_banner {display:flex; height: 80px;}
	.left_ftext {color: #fff; font-size: 17px; font-weight: 300; line-height: 26px;}
	.fbanner_area2 .left_ftext {color: #fff; font-size:20px; font-weight: 300; line-height: 30px; font-family: 'SBAggroB'; display:flex; justify-content: flex-end; vertical-align: bottom; position:relative;}
	/* .fbanner_area2 .left_ftext{} */
	.fbanner_area2 .left_ftext .dDay.show{display: block;}
	.fbanner_area2 .left_ftext .dDay{position: absolute; left: 28%; top: -22px;background: url(../../images/event/img_footer_banner_bubble.png)no-repeat 0 0/auto 55%;width: 100%;height: 100%; color:#009cff; font-family: 'SBAggroB'; padding:1.3vw 1vw; font-size: 20px;}
	/* .fbanner_area2 .left_ftext img{width: 37%; display:inline-block; margin-right: 5px; vertical-align: bottom;} */
	.fbanner_area2 .left_ftext p{display:inline-block; vertical-align: bottom; padding:15px 0;}
	.right_ftext {}
	.right_ftext > h4 {padding:15px 15px; color:#e60012; background: #fff; border-radius: 30px; font-size: 18px; display: flex; justify-content: center; flex-flow: row nowrap; line-height: 15px}
	.fbanner_area2 .left_ftext img,
	.fbanner_area2 .right_ftext > h4 > img {height:80px;}
}
@media screen and (max-width:685px){
	.foot_banner{flex-wrap: nowrap;}
}
@media screen and (max-width:482px){
	.fbanner_area2 .foot_banner,
	.fbanner_area2 .left_ftext img,
	.fbanner_area2 .right_ftext > h4 > img{height:16vw;}
	.fbanner_area2 .left_ftext{line-height: 20px; }/*word-break: keep-all; */
	/* .fbanner_area2 .left_ftext img{height: 100%; margin-top:40px;} */
	.fbanner_area2 .left_ftext p{padding:15px 0 0 0; font-size: 16px;}
	/* .fbanner_area2 .right_ftext > h4 > img {width: 90%;} */
}
@media screen and (max-width:390px){
	.fbanner_area2 .left_ftext .dDay{font-size: 18px;}


}
/* swiper css추가*/
.subCateList{}
.subCateList li{width:25%;padding:15px 0;font-size:18px;color:#666;font-weight:400;text-align:center}
.subCateList li.on{border-bottom:2px solid #f37321;color:#f37321}
.exp3 .swiper-slide{width:70%}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative; padding:0; box-sizing:border-box;}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-pagination{position:absolute;width:100%;bottom:30px;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal >.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:30px;left:0;width:100%}
.swiper-pagination-bullet{width:13px;height:13px;margin-right:10px;display:inline-block;border-radius:100%;background:#a1a39d;}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:#fff}
.swiper-button-next,.swiper-button-prev{width:30px;height:60px;z-index:10;cursor:pointer} /* 20211029 수정 */
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{/*cursor:auto;pointer-events:none*/}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{position:absolute;top:calc( 50% - 60px );left:16px;;display:inline-block;background:url("../../img/event/btn_arr_prev.png") no-repeat 0 0;background-size:30px;} /* 20211029 수정 */
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{position:absolute;top:calc( 50% - 60px );right:16px;display:inline-block;background:url("../../img/event/btn_arr_next.png") no-repeat 0 0;background-size:30px} /* 20211029 수정 */
.swiper-button-next-tab,.swiper-button-prev-tab{position:absolute;top:calc( 50% - 40px );width:30px;height:50px;margin-top:-25px;z-index:50;cursor:pointer;-moz-background-size:8px;-webkit-background-size:8px;background-size:8px;background-position:center;background-repeat:no-repeat}
.swiper-button-next-tab.swiper-button-disabled{opacity:.35;cursor:pointer;pointer-events:none}
.swiper-button-prev-tab.swiper-button-disabled{opacity:.35;cursor:pointer;pointer-events:none}
.swiper-button-prev-tab, .swiper-container-rtl .swiper-button-next-tab{background:#fff url('../../images/btn_tab_prev.png') no-repeat left 50%;background-size:8px;left:0;right:auto;}
.swiper-button-next-tab, .swiper-container-rtl .swiper-button-prev-tab{background:#fff url('../../images/btn_tab_next.png') no-repeat right 50%;background-size:8px;right:0;left:auto;}

/*2023.01.18 스마트 이야기독서 플러스 예약 신청폼*/
.hide{font-size:0; text-align: -9999px; position: absolute !important; left:-9999px; top:-9999px;}
.formopen2 {top: 110px; right:60px;}
.form_title.titleSsr{line-height: 1.3; margin-top: 24px;}
.authentication{text-align: center; font-size:16px; font-weight:600;}
.text-red{color: #EC3B3E;}
.wish_list_ssr li{width: 100%;}
.phone_number{width: 71% !important; margin-right: 3px;}
.phone_check {margin-top: 3px;}
.phone{position: relative;}
.phone .time{position: absolute; right:32%; top:14px; color: #EC3B3E;}

/*선생님 조회 팝업*/
.interest-free-pop2{display: none; z-index: 1000; position: fixed; left:0; top:0;}
.interest-free-pop2 .common-pop-body{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} /*margin: 0 auto;*/
.interest-free-pop2	.teacher-search-title{text-align: center;}
.interest-free-pop2	.teacher-search-title .title{text-align: center; font-size:2em; margin-bottom:10px;}
.teacher-search .search-box {position: relative;display: -webkit-flex;display: -ms-flexbox;	display: flex;	-webkit-justify-content: space-between;	-ms-flex-pack: justify;
	justify-content: space-between;	-webkit-align-items: center;-ms-flex-align: center;	align-items: center;width: 90%;	max-width: 62rem; margin: 2rem auto;padding-right: 0.5rem;	}
.teacher-search .search-box .txt {width: calc(100% - 1.9rem);border: none;padding-left: 0;font-size: 1.6rem;font-weight: 500;color: #000;}
.teacher-search .search-box .btn-search {width: 2rem;height: 2rem;background: url(../../img/customer/icon-search01.png) 0 0 no-repeat;background-size: 2rem 2rem;}
.teacher-search .search-box::after {left: 0;bottom: 0;content: '';display: inline-block;position: absolute;	box-sizing: border-box;	width: 100%;height: 0.2rem;	background: #000;	border-radius: 0.3rem;}
.result-box{position: relative; overflow-y: scroll; height:auto;}
.teacher-search-result input[type=radio]{
	margin: 0 auto;
	padding: 0;
	opacity: 1;
	display: block;
}
.board-list th:not(.td) {height: 4rem;}
.board-list .td, .board-list td {height: 4rem;}
@media all and (max-width:1024px){
	/* .board-list colgroup{display:none;} */
	.board-list thead{display: table-header-group; background: #f8f8f8; border-left: 0;}
	.board-list th:not(.td) {font-size: 1.4rem;}
	.board-list td{ display: table-cell; width: auto; text-align:center;  border-top: none; color: #000; padding-top: 0; padding-bottom: 1rem !important;}
	.teacher-search-result .result-list .txt{display: table-cell; vertical-align: middle;}
	.teacher-search-result .result-list tr{border-top: 0.1rem solid #e5e5e5;}
	.result-box {overflow: scroll;}
}
@media all and (max-width:720px){
	.board-list th:not(.td) {text-align: left;}
	.board-list td{ text-align: left;}
}

/*S-Core 홈페이지를 통해 배포되는 에스코어 글꼴의 지적 재산권은 S-Core에 있습니다.*/
@font-face {
	font-family: 'S-CoreDream-3Light';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
/* 샌드박스 어그로체의 지식 재산권은 (주)샌드박스네트워크가 보유합니다. */
@font-face {
	font-family: 'SBAggroB';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/*2023.01.25 스마트 이야기독서 플러스 예약 이벤트*/
/* ssr+ 팝업 */
#ssr-event-popup{position:fixed; top:0; left:0; right:0; bottom:0; z-index:100; display:none;}
.ssr-event-dim {position:fixed; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,0.3); z-index:101;}
.ssr-event-popup-area{position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:102; zoom: 0.8;}
.banner{width: 600px; box-sizing: border-box; position: relative;}
.banner .img{width: 100%;  border-radius: 35px; overflow: hidden;}
.banner .btn-detail{position: absolute; left:0; bottom:0; border-radius:0 0 35px 35px; overflow: hidden;}
.ssr-event-bottom{position: absolute; left:0; bottom: -60px; width: 100%;}
.ssr-event-bottom .check-button {display:inline-block; text-align: center; padding-left: 30px;}
.ssr-event-bottom .check-button label {font-size:30px;}
.ssr-event-bottom .close-btn {display:block; float:right; padding-right:30px; font-size:30px; color: #fff; font-weight: 500; border:0; background: transparent; margin-top:-10px; cursor: pointer;}
#ssr-event-popup input[type=checkbox] + label { background: url(../../images/event/popup_btn_check.png) 0 50% no-repeat; background-size:40px; padding-left: 55px; color: #fff; font-size:30px; font-weight: 500;}
#ssr-event-popup input[type=checkbox]:checked + label { background: url(../../images/event/popup_btn_check_on.png) 0 50% no-repeat; background-size: 40px;}
.ssr-event-bottom input[type='checkbox'] + label::before{content:none;}
/* //ssr+ 팝업 */

/*ssr+ 이벤트 페이지*/
.effect{opacity: 0; position: relative; top:-110px;}
.effect2{opacity: 0; position: relative; left:-80px; top:0px;}
.effect.on{top:-50px;}
.hide{font-size: 0; text-indent: -9999px; position: absolute; left:-9999px; top:-9999px;}
.event-wrap{position: relative; margin: 80px auto 0;}
.w1200{width: 1200px; margin: 0 auto; text-align: center; }
.w1200 img{width:40.5%;}
.w1200 .img img{width:90%;}
.set2-tabCon img{width:65%;}
/* .w1200 .img {width:62.5%;} */
.event-header{padding:3vw 0 17vw; background: #fff0d7; position: relative; z-index: 1; width: 100%; overflow: hidden;}
.event-header.onbg0{background: #fff0d7;}
.event-header.onbg1{background: #efefef;}
.event-header.onbg2{background: #fbe4e0;}
.event-header.onbg3{background: #e2e1ff;}
.event-header.onbg4{background: #ffedfa;}
.event-header.onbg5{background: #e1f9ff;}
.event-header.onbg6{background: #fffbd1;}
.event-header.onbg7{background: #ffe8d0;}
.event-header::before{background:url(../../images/event/img_bg_01.png) no-repeat 0 center / cover; position: absolute; left:0; top:0px; content: ''; width: 100%; height: 100%; z-index: -1;}
.book-swiper {position: relative; width: 100vw; overflow: hidden; }
.book-swiper-container {position: relative; height:auto; } /*margin-left:-10vw; */
.book-swiper-container .swiper-slide {display: flex; align-items: center; justify-content: center;} /* transition: all 200ms linear;*/
.book-swiper-container .swiper-slide a{display: block; width: auto; height: 100%; transform: scale(0.5); transition: all 300ms ease-in-out;}
.book-swiper-container .swiper-slide.swiper-slide-active a{transform: scale(0.9); z-index:1; position: relative;}
.book-swiper-container .swiper-slide.swiper-slide-active a::before{content:''; width:100%; height:100%; position: absolute; left:50%;top:50%; transform: translate(-50%,-50%); background-color: #fff; padding: 20px; z-index: -1; border-radius: 0.4vw; box-shadow: 5px 0 5px 0 rgba(0,0,0,0.2);}
/* .book-swiper-container .swiper-slide.swiper-slide-prev {margin-right:5vw;}
.book-swiper-container .swiper-slide.swiper-slide-next {margin-left:5vw;} */

.content-wrap{position: relative; width: 100%; z-index: 1;}
.bg{position: absolute; width: 100%; background:transparent url(../../images/event/img_bg_05.png) repeat-x left 0 bottom -4.4vw/contain; z-index: 1; bottom:-20px;}
.bg::after{content:''; position: absolute; left:0; bottom:0vw; width:100%; height:27.4%; background:#5a42ff; z-index:-1;}
.bg1{position: relative; width: 100%; background-color:#5a42ff; padding:2vw 0;}
.bg1-1{padding:4vw 0;}
.bg2{position: relative; width: 100%; background:#dbffff; padding:9vw 0 5vw;}
.bg2-1{position: relative; width: 100%; background:#dbffff url(../../images/event/img_bg_02.png)no-repeat left 58% center/contain; padding-bottom: 10vw;}
.bg2-2{position: relative; width: 100%; background:#dbffff url(../../images/event/img_bg_02_2.png)no-repeat 18vw 0/contain; padding-bottom: 10vw;}
.bg2-2 .img img{width: 40.5%;}
.bg3{position: relative; width: 100%; background:#ffef42; padding:6vw 0 4vw;}
.bg3::before{content:''; z-index: 1; position:absolute; left:52%; bottom:0; width:10vw; height: 5vw;clip-path: polygon(54% 0%, 100% 100%, 100% 0%);	border-radius:1vw;	transform:translateX(-50%) rotate(135deg);background-color:#ffef42;}
.bg4{position: relative; width: 100%; background:#fff; padding:6vw 0;}
.bg5{position: relative; width: 100%; background:#5a42ff; padding:2vw 0;}
.bg6{position: relative; width: 100%; background:#ebebf0; padding:7vw 0;}
.bg7{position: relative; width: 100%; background:#fff; padding:7vw 0;}
.bg8{position: relative; width: 100%; background:#ffe7f0; padding:6vw 0 0vw;}
.bg8::before{content:''; position: absolute; left:0; bottom:0vw; width:100%; height:6.1%; background:#fff; z-index:0;}
.bg9{position: relative; width: 100%; background:#f9e7d2; padding:6vw 0 0;}
.bg10{position: relative; width: 100%; background:#2bdfb3; padding:3vw 0;}
.bg10::before{content:''; position: absolute; left:20%; top:-10%; width:13vw; height: 10vw; background: url(../../images/event/img_chr02.png)no-repeat 0 0/contain;}
.bg11{position: relative; width: 100%; background-color:#281e6f;/*background:#281e6f url(../../images/event/img_bg_04.png) repeat-x left 0 bottom -3vw/contain;*/ padding:5vw 0 2vw;}
/* .bg8 .effect, .bg11 .effect{position: relative;} */
.bg11::before{content:''; position: absolute; left:0; bottom:0; width:100%; height:11.2%; background-color:#333;}
.bg12{position: relative; width: 100%; background:#333; padding:0 0 6vw;}

#event-ssr .swiper-container{margin-top:3.6vw;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {content:none;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(../../img/event/btn_arr_next4.png) no-repeat center; top: calc( 50% - 20px ); right: 8%;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background: url(../../img/event/btn_arr_prev4.png) no-repeat center; top: calc( 50% - 20px );  left: 8%}
.button-prev.swiper-button-disabled,.swiper-button-disabled{opacity: 0.3;}
.count-wrap{padding-top: 0 !important; padding-bottom: 0!important;}
.count-wrap::after{content: ''; position: absolute; left:50%; top:50%; transform: translateX(-50%); width:37.8%; height: 1px; border-top:1px solid #000;}
.count{position: absolute; left:58%; top:50%; color:#fff; font-family:'S-CoreDream-3Light',Arial, Helvetica, sans-serif; font-size:5vw; font-weight:900; transform: translate(-50%,-50%); letter-spacing:2; text-align: center;}
.count span{font-size:2vw; font-weight:900; margin-left:1vw;}
.section2-tab .set2-tab{position: relative; width:65%; height:auto; margin:0 auto; z-index: 1;}
.section2-tab .set2-tab::after{content: ''; display: block; clear: both;}
.section2-tab .set2-tab li{float:left; width:50%; height:236px; text-align:center;}
.section2-tab .set2-tab li a{display:block; background: url(../../images/event/img_section_02-tab_01.png)no-repeat center/contain; width:auto; height:100%; max-height: 356px;}
.section2-tab .set2-tab li:last-child a{display: block; background: url(../../images/event/img_section_02-tab_02.png)no-repeat center/contain;}
.section2-tab .set2-tab li.on a{background: url(../../images/event/img_section_02-tab_01_on.png)no-repeat center/contain; width:auto; height: 100%; position: relative;}
.section2-tab .set2-tab li:last-child.on a{background: url(../../images/event/img_section_02-tab_02_on.png)no-repeat center/contain; width:auto; height: 100%; position: relative;}
.section2-tab .set2-tab li.on a::after{content: ''; width:14px; height:14px; position: absolute; left:50%; bottom:-16px; transform: translate(-50%,-50%) rotate(45deg); background-color:#75f5b3; border-right:6px solid #3f28da; border-bottom:6px solid #3f28da; border-radius:5px;}
.section2-tab .set2-tabCon{height:auto; position: relative; top:-10px; padding-bottom:5vw;}
.sticky-scroll{width: 100%;}
.content-tab{position: relative; width:100%; height:auto; background-color: #5a42ff; overflow: hidden;}
.content-tab.sticky{position: sticky; top:80px; z-index: 10;}
.content-tab::after{content: ''; display: block; clear: both;}
.content-tab ul{position: relative;}
.content-tab li{float:left; width:calc(100% / 3); position: relative; }
.content-tab li::before{content: ''; position: absolute; left:0; top:0; width:1px; height: 100%; background-color:#4632d1;}
.content-tab li:last-child::after{content: ''; position: absolute; right:0; top:0; width:1px; height: 100%; background-color:#4632d1;}
.content-tab li a{display: block; background: url(../../images/event/img_tab01.png)no-repeat center/contain; width:auto; height:7vw; max-height: 200px;}
.content-tab li:nth-of-type(2) a{background: url(../../images/event/img_tab02.png)no-repeat center/contain;}
.content-tab li:nth-of-type(3) a{background: url(../../images/event/img_tab03.png)no-repeat center/contain;}
.content-tab li.on a{display: block; background: url(../../images/event/img_tab01_on.png)no-repeat center/contain;}
.content-tab li.on:nth-of-type(2) a{background: url(../../images/event/img_tab02_on.png)no-repeat center/contain;}
.content-tab li.on:nth-of-type(3) a{background: url(../../images/event/img_tab03_on.png)no-repeat center/contain;}

.motion {position: relative; width: 100%; height: 100%;}
.motion .chr-wrap{position: relative; display: inline-block; width:62.5%; margin: 0 auto;}
.motion .chr-wrap .img{width:100%; position: relative;}
.motion .chr-wrap .img::after{content:''; position: absolute; left:0; top:0; background: url(../../images/event/img_section_03.png) no-repeat center/contain; width: 100%; height: 100%;}
.motion .r1{width:26px; height:50px; border-radius:100px; background: linear-gradient(to bottom, #95ffb7 0%,#95ffb7 90%, #dbffff  100%) !important;  position:absolute; left:70%; top:-20%; transform: translate(-50%,-50%); animation: anime-scroll 2.4s infinite cubic-bezier(.215,.61,.355,1) 0s ;animation-fill-mode: both;}
.motion .r2{width:16px; height:16px; border-radius:100px; background: linear-gradient(to bottom, #95ffb7 0%,#95ffb7 90%, #dbffff  100%) !important; position:absolute; left:22%; top:64%; transform: translate(-50%,-50%); animation: anime-scroll 3s infinite ;animation-fill-mode: both; animation-delay: 0.5s;}
.motion .ch1{width:9.5vw;  height:auto; position: absolute; left:9.5vw; bottom:19.5vw; transform: translateX(-50%); z-index:1; animation: chr-motion 1.5s infinite cubic-bezier(.215,.61,.355,1) 0s; animation-fill-mode: both;}
.motion .ch2{width:11.6vw; height:auto; position: absolute; left:50vw; bottom:10.2vw; transform: translateX(-50%); z-index:1; animation: chr-motion2 1.5s infinite cubic-bezier(.215,.61,.355,1) 0s; animation-fill-mode: both;}
@keyframes anime-scroll{
	0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
	80%{opacity:0;-webkit-transform:translateY(160px);transform:translateY(160px); height:150px;}
	100%{opacity:0;-webkit-transform:translateY(160px);transform:translateY(160px); height:150px;}
}
@keyframes chr-motion{
	0%{transform:translateY(0) scale(1.2);}
	60%{transform:translateY(30px) scale(1);}
	100%{transform:translateY(0px) scale(1.2);}
}
@keyframes chr-motion2{
	0%{transform:rotate(0);}
	60%{transform:rotate(20deg);}
	100%{transform:rotate(0);}
}

.video{position: relative; padding: 4vw 0;}
.video.play::after{content: ''; position: absolute; left:50%; top:5vw; transform:translateX(-50%); width:40vw; height:72%; background:rgba(0,0,0,.5) url(../../images/event/btn_play.png)no-repeat center/102px 102px; z-index: 1;}
.video.play.off::after{display: none;}
/* .video2{position: absolute; left: 50%; top:39vw; transform: translate(-50%,-50%);} */
.video video{width:40vw; background-color: #000; padding:2vw; border-radius:2.5vw; box-shadow: 0 0 4.75vw 1vw rgba(0, 0, 0, 0.13);}
.simply-scroll {width:100%; height:auto; margin-bottom:0;}
.simply-scroll .simply-scroll-clip {width:100%; height:auto;}
.simply-scroll .simply-scroll-list li {width:340px; height:auto; max-height:213px;}
.simply-scroll .simply-scroll-list li img {width: 90%;}
.bg6 .textBox{margin-top: 2vw;}
.fixed-bottom{position: fixed; left:0; bottom:0; background-color: #db0fca; border-radius: 3vw 3vw 0 0; width: 100%; height:7vw; z-index: 10; overflow: hidden;}
.fixed-bottom .w1200{width:1200px;}
.fixed-bottom ul {position: relative; display:table; width:auto; height:7vw; margin: 0 auto; box-sizing: border-box;}
.fixed-bottom ul li {display: table-cell; vertical-align:middle; line-height:2.5vw; height:5vw; }
.fixed-bottom ul li.textBox {font-family: 'S-CoreDream-3Light',Arial, Helvetica, sans-serif; font-size:32px; font-weight:bold; color:#fff; text-align: left; letter-spacing: -2px;}
.fixed-bottom ul li.textBox .text-bg{background-color: #ffea00; padding: 0 0.5vw; color:#db0fca; font-weight:bold;}
.fixed-bottom ul li.textBox .light-font{font-weight:333;}
.fixed-bottom ul li img{width:62.5%; height: auto;}

.fixed-bottom2{position: fixed; left:0; bottom:0; background-color: #db0fca; border-radius: 3vw 3vw 0 0; width: 100%; height:5.5vw; z-index: 10; overflow: hidden;}
.fixed-bottom2 .w1200{width:1200px;}
.fixed-bottom2 ul {position: relative; display:table; width:auto; height: 5.5vw; margin: 0 auto; box-sizing: border-box;}
.fixed-bottom2 ul li {display: table-cell; vertical-align:middle; line-height: 5.5vw; }
.fixed-bottom2 ul li img{width:62.5%; height: auto;}
/* .fixed-bottom2 ul li:first-child img:first-child{width: auto; vertical-align:bottom; height: 5vw; margin-right: 1vw; } */

.event-share{position: relative; text-align: center;}
.event-share .w1200 img{width:60%; max-width: 1000px;}
.event-share .event-bg1{background-color: #000; width: 100%;}
.event-share .sns_btn {background-color: #000;}
.event-share .sns_btn li:nth-child(2) {margin-left:6%;}
.event-share .sns_btn li.cutter{display: none;}
.event-share .sns_btn li img{width:75%;}
.event-share .event-bg2{background-color: #7a7a7a; width: 100%;}
.event-share .event-bg3{background-color: #d4d4d4; width: 100%; padding-bottom: 5.5vw;}

.list-wish.wish-set{box-sizing:border-box;}
.list-wish.wish-set li{background:#F1F1F1;margin:10px 5px;padding:15px;}
.list-wish.wish-set li dl{display:flex;align-items: flex-start;justify-content: flex-start;flex-wrap:wrap;}
.list-wish.wish-set li dt{font-weight:600;padding-bottom:10px;}
.list-wish.wish-set li dt, .list-wish.wish-set li dd{width:100%;}
.list-wish.wish-set li.best{background:#F6ECEC;}
.list-wish.wish-set li.best dt{color:#E60012;background:url('../../img/inquiry/ico_best.svg') no-repeat 0 0/auto 13px;padding-left:2rem}
.list-wish.wish-set li dd input[type='checkbox'] + label{display:block;margin:5px 0;}
.badge-best{display:inline-block;width:auto;height:18px;line-height:18px;margin-left:5px;padding:0 7px 0 25px;background:#E60012 url('../../img/inquiry/ico_best_w.svg') no-repeat 7px 50%/15px auto;border-radius:11px;font-size:11px;vertical-align:top;color:#fff;font-weight:500;box-sizing: border-box;}


@media screen and (max-width:1279px) and (min-width:769px){
	.w1200{width:100vw;}
	.w1200 img{width:85%;}
	.bg img{width: 45%;}
	.bg1{padding: 3vw 0 2vw;}
	.event-wrap{margin-top:50px;}
	/* .bg8{background:#ffe7f0 url(../../images/event/img_bg_03.png) repeat-x left 0 bottom -1vw/contain; padding-bottom:0;} */
	.count {left:65%; font-size: 9.2vw;}
	.count-wrap::after{width:78%;}
	.section2-tab .set2-tab {width:85%;}
	.section2-tab .set2-tab li{height:28.12vw;}
	.section2-tab .set2-tabCon {top:-2vw;}
	.section2-tab .set2-tab li.on a::after {width:1.4vw; height:1.4vw; bottom:0; border-right: 0.4vw solid #3f28da; border-bottom: 0.4vw solid #3f28da;}
	.motion .chr-wrap{width:90%;}
	.motion .ch1{width:7.5vw; left:18.5vw; bottom:27.5vw}
	.motion .ch2{width:8.6vw; left:77.5vw; bottom:16vw;}
	.content-tab li a{height:11vw;}
	.video video{width: 75vw;}

}
@media screen and (max-width:768px) and (min-width:360px){
	.w1200{width:100vw;}
	.w1200 .img img{width:85%;}
	.w1200 img{width:90%;}
	.bg img{width:60%;}
	.event-wrap{margin-top:50px; }
	/* .event-header{width: 100%; overflow-x: hidden;} */
	/* .ssr-event-popup-area{zoom: 0.5;} */
	#event-ssr .swiper-container{margin-top:8.6vw;}
	.count{left:66%; font-size:8vw;}
	.count-wrap::after{width:78%;}
	.book-swiper-container{zoom:0.4;}
	.book-swiper-container { margin-left:-20vw;}
	.book-swiper-container .swiper-slide.swiper-slide-prev {margin-right:10vw;}
	.book-swiper-container .swiper-slide.swiper-slide-next {margin-left:10vw;}
	.motion .ch1{width:6.5vw; bottom:18.5vw}
	.motion .ch2{width:6.6vw; left:49.5vw; bottom:7vw;}
	.section2-tab .set2-tab {width:90%;}
	.section2-tab .set2-tab li{height:28.12vw;}
	.section2-tab .set2-tab li.on a::after {width:1.5vw; height:1.5vw; bottom:-1vw; border-right: 0.5vw solid #3f28da; border-bottom: 0.5vw solid #3f28da;}
	.section2-tab .set2-tabCon{padding-bottom:10vw;}
	.content-tab.sticky{top:49px;}
	.content-tab li a{height:13vw;}
	.video video{width: 75vw;}
	.simply-scroll .simply-scroll-list li {width:210px;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-size: 50%; right: 0%;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-size: 50%; left: 0%}
	.motion .r1 {width:8px; height:15px;}
	.motion .r2 {width:5px; height:8px;}
	.motion .ch1{width:7.5vw; left:11.5vw; bottom:21.5vw}
	.motion .ch2{width:8.6vw; left:49.5vw; bottom:9vw;}
	.bg4,.bg8,.bg9{padding-top:10vw;}
	.bg{position: absolute; width: 100%; background:transparent url(../../images/event/img_bg_05.png) repeat-x left 0 bottom -4.4vw/contain; z-index: 1; bottom:-20px;}
	.bg1{padding-top:8vw;}
	.bg1-1{padding:7vw 0 10vw;}
	.bg2{padding-top:12vw;}
	.bg3{padding:8vw 0 6vw;}
	.bg4{padding:6vw 0 10vw;}
	.bg6{padding:10vw 0;}
	.bg7{padding:10vw 0;}
	.bg8{padding-bottom:5vw;}
	.bg8::before{height:10%;}
	.bg10{padding:5vw 0;}
	.bg11{padding:10vw 0 1vw;}
	.bg11::before{height:10.2%;}
	.bg12{padding:0 0 4vw;}
	.bg10::before{left:16%;}
	.event-share .w1200 img{width: 100% !important;}
	.event-share .sns_btn li.cutter{display:block;}
	.event-share .sns_btn li:nth-child(2) {margin-left:0;}
	.event-share .event-bg3 {padding-bottom: 15.5vw;}
}
@media screen and (max-width:500px) {
	.ssr-event-popup-area{zoom: 0.5;}

	.swiper-button-next, .swiper-button-prev {
		width: 15px;
		height: 30px;
		background-size: 100% !important;
	}
}

/* 230501 */
.ev230501-wrap01{background:#fff4f4;padding:0 20px;}
.ev230501-wrap01 .swiper-container{padding-bottom:40px;}

/* 2023.07.24 : 스마트구몬N 사전예약 신청페이지 : 김진아 추가  */
/* scrollbar */
.free-trial-contents::-webkit-scrollbar {width: 6px;}
.free-trial-contents::-webkit-scrollbar-track {background: #f1f1f1; }
.free-trial-contents::-webkit-scrollbar-thumb {background: #aaa;border-radius: 20px; }
.free-trial-contents::-webkit-scrollbar-thumb:hover {background: #999; }
.free-trial-contents input[type='checkbox'] + label::before {cursor: pointer;}
.mt-5 {margin-top:5px !important;}
.mt-20 {margin-top:20px !important;}
.mt-30 {margin-top:30px !important;}
.mt-50 {margin-top:50px !important;}
.pt-0 {padding-top:0px !important;}
.pt-10 {padding-top:10px !important;}
.pt-20 {padding-top:20px !important;}
.pt-30 {padding-top:30px !important;}
.pt-150 {padding-top:150px !important;}
/* 무료체험 신청 팝업 */
.free-trial-wrap {display:none; position: fixed; left:0; right: 0; top:0; bottom:0; z-index: 102;}
.free-trial-wrap .d-flex {display: flex; align-items: center; justify-content: space-between;}
.free-trial-box { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; width: 700px; } 
.free-trial-box::-webkit-scrollbar {display: none;}
.free-event-dim { position: fixed;top: 0;left: 0; right: 0;bottom: 0; background-color: rgba(0,0,0,0.5);z-index: 1;}
.free-trial-box .top-tit {background-color: #fff;width: 100%;  border-radius: 30px 30px 0 0 ; padding: 40px 0 20px; border-bottom:1px solid #ddd; z-index: 1;}
.free-trial-box .tit {text-align: center; background-color: #fff; }
.free-trial-box .tit h2 {font-size: 26px; font-weight: bold;}
.free-trial-box .tit p {font-size: 18px; color:#666;}
.free-trial-box .btn-close { position: absolute; top: 15px; right: 20px; cursor: pointer;}
.free-trial-contents {width:100%; height: 60vh; background-color: #fff; padding: 20px 40px 40px; overflow: auto; box-sizing: border-box;}
.free-trial-contents .sub-tit {padding-bottom:5px; border-bottom:1px solid #ddd; padding-top:40px;}
.free-trial-contents .sub-tit.flex {display: flex; justify-content: space-between;}
.free-trial-contents .sub-tit h3 {font-size: 20px; font-weight: 500; }
.free-trial-form li {display: flex; align-items: center; margin-top:12px;}
.free-trial-form li.top { align-items: flex-start; }
.free-trial-form .label { width: 110px; font-size: 15px; font-weight: 500;}
.free-trial-form .input {width: calc(100% - 110px);}
.free-trial-form input + input {margin-top:8px;}
.input-type1 { border: 1px solid #ddd; height: 38px; font-size: 14px; width: 100%; padding:5px; box-sizing: border-box;}
.checkbox-text {font-size: 14px;}
.free-trial-form .table_btn {height: 38px; width: 130px; flex-wrap: wrap;min-width: 130px; margin-left: 8px; font-size: 15px;}
.free-trial-contents .text {font-size: 13px; color:#666;}
.btn-type-radio {display: flex;margin-top: 8px;text-align: center;}
.btn-type-radio li { width: 100%;}
.btn-type-radio input[type=radio]:not(old) + label {width:96%; border:1px solid #ddd;background: #fff; padding: 0 10px; box-sizing: border-box; cursor: pointer;}
.btn-type-radio input[type=radio]:not(old):checked + label {border-color:#e83123; color: #e83123;}
.btn-type-radio.checkbox input[type=checkbox]:not(old) + label {width:96%; border:1px solid #ddd;background: #fff; padding:8px 10px; box-sizing: border-box; cursor: pointer;height: 70px;line-height: 1.3;display: inline-block;}
.btn-type-radio.checkbox input[type=checkbox]:not(old) + label em {font-style: normal; display:block; font-size: 13px; color: #999;}
.btn-type-radio.checkbox input[type=checkbox]:not(old):checked + label {border-color:#e83123; color: #e83123;}
.btn-type-radio.checkbox input[type=checkbox]:not(old):checked + label em {color: #e83123;}
.btn-type-radio.checkbox input[type='checkbox'] + label::before {display: none;}
.btn-type-radio.checkbox input[type=checkbox]:not(old) + label.checkbox-type1 {padding-top:16px; line-height: 2.3;}
.btn-type-radio.checkbox input[type=checkbox]:not(old):disabled  + label {background-color: #eaeaea; color:#999; border-color:#ddd;}
.btn-type-radio.checkbox input[type=checkbox]:not(old):disabled + label em {color: #999;}

.btn-type1-radio {display: flex; flex-wrap: wrap;}
.btn-type1-radio li {width: 25%; padding-top: 10px;}
.free-trial-contents .agree_wrap:first-child .agree {border-top:none;}
.free-trial-contents .info-box {padding: 10px 15px; background-color: #f6f6f6; border-radius: 10px; margin-top: 16px; font-size: 14px;}
.free-trial-wrap .btn_area {margin:0; width: 100%; padding: 5px; background-color: #fff;border-radius: 0 0 30px 30px;}
.free-trial-wrap .btn_area .apply_btn {width: 100%; padding: 7px; height: auto;  font-size: 26px; border-radius: 0 0 27px 27px; font-weight: bold;}

.btn-type-checkbox li {display:inline-block; width: 118px;margin-top: 8px;}
/* 무료체험 신청 이중 팝업창 */
.double-pop-wrap {display: none; position: fixed; left:0; right: 0; top:0; bottom:0; z-index: 202; font-size: 16px;}
.double-pop-content {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; width: 500px; background-color: #fff; padding:30px;}
.double-pop-content h4 {font-size: 26px; font-weight: 500; text-align: center; padding-bottom:20px;}
.double-pop-content .small-pop-tit h4 {padding-bottom:10px;}
.double-pop-content .small-pop-tit .sub-p {text-align: center; font-size: 18px; padding-bottom:20px; }
.double-pop-content .btn-close { position: absolute; top: 15px; right: 20px; cursor: pointer;}
.basic-table {width: 100%; border-top: 1px solid #111; border-bottom:1px solid #ddd; margin-bottom:10px;}
.basic-table th {background-color: #e7e7e7; font-weight: 400;}
.basic-table th, .basic-table td {padding: 15px; border-bottom:1px solid #ddd;}
.double-pop-content .btn-area {margin-top:40px; display: flex; justify-content: center;}
.double-pop-content .btn-area  button {padding: 10px 20px;}
.double-pop-content .btn-area  button + button {margin-left: 10px;}
.btn-ok {border:1px solid #e83123; color:#e83123 ; border-radius: 30px; font-size: 18px; font-weight: 500;}
.btn-cancle {border:1px solid #666; color:#666; border-radius: 30px; font-size: 18px;  font-weight: 500;}
/* 구몬선생님 조회 팝업창 */
.teacher-pop .common-pop-body {max-width: 750px;}
.teacher-pop .btn-close { position: absolute; top: 15px; right: 20px; cursor: pointer;}
.teacher-pop .search-box .btn-search {
    width: 2rem;
    height: 2rem;
    background: url(../../img/event/icon-search01.png) 0 0 no-repeat;
    background-size: 2rem 2rem;
}
/* 무료체험, 사전예약 오른쪽 하단 고정 버튼 */
.fixed-btn-area {position: fixed; right: 30px; top:190px; z-index: 70; }
.free-btn-area {width: 176px; height: 256px; background:url(../../img/event/micro/btn_free_booking.png) no-repeat center / 100%; margin-bottom:20px;}
.free-btn-area button {width: 170px; height: 80px;}
.free-btn-area button.btn-free {margin-top:86px;}
.fixed-btn-area .btn-study-video {width: 176px; height: 154px; background:url(../../img/event/micro/btn_play.png) no-repeat center / 100%;}
/* 사전예약 완료 페이지 */
.output-wrap {position:relative; padding-top: 80px; }
.btn-page-close {position: absolute; width: 36px; top:50px; right: 0px;}
.btn-page-close img {width: 100%;}
.output-wrap .title-form {border-bottom:2px solid #222; padding-bottom: 15px;  }
.output-table-wrap.radio-group {display: flex;} 
.output-table-wrap.radio-group {margin-top:30px;}  
.output-table-wrap.radio-group + .output-table-wrap.radio-group {margin-top:30px;} 
.check-icon-area {text-align: center; padding:40px 0 20px;}
.output-table {width: 100%;}
.output-table th {width: 20%; background-color: #f8f8f8; font-weight: 500;}
.output-table td {color: #666; font-weight: 400;}
.output-table th, .output-table td {padding: 2rem 3rem; border:.1rem solid #e5e5e5; border-left:none; border-right:none;}
.output-table .t-block td {width: 30%;}
.output-wrap .notice-txt2 {font-size: 16px; color:#EF1C20;}
.btn-big {height: 50px; line-height: 48px;}
.output-wrap .btn-group {margin-top:9rem;}
.event-share.output .event-bg3 {padding-bottom: 0;}
@media screen and (max-width:768px) {
	/* 무료체험 신청 팝업 */
	.free-trial-box{width: 90%;}
	.free-trial-contents .sub-tit.sub-tit2 .d-flex {align-items: flex-start;flex-direction: column;}
	/* 사전예약 완료 페이지 */
	.output-wrap {padding-top: 16vw;}
	.btn-page-close {width: 26px; top:20px;}
	.output-wrap .title-form {border-bottom:1px solid #222; padding-bottom: 3vw; padding-top:3vw;}
	.output-table-wrap {margin-top:3vw;}
	.output-table  tr:first-child th, .output-table tr:first-child td {border-top:none}
	.output-table tr , .output-table th , .output-table td {display: block; width: 100%;}
	.output-table th {border:none; background-color: #fff; text-align: left; padding:12px 0 5px 0;}
	.output-table td {border-top:none;padding:0 0 12px 0;}
	.output-table .t-block td {width: 100%;}
}
@media screen and (max-width:600px) {
	/* 무료체험 신청 팝업 */
	.free-trial-box {width: 100%; height: 100%; left:0; top:0; transform: none; overflow: auto;}
	.free-trial-contents {height: auto;}
	.free-trial-box .top-tit {position: fixed; top:0; left:0; right: 0; border-radius: 0; padding-top:20px;}
	.free-trial-contents {padding-top:120px;}
	.free-trial-form li {align-items: flex-start; flex-direction: column;}
	.free-trial-form .label{width: 100%; margin-bottom:5px;}
	.free-trial-form .input {width: 100%;}
	.btn-type-radio { flex-direction: row; flex-wrap: wrap;text-align:left;}
	.btn-type-radio li {width: 50%; margin-bottom:2%;}
	.free-trial-wrap .btn_area {border-radius: 0; padding:0;}
	.free-trial-wrap .btn_area .apply_btn{border-radius: 0;}
	/* 무료체험 신청 이중 팝업창 */
	.double-pop-content {width: 90%;}
	.teacher-pop .common-pop-body {width: 90%;}
	.btn-type-radio.checkbox li {width: 50%;}
	.output-wrap .btn-group {flex-direction: column; align-items: center; margin-top: 10vw;}
	.output-wrap .btn-group button, .output-wrap .btn-group a {width: 80%;}
	.btn-big + .btn-big {margin-top:10px;}
	.output-wrap .btn {padding:0;}
	.output-table th {font-weight: 400; color:#777;}
	.output-table td {font-weight: 500; color:#222; padding-left:10px;}

	.btn-type1-radio li {width: 50%;}
} 
@media screen and (max-width:425px) {
	.free-trial-contents .info-box { font-size: 13px;}
	.free-trial-contents .info-box .text {font-size: 12px;}
	/* 무료체험 신청 팝업 */
	.free-trial-box .tit h2 {font-size: 6.1vw;}
	.free-trial-box .tit p {font-size: 4.2vw;}
	.free-trial-contents .sub-tit h3{font-size: 4.75vw;}
	.free-trial-form .table_btn {padding: 0 10px; width: 108px; min-width: 108px;}
	.free-trial-contents {padding:33vw 20px 20px;}
	.free-trial-box .table03 tr th {word-break: keep-all;}
	.free-trial-wrap .btn_area .apply_btn {font-size: 6.1vw;}
	/* 무료체험 신청 이중 팝업창 */
	.double-pop-content {font-size: 3.5vw;}
	.double-pop-content h4 {font-size: 6.1vw;}
	.btn-type-radio.checkbox input[type=checkbox]:not(old) + label em {font-size: 3vw;}
	.teacher-pop .board-list {width: 410px;}
	.btn-type-checkbox li {width: 49%;}
	/* 사전예약 완료 페이지 */
	.output-wrap .title-form .main {font-size: 20px;}
	.output-wrap .notice-txt2 {font-size: 3vw;}
	
}

/* 마이크로 메인페이지 */
.micro-page {padding-top:80px;}
.micro-page img {width: 100%;}
.main-slide-area {background:#ffe362 url(../../img/event/micro/bg.png) no-repeat center / cover;}
.main-slide-area .main-slide-wrap {width: 1000px; margin:0 auto;}
.main-slide-area .main-slide-wrap img {width: 100%;}
.book-swiper2 {position: relative; }
.book-swiper-container2 {position: relative; padding:120px 0 160px;}
.book-swiper-container2 .swiper-slide {display: flex; align-items: center; justify-content: center;}
.book-swiper-container2 .swiper-slide a{display: block; width: auto;  transition: all 300ms ease-in-out; transform: scale(0.8);opacity: 0.8;box-shadow: 5px 5px 12px 5px rgba(0,0,0,0.1);  }
.book-swiper-container2 .swiper-slide.swiper-slide-active a{ z-index:1; position: relative;  padding:12px; background-color: #000; border:3px solid #c1c3d9; transform: scale(1.1); border-radius: 20px; opacity: 1;} 
.book-swiper-container2 .swiper-slide.swiper-slide-active a img {border-radius: 12px;}
.micro-page-wrap {position: relative; width: 1000px; margin:0 auto;}
.micro-page-wrap img {width: 100%; display: block;}
.micro-page .tab-area {position: sticky; top:80px; left:0; right:0; width: 100%; background-color:#8971ff; z-index: 50;}
.micro-page .tab-area.off {display: none;}
.micro-page .tab-area .tab-wrap {width: 1000px; margin: 0 auto; display: flex;}
.micro-page .tab-area .tab-wrap button {width: 33%;height: 99px; display:block; border:none;}
.micro-page .tab-area .tab-wrap .btn-need.active {background: url(../../img/event/micro/btn_1_on_2.png) no-repeat center / 100%;}
.micro-page .tab-area .tab-wrap .btn-need {background: url(../../img/event/micro/btn_1.png) no-repeat center / 100%;}
.micro-page .tab-area .tab-wrap .btn-neer {background: url(../../img/event/micro/btn_2.png) no-repeat center / 100%;}
.micro-page .tab-area .tab-wrap .btn-nice {background: url(../../img/event/micro/btn_3.png) no-repeat center / 100%;}
.micro-page .tab-area .tab-wrap .btn-need.on {background: url(../../img/event/micro/btn_1_on.png) no-repeat center / 100%;}
.micro-page .tab-area .tab-wrap .btn-neer.on {background: url(../../img/event/micro/btn_2_on.png) no-repeat center / 100%;}
.micro-page .tab-area .tab-wrap .btn-nice.on {background: url(../../img/event/micro/btn_3_on.png) no-repeat center / 100%;}
.micro-page .tab-area .tab-wrap  img {width: 100%;}
/* 학습유형(s펜/K펜) 영상 슬라이드 */
.micro-page-wrap .swiper {position: relative; width: 1000px; overflow: hidden;}
.swiper.need-video-swiper .swiper-wrapper .swiper-slide .video-box {padding:20px; border-radius: 30px; background-color: #343434; margin:0 90px;}
.swiper.need-video-swiper .swiper-wrapper .swiper-slide .video-box video {width: 100%;border-radius: 20px; display: block;}
.swiper.need-video-swiper .swiper-button-next { width: 60px; height: 60px; background: url(../../img/event/micro/btn_next.png) no-repeat center / 100%; top:48%; right:0;}
.swiper.need-video-swiper .swiper-button-prev { width: 60px; height: 60px; background: url(../../img/event/micro/btn_prev.png) no-repeat center /100%; top:48%; left: 0;}
.swiper.nice-video-swiper .swiper-button-next { width: 60px; height: 60px; background: url(../../img/event/micro/btn_next.png) no-repeat center / 100%; top:48%; right:0;}
.swiper.nice-video-swiper .swiper-button-prev { width: 60px; height: 60px; background: url(../../img/event/micro/btn_prev.png) no-repeat center /100%; top:48%; left: 0;}
.video-box2 {width: 85%; padding:20px; border-radius: 30px; background-color: #000; margin:0 auto;}
.video-box2 video {width: 100%;border-radius: 20px; display: block;}
.video-box3 {width: 85%; padding:20px; border-radius: 30px; background-color: #FFF; margin:0 auto;}
.video-box3 video {width: 100%;border-radius: 20px; display: block;}
.micro-page-wrap .tit-video {width: 100%; border-radius: 20px; overflow: hidden;}
.micro-page-wrap .img-before {position: relative;}
.micro-page-wrap .img-change-area {position: absolute; bottom:50px; left:50%; transform: translate(-50%); width: 1000px; display: flex; justify-content: space-evenly;}
.micro-page-wrap .img-change-area div { width: 280px; height: 91px;}
.img-change-area .img-change-1 { background:url(../../img/event/micro/m_1_1.png) no-repeat center / 100%;}
.img-change-area .img-change-2 { background:url(../../img/event/micro/m_1_2.png) no-repeat center / 100%;}
.img-change-area .img-change-3 { background:url(../../img/event/micro/m_1_3.png) no-repeat center / 100%;}
.micro-page-wrap .img-change-area2 {position: absolute; bottom:50px; left:50%; transform: translate(-50%); width: 1000px; display: flex; justify-content: space-evenly; z-index: 2;}
.micro-page-wrap .img-change-area2 div { width: 280px; height: 91px;}
.img-change-area2 .img-change-1-1 { background:url(../../img/event/micro/m_2_1.png) no-repeat center / 100%;}
.img-change-area2 .img-change-2-1 { background:url(../../img/event/micro/m_2_2.png) no-repeat center / 100%;}
.img-change-area2 .img-change-3-1 { background:url(../../img/event/micro/m_2_3.png) no-repeat center / 100%;}

.micro-page-wrap .img-child {position: absolute; top:116px; left: 16%; width: 230px; height: 362px; background:url(../../img/event/micro/p_1.png) no-repeat center / 100%; z-index: 2;}
.micro-page-wrap .img-child.on {background:url(../../img/event/micro/p_2.png) no-repeat center / 100%; z-index: 2;}
.micro-page-wrap .flex {display: flex; }
.micro-page-wrap .flex img {width: 33%;}
.micro-page-wrap  .img-con {position: absolute; top:140px; right: 20px;  z-index: 2;}
.micro-page-wrap  .img-con img {transform: scale(0.9);}
.micro-page-wrap  .swiper.page-swiper {padding-bottom:120px;}
.micro-page-wrap  .swiper.page-swiper .swiper-pagination {bottom:80px;}
.micro-page-wrap  .swiper.page-swiper .swiper-pagination-bullet {background: #d7ba97; opacity: 1;}
.micro-page-wrap  .swiper.page-swiper .swiper-pagination-bullet-active {background: #6145e9;}
.sns_btn_area {background-color: #000; display: flex; justify-content: center;}
.sns_btn_area li {margin-right: 30px; width: 98px;}
.sns_btn_area li a {display: block;}
.sns_btn_area li a img {display: block; width: 100%;}
.micro-page-wrap .card-area {position: relative; }
.micro-page-wrap .card {position: absolute; right: 50px; top:100px; width:400px ; }
.micro-page-wrap .card-area .card-on {position: absolute; left: 192px; top: 160px;}
.micro-page-wrap .card-area .card-on img {width: 192px; position: absolute;}
.micro-page-wrap .card-area .card-on img.card-on-4 {left: 15px; top:15px;}
.micro-page-wrap .card-area .card-on img.card-on-3 {right: 0; top:15px;}
.micro-page-wrap .card-area .card-on img.card-on-2 {left: 15px; bottom:0;}
.micro-page-wrap .card-area .card-on img.card-on-1 {right: 0; bottom:0;}
/* 최상단 타이핑,동영상 팝업 */
.typing-section.popup {position: relative; top:30px; width: 100%; height: 100%; z-index: 80;}
.micro-page-wrap .typing-area.popup  { position:fixed; top:30px; left:50%; margin-left:-500px; width: 1000px;}
.micro-page-wrap .typing-area.popup  {z-index: 200;}
.micro-page-wrap .typing-area.popup .pop-dim {position: fixed; top:0; bottom:0; right:0; left:0; background-color: rgba(0, 0, 0, 0.8); z-index: 80; width: 100%; height: 100%;}
.micro-page-wrap .typing-area.popup .typing {display: block; color: #fff;  position:relative; z-index: 80;font-family: "Pretendard Variable", "Pretendard";}
.micro-page-wrap .typing-area.popup .video-box3 { position: relative; z-index: 80;width: auto; height: 55vh; display: inline-block; left: 50%; transform: translateX(-50%);}
.micro-page-wrap .typing-area.popup .video-box3 video {width: 100%; height: 100%;}
.swiper.nice-video-swiper .swiper-button-next { width: 60px; height: 60px; background: url(../../img/event/micro/btn_next.png) no-repeat center / 100%; top:52%; right:0;}
.swiper.nice-video-swiper .swiper-button-prev { width: 60px; height: 60px; background: url(../../img/event/micro/btn_prev.png) no-repeat center /100%; top:52%; left: 0;}
.micro-page-wrap .typing-area.popup .btn-pop-close {position: absolute; right:140px; top:0; width: 40px; height: 40px; background:url(../../img/com/btn-pop-close-w.png) no-repeat center/100%; z-index: 80;}
.micro-page-wrap .typing-area.popup .typing-area-tit {display: none;}
.micro-page-wrap .typing-area  { position:relative; padding:60px 0 120px;}
.micro-page-wrap .typing {font-size:44px; color: #000; text-align: center; margin-bottom:50px; letter-spacing: -0.1rem; height: 185px; line-height: 1.2;font-weight: 500;}
.micro-page-wrap .text { font-size: 50px; font-weight: 900;margin-left: .6rem;padding-top:20px;}
.typing-section.display {display: none;}
.typing-section {position: relative; z-index: 0; top: 0;}
.micro-page-wrap .typing-area .typing-area-tit {display: block;}
.micro-page-wrap .typing-area .typing { display: none; }
/* 이벤트 카운트 */
.event-bottom-label {position:fixed; bottom:0;left:50%; transform: translateX(-50%); width: 1200px; height: 85px; display: flex; justify-content: space-evenly; align-items: center; background:url(../../img/event/micro/bottom-label.png) no-repeat center/100%; z-index: 60; font-size: 36px;}
.event-bottom-label .left {display: flex;align-items: center; color:#fff; font-weight: 900; font-family: "Pretendard Variable", "Pretendard";}
.event-bottom-label .left .label-d-day {width: 150px; height: 54px; color:#200d79; font-weight: 900;background:url(../../img/event/micro/d-day.png) no-repeat center/100%; margin-left: 18px; padding-left:71px; box-sizing: border-box; line-height: 54px; letter-spacing: 2.5rem; }
.event-bottom-label .right {font-weight: 900; font-family: "Pretendard Variable", "Pretendard";}
.event-bottom-label .right .label-count { color:#f54546;}
/* .quick-menu.quick-menu  { z-index: 50;}
.quick-menu.quick-menu .top {color:#fff;}
.quick-menu .top::before {background: url(../../img/main/scroll-down.png) no-repeat center/100%; transform: rotate(180deg); width: 10px; top:7px;} */
@media screen and (max-width:1200px) {
	/* 이벤트 카운트 */
.event-bottom-label { width: 90%; height: 6.5vw;font-size: 3vw;}
.event-bottom-label .left {display: flex; color:#fff; font-weight: 900;}
.event-bottom-label .left .label-d-day {width: 12.5vw; height: 4.5vw; color:#200d79; font-weight: 900; background:url(../../img/event/micro/d-day.png) no-repeat center/100%; margin-left: 1.5vw; padding-left:5.9167vw; box-sizing: border-box; line-height: 4.8333vw; letter-spacing: 2vw; }
}
@media screen and (max-width:1000px) {
	.micro-page {width: 100%;box-sizing: border-box;}
	.main-slide-area .main-slide-wrap {width: 100%;}
	.book-swiper-container2 {padding: 12vw 0 16vw;}
	.micro-page .tab-area .tab-wrap{width: 100%;}
	.micro-page .tab-area .tab-wrap button {height: 9.7vw;}
	.micro-page-wrap {width: 100%; padding: 0 30px; box-sizing: border-box;}
	.micro-page-wrap .img-change-area, .micro-page-wrap .img-change-area2 {width: 100%;}
	.micro-page-wrap .img-change-area div, .micro-page-wrap .img-change-area2 div {width: 25vw; height: 8.3vw;}
	.micro-page-wrap .img-change-area {bottom:5vw; left:50%; transform: translate(-50%); width: 100%;}
	.micro-page-wrap .img-change-area2 {bottom:5vw; left:50%; transform: translate(-50%); width: 100%;}
	.micro-page-wrap .swiper {width: 90%; margin:0 auto;}
	.event-bg1 img, .event-bg2 img, .event-bg3 img {width: 100%;}
	.micro-page-wrap .img-con {width: 46.8vw; top:14vw; right:2vw;}
	.micro-page-wrap .img-child {top:8vw; width: 23vw; height: 36.2vw;}
	.swiper.need-video-swiper .swiper-wrapper .swiper-slide .video-box {margin:0 9vw;}
	/* 최상단 타이핑,동영상 팝업 */		
	.micro-page-wrap .typing-area.popup  { top:3.9113vw; width: 100%; left:0; margin-left:0;}
	.micro-page-wrap .typing-area.popup .video-box3 { width: 90%; height: auto;}
	.micro-page-wrap .card {right: 5vw; top:10vw; width:40vw;}
	.micro-page-wrap .card-area .card-on { left: 19.2vw; top: 16vw;}
	.micro-page-wrap .card-area .card-on img {width: 19.2vw;}
	.micro-page-wrap .card-area .card-on img.card-on-4 {left: 1.5vw; top:1.5vw;}
	.micro-page-wrap .card-area .card-on img.card-on-3 {right: 0; top:1.5vw;}
	.micro-page-wrap .card-area .card-on img.card-on-2 {left:1.5vw; bottom:0;}
	.micro-page-wrap .card-area .card-on img.card-on-1 {right: 0; bottom:0;}
}
@media screen and (max-width:767px) {
	.micro-page {padding-top:50px;}
	.micro-page .tab-area {top:50px;}
	.book-swiper-container2 .swiper-slide.swiper-slide-active a{padding:8px; transform: scale(1.0);}

	.swiper.need-video-swiper .swiper-wrapper .swiper-slide .video-box {padding:10px; border-radius:10px;}
	.swiper.need-video-swiper .swiper-wrapper .swiper-slide .video-box video {border-radius: 7px;}
	.swiper.need-video-swiper .swiper-button-next {width: 6vw; height: 6vw; top:50%; right: 0%;}
	.swiper.need-video-swiper .swiper-button-prev {width: 6vw; height: 6vw; top:50%;left: 0%;}
	.video-box2 {padding:10px; width: 100%; border-radius: 10px;}
	.video-box2 video {border-radius: 7px;}
	.video-box3{padding:10px; width: 100%; border-radius: 10px;}
	.micro-page-wrap .img-change {height: 12.8vw;}
	.video-box3 video {width: 100%;border-radius: 7px;}
	/* 최상단 타이핑,동영상 팝업 */
	.typing-section.popup {top:3.9113vw;}
	.micro-page-wrap .typing-area.popup .btn-pop-close { right:5vw; top:0; width: 30px; height: 30px;}
	.micro-page-wrap .typing-area  { position:relative; padding:7.8227vw 0 15.6454vw;}
	.micro-page-wrap .typing {font-size:4vw; margin-bottom:5vw;  height:22vw;}
	.micro-page-wrap .text { font-size: 5vw; padding-top:2vw;}
	.fixed-btn-area .btn-study-video {width: 22vw;height: 19vw; position: absolute; bottom: 22vw; right: 4vw;}
	
	/* 이벤트 카운트 */
	.event-bottom-label {left:0; transform:none; width: 100%; height: 16vw; display: block; background:url(../../img/event/micro/bottom-label-m.png) no-repeat center/100%; font-size: 3.5vw;}
	.event-bottom-label .left {display: block; color:transparent;}
	.event-bottom-label .left .tit {display: none;}
	.event-bottom-label .left .label-d-day {position: absolute; left:10px; top:-2vw; display: block; width: 13.6vw; height:8vw; color:#f44445; background:url(../../img/event/micro/d-day-m.png) no-repeat center/100%; margin-left: 0; padding-left:7.8vw; padding-top:0.6vw; letter-spacing: 0rem; }
	.event-bottom-label .right {display: block; color:#ffffff; font-weight: 600; width: 40vw; line-height: 1.2; padding-left:13vw; padding-top:5.2vw;}
	.event-bottom-label .right .label-count {font-weight: 900;}
	/* 무료체험, 사전예약 오른쪽 하단 고정 버튼 */
	.fixed-btn-area {right: 0px; top:auto; bottom:0; }
	.free-btn-area {display: flex; width: 50vw; height: 14vw; background: transparent; margin-bottom:0px;}
	.free-btn-area button {width: 50%; height: 100%;}
	.free-btn-area button.btn-free {margin-top:0px;}
	/* footer */
	.sns_btn_area li {margin-right: 3.9113vw; width: 12.7771vw;}
	
	}
@media screen and (max-width:425px) {
	.micro-page-wrap { padding: 0 14px;}
	.micro-page-wrap .swiper{width: 100%;}
	.swiper.need-video-swiper .swiper-wrapper .swiper-slide .video-box {margin:0;}
	.swiper.need-video-swiper .swiper-button-next {right: 5%;}
	.swiper.need-video-swiper .swiper-button-prev {left: 5%;}
	/* 최상단 타이핑,동영상 팝업 */
	.micro-page-wrap .typing-area.popup .btn-pop-close { width: 20px; height: 20px;}
	.micro-page-wrap .typing-area.popup {top: 20vw;}
	.micro-page-wrap .typing-area.popup .video-box3 {padding:0; border-radius: 0; width: 100%;}
	.video-box3 video { border-radius: 0;}
}


/* 2023.08.29 스마트구몬N 이벤트 랜딩페이지 : 김진아 */
.event-page-wrap {max-width: 1000px; margin: 0 auto;}
.event-page-wrap section {width: 100%;}
.event-page-wrap .micro-page-wrap {width: 800px;}
.event-page-wrap .micro-page-wrap .swiper {width: 100%;}
.event-page-wrap img {display: block; width: 100%;}
.event-page-wrap .top {background: #947eff url(../../img/event/micro/r_01_bg.png) no-repeat center / 100%; padding-bottom:100px;}
.event-page-wrap .video-box3 { width: 580px; padding:16px; border-radius: 15px; box-sizing: border-box; }
.event-page-wrap .video-box3 video {border-radius: 10px;}
.event-page-wrap .swiper.need-video-swiper .swiper-wrapper .swiper-slide .video-box {width:600px; margin: 0 auto;}
.event-page-wrap.micro-page .tab-area .tab-wrap { justify-content: space-around;}
.event-page-wrap .video-box2 {width: 600px; padding:16px; border-radius: 15px; box-sizing: border-box;}
.event-page-wrap .video-box2 video {border-radius: 10px;}
.event-page-wrap .micro-page-wrap .img-child {width: 200px; height: 314px; top: 69px;}
.event-page-wrap .video-box {box-sizing: border-box;}
.event-page-wrap .video-box video {width: 100%;}
.event-page-wrap .micro-page-wrap .card {width: 320px;}
.event-page-wrap .nice-video-swiper .video-box {width: 600px; padding: 15px; background-color: #fff; border-radius: 15px; margin:0 auto; box-sizing: border-box;}
.event-page-wrap .nice-video-swiper .video-box video {border-radius: 10px;}
.event-page-wrap .sns_btn {list-style: none; padding:0; margin:0;}

@media screen and (max-width:1000px) {
.event-page-wrap  {width: 100%;}
.event-page-wrap .video-box3 { width: 80vw;}
.event-page-wrap .micro-page-wrap {width: 100%;}
.event-page-wrap .swiper.need-video-swiper .swiper-wrapper .swiper-slide .video-box {width: 70vw;}
.event-page-wrap .video-box2 {width: 80vw;}
.event-page-wrap .nice-video-swiper .video-box {width: 70vw;}
}

@media screen and (max-width: 767px){
.swiper.nice-video-swiper .swiper-button-next { width: 6vw;height: 6vw; top: 50%;right: 0%;}
.swiper.nice-video-swiper .swiper-button-prev { width: 6vw;height: 6vw; top: 50%;left: 0%;}
.swiper.need-video-swiper .swiper-button-next {top:40%;}
.swiper.need-video-swiper .swiper-button-prev {top:40%;}
}

@media screen and (max-width:500px) {
	.event-page-wrap .top {padding-left:16px; padding-right:16px; padding-bottom:50px;}
	.event-page-wrap .video-box3 { width: 100%; padding:10px; }
	.event-page-wrap .video-box2 {width: 100%; padding:10px;}
	.event-page-wrap  .video-box {width: 100%;  padding:10px;}
	.event-page-wrap .swiper.need-video-swiper .swiper-wrapper .swiper-slide .video-box {width: 100%;}
	.event-page-wrap .nice-video-swiper .video-box {width: 100%;  padding:10px;}
	.swiper.nice-video-swiper .swiper-button-next { right: 5%;}
	.swiper.nice-video-swiper .swiper-button-prev {left: 5%;}
	.event-page-wrap .micro-page-wrap .swiper.page-swiper .swiper-pagination {bottom:28px;}
	.event-page-wrap .micro-page-wrap .swiper.page-swiper {padding-bottom:60px;}
	}
/* 2023.10.02 스마트구몬N 마이크로페이지 리뉴얼 : 김진아 */	
.free-btn-area2 {position: fixed; right: 5%; top:15%; z-index: 70; }
.free-btn-area2 .btn-free {width: 176px; height: 260px; background:url(../../img/event/202312/btn_free.png) no-repeat center / 100%; cursor: pointer; border:none;}
.micro-page-re .main-top-area {background:#ffcd1e; padding-bottom:100px;}
.micro-page-re .micro-page-wrap {width: 1200px; margin:0 auto;} 
.main-top-area .micro-page-wrap .video-box video {width: 100%;}
.sorting-area {position: relative;}
.sorting-button {position: absolute; left:125px; bottom:0; width: 970px;height: 176px; display: flex;}
.sorting-button a {display:block; width: 33%; height: 100%; transform: skew(-14deg);}
.micro-page-re #need .sorting-area {border-bottom: 32px solid #ffcd1e;}
.micro-page-re #near .sorting-area {border-bottom: 32px solid #824cd6;}
.micro-page-re #nice .sorting-area {border-bottom: 32px solid #ff3c6b;}
.micro-page-re .tab-box {position: relative;}
.micro-page-re .btn-tab-area {display: flex; align-items: flex-end;justify-content: center;}
.micro-page-re .btn-tab-area button {display: block; width: 501px; height: 142px;}
.micro-page-re .btn-tab-area .btn-tab1 { background:url(../../img/event/202310/202310_09_1_on.png) no-repeat center /100%; }
.micro-page-re .btn-tab-area .btn-tab2 { background:url(../../img/event/202310/202310_09_2_on.png) no-repeat center /100%;}
.micro-page-re .tab-box .btn-tab1.off {background:url(../../img/event/202310/202310_09_1_off.png) no-repeat center /100%;}
.micro-page-re .tab-box .btn-tab2.off {background:url(../../img/event/202310/202310_09_2_off.png) no-repeat center /100%;}
.micro-page-re .tab-2 { position: absolute;bottom:0; left:0;z-index: -1;}
.micro-page-re .tab-box.on .tab-2 {z-index: 1;}
.tab-box .video-box {width: 860px; position: absolute; bottom: 90px; left:50%; transform: translateX(-50%);}
.tab-box .video-box video {width: 100%;}

@media screen and (max-width:1200px) {
	.micro-page-re .micro-page-wrap {width: 100%;} 
	
	.sorting-area {width: 100%;}
	.sorting-button {width: 80vw; height: 14vw; left:10.4167vw}
	.tab-box .video-box {width: 71.6667vw; bottom: 7.5vw;}
	.micro-page-re .btn-tab-area button {width: 41.75vw; height: 11.8333vw;}

}

@media screen and (max-width:1000px) {
	.micro-page-re .btn-tab-area button {width: 39vw; height: 10.9vw;}
	.tab-box .video-box {bottom:4.5vw;}
}
@media screen and (max-width:768px) {
	.micro-page-re .main-top-area { padding-bottom:13vw;}
	.micro-page-re #need .sorting-area{border-width: 20px;}
	.micro-page-re #near .sorting-area{border-width: 20px;}
	.micro-page-re #nice .sorting-area{border-width: 20px;}

}

@media screen and (max-width:500px) {
	.free-btn-area2 {top:auto; bottom: 1%; right: 7%;}
	.free-btn-area2 .btn-free {width: 87vw; height: 20vw; background:url(../../img/event/202312/btn_free_m.png) no-repeat center / 100%; cursor: pointer; border:none;}

}

/* 2023.10.27 스마트구몬N 11월이벤트 : 이성훈 */
.sorting-area.nov{border-bottom: 15px #3dc0ce solid !important;}
.tab-box.nov .video-box{ width: 1023px;  left: 50%; transform: translateX(-50%); bottom: 126px; position: absolute;}
.micro-page-re .btn-tab-area.nov button {display: block; width: 600px; height: 177px;}
.micro-page-re .btn-tab-area.nov .btn-tab1 { background:url(../../img/event/202311/202311_08_1_on.jpg) no-repeat center bottom/100%; }
.micro-page-re .btn-tab-area.nov .btn-tab2 { background:url(../../img/event/202311/202311_08_2_on.jpg) no-repeat center bottom/100%;}
.micro-page-re .btn-tab-area.nov .btn-tab1.off {background:url(../../img/event/202311/202311_08_1_off.jpg) no-repeat center bottom/100%;}
.micro-page-re .btn-tab-area.nov .btn-tab2.off {background:url(../../img/event/202311/202311_08_2_off.jpg) no-repeat center bottom/100%;}
.sorting-button.nov {position: absolute; left:0; bottom:0; width: 1200px; height: 328px; display: flex;}
.sorting-button.nov a {display:block; width: 33%; height: 100%; transform: skew(0deg);}

.bg_wide{position: relative; width: 100%; padding:6vw 0;}
.simply-scroll {width:100%; height:auto; margin-bottom:0;}
.simply-scroll .simply-scroll-clip {width:100%; height:auto;}
.simply-scroll .simply-scroll-list li {width:340px; height:auto; max-height:213px;} 
.simply-scroll .simply-scroll-list li img {width: 90%;}

.simply-scroll .simply-scroll-list.nov li{ max-height:none;}

#scroller_02.simply-scroll-list li {width:590px; height:auto; max-height:566px;} 
#scroller_02.simply-scroll-list li img {width: 90%;}

@media screen and (max-width:1200px) {
	.tab-box.nov .video-box {width: 71.6667vw; bottom: 12vw;}
	.sorting-button.nov {width: 100%; height: 27vw;}

}

@media screen and (max-width:1000px) {
	.tab-box.nov .video-box {bottom:11vw;}
	.simply-scroll .simply-scroll-list li {width:160px; height:auto; max-height:213px;} 
	#scroller_02.simply-scroll-list li {width:300px; height:auto; max-height:566px;} 
}

.nov_02 .micro-page-wrap{ padding: 0;}

/* 2023.11.06 스마트구몬N 11월이벤트 추가 수정: 이성훈 */
#scroller_03.simply-scroll-list li {width:1185px; height:auto; max-height:694px;} 
#scroller_04.simply-scroll-list li img {width: 100%;}

@media screen and (max-width:950px) {
	#scroller_03.simply-scroll-list li {width:400px; height:auto; max-height:300px;} 
}


/* 2023.11.29 스마트구몬N 12월이벤트 추가 수정: 김진아 */
.main-top {padding-top:80px;}
.event-202312 .video-box {padding:30px 20px; box-sizing: border-box; background-color: #ffe12a;}
.event-202312 .bg_color1 {background-color: #f24242;}
.event-202312 .video-tab-area {position: relative;}
.event-202312 .video-tab-area .tab-box {position: absolute; bottom: 0;}
.event-202312 .video-tab-area .tab-box .tab-btn-area {display: flex; position: absolute; top:0;left:50%; transform: translateX(-50%); width: 66%; height: 140px; z-index: 10; }
.event-202312 .video-tab-area .tab-box .tab-btn-area button {width: 50%; height: 100%; background-color: transparent; border: none; cursor: pointer;}
.event-202312 .video-tab-area .tab-box .tab {position: relative;}
.event-202312 .video-tab-area .tab-box .tab.tab-2 {display: none;} 
.event-202312 .video-tab-area .tab-box .tab video {position: absolute; bottom:80px; left:50%; transform: translateX(-50%); width: 82%; }

.event-202312 .bg_color2 {background-color: #f2f2f2;}
#scroller_05.simply-scroll-list li {width:800px; max-height: initial;} 
/* 성인구몬 */
.tour-btn-area {position: relative;}
.tour-btn-area .btn-tour {position: absolute; left:50%; transform: translateX(-50%); bottom:220px; width: 590px; height: 82px; border-radius: 45px; border:1px solid;}
.tour-btn-area .btn-tour .blind {color:transparent; display: inline-block; width: 0; height: 0;}

@media screen and (max-width:1200px) {
	.tour-btn-area .btn-tour { bottom:18.3333vw;  width: 49.1667vw; height: 6.8333vw; border-radius: 10vw;}
}
@media screen and (max-width:1000px) {
	.event-202312 .video-tab-area .tab-box .tab video {bottom:8vw;}

}
@media screen and (max-width:950px) {
	#scroller_05.simply-scroll-list li {width:70vw; } 
}

@media screen and (max-width:768px) {
	.main-top {padding-top:50px;}
}

/* 240401 브랜드스위칭 캠페인 */
ul{margin-block-start:0;margin-block-end: 0;}
.mode-M{display:none;}
section[class^='campaign-section']{padding:100px 0;text-align:center;}
section[class^='campaign-section'] .inner{position:relative;max-width:1000px;margin:0 auto;text-align:center;}
section[class^='campaign-section'] .img-list{display:flex;justify-content: space-between;align-items: flex-start;}
section[class^='campaign-section'] .img-list li{flex:1;list-style-type: none;}
section[class^='campaign-section'] .al{text-align:left !important;}
section[class^='campaign-section'] .ar{text-align:right !important;}
section[class^='campaign-section'] img{max-width:100%;}
.campaign-vod{position:relative;width:100%;height:100vh;z-index: 0;}
.campaign-vod .vod-wrap {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index:1;}
.campaign-vod .vod-wrap video {object-fit: cover;width: 100%;height: 100%;}
.campaign-vod:after {content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: rgba(0, 0, 0, 0.65);z-index:1;}
.campaign-vod .copy-wrap{position:absolute;top:calc(50% + 30px);left:50%;transform:translate(-50%, -50%);text-align:center;z-index:2;}
.campaign-vod .copy-wrap img{max-width:85%;margin:0 auto;}
.campaign-vod .copy-wrap .item1{animation: fadeInDown 0.5s forwards;opacity:0;}
.campaign-vod .copy-wrap .item2{animation: fadeInDown 1s forwards;opacity:0;}
.campaign-vod .copy-wrap .item3{animation:  fadeInDown 2s forwards;opacity:0;}

@keyframes fadeInDown {
    0% {
        opacity: 0;
		transform: translate3d(0, 100px, 0);
    }
    to {
        opacity: 1;        
		transform: translateZ(0);		
    }
}

@keyframes zoom-in-zoom-out {
	0% {
		opacity: 0;        
	   	transform: scale(1, 1);
	}
	50% {
		opacity: 1; 
	  	transform: scale(1.5, 1.5);
	}
	100% {
		opacity: 1; 
	  	transform: scale(1, 1);
	}
  }

.campaign-section2{background:url('../../img/event/202404_campaign/bg_campaign_section2.png') no-repeat center 0/cover;}
.campaign-section2 img + img{margin-top:65px;}
.campaign-section2 .btns{margin-top:25px;}
.campaign-section3{margin-top:-6px;padding:120px 0 100px;background:#202020 url('../../img/event/202404_campaign/bg_campaign_section3.png') no-repeat center 0;}
.campaign-section3 .img-list{margin-top:80px;}
.campaign-section3 .img-list li + li{margin-left:30px;}
.campaign-section4{background: linear-gradient(to right, #6da4ff 20% ,#7a44ff 80%) no-repeat 0 0/100%;}
.campaign-section4.bg-img{position:relative;padding:100px 0 170px;}
.campaign-section4.bg-img:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:78px;background:url('../../img/event/202404_campaign/bg_campaign_section10.png') no-repeat center top/cover}
.campaign-section5{background:#353a89}
.campaign-section5 .img-list li + li{margin-left:20px;}
.campaign-section6{background:#202020 url('../../img/event/202404_campaign/bg_campaign_section6.png') no-repeat center 0/cover;}
.campaign-section6 .img-list{margin-top:50px;flex-wrap:wrap;font-size:0;}
.campaign-section6 .img-list li{flex:none !important;width:calc(50% - 10px);margin-bottom:20px;}
.campaign-section6 .img-list li + li{margin-left:20px;}
.campaign-section6 .img-list li:nth-child(3){margin-left:0;}
.campaign-section7{padding-top:0 !important;}
.campaign-section7 .img-list{margin-top:80px;}
.campaign-section7 .vod-wrap{width:100%;max-width:950px;margin:0 auto}
.campaign-section7 .vod-wrap video{width: 100%;height: 100%; outline: none; border: 0;-webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;}
.campaign-section8{background:#f2f2f2;}
.campaign-section8 .img-wrap{position:relative;font-size:0;margin-top:80px;}
.campaign-section8 .img-wrap img{display:inline-block;vertical-align: middle;}
.campaign-section8 .img-wrap img:last-child{margin-left:-70px;width:40%;z-index:1;}
.campaign-section8 .img-wrap img:first-child{z-index:2;width:60%;}
.campaign-section9{margin-top:-15px;padding:200px 0 100px !important;background:#202020 url('../../img/event/202404_campaign/bg_campaign_section9.png') no-repeat center 0/cover;}
.campaign-section9 img + img{margin-top:55px;}
.campaign-section9 .img-list{max-width:700px;margin:50px auto;}
.campaign-section9 .al, .campaign-section9 .ar{max-width:915px;margin:0 auto;}
.campaign-section9 .btns{margin-top:50px;}
.campaign-section10{background:#30357d;}
.tit-wrap{margin-top:40px;}
.tit-wrap img + img{margin-top:20px;}
.campaign-section10 .img-list{margin:80px 0 50px;}
.campaign-section11{background:#7681eb}
.campaign-section11 .swiperScroll{overflow:hidden;}
.campaign-section11 .swiper-wrapper {transition-timing-function: linear; }
.campaign-section11 .swiper-slide img{width:100%;}
.campaign-section11 .swiperScroll + .swiperScroll{margin-top:35px;}
/* .campaign-section11 .simply-scroll .simply-scroll-list li{max-height:none;}
.campaign-section11 .simply-scroll + .simply-scroll{margin-top:50px;} */
.campaign-section11 .img-list{position:relative;max-width:935px;margin:0 auto;}
.campaign-section11 .inner .arr{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);display:inline-block;width:60px;height:60px;background:url('../../img/event/202404_campaign/img_campaign_section11-3.png') no-repeat 0 0/100%;z-index:10;}
.campaign-section12{background:#c4d0ff}
.campaign-section12 .al, .campaign-section12 .ar{max-width:915px;margin:0 auto;}
.campaign-section12 .al{margin-top:50px;}
.campaign-section12 .ar{margin-bottom:50px;}
.campaign-section13{background:url('../../img/event/202404_campaign/bg_campaign_section13.png') no-repeat center 0/cover;}
.campaign-section13 .tit-wrap{margin-bottom:75px;}
.campaign-section13 img + img{margin-top:55px;}
.campaign-section14{background:url('../../img/event/202404_campaign/bg_campaign_section14.png') no-repeat center 0/cover;}
.campaign-section14 .tit-wrap{margin-bottom:75px;}
.campaign-section15{background:#1a1a1a}
.campaign-section15 img + img{margin-top:65px;}
.campaign-section15 .btns{margin-top:25px;}
.campaign-section16{background:#252525}
.model-pop-wrap {display: none; position: fixed; left:0; right: 0; top:0; bottom:0; z-index: 202;}
.model-pop-content {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; width:100%; max-width: 700px; padding:45px 0;background-color: #fff; border-radius:20px}
.model-pop-content .btn-close { position: absolute; top: 10px; right: 20px; cursor: pointer;}
.model-img{width: 100%;height:80vh; overflow: auto;box-sizing: border-box;padding:0 20px;}
.model-img img{width:100%;}

.campaign-btn {position: fixed; right: 5%; top:15%; z-index: 70; }
.campaign-btn .btn-free {width: 200px; height: 192px; background:url(../../img/event/202404_campaign/btn_floating_pc.png) no-repeat center / 100%; cursor: pointer; border:none;/*animation: ani 2s infinite alternate;*/}

@keyframes ani{
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-10%);
	}
}

@media screen and (max-width:1000px) {
	.campaign-vod .copy-wrap{width:90%;}
	.campaign-vod .copy-wrap img{max-width:100%;}
	section[class^='campaign-section'] .inner{padding-left:15px;padding-right:15px;}
	.campaign-section11 .bg_wide{padding:12vw 0 3vw;}
	section.campaign-section11 .simply-scroll .simply-scroll-list li{width:200px;}
}

@media screen and (max-width:960px) {
	.campaign-btn {width:100%;max-width:78.13vw;height:15.63vw;right: auto; top:auto; bottom:0;left:50%;transform: translateX(-50%);}
	.campaign-btn .btn-free{width:100%;height:100%;background:url(../../img/event/202404_campaign/btn_floating_mo.png) no-repeat center bottom/100%}

	section .img-list.flex li{padding:0 15px;}
}

@media screen and (max-width:750px) {
	.mode-PC{display:none;}
	.mode-M{display:block;}
	section[class^='campaign-section']{padding:13.3vw 0;}
	section[class^='campaign-section'] .inner{padding-left:0;padding-right:0;}
	.campaign-btn {width:100%;max-width:none;}

	.campaign-vod .copy-wrap {top: 48%;}

	.campaign-section2 img + img{margin-top:6.67vw;}
	.campaign-section3,
	.campaign-section9{background-image:none;}
	.campaign-section4.bg-img:after{height:8.5vw;background:url('../../img/event/202404_campaign/bg_campaign_section10_M.png') no-repeat center bottom/cover;}
	section[class^='campaign-section'] .img-list.flex{flex-wrap:wrap;margin-top:10.6vw;}
	section[class^='campaign-section'] .img-list.flex li{flex:none;width:100%;}
	section[class^='campaign-section'] .img-list.flex li + li{margin:30px 0 0;}
	
	section.campaign-section11 .img-list .arr{width:45px;height:45px;transform: translate(-50%, -50%) rotate(90deg);}
	.campaign-section8 .img-wrap img:last-child{margin-left:-6.67vw;}
	.num-wrap img{width:45px;}
	.campaign-section9{padding:13.3vw 0 !important;}
	.campaign-section9 .img-list{margin:50px 10px;}
	section.campaign-section9 .img-list li{padding:0 15px;}
	section.campaign-section10{margin-top:-1px;}
	.campaign-section11 .swiperScroll + .swiperScroll{margin-top:20px;}
	/* .campaign-section11 .simply-scroll + .simply-scroll{margin-top:6.67vw;}
	section.campaign-section11 .simply-scroll .simply-scroll-list li {width: 160px;} */
	.campaign-section12 .al{margin-bottom:20px;}	
	section.campaign-section14{padding:8vw 0 13.3vw;height:104.7vw;background-image:url('../../img/event/202404_campaign/img_campaign_section14_M.png');}
	section.campaign-section16{padding:13.3vw 0 20vw;}

	.model-img{padding:0 10px;}
}


/* 240527 24년 6월 브랜드스위칭 캠페인 수정 : 이성훈 */
.june .vod-wrap{ background: url(../../img/event/202406_campaign/bg_top.png) no-repeat center; background-size: cover;}
.june .campaign-vod:after{display:none;}
.june .copy-wrap{width: 100%; overflow: hidden;}
.june .copy-wrap span{display: block;}
.june .copy-wrap span.item1{ width: 100%; height: 379px; background: url("../../img/event/202406_campaign/tit_vod_intro01.png") no-repeat center;}
.june .copy-wrap span.item2{ padding: 23px 0 48px 0;}
.june + .campaign-btn .btn-free { background:url("../../img/event/202406_campaign/btn_floating_pc.png") no-repeat center / 100%;}
.free-trial-wrap .btn_area{padding: 0;} 
.june .campaign-section2{ padding-top: 0; background: #f6fbf3; text-align: center;}
.june .campaign-section2 .sc2_01{ width: 100%; background-color: #fff; padding: 6.77vw 0; margin-bottom: 6.77vw;}
.june .campaign-section2 .btns{margin-bottom:55px;}
.mgb_120{margin-bottom: 120px;}
.june .campaign-section3{margin-top:-6px;padding:120px 0 100px;background:#eaf8c0 url('../../img/event/202406_campaign/bg_campaign_section3.png') no-repeat center 0;}
.june .campaign-section4{background: #d7e564;}
.june .campaign-section5{ padding: 132px 0; background: #feeb6d;}
.june .campaign-section5 .img-list{margin-bottom: 90px;}
.june .campaign-section5 .img-list + img{margin-bottom: 40px;}
.june .campaign-section6{background:#ffd863;}
.june .campaign-section8{background:#fafafa;}
.june .campaign-section9{background:url('../../img/event/202406_campaign/bg_campaign_section9.png') no-repeat center 0/cover;}
.june .campaign-section9 .inner{overflow: visible;}
.june .campaign-section9 .btns{ margin-left: -116px; margin-top: -50px;} 
.june .campaign-section4.bg-img{background:#66c12e;}
.june .campaign-section4.bg-img:after{background:url('../../img/event/202406_campaign/bg_campaign_section10.png') #fff no-repeat center top/cover}
.june .campaign-section10{background: #fff;}
.june .campaign-section11{background: #f6fbf3;}
.june .campaign-section11 .inner .arr{background:url('../../img/event/202406_campaign/img_campaign_section11-3.png') no-repeat 0 0/100%;z-index:10;}
.june .campaign-section12{background:#e6f5dd;}
.june .campaign-section13{background:url('../../img/event/202406_campaign/bg_campaign_section13.png') no-repeat center 0/cover;}
.june .campaign-section14{ padding: 132px 0; background:url('../../img/event/202406_campaign/bg_campaign_section14.png') no-repeat center top #69b83c;}
.june .campaign-section14 .tit-wrap{margin-top: 0; margin-bottom: 4px;}
.june .campaign-section15{background:#e3f4d9;}
.june .campaign-section16{background:#fafafa;}

@media screen and (max-width:750px) {
	.june .campaign-vod{ height:98vw; overflow: hidden;}
	.june .campaign-vod .copy-wrap{ margin-top: 13.7vw; padding-bottom: 12vw;}
	.june .copy-wrap span.item1{ width: 100%; height:36.4vw; background: url("../../img/event/202406_campaign/tit_vod_intro01.png") no-repeat center/cover;}
	.june .copy-wrap span.item2{ width: 70vw; margin: 0 auto; padding: 4.8vw 0;}
	.june .copy-wrap span.item3{ width: 72vw; margin: 0 auto;}
	.june section[class^='campaign-section']{ padding: 16vw 0; overflow: hidden;}
	.june .campaign-section2{ padding-top: 0 !important;}
	.june .campaign-section2 .sc2_01{padding: 16vw 0;}
	.june .campaign-section3 ul{ padding: 0 !important;}
	.june .campaign-section3 ul li{ padding: 0 !important;}
	.june .img-list.flex, .june .img-list.flex li{padding: 0 !important;}
	.june .campaign-section5 .img-list.flex{margin-top: 0;}
	.june .campaign-section5 .img-list.flex li{padding-bottom: 9.3vw !important;}
	.june .campaign-section5 .s05_3{margin-bottom: 4.3vw;}
	.june .campaign-section5 .s05_3 + img{width:93.8vw;}
	.june .campaign-section5 .img-list{margin-bottom: 0px;}
	.june .campaign-section6 .img-list.flex img{ width: 89.3vw;}
	.june .campaign-section9 .btns{ margin-left: 0px; margin-top: -6.6vw;} 
	.june .campaign-section9 .img-list{padding: 0 20px;}
	.june .campaign-section9 .img-list{margin: 6.6vw 1.3vw;}
	.june .campaign-section9 img + img {margin-top: 6.6vw;}
	.june .campaign-section4.bg-img{padding-bottom: 24vw;}
	.june .campaign-section11 .img-list.flex li + li{margin-top:22.4vw;}
	.june .campaign-section11 .inner .arr{top: 48%;}
	.june .campaign-section14{ padding:16vw 0 0 0 !important; height: 111vw; box-sizing: border-box; background:url('../../img/event/202406_campaign/bg_campaign_section14_M.png') no-repeat center top; background-size: 100%;}
	.june .campaign-section16 .inner img{ width: 89.3vw;}
	.june + .campaign-btn .btn-free { background:url("../../img/event/202406_campaign/btn_floating_m.png") no-repeat center / 100%;}
}

/* 240626 24년 7월 브랜드스위칭 캠페인 수정  => 분기처리로 인해 7월 html 안에 스타일에 넣어둠 */
/* .july .campaign-vod{background:url("../../img/event/202406_campaign/bg_campaign_copy_wrap.jpg") no-repeat center/cover; text-align: center; min-height:1750px; margin-top: 80px;}
.july .campaign-vod .copy-wrap{position:absolute;top:calc(50% + 128px);left:50%;transform:translate(-50%, -50%);text-align:center;z-index:2;}
.july .campaign-vod .copy-wrap span.item2{position: relative;}
.july .campaign-vod .copy-wrap span.item2 img:nth-of-type(2){position: absolute; left:-50px; top:250px;}
.july .campaign-vod .copy-wrap span.item2 img:nth-of-type(3){position: absolute; right:20px; top:300px;}
.july .campaign-vod .copy-wrap span.item3{padding-bottom:110px;}
.july .campaign-section2{padding-top: 140px; background:url("../../img/event/202406_campaign/bg_campaign_section2.jpg") no-repeat center /cover; text-align: center;}
.july .campaign-section2 .mode-PC{position:relative;}
.july .campaign-section2 .mode-PC>img:nth-of-type(1){position: absolute; left:calc(50% - 577px); top:170px; z-index: 1;}
.july .campaign-section2 .mode-PC>img:nth-of-type(2){position: absolute; right:calc(50% - 510px); top:900px; z-index: 1;}
.july .campaign-section3{margin-top:-6px;padding:120px 0 100px; background:#fff url('../../img/event/202406_campaign/bg_campaign_section3.png') no-repeat center 0;}
.july .campaign-section16 .inner{text-align: left; padding-left:60px;}
@media screen and (max-width:1400px) {
	.july .campaign-vod .copy-wrap span.item2 img:nth-of-type(2),.july .campaign-vod .copy-wrap span.item2 img:nth-of-type(3){z-index: -1;}
}
@media screen and (max-width:960px) {
	.july + .campaign-btn .btn-free {background: url(../../img/event/202406_campaign/btn_floating_m.png) no-repeat center / 100%;}
	.july .campaign-vod{background:url("../../img/event/202406_campaign/bg_campaign_copy_wrap_m.jpg") no-repeat center/cover; text-align: center; min-height:1000px; max-height:1200px; height:210vw;}
	.july .campaign-vod .copy-wrap {margin-top:0;}
	.july .copy-wrap span.item1{background:url("../../img/event/202406_campaign/tit_vod_intro01_m.png") no-repeat center/cover; height:20vw; }
	.july .copy-wrap span.item2{width: 95vw;}
	.july .campaign-vod .copy-wrap span.item2 img:nth-of-type(2),.july .campaign-vod .copy-wrap span.item2 img:nth-of-type(3){display:none;}
	.july .campaign-section16 .inner{text-align:center; padding-left:0px;}
}
@media screen and (max-width:600px) {
	.july .campaign-vod{margin-top: 0; min-height:500px; height: 180vw;}
} */


/* 241101 11월 스마트구몬N*/
video {outline: none;border: 0;-webkit-mask-image: -webkit-radial-gradient(white, black);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;}
.text-hidden {position: absolute; color: transparent; text-indent: -999999px;}

.PreSmartKumonN [class^='section']{padding:135px 0 130px;text-align:center;}
.PreSmartKumonN .img-pc{display:block;}
.PreSmartKumonN .img-m{display:none;}
.PreSmartKumonN .event-inner{position: relative; max-width: 920px;margin:0 auto;}
.PreSmartKumonN .event-inner img{max-width:100%;}
.PreSmartKumonN .vod-wrap{width:100%;max-width:920px;margin:0 auto;border-radius:20px;}
.PreSmartKumonN .vod-wrap video{width: 100%;height: 100%; outline: none; border: 0;-webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;border-radius:20px;}
.PreSmartKumonN > .section1{background: url(/Resources2/img/event/202411_PreSmartKumonN/bg_campaign01.png) no-repeat center / cover;}
.PreSmartKumonN > .section2{background:#0b061b;padding-bottom:135px;}
.PreSmartKumonN > .section3{background: url(/Resources2/img/event/202411_PreSmartKumonN/bg_section03.png) no-repeat center / cover;}
.PreSmartKumonN > .section4{background: url(/Resources2/img/event/202411_PreSmartKumonN/bg_section04.png) no-repeat center / cover;}
.PreSmartKumonN > .section6{background: url(/Resources2/img/event/202411_PreSmartKumonN/bg_section06.png) no-repeat center / cover;}
.PreSmartKumonN .txt-wrap{display:flex;justify-content: space-between;}
.PreSmartKumonN .section-tab-wrap{padding:35px 0 !important;background:#10062a;overflow:hidden;}
.PreSmartKumonN .section-tab-wrap.fixed{position:fixed;top:0;left:0;width:100%;z-index:30;padding:0 !important;}
.PreSmartKumonN .section-tab-wrap ul{display:flex;justify-content: space-between;}
.PreSmartKumonN .section-tab-wrap li{flex:1;width:100%;height:183px;background-repeat:no-repeat;background-position:center center;background-size:100%;}
.PreSmartKumonN .section-tab-wrap li:first-child{background-image:url('/Resources2/img/event/202411_PreSmartKumonN/img_tab01_off.png');}
.PreSmartKumonN .section-tab-wrap li:last-child{background-image:url('/Resources2/img/event/202411_PreSmartKumonN/img_tab02_off.png');}
.PreSmartKumonN .section-tab-wrap li.on:first-child{background-image:url('/Resources2/img/event/202411_PreSmartKumonN/img_tab01_on.png');}
.PreSmartKumonN .section-tab-wrap li.on:last-child{background-image:url('/Resources2/img/event/202411_PreSmartKumonN/img_tab02_on.png');}
.PreSmartKumonN .section-tab-wrap li a{display:block;width:100%;height:100%;font-size:0;}
.PreSmartKumonN .section-tab-cont{display:none;padding:0 !important;}
.PreSmartKumonN .section-tab-cont.on{display:block;}
.PreSmartKumonN [class^='kids-swiper']{margin:30px 0 95px;padding:128px 30px 50px;background-repeat:no-repeat;background-position: 0 0;overflow:hidden;}
.PreSmartKumonN [class^='kids-swiper'] .swiper{overflow:hidden;}
.PreSmartKumonN [class^='kids-swiper'] .swiper-button-next, .PreSmartKumonN [class^='kids-swiper'] .swiper-button-prev{width:32px;height:32px;z-index:10;}
.PreSmartKumonN [class^='kids-swiper'] .swiper-button-next, .PreSmartKumonN [class^='kids-swiper'] .swiper-container-rtl .swiper-button-prev {background: url(../../img/event/btn_arr_next4.png) no-repeat center/100%;top:calc(50% + 40px);right: 8px;}
.PreSmartKumonN [class^='kids-swiper'] .swiper-button-prev, .PreSmartKumonN [class^='kids-swiper'] .swiper-container-rtl .swiper-button-next {background: url(../../img/event/btn_arr_prev4.png) no-repeat center/100%;top:calc(50% + 40px);left: 8px;}
.PreSmartKumonN .kids-swiper01{background-image:url('/Resources2/img/event/202411_PreSmartKumonN/bg_kidssection2_1_pc.png')}
.PreSmartKumonN .kids-swiper02{background-image:url('/Resources2/img/event/202411_PreSmartKumonN/bg_kidssection2_2_pc.png')}
.PreSmartKumonN .kids-swiper03{background-image:url('/Resources2/img/event/202411_PreSmartKumonN/bg_kidssection2_3_pc.png')}
.PreSmartKumonN .btns{width:100%;height:113px;background:url('/Resources2/img/event/202411_PreSmartKumonN/btn_event.png') no-repeat 0 0/100%;cursor: pointer;}
.PreSmartKumonN .btns a{display:block;width:100%;height:100%;font-size:0;}
.PreSmartKumonN .ele-swiper01, .PreSmartKumonN .ele-swiper02{margin:0 0 30px;;overflow:hidden;} /* 241107 수정 */
.PreSmartKumonN .ele-swiper{position:relative;max-width:920px;margin:0 auto;overflow:hidden;}
.PreSmartKumonN .ele-swiper .swiper-slide img{max-width:100%;}
.PreSmartKumonN .ele-swiper-move{position:absolute;width:100%;top:50%;left:0;transform: translateY(-50%);}
.PreSmartKumonN .ele-swiper-move-btn{position:relative;max-width:1080px;margin:0 auto;}
.PreSmartKumonN .ele-swiper01 .swiper-button-next, 
.PreSmartKumonN .ele-swiper01 .swiper-button-prev,
.PreSmartKumonN .ele-swiper02 .swiper-button-next, 
.PreSmartKumonN .ele-swiper02 .swiper-button-prev{width:32px;height:32px;z-index:10;}
.PreSmartKumonN .ele-swiper01 .swiper-button-next, 
.PreSmartKumonN .ele-swiper01 .swiper-container-rtl .swiper-button-prev,
.PreSmartKumonN .ele-swiper02 .swiper-button-next, 
.PreSmartKumonN .ele-swiper02 .swiper-container-rtl .swiper-button-prev {background: url(/Resources2/img/event/btn_arr_next2.png) no-repeat center;top:50%;right:0;}
.PreSmartKumonN .ele-swiper01 .swiper-button-prev, 
.PreSmartKumonN .ele-swiper01 .swiper-container-rtl .swiper-button-next,
.PreSmartKumonN .ele-swiper02 .swiper-button-prev, 
.PreSmartKumonN .ele-swiper02 .swiper-container-rtl .swiper-button-next {background: url(/Resources2/img/event/btn_arr_prev2.png) no-repeat center;top:50%;left:0;}
.PreSmartKumonN .section-ele2 .swiperScroll{overflow:hidden;}
.PreSmartKumonN .section-ele2 .swiperScroll .swiper-wrapper {transition-timing-function: linear; }
.PreSmartKumonN .section-ele2 .swiperScroll .swiper-slide img{max-width:100%;}
.PreSmartKumonN .section-ele2 .swiperScroll + .swiperScroll{margin-top:35px;}
.PreSmartKumonN .section-ele5 .vod-wrap{position:absolute;top:200px;left:60px;width:400px;height:410px;overflow:hidden;border-radius:0;}
.PreSmartKumonN .section-ele5 .vod-wrap video{border-radius:0;width:auto;margin-left:-30%;}
.PreSmartKumonN .section-ele5 .swiper-slide:nth-child(3) .vod-wrap video{margin-left:-37%;}
.PreSmartKumonN .section-ele7 .sticker-wrap{position:relative;}
.PreSmartKumonN .section-ele7 .sticker-wrap .sticker{position:absolute;top:275px;right:-50px;z-index:10;}
.PreSmartKumonN-btn {position: fixed; right: 2%; top:15%; z-index: 70; }
.PreSmartKumonN-btn .btn-free {width: 250px; height: 240px; background:url(/Resources2/img/event/202411_PreSmartKumonN/btn_floating_pc.png) no-repeat center / 100%; cursor: pointer; border:none;/*animation: ani 2s infinite alternate;*/}
.btn-type-radio.type2 {flex-wrap:wrap;}
.btn-type-radio.type2 li { width: auto;flex:1;}
.btn-type-radio.type2 li.w30{flex:none;width:33.3%;margin-bottom:10px;}
.btn-type-radio.type2 li.w30 input[type=radio]:not(old) + label{width:98%;}
/* 241107 추가 */
.ele-model {max-width: 920px; margin:0 auto; display:flex;justify-content: space-between;}
.ele-model img {flex:1;width:100%}
/*-- 241107 추가 */

@media screen and (max-width:750px) {
	.PreSmartKumonN [class^='section']{padding:18vw 0 17.3vw;overflow:hidden;}
	.PreSmartKumonN .img-pc{display:none;}
	.PreSmartKumonN .img-m{display:block;}

	.PreSmartKumonN .event-inner{padding:0 15px;}
	.PreSmartKumonN > .section1{padding:15vw 0 10vw;;background: url(/Resources2/img/event/202411_PreSmartKumonN/bg_campaign01_m.png) no-repeat 0 50px / cover;}
	.PreSmartKumonN .vod-wrap,
	.PreSmartKumonN .vod-wrap video{border-radius:10px;}
	.PreSmartKumonN .txt-wrap{flex-wrap:wrap;}
	.PreSmartKumonN > .section3 .txt-wrap picture{width:50%;}
	.PreSmartKumonN > .section6{background: url(/Resources2/img/event/202411_PreSmartKumonN/bg_section06_m.png) no-repeat center / cover;}
	.PreSmartKumonN .section-tab-wrap{padding:4.7vw 0 !important;}
	.PreSmartKumonN .section-tab-wrap.fixed{padding:3.7vw 0 !important;}
	.PreSmartKumonN .section-tab-wrap .event-inner{padding:0 5px;}
	.PreSmartKumonN .section-tab-wrap li{height:15.3vw;}
	.PreSmartKumonN .section-tab-wrap li:first-child{background-image:url('/Resources2/img/event/202411_PreSmartKumonN/img_tab01_off_m.png');}
	.PreSmartKumonN .section-tab-wrap li:last-child{background-image:url('/Resources2/img/event/202411_PreSmartKumonN/img_tab02_off_m.png');}
	.PreSmartKumonN .section-tab-wrap li.on:first-child{background-image:url('/Resources2/img/event/202411_PreSmartKumonN/img_tab01_on_m.png');}
	.PreSmartKumonN .section-tab-wrap li.on:last-child{background-image:url('/Resources2/img/event/202411_PreSmartKumonN/img_tab02_on_m.png');}

	.PreSmartKumonN [class^='kids-swiper']{margin:4vw 0 12.7vw;padding:17.07vw 4vw 7vw;background-color:#fff;background-position:center 6vw;background-size:auto 15px;;border-radius:10px;}
	.PreSmartKumonN [class^='kids-swiper'] .swiper-button-next, .PreSmartKumonN [class^='kids-swiper'] .swiper-button-prev{width:20px;height:20px;z-index:10;}
	.PreSmartKumonN [class^='kids-swiper'] .swiper-button-next, .PreSmartKumonN [class^='kids-swiper'] .swiper-container-rtl .swiper-button-prev {top:calc(50% + 30px);right: 3px;}
	.PreSmartKumonN [class^='kids-swiper'] .swiper-button-prev, .PreSmartKumonN [class^='kids-swiper'] .swiper-container-rtl .swiper-button-next {top:calc(50% + 30px);left: 3px;}
	.PreSmartKumonN .kids-swiper01{background-image:url('/Resources2/img/event/202411_PreSmartKumonN/tit_kidssection2_1.png')}
	.PreSmartKumonN .kids-swiper02{background-image:url('/Resources2/img/event/202411_PreSmartKumonN/tit_kidssection2_2.png')}
	.PreSmartKumonN .kids-swiper03{background-image:url('/Resources2/img/event/202411_PreSmartKumonN/tit_kidssection2_3.png')}
	.PreSmartKumonN .ele-swiper01{margin:0 15px 6.67vw;}
	.PreSmartKumonN .ele-swiper02{margin:0 5px 6.67vw;}
	.PreSmartKumonN .ele-swiper-move-btn{max-width:100%;}
	.PreSmartKumonN .ele-swiper-move{top:53%;z-index:10;}
	.PreSmartKumonN .ele-swiper01 .swiper-button-next, 
	.PreSmartKumonN .ele-swiper01 .swiper-button-prev,
	.PreSmartKumonN .ele-swiper02 .swiper-button-next, 
	.PreSmartKumonN .ele-swiper02 .swiper-button-prev{width:25px;height:25px;z-index:10;}
	.PreSmartKumonN .ele-swiper01 .swiper-button-next, 
	.PreSmartKumonN .ele-swiper01 .swiper-container-rtl .swiper-button-prev,
	.PreSmartKumonN .ele-swiper02 .swiper-button-next, 
	.PreSmartKumonN .ele-swiper02 .swiper-container-rtl .swiper-button-prev {background: url(/Resources2/img/event/btn_arr_next4.png) no-repeat center/100%;right:10px}
	.PreSmartKumonN .ele-swiper01 .swiper-button-prev, 
	.PreSmartKumonN .ele-swiper01 .swiper-container-rtl .swiper-button-next,
	.PreSmartKumonN .ele-swiper02 .swiper-button-prev, 
	.PreSmartKumonN .ele-swiper02 .swiper-container-rtl .swiper-button-next {background: url(/Resources2/img/event/btn_arr_prev4.png) no-repeat center/100%;left:10px;}
	.PreSmartKumonN .ele-swiper02 .swiper-button-next, 
	.PreSmartKumonN .ele-swiper02 .swiper-container-rtl .swiper-button-prev{right:12px;}
	.PreSmartKumonN .ele-swiper02 .swiper-button-prev, 
	.PreSmartKumonN .ele-swiper02 .swiper-container-rtl .swiper-button-next{left:12px;}
	.PreSmartKumonN .section-ele2 .swiperScroll + .swiperScroll{margin-top:15px;}
	.PreSmartKumonN .section-ele5 .vod-wrap{top: 29.6vw;left:4.9vw;width:44vw;height:44vw;}
	.PreSmartKumonN .section-ele7 .sticker-wrap .sticker{top:49vw;right:-2vw;}
	.PreSmartKumonN .section-ele7 .sticker-wrap .sticker img{width:21vw;}

	.PreSmartKumonN .btns{height:10vw;}

	.PreSmartKumonN .section-bottom{padding:15vw 0 22vw;}
	.PreSmartKumonN-btn {width:100%;max-width:100vw;height:20vw;right: auto; top:auto; bottom:0;left:50%;transform: translateX(-50%);}
	.PreSmartKumonN-btn .btn-free{width:100%;height:100%;background:url(/Resources2/img/event/202411_PreSmartKumonN/btn_floating_mo.png) no-repeat center bottom/100%}

	.btn-type-radio.type2 li { width: 33.3%;flex:none;}
	.btn-type-radio.type2 li input[type=radio]:not(old) + label{padding:0 5px;font-size:13px;}

    /* 241107 추가*/
	.ele-model{flex-wrap:wrap;margin-bottom:20px;}
	.ele-model img{flex:none;}
}
/*-- 241101 11월 스마트구몬N*/

/* 간편 상담 신청 팝업 비활성화 추가 2024.10.29 */
.btn-type-radio input[type=radio]:not(old).disabled + label{background-color: #ddd; pointer-events : none;}
.btn-type-radio-text li {display: none; font-size: 14px; padding-top: 5px; margin-left: 10px; padding-left: 5px; text-indent: -17px; word-break: keep-all;}