@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html,body{height: 100%;position: relative; font-family:'Pretendard',sans-serif;}
.wrap.main{height: 100%;position: relative;overflow: hidden; background:#212121;}
:root{
  --vis-t-base: 1s;      
  --vis-t-slow: 1.1s;    
  --vis-t-fast: 0.6s;    
  --vis-t-text: 0.8s;    

  --vis-d-clip: 2s;      
  --vis-d-clip-before: 2.6s;
  --vis-d-bg: 2s;           
  --vis-d-dim: 2.5s;        
  --vis-d-logo: 2.5s;       
}

/* 리사이즈 중 transition 끄기 */
body.resizing .vis,
body.resizing .vis *{ transition: none !important;}

.vis{ height: 100%; position: relative; overflow: hidden; opacity: 0; transform: scale(1.2); transition: var(--vis-t-slow);}
.vis .box{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.vis .lef{clip-path: inset(0 50% 0 0);}
.vis .rig{clip-path: inset(0 0 0 50%);}
.vis .box .clip{ height: 100%; position: relative; transition: var(--vis-t-base); transition-delay: var(--vis-d-clip);}
.vis .lef .clip{clip-path: inset(0vh calc(50vw - 1px) 0vh 0vw round 0.5208vw 0 0 0.5208vw);}
.vis .rig .clip{clip-path: inset(0vh 0vw 0vh calc(50vw - 1px) round 0 0.5208vw 0.5208vw 0);}
.vis .box .clip::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; transition-delay: var(--vis-d-clip-before);}
.vis .box a{ display: block; height: 100%; position: relative;}
.vis .box .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: var(--vis-t-base); transition-delay: var(--vis-d-bg);}
.vis .box .bg span{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(1); transition: var(--vis-t-base);}
.vis .box .bg span::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/vis-bg-new.jpg?v=1) no-repeat center / cover; transition: var(--vis-t-base); transition-delay: var(--vis-d-bg);}
.vis .box .bg em{ display: block; position: absolute; top: 50%; width: calc(50% - 3.6458vw); height: calc(100% - 16.43vh); background: no-repeat center / cover; opacity: 0; transform: translateY(-50%) scale(1.1); transition: var(--vis-t-base);}
.vis .lef .bg em{left: 3.6458vw; background-image: url(../images/vis-ho3-v3.jpg?ver=1);}
.vis .rig .bg em{right: 3.6458vw; background-image: url(../images/vis-ho4-v3.jpg?ver=1);}
.vis .box .bg::before { content:''; position:absolute; top:0; bottom:0; width:50%; background:rgba(0,0,0,0.5); z-index:-1; opacity:0; transition: opacity var(--vis-t-text), background var(--vis-t-text);  transition-delay: var(--vis-d-bg), 0s;}
.vis .lef .bg::before { left:0;}
.vis .rig .bg::before { right:0;}
.vis .box .bg::after{ content: ""; position: absolute; bottom: 0; width: 50%; height: calc(100% - calc(-7vh + 9vw)); background: url(../images/dim.png) no-repeat center bottom / cover; opacity: 0; transform: translate(0,30%); transition: var(--vis-t-slow); transition-delay: var(--vis-d-dim);}
.vis .lef .bg::after{left: 0;}
.vis .rig .bg::after{right: 0;}
.vis .box .logo{ position: absolute; bottom: 7.0313vw; opacity: 0; transform: translate(30%,0); transition: var(--vis-t-base); transition-delay: var(--vis-d-logo);}
.vis .lef .logo{left: 6.7708vw;}
.vis .rig .logo{left: 53.6458vw;}
.vis .box .arr{ position: absolute; bottom: 7.8125vw; width: clamp(40px,2.6042vw,50px); height: clamp(40px,2.6042vw,50px); border-radius: 50%; 
background: #fff url(../images/arr-icon.png?ver=2) no-repeat center / auto; opacity: 0; transform: rotate(-90deg) scale(0.3); transition: var(--vis-t-fast);}
.vis .lef .arr{right: 55.3125vw;}
.vis .rig .arr{right: 8.3333vw;}
.vis .txt{ position: absolute; top: 20%; right: 9.1146vw; z-index: 1; pointer-events: none; transition: var(--vis-t-text); transition-delay: 1.8s; text-align: left; line-height: 1;}
.vis .txt .t1{ font-family: "Marcellus", serif; color: #fff; font-size: 2.9688vw; letter-spacing: -0.005em; overflow: hidden;}
.vis .txt .t1 span{ display: block; transform: translate(0,105%); transition: var(--vis-t-text); transition-delay: 0.6s;}
.vis .txt .t2{ color: #fff; font-size: 1.6146vw; letter-spacing: -0.02em; overflow: hidden; margin-top: 0.75vw; font-weight: 400;}
.vis .txt .t2 span{ display: block; transform: translate(0,105%); transition: var(--vis-t-text); transition-delay: 0.8s;}
.vis .txt .t2 b{font-weight: 600;}
.vis .txt .t3{overflow: hidden; margin-top: 1.875vw;}
.vis .txt .t3 span{ display: block; transform: translate(0,110%); transition: var(--vis-t-text); transition-delay: 1s;}
.vis .box a:hover .bg span{transform: scale(1);}
.vis .box a:hover .bg em {opacity:1; transform:translateY(-50%) scale(1);}
.vis .box a:hover .arr{opacity: 1; transform: none;}
.vis .box a:hover .bg::before { background:rgba(0,0,0,0); transition-delay:0s;}

.open .vis,
.open .vis .txt .t1 span,
.open .vis .txt .t2 span,
.open .vis .txt .t3 span,
.open .vis .box .bg::after,
.open .vis .box .logo{opacity: 1; transform: none;}

.open .vis .txt{opacity: 0; transform: translate(0,-30%);}
.open .vis .box .bg::before { opacity:1; z-index:1;}
.open .vis .lef .clip{clip-path: inset(8.215vh 50vw 8.215vh 3.6458vw round 0.5208vw 0 0 0.5208vw);}
.open .vis .rig .clip{clip-path: inset(8.215vh 3.6458vw 8.215vh 50vw round 0 0.5208vw 0.5208vw 0);}
.open .vis .box .clip::before{z-index: -1;}
/*.open .vis .box .bg{transform: translate(0,calc(3.5vh - 4.5vw)) scale(1);}*/
.open .vis .box .bg{transform: translate(0) scale(1);}
.open .vis .box .bg span::before{background-position: center bottom;}

/* 반응형 */
@media all and (max-aspect-ratio: 17/10){
  .vis .txt{position: absolute; top: 20%; right: 1.5vw;}
  .vis .txt .t1{font-size: 3vw; font-family: "Marcellus", serif;}
  .vis .txt .t2{font-size: 2.8vw; margin-top: 1vw; line-height: 1.3;}
  .vis .txt .t2 b{display: block;}
  .vis .txt .t3{font-size: 1.8vw; margin-top: 1.5vw;  max-width: 70%;}
  .vis .box .logo{width: 16vw; bottom: 8vw;}
  .vis .box .arr{width: 3.3vw; height: 3.3vw; background-size: 40%;}

  .vis .box .bg::before { width:calc(50% + 1px);}
  .vis .box .bg span::before { background-position:right -7vw bottom;}
}

@media all and (max-aspect-ratio: 13/10){
  .vis .txt{position: absolute; top: 20%; right: 2.5vw;}
  .vis .txt .t1{font-size: 3vw; font-family: "Marcellus", serif;}
  .vis .txt .t2{font-size: 2.8vw; margin-top: 1.3vw; line-height: 1.2;}
  .vis .txt .t2 b{display: block;}
  .vis .txt .t3{font-size: 2.3vw; margin-top: 2vw;}
  .vis .box .logo{width: 18vw; bottom: 9vw;}
  .vis .lef .logo{left: 8vw;}
  .vis .rig .logo{left: 54vw;}
  /*.vis .box .bg em,
  .vis .box .bg::after{height: calc(100% - calc(-8vh + 10.5vw));}
  .vis .box .bg span{transition: 1.2s; transition-delay: 2.6s;}
  .vis .box .bg em{transition: 1.2s; transition-delay: 2.6s;}
  .vis .box .arr{ width: 4vw; height: 4vw; bottom: 9vw; transition-delay: 3s; background-size: 40%;}
  .vis .lef .arr{right: 55vw;}
  .vis .rig .arr{right: 9vw;}
  .vis .box .bg span::before { background-position:center;}

  .open .vis .lef .clip{clip-path: inset(6vw 51vw 6vw 5vw round 1vw);}
  .open .vis .rig .clip{clip-path: inset(6vw 5vw 6vw 51vw round 1vw);}
  .open .vis .box .bg{transform: translate(0, calc(4.5vh - 5.5vw)) scale(0.91);}
  .open .vis .box .arr{opacity: 1; transform: none;}
  .open .vis .box .bg span{transform: scale(1.1); opacity: 0;}
  .open .vis .box .bg em{opacity: 1; transform: none;}*/
}

@media all and (max-aspect-ratio: 1/1){
  .vis .txt{width: 100%; right: 0; text-align: center; top: 10%;}
  .vis .txt .t1{font-size: 3.8vw;}
  .vis .txt .t2{font-size: 3.5vw; margin-top: 1.6vw; line-height: 1.3;}
  .vis .txt .t2 b{display: block;}
  .vis .txt .t3{font-size: 2.8vw; max-width: 30vw; margin: 2.3vw auto;}
  .vis .lef{clip-path: inset(0 0 calc(50% - 1px) 0);}
  .vis .rig{clip-path: inset(calc(50% - 1px) 0 0 0);}
  .vis .lef .clip{clip-path: inset(0 0 calc(50% - 1px) 0 round 2vw);}
  .vis .rig .clip{clip-path: inset(calc(50% - 1px) 0 0 0 round 2vw);}
  .vis .box .bg::before { display:none;}
  .vis .box .bg em{width: 100%; height: 49%; transform:none; opacity:1; transform:none;}
  .vis .lef .bg em{ left:0; bottom: auto; top: 0; background-image: url(../images/mvis-ho3.jpg?ver=1); opacity:1;}
  .vis .rig .bg em{ right:0; background-image: url(../images/mvis-ho4.jpg?ver=1);}
  .vis .box .bg::after{ width: 100%; height: 49%; background-image: url(../images/m-dim.png); }
  .vis .lef .bg::after{bottom: auto; top: 0;}
  .vis .box .bg span::before{ background-image: url(../images/vis-bg.jpg); background-position: center bottom;}
  .vis .box .bg span{transition: 1s; transition-delay: 2.1s;}
  .vis .box .bg em{transition: 1s; transition-delay: 2.1s;}
  .vis .box .logo{width: 25vw; left: 10vw; transition-delay:0s;}
  .vis .lef .logo{bottom: 56%;}
  .vis .rig .logo{bottom: 9%;}
  .vis .box .arr{width: 6vw; height: 6vw; right: 10%; background-size: 40%; transition-delay:0s;}
  .vis .lef .arr{bottom: 56%;}
  .vis .rig .arr{bottom: 9%;}
  
  .vis .lef .clip{clip-path: inset(5% 5% 52% 5% round 2vw);}
  .vis .rig .clip{clip-path: inset(52% 5% 5% 5% round 2vw);}
  .vis .box .bg{transform: scale(1);}
  .open .vis .lef .clip{clip-path: inset(5% 5% 52% 5% round 2vw);}
  .open .vis .rig .clip{clip-path: inset(52% 5% 5% 5% round 2vw);}
  .open .vis .box .bg{transform: scale(1);}
  
  .vis .txt,
  .vis .box .bg span { display:none;}
  .vis,
  .vis .txt .t1 span,
  .vis .txt .t2 span,
  .vis .txt .t3 span,
  .vis .box .bg::after,
  .vis .box .logo{opacity: 1; transform: none;}
  .vis .box .bg::before { opacity:0; z-index:-1;}
}

@media all and (max-aspect-ratio: 6/10){
  .vis .txt{width: 100%; right: 0; text-align: center; top: 8%;}
  .vis .txt .t1{font-family: "Marcellus", serif; font-weight: 600; font-size: 5.5556vw;}
  .vis .txt .t2{font-weight: 600; font-size: 5.2vw; margin-top: 2.7778vw;}
  .vis .txt .t3{font-size: 4.1667vw; margin-top: 4.2vw; max-width: 50%;}
  .vis .box .bg::before { display:none;}
  .vis .box .bg em {top:auto; transition-delay:0s; opacity:1; transform:none;}
  .vis .box .bg em,
  .vis .box .bg::after{left: 5%; width: 90%; height: calc(50% - 7.7778vw);}
  .vis .lef .bg em,
  .vis .lef .bg::after{top: 5vw;}
  .vis .rig .bg em,
  .vis .rig .bg::after{bottom: 5vw;}
  .vis .box .logo{width: 40.2778vw; left: 11.1111%;}
  /*.vis .lef .logo,
  .vis .lef .arr{bottom: calc(50% + 6.9444vw);}*/
  .vis .lef .logo,
  .vis .lef .arr{bottom: calc(50% + 7.9444vw); transition-delay:0s;}
  .vis .rig .logo,
  .vis .rig .arr{bottom: 9.7222vw;; transition-delay:0s;}
  .vis .box .arr{width: 6.9444vw; height: 6.9444vw; right: 9.7222%; background-size: 35%;}
	
  .vis .box .bg span { display:none;}
  .vis .txt{opacity: 0; transform: translate(0,-30%);}
  .vis .lef .clip{clip-path: inset(5vw 5vw calc(50% + 2.7778vw) 5vw round 1.3889vw);}
  .vis .rig .clip{clip-path: inset(calc(50% + 2.7778vw) 5vw 5vw 5vw round 1.3889vw);}
  .vis .box .bg{transform: none;}
  .vis .box .bg{transform: scale(1);}
	
  .vis .box a:hover .bg em { transform:none;}

  .open .vis .box .bg span { display:none;}
  .open .vis .txt{opacity: 0; transform: translate(0,-30%);}
  .open .vis .lef .clip{clip-path: inset(5vw 5vw calc(50% + 2.7778vw) 5vw round 1.3889vw);}
  .open .vis .rig .clip{clip-path: inset(calc(50% + 2.7778vw) 5vw 5vw 5vw round 1.3889vw);}
  .open .vis .box .bg{transform: none;}
  .open .vis .box .bg{transform: scale(1);}

  .vis,
  .vis .txt .t1 span,
  .vis .txt .t2 span,
  .vis .txt .t3 span,
  .vis .box .bg::after,
  .vis .box .logo{opacity: 1; transform: none;}
  .vis .box .bg::before { opacity:0; z-index:-1;}
}

@media screen and (max-height: 625px) {
	.vis .box a:hover .bg em { transform:none;}
}

/*sub*/
.content{padding: 8vw 0 10vw;}
.content.pb_none{padding-bottom:0;}
.fit_in{padding: 0 7vw;}
.con_box{margin-top:4.1667vw;}
.inner{position:relative;margin: 0 auto;}
.in_1600{width:86vw;max-width:1600px;}
.in_1400{width:74vw;max-width:1400px;}
.sub_tit p{color:#363e41;font-size:2.4479vw;font-family: 'RixHeadB';font-weight: 600;line-height:1.43em;overflow:hidden;}
.sub_tit .small{font-size:1.8vw;}
.sub_tit p span{display:block;transform:translate(0,100%);transition:0.8s;}
.sub_tit.active p span{transform:none;}
.sub_ori{padding-top:1.6vw; display: flex; justify-content: flex-start;text-align:left;}
.sub_ori p{color:#999;font-size:0.6771vw;letter-spacing:-0.025em;padding-left:1.2vw;background:url(../images/ori-icon.png) no-repeat left center/contain;opacity:0;transform:translate(0,300%);transition:0.6s;}
.sub_ori p.none{background: none;}
.sub_ori p~p{padding-left: 0;}
.sub_ori.active p{opacity:1;transform:none;}
.scr_box{position:relative;}
@media all and (max-aspect-ratio: 17/10){
	.content{padding: 16vw 0 12vw;}
	.con_box{margin-top: 7vw;}
	.sub_tit p{font-size: 3vw;}
	.sub_tit .small{font-size:2.2vw;}
    .sub_ori{flex-direction: column;padding-top:3vw;}
	.sub_ori p{font-size:1.1vw;padding-left: 2.5vw;}
	.sub_ori p ~ p{padding-left: 2.5vw; margin-top: 0.6vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.content{padding: 20vw 0 15vw;}
	.in_1600,
	.in_1400{width:100%;}
	.sub_tit p{font-size: 3.4vw;}
	.sub_tit .small{font-size:2.5vw;}
	.sub_ori{padding-top:5vw;}
	.sub_ori p{font-size:1.3vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.content{padding: 25vw 0;}
	.fit_in{padding: 0 8vw;}
	.con_box{margin-top:12vw;}
	.sub_tit p{font-size: 4vw;}
	.sub_tit .small{font-size:3vw;}
	.sub_ori{padding-top:8vw;flex-direction: column;}
	.sub_ori p{font-size:1.6vw;padding-left:2.6vw;}
	.sub_ori p ~ p{padding-left: 2.4vw !important; margin-top: 0.8vw;}
	.scr_box{overflow-x:auto;overflow-y:hidden;}
}
@media (max-aspect-ratio: 6 / 10){
	.content{padding: 30vw 0;}
	.fit_in{padding: 0 5.5556vw;}
	.con_box{margin-top:12vw;}
	.sub_tit p{font-size:6vw;}
	.sub_tit .small{font-size:4.5vw;}
	.sub_ori{padding-top: 10vw; flex-direction: column; display: block;}
	.sub_ori p{font-size: 2.5vw;padding-left: 4vw; display: inline;}
	.sub_ori p.none {padding-left: 2px !important;}
	.sub_ori p ~ p{padding-left: 4vw !important; margin-top: 1.2vw;}
}

.sub_tab{background-color:#fff;z-index: 10;}
.sub_tab .m{display:none;}
.sub_tab .line{display:flex;align-items:flex-end;justify-content:space-between;position:relative;}
.sub_tab .line::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#eaeaea;transform:scaleX(0);transform-origin: 0 0;transition:1s;}
.sub_tab .tit{padding-bottom:1.5vw;}
.sub_tab .tit strong{display:block;overflow:hidden;color:#000;font-size:2.0833vw;font-family: 'RixHeadB';font-weight:600;line-height:1.4em;}
.sub_tab .tit strong em{display:block;transform:translate(0,100%);transition:0.6s;}
.sub_tab ul{display:flex;gap: 0 2.0833vw;overflow:hidden;}
.sub_tab ul li{opacity:0;transform:translate(0,100%);transition:0.8s;transition-delay:0.4s;}
.sub_tab ul li a{display:block;padding-bottom:2vw;position:relative;}
.sub_tab ul li a::before{content:"";position:absolute;left:0;bottom:0;width:100%;background-color:#000;height:0.2083vw;min-height:4px;transform:scaleX(0);transition:0.4s;}
.sub_tab ul li a span{display:block;color:#4b5055;font-size:0.9375vw;padding:0 0.7813vw;font-family: 'RixHeadM';}
.sub_tab ul li.active a span{color:#000;}
.sub_tab ul li.active a::before,
.sub_tab ul li a:hover::before,
.sub_tab.active .tit strong em,
.sub_tab.active ul li{opacity:1;transform:none;}
.sub_tab.active .line::after{transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.sub_tab .tit{padding-bottom: 2vw;}
	.sub_tab .tit strong{font-size: 2.8vw;}
	.sub_tab ul li a{padding-bottom:2vw;}
	.sub_tab ul li a span{font-size:1.4vw;padding: 0 1vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.sub_tab .tit strong{font-size: 3vw;}
	.sub_tab ul li a span{font-size: 1.6vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.sub_tab .line{display:block;}
	.sub_tab .line.cen ul{justify-content:center;gap: 0 1vw;}
	.sub_tab .tit{padding-bottom: 6vw;}
	.sub_tab .tit strong{font-size: 3.8vw;}
	.sub_tab ul{justify-content:flex-end;}
	.sub_tab ul li a{padding-bottom: 3vw;}
	.sub_tab ul li a span{font-size: 2.2vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.sub_tab .m{display:block;}
	.sub_tab .tit{padding-bottom: 9vw;}
	.sub_tab .tit strong{font-size: 5.5vw;}
	.sub_tab ul{flex-wrap:wrap;gap: 3vw 2vw;}
	.sub_tab ul li a{padding-bottom: 5vw;}
	.sub_tab ul li a span{font-size:3.4vw;padding: 0 2vw;}
	/*.sub_tab .line.cen ul{justify-content:space-between;}*/
	.sub_tab .line.cen ul{gap:6vw;}
	.sub_tab .line.justify-content-center ul{justify-content: center;}
	.sub_tab .line.cen ul li a span{padding:0;font-size: 2.9vw;}

	.sub_tab.one ul{flex-wrap:nowrap;gap: 3vw 2vw;}
	.sub_tab.one ul li a{padding-bottom: 3vw; text-align:center;}
	.sub_tab.one ul li a span{font-size:3.4vw;padding: 0 6vw; line-height:1.3;}
}

.tab_area{opacity:0;transform:translate(0,105%);transition:0.6s;transition-delay:0.3s;}
.tab_area ul{display:flex;flex-wrap:wrap; justify-content:center;}
.tab_area ul li{text-align:center;cursor:pointer;background-color:#f4f6f9;outline:1px solid #d2dce6;color:#363e41;letter-spacing:-0.05em;font-size:0.8333vw;line-height:1.3em;padding: 0.82vw 0;transition:0.3s;}
.tab_area.t2 ul li{width:50%;}
.tab_area.t3 ul li{width:33.33%;}
.tab_area.t4 ul li{width:25%;}
.tab_area.t5 ul li{width:20%;}
.tab_area.t6 ul li{width:16.666%;}
.tab_area.t7 ul li{flex:1;}
.tab_area ul li.on{color:#fff;background-color:#363e41;outline-color:#363e41;}
.tab_con > ul > li{display:none;}
.tab_con > ul > li.on{display:block;}
.active .tab_area{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.tab_area ul li{font-size:1.2vw;padding: 1.1vw 0;}
}
@media all and (max-aspect-ratio: 12/10){
	.tab_area ul li{font-size:1.5vw;padding: 1.6vw 0;}
}
@media all and (max-aspect-ratio: 1/1){
	.tab_area ul li{font-size:2vw;padding: 2vw 0;}
}
@media all and (max-aspect-ratio: 6/10){
	.tab_area ul li{font-size: 2.8vw; padding: 2vw 5px;}
	.tab_area.t5 ul li {width:33.33%;}
	.tab_area.t5 ul li:nth-child(4),
	.tab_area.t5 ul li:nth-child(5)	{width:50%;}
	.tab_area.t6 ul li{width:33.33%;}
	.tab_area.t7 ul li{width:25%; flex:auto;}
}

.banner { margin-bottom: 4.1667vw; opacity: 0; transform: translate(0px, 20%); transition: 0.8s; }
.banner ._tb, .banner ._mo { display: none; }
.sub_event .event_ori { text-align: center; color: rgb(54, 62, 65); font-size: 1.0417vw; line-height: 1.5em; letter-spacing: -0.05em; margin: 3vw 0px 4vw; }
.sub_event .event_ori p { overflow: hidden; }
.sub_event .event_ori p span { display: block; transform: translate(0px, 100%); transition: 0.8s; }
.sub_event .event_list { display: flex; gap: 0px 4%; }
.sub_event .event_list .tbl_box { width: 48%; opacity: 0; transform: translate(0px, 5vw); transition: 0.8s; }
.sub_event .event_list .tbl_box:nth-child(1) { transition-delay: 0.1s; }
.sub_event .event_list .tbl_box:nth-child(2) { transition-delay: 0.2s; }
.sub_event .event_list .tbl_box .name { color: rgb(54, 62, 65); font-size: 1.0417vw; margin-bottom: 1vw; text-align: center; font-weight: 600; }
.sub_event .event_list .tbl_box .name em { font-weight: 500; }
.sub_event .event_list table { width: 100%; }
.sub_event .event_list table th { text-align: center; color: rgb(255, 255, 255); font-size: 0.8333vw; background-color: rgb(75, 80, 85); line-height: 2.81em; border: 1px solid rgb(204, 204, 204); }
.sub_event .event_list table td { text-align: center; color: rgb(54, 62, 65); font-size: 0.8333vw; line-height: 2.81em; border: 1px solid rgb(204, 204, 204); }
.banner.active, .sub_event .event_ori.active p span, .sub_event .event_list.active .tbl_box { opacity: 1; transform: none; }
@media (max-aspect-ratio: 17 / 10) {
  .sub_event .event_ori { font-size: 1.5vw; margin: 5vw 0px; }
  .sub_event .event_list { gap: 0px 2%; }
  .sub_event .event_list .tbl_box { width: 49%; }
  .sub_event .event_list .tbl_box .name { font-size: 1.2vw; }
  .sub_event .event_list table th, .sub_event .event_list table td { font-size: 1.2vw; }
}
@media (max-aspect-ratio: 12 / 10) {
  .banner ._pc { display: none; }
  .banner ._tb { display: block; }
  .sub_event .event_ori { font-size: 2vw; margin: 7vw 0px; }
  .sub_event .event_list .tbl_box .name { font-size: 1.5vw; margin-bottom: 2vw; }
  .sub_event .event_list table th, .sub_event .event_list table td { font-size: 1.5vw; }
}
@media (max-aspect-ratio: 1 / 1) {
  .banner ._tb { display: none; }
  .banner ._mo { display: block; }
  .sub_event .event_ori { font-size: 2.5vw; margin: 9vw 0px; }
  .sub_event .event_list { display: block; }
  .sub_event .event_list .tbl_box { width: 100%; }
  .sub_event .event_list .tbl_box ~ .tbl_box { margin-top: 7vw; }
  .sub_event .event_list .tbl_box .name { font-size: 2.4vw; }
  .sub_event .event_list table th, .sub_event .event_list table td { font-size: 2vw; }
}
@media (max-aspect-ratio: 6 / 10) {
  .sub_event .event_ori { font-size: 4vw; margin: 10vw 0px; }
  .sub_event .event_list .tbl_box ~ .tbl_box { margin-top: 10vw; }
  .sub_event .event_list .tbl_box .name { font-size: 3.6vw; margin-bottom: 3vw; }
  .sub_event .event_list table th, .sub_event .event_list table td { font-size: 3.3vw; }
}

/*customer*/
.bo_tbl table{border-top: 1px solid #333;width: 100%;table-layout: fixed;}
.bo_tbl table .col1{width:20%;}
.bo_tbl table tr th{padding: 1.3021vw 0 1.3021vw 2.0833vw;border-bottom: 1px solid #e5e5e5;font-size: 0.9375vw;font-weight: 400;color: #333;text-align: left;}
.bo_tbl table tr td{padding: 0.7813vw 0;border-bottom: 1px solid #e5e5e5;}
.bo_tbl table tr td > div{display: flex;gap: 0.5208vw 0;align-items: center;flex-wrap: wrap;}
.bo_tbl table tr td > div ~ div{margin-top:0.5208vw;}
.bo_tbl table tr td input[type="text"]{padding: 0 1.0417vw;border: none;outline: none;width:100%;max-width: 33vw;height: 2.6042vw;background-color: #f0f0f0;font-size: 0.8333vw;color: #222;}
.bo_tbl table tr td #hp2,
.bo_tbl table tr td #hp3{max-width: 10vw;}
.bo_tbl table tr td select{padding: 0 1.0417vw;border: none;outline: none;width: 100%;max-width: 10vw;height: 2.6042vw;background: #f0f0f0 no-repeat 90% 52%;font-size: 0.8333vw;color: #222;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.bo_tbl table tr td select ~ select{margin-left: 0.5208vw;}
.bo_tbl table tr td em{margin: 0 0.5vw;font-size: 0.9vw;color: #222;}
.bo_tbl table tr td input:focus,
.bo_tbl table tr td select:focus{border: 1px solid #35343a;background: #fff;}
.bo_tbl table tr td span{display: flex;align-items:center;}
.bo_tbl table tr td label{margin-right:1.2vw;margin-left:0.3vw;font-size:0.8333vw;color:#222;}
.bo_tbl table tr td .ps_ori{margin-top: 0.5208vw;font-size: 0.7292vw;}
.terms{margin-top: 3.125vw;}
.terms dl{margin-bottom: 1.3021vw;}
.terms dl dt{margin-bottom: 0.5208vw;font-size: 1.0417vw;font-weight: 600;color: #333;}
.terms dl dd{font-size: 0.8333vw;line-height: 1.3em;color: #666;}
.terms table{margin-bottom: 3.125vw;border-top: 1px solid #707070;width: 100%;table-layout: fixed;}
.terms table th{padding: 0.7813vw 0;border-bottom: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;vertical-align: middle;font-size: 0.7292vw;font-weight: 600;color: #666;}
.terms table td{padding: 0.7813vw 0 0.7813vw 1.5625vw;border-bottom: 1px solid #d5d5d5;font-size: 0.7292vw;line-height: 1.4em;color: #666;}
.terms table.type2 th:last-child{border-right: none;}
.terms table.type2 td{padding: 0.7813vw 0;border-right: 1px solid #d5d5d5;text-align: center;word-break: break-all;}
.terms table.type2 td:last-child{border-right: none;}
.terms table.type3 td{padding: 1.0417vw 0;border-right: 1px solid #d5d5d5;text-align: center;}
.terms table.type3 th:last-child{border-right: none;}
.terms table.type3 td:last-child{border-right: none;}
.terms table.type3 td p{line-height:1.4em;}
.terms table.type3 td p ~ p{margin-top:0.2604vw;}
.agree > div{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0.7813vw;padding: 1.5625vw 2.0833vw;background-color: #f5f5f5;}
.agree p{font-size: 0.9375vw;line-height: 1.2em;color: #333;}
.agree p span{font-size:0.7292vw;}
.agree .chk{display:flex;align-items:center;}
.agree .chk span{font-size: 0.7292vw;}
.agree ul{display: flex;}
.agree ul li ~ li{margin-left: 1.0417vw;}
.agree ul li label{display:flex;align-items:center;}
.agree ul li span{padding-left: 0.2604vw;font-size:0.8333vw;}
.btn_area{margin-top: 2.6042vw;}
.btn_area.cen{text-align:center;}
.btn_area ul{display: flex;align-items:center;justify-content:center;gap:0 0.5vw;}
.btn_area ul li.black button,
.btn_area ul li.black a{background-color: #353535;color: #fff;}
.btn_area ul li.black button:hover,
.btn_area ul li.black a:hover{border: 1px solid #353535;background-color: #fff;color: #353535;}
.btn_area ul li.white button,
.btn_area ul li.white a{border: 1px solid #353535;background-color: #fff;color: #353535;}
.btn_area ul li.white button:hover,
.btn_area ul li.white a:hover{background-color: #353535;color: #fff;}
.btn_area ul li button,
.btn_area ul li a{display: flex;align-items: center;justify-content: center;border: none;width: 8.3333vw;height:2.6042vw;font-size: 0.8333vw;font-weight: 600;transition: 0.3s;}
.event_banner{margin-bottom:4.1667vw;}
.event_banner .ban__t,
.event_banner .ban__m{display:none;}
@media all and (max-aspect-ratio: 17/10){
	.bo_tbl table tr th{font-size:1.2vw;padding: 2vw;}
	.bo_tbl table tr td{padding: 1vw 0;}
	.bo_tbl table tr td input[type="text"]{height:3.4vw;padding: 0 1.5vw;font-size:1.1vw;}
	.bo_tbl table tr td select{height:3.4vw;padding: 0 1.5vw;font-size:1.1vw;}
	.bo_tbl table tr td em{font-size:1.1vw;}
	.bo_tbl table tr td select ~ select{margin-left:0.9vw;}
	.bo_tbl table tr td label{margin-right:2vw;margin-left: 0.5vw;font-size: 1.1vw;}
	.terms{margin-top:5vw;}
	.terms dl{margin-bottom:2vw;}
	.terms dl dt{font-size: 1.5vw;margin-bottom:0.8vw;}
	.terms dl dd{font-size:1.1vw;}
	.terms table{margin-bottom:5vw;}
	.terms table th{padding:1.5vw 0;font-size:1vw;}
	.terms table td{padding:1.5vw 0 1.5vw 3vw;font-size:1vw;}
	.terms table.type2 td{padding: 1.5vw 0;}
	.agree p{font-size:1.2vw;}
	.agree p span{font-size:1vw;}
	.agree ul li ~ li{margin-left:2vw;}
	.agree ul li span{font-size:1.1vw;padding-left: 0.5vw;}
	.btn_area{margin-top:4vw;}
	.btn_area ul{gap:0 1vw;}
	.btn_area ul li button,
	.btn_area ul li a{width: 12vw;height: 3.4vw;font-size:1.2vw;}
    .bo_tbl table tr td .ps_ori{font-size: 1vw;margin-top: 1vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.bo_tbl table tr th{font-size:1.5vw;}
	.bo_tbl table tr td input[type="text"],
	.bo_tbl table tr td select{font-size:1.5vw;height:4vw;}
	.bo_tbl table tr td input[type="text"]{max-width: 40vw;}
	.bo_tbl table tr td select,
	.bo_tbl table tr td #hp2,
	.bo_tbl table tr td #hp3{max-width: 12vw;}
	.bo_tbl table tr td em{font-size:1.5vw;margin: 0 0.6vw;}
	.bo_tbl table tr td > div{gap: 1vw 0;}
	.bo_tbl table tr td label{font-size:1.5vw;}
	.terms dl dt{font-size:2vw;margin-bottom:1vw;}
	.terms dl dd{font-size:1.4vw;}
	.terms table th,
	.terms table td{font-size:1.3vw;}
	.agree > div{padding: 2vw 3vw;}
	.agree p{font-size:1.5vw;}
	.agree p span{font-size:1.2vw;}
	.agree ul li span{font-size:1.4vw;}
	.btn_area ul li button, .btn_area ul li a{width:15vw;height:4vw;font-size:1.5vw;}
	.event_banner{margin-bottom:6vw;}
	.event_banner .ban__p{display:none;}
	.event_banner .ban__t{display:block;}
}
@media all and (max-aspect-ratio: 1/1){
	.bo_tbl table tr th{padding: 3vw 0 3vw 2vw;font-size: 1.8vw;}
	.bo_tbl table tr td{padding: 1vw 0;}
	.bo_tbl table tr td input[type="text"]{padding: 0 2vw;max-width: 50vw;height: 5vw;font-size: 1.8vw;}
	.bo_tbl table tr td select, .bo_tbl table tr td #hp2, .bo_tbl table tr td #hp3{max-width: 15vw;height: 5vw;font-size: 1.8vw;}
	.bo_tbl table tr td label{font-size:1.8vw;}
	.terms dl dt{font-size:2.4vw;}
	.terms dl dd{font-size:1.6vw;}
	.terms table th, .terms table td{font-size:1.5vw;}
	.agree p{font-size:1.8vw;}
	.agree p span{font-size:1.5vw;}
	.agree ul li span{font-size:1.6vw;}
	.btn_area{margin-top:6vw;}
	.btn_area ul{gap: 0 2vw;}
	.btn_area ul li{width:calc(45% - 1vw);}
	.btn_area ul li button, .btn_area ul li a{width:100%;height: 5vw;font-size: 1.8vw;}
    .bo_tbl table tr td .ps_ori{font-size: 1.8vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.bo_tbl table .col1{width:25%;}
	.bo_tbl table tr th{padding: 5vw 0 5vw 3vw;font-size:3.4vw;}
	.bo_tbl table tr td{padding: 3vw 0;}
	.bo_tbl table tr td input[type="text"]{padding:0 3vw;font-size:3.4vw;height:10vw;max-width:100%;width:100%;}
	.bo_tbl table tr td select, .bo_tbl table tr td #hp2, .bo_tbl table tr td #hp3{max-width:30%;height:10vw;font-size:3.4vw;padding:0 3vw;}
	.bo_tbl table tr td .lc select{max-width:32%;}
	.bo_tbl table tr td em{margin:0;width:5%;text-align:center;font-size:3vw;}
	.bo_tbl table tr td select ~ select{margin-left: 2%;}
	.bo_tbl table tr td label{font-size:3.4vw;margin-right: 4vw;margin-left: 1vw;}
	.bo_tbl table tr td > div{gap: 2vw 0;}
	.terms{margin-top:10vw;}
	.terms table{margin-bottom:10vw;}
	.terms dl{margin-bottom:5vw;}
	.terms dl dt{font-size:4vw;margin-bottom:2vw;}
	.terms dl dd{font-size:3vw;}
	.terms table th,
	.terms table td{font-size:3vw;line-height:1.4em;}
	.terms table th{padding:3vw 1vw;}
	.terms table td{padding:3vw 1vw 3vw 3vw;}
	.terms table.type2 td{padding:3vw 1vw;}
	.agree > div{padding: 4vw;margin-bottom:3vw;display:block;}
	.agree p{font-size:3.4vw;line-height: 1.3em;}
	.agree p span{font-size:3vw;}
	.agree ul{margin-top:3vw;}
	.agree ul li span{font-size:3.2vw;}
	.agree ul li ~ li{margin-left:5vw;}
	.btn_area{margin-top:10vw;}
	.btn_area ul li button, .btn_area ul li a{height:10vw;font-size:3.6vw;}
	.event_banner{margin-bottom:10vw;}
	.event_banner .ban__t{display:none;}
	.event_banner .ban__m{display:block;}
    .bo_tbl table tr td .ps_ori{font-size: 2.7vw;margin-top: 2vw;}
}


/* 사업개요 */
.sub_overview { margin-top: 5vw;}
.sub_overview .img{overflow:hidden;position:relative;}
.sub_overview .img::before{content:"";position:absolute;left:0;top:-1%;width:100%;height:51%;background-color:#fff;z-index:1;transform-origin: 0 0;transition:1.2s;}
.sub_overview .img::after{content:"";position:absolute;left:0;bottom:-1%;width:100%;height:51%;background-color:#fff;z-index:1;transform-origin: 0 100%;transition:1.2s;}
.sub_overview .img span{display:block;opacity:0;transform:scale(1.2);transition:1.2s;}
.sub_overview .info_tbl{margin-top:1.3021vw;display:flex;flex-wrap:wrap;margin-top:1.8229vw;justify-content:space-between;text-align:left;}
.sub_overview .info_tbl li{width:47.15%;padding: 1.8229vw 0 1.5625vw;position:relative;opacity:0;transform:translate(0,40%);transition:0.8s;}
.sub_overview .info_tbl li:nth-child(3),
.sub_overview .info_tbl li:nth-child(4){transition-delay:0.2s;}
.sub_overview .info_tbl li:nth-child(5),
.sub_overview .info_tbl li:nth-child(6){transition-delay:0.4s;}
.sub_overview .info_tbl li dl dt{margin-bottom:1.0417vw;color:#4b5055;font-size:0.8333vw;letter-spacing:-0.025em;}
.sub_overview .info_tbl li dl dd{color:#000;font-size:1.0417vw;letter-spacing:-0.05em;}
.sub_overview .info_tbl li dl dd p{display:flex; gap: 0 2vw;}
.sub_overview .info_tbl li dl dd em{font-size:0.8333vw;}
.sub_overview .info_tbl li::before{content:"";position:absolute;left:0;bottom:0;background-color:#ccc;width:100%;height:1px;}
.sub_overview .img.active::before,
.sub_overview .img.active::after{transform:scaleY(0);}
.sub_overview .img.active span,
.sub_overview .info_tbl.active li{opacity:1;transform:none;}
@media all and (max-aspect-ratio: 17/10){
	.sub_overview .info_tbl{margin-top: 3vw;}
	.sub_overview .info_tbl li{padding: 2vw 0;}
	.sub_overview .info_tbl li dl dt{margin-bottom: 1.4vw;font-size: 1.2vw;}
	.sub_overview .info_tbl li dl dd{font-size: 1.4vw;}
	.sub_overview .info_tbl li dl dd p{gap: 0 3vw;}
	.sub_overview .info_tbl li dl dd em{font-size:1.2vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.sub_overview .info_tbl{margin-top: 4vw;}
	.sub_overview .info_tbl li{padding: 3vw 0;}
	.sub_overview .info_tbl li dl dt{font-size: 1.5vw;margin-bottom:2vw;}
	.sub_overview .info_tbl li dl dd{font-size:1.8vw;}
	.sub_overview .info_tbl li dl dd em{font-size:1.5vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.sub_overview .info_tbl{display:block;}
	.sub_overview .info_tbl li{width:100%;padding: 4vw 0;}
	.sub_overview .info_tbl li dl dt{font-size:2.1vw;}
	.sub_overview .info_tbl li dl dd{font-size:2.5vw;}
	.sub_overview .info_tbl li dl dd em{font-size:2.2vw;}
	.sub_overview .info_tbl li dl dd p{display:block;}
	.sub_overview .info_tbl li dl dd p span{display:block;margin-top:1vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.sub_overview .info_tbl{margin-top: 5vw;}
	.sub_overview .info_tbl li{padding: 5vw 0;}
	.sub_overview .info_tbl li dl dt{font-size: 3.2vw;margin-bottom: 3vw;}
	.sub_overview .info_tbl li dl dd{font-size:3.8vw;}
	.sub_overview .info_tbl li dl dd em{font-size:3.2vw;}
}

/*입지환경*/
.sub_location{margin-top:7.8125vw;}
.sub_location .img_box{position:relative;}
.sub_location .img_box span{display:block;opacity:0;transform:translate(0,10%);transition:0.8s;transition-delay:0.3s;}
.sub_location .img_box .zoom{position:absolute;left:0;top:0;width:100%;opacity:0;transform:scale(0.4);transform-origin: 54% 31%;transition:0.8s;;transition-delay:0.8s;}
.sub_location .list{margin-top:8.8542vw;padding-bottom:5vw;}
.sub_location .list li{display:flex;align-items:center;justify-content:space-between;}
.sub_location .list li:nth-child(even){flex-direction:row-reverse;}
.sub_location .list li ~ li{margin-top:7.8125vw;}
.sub_location .list li .txt{margin-top:-1.5625vw;}
.sub_location .list li .txt .num{color:#363e41;font-size:1.25vw;font-weight:300;font-family:"Inter";overflow:hidden;margin-bottom:2.8646vw;}
.sub_location .list li .txt .num span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.2s;}
.sub_location .list li .txt .t1{font-family:"Inter";font-weight:600;font-size:1.8229vw;color:#363e41;margin-bottom:1.5625vw;overflow:hidden;}
.sub_location .list li .txt .t1 span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.4s;}
.sub_location .list li .txt .t2{color:#363e41;font-size:1.6667vw;font-family:"RixHeadB";font-weight:600;letter-spacing:-0.05em;line-height:1.31em;}
.sub_location .list li .txt .t2 p{overflow:hidden;}
.sub_location .list li .txt .t2 p span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.6s;}
.sub_location .list li .txt .t3{color:#363e41;font-size:0.9375vw;letter-spacing:-0.05em;line-height:1.67em;margin-top:1.0417vw;}
.sub_location .list li .txt .t3 p{overflow:hidden;}
.sub_location .list li .txt .t3 p span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.8s;}
.sub_location .list li .img{width:36.4583vw;position:relative;}
.sub_location .list li .img::before{content:"";position:absolute;left:-1%;top:-1%;width:102%;height:52%;background-color:#fff;z-index:1;transform-origin:0 0;transition:1.2s;}
.sub_location .list li .img::after{content:"";position:absolute;left:-1%;bottom:-1%;width:102%;height:52%;background-color:#fff;z-index:1;transform-origin:0 100%;transition:1.2s;}
.sub_location .list li .img span{overflow:hidden;display:block;}
.sub_location .list li .img span img{transform:scale(1.2);transition:1.2s;}
.sub_location .list li .img em{position:absolute;left:0;top:0;width:100%;opacity:0;transform:translate(0,10%);transition:0.8s;transition-delay:0.8s;}
.sub_location .list li .img i{position:absolute;opacity:0;transition:0.8s;}
.sub_location .list li:nth-child(odd) .img i{transform:translate(30%,0);}
.sub_location .list li:nth-child(even) .img i{transform:translate(-30%,0);}
.sub_location .list li .img .i1{z-index:3;transition-delay:1.2s;}
.sub_location .list li .img .i2{z-index:2;transition-delay:1.4s;}
.sub_location .list .l1 .img .i1{width:10.520vw;left:-7.4479vw;bottom:-0.8333vw;}
.sub_location .list .l2 .img .i1{width:7.8646vw;right:-4.3229vw;bottom:-0.8333vw;}
.sub_location .list .l3 .img .i1{width:6.875vw;left:-4.6875vw;bottom:-1.1458vw;}
.sub_location .list .l4 .img .i1{width:13.1771vw;right:-3.125vw;bottom:-0.9375vw;}
.sub_location .img_box.active span,
.sub_location .img_box.active .zoom,
.sub_location .list li.active .txt .num span,
.sub_location .list li.active .txt .t1 span,
.sub_location .list li.active .txt .t2 p span,
.sub_location .list li.active .txt .t3 p span,
.sub_location .list li.active .img span img,
.sub_location .list li.active .img em,
.sub_location .list li.active .img i{opacity:1;transform:none;}
.sub_location .list li.active .img::before,
.sub_location .list li.active .img::after{transform:scaleY(0);}
@media all and (max-aspect-ratio: 17/10){
	.sub_location .list li .txt .num{font-size: 1.8vw;}
	.sub_location .list li .txt .t1{font-size: 2.5vw;}
	.sub_location .list li .txt .t2{font-size: 2.2vw;}
	.sub_location .list li .txt .t3{font-size:1.2vw;}
	.sub_location .list li .img{width:39vw;}
}
@media all and (max-aspect-ratio: 12/10){
	.sub_location .list{margin-top:12vw;}
	.sub_location .list li ~ li{margin-top:12vw;}
	.sub_location .list li .txt .num{font-size: 2.4vw;margin-bottom: 4vw;}
	.sub_location .list li .txt .t1{font-size: 3vw;margin-bottom: 2.5vw;}
	.sub_location .list li .txt .t2{font-size: 2.6vw;}
	.sub_location .list li .txt .t3{font-size:1.5vw;margin-top: 2vw;}
	.sub_location .list li .img{width:44vw;}
	.sub_location .list .l1 .img .i1{width:15vw;}
	.sub_location .list .l2 .img .i1{width:12vw;}
	.sub_location .list .l3 .img .i1{width: 11vw;}
	.sub_location .list .l4 .img .i1{width: 19vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.sub_location .list{margin-top:20vw;}
	.sub_location .list li{display:block;}
	.sub_location .list li ~ li{margin-top:20vw;}
	.sub_location .list li .txt{margin-top:0;margin-bottom:6vw;}
	.sub_location .list li .img{width:85%;}
	.sub_location .list li:nth-child(odd) .img{margin: 0 0 0 auto;}
	.sub_location .list li .txt .num{font-size: 3.2vw;}
	.sub_location .list li .txt .t1{font-size: 4vw;margin-bottom: 3.5vw;}
	.sub_location .list li .txt .t2{font-size: 3.5vw;}
	.sub_location .list li .txt .t3{font-size:2vw;}
	.sub_location .list .l1 .img .i1{width:23vw;left: -14vw;bottom:-5vw;}
	.sub_location .list .l2 .img .i1{width:16vw;right: -9vw;bottom:-5vw;}
	.sub_location .list .l3 .img .i1{width: 14vw;left: -10vw;bottom:-5vw;}
	.sub_location .list .l4 .img .i1{width: 27vw;right: -13vw;bottom:-5vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.sub_location .list li ~ li{margin-top:30vw;}
	.sub_location .list li .txt{margin-bottom: 10vw;}
	.sub_location .list li .txt .num{font-size: 5vw;margin-bottom: 5vw;}
	.sub_location .list li .txt .t1{font-size: 7.5vw;margin-bottom: 5vw;}
	.sub_location .list li .txt .t2{font-size: 5vw;}
	.sub_location .list li .txt .t3{font-size:3vw;margin-top: 4vw;}
}

/*schedule*/
.step{ display: flex; margin-bottom: 1.5625vw; } 
.step_tit{ display: flex; width: 25%; background-color: #999; align-items: center; justify-content: center; border-radius: 0.5208vw 0 0 0.5208dvw; } 
.step_tit strong{font-size: 0.8333vw;padding-right: 1.5625vw; background: url(../images/step-arr.png) no-repeat right center / 0.9375vw auto; color: #fff; font-weight: 400; } 
.step ul{display: flex; width: 75%;border: 1px solid #ddd;border-radius: 0 0.5208vw 0.5208vw 0; } 
.step ul li{display: flex; position: relative; width: 33.33%; height: 5.2083vw; padding: 0 4.1667vw; align-items: center; } 
.step ul li dl{display: inline-block; } 
.step ul li dl dt{margin-bottom: 0.3646vw; color: #9a9a9a; font-weight: 400; font-size: 0.7292vw; } 
.step ul li dl dd{font-weight: 500; font-size: 0.9375vw; } 
.step ul li::after{position: absolute; top: 50%; right: 0; width: 1px;; height: 2.0833vw;transform: translate(0,-50%); background-color: #ddd; content: ""; } 
.step ul li:last-child:after{display: none;} 
.notice_box{background-color: #f9f9f9;color: #222;border-radius: 0.5208vw;padding: 3vw 0;text-align: center;}
.notice_box .m{display:none;}
.notice_box strong{line-height: 1.7em;font-size: 1.2vw;}
.notice_box p{line-height: 1.4em;font-size: 1.0417vw;}
.notice_box ul{margin-top: 1.5625vw;}
.notice_box ul li{line-height: 1.4em;font-size: 0.8333vw;}
.notice_box span{color: #ff3333;}
.sche_tit{margin-top: 3.6458vw;margin-bottom: 2.6042vw;color: #333;font-size: 1.5625vw;}
.sche_tit strong{color: #000;margin-right: 0.5208vw;}
.calendar_box{display: flex;justify-content: space-between;}
.calendar{width: 49%;border: 1px solid #efefef;}
.calendar .top{background-color: #f1f1f1;font-size: 0.8333vw;line-height: 3.5em;text-align: center;color: #222;font-weight: 500;}
.calendar .date{padding: 0.7813vw 3.125vw;background-color: #fcfcfc;height: 17vw;overflow-y: auto;}
.calendar .date .month{text-align: center;position: relative;margin-bottom: 1vw;}
.calendar .date .month strong{font-size: 1.25vw;font-weight: 400;color: #222;line-height: 2.08em;}
.calendar .date .month button{position: absolute;top: 50%;width: 1.7188vw;height: 1.7188vw;border: none;transform: translate(0,-50%);}
.calendar .date .month .prev{left: 0;background: url(../images/calen-prev.gif) no-repeat center;background-size: contain;}
.calendar .date .month .next{right: 0;background: url(../images/calen-next.gif) no-repeat center;background-size: contain;}
.calendar table{width: 100%;}
.calendar table thead th{font-size: 0.8333vw;padding: 0.2604vw 0;color: #555;font-weight: 500;}
.calendar table td{text-align: center;font-size: 0.8333vw;line-height: 2.19em;color: #777;}
.calendar table td.sun{color: #de1818;}
.calendar table td.sat{color: #2653b9;}
.calendar table td input{width: 100%;height: 100%;border: none;color: #777;background-color:transparent;}
.calendar table td.res input{background-color: #d7d7d7;}
.calendar table td.on input{background-color: rgba(195,0,40,0.5);color:#fff;}
.calendar table td.on input.active{background-color: #c30028;}
.calendar .bot{background-color: #f1f1f1;font-size: 0.8333vw;height: 4vw;display: flex;align-items: center;justify-content: space-between;padding: 0 2.0833vw;}
.calendar .bot span{line-height:1.4em;font-size: 0.7292vw;color: #777;position: relative;}
.calendar .bot .lef span{padding-left:0.7813vw;margin-right: 1.0417vw;display:inline-block;}
.calendar .bot .lef span::before{content: "";position: absolute;left: 0;top: 50%;width: 0.5208vw;height: 0.5208vw;transform: translate(0,-50%);}
.calendar .bot .lef .res::before{background-color: #d7d7d7;}
.calendar .bot .lef .possi::before{background-color: rgba(195,0,40,0.5);}
.calendar .bot .rig span strong{font-weight: 500;color: #222;}
.calendar .date .time li ~ li{margin-top: 1vw;}
.calendar .date .time li button{width:100%;display:flex;align-items:center;justify-content: space-between;background-color: transparent;border: none;font-size: 0.8333vw;color: #555;}
.calendar .date .time li button.active{color: #c30028;}
.calendar .date .time li button.end{color: #b7b7b7;cursor:auto;}
.calendar .date .time li button .f{display: flex;align-items: center;gap: 0 1vw;}
.calendar .date .time li button .f em{border: 1px solid #555;border-radius: 2vw;padding: 0.5vw 1vw;}
.calendar .date .time li button.active .f em{border-color: #c30028;background-color: #c30028;color: #fff;}
.calendar .date .time li button.end .f em{background-color: #555;color: #fff;}
.terms_area{padding: 1.5625vw;overflow-y: scroll;font-size: 0.7292vw;border: 1px solid #dedede;line-height: 1.5em;height: 8.8542vw;margin-bottom: 1.0417vw;}
.complete { padding: 3.125vw 1.0417vw 4.1667vw; background: #eee; text-align: center; } 
.complete_tit { margin-bottom: 1.5625vw; color: #121212; font-weight: 300; font-size: 1.875vw; } 
.complete_txt { margin-bottom: 2.0833vw; color: #121212; font-weight: 300; font-size: 0.9375vw; line-height:1.5em;} 
.complete_box { display: inline-block; padding: 1.5625vw; border-top: 1px solid #222; border-bottom: 1px solid #222; color: #222; font-weight: 500; font-size: 1.6667vw; line-height: 1.63em; } 
.complete_box span { color: #000; font-weight: 600; } 
.confirm_tit { margin-bottom: 3.125vw; color: #444; font-weight: 300; font-size: 1.3542vw; line-height: 1.3em; text-align: center; } 
.confirm_tit span { color: #000; font-weight: 500; } 
.confirm_tbl table { width: 100%; border-top: 1px solid #000; } 
.confirm_tbl table th { position: relative; padding: 1.3021vw 0; border-bottom: 1px solid #e5e5e5; color: #333; font-weight: 400; font-size: 0.9375vw; text-align: center; } 
.confirm_tbl table th::after { display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 0.8333vw;transform:translate(0,-50%); background-color: #999; content: ""; } 
.confirm_tbl table td { padding: 1.3021vw 0; padding-left: 2.0833vw; border-bottom: 1px solid #e5e5e5; color: #333; font-weight: 400; font-size: 0.9375vw; text-align: left; } 
.confirm_tbl table td .cancel { border: none; border-bottom: 1px solid #ff0000; background: none; color: #ff0000; font-size: 0.7813vw; line-height: 1.3em; } 
.confirm_tbl table td .no_result { padding: 3vw 0; font-size: 0.9375vw; text-align: center; }
.schedule_ready{text-align:center;background-color: #efefef;padding:3vw 0;}
.schedule_ready .red{color:#ff0000;font-size:1.3542vw;margin-bottom:1.1vw;font-weight:500;}
.schedule_ready p{font-size:1.25vw;color:#000;font-weight:400;line-height:1.4em;}
.schedule_ready p strong{font-size:1.6667vw;font-family:"Jost";font-weight:600;}
@media all and (max-aspect-ratio: 17/10){
    .step{margin-bottom: 3vw;}
    .step_tit{border-radius: 1vw 0 0 1vw;}
    .step_tit strong{font-size: 1.2vw;padding-right:2vw;background-size: 1.2vw auto;}
    .step ul{border-radius: 0 1vw 1vw 0;}
    .step ul li{height: 7vw;}
    .step ul li dl dt{font-size: 1vw;margin-bottom:0.6vw;}
    .step ul li dl dd{font-size: 1.2vw;}
    .notice_box{padding: 4vw 0;border-radius: 1vw;}
    .notice_box p{font-size: 1.3vw;}
	.notice_box strong{font-size: 1.5vw;}
    .notice_box ul{margin-top: 2vw;}
    .notice_box ul li{font-size: 1.1vw;}
    .sche_tit{margin-top: 5vw;margin-bottom: 3vw;font-size: 1.9vw;}
    .sche_tit strong{margin-right: 1vw;}
    .calendar .top{font-size: 1.2vw;}
    .calendar .date{height: 30vw;padding: 1.5vw 3vw;}
    .calendar .date .month{margin-bottom: 0.5vw;}
    .calendar .date .month strong{font-size: 1.8vw;}
    .calendar .date .month button{width: 2.4vw;height: 2.4vw;}
    .calendar .date .time li ~ li{margin-top: 1.5vw;}
    .calendar .date .time li button{font-size: 1.2vw;}
    .calendar table thead th{font-size: 1.2vw;padding: 1vw 0;}
    .calendar table td{font-size: 1.2vw;line-height: 3em;}
    .calendar .bot{height: 6vw;}
    .calendar .bot .lef span{padding-left:1.2vw;margin-right:1vw;font-size: 0.9vw;}
    .calendar .bot .lef span::before{width: 0.8vw;height: 0.8vw;}
    .calendar .bot span{font-size: 0.9vw;}
    .terms_area{font-size: 1vw;height: 15vw;margin-bottom: 2vw;padding: 2vw;}
	.complete{padding: 5vw 0;}
	.complete_tit{font-size: 2.2vw;}
	.complete_txt{font-size: 1.2vw;}
	.complete_box{padding: 2vw 3vw;}
	.confirm_tbl table th{font-size:1.3vw;padding: 1.5vw 0;}
	.confirm_tbl table td{font-size:1.2vw;padding-left:4vw;}
	.confirm_tbl table td .cancel{font-size:1.2vw;}
	.confirm_tbl table td .no_result { padding: 5vw 0; font-size: 1.3vw}
	.schedule_ready{padding: 4vw 0;}
	.schedule_ready .red{font-size:1.6vw;}
	.schedule_ready p{font-size: 1.5vw;}
	.schedule_ready p strong{font-size:1.8vw;}
}
@media all and (max-aspect-ratio: 1/1){
    .step{display: block;margin-bottom:6vw;}
    .step_tit{width:100%;border-radius: 2vw 2vw 0 0;padding: 3vw 0;}
    .step_tit strong{font-size: 2vw;padding-right: 4vw;background-size: 2vw auto;}
    .step ul{width: 100%;border-radius: 0 0 2vw 2vw;}
    .step ul li{padding: 0;height:auto;display:block;padding: 3vw 0;}
    .step ul li::after{height: 4vw;}
    .step ul li dl{text-align: center;display: block;}
    .step ul li dl dt{font-size:1.6vw;margin-bottom:1vw;}
    .step ul li dl dd{font-size: 2vw;}
    .notice_box{padding: 6vw 0;border-radius:2vw;}
	.notice_box .m{display:block;}
    .notice_box p{font-size: 2vw;}
	.notice_box strong{font-size: 2.2vw;}
    .notice_box ul{margin-top: 3vw;}
    .notice_box ul li{font-size: 1.7vw;}
    .sche_tit{margin: 8vw 0 4vw;font-size: 2.8vw;}
    .calendar_box{display: block;}
    .calendar{width: 100%;}
    .calendar ~ .calendar{margin-top: 5vw;}
    .calendar .top{font-size: 2vw;}
    .calendar .date{padding: 2vw 5vw;height: 50vw;}
    .calendar .date .month{margin-bottom: 1vw;}
    .calendar .date .month strong{font-size: 3vw;}
    .calendar .date .month button{width: 4vw;height: 4vw;}
    .calendar table thead th{font-size: 1.8vw;padding: 2vw 0;}
    .calendar table td{font-size: 1.8vw;}
    .calendar .bot{height: 10vw;padding: 0 4vw;flex-direction: column;align-items: flex-start;justify-content: center;}
    .calendar .bot .lef span{font-size: 1.8vw;padding-left:2vw;margin-right: 3vw;}
    .calendar .bot .lef span::before{width: 1.4vw;height: 1.4vw;}
    .calendar .bot .rig{margin-top: 0.7vw;}
    .calendar .bot span{font-size: 1.6vw;}
    .calendar .date .time li ~ li{margin-top: 2.5vw;}
    .calendar .date .time li button{font-size: 1.8vw;}
    .calendar .date .time li button .f{gap: 0 2vw;}
    .calendar .date .time li button .f em{padding: 1vw 2vw;}
    .terms_area{height: 20vw;font-size: 1.6vw;padding: 3vw;margin-bottom: 4vw;}
	.complete{padding: 8vw 0;}
	.complete_tit{font-size: 3.4vw;margin-bottom:2vw;}
	.complete_txt{font-size: 1.8vw;margin-bottom: 4vw;}
	.complete_box{padding: 3vw 5vw;font-size: 2.2vw;}
	.confirm_tbl table th{font-size:1.8vw;padding:2.5vw 0;}
	.confirm_tbl table th::after{height:2vw;}
	.confirm_tbl table td{padding:2.5vw 0;padding-left:6vw;font-size: 1.8vw;}
	.confirm_tbl table td .cancel{font-size:1.8vw;}
	.confirm_tbl table td .no_result { padding: 7vw 0; font-size: 2vw}
	.schedule_ready{padding: 10vw 0;}
	.schedule_ready .red{font-size:3.3vw;margin-bottom:2vw;}
	.schedule_ready p{font-size: 3.2vw;}
	.schedule_ready p strong{font-size:3.6vw;}
}
@media all and (max-aspect-ratio: 6/10){
    .step_tit{padding: 3.5vw 0;}
    .step_tit strong{font-size: 3vw;padding-right: 5vw;background-size: 3vw auto;}
    .step ul li{padding: 4vw 0;}
    .step ul li dl dt{font-size: 2.6vw;}
    .step ul li dl dd{font-size: 3vw;}
    .notice_box{padding: 8vw;}
    .notice_box p{font-size: 3.2vw;}
	.notice_box strong{font-size: 3.5vw;}
    .notice_box ul{margin-top: 5vw;}
    .notice_box ul li{font-size: 2.7vw;}
    .sche_tit{margin: 12vw 0 6vw;font-size: 4.2vw;}
    .calendar ~ .calendar{margin-top: 8vw;}
    .calendar .top{font-size: 3.2vw;}
    .calendar .date{padding: 3vw 5vw;height: 70vw;}
    .calendar .date .month strong{font-size: 4.2vw;}
    .calendar .date .month button{width: 6vw;height: 6vw;}
    .calendar table thead th,
    .calendar table td{font-size: 2.8vw;}
    .calendar .bot{height: 15vw;}
    .calendar .bot .lef span{font-size: 2.7vw;padding-left: 3vw;margin-right: 4vw;}
    .calendar .bot .lef span::before{width: 1.8vw;height: 1.8vw;}
    .calendar .bot span{font-size: 2.7vw;}
    .calendar .date .time li ~ li{margin-top: 3vw;}
    .calendar .date .time li button{font-size: 2.8vw;}
    .calendar .date .time li button .f{gap: 0 3.5vw;}
    .calendar .date .time li button .f em{border-radius: 4vw;}
    .terms_area{height: 30vw;font-size: 2.6vw;padding: 4vw;margin-bottom: 6vw;}
	.complete{padding: 12vw 0;}
	.complete_tit{font-size: 5.5vw;margin-bottom:3vw;}
	.complete_txt{font-size: 3.5vw;margin-bottom: 6vw;}
	.complete_box{padding: 4vw 6vw;font-size: 3.6vw;}
	.confirm_tbl table th{font-size:3.2vw;padding: 4vw 0;}
	.confirm_tbl table th::after{height:3vw;}
	.confirm_tbl table td{padding: 4vw 0;padding-left:8vw;font-size:3.2vw;}
	.confirm_tbl table td .cancel{font-size:3.2vw;}
	.confirm_tbl table td .no_result { padding: 12vw 0; font-size: 3.4vw}
	.schedule_ready{padding: 12vw 0;}
	.schedule_ready .red{font-size:4.2vw;margin-bottom:4vw;}
	.schedule_ready p{font-size: 4vw;}
	.schedule_ready p strong{font-size:4.5vw;}
}
.confirm_tit { margin-bottom: 3.125vw; color: #444; font-weight: 300; font-size: 1.3542vw; line-height: 1.3em; text-align: center; } 
.confirm_tit span { color: #c30028; font-weight: 500; }
@media all and (max-aspect-ratio: 17/10){
	.confirm_tit{font-size:1.8vw;margin-bottom:4vw;}
}
@media all and (max-aspect-ratio: 1/1){
	.confirm_tit{font-size:2.6vw;margin-bottom:6vw;}
}
@media all and (max-aspect-ratio: 6/10){
	.confirm_tit{font-size:4.8vw;margin-bottom:10vw;}
}