@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@100..900&display=swap');
/* 
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@100..900&display=swap'); */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

#index { min-width:1280px; } 

html,body { height: 100%; font-family:'Noto Sans KR',sans-serif; } 
.idx { height: 100vh; } 
.wrap { position: relative; min-width: 1280px; height: 100%; margin:0 auto; } 
.inner { position: relative; width: 1200px; margin: 0 auto; } 

.popup-bg{z-index: 9900 !important;}

/*header*/
header { position: absolute; top: 0; left: 0; width: 100%; height: 90px; padding: 0 20px; text-align: center; z-index: 9999; transition: all 0.2s; } 
header:before { display:block; position:absolute; top:99px; left:0; width:100%; height:1px; background:#e5e5e5; content:""; opacity:0; transition:0.2s; } 

header .head_in { position: relative; overflow: hidden; max-width: 1760px; height: 100px; margin: 0 auto; z-index: 9999;; transition: 0.2s; } 
header h1 { position: absolute; top: 24px; left: 0; } 
header h1 a { display: block; width: 150px; height: 51px; background: url(../images/logo.png?ver=2) no-repeat center; background-size: contain; } 
header .menu { display: block; text-align:center; } 
header .menu > ul { display:inline-block; } 
header .menu ul::after { display: block; clear: both; content: ""; } 
header .menu .gnb1 { float: left; } 
header .menu .gnb1 > a { display: block; position:relative; padding: 0 25px; color: #141414; font-weight: 500; font-size: 17px; line-height: 100px; transition: 0.2s; } 
header .menu .gnb1 > a > span { display:block; position:relative; padding:0 10px; font-weight: 600; } 
header .menu .gnb1 > a > span:before { position:absolute; bottom:-2px; left:50%; width:0%; height:4px; background:#d67463; content:""; transform:translateX(-50%); opacity:0; transition:.5s; z-index:111; } 
header .menu .gnb1:hover > a > span:before { width:100%; opacity:1; } 
header .menu .gnb2 { margin-top: 25px; } 
header .menu .gnb2 li a { display: block; padding-bottom:18px; color: #fff; font-size: 16px; letter-spacing: 0px; font-weight: 400;} 
header .menu .gnb2 li a:hover { color:#d67463; } 
header .rig { display:flex; position: absolute; top: 0; right: 0px; height: 100px; align-items:center; } 

header .tel { display:flex; align-items:center; } 
header:not(.sub) .tel img:nth-child(2) { display:none; } 
header .tel img { padding-right:5px; } 
header .tel p { position:relative; color:#0b1047; font-family:'Jost'; font-weight:bold; font-size:23px; } 

header .white { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100px; background: #fff; content: ""; z-index: 2; transition: 0.2s; opacity: 0; } 
header .bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; content: ""; z-index: 0; transition: 0.2s; } 

header.sub .gnb1 span { color: #fff; } 
header.sub .tel p { color: #fff; } 
header.sub h1 a { background: url(../images/logo-w.png) no-repeat center; background-size: contain; } 
header.sub .tel img:nth-child(1) { display:none; } 
header .tel img { padding-right:5px; } 

header:hover .white { background: #fff; opacity: 1; } 
header:hover .bg { background: #0b1047; opacity: 1; } 
header:hover { background:#fff; background-color: #fff; box-shadow: 5px 5px 6.93px 0.07px rgb(0 0 0 / 10%); } 
header:hover,
header:hover .head_in { height:340px; } 
header:hover:before { opacity:1; } 
header:hover h1 a { background: url(../images/logo.png) no-repeat center; background-size: contain; } 
header:hover .tel img:nth-child(1) { display:block; } 
header:hover .tel img:nth-child(2) { display:none; } 
header:hover .gnb1 span { color: #141414 !important; } 
header:hover .tel p { color:#0b1047; } 

.fp-viewing-0 header .gnb1 span { color: #141414; } 
.fp-viewing-1 header .gnb1 span { color: #141414; } 

@media all and (max-width: 1430px){
    header .menu .gnb1 > a { padding: 0 15px; }
}

/* radio */
.main_audio { display:flex; width:120px; margin-left:30px; color:#fff; font-family:'Jost'; font-size:13px; text-align:center; box-sizing:border-box; } 
.main_audio > span { display:flex; width:120px; align-items: center; justify-content: space-between; } 
.main_audio .tit { display:block; display:flex; line-height: 1.8; } 
.main_audio .tit ul { display:inline-block; margin-right:5px; margin-left:5px; } 
.main_audio .tit ul li { display:inline-block; width:2px; background-color:#fff; transition:0.3s; } 
.main_audio .tit ul li:nth-child(1) { height:6px; } 
.main_audio .tit ul li:nth-child(2) { height:14px; } 
.main_audio .tit ul li:nth-child(3) { height:16px; } 
.main_audio .tit ul li:nth-child(4) { height:5px; } 
.main_audio .tit ul li:nth-child(5) { height:12px; } 
.main_audio .tit ul.active li:nth-child(1) { animation: soundbar1 1.0s 0.4s infinite alternate linear; } 
.main_audio .tit ul.active li:nth-child(2) { animation: soundbar2 1.0s 0.3s infinite alternate linear; } 
.main_audio .tit ul.active li:nth-child(3) { animation: soundbar3 2.0s 0.3s infinite alternate linear; } 
.main_audio .tit ul.active li:nth-child(4) { animation: soundbar4 1.0s 0.3s infinite alternate linear; } 
.main_audio .tit ul.active li:nth-child(5) { animation: soundbar5 1.0s 0.2s infinite alternate linear; } 
@keyframes soundbar1 { 
 0% { height:6px; } 
 20% { height:10px; } 
 40% { height:3px; } 
 60% { height:14px; } 
 80% { height:6px; } 
 100% { height:12px; } 
 }
@keyframes soundbar2 { 
 0% { height:14px; } 
 20% { height:16px; } 
 40% { height:5px; } 
 60% { height:13px; } 
 80% { height:4px; } 
 100% { height:10px; } 
 }
@keyframes soundbar3 { 
 0% { height:16px; } 
 20% { height:10px; } 
 40% { height:15px; } 
 60% { height:7px; } 
 80% { height:12px; } 
 100% { height:4px; } 
 }
@keyframes soundbar4 { 
 0% { height:5px; } 
 20% { height:10px; } 
 40% { height:7px; } 
 60% { height:13px; } 
 80% { height:5px; } 
 100% { height:10px; } 
 }
@keyframes soundbar5 { 
 0% { height:12px; } 
 20% { height:5px; } 
 40% { height:13px; } 
 60% { height:3px; } 
 80% { height:8px; } 
 100% { height:2px; } 
 }
.main_audio .audio_play_btn1, .main_audio .audio_pause_btn1 { cursor:pointer; } 
header:hover .main_audio { color:#222; } 
header:hover .main_audio .tit ul li { background-color:#222; } 

#index header .main_audio { color:#222; } 
#index header .main_audio .tit ul li { background-color:#222; } 

.section a { cursor: pointer; } 

header .main_audio .wh { display: block; } 
header .main_audio .bl { display: none; } 


header:hover .main_audio .wh { display: none; } 
header:hover .main_audio .bl { display: block; } 
#index header .main_audio .wh { display: none; } 
#index header .main_audio .bl { display: block; } 

/* vide-wrap */
.video-wrap { position:relative; overflow:hidden; height:0px; padding-bottom:56.25%; } 
.video-wrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; } 

/*ban*/
/* .ban { position: fixed; right: 0; top: 220px; z-index: 50; } */
.pop_ban_imsi { position:fixed; top:196px; left:0; width: 46px; height: 176px; background:url(../images/popup-btn.png) no-repeat center; z-index: 50; } 


.ban { display: flex; flex-direction: column; gap: 20px; position: fixed; right: 30px; bottom:50px; z-index: 111; align-items: center; transition: 0.8s; } 
.ban.movie {right: 30px; bottom:336px; z-index: 111; align-items: center; transition: 0.8s; } 
.ban.end { bottom: 276px; } 
.ban .ban-btn { display: block; width: 44px; height: 44px; box-shadow: 2px 2px 6.86px 0.14px rgba(0, 0, 0, 0.5); transform: rotate(0); border-radius: 50%; cursor: pointer; } 
.ban img { display: block; position: relative; } 
.ban-wrap { display: flex; flex-direction: column; gap: 10px; position: relative; justify-content: center; align-items: center; } 
.ban-wrap .ban-img { position: relative; border-radius: 20px; box-shadow: 2px 2px 6.86px 0.14px rgba(0, 0, 0, 0.5); overflow: hidden;} 
.ban-wrap .ban-img a { display: block; width: 100%; height: 100%; } 
.ban-wrap img { display: block; position: relative; z-index: 10; } 

.ban-img::after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; border-radius: 20px; z-index: 0; } 
.ban-wrap .ban-img:first-of-type:hover::after { box-shadow: 0px 0px 32px 0px rgba(214,116,99,0.8); transition: 0.3s; } 
.ban-wrap .ban-img:nth-of-type(2):hover::after { box-shadow: 0px 0px 32px 0px rgba(21,26,89,0.8); transition: 0.3s; } 
.ban-wrap .ban-img:last-of-type:hover::after { box-shadow: 0px 0px 32px 0px rgba(15,54,122,0.8); transition: 0.3s; } 

.ban-btn-wrap { display: flex; width: 90px; justify-content: center; } 
.ban-wrap .ban-img { opacity: 0; transition: 0.4s; } 
.ban-wrap.on .ban-img:first-of-type { opacity: 1; } 
.ban-wrap.on .ban-img:nth-of-type(2) { opacity: 1; } 
.ban-wrap.on .ban-img:last-of-type { opacity: 1; } 
.ban-wrap .ban-img { opacity: 0; transition: 0.6s; } 
.ban-wrap .ban-img:first-of-type { transition-delay: 0.6s; } 
.ban-wrap .ban-img:nth-of-type(2) { transition-delay: 0.3s; } 
.ban-wrap .ban-img:last-of-type { transition-delay: 0s; } 

.ban-btn .close { display: none; } 
.ban-btn .open { display: block; } 
.ban-btn.close .close { display: block; } 
.ban-btn.close .open { display: none; } 

.youtube-ban-wrap{display: flex; flex-direction: column; gap: 10px; position: fixed; bottom: 50px; right: 30px; z-index: 100; transition: 0.8s; } 
.youtube-ban-wrap > div{box-shadow: 2px 2px 6.86px 0.14px rgba(0, 0, 0, 0.5); border-radius: 8px;}
.movie-btn {width: 208px; height: 117px; transition: 0.3s; transition-delay: 0.9s; cursor: pointer; position: relative;} 
.movie-btn iframe{width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 9px; background: rgba(0, 0, 0, 0.4); top: 1px; left: 1px; z-index: 1; position: absolute;}
.movie-btn .btn-wrapper{position: relative; z-index: 1000; background: url(../images/movie-transparent-btn.png) no-repeat center; width: 100%; height: 100%;}
.movie-btn .dim{position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 9px; background: rgba(0, 0, 0, 0.4); top: 1px; left: 1px; z-index: 100;}
.movie-btn.on { opacity: 1; } 
.movie-btn { opacity: 0; } 


.brand-btn {width: 208px; height: 117px; transition: 0.3s; transition-delay: 0.9s; cursor: pointer; position: relative; z-index: 100; overflow: hidden;}
.brand-btn a{width: 100%; height: 100%; display: block; overflow: hidden;}
.brand-btn iframe{width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 9px; background: rgba(0, 0, 0, 0.4); top: 50%; left: 50%; z-index: 1; position: absolute; transform: translate(-50%, -50%);}
.brand-btn .btn-wrapper{position: relative; z-index: 1000; background: url(../images/brand-transparent-btn.png) no-repeat center; width: 100%; height: 100%;}
.brand-btn .dim{position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 9px; background: rgba(0, 0, 0, 0.4); top: 1px; left: 1px; z-index: 100;}

.video-btn {width: 208px; height: 117px; transition: 0.3s; transition-delay: 0.9s; cursor: pointer; position: relative; z-index: 100; overflow: hidden;}
.video-btn a{width: 100%; height: 100%; display: block; overflow: hidden;}
.video-btn iframe{width: calc(140% - 2px); height: calc(140% - 2px); border-radius: 9px; background: rgba(0, 0, 0, 0.4); top: 50%; left: 50%; z-index: 1; position: absolute; transform: translate(-50%, -50%);}
.video-btn .btn-wrapper{position: relative; z-index: 1000; background: url(../images/video-transparent-btn.png) no-repeat center; width: 100%; height: 100%;}
.video-btn .dim{position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); border-radius: 9px; background: rgba(0, 0, 0, 0.4); top: 1px; left: 1px; z-index: 100;}

/* 새 배너 */
.new-ban-wrap{position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 500;}
.new-ban-wrap img{display: block;}
.new-ban-wrap ul li{cursor: pointer; position: relative;}
.new-ban-wrap ul li > img{position: relative; z-index: 15;}
.new-ban-wrap ul li .ban-hover{position: absolute; top: 0; z-index: 0; left: 295px; width: 295px; height: 220px; transition: left 0.6s ease;}
.new-ban-wrap ul li:hover .ban-hover{left: -295px;}

/*footer*/
/* footer * { font-family: 'Montserrat', 'Noto Sans KR', sans-serif; } 
footer { background-color: #2a2a2d; padding: 60px 20px 70px; position: relative; } 
footer .top-btn { position: absolute; top: -24px; right: 0; z-index: 10; cursor: pointer; } 
footer .foot_in { max-width: 1760px; margin: 0 auto; position:relative; } 
footer .foot_logo { position: absolute; bottom:0; right:0; } 
footer .foot-info { margin-bottom: 15px; color: #b3b3b3; font-size: 14px; } 
footer .ori { line-height: 20px; color: #b3b3b3; font-size: 14px; } 
footer address { color: #b3b3b3; font-size: 13px; margin-top: 35px; } 
footer .fr { position:absolute; top:0; right:0; } 
footer .fr .foot-tel { display:flex; align-items: center; } 
footer .fr .foot-tel img { margin-right:10px; } 
footer .fr .foot-tel p { font-size:28px; color:#fff; font-family:'Jost'; font-weight:bold } */

/*footer*/
footer * { font-family: 'Montserrat', 'Noto Sans KR', sans-serif; } 
footer { width:100%; padding:40px 0 !important; background:#1c1c22; } 
footer .f_logo { width: 135px; } 
footer .mb_20 { margin-bottom:20px; } 
footer .inner_ { display:flex; width:93%; margin:0 auto; align-items:flex-end; justify-content:flex-start; } 
footer .inner_ > div { flex-grow:2; } 
footer .inner_ > div + div { flex-grow:1; text-align:right; } 
footer p { line-height: 1.5; } 
footer p img{float: right;}
footer p img::after{clear: both;}

footer .inner_ > div:first-child p { color:#b3b3b3; font-weight:300; font-size:14px; letter-spacing:0; } 
footer .inner_ > div:last-child p { color:#fff; font-weight:700; font-size:37px; } 

#index .section { overflow: hidden; } 

/* section01 */

.index_thumb { position: absolute; top: 50%; left: 50%; overflow: hidden; width: 100%; max-width: 2000px; height: 100%; transform: translate(-50%, -50%); } 
.index_thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 960px; transform: scale(1.1); object-fit: cover; } 


.vis-wrap { position:relative; overflow: hidden; width: 100%; height: 100%; } 
/* .vis-wrap .bg { background-image: url(../images/vis-bg.jpg); }  */
.vis { display: flex; position: relative; width: 100%; max-width: 1200px; height: 100%; margin: 0 auto; z-index: 5; justify-content: flex-end; } 

.vis-wrap.roll { width: 100%; height: 100vh; } 
.vis.roll { width: 100%; max-width: none; height: 100vh; } 
.vis .swiper-slide { position: relative; overflow: hidden; width: 100%; height: 100%; } 

.vis .slo-wrap { display: flex; flex-direction: column; width: 486px; justify-content: center; align-items: center; } 
.vis-txt { position: relative; width: 486px; height: 166px; } 

.vis .swiper-slide .slo-wrap { display: flex; flex-direction: column; width: 433px; justify-content: center; align-items: center; } 
.vis .swiper-slide .vis-txt { position: relative; width: 433px; height: 146px; } 


.vis-txt img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } 
.slo-wrap em { display: block; width: 1px; height: 60px; background-color: #0c1148; } 
.vis-scroll { display: flex; position: absolute; bottom: 50px; left: 0; width: 100%; animation: scroll 2s linear infinite; z-index: 15; justify-content: center; } 

.vis .vis-txt.new{width: auto; height: auto; display: flex; flex-direction: column; align-items: center; gap: 44px;}
.vis .swiper-slide .new-txt{width: 352px; height: 335px; position: relative;}
.vis .swiper-slide .new-txt img{opacity: 0; filter: blur(40px); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.vis .swiper-slide-active .new-txt img{animation: newVisTxt 1s forwards;}
.vis .swiper-slide-active .new-txt img:last-of-type{animation-delay: 0.5s;}

.vis .swiper-slide .new-slo img{opacity: 0; transform: translateY(60px);}
.vis .swiper-slide-active .new-slo img{animation: newVisTxt2 1s forwards; position: relative;}
.vis .swiper-slide-active .new-slo img:last-of-type{animation-delay: 1s;}

@keyframes scroll { 
 0% { transform: translateY(0); } 
 50% { transform: translateY(-20px); } 
 100% { transform: translateY(0); } 
 }

@keyframes newVisTxt { 
 0% { opacity: 0; filter: blur(40px);} 
 100% { opacity: 1; filter: blur(0);} 
 }

@keyframes newVisTxt2 { 
 0% { opacity: 0; transform: translateY(60px);} 
 100% { opacity: 1; transform: translateY(0px);} 
 }
.customWrap {min-width: 1400px;}

.vis .swiper-container { overflow: hidden; width: 100%; height: 100%; } 
.vis .sd01, .vis .sd02 { position: relative; } 
.vis .sd01 .slo-wrap,
.vis .sd02 .slo-wrap { position: absolute; z-index: 100; } 

.vis .sd01 .slo-wrap { top: 210px; left: 240px; } 
.vis .sd02 .slo-wrap { top: 180px; right: 320px; } 

.vis .sd01 .slo-wrap.new {
    top: 22%;
    left: 10%;
}
.vis .sd02 .slo-wrap.new {     top: 12%;
    right: 20%; } 

.vis .sd01 .bg, .vis .sd02 .bg { z-index: -1; } 

.vis-wrap .sd01 .bg { background-image: url(../images/mvis-bg01.jpg?ver=3); } 
/* .vis-wrap .sd02 .bg { background-image: url(../images/mvis-bg02.jpg?ver=3); }  */
.vis-wrap .sd02.new .bg { background-image: url(../images/new-mvis-bg02.jpg?ver=3); } 

/* section01 motion */
.vis-wrap .bg { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; min-height: 960px; background-size: cover; transition: 5s; transform: translate(-50%, -50%) scale(1.15);  background-repeat: no-repeat;} 
.vis-wrap.active .bg { transform: translate(-50%, -50%) scale(1); } 

.vis-wrap.active .bg.active { animation: vis 8s linear infinite; } 

.swiper-slide .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 960px; background-position: center; background-size: 2000px 960px; transition: 0s; transform: none; } 
.swiper-slide-active .bg { animation: visRoll 5s forwards; } 

@keyframes vis { 
 0% { transform: translate(-50%, -50%) scale(1); } 
 50% { transform: translate(-50%, -50%) scale(1.05); } 
 100% { transform: translate(-50%, -50%) scale(1); } 
 }

 @keyframes visRoll { 
 0% { transform: scale(1.1); } 
 100% { transform: scale(1); } 
 }

 @media (min-width:2001px){
    .vis .sd01 .slo-wrap { top: 10%; left: 25%; } 
    .vis .sd02 .slo-wrap { top: 15%; right: 20%; } 

 }

.vis-wrap.active .vis-txt .img-top img:first-of-type { animation: fadeInLef 1.6s forwards; } 
.vis-wrap.active .vis-txt .img-top img:last-of-type { animation: fadeInRig 1.6s forwards; } 
.vis-wrap.active .vis-txt .img-bot img:first-of-type { animation: fadeInLef 1.6s 1.6s forwards; } 
.vis-wrap.active .vis-txt .img-bot img:last-of-type { animation: fadeInRig 1.6s 1.6s forwards; } 

.vis-wrap .vis-img img { filter: blur(40px); transform: translateY(30px); opacity: 0; transition: 1s; } 
.vis-wrap.active .vis-img img { filter: blur(0); transform: translateY(0); opacity: 1; transition-delay: 3.6s; } 

.swiper-slide-active .vis-txt .img-top img:first-of-type { animation: fadeInLef 1.6s forwards; } 
.swiper-slide-active .vis-txt .img-top img:last-of-type { animation: fadeInRig 1.6s forwards; } 
.swiper-slide-active .vis-txt .img-bot img:first-of-type { animation: fadeInLef 1.6s 1.6s forwards; } 
.swiper-slide-active .vis-txt .img-bot img:last-of-type { animation: fadeInRig 1.6s 1.6s forwards; } 

.vis-wrap .vis-img p{overflow: hidden; height: 32px; text-align: center;}
.vis-wrap .vis-img span{display: block; transform: translateY(120%); font-size: 28px; font-weight: 600; color: #272154; letter-spacing: -0.05em;}
.vis-wrap.active .vis-img span{ animation: visText 1.6s forwards;}

.swiper-slide .vis-img p{overflow: hidden;}
.swiper-slide .vis-img span{display: block; transform: translateY(110%);}
.swiper-slide-active .vis-img span{ animation: visText 1s forwards;  animation-delay: 3.6s;}

@keyframes visText{
    0% {transform: translateY(110%);}
    100% {transform: translateY(0);}
}

@keyframes fadeInLef { 
 0% { opacity: 0; transform: translateX(40px); filter: blur(80px); } 
 100% { opacity: 1; transform: translateX(0); filter: blur(0); } 
 }
@keyframes fadeInRig { 
 0% { opacity: 0; transform: translateX(-40px); filter: blur(80px); } 
 100% { opacity: 1; transform: translateX(0); filter: blur(0); } 
 }
@keyframes lineAnimation { 
 0% { height: 0; } 
 100% { height: 60px; } 
 }
@keyframes textAnimation { 
 0% { filter: blur(40px); transform: translateY(30px); opacity: 0; } 
 100% { filter: blur(0); transform: translateY(0); opacity: 1; } 
 }

.vis-wrap .line { height: 60px; margin: 45px auto 50px; } 
.vis-wrap .slo-wrap em { height: 0px; transition: 0.6s; transition-delay: 3.4s; } 
.vis-wrap.active .slo-wrap em { height: 60px; } 

.swiper-slide .slo-wrap em { height: 0px; transition: 0.6s; transition-delay: 3.4s; } 
.swiper-slide-active .slo-wrap em { animation: lineAnimation 0.6s forwards; animation-delay: 3.4s; } 

.swiper-sllide .vis-img img { filter: blur(40px); transform: translateY(30px); opacity: 0; transition: 1s; } 
.swiper-slide-active .vis-img img { animation: textAnimation 1s forwards; animation-delay: 3.6s; } 

@media all and (min-width: 2001px){
    .vis-wrap .bg { background-size: cover;} 
    .vis-wrap.active .bg { background-size: cover; } 
}

@media all and (min-height: 961px){
 .vis-wrap .bg { background-size: cover; } 
 .vis-wrap.active .bg { background-size: cover; } 
 }

/* section01 roll */
.vis-wrap .swiper-pagination-bullet { position: relative; width: 20px; height: 20px; border: 2px solid transparent; background: none; line-height: 20px; text-align: center; vertical-align: middle; z-index: 100; } 

.vis-wrap .swiper-button-next,
.vis-wrap .swiper-button-prev { z-index: 100; } 

.vis-wrap .swiper-pagination-bullet:before { display: inline-block; position: absolute; top: 4px; left: 4px; width: 8px; height: 8px; background: #fff; content: ''; border-radius: 50%; } 

.vis-wrap .swiper-pagination-bullet-active { border-color: #fff; /*transition: all 3s*/}

.vis-wrap .swiper-button-next, .vis-wrap .swiper-container-rtl .swiper-button-prev, .vis-wrap .swiper-button-prev, .vis-wrap .swiper-container-rtl .swiper-button-next { top: auto; background-image: none; } 

.vis-wrap .swiper-button-next, .vis-wrap .swiper-container-rtl .swiper-button-prev { bottom: 60px; left: 170px; width: 20px; height: 20px; background-image: none !important; line-height: 20px; vertical-align: middle; z-index: 100; } 

.vis-wrap .swiper-button-next:before { color: #fff; font-family: 'xeicon'; font-size: 20px; content: '\e93f';}

.vis-wrap .swiper-button-next::after,
.vis-wrap .swiper-button-prev::after { display: none; } 

.vis-wrap .swiper-button-prev, .vis-wrap .swiper-container-rtl .swiper-button-next { bottom: 60px; left: 150px; width: 20px; height: 20px; background-image: none; line-height: 20px; vertical-align: middle; } 

.vis-wrap .swiper-button-prev:before { color: #fff; font-family: 'xeicon'; font-size: 20px; content: '\e93c';}

.swiper-pause { display: inline-block; position: absolute; bottom: 60px; left: 125px; width: 20px; height: 20px; line-height: 20px; z-index: 100; vertical-align: middle; cursor: pointer; } 

.swiper-pause:before { color: #fff; font-family: 'xeicon'; font-size: 20px; content: '\ea3b'; } 
.swiper-pause.on:before { content: '\ea3e'; } 

.vis-wrap .swiper-pagination { position: absolute; bottom: 60px; left: 60px; width: auto; z-index: 999; } 


/* section02 */
.section02-wrap { display: flex; position: relative; width: 100%; height: 100%; } 
.section02-wrap .cen em { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/section02-btn02.png) no-repeat center; background-size: cover; animation: roll 6s linear infinite; } 
.section02-wrap .lef { display: flex; width: 50%; height: 100%; background: #fff; background-size: cover; align-items: center; justify-content: flex-end; } 
.section02-wrap .lef .lef-wrap { display: flex; flex-direction: column; width: 800px; height: 690px; color: #1c1c1c; justify-content: space-between; align-items: flex-start; } 
.section02-wrap .lef .swiper-container { width: 100%; } 
.section02-wrap .lef .catchprise { display: block; width: 100%; font-family: "Cormorant Infant", serif; font-weight: 600; font-size: 54px; line-height: 1.4em; letter-spacing: 0.04em; text-transform: uppercase; } 
.section02-wrap .lef .title { margin: 35px 0 30px; font-weight: 600; font-size: 24px; line-height: 1.4em; letter-spacing: -0.02em; } 
.section02-wrap .lef .info { font-size: 17px; line-height: 26px; letter-spacing: -0.02em; } 

.section02-wrap .rig { width: 50%; height: 100%; background: #fff; background-size: cover; } 

@keyframes roll { 
 0% { transform: rotate(0deg); } 
 100% { transform: rotate(360deg); } 
 }

.section02-wrap .cen { position: absolute; top: 50%; left: 0px; width: 140px; height: 140px; transform: translate(-50%, -50%); z-index: 10; } 

.section02-wrap .rig .swiper-container { width: 100%; height: 100%; } 
.section02-wrap .rig .swiper-slide { position: relative; overflow: hidden; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } 
.section02-wrap .rig .swiper-slide a { display: flex; overflow: hidden; width: 100%; height: 100%; align-items: flex-end; justify-content: flex-start; } 
.section02-wrap .rig .swiper-slide img { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.section02-wrap .rig .image-cut { position: relative; margin: 20px; color: #fff; font-weight: 300; font-size: 15px; } 

.section02-pagination { display: flex; gap: 15px; margin-top: 80px; align-items: center; } 
.section02-pagination .current { color: #1c1c1c; font-family: 'Pretendard'; font-weight: 500; } 
.section02-pagination .total { color: #1c1c1c; font-family: 'Pretendard'; font-weight: 500; opacity: 0.6; } 
.section02-pagination .progress { display: block; position: relative; width: 160px; height: 2px; background-color: #d2d2d2; } 
.section02-pagination .progress span { display: block; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #1c1c1c; } 

.section02-pagination .section02-btn-wrap { display: flex; width: 36px; } 
.section02-pagination .section02-btn-wrap .next,
.section02-pagination .section02-btn-wrap .prev { width: 18px; height: 40px; } 
.section02-pagination .section02-btn-wrap .next { background-image: url(../images/section02-next.png); background-repeat: no-repeat; background-position: right center; background-size: 10px 14px; } 
.section02-pagination .section02-btn-wrap .prev { background-image: url(../images/section02-prev.png); background-repeat: no-repeat; background-position: left center; background-size: 10px 14px; } 

/* section02 motion */


.section02 .lef .swiper-slide p { overflow: hidden; } 

.section02 .lef .info { transform: translateX(-50px); opacity: 0; transition: 0.8s; } 
.section02 .lef .title { transform: translateX(50px); opacity: 0; transition: 0.8s; } 

.section02 .lef .swiper-slide { opacity: 0; } 
.section02 .lef .swiper-slide-active { opacity: 1; } 

.section02 .lef .swiper-container { overflow: visible; } 
.section02 .lef .info,
.section02 .lef .title { opacity: 0; } 
.section02 .catchprise { opacity: 0; } 

.section02 .swiper-slide-active .info { animation: lefMotion 0.8s 0.8s forwards; } 
.section02 .swiper-slide-active .title { animation: rigMotion 0.8s 0.8s forwards; } 
.section02 .swiper-slide-active .catchprise { animation: titleMotion 1.2s 0s forwards; } 

.section02 .cen a { display: block; width: 100%; height: 100%; transition: 0.8s; transform: none; } 
.section02 .cen:hover a { transform: translateX(10px); } 

@keyframes titleMotion { 
 0% { transform: translateX(100px); filter: blur(50px); opacity: 0; } 
 100% { transform: translateX(0); filter: blur(0); opacity: 1; } 
 }

@keyframes lefMotion { 
 0% { transform: translateX(50px); opacity: 0; } 
 100% { transform: translateX(0); opacity: 1; } 
 }
@keyframes rigMotion { 
 0% { transform: translateX(-50px); opacity: 0; } 
 100% { transform: translateX(0); opacity: 1; } 
 }
@keyframes scaleMotion { 
 0% { transform: scale(1.3); opacity: 0; } 
 100% { transform: scale(1); opacity: 1; } 
 }

.section02 { overflow: hidden; } 

.section02 .lef-wrap .top { opacity: 0; transform: translateY(-100px); transition: 1.4s; filter: blur(20px); } 
.section02 .lef-wrap .bot { opacity: 0; transform: translateX(-100px); transition: 1.4s; } 

.section02 .lef-wrap .bot { width: 100%; } 

.section02 .fp-tableCell.active .lef-wrap .top { opacity: 1; transform: translateY(0); filter: blur(0); } 
.section02 .fp-tableCell.active .lef-wrap .bot { opacity: 1; transform: translateX(0); transition-delay: 0.8s; } 

.section02 .rig-wrapper { width: 100%; height: 100%; } 
.section02 .fp-tableCell .rig .rig-wrapper { transform: translateX(100px); opacity: 0; transition: 1.4s; } 
.section02 .fp-tableCell.active .rig .rig-wrapper { transform: translateX(0%); opacity: 1; transition-delay: 0.8s; } 

.section02 .rig .swiper-slide img { transform: scale(1); } 
.section02 .rig .swiper-slide-active img { animation: scaleMotion 2s forwards; } 



/* section03 */
.section03 { position: relative; width: 100%; height: 100%; background-color: #221b45; } 
.section03-wrap { display: flex; gap: 70px; position: absolute; top:0; right: 0; width: 91.6%; height: 100%; justify-content: space-between; align-items: center; z-index: 10; } 
.section03-wrap .lef { display: flex; flex-shrink: 0; width: 1000px; height: 716px; align-items: center; } 
.section03-wrap .rig { position: relative; width:calc(100% - 1070px); height: 716px; } 
.section03-wrap .rig > .title { margin-top: 0; } 
.section03-wrap .rig .more-btn { display: flex; position: absolute; top: -55px; left: 420px; width: 142px; height: 142px; justify-content: center; align-items: center; } 
.section03-wrap .rig .more-btn em { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/section03-btn02.png) no-repeat center; background-size: cover; animation: roll 6s linear infinite; } 

.section03-wrap .loc-wrap { display:block; margin-top: 70px; } 
.section03-wrap .loc-wrap .item { display: flex; gap: 22px; } 
.section03-wrap .loc-wrap .item~.item { margin-top: 58px; } 
.section03-wrap .loc-wrap .item .detail { margin-top: 2px; margin-bottom: 10px; color: #fff; font-weight: 300; font-size: 17px; letter-spacing: -0.05em; } 
.section03-wrap .loc-wrap div .item-title { color: #dc7469; font-weight: 600; font-size: 25px; letter-spacing: -0.03em; } 
.section03-wrap .loc-wrap div em { font-size: 18px; } 

@media (min-width: 2001px){
    .section03-wrap{max-width: 1700px; margin: 0 auto; right: 50%; transform: translateX(50%);}
    .section03-wrap .rig{width: 680px;}
}

@media all and (max-height:874px){
 .section03-wrap { justify-content: flex-start; } 
 /* .section03-wrap .lef { height: 80%; width: 35%; } */
 .section03-wrap .lef img { height: 100%; } 
 .section03-wrap .rig { width: 65%; } 
 }

/* section03 motion */
.section03-wrap .lef { opacity: 0; transform: translateY(-100px); transition: 1.4s; } 
.fp-tableCell.active .section03-wrap .lef { opacity: 1; transform: translateY(0); } 

.section03-wrap .rig .title { opacity: 0; transform: translateX(100px); transition: 1.4s; } 
.fp-tableCell.active .section03-wrap .rig .title { opacity: 1; transform: translateX(0); } 

.section03-wrap .rig .swiper-container { opacity: 0; transform: translateY(100px); transition: 1.4s; } 
.fp-tableCell.active .section03-wrap .rig .swiper-container { opacity: 1; transform: translateY(0); } 
.section03 .fp-tableCell .more-btn { transform: translateX(-80px); transition: 1.4s; opacity: 0; } 
.section03 .fp-tableCell.active .more-btn { transform: translateX(0px); transition-delay: 1s; opacity: 1; } 

.section03 .more-btn a { transition: 0.8s; } 
.section03 .fp-tableCell.active .more-btn a:hover { transform: translateX(10px); } 

.section03 .item { opacity: 0; transform: translateX(-20px); transition: 0.8s; } 
.section03 .fp-tableCell.active .item.item01 { transition-delay: 1.4s; opacity: 1; transform: translateX(0); } 
.section03 .fp-tableCell.active .item.item02 { transition-delay: 1.5s; opacity: 1; transform: translateX(0); } 
.section03 .fp-tableCell.active .item.item03 { transition-delay: 1.6s; opacity: 1; transform: translateX(0); } 
.section03 .fp-tableCell.active .item.item04 { transition-delay: 1.7s; opacity: 1; transform: translateX(0); } 
.section03 .fp-tableCell.active .item.item05 { transition-delay: 1.8s; opacity: 1; transform: translateX(0); } 
.section03 .fp-tableCell.active .item.item06 { transition-delay: 1.9s; opacity: 1; transform: translateX(0); } 


/* section03 btn */
.explanation { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; } 

.explanation .part_btn a { display: block; position: relative; width: 20px; height: 20px; border: none; background: none; z-index: 1; } 
.explanation .part_btn a .plus { position: relative; width: 100%; height: 100%; background: url(../images/part-plus.png?ver=3) no-repeat center; background-size: contain; z-index: 1; } 

.explanation .part_btn a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; } 
.explanation .part_btn a .back1 { background-color: rgba(34, 27, 69, 0.8); animation: part_btn1 2s ease infinite; z-index: -1; } 
.explanation .part_btn a .back2 { background-color: rgba(98, 78, 194, 0.4); animation: part_btn2 2s ease infinite; z-index: -2; } 

@keyframes part_btn1 { 
 0% { opacity: 1; } 
 50% { opacity: 0.6; } 
 100% { transform: scale(1.45); opacity: 0; } 
 }

@keyframes part_btn2 { 
 0% { opacity: 1; } 
 50% { opacity: 0.6; } 
 100% { transform: scale(1.9); opacity: 0; } 
 }

.explanation .part_btn { position: absolute; transform: translate(-50%, -50%); } 

.explanation .part_btn.btn1 { top: 33.55%; right: 13.2%; } 


/* section04 */
/* .footer-wrapper { overflow: auto; height: 100%; width: 100%; } */
.section04 { position: relative; background: #dadada; } 
.section04 .fp-tableCell { position: relative; } 
.section04 .scroll { position: absolute; top: 0; left: 0; overflow-y: scroll; width: 100%; height: 100%; z-index: 10; } 
.section04 .scroll::-webkit-scrollbar { display: none; } 

.section04-wrap { display: flex; position: relative; width: 100%; max-width: 1630px; height: auto; height: calc(100vh - 226px); min-height: 640px; margin: 0 auto; flex-directivon: column; justify-content: center; align-items: center; } 

.section04-wrap .top { display: flex; gap: 60px; width: 100%;justify-content: center;} 
/* .section04-wrap .top.brand { gap:20px } */
.section04-wrap .top .lef { flex-shrink: 0; width: 900px; height: 100%; } 
.section04 .fp-tableCell.active .top .lef { display: flex; flex-direction: column; justify-content: space-between; align-items: center; } 
.section04-wrap .top-wrap { display: flex; width: 580px; height: 20px; margin-top: 40px; margin-bottom: 8px; justify-content: space-between; align-items: flex-end; } 
.section04-wrap .top-wrap .title { display: block; position: relative; width: 50%; height: 100%; color: #0d124c; font-weight: 600; font-size: 20px; letter-spacing: -0.05em; } 
.section04-wrap .top-wrap .title span { position: absolute; top: 0; left: 0; opacity: 0; transition: 0.4s; } 
.section04-wrap .top-wrap .title span.on { opacity: 1; } 
.section04-wrap .swiper-slide { background: #fff; } 

.section04-wrap .top > .rig { flex-shrink: 0; position: relative; width: 640px; height: 541px; padding: 40px 0; background: #fff; box-sizing: border-box; } 

.section04-wrap .top .top-section { width: 580px; margin: 0 auto; } 
.section04-wrap .top .bot-section { width: 580px; margin: 0 auto; } 

.section04-wrap .top > .rig p { color: #616161; font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -0.05em; text-align: right; } 
.section04-wrap .youtube-wrap { position: relative; width: 100%; height: 0; padding-bottom: 42.25%; background: #777; box-shadow: 0 0 30px rgba(0,0,0,0.5); } 
.section04-wrap .youtube-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.section04-wrap .youtube-wrap video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 

.section04-wrap .lef ul{margin-top:30px;display:flex;gap:0 60px;}
.section04-wrap .lef ul li{width:120px;}
.section04-wrap .lef ul li a{display:block;}
.section04-wrap .lef ul li span{display:block;margin: 0 auto;width:95px;height:95px;border-radius:50%;background-color:#b06556;background-repeat:no-repeat;background-position:center;background-size:contain;transition:0.4s;}
.section04-wrap .lef ul li p{text-align:center;margin-top:20px;font-weight:500;color:#000;font-size:18px;font-family: 'Montserrat';}
.section04-wrap .lef ul .i1 span{background-image:url(../images/vd-icon1.png);}
.section04-wrap .lef ul .i2 span{background-image:url(../images/vd-icon2.png?ver=1);}
.section04-wrap .lef ul .i3 span{background-image:url(../images/vd-icon3.png);}
.section04-wrap .lef ul .i4 span{background-image:url(../images/vd-icon4.png);}
.section04-wrap .lef ul li a:hover span{background-color:#0b1047;}

.section04-wrap .more-btn { position: absolute; top: -48px; right: -49px; width: 123px; height: 123px; border-radius: 50%; z-index:20; } 
.section04-wrap .more-btn em { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/section04-btn02.png) no-repeat center; background-size: cover; animation: roll 6s linear infinite; } 

.section04-wrap .brand-navigation { display: flex; gap: 100px; width: 100%; justify-content: center; box-sizing: border-box; } 
.section04-wrap .brand-navigation .section04-btn { display: flex; flex-direction: column; width: 90px; align-items: center; } 
.section04-wrap .brand-navigation .section04-btn .icon-wrap { display: flex; flex-shrink: 0; width: 84px; height: 84px; margin-bottom:22px; justify-content: center; align-items: center; border-radius: 50%; box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.21); } 

.section04-btn .title { margin-bottom: 18px; color: #1e1e1e; font-weight: 500; font-size: 19px; letter-spacing: -0.05em; } 

.section04-pagination { display: flex; gap: 5px; justify-content: flex-end; } 
.section04-pagination .swiper-pagination-bullet { margin: 0 !important; background: #dadada; opacity: 1; } 
.section04-pagination .swiper-pagination-bullet-active { background: #0e1248; } 

.section04 .brand_btn a { display:inline-block; width:250px; height:55px; margin-top:30px; background:#b06556; color:#fff; font-weight:600; line-height:55px; border-radius: 50px; text-transform: uppercase; } 


.section04 .rig_brand { flex-shrink: 0; position: relative; width: 600px; background: #fff; height: 540px;} 
.section04 .inner_brand { display:flex; flex-direction:column; height:100%; padding:0 30px; text-align:center; align-items:center; justify-content:center; } 
.section04 .inner_brand > h2 { color:#2c3540; font-weight: 300; font-size:30px; line-height: 1.5; } 
.section04 .inner_brand > h2 b {font-weight: 700;}
.section04 .inner_brand > h2 span { font-weight:600; } 
.section04 .inner_brand > h3 { margin-bottom:10px; color:#2c3540; font-weight: 400; font-size:15px; line-height: 1.5; } 
.section04 .inner_brand .swiper-container { overflow: hidden; width:100%; margin-top:20px; margin-bottom:20px !important; border-top:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; } 
.section04 .inner_brand > a { display:block; width:200px; margin:20px auto 0; background:#b06556; color:#fff; font-weight:600; font-size:18px; line-height:50px; text-align:center; border-radius:50px; text-transform:uppercase; transition:all 0.4s ease-out; } 

.brand_pagination { display: flex; gap: 5px; justify-content: center; } 
.brand_pagination .swiper-pagination-bullet { width: 5px; height: 5px; margin: 0 10px !important; background: #dadada; opacity: 1; } 
.brand_pagination .swiper-pagination-bullet-active { background: #000; } 



@media (max-height: 750px){
 .section04-wrap .top-wrap { margin-top: 35px; } 
 }

/* section04 motion */
.section04 .top .lef { opacity: 0; transform: translateX(-100px); transition: 1.4s; } 
.section04 .fp-tableCell.active .top .lef { opacity: 1; transform: translateX(0); } 
.section04 .top .rig { opacity: 0; transform: translateX(100px); transition: 1.4s; } 
.section04 .fp-tableCell.active .top .rig { opacity: 1; transform: translateX(0); } 

.section04 .top .rig_brand { opacity: 0; transform: translateX(100px); transition: 1.4s; } 
.section04 .fp-tableCell.active .top .rig_brand { opacity: 1; transform: translateX(0); } 

.section04 .brand-navigation a { opacity: 0; transform: translateX(10px); transition: 0.8s; } 
.section04 .fp-tableCell.active .brand-navigation a:first-of-type { transition-delay: 1s; opacity: 1; transform: translateX(0); } 
.section04 .fp-tableCell.active .brand-navigation a:nth-of-type(2) { transition-delay: 1.2s; opacity: 1; transform: translateX(0); } 
.section04 .fp-tableCell.active .brand-navigation a:nth-of-type(3) { transition-delay: 1.4s; opacity: 1; transform: translateX(0); } 
.section04 .fp-tableCell.active .brand-navigation a:last-of-type { transition-delay: 1.6s; opacity: 1; transform: translateX(0); } 

.section04 .more-btn { transform: translateX(-40px); transition: 1.4s; opacity: 0; } 
.section04 .fp-tableCell.active .more-btn { transform: translateX(0px); transition-delay: 1s; opacity: 1; } 

.section04 .more-btn a { display: flex; width: 100%; height: 100%; transition: 0.8s; justify-content: center; align-items: center; } 
.section04 .more-btn a:hover { transform: translateX(10px); } 

.section04-wrap .brand-navigation .section04-btn .icon-wrap { background: #d67463; transition: 0.4s; } 
.section04-wrap .brand-navigation .section04-btn:hover .icon-wrap { background: #0e1248; } 

/* 반응형 */

@media all and (max-width: 1600px){
 .section02-wrap .lef .lef-wrap { width: 580px; height: 100%; padding: 60px; box-sizing: border-box; } 
 .section03-wrap .lef { width: 60%; height: auto; } 
 .section03-wrap .lef .sub_location { width: 100%; height: 0; padding-bottom: 71.6%; } 
 .section03-wrap .lef .sub_location img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
 .section03-wrap .rig { width: 40%; } 
 .section03-wrap .loc-wrap { display:block; margin-top: 60px; } 
 .section03-wrap .loc-wrap .item { display: flex; gap: 22px; } 
 .section03-wrap .loc-wrap .item~.item { margin-top: 50px; } 
 .section03-wrap .loc-wrap .item .detail { margin-top: 2px; margin-bottom: 10px; color: #fff; font-weight: 300; font-size: 15px; letter-spacing: -0.05em; } 
 .section03-wrap .loc-wrap div .item-title { color: #dc7469; font-weight: 600; font-size: 23px; letter-spacing: -0.03em; } 
 .section03-wrap .loc-wrap div em { font-size: 14px; } 
 .section03-wrap .rig .more-btn { right: 30px; left: auto; width: 120px; height: 120px; } 

 .section04-wrap { padding: 0 60px; box-sizing: border-box; } 
 .section04-wrap .top { gap: 30px; } 
 .section04-wrap .top .lef { width: 65%; height: auto; } 
 .section04-wrap .top > .rig { display: flex; flex-direction: column; width: 35%; height: auto; padding: 20px; justify-content: center; } 
 .section04-wrap .top > .rig_brand { display: flex; flex-direction: column; width: 35%; height: auto; padding: 20px; justify-content: center; } 
 .section04-wrap .top .top-section { width: 100%; } 
 .section04-wrap .top .bot-section { width: 100%; } 
 .section04-wrap .top-wrap { width: 100%; } 
 .section04 .inner_brand > h2 { color:#2c3540; font-weight: 300; font-size:24px; line-height: 1.5; } 
 .section04 .inner_brand > h2 span { font-weight:600; } 
 .section04 .inner_brand > h3 { margin-bottom:10px; color:#2c3540; font-weight: 300; font-size:12px; line-height: 1.5; } 
 .ban.end { display: none; } 

 .explanation .part_btn.btn1 { top: 33%; right: 12%; } 
 }

@media (max-height: 780px){
 .section03-wrap .lef { width: 50%; max-width: 1000px; height: auto; } 
 .section03-wrap .lef .sub_location { width: 100%; height: 0; padding-bottom: 71.6%; } 
 .section03-wrap .lef .sub_location img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
 .section03-wrap .loc-wrap .item~.item { margin-top: 50px; } 
 .explanation .part_btn.btn1 { top: 33%; right: 12.5%; } 
 .section04-wrap { height: auto; min-height: auto; margin: 60px auto; } 
 .section03-wrap .rig { height: auto; } 
 .section03-wrap .loc-wrap { display:block; margin-top: 40px; } 
 .section03-wrap .loc-wrap .item { display: flex; gap: 22px; } 
 .section03-wrap .loc-wrap .item~.item { margin-top: 35px; } 
 .ban.end { display: none; } 
 }

@media all and (max-width: 1290px){
 .vis { justify-content: center; } 

 .section02-wrap .lef .lef-wrap { width: 100%; max-width: 580px; height: 100%; padding: 60px; box-sizing: border-box; } 
 .section02 .lef-wrap .top { width: 70%; } 

 .section03-wrap { gap: 30px; } 
 .section03-wrap .lef { width: 60%; height: auto; } 
 .section03-wrap .lef .sub_location { width: 100%; height: 0; padding-bottom: 71.6%; } 
 .section03-wrap .lef .sub_location img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
 .section03-wrap .rig { display: flex; flex-direction: column; width: 40%; height: auto; align-items: flex-start; justify-content: center; } 
 .fp-tableCell.active .section03-wrap .rig .title { width: 50%; } 
 .section03-wrap .loc-wrap { display:block; margin-top: 40px; } 
 .section03-wrap .loc-wrap .item { display: flex; gap: 22px; } 
 .section03-wrap .loc-wrap .item~.item { margin-top: 30px; } 
 .section03-wrap .loc-wrap .item .detail { margin-top: 2px; margin-bottom: 10px; color: #fff; font-weight: 300; font-size: 14px; letter-spacing: -0.05em; } 
 .section03-wrap .loc-wrap div .item-title { color: #dc7469; font-weight: 600; font-size: 20px; letter-spacing: -0.03em; } 
 .section03-wrap .loc-wrap div em { font-size: 12px; } 

 .section03-wrap .rig .more-btn { right: 60px; left: auto; width: 80px; height: 80px; } 

 .section04-wrap { padding: 0 60px; box-sizing: border-box; } 
 .section04-wrap .top { gap:20px; } 
 .section04-wrap .top .lef { width: 65%; height: auto; } 
 .section04-wrap .top > .rig { display: flex; flex-direction: column; width: 35%; height: auto; padding: 20px; justify-content: center; } 
 .section04-wrap .top .top-section { width: 100%; } 
 .section04-wrap .top .bot-section { width: 100%; } 
 .section04-wrap .top-wrap { width: 100%; } 
 .section04-wrap .top > .rig_brand { padding: 20px 0; } 
 .section04 .inner_brand > h2 { color:#2c3540; font-weight: 300; font-size:24px; line-height: 1.5; } 
 .section04 .inner_brand > h2 span { font-weight:600; } 
 .section04 .inner_brand > h3 { margin-bottom:10px; color:#2c3540; font-weight: 300; font-size:12px; line-height: 1.5; } 
 
 .ban.end { display: none; } 
 }

.section05{background:url(../images/unit-bg.jpg?ver=1) no-repeat center / cover;}
.section05 .unit{display:flex;align-items:center;justify-content: center;}
.section05 .unit_wrap{display:flex; align-items:flex-end; justify-content:flex-end;margin-left:-100px;}

.unit_slider{width:962px;box-shadow:20px 20px 30px rgba(0, 0, 0, 0.2);opacity:0;transform:translate(0,20%);transition:1s;}
.unit_slider .items img {display:block;}

.tit_box {padding-left:120px;opacity:0;transform:translate(0,20%);transition:1s;transition-delay:0.5s;}
.tit_box .unit_tit a{margin-top:30px; font-family: 'Montserrat';  font-weight:600; display:inline-block; cursor:pointer}
.tit_box .unit_tit a svg{width:20px;  padding-left:10px}
.unit_tit h3{margin-top:55px; font-size:30px;font-weight: 600;color:#d67463;}
.unit_tit h4{font-size:23px;color:#515151;font-weight:500;line-height:32px;margin-top:15px;}

.unit_btn_slider {margin-top:180px;width:400px;position:relative;}
.unit_btn_slider .type{position:absolute;left:0;top:0;}
.unit_btn_slider .type strong{font-size:86px;font-weight:600;}
.unit_btn_slider .type em{font-size:33px;}
.unit_btn_slider .type span{padding-left:30px;font-size:26px;font-weight:600;}
.unit_btn_slider .items{cursor:pointer;}
.unit_btn_slider .items p {width:114px; height:114px; background:#e4e4e4; color:#fff; line-height:114px; text-align:center; font-size:20px; color:#4a4a4a; font-weight:400; opacity:0.75;font-family: 'Montserrat';}
.unit_btn_slider .slick-current .items p{background:url(../images/unit-active.png) no-repeat; font-weight:600; opacity:1; transition:0.4s; color:#fff;}

.section05.active .unit_slider,
.section05.active .tit_box{opacity:1;transform:none;}

/*con*/
.quick { padding: 100px 0 125px; } 
.quick ul::after { display: block; clear: both; content: ""; } 
.quick li { float:left; width:22%; margin-left:4%; text-align:center; } 
.quick li a { display:block; padding-top:65px; background-repeat:no-repeat; background-position:center top; } 
.quick li:nth-child(1) a { background-image:url(../images/quick1.png?ver=1); } 
.quick li:nth-child(2) a { background-image:url(../images/quick2.png?ver=1); } 
.quick li:nth-child(3) a { background-image:url(../images/quick3.png?ver=1); } 
.quick li:nth-child(4) a { background-image:url(../images/quick4.png?ver=1); } 
.quick li:nth-child(1) { margin-left:0; } 
.quick li strong { display:block; margin-bottom:20px; color:#555; font-weight:500; font-size:20px; } 
.quick li p { color:#555; font-size:16px; line-height:20px; } 
.main1 { overflow: hidden; padding: 100px 0 100px; background: url(../images/premium-bg.gif) no-repeat center top; background-size: cover; text-align: center; } 
.main1-tit { margin-bottom: 60px; } 
.main1-btn { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; } 
.main1-next { right: -30px; background: url(../images/life-next.png) center center no-repeat; } 
.main1-prev { left: -30px; background: url(../images/life-prev.png) center center no-repeat; } 
.main1-pagination .swiper-pagination-bullet {; margin: 0 5px; background-color: #ccc; opacity: 1; } 
.main1-pagination .swiper-pagination-bullet-active { background-color: #db7000; } 


/*sub*/
/* .subwrap { padding-top:90px; } */
.sub_top { position: relative; overflow: hidden; height: 428px; } 
.sub_top .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/svis.jpg?ver=1) no-repeat center; background-size: cover; z-index: 0; transform: scale(1.15); transition: 3s; } 
.sub_top.active .bg { transform: scale(1); } 
.sub_tit { padding-top: 175px; } 
.sub_top h2 { position: relative; color: #fff; font-weight: 500; font-size: 36px; letter-spacing: 0.5em; text-align: center; z-index: 5; opacity: 0; transition: 1s; filter: blur(20px); } 
.sub_top.active h2 { letter-spacing: -0.05em; opacity: 1; filter: blur(0); } 

.sub_tit p { padding-top:20px; color: #9f9d9d; font-weight: 400; font-size: 18px; letter-spacing: -.8px; text-align: center; } 
.sub_tit h2 img { display:block; padding-top:20px; margin:0 auto; } 

.sub_menu { position: absolute; bottom: 0; left: 0; width: 100%; } 
.sub_menu::after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; content: ''; opacity: 0.85; z-index: 0; } 
.sub_menu .inner { z-index: 10; } 
.sub_menu .inner::after { display: block; clear: both; content: ""; } 

.sub_menu .depth_menu { display: flex; width: 100%; justify-content: space-around; } 
.sub_menu .depth_menu li { display: block; width: 100%; height: 100%; color: #151515; line-height: 64px; letter-spacing: -0.05em; text-align:center; } 
.sub_menu .depth_menu li.active { background-color: #fff; } 
.sub_menu .depth_menu li a { display: block; width: 100%; height: 100%; } 
.sub_menu .depth_menu.tab1 li { width: 33.33%; } 

/* .content { padding: 100px 0 175px; }  */
.content { padding: 0 0 175px; } 
.con_tit {margin-top: 100px; margin-bottom: 60px; color: #222; font-size: 32px; text-align: center; } 

.sub_tbl { margin-top: 60px; } 
.sub_tbl table { width: 100%; border-top: 2px solid #0b1047; } 
.sub_tbl table th { position: relative; padding: 25px 0; border-bottom: 1px solid #e6e6e6; color: #0c1148; font-weight: 500; font-size: 17px; letter-spacing: -0.05em; text-align: center; } 
.sub_tbl table th::after { display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 20px; margin-top: -10px; background-color: #e6e6e6; content: ""; } 
.sub_tbl table td { padding: 25px 0; padding-left: 30px; border-bottom: 1px solid #e6e6e6; color: #595959; font-weight: 400; font-size: 16px; letter-spacing: -0.05em; } 

.precaution { position: relative; padding: 30px 20px 30px 120px; margin-top: 90px; border: 1px solid #e6e6e6; background-color: #fff; } 
.precaution:before { display: inline-block; position: absolute; top: calc(50% - 20px); left: 40px; width: 40px; height: 40px; background: url(../images/precaution-icon.png) no-repeat; content: ""; } 
.precaution li { position: relative; padding-left: 10px; color: #999; font-size: 13px; line-height: 22px; letter-spacing: -0.05em; } 

/*customer*/
.bo_tbl { margin-bottom: 60px; } 
.bo_tbl table { width: 100%; border-top: 1px solid #333; } 
.bo_tbl table tr th { padding: 30px 0 30px 40px; border-bottom: 1px solid #e5e5e5; color: #333; font-weight: 400; font-size: 17px; text-align: left; } 
.bo_tbl table tr td { border-bottom: 1px solid #e5e5e5; } 
.bo_tbl table tr td > div { display: flex; align-items: center; } 
.bo_tbl table tr td input[type="text"] { height: 50px; padding: 0 20px; border: none; background-color: #f0f0f0; color: #999; font-size: 16px; outline: none; } 
.bo_tbl table tr td select { width: 227px; height: 50px; padding: 0 20px; border: none; background: #f0f0f0 url(../images/select-icon.png) no-repeat 90% 52%; color: #999; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; } 
.bo_tbl table tr td select ~ select { margin-left: 10px; } 
.bo_tbl table tr td em { margin: 0 10px; color: #666; font-size: 16px; } 
.bo_tbl table tr td .personnel label ~ label { margin-left: 20px; } 
.bo_tbl table tr td .personnel label span { margin-left: 5px; } 
.bo_tbl table tr td p { margin-top: 10px; font-size: 14px; } 
.bo_tbl table tr td input:focus,
.bo_tbl table tr td select:focus { border: 1px solid #35343a; background: #fff; } 
.terms { margin-top: 60px; } 
.terms dl { margin-bottom: 15px; } 
.terms dl dt { margin-bottom: 10px; color: #333; font-weight: 600; font-size: 20px; } 
.terms dl dd { color: #666; font-size: 15px; line-height: 20px; } 
.terms table { width: 100%; margin-bottom: 50px; border-top: 1px solid #707070; } 
.terms table th { padding: 15px 0; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; color: #666; font-weight: 600; font-size: 14px; vertical-align: middle; } 
.terms table td { padding: 15px 0 15px 30px; border-bottom: 1px solid #d5d5d5; color: #666; font-size: 14px; line-height: 22px; } 
.terms table.type2 th:last-child { border-right: none; } 
.terms table.type2 td { padding: 15px 0; border-right: 1px solid #d5d5d5; text-align: center; } 
.terms table.type2 td:last-child { border-right: none; } 
.agree > div { display: flex; padding: 25px 40px; margin-bottom: 10px; background-color: #f5f5f5; align-items: center; justify-content: space-between; } 
.agree p { color: #333; font-size: 18px; } 
.agree p span { font-size: 15px; } 
.agree ul { display: flex; } 
.agree ul li ~ li { margin-left: 20px; } 
.agree ul li span { padding-left: 5px; } 
.btn_area { margin-top: 50px; } 
.btn_area ul { display: inline-block; overflow: hidden; } 
.btn_area ul li { float: left; } 
.btn_area ul li ~ li { margin-left: 10px; } 
.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: block; width: 160px; height:50px; border: none; font-weight: 600; font-size: 16px; line-height: 48px; transition: 0.2s; } 

/* 이벤트 이미지 첨부 폼 */
.con-banner{margin-bottom:60px;}
.img-input{position:relative;}
.img-box-btn{display:flex;margin-top:16px;align-items:center; gap:3px}
.img-info{position:relative; }
.img-inputs{height:120px;}
.img-info-wrap{position:absolute; top:30px; left:40px;}
.img-box-btn button{width:27px; height:27px; font-size:20px; font-weight:300; text-align:center; line-height:30px; background:none; border:none; background-size:16px;}
.img-box-btn button:first-of-type{background:url(../images/plus-btn.png) no-repeat center;}
.img-box-btn button:last-of-type{background:url(../images/minus-btn.png) no-repeat center;}

.img-box-wrap{padding: 10px 0px}
.img-box-wrap li{display: flex; line-height:40px;}
.img-box-wrap span{font-size: 13px; color:#555}

.sub82-btn1 {display: block;font-size: 14px;font-weight: 500;width: 80px;height:28px;line-height: 26px;border: none;transition: 0.2s;margin-right:20px;color: #fff;background-color: #777;text-align:center;margin-top: 7px;}
.sub82-btn1:hover{color: #777;background-color: #fff;border: 1px solid #777;}
.photo_notice{margin-top:16px; font-size:14px; color:#777}


/*news*/
.search_area { display: flex; justify-content: flex-end; } 
.search_area form { display:flex; } 
.search_area select { width: 100px; height: 35px; padding: 0 10px; margin-right: 5px; border: 1px solid #c1c1c1; color: #666; } 
.search_area input { width: 240px; height: 35px; padding: 0 10px; border: 1px solid #c1c1c1; color: #666; } 
.search_area button { width: 35px; height: 35px; border: 1px solid #c1c1c1; border-left: none; background: url(../images/search-icon.gif) no-repeat center; } 
.news_tbl { margin-top: 20px; } 
.news_tbl table { width: 100%; border-top: 2px solid #6b6b6b; table-layout: fixed; } 
.news_tbl table td { padding: 25px 0; border-bottom: 1px solid #dcdcdc; color: #666; font-size: 14px; text-align: center; } 
.news_tbl table td a { display: block; overflow:hidden; width: 80%; font-size: 18px; text-align: left; white-space:nowrap; text-overflow:ellipsis; } 
.news_tbl table tr:hover td { background: #f9f9f9; } 

/*schedule*/
.sche_tab { margin-bottom: 60px; } 
.sche_tab::after { display: block; clear: both; content: ""; } 
.sche_tab li { position: relative; float: left; width: 50%; } 
.sche_tab li::after { display: none; position: absolute; position: absolute; left: 50%; margin-left: -7px; border-top: 8px solid #3b7387; border-right: 8px solid transparent; border-left: 8px solid transparent; content: ""; } 
.sche_tab li a { display: block; width: 100%; border: 1px solid #dedede; background: #f0f0f0; color: #888; font-size: 20px; line-height: 60px; text-align: center; } 
.sche_tab li.on::after { display: block; } 
.sche_tab li.on a { border: 1px solid #3b7387; background-color: #3b7387; color: #fff; } 
.sche_tab li a:hover { border: 1px solid #3b7387; background-color: #3b7387; color: #fff; } 
.step { display: flex; margin-bottom: 30px; } 
.step_tit { display: flex; width: 240px; background-color: #999; align-items: center; justify-content: center; border-radius: 10px 0 0 10px; } 
.step_tit strong { padding-right: 30px; background: url(../images/step-arr.png) no-repeat right center; color: #fff; font-weight: 400; } 
.step ul { display: flex; width: calc(100% - 240px);; border: 1px solid; border: 1px solid #ddd; border-left: none; border-radius: 0px 10px 10px 0px; } 
.step ul li { display: flex; position: relative; width: 33.33%; height: 100px; padding: 0 80px; align-items: center; } 
.step ul li dl { display: inline-block; } 
.step ul li dl dt { margin-bottom: 7px; color: #9a9a9a; font-weight: 400; font-size: 14px; } 
.step ul li dl dd { font-weight: 500; font-size: 18px; } 
.step ul li::after { position: absolute; top: 50%; right: 0; width: 1px;; height: 40px; margin-top: -20px; background-color: #ddd; content: ""; } 
.step ul li:last-child:after { display: none; } 
.notice_box { padding: 30px 0; margin-bottom: 70px; background-color: #f9f9f9; color: #222; text-align: center; border-radius: 10px; } 
.notice_box p { font-size: 20px; line-height: 26px; } 
.notice_box ul { display: inline-block; margin-top: 30px; text-align: left; } 
.notice_box ul li { font-size: 16px; line-height: 26px; } 
.notice_box span { color: #ff3333; } 
.sche_tit { margin-bottom: 50px; color: #333; font-size: 30px; } 
.sche_tit strong { margin-right: 10px; color: #000; } 
.calendar_box { display: flex; margin-bottom: 70px; justify-content: space-between; } 
.calendar { width: calc(50% - 20px); border: 1px solid #efefef; } 
.calendar .top { background-color: #f1f1f1; color: #222; font-weight: 500; line-height: 50px; text-align: center; } 
.calendar .date { overflow-y: auto; height: 320px; padding: 15px 60px; background-color: #fcfcfc; } 
.calendar .date .month { position: relative; text-align: center; } 
.calendar .date .month strong { color: #222; font-weight: 400; font-size: 24px; line-height: 50px; } 
.calendar .date .month button { position: absolute; top: 50%; width: 33px; height: 33px; margin-top: -16px; border: none; } 
.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%; margin-top: 5px; } 
.calendar table thead th { padding: 5px 0; color: #555; font-weight: 500; } 
.calendar table td { color: #777; line-height: 35px; text-align: center; } 
.calendar table td.sun { color: #de1818; } 
.calendar table td.sat { color: #2653b9; } 
.calendar table td input { width: 100%; height: 100%; border: none; background-color:transparent; color: #777; } 
.calendar table td.res input { background-color: #d7d7d7; } 
.calendar table td.on input { background-color: rgba(25,115,135,0.5); color:#fff; } 
.calendar table td.on input.active { background-color: #3b7387; } 
.calendar .bot { display: flex; padding: 0 40px; background-color: #f1f1f1; line-height: 50px; justify-content: space-between; } 
.calendar .bot span { position: relative; color: #777; font-size: 14px; } 
.calendar .bot .lef span { display:inline-block; padding-left:15px; margin-right: 20px; } 
.calendar .bot .lef span::before { position: absolute; top: 50%; left: 0; width: 9px; height: 9px; margin-top: -4px; content: ""; } 
.calendar .bot .lef .res::before { background-color: #d7d7d7; } 
.calendar .bot .lef .possi::before { background-color: rgba(25,115,135,0.5); } 
.calendar .bot .rig span strong { color: #222; font-weight: 500; } 
.calendar .date .time li ~ li { margin-top: 10px; } 
.calendar .date .time li button { padding: 5px 10px; border: none; background-color: transparent; color: #555; font-size: 16px; } 
.calendar .date .time li button.active { background-color: #3b7387; color: #fff; } 
.terms_area { overflow-y: scroll; height: 170px; padding: 30px; margin-bottom: 20px; border: 1px solid #dedede; font-size: 14px; line-height: 1.5em; } 
.complete { padding: 60px 20px 80px; background: #eee; text-align: center; } 
.complete_tit { margin-bottom: 30px; color: #121212; font-weight: 300; font-size: 36px; } 
.complete_txt { margin-bottom: 40px; color: #121212; font-weight: 300; font-size: 18px; } 
.complete_box { display: inline-block; width: 600px; padding: 30px 0; border-top: 1px solid #222; border-bottom: 1px solid #222; color: #222; font-weight: 500; font-size: 32px; line-height: 52px; } 
.complete_box span { color: #000; font-weight: 600; } 
.confirm_tit { margin-bottom: 60px; color: #444; font-weight: 300; font-size: 26px; 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: 25px 0; border-bottom: 1px solid #e5e5e5; color: #333; font-weight: 400; font-size: 18px; text-align: center; } 
.confirm_tbl table th::after { display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 16px; margin-top: -8px; background-color: #999; content: ""; } 
.confirm_tbl table td { padding: 25px 0; padding-left: 40px; border-bottom: 1px solid #e5e5e5; color: #333; font-weight: 400; font-size: 18px; text-align: left; } 
.confirm_tbl table td .cancel { border: none; border-bottom: 1px solid #ff0000; background: none; color: #ff0000; font-size: 15px; line-height: 1.3em; } 
.confirm_tbl table td .no_result { padding: 40px 0; font-size: 15px; text-align: center; } 

/*pagination*/
.pagination { margin-top:80px; text-align:center; } 
.pagination ul { display:inline-block; } 
.pagination ul::after { display:block; clear:both; content:""; } 
.pagination ul li { float:left; width:40px; } 
.pagination ul li a { display:block; height:40px; color: #abaaaa; font-family: 'Spoqa Han Sans'; font-size: 20px; line-height:40px; } 
.pagination ul li.on a { color: #535353; text-decoration: underline; text-underline-position: under; } 
.pagination ul li.pg_st { margin-right:5px; } 
.pagination ul li.pg_st a { border: 1px solid #e5e5e5; background:url(../images/pg_start.png) no-repeat center; } 
.pagination ul li.pg_ed { margin-left:5px; } 
.pagination ul li.pg_ed a { border: 1px solid #e5e5e5; background:url(../images/pg_end.png) no-repeat center; } 


.sub31 { display:flex; } 
.sub31.sub31_1 { display:flex; padding-top:60px; justify-content: center; } 

@media(min-width:1921px){
 .main2 { position:relative; width:100%; height:817px; background:url('../images/premium-bg.jpg?ver=1')no-repeat center left -1200px; background-size:cover; } 
 }
@media(max-width:1700px){
 .vis_wrap .vis_txt { left: 10%; } 
 }
@media(max-width:1500px){
 .vis_wrap .vis_txt { left: 5%; } 
 }

/*vd_pop*/
#light1 { display: none; } 
.main-iframe-wrap { position: fixed; top: 180px; left: 50%; width: 100%; max-width: 1320px; height: 0; transform: translate(-50%, -50%); z-index: 9999;}

.black_overlay22 { position:fixed; top:0px; left: 0px; width:100%; height:100%; background-color: black; z-index:1180; -moz-opacity: 0.60; opacity:.60; filter: alpha(opacity=50); } 
.white_content { position: fixed; top:100px; left: 50%; width:1400px; height:675px; margin-left:-700px; animation-duration:2s; animation-name:pr; z-index: 90000; } 
#player3 {position: absolute; left: 0; top: 0; width: 100%; height: 0; padding-bottom: 42.25%;}
#player3 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
#movie-close { position: absolute; top:0px; right: -40px; z-index: 1189; } 


/* tab 유니트1 */
.with_tab { margin-bottom:60px; } 
.with_tab ul { display:flex; } 
.with_tab ul.block { display:block; } 
.with_tab ul li { border:1px solid #d4d4d4; background-color:#fff; color:#888; font-size:15px; line-height:48px; text-align:center; cursor:pointer; } 
.with_tab ul li.on { border:1px solid #0b1047; background-color:#0b1047; color:#fff; font-weight:bold; } /*컬러변경*/
.tab1 ul li { width:100%; } 
.tab2 ul li { width:50%; } 
.tab3 ul li { width:33.33%; } 
.with_tab li~li{margin-left: -1px;}
.with_box { display:none; text-align:center; } 
.with_box.on { display:block; } 
.tab7 ul li { width:25%; } 
.tab7.tab8 ul li { width:50%; } 
.tab4 .block li { float:left; width:12.333%; } 

/* tab 유니트2 */
.tabsub { overflow:hidden; height:60px; margin-bottom:60px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#fff; box-sizing:border-box; } 
.tabsub li { float:left; width:33%; text-align:center; box-sizing:border-box; } 
.tabsub li { display:inline-block; cursor:pointer; } 
.tabsub li { display:block; position:relative; height:60px; padding:20px; color:#888; font-size:18px; box-sizing:border-box; } 
.tabsub li.on { color:#0b1047; font-weight:bold; } /*폰트 색변경*/
.tabsub li.on:after { position:absolute; bottom:2px; left:0; width:100%; height:2px; background:#0b1047; content:''; } /*밑줄 색변경*/

.tab_con { display:none; text-align:center; } 
.tab_con.on { display:block; } 

.tabsub2 { overflow:hidden; height:60px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#fff; box-sizing:border-box; } 
.tabsub2 li { float:left; width:50%; text-align:center; box-sizing:border-box; } 
.tabsub2 li { display:inline-block; cursor:pointer; } 
.tabsub2 li a { display:block; position:relative; height:60px; padding:20px; color:#888; font-size:18px; box-sizing:border-box; } 
.tabsub2 li.on a { color:#cba160; font-weight:bold; } 
.tabsub2 li.on a:after { position:absolute; bottom:2px; left:0; width:100%; height:2px; background:#cba160; content:''; } 

.tabsub.tab2 li { width:50%; } 
.tabsub.tab4 li { width:25%; } 


/* tab 유니트3 */
.floorplan_tab { margin-bottom:55px; border-top:1px solid #0b1047; border-bottom:1px solid #0b1047; } /* tab 라인 색변경*/
.floorplan_tab ul { display:flex; justify-content: center; } 
.floorplan_tab ul li ~ li { margin-left:170px; } 
.floorplan_tab ul li span { display:block; position:relative; color:#888; line-height:60px; cursor: pointer; width: 100%;} 
.floorplan_tab ul li a { display:block; position:relative; color:#888; line-height:60px; cursor: pointer;} 
.floorplan_tab ul li.active span,
.floorplan_tab ul li.active a { color:#0b1047; } /* 폰트색변경*/
.floorplan_tab ul li.active span::before,
.floorplan_tab ul li.active a::before { display:inline-block; position:absolute; bottom:-1px; left:50%; margin-left:-3px; border-right:5px solid transparent;; border-bottom:6px solid #0b1047; border-left:5px solid transparent; content:""; } /* tab 화살표색변경*/
.floorplan_tab ul li a span strong { font-weight:600; } 
.floorplan_tab ul li a span em { font-family:'Noto Sans KR'; font-size:18px; } 
/* .floorplan { padding-bottom:90px; }  */
.floorplan > li { display:none; } 
.floorplan > li .lef_box { width:25%; } 
.floorplan > li .rig_box { display:flex; width:75%; align-items: center; } 
.floor_info .info_top { padding:50px 0 40px; background:#8d7249 url(../images/sub11-bg.png) no-repeat center top; background-size:cover; text-align:center; } 
.floor_info .info_top .floor_area { color:#fff; font-family:'Noto Sans KR'; font-size:2.5rem; } 
.floor_info .info_top .floor_area span { display:inline-block; font-family:'Jost'; font-size:3.75rem; } 
.floor_info .info_top .floor_area span strong { font-weight:600; } 
.floor_info .info_top .floor_area span em { font-family:'Noto Sans KR'; font-size:2.5rem; } 
.floor_info .info_top p { margin:15px 0 20px; color:#d5ba91; font-size:1.25rem; line-height:1.3em; } 
.floor_info .info_top > span { color:#fff; font-weight:600; font-size:1.75rem; } 
.floor_info .info_bot { padding: 30px; background-color:#f7f3ea; } 
.floor_info .info_bot ul li { display:flex; padding:0 10px; border-bottom:1px solid #dedad6; color:#2a2d2e; font-size:1.125rem; line-height:36px; justify-content: space-between; } 
.floor_info .info_bot ul li:last-child { border-bottom:none; } 
.keymap img { width:100%; } 
.floor_type1,
.floor_type2 { width:50%; text-align:center; } 
.floorplan{display: none;}
.floorplan.active{display: block;}

/* 모집공고 */
.mo-jip { display:flex; text-align:center; } 
.mo-jip a { display:block; display:flex; color:#fff; line-height:100px; align-items: center; justify-content: center; } 
.mo-jip a:nth-child(1) { width:790px; background:#0b1047; font-size:26px; } 
.mo-jip a:nth-child(1) span { font-weight:300; } 
.mo-jip a:nth-child(2) { width:410px; background:#025558; font-size:22px; } 
.mo-jip a:nth-child(2) img { margin-right:15px; } 

/* .event-box { padding:0 85px; }  */

.event-box{display: none;}
.event-box.active{display: block;}

.event-box p { margin-bottom:40px; color:#555; font-weight:500; font-size:20px; line-height:1.3em; text-align:center; } 
.event-box:after { display:block; clear:both; content:''; } 
.event-box li{display: flex;align-items: flex-start;justify-content: space-between; width: 100%;}

.event-box table { width:580px; border-top:1px solid #ccc; } 
.event-box table th, .event-box table td { padding:14px 0; font-size:15px; text-align:center; } 
.event-box table th { border:1px solid #ccc; border-top:none; background:#0b1047; color:#fff; font-weight:400; } 
.event-box table td { border:1px solid #ccc; color:#333; } 
.event-box .full{width:100%;}

.event-box .txt_box{margin-bottom:30px;}
.event-box .txt_box dl{display:flex;align-items:center;justify-content:space-between;}
.event-box .txt_box dl dt{display:flex;align-items:center;gap:0 10px;color:#000;font-weight:500;}
.event-box .txt_box dl dt em{width:120px;}
.event-box .txt_box dl dd{font-size:14px;color:#222;}
.event-box .txt_box .tit{text-align:center;margin: 50px 0;color:#000;font-size:26px;font-weight:600;}
.event-box .txt_box .date{font-size:14px;color:#222;text-align:right;}
.event-box .event_ori{display:flex;align-items:center;justify-content:center;margin-top:50px;gap: 0 10px;}
.event-box .event_ori span{font-size:14px;color:#222;}
.event-box .event_ori em{width:25px;}
.event-box .event_ori a{color: #508ade;text-decoration: underline;}

.event_form { padding:45px 35px 60px; background-color:#f2f4f8; } 
.event_form .ori { margin-bottom:25px; color:#666; font-weight:300; font-size:15px; text-align:right; } 
.event_form .flex_wrap { display:flex; max-width:590px; align-items:center; } 
.event_form .flex_wrap ~ .flex_wrap { margin-top:10px; } 
.event_form .flex_wrap li { position:relative; width:100%; } 
.event_form table { width:100%; text-align:center; } 
.event_form table th { padding:22px 37px; border-top:1px solid #331a23; border-bottom:1px solid #331a23; background-color:#152b4f; color:#fff; font-weight:400; line-height:1.25em; text-align:left; } 
.event_form table th p { display:flex; } 
.event_form table th p i { position: relative; top: 4px; padding-right:5px; font-style:normal; } 
.event_form table td { padding: 11px 30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; } 
.event_form table input[type="text"] { display:block; width:100%; height:39px; padding: 0 30px; border:none; color:#222; } 
.event_form table select { display:block; width:100%; height:39px; padding: 0 30px; border:none; background: #fff url(../images/sel-icon.png) no-repeat right 10% center; color:#222; appearance: none; } 
.event_form table ._type1 { max-width:100%; } 
.event_form table ._type2 { max-width:30%; } 
.event_form table ._type3 { max-width:5%; } 
.event_form table ._type4 { flex-shrink:0; max-width:110px; padding-left:5px; } 
.event_form table ._type5 { width:auto; } 
.event_form table ._type5 ~ ._type5 { margin-left:25px; } 
.event_form em { display:block; color:#6a6a6a; font-size:14px; } 
.event_form .ag { display:flex; align-items:center; } 
.event_form .ag span { padding-left:5px; color:#222; } 
.event_form .gray_btn { display:block; width:100%; border:none; background-color:#555; color:#fff; font-size:15px; line-height:39px; } 
.event_form .file { position:absolute; top:0; left:0; width:100%; width:100%; height:100%; height:100%; opacity:0; } 
.event_form .file input { display:none; } 
.event_form .__link { display:flex; margin-top:60px; justify-content:center; } 
.event_form .__link img { display:block; } 
.event_form .__link a { box-shadow: 0 10px 7px rgba(0,0,0,0.18); border-radius: 15px 0 15px 0; } 

/* 입지환경 */
.sub_location { position: relative; z-index: 10; } 
.sub_location .map-zoom { position: absolute; top: 0; left: 0; width: 100%; } 
.sub_location .magnifier { display: none; position: absolute; width: 300px; height: 300px; background-image: url("../images/sub13_zoom.jpg?ver=10"); background-repeat: no-repeat; border-radius: 100%; box-shadow: 0 0 0 2px #0c114a, 0 0 7px 7px rgb(0 0 0 / 20%); z-index: 10; cursor: none; } 
.sub_location img { display: block; } 

.sub31-box img,
.sub31-bot img { display: block; } 

.iframe_video_wrap { width: 100%; height: 0; padding-bottom:56.25%; position: relative; background: #000;} 
.iframe_video_wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

/* 이벤트 당첨자 */
.event-box{padding: 0;}
.event-box .floorplan{width: 100%;}
.event-box .reward_title{font-size: 22px; font-weight: 600; color: #3b3b3b; letter-spacing: -0.04em; text-align: left; margin-bottom: 16px;}
.event-box .reward_item~.reward_item{margin-top: 50px;}

.with_tab.event a{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}

/* 현장방문 */
.booking-top{text-align: center; margin: 80px auto 80px; width: 159px; height: 54px;}
.booking-top img{width: 159px; height: 54px;}
.booking-title{font-size: 44px; font-weight: 600; letter-spacing: -0.06em; text-align: center; margin-bottom: 60px; color: #000;}


.booking-notice{
    display: flex; flex-direction: column; justify-content: center; align-items: center; background: #f1f1f1; padding: 80px;
}
.booking-notice img{width: 60px; }
.booking-notice .title{font-size: 32px; font-weight: 600; letter-spacing: -0.06em; color: #0b1047; margin-top: 35px; margin-bottom: 25px;}
.booking-notice .detail{font-size: 18px; letter-spacing: -0.06em; color: #0b1047; text-align: center; line-height: 1.6; margin-bottom: 40px;}
.booking-notice .btn_area{width: 100%; display: flex; justify-content: center; margin-top: 0;}
.booking-notice .btn_area ul{width: 100%; display: flex; justify-content: center;}
.booking-notice .btn_area ul li{float: none; width: 200px;}
.booking-notice .btn_area ul li.black button, .btn_area ul li.black a{width: 100%;}
.mojip-border{position: absolute; top: 0; left: 0; border: 1px solid #dbdbdb; width: 100%; height: 100%; z-index: 5;}


.fly_view { font-size:15px; line-height:48px; text-align:center; cursor:pointer; border:1px solid #0b1047; background-color:#0b1047; color:#fff; font-weight:bold;}

/* 마감재리스트 버튼 */
.unit_txt{display: block; width: 100%; height: 110px; display: flex; justify-content: space-between; align-items: center; padding: 0 72px; box-sizing: border-box; color: #fff; background-color: #d4766a; margin-top: 60px;}

.unit_txt span{font-size: 30px;}
.unit_txt span b{font-size: 36px; font-weight: 600;}


.unit_txt .finishing-btn{display: flex; width: 273px; height: 50px; align-items: center; padding: 0 30px; border-radius: 25px; background: #171645; position: relative; transition: 0.3s; font-size: 18px; letter-spacing: -0.05em; font-weight: 500;}
.unit_txt .finishing-btn::after{content: ''; display: block; position: absolute; right: 30px; top: 0px; background: url(../images/sub51-btn.png) no-repeat center; width: 8px; height: 100%; background-size: contain; transition: 0.3s;}
.unit_txt .finishing-btn:hover{background: #fff; color: #171645;}
.unit_txt .finishing-btn:hover::after{background: url(../images/sub51-btn-on.png) no-repeat center;}
.main-wrap {opacity: 0; transition: all 0.3s ease-in-out;}
.main-wrap.view-mode {opacity: 1;}