.popup_bg{position:fixed; left:0; top:0; z-index:9999; width:100%; height:100vh; background:rgba(0,0,0,0.5);}
.popup{position:absolute; left:50%; top:50px; margin-left:-820px; padding:30px 1px 1px; background:#fff;}
.popup .today_check{position:absolute; left:10px; top:4px; width:calc(100% - 20px);}
.popup .today_check input[type="checkbox"]{display:none;}
.popup .today_check input[type="checkbox"] + label{position:relative; display:inline-block; padding-left:28px; line-height:22px; font-size:14px; color:#000;}
.popup .today_check input[type="checkbox"] + label:before{content:''; position:absolute; left:0; top:0px; display:block; width:22px; height:22px; background:#fff; border:1px solid #ddd;}
.popup .today_check input[type="checkbox"]:checked + label:before{background:#fff url(../img/main/icon-check.png) center no-repeat;}
.popup .btn_close{position:absolute; right:0; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url(../img/main/btn_close2.png) center no-repeat; background-size:contain; font-size:0; cursor:pointer; }
.popup .popup_con{max-height:calc(100vh - 150px); overflow-y:auto; }
@media (max-width: 1640px){
	.popup{left:10%; top:40px; margin-left:0;}
}

@media (max-width: 1201px){
	.popup{left:5%; top:40px; max-width:90%; }
	.popup img{max-width:100%; }
}

/* visaul_outWrap */
.visaul_outWrap{position:relative; display: flex; align-items: center; width:100%; height: 100%; min-height:860px;}
.visaul_outWrap .btn_scroll_down{position:absolute; left:50%; bottom:20px; transform:translateX(-50%); z-index:100; line-height:34px; font-size:17px; font-weight:bold; color:#ffffff; animation:bounce .7s linear infinite alternate;}
@keyframes bounce {
	from {bottom:20px; opacity:0.7;}
	to {bottom:30px}
}
.visaul_outWrap .btn_scroll_down img{margin-right:10px;}
.visaul_outWrap .kuBot{position:fixed; right:40px; bottom:40px; z-index:100; width: 118px;}
.visaul_outWrap .kuBot a {display: block;}
.visaul_outWrap .kuBot img{width: 100%;}
.visaul_outWrap .inner {width: 1200px; margin: 0 auto; padding: 100px 0;}

.visual_card_list {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px;}
.visual_card {position: relative; display: block; padding: 32px; background-color: #fff; border-radius: 4px; transition: all 0.2s ease;opacity: 0.9;}
.visual_card .cate {display: inline-block; flex:none; width: auto; padding: 8px 10px; border-radius: 30px; font-size: 14px; font-weight: 800; line-height: 1; transition: all 0.2s ease;}
.visual_card .tit {font-weight: 700; font-size: 20px; line-height: 28px; height: 56px; margin-top: 16px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.2s ease;}
.visual_card .date {margin-top: 44px; font-size: 16px; line-height: 24px; transition: all 0.2s ease;}
.visual_card_empty {width: 100%; height: 100%; overflow: hidden; border-radius: 4px; background: url('../img/main/img_visual_card_empty.png') no-repeat center center / cover;}

.card_type1 .cate {color: #fff;}
.card_type1 .tit {color: #000000;}
.card_type1 .date {color: #999999;}
.card_type1:hover .cate,
.card_type1:focus-visible .cate {background-color: #fff !important;}
.card_type1:hover .tit,
.card_type1:focus-visible .tit {color: #fff; text-decoration: underline; text-underline-position: under;}
.card_type1:hover .date,
.card_type1:focus-visible .date {color: #fff;}
.card_type1.type-green:hover,
.card_type1.type-green:focus-visible,
.card_type1.type-green .cate {background-color: var(--c-green);}
.card_type1.type-green:hover .cate,
.card_type1.type-green:focus-visible .cate {color: var(--c-green);}
.card_type1.type-blue:hover,
.card_type1.type-blue:focus-visible,
.card_type1.type-blue .cate {background-color: var(--c-blue);}
.card_type1.type-blue:hover .cate,
.card_type1.type-blue:focus-visible .cate {color: var(--c-blue);}
.card_type1.type-yellow:hover,
.card_type1.type-yellow:focus-visible,
.card_type1.type-yellow .cate {background-color: var(--c-yellow);}
.card_type1.type-yellow:hover .cate,
.card_type1.type-yellow:focus-visible .cate {color: var(--c-yellow);}
.card_type1.type-black:hover,
.card_type1.type-black:focus-visible,
.card_type1.type-black .cate {background-color: var(--c-black);}
.card_type1.type-black:hover .cate,
.card_type1.type-black:focus-visible .cate {color: var(--c-black);}
.card_type1.type-orange:hover,
.card_type1.type-orange:focus-visible,
.card_type1.type-orange .cate {background-color: var(--c-orange);}
.card_type1.type-orange:hover .cate,
.card_type1.type-orange:focus-visible .cate {color: var(--c-orange);}
.card_type1.type-purple:hover,
.card_type1.type-purple:focus-visible,
.card_type1.type-purple .cate {background-color: var(--c-purple);}
.card_type1.type-purple:hover .cate,
.card_type1.type-purple:focus-visible .cate {color: var(--c-purple);}

/* main_cont */
.main_cont{padding:120px 0;}
.main_cont .inner{width:1200px; margin:0 auto; }
@keyframes fadeInUp {
	from { opacity: 0; transform: translate3d(0, 50%, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes fadeInUp2 {
	from { opacity: 0; transform: translate3d(0, 20%, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes fadeInUp3 {
	from { opacity: 0; transform: translate3d(0, 10%, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes fadeInUp4 {
	from { opacity: 0; transform: translate3d(0, 2%, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.main_cont h2{margin-bottom:12px; text-align:center; font-size:52px; line-height: 68px; color:#000000; font-weight: 800; /* opacity:0; */}
.main_cont h2.fadeInUp{
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}
.main_cont h2 .thin{font-weight:300; text-transform: uppercase;}
.main_cont .h2-explain {font-size: 18px; line-height: 28px; text-align: center;}
.main_cont .card_list_more {margin-top: 60px; text-align: center;}
.main_cont .card_list_more .btn_more {height: 56px; width: 160px; padding: 3px; background-color: transparent ; border: 1px solid rgba(223, 223, 223, 1); font-weight: 700; font-size: 18px; line-height: 28px; color: #000;}
.main_cont .card_list_more .btn_more span {display: flex; height: 100%; width: 100%; justify-content: center; align-items: center;}
.main_cont .card_list_more .btn_more:hover,
.main_cont .card_list_more .btn_more:focus-visible {border: 0; color: #fff; background-color: rgba(0, 81, 40, 1);}
.main_cont .card_list_more .btn_more:hover span,
.main_cont .card_list_more .btn_more:focus-visible span {border:1px solid rgba(170, 200, 50, 1)}

/* main_cont_01 */
.main_cont_01{background:#F0F4DA;}
.main_cont_01 .cont_01_wrap {margin-top: 48px;}
.main_cont_01 .tab{display: flex; justify-content: center; align-items: center; gap: 30px; margin-bottom: 50px;}
.main_cont_01 .tab::after {display: none;}
.main_cont_01 .tab li{text-align:center; cursor:pointer;}
.main_cont_01 .tab li a{position:relative; z-index:1; display:inline-block; padding: 0 5px; line-height: 28px; font-size:18px; color:#000000; font-weight: 700;}
.main_cont_01 .tab li.on a{color:#18975E; font-weight: 800;}
/* .main_cont_01 .tab li.on a:after{content:''; position:absolute; left:0; bottom:-3px; z-index:-1; display:block; width:100%; height:18px; background:rgba(24, 151, 94, 0.2);} */
.main_cont_01 .tab_con{display:none;}
.main_cont_01 .kunow_card_list {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px;}
.main_cont_01 .kunow_card_list::after {display: none;}
.main_cont_01 .kunow_card {position: relative; display: block; padding: 32px; background-color: #fff; border-radius: 4px; transition: all 0.2s ease;}
.main_cont_01 .kunow_card .cate {display: inline-flex; justify-content: center; align-items: center; flex:none; padding: 8px 10px; border-radius: 30px; font-size: 12px; font-weight: 800; line-height: 1; text-align: center; transition: all 0.2s ease;}
.main_cont_01 .kunow_card .tit {height: calc(28px * 4); margin-top: 20px; font-weight: 700; font-size: 20px; line-height: 28px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; transition: all 0.2s ease;}
.main_cont_01 .kunow_card .date {margin-top: calc(64px - 28px); font-size: 16px; line-height: 24px; transition: all 0.2s ease;}

/* main_cont_02 */
.main_cont_02 {position: relative; z-index: 20; border-bottom: 1px solid rgba(234, 234, 234, 1);}
.main_cont_02 .cont_02_wrap {position: relative; margin-top: 80px;}
.main_cont_02 .cont_02_wrap::before {content: ''; display: block; position: absolute; left: calc(100% - 20px); bottom: calc(100% - 20px); width: 196px; height: 174px; background: url('../img/main/img_con02_01.png') no-repeat center center / contain;}
.main_cont_02 .shape {display: flex; align-items: center; position: absolute; left: calc(50% - 850px); top: 100%; height: 0;}
.main_cont_02 .shape::before,
.main_cont_02 .shape::after {content: ''; display: block; flex: none; position: relative;}
.main_cont_02 .shape::before {width: 189px; height: 189px; background:url('../img/main/img_shape_circle_01.png') no-repeat center center / contain;}
.main_cont_02 .shape::after {left: -50px; width: 195px; height: 195px; background:url('../img/main/img_shape_circle_02.png') no-repeat center center / contain;}
.main_cont_02 .tv_card_list {display: grid; gap: 24px; grid-template-columns: 1fr 1fr 1fr;}
.main_cont_02 .tv_card_list::after {display: none;}
.main_cont_02 .tv_card {display: block;}
.main_cont_02 .tv_card .thumb {width: 100%; aspect-ratio:384 / 216; overflow: hidden;}
.main_cont_02 .tv_card .thumb img {width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease;}
.main_cont_02 .tv_card .tit {margin-top: 24px; font-weight: 700; font-size: 20px; line-height: 28px; color: #000;}
.main_cont_02 .tv_card:hover .tit,
.main_cont_02 .tv_card:focus-visible .tit {color: #18975E; text-decoration: underline; text-underline-position: under;}
.main_cont_02 .tv_card:hover .thumb img,
.main_cont_02 .tv_card:focus-visible .thumb img {transform: scale(1.1);}

/* main_cont_03 */
.main_cont_03 {padding-bottom: 0 !important;}
.main_cont_03 .cont_03_wrap {position: relative; padding-top: 100px;}
.main_cont_03 .inner {width: 100%;}
.main_cont_03 .swiper_kuGuide {position: relative; display: flex; justify-content: center; overflow: hidden; height: 644px;}
.main_cont_03 .swiper_kuGuide .swiper-container {width:1900px;}
.main_cont_03 .swiper_kuGuide .swiper-wrapper {display: flex;}
.main_cont_03 .swiper_kuGuide .swiper-slide {position: relative; text-align: center; width: 400px; height: 524px; transform: scale(0.6); transition: all 0.3s ease;}
.main_cont_03 .swiper_kuGuide .swiper-slide::before {content:''; display: block; position: absolute; left: 0; top: 0; width: 100%;}
.main_cont_03 .swiper_kuGuide .swiper-slide a {display: block; width: 100%; height: 100%;}
.main_cont_03 .swiper_kuGuide .swiper-slide a img {width: 100%; height: 100%;}
.main_cont_03 .swiper_kuGuide .swiper-slide a strong {display: flex; justify-content: center; align-items: center; height: 72px; padding: 0 20px; margin-top: 48px; text-align: center; font-weight: 700; font-size: 24px; line-height: 36px; opacity: 0; color: #000; transition: all 0.3s ease;}
.main_cont_03 .swiper_kuGuide .swiper-slide-active {z-index: 2; transform: scale(1); box-shadow: 40px 40px 60px 0 rgba(0, 0, 0, 0.2);}
.main_cont_03 .swiper_kuGuide .swiper-slide-active::before {content:''; display: none;}
.main_cont_03 .swiper_kuGuide .swiper-slide-duplicate-active .tit,
.main_cont_03 .swiper_kuGuide .swiper-slide-active .tit {opacity: 1;}
.main_cont_03 .swiper_kuGuide .swiper-button-prev,
.main_cont_03 .swiper_kuGuide .swiper-button-next {width: 48px; height: 48px; left: auto; right: auto; top: auto; bottom: 12px; border: 0; margin: 0; transform: none; background-color: transparent; background: url('../img/main/btn_swiper_nav.png') no-repeat center center / contain;}
.main_cont_03 .swiper_kuGuide .swiper-button-prev {left: calc(50% - 400px);}
.main_cont_03 .swiper_kuGuide .swiper-button-next {right: calc(50% - 400px); transform: rotate(180deg);}
.main_cont_03 .cont_03_wrap::after {content:''; position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); display: block; width: 700px; height: 700px; border: 1px solid rgba(234, 234, 234, 1); border-radius: 50%;}

.bxslider_kuGuide .bx-viewport {height: 100px;}
.bxslider_kuGuide .bxslider li {width: 200px; transition: all 0.2s ease;}
.bxslider_kuGuide .bxslider li.active-slide {width: 400px; height: 100px;}

/* main_cont_04 */
.main_cont_04 .cont_04_wrap {position: relative;}
.main_cont_04 .cont_04_wrap::before {content: ''; display: block; position: absolute; z-index: 2; right: -109px; top: 134px; width: 218px; height: 220px; background:url('../img/main/bg_main_04_shape_01.png') no-repeat center center / contain;}
.main_cont_04 .cont_04_wrap::after {content: ''; display: block; position: absolute; z-index: 1; right: -122px; top: 249px; width: 246px; height: 246px; background:url('../img/main/bg_main_04_shape_02.png') no-repeat center center / contain;}
.main_cont_04 .cont_wrap {position: relative; z-index: 10; display: flex; width: 100%; margin-top: 40px; background:url('../img/main/bg_main_04.png') no-repeat center center / cover; color: #fff; text-align: center;}
.main_cont_04 .cont_panel {display: flex; width: 100%; height: 372px; overflow: hidden;}
.main_cont_04 .menu_area {display: flex; flex-direction: column; justify-content: center; flex:1 1 auto; padding: 8px 60px; overflow: hidden;}
.main_cont_04 .menu_area .menu_tit {margin-bottom: 40px;}
.main_cont_04 .menu_area .menu_tit strong {display: block; font-weight: 700; font-size: 48px; line-height: 64px;}
.main_cont_04 .menu_area .menu_tit small {display: block; margin-top: 4px; font-weight: 700; font-size: 18px; line-height: 28px;}
.main_cont_04 .menu_area .menu_list {width: 100%; overflow: hidden; padding: 19px 20px; border-top:1px solid rgba(255,255,255,0.4); border-bottom:1px solid rgba(255,255,255,0.4); text-align: center;}
.main_cont_04 .menu_area .menu_list ul {margin: -5px -30px;}
.main_cont_04 .cont_panel:nth-child(2) .menu_area .menu_list ul {max-width: 516px; margin: auto;}
.main_cont_04 .menu_area .menu_list li {position: relative; display: inline-block; margin: 5px 30px;}
.main_cont_04 .menu_area .menu_list a {position: relative; z-index:2; display: inline-block; padding: 0 3px; font-weight: 800; font-size: 18px; line-height: 28px;}
.main_cont_04 .menu_area .menu_list a:hover {background-image: linear-gradient(0deg, rgba(186,201,82,0.8) 45%, rgba(255,255,255,0) 45%);}
.main_cont_04 .tit_area {flex:none; display: flex; justify-content: center; align-items: center; width: 100%; background-color: rgba(5, 5, 5, 0.6);}
.main_cont_04 .tit_area strong {font-size: 36px; font-weight: 700; line-height: 48px; color: #fff;}
/* Interactions */
.main_cont_04 .cont_wrap[data-active="1"] {background-image: url('../img/main/bg_main_04_02.png');}
.main_cont_04 .cont_panel {width: 25%; transition: all 0.5s ease;}
.main_cont_04 .cont_panel .tit_area {width: 100%;}
.main_cont_04 .cont_panel .menu_area {visibility: hidden; opacity: 0; transition: all 0.5s 0.5s ease;}
.main_cont_04 .cont_panel.is_active {width: 75%;}
.main_cont_04 .cont_panel.is_active .tit_area {display: none;}
.main_cont_04 .cont_panel.is_active .menu_area {visibility: visible; opacity: 1;}

@media (max-width: 1240px){
	/* visaul_outWrap */
	.visaul_outWrap {min-height: 640px;}
	.visaul_outWrap .kuBot {height:100px; width: 100px; right: 30px; bottom: 30px;}
	.visaul_outWrap .inner{width:100%; padding:100px 20px 100px 20px;}
	.visual_card_list {gap: 16px;}
	.visual_card {padding: 24px;}
	.visual_card .cate {font-size: 12px;}
	.visual_card .tit {margin-top: 12px; font-size: 16px; line-height: 24px; height: 48px;}
	.visual_card .date {margin-top: 12px; font-size: 14px; line-height: 22px;}

	/* main_cont */
	.main_cont .inner{width:100%; padding:0 20px}
	.main_cont{padding:90px 0;}
	.main_cont h2{font-size:35px; line-height: 52px;}
	.main_cont .h2-explain {font-size: 16px; line-height: 24px;}
	.main_cont .card_list_more {margin-top: 48px;}
	.main_cont .card_list_more .btn_more {height: 48px; width: 150px; font-size: 16px; line-height: 24px;}

	/* main_cont_01 */
	.main_cont_01 .cont_01_wrap {margin-top: 40px;}
	.main_cont_01 .kunow_card_list {gap: 16px;}
	.main_cont_01 .kunow_card {padding: 24px;}
	.main_cont_01 .kunow_card .cate {font-size: 12px;}
	.main_cont_01 .kunow_card .tit {margin-top: 12px; font-size: 16px; line-height: 24px; height: calc(24px * 4);}
	.main_cont_01 .kunow_card .date {margin-top: 20px; font-size: 14px; line-height: 22px;}

	/* main_cont_02 */
	.main_cont_02 .cont_02_wrap {margin-top: 40px;}
	.main_cont_02 .tv_card_list {gap: 16px;}
	.main_cont_02 .tv_card .tit {margin-top: 12px; font-size: 16px; line-height: 24px;}
	.main_cont_02 .shape {display: none;}
	.main_cont_02 .cont_02_wrap::before {display: none;}

	/* main_cont_03 */
	/* .main_cont_03 .cont_03_wrap {padding-top: 60px;} */
	.main_cont_03 .swiper_kuGuide {height: 620px;}
	.main_cont_03 .swiper_kuGuide .swiper-slide a strong {height: 60px; margin-top: 36px; font-size: 20px; line-height: 30px;}
	.main_cont_03 .swiper_kuGuide .swiper-button-prev {left: calc(0%); bottom: 6px;}
	.main_cont_03 .swiper_kuGuide .swiper-button-next {right: calc(0%); bottom: 6px;}
	.main_cont_03 .cont_03_wrap::after {bottom: 10px;}

	/* main_cont_04 */
	.main_cont_04 .cont_04_wrap::after {transform: scale(0.8);}
	.main_cont_04 .cont_wrap {margin-top: 0;}
	.main_cont_04 .menu_area .menu_tit {margin-bottom: 32px;}
	.main_cont_04 .menu_area .menu_tit strong {font-size: 40px; line-height: 52px;}
	.main_cont_04 .menu_area .menu_tit small {font-size: 16px; line-height: 24px;}
	.main_cont_04 .menu_area .menu_list ul {margin: -5px -24px;}
	.main_cont_04 .menu_area .menu_list li {margin: 5px 24px;}
	.main_cont_04 .menu_area .menu_list a {font-size: 16px; line-height: 24px;}
	.main_cont_04 .menu_area .menu_list li:focus-visible::before,
	.main_cont_04 .menu_area .menu_list li:hover::before {left: -3px; right: -3px; z-index:1; height: 10px;}
	.main_cont_04 .tit_area strong {font-size: 30px; line-height: 42px;}
	.main_cont_04 .cont_04_wrap::after {display: none;}

}

@media (max-width: 1024px){
	.btn_scroll_down{display:none;}
}


@media (max-width: 767px){
	/* visaul_outWrap */
	.visaul_outWrap{height:460px; align-items: flex-end;}
	.visaul_outWrap .kuBot {height:60px; width: 60px; right: 20px; bottom: 20px;}
	.visaul_outWrap .inner {padding-bottom: 30px;}
	.visual_card_list {grid-template-columns: 1fr 1fr; gap: 12px;}
	.visual_card {padding: 20px;}
	.visual_card .cate {font-size: 11px; padding: 6px 8px;}
	.visual_card .tit {margin-top: 8px; font-size: 14px; line-height: 22px; height: 44px;}
	.visual_card .date {margin-top: 6px; font-size: 12px; line-height: 18px;}

	/* main_cont */
	.main_cont {padding: 60px 0;}
	.main_cont .inner{padding:0 15px;}
	.main_cont h2{margin-bottom: 8px; line-height: 36px; font-size:25px;}
	.main_cont .h2-explain {font-size: 14px; line-height: 22px;}
	.main_cont .card_list_more {margin-top: 30px;}
	.main_cont .card_list_more .btn_more {height: 40px; width: 130px; font-size: 14px; line-height: 22px;}

	/* main_cont_01 */
	.main_cont_01 .tab {margin-bottom: 30px; gap: 20px;}
	.main_cont_01 .tab li a {font-size: 16px;}
	.main_cont_01 .tab li.on:after {height: 15px;}
	.main_cont_01 .cont_01_wrap {margin-top: 32px;}
	.main_cont_01 .kunow_card_list {grid-template-columns: 1fr 1fr; gap: 12px;}
	.main_cont_01 .kunow_card {padding: 20px;}
	.main_cont_01 .kunow_card .cate {font-size: 11px; padding: 6px 8px;}
	.main_cont_01 .kunow_card .tit {margin-top: 12px; font-size: 14px; line-height: 22px; height: 44px; -webkit-line-clamp: 2;}
	.main_cont_01 .kunow_card .date {margin-top: 12px; font-size: 12px; line-height: 18px;}

	/* .main_cont_02 */
	.main_cont_02 .cont_02_wrap {margin-top: 32px;}
	.main_cont_02 .tv_card_list {gap: 12px;}
	.main_cont_02 .tv_card .tit {font-size: 14px; line-height: 22px;}

	/* .main_cont_03 */
	.main_cont_03 .cont_03_wrap {padding-top: 40px;}
	.main_cont_03 .swiper_kuGuide {height: 470px;}
	.main_cont_03 .swiper_kuGuide .swiper-slide {width: 300px; height: 391px;}
	.main_cont_03 .swiper_kuGuide .swiper-slide-active {box-shadow: 20px 20px 30px 0 rgba(0, 0, 0, 0.2);}
	.main_cont_03 .swiper_kuGuide .swiper-slide a strong {height: 48px; margin-top: 30px; font-size: 16px; line-height: 24px;}
	.main_cont_03 .swiper_kuGuide .swiper-button-prev {left: calc(0%); bottom: 8px; width: 32px; height: 32px;}
	.main_cont_03 .swiper_kuGuide .swiper-button-next {right: calc(0%); bottom: 8px; width: 32px; height: 32px;}
	.main_cont_03 .cont_03_wrap::after {bottom: 25px; width: 500px; height: 500px;}


	/* .main_cont_04 */
	.main_cont_04 .cont_04_wrap::after {display: none;}
	.main_cont_04 .cont_wrap {flex-direction: column; margin-top: 0; padding: 0;}
	.main_cont_04 .cont_panel {padding: 0; flex-direction: column; width: 100%;}
	.main_cont_04 .menu_area {padding: 10px 30px 12px;}
	.main_cont_04 .menu_area .menu_tit {margin-bottom: 32px;}
	.main_cont_04 .menu_area .menu_tit strong {font-size: 24px; line-height: 36px;}
	.main_cont_04 .menu_area .menu_tit small {font-size: 12px; line-height: 18px;}
	.main_cont_04 .menu_area .menu_list {padding: 19px 0;}
	.main_cont_04 .menu_area .menu_list ul {margin: -5px -24px;}
	.main_cont_04 .menu_area .menu_list li {margin: 5px 24px;}
	.main_cont_04 .menu_area .menu_list a {font-size: 14px; line-height: 22px;}
	.main_cont_04 .menu_area .menu_list li:focus-visible::before,
	.main_cont_04 .menu_area .menu_list li:hover::before {left: -3px; right: -3px; z-index:1; height: 10px;}
	.main_cont_04 .tit_area {width: 100%; height: 100%; padding: 20px;}
	.main_cont_04 .tit_area strong {font-size: 20px; line-height: 32px;}
	.main_cont_04 .cont_panel {width: 100%;}
	.main_cont_04 .menu_area {height: 0;}
	.main_cont_04 .cont_panel {height: 72px;}
	.main_cont_04 .cont_panel.is_active {width: 100%; height: 250px;}
	.main_cont_04 .cont_panel.is_active .menu_area {height: auto;}
}

@media (max-width: 540px){
	/* visaul_outWrap */
	.visual_card_list {grid-template-columns: 1fr; gap: 8px;}
	.visual_card {padding: 16px;}
	.visual_card .cate {font-size: 10px; padding: 5px 7px;}
	.visual_card .tit {height: 22px; -webkit-line-clamp: 1;}
	.visual_card .date {position: absolute; top: 20px; right: 20px; margin-top: 0px; font-size: 11px; line-height: 18px;}

	/* main_cont_01 */
	.main_cont_01 .tab {display: grid; grid-template-columns: 1fr 1fr 1fr; width: 280px; margin-left:auto; margin-right: auto; gap: 15px 30px;}
	.main_cont_01 .kunow_card_list {grid-template-columns: 1fr; gap: 8px;}
	.main_cont_01 .kunow_card {padding: 16px;}
	.main_cont_01 .kunow_card .cate {font-size: 10px; padding: 5px 7px;}
	.main_cont_01 .kunow_card .tit {height: auto; -webkit-line-clamp: 2;}
	.main_cont_01 .kunow_card .date {position: absolute; top: 20px; right: 20px; margin-top: 0px; font-size: 11px; line-height: 18px;}

	/* main_cont_02 */
	.main_cont_02 .tv_card_list {grid-template-columns: 1fr; gap: 32px 16px;}
	.main_cont_02 .tv_card .tit {margin-top: 12px; font-size: 18px; line-height: 28px;}

	/* main_cont_03 */
	.main_cont_03 .swiper_kuGuide {height: 444px;}
	.main_cont_03 .swiper_kuGuide .swiper-slide {width: 280px; height: 365px;}
	.main_cont_03 .cont_03_wrap::after {display: none;}

	/* main_cont_04 */
	.main_cont_04 .menu_area .menu_list ul {display: grid; grid-template-columns: 1fr 1fr; margin: 0; gap: 5px 24px;}
	.main_cont_04 .menu_area .menu_list ul li {margin: 0;}
	.main_cont_04 .menu_area .menu_list a {font-size: 13px;}
	.main_cont_04 .cont_panel.is_active { height: 320px;}
}
@media (max-width: 320px){
	/* main_cont_01 */
	.main_cont_01 .right .tab li{padding:0 5px; font-size:13px;}
	.main_cont_03 .swiper_kuGuide .swiper-slide a strong {padding: 0 40px;}
}


@keyframes up_down {
	0% {
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	50%{
		-ms-transform: translateY(10%);
		-moz-transform: translateY(10%);
		-webkit-transform: translateY(10%);
		-o-transform: translateY(10%);
		transform: translateY(10%);
	}
}
@keyframes up_down2 {
	0% {
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	50%{
		-ms-transform: translateY(-10%);
		-moz-transform: translateY(-10%);
		-webkit-transform: translateY(-10%);
		-o-transform: translateY(-10%);
		transform: translateY(-10%);
	}
}
@keyframes zoom {
	0% {
		-ms-transform: scale3d(1, 1, 1);
		-moz-transform: scale3d(1, 1, 1);
		-webkit-transform: scale3d(1, 1, 1);
		-o-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	50%{
		-ms-transform: scale3d(1.1, 1.2, 1.2);
		-moz-transform: scale3d(1.1, 1.2, 1.2);
		-webkit-transform: scale3d(1.1, 1.2, 1.2);
		-o-transform: scale3d(1.1, 1.2, 1.2);
		transform: scale3d(1.1, 1.2, 1.2);
	}
}
@keyframes zoom2 {
	0% {
		-ms-transform: scale3d(1, 1, 1) rotate(0deg);
		-moz-transform: scale3d(1, 1, 1) rotate(0deg);
		-webkit-transform: scale3d(1, 1, 1) rotate(0deg);
		-o-transform: scale3d(1, 1, 1) rotate(0deg);
		transform: scale3d(1, 1, 1) rotate(0deg);
	}
	35%{
		-ms-transform: scale3d(1.1, 0.9, 1.0);
		-moz-transform: scale3d(1.1, 0.9, 1.0);
		-webkit-transform: scale3d(1.1, 0.9, 1.0);
		-o-transform: scale3d(1.1, 0.9, 1.0);
		transform: scale3d(1.1, 0.9, 1.0);
	}
	70%{
		-ms-transform: scale3d(0.9, 1.0, 1.1);
		-moz-transform: scale3d(0.9, 1.0, 1.1);
		-webkit-transform: scale3d(0.9, 1.0, 1.1);
		-o-transform: scale3d(0.9, 1.0, 1.1);
		transform: scale3d(0.9, 1.0, 1.1);
	}
	100%{
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.main_cont_02 .shape::before {
	-webkit-animation: zoom 3s linear infinite;
	-moz-animation: zoom 3s linear infinite;
	-ms-animation: zoom 3s linear infinite;
	-o-animation: zoom 3s linear infinite;
	animation: zoom 3s linear infinite;
}
.main_cont_02 .shape::after {
	-webkit-animation: up_down 3s linear infinite;
	-moz-animation: up_down 3s linear infinite;
	-ms-animation: up_down 3s linear infinite;
	-o-animation: up_down 3s linear infinite;
	animation: up_down 3s linear infinite;
}
.main_cont_04 .cont_04_wrap::before {
	-webkit-animation: rotating 10s linear infinite;
	-moz-animation: rotating 10s linear infinite;
	-ms-animation: rotating 10s linear infinite;
	-o-animation: rotating 10s linear infinite;
	animation: rotating 10s linear infinite;
}
.main_cont_04 .cont_04_wrap::after {
	-webkit-animation: up_down2 4s linear infinite;
	-moz-animation: up_down2 4s linear infinite;
	-ms-animation: up_down2 4s linear infinite;
	-o-animation: up_down2 4s linear infinite;
	animation: up_down2 4s linear infinite;
}
/* .zoom2_4s {
  -webkit-animation: zoom2 5s linear infinite;
  -moz-animation: zoom2 5s linear infinite;
  -ms-animation: zoom2 5s linear infinite;
  -o-animation: zoom2 5s linear infinite;
  animation: zoom2 5s linear infinite;
} */