@font-face {

      src : url("../../font/gil.woff") format('woff'); 
      font-family: "gil" 

}
@font-face {

      src : url("../../font/Athena.woff") format('woff'); 
      font-family: "Athena" 

}

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

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


body{ padding:0; margin:0; font-family: 'Noto Sans KR', sans-serif; } 

/**/

.bo_bn {position: fixed; bottom:12vw; left: 0; right: 0; margin: auto; width: 100%; height: 12vw; z-index: 999; display: flex; justify-content: center; align-items: center; text-align:center; }
.bo_bn div { width: 100%; height: 100%;  background: #061a2c; color: #fff; line-height:120%; }
.bo_bn a {width: 100%; height: 100%; display: block;font-family: 'Noto Sans KR', sans-serif; color: #fff; text-align: center;line-height: 12vw; font-size:4vw; font-weight: 700;  display: flex; justify-content: center; align-items: center;}

.bo_bn div:first-child a {flex-wrap:wrap; line-height:100%;}

.bo_bn div:last-child { background: #c39f90;  }
.bo_bn img { margin-right:0.5rem; }

.main_menu { width: 100%; height: 42px; position: fixed; left: 0; right: 0; top: 100px; z-index: 999; max-width: 500px; margin: auto; transition:.5s;}
.main_menu.active{top: 80px;}
.main_gnb { height: 100%; margin: auto; text-align: center; }
.main_gnb ul { width: 100%; height: 100%; display: flex; justify-content: space-between; background-color: #061a2c; }
.main_gnb ul li { width: 100%; height: 100%; color: #fff; line-height: 42px; font-size: 10.5px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.2px; position: relative; box-sizing: border-box; border-right: 1px solid rgba(255,255,255,0.3); }
.main_gnb ul li a { width: 100%; height: 100%; display: block; padding: 0px; box-sizing: border-box; }
.main_gnb ul:first-child { border-bottom: 1px solid rgba(255,255,255,0.3); }
.main_gnb ul li:last-child { border-right: none; }



.main_gnb ul:first-child li:first-child { width: 0 !important; border-right: none; }

.main_gnb ul li.on { color: #1e2e53; background-color: #fff; }

/*.main_gnb ul { width: 100%; height: 100%; background-color: #1e2e53; }
.main_gnb ul li { float: left; width: 33.33%; height: 42px; color: #fff; line-height: 40px; font-size: 10.5px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.2px; position: relative; box-sizing: border-box; border-right: 1px solid rgba(255,255,255,0.3); }
.main_gnb ul li a { width: 100%; height: 100%; display: block; padding: 0px; box-sizing: border-box; }
.main_gnb ul li:nth-child(n+4) { border-top: 1px solid rgba(255,255,255,0.3); }
.main_gnb ul li:last-child { border-right: none; }*/



.main_wrap { width: 100%; height: auto; position: relative; overflow: hidden; margin-top: 84px; }

/**/

.sec01 { width: 100%; height: auto; position: relative; background: #fff; }

.sec01_box { width: 84%; height: 100%; position: relative; left: 0; right: 0; margin: auto; text-align: center;}

.swiper1 { width: 100%; position: relative; right: 0; top: 0; margin-bottom: 0; margin-top: 25vw; }

.swiper1 .swiper-slide { width: 100%; height: 60vw; max-height: 63vw; }
/* .swiper1 .swiper-slide { width: 100%; height: auto; } */
.sec01_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.sec01_img.img01 { background: url(../img/sec01_img01.jpg) center no-repeat; background-size: cover; }
.sec01_img.img02 { background: url(../img/sec01_img02.jpg) center no-repeat; background-size: cover; }
.sec01_img.img03 { background: url(../img/sec01_img03.jpg) center no-repeat; background-size: cover; }
.sec01_img.img04 { background: url(../img/sec01_img04.jpg) center no-repeat; background-size: cover; }

.sec01_bg{width: 100%;position: absolute;top: 67vw;left: 0;z-index: 0;}

.sec01_txt_box {font-family: 'Noto Sans KR', sans-serif; padding-top: 15vw; }
.sec01_txt_box h3 { font-family: 'Nanum Myeongjo', serif; font-size: 9vw; height: 100%; color: #061a2c; font-weight: 200; opacity: 0; transform: translateY(-30px); }
.sec01_logo { width: 130px; margin: auto; margin-top: 8vw; opacity: 0; transform: translateY(-30px); }
.sec01_txt_box p { font-family: 'Noto Sans KR', sans-serif; font-size: 4vw; line-height: 7vw; color: rgba(0,0,0,0.8);  font-weight: 400; margin-top: 5vw; opacity: 0; transform: translateY(-30px); }

.swiper1 .swiper-slide.swiper-slide-active .sec02_img { animation: sec01_img 3s 0.2s both; }


.sec01_txt_box.active h3 { opacity: 1; transform: translateY(0); transition: 1.2s 0.2s; }
.sec01_txt_box.active p { opacity: 1; transform: translateY(0); transition: 1.2s 0.5s; }
.sec01_txt_box.active .sec01_logo { opacity: 1; transform: translateY(0); transition: 1.2s 0.8s; }

@keyframes sec01_img {
	from { transform: scale(1.2); }
	to {  }
}


.sec01_bt_wrap { width: 100%; height: 45px; position: relative; left: 0; right: 0; margin: auto; bottom: 0; z-index: 9; margin-top: 20px; margin-bottom: 10vw; }

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

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


.sec01_img_tit{position: absolute;top: -10vw; right: 0;display: flex; opacity: 0; transform: translateY(-10px); overflow: hidden ; height: 6vw; text-align: left; align-items: center;}
.sec01_img_tit h4{font-size: 4vw;margin-top: -1vw;}
.sec01_img_tit span{width: 1px; height: 100%; background: #000;margin:0 5vw;}
.sec01_img_tit h2{font-family: "athena"; font-size: 7vw;margin-top: -1vw;}

.swiper-slide-active .sec01_img_tit{opacity: 1; transform: translateY(0px);  transition: 1.2s;}
/**/



.sec02 { width: 100%; height: 240vw; position: relative; border-top: 1px solid transparent; background: url(../img/sec02_bg.jpg) center bottom  no-repeat; background-size:cover;}

.sec02_box { width: 84%; height: 100%; margin: auto;  }


.sec02_txt_box {font-family: 'Noto Sans KR', sans-serif; padding-top: 20vw; text-align: center;}
.sec02_txt_box .sec02_tit01{width: 100%;margin-bottom: 10vw;}
.sec02_txt_box h2 { font-family: 'Nanum Myeongjo', serif; font-size: 5vw; line-height: 8vw; color: #061a2c; font-weight: 200;margin-bottom: 10vw;  }
.sec02_txt_box .sec02_tit02{margin-bottom: 10vw;}
.sec02_txt_box p { font-size: 3.2vw; line-height: 6.5vw; font-weight: 400; color: #7a7f8b; margin-top: 5px; opacity: 1; }

/* 
.sec02_box.active .sec02_vd_box { opacity: 1; transform: translateX(0); transition: 1.2s 0.2s; }
.sec02_box.active .sec02_txt_box h2 { opacity: 1; transform: translateX(0); transition: 1.2s 0.2s; }
.sec02_box.active .sec02_txt_box p { opacity: 1; transform: translateX(0); transition: 1.2s 0.4s; }
 */
/**/

.sec03 { width: 100%; height: auto; position: relative;  background: #060d13; background-size: cover;  }

.sec03_tit_box {font-family: 'Noto Sans KR', sans-serif; padding-top: 20vw; text-align: center;color: #fff;}
.sec03_tit_box h2 { font-family: 'Nanum Myeongjo', serif; font-size: 5vw; line-height: 8vw;  font-weight: 200;margin-bottom: 5vw;  }
.sec03_tit_box h2 b{font-size: 7.5vw;}
.sec03_tit_box h4{font-size: 3.5vw;line-height: 6vw;color: rgba(255, 255, 255, .8);}
.sec03_tit_box p { font-size: 4vw; line-height: 7vw; font-weight: 400;  margin-top: 5vw; opacity: 1; }


.sec03_tit_box { width: 84%; margin: auto; padding-top: 50px; position: relative; border-top: 1px solid transparent; }

.sec03_box { width: 100%; margin: auto; margin-top: 10vw; position: relative; opacity: 1; }
.swiper2 { width: 100%;  height: 90vw; }
.sec03_location_con { width: 80%; margin: auto 10%;  position: relative; text-align: center; box-shadow: 0px 6px 18px 6px rgba(0, 0, 0, 0.1);}
.sec03_img { width: 100%; margin: auto; position: relative; }
.sec03_img img { width: 100%; position: relative;top: 0;}
.sec03_txt_box{width: 100%; height: 50vw;background: #fff;}
.sec03_txt_box h3 { font-size: 16px; line-height: 20px; color: #060d13; padding-top: 10vw; font-weight: 600; }
.sec03_txt_box p { font-size: 12px; line-height: 22px; color: #686868; margin-top: 15px; }

.sec03_arrow { width: 84%; height: 44px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.sec03_arrow>div { width: 70px; height: 44px; margin: 0; padding: 0; top: 0; outline: none; }
.sec03_arrow>div>img { width: 100%; }

.sec03_location{background: #fff url(../img/location_bg.jpg) top right; background-size: cover; width: 100%; height: 120vw;}
.sec03_location_tit{width: 84%; margin: auto;}

.sec03_location_tit {font-family: 'Noto Sans KR', sans-serif; padding-top: 15vw; text-align: left;color: #000;}
.sec03_location_tit .sec03_location_tit_img{width: 84%; margin-bottom: 10vw;}
.sec03_location_tit h2 { font-family: 'Nanum Myeongjo', serif; font-size: 5vw; line-height: 8vw;  font-weight: 200;margin-bottom: 5vw;  }
.sec03_location_tit h2 b{color: #c39f90;}
.sec03_location_tit h4{font-size: 3.5vw;line-height: 6vw;color: rgba(0, 0, 0, .8);margin-bottom: 10vw;}

.sec03_location_tit_bt{background: #fff; border: 1px solid rgba(0, 0, 0, 0.3);width: 40vw; display: flex; align-items: center; justify-content: space-between;
padding: 3vw 6vw; margin-bottom: 10vw;
}



/* .sec03_tit_box.active .sec03_tit01 { opacity: 1; left: 2vw; transition: 1.5s 0s; }
.sec03_tit_box.active .sec03_tit02 { opacity: 1; left: 23vw; transition: 1.5s 0.1s; }
.sec03_tit_box.active .sec03_tit03 { opacity: 1; left: -2vw; transition: 1.5s 0.2s; }
.sec03_tit_box.active .sec03_tit { opacity: 1; transition: 1s 0.7s; }
.sec03_box.active { opacity: 1; transition: 1.2s 0s; } 
.sec03_tit_box.active .sec03_hip { opacity: 1; transform: translateX(-50%); scale(1); transition: 0.65s 1.1s; }
*/

/**/

.sec04 { width: 100%; height: auto; position: relative; overflow: hidden; background: url(../img/sec04_bg.jpg) center no-repeat;  background-size: cover; }

.sec04_landmark{background: #fff url(../img/landmark_bg.jpg) top right; background-size: cover; width: 100%; height: 123vw;}
.sec04_landmark_tit{width: 84%; margin: auto;}

.sec04_landmark_tit {font-family: 'Noto Sans KR', sans-serif; padding-top: 15vw; text-align: right;color: #000;}
.sec04_landmark_tit .sec04_landmark_tit_img{width: 84%; margin-bottom: 10vw;}
.sec04_landmark_tit h2 { font-family: 'Nanum Myeongjo', serif; font-size: 5vw; line-height: 8vw;  font-weight: 200;margin-bottom: 5vw;  }
.sec04_landmark_tit h2 b{color: #c39f90;}
.sec04_landmark_tit h4{font-size: 3.5vw;line-height: 6vw;color: rgba(0, 0, 0, .8);margin-bottom: 10vw;}

.sec04_location_tit_bt{background: #fff; border: 1px solid rgba(0, 0, 0, 0.3);width: 40vw; display: flex; align-items: center; justify-content: space-between;
padding: 3vw 6vw; margin-bottom: 10vw;
}

.sec04_con{width: 100%;}
.sec04_con_txt{width: 100%; height: 50vw;background: #fff;}
.sec04_con_txt img{width: 100%;padding-top: 10vw;}
.sec04_con_txt h3 { font-size: 16px; line-height: 20px; color: #060d13; padding-top: 5vw; font-weight: 600; }
.sec04_con_txt p { font-size: 12px; line-height: 22px; color: #686868; margin-top: 15px; }



.sec04_arrow { width: 84%; height: 44px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.sec04_arrow>div { width: 47px; height: 47px; margin: 0; padding: 0; top: 0; outline: none; }
.sec04_arrow>div>img { width: 100%; }
.sec04_con{text-align: center;}

@keyframes sec04_circle {
	from { transform: rotate(-180deg); }
	to {  }
}


.sec04.active .swiper3 { opacity: 1; transition: 1.2s 0.2s; }
.sec04.active .sec04_circle { opacity: 1; transition: 1.2s 0.5s; }
.sec04.active .sec04_arrow { opacity: 1; transition: 1.2s 0.2s; }


/**/

.sec05 { width: 100%; height: auto; position: relative; overflow: hidden;  }

.sec05_box { width: 100%; height: 100%; margin: auto; position: relative; color: #131313; text-align: center;background: #060d13; }
.sec05_img{margin-top: 15vw;;}
.sec05_img02{position: absolute;bottom: -30vw; width: 38vw;right: 8%;}

.sec05_tit_wrap{ padding-bottom: 10vw; position: relative;}
.sec05_tit {font-family: 'Noto Sans KR', sans-serif; padding-top: 15vw; text-align: left;color: #fff; width: 84%; margin: auto;}
.sec05_tit .sec05_tit_img{width: 80%; margin-bottom: 10vw;}
.sec05_tit h2 { font-family: 'Nanum Myeongjo', serif; font-size: 5vw; line-height: 8vw;  font-weight: 200;margin-bottom: 5vw;  }
.sec05_tit h2 b{color: #c39f90;}
.sec05_tit h4{font-size: 3.5vw;line-height: 6vw;color: rgba(255, 255, 255, .8);margin-bottom: 10vw;}

.sec05_txt{width: 100%; background: url(../img/sec05_txt_bg.jpg) top left no-repeat; background-size: cover;}
.sec05_txt ul {padding: 30vw 8vw 15vw 8vw;}
.sec05_txt li{margin-bottom: 4vw;}
.sec05_txt li h2{font-size: 5vw; margin-bottom: 1vw;}
.sec05_txt li p{font-size: 3.5vw;color: 777;}

/* .sec05.active .sec05_logo { opacity: 1; transition: 1.2s 0.2s; }
.sec05.active .sec05_box h4 { opacity: 1; transform: translateY(0); transition: 1.2s 0.5s; }
.sec05.active .sec05_box p { opacity: 1; transform: translateY(0); transition: 1.2s 0.7s; }

 */
/**/


.sec06_box { width: 100%;  position: relative; z-index: 2;background: #f5f5f5; padding-bottom: 35vw; }

.sec06_box_tit {font-family: 'Noto Sans KR', sans-serif; padding-top: 15vw; text-align: center;color: #000;}
.sec06_box_tit .sec06_tit{width: 70%; margin-bottom: 10vw;}
.sec06_box_tit h2 { font-family: 'Nanum Myeongjo', serif; font-size: 5vw; line-height: 8vw;  font-weight: 200;margin-bottom: 5vw;  }
.sec06_box_tit h2 b{color: #c39f90;}
.sec06_box_tit h4{font-size: 3.5vw;line-height: 6vw;color: rgba(0, 0, 0, .8);margin-bottom: 10vw;}
.sec06_box_tit p{font-size: 3vw; width: 84%; margin: auto; margin-top: 5vw;}

.sec06_img{width: 84%; }
.sec06_img02{width: 100%; position: absolute;bottom: 0;left: 0;right: 0;margin: auto; z-index: -1;}

body.main .footer { width: 100%; border-top: none; margin-left: 0; }

.top_bt { width: 70px; height: 70px; position: absolute; left: 0; right: 0; z-index: 999; margin: auto; background: #fff url(../../img/common/top.png) center no-repeat; background-size: 18px; top: 50px; 
opacity: 0; transition: 0.5s; cursor: pointer; border-radius: 100%; box-sizing: border-box; }
.top_bt.active { top: -35px; opacity: 1; }


.footer { width: 100%; z-index: 998; padding: 0%; background:#181818 ;color: #fff; position: relative; box-sizing: border-box; text-align: center; letter-spacing: -0.5px; padding-bottom: 30px; }

.footer_logo { margin-top: 80px; }
.footer p { font-size: 10px; line-height: 18px; opacity: 0.5; font-weight: 200; margin-top: 25px; letter-spacing: -1px; transform: scale(0.9); }
.footer ul { margin-top: 8px; }
.footer ul.f_top {width: 63%; display: flex; justify-content:space-between; margin: 0 auto;  margin-top: 25px;  align-items: center;}
.footer ul.f_top2{width: 79% !important ;margin-top: 10px;}
.footer ul li { font-size: 10px; line-height: 17px; color: #7a7a7a; }
.footer ul li span { color: #c39f90; }
.footer h6 { font-size: 10px; line-height: 100%; color: #7a7a7a; margin-top: 25px; padding-bottom: 60px; }

.footer_open { width: 100%; padding: 12px 0; background-color: #b09060; text-align: center; color: #fff; font-weight: 100; text-transform: uppercase; }
.footer_open b { font-weight: 600; }

/**/


#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:700; 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; }
.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:2.5vw;
	width: 90%;
	margin-left: 5%;
	height: 1px;
	background: #ddd;
}



.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: #060d13; display: block; }
.snb li:nth-child(1) { border-left: none; }
.snb .selected { background-color: #060d13; }
.snb .selected a { color: #fff; }


#sub-top{
width: 100%;
height: 40vw;
overflow: hidden;
position: relative;
}

#sub-top-bg{

	overflow: hidden;
	width: 100%;
	height: 40vw;
	 animation: sub-top 2s 0s both; 
	 
}
#sub-top::after{content:"";position: absolute;top: 0;left: 0; width: 100%; height: 100%;background: url(../img/sub-top-bg.png) center center no-repeat; background-size: cover;animation: sub-top-bg 0.8s 0.2s both; opacity: 1; }

.sub-top01{background: url(../img/sub_top01.jpg) center center no-repeat; background-size: cover; 	}
.sub-top02{background: url(../img/sub_top02.jpg) center center no-repeat; background-size: cover;}
.sub-top03{background: url(../img/sub_top03.jpg) center center no-repeat; background-size: cover;}
.sub-top04{background: url(../img/sub_top04.jpg) center center no-repeat; background-size: cover;}
.sub-top05{background: url(../img/sub_top05.jpg) center center no-repeat; background-size: cover;}
.sub-top06{background: url(../img/sub_top06.jpg) center center no-repeat; background-size: cover;}
.sub-top07{background: url(../img/sub_top07.jpg) center center no-repeat; background-size: cover;}
#sub-top img{ animation: sub_top_img 2s 0s both; }


#sub_top_txt { position: absolute; width: 100%; top: 40%; left: 0; right: 0; margin: auto;  text-align: center; animation: sub_top 1.2s 0.2s both; z-index: 9; }
/*#sub_top h1 { color: #000; font-size: 28px; font-weight: 400; line-height: 40px; font-weight: 500; }*/
/*#sub_top h1 { color: #fff; font-size: 66px; font-weight: 900; line-height: 100%; animation: sub_top 0.8s 0.2s both; }*/
#sub_top_txt h1 { color: #000; font-size: 7vw; font-weight: 400; line-height: 100%; text-transform: uppercase; font-family: 'gil'; }
#sub_top_txt h1 span { position: relative; }
#sub_top_txt h1 span:after { content:''; width: 100%; height: 1px; background-color: #000; position: absolute; left: 2px; bottom: -1vw; animation: sub_top_line 0.8s 0.45s both; }
#sub_top_txt h5 { color: #fff; font-size: 4vw; font-weight: 300; margin-top: 1vw;    font-family: 'Noto Sans KR', sans-serif; }


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


#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:13px;
	height:40px;
}



ul.tabs2 li { color:#232222; 
    float: left;
    text-align:center;
    cursor: pointer;
/*    width:18.4%;*/
/*    margin-left: 1%;*/
    height: 45px;
    line-height: 45px;
   border: 1px solid #eee;
    font-weight: 400;
    background: #fff;
    overflow: hidden;
    position: relative;
	box-sizing: border-box;
	
}


ul.tabs2 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#fff; background: #060d13;}
	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        

ul.tabs2 li a {  font-size:12px; font-weight: 500; text-decoration: none; color:#444;}
        
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;
}

/**/


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



ul.tabs3 li { margin-bottom:-1px; color:#232222; margin-left:0px;
    float: left;
    text-align:center;
    cursor: pointer;
    width:18.4%;
    margin-left: 1%;
    height: 45px;
    line-height: 45px;
   border: 1px solid #eee;
    font-weight: 400;
    background: #fff;
    overflow: hidden;
    position: relative;
	
}


ul.tabs3 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#fff; background: #442530;}
	
ul.tabs3 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        

ul.tabs3 li a {  font-size:12px; font-weight: 500; text-decoration: none; color:#444;}
        
ul.tabs3 li.selected a:hover
{
    text-decoration: none;
}

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

ul.tabs3 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;
}


ol,ul,li,a {list-style:none; text-decoration:none;}


/* cardnews */

.card_box_wrap{display:flex; justify-content:space-between;flex-flow:row wrap;width: 100%;padding-bottom: 100px; gap:2%;}
.card_box_wrap li{width: 49%; position: relative;}
.card_box_wrap li:nth-child(n+3){margin-top: 25%;}
.card_box_wrap li::after{
  display: block;
  content: "";
  padding-bottom: 100%;
}
.card_box{  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;}

.card_box01{background: url(../../img/card/card01.jpg) center center no-repeat; background-size: cover;} 
.card_box02{background: url(../../img/card/card02.jpg) center center no-repeat; background-size: cover;} 
.card_box03{background: url(../../img/card/card03.jpg) center center no-repeat; background-size: cover;} 
.card_box04{background: url(../../img/card/card04.jpg) center center no-repeat; background-size: cover;} 

.card_txt{position: absolute; bottom: -60px; width: 100%; text-align: center;	display: block; border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1;padding: 10px 0;}

.swiper2{width: 90vw; height: 90vw; margin: auto;z-index: 9; position: relative; padding: 2%; border:1px solid #b1b1b1;	box-sizing:border-box;}

.swiper2 .swiper-slide{width: 100%; height: 100%; margin: auto;}

.card01_00{background: url(../../img/card/card01.jpg) center center no-repeat; background-size: cover;} 
.card01_01{background: url(../../img/card/card01_01.jpg) center center no-repeat; background-size: cover;} 
.card01_02{background: url(../../img/card/card01_02.jpg) center center no-repeat; background-size: cover;} 
.card01_03{background: url(../../img/card/card01_03.jpg) center center no-repeat; background-size: cover;} 
.card01_04{background: url(../../img/card/card01_04.jpg) center center no-repeat; background-size: cover;} 

.card02_00{background: url(../../img/card/card02.jpg) center center no-repeat; background-size: cover;} 
.card02_01{background: url(../../img/card/card02_01.jpg) center center no-repeat; background-size: cover;} 
.card02_02{background: url(../../img/card/card02_02.jpg) center center no-repeat; background-size: cover;} 
.card02_03{background: url(../../img/card/card02_03.jpg) center center no-repeat; background-size: cover;} 
.card02_04{background: url(../../img/card/card02_04.jpg) center center no-repeat; background-size: cover;} 
.card02_05{background: url(../../img/card/card02_05.jpg) center center no-repeat; background-size: cover;} 
.card02_06{background: url(../../img/card/card02_06.jpg) center center no-repeat; background-size: cover;} 
.card02_07{background: url(../../img/card/card02_07.jpg) center center no-repeat; background-size: cover;} 
.card02_08{background: url(../../img/card/card02_08.jpg) center center no-repeat; background-size: cover;} 
.card02_09{background: url(../../img/card/card02_09.jpg) center center no-repeat; background-size: cover;} 
.card02_10{background: url(../../img/card/card02_10.jpg) center center no-repeat; background-size: cover;} 
.card02_11{background: url(../../img/card/card02_11.jpg) center center no-repeat; background-size: cover;} 

.card03_00{background: url(../../img/card/card03.jpg) center center no-repeat; background-size: cover;} 
.card03_01{background: url(../../img/card/card03_01.jpg) center center no-repeat; background-size: cover;} 
.card03_02{background: url(../../img/card/card03_02.jpg) center center no-repeat; background-size: cover;} 
.card03_03{background: url(../../img/card/card03_03.jpg) center center no-repeat; background-size: cover;} 
.card03_04{background: url(../../img/card/card03_04.jpg) center center no-repeat; background-size: cover;} 
.card03_05{background: url(../../img/card/card03_05.jpg) center center no-repeat; background-size: cover;} 
.card03_06{background: url(../../img/card/card03_06.jpg) center center no-repeat; background-size: cover;} 

.card04_00{background: url(../../img/card/card04.jpg) center center no-repeat; background-size: cover;} 
.card04_01{background: url(../../img/card/card04_01.jpg) center center no-repeat; background-size: cover;} 
.card04_02{background: url(../../img/card/card04_02.jpg) center center no-repeat; background-size: cover;} 
.card04_03{background: url(../../img/card/card04_03.jpg) center center no-repeat; background-size: cover;} 
.card04_04{background: url(../../img/card/card04_04.jpg) center center no-repeat; background-size: cover;} 
.card04_05{background: url(../../img/card/card04_05.jpg) center center no-repeat; background-size: cover;} 


.swiper2-2{width: 100%; height: ;margin: 30px auto;}

.swiper2-2 .swiper-wrapper{

}

.swiper2-2 .swiper-slide{border:1px solid #b1b1b1;box-sizing:border-box;  cursor:pointer;}

.swiper2-2 .swiper-slide::after{
  display: block;
  content: "";
  padding-bottom: 100%;
}

.swiper2-2 .swiper-slide::before{
width: 100%;
height: 100%;
position: absolute;
top: 0;left: 0;
margin: auto;
background: rgba(0,0,0,.3);
z-index: 9;
 content: "";
 transition:.5s;
}

.swiper2-2 .swiper-slide .thumb{
position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;	
  width: 96%;
  height: 96%;
  margin: auto;
  object-fit: cover;

}

.swiper2-2 .swiper-slide-thumb-active::before{background: rgba(0,0,0,.0); 	 }

.card_arrow { width: 90%; height: 47px; position: absolute; right: 0%; left: 0; margin: auto; top: 38%;z-index: 10; display: flex; justify-content: space-between; transform: translateY(0); }
.card_arrow>div { display: block; position: relative; width: 12vw; outline: none; cursor:pointer;}
.card_arrow>div img{width: 100%;}

.card_list_bt{color: #fff !important; background: #060d13; border-radius:50px;width: 200px; height: 50px; line-height: 48px;display: block; margin: auto;	} 

/**/

.main_news_wrap { width: 100%; height: auto; padding: 60px 0 80px; position: relative; background-color: #e7e7e7; border-top: 1px solid transparent; }
.main_news_bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../../img/news_bg.jpg) left bottom no-repeat; background-size: cover; }
.main_news_box { width: 100%; margin: auto; position: relative; z-index: 9; }
/*.news_tit_box { opacity: 0; transform: translateX(-150px); }*/
.main_news_tit_box { margin-left: 8%; }
.main_news_tit_box h4 { font-family: 'Carisma Gothic'; font-size: 46px; font-weight: 800; line-height: 100%; color: #fff; }
.main_news_tit_box h2 { font-family: 'Carisma Gothic'; font-size: 86px; line-height: 100%; font-weight: 800; color: transparent; -webkit-text-stroke: 0.5px #fff; }
.main_news_tit_box p { font-size: 18px; line-height: 100%; color: #898989; margin-top: 25px; font-weight: 300; letter-spacing: -1px; }

.main_news_right { width: 84%; position: relative; left: 0; right: 0; margin: auto; margin-top: 10px; }
.main_news_con { width: 100%; height: 380px; position: relative; box-sizing: border-box; border: 1px solid #a4a4a4; background-color: #fff; color: #2d2d2d; transition: 0.3s; }
.main_news_con a { width: 100%; height: 100%; display: block; box-sizing: border-box; padding-top: 12px; padding-left: 30px; }
.main_news_con h5 { height: 50px; font-size: 18px; line-height: 100%; font-weight: 300; display: flex; align-items: flex-end; }
.main_news_con h5 span { display: none; }
.main_news_con h5 img { margin-left: 2px; margin: 0; transform: scale(0.8) translateX(-11%); }
.main_news_con h4 { font-size: 16px; line-height: 21px; margin-top: 10px; font-weight: 600; }
.main_news_con p { font-size: 12px; line-height: 21px; margin-top: 30px; font-weight: 400; }
.main_news_con h6 { font-size: 10px; line-height: 100%; color: #886551; margin-top: 75px; position: relative; display: inline-block; font-weight: 500; position: absolute; left: 30px; bottom: 90px; }
.main_news_con h6:after { content:''; width: 101%; height: 1px; background-color: #886551; position: absolute; left: 0; bottom: -3px; opacity: 0.6; }
.main_news_bt { font-size: 14px; line-height: 19px; color: #000; background: url(../../img/bt_black.png) right center no-repeat; display: inline-block; padding-right: 40px; box-sizing: border-box; font-weight: 400;
position: absolute; right: 27px; bottom: 30px; }

/*.main_news_con:hover { margin-top: -50px; }*/

.main_news_arrow { width: 120px; height: 30px; left: 0; right: 0; margin: auto; z-index: 9; margin-top: 40px; display: flex; justify-content: space-between; float: right; margin-right: 6%; margin-bottom: 5px; }
.main_news_arrow>div { position: relative; }
.main_news_arrow .swiper-button-prev3 { width: 30px; height: 30px; margin: 0; padding: 0; top: 0; outline: none; position: relative; }
.main_news_arrow .swiper-button-prev3:after { content: ''; width: 9px; height: 9px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(135deg) translate(-1px,-1px);
position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.main_news_arrow .swiper-button-next3 { width: 30px; height: 30px; margin: 0; padding: 0; right: 0; outline: none; }
.main_news_arrow .swiper-button-next3:after { content: ''; width: 9px; height: 9px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg) translate(-2px,-2px);
position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.swiper-pagination-fraction { width: 45px; height: 12px; font-size: 12px; line-height: 10px; position: absolute; right: 0; left: 0; bottom: 0; margin: auto; color: #fff; font-family: 'Noto Sans KR', sans-serif; letter-spacing: 0; display: flex; justify-content: space-between; }
.swiper-pagination-current { padding: 0; font-weight: 400px; color: #fff; }
.swiper-pagination-total { padding: 0px; font-weight: 400; color: #8f8f8f; }
.swiper-pagination-fraction .slash { width: 1px; height: 12px; }
.swiper-pagination-fraction .slash:after { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #8f8f8f; }

/*.main_news_box.active .main_news_tit_box { opacity: 1; transform: translate(0); transition: 0.8s 0.2s; }
.main_news_box.active .main_news_right { opacity: 1; transform: translate(0); transition: 0.8s 0.6s; }
.main_news_box.active .main_news_arrow { opacity: 1; transform: translate(0); transition: 0.8s 0.6s; }*/


/**/

.news_list { width: 100%; margin: auto; transform: translateX(0%); letter-spacing: -0.5px; margin-top: 5%; }
.news_list ul { display: flex; justify-content: flex-start; flex-wrap: wrap; position: relative; }
.news_list ul li { width: 100%; margin-right: 0%; border: 1px solid #ddd; box-sizing: border-box; margin-bottom: 4%; position: relative; overflow: hidden; }
.news_list ul li a { width: 100%; height: 100%; display: block; padding: 20px 10px 20px; box-sizing: border-box; overflow: hidden; }
.news_list ul li h3 { font-size: 14px; line-height: 100%; color: #97714b; font-weight: 500; }
.news_list ul li p { font-size: 12px; padding: 10px 5px; border-top: 1px solid #ddd; font-weight: 400; border-bottom: 1px solid #ddd; margin: 14px 0 10px; color: #555; height: 40px; display: flex; justify-content: center; align-items: center; }
.news_list ul li p span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; }
.news_list ul li h6 { font-size: 10px; line-height: 100%; text-align: right; color: #ff7e00; font-weight: 500; float: right; }
.news_ori { font-size: 10px; line-height: 100%; float: left; color: #777; font-weight: 400; }

/*  */