.subbgwrap { position:relative; width:100%; background:#f9f8f4 url('/page_KR0/02_sub/images/new0202bg.jpg')no-repeat 50% 0; background-size:cover; }
.subbgwrap2 { position:relative; width:100%; background:#f9f8f4; }



.subtitletxt2 { position:relative; width:100%; text-align:center; background:#f9f8f4; padding-top:210px; }
.subtitletxt2.nobg { background:none; }
.subtitletxt2 h1 { 
	display:flex; align-items:center; justify-content:center; gap:6px; font-family: 'Minerva Modern Bold'; font-size:23px; font-weight:600; color:#2d2d2d; letter-spacing:0.5px; 
	transform:translateY(70px); opacity:0; filter: blur(4px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.3s;
}
.subtitletxt2 h1 span{ display:block; width:20px; height:1px; background:#2d2d2d; }
.subtitletxt2 .txt1 { 
	font-size:38px; font-weight:700; color:#313131; line-height:100%; margin-top:16px;
	transform:translateY(70px); opacity:0; filter: blur(4px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.3s;
}
.subtitletxt2 .txt2 { 
	font-size:20px; font-weight:400; color:#2c2727; line-height:100%; margin-top:22px;
	transform:translateY(70px); opacity:0; filter: blur(4px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.3s;
}

.subtitletxt2.active h1 { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }
.subtitletxt2.active .txt1 { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }
.subtitletxt2.active .txt2 { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.8s; }

@media all and (min-width:200px) and (max-width:800px) {
	.subtitletxt2 { padding-top:150px; }
	.subtitletxt2 h1 { font-size:20px; }
	.subtitletxt2 .txt1 {  width:90%; margin:0 auto; font-size:24px; line-height:130%; margin-top:12px; }
	.subtitletxt2 .txt2 { width:90%; margin:0 auto; font-size:13px; margin-top:10px;  }
}



.sub0201_1 { position:relative; width:100%; padding:90px 0 50px; background:#f9f8f4; box-sizing:border-box; overflow:hidden; }
.sub0201_1 .subcenter { position:relative; width:100%; max-width:1420px; margin:0 auto; display:flex; flex-wrap:wrap; }
.sub0201_1 .subcenter .subtxt { position:relative; width:51%; padding-right:5%; padding-top:100px; box-sizing:border-box; transform:translateX(-70px); opacity:0; filter: blur(4px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.3s; }
.sub0201_1 .subcenter .subtxt .t1 { font-size:38px; font-weight:700; color:#6eb2a3; line-height:130%; }
.sub0201_1 .subcenter .subtxt .t2 { font-size:38px; font-weight:700; color:#2c2c2c; line-height:130%; }
.sub0201_1 .subcenter .subtxt .t3 { margin-top:30px; font-size:20px; font-weight:400; color:#413f3f; line-height:160%; }
.sub0201_1 .subcenter .subtxt .t3 span { font-weight:600; }
.sub0201_1 .subcenter .imgs { position:relative; width:49%; text-align:right; transform:translateX(70px); opacity:0; filter: blur(4px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.3s; }
.sub0201_1 .subcenter .imgs img { display:inline-block; width:100%; max-width:672px; }

.sub0201_1.active .subtxt { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.6s; }
.sub0201_1.active .imgs { transform:translateX(0px); opacity:100%; filter: blur(0px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.6s; }


@media all and (min-width:801px) and (max-width:1280px) {
	.sub0201_1 .subcenter { width:90%; }
	.sub0201_1 .subcenter .subtxt { padding-top:6vh; }
	.sub0201_1 .subcenter .subtxt .t1 { font-size:2.4vw;; }
	.sub0201_1 .subcenter .subtxt .t2 { font-size:2.4vw; }
	.sub0201_1 .subcenter .subtxt .t3 { margin-top:30px; font-size:1.2vw; }
}
@media all and (min-width:200px) and (max-width:800px) {
	.sub0201_1 { padding-top:60px; }
	.sub0201_1 .subcenter { width:90%; max-width:672px; }
	.sub0201_1 .subcenter .subtxt { width:100%; padding-top:0px; }
	.sub0201_1 .subcenter .imgs { width:100%; margin-top:20px; }
	.sub0201_1 .subcenter .subtxt .t1 { font-size:5vw;; }
	.sub0201_1 .subcenter .subtxt .t2 { font-size:5vw; }
	.sub0201_1 .subcenter .subtxt .t3 { margin-top:10px; font-size:3.2vw; }
}






#sub0201_2 { position:relative; width:100%; padding:150px 0; background:#f9f8f4; overflow:hidden; }
#sub0201_2 h2  { 
	transform:translateY(90px); opacity:0%; filter: blur(4px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.6s; 
	width:100%; text-align:center; font-size:30px; font-weight:700; color:#313131; line-height:100%; 
}
#sub0201_2 .contxt  { 
	transform:translateY(90px); opacity:0%; filter: blur(4px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.6s; 
	width:100%; margin-top:20px; text-align:center; font-family: 'Noto Serif KR'; font-size:66px; font-weight:600; color:#30675b; line-height:100%; 
}
#sub0201_2 .contxt span { font-size:40px; font-weight:400; }
#sub0201_2 .boxwrap { 
	transform:translateY(90px); opacity:0%; filter: blur(4px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.6s; 
	position:relative; width:90%; max-width:1440px; margin:0 auto; margin-top:50px; overflow:hidden; display:flex; justify-content: space-between; 
}
#sub0201_2 .boxwrap .box { position:relative; width:32%; }
#sub0201_2 .boxwrap .box div.title { width:100%; height:68px; background:#ffffff; text-align:center; font-size:20px; font-weight:500; color:#272727; line-height:68px; }
#sub0201_2 .boxwrap .box div.title span { font-weight:600; color:#4daca3; }
#sub0201_2 .boxwrap .box div.imgs { width:100%; }
#sub0201_2 .boxwrap .box div.imgs img { width:100%; }
#sub0201_2 .boxwrap .box .txt { width:100%; display:flex; }
#sub0201_2 .boxwrap .box .txt li { width:50%; height:36px; text-align:center; line-height:36px; font-size:16px; font-weight:500; color:#464646; }
#sub0201_2 .boxwrap .box .txt li.t1 { background:#ffffff; }
#sub0201_2 .boxwrap .box .txt li.t2 { background:#afd4cc; }
#sub0201_2 .boxwrap .box .txt2 { width:100%; height:47px; display:flex; margin-top:26px; border-bottom:1px solid #aeaeae; }
#sub0201_2 .boxwrap .box .txt2 li.t1 { position:relative; width:45%; height:47px; padding-top:14px; font-size:16px; font-weight:500; color:#393939; box-sizing:border-box; }
#sub0201_2 .boxwrap .box .txt2 li.t1 div { position:absolute; top:10px; left:66%; transform:translate(-50%,0%); font-size:20px; font-weight:700; }
#sub0201_2 .boxwrap .box .txt2 li.t1 div span { font-size:16px; }
#sub0201_2 .boxwrap .box .txt2 li.t2 { position:relative; width:10%; height:47px; background:url('/page_KR0/02_sub/images/aw.jpg')no-repeat 50% 50%; }
#sub0201_2 .boxwrap .box .txt2 li.t3 { position:relative; width:45%; height:47px; padding-top:14px; box-sizing:border-box; }
#sub0201_2 .boxwrap .box .txt2 li.t3 div.txt11 { position:absolute; top:10px; left:30%; transform:translate(-50%,0%); font-size:20px; font-weight:700; color:#393939; }
#sub0201_2 .boxwrap .box .txt2 li.t3 div.txt11 span { font-size:16px; }
#sub0201_2 .boxwrap .box .txt2 li.t3 div.txt22 { 
	position:absolute; top:0px; right:0px; width:72px; height:34px; border-radius:41px; background:#afd4cc; text-align:center; 
	line-height:34px; font-size:20px; font-weight:600;color:#393939; 
}
#sub0201_2 .boxwrap .box .txt2 li.t3 div.txt22 span { font-size:16px; }
#sub0201_2 .boxwrap .box .txt2.txt3 { width:100%; height:47px; display:flex; margin-top:10px; border-bottom:0px solid #aeaeae; }

#sub0201_2.active h2 { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.1s; }
#sub0201_2.active .contxt { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.1s; }
#sub0201_2.active .boxwrap { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.4s; }





@media all and (min-width:200px) and (max-width:800px) {
	#sub0201_2 { padding:15% 0; }
	#sub0201_2 h2  {width:90%; margin:0 auto; text-align:center; font-size:20px; opacity:100%; filter: blur(0px); transform:translateY(0px); }
	#sub0201_2 .contxt  { 
		opacity:100%; filter: blur(0px); transform:translateY(0px);
		margin-top:10px; font-size:36px; 
	}
	#sub0201_2 .contxt span { font-size:20px; font-weight:400; }
	#sub0201_2 .boxwrap { position:relative; width:90%; margin-top:20px; display:block; opacity:100%; filter: blur(0px); transform:translateY(0px); }
	#sub0201_2 .boxwrap .box { position:relative; width:100%; margin-bottom:8%; }
	#sub0201_2 .boxwrap .box div.title { width:100%; height:43px; font-size:14px; font-weight:600; line-height:43px; }
	#sub0201_2 .boxwrap .box .txt2 { width:100%; height:34px; display:flex; margin-top:26px; border-bottom:1px solid #aeaeae; }
	#sub0201_2 .boxwrap .box .txt2 li.t1 { position:relative; width:45%; height:34px; padding-top:14px; font-size:14px; }
	#sub0201_2 .boxwrap .box .txt2 li.t1 div { position:absolute; top:10px; left:66%; transform:translate(-50%,0%); font-size:16px; font-weight:700; }
	#sub0201_2 .boxwrap .box .txt2 li.t1 div span { font-size:16px; }
	#sub0201_2 .boxwrap .box .txt2 li.t2 { position:relative; width:10%; height:34px; }
	#sub0201_2 .boxwrap .box .txt2 li.t3 { position:relative; width:45%; height:34px; padding-top:14px; }
	#sub0201_2 .boxwrap .box .txt2 li.t3 div.txt11 { position:absolute; top:10px; left:30%; transform:translate(-50%,0%); font-size:16px; }
	#sub0201_2 .boxwrap .box .txt2 li.t3 div.txt11 span { font-size:16px; }
	#sub0201_2 .boxwrap .box .txt2 li.t3 div.txt22 { width:56px; height:26px; border-radius:34px; line-height:26px; font-size:14px; }
	#sub0201_2 .boxwrap .box .txt2 li.t3 div.txt22 span { font-size:16px; }
	#sub0201_2 .boxwrap .box .txt2.txt3 { width:100%; height:34px; display:flex; margin-top:10px; border-bottom:0px solid #aeaeae; }


}


.sub0201_3{ position:relative; width:100%; padding:50px 0 130px; background:#f9f8f4; box-sizing:border-box; overflow:hidden; }
.sub0201_3 .subcenter{ position:relative; width:90%; max-width:1440px; margin:0 auto; }
.sub0201_3 .whitebox{ position:relative; width:100%; background:#ffffff; border-radius:24px; padding:70px 60px 60px; box-sizing:border-box; text-align:center; transform:translateY(60px); opacity:0; filter:blur(4px); transition:all 1.2s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0201_3.active .whitebox{ transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1.2s cubic-bezier(0.25,1,0.5,1) 0.3s; }
.sub0201_3 .whitebox .t1{ font-size:40px; font-weight:600; color:#4f7d73; line-height:130%; }
.sub0201_3 .whitebox .t2{ font-size:40px; font-weight:600; color:#232323; line-height:130%; }
.sub0201_3 .whitebox .t3{ margin-top:22px; font-size:20px; font-weight:400; color:#2c2727; line-height:150%; }
.sub0201_3 .iconlist{ display:flex; justify-content:center; margin-top:56px; }
.sub0201_3 .iconlist li{ position:relative; width:220px; padding:0 10px; box-sizing:border-box; border-right:1px solid #e5e2da; }
.sub0201_3 .iconlist li:last-child{ border-right:0px; }
.sub0201_3 .iconlist li .ico{ width:100%; height:56px; text-align:center; display:flex; justify-content:center; align-items: center; margin:0 auto; }
.sub0201_3 .iconlist li .ico img { display:inline-block; }
.sub0201_3 .iconlist li p{ margin-top:18px; font-size:19px; font-weight:500; color:#656565; line-height:130%; }
.sub0201_3 .bottxt{ position:relative; width:100%; text-align:center; margin-top:70px; transform:translateY(40px); opacity:0; filter:blur(4px); transition:all 1.2s cubic-bezier(0.25,1,0.5,1) 0.4s; }
.sub0201_3.active .bottxt{ transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1.2s cubic-bezier(0.25,1,0.5,1) 0.6s; }
.sub0201_3 .bottxt .t1{ font-size:22px; font-weight:600; color:#383636; line-height:150%; }
.sub0201_3 .bottxt .t2{ font-size:22px; font-weight:600; color:#383636; line-height:150%; }

@media all and (min-width:801px) and (max-width:1280px){
	.sub0201_3 .whitebox{ padding:6vh 5% 5%; }
	.sub0201_3 .whitebox .t2{ font-size:2.4vw; }
	.sub0201_3 .whitebox .t3{ font-size:1.2vw; }
	.sub0201_3 .iconlist{ flex-wrap:wrap; }
	.sub0201_3 .iconlist li{ width:33.33%; margin-bottom:30px; }
	.sub0201_3 .bottxt .t1,
	.sub0201_3 .bottxt .t2{ font-size:1.6vw; }
}

@media all and (min-width:200px) and (max-width:800px){
	.sub0201_3{ padding:60px 0 80px; }
	.sub0201_3 .whitebox{ border-radius:16px; padding:40px 5% 30px; }
	.sub0201_3 .whitebox .t1{ font-size:16px; }
	.sub0201_3 .whitebox .t2{ margin-top:10px; font-size:5vw; }
	.sub0201_3 .whitebox .t3{ margin-top:16px; font-size:3.2vw; }
	.sub0201_3 .iconlist{ flex-wrap:wrap; margin-top:30px; }
	.sub0201_3 .iconlist li{ width:50%; margin-bottom:26px; border-right:0px; }
	.sub0201_3 .iconlist li .ico{ width:44px; height:44px; }
	.sub0201_3 .iconlist li p{ margin-top:12px; font-size:3.4vw; }
	.sub0201_3 .bottxt{ margin-top:40px; }
	.sub0201_3 .bottxt .t1,
	.sub0201_3 .bottxt .t2{ font-size:4vw; line-height:160%; }
}


.sub0202_1{ position:relative; width:100%; padding:100px 0 50px; box-sizing:border-box; overflow:hidden; }
.sub0202_1 .subcenter{ position:relative; width:90%; max-width:1440px; margin:0 auto; text-align:center; }
.sub0202_1 .step{ display:inline-block; padding:0 22px; height:38px; line-height:38px; border-radius:50px; background:#afd4cc; font-family: 'Noto Serif KR'; font-size:20px; font-weight:600; letter-spacing:1px; color:#575c5b; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0202_1.active .step{ transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0202_1 .t1{ margin-top:14px; font-size:30px; font-weight:700; color:#4f7d73; line-height:130%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0202_1.active .t1{ transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0202_1 .t2{ margin-top:14px; font-size:20px; font-weight:400; color:#2c2727; line-height:150%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.3s; }
.sub0202_1.active .t2{ transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.3s; }
.sub0202_1 .cardlist{ display:flex; justify-content:center; gap:16px; margin-top:50px; }
.sub0202_1 .cardlist li{ position:relative; width:220px; padding:40px 20px 34px; background:#ffffff; border-radius:16px; box-sizing:border-box; box-shadow:0 10px 26px rgba(0,0,0,0.05); transform:translateY(40px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1); }
.sub0202_1.active .cardlist li{ transform:translateY(0px); opacity:100%; filter:blur(0px); }
.sub0202_1.active .cardlist li:nth-child(1){ transition-delay:0.2s; }
.sub0202_1.active .cardlist li:nth-child(2){ transition-delay:0.3s; }
.sub0202_1.active .cardlist li:nth-child(3){ transition-delay:0.4s; }
.sub0202_1.active .cardlist li:nth-child(4){ transition-delay:0.5s; }
.sub0202_1.active .cardlist li:nth-child(5){ transition-delay:0.6s; }
.sub0202_1.active .cardlist li:nth-child(6){ transition-delay:0.7s; }
.sub0202_1 .cardlist li .ico{ width:100%; height:60px; text-align:center; display:flex; justify-content:center; align-items: center; margin:0 auto; }
.sub0202_1 .cardlist li .ico img{ display:inline-block; }
.sub0202_1 .cardlist li .name{ margin-top:20px; font-size:20px; font-weight:600; color:#141414; line-height:130%; }
.sub0202_1 .cardlist li .desc{ margin-top:10px; font-size:18px; font-weight:400; color:#525252; line-height:140%; }





@media all and (min-width:801px) and (max-width:1280px){
	.sub0202_1{ padding:8vh 0 8vh; }
	.sub0202_1 .t1{ font-size:2.4vw; }
	.sub0202_1 .t2{ font-size:1.2vw; }
	.sub0202_1 .cardlist{ flex-wrap:wrap; gap:2%; }
	.sub0202_1 .cardlist li{ width:31%; margin-bottom:2%; }
}

@media all and (min-width:200px) and (max-width:800px){
	.sub0202_1{ padding:60px 0 60px; }
	.sub0202_1 .step{ font-size:12px; height:28px; line-height:28px; padding:0 16px; }
	.sub0202_1 .t1{ margin-top:10px; font-size:5.2vw; }
	.sub0202_1 .t2{ margin-top:10px; font-size:3.4vw; }
	.sub0202_1 .cardlist{ flex-wrap:wrap; gap:3%; margin-top:30px; }
	.sub0202_1 .cardlist li{ width:47%; margin-bottom:3%; padding:30px 10px 24px; }
	.sub0202_1 .cardlist li .ico{ width:48px; height:48px; }
	.sub0202_1 .cardlist li .name{ margin-top:14px; font-size:4vw; }
	.sub0202_1 .cardlist li .desc{ margin-top:8px; font-size:3.2vw; }
}



.sub0202_2{ position:relative; width:100%; padding:50px 0 50px; box-sizing:border-box; overflow:hidden; }
.sub0202_2 .subcenter{ position:relative; width:90%; max-width:1440px; margin:0 auto; text-align:center; }
.sub0202_2 .step{ display:inline-block; padding:0 22px; height:38px; line-height:38px; border-radius:50px; background:#afd4cc; font-family:'Noto Serif KR'; font-size:20px; font-weight:600; letter-spacing:1px; color:#575c5b; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0202_2.active .step{ transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0202_2 .t1{ margin-top:14px; font-size:30px; font-weight:700; color:#4f7d73; line-height:130%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0202_2.active .t1{ transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0202_2 .t2{ margin-top:14px; font-size:20px; font-weight:400; color:#2c2727; line-height:150%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.3s; }
.sub0202_2.active .t2{ transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.3s; }

.sub0202_2 .flowlist{ display:flex; align-items: flex-start; justify-content:center; margin-top:60px; transform:translateY(40px); opacity:0; filter:blur(4px); transition:all 1.2s cubic-bezier(0.25,1,0.5,1) 0.4s; }
.sub0202_2.active .flowlist{ transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1.2s cubic-bezier(0.25,1,0.5,1) 0.4s; }
.sub0202_2 .flowlist .item{ display:flex; flex-direction:column; align-items:center; width:150px; }
.sub0202_2 .flowlist .item .circle{ position:relative; width:156px; height:156px; border-radius:50%; background:#ffffff; border:1px solid #dbe4e0; box-sizing:border-box; }
.sub0202_2 .flowlist .item .circle .ico { display:block; width:100%; height:100%; display:flex; justify-content:center; align-items: center; }
.sub0202_2 .flowlist .item .circle .ico img { display:inline-block; }
.sub0202_2 .flowlist .item.on .circle{ background:#4a685f; border:1px solid #4a685f; }
.sub0202_2 .flowlist .item .name{ margin-top:16px; font-size:20px; font-weight:600; color:#0f0f0f; line-height:100%; }
.sub0202_2 .flowlist .op { padding-top:60px; width:50px; text-align:center; font-size:30px; font-weight:600; color:#4f7d73; }
.sub0202_2 .flowlist .op.arrow{ font-size:26px; font-weight:600; color:#4f7d73; }

@media all and (min-width:801px) and (max-width:1280px){
	.sub0202_2{ padding:8vh 0 8vh; }
	.sub0202_2 .t1{ font-size:2.4vw; }
	.sub0202_2 .t2{ font-size:1.2vw; }
	.sub0202_2 .flowlist{ flex-wrap:wrap; row-gap:20px; }
	.sub0202_2 .flowlist .item{ width:16vw; }
	.sub0202_2 .flowlist .item .circle{ width:9vw; height:9vw; }
	.sub0202_2 .flowlist .op{ width:3vw; }
}

@media all and (min-width:200px) and (max-width:800px){
	.sub0202_2{ padding:60px 0 60px; }
	.sub0202_2 .step{ font-size:14px; height:30px; line-height:30px; padding:0 16px; }
	.sub0202_2 .t1{ margin-top:10px; font-size:5.2vw; }
	.sub0202_2 .t2{ margin-top:10px; font-size:3.4vw; }
	.sub0202_2 .flowlist{ flex-wrap:wrap; row-gap:24px; margin-top:40px; }
	.sub0202_2 .flowlist .item{ width:28%; }
	.sub0202_2 .flowlist .item .circle{ width:20vw; height:20vw; }
	.sub0202_2 .flowlist .item .circle .ico img { display:inline-block; max-width:38px; }
	.sub0202_2 .flowlist .item:nth-child(1) .circle .ico img { display:inline-block; max-width:28px; }
	.sub0202_2 .flowlist .item:nth-child(3) .circle .ico img { display:inline-block; max-width:28px; }
	.sub0202_2 .flowlist .item .name{ margin-top:10px; font-size:3.6vw; }
	.sub0202_2 .flowlist .op{ padding-top:30px;  width:6%; font-size:5vw; }
	.sub0202_2 .flowlist .op.arrow{ font-size:5vw; }
}




.sub0202_3{ position:relative; width:100%; padding:100px 0 50px; box-sizing:border-box; overflow:hidden; }
.sub0202_3 .subcenter{ position:relative; width:90%; max-width:1440px; margin:0 auto; text-align:center; }
.sub0202_3 .step{ display:inline-block; padding:0 22px; height:38px; line-height:38px; border-radius:50px; background:#afd4cc; font-family:'Noto Serif KR'; font-size:20px; font-weight:600; letter-spacing:1px; color:#575c5b; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0202_3.active .step{ transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0202_3 .t1{ margin-top:14px; font-size:30px; font-weight:700; color:#4f7d73; line-height:130%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0202_3.active .t1{ transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0202_3 .t2{ margin-top:14px; font-size:20px; font-weight:400; color:#2c2727; line-height:150%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.3s; }
.sub0202_3.active .t2{ transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.3s; }

.sub0202_3 .cardlist{ display:flex; gap:34px; margin-top:56px; }
.sub0202_3 .cardlist li{ position:relative; background:#ffffff; border-radius:10px; padding:12px; box-sizing:border-box; overflow:hidden; text-align:center; transform:translateY(40px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1); }
.sub0202_3.active .cardlist li{ transform:translateY(0px); opacity:100%; filter:blur(0px); }
.sub0202_3.active .cardlist li:nth-child(1){ transition-delay:0.3s; }
.sub0202_3.active .cardlist li:nth-child(2){ transition-delay:0.4s; }
.sub0202_3.active .cardlist li:nth-child(3){ transition-delay:0.5s; }
.sub0202_3.active .cardlist li:nth-child(4){ transition-delay:0.6s; }
.sub0202_3 .cardlist li .thumb{ display:block; width:100%; border-radius:10px;  overflow:hidden; }
.sub0202_3 .cardlist li .thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.sub0202_3 .cardlist li .name{ margin-top:26px; font-size:25px; font-weight:600; color:#313131; line-height:100%; }
.sub0202_3 .cardlist li .desc{ margin-top:14px; padding:0 0 35px; font-size:18px; font-weight:400; color:#656565; line-height:155%; box-sizing:border-box; }

@media all and (min-width:801px) and (max-width:1280px){
	.sub0202_3{ padding:8vh 0 8vh; }
	.sub0202_3 .t1{ font-size:2.4vw; }
	.sub0202_3 .t2{ font-size:1.2vw; }
	.sub0202_3 .cardlist{ flex-wrap:wrap; gap:2%; }
	.sub0202_3 .cardlist li{ width:48%; margin-bottom:3%; }
	.sub0202_3 .cardlist li .name{ font-size:1.6vw; }
	.sub0202_3 .cardlist li .desc{ font-size:1.1vw; }
}

@media all and (min-width:200px) and (max-width:800px){
	.sub0202_3{ padding:60px 0 60px; }
	.sub0202_3 .step{ font-size:14px; height:30px; line-height:30px; padding:0 16px; }
	.sub0202_3 .t1{ margin-top:10px; font-size:5.2vw; }
	.sub0202_3 .t2{ margin-top:10px; font-size:3.4vw; }
	.sub0202_3 .cardlist{ flex-wrap:wrap; gap:2%; margin-top:36px; }
	.sub0202_3 .cardlist li{ width:48%; margin-bottom:6%; }
	.sub0202_3 .cardlist li .name{ margin-top:20px; font-size:4.6vw; }
	.sub0202_3 .cardlist li .desc{ margin-top:10px; padding:0 4px 24px; font-size:3.4vw; }
	.sub0202_3 .cardlist li .desc br { display:none; }
}



.sub0202_4{ position:relative; width:100%; padding:100px 0 50px; box-sizing:border-box; overflow:hidden; }
.sub0202_4 .subcenter{ position:relative; width:90%; max-width:1440px; margin:0 auto; text-align:center; }
.sub0202_4 .step{ display:inline-block; padding:0 22px; height:38px; line-height:38px; border-radius:50px; background:#afd4cc; font-family:'Noto Serif KR'; font-size:20px; font-weight:600; letter-spacing:1px; color:#575c5b; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0202_4.active .step{ transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0202_4 .t1{ margin-top:14px; font-size:30px; font-weight:700; color:#4f7d73; line-height:130%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0202_4.active .t1{ transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0202_4 .t2{ margin-top:14px; font-size:20px; font-weight:400; color:#2c2727; line-height:150%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.3s; }
.sub0202_4.active .t2{ transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.3s; }

.sub0202_4 .cardlist{ display:flex; justify-content:center; gap:24px; margin-top:56px; }
.sub0202_4 .cardlist li{ position:relative; width:48%; transform:translateY(40px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1); }
.sub0202_4.active .cardlist li{ transform:translateY(0px); opacity:100%; filter:blur(0px); }
.sub0202_4.active .cardlist li:nth-child(1){ transition-delay:0.3s; }
.sub0202_4.active .cardlist li:nth-child(2){ transition-delay:0.5s; }
.sub0202_4 .cardlist li .thumb{ width:100%; }
.sub0202_4 .cardlist li .thumb img{ width:100%;}
.sub0202_4 .cardlist li .name{ margin-top:28px; font-size:28px; font-weight:600; color:#282828; line-height:130%; }
.sub0202_4 .cardlist li .desc{ margin-top:10px; font-size:19px; font-weight:400; color:#656565; line-height:160%; }

@media all and (min-width:801px) and (max-width:1280px){
	.sub0202_4{ padding:8vh 0 8vh; }
	.sub0202_4 .t1{ font-size:2.4vw; }
	.sub0202_4 .t2{ font-size:1.2vw; }
	.sub0202_4 .cardlist li .thumb{ padding:3vw; }
	.sub0202_4 .cardlist li .name{ font-size:1.6vw; }
	.sub0202_4 .cardlist li .desc{ font-size:1.1vw; }
}

@media all and (min-width:200px) and (max-width:800px){
	.sub0202_4{ padding:60px 0 30px; }
	.sub0202_4 .step{ font-size:14px; height:30px; line-height:30px; padding:0 16px; }
	.sub0202_4 .t1{ margin-top:10px; font-size:5.2vw; }
	.sub0202_4 .t2{ margin-top:10px; font-size:3.4vw; }
	.sub0202_4 .cardlist{ flex-wrap:wrap; gap:8%; margin-top:14px; }
	.sub0202_4 .cardlist li{ width:100%; margin-bottom:10%; }
	.sub0202_4 .cardlist li .thumb{ }
	.sub0202_4 .cardlist li .name{ margin-top:20px; font-size:4.6vw; }
	.sub0202_4 .cardlist li .desc{ margin-top:8px; font-size:3.4vw; }
}



.sub0202_5{ position:relative; width:100%; padding:100px 0 90px; box-sizing:border-box; overflow:hidden; }
.sub0202_5 .subcenter{ position:relative; width:90%; max-width:1440px; margin:0 auto; text-align:center; }
.sub0202_5 .step{ display:inline-block; padding:0 22px; height:38px; line-height:38px; border-radius:50px; background:#afd4cc; font-family:'Noto Serif KR'; font-size:20px; font-weight:600; letter-spacing:1px; color:#575c5b; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0202_5.active .step{ transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0202_5 .t1{ margin-top:14px; font-size:30px; font-weight:700; color:#4f7d73; line-height:130%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0202_5.active .t1{ transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0202_5 .t2{ margin-top:14px; font-size:20px; font-weight:400; color:#2c2727; line-height:150%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.3s; }
.sub0202_5.active .t2{ transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.3s; }

.sub0202_5 .cardlist{ display:flex; justify-content:center; gap:24px; margin-top:50px; }
.sub0202_5 .cardlist li{ position:relative; width:32%; transform:translateY(40px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1); }
.sub0202_5.active .cardlist li{ transform:translateY(0px); opacity:100%; filter:blur(0px); }
.sub0202_5.active .cardlist li:nth-child(1){ transition-delay:0.3s; }
.sub0202_5.active .cardlist li:nth-child(2){ transition-delay:0.45s; }
.sub0202_5.active .cardlist li:nth-child(3){ transition-delay:0.6s; }
.sub0202_5 .cardlist li .compare{ position:relative; width:100%; aspect-ratio:432/340; border-radius:10px; overflow:hidden; }
.sub0202_5 .cardlist li .compare img{ width:100%; height:100%; object-fit:cover; display:block; }
.sub0202_5 .note{ margin-top:36px; font-size:15px; font-weight:500; color:#575c5b; line-height:150%; }

@media all and (min-width:801px) and (max-width:1280px){
	.sub0202_5{ padding:8vh 0 6vh; }
	.sub0202_5 .t1{ font-size:2.4vw; }
	.sub0202_5 .t2{ font-size:1.2vw; }
	.sub0202_5 .note{ font-size:1.1vw; }
}

@media all and (min-width:200px) and (max-width:800px){
	.sub0202_5{ padding:60px 0 50px; }
	.sub0202_5 .step{ font-size:14px; height:30px; line-height:30px; padding:0 16px; }
	.sub0202_5 .t1{ margin-top:10px; font-size:5.2vw; }
	.sub0202_5 .t2{ margin-top:10px; font-size:3.4vw; }
	.sub0202_5 .cardlist{ flex-wrap:wrap; gap:5%; margin-top:34px; }
	.sub0202_5 .cardlist li{ width:100%; margin-bottom:8%; }
	.sub0202_5 .note{ margin-top:20px; font-size:3.2vw; }
}





.sub0203_1{ position:relative; width:100%; padding:100px 0 120px; background:#f9f8f4; box-sizing:border-box; overflow:hidden; }
.sub0203_1 .subcenter{ position:relative; width:90%; max-width:1280px; margin:0 auto; }
.sub0203_1 .doclist{ position:relative; width:100%; }
.sub0203_1 .doclist .doc{ display:flex; gap:88px; width:100%; padding:70px 0; transform:translateY(40px); opacity:0; filter:blur(4px); transition:all 1.1s cubic-bezier(0.25,1,0.5,1); }
.sub0203_1 .doclist .doc:first-child{ padding-top:0; }
.sub0203_1 .doclist .doc:last-child{ border-bottom:0px; padding-bottom:0; }
.sub0203_1.active .doclist .doc{ transform:translateY(0px); opacity:100%; filter:blur(0px); }
.sub0203_1.active .doclist .doc:nth-child(1){ transition-delay:0.2s; }
.sub0203_1.active .doclist .doc:nth-child(2){ transition-delay:0.35s; }
.sub0203_1.active .doclist .doc:nth-child(3){ transition-delay:0.5s; }
.sub0203_1 .doclist .doc .photo{ flex:0 0 auto; width:399px; }
.sub0203_1 .doclist .doc .photo img{ width:100%; display:block; }
.sub0203_1 .doclist .doc .info{ flex:1 1 auto; min-width:0; }
.sub0203_1 .doclist .doc .info .name{ font-size:26px; font-weight:600; color:#002e2b; line-height:100%; }
.sub0203_1 .doclist .doc .info .topline{ width:100%; height:1px; margin-top:22px; background:#e3e0d8; }
.sub0203_1 .doclist .doc .info .block{ margin-top:28px; }
.sub0203_1 .doclist .doc .info .block .label{ font-size:19px; font-weight:700; color:#413f3f; line-height:100%; }
.sub0203_1 .doclist .doc .info .block ul{ margin-top:14px; }
.sub0203_1 .doclist .doc .info .block ul li{ position:relative; padding-left:14px; margin-bottom:4px; font-size:18px; font-weight:400; color:#413f3f; line-height:150%; }
.sub0203_1 .doclist .doc .info .block ul li:last-child{ margin-bottom:0; }
.sub0203_1 .doclist .doc .info .block ul li::before{ content:"·"; position:absolute; top:0; left:0; color:#4a4a4a; }
.sub0203_1 .doclist .doc .info .block .txt{ width:100%; border-bottom:1px solid #e3e0d8; padding-bottom:50px; margin-top:14px; font-size:18px; font-weight:400; color:#413f3f; line-height:150%; }

@media all and (min-width:801px) and (max-width:1280px){
	.sub0203_1{ padding:8vh 0 10vh; }
	.sub0203_1 .doclist .doc{ gap:4vw; padding:6vh 0; }
	.sub0203_1 .doclist .doc .photo{ width:30vw; }
	.sub0203_1 .doclist .doc .info .name{ font-size:2vw; }
	.sub0203_1 .doclist .doc .info .block .label{ font-size:1.3vw; }
	.sub0203_1 .doclist .doc .info .block ul li,
	.sub0203_1 .doclist .doc .info .block .txt{ font-size:1.15vw; }
}

@media all and (min-width:200px) and (max-width:800px){
	.sub0203_1{ padding:60px 0 70px; }
	.sub0203_1 .doclist .doc{ flex-direction:column; gap:24px; padding:44px 0; }
	.sub0203_1 .doclist .doc .photo{ width:100%; max-width:280px; margin:0 auto; }
	.sub0203_1 .doclist .doc .info .name{ font-size:5.4vw; text-align:center; }
	.sub0203_1 .doclist .doc .info .topline{ margin-top:16px; }
	.sub0203_1 .doclist .doc .info .block{ margin-top:22px; }
	.sub0203_1 .doclist .doc .info .block .label{ font-size:4vw; }
	.sub0203_1 .doclist .doc .info .block ul li,
	.sub0203_1 .doclist .doc .info .block .txt{ font-size:3.6vw; }
}




.sub0103_01 { position:relative; width:100%; max-width:1280px; margin:0 auto; margin-bottom:100px; }
.sub0103_01 .subinte { width:100%; overflow:hidden; }
.sub0103_01 .imgs { width:100%; }
.sub0103_01 .txt { width:100%; height:82px; line-height:82px; padding:0 42px; font-size:21px; font-weight:400; color:#1c1c1c; background:#e2e9ee; box-sizing:border-box; }

.sub0103_01 .v-prev2 { position:absolute; top:42%; left:-60px; width:42px; height:42px; cursor:pointer; }
.sub0103_01 .v-next2 { position:absolute; top:42%; right:-60px; width:42px; height:42px; cursor:pointer; }
.sub0103_01 .v-pagination2 {
	position:absolute; bottom:28px; right:42px; left:auto; width:75px; height:30px; line-height:30px;
	font-family: 'Orpheus Pro'; font-size:17px; color:#ffffff; background:#1f2e5b; border-radius:50px; text-align:center; overflow: initial !important; z-index:3;
}

.sub0103_01 .subintebt { position:relative; width:100%; max-width:1280px; margin:0 auto; margin-top:10px; overflow:hidden; }
.sub0103_01 .subintebt .swiper-slide { cursor:pointer; }

@media all and (max-width:1024px) {
	.sub0103_01 { position:relative; width:100%; max-width:744px; margin:0 auto; margin-top:50px; padding-bottom:50px; }
	.sub0103_01 .subinte { width:82%; margin:0 auto; overflow:hidden; }
	.sub0103_01 .imgs { width:100%; }
	.sub0103_01 .txt { width:100%; height:82px; line-height:82px; padding:0 42px; font-size:21px; font-weight:400; color:#1c1c1c; background:#e2e9ee; box-sizing:border-box; }

	.sub0103_01 .v-prev2 { position:absolute; top:38%; left:0px; width:34px; height:34px; cursor:pointer; }
	.sub0103_01 .v-next2 { position:absolute; top:38%; right:0px; width:34px; height:34px; cursor:pointer; }
	.sub0103_01 .v-pagination2 {
		position:absolute; bottom:28px; right:42px; left:auto; width:75px; height:30px; line-height:30px;
		font-family: 'Orpheus Pro'; font-size:17px; color:#ffffff; background:#1f2e5b; border-radius:50px; text-align:center; overflow: initial !important; z-index:3;
	}
	.sub0103_01 .subintebt { position:relative; width:82%; max-width:744px; margin:0 auto; margin-top:10px; overflow:hidden; }
	.sub0103_01 .subintebt .swiper-slide { cursor:pointer; }
}

@media all and (max-width:640px) {
	.sub0103_01 { margin-top:30px; padding-bottom:30px; }
	.sub0103_01 .txt { height:56px; line-height:56px; padding:0 20px; font-size:15px; }
	.sub0103_01 .v-prev2,
	.sub0103_01 .v-next2 { width:26px; height:26px; }
	.sub0103_01 .v-pagination2 { right:16px; bottom:16px; width:60px; height:24px; line-height:24px; font-size:13px; }
}




.sub0301_1 { position:relative; width:100%; min-height:814px; overflow:hidden; }
.sub0301_1 .subvtxt { position:absolute; top:60%; left:50%; transform:translate(-50%,-50%); width:90%; max-width:1480px; opacity:0; filter:blur(4px); transition:all 1.2s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0301_1.active .subvtxt { top:50%; opacity:100%; filter:blur(0px); transition:all 1.2s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0301_1 .subvtxt .t1 { font-size:22px; font-weight:500; color:#454545; line-height:100%; letter-spacing:-1px; }
.sub0301_1 .subvtxt .t2 { margin-top:18px; font-family: 'Noto Serif KR'; font-size:54px; font-weight:500; color:#1e1e1e; line-height:120%; }
.sub0301_1 .subvtxt .t3 { margin-top:22px; font-size:23px; font-weight:400; color:#454545; line-height:160%; }
.sub0301_1 .subvtxt .t4 { margin-top:32px; display:flex; flex-wrap: wrap; flex-direction: column; align-content: flex-start; align-items: stretch; }
.sub0301_1 .subvtxt .t4 span { 
	display:block; margin-bottom:12px; padding:0 20px; height:38px; line-height:38px; border-radius:6px; background:#c3e0db; 
	font-size:20px; font-weight:500; color:#494242; 
}
.sub0301_1 .subvtxt .t4 span:last-child { margin-bottom:0; }

.sub0301_1.bg1 { background:url('/page_KR0/03_sub/images/0301_1.jpg')no-repeat 50% 50%; background-size:cover; }
.sub0301_1.bg2 { background:url('/page_KR0/03_sub/images/0302_1.jpg')no-repeat 50% 50%; background-size:cover; }
.sub0301_1.bg3 { background:url('/page_KR0/03_sub/images/0303_1.jpg')no-repeat 50% 50%; background-size:cover; }
.sub0301_1.bg4 { background:url('/page_KR0/03_sub/images/0304_1.jpg')no-repeat 50% 50%; background-size:cover; }


@media all and (min-width:801px) and (max-width:1280px){
	.sub0301_1{ min-height:56vw; }
	.sub0301_1 .subvtxt .t1{ font-size:1.4vw; }
	.sub0301_1 .subvtxt .t2{ font-size:3.4vw; }
	.sub0301_1 .subvtxt .t3{ font-size:1.3vw; }
	.sub0301_1 .subvtxt .t4 span{ font-size:1.2vw; height:3vw; line-height:3vw; }
}

@media all and (min-width:200px) and (max-width:800px){
	.sub0301_1 { min-height:75vh; padding:50px 0 0px; align-items:flex-start; background-position:50% 100%; }
	.sub0301_1.bg1 { background:#e4e6e3 url('/page_KR0/03_sub/images/0301_1m.jpg')no-repeat 50% bottom; background-size:100%; }
	.sub0301_1.bg2 { background:#edeeea url('/page_KR0/03_sub/images/0302_1m.jpg')no-repeat 50% bottom; background-size:100%; }
	.sub0301_1.bg3 { background:#edeeea url('/page_KR0/03_sub/images/0303_1m.jpg')no-repeat 50% bottom; background-size:100%; }
	.sub0301_1.bg4 { background:#edeeea url('/page_KR0/03_sub/images/0304_1m.jpg')no-repeat 50% bottom; background-size:100%; }
	.sub0301_1 .subvtxt { position:absolute; top:160px; left:5%; transform:translate(0%,0%); max-width:90%; }
	.sub0301_1.active .subvtxt { top:100px;  }
	.sub0301_1 .subvtxt .t1{ font-size:3.6vw; }
	.sub0301_1 .subvtxt .t2{ margin-top:6px; font-size:7.4vw; }
	.sub0301_1 .subvtxt .t3{ margin-top:6px; font-size:3.6vw; }
	.sub0301_1 .subvtxt .t4{ margin-top:20px; }
	.sub0301_1 .subvtxt .t4 span{ font-size:3.4vw; height:34px; line-height:34px; padding:0 16px; margin-bottom:6px; }
}



.sub0301_2 { position:relative; width:100%; padding:150px 0 50px; background:#f9f8f4; box-sizing:border-box; overflow:hidden; }
.sub0301_2 .subcenter { position:relative; width:90%; max-width:1380px; margin:0 auto; text-align:center; }
.sub0301_2 .tit { font-size:35px; font-weight:600; color:#0d0d0d; line-height:100%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0301_2.active .tit { transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }

.sub0301_2 .reasonlist { display:flex; justify-content: center; margin-top:74px; }
.sub0301_2 .reasonlist li { position:relative; width:25%; box-sizing:border-box; transform:translateY(36px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1); }
.sub0301_2.active .reasonlist li { transform:translateY(0px); opacity:100%; filter:blur(0px); }
.sub0301_2.active .reasonlist li:nth-child(1) { transition-delay:0.2s; }
.sub0301_2.active .reasonlist li:nth-child(2) { transition-delay:0.3s; }
.sub0301_2.active .reasonlist li:nth-child(3) { transition-delay:0.4s; }
.sub0301_2.active .reasonlist li:nth-child(4) { transition-delay:0.5s; }
.sub0301_2.active .reasonlist li:nth-child(5) { transition-delay:0.6s; }
.sub0301_2 .reasonlist li::after { content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:150px; background:#ececec; }
.sub0301_2 .reasonlist li:last-child::after { display:none; }
.sub0301_2 .reasonlist li .ico { display:block; width:96px; height:96px; margin:0 auto; }
.sub0301_2 .reasonlist li .ico img { width:100%; max-width:95px; }
.sub0301_2 .reasonlist li p.txt { margin-top:26px; font-size:17px; font-weight:400; color:#424343; line-height:160%; word-break:keep-all; }

@media all and (min-width:801px) and (max-width:1280px) {
	.sub0301_2 { padding:9vh 0 9vh; }
	.sub0301_2 .tit { font-size:2.6vw; }
	.sub0301_2 .reasonlist { flex-wrap:wrap; row-gap:40px; margin-top:6vh; }
	.sub0301_2 .reasonlist li { width:33.33%; }
	.sub0301_2 .reasonlist li::after { display:none; }
	.sub0301_2 .reasonlist li .ico { width:11vw; height:11vw; }
	.sub0301_2 .reasonlist li p.txt { font-size:1.2vw; }
}

@media all and (min-width:200px) and (max-width:800px) {
	.sub0301_2 { padding:60px 0 70px; }
	.sub0301_2 .tit { font-size:6vw; }
	.sub0301_2 .reasonlist { flex-wrap:wrap; row-gap:34px; margin-top:44px; }
	.sub0301_2 .reasonlist li { width:50%; padding:0 6px; }
	.sub0301_2 .reasonlist li br { display:none; }
	.sub0301_2 .reasonlist li::after { display:none; }
	.sub0301_2 .reasonlist li .ico { width:72px; height:72px; }
	.sub0301_2 .reasonlist li p.txt { margin-top:18px; font-size:3.4vw; }
}


.sub0301_3 { position:relative; width:100%; padding:100px 0 130px; background:#f7f6f1; box-sizing:border-box; overflow:hidden; }
.sub0301_3 .subcenter { position:relative; width:90%; max-width:1380px; margin:0 auto; text-align:center; }

.sub0301_3 .whitebox { position:relative; width:100%; background:#ffffff; border-radius:24px; padding:90px 40px 110px; box-sizing:border-box; transform:translateY(50px); opacity:0; filter:blur(4px); transition:all 1.1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0301_3.active .whitebox { transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1.1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0301_3 .whitebox .tit { font-size:35px; font-weight:600; color:#0d0d0d; line-height:100%; }
.sub0301_3 .whitebox .desc { margin-top:16px; font-size:20px; font-weight:400; color:#565656; line-height:150%; }

.sub0301_3 .iconlist { display:flex; align-items:flex-start; justify-content:center; margin-top:56px; }
.sub0301_3 .iconlist li { position:relative; width:220px; padding:0 14px; box-sizing:border-box; }
.sub0301_3 .iconlist li::after { content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:96px; background:#e6e3da; }
.sub0301_3 .iconlist li:last-child::after { display:none; }
.sub0301_3 .iconlist li .ico { display:flex; width:70px; height:70px; margin:0 auto; }
.sub0301_3 .iconlist li .ico img { display:block; width:100%; }
.sub0301_3 .iconlist li p.txt { margin-top:20px; font-size:22px; font-weight:500; color:#303333; line-height:130%; word-break:keep-all; }

.sub0301_3 .arrowdown { width:215px; height:62px; margin:40px auto 0; }
.sub0301_3 .arrowdown svg { width:100%; height:100%; display:block; }

.sub0301_3 .tit2 { margin-top:40px; font-size:45px; font-weight:600; color:#0d0d0d; line-height:100%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0301_3.active .tit2 { transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.2s; }

.sub0301_3 .effectlist { display:flex; gap:34px; margin-top:56px; }
.sub0301_3 .effectlist li { position:relative; width:19%; padding:50px 0px 40px; background:#e3f0ed; border-radius:10px; box-sizing:border-box; transform:translateY(40px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1); }
.sub0301_3 .effectlist.effectlist2 li { width:32%; }
.sub0301_3.active .effectlist li { transform:translateY(0px); opacity:100%; filter:blur(0px); }
.sub0301_3.active .effectlist li:nth-child(1) { transition-delay:0.2s; }
.sub0301_3.active .effectlist li:nth-child(2) { transition-delay:0.3s; }
.sub0301_3.active .effectlist li:nth-child(3) { transition-delay:0.4s; }
.sub0301_3.active .effectlist li:nth-child(4) { transition-delay:0.5s; }
.sub0301_3.active .effectlist li:nth-child(5) { transition-delay:0.6s; }
.sub0301_3 .effectlist li .ico { display:block; width:78px; margin:0 auto; }
.sub0301_3 .effectlist li .ico img { display:block; width:100%;  }
.sub0301_3 .effectlist li p.txt { margin-top:24px; font-size:22px; font-weight:600; color:#303333; line-height:130%; }



.sub0301_3 .plus { position:relative; width:44px; height:44px; margin:40px auto 0; border-radius:50%; background:#dceae4; }
.sub0301_3 .plus::before,
.sub0301_3 .plus::after { content:""; position:absolute; top:50%; left:50%; background:#232323; }
.sub0301_3 .plus::before { width:16px; height:2px; transform:translate(-50%,-50%); }
.sub0301_3 .plus::after { width:2px; height:16px; transform:translate(-50%,-50%); }

.sub0301_3 .photolist { display:flex; justify-content:center; gap:48px; width:100%; max-width:1240px; margin:0 auto; margin-top:40px; }
.sub0301_3 .photolist li { position:relative; width:32%; transform:translateY(40px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1); }
.sub0301_3.active .photolist li { transform:translateY(0px); opacity:100%; filter:blur(0px); }
.sub0301_3.active .photolist li:nth-child(1) { transition-delay:0.3s; }
.sub0301_3.active .photolist li:nth-child(2) { transition-delay:0.45s; }
.sub0301_3.active .photolist li:nth-child(3) { transition-delay:0.6s; }
.sub0301_3 .photolist li .thumb { display:block; width:100%; border-radius:14px; overflow:hidden; }
.sub0301_3 .photolist li .thumb img { width:100%; display:block; }
.sub0301_3 .photolist li p.txt { margin-top:26px; font-size:23px; font-weight:600; color:#323232; line-height:100%; }

@media all and (min-width:801px) and (max-width:1280px) {
	.sub0301_3 { padding:8vh 0 9vh; }
	.sub0301_3 .whitebox { padding:6vh 4% 6vh; }
	.sub0301_3 .whitebox .tit,
	.sub0301_3 .tit2 { font-size:2.4vw; }
	.sub0301_3 .whitebox .desc { font-size:1.2vw; }
	.sub0301_3 .iconlist { flex-wrap:wrap; row-gap:36px; }
	.sub0301_3 .iconlist li { width:33.33%; }
	.sub0301_3 .iconlist li::after { display:none; }
	.sub0301_3 .iconlist li p.txt { font-size:1.15vw; }
	.sub0301_3 .effectlist { flex-wrap:wrap; gap:2%; }
	.sub0301_3 .effectlist li { width:31%; margin-bottom:2%; }
	.sub0301_3 .photolist li p.txt { font-size:1.3vw; }
}

@media all and (min-width:200px) and (max-width:800px) {
	.sub0301_3 { padding:60px 0 70px; }
	.sub0301_3 .whitebox { border-radius:16px; padding:44px 6% 40px; }
	.sub0301_3 .whitebox .tit,
	.sub0301_3 .tit2 { font-size:5.6vw; margin-top: 10px; }
	.sub0301_3 .whitebox .desc { margin-top:12px; font-size:3.4vw; }
	.sub0301_3 .iconlist { flex-wrap:wrap; row-gap:28px; margin-top:36px; }
	.sub0301_3 .iconlist li { width:50%; }
	.sub0301_3 .iconlist li::after { display:none; }
	.sub0301_3 .iconlist li .ico { width:52px; height:52px; }
	.sub0301_3 .iconlist li p.txt { margin-top:14px; font-size:3.4vw; }
	.sub0301_3 .arrowdown { width:64px; height:36px; margin:36px auto 0; }
	.sub0301_3 .effectlist { flex-wrap:wrap; gap:4%; margin-top:36px; }
	.sub0301_3 .effectlist.effectlist2 li { width:48%; }
	.sub0301_3 .effectlist li { width:48%; margin-bottom:4%; padding:28px 12px; }
	.sub0301_3 .effectlist li .ico { width:42px; height:42px; }
	.sub0301_3 .effectlist li p.txt { margin-top:14px; font-size:3.6vw; }
	.sub0301_3 .photolist { flex-wrap:wrap; gap:4%; margin-top:30px; }
	.sub0301_3 .photolist li { width:48%; margin-bottom:8%; }
	.sub0301_3 .photolist li p.txt { margin-top:14px; font-size:4vw; }
	
	.sub0301_3 .plus { margin: 20px auto 0; }
	
}




.sub0301_4 { position:relative; width:100%; min-height:765px; background:url('/page_KR0/03_sub/images/0301_4.jpg')no-repeat 50% 50%; background-size:cover; box-sizing:border-box; display:flex; align-items:center; overflow:hidden; }
.sub0301_4 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/03_sub/images/0301_4bg.png')no-repeat 50% 50%; }
.sub0301_4 .subvtxt { position:relative; width:90%; max-width:1440px; margin:0 auto; }
.sub0301_4 .subtxt { position:relative; width:100%; max-width:640px; text-align:center; transform:translateY(40px); opacity:0; filter:blur(4px); transition:all 1.2s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0301_4.active .subtxt { transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1.2s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0301_4 .subtxt .t1 { font-size:35px; font-weight:600; color:#0d0d0d; line-height:130%; }
.sub0301_4 .subtxt .t1 span { color:#4f7d73; }
.sub0301_4 .subtxt .t2 { margin-top:24px; font-size:20px; font-weight:400; color:#454545; line-height:150%; }

.sub0301_4 .subtxt .boxlist { margin-top:36px; }
.sub0301_4 .subtxt .boxlist li { 
	width:100%; margin-bottom:16px; padding:26px 30px; background:#c5ded4; border-radius:10px; box-sizing:border-box; 
	font-size:18px; font-weight:400; color:#303030; line-height:155%; 
}
.sub0301_4 .subtxt .boxlist li:last-child { margin-bottom:0; }

.sub0301_4 .subtxt .t3 { margin-top:36px; font-size:19px; font-weight:500; color:#383838; line-height:150%; }

@media all and (min-width:801px) and (max-width:1280px) {
	.sub0301_4 { min-height:56vw; }
	.sub0301_4 .subtxt .t1 { font-size:2.6vw; }
	.sub0301_4 .subtxt .t2 { font-size:1.3vw; }
	.sub0301_4 .subtxt .boxlist li { font-size:1.3vw; padding:2.2vw 2.4vw; }
	.sub0301_4 .subtxt .t3 { font-size:1.4vw; }
}

@media all and (min-width:200px) and (max-width:800px) {
	.sub0301_4 { min-height:auto; padding:70px 0 410px; align-items:flex-start; }
	.sub0301_4 .subtxt { max-width:100%; }
	.sub0301_4 .subtxt .t1 { font-size:6vw; }
	.sub0301_4 .subtxt .t2 { margin-top:16px; font-size:3.6vw; }
	.sub0301_4 .subtxt .boxlist { margin-top:26px; }
	.sub0301_4 .subtxt .boxlist li { margin-bottom:12px; padding:18px 20px; font-size:3.6vw; border-radius:10px; }
	.sub0301_4 .subtxt .t3 { margin-top:26px; font-size:3.8vw; }
	.sub0301_4 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/03_sub/images/0301_4bg.png')no-repeat 80% bottom; background-size:1200px; }

}






.sub0301_5 { position:relative; width:100%; padding:0px 0 120px; background:#f7f6f1; box-sizing:border-box; overflow:hidden; }
.sub0301_5 .subcenter { position:relative; width:90%; max-width:1440px; margin:0 auto; }
.sub0301_5 .tit { text-align:center; font-size:35px; font-weight:700; color:#0d0d0d; line-height:100%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0301_5.active .tit { transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }

.sub0301_5 .whitebox { position:relative; width:100%; max-width:1380px; margin:50px auto 0; background:#ffffff; border-radius:20px; padding:52px 160px; box-sizing:border-box; transform:translateY(40px); opacity:0; filter:blur(4px); transition:all 1.1s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0301_5.active .whitebox { transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1.1s cubic-bezier(0.25,1,0.5,1) 0.2s; }

.sub0301_5 .faqlist li { display:flex; gap:26px; padding:24px 0; border-bottom:1px solid #ece9e0; }
.sub0301_5 .faqlist li:first-child { padding-top:0; }
.sub0301_5 .faqlist li:last-child { padding-bottom:0; border-bottom:0px; }
.sub0301_5 .faqlist li .q { flex:0 0 auto; text-align:center; line-height:60px; width:62px; height:62px; border-radius:50%; background:#e3f0ed; font-family: 'Noto Serif KR'; font-size:29px; font-weight:600; color:#4a4a4a; }
.sub0301_5 .faqlist li .cont { flex:1 1 auto; min-wie3f0edth:0; padding-top:6px; }
.sub0301_5 .faqlist li .cont .tit2 { font-size:26px; font-weight:600; color:#333333; line-height:130%; }
.sub0301_5 .faqlist li .cont .desc { margin-top:12px; font-size:19px; font-weight:400; color:#7f7e7e; line-height:160%; }

@media all and (min-width:801px) and (max-width:1280px) {
	.sub0301_5 { padding:7vh 0 8vh; }
	.sub0301_5 .tit { font-size:2.6vw; }
	.sub0301_5 .whitebox { padding:4vh 4%; }
	.sub0301_5 .faqlist li .q { width:4.4vw; height:4.4vw; font-size:1.6vw; }
	.sub0301_5 .faqlist li .cont .tit2 { font-size:1.5vw; }
	.sub0301_5 .faqlist li .cont .desc { font-size:1.15vw; }
}

@media all and (min-width:200px) and (max-width:800px) {
	.sub0301_5 { padding:0px 0 70px; }
	.sub0301_5 .tit { font-size:6vw; }
	.sub0301_5 .whitebox { margin-top:32px; border-radius:14px; padding:8% 6%; }
	.sub0301_5 .faqlist li { gap:16px; padding:24px 0; }
	.sub0301_5 .faqlist li .q { width:40px; height:40px; font-size:16px; line-height: 40px; }
	.sub0301_5 .faqlist li .cont { padding-top:2px; }
	.sub0301_5 .faqlist li .cont .tit2 { font-size:4.2vw; }
	.sub0301_5 .faqlist li .cont .desc { margin-top:8px; font-size:3.4vw; }
}




.sub0303_3 { position:relative; width:100%; padding:90px 0 110px;  background:#f7f6f1;box-sizing:border-box; overflow:hidden; }
.sub0303_3 .subcenter { position:relative; width:90%; max-width:1440px; margin:0 auto; }
.sub0303_3 .tit { text-align:center; font-size:35px; font-weight:700; color:#1c1c1c; line-height:100%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0303_3.active .tit { transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }

.sub0303_3 .cardlist { display:flex; gap:24px; margin-top:56px; }
.sub0303_3 .cardlist > li { position:relative; width:32%; border-radius:16px; overflow:hidden; transform:translateY(40px); opacity:0; filter:blur(4px); transition:all 1.1s cubic-bezier(0.25,1,0.5,1); }
.sub0303_3.active .cardlist > li { transform:translateY(0px); opacity:100%; filter:blur(0px); }
.sub0303_3.active .cardlist > li:nth-child(1) { background:#e5ede7; transition-delay:0.2s; }
.sub0303_3.active .cardlist > li:nth-child(2) { background:#f3ecdd; transition-delay:0.35s; }
.sub0303_3.active .cardlist > li:nth-child(3) { background:#e4eaee; transition-delay:0.35s; }

.sub0303_3 .cardlist > li > .thumb { display:block;  width:100%; border-radius:16px; overflow:hidden; min-width:0; }
.sub0303_3 .cardlist > li > .thumb img { width:100%; display:block; }
.sub0303_3 .cardlist > li > .txt { width:100%; padding:40px 0px 40px 40px; box-sizing:border-box; }
.sub0303_3 .cardlist > li > .txt .name { font-size:31px; font-weight:700; line-height:100%; }
.sub0303_3 .cardlist > li > .txt .check { margin-top:26px; }
.sub0303_3 .cardlist > li > .txt .check li { display:flex; align-items:center; gap:10px; margin-bottom:14px; font-size:20px; font-weight:500; color:#454545; line-height:100%; }
.sub0303_3 .cardlist > li > .txt .check li:last-child { margin-bottom:0; }
.sub0303_3 .cardlist > li > .txt .check li .bullet { flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:21px; height:23px; }
.sub0303_3 .cardlist > li > .txt .check li .bullet img { display:block; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; }


.sub0303_3 .cardlist > li.card1 > .txt .name { color:#3e8a76; }
.sub0303_3 .cardlist > li.card2 > .txt .name { color:#a98a5c; }
.sub0303_3 .cardlist > li.card3 > .txt .name { color:#525f76; }

@media all and (min-width:801px) and (max-width:1280px) {
	.sub0303_3 { padding:7vh 0 8vh; }
	.sub0303_3 .tit { font-size:2.6vw; }
	.sub0303_3 .cardlist { margin-top:6vh; }
	.sub0303_3 .cardlist > li { height:32vw; }
	.sub0303_3 .cardlist > li > .txt { width:45%; padding:5% 5%; }
	.sub0303_3 .cardlist > li > .txt .name { font-size:2.2vw; }
	.sub0303_3 .cardlist > li > .txt .check li { font-size:1.3vw; }
}

@media all and (min-width:200px) and (max-width:800px) {
	.sub0303_3 { padding:60px 0 70px; }
	.sub0303_3 .tit { font-size:6vw; }
	.sub0303_3 .cardlist { flex-direction:column; gap:16px; margin-top:36px; }
	.sub0303_3 .cardlist > li { width:100%; height:auto; flex-direction:column; }
	.sub0303_3 .cardlist > li > .txt { width:100%; padding:32px 24px; }
	.sub0303_3 .cardlist > li > .txt .name { font-size:5.6vw; }
	.sub0303_3 .cardlist > li > .txt .check { margin-top:18px; }
	.sub0303_3 .cardlist > li > .txt .check li { font-size:3.6vw; margin-bottom:10px; }
	.sub0303_3 .cardlist > li > .thumb { width:100%; height:220px; }
}



.sub0303_4 { position:relative; width:100%; padding:90px 0 110px; background:#f7f6f1; box-sizing:border-box; overflow:hidden; }
.sub0303_4 .subcenter { position:relative; width:90%; max-width:1374px; margin:0 auto; text-align:center; }
.sub0303_4 .tit { font-size:35px; font-weight:600; color:#0d0d0d; line-height:130%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0303_4.active .tit { transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0303_4 .desc { margin-top:16px; font-size:20px; font-weight:400; color:#565656; line-height:150%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0303_4.active .desc { transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.2s; }

.sub0303_4 .cardlist { display:flex; gap:16px; margin-top:56px; }
.sub0303_4 .cardlist > li { position:relative; width:33%; transform:translateY(40px); background:#eeefee; opacity:0; filter:blur(4px); transition:all 1.1s cubic-bezier(0.25,1,0.5,1); }
.sub0303_4.active .cardlist > li { transform:translateY(0px); opacity:100%; filter:blur(0px); }
.sub0303_4.active .cardlist > li:nth-child(1) { transition-delay:0.2s; z-index:2; }
.sub0303_4.active .cardlist > li:nth-child(2) { transition-delay:0.35s; z-index:1; }
.sub0303_4.active .cardlist > li:nth-child(3) { transition-delay:0.5s; z-index:0; }
.sub0303_4 .cardlist > li > .thumb { position:relative; width:100%;  }
.sub0303_4 .cardlist > li > .thumb img { width:100%; display:block; }
.sub0303_4 .cardlist > li > .thumb .plus { position:absolute;  z-index:2; top:50%; right:-10px; transform:translate(50%,-50%); z-index:2; width:44px; height:44px; border-radius:50%; background:#ffffff; }
.sub0303_4 .cardlist > li > .thumb .plus::before,
.sub0303_4 .cardlist > li > .thumb .plus::after { content:""; position:absolute; top:50%; left:50%; background:#3a3a3a; }
.sub0303_4 .cardlist > li > .thumb .plus::before { width:16px; height:2px; transform:translate(-50%,-50%); }
.sub0303_4 .cardlist > li > .thumb .plus::after { width:2px; height:16px; transform:translate(-50%,-50%); }
.sub0303_4 .cardlist > li > .info { width:100%; padding:40px 24px 40px; box-sizing:border-box; text-align:center; }
.sub0303_4 .cardlist > li > .info .name { font-size:22px; font-weight:600; color:#303333; line-height:100%; }
.sub0303_4 .cardlist > li > .info .txt { margin-top:10px; font-size:20px; font-weight:400; color:#565656; line-height:160%; word-break:keep-all; }

@media all and (min-width:801px) and (max-width:1280px) {
	.sub0303_4 { padding:7vh 0 8vh; }
	.sub0303_4 .tit { font-size:2.8vw; }
	.sub0303_4 .desc { font-size:1.3vw; }
	.sub0303_4 .cardlist { margin-top:6vh; }
	.sub0303_4 .cardlist > li > .thumb .plus { width:3.4vw; height:3.4vw; }
	.sub0303_4 .cardlist > li > .info .name { font-size:1.6vw; }
	.sub0303_4 .cardlist > li > .info .txt { font-size:1.15vw; }
}

@media all and (min-width:200px) and (max-width:800px) {
	.sub0303_4 { padding:40px 0 40px; }
	.sub0303_4 .tit { font-size:6vw; }
	.sub0303_4 .desc { margin-top:12px; font-size:3.6vw; }
	.sub0303_4 .cardlist { flex-wrap:wrap;gap:4%; margin-top:36px; }
	.sub0303_4 .cardlist > li { width:48%; margin-bottom:4%; }
	.sub0303_4 .cardlist > li > .thumb .plus { display:none; }

	.sub0303_4 .cardlist > li > .info .name { font-size:4.6vw; }
	.sub0303_4 .cardlist > li > .info .txt { margin-top:10px; font-size:3.6vw; }
}


.sub0303_5 { position:relative; width:100%; padding:90px 0 110px; background:#f7f6f1; box-sizing:border-box; overflow:hidden; }
.sub0303_5 .subcenter { position:relative; width:90%; max-width:1440px; margin:0 auto; text-align:center; }
.sub0303_5 .tit { font-size:35px; font-weight:600; color:#0d0d0d; line-height:130%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0303_5.active .tit { transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0303_5 .box { display:inline-block; margin-top:20px; padding:14px 28px; background:#d7e9e2; border-radius:10px; font-size:20px; font-weight:500; color:#262626; line-height:100%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0303_5.active .box { transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0303_5 .desc { margin-top:22px; font-size:20px; font-weight:400; color:#565656; line-height:160%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.3s; }
.sub0303_5.active .desc { transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.3s; }

.sub0303_5 .steplist { display:flex; align-items:center; justify-content:center; margin-top:60px; }
.sub0303_5 .steplist .step { width:220px; transform:translateY(40px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1); }
.sub0303_5.active .steplist .step { transform:translateY(0px); opacity:100%; filter:blur(0px); }
.sub0303_5.active .steplist .step:nth-of-type(1) { transition-delay:0.2s; }
.sub0303_5.active .steplist .step:nth-of-type(2) { transition-delay:0.35s; }
.sub0303_5.active .steplist .step:nth-of-type(3) { transition-delay:0.5s; }
.sub0303_5 .steplist .step .ico { display:block; width:169px; height:169px; margin:0 auto; border-radius:50%; background:#ffffff; }
.sub0303_5 .steplist .step .ico img { display:block; width:100%; }
.sub0303_5 .steplist .step p.txt { margin-top:24px; font-size:20px; font-weight:600; color:#303333; line-height:100%; }
.sub0303_5 .steplist .arrow { flex:0 0 auto; width:34px; padding-bottom:50px; }
.sub0303_5 .steplist .arrow img { width:100%; height:auto; display:block; }

@media all and (min-width:801px) and (max-width:1280px) {
	.sub0303_5 { padding:7vh 0 8vh; }
	.sub0303_5 .tit { font-size:2.6vw; }
	.sub0303_5 .box { font-size:1.3vw; }
	.sub0303_5 .desc { font-size:1.2vw; }
	.sub0303_5 .steplist .step { width:20%; }
	.sub0303_5 .steplist .step .ico { width:11vw; height:11vw; }
	.sub0303_5 .steplist .step p.txt { font-size:1.3vw; }
	.sub0303_5 .steplist .arrow { width:4vw; }
}

@media all and (min-width:200px) and (max-width:800px) {
	.sub0303_5 { padding:60px 0 70px; }
	.sub0303_5 .tit { font-size:6vw; }
	.sub0303_5 .box { margin-top:14px; padding:10px 20px; font-size:3vw; }
	.sub0303_5 .desc { margin-top:16px; font-size:3.4vw; }
	.sub0303_5 .steplist { flex-wrap:wrap; row-gap:32px; margin-top:40px; }
	.sub0303_5 .steplist .step { width:46%; }
	.sub0303_5 .steplist .step .ico { width:96px; height:96px; }
	.sub0303_5 .steplist .step p.txt { margin-top:16px; font-size:3.6vw; }
	.sub0303_5 .steplist .arrow { display:none; }
}


.sub0304_1 { position:relative; width:100%; padding:100px 0; background:#f9f8f4; box-sizing:border-box; overflow:hidden; }
.sub0304_1 .subcenter { position:relative; width:90%; max-width:1440px; margin:0 auto; }
.sub0304_1 .rowlist { display:flex; align-items:center; gap:60px; }

.sub0304_1 .rowlist > .photo { flex:0 0 auto; overflow:hidden; transform:translateY(40px); opacity:0; filter:blur(4px); transition:all 1.1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0304_1.active .rowlist > .photo { transform:translateY(0px); opacity:100%; filter:blur(0px); }
.sub0304_1 .rowlist > .photo img { width:100%; height:100%; object-fit:cover; display:block; }
.sub0304_1 .rowlist > .photo1 { width:557px;  }
.sub0304_1 .rowlist > .photo2 { width:262px; align-self:stretch; }
.sub0304_1.active .rowlist > .photo2 { transition-delay:0.3s; }

.sub0304_1 .rowlist > .txtcol { flex:1 1 auto; min-width:0; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.2s; }
.sub0304_1.active .rowlist > .txtcol { transform:translateY(0px); opacity:100%; filter:blur(0px); }
.sub0304_1 .rowlist > .txtcol .tit { font-family: 'Noto Serif KR'; font-size:32px; font-weight:500; color:#0d0d0d; line-height:130%; }
.sub0304_1 .rowlist > .txtcol .eng { margin-top:10px; font-family: 'Noto Serif KR'; font-size:22px; font-weight:500; color:#69a89a; letter-spacing:0.02em; }
.sub0304_1 .rowlist > .txtcol .desc { margin-top:20px; font-size:20px; font-weight:400; color:#454545; line-height:150%; }

.sub0304_1 .rowlist > .txtcol .iconlist { display:flex; margin-top:36px; }
.sub0304_1 .rowlist > .txtcol .iconlist > li { flex:1 1 0; text-align:center; }
.sub0304_1 .rowlist > .txtcol .iconlist > li .ico { display:block; width:56px; height:56px; margin:0 auto;  }
.sub0304_1 .rowlist > .txtcol .iconlist > li .ico img { display:block;width:100%; }
.sub0304_1 .rowlist > .txtcol .iconlist > li p.txt { margin-top:12px; font-size:14px; font-weight:500; color:#3a3a3a; line-height:100%; }

@media all and (min-width:801px) and (max-width:1280px) {
	.sub0304_1 { padding:8vh 0; }
	.sub0304_1 .rowlist { gap:4vw; }
	.sub0304_1 .rowlist > .txtcol .tit { font-size:2.4vw; }
	.sub0304_1 .rowlist > .txtcol .eng { font-size:1.4vw; }
	.sub0304_1 .rowlist > .txtcol .desc { font-size:1.2vw; }
	.sub0304_1 .rowlist > .txtcol .iconlist { margin-top:3vw; }
	.sub0304_1 .rowlist > .txtcol .iconlist > li .ico { width:4.4vw; height:4.4vw; }
	.sub0304_1 .rowlist > .txtcol .iconlist > li p.txt { font-size:1.05vw; margin-top:8px; }
}

@media all and (min-width:200px) and (max-width:800px) {
	.sub0304_1 { padding:0px 0 :60px; }
	.sub0304_1 .rowlist { flex-direction:column; gap:32px; }
	.sub0304_1 .rowlist > .photo1 { width:100%; aspect-ratio:638/420; }
	.sub0304_1 .rowlist > .photo2 { display:none; }
	.sub0304_1 .rowlist > .txtcol { width:100%; text-align:center; }
	.sub0304_1 .rowlist > .txtcol .tit { font-size:6.4vw; }
	.sub0304_1 .rowlist > .txtcol .eng { font-size:4vw; margin-top:8px; }
	.sub0304_1 .rowlist > .txtcol .desc { font-size:3.6vw; margin-top:14px; }
	.sub0304_1 .rowlist > .txtcol .iconlist { margin-top:24px; flex-wrap:wrap; row-gap:20px; }
	.sub0304_1 .rowlist > .txtcol .iconlist > li { flex:0 0 33.33%; }
	.sub0304_1 .rowlist > .txtcol .iconlist > li .ico { width:52px; height:52px; }
	.sub0304_1 .rowlist > .txtcol .iconlist > li p.txt { font-size:3.2vw; margin-top:8px; }
}



.sub0304_2 { position:relative; width:100%; padding:120px 0; background:#edf1ee; box-sizing:border-box; overflow:hidden; }
.sub0304_2 .subcenter { position:relative; width:90%; max-width:1600px; margin:0 auto; }
.sub0304_2 .tit { text-align:center; font-size:35px; font-weight:600; color:#0d0d0d; line-height:130%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0304_2.active .tit { transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }

.sub0304_2 .cardlist { display:flex; flex-wrap:wrap; gap:32px; margin-top:56px; }
.sub0304_2 .cardlist > li { flex:1 1 0; min-width:0; background:#ffffff; padding:12px; box-sizing:border-box; border:1px solid #dad3ca; border-radius:16px; overflow:hidden; transform:translateY(40px); opacity:0; filter:blur(4px); transition:all 1.1s cubic-bezier(0.25,1,0.5,1); }
.sub0304_2.active .cardlist > li { transform:translateY(0px); opacity:100%; filter:blur(0px); }
.sub0304_2.active .cardlist > li:nth-child(1) { transition-delay:0.15s; }
.sub0304_2.active .cardlist > li:nth-child(2) { transition-delay:0.25s; }
.sub0304_2.active .cardlist > li:nth-child(3) { transition-delay:0.35s; }
.sub0304_2.active .cardlist > li:nth-child(4) { transition-delay:0.45s; }
.sub0304_2.active .cardlist > li:nth-child(5) { transition-delay:0.55s; }
.sub0304_2 .cardlist > li > .thumb { position:relative; width:100%;  }
.sub0304_2 .cardlist > li > .thumb img { width:100%; display:block; }
.sub0304_2 .cardlist > li > .info { padding:28px 0px 22px; text-align:center; box-sizing:border-box; }
.sub0304_2 .cardlist > li > .info .name { font-size:25px; font-weight:600; color:#1d543d; line-height:130%; }
.sub0304_2 .cardlist > li > .info .eng { margin-top:6px; font-size:16px; font-weight:400; color:#454545; line-height:130%; }
.sub0304_2 .cardlist > li > .info .desc { margin-top:12px; font-size:16px; font-weight:400; color:#656565; line-height:150%; word-break:keep-all; }

@media all and (min-width:801px) and (max-width:1280px) {
	.sub0304_2 { padding:8vh 0; }
	.sub0304_2 .tit { font-size:2.8vw; }
	.sub0304_2 .cardlist { gap:1.6vw; margin-top:6vh; }
	.sub0304_2 .cardlist > li > .info { padding:2.4vw 1.8vw 2.8vw; }
	.sub0304_2 .cardlist > li > .info .name { font-size:1.9vw; }
	.sub0304_2 .cardlist > li > .info .eng { font-size:1.3vw; }
	.sub0304_2 .cardlist > li > .info .desc { font-size:1.25vw; }
}

@media all and (min-width:200px) and (max-width:800px) {
	.sub0304_2 { padding:60px 0; }
	.sub0304_2 .tit { font-size:6vw; }
	.sub0304_2 .cardlist { gap:4%; margin-top:36px; }
	.sub0304_2 .cardlist > li { flex:none; width:48%; margin-bottom:4%; }
	.sub0304_2 .cardlist > li > .info { padding:22px 0px 26px; }
	.sub0304_2 .cardlist > li > .info .name { font-size:5.2vw; }
	.sub0304_2 .cardlist > li > .info .eng { font-size:3.2vw; }
	.sub0304_2 .cardlist > li > .info .desc { margin-top:12px; font-size:3.2vw; }
}



.sub0304_3 { position:relative; width:100%; padding:120px 0; background:#f9f8f4; box-sizing:border-box; overflow:hidden; }
.sub0304_3 .subcenter { position:relative; width:90%; max-width:1360px; margin:0 auto; }
.sub0304_3 .tit { text-align:center; font-size:35px; font-weight:600; color:#0d0d0d; line-height:130%; transform:translateY(30px); opacity:0; filter:blur(4px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }
.sub0304_3.active .tit { transform:translateY(0px); opacity:100%; filter:blur(0px); transition:all 1s cubic-bezier(0.25,1,0.5,1) 0.1s; }

.sub0304_3 .cardlist { display:flex; flex-wrap:wrap; gap:46px; margin-top:56px; }
.sub0304_3 .cardlist > li { flex:1 1 0; min-width:0; padding:12px; box-sizing:border-box; border:1px solid #dad3ca; border-radius:16px; overflow:hidden; transform:translateY(40px); opacity:0; filter:blur(4px); transition:all 1.1s cubic-bezier(0.25,1,0.5,1); }
.sub0304_3.active .cardlist > li { transform:translateY(0px); opacity:100%; filter:blur(0px); }
.sub0304_3.active .cardlist > li:nth-child(1) { transition-delay:0.15s; }
.sub0304_3.active .cardlist > li:nth-child(2) { transition-delay:0.25s; }
.sub0304_3.active .cardlist > li:nth-child(3) { transition-delay:0.35s; }
.sub0304_3 .cardlist > li > .thumb { position:relative; width:100%; }
.sub0304_3 .cardlist > li > .thumb img { width:100%; display:block; }
.sub0304_3 .cardlist > li > .info { padding:28px 0px 22px; text-align:center; box-sizing:border-box; }
.sub0304_3 .cardlist > li > .info .name { display:inline-block; font-size:28px; font-weight:600; color:#315546; line-height:130%; }
.sub0304_3 .cardlist > li > .info .tag { margin-top:16px; font-size:20px; font-weight:500; color:#454545; line-height:150%; }
.sub0304_3 .cardlist > li > .info .detail { margin-top:6px; }
.sub0304_3 .cardlist > li > .info .detail p { font-size:19px; font-weight:400; color:#656565; line-height:150%; }

@media all and (min-width:801px) and (max-width:1280px) {
	.sub0304_3 { padding:8vh 0; }
	.sub0304_3 .tit { font-size:2.8vw; }
	.sub0304_3 .cardlist { gap:2vw; margin-top:6vh; }
	.sub0304_3 .cardlist > li > .info { padding:2.4vw 0 1.8vw; }
	.sub0304_3 .cardlist > li > .info .name { font-size:1.9vw; }
	.sub0304_3 .cardlist > li > .info .tag { font-size:1.25vw; margin-top:1.2vw; }
	.sub0304_3 .cardlist > li > .info .detail p { font-size:1.15vw; }
}

@media all and (min-width:200px) and (max-width:800px) {
	.sub0304_3 { padding:60px 0; }
	.sub0304_3 .tit { font-size:6vw; }
	.sub0304_3 .cardlist { gap:4%; margin-top:36px; }
	.sub0304_3 .cardlist > li { flex:none; width:48%; margin-bottom:4%; }
	.sub0304_3 .cardlist > li > .info { padding:22px 4px 18px; }
	.sub0304_3 .cardlist > li > .info .name { font-size:5.2vw; }
	.sub0304_3 .cardlist > li > .info .tag { font-size:3.2vw; margin-top:14px; }
	.sub0304_3 .cardlist > li > .info .detail { margin-top:10px; }
	.sub0304_3 .cardlist > li > .info .detail p { font-size:3vw; }
}