/* 메인 */
.mark { width: 1.5rem; height: 1.59rem; background: url(../pc/images/mark_white.svg) no-repeat; background-size: contain; } 


#main { width:100%; position:relative; margin-top: -6rem; } 
#main .section { width:100%; position:relative; } 

#main .section .inner { position:relative; } 

#main .section:not(:first-child) { padding-top: 5.5rem; } 

/* #main .section img { width: 100%; } */


h2.title { font-size: 2rem; font-weight: 700; } 

.sub_tit { color: #a29cb3; font-size: 0.7rem; text-align: center; letter-spacing: 0.1rem; } 


/* visual */
#visual .swiper { height: 44rem; } 
.slide1 { position: relative; width: 100%; height: 44rem; background: url(images/slide1.jpg) no-repeat center / cover; } 


/* section1 */
#main #section1 { width: 100%; background: url(images/sec1_bg.jpg) no-repeat center / cover; padding: 5rem 0 7rem; } 
#main #section1 .slider-for { position: relative; width: 24rem; margin: 0 auto; } 
#main #section1 .slider-for .txt_box .top_tit { display: flex; align-items: flex-end; gap: 30px; } 
#main #section1 .slider-for .txt_box .top_tit h6 { font-size: 1.5rem; font-weight: 500; position: relative; } 
#main #section1 .slider-for .txt_box .top_tit img { width: 3.2rem; height: 3.2rem; } 
#main #section1 .slider-for .txt_box .name { display: flex; align-items: flex-end; gap: 15px; color: #ff4985; margin-top: 1.5rem; } 
#main #section1 .slider-for .txt_box .name h2 { font-size: 2.5rem; font-weight: 500; } 
#main #section1 .slider-for .txt_box .name h4 { font-size: 1.2rem; font-weight: 500; } 
#main #section1 .slider-for .txt_box .name .line { width: 0.1rem; height: 1.2rem; background: #ff4985; margin-bottom: 4px; } 
#main #section1 .slider-for .txt_box .history { margin: 2rem 0; } 
#main #section1 .slider-for .txt_box .history p { font-size: 0.9rem; } 
#main #section1 .slider-for .txt_box .more_btn { font-family: "Lato", sans-serif; font-weight: 400; font-size: 0.9rem; color: #fff; background: #e16d94; padding: 1rem 1.2rem; display: inline-block; border-radius: 50px; } 
#main #section1 .slider-for .slick-dots { position: absolute; bottom: -50px; left: 0; } 
#main #section1 .slider-for .slick-dots li button { background: #dcdcdc; border: none; } 
#main #section1 .slider-for .slick-dots li.slick-active button { background: #ff4985; } 


#main .slick-dots { position: absolute; bottom: 0; left: 0; } 
#main .slick-dots li { display: inline-block; } 
#main .slick-dots li.slick-active button { background: #e1e1e1; } 
#main .slick-dots li button { width: 0.8rem; height: 0.8rem; border: 1px solid #e1e1e1; border-radius: 50%; font-size: 0; margin: 0 5px; background: none; } 




/* section2 */
.s_txt { font-family: "Lato", sans-serif; font-size: 0.8rem; font-weight: 300; letter-spacing: 1rem; } 
.s_txt2 { font-family: "Lato", sans-serif; font-size: 0.9rem; font-weight: 300; text-transform: uppercase; margin-top: 10px; } 

#main #section2 { padding: 5rem 0; background: #fcf0f4; text-align: center; } 
#main #section2 .gallery { width: 25rem; margin: 0 auto; } 
#main #section2 .gallery > div .img_box { width: 25rem; height: 25rem; overflow: hidden; border-radius: 30px; position: relative; } 
#main #section2 .gallery > div .img_box img { display: block; max-width: 40rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } 
#main #section2 .gallery .slick-dots { position: absolute; width: 100%; bottom: -40px; left: 0; } 
#main #section2 .gallery .slick-dots li button { border: none; background: #fff; } 
#main #section2 .gallery .slick-dots li.slick-active button { background: url(images/logo_icon.png) no-repeat center / cover; width: 15px; height: 15px; border-radius: 0; } 





/* section3 */
#main #section3 { padding: 5rem 0; } 
#main #section3 ul { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px; } 
/* #main #section3 ul li { flex: 1 0 45%; border-radius: 30px; height: 11rem; padding: 1.5rem; color: #fff; } */
#main #section3 ul li { border-radius: 30px; height: 11rem; padding: 1.5rem; color: #fff; } 
#main #section3 ul li:not(:first-of-type) { flex: 1 0 45%; } 
#main #section3 ul li:nth-child(1) { background: url(images/sec4_icon01.png) no-repeat right 20px bottom 10px / 17% #e16d94; width: 100% !important;} 
#main #section3 ul li:nth-child(2) { background: url(images/sec4_icon02.png) no-repeat right 20px bottom 10px / 30% #e16d94; } 
#main #section3 ul li:nth-child(3) { background: url(images/sec4_icon03.png) no-repeat right 20px bottom 10px / 30% #e16d94; } 
#main #section3 ul li:nth-child(4) { background: url(images/sec4_icon04.png) no-repeat right 20px bottom 10px / 30% #e16d94; } 
#main #section3 ul li:nth-child(5) { background: url(images/sec4_icon05.png) no-repeat right 20px bottom 10px / 30% #e16d94; } 
#main #section3 ul li:nth-child(6) { background: url(images/sec4_icon06.png) no-repeat right 20px bottom 10px / 30% #e16d94; } 
#main #section3 ul li:nth-child(7) { background: url(images/sec4_icon07.png) no-repeat right 20px bottom 10px / 30% #e16d94; } 
#main #section3 ul li:nth-child(8) { background: url(images/sec4_icon08.png) no-repeat right 20px bottom 10px / 30% #e16d94; } 
#main #section3 ul li:nth-child(9) { background: url(images/sec4_icon09.png) no-repeat right 20px bottom 10px / 30% #e16d94; } 
#main #section3 ul li a { width: 100%; height: 100%; display: block; } 




/* section4 */
#main #section4 { padding: 5rem 0; background: url(images/sec5_bg.jpg) no-repeat center / cover; } 
#main #section4 .product_tit { color: #fff; position: relative; z-index: 20; text-align: center; } 
#main #section4 .product_tit .arrow { display: flex; justify-content: center; gap: 20px; } 
#main #section4 .product_tit .arrow .sl2_prev,
#main #section4 .product_tit .arrow .sl2_next { width: 4rem; height: 4rem; cursor: pointer; } 
#main #section4 .product_tit .arrow .sl2_prev img,
#main #section4 .product_tit .arrow .sl2_next img { width: 100%; display: block; } 

#main #section4 .slider-product { width: 22.5rem; height: 22.5rem; margin: 2.5rem auto 0; } 
#main #section4 .slider-product .slick-slide { width: 22.5rem; height: 22.5rem; background: #fff; display: block; border-radius: 30px; } 
#main #section4 .slider-product .slick-slide img { margin: 2rem auto 0; width: 100%; max-width: 8.5rem; } 
#main #section4 .slider-product .slick-slide .tit_cont { padding: 0 2rem; } 
#main #section4 .slider-product .slick-slide .tit_cont .tit { display: flex; gap: 15px; align-items: baseline; color: #e16d94; } 
#main #section4 .slider-product .slick-slide .tit_cont .tit h4 { font-family: "Lato", sans-serif; font-weight: 700; } 
#main #section4 .slider-product .slick-slide .tit_cont .tit p,
#main #section4 .slider-product .slick-slide .tit_cont .desc { font-size: 0.9rem; } 





/* section5 */
#main #section5 { padding: 5rem 0; } 
#main #section5 .inner { display: flex; flex-direction: column; align-items: center; gap: 40px; } 
#main #section5 .info { max-width: 22rem; width: 100%; } 
#main #section5 .info > div { margin-bottom: 1.5rem; } 
#main #section5 .info > div:last-child { margin-bottom: 0; } 
#main #section5 .info .tit { color: #e16d94; font-weight: 700; margin-bottom: 10px; } 
#main #section5 .info .num h2 { font-size: 40px; font-weight: 800; color: #e16d94; } 
#main #section5 .info .time .timetable { display: flex; gap: 25px; } 
#main #section5 .info .time .timetable .column .day { text-align-last: justify; } 
#main #section5 .info .time .timetable .column p { font-size: 0.8rem; } 
#main #section5 .info .time .holiday { display: flex; margin-top: 10px; gap: 15px; } 
#main #section5 .info .time .holiday p { font-size: 0.8rem; } 
#main #section5 .info .ad .c_main3 { font-size: 0.8rem; } 
#main #section5 .info .ad .desc { font-size: 0.7rem; } 
#main #section5 .info .sns { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; } 
#main #section5 .info .sns a img { display: block; width: 10.75rem; height: 3.15rem; } 

#main #section5 .map { max-width: 24rem; border-radius: 50px; overflow: hidden; } 
.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .cont .section_address { display: none !important; } 
.root_daum_roughmap .map_border { opacity: 0 !important; } 





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