@font-face {
  font-family: 'Oswald-R';
  src: local('Oswald-R'),
       url('../font/Oswald-Regular.ttf') format('truetype');
}
@font-face {

  font-family: 'Oswald-L';
  src: local('Oswald-L'),
       url('../font/Oswald-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'gotham';
  src: local('gotham'),
  	   url('../font/GOTHAM-LIGHT.eot') format('embedded-opentype'),
       url('../font/GOTHAM-LIGHT.ttf') format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: 'gotham';
  src: local('gotham'),
  	   url('../font/GOTHAM-BOOK.eot') format('embedded-opentype'),
       url('../font/GOTHAM-BOOK.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'gotham';
  src: local('gotham'),
  	   url('../font/GOTHAM-MEDIUM.eot') format('embedded-opentype'),
       url('../font/GOTHAM-MEDIUM.ttf') format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: 'gotham';
  src: local('gotham'),
  	   url('../font/GOTHAM-BOLD.eot') format('embedded-opentype'),
       url('../font/GOTHAM-BOLD.ttf') format('truetype');
  font-weight: 600;
}
@font-face {
  font-family: 'gotham';
  src: local('gotham'),
  	   url('../font/GOTHAM-BLACK.eot') format('embedded-opentype'),
       url('../font/GOTHAM-BLACK.ttf') format('truetype');
  font-weight: 700;
}

::-webkit-scrollbar {

/*display:none;*/

} 

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


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

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


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



/**/


.plus { width: 26px; height: 26px; border: 1px solid #fff; border-radius: 100%; margin: auto; box-sizing: border-box; }
.plus:after { content:''; width: 12px; height: 2px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; }
.plus:before { content:''; width: 2px; height: 12px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #fff; }

.plus2 { width: 26px; height: 26px; border: 1px solid #000; border-radius: 100%; margin: auto; box-sizing: border-box; }
.plus2:after { content:''; width: 12px; height: 2px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #000; }
.plus2:before { content:''; width: 2px; height: 12px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #000; }

/**/

#main_wrap { width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; bottom: 0; background-color: #fff; }


/**/



#section1 { width: 100%; height: 100%; background: #fff; background-size: cover; position: relative; }
.sec01_bg01 { position: absolute; left: 17.5%; bottom: 13%; animation: sec01_bg01 1.8s 0.7s both; }
.sec01_bg02 { position: absolute; right: 20%; top: 20%; animation: sec01_bg02 1.8s 0.2s both; }

.sec01_box { width: 1720px; height: 805px; position: absolute; left: 0; right: 0; top: 90px; margin: auto; z-index: 9; }

.swiper1 { width: 1160px; height: 805px; position: absolute; left: 0; top: 0; overflow: visible; animation: sec01_img04 1.0s 0.2s both; }
.swiper1_bt_box { width: 20px; height: 190px; position: absolute; left: -50px; top: 0; bottom: 0; margin: auto; animation: sec01_bt 1.0s 0.2s both; transform: translateY(-200px); }
.pagination_bullet { width: 100%; height: 100%; position: absolute; left: 0; top: 0;  font-size: 12px; display: flex; flex-direction: column; justify-content: space-between; }
.pagination_bullet .swiper-pagination-bullet { width: 100%; background: none; height: auto; outline: none; opacity: 1; border: none; color: #000; }

.swiper1_bt { width: 20px; height: 140px; position: absolute; left: -50px; top: 0; bottom: 0; margin: auto; display: flex; flex-direction: column; justify-content: space-between;  transform: translateY(-240px); }
.swiper1_bt div { width: 1px; height: 100%; margin: auto; margin-top: 4px; background-color: #b9b8bc; position: relative; }
.swiper1_bt div:nth-child(1) { margin-top: 0; }
.swiper1_bt div.selected:before { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #2a2634; display: none; animation: swiper1_bt 4s 0s linear both; }

.swiper-pagination { position: relative; }
.swiper-pagination-fraction { height: 100%; color: #000; font-family: 'Noto Sans KR', sans-serif; letter-spacing: 0; font-weight: 300; display: flex; flex-direction: column; justify-content: space-between; }
.swiper-pagination-current,.swiper-pagination-total { padding: 0px; font-weight: 300; }

.swiper1 .swiper-slide.swiper-slide-active .swiper1_bt div.selected:before { display: block; }

@keyframes swiper1_bt {
	from { height: 0; }
	to {  }
}
@keyframes sec01_bt {
	from { transform: translate(-30px,-200px); opacity: 0; }
	to {  }
}

.sec01_txt_box { width: 480px; position: absolute; right: 0; top: 20px; text-align: left; color: #fff; z-index: 9; }
.sec01_tit { animation: sec01_txt 1.5s 0.4s both; color:#002c47;font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 20px; line-height: 30px; }
.sec01_tit02 { animation: sec01_txt 1.7s 0.4s both; color:#002c47; font-family: 'Nanum Myeongjo', serif; font-weight: 500; font-size: 60px; line-height: 70px; letter-spacing: -5px; margin-top: 30px; margin-left: -2px; }
.sec01_tit02 span { color: #bd9472 }
.sec01_line { width: 53px; height: 1px; margin-top: 75px; margin-bottom: 40px; animation: sec01_txt 1.2s 0.7s both; background-color: #656565; }

.sec01_txt_box h4 { font-size: 20px; line-height: 100%; font-weight: 600; animation: sec01_txt 1.5s 1.0s both; }
.sec01_txt_box p { font-size: 14px; line-height: 24px; margin-top: 15px; font-weight: 600; animation: sec01_txt 1.7s 1.25s both; letter-spacing: -0.5px; }

.sec01_img { position: absolute; right: -10px; bottom: 0; animation: sec01_img 1.2s 1.2s both; z-index: 9; }
.sec01_img02 { position: absolute; right: 235px; margin: auto; bottom: 105px; animation: sec01_img 0.8s 0.8s both; z-index: 11;}
.sec01_img03 { position: absolute; left: 0; right: 0; margin: auto; bottom: 0; animation: sec01_img03 0.8s 0.2s both; width: 100%; height: 100%; z-index: 1;
background: url(../img/sec01_bg.jpg) center bottom no-repeat; background-size: cover; }


@keyframes sec01_txt {
	from { transform: translateY(-20px); opacity: 0; }
	to {  }
}
@keyframes sec01_bg01 {
	from { transform: translate(-30px,30px); opacity: 0; }
	to {  }
}
@keyframes sec01_bg02 {
	from { transform: translate(30px,-30px); opacity: 0; }
	to {  }
}
/*@keyframes sec01_img {
	from { opacity: 0; }
	to {  }
}*/
@keyframes sec01_img02 {
	from { opacity: 0;transform: translateX(-20px); }
	to {  }
}
/*@keyframes sec01_img03 {
	from { opacity: 0;transform: translateY(20px); }
	to {  }
}*/
@keyframes sec01_img04 {
	from { transform: translateX(-30px); opacity: 0; }
	to {  }
}

/**/


#section2c { width: 100%; height: 100%; position: relative; }
#section2c:after { content:''; width: 100%; height: 75%; background-color: #f0f0f0; position: absolute; left: 0; top: 0; z-index: 1; }

.sec02c_box { width: 100%; height: 100%; position: relative; display: none; overflow: hidden; }

.sec02c_txt_box { position: absolute; left: 0; right: 0; margin: auto; top: 110px; z-index: 9;  animation: sec02c_txt 1.2s 0.35s both; }
.sec02c_txt_box h5 { font-size: 20px; line-height: 100%; margin-top: 20px; font-weight: 400; }

.sec02c_vd { position: relative; margin-top: 220px; z-index: 9;  animation: sec02c_vd 1.2s 0.6s both; }
.sec02c_vd iframe { width: 1200px; height: 675px; }


@keyframes sec02c_txt {
	from { transform: translateX(-20px); opacity: 0; }
	to {  }
}
@keyframes sec02c_vd {
	from { transform: translateY(40px); opacity: 0; }
	to {  }
}

/**/

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

.sec02b_txt_box { width: 400px; height: 455px; top: 0; bottom: 0; position: absolute; left: 0; right: 0; margin: auto; transform: translate(300px,25px); text-align: left; display: none; }
.sec02b_tit { animation: sec02b_txt 1.2s 0.3s both; }
.sec02b_txt_box p { font-size: 20px; line-height: 38px; color: #373737; font-weight: 300; margin-top: 50px; animation: sec02b_txt 1.2s 0.55s both; }
.sec02b_logo { margin-top: 100px; animation: sec02b_txt 1.2s 0.9s both; }

@keyframes sec02b_txt {
	from { transform: translateX(40px); opacity: 0; }
	to {  }
}

/**/

#section2 { width: 100%; height: 100%; background-color: #fff; overflow: hidden; }
.sec02_box { width: 1600px; height: calc(100% - 100px); margin: auto;	margin-top: 100px; display: flex; justify-content: space-between; }
.sec02_box a { display: block; width: 100%; height: 100%; }
.sec02_content { width: 430px; height: 100%; position: relative; display: none; z-index: 9; }
/*.sec02_content:after { content:''; right: 0; top: 0; width: 0; height: 100%; position: absolute; z-index: 999999; background-color: #fff; animation: sec02_content 0.7s 0.2s both; }*/
.sec02_img { width: 100%; height: 100%; transition: 0.8s; }
.sec02_img04 { margin-top: 25px; }
.sec02_img02 { margin-top: 25px; }
.sec02_img03 { position: absolute; right: -105px; bottom: 85px; margin-top: 0; z-index: 2; }
/*.sec02_img03b { position: absolute; right: -25px; top: -20px; z-index: 1; }*/
.sec02_img03b { position: absolute; right: -40px; bottom: 300px; z-index: 1; }


.sec02_txt_box { width: 100%; height: 323px; position: absolute; left: 9%; top: 290px; margin: auto; color: #252525; font-weight: 400; text-align: left; transition: 0.8s; z-index: 9;}
.sec02_txt_box.white { color: #fff; font-weight: 300; }

.sec02_box .sec02_content:nth-child(2) { width: 640px; z-index: 1; }

.sec02_img.sec02_bg { width: 100%; height: 100%; background-color: #2b2b2b; position: relative; }
.sec02_img.sec02_bg:after { content:''; width: 200%; height: 400px; background-color: #fff; position: absolute; left: 0; top: 0; transform: rotate(10deg) translate(-50%,-70%); }

.sec02_content h4{ font-family: 'Nanum Myeongjo', serif; letter-spacing: -3px;font-size: 30px; line-height: 38px; font-weight: bold;color: #001d3a; animation: sec02_txt 1.2s 0.7s both; }
.sec02_content h4 span{color:#aeaeae;}
.sec02_tit { animation: sec02_txt2 1.2s 0.2s both; }
.sec02_line { margin: auto; width: 1px; height: 40px; background-color: #8d8f90; margin-top: 45px; }
.sec02_txt { margin-top: 33px; }
.sec02_txt_box p { font-size: 14px; line-height: 20px; margin-top: 50px; animation: sec02_txt 1.2s 0.7s both; }
.sec02_txt_box p img{text-align: left;}
.sec02_txt_box p b{color:#001d3a;line-height: 300%;}


.sec02_box .sec02_content:nth-child(1) .sec02_txt_box { left: 20px; }
.sec02_box .sec02_content:nth-child(1) .sec02_tit { margin-left: 200px; }

.sec02_box .sec02_content:nth-child(2) h4 { color: #bd9472; }
.sec02_box .sec02_content:nth-child(2) h4 span { color: #fff; }
.sec02_box .sec02_content:nth-child(2) p b { color: #bd9472; }
.sec02_box .sec02_content:nth-child(2) .sec02_tit { margin-top: 80px; }
.sec02_box .sec02_content:nth-child(2) .sec02_txt_box { top: 120px; left: 50px; }

.sec02_box .sec02_content:nth-child(3) .sec02_txt_box { left: 0; }
.sec02_box .sec02_content:nth-child(3) .sec02_tit { margin-left: 230px; }
.sec02_box .sec02_content:nth-child(3) p { margin-left: 100px; }

/* .sec02_content:hover .sec02_img { transform: scale(1.03);transform: translateY(-10px); } */
/*.sec02_content:hover .sec02_txt_box { transform: translateY(-10px); } */

@keyframes sec02_content {
	from { width: 100%; }
	to {  }
}
@keyframes sec02_txt {
	from { transform: translateX(20px); opacity: 0; }
	to {  }
}
@keyframes sec02_txt2 {
	from { transform: translateX(-20px); opacity: 0; }
	to {  }
}

/**/

#section3 { width: 100%; height: 100%; background: url(../img/sec03_bg.jpg) center no-repeat; background-size: cover; }
/*.sec03_bg_img { position: absolute; right: 0px; bottom: 0;z-index: 10; animation: sec03_txt 0.8s 0.0s both;}*/
.sec03_bg_img { position: absolute; right: -85px; bottom: 0;z-index: 10; animation: sec03_txt 0.8s 0.0s both;}

.sec03_box { width: 1490px; height: 580px; display: flex; justify-content: space-between; display: none; position: absolute; left: 0; right: 0; top: 18%; margin: auto; }
.sec03_content { width: 100%; height: 100%; position: relative; overflow: hidden; box-sizing: border-box; }
/*.sec03_content:after { content:''; width: 1px; height: 100%; position: absolute; left: 0; background-color: #cdcdcd; }
.sec03_content:before { content:''; width: 1px; height: 100%; position: absolute; right: 0; background-color: #cdcdcd; }*/

.content01:before,.content02:before,.content03:before{display: none;}  

.sec03_content.content01:after,.sec03_content.content03:after { bottom: 0; animation: sec03_line 2s 0s both; }
.sec03_content.content02:after,.sec03_content.content04:after { top: 0; animation: sec03_line 2s 0s both; }
.content04:before { top: 0; animation: sec03_line 2s 0s both; }
.sec03_tit_box { width: 530px; position: absolute; left: 0; right: 0;  margin: auto; top: 0; color: #252525; text-align: center; z-index: 9; animation: sec03_tit 1.2s 0.4s both; }
.sec03_tit_box h3 { font-size: 22px; line-height: 100%; font-weight: 400; }
.sec03_tit_box h2 { font-size: 46px; line-height: 100%; margin-top: 15px; font-weight: 400; }

.sec03_txt_box { width: 100%; height: 400px; margin-top: 90px; color: #252525; margin-top: 170px; position: relative; }
/*.sec03_txt_box:after { content:''; width: 1px; height: 160px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background-color: #cdcdcd; }*/
.sec03_line_box { width: 740px; height: 160px; position: absolute; left: 0; right: 0; margin: auto; bottom: 110px; display: flex; justify-content: space-between; }
.sec03_line_box>div { width: 1px; height: 100%; background-color: #cdcdcd; }

.sec03_icon { width: 83px; height: 83px; border-radius: 100%; background-color: #001d3a; margin: auto; position: relative; margin-top: 50px; }
.sec03_icon img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.sec03_txt_box h6 { font-size: 12px; line-height: 100%; margin-top: 30px; font-weight: 600; opacity: .5; color: #001d3a; letter-spacing: 0; }
.sec03_txt_box h4 { font-size: 20px; line-height: 100%; margin-top: 10px; font-weight: 600; color: #001d3a; }
.sec03_txt_box h4 span{font-weight: 100;}
.sec03_txt_box p { font-size: 14px; line-height: 24px; margin-top: 12px; font-weight: 400; }
.sec03_txt_box h5 { font-size: 18px; line-height: 100%; margin-top: 17px; opacity: 0.45; font-weight: 500; }
.sec03_img { height: 110px; position: relative; margin-top: 35px; }
.sec03_img img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }


.content02 .sec03_icon,.content04 .sec03_icon{ background: #bd9472; }
.content02 .sec03_txt_box h6,.content02 .sec03_txt_box h4,.content04 .sec03_txt_box h6,.content04 .sec03_txt_box h4 { color: #bd9472; }

.sec03_content.content01 .sec03_txt_box { animation: sec03_txt 0.8s 0.4s both; }
.sec03_content.content02 .sec03_txt_box { animation: sec03_txt 0.8s 0.8s both; }
.sec03_content.content03 .sec03_txt_box { animation: sec03_txt 0.8s 0.6s both; }
.sec03_content.content04 .sec03_txt_box { animation: sec03_txt 0.8s 1.0s both; }


.sec03_bt_box { width: 1320px; height: 95px; position: absolute; margin: auto; left: 0; right: 0; bottom: 8%; display: flex; justify-content: space-between; z-index: 10; color: #fff; text-align: left; animation: sec03_bt 1.2s 1.4s both;}
.sec03_bt_box>a { width: 100%; height: 100%; margin-left: 10px; overflow: hidden; position: relative; box-sizing: border-box; padding-left: 40px; }
/*.sec03_bt_box>a:nth-child(1):after { content:''; left: 0; top: 0; width: 0; height: 100%; position: absolute; z-index: 999999; background-color: #fff; animation: sec02_content 0.8s 0.7s both; }
.sec03_bt_box>a:nth-child(2):after { content:''; right: 0; top: 0; width: 0; height: 100%; position: absolute; z-index: 999999; background-color: #fff; animation: sec02_content 0.8s 0.7s both; }*/
.sec03_bt_box>a:nth-child(1) { margin-left: 0; }
.sec03_bg01 { background: url(../img/sec03_bg01.jpg) center no-repeat; }
.sec03_bg02 { background: url(../img/sec03_bg02.jpg) center no-repeat; }
.sec03_bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; transition: 0.4s; background-size: cover; z-index: -1; }
.sec03_bt_box h3 { float: left; font-size: 26px; line-height: 100%; font-weight: 400; padding-right: 25px; position: relative; transform: translateY(125%); }
.sec03_bt_box h3:after { content:''; position: absolute; right: 0; bottom: -3px; width: 1px; height: 100%; background-color: #fff; opacity: 0.55; }
.sec03_bt_box p { float: left; opacity: 0.55; font-size: 12px; line-height: 16px; font-weight: 300; margin-left: 25px; position: relative; transform: translateY(100%); }
.sec03_arrow { width: 26px; height: 10px; position: absolute; right: 40px; top: 0; bottom: 0; margin: auto; transition: 0.3s; }
.sec03_arrow:after { content:''; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 0; }
.sec03_arrow:before { content:''; width: 10px; height: 1px; background-color: #fff; position: absolute; right: -1px; bottom: 4px; transform: rotate(45deg); }

/*.sec03_bt_box>a:hover .sec03_bg { transform: scale(1.03); }*/
.sec03_bt_box>a:hover .sec03_arrow { transform: translateX(5px); }

@keyframes sec03_line {
	from { height: 0; }
	to {  }
}
@keyframes sec03_tit {
	from { opacity: 0; }
	to {  }
}
@keyframes sec03_txt {
	from { opacity: 0; transform: translateY(-20px); }
	to {  }
}
@keyframes sec03_bt {
	from { opacity: 0; transform: translateY(20px); }
	to {  }
}



/**/



.footer { width: 100%; height: 195px; box-sizing: border-box; z-index: 999; font-family: 'Noto Sans KR', sans-serif; background-color: #383838; color: #fff; position: relative; box-sizing: border-box; padding: 0 60px; text-align: left;
letter-spacing: -0.5px; }

.footer_logo { float: left; margin-top: 35px; }
.footer_left { float: left; margin-top: 35px; margin-left: 50px; }
.footer_const { }
.footer_const ul { }
.footer_const ul li { display: inline-block; line-height: 100%; padding: 0 20px; font-size: 14px; vertical-align: middle; position: relative; font-weight: 300; }
.footer_const ul li:nth-child(1) { padding-left: 0; }
.footer_const ul li:after { content:''; width: 1px; height: 12px; background-color: #fff; opacity: 0.7; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }
.footer_const ul li:last-child:after { display: none; }
.footer_left p { font-size: 12px; opacity: 0.65; margin-top: 0px; line-height: 165%; font-weight: 200; }
.footer_left h5 { font-size: 12px; opacity: 0.4; margin-top: 7px; line-height: 20px; font-weight: 100; }
.footer_left h6 {  font-size: 12px; font-weight: 100; line-height: 100%;  letter-spacing: 0;margin-top: 30px; }

.footer_right { float: right; margin-top: 30px; text-align: right; }
.footer_right ul { float: right; }
.footer_right ul li { font-size: 12px; display: inline-block; line-height: 100%; padding: 0 7.5px; vertical-align: middle; position: relative; font-weight: 300; letter-spacing: 0; }
.footer_right ul li:nth-child(1) { padding-right: 4px; }
.footer_right ul li:last-child { padding-right: 0; }
.footer_right h6 


/*.footer { width: 100%; height: 190px; box-sizing: border-box; z-index: 999; font-family: 'Noto Sans KR', sans-serif; background-color: #fff; border-top: 1px solid #f0f0f0; position: relative; text-align: center; }
.footer_logo { margin-top: 50px; }
.footer ul { color: #0b0b0b; margin-top: 20px; }
.footer ul li { font-size: 10px; opacity: 0.77; line-height: 16px; letter-spacing: 0px; font-weight: 500; }
.footer ul li:first-child { opacity: 0.99; }
.footer h6 { color: #0b0b0b; font-size: 10px; line-height: 100%; opacity: 0.77; letter-spacing: 0px; margin-top: 20px; font-weight: 500; margin-bottom: 55px; display: none; }
*/


/**/

/*서브*/

#snb_wrap { width: 1920px; height: auto; position: relative; left: 50%; transform: translate(-50%); z-index: 99; text-align: left; font-family: 'Spoqa Han Sans Neo', 'sans-serif'; }
#snb {border:1px solid #dcdcdc; width:1100px; margin:0 auto; position:relative; z-index:199; margin-top: 60px; }
#snb:after {content:""; display:block; clear:both; }
#snb > li {float:left; position:relative; height:48px;}
#snb > li:first-child + li > a {background:url(../img/common/snb-arr.gif) no-repeat 100% 50%;}
#snb > li:first-child + li + li > a {background:url(../img/common/snb-menu.gif) no-repeat 100% 50%; margin-top:1px;}
#snb > li:first-child + .ov {margin-left:0;}
#snb .ov {margin-left:-1px;}
#snb .ov > a {
	display:block;
	height:48px;
	line-height:48px;
	padding:0 35px 0 15px;
	font-size:14px;
	color:#555;
	letter-spacing:-0.075em;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	min-width:160px;
	font-family: 'Spoqa Han Sans Neo', '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: 'Spoqa Han Sans Neo', 'sans-serif'; font-weight:500; }
#snb .ov ul li:first-child {margin-top:0;}
#snb .ov ul li a {display:block;font-size:11.5px;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 { position: relative; width: 100%; left: 0; background-color:#fff; top:0; overflow: hidden; }
/*#sub-top01 { width:100%; height: 340px; margin: 0 auto; position:relative; margin-top: 90px; z-index: 99; background: url(../img/sub-top01.jpg) center no-repeat; overflow: hidden; background-size: cover; background-attachment: fixed; }*/
#sub-top01 { width: 100%; height: 250px; position: relative; margin-top: 90px; z-index: 99; overflow: hidden;  background: url(../img/sub_top01.jpg) center no-repeat; background-size: cover; }
#sub-top02 { width: 100%; height: 250px; position: relative; margin-top: 90px; z-index: 99; overflow: hidden;  background: url(../img/sub_top02.jpg) center no-repeat; background-size: cover; }
#sub-top03 { width: 100%; height: 250px; position: relative; margin-top: 90px; z-index: 99; overflow: hidden;  background: url(../img/sub_top03.jpg) center no-repeat; background-size: cover; }
#sub-top04 { width: 100%; height: 250px; position: relative; margin-top: 90px; z-index: 99; overflow: hidden;  background: url(../img/sub_top04.jpg) center no-repeat; background-size: cover; }
#sub-top05 { width: 100%; height: 250px; position: relative; margin-top: 90px; z-index: 99; overflow: hidden;  background: url(../img/sub_top05.jpg) center no-repeat; background-size: cover; }
#sub-top06 { width: 100%; height: 250px; position: relative; margin-top: 90px; z-index: 99; overflow: hidden;  background: url(../img/sub_top06.jpg) center no-repeat; background-size: cover; }
#sub-top07 { width: 100%; height: 250px; position: relative; margin-top: 90px; z-index: 99; overflow: hidden;  background: url(../img/sub_top07.jpg) center no-repeat; background-size: cover; }
.sub_top_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; opacity: 0.7; }
.sub_top_tit { width: 860px; position: relative; transform: translateY(0); left: 0; right: 0; top: 33%; bottom: 0; margin: auto; text-align: center; animation: sub-tit 1s 0.3s both; color: #fff; z-index: 9; }
.sub_top_tit h2 { font-size: 65px; line-height: 100%; font-weight: 800; letter-spacing: 0px; transform: translateX(-2px); text-transform: uppercase; }
.sub_top_tit h4 { font-size: 23px; line-height: 100%; font-weight: 300; margin-top: 10px; }
.sub_top_tit h2 b { font-weight: 600; }
.sub_top_tit .sub_top_txt_line { position: relative; }
.sub_top_tit .sub_top_txt_line:after { content:''; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 0; display: none; }
.sub_top_tit .sub_top_txt_dot { position: relative; }
.sub_top_tit .sub_top_txt_dot:after { content:''; width: 7px; height: 7px; border-radius: 100%; background-color: #fff; position: absolute; left: 0; right: 0; margin: auto; top: 2px; transform: translateX(1px); }

.sub_top_txt { position: absolute; left: 0; right: 0; top: 0; margin: auto; top: 160px; }

@keyframes sub-tit {

	from {  transform: translateY(25px); opacity: 0; };
	to { };
}

#sub-top-text { position:absolute; top:-33px; left:50%; margin-left:-960px; }
#sub-top-img { margin-top:-160px;}

/*.sub_top_txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }*/


#sub_wrap { width:100%; left: 0; right: 0; margin: auto; position:relative; height:auto; margin-top: 30px; z-index: 90; }
/*#sub_wrap { width:100%; left: 0; right: 0; margin: auto; position:relative; height:auto; margin-top: 150px; z-index: 90; }*/
#sub_page { width:1100px; position:relative; left:50%; margin-left:-550px; top:0px; padding-bottom: 90px; font-family: 'Noto Sans KR', sans-serif;  }



#sub-title{ position:relative; width:1100px; font-family: 'Noto Sans KR', sans-serif; text-align: center; left: 50%; transform: translateX(-50%); margin-top: 50px; }
#sub-title h1{ font-size: 32px; font-weight: 400; color:#101010; letter-spacing:-1px; z-index: 2; line-height: 100%; text-transform: uppercase; }
#sub-title h1 span { color: #1e396e; }
#sub-title h5 { font-size: 15px; line-height: 100%; margin-top: 10px; color: #777; }
/*#sub-title>h1{font-size: 24px;  position:absolute; margin-top: 10px; font-weight:400; color:#101010;  text-align: left; letter-spacing:-1px; z-index: 2; }*/
/*#sub-title>h1:after { content:''; width: calc( 100% + 25px ); height: 8px; background-color: #fff338; position: absolute; left: 0; bottom: 2px; z-index: -1; }*/
.sub-title-line { width: 1px; height: 20px; background-color: #ccc; margin: auto; margin-top: 20px; position: relative; z-index: 9; } 


.ssub{text-align:left; font-size:14px;}
.ssub h4{text-align:left; font-size:22px; color:#111; padding-bottom:5px; font-family: 'spoqahansans', sans-serif;}
.ori{ font-size:12px; color:#777; background:#f3f3f3; border:1px solid #ddd; padding:20px; letter-spacing:-1px; margin-top:50px; text-align:left; font-family: 'spoqahansans', sans-serif;}


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

ul.tabs2 { font-family: 'Spoqa Han Sans Neo', '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: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:hover { background-color: #d9d9d9; border: 1px solid #d9d9d9;}*/


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

	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        

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

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


.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.tabs-ga { 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.tabs-ga 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.tabs-ga li.selected2, ul.tabs-ga li.selected2:hover
{
    position: relative;
    top: 0px;
	color:#fff; background: #2c2f67;}
	
ul.tabs-ga li.selected2 a, ul.tabs-ga li.selected2 a:hover { color:#fff;}
        

ul.tabs-ga li a { padding:10px 180px; color:#444; display: block;}
        
ul.tabs-ga li.selected2 a:hover
{
    text-decoration: none;
}

ul.tabs-ga li.active { color:#fff; background: #2c2f67; }








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:49.5%;
    height: 45px;
    line-height: 45px;
    border: 1px solid #ccc;
    font-weight: 400;
    background: #fff;
    overflow: hidden;
    position: relative;
	
}

ul.tabs3 li:first-child { margin-left:0;}


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

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

ul.tabs3 li.active { color:#fff; background: #b6a38f; }


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

#sub-bt .active:hover { background-color: #ffa425; transition:0.5s; }
#sub-bt .active:hover a div { color: #fff; }
#sub-bt>li:hover { background-color: #fee0b0; transition:0.5s; }
#sub-bt>li:hover a div { color: #000; }

#sub-bt>li {  height: 48px; float: left; line-height: 48px; text-align: center;  background-color: #252a3e;}
#sub-bt>li:first-child { border-left: none; }
#sub-bt .active { background-color: #ffa425;  }
#sub-bt .active>a { color: #fff; }
#sub-bt>li>a>div { width: 100%; height: 48px; line-height: 48px; color: #fff;}


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


	.sec01_box { width: 1280px; height: 591px; position: absolute; left: 0; right: 0; top: 90px; margin: auto; z-index: 9; }

	.swiper1 { width: 840px; height: 591px; }
	.swiper1 img { width: 100%; }
	.swiper1_bt_box { width: 15px; height: 170px; left: -40px; }

	.swiper1_bt { width: 15px; height: 120px; left: -40px; transform: translateY(-210px); }
	.swiper-pagination-fraction { transform: translateY(30px); }
	.swiper-pagination-current, .swiper-pagination-total { font-size: 10px; }

	.sec01_txt_box { width: 380px; top: 30px; }
	.sec01_tit { font-size: 20px; line-height: 28px; }
	.sec01_tit02 { width: 100%; }
	.sec01_line { width: 43px; height: 1px; margin-top: 60px; margin-bottom: 35px; }

	.sec01_txt_box h4 img { width: 240px; }

	.sec01_img { width: 310px; right: -10px; }
	.sec01_img02 { width: 110px; right: 165px; bottom: 85px; }

/**/

	#section2c:after { content:''; width: 100%; height: 70%; background-color: #f0f0f0; position: absolute; left: 0; top: 0; z-index: 1; }

	.sec02c_txt_box { top: 90px; }
	.sec02c_txt_box img { width: 260px; }
	.sec02c_txt_box h5 { font-size: 16px; margin-top: 15px; }

	.sec02c_vd { position: relative; margin-top: 170px; z-index: 9; }
	.sec02c_vd iframe { width: 1000px; height: 563px; }

/**/

	.sec02b_txt_box { width: 350px; height: 370px; transform: translate(260px,5px); }
	.sec02b_tit { width: 265px; }
	.sec02b_txt_box p { font-size: 16px; line-height: 32px; margin-top: 40px; }
	.sec02b_logo { width: 205px; margin-top: 80px; }

/**/

	.sec02_box { width: 1280px;  }
	.sec02_content { width: 340px; }
	.sec02_img02 { width: 340px; margin-top: 15px; }
	.sec02_img03 { width: 340px; right: -105px; bottom: 45px; }
	.sec02_img04 { width: 340px; margin-top: 15px; }
	.sec02_img03b { width: 240px; right: -20px; bottom: 214px; }

	.sec02_box .sec02_content:nth-child(2) { width: 520px; z-index: 1; }

	.sec02_txt_box { width: 100%; height: 323px; left: 9%; top: 240px; }

	.sec02_content h4 { font-size: 26px; line-height: 32px; }
	.sec02_tit { height: 45px; }
	.sec02_txt_box p { font-size: 12px; line-height: 17px; margin-top: 40px; }

	.sec02_box .sec02_content:nth-child(1) .sec02_txt_box { left: 10px; }
	.sec02_box .sec02_content:nth-child(1) .sec02_tit { margin-left: 150px; }

	.sec02_box .sec02_content:nth-child(2) .sec02_tit { margin-top: 60px; }
	.sec02_box .sec02_content:nth-child(2) .sec02_txt_box { top: 120px; left: 50px; }

	.sec02_box .sec02_content:nth-child(3) .sec02_txt_box { left: 0; }
	.sec02_box .sec02_content:nth-child(3) .sec02_tit { margin-left: 160px; }
	.sec02_box .sec02_content:nth-child(3) p { margin-left: 100px; }


/**/

	.sec03_box { width: 1240px; height: 580px; top: 18%;  }

	.sec03_bg_img { width: 290px; right: -65px }
	
	.sec03_tit_box { width: 400px; position: absolute; left: 0; right: 0;  margin: auto; top: 0; color: #252525; text-align: center; z-index: 9; animation: sec03_tit 1.2s 0.4s both; }
	.sec03_tit_box h3 { font-size: 18px; line-height: 100%; font-weight: 400; }
	.sec03_tit_box h2 img { width: 100%; }

	.sec03_txt_box { height: 330px; margin-top: 130px; }
	.sec03_line_box { width: 620px; height: 140px; bottom: 210px; }
	.sec03_line_box>div { width: 0.5px; }

	.sec03_icon { width: 68px; height: 68px; margin-top: 40px; }
	.sec03_icon img { transform: scale(0.85) }
	.sec03_txt_box h6 { font-size: 10px; margin-top: 25px; }
	.sec03_txt_box h4 { font-size: 17px; margin-top: 8px; }
	.sec03_txt_box h4 span{font-weight: 100;}
	.sec03_txt_box p { font-size: 12px; line-height: 20px; margin-top: 12px; font-weight: 400; }
	.sec03_txt_box h5 { font-size: 18px; line-height: 100%; margin-top: 17px; opacity: 0.45; font-weight: 500; }
	.sec03_img { height: 104px; margin-top: 25px; }
	.sec03_img img { height: 100%; }


	.content02 .sec03_icon,.content04 .sec03_icon{ background: #bd9472; }
	.content02 .sec03_txt_box h6,.content02 .sec03_txt_box h4,.content04 .sec03_txt_box h6,.content04 .sec03_txt_box h4 { color: #bd9472; }


	.sec03_bt_box { width: 1320px; height: 95px; position: absolute; margin: auto; left: 0; right: 0; bottom: 8%; display: flex; justify-content: space-between; z-index: 10; color: #fff; text-align: left; animation: sec03_bt 1.2s 1.4s both;}
	.sec03_bt_box>a { width: 100%; height: 100%; margin-left: 10px; overflow: hidden; position: relative; box-sizing: border-box; padding-left: 40px; }
	.sec03_bt_box>a:nth-child(1) { margin-left: 0; }
	.sec03_bg01 { background: url(../img/sec03_bg01.jpg) center no-repeat; }
	.sec03_bg02 { background: url(../img/sec03_bg02.jpg) center no-repeat; }
	.sec03_bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; transition: 0.4s; background-size: cover; z-index: -1; }
	.sec03_bt_box h3 { float: left; font-size: 26px; line-height: 100%; font-weight: 400; padding-right: 25px; position: relative; transform: translateY(125%); }
	.sec03_bt_box h3:after { content:''; position: absolute; right: 0; bottom: -3px; width: 1px; height: 100%; background-color: #fff; opacity: 0.55; }
	.sec03_bt_box p { float: left; opacity: 0.55; font-size: 12px; line-height: 16px; font-weight: 300; margin-left: 25px; position: relative; transform: translateY(100%); }
	.sec03_arrow { width: 26px; height: 10px; position: absolute; right: 40px; top: 0; bottom: 0; margin: auto; transition: 0.3s; }
	.sec03_arrow:after { content:''; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 0; }
	.sec03_arrow:before { content:''; width: 10px; height: 1px; background-color: #fff; position: absolute; right: -1px; bottom: 4px; transform: rotate(45deg); }

	.sec03_bt_box>a:hover .sec03_arrow { transform: translateX(5px); }
/**/

}

	
@media all and (max-height: 850px) { 
		


	}