::scrollbar { width: 5px; height:12px; }
::-webkit-scrollbar { width: 5px; height:12px; }
::scrollbar-track { background-color: #f1fafe; }
::-webkit-scrollbar-track { background-color: #f1fafe; top:660px; }
::scrollbar-thumb { background: #a13c89; }
::-webkit-scrollbar-thumb { background: #a13c89; }
::scrollbar-button { display: none; }
::-webkit-scrollbar-button { display: none; }


#vod1102 { position:relative; width:1280px; margin:0 auto;  }
#vod1102 video { display:inline-block; position: absolute; top:121px; right:60px; width:597px; height:347px; }

#vod1105 { position:relative; width:1280px; margin:0 auto;  }
#vod1105 video { display:inline-block; position: absolute; top:140px; right:60px; width:597px; height:347px; }


#location { position:relative; top:0px; left:0; width:630px; margin:30px auto 0 auto; transform:translateX(0%); height:68px; z-index:1; display:none; }

.submenuwrap { position:relative; width:100%; text-align:center;  z-index:2; }
.subdropmenu ul li.subdepth { display:inline-block; position:relative; padding:0 40px 0 20px; margin:0 -2px; border-right:1px solid #; }
.subdropmenu ul li.subhome a { display:block; position:relative; font-size:18px; font-weight:500; color:#434343; }
.subdropmenu ul li.subhome a:hover { color:#a13c89; }
.subdropmenu ul li a.dta { display:block; padding:10px 0 20px 0; padding-right:30px; font-size:18px; font-weight:500; color:#434343; box-sizing:border-box; }
.subdropmenu ul li a.dta span { display:block; position:absolute; top:14px; right:20px; font-size:12px; }
.subdropmenu ul li a.dta:hover { color:#a13c89; }

.subdropmenu ul li ul.dropview { position:absolute; top:44px; left:0px; width:230px; border-top:1px solid #cfcfcf; z-index:2; }
.subdropmenu ul li ul.dropview li a {
display:block; position:relative; width:100%; height:47px; padding-left:24px; line-height:47px; font-size:16px; color:#434343; font-weight:500; text-align:left; background:#fff;
box-sizing:border-box; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;
}
.subdropmenu ul li ul.dropview li a span { display:block; position:absolute; top:0px; right:0px; padding-right:20px; }
.subdropmenu ul li ul.dropview li a:hover { color:#a13c89; }


.sublocation { display:block; position:relative; top:0px; left:0px; width:100%; padding-top:70px; z-index:2; display:none;}
.sublocation .locabtprev { display:none; position:absolute; top:0px; left:100px; }
.sublocation .locabtnext { display:none; position:absolute; top:0px; right:100px; }
.sublocation .title { width:100%; text-align:center; font-size:48px; font-weight:700; color:#000000; letter-spacing:-1px; }

#location.tabNum01 { position:absolute; top:580px; left:50%; width:630px; margin:0px auto 0 auto; transform:translateX(-50%); height:68px; z-index:2; }
.sublocation.sublocation01 {  position:absolute; top:1040px; left:0px; padding-top:0px; width:100%; z-index:1; }
.sublocation.sublocation01 .locabtprev { display:block; position:absolute; top:0px; left:100px; }
.sublocation.sublocation01 .locabtnext { display:block; position:absolute; top:0px; right:100px; }
#location.tabNum02, .sublocation02 { display:none; }
#location.tabNum12, .sublocation12 { display:none; }

#location.tabNum08 { position:absolute; top:580px; left:50%; width:630px; margin:0px auto 0 auto; transform:translateX(-50%); height:68px; z-index:2; }
.sublocation.sublocation08 {  position:absolute; top:1040px; left:0px; padding-top:0px; width:100%; z-index:1; }
.sublocation.sublocation08 .locabtprev { display:block; position:absolute; top:0px; left:100px; }
.sublocation.sublocation08 .locabtnext { display:block; position:absolute; top:0px; right:100px; }
#location.tabNum09 { position:absolute; top:580px; left:50%; width:630px; margin:0px auto 0 auto; transform:translateX(-50%); height:68px; z-index:2; }
.sublocation.sublocation09 {  position:absolute; top:1040px; left:0px; padding-top:0px; width:100%; z-index:1; }
.sublocation.sublocation09 .locabtprev { display:block; position:absolute; top:0px; left:100px; }
.sublocation.sublocation09 .locabtnext { display:block; position:absolute; top:0px; right:100px; }


.subvisual { position:relative; width:100%; height:900px; overflow:hidden;  }
.sub0101 ul.subtxt {  }
.sub0101 ul.subtxt li.t1 { position:absolute; top:314px; left:50%; transform:translate(-50%,0%); width:1280px; text-align:center; font-family: 'CircularStd'; font-size:154px; color:#000; font-weight:700; letter-spacing:1px; line-height:100%; }
.sub0101 ul.subtxt li.t2 { position:absolute; top:574px; left:50%; transform:translate(-50%,0%); width:1280px ; text-align:center; font-size:34px; color:#000000; font-weight:700; line-height:150%; }

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


.morebt { position:absolute; bottom:8%; left:50%; transform:translate(-50%,0%); width:91px; height:50px;  z-index:1; 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%; }
}

#logo { position:fixed; top:37px; left:88px; transform:translate(-50%,-50%); width:140px; height:49px; animation:none; z-index:11; }

#subtabwrap { position:relative; width:100%; max-width:1920px; min-width:1280px; margin:0 auto; z-index:1; }

.subtab { position:absolute; top:130px; left:50%; transform:translate(-50%,0);  width:1280px; margin:0px auto ; text-align:center; overflow:hidden; }
.subtab li {  float:left; width:24%; height:72px; margin-right:1.25%; line-height:72px; font-size:20px; font-weight:700; color:#000; border:1px solid #e3e3e1; border-radius:14px; background:#ffffff; box-sizing:border-box;  cursor:pointer; }
.subtab li.active,.subtab li:hover { color:#ffffff; background:#ae2287; border:1px solid #ae2287; }
.subtab li:last-child { margin-right:0px; } 
	
.subtab2 li {  width:19%; }
.subtab2 li.active,.subtab2 li:hover { color:#ffffff; background:#6053ab; border:1px solid #6053ab; }

.subtab3 li.active,.subtab3 li:hover { color:#ffffff; background:#0f5f2f; border:1px solid #0f5f2f; }

	

.tab-content{ display: none; background:#fff; }
.tab-content.active{ display: inherit; }


.sub02_1 { height:1145px; background:url('/page_KR0/02_sub/images/02_1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub02_2 { height:2952px; background:url('/page_KR0/02_sub/images/02_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub02_3 { height:1638px; background:url('/page_KR0/02_sub/images/02_3.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub02_4 { height:4080px; background:url('/page_KR0/02_sub/images/02_4.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }

.sub11_1 { height:1530px; background:url('/page_KR0/11_sub/images/11_1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub11_2 { height:1486px; background:url('/page_KR0/11_sub/images/11_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub11_3 { height:1920px; background:url('/page_KR0/11_sub/images/11_3.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub11_4 { height:1373px; background:url('/page_KR0/11_sub/images/11_4.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub11_5 { height:5541px; background:url('/page_KR0/11_sub/images/11_5.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }

.sub12_1 { height:1657px; background:url('/page_KR0/12_sub/images/12_1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub12_2 { height:1342px; background:url('/page_KR0/12_sub/images/12_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub12_3 { height:1363px; background:url('/page_KR0/12_sub/images/12_3.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub12_4 { height:1886px; background:url('/page_KR0/12_sub/images/12_4.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub12_5 { height:3253px; background:url('/page_KR0/02_sub/images/0203_4.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }

.sub02tab_all { height:1811px; background:url('/page_KR0/02_sub/images/0201tab_all.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub12tab_all { height:2069px; background:url('/page_KR0/12_sub/images/1201tab_all.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub12tab_all2 { height:841px; background:url('/page_KR0/12_sub/images/1201tab_all2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }

.sub11tab_all { height:2926px; background:url('/page_KR0/11_sub/images/11all.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }

.sub02con1 { height:9100px; background:url('/page_KR0/02_sub/images/02con1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub12con1 { height:8893px; background:url('/page_KR0/12_sub/images/12con1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }


.subsize { position:relative; width:1280px; margin:0 auto; }
.submap { position:absolute; top:885px; left:-66px; }
.katalk { display:block; position:absolute; top:742px; left:744px; width:276px; height:78px; }
.katalk2 { display:block; position:absolute; top:1222px; left:844px; width:176px; height:58px; }
.katalk3 { display:block; position:absolute; top:1222px; left:1040px; width:176px; height:58px; }

#tab0203_1 { height:1335px; background:url('/page_KR0/02_sub/images/0203_1.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
#tab0203_2 { height:3778px; background:url('/page_KR0/02_sub/images/0203_2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
#tab0203_3 { height:4440px; background:url('/page_KR0/02_sub/images/0203_3.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
#tab0203_4 { height:3653px; background:url('/page_KR0/02_sub/images/0203_4.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }


.sub0101_01 { height:1476px; background:#f8f8f8 url('/page_KR0/01_sub/images/0101.jpg')no-repeat 50% -100px; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0102 { height:1101px; background:url('/page_KR0/01_sub/images/0102.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0103 { height:2291px; background:url('/page_KR0/01_sub/images/0103.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0104 { height:1806px; background:url('/page_KR0/01_sub/images/0104.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0104-1 { height:1085px; background:url('/page_KR0/01_sub/images/0104-2.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0105 { height:1751px; background:url('/page_KR0/01_sub/images/0105.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0107 { height:2516px; background:url('/page_KR0/01_sub/images/0107.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0103_1 { position: relative; width: 100%; min-width: 1280px; max-width: 1920px; padding: 180px 0 140px 0; }
.sub0103_1_v { margin: 0 auto; width: 960px; height: 540px; }
.sub0101_02 { height:1063px; background:#f8f8f8; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }


.sub0101img0 { padding-top:0px; width: 1280px; margin: 0 auto; }
.sub0101img1 { position:absolute; top:362px; opacity:0; filter: blur(22px); left:50%; transform:translateX(-50%); }
.sub0101img2 { position:absolute; top:789px; opacity:0; filter: blur(22px); left:50%; transform:translateX(-50%); }
.sub0101img3 { position:absolute; top:948px; opacity:0; filter: blur(22px); left:10%; transform:translateX(-50%); }
.sub0101img4 { position:absolute; top:948px; opacity:0; filter: blur(22px); left:50%; transform:translateX(-50%); }
.sub0101img5 { position:absolute; top:948px; opacity:0; filter: blur(22px); right:-90px; }
.sub0101img6 { position:absolute; top:1467px; opacity:0; filter: blur(22px); left:50%; transform:translateX(-50%); }

.sub0101_01.active .sub0101img1 { animation: sub0101img1 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 0s; }
.sub0101_01.active2 .sub0101img2 { animation: sub0101img2 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 0s; }
.sub0101_01.active3 .sub0101img3 { animation: sub0101img3 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 0s; }
.sub0101_01.active3 .sub0101img4 { animation: sub0101img3 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 0s; }
.sub0101_01.active3 .sub0101img5 { animation: sub0101img3 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 0s; }
.sub0101_01.active4 .sub0101img6 { animation: sub0101img4 1.0s cubic-bezier(0, 0.55, 0.45, 1) both 0s; }

@keyframes sub0101img1 {
	0% { top:362px; opacity:0; filter: blur(22px); } 100% { top:262px; opacity:1; filter: blur(0px); }
}
@keyframes sub0101img2 {
	0% { top:489px; opacity:0; filter: blur(22px); } 100% { top:252px; opacity:1; filter: blur(0px); }
}
@keyframes sub0101img3 {
	0% { top:748px; opacity:0; filter: blur(22px); } 100% { top:500px; opacity:1; filter: blur(0px); }
}
@keyframes sub0101img4 {
	0% { top:1267px; opacity:0; filter: blur(22px); } 100% { top:1067px; opacity:1; filter: blur(0px); }
}

#sub01_01.sub0301v { position:relative; width:100%; height:884px; margin:0 auto; background:url('/page_KR0/03_sub/images/0301v.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_01.sub0301v ul.subtxt li.t1 { font-size:32px; font-weight:700; color:#ff9114; line-height:100%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
#sub01_01.sub0301v ul.subtxt li.t2 { padding-top:30px; font-size:52px; font-weight:700; color:#ffffff; line-height:130%; letter-spacing:-1px; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }
#sub01_01.sub0301v ul.subtxt li.t3 { padding-top:30px; font-size:22px; font-weight:500; color:#ffffff; line-height:170%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s; }

#sub01_01.sub0302v { position:relative; width:100%; height:884px; margin:0 auto; background:url('/page_KR0/03_sub/images/0302v.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_01.sub0302v ul.subtxt li.t1 { font-size:32px; font-weight:700; color:#b38a91; line-height:100%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
#sub01_01.sub0302v ul.subtxt li.t2 { padding-top:30px; font-size:52px; font-weight:700; color:#ffffff; line-height:130%; letter-spacing:-1px; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }
#sub01_01.sub0302v ul.subtxt li.t3 { padding-top:30px; font-size:22px; font-weight:500; color:#ffffff; line-height:170%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s; }

#sub01_01.sub0303v { position:relative; width:100%; height:884px; margin:0 auto; background:url('/page_KR0/03_sub/images/0303v.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_01.sub0303v ul.subtxt li.t1 { font-size:32px; font-weight:700; color:#ccbc9f; line-height:100%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
#sub01_01.sub0303v ul.subtxt li.t2 { padding-top:30px; font-size:52px; font-weight:700; color:#ffffff; line-height:130%; letter-spacing:-1px; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }
#sub01_01.sub0303v ul.subtxt li.t3 { padding-top:30px; font-size:22px; font-weight:500; color:#ffffff; line-height:170%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s; }

#sub01_01.sub1801v { position:relative; width:100%; height:884px; margin:0 auto; background:url('/page_KR0/18_sub/images/1801.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_01.sub1801v ul.subtxt li.t1 { font-size:32px; font-weight:700; color:#d9cbbe; line-height:100%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
#sub01_01.sub1801v ul.subtxt li.t2 { padding-top:30px; font-size:52px; font-weight:700; color:#ffffff; line-height:130%; letter-spacing:-1px; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }
#sub01_01.sub1801v ul.subtxt li.t3 { padding-top:30px; font-size:22px; font-weight:500; color:#ffffff; line-height:170%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s; }

#sub01_01.sub1802v { position:relative; width:100%; height:884px; margin:0 auto; background:url('/page_KR0/18_sub/images/1802.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_01.sub1802v ul.subtxt li.t1 { font-size:32px; font-weight:700; color:#d9cbbe; line-height:100%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
#sub01_01.sub1802v ul.subtxt li.t2 { padding-top:30px; font-size:52px; font-weight:700; color:#ffffff; line-height:130%; letter-spacing:-1px; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }
#sub01_01.sub1802v ul.subtxt li.t3 { padding-top:30px; font-size:22px; font-weight:500; color:#ffffff; line-height:170%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s; }

#sub01_01.sub1106v { position:relative; width:100%; height:884px; margin:0 auto; background:url('/page_KR0/11_sub/images/1106.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_01.sub1106v ul.subtxt li.t1 { font-size:32px; font-weight:700; color:#f29745; line-height:100%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
#sub01_01.sub1106v ul.subtxt li.t2 { padding-top:30px; font-size:52px; font-weight:700; color:#ffffff; line-height:130%; letter-spacing:-1px; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }
#sub01_01.sub1106v ul.subtxt li.t3 { padding-top:30px; font-size:22px; font-weight:500; color:#ffffff; line-height:170%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s; }

.sub1107 { position:relative; width:100%; height:15480px; min-width:1280px; margin:0 auto; background:url('/page_KR0/11_sub/images/1107.jpg')no-repeat 50% 50%; overflow:hidden; }

.sub1106_01 { height:6374px; background:url('/page_KR0/11_sub/images/1106_01.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub1801vod { position:relative; width:1280px; margin:0 auto; }
.sub1801vod video { position:absolute; top:200px; right:0px; width:600px; }
#sub01_08.sub1106_02 { background:url('/page_KR0/11_sub/images/1106_02.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; }
#sub01_08.sub1106_02 div.subtxt2 ul li.t1 { color:#f29745; }
#sub01_08.sub1106_02 div.subtxt2 ul li.t2 { color:#fff; border-right:1px solid rgba(255,255,255,20%); }


.sub1801_01 { height:9117px; background:url('/page_KR0/18_sub/images/1801_01.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub1801vod { position:relative; width:1280px; margin:0 auto; }
.sub1801vod video { position:absolute; top:200px; right:0px; width:600px; }
#sub01_08.sub1801_02 { background:url('/page_KR0/18_sub/images/1801_02.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; }
#sub01_08.sub1801_02 div.subtxt2 ul li.t1 { color:#8d8a6f; }
#sub01_08.sub1801_02 div.subtxt2 ul li.t2 { color:#fff; border-right:1px solid rgba(255,255,255,20%); }

.sub1802_01 { height:6483px; background:url('/page_KR0/18_sub/images/1802_01.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
#sub01_08.sub1802_02 { background:url('/page_KR0/18_sub/images/1802_02.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; }
#sub01_08.sub1802_02 div.subtxt2 ul li.t1 { color:#96b0c0; }
#sub01_08.sub1802_02 div.subtxt2 ul li.t2 { color:#fff; border-right:1px solid rgba(255,255,255,20%); }

.sub0301 { height:8605px; background:url('/page_KR0/03_sub/images/0301.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0302 { height:7004px; background:url('/page_KR0/03_sub/images/0302.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0303 { height:6287px; background:url('/page_KR0/03_sub/images/0303.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }

.sub0501 { height:4401px; background:url('/page_KR0/05_sub/images/0501.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0502 { height:5157px; background:url('/page_KR0/05_sub/images/0502.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0503 { height:4022px; background:url('/page_KR0/05_sub/images/0503.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0504 { height:4267px; background:url('/page_KR0/05_sub/images/0504.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0505 { height:2663px; background:url('/page_KR0/05_sub/images/0505.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }

.sub0601 { height:4420px; background:url('/page_KR0/06_sub/images/0601.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0602 { height:4256px; background:url('/page_KR0/06_sub/images/0602.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0603 { height:4027px; background:url('/page_KR0/06_sub/images/0603.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0604 { height:3732px; background:url('/page_KR0/06_sub/images/0604.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0605 { height:3457px; background:url('/page_KR0/06_sub/images/0605.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0606 { height:3372px; background:url('/page_KR0/06_sub/images/0606.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }


.sub0701 { height:7752px; background:url('/page_KR0/07_sub/images/0701.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0702 { height:5605px; background:url('/page_KR0/07_sub/images/0702.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0703 { height:6481px; background:url('/page_KR0/07_sub/images/0703.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0704 { height:10364px; background:url('/page_KR0/07_sub/images/0704.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0705 { height:6532px; background:url('/page_KR0/07_sub/images/0705.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0706 { height:6472px; background:url('/page_KR0/07_sub/images/0706.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }


.sub0201_010 { height:2608px; background:url('/page_KR0/02_sub/images/0201_010.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }

.sub1101_010 { height:2616px; background:url('/page_KR0/11_sub/images/1101_010.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub1201_010 { height:2608px; background:url('/page_KR0/12_sub/images/1201_010.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }

.sub1701 { height:884px; background:url('/page_KR0/17_sub/images/1701.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub1701_01 { height:8491px; background:url('/page_KR0/17_sub/images/1701_01.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }



#sub01_01 { position:relative; width:100%; height:884px; margin:0 auto; background:url('/images/main/section1_2.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_01 #mainvod { position:absolute; top:0px; left:0px; width:100%; height:884px; overflow:hidden; }
#sub01_01 #mainvod video { display: inline-block; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); min-width:100%; min-height:100%; height: auto; width: auto; background:#000; }
#sub01_01 .mainvodbg { position:absolute; top:0px; left:0px; width:100%; height:884px; background:rgba(27,3,38,0.8); background-size:cover; }
#sub01_01 .mainvodbg2 { position:absolute; top:0px; left:0px; width:100%; height:884px; background:rgba(0,0,0,0.3); background-size:cover; }
#sub01_01 ul.subtxt { position:absolute; top:46%; left:50%; transform:translate(-50%,-50%); text-align:center; width:1280px; text-align:center; }
#sub01_01 ul.subtxt li.t1 { font-size:32px; font-weight:700; color:#c438ec; line-height:100%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
#sub01_01 ul.subtxt li.t2 { padding-top:30px; font-size:52px; font-weight:700; color:#ffffff; line-height:130%; letter-spacing:-1px; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }
#sub01_01 ul.subtxt li.t3 { padding-top:30px; font-size:19px; font-weight:500; color:#999999; line-height:170%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s; }
#sub01_01 .morebt { position:absolute; bottom:8%; left:50%; transform: translate(-50%,0%); width:124px; height:70px; z-index:2; 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%; }
}

@keyframes subtxt1 {
	0% { transform: translateY(100px); opacity:0; filter: blur(22px); }
	100% { transform: translateY(0px); opacity:1; filter: blur(0px); }
}


#sub01_02 { position:relative; width:100%; height:1412px; overflow:hidden; background:#ffffff; }
#sub01_02 .sub01_02txt1 { position:absolute; top:15%; left:4%; width:20px; height:115px; transform: translate(-50%,-50%); z-index:2; }
#sub01_02 .subtxt { opacity:0; filter: blur(22px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:28%; left:50%; transform: translate(-50%,-50%); font-size:38px; font-weight:700; color:#000; line-height:130%; letter-spacing:-1px; width:633px; }
#sub01_02 .sub01_02img1 { opacity:0; filter: blur(22px); position:absolute; top:64%; left:-4%; transform: translate(-50%,0%); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s;}
#sub01_02 .sub01_02img2 { opacity:0; filter: blur(22px); position:absolute; top:36%; left:50%; transform: translate(-50%,0%); width:633px; transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s;}
#sub01_02 .sub01_02img3 { opacity:0; filter: blur(22px); position:absolute; top:46%; left:100%; transform: translate(-50%,0%); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s;}


#sub01_02.active .sub01_02txt1 {  position:fixed; top:250px; left:4%; width:20px; height:115px; transform: translate(-50%,-50%);  }
#sub01_02.active .subtxt { top:18%; opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.1s; }
#sub01_02.active .sub01_02img1 {  left:11%; opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.7s; }
#sub01_02.active .sub01_02img2 {  top:26%; opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }
#sub01_02.active .sub01_02img3 {  left:85%; opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.7s; }

#sub01_02 .sub01_02img4 { opacity:0; filter: blur(22px); position:absolute; top:36%; left:100%; transform: translate(-50%,0%); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.1s; width:464px;}
#sub01_02.active .sub01_02img4 {  left:86%; opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.7s; }

#sub01_02 .subtxt2 {opacity:0; filter: blur(22px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s;position:absolute; top:82%; left:96%; width:464px; transform: translate(-50%,-50%); font-size:18px; font-weight:500; color:#525252; line-height:160%; }
#sub01_02.active .subtxt2 { left:86%; opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.5s; }

#sub01_02 .subtxt3 { opacity:0; filter: blur(22px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s; position:absolute; top:28%; left:57%; transform: translate(-50%,-50%); font-size:38px; font-weight:700; color:#000; line-height:130%; letter-spacing:-1px; width:916px; }
#sub01_02.active .subtxt3 { top:18%; opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.1s; }




#sub01_03 { position:relative; width:100%; height:1100px; overflow:hidden; background:#ffffff; }
#sub01_03 .sub01_03txt1 { position:absolute; top:15%; left:4%; width:20px; height:115px; transform: translate(-50%,-50%);  }
#sub01_03 .subtxt { position:relative; width:100%; height:1188px; }
#sub01_03 .subtxt div.subtxtleft { float:left; position:relative; width:55%; height:908px; }
#sub01_03 .subtxt div.subtxtright { float:right; width:0%; height:908px; background:url('/images/sub/sub01_03bg.jpg')no-repeat 50% 50%; background-size: cover; transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }
#sub01_03 .subtxt div.subtxtright2 { background:url('/page_KR0/02_sub/images/0202bg1.jpg')no-repeat 50% 50%; background-size: cover;}
#sub01_03 .subtxt div.subtxtright3 { background:url('/page_KR0/02_sub/images/0203bg1.jpg')no-repeat 50% 50%; background-size: cover;}

#sub01_03 .subtxt div.subtxtleft ul { opacity:0; filter: blur(22px); position:absolute; top:50%; left:55%; transform: translate(-50%,-50%); width:552px; transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#sub01_03 .subtxt div.subtxtleft ul li.t1 { font-size:38px; font-weight:700; color:#5a257d; line-height:140%; letter-spacing:-1px; }
#sub01_03 .subtxt div.subtxtleft ul li.t2 { margin-top:30px; font-size:19px; font-weight:400; color:#000; line-height:160%; }

#sub01_03.active .subtxt div.subtxtright { width:45%; transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#sub01_03.active .subtxt div.subtxtleft ul { top:50%; opacity:1; filter: blur(0px); transition:all 1.5s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }


#sub01_04 { position:relative; width:100%; height:980px; overflow:hidden; background:url('/images/sub/sub01_04.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; }
#sub01_04 div.subtxt { position:relative; width:1280px; height:980px; margin:0 auto; text-align:center; }
#sub01_04 div.subtxt ul li.t1 { opacity:0; filter: blur(22px); padding-top:320px; font-size:52px; font-weight:700; color:#ffffff; line-height:100%; letter-spacing:-1px; transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.6s; }
#sub01_04 div.subtxt ul li.t2 {opacity:0; filter: blur(22px); padding-top:140px; font-size:29px; font-weight:700; color:#e364bc; line-height:150%;transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }
#sub01_04 div.subtxt ul li.t3 {opacity:0; filter: blur(22px); padding-top:120px; font-size:21px; font-weight:500; color:#e7e7e7; line-height:160%;transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }
#sub01_04 div.subtxt ul.subtxt2 {opacity:0; filter: blur(22px); position:relative; width:1200px; height:160px; margin:0 auto; margin-top:250px; overflow:hidden;  }
#sub01_04 div.subtxt ul.subtxt2 li { float:left; position:absolute; width:426px; height:160px; border-radius:80px; text-align:center; transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#sub01_04 div.subtxt ul.subtxt2 li:nth-child(1) { top:0px; left:0px; background:rgba(91,19,109,90%); }
#sub01_04 div.subtxt ul.subtxt2 li:nth-child(2) { top:0px; left:32%; background:rgba(174,34,135,90%); z-index:1; }
#sub01_04 div.subtxt ul.subtxt2 li:nth-child(3) { top:0px; right:0px; background:rgba(132,20,255,90%); }
#sub01_04 div.subtxt ul.subtxt2 li span { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; font-size:21px; font-weight:700; color:#ffffff; line-height:150%; }

#sub01_04 div.subtxt ul.subtxt2 li:nth-child(4) { top:73px; left:400px; width:auto; height:auto; background:rgba(91,19,109,90%); font-size:21px; font-weight:400; color:#ffffff;  z-index:2; background:none; }
#sub01_04 div.subtxt ul.subtxt2 li:nth-child(5) { top:73px; left:785px; width:auto; height:auto; background:rgba(91,19,109,90%); font-size:21px; font-weight:400; color:#ffffff;  z-index:2; background:none; }

#sub01_04.active div.subtxt ul li.t1 { opacity:1; filter: blur(0px);padding-top:240px; transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#sub01_04.active div.subtxt ul li.t2 {opacity:1; filter: blur(0px); padding-top:40px; transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.2s; }
#sub01_04.active div.subtxt ul li.t3 {opacity:1; filter: blur(0px); padding-top:20px; transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.4s; }
#sub01_04.active div.subtxt ul.subtxt2 {opacity:1; filter: blur(0px); margin-top:150px; transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.6s; }

#sub01_044 { position:relative; width:100%; height:1084px; overflow:hidden; background:#ffffff; }
#sub01_044 div.subtxt { position:relative; width:1280px; height:971px; margin:0 auto; text-align:center; background:url('/images/sub/sub01_04.jpg')no-repeat 50% 50%; }
#sub01_044 div.subtxt ul li.t1 {  padding-top:140px; font-size:38px; font-weight:700; color:#000; line-height:140%; letter-spacing:-1px;  }
#sub01_044 div.subtxt ul li.t2 { padding-top:150px; font-size:24px; font-weight:700; color:#ae498f; line-height:160%; }
#sub01_044 div.subtxt ul.subtxt2 { position:relative; width:100%; margin-top:420px; overflow:hidden;  }
#sub01_044 div.subtxt ul.subtxt2 li { float:left; width:33.3%; font-size:21px; font-weight:700; color:#181818; line-height:150%; text-align:center;  }



#sub01_05 { position:relative; width:100%; height:1046px; overflow:hidden; background:url('/images/sub/sub01_05.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; }
#sub01_05 div.subtxt { position:relative; width:1280px; margin:0 auto; padding-top:144px; }
#sub01_05 div.subtxt ul li.t1 { opacity:0; filter: blur(22px); padding-top:90px; font-size:38px; font-weight:700; color:#000; line-height:140%; letter-spacing:-1px; }
#sub01_05 div.subtxt ul li.t2 { opacity:0; filter: blur(22px); padding-top:90px; font-size:24px; font-weight:500; color:#898989; line-height:150%; }
#sub01_05 div.subtxt ul li.t3 { position:relative; width:100%; margin-top:80px; overflow:hidden; }
#sub01_05 div.subtxt ul li.t3 ul li.txt1 { opacity:0; filter: blur(22px); float:left; width:303px; height:303px; margin-top:14px; border-radius:100%; text-align:center; line-height:303px; font-size:34px; font-weight:700; color:#353535; background:rgba(0,0,0,0.1); }
#sub01_05 div.subtxt ul li.t3 ul li.txt2 { opacity:0; filter: blur(22px); float:left; width:154px; height:366px; text-align:center; line-height:366px; }
/*#sub01_05 div.subtxt ul li.t3 ul li.txt3 { opacity:0; filter: blur(22px); float:left; width:366px; height:366px; border-radius:100%; text-align:center; border:1px solid #afafaf; line-height:366px; font-size:34px; font-weight:700; color:#5a257d; box-sizing:border-box; }*/
#sub01_05 div.subtxt ul li.t3 ul li.txt3 { opacity:0; filter: blur(22px); float:left; width:366px; height:366px; border-radius:100%; text-align:center; line-height:366px; font-size:34px; font-weight:700; color:#fff; box-sizing:border-box; background-color: #5a257d;}
#sub01_05 div.subtxt ul li.t3 ul li.txt4 { opacity:0; filter: blur(22px); float:left; width:154px; height:366px; text-align:center; line-height:366px; }
#sub01_05 div.subtxt ul li.t3 ul li.txt5 { opacity:0; filter: blur(22px); float:left; width:303px; height:303px; margin-top:14px; border-radius:100%; text-align:center; line-height:303px; font-size:34px; font-weight:700; color:#353535; background:rgba(0,0,0,0.1); }
#sub01_05 div.subtxt ul li.t4 { opacity:0; filter: blur(22px); padding-top:120px; font-size:21px; font-weight:400; color:#656565; line-height:150%; }

#sub01_05.active div.subtxt ul li.t1 { opacity:1; filter: blur(0px); padding-top:0px; transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#sub01_05.active div.subtxt ul li.t2 { opacity:1; filter: blur(0px); padding-top:20px; transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }
#sub01_05.active div.subtxt ul li.t3 ul li.txt1 { opacity:1; filter: blur(0px); width:303px; height:303px; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.6s; }
#sub01_05.active div.subtxt ul li.t3 ul li.txt2 { opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 1.5s; }
#sub01_05.active div.subtxt ul li.t3 ul li.txt3 { opacity:1; filter: blur(0px); width:366px; height:366px; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 0.9s; }
#sub01_05.active div.subtxt ul li.t3 ul li.txt4 { opacity:1; filter: blur(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 1.5s; }
#sub01_05.active div.subtxt ul li.t3 ul li.txt5 { opacity:1; filter: blur(0px); width:303px; height:303px; transition:all 0.4s cubic-bezier(0, 0.55, 0.45, 1) 1.2s; }
#sub01_05.active div.subtxt ul li.t4 { opacity:1; filter: blur(0px); padding-top:60px; transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 1.8s; }




#sub01_06 { position:relative; width:100%; height:1189px; overflow:hidden; background:#ffffff; }
#sub01_06 .sub01_03txt1 { position:absolute; top:15%; left:4%; width:20px; height:115px; transform: translate(-50%,-50%);  }
#sub01_06 .subtxt { position:relative; width:100%; height:1189px; }
#sub01_06 .subtxt div.subtxtleft { float:left; position:relative; width:50%; height:1189px; }
#sub01_06 .subtxt div.subtxtright { float:left; width:50%; height:1189px; background:url('/page_KR0/02_sub/images/0201img1.jpg')no-repeat 50% 50%; background-size: cover; }
#sub01_06 .subtxt div.subtxtright2 { background:url('/page_KR0/02_sub/images/0201img2.jpg')no-repeat 50% 50%; background-size: cover;}
#sub01_06 .subtxt div.subtxtright3 { background:url('/page_KR0/02_sub/images/0201img3.jpg')no-repeat 50% 50%; background-size: cover;}
#sub01_06 .subtxt div.subtxtright4 { background:url('/page_KR0/02_sub/images/0201img4.jpg')no-repeat 50% 50%; background-size: cover;}
#sub01_06 .subtxt div.subtxtright5 { background:url('/page_KR0/02_sub/images/0201img5.jpg')no-repeat 50% 50%; background-size: cover;}

#sub01_06 .subtxt div.subtxtright2_1 { background:url('/page_KR0/02_sub/images/0202bg2.jpg')no-repeat 50% 50%; background-size: cover;}
#sub01_06 .subtxt div.subtxtright2_2{ background:url('/page_KR0/02_sub/images/0202bg2.jpg')no-repeat 50% 50%; background-size: cover;}
#sub01_06 .subtxt div.subtxtright2_3 { background:url('/page_KR0/02_sub/images/0202bg2.jpg')no-repeat 50% 50%; background-size: cover;}
#sub01_06 .subtxt div.subtxtright2_4 { background:url('/page_KR0/02_sub/images/0202bg2.jpg')no-repeat 50% 50%; background-size: cover;}
#sub01_06 .subtxt div.subtxtright2_5 { background:url('/page_KR0/02_sub/images/0202bg2.jpg')no-repeat 50% 50%; background-size: cover;}


#sub01_06 .subtxt div.subtxtleft ul { position:absolute; top:310px; left:45%; transform: translate(-50%,0%); width:499px; text-align:center; }
#sub01_06 .subtxt div.subtxtleft ul li.t1 { margin-bottom:30px; font-size:17px; font-weight:500; color:#494949; line-height:160%; }
#sub01_06 .subtxt div.subtxtleft ul li.t2 { width:499px;  }
#sub01_06 .subtxt div.subtxtleft ul li.t3 { margin-top:30px; font-size:17px; font-weight:500; color:#494949; line-height:160%; }

#sub01_06 .subslidebt { position:absolute; top:310px; left:89%; transform: translate(-50%,0%); text-align:right; width:215px; }
#sub01_06 .subslidebt li { font-size:24px; font-weight:700; color:#000; line-height:130%; margin-bottom:40px; cursor:pointer; }
#sub01_06 .subslidebt li.on { color:#5a257d; }

#tab0203 .subslidebt { position:absolute; top:320px; left:50%; transform: translate(-50%,0%); text-align:left; width:200px; }
#tab0203 .subslidebt li { font-size:28px; font-weight:700; color:#000; margin-bottom:40px; cursor:pointer; }
#tab0203 .subslidebt li.on { color:#5a257d; }


#section3 { position:relative; width:100%; height:1000px; max-width:1920px; margin:0 auto; background:#f1f1f1; overflow:hidden; }
#section3 .txt1 { display:none; position:absolute; top:240px; left:2%; font-size:22px; font-weight:500; color:#000; transform:rotate(-90deg); }
#section3 .txtbox { position:absolute; top:30%; left:54%; transform:translate(-50%,0%); width:1410px; height:584px; }
#section3 .txtbox .shabox { float:left; position:relative; width:852px; height:584px; background:url('/images/sub/shabox.jpg')no-repeat 36% 20%; }
#section3 .txtbox .txt { float:left; position:relative; width:558px; height:584px; }
#section3 .txtbox .txt li.t1 {opacity:0; font-size:24px; font-weight:500; color:#000000; letter-spacing:-1px; }
#section3 .txtbox .txt li.t2 { opacity:0;margin-top:30px; font-size:48px; font-weight:700; color:#5a257d; line-height:130%; letter-spacing:-1px; }
#section3 .txtbox .txt li.t3 { opacity:0;margin-top:30px; font-size:17px; font-weight:400; color:#797979; line-height:160%; }

#section3 .txtbox .shabox ul li { overflow:hidden; opacity:0; }
#section3 .txtbox .shabox ul li span { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; line-height:120%; text-align:center; font-size:16px; font-weight:500; color:#fff; }

#section3 .txtbox .shabox ul li.sha1 { position:absolute; top:-114px; left:34px; width:238px; height:238px; border-radius:100%; background:#5a257d; }
#section3 .txtbox .shabox ul li.sha2 { position:absolute; top:164px; left:12px; width:115px; height:115px; border-radius:100%; background:#005fd4; }
#section3 .txtbox .shabox ul li.sha3 { position:absolute; top:-42px; left:446px; width:115px; height:115px; border-radius:100%; background:#f47c07; }
#section3 .txtbox .shabox ul li.sha4 { position:absolute; top:32px; left:590px; width:182px; height:182px; border-radius:100%; background:#dd2245; }
#section3 .txtbox .shabox ul li.sha5 { position:absolute; top:342px; left:346px; width:82px; height:82px; border-radius:100%; background:#a71de2; }
#section3 .txtbox .shabox ul li.sha6 { position:absolute; top:342px; left:482px; width:82px; height:82px; border-radius:100%; background:#00c997; }
#section3 .txtbox .shabox ul li.sha7 { position:absolute; top:164px; left:200px; width:60px; height:60px; border-radius:100%; background:#2a257d; }
#section3 .txtbox .shabox ul li.sha8 { position:absolute; top:315px; left:105px; width:32px; height:32px; border-radius:100%; background:#7a2183; }
#section3 .txtbox .shabox ul li.sha9 { position:absolute; top:310px; left:290px; width:30px; height:30px; border-radius:100%; background:#8e50af; }
#section3 .txtbox .shabox ul li.sha10 { position:absolute; top:258px; left:620px; width:25px; height:25px; border-radius:100%; background:#7050af; }
#section3 .txtbox .shabox ul li.sha11 { position:absolute; top:168px; left:460px; width:20px; height:20px; border-radius:100%; background:#7a2183; }
#section3 .txtbox .shabox ul li.sha12 { position:absolute; top:118px; left:350px; width:18px; height:18px; border-radius:100%; background:#832156; }

#section3 .txtbox .shabox ul li.sha13 {  position:absolute; top:118px; left:272px; width:54px; height:54px; border:1px solid #d6d6d6; border-radius:100%; box-sizing:border-box; background:#ffffff; }
#section3 .txtbox .shabox ul li.sha14 {  position:absolute; top:178px; left:272px; width:54px; height:54px; border:1px solid #d6d6d6; border-radius:100%; box-sizing:border-box; background:#ffffff; }
#section3 .txtbox .shabox ul li.sha15 { position:absolute; top:237px; left:252px; width:54px; height:54px; border:1px solid #d6d6d6; border-radius:100%; box-sizing:border-box; background:#ffffff; }
#section3 .txtbox .shabox ul li.sha16 { position:absolute; top:248px; left:312px; width:59px; height:59px; border:1px solid #d6d6d6; border-radius:100%; box-sizing:border-box; background:#ffffff; }
#section3 .txtbox .shabox ul li.sha17 {  position:absolute; top:254px; left:398px; width:67px; height:67px; border:1px solid #d6d6d6; border-radius:100%; box-sizing:border-box; background:#ffffff; }
#section3 .txtbox .shabox ul li.sha18 {  position:absolute; top:210px; left:446px; width:46px; height:46px; border:1px solid #d6d6d6; border-radius:100%; box-sizing:border-box; background:#ffffff; }
#section3 .txtbox .shabox ul li.sha19 { position:absolute; top:139px; left:383px; width:54px; height:54px; border:1px solid #d6d6d6; border-radius:100%; box-sizing:border-box; background:#ffffff; }

#section3 .txtbox .shabox ul li.sha13 span { color:#000; font-size:13px; }
#section3 .txtbox .shabox ul li.sha14 span { color:#000; font-size:13px; }
#section3 .txtbox .shabox ul li.sha15 span { color:#000; font-size:13px; }
#section3 .txtbox .shabox ul li.sha16 span { color:#000; font-size:13px; }
#section3 .txtbox .shabox ul li.sha17 span { color:#000; font-size:13px;}
#section3 .txtbox .shabox ul li.sha18 span { color:#000; font-size:13px; }
#section3 .txtbox .shabox ul li.sha19 span { color:#000;  font-size:13px;}


#section3.active .txtbox .shabox ul li.sha1 { animation: shabox1 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 0.5s; }
#section3.active .txtbox .shabox ul li.sha2 { animation: shabox2 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 0.7s; }
#section3.active .txtbox .shabox ul li.sha3 { animation: shabox3 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 0.9s; }
#section3.active .txtbox .shabox ul li.sha4 { animation: shabox4 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 1.1s; }
#section3.active .txtbox .shabox ul li.sha5 { animation: shabox5 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 1.3s; }
#section3.active .txtbox .shabox ul li.sha6 { animation: shabox6 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 1.5s; }
#section3.active .txtbox .shabox ul li.sha7 { animation: shabox 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 0.3s; }
#section3.active .txtbox .shabox ul li.sha8 { animation: shabox 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 0.3s; }
#section3.active .txtbox .shabox ul li.sha9 { animation: shabox 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 0.3s; }
#section3.active .txtbox .shabox ul li.sha10 { animation: shabox 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 0.3s; }
#section3.active .txtbox .shabox ul li.sha11 { animation: shabox 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 0.3s; }
#section3.active .txtbox .shabox ul li.sha12 { animation: shabox 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 0.3s; }

#section3.active .txtbox .shabox ul li.sha13 { animation: shabox7 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 1.8s; }
#section3.active .txtbox .shabox ul li.sha14 { animation: shabox7 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 1.8s; }
#section3.active .txtbox .shabox ul li.sha15 { animation: shabox7 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 1.8s; }
#section3.active .txtbox .shabox ul li.sha16 { animation: shabox7 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 1.8s; }
#section3.active .txtbox .shabox ul li.sha17 { animation: shabox7 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 1.8s; }
#section3.active .txtbox .shabox ul li.sha18 { animation: shabox7 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 1.8s; }
#section3.active .txtbox .shabox ul li.sha19 { animation: shabox7 1.2s cubic-bezier(0.22, 1, 0.36, 1) both 1.8s; }

#section3.active .txtbox .txt li.t1 { animation: txtup 0.8s cubic-bezier(0.22, 1, 0.36, 1) both 1.4s; }
#section3.active .txtbox .txt li.t2 { animation: txtup 0.8s cubic-bezier(0.22, 1, 0.36, 1) both 1.7s; }
#section3.active .txtbox .txt li.t3 { animation: txtup 0.8s cubic-bezier(0.22, 1, 0.36, 1) both 2.0s; }

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

@keyframes shabox {
	0% { transform: scale(5) translateY(0); opacity:0; }
	100% { transform: scale(1) translateY(0);opacity:1; }
}
@keyframes shabox1 {
	0% { width:0px; height:0px; top:177px; left:336px; opacity:0; }
	100% { width:238px; height:238px; top:-114px; left:34px; opacity:1; }
}
@keyframes shabox2 {
	0% { width:0px; height:0px; top:177px; left:336px; opacity:0; }
	100% { top:164px; left:12px; width:115px; height:115px; opacity:1; }
}
@keyframes shabox3 {
	0% { width:0px; height:0px; top:177px; left:336px; opacity:0; }
	100% { top:-42px; left:446px; width:115px; height:115px; opacity:1; }
}
@keyframes shabox4 {
	0% { width:0px; height:0px; top:177px; left:336px; opacity:0; }
	100% { top:32px; left:590px; width:182px; height:182px; opacity:1; }
}
@keyframes shabox5 {
	0% { width:0px; height:0px; top:177px; left:336px; opacity:0; }
	100% { top:342px; left:346px; width:82px; height:82px; opacity:1; }
}
@keyframes shabox6 {
	0% { width:0px; height:0px; top:177px; left:336px; opacity:0; }
	100% { top:342px; left:482px; width:82px; height:82px; opacity:1; }
}
@keyframes txtup {
	0% { transform:translateY(85px); opacity:0; filter: blur(20px); }
	100% { transform:translateY(0); opacity:1; filter: blur(0px); }
}




#sub01_07 { position:relative; width:100%; height:1106px; overflow:hidden; background:#ffffff; }
#sub01_07 .subtxt { opacity:0; filter: blur(22px);position:relative; width:85%; margin-left:15%; padding-top:300px; font-size:38px; font-weight:700; color:#181818; line-height:140%; transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }

#sub01_07 .patent {opacity:0; filter: blur(22px); position:relative; width:85%; margin-left:15%; height:470px; margin-top:130px; transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#sub01_07 .patent div { outline:none; }
#sub01_07 .patent div ul { position:relative; width:87%; height:470px; background:#fff; border:1px solid #747474; box-sizing:border-box; }
#sub01_07 .patent div ul li.bg1 { position:absolute; top:0px; left:0px; width:100%; height:100%; }
#sub01_07 .patent div.patent1 ul li.bg1 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/sub/patent1.jpg')no-repeat 50% 10%; }
#sub01_07 .patent div.patent2 ul li.bg1 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/sub/patent2.jpg')no-repeat 50% 10%; }
#sub01_07 .patent div.patent3 ul li.bg1 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/sub/patent3.jpg')no-repeat 50% 10%; }
#sub01_07 .patent div.patent4 ul li.bg1 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/sub/patent4.jpg')no-repeat 50% 10%; }
#sub01_07 .patent div.patent5 ul li.bg1 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/sub/patent5.jpg')no-repeat 50% 10%; }
#sub01_07 .patent div.patent6 ul li.bg1 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/sub/patent6.jpg')no-repeat 50% 10%; }

#sub01_07 .patent div.patent7 ul li.bg1 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/sub/patent7.jpg')no-repeat 50% 10%; }
#sub01_07 .patent div.patent8 ul li.bg1 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/sub/patent8.jpg')no-repeat 50% 10%; }
#sub01_07 .patent div.patent9 ul li.bg1 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/sub/patent9.jpg')no-repeat 50% 10%; }

#sub01_07 .patent div.patent10 ul li.bg1 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/sub/patent10.jpg')no-repeat 50% 10%; }
#sub01_07 .patent div.patent11 ul li.bg1 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/sub/patent11.jpg')no-repeat 50% 10%; }
#sub01_07 .patent div.patent12 ul li.bg1 { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/sub/patent12.jpg')no-repeat 50% 10%; }


#sub01_07 .patent div ul li.bg2 { position:absolute; top:0px; left:0px; width:100%; height:0%; background:rgba(90,37,125,0.9); }
#sub01_07 .patent div ul li.title { position:relative; padding-top:400px; width:100%; text-align:center; font-size:30px; font-weight:700; color:#000; }
#sub01_07 .patent div ul li.con { opacity:0; position:relative; padding-top:20px; width:90%; margin:0 auto; text-align:center; font-size:16px; font-weight:400; color:#fff; line-height:160%; }

#sub01_07 .patent div ul:hover li.bg2 { height:100%; transition:all 0.3s ease-in-out  }
#sub01_07 .patent div ul:hover li.title {  padding-top:180px; color:#fff; transition:all 0.3s ease-in-out  }
#sub01_07 .patent div ul:hover li.con { opacity:1; transition:all 0.3s ease-in-out  }

.patentbt { position:absolute; top:28%; left:81%; width:69px; height:33px; transform:translate(-50%,-50%); }
.patentbt li:nth-child(1) { float:left; cursor:pointer; }
.patentbt li:nth-child(2) { float:right; cursor:pointer; }

#sub01_07.active .subtxt {  opacity:1; filter: blur(0px); padding-top:230px; transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#sub01_07.active .patent {  opacity:1; filter: blur(0px); margin-top:60px; transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }

#sub01_11 { position:relative; width:100%; height:1075px; overflow:hidden; }
#subbna { position:relative; width:1280px; margin:0 auto; }
#subbna div.bnatitle { width:100%; padding-top:136px; font-size:48px; font-weight:700; color:#000000; text-align:center; }
.subbna { position:relative; width:100%; margin-top:60px; }
.subbna ul { position:relative; width:1181px; margin:0 auto; overflow:hidden; }
.subbna ul li.b_imgs { float:left; width:590px; }
.subbna ul li.a_imgs { float:right; width:590px; }
.subbna ul li img { width:100%; display:block; }
.subbna div.bnatxt { position:relative; width:1181px; margin:0 auto; height:92px; line-height:92px; font-size:22px; font-weight:700; color:#ffffff; background:#3e0c56; text-align:center; }

.subbna .bnaprev { position:absolute; top:55%; left:-60px; }
.subbna .bnanext { position:absolute; top:55%; right:-60px; }

.subbna ul .bna_login { position:absolute; top:0px; left:0px; width:50%; height:592px; background-color: rgba( 0, 0, 0, 0.9 ); }
.subbna ul .bna_login ul { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; }
.subbna ul .bna_login ul li:nth-child(1) { font-size:18px; font-weight:400; color:#fff; line-height:160%; }
.subbna ul .bna_login ul li:nth-child(2) {  }
.subbna ul .bna_login ul li:nth-child(2) a { display:inline-block; border-radius:40px; line-height:40px; text-align:center; margin:0 4px; }
.subbna ul .bna_login ul li:nth-child(2) a.homelogin {width:130px; height:40px;  margin-top:20px; font-size:14px; font-weight:400; color:#fff; line-height:40px; text-align:center; border:1px solid #fff; border-radius:40px; cursor:pointer; }
.subbna ul .bna_login ul li:nth-child(2) a.homelogin:hover { background:#a64288; border:1px solid #a64288;  }



#sub01_08 { position:relative; width:100%; height:872px; overflow:hidden; background:url('/images/sub/sub01_07.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; }
#sub01_08 div.subtxt { opacity:0; filter: blur(22px);width:100%; padding-top:250px; text-align:center; font-size:48px; font-weight:700; color:#fff; }
#sub01_08 div.subtxt2 { position:relative; width:1280px; margin:0 auto; padding-top:140px; overflow:hidden; }
#sub01_08 div.subtxt2 ul {opacity:0; float:left; width:33.3%; height:206px; text-align:center; transform:translateY(90px);  }
#sub01_08 div.subtxt2 ul li.t1 { font-size:19px; font-weight:700; color:#b42fc8; font-family: 'Jost'; letter-spacing:1px; }
#sub01_08 div.subtxt2 ul li.t2 { padding-top:30px; font-size:22px; font-weight:400; color:#fff; line-height:160%; box-sizing:border-box; border-right:1px solid #000000; }


#sub01_08.active div.subtxt { opacity:1; filter: blur(0px); padding-top:180px; transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#sub01_08.active div.subtxt2 ul:nth-child(1) {opacity:1; transform:translateY(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }
#sub01_08.active div.subtxt2 ul:nth-child(2) {opacity:1; transform:translateY(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }
#sub01_08.active div.subtxt2 ul:nth-child(3) {opacity:1; transform:translateY(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }
#sub01_08.active div.subtxt2 ul:nth-child(4) {opacity:1; transform:translateY(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.6s; }
#sub01_08.active div.subtxt2 ul:nth-child(5) {opacity:1; transform:translateY(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.6s; }
#sub01_08.active div.subtxt2 ul:nth-child(6) {opacity:1; transform:translateY(0px); transition:all 0.8s cubic-bezier(0, 0.55, 0.45, 1) 0.6s; }

#sub01_08.sub12con2 { background:url('/page_KR0/12_sub/images/sub12con2.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; }
#sub01_08.sub12con2 div.subtxt2 ul li.t1 { color:#b2b2b2; }
#sub01_08.sub12con2 div.subtxt2 ul li.t2 { color:#fff; border-right:1px solid rgba(255,255,255,20%); }

#sub01_08.sub0301_02 { background:url('/page_KR0/03_sub/images/0301_02.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; }
#sub01_08.sub0301_02 div.subtxt2 ul li.t1 { color:#fba027; }
#sub01_08.sub0301_02 div.subtxt2 ul li.t2 { color:#fff; border-right:1px solid rgba(255,255,255,20%); }

#sub01_08.sub0302_02 { background:url('/page_KR0/03_sub/images/0302_02.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; }
#sub01_08.sub0302_02 div.subtxt2 ul li.t1 { color:#f89dc4; }
#sub01_08.sub0302_02 div.subtxt2 ul li.t2 { color:#fff; border-right:1px solid rgba(255,255,255,20%); }

#sub01_08.sub0303_02 { background:url('/page_KR0/03_sub/images/0303_02.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; }
#sub01_08.sub0303_02 div.subtxt2 ul li.t1 { color:#f8cc9d; }
#sub01_08.sub0303_02 div.subtxt2 ul li.t2 { color:#fff; border-right:1px solid rgba(255,255,255,20%); }

#sub01_09 { position:relative; width:100%; height:983px; background:url('/images/main/section3.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_09 .bg {  position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/images/main/section3.jpg')no-repeat 50% 50%; background-size: cover; opacity:0; transition:all 1.5s cubic-bezier(0.85, 0, 0.15, 1) 0s; }
#sub01_09 .maintxt { position:absolute; top:0px; left:0px; width:0px; height:100%; background:rgba(209,149,175,0.9); overflow:hidden; }
#sub01_09 .maintxt ul { position: absolute; top:50%; left:56%; transform: translate(-50%,-50%); width:565px; height:752px; }
#sub01_09 .maintxt ul li.t1 { font-size:24px; font-weight:500; color:#57414b; line-height:100%;transform:translateY(80px); opacity:0; filter: blur(22px); }
#sub01_09 .maintxt ul li.t2 { margin-top:20px; font-size:47px; font-weight:700; color:#ffffff; line-height:130%; transform:translateY(80px); opacity:0; filter: blur(22px);}
#sub01_09 .maintxt ul li.t3 { margin-top:30px; font-size:18px; font-weight:400; color:#ffffff; line-height:160%; transform:translateY(80px); opacity:0; filter: blur(22px);}
#sub01_09 .maintxt ul li.t4 { margin-top:40px; width:320px;transform:translateY(80px); opacity:0; filter: blur(22px); }
#sub01_09 .maintxt ul li.t4 img { width:100%; }

#sub01_09.active .maintxt { animation: section3bg 0.5s cubic-bezier(0, 0.55, 0.45, 1) both 0s; }
#sub01_09.active .maintxt ul li.t1 { animation: maintxt3 0.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.5s; }
#sub01_09.active .maintxt ul li.t2 { animation: maintxt3 0.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.8s; }
#sub01_09.active .maintxt ul li.t3 { animation: maintxt3 0.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.1s; }
#sub01_09.active .maintxt ul li.t4 { animation: maintxt3 0.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.4s; }

@keyframes maintxt3 {
	0% { transform:translateY(80px); opacity:0; filter: blur(22px); }
	100% { transform:translateY(0px); opacity:1; filter: blur(0px); }
}
@keyframes section3bg {
	0% { width:0px; }
	100% { width:780px; }
}
@keyframes sectionbg {
  0% { transform: scale(1) translateY(0); transform-origin: 50% 50%; }
  50% { transform: scale(1.1) translateY(0); transform-origin: 50% 50%; }
  100% { transform: scale(1) translateY(0); transform-origin: 50% 50%; }
}


.sub18v { height:884px; background:url('/page_KR0/18_sub/images/18v.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub18 { height:10151px; background:url('/page_KR0/18_sub/images/18.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }


#sub01_10 { position:relative; width:100%; height:1450px; overflow:hidden; background:#f4f4f4; }
#sub01_10 div.subtxt { position:absolute; top:228px; width:100%; height:0px; background:url('/images/sub/sub01_10.jpg')no-repeat 50% 0%; }
#sub01_10 div.subtxt ul { position:relative; width:1280px; margin:0 auto; }
#sub01_10 div.subtxt ul li.t1 {opacity:0; filter: blur(52px); position:absolute; top:0px; left:490px; width:300px; height:368px; line-height:290px; font-size:42px; font-weight:700; color:#fff; text-align:center; background:url('/images/sub/sub01_10txt1.png')no-repeat 50% 0%; }
#sub01_10 div.subtxt ul li.t2 {opacity:0; filter: blur(12px); position:absolute; top:300px; left:-172px; width:380px; height:380px; padding-top:140px; font-size:34px;  font-weight:700; color:#000000; text-align:center; background:#eef1f1; border:1px solid #b4b4b4; box-sizing:border-box; border-radius:100%; }
#sub01_10 div.subtxt ul li.t2 span { display:block; padding-top:10px; font-size:18px; color:#414141; font-weight:500; line-height:150%; }
#sub01_10 div.subtxt ul li.t3 {opacity:0; filter: blur(12px); position:absolute; top:510px; left:490px; width:300px; font-size:30px; font-weight:700; color:#5b136d; text-align:center; line-height:140%; }
#sub01_10 div.subtxt ul li.t4 {opacity:0; filter: blur(12px); position:absolute; top:300px; left:1042px; width:380px; height:380px; padding-top:140px; font-size:34px;  font-weight:700; color:#000000; text-align:center; background:#f1eeee; border:1px solid #b4b4b4; box-sizing:border-box; border-radius:100%; }
#sub01_10 div.subtxt ul li.t4 span {display:block; padding-top:10px; font-size:18px; color:#414141; font-weight:500; line-height:150%; }
#sub01_10 div.subtxt ul li.t5 {opacity:0; filter: blur(32px); position:absolute; top:783px; left:427px; width:146px; height:146px; line-height:146px; font-size:31px;  font-weight:700; color:#000000; text-align:center; background:#d6c3a2; box-sizing:border-box; border-radius:100%; }
#sub01_10 div.subtxt ul li.t6 {opacity:0; filter: blur(32px); position:absolute; top:783px; left:716px; width:146px; height:146px; line-height:146px; font-size:31px;  font-weight:700; color:#000000; text-align:center; background:#cca2d6; box-sizing:border-box; border-radius:100%; }
#sub01_10 div.subtxt ul li.t7 {opacity:0; filter: blur(32px); position:absolute; top:922px; left:259px; width:146px; height:146px; line-height:146px; font-size:31px;  font-weight:700; color:#000000; text-align:center; background:#ddb5bf; box-sizing:border-box; border-radius:100%; }
#sub01_10 div.subtxt ul li.t8 {opacity:0; filter: blur(32px); position:absolute; top:1022px; left:570px; width:146px; height:146px; line-height:146px; font-size:31px;  font-weight:700; color:#000000; text-align:center; background:#c1dee7; box-sizing:border-box; border-radius:100%; }
#sub01_10 div.subtxt ul li.t9 {opacity:0; filter: blur(32px); position:absolute; top:922px; left:863px; width:146px; height:146px; line-height:146px; font-size:31px;  font-weight:700; color:#000000; text-align:center; background:#d6d2a2; box-sizing:border-box; border-radius:100%; }

#sub01_10.active div.subtxt { height:1116px; transition:all 4.4s cubic-bezier(0, 0.55, 0.45, 1) 0s; }
#sub01_10.active div.subtxt ul li.t1 { opacity:1; filter: blur(0px); width:300px; height:368px; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.3s; }
#sub01_10.active div.subtxt ul li.t2 { opacity:1; filter: blur(0px); left:72px; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.7s; }
#sub01_10.active div.subtxt ul li.t3 { opacity:1; filter: blur(0px); top:430px; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 1.0s; }
#sub01_10.active div.subtxt ul li.t4 { opacity:1; filter: blur(0px); left:842px; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 0.7s; }
#sub01_10.active div.subtxt ul li.t5 { opacity:1; filter: blur(0px); top:683px; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 1.3s; }
#sub01_10.active div.subtxt ul li.t6 { opacity:1; filter: blur(0px); top:683px; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 1.3s; }
#sub01_10.active div.subtxt ul li.t7 { opacity:1; filter: blur(0px); top:822px; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 1.6s; }
#sub01_10.active div.subtxt ul li.t8 { opacity:1; filter: blur(0px); top:922px; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 1.6s; }
#sub01_10.active div.subtxt ul li.t9 { opacity:1; filter: blur(0px); top:822px; transition:all 1.0s cubic-bezier(0, 0.55, 0.45, 1) 1.6s; }

#sub01_01.sub0202v { position:relative; width:100%; height:884px; margin:0 auto; background:url('/page_KR0/02_sub/images/0202v.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_01.sub0202v ul.subtxt li.t2 { padding-top:30px; font-size:52px; font-weight:700; color:#ffffff; line-height:130%; letter-spacing:-1px; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }
#sub01_01.sub0202v ul.subtxt li.t2 span { color:#c438ec; }

.sub0202 { height:6447px; background:url('/page_KR0/02_sub/images/0202.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }

#sub01_08.sub0202_02 { background:url('/page_KR0/02_sub/images/0202_02.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; }
#sub01_08.sub0202_02 div.subtxt2 ul li.t1 { color:#9d94be; }
#sub01_08.sub0202_02 div.subtxt2 ul li.t2 { color:#fff; border-right:1px solid rgba(255,255,255,20%); }


#sub01_01.sub1101v { position:relative; width:100%; height:884px; margin:0 auto; background:url('/page_KR0/11_sub/images/1101v.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_01.sub1101v ul.subtxt li.t1 { font-size:32px; font-weight:700; color:#ccbc9f; line-height:100%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
#sub01_01.sub1101v ul.subtxt li.t2 { padding-top:30px; font-size:52px; font-weight:700; color:#ffffff; line-height:130%; letter-spacing:-1px; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }
#sub01_01.sub1101v ul.subtxt li.t3 { padding-top:30px; font-size:22px; font-weight:500; color:#ffffff; line-height:170%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s; }

.sub1101 { height:13020px; background:url('/page_KR0/11_sub/images/1101.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }

#sub01_08.sub1101_02 { background:url('/page_KR0/11_sub/images/1101_02.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; }
#sub01_08.sub1101_02 div.subtxt2 ul li.t1 { color:#9d94be; }
#sub01_08.sub1101_02 div.subtxt2 ul li.t2 { color:#fff; border-right:1px solid rgba(255,255,255,20%); }

#sub01_01.sub1102v { position:relative; width:100%; height:884px; margin:0 auto; background:url('/page_KR0/11_sub/images/1102v.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_01.sub1102v ul.subtxt li.t1 { font-size:32px; font-weight:700; color:#ffffff; line-height:100%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
#sub01_01.sub1102v ul.subtxt li.t2 { padding-top:30px; font-size:52px; font-weight:700; color:#ffffff; line-height:130%; letter-spacing:-1px; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }
#sub01_01.sub1102v ul.subtxt li.t3 { padding-top:30px; font-size:22px; font-weight:500; color:#ffffff; line-height:170%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s; }

.sub1102 { height:8389px; background:url('/page_KR0/11_sub/images/1102.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }

#sub01_08.sub1102_02 { background:url('/page_KR0/11_sub/images/1102_02.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; }
#sub01_08.sub1102_02 div.subtxt2 ul li.t1 { color:#be949e; }
#sub01_08.sub1102_02 div.subtxt2 ul li.t2 { color:#fff; border-right:1px solid rgba(255,255,255,20%); }


#sub01_01.sub1103v { position:relative; width:100%; height:884px; margin:0 auto; background:url('/page_KR0/11_sub/images/1103v.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_01.sub1103v ul.subtxt li.t1 { font-size:32px; font-weight:700; color:#ccbc9f; line-height:100%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
#sub01_01.sub1103v ul.subtxt li.t2 { padding-top:30px; font-size:52px; font-weight:700; color:#000000; line-height:130%; letter-spacing:-1px; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }
#sub01_01.sub1103v ul.subtxt li.t3 { padding-top:30px; font-size:22px; font-weight:500; color:#000000; line-height:170%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s; }

.sub1103 { height:11192px; background:url('/page_KR0/11_sub/images/1103.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }

#sub01_01.sub1104v { position:relative; width:100%; height:884px; margin:0 auto; background:url('/page_KR0/11_sub/images/1104v.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_01.sub1104v ul.subtxt li.t1 { font-size:32px; font-weight:700; color:#fedf51; line-height:100%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
#sub01_01.sub1104v ul.subtxt li.t2 { padding-top:30px; font-size:52px; font-weight:700; color:#ffffff; line-height:130%; letter-spacing:-1px; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }
#sub01_01.sub1104v ul.subtxt li.t3 { padding-top:30px; font-size:22px; font-weight:500; color:#ffffff; line-height:170%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s; }

#sub01_01.sub1105v { position:relative; width:100%; height:884px; margin:0 auto; background:url('/page_KR0/11_sub/images/1105v.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_01.sub1105v ul.subtxt li.t1 { font-size:32px; font-weight:700; color:#fedf51; line-height:100%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
#sub01_01.sub1105v ul.subtxt li.t2 { padding-top:30px; font-size:52px; font-weight:700; color:#ffffff; line-height:130%; letter-spacing:-1px; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }
#sub01_01.sub1105v ul.subtxt li.t3 { padding-top:30px; font-size:22px; font-weight:500; color:#ffffff; line-height:170%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s; }


.sub1104 { height:24344px; background:url('/page_KR0/11_sub/images/1104.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub1105 { height:10938px; background:url('/page_KR0/11_sub/images/1105.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }

.subvvvvv { position:relative; width:1470px; margin:0 auto; }
.subvvvvv .vv2 { position:absolute; top:3308px; right:0px; }
.subvvvvv .vv1 { position:absolute; top:5520px; right:0px; }



#sub01_01.sub0401v { position:relative; width:100%; height:884px; margin:0 auto; background:url('/page_KR0/04_sub/images/0401v.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_01.sub0401v ul.subtxt li.t1 { font-size:32px; font-weight:700; color:#ffffff; line-height:100%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
#sub01_01.sub0401v ul.subtxt li.t2 { padding-top:30px; font-size:52px; font-weight:700; color:#ffffff; line-height:130%; letter-spacing:-1px; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }
#sub01_01.sub0401v ul.subtxt li.t3 { padding-top:30px; font-size:19px; font-weight:500; color:#cacaca; line-height:170%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 1.3s; }
#sub01_08.sub0401_02 { background:url('/page_KR0/04_sub/images/0401_02.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; }
#sub01_08.sub0401_02 div.subtxt2 ul li.t1 { color:#85cfd2; }
#sub01_08.sub0401_02 div.subtxt2 ul li.t2 { color:#fff; border-right:1px solid rgba(255,255,255,20%); }

#sub01_01.sub0402v { position:relative; width:100%; height:884px; margin:0 auto; background:url('/page_KR0/04_sub/images/0402v.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_01.sub0402v ul.subtxt li.t1 { font-size:32px; font-weight:700; color:#ffffff; line-height:100%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
#sub01_01.sub0402v ul.subtxt li.t2 { padding-top:30px; font-size:52px; font-weight:700; color:#ffffff; line-height:130%; letter-spacing:-1px; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }

#sub01_01.sub0403v { position:relative; width:100%; height:884px; margin:0 auto; background:url('/page_KR0/04_sub/images/0403v.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_01.sub0403v ul.subtxt li.t1 { font-size:32px; font-weight:700; color:#ffffff; line-height:100%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
#sub01_01.sub0403v ul.subtxt li.t2 { padding-top:30px; font-size:52px; font-weight:700; color:#ffffff; line-height:130%; letter-spacing:-1px; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }

#sub01_01.sub0404v { position:relative; width:100%; height:884px; margin:0 auto; background:url('/page_KR0/04_sub/images/0404v.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_01.sub0404v ul.subtxt li.t1 { font-size:32px; font-weight:700; color:#ffffff; line-height:100%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
#sub01_01.sub0404v ul.subtxt li.t2 { padding-top:30px; font-size:52px; font-weight:700; color:#ffffff; line-height:130%; letter-spacing:-1px; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }

#sub01_01.sub0405v { position:relative; width:100%; height:884px; margin:0 auto; background:url('/page_KR0/04_sub/images/0405v.jpg')no-repeat 50% 50%; background-size: cover; background-attachment: fixed; overflow:hidden; }
#sub01_01.sub0405v ul.subtxt li.t1 { font-size:32px; font-weight:700; color:#ffffff; line-height:100%; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.4s; }
#sub01_01.sub0405v ul.subtxt li.t2 { padding-top:30px; font-size:52px; font-weight:700; color:#ffffff; line-height:130%; letter-spacing:-1px; animation: subtxt1 1.4s cubic-bezier(0, 0.55, 0.45, 1) both 0.9s; }

.sub0401 { height:3362px; background:url('/page_KR0/04_sub/images/0401.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0402 { height:3613px; background:url('/page_KR0/04_sub/images/0402.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0403 { height:3718px; background:url('/page_KR0/04_sub/images/0403.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0404 { height:3659px; background:url('/page_KR0/04_sub/images/0404.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }
.sub0405 { height:3606px; background:url('/page_KR0/04_sub/images/0405.jpg')no-repeat 50% 0; position:relative; width:100%; min-width:1280px; margin:0 auto; max-width:1920px; }



#sub01_08 div.subtxt2 ul:nth-child(3) li.t2 { border-right:0px solid #000000; }
#sub01_08 div.subtxt2 ul:nth-child(6) li.t2 { border-right:0px solid #000000; }

.subsynergy { position:relative; width:1200px; margin:0 auto; margin-bottom:80px; }
.subsynergy div { text-align:center; width:100%; margin-bottom:50px; font-size:39px; font-weight:700; color:#000000; }
.subsynergy ul { position:relative; width:1200px; margin:0 auto; border-top:1px solid #d9d9d9; }
.subsynergy ul li { position:relative; width:100%; height:78px; }
.subsynergy ul li a { display:block; width:100%; height:78px; line-height:78px; border-bottom:1px solid #d9d9d9; background:#fff; padding-left:90px; font-size:24px; font-weight:700; color:#000000; box-sizing:border-box; background:url('/page_KR0/03_sub/images/subsynergybg.jpg')no-repeat 64px 50%; }
.subsynergy ul li a span { display:block; position:absolute; top:0px; right:54px; }
.subsynergy ul li a:hover { color:#ffffff; border-bottom:1px solid #a64288; background:#a64288; }


.subsynergy2 { position:relative; width:1200px; margin:0 auto; margin-bottom:80px; }
.subsynergy2 div { text-align:center; width:100%; margin-bottom:50px; font-size:39px; font-weight:700; color:#000000; }
.subsynergy2 ul.wrap { position:relative; width:1200px; margin:0 auto; border-top:1px solid #d9d9d9; }
.subsynergy2 ul li { position:relative; width:100%; overflow:hidden; }
.subsynergy2 ul li a { cursor:pointer; display:block; width:100%; height:78px; line-height:78px; border-bottom:1px solid #d9d9d9; background:#fff; padding-left:90px; font-size:24px; font-weight:700; color:#000000; box-sizing:border-box; background:url('/page_KR0/03_sub/images/subsynergybg.jpg')no-repeat 64px 50%; }
.subsynergy2 ul li a span.txt { display:block; position:absolute; top:0px; right:54px;  }
.subsynergy2 ul li a span.txt span.t1 { display:inline-block; color:#898989; padding-right:6px; text-decoration: line-through; }
.subsynergy2 ul li a span.txt span.t2 { display:inline-block; color:#a64288; padding-right:30px; }
.subsynergy2 ul li a span.txt2 { display:block; position:absolute; top:24px; left:214px;  }
.subsynergy2 ul li a span.txt2 img { display:block; }
.subsynergy2 ul li a:hover { color:#a64288; }
.subsynergy2 ul li a:hover span.txt span { color:#a64288; }

.subsynergy2 ul li .care_con { position:relative; width:100%; height:0px; text-align:center; }
.subsynergy2 ul li .care_con.active { position:relative; width:100%; height:auto; }
.subsynergy2 ul li .care_con li.title {text-align:left;  position:relative; width:100%; height:78px; line-height:78px; background:#a64288; padding-left:90px; font-size:24px; font-weight:700; color:#fff; box-sizing:border-box; }
.subsynergy2 ul li .care_con li.title span { display:block; position:absolute; top:0px; right:54px;  font-size:22px; font-weight:700; color:#d4d4d4;}

.subsynergy2 ul li .care_con li.con {text-align:left; position:relative; width:100%; background:#fbfbfb; padding:50px 0 50px 90px; font-size:17px; font-weight:400; color:#787878; line-height:170%; box-sizing:border-box; }
.subsynergy2 ul li .care_con li.con span { color:#000; font-size:20px; font-weight:700; color:#000; }



.subintewarp { position:relative; width:100%; padding-top:200px; }
.subinte { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.subinte ul.intetxt { position:relative; width:1122px; margin:0 auto; overflow:hidden; }
.subinte 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; }
.subinte ul.intetxt li.on { background:#3fc0d0; }
.subinte ul.intetxt li:last-child { margin-right:0px; }

.subinte div.inteimg { position:relative; width:100%; margin-top:30px; }
.subinte div.inteimg ul { position:relative; width:100%; }
.subinte div.inteimg ul li { position:relative; width:1218px;  height:636px; outline:none; }
.subinte div.inteimg ul li span { display:block; padding:0 47px; }
.subinte div.inteimg ul li img { width:100%; display: block !important; }
.subinte 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:300px; left:24%; transform: translate(-50%,0); cursor:pointer; width:60px; height:60px; border-radius:100%; background:rgba(0,0,0,0.3); }
.inte_next { position:absolute; top:300px; left:76%; transform: translate(-50%,0); cursor:pointer; width:60px; height:60px; border-radius:100%; background:rgba(0,0,0,0.3); }

.slider-nav { position:relative; width:1124px; 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%; }