/*서브페이지 공통*/
.content_box h2{font-size:38px; color:#212121; line-height: 1.5; word-break:keep-all; letter-spacing: -1px;margin-bottom: 20px;}
.content_box h2 span{color: #2198dd;}
.content_box h3{font-size:24px; color:#333; line-height: 1.5; word-break:keep-all; letter-spacing: -1px;}
.content_box p{font-size:20px; color:#666; line-height: 1.5; word-break:keep-all; }
.content_box img{max-width: 100%; border-radius: 20px;}

@media screen and (max-width:960px) {
	.content_box p{font-size:16px;}
	.content_box h2{font-size:24px;}
	.content_box h3{font-size:20px;}

}
/*서브페이지 공통*/

/*a1*/
#a1 .a1_01{display: flex; gap: 50px;}
#a1 .a1_01 .img_box{width: 45%;}
#a1 .a1_01 .txt_box{width: 55%;padding: 50px 70px; background: #f8f8f8; border-radius: 20px; position: relative;}
#a1 .a1_01 .txt_box::after{content: ""; display: block; position: absolute; width: 200px; height: 100px; right:5%;; bottom:0; background: url(../images/logo.png) no-repeat center; background-size: contain;}
#a1 .a1_01 .txt_box p{margin-bottom: 20px;}

@media screen and (max-width:960px) {
	#a1 .a1_01{flex-direction: column; gap: 10px;}
	#a1 .a1_01 .img_box{width: 100%;text-align: center;}
	#a1 .a1_01 .txt_box{width: 100%; padding: 20px 20px;}
	#a1 .a1_01 .txt_box p{margin-bottom:15px;}
	#a1 .a1_01 .txt_box::after{max-width: 40%;}
}
/*a1*/

/*b1*/
	/*탭메뉴*/
	#tab_box ul.tab{overflow: hidden; width: 100%; margin: 0 auto;  position: sticky; top: 100px;}
	#tab_box ul.tab>li{float: left; width: 33.3%; height:70px; background-color: #fff; line-height:70px; text-align: center; cursor: pointer; font-size: 18px;; border-bottom: 1px solid #ddd;border-top: 1px solid #ddd; transition:0.5s;}
	#tab_box ul.tab>li:hover{color: #0080cc; transition:0.5s; font-weight: bold;}
	#tab_box ul.tab>li.selected{background-color: #0080cc; font-weight: bold; color: #fff; }
	#tab_box .tab_con{ margin: 0 auto; padding: 50px 10px; animation: fadeIn 1s ease-in-out;text-align: center;font-size: 20px;}
	@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
	}

	#tab_box .tab_con p {font-size: 20px; line-height: 1.4; margin-bottom: 10px; word-break: keep-all; color: #333; word-break: keep-all;}
	#tab_box .tab_con table {}

	@media (max-width: 960px){

	}

	@media (max-width:640px){
		#tab_box ul.tab{top: 80px; ;}
		#tab_box ul.tab>li{font-size: 16px;    height: 50px;    line-height: 50px;}
		#tab_box .tab_con{padding: 10px 0;}
	}
	/*탭메뉴*/

	/*슬라이드*/
	#b1 .mySwiper2 {width:100%; height:600px; margin-bottom:20px;}
	#b1 .mySwiper2 img {width:100%; height:100%; object-fit:cover; border-radius:10px;}
	#b1 .mySwiper {height:180px; box-sizing:border-box; padding:10px 0;}
	#b1 .mySwiper .swiper-slide {width:20%; height:100%; cursor:pointer; position:relative;}
	#b1 .mySwiper img {width:100%; height:100%; object-fit:cover; border-radius:6px; transition:0.3s;}
	#b1 .mySwiper .swiper-slide::after {content:""; position:absolute; top:0; left:0; width:100%; height:100%;background:rgba(0,0,0,0.6); opacity:0; border-radius:6px; transition:0.3s;}
	#b1 .mySwiper .swiper-slide-thumb-active::after {opacity:1;} /* 선택된 썸네일만 어두워짐 */
	#b1 .swiper-button-next, .swiper-button-prev{padding: 10px; background: #fff; border-radius: 100px;}

	@media (max-width:960px){
	#b1 .mySwiper2 {height:400px;}
	#b1 .mySwiper {height:140px;}
	}

	@media (max-width:640px){
	#b1 .mySwiper2 {height:150px;margin-bottom: 0px;}
	#b1 .mySwiper {height:80px;}
	#b1 .swiper-button-next, .swiper-button-prev{display:none !important;}
	}
	/*슬라이드*/

/*b1*/

/*c1*/
#c1 .step_list{display:flex;gap:40px;justify-content:space-between}
#c1 .step_list li{display:flex;flex-direction:column; width:33.3%;background:#fff;border:1px solid #eee;border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,0.05);}
#c1 .step_list li:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,0,0,0.1)}
#c1 .step_head{display:flex;align-items:center;gap:10px;padding:20px;border-bottom:1px dashed #ddd;background:#fafafa;border-radius:20px 20px 0 0}
#c1 .step_head h2{margin-bottom:0;font-weight:600}
#c1 .day{display:inline-block;font-size:22px;font-weight:700;color:#333}
#c1 .icon{width:60px;height:60px;flex-shrink:0}
#c1 .icon.flower1{background:url('../html/img/c1_01.png') no-repeat center;background-size:contain}
#c1 .icon.flower2{background:url('../html/img/c1_02.png') no-repeat center;background-size:contain}
#c1 .icon.flower3{background:url('../html/img/c1_03.png') no-repeat center;background-size:contain}
#c1 .step_body{display:flex;flex-direction:column;gap:30px;padding:25px;line-height:1.6}
#c1 .step_body p span{display: block; padding: 5px 20px; border-radius: 100px; background: #3a8afd; margin-bottom: 10px;  color: #fff;  width: fit-content;font-weight: 600;}
#c1 .note{color:#fd3a41;font-size:16px; border-top:1px solid #eee;padding-top:15px}

#c1 .img_box>div{padding: 30px; background: #f8f8f8; margin-top: 50px;}
#c1 .img_box>div h3{margin-bottom: 20px;}
#c1 .img_box>div p{position: relative; padding-left: 20px;}
#c1 .img_box>div p::after{content: ""; display: block; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background: #3a8afd; border-radius: 10px;}

@media(max-width:1024px){
#c1 .step_list{flex-direction:column;gap:30px}
#c1 .step_list li{width:100%}
}
@media(max-width:960px){
#c1 .icon{width:40px;height:40px}
#c1 .day{font-size:18px}
#c1 .step_body{gap: 20px;}
#c1 .note{font-size: 14px;}
}
/*c1*/

/*d1*/
#d1 .step_list{display:flex;gap:40px;justify-content:space-between; margin-bottom: 70px;}
#d1 .step_list li{display:flex;flex-direction:column; background:#fff;border:1px solid #eee;border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,0.05);}
#d1 .step_list li:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,0,0,0.1)}
#d1 .step_head{text-align: center;padding:20px;border-bottom:1px dashed #ddd;background:#fafafa;border-radius:20px 20px 0 0}
#d1 .step_head h2{margin-bottom:0;font-weight:600}
#d1 .day{display:inline-block;font-size:22px;font-weight:700;color:#333}
#d1 .icon{width:60px;height:60px;flex-shrink:0}
#d1 .step_body{display:flex;flex-direction:column;gap:30px;padding:25px;line-height:1.6}
#d1 .step_body p span{display: block; padding: 5px 20px; border-radius: 100px; background: #3a8afd; margin-bottom: 10px;  color: #fff;  width: fit-content;font-weight: 600;}
#d1 .note{color:#fd3a41;font-size:16px;}

#d1 .img_box>div{padding: 30px; background: #f8f8f8; margin-top: 50px;}
#d1 .img_box>div h3{margin-bottom: 20px;}
#d1 .img_box>div p{position: relative; padding-left: 20px;}
#d1 .img_box>div p::after{content: ""; display: block; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background: #3a8afd; border-radius: 10px;}

@media(max-width:1024px){
#d1 .step_list{flex-direction:column;gap:30px}
#d1 .step_list li{width:100%}
}
@media(max-width:960px){
#d1 .step_list{margin-bottom: 30px;}
#d1 .icon{width:40px;height:40px}
#d1 .day{font-size:18px}
#d1 .step_body{gap: 20px;}
#d1 .note{font-size: 14px;}
}
/*d1*/

/*e1*/
#e1 .step_list{display:flex;gap:40px;justify-content:space-between}
#e1 .step_list li{display:flex;flex-direction:column; background:#fff;border:1px solid #eee;border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,0.05); width:33.3%}
#e1 .step_list li:hover{transform:translateY(-5px);box-shadow:0 6px 15px rgba(0,0,0,0.1)}
#e1 .step_head{text-align: center;padding:20px;border-bottom:1px dashed #ddd;background:#fafafa;border-radius:20px 20px 0 0}
#e1 .step_head h2{margin-bottom:0;font-weight:600}
#e1 .day{display:inline-block;font-size:22px;font-weight:700;color:#333}
#e1 .icon{width:60px;height:60px;flex-shrink:0}
#e1 .step_body{display:flex;flex-direction:column;gap:30px;padding:25px;line-height:1.6}
#e1 .step_body p span{display: block; padding: 5px 20px; border-radius: 100px; background: #3a8afd; margin-bottom: 10px;  color: #fff;  width: fit-content;font-weight: 600;}
#e1 .note{color:#fd3a41;font-size:16px;}

#e1 .img_box>div{padding: 30px; background: #f8f8f8; margin-top: 50px;}
#e1 .img_box>div h3{margin-bottom: 20px;}
#e1 .img_box>div p{position: relative; padding-left: 20px;}
#e1 .img_box>div p::after{content: ""; display: block; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background: #3a8afd; border-radius: 10px;}

@media(max-width:1024px){
#e1 .step_list{flex-direction:column;gap:30px}
#e1 .step_list li{width:100%}
}
@media(max-width:960px){
#e1 .icon{width:40px;height:40px}
#e1 .day{font-size:18px}
#e1 .step_body{gap: 20px;}
#e1 .note{font-size: 14px;}
}
/*e1*/