@charset "utf-8";

@import url(common.css);

/*매뉴 영역*/
#header {position:sticky; top:0;width:100vw;height:130px;z-index:2002; background: rgb(256,256,256,1); border-bottom: 1px solid #333; display: flex; justify-content: space-between; align-items: center; }
#menuToggle { width: 40px; cursor: pointer; padding: 0; display: grid; align-items: center; justify-content: flex-end; flex: 1; position: relative; }
#menuToggle input { display: block; width: 34px; height: 34px; position: absolute; top: -17px; right: 30px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none; }
#menuToggle span { width: 34px; height: 2px; background: #333; position: absolute; right: 30px;}
#menuToggle>span.bar1{ top: -12px; }
#menuToggle>span.bar2{ top: 0px; }
#menuToggle>span.bar3{ top: 12px; }
#menuToggle input:checked ~ #menu { display: block; }
/* #menuToggle:hover #menu {  display: block;   } */

#menu {  display:none; list-style-type: none; background-color: #000; width: 420px; height: 100vh; padding:45px 0px 0px 50px; float: left; position: fixed; right: 0; top: 0; z-index: 992; }
#menu ul { width: 340px; white-space: nowrap; }
#menu ul li { padding: 5px 0; font-size: 24px; border-bottom: 1px solid #fff; text-align: left; }
#menu ul li a { color:#fff; font-weight: 500; display: block;}
#menu ul li:hover a, #menu ul li.current a { font-weight: 700; color: #ff80c6;}
#menu .close { position: absolute; right: 50px; top: 50px; }
#menu .close i { color:#fff; font-size: 32px; }
#menu .subscribe { width:85px; margin-bottom: 30px; }
#menu.active { left: 0; }
#menu.show { display: block; }
.top_logo {  justify-content: center; flex: 1; display: flex; align-items: center; }
.top_logo img { width:100%; max-width: 230px; }

.sticky { position: fixed; top: 0; z-index: 999999; }

.overlay { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0); z-index: 990; }
#menuToggle input:checked~.overlay { display: block; }

/* vol */
#header .vol { display: flex; align-items: center; justify-content: flex-start; flex: 1; position: relative; }
#header .vol .vol_list {display:none;position:absolute;left:45px;top:35px;width:140px;background:#323232;border-radius:10px;padding:10px 10px 10px 13px;text-align:left;}
#header .vol .vol_list ul {overflow:auto;padding:2px;max-height:125px;}
#header .vol .vol_list ul::-webkit-scrollbar {width:4px;}
#header .vol .vol_list ul::-webkit-scrollbar-thumb {background-color:#737373;border-radius:4px;}
#header .vol .vol_list ul::-webkit-scrollbar-track {background-color:#454545;border-radius:4px;}
#header .vol .vol_tit { white-space: nowrap; font-family: "Poppins", sans-serif; font-size:20px;font-weight:600;color:#333; margin-left: 50px; position: relative; }
#header .vol .vol_tit:after {content:"";position:absolute;top:8px;right:-20px;display:inline-block;width:11px;height:10px;background:url("../img/vol_arrow.png") no-repeat 50% 50%;transition:all 0.3s;animation:ico_down 2.3s ease-out infinite;}
#header .vol .vol_tit.on:after {top:14px;transform:rotate(180deg);animation:auto;}
#header .vol .vol_list li {line-height:1;letter-spacing:0px;padding: 5px 0;}
#header .vol .vol_list li a {font-size:18px;color:#fff;}
#header .vol .vol_list li a:hover {color:#ff8758;}

/* contents */
#contents {position:relative; padding:80px 0 0 0; }

@media only all and (max-width:767px) {
	#header { height:70px; }
	.top_logo img { width:100%; max-width: 110px; }
	#header .vol .vol_list { left:10px;top:30px;width:115px;padding:5px 5px 5px 8px;}
	#header .vol .vol_list ul {overflow:auto;padding:2px;max-height:125px;}
	#header .vol .vol_tit { font-size:14px; margin-left: 15px; }
	#header .vol .vol_tit:after { top:5px;right:-15px; }
	#header .vol .vol_tit.on:after {top:10px;}
	#header .vol .vol_list li a {font-size:14px;}
	#menuToggle span { width: 25px; height: 2px; background: #333; position: absolute; right: 15px;}
	#menuToggle>span.bar1{ top: -8px; }
	#menuToggle>span.bar2{ top: 0px; }
	#menuToggle>span.bar3{ top: 8px; }
	#menuToggle input { right: 15px; }
	#menu { width: 270px; height: 100vh; padding:20px 0px 0px 20px; }
	#menu ul { width: 210px; }
	#menu ul li { font-size: 18px; }
	#menu .close { right: 20px; top: 20px; }

	#contents {position:relative; padding:25px 0 0 0; }
}



/*********************** main ***********************/
.main .slick-dots {z-index:1;}
.main .slick-dots li button {width:30px;height:5px;margin:0 5px;text-indent:-999px;border-radius:0px;border:0px solid #000;background:#b2b2b2;}
.main .slick-dots li.slick-active button {background:#333;}
.main .cover {display:none;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;transition:all 0.5s;overflow:hidden;}
.main .thumb:hover .cover {display:block;/* animation:fadein 1s;-webkit-animation:fadein 1s; */}
.main .cover.like { background:rgba(255, 255, 255, 0.5); border:0px solid #333;border-radius:0px;}
.main .cover.like:after {content:"";position:absolute;top:50%;left:50%;display:inline-block;width:58px;height:114px;/*background:url(../../img/vol197/main/ico_like.png) no-repeat 50% 50%;*/transform:translate(-50%,-50%) scale(0);opacity:0;transition:all 0.3s ease 0s;}
.main .cover.fun { background: rgba(229, 70, 87, 0.5); border: 0 solid #333; }
.main .cover.fun:after {content:"";position:absolute;top:50%;left:50%;display:inline-block;width:102px;height:92px;/*background:url(../../img/vol197/main/ico_fun.png) no-repeat 50% 50%;*/transform:translate(-50%,-50%) scale(0);opacity:0;transition:all 0.3s ease 0s;}
.main .cover.good { background:rgba(128, 202, 255, 0.5); border:0px solid #333;border-radius:0px;}
.main .cover.good:after {content:"";position:absolute;top:50%;left:50%;display:inline-block;width:112px;height:66px;/*background:url(../../img/vol197/main/ico_ok.png) no-repeat 50% 50%;*/transform:translate(-50%,-50%) scale(0);opacity:0;transition:all 0.3s ease 0s;}
.main .cover.ok { background:rgba(255, 227, 83, 0.5); border:0px solid #333;border-radius:0px;}
.main .cover.ok:after {content:"";position:absolute;top:50%;left:50%;display:inline-block;width:112px;height:66px;/*background:url(../../img/vol197/main/ico_good.png) no-repeat 50% 50%;*/transform:translate(-50%,-50%) scale(0);opacity:0;transition:all 0.3s ease 0s;}
.main .cover.ev { background:rgba(255, 225, 238, 0.5); border:0px solid #333;border-radius:0px;}
.main .cover.ev:after {content:"";position:absolute;top:50%;left:50%;display:inline-block;width:112px;height:66px;/*background:url(../../img/vol197/main/ico_wow.png) no-repeat 50% 50%;*/transform:translate(-50%,-50%) scale(0);opacity:0;transition:all 0.3s ease 0s;}
.main .cover:hover:after {content:"";opacity:1;transform:translate(-50%,-50%) scale(1);transition:all 0.3s cubic-bezier(0.33, 1, 0.68, 1) 0.25s;}
.main .like_num {position:absolute;top:13px;right:18px;display:none;height:32px;line-height:32px;padding:0 10px;font-size:18px;color:#fff;font-weight:500;text-align:center;background:#323232;border-radius:32px;text-align:center;}
.main .like_num em {color:#f6a13c;}
.main .cover i {position:absolute;display:block;width:0;height:0;border-radius:50%;transition:width 0.5s ease-in-out, height 0.5s ease-in-out;transform:translate(-50%, -50%);}
.main .cover:hover i {width:250%;height:250%;}
@media only all and (max-width:767px) {
	.main .slick-dots li button {width:10px;height:10px;margin:0 4px;border:1px solid #000;}
	.main .like_num {top:8px;right:10px;height:26px;line-height:26px;padding:0 10px;font-size:14px;font-weight:400;}
}
@media only all and (max-width:640px) {
}
@media only all and (max-width:480px) {
	.main .cover.like:after {width:29px;height:57px;/*background:url(../../img/vol197/main/ico_like@2x.png) no-repeat 50% 50%;background-size:100%;*/}
	.main .cover.fun:after {width:53px;height:48px;/*background:url(../../img/vol197/main/ico_fun@2x.png) no-repeat 50% 50%;background-size:100%;*/}
	.main .cover.good:after {width:63px;height:37px;/*background:url(../../img/vol197/main/ico_ok@2x.png) no-repeat 50% 50%;background-size:100%;*/}
	.main .cover.ok:after {width:63px;height:37px;/*background:url(../../img/vol197/main/ico_good@2x.png) no-repeat 50% 50%;background-size:100%;*/}
	.main .cover.ev:after {width:63px;height:37px;/*background:url(../../img/vol197/main/ico_wow2x.png) no-repeat 50% 50%;background-size:100%;*/}
}

/*메인 서브타이틀*/
.sub_title { font-size:25px; letter-spacing: -0.3px; color:#ff80c6; margin-bottom: 30px; font-weight: 600; }
.sub_title img { margin-right:10px; margin-bottom: 0px; }

/*메인 상단비주얼*/
.main_section1 {max-width:1460px; width:100%; margin: 0 auto 80px auto; }
.main_section1 .main_slider1 {overflow:hidden;width:1460px;}
.main_section1 .main_slider1 li {float:left;width:100%;}
.main_section1 .main_slider1 li .thumb {position:relative;border-radius:0px;overflow:hidden;}
.main_section1 .main_slider1 li .thumb img {width:100%;}
.main_section1 .main_slider1 li .txt_group {position:absolute;left:0;right:0;bottom:0;padding:20px 20px 15px 20px;display:flex;justify-content:space-between;align-items:end;font-family:'GangwonEduPowerExtraBoldA';}
.main_section1 .main_slider1 li .txt_group .tit {height:42px;line-height:1;padding:14px 52px 0 16px;font-size:24px;color:#fff;border-radius:42px;background:#323232 url(../../img/vol197/main/ico_arrow2.png) no-repeat right 15px top 50%;transition:all 0.5s;flex:none;position:relative;top:-8px;}
.main_section1 .main_slider1 li .txt_group .txt {font-size:22px;color:#fff;line-height:30px;text-overflow:ellipsis;white-space:normal;max-height:3em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.main_section1 .main_slider1 li .txt_group .tit {line-height:1;padding-top:23px;}
	.main_section1 .main_slider1 li .txt_group .txt {padding-top:8px}
}
.main_section1 .main_slider1 li:hover .txt_group .tit {background-color:#F6A13C;}
.main_section1 .ctrl_wrap { padding-top:20px;overflow:hidden; text-align: center;}
.main_section1 .ctrl_wrap .slick-dots li button {width:36px;height:5px;margin:0 5px;padding:0;font-size:0;color:#fff;font-weight:500;text-indent:0;border-radius:0px;border:0px solid #b2b2b2;background-color:#b2b2b2;font-family:'Roboto';}
.main_section1 .ctrl_wrap .slick-dots li.slick-active button {font-weight:700;border:0px solid #333;color:#000;background-color:#333 !important;}
.main_section1 .ctrl_wrap .btn_pause,.main_section1 .ctrl_wrap .btn_play {width:30px;height:30px;border-radius:30px;margin-left:-4px;}
.main_section1 .ctrl_wrap .btn_play {background:#262626 url(../img/ico_play@2x.png) no-repeat 55% 50%;background-size:9px;}
.main_section1 .ctrl_wrap .btn_pause {background:#262626 url(../img/ico_pause@2x.png) no-repeat 50% 50%;background-size:10px;}
.main_section1 .sns_group {float:right;margin-top:-5px;}
.main_section1 .sns_group a {display:inline-block;width:40px;height:40px;margin:0 7px;text-indent:-9999px;overflow:hidden;border-radius:40px;}
.main_section1 .sns_group .naverpost {background:#DFDFDF url('../../img/common/ico_naver.png') no-repeat 50% 50%;}
.main_section1 .sns_group .instagram {background:#DFDFDF url('../../img/common/ico_instagram.png') no-repeat 50% 50%;}
.main_section1 .sns_group .facebook {background:#DFDFDF url('../../img/common/ico_facebook.png') no-repeat 50% 50%;}
.main_section1 .sns_group .youtube {background:#DFDFDF url('../../img/common/ico_youtube.png') no-repeat 50% 50%;}
.main_section1 .sns_group .navertv {background:#DFDFDF url('../../img/common/ico_navertv.png') no-repeat 50% 50%;}
.main_section1 .sns_group .blog {margin-right:0;background:#DFDFDF url('../../img/common/ico_blog.png') no-repeat 50% 50%;}
.main_section1 .main_slider2 {overflow:hidden;/* width:740px; */margin-top:70px;}
.main_section1 .main_slider2 li {float:left;/* width:calc(50% - 18px);margin-right:18px; */}
.main_section1 .main_slider2 li .thumb {position:relative;border-radius:100%;overflow:hidden;border:3px solid #f2efea;transition:all 0.5s;}
.main_section1 .main_slider2 li .thumb img {width:100%;}
.main_section1 .main_slider2 li:hover .thumb {border:3px solid #F6A13C;}
.main_section1 .main_slider2 li p {margin-top:6px;font-size:16px;color:#323232;text-align:center;font-family:'GangwonEduPowerExtraBoldA';transition:all 0.5s;}
.main_section1 .main_slider2 li:hover p {color:#E2871A;}
.main_section1 .main_slider2 li .vod {position:absolute;left:50%;top:50%;display:inline-block;width:32px;height:32px;text-indent:-9999px;overflow:hidden;background:url('../../img/vol197/main/ico_vod@2x.png') no-repeat 50% 50%;background-size:100%;z-index:1;transform:translate(-50%,-50%);}

.main_section2 .ctrl_wrap {margin-top:25px;}

.main_section2 {padding:60px 0; background: #f5f5f5; }
.main_section2 .main_section2_container { width:1460px;margin:0 auto; position: relative; }
.main_section2_container .swiper.story_Swiper .swiper-slide { width: calc(100% / 3.5); }
.main_section2_container .swiper.story_Swiper .swiper-slide {float:left;width:calc(50% - 16px);margin-right:16px;}
.main_section2_container .swiper.story_Swiper .swiper-slide .thumb {position:relative;border-radius:0px;overflow:hidden;}
.main_section2_container .swiper.story_Swiper .swiper-slide .thumb img {width:100%;}
.main_section2_container .swiper.story_Swiper .swiper-slide .vod {position:absolute;left:15px;bottom:15px;display:inline-block;width:50px;height:50px;text-indent:-9999px;overflow:hidden;background:url('../../img/vol197/main/ico_vod2.png') no-repeat 50% 50%;z-index:1;}
.main_section2_container .swiper.story_Swiper .swiper-slide .tit {margin-top:15px;font-size:20px;letter-spacing:-0.3px;color:#333;font-weight:700;}
.main_section2_container .swiper.story_Swiper .swiper-slide .txt {margin-top:5px;font-size:15px;letter-spacing:-0.3px;color:#333;line-height:1.2;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.main_section2_container .swiper.story_Swiper .swiper-slide.item1 {animation-delay:0.1s;animation-duration:1s;}
.main_section2_container .swiper.story_Swiper .swiper-slide.item2 {animation-delay:0.5s;animation-duration:1s;}
.main_section2_container .swiper.story_Swiper .swiper-slide.item3 {animation-delay:1.0s;animation-duration:1s;}
.main_section2_container .swiper.story_Swiper .swiper-slide.item4 {animation-delay:1.5s;animation-duration:1s;}
.main_section2_container .swiper.story_Swiper { width: 100%; max-width: 1460px; height: 100%; overflow: hidden;position: relative;}
.main_section2_container .swiper.story_Swiper .swiper-slide { text-align: left; font-size: 18px; display: flex; justify-content: center; align-items: center;  }
.main_section2_container .swiper.story_Swiper .swiper-slide a { width: 450px; }
.main_section2_container .swiper.story_Swiper .swiper-slide a img { display: block; width: 100%; height: 100%; object-fit: cover; }
.main_section2_container .swiper.story_Swiper .swiper-slide .story_title { text-align: left; font-size: 1.5rem; color:#222; font-weight: 700; margin-top:20px;}
.main_section2_container .swiper.story_Swiper .swiper-slide .story_subtitle { text-align: left; font-size: 1rem; color:#555; margin-top:10px; }
.main_story-button.swiper-button-next, .main_section2_container .swiper.story_Swiper .swiper-rtl .swiper-button-next { right: -35px; }
.main_story-button.swiper-button-prev, .main_section2_container .swiper.story_Swiper .swiper-rtl .swiper-button-prev { left: -35px; }
.swiper-button-next, .swiper-button-prev { color: #333!important; }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; font-size: 36px!important; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; font-size: 36px!important; }
.main_story-pagination.swiper-pagination { position: relative; margin-top:50px }
.main_story-pagination.swiper-pagination .swiper-pagination-bullet { width: 30px; height: 4px; border-radius: 0; background: #b2b2b2; opacity: 1; }
.main_story-pagination.swiper-pagination .swiper-pagination-bullet-active { background: #333; }

.swiper::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 10%; background: linear-gradient(to right, rgba(245, 245, 245, 0), rgba(245, 245, 245, 1)); z-index: 1; transition: opacity 0.5s ease; }
.hide-gradient::after { right: auto; left:0; background: linear-gradient(to left, rgba(245, 245, 245, 0), rgba(245, 245, 245, 1)); }


/* 이벤트 E*/

.main_section5 {position:relative;padding:50px 0px;width:1460px;margin:0 auto; }
.main_section5 h2 {padding:10px 0;font-size:30px;line-height:1.2;color:#333;font-family:'GangwonEduPowerExtraBoldA';}
.main_section5 h2 span {display:inline-block;padding:10px 10px 10px 0;vertical-align:top;}
.main_section5 h2 em.hot {display:inline-block;padding:7px 2px 5px 7px;font-size:24px;font-weight:700;color:#333;vertical-align:top;font-family:'Noto Sans KR';}
.main_section5 h2 .emoticon {display:inline-block;width:141px;height:43px;margin-left:7px;background:url('../../img/vol197/main/ico_emoticon1.png') no-repeat 0 0;vertical-align:top;}
.main_section5 h2 .emoticon2 {display:inline-block;width:108px;height:43px;margin-left:7px;background:url('../../img/vol197/main/logo_youtube.png') no-repeat 0 50%;vertical-align:top;}
.main_section5 .list { overflow: hidden; margin: 10px 0;}
.main_section5 .list li {float:left;width:calc(50% - 20px);margin:0 8px 20px; }
.main_section5 .list li .thumb { position: relative; border-radius: 0; }
.main_section5 .list li .thumb img {width:100%;}
.main_section5 .list li .vod {position:absolute;left:15px;bottom:15px;display:inline-block;width:50px;height:50px;text-indent:-9999px;overflow:hidden;background:url('../../img/vol197/main/ico_vod.png') no-repeat 50% 50%;z-index:1;}
.main_section5 .list li dt {margin:20px 0 2px;font-size:14px;color:#F6A13C;font-weight:500;line-height:20px;}
.main_section5 .list li dd {font-size:20px;color:#333;line-height:29px;height:58px;text-overflow:ellipsis;white-space:normal;max-height:3em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.main_section5 .list li.item1 {animation-delay:0.1s;animation-duration:1s;}
.main_section5 .list li.item3 {animation-delay:0.5s;animation-duration:1s;}
.main_section5 .list li.item4 {animation-delay:1.0s;animation-duration:1s;}
.main_section5 .list li.item5 {animation-delay:1.5s;animation-duration:1s;}
.main_section5 .list li.item6 {animation-delay:2.0s;animation-duration:1s;}
.main_section5 .more {position:absolute;right:40px;top:65px;padding-right:13px;font-size:22px;font-weight:400;color:#fff;font-family:'Teko';background:url('../../img/vol197/main/ico_arrow.png') no-repeat 100% 50%;}
.main_section5 .more:hover {color:#F6A13C;}

/* main event layer */
.main_event_wrap {position:fixed;top:50%;left:50%;width:500px;padding:0 20px;z-index:2310;transform:translate(-50%,-50%);}
.main_event .inner {border-radius:30px;overflow:hidden;}
.main_event .event_header {display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 50px;color:#fff;background:#323232;}
.main_event .event_header a {color:#fff;}
.main_event .thumb img {width:100%;}
.main_event .mobile {display:none;}
.event_overlay {position:absolute;top:0;left:0;width:100%;height:100%;min-height:inherit;background:rgba(0,0,0,0.3);z-index:2300;}

/* main section title */
.section_tit {padding:10px 40px 20px 0;text-align:center;font-size:40px;letter-spacing:-1px;font-family:'GangwonEduPowerExtraBoldA';line-height:1;font-weight: 200;}

@keyframes ico_down {
  0%, 50%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%, 75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}


.pc_display { display:block!important; }
.mobile_display { display:none!important; }

.angle-down img { padding: 10px 0; }

@media only all and (max-width:1500px) {
	.main_section1 { width: 100%; margin: 0 auto; padding: 0 20px; }
	.main_section1 .main_slider1 { overflow: hidden; width: 100%; }
	.pc_display { display:block!important; }
	.mobile_display { display:none!important; }
	.main_section2 { padding: 60px 50px; }
	.main_section2 .main_section2_container { width: 100%; margin: 0 auto; }
	.main_section3 { position: relative; padding: 50px; width: 100%; margin: 0 auto; }
	#footer .footer_container { width: 100%; margin: 0 auto; padding: 0 50px; }
	#footer .footer_container .footer_logo { margin-right: 31px; width: 210px; }
	#footer .footer_container .sns_group { display: inline-flex; }
	#footer .footer_container .address { font-family:'Noto Sans KR'; font-size: 14px; font-weight: 500; color: #000; width: 50%; float: left; text-align: left; }
}
@media only all and (max-width:1070px) {
	#footer .footer_container .footer_logo { margin-right: 31px; width: 210px; }
	/* #footer .footer_container .sns_group {display:inline-block;vertical-align:middle; width: calc(100% - 240px); float: left; text-align: left; } */
	#footer .footer_container .address { font-family:'Noto Sans KR'; font-size: 14px; font-weight: 500; color: #000; width: 100%; float: left; text-align: left; }
}
@media only all and (max-width:767px) {
	.angle-down img { width: 16px; }
	.main_section1 { width: 100%; margin: 0 auto; padding: 0 20px; }
	.main_section1 .main_slider1 { overflow: hidden; width: 100%; }
	.main_section1 .ctrl_wrap { padding:10px 0 25px 0; text-align: center; }
	.main_section1 .ctrl_wrap .slick-dots li button {width:25px;height:2px;margin:0 3px; }

	.pc_display { display:none!important; }
	.mobile_display { display:block!important; }
	
	.main_section3 {padding:60px 0; background: #f7f7f7; }
	.main_section3 .main_section3_container { width:100%;margin:0 auto; position: relative; padding: 0 20px; }
	.main_section3_container .swiper.story_Swiper_m1 .swiper-slide { max-width: calc(100% / 2); }
	.main_section3_container .swiper.story_Swiper_m1 .swiper-slide {float:left;width:calc(50% - 16px);margin-right:16px;}
	.main_section3_container .swiper.story_Swiper_m1 .swiper-slide .thumb {position:relative;border-radius:0px;overflow:hidden;}
	.main_section3_container .swiper.story_Swiper_m1 .swiper-slide .thumb img {width:100%;}
	.main_section3_container .swiper.story_Swiper_m1 .swiper-slide .vod {position:absolute;left:15px;bottom:15px;display:inline-block;width:50px;height:50px;text-indent:-9999px;overflow:hidden;background:url('../../img/vol197/main/ico_vod2.png') no-repeat 50% 50%;z-index:1;}
	.main_section3_container .swiper.story_Swiper_m1 .swiper-slide .tit {margin-top:15px;font-size:20px;letter-spacing:-0.3px;color:#333;font-weight:700;}
	.main_section3_container .swiper.story_Swiper_m1 .swiper-slide .txt {margin-top:5px;font-size:15px;letter-spacing:-0.3px;color:#333;line-height:1.2;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
	.main_section3_container .swiper.story_Swiper_m1 { width: 100%; max-width: 100%; height: 100%; overflow: hidden;position: relative;}
	.main_section3_container .swiper.story_Swiper_m1 .swiper-slide { text-align: left; font-size: 18px; display: flex; justify-content: center; align-items: center;  }
	.main_section3_container .swiper.story_Swiper_m1 .swiper-slide a { width: 450px; }
	.main_section3_container .swiper.story_Swiper_m1 .swiper-slide a img { display: block; width: 100%; height: 100%; object-fit: cover; }
	.main_section3_container .swiper.story_Swiper_m1 .swiper-slide .story_title { text-align: left; font-size: 1.5rem; color:#222; font-weight: 700; margin-top:20px;}
	.main_section3_container .swiper.story_Swiper_m1 .swiper-slide .story_subtitle { text-align: left; font-size: 1rem; color:#555; margin-top:10px; }

	.main_section4 {padding:60px 0; background: #fff1f7; }
	.main_section4 .main_section4_container { width:100%;margin:0 auto; position: relative; padding: 0 20px; }
	.main_section4_container .swiper.story_Swiper_m2 .swiper-slide { max-width: calc(100% / 2); }
	.main_section4_container .swiper.story_Swiper_m2 .swiper-slide {float:left;width:calc(50% - 16px);margin-right:16px;}
	.main_section4_container .swiper.story_Swiper_m2 .swiper-slide .thumb {position:relative;border-radius:0px;overflow:hidden;}
	.main_section4_container .swiper.story_Swiper_m2 .swiper-slide .thumb img {width:100%;}
	.main_section4_container .swiper.story_Swiper_m2 .swiper-slide .vod {position:absolute;left:15px;bottom:15px;display:inline-block;width:50px;height:50px;text-indent:-9999px;overflow:hidden;background:url('../../img/vol197/main/ico_vod2.png') no-repeat 50% 50%;z-index:1;}
	.main_section4_container .swiper.story_Swiper_m2 .swiper-slide .tit {margin-top:15px;font-size:20px;letter-spacing:-0.3px;color:#333;font-weight:700;}
	.main_section4_container .swiper.story_Swiper_m2 .swiper-slide .txt {margin-top:5px;font-size:15px;letter-spacing:-0.3px;color:#333;line-height:1.2;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
	.main_section4_container .swiper.story_Swiper_m2 { width: 100%; max-width: 100%; height: 100%; overflow: hidden;position: relative;}
	.main_section4_container .swiper.story_Swiper_m2 .swiper-slide { text-align: left; font-size: 18px; display: flex; justify-content: center; align-items: center;  }
	.main_section4_container .swiper.story_Swiper_m2 .swiper-slide a { width: 450px; }
	.main_section4_container .swiper.story_Swiper_m2 .swiper-slide a img { display: block; width: 100%; height: 100%; object-fit: cover; }
	.main_section4_container .swiper.story_Swiper_m2 .swiper-slide .story_title { text-align: left; font-size: 1.5rem; color:#222; font-weight: 700; margin-top:20px;}
	.main_section4_container .swiper.story_Swiper_m2 .swiper-slide .story_subtitle { text-align: left; font-size: 1rem; color:#555; margin-top:10px; }
	
	.swiper::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 10%; background: linear-gradient(to right, rgba(245, 245, 245, 0), rgba(245, 245, 245, 0)); z-index: 1; transition: opacity 0.5s ease; }
	.hide-gradient::after { right: auto; left:0; background: linear-gradient(to left, rgba(245, 245, 245, 0), rgba(245, 245, 245, 0)); }
	.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; font-size: 18px!important; }
	.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; font-size: 18px!important; }
	.main_story-pagination.swiper-pagination .swiper-pagination-bullet { width: 20px; height: 2px; }

	.main_story1-pagination.swiper-pagination, .main_story2-pagination.swiper-pagination { margin-bottom: -50px; }
	.main_story1-pagination.swiper-pagination .swiper-pagination-bullet,
	.main_story2-pagination.swiper-pagination .swiper-pagination-bullet { width: 20px; height: 2px; border-radius: 0; }

	.main_section5 { position: relative; padding: 25px; width: 100%; margin: 0 auto; }
	.main_section5 .list li {float:left;width:100%;margin:5px 0; }

	.sub_title { font-size:22px; letter-spacing: -0.3px; color:#ff80c6; margin-bottom: 30px; font-weight: 600; }
	.sub_title img { margin-right:5px; margin-bottom: 0px; width:25px;}

	#footer { padding: 44px 0 0; }
	#footer .footer_container { width: 100%; margin: 0 auto; padding: 0 10px 57px; }
	#footer .footer_container .footer_logo {margin:0px; width: 100%; }
	#footer .footer_container .footer_logo .logo {display:inline-block;width:180px;height:56px;background:url("../img/nps_footer_logo.png") no-repeat 50% 50%; background-size: contain; text-indent:-9999px;overflow:hidden;}
	#footer .footer_container .sns_group { display: inline-flex; vertical-align:middle; width: 100%; text-align: center; }
	#footer .footer_container .address { font-family:'Noto Sans KR'; font-size: 12px; font-weight: 500; color: #000; line-height: normal; width: 100%; text-align: center; }

	.mpage_ctrl { position: fixed; bottom: 0; left: 0; z-index: 999; background: #000; width: 100vw; height: 45px; align-items: center; }
	.mpage_ctrl .move { float: left; }
	.mpage_ctrl .move img { height: 45px; }
	.mpage_ctrl .menu { float: right; margin-right: 20px; }
	.mpage_ctrl .menu img { height: 45px; }
}

/* NPS 뉴스 */
.sub01 #contents { position: relative; padding: 0; font-family:'Noto Sans KR'; color: #000; line-height: normal; letter-spacing: normal; }

.sub01 .section01 { height: 550px; width: 100%; background: #c6e7e0 url('../img/sub01/sub01_00.jpg'); background-size: contain; background-position: center top; background-repeat: no-repeat; display: flex; justify-content: center;  align-items: flex-end; overflow: hidden; }
.sub01 .section01 .content { text-align: center; margin-bottom: 89px; }
.sub01 .section01 .content .cover_title { font-size: 27px; font-weight: 700; }
.sub01 .section01 .content .cover_text { font-size: 16px; font-weight: 400; padding: 13px 0; opacity: 0; }

.sub01 .section02 { position: relative; display: block; width: 100%; margin: 0 auto; border-bottom: 1px solid #000; }
.sub01 .section02 .content { position: relative; width: 100%; max-width: 1020px; margin: 120px auto; padding: 0 20px; display: flex; gap: 46px; }
.sub01 .section02 .content .title { width: 100%; max-width: 120px; margin-top: 9px; }
.sub01 .section02 .content .title img { width: 100%; }
.sub01 .section02 .content .subcopy { flex-grow: 1; font-size: 20px; font-weight: 700; line-height: 32px; letter-spacing: -0.02em; }

.sub01 .section03 { position: relative; width: 100%; height: 100%; display: block; border-bottom: 1px solid #000; }
.sub01 .section03 .content { width: 100%; max-width: 1020px; margin: 0 auto; padding: 0 20px; position: relative; }
.sub01 .section03 .content .tabs { display: flex; gap: 36px; margin: 0 auto; padding: 33px 0; justify-content: center; }
.sub01 .section03 .content .tabs div { background: #000; color: #fff; font-family: 'GmarketSans'; font-size: 18px; font-weight: 500; padding: 5px 16px; width: 143px; height: 34px; border-radius: 999px; position: relative; cursor: pointer; line-height: 25px; }
.sub01 .section03 .content .tabs div::after { content: ''; background: url(../img/sub01/sub01_02.svg) no-repeat; width: 24px; height: 24px; background-size: contain; background-position: center; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); }
.sub01 .section03 .content .tabs div.on { background: #E05D5D; color: #fff; }

.sticky-element {
	width: 100%;
	position: sticky;
	top: 130px; /* 화면의 중간에서 고정 */
	background-color: #fff;
	z-index: 9;
}

.sub01 .news { display: none; }
.sub01 .news.on { display: block; }

.sub01 .section04 img { width: 100%; }
.sub01 .section04 .pc_display_only { display: block; }
.sub01 .section04 .tablet_display_only { display: none; }
.sub01 .section04 .mobile_display_only { display: none; }

.sub01 .news01 .section05 .content .reporter .answer { padding-bottom: 60px; }
.sub01 .news01 .section05 .content .reporter div.graph_area01 { padding: 0; }
.sub01 .news01 .section05 .content .reporter div.graph_area04 { padding: 0 36px 36px; background: #fff; display: flex; justify-content: space-between; }
.sub01 .news01 .section05 .content .reporter div.graph_area04 .inner { display: flex; justify-content: space-between; align-items: flex-start; flex: 1; }
.sub01 .news01 .section05 .content .reporter div.graph_area04 .inner_line { width: 1px; height: 147px; background: #5a5a5a; margin-left: 25px; margin-right: 18px; }
.sub01 .news01 .section05 .content .reporter ul.sns_icons { display: flex; gap: 13px; margin-top: 28px; }
.sub01 .news01 .section05 .content .reporter .s_text { padding-bottom: 57px; }
.sub01 .news01 .section05 .content .reporter div.graph_area05 { background: #ffdab5; }
.sub01 .news01 .section05 .content .reporter div.graph_area05 p { color: #444448; font-family: 'laundrygothic'; font-size: 18px; font-weight: 400; line-height: 32px; letter-spacing: -0.36px; margin: 6px 0; }
.sub01 .news01 .section05 .content .reporter .graph_area .text { font-weight: 400; font-size: 18px; line-height: 32px; letter-spacing: -0.02em; }
.sub01 .news01 .section05 .content .interview-box { width: 100%; }
.sub01 .news01 .section05 .content .interview-box img { width: 100%; }

.sub01 .news01 .section05 .content .bottom-area { width: 100%; }
.sub01 .news01 .section05 .content .bottom-area .exp-list { margin: 90px auto 80px; width: 100%; border-top: 1px solid #000; display: flex; flex-direction: column; gap: 10px; padding: 30px 0 10px; }
.sub01 .news01 .section05 .content .bottom-area .exp-list li { display: flex; align-items: center; gap: 12px; }
.sub01 .news01 .section05 .content .bottom-area .exp-list li .left { display: flex; align-items: center; gap: 8px; width: 100%; max-width: 150px; }
.sub01 .news01 .section05 .content .bottom-area .exp-list li .left img { width: 30px; height: 30px; }
.sub01 .news01 .section05 .content .bottom-area .exp-list li .left span { font-family: 'laundrygothic'; font-weight: 700; font-size: 22px; line-height: 32px; color: #3EC8A7; }
.sub01 .news01 .section05 .content .bottom-area .exp-list li .right p { font-weight: 400; font-size: 18px; line-height: 32px; letter-spacing: -0.02em; }
.sub01 .news01 .section05 .content .bottom-area .img-box { width: 100%; }
.sub01 .news01 .section05 .content .bottom-area .img-box img { width: 100%; }

.sub01 .section05 { position: relative; width: 100%; height: 100%; display: block; background: #f4f1de; }
.sub01 .section05 .content { width: 100%; max-width: 1020px; margin: 0 auto; padding: 100px 20px; position: relative; display: flex; flex-direction: column; gap: 48px; }
.sub01 .section05 .content .anchor { display: flex; gap: 36px; }
.sub01 .section05 .content .alignCenter { align-items: center; }
.sub01 .section05 .content .anchor .img { width: 130px; }
.sub01 .section05 .content .anchor .question { flex: 1; font-size: 18px; font-weight: 400; letter-spacing: -0.02em; line-height: 32px; }
.sub01 .section05 .content .anchor .question-flex { display: flex; gap: 36px; }
.sub01 .section05 .content .anchor .question-flex .text { flex: 1; }
.sub01 .section05 .content .anchor .question-flex .img_box { flex: 1; }
.sub01 .section05 .content .reporter { position: relative; width: calc(100% - 166px); margin-left: 166px; background: #fff; box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.25); }
.sub01 .section05 .content .reporter .answer { padding: 36px; position: relative; }
.sub01 .section05 .content .reporter .quotes { width: 25px; margin-bottom: 16px; }
.sub01 .section05 .content .reporter .answer .text { width: calc(100% - 158px); font-size: 18px; font-weight: 400; letter-spacing: -0.02em; line-height: 32px; }
.sub01 .section05 .content .reporter .answer .img { width: 130px; position: absolute; top: 36px; right: 36px; }

.sub01 .section05 .content .reporter .cap_text { font-size: 16px; font-weight: 400; line-height: 32px; letter-spacing: -0.32px; margin-top: 16px; }
.sub01 .section05 .content .reporter .cap_text span { color: #6464d8; font-weight: 700; }

.sub01 .section05 .content .reporter .graph_area { padding: 36px; background-color: #e5e8e8; opacity: 1; background-image:  linear-gradient(#ffffff 1.2000000000000002px, transparent 1.2000000000000002px), linear-gradient(to right, #ffffff 1.2000000000000002px, #e5e8e8 1.2000000000000002px); background-size: 24px 24px; }
.sub01 .section05 .content .reporter .graph_area .textBold { font-family: 'laundrygothic'; font-size: 20px; font-weight: 700; }
.sub01 .section05 .content .reporter .none_pad { padding: 0; }
.sub01 .section05 .content .reporter .graph_area.bg-white { background: #fff; }
.sub01 .section05 .content .reporter .graph_area .cap-text { display: block; padding: 10px 36px; font-weight: 400; font-size: 16px; line-height: 27px; letter-spacing: -0.02em; color: #222; }

.sub01 .news02 .section05 .content .reporter .answer.pad_0 { padding: 0; }
.sub01 .news02 .section05 .content .reporter .graph_area .text_box { margin-top: 16px; }
.sub01 .news02 .section05 .content .reporter .graph_area .text_box .text { font-size: 17px; font-weight: 400; line-height: 32px; letter-spacing: -0.36px; }
.sub01 .news02 .section05 .content .reporter .graph_area .text_box .text img { width: 18px; height: 18px; }

.sub01 .news02 .section05 .content .reporter .graph_area .text_box .text span {  font-weight: 700; padding-left: 10px; }
.sub01 .news02 .section05 .content .reporter .graph_area .text_box .list ul { margin-left: 21px; }
.sub01 .news02 .section05 .content .reporter .graph_area .text_box .list ul li { list-style: disc; list-style-position: inside; }
.sub01 .news02 .section05 .content .reporter .graph_area .text_box span { font-size: 15px; font-weight: 400; padding-top: 8px; }

.sub01 .news02 .section05 .content .news02_bottom .cont_box { width: 100%; background: #E05D5D; border-radius: 24px; display: flex; align-items: center; justify-content: space-between; padding: 37px 43px 21px 69px; }
.sub01 .news02 .section05 .content .news02_bottom .cont_box .text_box p { font-family: 'laundrygothic'; font-weight: 400; font-size: 20px; line-height: 32px; color: #fff; }
.sub01 .news02 .section05 .content .news02_bottom .cont_box .text_box p span { font-weight: 700; font-size: 21px; line-height: 32px; color: #FFE57D; }
.sub01 .news02 .section05 .content .news02_bottom .cont_box .img_box { max-width: 298px; width: 100%; }

.sub01 .news03 .section05 .content .reporter .graph_area .graph_text { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
.sub01 .news03 .section05 .content .reporter .graph_area .graph_text p { font-size: 15px; font-weight: 400; }
.sub01 .news03 .section05 .content .reporter .graph_area01 { padding: 36px 36px 34px; }
.sub01 .news03 .section05 .content .reporter .graph_area02 .img_box { margin-top: 30px; }
.sub01 .news03 .section05 .content .reporter .s_text { padding-bottom: 25px; }

.sub01 .news03 .section06 { position: relative; width: 100%; height: 100%; display: block; background: #f4f1de; }
.sub01 .news03 .section06 .content { width: 100%; max-width: 1020px; margin: -19px auto 0; padding: 0 20px 99px; position: relative; }
.sub01 .news03 .section06 .content .conts_box { background: #694439; border-radius: 64px; text-align: center; }
.sub01 .news03 .section06 .content .conts_box .text { color: #fff; font-family: 'laundrygothic'; font-size: 20px; font-weight: 400; line-height: 32px; padding: 42px 0 28px; }
.sub01 .news03 .section06 .content .conts_box .text span { display: block; color: #ff8aa9; font-size: 21px; font-weight: 700; line-height: 32px; }

.sub01 .news04 .section05 .content .reporter .graph_area .text_box { margin-top: 16px; }
.sub01 .news04 .section05 .content .reporter .graph_area .text_box .text { font-size: 17px; font-weight: 400; line-height: 32px; letter-spacing: -0.36px; }
.sub01 .news04 .section05 .content .reporter .graph_area .text_box .text img { width: 18px; height: 18px; }

.sub01 .news04 .section05 .content .reporter .graph_area .text_box .text span {  font-weight: 700; padding-left: 10px; }
.sub01 .news04 .section05 .content .reporter .graph_area .text_box .list ul { margin-left: 21px; }
.sub01 .news04 .section05 .content .reporter .graph_area .text_box .list ul li { list-style: disc; list-style-position: inside; }
.sub01 .news04 .section05 .content .reporter .graph_area .text_box span { font-size: 15px; font-weight: 400; padding-top: 8px; }

@media (min-width: 1200px) and (max-width: 1439px) {
	.sub01 .section01 { background-size: cover; }

/* 	.sub01 .section04 .pc_display_only { display: block; }
	.sub01 .section04 .tablet_display_only { display: none; }
	.sub01 .section04 .mobile_display_only { display: none; }

	.sub01 .section05 .content .reporter .none_pad { padding: 0; } */
}
@media (min-width: 768px) and (max-width: 1119px) {
	.sub01 .section01 { background-size: cover; }

/* 	.sub01 .section04 .pc_display_only { display: none; }
	.sub01 .section04 .tablet_display_only { display: block; }
	.sub01 .section04 .mobile_display_only { display: none; }

	.sub01 .section05 .content .reporter .none_pad { padding: 0; } */
}

@media (min-width: 376px) and (max-width:767px) {
	.sub01 .section01 { height: 275px; background-image: url('../img/sub01/sub01_00_mo.jpg'); background-size: cover; background-position: center top; background-repeat: no-repeat; }
	.sub01 .section01 .content { margin-bottom: 12px; }
	.sub01 .section01 .content .cover_title { font-size: 20px; }
	.sub01 .section01 .content .cover_text { padding: 0; }

	.sub01 .section02 .content { flex-direction: column; align-items: center; gap: 24px; margin: 44px auto 50px; }
	.sub01 .section02 .content .title { margin-top: 0; }
	.sub01 .section02 .content .subcopy { width: 100%; font-size: 18px; font-weight: 700; line-height: 29px; }

	.sticky-element {
		width: 100%;
		position: sticky;
		top: 70px; /* 화면의 중간에서 고정 */
		background-color: #fff;
		z-index: 9;
	}
	.sub01 .section03 .content .tabs { gap: 24px; justify-content: center; margin: 0 auto; padding: 20px 0; }
	.sub01 .section03 .content .tabs div { font-size: 11px; padding: 6px 10px; width: 85px; height: 26px; line-height: 15px; }
	.sub01 .section03 .content .tabs div::after { width: 14px; height: 14px; right: 10px; }
	.sub01 .section03 .content .tabs div.on::after { width: 14px; height: 14px; right: 10px; }

	.sub01 .section05 .content { padding: 50px 20px 0; gap: 32px; }
	.sub01 .section05 .content .anchor { flex-direction: column; gap: 36px; align-items: center; }
	.sub01 .section05 .content .moSmall { gap: 16px; }
	.sub01 .section05 .content .moSmall .img { width: 120px; }
	.sub01 .section05 .content .anchor .question { font-size: 16px; line-height: 28px; }
	.sub01 .section05 .content .anchor .question-p { letter-spacing: -0.07em; }
	.sub01 .section05 .content .anchor .question-flex { flex-direction: column; gap: 32px; }
	.sub01 .section05 .content .reporter { width: 100%; margin-left: 0; }
	.sub01 .section05 .content .reporter .quotes { padding-top: 146px; }
	.sub01 .section05 .content .reporter .padMore { padding-top: 158px; }
	.sub01 .section05 .content .reporter .answer .text { width: 100%; font-size: 16px; letter-spacing: -0.03em; line-height: 28px; }
	.sub01 .section05 .content .reporter .answer .img { left: 50%; transform: translateX(-50%); }

	.sub01 .news01 .section05 .content { padding-bottom: 61px; }
	.sub01 .news02 .section05 .content { padding-bottom: 49px; }

	.sub01 .section05 .content .reporter .graph_area { padding: 36px; background-color: #e5e8e8; opacity: 1; background-image:  linear-gradient(#ffffff 1.2000000000000002px, transparent 1.2000000000000002px), linear-gradient(to right, #ffffff 1.2000000000000002px, #e5e8e8 1.2000000000000002px); background-size: 24px 24px; }
	.sub01 .section05 .content .reporter .none_pad { padding: 0; }
	.sub01 .section05 .content .reporter .graph_area .cap-text { font-size: 15px; line-height: 26px; }

	.sub01 .news01 .section05 .content .reporter div.graph_area04 { flex-direction: column; gap: 20px; }
	.sub01 .news01 .section05 .content .reporter div.graph_area04 .inner_line { display: none; }
	.sub01 .news01 .section05 .content .reporter .s_text { padding-bottom: 0; }
	.sub01 .news01 .section05 .content .reporter .graph_area03 img { width: 100%; }
	.sub01 .news01 .section05 .content .reporter .graph_area .text { font-size: 16px; line-height: 28px; }

	.sub01 .news01 .section05 .content .bottom-area .exp-list { margin: 18px auto 60px; padding: 26px 0 10px; }
	.sub01 .news01 .section05 .content .bottom-area .exp-list li { flex-direction: column; align-items: flex-start; gap: 0; }
	.sub01 .news01 .section05 .content .bottom-area .exp-list li .right p { font-size: 16px; line-height: 27px; }

	.sub01 .news02 .section05 .content .reporter .graph_area .text_box .text { font-size: 16px; line-height: 28px; letter-spacing: -0.32px; margin-top: 8px; }
	.sub01 .news02 .section05 .content .reporter .graph_area .text_box .text:nth-child(1) { margin-top: 0; }
	.sub01 .news02 .section05 .content .reporter .graph_area .text_box .text em { display: block; margin-left: 28px; }
	.sub01 .news02 .section05 .content .reporter .graph_area .text_box .list ul { margin-left: 54px; }
	.sub01 .news02 .section05 .content .reporter .graph_area .text_box .list ul li { list-style-position: outside; }
	.sub01 .news02 .section05 .content .reporter .graph_area .text_box span { font-size: 14px; line-height: 22px; letter-spacing: -0.28px; }

	.sub01 .news02 .section05 .content .news02_bottom .cont_box { flex-direction: column; gap: 33px; padding: 35px 37px 29px 33px; }
	.sub01 .news02 .section05 .content .news02_bottom .cont_box .text_box p { font-size: 18px; line-height: 30px; }
	.sub01 .news02 .section05 .content .news02_bottom .cont_box .text_box p span { font-size: 19px; line-height: 30px; }
	.sub01 .news02 .section05 .content .news02_bottom .cont_box .img_box { max-width: 298px; width: 100%; }

	.sub01 .section05 .content .reporter .cap_text { font-size: 14px; line-height: 22px; letter-spacing: -0.28px; margin-top: 30px; }

	.sub01 .news03 .section05 .content { padding: 50px 20px; }
	.sub01 .news03 .section05 .content .reporter .graph_area { padding: 16px 0; }
	.sub01 .news03 .section05 .content .reporter .graph_area .graph_text { flex-direction: column; align-items: flex-start; padding: 0 16px; margin-bottom: 16px; }
	.sub01 .news03 .section05 .content .reporter .graph_area .textBold { font-size: 18px; }
	.sub01 .news03 .section05 .content .reporter .graph_area .graph_text p { font-size: 14px; }
	.sub01 .news03 .section05 .content .reporter .graph_area .img_box { width: 100%; }
	.sub01 .news03 .section05 .content .reporter .graph_area .img_box img { width: 100%; }
	.sub01 .news03 .section05 .content .reporter .graph_area02 .textBold { padding: 0 16px; }
	.sub01 .news03 .section05 .content .anchor .text_left { width: 100%; text-align: left; }
	.sub01 .news03 .section05 .content .reporter .s_text { padding-bottom: 0; }

	.sub01 .news04 .section05 { padding-bottom: 50px; }
	.sub01 .news04 .section05 .content .reporter .graph_area .text_box .text { font-size: 16px; line-height: 28px; letter-spacing: -0.32px; margin-top: 8px; }
	.sub01 .news04 .section05 .content .reporter .graph_area .text_box .text:nth-child(1) { margin-top: 0; }
	.sub01 .news04 .section05 .content .reporter .graph_area .text_box .text em { display: block; margin-left: 28px; }
	.sub01 .news04 .section05 .content .reporter .graph_area .text_box .list ul { margin-left: 54px; }
	.sub01 .news04 .section05 .content .reporter .graph_area .text_box .list ul li { list-style-position: outside; }
	.sub01 .news04 .section05 .content .reporter .graph_area .text_box span { font-size: 14px; line-height: 22px; letter-spacing: -0.28px; }

	.sub01 .section04 .pc_display_only { display: none; }
	.sub01 .section04 .tablet_display_only { display: none; }
	.sub01 .section04 .mobile_display_only { display: block; }
}
@media only all and (max-width: 375px) {
	.sub01 .section01 { height: 275px; background-image: url('../img/sub01/sub01_00_mo.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; }
	.sub01 .section01 .content { margin-bottom: 12px; }
	.sub01 .section01 .content .cover_title { font-size: 20px; }
	.sub01 .section01 .content .cover_text { padding: 0; }

	.sub01 .section02 .content { flex-direction: column; align-items: center; gap: 24px; margin: 50px auto; }
	.sub01 .section02 .content .title { margin-top: 0; }
	.sub01 .section02 .content .subcopy { width: 100%; font-size: 18px; font-weight: 700; letter-spacing: -0.36px; line-height: 29px; }

	.sticky-element {
		width: 100%;
		position: sticky;
		top: 70px; /* 화면의 중간에서 고정 */
		background-color: #fff;
		z-index: 9;
	}
	.sub01 .section03 .content .tabs { gap: 0; justify-content: space-between; margin: 0 auto; padding: 20px 0; }
	.sub01 .section03 .content .tabs div { font-size: 10px; padding: 5px 10px; width: 75px; height: 26px; line-height: 17px; }
	.sub01 .section03 .content .tabs div::after { width: 13px; height: 13px; right: 8px; }
	.sub01 .section03 .content .tabs div.on::after { width: 14px; height: 14px; right: 8px; }

	.sub01 .section05 .content { padding: 50px 20px 0; gap: 32px; }
	.sub01 .section05 .content .anchor { flex-direction: column; gap: 36px; align-items: center; }
	.sub01 .section05 .content .moSmall { gap: 16px; }
	.sub01 .section05 .content .moSmall .img { width: 120px; }
	.sub01 .section05 .content .anchor .question { font-size: 16px; letter-spacing: -0.32px; line-height: 28px; }
	.sub01 .section05 .content .reporter { width: 100%; margin-left: 0; }
	.sub01 .section05 .content .reporter .quotes { padding-top: 146px; }
	.sub01 .section05 .content .reporter .padMore { padding-top: 158px; }
	.sub01 .section05 .content .reporter .answer .text { width: 100%; font-size: 16px; letter-spacing: -0.32px; line-height: 28px; }
	.sub01 .section05 .content .reporter .answer .img { left: 50%; transform: translateX(-50%); }

	.sub01 .news01 .section05 .content { padding-bottom: 61px; }
	.sub01 .news02 .section05 .content { padding-bottom: 49px; }

	.sub01 .section05 .content .reporter .graph_area { padding: 36px; background-color: #e5e8e8; opacity: 1; background-image:  linear-gradient(#ffffff 1.2000000000000002px, transparent 1.2000000000000002px), linear-gradient(to right, #ffffff 1.2000000000000002px, #e5e8e8 1.2000000000000002px); background-size: 24px 24px; }
	.sub01 .section05 .content .reporter .none_pad { padding: 0; }

	.sub01 .news01 .section05 .content .reporter div.graph_area04 { flex-direction: column; gap: 20px; }
	.sub01 .news01 .section05 .content .reporter div.graph_area04 .inner_line { display: none; }
	.sub01 .news01 .section05 .content .reporter .s_text { padding-bottom: 0; }
	.sub01 .news01 .section05 .content .reporter .graph_area03 img { width: 100%; }

	.sub01 .news02 .section05 .content .reporter .graph_area .text_box .text { font-size: 16px; line-height: 28px; letter-spacing: -0.32px; margin-top: 8px; }
	.sub01 .news02 .section05 .content .reporter .graph_area .text_box .text:nth-child(1) { margin-top: 0; }
	.sub01 .news02 .section05 .content .reporter .graph_area .text_box .text em { display: block; margin-left: 28px; }
	.sub01 .news02 .section05 .content .reporter .graph_area .text_box .list ul { margin-left: 54px; }
	.sub01 .news02 .section05 .content .reporter .graph_area .text_box .list ul li { list-style-position: outside; }
	.sub01 .news02 .section05 .content .reporter .graph_area .text_box span { font-size: 14px; line-height: 22px; letter-spacing: -0.28px; }

	.sub01 .section05 .content .reporter .cap_text { font-size: 14px; line-height: 22px; letter-spacing: -0.28px; margin-top: 30px; }

	.sub01 .news03 .section05 .content { padding: 50px 20px; }
	.sub01 .news03 .section05 .content .reporter .graph_area { padding: 16px 0; }
	.sub01 .news03 .section05 .content .reporter .graph_area .graph_text { flex-direction: column; align-items: flex-start; padding: 0 16px; margin-bottom: 16px; }
	.sub01 .news03 .section05 .content .reporter .graph_area .textBold { font-size: 18px; }
	.sub01 .news03 .section05 .content .reporter .graph_area .graph_text p { font-size: 14px; }
	.sub01 .news03 .section05 .content .reporter .graph_area .img_box { width: 100%; }
	.sub01 .news03 .section05 .content .reporter .graph_area .img_box img { width: 100%; }
	.sub01 .news03 .section05 .content .reporter .graph_area02 .textBold { padding: 0 16px; }
	.sub01 .news03 .section05 .content .anchor .text_left { width: 100%; text-align: left; }
	.sub01 .news03 .section05 .content .reporter .s_text { padding-bottom: 0; }

	.sub01 .news04 .section05 { padding-bottom: 50px; }
	.sub01 .news04 .section05 .content .reporter .graph_area .text_box .text { font-size: 16px; line-height: 28px; letter-spacing: -0.32px; margin-top: 8px; }
	.sub01 .news04 .section05 .content .reporter .graph_area .text_box .text:nth-child(1) { margin-top: 0; }
	.sub01 .news04 .section05 .content .reporter .graph_area .text_box .text em { display: block; margin-left: 28px; }
	.sub01 .news04 .section05 .content .reporter .graph_area .text_box .list ul { margin-left: 54px; }
	.sub01 .news04 .section05 .content .reporter .graph_area .text_box .list ul li { list-style-position: outside; }
	.sub01 .news04 .section05 .content .reporter .graph_area .text_box span { font-size: 14px; line-height: 22px; letter-spacing: -0.28px; }

	.sub01 .section04 .pc_display_only { display: none; }
	.sub01 .section04 .tablet_display_only { display: none; }
	.sub01 .section04 .mobile_display_only { display: block; }
}

/* NPS 칼럼 */
.sub02 #contents { position: relative; padding: 0; font-family:'Noto Sans KR'; color: #000; line-height: normal; letter-spacing: normal; }
.sub02 .content .subtitle { color: #627A3E; font-family: 'laundrygothic'; font-size: 23px; font-weight: 700; line-height: 32px; text-align: left; }
.sub02 .content .text { font-size: 18px; font-weight: 400; letter-spacing: -0.02em; line-height: 32px; }

.sub02 .section01 { height: 550px; width: 100%;  background: url('../img/sub02/sub02_00.jpg') no-repeat; background-size: cover; background-position: center top; background-repeat: no-repeat; display: flex; justify-content: center; align-items: flex-end; }
.sub02 .section01 .content { text-align: center; margin-bottom: 89px; color: #fff; }
.sub02 .section01 .content .cover_title { font-size: 27px; font-weight: 700; }
.sub02 .section01 .content .cover_text { font-size: 16px; font-weight: 400; padding: 13px 0; }

.sub02 .section02 { position: relative; display: block; width: 100%; max-width: 1020px; padding: 0 20px; margin: 120px auto 70px; }
.sub02 .section02 .content { position: relative; width: 100%; max-width: 980px; }
.sub02 .section02 .content .subtitle_top { color: #627A3E; font-weight: 700; font-size: 24px; line-height: 34px; text-align: center; }
.sub02 .section02 .content .main_title { font-size: 50px; font-weight: 700; line-height: 68px; padding-bottom: 30px; border-bottom: 1px solid #000; text-align: center; }
.sub02 .section02 .content .subcopy { font-size: 20px; font-weight: 700; letter-spacing: -0.02em; line-height: 32px; margin-top: 35px; }

.sub02 .section03 { position: relative; width: 100%; display: block; }
.sub02 .section03 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 0 auto; }

.sub02 .section03 .content .img_box { margin-top: 36px; }

.sub02 .section04 { position: relative; width: 100%; display: block; }
.sub02 .section04 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 70px auto; }

.sub02 .section05 { position: relative; width: 100%; display: block; }
.sub02 .section05 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 0 auto 70px; }
.sub02 .section05 .content .img_box { margin-top: 36px; }

.sub02 .section06 { position: relative; width: 100%; display: block; }
.sub02 .section06 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 0 auto 120px; }

@media only all and (max-width:767px) {
	.sub02 .content .subtitle { font-size: 16px; line-height: 28px; }
	.sub02 .content .text { font-size: 16px; line-height: 28px; }

	.sub02 .section01 { height: 275px; background: url(../img/sub02/sub02_00_mo.jpg) no-repeat; background-size: cover; position: relative; }
	.sub02 .section01::before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 1; }
	.sub02 .section01 .content { margin-bottom: 12px; position: relative; z-index: 2; }
	.sub02 .section01 .content .cover_title { font-size: 20px; }
	.sub02 .section01 .content .cover_text { padding: 0; }

	.sub02 .section02 { margin: 60px auto 40px; }
	.sub02 .section02 .content .subtitle_top { line-height: 30px; }
	.sub02 .section02 .content .main_title { font-size: 36px; line-height: 48px; margin-top: 8px; }
	.sub02 .section02 .content .subcopy { font-size: 18px; line-height: 29px; margin-top: 36px; }

	.sub02 .section03 .content .img_box { margin-top: 24px; }

	.sub02 .section04 .content { margin: 40px auto; }

	.sub02 .section05 .content { margin-bottom: 40px; }
	.sub02 .section05 .content .img_box { margin-top: 24px; }

	.sub02 .section06 .content { margin-bottom: 60px; }
}

/* M&Z&X툰 */
.sub03 #contents { position: relative; padding: 0; }
.sub03 .section01 { height: 550px; width: 100%;  background: url('../img/sub03/sub03_00.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; justify-content: center;  align-items: flex-end; position: relative; }
.sub03 .section01::before { content: ''; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }
.sub03 .section01 .content { text-align: center; margin-bottom: 88px; color: #fff; position: relative; z-index: 2; }
.sub03 .section01 .content .title { font-size: 27px; font-weight: 700; }
.sub03 .section01 .content .cover_text { font-size: 16px; font-weight: 400; padding: 13px 0; color: #fff; }

.sub03 .section02 { position: relative; display: block; width: 100%; max-width: 1020px; margin: 150px auto; padding:0 20px; }
.sub03 .section02 .content { position: relative; }
.sub03 .section02 .content img { width: 100%; max-width: 975px; border: 4px solid #222; margin-bottom: 50px; }

.sub03 .section02 .content img:hover {transform: translateY(-5px); box-shadow: 7px 7px #4a4a4a;}
@media only all and (max-width:767px) {
	.sub03 .section01 { height: 275px; }
	.sub03 .section01 .content { margin-bottom: 12px; }
	.sub03 .section01 .content .title { font-size: 20px; font-weight: 700; }
	.sub03 .section01 .content .cover_text { padding: 0; }
	.sub03 .section02 { position: relative; display: block; width: 100%; margin: 50px auto 0 auto; }
	.sub03 .section02 .content { padding: 0 15px; margin-bottom: 20px;}
	.sub03 .section02 .content img { width: 100%; max-width: 975px; border: 2px solid #222; margin-bottom: 25px; }
}

/* 알잘딱깔센! 세이브 머니 */
.sub04 #contents { position: relative; padding: 0; font-family:'Noto Sans KR'; color: #000; line-height: normal; letter-spacing: normal; }

.sub04 .section01 { height: 550px; width: 100%;  background-image: url('../img/sub04/sub04_00.jpg'); background-size: cover; background-position: center 60%; background-repeat: no-repeat; display: flex; justify-content: center;  align-items: flex-end; position: relative; }
/* .sub04 .section01::before { content: ''; background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; right: 0; bottom: 0; } */
.sub04 .section01 .content { text-align: center; margin-bottom: 89px; position: relative; z-index: 5; color: #fff; }
.sub04 .section01 .content .cover_title { font-size: 27px; font-weight: 700; }
.sub04 .section01 .content .cover_text { font-size: 16px; font-weight: 400; padding: 13px 0; }

.sub04 .section02 { position: relative; display: block; width: 100%; max-width: 1020px; margin: 130px auto 80px; padding: 0 20px; }
.sub04 .section02 .content { position: relative; width: 100%; max-width: 980px; }
.sub04 .section02 .content .subtitle_top { color: #D70C16; font-size: 24px; font-weight: 700; line-height: 34px; text-align: center;}
.sub04 .section02 .content .title { font-size: 50px; font-weight: 700; line-height: 68px; padding-bottom: 30px; border-bottom: 1px solid #000; text-align: center; }
.sub04 .section02 .content .subcopy { color: #000; font-size: 20px; font-weight: 700; line-height: 32px; letter-spacing: -0.02em; margin-top: 35px; }

.sub04 .content .subtitle { color: #D70C16; font-family: 'laundrygothic'; font-size: 23px; font-weight: 700; line-height: 32px; }
.sub04 .content .text { font-size: 18px; font-weight: 400; line-height: 32px; }

.sub04 .section03 { position: relative; width: 100%; max-width: 1020px; display: block; overflow: hidden; margin: 0 auto; padding: 0 20px; }
.sub04 .section03 .content { width: 100%; max-width: 980px; }
.sub04 .section03 .content .img_box01 { margin-bottom: 80px; text-align: center; }
.sub04 .section03 .content .img_box01 img { width: 100%; max-width: 417px; }
.sub04 .section03 .content .img_box02 { margin: 36px 0; }
.sub04 .section03 .content .img_box03 { margin-top: 36px; }

.sub04 .section04 { position: relative; width: 100%; display: block; margin: 80px auto; }
.sub04 .section04 .content { width: 100%; max-width: 1020px; margin: 0 auto; padding: 0 20px; }
.sub04 .section04 .content .img_box01 { margin: 36px 0; }
.sub04 .section04 .content .img_box02 { margin-top: 36px; }

.sub04 .section05 { position: relative; width: 100%; max-width: 1020px; display: block; margin: 0 auto; padding: 0 20px; }
.sub04 .section05 .content { width: 100%; max-width: 980px; }
.sub04 .section05 .content .img_box01 { margin: 36px 0; }

.sub04 .section06 { position: relative; width: 100%; display: block; margin-top: 100px; background: #D6CEC8; padding: 100px 0; overflow: hidden; }
.sub04 .section06 .content { width: 100%; max-width: 1020px; margin: 0 auto; padding: 0 20px; }
.sub04 .section06 .content .stitle_area { display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 11px 0 16px; border-bottom: 1px solid #000; color: #000; }
.sub04 .section06 .content .stitle_area .info { font-family: 'laundrygothic'; font-weight: 700; }
.sub04 .section06 .content .stitle_area .info span { font-size: 23px; line-height: 26px; }
.sub04 .section06 .content .stitle_area .info .main_text { font-size: 33px; line-height: 45px; }
.sub04 .section06 .content .stitle_area .interview { display: flex;}
.sub04 .section06 .content .stitle_area .title_interview { font-family: "Poppins", sans-serif; font-weight: 700; font-size: 60px; line-height: 90px; }
.sub04 .section06 .conts_wrap { margin-top: 80px; position: relative; padding-bottom: 100px; }
.sub04 .section06 .conts_wrap .conts_area { display: flex; width: 100%; max-width: 1020px; margin: 0 auto; padding: 0 20px; }
.sub04 .section06 .conts_wrap .conts_area .cont01 { flex: 0 0 auto; max-width: 600px; }
.sub04 .section06 .conts_wrap .conts_area .cont02 { flex: 0 0 auto; width: 100%; opacity: 0; }
.sub04 .section06 .conts_wrap .conts_area .cont01 ul li { display: flex; align-items: flex-start; gap: 23px; }
.sub04 .section06 .conts_wrap .conts_area .cont01 ul li:not(:nth-child(1)) { margin-top: 40px; }
.sub04 .section06 .conts_wrap .conts_area .cont01 ul li .q_mark { width: 100%; max-width: 45px; height: 45px; }
.sub04 .section06 .conts_wrap .conts_area .cont01 ul li .q_mark img { width: 100%; }
.sub04 .section06 .conts_wrap .conts_area .cont01 ul li .text_box .question { font-family: 'laundrygothic'; font-weight: 700; font-size: 19px; line-height: 32px; }
.sub04 .section06 .conts_wrap .conts_area .cont01 ul li .text_box p { font-weight: 400; font-size: 18px; line-height: 32px; }
.sub04 .section06 .conts_wrap .conts_area02 { display: flex; position: absolute; left: 0; top: 0; }
.sub04 .section06 .conts_wrap .conts_area02 .cont01 { opacity: 0; }
.sub04 .section06 .conts_wrap .conts_area02 .cont02 { flex: 0 0 auto; width: 40%; }
.sub04 .section06 .conts_wrap .conts_area02 .cont02 img { width: 100%; }
.sub04 .section06 .conts_wrap .conts_area02 .cont02 .cap_text { font-weight: 400; font-size: 14px; line-height: 28px; letter-spacing: -0.02em; display: block; padding-top: 8px; }

@media (min-width: 1700px) {
	.sub04 .section06 .conts_wrap { padding-bottom: 200px; }
}

@media only all and (max-width:767px) {
	.sub04 .section01 { height: 275px; background-image: url('../img/sub04/sub04_00_mo.jpg'); background-size: cover; background-position: center 86%; background-repeat: no-repeat; position: relative; }
	.sub04 .section01::before { position: absolute; content: ''; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 3; }
	.sub04 .section01 .content { margin-bottom: 12px; position: relative; z-index: 4; }
	.sub04 .section01 .content .cover_title { font-size: 20px; }
	.sub04 .section01 .content .cover_text { padding: 0; }

	.sub04 .section02 { position: relative; display: block; width: 100%; margin: 60px auto 23px; padding: 0 20px; }
	.sub04 .section02 .content .subtitle_top { line-height: 30px; }
	.sub04 .section02 .content .title { font-size: 36px; line-height: 48px; padding-bottom: 35px; margin-top: 8px; }
	.sub04 .section02 .content .subcopy { font-size: 18px; line-height: 29px; }

	.sub04 .content .subtitle { font-size: 16px; line-height: 28px; }
	.sub04 .content .text { font-size: 16px; line-height: 28px; letter-spacing: -0.32px; }

	.sub04 .section03 .content .img_box01 { margin-bottom: 24px; }
	.sub04 .section03 .content .img_box02 { margin: 24px 0; }
	.sub04 .section03 .content .img_box03 { margin-top: 24px; }

	.sub04 .section04 { margin: 45px auto 32px; }
	.sub04 .section04 .content .img_box01 { margin: 24px 0; }
	.sub04 .section04 .content .img_box02 { margin-top: 24px; }

	.sub04 .section05 .content .img_box01 { margin: 24px 0; }

	.sub04 .section06 { margin-top: 60px; background: #D6CEC8; padding: 20px 0 60px; }
	.sub04 .section06 .content { padding: 0; }
	.sub04 .section06 .content .stitle_area { flex-direction: column; padding: 0 20px 16px; align-items: flex-start; }
	.sub04 .section06 .content .stitle_area .interview_mo { display: flex;}
	.sub04 .section06 .content .stitle_area .title_interview { font-size: 47px; line-height: 70px; margin-bottom: 24px; }
	.sub04 .section06 .content .stitle_area .info span { font-size: 20px; line-height: 23px; }
	.sub04 .section06 .content .stitle_area .info .main_text { font-size: 30px; line-height: 40px; }
	.sub04 .section06 .content .img_box { width: 100%; }
	.sub04 .section06 .content .img_box img { width: 100%; }
	.sub04 .section06 .content .cap_text { font-weight: 400; font-size: 14px; line-height: 28px; letter-spacing: -0.02em; display: block; padding: 8px 20px 0; }
	.sub04 .section06 .content ul { margin-top: 60px; padding: 0 20px; }
	.sub04 .section06 .content ul li { display: flex; align-items: flex-start; gap: 23px; }
	.sub04 .section06 .content ul li:not(:nth-child(1)) { margin-top: 20px; }
	.sub04 .section06 .content ul li .q_mark { width: 100%; max-width: 40px; height: 40px; }
	.sub04 .section06 .content ul li .q_mark img { width: 100%; }
	.sub04 .section06 .content ul li .text_box .question { font-family: 'laundrygothic'; font-weight: 700; font-size: 16px; line-height: 28px; }
	.sub04 .section06 .content ul li .text_box p { font-weight: 400; font-size: 18px; line-height: 32px; }
}

/* 모두의 여행 */
.sub05 #contents { position: relative; padding: 0; font-family:'Noto Sans KR'; color: #000; letter-spacing: normal; line-height: normal; }
.sub05 .section01 { height: 550px; width: 100%; background-image: url('../img/sub05/sub05_00.png'); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex;  justify-content: center;  align-items: flex-end; position: relative; }
/* .sub05 .section01::before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); } */
.sub05 .section01 .content { text-align: center; margin-bottom: 89px; color: #fff; position: relative; z-index: 1; }
.sub05 .section01 .content .cover_title { font-size: 27px; font-weight: 700; }
.sub05 .section01 .content .cover_text { font-size: 16px; font-weight: 400; padding: 13px 0; }

.sub05 .section02 { position: relative; display: block; width: 100%; background: #429FBD; padding-top: 120px;}
.sub05 .section02 .content { position: relative; max-width: 1020px; width: 100%; padding: 0 20px; margin: 0 auto; color: #fff; }
.sub05 .section02 .content .title { font-size: 50px; font-weight: 700; line-height: 68px; padding-bottom: 30px; border-bottom: 1px solid #fff; text-align: center; }
.sub05 .section02 .content .subcopy { font-size: 20px; font-weight: 700; letter-spacing: -0.4px; line-height: 32px; text-align: left; margin: 35px 0 76px; }
.sub05 .section02 .content img { width: 100%; }

.sub05 .content .num_title { width: 100%; }
.sub05 .content .num_title .number { float: left; width: 48px; padding: 8px 0; margin-right: 16px; }
.sub05 .content .num_title .number img { width: 100%; }
.sub05 .content .num_title span { color: #000; font-family: 'laundrygothic'; font-size: 23px; font-weight: 700; line-height: 32px; }
.sub05 .content .num_title h3 { color: #7245AB; font-family: 'laundrygothic'; font-size: 23px; font-weight: 700; line-height: 32px; }
.sub05 .content .text { font-size: 18px; font-weight: 400; line-height: 32px; letter-spacing: -0.36px; margin: 32px 0 48px; }

.sub05 .section03 { position: relative; width: 100%; display: block; }
.sub05 .section03 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 99px auto 100px; }

.sub05 .section03 .content .slider1 { overflow: hidden; max-width: 980px; width:100%; z-index: 2; }
.sub05 .section03 .content .slider1 li {float:left;width:100%; position:relative;border-radius:0px;overflow:hidden;}
.sub05 .section03 .content .slider1 li img {width:100%;}
.sub05 .section03 .content .slider1 li .vod {position:absolute;left:15px;bottom:15px;display:inline-block;width:50px;height:50px;text-indent:-9999px;overflow:hidden;background:url('../../img/vol197/main/ico_vod2.png') no-repeat 50% 50%;z-index:1;}

.sub05 .section03 .slide1-2 { margin-top: 48px; }
.sub05 .section03 .content .slider1-2 { overflow: hidden; max-width: 980px; width:100%; z-index: 2; }
.sub05 .section03 .content .slider1-2 li {float:left;width:100%; position:relative;border-radius:0px;overflow:hidden;}
.sub05 .section03 .content .slider1-2 li img {width:100%;}
.sub05 .section03 .content .slider1-2 li .vod {position:absolute;left:15px;bottom:15px;display:inline-block;width:50px;height:50px;text-indent:-9999px;overflow:hidden;background:url('../../img/vol197/main/ico_vod2.png') no-repeat 50% 50%;z-index:1;}

.sub05 .content .phototitle { background: #000; color: #fff; display: inline; font-size: 15px; font-weight: 400; line-height: 32px; height: 32px; padding: 0 10px; border-radius: 0 0 8px 8px; position: absolute; top: calc(100% - 49px); left: 0; z-index: 0; }

.sub05 .content .info_area { background-color: #EBDED6; opacity: 1; background-image:  linear-gradient(#ffffff 1px, transparent 1px), linear-gradient(to right, #ffffff 1px, #EBDED6 1px); background-size: 18px 18px; margin-top: 48px; padding: 25px 25px 57px; }
.sub05 .content .info_area .info_box { background: #fff; border: 2px solid #7245AB; padding-top: 40px; }
.sub05 .content .info_area .info_box .info_title { text-align: center; margin: 0 auto 29px; width: 168px; height: 42px; background: #429FBD; border-radius: 50%; font-family: 'laundrygothic'; color: #fff; font-size: 18px; font-weight: 700; line-height: 32px; padding: 5px 0; }
.sub05 .content .info_area .info_box .info_list { width: fit-content; margin: 0 auto; }
.sub05 .content .info_area .info_box .info_list .info_loca { font-family: 'laundrygothic'; font-weight: 700; font-size: 15px; line-height: 32px; }
.sub05 .content .info_area .info_box .info_list .list { color: #429FBD; font-family: 'laundrygothic'; font-size: 15px; font-weight: 400; line-height: 32px; display: flex; }
.sub05 .content .info_area .info_box .info_list .list span { display: inline-block; position: relative; padding-right: 8px; margin-right: 8px; }
.sub05 .content .info_area .info_box .info_list .list span::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 0.5px; height: 50%; background-color: #429FBD; z-index: 0; right: 0; }
.sub05 .content .info_area .info_box .info_list .list span img { max-width: 14px; width: 100%; display: inline-block; margin-right: 4px; }
.sub05 .content .info_area .info_box .info_list .list a { color: #429FBD; font-family: 'laundrygothic'; font-size: 15px; font-weight: 400; line-height: 25px; }

.sub05 .section03 .content .info_area .info_box { padding-bottom: 37px; }

.sub05 .section04 { position: relative; width: 100%; display: block; }
.sub05 .section04 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 0 auto; }

.sub05 .section04 .content .slider2 { overflow: hidden; max-width: 980px; width:100%; z-index: 2; }
.sub05 .section04 .content .slider2 li {float:left;width:100%; position:relative;border-radius:0px;overflow:hidden;}
.sub05 .section04 .content .slider2 li img {width:100%;}
.sub05 .section04 .content .slider2 li .vod {position:absolute;left:15px;bottom:15px;display:inline-block;width:50px;height:50px;text-indent:-9999px;overflow:hidden;background:url('../../img/vol197/main/ico_vod2.png') no-repeat 50% 50%;z-index:1;}

.sub05 .section04 .content .info_area .info_box { padding-bottom: 29px; }

.sub05 .section05 { position: relative; width: 100%; display: block; }
.sub05 .section05 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 100px auto; }

.sub05 .section05 .content .slider3 {overflow:hidden; max-width: 980px; width:100%; z-index: 2; }
.sub05 .section05 .content .slider3 li {float:left;width:100%; position:relative;border-radius:0px;overflow:hidden;}
.sub05 .section05 .content .slider3 li img {width:100%;}
.sub05 .section05 .content .slider3 li .vod {position:absolute;left:15px;bottom:15px;display:inline-block;width:50px;height:50px;text-indent:-9999px;overflow:hidden;background:url('../../img/vol197/main/ico_vod2.png') no-repeat 50% 50%;z-index:1;}

.sub05 .section05 .content .info_area .info_box { padding-bottom: 30px; }

.sub05 .section06 { position: relative; width: 100%; display: block; }
.sub05 .section06 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 0 auto; }

.sub05 .section06 .content .slider4 {overflow:hidden; max-width:980px; width:100%; z-index: 2; }
.sub05 .section06 .content .slider4 li {float:left;width:100%; position:relative;border-radius:0px;overflow:hidden;}
.sub05 .section06 .content .slider4 li img {width:100%;}
.sub05 .section06 .content .slider4 li .vod {position:absolute;left:15px;bottom:15px;display:inline-block;width:50px;height:50px;text-indent:-9999px;overflow:hidden;background:url('../../img/vol197/main/ico_vod2.png') no-repeat 50% 50%;z-index:1;}

.sub05 .section06 .content .info_area .info_box { padding-bottom: 29px; }

.sub05 .section08 { position: relative; display: block; width: 100%; background: #7145AB; margin-top: 50px; }
.sub05 .section08 .content { position: relative; max-width: 1020px; padding: 100px 20px 0; margin: 0 auto; }
.sub05 .section08 .content img { width: 100%; }

.sub05 .section09 { position: relative; width: 100%; display: block; }
.sub05 .section09 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 100px auto; }

.sub05 .section09 .content .slider6 {overflow:hidden; max-width:980px; width:100%; z-index: 2; }
.sub05 .section09 .content .slider6 li {float:left;width:100%; position:relative;border-radius:0px;overflow:hidden;}
.sub05 .section09 .content .slider6 li img {width:100%;}
.sub05 .section09 .content .slider6 li .vod {position:absolute;left:15px;bottom:15px;display:inline-block;width:50px;height:50px;text-indent:-9999px;overflow:hidden;background:url('../../img/vol197/main/ico_vod2.png') no-repeat 50% 50%;z-index:1;}

.sub05 .section09 .content .info_area .info_box { padding-bottom: 27px; }

.sub05 .section10 { position: relative; width: 100%; display: block; }
.sub05 .section10 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 0 auto; }

.sub05 .section10 .content .slider7 {overflow:hidden; max-width:980px; width:100%; z-index: 2; }
.sub05 .section10 .content .slider7 li {float:left;width:100%; position:relative;border-radius:0px;overflow:hidden;}
.sub05 .section10 .content .slider7 li img {width:100%;}
.sub05 .section10 .content .slider7 li .vod {position:absolute;left:15px;bottom:15px;display:inline-block;width:50px;height:50px;text-indent:-9999px;overflow:hidden;background:url('../../img/vol197/main/ico_vod2.png') no-repeat 50% 50%;z-index:1;}
.sub05 .section10 .content .slider_wrap10-2 { margin-top: 48px; }

.sub05 .section10 .content .info_area .info_box { padding-bottom: 36px; }

.sub05 .section11 { position: relative; width: 100%; display: block; }
.sub05 .section11 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 100px auto; }

.sub05 .section11 .content .slider8 {overflow:hidden; max-width:980px; width:100%; z-index: 2; }
.sub05 .section11 .content .slider8 li {float:left;width:100%; position:relative;border-radius:0px;overflow:hidden;}
.sub05 .section11 .content .slider8 li img {width:100%;}
.sub05 .section11 .content .slider8 li .vod {position:absolute;left:15px;bottom:15px;display:inline-block;width:50px;height:50px;text-indent:-9999px;overflow:hidden;background:url('../../img/vol197/main/ico_vod2.png') no-repeat 50% 50%;z-index:1;}

.sub05 .section11 .content .info_area .info_box { padding-bottom: 30px; }

.sub05 .section12 { position: relative; width: 100%; display: block; }
.sub05 .section12 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 0 auto 120px; }

.sub05 .section12 .content .slider9 {overflow:hidden; max-width:980px; width:100%; z-index: 2; }
.sub05 .section12 .content .slider9 li {float:left;width:100%; position:relative;border-radius:0px;overflow:hidden;}
.sub05 .section12 .content .slider9 li img {width:100%;}
.sub05 .section12 .content .slider9 li .vod {position:absolute;left:15px;bottom:15px;display:inline-block;width:50px;height:50px;text-indent:-9999px;overflow:hidden;background:url('../../img/vol197/main/ico_vod2.png') no-repeat 50% 50%;z-index:1;}

.sub05 .section12 .content .info_area .info_box { padding-bottom: 27px; }

.sub05 .section13 { position: relative; width: 100%; display: block; }
.sub05 .section13 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 0 auto 120px; }

.sub05 .section13 .content .slider5 {overflow:hidden; max-width:980px; width:100%; z-index: 2; }
.sub05 .section13 .content .slider5 li {float:left;width:100%; position:relative;border-radius:0px;overflow:hidden;}
.sub05 .section13 .content .slider5 li img {width:100%;}
.sub05 .section13 .content .slider5 li .vod {position:absolute;left:15px;bottom:15px;display:inline-block;width:50px;height:50px;text-indent:-9999px;overflow:hidden;background:url('../../img/vol197/main/ico_vod2.png') no-repeat 50% 50%;z-index:1;}

.sub05 .section13 .content .info_area .info_box { padding-bottom: 31px; }

@media only all and (max-width:767px) {
	.sub05 .section01 { height: 275px; background-image: url('../img/sub05/sub05_00_mo.png'); background-size: cover; background-position: center; background-repeat: no-repeat; }
	/* .sub05 .section01::before { background: rgba(0, 0, 0, 0.3); } */
	.sub05 .section01 .content { margin-bottom: 12px; }
	.sub05 .section01 .content .cover_title { font-size: 20px; }
	.sub05 .section01 .content .cover_text { padding: 0; }

	.sub05 .section02 { padding-top: 47px; }
	.sub05 .section02 .content .title { font-size: 36px; line-height: 48px; padding-bottom: 35px; }
	.sub05 .section02 .content .subcopy { font-size: 18px; line-height: 29px; letter-spacing: -0.36px; margin-bottom: 36px; }

	.sub05 .content .num_title .number { width: 36px; }
	.sub05 .content .num_title span { font-size: 18px; line-height: 23px; }
	.sub05 .content .num_title h3 { font-size: 18px; line-height: 23px; }
	.sub05 .content .text { font-size: 16px; line-height: 28px; letter-spacing: -0.32px; margin: 16px 0 24px; }	

	.sub05 .section03 .content { margin: 50px auto 48px; }

	.phototitle { font-size: 13px!important; }
	.sub05 .content .phototitle { line-height: 20px; height: 20px; padding: 0 3px; border-radius: 0 0 2.6px 2.6px; top: calc(100% - 31px); }

	.sub05 .content .info_area { margin-top: 24px; padding: 13px 15px 17px; }
	.sub05 .content .info_area .info_box { padding-top: 32px; padding-left: 2%; }
	.sub05 .content .info_area .info_box .info_title { margin: 0 auto 18px; width: 170px; padding: 5px 0 4px; }
	.sub05 .content .info_area .info_box .info_list { max-width: 279px; width: 100%; margin: 0 auto; }
	.sub05 .content .info_area .info_box .info_list .info_loca { line-height: 21px; }
	.sub05 .content .info_area .info_box .info_list .list { display: flex; align-items: center; font-size: 15px; padding-top: 4px; }
	.sub05 .content .info_area .info_box .info_list .list:nth-child(1) { padding-top: 0; }
	.sub05 .content .info_area .info_box .info_list .list span { width: 29%; }
	.sub05 .content .info_area .info_box .info_list .list em { line-height: 21px; width: 71%; }
	.sub05 .content .info_area .info_box .info_list .list a { font-size: 15px; }
	.sub05 .content .info_area .info_box .info_list .point_list { align-items: flex-start; }
	.sub05 .content .info_area .info_box .info_list .list .point::after { transform: translateY(35%); }

	.sub05 .section03 .slide1-2 { margin-top: 24px; }
	.sub05 .section03 .content .info_area .info_box { padding-bottom: 11px; }

	.sub05 .section04 .content { width: 100%; }
	.sub05 .section04 .content .info_area .info_box { padding-bottom: 15px; }

	.sub05 .section05 .content { margin: 48px auto; }
	.sub05 .section05 .content .info_area .info_box { padding-bottom: 17px; }

	.sub05 .section06 .content .info_area .info_box { padding-bottom: 16px; }

	.sub05 .section07 .content { margin: 48px auto 105px; }
	.sub05 .section07 .content .info_area .info_box { padding-bottom: 9px; }

	.sub05 .section08 .content { padding-top: 55px; }

	.sub05 .section09 .content { margin: 50px auto 48px; }
	.sub05 .section09 .content .info_area .info_box { padding-bottom: 14px; }

	.sub05 .section10 .content .info_area .info_box { padding-bottom: 24px; }

	.sub05 .section11 .content { margin: 48px auto; }
	.sub05 .section11 .content .info_area .info_box { padding-bottom: 22px; }

	.sub05 .section12 .content { margin: 0 auto 50px; }
	.sub05 .section12 .content .info_area .info_box { padding-bottom: 24px; }

	.sub05 .section13 .content { margin: 0 auto 50px; }
	.sub05 .section13 .content .info_area .info_box { padding-bottom: 14px; }
}
/* @media only all and (max-width: 360px) {
	.sub05 .content .num_title .number { width: 36px; margin-right: 10px; }

	.sub05 .content .info_area .info_box .info_list .point_list { align-items: flex-start; }
	.sub05 .content .info_area .info_box .info_list .list .point::after { transform: translateY(35%); }
} */
@media only all and (max-width: 344px) {
	.sub05 .content .num_title .number { width: 30px; }
	.sub05 .content .num_title span { font-size: 17px; line-height: 23px; }
	.sub05 .content .num_title h3 { font-size: 17px; line-height: 23px; }

	/* .sub05 .section12 .content .info_area .info_box { padding-left: 4%;} */
	.sub05 .content .info_area .info_box .info_list .list { display: flex; align-items: center; font-size: 13px; }
	/* .sub05 .content .info_area .info_box .info_list .list span { width: 30%; }
	.sub05 .content .info_area .info_box .info_list .list a { line-height: 21px; }
	.sub05 .content .info_area .info_box .info_list .list em { line-height: 21px; width: 70%; }
	.sub05 .content .info_area .info_box .info_list .list a { font-size: 14.5px; } */
}

/* 연금엔씨네마 */
.sub06 #contents { position: relative; padding: 0; font-family:'Noto Sans KR'; color: #000; letter-spacing: normal; line-height: normal; }
.sub06 .section01 { height: 550px; width: 100%; background-image: url('../img/sub06/sub06_00.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex;  justify-content: center;  align-items: flex-end; position: relative; }
/* .sub06 .section01::before { content: ''; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } */
.sub06 .section01 .content { text-align: center; margin-bottom: 89px; color: #fff; position: relative; z-index: 2; }
.sub06 .section01 .content .title { font-size: 27px; font-weight: 700; }
.sub06 .section01 .content .text_top { font-size: 16px; font-weight: 400; line-height: normal; padding: 13px 0; color: #fff; }

.sub06 .section02 { position: relative; display: block; width: 100%; }
.sub06 .section02 .content { position: relative; width: 100%; max-width: 1020px; margin: 120px auto; text-align: center; padding: 0 20px; }
.sub06 .section02 .content .subtitle { font-size: 24px; font-weight: 700; color: #ED8E8B; }
.sub06 .section02 .content .title { font-size: 50px; font-weight: 700; line-height: 68px; padding-bottom: 30px; border-bottom: 1px solid #000; }
.sub06 .section02 .content .subcopy { font-size: 20px; font-weight: 700; line-height: 32px; text-align: left; padding-top: 35px; letter-spacing: -0.02em; }

.sub06 .content .text { font-size: 18px; font-weight: 400; color: #000; line-height: 32px; letter-spacing: -0.02em; }
.sub06 .content h4 { color: #ED8E8B; font-size: 23px; font-weight: 700; line-height: 32px; font-family: 'laundrygothic'; letter-spacing: normal; }
.sub06 .line_text .sub_text { font-family: 'laundrygothic'; font-size: 19px; font-weight: 400; line-height: 32px; text-align: center; width: 100%; max-width: 600px; margin: 0 auto; border-bottom: 1px solid #000; padding: 0.3em; }

.sub06 .section03 { position: relative; width: 100%; display: block; }
.sub06 .section03 .content { width: 100%; max-width: 1020px; margin: 0 auto; padding: 0 20px; }
.sub06 .section03 .content .line_text { margin: 48px 0; }
.sub06 .section03 .content .img_box { width: 100%; margin-top: 48px; }
.sub06 .section03 .content .img_box img { width: 100%; }

.sub06 .section04 { position: relative; width: 100%; display: block; background:#fff;}
.sub06 .section04 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 120px auto; z-index: 10;}
.sub06 .section04 .content .img_box { margin-top: 48px; }
.sub06 .section04 .content .img_box img { width: 100%; }

.sub06 .section05 { position: relative; width: 100%; display: block; }
.sub06 .section05 .content { width: 100%; max-width: 1020px; margin: 0 auto 120px; padding: 0 20px; }
.sub06 .section05 .content .line_text01 { margin: 48px 0; }
.sub06 .section05 .content .img_box { margin-bottom: 48px; }
.sub06 .section05 .content .line_text02 { margin-top: 48px; }

@media only all and (max-width:767px) {
	.sub06 .section01 { height: 275px; position: relative; background-image: url('../img/sub06/sub06_00_mo.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; }
	.sub06 .section01::before { content: ''; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }
	.sub06 .section01 .content { position: relative; z-index: 1; text-align: center; margin-bottom: 12px; color: #fff; }
	.sub06 .section01 .content .title { font-size: 20px; font-weight: 700; }
	.sub06 .section01 .content .text_top { padding: 0; }

	.sub06 .section02 .content { margin: 60px auto 48px; }
	.sub06 .section02 .content .subtitle { font-size: 24px; line-height: 30px; padding-bottom: 8px; }
	.sub06 .section02 .content .title { font-size: 36px; line-height: 48px; padding-bottom: 35px; }
	.sub06 .section02 .content .subcopy { font-size: 18px; line-height: 29px; }

	.sub06 .content .text { font-size: 16px; line-height: 28px; }
	.sub06 .content h4 { font-size: 16px; line-height: 28px; }
	.sub06 .line_text .sub_text { font-size: 17px; }

	.sub06 .section03 .content { width: 100%; margin: 28px auto; padding: 0 20px; }
	.sub06 .section03 .content .line_text { margin: 32px 0; }
	.sub06 .section03 .content .img_box { margin-top: 32px; }
	
	.sub06 .section04 .content { margin: 48px auto; }
	.sub06 .section04 .content .img_box { margin-top: 32px; }

	.sub06 .section05 .content { margin: 0 auto 60px; }
	.sub06 .section05 .content .line_text01 { margin: 32px 0; }
	.sub06 .section05 .content .img_box { margin-bottom: 32px; }
	.sub06 .section05 .content .line_text02 { margin-top: 32px; }
}

/* 키워드로 보는 세상 */
.sub07 #contents { position: relative; padding: 0; font-family:'Noto Sans KR'; color: #000; letter-spacing: normal; line-height: normal; }

.sub07 .section01 { height: 550px; width: 100%; background: url('../img/sub07/sub07_00.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex;  justify-content: center;  align-items: flex-end; position: relative; }
/* .sub07 .section01::before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 1; } */
.sub07 .section01 .content { text-align: center; margin-bottom: 89px; position: relative; z-index: 2; }
.sub07 .section01 .content .title { font-size: 27px; font-weight: 700; color: #fff; }
.sub07 .section01 .content .cover_text { padding: 13px 0; font-size: 16px; color: #fff; }

.sub07 .section02 { position: relative; display: block; width: 100%; }
.sub07 .section02 .content { position: relative; width: 100%; max-width: 1020px; padding: 0 20px; margin: 120px auto; }
.sub07 .section02 .content .subtitle_top { color: #7C63B0; font-size: 24px; font-weight: 700; line-height: 34px; text-align: center; }
.sub07 .section02 .content .title { font-size: 50px; font-weight: 700; line-height: 68px; padding-bottom: 30px; text-align: center; border-bottom: 1px solid #000; }
.sub07 .section02 .content .subcopy { font-size: 20px; font-weight: 700; line-height: 32px; margin-top: 35px; letter-spacing: -0.02em; }

.sub07 .section03 { position: relative; width: 100%; display: block; }
.sub07 .section03 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 0 auto; position: relative; }
.sub07 .section03 .swiper {
	width: 100%;
	max-width: 770px;
	height: 770px;
}
.sub07 .section03 .swiper::after { background: none; }
.sub07 .section03 .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

.sub07 .section03 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sub07 .section03 .swiper-button-prev { left: 20px; }
.sub07 .section03 .swiper-button-next { right: 20px; }
.sub07 .section03 .swiper-button-next.swiper-button-disabled, .sub07 .section03 .swiper-button-prev.swiper-button-disabled { opacity: 1; }
.sub07 .section03 .swiper-button-next::after, .sub07 .section03 .swiper-button-prev::after { display: none; }

.sub07 .section04 { position: relative; width: 100%; display: block; }
.sub07 .section04 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 120px auto; }
.sub07 .section04 .content .stitle_area { text-align: center; }
.sub07 .section04 .content .stitle_area .img_box { width: 100%; max-width: 144px; margin: 0 auto; }
.sub07 .section04 .content .stitle_area .img_box img { width: 100%; }
.sub07 .section04 .content .stitle_area span { color: #3E2659; font-size: 39px; line-height: 44px; display: block; margin: 23px auto 8px; font-family: 'laundrygothic'; font-weight: 700; }
.sub07 .section04 .content .stitle_area h3 { color: #7C63B0; font-size: 59px; line-height: 67px; font-family: 'laundrygothic'; font-weight: 700; }
.sub07 .section04 .content .card-img { width: 100%; max-width: 980px; padding: 0; margin-top: 60px; }
.sub07 .section04 .content .card-img ul { width: 100%; display: flex; flex-wrap: wrap; gap: 36px; }
.sub07 .section04 .content .card-img li { width: calc(50% - 18px); position: relative; text-align: center; }
.sub07 .section04 .content .card-img li img { width: 100%; }
.sub07 .section04 .content .card-img li .basic { width: 100%; height: 100%; }
.sub07 .section04 .content .card-img li .hover { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s ease, transform 0.3s ease; transform-origin: center; width: 100%; height: 100%; }
.sub07 .section04 .content .card-img li:hover .hover { opacity: 1; transform: scaleX(-1); }
.sub07 .section04 .content .card-img li .hover img { width: 100%; height: 100%; object-fit: cover; }

@media only all and (max-width:767px) {
	.sub07 .section01 { height: 275px; background: url('../img/sub07/sub07_00_mo.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; }
	.sub07 .section01::before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); z-index: 1; }
	.sub07 .section01 .content { margin-bottom: 12px; }
	.sub07 .section01 .content .title { font-size: 20px; text-align: center;}
	.sub07 .section01 .content .cover_text { padding: 0; height: 23px; }

	.sub07 .section02 .content { margin: 50px auto 80px; }
	.sub07 .section02 .content .subtitle_top { line-height: 30px; }
	.sub07 .section02 .content .title { font-size: 36px; line-height: 48px; padding: 8px 0 35px; }
	.sub07 .section02 .content .subcopy { font-size: 18px; line-height: 29px; }

	.sub07 .section03 .swiper {
		width: 100%;
		max-width: 283px;
		height: 483px;
	}
	.sub07 .section03 .swiper-button-prev { left: 20px; }
	.sub07 .section03 .swiper-button-next { right: 20px; }
	.sub07 .section03 .swiper-button-next, .sub07 .section03 .swiper-button-prev { width: 13px; }

	.sub07 .section04 .content { margin: 80px auto; }
	.sub07 .section04 .content .stitle_area .img_box { max-width: 110px; }
	.sub07 .section04 .content .stitle_area span { font-size: 26px; line-height: 29px; }
	.sub07 .section04 .content .stitle_area h3 { font-size: 46px; line-height: 52px; }
	.sub07 .section04 .content .card-img { margin-top: 36px; }
	.sub07 .section04 .content .card-img ul { gap: 24px; flex-wrap: nowrap; flex-direction: column; }
	.sub07 .section04 .content .card-img li { width: 100%; max-width: 100%; }
	.sub07 .section04 .content .card-img li img { width: 100%; }
}

/* 헬스 앤 라이프 */
.sub08 #contents { position: relative; padding: 0; color: #000; font-family:'Noto Sans KR'; line-height: normal; letter-spacing: normal; }
.sub08 .content .subtitle { color: #6A9BEA; font-family: 'laundrygothic'; font-size: 23px; font-weight: 700; line-height: 32px; }
.sub08 .content .text { font-size: 18px; font-weight: 400; line-height: 32px; letter-spacing: -0.02em; }

.sub08 .section01 { height: 550px; width: 100%; background: url('../img/sub08/sub08_00.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex;  justify-content: center; align-items: flex-end; }
.sub08 .section01 .content { text-align: center; margin-bottom: 89px; color: #fff; }
.sub08 .section01 .content .cover_title { font-size: 27px; font-weight: 700; }
.sub08 .section01 .content .cover_text { opacity: 0; padding: 13px 0; font-size: 16px; }

.sub08 .section02 { position: relative; display: block; width: 100%; max-width: 1020px; padding: 0 20px; margin: 120px auto 49px; }
.sub08 .section02 .content { position: relative; width: 100%; max-width: 980px; }
.sub08 .section02 .content .subtitle_top { color: #6A9BEA; font-size: 24px; font-weight: 700; text-align: center; }
.sub08 .section02 .content .title { font-size: 50px; font-weight: 700; line-height: 68px; padding-bottom: 30px; text-align: center; border-bottom: 1px solid #000; }
.sub08 .section02 .content .subcopy { font-size: 20px; font-weight: 700; line-height: 32px; margin-top: 35px; letter-spacing: -0.02em; }

.sub08 .section03 { position: relative; display: flex; background:#fff }
.sub08 .section03 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 0 auto; }

.sub08 .section04 { position: relative; display: flex; }
.sub08 .section04 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 60px auto; }

.sub08 .section04 .content .item_box { width: 100%; }
.sub08 .section04 .content .item_box .item_title { width: 100%; background: #6A9BEA; text-align: center; color: #fff; border-radius: 45px; padding: 10px; font-family: 'laundrygothic'; font-weight: 700; font-size: 22px; line-height: 25px; }
.sub08 .section04 .content .item_box .item { display: flex; gap: 25px; border: 1px solid #000; border-radius: 24px; padding: 36px 43px; margin-top: 10px; }
.sub08 .section04 .content .item_box .item:not(.item3) { align-items: center; }
.sub08 .section04 .content .item_box .item .img_box { width: 100%; max-width: 123px; height: 123px; }
.sub08 .section04 .content .item_box .item .img_box img { width: 100%; }
.sub08 .section04 .content .item_box .item .text_box .bold { font-family: 'laundrygothic'; font-weight: 700; font-size: 17px; line-height: 20px; }
.sub08 .section04 .content .item_box .item .text_box > p { font-weight: 400; font-size: 16px; line-height: 25px; letter-spacing: -0.02em; margin-top: 8px; }
.sub08 .section04 .content .item_box .item .text_box ul { display: flex; flex-wrap: wrap; width: 100%; gap: 10px; margin-top: 21px; width: 100%; justify-content: space-between; }
.sub08 .section04 .content .item_box .item .text_box ul li { width: calc(50% - 5px); }
.sub08 .section04 .content .item_box .item .text_box ul li .card { width: 100%; }
.sub08 .section04 .content .item_box .item .text_box ul li .card .card-header { background: #ECE37B; border-radius: 16px 16px 0 0; height: 70px; padding: 10px 16px; display: flex; justify-content: center; align-items: center; }
.sub08 .section04 .content .item_box .item .text_box ul li .card .card-header p { font-family:'Meetme'; font-weight: 400; font-size: 20px; line-height: 25px; letter-spacing: -0.02em; text-align: center; }
.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(2) .card .card-header p { padding: 0 12px; }
.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(4) .card .card-header p { padding: 0 20px; }
.sub08 .section04 .content .item_box .item .text_box ul li .card .card-body { background: #FFF2D8; height: 368px; }
.sub08 .section04 .content .item_box .item .text_box ul li .card .card-body .card-img { display: flex; align-items: center; height: 100%; position: relative; justify-content: center; }
.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(1) .card .card-body .card-img { padding: 0 31px 0 32px; }
.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(1) .card .card-body .card-img .up { position: absolute; left: 45px; top: 23%; }
.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(1) .card .card-body .card-img .down { position: absolute; right: 31px; top: 37%; }
.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(2) .card .card-body .card-img .left { position: absolute; left: 44px; top: 16%; }
.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(2) .card .card-body .card-img .right { position: absolute; right: 44px; top: 16%; }
.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(3) .card .card-body .card-img img { max-width: 157px; }
.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(3) .card .card-body .card-img .down { position: absolute; left: 38%; top: 65%; }
.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(3) .card .card-body .card-img .up { position: absolute; right: 36%; top: 50%; }
.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(4) .card .card-body .card-img img { max-width: 257px; }
.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(4) .card .card-body .card-img .up { position: absolute; right: 23%; top: 78%; }
.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(4) .card .card-body .card-img .down { position: absolute; right: 21%; top: 79%; }

.sub08 .section05 { position: relative; display: flex; }
.sub08 .section05 .content { width: 100%; max-width: 1020px; padding: 0 20px; margin: 0 auto 70px; }

.sub08 .section06 { position: relative; display: flex; background: #32496E; box-sizing: border-box; padding: 117px 0; }
.sub08 .section06 .content { width: 100%; max-width: 1020px; margin: 0 auto; padding:0 20px; }
.sub08 .section06 .content .title_box { display: flex; align-items: center; gap: 22px; justify-content: center; }
.sub08 .section06 .content .title_box img { animation: water-drop 1400ms ease-in-out infinite; }
.sub08 .section06 .content .title_box .title { text-align: center; color: #fff; font-family: 'laundrygothic'; font-size: 29px; font-weight: 700; line-height: 32px; }
.sub08 .section06 .content .title_box .title_item2 { margin-left: -8.41px; }
.sub08 .section06 .content .board { width: 100%; }
.sub08 .section06 .content .board ul { width: 100%; display: flex; flex-wrap: wrap; margin-top: 48px; }
.sub08 .section06 .content .board ul li { transition: transform 0.3s; }
.sub08 .section06 .content .board ul li:hover { transform: scale(1.05); }
.sub08 .section06 .content .board .caption { color: #fff; font-weight: 400; font-size: 16px; line-height: 25px; letter-spacing: -0.02em; text-align: right; margin-top: 8px; }

@keyframes water-drop {
	0%{ transform: translateY(5px); }
	50%{ transform: translateY(-5px); }
	100%{ transform: translateY(5px); }
}

@media only all and (max-width:767px) {
	.sub08 .content .subtitle { font-size: 16px; line-height: 28px; }
	.sub08 .content .text { font-size: 16px; line-height: 28px; letter-spacing: -0.32px; }

	.sub08 .section01 { height: 275px; background: url('../img/sub08/sub08_00_mo.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; }
	.sub08 .section01 .content { margin-bottom: 12px; }
	.sub08 .section01 .content .cover_title { font-size: 20px; }
	.sub08 .section01 .content .cover_text { padding: 0; }

	.sub08 .section02 { margin: 60px auto 36px; }
	.sub08 .section02 .content .subtitle_top { line-height: 30px; }
	.sub08 .section02 .content .title { font-size: 36px; line-height: 48px; padding: 8px 0 35px; }
	.sub08 .section02 .content .subcopy { font-size: 18px; line-height: 29px; }

	.sub08 .section04 .content { margin: 24px auto; }
	.sub08 .section04 .content .item_box .item { flex-direction: column; align-items: center; }
	.sub08 .section04 .content .item_box .item .text_box .bold { line-height: 25px; }
	.sub08 .section04 .content .item_box .item .text_box ul { flex-direction: column; margin-top: 24px; align-items: center; }
	.sub08 .section04 .content .item_box .item .text_box ul li { width: 100%; }
	.sub08 .section04 .content .item_box .item .text_box ul li .card .card-header { border-radius: 11px 11px 0 0; height: 64px; padding: 10px 12px; }
	.sub08 .section04 .content .item_box .item .text_box ul li .card .card-header p { font-size: 18px; line-height: 24px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(2) .card .card-header p { padding: 0 9px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(4) .card .card-header p { padding: 0 9px; }
	.sub08 .section04 .content .item_box .item .text_box ul li .card .card-body { height: 274px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(1) .card .card-body .card-img { padding: 0 23px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(1) .card .card-body .card-img .up { height: 34px; left: 33px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(1) .card .card-body .card-img .down { height: 34px; right: 23px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(2) .card .card-body .card-img img { max-width: 204px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(2) .card .card-body .card-img .left { left: 15%; width: 18px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(2) .card .card-body .card-img .right { right: 15%; width: 18px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(3) .card .card-body .card-img img { max-width: 117px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(3) .card .card-body .card-img .down { height: 23px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(3) .card .card-body .card-img .up { height: 23px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(4) .card .card-body .card-img img { max-width: 199px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(4) .card .card-body .card-img .up { height: 25px; top: 79%; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(4) .card .card-body .card-img .down { height: 25px; top: 80%; }

	.sub08 .section05 .content { margin: 0 auto 60px; }

	.sub08 .section06 { padding: 40px 0 30px; }
	.sub08 .section06 .content .title_box { flex-direction: column; text-align: center; }
	.sub08 .section06 .content .title_box .title { font-size: 25px; line-height: 39px; }
	.sub08 .section06 .content .board ul { flex-direction: column; margin-top: 36px; padding: 0 17px; align-items: center; }
	.sub08 .section06 .content .board ul li { width: 100%; }
	.sub08 .section06 .content .board ul li img { width: 100%; }
	.sub08 .section06 .content .board ul li:hover { transform: none; }
	.sub08 .section06 .content .board .caption { padding: 0 17px; }
}
@media only all and (max-width: 360px) {
	.sub08 .content .subtitle { font-size: 16px; line-height: 28px; }
	.sub08 .content .text { font-size: 16px; line-height: 28px; letter-spacing: -0.32px; }

	.sub08 .section01 { height: 275px; background: url('../img/sub08/sub08_00_mo.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; }
	.sub08 .section01 .content { margin-bottom: 12px; }
	.sub08 .section01 .content .cover_title { font-size: 20px; }
	.sub08 .section01 .content .cover_text { padding: 0; }

	.sub08 .section02 { margin: 60px auto 36px; }
	.sub08 .section02 .content .subtitle_top { line-height: 30px; }
	.sub08 .section02 .content .title { font-size: 36px; line-height: 48px; padding: 8px 0 35px; }
	.sub08 .section02 .content .subcopy { font-size: 18px; line-height: 29px; }

	.sub08 .section04 .content { margin: 24px auto; }
	.sub08 .section04 .content .item_box .item { flex-direction: column; align-items: center; }
	.sub08 .section04 .content .item_box .item .text_box .bold { line-height: 25px; }
	.sub08 .section04 .content .item_box .item .text_box ul { flex-direction: column; margin-top: 24px; align-items: center; }
	.sub08 .section04 .content .item_box .item .text_box ul li { width: 100%; }
	.sub08 .section04 .content .item_box .item .text_box ul li .card .card-header { border-radius: 11px 11px 0 0; height: 64px; padding: 10px 12px; }
	.sub08 .section04 .content .item_box .item .text_box ul li .card .card-header p { font-size: 16px; line-height: 20px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(2) .card .card-header p { padding: 0 9px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(4) .card .card-header p { padding: 0 9px; }
	.sub08 .section04 .content .item_box .item .text_box ul li .card .card-body { height: 274px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(1) .card .card-body .card-img { padding: 0 23px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(1) .card .card-body .card-img .up { height: 30px; left: 33px; top: 30%; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(1) .card .card-body .card-img .down { height: 30px; right: 23px; top: 38%; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(2) .card .card-body .card-img img { max-width: 204px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(2) .card .card-body .card-img .left { left: 5px; width: 18px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(2) .card .card-body .card-img .right { right: 5px; width: 18px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(3) .card .card-body .card-img img { max-width: 117px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(3) .card .card-body .card-img .down { height: 20px; left: 36%; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(3) .card .card-body .card-img .up { height: 20px; right: 34%; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(4) .card .card-body .card-img img { max-width: 199px; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(4) .card .card-body .card-img .up { height: 25px; top: 79%; right: 14%; }
	.sub08 .section04 .content .item_box .item .text_box ul li:nth-child(4) .card .card-body .card-img .down { height: 25px; top: 80%; right: 12%; }

	.sub08 .section05 .content { margin: 0 auto 60px; }

	.sub08 .section06 { padding: 40px 0 30px; }
	.sub08 .section06 .content .title_box { flex-direction: column; text-align: center; }
	.sub08 .section06 .content .title_box .title { font-size: 25px; line-height: 39px; }
	.sub08 .section06 .content .board ul { flex-direction: column; margin-top: 36px; padding: 0 17px; align-items: center; }
	.sub08 .section06 .content .board ul li { width: 100%; }
	.sub08 .section06 .content .board ul li img { width: 100%; }
	.sub08 .section06 .content .board ul li:hover { transform: none; }
	.sub08 .section06 .content .board .caption { padding: 0 17px; }	
}

/* 오늘의 레시피 */
.sub09 #contents { position: relative; padding: 0; font-family:'Noto Sans KR'; color: #000; letter-spacing: normal; line-height: normal; }
.sub09 .section01 { height: 550px; width: 100%;  background-image: url('../img/sub09/sub09_00.jpg'); background-size: cover; background-position: center 35%; background-repeat: no-repeat; display: flex;  justify-content: center;  align-items: flex-end; position: relative; }
/* .sub09 .section01::before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); } */
.sub09 .section01 .content { text-align: center; margin-bottom: 90px; color: #fff; position: relative; z-index: 1; }
.sub09 .section01 .content .title { font-size: 27px; font-weight: 700; }
.sub09 .section01 .content .text { font-size: 16px; font-weight: 400; padding: 13px 0; }

.sub09 .section02 { position: relative; display: flex; width: 100%; max-width: 1020px; padding: 0 20px; margin: 139px auto 120px; }
.sub09 .section02 .content01 { width: 100%; margin: 0 auto; }
.sub09 .section02 .content01 .subtitle_top { color: #5062AB; font-size: 24px; font-weight: 700; text-align: center; }
.sub09 .section02 .content01 .title { font-size: 50px; font-weight: 700; line-height: 68px; padding-bottom: 30px; border-bottom: 1px solid #000; text-align: center; }
.sub09 .section02 .content01 .subcopy { font-size: 20px; font-weight: 700; line-height: 32px; margin-top: 35px; letter-spacing: -0.4px; }

.sub09 .section02 .content .subtitle { color: #5062AB; font-family: 'laundrygothic'; font-size: 23px; font-weight: 700; line-height: 32px; }
.sub09 .section02 .content .text { font-size: 18px; font-weight: 400; line-height: 32px; letter-spacing: -0.36px; }

.sub09 .section02 .content02 { position: relative; width: 100%; margin: 120px 0 70px; }
.sub09 .section02 .content02 .img_box { margin-bottom: 70px; }
.sub09 .section02 .content02 .img_box img { width: 100%; }

.sub09 .section02 .content04 { margin: 48px auto 20px; }
.sub09 .section02 .content04 .item_box { width: 100%; display: flex; padding: 20px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.sub09 .section02 .content04 .item_box .item { flex: 1; padding: 22px 0 29px; }
.sub09 .section02 .content04 .item_box .item .item_title { font-family:'Meetme'; font-size: 35px; font-weight: 400; line-height: 32px; text-align: center; }
.sub09 .section02 .content04 .item_box .item01 { border-right: 1px solid #000; }
.sub09 .section02 .content04 .item_box .item01 .item_title { color: #5062AB; }
.sub09 .section02 .content04 .item_box .item02 .item_title { color: #05C1EB; }
.sub09 .section02 .content04 .item_box .item .img_box { text-align: center; margin: 16px 0; }
.sub09 .section02 .content04 .item_box .item ul { width: fit-content; display: flex; flex-direction: column; gap: 10px; margin: 0 auto; }
.sub09 .section02 .content04 .item_box .item ul li { display: flex; gap: 8px; align-items: center; }
.sub09 .section02 .content04 .item_box .item01 ul li img { width: 100%; max-width: 25px; }
.sub09 .section02 .content04 .item_box .item ul li span { font-family:'Meetme'; font-size: 20px; font-weight: 400; }

.sub09 .section02 .content04 .item_box2 { margin-top: 48px; position: relative; width: 100%; }
.sub09 .section02 .content04 .item_box2 .item_cont { position: absolute; left: 50%; transform: translateX(-50%); top: 15%; width: 100%; padding: 0 67px 0 58px; }
.sub09 .section02 .content04 .item_box2 .item_cont .item2_title { font-family: 'laundrygothic'; font-weight: 700; font-size: 39px; line-height: 44px; color: #5062AB; text-align: center; border-bottom: 2px solid #5062AB; padding-bottom: 30px; margin-bottom: 30px; }
.sub09 .section02 .content04 .item_box2 .item_cont ul { display: flex; }
.sub09 .section02 .content04 .item_box2 .item_cont ul li { flex: 1 1 auto; width: 33.333333%; }
.sub09 .section02 .content04 .item_box2 .item_cont ul li:nth-child(2) { padding: 0 30px; margin: 0 30px; border-left: 1px solid #000; border-right: 1px solid #000; box-sizing: content-box; }
.sub09 .section02 .content04 .item_box2 .item_cont ul li .img img { width: 100%; }
.sub09 .section02 .content04 .item_box2 .item_cont ul li .text { font-family:'Meetme'; font-weight: 400; font-size: 20px; line-height: 26px; margin-top: 21px; }

.sub09 .section03 { position: relative; display: flex; background-image: url('../img/sub09/sub09_04.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; box-sizing: border-box; }
.sub09 .section03 .content { width:100%; max-width: 1020px; padding: 0 20px; margin: 113px auto 120px;}
.sub09 .section03 .content .title { width: 100%; max-width: 980px;  margin: 0 auto; text-align: center; }

.sub09 .section03 .content .title .scroll-image { opacity: 0; }
.sub09 .section03 .content .title .scroll-image.on { animation: slideIn 1500ms ease-out forwards; opacity: 1; }
	@keyframes slideIn {
		0% {
			transform: translateX(100%);
			opacity: 0;
		}
		100% {
			transform: translateX(0);
			opacity: 1;
		}
	}

.sub09 .section03 .content ul { display: flex; flex-direction: column; gap: 80px; justify-content: center; margin-top: 91px; }
.sub09 .section03 .content ul li { flex: 1; }
.sub09 .section03 .content ul li:nth-child(2) { margin-top: -10px; }
.sub09 .section03 .content .item_title { width: 100%; max-width: 128px; margin: 0 auto; }
.sub09 .section03 .content .item_title img { width: 100%;}
.sub09 .section03 .content .item_text { font-family: 'Meetme'; font-size: 30px; font-weight: 400; line-height: 32px; text-align: center; margin: 20px 0; }
.sub09 .section03 .content .item1 .item_text { margin: 37px 0; }
.sub09 .section03 .content .item2 .item_text span { color: #b8b949; }
.sub09 .section03 .content .item_img { width: 100%; max-width: 980px; margin: 0 auto; }
.sub09 .section03 .content .item_img img { width: 100%; }

.sub09 .section03 .content .item1 .item_title img { display: inline-block; text-align: center; animation: upAndDown 0.9s infinite; animation-timing-function: ease-in-out;}
.sub09 .section03 .content .item2 .item_title img { display: inline-block;  animation: upAndDown 0.9s infinite; animation-timing-function: ease-in-out;}
.sub09 .section03 .content .item3 .item_title img { display: inline-block;  animation: upAndDown 0.9s infinite; animation-timing-function: ease-in-out;}
.sub09 .section03 .content .item4 .item_title img { display: inline-block;  animation: upAndDown 0.9s infinite; animation-timing-function: ease-in-out;}
.sub09 .section03 .content .item5 .item_title img { display: inline-block;  animation: upAndDown 0.9s infinite; animation-timing-function: ease-in-out;}
@keyframes upAndDown {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    50% {
        transform: translateY(6px);
		/* transform: translateY(3px); */
        opacity: 1;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.sub09 .section03 .content .item2 .item_img { position: relative; }
.sub09 .section03 .content .item2 .item_img .img1-1 { animation: spoon1 2s infinite; }
@keyframes spoon1 {
	0%{ transform: rotate(2deg); }
	50%{ transform: rotate(0deg); }
	100%{ transform: rotate(2deg); }
}
.sub09 .section03 .content .item2 .item_img .img1-2 { position: absolute; left: 0; bottom: 0; animation: shaking1 2.5s infinite; transform-origin: 30% 50%; }
@keyframes shaking1 {
	0%{ transform: rotate(-2deg); }
	50%{ transform: rotate(2deg); }
	100%{ transform: rotate(-2deg); }
}
.sub09 .section03 .content .item2 .item_img .img1-3 { position: absolute; left: 0; bottom: 0; animation: arrow1 1.5s infinite; }
@keyframes arrow1 {
	0%{ transform: translateX(-3px); }
	50%{ transform: translateX(3px); }
	100%{ transform: translateX(-3px); }
}
.sub09 .section03 .content .item2 .item_img .img1-4 { position: absolute; left: 0; bottom: 0; animation: water1 3s infinite; }
@keyframes water1 {
	0%{ transform: translateY(-100px); opacity: 0; }
	100%{ transform: translateY(0); opacity: 1; }
}
.sub09 .section03 .content .item2 .item_img .img1-5 { position: absolute; left: 0; bottom: 0; animation: shaking1 2.8s infinite; z-index: 2; }
@keyframes shaking2 {
	0%{ transform: rotate(0deg); }
	50%{ transform: rotate(-2deg); }
	100%{ transform: rotate(0deg); }
}
.sub09 .section03 .content .item2 .item_img .img1-6 { position: absolute; left: 0; bottom: 0; animation: water2 3s infinite; z-index: 1; }
@keyframes water2 {
	0%{ transform: translateY(-100px); opacity: 0; }
	30%{ transform: translateY(-100px); opacity: 0; }
	100%{ transform: translateY(-10px); opacity: 1; }
}

.sub09 .section03 .content .item3 .item_img { position: relative; }
.sub09 .section03 .content .item3 .item_img .img2-2 { position: absolute; left: 0; bottom: 0; }
.sub09 .section03 .content .item3 .item_img .img2-3 { position: absolute; left: 0; bottom: 0; }
.sub09 .section03 .content .item3 .item_img .img2-4 { position: absolute; left: 0; bottom: 0; animation: knife 2s infinite; z-index: 4; }
@keyframes knife {
	0%{ transform: rotate(-2deg); }
	50%{ transform: rotate(4deg); }
	100%{ transform: rotate(-2deg); }
}
.sub09 .section03 .content .item3 .item_img .img2-5 { position: absolute; left: 0; bottom: 0; animation: ingred1 3s infinite; z-index: 3; }
@keyframes ingred1 {
	0%{ transform: translate(30px, -50px); }
	50%{ transform: translate(15px, -25px); }
	100%{ transform: translate(0, 0); }
}
.sub09 .section03 .content .item3 .item_img .img2-6 { position: absolute; left: 0; bottom: 0; animation: ingred2 3s infinite; }
@keyframes ingred2 {
	0%{ transform: translate(-30px, 40px); }
	50%{ transform: translate(-15px, 20px); }
	100%{ transform: translate(0, 0); }
}

.sub09 .section03 .content .item4 .item_img { position: relative; }
.sub09 .section03 .content .item4 .item_img .img3-2 { position: absolute; left: 0; bottom: 0; animation: pepper 3s infinite; }
@keyframes pepper {
	0%{ transform: translateY(-5px); }
	40%{ transform: translateY(5px); }
	100%{ transform: translateY(-5px); }
}
.sub09 .section03 .content .item4 .item_img .img3-3 { position: absolute; left: 0; bottom: 0; animation: spoon2 2.8s infinite; }
@keyframes spoon2 {
	0%{ transform: rotate(-2deg); }
	50%{ transform: rotate(0deg); }
	100%{ transform: rotate(-2deg); }
}
.sub09 .section03 .content .item4 .item_img .img3-4 { position: absolute; left: 0; bottom: 0; animation: egg1 3s infinite; }
@keyframes egg1 {
	0%{ opacity: 0; transform: translateY(-100px); }
	30%{ opacity: 1; transform: translateY(0); }
	100%{ opacity: 1; transform: translateY(0); }
}
.sub09 .section03 .content .item4 .item_img .img3-5 { position: absolute; right: 0; top: 0; animation: egg2 3s infinite; }
@keyframes egg2 {
	0%{ opacity: 0; transform: translateY(-100px); }
	30%{ opacity: 0; transform: translateY(-100px); }
	60%{ opacity: 1; transform: translateY(0); }
	100%{ opacity: 1; transform: translateY(0); }
}

.sub09 .section03 .content .item5 .item_img { position: relative; }
.sub09 .section03 .content .item5 .item_img .img4-1 { animation: shake3 2.8s infinite; }
@keyframes shake3 {
	0%{ transform: rotate(2deg); }
	50%{ transform: rotate(-2deg); }
	100%{ transform: rotate(2deg); }
}
.sub09 .section03 .content .item5 .item_img .img4-2 { position: absolute; left: 0; bottom: 0; animation: scaleAni 4s infinite; }
@keyframes scaleAni {
	0%{ transform: scale(0.9); opacity: 0; }
	100%{ transform: scale(1); opacity: 1; }
}
.sub09 .section03 .content .item5 .item_img .img4-3 { position: absolute; left: 0; bottom: 0; animation: scaleAni2 4s infinite; }
@keyframes scaleAni2 {
	0%{ transform: scale(0.9); opacity: 0; }
	20%{ transform: scale(0.9); opacity: 0; }
	100%{ transform: scale(1); opacity: 1; }
}
.sub09 .section03 .content .item5 .item_img .img4-4 { position: absolute; left: 0; top: 0; animation: scaleAni3 4s infinite; }
@keyframes scaleAni3 {
	0%{ transform: scale(0.9); opacity: 0; }
	40%{ transform: scale(0.9); opacity: 0; }
	100%{ transform: scale(1); opacity: 1; }
}
.sub09 .section03 .content .item5 .item_img .img4-5 { position: absolute; left: 0; top: 0; animation: scaleAni4 4s infinite; }
@keyframes scaleAni4 {
	0%{ transform: scale(0.9); opacity: 0; }
	50%{ transform: scale(0.9); opacity: 0; }
	100%{ transform: scale(1); opacity: 1; }
}

@media only all and (max-width:767px) {
	.sub09 .section01 { height: 275px; background-image: url('../img/sub09/sub09_00_mo.png'); background-size: cover; background-position: center 35%; background-repeat: no-repeat; }
	.sub09 .section01 .content { margin-bottom: 12px; }
	.sub09 .section01 .content .title { font-size: 20px; }
	.sub09 .section01 .content .text { padding: 0; }

	.sub09 .section02 { width: 100%; margin: 50px auto; }
	.sub09 .section02 .content01 .subtitle_top { line-height: 30px; }
	.sub09 .section02 .content01 .title { font-size: 36px; line-height: 48px; padding: 8px 0 35px; }
	.sub09 .section02 .content01 .subcopy { font-size: 18px; line-height: 29px; letter-spacing: -0.36px; }

	.sub09 .section02 .content .subtitle { font-size: 16px; line-height: 28px; }
	.sub09 .section02 .content .text { font-size: 16px; line-height: 28px; letter-spacing: -0.32px; }

	.sub09 .section02 .content02 { margin: 60px 0 24px; }
	.sub09 .section02 .content02 .img_box { margin-bottom: 16px; }

	.sub09 .section02 .content04 { margin: 24px auto 0; }
	.sub09 .section02 .content04 .item_box { flex-direction: column; padding: 0; }
	.sub09 .section02 .content04 .item_box .item { padding: 32px 0; }
	.sub09 .section02 .content04 .item_box .item01 { border-right: 0; border-bottom: 1px solid #000; }

	.sub09 .section02 .content04 .item_box2 { margin-top: 24px; }
	.sub09 .section02 .content04 .item_box2 .item_cont { top: 6%; padding: 0 57px; }
	.sub09 .section02 .content04 .item_box2 .item_cont .item2_title { font-size: 23px; line-height: 27px; padding-bottom: 18px; margin-bottom: 18px; }
	.sub09 .section02 .content04 .item_box2 .item_cont ul { flex-direction: column; gap: 9px; }
	.sub09 .section02 .content04 .item_box2 .item_cont ul li { width: 100%; }
	.sub09 .section02 .content04 .item_box2 .item_cont ul li:nth-child(2) { padding: 0; margin: 0; border-left: 0; border-right: 0; }
	.sub09 .section02 .content04 .item_box2 .item_cont ul li .img img { width: 100%; }

	.sub09 .section03 .content { margin: 73px auto 54px; }
	.sub09 .section03 .content .title img { transform: scale(1.05); }

	.sub09 .section03 .content .title .shaking-image{ width: 100%; height: auto; animation: shake 3s infinite;}
	
	.sub09 .section03 .content ul { gap: 25px; margin-top: 33px; }
	.sub09 .section03 .content .item_title { max-width: 47px; }
	.sub09 .section03 .content .item1 .item_title { max-width: 96px; }
	.sub09 .section03 .content .item_title img { width: 100%;}
	.sub09 .section03 .content .item_text { font-size: 20px; line-height: 26px; margin: 7px 0; }
	.sub09 .section03 .content .item1 .item_text { margin: 13px 0; }
	.sub09 .section03 .content .item_img { width: 100%; max-width: 980px; margin: 0 auto; }
	.sub09 .section03 .content .item_img img { width: 100%; }

	.sub09 .section03 .content .item3 .item_img .img2-5 { position: absolute; left: 0; bottom: 0; animation: ingred1Mo 3s infinite; z-index: 3; }
	@keyframes ingred1Mo {
		0%{ transform: translate(8px, -10px); }
		50%{ transform: translate(4px, -5px); }
		100%{ transform: translate(0, 0); }
	}
	.sub09 .section03 .content .item3 .item_img .img2-6 { position: absolute; left: 0; bottom: 0; animation: ingred2Mo 3s infinite; }
	@keyframes ingred2Mo {
		0%{ transform: translate(-10px, 10px); }
		50%{ transform: translate(-5px, 5px); }
		100%{ transform: translate(0, 0); }
	}
}

/* 이벤트1 */
.sub10 #contents { position: relative; padding: 104px 0 70px; margin: 0; background-image: url(../img/sub10/bg-block.jpg); background-repeat: repeat;}
.sub10 .section01 { position: relative; display: block; width: 100%; max-width: 640px; margin: 0 auto; font-family:'Noto Sans CJK Kr'; }
.sub10 .section01 .content { position: relative; padding: 0 20px; }
.sub10 .section01 .content .title { position: relative; }
.sub10 .section01 .content .title .img_box01 { width: 100%; max-width: 299px; margin: 0 auto; position: relative; height: fit-content; overflow: hidden; border-radius: 45% 45% 0 0; }
.sub10 .section01 .content .title .img_box01 .img-wf { position: absolute; right: 0; top: 0; z-index: 2; filter: drop-shadow(5px 5px 0 rgba(0, 0, 0, 0.5)); width: 100%; }
.sub10 .section01 .content .title .img_box01 .img-sc { position: absolute; right: -25px; top: 25%; width: 100%; max-width: 200px; z-index: 1; }
.sub10 .section01 .content .title .img_box02 { width: 100%; max-width: 497px; margin: 58px auto 0; }
.sub10 .section01 .content .title .img_box03 { width: 100%; max-width: 142px; position: absolute; left: -7%; bottom: 120px; }
.sub10 .section01 .content .title .img_box04 { width: 100%; max-width: 140px; position: absolute; right: -22%; bottom: -4%; }
.sub10 .section01 .content .title .img_box05 { width: 100%; max-width: 116px; position: absolute; right: 0; bottom: 24%; }

.sub10 .section01 .content .title .img_box .dots { display: flex; align-items: center; position: absolute; left: 50%; transform: translateX(-50%); }
.sub10 .section01 .content .title .img_box03 .dots { gap: 24px; top: 30%; }
.sub10 .section01 .content .title .img_box03 .dots span { width: 9.4px; height: 9.4px; border-radius: 50%; background: #BE221D; animation: dots 4s infinite; opacity: 0; }
.sub10 .section01 .content .title .img_box03 .dots span:nth-child(2) { animation-delay: 0.5s; }
.sub10 .section01 .content .title .img_box03 .dots span:nth-child(3) { animation-delay: 1s; }
.sub10 .section01 .content .title .img_box04 .dots { gap: 15px; top: 35%; }
.sub10 .section01 .content .title .img_box04 .dots span { width: 14px; height: 14px; border-radius: 50%; background: #fff; animation: dots 4s infinite; animation-delay: 1s; opacity: 0; }
.sub10 .section01 .content .title .img_box04 .dots span:nth-child(2) { animation-delay: 1.5s; }
.sub10 .section01 .content .title .img_box04 .dots span:nth-child(3) { animation-delay: 2s; }
@keyframes dots {
    0% {
        opacity: 0;
    }
	20% { opacity: 0; }
	30% { opacity: 1; }
    50% {
        opacity: 1;
    }
	80% { opacity: 1; }
	90% { opacity: 0; }
    100% {
        opacity: 0;
    }
}

.sub10 .section01 .content .title .img_box img { width: 100%; }

.sub10 .section01 .content .title_txt { width: 100%; text-align: center; font-family: 'WavvePADO'; font-size: 18px; font-weight: 400; line-height: 20px; letter-spacing: -0.02em; color: #000; margin: 40px auto 43px; }
.sub10 .section01 .content .subtitle { background: #BE221D; border-radius: 999px; color: #fff; text-align: center; padding: 8px 0 5px; max-width: 600px; width: 100%; margin: 0 auto; font-family: 'Meetme'; font-size: 20px; font-weight: 400; letter-spacing: 0; line-height: 23px; height: 36px; }
.sub10 .section01 .content .text { max-width: 600px; width: 100%; margin: 43px auto 50px; color: #000; font-weight: 400; font-size: 17px; line-height: 27px; letter-spacing: -0.02em; }

.sub10 .section01 .content .date_area { width: 100%; margin: 0 auto; border-top: 0.5px solid #000; border-bottom: 0.5px solid #000; padding: 8px 0 10px; display: flex; color: #000; font-size: 17px; font-weight: 400; line-height: 25px; letter-spacing: -0.02em; flex-direction: column; }
.sub10 .section01 .content .date_area .top { border-bottom: 0.5px solid #000; padding-bottom: 10px; margin-bottom: 10px; }
.sub10 .section01 .content .date_area span { color:#000; font-weight: 700; margin-right: 44px; }

.sub10 .section01 .content .gift { text-align: center; transition: all; margin: 50px auto 34px; }
.sub10 .section01 .content .gift img { opacity: 0; width: 100%; max-width: 316px; }
.sub10 .section01 .content .gift img.on { animation: bounce 1s; opacity: 1; }
@keyframes bounce {
	0%{ transform: scale(0); }
	100%{ transform: scale(1); }
}

.sub10 .section01 .content .button { display: flex; gap: 40px; justify-content: center; }
.sub10 .section01 .content .button a.subscribe { background: #1E294F; text-align: center; color: #fff; font-family: 'WavvePADO'; max-width: 200px; width: 100%; height: 45px; border-radius: 999px; padding: 10px 0 7px; font-size: 25px; font-weight: 400; line-height: 28px; letter-spacing: -0.02em; transition: all 500ms; }
.sub10 .section01 .content .button a.subscribe:hover { transform: translateY(-5px); box-shadow: 3.5px 3.5px #4a4a4a; }
.sub10 .section01 .content .button a.send { background: #BE221D; text-align: center; color: #fff; font-family: 'WavvePADO'; max-width: 200px; width: 100%; height: 45px; padding: 10px 0 7px; border-radius: 999px; font-size: 25px; font-weight: 400; line-height: 28px; letter-spacing: -0.02em; transition: all 500ms; }
.sub10 .section01 .content .button a.send:hover { transform: translateY(-5px); box-shadow: 3.5px 3.5px #4a4a4a; }
.sub10 .section01 .content .button span.end { background: #777; text-align: center; color: #fff; font-family: 'WavvePADO'; max-width: 200px; width: 100%; height: 45px; padding: 10px 0 7px; border-radius: 36px; font-size: 25px; line-height: 28px; letter-spacing: -0.02em; }

.sub10 .section01 .content .info { max-width: 600px; width: 100%; margin: 59px auto 0; border-top: 0.5px solid #000; padding-top: 20px; font-size: 14.5px; }
.sub10 .section01 .content .info ul { padding-inline-start: 1em; letter-spacing: -0.02em; }
.sub10 .section01 .content .info li { color: #000; list-style: disc; line-height: 22px; }
.sub10 .section01 .content .info li::marker { font-size: 8px; }
.sub10 .section01 .content .info li span { color:#000; position: relative; }

@media (min-width: 768px) and (max-width: 1023px) {
	
}

@media (min-width: 400px) and (max-width:767px) {
	.sub10 #contents { padding: 44px 0 50px; }
	.sub10 .section01 { max-width: 360px; width: 100%; }

	.sub10 .section01 .content .title .img_box01 { width: 100%; max-width: 155px; }
	.sub10 .section01 .content .title .img_box01 .img-wf { right: 0; top: 0; filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, 0.5)); }
	.sub10 .section01 .content .title .img_box01 .img-sc { right: -15px; top: 25%; width: 100%; max-width: 110px; }
	.sub10 .section01 .content .title .img_box02 { width: 100%; max-width: 203px; margin: 30px auto 0; }
	.sub10 .section01 .content .title .img_box03 { width: 100%; max-width: 57px; left: 5%; bottom: 50px; }
	.sub10 .section01 .content .title .img_box04 { width: 100%; max-width: 57px; right: -1%; bottom: -4%; }
	.sub10 .section01 .content .title .img_box05 { width: 100%; max-width: 60px; right: 8%; bottom: 23%; }
	.sub10 .section01 .content .title .img_box03 .dots { gap: 9px; }
	.sub10 .section01 .content .title .img_box03 .dots span { width: 4px; height: 4px; }
	.sub10 .section01 .content .title .img_box04 .dots { gap: 6px; }
	.sub10 .section01 .content .title .img_box04 .dots span { width: 6px; height: 6px; }

	.sub10 .section01 .content .title_txt { font-size: 16px; line-height: 18px; margin: 25px auto 50px; }
	.sub10 .section01 .content .subtitle { padding: 9px 0 7px; font-size: 16px; line-height: 18px; height: 54px; }
	.sub10 .section01 .content .text { margin: 32px auto; }

	.sub10 .section01 .content .date_area { display: inline-block; padding: 6px 0 10px; }
	.sub10 .section01 .content .date_area > div { display: flex; }
	.sub10 .section01 .content .date_area span { margin-right: 20px; width: 20% }

	.sub10 .section01 .content .gift { margin: 62px auto 46px; }
	.sub10 .section01 .content .gift img { padding: 0 37px; max-width: 100%; }

	.sub10 .section01 .content .button { display: flex; gap: 20px; justify-content: center; }
	.sub10 .section01 .content .button a.subscribe { max-width: 170px; width: 100%; height: 45px; border-radius: 36px; font-size: 20px; padding: 11px 0; }
	.sub10 .section01 .content .button a.send { max-width: 170px; width: 100%; height: 45px; border-radius: 36px; font-size: 20px; padding: 10px 0 12px; }
	.sub10 .section01 .content .button span.end { max-width: 170px; width: 100%; height: 45px; border-radius: 36px; font-size: 20px; padding: 11px 0; }

	.sub10 .section01 .content .info { margin-top: 36px; }
	.sub10 .section01 .content .info ul { letter-spacing: -0.05em; }
}

@media only all and (max-width: 399px) {
	.sub10 #contents { padding: 44px 0 50px; }
	.sub10 .section01 { max-width: 360px; width: 100%; }

	.sub10 .section01 .content .title .img_box01 { width: 100%; max-width: 155px; }
	.sub10 .section01 .content .title .img_box01 .img-wf { right: 0; top: 0; filter: drop-shadow(3px 3px 0 rgba(0, 0, 0, 0.5)); }
	.sub10 .section01 .content .title .img_box01 .img-sc { right: -15px; top: 25%; width: 100%; max-width: 110px; }
	.sub10 .section01 .content .title .img_box02 { width: 100%; max-width: 203px; margin: 30px auto 0; }
	.sub10 .section01 .content .title .img_box03 { width: 100%; max-width: 45px; left: 5%; bottom: 50px; }
	.sub10 .section01 .content .title .img_box04 { width: 100%; max-width: 45px; right: 0; bottom: -4%; }
	.sub10 .section01 .content .title .img_box05 { width: 100%; max-width: 60px; right: 6%; bottom: 23%; }

	.sub10 .section01 .content .title .img_box03 .dots { gap: 9px; }
	.sub10 .section01 .content .title .img_box03 .dots span { width: 4px; height: 4px; }
	.sub10 .section01 .content .title .img_box04 .dots { gap: 6px; }
	.sub10 .section01 .content .title .img_box04 .dots span { width: 6px; height: 6px; }

	.sub10 .section01 .content .title_txt { font-size: 16px; line-height: 18px; margin: 25px auto 50px; }
	.sub10 .section01 .content .subtitle { padding: 9px 0 7px; font-size: 16px; line-height: 18px; height: 54px; }
	.sub10 .section01 .content .text { margin: 32px auto; }

	.sub10 .section01 .content .date_area { display: inline-block; padding: 6px 0 10px; }
	.sub10 .section01 .content .date_area > div { display: flex; }
	.sub10 .section01 .content .date_area span { margin-right: 20px; width: 20%; flex: 1 1 auto; }
	.sub10 .section01 .content .date_area em { flex: 1 1 auto; width: 70%; }

	.sub10 .section01 .content .gift { margin: 62px auto 46px; }
	.sub10 .section01 .content .gift img { padding: 0 37px; max-width: 100%; }

	.sub10 .section01 .content .button { display: flex; gap: 20px; justify-content: center; }
	.sub10 .section01 .content .button a.subscribe { max-width: 170px; width: 100%; height: 45px; border-radius: 36px; font-size: 20px; padding: 11px 0; }
	.sub10 .section01 .content .button a.send { max-width: 170px; width: 100%; height: 45px; border-radius: 36px; font-size: 20px; padding: 10px 0 12px; }
	.sub10 .section01 .content .button span.end { max-width: 170px; width: 100%; height: 45px; border-radius: 36px; font-size: 20px; padding: 11px 0; }

	.sub10 .section01 .content .info { margin-top: 36px; }
	.sub10 .section01 .content .info ul { letter-spacing: -0.05em; }
}

/* 이벤트2 */
.sub11 #contents { position: relative; padding: 0; margin: 0; background: #FF4E24; }
.sub11 .section01 { position: relative; display: block; width: 100%; margin: 0 auto; padding-top: 37px; }
.sub11 .section01 .content { position: relative; width: 100%; padding: 0 20px; }
.sub11 .section01 .content .title { width: 100%; max-width: 983px; margin: 0 auto; text-align: center; }
.sub11 .section01 .content .title img { width:100%; }
.sub11 .section01 .content .title .motion1{ width:100%; max-width: 629px; }

.sub11 .section01 .content .text { color: #fff; text-align: center; font-size: 17px; font-weight: 400; line-height: 27px; letter-spacing: -0.02em; padding: 25px 0 15px; }

.sub11 .gift { text-align: center; width: 100%; }
.sub11 .gift .img_box { width: 100%; max-width: 415px; margin: 0 auto; }
.sub11 .gift img { width: 100%; opacity: 1; }
.sub11 .gift img.on { animation: bounce 1s; opacity: 1; }
.sub11 .gift .text_box { width: 100%; max-width: 276px; height: 34px; background: #FFD152; border-radius: 999px; padding: 8px 0 3px; text-align: center; color: #000; font-family: 'laundrygothic'; font-size: 17px; font-weight: 700; line-height: 20px; letter-spacing: -0.02em; margin: 7px auto 0; }

.sub11 .section02 { padding-bottom: 70px; }
.sub11 .section02 .content { width: 100%; padding: 0 20px; }
.sub11 .section02 .content .date_area { max-width: 600px; width: 100%; margin: 60px auto; border-top: 0.5px solid #fff; border-bottom: 0.5px solid #fff; padding: 8px 0 10px; display: flex; color: #fff; font-size: 17px; font-weight: 400; line-height: 25px; letter-spacing: -0.02em; flex-direction: column; }
.sub11 .section02 .content .date_area .top { border-bottom: 0.5px solid #fff; padding-bottom: 10px; margin-bottom: 10px; }
.sub11 .section02 .content .date_area span { font-weight: 700; margin-right: 44px; color: #fff; }

.sub11 .section02 .content .quiz { width: 100%; max-width: 600px; margin: 0 auto; }
.sub11 .section02 .content .quiz .quiz_cont { background: #fff; }
.sub11 .section02 .content .quiz .quiz_cont .q_title { text-align: center; padding: 41px 0 28px; }
.sub11 .section02 .content .quiz .quiz_cont .q_text { color: #000; text-align: center; font-family: 'laundrygothic'; font-size: 17px; font-weight: 400; line-height: 27px; letter-spacing: -0.03em; padding: 0 22px 0 23px; }
.sub11 .section02 .content .quiz .blank_box { padding: 56px 0 35px; }
.sub11 .section02 .content .quiz .blank_box ul { display: flex; gap: 16px; justify-content: center; }
.sub11 .section02 .content .quiz .blank_box ul li { color: #000; text-align: center; font-family: 'laundrygothic'; font-size: 43px; font-weight: 400; line-height: 27px; letter-spacing: -1.29px; padding: 22px 17px; background: #d9d9d9; border-radius: 8px; }
.sub11 .section02 .content .quiz .hint_box { padding-bottom: 33px; display: flex; gap: 10px; justify-content: center; align-items: center; }
.sub11 .section02 .content .quiz .hint_box .hint { width: 60px; height: 30px; border: 1px solid #424242; border-radius: 999px; padding: 5px 11px 0 12px; color: #424242; text-align: center; font-family: 'laundrygothic'; font-size: 15px; font-weight: 700; letter-spacing: -0.3px; }
.sub11 .section02 .content .quiz .hint_box .text { color: #424242; font-size: 15px; font-weight: 400; letter-spacing: -0.3px; }

.sub11 .section02 .content .button { position: relative; display: flex; gap: 45px; justify-content: center; margin: 50px 0; }
.sub11 .section02 .content .button a.subscribe { background: #424242; text-align: center; color: #fff; font-family: 'WavvePADO'; max-width: 200px; width: 100%; height: 45px; border-radius: 999px; font-size: 25px; font-weight: 400; letter-spacing: -0.5px; padding: 10px 0 7px; transition: all 500ms; }
.sub11 .section02 .content .button a.subscribe:hover { transform: translateY(-5px); box-shadow: 3.5px 3.5px #4a4a4a; }
.sub11 .section02 .content .button a.send { background: #358F5A; text-align: center; color: #fff; font-family: 'WavvePADO'; max-width: 200px; width: 100%; height: 45px; border-radius: 999px; font-size: 25px; font-weight: 400; letter-spacing: -0.5px; padding: 10px 0 7px; transition: all 500ms; }
.sub11 .section02 .content .button a.send:hover { transform: translateY(-5px); box-shadow: 3.5px 3.5px #4a4a4a; }
.sub11 .section02 .content .button span.end { background: #777; text-align: center; color: #fff; font-family: 'WavvePADO'; max-width: 200px; width: 100%; height: 45px; line-height: 45px; border-radius: 999px; font-size: 25px; font-weight: 400; letter-spacing: -0.5px; }

.sub11 .section02 .content .info { max-width: 600px; width: 100%; margin: 0px auto; border-top: 0.5px solid #fff; padding-top: 20px; font-size: 14.5px; }
.sub11 .section02 .content .info ul { padding-inline-start: 1em; letter-spacing: -0.3px; color: #fff; }
.sub11 .section02 .content .info li { list-style: disc; }
.sub11 .section02 .content .info li::marker { font-size: 8px; }
.sub11 .section02 .content .info li span { position: relative; }

/* 기본 스타일 (PC용) */
/* .sub11 .section01 .content .title {
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 3%;
} */

.sub11 .section01 .content .title .motion1 {
    position: relative; 
    width: 100%; 
    max-width: 629px; 
    z-index: 9;
    opacity: 0; /* 애니메이션 전에는 숨김 */
}

.sub11 .section01 .content .title .motion2 { 
    position: absolute;
    width: 50%;
    max-width: 300px;
    top: 40%;
    left: 48%;
    transform: translate(-50%, -50%);
    opacity: 0; /* 애니메이션 전에는 숨김 */
}

/* 반응형 스타일 */
@media (max-width: 1920px) {
    .sub11 .section01 .content .title .motion1 {
        width: 70%;
    }

    .sub11 .section01 .content .title .motion2 { 
        left: 47.5%;
    }
}
@media (max-width: 1200px) {
    .sub11 .section01 .content .title .motion1 {
        width: 70%;
    }

    .sub11 .section01 .content .title .motion2 { 
        left: 46%;
    }
}

@media (max-width: 800px) {
    .sub11 .section01 .content .title .motion1 {
        width: 70%;
    }

    .sub11 .section01 .content .title .motion2 { 
        width: 40%;
        max-width: 300px;
        left: 46%;
        top: 49%;
    }
}

@media only all and (max-width:767px) {
	.sub11 .section01 { padding-top: 64px; }
	.sub11 .section01 .content { padding-bottom: 0; }
	.sub11 .section01 .content .title { width: 100%; }
	.sub11 .section01 .content .title img { transform: scale(1.15); }

	.sub11 .section01 .content .text { text-align: left; padding: 56px 0 34px; }

	.sub11 .gift .img_box { max-width: 335px; position: relative; z-index: 2; }
	.sub11 .gift .text_box { max-width: 224px; padding: 10px 0 7px; font-size: 15px; line-height: 17px; margin: 7px auto 0; }

	.sub11 .section02 { padding-bottom: 50px; max-width: 360px; margin: 0 auto; }
	.sub11 .section02 .content .date_area { margin: 44px auto 36px; padding: 6px 0 10px; line-height: 1.5; }
	.sub11 .section02 .content .date_area .top { display: flex; }
	.sub11 .section02 .content .date_area span { margin-right: 20px; }

	.sub11 .section02 .content .quiz .quiz_cont { margin-top: -0.5px; }
	.sub11 .section02 .content .quiz .quiz_cont .q_title { padding: 20px 0; }
	.sub11 .section02 .content .quiz .blank_box { padding: 24px 0; }
	.sub11 .section02 .content .quiz .blank_box ul { gap: 11px; }
	.sub11 .section02 .content .quiz .blank_box ul li { font-size: 30px; line-height: 19px; letter-spacing: -0.9px; padding: 16px 12px; border-radius: 5px; }
	.sub11 .section02 .content .quiz .hint_box { padding-bottom: 35px; }

	.sub11 .section02 .content .button { display: flex; gap: 20px; justify-content: center; margin: 36px 0; }
	.sub11 .section02 .content .button a.subscribe { max-width: 170px; width: 100%; height: 45px; border-radius: 36px; font-size: 20px; padding: 12px 0 10px; }
	.sub11 .section02 .content .button a.send { max-width: 170px; width: 100%; height: 45px; border-radius: 36px; font-size: 20px; padding: 12px 0 10px; }
	.sub11 .section02 .content .button span.end { max-width: 170px; width: 100%; height: 45px; border-radius: 36px; font-size: 20px; padding: 12px 0 10px; }

    .sub11 .section01 .content .title .motion1 {
        width: 70%;
    }

    .sub11 .section01 .content .title .motion2 { 
        width: 37%;
        max-width: 300px;
        left: 47%;
        top: 47%;
    }
}

@media (max-width: 650px) {
    .sub11 .section01 .content .title .motion1 {
        width: 70%;
    }

    .sub11 .section01 .content .title .motion2 { 
        width: 39%;
        max-width: 300px;
        left: 46%;
        top: 40%;
    }
}


@media (max-width: 480px) {
    .sub11 .section01 .content .title .motion1 {
        width: 80%;
        left: -1%;
        top: -1%;
    }

    .sub11 .section01 .content .title .motion2 { 
        width: 40%;
        max-width: 150px;
        left: 45%;
        top: 40%;
    }
}

@media (max-width: 360px) {
    .sub11 .section01 .content .title .motion1 {
        width: 80%;
        left: -1%;
    }

    .sub11 .section01 .content .title .motion2 { 
        width: 40%;
        max-width: 150px;
        left: 45%;
        top:39%;
    }
}

/* 이벤트3 */
.sub12 #contents { position: relative; padding: 0; background: #E6D9C7; }
.sub12 .section01 { position: relative; margin: 0; }

.sub12 .section01 .content { position: relative; display: block; width: 100%; max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.sub12 .section01 .content .title { width: 100%; margin: 0 auto; position: relative; display: flex; flex-direction: column; align-items: center; }

.sub12 .section01 .content .title .objs { width: 100%; max-width: 894px; position: relative; }
.sub12 .section01 .content .title .objs .chr { position: absolute; }
.sub12 .section01 .content .title .objs .chr01 { left: 17%; top: 38%; width: 100%; max-width: 84px; }
.sub12 .section01 .content .title .objs .chr02 { left: 34%; top: 50%; width: 100%; max-width: 127px; }
.sub12 .section01 .content .title .objs .chr03 { right: 34%; top: 37%; width: 100%; max-width: 95px; }
.sub12 .section01 .content .title .objs .chr04 { right: 14%; top: 31%; width: 100%; max-width: 81px; }
.sub12 .section01 .content .title .year { width: 100%; max-width: 285px; position: absolute; left: 50%; transform: translateX(-50%); top: 50%; z-index: 5; }
.sub12 .section01 .content .title .trophy01 { width: 100%; max-width: 567px; z-index: 6; }
.sub12 .section01 .content .title .trophy02 { width: 100%; max-width: 567px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 4; }
.sub12 .section01 .content .title .text { font-family: 'GmarketSans'; font-weight: 500; font-size: 44px; line-height: 47px; letter-spacing: -0.05em; color: #6F4B1E; position: absolute; left: 50%; transform: translateX(-50%); bottom: 13%; text-align: center; z-index: 11; }

.sub12 .section01 .text_box { position: relative; width: 100%; max-width: 600px; padding: 30px 10px; border: 2px solid #6b5950; background: #fff; margin: 0 auto; text-align: center; }
.sub12 .section01 .text_box p { color: #6b5950; font-family: 'WavvePADO'; font-size: 17px; font-weight: 400; line-height: 27px; letter-spacing: -0.02em; }
.sub12 .section01 .text_box span { color: #9ba7ce; -webkit-text-stroke-width: 2; -webkit-text-stroke-color: #6b5950; font-family: 'WavvePADO'; font-size: 18px; font-weight: 400; line-height: 27px; letter-spacing: -0.36px; text-shadow: -2px 0px #6b5950, -2px 2px #6b5950, 2px -2px #6b5950, -2px -2px #6b5950, 2px 2px #6b5950, 0px 2px #6b5950, 2px 0px #6b5950, 0px -2px #6b5950; }
.sub12 .section01 .text_box ul { display: flex; }
.sub12 .section01 .text_box ul li { width: 10px; height: 10px; background: #6b5950; position: absolute; }
.sub12 .section01 .text_box ul.rect_item_top li { top: 0; }
.sub12 .section01 .text_box ul.rect_item_top li:nth-child(1) { left: 0; transform: translate(-50%, -50%); }
.sub12 .section01 .text_box ul.rect_item_top li:nth-child(2) { left: 50%; transform: translate(-50%, -50%); }
.sub12 .section01 .text_box ul.rect_item_top li:nth-child(3) { left: 100%; transform: translate(-50%, -50%); }
.sub12 .section01 .text_box ul.rect_item_bottom li { bottom: 0; }
.sub12 .section01 .text_box ul.rect_item_bottom li:nth-child(1) { left: 0; transform: translate(-50%, 50%); }
.sub12 .section01 .text_box ul.rect_item_bottom li:nth-child(2) { left: 50%; transform: translate(-50%, 50%); }
.sub12 .section01 .text_box ul.rect_item_bottom li:nth-child(3) { left: 100%; transform: translate(-50%, 50%); }

.sub12 .section02 { position: relative; padding: 77px 0 70px; margin: 0; }
.sub12 .section02 .content { position: relative; display: block; width: 100%; max-width: 960px; margin: 0 auto;  padding:0 20px; } 
.sub12 .section02 .content .date_area { max-width: 600px; width: 100%; margin: 0 auto; border-top: 0.5px solid #6F4B1E; border-bottom: 0.5px solid #6F4B1E; padding: 8px 0 10px; display: flex; flex-direction: column; font-size: 17px; font-weight: 400; line-height: 25px; letter-spacing: -0.34px; color: #6F4B1E; }
.sub12 .section02 .content .date_area .top { border-bottom: 0.5px solid #6F4B1E; padding-bottom: 10px; margin-bottom: 10px; }
.sub12 .section02 .content .date_area span { font-weight: 700; margin-right: 44px; color: #6F4B1E; }

.sub12 .section02 .content .gift { text-align: center; margin: 77px auto 90px; }
.sub12 .section02 .content .gift img { opacity: 0; }
.sub12 .section02 .content .gift img.on { animation: bounce 1s; opacity: 1; }

.sub12 .section02 .content .button { display: flex; gap: 45px; justify-content: center; margin: 0 0 69px; }
.sub12 .section02 .content .button a.subscribe { background: #424242; text-align: center; color: #fff; font-family: 'WavvePADO'; max-width: 200px; width: 100%; height: 45px; border-radius: 999px; font-size: 25px; font-weight: 400; line-height: 28px; letter-spacing: -0.02em; transition: all 500ms; padding: 10px 0 7px; }
.sub12 .section02 .content .button a.subscribe:hover { transform: translateY(-5px); box-shadow: 3.5px 3.5px #4a4a4a; }
.sub12 .section02 .content .button a.send { background: #F55C35; text-align: center; color: #fff; font-family: 'WavvePADO'; max-width: 200px; width: 100%; height: 45px; border-radius: 999px; font-size: 25px; font-weight: 400; line-height: 28px; letter-spacing: -0.02em; transition: all 500ms; padding: 10px 0 7px; }
.sub12 .section02 .content .button a.send:hover { transform: translateY(-5px); box-shadow: 3.5px 3.5px #4a4a4a; }
.sub12 .section02 .content .button span.end { background: #777; text-align: center; color: #fff; font-family: 'WavvePADO'; max-width: 200px; width: 100%; height: 45px; border-radius: 999px; font-size: 25px; font-weight: 400; letter-spacing: -0.5px; padding: 10px 0 7px; }

.sub12 .section02 .content .info {  max-width: 600px; width: 100%; margin: 0px auto; border-top: 0.5px solid #424242; padding-top: 20px; }
.sub12 .section02 .content .info ul { padding-inline-start: 1em; letter-spacing: -0.3px;}
.sub12 .section02 .content .info li { list-style: disc; font-family:'Noto Sans CJK Kr'; font-size: 15px; font-weight: 400; letter-spacing: -0.3px; line-height: 22px; }
.sub12 .section02 .content .info li::marker { font-size: 8px; }
.sub12 .section02 .content .info li span { position: relative; }

/* @media (min-width: 768px) and (max-width: 1023px) {
	.sub12 .section01 .content .tit_img { margin-left: 0; margin-top: -20px; position: relative; }
	.sub12 .section01 .content .tit_img .tit_img_main { width: 95%; }
	.sub12 .section01 .content .tit_img .tit_img_item { position: absolute; left: 84px; bottom: -5px; }
} */

@media only all and (max-width:767px) {
	.sub12 #contents { padding: 0; }
	.sub12 .section01 { padding-top: 0; }
	.sub12 .section01 .content { overflow: hidden; }

	.sub12 .section01 .content .title .objs { max-width: 100%; }
	.sub12 .section01 .content .title .objs .objs-item { width: 100%; transform: scale(1.1); }
	.sub12 .section01 .content .title .objs .chr01 { left: 3%; top: 35%; max-width: 49px; }
	.sub12 .section01 .content .title .objs .chr02 { left: 28%; top: 50%; max-width: 75px; }
	.sub12 .section01 .content .title .objs .chr03 { right: 27%; top: 35%; max-width: 56px; }
	.sub12 .section01 .content .title .objs .chr04 { right: -3%; top: 31%; max-width: 47px; }
	.sub12 .section01 .content .title .year { max-width: 168px; top: 45%; }
	.sub12 .section01 .content .title .trophy { max-width: 334px; }
	.sub12 .section01 .content .title .text { font-weight: 500; font-size: 26px; line-height: 28px; bottom: 15%; }

	.sub12 .section01 .text_box { margin: 0 auto; text-align: left; padding: 30px 33px; }

	.sub12 .section02 { padding: 36px 0 49px; }
	.sub12 .section02 .content .date_area { display: inline-block; }
	.sub12 .section02 .content .date_area > div { display: flex; }
	.sub12 .section02 .content .date_area .top { line-height: 1.5; }
	.sub12 .section02 .content .date_area span { margin-right: 20px; width: 20% }

	.sub12 .section02 .content .gift { margin: 45px auto 100px; }
	.sub12 .section02 .content .gift img { padding: 0 9px; }

	.sub12 .section02 .content .button { display: flex; gap: 20px; margin-bottom: 36px; }
	.sub12 .section02 .content .button a.subscribe { display: inline-flex; max-width: 170px; width: 100%; font-size: 20px; letter-spacing: -0.4px; padding: 12px 0 10px; justify-content: center; align-items: center; }
	.sub12 .section02 .content .button a.send { display: inline-flex; max-width: 170px; width: 100%; font-size: 20px; letter-spacing: -0.4px; padding: 12px 0 10px; justify-content: center; align-items: center; }
	.sub12 .section02 .content .button span.end { max-width: 170px; width: 100%; font-size: 20px; letter-spacing: -0.4px; padding: 12px 0 10px; }
	.sub12 .section02 .content .info ul { letter-spacing: -0.75px; }
}

@media (max-width:344px) {
	.sub12 .section01 .content .title::after { width: 285px; height: 240px; background: url(../img/sub12/sub12_01_item_mo.svg) no-repeat; background-size: contain; left: 20px; top: 13px; }
}

/* 이벤트4 */
.sub13 #contents { position: relative; padding:0; background: linear-gradient(-120deg, #fdbc8f, #e94d57, #fdbc8f); }
.sub13 .section01 { position: relative; padding-top: 145px; margin: 0; }
.sub13 .section01 .content { position: relative; display: block; width: 100%; margin: 0 auto; padding:0 20px 76px; }
.sub13 .section01 .content .title { position: relative; }
.sub13 .section01 .content .title .img_box01 { width: 100%; max-width: 563px; height: 532px; margin: 0 auto; position: relative; background: url(../img/sub13/title-shadow.svg) no-repeat; background-position: center; background-size: 100%; }
.sub13 .section01 .content .title .img_box01 .img1 { position: absolute; width: 100%; max-width: 264px; left: 50%; top: 5px; transform: translateX(-50%); z-index: 6; }
.sub13 .section01 .content .title .img_box01 .img2 { position: absolute; width: 100%; max-width: 366px; left: 50%; top: 39px; transform: translateX(-50%); z-index: 4; }
.sub13 .section01 .content .title .img_box01 .img3 { position: absolute; width: 100%; max-width: 63px; right: 19%; top: 0; z-index: 7; }
.sub13 .section01 .content .title .img_box01 .img4 { position: absolute; width: 100%; max-width: 488px; left: 50%; top: 32%; transform: translateX(-50%); z-index: 2; }
.sub13 .section01 .content .title .img_box01 .img5 { position: absolute; width: 100%; max-width: 253px; left: 3%; top: 6%; z-index: 5; }
.sub13 .section01 .content .title .img_box01 .img6 { position: absolute; width: 100%; max-width: 351px; left: 50%; bottom: 14%; transform: translateX(-50%); z-index: 1; }
.sub13 .section01 .content .title .img_box01 .img7 { position: absolute; width: 100%; max-width: 143px; right: 14%; bottom: 21%; z-index: 3; }
.sub13 .section01 .content .title .img_box02 { width: 100%; max-width: 772px; position: absolute; left: 50%; top: 0; transform: translate(-50%, -17%); }
.sub13 .section01 .content .title img { width:100%; }
.sub13 .section01 .content .text { font-weight: 400; font-size: 17px; line-height: 27px; letter-spacing: -0.04em; text-align: center; color: #fff; padding-top: 35px; }

.sub13 .gift { text-align: center; width: 100%; }
.sub13 .gift div { width: 100%; max-width: 600px; margin: 0 auto; }
.sub13 .gift img { padding: 0 54px; width: 100%; max-width: 600px; opacity: 1; }
.sub13 .gift img.on { animation: bounce 1s; opacity: 1; }

.sub13 .section02 { padding: 36px 0 70px; }
.sub13 .section02 .content { padding: 0 20px; }
.sub13 .section02 .content .howto { max-width: 600px; width: 100%; margin: 0 auto; }

.sub13 .section02 .content .date_area { max-width: 600px; width: 100%; margin: 50px auto 62px; border-top: 0.5px solid #fff; border-bottom: 0.5px solid #fff; padding: 10px 0; display: flex; flex-direction: column; color: #fff; font-size: 17px; font-weight: 400; line-height: 25px; }
.sub13 .section02 .content .date_area .top { border-bottom: 0.5px solid #fff; padding-bottom: 10px; margin-bottom: 10px; }
.sub13 .section02 .content .date_area span { font-weight: 700; margin-right: 44px; }

.sub13 .section02 .content .button { display: flex; gap: 45px; justify-content: center; margin-bottom: 62px; }
.sub13 .section02 .content .button a.subscribe { background: #FF2C2C; text-align: center; color: #fff; font-family: 'WavvePADO'; max-width: 200px; width: 100%; height: 45px; line-height: normal; border-radius: 999px; font-size: 25px; font-weight: 400; letter-spacing: -0.5px; transition: all 500ms; padding: 10px 0 7px; }
.sub13 .section02 .content .button a.subscribe:hover { transform: translateY(-5px); box-shadow: 3.5px 3.5px #4a4a4a; }
.sub13 .section02 .content .button span.end { background: #777; text-align: center; color: #fff; font-family: 'WavvePADO'; max-width: 200px; width: 100%; height: 45px; line-height: 45px; border-radius: 36px; font-size: 25px; }


.sub13 .section02 .content .event_wrap .event_cont { background: url(../img/sub13/tree.svg) no-repeat; background-size: contain; background-position: center bottom; width: 100%; max-width: 668px; height: 809px; margin: 0 auto; }
.sub13 .section02 .content .event_wrap .event_cont .star { text-align: center; }
.sub13 .section02 .content .event_wrap .event_cont .star img { width: 125px; animation: shining 2s infinite; }
.sub13 .section02 .content .event_wrap .event_cont .item_box { position: relative; margin-top: 10px; height: 650px; }
.sub13 .section02 .content .event_wrap .event_cont .item_box .item01 { position: absolute; right: 23%; top: 1%; }
.sub13 .section02 .content .event_wrap .event_cont .item_box .item02 { position: absolute; left: 15%; top: 6%; }
.sub13 .section02 .content .event_wrap .event_cont .item_box .item03 { position: absolute; right: 24%; top: 33%; }
.sub13 .section02 .content .event_wrap .event_cont .item_box .item04 { position: absolute; left: 6%; top: 40%; }
.sub13 .section02 .content .event_wrap .event_cont .item_box .item05 { position: absolute; left: 26%; top: 67%; }
.sub13 .section02 .content .event_wrap .event_cont .item_box .item06 { position: absolute; right: 7%; top: 58%; }
.sub13 .section02 .content .event_wrap .event_cont .item_box .item { transform-origin: right top; }
.sub13 .section02 .content .event_wrap .event_cont .item_box .item:hover { animation: shake 2.5s infinite linear; }
@keyframes shake {
	0%{ transform: rotate(5deg); }
	50%{ transform: rotate(0deg); }
	100%{ transform: rotate(5deg); }
}
@keyframes shining {
	0%{ filter: brightness(1) drop-shadow(0 0 5px #E7C549); }
	50%{ filter: brightness(1.5) drop-shadow(0 0 10px #E7C549);; }
	100%{ filter: brightness(1) drop-shadow(0 0 5px #E7C549);; }
}

.sub13 .popUp  { z-index: 10000;}


.sub13 .section02 .content .text { max-width: 600px; width: 100%; background: #e8e8e8; margin: 0 auto 50px; padding: 19px; box-sizing: border-box; }
.sub13 .section02 .content .text ul { padding-inline-start: 14px; padding-left: 14px; }
.sub13 .section02 .content .text ul li{ list-style: disc; font-family: 'GmarketSans'; font-weight: 500; font-size: 15px; color: #000; line-height: 22px; letter-spacing: -0.3px; }

.sub13 .section02 .content .info { max-width: 600px; width: 100%; margin: 0px auto; }
.sub13 .section02 .content .info ul { padding-inline-start: 1em; border-top: 0.5px solid #fff; color: #fff; padding-top: 20px; }
.sub13 .section02 .content .info ul li { list-style: disc; font-family:'Noto Sans CJK Kr'; font-size: 15px; line-height: 22px; letter-spacing: -0.3px; font-weight: 400; }
.sub13 .section02 .content .info li::marker { font-size: 8px; }
.sub13 .section02 .content .info ul li span { position: relative; }

@media only all and (max-width:767px) {
	.sub13 .section01 { padding-top: 20px; }
	.sub13 .section01 .content { padding: 0 20px 30px; }
	.sub13 .section01 .content .title { width:100%; max-width: 100%; }
	.sub13 .section01 .content .title .img_box01 { width: 100%; max-width: 319px; height: 301px; background: url(../img/sub13/title-shadow.svg) no-repeat; background-position: center; background-size: 100%; }
	.sub13 .section01 .content .title .img_box01 .img1 { width: 100%; max-width: 150px; left: 50%; top: 20px; transform: translateX(-50%); z-index: 6; }
	.sub13 .section01 .content .title .img_box01 .img2 { width: 100%; max-width: 207px; left: 50%; top: 41px; transform: translateX(-50%); z-index: 4; }
	.sub13 .section01 .content .title .img_box01 .img3 { width: 100%; max-width: 41px; right: 19%; top: 10px; z-index: 7; }
	.sub13 .section01 .content .title .img_box01 .img4 { width: 100%; max-width: 277px; left: 50%; top: 38%; transform: translateX(-50%); z-index: 2; }
	.sub13 .section01 .content .title .img_box01 .img5 { width: 100%; max-width: 143px; left: 3%; top: 12%; z-index: 5; }
	.sub13 .section01 .content .title .img_box01 .img6 { width: 100%; max-width: 198px; left: 50%; bottom: 8%; transform: translateX(-50%); z-index: 1; }
	.sub13 .section01 .content .title .img_box01 .img7 { width: 100%; max-width: 81px; right: 14%; bottom: 15%; z-index: 3; }
	.sub13 .section01 .content .title .img_box02 { width: 100%; max-width: 362px; position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); }
	.sub13 .section01 .content .text { text-align: left; padding-top: 23px; }

	.sub13 .gift img { padding: 0 62px; }

	.sub13 .section02 { padding: 22px 0 50px; }
	.sub13 .section02 .content .howto img { padding: 0 35px; }

	.sub13 .section02 .content .date_area { margin: 56px auto; letter-spacing: -0.34px; }
	.sub13 .section02 .content .date_area > div { display: flex; }
	.sub13 .section02 .content .date_area span { margin-right: 20px; }
	
	.sub13 .section02 .content .button { margin-bottom: 53px; }
	.sub13 .section02 .content .button a.subscribe { max-width: 200px; width: 100%; height: 45px; border-radius: 999px; font-size: 20px; margin:5px; padding: 13px 0 9px; }
	.sub13 .section02 .content .button span.end { max-width: 200px; width: 100%; height: 45px; border-radius: 999px; font-size: 20px; margin:5px; padding: 13px 0 9px; }

	.sub13 .section02 .content .event_wrap .event_cont { max-width: 360px; height: 457px; }
	.sub13 .section02 .content .event_wrap .event_cont .star { text-align: center; }
	.sub13 .section02 .content .event_wrap .event_cont .star img { width: 67px; }
	.sub13 .section02 .content .event_wrap .event_cont .item_box { margin-top: 10px; height: 650px; }
	.sub13 .section02 .content .event_wrap .event_cont .item_box .item01 { width: 32%; right: 23%; top: 1%; }
	.sub13 .section02 .content .event_wrap .event_cont .item_box .item02 { width: 32%; left: 15%; top: 6%; }
	.sub13 .section02 .content .event_wrap .event_cont .item_box .item03 { width: 32%; right: 24%; top: 20%; }
	.sub13 .section02 .content .event_wrap .event_cont .item_box .item04 { width: 32%; left: 6%; top: 24%; }
	.sub13 .section02 .content .event_wrap .event_cont .item_box .item05 { width: 27%; left: 26%; top: 39%; }
	.sub13 .section02 .content .event_wrap .event_cont .item_box .item06 { width: 32%; right: 7%; top: 35%; }

	.sub13 .section02 .content .text { margin: 0 auto 47px; padding: 19px 10px 17px; }
	.sub13 .section02 .content .text ul li{ font-size: 14px; letter-spacing: -0.28px; }

    .sub13 .section01 .content .info ul { margin: 0 20px;}
	.sub13 .section02 .content .info ul li { letter-spacing: -0.75px; }
}

/* 이벤트 당첨자리스트 */
.result_modal01 { position: fixed; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; right: 0; bottom: 0; padding: 20px; }
.result_modal01 .modal { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 5px; width: 100%; max-width: 500px; height: 630px; }
.result_modal01 .modal .content { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 31px 17px 44px; }
.result_modal01 .modal .content .message { text-align: center; }
.result_modal01 .modal .content .message .main_text { color: #FF2C2C; font-family:'WavvePADO'; font-size: 40px; letter-spacing: -0.8px; margin: -55px auto 10px; }
.result_modal01 .modal .content .message .sub_text { font-family:'WavvePADO'; font-size: 24px; letter-spacing: -0.48px; }
.result_modal01 .modal .content .gift_area { width: 100%; max-width: 378px; border-radius: 5px; border: 2px solid #d9d9d9; padding: 22px 0 15px; margin: 30px auto 41px; }
.result_modal01 .modal .content .gift_area .img_box { width: 100%; max-width: 142px; margin: 0 auto; box-shadow: 0 4px 3px rgba(0, 0, 0, 0.25); border-radius: 8px; }
.result_modal01 .modal .content .gift_area p { font-size: 15px; font-weight: 400; letter-spacing: -0.3px; text-align: center; margin-top: 12px; }
.result_modal01 .modal .content .text_box { text-align: center; }
.result_modal01 .modal .content .text_box span { font-family:'WavvePADO'; font-size: 18px; font-weight: 400; letter-spacing: -0.36px; }
.result_modal01 .modal .content .text_box p { font-size: 15px; font-weight: 400; letter-spacing: -0.3px; margin: 15px auto 25px; }
.result_modal01 .modal .content .button { display: block; width: 200px; height: 45px; background: #FF2C2C; border-radius: 999px; color: #fff; font-family:'WavvePADO'; font-size: 25px; font-weight: 400; letter-spacing: -0.5px; text-align: center; padding: 10px 0 7px; margin: 0 auto; cursor: pointer; }

.result_modal02 { position: fixed; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; right: 0; bottom: 0; padding: 20px; }
.result_modal02 .modal { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 5px; width: 100%; max-width: 500px; height: 630px; }
.result_modal02 .modal .content { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 38px 53px 31px 54px; }
.result_modal02 .modal .content .winning_form .header { text-align: center; }
.result_modal02 .modal .content .winning_form .header .main_txt { color: #FF2C2C; font-family:'WavvePADO'; font-size: 24px; font-weight: 400; letter-spacing: -0.48px; }
.result_modal02 .modal .content .winning_form .header .sub_txt { font-size: 15px; font-weight: 400; letter-spacing: -0.3px; margin: 11px auto 32px; }
.result_modal02 .modal .content .winning_form .input_area { display: flex; flex-direction: column; }
.result_modal02 .modal .content .winning_form .input_area > div label { font-size: 15px; font-weight: 500; letter-spacing: -0.3px; }
.result_modal02 .modal .content .winning_form .input_area .winner_name { display: flex; justify-content: space-between; }
.result_modal02 .modal .content .winning_form .input_area .winner_name input { border-radius: 5px; border: 2px solid #d9d9d9; width: 301px; height: 34.5px; }
.result_modal02 .modal .content .winning_form .input_area .winner_phone { display: flex; justify-content: space-between; margin: 13px 0; }
.result_modal02 .modal .content .winning_form .input_area .winner_phone .sel { display: inline; }
.result_modal02 .modal .content .winning_form .input_area .winner_phone .sel select { border-radius: 5px; border: 2px solid #d9d9d9; width: 90px; height: 34.5px; }
.result_modal02 .modal .content .winning_form .input_area .winner_phone .sel input { border-radius: 5px; border: 2px solid #d9d9d9; width: 90px; height: 34.5px; }
.result_modal02 .modal .content .winning_form .input_area .winner_email { display: flex; justify-content: space-between; }
.result_modal02 .modal .content .winning_form .input_area .winner_email input { border-radius: 5px; border: 2px solid #d9d9d9; width: 301px; height: 34.5px; }
.result_modal02 .modal .content .winning_form .agreement .title { font-size: 15px; font-weight: 500; letter-spacing: -0.3px; margin: 17px 0 0; }
.result_modal02 .modal .content .winning_form .agreement .cont { width: 100%; height: 132px; overflow-y: scroll; background: #f2f2f2; padding: 13px 10px 13px 15px; }
.result_modal02 .modal .content .winning_form .agreement .cont dl dt { font-size: 14px; font-weight: 500; letter-spacing: -0.28px; }
.result_modal02 .modal .content .winning_form .agreement .cont dl dd { font-size: 14px; font-weight: 300; letter-spacing: -0.28px; }
.result_modal02 .modal .content .winning_form .agreement .winner_agree { margin: 12px 0; }
.result_modal02 .modal .content .winning_form .agreement .winner_agree input { width: 24.5px; height: 24.5px; border-radius: 5px; border: 2px solid #d9d9d9; }
.result_modal02 .modal .content .winning_form .submit_btn { display: block; width: 200px; height: 45px; background: #FF2C2C; border-radius: 999px; color: #fff; font-family:'WavvePADO'; font-size: 25px; font-weight: 400; letter-spacing: -0.5px; text-align: center; padding: 10px 0 7px; margin: 0 auto; cursor: pointer; }

.result_modal03 { position: fixed; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; right: 0; bottom: 0; padding: 20px; }
.result_modal03 .modal { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 5px; width: 100%; max-width: 500px; height: 365px; }
.result_modal03 .modal .content { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 47px 0 46px; text-align: center; }
.result_modal03 .modal .content .main_text { color: #FF2C2C; font-family:'WavvePADO'; font-size: 40px; font-weight: 400; letter-spacing: -0.8px; }
.result_modal03 .modal .content p { font-family:'WavvePADO'; font-size: 18px; font-weight: 400; letter-spacing: -0.36px; margin: 26px auto 19px; }
.result_modal03 .modal .content span { font-size: 15px; font-weight: 400; letter-spacing: -0.3px; }
.result_modal03 .modal .content .button { width: 200px; height: 45px; background: #b2b2b2; border-radius: 999px; color: #fff; font-family:'WavvePADO'; padding: 10px 0 7px; font-size: 25px; font-weight: 400; letter-spacing: -0.5px; margin-top: 33px; cursor: pointer; }

.result_modal04 { position: fixed; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; right: 0; bottom: 0; padding: 20px; }
.result_modal04 .modal { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 5px; width: 100%; max-width: 500px; }
.result_modal04 .modal .content { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 47px 0 46px; text-align: center; }
.result_modal04 .modal .content .main_text { color: #FF2C2C; font-family:'WavvePADO'; font-size: 40px; font-weight: 400; padding-top: 5px; padding-bottom: 10px; letter-spacing: -0.8px; }
.result_modal04 .modal .content p { font-family:'WavvePADO'; font-size: 18px; font-weight: 400; letter-spacing: -0.36px; margin: 26px auto 19px; }
.result_modal04 .modal .content span { font-size: 15px; font-weight: 400; letter-spacing: -0.3px; }
.result_modal04 .modal .content .button { width: 200px; height: 45px; background: #b2b2b2; border-radius: 999px; color: #fff; font-family:'WavvePADO'; padding: 10px 0 7px; font-size: 25px; font-weight: 400; letter-spacing: -0.5px; margin-top: 33px; cursor: pointer; }
.result_modal04 .modal .content .sub_text { font-family:'WavvePADO'; font-size: 24px; letter-spacing: -0.48px; }

.result_modal05 { position: fixed; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; right: 0; bottom: 0; padding: 20px; }
.result_modal05 .modal { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 5px; width: 100%; max-width: 500px; }
.result_modal05 .modal .content { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 47px 0 46px; text-align: center; }
.result_modal05 .modal .content .main_text { color: #FF2C2C; font-family:'WavvePADO'; font-size: 40px; font-weight: 400; padding-top: 5px; padding-bottom: 10px; letter-spacing: -0.8px; }
.result_modal05 .modal .content p { font-family:'WavvePADO'; font-size: 18px; font-weight: 400; letter-spacing: -0.36px; margin: 26px auto 19px; }
.result_modal05 .modal .content span { font-size: 15px; font-weight: 400; letter-spacing: -0.3px; }
.result_modal05 .modal .content .button { width: 200px; height: 45px; background: #b2b2b2; border-radius: 999px; color: #fff; font-family:'WavvePADO'; padding: 10px 0 7px; font-size: 25px; font-weight: 400; letter-spacing: -0.5px; margin-top: 33px; cursor: pointer; }
.result_modal05 .modal .content .sub_text { font-family:'WavvePADO'; font-size: 24px; letter-spacing: -0.48px; }

.result_modal06 { position: fixed; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; right: 0; bottom: 0; padding: 20px; }
.result_modal06 .modal { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 5px; width: 100%; max-width: 500px; }
.result_modal06 .modal .content { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 47px 0 46px; text-align: center; }
.result_modal06 .modal .content .main_text { color: #FF2C2C; font-family:'WavvePADO'; font-size: 40px; font-weight: 400; padding-top: 5px; padding-bottom: 10px; letter-spacing: -0.8px; }
.result_modal06 .modal .content p { font-family:'WavvePADO'; font-size: 18px; font-weight: 400; letter-spacing: -0.36px; margin: 26px auto 19px; }
.result_modal06 .modal .content span { font-size: 15px; font-weight: 400; letter-spacing: -0.3px; }
.result_modal06 .modal .content .button { width: 200px; height: 45px; background: #b2b2b2; border-radius: 999px; color: #fff; font-family:'WavvePADO'; padding: 10px 0 7px; font-size: 25px; font-weight: 400; letter-spacing: -0.5px; margin-top: 33px; cursor: pointer; }
.result_modal06 .modal .content .sub_text { font-family:'WavvePADO'; font-size: 24px; letter-spacing: -0.48px; }

@media only all and (max-width: 767px) {
	.result_modal01 .modal { max-width: 300px; height: fit-content; }
	.result_modal01 .modal .content .message .main_text { font-size: 27px; margin: -55px auto 10px; }
	.result_modal01 .modal .content .message .sub_text { font-size: 16px; }
	.result_modal01 .modal .content .gift_area { max-width: 230px; }
	.result_modal01 .modal .content .gift_area p { font-size: 13px; }
	.result_modal01 .modal .content .text_box span { font-size: 14px; }
	.result_modal01 .modal .content .text_box p { font-size: 12px; }
	.result_modal01 .modal .content .button { width: 170px; }

	.result_modal02 .modal { max-width: 300px; height: fit-content; }
	.result_modal02 .modal .content { padding: 38px 20px 31px 20px; }
	.result_modal02 .modal .content .winning_form .header .main_txt { font-size: 20px; }
	.result_modal02 .modal .content .winning_form .header .sub_txt { font-size: 13px; }
	.result_modal02 .modal .content .winning_form .input_area > div label { font-size: 12px; padding-top: 5px; }
	.result_modal02 .modal .content .winning_form .input_area .winner_name input { width: 180px; }
	.result_modal02 .modal .content .winning_form .input_area .winner_phone .sel select { width: 50px; }
	.result_modal02 .modal .content .winning_form .input_area .winner_phone .sel input { width: 50px; }
	.result_modal02 .modal .content .winning_form .input_area .winner_email input { width: 180px; }
	.result_modal02 .modal .content .winning_form .agreement .title { font-size: 13px; }
	.result_modal02 .modal .content .winning_form .agreement .cont dl dt { font-size: 12px; }
	.result_modal02 .modal .content .winning_form .agreement .cont dl dd { font-size: 12px; }
	.result_modal02 .modal .content .winning_form .agreement .winner_agree input { width: 20px; height: 20px; }
	.result_modal02 .modal .content .winning_form .submit_btn { width: 170px;font-size: 20px; }
	.result_modal02 .modal .content select { font-size: 15px; }

	.result_modal03 .modal { max-width: 300px; height: fit-content; }
	.result_modal03 .modal .content .main_text { font-size: 30px; }
	.result_modal03 .modal .content p { font-size: 15px; }
	.result_modal03 .modal .content span { font-size: 10px; padding: 0 20px; }
	.result_modal03 .modal .content .button { width: 170px; font-size: 20px; }

	.result_modal04 .modal { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 5px; width: 100%; max-width: 300px; }
	.result_modal04 .modal .content { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 47px 0 46px; text-align: center; }
	.result_modal04 .modal .content .main_text { color: #FF2C2C; font-family:'WavvePADO'; font-size: 25px; font-weight: 400; padding-top: 5px; padding-bottom: 10px; letter-spacing: -0.8px; }
	.result_modal04 .modal .content p { font-family:'WavvePADO'; font-size: 18px; font-weight: 400; letter-spacing: -0.36px; margin: 26px auto 19px; }
	.result_modal04 .modal .content span { font-size: 15px; font-weight: 400; letter-spacing: -0.3px; }
	.result_modal04 .modal .content .button { width: 170px; height: 45px; background: #b2b2b2; border-radius: 999px; color: #fff; font-family:'WavvePADO'; padding: 10px 0 7px; font-size: 20px; font-weight: 400; letter-spacing: -0.5px; margin-top: 33px; cursor: pointer; }
	.result_modal04 .modal .content .sub_text { font-family:'WavvePADO'; font-size: 24px; letter-spacing: -0.48px; }
	.result_modal04 .modal .content .message .img_box { text-align: center; }
	.result_modal04 .modal .content .message .img_box img { width: 60%; }

	.result_modal05 .modal { max-width: 300px; }
	.result_modal05 .modal .content .main_text { font-size: 23px; margin-top: 15px; }
	.result_modal05 .modal .content p { font-size: 15px; }
	.result_modal05 .modal .content span { font-size: 15px; font-weight: 400; letter-spacing: -0.3px; }
	.result_modal05 .modal .content .button { width: 170px; }
	.result_modal05 .modal .content .sub_text { font-family:'WavvePADO'; font-size: 16px; letter-spacing: -0.48px; }
	.result_modal05 .modal .content .message .img_box { text-align: center; }
	.result_modal05 .modal .content .message .img_box img { width: 70%; }

	.result_modal06 .modal { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 5px; width: 100%; max-width: 300px; }
	.result_modal06 .modal .content { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 47px 0 46px; text-align: center; }
	.result_modal06 .modal .content .main_text { color: #FF2C2C; font-family:'WavvePADO'; font-size: 25px; font-weight: 400; padding-top: 5px; padding-bottom: 10px; letter-spacing: -0.8px; }
	.result_modal06 .modal .content p { font-family:'WavvePADO'; font-size: 18px; font-weight: 400; letter-spacing: -0.36px; margin: 26px auto 19px; }
	.result_modal06 .modal .content span { font-size: 15px; font-weight: 400; letter-spacing: -0.3px; }
	.result_modal06 .modal .content .button { width: 170px; height: 45px; background: #b2b2b2; border-radius: 999px; color: #fff; font-family:'WavvePADO'; padding: 10px 0 7px; font-size: 20px; font-weight: 400; letter-spacing: -0.5px; margin-top: 33px; cursor: pointer; }
	.result_modal06 .modal .content .sub_text { font-family:'WavvePADO'; font-size: 24px; letter-spacing: -0.48px; }
}


.winner-list #passwordForm { position: relative; width: 100%; max-width: 1020px;  padding: 0; margin: 100px auto; background: #fff; text-align: center; }
.winner-list #passwordForm input { padding: 10px; border: 1px solid #333; width: 270px; }
.winner-list #passwordForm button { padding: 11px; background: #333; color: #fff; margin-left: -5px; }
.winner-list #errorMessage { position: relative; width: 100%; max-width: 1020px;  padding: 0; margin: 0 auto 100px auto; background: #fff; text-align: center; }

.winner-list #contents { position: relative; padding: 100px 0; width: 1260px;  margin: 0 auto; background: #fff;}
.winner-list #contents .title { font-size: 24px; text-align: center; margin-bottom: 30px; font-weight: 700; }
.winner-list #contents .challengers { font-size: 18px; text-align: center; margin-bottom: 30px; font-weight: 400; }
.winner-list #contents .winner_list_top {display: flex; justify-content: space-between;}
.winner-list #contents .winner_list_top .search_form { position: relative; } 
.winner-list #contents .winner_list_top .search_form input.search_form_input { padding: 10px; border: 1px solid #ddd; border-radius: 0; width: 300px; font-size: 14px; }
.winner-list #contents .winner_list_top .search_form input[type=text]:focus{ padding: 10px; border: 1px solid #333; border-radius: 0; width: 300px; font-size: 14px; }
.winner-list #contents .winner_list_top .search_form i.xi-search {position: absolute; top: 9px; right: 9px;font-size: 24px; cursor: pointer;}
.winner-list #contents .winner_list_top .excel_down_btn { color: #fff; background: #000; cursor: pointer; padding: 5px 15px; font-size: 14px; height: 30px; }
.winner-list #contents .winner_list {width: 100%; margin: 20px 0;}
.winner-list #contents .winner_list thead tr {border-top: 0px solid #333; border-bottom: 0px solid #aaa; background:#777;  }
.winner-list #contents .winner_list thead tr td {text-align: center; font-size: 15px; color:#fff; padding: 5px 0;}
.winner-list #contents .winner_list tbody tr td {text-align: center; font-size: 15px; color:#333; padding: 10px 0;}
.winner-list #contents .winner_list thead tr td.regno {width: 55px;}
.winner-list #contents .winner_list thead tr td.vol_idx,
.winner-list #contents .winner_list tbody tr td.vol_idx {display: none;}
.winner-list #contents .winner_list thead tr td.name {width: 120px;}
.winner-list #contents .winner_list thead tr td.tel {width: 120px;}
.winner-list #contents .winner_list tbody tr {border-bottom: 1px solid #aaa;}
.winner-list #contents .winner_list tbody tr td.name { font-weight: 700; }
.winner-list #contents .pagination {text-align: center;}
.winner-list #contents .pagination .page_btn {display: inline-block; color: #9b9b9b; width: 30px; height: 30px; line-height: 30px;}
.winner-list #contents .pagination .page_btn:hover,
.winner-list #contents .pagination .page_btn.current {color: #000; font-weight: bold;}

/* @media only all and (max-width:767px) {
	.sub11 #contents { padding: 20px 0; }
} */

/* 이벤트5 */
.sub14 #contents { position: relative; padding: 0; margin: 0; background: #2F9170;}
.sub14 .section01 { position: relative; display: block; width: 100%; max-width: 960px; margin: 0 auto; padding: 0 20px; }
.sub14 .section01 .content { position: relative; padding: 38px 0 70px; }

.sub14 .section01 .content .title { width:100%; max-width: 724px; margin: 0 auto; position: relative; }
.sub14 .section01 .content .title img { width: 100%; }
.sub14 .section01 .content .title .ribbon { max-width: 119px; position: absolute; left: 45%; top: 24%; z-index: 3; }
.sub14 .section01 .content .title .bell01 { max-width: 53px; position: absolute; left: 46%; top: 27%; z-index: 2; transform-origin: right top; animation: bell01 3.5s infinite; }
.sub14 .section01 .content .title .bell02 { max-width: 52px; position: absolute; left: 53%; top: 27%; z-index: 1; transform-origin: left top; animation: bell02 3.5s infinite; }
@keyframes bell01 {
	0%{ transform: rotate(10deg); }
	40%{ transform: rotate(-5deg); }
	65%{ transform: rotate(-5deg); }
	100%{ transform: rotate(10deg); }
}
@keyframes bell02 {
	0%{ transform: rotate(5deg); }
	20%{ transform: rotate(5deg); }
	45%{ transform: rotate(-10deg); }
	50%{ transform: rotate(-10deg); }
	80%{ transform: rotate(5deg); }
	100%{ transform: rotate(5deg); }
}

.sub14 .section01 .content .title .text_box { display: flex; flex-direction: column; gap: 20px; position: absolute; left: 42%; top: 39%; }
.sub14 .section01 .content .title .text_box h3 { font-family: 'GmarketSans'; font-weight: 500; font-size: 50px; line-height: 50px; letter-spacing: -0.04em; text-align: center; color: #2F9170; }

.sub14 .section01 .content .text { width: 100%; margin: 39px auto 66px; color: #fff; text-align: center; font-size: 17px; font-weight: 400; line-height: 27px; letter-spacing: -0.04em; }

.sub14 .section01 .content .gift { text-align: center; }
.sub14 .section01 .content .gift img { opacity: 0; width: 100%; max-width: 602px; padding: 0 75px; }
.sub14 .section01 .content .gift img.on { animation: bounce 1s; opacity: 1; }

.sub14 .section01 .content .date_area { max-width: 600px; width: 100%; margin: 53px auto 50px; border-top: 0.5px solid #fff; border-bottom: 0.5px solid #fff; padding: 8px 0 10px; display: flex; color: #fff; font-size: 17px; font-weight: 400; line-height: 25px; letter-spacing: -0.02em; flex-direction: column; }
.sub14 .section01 .content .date_area .top { border-bottom: 0.5px solid #fff; padding-bottom: 10px; margin-bottom: 10px; }
.sub14 .section01 .content .date_area span { font-weight: 700; margin-right: 44px; }

.sub14 .section01 .content .button { position: relative; display: flex; gap: 46px; justify-content: center; margin: 0 auto; }
.sub14 .section01 .content .button a.subscribe { background: #424242; text-align: center; color: #fff; font-family: 'WavvePADO'; max-width: 200px; width: 100%; height: 45px; border-radius: 999px; font-size: 25px; font-weight: 400; line-height: 28px; letter-spacing: -0.02em; padding: 10px 0 7px; transition: all 500ms; }
.sub14 .section01 .content .button a.subscribe:hover { transform: translateY(-5px); box-shadow: 3.5px 3.5px #4a4a4a; }
.sub14 .section01 .content .button a.send { background: #BC3B3B; text-align: center; color: #fff; font-family: 'WavvePADO'; max-width: 200px; width: 100%; height: 45px; border-radius: 999px; font-size: 25px; font-weight: 400; line-height: 28px; letter-spacing: -0.02em; padding: 10px 0 7px; transition: all 500ms; }
.sub14 .section01 .content .button a.send:hover { transform: translateY(-5px); box-shadow: 3.5px 3.5px #4a4a4a; }
.sub14 .section01 .content .button span.end { background: #777; text-align: center; color: #fff; font-family: 'WavvePADO'; max-width: 200px; width: 100%; height: 45px; border-radius: 999px; font-size: 25px; font-weight: 400; letter-spacing: -0.5px; padding: 10px 0 7px; }

.sub14 .section01 .content .info { max-width: 600px; width: 100%; margin: 50px auto 0; border-top: 0.5px solid #fff; padding-top: 20px; }
.sub14 .section01 .content .info ul { padding-inline-start: 1em; color: #fff; }
.sub14 .section01 .content .info li { list-style: disc; font-family:'Noto Sans CJK Kr'; font-size: 15px; font-weight: 400; line-height: 22px; letter-spacing: -0.02em; }
.sub14 .section01 .content .info li::marker { font-size: 8px; }
.sub14 .section01 .content .info li span { position: relative; }

@media only all and (max-width:767px) {
	.sub14 .section01 { overflow: hidden; }
	.sub14 .section01 .content { padding: 35px 0 50px; }

	.sub14 .section01 .content .title { max-width: 100%; }
	.sub14 .section01 .content .title .main-img { transform: scale(1.07) translateX(-2%); }
	.sub14 .section01 .content .title .ribbon { max-width: 68px; left: 39%; top: 16%; }
	.sub14 .section01 .content .title .bell01 { max-width: 30px; left: 40%; top: 20%; }
	.sub14 .section01 .content .title .bell02 { max-width: 30px; left: 48%; top: 20%; }
	.sub14 .section01 .content .title .text_box { gap: 12px; left: 36%; top: 34%; }
	.sub14 .section01 .content .title .text_box img { max-width: 90px; }
	.sub14 .section01 .content .title .text_box h3 { font-size: 28px; line-height: 28px; }

	.sub14 .section01 .content .text { margin: 44px auto 42px; text-align: left; }

	.sub14 .section01 .content .gift img { padding: 0; }

	.sub14 .section01 .content .date_area { margin-top: 50px; margin-bottom: 36px; padding: 6px 0 10px; }
	.sub14 .section01 .content .date_area > div { display: flex; }
	.sub14 .section01 .content .date_area span { margin-right: 20px; }

	.sub14 .section01 .content .mobile_display .item_box ul { display: flex; flex-direction: column; gap: 32px; justify-content: center; }

	.sub14 .section01 .content .button { display: flex; gap: 20px; justify-content: center; margin: 36px 0; }
	.sub14 .section01 .content .button a.subscribe { max-width: 170px; width: 100%; height: 45px; font-size: 20px; line-height: 22px; padding: 12px 0 10px; }
	.sub14 .section01 .content .button a.send { max-width: 170px; width: 100%; height: 45px; font-size: 20px; line-height: 22px; padding: 12px 0 10px; }
	.sub14 .section01 .content .button span.end { max-width: 170px; width: 100%; height: 45px; font-size: 20px; letter-spacing: -0.4px; padding: 12px 0 10px; }

	.sub14 .section01 .content .info { margin: 36px auto 0; }
	.sub14 .section01 .content .info li { letter-spacing: -0.05em; }
}