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

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

/**/

.intro_wrap { width: 100%; height: 100vh; position: fixed; left: 0; top: 0; z-index: 999999999999999999999999999; display: flex; justify-content: center; align-items: center; }
.intro_bg { width: 100%; height: 100%; background: url(../img/intro_bg.png) center no-repeat; background-size: cover; position: absolute; left: 0; top: 0; 
  animation-name: intro_bg, intro_bg2;
  animation-duration: 3.5s, 0.5s;
  animation-delay: 0.9s, 1.7s;
  animation-timing-function: ease-in, ease;
  animation-fill-mode: both, both;
}
.intro_logo { position: relative; z-index: 9; 
  animation-name: intro_logo, intro_logo2;
  animation-duration: 1.2s, 0.7s;
  animation-delay: 0.9s, 1.0s;
  animation-timing-function: ease, ease;
  animation-fill-mode: both, both;
}


.intro_vd { position: absolute; top: 0; width: 100%; padding-bottom: 56.25%; height: 0; z-index: 99; opacity: 0; }
.intro_vd iframe { position: absolute; left: 0; width: 100%; height: 100%; z-index: 2; }


@keyframes intro_bg {
	from { transform: scale(1); }
	to { transform: scale(60); }
}
@keyframes intro_bg2 {
	from { opacity: 1; }
/*	to { opacity: 0; }*/
}
@keyframes intro_logo {
	from { transform: translateY(250px); }
	to { transform: translateY(450px); }
}
@keyframes intro_logo2 {
	from { opacity: 1; }
	to { opacity: 0; }
}

/**/

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

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

/**/

#section1 { width: 100%; height: 100%; background-size: cover; }

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

.swiper_main { width: 100%; height: 100%; }
.swiper_main .swiper-slide { display: flex; justify-content: center; align-items: center; }

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


.main_txt_box { text-align: center; color: #222; position: relative; z-index: 9; opacity: 0; transform: translate(-45px,-185px); }
.main_txt_box h3 { font-size: 22px; line-height: 100%; font-weight: 400; }
/*.main_txt_box h1 { font-size: 88px; line-height: 93px; font-weight: 200; margin-top: 20px; }*/
/*.main_txt_box h1 { font-size: 75px; line-height: 83px; font-weight: 200; margin-top: 15px; }*/
/*.main_txt_box h1 { font-size: 55px; line-height: 100%; font-weight: 200; margin-top: 0px; font-weight: 700; color: #2a2b54; letter-spacing: -3px; }*/
.main_txt_box h1 { font-size: 52px; line-height: 100%; font-weight: 200; margin-top: 0px; font-weight: 700; color: #2a2b54; letter-spacing: -3px; }
/*.main_txt_box h1 { font-size: 46px; line-height: 122%; font-weight: 200; margin-top: 0px; font-weight: 700; color: #2a2b54; letter-spacing: -3px; }*/
.main_txt_box h1 b { font-weight: 700; }
/*.main_txt_box h1 span { color: #634e42; }*/
.main_txt_box h2 { font-family: 'Noto Serif KR'; font-size: 42px; line-height: 56px; color: #000; font-weight: 100; }
.main_txt_box h2 b { font-weight: 500; }
.main_txt_box h2 span { color: #b70e5e; }
.main_txt_box p { font-size: 14px; line-height: 28px; color: #555; margin-top: 20px; }
.main_logo { margin-top: 30px; }

.dday_box { position: relative; margin: auto; margin-top: 40px; z-index: 99; color: #fff; background-color: #B71B5F; width: 200px; height: 50px; display: flex; text-align: center; justify-content: center; align-items: center; border-radius: 30px; }
.dday_box h5 { font-family: 'Carisma Gothic'; font-size: 18px; line-height: 100%; font-weight: 600; transform: translateY(1px); display: flex; align-items: center; color: #fff; }
.dday_box h5 b {  font-weight: 600; }
.dday_box h5 br { display: none; }
.dday_box h5 span { font-family: 'Noto Sans KR', sans-serif; margin-left: 4px; letter-spacing: -0.5px; font-weight: 400; display: block; position: relative; top: 0px; }
/*.dday_box h5 span:nth-child(2) { margin-left: 2px; }*/

.main_txt_box.txt02 { transform: translate(-45px,-170px); }
.main_txt_box.txt03 h1 { line-height: 120%; color: #080c46; }
.main_txt_box.txt03 {margin-top: -50px;}
.main_txt_box.txt03 .dday_box {margin-top: 30px; }
.main_txt_box.txt03 p {margin-top:0; }
.main_txt_box.txt03 img { position: relative; top: 13px; }


.main_tit { position: absolute; left: 90px; bottom: 70px; z-index: 9; color: #fff; text-align: center; opacity: 0; transform: translateX(-70px); display: none; }
.main_tit h4 { font-family: 'Carisma Gothic'; font-size: 34px; line-height: 100%; font-weight: 100; letter-spacing: 20px; transform: translateX(12px); }
.main_tit h2 { font-family: 'Saira Semi Condensed', sans-serif; font-size: 158px; line-height: 100%; font-weight: 900; letter-spacing: -5px; margin-top: -5px; }

.main_txt { position: absolute; right: 220px; bottom: 90px; z-index: 9; opacity: 0; transform: translateX(70px); width: 385px; display: none; }

.main_ori { position: absolute; left: 15px; bottom: 10px; font-size: 12px; line-height: 20px; color: #fff; text-shadow: 0 0 7px rgba(0,0,0,0.7),0 0 7px rgba(0,0,0,0.7),0 0 7px rgba(0,0,0,0.7); z-index: 9; text-align: left; }


.swiper_main2 { width: 315px; height: 95px; position: absolute; right: 170px; bottom: 30px; margin: auto; z-index: 99; opacity: 0; }
.swiper_main2 .swiper-slide { width: 95px; height: 100%; cursor: pointer; border: none; overflow: hidden; box-sizing: border-box; border-radius: 100%; }
.swiper_main2 .swiper-slide img { width: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; z-index: 9; filter: grayscale(1); }

.swiper_main2 .swiper-slide { width: 20%; height: 100%; opacity: 1; }
.swiper_main2 .swiper-slide-thumb-active { opacity: 1; }
.swiper_main2 .swiper-slide:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 3px solid #fff; z-index: 9; border-radius: 100%; box-sizing: border-box; }
.swiper_main2 .swiper-slide-thumb-active:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 3px solid #c3ae90; z-index: 9; border-radius: 100%; box-sizing: border-box; }
.swiper_main2 .swiper-slide-thumb-active img { filter: grayscale(0); }


/*.main_wrap.active .main_img { transform: scale(1); transition: 2.2s 0s; }
.main_wrap.active .main_txt_box { opacity: 1; transform: translate(-45px,-185px); transition: 1.0s 0.6s; }
.main_wrap.active .main_txt_box.txt02 { opacity: 1; transform: translate(-45px,-175px); transition: 1.0s 0.6s; }
.main_wrap.active .main_tit { opacity: 1; transform: translate(0); transition: 1.0s 1.2s; }
.main_wrap.active .main_txt { opacity: 1; transform: translate(0); transition: 1.0s 1.2s; }*/

.main_wrap.active .main_txt_box { opacity: 1; transition: 1.0s 0.6s; }
.main_wrap.active .swiper_main2 { opacity: 1; transition: 1.0s 0.6s; }

.swiper_main .swiper-slide.swiper-slide-active .main_img { animation: main_img 2.2s 0s both; }
.swiper_main .swiper-slide.swiper-slide-active .main_txt_box h1 { animation: main_txt 1.2s 0.6s both; }
.swiper_main .swiper-slide.swiper-slide-active .main_logo { animation: main_txt 1.2s 0.8s both; }
.swiper_main .swiper-slide.swiper-slide-active .main_txt_box h2 { animation: main_txt 1.2s 0.6s both; }
.swiper_main .swiper-slide.swiper-slide-active .main_txt_box p { animation: main_txt 1.2s 0.8s both; }
.swiper_main .swiper-slide.swiper-slide-active .dday_box { animation: main_txt 1.2s 1.2s both; }



@keyframes main_img {
	from { transform: scale(1.5); };
	to { transform: scale(1); };
}
@keyframes main_txt {
	from { opacity: 0; transform: translateY(-40px); }
	to {  }
}

/*
@keyframes main_txt {
	from { opacity: 0; transform: translateY(-140px); }
	to {  }
}
@keyframes main_txt2 {
	from { opacity: 0; transform: translateX(-70px); }
	to {  }
}
@keyframes main_txt3 {
	from { opacity: 0; transform: translateX(70px); }
	to {  }
}
*/

/**/


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

.vision_wrap { width: 100%; height: 100%; position: relative; }

.vision_left { width: 26.7%; height: 100%; float: left; position: relative; }
.vision_left:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #f3f3f3; z-index: 9; }
.vision_bg { width: 100%; height: 100%; position: absolute; background: url(../img/vision_bg.jpg) center no-repeat; background-size: cover; }
.vision_tit { text-align: right; color: #fff; position: absolute; right: -25px; bottom: -10px; width: 600px; transform: rotate(90deg); transform-origin: right top; opacity: 0; }
.vision_tit h4 { font-size: 20px; line-height: 100%; font-weight: 300; }
.vision_tit h2 { font-family: 'Saira Semi Condensed', sans-serif; font-size: 74px; line-height: 100%; font-weight: 900; margin-top: 10px; }
.vision_tit h2 span { color: transparent; -webkit-text-stroke: 0.5px #fff; }

.vision_right { width: 73.3%; height: 100%; float: left; position: relative; background: url(../img/vision_bg2.jpg) center no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; }
.vision_box { width: 453px; height: auto; position: relative; padding-bottom: 70px; opacity: 0; transform: translate(-45px,-25px); }
.vision_txt_box { background-color: #fff; padding: 45px 0 60px 38px; text-align: left; color: #000; height: 270px; box-sizing: border-box; }
.vision_txt_box h4 { font-size: 22px; line-height: 26px; font-weight: 600; }
.vision_txt_box h4 span { color: #9b877c; }
.vision_txt_box p { font-size: 14px; line-height: 24px; opacity: 0.7; margin-top: 15px; font-weight: 400; }
.vision_txt_box h6 { font-size: 11px; line-height: 100%; margin-top: 35px; color: #3e3e3e; font-weight: 800; }

.swiper-button-prev { position: absolute; left: -150px; top: 270px; margin: 0; width: auto; height: auto; }
.swiper-button-next { position: absolute; right: -150px; top: 270px; margin: 0; width: auto; height: auto; }

.vision_bt_box { width: 220px; height: 31px; position: absolute; left: 0; right: 0; margin: auto; bottom: 0; z-index: 3; display: flex; justify-content: space-between; opacity: 1; }
.vision_bt_box .swiper-pagination { position: static; width: 145px; display: flex; justify-content: space-between; }
.vision_bt_box .swiper-pagination-bullet { width: 31px; height: 31px; background: none; border: none; outline: none; position: relative; border-radius: 100%; opacity: 1;}
.vision_bt_box .swiper-pagination-bullet:before { content:''; width: 5px; height: 5px; background-color: #000; border-radius: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.vision_bt_box .swiper-pagination-bullet-active:after { content:''; width: 100%; height: 100%; border: 1px solid #000; border-radius: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; box-sizing: border-box; }

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



.vision_wrap.active .vision_left:after { height: 0; transition: 1.2s 0.2s; }
.vision_wrap.active .vision_tit { opacity: 1; right: 65px; transition: 1.0s 0.5s; }
.vision_wrap.active .vision_box { opacity: 1; transform: translate(-45px,45px); transition: 1.0s 0.5s; }

/**/

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

.special_wrap { width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; }

.special_bg { width: 100%; height: 100%; background: url(../img/special_bg.jpg) center no-repeat; background-size: cover; position: absolute; left: 0; top: 0; z-index: 1; transform: scale(1.2); }

.special_box { color: #fff; transform: translate(-45px,-10px); position: relative; z-index: 9; }
.special_tit { opacity: 0; transform: translateY(-70px); }
.special_tit h4 { font-size: 20px; line-height: 100%; font-weight: 200; letter-spacing: 34px; }
.special_tit h2 { font-family: 'Saira Semi Condensed', sans-serif; text-transform: uppercase; font-size: 92px; letter-spacing: -3px; line-height: 100%; font-weight: 900; margin-top: 20px; }
.special_tit h2 span { color: transparent; -webkit-text-stroke: 0.3px #fff; }
.special_content { display: flex; justify-content: space-between; margin-top: 100px; opacity: 0; transform: translateY(80px); }
.special_content>div { width: 320px; height: auto; text-align: center; position: relative; }
.special_icon { width: 38px; height: 39px; margin: auto; position: relative; }
.special_icon img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.special_content>div h3 { font-size: 16px; line-height: 20px; font-weight: 600; color: #c3ae90; margin-top: 15px; }
.special_content>div p { font-size: 13px; line-height: 20px; font-weight: 300; opacity: 0.55; margin-top: 15px; }
.special_content>div h6 { font-family: 'Carisma Gothic'; font-weight: 700; font-size: 11px; margin-top: 35px; letter-spacing: 0; }
.special_content>div:after { content:''; width: 1px; height: 145px; background-color: #fff; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0.25; }
.special_content>div:last-child:after { display: none; }


.special_wrap.active .special_bg { transform: scale(1); transition: 2.0s 0s; }
.special_wrap.active .special_tit { opacity: 1; transform: translate(0); transition: 1.0s 0.5s; }
.special_wrap.active .special_content { opacity: 1; transform: translate(0); transition: 1.0s 0.5s; }



/**/

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

.city_wrap { width: 100%; height: 100%; position: relative; }

.city_left { width: 26.7%; height: 100%; float: left; position: relative; }
.city_left:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #f3f3f3; z-index: 9; }
.city_bg { width: 100%; height: 100%; position: absolute; background: url(../img/city_bg.jpg) center no-repeat; background-size: cover; }
.city_tit { text-align: right; color: #fff; position: absolute; right: 65px; bottom: -10px; width: 600px; transform: rotate(90deg); transform-origin: right top; opacity: 0; }
.city_tit h4 { font-size: 20px; line-height: 100%; font-weight: 300; }
.city_tit h2 { font-family: 'Saira Semi Condensed', sans-serif; font-size: 74px; line-height: 90%; font-weight: 900; margin-top: 10px; }
.city_tit h2 span { color: transparent; -webkit-text-stroke: 0.5px #fff; }

.city_right { width: 73.3%; height: 100%; float: left; position: relative; background: url(../img/city_bg2.jpg) center no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; }
.city_box { width: 700px; height: auto; position: relative; transform: translate(-45px,45px); display: flex; justify-content: space-between; text-align: left; }
.city_box:before { content:''; width: 1px; height: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-color: #000; opacity: 0.3; transform: translateX(-7px); }
.city_box>div { width: 280px; text-align: right; position: relative; }
.city_box h2 { font-family: 'Carisma Gothic'; font-size: 55px; line-height: 55px; font-weight: 200; color: #0c0c0c; margin-top: 20px; }
.city_box h2 span { position: relative; right: 80px; }
.city_box h4 { font-size: 22px; line-height: 30px; margin-top: 45px; color: #0c0c0c; font-weight: 500; }
.city_box p { font-size: 14px; line-height: 25px; margin-top: 20px; color: #0c0c0c; opacity: 0.66; font-weight: 400; letter-spacing: -1px; }
.city_img { margin-top: 50px; }
.city_icon { margin-top: 20px; }

.city_box>div:nth-child(1) { opacity: 0; transform: translateX(-80px); }
.city_box>div:nth-child(2) { width: 295px; opacity: 0; transform: translateX(80px); }
.city_box>div:nth-child(2) .city_img { margin-top: 0; text-align: left; }
.city_box>div:nth-child(2) h4 { color: #ba0061; text-align: left; margin-top: 60px; }
.city_box>div:nth-child(2) p { text-align: left; }
.city_box>div:nth-child(2) h2 { color: #ba0061; margin-top: 50px; text-align: left; }
.city_box>div:nth-child(2) h2 span { right: revert; left: 80px; }


.city_wrap.active .city_left:after { height: 0; transition: 1.2s 0.2s; }
.city_wrap.active .city_tit { opacity: 1; bottom: -70px; transition: 1.0s 0.5s; }
.city_wrap.active .city_box:before { height: 580px; transition: 1.0s 0.5s; }
.city_wrap.active .city_box>div { opacity: 1; transform: translate(0); transition: 1.0s 0.5s; }


/**/

.footer { width: 100%; height: 280px; box-sizing: border-box; z-index: 999; font-family: 'Noto Sans KR', sans-serif; color: #4f4f4f; background-color: #f7f4f0; position: relative; text-align: left; display: flex; justify-content: center; }

.footer_box { width: 93%; font-weight: 500; }
.footer_box { width: calc(93% - 100px); transform: translateX(-45px); }

.footer_top { width: 100%; height: 90px; position: relative; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; font-size: 18px; color: #111; font-weight: 400; }

.footer ul { display: flex; justify-content: flex-start; align-items: center; }
.footer ul li { line-height: 30px; padding-right: 15px; margin-right: 15px; position: relative; }
.footer ul li span { color: #ba8741; }
.footer ul li:after { content:''; width: 1px; height: 14px; background-color: #111; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; transform: translateY(2px); }
.footer ul li:last-child:after { display: none; }

.footer_bottom { font-size: 16px; margin-top: 30px; position: relative; }
.footer_bottom ul li:after { height: 14px; transform: translateY(1px); }
.footer_bottom ul:nth-child(1) li:nth-child(2) { font-size: 20px; color: #000; }
.footer_bottom ul:nth-child(1) li:nth-child(2n-1) { margin-right: 5px; padding-right: 0; }
.footer_bottom ul:nth-child(1) li:nth-child(2n-1):after { display: none; }
.footer_bottom h6 { margin-top: 40px; font-size: 12px; }
.footer_bottom h6 span { color: #ba8741; }

.footer_bottom p { font-size: 14px; line-height: 24px; color: #4f4f4f; position: absolute; right: 0; top: 0; text-align: right; }


/* sub */

#sub { width: 100%; height: auto; overflow: hidden; margin: auto; position: relative; }

.sub_top { width: 100%; height: 540px; margin-top: 0px; position:relative;  z-index: 99; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.sub_top:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; background: url(../img/sub_top.jpg) center bottom no-repeat; background-size: cover; animation: sub_top 2s 0s both; }
.sub_top:before { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; background: url(../img/sub_top_bg.png) center top no-repeat; background-size: cover; }
.sub_top_txt_box { transform: translateX(-45px); position: relative; z-index: 9; color: #fff; text-align: center; animation: sub_top_txt 1s 0.6s both; }
.sub_top_txt_box h3 { font-size: 20px; line-height: 100%; font-weight: 400; }
/*.sub_top_txt_box h1 { font-size: 70px; line-height: 76px; font-weight: 200; margin-top: 20px; }
.sub_top_txt_box h1 b { font-weight: 700; }*/

.sub_top_txt_box h1 { font-size: 55px; line-height: 100%; font-weight: 200; margin-top: 0px; font-weight: 700; color: #2a2b54; letter-spacing: -3px; }
.sub_top_logo { margin-top: 30px; }


@keyframes sub_top {
	from { background: url(../img/sub_top.jpg) center top no-repeat; }
	to {  }
}
@keyframes sub_top_txt {
	from { transform: translate(-45px,-35px); opacity: 0; };
	to { };
}


.snb_wrap { position: absolute; left: 0; bottom: 0; font-family: 'Noto Sans KR', sans-serif; width: 100%; height: auto; background-color: rgba(0,0,0,0.7); color: #fff; z-index: 9; }
.snb_wrap ul { width: 100%; max-width: 1100px; margin: auto; display: flex; justify-content: center; transform: translateX(-45px); }
.snb_wrap ul li { font-size: 15px; width: 100%; max-width: 200px; line-height: 65px; text-align: center; position: relative; font-weight: 500; box-sizing: border-box; margin: 0 -1px; }
.snb_wrap ul li:after { content:''; width: 1px; height: 20px; position: absolute; top: 0; bottom: 0; margin: auto; right: 0; background-color: rgba(255,255,255,0.4); }
.snb_wrap ul li:last-child:after { display: none; }
.snb_wrap ul li a { display: block; color: rgba(255,255,255,0.8); font-weight: 400; position: relative; top: 1px; }
.snb_wrap ul li.selected { background-color: rgba(255,255,255,1); border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; }
.snb_wrap ul li.selected a { color: #333; font-weight: 600; top: 0; }

.sub_content { font-family: 'Noto Sans KR', sans-serif; width: 100%; position: relative; transform: translateX(-45px); }

.sub_tit { width: 100%; max-width: 1100px; margin: 80px auto 40px; text-align: center; }
.sub_tit h2 { font-size: 38px; font-weight: 500; line-height: 100%; }
.sub_tit h5 { font-size: 14px; font-weight: 400; line-height: 100%; margin-top: 10px; opacity: 0.6; text-transform: uppercase; }
.sub_tit_line { width: 1px; height: 25px; margin: auto; margin-top: 25px; background-color: #bbb; }



.sub_page { width: 90%; max-width: 1100px; margin: auto; padding-bottom: 100px; text-align: center; }



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

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

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


ul.tabs2 li { margin-bottom:-1px; color:#232222; margin-left: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: #ba0061; border:1px solid #ba0061; }
ul.tabs2 li:hover { position: relative; top: 0px; color:#fff; background: #ba0061; border:1px solid #ba0061; }
	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color:#fff; }
ul.tabs2 li:hover a { 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: #ba0061; border:1px solid #ba0061; }


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