
	.main_cont{position:relative; font-family:'Noto Sans KR';}
	@media screen and (max-width: 1028px){
		#mainpage{padding-top:55px;}
	}

	.inner_center{margin:0 auto; max-width:1480px; padding:0 40px;}
	.main_title{font-family: 'JalnanGothic'; font-size:50px; color:#000; text-align:center; margin-bottom:40px;}
	.main_title strong{font-weight:normal;}

	@media screen and (max-width: 1280px){
		.inner_center{padding:0 20px;}
		.main_title{font-size:40px; margin-bottom:30px;}
	}

	@media screen and (max-width: 580px){
		.main_title{font-size:30px; margin-bottom:20px;}
	}

	@media screen and (max-width: 480px){
		.main_title{margin-bottom:16px;}
	}
	/* mn_visual */

	.mn_visual {position: relative; padding: 10px 40px 40px 40px; box-sizing: border-box; height:calc(100dvh - 120px); min-height:920px; max-height:980px; max-width: 1980px; margin: 0 auto;}
	.mn_visual .visual_wrap{display:block; position:relative; padding:80px 80px 60px 80px; border-radius:60px; flex:1; background-repeat:no-repeat; background-size:cover; background-position:center 0;}
	.mn_visual .visual_wrap .vis_txtgroup{font-family: 'Pretendard'; color:#000; margin-bottom:30px; display: flex; flex-direction: column; align-items: flex-start;}
	.mn_visual .visual_wrap .vis_txtgroup .subtitle{font-weight:600; font-size:24px; margin-bottom:14px;}
	.mn_visual .visual_wrap .vis_txtgroup .title{font-family: 'JalnanGothic'; font-size:50px; color:#1676d0;}
	.mn_visual .visual_wrap .vis_txtgroup .txt_small{font-size:24px; margin-top:12px; word-break: auto-phrase;}

	.mn_visual .visual_wrap .vis_cols{display:flex; justify-content:space-between;}

	/* month : S */
	.mn_visual.month1 .visual_wrap{background-color:#ffded2; background-image:url('/commons/main/images/main_2/mn_visual_month1.jpg');}
	.mn_visual.month1 .visual_wrap .vis_txtgroup{color:#353a5b;}
	.mn_visual.month1 .visual_wrap .vis_txtgroup .title{color:#b44b63;}

	.mn_visual.month2 .visual_wrap{background-color:#ffcaba; background-image:url('/commons/main/images/main_2/mn_visual_month2.png');}
	.mn_visual.month2 .visual_wrap .vis_txtgroup{color:#353a5b;}
	.mn_visual.month2 .visual_wrap .vis_txtgroup .title{color:#b44b63;}
	
	.mn_visual.month3 .visual_wrap{background-color:#bcd575; background-image:url('/commons/main/images/main_2/mn_visual_month3.png?2504092');}
	.mn_visual.month3 .visual_wrap .vis_txtgroup{color:#40530b;}
	.mn_visual.month3 .visual_wrap .vis_txtgroup .title{color:#40530b;}
	.mn_visual.month3 .visual_wrap .vis_txtgroup .title strong{color:#000;}

	.mn_visual.month4 .visual_wrap{background-color:#f9cddf; background-image:url('/commons/main/images/main_2/mn_visual_month4.png?260409');}
	.mn_visual.month4 .visual_wrap .vis_txtgroup{color:#353a5b;}
	.mn_visual.month4 .visual_wrap .vis_txtgroup .title{color:#353a5b;}
	.mn_visual.month4 .visual_wrap .vis_txtgroup .title strong{color:#b44b63;}
	
	.mn_visual.month5 .visual_wrap{background-color:#cdeef5; background-image:url('/commons/main/images/main_2/mn_visual_month5.png?2605121'); background-position:right;}
	.mn_visual.month5 .visual_wrap .vis_txtgroup{color:#00426b;}
	.mn_visual.month5 .visual_wrap .vis_txtgroup .title{color:#00426b;}

	@media screen and (max-width: 1024px) {
		.mn_visual.month5 .visual_wrap{background-position:center center;}
	}
	
	.mn_visual.month6 .visual_wrap{background-color:#d8efef; background-image:url('/commons/main/images/main_2/mn_visual_month6.png?250601');}
	.mn_visual.month6 .visual_wrap .vis_txtgroup{color:#353a5b;}
	.mn_visual.month6 .visual_wrap .vis_txtgroup .title{color:#b44b63;}

	@media screen and (max-width: 768px) {
		.mn_visual.month6 .visual_wrap{background-position:0 center;}
	}
	
	.mn_visual.month7 .visual_wrap{background-color:#0b93ff; background-image:url('/commons/main/images/main_2/mn_visual_month7.png?260701');}
	.mn_visual.month7 .visual_wrap .vis_txtgroup{color:#fff;}
	.mn_visual.month7 .visual_wrap .vis_txtgroup .title{color:#fff;}


	.mn_visual.month8 .visual_wrap{background-color:#2c8450; background-image:url('/commons/main/images/main_2/mn_visual_month8.png?2608051');}
	.mn_visual.month8 .visual_wrap .vis_txtgroup{color:#fff;}
	.mn_visual.month8 .visual_wrap .vis_txtgroup .title{color:#fff;}


	.mn_visual.month9 .visual_wrap{background-color:#ffe5eb; background-image:url('/commons/main/images/main_2/mn_visual_month9.png?2609071');}
	.mn_visual.month9 .visual_wrap .vis_txtgroup{color:#353a5b;}
	.mn_visual.month9 .visual_wrap .vis_txtgroup .title{color:#b44b63;}
	
	.mn_visual.month9-2 .visual_wrap{background-color:#1694ff; background-image:url('/commons/main/images/main_2/mn_visual_month9-2.png?2');}
	.mn_visual.month9-2 .visual_wrap .vis_txtgroup{color:#fff;}
	.mn_visual.month9-2 .visual_wrap .vis_txtgroup .title{color:#fff;}
	
	.mn_visual.month10 .visual_wrap{background-color:#eae4dc; background-image:url('/commons/main/images/main_2/mn_visual_month10.png?261002');}
	.mn_visual.month10 .visual_wrap .vis_txtgroup{color:#353a5b;}
	.mn_visual.month10 .visual_wrap .vis_txtgroup .title{color:#5e4c35;}
	
	.mn_visual.month11 .visual_wrap{background-color:#efca60; background-image:url('/commons/main/images/main_2/mn_visual_month11.png?2611052');}
	.mn_visual.month11 .visual_wrap .vis_txtgroup{color:#fff;}
	.mn_visual.month11 .visual_wrap .vis_txtgroup .title{color:#fff;}
	
	.mn_visual.month12 .visual_wrap{background-color:#f0f6fc; background-image:url('/commons/main/images/main_2/mn_visual_month12.png?2');}
	.mn_visual.month12 .visual_wrap .vis_txtgroup{color:#1e1e1e;}
	.mn_visual.month12 .visual_wrap .vis_txtgroup .title{color:#1e1e1e;}
	/* month : E */

	.mn_visual .visual_wrap .vis_btngroup{width:100%;}
	.mn_visual .visual_wrap .vis_btngroup li + li{margin-top: 13px;}
	.mn_visual .visual_wrap .vis_btngroup li a{display:block;}
	.mn_visual .visual_wrap .vis_btngroup li a .icobox{display:flex;align-items:center;width:100%;height:120px;padding: 0 32px;border-radius:30px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,0.05);transition:box-shadow .2s , transform .2s;box-sizing: border-box;}
	.mn_visual .visual_wrap .vis_btngroup li a .icobox .ico{position:relative;width: 54px;height: 54px;background-repeat:no-repeat;background-position:center center;background-size:contain;}
	.mn_visual .visual_wrap .vis_btngroup li a .icobox .ico.ico01{background-image:url('/commons/main/images/main_2/mn_visual_btn_location.svg');}
	.mn_visual .visual_wrap .vis_btngroup li a .icobox .ico.ico02{background-image:url('/commons/main/images/main_2/mn_visual_btn_schedule.svg');}
	.mn_visual .visual_wrap .vis_btngroup li a .icobox .ico.ico03{background-image:url('/commons/main/images/main_2/mn_visual_btn_organization.svg');}
	.mn_visual .visual_wrap .vis_btngroup li a .icobox .ico.ico04{background-image:url('/commons/main/images/main_2/mn_visual_btn_clients.svg');}
	.mn_visual .visual_wrap .vis_btngroup li a .icobox .txt{font-family: 'Pretendard';font-size: 20px;color:#505050;margin-left: 30px;font-weight: 600;}
	.mn_visual .visual_wrap .vis_btngroup li a .icobox.target_blank .ico:before{content: ''; position: absolute; right:-12px; bottom:-6px; width: 28px; height: 28px; border-radius: 10px; background: url('/commons/main/images/main_2/ico_link_blank_w_noline.svg') center center no-repeat; background-size: 10px; border:2px solid #fff; background-color: #002b52; box-sizing:border-box;}
	.mn_visual .visual_wrap .vis_btngroup li a:hover .icobox{transform:translateY(-10px); box-shadow:0 14px 10px rgba(0,0,0,0.1);}

	.mn_visual .visual_wrap .vis_col_info{flex:none; width:260px;}
	.mn_visual .visual_wrap .vis_col_photolist{flex:1; max-width:1200px; width:calc(100% - 260px); display:flex; flex-direction:column; margin-left:40px;}

	.mn_facility{position:relative; box-sizing:border-box; padding:100px 0;}
	.mn_facility .main_title strong{color:#a85f00;}
	.mn_facility .faclist{}
	.mn_facility .faclist ul{display:flex;flex-wrap: wrap; margin-left:-13px;}
	.mn_facility .faclist ul li {width: calc(14.2857142857% - 13px); height:178px; margin-left:13px; margin-bottom:13px; box-sizing:border-box;}
	.mn_facility .faclist ul li .item{position:relative; display:block;position:relative;width:100%;height: 100%;border-radius: 30px;overflow: hidden;background: #fff; overflow:hidden; transition:transform ease-in-out .2s}
	.mn_facility .faclist ul li .item .pic{width:100%;height:100%;background-size: cover; background-position:center center; background-repeat:no-repeat;}
	.mn_facility .faclist ul li .item .txt{position:absolute;left:0;bottom:0;width:100%;justify-content: center;height: 120px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); /*background: linear-gradient(0deg, rgb(83 128 0) 0%, rgba(0, 0, 0, 0) 100%);*/ display: flex;align-items: center;font-size: 17px;font-family: 'Pretendard'; font-weight:800; color:#fff;padding: 0 10px; padding-top:60px; box-sizing: border-box;text-align: center;transition:.2s;}
	.mn_facility .faclist ul li .item .txt strong{position:relative; color:#fed28b;}
	.mn_facility .faclist ul li .item.red .txt strong{color:#ffdae4;}
	.mn_facility .faclist ul li .item.blue .txt strong{color:#b0c0ff;}
	.mn_facility .faclist ul li .item .hover{position:absolute; display:flex; flex-direction:column; align-items:center; justify-content:center; left:0; top:0; width:100%; height:100%; background:#eba840; border-radius:100%; visibility:hidden; padding:10px; box-sizing:border-box; transform:scale(0); transition:visibility .2s , transform ease-in-out .2s , border-radius ease-in-out .3s;}
	.mn_facility .faclist ul li .item .hover .txtgroup{color:#603a0a; font-size:18px; font-weight:600; text-align:center; font-family: 'Pretendard';}
	.mn_facility .faclist ul li .item .hover .txtgroup strong{font-size:26px; display:block; line-height:30px;}
	.mn_facility .faclist ul li .item .hover .arrow{width:36px; height:36px; background:url('/commons/main/images/main_2/mn_vis_fac_arrow_g.svg?260409') center center no-repeat #603a0a; background-size:16px; border-radius:100%; margin-top:20px;}
	.mn_facility .faclist ul li .item.red .hover{background:#d03e5b;}
	.mn_facility .faclist ul li .item.red .hover .txtgroup{color:#fff;}
	.mn_facility .faclist ul li .item.red .hover .arrow{background:url('/commons/main/images/main_2/mn_vis_fac_arrow_r.svg') center center no-repeat #fff; background-size:16px;}
	.mn_facility .faclist ul li .item.blue .hover{background:#3d509b;}
	.mn_facility .faclist ul li .item.blue .hover .txtgroup{color:#fff;}
	.mn_facility .faclist ul li .item.blue .hover .arrow{background:url('/commons/main/images/main_2/mn_vis_fac_arrow_b.svg?260409') center center no-repeat #fff; background-size:16px;}


	@keyframes kkumeBounce {
		0% {
			-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1) translateY(0);
		}
		6% {
			-webkit-transform: scale3d(1.25, .75, 1);
			transform: scale3d(1.25, .75, 1) translateY(0);
		}
		8% {
			-webkit-transform: scale3d(0.75, 1.25, 1);
			transform: scale3d(0.75, 1.25, 1) translateY(0);
		}
		12% {
			-webkit-transform: scale3d(0.8, 1.15, 1);
			transform: scale3d(0.8, 1.15, 1) translateY(-30%);
		}
		14% {
			-webkit-transform: scale3d(0.9, 1.1, 1);
			transform: scale3d(0.9, 1.1, 1) translateY(-34%);
		}
		16% {
			-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1 , 1) translateY(-40%);
		}
		18% {
			-webkit-transform: scale3d(1.01, .98, 1);
			transform: scale3d(1.01, 0.98 , 1) translateY(-41%);
		}
		20% {
			-webkit-transform: scale3d(1.02, .96, 1);
			transform: scale3d(1.02, 0.96 , 1) translateY(-40%);
		}
		22% {
			-webkit-transform: scale3d(1.01, .98, 1);
			transform: scale3d(1.01, 0.98 , 1) translateY(-34%);
		}
		24% {
			-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1 , 1) translateY(-30%);
		}
		26% {
			-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1 , 1) translateY(0);
		}
		27% {
			-webkit-transform: scale3d(1.25, .75, 1);
			transform: scale3d(1.25, .75, 1) translateY(0);
		}
		29% {
			-webkit-transform: scale3d(0.75, 1.25, 1);
			transform: scale3d(0.75, 1.25, 1) translateY(0);
		}
		32% {
			-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1) translateY(0);
		}
	}

	@media screen and (max-width: 1720px) {
		.mn_visual .visual_wrap .vis_btngroup li a .icobox{height:110px;}
	}

	@media screen and (min-width: 1380px){
		.mn_facility .faclist ul li .item:hover .hover,
		.mn_facility .faclist ul li .item:focus .hover{visibility:visible; transform:scale(1); border-radius:0;}
		.mn_facility .faclist ul li .item:hover .txt,
		.mn_facility .faclist ul li .item:focus .txt{visibility:hidden; opacity:0;}
	}


	@media screen and (max-width: 1680px){
		.mn_visual .visual_wrap{}
		.mn_facility .faclist ul li .item .txt{padding-top: 40px;}
		.mn_facility .faclist ul li .item .txt strong{display:block;}
	}

	@media screen and (max-width: 1380px){
		.mn_visual{max-height:none; min-height:0; height:auto; flex-direction:column; padding:0;}
		.mn_visual .visual_wrap{flex:none; padding:60px 80px; border-radius:0; background-size:auto 100%;}
		.mn_visual.month4 .visual_wrap .vis_txtgroup{margin-bottom:40px; }
		.mn_visual .visual_wrap .vis_col_info{width:250px;}
		.mn_visual .visual_wrap .vis_txtgroup .title{font-size:36px;}
		.mn_visual .visual_wrap .vis_txtgroup .txt_small{font-size:20px;}
		.mn_visual .visual_wrap .vis_btngroup li a .icobox{height:100px;}
		.mn_visual .visual_wrap .vis_btngroup li a .icobox .txt{font-size:18px;}
		.mn_facility{}
		.mn_facility .faclist ul{height:auto; margin-left:-8px;}
		.mn_facility .faclist ul li{height:auto; width:calc(25% - 8px); margin-left:8px; margin-bottom:8px;}
		.mn_facility .faclist ul li .item{height:auto; border-radius:8px; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
		.mn_facility .faclist ul li .item:hover,
		.mn_facility .faclist ul li .item:focus{transform:none;}
		.mn_facility .faclist ul li .item .pic,
		.mn_facility .faclist ul li .item .hover{display:none;}
		.mn_facility .faclist ul li .item .txt{position:static; height:auto; min-height:60px; background:transparent; color:#1e1e1e; font-size:18px; padding:0;}
		.mn_facility .faclist ul li .item .txt strong{color:#573307; display:inline;}
		.mn_facility .faclist ul li .item.red .txt strong{color:#d03e5b;}
		.mn_facility .faclist ul li .item.blue .txt strong{color:#3d509b;}
	}

	@media screen and (max-width: 1024px){
		.mn_visual .visual_wrap{}
		.mn_visual .visual_wrap .vis_txtgroup{align-items:center; text-align:center;}
		.mn_visual .visual_wrap .vis_txtgroup .title{font-size:34px;}
		.mn_visual .visual_wrap .vis_txtgroup .title strong{display:block; font-size:50px;}
		.mn_visual .visual_wrap .vis_txtgroup .txt_small{font-size:18px; margin-top:8px;}
		.mn_visual .visual_wrap .vis_cols{flex-direction:column;}
		.mn_visual .visual_wrap .vis_col_info{width:100%;}
		.mn_visual .visual_wrap .vis_btngroup{display:flex;}
		.mn_visual .visual_wrap .vis_btngroup li{flex:1;}
		.mn_visual .visual_wrap .vis_btngroup li + li{margin-top:0; margin-left:10px;}
		.mn_visual .visual_wrap .vis_btngroup li a .icobox{flex-direction:column; justify-content:center; height:140px; padding:0 10px; border-radius: 20px;}
		.mn_visual .visual_wrap .vis_btngroup li a .icobox .ico{width:42px; height:42px;}
		.mn_visual .visual_wrap .vis_btngroup li a .icobox .txt{margin-left:0px; margin-top:10px; font-size:16px; text-align:center;}
		.mn_visual .visual_wrap .vis_col_photolist{width:100%; margin-left:0; margin-top:15px;}
	}

	@media screen and (max-width: 768px){
		.mn_visual .visual_wrap{}
		.mn_facility{padding:50px 0;}
		.mn_facility .faclist ul li{width:calc(50% - 8px);}
		.mn_facility .faclist ul li .item .txt{font-size:16px; padding:0 5px; min-height:50px;}
		.mn_visual .visual_wrap{padding:60px 20px 40px 20px; justify-content:flex-start;}
		.mn_visual .visual_wrap .vis_txtgroup .subtitle{font-size:18px; margin-bottom:14px;}
		.mn_visual .visual_wrap .vis_txtgroup .title{font-size:24px;}
		.mn_visual .visual_wrap .vis_txtgroup .title strong{font-size:40px;}
		.mn_visual .visual_wrap .vis_txtgroup .txt_small{font-size:16px;}
		.mn_visual .visual_wrap .vis_btngroup{}
		.mn_visual .visual_wrap .vis_btngroup li a .icobox{box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);}
		.mn_visual .visual_wrap .vis_btngroup li a .icobox .ico{width:46px; height:46px;}
		.mn_visual .visual_wrap .vis_btngroup li a .icobox .txt{font-size:14px;}
	}

	@media screen and (max-width: 680px) {
		.mn_facility{padding:60px 0;}
	}

	@media screen and (max-width:480px){
		.mn_visual .visual_wrap .vis_btngroup{flex-wrap:wrap; margin-left:-10px;}
		.mn_visual .visual_wrap .vis_btngroup li{margin-bottom:10px; flex: auto; width:calc(50% - 10px); margin-left:10px; margin-bottom:10px;}
		.mn_visual .visual_wrap .vis_btngroup li + li{margin-left:10px;}
		.mn_visual .visual_wrap .vis_btngroup li a .icobox{height:110px;}
		.mn_visual .visual_wrap .vis_txtgroup .subtitle{font-size:14px;}
		.mn_visual .visual_wrap .vis_txtgroup .title{font-size:20px;}
		.mn_visual .visual_wrap .vis_txtgroup .title strong{font-size:32px;}
		.mn_visual .visual_wrap .vis_txtgroup .txt_small{font-size:14px; margin-top:4px;}

		.mn_facility{}
		.mn_facility .faclist ul li .item .txt{font-size:14px; min-height:40px;}
	}


	/* mn_online */
	.mn_online{padding:100px 0;}
	.mn_online .main_title .title{position:relative; transition:color .2s; color:#000;}
	.mn_online .main_title .title:hover{color:#CE4A2CFF;}
	.mn_online .main_title strong{color:#CE4A2CFF;}
	.mn_online .swiper-container {margin-left:-20px; padding-top:10px;}
	.mn_online .swiper-container > .swiper-wrapper > li {padding:20px 20px 30px 20px; box-sizing:border-box;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item{position:relative; display:flex; flex-direction:column; box-shadow:0 10px 20px rgba(0,0,0,0.1); background:#fff; border-radius:30px; font-family:'Pretendard'; transition:transform .2s , box-shadow .2s;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .picbox{position:relative; padding-bottom:100%; height:0; background:#f5f5f5; overflow:hidden; border-radius:30px 30px 0 0;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .picbox img{position:absolute; width:100%; left:0; top:0;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .picbox .hover{position:absolute; display:flex; align-items:center; left:0; top:0; width:100%; height:100%; padding:30px; box-sizing:border-box; background:rgba(0,0,0,0.8); visibility:hidden; opacity:0; transition:opacity .2s , visibility .2s; z-index:1;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .picbox .hover .hover_txtgroup{width:100%;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .picbox .hover .hover_txtgroup .title{color:#fff; font-size:20px; font-weight:bold; overflow: hidden; word-break: keep-all; text-overflow: ellipsis; white-space: normal;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .picbox .hover .hover_txtgroup .txtlist{color:#dcdcdc; margin-top:30px;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .picbox .hover .hover_txtgroup .txtlist ul{display:flex;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .picbox .hover .hover_txtgroup .txtlist ul + ul{margin-top:10px;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .picbox .hover .hover_txtgroup .txtlist ul li{flex:1; font-size:16px;  overflow: hidden; word-break: keep-all; text-overflow: ellipsis; white-space: normal;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .picbox .hover .hover_txtgroup .txtlist ul li:first-child{margin-right:14px; width:60px; flex:none;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .txtbox{display:flex; flex-direction:column; align-items:center; text-align:center; height:210px; padding:30px; box-sizing:border-box;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .txtbox .txtgroup{flex:1;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .txtbox .title{font-size:22px; color:#000; overflow: hidden; word-break: keep-all; text-overflow: ellipsis; white-space: normal;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .txtbox .date{font-size:18px; color:#737373; margin-top:14px;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .txtbox .status{display:inline-flex; align-items:center; justify-content:center; min-width:140px; height:40px; background:#d14600; color:#fff; font-size:18px; font-weight:bold; border-radius:8px;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .txtbox .status.gray{background:#f5f5f5; color:#646464; font-weight:normal;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .txtbox .status.orange{background:#d14600}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .txtbox .status.blue{background:#005bac;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .txtbox .status.brown{background:#795548;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .txtbox .status.red{background:#d03e5b}
	.mn_online .swiper-container > .swiper-wrapper > li > .item:hover{transform:translateY(-10px); box-shadow:0 20px 20px rgba(0,0,0,0.2);}
	.mn_online .swiper-container > .swiper-wrapper > li > .item:hover .picbox .hover{visibility:visible; opacity:1;}

	.mn_online .swiper-container > .swiper-wrapper > li > .item .category{position:absolute; width:80px; height:80px; display:flex; align-items:center; justify-content:center; left:-20px; top:-20px; z-index:1; border-radius:100%; font-size:18px; font-weight:bold; z-index:2;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .category.a1{background:#ffad08;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .category.a2{background:#72c015;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .category.a3{background:#f15992;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .category.a4 {background:#d14600;color:#fff;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .category.a5 {background:#03826D;color:#fff;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .category.a6 {background:#d03e5b;color:#fff;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .category.a7 {background:#1676d0;color:#fff;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .category.a8 {background:#8f65e5;color:#fff;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .category.a9 {background:#7a593f;color:#fff;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .category.a10 {background:#1aa54c;color:#fff;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .category.a11{background:#9b9b9b;color:#fff;}
	.mn_online .swiper-container > .swiper-wrapper > li > .item .category.a12{background:#f0d50d;color:#1e1e1e;}
	.mn_online .swiper_ctrl{display:flex; justify-content:center; align-items:center; margin-top:30px;}
	.mn_online .swiper_ctrl li + li{margin-left:32px;}
	.mn_online .swiper_ctrl li .button{font-size:0; text-indent:-9999; border:0; width:20px; height:20px;}
	.mn_online .swiper_ctrl li .button.play{background:url('/commons/main/images/main_2/mn_btn_pause.svg') center 0 no-repeat;}
	.mn_online .swiper_ctrl li .button.play.stop{background:url('/commons/main/images/main_2/mn_btn_play.svg') center 0 no-repeat;}
	.mn_online .swiper_ctrl li .button.next{background:url('/commons/main/images/main_2/mn_btn_next.svg') center 0 no-repeat;}
	.mn_online .swiper_ctrl li .button.prev{background:url('/commons/main/images/main_2/mn_btn_prev.svg') center 0 no-repeat;}
	.mn_online .swiper_ctrl li .pagination{display:flex; align-items:center;}
	.mn_online .swiper_ctrl li .pagination span{font-weight:bold; font-size:24px; line-height:24px;}
	.mn_online .swiper_ctrl li .pagination span + span{margin-left:8px;}
	.mn_online .swiper_ctrl li .pagination .current{color:#CE4A2CFF;}
	.mn_online .swiper_ctrl li .pagination .line{color:#dcdcdc; font-size:20px;}
	.mn_online .swiper_ctrl li .pagination .total{color:#000;}
	.mn_online .swiper_ctrl li.btngroup{display:flex;}
	.mn_online .swiper_ctrl li.btngroup .button + .button{margin-left:20px;}


	.mn_online .main_title .char{position:absolute; width:40px; height:40px; top:-28px; right:-52px;}
	.mn_online .main_title .char .part{position:absolute;}
	.mn_online .main_title .char .part.p1{width:30%;height:30%;left:0;bottom:0;background: #ce4a2c;border-radius:100%;animation:aniOnline1 1.5s ease-in-out infinite;}
	.mn_online .main_title .char .part.p2{width:67.5%; height:67.5%; left:0; bottom:0; background:url('/commons/main/images/main_2/mn_online_char-wave-1.svg?260408') 0 0 no-repeat; background-size:contain; animation:aniOnline2 1.5s ease-in-out infinite;}
	.mn_online .main_title .char .part.p3{width:100%; height:100%; left:0; bottom:0; background:url('/commons/main/images/main_2/mn_online_char-wave-2.svg?260408') 0 0 no-repeat; background-size:contain; animation:aniOnline3 1.5s ease-in-out infinite;}


	@keyframes aniOnline1 {
		0% { transform: scale(1.1); }
		25% { transform: scale(0.9); }
		100% { transform: scale(1.1); }
	}

	@keyframes aniOnline2 {
		0% { opacity:0.2; }
		25% { opacity:1; }
		50% { opacity:0.2; }
		100% { opacity:0.2; }
	}

	@keyframes aniOnline3 {
		0% { opacity:0.2; }
		25% { opacity:0.2; }
		50% { opacity:1; }
		75% { opacity:0.2; }
		100% { opacity:0.2; }
	}

				

	@media screen and (max-width: 1480px){
		.mn_online .swiper-container > .swiper-wrapper > li > .item .category{font-size:16px; width:68px; height:68px;}
		.mn_online .swiper-container > .swiper-wrapper > li > .item .txtbox{padding:24px; height:184px;}
		.mn_online .swiper-container > .swiper-wrapper > li > .item .txtbox .title{font-size:18px;}
		.mn_online .swiper-container > .swiper-wrapper > li > .item .txtbox .date{font-size:16px; margin-top:8px;}
		.mn_online .swiper-container > .swiper-wrapper > li > .item .txtbox .status{font-size:16px;}
	}

	@media screen and (max-width: 1028px){
		.mn_online .swiper-container > .swiper-wrapper > li > .item .picbox .hover{display:none;}
		.mn_online .main_title .char{width:30px; height:30px; top: -18px; right: -40px;}
	}

	@media screen and (max-width:680px){
		.mn_online{padding:60px 0;}
		.mn_online .swiper-container{margin-left:0;}
		.mn_online .swiper_ctrl{margin-top:10px;}
		.mn_online .swiper_ctrl li .pagination span{font-size:18px;}
		.mn_online .swiper_ctrl li .pagination .line{font-size:14px;}
		.mn_online .swiper_ctrl li .button{width:8px; height:14px;}
		.mn_online .swiper_ctrl li + li{margin-left:30px;}
	}
	@media screen and (max-width:480px){
		.mn_online .main_title .char{width:24px; height:24px; top: -10px; right: -34px;}
	}

	/* mn_sns */
	.mn_sns{padding:100px 0;}
	.mn_sns .sns_wrap{position:relative; padding-right:calc(100% - 330px);}
	.mn_sns .sns_wrap .tablist{margin-top:60px;}
	.mn_sns .sns_wrap .tablist > li + li{margin-top:10px;}
	.mn_sns .sns_wrap .tablist > li > .tab_btn{position:relative; display:flex; align-items:center; font-size:20px; background:#fff; border-radius:100px; height:60px; padding:0 20px; border:2px solid #fff; font-weight:500; transition:border-color .2s , margin-right .2s;}
	.mn_sns .sns_wrap .tablist > li > .tab_btn .ico{width:28px; height:28px; margin-right:14px;}
	.mn_sns .sns_wrap .tablist > li > .tab_btn .ico.youtube{background:url('/commons/main/images/main_2/ico_sns_youtube.png') center center no-repeat;}
	.mn_sns .sns_wrap .tablist > li > .tab_btn .ico.blog{background:url('/commons/main/images/main_2/ico_sns_blog.png') center center no-repeat;}
	.mn_sns .sns_wrap .tablist > li > .tab_btn .ico.instagram{background:url('/commons/main/images/main_2/ico_sns_instagram.png') center center no-repeat;}
	.mn_sns .sns_wrap .tablist > li > .tab_btn .ico.facebook{background:url('/commons/main/images/main_2/ico_sns_facebook.png') center center no-repeat;}
	.mn_sns .sns_wrap .tablist > li > .tab_btn .ico.kakaotalk{background:url('/commons/main/images/main_2/ico_sns_kakaotalk.png') center center no-repeat;}
	.mn_sns .sns_wrap .tablist > li > .tab_btn:after{content:'';position:absolute;right:20px;top:50%;width:20px;height:20px;border-radius:100%;background:#fff;border: 6px solid #dfa7b0;box-sizing:border-box;transform:translateY(-50%) scale(0);transition:transform .2s;}
	.mn_sns .sns_wrap .tablist > li.blank > .tab_btn:after{border:none; right:24px; border-radius:0; background:url('/commons/main/images/main_2/ico_link_blank.svg?260408') 0 0 no-repeat; transform:translateY(-50%); opacity:0.5; transition:opacity .2s, background .2s;}
	.mn_sns .sns_wrap .tablist > li.blank > .tab_btn:hover:after{opacity:1; background:url('/commons/main/images/main_2/ico_link_blank_blue.svg?260409') 0 0 no-repeat;}
	.mn_sns .sns_wrap .tablist > li > .in_cont{display:none; position:absolute; width:calc(100% - 460px); height:100%; right:0; top:0;}
	.mn_sns .sns_wrap .main_title{text-align:left; margin-bottom:20px;}
	.mn_sns .sns_wrap .main_title strong{color: #c05061;}
	.mn_sns .sns_wrap .subtxt{font-size:22px; color:#737373; font-family:'Pretendard';}
	.mn_sns .sns_wrap .swiper-container{padding-top:10px;}
	.mn_sns .sns_wrap .swiper-container > .swiper-wrapper > li {box-sizing:border-box;}
	.mn_sns .sns_wrap .swiper-container > .swiper-wrapper > li > .item:before{content:''; position:absolute; left:0; top:-10px; width:64px; height:64px; border-radius:20px; z-index:1;}
	.mn_sns .sns_wrap .swiper-container > .swiper-wrapper > li > .item{position:relative; display:flex; flex-direction:column; font-family:'Pretendard'; transition:transform .2s;}
	.mn_sns .sns_wrap .swiper-container > .swiper-wrapper > li > .item .picbox{position:relative; padding-bottom:100%; height:0; background:#000; overflow:hidden; border-radius:30px;}
	.mn_sns .sns_wrap .swiper-container > .swiper-wrapper > li > .item .picbox img{position:absolute; width:100%; left:0; top:50%; transform:translateY(-50%); transition:transform .2s}
	.mn_sns .sns_wrap .swiper-container > .swiper-wrapper > li > .item .txtbox{font-size:22px; margin-top:30px; color:#000; box-sizing:border-box; overflow: hidden; word-break: keep-all; text-overflow: ellipsis; white-space: normal;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
	.mn_sns .sns_wrap .swiper-container > .swiper-wrapper > li > .item:hover .picbox img{transform:translateY(-50%) scale(1.2);}

	.mn_sns .sns_wrap #sns_youtube .swiper-container > .swiper-wrapper > li > .item:before{background:url('/commons/main/images/main_2/ico_sns_list_youtube.png') center center no-repeat; background-size:40px; background-color:#ff0000;}
	.mn_sns .sns_wrap #sns_instagram .swiper-container > .swiper-wrapper > li > .item:before{background:url('/commons/main/images/main_2/ico_sns_list_instagram.png') center center no-repeat; background-size:40px; background-color:#743afa;}
	.mn_sns .sns_wrap #sns_blog .swiper-container > .swiper-wrapper > li > .item:before{background:url('/commons/main/images/main_2/ico_sns_list_blog.png') center center no-repeat; background-size:30px; background-color:#0dc962;}
	.mn_sns .sns_wrap #sns_facebook .swiper-container > .swiper-wrapper > li > .item:before{background:url('/commons/main/images/main_2/ico_sns_list_facebook.png') center center no-repeat; background-size:40px; background-color:#0866ff;}

	.mn_sns .sns_wrap .swiper_ctrl{position:absolute; width:100%; right:0; bottom:0; display:flex; align-items:center; z-index:1;}
	.mn_sns .sns_wrap .swiper_ctrl .pagination_wrap{flex:1;}
	.mn_sns .sns_wrap .swiper_ctrl .pagination_wrap .swiper-pagination{position:relative; width:100%; height:4px; overflow:hidden;}
	.mn_sns .sns_wrap .swiper_ctrl .pagination_wrap .swiper-pagination .swiper-pagination-progressbar-fill{background:#000 !important;}
	.mn_sns .sns_wrap .swiper_ctrl ul{display:flex; align-items:center; margin-left:60px;}
	.mn_sns .sns_wrap .swiper_ctrl ul li + li{margin-left:10px;}
	.mn_sns .sns_wrap .swiper_ctrl ul li .button{width:60px; height:60px; border-radius:100%; font-size:0; text-indent:-9999; border:0; box-shadow:0 5px 20px rgba(0,0,0,0.1);}
	.mn_sns .sns_wrap .swiper_ctrl ul li .button.next{background:url('/commons/main/images/main_2/mn_btn_next.svg') center center no-repeat; background-color:#fff; background-size:12px auto;}
	.mn_sns .sns_wrap .swiper_ctrl ul li .button.prev{background:url('/commons/main/images/main_2/mn_btn_prev.svg') center center no-repeat; background-color:#fff; background-size:12px auto;}
	.mn_sns .sns_wrap .swiper_ctrl ul li .button.play{background:url('/commons/main/images/main_2/mn_btn_pause.svg') center center no-repeat; background-color:#fff; background-size:12px auto;}
	.mn_sns .sns_wrap .swiper_ctrl ul li .button.play.stop{background:url('/commons/main/images/main_2/mn_btn_play.svg') center center no-repeat; background-color:#fff; background-size:12px auto;}

	.mn_sns .sns_wrap .tablist > li > .tab_btn:hover{border-color:#dfa7b0; color:#c05061;}
	.mn_sns .sns_wrap .tablist > li.active > .tab_btn{border-color: #c05061;color: #c05061;margin-right:-30px;}
	.mn_sns .sns_wrap .tablist > li.active > .tab_btn:after{transform:translateY(-50%) scale(1);}
	.mn_sns .sns_wrap .tablist > li.active > .in_cont{display:block;}


	.mn_sns .sns_wrap .char{position:absolute; width:134px; height:68px; top:-84px; left:0;}
	.mn_sns .sns_wrap .char .part{position:absolute;}
	.mn_sns .sns_wrap .char .part.kkume-y{width:49.25373134328%; height:95.58823529412%; left:0; top:0; background:url('/commons/main/images/main_2/mn_sns_char_01.png') center center no-repeat; background-size:contain; animation:aniSnsKkume-y 0.4s ease-in-out infinite;}
	.mn_sns .sns_wrap .char .part.kkume-b{width:50%; height:97.05882352941%; right:0; bottom:0; background:url('/commons/main/images/main_2/mn_sns_char_02.png') center center no-repeat; background-size:contain; animation:aniSnsKkume-b 0.4s ease-in-out infinite;}
	.mn_sns .sns_wrap .char .part.bubble-1{width:26.11940298507%; height:36.76470588235%; left:-36%; top:11.76470588235%; background:url('/commons/main/images/main_2/mn_sns_char-bubble-3.svg?260408') center center no-repeat; animation:aniSnsBubble-1 1.5s ease-in-out infinite;}
	.mn_sns .sns_wrap .char .part.bubble-2{width:13.4328358209%; height:23.52941176471%; left:-13.4328358209%; top:-17.64705882353%; background:url('/commons/main/images/main_2/mn_sns_char-bubble-1.svg?260408') center center no-repeat; animation:aniSnsBubble-2 1.5s ease-in-out infinite;}
	.mn_sns .sns_wrap .char .part.bubble-3{width:11.94029850746%; height:17.64705882353%; right:-14.92537313433%; top:0%; background:url('/commons/main/images/main_2/mn_sns_char-bubble-2.svg?260408') center center no-repeat; animation:aniSnsBubble-1 1.5s ease-in-out infinite; animation-delay:.25s;}
	.mn_sns .sns_wrap .char .part.bubble-4{width:20.14925373134%; height:27.94117647059%; right:-27.61194029851%; bottom:27.94117647059%; background:url('/commons/main/images/main_2/mn_sns_char-bubble-4.svg?260408') center center no-repeat; animation:aniSnsBubble-2 1.5s ease-in-out infinite; animation-delay:.25s;}

	@keyframes aniSnsKkume-y {
		0% { transform: rotate(0deg); }
		50% { transform: rotate(5deg); }
		100% { transform: rotate(0deg); }
	}

	@keyframes aniSnsKkume-b {
		0% { transform: rotate(0deg); }
		50% { transform: rotate(-5deg); }
		100% { transform: rotate(0deg); }
	}

	@keyframes aniSnsBubble-1 {
		0% { opacity:0; transform:translateY(150%) scale(0);}
		8% { opacity:1;  transform:translateY(0) scale(1.2);}
		10% { transform:scale(1);}
		25% { opacity:1;}
		50% { opacity:0; }
		100% { opacity:0; }
	}

	@keyframes aniSnsBubble-2 {
		0% { opacity:0; transform:translateY(150%) scale(0);}
		50% { opacity:0; transform:translateY(150%) scale(0);}
		58% { opacity:1;  transform:translateY(0) scale(1.2);}
		60% { transform:scale(1);}
		75% { opacity:1;}
		100% { opacity:0; }
	}


	@media screen and (max-width: 1480px){
		.mn_sns .sns_wrap {padding-right: calc(100% - 300px);}
		.mn_sns .sns_wrap .main_title{font-size:40px; margin-bottom:10px;}
		.mn_sns .sns_wrap .subtxt{font-size:20px;}
		.mn_sns .sns_wrap .tablist{margin-top:50px;}
		.mn_sns .sns_wrap .tablist > li > .tab_btn{font-size:16px; height:54px;}
		.mn_sns .sns_wrap .tablist > li > .in_cont{width:calc(100% - 400px);}
		.mn_sns .sns_wrap .swiper-container > .swiper-wrapper > li > .item .txtbox{font-size:18px;}
	}

	@media screen and (max-width: 1280px){
		.mn_sns .sns_wrap .subtxt{font-size:17px;}
		.mn_sns .sns_wrap .tablist{margin-top:40px;}
		.mn_sns .sns_wrap {padding-right: calc(100% - 260px);}
		.mn_sns .sns_wrap .tablist > li + li{margin-top:5px;}
		.mn_sns .sns_wrap .tablist > li > .in_cont{width:calc(100% - 340px);}
		.mn_sns .sns_wrap .swiper-container > .swiper-wrapper > li > .item:before{width:54px; height:54px; background-size:34px !important; border-radius:15px;}
	}

	@media screen and (max-width: 1024px){
		.mn_sns .sns_wrap .swiper_ctrl ul{margin-left:20px;}
		.mn_sns .sns_wrap .swiper_ctrl ul li + li{margin-left:10px;}
		.mn_sns .sns_wrap .swiper_ctrl ul li .button{width:40px; height:40px; background-size:8px !imporatnt;}
	}

	@media screen and (max-width: 880px){
		.mn_sns{padding:60px 0;}
		.mn_sns .sns_wrap{padding-right:0; padding-bottom: 0;}
		.mn_sns .sns_wrap .txtgroup{display:inline-flex; align-items:center;}
		.mn_sns .sns_wrap .main_title{margin-bottom:0; margin-right:20px;}
		.mn_sns .sns_wrap .tablist{position:relative; display:flex; margin-top:20px; padding-bottom:calc(33.33% + 160px);}
		.mn_sns .sns_wrap .tablist > li + li{margin-top:0;}
		.mn_sns .sns_wrap .tablist > li{flex:1;}
		.mn_sns .sns_wrap .tablist > li > .tab_btn{border-left:0; border-top:0; border-right:0; border-radius:0; flex-direction:column; height:64px; border-bottom:1px solid #ddd; justify-content:center; padding:0; }
		.mn_sns .sns_wrap .tablist > li > .tab_btn:after{display:none;}
		.mn_sns .sns_wrap .tablist > li > .tab_btn .ico{margin-right:0; margin-bottom:4px;}
		.mn_sns .sns_wrap .tablist > li.blank{flex:none; position:absolute; top:-60px;}
		.mn_sns .sns_wrap .tablist > li.blank > .tab_btn{font-size:0;; padding:0; border:0; width:auto; height:auto;}
		.mn_sns .sns_wrap .tablist > li.blank > .tab_btn .ico{margin-right:0; width:40px; height:40px; border-radius:100%;}
		.mn_sns .sns_wrap .tablist > li.blank > .tab_btn .ico.youtube{background:url('/commons/main/images/main_2/ico_sns_youtube_w.png') center center no-repeat; background-color:#ff0000;}
		.mn_sns .sns_wrap .tablist > li.blank > .tab_btn .ico.blog{background-color:#0dc962;}
		.mn_sns .sns_wrap .tablist > li.blank > .tab_btn .ico.kakaotalk{background-color:#ffe812;}
		.mn_sns .sns_wrap .tablist > li.active > .tab_btn{margin-right:0;}
		.mn_sns .sns_wrap .tablist > li > .in_cont{width:100%; height:auto; top:auto; bottom:0;}

		.mn_sns .sns_wrap .swiper_ctrl{position:relative; margin-top:20px;}

		.mn_sns .sns_wrap .tablist{padding-bottom:calc(50% + 160px);}
		.mn_sns .sns_wrap .swiper-container > .swiper-wrapper > li > .item .txtbox{font-size:16px; margin-top:20px;}
		.mn_sns .sns_wrap .swiper-container > .swiper-wrapper > li > .item:before{width:40px; height:40px; background-size:24px !important; border-radius:10px;}
	
		.mn_sns .sns_wrap .char{width:100px; height:50px; top:-58px;}
	}

	@media screen and (max-width: 740px){
		.mn_sns .sns_wrap .txtgroup{flex-direction:column; align-items:baseline;}
		.mn_sns .sns_wrap .main_title{margin-right:0; margin-bottom:10px;}
	}

	@media screen and (max-width: 580px){
		.mn_sns .sns_wrap .main_title{font-size:30px;;}
	}

	@media screen and (min-width: 481px) and (max-width: 880px){
		.mn_sns .sns_wrap .tablist > li.blank{left:auto;}
		.mn_sns .sns_wrap .tablist > li.blank:nth-child(3){right:100px;}
		.mn_sns .sns_wrap .tablist > li.blank:nth-child(4){right:50px;}
		.mn_sns .sns_wrap .tablist > li.blank:nth-child(5){right:0px;}
	}

	@media screen and (max-width: 480px){
		.mn_sns .sns_wrap .txtgroup{text-align:center; align-items:center; display:flex;}
		.mn_sns .sns_wrap .subtxt{font-size:16px;}
		.mn_sns .sns_wrap .tablist{margin-top:80px;}
		.mn_sns .sns_wrap .tablist{padding-bottom:calc(100% + 160px);}
		.mn_sns .sns_wrap .tablist > li > .tab_btn{font-size:12px;}
		.mn_sns .sns_wrap .tablist > li.blank{left:50%; margin-left:-20px;}
		/*
		.mn_sns .sns_wrap .tablist > li.blank:nth-child(3){margin-left:-70px;}
		.mn_sns .sns_wrap .tablist > li.blank:nth-child(4){margin-left:-20px;}
		.mn_sns .sns_wrap .tablist > li.blank:nth-child(5){margin-left:30px;}
		*/

		.mn_sns .sns_wrap .char{left:50%; margin-left:-50px;}
	}


	/* mn_news */
	.mn_news_wrap{position:relative; padding:100px 0 200px 0; overflow:hidden;}
	.mn_news_wrap .main_title{text-align:left; line-height:48px;}
	.mn_news_wrap .main_title strong{color: #3d509b;}
	.mn_news_wrap .btn_more{width:40px; height:40px; position:absolute; right:0; top:0;  font-size:0; text-indent:-9999px; background:transparent; transition:.2s;}
	.mn_news_wrap .btn_more:before{content:''; position:absolute; width:100%; height:100%; left:50%; top:50%; transform:translate(-50%, -50%); background:url('/commons/main/images/main_2/mn_board_more.png') center center no-repeat; transition:transform .2s , background .2s;}
	.mn_news_wrap .btn_more:hover{border-radius:20px;background: #3d509b;}
	.mn_news_wrap .btn_more:hover:before{background:url('/commons/main/images/main_2/mn_board_more_w.png') center center no-repeat;transform:translate(-50%, -50%) scale(0.6);}
	.mn_news_wrap .board_n_news{display:flex;}
	.mn_board{flex:1;}
	.mn_board > ul{position:relative; display:flex; align-items:center; height:78px; padding-bottom:362px;;}
	.mn_board > ul > li{margin-top:-10px;}
	.mn_board > ul > li + li{margin-left:60px;}
	.mn_board > ul > li .in_cont{display:none; position:absolute; top:78px; left:0; width:100%; font-family:'Pretendard'; border-top: 2px solid #000;}
	.mn_board > ul > li .in_cont > ul > li > a{position:relative; display:flex; align-items:center; border-bottom:1px solid rgba(0,0,0,0.15); height:120px; box-sizing:border-box; padding-right:60px;}
	.mn_board > ul > li .in_cont > ul > li > a:after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:22px; height:16px; background:url('/commons/main/images/main_2/mn_board_arrow.svg') 0 0 no-repeat; background-size:contain; opacity:0.8;}
	.mn_board > ul > li .in_cont > ul > li > a .txtgroup{width:100%; letter-spacing:-0.4px;}
	.mn_board > ul > li .in_cont > ul > li > a .txtgroup .date{color:#737373; font-size:18px;}
	.mn_board > ul > li .in_cont > ul > li > a .txtgroup .tit{font-size:22px; margin-bottom:14px; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#000;}
	.mn_board > ul > li .in_cont > ul > li > a .txtgroup .tit .new{display:inline-flex; justify-content:center; align-items:center; width:60px; height:28px; font-weight:bold; font-size:16px; color:#fff; background:#d9451d; margin-right:14px; border-radius:4px; vertical-align:top;}
	.mn_board > ul > li .btn_more{display:none; right:0; top:-88px;}
	
	.mn_board > ul > li .tab_btn a{position:relative; font-size:24px; color:#000; opacity:0.8; font-family:'Pretendard'; }
	.mn_board > ul > li .tab_btn a:before{content:'';position:absolute;width:6px;height:6px;background: #3d509b;border-radius:100%;top:0;right:-10px;transform:scale(0);transition:transform .2s;}
	.mn_board > ul > li .tab_btn a:after{content:'';position:absolute;left:50%;bottom:0;width:0;height:12px;background: #c5cff9;opacity:0.8;z-index:-1;opacity:0;transition:.2s;}
	.mn_board > ul > li.active .tab_btn a{font-weight:bold; opacity:1;}
	.mn_board > ul > li.active .tab_btn a:before{transform:scale(1);}
	.mn_board > ul > li .tab_btn a:hover:after{width:100%; left:0; opacity:0.6;}
	.mn_board > ul > li.active .tab_btn a:after{width:100%; left:0; opacity:1;}
	.mn_board > ul > li.active .in_cont{display:block;}
	.mn_board > ul > li.active .btn_more{display:block;}

	.mn_news{position:relative; margin-left:120px; width:440px;}
	.mn_news .in_cont{}
	.mn_news .in_cont ul{max-width:500px; margin:0 auto;}
	.mn_news .in_cont li{display:none;}
	.mn_news .in_cont li a{display:block;}
	.mn_news .in_cont li .imgbox{background:#f5f5f5; display:block; position:relative; border-radius:30px; overflow:hidden; height:0; padding-bottom:100%; box-shadow:0 10px 20px rgba(0,0,0,0.05);}
	.mn_news .in_cont li a .imgbox img{position:absolute; left:0; top:0; width:100%; transition:transform .2s;}
	.mn_news .in_cont li a:hover .imgbox img{transform:scale(1.1);}
	.mn_news .in_cont li:first-child{display:block;}

	@media screen and (min-width: 1080px){
		.mn_news_wrap .main_title{font-size:40px; line-height:44px; margin-bottom:40px;}
		.mn_board > ul > li .btn_more{top:-83px;}
	}

	@media screen and (max-width: 1280px){
		.mn_news{width:380px; margin-left:60px;}
		.mn_board > ul{padding-bottom: 302px;}
		.mn_board > ul > li .in_cont > ul > li > a{height:100px;}
	}

	@media screen and (max-width: 1080px){
		.mn_news_wrap .board_n_news{display:block;}
		.mn_board > ul{padding-bottom:302px;}
		.mn_board > ul > li .in_cont > ul > li > a{height:100px; padding-right:40px; }
		.mn_board > ul > li .in_cont > ul > li > a:after{width:16px; height:12px;}
		.mn_board > ul > li .in_cont > ul > li > a .txtgroup .date{font-size:16px;}
		.mn_board > ul > li .in_cont > ul > li > a .txtgroup .tit{font-size:18px; margin-bottom:10px; line-height:24px;}
		.mn_board > ul > li .in_cont > ul > li > a .txtgroup .tit .new{font-size:14px; width:44px; height:24px; margin-right:8px;}

		.mn_news{margin-left:0; margin-top:60px; width:auto;}
		.mn_news .in_cont li .imgbox .img{position:absolute; left:0; top:0; width:100%; height:100%;}
	}

	@media screen and (max-width: 767px){
		.mn_board > ul > li + li{margin-left:40px;}
		.mn_board > ul > li .tab_btn a{font-size:18px;}

		.mn_news_wrap{padding:50px 0 50px 0;}
		.mn_news .in_head{margin:0 20px; height:60px;}
		.mn_board > ul{height:50px;}
		.mn_board > ul > li .in_cont{top:50px;}
	}

	@media screen and (max-width: 580px){
		.mn_news_wrap .main_title{line-height:34px;}
		.mn_news_wrap .btn_more{width:34px; height:34px;}
		.mn_news_wrap .btn_more:before{background-size:24px;}
		.mn_board > ul > li .btn_more{top:-54px;}
	
		.mn_board > ul > li .in_cont > ul > li > a .txtgroup .tit .new{font-size:12px;}
		.mn_board > ul > li .in_cont > ul > li > a .txtgroup .tit{font-size:16px; margin-bottom:8px; word-break: keep-all; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
		.mn_board > ul > li .in_cont > ul > li > a .txtgroup .date{font-size:14px;}
	}

	@media screen and (max-width: 480px){
		.mn_news_wrap .main_title{line-height:30px;}
		.mn_news_wrap .btn_more{width:30px; height:30px;}
		.mn_board > ul{justify-content:space-between;}
		.mn_board > ul > li .tab_btn a{font-size:16px;}
		.mn_board > ul > li + li{margin-left:0;}
	}

	/* mn_photo */
	.mn_photo{z-index:1; flex:1; font-family: 'Pretendard';}
	.mn_photo .title_group{flex:1; margin-left:40px; display:flex; flex-direction:column; justify-content:space-between;}
	.mn_photo .title_group .title{font-family: 'JalnanGothic'; font-size:34px; color:#000; font-weight:normal;}
	.mn_photo .title_group .title strong{display:block; font-size:24px; color:#2e6100; font-weight:normal;}
	.mn_photo .slider_group{width:100%;}
	.mn_photo .slider_group .swiper-container ul li{box-sizing:border-box;}
	.mn_photo .slider_group .swiper-container ul li a {border-radius: 20px; display:flex; flex-direction:column; background:#fff; overflow:hidden;}
	.mn_photo .slider_group .swiper-container ul li a .picbox{padding-bottom: 100%; height: 0; position: relative; overflow: hidden; background: #fff;}
	.mn_photo .slider_group .swiper-container ul li a .picbox img{max-width:none; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); min-width:100%; height:100%; transition:transform .2s}
	.mn_photo .slider_group .swiper-container ul li a:hover .picbox img{transform:translate(-50%,-50%) scale(1.2);}
	.mn_photo .slider_group .swiper-container ul li a .txtbox{padding:20px;}
	.mn_photo .slider_group .swiper-container ul li a .txtbox .tit{min-height:42px; font-size:18px; font-weight:700; color:#000; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2;}
	.mn_photo .slider_group .swiper-container ul li a .txtbox .date{font-size:16px; color:#585858; margin-top:14px;}

	.mn_photo .swiper_ctrl{position:absolute; width:100%; right:0; bottom:0; display:flex; align-items:center; z-index:1;}
	.mn_photo .swiper_ctrl .pagination_wrap{flex:1;}
	.mn_photo .swiper_ctrl .pagination_wrap .swiper-pagination{position:relative; width:100%; height:4px; overflow:hidden;}
	.mn_photo .swiper_ctrl .pagination_wrap .swiper-pagination .swiper-pagination-progressbar-fill{background:#000 !important;}
	.mn_photo .swiper_ctrl ul{display:flex; align-items:center; margin-right:60px;}
	.mn_photo .swiper_ctrl ul li + li{margin-left:10px;}
	.mn_photo .swiper_ctrl ul li .button{width:60px; height:60px; border-radius:100%; font-size:0; text-indent:-9999; border:0; box-shadow:0 5px 20px rgba(0,0,0,0.2);}
	.mn_photo .swiper_ctrl ul li .button.next{background:url('/commons/main/images/main_2/mn_btn_next.svg') center center no-repeat; background-color:#fff; background-size:12px auto;}
	.mn_photo .swiper_ctrl ul li .button.prev{background:url('/commons/main/images/main_2/mn_btn_prev.svg') center center no-repeat; background-color:#fff; background-size:12px auto;}
	.mn_photo .swiper_ctrl ul li .button.play{background:url('/commons/main/images/main_2/mn_btn_pause.svg') center center no-repeat; background-color:#fff; background-size:12px auto;}
	.mn_photo .swiper_ctrl ul li .button.stop{background:url('/commons/main/images/main_2/mn_btn_play.svg') center center no-repeat; background-color:#fff; background-size:12px auto;}
				
	.mn_news_wrap .inner_center{position:relative;}
	.mn_news_wrap .char{position:absolute; }
	.mn_news_wrap .char.girl{width:190px; height:193px; right:40px; bottom:70px; background:url('/commons/main/images/main_2/mn_photo_char-girl.svg') 0 0 no-repeat; background-size:contain; animation:aniPhotoFloat1 4s ease-in-out infinite;}
	.mn_news_wrap .char.girl:before{content:'';position:absolute; width:53.68421052632%; height:41.9689119171%; background:url('/commons/main/images/main_2/mn_photo_char-flash.svg') 0 0 no-repeat; background-size:contain; left:-23.15789473684%; top:-7.25388601036%; animation:aniPhotoFlash1 1s ease-in-out infinite;}
	.mn_news_wrap .char.girl:after{}
	.mn_news_wrap .char.boat{width:32px; height:37px; right:-90px; bottom:190px; background:url('/commons/main/images/main_2/mn_photo_char-boat.svg') 0 0 no-repeat; background-size:contain; animation:aniPhotoFloat1 8s ease-in-out infinite;}
	
	.mn_news_wrap .char.girl.fall{width:426px; height:220px; bottom:90px; right:-130px; background:url('/commons/main/images/main_2/mn_photo_char-girl-fall.svg') 0 0 no-repeat; background-size:contain;}
	.mn_news_wrap .char.girl.fall:before{width:23.94366197183%; height:36.81818181818%; left: -9%; top: 6.8%;}
	.mn_news_wrap .char.boat.fall{display:none;}

	@keyframes aniPhotoFloat1 {
		0% { transform:translate3d(0, -3%, 0);}
		50% { transform:translate3d(0, 3%, 0);}
		100% { transform:translate3d(0, -3%, 0);}
	}
	@keyframes aniPhotoFloat2 {
		0% { transform:translate3d(0, 5%, 0);}
		50% { transform:translate3d(0, -5%, 0);}
		100% { transform:translate3d(0, 5%, 0);}
	}
	@keyframes aniPhotoFlash1 {
		0% { transform:translate3d(20%, 20%, 0) scale(0) rotate(-25deg); opacity:0;}
		25% { transform:translate3d(0, 0, 0) scale(1) rotate(0deg); opacity:1;}
		50% { transform:translate3d(0, 0, 0) scale(1) rotate(0deg); opacity:0;}
		100% { transform:translate3d(0, 0, 0) scale(0) rotate(0deg); opacity:0;}
	}

	@media screen and (max-width: 1280px){
		.mn_photo .title_group{margin-bottom:30px;}
		.mn_photo .title_group .title{}
		.mn_photo .slider_group .swiper-container ul li.swiper-slide-active + li + li + li{padding-top:0; padding-bottom:40px;}
	}

	@media screen and (max-width: 1024px){
		.mn_photo{}
		.mn_photo .swiper_ctrl{position:static; margin-top:20px;}
		.mn_photo .swiper_ctrl li + li{margin-left:10px;}
		.mn_photo .swiper_ctrl li .button{width:40px; height:40px; background-size:8px !important;}
		.mn_photo .slider_group .swiper-container ul li{padding-top:0;}
		.mn_photo .slider_group .swiper-container ul li.swiper-slide-active + li,
		.mn_photo .slider_group .swiper-container ul li.swiper-slide-active + li + li + li{padding-top:0; padding-bottom:0;}

		.mn_photo .swiper_ctrl ul{margin-right:20px;}
		.mn_photo .swiper_ctrl ul li .button{width:40px; height:40px;}
		.mn_photo .swiper_ctrl ul li + li{margin-left:10px;}
	}
	@media screen and (max-width: 768px) {
		.mn_photo .slider_group .swiper-container ul li a .txtbox .tit{font-size:16px;}
		.mn_photo .slider_group .swiper-container ul li a .txtbox .date{font-size:14px;}
	}

	@media screen and (max-width: 680px){
		.mn_photo{flex-direction:column;}
		.mn_photo .title_group{margin-left:0; margin-bottom:20px;}
		.mn_photo .title_group .title br{display:none;}
		.mn_photo .slider_group{width:100%;}
		.mn_photo .swiper_ctrl{position:static; margin-top:20px;}

		.mn_news_wrap .char{display:none;}
	 }

	@media screen and (max-width: 580px){
		.mn_photo .title_group .title{font-size:30px;}
		.mn_photo .title_group .title br{display:inline;}
	}

	/* foot_banners */
	 .foot_banners_wrap { border-top: 1px solid #dcdcdc; background: #fff; font-family:'Pretendard';}
	 .foot_banners { display: flex; }
	 .foot_banners .titlebox { display: flex; align-items: center; width: 215px; }
	 .foot_banners .titlebox .title { color: #000; font-size: 20px; line-height: 30px; font-weight: 700; letter-spacing: -0.04em; }
	 .foot_banners .titlebox .swiper_ctrl { display: flex; height: 30px; margin-left: 20px; border: 1px solid #dcdcdc; border-radius:8px;}
	 .foot_banners .titlebox .swiper_ctrl button{border:0;}
	 .foot_banners .titlebox .swiper_ctrl .btn_stop_play { order: 2; width: 28px; height: 28px; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; background: url('/commons/main/images/main_n/mn_ico_footban_pause.png') no-repeat center center; background-size:8px; text-indent: -999px; overflow: hidden; }
	 .foot_banners .titlebox .swiper_ctrl .btn_stop_play.stop { background-image: url('/commons/main/images/main_n/mn_ico_footban_play.png'); }
	 .foot_banners .titlebox .swiper_ctrl .swiper-button-prev { order: 1; position: static; width: 28px; height: 28px; margin: 0; background: url('/commons/main/images/main_n/mn_ico_footban_prev.png') no-repeat center center; background-size:8px; text-indent: -999px; overflow: hidden; }
	 .foot_banners .titlebox .swiper_ctrl .swiper-button-next { order: 3; position: static; width: 28px; height: 28px; margin: 0; background: url('/commons/main/images/main_n/mn_ico_footban_next.png') no-repeat center center; background-size:8px; text-indent: -999px; overflow: hidden; }
	 .foot_banners .swiper-container { flex: 1; padding: 16px 0; }
	 .foot_banners .swiper-slide {width: auto; margin-right:12px; }
	 .foot_banners .swiper-slide a{display:block; position:relative;}

	@media screen and (max-width: 767px){
		.foot_banners { flex-direction: column; padding: 20px 0; }
		.foot_banners .swiper-container { margin: 14px -20px 0; padding: 0 15px; }
	 }


	 .bg_char{position:absolute; z-index:-1;}
	 .bg_char .part{position:absolute; background-size:contain;}

	.bg_char.yellow{width:770px; height:1635px; top:925px; right:0; overflow:hidden; opacity:0.05; transform: translateZ(-10px);}
	.bg_char.yellow .part.drop1-1{z-index:1;width:7.27272727273%;padding-bottom:25.97402597403%;top: 44%;right: 34%;background: url('/commons/main/images/main_2/bg_char_drop-r.svg?260409') no-repeat center center;background-size:contain;animation:aniBgFallDrop2 2s ease-in-out infinite;animation-delay:-1s;}
	.bg_char.yellow .part.drop2-1{z-index:1;width:7.27272727273%;padding-bottom:25.97402597403%;top: 28%;right: 59%;background: url('/commons/main/images/main_2/bg_char_drop-w.svg') no-repeat center center;background-size:contain;animation:aniBgFallDrop2 3s ease-in-out infinite;animation-delay:-2s;}
	.bg_char.yellow .part.drop2-2{z-index:1;width:7.27272727273%;padding-bottom:25.97402597403%;top: 58%;right: 59%;background: url('/commons/main/images/main_2/bg_char_drop-w.svg') no-repeat center center;background-size:contain;animation:aniBgFallDrop2 3s ease-in-out infinite;animation-delay:-1s;}
	.bg_char.yellow .part.drop2-3{z-index:1;width:7.27272727273%;padding-bottom:25.97402597403%;top: 58%;right: 69%;background: url('/commons/main/images/main_2/bg_char_drop-w.svg') no-repeat center center;background-size:contain;animation:aniBgFallDrop2 3s ease-in-out infinite;}
	.bg_char.yellow .part.drop3-1{z-index:1;width:5.1948051948%;padding-bottom:18.44155844156%;top: 22%;left: 21%;background: url('/commons/main/images/main_2/bg_char_drop-w.svg') no-repeat center center;background-size:contain;animation: aniBgFallDrop1 2s ease-in-out infinite;animation-delay:-0.5s;}
	.bg_char.yellow .part.drop3-2{z-index:1;width:5.1948051948%;padding-bottom:18.44155844156%;top: 22%;left: 21%;background: url('/commons/main/images/main_2/bg_char_drop-w.svg') no-repeat center center;background-size:contain;animation: aniBgFallDrop1 2s ease-in-out infinite;animation-delay:-1.5s;}
	.bg_char.yellow .part.bg{width:100%;height:100%;right:-37.66233766234%;background: url('/commons/main/images/main_2/bg_char_waterfall-1.svg?260409111') no-repeat center center;background-size:contain;}

	 .bg_char.blue{width:716px; height:1035px; top:1400px; left:0; overflow:hidden; opacity:0.05; transform: translateZ(-20px);}
	 .bg_char.blue .part.bg{width:100%; height:100%; left:-43.70%; background: url('/commons/main/images/main_2/bg_char_waterfall-2.svg?260409') no-repeat center center; background-size:contain; }
	 .bg_char.blue .part.drop1-1{z-index:1; width:7.82122905028%; padding-bottom:27.93296089385%; top:64%; right: 32%;background: url('/commons/main/images/main_2/bg_char_drop-w.svg') no-repeat center center;background-size:contain;animation:aniBgFallDrop1 2s ease-in-out infinite;}
	 .bg_char.blue .part.drop1-2{z-index:1; width:7.82122905028%; padding-bottom:27.93296089385%; top:64%; right: 32%;background: url('/commons/main/images/main_2/bg_char_drop-w.svg') no-repeat center center;background-size:contain;animation:aniBgFallDrop1 2s ease-in-out infinite; animation-delay:-1s;}
	 .bg_char.blue .part.drop2-1{z-index:1; width:5.58659217877%; padding-bottom:19.83240223464%; top:58%; right:21%;background: url('/commons/main/images/main_2/bg_char_drop-w.svg') no-repeat center center;background-size:contain;animation:aniBgFallDrop4 3s ease-in-out infinite;}
	 .bg_char.blue .part.drop2-2{z-index:1; width:5.58659217877%; padding-bottom:19.83240223464%; top:58%; right:21%;background: url('/commons/main/images/main_2/bg_char_drop-w.svg') no-repeat center center;background-size:contain;animation:aniBgFallDrop4 3s ease-in-out infinite; animation-delay:-1s;}
	 .bg_char.blue .part.drop2-3{z-index:1; width:5.58659217877%; padding-bottom:19.83240223464%; top:58%; right:21%;background: url('/commons/main/images/main_2/bg_char_drop-w.svg') no-repeat center center;background-size:contain;animation:aniBgFallDrop4 3s ease-in-out infinite; animation-delay:-2s;}

	 .bg_char.orange{width:700px; height:1013px; bottom:calc(100px + 95px); right:0; overflow:hidden; opacity:0.05; transform: translateZ(-10px);}
	 .bg_char.orange .part.bg{width:100%; height:100%; right:-28%; background: url('/commons/main/images/main_2/bg_char_waterfall-3.svg?260409') no-repeat center center; background-size:contain; }
	 .bg_char.orange .part.drop1-1{z-index:1; width:8%; padding-bottom:28.57142857143%; top:50%; right: 32%;background: url('/commons/main/images/main_2/bg_char_drop-w.svg') no-repeat center center;background-size:contain;animation:aniBgFallDrop1 2s ease-in-out infinite;}
	 .bg_char.orange .part.drop1-2{z-index:1; width:8%; padding-bottom:28.57142857143%; top:50%; right: 32%;background: url('/commons/main/images/main_2/bg_char_drop-w.svg') no-repeat center center;background-size:contain;animation:aniBgFallDrop1 2s ease-in-out infinite; animation-delay:-1s;}
	 .bg_char.orange .part.drop2-1{z-index:1; width:5.71428571429%; padding-bottom:20.28571428571%; top:50%; right:60%;background: url('/commons/main/images/main_2/bg_char_drop-w.svg') no-repeat center center;background-size:contain;animation:aniBgFallDrop4 3s ease-in-out infinite;}
	 .bg_char.orange .part.drop2-2{z-index:1; width:5.71428571429%; padding-bottom:20.28571428571%; top:50%; right:60%;background: url('/commons/main/images/main_2/bg_char_drop-w.svg') no-repeat center center;background-size:contain;animation:aniBgFallDrop4 3s ease-in-out infinite; animation-delay:-1s;}
	 .bg_char.orange .part.drop2-3{z-index:1; width:5.71428571429%; padding-bottom:20.28571428571%; top:50%; right:60%;background: url('/commons/main/images/main_2/bg_char_drop-w.svg') no-repeat center center;background-size:contain;animation:aniBgFallDrop4 3s ease-in-out infinite; animation-delay:-2s;}

	.bg_char.pink{width:700px; height:700px; bottom:calc(100px + 200px); left:0; overflow:hidden; opacity:0.05; transform: translateZ(-10px);}
	.bg_char.pink .part.bg{width:100%; height:100%; left:-43.70%; background: url('/commons/main/images/main_2/bg_char_waterfall-4.svg?260409') no-repeat center center; background-size:contain; }
	.bg_char.pink .part.drop1-1{z-index:1; width:6.78%; padding-bottom:24.21307506053%; top:30%; right: 42%;background: url('/commons/main/images/main_2/bg_char_drop-w.svg') no-repeat center center;background-size:contain;animation:aniBgFallDrop1 2s ease-in-out infinite;}
	.bg_char.pink .part.drop1-2{z-index:1; width:6.78%; padding-bottom:24.21307506053%; top:30%; right: 42%;background: url('/commons/main/images/main_2/bg_char_drop-w.svg') no-repeat center center;background-size:contain;animation:aniBgFallDrop1 2s ease-in-out infinite; animation-delay:-1s;}

	@media screen and (max-width: 1380px){
		.bg_char.yellow .part.bg{right:-62%;}
		.bg_char.blue .part.bg{left:-62%}
		.bg_char.orange .part.bg{right:-62%;}
		.bg_char.pink .part.bg{left:-62%}
	}


	@keyframes aniBgFallDrop1 {
		0% { transform:translateY(-100%);opacity:0;}
		10% { transform:translateY(-90%);opacity:1;}
		40% { transform:translateY(90%); opacity:1;}
		50% { transform:translateY(100%); opacity:0;}
		100% { transform:translateY(-100%); opacity:0;}
	}

	@keyframes aniBgFallDrop2 {
		0% { transform:translateY(-60%);opacity:0;}
		10% { transform:translateY(-55%);opacity:1;}
		40% { transform:translateY(55%); opacity:1;}
		50% { transform:translateY(60%); opacity:0;}
		100% { transform:translateY(-65%); opacity:0;}
	}

	@keyframes aniBgFallDrop3 {
		0% { transform:translateY(-140%);opacity:0;}
		10% { transform:translateY(-135%);opacity:1;}
		40% { transform:translateY(135%); opacity:1;}
		50% { transform:translateY(140%); opacity:0;}
		100% { transform:translateY(-140%); opacity:0;}
	}

	@keyframes aniBgFallDrop4 {
		0% { transform:translateY(-200%);opacity:0;}
		10% { transform:translateY(-195%);opacity:1;}
		40% { transform:translateY(195%); opacity:1;}
		50% { transform:translateY(200%); opacity:0;}
		100% { transform:translateY(-200%); opacity:0;}
	}

	@media screen and (max-width: 1024px){
		.bg_char{display:none;}
	}

	.swiper-container{overflow:hidden;}


	/* =========================================================
	   2026-11 메인 개편 : 운영시설 지도 · 함께하는 SNS > BLOG 목록
	   새 지도 섹션은 <div class="mn_facility type_map"> - 아래 규칙은 type_map 이 있을 때만 적용 (기존 카드형 운영시설 화면에는 영향 없음)
	   운영시설 계절 : 같은 div 에 season-spring / season-summer / season-winter 클래스 (없으면 가을)
	   장식 그림 : /commons/main/images/main_2/fac_deco/
	   ========================================================= */
	/* 김포시청소년재단 운영시설 지도 (시안) */


	.mn_facility.type_map {
		--fac-brown: #573307;
		--fac-youth: #ef8d22;
		--fac-care: #d03e5b;
		--fac-leisure: #3d509b;
		/* 지도 색 : 기본은 가을. .mn_facility.type_map 에 season-spring / season-summer / season-winter 클래스로 계절 변경 */
		--map-land: #fff;            /* 윗면 바탕 */
		--map-fac: #fffdf8;          /* 시설 있는 구역 */
		--map-hover: #ffe9bf;        /* 강조 구역 */
		--map-line: #d9c6a5;         /* 구역 경계(점선) */
		--map-edge: #9f7a45;         /* 외곽선 */
		--map-side-top: #f3e3c6;     /* 옆면(두께) 위쪽 */
		--map-side-bottom: #dcc092;  /* 옆면 아래쪽 */
		--map-side-line: #b8925a;    /* 옆면 아래 테두리 */
		--map-shadow: rgba(160, 118, 60, .22); /* 바닥 그림자 */
		--map-label: #7a6650;        /* 동 이름 */
		--map-label-strong: #573307; /* 시설 있는 동 이름·강조 (목록 버튼 강조 글자, 팝업 제목도 같이 씀) */
		/* 제목·목록 버튼 */
		--fac-point: #a85f00;        /* 제목 '운영시설' 강조 */
		--btn-bg: #fff;              /* 버튼 바탕 - 계절과 상관없이 흰색 */
		--btn-line: #dddddd;         /* 버튼 테두리 - 계절과 상관없이 회색 */
		--btn-arrow: #a6a6a6;        /* 버튼 화살표 - 계절과 상관없이 회색 */
		--btn-hover: #9a5300;        /* 청소년 시설 버튼 호버 바탕 - 계절과 상관없이 고정 (핀이 주황이라), 흰 글자 4.5:1 이상 */
		position: relative; padding: 100px 0; overflow: hidden;
		background: linear-gradient(180deg, #fffaf2 0%, #fdf2df 100%);
	}
	/* 계절별 지도 색 - 글자 대비 4.5:1 이상, 외곽선 3:1 이상 확인한 값 */
	.mn_facility.type_map.season-spring { /* 봄 : 분홍 */
		--map-fac: #fffafb; --map-hover: #ffdfe8; --map-line: #eccad4; --map-edge: #b9718a;
		--map-side-top: #fbe3ea; --map-side-bottom: #eeb6c6; --map-side-line: #cf8aa0; --map-shadow: rgba(170, 80, 110, .2);
		--map-label: #87536a; --map-label-strong: #6b2a44;
		--fac-point: #b8336a;
	}
	.mn_facility.type_map.season-summer { /* 여름 : 녹색이 강한 녹황색 */
		--map-fac: #fbfdf2; --map-hover: #e5f2c0; --map-line: #cfe0a4; --map-edge: #78962c;
		--map-side-top: #eaf4cb; --map-side-bottom: #c2db84; --map-side-line: #93b345; --map-shadow: rgba(95, 125, 30, .2);
		--map-label: #566a24; --map-label-strong: #34480c;
		--fac-point: #5a7d10; /* 제목 강조 : 녹황색, 흰 바탕 4.8:1 */
	}
	.mn_facility.type_map.season-winter { /* 겨울 : 파랑 */
		--map-fac: #f8fbff; --map-hover: #d9e8fb; --map-line: #c6d6ec; --map-edge: #5f84b3;
		--map-side-top: #e2ebf8; --map-side-bottom: #b6cbea; --map-side-line: #82a0c9; --map-shadow: rgba(60, 95, 150, .2);
		--map-label: #4d6584; --map-label-strong: #203c63;
		--fac-point: #2d62a8;
	}
	.mn_facility.type_map::before { /* 배경 원형 장식 */
		content: ''; position: absolute; left: -160px; bottom: -220px; width: 560px; height: 560px;
		border-radius: 50%; background: #fbe6c2; opacity: .55;
	}
	.mn_facility.type_map .inner_center { position: relative; max-width: 1400px; margin: 0 auto; padding: 0 20px; }
	.mn_facility.type_map .main_title { font-family: 'JalnanGothic', sans-serif; font-size: 40px; font-weight: 400; color: #000; text-align: center; word-break: auto-phrase; }
	.mn_facility.type_map .main_title strong { font-weight: 400; color: var(--fac-point); }
	.mn_facility.type_map .fac_desc { margin-top: 14px; font-family: 'Pretendard', sans-serif; font-size: 18px; color: var(--map-label); text-align: center; }

	.facmap_wrap { display: grid; grid-template-columns: minmax(0, 1fr) 540px; gap: 40px; align-items: center; margin-top: 40px; }

	/* ---------- 지도 ---------- */
	.facmap_stage { position: relative; width: 100%; max-width: 740px; margin: 0 auto; }

	/* 지도 주변 장식 그림 : 지도 영역(facmap_stage) 기준 %라 지도 크기에 맞춰 함께 줄어듦 */
	.facmap_deco { position: absolute; inset: 0; pointer-events: none; }
	.facmap_deco .dc { position: absolute; display: block; height: auto; }
	/* 계절별 장식 그림 : 기본은 가을(.au), season-summer 일 때 여름 색(.sm)으로 바꿔 보여줌 */
	.facmap_deco .sm { display: none; }
	.season-summer .facmap_deco .sm { display: block; }
	.season-summer .facmap_deco .au { display: none; }
	/* 겨울 : 가을·여름 그림은 모두 숨기고 겨울 전용 그림(.wt)만 */
	.facmap_deco .wt { display: none; }
	.season-winter .facmap_deco .dc { display: none; }
	.season-winter .facmap_deco .wt { display: block; }
	.facmap_deco .w-t1   { left: 27.6%; top: -3.4%; width: 5.4%; }
	.facmap_deco .w-t2   { left: 65.3%; top: 18%;   width: 6.5%; }
	.facmap_deco .w-t3   { left: 81.8%; top: 40.4%; width: 6.7%; }
	.facmap_deco .w-t4   { left: 50.5%; top: 84.1%; width: 6.3%; }
	.facmap_deco .w-gift { left: 58.1%; top: 37.4%; width: 10.8%; }
	.facmap_deco .w-p1   { left: 73%;   top: 32.8%; width: 8.6%; }
	.facmap_deco .w-p2   { left: 35.4%; top: 93.5%; width: 10.1%; }
	/* 봄 : 다른 계절 그림은 모두 숨기고 봄 전용 그림(.sp, 원본 _1022 개선견적요청/봄*.svg)만 */
	.facmap_deco .sp { display: none; }
	.season-spring .facmap_deco .dc { display: none; }
	.season-spring .facmap_deco .sp { display: block; }
	.facmap_deco .s-t1 { left: 27.5%; top: -1.8%; width: 5.53%; }
	.facmap_deco .s-t2 { left: 64.7%; top: 18.0%; width: 7.82%; }
	.facmap_deco .s-t3 { left: 81.0%; top: 40.2%; width: 9.03%; }
	.facmap_deco .s-t4 { left: 50.0%; top: 84.2%; width: 7.82%; }
	.facmap_deco .s-p1 { left: 58.6%; top: 36.8%; width: 10.24%; }
	.facmap_deco .s-p2 { transform: scaleX(-1); left: 72.5%; top: 33.2%; width: 9.16%; } /* 시안처럼 좌우 반전 */
	.facmap_deco .s-p3 { left: 36.4%; top: 93.1%; width: 11.05%; }
	.facmap_deco .s-f1 { left: 24.6%; top: 4.9%; width: 0.88%; transform: rotate(-55deg); }
	.facmap_deco .s-f2 { left: 60.9%; top: 12.4%; width: 1.21%; opacity: 0.55; }
	.facmap_deco .s-f3 { left: 83.9%; top: 24.6%; width: 1.15%; transform: rotate(75deg); }
	.facmap_deco .s-f4 { left: 58.4%; top: 30.1%; width: 0.81%; transform: rotate(15deg); }
	.facmap_deco .s-f5 { left: 69.5%; top: 34.2%; width: 1.62%; opacity: 0.8; }
	.facmap_deco .s-f6 { left: 91.4%; top: 55.1%; width: 1.62%; opacity: 0.8; }
	.facmap_deco .s-f7 { left: 43.2%; top: 89.4%; width: 1.42%; opacity: 0.55; }
	.facmap_deco .s-f8 { left: 28.7%; top: 95.7%; width: 1.15%; transform: rotate(75deg); }
	.facmap_deco .s-f9 { left: 62.7%; top: 96.7%; width: 1.68%; opacity: 0.8; }
	.facmap_deco .tree3   { left: 27.2%; top: -3.6%; width: 6.1%; }
	.facmap_deco .tree2   { left: 64.7%; top: 17.8%; width: 8.1%; }
	.facmap_deco .people2 { left: 58.2%; top: 35.1%; width: 11.2%; }
	.facmap_deco .people1 { left: 72.4%; top: 33%;   width: 9.7%; }
	.facmap_deco .tree4   { left: 80.8%; top: 40.1%; width: 9.5%; }
	.facmap_deco .tree1   { left: 49.7%; top: 84.3%; width: 8.2%; }
	.facmap_deco .people3 { left: 34.3%; top: 88.6%; width: 13.8%; }
	.facmap_deco .grass   { width: 2.2%; }
	.facmap_deco .g1 { left: 23.8%; top: 4.6%; }
	.facmap_deco .g2 { left: 60.3%; top: 12.1%; }
	.facmap_deco .g3 { left: 83.6%; top: 24.4%; }
	.facmap_deco .g4 { left: 58%;   top: 30.2%; }
	.facmap_deco .g5 { left: 69.5%; top: 34.2%; }
	.facmap_deco .g6 { left: 91.4%; top: 54.9%; }
	.facmap_deco .g7 { left: 28.1%; top: 96%; }
	.facmap_deco .g8 { left: 42.8%; top: 89.4%; }
	.facmap_deco .g9 { left: 62.7%; top: 96.6%; }
	.gimpo-map { position: relative; display: block; width: 100%; height: auto; overflow: visible; }
	/* 정적 입체 레이어 : 반응 레이어 아래에 겹치고, 따로 합성해 호버 때 다시 그리지 않음 */
	.gimpo-map-base { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; will-change: transform; }
	/* 입체 : 바닥 그림자 → 옆면(두께) → 윗면 */
	.gimpo-map-base .map-ground use { fill: var(--map-shadow); }
	.gimpo-map-base .map-side use { stroke: none; }
	.gimpo-map-base .map-side .side-bottom { stroke: var(--map-side-line); stroke-width: 1.4; stroke-linejoin: round; }
	.gimpo-map-base .map-base use { fill: var(--map-land); }
	.gimpo-map .area { fill: var(--map-land); stroke: var(--map-line); stroke-width: 1.4; stroke-dasharray: 4 3; stroke-linejoin: round; transition: fill .25s; }
	/* 구역 강조(.on) : 시설 있는 구역·핀·목록에 올렸을 때 */
	.gimpo-map .area.has-fac { fill: var(--map-fac); cursor: pointer; } /* 올리면 그 구역 핀과 같이 반응 */
	.gimpo-map .area.on { fill: var(--map-hover); }
	.gimpo-map .map-outline use { fill: none; stroke: var(--map-edge); stroke-width: 1.6; stroke-linejoin: round; pointer-events: none; }
	.gimpo-map .map-labels text { font-family: 'Pretendard', sans-serif; font-size: 13px; font-weight: 600; fill: var(--map-label); text-anchor: middle; pointer-events: none; transition: fill .25s; }
	.gimpo-map .map-labels text.has-fac { fill: var(--map-label-strong); font-weight: 800; } /* 시설 있는 구역 */
	.gimpo-map .map-labels text.on { fill: var(--map-label-strong); }

	/* 핀 : 꼭짓점(아래 끝)이 시설 위치
	   - 마우스가 닿는 영역(::before)은 고정, 움직이는 건 그림(.bob)만 → 튀어도 호버가 끊기지 않음 */
	.facmap_pins { position: absolute; inset: 0; pointer-events: none; }
	.fac_pin { position: absolute; width: 0; height: 0; pointer-events: auto; z-index: 1; }
	.fac_pin::before { /* 고정 호버 영역 : 핀 + 튀는 높이까지 덮음 */
		content: ''; position: absolute; left: -17px; bottom: -4px; width: 34px; height: 52px;
	}
	.fac_pin .bob, .fac_pin .sd, .fac_pin .nm { pointer-events: none; }
	.fac_pin .bob { position: absolute; left: 0; bottom: 0; width: 0; height: 0; transform-origin: 0 0; will-change: transform; } /* 꼭짓점 기준으로 눌림 */
	.fac_pin .mk {
		position: absolute; left: -13px; bottom: 4px; width: 26px; height: 26px;
		border-radius: 50% 50% 50% 0; transform: rotate(-45deg); transform-origin: 50% 50%;
		background: var(--pin, var(--fac-youth)); border: 3px solid #fff;
		box-shadow: -2px 3px 6px rgba(87, 51, 7, .28);
	}
	.fac_pin .mk::after { content: ''; position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; margin: -3.5px 0 0 -3.5px; border-radius: 50%; background: #fff; }
	.fac_pin .sd { /* 바닥 그림자 : 핀이 뜨면 작아짐 */
		position: absolute; left: -8px; bottom: -3px; width: 16px; height: 6px; border-radius: 50%;
		background: rgba(87, 51, 7, .28); opacity: 0; transition: opacity .2s;
	}
	.fac_pin .nm {
		position: absolute; left: 50%; bottom: 52px; transform: translate(-50%, 6px); white-space: nowrap;
		padding: 6px 12px; border-radius: 20px; background: var(--pin-bg, var(--fac-brown)); color: #fff;
		font-family: 'Pretendard', sans-serif; font-size: 14px; font-weight: 600;
		opacity: 0; visibility: hidden; transition: .2s;
	}
	.fac_pin .nm::after { content: ''; position: absolute; left: 50%; top: 100%; margin-left: -5px; border: 5px solid transparent; border-top-color: var(--pin-bg, var(--fac-brown)); }
	/* 말풍선 배경 : 빨강·파랑은 핀 색, 주황은 흰 글자 대비가 부족해 진한 갈색 */
	.fac_pin.care { --pin: var(--fac-care); --pin-bg: var(--fac-care); }
	.fac_pin.leisure { --pin: var(--fac-leisure); --pin-bg: var(--fac-leisure); }
	.fac_pin:hover, .fac_pin.on { z-index: 3; }
	.fac_pin:hover .bob, .fac_pin.on .bob { animation: fac-bounce .9s infinite; }
	.fac_pin:hover .sd, .fac_pin.on .sd { opacity: 1; animation: fac-bounce-sd .9s infinite; }
	.fac_pin:hover .nm, .fac_pin.on .nm { opacity: 1; visibility: visible; transform: translate(-50%, 0); } /* 말풍선은 고정 */
	@keyframes fac-bounce {
		0%   { transform: translateY(0) scale(1.12, .86); animation-timing-function: ease-out; } /* 바닥에서 눌림 */
		15%  { transform: translateY(-2px) scale(.96, 1.06); animation-timing-function: ease-out; }
		45%  { transform: translateY(-11px) scale(1, 1); animation-timing-function: ease-in; } /* 최고점 */
		80%  { transform: translateY(0) scale(1, 1); animation-timing-function: ease-out; }
		100% { transform: translateY(0) scale(1.12, .86); }
	}
	@keyframes fac-bounce-sd {
		0%, 80%, 100% { transform: scale(1); opacity: 1; }
		45% { transform: scale(.55); opacity: .5; }
	}

	/* 묶음 핀 시설 목록 팝업 : 핀 아래 가운데 (위치는 JS) */
	.facmap_pop {
		position: absolute; z-index: 4; min-width: 180px; padding: 10px 16px;
		border-radius: 14px; background: #fff; box-shadow: 0 10px 24px rgba(87, 51, 7, .18);
		font-family: 'Pretendard', sans-serif; white-space: nowrap; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: .2s;
	}
	.facmap_pop::before { /* 핀 쪽을 가리키는 꼬리 */
		content: ''; position: absolute; left: 50%; bottom: 100%; margin-left: -7px;
		border: 7px solid transparent; border-bottom-color: #fff;
	}
	.facmap_pop.on { opacity: 1; visibility: visible; transform: none; }
	.facmap_pop li a { display: flex; align-items: center; gap: 8px; padding: 5px 0; font-size: 14px; color: #484848; }
	.facmap_pop li a::before { content: ''; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--fac-youth); }
	.facmap_pop li.care a::before { background: var(--fac-care); }
	.facmap_pop li.leisure a::before { background: var(--fac-leisure); }
	.facmap_pop li a:hover { color: var(--fac-point); text-decoration: underline; }

	/* ---------- 목록 ---------- */
	.faclist2 { display: flex; flex-direction: column; gap: 30px; font-family: 'Pretendard', sans-serif; }
	.fac_group { --c: var(--fac-youth); --strong: var(--fac-brown); --hover: var(--btn-hover); } /* 청소년 시설 강조 글자 : 계절과 상관없이 가을 갈색 */
	.fac_group.care { --c: var(--fac-care); --strong: #c4304f; --hover: var(--fac-care); } /* 글자는 버튼 바탕 위 4.5:1 위해 조금 진하게 */
	.fac_group.leisure { --c: var(--fac-leisure); --strong: var(--fac-leisure); --hover: var(--fac-leisure); }
	.fac_tit { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; font-size: 18px; font-weight: 800; color: #222; }
	.fac_tit i { width: 12px; height: 12px; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); background: var(--c); }
	.fac_group ul { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
	.fac_group li a {
		position: relative; display: flex; align-items: center; height: 60px; padding: 0 36px 0 22px;
		border-radius: 12px; background: var(--btn-bg); border: 1px solid var(--btn-line);
		font-size: 15px; color: #484848; letter-spacing: -.03em; white-space: nowrap; transition: .2s;
	}
	.fac_group li a strong { font-weight: 900; color: var(--strong); }
	.fac_group li a::after { /* 화살표 */
		content: ''; position: absolute; right: 18px; top: 50%; width: 7px; height: 7px; margin-top: -4px;
		border-top: 2px solid var(--btn-arrow); border-right: 2px solid var(--btn-arrow); transform: rotate(45deg); transition: .2s;
	}
	.fac_group li a:hover,
	.fac_group li a:focus-visible,
	.fac_group li a.on { background: var(--hover); border-color: var(--hover); color: #fff; }
	.fac_group li a:hover strong,
	.fac_group li a:focus-visible strong,
	.fac_group li a.on strong { color: #fff; }
	.fac_group li a:hover::after,
	.fac_group li a:focus-visible::after,
	.fac_group li a.on::after { border-color: #fff; right: 15px; }

	/* ---------- 반응형 ---------- */
	@media (max-width: 1200px) {
		.facmap_wrap { grid-template-columns: 1fr; }
		.faclist2 { max-width: 860px; width: 100%; margin: 0 auto; }
		.fac_group ul { grid-template-columns: repeat(3, 1fr); }
	}
	@media (max-width: 768px) {
		.mn_facility.type_map { padding: 60px 0; }
		.mn_facility.type_map .main_title { font-size: 28px; }
		.mn_facility.type_map .fac_desc { font-size: 15px; }
		.fac_group ul { grid-template-columns: 1fr 1fr; }
		.fac_group li a { height: 42px; padding-left: 12px; font-size: 14px; }
		.gimpo-map .map-labels text { font-size: 16px; }
		.fac_pin .mk { left: -10px; width: 20px; height: 20px; border-width: 2px; }
		.fac_pin::before { left: -13px; width: 26px; height: 42px; }
		.fac_pin .nm { display: none; }
		.facmap_pop { display: none; } /* 모바일은 아래 목록으로 대신 */
	}
	@media (max-width: 480px) {
		.fac_group ul { grid-template-columns: 1fr; }
	}

	/* =========================================================
	   운영시설 : 제목 ↔ 안내문 간격
	   (사이트 .main_title 의 margin-bottom 40px·30px·20px·16px 이 시안 간격에 더해져 벌어짐 → 제목 아래 여백 없앰)
	   ========================================================= */
	.mn_facility.type_map .main_title{margin-bottom:0;}
	.mn_facility.type_map .fac_desc{margin-top:16px;}
	/* 제목 크기 : 온라인 수강신청 제목(사이트 .main_title 50 → 40 → 30px)과 같게 (시안 40·28px 대신) */
	.mn_facility.type_map .main_title{font-size:50px;}
	@media screen and (max-width: 1280px){
		.mn_facility.type_map .main_title{font-size:40px;}
	}
	@media screen and (max-width: 768px){
		.mn_facility.type_map .fac_desc{margin-top:10px;}
	}
	@media screen and (max-width: 580px){
		.mn_facility.type_map .main_title{font-size:30px;}
	}

	/* 배경 투명 (시안의 베이지 그라데이션·왼쪽 아래 원형 장식 없앰) */
	.mn_facility.type_map{background:transparent;}
	.mn_facility.type_map::before{display:none;}
	/* 오른쪽 시설 목록 박스 : 흰 배경 위에서 구분되도록 연한 베이지 바탕 + 테두리 (호버·선택 색은 시안 그대로) */
	.fac_group li a{background:var(--btn-bg); border-color:var(--btn-line);} /* 계절 색 : facility_map.css */

	/* 같은 건물 묶음 핀 : 기본 핀과 같은 모양, 색은 data-pin 분류 색(시안 .fac_pin.care / .leisure 규칙 그대로 사용) */
	.fac_pin.multi{cursor:pointer;}
	/* 묶음 핀도 다른 핀처럼 위에 말풍선(대표 시설 이름), 시설 목록은 핀 아래 팝업 (facility_map.css) */
	/* 지도 SVG 는 tabindex="-1"(탭 순서 제외) - 마우스로 눌렀을 때 생기는 초점 테두리 숨김 (키보드로는 초점이 가지 않음) */
	.facmap svg:focus, .facmap svg *:focus{outline:none;}

	/* 지도 '사우동' 글자가 풍무 핀에 가려져 글자만 오른쪽으로 (지도 좌표 단위) */
	.gimpo-map .map-labels text[data-area="sau"]{transform:translateX(10px);}
	@media screen and (max-width: 768px){
		/* 모바일은 지명 글자가 16(지도 단위)로 커지고 지도가 작아져 핀이 상대적으로 커짐 → 더 이동 */
		.gimpo-map .map-labels text[data-area="sau"]{transform:translateX(22px);}
	}
	@media screen and (max-width: 480px){
		/* 지도가 더 작아져 핀이 또 커 보임 → 조금 더 오른쪽 + 고촌읍 글자와 겹치지 않게 살짝 위로 */
		.gimpo-map .map-labels text[data-area="sau"]{transform:translate(30px, -6px);}
	}

	/* =========================================================
	   함께하는 SNS > BLOG : 썸네일 없는 상하 목록 (블로그 아이콘 + 제목 + 게시일)
	   - PC : 6개 항목이 왼쪽 제목+버튼 영역 높이(.in_cont height:100%)를 나눠 채움
	   - 흰 박스 + 둥근 모서리, 배경과는 그림자로 구분
	   ========================================================= */
	.mn_sns .sns_wrap #sns_blog .sns_blog_list{display:flex; flex-direction:column; gap:14px; height:100%;}
	.mn_sns .sns_wrap #sns_blog .sns_blog_list li{flex:1; min-height:0;}
	.mn_sns .sns_wrap #sns_blog .sns_blog_list a{display:flex; align-items:center; gap:24px; height:100%; padding:0 32px 0 20px; box-sizing:border-box;
		border-radius:20px; background:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.08); font-family:'Pretendard'; transition:box-shadow .2s;}
	/* 블로그 아이콘 (기존 카드의 N 아이콘과 같은 이미지·색) */
	.mn_sns .sns_wrap #sns_blog .sns_blog_list a:before{content:''; flex:none; width:48px; height:48px; border-radius:14px;
		background:url('/commons/main/images/main_2/ico_sns_list_blog.png') center center no-repeat #0dc962; background-size:24px;}
	.mn_sns .sns_wrap #sns_blog .sns_blog_list .tit{flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:20px; color:#000; transition:color .2s;}
	.mn_sns .sns_wrap #sns_blog .sns_blog_list .date{flex:none; font-size:17px; color:#737373;}
	.mn_sns .sns_wrap #sns_blog .sns_blog_list a:hover,
	.mn_sns .sns_wrap #sns_blog .sns_blog_list a:focus-visible{box-shadow:0 8px 24px rgba(0,0,0,0.14);}
	.mn_sns .sns_wrap #sns_blog .sns_blog_list a:hover .tit,
	.mn_sns .sns_wrap #sns_blog .sns_blog_list a:focus-visible .tit{color:#c05061; text-decoration:underline;}

	@media screen and (max-width: 1480px){
		.mn_sns .sns_wrap #sns_blog .sns_blog_list{gap:12px;}
		.mn_sns .sns_wrap #sns_blog .sns_blog_list a{gap:18px; padding:0 24px 0 16px;}
		.mn_sns .sns_wrap #sns_blog .sns_blog_list a:before{width:42px; height:42px; border-radius:12px; background-size:21px;}
		.mn_sns .sns_wrap #sns_blog .sns_blog_list .tit{font-size:18px;}
		.mn_sns .sns_wrap #sns_blog .sns_blog_list .date{font-size:16px;}
	}
	@media screen and (max-width: 1280px){
		.mn_sns .sns_wrap #sns_blog .sns_blog_list{gap:10px;}
	}
	@media screen and (max-width: 880px){
		/* 다른 탭은 아래쪽(bottom:0)에 붙지만, 목록은 짧아서 탭 바로 아래(탭 높이 64 + 간격 20)부터 */
		.mn_sns .sns_wrap .tablist > li > #sns_blog{top:84px; bottom:auto;}
		.mn_sns .sns_wrap #sns_blog .sns_blog_list{gap:10px; height:auto;}
		.mn_sns .sns_wrap #sns_blog .sns_blog_list li{flex:none;}
		.mn_sns .sns_wrap #sns_blog .sns_blog_list a{gap:12px; height:auto; padding:12px 16px 12px 12px; border-radius:14px;}
		.mn_sns .sns_wrap #sns_blog .sns_blog_list a:before{width:34px; height:34px; border-radius:10px; background-size:18px;}
		.mn_sns .sns_wrap #sns_blog .sns_blog_list .tit{font-size:15px;}
		.mn_sns .sns_wrap #sns_blog .sns_blog_list .date{font-size:13px;}
	}
