/*@import url(https://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('../font/GOTHAM-BOLD.eot');
    src: local('../font/GOTHAM-BOLD'),
        url('../font/GOTHAM-BOLD.eot?#iefix') format('embedded-opentype'),
        url('../font/GOTHAM-BOLD.woff2') format('woff2'),
        url('../font/GOTHAM-BOLD.woff') format('woff'),
        url('../font/GOTHAM-BOLD.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'gotham';
    src: url('../font/GOTHAM-BOLD.eot');
    src: local('../font/GOTHAM-BOLD'),
        url('../font/GOTHAM-BOLD.eot?#iefix') format('embedded-opentype'),
        url('../font/GOTHAM-BOLD.woff2') format('woff2'),
        url('../font/GOTHAM-BOLD.woff') format('woff'),
        url('../font/GOTHAM-BOLD.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Carisma Inline';
    src: url('../font/CarismaInlineOblique.eot');
    src: local('Carisma Inline Oblique'), local('CarismaInlineOblique'),
        url('../font/CarismaInlineOblique.eot?#iefix') format('embedded-opentype'),
        url('../font/CarismaInlineOblique.woff2') format('woff2'),
        url('../font/CarismaInlineOblique.woff') format('woff'),
        url('../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('../../font/Pretendard-Black.woff2') format('woff2'), url('./woff/Pretendard-Black.woff') format('woff');
}

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

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

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

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

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

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

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

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url('../../font/Pretendard-Thin.woff2') format('woff2'), url('./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: 600px; margin: auto; font-family: 'Noto Sans KR', sans-serif; overflow-x: hidden; }

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

/**/

.main_open { font-size: 11px; width: 70px; height: 70px; line-height: 17px; background-color: #ca705b; 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: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); }
.fixWrap{position:fixed;top: 0; left: 0;right: 0; margin: auto; width: 100%; height:calc( 100vh + 165vw); z-index: -5;}

.sec{ width: 100%; max-width: 600px; margin: auto;}

.main_box { width: 100%; height: 100vh; position: relative; background-color: #fff; overflow: hidden; max-width: 600px; margin: auto; }
.main_box>img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.2s; }

#main_img{position: absolute; left: 0; right: 0; margin: 0 auto; width:100%; height: 100%; top:0; opacity: 1; transform: scale(1.4); transition: 2s; }

#main_img.main_active{transform: scale(1);}

/* 
.sec03_bg_box{width: 100%; height: 220vw;position: absolute;top: 0;left: 0;right: 0; margin: auto; z-index: 0;background: #000; }

.main_box:before { content:''; position: absolute; bottom: 0; width: 100%; height: 100px; background: linear-gradient(to top,#1c0522,transparent); z-index: 99; } */

.main_txt_box { position: relative; top:23%; left: 0; right: 0; margin: 0 auto; z-index: 99; text-align:center; color: #010101; }


/*.main_txt_box p { font-size: 4vw; line-height: 5.5vw; font-weight: 300; letter-spacing: 0; transform: translateY(-30px); margin-top: 7vw; font-family: 'Nanum Myeongjo', serif;}*/
.main_txt_box p { /*font-size: 6.0vw;*/ line-height: 10vw;  letter-spacing: -0.5vw; transform: translateY(-30px); font-family: 'Nanum Myeongjo', serif;}

.txt01 {/*letter-spacing: 1.0vw!important; */opacity: 0; font-size: 8.5vw;font-weight: 300;}
.txt01 span {  font-size: 13vw;  position:relative; top:1.2vw;}

.txt02 {/*letter-spacing: 0vw!important;*/ opacity: 0; font-size: 8.5vw;  color:#ca705b;  margin-top: 4vw; font-weight: 700;}
.txt02 span {font-weight: bold; }


.main_line { width: 1px; height: 0vw; background-color: #010101; position: relative; left: 0; right: 0; margin: 0 auto; top: -3vw;}

.main_bi { margin-top: 5vw; opacity:1; font-weight: 700; color: #fff; opacity: 0; }


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

/**/

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


.sec03 { width: 100%; height: 175vw; position: relative; background: #ca705b; color: #fff; padding: 0 0%; box-sizing: border-box; padding-top: 0vw; overflow: visible; margin: auto;  margin-top: calc(100vh + 0vw);  max-width: 600px; top:0;}

.sec03_line{position: absolute;width: 100%; height: 100%;top: 0;left: 0;right: 0;margin: auto;z-index: 0;}
.sec03_line::after{content: ''; position: absolute;top: 0;right: 15vw; width: 1px; height: 0%; background: rgba(255,255,255,.3);}
.sec03_line::before{content: ''; position: absolute;top: 44%;left: 0; width: 0%; height: 1px; background: rgba(255,255,255,.3);}

.arr_wrap {position:absolute; top: 0; z-index: 3; width: 100%;}
.sec03_arrow {width: 94px; height: 47px; position: absolute; right: 0; bottom: 0;}
.swiper-button-prev {width: 47px; position: absolute; left: 0; top: 0;}
.swiper-button-next {width: 47px; position: absolute; right: 0; top: 0;}

.swiper1{ width: 100%; height: 100%;margin: auto; top: 0px; position: relative; transform: translateY(-20px);opacity: 0; }
	
.sec03_tag {position:relative; top: 0;}
.sec03_titbox {width: 100%; padding-top: 23vw;}
.sec03_titbox h1{font-family: 'Nanum Myeongjo', serif;font-size: 4.5vw; color: #fff; line-height: 140%; opacity: 0;transform: translateY(-20px); letter-spacing: -0.6vw;  padding-left: 10vw;}
.sec03_titbox h1 span {color: #ca705b; }

.sec03_titbox h2{font-family: 'Nanum Myeongjo', serif; font-weight:100; font-size: 6.8vw; color: #fff; line-height: 100%; opacity: 0;transform: translateY(-20px); margin-top: 4vw;  padding-left: 10vw;}
.sec03_titbox h2 span{color: #423c3b; font-weight:bold; }
.sec03_txt { padding-left: 10vw; margin-top: 12vw;}

.sec03_txtbox h4{font-size: 5vw; line-height: 6vw; color: #fff;font-weight: 500; margin-top: 4vw; opacity: 0;transform: translateX(20px); letter-spacing: -0.1vw;  }
.sec03_txtbox p{font-size: 2.9vw; line-height: 5vw; color: rgba(255,255,255,.8); margin-top: 3vw; opacity: 0;transform: translateX(20px); letter-spacing: -0.25vw;  }
.sec03_txtbox p span{font-size: 2vw; color: rgba(255,255,255,.4); line-height: 160%; display: inline-block; margin-top: -2vw;}

.sec03_img{width:80% ; height: 40vw;margin: auto; margin-top: 10vw; transform: translateX(40px);opacity: 1; }

.sec03_img01{background: url(../img/sec03_img01.jpg) center no-repeat; background-size: cover;}
.sec03_img02{background: url(../img/sec03_img02.jpg) center no-repeat; background-size: cover;}
.sec03_img03{background: url(../img/sec03_img03.jpg) center no-repeat; background-size: cover;}
.sec03_img04{background: url(../img/sec03_img04.jpg) center no-repeat; background-size: cover;}

.sec03 .swiper-pagination { width:30%; position: absolute; left: 10vw; bottom: 25vw;  margin: auto; z-index: 999; display: flex; justify-content: space-between; }
.sec03 .swiper-pagination .swiper-pagination-bullet { width: 5vw; height: 5vw;  margin-left: 0.5vw; opacity: 1; background: none; border-radius: 100%; position: relative; }
.sec03 .swiper-pagination .swiper-pagination-bullet:after { content:''; width: 1vw; height: 1vw; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; border-radius: 100%; }
.sec03 .swiper-pagination .swiper-pagination-bullet-active:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 100%; border: 1px solid #fff; background: none; }
.sec03 .swiper-pagination .swiper-pagination-bullet-active:before { content:''; width: 1vw; height: 1vw; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; border-radius: 100%; }
.sec03 .swiper-pagination .swiper-pagination>span:nth-child(1) { margin-left: 0; }


.swiper1 .swiper-slide-active .sec03_txtbox h4{transform: translateX(0px);opacity: 1; transition: 1s .5s;}
.swiper1 .swiper-slide-active .sec03_txtbox p{transform: translateX(0px);opacity: 1; transition: 1s .7s;}


.sec03.active .swiper1 {transform: translateY(0px);opacity: 1; transition: 1s .2s;}
.sec03.active .sec03_bt_wrap {transform: translateY(0px);opacity: 1; transition: 1s .2s;}
.sec03.active .sec03_img {transform: translateX(0px);opacity: 1; transition: 1s .2s;}

.sec03.active .sec03_titbox h1{transform: translateY(0px);opacity: 1; transition: 1s .2s;}
.sec03.active .sec03_titbox h2{transform: translateY(0px);opacity: 1; transition: 1s .2s;}
.sec03.active .sec03_titbox h4{transform: translateX(0px);opacity: 1; transition: 1s .5s;}

.sec03.active .sec03_line::after{height: 100%; transition: 1.5s .2s;}
.sec03.active .sec03_line::before{width: 100%; transition: 2s .2s;}

/**/

.sec_unit { width: 100%; height: 250vw; position: relative; background: url(../img/unit_bg.jpg) center no-repeat; background-size: cover; color: #fff; padding: 0 0%; box-sizing: border-box; padding-top: 0vw; overflow: hidden; margin: auto; max-width: 600px; top:0;}
.unit_titbox {width: 100%; padding-top: 23vw;}
.unit_titbox h1{font-family: 'Nanum Myeongjo', serif;font-size: 4vw; color: #423c3b; line-height: 260%; opacity: 0;transform: translateY(-20px); letter-spacing: -0.6vw;  padding-left: 10vw;}
.unit_titbox h1 span {color: #ca705b; }

.unit_titbox h2{font-family: 'gotham'; font-weight:100; font-size: 4vw; color: #423c3b; line-height: 250%;letter-spacing: 1vw; opacity: 0;transform: translateY(-20px); margin-top: 10vw;  padding-left: 10vw;}
.unit_titbox h2 span{color: #423c3b; font-weight:bold; font-family: 'athena'; font-size: 12vw; letter-spacing: -0.1vw;}

.unit_titbox h4{position: relative; font-family: 'gotham'; font-weight:100; font-size: 3vw; color: #423c3b; line-height: 180%; display: inline-block; letter-spacing: -0.1vw; opacity: 0;transform: translateY(-20px); margin-top: 4vw;  margin-left: 10vw;}
.unit_titbox h4::after{position: absolute;bottom: 1vw; left: 0; width: 100%; height: 1px; background: #423c3b; content: ''; }

.swiper2{margin-left: 10vw; margin-top: 20vw;opacity: 0;transform: translateX(-20px); }

.unit_img{width: 100%; height: 67vw; border: 1px solid #726d6c; border-bottom: none;}
.unit_img01{background: url(../img/unit01.jpg) center no-repeat; background-size: cover;}
.unit_img02{background: url(../img/unit02.jpg) center no-repeat; background-size: cover;}
.unit_img03{background: url(../img/unit03.jpg) center no-repeat; background-size: cover;}

.unit_txtbox{width: 100%; height: 20vw; background: #423c3b;position: relative;}
.unit_txtbox .unit_txt{width: 60%; height: 100%; display: flex; padding-top: 3.5vw; justify-content: space-between; align-items: baseline;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.unit_txtbox .unit_txt h2{color: #ca705b; font-size: 8vw;font-family: 'gotham'}
.unit_txtbox .unit_txt span{width: 1px; height: 5vw; background: rgba(255,255,255,.3);}
.unit_txtbox .unit_txt p{font-size: 4vw; color: #fff;}

.sec_unit.active .unit_titbox h1{transform: translateY(0px);opacity: 1; transition: 1s .2s;}
.sec_unit.active .unit_titbox h2{transform: translateY(0px);opacity: 1; transition: 1s .5s;}
.sec_unit.active .unit_titbox h4{transform: translateX(0px);opacity: 1; transition: 1s .8s;}
.sec_unit.active .swiper2{transform: translateX(0px);opacity: 1; transition: 1s .8s;}

/*  */
.sec04 { width: 100%; height: 220vw; position: relative; background: #423c3b; color: #fff; padding: 0 0%; box-sizing: border-box; padding-top: 0vw; overflow: visible; margin: auto; max-width: 600px; top: 0;}

.sec04_tit {position:relative; margin: 0 auto; font-family: 'Nanum Myeongjo', serif; font-size: 7vw; line-height: 9vw; font-weight: 500; width: 100%; text-align: center; letter-spacing: -0.5vw; transform: translateY(40px); opacity: 0;}
.sec04_tit span { color: #ca705b;}

.sec04_top {opacity: 0;  transform: translateY(-40px);}
.sec04_img li:nth-child(1) {opacity: 0;  transform: translateY(-10px);}
.sec04_img li:nth-child(2) {opacity: 0;  transform: translateX(-40px);}
.sec04_img li:nth-child(3) {opacity: 0;  transform: translateX(40px);}
.sec04_img li:nth-child(4) {opacity: 0;  transform: translateX(-40px);}

.sec04_txt {font-size: 3vw; text-align: center; color: #c1c3c2; line-height: 7vw; opacity: 0; transform: translateY(40px);}

.sec04.active .sec04_top {opacity: 1; transform: translate(0); transition: 1s 0.5s; }
.sec04.active .sec04_tit {opacity: 1; transform: translate(0); transition: 1s 0.7s; }

.sec04.active .sec04_img li:nth-child(1) {opacity: 1; transform: translate(0); transition: 1s 1.2s;}
.sec04.active .sec04_img li:nth-child(2) {opacity: 1; transform: translate(0); transition: 1s 1.7s;}
.sec04.active .sec04_img li:nth-child(3) {opacity: 1; transform: translate(0); transition: 1s 2s;}
.sec04.active .sec04_img li:nth-child(4) {opacity: 1; transform: translate(0); transition: 1s 2.2s;}

.sec04.active .sec04_txt {opacity: 1; transform: translate(0); transition: 1s 2.5s; }


/*  */

.sec_contact { width: 100%; height: 180vw; position: relative; background: url(../img/map_bg.jpg) center no-repeat; background-size: cover; color: #fff; padding: 0 0%; box-sizing: border-box; padding-top: 0vw; overflow: hidden; margin: auto; max-width: 600px; top:0;}
.contact_titbox {width: 100%; padding-top: 23vw;}
.contact_titbox h1{font-family: 'Nanum Myeongjo', serif;font-size: 4vw; color: #fff; line-height: 150%; opacity: 0;transform: translateY(-20px); letter-spacing: -0.4vw;  padding-left: 10vw;}
.contact_titbox h1 span {color: #ca705b; }

.contact_titbox h2{font-family: 'athena'; font-weight:100; font-size: 4vw; color: #fff; line-height: 250%;letter-spacing: 1vw; opacity: 0;transform: translateY(-20px); margin-top: 3.5vw;  padding-left: 10vw;}
.contact_titbox h2 span{color: #fff; font-weight:400; font-family: 'athena'; font-size: 10vw; letter-spacing: -0.1vw;}

.contact_titbox h3{padding-left: 10vw;margin-top: 8vw; font-size: 3.2vw; font-weight: 300; opacity: 0;transform: translateY(-20px); } 

.contact_titbox h4{position: relative; width: 40vw; height: 10vw;  font-weight:100; font-size: 3vw; color: #fff; background: #423c3b; display: inline-block;  opacity: 0;transform: translateY(-20px); margin-top: 4vw;  margin-left: 10vw;}
.contact_titbox h4 a{width: 75%;margin: auto; height: 100%; display: flex; justify-content: space-between; align-items: center;}

.map{margin-top: 17vw; opacity: 0;transform: translateY(50px); }

.sec_contact.active .contact_titbox h1{transform: translateY(0px);opacity: 1; transition: 1s .2s;}
.sec_contact.active .contact_titbox h2{transform: translateY(0px);opacity: 1; transition: 1s .5s;}
.sec_contact.active .contact_titbox h3{transform: translateY(0px);opacity: 1; transition: 1s .8s;}
.sec_contact.active .contact_titbox h4{transform: translateY(0px);opacity: 1; transition: 1s 1.1s;}
.sec_contact.active .map{transform: translateY(0px);opacity: 1; transition: 1s 1.1s;}


/*  */



.footer { width: 100%;  background-color: #15100f; color: #fff; padding: 0 0%; padding-top:0vw; position: relative; z-index: 999; text-align: left; max-width: 600px;}


.footer h1 { font-size: 2.8vw; line-height: 160%; margin-top:0vw; color: #fff; letter-spacing: -0.2vw; padding-left: 6vw; }
.footer p {font-size: 2.6vw; margin-top: 6vw; padding-left: 6vw; opacity: 0.3; line-height: 160%;}






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

	.sec05_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:25%;}
    /*.main_txt_box p { font-size: 21px; line-height: 10px; margin-top:60px; }
	.main_line {top:30px; height: 118px;}
	.main_bi {margin-top:20px;}*/

	.main_txt_box p { /*font-size: 6.0vw;*/ line-height: 60px;  letter-spacing: -1.8px; transform: translateY(-30px); font-family: 'Nanum Myeongjo', serif;}

	.txt01 {/*letter-spacing: 1.0vw!important; */opacity: 0; font-size: 51px;font-weight: 300;}
	.txt01 span {  font-size: 78px;  position:relative; top:7.2px;}
	
	.txt02 {/*letter-spacing: 0vw!important;*/ opacity: 0; font-size:51px;  color:#ca705b;  margin-top: 24px; font-weight: 700;}
	.txt02 span {font-weight: bold; }

	.main_line { width: 1px; height: 0vw; background-color: #010101; position: relative; left: 0; right: 0; margin: 0 auto; top: -18px;}

	.main_bi { margin-top: 5px; opacity:1; font-weight: 700; color: #fff; opacity: 0; }






/* sec03 */


    .sec03 { height: 1050px;  padding-top: 0px;margin-top: 100vh; }
	.sec03_line::after{right: 90px;}
	.sec03_line::before{}
	
	.sec03_titbox { padding-top: 138px;}
	.sec03_titbox h1{font-size:27px; letter-spacing: -3.6px;  padding-left:60px;}
	
	.sec03_titbox h2{font-size: 39px;  margin-top:24px;  padding-left:60px;}
	.sec03_titbox h2 span{color: #423c3b; }
	.sec03_txt { padding-left: 60px; margin-top: 72px;}
	
	.sec03_txtbox h4{font-size: 30px; line-height: 36px;  margin-top: 24px; letter-spacing: -0.6px;  }
	.sec03_txtbox p{font-size: 18px; line-height: 36px; margin-top:18px; letter-spacing: -1.5px;  }
	.sec03_txtbox p span{font-size: 12px;  margin-top: -12px;}
	
	.sec03_img{width:80% ; height: 240px; margin-top: 60px;}

	.swiper-pagination { left: 60px; bottom: 150px; }
	.swiper-pagination .swiper-pagination-bullet { width: 30px; height: 30px;  margin-left: 3px; }
	.swiper-pagination .swiper-pagination-bullet:after { width: 6px; height: 6px;}
	.swiper-pagination .swiper-pagination-bullet-active:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 100%; border: 1px solid #fff; background: none; }
	.swiper-pagination .swiper-pagination-bullet-active:before { content:''; width: 6px; height: 6px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; border-radius: 100%; }
	.swiper-pagination .swiper-pagination>span:nth-child(1) { margin-left: 0; }
	
/*  unit	 */


	.sec_unit {height: 1500px;;}
	.unit_titbox {width: 100%; padding-top: 138px;}
	.unit_titbox h1{font-size:24px;letter-spacing: -3.6px;  padding-left: 60px;}

	.unit_titbox h2{ font-size:24px;letter-spacing: 6px;margin-top:60px;  padding-left: 60px;}
	.unit_titbox h2 span{ font-size:72px; letter-spacing: -0.6px;}

	.unit_titbox h4{font-size: 18px;letter-spacing: -0.6px; margin-top:24px;  margin-left:60px;}
	.unit_titbox h4::after{bottom: 6px; left: 0; width: 100%; height: 1px; background: #423c3b; content: ''; }

	.swiper2{margin-left: 60px; margin-top: 120px;}

	.unit_img{width: 100%; height: 402px;}

	.unit_txtbox{ height: 120px;}
	.unit_txtbox .unit_txt{width: 65%; height: 100%; display: flex; padding-top: 12px; }
	.unit_txtbox .unit_txt h2{ font-size: 60px;}
	.unit_txtbox .unit_txt span{width: 1px; height: 30px; background: rgba(255,255,255,.3);}
	.unit_txtbox .unit_txt p{font-size: 24px;}



/* sec04 */


    .sec04 { height: 1253px;  margin-top: 0px; padding-top: 0px;}
	.sec04_tit {font-size: 38px; line-height:48px; letter-spacing: -1px;}
	.sec04_txt {font-size:18px; line-height: 38px;}

/* contact */

	.sec_contact {height: 1080px;}
	.contact_titbox { padding-top: 138px;}
	.contact_titbox h1{font-size:24px; letter-spacing: -2.4px;  padding-left: 60px;}

	.contact_titbox h2{ font-size:24px;letter-spacing: 6px; margin-top:24px;  padding-left:60px;}
	.contact_titbox h2 span{font-size: 60px; letter-spacing: -0.6px;}

	.contact_titbox h3{padding-left:60px;margin-top: 48px; font-size: 19.2px; } 

	.contact_titbox h4{position: relative; width: 240px; height: 60px;  font-weight:100; font-size: 18px; margin-top:24px;  margin-left: 60px;}
	
	.map{margin-top: 90px; }



/* footer */

	.footer {  }
	.footer h1 {font-size:15px; line-height: 25px;  letter-spacing: -0.5px; padding-left:40px;}
	.footer p {font-size:15px; line-height: 25px; letter-spacing: -0.5px; padding-left:40px; margin-top:40px;}





}




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

/* 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.gif) no-repeat 100% 50%;}
#snb>li:first-child + li + li > a {background:url(../img/snb-arr.gif) 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; letter-spacing:0em;  border-left:1px solid #dcdcdc;  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:#fff;display:none;}
#snb .ov ul li {border:1px solid #dcdcdc;margin-top:-1px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; text-transform: uppercase; background-color: #fff; }
#snb .ov ul li:first-child {margin-top:0;}
#snb .ov ul li a {display:block;font-size:10px;color:#999;padding:11px 15px;white-space:nowrap;letter-spacing:-0.075em;}
#snb .ov:hover ul {display:block;}
#snb .ov ul li a:hover {background:#f3f3f3;color:#333;}

#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_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-top.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-top2.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-top3.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-top4.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-top5.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-top6.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-top7.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(../img/sub-top8.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(../img/sub-top9.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%; height: 40vw; position: relative; background: #101f3a; font-family: 'Noto Sans KR', sans-serif;	 padding-left: 20px;  }
#sub_top_txt h2 { color: #fff; font-size: 6vw; font-weight: 400; line-height: 100%; animation: sub_top 0.8s 0.5s both;}
#sub_top_txt h2 span { font-size:4vw;}
#sub_top_txt h4{ margin-top: 15px; animation: sub_top 0.8s 1.2s both; }
#sub_top_txt h5 { color: #fff; font-size: 4vw; font-weight: 300; margin-top: 1vw;    }

.sub-top-tit {position:absolute; top: 46%;  margin: 0 auto; text-align: center;  width: 100%; z-index: 22;}
.sub-top-tit h1 {/* font-family: 'Tenor Sans', sans-serif;  font-family: 'Athena', sans-serif; font-family:'gil'; */color: #111; font-size: 7.5vw; text-transform: uppercase; letter-spacing: -1px; margin-left: 0px;}
.sub-top-tit p {color:#484848; font-size: 3vw; letter-spacing: 0px; margin-left: 0px; font-family: 'Nanum Myeongjo', serif; font-weight:bold; margin-top:1vw; letter-spacing: -0.5px;}
.sub-top-tit p span {color:#ca705b; }


.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-st 
{ 
	from { opacity: 0; margin-top: 0; } 
	50% {    } 
	to { } 

}


@keyframes sub-top {

    from {  transform:scale(1.5)}

    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 {  }
}



#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;}
#sub .sub-tit{font-size:28px; font-weight:500; padding-bottom:0px; line-height:90%; letter-spacing: -1.5px;    margin-top: 40px;}
.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: 40px; 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%; display: flex; justify-content: space-between; border-bottom: #e1e1e1 1px solid; }
.snb li { font-family: 'Noto Sans KR', sans-serif; font-size: 12px; font-weight: 400; width: 100%; height: 45px; line-height: 45px; box-sizing: border-box; background: #fff;border-left: #e1e1e1 1px solid;}
.snb li a { color: #000; display: block; }
.snb li:nth-child(1) { border-left: none; }
.snb .selected { background-color: #be6b5c; }
.snb .selected a { color: #fff; }


#sub-tit-line {
	width: 1px;
	margin: 20px auto;
	height: 25px;
	background: #999;
}



#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:#444;
    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: #eee;
    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:#232222; 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: #e9eaec;
    overflow: hidden;
    position: relative;
	
}


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

ul.tabs2 li a {  font-size:12px; font-weight:600; color:#707070; 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-tit { top:175px;  }
	.sub_top_bg02 {height:400px;}
	#sub-top {height:400px;}



}