html {scroll-behavior: smooth; /* 부드러운 스크롤 효과 */}

/**/
#container_wr {margin:0 auto;width:480px;background:#fff;overflow:hidden;position:relative;left:-220px;box-shadow:0px 1px 20px 20px rgb(0 0 0 / 5%), 0 0 13px rgb(0 0 0 / 5%);}

/*side-section*/
.side-section {position:fixed;top:50%;right:50%;transform:translateY(-50%);margin-right:-480px;}
.side-section > div {margin-bottom:25px;}
.side-section ul {display:flex;}
.side-section ul li {width:33.3333%;position:relative;text-align:center;}
.side-section ul li:before {content:'';position:absolute;top:50%;right:0px;transform:translateY(-50%);width:1px;height:60px;background:#ccc;}
.side-section ul li:last-child:before {display:none;}
.side-section ul li h4 {font-size:13px;margin-top:10px;}

/*header 헤더*/
.header {position:absolute;top:0px;z-index:97;width:480px;height:80px;}
.header .logo {position:absolute;top:50%;left:25px;transform:translateY(-50%);}
.header.on {background:rgba(0,0,0,0.5);}

/*모바일메뉴*/
.right {position:absolute;top:50%;right:25px;transform:translateY(-50%);z-index:9999;display:flex; align-items:center;}
.right .btn-tel {font-size:13px;padding:1px 6px;color:#fff;border:1px solid #fff;border-radius:3px;display:inline-block;margin-right:15px;}
.btn-tel.on {color:#434878;border:1px solid #434878;}
.hamburger .line{
  width: 30px;
  height: 3px;
  border-radius:5px;
  background-color: #fff;
  display: block;
  margin: 6px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover{
  cursor: pointer;
}

/* ONE */

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
  background:#000;
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
  background:#000;
}

.gnb-total-menu {padding:75px 25px 25px;}
.gnb-total-menu > li {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;}
.gnb-total-menu > li:last-child {border-bottom:0px;margin-bottom:0px;padding-bottom:0px;}
.gnb-total-menu > li > a {position:relative;display:block;line-height:1.5 !important;}
.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 #000;border-top:2px solid #000;}
.gnb-total-menu > li.active > a {color:#434878;}
.gnb-total-menu > li.active > a:after {transform:translateY(-35%) rotate(135deg);border-color:#434878;}
.gnb-total-menu li a {color:#222;font-size:22px;}
.gnb-total-menu li a:hover {color:#434878;}
.gnb-total-menu li a:hover:after {border-color:#434878;}
.gnb-total-menu li ul {margin-top:10px;}
.gnb-total-menu li ul a{display:block;font-size:18px;cursor:pointer;color:#777;}
.gnb-total-menu li ul li {margin-bottom:10px;}
.gnb-total-menu li ul li ul {border-bottom:1px solid #ccc;}
.gnb-total-menu li ul li ul li a {background:#fff;font-size:14px;color:#717171;padding:5px 15px;border-bottom:none;}
.accordian li ul {display:none;}

.m-menu {height:100vh;width:90%;max-width:400px;position:absolute;right:-90%;transition:0.5s;z-index:99}
.m-menu.on {background:#fff;right:0%;display:block;}
.menu-bg {display:none;width:100vw;height:100vh;background:rgba(0,0,0,0.5);position:absolute;z-index:98;}
.menu-bg.on {display:block;}

/* 메인 배너 */
.main-banner {position:relative;margin: -120px -25px 0 !important;}
.main-banner .swiper-slide {overflow:hidden;height:540px;}
.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 .swiper-slide .txt img {width:auto;}

.main-banner .main-slide-btn {position:absolute;bottom:32%;width:100%;}
.main-banner .swiper-pagination {position:initial;text-align:center;left:auto;z-index:2 !important;color:#fff;font-size:12px;position:absolute;bottom:25px;right:25px;width:59px;height:24px;background:rgba(0,0,0,0.5);border-radius:50px;line-height:2;}

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

.main-banner .swiper-pagination-bullet {background:inherit;width:auto;height:auto;opacity:.5;}
.main-banner .swiper-pagination-bullet:before {content:'0';left:0;top:0;text-shadow:0 0 5px rgb(0 0 0 / 21%);}
.main-banner .swiper-pagination-bullet-active {background:inherit;opacity:1;}
.main-banner-con {
	position:absolute;top:50%;left:50%;width:100%;z-index:2;padding:0 20px;
	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 {text-align:center;color:#fff;line-height:1.3;text-shadow:0 0 5px rgb(0 0 0 / 100%);font-size:34px;}
.main-banner-con p {text-align:center;font-size:20px;color:#fff;text-shadow:0 0 5px rgb(0 0 0 / 21%);}
.main-banner-con p br {display:none;}

.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;
}

@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);
	}
}

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

#top_btn {display:none;}

#footer {background:#111;padding:25px;position:relative;}
#footer p {font-size:13px;color:#aaa;}
.ft_con {color:#fff;}
.ft_con h2 {font-size:15px;margin-bottom:12px;}
.ft-ul {font-size:13px;color:#aaa;}
.ft-ul li span {color:#fff;}
.ft-link {margin-top:25px;display:flex;align-items:center;}
.ft-link li {margin-right:20px;}
.ft-link li:last-child {margin-right:0px;}
.ft-menu {display:flex;width:100%;margin:25px 0;}
.ft-menu li {border:1px solid #ccc;width:50%;text-align:center;}
.ft-menu li a {display:block;color:#fff;font-size:13px;padding:13px;}
.ft-menu li:last-child {border-left:0px;}

#move-top-btn {transition:0.5s;position:fixed;bottom:-100px;right:20px;z-index:2;width:70px;height:70px;background:#434878;border-radius:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;}
#move-top-btn.on {bottom:20px;}
#move-top-btn:hover {background:#333;}
#move-top-btn i {color:#fff;margin-bottom:5px;font-size:15px;}
#move-top-btn p {color:#fff;font-size:15px;}

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

/* 메인 본문 */
.section-wr {padding:120px 25px 50px;}

.main-notice {margin:25px 0px 0;}

.main-section {padding-top:50px;}
.main-section .title {margin-bottom:25px;}
.main-section .title h3 {font-size:26px;margin-bottom:10px;}
.main-section .title p {font-size:16px;color:#555;}

.btn-link {display:flex;align-items:center;justify-content:center;padding:9px;text-align:center;border:1px solid #ccc;border-radius:5px;margin-top:25px;transition:0.5s;}
.btn-link p {margin-right:10px;font-size:16px;color:#555;}
.btn-link i {font-size:24px;color:#555;}
.btn-link:hover {background:#333;border:1px solid #333;}
.btn-link:hover p {color:#fff;}
.btn-link:hover i {color:#fff;}

.banner-ul li {margin-bottom:25px;}
.banner-ul li:last-child {margin-bottom:0px;}
.banner-ul li img {width:100%;}

.price-ul li {width:100%;margin-top:2%;}
.price-ul li:first-child {margin-top:0%;}
.price-ul li img {width:100%;}

.contact ul li {margin-bottom:25px;}
.contact ul li:last-child {margin-bottom:0px;}
.contact ul li h4 {font-size:17px;margin-bottom:12px;}
.contact ul li .wr-input {border-radius:0px;border:1px solid #ccc;padding:15px;width:100%;}
.contact ul li .wr-input::placeholder {color:#ccc;}
.contact ul li > div {margin-bottom:3px;}
.contact ul li > div:last-child {margin-bottom:0px;}
.contact ul li > div input {margin-right:5px;}
.contact ul li textarea {height:110px;resize: none;}
.privacy-check {display:flex;flex-wrap:wrap;align-items:center;justify-content:end;}
.privacy-check label {margin:0 7px;}
.privacy-check a {font-family:'Pretendard-Bold';}
.btn-content button {margin-top:25px;background:#434878;color:#fff;font-size:15px;border:0px;padding:15px;width:100%;border-radius:5px;}

.overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);z-index: 1;}
.popup {display: none; position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: white;padding: 25px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);z-index: 2;min-width:480px;border-radius:5px;}
.popup.on {display:block;}
.close-btn {cursor: pointer;color:#fff;position:absolute;top:-45px;right:0;font-size:30px;}

.popup h3 {font-size:28px;text-align:center;margin-bottom:25px;color:#000;}
.popup p {font-size:15px;color:#555;margin-top:5px;text-align:right;}
.popup table {width:100%;}
.popup table tr th {background:#333;padding:15px; border-right:1px solid #ccc;border-bottom:1px solid #ccc;font-size:15px;color:#fff;text-align:center;line-height:1.4;}
.popup table tr th:last-child {border-right:0;}
.popup table tr:nth-child(1) th {border-top:0px;border-bottom:0px;}
.popup table tr:nth-child(2) th {border-top:0px;}
.popup table tr:nth-child(2) td {border-top:0px;}
.popup table tr td {padding:15px; border-right:1px solid #ccc;border-bottom:1px solid #ccc;font-size:15px;background:#fff;color:#000;text-align:center;line-height:1.4;}
.popup table tr td:last-child {border-right:0;}
.popup table tr td span {font-size:12px;display:block;}

.popup table tr th.bg-wh {background:#fff;color:#000;}
.popup table tr th.bg-ye {background:#F9F2D8;color:#000;}
.popup table tr th.bg-bl {background:#EFF2FB;color:#000;}
.popup table tr th.bg-gr {background:#E6F8F1;color:#000;}

#popup1 {background:#fff;}
#popup2 {background:#fff;}
#popup3 {background:#fff;}

@media screen and ( max-width:950px ) {
	.side-section {display:none;}
	#container_wr {left:0;}
}

@media screen and ( max-width:510px ) {
	.header {width:100%;}
	#container_wr {width:100%;}
}

@media screen and ( max-width:480px ) {
	.header {width:100%;}
	#container_wr {width:100%;}
	.section-wr {padding:60px 15px 40px;}
	.main-banner {margin:-60px -25px 0 !important;}
	.main-section {padding-top:40px;}
	#footer {padding:25px 15px;}
	
	.btn-link {margin-top:15px;}
	
	.pic_plyr_lt li .img-wrap {padding-bottom:200px !important;}
	
	.banner-ul li {margin-bottom:15px;}
	
	.popup {min-width:90%;padding:15px;}
	.popup h3 {margin:5px 0 20px;}
	.table-scroll {overflow:scroll;height:60vh;}
}