@charset "utf-8";

/*공통*/
div[id^="thema_section"]{padding:70px 0;}
div[id^="thema_section"] > *{margin:0; padding:0; color:#333; font-weight:500; letter-spacing:-0.5px;}
div[id^="thema_section"] .thema_wrap{position:relative;}
div[id^="thema_section"] .inr{position:relative; width:1300px; margin:0 auto;}
div[id^="thema_section"] .title_wrap{position:relative; margin:0; background:transparent; z-index:1;}
div[id^="thema_section"] h4{font-weight:500;}
div[id^="thema_section"] .title_wrap h4 span{font-weight:600;}
div[id^="thema_section"] .go_link{display:inline-block; background:transparent; box-sizing:border-box;}
div[id^="thema_section"] .go_link span{display:block; position:relative;}
div[id^="thema_section"] em, div[id^="thema_section"] i{font-style:normal;}

@media screen and (max-width:1380px){
	div[id^="thema_section"] .inr{width:100%; padding:0 30px; box-sizing:border-box;}
}
@media screen and (max-width:1024px){
	div[id^="thema_section"]{padding:50px 0;}
	div[id^="thema_section"] .inr{padding:0 20px;}
}
@media screen and (max-width:820px){
	div[id^="thema_section"] .title_wrap{padding:0;}
}

/*태마01*/
#thema_section01 .thema_wrap{background-color:rgba(0, 0, 0, 0.85); background-repeat:no-repeat; background-position:50%; background-size:cover; overflow:hidden;}
#thema_section01 .thema_wrap.bg01{background-image:url(../image/thema/01/bg_thema01.png);}
#thema_section01 .thema_wrap.bg02{background-image:url(../image/thema/01/bg_thema02.png);}
#thema_section01 .thema_wrap.bg03{background-image:url(../image/thema/01/bg_thema03.png);}
#thema_section01 .thema_wrap.bg04{background-image:url(../image/thema/01/bg_thema04.png);}
#thema_section01 .thema_wrap.bg05{background-image:url(../image/thema/01/bg_thema05.png);}
#thema_section01 .thema_wrap.bg06{background-image:url(../image/thema/01/bg_thema06.png); background-position:50% 100%;}
#thema_section01 .thema_wrap.bg07{background-image:url(../image/thema/01/bg_thema07.png);}
#thema_section01 .thema_wrap.bg08{background-image:url(../image/thema/01/bg_thema08.png);}
#thema_section01 .thema_wrap.bg09{background-image:url(../image/thema/01/bg_thema09.png);}
#thema_section01 .thema_wrap.bg10{background-image:url(../image/thema/01/bg_thema10.png);}
#thema_section01 .thema_wrap:before,
#thema_section01 .thema_wrap:after{content:''; display:block; position:absolute; background-repeat:no-repeat; z-index:1;}
#thema_section01 .thema_wrap:before{left:0; bottom:0; width:385px; height:198px; background-image:url(../image/thema/01/bg_thema_shape01.png); background-position:100% 0;}
#thema_section01 .thema_wrap:after{right:0; top:0; width:246px; height:154px; background-image:url(../image/thema/01/bg_thema_shape02.png); background-position:0 100%;}
#thema_section01 .inr{display:flex; justify-content:space-between; align-items:center; height:100%; padding:58px 0;}
#thema_section01 .title_wrap{width:calc(100% - 260px); font-family:'Pretendard';}
#thema_section01 .title_wrap h4{color:#fff; font-size:38px; font-weight:200;}
#thema_section01 .sub_txt{margin-top:20px; color:#fff; font-size:18px; font-weight:200; line-height:1.4em;}
#thema_section01 .go_link{position:relative; padding:16px 30px; border:2px solid #fff; border-radius:50px; transition:all 300ms ease-in-out; z-index:2;}
#thema_section01 .go_link span{padding-right:45px; color:#fff; font-family:'Pretendard'; font-size:20px;}
#thema_section01 .go_link span:before{content:''; display:block; position:absolute; right:0; top:50%; width:24px; height:8px; margin-top:-2px; background:url(../image/thema/01/ico_arrow.png) no-repeat; transition:all 0.3s ease;}
#thema_section01 .go_link:hover{box-shadow:0 0 5px 4px rgba(0, 0, 0, 0.2);}
#thema_section01 .go_link:hover span:before{right:-10px;}
#thema_section01 .go_link:after{content:''; position:absolute; top:0; left:0; height:100%; direction:rtl; border-radius:50px; box-shadow:-7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001; }
#thema_section01 .go_link:hover:after{width:100%; z-index:1;}

@media screen and (max-width:1280px){
	#thema_section01 .title_wrap h4{font-size:35px;}
	#thema_section01 .sub_txt{font-size:17px;}
	#thema_section01 .go_link span{font-size:19px;}
}
@media screen and (max-width:1200px){
	#thema_section01 .inr{padding:48px 30px;}
	#thema_section01 .title_wrap h4{font-size:32px;}
	#thema_section01 .go_link span{font-size:18px;}
}
@media screen and (max-width:1024px){
	#thema_section01 .title_wrap{width:calc(100% - 225px);}
	#thema_section01 .title_wrap h4{font-size:30px;}
	#thema_section01 .sub_txt{margin-top:15px; font-size:16px;}
	#thema_section01 .go_link{padding:14px 25px;}
	#thema_section01 .go_link span{padding-right:40px; font-size:17px;}
}
@media screen and (max-width:870px){
	#thema_section01 .inr{padding:45px 20px;}
	#thema_section01 .title_wrap{width:calc(100% - 200px);}
	#thema_section01 .title_wrap h4{font-size:28px;}
	#thema_section01 .go_link{padding:12px 20px;}
	#thema_section01 .go_link span{padding-right:35px; font-size:16px;}
	#thema_section01 .go_link:hover span:before{right:-8px;}
}
@media screen and (max-width:780px){
	#thema_section01 .thema_wrap:after{display:none;}
	#thema_section01 .inr{flex-wrap:wrap; flex-direction:column; padding:40px 20px;}
	#thema_section01 .title_wrap{width:100%; text-align:center;}
	#thema_section01 .title_wrap h4{font-size:25px;}
	#thema_section01 .sub_txt{font-size:15px;}
	#thema_section01 .go_link{margin-top:20px; padding:10px 20px;}
	#thema_section01 .go_link span{font-size:15px;}
}
@media screen and (max-width:500px){
	#thema_section01 .inr{padding:30px 20px;}
	#thema_section01 .title_wrap h4{font-size:22px;}
	#thema_section01 .sub_txt{margin-top:10px;}
	#thema_section01 .go_link{margin-top:15px;}
	#thema_section01 .go_link span{font-size:14px;}
}
@media screen and (max-width:450px){
	#thema_section01 .title_wrap h4{font-size:20px;}
}
@media screen and (max-width:400px){
	#thema_section01 .title_wrap h4{font-size:18px;}
}

/*테마02*/
#thema_section02 .thema_wrap{display:flex; align-items:center; padding:55px 30px; text-align:center; background:linear-gradient(to right, #315494, #3d9299); border-radius:40px; overflow:hidden; box-sizing:border-box;}
#thema_section02 .thema_wrap:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50%; background-size:cover; opacity:0.4;}
#thema_section02 .thema_wrap.bg01:before{background-image:url(../image/thema/01/bg_thema01.png);}
#thema_section02 .thema_wrap.bg02:before{background-image:url(../image/thema/01/bg_thema02.png);}
#thema_section02 .thema_wrap.bg03:before{background-image:url(../image/thema/01/bg_thema03.png);}
#thema_section02 .thema_wrap.bg04:before{background-image:url(../image/thema/01/bg_thema04.png); background-position:85% 50%;}
#thema_section02 .thema_wrap.bg05:before{background-image:url(../image/thema/01/bg_thema05.png);}
#thema_section02 .thema_wrap.bg06:before{background-image:url(../image/thema/01/bg_thema07.png);}
#thema_section02 .thema_wrap.bg07:before{background-image:url(../image/thema/01/bg_thema09.png);}
#thema_section02 .thema_wrap.bg08:before{background-image:url(../image/thema/01/bg_thema10.png);}
#thema_section02 .title_wrap{width:100%; font-family:'Pretendard';}
#thema_section02 .title_wrap h4{color:#fff; font-size:38px; font-weight:200;}
#thema_section02 .title_wrap span{display:block;}
#thema_section02 .sub_txt{width:calc(100% - (100% - 254px) / 2); margin:20px auto 0; color:#fff; font-size:18px; font-weight:100; line-height:1.4em;}
#thema_section02 .go_link_wrap{position:absolute; right:0; bottom:0; padding:15px 0 0 15px; background:#fff; border-radius:50px 0 0; box-sizing:border-box;}
#thema_section02 .go_link_wrap:before,
#thema_section02 .go_link_wrap:after{content:''; display:block; position:absolute; width:24px; height:27px; background:url(../image/thema/02/bg_round.png) no-repeat; z-index:1;}
#thema_section02 .go_link_wrap:before{left:-24px; bottom:0;}
#thema_section02 .go_link_wrap:after{right:0; top:-27px; transform:rotate(360deg);}
#thema_section02 .go_link{position:relative; padding:22px 43px; vertical-align:bottom; border-radius:50px; background-color:#1f407e; transition:all 0.3s ease; overflow:hidden; z-index:1;}
#thema_section02 .go_link:after{content:''; display:block; position:absolute; right:0; top:0; width:0; height:100%; background-color:rgba(14, 44, 80, 0.5); transition: all 0.3s ease; z-index:-1;}
#thema_section02 .go_link:hover:after{left:0; width:100%;}
#thema_section02 .go_link span{padding-right:45px; color:#fff; font-family:'Pretendard'; font-size:18px;}
#thema_section02 .go_link span:before{content:''; display:block; position:absolute; right:0; top:50%; width:24px; height:8px; margin-top:-2px; background:url(../image/thema/01/ico_arrow.png) no-repeat; transition:all 0.3s ease;}
#thema_section02 .go_link:hover span:before{right:-10px;}

@media screen and (max-width:1380px){
	#thema_section02 .go_link_wrap{right:30px;}
}
@media screen and (max-width:1280px){
	#thema_section02 .title_wrap h4{font-size:35px;}
	#thema_section02 .sub_txt{font-size:17px;}
	#thema_section02 .go_link_wrap{padding:12px 0 0 12px; border-radius:40px 0 0;}
	#thema_section02 .go_link{padding:20px 35px;}
	#thema_section02 .go_link span{font-size:17px;}
}
@media screen and (max-width:1200px){
	#thema_section02 .thema_wrap{padding:50px 30px;}
	#thema_section02 .title_wrap h4{font-size:32px;}
	#thema_section02 .sub_txt{width:calc(100% - (100% - 216px) / 2);}
	#thema_section02 .go_link{padding:18px 32px;}
	#thema_section02 .go_link span{font-size:16px;}
}
@media screen and (max-width:1024px){
	#thema_section02 .thema_wrap{padding:60px 20px;}
	#thema_section02 .title_wrap h4{font-size:30px;}
	#thema_section02 .sub_txt{width:100%; margin:15px auto 0; font-size:16px;}
	#thema_section02 .go_link_wrap{right:20px; padding:10px 0 0 10px; border-radius:30px 0 0;}
	#thema_section02 .go_link{padding:13px 25px;}
	#thema_section02 .go_link span{padding-right:40px; font-size:15px;}
}
@media screen and (max-width:870px){
	#thema_section02 .thema_wrap{border-radius:30px;}
	#thema_section02 .title_wrap h4{font-size:28px;}
	#thema_section02 .go_link span{font-size:14px;}
}
@media screen and (max-width:800px){
	#thema_section02{background:#fff;}
}
@media screen and (max-width:780px){
	#thema_section02 .thema_wrap{padding:40px 20px 60px;}
	#thema_section02 .title_wrap h4{font-size:25px;}
	#thema_section02 .sub_txt{font-size:15px;}
	#thema_section02 .go_link_wrap{padding:8px 0 0 8px; border-radius:25px 0 0;}
	#thema_section02 .go_link{padding:10px 25px;}
	#thema_section02 .go_link span{padding-right:0; font-size:13px;}
	#thema_section02 .go_link span:before{display:none;}
}
@media screen and (max-width:500px){
	#thema_section02 .title_wrap h4{font-size:22px;}
	#thema_section02 .sub_txt{margin:10px auto 0;}
}

/*테마03*/
#thema_section03{padding:100px 0 70px;}
#thema_section03 .thema_wrap{width:auto;}
#thema_section03 .thema_wrap:before,
#thema_section03 .thema_wrap:after,
#thema_section03 .inr:before,
#thema_section03 .inr:after{content:''; display:block; position:absolute; background-repeat:no-repeat; z-index:1;}
#thema_section03 .thema_wrap:before{left:30px; top:30px; width:230px; height:429px; background-image:url(../image/thema/03/bg_thema_shape01.png);}
#thema_section03 .thema_wrap:after{left:0; top:0; width:calc(20vw + 1000px); height:100%; background:#f2f6f9; z-index:-1;}
#thema_section03 .inr{height:100%; padding:80px 80px 0; border-radius:0 30px 30px 0; background:#f2f6f9; box-sizing:border-box;}
#thema_section03 .inr:before{left:460px; top:40px; width:92px; height:91px; background-image:url(../image/thema/03/bg_thema_shape03.png);}
#thema_section03 .inr:after{right:95px; top:-68px; width:75px; height:154px; background-image:url(../image/thema/03/bg_thema_shape02.png); z-index:1;}
#thema_section03 .title_wrap{width:calc(100% - 680px); font-family:'jalnan';}
#thema_section03 .thema_wrap li{display:flex; justify-content:space-between; align-items:center;}
#thema_section03 .title_wrap > p{color:#0d73bd; font-size:20px;}
#thema_section03 .title_wrap h4{position:relative; margin-top:10px; color:#143771; font-size:40px; line-height:1.4em;}
#thema_section03 .title_wrap span{color:#0f74c2; font-weight:500;}
#thema_section03 .sub_txt{margin-top:15px; color:#111; font-family:'Pretendard'; font-size:18px; font-weight:300; line-height:1.4em; opacity:0.8;}
#thema_section03 .go_link{margin-top:40px; padding:17px 28px; background:#333; border-radius:50px; transition:all 0.3s ease;}
#thema_section03 .go_link span{padding-right:50px; color:#fff; font-family:'Pretendard'; font-size:14px; font-weight:600;}
#thema_section03 .go_link span:before{content:''; display:block; position:absolute; right:10px; top:50%; width:15px; height:9px; margin-top:-4.5px; background:url(../image/thema/03/ico_arrow.png) no-repeat; transform:translate(0, 0); transition:all 0.3s ease;}
#thema_section03 .go_link:hover{box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.2);}
#thema_section03 .go_link:hover span:before{right:0;}
#thema_section03 .img_wrap{position:relative; width:632px; height:352px; border-radius:30px 0 30px 0; background:#eee; overflow:hidden;}
#thema_section03 .img_wrap img{display:block; width:100%; height:100%;}
#thema_section03 .ctl_wrap{position:relative; height:auto; margin-top:-90px;}
#thema_section03 .ctl_wrap .ctl_box{position:relative; float:right; width:722px; height:180px;}
#thema_section03 .ctl_wrap:after{content:''; display:block; clear:both;}
#thema_section03 .ctl_wrap button{position:absolute; width:90px; height:90px; margin-top:auto; border:0; background:#143771; cursor:pointer; transition:all 0.3s ease;}
#thema_section03 .ctl_wrap button:after{width:11px; height:20px; font-size:0; background:url(../image/thema/03/btn_arrow.png) no-repeat;}
#thema_section03 .ctl_wrap button span{display:block; font-size:0; text-indent:100%;}
#thema_section03 .ctl_wrap .btn_prev{top:90px; left:0;}
#thema_section03 .ctl_wrap .btn_prev:after{transform:rotate(180deg);}
#thema_section03 .ctl_wrap .btn_prev:hover{background:#0e264f;}
#thema_section03 .ctl_wrap .btn_next{top:0; left:90px; background:#0f74c2;}
#thema_section03 .ctl_wrap .btn_next:hover{background:#0a5187;}
#thema_section03 .ctl_pagination{display:flex; align-items:center; position:absolute; left:0; top:362px; width:auto; z-index:10;}
#thema_section03 .ctl_pagination .swiper-pagination{position:relative; bottom:auto;}
#thema_section03 .ctl_pagination .swiper-pagination span{width:11px; height:11px; margin:0 5px; background:none; border:3px solid #c7cacc; opacity:1; box-sizing:border-box;}
#thema_section03 .ctl_pagination .swiper-pagination .swiper-pagination-bullet-active{border:3px solid #0f74c2;}
#thema_section03 .ctl_pagination button{display:block; margin:2px 5px 0; border:0; cursor:pointer;}
#thema_section03 .ctl_pagination button span{display:block; width:9px; height:11px; font-size:0; text-indent:100%;}
#thema_section03 .ctl_pagination .btn_stop span{background:url(../image/thema/03/btn_stop.png) no-repeat;}
#thema_section03 .ctl_pagination .btn_stop.active span{background:url(../image/thema/03/btn_start.png) no-repeat;}
#thema_section03 .ctl_pagination #slide-status{display:flex; gap:5px; margin-left:15px; color:#555; font-size:15px; font-weight:500;}
#thema_section03 .ctl_pagination #slide-status span{color:#0f74c2; font-weight:700;}

@media screen and (max-width:1380px){
	#thema_section03 .thema_wrap{padding-right:50px;}
	#thema_section03 .inr{padding:80px 50px 0;}
	#thema_section03 .thema_wrap:before{left:10px; opacity:.3;}
	#thema_section03 .thema_wrap:after{display:none;}
}
@media screen and (max-width:1280px){
	#thema_section03{padding:70px 0;}
	#thema_section03 .inr{padding:60px 50px 0;}
	#thema_section03 .inr:before{width:72px; height:71px; background-size:100%;}
	#thema_section03 .inr:after{width:55px; height:134px; background-size:100%;}
	#thema_section03 .title_wrap{width:calc(100% - 610px);}
	#thema_section03 .thema_wrap:before{width:200px; height:399px; background-size:100%;}
	#thema_section03 .title_wrap > p{font-size:18px;}
	#thema_section03 .title_wrap h4{font-size:38px;}
	#thema_section03 .sub_txt{font-size:17px;}
	#thema_section03 .img_wrap{width:572px; height:332px;}
	#thema_section03 .ctl_wrap{margin-top:-70px;}
	#thema_section03 .ctl_wrap .ctl_box{width:642px; height:140px;}
	#thema_section03 .ctl_wrap button{width:70px; height:70px;}
	#thema_section03 .ctl_wrap .btn_prev{top:70px;}
	#thema_section03 .ctl_wrap .btn_next{left:70px;}
	#thema_section03 .ctl_pagination{top:342px;}
	#thema_section03 .go_link{margin-top:30px; padding:15px 24px;}
}
@media screen and (max-width:1200px){
	#thema_section03 .inr:before{left:430px;}
	#thema_section03 .title_wrap{width:calc(100% - 580px);}
	#thema_section03 .title_wrap > p{font-size:17px;}
	#thema_section03 .title_wrap h4{font-size:35px;}
	#thema_section03 .sub_txt{font-size:16px;}
	#thema_section03 .img_wrap{width:542px; height:312px;}
	#thema_section03 .ctl_wrap .ctl_box{width:612px; height:140px;}
	#thema_section03 .ctl_pagination{top:322px;}
}
@media screen and (max-width:1100px){
	#thema_section03 .thema_wrap{padding-right:30px;}
	#thema_section03 .inr{padding:60px 30px 0;}
	#thema_section03 .title_wrap{width:calc(100% - 540px);}
	#thema_section03 .title_wrap > p{font-size:16px;}
	#thema_section03 .title_wrap h4{font-size:32px;}
	#thema_section03 .sub_txt{font-size:15px;}
	#thema_section03 .img_wrap{width:502px; height:282px;}
	#thema_section03 .ctl_wrap .ctl_box{width:572px;}
	#thema_section03 .ctl_pagination{top:292px;}
	#thema_section03 .go_link{margin-top:20px; padding:14px 20px;}
}
@media screen and (max-width:980px){
	#thema_section03 .thema_wrap:before{width:170px; height:319px;}
	#thema_section03 .inr{padding:50px 30px 0;}
	#thema_section03 .inr:before{display:none;}
	#thema_section03 .title_wrap{width:calc(100% - 490px);}
	#thema_section03 .title_wrap > p{font-size:15px;}
	#thema_section03 .title_wrap h4{font-size:28px;}
	#thema_section03 .img_wrap{width:462px; height:262px;}
	#thema_section03 .ctl_wrap{margin-top:-60px;}
	#thema_section03 .ctl_wrap .ctl_box{width:522px; height:120px;}
	#thema_section03 .ctl_wrap button{width:60px; height:60px;}
	#thema_section03 .ctl_wrap .btn_prev{top:60px;}
	#thema_section03 .ctl_wrap .btn_next{left:60px;}
	#thema_section03 .ctl_pagination{top:272px;}
}
@media screen and (max-width:890px){
	#thema_section03 .thema_wrap{padding:0 20px;}
	#thema_section03 .thema_wrap:before{display:none;}
	#thema_section03 .inr{padding:50px 0 0; border-radius:30px;}
	#thema_section03 .thema_wrap li{flex-wrap:wrap; flex-direction:column-reverse; padding:0 50px; box-sizing:border-box;}
	#thema_section03 .img_wrap{width:100%; height:100%;}
	#thema_section03 .title_wrap{width:100%; margin:30px 0 40px;}
	#thema_section03 .title_wrap h4{font-size:25px;}
	#thema_section03 .ctl_wrap{margin-top:0;}
	#thema_section03 .ctl_wrap .btn_prev{top:0;}
	#thema_section03 .ctl_wrap .ctl_box{float:none; width:120px; height:60px;}
	#thema_section03 .ctl_pagination{top:auto; left:auto; right:30px; bottom:20px;}
	#thema_section03 .ctl_wrap .btn_prev{border-radius:0 0 0 30px;}
	#thema_section03 .ctl_wrap .btn_next{border-radius:0 30px 0 0;}
}
@media screen and (max-width:800px){
	#thema_section03{background:#fff;}
}
@media screen and (max-width:768px){
	#thema_section03{padding:50px 0;}
	#thema_section03 .inr{padding:30px 0 0;}
	#thema_section03 .inr:after{display:none;}
	#thema_section03 .title_wrap{margin:20px 0 30px;}
	#thema_section03 .thema_wrap li{padding:0 30px;}
	#thema_section03 .title_wrap h4{margin-top:5px; font-size:22px;}
	#thema_section03 .go_link{margin-top:15px; padding:12px 15px;}
	#thema_section03 .go_link span{font-size:13px;}
}
@media screen and (max-width:500px){
	#thema_section03 .inr{padding:20px 0 0;}
	#thema_section03 .thema_wrap li{padding:0 20px;}
	#thema_section03 .title_wrap h4{font-size:20px;}
	#thema_section03 .go_link{display:flex; justify-content:center;}
	#thema_section03 .ctl_wrap .ctl_box{width:100px; height:50px;}
	#thema_section03 .ctl_wrap .btn_next{left:50px;}
	#thema_section03 .ctl_wrap button{width:50px; height:50px;}
	#thema_section03 .ctl_pagination{bottom:15px;}
}

/*테마04*/
#thema_section04 .thema_wrap{height:832px; background:#272d43;}
#thema_section04 .left_wrap{display:flex; gap:38px; position:absolute; left:0; top:0; width:100%;}
#thema_section04 .title_wrap{width:calc(100% - 940px); padding-top:100px; color:#fff; font-family:'Pretendard'; box-sizing:border-box;}
#thema_section04 .title_wrap span{color:rgba(255, 255, 255, 0.9); font-size:15px; font-weight:400;}
#thema_section04 .title_wrap h4{margin-top:20px; font-size:35px; font-weight:300;}
#thema_section04 .title_wrap h4 span{display:block; font-size:35px; font-weight:400;}
#thema_section04 .title_wrap .sub_txt{margin-top:35px; color:rgba(255, 255, 255, 0.9); font-size:16px; font-weight:100; line-height:1.4em;}
#thema_section04 .title_wrap .go_link{display:block; width:29px; height:29px; margin-top:60px; padding:0; border:0; border-radius:0;}
#thema_section04 .title_wrap .go_link:hover span{transform:rotate(90deg);}
#thema_section04 .title_wrap .go_link span{display:block; width:100%; height:100%; background:url(../image/thema/04/ico_more.png) no-repeat; font-size:0; text-indent:100%; transition:all 0.3s ease;}
#thema_section04 .title_wrap .go_link span:before{display:none;}
#thema_section04 .tab{display:flex; flex-direction:column; margin-top:100px;}
#thema_section04 .tab button{position:relative; width:210px; margin-top:20px; padding:12px 20px; text-align:left; border:0; background:none; cursor:pointer; transition:all 0.3s ease}
#thema_section04 .tab button:after{content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#bfc0c7;}
#thema_section04 .tab button:first-child{margin-top:0;}
#thema_section04 .tab button span{display:block; color:rgba(255, 255, 255, 0.7); font-family:'Pretendard'; font-size:17px; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#thema_section04 .tab button.active{position:relative; margin-left:20px; padding:20px; text-align:center; background:#3b43c0; border-radius:0 10px 10px 0; box-shadow:0 4px 5px 5px rgba(0, 0, 0, 0.1); z-index:2;}
#thema_section04 .tab button.active:after{background:none;}
#thema_section04 .tab button.active span{display:block; position:relative; padding-right:35px; color:#fff; font-weight:800;}
#thema_section04 .tab button.active span:before{content:''; display:block; position:absolute; width:16px; height:11px; right:0; top:50%; background:url(../image/thema/04/tab_arrow.png) no-repeat; transform:translateY(-50%);}
#thema_section04 .title_img span{position:relative; display:block; float:right; width:calc(100% - 46.5%); height:520px; overflow:hidden;}
#thema_section04 .title_img span:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-image:linear-gradient(to right, rgba(127, 70, 173, 0.7), rgba(59, 67, 192, 0.7)); z-index:1;}
#thema_section04 .title_img img{display:block; width:100%; height:100%;}
#thema_section04 .title_img:after{content:''; display:block; clear:both;}
#thema_section04 .process_list{display:flex; gap:3%; align-items:center; width:100%;}
#thema_section04 .mySwiper{position:relative; transform: translateY(-70px); z-index:1;}
#thema_section04 .process_list li{flex:0 1 auto; min-width:21%; height:310px;}
#thema_section04 .process_list a{display:block; position:relative; height:100%; border:0; background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 10px 5px 5px rgba(0, 3, 57, 0.08); transition:all 0.3s ease;}
#thema_section04 .process_list li:last-child a{padding:100px 30px 30px 45px; background:#3b43c0; border-radius:20px; box-sizing:border-box;}
#thema_section04 .process_list .img_wrap{display:block; position:relative; width:100%; height:148px; background:#eee; overflow:hidden;}
#thema_section04 .process_list .img_wrap img{display:block; width:100%; height:100%;}
#thema_section04 .process_list .txt_wrap{display:block; padding:20px; font-family:'Pretendard'; box-sizing:border-box; word-break:break-word;}
#thema_section04 .process_list .txt_wrap i,
#thema_section04 .process_list .txt_wrap em{font-style:normal;}
#thema_section04 .process_list .txt_wrap i{padding:3px 5px; color:#3b43c0; font-size:12px; font-weight:300; border:1px solid #3b43c0; border-radius:5px; box-sizing:border-box;}
#thema_section04 .process_list .txt_wrap span{display:block; position:relative; margin-top:12px; z-index:1;}
#thema_section04 .process_list .txt_wrap span > em{display:inline-block; position:relative; max-width:100%; padding-bottom:2px; color:#111; font-size:18px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#thema_section04 .process_list a:not(.go_link) .txt_wrap span > em:before{content:''; display:block; position:absolute; left:0; bottom:0; width:0%; height:8px; background:#ede5f3; z-index:-1; transition:width 0.5s ease-out;}
#thema_section04 .process_list a:not(.go_link):hover .txt_wrap span > em:before{width:100%;}
#thema_section04 .process_list .txt_wrap > em{display:block; margin-top:8px; color:#666; font-size:14px; font-weight:300; line-height:1.4em;}
#thema_section04 .process_list .go_link{overflow:inherit;}
#thema_section04 .process_list .go_link:before{content:''; display:block; position:absolute; right:-32px; bottom:50px; width:64px; height:64px; background:#292e85 url(../image/thema/04/ico_go.png) no-repeat 50%; border-radius:50%; transition:all 0.5s ease;}
#thema_section04 .process_list .go_link span{display:block; position:relative; padding-top:50px; color:#fff; font-size:25px; font-weight:300; line-height:1.3em;}
#thema_section04 .process_list .go_link em{display:block; font-weight:800;}
#thema_section04 .process_list .go_link span:before{content:''; display:block; position:absolute; left:-5px; top:0; width:55px; height:45px; background:url(../image/thema/04/ico_link.png) no-repeat;}
#thema_section04 .process_list .go_link:hover:before{transform:rotate(180deg);}

@media screen and (max-width:1380px){
	#thema_section04 .left_wrap{gap:15px; left:30px;}
	#thema_section04 .title_wrap{padding-top:80px;}
	#thema_section04 .title_wrap .go_link{margin-top:30px;}
	#thema_section04 .title_img span{height:440px;}
	#thema_section04 .process_list{justify-content:center;}
}
@media screen and (max-width:1300px){
	#thema_section04 .title_wrap{width:calc(100% - 920px); padding-top:50px;}
	#thema_section04 .title_wrap h4,
	#thema_section04 .title_wrap h4 span{font-size:32px;}
	#thema_section04 .tab button{width:200px;}
	#thema_section04 .tab button span,
	#thema_section04 .tab button.active span{font-size:16px;}
	#thema_section04 .title_img span{height:400px;}
	#thema_section04 .mySwiper{transform:translateY(-50px);}
}
@media screen and (max-width:1280px){
	#thema_section04 .thema_wrap{height:auto; padding-bottom:50px;}
	#thema_section04 .left_wrap{flex-wrap:wrap; flex-direction:column; width:calc(50% - 70px);}
	#thema_section04 .title_wrap{width:100%;}
	#thema_section04 .title_wrap h4{margin-top:15px;}
	#thema_section04 .title_wrap h4,
	#thema_section04 .title_wrap h4 span{font-size:30px;}
	#thema_section04 .title_wrap .go_link{margin-top:20px;}
	#thema_section04 .title_wrap .sub_txt{margin-top:20px; font-size:15px;}
	#thema_section04 .tab{width:100%; margin-top:0; flex-direction:row; gap:10px; margin-top:20px;}
	#thema_section04 .tab button{flex:1; width:auto; margin-top:0; padding:18px 15px; text-align:center; border:1px solid #bfc0c7; border-radius:10px; transition:none; overflow:hidden;}
	#thema_section04 .tab button:after{display:none;}
	#thema_section04 .tab button.active{margin-left:0; padding:18px 15px; border:1px solid #3b43c0; border-radius:10px; box-shadow:none;}
	#thema_section04 .tab button.active span{padding-right:0;}
	#thema_section04 .tab button.active span:before{display:none;}
	#thema_section04 .title_img span{width:50%; margin-top:-40px; border-radius:70px 0 70px 0;}
	#thema_section04 .mySwiper{margin-top:50px; transform:translateY(0);}
	#thema_section04 .process_list{gap:30px;}
	#thema_section04 .process_list li{flex:0 1 auto; width:25%; overflow:hidden;}
	#thema_section04 .process_list .txt_wrap span > em{font-size:17px;}
	#thema_section04 .process_list .go_link span{padding-top:40px; font-size:22px;}
	#thema_section04 .process_list .go_link:before{right:30px; bottom:30px; width:44px; height:44px;}
}
@media screen and (max-width:1100px){
	#thema_section04 .left_wrap{width:calc(45% - 70px);}
	#thema_section04 .title_img span{width:55%; height:390px;}
	#thema_section04 .title_wrap h4,
	#thema_section04 .title_wrap h4 span{font-size:28px;}
	#thema_section04 .tab button,
	#thema_section04 .tab button.active{padding:15px;}
	#thema_section04 .mySwiper{margin-top:40px;}
	#thema_section04 .process_list li{height:290px;}
	#thema_section04 .process_list li:last-child a{padding:80px 30px 30px 30px;}
	#thema_section04 .process_list .txt_wrap span > em{font-size:16px;}
	#thema_section04 .process_list .go_link span{padding-top:35px; font-size:20px;}
}
@media screen and (max-width:1024px){
	#thema_section04 .thema_wrap{padding-bottom:40px;}
	#thema_section04 .left_wrap{position:relative; left:auto; width:100%;}
	#thema_section04 .title_wrap{padding-top:40px;}
	#thema_section04 .title_wrap h4,
	#thema_section04 .title_wrap h4 span{font-size:25px;}
	#thema_section04 .title_wrap h4 span{display:inline-block;}
	#thema_section04 .tab button span,
	#thema_section04 .tab button.active span{font-size:15px;}
	#thema_section04 .tab{margin-top:10px;}
	#thema_section04 .title_img{padding:0 20px; box-sizing:border-box;}
	#thema_section04 .title_img span{width:100%; height:100%; margin-top:0;}
	#thema_section04 .tabcontent{margin-top:30px;}
	#thema_section04 .mySwiper{margin-top:30px;}
	#thema_section04 .process_list li{min-width:30%;}
	#thema_section04 .process_list li:last-child{display:none;}
}
@media screen and (max-width:768px){
	#thema_section04 .thema_wrap{padding-bottom:10px;}
	#thema_section04 .title_wrap h4{margin-top:10px;}
	#thema_section04 .title_wrap h4,
	#thema_section04 .title_wrap h4 span{font-size:22px;}
	#thema_section04 .title_wrap .sub_txt{font-size:15px;}
	#thema_section04 .title_wrap .go_link{margin-top:15px;}
	#thema_section04 .mySwiper{padding-bottom:40px;}
	#thema_section04 .process_list{justify-content:flex-start; gap:0;}
	#thema_section04 .process_list li{min-width:50%; height:100%;}
	#thema_section04 .process_list a{width:85%; margin:0 auto;}
	#thema_section04 .process_list .img_wrap{height:158px;}
	#thema_section04 .ctl_wrap button{position:absolute; top:50%; background:none; transform:translateY(-50%); z-index:1;}
	#thema_section04 .ctl_wrap button:after{content:''; display:block; width:30px; height:45px; font-size:0; background:url(../image/thema/05/btn_next.png) no-repeat; background-size:cover;}
	#thema_section04 .ctl_wrap button span{display:block; font-size:0; text-indent:100%;}
	#thema_section04 .ctl_wrap .btn_prev{left:-10px;}
	#thema_section04 .ctl_wrap .btn_prev:after{background:url(../image/thema/05/btn_prev.png) no-repeat; background-size:cover;}
	#thema_section04 .ctl_wrap .btn_next{right:-10px;}
	#thema_section04 .ctl_pagination .swiper-pagination-bullet{width:8px; height:8px; background:#fff;}
	#thema_section04 .ctl_pagination .swiper-pagination-bullet-active{background:#fff;}
}
@media screen and (max-width:600px){
	#thema_section04 .title_img span{border-radius:40px 0 40px 0;}
	#thema_section04 .process_list li{min-width:100%;}
	#thema_section04 .process_list a{width:65%;}
	#thema_section04 .ctl_wrap .btn_next{right:0;}
	#thema_section04 .ctl_wrap .btn_prev{left:0;}
}
@media screen and (max-width:500px){
	#thema_section04 .process_list a{width:75%;}
}

/*테마05*/
#thema_section05 .thema_wrap{display:flex; justify-content:center; position:relative; height:530px; background:#003463;}
#thema_section05 .thema_wrap:before{content:''; display:block; position:absolute; left:0; top:50px; width:217px; height:350px; background:url(../image/thema/05/bg_thema_shape01.png) no-repeat;}
#thema_section05 .left_wrap{width:50%;}
#thema_section05 .left_wrap .inr{position:absolute; left:50%; padding:60px 50px; transform:translateX(-50%); box-sizing:border-box;}
#thema_section05 .title_wrap{position:relative; width:calc(100% - 50%); padding-right:150px; color:#fff; font-family:'Pretendard'; box-sizing:border-box;}
#thema_section05 .title_wrap:before{content:''; display:block; position:absolute; right:50px; top:30px; width:106px; height:106px; background:url(../image/thema/05/bg_thema_shape02.png) no-repeat;}
#thema_section05 .title_wrap span{color:rgba(255, 255, 255, 0.9); font-size:15px; font-weight:400;}
#thema_section05 .title_wrap h4{margin-top:20px; font-size:35px; font-weight:300;}
#thema_section05 .title_wrap h4 span{display:block; font-size:35px; font-weight:400;}
#thema_section05 .title_wrap .sub_txt{margin-top:35px; color:rgba(255, 255, 255, 0.9); font-size:16px; font-weight:100; line-height:1.4em;}
#thema_section05 .mySwiper{width:calc(100% - 50%); margin-top:40px; margin-left:0; padding-right:150px; box-sizing:border-box;}
#thema_section05 .mySwiper .swiper-wrapper{flex-direction:column;}
#thema_section05 .mySwiper .swiper-wrapper button{display:block; position:relative; width:318px; margin-top:10px; padding:10px; text-align:left; border:0; background:none; cursor:pointer; transition:all 0.3s ease;}
#thema_section05 .mySwiper .swiper-wrapper button:after{content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#7e98b0;}
#thema_section05 .mySwiper .swiper-wrapper button span{display:block; padding-right:30px; color:rgba(255, 255, 255, 0.7); font-family:'Pretendard'; font-size:17px; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#thema_section05 .mySwiper .swiper-slide-thumb-active button:after{background:#fff;}
#thema_section05 .mySwiper .swiper-slide-thumb-active button span{display:block; position:relative; color:#fff; font-weight:800;}
#thema_section05 .mySwiper .swiper-slide-thumb-active button span:before{content:''; display:block; position:absolute; width:16px; height:11px; right:0; top:50%; margin-top:-5.5px; background:url(../image/thema/04/tab_arrow.png) no-repeat;}
#thema_section05 .right_wrap{position:relative; width:50%;}
#thema_section05 .right_wrap:before{content:''; display:block; position:absolute; left:-70px; bottom:140px; width:91px; height:91px; background:url(../image/thema/05/bg_thema_shape03.png) no-repeat; z-index:2;}
#thema_section05 .right_wrap .mySwiper2{height:100%;}
#thema_section05 .img_wrap{width:100%; height:100%; overflow:hidden;}
#thema_section05 .img_wrap a{display:block; position:relative; width:100%; height:100%;}
#thema_section05 .img_wrap a:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(to right, rgba(23, 165, 149, 0.6), rgba(46, 107, 196, 0.6)); z-index:1;}
#thema_section05 .img_wrap img{display:block; width:100%; height:100%;}
#thema_section05 .ctl_wrap button{position:absolute; top:50%; width:90px; height:90px; margin-top:auto; border:0; background:none; cursor:pointer; transition:all 0.3s ease; transform:translateY(-50%);}
#thema_section05 .ctl_wrap button:after{width:40px; height:65px; font-size:0; background:url(../image/thema/05/btn_next.png) no-repeat;}
#thema_section05 .ctl_wrap button span{display:block; font-size:0; text-indent:100%;}
#thema_section05 .ctl_wrap .btn_prev{left:0;}
#thema_section05 .ctl_wrap .btn_prev:after{background:url(../image/thema/05/btn_prev.png) no-repeat;}
#thema_section05 .ctl_wrap .btn_next{right:0;}
#thema_section05 #slide-status{display:flex; gap:5px; position:absolute; left:15px; top:10px; color:#fff; font-size:17px; font-weight:500; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.3); z-index:1;}
#thema_section05 #slide-status span{font-weight:700;}

@media screen and (max-width:1440px){
	#thema_section05 .thema_wrap:before{opacity:.2;}
}
@media screen and (max-width:1280px){
	#thema_section05 .thema_wrap{height:485px;}
	#thema_section05 .left_wrap{width:45%;}
	#thema_section05 .left_wrap .inr{padding:50px;}
	#thema_section05 .right_wrap{width:55%;}
	#thema_section05 .mySwiper{padding-right:100px;}
	#thema_section05 .mySwiper,
	#thema_section05 .title_wrap{width:calc(100% - 55%); padding-right:100px;}
	#thema_section05 .title_wrap h4,
	#thema_section05 .title_wrap h4 span{font-size:32px;}
	#thema_section05 .title_wrap .sub_txt{margin-top:25px;}
	#thema_section05 .mySwiper{margin-top:25px;}
}
@media screen and (max-width:1200px){
	#thema_section05 .title_wrap h4,
	#thema_section05 .title_wrap h4 span{font-size:30px;}
	#thema_section05 .mySwiper{margin-top:20px;}
	#thema_section05 .mySwiper .swiper-wrapper button span{font-size:16px;}
	#thema_section05 #slide-status{font-size:16px;}
}
@media screen and (max-width:1024px){
	#thema_section05 .thema_wrap{flex-wrap:wrap; flex-direction:column-reverse; height:auto;}
	#thema_section05 .thema_wrap:before{display:none;}
	#thema_section05 .left_wrap{width:100%;}
	#thema_section05 .left_wrap .inr{position:relative; left:auto; padding:40px; transform:translateY(0);}
	#thema_section05 .title_wrap:before{display:none;}
	#thema_section05 .title_wrap h4{margin-top:15px;}
	#thema_section05 .title_wrap h4 span{display:inline-block;}
	#thema_section05 .title_wrap h4,
	#thema_section05 .title_wrap h4 span{font-size:28px;}
	#thema_section05 .title_wrap .sub_txt{margin-top:20px; font-size:15px;}
	#thema_section05 .right_wrap{width:100%;}
	#thema_section05 .right_wrap:before{left:auto; right:20px; bottom:-48px;}
	#thema_section05 .mySwiper,
	#thema_section05 .title_wrap{width:100%; padding-right:0;}
	#thema_section05 .ctl_wrap button{width:60px;}
	#thema_section05 .mySwiper .swiper-wrapper{flex-direction:row; gap:3%;}
	#thema_section05 .mySwiper .swiper-slide{flex:0 1 auto; min-width:31%; width:auto !important;}
	#thema_section05 .mySwiper .swiper-wrapper button{width:100%;}
	#thema_section05 .mySwiper .swiper-wrapper button span{font-size:15px;}
}
@media screen and (max-width:800px){
	#thema_section05 .left_wrap .inr{padding:30px;}
	#thema_section05{background:#fff;}
	#thema_section05 .title_wrap h4,
	#thema_section05 .title_wrap h4 span{font-size:25px;}
	#thema_section05 .ctl_wrap button{width:30px; height:55px;}
	#thema_section05 .ctl_wrap .btn_next{right:10px;}
	#thema_section05 .ctl_wrap .btn_prev{left:10px;}
	#thema_section05 .ctl_wrap .btn_prev:after,
	#thema_section05 .ctl_wrap button:after{width:30px; height:55px; background-size:100%;}
	#thema_section05 .right_wrap:before{right:10px; bottom:-28px; width:70px; height:70px; background-size:100%;}
}
@media screen and (max-width:600px){
	#thema_section05 .title_wrap h4,
	#thema_section05 .title_wrap h4 span{font-size:22px;}
}
@media screen and (max-width:500px){
	#thema_section05 .left_wrap .inr{padding:20px;}
	#thema_section05 .title_wrap h4,
	#thema_section05 .title_wrap h4 span{font-size:20px;}
	#thema_section05 .mySwiper .swiper-wrapper{flex-direction:column;}
	#thema_section05 .ctl_wrap button{width:20px; height:45px;}
	#thema_section05 .ctl_wrap .btn_prev:after,
	#thema_section05 .ctl_wrap button:after{width:20px; height:45px;}
	#thema_section05 .right_wrap:before{width:50px; height:50px;}
}

/*테마06*/
#thema_section06 .thema_wrap{position:relative; padding-bottom:80px;}
#thema_section06 .left_wrap{position:relative; z-index:1;}
#thema_section06 .bg_wrap{position:absolute; width:calc(100% - (100% - 1300px) / 2); height:100%; border-radius:0 80px 80px 0; background:#dce7fb url(../image/thema/06/bg_thema_shape01.png) no-repeat 100% 0; overflow:hidden;}
#thema_section06 .bg_wrap:before{content:''; display:block; position:absolute; right:0; bottom:0; width:100%; height:100%; background:url(../image/thema/06/bg_thema_shape02.png) no-repeat 0 100%;}
#thema_section06 .bg_wrap:after{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../image/thema/06/bg_thema_shape03.png) no-repeat 100% 100%;}
#thema_section06 .title_wrap{width:calc(100% - 55%); padding-top:160px; box-sizing:border-box;}
#thema_section06 .title_wrap > span{display:block; color:#374993; font-family:'Pretendard'; font-size:17px; font-weight:500;}
#thema_section06 .title_wrap h4{margin-top:25px; color:#262e43; font-family:'G-sans'; font-size:40px; font-weight:200; line-height:1.2em;}
#thema_section06 .title_wrap h4 span{display:block; font-weight:200;}
#thema_section06 .title_wrap h4 em{font-weight:800;}
#thema_section06 .title_wrap .sub_txt{margin-top:25px; color:#555; font-family:'Pretendard'; font-size:18px; font-weight:300; line-height:1.4em;}
#thema_section06 .title_wrap .go_link{display:inline-block; position:relative; margin-top:25px; padding:10px 20px 10px 23px; border:1px solid #374991; border-radius:50px; overflow:hidden; box-sizing:border-box;}
#thema_section06 .title_wrap .go_link:before{content:''; position:absolute; top:0; left:0; width:100%; height:0%; background:#374991; transition:0.3s ease-out;}
#thema_section06 .title_wrap .go_link:hover:before{top:auto; bottom:0; height:100%;}
#thema_section06 .title_wrap .go_link span{display:block; position:relative; padding-right:40px; color:#374991; font-family:'Pretendard'; font-size:15px; font-weight:500; transition:0.2s;}
#thema_section06 .title_wrap .go_link span:before{content:''; display:block; position:absolute; right:5px; top:50%; width:24px; height:8px; margin-top:-1px; background:url(../image/thema/06/ico_arrow.png) no-repeat; transition:all 0.3s ease;}
#thema_section06 .title_wrap .go_link:hover span{color:#fff;}
#thema_section06 .title_wrap .go_link:hover span:before{background:url(../image/thema/01/ico_arrow.png) no-repeat;}
#thema_section06 .process_list{display:flex; justify-content:space-between; align-items:center; margin-top:50px; padding:40px 0; background:#fff; border-radius:30px 60px 0 30px; box-sizing:border-box;}
#thema_section06 .process_list li{position:relative; flex:0 1 auto; min-width:25%; padding:0 30px; box-sizing:border-box;}
#thema_section06 .process_list li:before{content:''; display:block; position:absolute; left:0; top:50%; width:1px; height:100%; background:#ddd; transform:translateY(-50%);}
#thema_section06 .process_list li:first-child:before{display:none;}
#thema_section06 .process_list .img_wrap{display:block; height:160px; border-radius:20px; overflow:hidden;}
#thema_section06 .process_list .img_wrap img{display:block; width:100%; height:100%;}
#thema_section06 .process_list .txt_wrap{display:block; margin-top:20px; padding:0; font-family:'Pretendard';}
#thema_section06 .process_list .txt_wrap > i{display:block; color:#262e43; font-size:13px; font-weight:400;}
#thema_section06 .process_list .txt_wrap span{display:block; margin-top:10px; color:#111; font-size:20px; font-weight:700;}
#thema_section06 .process_list .txt_wrap em{display:block; margin-top:5px; color:#666; font-size:15px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#thema_section06 .process_list .view_wrap{display:inline-block; position:relative; margin-top:10px; transition:all 0.3s ease;}
#thema_section06 .process_list .view_wrap:before,
#thema_section06 .process_list .view_wrap:after{display:block; position:absolute; top:1px; color:#f48500; font-family:'Pretendard'; font-size:14px; font-weight:700; opacity:0;}
#thema_section06 .process_list .view_wrap:before{content:'[';  left:12px;}
#thema_section06 .process_list .view_wrap:after{content:']'; right:12px;}
#thema_section06 .process_list a:hover .view_wrap{padding:0 12px;}
#thema_section06 .process_list a:hover .view_wrap:before{left:0; opacity:1;}
#thema_section06 .process_list a:hover .view_wrap:after{right:0; opacity:1;}
#thema_section06 .process_list .view_wrap em{display:block; position:relative; padding-right:10px; color:#374993; font-size:13px; font-weight:400;}
#thema_section06 .process_list .view_wrap em:before{content:''; display:block; position:absolute; right:0; top:50%; width:6px; height:6px; margin-top:-3px; background:url(../image/thema/06/ico_go.png) no-repeat;}
#thema_section06 .right_wrap{position:absolute; right:0; top:64px; width:50%;}
#thema_section06 .right_wrap:before{content:''; display:block; position:absolute; left:-95px; top:120px; width:149px; height:22px; background:url(../image/thema/06/bg_thema_shape04.png) no-repeat; z-index:1;}
#thema_section06 .title_img{position:relative; width:100%; height:794px; border-radius:80px 0 0 80px; overflow:hidden;}
#thema_section06 .title_img:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.2);}
#thema_section06 .title_img img{display:block; width:100%; height:100%;}

@media screen and (max-width:1440px){
	#thema_section06 .bg_wrap:before{height:360px;}
	#thema_section06 .right_wrap{width:55%;}
	#thema_section06 .title_wrap{width:calc(100% - 60%);}
}
@media screen and (max-width:1380px){
	#thema_section06 .thema_wrap{background:#dce7fb; border-radius:0 80px 80px 0;}
	#thema_section06 .bg_wrap{width:100%; background:url(../image/thema/06/bg_thema_shape01.png) no-repeat 100% 0;}
	#thema_section06 .title_wrap{padding-top:100px;}
	#thema_section06 .title_wrap > span{font-size:16px;}
	#thema_section06 .title_wrap h4{margin-top:20px; font-size:35px;}
	#thema_section06 .title_wrap .sub_txt{margin-top:20px; font-size:17px;}
	#thema_section06 .title_img{height:100%;}
	#thema_section06 .process_list{margin-top:40px; border-radius:30px 60px 30px 30px;}
	#thema_section06 .process_list .txt_wrap span{font-size:18px;}
}
@media screen and (max-width:1280px){
	#thema_section06 .thema_wrap{padding-bottom:50px;}
	#thema_section06 .title_wrap{padding-top:80px;}
	#thema_section06 .title_wrap h4{font-size:32px;}
	#thema_section06 .title_wrap .sub_txt{font-size:16px;}
	#thema_section06 .right_wrap:before{left:-35px; width:99px; height:15px; background-size:100%;}
	#thema_section06 .process_list{padding:30px 0;}
	#thema_section06 .process_list .img_wrap{height:140px;}
	#thema_section06 .process_list .txt_wrap span{font-size:17px;}
}
@media screen and (max-width:1200px){
	#thema_section06 .title_wrap h4{margin-top:15px; font-size:30px;}
	#thema_section06 .process_list{margin-top:30px; border-radius:30px 30px 60px 30px;}
	#thema_section06 .process_list .img_wrap{border-radius:10px;}
	#thema_section06 .process_list .txt_wrap span{font-size:16px;}
}
@media screen and (max-width:1024px){
	#thema_section06 .title_wrap > span{font-size:15px;}
	#thema_section06 .title_wrap h4{margin-top:15px; font-size:28px;}
	#thema_section06 .process_list .txt_wrap span{font-size:15px;}
	#thema_section06 .process_list li{min-width:33.33333333333333%;}
	#thema_section06 .process_list li:last-child{display:none;}
	#thema_section06 .title_wrap .sub_txt{margin-top:15px; font-size:15px;}
	#thema_section06 .title_wrap .go_link{margin-top:20px;}
}
@media screen and (max-width:800px){
	#thema_section06{background:#fff;}
	#thema_section06 .thema_wrap{display:flex; flex-direction:column-reverse; padding:40px 30px;}
	#thema_section06 .bg_wrap{left:0; bottom:0; background:none;}
	#thema_section06 .bg_wrap:before{display:none;}
	#thema_section06 .left_wrap .inr{padding:0;}
	#thema_section06 .title_wrap{width:100%; padding-top:30px;}
	#thema_section06 .title_wrap h4{font-size:25px;}
	#thema_section06 .title_wrap h4 span{display:inline-block;}
	#thema_section06 .title_img{height:310px; border-radius:0 50px; overflow:hidden;}
	#thema_section06 .title_img img{position:absolute; left:50%; top:50%; height:auto; transform:translate(-50%, -50%);}
	#thema_section06 .process_list{padding:20px 0; border-radius:20px 20px 50px 20px;}
	#thema_section06 .process_list li{padding:0 20px;}
	#thema_section06 .right_wrap{position:relative; top:auto; width:100%;}
	#thema_section06 .right_wrap:before{display:none;}
}
@media screen and (max-width:700px){
	#thema_section06 .thema_wrap{padding:20px; border-radius:0 50px 50px 0; overflow:hidden;}
	#thema_section06 .bg_wrap{border-radius:0 50px 0 0;}
	#thema_section06 .title_wrap h4{font-size:22px;}
	#thema_section06 .title_img{border-radius:0 30px;}
	#thema_section06 .process_list{flex-wrap:wrap; padding:10px;}
	#thema_section06 .process_list li{min-width:50%; flex-shrink:0; flex-grow:0; flex-basis:0; padding:15px;}
	#thema_section06 .process_list li:first-child:after,
	#thema_section06 .process_list li:nth-child(2):after{content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ddd;}
	#thema_section06 .process_list li:nth-child(3):before{display:none;}
	#thema_section06 .process_list li:last-child{display:block;}
	#thema_section06 .process_list li:nth-child(odd){padding-left:0;}
	#thema_section06 .process_list li:nth-child(even){padding-right:0;}
	#thema_section06 .process_list li a{display:block; width:90%; margin:0 auto;}
}
@media screen and (max-width:500px){
	#thema_section06 .title_img{height:100%;}
	#thema_section06 .title_img img{position:relative; left:auto; top:auto; height:100%; transform:translate(0, 0);}
	#thema_section06 .title_wrap{padding-top:20px;}
	#thema_section06 .title_wrap h4{font-size:20px;}
	#thema_section06 .title_wrap .go_link span{font-size:14px;}
	#thema_section06 .process_list{flex-direction:column; flex-wrap:inherit; padding:20px;}
	#thema_section06 .process_list li{min-width:100%; width:100%; margin-top:20px; padding:0 0 20px;}
	#thema_section06 .process_list li:first-child{margin-top:0;}
	#thema_section06 .process_list li:before{display:none;}
	#thema_section06 .process_list li a{width:100%;}
	#thema_section06 .process_list li:nth-child(3):after{content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ddd;}
	#thema_section06 .process_list .img_wrap{height:210px;}
}

/*테마07*/
#thema_section07{position:relative; padding:100px 0;}
#thema_section07:before{content:''; display:block; position:absolute; right:0; top:150px; width:631px; height:523px; background:url(../image/thema/07/bg_thema_shape02.png) no-repeat; z-index:1;}
#thema_section07 .thema_wrap{position:relative;}
#thema_section07 .thema_wrap:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:calc(100% - 75px); background:#f4fafa;}
#thema_section07 .thema_wrap:after{content:''; display:block; position:absolute; left:0; bottom:80px; width:425px; height:452px; background:url(../image/thema/07/bg_thema_shape01.png) no-repeat;}
#thema_section07 .cont_wrap{position:relative; display:flex; justify-content:space-between; z-index:1;}
#thema_section07 .title_wrap{width:520px; padding-top:90px; padding-left:50px; box-sizing:border-box;}
#thema_section07 .title_wrap > span{display:block; color:#333; font-family:'Pretendard'; font-size:17px; font-weight:500;}
#thema_section07 .title_wrap h4{margin-top:20px; color:#333; font-family:'jalnan'; font-size:36px; line-height:1.3em;}
#thema_section07 .title_wrap h4 span{display:block; font-weight:500;}
#thema_section07 .title_wrap h4 em{color:#0d8081;}
#thema_section07 .title_wrap .sub_txt{margin-top:25px; color:#555; font-family:'Pretendard'; font-size:17px; font-weight:300; line-height:1.4em;}
#thema_section07 .mySwiper .swiper-wrapper{flex-wrap:wrap; flex-direction:column; transform:none !important;}
#thema_section07 .mySwiper .swiper-slide{transform:none !important;}
#thema_section07 .tab_wrap{position:relative; margin-top:-70px; padding:0 125px;}
#thema_section07 .tab_wrap .mySwiper2{width:580px;}
#thema_section07 .tab_wrap:before{content:''; display:block; position:absolute; left:-55px; bottom:110px; width:176px; height:209px; background:url(../image/thema/07/bg_people01.png) no-repeat;}
#thema_section07 .tab{margin-top:40px;}
#thema_section07 .tab button{position:relative; width:100%; padding:12px 25px; text-align:left; border:0; background:none; cursor:pointer; transition:all 0.3s ease}
#thema_section07 .tab button:after{content:''; display:block; position:absolute; left:1px; top:0; width:1px; height:100%; background:#aaa;}
#thema_section07 .tab button em{display:block; color:#888; font-family:'Roboto'; font-size:14px; font-weight:700;}
#thema_section07 .tab button span{display:block; margin-top:5px; color:#888; font-family:'Pretendard'; font-size:20px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#thema_section07 .tab .swiper-slide-thumb-active button:after{left:0; width:3px; background:#0c9289;}
#thema_section07 .tab .swiper-slide-thumb-active button em{color:#0d8081;}
#thema_section07 .tab .swiper-slide-thumb-active button span{color:#111; font-weight:800;}
#thema_section07 .process_list{position:relative; margin-top:35px; padding:0 10px; box-sizing:border-box; z-index:1;}
#thema_section07 .process_list li{position:relative; width:256px; height:330px; margin-bottom:45px;}
#thema_section07 .process_list li:nth-child(odd){float:left;}
#thema_section07 .process_list li:nth-child(even){float:right;}
#thema_section07 .process_list li:nth-child(2){margin-top:68px;}
#thema_section07 .process_list li:nth-child(2):before{content:''; display:block; position:absolute; right:15px; top:-58px; width:143px; height:72px; background:url(../image/thema/07/bg_people02.png) no-repeat;}
#thema_section07 .process_list a{display:block; position:relative; height:100%; background:#fff; border-radius:10px 0 0 50px; overflow:hidden; box-shadow:0 5px 10px 1px rgba(0, 0, 0, 0.07); transition:all 0.3s ease;}
#thema_section07 .process_list a:before{content:''; display:block; position:absolute; right:30px; bottom:30px; width:27px; height:18px; background:url(../image/thema/07/ico_arrow.png) no-repeat; transition:all 0.3s ease;}
#thema_section07 .process_list a:hover:before{right:20px;}
#thema_section07 .process_list .img_wrap{display:block; position:relative; width:100%; height:148px; background:#eee; overflow:hidden;}
#thema_section07 .process_list .img_wrap img{display:block; width:100%; height:100%;}
#thema_section07 .process_list .txt_wrap{display:block; padding:20px; font-family:'Pretendard'; box-sizing:border-box; word-break:break-word;}
#thema_section07 .process_list .txt_wrap i,
#thema_section07 .process_list .txt_wrap em{font-style:normal;}
#thema_section07 .process_list .txt_wrap i{padding:3px 6px; color:#0d8081; font-size:12px; font-weight:300; border:1px solid #0d8081; border-radius:50px; box-sizing:border-box;}
#thema_section07 .process_list .txt_wrap span{position:relative; display:block; margin-top:12px; z-index:1;}
#thema_section07 .process_list .txt_wrap span > em{display:inline-block; position:relative; max-width:100%; padding-bottom:2px; color:#111; font-size:18px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#thema_section07 .process_list a .txt_wrap span > em:before{content:''; display:block; position:absolute; left:0; bottom:0; width:0%; height:8px; background:#e0edea; z-index:-1; transition:width 0.5s ease-out;}
#thema_section07 .process_list a:hover .txt_wrap span > em:before{width:100%;}
#thema_section07 .process_list .txt_wrap > em{display:block; margin-top:5px; color:#666; font-size:14px; font-weight:300; line-height:1.4em;}
#thema_section07 .process_list:after{content:''; display:block; clear:both;}
#thema_section07 .ctl_wrap button{position:absolute; top:50%; width:35px; height:59px; margin-top:auto; border:0; background:none; cursor:pointer; transition:all 0.3s ease; transform:translateY(-50%);}
#thema_section07 .ctl_wrap button:after{width:35px; height:59px; font-size:0; background:url(../image/thema/07/btn_next.png) no-repeat;}
#thema_section07 .ctl_wrap button span{display:block; font-size:0; text-indent:100%;}
#thema_section07 .ctl_wrap .btn_prev{left:3%;}
#thema_section07 .ctl_wrap .btn_prev:after{background:url(../image/thema/07/btn_prev.png) no-repeat;}
#thema_section07 .ctl_wrap .btn_next{right:3%;}

@media screen and (max-width:1380px){
	#thema_section07 .title_wrap{width:450px; padding-left:0;}
	#thema_section07 .tab_wrap{width:calc(100% - 500px); padding:0;}
	#thema_section07 .ctl_wrap .btn_prev{left:0;}
	#thema_section07 .ctl_wrap .btn_next{right:0;}
	#thema_section07 .tab_wrap:before{left:-75px;}
	#thema_section07 .title_wrap h4{font-size:32px;}
	#thema_section07 .title_wrap .sub_txt{font-size:16px;}
	#thema_section07 .tab button span{font-size:18px;}
	#thema_section07 .process_list .txt_wrap span > em{font-size:17px;}
}
@media screen and (max-width:1280px){
	#thema_section07 .title_wrap{width:400px;}
	#thema_section07 .tab_wrap:before{left:-95px;}
	#thema_section07 .title_wrap > span{font-size:16px;}
	#thema_section07 .title_wrap h4{margin-top:15px; font-size:30px;}
	#thema_section07 .tab_wrap{width:calc(100% - 430px);}
	#thema_section07 .tab button span{font-size:17px;}
	#thema_section07 .process_list .txt_wrap span > em{font-size:16px;}
}
@media screen and (max-width:1180px){
	#thema_section07{padding:50px 0;}
	#thema_section07:before{top:80px;}
	#thema_section07 .thema_wrap{padding-bottom:50px; background:#f4fafa;}
	#thema_section07 .thema_wrap .inr{padding:0;}
	#thema_section07 .thema_wrap:after{bottom:0;}
	#thema_section07 .thema_wrap:before{display:none;}
	#thema_section07 .cont_wrap{flex-wrap:wrap; flex-direction:column;}
	#thema_section07 .title_wrap{width:100%; padding:50px 30px 0;}
	#thema_section07 .title_wrap h4 span{display:inline-block;}
	#thema_section07 .tab{margin-top:30px;}
	#thema_section07 .mySwiper .swiper-wrapper{flex-direction:row;}
	#thema_section07 .mySwiper .swiper-slide{flex:0 1 auto; flex-shrink:0; flex-grow:0; flex-basis:0; min-width:33.33333333333333%;}
	#thema_section07 .tab_wrap .mySwiper2{width:100%;}
	#thema_section07 .tab_wrap{width:100%; margin-top:30px;}
	#thema_section07 .tab_wrap:before{display:none;}
	#thema_section07 .process_list{margin-top:20px; padding:0 40px 10px;}
	#thema_section07 .process_list li{float:left !important; width:22%; height:290px; margin:0 1.5%;}
	#thema_section07 .process_list li:nth-child(2){margin-top:0;}
	#thema_section07 .process_list li:nth-child(2):before{display:none;}
	#thema_section07 .process_list a:before{bottom:20px;}
	#thema_section07 .process_list .img_wrap{height:128px;}
	#thema_section07 .process_list .txt_wrap{padding:15px;}
	#thema_section07 .ctl_wrap .btn_prev{left:5px;}
	#thema_section07 .ctl_wrap .btn_next{right:5px;}
	#thema_section07 .title_wrap h4{margin-top:10px; font-size:28px;}
	#thema_section07 .title_wrap .sub_txt{margin-top:15px;}
	#thema_section07 .tab{margin-top:25px;}
	#thema_section07 .tab button span{font-size:16px;}
}
@media screen and (max-width:1024px){
	#thema_section07 .thema_wrap{padding-bottom:30px;}
	#thema_section07 .process_list{margin-top:0; padding:0 40px 10px;}
	#thema_section07 .process_list li{width:48%; height:190px; margin:1% 2% 2%;}
	#thema_section07 .process_list li:nth-child(odd){margin-left:0;}
	#thema_section07 .process_list li:nth-child(2){margin-top:1%;}
	#thema_section07 .process_list li:nth-child(even){float:right !important; margin-right:0;}
	#thema_section07 .process_list a{display:flex; padding:20px; border-radius:20px; box-sizing:border-box;}
	#thema_section07 .process_list .img_wrap{width:240px; height:auto; min-height:150px; border-radius:10px; overflow:hidden;}
	#thema_section07 .ctl_wrap button{width:25px; height:49px;}
	#thema_section07 .ctl_wrap button:after{width:100%; height:100%; background-size:100% !important;}
	#thema_section07 .title_wrap > span{font-size:15px;}
	#thema_section07 .title_wrap h4{font-size:25px;}
	#thema_section07 .title_wrap .sub_txt{font-size:15px;}
}
@media screen and (max-width:860px){
	#thema_section07 .process_list{padding:0 50px 10px;}
	#thema_section07 .process_list li{height:100%;}
	#thema_section07 .process_list a{flex-wrap:wrap; flex-direction:column; padding-bottom:30px;}
	#thema_section07 .process_list a:before{width:17px; height:11px; background-size:100%;}
	#thema_section07 .process_list .img_wrap{width:100%;}
	#thema_section07 .process_list .txt_wrap{width:100%;}
	#thema_section07 .process_list .txt_wrap > em{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	#thema_section07 .process_list .txt_wrap{padding:20px 0;}
}
@media screen and (max-width:800px){
	#thema_section07{background:#fff;}
	#thema_section07 .process_list .img_wrap{min-height:100%;}
}
@media screen and (max-width:650px){
	#thema_section07 .mySwiper .swiper-wrapper{flex-direction:column;}
	#thema_section07 .mySwiper .swiper-slide{min-width:100%;}
	#thema_section07 .tab button{padding:10px 25px;}
	#thema_section07 .tab_wrap{margin-top:20px;}
	#thema_section07 .process_list{padding:0 40px 10px;}
	#thema_section07 .process_list a{padding:15px 15px 30px;}
	#thema_section07 .process_list .txt_wrap{padding:15px 0;}
	#thema_section07 .ctl_wrap .btn_next{right:2px;}
	#thema_section07 .ctl_wrap .btn_prev{left:2px;}
	#thema_section07 .title_wrap h4{font-size:22px;}
	#thema_section07 .process_list .txt_wrap i{font-size:11px;}
}
@media screen and (max-width:500px){
	#thema_section07 .process_list li{float:none !important; width:100%;}
	#thema_section07 .process_list li:last-child{display:none;}
	#thema_section07 .process_list a{flex-direction:row; gap:3%; padding:15px; border-radius:15px;}
	#thema_section07 .process_list .img_wrap{width:42%;}
	#thema_section07 .process_list .txt_wrap{width:55%; padding:0; padding-bottom:20px;}
	#thema_section07 .process_list a:before{bottom:15px;}
}