/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	src: url('/assets/font/Pretendard-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	src: url('/assets/font/Pretendard-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	src: url('/assets/font/Pretendard-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: url('/assets/font/Pretendard-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: url('/assets/font/Pretendard-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: url('/assets/font/Pretendard-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: url('/assets/font/Pretendard-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: url('/assets/font/Pretendard-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	src: url('/assets/font/Pretendard-Black.woff2') format('woff2');
}



/* Common **********************************************************************/ 
html,body {width:100%; scroll-behavior: smooth;}
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:13px; line-height:1.6; font-family: 'Pretendard', sans-serif; color:#7d7d7d;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

/* input {appearance: none; -webkit-appearance: none; -webkit-border-radius: 0;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none;} */


.center{text-align:center;}
.pc_img {display:block;}
.tab_img {display:none;}
.mob_img {display:none;}
.pc {display:block;}
.tab {display:none;}
.mob {display:none;}
.tab_mob_only {display:none;}


:root {
  --co01: #004edf;
  --co02: #01215e;
}

/* ==main== */
#wrap{ position: relative; width: 100%; max-width: 100%; min-width: 1440px;  margin: 0 auto; overflow: hidden;word-break: keep-all;}
.inner{width: 1400px; margin: 0 auto; max-width:100%;}

#header{position: relative;line-height: 1; z-index: 8000;}
#header .h_top{display: flex;align-items: center;justify-content: center;gap:40px;background: var(--co02); height: 60px;}
#header .h_top .txt{display: flex;align-items: center;gap:10px;font-size: 20px; color: #fff; font-weight: 700;}
#header .h_top .txt a{color: #fff;}
#header > .inner{display: flex;align-items: center;justify-content: space-between;height: 90px;}
#header .btn_wrap{display: flex;align-items: center;gap:40px;}
#header .btn_wrap a{display: flex;align-items: center;justify-content: center;flex-direction: column;gap:15px;}
#header .btn_wrap a p{font-size: 14px; color: #666; font-weight: 500;}

.gnb_wrap{border-top: 1px solid #ddd;}
ul.gnb{display: flex;align-items: center;gap:120px;justify-content: center; height: 60px;}
ul.gnb li a{font-size: 18px; color: #333; font-weight: 500;}

/*navi*/
.nav_btn{display: none;}
.navigation{display: none;}

/* main_video_wrap : 메인 상단 유튜브 영상 (PC - 가로 1400px, 16:9 비율, 뒤 배경 없음) */
#main_video_wrap{position: relative;width: 100%;max-width: 1400px;margin: 0 auto;line-height: 1;}
#main_video_wrap .video_box{position: relative;width: 100%;height: 0;padding-top: 56.25%;overflow: hidden;}
#main_video_wrap iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}

/* visual_wrap */
#visual_wrap, #visual_wrap_tabmob{position: relative;line-height: 1;}
#visual_wrap .txt_wrap, #visual_wrap_tabmob .txt_wrap{position: absolute; bottom: 90px;left: 0; width: 100%;}
#visual_wrap .txt_wrap p, #visual_wrap_tabmob .txt_wrap p{font-size: 60px; color: #fff;font-weight: 500; line-height: 80px;}

#visual_wrap .visual_items, #visual_wrap_tabmob .visual_items{display: none;position: absolute;left: 0; bottom: 280px;width: 100%;z-index: 1000;}
#visual_wrap .swiper-paging, #visual_wrap_tabmob .swiper-paging{display: flex;gap: 20px;}
#visual_wrap .swiper-paging .swiper-pagination-bullet, #visual_wrap_tabmob .swiper-paging .swiper-pagination-bullet{position: relative;width: 50px;height: 50px;display: inline-block;border-radius: 50%;background: transparent;opacity: 0.2;}
#visual_wrap .swiper-paging .swiper-pagination-bullet::after, #visual_wrap_tabmob .swiper-paging .swiper-pagination-bullet::after{opacity: 0;content:'';position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%);border: 3px solid rgba(255, 255, 255, .3);border-radius: 50%;width: 50px;height: 50px;}
#visual_wrap .swiper-paging svg, #visual_wrap_tabmob .swiper-paging svg{width: 50px; height: 50px;}
#visual_wrap .swiper-paging span.dots, #visual_wrap_tabmob .swiper-paging span.dots{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);font-size: 16px; color: #fff;text-align: center;font-weight: 700;}
#visual_wrap .circle, #visual_wrap_tabmob .circle{opacity: 0;}
#visual_wrap .swiper-paging .swiper-pagination-bullet-active, #visual_wrap_tabmob .swiper-paging .swiper-pagination-bullet-active{opacity: 1;}
#visual_wrap .swiper-pagination-bullet-active .circle, #visual_wrap_tabmob .swiper-pagination-bullet-active .circle{animation: draw 4s linear forwards;stroke-dashoffset: 145px; stroke-dasharray: 145px;opacity: 1;}
#visual_wrap .swiper-pagination-bullet-active .circle.on, #visual_wrap_tabmob .swiper-pagination-bullet-active .circle.on{animation-delay:1s;}
#visual_wrap .swiper-paging .swiper-pagination-bullet-active::after, #visual_wrap_tabmob .swiper-paging .swiper-pagination-bullet-active::after{opacity: 1;}
@keyframes draw {
    to {stroke-dashoffset: 0;}
}

/*section*/
.section{padding: 120px 0;line-height: 1;}
.sec_tit01{margin-bottom: 40px;}
.sec_tit01 em{display: block;font-size: 20px; color: var(--co01); font-weight:  600; margin-bottom: 12px;}
.sec_tit01 p,
.sec_tit01 h2{font-size: 55px; color: #333; font-weight: 700; line-height: 80px;}
.sec_tit01 span{display: block;font-size: 18px; color: #666; line-height: 28px;margin-top: 20px;}

a.more_btn_st01{display: flex;align-items: center;justify-content: center; width: 180px; height: 54px; font-size: 18px; color: #999; background: #fff; border:1px solid #ddd; margin: 60px auto 0;}

/*section01*/
#section01{position: relative;}
#section01 .bg{position: absolute;left: 0;bottom: -18px;font-size: 125px; color: #f5f5f5; font-weight: 700; text-transform: uppercase;z-index: -1;}
#section01 .inner{display: flex;justify-content: space-between;width: 100%;padding-left: 260px;}
#section01 .left{display: flex;flex-direction: column;justify-content: space-between;padding: 30px 0;}
#section01 .btn_wrap{display: flex;gap:20px;}
#section01 .btn_wrap a{display: block;width: 180px; padding-bottom: 17px;border-bottom: 2px solid #ddd;}
#section01 .btn_wrap a span{display: block;font-size: 18px; color: #bbb; font-weight: 700; margin-bottom: 10px;}
#section01 .btn_wrap a .txt{display: flex;align-items: center;justify-content: space-between;}
#section01 .btn_wrap a p{font-size: 24px;color: #333; font-weight: 700;}

#section01 .mob_wrap{display: none;}

/*section02*/
#section02 ul.sec02_slide .slick-list{width: calc(100% + 40px);}
#section02 ul.sec02_slide li{margin-right: 40px;}
#section02 ul.sec02_slide li .img_wrap{position:relative; width:100%; padding-bottom:100%;}
#section02 ul.sec02_slide li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
#section02 ul.sec02_slide li .txt_wrap{margin-top: 30px;padding-bottom: 20px;border-bottom: 1px solid #bbb;}
#section02 ul.sec02_slide li .txt_wrap p{position: relative;font-size: 20px; color: #333; font-weight: 700;padding-left: 20px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#section02 ul.sec02_slide li .txt_wrap p::after{content:'';position: absolute;top: 50%;left: 0; transform:translateY(-50%);width: 5px; height: 5px; background: var(--co01);}

#section02 .slick-arrow{position: absolute;top: 50%;transform:translateY(-50%);text-indent: -9999px;z-index: 100;}
#section02 .slick-prev{left: 0;background: url(/assets/images/main/prev01_pc.png)center no-repeat; width: 60px; height: 60px; background-size: cover;}
#section02 .slick-next{right: 0;background: url(/assets/images/main/next01_pc.png)center no-repeat; width: 60px; height: 60px; background-size: cover;}

/* section03 */
#section03{background: #f5f5f5;}
#section03 ul.sec03_slide .slick-list{width: calc(100% + 30px);}
#section03 ul.sec03_slide li{margin-right: 30px;}
#section03 ul.sec03_slide li .img_wrap{position:relative; width:100%; padding-bottom:62.7%;}
#section03 ul.sec03_slide li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
#section03 ul.sec03_slide li .txt_wrap{margin-top: 30px;}
#section03 ul.sec03_slide li .txt_wrap p{margin-bottom: 15px;padding-bottom: 20px;font-size: 20px; color: #333; font-weight: 700;border-bottom: 1px solid #bbb;}
#section03 ul.sec03_slide li .txt_wrap span{display: block;font-size: 16px; color: #666; line-height: 24px; white-space:pre-wrap;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}

#section03 .slick-arrow{position: absolute;top: 50%;transform:translateY(-50%);text-indent: -9999px;z-index: 100;}
#section03 .slick-prev{left: 0;background: url(/assets/images/main/prev01_pc.png)center no-repeat; width: 60px; height: 60px; background-size: cover;}
#section03 .slick-next{right: 0;background: url(/assets/images/main/next01_pc.png)center no-repeat; width: 60px; height: 60px; background-size: cover;}

/* section04 */
#section04 .inner{display: flex;}
#section04 .left{width: 380px;}
#section04 .tab-menu-wrap{margin-top: 80px;}
#section04 .tab-menu-wrap a{display: flex;align-items: center;justify-content: space-between;width: 180px;font-size: 24px; color: #333; font-weight: 700;padding-bottom: 15px;border-bottom: 2px solid #ddd;}
#section04 .tab-menu-wrap a:not(:last-child){margin-bottom: 30px;}
#section04 .tab-menu-wrap a.on{color: var(--co01);}

#section04 .right{width: calc(100% - 380px);}
#section04 .right ul .slick-list{width: calc(100% + 30px);}
#section04 .right ul li{margin-right: 30px;}
#section04 .list_wrap{display: flex;flex-wrap:wrap;gap:40px 30px;}
#section04 .list_wrap .list{width: calc((100% - 60px) / 3);}
#section04 .list_wrap .list .img_wrap{position:relative; width:100%; padding-bottom:56.25%;}
#section04 .list_wrap .list .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
#section04 .list_wrap .list .txt_wrap{margin-top: 15px;}
#section04 .list_wrap .list .txt_wrap p{font-size: 18px; color: #333; line-height: 28px;font-weight: 700;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}

#section04 .vis_item{display: flex;align-items: center;gap:30px; justify-content: space-between; margin-top: 40px;}
#section04 .progress {position:relative; width:calc(100% - 160px); height:4px; background:#ddd;}
#section04 .progress .slider__label{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:0; height:100%; background:var(--co01); transition:0.5s;}
#section04 .arr_wrap{display: flex;gap:10px;}
#section04 .arr_wrap button{display: block;}

#section04 .mob_slide{display: none;}

/*section05*/
#section05{padding: 0;}
#section05 .box_wrap{display: flex;align-items: center;justify-content: space-between;padding: 0 80px;background: url(/assets/images/main/sec05_bg01_pc.jpg)center no-repeat; height: 400px; background-size: cover; background-attachment: fixed;}
#section05 .sec_tit01 em{color: #fff;}
#section05 .sec_tit01 p{color: #fff;}
#section05 .sec_tit01 span{color: #fff;}
#section05 .txt_box{width: 280px; height: 240px;background: #fff;padding: 30px;}
#section05 .txt_box strong{display: block;font-size: 20px; color: #333; font-weight: 700;padding-bottom: 20px; margin-bottom: 20px;border-bottom: 1px solid #ddd;}
#section05 .txt_box ul li{display: flex;align-items: flex-start;gap:12px;}
#section05 .txt_box ul li:not(:last-child){margin-bottom: 20px;}
#section05 .txt_box ul li img{line-height: 22px;}
#section05 .txt_box ul li p{font-size: 16px; color: #666; line-height: 22px;font-weight: 700;}
#section05 .txt_box ul li p a{display: inline;margin-top: 0;color: #666;margin-left: initial; }
#section05 .txt_box a{display: block;margin-top: 30px; margin-left: auto; width: fit-content;}

/* section06 */
#section06 .logo_wrap{display: flex;flex-wrap:wrap;justify-content: center;gap:20px;margin-top: 60px;}
#section06 .logo_wrap .logo{width: calc((100% - 80px) / 5);}
#section06 .logo_wrap .logo .img_wrap{position:relative; width:100%; padding-bottom:34.09%; box-shadow:0px 0px 8px rgba(0,0,0,.12);}
#section06 .logo_wrap .logo .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}

/* footer */
#footer{position: relative;padding: 60px 0px 40px;line-height: 1;background: #000;}
#footer .f_con{display: flex;align-items: flex-end;justify-content: space-between;}
#footer .f_con .left .f_tit p{font-size: 24px;	color: #fff; font-weight: 700; margin-bottom: 30px;}
#footer .f_con .left ul li{display: flex;align-items: center;font-size: 16px; color: #fff;}
#footer .f_con .left ul li:not(:last-child){margin-bottom: 18px;}
#footer .f_con .left ul li .icon{width: 40px;}
#footer .f_con .left ul li a{color: #fff;}
#footer .f_con .right .txt{display: flex;gap:30px;}
#footer .f_con .right span{display: block;font-size: 16px; color: #fff; font-weight: 700;}
#footer .f_con .right strong{display: block;font-size: 22px; color: #fff;}
#footer .f_con .right strong:not(:last-child){margin-bottom: 25px;}
#footer .f_con .right strong a{color: #fff;}

#footer .bot{display: flex;align-items: center;justify-content: space-between; margin-top: 50px;padding-top: 20px; border-top: 1px solid rgba(255,255,255,.3);}
#footer .btn_wrap{display: flex;gap:10px;}
#footer p.copy{font-size: 16px; color: #999;}

/* =====sub=================================================== */
#sub_visual_wrap{position: relative; line-height: 1;}
#sub_visual_wrap .txt_wrap{position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);}
#sub_visual_wrap .txt_wrap p,
#sub_visual_wrap .txt_wrap h2{font-size: 60px; color: #fff; font-weight: 700;text-align: center;}
#sub_visual_wrap .txt_wrap span{display: block;font-size: 18px; color: #ddd;text-align: center; margin-top: 30px;text-transform:uppercase;}

.tab_menu_pc{position: absolute;left: 0;bottom: 0;width: 100%; background: rgba(255,255,255,.4);}
.tab_menu_pc ul{display: flex;}
.tab_menu_pc ul li{flex:1;}
.tab_menu_pc ul li a{display: flex;align-items: center;justify-content: center; font-size: 18px; color: #fff;font-weight: 700; height: 70px;}
.tab_menu_pc ul li.on a{background: #fff;color: #333;}

.tab_menu_mob{display: none;}

#sub_contents{padding: 120px 0;}
#sub_contents.no_pb{padding-bottom: 0;}
#sub_contents .contop{margin-bottom: 80px;line-height: 1;}
#sub_contents .contop h3{font-size: 55px; color: #333; font-weight: 700;text-align: center; margin-bottom: 50px;}

#sub_contents .contop .depth03_wrap em{display: none;}
#sub_contents .contop ul.depth03{display: flex;gap:10px;justify-content: center;flex-wrap:wrap;}
#sub_contents .contop ul.depth03 li a{display: flex;align-items: center;justify-content: center;font-size: 18px;  color: #666; width: 240px; height: 60px; border:1px solid #ddd;}
#sub_contents .contop ul.depth03 li.on a{background: var(--co01);color: #fff;}

#sub_contents .contop ul.depth04{display: flex;gap:80px;justify-content: center;margin-top: 80px;}
#sub_contents .contop ul.depth04 li a{position: relative;display: block;font-size: 18px; color: #666;padding-bottom: 16px;}
#sub_contents .contop ul.depth04 li a::after{content:'';position: absolute;left: -5px;bottom: 0;width: 0;height: 3px; background: var(--co01);transition:.3s;}
#sub_contents .contop ul.depth04 li.on a{color: var(--co01); font-weight: 700;}
#sub_contents .contop ul.depth04 li.on a::after{width: calc(100% + 10px);}
#sub_contents .contop ul.depth04 li:hover a::after{width: calc(100% + 10px);}

/* 공통 */
.sub_tit01{margin-bottom: 50px;}
.sub_tit01 em{display: block;font-size: 20px; color: var(--co01);font-weight: 600; margin-bottom: 12px;}
.sub_tit01 p,
.sub_tit01 h4{font-size: 45px; color: #333; font-weight: 700; line-height: 65px;}
.sub_tit01 span{display: block;font-size: 18px; color: #666; line-height: 28px; margin-top: 20px;}
.sub_tit01 span b{color: #333; font-weight: 600;}
.sub_tit01 .co01{color: var(--co01);}

.sub_tit01.wh em{color: #999;}
.sub_tit01.wh p,
.sub_tit01.wh h4{color: #fff;}
.sub_tit01.wh span{color: #fff;}
.sub_tit01.wh span b{color: #fff;}

.sub_tit01 em.gray{color: #999;}
.sub_tit01 em.bl{color: #333;}

ul.ul_st01 li{position: relative;font-size: 18px; color: #333;padding-left: 20px;}
ul.ul_st01 li::after{content:'‣';position: absolute;top: 0; left: 0;color: var(--co01);}
ul.ul_st01 li:not(:last-child){margin-bottom: 30px;}

ul.ul_st02 li{position: relative;font-size: 18px; color: #666; line-height: 28px;padding-left: 17px;}
ul.ul_st02 li::after{content:'•';position: absolute;top: 0; left: 0;color: var(--co01);}

table.tbl01{width: 100%;table-layout: fixed; border-top: 2px solid #333;}
table.tbl01 th{font-size: 18px; color: #333; font-weight: 700; background: #f5f5f5;padding: 12px; border:1px solid #ddd;}
table.tbl01 td{font-size: 18px; color: #666; line-height: 22px;padding: 12px 20px; background: #fff; border:1px solid #ddd;}
table.tbl01 th:first-child,
table.tbl01 td:first-child{border-left: 0;}
table.tbl01 th:last-child,
table.tbl01 td:last-child{border-right: 0;}

/* sub0101 */
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con{padding: 120px 0;}
.sub0101_wrap .con01{position: relative;padding-top: 40px;background: url(/assets/images/sub/sub0101_bg01.png)bottom 80px right 160px no-repeat;}
.sub0101_wrap .con01 .txt_wrap{display: flex;flex-wrap:wrap;width: 1040px;border-top: 1px solid #ddd;}
.sub0101_wrap .con01 .txt_wrap .txt{display: flex;align-items: center;width: 50%;padding: 30px 20px;border-bottom: 1px solid #ddd;}
.sub0101_wrap .con01 .txt_wrap .txt p{font-size: 18px; color: #333; font-weight: 600;width: 100px;}
.sub0101_wrap .con01 .txt_wrap .txt span{font-size: 18px; color: #666;}
.sub0101_wrap .con01 .txt_wrap .txt span em{display: inline-block;font-size: 18px; color: #bbb;margin: 0 16px;}
.sub0101_wrap .con01 .txt_wrap .txt span img{display: inline-block;margin-left: 10px;vertical-align: inherit;}

.sub0101_wrap .con02{background: url(/assets/images/sub/sub0101_bg02.png)right 160px center no-repeat #f5f5f5;}
.sub0101_wrap .con02 .inner{display: flex;align-items: center;}
.sub0101_wrap .con02 .txt_box{width: 50%;}
.sub0101_wrap .con02 .txt_wrap{background: #fff;padding: 40px 30px; border-radius:20px;}
.sub0101_wrap .con02 .img_box{width: 50%;}
.sub0101_wrap .con02 .img_box img{display: block;transform:translateX(60px);max-width: 100%;margin-left: auto;}

.sub0101_wrap .con03 .inner{width: 1600px;}
.sub0101_wrap .con03 .box_con{position: relative;padding-top: 60px;}
.sub0101_wrap .con03 .box01{position: absolute;top: 0; left: 50%;transform:translateX(-50%);width: 1000px;padding: 30px; border-radius:60px; background: url(/assets/images/sub/sub0101_bg03.png)center no-repeat; background-size: cover;}
.sub0101_wrap .con03 .box01 span{display: block;font-size: 18px; color: #fff; text-align: center;}
.sub0101_wrap .con03 .box01 p{font-size: 24px; color: #fff; font-weight: 600;text-align: center; margin-top: 16px;}

.sub0101_wrap .con03 .box_wrap{display: flex;justify-content: center;gap:40px;border:1px dashed var(--co01);padding: 100px; background: #f7f9fe; border-radius:253px;box-shadow: inset 0px 0px 50px rgba(0, 78, 223, .08);}
.sub0101_wrap .con03 .box_wrap .icon_wrap{display: flex;align-items: center;justify-content: center;flex-direction: column; width: 320px;height: 320px; background: #fff; border-radius:50%; box-shadow:0px 0px 50px rgba(53,53,53,.1);}
.sub0101_wrap .con03 .box_wrap .icon_wrap .icon{height: 80px;}
.sub0101_wrap .con03 .box_wrap .icon_wrap p{font-size: 20px; color: #333; line-height: 48px; line-height: 30px;text-align: center;font-weight: 600;}

.sub0101_wrap .con04{background: url(/assets/images/sub/sub0101_bg04.jpg)center no-repeat; background-size: cover;}
.sub0101_wrap .con04 .txt01{width: fit-content;margin: 0 auto 65px;}
.sub0101_wrap .con04 .txt01 p{position: relative;font-size: 40px; color: #333; font-weight: 700;z-index: 1;}
.sub0101_wrap .con04 .txt01 p::after{content:'';position: absolute;bottom: -5px;left: 0;width: 100%; height: 12px; background: var(--co01); opacity: .2;z-index: -1;}

.sub0101_wrap .con04 .box_wrap{display: flex;gap:120px;}
.sub0101_wrap .con04 .box_wrap .box{width: calc((100% - 120px) / 2); padding: 40px 60px; border-radius:20px; background: #fff;}
.sub0101_wrap .con04 .box_wrap .box strong{display: block;font-size: 24px; color: var(--co01); text-align: center; margin-bottom: 70px;}

.sub0101_wrap .con04 .box_wrap .box01 ul{display: flex;flex-wrap:wrap;gap:20px 0;}
.sub0101_wrap .con04 .box_wrap .box01 ul li{display: flex;align-items: center;gap:20px;width: 50%;}
.sub0101_wrap .con04 .box_wrap .box01 ul li em{display: flex;align-items: center; justify-content: center; width: 60px; height: 36px; background: #ddd; font-size: 18px;	color: #666; font-weight: 500; border-radius:18px;}
.sub0101_wrap .con04 .box_wrap .box01 ul li p{font-size: 18px; color: #666; font-weight: 500;}

.sub0101_wrap .con04 .box_wrap .box02{position: relative;padding: 40px 0;background: var(--co01);}
.sub0101_wrap .con04 .box_wrap .box02::after{content:'';position: absolute;top: 50%;left: -100px;transform:translateY(-50%); width: 84px; height: 71px; background: url(/assets/images/sub/sub0101_icon05.png)center no-repeat; background-size: cover;}
.sub0101_wrap .con04 .box_wrap .box02 strong{color: #fff;margin-bottom: 55px;}
.sub0101_wrap .con04 .box_wrap .box02 ul{display: flex;justify-content: center;align-items: center;}
.sub0101_wrap .con04 .box_wrap .box02 ul li{position: relative;display: flex;align-items: center;justify-content: center;width: 180px;height: 180px;font-size: 18px; color: #fff; line-height: 24px;text-align: center; font-weight: 600; border-radius:50%;}
.sub0101_wrap .con04 .box_wrap .box02 ul li.li01{background: url(/assets/images/sub/sub0101_img02.png)center no-repeat; background-size: cover;transform:translateX(10px);z-index: 3;}
.sub0101_wrap .con04 .box_wrap .box02 ul li.li02{background: url(/assets/images/sub/sub0101_img03.png)center no-repeat; background-size: cover;z-index: 2;}
.sub0101_wrap .con04 .box_wrap .box02 ul li.li03{background: url(/assets/images/sub/sub0101_img04.png)center no-repeat; background-size: cover;transform:translateX(-10px);z-index: 1;}

.sub0101_wrap .con05{background: #333;}
.sub0101_wrap .con05 .sub_tit01{margin-bottom: 40px;}
.sub0101_wrap .con05 .inner{display: flex;}
.sub0101_wrap .con05 .left{width: 50%;padding-right: 60px;}
.sub0101_wrap .con05 .left .txt_wrap{padding: 40px 20px;border-top: 1px solid #fff;border-bottom: 1px solid #fff; min-height: 245px;}
.sub0101_wrap .con05 .left .txt_wrap .txt{display: flex;align-items: center;gap:12px;}
.sub0101_wrap .con05 .left .txt_wrap .txt:not(:last-child){margin-bottom: 20px;}
.sub0101_wrap .con05 .left .txt_wrap .txt p{font-size: 18px; color: #fff;}
.sub0101_wrap .con05 .left .txt_wrap .txt p b{font-weight: 600;}
.sub0101_wrap .con05 .right{width: 50%;}
.sub0101_wrap .con05 .right img{max-width: 100%;}

.sub0101_wrap .con06 .box_wrap{display: flex;flex-wrap:wrap;justify-content: center;gap:40px;}
.sub0101_wrap .con06 .box_wrap .box{position: relative;width: calc((100% - 80px) / 3); border-radius:24px; overflow: hidden;}
.sub0101_wrap .con06 .box_wrap .box .img{transition:.3s;}
.sub0101_wrap .con06 .box_wrap .box:hover .img{filter: blur(5px);}
.sub0101_wrap .con06 .box_wrap .box .txt{position: absolute;left: 0; bottom: 0;padding: 40px 30px;}
.sub0101_wrap .con06 .box_wrap .box .txt p{font-size: 24px; color: #fff ;font-weight: 700;}
.sub0101_wrap .con06 .box_wrap .box .txt span{display: block;font-size: 18px; color: #ddd; margin-top: 15px;}

.sub0101_wrap .con07{padding-top: 0;}
.sub0101_wrap .con07 .img_wrap{display: block;margin: 0 auto;width: fit-content;}
.sub0101_wrap .con07 .img_wrap img{max-width: 100%;}

.sub0101_wrap .con08{background: #f5f5f5;}
.sub0101_wrap .con08 .box_wrap{display: flex;gap:40px;}
.sub0101_wrap .con08 .box_wrap .box{width: calc((100% - 120px) / 4); border-radius:20px; overflow: hidden;}
.sub0101_wrap .con08 .box_wrap .box .txt_wrap{padding: 40px 30px;background: #fff;}
.sub0101_wrap .con08 .box_wrap .box .txt_wrap em{font-size: 18px; color: #999; font-weight: 700;}
.sub0101_wrap .con08 .box_wrap .box .txt_wrap p{font-size: 22px; color: var(--co01);font-weight: 700;margin-top: 20px;}
.sub0101_wrap .con08 .box_wrap .box .img_wrap img{width: 100%;}

/* sub0102 */
.sub0102_wrap{line-height: 1;}
.sub0102_wrap .con{padding: 120px 0;}
.sub0102_wrap .con01{padding-top: 40px;}
.sub0102_wrap .con01 .img img{width: 100%;}
.sub0102_wrap .con01 .txt_wrap{display: flex;justify-content: space-between;margin-top: 40px;}
.sub0102_wrap .con01 .txt_wrap p{font-size: 24px; color: #333; font-weight: 700;}
.sub0102_wrap .con01 .txt_wrap span{display: block; font-size: 18px; color: #666; line-height: 28px;}
.sub0102_wrap .con01 .txt_wrap span b{font-weight: 600;}

.sub0102_wrap .con02{background: #f5f5f5;}
.sub0102_wrap .con02 .inner{display: flex;}
.sub0102_wrap .con02 .tit_wrap{width: 50%;}
.sub0102_wrap .con02 .box_wrap{position: relative;width: 50%;}
.sub0102_wrap .con02 .box_wrap .box{background: #f5f5f5; border-radius:20px;overflow: hidden;}
.sub0102_wrap .con02 .box_wrap .box .img img{width: 100%;}
.sub0102_wrap .con02 .box_wrap .box .txt_wrap{position: relative;margin-top: 40px;}
.sub0102_wrap .con02 .box_wrap .box .txt_wrap em{position: absolute;top: 0; right: 0;font-size: 40px; color: rgba(51,51,51,.1); font-weight:  700;}
.sub0102_wrap .con02 .box_wrap .box .txt_wrap p{font-size: 35px; color: #333; font-weight: 700;}
.sub0102_wrap .con02 .box_wrap .box .txt_wrap span{display: block;font-size: 18px; color: #666; line-height: 28px; margin-top: 25px;}

.sub0102_wrap .con02 .box_wrap .box02{position: absolute;top: 0; left: 0;}

.sub0102_wrap .con03{background: url(/assets/images/sub/sub0102_bg01.png)top right no-repeat;}
.sub0102_wrap .con03 .inner{display: flex;justify-content: space-between;}
.sub0102_wrap .con03 .txt_wrap .txt strong{display: block;margin-top: 80px;font-size: 28px; color: #333; line-height: 40px;margin-bottom: 35px;}
.sub0102_wrap .con03 .txt_wrap .txt p{font-size: 20px; color: #666; line-height: 32px;}
.sub0102_wrap .con03 .txt_wrap .txt p b{color: #333; font-weight: 600;}
.sub0102_wrap .con03 .txt_wrap .txt p:not(:last-child){margin-bottom: 20px;}
.sub0102_wrap .con03 .txt_wrap .txt p:last-child{margin-top: 60px;}
.sub0102_wrap .con03 .img_wrap {margin-top: 110px;}
.sub0102_wrap .con03 .img_wrap img{max-width: 100%;}

/*sub0103*/
.sub0103_wrap{line-height: 1;}
.sub0103_wrap .con01 .txt_wrap{padding: 40px;background: var(--co01);}
.sub0103_wrap .con01 .txt_wrap ul li{display: flex;}
.sub0103_wrap .con01 .txt_wrap ul li:not(:last-child){margin-bottom: 20px;}
.sub0103_wrap .con01 .txt_wrap ul li p{width: 100px;font-size: 18px; color: #fff; font-weight: 700;}
.sub0103_wrap .con01 .txt_wrap ul li span{display: block;width: calc(100% - 100px);font-size: 18px; color: #fff;}
.sub0103_wrap .con01 .txt_wrap ul li span em{display: inline-block; font-weight: 300;margin: 0 15px;}
.sub0103_wrap .con01 .map_wrap{position:relative; width:100%; padding-bottom:40%;}
.sub0103_wrap .con01 .map_wrap iframe{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

.sub0103_wrap .con02{margin-top: 60px;}
.sub0103_wrap .con02 .txt_box{border-top: 1px solid #ddd;}
.sub0103_wrap .con02 .txt_wrap{display: flex;padding: 40px 30px;border-bottom: 1px solid #ddd;}
.sub0103_wrap .con02 .txt_wrap .tit{width: 270px;}
.sub0103_wrap .con02 .txt_wrap .tit p{font-size: 24px; color: #333; font-weight: 700;}
.sub0103_wrap .con02 .txt_wrap .txt{width: calc(100% - 270px);}
.sub0103_wrap .con02 .txt_wrap .txt ul{display: flex;gap:30px;}
.sub0103_wrap .con02 .txt_wrap .txt ul li{display: flex;gap:10px;}
.sub0103_wrap .con02 .txt_wrap .txt ul li em{display: flex;align-items: center;justify-content: center;width: 60px; height: 24px; background: #999; border-radius:12px;font-size: 15px; color: #fff; font-weight: 600;transform: translateY(2px);}
.sub0103_wrap .con02 .txt_wrap .txt ul li em.co01{background: #002569;}
.sub0103_wrap .con02 .txt_wrap .txt ul li em.co02{background: #3d550f;}
.sub0103_wrap .con02 .txt_wrap .txt p{font-size: 18px; color: #666; line-height: 30px;}
.sub0103_wrap .con02 .txt_wrap .txt p.co01{color: var(--co01);}
.sub0103_wrap .con02 .txt_wrap .txt p.ml{margin-left: 20px;}

/*sub0201*/
.sub0201_wrap{line-height: 1;}
.sub0201_wrap .con01 .txt_wrap{padding: 80px 130px;background: url(/assets/images/sub/sub0201_bg01.jpg)center no-repeat; background-size: cover; border-radius:20px; background-attachment: fixed;}
.sub0201_wrap .con01 .txt_wrap em{display: flex;align-items: center;justify-content: center; width: 100px; height: 48px; border:1px solid #fff; border-radius: 24px;font-size: 20px; color: #fff; font-weight: 700; margin: 0 auto;}
.sub0201_wrap .con01 .txt_wrap p{font-size: 40px; line-height: 60px; text-align: center;font-weight: 500;color: #fff; margin-top: 30px;}
.sub0201_wrap .con01 .txt_wrap p b{font-weight: 700;}

.sub0201_wrap .con02{padding: 120px 0; }
.sub0201_wrap .con02 .box_wrap{border-top: 1px solid #ddd;}
.sub0201_wrap .con02 .box_wrap .box{display: flex;padding: 40px 20px;border-bottom: 1px solid #ddd;}
.sub0201_wrap .con02 .box_wrap .box .txt_wrap{display: flex;justify-content: space-between;flex-direction: column;width: calc(100% - 640px);}
.sub0201_wrap .con02 .box_wrap .box .txt_wrap .tit{display: flex;align-items: center;gap:24px;}
.sub0201_wrap .con02 .box_wrap .box .txt_wrap .tit em{font-size: 28px; color: var(--co01); font-weight: 700;}
.sub0201_wrap .con02 .box_wrap .box .txt_wrap .tit p{font-size: 28px; color: #333; font-weight: 700;}
.sub0201_wrap .con02 .box_wrap .box .txt_wrap .txt p{font-size: 18px; color: #666; line-height: 28px;}
.sub0201_wrap .con02 .box_wrap .box .txt_wrap .txt p b{color: #333; font-weight: 600;}
.sub0201_wrap .con02 .box_wrap .box .txt_wrap .txt p b.co01{color: var(--co02);}
.sub0201_wrap .con02 .box_wrap .box .img_wrap{width: 640px;}
.sub0201_wrap .con02 .box_wrap .box .img_wrap img{max-width: 100%;}

.sub0201_wrap .con03{padding: 120px 0; background: url(/assets/images/sub/sub0201_bg02.jpg)center no-repeat; background-size: cover;}
.sub0201_wrap .con03 .box_wrap{display: flex;gap:40px;}
.sub0201_wrap .con03 .box_wrap .box{position: relative;padding: 50px 30px;width: calc((100% - 120px) / 4); height: 400px; border-radius:20px;}
.sub0201_wrap .con03 .box_wrap .box01{background: url(/assets/images/sub/sub0201_img06.png)center no-repeat; background-size: cover;}
.sub0201_wrap .con03 .box_wrap .box02{background: url(/assets/images/sub/sub0201_img07.png)center no-repeat; background-size: cover;}
.sub0201_wrap .con03 .box_wrap .box03{background: url(/assets/images/sub/sub0201_img08.png)center no-repeat; background-size: cover;}
.sub0201_wrap .con03 .box_wrap .box04{background: url(/assets/images/sub/sub0201_img09.png)center no-repeat; background-size: cover;}
.sub0201_wrap .con03 .box_wrap .box p{font-size: 24px; color: #fff; font-weight: 700; line-height: 36px;}
.sub0201_wrap .con03 .box_wrap .box em{position: absolute;right: 40px; bottom: 40px;font-size: 45px; color: rgba(255,255,255,.3); font-weight: 700;}

/* sub0202 */
.sub0202_wrap{line-height: 1;}
.sub0202_wrap .con{padding: 120px 0;}
.sub0202_wrap .con01{padding-top: 40px;}
.sub0202_wrap .con01 .txt_box{padding: 100px 0;background: url(/assets/images/sub/sub0202_bg01.jpg)center no-repeat; background-attachment: fixed;background-size: cover; border-radius:20px;}
.sub0202_wrap .con01 .txt_box .sub_tit01.wh em{color: var(--co01);}
.sub0202_wrap .con01 .txt_box .txt_wrap{display: flex; justify-content: center;}
.sub0202_wrap .con01 .txt_box .txt_wrap .txt{position: relative;display: flex;align-items: center;justify-content: center;width: 300px;}
.sub0202_wrap .con01 .txt_box .txt_wrap .txt p{font-size: 18px; color: #fff; line-height: 28px;text-align: center;}
.sub0202_wrap .con01 .txt_box .txt_wrap .txt strong{display: block;}
.sub0202_wrap .con01 .txt_box .txt_wrap .txt:not(:last-child)::after{content:'';position: absolute;right: 0; top: 50%;transform:translateY(-50%);width: 1px; height: 60px; background: rgba(163,184,234,.5);}

.sub0202_wrap .con02{position: relative;background: #edf1fb; border-radius:40px;}
.sub0202_wrap .con02 .bg{position: absolute;bottom: 120px; right: 260px; font-size: 180px; color: var(--co02); opacity: .1; font-weight: 700;}
.sub0202_wrap .con02 .box_wrap{display: flex;flex-wrap:wrap;gap:40px;}
.sub0202_wrap .con02 .box_wrap .box{width: calc((100% - 80px) / 3); border-radius:20px;overflow: hidden;}
.sub0202_wrap .con02 .box_wrap .box01{background: url(/assets/images/sub/sub0202_img01.png)center no-repeat; background-size: cover;}
.sub0202_wrap .con02 .box_wrap .box02{background: url(/assets/images/sub/sub0202_img02.png)center no-repeat; background-size: cover;}
.sub0202_wrap .con02 .box_wrap .box03{background: url(/assets/images/sub/sub0202_img03.png)center no-repeat; background-size: cover;}
.sub0202_wrap .con02 .box_wrap .box04{background: url(/assets/images/sub/sub0202_img04.png)center no-repeat; background-size: cover;}
.sub0202_wrap .con02 .box_wrap .box05{background: url(/assets/images/sub/sub0202_img05.png)center no-repeat; background-size: cover;}
.sub0202_wrap .con02 .box_wrap .box .txt_wrap{position: relative;width: 100%; height: 320px; padding: 50px 40px;z-index: 1;}
.sub0202_wrap .con02 .box_wrap .box .txt_wrap::after{content:'';position: absolute;top: 0;left: 0;width: 100%; height: 100%;transition:.3s;z-index: -1;background: linear-gradient(180deg,var(--co01) 0%, var(--co02) 100%); opacity: 0;}	
.sub0202_wrap .con02 .box_wrap .box.on .txt_wrap::after{opacity: 1;}
.sub0202_wrap .con02 .box_wrap .box .txt_wrap p{font-size: 40px; color: #fff;font-weight: 700;}

.sub0202_wrap .con03{position: relative;}
.sub0202_wrap .con03::before{content:'';position: absolute;left: 50%; top: -60px; transform:translateX(-50%);width: 1px; height: 120px;background: linear-gradient(180deg,#fff 50%, #a3b8ea 50%);}
.sub0202_wrap .con03::after{content:'';position: absolute;left: 50%; top: 60px; transform:translateX(-50%);width: 9px; height: 9px; border-radius:50%;background: #a3b8ea;}
.sub0202_wrap .con03 .box_wrap{display: flex;gap:40px;}
.sub0202_wrap .con03 .txt_wrap{width: 440px;}
.sub0202_wrap .con03 .txt_wrap ul{border-top: 1px solid #ddd;}
.sub0202_wrap .con03 .txt_wrap ul li{padding: 31px 25px;font-size: 20px; color: #333;font-weight: 700;border-bottom: 1px solid #ddd;}
.sub0202_wrap .con03 .txt_wrap ul li em{margin-right: 10px;font-weight: 700;color: var(--co01);}
.sub0202_wrap .con03 .txt_wrap ul li.on{color: #999;}
.sub0202_wrap .con03 .txt_wrap ul li.on em{color: #999;}
.sub0202_wrap .con03 .img_wrap{width: calc(100% - 480px);}
.sub0202_wrap .con03 .img_wrap img{max-width: 100%;}

.sub0202_wrap .con04{background: url(/assets/images/sub/sub0202_bg02.jpg)center no-repeat; background: cover;}
.sub0202_wrap .con04 .box_wrap{display: flex;}
.sub0202_wrap .con04 .box_wrap .box{display: flex;align-items: center;justify-content: center;flex-direction: column;gap:40px;width: calc(50% + 40px); height: 300px; border-radius:150px; border:1px solid rgba(0,78,223,.5); box-shadow: inset 0px 0px 35px rgba(0,78,223,.25);}
.sub0202_wrap .con04 .box_wrap .box:nth-child(1){transform:translateX(40px);}
.sub0202_wrap .con04 .box_wrap .box:nth-child(2){transform:translateX(-40px);}
.sub0202_wrap .con04 .box_wrap .box span{display: block;font-size: 20px; color: #333;font-weight: 700;text-align: center;}
.sub0202_wrap .con04 .box_wrap .box p{font-size: 40px; color: var(--co01); font-weight: 700;text-align: center;}

/*sub0203*/
.sub0203_wrap{line-height: 1;}
.sub0203_wrap .con{padding: 120px 0;}
.sub0203_wrap .con01{padding-top: 40px; background: url(/assets/images/sub/sub0203_bg01.png)center no-repeat; }
.sub0203_wrap .con01 .box_wrap{display: flex;}
.sub0203_wrap .con01 .box_wrap .left{width: 600px;}
.sub0203_wrap .con01 .box_wrap .left p{font-size: 32px; color: #333; line-height: 50px;font-weight: 700;}
.sub0203_wrap .con01 .box_wrap .right{width: calc(100% - 600px);}
.sub0203_wrap .con01 .box_wrap .right .txt{display: flex;align-items: center;gap:30px;background: #e3eaf9; height: 100px; border-radius:16px; padding: 0px 30px;}
.sub0203_wrap .con01 .box_wrap .right .txt:not(:last-child){margin-bottom: 10px;}
.sub0203_wrap .con01 .box_wrap .right .txt p{font-size: 24px; color: #333; font-weight: 700;}
 
.sub0203_wrap .con02 .sub_tit01{margin-bottom: 80px;}
.sub0203_wrap .con02 .box_wrap{display: flex;justify-content: space-between;padding: 0px 70px;}
.sub0203_wrap .con02 .box_wrap .box{display: flex;align-items: center;flex-direction: column;}
.sub0203_wrap .con02 .box_wrap .box .icon{height: 180px;}
.sub0203_wrap .con02 .box_wrap .box p{font-size: 24px; color: #333; font-weight: 700; line-height: 40px;text-align: center;}

.sub0203_wrap .con03{background: #f5f5f5;}
.sub0203_wrap .con03 .box_wrap .box{display: flex;}
.sub0203_wrap .con03 .box_wrap .box:not(:last-child){margin-bottom: 60px;}
.sub0203_wrap .con03 .box_wrap .box .img_wrap{width: 50%;}
.sub0203_wrap .con03 .box_wrap .box .img_wrap img{width: 100%;}
.sub0203_wrap .con03 .box_wrap .box .txt_wrap{width: 50%;padding-left: 60px;margin-top: 20px;}
.sub0203_wrap .con03 .box_wrap .box .txt_wrap em{display: flex;align-items: center;justify-content: center;width: 40px; height: 32px; background: var(--co01);font-size: 20px; color: #fff;font-weight: 700; margin-bottom: 25px;}
.sub0203_wrap .con03 .box_wrap .box .txt_wrap p{font-size: 32px; color: #333; font-weight: 700;margin-bottom: 25px;}
.sub0203_wrap .con03 .box_wrap .box .txt_wrap span{display: block;font-size: 18px; color: #333; line-height: 30px;}

.sub0203_wrap .con04{padding-bottom: 250px;background: url(/assets/images/sub/sub0203_bg02.jpg)center no-repeat; background-size: cover;}
.sub0203_wrap .con04 .txt_wrap strong{display: block;font-size: 32px; line-height: 50px;color: #333; font-weight: 700;text-align: center;}
.sub0203_wrap .con04 .txt_wrap strong b{font-weight: 700;color: var(--co01);}

/* sub0301 */
.sub0301_wrap{line-height: 1;}
.sub0301_wrap .con{padding: 120px 0;}
.sub0301_wrap .con.bg01{background: #f3f6fc;}
.sub0301_wrap .con.gray{background: #f5f5f5;}

.sub0301_wrap img{max-width: 100%;}

.sub0301_wrap .txt_box_st01{display: flex;flex-wrap:wrap; border-top: 2px solid #333;}
.sub0301_wrap .txt_box_st01 .txt{display: flex;align-items: center;gap:10px;padding: 20px;width: 50%;border-bottom: 1px solid #ddd;}
.sub0301_wrap .txt_box_st01 .txt em{display: flex;align-items: center;justify-content: center;width: 40px; height: 40px; background: var(--co01); border-radius:50%;font-size: 18px; color: #fff; font-weight:  700;}
.sub0301_wrap .txt_box_st01 .txt p{font-size: 18px; color: #333;width: calc(100% - 50px); line-height: 30px;}

.sub0301_wrap .txt_box_st02{margin: 60px 0;}
.sub0301_wrap .txt_box_st02 strong{display: block;font-size: 24px; color: #333; font-weight: 700;line-height: 36px;}
.sub0301_wrap .txt_box_st02 span{display: block;font-size: 18px; color: #666; line-height: 30px;margin-top: 15px;}
.sub0301_wrap .txt_box_st02 span b{color: #333;}
.sub0301_wrap .txt_box_st02 ul{display: flex;align-items: center;justify-content: center;gap:40px;margin: 25px 0;}
.sub0301_wrap .txt_box_st02 ul li{display: flex;align-items: center;gap:10px;}
.sub0301_wrap .txt_box_st02 ul li em{display: flex;align-items: center;justify-content: center;width: 40px; height: 40px; background: var(--co01); font-size: 18px;color: #fff; border-radius:50%; font-weight: 700;}
.sub0301_wrap .txt_box_st02 ul li span{color: #333;margin-top: 0;}

.sub0301_wrap .box_wrap_st01{display: flex;flex-wrap:wrap;gap:60px;}
.sub0301_wrap .box_wrap_st01 .box{width: calc((100% - 60px) / 2);}
.sub0301_wrap .box_wrap_st01 .box .tit{display: flex;align-items: center;justify-content: center; border-radius:20px 20px 0 0 ;font-size: 18px; color: #fff;padding: 20px; background: var(--co01);}
.sub0301_wrap .box_wrap_st01 .box .txt{display: flex;align-items: center;justify-content: center;padding: 40px; background: #fff; border-radius:0 0 20px 20px;}

.sub0301_wrap .flex_box_st01{display: flex;flex-wrap:wrap;gap:40px;}
.sub0301_wrap .flex_box_st01.flex03 .box{width: calc((100% - 80px) / 3);}
.sub0301_wrap .flex_box_st01.flex04 .box{width: calc((100% - 120px) / 4);}

.sub0301_wrap .con_bot{padding-bottom: 250px;background: url(/assets/images/sub/sub0203_bg02.jpg)center no-repeat; background-size: cover;}
.sub0301_wrap .con_bot .txt_wrap strong{display: block;font-size: 32px; line-height: 50px;color: #333; font-weight: 700;text-align: center;}
.sub0301_wrap .con_bot .txt_wrap strong b{font-weight: 700;color: var(--co01);}

/* sub0301_2 */
.sub0301_2 .con01{padding: 0;}
.sub0301_2 .con01 .inner{display: flex;}
.sub0301_2 .con01 .left{position: relative;width: calc(100% - 800px);}
.sub0301_2 .con01 .left .sub_tit01 span b{display: block;font-size: 20px; margin-bottom: 15px;}
.sub0301_2 .con01 .left a{display: flex;align-items: center; justify-content: center;gap:10px; width: 180px; height: 54px;border:1px solid #ddd;font-size: 18px;color: #999;}
.sub0301_2 .con01 .left .logo{position: absolute; bottom: 0; right: 60px;}

.sub0301_2 .con01 .right{width: 800px;}
.sub0301_2 .con01 .right .video_wrap{position:relative; width:100%; padding-bottom:56.25%;}
.sub0301_2 .con01 .right .video_wrap iframe{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

.sub0301_2 .con02 .box_wrap{display: flex;gap:20px;}
.sub0301_2 .con02 .box_wrap .box{width: calc((100% - 40px) / 3);}

.sub0301_2 .con03 .box_wrap{display: flex;gap:60px;}
.sub0301_2 .con03 .box_wrap .box{width: calc((100% - 60px) / 2);}

.sub0301_2 .con04{padding-bottom: 200px;}
.sub0301_2 .con04 .inner{display: flex;}
.sub0301_2 .con04 .left{width: 50%;}

.sub0301_2 .con04 .right{width: 50%;}
.sub0301_2 .con04 .right .box_wrap{position: relative;}
.sub0301_2 .con04 .right .box_wrap .box{position: absolute;top: 0; left: 0;}
.sub0301_2 .con04 .right .box_wrap .box02{top: 40px;}
.sub0301_2 .con04 .right .box_wrap .box03{top: 80px;}

.sub0301_2 .con06{padding-top: 0px;} 

.sub0301_2 .con07 .box_wrap_st01 .box02{display: flex;align-items: center;width: 100%; background: #fff; border-radius:20px;padding: 40px;}
.sub0301_2 .con07 .box_wrap_st01 .box02 .img_wrap{width: 50%;}
.sub0301_2 .con07 .box_wrap_st01 .box02 .txt_wrap{width: 50%;}
.sub0301_2 .con07 .box_wrap_st01 .box02 .txt_wrap p{font-size: 24px; color: #333; font-weight: 700;}
.sub0301_2 .con07 .box_wrap_st01 .box02 .txt_wrap span{display: block;font-size: 18px; color: #666; line-height: 30px;margin-top: 20px;}

.sub0301_2 .con08 .con08_slide .slick-list{overflow: visible;width: calc(100% + 40px);}
.sub0301_2 .con08 .con08_slide li{width: 440px;margin-right: 40px;overflow: hidden;border-radius:20px;filter: brightness(0.5);transition:.3s;}
.sub0301_2 .con08 .con08_slide li.slick-active{filter: brightness(1);}
.sub0301_2 .con08 .con08_slide .slick-arrow{position: absolute;top: 50%;text-indent: -9999px;transform:translateY(-50%);width: 60px; height: 60px; z-index: 100;}
.sub0301_2 .con08 .con08_slide .slick-prev{left: 0;background: url(/assets/images/main/prev01_pc.png)center no-repeat; background-size: cover;}
.sub0301_2 .con08 .con08_slide .slick-next{right: 0;background: url(/assets/images/main/next01_pc.png)center no-repeat; background-size: cover;}

.sub0301_2 .con09{padding-bottom: 0;background: url(/assets/images/sub/sub0301_2_bg01.png)center no-repeat; background-size: cover;}
.sub0301_2 .con09 .inner{display: flex;}
.sub0301_2 .con09 .left{width: 600px;}
.sub0301_2 .con09 .left .sub_tit01 p{color: #fff;}
.sub0301_2 .con09 .right{width: calc(100% - 600px);}
.sub0301_2 .con09 .right .txt{margin-bottom: 35px;}
.sub0301_2 .con09 .right .txt p{font-size: 18px; color: #999; line-height: 28px;}
.sub0301_2 .con09 .right .img_box{display: flex;gap:20px;flex-wrap:wrap;height: 665px;overflow-y: scroll;}
.sub0301_2 .con09 .right .img_box .img{width: calc((100% - 20px) / 2);}
.sub0301_2 .con09 .right .img_box .img:nth-child(2n){transform:translateY(120px);}
.sub0301_2 .con09 .right .img_box::-webkit-scrollbar {width: 5px;  /* 스크롤바의 너비 */}
.sub0301_2 .con09 .right .img_box::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: #999; /* 스크롤바의 색상 */border-radius: 10px;}
.sub0301_2 .con09 .right .img_box::-webkit-scrollbar-track {background: transparent;  /*스크롤바 뒷 배경 색상*/}

.sub0301_2 .con10 .inner{display: flex;gap:100px;}
.sub0301_2 .con10 .left{width: 800px;}
.sub0301_2 .con10 .left .txt_wrap{display: flex;align-items: center;gap:30px;padding: 25px 30px;background: #e3eaf9; border-radius:16px;}
.sub0301_2 .con10 .left .txt_wrap:not(:last-child){margin-bottom: 10px;}
.sub0301_2 .con10 .left .txt_wrap .txt{display: flex;align-items: center;gap:20px;}
.sub0301_2 .con10 .left .txt_wrap .txt p{font-size: 24px; color: #333; font-weight: 700;}
.sub0301_2 .con10 .left .txt_wrap .txt span{font-size: 18px; color: #666; line-height: 30px;}
.sub0301_2 .con10 .right{width: calc(100% - 800px);}
.sub0301_2 .con10 .right img{display: block;margin-left: auto;}

.sub0301_2 .con11{padding: 0;}
.sub0301_2 .con11 .img_wrap{display: flex;flex-wrap:wrap;gap:40px;}
.sub0301_2 .con11 .img_wrap .img{width: calc((100% - 80px) / 3);}

/* sub0301_3 */
.sub0301_3 .con02 .flex_box_st01{display: flex;flex-wrap:wrap;gap:20px;}
.sub0301_3 .con02 .flex_box_st01.flex03 .box{width: calc((100% - 40px) / 3);}

.sub0301_3 .con03 .box_wrap{display: flex;gap:40px;}
.sub0301_3 .con03 .box_wrap .txt_wrap{text-align: center; margin-top: 20px;}
.sub0301_3 .con03 .box_wrap .txt_wrap p{font-size: 18px; color: #333; font-weight: 700; line-height: 28px;}
.sub0301_3 .con03 .box_wrap .flex_box{display: flex;gap:40px;}

.sub0301_3 .con04 .inner{display: flex;gap:60px;}
.sub0301_3 .con04 .sub_tit01{margin-bottom: 20px;}
.sub0301_3 .con04 .left{width: calc(100% - 700px);}
.sub0301_3 .con04 .left .txt p{font-size: 17px; color: #666; line-height: 28px;}
.sub0301_3 .con04 .left .txt p:not(:last-child){margin-bottom: 25px;}
.sub0301_3 .con04 .right{width: 640px;}

/* sub0301_4 */
.sub0301_4 .con01{padding: 0;}
.sub0301_4 .con01 .inner{display: flex;}
.sub0301_4 .con01 .left{position: relative;width: calc(100% - 800px);}
.sub0301_4 .con01 .left .sub_tit01 span b{display: block;font-size: 20px; margin-bottom: 15px;}
.sub0301_4 .con01 .left a{display: flex;align-items: center; justify-content: center;gap:10px; width: 180px; height: 54px;border:1px solid #ddd;font-size: 18px;color: #999;}
.sub0301_4 .con01 .left .logo{position: absolute; bottom: 0; right: 60px;}

.sub0301_4 .con01 .right{width: 800px;}
.sub0301_4 .con01 .right .video_wrap{position:relative; width:100%; padding-bottom:56.25%;}
.sub0301_4 .con01 .right .video_wrap iframe{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

.sub0301_4 .con02 .flex_box_st01{display: flex;flex-wrap:wrap;gap:20px;}
.sub0301_4 .con02 .flex_box_st01.flex03 .box{width: calc((100% - 40px) / 3);}

.sub0301_4 .con03 .img_wrap{display: flex;align-items: center;justify-content: center;background: #fff;height: 670px; border-radius:20px; margin-top: 60px;}

.sub0301_4 .con04 .box_wrap{border-top: 2px solid #333;}
.sub0301_4 .con04 .box_wrap .box{display: flex;align-items: center;border-bottom: 1px solid #ddd;padding: 20px 25px;}
.sub0301_4 .con04 .box_wrap .box .img_flex{display: flex;gap:20px;width: 660px;}
.sub0301_4 .con04 .box_wrap .box .txt_wrap{padding-left: 40px;}
.sub0301_4 .con04 .box_wrap .box .txt_wrap p{font-size: 18px; color: #666; line-height: 28px;}

.sub0301_4 .con06 .inner{display: flex;gap:115px;align-items: center;}
.sub0301_4 .con06 .box{width: calc((100% - 115px) / 2);}

/* sub0301_5 */
.sub0301_5 .con01 .img_wrap{display: flex;flex-direction: column;align-items: center;justify-content: center; background: #f2efc6; border-radius:20px; padding-bottom: 25px;}
.sub0301_5 .con01 .img_wrap p{font-size: 24px; color: #333; font-weight: 700;}

/* sub0301_6 */
.sub0301_6 .con .flex_box_st01{margin-top: 60px;gap:20px;}
.sub0301_6 .con .flex_box_st01 .box{width: calc((100% - 40px) / 3);}

.sub0301_6 .con01{padding-bottom: 120px;}
.sub0301_6 .con01 .inner{display: block;}
.sub0301_6 .con01 .box_wrap{display: flex;align-items: center;}

.sub0301_6 .con02-1 .sub_tit01 em.bl{font-weight: 400;font-size: 18px;}
.sub0301_6 .con02-1 .box_wrap{display: flex;gap:60px;}
.sub0301_6 .con02-1 .box_wrap .box{width: calc((100% - 60px) / 2);}

.sub0301_6 .con03{padding-bottom: 0;}
.sub0301_6 .con03 .flex_box_st01 .box{position: relative;}
.sub0301_6 .con03 .flex_box_st01 .box em{position: absolute; top: 20px; left: 20px;display: flex;align-items: center;justify-content: center; width: 40px; height: 40px;font-size: 18px; color: #fff; background: var(--co01); font-weight: 700; border-radius:50%;}

/* sub0301_8 */
.sub0301_wrap.sub0301_8 .con.con01{padding-top: 0;}
.sub0301_8 .con01 .box_wrap{display: flex;align-items: center;gap:50px;padding: 40px;background: #f5f5f5; border-radius:20px;}
.sub0301_8 .con01 .box_wrap .txt_box{position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 300px;height: 100px;font-size: 18px; border-radius:12px; border:2px solid #ddd; background: #fff;}
.sub0301_8 .con01 .box_wrap .txt_box p{color: #333; font-weight: 700;}
.sub0301_8 .con01 .box_wrap .txt_box_wrap .txt_box{height: 125px;}
.sub0301_8 .con01 .box_wrap .txt_box_wrap .txt_box p{color: #666; line-height: 26px;font-weight: 400;margin-top: 10px;}
.sub0301_8 .con01 .box_wrap .txt_box_wrap .txt_box:nth-child(1){border:2px solid var(--co01);}
.sub0301_8 .con01 .box_wrap .txt_box_wrap .txt_box:nth-child(2){margin-top: 20px; border:2px solid #ff0000;}
.sub0301_8 .con01 .box_wrap .txt_box_wrap .txt_box:nth-child(1) strong{color: var(--co01);}
.sub0301_8 .con01 .box_wrap .txt_box_wrap .txt_box:nth-child(2) strong{color: #ff0000;}

.sub0301_8 .con01 .box_wrap .txt_box.arr01::after{content:'';position: absolute;top: 50%; transform:translateY(-50%); right: -33px; width: 10px; height: 17px; background: url(/assets/images/sub/sub0301_8_arr01.png)center no-repeat; background-size: cover;}
.sub0301_8 .con01 .box_wrap .txt_box.arr02::after{content:'';position: absolute;top: 50%; transform:translateY(-50%); left: -33px; width: 10px; height: 17px; background: url(/assets/images/sub/sub0301_8_arr01.png)center no-repeat; background-size: cover;}

.sub0301_8 .con01 .box_wrap02{padding-top: 60px;}
.sub0301_8 .con01 .box_wrap02 .box{display: flex;}
.sub0301_8 .con01 .box_wrap02 .box:not(:last-child){margin-bottom: 60px;}
.sub0301_8 .con01 .box_wrap02 .box .tit{position: relative;width: 280px;font-size: 24px; color: #333; font-weight: 700;padding-top: 30px;line-height: 36px;}
.sub0301_8 .con01 .box_wrap02 .box .tit::after{content:'';position: absolute;top: 0; left: 0; width: 30px; height: 3px; background: var(--co01);}
.sub0301_8 .con01 .box_wrap02 .box .txt_wrap{width: calc(100% - 280px);padding: 40px;border:1px solid #ddd; border-radius:20px;}
.sub0301_8 .con01 .box_wrap02 .box .txt_wrap p{font-size: 18px; color: #666; line-height: 28px;}
.sub0301_8 .con01 .box_wrap02 .box .txt_wrap ul{display: flex;flex-wrap:wrap;margin-top: 20px;}
.sub0301_8 .con01 .box_wrap02 .box .txt_wrap ul li{width: 50%;}
.sub0301_8 .con01 .box_wrap02 .box .txt_wrap ul li span{color: #333;}

.sub0301_8 .con02 .box_wrap{border-top: 2px solid #333;}
.sub0301_8 .con02 .box_wrap .box{display: flex;align-items: center;gap:40px;padding: 20px;border-bottom: 1px solid #ddd;}
.sub0301_8 .con02 .box_wrap .box > div{width: calc((100% - 40px) / 2);}
.sub0301_8 .con02 .box_wrap .box .img_box{display: flex;flex-wrap:wrap;gap:20px;}
.sub0301_8 .con02 .box_wrap .box .img_box .tit{display: flex;align-items: center;justify-content: center;gap:10px;width: 100%; background: var(--co01);height: 60px;font-size: 18px; color: #fff; font-weight: 700; border-radius:12px;}
.sub0301_8 .con02 .box_wrap .box .img_box .img{width: calc((100% - 20px) / 2);}
.sub0301_8 .con02 .box_wrap .box .txt_box p{font-size: 24px; color: #333; font-weight: 700;margin-bottom: 25px;}
.sub0301_8 .con02 .box_wrap .box .txt_box ul li{font-size: 18px; color: #666;}
.sub0301_8 .con02 .box_wrap .box .txt_box ul li:not(:last-child){margin-bottom: 14px;}
.sub0301_8 .con02 .box_wrap .box .txt_box ul li strong{color: #333;}

.sub0301_8 .con02{padding-top: 0;}
.sub0301_8 .con02 .box_wrap .box .txt_box ul.flex{display: flex;gap:25px;}
.sub0301_8 .con02 .box_wrap .box .txt_box ul.flex li{text-align: center;}
.sub0301_8 .con02 .box_wrap .box .txt_box ul.flex li .txt{height: 110px;}
.sub0301_8 .con02 .box_wrap .box .txt_box ul.flex li strong{display: block;}
.sub0301_8 .con02 .box_wrap .box .txt_box ul.flex li span{display: block;line-height: 28px;margin-top: 10px;}
.sub0301_8 .con02 .box_wrap .box .txt_box ul.flex li .line{display: flex;align-items: flex-end;height: 100px;}
.sub0301_8 .con02 .box_wrap .box .txt_box ul.flex li em{display: block; margin: 0 auto; background: var(--co01);width: 40px; border-radius:12px;}
.sub0301_8 .con02 .box_wrap .box .txt_box ul.flex li.li01 em{height: 40px;}
.sub0301_8 .con02 .box_wrap .box .txt_box ul.flex li.li02 em{height: 60px;}
.sub0301_8 .con02 .box_wrap .box .txt_box ul.flex li.li03 em{height: 100px;}

/* sub0302 */
.sub0302_wrap{line-height: 1;}
.sub0302_wrap .con{padding-bottom: 120px;}
.sub0302_wrap .con01{padding-top: 40px;}
.sub0302_wrap .con01 .img_wrap img{max-width: 100%;}

.sub0302_wrap .con02{padding-top: 120px;background: #f3f6fc;}
.sub0302_wrap .con02 .box_wrap{display: flex;flex-wrap:wrap;gap:40px;}
.sub0302_wrap .con02 .box_wrap .box{position: relative;width: calc((100% - 80px) / 3);height: 320px;padding: 50px 40px;background: #fff; border-radius:20px; }
.sub0302_wrap .con02 .box_wrap .box p{font-size: 28px; color: #333; font-weight: 700;margin-bottom: 30px;}
.sub0302_wrap .con02 .box_wrap .box p em{display: inline-block;color: var(--co01); font-weight: 700;margin-right: 20px;}
.sub0302_wrap .con02 .box_wrap .box ul li{font-size: 18px;color: #666; line-height: 28px; font-weight: 500;}
.sub0302_wrap .con02 .box_wrap .box .icon{position: absolute;bottom: 40px; right: 40px;filter: grayscale(1) opacity(0.5);transition:.3s;}
.sub0302_wrap .con02 .box_wrap .box:hover .icon{filter:initial;}

.sub0302_wrap .con03{padding-top: 120px;}
.sub0302_wrap .con03 .box_wrap{display: flex;gap:30px;}
.sub0302_wrap .con03 .box_wrap .txt_box{width: calc((100% - 700px) / 2); border-top: 1px solid #ddd;}
.sub0302_wrap .con03 .box_wrap .txt_box .txt{display: flex;justify-content: space-between;height: 50%;padding: 30px 20px;border-bottom: 1px solid #ddd;}
.sub0302_wrap .con03 .box_wrap .txt_box .txt strong{font-size: 24px; color: #333; font-weight: 700;}
.sub0302_wrap .con03 .box_wrap .txt_box .txt em{font-size: 45px; color: #ddd; font-weight: 700;opacity: .5;}
.sub0302_wrap .con03 .box_wrap .img_box{width: 640px;}
.sub0302_wrap .con03 .box_wrap .img_box img{max-width: 100%;}

.sub0302_wrap .con04 .box_wrap{display: flex;gap:40px;}
.sub0302_wrap .con04 .box_wrap .box{position: relative;width: calc((100% - 120px) / 4);}
.sub0302_wrap .con04 .box_wrap .box p{position: absolute;top: 0; left: 0;font-size: 24px; color: #fff; font-weight: 700; line-height: 36px;padding: 45px 30px;}
.sub0302_wrap .con04 .box_wrap .box img{max-width: 100%;}

.sub0302_wrap .con05{padding-top: 0;background: url(/assets/images/sub/sub0302_bg01.jpg)center bottom no-repeat; background-size: 100%;}
.sub0302_wrap .con05 .con_wrap{display: flex;gap:40px;align-items: center;}
.sub0302_wrap .con05 .con_wrap .img_con{width: calc((100% - 40px) / 2);}
.sub0302_wrap .con05 .con_wrap .img_con img{max-width: 100%;}
.sub0302_wrap .con05 .con_wrap .txt_con{width: calc((100% - 40px) / 2);}
.sub0302_wrap .con05 .con_wrap .txt_con p{font-size: 18px; color: #666; line-height: 28px;}
.sub0302_wrap .con05 .con_wrap .txt_con p:not(:last-child){margin-bottom: 30px;}

/* sub0501 */
.sub0501_wrap{line-height: 1;}
.sub0501_wrap .con{padding: 120px 0;}
.sub0501_wrap .con01{padding-top: 40px;}
.sub0501_wrap .con01 .box_wrap{display: flex;gap:40px;flex-wrap:wrap;}
.sub0501_wrap .con01 .box_wrap .box{position: relative;padding: 40px;width: calc((100% - 80px) / 3); height: 400px; background: #f5f5f5; border-radius:20px;transition:.3s;}
.sub0501_wrap .con01 .box_wrap .box .top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 35px;}
.sub0501_wrap .con01 .box_wrap .box .top .txt span{display: block;font-size: 20px; color: #333; font-weight: 700;margin-bottom: 10px;transition:.3s;}
.sub0501_wrap .con01 .box_wrap .box .top .txt p{font-size: 28px; color: #333; font-weight: 700;transition:.3s;}
.sub0501_wrap .con01 .box_wrap .box .top .icon{background: #fff; border-radius:20px;}
.sub0501_wrap .con01 .box_wrap .box .top .icon img{filter: opacity(0.3);transition:.3s;}
.sub0501_wrap .con01 .box_wrap .box .bot{position: absolute;bottom: 40px; left: 40px;width: calc(100% - 80px);display: flex;align-items: center;justify-content: center;height: 60px;margin-top: 45px;transition:.3s; background: #fff; box-shadow:inset 0px 0px 10px rgba(153,153,153,.3); border-radius:30px;}
.sub0501_wrap .con01 .box_wrap .box .bot p{font-size: 20px; color: #999; font-weight: 700;transition:.3s;}

.sub0501_wrap .con01 .box_wrap .box.on{background: var(--co02);}
.sub0501_wrap .con01 .box_wrap .box.on .txt span{color: #fff;}
.sub0501_wrap .con01 .box_wrap .box.on .txt p{color: #fff;}
.sub0501_wrap .con01 .box_wrap .box.on .top .icon img{filter: opacity(1);}
.sub0501_wrap .con01 .box_wrap .box.on ul.ul_st02 li{color: #fff;}
.sub0501_wrap .con01 .box_wrap .box.on ul.ul_st02 li::after{color: #fff;}
.sub0501_wrap .con01 .box_wrap .box.on .bot{background: #012c7e;box-shadow:inset 0px 0px 10px rgba(1,33,94,.5);}
.sub0501_wrap .con01 .box_wrap .box.on .bot p{color: #fff;}

.sub0501_wrap .con02{background: #021e5f;}
.sub0501_wrap .con02 .sub_tit01.wh em{color: var(--co01);}
.sub0501_wrap .con02 .sub_tit01.wh span{color: #999;}
.sub0501_wrap .con02 .box_wrap{position: relative;display: flex;z-index: 1;transform:translate(-50px);}
.sub0501_wrap .con02 .box_wrap .box{position: relative;width: 500px; height: 500px;border-radius:50%;padding: 40px; border:1px solid rgba(255,255,255,.5);}
.sub0501_wrap .con02 .box_wrap .box:nth-child(1){transform:translate(40px);}
.sub0501_wrap .con02 .box_wrap .box:nth-child(2){z-index: -1;}
.sub0501_wrap .con02 .box_wrap .box:nth-child(3){transform:translate(-40px);}
.sub0501_wrap .con02 .box_wrap .box:nth-child(1)::after{content:'';position: absolute;right: -1px; top: 50%;transform:translateY(-50%);width: 40px; height: 195px; background: #021e5f;z-index: 100;}
.sub0501_wrap .con02 .box_wrap .box:nth-child(3)::after{content:'';position: absolute;left: -1px; top: 50%;transform:translateY(-50%);width: 40px; height: 195px; background: #021e5f;z-index: 100;}
.sub0501_wrap .con02 .box_wrap .box .txt{position: absolute; top: 55%; left: 50%; transform:translate(-50%,-50% );text-align: center;}
.sub0501_wrap .con02 .box_wrap .box .txt p{font-size: 28px; color: #fff; font-weight: 700;margin-bottom: 40px;}
.sub0501_wrap .con02 .box_wrap .box .txt span{display: block;font-size: 20px; color: #9bc2ff;font-weight: 700;}

.sub0501_wrap .con03{padding-bottom: 0;}
.sub0501_wrap .con03 .inner{display: flex;}
.sub0501_wrap .con03 .sub_tit01{width: 700px;}
.sub0501_wrap .con03 .box_wrap{position: relative;width: calc(100% - 700px);}
.sub0501_wrap .con03 .box_wrap .box{background: #fff;padding-bottom: 120px;}
.sub0501_wrap .con03 .box_wrap .box02{position: absolute;top: 0;left: 0;}
.sub0501_wrap .con03 .box_wrap .box .img_wrap img{width: 100%;}
.sub0501_wrap .con03 .box_wrap .box .txt_wrap{margin-top: 40px;}
.sub0501_wrap .con03 .box_wrap .box .txt_wrap .tit{display: flex;align-items: center;justify-content: space-between; margin-bottom: 30px;}
.sub0501_wrap .con03 .box_wrap .box .txt_wrap .tit p{font-size: 35px; color: #333; font-weight: 700;}
.sub0501_wrap .con03 .box_wrap .box .txt_wrap .tit span{font-size: 40px; color: rgba(51,51,51,.1); font-weight: 700;}
.sub0501_wrap .con03 .box_wrap .box .tag_wrap{display: flex;flex-wrap:wrap;gap:10px;}
.sub0501_wrap .con03 .box_wrap .box .tag_wrap em{display: flex;align-items: center;justify-content: center;height: 48px;padding: 0 20px; border-radius:24px; border:1px solid #9bc2ff;font-size: 18px;  color: #666;}

.sub0501_wrap .con04{background: url(/assets/images/sub/sub0501_bg05.jpg)center top no-repeat; background-size: 100%;}
.sub0501_wrap .con04 .box_wrap01{position: relative;padding: 75px 50px 50px;display: flex;gap:50px;justify-content: center;margin-bottom: 100px;}
.sub0501_wrap .con04 .box_wrap01::after{content:'';position: absolute;top: 0; left: 0; width: 1400px; height: 429px; background: url(/assets/images/sub/sub0501_bg04.png)center no-repeat; background-size: cover;}
.sub0501_wrap .con04 .box_wrap01 .box{position: relative;width: 200px; height: 300px;z-index: 1;}
.sub0501_wrap .con04 .box_wrap01 .box::after{content:'';position: absolute;top: 50%; left: 50%; transform:translate(-50%,-50%); border-radius:50%;width: 300px; height: 300px; background: rgba(255,255,255,.5);z-index: -1;}
.sub0501_wrap .con04 .box_wrap01 .box em{position: absolute;left: 50%;transform:translateX(-50%);top: 60px;font-size: 18px; color: var(--co01); font-weight: 700;}
.sub0501_wrap .con04 .box_wrap01 .box p{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);font-size: 24px; color: #333; font-weight: 700;width: 100%;text-align: center;}

.sub0501_wrap .con04 .box_wrap02_wrap .arr{margin-bottom: 100px;}
.sub0501_wrap .con04 .box_wrap02_wrap .arr img{display: block; margin: 0 auto;}
.sub0501_wrap .con04 .box_wrap02_wrap strong{display: flex;align-items: center;justify-content: center;width: 200px; height: 48px; background: #fff; border-radius:24px;font-size: 20px; color: var(--co01); font-weight: 700;margin: 0 auto;}
.sub0501_wrap .con04 .box_wrap02{display: flex;gap:40px;margin-top: 60px;}
.sub0501_wrap .con04 .box_wrap02 .box{width: calc((100% - 80px) / 3); background: #f5f5f5;border-radius:20px;}
.sub0501_wrap .con04 .box_wrap02 .box .img_wrap img{width: 100%;}
.sub0501_wrap .con04 .box_wrap02 .box .txt_wrap{padding: 40px;}
.sub0501_wrap .con04 .box_wrap02 .box .txt_wrap p{font-size: 28px; color: #333; font-weight: 700;margin-bottom: 30px;}
.sub0501_wrap .con04 .box_wrap02 .box .txt_wrap p em{display: inline-block;font-weight: 700; color: var(--co01); margin-right: 15px;}
.sub0501_wrap .con04 .box_wrap02 .box .txt_wrap .bot{display: flex;align-items: flex-start;gap:20px;}
.sub0501_wrap .con04 .box_wrap02 .box .txt_wrap .bot img{transform: translateY(6px);}
.sub0501_wrap .con04 .box_wrap02 .box .txt_wrap span{font-size: 20px; color: #333;  line-height: 32px;}

.sub0501_wrap .con05{padding: 0;}
.sub0501_wrap .con05 .sub_tit01{margin-bottom: 60px;}
.sub0501_wrap .con05 .box_wrap{display: flex;justify-content: space-between;padding: 0px 85px;}
.sub0501_wrap .con05 .box_wrap .box .icon{height: 175px;}
.sub0501_wrap .con05 .box_wrap .box p{font-size: 24px; color: #333; font-weight: 700; line-height: 40px;text-align: center;}

/* sub0502_1 */
.sub0502_1_wrap{line-height: 1;}
.sub0502_1_wrap .con{padding: 120px 0;}
.sub0502_1_wrap .con.bg01{background: #f3f6fc;}
.sub0502_1_wrap .con.bg02{background: #f5f5f5;}

.sub0502_1_wrap .con01{padding-top: 0;}
.sub0502_1_wrap .con01 .inner{display: flex;align-items: center;}
.sub0502_1_wrap .con01 .left{width: 50%;padding-right: 100px;}
.sub0502_1_wrap .con01 .left .img_wrap{position:relative; width:100%; padding-bottom:100%; border:1px solid #ddd;}
.sub0502_1_wrap .con01 .left .img_wrap img,
.sub0502_1_wrap .con01 .left .img_wrap video{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

.sub0502_1_wrap .con01 .left .big_slide_wrap .slick-arrow{position: absolute;top: 50%;transform:translateY(-50%);width: 60px; height: 60px;text-indent: -9999px;z-index: 100;}
.sub0502_1_wrap .con01 .left .big_slide_wrap .slick-prev{left: 0;background: url(/assets/images/main/prev01_pc.png)center no-repeat;background-size: cover;}
.sub0502_1_wrap .con01 .left .big_slide_wrap .slick-next{right: 0;background: url(/assets/images/main/next01_pc.png)center no-repeat;background-size: cover;}

.sub0502_1_wrap .con01 .left .sm_slide_wrap{margin-top: 20px;padding: 0px 40px;}
.sub0502_1_wrap .con01 .left .sm_slide_wrap .slick-list{width: calc(100% + 10px);}
.sub0502_1_wrap .con01 .left .sm_slide_wrap ul li{width: 94px;margin-right: 10px;}

.sub0502_1_wrap .con01 .left .sm_slide_wrap .slick-arrow{position: absolute;top: 50%;transform:translateY(-50%);width: 32px; height: 95px;text-indent: -9999px;z-index: 100;}
.sub0502_1_wrap .con01 .left .sm_slide_wrap .slick-prev{left: -40px;background: url(/assets/images/sub/prev02.png)center no-repeat;background-size: cover;}
.sub0502_1_wrap .con01 .left .sm_slide_wrap .slick-next{right: -40px;background: url(/assets/images/sub/next02.png)center no-repeat;background-size: cover;}

.sub0502_1_wrap .con01 .right{width: 50%;}
.sub0502_1_wrap .con01 .right .tit{margin-bottom: 50px;}
.sub0502_1_wrap .con01 .right .tit em{display: block;font-size: 20px; font-weight: 600;color: var(--co01); margin-bottom: 15px;}
.sub0502_1_wrap .con01 .right .tit p{font-size: 45px; color: #333; font-weight: 700;}
.sub0502_1_wrap .con01 .right .tit p span{display: inline-block;font-size: 16px; color: #999; font-weight: 700;margin-left: 15px;}

.sub0502_1_wrap .con01 .right .txt_wrap strong{display: block;font-size: 20px; color: #333; font-weight: 700;line-height: 1.5;}
.sub0502_1_wrap .con01 .right .txt_wrap p{font-size: 18px;line-height: 28px; color: #666;margin-top: 15px;}

.sub0502_1_wrap .con01 .right ul{margin-top: 40px; padding-top: 40px;border-top: 1px dashed #ddd;}
.sub0502_1_wrap .con01 .right ul li{position: relative;font-size: 18px; color: #333;padding-left: 18px;}
.sub0502_1_wrap .con01 .right ul li::after{content:'•';position: absolute;left: 0;top: 0;}
.sub0502_1_wrap .con01 .right ul li:not(:last-child){margin-bottom: 12px;}

.sub0502_1_wrap .con02{padding-top: 0;}
.sub0502_1_wrap .con02 img{display: block;width: 100%;}

.sub0502_1_wrap .con03 .list_wrap{display: flex;flex-wrap:wrap;gap:60px 40px;}
.sub0502_1_wrap .con03 .list_wrap .list{width: calc((100% - 80px) / 3);}
.sub0502_1_wrap .con03 .list_wrap .list .img_wrap img{display: block; width: 100%;}
.sub0502_1_wrap .con03 .list_wrap .list .txt_wrap{margin-top: 30px;}
.sub0502_1_wrap .con03 .list_wrap .list .txt_wrap .tit{display: flex;align-items: center;gap:20px;font-size: 20px; }
.sub0502_1_wrap .con03 .list_wrap .list .txt_wrap .tit em{color: var(--co01); font-weight: 700;}
.sub0502_1_wrap .con03 .list_wrap .list .txt_wrap .tit p{color: #333;font-weight: 700;}
.sub0502_1_wrap .con03 .list_wrap .list .txt_wrap .txt p{font-size: 18px; color: #666; line-height: 28px; margin-top: 20px;}

.sub0502_1_wrap .con04 .inner{position: relative;}
.sub0502_1_wrap .con04 .con_wrap{display: flex;gap:100px;}
.sub0502_1_wrap .con04 .con_wrap .left{width: 500px;}
.sub0502_1_wrap .con04 .con_wrap .left .img_wrap img{width: 100%;}

.sub0502_1_wrap .con04 .slick-arrow{position: absolute;top: 50%;transform:translateY(-50%);width: 60px; height: 60px;text-indent: -9999px;z-index: 100;}
.sub0502_1_wrap .con04 .slick-prev{left: 0;background: url(/assets/images/main/prev01_pc.png)center no-repeat;background-size: cover;}
.sub0502_1_wrap .con04 .slick-next{right: 0;background: url(/assets/images/main/next01_pc.png)center no-repeat;background-size: cover;}

.sub0502_1_wrap .con04 .con_wrap .right{width: calc(100% - 600px);padding-right: 100px; padding-top: 80px;}
.sub0502_1_wrap .con04 .con_wrap .right .tit{position: relative;padding-bottom: 40px;margin-bottom: 30px; border-bottom: 1px solid #ddd;}
.sub0502_1_wrap .con04 .con_wrap .right .tit::after{content:'';position: absolute;left: 0;bottom: -2px;width: 60px; height: 3px; background: var(--co01);}
.sub0502_1_wrap .con04 .con_wrap .right .tit p{font-size: 45px; color: #333;font-weight: 700;}
.sub0502_1_wrap .con04 .con_wrap .right .txt p{font-size: 18px; color: #666; line-height: 28px;}

.sub0502_1_wrap .con04 .con04_dots{position: absolute;left: 600px;bottom: 80px;}
.sub0502_1_wrap .con04 .con04_dots ul{display: flex;gap:10px;}
.sub0502_1_wrap .con04 .con04_dots ul li{width: 10px; height: 10px;gap:10px; background: #ddd;text-indent: -9999px; border-radius:50px;transition:.3s;}
.sub0502_1_wrap .con04 .con04_dots ul li.slick-active{width: 30px;background: var(--co01);}

.sub0502_1_wrap .con05 table.tbl01 .col01{width: 200px;}

.sub0502_1_wrap .con06 .img_wrap{margin-bottom: 80px;background: url(/assets/images/sub/sub0502_4_img05.png)center no-repeat; background-size: cover; height: 400px; border-radius:20px; background-attachment: fixed;}
.sub0502_1_wrap .con06 .txt_wrap{display: flex;}
.sub0502_1_wrap .con06 .txt_wrap .left{width: 700px;}
.sub0502_1_wrap .con06 .txt_wrap .left .sub_tit01 p strong{color: var(--co01);font-weight: 700;} 
.sub0502_1_wrap .con06 .txt_wrap .right{width: calc(100% - 700px);}
.sub0502_1_wrap .con06 .txt_wrap .right p{font-size: 18px; color: #666; line-height: 28px;}
.sub0502_1_wrap .con06 .txt_wrap .right p:not(:last-child){margin-bottom: 12px;}

.sub0502_1_wrap .con07{background: url(/assets/images/sub/sub0502_4_bg01.png)center no-repeat; background-size: cover;}
.sub0502_1_wrap .con07 .box_wrap{width: 50%;margin-left: auto;}
.sub0502_1_wrap .con07 .box_wrap .sub_tit01{margin-bottom: 40px;}
.sub0502_1_wrap .con07 .box_wrap .txt_wrap{padding: 40px; background: rgba(255,255,255,.8); border-radius:20px;}
.sub0502_1_wrap .con07 .box_wrap .txt_wrap .txt{display: flex;gap:20px;}
.sub0502_1_wrap .con07 .box_wrap .txt_wrap .txt:not(:last-child){margin-bottom: 10px;}
.sub0502_1_wrap .con07 .box_wrap .txt_wrap .txt em{display: flex;align-items: center;justify-content: center;width: 40px; height: 40px; background: var(--co01);font-size: 18px; color: #fff;font-weight: 700; border-radius:50%;}
.sub0502_1_wrap .con07 .box_wrap .txt_wrap .txt p{width: calc(100% - 60px);font-size: 18px;	color: #333; line-height: 28px;transform: translateY(5px);}

/* sub0502_1_2 */
.sub0502_1_wrap .con04 .con_wrap{align-items: center;}
.sub0502_1_wrap .con04 .con_wrap .right{padding-top: 0;}
.sub0502_1_wrap .con04 .con04_dots{bottom: -30px;}

/*sub0502_2*/
.sub0502_2 .con08{position: relative;background: url(/assets/images/sub/sub0502_2_bg01.png)center no-repeat ; background-size: cover;padding-bottom: 0;z-index: 10;}
.sub0502_2 .con08 .sub_tit01{margin-bottom: 100px;}
.sub0502_2 .con08 .sub_tit01.wh em{color: #fff;}

.sub0502_2 .con08 .bg_img{position: absolute;bottom: 0;left: 50%;transform:translateX(-50%);z-index: -1;}

.sub0502_2 .con08 .top_wrap{padding-bottom: 140px;}
.sub0502_2 .con08 .top_wrap .flex_wrap{display: flex;justify-content: center;align-items: center;}
.sub0502_2 .con08 .top_wrap .flex_wrap .cir{position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 360px; height: 360px;background: #fff; border-radius:50%;text-align: center;}
.sub0502_2 .con08 .top_wrap .flex_wrap .cir::after{content:'';position: absolute;width: 440px; height: 440px; border:1px solid rgba(255,255,255,.5); border-radius:50%;}

.sub0502_2 .con08 .top_wrap .flex_wrap .cir::before{content:'';position: absolute;width: 115px; height: 15px; }
.sub0502_2 .con08 .top_wrap .flex_wrap .cir01::before{content:'';position: absolute;left: calc(100% + 33px);background: url(/assets/images/sub/sub0502_2_arr01.png)center no-repeat; background-size: cover;}
.sub0502_2 .con08 .top_wrap .flex_wrap .cir02::before{content:'';position: absolute;right: calc(100% + 33px);background: url(/assets/images/sub/sub0502_2_arr02.png)center no-repeat; background-size: cover;}

.sub0502_2 .con08 .top_wrap .flex_wrap .icon{margin-bottom: 45px;}
.sub0502_2 .con08 .top_wrap .flex_wrap .cir p{font-size: 24px; color: var(--co01); font-weight: 700;}
.sub0502_2 .con08 .top_wrap .flex_wrap .cir span{display: block;font-size: 18px; color: #666; line-height: 28px; margin-top: 15px;}

.sub0502_2 .con08 .top_wrap .flex_wrap .txt{position: relative;padding: 0px 215px;}
.sub0502_2 .con08 .top_wrap .flex_wrap .txt::after{content:'';position: absolute;left: 50%;transform:translateX(-50%);top: calc(100% + 50px);width: 34px; height: 120px;background: url(/assets/images/sub/sub0502_2_arr03.png)center no-repeat; background-size: cover;}
.sub0502_2 .con08 .top_wrap .flex_wrap .txt p{font-size: 32px;color: #fff; font-weight: 700;text-align: center; line-height: 50px;}

.sub0502_2 .con08 .bot_wrap{padding: 100px 0; background: rgba(255,255,255,.5); border-top: 1px solid #ddd;}
.sub0502_2 .con08 .bot_wrap .icon_wrap{display: flex;gap:60px;justify-content: center;}
.sub0502_2 .con08 .bot_wrap .icon_wrap .icon{display: flex;align-items: center;justify-content: center;gap:40px;flex-direction: column;position: relative;width: 305px; height: 305px;background: var(--co01); border-radius:50%;text-align: center;color: #fff;}
.sub0502_2 .con08 .bot_wrap .icon_wrap .icon::after{content:'';position: absolute;width: 280px; height: 280px; border:1px solid rgba(255,255,255,.3); border-radius:50%;}
.sub0502_2 .con08 .bot_wrap .icon_wrap .icon em{display: block;font-size: 24px;font-weight: 700;}
.sub0502_2 .con08 .bot_wrap .icon_wrap .icon p{font-size: 18px;}

/* sub0502_3 */
.sub0502_3 .con08{padding-top: 0;}
.sub0502_3 .con08 .box_wrap{display: flex;gap:20px;}
.sub0502_3 .con08 .box_wrap .box{width: calc((100% - 20px) / 3);}
.sub0502_3 .con08 .box_wrap .box .img img{width: 100%;}
.sub0502_3 .con08 .box_wrap .box .txt_wrap{margin-top: 40px;}
.sub0502_3 .con08 .box_wrap .box .txt_wrap .tit{display: flex;align-items: center;justify-content: space-between;}
.sub0502_3 .con08 .box_wrap .box .txt_wrap .tit p{font-size: 35px; color: #222; font-weight: 700;}
.sub0502_3 .con08 .box_wrap .box .txt_wrap .tit em{font-size: 40px; color: rgba(51,51,51,.1);font-weight: 700;}
.sub0502_3 .con08 .box_wrap .box .txt_wrap .txt{margin-top: 20px;}
.sub0502_3 .con08 .box_wrap .box .txt_wrap .txt p{font-size: 18px; color: #666;}

.sub0502_3 .con09 .box_wrap{display: flex;justify-content: center;gap:60px;}
.sub0502_3 .con09 .box_wrap .box{display: flex;align-items: center;justify-content: center;flex-direction: column;gap:10px;width: 310px; height: 310px;border:15px solid #c2d4f6; border-radius:50%; background: #fff;}
.sub0502_3 .con09 .box_wrap .box em{font-size: 24px; color: var(--co01); font-weight: 700;}
.sub0502_3 .con09 .box_wrap .box img{width: 150px;}
.sub0502_3 .con09 .box_wrap .box p{font-size: 18px; color: #333;}

/* sub0601 */
.sub0601_wrap{line-height: 1;}
.sub0601_wrap ul.list{display: flex;flex-wrap:wrap;gap:40px;}
.sub0601_wrap ul.list li{width: calc((100% - 120px) / 4);}
.sub0601_wrap ul.list li .img_wrap{position:relative; width:100%; padding-bottom:100%;}
.sub0601_wrap ul.list li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub0601_wrap ul.list li .txt_wrap{margin-top: 30px;padding-bottom: 20px;border-bottom: 1px solid #bbb;}
.sub0601_wrap ul.list li .txt_wrap p{position: relative;font-size: 20px; color: #333; font-weight: 700;padding-left: 20px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.sub0601_wrap ul.list li .txt_wrap p::after{content:'';position: absolute;top: 50%;left: 0; transform:translateY(-50%);width: 5px; height: 5px; background: var(--co01);}

/* sub0901 */
.sub0901_wrap{line-height: 1;}
.sub0901_wrap ul.list{display: flex;flex-wrap:wrap;gap:30px;}
.sub0901_wrap ul.list li{width: calc((100% - 60px) / 3);}
.sub0901_wrap ul.list li .img_wrap{position:relative; width:100%; padding-bottom:62.7%;}
.sub0901_wrap ul.list li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub0901_wrap ul.list li .txt_wrap{margin-top: 30px;}
.sub0901_wrap ul.list li .txt_wrap p{margin-bottom: 15px;padding-bottom: 20px;font-size: 20px; color: #333; font-weight: 700;border-bottom: 1px solid #bbb;}
.sub0901_wrap ul.list li .txt_wrap span{display: block;font-size: 16px; color: #666; line-height: 24px; white-space:pre-wrap;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word;}

/*sub1001*/
.sub1001_wrap{line-height: 1;}
.sub1001_wrap .list_wrap{display: flex;flex-wrap:wrap;gap:40px 30px;}
.sub1001_wrap .list_wrap .list{width: calc((100% - 60px) / 3);}
.sub1001_wrap .list_wrap .list .img_wrap{position:relative; width:100%; padding-bottom:56.25%;}
.sub1001_wrap .list_wrap .list .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub1001_wrap .list_wrap .list .txt_wrap{margin-top: 15px;}
.sub1001_wrap .list_wrap .list .txt_wrap p{font-size: 18px; color: #333; line-height: 28px;font-weight: 700;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}