@charset "utf-8";

.sub_visual { position: relative; width: 100%; height: 220px; overflow:hidden; z-index: 0; background:#ebece6 url('/images/sub/svis_bg.jpg') no-repeat center 0; color:#fff; display: flex; align-items: center;  justify-content: center; flex-direction: column;}
.sub_visual:before{content:""; display:inline-block; width:212px; height:207px; position:absolute;  left: 170px; top:170px; background:url('/images/sub/flower_l.png') no-repeat 0 bottom;  
					background-size: contain; z-index: 10;  animation: fadeInScale 0.5s ease-in-out forwards;}
.sub_visual:after{content:""; display:inline-block; width:201px; height:201px; position:absolute;  right: 400px; top:-20px; background:url('/images/sub/flower_r.png') no-repeat 0 bottom; 
				background-size: contain; z-index: 10;  animation: fadeInScale 0.5s ease-in-out forwards; animation-delay: 0.2s; }
.sub_visual_txt{font-size:50px; color:#171a19;  font-family: 'Gmarket SansB'; }

.sub_visual .lo{color:#676767; font-family: 'Gmarket SansL'; font-weight:bold;}
.sub_visual .lo span{padding:0 15px;}


.swrap{display:flex;gap: 80px; }

.submn{text-align:left; }



#mysubmenu{margin-top:-50px; background:#f3f3f3;  display:inline-block; border-radius:40px; width:290px;}
.leftmenu_title{background:#497a40; font-size:30px; color:#fff; font-family: 'Gmarket SansB';  border-radius:30px 60px 0 0; padding: 50px 0px 60px; display: flex; justify-content: center;align-items: center; } 
.leftmenu_b {background:#fff; border-radius:20px; padding:30px 30px 20px; border:1px solid #ddd;  margin-top: -30px;}
.leftmenu_b li{}
.leftmenu_b li a{font-size:18px; padding:16px 0; border-bottom:1px solid #e0e0e0; display: block;}
.leftmenu_b li.active a{background: #bf884f; border-radius: 12px 12px 20px 12px; color: #fff; padding:16px 0 14px; position: relative; width: 133%; display: block; margin-left: -20px; padding-left: 20px; box-shadow:6px 5px 14px 0px rgb(0 0 0 / 29%); border-bottom:none;}
.leftmenu_b li.active a::after {content: "\ea6e"; font-family: "RemixIcon" !important; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 24px; color: #fff; }

.leftmenu_b li:last-child a{border-bottom:none;}

.leftmenu_b li.active a{} 

.subR_con{width:100%;   padding: 60px 0; min-height:700px;}

.page_tit{font-size:50px; color:#171a19;  font-family: 'Gmarket SansB'; }


@media all and (max-width:1440px){

}
@media all and (max-width:1200px){
	.sub_visual { margin-top: 80px;}
}

@media all and (max-width: 999px){
	.sub_visual {  height: 200px; background-size: cover;}
	.sub_visual_txt { font-size: 40px;}
	.sub_visual:before {width: 15vw;left: -7px;  top: 4px;	}
	.sub_visual:after{width: 15vw; top: -9vw}
	
	.swrap{flex-wrap:wrap; gap: 0;}

	.sub_con{font-size:15px; line-height:1.6; }

	.leftmenu_b ul li { padding: 13px 30px;font-size: 17px;}

	.submn{text-align:center; width: 100%;}
	.leftmenu_title{display:none;}
	#mysubmenu{width:100%; margin-top:60px; background:#f3f3f3;  display:inline-block; border-radius:40px;}
	.leftmenu_b{display: flex; border: none;    justify-content: center; background: #f7f7f7;    padding: 0;} 
	.leftmenu_b li{padding:0 10px; width: 100%; }
	.leftmenu_b li a{border-bottom:0; padding: 16px 0 14px;}
	.leftmenu_b li.active a{border-radius: 30px; margin-left: 0;  padding-left: 0; width: 100%;}
	.leftmenu_b li.active a::after{display:none;}

	.subR_con {  padding: 30px 0; min-height:auto;}
	.page_tit { font-size: 30px;}

}



@media all and (max-width: 499px){
	.leftmenu_b li a { font-size: 16px;}
	.leftmenu_b li {   width: calc(100% / 3);    }
    .leftmenu_b ul li {font-size: 15px; padding: 13px 10px;}
	.leftmenu_b {flex-wrap:wrap}
}