@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;200;300;400;500;600;700;800;900&family=Gowun+Batang:wght@400;700&display=swap');
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}


/* */
.item_table_wr{width:100%;padding: 50px 0 0;text-align: center;}
.item_table_wr table{width:100%;border-spacing: 0;}
.item_table_wr tr:nth-child(even){
    background: #093e7f12;
}
.item_table_wr th{background: #093e7f00;padding: 20px 10px;color: #000;font-size:18px;border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;}
.item_table_wr thead tr:first-child th{
    border-top: 2px solid #000000;
    border-right: 0;
    border-bottom: 1px solid #000;
}
.item_table_wr td{/* background:#eee; */padding: 20px 10px;font-weight:600;border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;}
.item_table_wr td:last-child{border-right:0;}


@media screen and (max-width:650px) {
.item_table_wr::-webkit-scrollbar{height:5px}
.item_table_wr::-webkit-scrollbar-thumb{background-color: #24205a;border-radius:10px}
.item_table_wr::-webkit-scrollbar-track{background-color:#e2e2e2;border-radius:10px}

}

/* 가로스크롤 */
.x-scr{position:relative}
.x-scr-view {display:none;padding-top: 30px;background: url('../img/swipe02.png') no-repeat center;background-size: cover;width: 90px;height: 90px;position:absolute;top: 200px;left: 50%;transform: translateX(-50%);border-radius: 50%;z-index: 999;}


@media screen and (max-width:1440px){
.item_table_wr{overflow-x: scroll;}
}

@media screen and (max-width:768px) {
    /* .x-scr-view{display: block;} */
}

@media screen and (max-width:650px) {
    .x-scr-view{display: block;}
}

@media screen and (max-width:500px) {

}
@media screen and (max-width:425px) {}

   



/*********************************** sub visual ***********************************/
#sub-visu-wr {width:100%;}
.sub-visual {width:100%;height: 300px;position: relative;}
.sub-visual01 {background:url('../img/sub/sub_visual01.png') no-repeat center; background-size:cover;}
.sub-visual02 {background:url('../img/sub/sub_visual02.png') no-repeat center;background-size:cover;}
.sub-visual03 {background:url('../img/sub/sub_visual03.png') no-repeat center; background-size:cover;}
.sub-visual04 {background:url('../img/sub/sub_visual04.png') no-repeat center; background-size:cover;}
.sub-visual05 {background:url('../img/sub/sub_visual05.png') no-repeat center; background-size:cover;}
.sub-visu-ttl {word-break:keep-all;font-size: 32px;color: #24205a;padding: 30px 20px;vertical-align: middle;text-align: left;width: 100%;font-weight: 700;width: 100%;max-width: 1400px;margin: 0 auto;}
.sub-visu-ttl .ett {font-size:12px;letter-spacing:1px;font-weight:300;position:relative;display: block;padding-top: 10px;margin-top: 15px;}
.sub-visu-ttl .ett:before {display:block;content:'';position:absolute;width:20px;height: 2px;background:#fff;top:0;left: 50%;margin-left: -10px;}

@media screen and (max-width:768px){
    .sub-visual {height:200px;}
    .sub-visu-ttl {font-size: 20px;padding: 40px 20px;text-shadow:0 0 3px rgba(50,50,50,0.1);}
}

@media screen and (max-width:480px){
    .sub-visu-ttl{padding:20px}
    .sub-visual{height:150px}
}

/**********************************************************************************/


/* sub navigation */
#sub-navi{width:100%}
#sub-navi .sub-menu-ttl{display:none;}

#sub-navi .nav-top-wr{margin:0 auto;background:#1c3149}
#sub-navi .nav-top-wr .home{display:block;width:60px;height:60px;border-left:1px solid #60626a;border-right:1px solid #60626a;font-size:25px;line-height:58px;text-align:center;color:#fff}

#sub-navi .nav-top-wr .nav_ul {}
#sub-navi .nav-top-wr .nav_ul li{position:relative;float:left;min-width:230px;padding:0 25px;height:60px;border-right:1px solid #60626a;cursor:pointer}
#sub-navi .nav-top-wr .nav_ul li .nav_1a{display:block;font-size:17px;color:#fff;height:60px;line-height:60px;font-weight:400}
#sub-navi .nav-top-wr .nav_ul li .nav_1a::after{content:'';display:block;position:absolute;top:27px;right:15px;width:12px;height:12px;background:url('../img/sub/sub-arr-w.png')no-repeat}
#sub-navi .nav-top-wr .nav_ul li ul{position:relative;display:none;position:absolute;top:60px;left:-1px;border-left:1px solid #e3e3e3;z-index:10}
#sub-navi .nav-top-wr .nav_ul li ul li{border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;transition:.3s;background:#fff;height:50px}
#sub-navi .nav-top-wr .nav_ul li ul li:hover{background:#f5f5f5}
#sub-navi .nav-top-wr .nav_ul li ul li a{display:block;height:50px;line-height:50px;color:#000}

#sub-navi .nav-list-wr .page-ttl{text-align:center;font-size:28px;font-weight:800;padding:50px 0 20px}
#sub-navi .nav-list-wr .menu{width:100%;background:rgb(255 255 255);border-bottom:1px solid #00000026}
#sub-navi .nav-list-wr .menu ul{max-width: 1400px;width: 100%;margin: 0 auto;display: block;}
#sub-navi .nav-list-wr .menu ul li{display: inline-block;width: 11%;line-height: 60px;text-align: left;padding: 0 20px;}
#sub-navi .nav-list-wr .menu ul li a{color: #000;font-size: 16px;transition: all 0.3s;}
#sub-navi .nav-list-wr .menu ul li.active a{transition: all 0.3s;color: #db2035;font-weight: 700;}



@media screen and (max-width: 1300px) {
	#sub-navi .nav-list-wr .menu ul li{width:15%}
}

@media screen and (max-width:768px) {
	#sub-navi{padding:50px 0 0;height:auto;padding:0}

	#sub-navi .nav-list-wr .menu{float:none;text-align:center}
	#sub-navi .nav-list-wr .menu ul li a::after{display:none}

	#sub-navi .tab-sub-visual{height:120px}
	#sub-navi .tab-sub-visual .tab-sub-txt .t01{font-size:13px}
	#sub-navi .tab-sub-visual .tab-sub-txt .ttl{font-size:18px}

	#sub-navi .tab-sub ul{width:500px}
	#sub-navi .tab-sub ul li{font-size:14px}

}

@media screen and (max-width:500px) {
	#sub-navi{}
	#sub-navi .nav-list-wr .menu ul li{display:none}
	#sub-navi .nav-list-wr .menu ul li.active{display:block}
	#sub-navi .nav-list-wr .menu ul li.active::after{display:none}

	#sub-navi .tab-list .menu{line-height:33px}
	#sub-navi .tab-list .menu ul{width:150px;padding:20px 0}
	#sub-navi .tab-list .menu ul li{width:100%}

	#sub-navi .tab-sub ul{width:230px;padding:10px 0}
	#sub-navi .tab-sub ul li{width:100%!important}
	#sub-navi .tab-sub ul li a{display:inline-block;padding:5px 0 3px}
	#sub-navi .tab-sub ul li a:before{left:auto;right:-20px;transform:translate(0,-50%);bottom:auto;top:50%;border-right:0;border-left:8px solid #2c95d2;border-top:4px solid transparent;border-bottom:4px solid transparent}
	#sub-navi .tab-sub ul li a:after{display:none}
}


/* mobile sub */
.m-menu{display:none}
.m-menu .mnav-ul {}

.m-menu .mnav-ul li .mnav-1a{display:block;background:#2e5f87;font-size:15px;color:#fff;height:50px;line-height:48px;font-weight:400;cursor:pointer;padding:0 25px;letter-spacing:-2px;position:relative}
.m-menu .mnav-ul li .mnav-1a>span{display:block;content:'';position:absolute;background: url('../img/sub/sub-menu-arrow.png')no-repeat center;right:15px;top:50%;width:16px;height:12px;margin-top:-6px;transition:all .5s}
.m-menu .mnav-ul li .mnav-1a .on{transform:rotate(180deg)}
.m-menu .mnav-ul li ul{position:relative;display:none;position:absolute;left:-1px;z-index:10;width:calc(100% + 2px);border:1px solid #e3e3e3;padding:15px 30px;background:#fff}
.m-menu .mnav-ul li ul li{border-bottom:0;border-right:0;transition:.3s;background:#fff;padding:3px 0}
.m-menu .mnav-ul li ul li a{display:block;color:#6c6c6c;letter-spacing:-1px;font-size:14px;word-break:keep-all;line-height:25px}
.m-menu .mnav-ul li ul li a:hover{color:#165e8b;font-weight:bold;text-decoration:underline}

@media screen and (max-width:1000px) {
	.pc-menu{display:none}
	.m-menu{display:block;}
}


/* common */

.sub_full_img{width:100%; margin-bottom:20px;}
.ready{width: 100%;margin-bottom: 50px;max-width: 1000px;}

.bg-cl01 {background:#9fd2e1;}
.bg-cl02 {background:#9fc0e1;}
.bg-cl03 {background:#95a2d0;}
.bg-cl04 {background:#5e637d;}

.sub-center {width:100%; max-width:1340px; padding:20px; margin:0 auto;}

.sub-tabs {width:100%; max-width:1300px;margin:30px auto; padding:20px;background:#f6f6f6;}
.sub-tabs ul {width:100%; overflow:hidden; text-align:center;}
.sub-tabs ul li {display:inline-block; padding:0 20px;position:relative;}
.sub-tabs ul li:after {display:block;content:'';position:absolute;width:1px;height:15px;background:#ccc;right:0;top: 6px;}
.sub-tabs ul li:last-child:after {display:none;}
.sub-tabs ul li a {color:#999;font-size: 16px;}
.sub-tabs ul li.active a {color:#111;font-weight: 700;}

.sub-ttl {padding:20px;position:relative;margin:10px auto;}
.sub-ttl:before {display:block;content:'';position:absolute;width:25px;height:3px;background:#04bef2;bottom:0;left:50%;margin-left:-12.5px;}
.sub-ttl p {font-weight:700;font-size: 31px;color:#333;word-break:keep-all;}
.sub-ttl span {font-size:16px;color:#777;word-break:keep-all;}
.sub-txt {font-size:16px;word-break:keep-all;margin:30px auto;color: #333;}

@media screen and (max-width:1300px){
    .sub-tabs {margin:20px; width:auto;padding:15px;}
    .sub-tabs ul li {padding:5px 20px;}
    .sub-tabs ul li:after {top:10px;}
    .sub-tabs ul li a {font-size:15px;}
}

@media screen and (max-width:960px){
    .sub-tabs {margin:15px;}
}

@media screen and (max-width:768px) {
	.sub-center {padding: 0 15px;}
    .pc_only{display:none;}

    .sub-ttl {padding:15px;}
    .sub-ttl p {font-size:25px;}
    .sub-ttl span {font-size:14px;}
    .sub-txt {margin:0;padding:15px 30px 20px;font-size:14px;}

    .sub-tabs {padding:10px;}
    .sub-tabs ul li {padding:5px 15px;}
    .sub-tabs ul li a {font-size:14px;}
}

@media screen and (max-width:425px) {
    .sub_txt{padding: 0 10px;}
}

/*data-aos mobile*/

@media screen and (max-width: 768px) {

	[data-aos]{transition-delay:unset!important; transition-timing-function:unset!important;transition-duration:unset!important;transition-property:unset!important; opacity:unset!important;
		transform:unset!important;} 
	
	}
	
	
	/* privacy */
	.sub_privacy{font-size:16px;color:#333;max-width:1300px;margin:20px auto 60px}
	.privacy{font-size:clamp(14px, 2vw, 18px);font-weight:700;padding-left:80px;}
	  
	.privacy .ttl {font-size: 21px;color: rgb(9 62 127);padding:30px 0 15px;font-weight: 700;}
	.privacy .txt {font-size: 15px;color:#333;padding:0 10px;line-height:28px;}
	.privacy .mk {font-size:15px; font-weight:500; color:#003b68;}
	.privacy .txt .dep1 li {padding-bottom:5px;}
	
	  /* email */
	.email_no{text-align:center;padding: 0;}
	.email_no .mail_box{min-height: 750px;text-align: center;margin:0 auto;font-size: clamp(16px, 2vw, 18px);line-height:25px;font-weight:400;color:#585858;display: table;}
	.email_no .mail_box p{font-weight:700;display: table-cell;vertical-align: middle;}
	
	@media screen and (max-width:768px){
		.email_no .mail_box{min-height: 294px;}
		.email_no .mail_box p{}
	}
	   
	  /* provision */
	  .provision_wr {width:100%;max-width:1400px;margin: 0 auto 20px;padding: 30px 0px;}
	  .provision_box {width:100%;padding: 0;}
	  .provision_box .ttl {font-size: 21px;color: rgb(9 62 127);padding:30px 0 15px;font-weight: 700;}
	  .provision_box .txt {font-size: 15px;color:#333;padding:0 10px;line-height:28px;}
	  .provision_box .mk {font-size:15px; font-weight:500; color:#003b68;}
	  .provision_box .txt .dep1 li {padding-bottom:5px;}
	  .provision_box .txt .dep2 {padding:0 20px; padding-top:5px; padding-bottom:10px;}
		
	  @media screen and (max-width:1300px){
		  .provision_box .ttl {font-size:18px; line-height:28px;}
		  .provision_box .txt {font-size:14px; line-height:24px;}
	  }

	  /*table*/
	  .item_table_wr{width:100%;padding: 50px 0 0;text-align: center;}
	  .item_table_wr table{width:100%;border-spacing: 0;}
	  .item_table_wr th{background: #093e7f00;padding: 20px 10px;color: #000;font-size:18px;border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;}
	  .item_table_wr thead tr:first-child th{border-top:2px solid #000000;border-right:0;border-bottom:1px solid #000}
	  .item_table_wr td{/* background:#eee; */padding: 20px 10px;font-weight:600;border-bottom: 1px solid #dedede;border-right: 1px solid #dedede;}
	  .item_table_wr td:last-child{border-right:0;}
	  .x-scr{position:relative}
	  .x-scr-view {display:none;padding-top: 30px;background: url('../img/swipe02.png') no-repeat center;background-size: cover;width: 90px;height: 90px;position:absolute;top: 200px;left: 50%;transform: translateX(-50%);border-radius: 50%;z-index: 999;}
	  
	  @media screen and (max-width:1440px){
		.item_table_wr{overflow-x: scroll;}
		}

	  @media screen and (max-width:650px) {
	  .item_table_wr::-webkit-scrollbar{height:5px}
	  .item_table_wr::-webkit-scrollbar-thumb{background-color: #24205a;border-radius:10px}
	  .item_table_wr::-webkit-scrollbar-track{background-color:#e2e2e2;border-radius:10px}
	  .x-scr-view{display: block;}
	  }


/*ready page*/
.pre_con{width: 100%;height: clamp(630px, 2vw, 816px);background: url('../img/sub/update.png') no-repeat center;position: relative;background-size: cover;}
.pre_con .pre_text{display:table;border:10px solid #ffffffab;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:500px;max-height:500px;height:100%}
.pre_con .pre_text h2{font-size: clamp(28px, 2vw, 36px);font-weight: 700;color: #fff;text-align: center;display: table-cell;vertical-align: middle;}

@media screen and (max-width:600px){
.pre_con .pre_text{max-height:300px;max-width:300px}
}


 /*sub tabs*/
.sub_tabs {display:block;text-align:center;overflow:hidden;text-align:center;}
.sub_tabs li {transition:all 0.3s ease;width: clamp(200px, 16vw, 300px);cursor:pointer;display:inline-block;height: 45px;line-height: 50px;text-align:center;font-size: clamp(18px,2vw,24px);font-weight:700;color:#fff;/* border-radius: 35px; */background: #376bacc7;margin: 0 5px;}
.sub_tabs li.current{border: 1px solid #093e7f;display:inline-block;text-align:center;transition:all 0.3s ease;background: #093e7f;}
.sub_tabs li:hover{background: #376bac;}
.subtab-link.current {display:block; }
.subtab-content {display: none;}
.subtab-content.current {display: block;}

/* sub1_1 */

.sub1_1{/* margin-bottom: 100px; */}

.sub1_1 .sub-banner{position:relative;margin-bottom: 100px;}
.sub1_1 .sub-banner .banner-wr{display: flex;flex-wrap: wrap;}
.sub1_1 .sub-banner .banner-wr img{width:100%;height: 100%;object-fit: cover;}
.sub1_1 .sub-banner .banner-wr .banner01 {
    flex: 50%;
}

.sub1_1 .sub-banner .banner-wr .banner02 {
    position: relative;
    flex: 50%;
}

.sub1_1 .sub-banner .txt-wr{position:absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);color: #fff;text-align: left;padding: 0 100px;}
.sub1_1 .sub-banner .txt-wr .bn-top{font-size: clamp(32px, 4vw, 45px);font-weight: 700;}
/*.sub1_1 .sub-banner .txt-wr .bn-txt:after{display:block;content:'';position:absolute;width: 40px;height:1px;background: rgb(255 255 255 / 38%);left: 50%;top: 25%;transform: translateX(-50%);}*/
.sub1_1 .sub-banner .txt-wr .bn-ttl{font-size: clamp(12px, 2vw, 15px);letter-spacing: 1px;color: #ffffff61;}
.sub1_1 .sub-banner .txt-wr .bn-txt{font-size: clamp(16px, 2vw, 18px);line-height: 28px;position: relative;padding-top: 50px;}

.sub1_1 .con01{display:flex;margin-bottom: 80px;gap: 0 50px;/* justify-content: space-between; */}
.sub1_1 .con01 .left-con {background: url('../img/sub/sub1_1_bg01.png') no-repeat center;flex: 0 0 calc(100% / 2);}
.sub1_1 .con01 .left-con .ttl{font-size: clamp(22px, 2vw, 40px);padding: 0 0 0.5em;font-weight:700;color:#151515}
.sub1_1 .con01 .left-con .txt{font-size: clamp(16px, 3vw, 20px);color:#202020;line-height: 32px;}
.sub1_1 .con01 .left-con .txt span{font-weight:700}
.sub1_1 .con01 .right-con{}
.sub1_1 .con01 .right-con img{width:100%;object-fit: cover;height: 100%;}

.sub1_1 .con02{background:#eaf6fa;text-align: center;height: 340px;width: 100%;/* display: flex; */align-items: center;}
.sub1_1 .con02 .wr-1400{display:flex;width:100%;z-index:1;height:100%;align-items:center;justify-content: space-between;padding: 0;}
.sub1_1 .con02 .wr-1400 .list-box{position: relative;z-index: 1;}
.sub1_1 .con02 .wr-1400 .list-box:first-child .title-box{width:clamp(350px,25vw,480px)}
.sub1_1 .con02 .wr-1400 .list-box:before{display:block;content:'';position:absolute;width: clamp(120px, 11vw, 179px);height: 124px;background:url(../img/sub/sub1_1_img02.png)no-repeat center;background-size:contain;right: 0;top:50%;transform:translate(100%,-50%);z-index: -1;}
.sub1_1 .con02 .wr-1400 .list-box:last-child:before{display:none;}

.sub1_1 .con02 .list-con .title-box{display: table;background:#24205a;border:5px solid #d9d7f4;border-radius:75px;/* padding:10px; */color:#fff;font-size: clamp(16px, 1vw, 25px);width: 320px;height: 125px;}
.sub1_1 .con02 .list-con .title-box p{display:table-cell;vertical-align:middle}
.sub1_1 .con02 .list-con .text-box{height:100%;display: flex;flex-direction: column;margin: 0 50px;}
.sub1_1 .con02 .list-con .text-box li{background:#fff;display:table;height:130px;margin-top:15px}
.sub1_1 .con02 .list-con .text-box.two li{height:203px}
.sub1_1 .con02 .list-con .text-box li:last-child{display:flex;flex-direction:column;align-items:center;justify-content:center}
.sub1_1 .con02 .list-con .text-box li:last-child img{width:70px;height:36px}
.sub1_1 .con02 .list-con .text-box li p{display:table-cell;vertical-align:middle;font-size: clamp(16px, 2vw, 20px);}
.sub1_1 .con02 .list-con .text-box li p span{display:block;font-weight:700}

.sub1_1 .con02 .text-con{}
.sub1_1 .con02 .text-con li{background:#fff;font-size:20px;font-weight:700;border-radius:60px;padding:10px;margin-top: 10px;width: 320px;}

.sub1_1 .con03{text-align:center;margin-top: 100px;}
.sub1_1 .con03 .ttl{font-size: clamp(26px, 2vw, 46px);color:#151515;font-weight:700}
.sub1_1 .con03 .con-box{display:flex;justify-content: space-between;gap: 30px;width: 100%;margin-top: 70px;}
.sub1_1 .con03 .con-box .box-list{position:relative;flex: 0 1 calc(100% / 3);}
.sub1_1 .con03 .con-box .box-list .number{position:absolute;left:50%;top: -36px;transform:translateX(-50%);border-radius: 100%;border: 2px solid #24205a;font-family: 'GmarketSans';font-size: clamp(18px, 2vw, 28px);color: #24205a;font-weight: 700;background: #fff;width: 70px;height: 70px;line-height: 70px;}
.sub1_1 .con03 .con-box .box-list .box-title{background: #24205a;height: 110px;border-radius: 15px;}
.sub1_1 .con03 .con-box .box-list .box-title p{font-weight:700;font-size: clamp(18px, 2vw, 26px);color:#fff;line-height: 120px;}
.sub1_1 .con03 .con-box .box-list .box-text{display: table;border:2px solid #24205a;border-radius:15px;margin-top:10px;width: 100%;height:160px}
.sub1_1 .con03 .con-box .box-list .box-text p{display:table-cell;vertical-align:middle;font-size: clamp(16px, 2vw, 20px);line-height:24px}

.sub1_1 .con03 .table-con{display:flex;flex-wrap:wrap}
.sub1_1 .con03 .table-con .item_table_wr:first-child{flex:1 0 calc(30%);margin-right:20px}
.sub1_1 .con03 .table-con .item_table_wr:last-child{flex:1 0 calc(100% / 2)}

.sub1_1 .con03 .con-arrow{padding:50px 0 30px}
.sub1_1 .con03 .text-con p{font-size:clamp(18px,2vw,28px);font-weight:700}

.sub1_1 .con03 .con-arrow img{width:100%}


@media screen and (max-width: 1440px){
.sub1_1 .con02{}
.sub1_1 .con02 .list-con .title-box{width: clamp(230px, 25vw, 360px);}
.sub1_1 .con02 .list-con .text-box{margin:0 30px}.sub1_1 .con02 .text-con li{width:280px;font-size:18px}
	.sub1_1 .sub-banner .txt-wr{
    padding: 0 60px;
}
}

@media screen and (max-width:1024px){
.sub1_1 .sub-banner .txt-wr{
    padding: 0 40px;
}
	
	.sub1_1 .sub-banner{margin:0 0 80px}
	.sub1_1 .sub-banner .banner-wr{}
    .sub1_1 .con01 .left-con{flex:100%;text-align:center}
    .sub1_1 .con01 .right-con{display:none;}
    
    .sub1_1 .con02{height:100%;padding: 20px;}
    .sub1_1 .con02 .wr-1400{display:block}
    .sub1_1 .con02 .wr-1400 .list-box{margin: 94px 0;text-align: center;}
    /* .sub1_1 .con02 .wr-1400 .list-box:nth-child(2){padding-bottom:50px;} */
    .sub1_1 .con02 .wr-1400 .list-box:before{transform:translate(50%,-50%) rotate(90deg);right:50%;top: 175px;width: 50px;height: 100px;}

    .sub1_1 .con02 .list-con .title-box{width: 100% !important;}
    .sub1_1 .con02 .list-con .text-box li{height:100px}
    .sub1_1 .con02 .list-con .text-box.two li{height:100px}
    .sub1_1 .con02 .text-con li{width:100%}
}

@media screen and (max-width:768px) {
    .sub1_1 .con03{margin-top:60px}
    .sub1_1 .con03 .con-box{flex-wrap:wrap;}
    .sub1_1 .con03 .con-box .box-list{flex:100%; margin-bottom:20px;}
    .sub1_1 .con03 .con-box .box-list .number{left:10%;top:-26px;width:65px;height:65px;line-height:65px}
    .sub1_1 .con03 .con-box .box-list .box-title{height:60px}
    .sub1_1 .con03 .con-box .box-list .box-title p{line-height:60px}
.sub1_1 .sub-banner .banner-wr .banner01{
    flex: 100%;
    height: clamp(165px, 37vw, 275px);
}
	.sub1_1 .sub-banner .banner-wr .banner02{flex: 100%;height: 100%;height: 500px;}
	.sub1_1 .con03 .table-con .item_table_wr:first-child{flex:100%;margin-right: 0;}
}

@media screen and (max-width:500px) {
    .sub1_1{margin-bottom: 0;}

	.sub1_1 .sub-banner{margin:0 0 50px}

    .sub1_1 .con01{margin-bottom:50px}
    
    .sub1_1 .con02{padding: 2px 20px;}
	.sub1_1 .con02 .wr-1400 .list-box{margin:50px 0}
	.sub1_1 .con02 .wr-1400 .list-box:before{top:125px}

    .sub1_1 .con02 .list-con .title-box{height:100px}
    
    .sub1_1 .con03{margin-top:40px}
    .sub1_1 .con03 .con-box .box-list .number{width:60px;height:60px;line-height:60px;left:15%}
	.sub1_1 .con03 .con-arrow{padding:30px 0 20px}
}

@media screen and (max-width:425px) {
	.sub1_1 .sub-banner .txt-wr .bn-txt:after{top:12%}
	.sub1_1 .sub-banner .txt-wr .bn-txt{padding-top: 50px;}

}

/*sub1_2*/

.sub1_2 {text-align: center;padding: 60px 20px;} 

.sub1_2 .history-con {display:flex;padding: 3rem 0 2rem;border-bottom: 1px solid #e3e3e3;height: 300px;align-items: center;} 
.sub1_2 .his-sec:first-child .history-con{padding-top:0;height:400px}
.sub1_2 .left-con{text-align:left;flex: 1 0 calc(20% / 2);align-self: flex-start;}
.sub1_2 .left-con .ttl{font-size: clamp(20px, 2vw, 30px);font-weight:700}
.sub1_2 .left-con .year{font-size: clamp(50px, 7vw, 120px);font-weight:700;color:#eaeaea}
.sub1_2 .left-con .year span{color:#151515}
.sub1_2 .left-con .text{font-size: clamp(14px, 2vw, 18px);color:#24205a}

.sub1_2 .his-sec:first-child .right-con{align-self:flex-end}
.sub1_2 .right-con{flex:1 0 calc(100% / 2)}
.sub1_2 .right-con ul { position:relative; padding-left: 40px; /* padding-top: -52px; */ } 
.sub1_2 .right-con ul::before {display:block;position:absolute;content:'';background: #a4a2ca;width: 3px;height: 100%;min-height: 100px;left: 17px;top: 0px;} 
.sub1_2 .right-con ul::after {background: url('../img/sub/sub1_2_after-img.png') no-repeat center;padding: 4px;content: '';position: absolute;width: 5px;height: 50px;border-radius: 100%;z-index: 1;top: -60px;left: 15px;} 
.sub1_2 .right-con ul li { display: inline-flex; width:100%; padding: 10px 0; position: relative; align-items: center; } 
.sub1_2 .right-con ul li::after {background: #24205a;display:block;position:absolute;content:'';width: 10px;height: 10px;left: -26px;top: 50%;margin-top: -5px;border-radius: 100%;} 
.sub1_2 .right-con ul li .td {font-size: 18px;font-weight: 500;color: #626262;} 
.sub1_2 .right-con ul li .month {font-size: 18px;font-weight: 400;padding:0 15px;color: #24205a;} 


@media screen and (max-width:1600px) {
  .sub1_2 .image {width: 60%;}  
  .sub1_2 .image img{width:100%;}
 }


@media screen and (max-width:1400px) {
	.sub1_2 .line { width:100% } 
 }

@media screen and (max-width: 1024px) {
	.sub1_2{padding:0}
	.sub1_2 .right-con{padding-top:100px;}
	
	.sub-page.sub1_2 .sub1_2-tit { font-size:28px } 
	.sub1_2 .years-txt { text-align: left; padding: 20px 0 0 30px; font-size: 50px; } 
	.sub1_2 .his-sec:first-child .history-con{padding: 2rem 20px;height: 100%;}
	.sub1_2 .history-con {display:block;padding-bottom: 5rem;height: 100%;} 
	.sub1_2 .sub1_2-sec { width:100%; padding: 30px; } 
	.sub1_2 .image { display:none } 
    .sub1_2 .years-txt::after{width: calc(100% - 375px);top: 59%;right: 20px;}
 }

@media screen and (max-width: 500px) {
    .sub1_2 .years-txt::after{display:none;}

	.sub1_2 .right-con{padding-top:30px}
	.sub1_2 .right-con ul::after{display:none}
}

@media screen and (max-width: 440px) {
	.sub1_2 .years-txt {text-align: left;padding: 0 0 5px 40px;font-size: 38px;} 

    .sub1_2 .right-con ul li{flex-wrap:wrap;}
    .sub1_2 .right-con ul li .th {font-size: 25px;} 
    .sub1_2 .right-con ul li .td {font-size: clamp(16px, 2vw, 20px);display: block;width: 100%;text-align: left;padding: 10px 0 0 20px;} 
    .sub1_2 .right-con ul li .month {font-size: 18px;padding: 0 10px;} 
}




/*sub1_3 */
.sub1_3{background:url('../img/sub/sub1_3_bg.png')no-repeat center;text-align: center;padding: 60px 0;background-size: cover;}

.sub1_3 .sub-title{}
.sub1_3 .sub-title .tit{font-size:clamp(26px,2vw,40px);font-weight:700}
.sub1_3 .sub-title .txt{color:#24205a;font-weight:700;font-size:clamp(16px,2vw,20px)}

.sub1_3 .image{padding: 60px 0;}

.sub1_3 .btm-text{font-size:clamp(18px,2vw,24px);display: inline-block;background: #fff;border-radius: 34px;border: 15px solid #093e7fb5;padding: 30px;}
.sub1_3 .btm-text p{}


@media screen and (max-width:1440px){
}

@media screen and (max-width:1024px){
.sub1_3 .image img{width:100%;max-width: 800px;}
}

@media screen and (max-width:768px) {
	.sub1_3{padding: 50px 0;}
	.sub1_3 .image{padding:40px 0}
}

@media screen and (max-width:500px) {
}

/*sub1_4*/
.sub1_4{padding: 60px 20px;}
.sub1_4 .con-wr .sub-title{font-size:clamp(26px,2vw,40px);font-weight:700; text-align: center;}
.sub1_4 .con-wr ul li {padding: 30px 15px;text-align: center;}
.sub1_4 .con-wr ul li .cer-name {font-weight:500;padding-top: 0px;line-height: 45px;width: 100%;margin-top: 5px;}

.sub1_4 .con-wr .top-con ul {flex-wrap:wrap;align-items: stretch;justify-content: center;/* max-width: 800px; */margin: 0 auto;}
.sub1_4 .con-wr .top-con ul li .cer-img {display: table;/* width: 220px; *//* height: 320px; */margin: 0 auto;max-width: 100%;background: #fff;border: 1px solid #eee;}
.sub1_4 .con-wr .top-con ul li .cer-img img{object-fit:cover;width: 100%;height: 100%;}

.sub1_4 .con-wr .btm-con ul {flex-wrap:wrap;align-items: stretch;justify-content: center;/* max-width: 800px; */margin: 0 auto;}
.sub1_4 .con-wr .btm-con ul li .cer-img {display: table;width: 220px;/* height: 320px; */margin: 0 auto;max-width: 100%;background: #fff;border: 1px solid #d0d0d0;}
.sub1_4 .con-wr .btm-con ul li .cer-img img{object-fit:cover;width: 100%;height: 100%;}

.sub1_4 .item_table_wr tr:nth-child(even){background:none;}

@media (max-width:768px){
	.sub1_4 .con-wr ul li{width: calc(100%/3);padding: 30px 10px;}
	.sub1_4 .con-wr ul li .cer-name{line-height: 20px;font-size: 15px;}
	.sub1_4 .con-wr .top-con ul li{width: 100%;}
}

@media (max-width:500px){
	.sub1_4 .con-wr ul li{width: 100%;padding: 20px 5px;}
}





/*sub1_5*/
.sub1_5{padding:60px 0}
.sub1_5 .location-wrap .information-line{padding-bottom: 15px;}

.sub1_5 .location-wrap .information-line ul li{display:table;}
.sub1_5 .location-wrap .information-line ul li:nth-child(2){margin: 0 50px;}
.sub1_5 .location-wrap .information-line ul li .title{font-size: clamp(24px,4vw,40px);font-weight:700;padding-left:20px;color:#272727}
.sub1_5 .location-wrap .information-line ul li .add{font-size:clamp(16px,4vw,20px);font-weight:700;color:#3b3b3b;padding-left:10px}
.sub1_5 .location-wrap .information-line ul li .th{padding-right: 5px; display: table-cell;vertical-align: middle;}
.sub1_5 .location-wrap .information-line ul li .td{display: table-cell;vertical-align: middle;}

@media (max-width:1440px){
    .sub1_5{padding:80px 20px}
	.sub1_5 .location-wrap .information-line .second li:nth-child(2) {margin: 0 30px;}

}

@media (max-width:1024px){
    .sub1_5{padding:50px 20px}

	.sub1_5 .location-wrap .information-line ul li:nth-child(2){margin:0 20px;}
}

@media (max-width:925px){
	.sub1_5 .location-wrap .information-line .second li:nth-child(2) {margin: 0 10px;}
}

@media (max-width: 768px){
	.sub1_5 .location-wrap .information-line ul{display:block;}
	.sub1_5 .location-wrap .information-line ul li{width:100%;margin:3px 0;}
	.sub1_5 .location-wrap .information-line ul li:nth-child(2){margin:0;}
	.sub1_5 .location-wrap .information-line ul li .th{width: 23px;padding-right: 8px;}
	.sub1_5 .location-wrap .information-line ul li .logo{display:none;}
	.sub1_5 .location-wrap .information-line ul li .title{padding: 10px 0;}
	.sub1_5 .location-wrap .map figure{height: 300px;}
}


/* sub2_1 */
.sub2_1 {padding: 60px 0;}

.process-order .pro-title{width:100%;max-width:1100px;margin:0 auto}
.process-order .pro-title .txt{font-size:clamp(22px,2vw,30px);font-weight:700;display:inline-block;position:relative}
.process-order .pro-title .txt:after{position:absolute;content:'';display:block;width:100px;height:2px;background:#000;right:-203px;top:50%;transform:translate(-50%,-50%)}

.process-order{position:relative}
.process-order .owl-carousel{position:unset}

.process-order .owl-prev-img {background:url('../img/sub/visu_prev02.png') no-repeat center;position: absolute;display: block;width: 114px;height: 75px;top: 50%;transition: all 0.2s !important;z-index: 10;left: 0;}
.process-order .owl-next-img{background:url('../img/sub/visu_next02.png') no-repeat center;position:absolute;display:block;width: 114px;height: 75px;top:50%;transition:all .2s!important;z-index:10;right:0}
.process-order .owl-prev-img:hover {background:url('../img/sub/visu_prev-hover02.png') no-repeat center;}
.process-order .owl-next-img:hover {background:url('../img/sub/visu_next-hover02.png') no-repeat center;}

.process-order .owl-carousel-item {padding: 50px 0;}

.process-order .owl-item.active .img {animation: animate__fadeIn .2;}
.process-order .owl-nav {position:absolute;bottom: 6%;width:100%;max-width: 1400px;left: 50%;transform: translateX(-50%);}
.process-order .owl-dots {display: flex;flex-wrap: wrap;gap: 50px;justify-content: center;align-items: center;margin: 0 auto;width: 100%;max-width: 670px;position: absolute;left: calc(50% + 170px);bottom: 1%;transform: translate(-50%,-50%);z-index: 999;}

.process-order .owl-dot {z-index:11;flex: 1 1 calc(100% / 4 - 296px);}
.process-order .owl-dot span {display: inline-block;border-radius: 100%;position: relative;color: #000000;width: 100%;}
.process-order .owl-dot.active span {color: #000;font-weight: 700;font-size: clamp(22px, 2vw, 30px);}
.process-order .owl-dot span::before {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: clamp(18px, 2vw, 26px);}
.process-order #subtab2 .owl-dot span::before {font-size: clamp(18px, 2vw, 24px);width: 100%;}

.process-order #subtab1 .owl-dot:nth-child(1) span::before {content: 'A320';}
.process-order #subtab1 .owl-dot:nth-child(2) span::before {content: 'A321';}
.process-order #subtab1 .owl-dot:nth-child(3) span::before {content: 'A330';}
.process-order #subtab1 .owl-dot:nth-child(4) span::before {content: 'A350';}

.process-order #subtab2 .owl-dot:nth-child(1) span::before {content: 'B737';}
.process-order #subtab2 .owl-dot:nth-child(2) span::before {content: 'B747';}
.process-order #subtab2 .owl-dot:nth-child(3) span::before {content: 'B747-8';}
.process-order #subtab2 .owl-dot:nth-child(4) span::before {content: 'B767';}
.process-order #subtab2 .owl-dot:nth-child(5) span::before {content: 'B777';}

.process-order .custom-dots {display:flex;justify-content:center;align-items:center;margin-top:10px;}
.process-order .custom-dot {width:10px;height:10px;background-color:#ccc;border-radius:50%;margin-right:5px;cursor:pointer;}
.process-order .custom-dot.active {background-color:#000}

@media screen and (max-width: 1440px){
	.process-order .owl-dots{bottom:0}
    
	.process-order .owl-nav{bottom:55%;transform:translate(-50%,-50%)}
}

@media screen and (max-width: 1200px){
	.sub2_1 .process-order .pro-title{max-width:867px}
}

@media screen and (max-width: 1024px){
    .sub2_1{padding:60px 0}

    .process-order .owl-prev-img:hover {background:url('../img/sub/visu_prev02.png') no-repeat center;}
    .process-order .owl-next-img:hover {background:url('../img/sub/visu_next02.png') no-repeat center;}

	.process-order .owl-dots {max-width: 425px;justify-content: space-between;bottom: -7%;}
    .process-order #subtab2 .owl-dots{max-width:clamp(460px,57vw,570px);gap:0;left:calc(50% + 130px)}
	.process-order .owl-dot {flex: 0 1 calc(100% / 4 - 40px);}
	.process-order .owl-dot span {width: 100%;height: 40px;border-radius: 0px;}
	.process-order .owl-dot span::after {display:none;}
	.process-order #subtab2 .owl-dot{flex:1 1 calc(100% / 5 - 10px)}

	.process-order .owl-carousel-item {min-height: unset;}
	
    .process-order .pro-title{max-width:650px}
	.process-order #subtab2 .pro-title{max-width: 760px;}
	.process-order #subtab2 .pro-title .txt:after{width:80px;right:-160px}


}

@media screen and (max-width: 768px){
    .sub2_1{padding:50px 0}

	.process-order .owl-carousel-item {padding: 30px 20px;}
	.process-order .pro-title{display:none;}

    .process-order #subtab2 .owl-dots{gap:10px}
    .process-order .owl-dots {gap: 0 5px;position: unset;transform: unset;max-width: 100%;justify-content: center;}
    
    .process-order #subtab2 .owl-dot{flex:0 1 calc(100% / 3 - 10px)}
	.process-order .owl-dot {flex: 0 1 calc(100% / 4 - 28px);}
    .process-order .owl-dot span{width:clamp(60px,24vw,145px);height:40px;background:#e9e9e9;border-radius:30px}
	.process-order .owl-dot.active span{background:#c4c4c4;}

}

@media screen and (max-width: 500px){
    .sub_tabs li {width:auto;padding:0 30px;font-size:14px;}

    .process-order .owl-nav{display:none;}
	
	.process-order .owl-carousel-item {}
	.process-order .owl-carousel .img {height: 200px}
	.process-order .owl-carousel .img img {object-fit: cover;height: 200px}

    .process-order .owl-dots {padding:0;}
	.process-order .owl-dot{flex:0 1 calc(100% / 4 - 10px)}
    .process-order #subtab2 .owl-dots{gap:0}
}



/*sub3_1 */
.sub3_1{background: url(../img/sub/sub3_1_bg.png)no-repeat center;height: 100%;background-size: cover;padding-top: 100px;}
.sub3_1 .wr-1400{}
.sub3_1 .con-wr{display:flex;width: 100%;gap: 0 60px;align-items: flex-start;}

.sub3_1 .con-title{flex: 0 0 calc(20%);}
.sub3_1 .con-title p{position:relative;font-size: clamp(22px,5vw,30px);font-weight:700;font-family:'GmarketSans';padding-bottom: 25px;}
/* .sub3_1 .con-title p:before{content:'';display:block;width: 40px;height: 5px;background: #a4a2ca;position: absolute;bottom: -20px;left: 0;}*/

.sub3_1 .con-img{background:#fff;border-radius:100%;width:200px;height:200px;line-height:200px;text-align:center}
.sub3_1 .con-text{flex:1 0 calc(75%)}
.sub3_1 .con-text .con-txt{padding-bottom: clamp(25px,2vw,30px);}
.sub3_1 .con-text .con-txt .tit{font-size: clamp(18px,2vw,24px);font-weight: 400;color:#24205a;/* font-family:'GmarketSans'; */padding-bottom: 10px;}
.sub3_1 .con-text .con-txt .txt{font-size:16px;color:#2e2e2e;line-height:24px}
.sub3_1 .con-text .con-txt .txt-list{display:flex;gap: 15px 47px;flex-wrap:wrap;position: relative;align-items: center;}
.sub3_1 .con-text .con-txt .txt-list li{position: relative;background: #fff;padding: 10px 0;width: 120px;text-align: center;}
.sub3_1 .con-text .con-txt .txt-list li:after{content:'';display:block;background: url(../img/sub/arrow_icon02.png)no-repeat center;width: 8px;height: 14px;position: absolute;top: 50%;right: -28px;transform: translateY(-50%);}
.sub3_1 .con-text .con-txt .txt-list li:last-child:after{display:none;}

.sub3_1 .con01{padding-bottom: clamp(40px, 2vw, 80px);}

.sub3_1 .con02{padding-bottom: clamp(40px, 2vw, 80px);}

.sub3_1 .con03{padding-bottom: clamp(40px, 2vw, 80px);}


@media screen and (max-width: 1440px){
	.sub3_1{height:auto;padding:60px 0}
	.sub3_1 .con-img{width:150px;height:150px;line-height:150px}
	.sub3_1 .con-img img{width:50%}
}

@media screen and (max-width:1024px){
	.sub3_1{padding:60px 0}
    .sub3_1 .con-wr{gap:0 30px}

	.sub3_1 .con-img img{/* width: auto; */}

	.sub3_1 .con-title{/* padding-bottom:30px; */}
    .sub3_1 .con-title p{font-size: clamp(20px,2vw,26px);}
	.sub3_1 .con-title p:before{bottom:-10px;height:3px}
	
	.sub3_1 .con-text .con-txt .txt-list{gap:5px 30px}
    .sub3_1 .con-text .con-txt .txt-list li:after{right:-20px}
	
}

@media screen and (max-width:768px) {
    .sub3_1{padding:50px 0}
	.sub3_1 .con-img{display:none}
}

@media screen and (max-width:500px) {
	.sub3_1 .con-text .con-txt .txt-list{gap:20px 0}
	.sub3_1 .con-text .con-txt .txt-list li{flex:100%;width:unset}
	.sub3_1 .con-text .con-txt .txt-list li:after{top:unset;bottom:-17px;right:50%;transform:rotate(90deg)}
	.sub3_1 .con-text .con-txt .tit{padding-bottom: 15px;}
}



/* sub3_2 */

.sub3_2{padding: 60px 0;text-align: center;}

.sub3_2 .sub-title{font-size: clamp(30px, 5vw, 40px);font-weight:700;}

.sub3_2 .item_table_wr{padding: 15px 0;}
.sub3_2 .item_table_wr .table-title{font-size: 24px;text-align:left;padding-bottom:20px;font-weight: 700;}

.sub3_2 .sub_tabs_wr{padding:30px 0 50px}
.sub3_2 .subtab-link{width:clamp(160px,12vw,210px);line-height:46px}

.sub3_2 .con-title.gft{font-size:clamp(20px,2vw,30px);font-weight:700;padding-bottom:30px;}

.sub3_2 .con-list{padding-top:50px}
.sub3_2 .con-list .con-box{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;width: 100%;}
.sub3_2 .con-list .con-box.six li{flex: 1 1 calc(100% / 3 - 80px);}
.sub3_2 .con .con-list .con-box.five-s li{flex: 0 1 calc(100% / 5 - 50px);}
.sub3_2 .con-list .con-box.four li{flex: 0 1 calc(100% / 4 - 80px);}
.sub3_2 .con-list .con-box.five-l li{flex: 0 1 calc(100% / 3 - 80px);}

.sub3_2 .con-list .con-box li .item-img{/* border:1px solid #00000047; */}
.sub3_2 .con-list .con-box li .item-img img{width:100%}
.sub3_2 .con-list .con-box li .item-title{font-size: clamp(14px,2vw,20px);font-weight:700;padding:20px 0}
.sub3_2 .con-list.ten .con-box li.line-two{flex:0 0 calc(75% / 2 - 10px)}
.sub3_2 .con-list.ten .con-box li.line-two img{width:auto}

@media screen and (max-width:1440px){
    .sub3_2 {padding: 100px 20px;}
}

@media screen and (max-width:1024px){
	.sub3_2 {padding: 80px 20px; }
    .sub3_2 .con-list .con-box.six li{flex:1 1 calc(100% / 2 - 80px)}
    .sub3_2 .con-list .con-box.five-s li{flex:0 1 calc(100% / 3 - 50px)}
    .sub3_2 .con-list .con-box.four li{flex:0 1 calc(100% / 2 - 80px)}
    .sub3_2 .con-list .con-box.five-l li{flex:0 1 calc(100% / 2 - 80px)}

	.sub3_2 .con-list.ten .con-box li{flex:1 0 calc(100% / 2 - 10px)}
	.sub3_2 .con-list.ten .con-box li.line-two{flex:1 0 calc(100% / 2 - 10px)}
	.sub3_2 .con-list.ten .con-box li.line-two img{width:100%}
}

@media screen and (max-width:768px) {
	.sub3_2{padding:50px 20px}
	
	.sub3_2 .sub_tabs_wr{padding:20px 0 0}
	.sub3_2 .sub_tabs li{width:calc(100% / 2 - 6px);margin:5px 2px;line-height:45px}
	
	.sub3_2 .con-list.ten .con-box li {flex: 1 0 calc(100% / 2 - 10px);}
	.sub3_2 .con-list .con-box.two li {flex: 1 0 calc(100% / 2 - 10px);}
	.sub3_2 .con-list.ten .con-box li.line-two {flex: 1 0 calc(100% / 2 - 10px);}
}

@media screen and (max-width:500px) {
    .sub3_2 .con-list .con-box li .item-title{background:#24205a;padding:10px 0;color:#fff}
    .sub3_2 .con-list .con-box.six li{flex:100%}
    .sub3_2 .con-list .con-box.five-s li{flex: 0 1 calc(100%);}
	.sub3_2 .con-list.ten .con-box li{flex: 0 1 calc(100%);}
	.sub3_2 .con-list.ten .con-box li.line-two{flex: 0 1 calc(100%);}
    .sub3_2 .con-list .con-box.four li{flex:100%}
}

/* sub4_1 */

.sub4_1{padding:60px 0}

.sub4_1 .sub-top{}
.sub4_1 .sub-top .top-title{}
.sub4_1 .sub-top .top-title h1{color:#858585;font-size: clamp(16px, 2vw, 20px);font-weight:500}
.sub4_1 .sub-top .top-title p{color:#272727;font-size: clamp(22px, 2vw, 38px);font-weight:700}
.sub4_1 .sub-top .banner-wr{padding:20px 0 50px}
.sub4_1 .sub-top .banner-wr img{width:100%;height: 100%;object-fit:cover}

.sub4_1 .content-wr{}
.sub4_1 .content-wr ul{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));grid-gap: 1rem;}
.sub4_1 .content-wr ul li{position: relative;}
.sub4_1 .content-wr ul li::after{content: '';background: url('../img/sub/arrow_icon01.png') no-repeat center;display: block;width: 21px;height: 36px;position: absolute;top: calc(220px - 50%);right: -30px;transform: translate(-50%,-50%);}
.sub4_1 .content-wr ul li:last-child::after{display:none}

.sub4_1 .content-wr ul li .con-image{text-align:-webkit-center}
.sub4_1 .content-wr ul li .con-image .img{border:2px solid #a4a2ca;border-radius:100%;width:100%;max-width:180px;height:180px;text-align:center;line-height:180px;display: inline-block;position: relative;}

.sub4_1 .content-wr ul li .con-image .img:after{content: '';display: block;width:30px;height:30px;background:#dcdaf0;border-radius:100%;position:absolute;z-index: -1; opacity:0;transition: all ease 0.3s; }
.sub4_1 .content-wr ul li:hover .con-image .img:after{opacity:1}
.sub4_1 .content-wr ul li:first-child:hover .con-image .img:after{top: 45px;right: 45px;}
.sub4_1 .content-wr ul li:nth-child(2) .con-image .img:after{top: 45px;right: 45px;}
.sub4_1 .content-wr ul li:nth-child(3) .con-image .img:after{top: 90px;right: 40px;}
.sub4_1 .content-wr ul li:last-child .con-image .img:after{top: 55px;left: 45px;}

.sub4_1 .content-wr ul li .con-text{text-align:center}
.sub4_1 .content-wr ul li .con-text .tit{font-size: clamp(18px, 2vw, 25px);font-weight:700;font-family:'GmarketSans';padding-top:30px}
.sub4_1 .content-wr ul li .con-text .txt{font-size: clamp(14px, 2vw, 16px);}


@media screen and (max-width:1440px){
	.sub4_1{padding:100px 20px;}
}

@media screen and (max-width:1024px){
    .sub4_1 .content-wr ul{grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));}
	.sub4_1 .content-wr ul li .con-image .img{max-width:150px;height:150px;line-height:150px}
	.sub4_1 .content-wr ul li::after{background-size: 70%;top: 35%;}

	.sub4_1 .content-wr ul li:first-child:hover .con-image .img:after{top: 30px;right: 30px;transition: all ease 0.3s;}
    .sub4_1 .content-wr ul li:nth-child(2) .con-image .img:after{top: 30px;right: 30px;}
    .sub4_1 .content-wr ul li:nth-child(3) .con-image .img:after{top: 75px;right: 25px;}
    .sub4_1 .content-wr ul li:last-child .con-image .img:after{top: 40px;left: 30px;}

}

@media screen and (max-width: 768px) {
    .sub4_1{padding:50px 20px;}

	.sub4_1 .sub-top .banner-wr{padding:20px 0}
    .sub4_1 .sub-top .banner-wr img{height: clamp(150px, 2vw,200px);}

    .sub4_1 .content-wr ul{display:block}
	.sub4_1 .content-wr ul li{border:2px solid #8682a8;border-radius:30px;margin:30px 0;padding:25px 0}
	.sub4_1 .content-wr ul li .con-image .img{border:none;height:auto;line-height:unset}
    .sub4_1 .content-wr ul li .con-text .tit{padding-top:10px}              

	.sub4_1 .content-wr ul li::before{display:block;position:absolute;width: 54px;height: 54px;line-height: 57px;top: -30px;left: 50%;font-size: 20px;background: #8682a8;color: #ffffff;text-align: center;border-radius: 100%;font-family: 'GmarketSans';font-weight: 700;transform: translateX(-50%);}
	.sub4_1 .content-wr ul li:first-child::before{content:'1'}
	.sub4_1 .content-wr ul li:nth-child(2)::before{content:'2'}
	.sub4_1 .content-wr ul li:nth-child(3)::before{content:'3'}
	.sub4_1 .content-wr ul li:last-child::before{content:'4'}

    .sub4_1 .content-wr ul li::after{display:none}	
	.sub4_1 .content-wr ul li:hover .con-image .img:after{display:none}

}

@media screen and (max-width:500px) {
	.sub4_1 .content-wr ul li::before{left:15%}

}


/* sub4_2 */

.sub4_2{padding:60px 0}

.sub4_2 .sub-top{}
.sub4_2 .sub-top .top-title h1{color:#858585;font-size: clamp(16px, 2vw, 20px);font-weight:500}
.sub4_2 .sub-top .top-title p{color:#272727;font-size: clamp(22px, 2vw, 38px);font-weight:700}
.sub4_2 .sub-top .banner-wr{padding:20px 0 50px}
.sub4_2 .sub-top .banner-wr img{width:100%;height: 100%;object-fit:cover}

.sub4_2 .content-wr .list-wr {}
.sub4_2 .content-wr .list-wr ul {}
.sub4_2 .content-wr .list-wr ul li {display: flex;border-bottom: 2px solid;border-image: url('../img/sub/border-style01.png') 1;padding: 25px 10px;}
.sub4_2 .content-wr .list-wr ul li .list-con{flex:0 0 calc(100% / 2);display:flex;align-items:center;padding:0 20px}
.sub4_2 .content-wr .list-wr ul li .list-con .icon{}
.sub4_2 .content-wr .list-wr ul li .list-con .icon img{}
.sub4_2 .content-wr .list-wr ul li .list-con .text{line-height: 30px;padding-left: 30px;}
.sub4_2 .content-wr .list-wr ul li .list-con .text .tit{font-size: clamp(18px, 2vw, 22px);font-weight: 700;font-family: 'GmarketSans';}
.sub4_2 .content-wr .list-wr ul li .list-con .text .ttl{font-size:16px}


@media screen and (max-width:1440px){
	.sub4_2{padding:100px 20px;}
}

@media screen and (max-width: 768px) {
    .sub4_2{padding:50px 20px;}

	.sub4_2 .sub-top .banner-wr{padding:20px 0}
    .sub4_2 .sub-top .banner-wr img{height: clamp(150px, 2vw,200px);}

	.sub4_2 .content-wr .list-wr ul li{flex-wrap:wrap;gap: 20px;}
	.sub4_2 .content-wr .list-wr ul li .list-con{flex:unset;width:100%}
}

@media screen and (max-width: 500px) {
	.sub4_2 .content-wr .list-wr ul li{padding:25px 0}
    .sub4_2 .content-wr .list-wr ul li .list-con{padding: 0;}
	.sub4_2 .content-wr .list-wr ul li .list-con .icon{}
	.sub4_2 .content-wr .list-wr ul li .list-con .icon img{width:50px}
	.sub4_2 .content-wr .list-wr ul li .list-con .text{padding-left:20px}
}