mainmainmainmainmainmainmainmainmainmainmainmainmainmainmainmain/*@import url(../../../cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);*/

::-webkit-scrollbar {

display:none;

} 


@font-face {
  font-family: 'Athena';
  src: local('Athena'),
  	   url('../font/Athena-Regular.eot') format('embedded-opentype'),
       url('../font/Athena-Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
    font-family: 'gotham';
    src: url('https://desian.dimvis.com/m/font/GOTHAM-BOLD.eot');
    src: local('../font/GOTHAM-BOLD'),
        url('https://desian.dimvis.com/m/font/GOTHAM-BOLD.eot?#iefix') format('embedded-opentype'),
        url('https://desian.dimvis.com/m/font/GOTHAM-BOLD.woff2') format('woff2'),
        url('https://desian.dimvis.com/m/font/GOTHAM-BOLD.woff') format('woff'),
        url('https://desian.dimvis.com/m/font/GOTHAM-BOLD.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'gotham';
    src: url('https://desian.dimvis.com/m/font/GOTHAM-BOLD.eot');
    src: local('../font/GOTHAM-BOLD'),
        url('https://desian.dimvis.com/m/font/GOTHAM-BOLD.eot?#iefix') format('embedded-opentype'),
        url('https://desian.dimvis.com/m/font/GOTHAM-BOLD.woff2') format('woff2'),
        url('https://desian.dimvis.com/m/font/GOTHAM-BOLD.woff') format('woff'),
        url('https://desian.dimvis.com/m/font/GOTHAM-BOLD.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Carisma Inline';
    src: url('https://desian.dimvis.com/m/font/CarismaInlineOblique.eot');
    src: local('Carisma Inline Oblique'), local('CarismaInlineOblique'),
        url('https://desian.dimvis.com/m/font/CarismaInlineOblique.eot?#iefix') format('embedded-opentype'),
        url('https://desian.dimvis.com/m/font/CarismaInlineOblique.woff2') format('woff2'),
        url('https://desian.dimvis.com/m/font/CarismaInlineOblique.woff') format('woff'),
        url('https://desian.dimvis.com/m/font/CarismaInlineOblique.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}


  @font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url('https://desian.dimvis.com/font/Pretendard-Black.woff2') format('woff2'), url('https://desian.dimvis.com/m/css/woff/Pretendard-Black.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url('https://desian.dimvis.com/font/Pretendard-ExtraBold.woff2') format('woff2'), url('https://desian.dimvis.com/m/css/woff/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url('https://desian.dimvis.com/font/Pretendard-Bold.woff2') format('woff2'), url('https://desian.dimvis.com/m/css/woff/Pretendard-Bold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url('https://desian.dimvis.com/font/Pretendard-SemiBold.woff') format('woff2'), url('https://desian.dimvis.com/m/css/woff/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url('https://desian.dimvis.com/font/Pretendard-Medium.woff2') format('woff2'), url('https://desian.dimvis.com/m/css/woff/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url('https://desian.dimvis.com/font/Pretendard-Regular.woff2') format('woff2'), url('https://desian.dimvis.com/m/css/woff/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url('https://desian.dimvis.com/font/Pretendard-Light.woff2') format('woff2'), url('https://desian.dimvis.com/m/css/woff/Pretendard-Light.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url('https://desian.dimvis.com/font/Pretendard-ExtraLight.woff2') format('woff2'), url('https://desian.dimvis.com/m/css/woff/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('https://desian.dimvis.com/font/Pretendard-Thin.woff2') format('woff2'), url('https://desian.dimvis.com/m/css/woff/Pretendard-Thin.woff') format('woff');
}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
body{ line-height:1.5; font-family:'Dotum'; font-size:16px; color:#333; background:#fff;-ms-overflow-style: none; } 
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0;}
ul,ol,li{list-style:none}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
fieldset,img{border:0}
hr{height:0;}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
address,caption,em,var{font-style:normal;font-weight:normal}
a{text-decoration:none;cursor:pointer;color: inherit;}
a[href^="tel"]{font-style:normal}
a:hover,a:active,a:focus{text-decoration:none !important;}
b,strong{font-weight:bold}
dfn{font-style:italic}
img{border:0;vertical-align:top}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0;}
legend, caption{overflow:hidden;text-indent:-9999999px; height:0 !important; width:0 !important;line-height:0 !important;margin:0;padding:0;}
input{vertical-align:middle;margin:0;padding:0;}
input[type="text"],input[type="password"],input[type="email"]{-webkit-appearance:none;border-radius:0;font-family:'Dotum';}
input:checked[type="checkbox"]{-webkit-appearance:checkbox}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{border-radius:0;-webkit-appearance:button;font-family:'Dotum';}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible;border:none;cursor:pointer;margin:0;padding:0;}
a,input,button,select{outline:none}
button,select{text-transform:none}
optgroup{font-weight:bold}
textarea{border:1px solid #bcbcbc;overflow:auto;-webkit-appearance:none}
input::-ms-clear{display:none;}

* { scroll-behavior: smooth; box-sizing: border-box; }


body { width: 100%; max-width: 100%; margin: auto; font-family: 'Noto Sans KR', sans-serif;  overflow-x: hidden; }

/*body.main { overflow-y: hidden; }*/

/**/

.intro { width: 100%; height: 100vh; /*background-color: #fff; */ position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; overflow: hidden; z-index: 9999999999999999999999999; padding-top: 60%;}

/**/

.main_open { font-size: 11px; width: 70px; height: 70px; line-height: 17px; background-color: #fff; color: #fff; justify-content: center; align-items: center; display: flex; font-weight: 400;  text-align: center;
position: absolute; right: 20px; top: 90px; z-index: 9; }
/*.main_open b { font-family: 'Carisma Gothic'; font-weight: 600; font-size: 22px; position: relative; top: 2px; margin-right: 2px; letter-spacing: -2px; }*/
.main_open b { font-family: 'Carisma Gothic'; font-weight: 600; font-size: 16px; position: relative; top: 0px; margin-right: 2px; letter-spacing: 0px; }
.main_open span { font-size: 11px; font-weight: 400; }
.main_open>div { transform: translateY(3px); }


.all_wrap { width: 100%; margin: auto; height: auto; position: relative; top: 0; overflow: hidden; z-index: 989; background-color: #454545; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); }
.fixWrap{position:relative; top: 0; left: 0;right: 0; margin: auto; width: 100%; height: 90vh; z-index: 9; }

.sec{ width: 100%; max-width: 500px; margin: auto;}
.main_box { width: 100%; height: 100%; position: relative; background-color: #fff; overflow: hidden; max-width: 100%; margin: auto; }

.screen { mix-blend-mode: screen; }
.multiply { mix-blend-mode: multiply; }


.main_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; /*animation: main_img 1.2s 0.2s both;  */}
.main_img.img01 { background: url(../img/main_img01.jpg) center no-repeat; background-size: cover; }
.main_img .main_ob { width: 100%; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; mix-blend-mode : screen; animation: main_ob 8s 0.5s both; animation-iteration-count: infinite;}
.main_img.img02 { background: url(../img/main_img03.jpg) center no-repeat; background-size: cover;  transform: scale(1);}
.main_img.img03 { background: url(../img/main_img02.jpg) center no-repeat; background-size: cover;  transform: scale(1);}

@keyframes main_ob {
	0% {  transform: rotate(0deg); bottom: 0; left:0;}
	50% {  transform: rotate(90deg); bottom: 0; left:0;}
	100% {  transform: rotate(0deg); bottom: 0; left:0;}
}



.main_txt_box { font-family: 'Pretendard'; position: absolute; left: 0; right: 0; margin:0 auto;color: #272728; }

.box01 {text-align:center;  top:30vw; }
.box01 h2 {  font-size: 10vw; line-height: 110%; color: #000; font-weight: 300; margin-top: 3vw; transform: translateY(-20px); opacity: 0; }
.box01 h2 b { color: #a32a58; font-weight: 700;}
.box01 p {font-size: 3.5vw; margin-top:7vw; transform: translateY(-20px); line-height: 160%; opacity: 0; position: relative; color:#3e515e;}
.box01 h3 { font-size: 4vw; line-height: 120%; color: #000; font-weight: 700; margin-top: 8vw; transform: translateY(-20px); opacity: 0; }
.box01 h3 img { width: 35%;}
.box01 h3 span { font-size: 3.5vw; color: #000; font-weight: 300;  }
.main_txt { position: absolute; width: 60%; right: 2%; bottom: 11%; z-index: 9; transform: translate(0); }

.main_logo { margin-top: 1vw; opacity: 0;  position: relative; right: 0; transform: translateX(50px);}


.swiper1 {height: 100%;}
.swiper1 .swiper-slide.swiper-slide-active .main_img.img01 { animation: main_img01 4s 0s both !important; }
.swiper1 .swiper-slide.swiper-slide-active .main_img.img02 { animation: main_img 4s 0s both !important; }
.swiper1 .swiper-slide.swiper-slide-active .main_img.img03 { animation: main_img 4s 0s both !important; }
.swiper1 .swiper-slide.swiper-slide-active .box01 h2{ transform: translate(0px); opacity: 1; transition: .9s 1.4s; }
.swiper1 .swiper-slide.swiper-slide-active .box01 h3{ transform: translate(0px); opacity: 1; transition: .9s 1.6s; }
.swiper1 .swiper-slide.swiper-slide-active .box01 p{ transform: translate(0px); opacity: 1; transition: .9s 1.2s; }
.swiper1 .swiper-slide.swiper-slide-active .main_txt { animation: main_txt3 1.8s 1.6s both; }

@keyframes main_txt3 {
	from { opacity: 0; transform: translate(18rem,-1.5rem); }
	to {  }
}

@keyframes main_img {
	from { transform: scale(1.22);}
	to {  }
}

@keyframes main_img01 {
	from { opacity: 1; }
	to { opacity: 1; }
}


@keyframes main_txt {
	from { opacity: 0; transform: translateY(-40px); }
	to {  }
}
@keyframes main_txt2 {
	from { opacity: 0; }
	to {  }
}




.swiper1 .swiper-slide-active .main_img{ transform: scale(1); opacity: 1; transition: 1.2s .2s; }


.swiper-button-next { position: absolute; width: 82px; height: 50px; right: 4%; left: revert; margin: auto; top: 1%; bottom: 0; padding: 0; outline: none; z-index: 99; }
.swiper-button-prev { position: absolute; width: 82px; height: 50px; left: 4%; right: revert; margin: auto; top: 1%; bottom: 0; padding: 0; outline: none; z-index: 99; }


.main_slide_num { position: absolute; width: 160px; left: 110px; top: 0; bottom: 0; margin: auto; height: 13px; z-index: 100; line-height: 95%; font-size: 13px; color: #fff; text-align: center; letter-spacing: 0; display: flex; justify-content: space-between; align-items: center; }
.main_slide_num p:last-child { opacity: 1; }

.main_bt_wrap { width: 306px; height: 32px; position: absolute; left: 50%; margin: 0 auto; margin-left: -153px;bottom: 1.25rem; z-index: 3; }

.main_bt_bg { width: 86%; height: 16vw; left: 50%; margin-left: -43%;position: absolute; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 2;}

.main_bt_wrap .swiper-pagination2 { width: 90px; height: 20px; position: absolute; left: 144px; bottom: 0; top: 0; margin: auto; z-index: 999; display: flex; justify-content: space-between; align-items: center; }
.main_bt_wrap .swiper-pagination2 .swiper-pagination-bullet { width: 100%; height: 20px; border-radius: 0; opacity: 1; background: none; position: relative; outline: none; margin: 0; }
.main_bt_wrap .swiper-pagination2 .swiper-pagination-bullet span { content:''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; top: 0; margin: auto; background-color: #fff; opacity: 1;
animation: bullet 5s 0s both linear; display: none; }
.main_bt_wrap .swiper-pagination2 .swiper-pagination-bullet span.stop { animation-play-state: paused; }
.main_bt_wrap .swiper-pagination2 .swiper-pagination-bullet:before { content:''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; top: 0; margin: auto; background-color: #fff; opacity: 0.3; }
.main_bt_wrap .swiper-pagination2 .swiper-pagination-bullet p { font-size: 11px; line-height: 100%; color: #fff; position: absolute; top: 0; left: -8px; letter-spacing: 0.5px; z-index: -1; opacity: 0; transition: 0.5s; display: none; }

.main_bt_wrap .swiper-pagination2 .swiper-pagination-bullet-active span { display: block; }
.main_bt_wrap .swiper-pagination2 .swiper-pagination-bullet-active p { left: -13px; opacity: 1; }

@keyframes bullet {
	from { width: 0; }
	to {  }
}


.main_play_bt { width: 20px; height: 30px; color: #fff; position: absolute; right: 0px; top: 0; margin: auto; bottom: 0; }
.main_play_bt>div { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; cursor: pointer; border-radius: 100%; }
.main_play_bt>div>img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.swiper-button-play { display: none; }


.swiper1-2 { width: 95px; height: 25px; position: absolute; left: 0; top: 0; bottom: 0;  margin: auto; z-index: 99; }
.swiper1-2 .swiper-slide { width: 25px !important; height: 25px; cursor: pointer; border: none; overflow: hidden; box-sizing: border-box; border-radius: 100%; margin-right: 10px !important;}
.swiper1-2 .swiper-slide-thumb-active { opacity: 1; }
.swiper1-2 .swiper-slide:before { content:''; width: 5px; height: 5px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background-color: #fff; z-index: 9; border-radius: 100%; opacity: 0.5; }
.swiper1-2 .swiper-slide-thumb-active:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid #fff; z-index: 9; border-radius: 100%; box-sizing: border-box; }

.swiper1-2 .swiper-slide-thumb-active:before { opacity: 1; }











/**/

.con_wrap {width: 100%; position: relative; z-index: 2; background-color: #fff; left: 0; right: 0; margin: 0 auto;}


/**/

.sec02 { width: 100%; height: 300vw; position: relative; background: #fff; color: #000; padding: 0 0%; box-sizing: border-box; padding-top: 0vw; overflow: hidden; margin: auto;  max-width:100%; top:0;}

.location_wrap { width: 100%; height: 100%;  }


.location01 { width: 88%; height: 90%; left: 0; right: 0; margin: 0 auto; position: relative; display: flex; justify-content: space-between; align-items: center; transform: translateY(10px); }

.location_tit { position: absolute; left: 0%; top: 15vw; display: flex; justify-content: space-between; align-items: center; gap: 40px; text-align: left; }
.location_tit::before { content: ''; width: 0%; height: 1px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-color: #a27d5b; }
.location_tit h5 { font-family: 'Belgiano Serif', sans-serif; font-size: 3.5vw; line-height: 100%; color: #a27d5b; margin-top: -27px; opacity: 0; letter-spacing: 0px;}
.location_tit h2 { display: inline-block; font-family: 'Nanum Myeongjo', serif; font-size: 8vw; line-height: 150%; letter-spacing: -3px; color: #fff; position: relative; opacity: 0; transform: translateX(-60px); font-weight: 600; }
.location_tit h2 span { display: inline-block; margin-left: 45px; position: relative; font-weight: 600;}
.location_tit h2 b { font-weight: 600; color: #a27d5b; }
.location_tit h2::before { content: ''; width: 15px; height: 13px; position: absolute; left: -15px; top: 7px; background: url(../../img/bracket.png) center no-repeat; }
.location_tit h2 span::before { content: ''; width: 15px; height: 13px; position: absolute; right: -20px; top: 7px; background: url(../../img/bracket2.png) center no-repeat; }





.location_box { width: 100%; opacity: 0; position: relative; left: 0; right: 0; margin: 0 auto; top: 0vw;}
.location_content { display: flex; justify-content: space-between; align-items: center; text-align: left; margin-top:20vw; }
.location_txt_box { margin:0; color: #2c2928;  margin-left: -50px; opacity: 0;}
.location_content.con01 .location_img_box { overflow: hidden; margin-right:4%;}
.location_content.con01 .location_img_box2 { overflow: hidden; }

.location_txt { position: absolute; right: -5%; bottom: -8%; transform: translate(300px,-30px); opacity: 0; }

.location_txt_box { text-align: left; margin-top: 45vw; opacity: 0; transform: translateX(-120px); }
.location_txt_box h3 { font-family: 'Belgiano Serif', sans-serif; font-size: 3.5vw; line-height: 100%; color: #a27d5b; letter-spacing: 0;}
.location_txt_box h5 { font-size: 4.8vw; line-height: 125%; font-weight: 100;  color: #fff; margin-top: 5vw;}
.location_txt_box h5 b{ font-weight: 700;}
.location_txt_box p { font-size: 3.2vw; line-height: 180%; margin-top: 1.2rem; opacity: 0.7; font-weight: 300; letter-spacing: -1px; color: #fff; opacity: 0.5;}
.location_img_box h6 { font-size: 13px; line-height: 100%; position: absolute; right: 10px; bottom: 10px; color: #fff; text-shadow: 0 0 5px rgba(0,0,0,0.7); }

.location_txt_box2 { margin-top: 18vw;}
.location_txt_box2 h3 { font-family: 'Belgiano Serif', sans-serif; font-size: 3.5vw; line-height: 100%; color: #a27d5b; letter-spacing: 0;}
.location_txt_box2 h5 { font-size: 4.8vw; line-height: 125%; font-weight: 100; margin-top: 5vw; color: #fff; letter-spacing: -1px;}
.location_txt_box2 h5 b { font-weight: 700; }
.location_txt_box2 p { font-size: 3.2vw; line-height: 180%; margin-top: 1.2rem; opacity: 0.7; font-weight: 300; letter-spacing: -1px; color: #fff; opacity: 0.5;}
.location_img_box2 h6 { font-size: 13px; line-height: 100%; position: absolute; right: 10px; bottom: 10px; color: #fff; text-shadow: 0 0 5px rgba(0,0,0,0.7); }
.location_txt_box2 { text-align: right;  opacity: 0; transform: translateX(120px); }

.location_img_box { position: relative;}
.location_img_box2 { position: relative; }

.lo_bo { position:absolute; width: 70%; right: 5%; margin: 0 auto; bottom: 4%;}
.lo_bo img { width: 100%; height: auto;}





.sec02_img{width:100% ; height: 100%; margin: auto; margin-top: 0vw; /*transform: translateX(40px);*/opacity: 1; position: absolute; top: 0; margin: 0 auto;}

.sec02_img01{background: url("../img/sec02_bg01.jpg") center no-repeat; background-size: cover;  }








.sec02.active .location_tit { opacity: 1; transform: translate(0); transition: 1.0s 0.4s; }
.sec02.active .location_tit2 { opacity: 1; transform: translate(0); transition: 1.0s 0.9s; }
.sec02.active .location_tit>div>span { width: 6.375rem; margin-right: 0.85rem; transition: 1.2s 0.7s; }
.sec02.active .location_tit2>div>span { width: 5.375rem; margin-left: 1.75rem; transition: 1.2s 0.7s; }
.sec02.active .location_box { opacity: 1; transition: 1s 0.6s; }
.sec02.active .location_content.con01 .location_img_box { margin-bottom: -7.25rem; transition: 0.9s 0.6s; }
.sec02.active .location_content.con01 .location_img_box2 { margin-top: -7.25rem; transition: 0.9s 0.6s; }
.sec02.active .location_txt_box { margin-left: 0px;  opacity: 1; transition: 0.9s 1.2s; }
.sec02.active .location_txt_box2 {  transform: translate(0);  opacity: 1; transition: 0.9s 1.5s; }

.sec02.active .location_tit h5 { opacity: 1; transition: 1.2s 0.4s; }
.sec02.active .location_tit::before { width: 100%; transition: 2.0s 0.4s; }
.sec02.active .location_img_box { opacity: 1; transition: 1.0s 0.4s; }
.sec02.active .location_img { opacity: 1; transform: translate(0); transition: 1.2s 1.0s; }
.sec02.active .location_tit h2 { opacity: 1; transform: translate(0); transition: 1.2s 1.0s; }
.sec02.active .location_txt_box { opacity: 1; transform: translate(0); transition: 1.2s 1.0s; }
.sec02.active .location_txt { opacity: 1; transform: translate(0); transition: 1.6s 0.9s; }

@keyframes life_txt {
	from { transform: rotate(-360deg); }
	to {  }
}


/**/
.sec03 { width: 100%; height: 310vw; position: relative; background: #fff; color: #000; padding: 0 0%; box-sizing: border-box; padding-top: 0vw; overflow: hidden; margin: auto;  max-width:100%; top:0;}


.complex_wrap { width: 100%; height: 100%; /* display: flex; justify-content: center; align-items: center; */  position: relative; }


.sec03_img{width:100% ; height: 310vw;margin: auto; margin-top: 0vw; /*transform: translateX(40px);*/opacity: 1; position: absolute; top: 0; margin: 0 auto;}

.sec03_img01{background: url("../img/complex_bg.jpg") center no-repeat; background-size: cover;}

.com_ob { position: absolute; right: -12%; top:14%; transform: translateX(50px); opacity: 0;}
.com_ob img { width: 75%; height: auto; }
.complex_tit { text-align: left; position: absolute; top: 0; left: 0; margin-top: 22vw; padding-left: 5.5vw;}
.complex_tit p { font-size: 4vw; color: #000; transform: translateY(-10px); opacity: 0;}
.complex_tit h1 { font-size: 7vw; color: #000; letter-spacing: -2px; font-weight: 100; line-height: 115%; margin-top: 4vw; transform: translateY(-20px); opacity: 0;}
.complex_tit h1 span { font-weight: 700; color: #a32a58; }

.comp_img_box { /* display: flex; justify-content: flex-start; align-items: center;  */position: relative; width: 100%; left: 0; top: 20%; padding: 0 5.5vw;}
.comp_img_box h3 { font-size:4vw; color: #a27d5b; font-weight: 500; }
.comp_img_box p { font-size:3.2vw; margin-top:10px; margin-bottom:7vw; opacity: 0.6; letter-spacing: -1px;}

.com_box01 { position: relative; transform: translateX(-50px); opacity: 0;}
.com_box02 { position: relative; right: -23vw; top: 4vw; transform: translateX(50px); opacity: 0;}
.com_box01 h3 { /* margin-top: 2rem; */}
.com_box02 h3 { margin-top: 7vw;}

.complex_img { width: 75%;}
.complex_img img { width: 100%; height: auto;} 

.complex_img02 { width: 100%; position: relative; top: 0; margin-top: 90vw; opacity: 0;}
.complex_img02 img { width: 100%;}


.complex_wrap.active .complex_tit p { opacity: 1; transform: translate(0); transition: 1.0s 0.4s; }
.complex_wrap.active .complex_tit h1 { opacity: 1; transform: translate(0); transition: 1.0s 0.7s; }

.complex_wrap.active .com_box01 { opacity: 1; transform: translate(0); transition: 1.0s 1s; }
.complex_wrap.active .com_box02 { opacity: 1; transform: translate(0); transition: 1.0s 1.2s; }
.complex_wrap.active .com_ob { opacity: 1; transform: translate(0); transition: 1s 0.8s; }
.complex_wrap.active .complex_img02 { opacity: 1; transition: 1s 1s; }


/*  */


.sec04 { width: 100%; height: 547vw; position: relative; background: #fff; color: #000; padding: 0 0%; box-sizing: border-box; padding-top: 0vw; overflow: hidden; margin: auto;  max-width:100%; top:0;}

.sec04_img{width:100% ; height: 100%;margin: auto; margin-top: 0vw; /*transform: translateX(40px);*/opacity: 1; position: absolute; top: 0; margin: 0 auto;}
.sec04_img01{ background: url("../img/sec04_bg.jpg") center no-repeat; background-size: cover;}

.sec04_cont {position: relative; width: 100%; left: 0; right: 0; margin: 0 auto; top:23vw;  padding: 0 5.5vw;}


.community_tit { text-align: left; opacity: 0; transform: translateY(-60px); }
.community_tit h1 { color: #000; font-size: 4vw; line-height: 140%; }
.community_tit h2 { font-size: 7.5vw; line-height: 100%; color: #a32a58; margin-top: 2vw; font-weight: 100;}
.community_tit h2 span { font-weight: 700;}
.community_tit p { font-size: 3.3vw; color: #000; opacity: 0.7; margin-top: 9vw;}

.community_img { /* display: flex; justify-content: space-between; align-items: center; */position: relative; margin-top: -5vw; opacity: 0; transform: translateY(50px); height: 440vw;}
.comm_content { width:42%; position: relative; margin-top: 22vw; }
.comm_txt { /*opacity: 0; transform: translateY(30px);*/text-align: center; }
.comm_txt h3 {font-size:4vw; font-weight: 400; font-family: "Marcellus", serif; margin-top: 30px;}
.comm_txt p {font-size:3vw; font-weight: 400; margin-top:3vw; opacity: 0.7;}

/* .comm_content.comm03 { margin-top: 44vw;} */

.comm_content:nth-child(odd) { float: left;}
.comm_content:nth-child(even) { right: 0; float: right; top: 43vw;}

.comm_content_img { width: 100%;}
.comm_content_img img { width: 100%; height: auto;}

.commu_ori { width: 100%; position: relative; bottom: 0; right: 0; transform: translateY(50px); opacity: 0;}
.commu_ori p { font-size:2.5vw; text-align: right; opacity: 0.6; line-height: 170%;}



.sec04.active .community_tit { opacity: 1; transform: translate(0); transition: 1.0s 0.4s; }
.sec04.active .community_img { opacity: 1; transform: translate(0); transition: 1.0s 0.7s; }
.sec04.active .commu_ori { opacity: 1; transform: translate(0); transition: 1.0s 1.2s;}



/**/

.calendar { width: 100%;height:195vw; position: relative; background: #fff; color: #fff; padding: 0 0%; box-sizing: border-box; padding-top: 0vw; overflow: visible; margin: auto;  top:0;}

.calendar_wrap { width: 100%; height: 100%; padding: 70px 0; position: relative; overflow: hidden; background: url(../img/calendar_bg.jpg) right no-repeat; background-size: cover; display: flex; justify-content: center; /*align-items: center;*/ }

.calendar_box { width: 86%; }
.calendar_tit { text-align: center; color: #fff; transform: translateY(-80px); opacity: 0;}
.calendar_tit h2 { font-family:'Futura', sans-serif; font-size: 12vw; font-weight: 700; line-height: 140%; letter-spacing: 1px; -webkit-text-stroke: 1px #000; color: transparent;  }
.calendar_tit p { font-size: 3vw; margin-top: 12px; color: #505050; }
	
.calendar_bottom { margin-top: 48vw;  transform: translateY(100px); opacity: 0;}
.calendar_con_box { display: block; overflow: hidden; }
.calendar_con_box.con_box01 { width: 100%; }
.calendar_con_box.con_box02 { width: 100%; margin-top: 30px; margin-top: 0; }

.calendar_con { float: left; width: 32.66%; height: 27vw; margin-left: 1%; margin-right: 0; color: #181818;  position: relative; display: flex; justify-content: center; align-items: center; color: #181818; background-color: #fff; text-align: center;}
.calendar_con:nth-child(1),.calendar_con:nth-child(4) { margin-left: 0; }
.calendar_con:nth-child(n+4) { margin-top: 1%; }
.calendar_con:nth-child(4) {  }
.calendar_con:nth-child(5) { }
.calendar_con:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; }
.calendar_con_box.con_box02 .calendar_con { /*width: 49.5%;*/width: 100%;  margin-left: 1%; margin-top: 1%; }
.calendar_con_box.con_box02 .calendar_con:nth-child(1) { margin-left: 0; }
/*.calendar_con:nth-child(4) { width: 49.5%; }
.calendar_con:nth-child(5) { width: 49.5%;}*/
.calendar_con h4 { font-size: 5.3vw;  /*font-family:'Futura', sans-serif;*/font-family: "Poppins", sans-serif;  line-height: 100%; font-weight: 700;}
.calendar_con h4 span { font-size: 3vw;  }
.calendar_con p { font-size: 2.8vw; margin-top: 5px; line-height: 120%; color: #000;}
/*.calendar_con:hover { background-color: #b45347; border: 1px solid #b45347; color: #b45347; }*/

.calendar_box.active .calendar_tit { transform: translate(0); opacity: 1; transition: 1.0s 0.4s; }
.calendar_box.active .calendar_bottom { transform: translate(0); opacity: 1; transition: 1.0s 0.6s; }




/**/

.footer { width: 100%;  background-color: #1f1f1f; color: #fff; padding: 0 0%; padding: 20vw 5.5vw; position: relative; z-index: 999; text-align: center; max-width: 100%;}

.footer>div { display: block; text-align: center; }
.footer>div>div>div { display: block; }
	
.footer_logo { width: 80px; margin: 0; }

.footer_left ul { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin: auto; margin-top: 2rem; max-width: 380px; transform: translateX(2.5%); }
.footer_left ul li { width: 48%; display: flex; justify-content: center;  align-items: center; padding: 0; margin: 0.25rem 0; }
.footer_left ul li:after { display: none; }
.footer_left ul li img { transform: scale(0.8); transform-origin: left center; }
.footer_left ul li h4 { font-size:2.7vw; margin-right: 2vw; opacity: 0.4;}

.footer>div h6 { font-size: 3vw; font-weight: 300; opacity: 0.4; line-height: 180%; margin-top: 6vw; }
    
.footer_right { font-size: 2.9vw; text-align: right; color: #fff; margin-top: 6vw;}
.footer_right ul { display: flex; justify-content: center; align-items: center; }
.footer_right ul li { padding: 0 16px; padding: 0; position: relative; font-weight: 400; text-align: center; color: #fff; margin-left: 1.25rem; }
/* .footer_right ul li:nth-child(1) { background-color: #bdb1a4; } */
/*.footer_right ul li:after { position: absolute; content:''; width: 1px; height: 0.8rem; background-color: #fff; opacity: 0.2; right: 0; bottom: 0; top: -1px; margin: auto; }*/
/* .footer_right ul li span { color: #fff; font-size: 1.125rem; margin-right: 0.3rem; } */
.footer_right ul li span { color: #a27d5b; }
.footer_right ul li img { margin-left: 0.3rem; margin-top: -1px; }
.footer_right ul li:first-child { margin-left: 0;}

.footer_right p { text-align: center;line-height: 100%; font-weight: 300; margin-top: 0.5rem; opacity: 0.4; }

.footer_info { display: block !important; margin-top: 7vw;}
.footer_info ul { display: flex; justify-content: center; align-items: center; margin-bottom: 0.75rem; }
.footer_info ul li { font-size: 3vw; line-height: 100%; font-weight: 400; padding: 0 3vw; position: relative; color: rgba(255,255,255,0.4); }
.footer_info ul li:after { content:''; width: 1px; height: 0.75rem; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; opacity: 0.2; }
.footer_info ul li:first-child { color: rgba(255,255,255,0.8); padding-left: 0; }
.footer_info ul li:last-child:after { display: none; }


.footer_info2 { width: 100%; padding-left: 6vw; margin-bottom: 0; margin-top:5vw; display: flex; justify-content: flex-start; align-items: flex-end;}
.footer_info2 li { padding: 0 2.3vw; font-size: 2.8vw; font-weight: 700; text-align: left; letter-spacing: 0; margin-bottom: 4vw; color: #6d6d6d; } 
.footer_info2 li span { color: #fff; font-size: 2.8vw; }
.footer_info2 li img { transform: scale(0.8); transform-origin: left center; }
.footer_info2 li:first-child  { padding-left: 0; }
.footer_info2 li:nth-child(2n) {  }

.bottom_bn { width:100%; height: 50px; background-color: #a32958; text-align: center; position: fixed; bottom: 0; z-index: 9999; color: #fff; line-height: 50px; font-size: 18px;}
.bottom_bn span { font-size: 28px; }
.bottom_bn a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 0 20px; box-sizing: border-box; }

.bottom_bn div { width: 13px; height: 13px; position: relative; margin-left:20px;}
.bottom_bn div:after { content:''; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.bottom_bn div::before { content:''; width: 1px; height: 100%; background-color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }


@media all and (max-width:300px){

	.sec04_txtbox p {font-size:2.3vw;}


}

@media all and (min-width:375px){


	.btn_set {  }
	.swiper-pagination {}


}


@media all and (min-width:600px){



/**/
	.main_box {height:100vh;}
	.main_txt_box {top:150px;}

	.txt01 {/*letter-spacing: 1.0vw!important; opacity: 0; font-size: 22px; margin-top: 0vw;*/}

	.main_txt_box h4 { font-size: 62px; margin-top: 20px; padding-top: 10px;}

	.main_txt_box p {  font-size: 16px; letter-spacing: -0.5px!important;  margin-top: 60px; line-height: 180%;  letter-spacing: -1px; }

	.main_logo {margin-top:120px;}


/* life */
	
	.sec_life {height:1200px;}
	.swiper_life {margin-top:20px;}
	.life_tit h4 {font-size:19px;}
	.life_tit h4 b {font-size:26px;}
	.life_tit h2 {font-size:40px; margin-top:30px;}
	
	.swiper_life_tit h4 {font-size:17px; padding-bottom:20px; margin-top:30px;}
	.swiper_life_tit p {font-size:15px;}
	.life_box .swiper-pagination span {font-size:17px;}

/* sec02 */


    .sec02 { height: 1000px;  padding-top: 0px; /*margin-top: 100vh; */}
	.sec02_line {}


	
	.sec02_titbox { }
	.sec02_titbox h1{font-size:18px; letter-spacing: -3.6px;  }
	
	.sec02_txtbox {}
	.sec02_txt {  margin-top: 0px;}
	.sec02_txtbox h1 {font-size: 18px;}
	.sec02_txtbox h4{font-size: 40px; line-height: 45px;  margin-top: 5px; letter-spacing: -3px;  }
	.sec02_txtbox p{font-size: 15px; line-height: 45px; margin-top:22px; letter-spacing: -1.5px;  }
	

	.sec03 {height: 936px;}
	.brand_txt_box {transform:translateY(-50px);}
	.brand_txt h3 {font-size: 27px; }
	.brand_txt h3 b {font-size: 35px; }
	.brand_txt p {font-size: 15px; margin-top:30px;}
	.swiper_brand { height: 936px; max-width: 1000px;  }

	.brand_tag h2 {font-size: 88px; margin-top:85px;}


	


/* footer */

	.footer {  }



	.footer h1 { font-size: 14px; line-height: 25px; padding-left: 49px;letter-spacing: -0.5px;  margin-top: 4vw;}
	.footer h1 span {  font-size: 14px; line-height: 25px; margin-top:0vw; color: #b9b9b9; letter-spacing: -0.5px; }

	.footer p {color: #6e6e6e; font-size: 15px; margin-top:40px; padding-left: 49px; line-height: 160%; padding-bottom:100px;}
	
	.footer_info2 li img {transform:scale(1);}
	.footer_info2 li:nth-child(4) {margin-top:-6px;}







}




/**//**//**//**//**//**//**//**//**//**//**//**/

/* sub */

#all_wrap { width: 100%; height: auto; overflow: hidden; margin: auto; position: relative; font-family: 'Noto Sans KR', sans-serif; }

#container{ width: 100%; position: relative; left: 0; top: 0; z-index: 90; font-family: 'Noto Sans KR', sans-serif; } 
.sub { position: relative; width: 100%; left: 0; background-color:#fff; top:0; overflow: hidden; }


/* */


  
  
#snb_wrap { width: 95%; height: auto; position: relative; left: 0; right: 0; margin: 0px auto 0 auto; z-index: 99; text-align: left; font-family: 'Noto Sans KR', sans-serif; }
#snb { width: 100%;  margin:0 auto; position:relative; z-index:199; }
#snb:after {content:""; display:block; clear:both; }
#snb>li {float:left; position:relative; height:30px;}
#snb>li:nth-child(1) { width: 16%; }
#snb>li:nth-child(1) img{position: absolute;top: 0;bottom: 0;left: 0;right: 0; margin: auto;}

#snb>li:nth-child(2) { width: 42%; }
#snb>li:nth-child(3) { width: 42%; }
#snb>li:first-child + li > a {background:url(../img/snb-arr.png) no-repeat 100% 50%; text-transform: uppercase;}
#snb>li:first-child + li + li > a {background:url(../img/snb-arr.png) no-repeat 100% 50%; margin-top:1px; text-transform: uppercase; }
#snb>li:first-child + .ov {margin-left:0;}
#snb .ov {margin-left:-1px;}
#snb .ov > a { display:block; height:30px;  line-height:30px;	padding:0 47px 0 15px; font-size:10px; /*color:#555;*/color:#fff; letter-spacing:0em;  border-left:1px solid #888;  
letter-spacing:-0.075em; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; }
#snb .ov ul {position:absolute;left:0;top:100%;min-width:100%;background:#2d2d2d;display:none;}
#snb .ov ul li {border-bottom:1px solid #8e8e8e;margin-top:-1px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; text-transform: uppercase; background-color: #2d2d2d; }
#snb .ov ul li:first-child {margin-top:0;}
#snb .ov ul li a {display:block;font-size:10px;color:#fff;padding:11px 15px;white-space:nowrap;letter-spacing:-0.075em;}
#snb .ov:hover ul {display:block;}
#snb .ov ul li a:hover {background:#000;color:#fff;}


#sub-top{
width: 100%;
height: 60vw;
/*background: #101f3a; */

position: relative; left:0; right:0; margin:0 auto;
margin-top: 0px;
margin-bottom: 5vw;
}

.sub_top_bg{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height:60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg::after{ content:''; background: url(https://desian.dimvis.com/m/img/sub-top.jpg) center bottom no-repeat; background-size: cover; width: 100%; height: 60vw; position: absolute; top: 0;left: 0; animation: sub_top_img 2.5s 0s both; transition: 0.6s;}

.sub_top_bg01{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg01::after{ content:''; background: url(../img/sub-top01.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}
.sub_top_bg02{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg02::after{ content:''; background: url(../img/sub-top02.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}
.sub_top_bg03{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg03::after{ content:''; background: url(../img/sub-top03.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}
.sub_top_bg04{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg04::after{ content:''; background: url(../img/sub-top04.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}
.sub_top_bg05{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg05::after{ content:''; background: url(../img/sub-top05.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}
.sub_top_bg06{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg06::after{ content:''; background: url(../img/sub-top06.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}
.sub_top_bg07{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg07::after{ content:''; background: url(../img/sub-top07.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}
.sub_top_bg08{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg08::after{ content:''; background: url(https://desian.dimvis.com/m/img/sub-top08.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}
.sub_top_bg09{ background-size: cover; width: 100%; left: 0; right: 0; margin: 0 auto; height: 60vw; overflow: hidden;position: relative; z-index: 9;	}
.sub_top_bg09::after{ content:''; background: url(https://desian.dimvis.com/m/img/sub-top09.jpg) center center no-repeat; background-size: cover; width: 100%; height: 60vw;	 animation: sub-top 1.8s 0.2s both;position: absolute; top: 0;left: 0;}



.sub_top_txt { width: 100%; position: absolute; left: 0; right: 0; top: 50%; margin: auto; z-index: 9; text-align: center; animation: sub_top_txt 1.2s 0.4s both; color: #3e515e;}
.sub_top_txt h3 { font-family: 'Carisma Classic'; color: #fff; font-size: 4vw; line-height: 150%; font-weight: 600; animation: sub_top_txt2 1.3s 1.2s both; letter-spacing: 5vw; transform: translateX(3vw); text-transform: uppercase; }



.st-line { z-index: -1; height: 1px; background-color: #fff; width: 100%; position: absolute; bottom: -3px;  animation: st 0.5s 0.2s both linear; }
.st {position: relative; width: 100%; z-index: 2;}
@keyframes st 
{ 
	from { width: 0%; } 
	50% {    } 
	to { } 

}

@keyframes sub_top_txt {
	from {  opacity: 0; transform: translateY(30px); }
	to{ }
}
@keyframes sub_top_txt2 {
	from { letter-spacing: 1vw; transform: translateX(0rem); }
	to{ }
}


@keyframes sub-top {

    from {  transform:scale(1.2)}

    to { }
    
  }

@keyframes sub-top-bg {

    from {  opacity:0;}

    to { }
    
  }


@keyframes sub_top {
	from { opacity: 0; transform: translateY(30px); }
	to {  }
}
@keyframes sub_top_line {
	from { width: 0; }
	to {  }
}


@media all and (min-width:600px){

}


#sub {width:100%;margin:0 auto; position:relative; text-align:center;  font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;font-weight:700; background-color:#454545;}
#sub .sub-tit{font-size:28px; font-weight:500; padding-bottom:0px; line-height:90%; letter-spacing: -1.5px;    margin-top:40px; color: #fff; text-transform: uppercase;}
.sub_tit_txt{ font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;font-weight:400; text-align: center; color: #888; font-size:2.5vw;margin: 2vw 0;}
.sub-page{ width: 90%; text-align:center; margin:0 auto; margin-top: 10px; opacity: 1; overflow: hidden; padding-bottom: 60px; padding-top: 15px; }
.sub-page>h2{ font-size:20px; color:#111; padding-top:28px; text-align: left; margin-bottom: 10px;}
/*.sub-page img { width: 100%; }
#sub-tit-line {margin-top:30px;
	width: 90%;
	margin-left: 5%;

}
*/

.snb_wrap { width: 100%; height: auto; text-align: center; }
.snb { width: 100%; height: 45px;display: flex; /* justify-content: space-between; */ justify-content:center; border-bottom: #e1e1e1 1px solid; position: relative; left: 0; right: 0; background: #fff; }
.snb li { font-family: 'Noto Sans KR', sans-serif; font-size: 12px; font-weight: 600; width: 20%; height: 45px; line-height: 45px; /*box-sizing: border-box;*/ /*border-left: #e1e1e1 1px solid;*/  }
.snb li a { color: #484848; display: block; }
.snb li:nth-child(1) { border-left: none; }
.snb .selected { /* background-color: #e28f2f; */ }
.snb .selected a { color: #e28f2f; font-weight: 600;}


#sub-tit-line { width: 8px; height: 8px; margin: auto; margin-top: 17px; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; transform: rotate(45deg); }

.sub_over_wrap { width: 100%; max-width: 1100px; margin: auto; height: auto; position: relative; text-align: left; color: #383838; }
.sub_over_wrap>h2 { font-family: 'GG'; font-size: 1.667rem; line-height: 128%; font-weight: 700; padding-left: 5%; }
.sub_over_img_box { width: 100%; height: 463px; position: relative; overflow: hidden; margin-top: 2.917rem; }
.sub_over_img { width: 100%; margin-top: 1.25rem; }
.sub_over_img img { width: 100%; }
.sub_over_img_box p { position: absolute; color: #fff; z-index: 9; font-size: 16px; line-height: 250%; left: 7.5%; top: 9%; }

.sub_over_vd_box { position: relative; left: 0; top: 0; width: 100%; opacity: 1; z-index: 1; overflow: hidden; }
.sub_over_vd_box:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(https://desian.dimvis.com/m/sub/over_logo.png) center no-repeat; z-index: 5; }
.sub_over_vd_box:before { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(https://desian.dimvis.com/m/sub/over_bg.png) center no-repeat; background-size: cover; z-index: 1; }
.sub_over_vd { position: relative; top: 0; width: 100%; padding-bottom: 56.25%; height: 0; }
.sub_over_vd iframe { position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; width: 100%; height: 100%; z-index: 2; opacity: 1; }

@media all and (max-width: 1640px) { 
	.sub_over_vd iframe { width: 140%; height: 140%; }
}

@media all and (max-width: 1440px) { 
	.sub_over_vd iframe { width: 200%; height: 200%; }
}

@media all and (max-width: 1100px) { 
	.sub_over_vd iframe { left: 50%; top: 0; transform: translateX(-91.5vh); width: 180vh; height: 100vh; }
}

.sub_over_bottom { width: 100%; margin: auto; position: relative; margin-top: 20px; }
.sub_over_bottom h1 { font-size: 1.75rem; line-height: 100%; font-weight: 700; margin-bottom: 1rem; }
.sub_over_bottom_tit { display: flex; justify-content: space-between; align-items: center; }
.sub_over_bottom_tit h3 { width: 33%; min-width: 150px; font-family: 'Futura PT', sans-serif; font-size: 1.333rem; line-height: 120%; font-weight: 400; letter-spacing: 1px;/* color: #383838;*/  color: #fff;}
.sub_over_bottom_tit span { display: block; width: 90%; height: 1px; background-color: #383838; }
.sub_over_txt_box { margin-top: 3.333rem; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-bottom: 2.5rem; }
.sub_over_txt_box>div { width: 100%; margin-bottom: 2.333rem; }
.sub_over_txt_box>div h4 { font-size: 1.18rem; line-height: 100%; font-weight: 500; border-bottom: 1px solid #c19f80; padding-bottom: 1.083rem; color:#c19f80; }
.sub_over_txt_box>div p { font-size: 0.85rem; line-height: 220%; margin-top: 0.833rem; color: #fff;}
.sub_over_txt_box>div p b { text-align: center; display: inline-block; width: 4rem; height: 1.5rem; line-height: 1.5rem; background-color: #4f372b; border-radius: 1rem; color: #fff; padding: 0;  font-weight: 500; letter-spacing: 0; margin-right: 0.25rem; }

.sub_ori { width: 100%; max-width: 1100px; margin: auto; background-color: #2e2d2b; text-align: left; padding: 1.25rem 1.417rem; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: center; }
.sub_ori>div { width: 2.917rem; height: 2.917rem; min-width: 2.917rem; border-radius: 100%; background: #a27d5b url(../../sub/ori.png) center no-repeat; margin-right: 1.167rem; background-size: 0.3rem; }
.sub_ori ul {  }
.sub_ori ul li { font-size: 0.833rem; line-height: 155%; color: #fff; font-weight: 400; letter-spacing: -0.5px; position: relative; }
.sub_ori ul li:before { content:'·'; position: absolute; left: -0.5rem; margin-right: 0.167rem; }

.sub_ori ul.ori2 li { margin-left: 1.25rem; }
.sub_ori ul.ori2 li:first-child { margin-left: 0; font-size: 0.917rem; margin-bottom: 0.167rem; }
.sub_ori ul.ori2 li:first-child:before { display: none; }


.contact_wrap { background: url(https://desian.dimvis.com/m/sub/contact_bg.jpg) left bottom no-repeat;	}
.contact_box1 { width:100%; padding:60px 40px; background-color: #004e71;  }
.contact_box2 {  width:100%;   }

.w_color {color:#fff;}
.contact_box1 h2 { font-size: 24px; line-height: 100%; margin-bottom: 15px;  text-align: left; }
.contact_box2 h2 { font-size: 24px; line-height: 100%; margin-bottom: 15px;  text-align: left; font-weight: 500;}

.contact_box1 h2 img { margin-right:10px; margin-top:-2px; }
.contact_box2 h2 img { margin-right:10px; margin-top:-2px; }

.contact_map_box { width: 100%; max-width: 527px; border: 1px solid #9e9e9e; }
.contact_map_box img { width: 100%; }

.contact_txt_box { width: 100%; max-width: 527px; margin: 25px 0;}
.contact_txt_box h3 { display: inline-block; font-size: 32px; line-height: 100%; font-weight: 600; position: relative; margin-bottom: 60px; }
.contact_txt_box h3:after { content:''; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0; bottom: 0; }

.contact_bottom h2 {line-height: 100%; font-size:4.5vw; font-weight: 500; text-align: left; margin-bottom: 4vw; color:#fff;}
.contact_bottom h2 img { width: 11px; margin-right: 1vw;}
.contact_add { display: flex; justify-content: space-between; align-items: center;  text-align: left; margin-top:30px;}
.contact_add h4 { font-size: 4.5vw; line-height: 100%; font-weight: 600; color:#c9aa8d;}
.contact_add h4 span { font-size: 12px; line-height: 100%; padding:7px 15px 5px 15px; background-color: #6dadca; border-radius: 15px; margin-left: 8px; position: relative; top: -4px; }

.contact_add p { font-size: 3vw; line-height: 150%; margin-top: 8px; font-weight: 400; color:#fff;}
.contact_top .contact_add { margin-top: 50px; }

.contact_bt { display: flex; justify-content: flex-end; align-items: center; margin-right: 10px; }
.contact_bt a { display: block; margin-left: 5px; }




#container{ padding-left:0px; padding:5px 0 100px 0;} 

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:13px;
	border-left: 1px solid #ddd;
	height:40px;
}
ul.tabs li { margin-bottom:-1px; color:#fff;
    float: left;
    text-align:center;
    cursor: pointer;
    width:16.5%;
    height: 39px;
    line-height: 39px;
    border: 1px solid #ccc;
    border-left: none;
    font-weight: 600;
    background: #575655;
    overflow: hidden;
    position: relative;
	
}
ul.tabs li.active { color:#f8981c;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

ul.tabs li.selected { color:#fff;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none;
}
 #container {
    width: 1100px;
    margin: 0 auto;
}










#container2{ padding-left:0px; padding:5px 0 100px 0;} 

ul.tabs2 { font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:14px;
	height:40px;
}



ul.tabs2 li { margin-bottom:-1px; color:#fff; margin-left:0px;
    float: left;
    text-align:center;
    cursor: pointer;
    width:18.4%;

    height: 45px;
    line-height: 45px;
    /*border: 1px solid #e9eaec; */
    font-weight: 400;
    background: none;  background:#575655;
    overflow: hidden;
    position: relative;
	
}


ul.tabs2 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#707070; background:#a27d5b;   border: 0px solid #a27d5b; }
	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        

ul.tabs2 li a {  font-size:12px; font-weight:600; color:#fff; text-decoration: none; display: block !important; line-height: 41px !important; }
         
ul.tabs2 li.selected a:hover
{
    text-decoration: none;
}

ul.tabs2 li.selected
{
   color:#fff;
}

ul.tabs2 li.active { color:#fff;  }




.tab_container2 {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content2 { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container2 .tab_content2 ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container2 .tab_content2 ul li {
    padding:5px;
    list-style:none;
}
 #container2 {
    width: 1100px;
    margin: 0 auto;
}


@media all and (min-width:600px){

	.sub_top_bg {height:300px;}

	#sub-top {height:300px;}

	.sub-top-tit { top: 43%;}
	
	.sub-top-tit h1 {font-size:  40px; margin-bottom: 2vw;}
	.sub-top-tit h2 {font-size: 2vw;}



}


/**/

.summary_img_box { width: 100%; /*height: 620px;*/ height: 350px; position: relative; overflow: hidden; }
.summary_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0;/*top: 20%;*/ background: #555 url(../../sub/m/planning.jpg) center bottom no-repeat; background-size: cover; z-index: 2; animation: summary_img 1.2s 0.5s both;}
.summary_img_txt { position: absolute; left: 6%; top:4%; color: #000; text-align: left; font-family: 'felixti'; z-index: 9; }
.summary_img_txt h4 { font-size: 4vw; line-height: 180%; letter-spacing: -2px; opacity:0.6; margin-left:8vw;  animation: summary_txt2 1.2s 1s both;}
.summary_img_txt h1 { font-family: 'Nanum Myeongjo', serif; font-size: 7vw; line-height: 130%; letter-spacing: -2px;  font-weight: 500; margin-top:20%; margin-left:8vw; animation: summary_txt2 1.2s 1s both;}
.summary_img_txt div { width: 1px; height:180px; background-color:#000; position:absolute; animation: summary_txt 1.2s 0.2s both;}

.summary_txt_box { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: 3.125rem 5%; text-align: left; margin-top: 4.5rem;  animation: summary_img 1.2s 0.5s both;}
.summary_txt_box>div { width: 30%; }
.summary_txt_box h3 { font-size: 1.3rem; line-height: 100%; font-weight: 600; color: #231815; border-bottom: 1px solid #ababab; padding-bottom: 1rem; }
.summary_txt_box p { font-size: 1rem; line-height: 180%; margin-top: 1.5rem; }


@keyframes summary_img {
	from {  opacity: 0; transform: translateY(30px); }
	to{ }
}

@keyframes summary_txt2 {
	from {  opacity: 0; transform: translateX(-30px); }
	to{ }
}

@keyframes summary_txt {
	from {  height:0px; }
	to{ }
}



/**/

.sub_premium_wrap { width: 100%; position: relative; max-width: 500px; margin: auto; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; gap: 5vw 2%;}

.sub_premium_content { width: 48%; border: 1px solid #c2c2c2; box-sizing: border-box; padding: 1.5%; padding-bottom: 4%; background-color: #fff;  }

.sub_premium_content img { width: 100%; height: auto;}

.sub_premium_content:last-child { border:none; }
.sub_premium_tit { text-align: center; margin-top: 5vw;}
.sub_premium_tit h4 { font-size: 4vw; line-height: 130%; font-weight: 200; }
.sub_premium_tit h4 b { font-weight: 700; }
.sub_premium_tit h2 { font-size: 8vw; line-height: 100%; color: #a3285c; font-weight: 600; margin: 5vw 0 3vw; }
.sub_premium_tit img { width: 25vw; }

.sub_premium_img_box { width: 100%; position: relative; transition: 0.8s; }
.sub_premium_img_box>div:last-child { width: 130%; position: absolute; right: calc(-130% - 1.875rem); top: 5%; opacity: 0; transition: 0.5s; display: flex; justify-content: center; align-items: center; color: #9b9b9b; transform: rotate(90deg); transform-origin: left top; }
.sub_premium_img_box>div:last-child span { width: 80%; height: 1px; position: relative; margin: 0 0.75rem; }
.sub_premium_img_box>div:last-child span:after { content:''; width: 0%; height: 100%; position: absolute; left: 0; top: 0; background-color: #9b9b9b; transition: 2s 0.3s; }
.sub_premium_img_box>div:last-child p { font-size: 0.9375rem; line-height: 100%; }
.sub_premium_img { width: 100%; border-radius: 1.875rem; overflow: hidden; border-radius: 0; max-width: 283px; margin: auto; }
.sub_premium_img img { width: 100%; transform: scale(1.2); transition: 2.3s; transform: scale(1); }
.sub_premium_txt_box { opacity: 0; transform: translateY(5rem); transition: 0.8s; margin: 5.5vw 0 3.5vw; opacity: 1; transform: translate(0);}
.sub_premium_txt_box p { font-size: 3vw; line-height: 160%; font-weight: 400; }
.sub_premium_txt_box h3 { font-size: 4.5vw; line-height: 100%; font-weight: 700; color: #a3285c; margin-top: 0.875rem; }
.sub_premium_txt_box h5 { font-size: 2.5vw; line-height: 100%; color: #c2c2c2; margin-top: 0.75rem; font-weight: 400; letter-spacing: 0; }