@charset "utf-8";

/* CSS Document */
#wrap {height:100%;}
.wrap {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; max-width:1920px; padding:0 80px;}
#footer .wrap{padding: 0 120px;}
.area01 {padding:160px 0;}
.area01.pd0 {padding-bottom:0 !important;}


.section.t8 .cm_content{margin-top: 50px !important; transform: translateY(-50%);}


#contents .section.t4 .cm_content h2 span{font-size: 60px; }

/* 헤더 */
#header {display:inline-block; vertical-align:middle; position:fixed; overflow:hidden; left:0; right:0; top:0; z-index:99; box-sizing:border-box; width:100%; min-width:320px; padding:80px; pointer-events:none; transition:0.5s;}
/* #header.scrollUp {top:-200px;} */
#header.color {padding:30px 80px}
#header.open {padding:80px;}
#header::before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0)); opacity:0.5;}
#header.sub::before {opacity:0.1;}
#header::after {content:""; position:absolute; left:0; right:0; top:-1px; bottom:0; z-index:-1; background-color:#161514; opacity:0; pointer-events:none; transition:0.5s; transition-delay:0s;}
#header .h_logo {display:inline-block; vertical-align:middle; float:left; position:relative; z-index:1; width:52px; height:auto; font-size:0; line-height:0;  pointer-events:auto;position: relative;}
#header.off .h_logo {opacity:0; pointer-events:none;}

#header .h_logo::before{content: "비욘드스페이스그룹"; color: #fff; font-size: 24px; font-weight: 300; position: absolute; left: 59px; width: 350px; top: 18px; letter-spacing: -1px;}
#header .h_logo::after{content: "Beyond Space Group"; color: #fff; font-size: 14px;font-weight: 300; position: absolute; left: 61px; width: 350px; bottom: 9px; letter-spacing: 2.5px;}

#header.open .h_logo { box-shadow:none !important;}
#header .h_logo img {width:100%; height:auto;}
#header .h_logo{width: 246px; cursor: pointer;}
#header .h_logo a{width: 52px; display: inline-block;}

#header .h_nav {display:inline-block; vertical-align:middle; float:right; position:relative; z-index:1;}
#header.off .h_nav li {opacity:0; pointer-events:none;}
#header.off .h_nav li:last-child {opacity:1; pointer-events:auto;}
#header .h_nav li {display:inline-block; vertical-align:middle; float:left; padding:0 35px; font-size:0; line-height:0; transition:0.3s; opacity:1; opacity:1 !important; pointer-events:auto;}
#header .h_nav li:last-child {padding-right:0; opacity:1 !important; pointer-events:auto;}
#header .h_nav li a {display:inline-block; vertical-align:middle; position:relative; margin:5px 0; font-size:18px; font-weight:300; color:#fff; line-height:30px; letter-spacing:-0.5px;}
#header .h_nav li a:before {content:""; position:absolute; left:0; bottom:0; width:1px; height:1px; background-color:currentColor; transition:0.3s; opacity:0;}
#header .h_nav li a:hover::before {width:100%; opacity:1;}
#header .h_nav li button {display:inline-block; vertical-align:middle; position:relative; width:40px; height:auto; aspect-ratio:1/1;}
#header .h_nav li button i {position:absolute; top:50%; width:100%; height:1px; background-color:#fff; transition:0.3s;}
#header .h_nav li button i:first-child {left:0; margin-top:-5px;}
#header .h_nav li button i:last-child {right:0; margin-top:4px;}
#header.open .h_nav li {opacity:0;}
#header.open .h_nav li button i {background-color:#fff !important;}
#header.open .h_nav li button i:first-child {margin-top:-2px; transform:rotate(45deg);}
#header.open .h_nav li button i:last-child {margin-top:-2px; transform:rotate(-45deg);}
#header .h_wrap {display:inline-block; vertical-align:middle; overflow:hidden; position:fixed; left:0; right:0; top:0; height:0px; z-index:0; transition:0.8s; pointer-events:none;}
#header.open .h_wrap {height:100%; pointer-events:auto;}
#header .h_bg {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0; background:#000; background-repeat:no-repeat; background-size:cover; background-position:center; transform:scale(1.1);  transition:1s;}
#header.open .h_bg {transform:scale(1); transition-delay:0.3s;}
#header .h_menu {position:absolute; left:0; right:0; top:50%; margin-top:-320px;}
#header .h_menu ul {display:inline-block; vertical-align:middle; width:100%;}
#header .h_menu li {display:inline-block; vertical-align:middle; position:relative; overflow:hidden; width:100%; height:65px; text-align:center;}
#header .h_menu li + li {margin-top:50px;}
#header .h_menu li a {display:inline-block; vertical-align:middle; position:relative; top:60px; font-size:60px; font-weight:400; color:#fff; line-height:65px; letter-spacing:0.5px; transition:0.5s;}
#header .h_menu li a:before {content:""; position:absolute; left:0; bottom:0; width:1px; height:1px; background-color:currentColor; transition:0.3s; opacity:0;}
#header .h_menu li a:hover::before {width:100%; opacity:1;}
#header.open .h_menu li a {top:0; transition-delay:0.3s;}



#header.open ~ #fp-nav {display:none}
#fp-nav {margin-top:-50px; transform:translateY(0) !important;}
#fp-nav.fp-right {right:80px;}
#fp-nav ul li a span + span {display:none;}

/* 사이드 */
#aside {position:fixed; float:none; left:0; right:0; bottom:0; z-index:98; box-sizing:border-box; width:100%; height:auto; margin:0; padding:80px; pointer-events:none; font-size:0; line-height:0; transition:0.3s;}
#aside.off,
#header.open ~ #aside {opacity:0;}
#aside .a_wrap {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#aside .a_scroll {display:inline-block; vertical-align:middle; position:absolute; left:0; bottom:0; width:18px; height:30px; border-radius:10px; border:#fff solid 1px; color:#fff;}
#aside .a_scroll::before {content:"SCROLL DOWN"; position:absolute; left:-32px; bottom:74px; font-size:11px; color:#fff; font-weight:100; line-height:30px; transform:rotate(-90deg); white-space:nowrap; letter-spacing:0.5px;}
#aside .a_scroll i {position:absolute; left:50%; top:8px; width:1px; height:5px; background-color:currentColor; animation-name:ch_scroll; animation-duration:1s; animation-iteration-count:infinite; animation-timing-function:linear;}
@keyframes ch_scroll {from {top:6px;} 50% {top:10px;} to {top:6px;}}
#aside .a_family {display:inline-block; vertical-align:middle; position:absolute; right:0; bottom:0; box-sizing:border-box; width:120px; border-radius:15px; border:#fff solid 1px; font-size:0; color:#fff; line-height:0; pointer-events:auto; cursor:pointer; overflow: hidden;}
#aside.off .a_family {pointer-events:none;}
#aside .a_family ul {display:none; width:100%;}
#aside .a_family ul li {display:inline-block; vertical-align:middle; width:100%;}
#aside .a_family ul li a {display:inline-block; vertical-align:middle; width:100%; padding-left:13px; font-size:11px; font-weight:400; color:#fff; line-height:30px;}
#aside .a_family ul li a:hover {text-decoration:underline; text-underline-position:under;}
#aside .a_family strong {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; width:100%; padding-left:13px; font-size:14px; font-weight:400; color:currentColor; line-height:28px; overflow: hidden;} 
#aside .a_family strong a{color: #fff; display: block; white-space: nowrap;}
#aside .a_family{transition: all 0.5s;}
#aside .a_family strong a b{display: none; transition: all 0.5s; font-size: 0;}
#aside .a_family:hover{width: 205px; background: #fff; color: #000; transition: all 0.5s; display: flex; align-items: center;}
#aside .a_family:hover strong a b{display: inline-block; transition: all 0.5s; font-size: 14px;}
#aside .a_family:hover strong a{color: #000;}



#aside .a_family strong::before {content:""; position:absolute; top:50%; right:16px; width:5px; height:5px; margin-top:-2px; border-right:currentColor solid 1px; border-top:currentColor solid 1px; transform:rotate(-45deg);line-height:26px;}
#aside .a_family:hover,
#aside .a_family.open a{background-color:#fff; color:#161514;}
aside .a_family:hover a{color: #000;}
#aside .a_family.open ul li a {color:#161514;}
#aside .a_family.open ul {display:inline-block;}
#aside .a_family.open strong::before {margin-top:-4px; transform:rotate(135deg);}


/* color */
#header.color::after {opacity:1;}
/* #header.color .h_logo {filter:invert(100%) sepia(50%) saturate(0%) hue-rotate(288deg) brightness(108%) contrast(102%) drop-shadow(5px 5px 5px rgba(255, 255, 255, 0.1));}
#header.color .h_nav li button i {box-shadow:0 5px 5px rgba(0, 0, 0, 0.1); }
#header.color2 .h_logo {filter:invert(5%) sepia(23%) saturate(190%) hue-rotate(349deg) brightness(94%) contrast(92%) drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.1));}
#header.color2 .h_nav li button i {background-color:#161514;} */
#aside.color .a_scroll {border-color:#161514; color:#161514;}
#aside.color .a_scroll::before {font-weight:400; color:#161514;}
#aside.color .a_family {background-color:#fff; border-color:#fff; box-shadow:0 5px 5px rgba(0, 0, 0, 0.1); color:#161514;}
#aside.color .a_family ul li a {color:#161514}

/* 컨텐츠 */



#contents .section.t1 h2:first-of-type{margin-bottom: 15px;}
#contents .section.t1 .cm_title{margin-top: -110px;}


#contents {min-width:320px;}
#contents .section {text-align:center;}
#contents .section .fp-bg {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0;}
#contents .section.t1 .cm_bg {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0; background-repeat:no-repeat; background-size:cover; background-position:top; transform:scale(1.3); transition:10s;}
#contents .section .cm_bg {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0; background-repeat:no-repeat; background-size:cover; background-position:center; transform:scale(1.3); transition:10s;}
#contents .section.fp-completely .cm_bg {transform:scale(1);}
#contents .section.t1 .cm_bg {background-image:url("../images/bg_main01.jpg");}
#contents .section.t2 .cm_bg {background-image:url("../images/down02.jpg");}
#contents .section.t3 .cm_bg {background-image:url("../images/bg_main03.jpg");}
#contents .section.t4 .cm_bg {background-image:url("../images/bg_main04.jpg");}
#contents .section.t5 .cm_bg {background-image:url("../images/bg_main044.jpg");}
#contents .section.t6 .cm_bg {background-image:url("../images/bg_main512.png");}
#contents .section.t7 .cm_bg {background-image:url("../images/down01.jpg");}

#contents .section.t8 .cm_bg {background-image:url("../images/min_bgs.png");}
#contents .section.t8 .bls_bg{opacity: 0.8;}



#contents .section.t7 .cm_content h2{margin-top: 100px;}



#contents .cm_wrap {display:inline-block; vertical-align:middle; overflow:hidden; position:absolute; left:0; right:0; top:0; bottom:0;}
#contents .cm_title {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:50%; z-index:1; margin-top:-10px; opacity:0; transition:0.5s; transition-delay:0s;}
#contents .section.fp-completely .cm_title {opacity:1; transition-delay:0.3s;}
#contents .cm_title h2 {display:inline-block; vertical-align:middle; position:relative; overflow:hidden; width:100%; font-size:60px; font-weight:700; color:#fff; line-height:70px; letter-spacing:-0.5px; text-shadow: 2px 2px 10px rgba(0,0,0,0.5);}




#contents .cm_title p {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:50px; padding:0 25px; font-size:20px; font-weight:200; color:#fff; line-height:30px; letter-spacing:-0.5px;}
#contents .cm_title p span {display:inline-block;}
#contents .cm_title p > span {width:100%;}
#contents .cm_title p span strong {font-weight:400;}
#contents .cm_content {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:50%; height:680px; margin-top:-170px; padding-left:57px; text-align:left; opacity:0; transition:0.5s; transition-delay:0s;}
#contents .section.fp-completely .cm_content,
#contents .section.on .cm_content {opacity:1; transition-delay:0.3s;}
#contents .cm_content h2 {display:inline-block; vertical-align:middle; position:relative; width:100%; font-size:60px; font-weight:500; color:#fff; line-height:60px; letter-spacing:-1px; word-break:keep-all; text-shadow: 2px 2px 10px rgba(0,0,0,0.5);}
#contents .cm_content h2 span {display:inline-block; overflow:hidden; float:left; width:100%;}
#contents .cm_content p {display:inline-block; vertical-align:middle; width:100%; font-size:24px; font-weight:300; color:#fff; line-height:40px; letter-spacing:-0.5px; word-break:keep-all; text-shadow: 2px 2px 10px rgba(0,0,0,0.5);}
#contents .cm_content h2 + p {margin-top:35px; margin-bottom: 20px;}
#contents .cm_content p + p {margin-top:10px;}
#contents .cm_content p span {display:inline-block; width:100%;}
#contents .cm_content p mark {color:#fff; font-weight:500;}
#contents .section.t2 .button.small {position:absolute; left:136px; bottom:80px; transition:0s;}
#contents .section.t4 .cm_content {top:50%; bottom:auto; margin-top:0; height:auto; transform: translateY(-50%);}
#contents .section.t4 .cm_content .wrap {height:100%; padding: 0 132px;}
#contents .section.t8 .cm_content .wrap {height:100%; padding: 0 132px;}

#contents .section.t4 .cm_content p span {float:left; width:auto;}
#contents .section.t4 .cm_content p span + span {position:relative; margin-left:38px;}
#contents .section.t4 .cm_content p span + span:before {content:""; position:absolute; left:-19px; top:50%; width:1px; height:12px; margin-top:-6px; background-color:#fff;}
#contents .section.t4 .cmc_pic {display:inline-block; vertical-align:middle; position:relative; overflow:hidden; width:calc(100% + 65px); margin-left:-65px; height:100%; top:150px; opacity:0; transition:1s; cursor:pointer; z-index: -1;}
#contents .section.fp-completely.t4 .cmc_pic {top:50px; opacity:1; transition-delay:1s;}
#contents .section.t4 .cmc_pic .cmcp_img {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:0; bottom:0; background-image:url("../images/pic_main04.jpg"); background-repeat:no-repeat; background-size:cover; background-position:bottom; transition:0.3s;}
#contents .section.t5 .cm_content {padding-left:0;}
#contents .section.t7 .cm_content {padding-left:0;}
#contents .section.t5 .cm_content h2 {padding-left:57px;}
#contents .section.t5 .cm_content .owl-carousel {display:inline-block; vertical-align:middle; margin-top:80px; width:66.66%;}
#contents .section.t5 .cm_content .owl-carousel .owl-stage-outer {overflow:visible;}
#contents .section.t5 .cm_content div strong {display:inline-block; vertical-align:middle; width:100%; margin-top:20px; font-size:25px; font-weight:400; color:#fff; line-height:40px; letter-spacing:-0.5px; text-align:center;}

/* sub */
#contents.c_sub .section {display:inline-block; vertical-align:middle; width:100%;}
#contents.c_sub .cs_wrap {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%;}
#contents.c_sub .cs_wrap.t1 {position:relative; padding:0 57px;}

#contents.c_sub .cs_title h2 {display:inline-block; vertical-align:middle; position:relative; overflow:hidden; width:100%; font-size:60px; font-weight:100; color:#fff; line-height:70px; letter-spacing:-0.5px; text-shadow: 2px 2px 10px rgba(0,0,0,0.5);}
#contents.c_sub .cs_title p {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:50px; padding:0 25px; font-size:20px; font-weight:200; color:#fff; line-height:30px; letter-spacing:-0.5px; word-break:keep-all;}
#contents.c_sub .cs_title p span {display:inline-block;}
#contents.c_sub .cs_title p > span {width:100%;}
#contents.c_sub .cs_title p span strong {font-weight:400;}
#contents.c_sub .area01 + .area01 {padding-top:0;}
#contents.c_sub .cs_pic {display:inline-block; vertical-align:middle; position:relative; z-index:1; width:50%; float:right; font-size:0; line-height:0;}
#contents.c_sub .cs_pic.t1 {position:sticky; top:100px; box-sizing:border-box; padding:0 45px;}
#contents.c_sub.brand .cs_pic.t1 {padding-right:80px;}
#contents.c_sub .cs_pic img {width:100%; height:auto;}
#contents.c_sub .cs_content {display:inline-block; vertical-align:middle; position:relative; float:left; width:50%;}
#contents.c_sub .cs_content.t1 {padding-top:8.3333vw;}
#contents.c_sub .cs_content.w100p {width:100%; padding-right:0;}
#contents.c_sub .cs_content.resortpeople {padding-right:80px; padding-top:14.0625vw}
#contents.c_sub .cs_content.resortpeople.fr {padding-left:80px; padding-right:0;}
#contents.c_sub .cs_content.resortpeople.t2 {overflow:hidden; padding-top:5.2083vw; padding-bottom:120px;}
#contents.c_sub .cs_content.resortlab.t2 {overflow:hidden; padding-left:80px; padding-top:9.3750vw; padding-bottom:120px;}
#contents.c_sub .cs_content.resortlab.t2 .title {letter-spacing:-0.8px;}
#contents.c_sub .cs_content.resortlab.t2 .title span > span {width:100%;}
#contents.c_sub .cs_content.t1 .text span {width:100%;}
#contents.c_sub .cs_content.resortpeople strong {position:absolute; left:-0.9vw; top:4vw; font-size:13.0208vw; line-height:13.0208vw; font-weight:900; color:#161514; letter-spacing:-0.1042vw; opacity:0.05;}
#contents.c_sub .cs_content.resortpeople.fr strong {left:auto; right:-0.9vw;}
#contents.c_sub .cs_content .csc_pic {display:inline-block; vertical-align:middle; overflow:hidden; position:relative; width:100%; height:600px; margin-top:80px; background-repeat:no-repeat; background-size:cover; background-position:center; text-align:center; opacity:1 !important;}
#contents.c_sub .cs_content .csc_pic:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; background-repeat:no-repeat; background-size:cover; background-position:center; transform:scale(1.3); transition:10s;}
#contents.c_sub .cs_content .csc_pic.aos-animate:before {transform:scale(1);}
#contents.c_sub .cs_content .csc_pic.t1:before {background-image:url("/images/people/pic_space01.jpg");}
#contents.c_sub .cs_content .csc_pic.t2:before {background-image:url("/images/people/pic_space02.jpg");}
#contents.c_sub .cs_content .csc_pic strong {position:absolute; left:0; right:0; top:50%; margin-top:-40px;}
#contents.c_sub .cs_bgdco {display:inline-block; vertical-align:middle; position:relative; z-index:-1; width:100%; height:260px; margin-top:-66px; background-repeat:no-repeat; background-position:center; background-size:cover; background-attachment:fixed; transition:0.3s; -webkit-transition:0.3s;}
#contents.c_sub.ios  .cs_bgdco {background-attachment:initial;}
#contents.c_sub.people .cs_bgdco {background-image:url("/images/people/deco_resortpeople.jpg");}
#contents.c_sub.brand .cs_bgdco {background-image:url("/images/brand/deco_resortlab.jpg");}
#contents.c_sub.people .wrap {position:relative; overflow:hidden;}
#contents.c_sub.people .wrap.resortpeople {overflow:initial;}
#contents.c_sub.people .cs_hero .csh_bg {background-image:url("/images/people/hero_people.jpg");}
#contents.c_sub.people .cs_hero .csh_bg.resortpeople {background-image:url("/images/people/hero_resortpeople.jpg");}
#contents.c_sub.people .cs_hero .csh_bg.project {background-image:url("/images/people/hero_project.jpg");}
#contents.c_sub.people .title span {width:100%;}
#contents.c_sub.people .cs_list {display:inline-block; vertical-align:middle; width:calc(100% + 80px); margin-left:-40px; margin-top:40px;}
#contents.c_sub.people .cs_list li {display:inline-block; vertical-align:middle; float:left; box-sizing:border-box; width:33.333%; padding:40px;}
#contents.c_sub.people .cs_list li .csl_pic {display:inline-block; vertical-align:middle; position:relative; width:100%; font-size:0; line-height:0;}
#contents.c_sub.people .cs_list li .csl_pic img {width:100%; height:auto;}
#contents.c_sub.people .cs_list li strong {position:absolute; left:30px; right:30px; bottom:25px;}
#contents.c_sub.people .cs_list li:last-child {padding-bottom:0;}
#contents.c_sub.brand .wrap.resortlab {overflow:initial;}
#contents.c_sub.brand .cs_hero .csh_bg {background-image:url("/images/brand/hero_brand.jpg");}
#contents.c_sub.brand .cs_hero p {font-size:0; line-height:0;}
#contents.c_sub.brand .cs_hero p a + a {margin-left:20px;}
#contents.c_sub.brand .cs_hero .csh_bg.resortfitness {background-image:url("/images/brand/hero_resortfitness.jpg");}
#contents.c_sub.brand .cs_hero .csh_bg.resortlab {background-image:url("/images/brand/hero_resortlab.jpg");}
#contents.c_sub.brand .csb_content {display:inline-block; vertical-align:middle; overflow:hidden; position:relative; box-sizing:border-box; width:100%; padding:155px 95px; text-align:left; opacity:1 !important;}
#contents.c_sub.brand .csb_content:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; background-repeat:no-repeat; background-size:cover; background-position:center; transform:scale(1.3); transition:10s;}
#contents.c_sub.brand .csb_content.aos-animate:before {transform:scale(1);}
#contents.c_sub.brand .csb_content.resortfitness:before {background-image:url("/images/brand/pic_resortfitness01.jpg");}
#contents.c_sub.brand .csb_content.resortlab:before {background-position:left; background-image:url("/images/brand/pic_resortlab01.jpg");}
#contents.c_sub.brand .csb_content span {width:100%;}
#contents.c_sub.brand .csb_content .text {text-shadow: 2px 2px 10px rgba(0,0,0,0.5);}
#contents.c_sub.brand .csb_list {display:inline-block; vertical-align:middle; width:calc(100% + 30px); margin-left:-15px; margin-top:15px;}
#contents.c_sub.brand .csb_list li {display:inline-block; vertical-align:middle; float:left; box-sizing:border-box; width:calc(33.333%); padding:15px;}
#contents.c_sub.brand .csb_list.resortlab li {width:25%; padding-bottom:0;}
#contents.c_sub.brand .csb_list.resortfitness li:nth-child(n + 4) {width:16.6666%; padding-bottom:0;}
#contents.c_sub.brand .csb_list li .csbl_box {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents.c_sub.brand .csb_list li .csbl_box img {width:100%; height:auto;}
#contents.c_sub.brand .csb_list li p {position:absolute; left:30px; right:30px; bottom:25px; word-wrap:break-word;}
#contents.c_sub.brand .cs_space {display:inline-block; vertical-align:middle; width:100%;}
#contents.c_sub.brand .cs_space .css_content {display:inline-block; vertical-align:middle; width:100%;}
#contents.c_sub.brand .cs_space .css_content .title {float:left; width:50%;}
#contents.c_sub.brand .cs_space .css_content .text {float:left; box-sizing:border-box; width:50%; padding-left:40px;}
#contents.c_sub.brand .cs_space .css_list {display:inline-block; vertical-align:middle; width:calc(100% + 80px); margin-left:-40px; margin-top:40px;}
#contents.c_sub.brand .cs_space .css_list li {display:inline-block; vertical-align:middle; float:left; box-sizing:border-box; width:50%; padding:40px;}
#contents.c_sub.brand .cs_space .css_list li:last-child {padding-bottom:0;}
#contents.c_sub.brand .cs_space .css_list li .cssl_box {display:inline-block; vertical-align:middle; position:relative; width:100%; font-size:0; line-height:0;}
#contents.c_sub.brand .cs_space .css_list li .cssl_box img {width:100%; height:auto;}
#contents.c_sub.brand .cs_space .css_list li .cssl_box .cssl_txt {position:absolute; overflow:hidden; left:30px; right:30px; bottom:25px; word-wrap:break-word;}
#contents.c_sub.brand .cs_space .css_list li .cssl_box .cssl_txt .text {min-height:60px; margin-top:30px; text-shadow: 2px 2px 10px rgba(0,0,0,0.5);}
#contents.c_sub.brand .cs_space .css_list li .cssl_box .cssl_txt .text span b {display:inline-block; position:relative; font-weight:300; margin-right:60px;}
#contents.c_sub.brand .cs_space .css_list li .cssl_box .cssl_txt .text span b:last-child {margin-right:0;}
#contents.c_sub.brand .cs_space .css_list li .cssl_box .cssl_txt .text span b:before {content:""; position:absolute; left:-30px; top:50%; width:1px; height:8px; margin-top:-4px; background-color:#fff; opacity:0.3;}
#contents.c_sub.news .cs_hero .csh_bg {background-image:url("/images/news/hero_news.jpg");}
#contents.c_sub.career .cs_hero .csh_bg {background-image:url("/images/career/hero_career.jpg");}
#contents.c_sub.career .cs_together {display:inline-block; vertical-align:middle; width:calc(100% + 80px); margin-left:-40px; margin-top:80px;}
#contents.c_sub.career .cs_together li {display:inline-block; vertical-align:middle; float:left; box-sizing:border-box; width:33.333%; padding:0 40px;}
#contents.c_sub.career .cs_together li .cst_box {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; padding:40px; padding-bottom:35px; border-radius:20px; background-color:#f1f0f0;}
#contents.c_sub.career .cs_together li .cst_wrap {display:inline-block; position:relative; width:100%;}
#contents.c_sub.career .cs_together li .cst_box mark {display:inline-block; vertical-align:middle; width:100%; font-size:16px; font-weight:500; color:#161514; line-height:25px; letter-spacing:-0.5px;}
#contents.c_sub.career .cs_together li .cst_box strong {display:inline-block; vertical-align:middle; width:100%; font-size:25px; font-weight:500; color:#161514; line-height:35px; letter-spacing:-0.5px;}
#contents.c_sub.career .cs_together li .cst_box p {margin-top:15px;}
#contents.c_sub.career .cs_together li .cst_box i {display:inline-block; vertical-align:middle; position:absolute; width:60px; height:auto; top:0; right:5px; background-image:url("../images/career/icon_together.svg"); background-repeat:no-repeat; background-size:100% auto; background-position:center 0; aspect-ratio:1/1;}
#contents.c_sub.career .cs_together li:nth-child(2) .cst_box i {background-position:center 50%;}
#contents.c_sub.career .cs_together li:nth-child(3) .cst_box i {background-position:center 100%;}
#contents.c_sub.career .cs_recruitment {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents.c_sub.career .cs_recruitment li {display:inline-block; vertical-align:middle; float:left; width:15%;}
#contents.c_sub.career .cs_recruitment li:first-child {margin-right:5%;}
#contents.c_sub.career .cs_recruitment li:last-child {margin-left:5%;}
#contents.c_sub.career .cs_recruitment li .csr_box {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:100%; border-radius:50%; border:#f1f0f0 solid 1px; background-color:#f1f0f0; aspect-ratio:1/1;}
#contents.c_sub.career .cs_recruitment li:first-child .csr_box,
#contents.c_sub.career .cs_recruitment li:last-child .csr_box {border-color:#161514; background-color:#fff;}
#contents.c_sub.career .cs_recruitment li .csr_txt {display:inline-block; vertical-align:middle; position:absolute; left:0; right:0; top:50%; margin-top:-35px; text-align:center;}
#contents.c_sub.career .cs_recruitment li .csr_txt mark {display:inline-block; vertical-align:middle; padding:0 14px; border-radius:13px; background-color:rgba(22, 21, 20, 0.1); font-size:15px; font-weight:500; color:#161514; line-height:25px; letter-spacing:-0.5px;}
#contents.c_sub.career .cs_recruitment li .csr_txt span {display:inline-block; vertical-align:middle; width:100%; margin-top:10px; font-size:25px; font-weight:400; color:#161514; line-height:35px; letter-spacing:-0.5px;}
#contents.c_sub.career .cs_recruitment li i {display:inline-block; vertical-align:middle; position:absolute; right:-25%; top:50%; margin-top:-1px; width:37px; height:1px; background-color:currentColor; color:#161514;}
#contents.c_sub.career .cs_recruitment li i:before {content:""; position:absolute; right:3px; top:50%; margin-top:-7px; width:13px; height:13px; border-right:currentColor solid 1px; border-top:currentColor solid 1px; transform:rotate(45deg);}
#contents.c_sub.career .cs_welfare {display:inline-block; vertical-align:middle; position:relative; width:100%;}
#contents.c_sub.career .cs_welfare li {display:inline-block; vertical-align:middle; position:relative; float:left; width:14.285%;}
#contents.c_sub.career .cs_welfare li:before {content:""; position:absolute; left:0; top:0; bottom:0; width:1px; background-color:#161514; opacity:0.15;}
#contents.c_sub.career .cs_welfare li:last-child::after {content:""; position:absolute; right:-1px; top:0; bottom:0; width:1px; background-color:#161514; opacity:0.15;}
#contents.c_sub.career .cs_welfare li .csw_box {display:inline-block; vertical-align:middle; width:100%; text-align:center;}
#contents.c_sub.career .cs_welfare li i {display:inline-block; vertical-align:middle; width:80px; margin-top:40px; background-image:url("../images/career/icon_welfare.svg"); background-repeat:no-repeat; background-size:100% auto; aspect-ratio:1/1;}
#contents.c_sub.career .cs_welfare li:nth-child(2) i {background-position:center -80px;}
#contents.c_sub.career .cs_welfare li:nth-child(3) i {background-position:center -160px;}
#contents.c_sub.career .cs_welfare li:nth-child(4) i {background-position:center -240px;}
#contents.c_sub.career .cs_welfare li:nth-child(5) i {background-position:center -320px;}
#contents.c_sub.career .cs_welfare li:nth-child(6) i {background-position:center -400px;}
#contents.c_sub.career .cs_welfare li:nth-child(7) i {background-position:center -480px;}
#contents.c_sub.career .cs_welfare li p {display:inline-block; vertical-align:middle; width:100%; margin-top:35px; padding-bottom:30px; font-size:15px; font-weight:400; color:#161514; line-height:25px; letter-spacing:-0.5px;}
#contents.c_sub.career .cs_welfare li p span {display:inline-block; width:100%;}
#contents.c_sub.career .cs_email {display:inline-block; vertical-align:middle; overflow:hidden; position:relative; box-sizing:border-box; width:100%; padding:80px 95px; text-align:left; opacity:1 !important;}
#contents.c_sub.career .cs_email:before {content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; background-image:url("/images/career/bg_mail.jpg"); background-repeat:no-repeat; background-size:cover; background-position:left; transform:scale(1.3); transition:10s;}
#contents.c_sub.career .cs_email.aos-animate:before {transform:scale(1);}
#contents.c_sub.contact .cs_hero .csh_bg {background-image:url("/images/contact/hero_contact.jpg");}
#contents.c_sub.contact .cs_box {display:inline-block; position:relative; width:100%;}
#contents.c_sub.contact .cs_info {position:absolute; left:0; bottom:0;}
#contents.c_sub.contact .cs_info li {display:inline-block; position:relative; box-sizing:border-box; width:100%; padding-left:35px; text-align:left; font-size:15px; font-weight:400; color:#161514; line-height:25px;}
#contents.c_sub.contact .cs_info li + li {margin-top:20px;}
#contents.c_sub.contact .cs_info li a:hover {text-decoration:underline; text-underline-position:under;}
#contents.c_sub.contact .cs_info li i {position:absolute; left:0; top:4px; width:16px; background-image:url("../images/contact/icon_contact.png"); background-repeat:no-repeat; background-size:100% auto; aspect-ratio:1/1;}
#contents.c_sub.contact .cs_info li:nth-child(2) i {background-position:100% -16px;}
#contents.c_sub.contact .cs_info li:nth-child(3) i {background-position:100% -32px;}
#contents.c_sub.contact .cc_background {position:fixed; top:0; left:0; width:100%; height:100vh; background-color:rgba(0, 0, 0, 0.3); z-index:1000; z-index:-1; opacity:0;}
#contents.c_sub.contact .ccb_close {position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; cursor: pointer;}
#contents.c_sub.contact .show {opacity:1; z-index:1000; transition:all .5s;}
#contents.c_sub.contact .ccb_window {position:relative; z-index:2; width:100%; height:100%; pointer-events:none;}
#contents.c_sub.contact .ccbw_popup {position:absolute; left:50%; top:50%; z-index:1; width:950px; height:420px; background-color:#fff; box-shadow:0 2px 7px rgba(0, 0, 0, 0.3); transform:translate(-50%, -50%); pointer-events:auto;}
#contents.c_sub.contact .ccbw_popup #close {position:absolute; left:0; top:0; z-index:1; width:calc(100% - 10px); height:60px; padding-left:30px; background-color:#fff; font-size:16px; font-weight:700; color:#000; line-height:62px; text-align:left;}
#contents.c_sub.contact .ccbw_popup #close:before {content:''; display:inline-block; vertical-align:middle; position:absolute; top:50%; left:20px; width:3px; height:16px; margin-top:-8px; background-color:#000; }
#contents.c_sub.contact .ccbw_popup #close i {display:inline-block; vertical-align:middle; position:absolute; right:25px; top:30px; width:20px; height:3px; margin-top:-1px; margin-left:-10px; background-color:transparent; transition:0.2s; -webkit-transition:0.2s;}
#contents.c_sub.contact .ccbw_popup #close i:before {content:""; display:inline-block; vertical-align:middle; position:absolute; left:-2px; right:-2px; top:0; height:3px; background-color:#000; transform:rotate(45deg);}
#contents.c_sub.contact .ccbw_popup #close i:after {content:""; display:inline-block; vertical-align:middle; position:absolute; left:-2px; right:-2px; bottom:0; height:3px; background-color:#000; transform:rotate(-45deg);}
#contents.c_sub.contact .ccbw_popup .privacy_contents {resize:none; overflow-y:scroll; position:absolute; left:0; right:0; top:0; bottom:0; border:none;padding:60px 20px 20px 20px; font-size:14px; color:#000; line-height:24px;}
#contents.c_sub.contact .ccbw_popup .privacy_contents::-webkit-scrollbar {width:10px;}
#contents.c_sub.contact .ccbw_popup .privacy_contents::-webkit-scrollbar-thumb {height:30%; background:#000; border-radius:10px;}
#contents.c_sub.contact .ccbw_popup .privacy_contents::-webkit-scrollbar-track {background:rgba(0, 0, 0, .1);}
#contents.c_sub.contact .cs_content {position:initial !important;}


#contents .section.t6 .cm_content{padding-left: 0; width: 100%; max-width: 1600px; margin: 0 auto; height: auto;}
#contents .section.t6 .cm_content h2 + p br{display: none;}

.btnssss{margin-top: 30px;}

/* 푸터 */
#footer {display:block; vertical-align:middle; box-sizing:border-box; min-width:320px; padding:40px 0; background-color:#161514;}
#footer .f_wrap {display:inline-block; vertical-align:middle; float:left; width:50%; text-align:left;}



#footer .f_logo {display:inline-block; vertical-align:middle; float:left; position:relative; z-index:1; width:52px; height:auto; font-size:0; line-height:0;  pointer-events:auto;position: relative;}
#footer .f_logo::before{content: "비욘드스페이스그룹"; color: #fff; font-size: 24px; font-weight: 300; position: absolute; left: 59px; width: 350px; top: 18px; letter-spacing: -1px;}
#footer .f_logo::after{content: "Beyond Space Group"; color: #fff; font-size: 14px;font-weight: 300; position: absolute; left: 61px; width: 350px; bottom: 9px; letter-spacing: 2.5px;}



#footer .f_logo img {width:100%; height:auto;}
#footer .f_copy {display:inline-block; vertical-align:middle; box-sizing:border-box; width:100%; margin-top:20px; padding-left:0; font-size:12px; font-weight:400; line-height:40px;}
#footer .f_copy mark {display:inline-block; float:left; margin-right:20px; color:#b7b6b6;}
#footer .f_copy a {display:inline-block; float:left; color:#737373;}
#footer .f_copy a:hover {text-decoration:underline; text-underline-position:under;}
#footer ul {display:inline-block; vertical-align:middle; float:left; width:100%;}
#footer ul li {display:inline-block; vertical-align:middle; float:left; width:50%;}
#footer ul li:nth-child(2n + 1) {max-width:240px;}
#footer ul li:nth-child(n + 3) {margin-top:20px;}
#footer ul li mark {display:inline-block; vertical-align:middle; width:100%; font-size:12px; font-weight:400; color:#b7b6b6; line-height:20px;}
#footer ul li span {display:inline-block; vertical-align:middle; width:100%; font-size:15px; font-weight:500; color:#ffffff; line-height:20px;}
#footer ul li span a {display:inline-block; position:relative; width:100%; color:#fff;}
#footer ul li span a:hover {text-decoration:underline;}
#footer ul li span a i {display:inline-block; position:absolute; width:20px; margin-left:12px; background-image:url("../images/icon_instar.svg"); background-repeat:no-repeat; background-size:100% auto; aspect-ratio:1/1; filter:invert(100%) sepia(50%) saturate(0%) hue-rotate(288deg) brightness(108%) contrast(102%);}


#footer.f_sub {position:relative; background-color:#fff;}
#footer.f_sub:before {content:""; position:absolute; left:0; right:0; top:0; height:1px; background-color:#161514; opacity:0.15;}
#footer.f_sub .f_logo {filter:invert(5%) sepia(23%) saturate(190%) hue-rotate(349deg) brightness(94%) contrast(92%);}
#footer.f_sub ul li mark {color:#737373;}
#footer.f_sub ul li span {color:#161514;}
#footer.f_sub ul li span a {color:#161514;}
#footer.f_sub .f_copy mark {color:#161514;}
#footer.f_sub .f_copy a {color:#b7b6b6;}
#footer.f_sub ul li span a i {filter:invert(5%) sepia(23%) saturate(190%) hue-rotate(349deg) brightness(94%) contrast(92%);}


@media all and (max-width:1600px) {
/* 공통 */
.wrap {padding:0 60px;}


/* 헤더 */
#header {padding:10px 60px;}
#header.color {padding:30px 60px}
#header.open {padding:60px;}
#header .h_nav li {padding:0 30px;}


/* 사이드 */
#aside {padding:60px;}
#fp-nav.fp-right {right:60px;}

/* 콘텐츠 */
#contents .section.t2 .button.small {left:116px; bottom:60px;}
#contents.c_sub.career .cs_recruitment li i {right:-28%;}
}





@media all and (max-width:1440px) {
/* 공통 */
.wrap {padding:0 50px;}
.area01 {padding:120px 0;}

/* 헤더 */
#header  {padding:10px 30px;}
/* #header.scrollUp {top:-160px;} */
#header .h_nav li {padding:0 20px;}
#header .h_nav li a {margin:2px 0; font-size:17px;}
#header .h_nav li button {width:34px;}

/* 사이드 */
#aside {padding:50px;}
#header .h_menu {margin-top:-295px;}
#header .h_menu li {height:60px;}
#header .h_menu li + li {margin-top:40px;}
#header .h_menu li a {font-size:50px; line-height:60px;}
#fp-nav.fp-right {right:50px;}

/* 콘텐츠 */
#contents .cm_title h2 {font-size:50px; line-height:60px;}
#contents .cm_title p {margin-top:40px;}
#contents .cm_content {margin-top:-240px; padding-left:50px}
#contents .cm_content h2 {font-size:28px; line-height:normal;}
#contents .section.t4 .cm_content h2 span {
  font-size: 28px;
}


#contents .cm_content p {font-size:17px;}
#contents .cm_content h2 + p {margin-top:30px;}
#contents .section.t2 .button.small {left:99px; bottom:50px;}
#contents .section.t4 .cmc_pic {width:calc(100% + 55px); margin-left:-55px;}
#contents .section.t5 .cm_content h2 {padding-left:50px}
#contents .section.t5 .cm_content item strong {margin-top:15px; font-size:23px; line-height:38px;}


/* sub */
#contents.c_sub .cs_title h2 {font-size:50px; line-height:60px;}
#contents.c_sub .cs_title p {margin-top:40px;}
#contents.c_sub .cs_wrap.t1 {padding:0 50px;}
#contents.c_sub .cs_content.t1 {padding-top:5vw;}
#contents.c_sub .cs_pic.t1 {padding:0 30px;}
#contents.c_sub.brand .cs_pic.t1 {padding-right:50px;}
#contents.c_sub .cs_content.resortpeople {padding-right:50px; padding-top:8vw}
#contents.c_sub .cs_content.resortpeople.fr {padding-left:50px; padding-right:0;}
#contents.c_sub .cs_content.resortpeople.t2 {padding-top:3vw; padding-bottom:100px;}
#contents.c_sub .cs_content.resortlab.t2 {padding-left:50px; padding-top:6vw; padding-bottom:100px;}
#contents.c_sub .cs_content.resortpeople strong {top:-1.5vw;}
#contents.c_sub .cs_content .mt40 {margin-top:30px;}
#contents.c_sub .cs_content .mt80 {margin-top:60px;}
#contents.c_sub .cs_content .mt110 {margin-top:80px;}
#contents.c_sub .cs_content .csc_pic {height:500px; margin-top:60px;}
#contents.c_sub .cs_content .csc_pic strong {margin-top:-37px;}
#contents.c_sub.people .cs_list {width:calc(100% + 60px); margin-left:-30px; margin-top:30px;}
#contents.c_sub.people .cs_list li {padding:30px;}
#contents.c_sub.brand .cs_space .css_content .text {padding-left:25px;}
#contents.c_sub.brand .cs_space .css_list {width:calc(100% + 50px); margin-left:-25px; margin-top:25px;}
#contents.c_sub.brand .cs_space .css_list li {padding:25px;}
#contents.c_sub.brand .cs_space .css_list li .cssl_box .cssl_txt {left:25px; right:25px; bottom:25px;}
#contents.c_sub.brand .cs_space .css_list li .cssl_box .cssl_txt .text {min-height:54px; margin-top:27px;}
#contents.c_sub.brand .cs_space .css_list li .cssl_box .cssl_txt .text span b {margin-right:50px;}
#contents.c_sub.brand .cs_space .css_list li .cssl_box .cssl_txt .text span b:before {left:-25px;}
#contents.c_sub.brand .cs_space .css_list li .cssl_box .cssl_txt .text span > span {display:inline;}
#contents.c_sub.career .cs_together {width:calc(100% + 50px); margin-left:-25px; margin-top:25px;}
#contents.c_sub.career .cs_together li {padding:25px;}
#contents.c_sub.career .cs_recruitment li .csr_txt {margin-top:-32px;}
#contents.c_sub.career .cs_recruitment li .csr_txt mark {font-size:13px; font-weight:500; color:#161514; line-height:23px;}
#contents.c_sub.career .cs_recruitment li .csr_txt span {margin-top:10px; font-size:21px; line-height:31px;}
#contents.c_sub.career .cs_email {padding:60px 70px;}
#contents.c_sub.career .cs_email .mt40 {margin-top:30px;}
#contents.c_sub.career .cs_email .mt80 {margin-top:60px;}
#contents .section.t4 .cm_content h2 span{font-size: 26px;}

/* 푸터 */
#footer .f_copy {padding-left:50px}
}




@media all and (max-width:1280px) {
/* 공통 */
.area01 {padding:100px 0;}


/* sub */
#contents.c_sub .cs_pic.t1 {padding:0 20px;}
#contents.c_sub.brand .cs_pic.t1 {padding-right:40px;}
#contents.c_sub .cs_content {box-sizing:border-box;}
#contents.c_sub .cs_content.t1 {padding-top:40px; padding-right:40px;}
#contents.c_sub .cs_content .mt40 {margin-top:25px;}
#contents.c_sub .cs_content .mt80 {margin-top:50px;}
#contents.c_sub .cs_content .mt110 {margin-top:70px;}
#contents.c_sub .cs_content .text span > span {display:inline;}
#contents.c_sub .cs_content.resortpeople {padding-right:40px;}
#contents.c_sub .cs_content.resortpeople.fr {padding-left:40px; padding-right:0;}
#contents.c_sub .cs_content.resortlab.t2 {padding-left:40px;}
#contents.c_sub .cs_content.resortlab.t2 .title span > span {display:inline;}
#contents.c_sub .cs_content .csc_pic {height:450px; margin-top:50px;}
#contents.c_sub.people .cs_list {width:calc(100% + 50px); margin-left:-25px; margin-top:25px;}
#contents.c_sub.people .cs_list li {padding:25px;}
#contents.c_sub.people .cs_list li strong {left:20px; right:20px; bottom:20px;}


#contents.c_sub.brand .mt40 {margin-top:25px;}
#contents.c_sub.brand .mt50 {margin-top:40px;}
#contents.c_sub.brand .mt80 {margin-top:50px;}
#contents.c_sub.brand .mt90 {margin-top:60px;}
#contents.c_sub.brand .csb_content {padding:100px 80px;}
#contents.c_sub.brand .csb_list.resortfitness li:nth-child(n + 4) {width:33.333%; padding-bottom:15px;}
#contents.c_sub.brand .csb_list.resortfitness li:nth-child(n + 7) {padding-bottom:0;}
#contents.c_sub.brand .csb_list.resortlab li {width:50%; padding-bottom:15px;}
#contents.c_sub.brand .csb_list.resortlab li:nth-child(n + 3) {padding-bottom:0;}
#contents.c_sub.brand .csb_list li p {left:20px; right:20px; bottom:20px;}
#contents.c_sub.career .cs_together {width:calc(100% + 40px); margin-left:-20px; margin-top:20px;}
#contents.c_sub.career .cs_together li {padding:20px;}
#contents.c_sub.career .cs_together li .cst_wrap {text-align:center;}
#contents.c_sub.career .cs_together li .cst_box {padding:30px 25px;}
#contents.c_sub.career .cs_together li .cst_box i {position:relative; right:auto; margin-bottom:10px;}
#contents.c_sub.career .cs_recruitment li .csr_txt {margin-top:-28px;}
#contents.c_sub.career .cs_recruitment li .csr_txt mark {font-size:12px; font-weight:500; color:#161514; line-height:22px;}
#contents.c_sub.career .cs_recruitment li .csr_txt span {margin-top:6px; font-size:18px; line-height:28px;}
#contents.c_sub.career .cs_recruitment li i {width:28px;}
#contents.c_sub.career .cs_welfare li i {margin-top:25px; width:60px;}
#contents.c_sub.career .cs_welfare li:nth-child(2) i {background-position:center -60px;}
#contents.c_sub.career .cs_welfare li:nth-child(3) i {background-position:center -120px;}
#contents.c_sub.career .cs_welfare li:nth-child(4) i {background-position:center -180px;}
#contents.c_sub.career .cs_welfare li:nth-child(5) i {background-position:center -240px;}
#contents.c_sub.career .cs_welfare li:nth-child(6) i {background-position:center -300px;}
#contents.c_sub.career .cs_welfare li:nth-child(7) i {background-position:center -360px;}
#contents.c_sub.career .cs_welfare li p {margin-top:25px; padding-bottom:20px; height:46px; font-size:13px; line-height:23px;}
#contents.c_sub.career .cs_email {padding:40px 50px;}
#contents.c_sub.career .cs_email .mt40 {margin-top:25px;}
#contents.c_sub.career .cs_email .mt80 {margin-top:50px;}
}





@media all and (max-width:1024px) {
/* 공통 */
.wrap {padding:0 40px;}


/* 헤더 */
#header {padding:40px;}
#header.color {padding:25px 40px}
#header.open {padding:40px;}
/* #header.scrollUp {top:-140px;} */
#header .h_nav li {padding:0 15px;}
#header .h_nav li a {margin:0; font-size:16px; line-height:28px;}
#header .h_nav li button {width:28px;}


/* 사이드 */
#aside {padding:40px;}
#header .h_menu {margin-top:-225px;}
#header .h_menu li {height:50px;}
#header .h_menu li + li {margin-top:30px;}
#header .h_menu li a {font-size:40px; line-height:50px;}
#fp-nav.fp-right {right:40px;}

/* 콘텐츠 */
#contents .cm_title h2 {font-size:40px; line-height:50px;}
#contents .cm_title p {margin-top:35px;}
#contents .cm_content {margin-top:-240px; padding-left:42px;}
#contents .cm_content h2 {font-size:24px; line-height:normal;}
#contents .cm_content p {font-size:16px; line-height:25px;}
#contents .cm_content h2 + p {margin-top:25px;}
#contents .section.t2 .button.small {left:82px; bottom:40px;}
#contents .section.t4 .cm_content {top:50%;}
#contents .section.t4 .cmc_pic {width:calc(100% + 46px); margin-left:-46px; position:relative; left:auto; right:auto; height:auto; aspect-ratio:16/9;}
#contents .section.t4 .cm_content p {width:100%; float:left; margin-top:35px;}
#contents .section.t8 .cm_content p {width:100%; float:left; margin-top:35px;}
#contents .section.t5 .cm_content h2 {padding-left:42px;}
#contents .section.t5 .cm_content item strong {margin-top:15px; font-size:20px; line-height:35px;}
#contents .section.t5 .cm_content .owl-carousel {margin-top:60px;}

/* sub */
#contents.c_sub .cs_title h2 {font-size:40px; line-height:50px;}
#contents.c_sub .cs_title p {margin-top:35px;}
#contents.c_sub .cs_wrap.t1 {padding:0 42px;}
#contents.c_sub .cs_content {padding-top:0; padding-right:30px;}
#contents.c_sub .cs_content .mt40 {margin-top:20px;}
#contents.c_sub .cs_content .mt80 {margin-top:35px;}
#contents.c_sub .cs_content .mt110 {margin-top:50px;}
#contents.c_sub .cs_content .csc_pic {height:350px; margin-top:40px;}
#contents.c_sub .cs_content .csc_pic strong {margin-top:-33px;}
#contents.c_sub .cs_bgdco {height:200px; margin-top:-50px;}
#contents.c_sub.people .cs_list {width:calc(100% + 40px); margin-left:-20px; margin-top:20px;}
#contents.c_sub.people .cs_list li {width:50%; padding:20px;}
#contents.c_sub.brand .csb_content {padding:80px 60px;}
#contents.c_sub.brand .mt40 {margin-top:20px;}
#contents.c_sub.brand .mt50 {margin-top:30px;}
#contents.c_sub.brand .mt80 {margin-top:35px;}
#contents.c_sub.brand .mt90 {margin-top:40px;}
#contents.c_sub.brand .csb_list {width:calc(100% + 20px); margin-left:-10px;}
#contents.c_sub.brand .csb_list li {width:50%; padding:10px;}
#contents.c_sub.brand .csb_list.resortfitness li:nth-child(n + 4) {width:50%; padding-bottom:10px;}
#contents.c_sub.brand .csb_list.resortfitness li:nth-child(n + 7) {padding-bottom:10px;}
#contents.c_sub.brand .csb_list.resortlab li {padding-bottom:10px;}
#contents.c_sub.brand .csb_list.resortfitness li:last-child {padding-bottom:0;}
#contents.c_sub.brand .cs_space .css_content .title {width:100%;}
#contents.c_sub.brand .cs_space .css_content .text {width:100%; margin-top:20px; padding-left:0;}
#contents.c_sub.brand .cs_space .css_list {width:calc(100% + 40px); margin-left:-20px; margin-top:20px;}
#contents.c_sub.brand .cs_space .css_list li {width:100%; padding:20px;}
#contents.c_sub.brand .cs_space .css_list li .cssl_box .cssl_txt {left:20px; right:20px; bottom:20px;}
#contents.c_sub.brand .cs_space .css_list li .cssl_box .cssl_txt .text {min-height:52px; margin-top:26px;}
#contents.c_sub.brand .cs_space .css_list li .cssl_box .cssl_txt .text span b {margin-right:40px;}
#contents.c_sub.brand .cs_space .css_list li .cssl_box .cssl_txt .text span b:before {left:-20px;}
#contents.c_sub.brand .cs_space .css_list li .cssl_box .cssl_txt .text span > span {display:inline-block;}
#contents.c_sub.career .cs_together {width:100%; margin-left:0;}
#contents.c_sub.career .cs_together li {width:100%; padding:0;}
#contents.c_sub.career .cs_together li + li {margin-top:20px;}
#contents.c_sub.career .cs_together li .cst_box {border-radius:10px;}
#contents.c_sub.career .cs_recruitment li .csr_txt mark {padding:0 9px;}
#contents.c_sub.career .cs_recruitment li .csr_txt span {font-size:15px; line-height:25px;}
#contents.c_sub.career .cs_recruitment li i {width:21px;}
#contents.c_sub.career .cs_recruitment li i:before {right:1px; width:11px; height:11px; margin-top:-6px;}
#contents.c_sub.career .cs_welfare:after {content:""; position:absolute; right:0px; top:0; bottom:50%; width:1px; background-color:#161514; opacity:0.15;}
#contents.c_sub.career .cs_welfare li {width:25%;}
#contents.c_sub.career .cs_email .mt40 {margin-top:20px;}
#contents.c_sub.career .cs_email .mt50 {margin-top:30px;}
#contents.c_sub.career .cs_email .mt80 {margin-top:35px;}
#contents.c_sub.contact .ccbw_popup {left:50px; right:50px; top:200px; bottom:150px; width:auto; height:auto; transform:translate(0);}
#contents.c_sub.contact .cs_content {width:100% !important;}
#contents.c_sub.contact .cs_content + .cs_content {padding-top:50px !important;}
#contents.c_sub.contact .cs_info {display:inline-block; position:relative; left:auto; bottom:auto; margin-top:50px;}
#contents.c_sub.contact .cs_info li + li {margin-top:10px;}


/* 푸터 */
#footer .f_copy {padding-left:42px;}
}





@media all and (max-width:830px) {
/* 공통 */
.wrap {padding:0 30px;}
.area01 {padding:80px 0;}

/* 헤더 */
#header {padding:30px;}
#header.color {padding:25px 30px;}
#header.open {padding:30px;}
/* #header.scrollUp {top:-110px;} */
#header .h_nav ul li {display:none;}
#header .h_nav ul li:last-child {display:inline-block;}
#header .h_menu {margin-top:-212px;}
#header .h_menu li + li {margin-top:25px;}
#header .h_menu li a {font-size:35px; line-height:45px;}

#fp-nav {display:inline-block !important;}
#fp-nav.fp-show-active a.active + .fp-tooltip {opacity:0;}
#fp-nav.fp-show-active a.on + .fp-tooltip {-webkit-transition:opacity 0.2s ease-in; transition:opacity 0.2s ease-in; width:auto; opacity:1;}
#fp-nav ul li a.active span {opacity:0.5;}
#fp-nav ul li a.on span {opacity:1;}

/* 사이드 */
#aside {padding:30px;}
#aside .a_scroll {display:none;}
#fp-nav.fp-right {right:30px;}


/* 콘텐츠 */
#contents .section .fade-up i,
#contents .section .fade-up i {top:0 !important;}
#contents .cm_wrap {padding-left:0;}
#contents .cm_title h2 {font-size:35px; line-height:45px;}
#contents .cm_title p {margin-top:30px; font-weight:400;}
#contents .cm_title p span strong {font-weight:600;}
#contents .cm_content {top:100px; margin-top:0; padding-left:0;}
#contents .cm_content h2 {font-weight:700;}
#contents .section.t4 h2,
#contents .section.t5 h2 {font-weight:500;}
#contents .cm_content p {font-weight:400;}
#contents .section.t4 p,
#contents .section.t5 p {font-weight:200;}
#contents .cm_content p mark {font-weight:700;}
#contents .section.t4 p mark,
#contents .section.t5 p mark {font-weight:500;}
#contents .section.t4 .cm_content,
#contents .section.t5 .cm_content {top:50%;}
#contents .section.t8 .cm_content {top:50%;}
#contents .cm_content h2 {font-size:22px; line-height:normal;}
#contents .cm_content p {font-size:15px;}
#contents .cm_content h2 + p {margin-top:20px;}
#contents .section.t2 .button.small {left:30px; bottom:30px;}
#contents .section.fp-completely.t4 .cmc_pic,
#contents.step4 .section.t4 .cmc_pic {top:20px; opacity:1; transition-delay:0.6s;}
#contents .section.t4 .cmc_pic {width:100%; margin-left:0;}
#contents .section.t5 .cm_content h2 {box-sizing:border-box; padding-left:0;}
#contents .section.t5 .cm_content h2 span {display:inline; float:none;}
#contents .section.t5 .cm_content h2 span.box_line{display:block; float:none;}
#contents .section.t5 .cm_content item strong {margin-top:12px; font-size:18px; line-height:33px;}
#contents .section.t5 .cm_content .owl-carousel {margin-top:50px; width:80%;}


/* sub */
#contents.c_sub .cs_title h2 {font-size:35px; line-height:45px;}
#contents.c_sub .cs_title p {margin-top:30px;}
#contents.c_sub .cs_wrap.t1 {padding:0;}
#contents.c_sub .cs_pic {width:100%;}
#contents.c_sub .cs_pic.t1 {position:relative; float:none; top:auto; padding:0;}
#contents.c_sub.brand .cs_pic.t1 {padding-right:0;}
#contents.c_sub .cs_content {width:100%; padding-top:30px; padding-right:0;}
#contents.c_sub .cs_content .mt40 {margin-top:15px;}
#contents.c_sub .cs_content .mt80 {margin-top:30px;}
#contents.c_sub .cs_content .mt110 {margin-top:30px;}
#contents.c_sub .cs_content.resortpeople {padding-right:0;}
#contents.c_sub .cs_content.resortpeople.fr {padding-left:0; padding-top:30px;}
#contents.c_sub .cs_content.resortpeople strong {top:-10px; font-size:13vw; line-height:13vw;}
#contents.c_sub .cs_content.resortpeople.fr strong {left:0; right:auto;}
#contents.c_sub .cs_content.resortlab.t2 {padding-left:0px; padding-top:30px;}
#contents.c_sub .cs_content.resortlab.t2 .title span > span {display:inline-block;}
#contents.c_sub .cs_content .csc_pic {height:300px; margin-top:30px;}
#contents.c_sub .cs_content .csc_pic strong {margin-top:-30px;}
#contents.c_sub.people .cs_list {width:calc(100% + 30px); margin-left:-15px; margin-top:15px;}
#contents.c_sub.people .cs_list li {padding:15px;}
#contents.c_sub.brand .mt40 {margin-top:15px;}
#contents.c_sub.brand .mt50 {margin-top:25px;}
#contents.c_sub.brand .mt80 {margin-top:30px;}
#contents.c_sub.brand .mt90 {margin-top:35px;}
#contents.c_sub.brand .cs_hero p a + a {margin-left:15px;}
#contents.c_sub.brand .csb_content {padding:40px 40px;}
#contents.c_sub.brand .csb_content .text span > span {display:inline;}
#contents.c_sub.brand .cs_space .css_list {width:calc(100% + 30px); margin-left:-15px; margin-top:15px;}
#contents.c_sub.brand .cs_space .css_list li {padding:15px;}
#contents.c_sub.career .cs_together li .cst_box {padding:25px 20px;}
#contents.c_sub.career .cs_together li .cst_box i {width:50px;}
#contents.c_sub.career .cs_together li .cst_box mark {font-size:14px; line-height:25px;}
#contents.c_sub.career .cs_together li .cst_box strong {font-size:22px; line-height:32px;}
#contents.c_sub.career .cs_together li .cst_box p {margin-top:10px;}
#contents.c_sub.career .cs_recruitment li {width:100%;}
#contents.c_sub.career .cs_recruitment li i {display:none;}
#contents.c_sub.career .cs_recruitment li:first-child {margin-right:0;;}
#contents.c_sub.career .cs_recruitment li:last-child {margin-left:0;}
#contents.c_sub.career .cs_recruitment li .csr_box {border-radius:30px; padding:5px 0; aspect-ratio:initial;}
#contents.c_sub.career .cs_recruitment li .csr_txt {position:relative; top:auto; margin-top:0; width:100%;}
#contents.c_sub.career .cs_recruitment li {margin-top:15px;}
#contents.c_sub.career .cs_recruitment li .csr_txt mark {position:absolute; left:10px; top:50%; margin-top:-11px;}
#contents.c_sub.career .cs_welfare:after {bottom:33.333%;}
#contents.c_sub.career .cs_welfare li {width:33.333%;}
#contents.c_sub.career .cs_email {padding:40px;}
#contents.c_sub.career .cs_email .mt40 {margin-top:15px;}
#contents.c_sub.career .cs_email .mt90 {margin-top:35px;}
#contents.c_sub.contact .ccbw_popup {top:200px; bottom:100px;}

/* 푸터 */
#footer {position:relative; height:auto; overflow: hidden; padding-top:30px; padding-bottom:80px;}
#footer .wrap {position:initial;}
#footer .f_wrap {width:100%;}
#footer .f_wrap + .f_wrap {margin-top:20px;}
#footer .f_wrap.t2 {box-sizing:border-box; padding-left:0;}
#footer .f_copy {position:absolute; left:30px; right:30px; bottom:0; padding-left:0;}
}





@media all and (max-width:600px) {
/* 공통 */
.wrap {padding:0 25px;}


/* 헤더 */
#header {padding:15px;}
#header.color {padding:20px 25px;}
#header.open {padding:25px;}
/* #header.scrollUp {top:-80px;} */
#contents .cm_content h2 {font-size:20px; line-height:normal;}
#contents .section.t5 .cm_content .owl-carousel {width:100%;}


/* 사이드 */
#aside {padding:25px;}
#fp-nav.fp-right {right:25px; display: none !important;}


/* 콘텐츠 */
#contents .cm_content p span {display:inline;}
#contents.c_sub.brand .cs_space .css_list li .cssl_box .cssl_txt .text span > span {display:inline;}
#contents .section.t2 .button.small {left:25px; bottom:25px; display: none;}
#contents.c_sub.career .cs_welfare:after {bottom:25%;}
#contents.c_sub.career .cs_welfare li {width:50%;}
#contents.c_sub.contact .ccbw_popup {bottom:80px;}


/* 푸터 */
#footer .f_copy {left:25px;}
}




@media all and (max-width:425px) {
.area01 {padding:60px 0;}    

/* 헤더 */
#header .h_menu {margin-top:-160px;}
#header .h_menu li + li {margin-top:20px;}
#header .h_menu li a {font-size:30px; line-height:40px;}

#fp-nav {display:none !important;}


/* 컨텐츠 */
#contents .cm_title {margin-top:-30px;}
#contents .cm_title h2 {font-size:30px; line-height:40px;}
#contents .cm_title p {margin-top:25px; font-size:20px; line-height:28px;}
#contents .cm_content h2 {font-size:26px; line-height:normal;}
#contents .section.t5 .cm_content .owl-carousel {width:120%; margin-left:-10%;}
#contents .section.t5 .cm_content item strong {margin-top:10px; font-size:17px; line-height:32px;}
#contents .section.t4 .cm_content p span {width:100%;}
#contents .section.t4 .cm_content p span + span {margin-left:0;}
#contents .section.t4 .cm_content p span + span:before {display:none;}

#contents .section.t8 .cm_content p span {width:100%;}
#contents .section.t8 .cm_content p span + span {margin-left:0;}
#contents .section.t8 .cm_content p span + span:before {display:none;}


/* sub */
#contents.c_sub .cs_title {margin-top:-30px;}
#contents.c_sub .cs_title h2 {font-size:30px; line-height:40px;}
#contents.c_sub .cs_title p {margin-top:25px; font-size:18px; line-height:28px;}
#contents.c_sub.career .cs_title p span {display:inline;}
#contents.c_sub .cs_content.resortpeople strong {font-size:15vw; line-height:15vw;}
#contents.c_sub .cs_content.resortlab.t2 .title span > span {display:inline;}
#contents.c_sub .cs_content .csc_pic {height:250px;}
#contents.c_sub .cs_bgdco {height:150px; margin-top:-40px;}
#contents.c_sub.people .cs_list li {width:100%;}
#contents.c_sub.career .cs_together li .cst_box i {width:45px; margin-bottom:8px;}
#contents.c_sub.career .cs_together li .cst_box strong {font-size:20px; line-height:30px;}
#contents.c_sub.contact .ccbw_popup {left:5%; right:5%; top:150px; bottom:50px;}
#contents.c_sub.career .cs_email {padding:35px 28px;}
#contents.c_sub.career .cs_welfare:after {display:none;}
#contents.c_sub.career .cs_welfare li {width:100%; padding-bottom:40px;}
#contents.c_sub.career .cs_welfare li:last-child {padding-bottom:0;}
#contents.c_sub.career .cs_welfare li:before {display:none;}
#contents.c_sub.career .cs_welfare li::after {content:""; position:absolute; left:0; right:0; bottom:0; height:1px;  background-color:#161514; opacity:0.15;}
#contents.c_sub.career .cs_welfare li i {margin-top:40px;}
#contents.c_sub.career .cs_welfare li p {margin-top:15px;}


/* 푸터 */
#footer ul li {width:100%;}
#footer ul li:nth-child(n + 2) {margin-top:15px;} 
}






@media all and (max-width:340px) {
#footer .f_copy mark {margin-right:10px;}
}


.mainContent1-con-box {display:flex; }
.mainContent1-con-box .con-tit-box {text-align:center;}
.mainContent1-con-box .count-con-box {display:flex; width: 100%; margin-top: 1rem;}
/* .mainContent1-con-box .count-con-box:last-child {margin-right: 0; margin-top: 5.2rem;} */
.mainContent1-con-box .count-con-box .item { width: calc(100% / 4);  padding:2.5rem 0;  text-align: center;
    /*border-top:3px solid rgb(255, 255, 255); 
    border-bottom:3px solid rgb(255, 255, 255);*/


}
.mainContent1-con-box .count-con-box .item:last-of-type {margin-right: 0;}
.mainContent1-con-box .count-con-box .item-tit {font-size:1.8rem; letter-spacing:-0.065em; color: #fff;}
.mainContent1-con-box .count-con-box .count-box {margin-top: 1.7rem; }
.mainContent1-con-box .count-con-box .count-box .count-num{color: #fff; font-size:7.8rem; font-weight: 800; position: relative;}
.mainContent1-con-box .count-con-box .count-box .count-num::after{position: absolute; width: 100%; border-radius: 0; background-color: #1ffdf557; bottom: 18px; left: 0; height: 35px; content: ""; z-index: -1;}

.mainContent1-con-box{width: 100%; max-width: 1600px; margin: 0 auto; position: absolute; bottom: 15%; left: 50%; transform: translateX(-50%);}



.section.t2 .cm_content{color: #fff; width: 100%;}

.section.t2 h2 span{margin-bottom: 15px; color: #fff;  }
.section.t2 h2 b{background-color: #1ffdf557; display: inline-block;}
.bls_bg{position: absolute; top: 0; background: #000; opacity: 0.3; z-index: 1; width: 100%; height: 100%;}


#contents .section.t4 .bls_bg{position: absolute; top: 0; background: #000; opacity: 0.8; z-index: 1; width: 100%; height: 100%;}

#contents .section.t3 .cm_content h2{font-size: 60px; font-weight: 600;}


.bus_box{width: 100%; max-width: 1600px; position: relative; bottom: 0; left: 50%; transform: translateX(-50%);}
.bus_box ul{font-size: 0;}
.bus_box ul li{display: inline-block;  vertical-align: middle; text-align: center; color: #fff; width: calc(100%/4 - 12px); font-size: 40px; margin-right: 16px;}
.bus_box ul li:last-of-type{margin-right: 0;}


.text_cons{position: absolute; top: 15%; color: #fff; font-size: 20px; left: 137px; top: 20%;}

#contents .section.t5 .cm_content h2:first-of-type{margin-bottom: 30px; font-weight: 600;}
#contents .section.t5 .cm_content h2:last-of-type{font-size: 30px; line-height: 53px; font-weight: 300;}
#contents .section.t5 .cm_content{margin-top: -240px;}


.imgboxs{background:url("../images/pic_main04.jpg") no-repeat center; width: 100%; height: 340px;  background-size: cover;}
.imgboxs2{background:url("../images/bg_main981.jpg") no-repeat center; background-size: cover;}
.imgboxs3{background:url("../images/bg_main983.jpg") no-repeat center; background-size: cover; background-position: 86%;}
.imgboxs4{background:url("../images/bg_main980.jpg") no-repeat center; background-size: cover;}


.t8 .imgboxs{background:#000 url("../images/people1315.png") no-repeat center; background-size: cover;}
.t8 .imgboxs2{background:url("../images/people13152.png") no-repeat center; background-size: cover;}
.t8 .imgboxs3{background:url("../images/people13153.png") no-repeat center; background-size: cover;}
.t8 .imgboxs4{background:url("../images/people13154.png") no-repeat center; background-size: cover;}






.text_area{max-width: 1600px; width: 100%; margin: 0 auto; text-align: left; color: #fff;}
.text_area h2{font-size: 60px; font-weight: 600;}
.text_area p{font-size: 30px; font-weight: 300; margin-top: 30px;}

.text_form{width: 100%; box-sizing: border-box; padding: 30px; display: flex; max-width: 1600px; margin: 0 auto;}

.name_zone{width: 50%; box-sizing: border-box; padding: 10px;}
.name_zone input{width: 100%; background-color: #161514;}
.btns{font-size: 30px; color: #fff; box-sizing: border-box; text-align: center; border: 2px solid #fff; text-align: center; max-width: 320px; margin: 0 auto;}


#contents .section.t6 .cm_content{position: static; margin-top: 60px; display: flex;}
#contents .section.t6 .cm_content h2{line-height: 145%; margin-top: 50px;}


#contents .section.t6 .cm_content .text_area{width: auto;}
#contents .section.t6 .cm_content .boxcons_fex{width: 100%; margin-top: 50px;}


#contents .section.t7 .cm_content{position: static; margin-top: 0; width: 100%; height: 780px;}





.inquiry-tbl-style07-2col.wid100{display: block; max-width: 1000px;}
.inquiry-tbl-style07-2col.wid100 > .inquiry-tbl-style07-con{display: block; width:100%; padding-right:0 !important;}
.inquiry-tbl-style07-2col .custom-radio-item-box{margin:0; font-size:1.4rem; display: flex; align-items:center; flex-wrap:wrap;}
.inquiry-tbl-style07-2col .custom-radio-item label,
.inquiry-tbl-style07-2col .custom-radio-item input[type="radio"]:checked + label::before{color:#222; cursor: pointer;}

.inquiry-tbl-style07-2col .inquiry-plus-txt-list{padding-left:60px; box-sizing:border-box; margin-top:-10px;}
.inquiry-tbl-style07-2col .inquiry-plus-txt-list .list-item{position: relative; padding-left:2rem; margin-bottom:5px;}
.inquiry-tbl-style07-2col .inquiry-plus-txt-list .list-item::before {font-family: "xeicon"; position: absolute; top: 3px; left: 0; content: "\e92b"; color: var(--main-color); font-size:1.6rem;}
.inquiry-tbl-style07-2col .inquiry-plus-txt-list .list-item .txt{font-size:1.6rem; color:#222; line-height:1.5; letter-spacing:-0.025em;}
.inquiry-tbl-style07-2col .inquiry-plus-txt-list .list-item .txt span{color:var(--main-color); font-weight:700;}

.inquiry-tbl-style07-2col .address-fieldset {display: flex; align-items: center; width:100%;}
.inquiry-tbl-style07-2col .address-fieldset .write-input { margin-top: 0; }
.inquiry-tbl-style07-2col .address-fieldset .address-field { width: calc(42% - 3rem); }
.inquiry-tbl-style07-2col .address-fieldset .address-detail { width: calc(58% - 10rem); margin-left: auto; }
.inquiry-tbl-style07-2col  .join-sub-btn {display: flex; align-items: center; justify-content: center; width: 10rem; height: 3rem; box-sizing: border-box; padding: 0 1rem 0 1.5rem; background-color:#fff; border-radius: 30px; font-size: 1.2rem; letter-spacing: -0.24px; color: #222; transition: all 0.3s;}
.inquiry-tbl-style07-2col  .join-sub-btn:hover{background:#000; color:#fff;}

.inquiry-tbl-style07-2col .custom-radio-item label,
.inquiry-tbl-style07-2col .custom-radio-item input[type="radio"]:checked + label::before,
.inquiry-tbl-style07-2col .inquiry-plus-txt-list .list-item::before,
.inquiry-tbl-style07-2col .inquiry-plus-txt-list .list-item .txt{color:#fff;}
.inquiry-tbl-style07-2col  .join-sub-btn{background-color: rgba(255,255,255,0.2); color: #fff;}
.inquiry-tbl-style07-2col  .join-sub-btn:hover,
.inquiry-tbl-style07-2col  .shadow .join-sub-btn{background-color: var(--main-color); color: #fff;}

@media all and (max-width:800px){
	.inquiry-tbl-style07-2col .inquiry-plus-txt-list{margin-top:0px; padding-left:0;}
	.inquiry-tbl-style07-2col .inquiry-plus-txt-list .list-item .txt{font-size:1.4rem;}
	.inquiry-tbl-style07-2col .address-fieldset {flex-wrap:wrap;}
	.inquiry-tbl-style07-2col .address-fieldset .address-field { width: calc(100% - 10rem); }
	.inquiry-tbl-style07-2col .address-fieldset .address-detail { width: 100%;}
}

.inquiry-tbl-style07-2col {
  display: table;
  width: 100%;
}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd.shadow{background:#fff;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd.shadow i{color:var(--main-color);}

.bbs-inquiry-agree-con .agree-pop-btn{background: rgba(255,255,255,0.2); color:#fff;}
.bbs-inquiry-agree-con .agree-pop-btn:hover{background-color: var(--main-color);}
.bbs-inquiry-agree-con .agree-txt input:checked + label i{color:var(--main-color);}



.inquiry-tbl-style07-2col{display:table; width:100%; max-width: 1000px;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con{display:table-cell; vertical-align:top; width:50%; padding-left:3%;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con:first-child{padding-left:0; padding-right:3%;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con .write-input{width:100%;}
#contents .cm_content .bbs-inquiry-agree-con .agree-txt{ font-size:1.5rem; letter-spacing:-0.3px; color:#fff; display: flex;
  justify-content: flex-start;}
.bbs-inquiry-agree-con .agree-txt input {
  display: none;
}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con {padding-left: 1.25%; padding-top: 0;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd {position: relative; display: flex; background-color: #F5F5F5; padding: 0 1.5rem; border-radius: 10px; transition: all 0.3s;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd.select-box::before {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); content: "\e942"; font-size: 2.4rem; font-family: "xeicon"; color: #222; display: none;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd.shadow {box-shadow: 0px 0px 20px #F0413799;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd.marginBottom {margin-bottom: 20px;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd span {display: flex; min-width: 30px;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dt {font-size: 1.5rem; font-weight: 500; letter-spacing: -0.3px; line-height: 2em; color: #222;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd i {font-size: 1.3rem; color: #222; line-height: 60px;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd span.lineHeight50 i {line-height: 50px;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con:first-child {padding-right: 1.25%;}
.inquiry-style07-essential-icon {color: #F04137;}
.inquiry-tbl-style07 .write-input, .inquiry-tbl-style07 .write-select, .inquiry-tbl-style07 .write-textarea {border: none; background-color: #F5F5F5; border-radius: 10px; outline: none; height: 60px;}
.inquiry-tbl-style07 .write-input::placeholder, .inquiry-tbl-style07 .write-select, .inquiry-tbl-style07 .write-textarea::placeholder {font-size: 1.5rem; letter-spacing: -0.3px; color: #222; transition: all 0.3s;}
.inquiry-tbl-style07 .write-input:focus::placeholder, .inquiry-tbl-style07 .write-select:focus::placeholder, .inquiry-tbl-style07 .write-textarea:focus::placeholder {font-weight: 500; color: rgba(34, 34, 34, 0.35);}
.inquiry-tbl-style07 .write-select {font-weight: 500;}
.inquiry-tbl-style07 .write-select {padding-left: 10px; background: none;}
.inquiry-tbl-style07 .write-textarea {padding-left: 10px; padding-top: 15px; height: 176px;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd.bbs-inquiry-agree-con {align-items: center; justify-content: space-between;}
.bbs-inquiry-agree-con {margin-bottom: 0;}
.bbs-inquiry-agree-con .agree-txt, .bbs-inquiry-agree-con .agree-pop-btn {display: flex; align-items: center; justify-content: center; height: 60px; }
.bbs-inquiry-agree-con .agree-txt i, .bbs-inquiry-agree-con .agree-pop-btn i {line-height: 1 !important;}
.bbs-inquiry-agree-con .agree-txt input:checked + label i::before {content: "\e92b";}
.bbs-inquiry-agree-con .agree-pop-btn {display: flex; align-items: center; justify-content: space-between; width: 14.5rem; height: 3rem; box-sizing: border-box; padding: 0 1rem 0 1.5rem; ; border-radius: 30px; font-size: 1rem; letter-spacing: -0.24px; color: #fff; transition: all 0.3s;}
.bbs-inquiry-agree-con .agree-pop-btn i {font-size: 1.6rem !important; transition: all 0.3s;}
.bbs-inquiry-agree-con .agree-pop-btn:hover {background-color: #222; color: #fff;}
.bbs-inquiry-agree-con .agree-pop-btn:hover i {color: #fff;}
.cm-btn-controls button {display: flex; align-items: center; justify-content: center; margin: 0; width: 210px; height: 64px; border-radius: 50px; background-color: #F04137;}

#contents .cm_content .bbs-inquiry-agree-con .agree-txt label{font-size: 16px; display: flex; align-items: center;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd i{transition:var(--transition-custom); color:#fff; top:-3px;}

.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd.select-box::before,
.inquiry-tbl-style07 .write-input::placeholder,
.inquiry-tbl-style07 .write-select,
.inquiry-tbl-style07 .write-textarea::placeholder,
.bbs-inquiry-agree-con .agree-txt{color:#fff;}
.inquiry-tbl-style07 .write-input:focus::placeholder,
.inquiry-tbl-style07 .write-select:focus::placeholder,
.inquiry-tbl-style07 .write-textarea:focus::placeholder {color:rgba(34,34,34,0.35)}

.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd.shadow{background:#fff;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd.shadow i{color:var(--main-color);}





.main-inquiry-con{position: relative; margin-top:5rem;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dt{color:#fff;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd{background:rgba(255,255,255,0.13); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con .write-input,
.inquiry-tbl-style07 .write-textarea{background:transparent;}





.custom-checkbox-item-box{margin:0 -15px; font-size:15px;}
.custom-checkbox-item-box .custom-checkbox-item{margin:2px 15px}
.custom-checkbox-item{display:inline-block; vertical-align:middle;}
.custom-checkbox-item input[type="checkbox"]{display:none;}
.custom-checkbox-item label{display:inline-block; position:relative; padding-left:1.33em; color:#333; font-size:1em; letter-spacing:-0.3px; line-height:15px; }
.custom-checkbox-item label::before{font-family: 'xeicon'; content: "\ea0e"; position:absolute; top:0px; left:0px; font-size:1.2em; color:#ccc;}
.custom-checkbox-item input[type="checkbox"]:checked + label::before{color:#000; content: "\e92e";}





/* -------- 공통 :: 라디오 -------- */
.custom-radio-item-box{margin:0 -15px; font-size:15px;}
.custom-radio-item-box .custom-radio-item{margin:2px 15px}
.custom-radio-item{display:inline-block; vertical-align:middle;}
.custom-radio-item input[type="radio"]{display:none;}
.custom-radio-item label{display:inline-block; position:relative; padding-left:1.33em; color:#333; font-size:1em; letter-spacing:-0.3px; line-height:15px; }
.custom-radio-item label::before{font-family: 'xeicon'; content: "\e9c6"; position:absolute; top:0px; left:0px; font-size:1.2em; color:#ccc;}
.custom-radio-item input[type="radio"]:checked + label::before{color:#000; content: "\e9c7";}


.request table{width: 100%;  margin: 0 auto;}
.request table td{position: relative;}
.request span{display: block; font-size: 16px; color: #fff;}
.request table td.tel{display: inline-block;}
.inline_box{display: flex; align-items:center}
#txtbox{width: 100%;}
.request{width: 96%;}

input,
textarea {
  width: 96%;
  height: 60px;
  margin: 0;
  border: 0px;
  background-color: transparent;
  color: #fff;
  border-radius: 5px;
  transition: 0.3s;
  font-size: 16px;
}
input:focus,
textarea:focus,
select:focus {
  color: #fff;
  
}

input::placeholder {
  color: #fff;
}
select {
  height: 50px;
  width: 96%;
  margin: 5px;
  color: #fff;
  border: 0px;
  border-bottom: 1px solid #fff;
  background-color: transparent;
  font-size: 16px;
}
textarea {
  width: 96.5%;
  height: 178px;
  border: 0px;
  padding: 15px;
  background-color: transparent;
  font-size: 16px; 
  text-align: left;
}
textarea::placeholder {
  color: #fff;
}
.request .tel {
  width: 100%;
}
.request .tel input {
  width: 197px !important;
}
.request tr span {
  padding-left: 10px;
}
tr {
  color: #ffff;
}
.hypen {
  margin-left: -16px !important;
  margin-right: -5px !important;
}
.add_file {
  height: 27px;
  color: #fff;
}
select.main option{color: #000;}

._ask{width: 244px; height: 53px; display: flex; align-items: center; border: 2px solid #fff; color:#fff; justify-content: center; font-size: 20px; border-radius: 10px; margin-top: -15px; margin-left: auto; margin-right: auto;}

.col_width{width: 100% !important;}



.map_box{width: 100%; max-width: 1600px; margin: 0 auto; height: 400px;  display: flex; margin-top: 30px; box-sizing: border-box; position: relative; z-index: 1;}
.left_box{background: #ddd; height: 100%; width: 50%;}
.right_box{background: #363636; height: 100%; width: 50%; box-sizing: border-box; padding: 50px; color: #fff; display: flex; align-items: center;}
.right_box h3{font-size: 40px; margin-bottom: 20px;}
.right_box p{font-size: 20px; margin-bottom: 10px;}
.right_box p:last-of-type{margin-bottom: 0;}

.home__contact {
  color: #fff;
  font-size: 24px;
  border: 2px solid #fff;
  border-radius: 71px;
  width: 270px;
  height: 71px;
  line-height: 71px;
  margin-top: 50px;
  position: relative;
  overflow: hidden;
  background: none;
  text-align: center;
}



.button-container-2 {
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
}
.button-container-2 button {
  width: 100%;
  height: 71px;
  background: #ffcc00;
  -webkit-mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/urban-sprite.png");
  mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/urban-sprite.png");
  -webkit-mask-size: 3000% 100%;
  mask-size: 3000% 100%;
  border: none;
  transition: all 0.5s ease;
  color: #fff;
  margin-top: -10px;
  cursor: pointer;
  -webkit-animation: ani 0.7s steps(29) forwards;
  animation: ani 0.7s steps(29) forwards;
}

.home__contact:hover{
  border:2px solid #ffcc00;
  box-shadow: 2px 2px 8px #000;
  transition: all 0.5s ease;
}

.button-container-2 button:hover {
  -webkit-animation: ani2 0.7s steps(29) forwards;
  animation: ani2 0.7s steps(29) forwards;
  color: #000;
  transition: all 0.5s ease;
}

.mas {
  font-family: var(--family-regular);
  position: absolute;
  color: #fff;
  text-align: center;
  width: 100%;
  position: absolute;
  font-size: var(--font-medium);
  overflow: hidden;
}

@-webkit-keyframes ani {
  from {
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
  }
  to {
      -webkit-mask-position: 100% 0;
      mask-position: 100% 0;
  }
}
@keyframes ani {
  from {
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
  }
  to {
      -webkit-mask-position: 100% 0;
      mask-position: 100% 0;
  }
}


@-webkit-keyframes ani2 {
  from {
      -webkit-mask-position: 100% 0;
      mask-position: 100% 0;
  }
  to {
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
  }
}
@keyframes ani2 {
  from {
      -webkit-mask-position: 100% 0;
      mask-position: 100% 0;
  }
  to {
      -webkit-mask-position: 0 0;
      mask-position: 0 0;
  }
}

.contact_action.mobile{display: none; font-size: 18px; color: #fff; padding: 10px 20px; border: 2px solid #fff; margin-top: 20px; border-radius: 30px;}

@media all and (max-width:1800px) {
  #contents .section.t7 .cm_content{height: auto; overflow: hidden;}
  #contents .section.t6 .cm_content{overflow: hidden;}
}

@media all and (max-width:1650px) {
  #contents .section.t6 .cm_content{width: 100%; box-sizing: border-box; padding: 0 50px;}
  #contents .section.t7 .cm_content{width: 100%; box-sizing: border-box; padding: 0 50px;}
}

@media all and (max-width:1600px) {
    .mainContent1-con-box .count-con-box .count-box .count-num{font-size: 5.8rem;}
    .mainContent1-con-box{width: 100%; padding: 0 100px; box-sizing: border-box;}
    .bus_box ul li{width: calc(100%/2 - 10px); margin-right: 20px;}
    .bus_box ul li:nth-of-type(2n){margin-right: 0;}
    .imgboxs{height: 180px;}
    .bus_box{box-sizing: border-box; padding: 0 10px; position: relative; bottom: auto;}
    #contents .section.t4 .cm_content .wrap{padding: 0 30px;}
    #contents .section.t8 .cm_content .wrap{padding: 0 30px;}

}

@media all and (max-width:1440px) {
  .bbs-inquiry-agree-con .agree-pop-btn{font-size: 0.8rem;}
  #contents .cm_content .bbs-inquiry-agree-con .agree-txt label{font-size: 14px;}
  .contact_action.mobile{display: block; margin: 0 auto; margin-top: 20px; position: relative;}
  .contact_action.mobile:hover{border-color: #ffcc00;}
  #contents .section.t6 .cm_content{
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
  }
  #contents .section.t6 .cm_content .text_area{margin-left: 50px;}
  .inquiry-tbl-style07-2col{margin-left: 50px;}
  #contents .section.t6 .cm_content .boxcons_fex{margin-top: 0;}
  #contents .section.t6 h2{text-shadow: 2px 2px 2px #000;}
  #contents .section.t6 h2 + p{margin-top: 0;}
  .button-container-2{display: none;}
  .cm_content #form1 {flex-direction: column; }
}

@media all and (max-width:1400px) {
    .mainContent1-con-box .count-con-box .count-box .count-num{font-size: 4.8rem;}
    .mainContent1-con-box .count-con-box .item{width: auto;}
    .mainContent1-con-box .count-con-box{justify-content: space-between;}
}


@media all and (max-width:1180px) {
  #contents .section.t6 .cm_content .text_area{margin-left: 0;}
  .inquiry-tbl-style07-2col{margin-left: 0;}
  .custom-radio-item label{font-size: 0.7em;}
  .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd i{line-height: 45px;}
  input{height:45px}
  #contents .cm_content .bbs-inquiry-agree-con .agree-txt label{font-size: 14px;}
  .bbs-inquiry-agree-con .agree-pop-btn{font-size: 0; padding: 1em; width: auto; height: auto; background: none;}
}


@media all and (max-width:1111px) {
    .mainContent1-con-box .count-con-box .item-tit{font-size: 1.3rem;}
    .mainContent1-con-box .count-con-box .count-box .count-num{font-size: 3.8rem;display: block;}
    #contents .cm_title h2{width: 100%; box-sizing: border-box; padding: 0 10px; font-size: 40px; }
}
@media all and (max-width:830px) {
  #header .h_logo{width: 185px;}
  #header .h_logo a{width: 36px;}
  #header .h_logo::before{font-size: 18px; top: 10px; left: 42px;} 
  #header .h_logo::after{font-size: 10px; left: 43px; letter-spacing: 2.2px;}
}


@media all and (max-width:775px) {
    #contents .cm_title h2{font-size: 32px;}
    #header .h_logo{width: 185px;}
    #header .h_logo a{width: 36px;}
    #header .h_logo::before{font-size: 18px; top: 10px; left: 42px;} 
    #header .h_logo::after{font-size: 10px; left: 43px; letter-spacing: 2.2px;}
    .mainContent1-con-box{padding: 0 50px;}
    .mainContent1-con-box .count-con-box .item{width: 50%; padding: 0;}
    .mainContent1-con-box .count-con-box .item:first-of-type{margin-bottom: 40px;}
    .mainContent1-con-box .count-con-box{flex-wrap: wrap}
    .mainContent1-con-box .count-con-box .count-box .count-num{display: inline;}
    .mainContent1-con-box .count-con-box .count-box .count-num::after{bottom: 2px;}
    .button-container-2{display: none;}
    .map_box{flex-direction: column-reverse; height: auto;}
    .map_box .left_box{width: 100%; height: 300px;}
    .map_box .right_box{width: 100%; height: auto; padding: 20px;}
    .map_box .right_box h3{font-size: 18px;}
    #contents .cm_content p + p{margin-top: 0;}
    .right_box h3{margin-bottom: 10px;}

    #footer .f_logo{width: 36px;}
    #footer .f_logo::before{font-size: 18px; top: 10px; left: 42px;} 
    #footer .f_logo::after{font-size: 10px; left: 43px; letter-spacing: 2.2px;}
    #contents .section.t1 .cm_bg{background: url("../images/mobg_main01.jpg") !important; background-size: cover !important; background-position: top !important;}
    #contents .section.t1 .cm_title{top: 31%;}
    .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dt{text-shadow: 2px 2px 2px #000;}
    .inquiry-tbl-style07-2col{display: block;}
    .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con{display: block; width: 100%;}
    .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con:first-child{padding-right: 0;}
    .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con{padding-left: 0;}
    .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dt{display: none;}
    .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd{margin-bottom: 10px;}
    #footer .wrap{padding: 0 25px;}



}
#contents .cm_content h2 span.box_line{display: inline; width: auto;}
.box_line{position: relative; background-color: #1ffdf557; display: inline !important; width: auto;}





@media all and (max-width:520px) {
  .box_line{position: relative; background-color: #1ffdf557; display: inline-block !important; width: 100% !important;}
  #contents .section.t6 .cm_bg{background-position: 25%;}
  #contents .cm_title h2{font-size: 22px;}
  #contents .section.t1 .cm_title{margin-top: 0;}
  #contents .section.t1 h2:first-of-type{margin-bottom: 0;}
  .map_box .left_box {height: 200px;}
  .map_box .right_box{padding: 10px;}
  #contents .section.t7 .map_box{margin-top: 0;}
  #contents .section.t7 .cm_content{padding: 0 15px;}
  #contents .section.t7 .cm_content h2{margin-top: 0;}


  #contents .section.t7 .cm_content p{line-height: 125%;}
  #contents .section.t6 .cm_content h2{margin-bottom: 15px;}
  .xi-check-circle-o{min-width: 30px}
  .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd i{font-size: 1.1rem;}
    .inquiry-tbl-style07-2col > .inquiry-tbl-style07-con dd{padding: 0 0.5rem;}
    #contents .section.t6 .cm_content{margin-top: 0;}
    #contents .section.t6 .cm_content h2{margin-top: 0;}

    .mainContent1-con-box{padding: 0;}
    .mainContent1-con-box .count-con-box .count-box .count-num{font-size: 2.8rem; display: block;}
    .mainContent1-con-box .count-con-box .item-tit{font-size: 1.1rem;}
    .mainContent1-con-box .count-con-box .count-box{margin-top: 10px;}
    .mainContent1-con-box .count-con-box .count-box .count-num::after{width: 80%; left: 10%; height: 25px;}
    .section.t2 h2 b{margin-bottom: 10px;}

    #contents .section.t4 .cm_content h2 span{font-size: 26px;}
    .text_cons{width: 100%; box-sizing: border-box; padding: 0 25px; font-size: 14px; left: 0; text-align: left; top: 15%;}
    #contents .section.t5 .cm_content h2:last-of-type{font-size: 18px; line-height: 165%;}
    #contents.section.t5 .cm_content h2:first-of-type{font-size: 30px;}
    #contents .section.t4 .cm_content p{font-size: 18px !important; font-weight: 300 !important;  margin-bottom: 20px;}
    #contents .section.t4 .cm_content p{margin-top: 10px;}
    #contents .section.t8 .cm_content p{font-size: 18px !important; font-weight: 300 !important;  margin-bottom: 20px;}
    #contents .section.t8 .cm_content p{margin-top: 10px;}


    .imgboxs{height: 140px;}
    #contents .section.t4 .cm_content .wrap{padding: 0 15px;}
    #contents .section.t8 .cm_content .wrap{padding: 0 15px;}
    #contents .section.t4 h2{margin-top: 44px;}
    #contents .section.t8 h2{margin-top: 44px;}
    #contents .section.t5 .cm_content h2:first-of-type{margin-top: 10px; margin-bottom: 20px;}
    .request colgroup col{width: 100% !important;}
    .request table td{display: block;}
    #contents .section.t6 .cm_content p{font-size: 18px;}
    #contents .section.t6 .cm_content{box-sizing: border-box; padding: 0 25px;}
    .request{width: 100%;}
    .request tr span{padding-left: 0;}
    input, textarea{margin-left: 0;}
    #txtbox{margin-left: 0 !important;}
    .request .main.tel{width: 30% !important; margin-right: 5%;}
    .request .tel input{width: 30% !important;}
    .inline_box{justify-content: space-between}
    textarea{height: 100px; font-size: 14px;}
    .request span{font-size: 14px;}
    .btnssss{padding-top: 20px !important;}
    .text_area{margin-top: 100px;}
    .fp-scroll-mac.fp-viewing-section6 #aside .a_family{display: none !important;}
    ._ask{ background: #363b3f; border:0;}
    #contents .section.t6 .cm_content h2 + p br{display: block;}
  .custom-radio-item-box .custom-radio-item{margin: 2px 5px;}
  .custom-radio-item-box .custom-radio-item{width: 35%;}
  #contents .section.t6 .cm_content p{height: 45px;}
  .none_box{display: none !important;}
}

.fp-scroll-mac.fp-viewing-section5 .a_scroll{opacity: 0;}

.fp-scroll-mac.fp-viewing-section7 .a_family{opacity: 0;}
.fp-scroll-mac.fp-viewing-section6 #aside .a_family{display: none !important;}

@media all and (max-width:374px) {
  #contents .section.t6 .cm_content{padding: 0 15px;}
  #contents .section.t6 .cm_content h2 + p br{display: block;}
  .custom-radio-item-box .custom-radio-item{margin: 2px 5px;}
  .custom-radio-item-box .custom-radio-item{width: 35%;}
  #contents .section.t6 .cm_content p{height: 45px;}
}


#contents .section.t1 .cm_bg {background-repeat:no-repeat; background-size:cover; background-position:top; transform:scale(1.3); transition:5s;}
#contents .section.t2 .cm_bg {transform:scale(1.3); transition:5s;}




#contents .section.t2 .fade-up{opacity: 0; transform: translateY(30px);}
#contents .section.t2 .mainContent1-con-box{opacity: 0;}
#contents .section.t2.fp-completely .mainContent1-con-box{ transition-duration: 1s; opacity: 1;}


#contents .section.t2.fp-completely .fade-up{transform: translateY(0);  transition-duration: 1.5s; opacity: 1;}

#contents .section.fp-completely .cm_bg {transform:scale(1);}


#contents .section.t4 .cm_content .wrap h2{opacity: 0; transform: translateY(30px);}
#contents .section.t4 .cm_content .wrap p{opacity: 0; transform: translateY(30px);}
#contents .section.t4 .cm_content .wrap .bus_box{opacity: 0;}

#contents .section.t4.fp-completely .cm_content .wrap h2{transform: translateY(0); opacity: 1; transition-duration: 1.5s; opacity: 1; }
#contents .section.t4.fp-completely .cm_content .wrap p{transform: translateY(0); opacity: 1;  transition-duration: 1.7s; opacity: 1; }
#contents .section.t4.fp-completely .cm_content .wrap .bus_box{opacity: 1; transition-delay: 0.5s; transition-duration: 1s; opacity: 1; }


#contents .section.t8 .cm_content .wrap h2{opacity: 0; transform: translateY(30px);}
#contents .section.t8 .cm_content .wrap p{opacity: 0; transform: translateY(30px);}
#contents .section.t8 .cm_content .wrap .bus_box{opacity: 0;}

#contents .section.t8.fp-completely .cm_content .wrap h2{transform: translateY(0); opacity: 1; transition-duration: 1.5s; opacity: 1; }
#contents .section.t8.fp-completely .cm_content .wrap p{transform: translateY(0); opacity: 1;  transition-duration: 1.7s; opacity: 1; }
#contents .section.t8.fp-completely .cm_content .wrap .bus_box{opacity: 1; transition-delay: 0.5s; transition-duration: 1s; opacity: 1; }





#contents .section.t1 .cm_title{transform: translateY(30px); opacity: 0;}
#contents .section.t1.fp-completely .cm_title{transform: translateY(0); transition-duration: 1.5s; opacity: 1;}


#contents .section.t5 .cm_content h2:first-of-type{opacity: 0; transform: translateY(30px);}
#contents .section.t5 .cm_content h2:last-of-type{opacity: 0; transform: translateY(30px);}


#contents .section.t5 .cm_content .owl-carousel{opacity: 0;}
#contents .section.t5.fp-completely .cm_content .owl-carousel{opacity: 1; transition-delay: 0.5s; transition-duration: 1s; opacity: 1;}


#contents .section.t6 .cm_content .text_area{opacity: 0;}
#contents .section.t6.fp-completely .cm_content .text_area{opacity: 1;  transition-duration: 1s; opacity: 1;}

#contents .section.t6 .cm_content .boxcons_fex{opacity: 0;}
#contents .section.t6.fp-completely  .cm_content .boxcons_fex{opacity: 1; transition-delay: 0.5s; transition-duration: 0.5s; opacity: 1;}




#contents .section.t5.fp-completely .cm_content h2:first-of-type{transform: translateY(0); opacity: 1;  transition-duration: 1s; opacity: 1; }
#contents .section.t5.fp-completely .cm_content h2:last-of-type{transform: translateY(0); opacity: 1;  transition-duration: 1.2s; opacity: 1; }

#contents .section.t7 .text_area{opacity: 0; transform: translateY(20px);}
#contents .section.t7.fp-completely .text_area{transform: translateY(0); opacity: 1;  transition-duration: 1s; opacity: 1; }

#contents .section.t7 .map_box{opacity: 0; transform: translateY(20px);}
#contents .section.t7.fp-completely .map_box{transform: translateY(0); opacity: 1; transition-delay: 0.5s; transition-duration: 1.2s; opacity: 1; }





#contents .section.t1 .text_ani_pp span{position: relative; overflow: hidden; display: inline-block;}
#contents .section.t1 .text_ani_pp span::after{transform: translateX(-101%);content: ""; width: 100%; height: 100px; overflow: hidden; background-color: #1ffdf557;}
#contents .section.t1.active.fp-completely .text_ani_pp span::after{background-color: #1ffdf557; position: absolute; left: 0; content: ""; width: 100%; height: 100px; z-index: -1; transition: all 2s; transform: translateX(0); transition-delay: 3s; transition-duration: 3.5s;}






#contents .section.t1 .text_ani_pp2 span{position: relative; overflow: hidden; display: inline-block;}
#contents .section.t1 .text_ani_pp2 span::after{content: ""; width: 100%; height: 0; overflow: hidden; background-color: #1ffdf557;  position: absolute; left: 0; bottom: 0; transition: all 0,5s;}
#contents .section.t1.active.fp-completely .text_ani_pp2 span::after{background-color: #1ffdf557; position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 35%; z-index: -1; transition: all 2s;  transition-delay: 6s; transition-duration: 1.5s;}

#contents .section.t1 .text_ani_pp3{position: relative; overflow: hidden; display: inline-block; width: auto;}
#contents .section.t1 .text_ani_pp3::after{transform: translateX(-101%); content: ""; width: 100%; height: 35%; overflow: hidden; background-color: #1ffdf557;  position: absolute; left: 0; bottom: 0; }
#contents .section.t1.active.fp-completely .text_ani_pp3::after{transform: translateX(0); background-color: #1ffdf557; position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 35%; z-index: -1; transition: all 2s;  transition-delay: 3s; transition-duration: 1.5s;}

#contents .section.t1 .text_ani_pp4{position: relative; overflow: hidden; display: inline-block; width: auto;}
#contents .section.t1 .text_ani_pp4::after{transform: translateX(-101%); content: ""; width: 100%; height: 35%; overflow: hidden; background-color: #1ffdf557;  position: absolute; left: 0; bottom: 0; }
#contents .section.t1.active.fp-completely .text_ani_pp4::after{transform: translateX(0); background-color: #1ffdf557; position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 35%; z-index: -1; transition: all 2s;  transition-delay: 4s; transition-duration: 1.5s;}



#contents .section.t4 .text_ani_pp3{position: relative; overflow: hidden; display: inline-block; width: auto;}
#contents .section.t4 .text_ani_pp3::after{transform: translateX(-101%); content: ""; width: 100%; height: 35%; overflow: hidden; background-color: #1ffdf557;  position: absolute; left: 0; bottom: 0; }
#contents .section.t4.active.fp-completely .text_ani_pp3::after{transform: translateX(0); background-color: #1ffdf557; position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 35%; z-index: -1; transition: all 2s;  transition-delay: 3s; transition-duration: 1.5s;}


#contents .section.t5 .text_ani_pp3{position: relative; overflow: hidden; display: inline-block; width: auto;}
#contents .section.t5 .text_ani_pp3::after{transform: translateX(-101%); content: ""; width: 100%; height: 35%; overflow: hidden; background-color: #1ffdf557;  position: absolute; left: 0; bottom: 0; }
#contents .section.t5.active.fp-completely .text_ani_pp3::after{transform: translateX(0); background-color: #1ffdf557; position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 35%; z-index: -1; transition: all 2s;  transition-delay: 3s; transition-duration: 1.5s;}

#contents .section.t6 .text_ani_pp3{position: relative; overflow: hidden; display: inline-block; width: auto;}
#contents .section.t6 .text_ani_pp3::after{transform: translateX(-101%); content: ""; width: 100%; height: 35%; overflow: hidden; background-color: #1ffdf557;  position: absolute; left: 0; bottom: 0; }
#contents .section.t6.active.fp-completely .text_ani_pp3::after{transform: translateX(0); background-color: #1ffdf557; position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 35%; z-index: -1; transition: all 2s;  transition-delay: 3.5s; transition-duration: 1.5s;}


#contents .section.t7 .text_ani_pp3{position: relative; overflow: hidden; display: inline-block; width: auto;}
#contents .section.t7 .text_ani_pp3::after{transform: translateX(-101%); content: ""; width: 100%; height: 35%; overflow: hidden; background-color: #1ffdf557;  position: absolute; left: 0; bottom: 0; }
#contents .section.t7.active.fp-completely .text_ani_pp3::after{transform: translateX(0); background-color: #1ffdf557; position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 35%; z-index: -1; transition: all 2s;  transition-delay: 3.5s; transition-duration: 1.5s;}

#contents .section.t8 .text_ani_pp3{position: relative; overflow: hidden; display: inline-block; width: auto;}
#contents .section.t8 .text_ani_pp3::after{transform: translateX(-101%); content: ""; width: 100%; height: 35%; overflow: hidden; background-color: #1ffdf557;  position: absolute; left: 0; bottom: 0; }
#contents .section.t8.active.fp-completely .text_ani_pp3::after{transform: translateX(0); background-color: #1ffdf557; position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 35%; z-index: -1; transition: all 2s;  transition-delay: 3.5s; transition-duration: 1.5s;}



.bg_control_text{
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  inset: 0 0 0 0;
  background: #dee0ee;
  z-index: -1;
  transform: scaleX(0);
  transform-origin: bottom right;
}

.bg_control_text2{
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  inset: 0 0 0 0;
  background: #dee0ee;
  z-index: -1;
  transform: scaleX(0);
  transform-origin: bottom right;
}


#contents .section.t4 .cm_content p > span{position: relative; background-color: #1ffdf557;}


.fp-scroll-mac.fp-viewing-CONTACT #aside .a_family{display: none;}
.fp-viewing-CONTACT #aside .a_family{display: none;}

div[style*="z-index:9999999 !important"] {
  display: none !important;
}

.cm_content #send_form{display: flex;}



@media all and (max-width:1440px) {
  .cm_content #send_form{display: flex;  flex-direction: column;}
  

}