body { animation: opa 0.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.3s; }
@keyframes opa {
	0% { opacity:0; }
	100% { opacity:1; }
}

select { overflow:hidden; }


.noticetitle2 { position:relative; width:100%; font-size:50px; color:#000; font-weight:700; text-align:center; padding-top:80px;}

.subvisual { position:relative; overflow:hidden; }
.subvisual .subvisualbg {
	position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/sub/subvisual.jpg')no-repeat 100% 50%; background-size: cover; background-attachment: fixed;
	 animation: subvisual 2200ms ease-in-out both 0.2s;
}

header { position:fixed; top:0px; left:0px; width:100%; height:64px;  border-bottom:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.3); z-index:60; }
nav li.dt1menu a.dt1menua { display:block; width:100%; height:100%; color:#000; padding:0 16px; box-sizing:border-box; }
nav li.dt1menu:hover a.dt1menua { background:#c28558; color:#fff; }

.subvisual .subvisualbg.sub0301 { background:url('/page_KR0/03_sub/images/0301.jpg')no-repeat 100% 50%; background-size: cover; background-attachment: fixed; }
.subvisual .subvisualbg.sub0401 { background:none; }

@keyframes subvisual {
  0% { transform:scale(1.2,1.2); }
  100% { transform:scale(1.0,1.0); }
}

.borderbox { position:fixed; top:64px; left:4%; width:92%; height:88%; border:1px solid rgba(255,255,255,0.2); border-top:0px;}
.borderbox2 { position:fixed; top:64px; left:4%; width:92%; height:88%; border:1px solid rgba(0,0,0,0.2); border-top:0px; }
.borderbox3 { position:absolute; top:64px; left:4%; width:92%; height:88%; border:1px solid rgba(0,0,0,0.2); border-top:0px; }

.sub01_01txt { display:block; }
.fp-viewing-1 .sub01_01txt { display:none; }

.sub0202 { position:relative; overflow:hidden; }
.sub0202 .subvisualbg {
	position:absolute; top:0; left:0; width:100%; height:100%; background:url('/page_KR0/02_sub/images/0202.jpg')no-repeat 100% 50%; background-size: cover; background-attachment: fixed;
	 animation: subvisual 2200ms ease-in-out both 0.2s;
}
.sub0202 ul.subtxt { position:absolute; top:58%; left:35%; transform:translate(-50%,-50%); }
.sub0202 ul.subtxt li.t1 { position:relative; width:100%; height:40px; margin-bottom:20px; text-align:left; font-size:35px; color:#fff; font-weight:700; overflow:hidden; }
.sub0202 ul.subtxt li.t2 {
	position:relative; width:100%; font-family: 'Libre Baskerville', serif; text-align:left; font-size:98px; color:#dda478; font-weight:400; letter-spacing:1px; margin-top:40px; line-height:130%;
	animation: fadeup 3.0s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s;
}
.sub0202 ul.subtxt li.t1 span { display:block; padding-top:40px; animation: subtxt 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 0.6s; }

.sub0203 { position:relative; overflow:hidden; }
.sub0203 ul.subtxt { position:absolute; top:50%; left:0; transform:translate(0%,-50%); width:100%; text-align:center; }
.sub0203 ul.subtxt li.t1 { position:relative; width:100%; height:40px; font-size:29px; color:#fff; font-weight:700; overflow:hidden; }
.sub0203 ul.subtxt li.t2 {
	position:relative; width:100%; font-family: 'Libre Baskerville', serif; font-size:98px; color:#fff; font-weight:400; letter-spacing:1px; margin-top:40px; line-height:130%;
	animation: fadeup 3.0s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s;
}
.sub0203 ul.subtxt li.t3 { position:relative; width:100%; margin-top:40px; font-size:34px; color:#fff; font-weight:700; line-height:160%; overflow:hidden; animation: fadeup 1.2s cubic-bezier(0, 0.55, 0.45, 1) both 1.9s; }
.sub0203 ul.subtxt li.t1 span { display:block; padding-top:40px; animation: subtxt 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 0.6s; }

.sub0203 #subvod { position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; }
.sub0203 #subvod video { display:inline-block; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; height: auto; width: auto; background:#000; }
.sub0203 .vodbg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.2); }

.sub0204 #subvod { position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; }
.sub0204 #subvod video { display:inline-block; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; height: auto; width: auto; background:#000; }
.sub0204 .vodbg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.2); }


#sub06_01 #subvod { position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; }
#sub06_01 #subvod video { display:inline-block; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; height: auto; width: auto; background:#000; }
#sub06_01 .vodbg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); }

.sub0107 { position:relative; width:100%; height:900px; min-width:1280px; overflow:hidden; }
.sub0107 .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:url('/page_KR0/01_sub/images/0107.jpg')no-repeat 50% 0; background-size: cover; background-attachment: fixed; animation: loading-bg-ani 12s both; }
.sub0107 ul.subtxt { position:absolute; top:60%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; }
.sub0107 ul.subtxt li.t1 { font-family: 'CircularStd'; font-size:22px; color:#fff; font-weight:700; letter-spacing:20px; }
.sub0107 ul.subtxt li.t2 { margin-top:30px; font-family: 'CircularStd'; font-size:47px; color:#ffbb86; font-weight:700; letter-spacing:4px; }
.sub0107 ul.subtxt li.t3 { margin-top:24px; font-size:20px; color:#fff; font-weight:500; line-height:180%; }
@keyframes loading-bg-ani {
    from {
        transform: scale(1.3);
    }
    to {
        transform: scale(1);
    }
}
.sub0107_02 { position:relative; width:1280px; height:1170px; margin:0 auto; }

.sub0107_02 .viptxt { position:relative; width:100%; text-align:center; margin-top:170px; }
.sub0107_02 .viptxt li.t1 { font-size:36px; font-weight:700; color:#000000; line-height:100%; }
.sub0107_02 .viptxt li.t2 { margin-top:20px; font-size:19px; font-weight:400; color:#6f6f6f; line-height:160%; }

.sub0107_02 .vip { position:relative; width:1109px; margin:0 auto; margin-top:54px; }
.sub0107_02 .vip ul li { position:relative; }
.sub0107_02 .vip ul li span { display:block; position:absolute; top:610px; right:50px; font-size:26px; font-weight:700; color:#fff; text-shadow: 3px 3px rgba(0,0,0,30%); }
.sub0107_02 .slider-nav2 { position:relative; width:1109px; margin:0 auto; margin-top:30px; }
.sub0107_02 .slider-nav2 div { float:left; width:19%; margin-right:1.25%; }
.sub0107_02 .slider-nav2 div img { width:100%; }
.sub0107_02 .slider-nav2 div:nth-child(5) { margin-right:0px; }

.subinteleft { position:absolute; top:46%; left:-70px !important; cursor:pointer; }
.subinteright { position:absolute; top:46%; left:auto !important; right:-140px !important; cursor:pointer; }

.sub0107_01 { position:relative; width:100%; height:962px; border-top:1px solid #d9d5d2; background:#fbfbfb url('/page_KR0/01_sub/images/0107_01.jpg')no-repeat 50% 0; }


.sub0204 { position:relative; overflow:hidden; }
.sub0204 .subvisualbg { position:absolute; top:0; left:0; width:100%; height:100%; background:url('/page_KR0/02_sub/images/0204.jpg')no-repeat 100% 50%; background-size: cover; background-attachment: fixed;  animation: subvisual 2200ms ease-in-out both 0.2s; }
.sub0204 ul.subtxt { position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); width:1280px; }
.sub0204 ul.subtxt li.t1 { position:relative; width:100%; height:40px; padding-left:300px; font-size:29px; color:#fff; font-weight:700; box-sizing:border-box; overflow:hidden; }
.sub0204 ul.subtxt li.t2 { position:relative; width:100%; text-align:center; font-family: 'CircularStd';  font-size:154px; color:#fff; font-weight:700; letter-spacing:2px; margin-top:30px; line-height:100%; animation: fadeup 3.0s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s; }
.sub0204 ul.subtxt li.t1 span { display:block; padding-top:40px; animation: subtxt 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 0.6s; }
.sub0204 ul.subtxt li.t3 { position:relative; width:100%; margin-top:40px; padding-left:300px; font-size:20px; color:#fff; font-weight:500; line-height:180%; box-sizing:border-box; animation: fadeup 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 1.9s; }

.sub05 { position:relative; width:100%; overflow:hidden; background:#ffffff; }
.sub05 ul.subtxt { position:absolute; top:43%; left:50%; transform:translate(-50%,-50%); width:1280px; text-align:center;  }
.sub05 ul.subtxt li.t1 { position:relative; width:100%; height:40px; font-size:26px; color:#000; font-family: 'CircularStd'; font-weight:700; letter-spacing:5px;  box-sizing:border-box; overflow:hidden; }
.sub05 ul.subtxt li.t2 { position:relative; width:100%; font-size:78px; color:#000; font-weight:700; margin-top:80px; line-height:100%; animation: fadeup 2.0s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s; }
.sub05 ul.subtxt li.t1 span { display:block; padding-top:40px; animation: subtxt 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 0.6s; }
.sub05 ul.subtxt li.t3 { position:relative; width:100%; margin-top:60px; font-size:20px; color:#000; font-weight:500; line-height:180%; box-sizing:border-box; animation: fadeup 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 1.9s; }

.sub06 { position:relative; width:100%; height:980px; overflow:hidden; background:#ffffff; }
.sub06 ul.subtxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1280px; }
.sub06 ul.subtxt li.t1 { position:relative; width:100%; height:40px; padding-left:300px; font-size:29px; color:#000; font-weight:700; box-sizing:border-box; overflow:hidden; }
.sub06 ul.subtxt li.t2 { position:relative; width:100%; text-align:center; font-family: 'CircularStd';  font-size:154px; color:#000; font-weight:700; letter-spacing:2px; margin-top:30px; line-height:100%; animation: fadeup 3.0s cubic-bezier(0, 0.55, 0.45, 1) both 0.7s; }
.sub06 ul.subtxt li.t1 span { display:block; padding-top:40px; animation: subtxt 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 0.6s; }
.sub06 ul.subtxt li.t3 { position:relative; width:100%; margin-top:40px; padding-left:370px; font-size:20px; color:#000; font-weight:500; line-height:180%; box-sizing:border-box; animation: fadeup 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 1.2s; }



.subvisual ul.subtxt { position:absolute; top:460px; left:0px; width:100%; }
.subvisual ul.subtxt li.t1 { position:relative; width:100%; height:40px; margin-bottom:20px; text-align:center; font-size:35px; color:#fff; font-weight:700; overflow:hidden; }
.subvisual ul.subtxt li.t2 { position:relative; width:100%; height:40px; margin-bottom:40px; text-align:center; font-size:35px; color:#fff; font-weight:700; overflow:hidden; }
.subvisual ul.subtxt li.t3 {
	position:relative; width:100%; height:228px; font-family: 'Libre Baskerville', serif; text-align:center; font-size:184px; color:#dda478; font-weight:400; overflow:hidden; letter-spacing:1px;
	animation: subtxt3 3.0s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s;
}
.subvisual ul.subtxt li.t1 span { display:block; padding-top:40px; animation: subtxt 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 0.6s; }
.subvisual ul.subtxt li.t2 span { display:block; padding-top:40px; animation: subtxt 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 0.8s; }

.subvisual ul.subtxt2 { position:absolute; top:50%; left:0px; width:100%; transform:translateY(-50%); z-index:2; }
.subvisual ul.subtxt2 li.t1 { position:relative; width:100%; height:68px; margin-bottom:20px; text-align:center; font-size:72px; color:#fff; letter-spacing:3px; font-weight:700; overflow:hidden; }
.subvisual ul.subtxt2 li.t1 span { display:block; padding-top:68px; animation: subtxt4 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 0.6s; }

@keyframes subtxt {
  0% { padding-top:40px;}
  100% { padding-top:0px; }
}
@keyframes subtxt4 {
  0% { padding-top:68px;}
  100% { padding-top:0px; }
}
@keyframes subtxt3 {
  0% { letter-spacing:30px; opacity:0; filter: blur(30px);}
  100% { letter-spacing:1px; opacity:1; filter: blur(0px); }
}

.subsize { position:relative; width:1280px; margin:100px auto 0 auto; }


.subvisual ul.subtxt3 { position:absolute; top:46%; left:0px; width:100%; transform:translateY(-50%); z-index:12; }
.subvisual ul.subtxt3 li.t2 { position:relative; width:1280px; height:24px; margin:0 auto; font-size:24px; text-align:center; color:#000; font-weight:600; letter-spacing:12px; animation: sub04txt1 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; }
.subvisual ul.subtxt3 li.t1 { position:relative; width:1280px; height:230px; margin:0 auto; text-align:center; margin-top:120px; font-size:76px; color:#000; letter-spacing:-1px; font-weight:700; }
.subvisual ul.subtxt3 li.t1 a { display:block; position:absolute; transform:translate(-50%,0%); }
.subvisual ul.subtxt3 li.t1 a:hover { color:#d69766; }
.subvisual ul.subtxt3 li.t1 a:nth-child(1) { top:0px; left:28%; animation: sub04txt2 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }
.subvisual ul.subtxt3 li.t1 a:nth-child(2) { top:72px; left:50%; animation: sub04txt3 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }
.subvisual ul.subtxt3 li.t1 a:nth-child(3) { top:144px; left:72%; width:276px; animation: sub04txt4 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }


@keyframes sub04txt1 {
  0% { opacity:0; filter: blur(30px);}
  100% {opacity:1; filter: blur(0px); }
}

@keyframes sub04txt2 {
  0% { top:-100px; left:8%; opacity:0; }
  5% { opacity:1; }
  100% { top:0px; left:28%; opacity:1; }
}
@keyframes sub04txt3 {
  0% { top:172px; left:50%; opacity:0; }
  5% { opacity:1; }
  100% { top:72px; left:50%; opacity:1; }
}
@keyframes sub04txt4 {
  0% { top:244px; left:92%; opacity:0; }
  5% { opacity:1; }
  100% { top:144px; left:72%; opacity:1; }
}


.subvisual .vtxt2 { position:absolute; bottom:15%; left:10%; font-size:20px; color:#585858; font-weight:500; line-height:160%; animation: sub04txt5 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 1.2s; }
@keyframes sub04txt5 {
  0% { bottom:0%; opacity:0; filter: blur(30px);}
  100% { bottom:15%; opacity:1; filter: blur(0px); }
}

.morebt { position:absolute; bottom:8%; left:50%; transform:translate(-50%,0%); width:91px; height:50px;  z-index:10; animation: morebt 2.5s ease-out infinite 0s; }
@keyframes morebt {
  0% { bottom:8%; }
  25% { bottom:9%; }
  50% { bottom:8%; }
  75% { bottom:9%; }
  100% { bottom:8%; }
}
.subvisual .morebt2 { position:absolute; bottom:10%; left:0%; width:100%; height:50px; z-index:11; animation: morebt 2.5s ease-out infinite 0s; text-align:center;  }
.subvisual .morebt2 a { display:inline-block; font-size:18px; font-weight:500; color:#000; margin:0 20px; padding-bottom:40px; background:url('/page_KR0/03_sub/images/downbt.png')no-repeat 50% bottom; }
.subvisual .morebt2 a:hover { color:#d69766; }


.sub01_01 { position:relative; width:100%; min-width:1280px; background:#fff; }
.sub01_01 .sub01_01txt { position:fixed; top:180px; left:80px; width:20px; height:115px; transform: translate(-50%,-50%); z-index:2; }
.sub01_01 .subtxt { position:absolute; top:50%; left:32%; width:521px; transform: translate(-50%,-50%); }
.sub01_01 .subtxt li {  font-size:56px; font-weight:700; color:#000; letter-spacing:-1px; }
.sub01_01 .subtxt li.t1 { width:100%; margin-bottom:26px; text-align:center; position:relative; height:58px; overflow:hidden; }
.sub01_01 .subtxt li.t2 { width:100%; margin-bottom:26px; text-align:right; position:relative; height:58px; overflow:hidden; }
.sub01_01 .subtxt li.t3 { width:100%;  margin-bottom:66px; text-align:left; position:relative; height:58px; overflow:hidden; }
.sub01_01 .subtxt li.t1 span { display:inline-block; vertical-align:top; margin:24px 0 0 14px; width:52px; height:6px; background:#000; }
.sub01_01 .subtxt li.t2 span { display:inline-block; vertical-align:top; margin:24px 0 0 14px; width:52px; height:6px; background:#000; }
.sub01_01 .subtxt li div { position:absolute; top:60px; width:100%; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.2s; }
.sub01_01.active .subtxt li div { top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.5s; }
.sub01_01 .subtxt2 { position:absolute; top:50%; left:80%; width:524px; height:694px; transform: translate(-50%,-50%); opacity:0; filter: blur(20px); transition:all 1.4s cubic-bezier(0, 0.55, 0.45, 1) 0.2s; }
.sub01_01.active .subtxt2 { left:70%; opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0, 0.55, 0.45, 1) 0.8s; }

.sub01_02 { position:relative; width:100%; min-width:1280px; background:#dddddd; }
.sub01_02 .subtxt1 { position:absolute; top:40%; left:20%; opacity:0; filter: blur(20px); transform: translate(-50%,0); font-size:75px; font-weight:700; color:#000; letter-spacing:-1px;  transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.2s; }
.sub01_02.active .subtxt1 {  left:30%; opacity:1; filter: blur(0px); transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.5s; }
.sub01_02 .subtxt2 { position:absolute; top:40%; left:85%; opacity:0; filter: blur(20px); transform: translate(-50%,0); width:400px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }
.sub01_02.active .subtxt2 { left:70%; opacity:1; filter: blur(0px); transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.5s; }
.sub01_02 .subtxt2 li.t1 { font-size:75px; font-weight:700; color:#000; letter-spacing:-1px; line-height:120%; }
.sub01_02 .subtxt2 li.t2 { margin-top:30px; font-size:23px; font-weight:500; color:#292929; }

.sub01_03 { position:relative; width:100%; min-width:1280px; background:#ffffff; }
.sub01_03 .subtxt { position:absolute; top:200px; left:35%; transform: translate(-50%,0); width:800px; transition:none; }
.sub01_03 .subtxt li.t1 { margin-bottom:14px; position:relative; height:78px; font-size:75px; font-weight:700; color:#000; letter-spacing:-1px; overflow:hidden; }
.sub01_03 .subtxt li.t2 { margin-bottom:14px; position:relative; margin-top:-91px; height:78px; padding-left:225px; font-size:75px; font-weight:700; color:#000; letter-spacing:-1px; overflow:hidden; }
.sub01_03 .subtxt li.t3 { margin-bottom:44px; position:relative; height:78px; padding-left:225px; font-size:75px; font-weight:700; color:#000; letter-spacing:-1px; overflow:hidden; }
.sub01_03.active .subtxt li.t1 { animation: sub01_03_1 0.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; }
.sub01_03 .subtxt li.t1 div:nth-child(2) { position:absolute; top:-80px; left:222px; }
.sub01_03.active .subtxt li.t1 div:nth-child(2) { animation: sub01_03_2 0.9s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; }
.sub01_03 .subtxt li.t2 div { position:absolute; top:0px;  }
.sub01_03.active .subtxt li.t2 div { animation: sub01_03_3 0.9s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; }
.sub01_03 .subtxt li.t3 div { position:absolute; top:0px; }
.sub01_03.active .subtxt li.t3 div { animation: sub01_03_3 0.9s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; }
.sub01_03 .subtxt li.t4 { padding-left:227px; font-size:24px; font-weight:400; color:#585858; line-height:170%; }
.sub01_03.active .subtxt li.t4 { animation: sub01_03_4 0.9s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; }
.sub01_03 .sub01_03bg {  position:absolute; top:0px; right:0px; width:50%; height:100%; }
.sub01_03 .sub01_03bg div { transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.2s; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:0px; height:100%; background:url('/images/sub/sub01_03bg.jpg')no-repeat 50% 50%; }
.sub01_03.active  .sub01_03bg div { width:100%; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.5s; }
@keyframes sub01_03_1 {
  0% { transform:translateY(-100px); opacity:0; filter: blur(30px); }
  100% { transform:translateY(0px); opacity:1; filter: blur(0px); }
}
@keyframes sub01_03_2 {
  0% { top:0px; }
  100% { top:-80px; }
}
@keyframes sub01_03_3 {
  0% { top:80px; }
  100% { top:0px; }
}
@keyframes sub01_03_4 {
  0% { transform: translateY(100px); opacity:0; filter: blur(10px); }
  100% { transform: translateY(0px); opacity:1; filter: blur(0px); }
}


.sub01_04 { position:relative; width:100%; min-width:1280px; height:1048px; background:#181c25; }
.sub01_04 .subtxt { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:1280px; height:0px; overflow:hidden; }
.sub01_04 .subtxt div.bg { position:absolute; top:50%; left:168px; transform: translate(0%,-50%); width:614px; height:614px; box-sizing:border-box; border:5px solid #f4b586; border-radius:100%; }
.sub01_04.active .subtxt { height:802px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.5s; }

.sub01_04 .subtxt ul li.t1 { opacity:0; filter: blur(20px); transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:50%; left:0px; transform: translate(-50%,-50%); width:210px; height:210px; background:#ffdeac; box-sizing:border-box; border-radius:100%; }
.sub01_04 .subtxt ul li.t1 span { text-align:center; display:block; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size:18px; font-weight:700; color:#000; width:100%; line-height:150%; }
.sub01_04.active .subtxt ul li.t1 { opacity:1; filter: blur(0px); left:130px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.8s; }

.sub01_04 .subtxt ul li.t2 { opacity:0; filter: blur(40px); transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:15%; left:480px; transform: translate(-50%,-50%); width:410px; height:410px; background:#181c25;border:5px solid #ffffff; box-sizing:border-box; border-radius:100%; }
.sub01_04 .subtxt ul li.t3 { opacity:0; filter: blur(40px); transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:50%; left:480px; transform: translate(-50%,-50%); width:410px; height:410px; background:#181c25;border:5px solid #ffffff; box-sizing:border-box; border-radius:100%; }
.sub01_04 .subtxt ul li.t4 { opacity:0; filter: blur(40px); transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:85%; left:480px; transform: translate(-50%,-50%); width:410px; height:410px; background:#181c25;border:5px solid #ffffff; box-sizing:border-box; border-radius:100%; }

.sub01_04.active .subtxt ul li.t2 { opacity:1; filter: blur(0px); width:210px; height:210px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 1.2s; }
.sub01_04.active .subtxt ul li.t3 { opacity:1; filter: blur(0px); width:210px; height:210px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 1.2s; }
.sub01_04.active .subtxt ul li.t4 { opacity:1; filter: blur(0px); width:210px; height:210px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 1.2s; }

.sub01_04 .subtxt ul li.t2 span { text-align:center; display:block; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size:17px; font-weight:700; color:#fff; width:100%; line-height:150%; }
.sub01_04 .subtxt ul li.t3 span { text-align:center; display:block; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size:17px; font-weight:700; color:#fff; width:100%; line-height:150%; }
.sub01_04 .subtxt ul li.t4 span { text-align:center; display:block; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); font-size:17px; font-weight:700; color:#fff; width:100%; line-height:150%; }

.sub01_04 .subtxt ul li.t5 { opacity:0; filter: blur(40px); transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:430px; left:670px; font-family: 'Libre Baskerville', serif; font-size:118px; color:#ffdeac; font-weight:400; }
.sub01_04 .subtxt ul li.t6 { opacity:0; filter: blur(40px); transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:560px; left:978px; font-size:21px; color:#ffffff; font-weight:700; }

.sub01_04.active .subtxt ul li.t5 { opacity:1; filter: blur(0px); top:350px; transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 1.5s; }
.sub01_04.active .subtxt ul li.t6 { opacity:1; filter: blur(0px); top:480px; transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 1.8s; }


.sub01_05 { position:relative; width:100%; min-width:1280px; height:1118px; background:#ffffff; }
.sub01_05 .subtxt { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:1280px; overflow:hidden; text-align:center; }
.sub01_05 .subtxt li.t1 { font-size:30px; font-weight:700; color:#000; }
.sub01_05 .subtxt li.t1 span { font-size:340px; font-family: 'Libre Baskerville', serif; font-weight:700; color:#000; }
.sub01_05 .subtxt li.t2 { font-size:88px; font-family: 'Noto Serif KR'; font-weight:700; color:#000; }


.sub01_06 { position:relative; width:100%; min-width:1280px; box-sizing:border-box; background:#a0a09f; }
.sub01_06 .bnfwrap { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:1450px; height:800px; margin:0 auto; }
.sub01_06 .bnfwrap .bnfwrapbox { height:800px; outline:none; }
.sub01_06 .bnfwrap ul li.beforeimg { position:absolute; top:0px; left:-100px; opacity:0; width:580px; }
.sub01_06 .bnfwrap ul li.afterimg { position:absolute; top:120px; right:-100px; opacity:0; width:580px; }
.sub01_06 .bnfwrap ul li.bnftxt { position:absolute; top:708px; left:250px; font-size:28px; font-weight:500; color:#fff; line-height:160%; opacity:0; }
.sub01_06 .bnfwrap ul li img { width:100%; }
.sub01_06 .casetxt { position:absolute; top:50%; left:50%; text-align:center; font-family: 'Libre Baskerville', serif; font-size:80px; color:#fff; font-weight:400; line-height:382px; transform: translate(-50%,-50%); width:382px; height:382px; box-sizing:border-box; border:1px solid #fff; border-radius:100%; }
.sub01_06 .bnfbt { position:absolute; top:85%; left:85%; transform: translate(-50%,-50%); font-size:32px; font-family: 'Noto Serif KR'; font-weight:700; color:#fff; }
.sub01_06 .bnfbt li { float:right; margin-left:30px; cursor:pointer; }
.sub01_06 .bnfwrap .bnfwrapbox.slick-active ul li.beforeimg { left:0px; opacity:1; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }
.sub01_06 .bnfwrap .bnfwrapbox.slick-active ul li.afterimg { right:0px; opacity:1; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }
.sub01_06 .bnfwrap .bnfwrapbox.slick-active ul li.bnftxt { top:608px; opacity:1; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.6s; }


.sub01_07 { position:relative; width:100%; min-width:1280px; height:1025px; box-sizing:border-box; padding-top:100px; background:#a0a09f; }
.sub01_07 .bnfwrap2 { position:relative; width:1550px; height:880px; margin:0 auto; }
.sub01_07 .bnfwrap2 .bnfwrapbox { height:880px; outline:none; }
.sub01_07 .bnfwrap2 ul li.beforeimg { position:absolute; top:0px; left:-100px; opacity:0; }
.sub01_07 .bnfwrap2 ul li.afterimg { position:absolute; top:120px; right:-100px; opacity:0; }
.sub01_07 .bnfwrap2 ul li.bnftxt { position:absolute; top:668px; left:300px; font-size:28px; font-weight:500; color:#fff; line-height:160%; opacity:0; }
.sub01_07 .casetxt { position:absolute; top:328px; left:50%; text-align:center; font-family: 'Libre Baskerville', serif; font-size:80px; color:#fff; font-weight:400; line-height:382px; transform: translate(-50%,0%); width:382px; height:382px; box-sizing:border-box; border:1px solid #fff; border-radius:100%; }
.sub01_07 .bnfbt { position:absolute; top:780px; right:8%; font-size:32px; font-family: 'Noto Serif KR'; font-weight:700; color:#fff; }
.sub01_07 .bnfbt li { float:right; margin-left:30px; cursor:pointer; }
.sub01_07 .bnfwrap2 .bnfwrapbox.slick-active ul li.beforeimg { left:0px; opacity:1; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }
.sub01_07 .bnfwrap2 .bnfwrapbox.slick-active ul li.afterimg { right:0px; opacity:1; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }
.sub01_07 .bnfwrap2 .bnfwrapbox.slick-active ul li.bnftxt { top:588px; opacity:1; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.6s; }


.sub01_08 { position:relative; width:100%; min-width:1280px; height:1720px; box-sizing:border-box; background:#ffffff; }
.sub01_08 .subtxt { position:absolute; top:50%; left:30%; transform: translate(-50%,-50%); width:800px; }
.sub01_08 .subtxt li.t1 { margin-bottom:5px; position:relative; height:70px; font-size:56px; font-weight:700; color:#000; letter-spacing:-1px; overflow:hidden; }
.sub01_08 .subtxt li.t2 { margin-bottom:5px; position:relative; height:70px; font-size:56px; font-weight:700; color:#000; letter-spacing:-1px; overflow:hidden; }
.sub01_08 .subtxt li div { position:absolute; top:70px; transition:all 0.1s cubic-bezier(0, 0.55, 0.45, 1) 0.2s; }
.sub01_08.active .subtxt li div { position:absolute; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.5s; }
.sub01_08 .subimg { position:absolute; top:50%; left:70%; width:850px; height:754px; transform: translate(-50%,-50%); }
.sub01_08 .subimg li.img1 {opacity:0; filter: blur(40px); transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:0px; left:-100px; width:292px; height:279px; box-shadow: 0px 0px 15px 15px rgba(0,0,0,0.1);}
.sub01_08 .subimg li.img2 {opacity:0; filter: blur(40px); transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:408px; left:66px; width:324px; height:394px; box-shadow: 0px 0px 15px 15px rgba(0,0,0,0.1);}
.sub01_08 .subimg li.img3 {opacity:0; filter: blur(40px); transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:52px; left:432px; width:547px; height:562px; box-shadow: 0px 0px 15px 15px rgba(0,0,0,0.1);}
.sub01_08 .subimg li.img4 {opacity:0; filter: blur(40px); transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:480px; right:-100px; width:243px; height:252px; box-shadow: 0px 0px 15px 15px rgba(0,0,0,0.1);}
.sub01_08.active .subimg li.img1 { left:0px; opacity:1; filter: blur(0px);  transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.8s; }
.sub01_08.active .subimg li.img2 { top:248px; opacity:1; filter: blur(0px);  transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.8s; }
.sub01_08.active .subimg li.img3 { left:224px; opacity:1; filter: blur(0px);  transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.8s; }
.sub01_08.active .subimg li.img4 { right:0px; opacity:1; filter: blur(0px);  transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.8s; }
.sub01_08 .subimg li img { width:100%; }


#section13 { position:relative; width:100%; min-width:1280px; height:988px; box-sizing:border-box; background:#ffffff; overflow:hidden; }
#section13 .sectionbg2 {
	position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/main/section13.jpg')no-repeat 100% 50%; background-size: cover !important; background-attachment: fixed !important;
	transform:scale(1.2,1.2); transition:transform 1600ms ease-in-out 0s;
}
#section13.active .sectionbg2 {
	position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/main/section13.jpg')no-repeat 100% 50%; background-size: cover !important; background-attachment: fixed !important;
	transition:transform 1600ms ease-in-out  0s; transform:scale(1.0,1.0);
}

#section13 .txt1 { position:absolute; top:48%; left:50%; transform:translate(-50%,-50%); width:100%; font-size:122px; letter-spacing:2px; font-family: 'Noto Serif KR'; font-weight:600; color:#ffdeac; text-align:center; }
#section13.active .txt1 { animation: section13 2.0s cubic-bezier(0.85, 0, 0.15, 1) both 0s; }
@keyframes section13 {
	0% { letter-spacing:32px; opacity:0; filter: blur(20px); }
	100% { letter-spacing:2px; opacity:1; filter: blur(0px); }
}
#section13 .txt2 { position:absolute; top:68%; left:58%; transform:translate(-50%,-50%); font-size:27px;  font-weight:400; color:#ffffff; text-align:left; line-height:120%; }
#section13.active .txt2 { animation: section13_2 2.0s cubic-bezier(0.85, 0, 0.15, 1) both 0.3s; }
@keyframes section13_2 {
	0% { top:78%; opacity:0; filter: blur(20px); }
	100% { top:68%; opacity:1; filter: blur(0px); }
}


#section14 { position:relative; width:100%; height:1166px; background:#001528; }
#section14 .maintxtwrap { position:relative; width:90%; height:100%; max-width:1300px; margin:0 auto; min-width:1280px; }
#section14 .maintxt { position:absolute; top:15%; left:0%; width:40%; }
#section14 .maintxt li.t1 { position:relative; width:100%; height:90px; font-size:86px; letter-spacing:2px; font-family: 'MaruBuri'; font-weight:900; color:#ffdeac; overflow:hidden; }
#section14 .maintxt li.t2 { margin-top:10px; font-size:27px; font-weight:500; color:#fff; line-height:160%; }
#section14 .maintxt li.t2 div { position:relative; width:100%; height:35px; overflow:hidden; margin-bottom:8px; }
#section14 .maintxt li.t3 { margin-top:40px; width:100%; overflow:hidden; transform:translateY(90px); opacity:0; transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }
#section14 .maintxt li.t3 img { width:100%; transform: scale(1); transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#section14 .maintxt li.t1 span:nth-child(1) { display:inline-block; position:absolute; top:92px; left:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#section14 .maintxt li.t1 span:nth-child(2) { display:inline-block; position:absolute; top:92px; left:56px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#section14 .maintxt li.t1 span:nth-child(3) { display:inline-block; position:absolute; top:92px; left:120px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#section14 .maintxt li.t1 span:nth-child(4) { display:inline-block; position:absolute; top:92px; left:150px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#section14.active .maintxt li.t1 span:nth-child(1) { display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#section14.active .maintxt li.t1 span:nth-child(2) { display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.1s; }
#section14.active .maintxt li.t1 span:nth-child(3) { display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.2s; }
#section14.active .maintxt li.t1 span:nth-child(4) { display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }
#section14 .maintxt li.t2 div span:nth-child(1) { display:inline-block; position:absolute; top:38px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#section14 .maintxt li.t2 div span:nth-child(2) { display:inline-block; position:absolute; top:38px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#section14.active .maintxt li.t2 div span:nth-child(1) { display:inline-block; position:absolute; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.6s; }
#section14.active .maintxt li.t2 div span:nth-child(2) { display:inline-block; position:absolute; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.6s; }
#section14.active .maintxt li.t3 { transform:translateY(0px); opacity:1; transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 0.9s; }
#section14 .maintxt li.t3:hover img { transform: scale(1.1); transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 0.1s; }

#section14 .maintxt2 { position:absolute; top:15%; right:0%; width:45%; }
#section14 .maintxt2 li.t1 { position:relative; width:100%; height:90px; margin-top:40px; font-size:86px;  overflow:hidden; letter-spacing:2px; font-family: 'MaruBuri'; font-weight:900; color:#ffdeac; }
#section14 .maintxt2 li.t2 { margin-top:20px; font-size:27px; font-weight:500; color:#fff; line-height:160%; }
#section14 .maintxt2 li.t2 div { position:relative; width:100%; height:35px; overflow:hidden; margin-bottom:8px; }
#section14 .maintxt2 li.t3 { width:80%; margin-left:20%; overflow:hidden; transform:translateY(90px); opacity:0; transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#section14 .maintxt2 li.t3 img { width:100%; transform: scale(1); transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 0.1s; }
#section14 .maintxt2 li.t1 span:nth-child(1) { display:inline-block; position:absolute; top:92px; left:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#section14 .maintxt2 li.t1 span:nth-child(2) { display:inline-block; position:absolute; top:92px; left:56px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#section14 .maintxt2 li.t1 span:nth-child(3) { display:inline-block; position:absolute; top:92px; left:120px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#section14 .maintxt2 li.t1 span:nth-child(4) { display:inline-block; position:absolute; top:92px; left:150px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#section14.active .maintxt2 li.t1 span:nth-child(1) { display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#section14.active .maintxt2 li.t1 span:nth-child(2) { display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.1s; }
#section14.active .maintxt2 li.t1 span:nth-child(3) { display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.2s; }
#section14.active .maintxt2 li.t1 span:nth-child(4) { display:inline-block; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }
#section14 .maintxt2 li.t2 div span:nth-child(1) { display:inline-block; position:absolute; top:38px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#section14 .maintxt2 li.t2 div span:nth-child(2) { display:inline-block; position:absolute; top:38px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#section14.active .maintxt2 li.t2 div span:nth-child(1) { display:inline-block; position:absolute; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.6s; }
#section14.active .maintxt2 li.t2 div span:nth-child(2) { display:inline-block; position:absolute; top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.6s; }
#section14.active .maintxt2 li.t3 { transform:translateY(0px); opacity:1; transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 0.9s; }
#section14 .maintxt2 li.t3:hover img { transform: scale(1.1); transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 0.1s; }


/* #section15 { position:relative; width:100%; background:#001528; }
#section15 .maintxt3 { position:absolute; top:50%; transform:translate(0,-50%); width:100%; }
#section15 .maintxt3 li.t1 { position:relative; width:100%; height:80px; overflow:hidden; font-size:80px; letter-spacing:2px; font-family: 'MaruBuri'; font-weight:900; color:#ffdeac; }
#section15 .maintxt3 li.t2 { position:relative; width:100%; height:40px; overflow:hidden; margin-top:10px; font-size:25px; font-weight:500; color:#fff; line-height:160%; }
#section15 .yearslide { position:relative; width:100%; overflow:hidden; }
#section15 .yearslide ul { float:left; width:880px; margin-right:78px; cursor:pointer; }
#section15 .yearslide2 { overflow:hidden; }

#section15 .maintxt3 li.t3 { position:relative; width:100%; height:633px; overflow:hidden; margin-top:30px; }
#section15 .maintxt3 li.t3 img { width:100%; }

#section15 .maintxt3 li.t3 .imgs1 { position:absolute; top:0px; left:0px; width:52%; height:49%; background:#000; overflow:hidden; }
#section15 .maintxt3 li.t3 .imgs2 { position:absolute; top:51%; left:0px; width:52%; height:50%; background:#000; overflow:hidden; }
#section15 .maintxt3 li.t3 .imgs3 { position:absolute; top:0px; right:0px; width:47%; height:100%; background:#000; overflow:hidden; }

#section15 .maintxt3 li.t3 .imgs1 img { position:absolute; top:0px; left:-50%; width:100%; opacity:0; filter: blur(30px); transition:all 1.2s cubic-bezier(0, 0.55, 0.45, 1) 0.3s;}
#section15 .maintxt3 li.t3 .imgs2 img { position:absolute; top:0px; right:-50%; width:100%; opacity:0; filter: blur(30px); transition:all 1.2s cubic-bezier(0, 0.55, 0.45, 1) 0.3s;}
#section15 .maintxt3 li.t3 .imgs3 img { position:absolute; top:-50%; left:0%; width:100%; opacity:0; filter: blur(30px); transition:all 1.2s cubic-bezier(0, 0.55, 0.45, 1) 0.3s;}

#section15 .maintxt3 .swiper-slide-active li.t3 .imgs1 img { position:absolute; top:0px; left:0%; width:100%; transition:all 1.2s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; opacity:1; filter: blur(0px); }
#section15 .maintxt3 .swiper-slide-active li.t3 .imgs2 img { position:absolute; top:0px; right:0%; width:100%; transition:all 1.2s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; opacity:1; filter: blur(0px); }
#section15 .maintxt3 .swiper-slide-active li.t3 .imgs3 img { position:absolute; top:0px; left:0%; width:100%; transition:all 1.2s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; opacity:1; filter: blur(0px); }

#section15 .maintxt3 .scrollbar { position:relative; width:100%; height: 6px; background: #002342; line-height: 0; }
#section15 .maintxt3 .scrollbar .handle { width: 240px; height: 100%; background: #ffdeac; cursor: pointer; }
#section15 .maintxt3 .scrollbar .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }

#section15 .maintxt3 li.t1 span { display:block; position:absolute; left:0px; }
#section15 .maintxt3 li.t2 span { display:block; position:absolute; left:0px; }

#section15.active .maintxt3 li.t1 span { animation: section15 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 0.3s; }
#section15.active .maintxt3 li.t2 span { animation: section15 1.0s cubic-bezier(0.85, 0, 0.15, 1) both 0.7s; }
#section15.active .maintxt3 li.t3 { animation: section15img 1.5s cubic-bezier(0.85, 0, 0.15, 1) both 1.3s; }
#section15.active .maintxt3 .scrollbar { animation: section15img 1.5s cubic-bezier(0.85, 0, 0.15, 1) both 1.7s; }

@keyframes section15 {
	0% { top:82px; }
	100% { top:0px; }
}
@keyframes section15img {
	0% { transform:translateY(90px); opacity:0; }
	100% { transform:translateY(0px); opacity:1; }
}
 */

.sub03_01 { position:relative; width:100%; min-width:1280px; background:#fff; }
.sub03_01 .sub01_01txt { position:fixed; top:180px; left:80px; width:20px; height:115px; transform: translate(-50%,-50%); z-index:2; }
.sub03_01 .subtxt { position:absolute; top:40%; left:32%; width:590px; height:290px; transform: translate(-50%,-50%); }
.sub03_01 .subtxt li.t1 {transform: translate(5%,0%); font-size:28px; font-weight:700; color:#000000; line-height:150%; }
.sub03_01 .subtxt li.t2 { transform: translate(0%,20%); font-size:154px; font-weight:bold; color:#000; letter-spacing:1px; }

.sub03_01 .subtxt2 { position:absolute; top:50%; left:80%; width:524px; height:694px; transform: translate(-50%,-50%); opacity:0; filter: blur(20px); transition:all 1.4s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
.sub03_01.active .subtxt2 { left:70%; opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0, 0.55, 0.45, 1) 0.8s; }

.sub03_01.active .subtxt li.t1 { animation: sub03_01_1 1.2s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
.sub03_01.active .subtxt li.t2 { animation: sub03_01_2 1.2s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }

@keyframes sub03_01_1 {
  0% { transform: translate(-25%,80%); opacity:0; }
  5% { opacity:1; }
  100% { transform: translate(5%,0%); opacity:1; }
}
@keyframes sub03_01_2 {
  0% { transform: translate(30%,80%); opacity:0; }
  5% { opacity:1; }
  100% { transform: translate(0%,20%); opacity:1; }
}


.sub03_02 { position:relative; width:100%; min-width:1280px; background:#f3f3f3; }
.sub03_02 ul { position:absolute; top:46%; left:50%; transform: translate(-50%,-50%); width:1130px; height:66px; font-size:64px; font-weight:700; color:#000000; letter-spacing:-1px; }
.sub03_02 ul li.txt1 { position:absolute; top:0px; left:37%; transform: translate(-50%,0%); width:365px;opacity:0; }
.sub03_02 ul li.txt2 { position:absolute; top:0px; left:70%; transform: translate(-50%,0%); width:310px;opacity:0; }
.sub03_02 ul li.txt3 { position:absolute; top:0px; left:0px; }
.sub03_02 ul li.txt4 { position:absolute; top:0px; left:400px; }
.sub03_02 ul li.txt5 { position:absolute; top:0px; left:800px; width:310px; }

.sub03_02.active ul li.txt1 { animation: sub03_02_1 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
.sub03_02.active ul li.txt2 { animation: sub03_02_2 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
.sub03_02.active ul li.txt3 { animation: sub03_02_3 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 1.8s; }
.sub03_02.active ul li.txt4 { animation: sub03_02_4 1.5s cubic-bezier(0, 0.55, 0.45, 1) both 2.0s; }
.sub03_02.active ul li.txt5 { animation: sub03_02_5 1.3s cubic-bezier(0, 0.55, 0.45, 1) both 2.2s; }

@keyframes sub03_02_1 {
  0% { top:300px; left:7%; opacity:0; }
  75% { top:0px; left:37%; opacity:1; }
  100% { opacity:0; }
}
@keyframes sub03_02_2 {
  0% { top:300px; left:100%; opacity:0; }
  75% { top:0px; left:70%; opacity:1; }
  100% { opacity:0; }
}

@keyframes sub03_02_3 {
  0% { top:0px; left:90px; opacity:0; }
  5% { opacity:1; }
  85% { top:0px; left:0px; opacity:1; color:#000000; }
  100% { top:0px; left:0px; opacity:1; color:#9a9a9a; }
}

@keyframes sub03_02_4 {
  0% { top:0px; left:490px; opacity:0; }
  5% { opacity:1; }
  100% { top:0px; left:400px; opacity:1; }
}

@keyframes sub03_02_5 {
  0% { top:0px; left:890px; opacity:0; }
  5% { opacity:1; }
  70% { top:0px; left:800px; opacity:1; color:#000000; }
  80% { top:0px; left:800px; opacity:1; color:#9a9a9a; }
  100% { top:0px; left:800px; opacity:1; color:#9a9a9a; }
}


.sub03_04 { position:relative; width:100%; min-width:1280px; background:#ffffff; overflow:hidden; }
.sub03_04 .bg { position:absolute; top:0; left:0; width:65%; height:100%; background:url('/page_KR0/03_sub/images/03_04bg.jpg')no-repeat 0 50%; background-size: cover; }
.sub03_04 .subtxt { position:absolute; top:50%; left:70%; transform: translate(-50%,-50%); width:440px; height:380px; }
.sub03_04 .subtxt li.txt1 { font-size:36px; font-weight:700; color:#000000; line-height:140%; }
.sub03_04 .subtxt li.txt2 { margin-top:30px; font-size:17px; font-weight:600; color:#090909; line-height:160%; }
.sub03_04 .subtxt li.txt3 { margin-top:30px; font-size:17px; font-weight:400; color:#6e6969; line-height:160%; }
.txtbg { display:inline-block; width:24px; height:24px; vertical-align:top; padding-right:5px; background:url('/page_KR0/03_sub/images/txtbg.png')no-repeat 0 50%; }
.sub03_04.active .bg { animation: sub03_04_1 0.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.3s; }
.sub03_04.active .subtxt li.txt1 { animation: sub03_04_2 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.7s; }
.sub03_04.active .subtxt li.txt2 { animation: sub03_04_3 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.7s; }
.sub03_04.active .subtxt li.txt3 { animation: sub03_04_4 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.7s; }

@keyframes sub03_04_1 {
  0% { width:0%; }
  100% { width:65%; }
}
@keyframes sub03_04_2 {
  0% { transform: translate(-150px,-70px); opacity:0; }
  5% { opacity:1; }
  100% { transform: translate(0,0); }
}
@keyframes sub03_04_3 {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes sub03_04_4 {
  0% { transform: translate(150px,70px); opacity:0; }
  5% { opacity:1; }
  100% { transform: translate(0,0); }
}

.sub03_07 { position:relative; width:100%; min-width:1280px; overflow:hidden; background:url('/page_KR0/12_sub/images/03_07.jpg')no-repeat right 50%; background-size: cover; background-attachment: fixed; }
.sub03_07 .subtxt { position:absolute; top:52%; left:32%; transform: translate(-50%,-50%); width:690px; height:680px; }
.sub03_07 .subtxt li.txt1 { font-size:36px; font-weight:700; color:#000000; line-height:140%; }
.sub03_07 .subtxt li.txt2 { margin-top:30px; font-size:17px; font-weight:400; color:#6e6969; line-height:160%; }

.sub03_07.active .bg { animation: sub03_07 0.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.3s; }
.sub03_07.active .subtxt li.txt1 { animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.7s; }
.sub03_07.active .subtxt li.txt2 { animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 1.1s; }
@keyframes sub03_07 {
  0% { width:0%; }
  100% { width:60%; }
}

.sub03_05 { position:relative; width:100%; min-width:1280px; background:#ffffff; overflow:hidden; }
.sub03_05 .slide03 { position:absolute; top:50%; left:52%; transform:translate(-50%,-50%); width:100%; max-width:1500px; }
.sub03_05 .slide03 div.title { position:relative; width:100%; overflow:hidden; font-size:36px; font-weight:700; color:#000000; opacity:0; filter: blur(20px); }

.sub03_05 .fillerslide { position:relative; width:100%; height:480px; margin-top:60px; box-sizing:border-box; /* padding-left:25%; */ overflow: hidden; opacity:0; filter: blur(20px); }
.sub03_05 .fillerslide ul { float:left; width:18%; margin-right:2.5%; cursor:pointer; }
.sub03_05 .fillerslide ul:nth-child(5) { margin-right:0px; }
.sub03_05 .fillerslide ul img { width:100%; }
.sub03_05 .fillerslide ul li.t1 { width:100%; margin-top:30px; font-size:18px; font-weight:700; color:#000000; line-height:130%; text-align:center; }
.sub03_05 .fillerslide ul li.t2 { width:100%; margin-top:10px; font-size:13px; font-weight:400; color:#6f6f6f; line-height:160%; text-align:center; }

.sub03_05 .scrollbar2 { position:relative; width:75%; height: 6px; background: #eeeeee; box-sizing:border-box; margin-left:25%; line-height: 0; display:none; }
.sub03_05 .handle { width: 190px; height: 100%; background: #d4c29a; cursor: pointer; }
.sub03_05 .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }

.sub03_05.active .slide03 div.title { animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.3s; }
.sub03_05.active .fillerslide { animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.6s; }

@keyframes fadeup {
  0% { transform:translateY(90px); opacity:0; filter: blur(20px); }
  100% { transform:translateY(0px); opacity:1; filter: blur(0px); }
}


.sub03_06 { position:relative; width:100%; min-width:1280px; background:#001528 url('/images/sub/bnabg.jpg')no-repeat 0 50%; overflow:hidden; }
.sub03_06 .bnflistwrap { position:absolute; top:52%; left:50%; transform: translate(-50%,-50%); width:1144px; margin:0 auto; }
.sub03_06 .bnftop { position:relative; width:100%; }
.sub03_06 .bnftop ul.bnftab { position:relative; width:100%; overflow:hidden; text-align:center; }
.sub03_06 .bnftop ul.bnftab li { display:inline-block; padding:5px 30px; margin:-2px; border-right:1px solid rgba(255,255,255,0.2); font-size:24px; font-weight:700; color:#ffffff; cursor:pointer; }
.sub03_06 .bnftop ul.bnftab li:last-child { border-right:0px; }
.sub03_06 .bnftop ul.bnftab li.on { color:#f4b586; }
.sub03_06 .bnftop .txt {  position:relative; width:100%; height:60px; line-height:60px; overflow:hidden; text-align:center; font-size:36px; font-weight:600; color:#fff; letter-spacing:2px; }
.sub03_06 .bnftop .txt2 { position:relative; width:100%; margin-bottom:30px; overflow:hidden; text-align:center; font-size:19px; font-weight:600; color:#767676; line-height:150%; }


.sub03_06 .bnfwrap { position:relative; width:100%; }
.sub03_06 .bnfwrap .bnfwrapbox { outline:none; }
.sub03_06 .bnfwrap ul li.beforeimg { position:relative; width:100%; float:left; }
.sub03_06 .bnfwrap ul li.afterimg { position:relative; width:50%; float:right; }
.sub03_06 .bnfwrap ul li.bnftxt { position:absolute; top:708px; left:250px; font-size:28px; font-weight:500; color:#fff; line-height:160%; opacity:0; }
.sub03_06 .bnfwrap ul li img { width:100%; }

.sub03_06 .bnfbt { position:relative; width:100%; margin-top:30px; font-size:32px; font-family: 'Noto Serif KR'; font-weight:700; color:#fff; text-align:center; }
.sub03_06 .bnfbt li { display:inline-block;  cursor:pointer; padding:0 30px; }
.sub03_06 .bnfbt li:nth-child(1) { border-right:1px solid rgba(255,255,255,0.2); }


.bnflistwrap  .bnfwrap div.bnfwrapbox .bna_login { position:absolute; top:0px; left:0px; width:100%;  z-index: 2;  height: 100%; background-color: rgba( 0, 0, 0, 0.9 ); }
.bnflistwrap  .bnfwrap div.bnfwrapbox .bna_login ul { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; }
.bnflistwrap  .bnfwrap div.bnfwrapbox .bna_login ul li:nth-child(1) { font-size:18px; font-weight:400; color:#fff; line-height:160%; }
.bnflistwrap  .bnfwrap div.bnfwrapbox .bna_login ul li:nth-child(2) { width:100%; margin-top:20px; text-align:center;  }
.bnflistwrap  .bnfwrap div.bnfwrapbox .bna_login ul li:nth-child(2) a { display:inline-block; border-radius:40px; line-height:40px; text-align:center; margin:0 4px; }
.bnflistwrap  .bnfwrap div.bnfwrapbox .bna_login ul li:nth-child(2) a.homelogin { width:130px; height:40px;  font-size:14px; font-weight:400; color:#fff;  border:1px solid #fff;  cursor:pointer; }
.bnflistwrap  .bnfwrap div.bnfwrapbox .bna_login ul li:nth-child(2) a.homelogin:hover { background:#c37d46; border:1px solid #c37d46;  }
.bnflistwrap  .bnfwrap div.bnfwrapbox .bna_login ul li:nth-child(2) a.naverlogin { width:150px; height:40px; font-size:15px; font-weight:700; color:#fff;  padding-left:20px; box-sizing:border-box;  cursor:pointer; background:#00c73c url('/images/common/navericon.jpg')no-repeat 12px 50%; }
.bnflistwrap  .bnfwrap div.bnfwrapbox .bna_login ul li:nth-child(2) a.talklogin { width:160px; height:40px; font-size:15px; font-weight:700; color:#3e1d23;  padding-left:30px; box-sizing:border-box; cursor:pointer; background:#fedc00 url('/images/common/katalkicon.jpg')no-repeat 12px 50%; }



.sub04_01 { position:relative; width:100%; z-index:11; background:none; overflow:hidden; }
.sub04_01 .bg { position:absolute; top:0%; left:50%; transform:translateX(-50%); width:80%; height:1782px; background:url('/page_KR0/04_sub/images/04_01bg.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; }
.sub04_01 .sub04img1 { position:absolute; top:15%; left:0%; transform:translate(-50%,-50%); width:442px; height:598px; opacity:0; filter: blur(40px); transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
.sub04_01 .sub04img2 { position:absolute; top:70%; left:108%; transform:translate(-50%,-50%); width:393px; height:512px; opacity:0; filter: blur(40px); transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0s;}
.sub04_01 .sub04img3 { position:absolute; top:95%; left:22%; transform:translate(-50%,-50%); width:673px; height:489px; opacity:0; filter: blur(40px); transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
.sub04_01 .txt1 { position:absolute; top:50%; left:54%; transform:translate(-50%,-50%); width:320px; opacity:0; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
.sub04_01 .txt1 li.t1 { font-size:28px; font-weight:700; color:#000000; }
.sub04_01 .txt1 li.t2 { margin-top:40px; font-size:23px; font-weight:500; color:#767676; line-height:160%; }
.sub04_01 .txt2 { opacity:0; filter: blur(40px); transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:72%; left:35%; transform:translate(-50%,-50%); font-size:70px; font-family: 'Noto Serif KR'; font-weight:700; color:#dad9d9; }
.sub04_01 .txt3 { opacity:0; filter: blur(40px); transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:82%; left:70%; transform:translate(-50%,-50%); font-size:53px; font-family: 'Noto Serif KR'; font-weight:700; color:#423b3b; }


.sub04_01.active .sub04img1 { opacity:1; filter: blur(0px); left:20%; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.5s; }
.sub04_01.active .sub04img2 { opacity:1; filter: blur(0px); left:88%; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.5s; }
.sub04_01.active .txt1 { opacity:1; top:40%; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 1.0s; }
.sub04_01.active .txt2 { opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0, 0.55, 0.45, 1) 1.0s; }
.sub04_01.active .txt3 { opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0, 0.55, 0.45, 1) 1.0s; }
.sub04_01.active .sub04img3 { opacity:1; filter: blur(0px); top:85%; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.5s; }


body.a1 .bg { width:80%; transition:all 0.2s ease-out 0s; }
body.a2 .bg { width:82%; transition:all 0.2s ease-out 0s; }
body.a3 .bg { width:84%; transition:all 0.2s ease-out 0s; }
body.a4 .bg { width:86%; transition:all 0.2s ease-out 0s; }
body.a5 .bg { width:88%; transition:all 0.2s ease-out 0s; }
body.a6 .bg { width:90%; transition:all 0.2s ease-out 0s; }
body.a7 .bg { width:92%; transition:all 0.2s ease-out 0s; }
body.a8 .bg { width:94%; transition:all 0.2s ease-out 0s; }
body.a9 .bg { width:96%; transition:all 0.2s ease-out 0s; }
body.a10 .bg { width:98%; transition:all 0.2s ease-out 0s; }
body.a11 .bg { width:100%; transition:all 0.2s ease-out 0s; }


body.a11 { background:#fff; transition:all 0.2s ease-out 0s; }

body.a11 .sub04_01 { background:#fff; transition:all 0.2s ease-out 0s; }

body .subvisual .subvisualbg.sub0401 { background:#fff; }
body.a1 .subvisual .subvisualbg.sub0401 { opacity:0.9; transition:all 0.1s ease-out 0s; }
body.a2 .subvisual .subvisualbg.sub0401 { opacity:0.8; transition:all 0.1s ease-out 0s; }
body.a3 .subvisual .subvisualbg.sub0401 { opacity:0.7; transition:all 0.1s ease-out 0s; }
body.a4 .subvisual .subvisualbg.sub0401 { opacity:0.6; transition:all 0.1s ease-out 0s; }
body.a5 .subvisual .subvisualbg.sub0401 { opacity:0.5; transition:all 0.1s ease-out 0s; }
body.a6 .subvisual .subvisualbg.sub0401 { opacity:0.4; transition:all 0.1s ease-out 0s; }
body.a7 .subvisual .subvisualbg.sub0401 { opacity:0.3; transition:all 0.1s ease-out 0s; }
body.a8 .subvisual .subvisualbg.sub0401 { opacity:0.2; transition:all 0.1s ease-out 0s; }
body.a9 .subvisual .subvisualbg.sub0401 { opacity:0.1; transition:all 0.1s ease-out 0s; }
body.a10 .subvisual .subvisualbg.sub0401 { opacity:0; transition:all 0.1s ease-out 0s; }


.subvisual .sub040101bg {transform:scale(1.2,1.2); position:absolute; top:0; left:0; width:100%; height:100%; background:url('/page_KR0/04_sub/images/040101.jpg')no-repeat 100% 50%; background-size: cover; background-attachment: fixed; }
.subvisual .sub040102bg {transform:scale(1.2,1.2); position:absolute; top:0; left:0; width:100%; height:100%; background:url('/page_KR0/04_sub/images/040102.jpg')no-repeat 100% 50%; background-size: cover; background-attachment: fixed; }
.subvisual .sub040103bg {transform:scale(1.2,1.2); position:absolute; top:0; left:0; width:100%; height:100%; background:url('/page_KR0/04_sub/images/040103.jpg')no-repeat 100% 50%; background-size: cover; background-attachment: fixed; }


.subvisual ul.subtxt4 { position:absolute; top:48%; left:0px; width:100%; transform:translateY(-50%); z-index:2; }
.subvisual ul.subtxt4 li.t1 {transform:translateY(90px); opacity:0; filter: blur(20px); position:relative; width:100%; text-align:center; font-size:28px; color:#fff; font-weight:700; overflow:hidden; }
.subvisual ul.subtxt4 li.t2 { transform:translateY(90px); opacity:0; filter: blur(20px);margin-top:20px; font-family: 'Libre Baskerville', serif; text-align:center; font-size:100px; color:#ffffff; font-weight:400; overflow:hidden; letter-spacing:10px; }

.subvisual .vtxt3 { opacity:0; filter: blur(20px); position:absolute; bottom:15%; left:5%; font-size:20px; color:#ffffff; font-weight:500; line-height:160%; }

.sub040102.active .sub040101bg { animation: subvisual 2200ms ease-in-out both 0s; }
.sub040102.active .sub040102bg { animation: subvisual 2200ms ease-in-out both 0s; }
.sub040102.active ul.subtxt4 li.t1 { animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.0s;  }
.sub040102.active ul.subtxt4 li.t2 { animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.2s;  }
.sub040102.active .vtxt3 { animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s;  }

.sub040103.active .sub040103bg { animation: subvisual 2200ms ease-in-out both 0s; }
.sub040103.active ul.subtxt4 li.t1 { animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.0s;  }
.sub040103.active ul.subtxt4 li.t2 { animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.2s;  }
.sub040103.active .vtxt3 { animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s;  }

@keyframes fadeup {
  0% { transform:translateY(90px); opacity:0; filter: blur(20px); }
  100% { transform:translateY(0px); opacity:1; filter: blur(0px); }
}


.sub04_02 { position:relative; width:100%; height:1484px;  background:#fff; z-index:11; overflow:hidden; }
.sub04_02 .sub04img1 {opacity:0; filter: blur(40px); transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:20%; left:0%; transform:translate(-50%,-50%); width:442px; height:598px; }
.sub04_02 .sub04img2 {opacity:0; filter: blur(40px); transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:55%; left:108%; transform:translate(-50%,-50%); width:393px; height:512px; }
.sub04_02 .sub04img3 {opacity:0; filter: blur(40px); transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:85%; left:22%; transform:translate(-50%,-50%); width:673px; height:489px; }
.sub04_02 .txt1 { opacity:0; filter: blur(40px); transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:15%; left:55%; transform:translate(-50%,-50%); font-size:22px; font-weight:700; color:#000000; letter-spacing:20px; }
.sub04_02 .txt2 { position:absolute; top:60%; left:50%; transform:translate(-50%,-50%); width:502px; opacity:0; filter: blur(40px); transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
.sub04_02 .txt2 li.t1 { font-size:28px; font-weight:700; color:#000000; }
.sub04_02 .txt2 li.t2 { margin-top:40px; font-size:23px; font-weight:500; color:#767676; line-height:160%; }
.sub04_02 .txt3 {opacity:0; filter: blur(40px); transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:50%; left:25%; transform:translate(-50%,-50%); font-size:70px; font-family: 'Noto Serif KR'; font-weight:700; color:#dad9d9; }
.sub04_02 .txt4 {opacity:0; filter: blur(40px); transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:12%; left:78%; transform:translate(-50%,-50%); width:440px; font-size:53px; font-family: 'Noto Serif KR'; font-weight:700; color:#423b3b; }


.sub04_02.active .sub04img1 { opacity:1; filter: blur(0px); left:20%; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.5s; }
.sub04_02.active .sub04img2 { opacity:1; filter: blur(0px); left:88%; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.5s; }
.sub04_02.active .txt1 { opacity:1; filter: blur(0px); transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.9s; }
.sub04_02.active .txt2 { opacity:1; filter: blur(0px); top:50%; left:60%; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.9s; }
.sub04_02.active .txt3 { opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0, 0.55, 0.45, 1) 0.9s; }
.sub04_02.active .txt4 { opacity:1; filter: blur(0px); top:22%; transition:all 1.4s cubic-bezier(0, 0.55, 0.45, 1) 0.9s; }
.sub04_02.active .sub04img3 { opacity:1; filter: blur(0px); top:85%; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.5s; }


.sub04_03 { position:relative; width:100%; min-width:1280px; background:#fff;  }
.sub04_03 div { position:relative; width:1280px; height:100%; margin:0 auto; }
.sub04_03 div ul { position:absolute; top:0px; width:33.3%; height:100%; padding-top:30%; box-sizing:border-box; text-align:center; }
.sub04_03 div ul li.t1 { font-size:25px; font-weight:700; color:#000000; }
.sub04_03 div ul li.t2 { margin-top:20px; font-size:18px; font-weight:500; color:#6f6f6f; }

.sub04_03 div ul:nth-child(1) { left:15%; width:32%; border-right:1px solid #dbdbdb; opacity:0; filter: blur(40px); transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
.sub04_03 div ul:nth-child(2) { left:47%; width:36%; border-right:1px solid #dbdbdb; opacity:0; filter: blur(40px); transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
.sub04_03 div ul:nth-child(3) { left:83%; width:32%; opacity:0; filter: blur(40px); transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0s; }

.sub04_03 div ul:nth-child(1) li.t1 { background:url('/page_KR0/04_sub/images/04icon1.jpg')no-repeat 50% 0%; padding-top:120px; }
.sub04_03 div ul:nth-child(2) li.t1 { background:url('/page_KR0/04_sub/images/04icon2.jpg')no-repeat 50% 0%; padding-top:120px; }
.sub04_03 div ul:nth-child(3) li.t1 { background:url('/page_KR0/04_sub/images/04icon3.jpg')no-repeat 50% 0%; padding-top:120px; }

.sub04_03.active div ul:nth-child(1) { left:0%; opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
.sub04_03.active div ul:nth-child(2) { left:32%; opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.2s; }
.sub04_03.active div ul:nth-child(3) { left:68%; opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.4s; }



.sub04_04 { position:relative; width:100%; background:#fff; z-index:11; overflow:hidden; }

.sub04_04 .txt2 { position:absolute; top:22%; left:46%; transform:translate(-50%,-50%); width:988px; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
.sub04_04 .txt2 li.t1 { font-size:28px; font-weight:700; color:#000000; }
.sub04_04 .txt2 li.t2 { margin-top:40px; font-size:23px; font-weight:500; color:#767676; line-height:160%; }
.sub04_04 .txt3 { position:absolute; top:15%; left:65%; transform:translate(-50%,-50%); font-size:70px; font-family: 'Noto Serif KR'; font-weight:700; color:#dad9d9; }
.sub04_04 .txt4 { position:absolute; top:45%; left:16%; transform:translate(-50%,-50%); width:440px; font-size:48px; font-family: 'Noto Serif KR'; font-weight:700; color:#dad9d9; }
.sub04_04 .imgtxt { position:absolute; top:60%; left:46%; transform:translate(-50%,-50%); width:988px; }
.sub04_04 .imgtxt ul:nth-child(1) { float:left; width:419px;  }
.sub04_04 .imgtxt ul:nth-child(2) { float:right; width:441px; }
.sub04_04 .imgtxt ul li.t1 { width:100%; height:320px; overflow:hidden; }
.sub04_04 .imgtxt ul li.t1 img { display:block; margin-top:-150px; }
.sub04_04 .imgtxt ul li.t2 { width:100%; margin-top:30px; font-size:25px; font-weight:700; color:#c28558; }
.sub04_04 .imgtxt ul li.t3 { width:100%; margin-top:16px; font-size:18px; font-weight:400; color:#6f6f6f; line-height:160%; }






#sub0101 { position:relative; width:100%; background:#f4f4f4; }
#sub0101 .subtxt { position:absolute; top:45%; left:50%; transform:translate(-50%,-50%); width:1280px; text-align:center; }
#sub0101 .subtxt li.txt1 { positioN:relative; width:100%; height:130px; overflow:hidden; font-size:154px; font-family: 'CircularStd'; font-weight:700; color:#000; letter-spacing:5px; line-height:100%;  }
#sub0101 .subtxt li.tabtxt { position:relative; width:100%; margin-top:80px; text-align:center; animation: fadeup 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }
#sub0101 .subtxt li.tabtxt a { display:inline-block; font-size:23px; font-weight:700; margin:0 15px; color:#585858; }
#sub0101 .subtxt li.tabtxt a.on,#sub0101 .subtxt li.tabtxt a:hover { color:#d79667; }

#sub0101 .subtxt li.txt1 span { display:block; position:absolute; top:0px; width:100%; text-align:center;  animation: sub0101 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s;}
#sub0101.active .subtxt li.txt1 span {  }
@keyframes sub0101 {
  0% { top:154px; }
  100% { top:0px; }
}
#sub0101.active .subtxt li.tabtxt {  }


#sub0101_01 { position:relative; background:#f4f4f4; }
#sub0101_01 ul { position:absolute; top:54%; left:50%; transform:translate(-50%,-50%); width:1280px; height:464px; }
#sub0101_01 ul li:nth-child(1) { position:absolute; top:50%; left:34%; transform:translate(-50%,-50%);opacity:0; filter: blur(50px); width:464px; height:464px; border-radius:100%; box-sizing:border-box; border:1px solid #a6a19b; }
#sub0101_01 ul li:nth-child(2) { position:absolute; top:50%; left:66%; transform:translate(-50%,-50%);opacity:0; filter: blur(50px); width:464px; height:464px; border-radius:100%; box-sizing:border-box; border:1px solid #a6a19b; }

#sub0101_01 ul li:nth-child(1) span {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:54px; color:#dda478; font-weight:900; }
#sub0101_01 ul li:nth-child(2) span {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:54px; color:#8c8c8c; font-weight:900; }

#sub0101_01.active ul li:nth-child(1) { animation: sub0101_01_1 3.9s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; }
#sub0101_01.active ul li:nth-child(2) { animation: sub0101_01_2 3.9s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; }
#sub0101_01.active ul li:nth-child(1) span { animation: fadeup2 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 1.0s; }
#sub0101_01.active ul li:nth-child(2) span { animation: fadeup2 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 1.0s; }

#sub0101_01 ul li:nth-child(3) { position:absolute; top:30%; left:50%; transform:translate(-50%,-50%); width:438px; height:376px; opacity:1; filter: blur(0px); }
#sub0101_01.active ul li:nth-child(3) { animation: sub0101_01_3 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 3.0s; }
#sub0101_01 ul li:nth-child(3) img { width:100%; }

#sub0101_01 ul li:nth-child(4) { position:absolute; top:92%; left:50%; transform:translate(-50%,-50%); width:100%; font-size:22px; font-weight:500; color:#393939; line-height:150%; text-align:center; }
#sub0101_01.active ul li:nth-child(4) { animation: fadeup3 1.2s cubic-bezier(0, 0.55, 0.45, 1) both 3.9s; }

@keyframes fadeup3 {
  0% { top:102%; opacity:0; filter: blur(20px); }
  100% { top:92%; opacity:1; filter: blur(0px); }
}

@keyframes sub0101_01_3 {
  0% { width:0px; height:0px; opacity:0; filter: blur(50px); }
  100% { width:438px; height:376px; opacity:1; filter: blur(0px); }
}
@keyframes fadeup2 {
  0% { font-size:14px; opacity:0; filter: blur(20px); }
  100% { font-size:54px; opacity:1; filter: blur(0px); }
}
@keyframes sub0101_01_1 {
  0% { left:20%; width:1464px; height:1464px; opacity:0; filter: blur(0px);}
  15% { left:20%; width:464px; height:464px; opacity:1; filter: blur(0px);}
  40% { left:20%; width:464px; height:464px; opacity:1; filter: blur(0px);}
  60% { left:34%; width:464px; height:464px; opacity:1; filter: blur(0px);}
  70% { left:34%; width:464px; height:464px; opacity:1; filter: blur(0px);}
  100% { left:34%; width:464px; height:464px; opacity:0; filter: blur(50px); }
}
@keyframes sub0101_01_2 {
  0% { left:80%; width:1464px; height:1464px; opacity:0; filter: blur(0px); }
  15% { left:80%; width:464px; height:464px; opacity:1; filter: blur(0px); }
  40% { left:80%; width:464px; height:464px; opacity:1; filter: blur(0px); }
  60% { left:66%; width:464px; height:464px; opacity:1; filter: blur(0px); }
  70% { left:66%; width:464px; height:464px; opacity:1; filter: blur(0px); }
  100% { left:66%; width:464px; height:464px; opacity:0; filter: blur(50px); }
}


#sub0101_02 { position:relative; background:#ebe5dc; overflow:hidden; }

#sub0101_02 .bg0101_02 { position:relative; width:1920px; height:100%; margin:0 auto; }
#sub0101_02 .bg0101_02 li.bg1 { position:absolute; top:0px; left:0px; width:1920px; height:100%; background:url('/page_KR0/01_sub/images/0101_02bg2.png')no-repeat 0 0; }
#sub0101_02 .bg0101_02 li.bg2 { position:absolute; top:0px; left:0px; width:1920px; height:100%; background:url('/page_KR0/01_sub/images/0101_02bg1.png')no-repeat 50% 0; }

#sub0101_02.active .bg0101_02 li.bg1 { animation: sub0101_02_1 2.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; }
#sub0101_02.active .bg0101_02 li.bg2 { animation: sub0101_02_2 2.0s cubic-bezier(0, 0.55, 0.45, 1) both 1.2s; }


@keyframes sub0101_02_1 { 0% { width:0px; } 100% { width:1920px; } }
@keyframes sub0101_02_2 { 0% { opacity:0; filter: blur(50px); } 100% { opacity:1; filter: blur(0px); } }


#section2 { position:relative; overflow:hidden; }

#section3 { position:relative; overflow:hidden; }
#section3 div.txt { position:absolute; top:62%; left:50%; transform:translate(-50%,-50%); width:100%; font-size:20px; font-weight:400; color:#fff; line-height:170%; text-align:center; }
#section3.active div.txt { animation: fadeup4 1.2s cubic-bezier(0, 0.55, 0.45, 1) both 1.5s; }

@keyframes fadeup4 {
  0% { top:72%; opacity:0; filter: blur(20px); }
  100% { top:62%; opacity:1; filter: blur(0px); }
}


#sub0102 { position:relative; overflow:hidden; min-width:1380px; background:#f4f4f4; }
#sub0102 .drwrap { position:absolute; bottom:0; left:50%; transform:translate(-50%,0%); width:1380px; height:920px; margin:0 auto; }
#sub0102 .drwrap .drbox { position:relative; width:100%; height:820px; border-bottom:1px solid #ddd; }
#sub0102 .drwrap .drbox div.bgname { position:absolute; top:50%; right:0%; transform:translate(0%,-50%); width:100%; text-align:right; font-size:130px; font-family: 'CircularStd'; font-weight:700; color:#e4e4e4; letter-spacing:5px; line-height:100%; }
#sub0102 .drwrap .drbox ul.drtxt { position:absolute; bottom:74px; left:0px; }
#sub0102 .drwrap .drbox ul.drtxt li.t1 { font-size:32px; font-weight:700; color:#000; }
#sub0102 .drwrap .drbox ul.drtxt li.t1 span { font-size:21px; padding-left:10px; }
#sub0102 .drwrap .drbox ul.drtxt li.t2 { margin-top:90px; font-size:23px; font-weight:700; color:#d39160; }
#sub0102 .drwrap .drbox ul.drtxt li.t3 { margin-top:10px; font-size:19px; font-weight:400; color:#585858; line-height:160%; }
#sub0102 .drwrap .drbox ul.drtxt li.t4 { margin-top:60px; cursor:pointer; }

#sub0102 .drwrap .drbox div.drimg { position:absolute; bottom:0px; right:10%; width:600px; }
#sub0102 .drwrap .drbox div.drimg img { width:100%; display:block; }

#sub0102 .scrollbar3 { position:relative; width:92%; height: 6px; margin-left:8%; background: #d3d3d3; line-height: 0; }
#sub0102 .scrollbar3 .handle { width: 240px; height: 100%; background: #f4b586; cursor: pointer; }
#sub0102 .scrollbar3 .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }

#sub0102 .slick-dots { position:absolute; top:auto; bottom:-14px; left:0; height:14px; width:1380px; }
#sub0102 .slick-dots li { float:left; width:33.3%; height:8px; margin-right:0px; box-sizing:border-box; background:#fff; border-radius:0%; cursor:pointer; }
#sub0102 .slick-dots li.slick-active {  background:#dda478; }



.modalclosebt {display:none; position:fixed; top:0px; right:0px; width:220px; height:200px; background:#ae8d5e url('/page_KR0/01_sub/images/modalclosebt.jpg')no-repeat 65% 40%; border-bottom-left-radius:100%; z-index:151; cursor:pointer; }
.modal-active .modalclosebt { display:block; animation: opa 0.7s cubic-bezier(0.550, 0.085, 0.680, 0.530) both 0.5s; }


#modal06 { position: fixed; top:0px; width:100%; height:0px; z-index: 150; background:#f5f5f5; overflow-y:auto; overflow-x:hidden; transition:all 0.3s cubic-bezier(0.5, 0, 0.1, 1); }
#modal06.modal06_1 { left:0px; right:0px; bottom:0px; width:100%; height:100%; transition:all 0.3s cubic-bezier(0.5, 0, 0.1, 1); }
#modal06 div { position:relative; width:100%; max-width:800px; padding:5% 0; margin:0 auto; height:0px; opacity:0; overflow:hidden; }
#modal06.modal06_1 div { height:auto; opacity:1; }
#modal06 div img { width:100%; }
.modal06close { position: fixed; top:5%; right:5%; opacity:0; z-index:151; cursor:pointer; }
.modal06close.active { opacity:1; transition:all 0.3s cubic-bezier(0.5, 0, 0.1, 1) 0.5s; }


#modal-dr { position: fixed; top:0px; width:100%; height:0px; z-index: 150; background:#f4f4f4; overflow-y: auto; overflow-x: hidden; transition:all 0.3s cubic-bezier(0.5, 0, 0.1, 1); }
#modal-dr.modal1dr { left:0px; right:0px; bottom:0px; width:100%; height:100%; transition:all 0.3s cubic-bezier(0.5, 0, 0.1, 1); }

.dr1_1 { position:relative; width:100%; height:965px; }
.dr1_1 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%;  }
.dr1_1 .drviewtxt { position:absolute; top:60%; left:30%; transform:translate(-50%,-50%); width:640px; height:480px; }
.dr1_1 .drviewtxt li.t1 { display:inline-block; font-size:32px; font-weight:700; color:#fff; padding-bottom:26px; border-bottom:3px solid #f4b586; }
.dr1_1 .drviewtxt li.t1 span { font-size:21px; padding-left:10px; }
.dr1_1 .drviewtxt li.t2 {font-size:42px; font-weight:700; color:#ffffff; line-height:150%; margin-top:30px; }
.dr1_1 .drviewtxt li.t3 { width:100%; height:120px; line-height:120px; box-sizing:border-box; padding:0 5%; font-size:21px; font-weight:700; color:#f4b586; background:rgba(255,255,255,0.2); margin-top:30px; }
.dr1_1 .drviewtxt li.t3 span { font-size:19px; color:#ffffff; padding-left:20px; font-weight:500; }

.dr1_2 { position:relative; width:1380px; margin:0 auto; overflow:hidden; }
.dr1_2 .drimg { float:left; position:relative; width:50%; height:100%; }
.dr1_2 .drimg span { display:block; width:100%; }
.dr1_2 .drimg span img { max-width:90%; }

.dr1_2 .drtxt { float:left; position:relative; width:50%; padding-top:150px; box-sizing:border-box; }
.dr1_2 .drtxt ul { position:relative; width:100%; }
.dr1_2 .drtxt ul li.title { position:relative; width:580px; height:120px; line-height:120px; font-size:28px; color:#121212; font-weight:700; border-bottom:1px solid #dedede; box-sizing:border-box; padding-left:92px; }
.dr1_2 .drtxt ul li.title span { display:block; position:absolute; top:0px; right:5%; font-size:24px; color:#f4b586; cursor:pointer; }

.dr1_2 .drtxt ul li.con { position:relative; width:580px; font-size:18px; color:#5e5e5e; font-weight:400; line-height:170%; box-sizing:border-box; padding:30px 0 30px 92px; }

.dr1_2 .drtxt ul.drtxt1 li.title { background:url('/page_KR0/01_sub/images/drtxt1.png')no-repeat 0 50%; }
.dr1_2 .drtxt ul.drtxt2 li.title { background:url('/page_KR0/01_sub/images/drtxt2.png')no-repeat 0 50%; }
.dr1_2 .drtxt ul.drtxt3 li.title { background:url('/page_KR0/01_sub/images/drtxt3.png')no-repeat 0 50%; }



#sub0104 { position:relative; background:#f4f4f4; }
#sub0104 .sub01_01txt { position:fixed; top:250px; left:120px; width:20px; height:115px; transform: translate(-50%,-50%); z-index:2; }

#sub0104 .timebox { position:absolute; top:38%; left:50%; transform:translate(-50%,-50%); width:598px; height:160px; box-sizing:border-box; overflow:hidden; padding-top:34px; padding-left:122px; background:url('/page_KR0/01_sub/images/0104img1.png')no-repeat 0 0; }
#sub0104 .timebox li.title { float:left; width:104px; font-size:27px; font-weight:700; color:#3d3d3d; }
#sub0104 .timebox li.con { float:right; width:346px; }
#sub0104 .timebox li.con ul { position:relative; width:100%; height:38px; }
#sub0104 .timebox li.con ul li.conleft { float:left; width:102px; font-size:22px; font-weight:700; color:#d79667; }
#sub0104 .timebox li.con ul li.conright { float:left; width:244px; font-size:22px; font-weight:700; color:#727272; }
#sub0104 .timebox li.con ul li.conright span { display:inline-block; width:62px; text-align:right; color:#000; }
#sub0104 .timebox li.con ul li.conright span:nth-child(2) { width:50px; }


#sub0104_01 { position:relative; background:#f4f4f4; }

.fp-viewing-2 #sub0104_01 .mapsub {  position:absolute; top:14%; left:54%; transform:translate(-50%,-50%); width:1050px; transition:all 0.8s cubic-bezier(0.5, 0, 0.1, 1); }
.fp-viewing-3 #sub0104_01 .mapsub {  position:absolute; top:54%; left:54%; transform:translate(-50%,-50%); width:1050px; transition:all 0.8s cubic-bezier(0.5, 0, 0.1, 1); }
#sub0104_01 .mapsub div.mapview { float:left; width:508px; height:700px; }
#sub0104_01 .mapsub ul.maptxt { float:right; width:540px; }
#sub0104_01 .mapsub ul.maptxt li.t1 { padding-top:40px; width:100%; box-sizing:border-box; padding-left:72px; font-size:38px; font-weight:900; color:#000; }
#sub0104_01 .mapsub ul.maptxt li.t2 { padding-top:20px; width:100%; box-sizing:border-box; padding-left:72px; font-size:38px; font-weight:900; color:#000; }
#sub0104_01 .mapsub ul.maptxt li.t3 { padding-top:30px; width:100%; box-sizing:border-box; padding-left:72px; font-size:24px; font-weight:700; color:#585858; line-height:150%; }
#sub0104_01 .mapsub ul.maptxt li.t4 { margin-top:50px; width:540px; height:600px; background:#fff; margin-left:-68px; }

#sub0104_02 div.submap { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1280px; height:596px; }
#sub0104_02 div.submap .map0104 { position:absolute; top:0px; left:0px; width:639px; height:596px; }



#sub0202_01 { position:relative; width:100%; min-width:1280px; background:#fff; }
#sub0202_01 .sub01_01txt { position:fixed; top:160px; left:6.5%; transform: translate(-50%,0%); z-index:2; }
#sub0202_01 .subtxt { position:absolute; top:50%; left:32%; width:521px; transform: translate(-50%,-50%); }
#sub0202_01 .subtxt li.t1 { width:100%; margin-bottom:26px; position:relative; height:58px; overflow:hidden; font-size:56px; font-weight:700; color:#000; letter-spacing:-1px; }
#sub0202_01 .subtxt li.t2 { width:100%; margin-bottom:26px; position:relative; height:58px; padding-left:54px; overflow:hidden; font-size:56px; font-weight:700; color:#000; letter-spacing:-1px; }
#sub0202_01 .subtxt li.t3 { transform: translateY(90px); opacity:0; filter: blur(20px); width:100%; position:relative; padding-left:56px; font-size:28px; font-weight:700; color:#000000; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; line-height:150%; margin-top:30px; }
#sub0202_01 .subtxt li.t1 span { display:inline-block; vertical-align:top; margin:24px 0 0 14px; width:52px; height:6px; background:#000; }
#sub0202_01 .subtxt li.t2 span { display:inline-block; vertical-align:top; margin:24px 0 0 14px; width:52px; height:6px; background:#000; }
#sub0202_01 .subtxt li div { position:absolute; top:60px; width:100%; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#sub0202_01.active .subtxt li div { top:0px; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.4s; }
#sub0202_01.active .subtxt li.t3 { transform: translateY(0%); opacity:1; filter: blur(0px); transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.8s; }
#sub0202_01 .subtxt2 { position:absolute; top:50%; left:80%; width:524px; height:694px; transform: translate(-50%,-50%); opacity:0; filter: blur(20px); transition:all 1.4s cubic-bezier(0, 0.55, 0.45, 1) 0.2s; }
#sub0202_01.active .subtxt2 { left:70%; opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0, 0.55, 0.45, 1) 0.8s; }



#sub0202_02 { position:relative; width:100%; min-width:1280px; background:#dddddd; }
#sub0202_02 .subtxt { position:absolute; top:45%; left:50%; transform: translate(-50%,-50%); width:1280px; height:78px; }
#sub0202_02 .subtxt li.t1 { position:absolute; top:0; left:28%; transform: translate(-50%,0%); font-size:64px; font-weight:700; color:#000000; }
#sub0202_02 .subtxt li.t2 { position:absolute; top:0; left:50%; transform: translate(-50%,0%); font-size:64px; font-weight:700; color:#000000; }
#sub0202_02 .subtxt li.t3 { position:absolute; top:0; left:72%; transform: translate(-50%,0%); font-size:64px; font-weight:700; color:#000000; width:236px; }
#sub0202_02 .subtxt li.t4 { position:absolute; top:150px; font-size:28px; font-weight:400; color:#292929; width:100%; text-align:center; }
#sub0202_02.active .subtxt li.t1 { animation: sub01_02_1 1.4s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
#sub0202_02.active .subtxt li.t2 { animation: sub01_02_2 1.4s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
#sub0202_02.active .subtxt li.t3 { animation: sub01_02_3 1.4s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
#sub0202_02.active .subtxt li.t4 { animation: fadeup 1.4s cubic-bezier(0.16, 1, 0.3, 1) both 1.2s; }

@keyframes sub01_02_1 {
  0% { top:-100px; left:15%; opacity:0; }
  5% { top:-100px; left:15%; opacity:1; }
  100% { top:0px; left:28%; opacity:1; }
}
@keyframes sub01_02_2 {
  0% { top:100px; left:50%; opacity:0; }
  5% { top:100px; left:50%; opacity:1; }
  100% { top:0px; left:50%; opacity:1; }
}
@keyframes sub01_02_3 {
  0% { top:0px; left:82%; opacity:0;  }
  5% { top:0px; left:82%; opacity:1; }
  100% { top:0px; left:72%; opacity:1; }
}



#sub0202_03 { position:relative; background:#001528; }
#sub0202_03 ul { position:absolute; top:58%; left:50%; transform: translate(-50%,-50%); width:1280px; }
#sub0202_03 ul li.t1 { position:relative; width:100%; height:55px; margin-bottom:20px; text-align:center; font-size:54px; font-weight:700; color:#fff; overflow:hidden; }
#sub0202_03 ul li.t2 { position:relative; width:100%; height:55px; text-align:center; font-size:54px; font-weight:700; color:#dda377; overflow:hidden; }
#sub0202_03 ul li.t3 { position:relative; width:100%; margin:36px 0; text-align:center; }

#sub0202_03 ul li.t4 { position:relative; width:100%; margin-top:200px; text-align:center; font-size:24px; font-weight:500; color:#8d8d8d; }

#sub0202_03 ul li.t1 span { display:block; position:absolute; top:0px; width:100%; text-align:center; }
#sub0202_03 ul li.t2 span { display:block; position:absolute; top:0px; width:100%; text-align:center; }

#sub0202_03.active ul li.t1 span { animation: sub0202_03 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
#sub0202_03.active ul li.t2 span { animation: sub0202_03 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.9s; }
#sub0202_03.active ul li.t4 { animation: fadeup 0.8s cubic-bezier(0.16, 1, 0.3, 1) both 1.3s; }

@keyframes sub0202_03 {
  0% { top:58px; }
  100% { top:0px; }
}


#sub0202_04 { position:relative; width:100%; min-width:1280px; background:#ffffff; }
#sub0202_04 .subtxt { position:absolute; top:250px; left:45%; transform: translate(-50%,0); width:1280px; transition:none; }
#sub0202_04 .subtxt li.t1 { position:relative; width:100%; height:66px; margin-bottom:20px;  font-size:64px; font-weight:700; color:#000; letter-spacing:-1px; overflow:hidden; }
#sub0202_04 .subtxt li.t2 { position:relative; width:100%; height:66px; font-size:64px; font-weight:700; color:#000; letter-spacing:-1px; overflow:hidden; }
#sub0202_04 .subtxt li.t1 div:nth-child(1) { position:absolute; top:70px; left:0px; }
#sub0202_04 .subtxt li.t1 div:nth-child(2) { position:absolute; top:70px; left:275px; }
#sub0202_04 .subtxt li.t2 div { position:absolute; top:70px; left:275px; }
#sub0202_04.active .subtxt li.t1 div:nth-child(1) { animation: sub0202_04_1 1.2s cubic-bezier(0.16, 1, 0.3, 1) both 2.3s; }
#sub0202_04.active .subtxt li.t1 div:nth-child(2) { animation: sub0202_04_1 1.2s cubic-bezier(0.16, 1, 0.3, 1) both 2.3s; }
#sub0202_04.active .subtxt li.t2 div { animation: sub0202_04_1 1.2s cubic-bezier(0.16, 1, 0.3, 1) both 2.3s; }

#sub0202_04 .subtxt2 { position:absolute; top:250px; left:45%; transform: translate(-50%,0); width:1280px; transition:none; }
#sub0202_04 .subtxt2 li.t1 { position:relative; width:100%; height:66px; margin-bottom:20px;  font-size:64px; font-weight:700; color:#000; letter-spacing:-1px; overflow:hidden; }
#sub0202_04 .subtxt2 li.t2 { position:relative; width:100%; height:66px; font-size:64px; font-weight:700; color:#000; letter-spacing:-1px; overflow:hidden; }
#sub0202_04 .subtxt2 li.t1 div:nth-child(1) { position:absolute; top:0px; left:0px; }
#sub0202_04 .subtxt2 li.t1 div:nth-child(2) { position:absolute; top:0px; left:275px; }
#sub0202_04 .subtxt2 li.t2 div { position:absolute; top:0px; left:275px; }
#sub0202_04.active .subtxt2 li.t1 div:nth-child(1) { animation: sub0202_04_2 1.2s cubic-bezier(0.16, 1, 0.3, 1) both 2.3s; }
#sub0202_04.active .subtxt2 li.t1 div:nth-child(2) { animation: sub0202_04_2 1.2s cubic-bezier(0.16, 1, 0.3, 1) both 2.3s; }
#sub0202_04.active .subtxt2 li.t2 div { animation: sub0202_04_2 1.2s cubic-bezier(0.16, 1, 0.3, 1) both 2.3s; }

#sub0202_04 .subtxt3 { position:absolute; top:190px; left:45%; transform: translate(-50%,0); width:1280px; font-size:25px; font-weight:500; color:#585858; }

#sub0202_04 .bg {  position:absolute; top:0px; right:0px; width:50%; height:100%; }
#sub0202_04 .bg div { transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.2s; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:0px; height:100%; background:url('/page_KR0/02_sub/images/0202img2.jpg')no-repeat 50% 50%; }
#sub0202_04.active .bg div { width:100%; transition:all 0.5s cubic-bezier(0, 0.55, 0.45, 1) 0.5s; }

@keyframes sub0202_04_1 {
  0% { top:0px; }
  100% { top:-70px; }
}
@keyframes sub0202_04_2 {
  0% { top:70px; }
  100% { top:0px; }
}


#sub0202_05 { position:relative; width:100%; min-width:1280px; background:#ffffff; overflow:hidden; }
#sub0202_05 .bg { position:absolute; top:10%; left:0; width:55%; height:80%; background:url('/page_KR0/02_sub/images/0202img3.jpg')no-repeat 0 50%; background-size: cover; }
#sub0202_05 .subtxt { position:absolute; top:50%; left:70%; transform: translate(-50%,-50%); width:440px; height:380px; }
#sub0202_05 .subtxt li.txt1 { font-size:17px; font-weight:400; color:#6e6969; line-height:180%; }
#sub0202_05 .subtxt li.txt1 span { font-weight:600; color:#000; }
#sub0202_05 .subtxt li.txt2 { margin-top:30px; font-size:36px; font-weight:700; color:#000000; line-height:140%; }

#sub0202_05.active .bg { animation: sub0202_05 0.7s cubic-bezier(0.16, 1, 0.3, 1) both 0.3s; }
#sub0202_05.active .subtxt li.txt1 { animation: sub03_04_2 0.8s cubic-bezier(0.16, 1, 0.3, 1) both 0.7s; }
#sub0202_05.active .subtxt li.txt2 { animation: sub03_04_3 0.8s cubic-bezier(0.16, 1, 0.3, 1) both 1.0s; }
@keyframes sub0202_05 {
  0% { width:0%; }
  100% { width:55%; }
}

.sub01_01txt { position:fixed; top:160px; left:6.5%; transform: translate(-50%,0%); z-index:2; }




#sub0204_01 { position:relative; overflow:hidden; background:url('/page_KR0/02_sub/images/0204_01.jpg')no-repeat 0 50%; background-size: cover; background-attachment: fixed; }
#sub0204_01 .subtxt { position:absolute; top:34%; left:28%; transform: translate(-50%,-50%); width:430px; }
#sub0204_01 .subtxt li { position:relative; width:100%; height:35px; margin-bottom:14px; font-size:34px; font-weight:700; color:#fff; overflow:hidden; }
#sub0204_01 .subtxt li span { display:block; position:absolute; top:0px; left:0px; width:100%; }
#sub0204_01.active .subtxt li span {  animation: sub0204_01 1.2s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }

@keyframes sub0204_01 {
  0% { top:40px; }
  100% { top:0px; }
}


#sub0204_02 { background:#f4f4f4; }
#sub0204_02 .maint3 { display:block; opacity:1; position:absolute; top:45%; left:52%; height:54px; transform:translate(-50%,-50%); z-index:30; text-align:center; }
#sub0204_02 .maint3 ul li { display:inline-block; }
#sub0204_02 .maint3 ul li.txt1 { font-size:52px; font-weight:700; color:#000; }
#sub0204_02 .maint3 ul li.txt2 { margin:0 10px }
#sub0204_02 .maint3 ul li.txt3 { font-size:52px; font-weight:700; color:#000; }
#sub0204_02 .maint3 ul li.txt4 { margin-left:10px; font-size:52px; font-weight:700; color:#000;}
#sub0204_02 .maint3 ul li.txt4 span { font-size:36px; font-weight:500; }
#sub0204_02 .maint3 .txt5 { width:100%; margin-top:50px; text-align:left; font-size:21px; font-weight:500; color:#373737; line-height:170%; }
#sub0204_02 .maint3 .txt5 span { color:#c38f67; }

#sub0204_02 .subtxt { position:absolute; top:23%; left:14%; font-size:35px; font-weight:700; color:#000; }

#sub0204_02.active .maint3 ul li.txt1 { animation: maint 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 1.4s; }
#sub0204_02.active .maint3 ul li.txt2 { animation: maint 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 1.4s; }
#sub0204_02.active .maint3 ul li.txt3 { animation: maint 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 1.9s; }
#sub0204_02.active .maint3 ul li.txt4 { animation: maint 0.6s cubic-bezier(0, 0.55, 0.45, 1) both 2.4s; }
#sub0204_02.active .maint3 .txt5 { animation: fadeup 0.8s cubic-bezier(0, 0.55, 0.45, 1) both 2.9s; }

#sub0204_02.active .subtxt { animation: fadeup 0.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }


#sub0204_03 { position:relative; overflow:hidden; background:url('/page_KR0/02_sub/images/0204_03bg.jpg')no-repeat 0 50%; background-size: cover; background-attachment: fixed; }

#sub0204_03 .subtxt { position:absolute; top:40%; left:45%; transform:translate(-50%,-50%); }
#sub0204_03 .subtxt li.t2 { margin-top:30px; font-size:20px; font-weight:600; color:#4d5657; line-height:170%; }

#sub0204_03.active .subtxt li.t1 { animation: fadeup 0.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; }
#sub0204_03.active .subtxt li.t2 { animation: fadeup 0.5s cubic-bezier(0, 0.55, 0.45, 1) both 0.8s; }


.sub05_01 { position:relative; width:92%; height:850px; margin:0 auto; box-sizing:border-box; overflow:hidden; }
.sub05_01 video { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; }
.sub05_01 .vodbg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); }

.sub05_02 { position:relative; width:100%; min-width:1280px; overflow:hidden; }

.sub05_02 .sub05img1 { position:absolute; top:54%; left:15%; opacity:0; filter: blur(40px); transform:translate(-50%,-50%); }
.sub05_03 .sub05img2 { position:absolute; top:50%; left:65%; opacity:0; filter: blur(40px);  transform:translate(-50%,-50%); }
.sub05_04 .sub05img3 { position:absolute; top:50%; left:8%; opacity:0; filter: blur(40px); transform:translate(-50%,-50%); }
.sub05_04 .sub05img4 { position:absolute; top:50%; left:85%; opacity:0; filter: blur(40px); transform:translate(-50%,-50%); }
.sub05_04 .sub05img5 { position:absolute; top:50%; left:30%; opacity:0; filter: blur(40px); transform:translate(-50%,-50%); }
.sub05_05 .sub05img6 { position:absolute; top:50%; left:75%; opacity:0; filter: blur(40px); transform:translate(-50%,-50%); }

.sub05_02 .sub05txt1 { position:absolute; top:50%; left:62%; transform:translate(-50%,-50%); width:578px; }
.sub05_02 .sub05txt1 li.title { transform:translateY(-70px); opacity:0; filter: blur(20px); font-size:34px; font-weight:700; color:#000000; line-height:100%; }
.sub05_02 .sub05txt1 li.con { transform:translateY(70px); opacity:0; filter: blur(20px); margin-top:50px; padding-left:150px; font-size:21px; font-weight:500; color:#555555; line-height:160%; }

.sub05_03 .sub05txt2 { position:absolute; top:50%; left:35%; transform:translate(-50%,-50%); width:578px; }
.sub05_03 .sub05txt2 li.title { transform:translateY(-70px); opacity:0; font-size:34px; font-weight:700; color:#000000; line-height:100%; }
.sub05_03 .sub05txt2 li.con { transform:translateY(70px); opacity:0; filter: blur(20px); margin-top:50px; padding-left:150px; font-size:21px; font-weight:500; color:#555555; line-height:160%; }

.sub05_04 .sub05txt3 { position:absolute; top:50%; left:60%; transform:translate(-50%,-50%); width:548px; }
.sub05_04 .sub05txt3 li.title { transform:translateY(-70px); opacity:0; font-size:34px; font-weight:700; color:#000000; line-height:100%; }
.sub05_04 .sub05txt3 li.con { transform:translateY(70px); opacity:0; filter: blur(20px); margin-top:50px; font-size:21px; font-weight:500; color:#555555; line-height:160%; }

.sub05_05 .sub05txt4 { position:absolute; top:50%; left:40%; transform:translate(-50%,-50%); width:578px; }
.sub05_05 .sub05txt4 li.title { transform:translateY(-70px); opacity:0; font-size:34px; font-weight:700; color:#000000; line-height:100%; }
.sub05_05 .sub05txt4 li.con { transform:translateY(70px); opacity:0; filter: blur(20px); margin-top:50px; font-size:21px; font-weight:500; color:#555555; line-height:160%; }


.sub05_02.active .sub05img1 { animation: sub05img1 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
.sub05_02.active .sub05txt1 li.title { animation: sub05title 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
.sub05_02.active .sub05txt1 li.con { animation: sub05con 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }

.sub05_03.active .sub05img2 { animation: sub05img2 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
.sub05_03.active .sub05txt2 li.title { animation: sub05title 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
.sub05_03.active .sub05txt2 li.con { animation: sub05con 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }

.sub05_04.active .sub05img3 { animation: sub05img3 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
.sub05_04.active .sub05img4 { animation: sub05img4 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
.sub05_04.active .sub05img5 { animation: sub05img5 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
.sub05_04.active .sub05txt3 li.title { animation: sub05title 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
.sub05_04.active .sub05txt3 li.con { animation: sub05con 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }

.sub05_05.active .sub05img6 { animation: sub05img6 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
.sub05_05.active .sub05txt4 li.title { animation: sub05title 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
.sub05_05.active .sub05txt4 li.con { animation: sub05con 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }


@keyframes sub05title {
  0% { transform:translateY(-70px); opacity:0; filter: blur(20px); }
  100% { transform:translateY(0px); opacity:1; filter: blur(0px); }
}
@keyframes sub05con {
  0% { transform:translateY(70px); opacity:0; filter: blur(20px); }
  100% { transform:translateY(0px); opacity:1; filter: blur(0px); }
}

@keyframes sub05img1 { 0% { left:15%; opacity:0; filter: blur(40px); } 100% { left:25%; opacity:1; filter: blur(0px); } }
@keyframes sub05img2 { 0% { left:75%; opacity:0; filter: blur(40px); } 100% { left:65%; opacity:1; filter: blur(0px); } }
@keyframes sub05img3 { 0% { left:-2%; opacity:0; filter: blur(40px); } 100% { left:8%; opacity:1; filter: blur(0px); } }
@keyframes sub05img4 { 0% { left:95%; opacity:0; filter: blur(40px); } 100% { left:85%; opacity:1; filter: blur(0px); } }
@keyframes sub05img5 { 0% { left:20%; opacity:0; filter: blur(40px); } 100% { left:30%; opacity:1; filter: blur(0px); } }
@keyframes sub05img6 { 0% { left:85%; opacity:0; filter: blur(40px); } 100% { left:70%; opacity:1; filter: blur(0px); } }





#sub06_02 { position:relative; width:100%; background:#f4f4f4;  }
#sub06_02 .sub06box2 { position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; background:url('/page_KR0/06_sub/images/06_02img1.jpg')no-repeat 25% 70%; background-size:560px; }
#sub06_02 .sub06box2 ul{ position:absolute; top:50%; left:54%; transform:translateY(-50%);}
#sub06_02 .sub06box2 ul li.title { font-size:34px; font-weight:700; color:#000000; letter-spacing:-1px; }
#sub06_02 .sub06box2 ul li.con { margin-top:20px; font-size:18px; font-weight:500; color:#999999; line-height:160%; }
#sub06_02 .sub06box2 ul li.alink { margin-top:40px; position:relative; width:500px; text-align:center; }
#sub06_02 .sub06box2 ul li.alink a.alink1 { float:left; display:block; width:130px; height:40px; line-height:40px; box-sizing:border-box; font-size:14px; font-weight:400; color:#fff; background:#dda478; border-radius:40px; cursor:pointer; }
#sub06_02 .sub06box2 ul li.alink a.alink2 { float:left; display:block; width:130px; height:40px; margin-left:10px; line-height:40px; box-sizing:border-box; font-size:14px; font-weight:400; color:#fff; background:#001528; border-radius:40px; }

#sub06_02 .sub06box3 { background:url('/page_KR0/06_sub/images/06_02img2.jpg')no-repeat 25% 70%; background-size:560px; }
#sub06_02 .sub06box4 { background:url('/page_KR0/06_sub/images/06_03img1.jpg')no-repeat 25% 70%; background-size:560px; }
#sub06_02 .sub06box5 { background:url('/page_KR0/06_sub/images/06_03img5.jpg')no-repeat 25% 70%; background-size:560px; }

#sub06_02 .sub06box { position:absolute; top:140px; left:0px; width:100%; text-align:center; }
#sub06_02 .sub06box ul li.title { font-size:58px; font-weight:700; color:#000000; }
#sub06_02 .sub06box ul li.con { margin-top:20px; font-size:17px; font-weight:500; color:#4d4d4d; }


/* #sub06_02 .sub06box { position:absolute; top:140px; left:0px; width:100%; text-align:center; }
#sub06_02 .sub06box ul li.title { font-size:58px; font-weight:700; color:#000000; }
#sub06_02 .sub06box ul li.con { margin-top:20px; font-size:17px; font-weight:500; color:#4d4d4d; }
#sub06_02 .sub06box2 { position:absolute; top:290px; left:0px; width:100%; overflow:hidden; }
#sub06_02 .sub06box2 ul:nth-child(1) { opacity:0; filter: blur(40px); float:left; position:relative; left:-48%; width:48%; height:558px; box-sizing:border-box; background:url('/page_KR0/06_sub/images/06_02img1.jpg')no-repeat 50% 50%; background-size:cover; overflow:hidden; }
#sub06_02 .sub06box2 ul:nth-child(2) { opacity:0; filter: blur(40px); float:right; position:relative; right:-48%; width:48%; height:558px; box-sizing:border-box; background:url('/page_KR0/06_sub/images/06_02img2.jpg')no-repeat 50% 50%; background-size:cover; overflow:hidden; }
#sub06_02 .sub06box2 ul:nth-child(1) li.title { padding-top:350px; padding-left:50px; width:460px; font-size:25px; font-weight:700; color:#ffffff; }
#sub06_02 .sub06box2 ul:nth-child(1) li.con { margin-top:10px; padding-left:50px; width:460px; font-size:18px; font-weight:500; color:#d8dbd8; line-height:160%; }
#sub06_02 .sub06box2 ul:nth-child(2) li.title { padding-top:350px; padding-left:50px; width:530px; font-size:25px; font-weight:700; color:#ffffff; }
#sub06_02 .sub06box2 ul:nth-child(2) li.con { margin-top:10px; padding-left:50px; width:530px; font-size:18px; font-weight:500; color:#d8dbd8; line-height:160%; }
#sub06_02.active .sub06box2 ul:nth-child(1) { left:0px; opacity:1; filter: blur(0px); transition:all 0.7s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#sub06_02.active .sub06box2 ul:nth-child(2) { right:0px; opacity:1; filter: blur(0px); transition:all 0.7s cubic-bezier(0, 0.55, 0.45, 1) 0s; } */


#sub06_03 { position:relative; width:100%; background:#f4f4f4; }
#sub06_03 .sub06box { position:absolute; top:140px; left:0px; width:100%; text-align:center; }
#sub06_03 .sub06box ul li.title { font-size:58px; font-weight:700; color:#000000; }
#sub06_03 .sub06box ul li.con { margin-top:20px; font-size:17px; font-weight:500; color:#4d4d4d; line-height:140%; }
#sub06_03 .sub06box2 { position:absolute; top:320px; left:0px; width:100%; overflow:hidden; }
#sub06_03 .sub06box2 ul:nth-child(1) { opacity:0; filter: blur(40px); float:left; position:relative; left:-48%; width:48%; height:558px; background:url('/page_KR0/06_sub/images/06_03img1.jpg')no-repeat 50% 50%; background-size:cover; overflow:hidden; }
#sub06_03 .sub06box2 ul:nth-child(2) { opacity:0; filter: blur(40px); float:right; position:relative; right:-48%; width:48%; height:558px; background:url('/page_KR0/06_sub/images/06_03img2.jpg')no-repeat 50% 50%; background-size:cover; overflow:hidden; }
#sub06_03 .sub06box2 ul:nth-child(1) li.title { padding-top:350px; padding-left:50px; width:460px; font-size:25px; font-weight:700; color:#ffffff; }
#sub06_03 .sub06box2 ul:nth-child(1) li.con { margin-top:10px; padding-left:50px; width:460px; font-size:18px; font-weight:500; color:#d8dbd8; line-height:160%; }
#sub06_03 .sub06box2 ul:nth-child(2) li.title { padding-top:350px; padding-left:50px; width:530px; font-size:25px; font-weight:700; color:#ffffff; }
#sub06_03 .sub06box2 ul:nth-child(2) li.con { margin-top:10px; padding-left:50px; width:530px; font-size:18px; font-weight:500; color:#d8dbd8; line-height:160%; }

#sub06_03.active .sub06box2 ul:nth-child(1) { left:0px; opacity:1; filter: blur(0px); transition:all 0.7s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#sub06_03.active .sub06box2 ul:nth-child(2) { right:0px; opacity:1; filter: blur(0px); transition:all 0.7s cubic-bezier(0, 0.55, 0.45, 1) 0s; }




#sub06_04 { position:relative; width:100%; background:#f4f4f4; }

.txt06_04 { position:relative; width:1124px; margin:0 auto; padding-top:120px; }
.txt06_04 li.t1 { font-size:48px; font-weight:700; color:#000; }
.txt06_04 li.t2 { margin-top:20px; font-size:17px; font-weight:500; color:#4c4c4c; line-height:160%; }

.subinte { position:relative; width:100%; margin:20px auto 0 auto; overflow:hidden; }
.subinte div.inteimg { position:relative; width:100%; margin-top:10px; }
.subinte div.inteimg ul { position:relative; width:100%; }
.subinte div.inteimg ul li.imgslide { position:relative; width:1218px; outline:none; }
.subinte div.inteimg ul li div.imgs { display:block; padding:0 47px; height:520px; overflow:hidden; cursor:pointer; }
.subinte div.inteimg ul li img { width:100% !important; display: block !important; }
.subinte div.inteimg ul li div.txt { position:relative; width:100%; margin-top:30px; }
.subinte div.inteimg ul li div.txt ul { position:relative; width:600px; height:68px; margin:0 auto; }
.subinte div.inteimg ul li div.txt ul li:nth-child(1) { display:inline-block; padding-right:30px; margin-top:6px; border-right:1px solid #b3b3b7; font-size:25px; font-weight:700; color:#c28558; vertical-align:top; }
.subinte div.inteimg ul li div.txt ul li:nth-child(2) { display:inline-block; padding-left:30px; font-size:19px; font-weight:400; color:#6f6f6f; line-height:160%; box-sizing:border-box; vertical-align:top; }

.sub07_02 { position:relative; width:100%; min-width:1280px; height:2500px; overflow:hidden; }

.sub07_02 .sub05img1 { position:absolute; top:50%; left:35%; opacity:0; filter: blur(40px); transform:translate(-50%,-50%); }
.sub07_02 .sub05txt1 { position:absolute; top:50%; left:70%; transform:translate(-50%,-50%); width:578px; }
.sub07_02 .sub05txt1 li.title { transform:translateY(-70px); opacity:0; filter: blur(20px); font-size:34px; font-weight:700; color:#000000; line-height:100%; }
.sub07_02 .sub05txt1 li.con { transform:translateY(70px); opacity:0; filter: blur(20px); margin-top:50px; font-size:21px; font-weight:500; color:#555555; line-height:160%; }
.sub07_02.active .sub05img1 { animation: sub07img1 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
.sub07_02.active .sub05txt1 li.title { animation: sub07title 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
.sub07_02.active .sub05txt1 li.con { animation: sub07con 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
@keyframes sub07img1 { 0% { left:25%; opacity:0; filter: blur(40px); } 100% { left:35%; opacity:1; filter: blur(0px); } }


.sub07_03 .sub05img2 { position:absolute; top:50%; left:50%; opacity:0; filter: blur(40px);  transform:translate(-50%,-50%); }
.sub07_03 .sub05txt2 { position:absolute; top:50%; left:25%; transform:translate(-50%,-50%); width:578px; text-align:right; }
.sub07_03 .sub05txt2 li.title { transform:translateY(-70px); opacity:0; font-size:34px; font-weight:700; color:#000000; line-height:100%; }
.sub07_03 .sub05txt2 li.con { transform:translateY(70px); opacity:0; filter: blur(20px); margin-top:30px; font-size:21px; font-weight:500; color:#555555; line-height:160%; }

.sub07_03.active .sub05img2 { animation: sub07img2 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
.sub07_03.active .sub05txt2 li.title { animation: sub07title 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
.sub07_03.active .sub05txt2 li.con { animation: sub07con 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
@keyframes sub07img2 { 0% { left:70%; opacity:0; filter: blur(40px); } 100% { left:60%; opacity:1; filter: blur(0px); } }


.sub07_04 .sub05img3 { position:absolute; top:50%; left:35%; opacity:0; filter: blur(40px); transform:translate(-50%,-50%); }
.sub07_04 .sub05txt3 { position:absolute; top:50%; left:72%; transform:translate(-50%,-50%); width:548px; }
.sub07_04 .sub05txt3 li.title { transform:translateY(-70px); opacity:0; font-size:34px; font-weight:700; color:#000000; line-height:100%; }
.sub07_04 .sub05txt3 li.con { transform:translateY(70px); opacity:0; filter: blur(20px); margin-top:50px; font-size:21px; font-weight:500; color:#555555; line-height:160%; }
.sub07_04.active .sub05img3 { animation: sub07img3 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0s; }
.sub07_04.active .sub05txt3 li.title { animation: sub07title 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
.sub07_04.active .sub05txt3 li.con { animation: sub07con 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
@keyframes sub07img3 { 0% { left:25%; opacity:0; filter: blur(40px); } 100% { left:35%; opacity:1; filter: blur(0px); } }


.sub07_05 .sub05img4 { position:absolute; top:50%; left:85%; opacity:0; filter: blur(40px); transform:translate(-50%,-50%); }
.sub07_05 .sub05txt4 { position:absolute; top:50%; left:25%; transform:translate(-50%,-50%); width:578px; text-align:right; }
.sub07_05 .sub05txt4 li.title { transform:translateY(-70px); opacity:0; font-size:34px; font-weight:700; color:#000000; line-height:100%; }
.sub07_05 .sub05txt4 li.con { transform:translateY(70px); opacity:0; filter: blur(20px); margin-top:50px; font-size:21px; font-weight:500; color:#555555; line-height:160%; }
.sub07_05.active .sub05img4 { animation: sub07img4 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0s; }
.sub07_05.active .sub05txt4 li.title { animation: sub07title 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
.sub07_05.active .sub05txt4 li.con { animation: sub07con 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s; }
@keyframes sub07img4 { 0% { left:75%; opacity:0; filter: blur(40px); } 100% { left:65%; opacity:1; filter: blur(0px); } }


@keyframes sub07title {
  0% { transform:translateY(-70px); opacity:0; filter: blur(20px); }
  100% { transform:translateY(0px); opacity:1; filter: blur(0px); }
}
@keyframes sub07con {
  0% { transform:translateY(70px); opacity:0; filter: blur(20px); }
  100% { transform:translateY(0px); opacity:1; filter: blur(0px); }
}








.subintewarp { position:relative; width:100%; padding-top:40px; }
.subinte2 { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.subinte2 ul.intetxt { position:relative; width:1122px; margin:0 auto; overflow:hidden; }
.subinte2 ul.intetxt li { float:left; width:182px; height:46px; margin-right:6px; line-height:46px; font-size:18px; font-weight:700; color:#ffffff; border-radius:10px; background:#a8a8a8; box-sizing:border-box; text-align:center; }
.subinte2 ul.intetxt li.on { background:#3fc0d0; }
.subinte2 ul.intetxt li:last-child { margin-right:0px; }

.subinte2 div.inteimg { position:relative; width:100%; margin-top:30px; }
.subinte2 div.inteimg ul { position:relative; width:100%; }
.subinte2 div.inteimg ul li { position:relative; width:1218px;  height:636px; outline:none; }
.subinte2 div.inteimg ul li span { display:block; padding:0 47px; }
.subinte2 div.inteimg ul li img { width:100%; display: block !important; }
.subinte2 div.inteimg ul li span.txt { position:absolute; bottom:50px; left:50px; right:50px; font-size:25px; font-weight:700; color:#ffffff; text-align:right; }

.inte_prev { position:absolute; top:230px; left:24%; transform: translate(-50%,0); cursor:pointer; width:60px; height:60px; border-radius:100%; }
.inte_next { position:absolute; top:230px; left:76%; transform: translate(-50%,0); cursor:pointer; width:60px; height:60px; border-radius:100%; }

.inte_prev2 { position:absolute; top:230px; left:24%; transform: translate(-50%,0); cursor:pointer; width:60px; height:60px; border-radius:100%; }
.inte_next2 { position:absolute; top:230px; left:76%; transform: translate(-50%,0); cursor:pointer; width:60px; height:60px; border-radius:100%; }

.slider-nav { position:relative; width:1122px; margin:0 auto; padding:50px 0 50px 0; overflow:hidden; }
.slider-nav div { float:left; width:277px; margin:2px; cursor:pointer; }
.slider-nav div:nth-child(4),.slider-nav div:nth-child(8),.slider-nav div:nth-child(12),.slider-nav div:nth-child(16),.slider-nav div:nth-child(20) {
margin-right:0px;
}
.slider-nav div img { width:100%; }


.procedure { position:relative; background:#f5f5f5; }
.procedure #procedure { position:absolute; top:52%; left:50%; transform:translate(-50%,-50%); width:86%; height:85%; background:#ffffff; min-height:780px; min-width:1500px; }
.procedurecenter { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; }

.procedure #procedure div.title { width:100%; text-align:center; font-size:36px; font-weight:700; color:#000000; line-height:100%; padding-top:30px; }
.procedure #procedure .priceview { display:none; position:relative; width:80%; margin:0 auto; padding:40px 0; margin-top:30px; text-align:center; box-sizing:border-box; border:1px solid #dedede;  }
.procedure #procedure .priceview ul li { display:inline-block; margin:10px 20px; font-size:19px; font-weight:400; color:#6f6f6f; }
.procedure #procedure .priceview ul li span {  font-size:19px; font-weight:700; color:#070707; padding-left:10px; }

.pricetxt { position:relative; width:100%; margin-top:26px; font-size:16px; font-weight:500; color:#ef8434; text-align:center; display:none;}
.pricetxt span { padding:0 10px; }

.icontxt { position:relative; width:900px; margin:0 auto; margin-top:70px; text-align:center; box-sizing:border-box; overflow:hidden; }
.icontxt ul { float:left; width:25%; box-sizing:border-box; }

.icontxt ul:nth-child(1) { background:url('/page_KR0/02_sub/images/icon1.jpg')no-repeat 50% 40px; }
.icontxt ul:nth-child(2) { background:url('/page_KR0/02_sub/images/icon2.jpg')no-repeat 50% 40px; }
.icontxt ul:nth-child(3) { background:url('/page_KR0/02_sub/images/icon3.jpg')no-repeat 50% 40px; }
.icontxt ul:nth-child(4) { background:url('/page_KR0/02_sub/images/icon4.jpg')no-repeat 50% 40px; }

.icontxt ul li:nth-child(1) { font-size:15px; font-weight:500; color:#818181; padding-bottom:140px; }
.icontxt ul li:nth-child(2) { font-size:15px; font-weight:600; color:#001528; }

.targetview {  position:relative; width:500px; margin:0 auto; margin-top:20px; text-align:center; box-sizing:border-box; overflow:hidden; }
.targetview li { font-size:19px; font-weight:400; color:#6f6f6f; line-height:190%; }
.targetview li span { display:inline-block; vertical-align:middle; font-size:10px; color:#ef8434; padding-right:10px; }

.procedure #procedure div:nth-child(5) { margin-top:50px; }



#section8_2 { background:#001528; overflow:hidden; }
#section8_2 div.imgbox { position:absolute; top:54%; left:50%; transform:translate(-50%,-50%); width:1000px;}
#section8_2 div.imgbox div.imgbox1 { float:left; position:relative; width:210px; height:280px; margin:20px; cursor:pointer; }
#section8_2 div.imgbox div.imgbox1 span { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; font-size:21px; font-weight:700; color:#fff; text-align:center; }
#section8_2 div.imgbox div.imgbox1 img { display:block; width:100%;  overflow:hidden; border-radius:10px; transition:all 0.4s cubic-bezier(0.85, 0, 0.15, 1) 0s; }
#section8_2 div.imgbox div.imgbox1:hover img { transition:all 0.4s cubic-bezier(0.85, 0, 0.15, 1) 0s; }

#section8_2 div.imgbox div div.boxodal { 
	position:absolute; top:190px; left:-80px; width:0px; border-radius:20px; background:#ffffff; box-sizing:border-box; overflow:hidden; z-index:1; transition:all 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0s;
}
#section8_2 div.imgbox div.imgbox1:hover div.boxodal { width:400px; transition:all 0.5s cubic-bezier(0.85, 0, 0.15, 1) 0s; }
#section8_2 div.imgbox div div.boxodal ul { position:relative; width:400px; padding:40px; box-sizing:border-box; }
#section8_2 div.imgbox div div.boxodal ul li.txt1 { font-size:26px; font-weight:700; color:#000000; line-height:130%; }
#section8_2 div.imgbox div div.boxodal ul li.txt2 { margin-top:20px; font-size:15px; font-weight:400; color:#000000; line-height:150%; }



/* #section8_2 div.imgbox div.imgbox1 { top:25%; left:10%; }
#section8_2 div.imgbox div.imgbox2 { top:39%; left:26%; }
#section8_2 div.imgbox div.imgbox3 { top:25%; left:42%; }
#section8_2 div.imgbox div.imgbox4 { top:12%; left:58%; }
#section8_2 div.imgbox div.imgbox5 { top:28%; left:74%; }
#section8_2 div.imgbox div.imgbox6 { top:36%; left:90%; }
#section8_2 div.imgbox div.imgbox7 { top:61%; left:10%; }
#section8_2 div.imgbox div.imgbox8 { top:75%; left:26%; }
 */



