/* main_visual slide */
.main_visualbox {position: relative; width: 100%; overflow: hidden;}
.main_visualarea {float: left; width: 100%; height: 100vh;} /* Pc È­¸é ¸ÂÃß±â */
.main_visualbox .swiper-container-1 {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.main_visualbox .swiper-container-1 .swiper-slide {text-align: center; background: #fff; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;
-ms-flex-align: center; -webkit-align-items: center; align-items: center;}

.main_visualbox .swiper-container-1 .swiper-slide .slider-container {margin: 0 auto; width: 100%; max-width: 1200px;}
.main_visualbox .swiper-container-1 .swiper-slide .slider-container .slider-title {display: inline-block; font-family: "NanumSquare", sans-serif; margin-top: 10px; opacity: 1;}
.swiper-slide-active.slide-1 .slider-title {animation: fadeInUp 1.5s;}
.swiper-slide-active.slide-2 .slider-title {animation: fadeInUp 1.5s;}
.swiper-slide-active.slide-3 .slider-title {animation: fadeInUp 1.5s;}
.swiper-slide-active.slide-4 .slider-title {animation: fadeInUp 1.5s;}
.swiper-slide-active.slide-5 .slider-title {animation: fadeInUp 1.5s;}
.swiper-slide-active.slide-6 .slider-title {animation: fadeInUp 1.5s;}
.swiper-slide-active.slide-7 .slider-title {animation: fadeInUp 1.5s;}
.swiper-slide-active.slide-8 .slider-title {animation: fadeInUp 1.5s;}
.swiper-slide-active.slide-9 .slider-title {animation: fadeInUp 1.5s;}
.swiper-slide-active.slide-10 .slider-title {animation: fadeInUp 1.5s;}

/* slider-title style */
.slide_pensionname {font-size: 30px; color: rgba(255,255,255,0.8); font-weight: 700; line-height: 30px; transform: rotate(-0.04deg); text-shadow: 3px 2px 2px rgba(0,0,0,0.4); margin-bottom: 15px;}
.slide_slogan {font-size: 56px; color: #fff; font-weight: 800; line-height: 57px; margin-bottom: 10px; transform: rotate(-0.04deg); text-shadow: 3px 2px 2px rgba(0,0,0,0.6);}
.slide_bullet {display: inline-block; width: 30px; height: 1px; margin: 25px 0; background: #fff;}
.slide_stxt {font-size: 18px; color: #fff; font-weight: 400; line-height: 28px; transform: rotate(-0.04deg); text-shadow: 3px 2px 2px rgba(0,0,0,0.6);}
.slide_stxt span {font-family: "Nanum Gothic", sans-serif; font-size: 30px; margin: 0 4px; vertical-align: -5px;}

.main_visualbox .swiper-container-1 .swiper-pagination-bullet {width: 16px !important; height: 16px !important; display: inline-block; border-radius: 100%; background: rgba(255,255,255,0.4) !important; border: 1px solid #fff; box-sizing:border-box; outline: none;}
.main_visualbox .swiper-container-1 .swiper-pagination-white .swiper-pagination-bullet-active {background: #fff !important; border: none;}
.main_visualbox .swiper-container-1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 5% !important;}
.main_visualbox .swiper-container-1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: url("../img/wowweb/images/rolling_slide_prev.png") !important; left: 1%; right: auto;}
.main_visualbox .swiper-container-1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url("../img/wowweb/images/rolling_slide_next.png") !important; right: 1%; left: auto;}
.main_visualbox .swiper-container-1 .mainprev, .mainnext {width: 50px !important; height: 50px !important; background-size: 50px 50px !important; outline: none;}

/* special */
.special_box {position: relative; float: left; width: 100%;}
.special_area {margin: 0 auto; width: 100%; max-width: 1200px;}
.special_contents {float: left; width: 100%; padding-top: 50px;}

.itembox {float: left; width: 100%;}
.itembox .itemcontents {float: left; width: 100%; transition-delay: 0.1s; -webkit-transition-delay: 0.1s;} /* °¢ ¿ÀºêÁ§Æ®º° ¾Ö´Ï½Ã°£´ë ¼³Á¤°ª */
.itembox .itemcontents a {display: block; width: 100%; height: 100%;}
.itembox .itemcontents2 {float: left; width: 48.30508474576271%; transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
.itembox .itemcontents2 a {display: block; width: 100%; height: 100%;}
.itembox .itemcontents2-2 {transition-delay: 0.5s; -webkit-transition-delay: 0.5s;}
.itembox .itemcontents3 {float: left; width: 48.30508474576271%; transition-delay: 0.7s; -webkit-transition-delay: 0.7s;}
.itembox .itemcontents3 a {display: block; width: 100%; height: 100%;}
.itembox .itemcontents3-2 {transition-delay: 0.9s; -webkit-transition-delay: 0.9s;}
.itembox .itemcontents3-3 {transition-delay: 1.3s; -webkit-transition-delay: 1.3s;}
.itembox .itemcontents3-4 {transition-delay: 1.5s; -webkit-transition-delay: 1.5s;}
.itembox .itemcontents4 {float: left; width: 100%; transition-delay: 1.1s; -webkit-transition-delay: 1.1s;}
.itembox .itemcontents4 a {display: block; width: 100%; height: 100%;}

.itemalign {margin-left: 3.389830508474576%;}
.itemtopalign {margin-top: 3.389830508474576%;}

.item01 {float: left; width: 49.1667%; margin-right: 1.6667%;}
.item02 {float: left; width: 49.1667%;}
.item03 {float: left; width: 49.1667%; margin-top: 1.6667%; margin-right: 1.6667%;}
.item04 {float: left; width: 49.1667%; margin-top: 1.6667%;}

.bannthumb {position: relative; float: left; width: 100%;}
.bannthumb .thumbimg {position: relative; float: left; width: 100%; height: auto; padding-bottom: 44.06779661016949%; overflow: hidden;}
.bannthumb .thumbimg img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: top; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; transition: all 0.6s ease;}
.bannthumb .thumbimg2 {padding-bottom: 91.2280701754386%;}
.bannthumb .boxcover {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); transition: all 0.6s ease; overflow: hidden; z-index: 1;}
.bannthumb .thumbtxt {position: absolute; float: left; bottom: 30px; left: 0; width: 100%; padding: 0 30px; box-sizing: border-box; z-index: 2;}
.bannthumb .thumbtxt-rooms {bottom: 135px;}
.bannthumb .thumbtxt span {display: inline-block; width: 100%; text-align: left;}
.bannthumb .thumbtxt .txtkor {font-family: "Noto Sans KR", sans-serif; font-size: 18px; color: #fff; font-weight: 500; line-height: 20px; padding-left: 5px;}
.bannthumb .thumbtxt .txteng {font-family: "Noto Sans KR", sans-serif; font-size: 55px; color: rgba(255,255,255,0.65); font-weight: 900; line-height: 56px; text-shadow: 3px 2px 2px rgba(0,0,0,0.2);}
.bannthumb .thumbtxt p.contents-txt {display: inline-block; font-family: "Noto Sans KR", sans-serif; transform: rotate(-0.04deg); font-size: 15px; color: #fff; font-weight: 300; line-height: 20px; padding-left: 3px; margin-top: 15px;}

.thumbimg_no {position: relative; float: left; width: 100%; height: auto; padding-bottom: 45.6140350877194%; overflow: hidden;}
.thumbimg_no img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: top;}
.btnshortcut {position: relative; float: left; width: 100%; height: auto; padding-bottom: 45.64%;}
.btnshortcut ul {position: absolute; top: 0; left: 0; float: left; width: 100%; height: 100%;}
.btnshortcut ul li {float: left; width: 50%; height: 100%;}
.btnshortcut ul li a {font-family: "Noto Sans KR", sans-serif; font-size: 16px; color: #5f6996; font-weight: 400; line-height: 18px; text-align: center; padding-top: 17.54%;}
.btnshortcut ul li.btns1 {background: #0e1c49; border-right: 1px solid #04133d;}
.btnshortcut ul li.btns1 .ico {display: inline-block; width: 100%; height: 48px; margin-bottom: 10.52%;}
.btnshortcut ul li.btns1 .ico i {display: inline-block; width: auto;}
.btnshortcut ul li.btns1 .ico i img {width: 100%;}
.btnshortcut ul li.btns2 {background: #0e1c49; border-left: 1px solid #20346b;}
.btnshortcut ul li.btns2 .ico {display: inline-block; width: 100%; height: 48px; margin-bottom: 10.52%;}
.btnshortcut ul li.btns2 .ico i {display: inline-block; width: auto;}
.btnshortcut ul li.btns2 .ico i img {width: 100%;}

/* rollover eff */
.btnshortcut ul li a:hover {color: #fff; transition: all 0.3s ease;}
.btnshortcut ul li.btns1:hover {background: #0a2889; transition: all 0.3s ease;}
.btnshortcut ul li.btns2:hover {background: #0a2889; transition: all 0.3s ease;}

.thumbimg3 {position: relative; float: left; width: 100%; height: auto; padding-bottom: 91.2280701754386%; overflow: hidden;}
.thumbimg3 img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: top;}
.btnreserva {position: relative; float: left; width: 100%; height: auto; padding-bottom: 91.2280701754386%;}
.btnreserva_area {position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: top;}
.btnreserva a {font-family: "Noto Sans KR", sans-serif; text-align: center; padding-top: 14.03%; background: #0e1c49;}
.btnreserva a span.ico {display: inline-block; width: 100%; height: auto; margin-bottom: 8%;}
.btnreserva a span.ico i {display: inline-block; width: auto;}
.btnreserva a span.ico i img {width: 100%;}
.btnreserva a span.kor {display: inline-block; width: 100%; font-size: 16px; color: #a6b0dd; font-weight: 500; line-height: 18px; margin-bottom: 7px;}
.btnreserva a span.eng {font-size: 22px; color: #5f6996; font-weight: 700; line-height: 23px;}

/* rollover eff */
.itemcontents a:hover .bannthumb .boxcover {background: rgba(10,46,162,0.5);}
.itemcontents2 a:hover .bannthumb .boxcover {background: rgba(10,46,162,0.5);}
.itemcontents3 a:hover .bannthumb .boxcover {background: rgba(10,46,162,0.5);}
.itemcontents4 a:hover .bannthumb .boxcover {background: rgba(10,46,162,0.5);}
.btnreserva a:hover {background: #0a2889; transition: all 0.3s ease;}
.btnreserva a:hover span.eng {color: #fff; transition: all 0.3s ease;}

/* ¾Ö´ÏÈ¿°ú Àû¿ë */
.ani_y {opacity:0; transform: translateY(100px); transition-property: all; transition-duration: 0.8s; -webkit-transform: translateY(100px); -webkit-transition-property: all; -webkit-transition-duration: 0.8s;}
.action .ani_y {opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}

/* tip */
.tip_box {position: relative; float: left; width: 100%;}
.tip_area {margin: 0 auto; width: 100%; max-width: 1200px;}
.tip_contents {float: left; width: 100%; padding: 50px 0 30px; border-bottom: 1px solid #0e1c49;}

.tiplist {float: left; width: 31.6667%; margin-right: 2.5%;}
.tiplist:last-child {margin-right: 0;}
.tiplist-1 {transition-delay: 0.3s; -webkit-transition-delay: 0.3s;} /* °¢ ¿ÀºêÁ§Æ®º° ¾Ö´Ï½Ã°£´ë ¼³Á¤°ª */
.tiplist-2 {transition-delay: 0.5s; -webkit-transition-delay: 0.5s;}
.tiplist-3 {transition-delay: 0.7s; -webkit-transition-delay: 0.7s;}
.tiplist a {display: block; width: 100%; height: 100%;}
.tiplist a figure {position: relative; float: left; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;}
.tiplist a figure .thumbimg img {width: 100%; height: 100%; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.tiplist a figure .tiptit {position: absolute; bottom: 0; left: 0; width: 100%; height: 45px; text-align: center; background: rgba(21,33,61,0.75); /*opacity: 0.5;*/}
.tiplist a figure .tiptit span {font-family: "Noto Sans KR", sans-serif; font-size: 18px; color: #fff; font-weight: 400; line-height: 45px;}
.tiplist a .tipinfo {float: left; width: 100%; text-align: center; padding-top: 30px;}
.tiplist a .tipinfo p {font-family: "Noto Sans KR", sans-serif; font-size: 14.5px; color: #8d9ac6; font-weight: 300; line-height: 22px; transform: rotate(-0.04deg);}

/* rollover eff */
.tiplist a:hover figure img, .tiplist a:focus figure img {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.tiplist a:hover figure .tiptit {background: #0a2889;}
.tiplist a:hover .tipinfo p {color: #fff; text-decoration: none /*underline*/;}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_mobile 359 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (max-width:359px) {

.mainprev, .mainnext {display: none;}
.main_visualbox .swiper-container-1 .swiper-slide .slider-container .slider-title {margin-top: 50px;}
.slide_txtbox {padding: 40% 5% 0;}
.slide_pensionname {font-size: 18px; line-height: 20px;}
.slide_slogan {font-size: 26px; line-height: 32px; letter-spacing: -0.5px;}
.slide_bullet {margin: 20px 0 24px;}
.slide_stxt {font-size: 14px; line-height: 20px; letter-spacing: -0.5px;}

/* special */
.special_contents {padding: 3% 3% 0; box-sizing: border-box;}
.item01 {width: 100%; margin-right: 0; margin-bottom: 3%;}
.item02 {width: 100%; margin-bottom: 3%;}
.item03 {width: 100%; margin-top: 0; margin-bottom: 3%;}
.item04 {width: 100%; margin-top: 0;}
.bannthumb .thumbtxt {padding: 0 3%; bottom: 7%;}
.bannthumb .thumbtxt .txtkor {font-size: 16px; line-height: 18px;}
.bannthumb .thumbtxt .txteng {font-size: 35px; line-height: 37px;}

.itembox .itemcontents2 a {font-size: 13px; line-height: 14px; letter-spacing: -0.5px;}
.btnshortcut ul li.btns1 .ico {height: auto;}
.btnshortcut ul li.btns1 .ico i {width: 30.877%;}
.btnshortcut ul li.btns2 .ico {height: auto;}
.btnshortcut ul li.btns2 .ico i {width: 21.052%;}

.bannthumb .thumbtxt-rooms {bottom: 28%;}
.bannthumb .thumbtxt p.contents-txt {font-size: 13px; line-height: 18px;}

.btnreserva a {padding-top: 11.03%;}
.btnreserva a span.ico i {width: 40.35%;}
.btnreserva a span.kor {font-size: 13px; line-height: 14px;}
.btnreserva a span.eng {font-size: 16px; line-height: 18px; letter-spacing: -0.5px;}

/* tip */
.tip_contents {padding: 10% 3% 10%; box-sizing: border-box;}
.tiplist {width: 100%;}
.tiplist-1 {margin-bottom: 8%;}
.tiplist-2 {margin-bottom: 8%;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_mobile 360,719 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:360px) and (max-width:719px) {

.mainprev, .mainnext {display: none;}
.main_visualbox .swiper-container-1 .swiper-slide .slider-container .slider-title {margin-top: 40px;}
.slide_txtbox {padding: 40% 5% 0;}
.slide_pensionname {font-size: 20px; line-height: 21px;}
.slide_slogan {font-size: 30px; line-height: 37px; letter-spacing: -0.5px;}
.slide_bullet {margin: 20px 0 24px;}
.slide_stxt {font-size: 16px; line-height: 22px; letter-spacing: -0.5px;}

/* special */
.special_contents {padding: 3% 3% 0; box-sizing: border-box;}
.item01 {width: 100%; margin-right: 0; margin-bottom: 3%;}
.item02 {width: 100%; margin-bottom: 3%;}
.item03 {width: 100%; margin-top: 0; margin-bottom: 3%;}
.item04 {width: 100%; margin-top: 0;}
.bannthumb .thumbtxt {padding: 0 3%; bottom: 7%;}
.bannthumb .thumbtxt .txtkor {font-size: 16px; line-height: 18px;}
.bannthumb .thumbtxt .txteng {font-size: 35px; line-height: 37px;}

.itembox .itemcontents2 a {font-size: 13px; line-height: 14px; letter-spacing: -0.5px;}
.btnshortcut ul li.btns1 .ico {height: auto;}
.btnshortcut ul li.btns1 .ico i {width: 30.877%;}
.btnshortcut ul li.btns2 .ico {height: auto;}
.btnshortcut ul li.btns2 .ico i {width: 21.052%;}

.bannthumb .thumbtxt-rooms {bottom: 28%;}
.bannthumb .thumbtxt p.contents-txt {font-size: 13px; line-height: 18px;}

.btnreserva a {padding-top: 11.03%;}
.btnreserva a span.ico i {width: 40.35%;}
.btnreserva a span.kor {font-size: 13px; line-height: 14px;}
.btnreserva a span.eng {font-size: 16px; line-height: 18px; letter-spacing: -0.5px;}

/* tip */
.tip_contents {padding: 10% 3% 10%; box-sizing: border-box;}
.tiplist {width: 100%;}
.tiplist-1 {margin-bottom: 8%;}
.tiplist-2 {margin-bottom: 8%;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_tablet 720,767 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:720px) and (max-width:767px) {

.slide_slogan {font-size: 48px; line-height: 50px;}

/* special */
.special_contents {padding: 8% 5% 0; box-sizing: border-box;}
.item01 {width: 100%; margin-right: 0; margin-bottom: 3%;}
.item02 {width: 100%; margin-bottom: 3%;}
.item03 {width: 100%; margin-top: 0; margin-bottom: 3%;}
.item04 {width: 100%; margin-top: 0;}
.btnshortcut ul li a {padding-top: 20%;}
.btnreserva a {padding-top: 17%;}

/* tip */
.tip_contents {padding: 5% 5%; box-sizing: border-box;}
.tiplist a figure .tiptit {height: 35px;}
.tiplist a figure .tiptit span {font-size: 16px; line-height: 35px;}
.tiplist a .tipinfo p {letter-spacing: -0.5px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_tablet 768,1023 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:768px) and (max-width:1023px) {

.slide_slogan {font-size: 48px; line-height: 50px;}

/* special */
.special_contents {padding: 8% 5% 0; box-sizing: border-box;}
.item01 {width: 100%; margin-right: 0; margin-bottom: 3%;}
.item02 {width: 100%; margin-bottom: 3%;}
.item03 {width: 100%; margin-top: 0; margin-bottom: 3%;}
.item04 {width: 100%; margin-top: 0;}
.btnshortcut ul li a {padding-top: 20%;}
.btnreserva a {padding-top: 17%;}

/* tip */
.tip_contents {padding: 5% 5%; box-sizing: border-box;}
.tiplist a figure .tiptit {height: 35px;}
.tiplist a figure .tiptit span {font-size: 16px; line-height: 35px;}
.tiplist a .tipinfo p {letter-spacing: -0.5px;}

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_pc 1024,1279 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1024px) and (max-width:1279px) {

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_pc 1280,1919 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1280px) and (max-width:1919px) {

}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* *** wowweb_pc 1920 *** */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width:1920px) {

}