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

/* header */
#header{position: absolute;left: 0;top: 0;width: 100%;z-index: 2000;transition:.3s;}
#header .inner{display: flex;align-items: center;justify-content: space-between;height: 100px;}
#header h1 a{display: block;width: 76px;height: 36px;background: url(../images/main/main_logo01.png);background-size: cover;transition:.3s;}
#header .all_btn{display: none; position: relative;width: 22px;height: 19px;}
#header .all_btn span{position: absolute; width: 100%;height: 2px;background: #fff;left: 0;transition: .3s;}
#header .all_btn span:nth-child(1){top: 0;}
#header .all_btn span:nth-child(2){top: 50%;transform: translate(-50% , -50%);left: 50%;}
#header .all_btn span:nth-child(3){bottom: 0;}
#header .all_btn.on span{background: #000;}
#header .all_btn.on span:nth-child(1){top: 50%;transform: translateY(-50%) rotate(45deg);}
#header .all_btn.on span:nth-child(2){opacity: 0;}
#header .all_btn.on span:nth-child(3){top: 50%;transform: translateY(-50%) rotate(-45deg);}
#header .navi_btn{display: block; position: relative;width: 22px;height: 19px;}
#header .navi_btn span{position: absolute; width: 100%;height: 2px;background: #fff;left: 0;transition: .3s;}
#header .navi_btn span:nth-child(1){top: 0;}
#header .navi_btn span:nth-child(2){top: 50%;transform: translate(-50% , -50%);left: 50%;}
#header .navi_btn span:nth-child(3){bottom: 0;}
#header .navi_btn.on span{background: #000;}
#header .navi_btn.on span:nth-child(1){top: 50%;transform: translateY(-50%) rotate(45deg);}
#header .navi_btn.on span:nth-child(2){opacity: 0;}
#header .navi_btn.on span:nth-child(3){top: 50%;transform: translateY(-50%) rotate(-45deg);}

#header.white{background: #fff;}
#header.white h1 a{background: url(../images/main/main_logo02.png);background-size: cover;}
#header.white .all_btn span{background: #000;}
#header.white .gnb > li > a{color: #000;}
#header.white .gnb > li.on > a{color: var(--ma_c01);}

#header.on .gnb{display: none;}
#header.on h1 a{background: url(../images/main/main_logo02.png);background-size: cover;}

/* gnb */
.gnb{display: none;}
.gnb > li > a{display: block;line-height: 100px;text-align: center;padding: 0 80px;font-size: 18px;transition: .3s;font-weight: 700;color: #fff;}
.gnb > li .fade_box{display: none; position: absolute;width: 100%; left: 0;top: 100%;background: #fafafa;}
.gnb > li ul{display: flex;width: 100%;justify-content: center;gap:50px;}
.gnb > li ul li a{position: relative; display: block;line-height: 100px;color: #232323;font-weight: 600;}
.gnb > li ul li a:hover{color: var(--ma_c01);}
.gnb > li ul li a:after{content:'';position: absolute;right: -26px;top: 50%;transform: translateY(-50%);width: 1px;height: 16px;background: #232323;}
.gnb > li ul li:last-child a:after{display: none;}


/* all_menu */
#all_menu{position: absolute;left: 0;top: 0;width: 100%;height: 100vh;overflow: hidden;z-index: 1000;}
#all_menu .all_circle01{position: absolute;right: 10px;top: 10px;width: 80px;height: 80px;border-radius: 50%;background: #fff;transform: scale(0);pointer-events: none;}
#all_menu .inner{position: relative; display: flex; height: 100%;gap:10%; align-items: center;align-items: center;z-index: 100;padding: 0 3.7%;}
#all_menu .bg_box{display: none; width: 27%;}
#all_menu .bg_box img{width: 100%;}
#all_menu ul{position: relative; display: flex;flex-wrap: wrap;width: 100%;gap:50px 0;}
#all_menu ul li{width: calc((100%)/3);}
#all_menu ul li p{font-size: 24px;margin-bottom: 25px;font-weight: 700;text-align: center;}
#all_menu ul li .a_box{transform: translateX(-10px);}
#all_menu ul li .a_box a{display: block;margin-bottom: 25px;font-size: 18px;font-weight: 500;transition: .3s;text-align: center;}
#all_menu ul li .a_box a:hover{color: var(--ma_c01);}
#all_menu ul li .a_box a:last-child{margin-bottom: 0;}


/* 네비게이션 */
#navigation{display: none; position: absolute;left: 0;top: 100px;z-index: 1000;width: 100%;height: calc(100vh - 100px);background: rgba(0,0,0,.5);}
#navigation .navi_box{position: absolute; width: 50%;right: 0;top: 0;background: #fff;height: 100%;}
#navigation .navi_box > ul > li > a{position: relative; display: block;line-height: 60px;padding: 0 20px;border-top: 1px solid #ddd;font-size: 16px;}
#navigation .navi_box > ul > li > a:after{content:'';position: absolute;transition: .3s; right: 20px;top: 50%;transform: translateY(-50%);width: 12px;height: 8px;background: url(../images/main/footer_ico01.png);}
#navigation .navi_box > ul > li.on > a:after{transform: rotate(180deg);}
#navigation .navi_box > ul > li:last-child > a{border-bottom: 1px solid #ddd;}
#navigation .navi_box > ul > li ul{display: none; background: #f4f4f4;padding: 15px 20px;border-top: 2px solid var(--ma_c01);}
#navigation .navi_box > ul > li ul li a{display: block; line-height: 35px;font-size: 16px;}
#navigation .navi_box > ul > li ul li.on a{color: var(--ma_c02);font-weight: 600;}


#visual_wrap{position: relative; height: 100vh;width: 100%;background: #000;overflow: hidden;}
#visual_wrap:after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.1);pointer-events: none;}
#visual_wrap .video_box{height: 100%;}
#visual_wrap .video_box video{width: 100%;height: 100%;object-fit: cover;}
#visual_wrap .txt_box{position: absolute;left: 50%;top: 180px;transform: translateX(-50%);color: #fff;padding-left: 6%;z-index: 10;}
#visual_wrap .txt_box span{display: block;font-size: 22px;letter-spacing: -1px;}
#visual_wrap .txt_box p{margin: 12px 0 40px;font-size: 28px;letter-spacing: -1px;}
#visual_wrap .txt_box strong{display: block; font-weight: 900;font-size: 60px;letter-spacing: -1px;}
#visual_wrap .scroll_box{display: block;position: absolute; left: 50%;transform: translateX(-50%);bottom: 130px;font-size: 16px;color: #fff;padding-left: 6%;}

/* 공통 */
h2.main_tit{font-size: 50px;color: #2c2c2c;letter-spacing: -1px;}
h2.main_tit div{font-size: 55px;letter-spacing: -1px;}
a.btn_st01{position: relative;display: block; padding: 0 28px;line-height: 40px;border-radius: 12px;opacity: 0; border: 1px solid #000;font-size: 18px;font-weight: 700;transition: .4s;overflow: hidden;z-index: 1;}
a.btn_st01:after{content:'';position: absolute;right: 100%;transition: .4s;background: var(--ma_c02);top: 0;width: 100%;height: 100%;z-index: -1;}
a.btn_st01:hover{color: #fff;}
a.btn_st01:hover:after{right: 0;}
.btn_st01 span{padding: 0 4px;}
.btn_st02{display: block; padding: 0 20px;line-height: 50px;border-radius: 50px;background: #edf6ff;font-size: 17px;font-weight: 700;color: #021840;width: fit-content;}
.btn_st03{display: block; width: 100%;height: 55px;background: var(--ma_c02);border-radius: 10px;font-size: 19px;font-weight: 700;color: #fff;}

/* section01 */
#section01{padding: 100px 0;letter-spacing: -1px;overflow: hidden;}
#section01 .flex_box{display: flex;padding-left: 2.6%;}
#section01 .flex_box .txt_wrap{width: 330px;}
#section01 .flex_box .txt_wrap p{margin: 30px 0 60px;color: #2c2c2c;font-size: 25px;line-height: 1.2;}
#section01 .flex_box .txt_wrap .arrow_box{display: flex;gap:10px;}
#section01 .flex_box .txt_wrap .arrow_box a{display: block;width: 41px;height: 41px;background: url(../images/main/main_sec01_arrow01.png);background-size: cover;transition: .3s;}
#section01 .flex_box .txt_wrap .arrow_box a:nth-child(2){background: url(../images/main/main_sec01_arrow02.png);}

#section01 .flex_box .txt_wrap .arrow_box a:hover{background: url(../images/main/main_sec01_arrow01_on.png);background-size: cover;}
#section01 .flex_box .txt_wrap .arrow_box a:nth-child(2):hover{background: url(../images/main/main_sec01_arrow02_on.png);background-size: cover;}

#section01 .flex_box .slide_box{width: calc(100% - 330px);}
#section01 .flex_box .slide_box ul li{margin-right: 20px;}
#section01 .flex_box .slide_box ul li a{position: relative; display: block;border-radius: 10px;overflow: hidden;width: 280px;}
#section01 .flex_box .slide_box ul li.size01 a{height: 230px;}
#section01 .flex_box .slide_box ul li.size02 a{height: 200px;}
#section01 .flex_box .slide_box ul li.size03 a{height: 260px;}
#section01 .flex_box .slide_box ul li a .img_wrap{width: 100%;height: 100%;} 
#section01 .flex_box .slide_box ul li a .img_wrap img{width: 100%;height: 100%;object-fit: cover;transition: .5s;}
#section01 .flex_box .slide_box ul li a:hover .img_wrap img{transform: scale(1.15);}
#section01 .flex_box .slide_box ul li a .txt{position: absolute;top: 20px;left: 15px;color: #fff;}
#section01 .flex_box .slide_box ul li a .txt p{font-size: 24px;font-weight: 700;margin-bottom: 10px;}
#section01 .flex_box .slide_box ul li a .txt span{font-size: 16px;}

/* section02 */
.sec02_pin{background:  var(--ma_c02);}
#section02{letter-spacing: -1px;background: var(--ma_c02);height: auto;overflow: hidden;}
#section02 .inner{position: relative;height: 100%;padding-top: 40px;}
#section02 .con01{position: relative; width: 100%;height: 300px;border-radius: 20px;background: url(../images/main/main_sec02_img01.jpg);background-size: cover;overflow: hidden;}
#section02 .con01 .infi_box{position: absolute; width: 100%;left: 0;bottom: 30px;}
#section02 .con01 .infi_box ul{display: flex;gap:40px;width: max-content; animation: rolling 120s linear infinite;}
#section02 .con01 .infi_box ul li img{width: 1500px;}

@keyframes rolling {
  from {transform: translateX(0);}
  to {transform: translateX(-50%);}
}

#section02 .con02{position: relative; width: 100%;right: 0%;height: 100%;top: 0px;margin-top: 25px;}
#section02 .con02 ul{display: flex; padding-bottom: 100px;flex-wrap:wrap;gap:100px 25px;}
#section02 .con02 ul li{width: calc((100% - 25px)/2);}
#section02 .con02 ul li:not(:last-child){margin-bottom: 0px;}
#section02 .con02 ul li a{display: block;}
#section02 .con02 ul li a .img_box{position:relative; width:100%; padding-bottom:72.917%;overflow: hidden;border-radius: 20px;margin-bottom: 30px;}
#section02 .con02 ul li a .img_box 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;transition: .4s;}
#section02 .con02 ul li a:hover .img_box img{transform: scale(1.1);}
#section02 .con02 ul li a .txt p{font-size: 16px;color: #fff;margin-bottom: 15px;}
#section02 .con02 ul li a .txt strong{font-size: 27px;color: #fff;}

/* section03 */
#section03{letter-spacing: -1px;padding: 100px 0;background: var(--ma_c02);}
#section03 .inner{width: 100%;}
#section03 .tit_box{display: flex;align-items: center;justify-content: space-between;margin-bottom: 50px;}
#section03 .con_box{display: flex;align-items: start;justify-content: space-between;}
#section03 .con_box .con01{width: 31%;}
#section03 .con_box .con02{width: 64%;}
#section03 .con_box a{display: block;}
#section03 .con_box a .txt_wrap strong{display: block; font-size: 23px;margin-bottom: 10px;}
#section03 .con_box a .txt_wrap p{color: #4b4b4b;font-size: 14px;line-height: 20px;font-weight: 500;margin-bottom: 10px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section03 .con_box a .txt_wrap span{font-size: 14px;font-weight: 500;color: #787878;}
#section03 .con_box .con01 a .img_Wrap{position:relative; width:100%; padding-bottom:65.789%;border-radius: 15px;overflow: hidden;margin-bottom: 35px;}
#section03 .con_box .con01 a .img_Wrap img{position:absolute;transition: .4s; left:0; right:0;  top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%;object-fit:cover}
#section03 .con_box .con01 a:hover .img_Wrap img{transform: scale(1.1);}
#section03 .con_box .con01 a .txt_wrap strong{overflow: hidden; text-overflow: ellipsis;line-height: 1.2; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section03 .con_box .con02 ul li:not(:last-child){margin-bottom: 35px;}
#section03 .con_box .con02 a{display: flex;justify-content: space-between;}
#section03 .con_box .con02 a .txt_wrap{width: 65%;}
#section03 .con_box .con02 a .txt_wrap strong{white-space: nowrap; overflow:hidden;text-overflow: ellipsis;}
#section03 .con_box .con02 a .img_wrap{width: 30%;}
#section03 .con_box .con02 a .img_wrap .img_box{position:relative; width:100%; padding-bottom:60%;border-radius: 15px;overflow: hidden;}
#section03 .con_box .con02 a .img_wrap .img_box 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;transition: .4s;}
#section03 .con_box .con02 a:hover .img_wrap .img_box img{transform: scale(1.1);}

/* section04 */
#section04{letter-spacing: -1px;}
#section04 .con_box{display: flex; height: 660px;}
#section04 .con_box .con01{position: relative; width: 50%;background: #094081;}
#section04 .con_box .con01 .txt_box{position: absolute;top: 115px;left: 50%;transform: translateX(-50%);color: #fff;width: max-content;}
#section04 .con_box .con01 .txt_box p{font-size: 17px;font-weight: 500;}
#section04 .con_box .con01 .txt_box strong{display: block;margin: 20px 0 25px;font-size: 27px;line-height: 40px;}

#section04 .con_box .con02{width: 50%;padding: 60px 20px 0 20px;background: #eff3f8;}
#section04 .con_box .con02 form{width: 100%;}
#section04 .con_box .con02 .notice{font-size: 17px;font-weight: 700;color: #333;margin-bottom: 25px;}
#section04 .con_box .con02 ul{display: flex;gap: 20px 10px;flex-wrap: wrap;}
#section04 .con_box .con02 ul li{width: calc((100% - 10px)/2);}
#section04 .con_box .con02 ul li p{position: relative; font-size: 15px;font-weight: 700;margin-bottom: 15px;width: fit-content;}
#section04 .con_box .con02 ul li p:after{content:'';position: absolute;right: -8px;top: -3px;width: 3px;height: 3px;border-radius: 50%;background: #f54b46;}
#section04 .con_box .con02 ul li input[type="text"]{width: 100%;background: #fff;padding: 0 15px;height: 40px;border-radius:10px;font-size: 14px;font-weight: 500;border: 0;}
#section04 .con_box .con02 ul li input[type="text"]::placeholder{color: #81888e;}
#section04 .con_box .con02 ul li:last-child{width: 100%;}
#section04 .con_box .con02 .ck_box{margin: 30px 0 20px;}
#section04 .con_box .con02 .ck_box a{font-size: 13px;font-weight: 500;color: #81888e;}


/* footer */
#footer .f_top{padding: 55px 0 40px;background: #fafafa;}
#footer .f_top .inner{display: flex;align-items: flex-start;justify-content: space-between;}
#footer .f_top .left_box ul{display: flex;margin: 30px 0 35px;gap:15px;flex-wrap:wrap;}
#footer .f_top .left_box ul li a{font-size: 14px;font-weight: 600;}
#footer .f_top .left_box address{font-size: 13px;font-weight: 500;line-height: 23px;color: #333;font-style: normal;}
#footer .f_top .left_box address span{padding: 0 7px;}
#footer .f_top .right_box{position: relative;}
#footer .f_top .right_box button{display: flex; width: 160px;height: 40px;border-radius: 10px;background: #fff;align-items: center;justify-content: space-between;padding: 0 15px;font-size: 14px;font-weight: 700;}
#footer .f_top .right_box button img{transition: .3s;}
#footer .f_top .right_box button.on img{transform: rotate(180deg);}
#footer .f_top .right_box ul{display: none; position: absolute;left: 0;top: 100%;width: 100%;padding: 10px 0;border-radius: 10px;background: #fff;}
#footer .f_top .right_box ul li:not(:last-child){margin-bottom: 10px;}
#footer .f_top .right_box ul li a{display: block; font-size: 14px;padding: 0 20px;}

#footer .f_bot{background: #fff;}
#footer .f_bot p{line-height: 50px;font-size: 14px;font-weight: 700;color: #797979;}



/* -------------------------------sub------------------------------- */
#header.sub_header{position: relative;border-bottom: 1px solid #ddd;transition: .4s;}
#header.sub_header{background: #fff;}
#header.sub_header h1 a{background: url(../images/main/main_logo02.png);background-size: cover;}
#header.sub_header .all_btn span{background: #000;}
#header.sub_header .gnb > li > a{color: #000;}
#header.sub_header .gnb > li.on > a{color: var(--ma_c01);}
#header.sub_header .navi_btn span{background: #000;}
#header.on.sub_header{border-bottom: 1px solid transparent;}


.sub_wrap{padding: 100px 0;letter-spacing: -1px;}
.sub_wrap.sub_wrap02{padding: 100px 0 0;}
.sub_wrap .inner02{width: 92%;}
.sub_wrap .sub_tit.sub_tit_nf_t .inner{display: block;}
.sub_wrap .sub_tit{margin-bottom: 60px;}
.sub_wrap .sub_tit .inner{display: flex;align-items: center;justify-content: space-between;}
.sub_wrap .sub_tit h2{font-size: 45px;font-weight: 800;}
.sub_wrap .sub_tit h2 div{font-size: 45px;font-weight: 800;}
.sub_wrap .sub_tit h2 span{padding: 0 5px;}
.sub_wrap .sub_tit ul{display: flex; padding: 0 25px;height: 40px;border: 1px solid #000;border-radius: 12px;gap:45px;align-items: center;width: fit-content;}
.sub_wrap .sub_tit.sub_tit_nf_t ul{margin-top: 30px;}
.sub_wrap .sub_tit ul li{position: relative; font-size: 18px;font-weight: 700;}
.sub_wrap .sub_tit ul li:not(:last-child)::after{content:'';position: absolute;right: -29px;top: 50%;transform: translateY(-50%);width: 8px;height: 14px;background: url(../images/sub/sub_ico02.png);}
.sub_wrap .sub_tit ul li.on{color: var(--ma_c02);}
.sub_wrap .sub_visaul{margin-bottom: 90px;padding: 0 2.6%;}
.sub_wrap .sub_visaul .inner{height: 400px;border-radius: 20px;overflow: hidden;}


/* sub_btn_wrap01 */
.sub_btn_wrap01{display: flex;gap:10px;justify-content: center;margin-top: 50px;}
.sub_btn_wrap01 a,
.sub_btn_wrap01 button{width:170px;line-height: 50px;text-align: center;border-radius: 12px;font-weight: 500;transition: .3s;font-size: 17px;}
.sub_btn_wrap01 .white{border: 1px solid #000;text-align: center;}
.sub_btn_wrap01 .black{background: #000;color: #fff;}
.sub_btn_wrap01 .black:hover,
.sub_btn_wrap01 .white:hover{background: var(--ma_c01);color: #fff;border: 1px solid var(--ma_c01);}
.sub_btn_wrap02 .blue{background: var(--ma_c01);color: #fff;}
.sub_btn_wrap02 .gray{color: #81888e;background: #eff3f8;color: #81888e;border: 1px solid #eff3f8;}

/* 사업분야, 서비스 공통*/
.sub_flex_wrap .con .inner{display: flex;align-items: flex-start;flex-wrap:wrap;gap:30px;}
.sub_flex_wrap .con .tit{width: 100%;font-size: 45px;line-height: 60px;font-weight: 700;}
.sub_flex_wrap .con .tit br{display: none;}
.sub_flex_wrap .con .con_box{width: 100%;word-break: keep-all; }

/* sub0101_wrap */
.sub0101_wrap .sub_visaul .inner{background: url(../images/sub/sub0101_visual01.jpg);/* background-attachment: fixed; */background-size: cover;background-position: center;}
.sub0101_wrap .con01 .inner{display: block;justify-content: center;gap:10%;}
.sub0101_wrap .con01 .box01{margin-bottom: 50px;text-align: center;}
.sub0101_wrap .con01 .box01 p{font-size: 45px;font-weight: 700;line-height: 60px;}

.sub0101_wrap .con01 .box02{color: #2c2c2c;margin-top: 10px;text-align: center;} 
.sub0101_wrap .con01 .box02 strong{font-size: 28px;}
.sub0101_wrap .con01 .box02 p{font-size: 20px;line-height: 28px;margin-top: 25px;}
.sub0101_wrap .con01 .box02 p:nth-child(2){margin-top: 5px;}
.sub0101_wrap .con01 .box02 span{display: block; font-size: 20px;font-weight: 700;margin-top: 25px;}


/* sub0102_wrap */
.sub0102_wrap .sub_visaul .inner{background: url(../images/sub/sub0101_visual02.jpg);/* background-attachment: fixed; */background-size: cover;background-position: center;}
.sub0102_wrap .con01{margin-bottom: 100px;}
.sub0102_wrap .con01 .txt_wrap01{font-size: 27px;font-weight: 700;opacity: .7;margin-bottom: 35px;}
.sub0102_wrap .con01 .txt_wrap02{display: block;gap:130px;}
.sub0102_wrap .con01 .txt_wrap02 p{font-size: 45px;line-height: 60px;font-weight: 700;margin-bottom: 30px;}
.sub0102_wrap .con01 .txt_wrap02 strong{font-size: 30px;font-weight: 600;opacity: .8;line-height: 45px;}

.sub0102_wrap .con02{margin-bottom: 100px;}
.sub0102_wrap .con02 ul{display: flex;padding: 0 2.6%;gap:30px;}
.sub0102_wrap .con02 ul li{display: block;position: relative;width: calc((100% - 30px)/2);padding: 30px;border-radius: 15px;box-shadow: 1px 1px 15px 0px rgba(0,0,0,.1);height: 220px;}
.sub0102_wrap .con02 ul li img{width: 70px;}
.sub0102_wrap .con02 ul li p{font-size: 22px;font-weight: 700;line-height: 35px;}
.sub0102_wrap .con02 ul li p span{color: var(--ma_c01);}
.sub0102_wrap .con02 ul li img{position: absolute;bottom: 30px;right: 30px;}

.sub0102_wrap .con03{background: var(--ma_c02);padding: 100px 0;}
.sub0102_wrap .con03 .tit_box{text-align: center;color: #fff;margin-bottom: 80px;}
.sub0102_wrap .con03 .tit_box span{font-size: 24px;font-weight: 700;}
.sub0102_wrap .con03 .tit_box p{margin-top: 30px;font-size: 45px;font-weight: 700;}
.sub0102_wrap .con03 ul{display: flex;gap:10px;}
.sub0102_wrap .con03 ul li{width: calc((100% - 20px)/3);}
.sub0102_wrap .con03 ul li a{display: block;position: relative;overflow: hidden;border-radius: 15px;height: 400px;}
.sub0102_wrap .con03 ul li:nth-child(2) a{height: 250px;margin-bottom: 10px;}
.sub0102_wrap .con03 ul li:nth-child(2) a:last-child{margin-bottom: 0;}
.sub0102_wrap .con03 ul li a img{width: 100%;height: 100%;object-fit: cover;transition: .4s;}
.sub0102_wrap .con03 ul li a:hover img{transform: scale(1.1);}
.sub0102_wrap .con03 ul li a .txt{position: absolute;left: 10px;top: 20px;color: #fff;}
.sub0102_wrap .con03 ul li a .txt p{font-size: 20px;font-weight: 700;margin-bottom: 15px;}
.sub0102_wrap .con03 ul li a .txt span{font-size: 15px;}


/* sub0103_wrap */
.sub0103_wrap .sub_visaul .inner{background: url(../images/sub/sub0101_visual03.jpg);/* background-attachment: fixed; */background-size: cover;background-position: center;}
.sub0103_wrap .con01 .inner{display: flex;gap:100px 0;flex-wrap:wrap; }
.sub0103_wrap .txt{width: 50%;}
.sub0103_wrap .txt:nth-child(1){width: 100%;}
.sub0103_wrap .txt p{font-size: 20px;font-weight: 700;opacity: .7;margin-bottom: 35px;}
.sub0103_wrap .txt strong{font-size: 35px;word-break: keep-all;line-height: 1.3;}


/* sub0202_wrap */
.sub0202_wrap .sub_visaul .inner{background: url(../images/sub/sub0202_visual01.jpg);/* background-attachment: fixed; */background-size: cover;background-position: center;}
.sub0202_wrap .con01 .inner{display: flex;align-items: flex-start;flex-wrap:wrap;gap:30px;}
.sub0202_wrap .con01 .tit{width: 100%;font-size: 45px;line-height: 60px;font-weight: 700;}
.sub0202_wrap .con01 .tit br{display: none;}
.sub0202_wrap .con01 .con_box{width: 100%;word-break: keep-all; }
.sub0202_wrap .con01 .con_box .txt_box{margin-bottom: 65px;}
.sub0202_wrap .con01 .con_box .txt_box p{font-size: 20px;font-weight: 500;line-height: 32px;margin-bottom: 35px;}
.sub0202_wrap .con01 .con_box .txt_box span{font-size: 15px;font-weight: 500;line-height: 28px;color: #454545;}
.sub0202_wrap .con01 .con_box .txt_box span br{display: block;}
.sub0202_wrap .con01 .con_box ul{display: flex;flex-wrap:wrap;gap:50px 20px;}
.sub0202_wrap .con01 .con_box ul li{width: calc((100% - 20px)/2);}
.sub0202_wrap .con01 .con_box ul li .img_box{border-radius: 20px;overflow:hidden;margin-bottom: 30px;}
.sub0202_wrap .con01 .con_box ul li .img_box img{width: 100%;transition: .4s;}
.sub0202_wrap .con01 .con_box ul li:hover .img_box img{transform: scale(1.1);}
.sub0202_wrap .con01 .con_box ul li .txt p{font-size: 17px;font-weight: 700;color: var(--ma_c01);line-height: 1.2;}
.sub0202_wrap .con01 .con_box ul li .txt strong{display: block;margin: 5px 0 27px;font-size: 23px;}
.sub0202_wrap .con01 .con_box ul li .txt span{font-size: 14px;font-weight: 500;color: #333;line-height: 1.3;}


/* sub0301_wrap */
.sub0301_wrap .con03 .box_wrap{display: flex;align-items: center;justify-content: center;height: 400px;border-radius: 20px;gap:45px;background: #f2f9ff;}
.sub0301_wrap .con03 .box_wrap .txt_box{position: relative;display: flex;align-items: center;justify-content: center; width: 265px;height: 265px;border-radius: 50%;background: #6a99f3;border: 15px solid #fff;box-sizing: border-box;}
.sub0301_wrap .con03 .box_wrap .txt_box:before{content:'';position: absolute;width: 205px;height: 205px;top: 50%;left: 50%;transform: translate(-50% , -50%);background: #104ec4;border-radius: 50%;}
.sub0301_wrap .con03 .box_wrap .txt_box .txt{position: relative;z-index: 5;text-align: center;line-height: 30px;font-weight: 700;color: #fff;font-size: 20px;}
.sub0301_wrap .con03 .box_wrap ul li{display: flex;flex-direction: column;justify-content: center; width: 320px;height: 130px;border: 4px solid #c5dbff;background: #fff;border-radius: 20px;margin-bottom: 20px;padding-left: 35px;}
.sub0301_wrap .con03 .box_wrap ul li:last-child{margin-bottom: 0;}
.sub0301_wrap .con03 .box_wrap ul li span{color: #04356e;font-size: 16px;font-weight: 700;}
.sub0301_wrap .con03 .box_wrap ul li p{font-size: 23px;font-weight: 700;margin-top: 15px;}


/* sub0302_wrap */
.sub0302_wrap{word-break: keep-all; }
.sub0302_wrap .sub_visaul .inner{background: url(../images/sub/sub0302_visual01.jpg);/* background-attachment: fixed; */background-size: cover;background-position: center;}
.sub0302_wrap .con .txt01{font-size: 24px;font-weight: 500;line-height: 32px;margin-bottom: 60px;}
.sub0302_wrap .con02 .txt01:nth-child(1){margin-bottom: 30px;}
.sub0302_wrap .con01 ul li{display: flex;align-items: center;gap:30px;margin-bottom: 30px;}
.sub0302_wrap .con01 ul li:last-child{margin-bottom: 0;}
.sub0302_wrap .con01 ul li img{width: 90px;}
.sub0302_wrap .con01 ul li .txt{width: calc(100% - 120px);}
.sub0302_wrap .con01 ul li .txt span{display: block; font-size: 18px;font-weight: 700;color: #04356e;}
.sub0302_wrap .con01 ul li .txt strong{display: block; font-size: 24px;font-weight: 700;margin: 5px 0 17px;}
.sub0302_wrap .con01 ul li .txt p{font-size: 16px;font-weight: 700;color: #454545;}

.sub0302_wrap .con02 ul{display: flex;gap:10px;}
.sub0302_wrap .con02 ul li{width: calc((100% - 20px)/3);border-radius: 20px;background: #f2f9ff;padding: 20px;height: 300px;}
.sub0302_wrap .con02 ul li img{width: 70px;}
.sub0302_wrap .con02 ul li p{font-size: 23px;font-weight: 700;color: #04356e;margin: 20px 0 15px;}
.sub0302_wrap .con02 ul li span{font-size: 15px;font-weight: 500;line-height: 28px;color: #454545;}

}