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

::-webkit-scrollbar {

display:none;

} 

@font-face {
  font-family: 'gill';
  src: local('gill'),
  	   url('../font/gill.eot') format('embedded-opentype'),
       url('../font/gill.ttf') format('truetype');
	   font-weight: 600;
}
@font-face {
  font-family: 'futur';
  src: local('futur'),
  	   url('../font/futur.eot') format('embedded-opentype'),
       url('../font/futur.ttf') format('truetype');
	   font-weight: 300;
}
@font-face {
  font-family: 'futur';
  src: local('futur'),
  	   url('../font/futura_medium.eot') format('embedded-opentype'),
       url('../font/futura_medium.ttf') format('truetype');
	   font-weight: 600;
}
@font-face {
  font-family: 'futur';
  src: local('futur'),
  	   url('../font/Futura_Heavy.eot') format('embedded-opentype'),
       url('../font/Futura_Heavy.ttf') format('truetype');
	   font-weight: 800;
}
@font-face {
  font-family: 'futur';
  src: local('futur'),
  	   url('../font/Futura_Extra_Black.eot') format('embedded-opentype'),
       url('../font/Futura_Extra_Black.ttf') format('truetype');
	   font-weight: 900;
}



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;}
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:#333;}
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;}
.fl_l {float:left !important;}
.fl_r {float:right !important;}
.cl_b{clear:both !important;}
.fl_txt {text-align:left !important;}
.tc {text-align:center}


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


/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}

/**/

#qqqq { width: 800px; position: fixed; top: 182px; right: 0; z-index: 999;  }
#q04 { position: absolute; top: 0px; right: 27px; }
#q04>li {opacity: 1; cursor: pointer; }
#q04>li:nth-child(1) { opacity: 1;}
#q04>li:nth-child(2) {  }
#q04>li:nth-child(5) { margin-top: 41px; margin-left: 19px;}

#all_wrap { width: 100%; height: 100vh; overflow: hidden; position: relative; right: 0; top: 0; }

.section { background-color: #fff; width: 100%; height: 100vh; position: relative; }

/**/

#section0 { width: 100%; height: 100%; } 

.main_wrap { width: 100%; height: 100vh; position: relative; overflow: hidden; }

#no-txt { position: absolute; top: 120px; left: 3.6%; z-index: 999; }


.main_img.img { background: url(../img/main.jpg) center no-repeat; background-size: cover; }

.main-content { font-size: 13px; color: #fff; position: absolute; bottom: 533px; left: 486px; }

#main-txt { width: 1000px; position: absolute; top: 249px; left: 120px; z-index: 9; text-align: left;}
#main-txt #main-txt01 { font-size: 26px; font-weight: 100; color: #fff; position: absolute; top: 0; left: 0; animation: main-txt01 1.2s 0.3s both;}
#main-txt #main-txt02 { font-size: 50px; color: #fff; font-weight: 600; position: absolute; top: 30px; left: 0; animation: main-txt01 1.2s 0.3s both;}
#main-txt #main-txt02>span { color: #c83b27; }
#main-txt #main-txt03 { font-size: 14px; line-height: 26px; font-weight: 400; color: rgba(255,255,255,0.6); position: absolute; top: 135px; left: 0; animation: main-txt03 1.3s 0.6s both;}
#main-txt #main-txt04 { position: absolute; top: 217px; left: 0; animation: main-txt04 2s 1s both;}

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

@keyframes main-txt01 {
	from { opacity: 0; transform: translateY(-50px); }
	to {  }
}

@keyframes main-txt03 {
	from { opacity: 0;  }
	to {  }
}

@keyframes main-txt04 {
	from { opacity: 0; transform: translateY(50px);}
	to {  }
}

/**/

#section1 { width: 100%; height: 100%; } 

.main_wrap { width: 100%; height: 100vh; position: relative; overflow: hidden; }

#no-txt { position: absolute; top: 120px; left: 3.6%; z-index: 999; }

.swiper1 { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; margin-bottom: 0; }
.main_img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.main_img.img01 { background: url(../img/main01.jpg) center no-repeat; background-size: cover; }
.main_img.img02 { background: url(../img/main02.jpg) center no-repeat; background-size: cover; }
.main_img.img03 { background: url(../img/main03.jpg) center no-repeat; background-size: cover; }
.main_img.img04 { background: url(../img/main04.jpg) center no-repeat; background-size: cover; }

.main-content { font-size: 13px; color: #fff; position: absolute; bottom: 533px; left: 486px; }

#main-txt2 { width: 1000px; position: absolute; bottom: 429px; left: 120px; z-index: 9; text-align: left;}
#main-txt2 #main-txt01 { font-size: 26px; font-weight: 100; color: #fff; position: absolute; top: -50px; left: 0; opacity: 0;}
#main-txt2 #main-txt02 { font-size: 50px; color: #fff; font-weight: 600; position: absolute; top: -20px; left: 0; opacity: 0;}
#main-txt2 #main-txt02>span { color: #c83b27; }
#main-txt2 #main-txt03 { font-size: 14px; line-height: 26px; font-weight: 400; color: rgba(255,255,255,0.6); position: absolute; top: 135px; left: 0; opacity: 0;}
#main-txt2 #main-txt04 { position: absolute; top: 267px; left: 0; opacity: 0;}

.main_img { animation: main_img 3.5s 0.2s both; }


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

@keyframes main-txt01 {
	from { opacity: 0; transform: translateY(-50px); }
	to {  }
}

@keyframes main-txt03 {
	from { opacity: 0;  }
	to {  }
}

@keyframes main-txt04 {
	from { opacity: 0; transform: translateY(50px);}
	to {  }
}



.main_bt_wrap { width: 600px; height: 82px; position: absolute; bottom: 502px; left: 120px;  z-index: 9; }


.main_bt_wrap .swiper-pagination { width: 270px; height:20px; position: absolute; left: 130px;  top: 24px; margin: auto; z-index: 999;  }
.main_bt_wrap .swiper-pagination .swiper-pagination-bullet { width: 38px; height: 2px; border-radius: 0; opacity: 1; background: none; position: relative; outline: none;  }
.main_bt_wrap .swiper-pagination .swiper-pagination-bullet span { content:''; width: 38px; height: 2px; position: absolute; left: 0;  top: 0; margin: auto; background-color: #fff; 
animation: bullet 3s 0s both linear; display: none; }
.main_bt_wrap .swiper-pagination .swiper-pagination-bullet span.stop { animation-play-state: paused; }
.main_bt_wrap .swiper-pagination .swiper-pagination-bullet:before { content:''; width: 38px; height: 2px; position: absolute; left: 0; right: 0; top: 0; margin: auto; background-color: #5e5c5b;  }
.main_bt_wrap .swiper-pagination .swiper-pagination-bullet p { font-size: 13px; line-height: 100%; color: #fff; position: fixed; top: 11px; left:25px; letter-spacing: 0.5px; z-index: -1; opacity: 0; transition: 0.5s; }

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


.swiper-pagination2 { width: 136px; height: 30px; position: absolute; left: 0px; bottom: 0; top: 0; margin: auto; z-index: 999; display: flex; justify-content: space-between; }
.swiper-pagination2 .swiper-pagination-bullet { width: 30px; height: 30px; border-radius: 0; margin-left: 1px; opacity: 1; background: none; border-radius: 100%; position: relative; }
.swiper-pagination2 .swiper-pagination-bullet:after { content:''; width: 4px; height: 4px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #8b8a89; border-radius: 100%; }
.swiper-pagination2 .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-pagination2 .swiper-pagination-bullet-active:before { content:''; width: 4px; height: 4px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; border-radius: 100%; }
.swiper-pagination2 .swiper-pagination>span:nth-child(1) { margin-left: 0; }

.main_play_bt { width: 30px; height: 30px; position: absolute; left: 485px; top: 0; bottom: 0; margin: auto; color: #fff; }
.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; }


#section1.active #main-txt2 #main-txt01 {  transition: 1s 0.3s; top: 0; opacity: 1; }
#section1.active #main-txt2 #main-txt02 {  transition: 1s 0.3s; top: 30px; opacity: 1; }
#section1.active #main-txt2 #main-txt03 {  transition: 1s 0.5s; opacity: 1; }
#section1.active #main-txt2 #main-txt04 {  transition: 1s 0.8s; top: 217px; opacity: 1; }

.swiper1 .swiper-slide.swiper-slide-active .main_img { animation: main_img 3.5s 0.2s both; }


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

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

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

/**/

#section2 { width: 100%; height: 100%; background: url(../img/sec02-bg.jpg) center no-repeat; background-size: cover; }

#sec02-wrap { width: 1920px; height: 1000px; position: absolute; top: 0; bottom: 0; left: 50%; margin: auto 0 auto -960px; }

#sec02-tit { width: 1100px; position: absolute; top: 182px; left: 64px; opacity: 0; transition: 1s 0.3s; }
#sec02-tit01 {font-size: 40px; color: #fff; position: absolute; top: 0; left: 0; font-weight: 600; }
#sec02-tit01>span { color: #c83b27; }
#sec02-tit02 { font-size: 20px; font-weight: 100; color: rgba(255,255,255,0.88); position: absolute; top: 68px; left: 0;  }

.swiper3 { width: 1598px; height: 520px; position: absolute; left: 50%; margin-left: -799px; top: 309px; margin-bottom: 0; opacity: 0; }

.swiper3-2 { width: 904px; height: 151px; position: absolute; top: 810px;  right: 50%; margin-right: -1070px;  z-index: 99; overflow: visible; opacity: 0; }
.swiper3-2 .swiper-slide { width: 151px; height: 151px; cursor: pointer; border: none; overflow: hidden; box-sizing: border-box; display: block;    }
.swiper3-2 .swiper-slide .sec03_thumb { width: 151px; height: 151px; position: relative; background-color: #fff; }
.swiper3-2 .swiper-slide .sec03_thumb img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.sec03_icon { opacity: 1; }
.sec03_icon_on { opacity: 0;  }
/*.sec03-gg { width: 151px; height: 151px; background-color: red;  }*/


.swiper3-2 .swiper-slide-thumb-active .sec03_icon { opacity: 1; }
.swiper3-2 .swiper-slide-thumb-active .sec03_icon_on { opacity: 1; }
.swiper3-2 .swiper-slide-thumb-active .sec03_thumb { background-color: #c83b27; }
.swiper3-2 .swiper-slide-thumb-active { box-shadow: 0 0 45px rgba(0,0,0,0.3); z-index: 99; }

.swiper3-2 .swiper-slide .sec03_thumb:hover { background-color: #f1f1f1; }
.swiper3-2 .swiper-slide-thumb-active .sec03_thumb:hover { background-color: #c83b27; }

.premium-bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto; }
.premium-bg>img { width: 100%; height: 100%; position: absolute; top: 0; left: 0;  }
.premium-txt { width: 1100px; position: absolute; top: 164px; left: 50%; margin-left: -550px; text-align: center; }
.premium-txt01 { font-size: 18px; font-weight: 600; color: #202020; line-height: 40px;  }
.premium-txt01>span { font-size: 42px; }
.premium-txt02 { font-size: 60px; font-weight: 600; color: #fff; line-height: 30px; margin-top: 0px;  }
.premium-txt03 { font-size: 14px;  color: #fff; line-height: 30px; margin-top: 55px;  }

.premium_bt_wrap { width: 20px; height: 270px; position: absolute; left: 0px; top: 450px;  z-index: 9; opacity: 0; }

.premium_bt_wrap .swiper-pagination3 { width: 20px; height:204px; position: absolute; left: 0; right: 0; top: 0; margin: auto; z-index: 999; display: flex; justify-content: space-between; flex-direction: column; }
.premium_bt_wrap .swiper-pagination3 .swiper-pagination-bullet { width: 100%; height: 50px; border-radius: 0; opacity: 1; background: none; position: relative; outline: none; }
.premium_bt_wrap .swiper-pagination3 .swiper-pagination-bullet span { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; margin: auto; background-color: #d0d0d1; 
animation: bullet2 5s 0s both linear; display: none; }
.premium_bt_wrap .swiper-pagination3 .swiper-pagination-bullet span.stop { animation-play-state: paused; }
.premium_bt_wrap .swiper-pagination3 .swiper-pagination-bullet:before { content:''; width: 1px; height: 100%; position: absolute; left: 0; right: 0; top: 0; margin: auto; background-color: #545659;  }
.premium_bt_wrap .swiper-pagination3 .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; }

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

.swiper3 .swiper-slide.swiper-slide-active .premium-bg>img { animation: bg 2s 0.2s both; }
.swiper3 .swiper-slide.swiper-slide-active .premium-txt01 { animation: premium-txt01 1s 0.2s both; }
.swiper3 .swiper-slide.swiper-slide-active .premium-txt02 { animation: premium-txt02 1s 0.7s both; }
.swiper3 .swiper-slide.swiper-slide-active .premium-txt03 { animation: premium-txt04 1s 1s both; }
.swiper3 .swiper-slide.swiper-slide-active .premium-txt04 { animation: premium-txt04 1s 1.3s both; }

@keyframes bg {
	from { width: 120%; height: 120%; margin-top: 0%; margin-left: -10%;  }
	to {  }
}

@keyframes premium-txt01 {
    0%{opacity: 0;transform: translateY(-50px);}
    100%{}
}

@keyframes premium-txt02 {
    0%{opacity: 0;}
    100%{}
}

@keyframes premium-txt03 {
    0%{height: 0;}
    100%{}
}

@keyframes premium-txt04 {
    0%{opacity: 0;transform: translateY(50px);}
    100%{}
}


@keyframes bullet2 {
	from { height: 0; }
	to {  }
}

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

#section2.active #sec02-tit {  transition: 1s 0.3s; left: 164px; opacity: 1; }
#section2.active .swiper3 {  transition: 1s 0.8s; opacity: 1; }
#section2.active .swiper3-2 {  transition: 1s 1.2s; top: 710px; opacity: 1; }
#section2.active .premium_bt_wrap {  transition: 1s 1.2s; left: 100px; opacity: 1; }

@media all and (max-width:1600px) { 
		#section2.active #sec02-tit {  transition: 1s 0.3s; left: 264px; opacity: 1; }
		#sec02-tit01 {font-size: 30px; color: #fff; position: absolute; top: 50px; left: 0; font-weight: 600; }
		#sec02-tit01>span { color: #c83b27; }
		#sec02-tit02 { font-size: 16px; font-weight: 100; color: rgba(255,255,255,0.18); position: absolute; top: 88px; left: 0;  }
		.premium_bt_wrap { width: 20px; height: 270px; position: absolute; left: 0px; top: 410px;  z-index: 9; opacity: 0; }
		#section2.active .premium_bt_wrap {  transition: 1s 1.2s; left: 220px; opacity: 1; }
		.swiper3 { width: 1400px; height: 456px; position: absolute; left: 50%; margin-left: -700px; top: 309px; margin-bottom: 0; opacity: 0; }
		.swiper3-2 { width: 904px; height: 151px; position: absolute; top: 810px;  right: 50%; margin-right: -900px;  z-index: 99; overflow: visible; opacity: 0; }
		.premium-txt { width: 1100px; position: absolute; top: 124px; left: 50%; margin-left: -550px; text-align: center; }
		.premium-txt01 { font-size: 18px; font-weight: 600; color: #202020; line-height: 40px;  }
		.premium-txt01>span { font-size: 42px; }
		.premium-txt02 { font-size: 48px; font-weight: 600; color: #fff; line-height: 30px; margin-top: 0px;  }
		.premium-txt03 { font-size: 12px;  color: #fff; line-height: 24px; margin-top: 35px;  }
	}

/**/

#section5 { width: 100%; height: 100%; background-color: #e9e9e9; background-size: cover; font-family: 'Noto Sans KR', sans-serif; }

#sec05-leftwrap { width: 30.57%; height: 100%; position: absolute; top: 0; left: 0; background:url('../img/sec05-leftbg.jpg') 0 0 no-repeat; background-size: cover;}
#sec05-tit { width: 100%; height: 414px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; color: #fff;}
#sec05-tit01 { position: absolute; top: -50px; left: 0; right: 0; margin: auto; font-family: 'Nanum Myeongjo', serif;  font-size: 22px; line-height: 30px; opacity: 0; }
#sec05-tit02 { position: absolute; top: 90px; left: 0; right: 0; margin: auto; font-size: 14px; line-height: 30px; opacity: 0;}
#sec05-tit03 { position: absolute; top: 265px; left: 0; right: 0; margin: auto; opacity: 0;}
#sec05-tit04 { position: absolute; top: 360px; left: 0; right: 0; margin: auto; width: 211px; height: 53px; background-color: #fff; border-radius: 26.5px; text-align: center; line-height: 53px; color: #252525; font-weight: 600; opacity: 0;}
#sec05-tit04>a { width: 100%; height: 100%; }
#sec05-tit04>a>div { width: 100%; height: 100%; }

#sec05-rightwrap { width: 69.43%; height: 695px; position: absolute; top: 0; right: 0;  background-size: cover;}
#right-go { width: 980px; height: 695px; position: absolute; top: 23%; left: 0; right: 0; margin: auto;}

.unit-tit { width: 370px; position: absolute; top: 0; left: 0; right: 0; margin: auto; opacity: 0; }
.unit-txt { width: 100%; height: 65px; border-bottom: 1px solid #b2b2b2; position: absolute; top: 150px; left: 0; right: 0; margin: auto; font-size: 14px; color: #202020; line-height: 70px; opacity: 0;}
.unit-img { width: 555px; position: absolute; top: 240px; left: 0; right: 0; margin: auto; opacity: 0;}
.unit-txt2 { width: 162px; height: 44px; background-color: #aeaeae; color: #fff; text-align: center; line-height: 44px; border-radius: 22px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0; }

.swiper0 { width: 980px; height: 695px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0; }

.swiper-pagination0 { width: 980px; height: 5px; position: absolute; left: 0; right: 0;  top: 120px; margin: auto; z-index: 90; display: flex; justify-content: space-around; flex-flow:row wrap; opacity: 0; }
.swiper-pagination0 .swiper-pagination-bullet { width: 140px; height: 40px; border-radius: 0; opacity: 1; background: none; position: relative; outline: none; border: none;font-family:'Noto Sans KR', sans-serif;  }
.swiper-pagination0 .swiper-pagination-bullet span { width: 140px; height: 5px; position: absolute; left: 0;  bottom: 0; margin: auto; background-color: #bbbbbb; opacity: 1;
  }
.swiper-pagination0 .swiper-pagination-bullet span:after{ content:''; width: 140px; height: 5px; position: absolute; left: 0;  top: 0;  background-color: #c83b27; opacity: 1;
 animation: bullet 5s 0s both linear;  display: none; }
.swiper-pagination0 .swiper-pagination-bullet span.stop { animation-play-state: paused; }
.swiper-pagination0 .swiper-pagination-bullet:before { content:''; width: 140px; height: 0px; position: absolute; left: 0; right: 0; top: 0; margin: auto; background-color: #c83b27; opacity: 0.4; }
.swiper-pagination0 .swiper-pagination-bullet p { font-size: 16px; line-height: 15px; color: #a5a5a5; position: absolute; top:10px;left: 0; right: 0; margin: auto; letter-spacing: 0.5px; z-index: -1; opacity: 1; transition: 0.5s;font-weight: 700;text-align: center;	 }

.swiper-pagination0 .swiper-pagination-bullet-active span{ display: block; }
.swiper-pagination0 .swiper-pagination-bullet-active span::after { display: block; }
.swiper-pagination0 .swiper-pagination-bullet-active p { top:10px; opacity: 1; color: #c83b27;transition: 0.5s; }

.swiper0 .swiper-slide.swiper-slide-active .unit-tit { animation: unit-tit 1s 0.2s both;  opacity: 1;}
.swiper0 .swiper-slide.swiper-slide-active .unit-img { animation: unit-img 1s 0.5s both; opacity: 1; }
.swiper0 .swiper-slide.swiper-slide-active .unit-txt { animation: unit-txt 1s 0.2s both; opacity: 1; }
.swiper0 .swiper-slide.swiper-slide-active .unit-txt2 { animation: unit-txt2 1s 0.8s both; opacity: 1; }

.swiper-button-next0 { opacity: 0; }
.swiper-button-prev0 { opacity: 0; }

@media all and (max-width:1600px) { 
		#right-go { width: 900px; height: 695px; position: absolute; top: 15%; left: 0; right: 0; margin: auto;}

		.unit-tit { width: 370px; position: absolute; top: 0; left: 0; right: 0; margin: auto; opacity: 0; }
		.unit-txt { width: 100%; height: 65px; border-bottom: 1px solid #b2b2b2; position: absolute; top: 150px; left: 0; right: 0; margin: auto; font-size: 16px; color: #202020; line-height: 70px; opacity: 0;}
		.unit-img { width: 555px; position: absolute; top: 220px; left: 0; right: 0; margin: auto; opacity: 0;}
		.unit-txt2 { width: 162px; height: 44px; background-color: #aeaeae; color: #fff; text-align: center; line-height: 44px; border-radius: 22px; position: absolute; bottom: 50px; left: 0; right: 0; margin: auto; opacity: 0; }

		.swiper0 { width: 900px; height: 695px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

		.swiper-pagination0 { width: 900px; height: 5px; position: absolute; left: 0; right: 0;  top: 120px; margin: auto; z-index: 90; display: flex; justify-content: space-around; flex-flow:row wrap;  }
		.swiper-pagination0 .swiper-pagination-bullet { width: 128.5px; height: 40px; border-radius: 0; opacity: 1; background: none; position: relative; outline: none; border: none;font-family:'Noto Sans KR', sans-serif;  }
		.swiper-pagination0 .swiper-pagination-bullet span { width: 128.5px; height: 5px; position: absolute; left: 0;  bottom: 0; margin: auto; background-color: #bbbbbb; opacity: 1;
		  }
		.swiper-pagination0 .swiper-pagination-bullet span:after{ content:''; width: 128.5px; height: 5px; position: absolute; left: 0;  top: 0;  background-color: #c83b27; opacity: 1;
		 animation: bullet 5s 0s both linear;  display: none; }
		.swiper-pagination0 .swiper-pagination-bullet span.stop { animation-play-state: paused; }
		.swiper-pagination0 .swiper-pagination-bullet:before { content:''; width: 128.5px; height: 0px; position: absolute; left: 0; right: 0; top: 0; margin: auto; background-color: #c83b27; opacity: 0.4; }
		.swiper-pagination0 .swiper-pagination-bullet p { font-size: 16px; line-height: 15px; color: #a5a5a5; position: absolute; top:10px;left: 0; right: 0; margin: auto; letter-spacing: 0.5px; z-index: -1; opacity: 1; transition: 0.5s;font-weight: 700;text-align: center;	 }

		.swiper-pagination0 .swiper-pagination-bullet-active span{ display: block; }
		.swiper-pagination0 .swiper-pagination-bullet-active span::after { display: block; }
		.swiper-pagination0 .swiper-pagination-bullet-active p { top:10px; opacity: 1; color: #c83b27;transition: 0.5s; }
	}


@keyframes unit-tit {
    0%{opacity: 0;transform: translateY(-50px);}
    100%{}
}

@keyframes unit-img {
    0%{opacity: 0;transform: translateY(50px);}
    100%{}
}

@keyframes unit-txt {
    0%{opacity: 0;}
    100%{}
}

@keyframes unit-txt2 {
    0%{opacity: 0;}
    100%{}
}

#section5.active #sec05-tit01 { transition: 1s 0.3s; top: 0; opacity: 1; }
#section5.active #sec05-tit02 { transition: 1s 0.5s; opacity: 1; }
#section5.active #sec05-tit03 { transition: 1s 0.8s; top: 215px; opacity: 1; }
#section5.active #sec05-tit04 { transition: 1s 1s; opacity: 1; }
#section5.active .swiper0 { transition: 1s 1.2s; opacity: 1; }
#section5.active .swiper-pagination0 { transition: 1s 1.2s; opacity: 1; }
#section5.active .swiper-button-next0 { transition: 1s 1.2s; opacity: 1; }
#section5.active .swiper-button-prev0 { transition: 1s 1.2s; opacity: 1; }



/**/

#section3 { width: 100%; height: 100%; background: url(../img/sec03-bg.jpg) center no-repeat; background-size: cover; }

#sec03-wrap { width: 1920px; height: 1000px; position: absolute; top: 0; bottom: 0; left: 50%; margin: auto 0 auto -960px; }

#sec03-line { width: 1309px; position: absolute; top: 455px; left: 0;right: 0; margin: auto; opacity: 0;}

#sec03-tit { width: 1100px; position: absolute; top: 30px; left: 50%; margin-left: -550px;  text-align: center;}
#sec03-tit01 { font-size: 60px; line-height: 70px; font-weight: 100; color: #c83b27;  margin-top: 0px; opacity: 0; }
#sec03-tit01>span { font-weight: 600; }
#sec03-tit02 { font-size: 15px; line-height: 30px; margin-top: 25px; color: #686661; opacity: 0; }

.sec03-icon { width: 69px; position: absolute; top: 30px; left: 0; right: 0; margin: auto; }
.sec03-txt01 { text-align: center; color: #c83b27; font-size: 22px; font-weight: 600; position: absolute; top: 120px; left: 0; right: 0; margin: auto; }
.sec03-txt02 { text-align: center; color: #494949; font-size: 14px; line-height: 26px; position: absolute; top: 148px; left: 0; right: 0; margin: auto; }

.swiper2 { width: 1400px; height: 249px; position: absolute; top: 550px; left: 50%; margin-left: -704px; opacity: 0;  }

#section3.active #sec03-tit01 { transition: 1s 0.3s; margin-top: 180px; opacity: 1; }
#section3.active #sec03-tit02 { transition: 1s 0.7s; opacity: 1; }
#section3.active .swiper2 { transition: 1s 1.2s; top: 450px; opacity: 1; }
#section3.active #sec03-line { transition: 1s 1.2s; opacity: 1; }

@media all and (max-width:1600px) { 
		#sec03-tit { width: 1100px; position: absolute; top: 60px; left: 50%; margin-left: -550px;  text-align: center;}
		#sec03-tit01 { font-size: 50px; line-height: 60px; font-weight: 100; color: #c83b27;  margin-top: 0px; opacity: 0; }
		#sec03-tit01>span { font-weight: 600; }
		#sec03-tit02 { font-size: 12px; line-height: 17px; margin-top: 25px; color: #686661; opacity: 0; }
		.sec03-icon { width: 69px; position: absolute; top: 40px; left: 0; right: 0; margin: auto; }
		.sec03-txt01 { text-align: center; color: #c83b27; font-size: 18px; font-weight: 600; position: absolute; top: 110px; left: 0; right: 0; margin: auto; }
		.sec03-txt02 { text-align: center; color: #494949; font-size: 12px; line-height: 22px; position: absolute; top: 138px; left: 0; right: 0; margin: auto; }
	}

/**/

#section4 { width: 100%; height: 100%; background: url(../img/sec04-bg.jpg) center no-repeat; background-size: cover; }

#sec04-left { width: 50%; height: 100%; position: absolute; top: 0; left: 0;  }
#sec04-leftwrap { width: 960px; height: 1000px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;  }

#sec04-lefttxt01 { position: absolute; top: 241px; left: 151px; opacity: 0; }
#sec04-lefttxt02 { position: absolute; top: 431px; left: 405px; opacity: 0; }
#sec04-lefttxt03 { position: absolute; top: 489px; left: 668px; opacity: 0; }

#sec04-right { width: 50%; height: 100%; position: absolute; top: 0; right: 0; }
#sec04-rightwrap { width: 960px; height: 1000px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;  }

#sec04-righttxt01 { font-size: 54px; line-height: 69px; color: #d3d3d3; position: absolute; top: 178px; left: 239px; text-align: left; font-weight: 600; opacity: 0; }
#sec04-righttxt01>span { color: #3d4559; }
#sec04-righttxt02 { font-size: 15px; line-height: 28px; color: #3d4559; position: absolute; top: 478px; left: 139px; text-align: left; opacity: 0; }

.swiper4 { width: 1680px; height: 330px; position: absolute; top: 715px; left: 139px;  opacity:1; transition: 1s 0.7s; opacity: 0; }
.brand-txt { position: absolute; bottom: 30px; left: 0; right: 0; margin: auto; text-align: center; font-size: 14px; line-height: 28px; color: #454545; font-weight: 400; }

#sec04-wrap.active #sec04-lefttxt01 { transition: 1s 0.3s; opacity: 1; }
#sec04-wrap.active #sec04-lefttxt02 { transition: 1s 0.6s; left: 485px; opacity: 1; }
#sec04-wrap.active #sec04-lefttxt03 { transition: 1s 0.6s; left: 588px; opacity: 1; }
#sec04-wrap.active #sec04-righttxt01 { transition: 1s 1s; left: 139px; opacity: 1; }
#sec04-wrap.active #sec04-righttxt02 { transition: 1s 1.3s; opacity: 1; }
#sec04-wrap.active .swiper4 { transition: 1s 1.8s; top: 615px; opacity: 1; }

.swiper-pagination4 { width: 60px; height: 20px; position: absolute; top: 576px; left: 583px; bottom: 0; }
@media all and (max-width:1600px) { 
		#sec04-wrap.active #sec04-lefttxt01 { transition: 1s 0.3s; opacity: 1; }
		#sec04-wrap.active #sec04-lefttxt02 { transition: 1s 0.6s; left: 405px; opacity: 1; }
		#sec04-wrap.active #sec04-lefttxt03 { transition: 1s 0.6s; left: 508px; opacity: 1; }

		#sec04-righttxt01 { font-size: 45px; line-height: 60px; color: #d3d3d3; position: absolute; top: 218px; left: 239px; text-align: left; font-weight: 600; opacity: 0; }
		#sec04-righttxt01>span { color: #3d4559; }
		#sec04-righttxt02 { font-size: 13px; line-height: 24px; color: #3d4559; position: absolute; top: 478px; left: 139px; text-align: left; opacity: 0; }

		#sec04-wrap.active .swiper4 { transition: 1s 1.8s; top: 565px; opacity: 1; }
		.swiper-pagination4 { top: 520px; left: 540px; }
	}

/**/

#footer { width: 100%; height: 351px; position: relative; left: 0; right: 0; margin: auto; z-index: 102; font-family: 'Noto Sans KR', sans-serif; background-color: #1a1a1a; padding-top: 81px; }
#footer-center { text-align: center; }
#footer-logo { margin-top: 0px; }
#footer-txt01 { font-size: 12px; margin-top: 53px; color: #4f4f4f;}
#footer-txt01>span { font-size: 15px; color: #e1e1e1; }
#footer-txt02 { font-size: 12px; line-height: 18px; margin-top: 15px; color: #4f4f4f;}
#footer-txt02>span { color: #e1e1e1; }


/* sub */

.all_wrap { width: calc(100% - 0px); height: auto; overflow: hidden;  }

#container{ width: 100%; position: relative; left: 0; top: 0; z-index: 90; } 

#sub-top01 { width: 100%; height: 469px; position: relative; left: 0px; right: 0; margin: 0px auto 0; overflow: hidden; }
#sub-top01>.sub-img { width: 100%; height: 100%; background: url(../img/sub-top01.jpg) center no-repeat; background-size: cover; animation: sub_topimg 1s 0.5s both;  }
#sub-top02 { width: 100%; height: 469px; position: relative; left: 0px; right: 0; margin: 0px auto 0; overflow: hidden; }
#sub-top02>.sub-img { width: 100%; height: 100%; background: url(../img/sub-top02.jpg) center no-repeat; background-size: cover; animation: sub_topimg 1s 0.5s both;  }
#sub-top03 { width: 100%; height: 469px; position: relative; left: 0px; right: 0; margin: 0px auto 0; overflow: hidden; }
#sub-top03>.sub-img { width: 100%; height: 100%; background: url(../img/sub-top03.jpg) center no-repeat; background-size: cover; animation: sub_topimg 1s 0.5s both;  }
#sub-top04 { width: 100%; height: 469px; position: relative; left: 0px; right: 0; margin: 0px auto 0; overflow: hidden; }
#sub-top04>.sub-img { width: 100%; height: 100%; background: url(../img/sub-top04.jpg) center no-repeat; background-size: cover; animation: sub_topimg 1s 0.5s both;  }
#sub-top05 { width: 100%; height: 469px; position: relative; left: 0px; right: 0; margin: 0px auto 0; overflow: hidden; }
#sub-top05>.sub-img { width: 100%; height: 100%; background: url(../img/sub-top05.jpg) center no-repeat; background-size: cover; animation: sub_topimg 1s 0.5s both;  }
#sub-top06 { width: 100%; height: 469px; position: relative; left: 0px; right: 0; margin: 0px auto 0; overflow: hidden; }
#sub-top06>.sub-img { width: 100%; height: 100%; background: url(../img/sub-top06.jpg) center no-repeat; background-size: cover; animation: sub_topimg 1s 0.5s both;  }
#sub-top07 { width: 100%; height: 469px; position: relative; left: 0px; right: 0; margin: 0px auto 0; overflow: hidden; }
#sub-top07>.sub-img { width: 100%; height: 100%; background: url(../img/sub-top07.jpg) center no-repeat; background-size: cover; animation: sub_topimg 1s 0.5s both;  }
#sub-top08 { width: 100%; height: 469px; position: relative; left: 0px; right: 0; margin: 0px auto 0; overflow: hidden; }
#sub-top08>.sub-img { width: 100%; height: 100%; background: url(../img/sub-top08.jpg) center no-repeat; background-size: cover; animation: sub_topimg 1s 0.5s both;  }


#sub-toptxt { position: absolute; font-size: 44px; top: 240px; left: 0; right: 0; margin: auto; color: #fff; text-align: center; font-family: 'gil';  animation: sub_top 0.8s 0.2s both; z-index: 99;}
#sub-topline { position: absolute; top: 52px; width: 100%; height: 1px; background-color: #fff; animation: sub_top_line 1.2s 0.2s both; }

@keyframes sub_topimg {
	from { transform: scale(1.3); }
	to {  }
}
@keyframes sub_top {
	from { opacity: 0; transform: translateY(20px); }
	to {  }
}
@keyframes sub_top_line {
	from { width: 0%; }
	to {  }
}

/* #snb_wrap { width: 277px; height: auto; position: absolute; top: -130px; right: 0; z-index: 99;  } */
#snb_wrap { width: 496px; height: auto; position: absolute; top: -130px; right: 0; z-index: 99;  }
#snb { width:1100px; margin:0 auto 45px; position:relative; z-index:199; margin-top: 60px; }
#snb:after {content:""; display:block; clear:both; }
.home { margin-top: 12px; margin-right: 20px;  }
.snb-line { width: 1px; height: 20px; background-color: #adadad; margin-top: 15px; margin-right: 10px; }
#snb > li {float:left; position:relative;  }
#snb > li:first-child + li + li > a {background:url(../img/common/snb-arr2.gif) no-repeat 100% 50%;}
#snb > li:first-child + li + li + li > a {background:url(../img/common/snb-arr2.gif) no-repeat 100% 50%; margin-top:1px;}
#snb > li:first-child + .ov {margin-left:0;}
 .ov1::after{content:"";position: absolute;right: 0;top: 15px;height: 20px; width: 1px; background:#adadad ;	} 
#snb .ov {margin-left:-1px;}
#snb .ov > a {
	display:block;
	height:48px;
	line-height:48px;
	padding:0 45px 0 15px;
	font-size:14px;
	color:#555;
	letter-spacing:-0.075em;
	min-width:160px;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight:600;

}
#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:600; }
#snb .ov ul li:first-child {margin-top:0;}
#snb .ov ul li a {display:block;font-size:11.5px;color:#999;padding:17px 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_container { width: 1100px; position: relative; left: 50%; margin-left: -550px; margin-bottom: 100px; }

#sub_tit { width: 1100px; position: relative;  margin-top: 90px;margin-bottom: 50px;}
#sub_tit h2 { font-size: 38px; }
.sub_line { width: 100%; height: 1px; background-color: #c6c6c6; margin-top: 21px; margin-bottom: 21px; }
.sub-tit2 { font-size: 14px; color: #858585; font-family: 'Noto Sans KR', sans-serif; }
.sub-tit2>span {  color: #373737; font-weight: 600; }


/**/

ul.tabs2 { font-family: 'Noto Sans KR', sans-serif;
    margin: 0;
    padding: 0;
    float: none;
    list-style: none;
    width: 100%;
    font-size:14px;
	height:40px;
	max-width: 1100px;	
	margin: auto;
	margin-bottom: 25px; 
}


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

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

ul.tabs2 li a { padding:10px 180px; color:#444;}
        
ul.tabs2 li.selected a:hover
{
    text-decoration: none;
}

ul.tabs2 li.active { color:#fff; background: #d72b2c; border:1px solid #d72b2c; }


.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:14px;
	height:40px;
}


ul.tabs3 li { margin-bottom:-1px; color:#232222; margin-left:10px;
    float: left;
    text-align:center;
    cursor: pointer;
    width:16.5%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ccc;
    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: #005a61;  border:1px solid #005a61;}
	
ul.tabs3 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        

ul.tabs3 li a { padding:10px 180px; color:#444;}
        
ul.tabs3 li.selected a:hover
{
    text-decoration: none;
}

ul.tabs3 li.active { color:#fff; background: #005a61; border:1px solid #005a61; }


.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 screen and (-webkit-min-device-pixel-ratio:0){
/*	.sec03_bt { font-family: 'gotham'; }*/
}


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

	}