.active#sub0101 .subtxt .titletxt1 span:nth-child(1) { display:inline-block; animation: text-focus-in 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 0.9s; }
.active#sub0101 .subtxt .titletxt1 span:nth-child(2) { display:inline-block; animation: text-focus-in 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 1.2s; }
.active#sub0101 .subtxt .titletxt1 span:nth-child(4) { display:inline-block; animation: text-focus-in2 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 1.8s; }

.active#sub0101 .subtxt li.contxt1 { animation: fadeup 0.5s cubic-bezier(0.22, 1, 0.36, 1) both 2.3s; }
.active#sub0101 .subtxt li.contxt3 { animation: fadeup 0.5s cubic-bezier(0.22, 1, 0.36, 1) both 2.6s; }

#sub0101 .subtxtbg li:nth-child(1) { float:left; position:absolute; bottom:0px; left:0px; width:25%; height:100%; border-right:1px solid #e7e7e7; background:#fbfbfb; box-sizing:border-box; }
#sub0101 .subtxtbg li:nth-child(2) { float:left; position:absolute; bottom:0px; left:25%; width:25%; height:100%; border-right:1px solid #e7e7e7; background:#fbfbfb; box-sizing:border-box; }
#sub0101 .subtxtbg li:nth-child(3) { float:left; position:absolute; bottom:0px; left:50%; width:25%; height:100%; border-right:1px solid #e7e7e7; background:#fbfbfb; box-sizing:border-box; }
#sub0101 .subtxtbg li:nth-child(4) { float:left; position:absolute; bottom:0px; left:75%; width:25%; height:100%; border-right:0px solid #e7e7e7; background:#fbfbfb; box-sizing:border-box; }
.active#sub0101 .subtxtbg li:nth-child(1) { animation: topheight 0.7s cubic-bezier(0.22, 1, 0.36, 1) both 0.6s; }
.active#sub0101 .subtxtbg li:nth-child(2) { animation: topheight 0.7s cubic-bezier(0.22, 1, 0.36, 1) both 0.7s; }
.active#sub0101 .subtxtbg li:nth-child(3) { animation: topheight 0.7s cubic-bezier(0.22, 1, 0.36, 1) both 0.8s; }
.active#sub0101 .subtxtbg li:nth-child(4) { animation: topheight 0.7s cubic-bezier(0.22, 1, 0.36, 1) both 0.9s; }


#sub0101_02 { overflow:hidden; }
.sub0101_02 .subtxtbg li:nth-child(1) { float:left; position:absolute; bottom:0px; left:0px; width:25%; height:100%; border-right:1px solid #ebebeb; background:#fff; box-sizing:border-box; }
.sub0101_02 .subtxtbg li:nth-child(2) { float:left; position:absolute; bottom:0px; left:25%; width:25%; height:100%; border-right:1px solid #ebebeb; background:#fff; box-sizing:border-box; }
.sub0101_02 .subtxtbg li:nth-child(3) { float:left; position:absolute; bottom:0px; left:50%; width:25%; height:100%; border-right:1px solid #ebebeb; background:#fff; box-sizing:border-box; }
.sub0101_02 .subtxtbg li:nth-child(4) { float:left; position:absolute; bottom:0px; left:75%; width:25%; height:100%; border-right:0px solid #ebebeb; background:#fff; box-sizing:border-box; }

.sub0101_02 .subtxt3 { position:absolute; top:50%; left:56%; transform:translate(0,-50%); }
.sub0101_02 .subtxt3 .t1 { font-size:54px; font-weight:700; color:#13c0d7; line-height:120%; }
.sub0101_02 .subtxt3 .t2 { font-size:21px; font-weight:500; color:#2e2e2e; line-height:180%; }

.hi_dr { position:absolute; top:50%; left:32%; transform:translate(-50%,-50%); width:688px; height:638px; }
.hi_dr ul { position:relative; width:100%; height:100%; }
.hi_dr ul li { border-radius:100%; overflow:hidden; }
.hi_dr .hd1 { position:absolute; bottom:16px; left:72px; width:333px; height:333px; background:#13c0d7;  }
.hi_dr .hd1 span { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.hi_dr .hd2 { position:absolute; top:39px; left:0px; width:177px; height:177px; }
.hi_dr .hd3 { position:absolute; top:-24px; left:154px;  width:177px; height:177px; }
.hi_dr .hd4 { position:absolute; top:71px; left:254px;  width:226px; height:226px; }
.hi_dr .hd5 { position:absolute; top:26px; left:447px; width:176px; height:176px; }
.hi_dr .hd6 { position:absolute; top:155px; left:96px; width:182px; height:182px; }
.hi_dr .hd7 { position:absolute; top:231px; left:402px; width:175px; height:175px; }
.hi_dr .hd8 { position:absolute; top:241px; left:560px; width:133px; height:133px; }

.hi_dr .hd9{ position:absolute; top:422px; left:-43px; }
.hi_dr .hd10{ position:absolute; top:422px; left:480px; }
.hi_dr .hd11{ position:absolute; top:422px; left:680px; }


.active#sub0101_02 .hi_dr .hd1 { animation: hd1 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 0.4s; }
.active#sub0101_02 .hi_dr .hd2 { animation: fadeleft 2.0s cubic-bezier(0.22, 1, 0.36, 1) both 0.8s; }
.active#sub0101_02 .hi_dr .hd3 { animation: fadebottom 2.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.1s; }
.active#sub0101_02 .hi_dr .hd4 { animation: opa 2.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.5s; }
.active#sub0101_02 .hi_dr .hd5 { animation: faderight 2.0s cubic-bezier(0.22, 1, 0.36, 1) both 2.0s; }
.active#sub0101_02 .hi_dr .hd6 { animation: fadeup 2.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.3s; }
.active#sub0101_02 .hi_dr .hd7 { animation: opa 2.0s cubic-bezier(0.22, 1, 0.36, 1) both 2.3s; }
.active#sub0101_02 .hi_dr .hd8 { animation: opa 2.0s cubic-bezier(0.22, 1, 0.36, 1) both 2.6s; }
.active#sub0101_02 .hi_dr .hd9 { animation: opa 2.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.3s; }
.active#sub0101_02 .hi_dr .hd10 { animation: opa 2.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.3s; }
.active#sub0101_02 .hi_dr .hd11 { animation: opa 2.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.6s; }
.active#sub0101_02 .sub0101_02 .subtxt3 .t1 { animation: text-focus-in 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 2.9s; }
.active#sub0101_02 .sub0101_02 .subtxt3 .t2 { animation: fadeup 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 3.2s; }
@keyframes hd1 { from{ width:70%; height:70%; opacity:0; } to{ width:333px; height:333px; opacity:1; } }


#sub0101_03 { background:#f8f8f8; }
#sub0101_03 .sub01_03bg { position:absolute; top:0px; left:0px; width:55%; height:100%;  overflow:hidden;  }
#sub0101_03 .sub01_03bg span { display:block; width:100%; height:100%; background:url('/page_KR0/01_sub/images/sub0101_03.jpg')no-repeat 50% 50%; background-size:cover;  animation: kenburns-top 25s cubic-bezier(0.22, 1, 0.36, 1) both;}
#sub0101_03 .sub01_03bg2 { position:absolute; top:0px; left:55%; width:23%; height:100%; border-right:1px solid #e5e5e5; }
#sub0101_03 .snowlogo { right:15%; }
#sub0101_03 .subtxt3 { position:absolute; top:50%; left:60%; transform:translate(0,-50%); }
#sub0101_03 .subtxt3 .t1 { font-size:54px; font-weight:700; color:#13c0d7; line-height:120%; }
#sub0101_03 .subtxt3 .t2 { font-size:21px; font-weight:500; color:#2e2e2e; line-height:180%; }

.active#sub0101_03 .sub01_03bg span { animation: kenburns-top 25s cubic-bezier(0.22, 1, 0.36, 1) both; }
.active#sub0101_03 .subtxt3 .t1 { animation: text-focus-in2 1.5s cubic-bezier(0.22, 1, 0.36, 1) both 1.2s; }
.active#sub0101_03 .subtxt3 .t2 { animation: fadeup 1.4s cubic-bezier(0.22, 1, 0.36, 1) both 0.7s; }
.active#sub0101_03 .snowlogo { animation: text-focus-in 2.5s cubic-bezier(0.22, 1, 0.36, 1) both 1.7s; }

#sub0101_04 .subtxtbg li:nth-child(1) { float:left; position:absolute; bottom:0px; left:0px; width:25%; height:100%; border-right:1px solid #ebebeb; background:#fff; box-sizing:border-box; }
#sub0101_04 .subtxtbg li:nth-child(2) { float:left; position:absolute; bottom:0px; left:25%; width:25%; height:100%; border-right:1px solid #ebebeb; background:#fff; box-sizing:border-box; }
#sub0101_04 .subtxtbg li:nth-child(3) { float:left; position:absolute; bottom:0px; left:50%; width:25%; height:100%; border-right:1px solid #ebebeb; background:#fff; box-sizing:border-box; }
#sub0101_04 .subtxtbg li:nth-child(4) { float:left; position:absolute; bottom:0px; left:75%; width:25%; height:100%; border-right:0px solid #ebebeb; background:#fff; box-sizing:border-box; }
#sub0101_04 .subtxt3wrap { position:relative; width:100%; max-width:1480px; margin:0 auto; }
#sub0101_04 .subtxt3 { padding-left:144px; padding-top:277px; box-sizing:border-box; }
#sub0101_04 .subtxt3 .imgtitle { position:absolute; top:126px; left:0px; }
#sub0101_04 .subtxt3 .t1 { font-size:54px; font-weight:700; color:#000; line-height:130%; }
#sub0101_04 .subtxt3 .t2 { font-size:18px; font-weight:500; color:#343434; line-height:180%; }
.strength1 { position:absolute; top:41%; left:65%;width:295px; height:295px; transform:translate(-50%,-50%); background:rgba(19,192,215,0.8); border-radius:100%; text-align:center; }
.strength2 { position:absolute; top:58%; left:74%;width:295px; height:295px; transform:translate(-50%,-50%); background:rgba(203,203,203,0.8); border-radius:100%; text-align:center; }
.strength1 span { display:block; padding-top:106px; font-size:27px; font-weight:500; color:#ffff; }
.strength2 span { display:block; padding-top:106px; font-size:27px; font-weight:500; color:#000; }
#sub0101_04 .snowlogo {
    top: 66%;
    right: 38%;
    width: 50px;
    height: 50px;
}
.active#sub0101_04 .subtxt3 .t1 { animation: fadeup 1.1s cubic-bezier(0.22, 1, 0.36, 1) both 0.5s; }
.active#sub0101_04 .subtxt3 .t2 { animation: fadeup 1.1s cubic-bezier(0.22, 1, 0.36, 1) both 0.9s; }
.active#sub0101_04 .strength1 { animation: strength1 1.1s cubic-bezier(0.22, 1, 0.36, 1) both 1.2s; }
.active#sub0101_04 .strength2 { animation: strength2 1.1s cubic-bezier(0.22, 1, 0.36, 1) both 1.6s; }
.active#sub0101_04 .strength1 span { animation: text-focus-in 1.1s cubic-bezier(0.22, 1, 0.36, 1) both 1.6s; }
.active#sub0101_04 .strength2 span { animation: text-focus-in 1.1s cubic-bezier(0.22, 1, 0.36, 1) both 2.2s; }
.active#sub0101_04 .snowlogo { animation: text-focus-in2 2.2s cubic-bezier(0.22, 1, 0.36, 1) both 2.5s; }

@keyframes strength1 { from{ top:25%; left:54%; width:50px; height:50px; } to{ top:41%; left:65%; width:295px; height:295px; } }
@keyframes strength2 { from{ top:75%; left:84%; width:50px; height:50px; } to{ top:58%; left:74%; width:295px; height:295px; } }


#sub0101_05 {  overflow:hidden; }
#sub0101_05 .sub0101_05bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/01_sub/images/sub0101_05.jpg')no-repeat 50% 50%; background-size:cover; animation: kenburns-top 15s ease-out both; }
#sub0101_05 .subtxtbg li:nth-child(1) { float:left; position:absolute; bottom:0px; left:0px; width:25%; height:100%; background:url('/page_KR0/01_sub/images/sub0101_05bg.png')repeat-y right 0; box-sizing:border-box; }
#sub0101_05 .subtxtbg li:nth-child(2) { float:left; position:absolute; bottom:0px; left:25%; width:25%; height:100%; background:url('/page_KR0/01_sub/images/sub0101_05bg.png')repeat-y right 0; box-sizing:border-box; }
#sub0101_05 .subtxtbg li:nth-child(3) { float:left; position:absolute; bottom:0px; left:50%; width:25%; height:100%; background:url('/page_KR0/01_sub/images/sub0101_05bg.png')repeat-y right 0; box-sizing:border-box; }
#sub0101_05 .subtxt3 { position:absolute; top:0px; left:294px; }
#sub0101_05 .subtxt3 .imgtitle { position:absolute; top:126px; left:0px; }
#sub0101_05 .subtxt3 .t1 { position:absolute; top:200px; left:177px; width:700px; font-size:38px; font-weight:700; color:#fff; line-height:140%; }
#sub0101_05 .subtxt3 .t2 { position:absolute; top:336px; left:177px; width:700px; font-size:38px; font-weight:700; color:#fff; line-height:140%; }
.active#sub0101_05 .subtxt3 .t1 { animation: text-focus-in 1.5s cubic-bezier(0.22, 1, 0.36, 1) both 0.6s; }
.active#sub0101_05 .subtxt3 .t2 { animation: fadeup4 1.5s cubic-bezier(0.22, 1, 0.36, 1) both 1.3s; }
.active#sub0101_05 .sub0101_05bg{ animation: kenburns-top 15s ease-out both; }

#sub0101_06 { background:url('/page_KR0/01_sub/images/sub0101_05.jpg')no-repeat 50% 50%; background-size:cover; }
#sub0101_06 .subtxtbg li:nth-child(1) { float:left; position:absolute; bottom:0px; left:0px; width:25%; height:100%; border-right:1px solid #d6e4e3; background:#e8f7f6; box-sizing:border-box; }
#sub0101_06 .subtxtbg li:nth-child(2) { float:left; position:absolute; bottom:0px; left:25%; width:25%; height:100%; border-right:1px solid #d6e4e3; background:#e8f7f6; box-sizing:border-box; }
#sub0101_06 .subtxtbg li:nth-child(3) { float:left; position:absolute; bottom:0px; left:50%; width:25%; height:100%; border-right:1px solid #d6e4e3; background:#e8f7f6; box-sizing:border-box; }
#sub0101_06 .subtxtbg li:nth-child(4) { float:left; position:absolute; bottom:0px; left:75%; width:25%; height:100%; background:#e8f7f6; box-sizing:border-box; }

#sub0101_06 .imgtitle { position:absolute; top:126px; left:15%; }
#sub0101_06 .imgs { position:absolute; top:0%; left:0%; width:516px; height:531px; overflow:hidden; }
#sub0101_06 .subtxt3 { position:absolute; top:120px; right:0%; }
#sub0101_06 .subtxt3 .t1 { font-size:39px; font-weight:700; color:#111111; line-height:130%; }
#sub0101_06 .subtxt3 .t2 { font-size:18px; font-weight:500; color:#343434; line-height:180%; }

#sub0101_06 .sub0101_06_img { position:relative; top:220px; width:1080px; margin:0 auto; }

.active#sub0101_06 .subtxtbg li:nth-child(1) { animation: topheight 0.4s cubic-bezier(0.22, 1, 0.36, 1) both 0.6s; }
.active#sub0101_06 .subtxtbg li:nth-child(2) { animation: topheight 0.4s cubic-bezier(0.22, 1, 0.36, 1) both 0.7s; }
.active#sub0101_06 .subtxtbg li:nth-child(3) { animation: topheight 0.4s cubic-bezier(0.22, 1, 0.36, 1) both 0.8s; }
.active#sub0101_06 .subtxtbg li:nth-child(4) { animation: topheight 0.4s cubic-bezier(0.22, 1, 0.36, 1) both 0.9s; }
.active#sub0101_06 .imgs { animation: text-focus-in 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 1.3s; }
.active#sub0101_06 .imgs img { display:inline-block; animation: kenburns-top2 15s ease-out both; }
.active#sub0101_06 .subtxt3 .t1 { animation: text-focus-in2 1.1s cubic-bezier(0.22, 1, 0.36, 1) both 1.7s; }
.active#sub0101_06 .subtxt3 .t2 { animation: text-focus-in2 1.1s cubic-bezier(0.22, 1, 0.36, 1) both 2.0s; }

#sub0101_07 .subtxtbg li:nth-child(1) { float:left; position:absolute; bottom:0px; left:0px; width:25%; height:100%; border-right:1px solid #d6e4e3; background:#e8f7f6; box-sizing:border-box; }
#sub0101_07 .subtxtbg li:nth-child(2) { float:left; position:absolute; bottom:0px; left:25%; width:25%; height:100%; border-right:1px solid #d6e4e3; background:#e8f7f6; box-sizing:border-box; }
#sub0101_07 .subtxtbg li:nth-child(3) { float:left; position:absolute; bottom:0px; left:50%; width:25%; height:100%; border-right:1px solid #d6e4e3; background:#e8f7f6; box-sizing:border-box; }
#sub0101_07 .subtxtbg li:nth-child(4) { float:left; position:absolute; bottom:0px; left:75%; width:25%; height:100%; background:#e8f7f6; box-sizing:border-box; }
#sub0101_07 .subtxtbg2 li:nth-child(1) { float:left; position:absolute; bottom:0px; left:0px; width:25%; height:100%; border-right:1px solid #12b1c6; background:#13c0d7; box-sizing:border-box; }
#sub0101_07 .subtxtbg2 li:nth-child(2) { float:left; position:absolute; bottom:0px; left:25%; width:25%; height:100%; border-right:1px solid #12b1c6; background:#13c0d7; box-sizing:border-box; }
#sub0101_07 .subtxtbg2 li:nth-child(3) { float:left; position:absolute; bottom:0px; left:50%; width:25%; height:100%; border-right:1px solid #12b1c6; background:#13c0d7; box-sizing:border-box; }
#sub0101_07 .subtxtbg2 li:nth-child(4) { float:left; position:absolute; bottom:0px; left:75%; width:25%; height:100%; background:#13c0d7; box-sizing:border-box; }
.active#sub0101_07 .subtxtbg2 li:nth-child(1) { animation: topheight 0.8s cubic-bezier(0.22, 1, 0.36, 1) both 0.4s; }
.active#sub0101_07 .subtxtbg2 li:nth-child(2) { animation: topheight 0.8s cubic-bezier(0.22, 1, 0.36, 1) both 0.5s; }
.active#sub0101_07 .subtxtbg2 li:nth-child(3) { animation: topheight 0.8s cubic-bezier(0.22, 1, 0.36, 1) both 0.6s; }
.active#sub0101_07 .subtxtbg2 li:nth-child(4) { animation: topheight 0.8s cubic-bezier(0.22, 1, 0.36, 1) both 0.7s; }

#sub0101_07 .subtxt3 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; }
#sub0101_07 .subtxt3 .t1 { height:82px; overflow:hidden; font-size:62px; font-weight:700; color:#fff; line-height:100%; }
#sub0101_07 .subtxt3 .t1 span { display:inline-block;  }
#sub0101_07 .subtxt3 .t3 { height:82px; overflow:hidden; font-size:62px; font-weight:700; color:#fff; line-height:100%; }
#sub0101_07 .subtxt3 .t3 span { display:inline-block;  }
#sub0101_07 .subtxt3 .t2 { font-size:21px; font-weight:500; color:#fff; line-height:100%; }
.active#sub0101_07 .subtxt3 .t1 span { animation: fadeup 2.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.3s; }
.active#sub0101_07 .subtxt3 .t3 span { animation: fadeup 2.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.8s; }
.active#sub0101_07 .subtxt3 .t2 { animation: fadeup 1.5s cubic-bezier(0.22, 1, 0.36, 1) both 2.5s; }

#sub0101_08 .subtxt2 { position:absolute; top:20%; left:15%; }
#sub0101_08 .subtxt2 li.t1 { margin-top:20px; font-size:17px; font-weight:400; color:#343434; line-height:150%; }
#sub0101_08 .subtxt2 li.t2 {  font-size:40px; font-weight:700; color:#111111; line-height:130%; }
#sub0101_08 .sub02_08bg { position:absolute; top:68%; left:50%; transform: translate(-50%,-50%); width:432px; height:432px; border-radius:100%; }
#sub0101_08 .engwrap { position:absolute; top:65%; left:50%; width:100%; transform: translate(-50%,-50%); }
#sub0101_08 .subtxtbg li:nth-child(1) { float:left; position:absolute; bottom:0px; left:0px; width:25%; height:100%; background:#f7f7f7; border-right:1px solid #e4e4e4; box-sizing:border-box; }
#sub0101_08 .subtxtbg li:nth-child(2) { float:left; position:absolute; bottom:0px; left:25%; width:25%; height:100%; background:#f7f7f7; border-right:1px solid #e4e4e4; box-sizing:border-box; }
#sub0101_08 .subtxtbg li:nth-child(3) { float:left; position:absolute; bottom:0px; left:50%; width:25%; height:100%; background:#f7f7f7; border-right:1px solid #e4e4e4; box-sizing:border-box; }
#sub0101_08 .subtxtbg li:nth-child(4) { float:left; position:absolute; bottom:0px; left:75%; width:25%; height:100%; background:#f7f7f7; box-sizing:border-box; }
#sub0101_08 .subtxtbg2 li:nth-child(1) { float:left; position:absolute; bottom:0px; left:0px; width:25%; height:100%; background:#fff; border-right:1px solid #e9e9e9; box-sizing:border-box; }
#sub0101_08 .subtxtbg2 li:nth-child(2) { float:left; position:absolute; bottom:0px; left:25%; width:25%; height:100%; background:#fff; border-right:1px solid #e9e9e9; box-sizing:border-box; }
#sub0101_08 .subtxtbg2 li:nth-child(3) { float:left; position:absolute; bottom:0px; left:50%; width:25%; height:100%; background:#fff; border-right:1px solid #e9e9e9; box-sizing:border-box; }
#sub0101_08 .subtxtbg2 li:nth-child(4) { float:left; position:absolute; bottom:0px; left:75%; width:25%; height:100%; background:#fff; box-sizing:border-box; }

.active#sub0101_08 .subtxt2 li.t1 { animation: fadeup 1.5s cubic-bezier(0.22, 1, 0.36, 1) both 1.8s; }
.active#sub0101_08 .subtxt2 li.t2 { animation: fadeup 1.5s cubic-bezier(0.22, 1, 0.36, 1) both 1.4s; }

.active#sub0101_08 .eng_i { animation: fadeleft2 1.4s cubic-bezier(0.22, 1, 0.36, 1) both 2.2s; }
.active#sub0101_08 .eng_e { animation: fadeleft2 1.4s cubic-bezier(0.22, 1, 0.36, 1) both 2.4s; }
.active#sub0101_08 .eng_u { animation: fadeleft2 1.4s cubic-bezier(0.22, 1, 0.36, 1) both 2.6s; }
.active#sub0101_08 .eng_l { animation: fadeleft2 1.4s cubic-bezier(0.22, 1, 0.36, 1) both 2.8s; }

.active#sub0101_08 .subtxtbg li:nth-child(1) { animation: topheight 0.4s cubic-bezier(0.22, 1, 0.36, 1) both 0.5s; }
.active#sub0101_08 .subtxtbg li:nth-child(2) { animation: topheight 0.4s cubic-bezier(0.22, 1, 0.36, 1) both 0.6s; }
.active#sub0101_08 .subtxtbg li:nth-child(3) { animation: topheight 0.4s cubic-bezier(0.22, 1, 0.36, 1) both 0.7s; }
.active#sub0101_08 .subtxtbg li:nth-child(4) { animation: topheight 0.4s cubic-bezier(0.22, 1, 0.36, 1) both 0.8s; }


.active#sub0102 .subtxt .titletxt1,.active#sub0102 .subtxt .titletxt4 { height:100px; overflow:hidden; }
.active#sub0102 .subtxt .titletxt1 span { display:inline-block; animation: fadeup 1.3s cubic-bezier(0.22, 1, 0.36, 1) both 1.1s; }
.active#sub0102 .subtxt .titletxt4 span { display:inline-block; animation: fadeup 1.3s cubic-bezier(0.22, 1, 0.36, 1) both 1.5s; }
.active#sub0102 .subtxt li.contxt1 { animation: fadeup 0.5s cubic-bezier(0.22, 1, 0.36, 1) both 2.0s; }
.active#sub0102 .subtxt li.contxt3 { animation: fadeup 0.5s cubic-bezier(0.22, 1, 0.36, 1) both 2.3s; }
#sub0102 .subtxtbg li:nth-child(1) { float:left; position:absolute; bottom:0px; left:0px; width:25%; height:100%; border-right:1px solid #e7e7e7; background:#fff; box-sizing:border-box; }
#sub0102 .subtxtbg li:nth-child(2) { float:left; position:absolute; bottom:0px; left:25%; width:25%; height:100%; border-right:1px solid #e7e7e7; background:#fff; box-sizing:border-box; }
#sub0102 .subtxtbg li:nth-child(3) { float:left; position:absolute; bottom:0px; left:50%; width:25%; height:100%; border-right:1px solid #e7e7e7; background:#fff; box-sizing:border-box; }
#sub0102 .subtxtbg li:nth-child(4) { float:left; position:absolute; bottom:0px; left:75%; width:25%; height:100%; border-right:0px solid #e7e7e7; background:#fff; box-sizing:border-box; }
.active#sub0102 .subtxtbg li:nth-child(1) { animation: topheight 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 0.4s; }
.active#sub0102 .subtxtbg li:nth-child(2) { animation: topheight 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 0.5s; }
.active#sub0102 .subtxtbg li:nth-child(3) { animation: topheight 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 0.6s; }
.active#sub0102 .subtxtbg li:nth-child(4) {animation: topheight 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 0.7s;  }


#sub0102_01 .titletxt { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:340px; text-align:center; }
#sub0102_01 .titletxt ul li { cursor:pointer; }
#sub0102_01 .titletxt ul li.centertxt1 { position:relative; width:108px; margin:24px auto; font-size:28px; font-weight:700; color:#ffffff; }
#sub0102_01 .titletxt ul li.centertxt2 { position:relative; width:80px; margin:24px auto; font-size:28px; font-weight:700; color:#ffffff; }
#sub0102_01 .titletxt ul li.centertxt3 { position:relative; width:336px; margin:24px auto; font-size:28px; font-weight:700; color:#ffffff; }
#sub0102_01 .titletxt ul li.centertxt4 { position:relative; width:54px; margin:24px auto; font-size:28px; font-weight:700; color:#ffffff; }
#sub0102_01 .titletxt ul li.centertxt5 { position:relative; width:54px; margin:24px auto; font-size:28px; font-weight:700; color:#ffffff; }
#sub0102_01 .titletxt ul li.centertxt6 { position:relative; width:210px; margin:24px auto; font-size:28px; font-weight:700; color:#ffffff; }

#sub0102_01 .titletxt ul li .titletxtbt { opacity:0; display:block; position:absolute; top:-10px; right:-40px; width:26px; height:26px; background:#e8f7f6; border-radius:100%; transition:all 1.3s cubic-bezier(0.22, 1, 0.36, 1) ; }
#sub0102_01 .titletxt ul li:hover .titletxtbt { opacity:1; }

#sub0102_01 .subtxtbg li:nth-child(1) { float:left; position:absolute; bottom:0px; left:0px; width:25%; height:100%; border-right:1px solid #e7e7e7; background:#fff; box-sizing:border-box; }
#sub0102_01 .subtxtbg li:nth-child(2) { float:left; position:absolute; bottom:0px; left:25%; width:25%; height:100%; border-right:1px solid #e7e7e7; background:#fff; box-sizing:border-box; }
#sub0102_01 .subtxtbg li:nth-child(3) { float:left; position:absolute; bottom:0px; left:50%; width:25%; height:100%; border-right:1px solid #e7e7e7; background:#fff; box-sizing:border-box; }
#sub0102_01 .subtxtbg li:nth-child(4) { float:left; position:absolute; bottom:0px; left:75%; width:25%; height:100%; background:#fff; box-sizing:border-box; }
#sub0102_01 .subtxtbg2 li:nth-child(1) { float:left; position:absolute; bottom:0px; left:0px; width:25%; height:100%; border-right:1px solid #15b6c9; background:#17c5da; box-sizing:border-box; }
#sub0102_01 .subtxtbg2 li:nth-child(2) { float:left; position:absolute; bottom:0px; left:25%; width:25%; height:100%; border-right:1px solid #15b6c9; background:#17c5da; box-sizing:border-box; }
#sub0102_01 .subtxtbg2 li:nth-child(3) { float:left; position:absolute; bottom:0px; left:50%; width:25%; height:100%; border-right:1px solid #15b6c9; background:#17c5da; box-sizing:border-box; }
#sub0102_01 .subtxtbg2 li:nth-child(4) { float:left; position:absolute; bottom:0px; left:75%; width:25%; height:100%; background:#17c5da; box-sizing:border-box; }

.active#sub0102_01 .subtxtbg2 li:nth-child(1) { animation: topheight 0.5s cubic-bezier(0.22, 1, 0.36, 1) both 0.5s; }
.active#sub0102_01 .subtxtbg2 li:nth-child(2) { animation: topheight 0.5s cubic-bezier(0.22, 1, 0.36, 1) both 0.6s; }
.active#sub0102_01 .subtxtbg2 li:nth-child(3) { animation: topheight 0.5s cubic-bezier(0.22, 1, 0.36, 1) both 0.7s; }
.active#sub0102_01 .subtxtbg2 li:nth-child(4) { animation: topheight 0.5s cubic-bezier(0.22, 1, 0.36, 1) both 0.8s; }

#sub0102_01 #ieuleng div { box-sizing:border-box; font-size:40px; font-weight:700; color:#ffffff; z-index:0; opacity:0.4; }
#sub0102_01 #ieuleng div span { display:inline-block; position:absolute; }
#sub0102_01 #ieuleng div span.t1 { top:20%; left:5%; }
#sub0102_01 #ieuleng div span.t2 { top:20%; left:30%; }
#sub0102_01 #ieuleng div span.t3 { top:20%; left:60%; }
#sub0102_01 #ieuleng div span.t4 { top:20%; left:95%; }
#sub0102_01 #ieuleng div span.t5 { top:75%; left:5%; }
#sub0102_01 #ieuleng div span.t6 { top:75%; left:20%; }
#sub0102_01 #ieuleng div span.t7 { top:75%; left:40%; }
#sub0102_01 #ieuleng div span.t8 { top:75%; left:60%; }
#sub0102_01 #ieuleng div span.t9 { top:75%; left:80%; }
#sub0102_01 #ieuleng div span.t10 { top:75%; left:95%; }
.active#sub0102_01 #ieuleng div span.t1 { animation: text-focus-in 1.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.1s; }
.active#sub0102_01 #ieuleng div span.t2 { animation: text-focus-in 1.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.1s; }
.active#sub0102_01 #ieuleng div span.t3 { animation: text-focus-in 1.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.1s; }
.active#sub0102_01 #ieuleng div span.t4 { animation: text-focus-in 1.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.1s; }
.active#sub0102_01 #ieuleng div span.t5 { animation: text-focus-in 1.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.1s; }
.active#sub0102_01 #ieuleng div span.t6 { animation: text-focus-in 1.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.1s; }
.active#sub0102_01 #ieuleng div span.t7 { animation: text-focus-in 1.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.1s; }
.active#sub0102_01 #ieuleng div span.t8 { animation: text-focus-in 1.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.1s; }
.active#sub0102_01 #ieuleng div span.t9 { animation: text-focus-in 1.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.1s; }
.active#sub0102_01 #ieuleng div span.t10 { animation: text-focus-in 1.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.1s; }

.active#sub0102_01 .titletxt { animation: text-focus-in 1.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.5s; }



#center-modal,#center-modal2,#center-modal3,#center-modal4,#center-modal5,#center-modal6 { position: fixed; top:0px; left: 0; width:100%; height: 100%; z-index:10; transform: scale(0); background: rgba(20, 192, 215, .8); }
#center-modal .modal-background,#center-modal2 .modal-background,#center-modal3 .modal-background,#center-modal4 .modal-background,#center-modal5 .modal-background,#center-modal6 .modal-background
{ position:absolute; top:0px; left:0px; width:100%; height:100%;   overflow-y: auto; overflow-x: hidden; text-align: center;  }
#center-modal.center_01,#center-modal2.center_02,#center-modal3.center_03,#center-modal4.center_04,#center-modal5.center_05,#center-modal6.center_06
{ animation: unfoldIn 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards; }
#center-modal.out,#center-modal2.out,#center-modal3.out,#center-modal4.out,#center-modal5.out,#center-modal6.out
{ transform: scale(1); animation: unfoldOut 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.5s; }

.center1_1warp { position:relative; float:right; width:85%; height:1002px; z-index:3; }
.center1_1 { position:fixed; top:0px; left:0px; width:100%; height:0px; background:url('/page_KR0/01_sub/images/center_01_bg.jpg')no-repeat 50% 50%; background-size:cover; overflow:hidden; transition:all 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.8s; }
.center1_1.center2_1 { background:url('/page_KR0/01_sub/images/center_02_bg.jpg')no-repeat 50% 50%; background-size:cover; }
.center1_1.center3_1 { background:url('/page_KR0/01_sub/images/center_03_bg.jpg')no-repeat 50% 50%; background-size:cover; }
.center1_1.center4_1 { background:url('/page_KR0/01_sub/images/center_04_bg.jpg')no-repeat 50% 50%; background-size:cover; }
.center1_1.center4_1_2 { background:url('/page_KR0/01_sub/images/center_04_bg2.jpg')no-repeat 50% 50%; background-size:cover; }
.center1_1.center5_1 { background:url('/page_KR0/01_sub/images/center_05_bg.jpg')no-repeat 50% 50%; background-size:cover; }
.center1_1.center6_1 { background:url('/page_KR0/01_sub/images/center_06_bg.jpg')no-repeat 50% 50%; background-size:cover; }
.center1_1 ul.centertxt { position:fixed; top:700px; left:110px; text-align:left; }
.center1_1 ul.centertxt li.t1 { opacity:0; margin-top:40px; font-size:40px; font-weight:700; color:#ffffff; line-height:130%; transition:all 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1.4s;}
.center1_1 ul.centertxt li.t2 { opacity:0; margin-top:70px; font-size:19px; font-weight:400; color:#cecece; line-height:180%; transition:all 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1.8s;}

#center-modal4 .centerslide .slick-dots { opacity:0; position: fixed; top:670px; left:110px; display: block;  padding: 0; margin: 0; list-style: none; overflow:hidden; cursor:pointer; transition:all 0.8s cubic-bezier(0.22, 1, 0.36, 1) 2.2s; }
#center-modal4 .centerslide .slick-dots li { float:left; width:13px; height:13px; margin-right:6px; border:1px solid #16c5d5; border-radius:100%; background:none; box-sizing:border-box; }
#center-modal4 .centerslide .slick-dots li.slick-active { background:#16c5d5; }
#center-modal4.center_view .centerslide .slick-dots { opacity:1; }


.center_view .center1_1 { position:fixed; top:0px; left:0px; width:100%; height:1002px; }
.center_view .center1_1 ul.centertxt li.t1 { opacity:1; margin-top:0px; }
.center_view .center1_1 ul.centertxt li.t2 { opacity:1; margin-top:30px; }
.out .center1_1 { position:fixed; top:0px; left:0px; width:100%; height:0px; transition:all 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.3s; }
.out .center1_1 ul.centertxt li.t1,.out .center1_1 ul.centertxt li.t2 { opacity:0; transition:all 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.3s; }

.center1_2 { clear:both; position:relative; width:100%; height:1040px; background:#e8f7f6; text-align:left; opacity:0; z-index:3; }
.center1_drimg { position:absolute; top:0px; right:0px; width:753px; height:100%; background:url('/page_KR0/01_sub/images/centerdrimg1.jpg')no-repeat 100% 0%;  background-attachment:fixed; }
.center1_drimg.center2_drimg { background:url('/page_KR0/01_sub/images/centerdrimg2.jpg')no-repeat 100% 0%; background-attachment:fixed;}
.center1_drimg.center3_drimg { background:url('/page_KR0/01_sub/images/centerdrimg3.jpg')no-repeat 100% 0%; background-attachment:fixed;}
.center1_drimg.center4_drimg { background:url('/page_KR0/01_sub/images/centerdrimg4.jpg')no-repeat 100% 0%; background-attachment:fixed;}
.center1_drimg.center4_drimg2 { background:url('/page_KR0/01_sub/images/centerdrimg4_2.jpg')no-repeat 100% 0%; background-attachment:fixed;}
.center1_drimg.center5_drimg { background:url('/page_KR0/01_sub/images/centerdrimg5.jpg')no-repeat 100% 0%; background-attachment:fixed;}
.center1_drimg.center6_drimg { background:url('/page_KR0/01_sub/images/centerdrimg6.jpg')no-repeat 100% 0%; background-attachment:fixed;}
.center1_2 ul li.t1 { position:absolute; top:15%; left:8%; }
.center1_2 ul li.t2 { position:absolute; top:30%; left:8%; font-size:17px; font-weight:400; color:#343434; line-height:190%; }

#center-modal4 .center1_2 .slick-dots { position: absolute; top:76%; left:8%; display: block;  padding: 0; margin: 0; list-style: none; overflow:hidden; cursor:pointer; }
#center-modal4 .center1_2 .slick-dots li { float:left; width:13px; height:13px; margin-right:6px; border:1px solid #16c5d5; border-radius:100%; background:none; box-sizing:border-box; }
#center-modal4 .center1_2 .slick-dots li.slick-active { background:#16c5d5; }


.center1_3 { position:relative; width:100%; height:700px; border-bottom:1px solid #e7e7e7; opacity:0;  z-index:3; }
.center1_3 .subtxtbg li:nth-child(1) { float:left; position:absolute; bottom:0px; left:0px; width:25%; height:100%; border-right:1px solid #e7e7e7; background:#fff; box-sizing:border-box; }
.center1_3 .subtxtbg li:nth-child(2) { float:left; position:absolute; bottom:0px; left:25%; width:25%; height:100%; border-right:1px solid #e7e7e7; background:#fff; box-sizing:border-box; }
.center1_3 .subtxtbg li:nth-child(3) { float:left; position:absolute; bottom:0px; left:50%; width:25%; height:100%; border-right:1px solid #e7e7e7; background:#fff; box-sizing:border-box; }
.center1_3 .subtxtbg li:nth-child(4) { float:left; position:absolute; bottom:0px; left:75%; width:25%; height:100%; background:#fff; box-sizing:border-box; }

.center1_3 div.t1 { position:absolute; top:80px; left:8%; }

.allmenu_info3 ul.all_phone { position:absolute; top:226px; left:140px; width:200px; padding-top:48px; text-align:center; background:url('/images/common/all_phone.jpg')no-repeat 50% 0; }
.allmenu_info3 ul.all_time { position:absolute; top:226px; left:552px; width:380px; padding-top:48px; line-height: 220%; background:url('/images/common/all_time.jpg')no-repeat 28% 0; text-align:left; }
.allmenu_info3 ul.all_phone li { font-size:23px; font-weight:700; color:#46d1e1; font-family: 'Jost'; line-height:1; margin-bottom:32px; }
.allmenu_info3 ul.all_phone li.sns { margin-bottom:0px; }
.allmenu_info3 ul.all_time li { margin-bottom:10px; font-size:16px; color:#000;   font-family: 'Jost'; font-weight:500;  }
.allmenu_info3 ul.all_time li span { display:inline-block; width:90px; color:#717171; font-family: 'Noto Sans KR', sans-serif; font-size:15px; font-weight:400; }
.allmenu_info3 ul.all_time li span.t2 { display:inline-block; width:100%; color:#717171; font-family: 'Noto Sans KR', sans-serif; font-size:15px; font-weight:400; }
.allmenu_info3 ul.all_time li span.lunch { margin-left:8px; display:inline-block; width:auto; font-family: 'Noto Sans KR', sans-serif; font-size:15px; font-weight:400; }

.center1_4 { position:relative; width:100%;  margin:0 auto; padding:0 80px; box-sizing:border-box; background:#fff; opacity:0; z-index:3; }
.center1_4 div.centersubject { position:relative; width:100%; max-width:1920px; padding:50px 0; margin:0 auto; border-bottom:1px solid #e7e7e7; overflow:hidden; }
.center1_4 div.centersubject ul { float:left; width:50%; max-width:668px; text-align:left; }
.center1_4 div.centersubject ul li.t1 { padding-top:20%; font-size:23px; font-weight:700; color:#343434; line-height:100%; }
.center1_4 div.centersubject ul li.t2 { padding-top:16px; font-size:17px; font-weight:400; color:#343434; line-height:170%; }
.center1_4 div.centersubject ul li.linkbt a { display:block; width:132px; height:40px; border:1px solid #13c0d7; margin-top:50px; font-size:14px; font-weight:500; color:#13c0d7; text-align:center; line-height:38px; border-radius:50px; }
.center1_4 div.centersubject ul li.linkbt a:hover { color:#fff; background:#13c0d7;  }
.center1_4 div.centersubject div { float:right; width:50%; max-width:812px; overflow:hidden; }
.center1_4 div.centersubject div img { width:100%; }

.center1_5 { position:relative; width:100%; margin:0 auto; padding:100px 80px; box-sizing:border-box; overflow:hidden; background:#fff; opacity:0; z-index:3; }
.center1_5 .t1 { position:absolute; top:10%; left:80px; }

.center1_5 .center_map { float:left; width:50%; }
.center1_5 .center_map ul li.mapbt { width:100%; height:72px; overflow:hidden; }
.center1_5 .center_map ul li.mapview { width:100%; height:350px; }
.center1_5 .center_map ul li.mapbt a { float:right; display:block; width:132px; height:40px; border:1px solid #343434; margin-left:12px; font-size:14px; font-weight:500; color:#343434; text-align:center; line-height:38px; border-radius:50px; }
.center1_5 .center_map ul li.mapbt a:hover { color:#fff; background:#13c0d7; border:1px solid #13c0d7; }
.center1_5 .center_add { float:left; width:50%; padding-top:112px; text-align:left; padding-left:78px; box-sizing:border-box; }
.center1_5 .center_add ul li { width:100%; height:155px; border-bottom:1px solid #e7e7e7; font-size:23px; font-weight:700; line-height:175px; box-sizing:border-box; }
.center1_5 .center_add ul li.add1 { color:#13c0d7; background:url('/page_KR0/01_sub/images/addicon1.jpg')no-repeat 0 30px; }
.center1_5 .center_add ul li.add2 { color:#000000; background:url('/page_KR0/01_sub/images/addicon2.jpg')no-repeat 0 30px; }


.center_view .center1_2,.center_view .center1_3,.center_view .center1_4,.center_view .center1_5 { animation: opa 0.9s cubic-bezier(0.22, 1, 0.36, 1) both 0.7s; }



.centerslide { z-index:2; }




.sub0103wrap { position:relative; width:100%; height:950px; }
.sub0103 { position:relative; width:100%; height:950px; overflow:hidden; animation: vodheight 1.0s cubic-bezier(0.22, 1, 0.36, 1) both 1.0s; }
.sub0103 ul {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:100%; text-align:center; }
.sub0103 ul li.title { font-size:78px; font-weight:700; color:#111111; animation: text-focus-in 1.6s cubic-bezier(0.22, 1, 0.36, 1) both 2.3s; }
.sub0103 ul li.con { font-size:21px; font-weight:500; color:#13c0d7; animation: fadeup 1.6s cubic-bezier(0.22, 1, 0.36, 1) both 2.8s; }

.dr0103 { position:relative; width:1280px; margin:0 auto; margin-bottom:130px; overflow:hidden; }
.dr0103 div.imgs { float:left; width:216px; height:296px; overflow:hidden; }
.dr0103 div.imgs img { height:100%; margin-left: -25px; display:block; }
.dr0103 div.timetable0103 { float:right; width:1030px; }
.dr0103 div.timetable0103 div.name { font-size:28px; font-weight:700; color:#000; }
.dr0103 div.timetable0103 div.name .t2 { font-size:19px; color:#262626; font-weight:500; }
.dr0103 div.timetable0103 div.name .t3 { float:right; margin-top:0px; }

.dr0103 div.timetable0103 a.drlinkbt1 { width: 165px; height: 40px; line-height: 40px; padding-left: 56px; background:#13c0d7 url('/page_KR0/01_sub/images/bticon1.jpg')no-repeat 26px 50%; color:#fff;  }



@keyframes kenburns-top {
  0% {
	transform: scale(1.15, 1.15);
  }
  100% {
	transform: translate3d(0px, 0px, 0px) scale(1);
  }
}

@keyframes kenburns-top2 {
  0% {
	transform: scale(1.3, 1.3);
  }
  100% {
	transform: translate3d(0px, 0px, 0px) scale(1);
  }
}