@charset "utf-8";


/*메인공통*/
.sec { position: relative; }
.btn-st { margin: 0 auto; }

#aboutWr .box-img, #aboutWr .box-img .bg,
#aboutWr .box-wr { transition: .3s; }

/*메인*/
#videoWr { height: 100vh; background:#000; }
#videoWr video { opacity: .8; }
#videoWr video.video-m { display: none; }
#videoWr .tit-b { position: absolute; bottom: 21rem; left: var(--inner-cont-pd); color: #fff; z-index: 1; }

@media all and (max-width:1600px) {
 #videoWr .tit-b { bottom: 12rem; }
 }
 @media all and (max-width:768px) {
 #videoWr video.video-pc { display: none }
 #videoWr video.video-m { display: block; }
 }
 @media all and (max-width:500px) {
 #videoWr .tit-b { width: 80%; }
 }


/*특징*/
#tourWr .tit-wr { margin-bottom: 20rem; }
#tourWr .text-wr { align-items: flex-start; }
#tourWr .text-wr .tit { position: absolute; font-size: 3rem; font-weight: 700; white-space: nowrap; }
#tourWr .text-wr .tit p { padding: 1.2rem 3.4rem; border-radius: 5rem; background: var(--color-point02); }
#tourWr .text-wr .tit01,
#tourWr .text-wr .tit02,
#tourWr .text-wr .tit05 { color: #fff; }
#tourWr .text-wr .tit01 p { background: var(--color-point); }
#tourWr .text-wr .tit03 p { background: #fff; border:1px solid var(--color-point) }
#tourWr .text-wr .tit06 p { background:#DBE7FF; }
#tourWr .text-wr .tit01,#tourWr .text-wr .tit02,#tourWr .text-wr .tit03 { left: calc(100% + 2.5rem); }
#tourWr .text-wr .tit05,#tourWr .text-wr .tit06 { right: calc(100% + 2.5rem); }
#tourWr .text-wr .tit01 { top: 11.4rem; }
#tourWr .text-wr .tit02 { top: 50%; }
#tourWr .text-wr .tit03 { bottom: 0; }
#tourWr .text-wr .tit04 { top: 30rem; width: 13.6rem; height: 13.6rem; }
#tourWr .text-wr .tit05 { top: 50%; }
#tourWr .text-wr .tit06 { bottom: 25rem; }
#tourWr .text-wr .text-tour { position: relative; margin-left: 9rem; }
#tourWr .text-wr .text-hands { position: relative; padding-top: 37rem; }
#tourWr .text-wr .tit-deco { position: absolute; width: auto; width: 10rem; height: 10rem; }
#tourWr .text-wr .tit-deco01 { right: -5rem; bottom: -7rem; }
#tourWr .text-wr .tit-deco02 { top: -4.4rem; left: -7.2rem; }
#tourWr .text-wr .tit-deco03 { left: calc(50% - 5rem); bottom: 100%; }
#tourWr .text-wr .tit-deco04 { top: 13rem; right: 11rem; width: 13.6rem; height: 13.6rem; }
#tourWr .text-wr .tit-deco05 { bottom: 20%; left: -5rem; width: 17rem; height:17rem; }
#tourWr .text-wr .tit-deco06 { bottom: calc(100% - 1.6rem); right: 4rem; width:8rem; height:8rem; }

@media all and (max-width:1600px) {
 #tourWr .tit-wr .txt-m br { display: none; }
 }
@media all and (max-width:1440px) {
 #tourWr .text-wr .text-tour { margin-left: 5rem; }
 #tourWr .text-wr .text-deco { width: 18rem; }
 #tourWr .text-wr .tit p { padding: 0.5rem 2rem; font-size: 2.2rem; }
 }
@media all and (max-width:1240px) {
#tourWr .text-wr .text-deco { width: 20rem; }
#tourWr .text-wr .tit01, #tourWr .text-wr .tit02, #tourWr .text-wr .tit03 { left: calc(100% - 4.5rem); }
#tourWr .text-wr .tit05, #tourWr .text-wr .tit06 { right: calc(100% - 4.5rem); }
#tourWr .text-wr .tit-deco { width: 8rem; height: 8rem; }
#tourWr .text-wr .tit-deco04 { width: 12rem; height: 12rem; }
#tourWr .text-wr .tit-deco05 { left: -2rem; width: 10rem; height: 10rem; }
 }
 @media all and (max-width:800px) {
 #tourWr .text-wr .tit p { padding: 0 2rem; font-size: 2rem; }
 #tourWr .text-wr .tit01, #tourWr .text-wr .tit02, #tourWr .text-wr .tit03 { left: calc(100% - 12.5rem); }
 #tourWr .text-wr .tit05, #tourWr .text-wr .tit06 { right: calc(100% - 12.5rem); }
 #tourWr .text-wr .text-deco { width: 22rem; }
 #tourWr .text-wr .tit-deco { width: 6rem; height: 6rem; }
 #tourWr .text-wr .tit-deco04 , #tourWr .text-wr .tit-deco05 { width: 8rem; height: 8rem; }
 #tourWr .text-wr .tit-deco01 { right: -3rem; bottom: -4rem; }
 #tourWr .text-wr .tit-deco02 { top: -3.4rem; left: -1.2rem; }
 #tourWr .text-wr .tit-deco05 { bottom: 2rem; }
 #tourWr .text-wr .tit-deco06 { width: 5rem; height: 5rem; }
 }
 @media all and (max-width:768px) {
 #tourWr .text-wr { flex-direction: column-reverse; align-items: center; }
 #tourWr .text-wr > div { width: 100%; margin-left: 0; text-align: center; }
 #tourWr .text-wr > div .text-deco { width: 53%; margin-left: 0; }
 #tourWr .text-wr .text-tour { margin-left: 0; }
 #tourWr .text-wr .text-hands { padding-top: 17rem; }
 #tourWr .text-wr .text-deco { width: 100%; }
 #tourWr .text-wr .tit01 { left: 0; }
 #tourWr .text-wr .tit02 { left: initial; right: 0; }
 #tourWr .text-wr .tit03 { left: 0; }
 #tourWr .text-wr .tit04 { top: 26rem; }
 #tourWr .text-wr .tit-deco04 { top: 0; }
 #tourWr .text-wr .tit04, #tourWr .text-wr .tit-deco04 { right: 0; width: 16rem; height: 16rem }
 #tourWr .text-wr .tit05 { left: 0; right: inherit; }
 #tourWr .text-wr .tit06 { right: 0; }
 #tourWr .text-wr .tit { display: inline-flex; }
 #tourWr .text-wr .tit p { font-size: 2.5rem; }
 #tourWr .text-wr .tit-deco02 { top: -5rem; left: initial; right: 1.2rem; }
 #tourWr .text-wr .tit-deco05 { left: 0; }
 }
 @media all and (max-width:500px) {
 #tourWr .tit-wr { margin-bottom: 16rem; }
 #tourWr .text-wr .tit04 { top: -4rem; }
 }

/*소개*/
#aboutWr { position: relative; overflow: hidden; }
#aboutWr .bg { height: 100vh; background-color: #ddd; }
#aboutWr .box-wr { margin-left: auto; width: 50%; background: #00235d; }
#aboutWr .box-wr .box { align-content: center; height: 100vh; padding: 12rem 7rem; }
#aboutWr .box-wr .box .tit { color: #fff; }
#aboutWr .box-wr .box .txt-m { color: #fff; font-weight: 300; }
#aboutWr .box-wr .box .txt-m i { color: #ffe520; font-weight: 400; } 
#aboutWr .box-wr.on04 .box .tit { color: #000; }
#aboutWr .box-wr.on04 .box .txt-m { color: var(--color-txt); }
#aboutWr .box-wr.on04 .box .txt-m i { color: var(--color-point02); font-weight: 700; }
#aboutWr .box-wr.on02 { background: #168f16; }
#aboutWr .box-wr.on03 { background: #eb9a00; }
#aboutWr .box-wr.on04 { background: #fff; }
#aboutWr .box-img { position: absolute; top: 0; left: 0; height: 100vh; width: 50%; }
#aboutWr .box-img.on { position: fixed; top: 0; left: 0; }
#aboutWr .box-img.end { position: absolute; top: auto; bottom: 0; }
#aboutWr .box-img .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
#aboutWr .box-img .bg.on { opacity: 1; }

@media all and (max-width:1600px) {
#aboutWr .box-wr .box .txt-m { font-size: 1.8rem; }
 }
 @media all and (max-width:1240px) {
 #aboutWr .box-wr .box { padding: 12rem 4rem; }
 }
 @media all and (max-width:801px) {
 #aboutWr .box-wr { width: 100%; }
 #aboutWr .box-img { width: 100%; height: 35vh; }
 #aboutWr .box-img.end {position: fixed; top: 0;}
 /* #aboutWr .box-img.end { height: 65vh; }  */
 #aboutWr .box-wr .box { display: block; height: 65vh; padding: 12rem var(--inner-pd); }
 #aboutWr .box-wr .box:first-child { margin-top: 35vh; }
 /* #aboutWr .box-wr .box04.end .tit,
 #aboutWr .box-wr .box04.end .txt-m, #aboutWr .box-wr .box04.end .txt-m i { color: #fff; }  */
 }
 @media all and (max-width:600px) {

 }

/*프로그램*/
#proWr { position: relative; background-color: var(--color-bg);z-index: 1; }
#proWr .box-wr { flex-wrap: wrap; justify-content: space-between; }
#proWr .box-wr .box { width: calc(33.33333% - 2.66666rem); padding: 2rem 2rem 4rem; margin-bottom: 4rem; background: #fff; border:1px solid #DBDBDB; }
#proWr .box-wr .box04, #proWr .box-wr .box05 { width: calc(50% - 2rem); }
#proWr .box-wr .box04 .b-txt .txt, #proWr .box-wr .box05 .b-txt .txt { min-height: 6rem; }
#proWr .box-wr .b-txt { margin-top: 3rem; }
#proWr .box-wr .b-txt span { color: var(--color-point); font-weight: 700; }
#proWr .box-wr .b-txt .txt-m { margin: .7rem 0 2rem; color: var(--color-point02); font-weight: 700; }
#proWr .box-wr .b-txt .txt { min-height: 9rem; color: #595959; }
#proWr .btn-st-box { text-align: center; }
#proWr .btn-st { margin-top: 4.2rem; }

@media all and (max-width:1600px) {
 #proWr .box-wr .b-txt .txt { min-height: 9rem; }
 }
 @media all and (max-width:1440px) {
 #proWr .box-wr .box { width: calc(33.33333% - 1.333333rem); margin-bottom: 2rem; }
 #proWr .box-wr .box04, #proWr .box-wr .box05 { width: calc(50% - 1rem); }
 #proWr .box-wr .b-txt .txt { font-size: 1.6rem; }
 }
 @media all and (max-width:1240px) {
 #proWr .box-wr .b-txt .txt { min-height: 12rem; }
 #proWr .box-wr .box.box04 .b-txt .txt, #proWr .box-wr .box.box05 .b-txt .txt { min-height: 9rem; }
 }
 @media all and (max-width:800px) {
 #proWr .box-wr .box { display: grid; grid-template-columns: 45% 55%; width: 100%; margin-bottom: 1rem; padding: 2rem; }
 #proWr .box-wr .box .b-txt { height: auto; margin-top: 0; padding: 1rem 0 1rem 2rem; }
 #proWr .box-wr .box .b-txt .txt { min-height: auto; font-size: 1.8rem; }
 #proWr .box-wr .box .b-txt .txt-m { margin: 0 0 1rem; }

 }
 @media all and (max-width:500px) {
 #proWr .box-wr .box { padding: 0; }
 #proWr .box-wr .box .b-txt { padding: 2rem; }
 }
 @media all and (max-width:450px) {
 #proWr .box-wr .box { grid-template-columns: 1fr; margin-bottom: 2rem; }
 }


/*후기*/
#reviewWr { text-align: center; }
#reviewWr .swiper { height: 32.5rem; padding: 0 var(--inner-pd); }
#reviewWr .btn-st { margin-top: 8rem; }

@media all and (max-width:800px) {
#reviewWr .swiper { height: 22.5rem; }
 }
 @media all and (max-width:500px) {
 #reviewWr .btn-st { margin-top: 5.2rem; }
 }













/**/