@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');


/* ===== sub0207_02_hero ===== */
#sub0207_02_hero { position:relative; width:100%; height:100vh; max-width:2000px; margin:0 auto; background:url('/page_KR0/02_sub/images/0207_02.jpg')no-repeat 50% 0; background-size:cover; overflow:hidden; box-sizing:border-box; }

#sub0207_02_hero .hero-content { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:90%; max-width:1460px; }
#sub0207_02_hero .hero-brand { font-family:Georgia,'Times New Roman',serif; font-size:70px; letter-spacing:5px; color:#433c38; margin-bottom:6px; }
#sub0207_02_hero .hero-title { font-family:Georgia,'Times New Roman',serif; font-style:italic; font-size:70px; color:#433c38; margin-bottom:32px; }
#sub0207_02_hero .hero-desc { font-size:21px; line-height:1.7; color:#aba29d; margin-bottom:38px; }
#sub0207_02_hero .hero-btn { display:inline-flex; align-items:center; gap:14px; background:#ffffff; border:none; border-radius:56px; padding:20px 32px; font-size:20px; font-weight:700; color:#2b2b2b; cursor:pointer; }
#sub0207_02_hero .hero-btn .icon { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border:2px solid #c9503a; border-radius:6px; color:#c9503a; font-size:16px; }


/* ===== sub0207_02_patents ===== */
#sub0207_02_patents { position:relative; width:100%; height:100vh; overflow:hidden; background:url('/page_KR0/02_sub/images/0207_02_2.jpg')no-repeat 50% 0; background-size:cover; box-sizing:border-box; }
#sub0207_02_patents .patents-inner { position:relative; width:100%; max-width:1480px; height:100%; margin:0 auto; display:flex; gap:74px; align-items:center; box-sizing:border-box; }
#sub0207_02_patents .patent-images { display:flex; gap:36px; flex-shrink:0; height:497px; }
#sub0207_02_patents .patent-card { width:280px; text-align:center; }
#sub0207_02_patents .patent-card img { width:100%; margin-bottom:18px; display:block; }
#sub0207_02_patents .patent-card p { font-size:14px; line-height:1.6; color:#333; margin:0; }
#sub0207_02_patents .patent-no { font-size:18px; font-weight:700; margin-top:6px; display:inline-block; }
#sub0207_02_patents .patents-text {  height:497px; font-size:21px; line-height:1.9; color:#333; }
#sub0207_02_patents .patents-text p { margin:0 0 28px 0; }
#sub0207_02_patents .patents-text p:last-child { margin:0; }

/* ===== 반응형 ===== */
@media (max-width:1024px) { #sub0207_02_hero { height:auto; padding:90px 24px; } #sub0207_02_hero .hero-inner { flex-direction:column; height:auto; } #sub0207_02_hero .hero-visual { position:static; width:100%; height:280px; margin-top:32px; order:2; } #sub0207_02_patents { height:auto; padding:90px 24px; } #sub0207_02_patents .patents-inner { flex-direction:column; height:auto; } #sub0207_02_patents .patent-images { flex-wrap:wrap; } }



.noticetxt { position:relative; width:1280px; margin:0 auto; margin-top:100px; }
.noticetxt p.line { width:54px; height:1px; margin:0 auto; background:#000; }
.noticetxt p.noticetitle { width:100%; margin-top:42px; text-align:center; font-size:40px; font-weight:900; color:#494949; line-height:1; }

.subvisualwrap { background:#000; }
.subvisual { position:relative; width:100%; height:100vh; overflow:hidden; }
.subvisual .subtxt { position:absolute; top: 50%; transform: translateY(-50%); width:100%;  text-align:center; }
.subvisual .subtxt li.t0 { animation:fadeup ease-in-out 0.6s both 0.4s; position:absolute; left: 30%; transform: translateX(-50%); top: -45%; transform: translateY(-50%);}
.subvisual .subtxt li.t1 { font-size:84px; font-weight:500; color:#fff; line-height:1; letter-spacing:-1px; animation:fadeup ease-in-out 0.6s both 0.4s; }
.subvisual .subtxt li.t2 { padding-top:20px; font-size:40px; color:#fff; line-height:1; letter-spacing:6; font-family: "Times New Roman", Times, serif; animation:fadeeffect ease-in-out 0.6s both 0.9s; }
.subvisual .subtxt li.t3 { padding-top:20px; font-size:24px; font-weight:400; color:#fff; line-height:1; animation:fadeup ease-in-out 0.6s both 1.4s; }
.subvisual .subtxt li.t11 { font-family: "Times New Roman", Times, serif; font-size:84px; font-weight:500; color:#fff; line-height:1; letter-spacing:-1px; animation:fadeup ease-in-out 0.6s both 0.4s; }

.subvisual2 { position:relative; width:100%; height:1035px; overflow:hidden; }
.subvisual2 .subtxt { position:absolute; top: 50%; transform: translateY(-50%); width:100%;  text-align:center; }
.subvisual2 .subtxt li.t1 { font-size:24px; font-weight:500; color:#fff; line-height:1; animation:fadeup ease-in-out 0.6s both 0.4s; }
.subvisual2 .subtxt li.t2 { padding-top:20px; font-size:110px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; animation:fadeeffect ease-in-out 0.6s both 0.9s; }
.subvisual2 .subtxt li.t3 { padding-top:20px; font-size:24px; font-weight:400; color:#99969b; line-height:1; animation:fadeup ease-in-out 0.6s both 1.4s; }

.subvisual .subtxt3 { position:absolute; top: 50%; left:50%; transform: translate(-50%,-50%); width:100%;  text-align:center; }
.subvisual .subtxt3 .t5 { position:absolute; left:0%; top:0%; animation:fadeup ease-in-out 0.6s both 0.2s; }
.subvisual .subtxt3 li.t6 { padding-top:72px; display:inline-block; position:relative; font-size:36px; font-weight:700; color:#ffffff; line-height:1; letter-spacing:-1px; animation:fadeup ease-in-out 0.6s both 0.6s; }
.subvisual .subtxt3 li.t7 { padding-top:20px; font-size:106px; color:#ffffff; line-height:1; letter-spacing:6; font-family: "Times New Roman", Times, serif; animation:fadeeffect ease-in-out 0.6s both 0.9s; }
.subvisual .subtxt3 li.t8 { padding-top:34px; font-size:23px; font-weight:400; color:#efefef; line-height:1.4; animation:fadeup ease-in-out 0.6s both 1.4s; }
.subvisual .subtxt3 li.t9 { padding-top:20px; font-size:66px; color:#ffffff; line-height:1; letter-spacing:6; font-family: "Times New Roman", Times, serif; animation:fadeeffect ease-in-out 0.6s both 1.0s; }


.sub0101v { background-image:url(/page_KR0/01_sub/images/0101v.jpg); background-size:cover; background-attachment: fixed; }
.sub0102v { background-image:url(/page_KR0/01_sub/images/0102v.jpg); background-size:cover; background-attachment: fixed; }
.sub0103v { background-image:url(/page_KR0/01_sub/images/0103v.jpg); background-size:cover; background-attachment: fixed; }
.sub0104v { background-image:url(/page_KR0/01_sub/images/0104v.jpg); background-size:cover; background-attachment: fixed; }
.sub0105v { background-image:url(/page_KR0/01_sub/images/0105v.jpg); background-size:cover; background-attachment: fixed; }

.sub0201v { background-image:url(/page_KR0/02_sub/images/0201vv.jpg); background-size:cover; background-attachment: fixed; }
.sub0202v { background-image:url(/page_KR0/02_sub/images/0202v.jpg); background-size:cover; background-attachment: fixed; }
.sub0203v { background-image:url(/page_KR0/02_sub/images/0203v.jpg); background-size:cover; background-attachment: fixed; }
.sub0204v { background-image:url(/page_KR0/02_sub/images/0204v.jpg); background-size:cover; background-attachment: fixed; }
.sub0205v { background-image:url(/page_KR0/02_sub/images/0205v.jpg); background-size:cover; background-attachment: fixed; }


.sub0301v { background-image:url(/page_KR0/03_sub/images/0301v.jpg); background-size:cover; background-attachment: fixed; }
.sub0302v { background-image:url(/page_KR0/03_sub/images/0302v.jpg); background-size:cover; background-attachment: fixed; }
.sub0303v { background-image:url(/page_KR0/03_sub/images/0303v.jpg); background-size:cover; background-attachment: fixed; }
.sub0304v { background-image:url(/page_KR0/03_sub/images/0304v.jpg); background-size:cover; background-attachment: fixed; }
.sub0307v { background-image:url(/page_KR0/02_sub/images/0203bg2.jpg); background-size:cover; background-attachment: fixed; }


.sub0401v { background-image:url(/page_KR0/04_sub/images/0401v.jpg); background-size:cover; background-attachment: fixed; }
.sub0402v { background-image:url(/page_KR0/04_sub/images/0402v.jpg); background-size:cover; background-attachment: fixed; }
.sub0403v { background-image:url(/page_KR0/04_sub/images/0403v.jpg); background-size:cover; background-attachment: fixed; }
.sub0404v { background-image:url(/page_KR0/04_sub/images/0404v.jpg); background-size:cover; background-attachment: fixed; }
.sub0405v { background-image:url(/page_KR0/04_sub/images/0405v.jpg); background-size:cover; background-attachment: fixed; }

.sub0501v { background-image:url(/page_KR0/05_sub/images/0501v.jpg); background-size:cover; background-attachment: fixed; }
.sub0502v { background-image:url(/page_KR0/05_sub/images/0502v.jpg); background-size:cover; background-attachment: fixed; }
.sub0502vv { background-image:url(/page_KR0/05_sub/images/0502vv.jpg); background-size:cover; background-attachment: fixed; }
.sub0503v { background-image:url(/page_KR0/05_sub/images/0503v.jpg); background-size:cover; background-attachment: fixed; }
.sub0505v { background-image:url(/page_KR0/05_sub/images/0501vv.jpg); background-size:cover; background-attachment: fixed; }

.sub0601v { background-image:url(/page_KR0/06_sub/images/0601v.jpg); background-size:cover; background-attachment: fixed; }
.sub0602v { background-image:url(/page_KR0/06_sub/images/0602v.jpg); background-size:cover; background-attachment: fixed; }
.sub0603v { background-image:url(/page_KR0/06_sub/images/0603v.jpg); background-size:cover; background-attachment: fixed; }
.sub0604v { background-image:url(/page_KR0/06_sub/images/0604v.jpg); background-size:cover; background-attachment: fixed; }
.sub0605v { background-image:url(/page_KR0/06_sub/images/0605v.jpg); background-size:cover; background-attachment: fixed; }
.sub0606v { background-image:url(/page_KR0/06_sub/images/0606v.jpg); background-size:cover; background-attachment: fixed; }

.sub0701v { background-image:url(/page_KR0/07_sub/images/0701v.jpg); background-size:cover; background-attachment: fixed; }
.sub0702v { background-image:url(/page_KR0/07_sub/images/0702v.jpg); background-size:cover; background-attachment: fixed; }
.sub0703v { background-image:url(/page_KR0/07_sub/images/0703v.jpg); background-size:cover; background-attachment: fixed; }
.sub0704v { background-image:url(/page_KR0/07_sub/images/0704v.jpg); background-size:cover; background-attachment: fixed; }
.sub0705v { background-image:url(/page_KR0/07_sub/images/0705v.jpg); background-size:cover; background-attachment: fixed; }
.sub0706v { background-image:url(/page_KR0/07_sub/images/0706v.jpg); background-size:cover; background-attachment: fixed; }
.sub0707v { background-image:url(/page_KR0/07_sub/images/0707v.jpg); background-size:cover; background-attachment: fixed; }
.sub0708v { background-image:url(/page_KR0/07_sub/images/0708v.jpg); background-size:cover; background-attachment: fixed; }

.sub0801v { background-image:url(/page_KR0/08_sub/images/0801v.jpg); background-size:cover; background-attachment: fixed; }
.sub0802v { background-image:url(/page_KR0/08_sub/images/0802v.jpg); background-size:cover; background-attachment: fixed; }
.sub0803v { background-image:url(/page_KR0/08_sub/images/0803v.jpg); background-size:cover; background-attachment: fixed; }

.sub1002v { background-image:url(/page_KR0/10_sub/images/1002v.jpg); background-size:cover; background-attachment: fixed; }



.subvisual .bg { position:absolute; top:0px; left:0px; width:100%; height:100%;  animation: sectionbg 8s cubic-bezier(0.25, 1, 0.5, 1) both 0.2s; }
.subvisual.sub0309v .bg { background-image:url(/page_KR0/03_sub/images/0309.jpg); background-size:cover; background-attachment: fixed; }
.subvisual.sub0207v .bg { 
	animation: sectionbg 8s cubic-bezier(0.25, 1, 0.5, 1) both 0.2s;  position:absolute; top:0px; left:0px; width:100%; height:100%; 
	background-image:url(/page_KR0/02_sub/images/0207.jpg); background-size:cover; background-attachment: fixed; 
}
.subvisual.sub0208v .bg { 
	animation: sectionbg 8s cubic-bezier(0.25, 1, 0.5, 1) both 0.2s;  position:absolute; top:0px; left:0px; width:100%; height:100%; 
	background-image:url(/page_KR0/02_sub/images/0208.jpg); background-size:cover; background-attachment: fixed; 
}
.subvisual.sub0209v .bg { 
	animation: sectionbg 8s cubic-bezier(0.25, 1, 0.5, 1) both 0.2s;  position:absolute; top:0px; left:0px; width:100%; height:100%; 
	background-image:url(/page_KR0/02_sub/images/0209.jpg); background-size:cover; background-attachment: fixed; 
}
.subvisual.sub0210v .bg { 
	animation: sectionbg 8s cubic-bezier(0.25, 1, 0.5, 1) both 0.2s;  position:absolute; top:0px; left:0px; width:100%; height:100%; 
	background-image:url(/page_KR0/02_sub/images/0210.jpg); background-size:cover; background-attachment: fixed; 
}
.subvisual.sub0211v .bg { 
	animation: sectionbg 8s cubic-bezier(0.25, 1, 0.5, 1) both 0.2s;  position:absolute; top:0px; left:0px; width:100%; height:100%; 
	background-image:url(/page_KR0/02_sub/images/0211.jpg); background-size:cover; background-attachment: fixed; 
}

.subvisual.sub0407v .bg { background-image:url('/page_KR0/04_sub/images/0407.jpg'); background-size:cover; background-attachment: fixed; }
.subvisual.sub0408v .bg { background-image:url('/page_KR0/04_sub/images/0408.jpg'); background-size:cover; background-attachment: fixed; }
.subvisual.sub0409v .bg { background-image:url('/page_KR0/04_sub/images/0409.jpg'); background-size:cover; background-attachment: fixed; }
.subvisual.sub0410v .bg { background-image:url('/page_KR0/04_sub/images/0410.jpg'); background-size:cover; background-attachment: fixed; }
.subvisual.sub0411v .bg { background-image:url('/page_KR0/04_sub/images/0411.jpg'); background-size:cover; background-attachment: fixed; }
.subvisual.sub0412v .bg { background-image:url('/page_KR0/04_sub/images/0412.jpg'); background-size:cover; background-attachment: fixed; }
.subvisual.sub0413v .bg { background-image:url('/page_KR0/04_sub/images/0413.jpg'); background-size:cover; background-attachment: fixed; }


@keyframes sectionbg {
	0% { transform: scale(1.1) translateY(0); transform-origin: 50% 50%; }
	100% { transform: scale(1) translateY(0); transform-origin: 50% 50%; }
}

.purpletxt { color:#471b56 !important; }
.blacktxt { color:#000000 !important; }


.update { width:100%; margin:0 auto; text-align:right; margin-bottom:50px; }

.sub0401v div.triangle, .sub0301v div.triangle, .sub0303v div.triangle {align-self: flex-end; animation-duration: 2s; animation-iteration-count: infinite; margin: 0 auto 0 auto; transform-origin: bottom; position: absolute; bottom: 100px; left: 50%; }
.bounce-2 { animation-name: bounce-2; animation-timing-function: ease; }
@keyframes bounce-2 {
	0%   { transform: translateY(0); }
	50%  { transform: translateY(-50px); }
	100% { transform: translateY(0); }
}

.sub0201v div.triangle, .sub0202v div.triangle,  .sub0204v div.triangle {align-self: flex-end; animation-duration: 2s; animation-iteration-count: infinite; margin: 0 auto 0 auto; transform-origin: bottom; position: absolute; bottom: 100px; left: 50%; }
.sub0205v div.triangle {align-self: flex-end; animation-duration: 2s; animation-iteration-count: infinite; margin: 0 auto 0 auto; transform-origin: bottom; position: absolute; bottom: 100px; left: 50%; }

.subvideo { position:fixed; top:0px; left:0px;  width:100%; height:1080px; }
.subvideo video {
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
height: auto;
width: auto;
}

.videobg { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color: rgba( 41, 10, 51, 0.8 );  }

.fadeup { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }
.fadeup.active { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }
.fadeleft { transform:translateX(90px); opacity:0; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }
.fadeleft.active { transform:translate(0px); opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }
.fadeup { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }
.active .fadeup { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }
.fadeup2 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }
.active .fadeup2 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.6s; }
.fadeup3 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }
.active .fadeup3 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.9s; }

.fadeleft { transform:translateX(90px); opacity:0; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }
.active .fadeleft { transform:translate(0px); opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }
.fadeleft2 { transform:translateX(90px); opacity:0; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }
.active .fadeleft2 { transform:translate(0px); opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }
.fadeleft3 { transform:translateX(90px); opacity:0; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }
.active .fadeleft3 { transform:translate(0px); opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.9s; }

.faderight2 { transform:translateX(-90px); opacity:0; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }
.active .faderight2 { transform:translate(0px); opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }


.sub0309_01 { position:relative; width:100%; height:100vh; overflow:hidden; }
.sub0309_01 .bg { 
	position:absolute; top:0px; left:0px; width:100%; height:100%;  transform: scale(1.1) translateY(0); transform-origin: 50% 50%; transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;
	background-image:url(/page_KR0/03_sub/images/0309_01.jpg); background-size:cover; 
}
.sub0309_01 .bg2 {  background-image:url(/page_KR0/02_sub/images/0207_01.jpg); background-size:cover; }
.sub0309_01 .bg3 {  background-image:url(/page_KR0/02_sub/images/0208_01.jpg); background-size:cover; }
.sub0309_01 .bg4 {  background-image:url(/page_KR0/02_sub/images/0209_01.jpg); background-size:cover; }
.sub0309_01 .bg5 {  background-image:url(/page_KR0/02_sub/images/0210_01.jpg); background-size:cover; }
.sub0309_01 .bg6 {  background-image:url(/page_KR0/02_sub/images/0211_01.jpg); background-size:cover; }

.sub0309_01 .bg7 {  background-image:url(/page_KR0/04_sub/images/0407_01.jpg); background-size:cover; }
.sub0309_01 .bg8 {  background-image:url(/page_KR0/04_sub/images/0408_01.jpg); background-size:cover; }
.sub0309_01 .bg9 {  background-image:url(/page_KR0/04_sub/images/0409_01.jpg); background-size:cover; }
.sub0309_01 .bg10 {  background-image:url(/page_KR0/04_sub/images/0410_01.jpg); background-size:cover; }
.sub0309_01 .bg11 {  background-image:url(/page_KR0/04_sub/images/0411_01.jpg); background-size:cover; }
.sub0309_01 .bg12 {  background-image:url(/page_KR0/04_sub/images/0412_01.jpg); background-size:cover; }
.sub0309_01 .bg13 {  background-image:url(/page_KR0/04_sub/images/0413_01.jpg); background-size:cover; }


.sub0309_01.active .bg {  transform: scale(1) translateY(0); transform-origin: 50% 50%; transition:all 6.4s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub0309_01 .subtxt { position:absolute; top:50%; left:60%; transform:translate(-50%,-50%); width:686px; }
.sub0309_01 .subtxt.subtxt2 { position:absolute; top:50%; left:70%; transform:translate(-50%,-50%); width:686px; }
.sub0309_01 .subtxt li.t1 { font-size:100px; color:#ffffff; line-height:1; letter-spacing:1; font-family: "Times New Roman", Times, serif; }
.sub0309_01 .subtxt li.t2 { font-size:100px; color:#ffffff; line-height:1; letter-spacing:1; font-family: "Times New Roman", Times, serif; }
.sub0309_01 .subtxt li.t3 { font-family: 'NanumMyeongjo'; font-size:40px; color:#ffffff; line-height:1.4; margin-bottom:20px; }
.sub0309_01 .subtxt li.t4 { font-size:24px; color:#ffffff; line-height:1.4; margin-bottom:10px; }
.sub0309_01 .subtxt.subtxt2 li.t2 { letter-spacing:20px; }



.sub0309_02 { position:relative; width:100%; padding:150px 0 100px 0; overflow:hidden; }
.sub0309_02 .bg { position:relative; width:100%; max-width:883px; height:980px; margin:0 auto; background-image:url(/page_KR0/03_sub/images/0309_02.jpg); background-size:cover; }
.sub0309_02 .bg2 { background-image:url(/page_KR0/02_sub/images/0208_02.jpg); background-size:cover; }
.sub0309_02 .bg3 { background-image:url(/page_KR0/02_sub/images/0209_02.jpg); background-size:cover; }
.sub0309_02 .bg4 { background-image:url(/page_KR0/02_sub/images/0210_02.jpg); background-size:cover; }
.sub0309_02 .bg5 { background-image:url(/page_KR0/02_sub/images/0211_02.jpg); background-size:cover; }

.sub0309_02 .bg7 { background-image:url(/page_KR0/04_sub/images/0407_02.jpg); background-size:cover; }
.sub0309_02 .bg8 { background-image:url(/page_KR0/04_sub/images/0408_02.jpg); background-size:cover; }
.sub0309_02 .bg9 { background-image:url(/page_KR0/04_sub/images/0409_02.jpg); background-size:cover; }
.sub0309_02 .bg10 { background-image:url(/page_KR0/04_sub/images/0410_02.jpg); background-size:cover; }
.sub0309_02 .bg11 { background-image:url(/page_KR0/04_sub/images/0411_02.jpg); background-size:cover; }
.sub0309_02 .bg12 { background-image:url(/page_KR0/04_sub/images/0412_02.jpg); background-size:cover; }
.sub0309_02 .bg13 { background-image:url(/page_KR0/04_sub/images/0413_02.jpg); background-size:cover; }


.sub0309_02 video { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  object-fit: cover; width:100%; height:100%; }
.sub0309_02 .subtxt { position:absolute; top:228px; left:-200px; width:376px; }
.sub0309_02 .subtxt li.t1 { font-size:56px; color:#471b56; line-height:100%; letter-spacing:1; font-family: "Times New Roman", Times, serif; }
.sub0309_02 .subtxt li.t2 { margin-top:20px; font-size:45px; color:#222222; font-weight:700; line-height:1; }
.sub0309_02 .subtxt2 { position:absolute; top:668px; left:702px; width:484px; font-size:20px; color:#757575; font-weight:400; line-height:150%;  }

.sub0309_02 .subtxt.subtxt3 { width:476px; }
.sub0309_02 .subtxt2.subtxt4 { top:568px; width:524px; }



.sub0309_03 .target { position:relative; width:1180px; margin:0 auto; padding-bottom:150px; overflow:hidden; text-align:center; }
.sub0309_03 .target li.targeticon { float:left; width:235px; padding-top:130px; box-sizing:border-box; font-size:14.5px; font-weight:500; color:#787878; line-height:140%; }
.sub0309_03 .target li.targeticon span { display:block; width:100%; margin-bottom:4px; font-size:18px; font-weight:500; color:#060606; }
.sub0309_03 .target li.line { float:left; width:1px; height:186px; background:#eaeaea; }
.sub0309_03 .target1 { background:url('/page_KR0/02_sub/images/0201icon_1.jpg')no-repeat 50% 0; }
.sub0309_03 .target2 { background:url('/page_KR0/02_sub/images/0201icon_2.jpg')no-repeat 50% 0; }
.sub0309_03 .target3 { background:url('/page_KR0/02_sub/images/0201icon_3.jpg')no-repeat 50% 0; }
.sub0309_03 .target4 { background:url('/page_KR0/02_sub/images/0201icon_4.jpg')no-repeat 50% 0; }
.sub0309_03 .target5 { background:url('/page_KR0/02_sub/images/0201icon_5.jpg')no-repeat 50% 0; }
.sub0309_03 .target6 { background:url('/page_KR0/02_sub/images/0201icon_6.jpg')no-repeat 50% 0; }


.sub0309_04 { position:relative; width:100%; padding:150px 0; background:#000000; overflow:hidden; }
.sub0309_04 .subtxt { position:relative; width:100%; text-align:center; }
.sub0309_04 .subtxt li.t1 { font-size:60px; color:#ffffff; line-height:100%; letter-spacing:1; font-family: "Times New Roman", Times, serif; }
.sub0309_04 .subtxt li.t2 { margin-top:20px; font-size:19px; color:#ffffff; font-weight:500; line-height:1; }
.sub0309_04 .imgs { position:relative; width:1385px; margin:0 auto; display:flex; margin-top:50px; }



/* 상단 섹션 전용 스타일 */
.sub0309_04_top { position:relative; width:100%; padding:150px 0; text-align:center; }
.main_title_area { margin-bottom: 40px; }
.main_title_area h2 { font-size: 60px; font-weight: 700; letter-spacing: 1px; color: #000000; margin-bottom: 7px; }
.main_title_area p { font-size: 19px; color: #000000; font-weight: 400; }
/* 이미지 비교 박스 */
.main_comparison { position: relative; max-width: 1280px; margin: 0 auto; }
.main_comparison .comparison_box { position: relative; display: inline-block; width: 100%; }
.main_comparison .comparison_box img { width: 100%; display: block; }

.main_comparison2 { position: relative; max-width: 1480px; margin: 0 auto; display:flex; justify-content: space-between; }
.main_comparison2 .comparison_box { position: relative; width: 48%; }
.main_comparison2 .comparison_box img { width: 100%; display: block; }


/* 화살표 아이콘 중앙 배치 */
.center_arrow { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 100%; z-index: 10; }
/* BEFORE / AFTER 라벨 */
.main_comparison .label_group { display: flex; justify-content: space-between; margin-top: 15px; }
.main_comparison .label_group .label_before, .label_after { font-size: 28px; font-weight: 700; color: #9771e2; }
.main_comparison2 .label_group { display: flex; justify-content: space-between; margin-top: 15px; }
.main_comparison2 .label_group .label_before, .label_after { font-size: 28px; font-weight: 700; color: #9771e2; }

/* 하단 캡션 */
.caption { margin-top: 20px; font-size: 19px; color: #000000; opacity: 50%; }
.personalized_solution { background-color: #f5f5f5; padding: 80px 0; }
.inner_wrap { max-width: 1280px; margin: 0 auto; padding: 0 15px; }
.solution_header { text-align: center; margin-bottom: 60px; }
.solution_header h2 { color: #4b245e; font-size: 60px; font-weight: 700; margin-bottom: 10px; }
.solution_header p { color: #666; font-size: 19px; }
/* 그리드 설정 */
.solution_container { display: flex; flex-wrap: wrap; gap: 40px 20px; justify-content: center; }
.case_card2 { width: calc(50% - 20px); position: relative; margin-bottom: 5%; }
.case_card { background: #fff; width: 100%; border-radius: 25px; position: relative; padding-top: 40px; box-shadow: 0 15px 35px rgba(0,0,0,0.05); text-align: center; overflow: hidden; box-sizing: border-box; border: 1px solid #cccccc; }
.case_label { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); background: #3e1b52; color: #fff; padding: 6px 30px; border-radius: 20px; font-size: 28px; font-family: "Times New Roman", Times, serif; z-index: 2; }
.case_info h3 { font-size: 30px; margin-bottom: 10px; color: #222; letter-spacing:-1px; }
.case_summary { font-size: 21px; color: #471b56; font-weight: 600; padding: 0 20px; letter-spacing: -1px; }
.case_summary2 { width:86%; margin:0 auto; font-size: 18px; color: #471b56; font-weight: 600; padding: 0 20px; letter-spacing: -1px; }
.case_note { font-size: 14px; color: #9c9c9c; margin-top: 5px; margin-bottom: 20px; }
/* 이미지 및 하단 라벨 */
.case_img_wrap { position: relative; }
.case_img_wrap img { width: 100%; display: block; }
.img_labels { display: flex; background: #3e1b52; color: #ffffff; }
.img_labels span { flex: 1; padding: 14px 0; font-size: 22px; font-weight: 700; }
.img_labels span:first-child { background: #fff; color: #333; }
/* 불렛 리스트 */
.case_bullets { list-style: none; padding: 35px 20px 0; text-align: center; }
.case_bullets li { font-size: 18px; color: #471b56; margin-bottom: 5px; position: relative; font-weight:500; }
.case_bullets li::before { content: '·'; font-weight: bold; margin-right: 5px; }



.sub0309_05 { position:relative; width:100%; padding:150px 0; background:#eee8f2; overflow:hidden; }
.sub0309_05 .subtxt { position:relative; width:100%; text-align:center; }
.sub0309_05 .subtxt li.t1 { font-size:46px; color:#000000; font-weight:700; line-height:100%; }
.sub0309_05 .subtxt li.t2 { margin-top:20px; font-size:19px; color:#5c5c5c; font-weight:500; line-height:1; }
.sub0309_05 .imgs { position:relative; max-width:1280px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:50px; }
.sub0309_05 .imgs ul { width:24%; margin-bottom:3%; text-align:center; }
.sub0309_05 .imgs ul li.img { width:100%; }
.sub0309_05 .imgs ul li.img img { width:100%; }
.sub0309_05 .imgs ul li.txt { width:100%; font-size:21px; font-weight:600; color:#471b56; line-height:140%; margin-top:10px; }
.sub0309_05 .subtxt2 { position:relative; width:680px; margin:0 auto; border-radius:50px; padding:14px 0; margin-top:40px; text-align:center; font-size:22px; color:#000000; font-weight:500; line-height:100%; background:#ded2e9; }


/* 기본 폰트 및 초기화 (프로젝트 환경에 맞게 조정하세요) */
.detail-section { position:relative; width:100%; padding: 140px 0; background-color: #ffffff; overflow: hidden; }
.detail-section .container { width:100%;  }
/* 상단 타이틀 */
.section-header { text-align:center; margin-bottom:70px; }
.section-header h2 { font-size:60px; color:#471b56; font-weight:700; margin-bottom:15px; letter-spacing:1px; font-family:'Poppins', sans-serif; }
.section-header p { font-size:19px; color:#5c5c5c; margin:0; }

/* 본문 영역 래퍼 */
.content-wrapper { position:relative; padding:140px 0; }

/* 우측 회색 배경 (가상 요소 대신 div로 명시적 처리) */
.bg-gray-half { position:absolute; top:0; bottom:0; right:0px; width:60%; background-color:#f5f5f5; z-index:1; }

/* 개별 행 배치 */
.info-row { width:1340px; margin:0 auto; display:flex; justify-content:space-between; margin-bottom:80px; position:relative; z-index:2; }
.info-row:last-child { margin-bottom:0; }

/* 이미지 영역 */
.img-box2 { width:58%; }
.img-box2 img { width:100%; height:auto; display:block; object-fit:cover; box-shadow:0 4px 15px rgba(0,0,0,0.03); }

/* 텍스트 영역 */
.text-box { width:38%; }
.info-row.info-row2 { width:1480px; }
.info-row.info-row2 .text-box { width:44%; }
.info-row.info-row2 .img-box2 { width:52%; }
.text-box h3 { font-size:29px; color:#471b56; font-weight:700; margin-bottom:20px; line-height:1.4; letter-spacing:-1px; }
.text-box p { font-size:18px; color:#000000; line-height:1.6; font-weight:300; word-break:keep-all; margin:0; }
.text-box p span { font-weight:500; }
.text-box p div { width:100%; font-size:18px; color:#000000; line-height:1.6; font-weight:300; word-break:keep-all; margin:0; }

.text-box .note { display:block; font-size:18px; color:#000000; line-height:1.6; font-weight:300; }


/* 태블릿 및 모바일 반응형 처리 */
@media screen and (max-width: 992px) {
    .bg-gray-half {
        display: none; /* 모바일에서는 가독성을 위해 우측 배경 제거 */
    }
    
    .info-row {
        flex-direction: column;
        margin-bottom: 60px;
    }
    
    .img-box {
        width: 100%;
        margin-bottom: 25px;
    }
    
    .text-box {
        width: 100%;
        padding-right: 0;
    }
}



.sub0309_06 { position:relative; width:100%; height:717px; background:#f6f6f6 url('/page_KR0/03_sub/images/0309_06.jpg')no-repeat 50% 0; overflow:hidden; }
.sub0309_06.sub0207_06 { background:url('/page_KR0/02_sub/images/0207_06.jpg')no-repeat 50% 0; overflow:hidden; }
.sub0309_06.sub0208_06 { background:url('/page_KR0/02_sub/images/0208_06.jpg')no-repeat 50% 0; overflow:hidden; }
.sub0309_06.sub0209_06 { background:url('/page_KR0/02_sub/images/0209_06.jpg')no-repeat 50% 0; overflow:hidden; }
.sub0309_06.sub0210_06 { background:url('/page_KR0/02_sub/images/0210_06.jpg')no-repeat 50% 0; overflow:hidden; }
.sub0309_06.sub0211_06 { background:url('/page_KR0/02_sub/images/0211_06.jpg')no-repeat 50% 0; overflow:hidden; }

.sub0309_06.sub0407_06 { background:url('/page_KR0/04_sub/images/0407_06.jpg')no-repeat 50% 0; overflow:hidden; }
.sub0309_06.sub0408_06 { background:url('/page_KR0/04_sub/images/0408_06.jpg')no-repeat 50% 0; overflow:hidden; }
.sub0309_06.sub0409_06 { background:url('/page_KR0/04_sub/images/0409_06.jpg')no-repeat 50% 0; overflow:hidden; }
.sub0309_06.sub0410_06 { background:url('/page_KR0/04_sub/images/0410_06.jpg')no-repeat 50% 0; overflow:hidden; }
.sub0309_06.sub0411_06 { background:url('/page_KR0/04_sub/images/0411_06.jpg')no-repeat 50% 0; overflow:hidden; }
.sub0309_06.sub0412_06 { background:url('/page_KR0/04_sub/images/0412_06.jpg')no-repeat 50% 0; overflow:hidden; }
.sub0309_06.sub0413_06 { background:url('/page_KR0/04_sub/images/0413_06.jpg')no-repeat 50% 0; overflow:hidden; }

.sub0309_06 .subtxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:1480px; }
.sub0309_06 .subtxt li.t1 { font-family: "Times New Roman", Times, serif; font-size:50px; color:#471b56; line-height:100%; }
.sub0309_06 .subtxt li.t2 { margin-top:20px; font-size:24px; color:#373737; font-weight:700; line-height:1; }
.sub0309_06 .subtxt li.t3 { margin-top:30px; font-size:18px; color:#5c5c5c; font-weight:400; line-height:160%; }
.sub0309_06 .subtxt li.t3 span { font-weight:600; color:#373737; }
.sub0309_06 .subtxt li.t4 { margin-top:35px; display:flex; flex-wrap:wrap; gap:14px; }
.sub0309_06 .subtxt li.t4 span { display:inline-flex; align-items:center; padding:14px 28px; font-size:17px; font-weight:600; color:#471b56; background:#fff; border:1px solid #471b56; border-radius:50px; line-height:1; white-space:nowrap; }

.whitetxt { color:#ffffff !important; }

.process-section { padding: 140px 0; }
.process-section .subtxt { position:relative; width:100%; text-align:center; }
.process-section .subtxt .t1 {  font-size:46px; color:#471b56; font-weight:700; line-height:100%; }
.process-section .subtxt .t2 { margin-top:20px; font-size:20px; color:#5c5c5c; line-height: 1.5; word-break: keep-all; margin-bottom: 5px; }
.process-section .subtxt .t2 .note { display: block; font-size:18px; color: #999999; margin-top: 10px; }
.process-section .process-desc { margin-top: 25px; }

.process-section .process-list { width:100%; max-width:1380px; margin:0 auto; margin-top:50px; display: flex; align-items: stretch; justify-content: space-between; }
.process-section .process-box { flex: 0 0 23%; text-align: center; background:#471b56; border-radius: 8px; overflow:hidden; position: relative; }
.process-section .process-box .img-box3 { width: 100%; }
.process-section .process-box .img-box3 img { width: 100%; height: auto; display: block; object-fit: cover; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.process-section .process-box .text-box { width:100%; padding:24px 0;  text-align:center; font-size:18px; color: #ffffff; }
.process-section .process-box .text-box2 { width:100%; padding:24px 0 0;  text-align:center; font-size:18px; font-weight:600; color: #ffffff; }
.process-section .process-box .text-box3 { width:90%; margin:0 auto; padding-top:6px; padding-bottom:24px; text-align:center; font-size:16px; font-weight:400; color: #ffffff; line-height:1.4; opacity:90%; }


.process-section .process-arrow { flex: 0 0 2%; padding-top:10%; text-align: center; }
.process-section .process-arrow img { width: 100%; height: auto; display: block; }

.process-section .subtxt2 { position:relative; width:100%; text-align:center; margin-top:50px; font-size:20px; color:#5c5c5c; line-height: 1.5; }


.sub0309_07 { position:relative; width:100%; height:825px; background:#f6f6f6 url('/page_KR0/03_sub/images/0309_07.jpg')no-repeat 50% 0; overflow:hidden; }
.sub0309_07.sub0207_07 { background:url('/page_KR0/02_sub/images/0207_07.jpg')no-repeat 50% 0; overflow:hidden; }
.sub0309_07.sub0407_07 { background:url('/page_KR0/04_sub/images/0407_07.jpg')no-repeat 50% 0; overflow:hidden; }
.sub0309_07.sub0410_07 { background:url('/page_KR0/04_sub/images/0410_07.jpg')no-repeat 50% 0; overflow:hidden; }
.sub0309_07.sub0413_07 { background:url('/page_KR0/04_sub/images/0413_07.jpg')no-repeat 50% 0; overflow:hidden; }

.sub0309_07 .subtxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:1480px; }
.sub0309_07 .subtxt li.t1 { font-family: "Times New Roman", Times, serif; font-size:60px; color:#471b56; line-height:100%; }
.sub0309_07 .subtxt li.t2 { margin-top:20px; font-size:35px; color:#373737; font-weight:700; line-height:1; }
.sub0309_07 .subtxt li.t3 { margin-top:30px; }
.sub0309_07 .subtxt li.t3 div { position:relative; width:100%; margin-bottom:4px; padding-left:22px; box-sizing:border-box;  font-size:21px; color:#373737; font-weight:400; line-height:160%; }
.sub0309_07 .subtxt li.t3 div span { position:absolute; top:12px; left:0px; width:8px; height:8px; border-radius:100%; background:#ab7fc1; }

.sub0309_08 { position:relative; width:100%; height:980px; background:#f6f6f6 url('/page_KR0/03_sub/images/0309_08.jpg')no-repeat 50% 0; overflow:hidden; }
.sub0309_08.sub0207_08 { background:#f6f6f6 url('/page_KR0/02_sub/images/0207_08.jpg')no-repeat 50% 0; background-size:cover; overflow:hidden; }
.sub0309_08.sub0208_08 { background:url('/page_KR0/02_sub/images/0208_08.jpg')no-repeat 50% 0; background-size:cover; overflow:hidden; }
.sub0309_08 .subtxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:1480px; text-align:center; }
.sub0309_08 .subtxt li.t1 { width:842px; margin:0 auto; }
.sub0309_08 .subtxt li.t2 { margin-top:20px; font-size:20px; color:#ffffff; font-weight:400; line-height:150%; opacity:70%; }
.sub0309_08 .subtxt li.t3 { font-size:46px; color:#ffffff; font-weight:400; line-height:140%; }
.sub0309_08 .subtxt li.t3 span { font-size:56px; color:#e4adff; font-weight:700; }

.sub0309_09 { position:relative; width:100%; padding:150px 0; background:#ffffff; overflow:hidden; }
.sub0309_09 .subtxt { position:relative; width:100%; text-align:center; }
.sub0309_09 .subtxt li.t1 { font-family: "Times New Roman", Times, serif; font-size:60px; color:#471b56; line-height:100%; }
.sub0309_09 .subtxt li.t2 { margin-top:20px; font-size:20px; color:#585858; font-weight:400; line-height:1.4; }
.sub0309_09 .imgsbna { position:relative; width:100%; max-width:1740px; margin:0 auto; margin-top:50px; display:flex; flex-wrap:wrap; justify-content: space-between; }
.sub0309_09 .imgsbna ul { position:relative; width:48.5%; margin-bottom:3%; }
.sub0309_09 .imgsbna ul li.imgs { width:100%; }
.sub0309_09 .imgsbna ul li.imgs img { width:100%; }
.sub0309_09 .imgsbna ul li.txt { width:100%; display:flex; }
.sub0309_09 .imgsbna ul li.txt span { display:block; width:50%; padding-top:14px; font-size:26px; font-weight:600; color:#471b56; text-align:center; }


.sub0309_10 { position:relative; width:100%; height:1032px; background:#471b56 url('/page_KR0/03_sub/images/0309_10.jpg')no-repeat 50% 50%; overflow:hidden; }
.sub0309_10 .subtxt { position:absolute; top:40%; left:28%; transform:translate(-50%,-50%); width:100%; max-width:532px; }
.sub0309_10 .subtxt li.t1 { font-family: "Times New Roman", Times, serif; font-size:60px; color:#ffffff; line-height:100%; }
.sub0309_10 .subtxt li.t2 { margin-top:20px; font-size:24px; color:#ffffff; font-weight:700; line-height:100%; }
.sub0309_10 .subtxt li.t3 { margin-top:20px; font-size:18px; color:#ffffff; font-weight:400; line-height:150%; }
.sub0309_10 .subtxt li.t3 span { font-weight:500; }

/* sub0309_11 타임라인 */
.sub0309_11 { width: 100%; padding: 80px 0; background: #fff; }
.sub0309_11 .subtxt { position:relative; width:100%; text-align:center; font-size:30px; color:#2f2f2f; font-weight:500; line-height:1; }

.timeline-wrap {
    width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
    padding: 0 5% 40px;
    box-sizing: border-box; margin-top:60px;
}

.tl-grid {
    display: grid;
    grid-template-rows: auto 30px auto;
    min-width: 100%;
    width: 100%;
}

.tl-top-row { display: flex; justify-content: space-between; width: 100%; }
.tl-bot-row { display: flex; justify-content: space-between; width: 80%; margin:0 auto; }
.tl-line-row { display: flex; align-items: center; position: relative; width: 100%; }
.tl-line-row::before { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: #bbb; }

/* 아이템이랑 스페이서 flex:1로 균등 분배 */
.tl-top-row .tl-item { width:15%; opacity: 0; transition: opacity 0.6s ease, transform 0.6s ease; }
.tl-bot-row .tl-item { width:18.5%; opacity: 0; transition: opacity 0.6s ease, transform 0.6s ease; }
.tl-spacer { flex: 1; }
.tl-dot-wrap { flex: 1; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; }

.tl-line-row.tl-line-row2 { display: flex; justify-content: space-between; align-items: center; position: relative; width: 100%; }
.tl-dot-wrap.tl-dot-wrap2 { flex:none; width: 15%; }

.tl-item.tl-top { transform: translateY(-18px); padding-bottom: 20px; }
.tl-item.tl-bottom { transform: translateY(18px); padding-top: 20px; }
.tl-item.show { opacity: 1 !important; transform: translateY(0) !important; }

.tl-img { width: 100%; overflow: hidden; background: #eee; }
.tl-img img { width: 100%; object-fit: cover; display: block; }
.tl-year { width:100%; height:68px; line-height:68px; font-size: 23px; font-weight: 700; color: #fff; background: #1a1a1a; text-align: center; }
.tl-desc { font-size:17px; font-weight:400; color: #2f2f2f; line-height: 1.5; margin-top:14px; text-align: center; }
.tl-dot { width: 10px; height: 10px; border-radius: 50%; background: #5c3a6e; display: block; }


.sub0309_12 { position:relative; width:100%; padding:0px 0; overflow:hidden; }
.sub0309_12 .subtxt { position:relative; width:100%; text-align:center; font-size:30px; color:#2f2f2f; font-weight:500; line-height:1; }
.sub0309_12 .boxwrap { position:relative; width:100%; max-width:1788px; margin:0 auto; margin-top:50px; display:flex; flex-wrap:wrap; }
.sub0309_12 .boxwrap div { position:relative; width:15.66666666666667%; height:120px; margin-right:1.1666666666666667%; margin-bottom:1.10%; border:1px solid #dddddd; box-sizing:border-box; }
.sub0309_12 .boxwrap div:nth-child(6n) { margin-right:0px; }
.sub0309_12 .boxwrap div span { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

.sub0309_13 { position: relative; width: 100%; height: 880px; max-width: 2000px; margin: 0 auto; margin-top:100px; background-image: url('/page_KR0/04_sub/images/sub0401_07bg2.jpg'); background-size: cover; }
.sub0309_13.sub0207_13 { background-image: url('/page_KR0/02_sub/images/sub0401_07bg2.jpg'); background-size: cover; }

.sub0309_13 ul.thesis01 { position: relative; text-align: center; padding-top: 90px; }
.sub0309_13 ul.thesis01 li.thesis_title { position: relative; font-size: 62px; color: #fff; line-height: 1; }
.sub0309_13 ul.thesis01 li.thesis_subtitle01 { position: relative; padding-top: 20px; font-size: 22px; font-weight: 400; color: #dadada; line-height: 100%; }
.sub0309_13 ul.thesis02 { position: absolute; text-align: left; bottom: 170px; right: 70px; width: 400px; color: #dadada;}
.sub0309_13 ul.thesis02 li.thesis_subtitle02 { position: relative; font-size: 18px; font-weight: 100; line-height: 150%;}
.sub0309_13 ul.thesis02 li.thesis_subtitle03 { position: relative; padding-top: 20px; font-size: 18px; font-weight: 100; line-height: 150%;}

.sub0309_14 { position: relative; width: 100%; height: 100vh; background-image: url('/page_KR0/03_sub/images/0309_14.jpg'); background-size: cover; }
.sub0309_14 .subtxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; }
.sub0309_14 .subtxt li.t1 { font-size:42px; color:#ffffff; line-height:100%; }
.sub0309_14 .subtxt li.t2 { margin-top:20px; font-size:22px; color:#dadada; font-weight:400; line-height:100%; }
.sub0309_14 .subtxt li.imgs { width:655px; margin:0 auto; margin-top:50px; }


.sub0309_15 { position:relative; width:100%; padding-top:134px; padding-bottom:134px; overflow:hidden; background:url('/page_KR0/03_sub/images/0309_15.jpg')no-repeat 50% 0; background-size:cover; }
.sub0309_15 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/03_sub/images/0309_15.png')no-repeat 50% 0; }
.sub0309_15 .maintxt { position:relative; width:100%; overflow:hidden; text-align:center; }
.sub0309_15 .maintxt .t1 { font-family: "Times New Roman", Times, serif; font-size:62px; color:#ffffff; line-height:100%; }
.sub0309_15 .mainyoutube { position:relative; width:100%; max-width:1854px; margin:0 auto; overflow:hidden; margin-top:50px; }
.sub0309_15 .mainyoutube .swiper-slide { position:relative; width:100%; height:0px; padding-top:34%; border-radius:14px; overflow:hidden; }
.sub0309_15 .mainyoutube .swiper-slide img { display:block; position:absolute; top:0px; left:50%; transform:translateX(-50%); width:auto; max-width: none; height:100%; }
.sub0309_15 .youtubebt { position:relative; width:138px; margin:0 auto; margin-top:52px; display:flex; justify-content: space-between; }
.sub0309_15 .youtubebt1 {  width:44px; height:44px; cursor:pointer; }
.sub0309_15 .youtubebt2 {  width:44px; height:44px; cursor:pointer; }



.sub0309_16 { position: relative; width: 100%; padding:150px 0; background: #e4e6f0;  overflow:hidden;  }
.sub0309_16 .subtxt { position:relative; width:100%; text-align:center; }
.sub0309_16 .subtxt li.t1 { width:80px; margin:0 auto; }
.sub0309_16 .subtxt li.t2 { margin-top:30px; font-size:40px; color:#471b56; font-weight:500; line-height:100%; }
.sub0309_16 .boxwrap { position:relative; width:100%; max-width:1824px; margin:0 auto; margin-top:50px; display:flex; justify-content: space-between; }
.sub0309_16 .boxwrap ul { position:relative; width:19%; overflow:hidden; }
.sub0309_16 .boxwrap ul li img { width:100%; }
.sub0309_16 .boxwrap ul li.txt { position:absolute; bottom:5%; left:0px; width:100%; text-align:center; }
.sub0309_16 .boxwrap ul li.txt div { opacity:0.8; font-size:26px; font-weight:600; color:#ffffff;  }
.sub0309_16 .boxwrap ul li.txt a { opacity:0; display:block; width:38px; height:38px; margin:0 auto; margin-top:10px; font-size:30px; font-weight:100; color:#000000; border-radius:100%; background:#ffffff; line-height:38px; }
.sub0309_16 .boxwrap ul:hover li.txt { bottom:10%; opacity:1; transition:all 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub0309_16 .boxwrap ul:hover li.txt a { opacity:1; transition:all 0.7s cubic-bezier(0.25, 1, 0.5, 1) 0s; }



.sub0208_07{ position:relative; width:100%; background:#ffffff; padding:150px 0; overflow:hidden; box-sizing:border-box; }
.sub0208_07 .typewrap{ width:100%; max-width:1480px; margin:0 auto; }
.sub0208_07 .maintit{ text-align:center; font-size:44px; font-weight:700; color:#111111; margin-bottom:60px; letter-spacing:-1px; }
.sub0208_07 .methodlist{ overflow:hidden; }
.sub0208_07 .methodlist > li{ float:left; width:31.3%; margin-right:3%; box-sizing:border-box; }
.sub0208_07 .methodlist > li:last-child{ margin-right:0; }
.sub0208_07 .tittxt{ font-weight:700; font-size:24px; color:#333; margin-bottom:16px; line-height:1.3; }
.sub0208_07 .tittxt span{ display:inline-block; width:28px; height:28px; line-height:28px; margin-right:8px; font-size:14px; font-weight:600; color:#fff; text-align:center; box-sizing:border-box; background:#471b56; border-radius:100%; }
.sub0208_07 .tittxt i{ display:block; font-style:italic; font-weight:500; font-size:13px; color:#ab7fc1; margin-top:4px; margin-left:36px; }
.sub0208_07 .img{ width:100%; overflow:hidden; border-radius:10px 10px 0 0; }
.sub0208_07 .img img{ width:100%; display:block; }
.sub0208_07 .cap {  background:#471b56; color:#fff; font-size:18px; font-weight:600; text-align:center; padding:14px 0; border-radius:0 0 10px 10px; margin-bottom:20px; }
.sub0208_07 .desc{ font-size:16px; line-height:1.7; color:#555; margin-bottom:20px; }
.sub0208_07 .subtxt li{ display:flex; align-items:flex-start; gap:10px; position:relative; padding-left:12px; box-sizing:border-box; margin-bottom:6px; font-size:16px; line-height:1.6; color:#444; }
.sub0208_07 .subtxt li span{ position:absolute; top:11px; left:0px; width:3px; height:3px; border-radius:100%; background:#471b56; border-radius:20px; }
.sub0208_07 .subtxt li.on{ color:#471b56; font-weight:600; }
.sub0208_07 .subtxt li.on span{ background:#471b56; color:#fff; }
@media (max-width:1300px){
	.sub0208_07 .typewrap{ width:100%; padding:0 20px; box-sizing:border-box; }
}
@media (max-width:768px){
	.sub0208_07{ padding:60px 0; }
	.sub0208_07 .maintit{ font-size:24px; margin-bottom:36px; }
	.sub0208_07 .methodlist > li{ float:none; width:100%; margin-right:0; margin-bottom:50px; }
	.sub0208_07 .methodlist > li:last-child{ margin-bottom:0; }
}












.sub0101_01 { position:relative; width:100%; height:1100px; max-width:2000px; margin:0 auto; background:url('/page_KR0/01_sub/images/sub0101_01bg.jpg')no-repeat 50% 0; background-size:cover; }
.sub0101_01 ul { width:1280px; margin:0 auto; text-align:center; padding-top:250px; }
.sub0101_01 ul li.t1 { font-size:46px; color:#fff; }
.sub0101_01 ul li.t2 { font-size:20px; color:#fff; line-height:150%;}
.sub0101_01 ul li.line { width:1px; height:116px; margin:52px auto; background:#dedede; }


.sub0101_011 { position:relative; width:100%; padding:160px 0; overflow:hidden; }
.sub0101_011 ul { width:1280px; margin:0 auto; display:flex; }
.sub0101_011 ul li.t1 { position:relative; width:35%; }
.sub0101_011 ul li.t1 img { display:block; position:absolute; top:42%; left:0%; transform:translate(0%,-50%); width:70%; }
.sub0101_011 ul li.t2 { width:65%;  font-family: 'NanumMyeongjo'; font-size:24px; color:#333333; line-height:170%;}


.sub010101 ul { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1280px; margin:0 auto;}
.sub010101 ul li:first-child{ font-size:56px; color:#ffffff; font-family: "Times New Roman", Times, serif; letter-spacing:2px; }
.sub010101 ul li:nth-child(2){ font-size:18px; color:#ffffff; font-weight:300; line-height:170%; margin-top:20px;}

.sub0101_01_1 { position:relative; width:100%; height:900px; max-width:2000px; margin:0 auto; background:url('/page_KR0/01_sub/images/0101_01.jpg')no-repeat 50% 0; background-size:cover; }
.sub0101_01_2 { position:relative; width:100%; height:900px; max-width:2000px; margin:0 auto; background:url('/page_KR0/01_sub/images/0101_02.jpg')no-repeat 50% 0; background-size:cover; }
.sub0101_01_3 { position:relative; width:100%; height:900px; max-width:2000px; margin:0 auto; background:url('/page_KR0/01_sub/images/0101_022.jpg')no-repeat 50% 0; background-size:cover; }

.sub0101_02 { position:relative; width:100%; max-width:1920px; margin:0 auto; padding-top:100px; padding-bottom:50px; background:url('/page_KR0/01_sub/images/historybg.jpg')no-repeat 290px bottom; }

.sub0101tab { position:relative; width:100%; padding-top:180px; padding:0 0 0 688px; box-sizing:border-box; }

.sub0101tab .tabtitle { width:100%; box-sizing:border-box; padding:10px 0 10px 0; font-size:40px; font-weight:500; line-height:1; letter-spacing:-1px; cursor:pointer; color:#373737; background:transparent; }
.sub0101tab .tabtitle span { display:inline-block; width:360px; font-size:78px; color:#eeeeee; letter-spacing:2px; font-family: "Times New Roman", Times, serif; opacity:0; }
.sub0101tab .tabtitle.active { width:100%; box-sizing:border-box; padding:20px 0 40px 0; font-size:40px; font-weight:500; line-height:1; letter-spacing:-1px; color:#373737; background:url('/page_KR0/01_sub/images/historybg.jpg')no-repeat 0px bottom; }
.sub0101tab .tabtitle.active span { display:inline-block; font-size:78px; color:#eeeeee; letter-spacing:2px; font-family: "Times New Roman", Times, serif; opacity:1; }

.tabtitle { position:absolute; top:142px; left:200px; width:444px; box-sizing:border-box; padding:0px 0 0px 0; font-size:34px; font-weight:500; line-height:1; letter-spacing:-1px; cursor:pointer; color:#373737; background:transparent; z-index:1; }
.tabtitle .title { margin-bottom:16px; color:#999; }
.tabtitle .title.active { width:100%; box-sizing:border-box; font-size:34px; font-weight:500; line-height:1; letter-spacing:-1px; color:#000000;  }
.tabtitle .title.active span { display:inline-block; font-size:78px; color:#eeeeee; letter-spacing:2px; font-family: "Times New Roman", Times, serif; opacity:1; }


.sub0101tab .tab_content { position:relative; width:100%; padding:42px 0 10px 0px; box-sizing:border-box; overflow:hidden;  }
.sub0101tab .tab_content .historyul { position:relative; margin:0 auto; padding-bottom:40px; overflow:hidden; }
.sub0101tab .tab_content .historyul2 { position:relative; margin:0 auto; padding-bottom:40px; overflow:hidden; }
.sub0101tab .tab_content .historyul3 { position:relative; margin:0 auto; padding-bottom:40px; overflow:hidden; }
.sub0101tab .tab_content .historyul4 { position:relative; margin:0 auto; padding-bottom:40px; overflow:hidden; }
.sub0101tab .tab_content .historyul5 { position:relative; margin:0 auto; padding-bottom:40px; overflow:hidden; }
.sub0101tab .tab_content .historyul6 { position:relative; margin:0 auto; padding-bottom:40px; overflow:hidden; }
.sub0101tab .tab_content .historyli { float:left; width:1628px; height:420px; margin-right:40px; cursor:pointer;  }
.sub0101tab .tab_content ul { float:left; width:384px; padding-right:30px; }
.sub0101tab .tab_content ul li.title { font-size:30px; font-weight:500; color:#525252;  }
.sub0101tab .tab_content ul li.con { padding-top:50px; font-size:18px; font-weight:500; color:#525252; }
.sub0101tab .tab_content ul li.view a { padding-top:50px; display:block;  font-size:14px; font-weight:500; color:#525252; }


.sub0101tab .scrollbar { height: 5px; margin-bottom:30px; background: #efefef; line-height: 0; }
.sub0101tab .scrollbar .handle { padding-left:0px;  width: 100px; height: 100%; background: #471b56; cursor: pointer; }
.sub0101tab .scrollbar .mousearea{ position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }
.sub0101tab .scrollbar2 { height: 5px; margin-bottom:30px; background: #efefef; line-height: 0; }
.sub0101tab .scrollbar2 .handle { padding-left:0px;  width: 100px; height: 100%; background: #471b56; cursor: pointer; }
.sub0101tab .scrollbar2 .mousearea{ position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }
.sub0101tab .scrollbar3 { height: 5px; margin-bottom:30px; background: #efefef; line-height: 0; }
.sub0101tab .scrollbar3 .handle { padding-left:0px;  width: 100px; height: 100%; background: #471b56; cursor: pointer; }
.sub0101tab .scrollbar3 .mousearea{ position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }
.sub0101tab .scrollbar4 { height: 5px; margin-bottom:30px; background: #efefef; line-height: 0; }
.sub0101tab .scrollbar4 .handle { padding-left:0px;  width: 100px; height: 100%; background: #471b56; cursor: pointer; }
.sub0101tab .scrollbar4 .mousearea{ position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }
.sub0101tab .scrollbar5 { height: 5px; margin-bottom:30px; background: #efefef; line-height: 0; }
.sub0101tab .scrollbar5 .handle { padding-left:0px;  width: 100px; height: 100%; background: #471b56; cursor: pointer; }
.sub0101tab .scrollbar5 .mousearea{ position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }
.sub0101tab .scrollbar6 { height: 5px; margin-bottom:30px; background: #efefef; line-height: 0; }
.sub0101tab .scrollbar6 .handle { padding-left:0px;  width: 100px; height: 100%; background: #471b56; cursor: pointer; }
.sub0101tab .scrollbar6 .mousearea{ position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }




.sub0101tab .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:850px; padding-top:276px; border-right:1px solid #542c62; text-align:center; box-sizing:border-box; }

.sub01video { position:relative; width:100%; height:948px; max-width:2000px; margin:0 auto; margin-top:140px; text-align:center; background:url('/page_KR0/01_sub/images/since1992bg.jpg')no-repeat center center; }
.sub01video ul { width:100%; padding-top:370px; }
.sub01video ul li.t1 { font-size:44px; font-weight:500; color:#fff; line-height:140%; }
.sub01video ul li.t2 { padding-top:30px; font-size:20px; font-weight:300; color:#fff; line-height:170%; }
.sub01video ul li.subvod { position:relative; width:1280px; height:720px; margin:0 auto; margin-top:68px;  }

.sub0101_03 { position:relative; width:1280px; margin:0 auto; padding-top:180px; text-align:center; }
.sub0101_03 div { font-size:44px; font-weight:500; color:#272727; line-height:140%; }
.sub0101_03 ul { width:100%; margin-top:100px; overflow:hidden; }
.sub0101_03 ul li { float:left; width:33.3%; }
.sub0101_03 ul li span { display:block; width:100%; }
.sub0101_03 ul li span.t1 { font-size:24px; font-weight:500; color:#bebebe; line-height:1; }
.sub0101_03 ul li span.t2 { padding-top:20px; font-size:88px; font-weight:700; color:#000000; line-height:1; }
.sub0101_03 ul li span.t3 { padding-top:40px; font-size:24px; font-weight:500; color:#373737; line-height:1; }
.sub0101_03 .sub_txt {font-size:16px; margin-top:100px; color:#999;}


.sub0102_01 { position:relative; width:100%;  max-width:2000px; margin:0 auto; }
.sub0102_01 ul { width:1280px; margin:0 auto; text-align:center; padding-top:180px; }
.sub0102_01 ul li.t1 { font-size:78px; color:#471b56; font-family: "Times New Roman", Times, serif; }
.sub0102_01 ul li.t2 { padding-top:20px; font-size:30px; font-weight:500; color:#272727;  }
.sub0102_01 ul li.subvod { position:relative; width:1280px; height:720px; margin:0 auto; margin-top:68px; }

.drwrap { position:relative; width:1280px; margin:0 auto; margin-top:180px; }
.drwrap .hosdr { position:relative; width:100%; height:432px; margin-bottom:80px; }
.drwrap .hosdr ul li.hosname { float:left; width:400px; font-size:78px; color:#eeeeee; font-family: "Times New Roman", Times, serif; }
.drwrap .hosdr ul li.drtxt { float:left; position:absolute; top:0px; left:400px; }
.drwrap .hosdr ul li.drtxt div.name span.t1 { font-size:48px; font-weight:500; color:#000; line-height:1; letter-spacing:-2px; }
.drwrap .hosdr ul li.drtxt div.name span.t2 { padding-left:10px; font-size:30px; font-weight:500; color:#373737; line-height:1; letter-spacing:-1px;  }
.drwrap .hosdr ul li.drtxt div.name span.t3 { padding-left:8px; font-size:23px; font-weight:500; color:#373737; line-height:1; }
.drwrap .hosdr ul li.drtxt div.sincedr { padding-top:20px; font-size:19px; font-weight:500; color:#525252; }
.drwrap .hosdr ul li.drtxt div.story { padding-top:10px; font-size:19px; font-weight:500; color:#525252; }
.drwrap .hosdr ul li.drtxt div.view a { display:block; width:110px; height:36px; margin-top:40px; line-height:34px; border:1px solid #777777; text-align:center; font-size:14px; font-weight:400; color:#373737; }
.drwrap .hosdr ul li.drtxt div.view2 a { display:block; width:110px; height:36px; margin-top:10px; line-height:34px; border:1px solid #777777; text-align:center; font-size:14px; font-weight:400; color:#373737; }
.drwrap .hosdr ul li.img { float:right; width:437px; height:355px; background:#efefef; }

.drviewwarp { position:relative; width:100%; padding:100px 0; overflow:hidden; }
#drview { position:relative; width:1280px; margin:0 auto;}
#drview .img_link { float:left; width:598px; overflow:hidden; }
#drview .img_link li.imgs { width:598px; height:486px; overflow:hidden; }
#drview .img_link li.imgs img { width:100%; }
#drview .img_link li.link1, #drview .img_link li.link2 { float:left; width:50%; height:101px; text-align:center; }
#drview .img_link li.link1 a { display:block; position:relative; width:100%; height:101px; border-right:1px solid #d4cbd7; line-height:100px; font-size:24px; font-weight:700; color:#593167; box-sizing:border-box; background:#f7f7f7 url('/page_KR0/01_sub/images/link1bg.jpg')no-repeat 70px 34px; }
#drview .img_link li.link2 a { display:block; position:relative; width:100%; height:101px; background:#f7f7f7; line-height:100px; font-size:24px; font-weight:700; color:#593167; box-sizing:border-box; background:#f7f7f7 url('/page_KR0/01_sub/images/link2bg.jpg')no-repeat 70px 34px;  }
#drview .img_link li.link1 span, #drview .img_link li.link2 span { padding-left:50px; }
#drview .dr_history { float:right; width:620px; }
#drview .dr_history li.drname { width:100%; }
#drview .dr_history li.drname span.txt1 { font-size:48px; font-weight:500; color:#fff; letter-spacing:-1px; line-height:1; }
#drview .dr_history li.drname span.txt2 { padding-left:8px; font-size:28px; font-weight:400; color:#fff; letter-spacing:-1px; }
#drview .dr_history li.drname span.txt3 { padding-left:8px; font-size:28px; font-weight:400; color:#fff; letter-spacing:-1px; }
#drview .dr_history li.history dl { position:relative; width:100%; margin-top:36px; }
#drview .dr_history li.history dl dt { width:100%; font-size:24px; font-weight:500; color:#fff; line-height:1; }
#drview .dr_history li.history dl dd { width:100%; padding-top:10px; font-size:18px; font-weight:400; color:#fff; line-height:1.9; letter-spacing:1px; }

.sub0102_01 { width:100%; overflow:hidden; }
.sub0102_01 div.i1 { float:left; width:250px; height:178px; margin-right:34px; }
.sub0102_01 div.i2 { float:left; width:192px; height:178px; font-size:18px; font-weight:500; color:#fff; line-height:160%; }

.sub0102_02 { width:100%; padding-top:40px; }
.sub0102_02 ul { float:left; width:189px; height:299px; margin-right:15px; }
.sub0102_02 ul li.txt { font-size:12px; color:#fff; line-height:150%; padding-top:10px; }

.sub0102_03 { position:relative; width:100%; max-width:2000px; min-width:1280px; height:1008px; background:url('/page_KR0/01_sub/images/0201bg1.jpg')no-repeat 50% 0; background-size:cover; }
.sub0102_03 p { padding-top:400px; text-align:center; font-size:48px; font-weight:500; color:#fff; line-height:170%; letter-spacing:-1px; }

.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    padding: 0 0;
    box-sizing: border-box;
    background-color: rgba( 0, 0, 0, 0.8 );
	animation:menuheight ease-out 0.2s both 0.3s;
}
#drmodal.modal {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
	margin:0 auto;
	animation:fadeup ease-out 0.2s both 0.7s;
	overflow: auto;

}
.modal {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
	margin:0 auto;
	animation:fadeup ease-out 0.2s both 0.7s;
	overflow: auto;
}
.modalbt { position:absolute; top:60px; right:15%; font-size:50px; font-weight:500; color:#fff; z-index:2; }
.close-modal  { display:none; }
.submodalwrap { position:relative; width:100%; background-color: rgba( 255, 255, 255, 0.2 ); text-align:center; }
.pageview a { clear:both; display:block; width:140px; height:42px; margin-top:20px; line-height:41px; color:#fff; font-size:15px; font-weight:500; text-align:center; background:#471b56; }

.modalbt2 { display:none; position:fixed; top:0; right:0; z-index:999; cursor:pointer; }
.active_body .modalbt2 { display:block; animation:fadeeffect ease-in-out 0.5s both 0.8s; }

.subtime { position:relative; width:100%; height:1000px; text-align:center; background:url('/page_KR0/01_sub/images/subtimebg.jpg')no-repeat 50% 0; background-size:cover; background-attachment: fixed; }
.subtime p.title { padding-top:254px; font-size:78px; color:#fff; font-family: "Times New Roman", Times, serif; }
.subtime p.con { padding-top:30px; font-size:24px; color:#fff; font-weight:700; }

.phonetime { position:relative; width:1280px; height:382px; border:1px solid #fff; padding:80px 130px; margin:0 auto; text-align:left; margin-top:40px; background-color: rgba( 255, 255, 255, 0.1 ); box-sizing:border-box; }
.phonetime ul { float:left; width:50%; height:100%; padding-left:70px; box-sizing:border-box; }
.phonetime .phone { background:url('/page_KR0/01_sub/images/phonebg.png')no-repeat 0 0; height:100px;}
.phonetime .phone .t1 { font-size:38px; font-weight:500; color:#fff; }
.phonetime .phone .t2 { font-size:38px; font-weight:500; color:#fff; }

.phonetime .time { background:url('/page_KR0/01_sub/images/timebg.png')no-repeat 0 0; }
.phonetime .time .title { font-size:38px; font-weight:500; color:#fff; }
.phonetime dl { width:100%; overflow:hidden; margin-bottom:14px; }
.phonetime dl dt { float:left; width:170px; font-size:22px; font-weight:500; color:#fff; }
.phonetime dl dd { float:left; width:254px; font-size:28px; font-weight:500; color:#fff; }
.phonetime dl dd span { font-size:18px; }

.phonetime .kakao { background:url('/page_KR0/01_sub/images/kakao.png')no-repeat 0 0; position:absolute; top:225px; right:388px; width:250px; height:60px; }
.phonetime .kakao a {font-size:32px; font-weight:500; color:#fbe909; line-height:55px;}

#inte { position:relative; width:100%; height:1120px; overflow-x:hidden; }
#inte .title { padding-top:170px; position:relative; width:1280px; margin:0 auto; font-size:48px; font-weight:500; color:#471b56; }




.inteimgtxt { position:relative; width:1280px; margin:0 auto; margin-top:96px;  }
.intetxt { float:left; width:396px; }
.intetxt ul li { width:100%; margin-bottom:30px; font-size:17px; cursor:pointer; }
.intetxt ul li span { display:inline-block; width:64px; padding-bottom:10px; margin-right:20px; font-size:32px; color:#4a1c5a; font-weight:500;  }
.inteimgall { position:absolute; top:0px; left:410px; width:1190px; height:639px; }
.inteimgall .inteimg { display:none; position:relative; width:100%; height:639px; }
.inteimgall .inteimg.active{display: block;}
.intetxt ul li.on span { border-bottom:2px solid #4a1c5a; }
.intebt { position:absolute; top:565px; left:410px; z-index:2; overflow:hidden; }
.intebt li { float:left; cursor:pointer; }


.hershemap { position:relative; width:100%; height:1046px; background:#471b56; }
.hershemap .mapwrap { float:left; width:45%; height:1046px; }
.hershemap .add { float:left; width:55%; }
.hershemap .add ul { width:684px; }
.hershemap .add ul li.title { width:100%; text-align:center; padding-top:170px; font-size:78px; color:#fff; font-family: "Times New Roman", Times, serif; margin-bottom: 30px; }
.hershemap .add ul li.con { width:100%; text-align:center; font-size:20px; color:#fff; font-weight:400; }
/* .hershemap .phone_add {  width:582px; height:450px; margin:0 auto; margin-top:40px; box-sizing:border-box; border:1px solid #5a3267; } */
.hershemap .phone_add ul.phone { margin-left:85px; margin-top:70px; padding-left:68px; background:url('/page_KR0/01_sub/images/0105icon1.jpg')no-repeat 0 0; }
.hershemap .phone_add ul.address { margin-left:85px; margin-top:62px; padding-left:68px; background:url('/page_KR0/01_sub/images/0105icon2.jpg')no-repeat 0 0; }
.hershemap .phone_add ul.phone li { font-size:28px; font-weight:500; color:#fff; }
.hershemap .phone_add ul.address li { font-size:28px; font-weight:500; color:#fff; }
.hershemap .phone_add ul.address li.add1 { font-size:18px; font-weight:500; color:#fff; }
.hershemap .phone_add ul.address li:nth-child(3){ margin-top:20px; }

.traffic { position:relative; width:1280px; margin:0 auto; padding-bottom:100px; }
.traffic .title { padding-top:170px; padding-bottom:45px; font-size:50px; font-weight:500; color:#471b56;  }
.traffic div.subway { width:100%; padding:50px 90px; margin-bottom:20px; background:#f7f7f7; box-sizing:border-box; overflow:hidden; }
.traffic div.subway div { float:left; width:230px; padding-left:70px; background:url('/page_KR0/01_sub/images/0105icon3.jpg')no-repeat 0 0; font-size:32px; font-weight:500; color:#4a1c5a; }
.traffic div.subway ul { float:left; width:800px; }
.traffic div.subway ul li { margin-bottom:10px; line-height:100%; font-size:18px; font-weight:500; color:#525252; }
.traffic div.subway ul li span.boxspan { display:inline-block; width:78px; height:27px; text-align:center; border-radius:4px; margin-right:16px; line-height:26px; font-size:16px; font-weight:500; color:#fff; }
.traffic div.subway ul li span.box1 { background:#666633; }
.traffic div.subway ul li span.box2 { background:#ffc000; }

.traffic div.bus { width:100%; padding:50px 60px 50px 90px; margin-bottom:20px; background:#f7f7f7; box-sizing:border-box; overflow:hidden; }
.traffic div.bus div { float:left; width:230px; height:300px; padding-left:70px; margin-top:30px; background:url('/page_KR0/01_sub/images/0105icon4.jpg')no-repeat 0 0; font-size:32px; font-weight:500; color:#4a1c5a; }
.traffic div.bus ul { float:left; width:800px; padding-bottom:10px; padding-top:30px; border-bottom:1px solid #c7c7c7; }
.traffic div.bus ul li { margin-bottom:22px; line-height:100%; font-size:18px; font-weight:500; color:#525252;  letter-spacing:-1px; }
.traffic div.bus ul li span.boxspan { display:inline-block; width:78px; height:27px; text-align:center; border-radius:4px; margin-right:16px; line-height:26px; font-size:16px; font-weight:500; color:#fff; }
.traffic div.bus ul li span.box3 { background:#0070c0; }
.traffic div.bus ul li span.box4 { background:#00b050; }
.traffic div.bus ul li span.box5 { background:#ff0000; }
.traffic div.bus ul li span.box6 { background:#bf9000; }

.traffic div.bus div.icon3 { background:url('/page_KR0/01_sub/images/0105icon5.jpg')no-repeat 0 0; }
.traffic div.bus div.icon4 { background:url('/page_KR0/01_sub/images/0105icon6.jpg')no-repeat 0 0; }

.traffic div.subway ul li span.boxtitle { display:inline-block; width:130px; margin-bottom:10px; line-height:100%; font-size:18px; font-weight:500; color:#212121;  letter-spacing:-1px; }

.katacknavi a {
display:block; width:344px; height:64px; background:#fae100 url('/page_KR0/01_sub/images/naviicon.jpg')no-repeat 50px 12px;
line-height:64px; font-size:18px; text-align:center; color:#000; box-sizing:border-box; padding-left:30px; border-radius:6px;
}

.sub0601_01 { position:relative; width:100%; height:1038px; max-width:2000px; margin:0 auto; }
.sub0601_01bg { position:absolute; width:100%; height:1038px; background:url('/page_KR0/06_sub/images/0601bg1.jpg')no-repeat 60% 0; }
.sub0601_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1038px; padding-top:420px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0601_01 ul.subtxt li.title { position:absolute; top:480px; left:10%; font-size:60px; font-weight:500; color:#471b56; line-height:140%; }
.sub0601_01 ul.subtxt li.con { position:absolute; top:480px; right:10%; font-size:22px; font-weight:400; color:#5c5c5c; line-height:170%; }

.sub0601_01.active .sub0601_01bg {  }
.sub0601_01.active ul.subtxt li.title { animation:fadeleft ease-in-out 0.6s both 0.5s; }
.sub0601_01.active ul.subtxt li.con { animation:fadeup ease-in-out 0.6s both 0.8s; }

.sub0601_02 { position:relative; width:100%; max-width:2000px; margin:0 auto; margin-bottom:120px;}
.sub0601_02 ul.subtxt { position:relative; width:1280px; margin:0 auto; padding-top:140px; }
.sub0601_02 ul.subtxt li.t1 { position:absolute; top:140px; left:0px; font-size:44px; font-weight:400; color:#222222; line-height:140%; letter-spacing:-1px;}
.sub0601_02 ul.subtxt li.t2 { position:absolute; top:218px; left:49%; font-size:48px; font-weight:100; color:#222222; line-height:100%; }
.sub0601_02 ul.subtxt li.t3 { position:absolute; top:140px; left:710px; font-size:44px; font-weight:400; color:#222222; line-height:140%; letter-spacing:-1px; }
.sub0601_02 ul.subtxt li.t4 { font-size:28px; font-weight:400; color:#222222; line-height:140%; letter-spacing:-1px; line-height:150%: }
.sub0601_02 ul.subtxt li.t4 span { font-size:46px; font-weight:500; }
.sub0601_02 .movie_wrap { width: 1176px; overflow: hidden; margin: 0 auto; }

.bnaimg { position:relative; width:1280px; margin:0 auto; }
.bnaimg .bnaslide { position:relative; width:767px; text-align:center; }
.bnaimg .imageReveal-drag{ background-image: url('/images/sub/bnf_bt.png'); position: absolute; top: 0; left:331px; z-index:4; }
.bnaimg .imageReveal-overlay{ position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/images/sub/before.jpg') !important; background-repeat:no-repeat;}
.bnaimg .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/images/sub/after.jpg') !important; background-repeat:no-repeat;}
.bnaimg .bnaslidetxt { display:block; width: 767px; padding-top:10px; font-size: 16px; text-align: center; }

.sub0504 .bnaimg1_1 .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/page_KR0/06_sub/images/0601_tab_01.jpg') !important; background-repeat:no-repeat;}
.sub0504 .bnaimg1_1 .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/page_KR0/06_sub/images/0601_tab_01_on.jpg') !important; background-repeat:no-repeat;}
.sub0504 .bnaimg1_2 .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/page_KR0/06_sub/images/0601_tab_02.jpg') !important; background-repeat:no-repeat;}
.sub0504 .bnaimg1_2 .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/page_KR0/06_sub/images/0601_tab_02_on.jpg') !important; background-repeat:no-repeat;}
.sub0504 .bnaimg1_3 .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/page_KR0/06_sub/images/0601_tab_03.jpg') !important; background-repeat:no-repeat;}
.sub0504 .bnaimg1_3 .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/page_KR0/06_sub/images/0601_tab_03_on.jpg') !important; background-repeat:no-repeat;}
.sub0504 .bnaimg1_4 .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/page_KR0/06_sub/images/0601_tab_04.jpg') !important; background-repeat:no-repeat;}
.sub0504 .bnaimg1_4 .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/page_KR0/06_sub/images/0601_tab_04_on.jpg') !important; background-repeat:no-repeat;}


.bnaimg0201 { position:relative; width:1280px; height:554px; margin: 0 auto;}
.bnaimg0201 .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/page_KR0/02_sub/images/0201_03ba01.jpg') !important; background-repeat:no-repeat;}
.bnaimg0201 .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/page_KR0/02_sub/images/0201_03ba02.jpg') !important; background-repeat:no-repeat;}
.bnaimg0201 .imageReveal-drag{ background-image: url('/images/sub/bnf_bt2.png'); position: absolute; top: 0; left:586px; z-index:4; }

.bnaimg .bnatxt { position:absolute; top:220px; right:0px; width:440px; }
.bnaimg .bnatxt dl { width:100%; margin-bottom:30px; cursor:pointer;  }
.bnaimg .bnatxt dl dt { font-size:28px; font-weight:700; color:#000; line-height:100%;}
.bnaimg .bnatxt dl dt span { display:none; width:32px; height:32px; margin-left:4px; font-size:30px; font-weight:500; color:#fff; text-align:center; line-height:28px; box-sizing:border-box; background:#471b56; border-radius:100%; }
.bnaimg .bnatxt dl dd {  display:none; padding-top:10px; font-size:20px; font-weight:200; color:#4d3c3c; line-height:140%; }
.bnaimg .bnatxt dl.on dt { color:#471b56; }
.bnaimg .bnatxt dl.on dt span { display:inline-block; }
.bnaimg .bnatxt dl.on dd { display:block; }
.bnaimg .bnatxt dl dd a { display:block; width:140px; height:42px; margin-top:20px; line-height:41px; color:#fff; font-size:15px; font-weight:500; text-align:center; background:#471b56; }
.subpageview { display:block; width:140px; height:42px; margin-top:20px; line-height:41px; color:#fff; font-size:15px; font-weight:500; text-align:center; background:#471b56; }

.bnaimg2 { position:relative; width:1280px; margin:0 auto; }
.bnaimg2 .bnaslide2 { position:absolute;  right:0px; width:580px; height:450px; box-sizing:border-box; }
.bnaimg2 .bnatxt { position:absolute; top:200px; left:0px; width:480px; }
.bnaimg2 .bnatxt dl { width:100%; margin-bottom:30px; text-align:right; }
.bnaimg2 .bnatxt dl dt { font-size:28px; font-weight:700; color:#000; line-height:100%; cursor:pointer; }
.bnaimg2 .bnatxt dl dt span { display:none; width:32px; height:32px; margin-left:4px; font-size:30px; font-weight:500; color:#fff; text-align:center; line-height:28px; box-sizing:border-box; background:#471b56; border-radius:100%; }
.bnaimg2 .bnatxt dl.on dt { color:#471b56; }
.bnaimg2 .bnatxt dl.on dt span { display:inline-block; }
.bnaimg2 .bnaslide2 .t1 { font-size:18px; font-weight:500; color:#4d3c3c; line-height:150%; }
.bnaimg2 .bnaslide2 .t2 { padding-top:10px; font-size:18px; font-weight:200; color:#4d3c3c; line-height:150%;  }
.bnaimg2 .bnaslide2 .t3 { padding-top:10px; }
.bnaimg2 .bnaslide2 .t4 { margin-top:10px; padding-top:10px; width:100%; height:37px;  padding-left:42px; font-size:17px; font-weight:500; color:#471b56;  line-height:1; background:url('/page_KR0/06_sub/images/0602img3.png')no-repeat 0 4px; }


.bnaimgnosewrap { position:relative; width:100%; max-width:2000px; margin:80px auto 50px auto; padding-bottom:100px; overflow:hidden; background:url('/page_KR0/02_sub/images/sub0201_03bg.jpg')repeat-y 50% 0;  }
.bnaimgnose { position:relative; width:1280px; margin:0 auto; padding-top:100px; overflow:hidden; }
.bnaimgnose .bnaslide2 { float:right; position:relative; width:580px; box-sizing:border-box; }
.bnaimgnose .bnatxt { float:left; position:relative; width:480px; }
.bnaimgnose .bnatxt dl { width:100%; margin-bottom:30px; text-align:right; }
.bnaimgnose .bnatxt dl dt { font-size:28px; font-weight:700; color:#000; line-height:100%; cursor:pointer; }
.bnaimgnose .bnatxt dl dt span { display:none; width:32px; height:32px; margin-left:4px; font-size:30px; font-weight:500; color:#fff; text-align:center; line-height:28px; box-sizing:border-box; background:#471b56; border-radius:100%; }
.bnaimgnose .bnatxt dl.on dt { color:#471b56; }
.bnaimgnose .bnatxt dl.on dt span { display:inline-block; }
.bnaimgnose .bnaslide2 .t1 { font-size:18px; font-weight:500; color:#4d3c3c; line-height:150%; }
.bnaimgnose .bnaslide2 .t2 { padding-top:10px; font-size:18px; font-weight:200; color:#4d3c3c; line-height:150%;  }
.bnaimgnose .bnaslide2 .t3 { padding-top:10px; }
.bnaimgnose .bnaslide2 .t4 { margin-top:10px; padding-top:10px; width:100%; overflow: hidden; padding-left:42px; font-size:17px; font-weight:500; color:#471b56;  line-height:21px; background:url('/page_KR0/06_sub/images/0602img3.png')no-repeat 0 4px; }

.bnaimgnose .sub0604tabcon { float:right; position:relative; width:580px; box-sizing:border-box; }
.bnaimgnose .sub0604tab { float:left; position:relative; width:480px; }
.bnaimgnose .sub0604tab dl { width:100%; margin-bottom:30px; text-align:right; }
.bnaimgnose .sub0604tab dl dt { font-size:28px; font-weight:700; color:#000; line-height:100%; cursor:pointer; }
.bnaimgnose .sub0604tab dl dt span { display:none; width:32px; height:32px; margin-left:4px; font-size:30px; font-weight:500; color:#fff; text-align:center; line-height:28px; box-sizing:border-box; background:#471b56; border-radius:100%; }
.bnaimgnose .sub0604tab dl.active dt { color:#471b56; }
.bnaimgnose .sub0604tab dl.active dt span { display:inline-block; }
.bnaimgnose .sub0604tabcon .t2 { padding-top:10px; font-size:18px; font-weight:200; color:#4d3c3c; line-height:150%;  }

.bnaimg4 { position:relative; width:1274px; margin:0 auto; padding-top:100px; overflow:hidden; }
.bnaimg4 .bnaslide {  float:right; position:relative; width:580px; box-sizing:border-box; }
.bnaimg4 .bnatxt { float:left; position:relative; width:480px; }
.bnaimg4 .bnatxt dl { width:100%; margin-bottom:30px; }
.bnaimg4 .bnatxt dt { font-size:18px; font-weight:600; color:#4d3c3c; line-height:150%; }
.bnaimg4 .bnatxt dd { padding-top:20px; font-size:18px; font-weight:100; color:#4d3c3c; line-height:170%;  }

.bnaimg5 { position:relative; width:1280px; margin:0 auto; padding-top:100px; overflow:hidden; }
.bnaimg5 .imgs {  float:left; position:relative; width:680px; box-sizing:border-box; }
.bnaimg5 .bnatxt { float:right; position:relative; padding-top:150px; width:500px; }
.bnaimg5 .bnatxt dl { width:100%; margin-bottom:30px; }
.bnaimg5 .bnatxt dt { padding-bottom:10px; font-size:18px; font-weight:600; color:#4d3c3c; line-height:150%; }
.bnaimg5 .bnatxt dd { font-size:18px; font-weight:400; color:#4d3c3c; line-height:170%;  }
.bnaimg5 .bnatxt dd.icontxt { margin-top:14px; padding-left:28px; background:url('/page_KR0/06_sub/images/icontxtbg.jpg')no-repeat 0 4px; }
.bnaimg5 .bnatxt dd.con { margin-top:30px; font-size:18px; font-weight:400; color:#4d3c3c; line-height:170%;  }

.bnaimg6 { position:relative; width:1280px; margin:0 auto; }
.bnaimg6 .bnaslide2 { float:right; position:relative; width:580px; padding-top:150px; box-sizing:border-box; }
.bnaimg6 .bnatxt { float:left; position:relative; width:480px;padding-top:150px;  }
.bnaimg6 .bnatxt dl { width:100%; margin-bottom:30px; text-align:right; }
.bnaimg6 .bnatxt dl dt { font-size:28px; font-weight:700; color:#000; line-height:100%; cursor:pointer; }
.bnaimg6 .bnatxt dl dt span { display:none; width:32px; height:32px; margin-left:4px; font-size:30px; font-weight:500; color:#fff; text-align:center; line-height:28px; box-sizing:border-box; background:#471b56; border-radius:100%; }
.bnaimg6 .bnatxt dl.on dt { color:#471b56; }
.bnaimg6 .bnatxt dl.on dt span { display:inline-block; }
.bnaimg6 .bnaslide2 .t1 { font-size:18px; font-weight:500; color:#4d3c3c; line-height:150%; }
.bnaimg6 .bnaslide2 .t2 { width:100%; height:196px; padding-left:236px; margin-top:30px; font-size:18px; font-weight:200; color:#4d3c3c; line-height:150%; background:url('/page_KR0/06_sub/images/0606img1.jpg')no-repeat 0 0; box-sizing:border-box; }
.bnaimg6 .bnaslide2 .t2 span.title { display:block; width:100%; font-size:18px; font-weight:500; color:#4d3c3c; line-height:150%; }
.bnaimg6 .bnaslide2 .t2 span.con { display:block; width:100%; padding-top:10px; font-size:18px; font-weight:200; color:#4d3c3c; line-height:150%; }
.bnaimg6 .bnaslide2 .t3 { width:100%; height:196px; padding-left:236px; margin-top:30px; font-size:18px; font-weight:200; color:#4d3c3c; line-height:150%; background:url('/page_KR0/06_sub/images/0606img2.jpg')no-repeat 0 0; box-sizing:border-box; }
.bnaimg6 .bnaslide2 .t3 span.title { display:block; width:100%; font-size:18px; font-weight:500; color:#4d3c3c; line-height:150%; }
.bnaimg6 .bnaslide2 .t3 span.con { display:block; width:100%; padding-top:10px; font-size:18px; font-weight:200; color:#4d3c3c; line-height:150%; }
.bnaimg6 .t4 { padding-top:20px; font-size:18px; font-weight:200; color:#4d3c3c; line-height:150%;  }
.bnaimg6 .t5 { overflow: hidden; margin-top: 40px; }
.bnaimg6 .t5 span { display: block; float: left; margin-right: 2%; width: 23%; }
.bnaimg6 .t5 span img { display: block; width: 100%; margin-bottom: 15px;}

.bnaimg7 { position:relative; width:1300px; margin:0 auto; }
.bnaimg7 .bnaslide { position:relative; left:-30px; width:767px; height:450px; }
.bnaimg7 .bnatxt { position:absolute; top:250px; right:0px; width:490px; }
.bnaimg7 .bnatxt dl { width:100%; margin-bottom:30px; }
.bnaimg7 .bnatxt dt { font-size:30px; font-weight:700; color:#471b56; line-height:100%; }
.bnaimg7 .bnatxt dd { padding-top:20px; font-size:22px; font-weight:100; color:#4d3c3c; line-height:170%;  }


.sub0601_02.active ul.subtxt li.t1 { animation:fadeup ease-in-out 0.6s both 0.3s; }
.sub0601_02.active ul.subtxt li.t2 { animation:fadeeffect ease-in-out 0.6s both 0.6s; }
.sub0601_02.active ul.subtxt li.t3 { animation:fadeup ease-in-out 0.6s both 0.9s; }

.sub0601_02.active .bnaimg .bnaslide { animation:fadeeffect ease-in-out 0.6s both 1.2s; }
.sub0601_02.active .bnaimg6 .bnaslide2 { animation:fadeeffect ease-in-out 0.6s both 1.2s; }
.sub0601_02.active .bnatxt { animation:fadeleft ease-in-out 0.6s both 1.5s; }
.sub0601_02.active .bnaimg6 .bnaslide { animation:fadeeffect ease-in-out 0.6s both 1.2s; }
.sub0601_02.active .bnatxt2 { animation:fadeleft ease-in-out 0.6s both 1.5s; }

.sub0601_03 { position:relative; width:100%; height:880px; max-width:2000px; margin:0 auto; background-image:url(/page_KR0/06_sub/images/0601bg3.jpg); background-size:cover; background-attachment: fixed; }
.sub0601_03 .bnaslide { position:relative; top:200px; left:0px; width:767px; height:450px; background:#000; }
.sub0601_03 .subtxt  { position:absolute; top:360px; left:14%; font-size:60px; font-weight:500; color:#fff; line-height:130%; }
.sub0601_03 .subtxt  span {font-size: 100px;
    font-weight: 500;
    color: #fff;
    line-height: 100%;
    font-family: "Times New Roman", Times, serif;}
.sub0601_03.active .subtxt { animation:fadeup ease-in-out 0.5s both 0.3s; }

.sub0301_06 { position:relative; width:100%; height:880px; max-width:2000px; margin:0 auto; background-image:url(/page_KR0/03_sub/images/sub0301_06bg.jpg); background-size:cover; background-attachment: fixed; }
.sub0301_06 .subtxt  { position:absolute; top:380px; left:14%; font-size:60px; font-weight:400; color:#fff; line-height:150%; }
.sub0301_06 .subtxt2  { position:absolute; top:600px; left:14%; font-size:24px; font-weight:400; color:#fff; line-height:150%; }

.sub0601_04 { position:relative; width:100%; height:1278px; max-width:2000px; margin:0 auto; background-color:#471b56; }
.sub0601_04 .subtxt { position:relative; width:1300px; height:1278px; margin:0 auto; }
.sub0601_04 .subtxt li.imgs { position:absolute; bottom:0px; left:-150px; }
.sub0601_04 .subtxt li.imgtxt { position:absolute; top:450px; right:30px; z-index:1; }
.sub0601_04 .subtxt li.imgtxt img {  }

.sub0601_04 .roundbox { position:absolute; top:150px; right:-100px; width:900px; height:900px; background:transparent; border:1px solid #fff; border-radius:50%; }
.sub0601_04 .roundbox:before {
  content:''; position:absolute; top:-3px; left:-3px; width:100%; height:100%; border:3px solid transparent; border-top:3px solid #fff;
  border-right:3px solid #fff; border-radius:50%; animation:animateC 2s linear infinite;
}
.sub0601_04 .roundbox span {
  display:block; position:absolute; top:calc(50% - 2px); left:50%; width:50%; height:4px; background:transparent; transform-origin:left; animation:animate 2s linear infinite;
}
.sub0601_04 .roundbox span:before{
  content:''; position:absolute; width:16px; height:16px; border-radius:50%; background:#fff; top:-6px; right:-8px; box-shadow:0 0 20px #fff;
 }
.sub0602_04 .roundbox { position:absolute; top:150px; left:-100px; width:900px; height:900px; background:transparent; border:1px solid #fff; border-radius:50%; }
.sub0602_04 .roundbox:before {
  content:''; position:absolute; top:-3px; left:-3px; width:100%; height:100%; border:3px solid transparent; border-top:3px solid #fff;
  border-right:3px solid #fff; border-radius:50%; animation:animateC 2s linear infinite;
}
.sub0602_04 .roundbox span {
  display:block; position:absolute; top:calc(50% - 2px); left:50%; width:50%; height:4px; background:transparent; transform-origin:left; animation:animate 2s linear infinite;
}
.sub0602_04 .roundbox span:before{
  content:''; position:absolute; width:16px; height:16px; border-radius:50%; background:#fff; top:-6px; right:-8px; box-shadow:0 0 20px #fff;
 }

.sub0606_05 .roundbox { position:absolute; top:150px; left:-140px; width:800px; height:800px; background:transparent; border:1px solid #fff; border-radius:50%; }
.sub0606_05 .roundbox:before {
  content:''; position:absolute; top:-3px; left:-3px; width:100%; height:100%; border:3px solid transparent; border-top:3px solid #fff;
  border-right:3px solid #fff; border-radius:50%; animation:animateC 2s linear infinite;
}
.sub0606_05 .roundbox span {
  display:block; position:absolute; top:calc(50% - 2px); left:50%; width:50%; height:4px; background:transparent; transform-origin:left; animation:animate 2s linear infinite;
}
.sub0606_05 .roundbox span:before{
  content:''; position:absolute; width:16px; height:16px; border-radius:50%; background:#fff; top:-6px; right:-8px; box-shadow:0 0 20px #fff;
 }

.sub0203_04 .roundbox { position:absolute; top:250px; right:-110px; width:900px; height:900px; background:transparent; border:1px solid #fff; border-radius:50%; }
.sub0203_04 .roundbox:before {
  content:''; position:absolute; top:-3px; left:-3px; width:100%; height:100%; border:3px solid transparent; border-top:3px solid #fff;
  border-right:3px solid #fff; border-radius:50%; animation:animateC 2s linear infinite;
}
.sub0203_04 .roundbox span {
  display:block; position:absolute; top:calc(50% - 2px); left:50%; width:50%; height:4px; background:transparent; transform-origin:left; animation:animate 2s linear infinite;
}
.sub0203_04 .roundbox span:before{
  content:''; position:absolute; width:16px; height:16px; border-radius:50%; background:#fff; top:-6px; right:-8px; box-shadow:0 0 20px #fff;
 }

.sub0301_03 .roundbox { position:absolute; top:200px; left:-140px; width:870px; height:870px; background:transparent; border:1px solid #fff; border-radius:50%; }
.sub0301_03 .roundbox:before {
  content:''; position:absolute; top:-3px; left:-3px; width:100%; height:100%; border:3px solid transparent; border-top:3px solid #fff;
  border-right:3px solid #fff; border-radius:50%; animation:animateC 2s linear infinite;
}
.sub0301_03 .roundbox span {
  display:block; position:absolute; top:calc(50% - 2px); left:50%; width:50%; height:4px; background:transparent; transform-origin:left; animation:animate 2s linear infinite;
}
.sub0301_03 .roundbox span:before{
  content:''; position:absolute; width:16px; height:16px; border-radius:50%; background:#fff; top:-6px; right:-8px; box-shadow:0 0 20px #fff;
 }

.sub0302_04 .roundbox { position:absolute; top:250px; right:-110px; width:900px; height:900px; background:transparent; border:1px solid #fff; border-radius:50%; }
.sub0302_04 .roundbox:before {
  content:''; position:absolute; top:-3px; left:-3px; width:100%; height:100%; border:3px solid transparent; border-top:3px solid #fff;
  border-right:3px solid #fff; border-radius:50%; animation:animateC 2s linear infinite;
}
.sub0302_04 .roundbox span {
  display:block; position:absolute; top:calc(50% - 2px); left:50%; width:50%; height:4px; background:transparent; transform-origin:left; animation:animate 2s linear infinite;
}
.sub0302_04 .roundbox span:before{
  content:''; position:absolute; width:16px; height:16px; border-radius:50%; background:#fff; top:-6px; right:-8px; box-shadow:0 0 20px #fff;
 }

.sub0202_05 .roundbox { position:absolute; top:200px; left:-110px; width:900px; height:900px; background:transparent; border:1px solid #fff; border-radius:50%; }
.sub0202_05 .roundbox:before {
  content:''; position:absolute; top:-3px; left:-3px; width:100%; height:100%; border:3px solid transparent; border-top:3px solid #fff;
  border-right:3px solid #fff; border-radius:50%; animation:animateC 2s linear infinite;
}
.sub0202_05 .roundbox span {
  display:block; position:absolute; top:calc(50% - 2px); left:50%; width:50%; height:4px; background:transparent; transform-origin:left; animation:animate 2s linear infinite;
}
.sub0202_05 .roundbox span:before{
  content:''; position:absolute; width:16px; height:16px; border-radius:50%; background:#fff; top:-6px; right:-8px; box-shadow:0 0 20px #fff;
 }


@keyframes animateC
{
  0%
  {
    transform:rotate(0deg);
  }
  100%
  {
    transform:rotate(360deg);
  }
}
@keyframes animate
{
  0%
  {
    transform:rotate(45deg);
  }
  100%
  {
    transform:rotate(405deg);
  }
}

.sub0601_05 { position:relative; width:100%; height:1250px; max-width:2000px; margin:0 auto; background:url('/page_KR0/06_sub/images/0601bg4.jpg')repeat-y 50% 0; }
.sub0601_05 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1250px; padding-top:520px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0601_05 .subtxtwrap { position:relative; width:1300px; margin:0 auto; padding-top:260px; }
.sub0601_05 .subtxtwrap ul.subtxt { float:left; width:686px; }
.sub0601_05 .subtxtwrap div.subtxt2 { float:left; width:526px; padding-left:80px; padding-top:220px; font-size:24px; font-weight:400; color:#151515; line-height:3.4; }
.sub0601_05 .subtxtwrap ul.subtxt li.title { font-size:62px; color:#471b56; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0601_05 .subtxtwrap ul.subtxt li.con { padding-top:16px; font-size:22px; font-weight:500; color:#252424; line-height:1; }
.sub0601_05 .subtxtwrap ul.subtxt li.imgs { margin-top:50px; }

.sub0601_05.active .subtxtwrap ul.subtxt li.title { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0601_05.active .subtxtwrap ul.subtxt li.con { animation:fadeup ease-in-out 0.5s both 0.6s; }
.sub0601_05.active .subtxtwrap ul.subtxt li.imgs { animation:fadeup ease-in-out 0.5s both 0.9s; }
.sub0601_05.active .subtxtwrap div.subtxt2 { animation:faderight ease-in-out 0.5s both 1.2s; }


.sub0601_06 { position:relative; width:100%; height:1150px; max-width:2000px; margin:0 auto; background:#f6f6f6; }
.sub0601_06 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1150px; padding-top:520px; border-right:1px solid #e6e4e3; background:#f6f6f6; text-align:center; box-sizing:border-box; z-index:2; }
.sub0601_06 .maintitle { position:absolute; top:256px; width:100%; text-align:center; font-size:96px; font-weight:700; color:#252525;  line-height:1; letter-spacing:14;  }
.systembt { position:absolute; top:528px; width:100%; height:120px; background:url('/page_KR0/06_sub/images/systembtbg.png')repeat-x 0 0;  z-index:1; }
.systembt ul { position:relative; width:1080px; margin:0 auto; }
.systembt ul li { float:left; width:90px; }
.systembt ul li span.bt-num { display:block; width:80px; padding-bottom:24px; font-size:18px; font-weight:500; line-height:1; color:#3e3e3e; cursor:pointer; text-align: center; }
.systembt ul li.on span.bt-num,.systembt ul li:hover span.bt-num { border-bottom:5px solid #471b56; padding-bottom:19px; }
.systembt ul li span.bt-con { display:none; position:absolute; top:60px; left:0px; width:580px; font-size:24px; font-weight:500; line-height:1.6; color:#471b56; }
.systembt ul li.on span.bt-con { display:block; }
.systemimg { position:absolute; top:178px; width:100%; }
.systemimg ul { position:relative; width:1218px; height:724px; margin:0 auto; }
.systemimg .si1 { position:relative; width:1218px; height:724px; margin:0 auto; background:url('/page_KR0/06_sub/images/systemimg1.jpg')no-repeat 0 0; }
.systemimg .si2 { position:relative; width:1218px; height:724px; margin:0 auto; background:url('/page_KR0/06_sub/images/systemimg2.jpg')no-repeat 0 0; }
.systemimg .si3 { position:relative; width:1218px; height:724px; margin:0 auto; background:url('/page_KR0/06_sub/images/systemimg3.jpg')no-repeat 0 0; }
.systemimg .si4 { position:relative; width:1218px; height:724px; margin:0 auto; background:url('/page_KR0/06_sub/images/systemimg4.jpg')no-repeat 0 0; }
.systemimg .si5 { position:relative; width:1218px; height:724px; margin:0 auto; background:url('/page_KR0/06_sub/images/systemimg5.jpg')no-repeat 0 0; }

.sub0601_06.active .maintitle { animation:fadeeffect ease-in-out 0.7s both 0.3s; }
.sub0601_06.active .systemimg { animation:fadeeffect ease-in-out 0.7s both 0.7s; }
.sub0601_06.active .systembt { animation:fadeeffect ease-in-out 0.7s both 1.4s; }


.sub0602_01 { position:relative; width:100%; height:1042px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/06_sub/images/0602bg1.jpg')no-repeat 50% 0; background-size:cover; }
.sub0602_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #6c5673; text-align:center; box-sizing:border-box; }
.sub0602_01 ul.subtxt { position:relative; width:1280px; margin:0 auto; text-align:left; }
.sub0602_01 ul.subtxt li.title { padding-top:480px; font-size:60px; font-weight:500; color:#fff; line-height:140%; }
.sub0602_01 ul.subtxt li.con { font-size:22px; font-weight:400; color:#fff; line-height:170%; }
.sub0602_01 ul.subtxt li.imgs { position:absolute; top:0px; right:0%; }

.sub0602_01.active ul.subtxt li.title { animation:fadeup ease-in-out 0.6s both 0.5s; }
.sub0602_01.active ul.subtxt li.con { animation:fadeup ease-in-out 0.6s both 0.8s; }
.sub0602_01.active ul.subtxt li.imgs { animation:faderight ease-in-out 0.6s both 1.2s; }

.sub0602_04 { position:relative; width:100%; height:1278px; max-width:2000px; margin:0 auto; background-color:#471b56; }
.sub0602_04 .subtxt { position:relative; width:1300px; height:1278px; margin:0 auto; }
.sub0602_04 .subtxt li.t1 { padding-top:414px; padding-left:50px; font-size:150px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0602_04 .subtxt li.t2 { padding-top:10px; padding-left:50px; font-size:28px; font-weight:400; color:#fff; line-height:170%; }
/*.sub0602bg2 { position:absolute; top:0px; width:100%; height:1278px; background:url('/page_KR0/06_sub/images/0602bg2.jpg')no-repeat right bottom; }*/
.sub0602bg2 { position:absolute; bottom:0px;left:800px; width:100%; height:1272px; }

.sub0602_04.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0602_04.active .subtxt li.t2 { animation:fadeeffect ease-in-out 0.5s both 0.7s; }

.sub0602_05 { position:relative; width:100%; height:1250px; max-width:2000px; margin:0 auto; }
.sub0602_05 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1250px; padding-top:520px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; z-index:2; }
.sub0602_05 .subtxtwrap {  }
.sub0602_05 .subtxtwrap .subtxt1 { float:left; position:relative; width:45%; height:100%; background:#f6f6f6; }
.sub0602_05 .subtxtwrap ul.subtxt { position:absolute; top:330px; right:104px; width:390; }
.sub0602_05 .subtxtwrap div.subtxt2 { float:right; position:relative; width:55%;  height:100%; }
.sub0602_05 .subtxtwrap div.subtxt2 div { position:absolute; top:180px; left:104px; width:620px; }
.sub0602_05 .subtxtwrap div.subtxt2 div span.t2 { display:block; width:100%; padding-top:50px; font-size:32px; font-weight:500; color:#252424; line-height:150%; }
.sub0602_05 .subtxtwrap div.subtxt2 div span.t3 { display:block; width:100%; padding-top:20px; font-size:18px; font-weight:400; color:#565656; line-height:170%; }

.sub0602_05 .subtxtwrap ul.subtxt li.title { font-size:62px; color:#471b56; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0602_05 .subtxtwrap ul.subtxt li.imgs {  margin-top:50px; }

.sub0602_05.active .subtxtwrap ul.subtxt li.title { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0602_05.active .subtxtwrap ul.subtxt li.con { animation:fadeup ease-in-out 0.5s both 0.6s; }
.sub0602_05.active .subtxtwrap ul.subtxt li.imgs { animation:fadeup ease-in-out 0.5s both 0.9s; }
.sub0602_05.active .subtxtwrap div.subtxt2 { animation:faderight ease-in-out 0.5s both 1.2s; }


.sub0603_01 { position:relative; width:100%; height:1042px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/06_sub/images/0603bg1.jpg')no-repeat 50% 0; background-size:cover; }
.sub0603_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0603_01 ul.subtxt { position:relative; width:1280px; margin:0 auto; text-align:right; }
.sub0603_01 ul.subtxt li.title { position:absolute; top:400px; right:0px; width:430px; font-size:60px; font-weight:500; color:#471b56; line-height:140%; text-align:center; }
.sub0603_01 ul.subtxt li.con {  position:absolute; top:500px; right:0px; font-size:22px; width:430px; font-weight:400; color:#5c5c5c; line-height:170%; text-align:center; }

.sub0603_01.active ul.subtxt li.title { animation:fadeup ease-in-out 0.6s both 0.5s; }
.sub0603_01.active ul.subtxt li.con { animation:fadeup ease-in-out 0.6s both 0.8s; }
.sub0603_01.active ul.subtxt li.imgs { animation:faderight ease-in-out 0.6s both 1.2s; }



.bnaimg3 { position:relative; width:1280px; margin:0 auto; padding-top:100px; overflow:hidden; }
.bnaimg3 .bnaslide2 { float:right; position:relative; width:620px; box-sizing:border-box; }
.bnaimg3 .bnatxt { float:left; position:relative; width:480px; }
.bnaimg3 .bnatxt dl { width:100%; margin-bottom:30px; text-align:right; }
.bnaimg3 .bnatxt dl dt { font-size:28px; font-weight:700; color:#000; line-height:100%; cursor:pointer; }
.bnaimg3 .bnatxt dl dt span { display:none; width:32px; height:32px; margin-left:4px; font-size:30px; font-weight:500; color:#fff; text-align:center; line-height:28px; box-sizing:border-box; background:#471b56; border-radius:100%; }
.bnaimg3 .bnatxt dl.on dt { color:#471b56; }
.bnaimg3 .bnatxt dl.on dt span { display:inline-block; }
.bnaimg3 .bnaslide2 div.imgs { float:left; width:298px; height:559px; margin-right:20px; }
.bnaimg3 .bnaslide2 div.imgs_2 { float:left; width:250px; height:559px; }
.bnaimg3 .bnaslide2 ul { float:left; width:300px; }
.bnaimg3 .bnaslide2 ul.bnaslide2_ul3 { float:left; width:330px; }
.bnaimg3 .bnaslide2 ul.bnaslide2_ul { clear: both; width: 580px; }
.bnaimg3 .bnaslide2 ul.bnaslide2_ul2 { clear: both; width: 580px; margin-bottom: 30px; }
.bnaimg3 .bnaslide2 .t1 { padding-top:20px; font-size:18px; font-weight:500; color:#4d3c3c; line-height:150%; }
.bnaimg3 .bnaslide2 .t2 { padding-top:10px; font-size:18px; font-weight:200; color:#4d3c3c; line-height:150%;  }
.bnaimg3 .bnaslide2 ul.bnaslide2_ul .t4 { padding-top:10px; font-size:18px; font-weight:200; color:#4d3c3c; line-height:150%; }
.bnaimg3 .bnaslide2 ul.bnaslide2_ul .t2_1 { margin:30px 0; padding-top:10px; width:100%; height:37px; font-size:17px; font-weight:500; color:#471b56; line-height:1;}
.bnaimg3 .bnaslide2 ul.bnaslide2_ul .t4_1 { padding-top:30px; font-size:18px; font-weight:200; color:#4d3c3c; line-height:150%; }
.bnaimg3 .bnaslide2 ul.bnaslide2_ul .img_wrap { margin: 30px 0 20px; }
.bnaimg3 .bnaslide2 ul.bnaslide2_ul .img_wrap_2 { margin: 0; }

.sub0603_04 { position:relative; width:100%; height:1278px; max-width:2000px; margin:0 auto; background:url('/page_KR0/06_sub/images/0603bg2.jpg')no-repeat 50% 0; background-size:cover; }
.sub0603_04 .subtxt { position:relative; width:1280px; height:1278px; margin:0 auto; text-align:center; }
.sub0603_04 .subtxt li.t1 { padding-top:658px; font-size:60px; font-weight:500; color:#fff; line-height:100%; }
.sub0603_04 .subtxt li.t2 { padding-top:10px; font-size:150px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; }

.sub0603_04.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0603_04.active .subtxt li.t2 { animation:fadeeffect ease-in-out 0.5s both 0.7s; }

.sub0603_05 { position:relative; width:100%; height:1150px; max-width:2000px; margin:0 auto; background:#471b56; }
.sub0603_05 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1250px; padding-top:520px; border-right:1px solid #6c5673; text-align:center; box-sizing:border-box; z-index:2; }
.sub0603_05 .subtxtwrap { position:relative; width:1280px; margin:0 auto; }
.sub0603_05 .subtxtwrap ul.subtxt li.title { position:relative; padding-top:100px; font-size:62px; color:#ffffff; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0603_05 .subtxtwrap ul.subtxt li.con { position:relative; padding-top:20px; font-size:17px; font-weight:100; color:#ffffff; line-height:160%; }
.sub0603_05 .subtxtwrap ul.subtxt li.imgs1 { position:absolute; top:390px; left:107px; }
.sub0603_05 .subtxtwrap ul.subtxt li.imgs2 { position:absolute; top:326px; left:303px; }
.sub0603_05 .subtxtwrap ul.subtxt li.imgs3 { position:absolute; top:212px; left:558px; }
.sub0603_05 .subtxtwrap ul.subtxt li.imgs4 { position:absolute; top:390px; left:1082px; }
.sub0603_05 .subtxtwrap ul.subtxt li.imgs5 { position:absolute; top:582px; left:0px; }
.sub0603_05 .subtxtwrap ul.subtxt li.imgs6 { position:absolute; top:582px; left:558px; }
.sub0603_05 .subtxtwrap ul.subtxt li.imgs7 { position:absolute; top:582px; left:867px; }

.sub0603_05.active .subtxtwrap ul.subtxt li.title { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0603_05.active .subtxtwrap ul.subtxt li.con { animation:fadeup ease-in-out 0.5s both 0.6s; }
.sub0603_05.active .subtxtwrap ul.subtxt li.imgs { animation:fadeup ease-in-out 0.5s both 0.9s; }
.sub0603_05.active .subtxtwrap div.subtxt2 { animation:faderight ease-in-out 0.5s both 1.2s; }


.sub0604_01 { position:relative; width:100%; height:1042px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/06_sub/images/0604bg1.jpg')no-repeat 50% 0; background-size:cover; }
.sub0604_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0604_01 ul.subtxt { position:relative; width:1280px; margin:0 auto; text-align:left; }
.sub0604_01 ul.subtxt li.title {  font-size:60px; font-weight:500; color:#471b56; line-height:140%; }
.sub0604_01 ul.subtxt li.con { padding-top:480px; font-size:22px; font-weight:400; color:#5c5c5c; line-height:170%; }

.sub0604_01.active ul.subtxt li.title { animation:fadeup ease-in-out 0.6s both 0.5s; }
.sub0604_01.active ul.subtxt li.con { animation:fadeup ease-in-out 0.6s both 0.8s; }

.sub0604_04 { position:relative; width:100%; height:1278px; max-width:2000px; margin:0 auto; background:url('/page_KR0/06_sub/images/0604bg2.jpg')no-repeat 50% 0; background-size:cover; }
.sub0604_04 .subtxt { position:relative; width:1280px; height:1278px; margin:0 auto; text-align:center; }
.sub0604_04 .subtxt ul { position:absolute; top:326px; left:0px; width:547px; height:531px; background:#471b56; }
.sub0604_04 .subtxt li.t1 { padding-top:90px; font-size:120px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0604_04 .subtxt li.t2 { padding-top:10px;   font-size:24px; font-weight:500; color:#fff; line-height:150%;}

.sub0604_04.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0604_04.active .subtxt li.t2 { animation:fadeeffect ease-in-out 0.5s both 0.7s; }


.sub0604_05 { position:relative; width:100%; height:1150px; max-width:2000px; margin:0 auto; background:url('/page_KR0/06_sub/images/0604bg3.jpg')no-repeat 50% 0; background-size:cover; }
.sub0604_05 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1250px; padding-top:520px; border-right:1px solid #373736; text-align:center; box-sizing:border-box; z-index:2; }
.sub0604_05 .subtxtwrap { position:relative; width:1280px; margin:0 auto; }
.sub0604_05 .subtxtwrap ul { position:absolute; top:360px; right:0px; width:710px; text-align:center; }
.sub0604_05 .subtxtwrap ul.subtxt li.title { position:relative; font-size:62px; color:#e7a1ff; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0604_05 .subtxtwrap ul.subtxt li.con { position:relative; padding-top:20px; font-size:36px; font-weight:400; color:#ffffff; line-height:160%; }
.sub0604_05 .subtxtwrap ul.subtxt li.line { width:1px; height:96px; margin:0 auto; margin-top:20px; background:#6b656d; }
.sub0604_05 .subtxtwrap ul.subtxt li.con2 { position:relative; padding-top:20px; font-size:20px; font-weight:100; color:#ffffff; line-height:160%; }

.sub0604_05.active .subtxtwrap ul.subtxt li.title { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0604_05.active .subtxtwrap ul.subtxt li.con { animation:fadeup ease-in-out 0.5s both 0.6s; }


.sub0605_01 { position:relative; width:100%; height:1042px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/06_sub/images/0605bg1.jpg')no-repeat 50% 0; background-size:cover; }
.sub0605_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0605_01 ul.subtxt { position:relative; width:1280px; margin:0 auto; text-align:left; }
.sub0605_01 ul.subtxt li.title { padding-top:20px; font-size:22px; font-weight:400; color:#5c5c5c; line-height:170%; }
.sub0605_01 ul.subtxt li.con { padding-top:430px;  font-size:60px; font-weight:500; color:#471b56; line-height:130%; }

.sub0605_01.active ul.subtxt li.title { animation:fadeup ease-in-out 0.6s both 0.5s; }
.sub0605_01.active ul.subtxt li.con { animation:fadeup ease-in-out 0.6s both 0.8s; }


.sub0605_04 { position:relative; width:100%; height:880px; max-width:2000px; margin:0 auto; background:url('/page_KR0/06_sub/images/0605bg2.jpg')no-repeat 50% 0; }
.sub0605_04 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #6c5673; text-align:center; box-sizing:border-box; }
.sub0605_04 .subtxt { position:relative; width:1280px; height:880px; margin:0 auto; text-align:left; }
.sub0605_04 .subtxt li.t1 { padding-top:380px; font-size:40px; color:#fff; line-height:140%; letter-spacing:8; font-weight:500; }
.sub0605_04.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }


.sub0605_05 { position:relative; width:100%; height:1130px; max-width:2000px; margin:0 auto; background:url('/page_KR0/06_sub/images/0605bg3.jpg')no-repeat 50% 0; background-size:cover; }
.sub0605_05 .subtxt { position:relative; width:1280px; height:1130px; margin:0 auto; text-align:left; }
.sub0605_05 .subtxt ul { position:absolute; top:410px; right:0px; width:547px; height:531px; }
.sub0605_05 .subtxt li.t1 {font-size:120px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:130; }
.sub0605_05 .subtxt li.t2 { padding-top:30px; font-size:24px; font-weight:500; color:#fff; line-height:150%;}
.sub0605_05 .subtxt li.t3 { padding-top:30px; font-size:120px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:130;  }

.sub0605_05.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0605_05.active .subtxt li.t2 { animation:fadeeffect ease-in-out 0.5s both 0.7s; }

.sub0605_06 { position:relative; width:100%; height:1150px; max-width:2000px; margin:0 auto; background:url('/page_KR0/06_sub/images/0605bg4.jpg')no-repeat 50% 0; background-size:cover; }
.sub0605_06 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1250px; padding-top:520px; border-right:1px solid #e5e3e3; text-align:center; box-sizing:border-box; z-index:2; }
.sub0605_06 .subtxtwrap { position:relative; width:1280px; margin:0 auto; }
.sub0605_06 .subtxtwrap ul { position:absolute; top:360px; right:0px; width:610px; text-align:left; }
.sub0605_06 .subtxtwrap ul.subtxt li.title { position:relative; font-size:62px; color:#471b56; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0605_06 .subtxtwrap ul.subtxt li.con { position:relative; padding-top:20px; font-size:22px; font-weight:400; color:#000; line-height:100%; }
.sub0605_06 .subtxtwrap ul.subtxt li.con2 { position:relative; padding-top:40px; font-size:18px; font-weight:100; color:#5c5c5c; line-height:170%; }

.sub0605_06.active .subtxtwrap ul.subtxt li.title { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0605_06.active .subtxtwrap ul.subtxt li.con { animation:fadeup ease-in-out 0.5s both 0.6s; }

.sub0606_01 { position:relative; width:100%; height:1042px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/06_sub/images/0606bg1.jpg')no-repeat 50% 0; background-size:cover; }
.sub0606_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0606_01 ul.subtxt { position:relative; width:1280px; margin:0 auto; text-align:left; }
.sub0606_01 ul.subtxt li.title { padding-top:20px; font-size:22px; font-weight:400; color:#5c5c5c; line-height:170%; }
.sub0606_01 ul.subtxt li.con { padding-top:430px;  font-size:60px; font-weight:500; color:#471b56; line-height:130%; }

.sub0606_01.active ul.subtxt li.title { animation:fadeup ease-in-out 0.6s both 0.5s; }
.sub0606_01.active ul.subtxt li.con { animation:fadeup ease-in-out 0.6s both 0.8s; }

.sub0606_04 { position:relative; width:100%; height:880px; max-width:2000px; margin:0 auto; background:url('/page_KR0/06_sub/images/0606bg2.jpg')no-repeat 50% 0; background-size:cover; }
.sub0606_04 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #141414; text-align:center; box-sizing:border-box; }
.sub0606_04 .subtxt { position:relative; width:1280px; height:880px; margin:0 auto; text-align:right; }
.sub0606_04 .subtxt li.t1 { padding-top:380px; font-size:60px; color:#fff; line-height:140%; letter-spacing:0; font-weight:500; }
.sub0606_04.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }

.sub0606_05 { position:relative; width:100%; height:1130px; max-width:2000px; margin:0 auto; background:#471b56; }
.sub0606_05 .subtxt { position:relative; width:1280px; height:1130px; margin:0 auto; text-align:left; }
.sub0606_05 .subtxt ul {  }
.sub0606_05 .subtxt li.t1 { padding-top:416px; font-size:120px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0606_05 .subtxt li.t2 { padding-top:30px; font-size:24px; font-weight:500; color:#fff; line-height:150%;}
.sub0606bg1 { position:absolute; top:0px; width:100%; height:1130px; background:url('/page_KR0/06_sub/images/0606bg3.jpg')no-repeat right bottom; }

.sub0606_05.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0606_05.active .subtxt li.t2 { animation:fadeeffect ease-in-out 0.5s both 0.7s; }

.sub0606_06 { position:relative; width:100%; height:1150px; max-width:2000px; margin:0 auto; background:url('/page_KR0/06_sub/images/0606bg4.jpg')no-repeat 50% 0; background-size:cover; }
.sub0606_06 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1250px; padding-top:520px; border-right:1px solid #e5e3e3; text-align:center; box-sizing:border-box; z-index:2; }
.sub0606_06 .subtxtwrap { position:relative; width:1280px; margin:0 auto; }
.sub0606_06 .subtxtwrap ul { position:absolute; top:360px; right:0px; width:610px; text-align:left; }
.sub0606_06 .subtxtwrap ul.subtxt li.title { position:relative; font-size:62px; color:#471b56; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0606_06 .subtxtwrap ul.subtxt li.con { position:relative; padding-top:20px; font-size:22px; font-weight:400; color:#000; line-height:100%; }
.sub0606_06 .subtxtwrap ul.subtxt li.con2 { position:relative; padding-top:40px; font-size:18px; font-weight:100; color:#5c5c5c; line-height:170%; }

.sub0606_06.active .subtxtwrap ul.subtxt li.title { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0606_06.active .subtxtwrap ul.subtxt li.con { animation:fadeup ease-in-out 0.5s both 0.6s; }

.bnaimg3 .bnaslide2 div ul .icontxt_wrap { margin-top:40px; }
.bnaimg3 .bnaslide2 div ul .icontxt_wrap .icontxt { margin-top:14px; font-size:18px; height:24px; padding-left:28px; background:url('/page_KR0/06_sub/images/icontxtbg.jpg')no-repeat 0 0px; }
.bnaimg3 .bnaslide2 div ul .icontxt_wrap_2 .icontxt { margin-top:14px; font-size:18px; height:24px; padding-left:28px; background:url('/page_KR0/06_sub/images/icontxtbg.jpg')no-repeat 0 0px; }


.sub0201_01 { position:relative; width:100%; height:1042px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/02_sub/images/0201bg1.jpg')no-repeat 50% 0; background-size:cover; }
.sub0201_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0201_01 ul.subtxt { position:relative; width:100%; max-width:1380px; margin:0 auto; text-align:left; }
.sub0201_01 ul.subtxt li.title { padding-top:430px;  font-size:60px; font-weight:500; color:#471b56; line-height:130%; letter-spacing:-1px; }

.sub0201_01.active ul.subtxt li.title { animation:fadeup ease-in-out 0.6s both 0.5s; }
.sub0201_01.active ul.subtxt li.con { animation:fadeup ease-in-out 0.6s both 0.8s; }

.sub0201_02_1{ position:relative; width:100%; max-width:2000px; margin:0 auto; background:#eee8f2;}
.sub0201_02_1 .subtxt { position:relative; width:1280px; margin:0 auto ; padding-top:90px; overflow:hidden; text-align:center;}
.sub0201_02_1 .subtxt li.t1 { font-size:48px; font-weight:700; color:#222222; line-height:140%; margin-bottom:40px;}
.sub0201_02_1 .subtxt li.t2 { font-size:23px; font-weight:400; color:#333333; line-height:140%; letter-spacing:-1px;}

.sub0201_02_1 .subimg { position:relative; width:1326px; margin:0 auto ; padding-top:85px; overflow:hidden;}
.sub0201_02_1 .subimg li { position:relative; float:left; width:376px; margin-right:99px; text-align:center; margin-bottom:84px;}

.sub0201_02_1 .subimg ul li .imgs img {width:100%;}
.sub0201_02_1 .subimg li:nth-child(3) { margin-right:0px; }
.sub0201_02_1 .subimg li div.title { font-size:24px; font-weight:500; color:#444; margin-top:25px; margin-bottom:20px;}
.sub0201_02_1 .subimg li div.title span { color:#471b56; font-weight:700; }
.sub0201_02_1 .subimg li div.con { font-size:18px; font-weight:400; color:#666666; margin-top:10px; line-height:150%; }



.sub0201_03_1{ position:relative; width:100%; max-width:2000px; margin:0 auto;}
.sub0201_03_1 .subtxt { position:relative; width:1280px; margin:0 auto ; padding-top:140px; overflow:hidden; text-align:center;}
.sub0201_03_1 .subtxt li.t1 { font-size:53px; font-weight:700; color:#471b56; line-height:140%; margin-bottom:26px;}
.sub0201_03_1 .subtxt li.t2 { font-size:20px; font-weight:400; color:#333333; line-height:140%; margin-bottom:43px;}
.sub0201_03_1 .subtxt li.t3 { font-size:35px; font-weight:600; color:#333333; line-height:140%; margin-bottom:47px;}
.sub0201_03_1 .subimg { position:relative; width:1280px; margin:0 auto ;overflow:hidden;}
.sub0201_03_1 .subimg li {width:300px; position:relative; float:left; margin-right:26px;}
.sub0201_03_1 .subimg li img{width:100%;}
.sub0201_03_1 .subimg li:last-child {margin-right:0;}
.sub0201_03_1 .subimg p {font-size:20px; font-weight:300; margin:30px 0; text-align:center;}
.sub0201_03_1 .subimg .con {font-size:17px; margin-top:30px;  text-align:center; }
.sub0201_03 .sub20103 {padding-top:50px;}

.sub0201_03 .imgs .bnaimg4 {float: left; position: relative; width: 51%; height: 456px; margin-right: 4%;}




.sub0205_07{ position:relative; width:100%; max-width:2000px; margin:0 auto;}
.sub0205_07 .subtxt { position:relative; width:1280px; margin:0 auto ; padding-top:140px; overflow:hidden; text-align:center;}
.sub0205_07 .subtxt li.t1 { font-size:53px; font-weight:700; color:#471b56; line-height:140%; margin-bottom:26px;}
.sub0205_07 .subtxt li.t2 { font-size:20px; font-weight:400; color:#333333; line-height:140%; margin-bottom:43px;}
.sub0205_07 .subtxt li.t3 { font-size:35px; font-weight:600; color:#333333; line-height:140%; margin-bottom:47px;}
.sub0205_07 .subimg { position:relative; width:1280px; margin:0 auto ;overflow:hidden;}
.sub0504_07 .subimg { position:relative; width:1116px; margin:0 auto ;overflow:hidden;}
.sub0205_07 .subimg li { position:relative; float:left; margin-right:40px;}
.sub0205_07 .subimg li:last-child {margin-right:0;}
.sub0205_07 .subimg p {font-size:20px; font-weight:300; margin:30px 0; text-align:center;}
.sub0205_07 .subimg .con {font-size:20px; margin-top:30px;  text-align:center;}
.sub0205_07 .subimg .tit {font-size:24px;margin-top:30px; text-align:center;}
.sub0306_09 .subimg .con {font-size:20px; margin-top:10px;  text-align:center;}

.sub0206_07{ position:relative; width:100%; height:1000px; max-width:2000px; margin:0 auto; background:url('/page_KR0/02_sub/images/0206_7.png')no-repeat 50% 0; background-size:cover;}
.sub0206_07 .subtxt { position:relative; width:1280px; margin:0 auto ; padding-top:70px; overflow:hidden; text-align:center;}
.sub0206_07 .subtxt li.t1 { font-size:53px; font-weight:700; color:#471b56; line-height:140%; margin-bottom:26px;}
.sub0206_07 .subtxt li.t2 { font-size:20px; font-weight:400; color:#333333; line-height:140%; margin-bottom:43px;}
.sub0206_07 .subtxt li.t3 { font-size:35px; font-weight:600; color:#333333; line-height:140%; margin-bottom:47px;}
.sub0206_07 .subimg { position:relative; width:1280px; margin:50px auto ; overflow:hidden;}
.sub0206_07 .subimg li { float:left; width:362px; height:364px;}
.sub0206_07 .subimg li .img2 { float:left; width:362px; height:364px; margin-left:556px;}

.sub0201_03_2{ position:relative; width:100%; max-width:2000px; margin:0 auto;}

.sub0201_03_2 .subtxt { position:relative; width:1274px; margin:0 auto ; padding-top:140px; overflow:hidden; text-align:center;}
.sub0201_03_2 .subtxt li.t1 { font-size:53px; font-weight:700; color:#471b56; line-height:140%; margin-bottom:26px;}
.sub0201_03_2 .subtxt li.t2 { font-size:18px; font-weight:300; color:#333333; line-height:140%; margin-bottom:58px;}
.sub0201_03_2 .subimg { position:relative; width:1274px; margin:0 auto ; overflow:hidden; margin-bottom:200px;}
.sub0201_03_2 .subimg li { position:relative; float:left; margin-right:29px;}
.sub0201_03_2 .subimg li  p{ text-align:center; font-size:20; font-weight:700; margin:20px 0 40px 0;}
.sub0201_03_2 .subimg .ex{ text-align:center; font-size:20px;; font-weight:700; color:#fff; background:#471b56; padding:10px 0}

.sub0201_04_2{ position:relative; width:100%; max-width:2000px; margin:0 auto;}
.sub0201_04_2 .subtxt { position:relative; width:1280px; margin:0 auto ; padding-top:140px; overflow:hidden; text-align:center;}
.sub0201_04_2 .subtxt li.t1 { font-size:53px; font-weight:700; color:#471b56; line-height:140%; margin-bottom:26px;}
.sub0201_04_2 .subtxt li.t2 { font-size:24px; font-weight:300; color:#333333; line-height:140%; margin-bottom:43px;}
.sub0201_04_2 .subimg { position:relative; width:100%; max-width:1599px; margin:0 auto ; overflow:hidden; }
.sub0201_04_2 .subtxtt {font-size:16px; font-weight:300; color:#333333; line-height:140%;  text-align:center; margin:20px 0; }

.sub0201_04_3{ position:relative; width:100%; overflow:hidden; }
.sub0201_04_3 .subtxt { position:relative; width:1455px; margin:0 auto ; padding-top:140px; overflow:hidden; text-align:center;}
.sub0201_04_3 .subtxt li.t1 { font-size:53px; font-weight:700; color:#333333; line-height:140%; margin-bottom:70px;}
.sub0201_04_3 .subtxt li.t2 { position:relative; width:100%; margin-bottom:43px; background:#f0f0f0; padding:80px 70px 50px 70px; text-align:left; font-size:20px; box-sizing:border-box; font-weight:500; color:#333333; line-height:140%; }
.sub0201_04_3 .subtxt li.t2 div { position:relative; width:100%; margin-bottom:20px;box-sizing:border-box; padding-left:25px;}
.sub0201_04_3 .subtxt li.t2 div span {display:block; position:absolute; top:0; left:0; }
.sub0201_04_3 .subimg {position:relative; width:1455px; margin:0 auto ; margin-top:67px;}
.sub0201_04_3 .subimg li { position:relative; width:650px; float:left; }
.sub0201_04_3 .subimg li:first-child {margin-right:155px;}
.sub0201_04_3 .subimg li .con { font-size:24px; font-weight:300; }

.sub0201_04_4{ position:relative; width:100%; max-width:2000px; margin:0 auto; overflow:hidden; }
.sub0201_04_4 .subtxt { position:relative; width:1280px; margin:0 auto ; padding-top:140px; overflow:hidden; text-align:center;}
.sub0201_04_4 .subtxt li.t1 { font-size:53px; font-weight:700; color:#333333; line-height:140%; margin-bottom:47px;}
.sub0201_04_4 .subtxt li.t2 { font-size:24px; font-weight:300; color:#333333; line-height:140%; margin-bottom:76px;}
.sub0201_04_4 .subimg { position:relative; width:100%; margin:0 auto ; text-align:center; margin-bottom:273px;}
.sub0201_04_4 .subimg li { display:inline-block; margin:0 40px; }
.sub0201_04_4 .subimg li .con {font-size:28px; color:#333; margin-top:43px; font-weight:400;}

.sub0201_03_01 { background-image: url(/page_KR0/02_sub/images/0201_v.jpg); background-size: cover; background-attachment: fixed;  position: relative; width: 100%; height: 1040px; overflow: hidden;}
.sub0201_03_01 ul{position: absolute; top: 340px;  left: 220px;  margin-right: 15px;}
.sub0201_03_01 ul li .t1 {font-size: 100px; font-weight: 500; color: #fff; line-height:100%; font-family: "Times New Roman", Times, serif; margin-bottom:40px}
.sub0201_03_01 ul li .t2 {font-size: 40px; font-weight: 500; color: #fff; }

.sub0201_03_1 .imgs0504 {width:1280px; height:550px;margin: 0 auto;  background:url('/page_KR0/05_sub/images/imgs0504.jpg')no-repeat 0 0; text-align:center;}
.sub0201_03_1 .imgs0504 ul li .tit {  background:#ab7fc1; width:140px;  height:30px; border-radius:30px; color:#fff; line-height:30px; font-size:17px;  display: inline-block;  text-align:center; margin-bottom:10px;}
.sub0201_03_1 .imgs0504 ul li.t1 {position:absolute; top:100px; left:730px;}
.sub0201_03_1 .imgs0504 ul li.t2 {position:absolute; top:200px; left:710px;}
.sub0201_03_1 .imgs0504 ul li.t3 {position:absolute; top:300px; left:750px;}
.sub0201_03_1 .imgs0505 {width:1280px; height:600px;margin: 0 auto;  background:url('/page_KR0/05_sub/images/imgs0505.jpg')no-repeat 0 0; text-align:center;}

.sub0201_02 { position:relative; width:100%; max-width:2000px; margin:0 auto;  margin-bottom:120px;}
.sub0201_02 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1300px; padding-top:620px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0201_02 ul.subtxt { position:relative; width:1280px; margin:0 auto; padding-top:140px; overflow:hidden; }
.sub0201_02 ul.subtxt li.t1 { font-size:42px; font-weight:400; color:#222222; line-height:140%; letter-spacing:-1px;}
.sub0201_02 .bnaimg .sub0201txt { position:absolute; top:180px; right:-50px; width:550px; }
.sub0201_02 .bnaimg .sub0201txt dl { width:100%; margin-bottom:30px; }
.sub0201_02 .bnaimg .sub0201txt dl dt { width:100%; padding-bottom:40px; font-size:28px; font-weight:700; color:#471b56; line-height:100%; cursor:pointer; }
.sub0201_02 .bnaimg .sub0201txt dl dt span { font-size:16px; }
.sub0201_02 .bnaimg .sub0201txt dl dd { float:left; width:50%; height:64px; margin-bottom:20px; line-height:60px; font-size:22px; letter-spacing:-1px; font-weight:700; color:#000; padding-left:80px; box-sizing:border-box; }
.sub0201_02 .bnaimg .sub0201txt dl dd.t1 { background:url('/page_KR0/02_sub/images/0201icon1.jpg')no-repeat 0 0; }
.sub0201_02 .bnaimg .sub0201txt dl dd.t2 { background:url('/page_KR0/02_sub/images/0201icon2.jpg')no-repeat 0 0; }
.sub0201_02 .bnaimg .sub0201txt dl dd.t3 { background:url('/page_KR0/02_sub/images/0201icon3.jpg')no-repeat 0 0; }
.sub0201_02 .bnaimg .sub0201txt dl dd.t4 { background:url('/page_KR0/02_sub/images/0201icon4.jpg')no-repeat 0 0; }
.sub0201_02 .bnaimg .sub0201txt dl dd.t5 { background:url('/page_KR0/02_sub/images/0201icon5.jpg')no-repeat 0 0; }
.sub0201_02 .bnaimg .sub0201txt dl dd.t6 { background:url('/page_KR0/02_sub/images/0201icon6.jpg')no-repeat 0 0; }

.sub0201_02 .bnaimg .sub0201txt ul li.titletxt { width:100%; padding-bottom:10px; font-size:28px; font-weight:700; color:#471b56; line-height:100%; cursor:pointer; }
.sub0201_02 .bnaimg .sub0201txt ul li.titletxt span { font-size:16px; }
.sub0201_02 .bnaimg .sub0201txt ul li.t7 { float:none; width:100%; margin-bottom:40px; font-size:18px; font-weight:300; color:#000; box-sizing:border-box; }

.sub0201_02 .bnaimg .sub0201txt a.view_dt { display: inline-block; margin-top: 15px; font-size: 16px; font-weight: 500; color: #86643b; }


.sub0201_03 .subtxt{position:relative; width:1280px; margin:0 auto ; padding-top:140px; overflow:hidden; text-align:center;}
.sub0201_03 .subtxt .t1{font-size:53px; font-weight:700; color:#471b56; line-height:140%;}
.sub0201_03 { position:relative; width:100%; max-width:2000px; margin:80px auto 50px auto; padding-bottom:100px; background:url('/page_KR0/02_sub/images/sub0201_03bg.jpg')repeat-y 50% 0; }
.sub0201_03 .typetxtwarp { position:relative; width:100%; max-width:1460px; margin:0 auto; padding-top:100px; overflow:hidden; }
.sub0201_03 .typetxtwarp .typeimg { float:left; width:51%; margin-right:4% }
.sub0201_03 .typetxtwarp .typeimg img { width:100%; }
.sub0201_03 .typetxtwarp .typetxt { float:left; width:40%; }
.sub0201_03 .typetxtwarp .titletxt {margin-bottom:10px;}

.sub0201_03 .typetxtwarp .typetxt ul li.titletxt { width:100%; padding:50px 0 10px 0; font-size:28px; font-weight:700; color:#471b56; line-height:100%; cursor:pointer; }
.sub0201_03 .typetxtwarp .typetxt ul li.titletxt span { font-size:16px; }
.sub0201_03 .typetxtwarp .typetxt ul li.contxt { float:none; width:100%; margin-bottom:40px; font-size:18px; font-weight:300; color:#000; box-sizing:border-box; letter-spacing:-0.5px;}

.sub0201_03 .typetxtwarp .typetxt dl dt { width:100%; padding:50px 0 10px 0; font-size:28px; font-weight:700; color:#471b56; line-height:100%; cursor:pointer; }
.sub0201_03 .typetxtwarp .typetxt dl dt span { font-size:16px; }
.sub0201_03 .typetxtwarp .typetxt dl dd { float:left; width:50%; height:64px; margin-bottom:20px; line-height:60px; font-size:22px; letter-spacing:-1px; font-weight:700; color:#000; padding-left:80px; box-sizing:border-box; }
.sub0201_03 .typetxtwarp .typetxt dl dd.t1 { background:url('/page_KR0/02_sub/images/0201icon1.jpg')no-repeat 0 0; }
.sub0201_03 .typetxtwarp .typetxt dl dd.t2 { background:url('/page_KR0/02_sub/images/0201icon2.jpg')no-repeat 0 0; }
.sub0201_03 .typetxtwarp .typetxt dl dd.t3 { background:url('/page_KR0/02_sub/images/0201icon3.jpg')no-repeat 0 0; }
.sub0201_03 .typetxtwarp .typetxt dl dd.t4 { background:url('/page_KR0/02_sub/images/0201icon4.jpg')no-repeat 0 0; }
.sub0201_03 .typetxtwarp .typetxt dl dd.t5 { background:url('/page_KR0/02_sub/images/0201icon5.jpg')no-repeat 0 0; }
.sub0201_03 .typetxtwarp .typetxt dl dd.t6 { background:url('/page_KR0/02_sub/images/0201icon6.jpg')no-repeat 0 0; }


.sub0201_03title { font-size: 53px; font-weight: 700; color: #444; line-height: 140%; text-align:center; margin-top:100px;}
.sub0201_03 .subtxt{position:relative; width:1280px; margin:0 auto ; padding-top:140px; overflow:hidden; text-align:center;}
.sub0201_03 .subtxt .t1{font-size:53px; font-weight:700; color:#471b56; line-height:140%;}
.sub0201_03 { position:relative; width:100%; max-width:2000px; margin:80px auto 50px auto; padding-bottom:100px; background:url('/page_KR0/02_sub/images/sub0201_03bg.jpg')repeat-y 50% 0; }
.sub0201_03 .typetxtwarp { position:relative; width:100%; max-width:1460px; margin:0 auto; padding-top:100px; overflow:hidden; }
.sub0201_03 .typetxtwarp .typeimg { float:left; position:relative; width:51%; height:456px; margin-right:4%;  }
.sub0201_03 .typetxtwarp .typeimg div.i1{ position:absolute; top:0; left:0; width:100%; }
.sub0201_03 .typetxtwarp .typeimg div.i2 {opacity:0; animation: i2 5.0s infinite linear ; }
.sub0201_03 .typetxtwarp .typeimg img { width:100%; }
.sub0201_03 .typetxtwarp .typetxt { float:left; width:40%; }
.sub0201_03 .typetxtwarp .titletxt {margin-bottom:10px;}
@keyframes i2 {
  0% {
	opacity:0%;
  }
  100% {
	opacity:100%;
  }
}


.sub0205_11 { position:relative; width:100%; max-width:2000px; margin:80px auto 50px auto; padding-bottom:0; background:url('/page_KR0/02_sub/images/sub0201_03bg.jpg')repeat-y 50% 0; }

.sub0201_03 .typetxtwarp .imgbox img { width:100%; }

.sub0201_03_01 .typetxtwarp .typetxt ul li.titletxt { width:100%; padding:50px 0 10px 0; font-size:28px; font-weight:700; color:#471b56; line-height:100%; cursor:pointer; }
.sub0201_03_01 .typetxtwarp .typetxt ul li.titletxt span { font-size:16px; }
.sub0201_03_01 .typetxtwarp .typetxt ul li.contxt { float:none; width:100%; margin-bottom:40px; font-size:18px; font-weight:300; color:#000; box-sizing:border-box; }

.sub0201_03_01 .typetxtwarp .typetxt dl dt { width:100%; padding:50px 0 10px 0; font-size:28px; font-weight:700; color:#471b56; line-height:100%; cursor:pointer; }
.sub0201_03_01 .typetxtwarp .typetxt dl dt span { font-size:16px; }
.sub0201_03_01 .typetxtwarp .typetxt dl dd { float:left; width:50%; height:64px; margin-bottom:20px; line-height:60px; font-size:22px; letter-spacing:-1px; font-weight:700; color:#000; padding-left:80px; box-sizing:border-box; }
.sub0201_03_01 .typetxtwarp .typetxt dl dd.t1 { background:url('/page_KR0/02_sub/images/0201icon1.jpg')no-repeat 0 0; }
.sub0201_03_01 .typetxtwarp .typetxt dl dd.t2 { background:url('/page_KR0/02_sub/images/0201icon2.jpg')no-repeat 0 0; }
.sub0201_03_01 .typetxtwarp .typetxt dl dd.t3 { background:url('/page_KR0/02_sub/images/0201icon3.jpg')no-repeat 0 0; }
.sub0201_03_01 .typetxtwarp .typetxt dl dd.t4 { background:url('/page_KR0/02_sub/images/0201icon4.jpg')no-repeat 0 0; }
.sub0201_03_01 .typetxtwarp .typetxt dl dd.t5 { background:url('/page_KR0/02_sub/images/0201icon5.jpg')no-repeat 0 0; }
.sub0201_03_01 .typetxtwarp .typetxt dl dd.t6 { background:url('/page_KR0/02_sub/images/0201icon6.jpg')no-repeat 0 0; }

.target { position:relative; width:1280px; margin:0 auto; margin-top:66px; overflow:hidden; text-align:center; }
.target ul li {  }
.target ul li.targeticon { float:left; width:230px; height:238px; padding-top:140px; box-sizing:border-box; font-size:18px; font-weight:400; color:#373737; line-height:140%; }
.target ul li.line { float:left; width:1px; height:186px; background:#eaeaea; }

.target div.targettxt { padding-top:20px; font-size:16px; font-weight:300; clear:both; width:100%;  }

.target1 { background:url('/page_KR0/02_sub/images/0201icon_1.jpg')no-repeat 50% 0; }
.target2 { background:url('/page_KR0/02_sub/images/0201icon_2.jpg')no-repeat 50% 0; }
.target3 { background:url('/page_KR0/02_sub/images/0201icon_3.jpg')no-repeat 50% 0; }
.target4 { background:url('/page_KR0/02_sub/images/0201icon_4.jpg')no-repeat 50% 0; }
.target5 { background:url('/page_KR0/02_sub/images/0201icon_5.jpg')no-repeat 50% 0; }


.sub0201_05 { position:relative; width:100%; height:1130px; max-width:2000px; margin:0 auto; background:url('/page_KR0/02_sub/images/0201bg3.jpg')no-repeat 50% 0; background-size:cover; }
.sub0201_05 .subtxt { position:relative; width:1280px; margin:0 auto; }
.sub0201_05 .subtxt li.t1 { position:absolute; top:520px; right:30px; font-size:120px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:30px; }
.sub0201_05 .subtxt li.t2 { position:absolute; top:340px; right:0px; font-size:60px; font-weight:500; color:#fff; line-height:140%; margin-right: 15px; text-align:center; }

.sub0201_05.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0201_05.active .subtxt li.t2 { animation:fadeeffect ease-in-out 0.5s both 0.7s; }

.sub0205_08 { position:relative; width:100%; max-width:2000px; margin:0 auto;}
.sub0205_08 .subtxt { position:relative; width:1280px; margin:0 auto ; padding-top:140px; overflow:hidden; text-align:center;}
.sub0205_08 .subtxt li.t1 { font-size:53px; font-weight:700; color:#471b56; line-height:140%; margin-bottom:26px;}
.sub0205_08 .subtxt li.t2 { font-size:20px; font-weight:400; color:#333333; line-height:140%; margin-bottom:43px;}
.sub0205_08 .subimg { position:relative; width:100%; max-width:1230px; margin:0 auto ; overflow:hidden; }
.sub0205_08 .subimg li {float:left;}
.sub0205_08 .subimg li:first-child {float:left; margin-right:22px;}
.sub0205_08 .exsection {position:relative; width:900px; margin:0 auto; overflow:hidden; text-align:center; color:#fff; font-size:18px; margin-top:50px;}
.sub0205_08 .exsection ul li {position:relative; width:210px; float:left; height:210px; background:#615755;  border-radius:50%; margin-right:20px;}
.sub0205_08 .exsection ul li:last-child { margin-right:0;}
.sub0205_08 .exsection ul li div{margin-top:58px;} 

.sub0204_08 { position:relative; width:100%; max-width:2000px; margin:0 auto;}
.sub0204_08 .subtxt { position:relative; width:1280px; margin:0 auto ; padding-top:140px; overflow:hidden; text-align:center;}
.sub0204_08 .subtxt li.t1 { font-size:53px; font-weight:700; color:#471b56; line-height:140%; margin-bottom:26px;}
.sub0204_08 .subtxt li.t2 { font-size:20px; font-weight:400; color:#333333; line-height:140%; margin-bottom:43px;}
.sub0204_08 .subimg { position:relative; width:100%; max-width:920px; margin:0 auto ; overflow:hidden; }
.sub0204_08 .subimg li {float:left; text-align:center;}
.sub0204_08 .subimg li:first-child {float:left; margin-right:22px;}
.sub0204_08 .subimg li .con { font-size: 18px; font-weight: 400; color:#666666;margin-top: 10px;line-height: 150%;}
.sub0204_08 .subimg li .title { font-size: 24px; font-weight: 400; color:#333333;margin-top: 15px; margin-bottom: 10px;}
.sub0204_08 .subimg li .title span { font-weight: 700; color:#471b56;}

.sub0204_08 .img {position:relative; width:1280px; margin:0 auto;}

.sub0205_09 .subtxt{position:relative; width:1280px; margin:0 auto ; padding-top:140px; overflow:hidden; text-align:center;}
.sub0205_09 .subtxt .t1{font-size:53px; font-weight:700; color:#471b56; line-height:140%;}
.sub0205_09 { position:relative; width:100%; max-width:2000px; margin:80px auto 50px auto; padding-bottom:100px; background:url('/page_KR0/02_sub/images/sub0201_03bg.jpg')repeat-y 50% 0; }
.sub0205_09 .typetxtwarp { position:relative; width:100%; max-width:1460px; margin:0 auto; padding-top:100px; overflow:hidden; }
.sub0205_09 .typetxtwarp .typeimg { float:left; width:51%; margin-right:4% }
.sub0205_09 .typetxtwarp .typeimg img { width:100%; }
.sub0205_09 .typetxtwarp .typetxt { float:left; width:40%; }
.sub0205_09 .typetxtwarp .titletxt {margin-bottom:10px;}
.sub0205_09 .typetxtwarp .typetxt ul li.titletxt { width:100%; padding:50px 0 10px 0; font-size:28px; font-weight:700; color:#471b56; line-height:100%; cursor:pointer; }
.sub0205_09 .typetxtwarp .typetxt ul li.titletxt span { font-size:16px; }
.sub0205_09 .typetxtwarp .typetxt ul li.contxt { float:none; width:100%; margin-bottom:40px; font-size:18px; font-weight:300; color:#000; box-sizing:border-box; letter-spacing:-0.5px;}

.sub0205_10 {position:relative; width:1280px; margin:0 auto ; padding-top:140px; overflow:hidden; text-align:center;}
.sub0205_10 .tittxt {position: relative; font-size: 62px; color: #471b56; line-height: 1; font-family: "Times New Roman", Times, serif; margin-bottom:70px; }
.sub0205_10 .befaft {width:1258px; margin:0 auto;}
.sub0205_10 .befaft ul {margin-bottom:100px;}
.sub0205_10 .befaft li {text-align:center; font-size:20px; font-weight:500; margin:20px 0 40px 0;} 
.sub0205_10 .befaft li p {margin-top:5px;}
.sub0205_10 .befaft .case {text-align:center; font-size:22px; font-weight:600; margin:20px 0 15px 0; color:#471b56;}  


.sub0201_03 .typetxtwarp .typetxt ul li.titletxt { width:100%; padding:50px 0 10px 0; font-size:28px; font-weight:700; color:#471b56; line-height:100%; cursor:pointer; }
.sub0201_03 .typetxtwarp .typetxt ul li.titletxt span { font-size:16px; }
.sub0201_03 .typetxtwarp .typetxt ul li.contxt { float:none; width:100%; margin-bottom:40px; font-size:18px; font-weight:300; color:#000; box-sizing:border-box; letter-spacing:-0.5px;}

.sub0205_11 .typetxtwarp .typetxt ul li.titletxt { width:100%; padding:0; font-size:28px; font-weight:700; color:#471b56; line-height:100%; cursor:pointer; }

.sub0201_06 { position:relative; width:100%; height:1150px; max-width:2000px; margin:0 auto; background:#471b56; }
.sub0201_06 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1250px; padding-top:520px; border-right:1px solid #6c5673; text-align:center; box-sizing:border-box; z-index:2; }
.sub0201_06 .subtxtwrap { position:relative; width:1280px; margin:0 auto; }
.sub0201_06 .subtxtwrap ul.subtxt li.title { position:relative; padding-top:178px; font-size:62px; color:#ffffff; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0201_06 .subtxtwrap ul.subtxt li.con { position:relative; padding-top:20px; font-size:24px; font-weight:400; color:#ffffff; line-height:200%; }
.sub0201_06 .subtxtwrap ul.subtxt li.con2 { position:relative; padding-top:20px; font-size:17px; font-weight:100; color:#ffffff; line-height:220%; }
.sub0201_06 .subtxtwrap ul.subtxt li.imgs1 { position:absolute; top:487px; left:348px; }
.sub0201_06 .subtxtwrap ul.subtxt li.imgs2 { position:absolute; top:315px; left:673px; }
.sub0201_06 .subtxtwrap ul.subtxt li.imgs3 { position:absolute; top:693px; left:187px; }
.sub0201_06 .subtxtwrap ul.subtxt li.imgs4 { position:absolute; top:693px; left:527px; }
.sub0201_06 .subtxtwrap ul.subtxt li.imgs5 { position:absolute; top:465px; left:1036px; }
.sub0201_06.active .subtxtwrap ul.subtxt li.title { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0201_06.active .subtxtwrap ul.subtxt li.con { animation:fadeup ease-in-out 0.5s both 0.6s; }
.sub0201_06.active .subtxtwrap ul.subtxt li.imgs { animation:fadeup ease-in-out 0.5s both 0.9s; }
.sub0201_06.active .subtxtwrap div.subtxt2 { animation:faderight ease-in-out 0.5s both 1.2s; }


.sub0202_01 { position:relative; width:100%; height:1042px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/02_sub/images/0202bg1.jpg')no-repeat 50% 0; background-size:cover; }
.sub0202_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0202_01 ul.subtxt { position:relative; width:100%; max-width:1380px; margin:0 auto; text-align:left; }
.sub0202_01 ul.subtxt li.title { padding-top:430px;  font-size:60px; font-weight:500; color:#471b56; line-height:130%; letter-spacing:-1px; }
.sub0202_01 ul.subtxt li.con { padding-top:20px;  font-size:22px; font-weight:500; color:#5c5c5c; line-height:170%; letter-spacing:-1px; }

.sub0202_01.active ul.subtxt li.title { animation:fadeup ease-in-out 0.6s both 0.5s; }
.sub0202_01.active ul.subtxt li.con { animation:fadeup ease-in-out 0.6s both 0.8s; }


.sub0205_02 { position:relative; width:100%; height:1130px; max-width:2000px; margin:0 auto; background:url('/page_KR0/02_sub/images/0205_02.jpg')no-repeat 50% 0; background-size:cover; }
.sub0205_02 .subtxt { position:relative; width:1280px; margin:0 auto; }
.sub0205_02 .subtxt li.t1 { position:absolute; top:640px; right:45px;}
.sub0205_02 .subtxt li.t2 { position:absolute; top:340px; right:94px; font-size:60px; font-weight:500; color:#fff; line-height:140%; text-align:center; }
.sub0205_02 .subtxt li.t3 { position:absolute; top:500px; right:72px; font-size:60px; font-weight:500; color:#fff; line-height:140%; text-align:center; }
.sub0205_02 .subtxt li.x252 { position:absolute; top:408px; right:176px; font-size:60px; font-weight:500; color:#fff; line-height:140%; text-align:center; }

.sub0205_02.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0205_02.active .subtxt li.t2 { animation:fadeeffect ease-in-out 0.5s both 0.7s; }

.sub0202_02 .bnaimg .imageReveal-drag{ background-image: url('/images/sub/bnf_bt.png'); position: absolute; top: 0; left:331px; z-index:4; }
.sub0202_02 .bnaimg .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/images/sub/before2.jpg') !important; background-repeat:no-repeat;}
.sub0202_02 .bnaimg .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/images/sub/after2.jpg') !important; background-repeat:no-repeat;}


.sub0202_03 { position:relative; width:100%; height:880px; max-width:2000px; margin:0 auto; background:url('/page_KR0/02_sub/images/0202bg2.jpg')no-repeat 50% 0; background-size:cover; }
.sub0202_03bg { position:absolute; top:0px; left:0px; width:40%; height:100%; background-color: rgba( 44, 16, 50, 0.7 ); }
.sub0202_03 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #412a44; text-align:center; box-sizing:border-box; }
.sub0202_03 .subtxt { position:relative; width:100%; max-width:1480px; height:880px; margin:0 auto; text-align:left; }
.sub0202_03 .subtxt li.t1 { padding-top:280px; font-size:60px; color:#fff; line-height:140%; letter-spacing:0; font-weight:500; }
.sub0202_03 .subtxt li.t2 {font-size: 72px; font-weight: 500; color: #fff; line-height: 100%; font-family: "Times New Roman", Times, serif; margin-top: 40px;     letter-spacing: 20px;}

.sub0202_05 { position:relative; width:100%; height:1270px; max-width:2000px; margin:0 auto; background:#471b56; background-size:cover; }
.sub0202_05 .subtxt { position:relative; width:1280px; height:1270px; margin:0 auto; text-align:left; }
.sub0202_05 .subtxt li.t1 { padding-top:440px; padding-left:80px; font-size:120px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:40px; }
.sub0202_05 .subtxt li.t2 { padding-top:30px; padding-left:80px; font-size:26px; font-weight:300; color:#fff; line-height:100%;}
.sub0202_05 .subtxt li.t3 { padding-top:30px; padding-left:80px; font-size:70px; font-weight:700; color:#fff; line-height:100%;}
.sub0202_05 .subtxt li.t3 span { font-size:30px; font-weight:300; }
.sub0202_05bg { position:absolute; top:0; left:365px; width:1227px; height:1253px;}
.sub0202_3 {margin-top:130px;}
.sub0202_3 .subtxt {padding-top: 70px;}
.sub0202_14 {margin-bottom:130px;}




.sub0202_06 { position:relative; width:100%; height:960px; max-width:2000px; margin:0 auto; background:url('/page_KR0/02_sub/images/0202bg4.jpg')no-repeat 50% 0; background-size:cover; }
.sub0202_06 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:960px; padding-top:420px; border-right:1px solid #464646; text-align:center; box-sizing:border-box; z-index:2; }
.sub0202_06 .subtxtwrap { position:relative; width:1280px; margin:0 auto; }
.sub0202_06 .subtxtwrap ul { position:absolute; top:310px; right:0px; width:610px; text-align:left; }
.sub0202_06 .subtxtwrap ul.subtxt li.title { position:relative; font-size:62px; color:#471b56; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0202_06 .subtxtwrap ul.subtxt li.con { position:relative; padding-top:20px; font-size:22px; font-weight:400; color:#000; line-height:100%; }
.sub0202_06 .subtxtwrap ul.subtxt li.con2 { position:relative; padding-top:40px; font-size:18px; font-weight:100; color:#5c5c5c; line-height:210%; }

.sub0202_06.active .subtxtwrap ul.subtxt li.title { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0202_06.active .subtxtwrap ul.subtxt li.con { animation:fadeup ease-in-out 0.5s both 0.6s; }


.sub0203_01 { position:relative; width:100%; height:1042px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/02_sub/images/0203bg1.jpg')no-repeat 150px 0; }
.sub0203_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0203_01 ul.subtxt { position:relative; width:100%; max-width:1380px; margin:0 auto; text-align:left; }
.sub0203_01 ul.subtxt li.title { padding-top:330px;  font-size:60px; font-weight:500; color:#471b56; line-height:130%; letter-spacing:-1px; }

.sub0203_01.active ul.subtxt li.title { animation:fadeup ease-in-out 0.6s both 0.5s; }
.sub0203_01.active ul.subtxt li.con { animation:fadeup ease-in-out 0.6s both 0.8s; }

.sub0203_02 .bnaimg2 { width:767px; }
.sub0203_02 .bnaimg .imageReveal-drag{ background-image: url('/images/sub/bnf_bt.png'); position: absolute; top: 0; left:331px; z-index:4; }
.sub0203_02 .bnaimg .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/images/sub/before3.jpg') !important; background-repeat:no-repeat;}
.sub0203_02 .bnaimg .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/images/sub/after3.jpg') !important; background-repeat:no-repeat;}

.sub0203_03 { position:relative; width:100%; height:880px; max-width:2000px; margin:0 auto; background:url('/page_KR0/02_sub/images/0203bg2.jpg')no-repeat 50% 0; background-size:cover; }
.sub0203_03bg { position:absolute; top:0px; left:0px; width:40%; height:100%; background-color: rgba( 44, 16, 50, 0.7 ); }
.sub0203_03 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #412a44; text-align:center; box-sizing:border-box; }
.sub0203_03 .subtxt { position:relative; width:100%; max-width:1480px; height:880px; margin:0 auto; text-align:left; }
.sub0203_03 .subtxt li.t1 { padding-top:400px; font-size:40px; color:#fff; line-height:140%; letter-spacing:20; font-weight:500; }
.sub0203_03.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }

.sub0204_bna .bnaimg2 { width:767px; }
.sub0204_bna .bnaimg .imageReveal-drag{ background-image: url('/images/sub/bnf_bt.png'); position: absolute; top: 0; left:331px; z-index:4; }
.sub0204_bna .bnaimg .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/images/sub/before9.jpg') !important; background-repeat:no-repeat;}
.sub0204_bna .bnaimg .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/images/sub/after9.jpg') !important; background-repeat:no-repeat;}

.sub0204_05_bna .bnaimg2 { width:767px; }
.sub0204_05_bna .bnaimg .imageReveal-drag{ background-image: url('/images/sub/bnf_bt.png'); position: absolute; top: 0; left:331px; z-index:4; }
.sub0204_05_bna .bnaimg .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/images/sub/before_01.jpg') !important; background-repeat:no-repeat;}
.sub0204_05_bna .bnaimg .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/images/sub/after_01.jpg') !important; background-repeat:no-repeat;}

.sub0204_06_bna .bnaimg2 { width:767px; }
.sub0204_06_bna .bnaimg .imageReveal-drag{ background-image: url('/images/sub/bnf_bt.png'); position: absolute; top: 0; left:331px; z-index:4; }
.sub0204_06_bna .bnaimg .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/images/sub/before_02.jpg') !important; background-repeat:no-repeat;}
.sub0204_06_bna .bnaimg .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/images/sub/after_02.jpg') !important; background-repeat:no-repeat;}

.sub0204_07_bna .bnaimg2 { width:767px; }
.sub0204_07_bna .bnaimg .imageReveal-drag{ background-image: url('/images/sub/bnf_bt.png'); position: absolute; top: 0; left:331px; z-index:4; }
.sub0204_07_bna .bnaimg .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/images/sub/before_03.jpg') !important; background-repeat:no-repeat;}
.sub0204_07_bna .bnaimg .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/images/sub/after_03.jpg') !important; background-repeat:no-repeat;}

.sub0204_08_bna .bnaimg2 { width:767px; }
.sub0204_08_bna .bnaimg .imageReveal-drag{ background-image: url('/images/sub/bnf_bt.png'); position: absolute; top: 0; left:331px; z-index:4; }
.sub0204_08_bna .bnaimg .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/images/sub/before_04.jpg') !important; background-repeat:no-repeat;}
.sub0204_08_bna .bnaimg .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/images/sub/after_04.jpg') !important; background-repeat:no-repeat;}


.bnawrap { position:relative; width:1280px; height:498px; margin:0 auto; overflow:hidden; }
.bnawrap div.liftingslide4:nth-child(1) { position:absolute; top:0px; left:0px; width:390px; overflow:hidden; }
.bnawrap div.liftingslide4:nth-child(2) { position:absolute; top:0px; left:445px; width:390px; overflow:hidden; }
.bnawrap div.liftingslide4:nth-child(3) { position:absolute; top:0px; right:0px; width:390px; overflow:hidden; }

.sub0204_06_bna { position:relative; width:390px; }
.sub0204_06_bna .newbnf { position:relative; width:390px; text-align:center; }
.sub0204_06_bna .newbnf .imageReveal-drag{ background: url('/images/sub/bnf_bt_02.png')no-repeat 50% -100px; position: absolute; top: 0; left:142px; z-index:4; }
.sub0204_06_bna .newbnf .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/images/sub/before_10_02.jpg') !important; background-repeat:no-repeat;}
.sub0204_06_bna .newbnf .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/images/sub/after_02_02s.jpg') !important; background-repeat:no-repeat;}

.sub0204_08_bna { position:relative; width:390px; }
.sub0204_08_bna .newbnf { position:relative; width:390px; text-align:center; }
.sub0204_08_bna .newbnf .imageReveal-drag{ background: url('/images/sub/bnf_bt_02.png')no-repeat 50% -100px; position: absolute; top: 0; left:142px; z-index:4; }
.sub0204_08_bna .newbnf .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/images/sub/before_10_03.jpg') !important; background-repeat:no-repeat;}
.sub0204_08_bna .newbnf .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/images/sub/after_04_02s.jpg') !important; background-repeat:no-repeat;}

.sub0204_07_bna { position:relative; width:390px; }
.sub0204_07_bna .newbnf { position:relative; width:390px; text-align:center; }
.sub0204_07_bna .newbnf .imageReveal-drag{ background: url('/images/sub/bnf_bt_02.png')no-repeat 50% -100px; position: absolute; top: 0; left:142px; z-index:4; }
.sub0204_07_bna .newbnf .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/images/sub/before_03_02s.jpg') !important; background-repeat:no-repeat;}
.sub0204_07_bna .newbnf .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/images/sub/after_03_02s.jpg') !important; background-repeat:no-repeat;}

.sub0204_05_bna { position:relative; width:390px; margin:0 auto; }
.sub0204_05_bna .newbnf { position:relative; width:390px; text-align:center; }
.sub0204_05_bna .newbnf .imageReveal-drag{ background: url('/images/sub/bnf_bt_02.png')no-repeat 50% -100px; position: absolute; top: 0; left:142px; z-index:4; }
.sub0204_05_bna .newbnf .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/images/sub/before_01_02s.jpg') !important; background-repeat:no-repeat;}
.sub0204_05_bna .newbnf .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/images/sub/after_01_02s.jpg') !important; background-repeat:no-repeat;}

.liftingslide5 { position:relative; width:844px; height:1168px; margin:0 auto; }
.liftingslide5 ul:nth-child(1) { position:absolute; top:0px; left:0px; width:390px; height:510px; overflow:hidden;  }
.liftingslide5 ul:nth-child(2) { position:absolute; top:0px; right:0px; width:390px; height:510px; overflow:hidden;  }
.liftingslide5 ul:nth-child(3) { position:absolute; top:498px; left:0px; width:390px; height:510px; overflow:hidden;  }
.liftingslide5 ul:nth-child(4) { position:absolute; top:498px; right:0px; width:390px; height:510px; overflow:hidden;  }


.sub0203_04 { position:relative; width:100%; height:1278px; max-width:2000px; margin:0 auto; background:#471b56; }

.sub0203_04 .subtxt { position:relative; width:1280px; height:1130px; margin:0 auto; text-align:left; }
.sub0203_04 .subtxt ul { position:absolute; top:510px; right:5%; width:547px; height:531px; }
.sub0203_04 .subtxt li.t1 {font-size:150px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:130; }
.sub0203_04 .subtxt li.t2 { padding-top:30px; font-size:26px; font-weight:500; color:#fff; line-height:150%; letter-spacing:-1px; }
.sub0203_04 .subtxt li.t3 { padding-top:30px; font-size:150px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:130;  }
.sub0203_04bg { position:absolute; bottom:0px; right:720px; width:1172px; height:1140px; }

.sub0203_04.active .subtxt li.imgs { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0203_04.active li.imgtxt { animation:fadeeffect ease-in-out 0.5s both 0.7s; }


.sub0203_06 { position:relative; width:100%; height:1150px; max-width:2000px; margin:0 auto; background:url('/page_KR0/02_sub/images/0203bg5.jpg')no-repeat -100px 0; }
.sub0203_06 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1250px; padding-top:520px; border-right:1px solid #e5e3e3; text-align:center; box-sizing:border-box; z-index:2; }
.sub0203_06 .subtxtwrap { position:relative; width:1280px; margin:0 auto; }
.sub0203_06 .subtxtwrap ul { position:absolute; top:430px; right:0px; width:610px; text-align:left; }
.sub0203_06 .subtxtwrap ul.subtxt li.title { position:relative; font-size:62px; color:#471b56; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0203_06 .subtxtwrap ul.subtxt li.con { position:relative; padding-top:20px; font-size:22px; font-weight:400; color:#000; line-height:100%; }
.sub0203_06 .subtxtwrap ul.subtxt li.con2 { position:relative; padding-top:40px; font-size:18px; font-weight:100; color:#5c5c5c; line-height:250%; }

.sub0203_06.active .subtxtwrap ul.subtxt li.title { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0203_06.active .subtxtwrap ul.subtxt li.con { animation:fadeup ease-in-out 0.5s both 0.6s; }


.sub0204_01 { position:relative; width:100%; height:1042px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/02_sub/images/0204bg1.jpg')no-repeat 50% 0; }
.sub0204_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0204_01 ul.subtxt { position:relative; width:100%; max-width:1480px; margin:0 auto; text-align:left; }
.sub0204_01 ul.subtxt li.title { position:absolute; top:430px; left:0px; font-size:60px; font-weight:500; color:#471b56; line-height:130%; letter-spacing:-1px; }
.sub0204_01 ul.subtxt li.con { position:absolute; top:460px; right:0px; font-size:22px; font-weight:500; color:#5c5c5c; line-height:180%; letter-spacing:-1px; }

.sub0204_01.active ul.subtxt li.title { animation:fadeup ease-in-out 0.6s both 0.5s; }
.sub0204_01.active ul.subtxt li.con { animation:fadeup ease-in-out 0.6s both 0.8s; }

.sub0204_02 { position:relative; width:100%; height:1300px; max-width:2000px; margin:0 auto; background:url('/page_KR0/06_sub/images/0601bg2.jpg')no-repeat 50% 370px; }
.sub0204_02 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1300px; padding-top:620px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0204_02 ul.subtxt { position:relative; width:1280px; height:190px; margin:0 auto; padding-top:140px; }
.sub0204_02 ul.subtxt li.t1 { position:absolute; top:140px; left:0px; font-size:48px; font-weight:400; color:#222222; line-height:140%; }
.sub0204_02 ul.subtxt li.t2 { position:absolute; top:218px; left:38%; font-size:48px; font-weight:100; color:#222222; line-height:100%; }
.sub0204_02 ul.subtxt li.t3 { position:absolute; top:140px; left:570px; font-size:48px; font-weight:400; color:#222222; line-height:140%;  }

.sub0204_02 .bnaimg { position:relative; width:1280px; margin:0 auto; }
.sub0204_02 .bnaimg .bnaslide { position:relative; left:0px; width:767px; height:450px;}
.tab0201_1 {width:767px; height:450px; background-image: url('/page_KR0/02_sub/images/0204_tab_01.jpg') !important; background-repeat:no-repeat; }
.tab0201_2 {width:767px; height:450px; background-image: url('/page_KR0/02_sub/images/0204_tab_02.jpg') !important; background-repeat:no-repeat; }
.tab0201_3 {width:767px; height:450px; background-image: url('/page_KR0/02_sub/images/0204_tab_03.jpg') !important; background-repeat:no-repeat; }
.tab0201_4 {width:767px; height:450px; background-image: url('/page_KR0/02_sub/images/0204_tab_04.jpg') !important; background-repeat:no-repeat; }
.tab0201_5 {width:767px; height:450px; background-image: url('/page_KR0/02_sub/images/0204_tab_05.jpg') !important; background-repeat:no-repeat; }
.tab0201_6 {width:767px; height:450px; background-image: url('/page_KR0/02_sub/images/0204_tab_06.jpg') !important; background-repeat:no-repeat; }


.sub0204_02 .bnaimg .bnatxt { position:absolute; top:220px; right:0px; width:440px; }
.sub0204_02 .bnaimg .bnatxt dl { width:100%; margin-bottom:30px; }
.sub0204_02 .bnaimg .bnatxt dl dt { font-size:28px; font-weight:700; color:#000; line-height:100%; cursor:pointer; }
.sub0204_02 .bnaimg .bnatxt dl dt span { display:none; width:32px; height:32px; margin-left:4px; font-size:30px; font-weight:500; color:#fff; text-align:center; line-height:28px; box-sizing:border-box; background:#471b56; border-radius:100%; }
.sub0204_02 .bnaimg .bnatxt dl dd {  display:none; padding-top:10px; font-size:20px; font-weight:200; color:#4d3c3c; line-height:140%; }
.sub0204_02 .bnaimg .bnatxt dl.on dt { color:#471b56; }
.sub0204_02 .bnaimg .bnatxt dl.on dt span { display:inline-block; }
.sub0204_02 .bnaimg .bnatxt dl.on dd { display:block; }

.sub0204_03 { position:relative; width:100%; height:880px; max-width:2000px; margin:0 auto; background:url('/page_KR0/02_sub/images/0204bg2.jpg')no-repeat 50% 0; background-size:cover; }
.sub0204_03 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:880px; padding-top:420px; border-right:1px solid #444; text-align:center; box-sizing:border-box; }
.sub0204_03 .subtxt { position:relative; width:100%; max-width:1480px; height:880px; margin:0 auto; text-align:left; }
.sub0204_03 .subtxt li.t1 { padding-top:296px; font-size:60px; color:#fff; line-height:140%; letter-spacing:0; font-weight:500; }
.sub0204_03 .subtxt li.t2 { position: absolute; font-size: 80px; color: #fff;line-height: 1; font-family: "Times New Roman", Times, serif; letter-spacing: 30px;}
.sub0204_03.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }


.sub0204_04 { position:relative; width:100%; height:1278px; max-width:2000px; margin:0 auto; background:#471b56; }
.sub0204_04 .sub0204_04bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/02_sub/images/0204bg4.jpg')no-repeat 50% 226px; }
.sub0204_04 .subtxt { position:relative; top:500px; width:1280px; margin:0 auto; text-align:center; }

.sub0204_04.active .subtxt li.imgs { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0204_04.active li.imgtxt { animation:fadeeffect ease-in-out 0.5s both 0.7s; }

.sub0206_4 {position:relative; width:100%; height:880px; max-width:2000px; margin:0 auto; background:url('/page_KR0/02_sub/images/0206_4.jpg')no-repeat 50% 0; background-size:cover;}
.sub0206_4 .subimg {width:1280px; margin: 0 auto;}
.sub0206_4 .subimg img {width:1280px; margin-top:32px;}



.sub0301_01 { position:relative; width:100%; height:1042px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/03_sub/images/0301bg1.jpg')no-repeat 100% 0; }
.sub0301_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0301_01 ul.subtxt { position:relative; width:100%; max-width:1380px; margin:0 auto; text-align:left; }
.sub0301_01 ul.subtxt li.title { position:absolute; top:330px; left:0px; font-size:60px; font-weight:500; color:#471b56; line-height:130%; letter-spacing:-1px; }

.sub0301_01.active ul.subtxt li.title { animation:fadeup ease-in-out 0.6s both 0.5s; }
.sub0301_01.active ul.subtxt li.con { animation:fadeup ease-in-out 0.6s both 0.8s; }

.sub0301_02 { position:relative; width:100%; height:880px; max-width:2000px; margin:0 auto; background:url('/page_KR0/03_sub/images/0301bg2.jpg')no-repeat 50% 0; background-size:cover; }
.sub0301_02bg { position:absolute; top:0px; left:0px; width:40%; height:100%; background-color: rgba( 44, 16, 50, 0.7 ); }
.sub0301_02 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:880px; padding-top:420px; border-right:1px solid #412a44; text-align:center; box-sizing:border-box; }
.sub0301_02 .subtxt { position:relative; width:100%; max-width:1480px; height:880px; margin:0 auto; text-align:left; }
.sub0301_02 .subtxt li.t1 { padding-top:380px; font-size:40px; color:#fff; line-height:140%; letter-spacing:4; font-weight:500; }


.sub0306_02 { position:relative; width:100%; height:880px; max-width:2000px; margin:0 auto; background:url('/page_KR0/03_sub/images/0306_02bg.jpg')no-repeat 50% 0; background-size:cover; }
.sub0306_02bg { position:absolute; top:0px; left:0px; width:40%; height:100%; background-color: rgba( 44, 16, 50, 0.7 ); }
.sub0306_02 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:880px; padding-top:420px; border-right:1px solid #412a44; text-align:center; box-sizing:border-box; }
.sub0306_02 .subtxt { position:relative; width:100%; max-width:1480px; height:880px; margin:0 auto; text-align:left; }
.sub0306_02 .subtxt li.t1 { padding-top:380px; font-size:40px; color:#fff; line-height:140%; letter-spacing:4; font-weight:500; }


.sub0308_02 { position:relative; width:100%; height:880px; max-width:2000px; margin:0 auto; background:url('/page_KR0/03_sub/images/0308_02bg.jpg')no-repeat 50% 0; background-size:cover; }
.sub0308_02 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:880px; padding-top:420px; border-right:1px solid #412a44; text-align:center; box-sizing:border-box; }
.sub0308_02 .subtxt { position:relative; width:100%; max-width:1480px; height:880px; margin:0 auto; text-align:right; }
.sub0308_02 .subtxt li.t1 { padding-top:380px; font-size:40px; color:#fff; line-height:140%; letter-spacing:4; font-weight:500; }


.sub0301_03 { position:relative; width:100%; height:1270px; max-width:2000px; margin:0 auto; background:#471b56; background-size:cover; }
.sub0301_03 .subtxt { position:relative; width:1200px; margin:0 auto; text-align:left; }
.sub0301_03 .subtxt li.t1 { padding-top:416px; padding-left:50px; font-size:120px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:40px; }
.sub0301_03 .subtxt li.t2 { padding-top:30px; padding-left:50px; font-size:28px; font-weight:300; color:#fff; line-height:180%;}
.sub0301_03bg { position:absolute; top:0; left:700px; width:1162px; height:1141px; }

.sub0301_03.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0301_03.active .subtxt li.t2 { animation:fadeeffect ease-in-out 0.5s both 0.7s; }

.sub0101_03_2 { position:relative; width:1280px; padding-top:30px; margin:0 auto; text-align:center; font-size:14px; font-weight:100; color:#777; }

.sub0301_04 { position:relative; width:100%; height:1150px; max-width:2000px; margin:0 auto; background:#f5f5f5; overflow:hidden;}
.sub0301_04 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1150px; padding-top:520px; border-right:1px solid #e4e3e2; text-align:center; box-sizing:border-box; z-index:2; }
.sub0301_04 .subtxtwrap { position:relative; width:100%; max-width:1480px; min-width:1280px; margin:0 auto; }
.sub0301_04 .subtxtwrap ul.subtxt li.title { position:relative; padding-top:178px; font-size:62px; color:#471b56; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0301_04 .subtxtwrap ul.subtxt li.con { position:relative; padding-top:20px; font-size:24px; font-weight:700; color:#373737; line-height:150%; }
.sub0301_04 .subtxtwrap ul.subtxt li.con2 { position:relative; width:400px; padding-top:20px; font-size:17px; font-weight:400; color:#5c5c5c; line-height:170%; }
.con2 span { color:#000; font-size:20px; font-family: "Times New Roman", Times, serif; font-weight:500; }
.sub0301_04 .subtxtwrap ul.subtxt li.imgs1 { position:absolute; top:308px; right:664px; background:#000; width:302px; height:186px; }
.sub0301_04 .subtxtwrap ul.subtxt li.imgs2 { position:absolute; top:210px; right:302px; background:#000; width:349px; height:176px;}
.sub0301_04 .subtxtwrap ul.subtxt li.imgs3 { position:absolute; top:507px; right:664px; background:#000; width:302px; height:194px;}
.sub0301_04 .subtxtwrap ul.subtxt li.imgs4 { position:absolute; top:403px; right:302px;background:#000; width:349px; height:299px; }
.sub0301_04 .subtxtwrap ul.subtxt li.imgs5 { position:absolute; top:402px; right:0px; background:#000; width:288px; height:361px;}
.sub0301_04 .subtxtwrap ul.subtxt li.imgs6 { position:absolute; top:713px; right:808px;background:#000;  width:328px; height:176px;}
.sub0301_04 .subtxtwrap ul.subtxt li.imgs7 { position:absolute; top:713px; right:302px;background:#000; width:495px; height:314px; }
.sub0301_04 .subtxtwrap ul.subtxt li.imgs8 { position:absolute; top:774px; right:0px; background:#000; width:288px; height:197px;}
.sub0301_04 .subtxtwrap ul.subtxt li.imgs9 { position:absolute; top:174px; right:302px; background:#000; width:349px; height:217px;}
.sub0301_04 .subtxtwrap ul.subtxt li.imgs img {  opacity:0.5; }
.sub0301_04 .subtxtwrap ul.subtxt li.imgs:hover img { background:#000; opacity:1; }



.sub0301_05 { position:relative; width:100%; max-width:2000px; margin:0 auto; background:#fff; }
.sub0301_05 .subtxtwrap { position:relative; width:100%; max-width:1480px; min-width:1280px; margin:0 auto; text-align:center; }
.sub0301_05 .subtxtwrap ul.subtxt li.title { position:relative; padding-top:178px; font-size:62px; color:#471b56; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0301_05 .subtxtwrap ul.subtxt li.con { position:relative; padding-top:20px; font-size:34px; font-weight:700; color:#373737; line-height:150%; }
.sub0301_05 .subtxtwrap ul.subtxt li.con2 { position:relative; padding-top:20px; font-size:17px; font-weight:100; color:#5c5c5c; line-height:170%; }
.img-box { position:relative; width:1280px; margin:0 auto; padding-top:50px; text-align:center; }
.img-box ul { display:inline-block; vertical-align:top; margin:0 6px; }
.img-box ul li.txt {padding-top:10px; font-size:17px; font-weight:100; color:#5c5c5c; line-height:170%; }

.sub0301_07 { position:relative; width:100%; max-width:2000px; padding-bottom:100px; margin:0 auto; background:#fff; }
.sub0301_07 .subtxtwrap { position:relative; width:100%; max-width:1280px; min-width:1280px; margin:0 auto; overflow:hidden; }
.sub0301_07 .subtxtwrap ul.subtxt { float:left; width:534px; padding-top:178px; }
.sub0301_07 .subtxtwrap ul.boxtxt { float:right; margin-top:150px; }
.sub0301_07 .subtxtwrap ul.subtxt li.title { position:relative; font-size:62px; color:#471b56; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0301_07 .subtxtwrap ul.subtxt li.con { position:relative; padding-top:20px; font-size:33px; font-weight:700; color:#373737; line-height:150%; }
.sub0301_07 .subtxtwrap ul.subtxt li.con2 { position:relative; padding-top:20px; font-size:17px; font-weight:100; color:#5c5c5c; line-height:170%; }
.sub0301_07 .subtxtwrap ul.subtxt li.txticon { width:100%; padding-top:40px; text-align:center; font-size:15px; font-weight:500; color:#787878; }
.sub0301_07 .subtxtwrap ul.subtxt li.txticon span.icon01 { display:block; float:left; width:174px; padding-top:126px; background:url('/page_KR0/02_sub/images/icon01.jpg')no-repeat 50% 0; }
.sub0301_07 .subtxtwrap ul.subtxt li.txticon span.icon02 { display:block; float:left; width:174px; padding-top:126px; background:url('/page_KR0/02_sub/images/icon02.jpg')no-repeat 50% 0; }
.sub0301_07 .subtxtwrap ul.subtxt li.txticon span.icon03 { display:block; float:left; width:174px; padding-top:126px; background:url('/page_KR0/02_sub/images/icon03.jpg')no-repeat 50% 0; }

.sub0301_07 .subtxtwrap ul.boxtxt li { padding-top:80px; }

.sub0301_07 .img-box { position:relative; padding-top:50px; overflow:hidden; }
.sub0301_07 .img-box ul { float:left; width:160px; }
.sub0301_07 .img-box ul li img { width:100%; }
.sub0301_07 .img-box ul li.txt {padding-top:10px; font-size:14px; font-weight:300; color:#5c5c5c; line-height:170%; }

.sub0301_11 { position:relative; width:100%; max-width:2000px; margin:0 auto;}
.sub0301_11 .subtxt { position:relative; width:1280px; margin:0 auto ; padding-top:140px; overflow:hidden; text-align:center;}
.sub0301_11 .subimg { position:relative; width:1280px; margin:0 auto ;}
.sub0301_11 .subtxt li.t1 { font-size:53px; font-weight:700; color:#471b56; line-height:140%; margin-bottom:26px;}
.sub0301_11 .subtxt li.t2 { font-size:20px; font-weight:400; color:#333333; line-height:140%; margin-bottom:43px;}
.sub0301_11 .infor {width:1280px; margin:0 auto; overflow:hidden; margin-top:70px;}
.sub0301_11 .infor li.infortxt {width:45%; margin:0 auto; float:left; margin-right:10%; margin-top:70px;}
.sub0301_11 .infor li.infortxt ul li:nth-child(2n+1) {font-size:24px; font-weight:600; margin:20px 0;  color:#471b56;}
.sub0301_11 .infor li.infortxt ul li:nth-child(2n) {font-size:18px; font-weight:400;}
.sub0301_11 .infor li.inforimg {width:45%; margin:0 auto; float:left;}
.sub0301_11 .infor li.inforimg img {width:100%;}
.sub0301_11 .infor li.source {float:right; font-size:16px; margin-top:20px;}

.sub0307_11 .subimg { position:relative; width:767px; margin:0 auto ;}

.sub0302_01 { position:relative; width:100%; height:1042px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/03_sub/images/0302bg1.jpg')no-repeat 50% 0; }
.sub0302_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0302_01 ul.subtxt { position:relative; width:100%; max-width:1480px; margin:0 auto; text-align:left; }
.sub0302_01 ul.subtxt li.title { position:absolute; top:430px; left:0px; font-size:60px; font-weight:500; color:#471b56; line-height:130%; letter-spacing:-1px; }
.sub0302_01 ul.subtxt li.con { position:absolute; top:460px; right:0px; font-size:22px; font-weight:500; color:#5c5c5c; line-height:180%; letter-spacing:-1px; }

.sub0303_01 { position:relative; width:100%; height:1042px; max-width:2000px; margin:0 auto; overflow:hidden; }
.sub0303_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0303_01 ul.subtxt { position:relative; top:420px; width:100%; max-width:1480px; margin:0 auto; text-align:left; }
.sub0303_01 ul.subtxt li.title { padding-top:10px; font-size:60px; font-weight:500; color:#471b56; line-height:130%; letter-spacing:-1px; }
.sub0303_01 ul.subtxt li.con {  font-size:22px; font-weight:500; color:#5c5c5c; line-height:180%; letter-spacing:-1px; }
.sub0303_01bg { position:absolute; bottom:0px; left:800px; width:1080px; height:1041px; background:url('/page_KR0/03_sub/images/0303bg1.jpg')no-repeat 0 0; }


.sub0303_4 { position:relative; width:100%; height:900px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/03_sub/images/0303_04bg.jpg')no-repeat 50% 50%; text-align:center;}
.sub0303_4 .sub030304 {width:1280px; margin:0 auto;}
.sub0303_4 .tittxt { font-size: 48px; font-weight: 700; color: #222222; line-height: 140%; margin-bottom: 40px;}
.sub0303_4 .subtxt {font-size: 17px; font-weight: 500; color: #222222;}
.sub0303_4 .subtxt .ul1 li{position:absolute; width:160px; height:160px; background:#f2f2f2; border-radius:50%;}
.sub0303_4 .subtxt .ul1 li.i1{top:18px; left:575px;}
.sub0303_4 .subtxt .ul1 li.i2{top:100px; left:360px;}
.sub0303_4 .subtxt .ul1 li.i3{top:270px; left:245px;}
.sub0303_4 .subtxt .ul1 li.i4{top:440px; left:360px;}
.sub0303_4 .subtxt .ul1 li.i5{top:552px; left:575px;}
.sub0303_4 .subtxt .ul1 li.i6{top:270px; left:882px;}
.sub0303_4 .subtxt .ul1 li.i7{top:100px; left:780px;}
.sub0303_4 .subtxt .ul1 li.i8{top:440px; left:780px;}
.sub0303_4 .subtxt ul li div{margin-top:40px;}

.sub0303_4 .subtxt ul.arrow li{position:absolute; width:48px; height:29px;}
.sub0303_4 .subtxt ul.arrow li.a1{top:93px; left:517px; }
.sub0303_4 .subtxt ul.arrow li.a2{top:240px; left:338px; transform:rotate(-28deg);}
.sub0303_4 .subtxt ul.arrow li.a3{top:428px; left:345px; transform:rotate(-90deg);}
.sub0303_4 .subtxt ul.arrow li.a4{top:590px; left:510px; transform:rotate(-125deg);}
.sub0303_4 .subtxt ul.arrow li.a5{top:580px; left:740px; transform:rotate(-180deg);}
.sub0303_4 .subtxt ul.arrow li.a6{top:435px; left:906px; transform:rotate(156deg);}
.sub0303_4 .subtxt ul.arrow li.a7{top:237px; left:917px; transform:rotate(82deg);}
.sub0303_4 .subtxt ul.arrow li.a8{top:92px; left:751px; transform:rotate(42deg);}

.sub0303_10 { position:relative; width:100%; height:900px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/03_sub/images/0303_10.jpg')no-repeat 50% 50%; text-align:center;}
.sub0303_10 ul.txtbox {width:1080px; margin:0 auto; margin-top:300px;}
.sub0303_10 ul.txtbox li.txtbox1 {float:left;;}
.sub0303_10 ul.txtbox li.txtbox2 {float:right;}
.sub0303_10 ul.txtbox li ul {position:relative; width:280px; height:174px; background:url('/page_KR0/03_sub/images/0303_10box.png'); }
.sub0303_10 ul.txtbox li ul:nth-child(2) {margin-top:50px;}
.sub0303_10 ul.txtbox li ul li:nth-child(1) {font-size:21px; font-weight:700; color:#471b56; padding-top:30px;}
.sub0303_10 ul.txtbox li ul li:nth-child(2) {font-size:17px; font-weight:500; color:#555; margin-top:10px;}

.sub0303_11 { position:relative; width:100%; height:870px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/03_sub/images/0303_11.jpg')no-repeat 50% 50%; text-align:center; margin-top:100px;}
.sub030311 {position:relative; width:900px; margin:0 auto;}
.sub0303_11 .tittxt {font-size: 53px; font-weight: 700; color: #471b56; line-height: 140%; margin-bottom: 26px;}
.sub0303_11 .subimg {width:700px; margin:0 auto;}
.sub0303_11 ul li {font-size:20px; line-height:35px; font-weight:700; color:#fff; background:#471b56; width:130px; height:35px; border-radius:35px;}
.sub0303_11 ul li.t1 {position:absolute; top:230px; left:20px;}
.sub0303_11 ul li.t2 {position:absolute; top:369px; left:0px;}
.sub0303_11 ul li.t3 {position:absolute; top:475px; left:15px;}
.sub0303_11 ul li.t4 {position:absolute; top:581px; left:30px;}
.sub0303_11 ul li.t5 {position:absolute; top:150px; right:22px;}
.sub0303_11 ul li.t6 {position:absolute; top:256px; right:30px;}
.sub0303_11 ul li.t7 {position:absolute; top:376px; right:20px;}
.sub0303_11 ul li.t8 {position:absolute; top:487px; right:0px;}


.sub0303_13 { position:relative; width:100%; max-width:2000px; margin:0 auto; padding:50px 0 100px 0; }
.sub0303_13 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1300px; padding-top:620px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0303_13 .liftingslide ul.img {position:relative; overflow:hidden;}
.sub0303_13 .liftingslide ul.img li {position:relative; float:left; margin:40px 30px 20px 0;}
.sub0303_13 ul.subtxt { position:relative; width:1280px; margin:0 auto; padding-top:240px; }
.sub0303_13 ul.subtxt li.t1 { font-size:48px; font-weight:400; color:#222222; line-height:140%; }
.sub0303_13 p.ex_img { width: 100%; text-align: center;  display: block;  padding-top: 40px; font-size: 16px; }
.section0303 {position:relative; width:1280px; margin:0 auto;  clear:both; }
.section0303 ul.img li.content{position:relative; float:left; font-size:15px; font-weight:500; text-align:center; color:#999;}
.section0303 ul.icon li.content{position:relative; float:left; font-size:15px; font-weight:500; text-align:center;  color:#999;}
.section0303 ul.icon {position:relative; float:right; width:600px; margin-top:50px;}
.section0303 ul.icon li.content ul li{width:180px; margin-right:20px;}
.section0303 ul.icon li.content ul li img{margin-bottom:20px;}
.section0303 ul.icon li.content ul li:last-child{margin-right:0;}

.sub0303_16 { position:relative; width:100%; max-width:2000px; margin:0 auto; overflow:hidden; margin-bottom:100px;}
.sub0303_16 .tittxt {font-size: 46px; font-weight: 700;color: #333;line-height: 140%; margin-bottom: 70px; text-align:center;}
.sub0303_16 .process {width:1280px; margin:0 auto; overflow:hidden;}
.sub0303_16 .process li.proimg {float:left; margin-right:24px; }
.sub0303_16 .process li.proimg:last-child {float:left; margin-right:0px;}
.sub0303_16 .process li.proimg ul li.tittxt span {font-size:18px; color:#471b56; font-weight:700;}
.sub0303_16 .process li.proimg ul li.tittxt  {font-size:18px; color:#666; font-weight:500;margin-top:15px;}

.sub0302_02 { position:relative; width:100%; max-width:2000px; margin:0 auto; padding:50px 0 100px 0; }
.sub0302_02 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1300px; padding-top:620px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0302_02 ul.subtxt { position:relative; width:1280px; margin:0 auto; padding-top:240px; }
.sub0302_02 ul.subtxt li.t1 { font-size:48px; font-weight:400; color:#222222; line-height:140%; }
.sub0302_02 p.ex_img { width: 100%; text-align: center;  display: block;  padding-top: 40px; font-size: 16px; }


#liftingslide { position:relative; width:1280px; margin:0 auto; padding-top:130px; overflow:hidden; }
.liftingbt { float:left; width:297px; height:400px; border-right:1px solid #e7e7e7; }
.liftingbt li { width:100%; height:75px; margin-bottom:10px; padding-left:110px; line-height:74px; font-size:24px; font-weight:700; color:#595959; box-sizing:border-box; cursor:pointer; }
.liftingbt li.active { color:#471b56; }
.liftingbt li.active span { display:inline-block; height:70px; border-bottom:4px solid #471b56;}
.liftingbt li.ltbt1 { background:url('/page_KR0/03_sub/images/ltbt1.jpg')no-repeat 0 0; }
.liftingbt li.ltbt2 { background:url('/page_KR0/03_sub/images/ltbt2.jpg')no-repeat 0 0; }
.liftingbt li.ltbt3 { background:url('/page_KR0/03_sub/images/ltbt3.jpg')no-repeat 0 0; }
.liftingbt li.ltbt4 { background:url('/page_KR0/03_sub/images/ltbt4.jpg')no-repeat 0 0; }
.liftingbt li.ltbt5 { background:url('/page_KR0/03_sub/images/ltbt5.jpg')no-repeat 0 0; }
.liftingbt li.ltbt6 { background:url('/page_KR0/03_sub/images/ltbt6.jpg')no-repeat 0 0; }
.liftingbt li.ltbt7 { background:url('/page_KR0/03_sub/images/ltbt7.jpg')no-repeat 0 0; }
.liftingbt li.ltbt8 { background:url('/page_KR0/03_sub/images/ltbt8.jpg')no-repeat 0 0; }
.liftingbt li.ltbt9 { background:url('/page_KR0/03_sub/images/ltbt9.jpg')no-repeat 0 0; }
.liftingbt li.ltbt10 { background:url('/page_KR0/03_sub/images/ltbt10.jpg')no-repeat 0 0; }
.liftingbt li.ltbt11 { background:url('/page_KR0/04_sub/images/ltbt11.jpg')no-repeat 0 0; }
.liftingbt li.ltbt12 { background:url('/page_KR0/04_sub/images/ltbt12.jpg')no-repeat 0 0; }
.liftingbt li.ltbt21 { background:url('/page_KR0/03_sub/images/0303img2.jpg')no-repeat 0 0; }
.liftingbt li.ltbt22 { background:url('/page_KR0/03_sub/images/0303img5.jpg')no-repeat 0 0; }
.liftingbt li.ltbt23 { background:url('/page_KR0/03_sub/images/0303img6.jpg')no-repeat 0 0; }
.liftingbt li.ltbt24 { background:url('/page_KR0/03_sub/images/0303img3.jpg')no-repeat 0 0; }
.liftingbt li.ltbt25 { background:url('/page_KR0/03_sub/images/0303img7.jpg')no-repeat 0 0; }
.liftingbt li.ltbt26 { background:url('/page_KR0/03_sub/images/0303img4.jpg')no-repeat 0 0; }
.liftingbt li.ltbt27 { background:url('/page_KR0/03_sub/images/0303img7.jpg')no-repeat 0 0; }
.liftingslide { float:left; width:906px; padding-left:76px; }
.liftingslide li.title { font-size:24px; font-weight:700; color:#471b56; line-height:1; }
.liftingslide li.con { padding-top:10px; padding-bottom:40px; font-size:18px; font-weight:200; color:#4d3c3c; line-height:1.6; }
.liftingslide li.con span { padding-top:10px; padding-bottom:40px; font-size:16px; font-weight:400; color:#999; line-height:1.6;  margin-top:15px;}
.liftingslide li.con2 { padding-top:10px; padding-bottom:40px; font-size:18px; font-weight:200; color:#4d3c3c; line-height:1.6; text-align: center; }
.liftingslide li.icon01 { position:relative; width:100%; height:64px; padding-left:92px; margin-bottom:20px; background:url('/page_KR0/03_sub/images/03icon1.jpg')no-repeat 0 0; box-sizing:border-box; }
.liftingslide li.icon02 { position:relative; width:100%; height:64px; padding-left:92px; margin-bottom:20px; background:url('/page_KR0/03_sub/images/03icon2.jpg')no-repeat 0 0; box-sizing:border-box; }
.liftingslide li.icon03 { position:relative; width:100%; height:64px; padding-left:92px; margin-bottom:20px; background:url('/page_KR0/03_sub/images/03icon3.jpg')no-repeat 0 0; box-sizing:border-box; }
.liftingslide li.icon04 { position:relative; width:100%; height:64px; padding-left:92px; margin-bottom:20px; background:url('/page_KR0/03_sub/images/03icon4.jpg')no-repeat 0 0; box-sizing:border-box; }
.liftingslide li.icon05 { position:relative; width:100%; height:64px; padding-left:92px; margin-bottom:20px; background:url('/page_KR0/03_sub/images/03icon5.jpg')no-repeat 0 0; box-sizing:border-box; }
.liftingslide li.icon06 { position:relative; width:100%; height:64px; padding-left:92px; margin-bottom:20px; background:url('/page_KR0/03_sub/images/03icon6.jpg')no-repeat 0 0; box-sizing:border-box; }
.liftingslide li.icon07 { position:relative; width:100%; height:64px; padding-left:92px; margin-bottom:20px; background:url('/page_KR0/03_sub/images/03icon7.jpg')no-repeat 0 0; box-sizing:border-box; }
.liftingslide li.icon08 { position:relative; width:100%; height:64px; padding-left:92px; margin-bottom:20px; background:url('/page_KR0/03_sub/images/03icon8.jpg')no-repeat 0 0; box-sizing:border-box; }
.liftingslide li.icon09 { position:relative; width:100%; height:64px; padding-left:92px; margin-bottom:20px; background:url('/page_KR0/03_sub/images/03icon9.jpg')no-repeat 0 0; box-sizing:border-box; }
.liftingslide li.icon10 { position:relative; width:100%; height:64px; padding-left:92px; margin-bottom:20px; background:url('/page_KR0/03_sub/images/03icon10.jpg')no-repeat 0 0; box-sizing:border-box; }
.liftingslide li.icon11 { position:relative; width:100%; height:64px; padding-left:92px; margin-bottom:20px; background:url('/page_KR0/03_sub/images/03icon11.jpg')no-repeat 0 0; box-sizing:border-box; }
.liftingslide li.icon12 { position:relative; width:100%; height:64px; padding-left:92px; margin-bottom:20px; background:url('/page_KR0/03_sub/images/03icon12.jpg')no-repeat 0 0; box-sizing:border-box; }
.liftingslide li.icon13 { position:relative; width:100%; height:64px; padding-left:92px; margin-bottom:20px; background:url('/page_KR0/03_sub/images/03icon13.jpg')no-repeat 0 0; box-sizing:border-box; }
.liftingslide li.icon14 { position:relative; width:100%; height:64px; padding-left:92px; margin-bottom:20px; background:url('/page_KR0/03_sub/images/03icon14.jpg')no-repeat 0 0; box-sizing:border-box; }
.liftingslide li.icon15 { position:relative; width:100%; height:64px; padding-left:92px; margin-bottom:20px; background:url('/page_KR0/03_sub/images/03icon15.jpg')no-repeat 0 0; box-sizing:border-box; }
.liftingslide li.who { position:absolute; top:400px; right:0px; }
.liftingslide li.who_1 { position:absolute; top:270px; right:0px; }
.liftingslide li.who_2 { position:absolute; top:217px; right:0px; }
.liftingslide li.who_3 { position:absolute; top:217px; right:180px; }
.liftingslide li.who_4 { position:absolute; top:130px; right:180px; }
.liftingslide li span.t1 { padding-top:10px; display:block; font-size:18px; font-weight:400; color:#4d3c3c; line-height:1; }
.liftingslide li span.t2 { padding-top:6px; display:block; font-size:18px; font-weight:100; color:#4d3c3c; line-height:1; }
.liftingslide li.who span.t2 { padding-top:6px; display:block; font-size:18px; font-weight:100; color:#4d3c3c; line-height:2.0; }

.liftingbt2 { float:left; width:530px; height:600px; border-right:1px solid #e7e7e7; }
.liftingslide2 { float:left; width:660px; height:600px; padding-left:76px; }

.liftingslide3 { position:relative; width:1280px; margin:0 auto; overflow:hidden; }

.problem { width:1280px; margin: 0 auto; margin-top: 90px; text-align: center; }
.problem li.title { font-size:24px; font-weight:700; color:#471b56; line-height:1; }
.problem li.con { padding-top:10px; padding-bottom:40px; font-size:18px; font-weight:200; color:#4d3c3c; line-height:1.6; }

.sub0302_03 { position:relative; width:100%; height:880px; max-width:2000px; margin:0 auto; background:url('/page_KR0/03_sub/images/0302bg2.jpg')no-repeat 50% 0; background-size:cover; }
.sub0302_03 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:880px; padding-top:420px; border-right:1px solid #412a44; text-align:center; box-sizing:border-box; }
.sub0302_03 .subtxt { position:relative; width:100%; max-width:1480px; height:880px; margin:0 auto; text-align:left; }
.sub0302_03 .subtxt li.t1 { padding-top:380px; font-size:40px; color:#fff; line-height:140%; letter-spacing:20; font-weight:500; }
.sub0302_03.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }

.sub0303_03 { position:relative; width:100%; height:881px; max-width:2000px; margin:0 auto; background:url('/page_KR0/03_sub/images/0303bg2.jpg')no-repeat 50% 0; background-size:cover; }
.sub0303_03 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:881px; padding-top:420px; border-right:1px solid #60426a; text-align:center; box-sizing:border-box; }
.sub0303_03 .subtxt { position:relative; width:100%; max-width:1480px; height:881px; margin:0 auto; text-align:left; }
.sub0303_03 .subtxt li.t1 { padding-top:350px; font-size:48px; color:#fff; line-height:160%; letter-spacing:20; font-weight:500; }
.sub0303_03.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }

.sub0302_04 { position:relative; width:100%; height:1278px; max-width:2000px; margin:0 auto; background:#471b56; }
.sub0302_04 .subtxt { position:relative; width:1280px; height:1278px; margin:0 auto; }
.sub0302_04 .subtxt ul { position:absolute; top:510px; right:2%; width:587px; height:531px; text-align:center; }
.sub0302_04 .subtxt li.t1 {font-size:150px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:130; }
.sub0302_04 .subtxt li.t2 { padding-top:30px; font-size:24px; font-weight:500; color:#fff; line-height:150%; letter-spacing:-1px; }
.sub0302_04 .subtxt li.t3 { padding-top:30px; font-size:150px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:130;  }
.sub0302_04bg { position:absolute; bottom:0px; left:-350px; width:916px; height:1146px; }

.sub0303_04 { position:relative; width:100%; height:1278px; max-width:2000px; margin:0 auto; background:url('/page_KR0/03_sub/images/0303bg3.jpg')no-repeat 50% 0; background-size:cover;  }
.sub0303_04 .subtxt { position:relative; width:1280px; height:1278px; margin:0 auto; }
.sub0303_04 .subtxt ul { position:absolute; top:510px; right:2%; width:587px; height:531px; text-align:center; }
.sub0303_04 .subtxt li.t1 {font-size:150px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:130; }
.sub0303_04 .subtxt li.t2 { padding-top:30px; font-size:24px; font-weight:500; color:#fff; line-height:150%; letter-spacing:-1px; }
.sub0303_04 .subtxt li.t3 { padding-top:30px; font-size:150px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:130;  }
.sub0303_04bg { position:absolute; bottom:0px; left:-250px; width:916px; height:1146px; }


.sub0302_05 { position:relative; width:100%; height:1250px; max-width:2000px; margin:0 auto; background:url('/page_KR0/06_sub/images/0601bg4.jpg')repeat-y 50% 0; }
.sub0302_05 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1250px; padding-top:520px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0302_05 .subtxtwrap { position:relative; width:1300px; margin:0 auto; padding-top:260px; }
.sub0302_05 .subtxtwrap ul.subtxt { float:left; width:686px; }
.sub0302_05 .subtxtwrap div.subtxt2 { float:left; width:556px; padding-left:50px; padding-top:220px; font-size:26px; font-weight:700; color:#471b56; line-height:2.2; letter-spacing:-1px; }
.sub0302_05 .subtxtwrap div.subtxt2 span { display:block; width:100%; padding-top:30px; color:#151515; font-size:22px; font-weight:500; }
.sub0302_05 .subtxtwrap ul.subtxt li.title { font-size:62px; color:#471b56; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0302_05 .subtxtwrap ul.subtxt li.con { padding-top:16px; font-size:22px; font-weight:500; color:#252424; line-height:1; }
.sub0302_05 .subtxtwrap ul.subtxt li.imgs {  position:relative; margin-top:50px; width:686px; height:450px; }

.sub0302_05 .bnaimg4 { position:relative; width:686px; height:450px; }
.sub0302_05 .imageReveal-drag{ background-image: url('/images/sub/bnf_bt.png'); position: absolute; top: 0; left:290px; z-index:4; }
.sub0302_05 .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/images/sub/before5.jpg') !important; background-repeat:no-repeat;}
.sub0302_05 .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/images/sub/after5.jpg') !important; background-repeat:no-repeat;}

.sub0201_03 .bnaimg4 { position:relative; width:686px; height:450px; }
.sub0201_03 .imageReveal-drag{ background-image: url('/images/sub/bnf_bt.png'); position: absolute; top: 0; left:290px; z-index:4; }
.sub0201_03 .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/images/sub/before5.jpg') !important; background-repeat:no-repeat;}
.sub0201_03 .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/images/sub/after5.jpg') !important; background-repeat:no-repeat;}

.sub0302_05.active .subtxtwrap ul.subtxt li.title { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0302_05.active .subtxtwrap ul.subtxt li.con { animation:fadeup ease-in-out 0.5s both 0.6s; }
.sub0302_05.active .subtxtwrap ul.subtxt li.imgs { animation:fadeup ease-in-out 0.5s both 0.9s; }
.sub0302_05.active .subtxtwrap div.subtxt2 { animation:faderight ease-in-out 0.5s both 1.2s; }


.sub0304_01 { position:relative; width:100%; height:1042px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/03_sub/images/0304bg1.jpg')no-repeat 50% 0; }
.sub0304_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0304_01 ul.subtxt { position:relative; width:100%; max-width:1480px; margin:0 auto; text-align:left; }
.sub0304_01 ul.subtxt li.title { position:absolute; top:430px; left:0px; font-size:60px; font-weight:500; color:#471b56; line-height:130%; letter-spacing:-1px; }
.sub0304_01 ul.subtxt li.con { position:absolute; top:460px; right:0px; font-size:22px; font-weight:500; color:#5c5c5c; line-height:180%; letter-spacing:-1px; }

.sub0304_02 { position:relative; width:100%; height:880px; max-width:2000px; margin:0 auto; background:url('/page_KR0/03_sub/images/0304bg2.jpg')no-repeat 50% 0; background-size:cover; }
.sub0304_02 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #ad8b77; text-align:center; box-sizing:border-box; }
.sub0304_02 .subtxt { position:relative; width:100%; max-width:1480px; height:880px; margin:0 auto; text-align:right; }
.sub0304_02 .subtxt li.t1 { padding-top:380px; font-size:60px; color:#fff; line-height:140%; letter-spacing:1; font-weight:500; }
.sub0304_02.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }

.sub0304_03 { position:relative; width:100%; height:1270px; max-width:2000px; margin:0 auto; background:#471b56; background-size:cover; }
.sub0304_03 .subtxt { position:relative; width:100%; max-width:1480px; height:1270px; margin:0 auto; text-align:left; }
.sub0304_03 .subtxt li.t1 { padding-top:446px; font-size:120px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:40px; }
.sub0304_03 .subtxt li.t2 { padding-top:30px; font-size:28px; font-weight:300; color:#fff; line-height:170%;}
.sub0304_03bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/03_sub/images/0304bg3.jpg')no-repeat 80% bottom; }

.sub0304_03.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0304_03.active .subtxt li.t2 { animation:fadeeffect ease-in-out 0.5s both 0.7s; }

.sub0305_02 { position:relative; width:100%; height:1130px; max-width:2000px; margin:0 auto; background:url('/page_KR0/03_sub/images/0305_2bg.jpg')no-repeat 50% 0; background-size:cover; }
.sub0305_02 .subtxt { position:relative; width:1280px; margin:0 auto; }
.sub0305_02 .subtxt li.t1 { position:absolute; top:640px; right:20px;}
.sub0305_02 .subtxt li.t2 { position:absolute; top:420px; right:20px; font-size:60px; font-weight:500; color:#fff; line-height:140%; text-align:right; }

.sub0305_02.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0305_02.active .subtxt li.t2 { animation:fadeeffect ease-in-out 0.5s both 0.7s; }

.sub0305_06{ position:relative; width:100%; max-width:2000px; margin:0 auto;}
.sub0305_06 .subtxt { position:relative; width:1280px; margin:0 auto ; padding:100px 0 50px ;0  overflow:hidden; text-align:center;}
.sub0305_06 .subtxt { font-size:36px; font-weight:600; color:#333; line-height:140%; margin-bottom:26px;}
.sub0305_06 .subimg { position:relative; width:1280px; margin:0 auto ;overflow:hidden;}
.sub0305_06 .subimg li { position:relative; float:left; margin-right:99px;}
.sub0305_06 .subimg li:last-child {margin-right:0;}
.sub0305_06 .subimg p {font-size:20px; font-weight:300; margin:30px 0; text-align:center;}
.sub0305_06 .subimg .con {font-size:20px; margin-top:30px;  text-align:center;}

.sub0307_02 { position:relative; width:100%; height:1130px; max-width:2000px; margin:0 auto; background:url('/page_KR0/03_sub/images/0307_02.jpg')no-repeat 50% 0; background-size:cover; }
.sub0307_02 .subtxt { position:relative; width:1280px; margin:0 auto; }
.sub0307_02 .subtxt li.t1 { position:absolute; top:640px; right:45px;}
.sub0307_02 .subtxt li.t2 { position:absolute; top:398px; right:25px; font-size:68px; font-weight:500; color:#fff; line-height:140%; text-align:center; }

.sub0401_01 { position:relative; width:100%; height:1042px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/04_sub/images/0401bg1.jpg')no-repeat 50% 0; background-size:cover; }
.sub0401_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #e2e0df; text-align:center; box-sizing:border-box; }
.sub0401_01 ul.subtxt { position:relative; width:1280px; margin:0 auto; text-align:left; }
.sub0401_01 ul.subtxt li.title { position:absolute; top:460px; left:770px; font-size:60px; font-weight:500; color:#471b56; line-height:130%; letter-spacing:-1px; }
.sub0401_01 ul.subtxt li.con { position:absolute; top:380px; left:770px; font-size:22px; font-weight:500; color:#5c5c5c; line-height:180%; letter-spacing:-1px; }
.sub0401_01 ul.subtxt li.con2 { position:absolute; top:380px; left:770px; font-size:50px; color:#7d7d7d; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:4px; }

.sub0401_02 { position:relative; width:100%; height:880px; max-width:2000px; margin:0 auto; background:#42244c; }
.sub0401_02 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #503459; text-align:center; box-sizing:border-box; }
.sub0401_02 .subtxt { position:relative; width:100%; max-width:1380px; height:700px; margin:0 auto; text-align:left; }
.sub0401_02 .subtxt li.t1 { padding-top:350px; font-size:40px; color:#fff; line-height:140%; letter-spacing:20; font-weight:500; }
.sub0401_02 .subtxt li.vod { position:absolute; top:200px; right:0px; }

.sub0401_02.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }

.sub0401_02 div.button_wrap { width: 1853px; overflow: hidden; position: absolute; bottom: 20px; right: 0; }
.sub0401_02 ul.button_wrap_02 { position: relative; width: 95%; overflow: hidden; margin: 0 auto; }
.sub0401_02 ul.button_wrap_02 li.button { float: left; width: 23.5%; overflow: hidden; text-align: center; color: #fff; padding: 20px 0 20px 0; }
.sub0401_02 ul.button_wrap_02 li.button~li.button { margin-left: 2%; }
.sub0401_02 ul.button_wrap_02 li.button a { color: #fff; }
.sub0401_02 ul.button_wrap_02 li.button p { width: 100%; }
.sub0401_02 ul.button_wrap_02 li p.button_title { font-size: 24px; font-weight: 500; margin-top: 7px; }
.sub0401_02 ul.button_wrap_02 li p.solution { font-size: 18px; font-weight: 300; }

.sub0401_03 { position:relative; width:100%; height:1132px; max-width:2000px; margin:0 auto; background:url('/page_KR0/04_sub/images/0401bg2.jpg')no-repeat 50% 0; background-size:cover; }
.sub0401_03 .subtxt { position:relative; width:100%; max-width:1480px; height:1132px; margin:0 auto; text-align:left; }
.sub0401_03 .subtxt li.t1 { position:absolute; top:450px; left:0px; font-size:45px; font-weight:500; color:#fff; line-height:150%; }
.sub0401_03 .subtxt li.t2 { position:absolute; top:250px; right:0px; font-size:130px; font-weight:700; color:#fff; line-height:170%; text-align:right;}
.sub0401_03 .subtxt li.t3 { position:absolute; top:700px; right:0px; font-size:62px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:30px; }

.sub0401_03.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0401_03.active .subtxt li.t2 { animation:fadeeffect ease-in-out 0.5s both 0.7s; }

.sub0401_04 { position:relative; width:100%; height:1150px; max-width:2000px; margin:0 auto; background:url('/page_KR0/04_sub/images/0401bg3.jpg')no-repeat 150px 150px;  }
.sub0401_04 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1150px; padding-top:480px; border-right:1px solid #e5e3e3; text-align:center; box-sizing:border-box; z-index:2; }
.sub0401_04 .subtxtwrap { position:relative; width:100%; max-width:1380px; margin:0 auto; }
.sub0401_04 .subtxtwrap ul { position:absolute; top:330px; right:0px; width:580px; text-align:left; }
.sub0401_04 .subtxtwrap ul.subtxt li.title { position:relative; font-size:62px; color:#471b56; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0401_04 .subtxtwrap ul.subtxt li.con { position:relative; padding-top:20px; font-size:22px; font-weight:400; color:#000; line-height:100%; }
.sub0401_04 .subtxtwrap ul.subtxt li.con2 { position:relative; padding-top:40px; font-size:18px; font-weight:100; color:#5c5c5c; line-height:200%; }
.sub0401_04 .subtxtwrap ul.subtxt li.con2 span { font-size:22px; font-weight:400; color:#000; }

.sub0401_05 { position:relative; width:100%; height:1000px; max-width:2000px; margin:0 auto; margin-top:80px; background:url('/page_KR0/04_sub/images/sub0401_05.jpg')no-repeat 50% 0; background-size:cover; }
.sub0401_05 .subtxt { position:relative; top:300px; width:100%; max-width:1380px;margin:0 auto; text-align:left; }
.sub0401_05 .subtxt li.t1 { font-size:44px; color:#fff; line-height:1.4; letter-spacing:4px; }
.sub0401_05 .subtxt li.t2 { padding-top:20px; font-size:20px; font-weight:200; color:#fff; line-height:160%;}
.sub0401_05 .subtxt li.t3 { padding-top:20px; font-size:120px; font-weight:400; color:#fff; line-height:160%; letter-spacing: -1px; }

.sub0401_07 { position: relative; width: 100%; height: 880px; max-width: 2000px; margin: 0 auto; background-image: url('/page_KR0/04_sub/images/sub0401_07bg2.jpg'); background-size: cover; }
.sub0401_07 ul.thesis01 { position: relative; text-align: center; padding-top: 90px; }
.sub0401_07 ul.thesis01 li.thesis_title { position: relative; font-size: 62px; color: #fff; line-height: 1; }
.sub0401_07 ul.thesis01 li.thesis_subtitle01 { position: relative; padding-top: 20px; font-size: 22px; font-weight: 400; color: #dadada; line-height: 100%; }
.sub0401_07 ul.thesis02 { position: absolute; text-align: left; bottom: 170px; right: 70px; width: 400px; color: #dadada;}
.sub0401_07 ul.thesis02 li.thesis_subtitle02 { position: relative; font-size: 18px; font-weight: 100; line-height: 150%;}
.sub0401_07 ul.thesis02 li.thesis_subtitle03 { position: relative; padding-top: 20px; font-size: 18px; font-weight: 100; line-height: 150%;}

.sub0401_08 { width:100%; max-width:1920%; height: 880px; margin:0 auto; padding-top: 115px; background-image: url(/page_KR0/04_sub/images/sub0401_08bg.jpg); background-size: cover; }

.sub0401_09 { position:relative; width:100%; max-width:2000px; padding-bottom:100px; margin:0 auto; background: #f6f6f6; }
.sub0401_09 .subtxtwrap { position:relative; width:100%; max-width:1280px; min-width:1280px; margin:0 auto; overflow:hidden; }
.sub0401_09 .subtxtwrap ul.subtxt { float:left; width:1280px; padding-top:178px; }
.sub0401_09 .subtxtwrap ul.subtxt li.title { position:relative; font-size:62px; color:#471b56; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0401_09 .subtxtwrap ul.subtxt li.con { position:relative; padding-top:10px; font-size:34px; font-weight:700; color:#373737; line-height:150%; }
.sub0401_09 .subtxtwrap ul.subtxt li.con2 { position:relative; padding-top:60px; font-size:17px; font-weight:100; color:#5c5c5c; line-height:170%; }
.sub0401_09 .subtxtwrap ul.subtxt li.con2 ul li { width: 50%; float: left; text-align: center; font-size: 20px; color: #222; font-weight: 500; line-height: 250%;}
.sub0401_09 .subtxtwrap ul.subtxt li.con2 ul li.img { width: 100%; float: left; text-align: center; font-size: 20px; color: #222; font-weight: 500; line-height: 250%;}
.sub0401_09 .subtxtwrap ul.subtxt li.con2 ul li:first-child { width: 100%; }
.sub0401_09 .subtxtwrap ul.subtxt li.con2 ul { overflow: hidden; }
.sub0401_09 .subtxtwrap ul.subtxt li.con2 ul~ul { margin-top: 50px; }
.sub0401_09 .subtxtwrap ul.subtxt li.con2 .number {font-size:22px; font-weight:600; text-align:center; color:#471b56; text-align:150%}

.sub0401_10 { position: relative; width: 100%; height: 550px; background-image: url(/page_KR0/04_sub/images/star_bg3.jpg); background-size: cover; overflow: hidden;}
.sub0401_10 .historybox01, .historybox02 { position: relative; width:320px; height: 550px; float: left; }
.sub0401_10 .historybox01_side, .historybox02_side { position: relative; width:315px; height: 550px; float: left; }
.sub0401_10 .historybox01_side { position: relative; margin-top: 330px; }
.sub0401_10 .historybox01_side ul { position: relative; width: 140px; overflow: hidden; box-sizing: border-box; margin: 20px 0 0 110px; }
.sub0401_10 .historybox01_side ul li.year { font-size: 30px; font-weight: 600; color: #fff; font-family: 'Jost', sans-serif; }
.sub0401_10 .historybox01_side ul li.story { font-size: 15px; font-weight: 500; color: #adadad; margin-top: 7px; line-height: 140%; letter-spacing: -0.06em; }
.sub0401_10 .historybox01 { position: relative; margin-top: 330px; }
.sub0401_10 .historybox01 ul { position: relative; width: 140px; overflow: hidden; box-sizing: border-box; margin: 20px 0 0 110px; }
.sub0401_10 .historybox01 ul li.year { font-size: 30px; font-weight: 600; color: #fff; font-family: 'Jost', sans-serif; }
.sub0401_10 .historybox01 ul li.story { font-size: 15px; font-weight: 500; color: #adadad; margin-top: 7px; line-height: 140%; letter-spacing: -0.06em; }

.sub0401_10 .historybox02 { position: relative; margin-top: 90px; }
.sub0401_10 .historybox02 ul { position: relative; width: 140px; overflow: hidden; box-sizing: border-box; margin: 0 0 23px 110px; }
.sub0401_10 .historybox02 ul li.year { font-size: 30px; font-weight: 600; color: #fff; font-family: 'Jost', sans-serif; }
.sub0401_10 .historybox02 ul li.story { font-size: 15px; font-weight: 500; color: #adadad; margin-top: 7px; line-height: 140%; letter-spacing: -0.06em; }
.sub0401_10 .historybox02_side { position: relative; margin-top: 90px; }
.sub0401_10 .historybox02_side ul { position: relative; width: 140px; overflow: hidden; box-sizing: border-box; margin: 0 0 23px 110px; }
.sub0401_10 .historybox02_side ul li.year { font-size: 30px; font-weight: 600; color: #fff; font-family: 'Jost', sans-serif; }
.sub0401_10 .historybox02_side ul li.story { font-size: 15px; font-weight: 500; color: #adadad; margin-top: 7px; line-height: 140%; letter-spacing: -0.06em; }

.blinking{
  -webkit-animation:blink 1.5s ease-in-out infinite alternate;
  -moz-animation:blink 1.5s ease-in-out infinite alternate;
  animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}

.sub0401_11 { position: relative; width: 100%; max-width:1920px; overflow: hidden; padding-bottom: 110px; }
.sub0401_11 ul { width: 1280px; overflow: hidden; margin: 0 auto; }
.sub0401_11 ul li { width: 414px; height: 414px; display: inline-block; float: left; }
.sub0401_11 ul li~li { margin-left: 19px; }
.sub0401_11 ul~ul { margin-top: 30px; }
.sub0401_11 ul li.change:hover { content: url('/page_KR0/04_sub/images/purple.jpg'); }
.sub0401_11 p { position:relative; font-size:80px; color:#471b56; line-height:1; font-family: "Times New Roman", Times, serif; padding: 110px 0 45px 0; text-align: center; }
/*.sub0401_11 ul li.purple { background: #471b56; }
.sub0401_11 ul li.purple p:first-child {  text-align: center; padding-top: 30px; font-size: 30px; font-weight: 500; color: #c1b3c7; line-height: 150%; font-family: "Times New Roman", Times, serif; }
.sub0401_11 ul li.purple p:first-child span~span { margin-left: 16px;  }
.sub0401_11 ul li.purple p:nth-child(2) { text-align: center; padding-top: 10px; font-size: 120px; color: #fff; line-height: 1; font-family: "Times New Roman", Times, serif; }
.sub0401_11 ul li.purple p:nth-child(2) span~span { margin-left: 38px;  }*/

.up_fit_video {width: 1280px; overflow: hidden; margin: 0 auto; }
.left_movie { width: 578px; overflow: hidden; margin: 0 auto; float: left;}
.right_movie { width: 578px; overflow: hidden; margin: 0 auto; float: left; margin-left: 20px;}

.up_fit_video .after {position:absolute; bottom:25px; right:38px; width:300px; height:60px; background:#6e3b7f; border-radius:60px; font-weight:bold; text-align:center; font-size:30px; color:#fff; line-height:60px; }

.sub0401_12 { position: relative; width: 100%; max-width:1920px; overflow: hidden; margin: 0 auto;  background-color: #dddddd; padding-bottom: 140px; }
.sub0401_12 ul.subtxt { padding-top: 140px; margin: 0 auto; text-align: center; }
.sub0401_12 ul.subtxt li.title { font-size: 62px;color: #471b56;line-height: 1; font-family: "Times New Roman", Times, serif; }
.sub0401_12 ul.subtxt li.con { position: relative; padding-top: 10px; font-size: 34px; font-weight: 700; color: #373737; line-height: 150%; }
.sub0401_12 div.qa_wrap { position: relative; width: 1200px; overflow: hidden; padding: 80px 80px 0px 80px; margin: 0 auto; }
.sub0401_12 ul { width: 640px; overflow: hidden; }
.sub0401_12 div.qa_wrap li { display: inline-block; }
.sub0401_12 ul.question { margin-bottom: 20px; float: left;}
.sub0401_12 ul.answer { float: right;}
.sub0401_12 ul.question li.triangle_01 { width: 0px; height: 0px; border-top: 40px solid #471b56; border-right: 0px solid transparent; border-left: 40px solid transparent; float: left; }
.sub0401_12 ul.question li.round_01 { width: 600px; overflow: hidden; background-color: #471b56; border-radius: 30px; float: left; border-top-left-radius: 0;}
.sub0401_12 ul.question li.round_01 p { font-size: 25px; padding: 15px 10px 30px 40px; color:#fff; }
.sub0401_12 ul.question li.round_01 p span { margin-right: 5px; font-family: 'Jost', sans-serif; font-weight: 900; font-size: 40px; color:#fff;}
.sub0401_12 ul.answer li.triangle_02 { width: 0px; height: 0px; border-top: 40px solid #fff; border-left: 0px solid transparent; border-right: 40px solid transparent; float: left; }
.sub0401_12 ul.answer li.round_02 { width: 600px; overflow: hidden; background-color: #fff; border-radius: 30px; float: left; border-top-right-radius: 0;}
.sub0401_12 ul.answer li.round_02 p { font-size: 18px; padding: 40px; line-height: 170%; }
.sub0401_12 ul.answer li.round_02 p span { font-family: 'Jost', sans-serif; font-weight: 900; font-size: 40px; color:#471b56;}

.sub0402_01 { position:relative; width:100%; height:1042px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/04_sub/images/0402bg1.jpg')no-repeat 50% 0; background-size:cover; }
.sub0402_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #e2e0df; text-align:center; box-sizing:border-box; }
.sub0402_01 ul.subtxt { position:relative; width:1000px; margin:0 auto; text-align:right; position:absolute; top:380px; left:760px; }
.sub0402_01 ul.subtxt li.title { position:absolute; top:380px; left:760px; font-size:58px; font-weight:500; color:#471b56; line-height:130%; letter-spacing:-1px; }
.sub0402_01 ul.subtxt li.con { position:absolute; top:320px; left:670px; font-size:22px; font-weight:500; color:#5c5c5c; line-height:180%; letter-spacing:-1px; }
.sub0402_01 ul.subtxt li.t1 { font-size: 58px; color:#471b56; line-height: 1.4; letter-spacing: 4px; }
.sub0402_01 ul.subtxt li.t3 { padding-top: 20px; font-size: 120px; font-weight: 400; color:#471b56; line-height: 160%; letter-spacing: -1px; }

.sub0402_02 .bnaimg { padding-top:0px; }
.sub0402_02 .bnaimg .imageReveal-drag{ background-image: url('/images/sub/bnf_bt.png'); position: absolute; top: 0; left:331px; z-index:4; }
.sub0402_02 .bnaimg .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/images/sub/before6.jpg') !important; background-repeat:no-repeat;}
.sub0402_02 .bnaimg .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/images/sub/after6.jpg') !important; background-repeat:no-repeat;}

/*.sub0401_06 .bnaimg { padding-top:0px; }
.sub0401_06 .bnaimg .imageReveal-drag{ background-image: url('/images/sub/bnf_bt.png'); position: absolute; top: 0; left:331px; z-index:4; }
.sub0401_06 .bnaimg .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/images/sub/before_01.jpg') !important; background-repeat:no-repeat;}
.sub0401_06 .bnaimg .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/images/sub/after_01.jpg') !important; background-repeat:no-repeat;}*/


.sub0402_03 { position:relative; width:100%; height:1132px; max-width:2000px; margin:0 auto; background:url('/page_KR0/04_sub/images/0402bg2.jpg')no-repeat 50% 0; background-size:cover; }
.sub0402_03 .subtxt { position:relative; top:500px; width:100%; max-width:1480px;margin:0 auto; text-align:center; }
.sub0402_03 .subtxt li.t1 { font-size:100px; padding-left:144px; color:#fff; line-height:1.4; font-family: "Times New Roman", Times, serif; letter-spacing:150px; }
.sub0402_03 .subtxt li.t2 { padding-top:30px; font-size:40px; font-weight:500; color:#fff; line-height:100%; }

.sub0402_04 { position:relative; width:100%; height:1132px; max-width:2000px; margin:0 auto; background:url('/page_KR0/04_sub/images/0402bg3.jpg')no-repeat 50% 0; background-size:cover; }
.sub0402_04 .subtxt { position:relative; top:500px; width:100%; max-width:1480px;margin:0 auto; text-align:center; }
.sub0402_04 .subtxt li.t1 { font-size:100px; padding-left:144px; color:#fff; line-height:1.4; font-family: "Times New Roman", Times, serif; letter-spacing:150px; }
.sub0402_04 .subtxt li.t2 { padding-top:30px; font-size:40px; font-weight:500; color:#fff; line-height:100%; }


.sub0403_01 { position:relative; width:100%; height:782px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/04_sub/images/0403bg1.jpg')no-repeat 50% 120px; }
.sub0403_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #e2e0df; text-align:center; box-sizing:border-box; }
.sub0403_01 ul.subtxt { position:relative; width:1280px; margin:0 auto; text-align:left; }
.sub0403_01 ul.subtxt li.title { padding-top:350px; font-size:60px; font-weight:500; color:#471b56; line-height:130%; letter-spacing:-1px; }
.sub0403_01 ul.subtxt li.con { padding-top:200px; font-size:22px; font-weight:500; color:#5c5c5c; line-height:180%; letter-spacing:-1px; }

.sub0403_02 { position:relative; width:100%; height:1132px; max-width:2000px; margin:0 auto; background:url('/page_KR0/04_sub/images/0403bg2.jpg')no-repeat 50% 0; background-size:cover; }
.sub0403_02 .subtxt { position:relative; top:500px; width:100%; max-width:1480px;margin:0 auto; text-align:center; }
.sub0403_02 .subtxt li.t1 { font-size:100px; padding-left:144px; color:#fff; line-height:1.4; font-family: "Times New Roman", Times, serif; letter-spacing:150px; }
.sub0403_02 .subtxt li.t2 { padding-top:30px; font-size:40px; font-weight:500; color:#fff; line-height:100%; letter-spacing:8px; }

.sub0404_01 { position:relative; width:100%; height:1000px; max-width:2000px; margin:0 auto; margin-top:80px; background:url('/page_KR0/04_sub/images/sub0404_bg03.jpg')no-repeat 50% 0; background-size:cover; }
.sub0404_01 .subtxt { position:relative; top:300px; width:100%; max-width:1380px;margin:0 auto; text-align:left; }
.sub0404_01 .subtxt li.t1 { font-size:44px; color:#fff; line-height:1.4; letter-spacing:4px; }
.sub0404_01 .subtxt li.t2 { padding-top:20px; font-size:20px; font-weight:200; color:#fff; line-height:160%;}
.sub0404_01 .subtxt li.t3 { padding-top:20px; font-size:120px; font-weight:400; color:#fff; line-height:160%; letter-spacing: -1px; }

.sub0404_02 { position:relative; width:100%; height:1132px; max-width:2000px; margin:0 auto; background:url('/page_KR0/04_sub/images/sub0404_bg01.jpg')no-repeat 50% 0; background-size:cover; }
.sub0404_02 .subtxt { position:relative; top:500px; width:100%; max-width:1480px;margin:0 auto; text-align:center; }
.sub0404_02 .subtxt li.t1 { font-size:100px; padding-left:144px; color:#fff; line-height:1.4; font-family: "Times New Roman", Times, serif; letter-spacing:150px; }
.sub0404_02 .subtxt li.t2 { padding-top:30px; font-size:40px; font-weight:500; color:#fff; line-height:100%; letter-spacing: 8px; }

.sub0405_01 { position:relative; width:100%; height:1000px; max-width:2000px; margin:0 auto; margin-top:80px; background:url('/page_KR0/04_sub/images/sub0405_bg02.jpg')no-repeat 50% 0; background-size:cover; }
.sub0405_01 .subtxt { position:relative; top:300px; width:100%; max-width:1380px;margin:0 auto; text-align:left; }
.sub0405_01 .subtxt li.t1 { font-size:44px; color:#fff; line-height:1.4; letter-spacing:4px; }
.sub0405_01 .subtxt li.t2 { padding-top:20px; font-size:20px; font-weight:200; color:#fff; line-height:160%;}
.sub0405_01 .subtxt li.t3 { padding-top:20px; font-size:120px; font-weight:400; color:#fff; line-height:160%; letter-spacing: -1px; }

.sub0405_02 { position:relative; width:100%; height:1132px; max-width:2000px; margin:0 auto; background:url('/page_KR0/04_sub/images/sub0405_bg01.jpg')no-repeat 50% 0; background-size:cover; }
.sub0405_02 .subtxt { position:relative; top:430px; width:100%; max-width:1480px;margin:0 auto; text-align:center; }
.sub0405_02 .subtxt li.t1 { font-size:100px; padding-left:144px; color:#fff; line-height:1.4; font-family: "Times New Roman", Times, serif; letter-spacing:150px; }
.sub0405_02 .subtxt li.t2 { padding-top:30px; font-size:40px; font-weight:500; color:#fff; line-height:100%; letter-spacing: 8px; }

.sub0501_01 { position:relative; width:100%; padding:100px 0; margin:0 auto; overflow:hidden; }
.sub0501_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #e2e0df; text-align:center; box-sizing:border-box; }
.sub0501_01 .slide0501ul { float:left; width:800px; }
.sub0501_01 .slide0501ul li.slide0501 { position:relative; width:800px; }
.sub0501_01 .slide0501ul li.slide0501 img { width:100%; }
.sub0501_01 .slide0501ul li.bna_txt { width:100%; margin-top:10px; line-height:150%; font-size:16px; font-weight:300; text-align:center;  }
.bnabottomtxt { width:100%; margin-top:10px; line-height:150%; font-size:16px; font-weight:300; text-align:center;  }


.sub0501_01 ul.subtxt { float:left; position:relative; width:400px; padding:80px 0 0 80px; margin:0 auto; text-align:left; }
.sub0501_01 ul.subtxt li.title { font-size:32px; font-weight:500; color:#471b56; line-height:150%; letter-spacing:-1px; }
.sub0501_01 ul.subtxt li.con { font-size:22px; font-weight:500; color:#5c5c5c; line-height:180%; letter-spacing:-1px; }



.bnaimg0501 {  }
.bnaimg0501 .bnaslide2 { width:100%; padding-top:100px; }
.bnaimg0501 .bnatxt { width:100%; padding-top:100px; }
.bnaimg0501 .bnatxt dl { width:80%; margin-bottom:30px; text-align:right; }
.bnaimg0501 .bnatxt dl dt { font-size:28px; font-weight:700; color:#000; line-height:100%; cursor:pointer; }
.bnaimg0501 .bnatxt dl dt span { display:none; width:32px; height:32px; margin-left:4px; font-size:30px; font-weight:500; color:#fff; text-align:center; line-height:28px; box-sizing:border-box; background:#471b56; border-radius:100%; }
.bnaimg0501 .bnatxt dl.on dt { color:#471b56; }
.bnaimg0501 .bnatxt dl.on dt span { display:inline-block; }
.bnaimg0501 .bnaslide2 .t1 { font-size:22px; font-weight:500; color:#4d3c3c; line-height:150%; }
.bnaimg0501 .bnaslide2 .t2 { padding-top:20px; font-size:18px; font-weight:200; color:#4d3c3c; line-height:150%;  }
.bnaimg0501 .bnaslide2 .icontxt { margin-top:14px; font-size:18px; height:24px; padding-left:28px; background:url('/page_KR0/06_sub/images/icontxtbg.jpg')no-repeat 0 0px; }


.sub0501_03 { position:relative; width:100%; height:1200px; max-width:2000px; margin:0 auto; background:url('/page_KR0/05_sub/images/0501bg2.jpg')no-repeat 50% 0; background-size:cover; }
.sub0505_03 { position:relative; width:100%; height:1200px; max-width:2000px; margin:0 auto; background:url('/page_KR0/05_sub/images/0505bg2.jpg')no-repeat 50% 0; background-size:cover; }
.sub0501_03 .subtxt { position:relative; top:380px; width:100%; max-width:1380px;margin:0 auto; text-align:center; }
.sub0501_03 .subtxt ul { position:absolute; top:0px; left:0px; width:566px; height:463px; background:#471b56; }
.sub0501_03 .subtxt li.t1 { font-size:116px; padding-top:66px; padding-left:40px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:56px; }
.sub0501_03 .subtxt li.t2 { padding-top:30px; font-size:40px; font-weight:500; color:#fff; line-height:100%; letter-spacing:4px; }
.sub0501_03 .subtxt li.t3 { font-size:116px; padding-top:30px; padding-left:40px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:56px; }

.sub0501_03.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0501_03.active .subtxt li.t2 { animation:fadeeffect ease-in-out 0.5s both 0.7s; }


.sub0501_04 { position:relative; width:100%; height:1150px; max-width:2000px; margin:0 auto; background:url('/page_KR0/05_sub/images/0501bg4.jpg')no-repeat 50% 320px; }
.sub0503_04 { position:relative; width:100%; height:1150px; max-width:2000px; margin:0 auto; background:url('/page_KR0/05_sub/images/0501bg4.jpg')no-repeat right 320px;  }
.sub0503_04 .icontxt {
    margin-top: 14px;
    height: 24px;
    padding-left: 28px;
    font-size: 18px;
    background: url(/page_KR0/06_sub/images/icontxtbg.jpg)no-repeat 0 0px;
}
.sub0501_04 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1250px; padding-top:520px; border-right:1px solid #e5e3e3; text-align:center; box-sizing:border-box; z-index:2; }
.sub0501_04 .subtxtwrap { position:relative; width:130%; max-width:1380px; margin:0 auto; }
.sub0501_04 .subtxtwrap ul { position:absolute; top:210px; left:0px; text-align:left; }
.sub0501_04 .subtxtwrap ul.subtxt li.title { position:relative; font-size:62px; color:#471b56; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0501_04 .subtxtwrap ul.subtxt li.con { position:relative; padding-top:20px; font-size:22px; font-weight:700; color:#471b56; line-height:160%; }
.sub0501_04 .subtxtwrap ul.subtxt li.con2 { position:relative; padding-top:20px; font-size:18px; font-weight:100; color:#5c5c5c; line-height:200%; }

.sub0501_04.active .subtxtwrap ul.subtxt li.title { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0501_04.active .subtxtwrap ul.subtxt li.con { animation:fadeup ease-in-out 0.5s both 0.6s; }

.sub0503_04 { position:relative; width:100%; height:1150px; max-width:2000px; margin:0 auto; background:url('/page_KR0/05_sub/images/0501bg4.jpg')no-repeat right 50% 320px;  }
.sub0503_044 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1250px; padding-top:520px; border-right:1px solid #e5e3e3; text-align:center; box-sizing:border-box; z-index:2; }
.sub0503_04 .subtxtwrap { position:relative; width:130%; max-width:1380px; margin:0 auto; }
.sub0503_04 .subtxtwrap ul { position:absolute; top:210px; left:0px; text-align:left; }
.sub0503_04 .subtxtwrap ul.subtxt li.title { position:relative; font-size:62px; color:#471b56; line-height:1; font-family: "Times New Roman", Times, serif; }
.sub0503_04 .subtxtwrap ul.subtxt li.con { position:relative; padding-top:20px; font-size:22px; font-weight:700; color:#471b56; line-height:160%; }
.sub0503_04 .subtxtwrap ul.subtxt li.con2 { position:relative; padding-top:20px; font-size:18px; font-weight:100; color:#5c5c5c; line-height:200%; }

.sub0503_04.active .subtxtwrap ul.subtxt li.title { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0503_04.active .subtxtwrap ul.subtxt li.con { animation:fadeup ease-in-out 0.5s both 0.6s; }

.sub0502_01 { position:relative; width:100%; height:1042px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/05_sub/images/0502bg1.jpg')no-repeat 50% 0; background-size:cover; }
.sub0502_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #e2e0df; text-align:center; box-sizing:border-box; }
.sub0502_01 ul.subtxt { position:relative; width:1280px; margin:0 auto; text-align:left; }
.sub0502_01 ul.subtxt li.title { position:absolute; top:360px; left:790px; font-size:38px; font-weight:500; color:#471b56; line-height:150%; letter-spacing:-1px; }
.sub0502_01 ul.subtxt li.con { position:absolute; top:480px; left:790px; font-size:22px; font-weight:500; color:#5c5c5c; line-height:180%; letter-spacing:-1px; }
.sub0502_01 ul.subtxt li.t1 {position:absolute; top:500px; left:790px; font-size:80px; font-weight:500; color:#471b56; line-height:180%; letter-spacing:-1px; font-family: "Times New Roman", Times, serif;}

.sub0502_02 { position:relative; width:100%; height:1300px; max-width:2000px; margin:0 auto; background:url('/page_KR0/06_sub/images/0601bg2.jpg')no-repeat 50% 350px; }
.sub0502_02 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1300px; padding-top:620px; border-right:1px solid #e6e4e3; text-align:center; box-sizing:border-box; }
.sub0502_02 ul.subtxt { position:relative; width:1280px; margin:0 auto; }
.sub0502_02 ul.subtxt li.t1 { padding-top:150px; font-size:48px; font-weight:400; color:#222222; line-height:140%; opacity:1; }

.bnaimg0502 {  }
.bnaimg0502 .bnaslide2 {  }
.bnaimg0502 .bnatxt {  }
.bnaimg0502 .bnatxt dl { width:100%; margin-bottom:30px; text-align:right; }
.bnaimg0502 .bnatxt dl dt { font-size:28px; font-weight:700; color:#000; line-height:100%; cursor:pointer; }
.bnaimg0502 .bnatxt dl dt span { display:none; width:32px; height:32px; margin-left:4px; font-size:30px; font-weight:500; color:#fff; text-align:center; line-height:28px; box-sizing:border-box; background:#471b56; border-radius:100%; }
.bnaimg0502 .bnatxt dl.on dt { color:#471b56; }
.bnaimg0502 .bnatxt dl.on dt span { display:inline-block; }
.bnaimg0502 .bnaslide2 .t1 { font-size:22px; font-weight:500; color:#4d3c3c; line-height:150%; }
.bnaimg0502 .bnaslide2 .t2 { padding-top:20px; padding-bottom:30px; font-size:18px; font-weight:200; color:#4d3c3c; line-height:150%;  }
.bnaimg0502 .bnaslide2 .icontxt { margin-top:14px ;  height:24px; padding-left:28px; font-size:18px; background:url('/page_KR0/06_sub/images/icontxtbg.jpg')no-repeat 0 0px; }

.bnaimg0502 .bnaslide { position:relative; left:0px; width:767px; height:450px; background:#000; }
.bnaimg0502 .imageReveal-drag{ background-image: url('/images/sub/bnf_bt.png'); position: absolute; top: 0; left:331px; z-index:4; }
.bnaimg0502 .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/images/sub/before7.jpg') !important; background-repeat:no-repeat;}
.bnaimg0502 .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/images/sub/after7.jpg') !important; background-repeat:no-repeat;}


.sub0502_03 { position:relative; width:100%; height:1278px; max-width:2000px; margin:0 auto; background:#471b56 url('/page_KR0/02_sub/images/0203bg3.jpg')no-repeat 50% 0; }

.sub0502_03 .subtxt { position:relative; width:1280px; height:1130px; margin:0 auto; text-align:center; }
.sub0502_03 .subtxt ul { position:absolute; top:470px; right:5%; width:547px; height:531px; }
.sub0502_03 .subtxt li.t1 {font-size:150px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:130; }
.sub0502_03 .subtxt li.t2 { padding-top:30px; font-size:26px; font-weight:500; color:#fff; line-height:150%; letter-spacing:-1px; }
.sub0502_03 .subtxt li.t3 { padding-top:30px; font-size:150px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:130;  }
.sub0502_03bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/02_sub/images/0203bg4.png')no-repeat 0 bottom; }

.sub0502_03.active .subtxt li.imgs { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0502_03.active li.imgtxt { animation:fadeeffect ease-in-out 0.5s both 0.7s; }


.sub0503_01 { position:relative; width:100%; height:1042px; max-width:2000px; margin:0 auto; overflow:hidden; background:url('/page_KR0/05_sub/images/0503bg1.jpg')no-repeat 50% 0; background-size:cover; }
.sub0503_01 .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1042px; padding-top:420px; border-right:1px solid #e2e0df; text-align:center; box-sizing:border-box; }
.sub0503_01 ul.subtxt { position:relative; width:1280px; margin:0 auto; text-align:left; }
.sub0503_01 ul.subtxt li.title { position:absolute; top:400px; left:768px; font-size:38px; font-weight:500; color:#471b56; line-height:150%; letter-spacing:-1px; }
.sub0503_01 ul.subtxt li.t1 {position:absolute; top:500px; left:768px; font-size:80px; font-weight:500; color:#471b56; line-height:180%; letter-spacing:-1px; font-family: "Times New Roman", Times, serif;}


.bnaimg0503 {  }
.bnaimg0503 .2021-03-162 {  }
.bnaimg0503 .bnatxt {  }
.bnaimg0503 .bnatxt dl { width:100%; margin-bottom:30px; text-align:right; }
.bnaimg0503 .bnatxt dl dt { font-size:28px; font-weight:700; color:#000; line-height:100%; cursor:pointer; }
.bnaimg0503 .bnatxt dl dt span { display:none; width:32px; height:32px; margin-left:4px; font-size:30px; font-weight:500; color:#fff; text-align:center; line-height:28px; box-sizing:border-box; background:#471b56; border-radius:100%; }
.bnaimg0503 .bnatxt dl.on dt { color:#471b56; }
.bnaimg0503 .bnatxt dl.on dt span { display:inline-block; }
.bnaimg0503 .bnaslide2 .t1 { font-size:22px; font-weight:500; color:#4d3c3c; line-height:150%; }
.bnaimg0503 .bnaslide2 .t2 { padding-top:20px; padding-bottom:30px; font-size:18px; font-weight:200; color:#4d3c3c; line-height:150%;  }
.bnaimg0503 .bnaslide2 .icontxt { margin-top:14px; font-size:18px; height:24px; padding-left:28px; background:url('/page_KR0/06_sub/images/icontxtbg.jpg')no-repeat 0 0px; }

.bnaimg0503 .bnaslide { position:relative; left:0px; width:767px; height:450px; background:#000; }
.bnaimg0503 .imageReveal-drag{ background-image: url('/images/sub/bnf_bt.png'); position: absolute; top: 0; left:331px; z-index:4; }
.bnaimg0503 .imageReveal-overlay{position:absolute;top:0;left:0; z-index:1;z-index:3; width:50%; background-image: url('/images/sub/before8.jpg') !important; background-repeat:no-repeat;}
.bnaimg0503 .imageReveal-background{position:absolute;top:0;left:0; width:100% !important;z-index:1; background-image: url('/images/sub/after8.jpg') !important; background-repeat:no-repeat;}


.sub0503_03 { position:relative; width:100%; height:1270px; max-width:2000px; margin:0 auto; background:#471b56; background-size:cover; }
.sub0503_03 .subtxt { position:relative; width:1280px; height:1270px; margin:0 auto; text-align:left; }
.sub0503_03 .subtxt li.t1 { padding-top:416px; font-size:120px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:40px; }
.sub0503_03 .subtxt li.t2 { padding-top:30px; font-size:28px; font-weight:300; color:#fff; line-height:170%;}
.sub0503_03 .sub0503_03bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/05_sub/images/0503bg2.png')no-repeat right bottom; }

.sub0503_03.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0503_03.active .subtxt li.t2 { animation:fadeeffect ease-in-out 0.5s both 0.7s; }


.sub0601_02 .bnaimg2 .bnaslide2 div ul .icontxt_wrap { margin-top:40px; }
.sub0601_02 .bnaimg2 .bnaslide2 div ul .icontxt_wrap .icontxt { margin-top:14px; font-size:18px; height:24px; padding-left:28px; background:url('/page_KR0/06_sub/images/icontxtbg.jpg')no-repeat 0 0px; }

.sub0601_02 .bnaimgnose .bnaslide2 div ul .icontxt_wrap { margin-top:40px; }
.sub0601_02 .bnaimgnose .bnaslide2 div ul .icontxt_wrap .icontxt { margin-top:14px; font-size:18px; height:24px; padding-left:28px; background:url('/page_KR0/06_sub/images/icontxtbg.jpg')no-repeat 0 0px; }

.sub1001_01 { position:relative; width:100%; height:1159px; max-width:2000px; margin:0 auto; background:url('/page_KR0/10_sub/images/1001_01.jpg')no-repeat 50% 0; background-size:cover; }
.sub1001_02 { position:relative; width:100%; height:1425px; max-width:2000px; margin:0 auto; background:url('/page_KR0/10_sub/images/1001_02.jpg')no-repeat 50% 0; background-size:cover; }
.sub1001_03 { position:relative; width:100%; height:1095px; max-width:2000px; margin:0 auto; background:url('/page_KR0/10_sub/images/1001_03.jpg')no-repeat 50% 0; background-size:cover; }
.sub1001_04 { position:relative; width:100%; height:2809px; max-width:2000px; margin:0 auto; background:url('/page_KR0/10_sub/images/1001_04.jpg')no-repeat 50% 0; background-size:100%; }
.sub1001_05 { position:relative; width:100%; height:2513px; max-width:2000px; margin:0 auto; background:url('/page_KR0/10_sub/images/1001_05.jpg')no-repeat 50% 0; background-size:100%; }
.sub1001_05 .video {width:1160px; margin:0 auto;}
.sub1001_05 .video video {width:100%;}
.sub1001_06 { position:relative; width:100%; height:2560px; max-width:2000px; margin:0 auto; background:url('/page_KR0/10_sub/images/1001_06.jpg')no-repeat 50% 0; background-size:100%; }
.sub1001_06 .video {width:1200px; margin:0 auto;}
.sub1001_06 .video video {width:100%;}

.sub1002_01 { position:relative; width:100%; height:1041px; max-width:2000px; margin:0 auto; background:url('/page_KR0/10_sub/images/1002_01.jpg')no-repeat 50% 0; background-size:cover; }
.sub1002_02 { position:relative; width:100%; height:3493px; max-width:2000px; margin:0 auto; background:url('/page_KR0/10_sub/images/1002_02.jpg')no-repeat 50% 0; background-size:cover; }

.subyoutube { position:relative; width:100%; height:1110px; max-width:2000px; margin:0 auto; background:#ffffff; }
.subyoutube .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1110px; padding-top:460px; border-right:1px solid #e6e4e3; background:#fff; text-align:center; box-sizing:border-box; z-index:2; }
.subyoutube .subtxt { position:relative; width:1280px; margin:0 auto; text-align:center; padding-top:180px; }
.subyoutube .subtxt li.txt { padding-top:20px; font-size:36px; font-weight:500; color:#000000; }
.subyoutubeimg { position:relative; width:1280px; margin:0 auto; text-align:center; padding-top:50px; }
.subyoutubeimg li.vod_01 { float:left; width:860px; margin-right:40px; }
.subyoutubeimg li.vod_02 { float:left; width:380px; }
.subyoutubeimg li.vod_02 div { margin-bottom:20px; }
.subyoutubeimg li img { width:100%; max-height: initial;margin-top: -10%;margin-bottom: -10%; cursor: pointer;}
.subyoutubeimg li span { position: relative; display:block; width:100%; text-align:left; overflow: hidden;}
.subyoutubeimg li span.txt { padding-top:20px; font-size:19px;font-weight:400; color:#272628;  }
.subyoutubeimg li span span.youbt { position: absolute; z-index: 1; width: 75px; height: 48px; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; }
.subyoutubeimg li span span.youbt img { width: 100%; height: initial; margin: 0; }


#subvideo { position:relative; width:100%; max-width:2000px; height:1080px; margin:0 auto; background:#000; overflow:hidden; }
#subvideo video {
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
height: auto;
width: 100%;
}



#subbna { position:relative; width:100%; height:1022px; max-width:2000px; margin:0 auto; background:url('/images/sub/bnabg.jpg')no-repeat 50% 0; background-size:cover; }
#subbna .sidetitle { position:absolute; top:0px; left:0px; width:67px; height:1022px; padding-top:460px; border-right:1px solid #4b3d4f; text-align:center; box-sizing:border-box; z-index:2; }

#subbna .subtxt { position:relative; width:1280px; margin:0 auto; text-align:center; padding-top:310px; }
#subbna .subtxt li.title { font-size:62px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; }
#subbna .subtxt li.con { padding-top:14px; font-size:22px; font-weight:500; color:#fff; line-height:1; }

.subbnaimgwrap { position:relative; width:1280px; margin:0 auto; }
.subbnaimg { position:relative; width:1068px; margin:0 auto; padding-top:80px; }
.subbnaimg ul li.b-img { float:left; position:relative; width:528px; margin-right:8px; border:1px solid #fff; }
.subbnaimg ul li.a-img { float:left; width:528px;  border:1px solid #fff; }
.subbnaimg ul li.b-img img { width: 100%; }
.subbnaimg ul li.a-img img { width: 100%; }
.subbnaimg ul li span.b-login { display:block; position:absolute; top:1px; left:1px; width:526px; height:180px; padding-top:75px; text-align:center; font-size:16px; font-weight:100; color:#fff; background-color: rgba( 0, 0, 0, 0.8 ); }
.subbnaimg ul li span.b-login a { display:block; width:84px; height:22px; margin:0 auto; line-height:22px; margin-top:20px; font-size:15px; font-weight:300; color:#000; background:#fff; }

.sbprevbt { position:absolute; top:160px; left:30px; cursor:pointer; }
.sbnextbt { position:absolute; top:160px; right:30px; cursor:pointer; }


#subscholarship { position:relative; width:1280px; margin:0 auto; }
#subscholarship .maintxt { font-size:30px; color:#fff; font-weight:500; letter-spacing:-1px; line-height:1; }
#subscholarship .sl0102{ position:relative; margin-top:20px; padding-bottom:80px; }
#subscholarship .sl0102 ul {  }
#subscholarship .sl0102 ul li { float:left; width:23%; height:340px; margin-right:1%; margin-bottom:3%; cursor:pointer; }
#subscholarship .sl0102 ul li div.imgs { width:100%; height:228px;  overflow:hidden; }
#subscholarship .sl0102 ul li div.imgs img { width:100%; min-height:228px; }
#subscholarship .sl0102 ul li div.txt { position:relative; width:100%; padding-top:20px; text-align:center; box-sizing:border-box; }
#subscholarship .sl0102 ul li div.txt span.title { display:block; width:100%; font-size:16px; font-weight:700; color:#fff; line-height:1.4; }
#subscholarship .sl0102 ul li div.txt span.con { padding-top:10px; display:block; width:100%; font-size:14px; font-weight:300; color:#fff; }


.sub0206_4 img {width:1900px; margin: 0 auto;}

.sub0501_02 { position:relative; width:100%; height:1130px; max-width:2000px; margin:0 auto; background:url('/page_KR0/05_sub/images/0501bg5.jpg')no-repeat 50% 0; background-size:cover; }
.sub0501_02 .subtxt { position:relative; width:1280px; margin:0 auto; }
.sub0501_02 .subtxt li.t1 { position:absolute; top:520px; right:30px; font-size:120px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:30px; }
.sub0501_02 .subtxt li.t2 { position:absolute; top:340px; right:0px; font-size:60px; font-weight:500; color:#fff; line-height:140%; margin-right: 15px; text-align:center; }

.sub0504_02 { position:relative; width:100%; height:1130px; max-width:2000px; margin:0 auto; background:url('/page_KR0/05_sub/images/0504_2.jpg')no-repeat 50% 0; background-size:cover; }
.sub0504_02 .subtxt { position:relative; width:1280px; margin:0 auto; }
.sub0504_02 .subtxt li.t1 { position:absolute; top:520px; right:30px; font-size:120px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:30px; }
.sub0504_02 .subtxt li.t2 { position:absolute; top:340px; right:0px; font-size:60px; font-weight:500; color:#fff; line-height:140%; margin-right: 15px; text-align:center; }

.sub0504_02.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0504_02.active .subtxt li.t2 { animation:fadeeffect ease-in-out 0.5s both 0.7s; }

.sub0502_6 { position:relative; width:100%; height:500px; }
.sub0502_6 .typewrap{width:1280px; margin: 0 auto; margin-top:80px;}
.sub0502_6 .typewrap .tittxt {font-weight:600; font-size:22px; color:#471b56; margin-bottom:20px; line-height: 30px; overflow:hidden;}
.sub0502_6 .typewrap .tittxt span {width: 32px; height: 32px; display: block; margin-right: 4px;  font-weight: 500; float:left; color: #fff; text-align: center; box-sizing: border-box; background: #471b56; border-radius: 100%;}
.sub0502_6 .typewrap .img img {width:100%;}
.sub0502_6 .typewrap .subtxt ul li {width:23%; height:110px; float:left; background:#471b56; color:#fff; padding:25px 1% 0 1%; font-size:16px;}
.sub0502_6 .typewrap .subtxt2 {font-size:18px; margin-bottom:20px;}

.sub0503_6 { position:relative; width:100%; height:600px; }
.sub0503_6 .typewrap{width:1280px; margin: 0 auto; margin-top:80px;}
.sub0503_6 .typewrap .img { text-align:center; }
.sub0503_6 .typewrap .tittxt { font-weight:600; font-size:22px; color:#471b56; margin-bottom:20px; line-height: 30px; }
.sub0503_6 .typewrap .tittxt span {width: 32px; height: 32px; padding:0 10px; margin-right: 4px;  font-weight: 500;  color: #fff; text-align: center; box-sizing: border-box; background: #471b56; border-radius: 100%;}
.sub0503_6 .typewrap .subtxt { width:662px;margin:0 auto; }
.sub0503_6 .typewrap .subtxt ul li {width:291px; height:auto; float:left; background:#471b56; color:#fff; font-size:15px; padding:20px;}
.sub0503_6 .typewrap .subtxt ul li span{font-size:22px; margin:20px 0; font-weight:700;}
.sub0503_6 .typewrap .subtxt2 {font-size:18px; margin-bottom:20px;}



.sub0505_02 { position:relative; width:100%; height:1130px; max-width:2000px; margin:0 auto; background:url('/page_KR0/05_sub/images/0501_02.jpg')no-repeat 50% 0; background-size:cover; }
.sub0505_02 .subtxt { position:relative; width:1280px; margin:0 auto; }
.sub0505_02 .subtxt li.t1 { position:absolute; top:520px; right:30px; font-size:120px; color:#fff; line-height:1; font-family: "Times New Roman", Times, serif; letter-spacing:30px; }
.sub0505_02 .subtxt li.t2 { position:absolute; top:340px; right:0px; font-size:60px; font-weight:500; color:#fff; line-height:140%; margin-right: 15px; text-align:center; }

.sub0505_02.active .subtxt li.t1 { animation:fadeup ease-in-out 0.5s both 0.3s; }
.sub0505_02.active .subtxt li.t2 { animation:fadeeffect ease-in-out 0.5s both 0.7s; }


.sub0504_n { position:relative; width:100%; margin-bottom:120px; font-size:18px; color:#333;}
.sub0504_n .typewrap{width:1280px; margin: 0 auto; margin-top:80px;}
.sub0504_n .typewrap .tittxt {font-weight:600; font-size:22px; color:#471b56; margin-bottom:20px; line-height: 30px; }
.sub0504_n .typewrap .tittxt span {width: 32px; height: 32px; padding:0 10px; margin-right: 4px;  font-weight: 500;  color: #fff; text-align: center; box-sizing: border-box; background: #471b56; border-radius: 100%;}
.sub0504_n .subtxt {overflow:hidden;}
.sub0504_n .subtxt .tit {float:none; font-size:20px; font-weight:700; margin-bottom:10px;}
.sub0504_n .subtxt li {float:left; margin-right:20px; margin-bottom:30px; }
.sub0504_n .subtxt li span { font-size:13px; font-weight:700; color:#ab7fc1;}
.sub0504_n .img {overflow:hidden; }
.sub0504_n .img li {float:left; width:280px;  margin-right:30px; }
.sub0504_n .img li img {border-radius:10px 10px 0 0; overflow:hidden;}
.sub0504_n .img li div{background:#471b56; height:auto; padding:10px 0; text-align:center; color:#fff; border-radius:0 0 10px 10px;}
.sub0504_n .img2 li {margin:15px 90px 50px 0;}
.sub0504_n .img .arrow {width:30px; height:30px; background:#471b56; color:#fff; border-radius:50%; margin-top:65px; text-align:center; font-size:10px; line-height:30px;}
.sub0504_n .typewrap .subtxt2 {margin-bottom:20px; line-height:150%;}
.sub0504_n .img3 li p {font-size:14px;}
.sub0504_n .img2 li .tit {font-size:18px; font-weight:700; margin-bottom:10px;}
.sub0504_n .img3 li{width:320px; margin:15px 50px 50px 0;}
.sub0504_n .img3 li img{width:100%;}


.sub0307_b {background: #471b56 url('/page_KR0/03_sub/images/0301bg44.png')no-repeat -38% 105%; }


/* .bnatxt { position:relative; width:1280px; margin:0 auto; padding-top:150px; text-align:center; } */
.bnatxt li:nth-child(2) { font-size:57px; font-weight:700; color:#353535; margin-top:10px; }
.bnaslidewrap { position:relative; width:1178px; margin:0 auto; margin-bottom:150px;}
.bnaslide0505 { position:relative; width:1178px; height:fit-content; margin:0 auto; overflow:hidden; }
.bnaslide0505 .swiper-wrapper { position:relative; width:1021px; }
.bnaslide0505 .swiper-slide div.imgs { width:100%; overflow:hidden; }
.bnaslide0505 .swiper-slide div.imgs img{ width:100%;  overflow:hidden; }
.bnaslide0505 .swiper-slide div.txt { width:100%; height:50px; overflow:hidden;}
.bnaslide0505 .swiper-slide div.txt ul li { float:left; width:589px; height:50px; line-height:50px; text-align:center; font-size:21px; color:#fff; font-weight:600; background:#471b56; }
.bnaslide0505 .swiper-slide div.txt ul li:nth-child(2) { float:right; }

.bnaslide0505_2 { position:relative; width:1178px; height:fit-content; margin:0 auto; overflow:hidden; }
.bnaslide0505_2 .swiper-wrapper { position:relative; width:1021px; }
.bnaslide0505_2 .swiper-slide div.imgs { width:100%; overflow:hidden; }
.bnaslide0505_2 .swiper-slide div.imgs img{ width:100%;  overflow:hidden; }
.bnaslide0505_2 .swiper-slide div.txt { width:100%; height:50px; overflow:hidden;}
.bnaslide0505_2 .swiper-slide div.txt ul li { float:left; width:589px; height:50px; line-height:50px; text-align:center; font-size:21px; color:#fff; font-weight:600; background:#471b56; }
.bnaslide0505_2 .swiper-slide div.txt ul li:nth-child(2) { float:right; }

.bnaslidewrap .case {text-align:center; font-size:22px; font-weight:600; margin:20px 0 15px 0; color:#000;}  

.swiper-button-next4 { position:absolute; top:34%; right:-100px; cursor:pointer; }
.swiper-button-prev4 { position:absolute; top:34%; left:-100px; cursor:pointer; }
 
.swiper-button-next5 { position:absolute; top:34%; right:-100px; cursor:pointer; }
.swiper-button-prev5 { position:absolute; top:34%; left:-100px; cursor:pointer; }
 



/* 눈성형 · 공통 이미지와 안내 */
.hershe-eye .eye-note { width:90%; margin:24px auto 0; text-align:center; font-size:15px; line-height:1.6; letter-spacing:0; font-weight:400; color:#777; }
.hershe-eye .eye-note-light { color:#ccc; }
.hershe-eye .eye-photo-pair { display:flex; align-items:flex-start; width:100%; }
.hershe-eye .eye-photo-pair img { display:block; width:50% !important; height:auto; }
.hershe-eye .eye-photo-pair > .eye-clinical-window { width:50%; }


/* 눈성형 · 상단 비주얼 */
.hershe-eye-midlife .subvisual .subtxt3 { left:3%; top:50%; width:60%; transform:translateY(-50%); }
.hershe-eye-midlife .subvisual .subtxt3 li.t7 { font-size:clamp(38px,4.4vw,78px); line-height:1.15; letter-spacing:0; font-weight:400; }
.hershe-eye-lower .subvisual .bg { scale:-1 1; }
.hershe-eye-midlife .subvisual .bg { scale:1; }
.hershe-eye.hershe-eye-buried .eye-section-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/e51e68af07ebe7c821f5-compat.jpg'); }
.hershe-eye.hershe-eye-buried .eye-signature-position-1 { top:26%; left:-380px; }
.hershe-eye.hershe-eye-incision .eye-section-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/2118edb79f7bd1f528db.jpg'); }
.hershe-eye.hershe-eye-incision .eye-signature-position-1 { top:26%; left:-380px; }
.hershe-eye.hershe-eye-revision .eye-section-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/0e17be248b3633a4b0dd.jpg'); }
.hershe-eye.hershe-eye-revision .eye-signature-position-1 { top:26%; left:-380px; }
.hershe-eye.hershe-eye-midlife .eye-section-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/midlife-main.jpg'); background-position:center; }
.hershe-eye.hershe-eye-midlife .eye-signature-position-1 { top:-55px; left:50%; width:260px; margin-left:-130px; }
.hershe-eye.hershe-eye-midlife .eye-signature-position-1 img { display:block; width:100%; height:auto; }
.hershe-eye.hershe-eye-subbrow .eye-section-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/f747f3562a60ca156320.jpg'); }
.hershe-eye.hershe-eye-subbrow .eye-signature-position-1 { top:26%; left:-380px; }
.hershe-eye.hershe-eye-upper .eye-section-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/f78e128aa9e366839d26.jpg'); }
.hershe-eye.hershe-eye-upper .eye-signature-position-1 { top:26%; left:-380px; }
.hershe-eye.hershe-eye-lower .eye-section-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/679e187deaf662d8c594-compat.jpg'); }
.hershe-eye.hershe-eye-lower .eye-signature-position-1 { top:26%; left:-380px; }


/* 눈성형 · 첫 번째 이미지 배너 */
.hershe-eye .sub0309_01 { height:760px; }
.hershe-eye .sub0309_01 .bg { position:absolute; inset:0; width:100%; height:100%; }
.hershe-eye .sub0309_01 .eye-brand-art { position:absolute; inset:0 auto 0 0; width:65%; height:100%; background-size:cover; background-repeat:no-repeat; mask-image:none; }
.hershe-eye .sub0309_01 .bg::after { position:absolute; inset:0; content:''; background:linear-gradient(90deg,transparent 38%,var(--eye-brand-tone) 65%); }
.hershe-eye .sub0309_01 .subtxt { left:57%; top:50%; width:39%; max-width:720px; transform:translateY(-50%); }
.hershe-eye .sub0309_01 .subtxt li.t1, .hershe-eye .sub0309_01 .subtxt li.t2 { font-size:82px; line-height:1.15; letter-spacing:-1px; font-weight:400; color:var(--eye-brand-ink); }
.hershe-eye .sub0309_01 .subtxt li.t4 { margin-top:30px; font-size:21px; line-height:1.7; letter-spacing:0; font-weight:400; color:var(--eye-brand-ink); word-break:keep-all; }
.hershe-eye-buried .sub0309_01 { --eye-brand-tone:#6f6967; --eye-brand-ink:#ffffff; }
.hershe-eye-buried .sub0309_01 .bg { background-color:#6f6967; }
.hershe-eye-buried .sub0309_01 .eye-brand-art { transform:scaleX(-1); width:85%; background-position:right center; }
.hershe-eye-incision .sub0309_01 { --eye-brand-tone:#afaaa6; --eye-brand-ink:#471b56; }
.hershe-eye-incision .sub0309_01 .bg { background-color:#afaaa6; }
.hershe-eye-incision .sub0309_01 .eye-brand-art { transform:scaleX(-1); width:85%; background-position:right center; }
.hershe-eye-revision .sub0309_01 { --eye-brand-tone:#8d7a70; --eye-brand-ink:#ffffff; }
.hershe-eye-revision .sub0309_01 .bg { background-color:#8d7a70; }
.hershe-eye-revision .sub0309_01 .eye-brand-art { transform:scaleX(-1); width:85%; background-position:right center; }
.hershe-eye-upper .sub0309_01 { --eye-brand-tone:#6b6259; --eye-brand-ink:#ffffff; }
.hershe-eye-upper .sub0309_01 .bg { background-color:#6b6259; }
.hershe-eye-upper .sub0309_01 .eye-brand-art { transform:scaleX(-1); width:85%; background-position:right center; }
.hershe-eye-lower .sub0309_01 { --eye-brand-tone:#859096; --eye-brand-ink:#ffffff; }
.hershe-eye-lower .sub0309_01 .bg { background-color:#859096; }
.hershe-eye-lower .sub0309_01 .eye-brand-art { transform:scaleX(-1); width:85%; background-position:right center; }
.hershe-eye-subbrow .sub0309_01 { --eye-brand-tone:#eff0f2; --eye-brand-ink:#471b56; }
.hershe-eye-subbrow .sub0309_01 .bg { background-color:#eff0f2; }
.hershe-eye-subbrow .sub0309_01 .eye-brand-art { transform:none; width:65%; background-position:center; }
.hershe-eye-midlife .sub0309_01 { --eye-brand-tone:#b2b8b4; --eye-brand-ink:#471b56; }
.hershe-eye-midlife .sub0309_01 .bg { background-color:#b2b8b4; }
.hershe-eye-midlife .sub0309_01 .eye-brand-art { transform:none; width:65%; background-position:center; }
.hershe-eye.hershe-eye-buried .eye-brand-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/a5c83d59e629f329ef7e.jpg'); }
.hershe-eye.hershe-eye-incision .eye-brand-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/8e542239fa699414f64a.jpg'); }
.hershe-eye.hershe-eye-revision .eye-brand-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/375e14feb569d4bb2df5.jpg'); }
.hershe-eye.hershe-eye-midlife .eye-brand-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/ae1cba47d49378e06c4b-compat.jpg'); }
.hershe-eye.hershe-eye-subbrow .eye-brand-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/6208134eec814b42f5e9.jpg'); }
.hershe-eye.hershe-eye-upper .eye-brand-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/397ac6bc2855915b0716-compat.jpg'); }
.hershe-eye.hershe-eye-lower .eye-brand-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/aeac5ddb416c0442a6d8.jpg'); }


/* 눈성형 · 눈성형 소개 */
.hershe-eye .sub0309_03 .target4 { background-image:url('/page_KR0/05_sub/images/eye2026/bruising-icon.png'); background-size:100px 100px; }
.hershe-eye .sub0309_02 .subtxt li.t2 { word-break:keep-all; overflow-wrap:normal; line-height:1.25; }
.hershe-eye .sub0309_02 .bg { background-repeat:no-repeat; background-position:50% 35%; }
.hershe-eye .sub0309_02 .subtxt { width:520px; }
.hershe-eye .eye-intro-en-line { display:block; white-space:nowrap; letter-spacing:-1px; }
.hershe-eye-midlife .sub0309_02 .bg { background-position:82% 45%; }
.hershe-eye-subbrow .sub0309_02 .bg { background-position:50% 65%; }

.hershe-eye.hershe-eye-buried .eye-section-background-2 { background-image:url('/page_KR0/05_sub/images/eye2026/53c59d4192c64104b114-compat.jpg'); }
.hershe-eye.hershe-eye-incision .eye-section-background-2 { background-image:url('/page_KR0/05_sub/images/eye2026/04f8efa4e6c2a00cd1d2.jpg'); }
.hershe-eye.hershe-eye-revision .eye-section-background-2 { background-image:url('/page_KR0/05_sub/images/eye2026/4232d58ec5e71b528be7-compat.jpg'); }
.hershe-eye.hershe-eye-midlife .eye-section-background-2 { background-image:url('/page_KR0/05_sub/images/eye2026/486663d5fc7b4c938870-compat.jpg'); }
.hershe-eye.hershe-eye-subbrow .eye-section-background-2 { background-image:url('/page_KR0/05_sub/images/eye2026/79435b6d7939e72714ce.jpg'); }
.hershe-eye.hershe-eye-upper .eye-section-background-2 { background-image:url('/page_KR0/05_sub/images/eye2026/2ee8044068b4a63807b8.jpg'); }
.hershe-eye.hershe-eye-lower .eye-section-background-2 { background-image:url('/page_KR0/05_sub/images/eye2026/2424489cf67f891e515f-compat.jpg'); }


/* 눈성형 · 이미지 쇼케이스 */
.hershe-eye .eye-showcase-grid img:nth-child(1) { object-position:center; }
.hershe-eye .sub0309_04 .imgs { gap:50px; }
.hershe-eye .eye-showcase-main { width:662px; flex-shrink:0; }
.hershe-eye .eye-showcase-main img { display:block; width:100%; height:872px; object-fit:cover; }
.hershe-eye .eye-showcase-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:2fr 1fr 1fr; gap:15px; flex:1; min-width:0; height:872px; }
.hershe-eye .eye-showcase-grid img { display:block; width:100%; height:100%; min-height:0; object-fit:cover; }
.hershe-eye .eye-showcase-grid img:nth-child(3) { grid-column:1 / -1; object-fit:cover; object-position:center; }
.hershe-eye .eye-showcase-grid img:nth-child(4) { grid-column:1 / -1; object-fit:cover; object-position:center; }
/* 눈성형 · 대표 전후 비교 */
.hershe-eye .eye-comparison-photo { position:relative; }
.hershe-eye .eye-comparison-photo::after { position:absolute; inset:0 0 0 50%; border:10px solid #9771e2; box-sizing:border-box; content:''; pointer-events:none; }
.hershe-eye .eye-comparison-arrow { position:absolute; left:50%; top:50%; width:116px; height:74px; transform:translate(-50%,-50%); background:#9771e2; clip-path:polygon(0 36%,3% 36%,3% 64%,0 64%,0 36%,6% 36%,9% 36%,9% 64%,6% 64%,6% 36%,12% 36%,16% 36%,16% 64%,12% 64%,12% 36%,20% 36%,25% 36%,25% 64%,20% 64%,20% 36%,30% 36%,36% 36%,36% 64%,30% 64%,30% 36%,41% 36%,65% 36%,65% 0,100% 50%,65% 100%,65% 64%,41% 64%); z-index:2; }





/* 눈성형 · 눈의 균형 */
.hershe-eye .buried-balance { padding:150px 0; background:#f3eef8; }
.hershe-eye .buried-balance-grid { width:100%; text-align:center; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.hershe-eye .buried-balance-number { display:block; margin-bottom:12px; font-size:14px; line-height:1.5; letter-spacing:2px; font-weight:500; color:#9b7bac; }
.hershe-eye .buried-balance-photo { overflow:hidden; }
.hershe-eye .buried-balance-copy { flex:1; padding:32px 0 0; }
.hershe-eye .buried-balance-copy h3 { min-height:0; padding:0; border:0; font-size:28px; line-height:1.45; letter-spacing:-.6px; font-weight:700; color:#471b56; word-break:keep-all; margin:0; }
.hershe-eye .buried-balance-copy p { margin-top:16px; font-size:17px; line-height:1.8; letter-spacing:0; font-weight:400; color:#444; word-break:keep-all; }
.hershe-eye .buried-balance-copy small { display:block; margin-top:22px; font-size:13px; line-height:1.6; letter-spacing:0; font-weight:400; color:#888; }
/* 눈성형 · 단일 항목 */
.hershe-eye .eye-balance-single { display:block; grid-template-columns:1fr; }
.hershe-eye .eye-balance-single > article { display:block; text-align:center; }
.hershe-eye .eye-balance-single .buried-balance-photo { height:auto; }
.hershe-eye .eye-balance-single .buried-balance-photo > img { display:block; width:100%; height:auto; }
.hershe-eye .eye-balance-single .buried-balance-copy { padding:32px 0 0; }


/* 절개법 이미지 */
.hershe-eye-incision .buried-balance-grid { grid-template-columns:minmax(0,1fr); gap:0; align-items:start; }
.hershe-eye .eye-combined-photo { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:24px; }
.hershe-eye .eye-combined-photo > figure { min-width:0; margin:0; }
.hershe-eye .eye-combined-photo figcaption { padding:16px 8px; font-size:15px; line-height:1.5; letter-spacing:0; font-weight:500; color:#471b56; text-align:center; }
.hershe-eye-incision .eye-balance-single .buried-balance-photo { height:auto; }
.hershe-eye-incision .eye-balance-single .buried-balance-photo > img { height:auto; object-fit:contain; }
/* 눈썹하거상 일러스트 */
.hershe-eye-subbrow .buried-balance-photo .eye-illustration-frame { width:100%; height:270px; }
.hershe-eye-subbrow .buried-balance-photo .eye-illustration-frame > img { width:100%; height:100%; object-fit:cover; object-position:center; }


/* 눈성형 · 눈의 균형 */

.hershe-eye .buried-balance-grid > article { min-width:0; }

.hershe-eye .buried-balance-photo > img { display:block; width:100%; height:auto; }

/* 단일 항목 · 이미지 위 / 설명 아래 */

/* 눈성형 · 디자인 비교 */
.hershe-eye .eye-combined-photo img { display:block; width:100%; height:auto; aspect-ratio:1.84; object-fit:cover; }
.hershe-eye .personalized_solution .case_img_wrap > img { width:100%; height:auto; object-fit:contain; }
.hershe-eye .sub0309_05 .subtxt li { word-break:keep-all; }
.hershe-eye-midlife .sub0309_05 .imgs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; width:calc(100% - 80px); max-width:1280px; margin:45px auto 0; }
.hershe-eye-midlife .sub0309_05 .imgs > ul { width:auto; margin:0; padding:0; float:none; }
.hershe-eye-midlife .sub0309_05 .imgs li.img { overflow:hidden; }
.hershe-eye-midlife .sub0309_05 .imgs li.img > img { display:block; object-position:center; width:100%; }
.hershe-eye-midlife .sub0309_05 .imgs li.txt { padding-top:16px; font-size:20px; line-height:1.5; letter-spacing:-.3px; font-weight:600; }

/* 눈성형 · 병행 수술 안내 */
.hershe-eye .buried-optional { padding:120px 0; background:#f7f5f8; }
.hershe-eye .eye-lower-optional { padding:120px 0; background:#f7f5f8; }
.hershe-eye .eye-lower-optional-art { max-width:800px; margin:0 auto; }
.hershe-eye .eye-lower-optional-art img { display:block; width:100%; height:auto; }
.hershe-eye .eye-lower-optional-copy { display:grid; grid-template-columns:1fr 1fr; gap:48px; margin-top:48px; }
.hershe-eye .eye-lower-optional-copy article { border-top:1px solid #d7c5e2; padding-top:28px; }
.hershe-eye .eye-lower-optional-copy h3 { font-size:28px; line-height:1.5; letter-spacing:-.5px; font-weight:700; color:#471b56; }
.hershe-eye .eye-lower-optional-copy p { margin-top:18px; font-size:18px; line-height:1.8; letter-spacing:0; font-weight:400; color:#555; word-break:keep-all; }
.hershe-eye .buried-optional-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:32px; }
.hershe-eye .buried-optional-grid article { display:flex; flex-direction:column; min-width:0; padding:30px; background:#fff; border:1px solid #e5dfe8; border-radius:16px; }
.hershe-eye .buried-optional-grid article > h3 { width:100%; text-align:center; margin-bottom:18px; font-size:25px; line-height:1.5; letter-spacing:-.5px; font-weight:700; color:#471b56; word-break:keep-all; }
.hershe-eye .buried-optional-grid h3 span { display:inline-block; margin-right:12px; font-size:16px; line-height:1.5; letter-spacing:1px; font-weight:500; color:#9974a9; }
.hershe-eye .buried-example-pair, .hershe-eye .eye-optional-single { display:flex; align-items:flex-start; justify-content:center; gap:10px; height:230px; margin:0; }
.hershe-eye .buried-example-pair figure { width:50%; margin:0; }
.hershe-eye .buried-example-pair img { width:100%; height:190px; object-fit:contain; }
.hershe-eye .buried-example-pair figcaption { padding:10px 3px; font-size:13px; line-height:1.5; letter-spacing:0; font-weight:500; color:#6e527c; background:#f4eff6; text-align:center; }
.hershe-eye .eye-optional-single img { display:block; width:auto; max-width:100%; height:215px; max-height:215px; object-fit:contain; clip-path:inset(1.5%); }
.hershe-eye .buried-optional-grid article > p { width:100%; text-align:center; margin-top:26px; font-size:17px; line-height:1.8; letter-spacing:0; font-weight:400; color:#444; word-break:keep-all; }
.hershe-eye .buried-optional-grid small { width:100%; text-align:center; display:block; margin-top:auto; padding-top:18px; font-size:13px; line-height:1.6; letter-spacing:0; font-weight:400; color:#888; }


/* 눈성형 · 진료 과정 */
.hershe-eye .eye-step-index { display:flex; justify-content:center; align-items:center; min-height:220px; font-size:80px; line-height:1; letter-spacing:0; font-weight:400; font-family:'Times New Roman',Times,serif; color:#fff; }
.hershe-eye .eye-process-sheet { width:100%; aspect-ratio:1.3; background-size:200% 200%; background-repeat:no-repeat; }
.hershe-eye .eye-process-desc { display:block; margin-top:12px; font-size:16px; line-height:1.7; letter-spacing:0; font-weight:400; color:inherit; }
.hershe-eye .eye-process-compact .process-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); max-width:1380px; gap:24px; margin-top:36px; }
.hershe-eye .eye-process-compact .process-box { padding:28px 24px; border-radius:0; border-top:2px solid #471b56; background:#f6f2f8; box-shadow:none; text-align:left; }
.hershe-eye .eye-process-compact .process-arrow { display:none; }
.hershe-eye .eye-process-compact .eye-step-index { display:block; min-height:0; margin-bottom:18px; font-size:26px; line-height:1.2; letter-spacing:0; font-weight:400; color:#9271a3; }
.hershe-eye .eye-process-compact .process-box .text-box { width:auto; padding:0; font-size:22px; line-height:1.5; letter-spacing:-.5px; font-weight:700; color:#471b56; text-align:left; }
.hershe-eye .eye-process-compact .eye-process-desc { margin-top:12px; font-size:16px; line-height:1.7; letter-spacing:0; font-weight:400; color:#666; }
.hershe-eye.hershe-eye-upper .eye-process-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/a779e269894bef72766b.jpg'); background-position:0% 0%; }
.hershe-eye.hershe-eye-upper .eye-process-background-2 { background-image:url('/page_KR0/05_sub/images/eye2026/a779e269894bef72766b.jpg'); background-position:0% 100%; }
.hershe-eye.hershe-eye-upper .eye-process-background-3 { background-image:url('/page_KR0/05_sub/images/eye2026/a779e269894bef72766b.jpg'); background-position:100% 0%; }
.hershe-eye.hershe-eye-upper .eye-process-background-4 { background-image:url('/page_KR0/05_sub/images/eye2026/a779e269894bef72766b.jpg'); background-position:100% 100%; }


/* 눈성형 · 브랜드 메시지 */
.hershe-eye .sub0309_07 { background-image:none; }
.hershe-eye .eye-only-art { position:absolute; inset:0; background-position:center; background-size:cover; }
.hershe-eye .sub0309_07 .subtxt .t2 { line-height:1.4; }
.hershe-eye .sub0309_07 .subtxt { text-shadow:0 0 28px #fff; }
.hershe-eye .buried-eyes-only { position:relative; display:flex; align-items:center; justify-content:center; min-height:825px; padding:100px 40px; box-sizing:border-box; background-size:cover; background-position:center; isolation:isolate; }
.hershe-eye .buried-eyes-only::before { position:absolute; inset:0; z-index:-1; content:''; background:rgba(0,0,0,.30); }
.hershe-eye .buried-eyes-only-copy { max-width:1100px; text-align:center; color:#fff; }
.hershe-eye .buried-eyes-only .buried-eyes-only-en { margin-bottom:24px; font-family:'Times New Roman',Times,serif; font-size:64px; line-height:1.2; letter-spacing:0; font-weight:400; color:#fff; }
.hershe-eye .buried-eyes-only h2 { font-size:46px; line-height:1.5; letter-spacing:-1px; font-weight:700; color:#fff; }
.hershe-eye .buried-eyes-only-copy > p:last-child { margin-top:32px; font-size:21px; line-height:1.9; letter-spacing:0; font-weight:400; color:#fff; }
.hershe-eye.hershe-eye-buried .eye-only-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/eyes-only.jpg'); }
.hershe-eye.hershe-eye-incision .eye-only-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/eyes-only.jpg'); }
.hershe-eye.hershe-eye-revision .eye-only-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/eyes-only.jpg'); }
.hershe-eye.hershe-eye-midlife .eye-only-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/eyes-only.jpg'); }
.hershe-eye.hershe-eye-subbrow .eye-only-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/eyes-only.jpg'); }
.hershe-eye.hershe-eye-upper .eye-only-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/eyes-only.jpg'); }
.hershe-eye.hershe-eye-lower .eye-only-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/eyes-only.jpg'); }
/* 눈성형 · 의료진 약력 */
.hershe-eye .buried-credentials { padding:120px 0; background:#f3eef8; }
.hershe-eye .buried-credential-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.hershe-eye .buried-credential-grid article { padding:34px; border-top:3px solid #a98cbb; background:#fff; box-shadow:0 5px 15px rgba(56,33,68,.09); }
.hershe-eye .buried-credential-grid article > span { display:block; margin-bottom:22px; font-size:14px; line-height:1.4; letter-spacing:1px; font-weight:500; color:#9b7bac; }
.hershe-eye .buried-credential-grid h3 { min-height:82px; margin-bottom:28px; font-size:26px; line-height:1.6; letter-spacing:-.5px; font-weight:700; color:#471b56; word-break:keep-all; }
.hershe-eye .buried-credential-grid p { font-size:17px; line-height:1.9; letter-spacing:0; font-weight:400; color:#454047; word-break:keep-all; }
.hershe-eye .buried-source { margin-top:32px; text-align:center; font-size:13px; line-height:1.5; letter-spacing:0; font-weight:400; color:#888; }


/* 눈성형 · 맞춤 진단 */
.hershe-eye .buried-diagnosis { padding:120px 0; background:#fff; }
.hershe-eye .buried-diagnosis-main { display:grid; grid-template-columns:410px 1fr; gap:110px; align-items:center; max-width:1120px; margin:0 auto; }
.hershe-eye .buried-diagnosis-photo { position:relative; isolation:isolate; }
.hershe-eye .buried-diagnosis-photo::before { position:absolute; content:''; inset:24px -24px -24px 24px; background:#f0eaf4; z-index:-1; }
.hershe-eye .buried-diagnosis-photo img { display:block; width:100%; height:auto; }
.hershe-eye .buried-diagnosis-copy h3 { word-break:keep-all; margin-bottom:28px; font-size:34px; line-height:1.6; letter-spacing:-1px; font-weight:700; color:#471b56; }
.hershe-eye .buried-diagnosis-copy p { margin-top:22px; font-size:20px; line-height:1.8; letter-spacing:0; font-weight:400; color:#444; word-break:keep-all; }
.hershe-eye .buried-diagnosis-checks { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:74px; padding:30px 0; border-top:1px solid #d7c5e2; border-bottom:1px solid #d7c5e2; counter-reset:diagnosis; }
.hershe-eye .buried-diagnosis-checks > div { padding:0 30px; border-left:1px solid #e4dce9; counter-increment:diagnosis; }
.hershe-eye .buried-diagnosis-checks > div:first-child { padding-left:0; border-left:0; }
.hershe-eye .buried-diagnosis-checks dt::before { display:inline-block; margin-right:14px; content:'0' counter(diagnosis); font-size:14px; line-height:1.5; letter-spacing:1px; font-weight:400; color:#a98cbb; }
.hershe-eye .buried-diagnosis-checks dt { margin-bottom:12px; font-size:22px; line-height:1.5; letter-spacing:0; font-weight:700; color:#471b56; }
.hershe-eye .buried-diagnosis-checks dd { font-size:17px; line-height:1.7; letter-spacing:0; font-weight:400; color:#666; }


/* 눈성형 · 관련 시술 */
.hershe-eye .eye-related .boxwrap { max-width:1480px; gap:24px; flex-wrap:wrap; }
.hershe-eye .eye-related .boxwrap ul { width:calc((100% - 48px) / 3); }
.hershe-eye .eye-related .boxwrap ul > li:first-child img { display:block; aspect-ratio:4 / 3; object-fit:cover; }
.hershe-eye .eye-related .boxwrap li.txt { padding-top:40px; background:linear-gradient(transparent,rgba(0,0,0,.6)); bottom:0; }
.hershe-eye .eye-related .boxwrap li.txt a { opacity:1; margin-bottom:18px; }
.hershe-eye .eye-related .boxwrap ul:hover li.txt { bottom:0; }
.hershe-eye .buried-related { padding:120px 0; background:#e4e6f0; }
.hershe-eye .buried-related-inner { width:calc(100% - 88px); max-width:1600px; margin:0 auto; }
.hershe-eye .buried-related-heading { text-align:center; }
.hershe-eye .buried-related-heading > img { display:block; width:80px; height:80px; margin:0 auto 30px; }
.hershe-eye .buried-related-heading h2 { font-size:40px; line-height:1.4; letter-spacing:-1px; font-weight:500; color:#471b56; }
.hershe-eye .buried-related-heading p { margin-top:18px; font-size:20px; line-height:1.6; letter-spacing:0; font-weight:400; color:#6b6470; }
.hershe-eye .buried-related-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:50px; }
.hershe-eye .buried-related-card { position:relative; display:block; overflow:hidden; min-width:0; }
.hershe-eye .buried-related-card > img { display:block; width:100%; aspect-ratio: .64; object-fit:cover; object-position:50% 30%; }
.hershe-eye .buried-related-card:last-child > img { object-position:82% 35%; }
.hershe-eye .buried-related-card::after { position:absolute; inset:0; content:''; background:linear-gradient(transparent 35%,rgba(0,0,0,.66)); }
.hershe-eye .buried-related-label { position:absolute; z-index:1; bottom:30px; left:15px; right:15px; text-align:center; color:#fff; }
.hershe-eye .buried-related-label h3 { word-break:keep-all; font-size:26px; line-height:1.5; letter-spacing:-.5px; font-weight:600; color:#fff; }
.hershe-eye .buried-related-label p { margin-top:10px; font-size:15px; line-height:1.6; letter-spacing:0; font-weight:400; color:#fff; word-break:keep-all; }
.hershe-eye .buried-related-plus { display:block; width:38px; height:38px; margin:16px auto 0; border-radius:50%; background:#fff; font-size:30px; line-height:38px; letter-spacing:0; font-weight:100; color:#471b56; }
.hershe-eye .buried-related-card:hover .buried-related-plus { background:#471b56; color:#fff; }
.hershe-eye .buried-related-card:focus-visible { outline:3px solid #471b56; outline-offset:5px; }
.hershe-eye-upper .buried-related-card:nth-child(3) > img, .hershe-eye-lower .buried-related-card:nth-child(3) > img, .hershe-eye-subbrow .buried-related-card:nth-child(3) > img, .hershe-eye-midlife .buried-related-card:nth-child(3) > img { object-position:82% 30%; }
.hershe-eye .eye-portrait-card { aspect-ratio:.64; background:var(--portrait-bg); }
.hershe-eye .eye-portrait-card > img { mask-image:linear-gradient(#000 0%,#000 88%,transparent 100%); position:absolute; top:var(--portrait-top); left:var(--portrait-left); width:var(--portrait-width); max-width:none !important; height:auto; aspect-ratio:auto; object-fit:initial; object-position:initial; }
.hershe-eye .eye-portrait-card::after { background:linear-gradient(transparent 35%,rgba(35,29,40,.25) 55%,#302637 90%); }
.hershe-eye.hershe-eye-buried .eye-related-frame-1 { --portrait-width:141.269%; --portrait-left:-22.047%; --portrait-top:-4.053%; --portrait-bg:#ddd5c8; }
.hershe-eye.hershe-eye-buried .eye-related-frame-2 { --portrait-width:247.676%; --portrait-left:-138.233%; --portrait-top:-0.0%; --portrait-bg:#726c66; }
.hershe-eye.hershe-eye-buried .eye-related-frame-3 { --portrait-width:247.676%; --portrait-left:-138.233%; --portrait-top:-0.0%; --portrait-bg:#726c66; }
.hershe-eye.hershe-eye-buried .eye-related-frame-4 { --portrait-width:229.619%; --portrait-left:-124.51%; --portrait-top:-1.241%; --portrait-bg:#544235; }
.hershe-eye.hershe-eye-incision .eye-related-frame-1 { --portrait-width:141.269%; --portrait-left:-22.047%; --portrait-top:-4.053%; --portrait-bg:#ddd5c8; }
.hershe-eye.hershe-eye-incision .eye-related-frame-2 { --portrait-width:247.676%; --portrait-left:-138.233%; --portrait-top:-0.0%; --portrait-bg:#726c66; }
.hershe-eye.hershe-eye-incision .eye-related-frame-3 { --portrait-width:247.676%; --portrait-left:-138.233%; --portrait-top:-0.0%; --portrait-bg:#726c66; }
.hershe-eye.hershe-eye-incision .eye-related-frame-4 { --portrait-width:229.619%; --portrait-left:-124.51%; --portrait-top:-1.241%; --portrait-bg:#544235; }
.hershe-eye.hershe-eye-revision .eye-related-frame-1 { --portrait-width:141.269%; --portrait-left:-22.047%; --portrait-top:-4.053%; --portrait-bg:#ddd5c8; }
.hershe-eye.hershe-eye-revision .eye-related-frame-2 { --portrait-width:247.676%; --portrait-left:-138.233%; --portrait-top:-0.0%; --portrait-bg:#726c66; }
.hershe-eye.hershe-eye-revision .eye-related-frame-3 { --portrait-width:247.676%; --portrait-left:-138.233%; --portrait-top:-0.0%; --portrait-bg:#726c66; }
.hershe-eye.hershe-eye-revision .eye-related-frame-4 { --portrait-width:229.619%; --portrait-left:-124.51%; --portrait-top:-1.241%; --portrait-bg:#544235; }
.hershe-eye.hershe-eye-midlife .eye-related-frame-1 { --portrait-width:126.524%; --portrait-left:-11.997%; --portrait-top:-4.053%; --portrait-bg:#e0dde4; }
.hershe-eye.hershe-eye-midlife .eye-related-frame-2 { --portrait-width:125.326%; --portrait-left:-11.41%; --portrait-top:-9.167%; --portrait-bg:#a9b1ad; }
.hershe-eye.hershe-eye-midlife .eye-related-frame-3 { --portrait-width:193.19%; --portrait-left:-98.756%; --portrait-top:-4.783%; --portrait-bg:#8a8d84; }
.hershe-eye.hershe-eye-midlife .eye-related-frame-4 { --portrait-width:209.855%; --portrait-left:-105.293%; --portrait-top:-3.056%; --portrait-bg:#cecece; }
.hershe-eye.hershe-eye-subbrow .eye-related-frame-1 { --portrait-width:126.524%; --portrait-left:-11.997%; --portrait-top:-4.053%; --portrait-bg:#e0dde4; }
.hershe-eye.hershe-eye-subbrow .eye-related-frame-2 { --portrait-width:125.326%; --portrait-left:-11.41%; --portrait-top:-9.167%; --portrait-bg:#a9b1ad; }
.hershe-eye.hershe-eye-subbrow .eye-related-frame-3 { --portrait-width:198.013%; --portrait-left:-49.006%; --portrait-top:-1.774%; --portrait-bg:#b5bbb7; }
.hershe-eye.hershe-eye-subbrow .eye-related-frame-4 { --portrait-width:193.19%; --portrait-left:-98.756%; --portrait-top:-4.783%; --portrait-bg:#8a8d84; }
.hershe-eye.hershe-eye-upper .eye-related-frame-1 { --portrait-width:126.524%; --portrait-left:-11.997%; --portrait-top:-4.053%; --portrait-bg:#e0dde4; }
.hershe-eye.hershe-eye-upper .eye-related-frame-2 { --portrait-width:125.326%; --portrait-left:-11.41%; --portrait-top:-9.167%; --portrait-bg:#a9b1ad; }
.hershe-eye.hershe-eye-upper .eye-related-frame-3 { --portrait-width:198.013%; --portrait-left:-49.006%; --portrait-top:-1.774%; --portrait-bg:#b5bbb7; }
.hershe-eye.hershe-eye-upper .eye-related-frame-4 { --portrait-width:108.097%; --portrait-left:-5.13%; --portrait-top:-22.83%; --portrait-bg:#c9cdd6; }
.hershe-eye.hershe-eye-lower .eye-related-frame-1 { --portrait-width:126.524%; --portrait-left:-11.997%; --portrait-top:-4.053%; --portrait-bg:#e0dde4; }
.hershe-eye.hershe-eye-lower .eye-related-frame-2 { --portrait-width:125.326%; --portrait-left:-11.41%; --portrait-top:-9.167%; --portrait-bg:#a9b1ad; }
.hershe-eye.hershe-eye-lower .eye-related-frame-3 { --portrait-width:198.013%; --portrait-left:-49.006%; --portrait-top:-1.774%; --portrait-bg:#b5bbb7; }
.hershe-eye.hershe-eye-lower .eye-related-frame-4 { --portrait-width:108.097%; --portrait-left:-5.13%; --portrait-top:-22.83%; --portrait-bg:#c9cdd6; }

/* 눈성형 · 개인별 확인 사항 */
.hershe-eye .personalized_solution .eye-condition-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.hershe-eye .personalized_solution .eye-condition-list article { min-width:0; padding:46px 20px; border:1px solid #e6dfea; background:#fff; text-align:center; box-sizing:border-box; }
.hershe-eye .personalized_solution .eye-condition-list h3 { display:flex; align-items:center; justify-content:center; margin:0 0 16px; font-size:22px; line-height:1.5; letter-spacing:-.6px; font-weight:700; color:#471b56; word-break:keep-all; }
.hershe-eye .personalized_solution .eye-condition-list p { margin:0; font-size:17px; line-height:1.8; letter-spacing:0; font-weight:400; color:#666; word-break:keep-all; }

/* 눈성형 · 추가 안내 */
.hershe-eye .eye-area-choice { padding:120px 0; background:#fff; }
.hershe-eye .eye-area-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; }
.hershe-eye .eye-area-grid article { padding:30px 0; border-top:2px solid #a98cbb; }
.hershe-eye .eye-area-grid article > span { font-size:14px; line-height:1.5; letter-spacing:1px; font-weight:400; color:#9974a9; }
.hershe-eye .eye-area-grid h3 { margin-top:20px; font-size:28px; line-height:1.5; letter-spacing:-.5px; font-weight:700; color:#471b56; word-break:keep-all; }
.hershe-eye .eye-area-grid p { margin-top:18px; font-size:18px; line-height:1.8; letter-spacing:0; font-weight:400; color:#666; word-break:keep-all; }
.hershe-eye .eye-revision-focus { padding:120px 0; background:#faf8fb; }
.hershe-eye .eye-revision-focus-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px 40px; counter-reset:focus; }
.hershe-eye .eye-revision-focus-grid article { padding:26px 0; border-top:1px solid #d7c5e2; counter-increment:focus; }
.hershe-eye .eye-revision-focus-grid h3 { font-size:24px; line-height:1.5; letter-spacing:-.5px; font-weight:700; color:#471b56; word-break:keep-all; }
.hershe-eye .eye-revision-focus-grid h3::before { display:block; margin-bottom:14px; content:'0' counter(focus); font-size:14px; line-height:1.5; letter-spacing:1px; font-weight:400; color:#9974a9; }
.hershe-eye .eye-revision-focus-grid p { margin-top:14px; font-size:17px; line-height:1.8; letter-spacing:0; font-weight:400; color:#666; word-break:keep-all; }


/* 눈성형 · 페이지별 배경 및 기타 기존 구성 */
.hershe-eye .info-row .text-box { align-self:center; }
.hershe-eye img { height:auto; }
.hershe-eye .sub0301_04 .imgs img { display:block; width:100%; height:100%; object-fit:cover; }
.hershe-eye .buried-inner { width:calc(100% - 80px); max-width:1280px; margin:0 auto; }
.hershe-eye .buried-section-heading { margin-bottom:64px; text-align:center; }
.hershe-eye .buried-section-heading h2 { font-size:46px; line-height:1.4; letter-spacing:-1.5px; font-weight:700; color:#471b56; word-break:keep-all; }
.hershe-eye .buried-section-heading p { margin-top:18px; font-size:20px; line-height:1.6; letter-spacing:0; font-weight:400; color:#757575; word-break:keep-all; }
.hershe-eye .info-row .text-box h3, .hershe-eye .info-row .text-box p { word-break:keep-all; }
.hershe-eye .qa_wrap p { word-break:keep-all; }
.hershe-eye { overflow:hidden; }
.hershe-eye section[id], .hershe-eye .info-row[id] { scroll-margin-top:100px; }


/* 눈성형 · 접근성과 화면 분기 */
@media (prefers-reduced-motion:reduce) {
    .hershe-eye .bg, .hershe-eye .subtxt3 li, .hershe-eye .subtxt3 .t5 { animation:none; transition:none; }
}
@media (prefers-reduced-motion:reduce) {
    .hershe-eye .fadeup, .hershe-eye .fadeup2, .hershe-eye .fadeleft2, .hershe-eye .fadeleft3, .hershe-eye .faderight2 { opacity:1; transform:none; filter:none; transition:none; }
}


/* 눈밑지방재배치 · 상단과 소개 */
.hershe-eye.hershe-eye-fat .eye-signature-position-1 { top:26%; left:-380px; }
.hershe-eye.hershe-eye-fat .eye-section-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/fat-main.jpg'); background-position:center; }
.hershe-eye-fat .sub0309_01 { --eye-brand-tone:#a18b81; --eye-brand-ink:#ffffff; }
.hershe-eye-fat .sub0309_01 .bg { background-color:#a18b81; }
.hershe-eye.hershe-eye-fat .eye-brand-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/fat-brand.jpg'); background-position:40% center; }
.hershe-eye-fat .eye-fat-intro { padding:90px 0 36px; background:#fff; }
.hershe-eye-fat .eye-fat-intro-inner { display:grid; grid-template-columns:1fr 1.15fr; align-items:center; gap:80px; }
.hershe-eye-fat .eye-fat-intro-inner > img { display:block; width:100%; height:auto; }
.hershe-eye-fat .eye-fat-intro-copy h2 { margin-bottom:22px; font-size:30px; line-height:1.5; letter-spacing:-.6px; font-weight:700; color:#471b56; }
.hershe-eye-fat .eye-fat-intro-copy p { margin-top:22px; font-size:19px; line-height:1.9; letter-spacing:-.3px; font-weight:400; color:#555; word-break:keep-all; }


/* 눈밑지방재배치 · 개인별 솔루션 */
.hershe-eye-fat .eye-fat-solutions { padding:120px 0; background:#f3eef8; }
.hershe-eye-fat .eye-fat-case-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:56px 24px; }
.hershe-eye-fat .eye-fat-case { padding:42px 28px 30px; border:1px solid #ccc; background:#fff; text-align:center; position:relative; border-radius:24px; box-shadow:0 14px 22px rgba(0,0,0,.04); }
.hershe-eye-fat .eye-fat-case-number { display:inline-block; padding:5px 24px; border-radius:30px; background:#471b56; font-size:15px; line-height:1.5; letter-spacing:1px; font-weight:500; color:#fff; position:absolute; top:-18px; left:50%; transform:translateX(-50%); min-width:100px; box-sizing:border-box; }
.hershe-eye-fat .eye-fat-case h3 { margin-top:0; font-size:27px; line-height:1.5; letter-spacing:-.7px; font-weight:700; color:#471b56; word-break:keep-all; min-height:76px; display:flex; align-items:center; justify-content:center; }
.hershe-eye-fat .eye-fat-case > p { margin-top:14px; font-size:17px; line-height:1.8; letter-spacing:-.3px; font-weight:400; color:#666; word-break:keep-all; min-height:92px; }
.hershe-eye-fat .eye-fat-case > .eye-note { width:100%; font-size:12px; line-height:1.7; letter-spacing:0; font-weight:400; min-height:0; margin-top:14px; }
.hershe-eye-fat .eye-fat-case-photos { display:grid; gap:4px; width:100%; margin:22px auto; }
.hershe-eye-fat .eye-fat-case-photos img { display:block; width:100%; height:auto; aspect-ratio:2.75; object-fit:cover; }
.hershe-eye-fat .eye-fat-case ul { margin-top:26px; text-align:left; }
.hershe-eye-fat .eye-fat-case li { position:relative; padding-left:17px; font-size:16px; line-height:1.8; letter-spacing:-.2px; font-weight:400; color:#666; word-break:keep-all; }
.hershe-eye-fat .eye-fat-case li::before { position:absolute; left:0; content:'▶'; font-size:10px; }


/* 눈밑지방재배치 · 회복 단계 */
.hershe-eye-fat .eye-fat-recovery { padding:120px 0; background:#f3eef8; }
.hershe-eye-fat .eye-fat-recovery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:0; background:transparent; }
.hershe-eye-fat .eye-fat-recovery-grid figure { min-width:0; margin:0; }
.hershe-eye-fat .eye-fat-recovery-grid img { display:block; width:100%; height:auto; aspect-ratio:1.5; object-fit:cover; object-position:center; }
.hershe-eye-fat .eye-fat-recovery-grid figcaption { padding-top:12px; text-align:center; font-size:17px; line-height:1.6; letter-spacing:0; font-weight:400; color:#666; }
.hershe-eye-fat .eye-fat-recovery-copy { max-width:900px; margin:36px auto 0; text-align:center; }
.hershe-eye-fat .eye-fat-recovery-copy h3 { margin-bottom:24px; font-size:28px; line-height:1.5; letter-spacing:-.6px; font-weight:700; color:#471b56; }
.hershe-eye-fat .eye-fat-recovery-copy > p { font-size:19px; line-height:1.8; letter-spacing:-.3px; font-weight:400; color:#666; word-break:keep-all; }
.hershe-eye.hershe-eye-fat .eye-only-background-1 { background-image:url('/page_KR0/05_sub/images/eye2026/fat-aging.jpg'); }
.hershe-eye-fat .buried-diagnosis-photo { width:100%; }


/* 눈밑지방재배치 · 수술정보 간격 */
.hershe-eye-fat .sub0309_03 .eye-note { margin-top:0; padding:0 20px; line-height:1.8; }
.hershe-eye-fat .sub0309_03 .target { margin:0 auto; padding-bottom:36px; }
.hershe-eye-fat .sub0309_03 { padding:28px 0 70px; }


/* 눈밑지방재배치 · 대표 전후사진 */
.hershe-eye-fat .main_comparison .eye-photo-pair img { aspect-ratio:2.65; height:auto; object-fit:cover; box-sizing:border-box; }
.hershe-eye-fat .main_comparison .eye-photo-pair { align-items:stretch; }


/* 눈밑지방재배치 · 꺼짐과 처짐 안내 */
.hershe-eye-fat .eye-lower-optional-copy article { padding-top:22px; }
.hershe-eye-fat .eye-lower-optional-copy { display:grid; grid-template-columns:1fr; gap:28px; margin-top:0; }
.hershe-eye-fat .eye-lower-optional-art { width:100%; max-width:460px; margin:0 auto; }
.hershe-eye-fat .eye-lower-optional-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:60px; align-items:center; }


/* 눈밑지방재배치 · 수술과정 이미지 */
.hershe-eye-fat .process-section .text-box { box-sizing:border-box; background:#471b56; padding:16px 8px; font-size:18px; line-height:1.5; min-height:60px; }
.hershe-eye-fat .process-section .img-box3 img { aspect-ratio:1.6; object-fit:cover; height:auto; box-shadow:none; }
.hershe-eye-fat .process-section .img-box3 { overflow:hidden; border-radius:0; background:transparent; }
.hershe-eye-fat .process-section .process-box { background:transparent; border-radius:0; overflow:visible; }


/* 눈밑지방재배치 · 실제 사례 정렬 */
.hershe-eye-fat .sub0309_09 .imgsbna li.txt span { padding-top:12px; font-size:18px; line-height:1.5; }
.hershe-eye-fat .sub0309_09 .eye-photo-pair img { aspect-ratio:3; height:auto; object-fit:cover; }
.hershe-eye-fat .sub0309_09 .imgsbna > ul { width:100%; margin:0; }
.hershe-eye-fat .sub0309_09 .imgsbna { display:grid; width:90%; max-width:1280px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 32px; margin:36px auto 0; }
.hershe-eye-fat .sub0309_09 { padding:100px 0; }


/* 눈밑지방재배치 · 관련 수술 모델 */
.hershe-eye-fat .buried-related-card > img { aspect-ratio:620 / 900; object-fit:cover; object-position:center; width:100%; height:auto; }
.hershe-eye-fat .buried-related-card::after { background:linear-gradient(transparent 40%,rgba(35,29,40,.35) 65%,#302637 100%); }


/* 중년눈재수술 · 설명 이미지 규격 */
.hershe-eye-midlife .personalized_solution .case_img_wrap > img { aspect-ratio:1.48; width:100%; height:auto; object-fit:cover; object-position:center; }