/* body */
body::-webkit-scrollbar {width:5px;}
body::-webkit-scrollbar-thumb {background:#555;}
body::-webkit-scrollbar-track {background:#f1f1f1;}

/*header 헤더*/
#header {transition-duration: 0.5s;box-sizing:border-box;width:100%;z-index:99;position:fixed;top:0;border-bottom:1px solid rgba(255,255,255,0.2);}
#header .header-bg {padding:0 50px;height:100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;transition:0.5s;}

#header.fixed {background:rgba(0,0,0,0.5);border-bottom:0px;}

#header.on {background:#fff;}
#header.on .gnb_1da {color:#000;}
#header.on .header-bg .right > ul li a {color:#000;}
#header.on .header-bg .right > ul li:before {background:rgba(0,0,0,0.3);}
#header.on .logo-box .main-logo {background:url(/theme/woori/img/logo.png) no-repeat center;}


header .logo-box .main-logo {background:url(/theme/woori/img/logo_w.png) no-repeat center;width:192px;height:37px;display:block;}
header .menu-bg {
	max-width:2543px;
	margin:0 auto;
	box-sizing:border-box;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
}
.menu-flex , .menu-flex > div , header .menu-bg .main-menu {
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
}
header .menu-bg .main-menu {z-index:3;}

/*#gnb_1dul .gnb_1dli.on > a {color:#033691;}*/

#header .header-bg .right {display:flex;align-items:center;justify-content:end;}
#header .header-bg .right > ul {display:flex;align-items:center;}
#header .header-bg .right > ul li {margin-right:30px;position:relative;}
#header .header-bg .right > ul li:before {content:'';width:1px;height:15px;background:rgba(255,255,255,0.3);position:absolute;right:-15px;top:50%;transform:translateY(-50%);}
#header .header-bg .right > ul li:last-child {margin-right:0px;}
#header .header-bg .right > ul li:last-child:before {display:none;}
#header .header-bg .right > ul li a {color:#fff;font-size:16px;display:flex;align-items:center;position:relative;}
#header .header-bg .right > a {font-size:16px;color:#fff;background:linear-gradient(to top left, #033691, #3A70D1);padding:9px 32px;border-radius:50px;display:inline-block;margin-left:30px;}

#gnb_1dul {position:absolute;left:50%;transform:translateX(-50%);}
.new-window-icon img {margin-left:5px;}

/* hoverText */
.hovertext {position: relative;}
.hovertext:before {content: attr(data-hover); font-size:15px;visibility: hidden;opacity: 0;width: max-content;background-color: #033691;color: #fff;text-align: center; border-radius: 5px; padding: 5px 12px;transition: opacity 1s ease-in-out;position: absolute;z-index: 1;left: 50%; top: 120%;transform:translateX(-50%);}
.hovertext:hover:before {opacity: 1; visibility: visible;}

/*모바일메뉴*/
.m-menu {display:none;}
.m-menu-con {
	position: fixed;
	min-width:500px;
	height:100vh;
	top:0px;
	right:-1500px;
	background:#fff;
	z-index: 9999;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s; /*크롬, 사파리*/
	-moz-transition-duration: 0.5s; /*파이어폭스*/
	-ms-transition-duration: 0.5s; /*익스플로러*/
	-o-transition-duration: 0.5s;  /*오페라*/
	/*overflow-y:scroll;*/
	background:#033691;
}

.m-menu-btn ul {display:flex;flex-direction:column;align-items:end;}
.m-menu-btn ul li {width:27px; height:3px; background:#fff;margin-bottom:5px;transition:0.5s;}
.m-menu-btn ul li:last-child {margin-bottom:0px;}
#header.on .m-menu-btn ul li {background:#000;}

.m-menu .close {position:absolute;z-index:9999;display:block !important;top:15px;right:30px;color:#fff;font-size:24px;cursor:pointer;}
.m-menu .gnb-total-logo {padding:30px;}
.m-menu .gnb-total-logo img{width:100%;}
.m-menu .menu-title {padding:20px 30px;background:#033691;}
.m-menu .menu-title > ul {display:flex;align-items:center;margin-right:30px;}
.m-menu .menu-title > ul li {margin-right:20px;}
.m-menu .menu-title > ul li:last-child {margin-right:0px;}
.m-menu .menu-title > ul li a {color:#fff;font-size:15px;}

.m-menu .gnb-total-menu {text-align:left;padding:30px;}
.m-menu .gnb-total-menu > li {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.2);}
.m-menu .gnb-total-menu > li:last-child {border-bottom:0px;margin-bottom:0px;padding-bottom:0px;}
.m-menu .gnb-total-menu > li > a {position:relative;display:block;line-height:1.5 !important;}
.m-menu .gnb-total-menu > li > a:after {transition:0.2s;content:'';position:absolute;top:50%;right:10px;transform:translateY(-75%) rotate(45deg);width:10px;height:10px;border-right:2px solid rgba(255,255,255,0.8);border-top:2px solid rgba(255,255,255,0.8);}
.m-menu .gnb-total-menu > li.active > a {color:#fff;}
.m-menu .gnb-total-menu > li.active > a:after {transform:translateY(-35%) rotate(135deg);border-color:#fff;}
.m-menu .gnb-total-menu li a {color:rgba(255,255,255,1);font-size:20px;}
.m-menu .gnb-total-menu li a:hover {color:#fff;}
.m-menu .gnb-total-menu li a:hover:after {border-color:#fff;}
#header.on .m-menu .gnb-total-menu li a {color:rgba(255,255,255,1);}
.m-menu .gnb-total-menu li ul {margin-top:10px;}
.m-menu .gnb-total-menu li ul a{display:inline-block;font-size:18px;cursor:pointer;color:rgba(255,255,255,0.8);transition:0.5s;}
.m-menu .gnb-total-menu li ul li {margin-bottom:10px;}
.m-menu .gnb-total-menu li ul li ul {border-bottom:1px solid #ccc;}
.m-menu .gnb-total-menu li ul li ul li a {background:#fff;font-size:14px;color:#717171;padding:5px 15px;border-bottom:none;}

.m-menu.on .m-menu-con {right:0px;}
.scrollOff{position:fixed;overflow:hidden;height:100%;}
.m-menu-bg {background:rgba(0,0,0,0.8);width:100%;height:100vh;position:fixed;top:0;right:0;z-index:9998;display:none;transition: right 0.7s;cursor:pointer;}
.accordian li ul {display:none;}

.menu-flex, .menu-flex > div {display:block;}
.m-mian-menu-flex {display: -webkit-box; display: -ms-flexbox; display: flex;justify-content:end;align-items:center;}
.m-main-menu-flex>div:first-child {margin-right:30px;}
.m-main-menu-flex > ul {display: flex;align-items:center;margin-right:30px;}
.m-main-menu-flex > ul li {margin-right:15px;}
.m-main-menu-flex > ul li:last-child {margin-right:0px;}

/*main_banner*/
.main-banner {position:relative;height:100%;}
.main-banner .swiper-slide {overflow:hidden;height:100vh;}
.main-banner .swiper-slide img {width:100%;height:100%;object-fit:cover;transition: all 30s linear;}
.main-banner .swiper-slide.swiper-slide-active > img {transform: scale(1.4);}
.main-banner .swiper-slide .txt {text-align:center;}

.main-banner .arrow-box {position:absolute;top:50%;left:0px;transform:translateY(-50%);z-index:3;display:flex;align-items:center;width:100%;}
.main-banner .swiper-button-prev {background:url('/theme/woori/img/main-banner-prev.png') no-repeat center;width:70px;height:70px;background-size:70px;z-index:3;margin-top:0px;left:0px;}
.main-banner .swiper-button-next {background:url('/theme/woori/img/main-banner-next.png') no-repeat center;width:70px;height:70px;background-size:70px;z-index:3;margin-top:0px;right:0px;}

.main-banner .swiper-button-next:after {display:none;}
.main-banner .swiper-button-prev:after {display:none;}

.main-banner .swiper-pagination {bottom:100px !important;}
.main-banner .swiper-pagination-bullet {background:inherit;width:auto;height:auto;opacity:.5;width:13px;height:13px;background:#fff;border-radius:50%;margin:0 !important;margin-right:30px !important;}
.main-banner .swiper-pagination-bullet-active {opacity:1;}
.main-banner-con {
	position:absolute;top:50%;left:50%;width:1460px;z-index:2;padding:0 20px;text-align:center;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
}
.main-banner-con h3 {font-size:54px;color:#fff;margin-bottom:20px;}
.main-banner-con p {font-size:26px;color:#fff;}

.main-banner .swiper-slide.swiper-slide-active .main-banner-con h3{
	animation:text 1s 0.5s both;
	-webkit-animation:text 1s 0.5s both;
	-ms-animation:text 1s 0.5s both;
	-moz-animation:text 1s 0.5s both;
	-o-animation:text 1s 0.5s both;
}

.main-banner .swiper-slide.swiper-slide-active .main-banner-con p{
	animation:text1 1s 1s both;
	-webkit-animation:text1 1s 1s both;
	-ms-animation:text1 1s 1s both;
	-moz-animation:text1 1s 1s both;
	-o-animation:text1 1s 1s both;
}

@keyframes text {
	0% {
		opacity:0;
		transform:translateY(30px);
		-webkit-transform:translateY(30px);
		-ms-transform:translateY(30px);
		-moz-transform:translateY(30px);
		-o-transform:translateY(30px);
	}
	100% {
		opacity:1;
		transform:translateY(0px);
		-webkit-transform:translateY(0px);
		-ms-transform:translateY(0px);
		-moz-transform:translateY(0px);
		-o-transform:translateY(0px);
	}
}

@keyframes text1 {
	0% {
		opacity:0;
		transform:translateY(30px);
		-webkit-transform:translateY(30px);
		-ms-transform:translateY(30px);
		-moz-transform:translateY(30px);
		-o-transform:translateY(30px);
	}
	100% {
		opacity:1;
		transform:translateY(0px);
		-webkit-transform:translateY(0px);
		-ms-transform:translateY(0px);
		-moz-transform:translateY(0px);
		-o-transform:translateY(0px);
	}
}

.video-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 101%;
  height: 101%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: -1;
}

/*메인슬라이드 유튜브 배경*/
.jarallax {height:100vh;}
.jarallax:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1);}

#top_btn {display:none;}

#footer {background:#000;color:#fff;padding:60px 0;}
.ft-con {width:1460px;margin:0 auto;}
.ft-top {padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #aaa;}
.ft-top h5 {color:#fff;font-size:17px;}
.ft-top ul {display:flex;}
.ft-top ul li:first-child {margin-right:25px;}
.ft-top ul li:first-child a {color:#fff;}
.ft-top ul li a {font-size:17px;color:#aaa;}
.ft-bottom ul {display:flex;flex-wrap:wrap;gap:5px;}
.ft-bottom > div > ul {justify-content:end;}
.ft-bottom ul li {margin-right:25px;}
.ft-bottom ul li:last-child {margin-right:0px;}
.ft-bottom ul li {font-size:17px;color:#aaa;}
.ft-bottom ul li.break {width:50%;}
.ft-bottom p {font-size:17px;color:#aaa;margin-top:30px;}

#move-top-btn {transition:0.3s;position:fixed;bottom:-100px;right:20px;z-index:2;width:70px;height:70px;background:linear-gradient(to top left, #033691, #3A70D1);font-weight:bold;border-radius:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;}
#move-top-btn.on {bottom:20px;}
#move-top-btn p {color:#fff;font-size:15px;}

.privacy h3 {font-size:18px;color:#333;margin-bottom:10px;font-weight:bold;}
.privacy p {font-size:16px;color:#555;margin-bottom:30px;}

/* 메인 본문 */
.section {margin:120px 0;}
.section-wr {width:1460px;margin:0 auto;position:relative;}

.flex-box {display:flex;}
.between {justify-content:space-between;}
.align-center {align-items:center;}
.justify-center {justify-content:center;}

.section01 {position:relative;}

.section01-slider {height: 137px;width:710px;box-sizing: border-box;position:absolute;right:0px;bottom:0px;}
.section01-slider .swiper-slide {width: 100%;height: 100%;opacity: 0.5;cursor:pointer;background-size: cover;background-position: center;border-radius:10px;overflow:hidden;}
.section01-slider .swiper-slide-thumb-active {opacity: 1;border:3px solid #033691;}
.section01-slider .swiper-slide img {display:block;width:100%;height:100%;object-fit:cover;}
.section01-slider .swiper {width:100%;height:300px;margin-left: auto;margin-right: auto;}

.section01-slider02 {height:100%;width:100%;position:relative;}
.section01-slider02 > img {display: block; width: 100%;height: 100%;object-fit: cover;}
.section01-slider02 .swiper-slide {display:flex;background:#fff;}
.section01-slider02 .swiper-slide > .img > img {width: 100%;height: 100%;object-fit: cover;border-radius:20px;overflow:hidden;}
.section01-slider02 .txt {padding:50px;}
.section01-slider02 .txt h5 {font-size:16px;color:#033691;}
.section01-slider02 .txt h4 {font-size:42px;margin:10px 0 25px;}
.section01-slider02 .txt p {font-size:17px;color:#555;margin-bottom:25px;}
.section01-slider02 .txt a {padding:11px 25px;border:1px solid #ccc;border-radius:50px;display:inline-flex;align-items:center;}
.section01-slider02 .txt a span {font-size:16px;display:inline-block;margin-right:30px;}
.section01-slider02 .arrow-box {position:absolute;bottom:167px;left:0px;z-index:3;display:flex;align-items:center;justify-content:end;width:100%;}
.section01-slider02 .swiper-button-prev {background:url('/theme/woori/img/section01-slider-prev.png') no-repeat center;width:48px;height:48px;background-size:48px;z-index:3;margin-top:0px;left:0px;position:static;margin-right:12px;}
.section01-slider02 .swiper-button-next {background:url('/theme/woori/img/section01-slider-next.png') no-repeat center;width:48px;height:48px;background-size:48px;z-index:3;margin-top:0px;right:0px;position:static;}
.section01-slider02 .swiper-button-next:after {display:none;}
.section01-slider02 .swiper-button-prev:after {display:none;}

.section02 .section-wr {width:100%;}
.section02 .flex-box > div {width:50%;position:relative;}
.section02 .txt {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;width:100%;}
.section02 .txt h4 {font-size:42px;color:#fff;margin-bottom:10px;}
.section02 .txt p {font-size:22px;color:#fff;margin-bottom:30px;}
.section02 .txt a {padding:11px 25px;border:1px solid #ccc;border-radius:50px;display:inline-flex;align-items:center;}
.section02 .txt a span {font-size:16px;display:inline-block;margin-right:30px;color:#fff;}
.section02 .img {position:relative;overflow:hidden;}
.section02 .img:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.section02 .img img {width:100%;transition:0.5s;}
.section02 .flex-box > div:hover img {transform: scale(1.2);}

.section .title {margin-bottom:50px;}
.section .title h5 {font-size:22px;color:#033691;margin-bottom:10px;}
.section .title h4 {font-size:42px;}

.section04 {background:#f7f7f7;padding:120px 0;}

.section06 {margin-bottom:0px;}
.section06 .title {text-align:center;}
.section06 .title p {margin-top:15px;font-size:20px;color:#555;}
.section06 .title p b {color:#000;}
.section06 .root_daum_roughmap .wrap_controllers {display:none;}
.section06 .root_daum_roughmap .cont {display:none;}
.root_daum_roughmap .section_address .tit {font-size:15px !important;}
.root_daum_roughmap .section_address .txt {font-size:15px !important;}
.root_daum_roughmap .section .title {font-size:15px !important;margin-bottom:15px !important;}
.root_daum_roughmap .section_subway .wrap_list li {margin-top:5px;}
.root_daum_roughmap .section_subway .wrap_list li a {font-size:15px !important;}
.root_daum_roughmap .section_busstop .wrap_list li {margin-bottom:10px !important;}
.root_daum_roughmap .section_busstop .wrap_list li a {font-size:15px !important;}
.root_daum_roughmap .section_busline .wrap_list li {margin-bottom:10px !important;}
.root_daum_roughmap .section_busline .wrap_list .txt .txt_item {font-size:15px !important;}


/* 서브 */
.img-box {text-align:center;margin-top:50px;}
.img-box img {max-width:100%;margin-right:0px !important;}
.img-box_m {display:none;}

.sub-banner {position:relative;}
.sub-banner-bg{overflow:hidden;height:500px;}
.sub-banner-bg img {transition:1.5s;width:100%;height:100%;object-fit:cover;}
/*.sub-banner-bg:hover img {scale:1.1;}*/
.sub-banner .sub-banner-title {position:absolute;left:0%;top:55%;transform:translateY(-50%) !important;width:100%;}
.sub-banner .sub-banner-title h2 {color:#fff;font-size:50px;width:1460px;margin:0 auto;text-align:center;}
.sub-banner ul {position:absolute;top:70%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:center;opacity:0.8;width:100%;justify-content:center;}
.sub-banner ul li {margin-right:15px;}
.sub-banner ul li:last-child {margin-right:0px;}
.sub-banner ul li p {color:#fff;font-size:15px;color:#fff;line-height:0;}

.sub_menu_total {width:100%;height:60px;position:absolute;bottom:0;background:rgba(0,0,0,0.6);}
.sub_menu_total .sub_menu_flex {
	width:1460px;margin:0 auto;
	display: -webkit-box; display: -ms-flexbox; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.sub_menu_home {width:60px;height:60px;text-align:center;background:#fff;display:flex;justify-content:center;align-items:center;border-right:1px solid #ccc;}

.second_menu {border-right:1px solid #ccc;border-left:1px solid #ccc;}

/* lnb */
#lnb {position: relative;height: 60px;}
#lnb > ul { font-size: 0;display: -webkit-box; display: -ms-flexbox; display: flex;}
#lnb > ul > li {width:270px;position:relative;}
#lnb > ul > li > p {border-right:1px solid rgba(255,255,255,0.2);cursor:pointer;display: block; position: relative; box-sizing: border-box;padding-left:2rem; font-size:18px;height:60px; line-height: 60px; color: #fff; transition: all .3s;}
#lnb > ul > li > p:after {display: block; content: ''; position: absolute; top: 27px; right: 2rem; width: 17px; height: 10px; background: url(/theme/woori/img/icon-down.png) 0 0 no-repeat; transition: all .3s;}
#lnb > ul > li:hover > p:after,
#lnb > ul > li:focus > p:after {transform: rotate(-180deg);}

#lnb > ul > li:hover > p,
#lnb > ul > li:focus > p,
#lnb > ul > li > p.curr {background:#033691;color:#fff;}

#lnb > ul > li:hover > p:after,
#lnb > ul > li:focus > p:after,
#lnb > ul > li > p.curr:after {background-image: url(/theme/woori/img/icon-down.png);}

#lnb > ul > li:last-child > p {cursor:pointer;display: block; position: relative; box-sizing: border-box; color: #fff; transition: all .3s;}
#lnb > ul > li:last-child > p.curr:after {background-image: url(/theme/woori/img/icon-down.png);}

#lnb > ul > li .depth {position:absolute;width:270px;overflow:hidden;height:0;padding:0 20px;box-sizing:border-box;background:#fff;transition: all .3s;z-index:3;border:1px solid #ccc;border-top:0px;}
#lnb > ul > li .depth > li {padding:8px;}
#lnb > ul > li .depth > li:last-child {margin-bottom:0;}
#lnb > ul > li .depth > li > a {display:block; position:relative; font-size:17px; line-height:20px; color:#111; transition:all .3s;}
#lnb > ul > li:hover .depth,
#lnb > ul > li:focus .depth {height:auto; padding:20px;}
#lnb > ul > li .depth > li > a:hover,
#lnb > ul > li .depth > li > a:focus {color:#033691;}

.sub-title {text-align:center;margin-bottom:100px;}
.sub-title span {font-size:17px; color:#ccc;display:block;}
.sub-title h2 {font-size:44px; color:#111;margin:15px 0;position:relative;display:inline-block;}
.sub-title h2:after {content:'';position:absolute;top:10px;right:-20px;width:10px;height:10px;background:#033691;border-radius:100%;}
.sub-title p {font-size:20px; color:#555;}

.sub-section {position:relative;margin-bottom:70px;}
.sub-section:last-child {margin-bottom:0px;}
.span-b {font-weight:bold;color:#000;/*text-decoration:underline;*/}
.span-blue {font-weight:bold;color:#033691;}
.span-red {font-weight:bold;color:#F32B2B;}

.sub-bg {padding:170px 0;background:url(/theme/woori/img/about-bg_01.png) no-repeat center;background-size:cover;position:relative;width:100vw;left:calc(-50vw + 50%);margin-bottom:70px;}
.sub-bg .title {position:relative;text-align:center;padding:50px 0;}
.sub-bg .title:after {content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);background:url(/theme/woori/img/title-marks_01.png) no-repeat center;width:24px;height:18px;}
.sub-bg .title:before {content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);background:url(/theme/woori/img/title-marks_02.png) no-repeat center;width:24px;height:18px;}
.sub-bg .title h4 {color:#fff;font-size:36px;padding:0 20px;}

.sub-con h5 {font-size:26px;margin-bottom:30px;}

/* 온천 이야기 */
.sub-about h3 {font-size:22px;margin-bottom:30px;}
.sub-about .txt {}
.sub-about .txt p {font-size:20px;color:#555;margin-bottom:30px;}
.sub-about .txt p:last-child {margin-bottom:0px;}

.about-ul {display:flex;flex-wrap:wrap;}
.about-ul li {width:24.25%;margin-right:1%;padding:60px 35px;background:#f7f7f7;border-radius:20px;}
.about-ul li:last-child {margin-right:0%;}
.about-ul li:first-child {background:linear-gradient(to top left, #033691, #3A70D1);}
.about-ul li:first-child h6 {color:#fff;}
.about-ul li:first-child p {color:#fff;}
.about-ul li h6 {color:#033691;font-size:32px;margin-bottom:10px;}
.about-ul li p {color:#555;font-size:22px;}

.about-ul-02 {display:flex;flex-wrap:wrap;}
.about-ul-02 li {width:24.25%;margin-right:1%;border-radius:20px;}
.about-ul-02 li:last-child {margin-right:0%;}
.about-ul-02 li:first-child {width:49.5%;padding:60px 35px;background:url(/theme/woori/img/about-bg_02.png) no-repeat center;background-size:cover;}
.about-ul-02 li h6 {color:#fff;font-size:26px;margin-bottom:20px;}
.about-ul-02 li p {color:#fff;font-size:18px;margin-bottom:20px;}
.about-ul-02 li p:last-child {margin-bottom:0px;}
.about-ul-02 li img {width:100%;}

/* 연혁 */
.history-list {}
.history-list strong {font-size:50px;color:#000;padding:50px 80px;width:50%;text-align:right;}
.history-list b {font-size:20px;color:#000;}
.history-list ul {padding:50px 80px;width:50%; position:relative;}
.history-list ul li {padding-left:80px;margin:20px 0;position:relative;font-size:20px;color:#555;}
.history-list ul li b {position:absolute;left:0;top:0;}
.history-list > div {display:flex;width:100%;flex-wrap:wrap;position:relative;}
.history-list > div:after {content:"";width:11px;height:11px;background:#033691;border-radius:50%;position:absolute;left:50%;top:80px;margin-left:-5px;z-index:2;}
.history-list > div:before {content:"";width:1px;height:100%;background:#ccc;position:absolute;left:50%;top:-135px; z-index:1;}
.history-list > div:nth-child(1):before {display:none;}
.history-list > div:nth-child(2n) {flex-direction:row-reverse;}
.history-list > div:nth-child(2n) strong {text-align:left;}
.history-list > div:nth-child(2n) ul li {text-align:right;padding-left:0;padding-right:50px;}
.history-list > div:nth-child(2n) ul li b {left:auto;right:0;}

/* 찾아오시는길 */
/*.sub-address ul {margin-top:30px;display:flex;flex-wrap:wrap;}
.sub-address ul li {width:50%;margin-bottom:20px;}*/
.sub-address ul li img {margin-right:10px;}

/* 유황온천수 */
.sub-about .txt a {padding:11px 25px;border-radius:50px;display:inline-flex;align-items:center;background:linear-gradient(to top left, #033691, #3A70D1);margin-top:20px;}
.sub-about .txt a span {font-size:16px;display:inline-block;margin-right:10px;color:#fff;}

.sub-slider02 {position:relative;max-width:1420px;}
.sub-slider02 .txt {width:100%;position:absolute;bottom:0px;left:0px;text-align:center;background:rgba(0,0,0,0.5);}
.sub-slider02 .txt h4 {color:#fff;font-size:15px;padding:20px;}
.sub-slider02 .swiper-slide img {width:100%;}

.sub-slider {max-width:1420px;margin-top:20px;}
.sub-slider .swiper-slide {width: 100%;height: 100%;opacity: 0.5;cursor:pointer;background-size: cover;background-position: center;}
.sub-slider .swiper-slide-thumb-active {opacity: 1;border:3px solid #033691;}
.sub-slider .swiper-slide img {display:block;width:100%;height:100%;object-fit:cover;}
.sub-slider .swiper {width:100%;height:300px;margin-left: auto;margin-right: auto;}

/* 이용안내 */
/*.sub-spa_guide h3 {font-size:22px;margin-bottom:50px;font-family:'Pretendard-Regular';font-weight:300;}
.spa_guide-ul {margin-bottom:50px;}
.spa_guide-ul > li {margin-bottom:20px;}
.spa_guide-ul > li:last-child {margin-bottom:0px;}
.spa_guide-ul > li .txt {display:flex;}
.spa_guide-ul > li .txt div {color:#fff;font-size:13px;text-align:center;width:30px;min-width:30px;height:30px;line-height:30px;border-radius:50%;background:#033691;display:inline-block;margin-right:15px;margin-top:3px;}
.spa_guide-ul > li .txt h4 {font-size:22px;font-family:'Pretendard-Regular';font-weight:300;color:#555;text-align:left;}
.spa_guide-ul > li p {font-size:18px;color:#555;margin:15px 0 0 45px;line-height:2;}
.spa_guide-ul > li ul {display:flex;justify-content:space-between;margin:30px 0;}
.spa_guide-ul > li ul li:first-child {margin-right:40px;}
.spa_guide-ul > li ul li .img img {max-width:100%;}
.spa_guide-ul > li ul li h5 {text-align:center;margin-top:15px;} 
.spa_guide-ul > p {font-size:20px;margin-bottom:30px;color:#555;}*/

.guide-ul li {display:flex;align-items:center;padding:20px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:10px;margin-bottom:20px;}
.guide-ul li:last-child {margin-bottom:0px;}
.guide-ul li .txt {margin-left:20px;}
.guide-ul li .txt h6 {font-size:22px;color:#033691;}

.guide-02 {display:flex;flex-wrap:wrap;}
.guide-02 > div {width:49%;margin-right:2%;}
.guide-02 > div:last-child {margin-right:0%;}
.guide-02 > div h6 {padding:22px;color:#fff;background:linear-gradient(to top left, #033691, #3A70D1);border-radius:10px;text-align:center;font-size:26px;margin-bottom:20px;}
.guide-02 > div:nth-child(2) h6 {background:linear-gradient(to top left, #AC1111, #F32B2B);} 
.guide-02 > div .img {padding:40px 20px;text-align:center;background:#f7f7f7;border-radius:10px;margin-bottom:20px;}
.guide-02 > div .img img {max-width:100%;}
.guide-02 > div ul li {display:flex;font-size:20px;margin-bottom:5px;}
.guide-02 > div ul li:last-child {margin-bottom:0px;}
.guide-02 > div ul li b {margin-right:10px;font-weight:300;}
.guide-02 > div ul li p {color:#555;}

.guide-bottom {text-align:center;padding:70px 20px;margin-top:70px;background:#f7f7f7;border-radius:10px;}
.guide-bottom h5 {margin-bottom:0px;}

.play-btn {display:inline-flex;align-items:center;padding:20px 30px;background:linear-gradient(to top left, #033691, #3A70D1);border-radius:10px;}
.play-btn p {font-size:20px;margin-left:20px;color:#fff;}
.sub-spa_guide .sub-section02 > div {text-align:center;}

/* 요금표 */
.p-right {text-align:right;margin-bottom:10px;}
.table-scroll {margin-bottom:70px;}
.table-scroll:last-child {margin-bottom:0px;}
.table-scroll table {width:100%;min-width:720px;text-align:center;border-top:1px solid #000;}
.table-scroll table tr th {padding:15px;font-size:18px;background:#f7f7f7;border-bottom:1px solid #000;border-right:1px solid #000;width:25%;}
.table-scroll table tr th:first-child {border-left:1px solid #000;}
.table-scroll table tr td {padding:15px;font-size:16px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.table-scroll table tr td:first-child {border-left:1px solid #ccc;}

/* 본초쌍화 소개 */
.cafe-bg {background:url(/theme/woori/img/cafe-bg_01.png) no-repeat center;background-size:cover;}
.cafe-logo {text-align:center;margin-bottom:50px;}
.amenities-ul {display:flex;}
.amenities-ul li {width:18.4%;margin-right:2%;background:#f7f7f7;text-align:center;padding:50px;}
.amenities-ul li:last-child {margin-right:0%;}
.amenities-ul li .img {height:55px;line-height:55px;margin-bottom:20px;}

@media screen and ( max-width:1470px ) {
	#header .header-bg {width:100%;padding:0 20px;}

	#hd, #wrapper, #ft {min-width:100%;}
	#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr {width:100% !important;}
	
	.main-banner-con {width:100%;text-align:center;bottom:auto;top:50%;}
	
	.ft-con {width:100%;padding:0 20px;}
	.ft-bottom ul {width:100%;}
	
	.section-wr {width:100%;padding:0 20px;}
	.section .title .flex-box {flex-direction:row;}
	.section .title h5 {font-size:18px;margin-bottom:0px;}
	.section .title h4 {font-size:32px;}
	
	.section01-slider02 .img {width:50%;}
	.section01-slider02 .img img {width:100%;}
	.section01-slider02 .txt h4 {font-size:32px;}
	.section01-slider02 .arrow-box {bottom:50px;}
	.section01-slider {position:sticky;width:100%;margin-top:30px;}
	
	.section02 .section-wr {padding:0px;}

	.sub-banner .sub-banner-title h2 {width:100%;padding:0px 20px;}
	.sub_menu_total .sub_menu_flex {width:100%;}
	
	.sub-about .left {margin-right:70px;}
	
	.table-scroll {overflow-x:scroll;}
	.table-scroll::-webkit-scrollbar {
		height:5px;
	}

	.table-scroll::-webkit-scrollbar-thumb {
		background: rgba(0, 0, 0,0.7); /* 스크롤바 색상 */
		border-radius: 10px; /* 스크롤바 둥근 테두리 */
	}

	.table-scroll::-webkit-scrollbar-track {
		background: rgba(0, 0, 0, 0.1);  /*스크롤바 뒷 배경 색상*/
		border-radius: 10px; /* 스크롤바 둥근 테두리 */
	}
}

@media screen and ( max-width:1060px ) {

	#header .header-bg {height:60px;}
	header .logo-box .main-logo img {width:180px;}
	#header .header-bg .right > ul li a {font-size:13px;}
	#header .header-bg .right > a {font-size:13px;padding:9px 20px;margin-left:20px;}
	
	.m-menu {display:block;margin-left:20px;}
	
	.main-banner-con h3 {font-size:32px;}
	.main-banner-con p {font-size:16px;}
	
	.section01-slider02 .txt {padding:0px;margin-left:30px;}
	.section01-slider02 .arrow-box {bottom:0px;}
	
	.section02 .txt h4 {font-size:28px;}
	.section02 .txt p {font-size:16px;}
	.section02 .txt a span {font-size:14px;margin-right:20px;}
	
	.ft_con .left .top h3 {font-size:20px;}
	.ft_con .left > ul.link li a {font-size:17px;}
	.ft_con .left > ul li {font-size:15px;}
	.ft_con .left p {font-size:13px;}
	
	/* 서브 */
	
	.sub-banner-bg {height:380px;}
	.sub-banner .sub-banner-title h2 {font-size:38px;}
	
	.about-ul li h6 {font-size:24px;}
	.about-ul li p {font-size:17px;}
	
	.about-ul-02 {justify-content:center;}
	.about-ul-02 li {width:49%;}
	.about-ul-02 li:first-child {width:100%;margin-right:0;margin-bottom:20px;}
	.about-ul-02 li h6 {font-size:24px;}
	.about-ul-02 li p {font-size:17px;}
	
	.history-list strong {font-size:30px;margin:10px 0;padding:25px 50px;}
	.history-list ul {padding:25px 50px;}
	.history-list ul li {font-size:17px;}
	.history-list > div::after {top:58px;}
	.history-list > div::before {height:140px;top:-80px;}
	.history-list ul li {padding-left:50px;}
	.history-list > div:nth-child(2n) ul li {padding-right:50px;}
	
	.amenities-ul {flex-wrap:wrap;}
	.amenities-ul li {width:32%;margin-right:2%;margin-top:2%;padding:40px 20px;}
	.amenities-ul li:nth-child(3n) {margin-right:0%;}
	.amenities-ul li:nth-child(1) {margin-top:0;}
	.amenities-ul li:nth-child(2) {margin-top:0;}
	.amenities-ul li:nth-child(3) {margin-top:0;}

}

@media screen and ( max-width:720px ) {
	.flex-box {flex-direction:column;}
	
	#move-top-btn.on {bottom:15px;}
	#move-top-btn {width:50px;height:50px;right:15px;}
	#move-top-btn img {width:15px;}
	#move-top-btn p {font-size:13px;}
	
	header .logo-box .main-logo {width:152px;background-size:152px;}
	#header.on .logo-box .main-logo {background-size:152px;}
	
	.main-banner .swiper-slide {height:400px;}
	.video-wrapper {height:400px;}
	.main-banner-con {padding:0 30px;}
	.main-banner-con h3 {line-height:1.4;font-size:28px;}
	.main-banner-con p {line-height:1.4;font-size:14px;}
	.main-banner .swiper-button-prev {display:none;}
	.main-banner .swiper-button-next {display:none;}
	.main-banner .swiper-pagination-bullet {margin-right:20px !important;}
	
	.section {margin:70px 0;}
	.section .title {margin-bottom:30px;}
	.section .title h5 {font-size:16px;margin-bottom:0px;}
	.section .title h4 {font-size:24px;}
	
	.section01 {margin-top:50px;}
	.section01-slider02 .swiper-slide {flex-direction:column;}
	.section01-slider02 .img {width:100%;height:200px;}
	.section01-slider02 .img img {height:100%;object-fit:cover;}
	.section01-slider02 .txt {margin-left:0px;margin-top:30px;}
	.section01-slider02 .txt h5 {font-size:13px;}
	.section01-slider02 .txt h4 {font-size:24px;}
	.section01-slider02 .txt p {font-size:14px;}
	.section01-slider02 .txt a {padding:7px 20px;}
	.section01-slider02 .txt a span {font-size:14px;margin-right:20px;}
	.section01-slider02 .swiper-button-prev {width:30px;height:30px;background-size:30px;}
	.section01-slider02 .swiper-button-next {width:30px;height:30px;background-size:30px;}
	.section01-slider {height:110px;}
	
	.section02 .flex-box > div {width:100%;}
	.section02 .txt h4 {font-size:22px;}
	.section02 .txt p {font-size:14px;margin-bottom:20px;}
	.section02 .txt a {padding:9px 20px;}
	.section02 .txt a span {font-size:13px;margin-right:20px;}
	.section02 .img {height:300px;}
	.section02 .img img {height:100%;object-fit:cover;}
	
	.section04 {padding:70px 0;}
	
	.section05 {display:none;}
	
	.section06 {margin-bottom:0px;}
	.section06 .title p {font-size:16px;}
	.section06 .root_daum_roughmap .wrap_map {height:200px !important;}
	
	.ft-top ul {margin-top:15px;}
	.ft-top ul li a {font-size:15px;}
	.ft-bottom > div > div > ul li {width:100%;font-size:15px;margin-right:0px;}
	.ft-bottom ul li.break {width:100%;}
	.ft-bottom p {font-size:15px;}
	.ft-bottom > div > ul {justify-content:center;margin-top:50px;}
	
	.privacy h3 {font-size:17px;}
	.privacy p {font-size:15px;}
	
	.img-box {margin-top:20px;}
	.img-box_pc {display:none;}
	.img-box_m {display:block;text-align:center;}
	.img-box_m img {width:100%;max-width:509px;}
	.img-box_m img.max-509 {max-width:509px;}
	
	/* 서브 */
	
	.sub-banner-bg {height:300px;}
	.sub-banner .sub-banner-title h2 {font-size:28px;}
	
	.sub_menu_home {min-width:50px;width:50px;height:50px;}
	.sub_menu_total {height:50px;}
	#lnb {height:50px;width:100%;}
	#lnb > ul > li {width:50%;}
	#lnb > ul > li > p {height:50px;line-height:50px;font-size:14px;padding-left:1rem;}
	#lnb > ul > li > p:after {top:22px;right:1rem;}
	#lnb > ul > li:last-child > p:after {top:22px;right:1rem;}
	#lnb > ul > li .depth {width:100%;}
	#lnb > ul > li .depth > li {padding:0;margin-bottom:10px;}
	#lnb > ul > li .depth > li:last-child {margin-bottom:0px;}
	#lnb > ul > li:hover .depth, #lnb > ul > li:focus .depth {padding:1rem;}
	#lnb > ul > li .depth > li > a {font-size:15px;}
	
	.sub-section {margin-bottom:70px;}
	
	.sub-title {margin-bottom:50px;}
	.sub-title span {font-size:15px;}
	.sub-title h2 {font-size:30px;}
	.sub-title p {font-size:17px;}
	
	.sub-bg {padding:70px 0;margin-bottom:50px;}
	.sub-bg .title h4 {font-size:20px;}
	.sub-bg .title h4 br {display:none;}
	.sub-con h5 {font-size:20px;}
	
	.about-ul li {width:49%;margin-top:1%;padding:20px;border-radius:10px;}
	.about-ul li:nth-child(2n+2) {margin-right:1%;}
	.about-ul li h6 {font-size:20px;}
	.about-ul li p {font-size:15px;}
	
	.about-ul-02 li {border-radius:10px;}
	.about-ul-02 li:first-child {padding:40px 20px;}
	.about-ul-02 li h6 {font-size:20px;}
	.about-ul-02 li p {font-size:15px;}
	
	.sub-about h3 {margin-bottom:20px;}
	.sub-about .txt p {font-size:16px;}
	.sub-about .txt p br {display:none;}
	.sub-about .title:after {width:18px;background-size:18px;}
	.sub-about .title:before {width:18px;background-size:18px;}
	.about-img-box > div img:first-child {margin-right:0px;margin-bottom:20px;}
	.sub-about .txt a {margin-top:30px;}
	.sub-about .txt a span {font-size:14px;}
	
	.history-bg {margin-top:40px;height:180px;}
	.history-list {padding:40px 0;}
	.history-list > div {flex-direction:column;}
	.history-list > div::before {display:none;}
	.history-list > div::after {display:none;}
	.history-list strong {padding:0px;text-align:left;width:100%;}
	.history-list ul {padding:0px;width:100%;}
	.history-list ul li {padding-left:40px;line-height:1.3;font-size:16px;}
	.history-list ul li:first-child {margin-top:0px;}
	.history-list ul li b {line-height:1.3;font-size:16px;}
	.history-list > div:nth-child(2n) ul li {text-align:left;padding-right:0px;padding-left:40px;}
	.history-list > div:nth-child(2n) ul li b {left:0;right:auto;}
	
	.sub-address .root_daum_roughmap .wrap_map {height:200px !important;}
	
	.sub-slider02 .swiper-slide img {object-fit:cover;}
	.sub-slider02 .swiper-button-prev {left:10px !important;}
	.sub-slider02 .swiper-button-prev:after {font-size:30px;}
	.sub-slider02 .swiper-button-next {right:10px !important;}
	.sub-slider02 .swiper-button-next:after {font-size:30px;}
	.sub-slider02 .txt {position:inherit;background:#222;}
	.sub-slider02 .txt h4 {font-size:14px;padding:10px;}
	.sub-slider {margin-top:15px;}
	
	.sub-spa_guide h3 {font-size:18px;margin-bottom:30px;}
	.spa_guide-ul > li {margin-bottom:15px;}
	.spa_guide-ul > li .txt div {width:20px;min-width:20px;height:20px;line-height:20px;font-size:10px;margin-right:10px;}
	.spa_guide-ul > li .txt h4 {font-size:16px;}
	.spa_guide-ul > li p {font-size:14px;margin:5px 0 0 30px;line-height:1.8;}
	.spa_guide-ul > li ul {flex-direction:column;}
	.spa_guide-ul > li ul li:first-child {margin-right:0px;margin-bottom:30px;}
	
	.table-scroll table tr th {font-size:15px;padding:10px;}
	.table-scroll table tr td {font-size:15px;padding:10px;}
	
	.amenities-ul li {width:49%;}
	.amenities-ul li:nth-child(3n) {margin-right:2%;}
	.amenities-ul li:nth-child(2n) {margin-right:0;}
	.amenities-ul li:nth-child(3) {margin-top:2%;}
	.amenities-ul li {padding:20px;}
	.amenities-ul li .img {height:40px;line-height:40px;margin-bottom:10px;}
	.amenities-ul li .img img {max-height:30px;}
	.amenities-ul li:first-child .img img {max-width:50px;}
	.amenities-ul li p {font-size:14px;}
	
	.spa_guide-ul {margin-bottom:30px;}
	.spa_guide-ul > p {font-size:16px;}
	
	.play-btn {padding:15px 25px;}
	.play-btn p {font-size:16px;margin-left:15px;}
	
}

@media screen and ( max-width:510px ) {
	#header .header-bg .right > ul {display:none;}
	#header .header-bg .right > a {display:none;}
	.m_menu {min-width:100%;}
	.m-menu-con {min-width:100%;}

	#container_title {margin-bottom:30px;}
	
	.sub-banner-bg {height:270px;}
	
	/* 팝업 */
	.hd_pops {width:70% !important;top:0 !important;left:0 !important;}
	.hd_pops_con {width:100% !important; height:auto !important;}
	
	.section01-slider02 .img {width:100%;height:150px;}
	.section01-slider {height:50px;}
	
	.section02 .img {height:240px;}
	
}