@charset "utf-8"; /* */
/**
* @author https://wpboard.kr
*/

.max-w-none { max-width: none !important; } 
.max-w-md { max-width: 448px !important; } 
.max-w-screen-side { max-width: 186px !important; } 
.max-w-screen-lg { max-width: 900px !important; } 
.max-w-screen-xl { max-width: 1260px !important; } 
#site-navigation li.brochure { border: 1px solid; border-radius: 5px; } 

.prev-mov { -webkit-transform: translateY(85px); -ms-transform: translateY(85px); transform: translateY(85px); opacity: 0; -webkit-transition: 2s ease-in-out; -o-transition: 2s ease-in-out; transition: 2s ease-in-out } 
.mov { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } 

.modal { width: 100% !important; max-width: 600px !important; max-height: 80vh !important; overflow: scroll !important; padding: 10px !important; }

/* main */
.fp-section { overflow: hidden; } 
.fp-section.active .prev-mov { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } 

#wbk-theme-content .swiper-slide .prev-mov { -webkit-transform: translateY(85px); -ms-transform: translateY(85px); transform: translateY(85px); opacity: 0; -webkit-transition: 2s ease-in-out; -o-transition: 2s ease-in-out; transition: 2s ease-in-out } 
#wbk-theme-content .swiper-slide.swiper-slide-active .prev-mov { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: 2s ease-in-out; -o-transition: 2s ease-in-out; transition: 2s ease-in-out; -webkit-animation-delay: 2s; animation-delay: 2s; } 
#wbk-theme-content .swiper-pagination::after { content: ""; width: 90%; height: 2px; background-color: rgb(6 182 212); position: absolute; bottom: -10px; left: 0; } 
#wbk-theme-content .swiper-pagination-clickable .swiper-pagination-bullet { width: 27px; height: 27px; text-align: center; line-height: 25px; font-size: 14px; color: rgb(160, 160, 160); opacity: 1; background: rgba(0, 0, 0, 0.2); transition: 300ms; margin: 0 15px 0 0 !important; } 
#wbk-theme-content .swiper-pagination-clickable .swiper-pagination-bullet:hover,
#wbk-theme-content .swiper-pagination-clickable .swiper-pagination-bullet-active { color: #fff; background: rgb(6 182 212); } 

#fp-nav { -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; } 
#fp-nav.change { opacity: 0; z-index: -1; } 
#fp-nav.fp-right { right: 40px !important; } 
#fp-nav.fp-right ul li { width: 13px; height: 13px; margin: 25px 10px; } 
#fp-nav.fp-right ul li:nth-child(5) { display: none; } 
#fp-nav.fp-right ul li a { font-size: 0; border: 1px solid #aaa; border-radius: 50%; background: none; } 
#fp-nav.fp-right ul li a.active { color: #fff; background: #fff; border: none; } 
#fp-nav.fp-right ul li a span { display: none; } 

.arrow_fff { position: relative; display: inline-block; width: 40px; margin: auto 0 auto 10px; border-bottom: 1px solid #fff; z-index: 2; } 
.arrow_fff::before { content: ''; position: absolute; right: -1px; top: 0px; width: 15px; height: 9px; border-width: 0.15vmin 0vmin 0 0; border-style: solid; border-color: #fff; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; display: block; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: translate(-1px, 0px) rotate(45deg); -ms-transform: translate(-1px, 0px) rotate(45deg); transform: translate(-1px, 0px) rotate(45deg); } 

.jquery-modal.blocker.current { z-index: 10; } 

.form-necessary::before { content: "*"; color: rgb(192, 0, 0); position: absolute; left: -10px; top: 0; } 
.form-necessarys::after { content: "*"; color: rgb(192, 0, 0); margin-left: 5px; } 

.grecaptcha-badge { display: none !important; }

@media screen and (max-width: 768px) { /* 기본 */
#fp-nav.fp-right { right: 5px !important; } 
#fp-nav.fp-right ul li { margin: 20px 10px; } 

#wbk-theme-content .swiper-pagination-clickable .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 10px 0 0 !important; background: #fff; } 
#wbk-theme-content .swiper-pagination-clickable .swiper-pagination-bullet:hover, #wbk-theme-content .swiper-pagination-clickable .swiper-pagination-bullet-active { background: rgb(6 182 212); } 
}