/* 메인 */
.section { width:100%; position:relative;}

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


#visual {width: 100%; height: calc(100vh - 5.5rem);}
#visual .swiper {width: 100%; height: 100%;}
#visual .swiper-slide {width: 100%; height: 100%; background-position: center; background-size: cover; }

#visual .visual1 {background-image: url(images/visual1.jpg);}
#visual .visual1 .inner2 {height: 100%; display: flex; color: #fff; flex-direction: column; justify-content: center;}
#visual .visual2 {background-image: url(images/visual2.jpg);}
#visual .visual2 .inner2 {height: 100%; display: flex; color: #fff; flex-direction: column; justify-content: end; padding-bottom: 4rem;}

#visual .visual3 {background-image: url(images/visual3.jpg);}
#visual .visual4 {background-image: url(images/visual4.jpg);}

#visual .swiper-pagination {position: absolute !important; bottom: 1.5rem !important; top: auto !important; pointer-events: all !important;}
#visual .swiper-pagination-bullet {width: 0.9rem !important; height: 0.9rem !important; background-color: #333 !important; opacity: 0.7 !important; border-radius: 0.9rem !important; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; pointer-events: all !important;}
#visual .swiper-pagination-bullet-active {width: 2rem !important; background-color: #fff !important; opacity: 1 !important;}


/* .swiper-button-next,.swiper-button-prev {opacity: 0.3; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.swiper-button-next {right: 1.5rem !important;}
.swiper-button-prev {left: 1.5rem !important;}
.swiper-button-next:hover,.swiper-button-prev:hover {opacity: 1;} */



a.link {width: 8rem; display: inline-block; font-size: 0.9rem; line-height: 1.5; font-weight: 700; position: relative; cursor: pointer;  z-index: 1;}
a.link::after {content: url(images/go_black.gif); line-height: 1.5; margin-left:1rem; position: relative; top: -0.1rem; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out; }
a.link:hover {letter-spacing: 0.1rem;}




#section1 {padding: 6rem 0;}
#section1 .flex {justify-content: space-around;}
#section1 .col {width: 22rem;}
#section1 .imgbox {border-radius: 10rem; overflow: hidden;}
#section1 .imgbox img {-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#section1 .imgbox:hover img {transform: scale(1.1);}
#section1 > div:hover img {opacity: 1; top: -40%;}




#section2 {background: url(images/section2_bg.jpg) top center no-repeat #f2efec; height: 38rem; overflow: hidden; position: relative;}
#section2 .inner {display: flex; flex-direction: column; justify-content: center; height: 90%;}




#section3 {padding: 5.5rem 0; background: url(images/section3_bg.png) right 2.5rem no-repeat;}
#section3 .root_daum_roughmap {border-radius: 1.5rem;}
#section3 .mapBtn {}
#section3 .mapBtn > a {padding: 0.4rem 1rem; font-size: 0.9rem; color: #fff; display: inline-block;}
a.n_map {background-color: #08a800; margin-right: 0.3rem;}
a.k_map {background-color: #fec044;}
.root_daum_roughmap .wrap_controllers,.root_daum_roughmap .cont,.map_border {display: none;}
#section3 .inlineblock {background-color: #816543;
    border-radius: 3rem;
    text-align: center;
    color: #fff;
    margin-right: 0.5rem;
    margin-bottom: 0.25rem;
}
#section3 .inlineblock.lunch {background-color: #9a8672;}