@charset "utf-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

/***************************
  Contents
***************************/

/* Layout */
body { background-color:#fff; font-smooth: always; -webkit-font-smoothing: antialiased; }
#wrapper { background:url('');}

/*
--------------------------------------------------------------------
*/
#wrapquick {background:#333 !important; }

/*
	## 서브상단 이미지, 애니메이션
*/
#wrap_subtop {
	position:relative; width:100%; height:350px; background-color:#D5D2C9;
	overflow: hidden;
	/*background-image: url(../img/subtop.jpg);*/
	background-size: cover;
	/*background-attachment: fixed;*/
	background-position:center center;
}
#wrap_subtop .sub-img {
	width: 100%; height: 600px; magin: 0 auto;
	background-size: cover;
	background-position:center center;
	position:absolute; top: -25%; left: 50%; transform: translateX(-50%);
	animation: subtop_img 2s .2s ease-in-out both;
}


#wrap_subtop .sub-text { position:absolute; display:inline-block; top:75%; left:50%; transform:translate(-50%, -60%); }
#wrap_subtop .sub-text span {position:relative; display:block; text-align:center; color:#fff; letter-spacing: -.5px}
#wrap_subtop .sub-text .t1 { font-size:2.3rem; font-weight:600; animation: subtop_t1 1s .5s both; color:#101010;  font-family:Noto Sans Korean; }
#wrap_subtop .sub-text .t1:before {
	position: absolute; content: ''; bottom:-5px; left:0; width:0%; height:1px; background-color: #101010;
	animation: t1_before 2s .5s both;
}
#wrap_subtop .sub-text .t2 { margin-top:5px; font-size:1rem; }
#wrap_subtop .sub-text .t2 .t2-1 { position:relative;  animation: subtop_t2-1 1s .7s ease-in-out both; }
#wrap_subtop .sub-text .t2 .t2-2 { position:relative;  animation: subtop_t3-2 1s .9s ease-in-out both; }

/*@keyframes subtop_img { from { top: -40%;  } to {  } }*/
@keyframes subtop_t1 { from { transform: translateY(50px); opacity: 0; } to {  } }
@keyframes subtop_t2-1 { from { transform: translateX(-70px); opacity: 0; } to {  } }
@keyframes subtop_t3-2 { from { transform: translateX(-70px); opacity: 0; } to {  } }
@keyframes t1_before { to { width: 100%; }  }


/*
	## 서브내용
*/
#page_path {
	position: absolute; top: 20px; right: 0px; padding: 0 !important;
	font-family:Noto Sans Korean; font-size: 0.875rem; font-weight: 400; letter-spacing: -1px; text-align:right;
}
#page_path span, #page_path i { display:inline-block; vertical-align: middle; color:#949494; }
#page_path span {  }
#page_path .fa-chevron-right { color:#D1D1D1; }
#page_path span, #page_path .fa { display:inline-block; vertical-align: middle; }
#page_path .bi-house-door-fill { font-size:1rem; }
#page_path .bi-chevron-right { display: inline-block; padding: 0 5px 0px  ; font-size:12px; }


#wrap_content {	position:relative; width:1200px; padding-top:0px; margin:0 auto !important; font-family:Noto Sans Korean;}
#wrap_content .wrap-cont {
	position:relative; width:100%; clear:both; position:relative;
	min-height:600px; vertical-align:top;
}
#wrap_content .wrap-cont .content { padding-top:30px; padding-bottom:100px; }
#wrap_content .page-title {
	position:relative;  font-size:40px; font-weight:600; padding-left:10px;
	color:#222; text-align:center; margin-top:30px; margin-bottom:30px; 
}
#wrap_content .subbar { position:relative; height:5px; margin-bottom:50px; background:url(../img/subbar.jpg); }
#wrap_content .sub-content { position:relative; margin-top:50px }


/* etc */
ul { list-style:none; margin:0; padding:0;}
li { margin:0; padding:0;}




/*
	## 서브 센터메뉴1
*/
#wrap_centermenu1 { position:relative; text-align:center; background-color:#F8F8F8; border-bottom:1px solid #E9E9E9; overflow:hidden;}
#wrap_centermenu1 .smenu { display:flex; justify-content:center; margin:0; padding:0}
#wrap_centermenu1 .smenu .sm {
	position:relative; display:inline-block; text-align:center;
}
#wrap_centermenu1 .smenu .sm { border-left:1px solid #E9E9E9;}
#wrap_centermenu1 .smenu .sm:last-child { border-right:1px solid #E9E9E9;}
/*#wrap_centermenu1 .smenu .sm:last-child {border-right:1px solid #E9E9E9;}*/
#wrap_centermenu1 .smenu li a {
	font-size:1rem; font-family:'Noto Sans KR', sans-serif; display:inline-block;  padding:13px 20px 15px; color:#464646; vertical-align:middle; text-decoration:none;
	letter-spacing:-.5px; position:relative;
}
#wrap_centermenu1 .smenu li.on { background-color:#650138; font-weight:bold; }
#wrap_centermenu1 .smenu li.on > a { color:#fff; border-bottom:0px solid #fff; position:relative;}

#wrap_centermenu1 .smenu li a:hover { background-color:#FFC8E8;}
#wrap_centermenu1 .smenu li.on a:hover { background-color:#650138;}


/*
	## 서브 센터메뉴2
*/
#wrap_centermenu2 { position:relative; background-color:#fff; z-index:10; }
#wrap_centermenu2 .smenu-align { position:relative; display:block; width:1000px; height:100%; margin:0 auto; top:0px; }
#wrap_centermenu2 .smenu {
	position:absolute; top:0; left:0; width:100%; height:100%; list-style:none; display:block;
	border:1px solid #E9E9E9;  background-color:#fff; 
}
#wrap_centermenu2 .smenu .sm {
	font-size: 1rem; font-family:'Noto Sans KR', sans-serif;
	position:relative; display:inline-block; float:left; margin-left:-1px;
	background-color:#fff;  border-left:1px solid #E9E9E9; border-right:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9;
}
#wrap_centermenu2 .smenu .sm > a { position:relative; padding:12px 15px 17px; width:100%; display:block;}
#wrap_centermenu2 .smenu .sm.home > a { font-size:20px; padding:9px 20px 10px; border:0; color: #141414}
#wrap_centermenu2 .smenu .sm .items { position:relative; width:100%; display:none; }
#wrap_centermenu2 .smenu .sm .items li { position:relative; display:block; border-top:1px solid #E9E9E9;}
#wrap_centermenu2 .smenu li a {
	position:relative; display:block; padding:15px 20px; color:#393939; text-decoration:none;
}
#wrap_centermenu2 .smenu .sm.menu { width:20%; }
#wrap_centermenu2 { height:52px;}
#wrap_centermenu2 .smenu .sm > a { height:50px;}
#wrap_centermenu2 .smenu li.on { background-color:#650138;  }
#wrap_centermenu2 .smenu .sm .on a { color:#fff }

#wrap_centermenu2 .fa-angle-down { float:right; font-size:16px; padding-top: 4px;}


/*
	## 서브 센터메뉴3
*/
#wrap_centermenu3 { text-align:center; background-color:#F8F8F8; height:53px; border-bottom:1px solid #E9E9E9;}
#wrap_centermenu3 .smenu { display:inline-block; overflow:hidden; }
#wrap_centermenu3 .smenu .sm {
	position:relative; display:inline-block; padding:12px 15px; text-align:center; float:left;
	border:0; border-left:1px solid #E9E9E9;
}
#wrap_centermenu3 .smenu .sm:last-child {border-right:1px solid #E9E9E9;}
#wrap_centermenu3 .smenu li a { display:inline-block; padding:5px 0; color:#A4A4A4; vertical-align:middle; text-decoration:none; }
#wrap_centermenu3 .smenu li.on { background-color:#fff; border-bottom:1px solid #fff; }
#wrap_centermenu3 .smenu li.on > a { color:#1F1F23; border-bottom:1px solid #2EBDAD; }



/*
	## 서브 센터메뉴4
*/
#wrap_centermenu4 { font-family: 'Noto Sans KR', sans-serif;
	font-size: 0.875rem; text-align:center; background-color:#F8F8F8; height:55px; border-bottom:1px solid #E9E9E9;
	letter-spacing: px;
}
#wrap_centermenu4 .smenu { display:inline-block; overflow:hidden; }
#wrap_centermenu4 .smenu .sm {
	position:relative; display:inline-block; padding:12px 15px; text-align:center; float:left;
	border:0; border-left:1px solid #E9E9E9;
}
#wrap_centermenu4 .smenu .sm:last-child {border-right:1px solid #E9E9E9;}
#wrap_centermenu4 .smenu li a { display:inline-block; padding:5px 5px; color:#828282; vertical-align:middle; text-decoration:none; }
#wrap_centermenu4 .smenu li.on { background-color:#2D3D4A;  border-bottom:1px solid #fff; }
#wrap_centermenu4 .smenu li.on > a { color:#fff; font-weight: bold;  }