/* 서브 */
#sub { width:100%; position: relative; margin-top: -6rem; } 
#sub .subtop { position: relative; width: 100%; height: 25rem; } 
#sub .subtop .subtop_txt { position: absolute; width: 100%; top: 60%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; } 
#sub .subtop .subtop_txt h1 { font-size: 2rem; font-weight: 800; margin-top: 1rem; } 

#sub .subtop01 { background: url(images/subtop01.jpg) no-repeat center; } 
#sub .subtop02 { background: url(images/subtop02.jpg) no-repeat center; } 
#sub .subtop03 { background: url(images/subtop03.jpg) no-repeat center; } 
#sub .subtop04 { background: url(images/subtop04.jpg) no-repeat center; } 


#sub .snb { position: relative; z-index: 50; max-width: 30rem; width: 100%; padding: 0 1rem; margin: -1.8rem auto 0; background-color: #fff; border: 1px solid #efefef; } 
#sub .snb ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1.2em; padding: 1rem 0; } 


#sub .snb ul.snb_bottom { margin-top: -1px; } 
#sub .snb ul.snb_bottom li { width: 14.36%; } 
#sub .snb ul li a { font-size: 0.8rem; display: block; } 
#sub .snb ul li a.on { font-weight: 700; color: #ff4985; } 


#sub .sub_content { padding: 4rem 0 4rem; } 
#sub .sub3_9 { padding : 4rem 0 0 !important;  width: 100%; } 
#sub .sub_content,
#sub .sub_content .content { width:100%; display:inline-block; position: relative; } 



.doc_img { margin-top: 5rem; width: 100%; display: block; } 
.doc_img:last-child { margin-bottom: 5rem; } 

.mt { margin-top: 5rem; } 
.mb { margin-bottom: 5rem !important; } 

.img100 { width: 100%; } 

.sub_map { border-radius: 2rem; overflow: hidden; } 


#sub .tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; margin-top: 4rem; margin-bottom: 3rem; } 
#sub .tabs li { flex: 1 0 30%; text-align: center; } 
#sub .tabs li a { padding: 0.8rem 1rem; font-size: 0.8rem; transition: .3s ease-in-out; display: block; border: 1px solid #e16d94; border-radius: 0.8rem; } 
#sub .tabs li.active a { font-weight: 800; background: #e16d94; color: #fff; transition: .3s ease-in-out; } 


.pt_none { padding-top: 0 !important; } 
.pb_none { padding-bottom: 0 !important; } 


/*table*/
#sub .table { border-collapse: collapse; width: 100%; } 

#sub .table th { color:#fff; padding:8px; background-color: #e16d94; vertical-align:middle; border: 1px #e0e0e0 solid; } 
#sub .table th p { font-weight: 700; } 
#sub .table td { padding:15px 6px; border-right:1px #e0e0e0 solid; border-bottom:1px #e0e0e0 solid; background:#fff; border-left:1px #e0e0e0 solid; border-top:1px #e0e0e0 solid } 



/* 유튜브 썸네일 추가 */
.yt { padding: 5rem 0; } 
.yt .yt_cont { display: flex; flex-wrap: wrap; gap: 1rem; } 
.yt .yt_cont .yt_box { display: block; width: 48%; overflow: hidden; } 
.yt .yt_cont .yt_box img { display: block; width: 100%; } 

.yt .shorts_cont { display: flex; flex-wrap: wrap; gap: 1rem; } 
.yt .shorts_cont .shorts_box { display: block; width: 48%; overflow: hidden; } 
.yt .shorts_cont .shorts_box img { display: block; width: 100%; } 



@media only screen and (max-width:640px) { 
}