@charset "utf-8";


/* root */
:root{
	--c-01:#1c2d63;
}

/* common */
.container_title {position:relative; text-align:center;font-size:40rem;line-height:1;letter-spacing:-1.5px;font-weight:600;padding-bottom:30rem;margin:5rem 0 60rem 0;color:#262626;}

.tit01 { position: relative; padding-top:20rem; margin: 0 0 40rem;font-size:30rem;font-weight: 600;color: #222;line-height: 1; text-align:center; } 
.tit01:before {content: ""; display:block; margin:10rem auto; width:44rem; height:44rem; background:url("../img/sub/symbol.png") center top no-repeat; background-size:100%;}
.tit02 { display:inline-block; position: relative;margin: 0rem 0 20rem; padding:10rem 40rem; font-size:18rem; background:#29803a; border-radius:50rem;  font-weight: 600;color:#fff;line-height: 1;} 

.subtable { width:100%; margin:20rem 0;border-top:1px solid #333; }
.subtable thead th{background:#fbfbfb; padding:15rem 5rem; border-left:1rem solid #ddd; border-bottom:1rem solid #ddd; color:#666; }
.subtable tbody th {text-align:center; background:#f5f5f5; color:#333;  font-weight:500; padding:15rem 0; width:20%; border:1px solid #ddd;}
.subtable tbody td {word-break: keep-all; font-size:16rem; border-bottom:1px solid #f7f7f7; padding:15rem 5rem; background:#fff; line-height:1.5; color:#35363a; text-align:center; font-weight:400; letter-spacing:-0.03em; border:1px solid #ddd;}
.subtable tbody td.t_left{text-align:left;}

#contents {overflow: hidden;position:relative;padding: 30rem 0 0;}
#contents p {word-break:keep-all;}

/* 서브비주얼 */
#sub_visual{margin-top:100rem; position:relative;height:470rem;background-color:#000;background-size:cover;background-position:60%;text-align:center;}
#sub_visual h2{font-weight:600; font-size:50rem; color:#fff; animation:up .5s .2s forwards; padding-top:200rem; }
#sub_visual p{color:#fff; font-weight:300; position:relative;line-height:1.5;padding: 10rem 0 15rem 0;font-size:20rem;letter-spacing:-.5px;}

#sub_visual_pgae{margin-top:100rem; position:relative;height:500rem;background-color:#000;background-size:cover;background-position:60%;text-align:left;display: flex;align-items: center;}
#sub_visual_pgae h2{font-weight:800; font-size:50rem; color:#fff; animation:up .5s .2s forwards;}
#sub_visual_pgae p{color:#fff; font-weight:300; position:relative;line-height:1.5;padding: 10rem 0 15rem 0;font-size:20rem;letter-spacing:-.1px;}


/* 서브 상단 이미지 */
#sub_visual.sub10{background-image:url(../img/sub/sub01_top.jpg) }
#sub_visual.sub20{background-image:url(../img/sub/sub02_top.jpg) }
#sub_visual.sub30{background-image:url(../img/sub/sub03_top.jpg) }
#sub_visual.sub40{background-image:url(../img/sub/sub04_top.jpg) }
#sub_visual.sub40{background-image:url(../img/sub/sub04_top.jpg) }
#sub_visual.sub50{background-image:url(../img/sub/sub05_top.jpg) }
.cont-top{margin-bottom:50rem;}
.cont-top > img{width:100%;}
/* snb */
#left_area{float:none; width:100%; margin-top:0px;}
#snb {position:absolute; text-align:center; bottom:-20rem; left:50%; transform:translateX(-50%);}

.left_snb{display: flex; align-items: center; justify-content: center;   padding:18rem 50rem 20rem; width:1400rem; height:80rem; text-align:center; border-radius: 0 0 60rem 60rem;}
.left_snb h3 {float:left; font-size:20rem; font-weight:800; color:#333; padding-top:17rem; margin-right:30rem;}
.left_snb h3:after {content: ""; position:absolute; width:1rem; height:15rem; background:#e5e5e5; text-align:left; margin-left:25rem; margin-top:7rem;}
.left_snb ul {background:#fff; padding:0 60rem; }
.left_snb li {display:inline-block; letter-spacing:-.5px; }
.left_snb li:first-child a:after{display:none;}
.left_snb li a{padding:16rem 25rem;font-size:18rem;color:#525252;font-weight:600;text-align:center;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;}
.left_snb li.on a {border-top:7rem solid #1b1565; color:#1b1565; }


/* 
* discription: 사이트 복사시 지우고 사용하는 custom 영역
*/


@media (max-width:860px) {
	#sub_visual{height:250rem; margin-top:80rem;}
	#sub_visual h2{font-size:22rem;}
	#sub_visual p{font-size:16rem}

	#sub_visual_pgae{height:250rem; margin-top:80rem;}
	#sub_visual_pgae h2{font-size:22rem;}
	#sub_visual_pgae p{font-size:16rem}


	#contents {padding: 0rem 0 0;}

	.container_title {font-size:25rem; padding-bottom:0rem;}

}

@media (max-width:540px) {
	body {font-size:14rem}

	#sub_visual{height:180rem}
	#sub_visual h2{font-size:25rem}
	#sub_visual p{font-size:14rem}

	#sub_visual_pgae{height:180rem}
	#sub_visual_pgae h2{font-size:25rem}
	#sub_visual_pgae p{font-size:14rem}

	.tit01{margin:0 0 15rem; font-size:20rem;}
	.tit01:before {width:35rem; height:35rem;}
	.tit01::after {left: 51%;} 
	.tit02{margin:20rem 0 10rem; font-size:17rem}
	.add{margin:-5rem 0 10rem;}
	.cont-box{margin-bottom:30rem}
	
	.subtable thead th,
	.subtable tbody td,
	.subtable tbody th{line-height:1.5; padding:5rem; font-size:12rem;}

	#contents{padding:0rem 0 0}

}

/*end 사이트 복사시 지우고 사용하는 custom 영역 */



.tour_con01{padding:50rem 0rem 50rem;}
.tour_con01 .img_box {overflow:hidden; position:relative; }
.tour_con01 .img_box li {padding:0; }
.tour_con01 .img_box span.arrow {position:absolute; z-index:2; cursor:pointer; }
.tour_con01 .img_box span.arrow.prev {left:3%; top:50%; }
.tour_con01 .img_box span.arrow.next {right:3%; top:50%; }
.tour_con01 .img_box img{width:100%;}
.tour_con01 .thumb_box {overflow:hidden; margin-top:10rem; }
.tour_con01 .thumb_box li {background-color:#000; cursor:pointer; margin-right:10rem; }
.tour_con01 .thumb_box li:last-child {margin-right:0rem; }
.tour_con01 .thumb_box img {width:100%; opacity:0.4; }
.tour_con01 .thumb_box li.swiper-slide-thumb-active img {opacity:1; }

@media all and (max-width:1000px){
	.tour_con01 .img_box span.arrow {padding:0 20rem;}
	.tour_con01 .img_box span.arrow img {width:auto; max-height:30rem; }
	.tour_con01 .img_box span.arrow.prev {left:0; top:40%; }
	.tour_con01 .img_box span.arrow.next {right:0; top:40%; }
	.tour_con01 .thumb_box {overflow:hidden; margin-top:10px; }
}


.hurricane-regular {
  font-family: "Hurricane", cursive;
  font-weight: 400;
  font-style: normal;
}


.sec01{padding:0rem 0 50rem; word-break: keep-all;}
.sub_tit {position:relative; text-align:center; padding:50rem 0 80rem; letter-spacing:-.5px; }
.sub_tit i {position:absolute; text-align:center; left:50%; transform:translateX(-50%); font-size:70rem; color:#eee; font-family: "Hurricane", cursive; z-index:-1; }
.sub_tit h4 {font-size:30rem; color:#161616; font-weight:800; margin-bottom:10rem; z-index:1; margin-top:60rem; }
.sub_tit h5 {font-size:20rem; color:#525252; font-weight:500; }
.sec01 .item{display:flex;align-items:center;}
.sec01 .item:nth-child(odd){flex-direction:row-reverse;}
.sec01 .item + .item{padding-top:100px;}
.sec01 .item .txt{width:calc(65% - 20px);padding-right:5vw;}
.sec01 .item:nth-child(odd) .txt{padding-left:5vw;padding-right:0;}
.sec01 .item .txt .tt{}
.sec01 .item .txt .tt h3 {font-size:25rem; font-weight:800; padding-bottom:30rem; letter-spacing:-.5px; }
.sec01 .item .txt .tt h3 span {display:block; color:#1b1464;}
.sec01 .item .txt .tt p {font-size:18rem; font-weight:400; color:#525252; letter-spacing:-.5px; line-height:1.8;}
.sec01 .item .pic{width:calc(35% + 20px);height:700rem;overflow:hidden;}
.sec01 .item .pic img{display:block;width:100%;height:100%;object-fit:cover;}

@media all and (max-width: 1800px) {
    
    .sec01 .item .txt{width:60%;}
    .sec01 .item .pic{width:40%;}
}
@media all and (max-width: 1023px) {
    .sub_tit i {font-size:40rem;}
    .sub_tit h4 {font-size:20rem; margin-top:35rem; }
    .sub_tit h5 {font-size:16rem;}
    .sec01 .item{display:block;}
    .sec01 .item + .item{padding-top:50px;}
    .sec01 .item .txt{width:100%;text-align:center;padding:0 0 20px;}
	.sec01 .item .txt .tt h3 {font-size:18rem;}
	.sec01 .item .txt .tt p {font-size:15rem;}
    .sec01 .item .pic{width:100%;height:auto;}
    .sec01 .item .pic img{max-width:450px;margin:0 auto;height:auto;object-fit:unset;}
}


.location {margin-bottom:50rem;}
.location .map {position:relative}
.location .map .map_box {border-radius:20px;width:1080px;margin:0 auto;height:264px;background-image: linear-gradient(to right, #25768e, #1b1565);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:16px 16px 20px rgba(115, 157, 174, 0.56);margin-top: -140px;position: relative; z-index:10;}
.location .map .map_box .add {line-height:1.4; color:#fff; font-weight:500; font-size:20rem; }
.location .map .map_box .info {margin:10px 0px 25px; line-height:1.2; font-weight:200; display:flex; color:#fff; font-size:16rem;}
.location .map .map_box .info .tel {margin-right:20px; color:#fff; padding-top:20rem; }
.location .map .map_box .info .tel span{margin-right:5px; font-weight:500; color:#fff; }
.location .map .map_box .info .mail {color:#fff; padding-top:20rem; }
.location .map .map_box .info .mail span{margin-right:5px; font-weight:500; color:#fff}

.location .map .map_add{height:600px; }
.location .map .map_add > .map{width:100%; height:100%;}
.location .map .map_add > .map .wrap_map{height:100% !important;}

.location .map .map_box .naver {}
.location .map .map_box .naver a {border:2px solid #ffffff; border-radius:30px; padding:11px 30px ;display:flex; align-items:center; gap:10px; color:#fff; font-weight:500}
.location .map .map_box .naver a:hover {background:#fff; color:#151515; transition:all ease-in-out 0.3s}

.location .info{margin-top:30rem;border-top:1px solid #ddd;}
.location .info li{display:flex; padding:40px 60px; align-items:center; gap:100px; border-bottom:1px solid #ddd;}
.location .info li .icon{flex-shrink:0;}
.location .info li .tit{font-weight:600; margin-bottom:15px;}
.location .info li p{font-weight:500;line-height:1.7;  }
.location .info li p span{color:#555;font-weight:400; }
.location .info li p.tdi{/*text-indent:-11px; margin-left:11px;*/}
.location .dot {position:relative;padding-left:15px;}
.location .dot span {position:absolute;left:0;}

@media screen and (max-width: 1540px){
	.location .map .map_box { bottom:0;margin:-140px auto 100px; width:80%;}
	.location .info li {padding:20px 30px;gap:50px;}
	.location .info li .icon img {width:150px;}
	.location .info li .txt {width:calc(100% - 200px);}
}
@media screen and (max-width: 1023px){
	.location .map_img{margin-bottom:80px;}
	.location .map .map_box {margin-bottom:50px;}
	.location .info li {padding:20px 0;gap:20px;}
	.location .info li .icon img {width:100px;}
	.location .info li .txt {width:calc(100% - 120px);}
	.location .map .map_box .add {font-size:18rem;}
}
@media screen and (max-width: 640px){
	.location .map .map_box .info {flex-direction:column;}
	.location .map .map_box .info .tel {margin-right:20px; padding-top:20rem; font-size:15rem;}
	.location .map .map_box .info .mail {padding-top:10rem; font-size:15rem;}
	.location .map .map_box .add {font-size:15rem; }
}
@media screen and (max-width:480px){
	.location .map_img{margin-bottom:60px;}
	.location .map .map_box {width:90%;padding:0 20px;}
	
}
@media screen and (max-width: 400px){
	.location .info li {flex-direction: column;}
	.location .info li .icon img {width:100%;}
	.location .info li .txt {width:100%;}
	
}


.job_introduction{}
.job_introduction .scon{margin-bottom:150px;}
.job_introduction .scon:last-of-type{margin-bottom:0;}
.job_introduction .scon .bg{width: 100%; height: 450px; background-size:cover !important;}
.job_introduction .scon .bg01{background:url(../img/sub/insurance_img.jpg) 50% 50% no-repeat; }
.job_introduction .scon .ctn{max-width: 1200px; margin: -100px auto 0;}
.job_introduction .scon .ctn > .txt{background: #fff; text-align: center; padding-top: 100px;}
.job_introduction .scon .ctn > .txt h5{font-size:30rem; font-weight:bold; color: #222; margin-bottom:20px;}
.job_introduction .scon .ctn > .txt p{font-weight:400; font-size:18px; color: #222; line-height: 1.7;}
.job_introduction .scon .ctn > .txt p span{font-weight:600; color: #222;}
.job_introduction .scon .ctn .list{display:flex; flex-wrap:wrap; margin-top: 36px;}
.job_introduction .scon .ctn .list .item{width: calc((100% - 39px) / 2); margin-right: 13px; box-sizing:border-box; border:1px solid #eeeeee; text-align: center; padding: 55rem 20rem; border-radius:15px}
.job_introduction .scon .ctn .list .item:last-of-type{margin-right: 0;}
.job_introduction .scon .ctn .list .item figure{}
.job_introduction .scon .ctn .list .item .txt{}
.job_introduction .scon .ctn .list .item .txt h4{font-weight:600; font-size:25rem; color: #222; margin: 20rem 0;}
.job_introduction .scon .ctn .list .item .txt p{font-size:16rem; color: #222; line-height: 1.5;}

.job_introduction .scon02 .ctn .list .item{width: calc((100% - 84px) / 3); margin-right: 42px;}

@media screen and (max-width: 1200px){
	.job_introduction{padding: 100px 0;}
	.job_introduction .scon{margin-bottom:100px;}
	.job_introduction .scon .bg{height: 350px;}
	.job_introduction .scon .bg01{margin-top: 40px;}
	.job_introduction .scon .ctn{box-sizing:border-box; padding: 0 16px;}
	.job_introduction .scon .ctn > .txt{padding-top: 80px;}
	.job_introduction .scon .ctn > .txt h5{font-size:22rem; }
	.job_introduction .scon .ctn .list{flex-wrap:wrap;}
	.job_introduction .scon .ctn .list .item{width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom:20px;}
	.job_introduction .scon .ctn .list .item:nth-of-type(2n){margin-right: 0;}
	.job_introduction .scon .ctn .list .item .txt h4{margin: 24px 0;}

}


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

	.job_introduction{padding: 80px 0;}
	.job_introduction .scon .bg{height: 280px;}
	.job_introduction .scon .ctn > .txt{padding: 0 16px;}
	.job_introduction .scon .ctn > .txt{padding-top: 50px;}
	.job_introduction .scon .ctn > .txt p br{display:none; }
	
	
}

@media screen and (max-width: 800px){
	.job_introduction .scon .ctn > .txt h4{font-size:25rem; margin-bottom:12px;}
	.job_introduction .scon .ctn > .txt p{font-size:16px;}
	.job_introduction .scon .ctn .list .item{width:100%; margin-right: 0px; margin-bottom:20px;}
	.job_introduction .scon .ctn .list .item .txt h4{font-size:20px; margin: 16px 0;}
	.job_introduction .scon .ctn .list .item .txt p{font-size:16px;}
	
}

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

	.job_introduction .scon .ctn .list{justify-content:center}
	.job_introduction .scon .ctn .list .item{padding: 30px 12px;}
	.job_introduction .scon .ctn .list .item .txt p br{display:none; }

}

.sec_process {padding:50rem 0;}
.sec_process .con{position:relative;display:flex;justify-content:center;gap:20rem; margin-top:30rem; }
.sec_process .con:before{content:'';position:absolute;z-index:-1;top:7px;left:0;display:block;width:100%;height:1px;background:#333;}
.sec_process .item{width:31%;max-width:540px;text-align:center;}
.sec_process .item i{display:block;width:15px;aspect-ratio:1;margin:0 auto 50px;border-radius:50%;background:#1b1565;}
.sec_process .item h6{font-size:20rem;font-weight:600;line-height:140%;color:#000; letter-spacing:-1px; }
.sec_process .item p{font-size:18rem;color:#fff; background:#1b1565; border-radius:50px; padding:5rem 0; margin-top:20rem; }
.sec_process .item p b{font-size:inherit;font-weight:600;color:inherit;}

@media all and (max-width: 1023px) {
    .sec_process .con{flex-direction:column;gap:40px;}
    .sec_process .con:before{top:0;left:20px;width:1px;height:100%;}
    .sec_process .item{display:flex;align-items:center;gap:20px;width:100%;max-width:unset;padding-left:15px;text-align:left;}
    .sec_process .item i{width:10px;margin:0;}
    .sec_process .item h6{font-size:18rem;}
    .sec_process .item p{font-size:15rem; text-align:center;}
}

.sub_con {text-align:center; }
.sub_con h3 {font-size:30rem; font-weight:600; letter-spacing:-1px; margin-bottom:20rem; }
.sub_con h3:before {content: ""; display:block; margin:15px auto; width:50rem; height:50rem; background:url("../img/sub/symbol.png") center top no-repeat; background-size:100%;}

@media all and (max-width: 1023px) {
    .sub_con h3 {font-size:22rem; }
}

.main_con{padding:80rem 0;overflow-X:hidden;}
.main_con *{font-size:20px;font-weight:400;letter-spacing:-0.04em;color:#222;word-break:keep-all;box-sizing:border-box;}
.main_con .wrap{max-width:73%;margin:0 auto;}
.main_con .tt{padding-bottom:50px;}
.main_con .tt i {display:block; margin-bottom:20rem;}
.main_con .tt em{display:block;padding-bottom:20px;font-family:'MaruBuri';letter-spacing:0.2em;opacity:0.2; font-style:normal;}
.main_con .tt h3{font-size:4em;line-height:140%;font-family:'MaruBuri';letter-spacing:-0.02em;}
.main_con .tt h3 b{font-size:inherit;font-weight:inherit;font-family:inherit;letter-spacing:inherit;color:var(--bright) !important;}
.main_con .tt h4{font-size:35rem;font-weight:600;line-height:140%;}
.main_con .tt h4 b{font-size:inherit;font-weight:inherit;color:var(--bright);}

.main_con .tt p{font-size:17rem; letter-spacing:-.5px; padding-top:24px;font-weight:400;}
.main_con .tt p + p{padding-top:10px;}
.main_con .tt p b{font-size:inherit;}
.main_con p{line-height:160%;}

.main_con .taC{text-align:center;}
.main_con .wht *{color:#fff !important;}
.main_con .monly{display:none;}
.main_con b{font-weight:700;}

@media all and (max-width: 1700px) {
    .main_con .wrap{max-width:90%;}
}
@media all and (max-width: 1024px) {
    
    .main_con{padding:70px 20px;}
    .main_con *{font-size:15px;}
    .main_con .wrap{max-width:100%;}
    .main_con .tt{padding-bottom:34px;}
    .main_con .tt em{padding-bottom:14px;font-size:15rem;}
    .main_con .tt h3{font-size:35rem;}
    .main_con .tt h4{font-size:25rem;}
    .main_con .tt h3 + h4{padding-top:0px;}
    .main_con .tt p{padding-top:16px;font-size:15rem;}

}
@media all and (max-width: 375px) {
    
    .main_con *{font-size:14px;}
}

:root {
  --dark:#134381;
  --bright:#1b1565;
}

.sec_service{background:url(../img/sub/symbol_bg.jpg) no-repeat left center/auto 100%;}
.sec_service .wrap {margin-bottom:50rem;}
.sec_service .wrap:last-child {margin-bottom:0rem;}
.sec_service .con{display:flex;justify-content:space-between;align-items:center;}
.sec_service .con .tt{min-width:400rem;padding-bottom:0;}
.sec_service .con .five{width:60%;max-width:900rem;}
.sec_service .con .five dl{display:flex;align-items:center;padding:22px 0;border-bottom:1px solid #e7e7e7;}
.sec_service .con .five dt{width:200rem;font-size:20rem;font-weight:700;color:var(--bright);}
.sec_service .con .five dd{font-size:18rem;font-weight:400;color:#333;}

@media all and (max-width: 1200px) {
    
    .sec_service .con{display:block;}
    .sec_service .con .five{width:100%;padding-top:40px;}
}
@media all and (max-width: 1023px) {
    
    .sec_service{background:url(../img/sub/symbol_bg_m.jpg) no-repeat 30% bottom/cover;}
    .sec_service .con .five{padding-top:20px;}
    .sec_service .con .five dl{padding:14px 0;}
    .sec_service .con .five dt{font-size:18rem;}
    .sec_service .con .five dd{font-size:15rem;}
}

@media all and (max-width: 900px) {
    
    .sec_service .con .five{padding-top:20px;}
    .sec_service .con .five dl{align-items: flex-start;flex-direction:column; padding:14px 0;}
    .sec_service .con .five dt{width:auto; margin-bottom:10rem; }
    .sec_service .con .five dd{font-size:15rem;}
}


.mar50 {margin-bottom:50rem;}


.sec_reco {margin-top:50rem;}
.sec_reco .wrap {    display: flex;    align-items: center;    justify-content: space-between;    gap: 80px;  }
.sec_reco .tt {    flex-shrink: 0;  }
.sec_reco .tt em{display:block;padding-bottom:0px;font-family:'MaruBuri';letter-spacing:0.2em;opacity:0.2; font-style:normal;}
.sec_reco .tt h4 {font-size:30rem; font-weight:600; padding-left:20rem; }
.sec_reco .con {    width: 80%;    max-width: 1000px;  }
.sec_reco .con ol {    border: 1px solid #1b1565;    border-radius: 10px;    padding: 30px 50px;  }
.sec_reco .con ol li {word-break: keep-all;    display: flex;    align-items: center;    gap: 16px;    padding: 15rem 0;    line-height: 130%;  }
.sec_reco .con ol li + li {    border-top: 1px solid #cccccc;  }
.sec_reco .con ol li b {    font-weight: 700;    letter-spacing: 0.03em;    color: #1b1565;    font-size: 20rem;  }

@media all and (max-width: 1200px) {
    .sec_reco .wrap {      flex-direction: column;      align-items: flex-start;      gap: 0px;    }
    .sec_reco .con {      width: 100%;      max-width: 100%;    }
}

@media all and (max-width: 1023px) {
    .sec_reco .tt h4 {font-size:22rem;}
	.sec_reco .con {margin-top:20rem;}
	.sec_reco .con ol {      padding: 10px 15px;    }
	.sec_reco .con ol li b {   font-size: 16rem;  }
    .sec_reco .con ol li {      gap: 18px;      padding: 15px 0;      font-size: 14rem;    }
}



.sec_04{background:url(../img/sub/process_bg.jpg) center top no-repeat; margin-top:50rem; overflow-y: hidden;}
.sec_04 .con{display:flex;justify-content:center;gap:50px;}
.sec_04 .con > div{position:relative;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:10px;width:300rem;min-height:180rem;}
.sec_04 .con > div:after{content:'';position:absolute;top:calc(50% - 13px);right:-35px;display:block;width:25rem;height:25rem;background:url(../img/main/arr.png) no-repeat center center /contain;}
.sec_04 .con > div:last-child:after{display:none;}
.sec_04 .con dl{text-align:center;}
.sec_04 .con dt{font-size:18rem;font-weight:700; color:#1b1565; }
.sec_04 .con dd{font-size:22rem;padding-top:14px;font-weight:700;}

@media all and (max-width: 1023px) {
    .sec_04 .con{gap:40px;flex-direction:column;}
    .sec_04 .con > div{width:100%;min-height:unset;padding:28px 20px;}
    .sec_04 .con > div:after{transform:rotate(90deg);top:unset;bottom:-34px;right:calc(50% - 9px);}
    .sec_04 .con dt{font-size:16rem;}
    .sec_04 .con dd{padding-top:8px; font-size:18rem; }
}


.has-bar{display:block;position:relative}
.has-bar::before{content:"";position:absolute;top:11rem;left:0;width:5rem;height:25rem;background-image:linear-gradient(#1b1565 50%, #306aa1 50%)}

@media(max-width: 800px){
    .has-bar::before{top:7rem; height:20rem}
}