@charset "UTF-8";
/*-------------------------------------------------------------------
    컨텐츠 제목
-------------------------------------------------------------------*/
/* 공통 */
/* #txt >div {display: block; width: 100%; padding: 12rem 0 18rem;} */
.inner {display: block; font-family: 'Pretendard';}
.sub_tit {display: block; color: #000; font-size: 4.4rem; text-align: center;}
.sub_tit strong {font-weight: 700;}
.inner_tit {margin-bottom: 3rem; color: #F39800; font-size: 2.4rem;}
.mid_tit {display: flex; margin-top: 8rem; color: #151515; font-size: 3.6rem; font-weight: 700;} 
.mid_tit::after {content: ""; display: inline-block; width: 1.4rem; height: 1.2rem; background: url(../../../images/site/kor/contents/02/mid-tit-icon.svg) no-repeat center / cover;}
.mid_txt {display: block; margin-top: 4rem; color: #000; font-size: 3.2rem;}
.mid_txt b {font-weight: 700;}

.sub_tit{display: block; position: relative; z-index: 1; margin-bottom: 6rem; color: #000; font-size: 4.4rem; font-weight: 500; line-height: 1.4;}
.sub_tit em{display: block; color: #F39800; font-size: 2.4rem; line-height: 1; font-weight: 400; margin-bottom: 2.4rem;}
@media screen and (max-width: 1440px){
    .sub_tit{font-size: 3.3rem;}
    .sub_tit em{font-size: 2rem; margin-bottom: 1.8rem;}
}
@media screen and (max-width: 1024px){
    .sub_tit{margin-bottom: 3rem; font-size: 2.8rem;}
    .sub_tit em{font-size: 1.8rem; margin-bottom: 1.4rem;}
}
@media screen and (max-width: 640px){
    .sub_tit{margin-bottom: 2rem; font-size: 2.6rem;}
    .sub_tit em{margin-bottom: 1rem;}
}

/*-------------------------------------------------------------------
    회사소개 > 인사말
-------------------------------------------------------------------*/
[data-content="01"]{}
[data-content="01"] .sub_tit{text-align: center;}
[data-content="01"] .sub_tit b{font-weight: 700;}
[data-content="01"] .desc{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; position: relative; left: 50%; width: 100vw; margin-top: 5rem; transform: translateX(-50%);}
[data-content="01"] .desc:before{content: "UM MOBILITY"; display: block; position: relative; width: 100%; min-width: 120rem; left: 50%; color: #FAFBFC; font-size: 18rem; font-weight: 900; line-height: 0.6; text-align: center; white-space: nowrap; transform: translateX(-50%);}
[data-content="01"] .desc .imgs{position: relative; z-index: 1; width: 48%; height: auto;}
[data-content="01"] .desc .imgs img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center;}
[data-content="01"] .desc .txts{position: relative; z-index: 1; width: 52%; padding: 12rem calc((100vw - 1680px) / 2) 8rem 8rem; color: #555; font-size: 2rem; font-weight: 400; line-height: 1.6; background-color: #F2F6FA;}
[data-content="01"] .desc .txts em{display: block; margin-top: 11.6rem; color: #000; font-weight: 700; font-size: 3rem;}

@media screen and (max-width: 1440px){
    [data-content="01"] .desc:before{font-size: 15rem;}
    [data-content="01"] .desc .txts{padding: 8rem calc((100vw - 1680px) / 2) 6rem 6rem; font-size: 1.9rem;}
    [data-content="01"] .desc .txts em{margin-top: 8rem; font-size: 2.8rem;}
}
@media screen and (max-width: 1024px){
    [data-content="01"] .sub_tit{font-size: 3rem;}
    [data-content="01"] .desc{display: block;}
    [data-content="01"] .desc:before{font-size: 13rem;}
    [data-content="01"] .desc .imgs{width: 100%; height: 50rem;}
    [data-content="01"] .desc .txts{width: 100%; padding: 4rem 2rem; font-size: 1.8rem;}
    [data-content="01"] .desc .txts em{margin-top: 4rem; font-size: 2.6rem;}
}
@media screen and (max-width: 640px){
    [data-content="01"] .desc{margin-top: 2.6rem;}
    [data-content="01"] .desc:before{font-size: 10rem;}
    [data-content="01"] .desc .imgs{height: 45rem;}
    [data-content="01"] .desc .txts{padding: 3rem 2rem;}
    [data-content="01"] .desc .txts em{margin-top: 3rem;}
}

/*-------------------------------------------------------------------
    회사소개 > 소개
-------------------------------------------------------------------*/
[data-content="02"]{}
[data-content="02"] .sub_tit{text-align: left;}
[data-content="02"] .box1{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; position: relative; padding-top: 6rem; min-height: calc(35.6rem + 6rem);}
[data-content="02"] .box1:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100vw; height: calc(100% + 31.8rem); left: 50%; background: linear-gradient(180deg, #F3F6F8 0%, #FFF 100%);  transform: translateX(-50%);}
[data-content="02"] .box1 .wr{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 7.6rem; position: relative; width: 100%;}
[data-content="02"] .box1 .wr .tt{display: block; position: absolute; top: 50%; left: 50%; z-index: 1; width: 35.6rem; height: auto; transform: translate(-50%,-50%);}
[data-content="02"] .box1 .wr .tt:before{content: ""; display: block; width: 100%; padding-top: 100%; border: 1px dashed rgba(0, 48, 108, 0.15); border-radius: 50%;}
[data-content="02"] .box1 .wr .tt span{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; width: calc(100% - 5.4rem); height: calc(100% - 5.4rem); font-size:  3.2rem; color: #FFF; font-weight: 600; line-height: 1.5; letter-spacing: -0.032rem; background: url(../../../images/site/kor/contents/01/cont02_img01.png) no-repeat center center / cover; box-shadow: 0 0 20px 0 rgba(0, 48, 108, 0.50); border-radius: 50%; transform: translate(-50%,-50%);}
[data-content="02"] .box1 .wr .dt{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; gap: 2.8rem;; width: calc((100% - 7.6rem) / 2); padding: 4.6rem 0; border-radius: 100rem 0 0 100rem;}
[data-content="02"] .box1 .wr .dt.um{justify-content: flex-end; padding-right: 20rem; background: linear-gradient(270deg, rgba(243, 152, 0, 0.2) 0%, transparent 100%)}
[data-content="02"] .box1 .wr .dt.a2z{padding-left: 20rem; background: linear-gradient(270deg, transparent 0%, rgba( 0, 48, 108, 0.15 )); border-radius: 0 100rem 100rem 0;}
[data-content="02"] .box1 .wr .dt strong{display: block; font-size: 10px;}
[data-content="02"] .box1 .wr .dt strong:before{content: ""; display: block; width: 9.4em; height: 7.4em; background: url(../../../images/site/kor/contents/01/cont02_img02.png) no-repeat center center / 100% auto;}
[data-content="02"] .box1 .wr .dt.a2z strong:before{width: 10.3em; height: 7em; background-image: url(../../../images/site/kor/contents/01/cont02_img03.png);}
[data-content="02"] .box1 .wr .dt strong span{position: absolute; top: -9999px; left: -9999px; font-size: 0;}
[data-content="02"] .box1 .wr .dt ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start;  gap: 1.2rem; width: 100%;}
[data-content="02"] .box1 .wr .dt.um ul{justify-content: flex-end;}
[data-content="02"] .box1 .wr .dt ul li{display: block; padding: 1rem 1.4rem; color: #151515; font-size: 1.6rem; font-weight: 500; line-height: 1.5; text-align: center; letter-spacing: -0.015rem; background-color: #fff; border-radius: 10rem; box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.04);}
[data-content="02"] .box2{position: relative; width: 100vw; left: 50%; margin-top: 6rem; transform: translateX(-50%);}
[data-content="02"] .box2 .tt{display: block; padding: 0 2rem; text-align: center; color: #151515; font-size: 3rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.03rem;}
[data-content="02"] .box2 .tt span{color: #00306C; font-weight: 700;}
[data-content="02"] .box2 .swiper{margin-top: 3rem;}
[data-content="02"] .box2 .swiper .swiper-wrapper{}
[data-content="02"] .box2 .swiper .swiper-wrapper .swiper-slide{overflow: hidden; position: relative; width: 1080px; border-radius: 1.2rem;}
[data-content="02"] .box2 .swiper .swiper-wrapper .swiper-slide:before{content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 77%, #000 100%)}
[data-content="02"] .box2 .swiper .swiper-wrapper .swiper-slide .imgs{position: relative; width: 100%; height: 0; padding-top: 41%;}
[data-content="02"] .box2 .swiper .swiper-wrapper .swiper-slide .imgs img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
[data-content="02"] .box2 .swiper .swiper-wrapper .swiper-slide strong{display: block; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; padding: 1rem; color: #FFF; font-size: 2rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.02rem; text-align: center;}
[data-content="02"] .box2 .controls{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1.4rem; margin-top: 4rem;}
[data-content="02"] .box2 .controls .prev,
[data-content="02"] .box2 .controls .next{display: block; position: relative; width: 1.4rem; height: 1.4rem; cursor: pointer;}
[data-content="02"] .box2 .controls .prev:before,
[data-content="02"] .box2 .controls .next:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../../images/site/kor/contents/01/cont02_img08.svg) no-repeat center center / 100% auto; transition: all 0.2s linear;}
[data-content="02"] .box2 .controls .prev:hover:before,
[data-content="02"] .box2 .controls .next:hover:before{background-image: url(../../../images/site/kor/contents/01/cont02_img07.svg);}
[data-content="02"] .box2 .controls .next:before{transform: rotate(180deg);}
[data-content="02"] .box2 .controls .page{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0.8rem; width: auto;}
[data-content="02"] .box2 .controls .page .swiper-pagination-bullet{opacity: 1; display: block; width: 1.2rem; height: 1.2rem; margin: 0; background-color: #D5D7D9; border-radius: 2rem; cursor: pointer; transition: all 0.2s linear;}
[data-content="02"] .box2 .controls .page .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 2.6rem; background-color: #E97800;}
[data-content="02"] .box3{margin-top: 12rem;}
[data-content="02"] .box3 ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 3rem;}
[data-content="02"] .box3 ul li{overflow: hidden; display: flex; justify-content: center; align-items: center; width: calc((100% - 3rem - 3rem) / 3); border-radius: 1.2rem; border: 1px solid #DEDEDE; text-align: center;}
[data-content="02"] .box3 ul li .imgs{padding: 3.8rem 2rem 0; background-color: #F6F6F6;}
[data-content="02"] .box3 ul li .imgs img{display: block; width: auto; max-width: 100%; margin: 0 auto; box-shadow: 0.4rem 0.2rem 1rem 0 rgba(0, 0, 0, 0.06);}
[data-content="02"] .box3 ul li .desc{padding: 2.4rem 2rem; text-align: center; color: #333; font-size: 1.8rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.018rem;}
[data-content="02"] .box3 ul li .desc b{display: block; color: #00306C; }

@media screen and (max-width: 1720px){
    [data-content="02"] .box1 .wr .dt.um{padding-right: 16rem;}
    [data-content="02"] .box1 .wr .dt.a2z{padding-left: 16rem;}
}
@media screen and (max-width: 1440px){
    [data-content="02"] .box1 .wr .tt span{font-size: 3rem;}
    [data-content="02"] .box1 .wr .dt{padding: 4rem 0; gap: 2rem;}
    [data-content="02"] .box1 .wr .dt strong{font-size: 9px;}
    [data-content="02"] .box1 .wr .dt ul{gap: 1rem;}
    [data-content="02"] .box1 .wr .dt ul li{font-size: 1.5rem;}
}
@media screen and (max-width: 1200px){
    [data-content="02"] .box2 .swiper .swiper-wrapper .swiper-slide{width: 840px;}
    [data-content="02"] .box2 .swiper .swiper-wrapper .swiper-slide .imgs{padding-top: 48%;}
    [data-content="02"] .box3 ul li .desc br {display: none;}
}
@media screen and (max-width: 1024px){
    [data-content="02"] .box1{padding-top: 3rem; min-height: calc(33rem + 3rem);}
    [data-content="02"] .box1 .wr .tt{width: 33rem;}
    [data-content="02"] .box1 .wr .dt{display: block; padding: 2.6rem 0;}
    [data-content="02"] .box1 .wr .dt.um{padding-right: 15rem; text-align: right;}
    [data-content="02"] .box1 .wr .dt.a2z{padding-left: 15rem;}
    [data-content="02"] .box1 .wr .dt strong{font-size: 7px;}
    [data-content="02"] .box1 .wr .dt.um strong:before{margin-left: auto; }
    [data-content="02"] .box1 .wr .dt ul{display: inline-flex; flex-direction: column; gap: 0.7rem; width: auto; margin-top: 1.6rem;}
    [data-content="02"] .box1 .wr .dt ul li{padding: 0.8rem 1rem;}
    [data-content="02"] .box2{margin-top: 4rem;}
    [data-content="02"] .box2 .tt{font-size: 2.6rem;}
    [data-content="02"] .box2 .swiper{margin-top: 2.4rem;}
    [data-content="02"] .box2 .swiper .swiper-wrapper .swiper-slide{width: 660px;}
    [data-content="02"] .box2 .swiper .swiper-wrapper .swiper-slide .imgs{padding-top: 52%;}
    [data-content="02"] .box2 .swiper .swiper-wrapper .swiper-slide strong{font-size: 1.8rem;}
    [data-content="02"] .box2 .controls{margin-top: 3rem; gap: 1rem;}
    [data-content="02"] .box2 .controls .page{gap: 0.6rem;}
    [data-content="02"] .box3{margin-top: 8rem;}
    [data-content="02"] .box3 ul{gap: 2rem;}
    [data-content="02"] .box3 ul li{width: calc((100% - 2rem - 2rem) / 3);}
    [data-content="02"] .box3 ul li .imgs{padding: 3rem 2rem 0;}
    [data-content="02"] .box3 ul li .desc{padding: 2rem; font-size: 1.7rem;}
    [data-content="02"] .box3 ul li .desc br {display: block;}
}
@media screen and (max-width: 940px){
    [data-content="02"] .box3 ul li .desc br {display: none;}
}
@media screen and (max-width: 840px){
    [data-content="02"] .box2 .swiper .swiper-wrapper .swiper-slide{width: 480px;}
    [data-content="02"] .box2 .swiper .swiper-wrapper .swiper-slide .imgs{padding-top: 62%;}
    [data-content="02"] .box3 ul{gap: 1.5rem;}
    [data-content="02"] .box3 ul li{width: calc((100% - 1.5rem - 1.5rem) / 3);}
    [data-content="02"] .box3 ul li .imgs{padding: 3rem 2rem 0;}
    [data-content="02"] .box3 ul li .desc{padding:  2rem 1.5rem; font-size: 1.6rem;}
}
@media screen and (max-width: 740px){
    [data-content="02"] .box1{min-height: calc(26rem + 3rem);}
    [data-content="02"] .box1 .wr{gap: 0;}
    [data-content="02"] .box1 .wr .tt{width: 26rem;}
    [data-content="02"] .box1 .wr .tt span{width: calc(100% - 4rem); height: calc(100% - 4rem); font-size: 2.8rem;}
    [data-content="02"] .box1 .wr .dt{width: 50%; padding: 1.8rem 0;}
    [data-content="02"] .box1 .wr .dt.um{padding-right: 15rem; border-radius: 0;}
    [data-content="02"] .box1 .wr .dt.a2z{padding-left: 15rem; border-radius: 0;}
    [data-content="02"] .box1 .wr .dt strong{font-size: 5.5px;}
    [data-content="02"] .box1 .wr .dt.um ul{gap: 0.5rem;}
    [data-content="02"] .box1 .wr .dt ul li{padding: 0.6rem 0.8rem;}
}
@media screen and (max-width: 640px){
    [data-content="02"] .box1{padding-top: 3rem;}
    [data-content="02"] .box1 .wr .dt.um{padding-right: 14.2rem; border-radius: 0;}
    [data-content="02"] .box1 .wr .dt.a2z{padding-left: 14.2rem; border-radius: 0;}
    [data-content="02"] .box2 .swiper .swiper-wrapper .swiper-slide{width: 314px;}
    [data-content="02"] .box3{margin-top: 6rem;}
    [data-content="02"] .box3 ul{gap: 1.75rem;}
    [data-content="02"] .box3 ul li{width: 100%;}
    [data-content="02"] .box3 ul li .imgs{padding: 3rem 2rem 0;}
    [data-content="02"] .box3 ul li .desc{padding: 2rem 1.5rem; font-size: 1.7rem;}
    [data-content="02"] .box3 ul li .desc br {display: block;}
}
@media screen and (max-width: 480px){
    [data-content="02"] .box1{min-height: auto; padding-top: 1rem;}
    [data-content="02"] .box1 .wr{flex-direction: column; align-items: center; gap: 0;}
    [data-content="02"] .box1 .wr .tt{width: 100%;}
    [data-content="02"] .box1 .wr .tt{position: relative; left: auto; top: auto; width: 100%; height: auto; padding: 1.25rem; border: 1px dashed rgba(0, 48, 108, 0.15); border-radius: 1rem; transform: translate(0,0);}
    [data-content="02"] .box1 .wr .tt:before{display: none;}
    [data-content="02"] .box1 .wr .tt span{position: relative; top: auto; left: auto; width: 100%; height: 100%; padding: 2rem 2rem; transform: translate(0,0); border-radius: 0.8rem; background-size: 120% auto; font-size: 2.4rem;}
    [data-content="02"] .box1 .wr .dt.um,
    [data-content="02"] .box1 .wr .dt.a2z{margin-top: 1.25rem; padding: 2.4rem 1.5rem;; width: 100%;}
    [data-content="02"] .box1 .wr .dt.um{background: linear-gradient(180deg, rgba(243, 152, 0, 0.2) 0%, transparent 100%);}
    [data-content="02"] .box1 .wr .dt.a2z{background: linear-gradient(0deg, #FFF 0%, rgba(0, 48, 108, 0.15) 100%)}
    [data-content="02"] .box1 .wr .dt strong{font-size: 4.5px;}
    [data-content="02"] .box1 .wr .dt strong:before,
    [data-content="02"] .box1 .wr .dt.um strong:before{margin: 0 auto;}
    [data-content="02"] .box1 .wr .dt ul,
    [data-content="02"] .box1 .wr .dt.um ul{display: flex; flex-direction: row; justify-content: center; width: 100%; }
    [data-content="02"] .box2 .swiper .swiper-wrapper .swiper-slide{width: 280px;}
    [data-content="02"] .box2 .swiper .swiper-wrapper .swiper-slide .imgs{padding-top: 68.25%;}
}

/*-------------------------------------------------------------------
    회사소개 > 연혁
-------------------------------------------------------------------*/
[data-content="03"]{position: relative; }
[data-content="03"]:before{content: ""; display: block; position: absolute; top: 0; left: 50%; width: 5px; height: 100%; background-color: #eee; transform: translateX(-50%);}
[data-content="03"] .bar{position: absolute; top: 0; left: 50%; width: 5px; background-color: #F39800; transition: all 0.2s linear; transform: translateX(-50%);}
[data-content="03"] .bar:before{content: ""; display: block; position: absolute; top: 100%; left: 50%; width: 3rem; height: 3rem; background: #F39800 url(../../../images/site/kor/contents/01/cont03_img03.svg) no-repeat center center / 100% auto; transform: translate(-50%,-50%); border-radius: 50%; box-shadow: 0 0 1rem rgba(243, 152, 0, 0.40);}
[data-content="03"] .years{max-width: 1380px; margin: 0 auto;}
[data-content="03"] .years >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 11rem;}
[data-content="03"] .years >li:nth-child(2n){flex-direction: row-reverse;}
[data-content="03"] .years >li:not(:first-child){margin-top: 11rem;}
[data-content="03"] .years >li >div{width: calc((100% - 11rem) / 2);}
[data-content="03"] .years >li .imgs{overflow: hidden; border-radius: 1.2rem;}
[data-content="03"] .years >li .imgs img{width: 100%; object-fit: cover; object-position: center center;}
[data-content="03"] .years >li .desc{padding-top: 6.2rem;}
[data-content="03"] .years >li:nth-child(2n) .desc{text-align: right;}
[data-content="03"] .years >li .desc strong{display: block; color: #00306C; font-size: 6rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.06rem;}
[data-content="03"] .years >li .desc ul{margin-top: 1.4rem;}
[data-content="03"] .years >li .desc ul li{position: relative; padding-left: 5.5rem; color: #555; font-size: 1.8rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.018rem;}
[data-content="03"] .years >li:nth-child(2n) .desc ul li{padding-left: 0; padding-right: 5.5rem;}
[data-content="03"] .years >li .desc ul li:not(:first-child){margin-top: 1.7rem;}
[data-content="03"] .years >li .desc ul li em{position: absolute; top: -0.25rem; left: 0; color: #151515; font-size: 2rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.02rem;}
[data-content="03"] .years >li:nth-child(2n) .desc ul li em{left: auto; right: 0;}
[data-content="03"] .years >li .desc .tips{margin-top: 2.1rem; color: #00306C; font-size: 1.6rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.016rem;}

@media screen and (max-width: 1200px){
    [data-content="03"] .years >li{gap: 8rem;}
    [data-content="03"] .years >li:not(:first-child){margin-top: 8rem;}
    [data-content="03"] .years >li >div{width: calc((100% - 8rem) / 2);}
    [data-content="03"] .years >li .desc{padding-top: 4rem;}
    [data-content="03"] .years >li .desc strong{line-height: 1;}
    [data-content="03"] .years >li .desc ul{margin-top: 2rem;}
    [data-content="03"] .years >li .desc ul li{padding-left: 4.5rem;}
    [data-content="03"] .years >li:nth-child(2n) .desc ul li{padding-left: 0; padding-right: 4.5rem;}
    [data-content="03"] .years >li .desc ul li:not(:first-child){margin-top: 1.4rem;}
}
@media screen and (max-width: 1024px){
    [data-content="03"]:before{width: 4px;}
    [data-content="03"] .bar{width: 4px;}
    [data-content="03"] .years >li:not(:first-child){margin-top: 6rem;}
    [data-content="03"] .years >li .desc strong{font-size: 5rem;}
    [data-content="03"] .years >li .desc ul li{font-size: 1.7rem;}
    [data-content="03"] .years >li .desc ul li em{ top: 0; font-size: 1.8rem;}
    [data-content="03"] .years >li .desc .tips{margin-top: 1.7rem;}
    [data-content="03"] .years >li .desc ul li:not(:first-child){margin-top: 1.2rem;}

    [data-content="03"] .years >li .desc ul li{padding-left: 4rem;}
    [data-content="03"] .years >li:nth-child(2n) .desc ul li{padding-left: 0; padding-right: 4rem;}
}
@media screen and (max-width: 840px){
    [data-content="03"] .years >li:not(:first-child){margin-top: 5rem;}
    [data-content="03"] .years >li .desc{padding-top: 3rem;}
    [data-content="03"] .years >li .desc strong{font-size: 4rem;}
    [data-content="03"] .years >li .desc ul li{font-size: 1.6rem;}
    [data-content="03"] .years >li .desc .tips{margin-top: 1.7rem;}
    [data-content="03"] .years >li .desc ul li:not(:first-child){margin-top: 1rem;}
}
@media screen and (max-width: 640px){
    [data-content="03"]:before{width: 3px;}
    [data-content="03"] .bar{width: 3px;}
    [data-content="03"] .bar:before{width: 2.6rem; height: 2.5rem;}
    [data-content="03"] .years >li{gap: 6rem;}
    [data-content="03"] .years >li >div{width: calc((100% - 6rem) / 2);}
    [data-content="03"] .years >li .desc{padding-top: 2rem;}
    [data-content="03"] .years >li:not(:first-child){margin-top: 4rem;}
    [data-content="03"] .years >li .desc strong{font-size: 3.5rem;}
    [data-content="03"] .years >li .desc ul{margin-top: 1.2rem;}
    [data-content="03"] .years >li .desc ul li:not(:first-child){margin-top: 0.8rem;}
    [data-content="03"] .years >li .desc ul li{padding-left: 3.5rem;}
    [data-content="03"] .years >li:nth-child(2n) .desc ul li{padding-left: 0; padding-right: 3.5rem;}
}
@media screen and (max-width: 540px){
    [data-content="03"]{padding-left: 2.5rem;}
    [data-content="03"]:before{left: 0;}
    [data-content="03"] .bar{left: 0;}
    [data-content="03"] .years >li{display: block;}
    [data-content="03"] .years >li >div{width: 100%;}
    [data-content="03"] .years >li:nth-child(2n) .desc{text-align: left;}
    [data-content="03"] .years >li:nth-child(2n) .desc ul li{padding-left: 3.5rem; padding-right: 0;}
    [data-content="03"] .years >li:nth-child(2n) .desc ul li em{left: 0; right: auto; }
}

/*-------------------------------------------------------------------
    회사소개 > 오시는길
-------------------------------------------------------------------*/
[data-content="04"]{position: relative; }
[data-content="04"]:before{content: "UM mobility"; position: absolute; top: -8rem; right: -6.3rem; color: rgba(9, 16, 47, 0.08); font-size: 10rem; font-weight: 600; line-height: 1; }
[data-content="04"] .map{overflow: hidden; position: relative; width: 100%; height: 53.8rem; border-radius: 1.2rem; background-color: #DDD;}
[data-content="04"] .map .boxs{position: absolute; top: 50%; left: 5rem; z-index: 1; width: 470px; padding: 3rem; color: #FFF; font-size: 1.8rem; font-weight: 400; line-height: 1.2; background-color: #00306C; color: #fff; border-radius: 1.2rem; transform: translateY(-50%);}
[data-content="04"] .map .boxs ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 1.4rem;}
[data-content="04"] .map .boxs ul li{width: 100%; position: relative; padding-left: 3.4rem; font-size: 1.8rem;}
[data-content="04"] .map .boxs ul li:before{content: ""; display: block; position: absolute; top: -0.2rem; left: 0; width: 2.4rem; height: 2.4rem; background: url(../../../images/site/kor/contents/01/cont04_img01.svg) no-repeat center center / 100% auto;}
[data-content="04"] .map .boxs ul li.call:before{background-image: url(../../../images/site/kor/contents/01/cont04_img02.svg);}
[data-content="04"] .map .boxs ul li a{display: inline-block;}
[data-content="04"] .map .boxs >a{display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 3rem; padding: 1.2rem 1.4rem; color: #00306C;; font-size: 1.8rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.018rem; background-color: #fff; border-radius: 1rem; transition: all 0.2s linear;}
[data-content="04"] .map .boxs >a:hover{background-color: #F39800; color: #000;}
[data-content="04"] .map .boxs >a:after{content: ""; display: block; width: 2rem; height: 2rem; background: url(../../../images/site/kor/contents/01/cont04_img03.svg) no-repeat center center / 100% auto; transition: all 0.2s linear;}
[data-content="04"] .map .boxs >a:hover:after{background-image: url(../../../images/site/kor/contents/01/cont04_img04.svg);}
[data-content="04"] .map #map{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media screen and (max-width: 1440px){
    [data-content="04"] .map .boxs{left: 4rem;}
}
@media screen and (max-width: 1024px){
    [data-content="04"]:before{display: none;}
    [data-content="04"] .map{height: auto;}
    [data-content="04"] .map #map{position: relative; height: 355px;}
    [data-content="04"] .map .boxs{width: 100%; padding: 2.5rem 2rem; position: relative; top: auto; left: auto; transform: translateY(0); border-radius: 0 0 1.2rem 1.2rem;}
    [data-content="04"] .map .boxs >a{margin-top: 2.5rem;}
}
@media screen and (max-width: 640px){
   /*[data-content="04"] .map #map{height: 210px;}*/
    [data-content="04"] .map .boxs{padding: 2rem;}
    [data-content="04"] .map .boxs ul{gap: 1.2rem;}
    [data-content="04"] .map .boxs ul li{font-size: 1.7rem;}
}

/*-------------------------------------------------------------------
    모빌리티 시스템 > 자율주행 평가 시뮬레이션
-------------------------------------------------------------------*/
[data-content="13"]{}
[data-content="13"] .sub_tit{text-align: left; margin-bottom: 0;}
[data-content="13"] .l1{display: flex; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; margin-top: 6rem;;}
[data-content="13"] .l1 li{display: flex;}
[data-content="13"] .l1 li:not(:last-child):after{content: ""; display: block; width: 5rem; height: 100%; background: url(../../../images/site/kor/contents/02/cont13_img05.svg) no-repeat center center / 3rem auto; flex-shrink: 0;}
[data-content="13"] .l1 li .ins{overflow: hidden; position: relative; border-radius: 1.2rem;}
[data-content="13"] .l1 li .ins img{display: block; width: 100%;}
[data-content="13"] .l1 li .ins strong{display: block; position: absolute; bottom: 0; left: 0; padding: 1rem; font-size: 1.6rem; font-weight: 600; color: #fff; background-color: #00306C; border-radius: 1rem;}
[data-content="13"] .tt{position: relative; display: block; margin-top: 2.4rem; padding-top: 3.5rem; text-align: center; color: #00306C; font-size: 2.4rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.024rem;}
[data-content="13"] .tt:before{content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 8.7rem; background: url(../../../images/site/kor/contents/02/cont13_img06.svg) no-repeat top center / auto 100%;}
[data-content="13"] .l2{display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 2rem; margin-top: 1.4rem;}
[data-content="13"] .l2 li{overflow: hidden; position: relative; border-radius: 1.2rem;}
[data-content="13"] .l2 li >strong{position: absolute; bottom: 0; left: 0; width: 100%; padding: 1rem 2.4rem; color: #FFF; font-size: 1.6rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.016rem;}
[data-content="13"] .l2 li >div{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 0.2rem; position: absolute; bottom: 1.6rem;right: 1rem;}
[data-content="13"] .l2 li >div span{display: block; padding: 0.4rem 0.8rem; color: #151515; font-size: 1.3rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.013rem; border: 1px solid #000; border-radius: 10rem; background-color: #fff; }
[data-content="13"] .box1 .l1 li{width: calc((100% + 3rem + 3rem + 3rem) / 3);}
[data-content="13"] .box1 .l1 li:last-child{width: calc((100% - 3rem - 3rem) / 3);}
[data-content="13"] .box2 .l1 li{width: calc((100% + 3rem + 3rem) / 2);}
[data-content="13"] .box2 .l1 li:last-child{width: calc((100% - 3rem) / 2);}
[data-content="13"] .l1 li .ins img{height: 100%;}
[data-content="13"] .box2{position: relative; margin-top: 12rem; padding: 12rem 0;}
[data-content="13"] .box2:before{content: ""; display: block; position: absolute; top: 0; left: 50%; z-index: -1; width: 100vw; height: 100%;  background-color: #F3F6F8; transform: translateX(-50%);}
[data-content="13"] .box2 .mid_tit{margin-top: 0;}
[data-content="13"] .box2 .l1 li:not(:last-child):after{background-image: url(../../../images/site/kor/contents/02/cont13_img20.svg);}
[data-content="13"] .box2 .l1 li:nth-child(2) strong{white-space: nowrap; transform: translate(-50%,-50%);}
[data-content="13"] .box2 .l1 li:nth-child(2) strong:nth-of-type(1){bottom: auto; left: auto; top: 15%; right: -1%;}
[data-content="13"] .box2 .l1 li:nth-child(2) strong:nth-of-type(2){bottom: 8%; left: auto; right: 0%;}
[data-content="13"] .box2 .tt:before{background-image: url(../../../images/site/kor/contents/02/cont13_img21.svg);}
[data-content="13"] .box3{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 0 5rem;}
[data-content="13"] .box3 .mid_tit{display: block; width: 100%;}
[data-content="13"] .box3 >div{width: calc((100% - 5rem) / 2); margin-top: 5rem;}
[data-content="13"] .box3 >div{width: calc((100% - 5rem) / 2); margin-top: 5rem;}
[data-content="13"] .box3 >div .b3_t{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0.4rem 1rem; width: 100%; margin-bottom: 1.2rem; color: #00306C; font-size: 2.4rem; font-weight: 700; line-height: 1.6; letter-spacing: -0.024rem; }
[data-content="13"] .box3 >div .b3_t a{display: block; margin-left: auto; padding: 1rem; color: #FFF; font-size: 1.6rem; font-weight: 600; letter-spacing: 0; line-height: 1.2; background-color: #00306C; border-radius: 1rem; transition: all 0.2s linear;}
[data-content="13"] .box3 >div .b3_t a:hover{background-color: #F39800; color: #000;}
[data-content="13"] .box3 .l{}
[data-content="13"] .box3 .l .pro{border-top: 1px solid #000;}
[data-content="13"] .box3 .l .pro ul{display: flex; flex-wrap:nowrap; justify-content: flex-start; align-items: stretch;}
[data-content="13"] .box3 .l .pro ul li{display: flex; justify-content: flex-start; align-items: center;}
[data-content="13"] .box3 .l .pro ul li:not(:last-child):after{content: ""; display: block; width: 4rem; height: 100%; background: url(../../../images/site/kor/contents/02/cont13_img05.svg) no-repeat center center / 2.6rem auto;}
[data-content="13"] .box3 .l .pro ul li div{position: relative; padding: 2rem 2rem 2rem  1.8rem;}
[data-content="13"] .box3 .l .pro ul li div strong{display: block; color: #151515; font-size: 1.6rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.016rem;}
[data-content="13"] .box3 .l .pro ul li div p{margin-top: 0.8rem; font-size: 1.4rem; color: #555; font-weight: 600; line-height: 1.3; letter-spacing: -0.014rem;}
[data-content="13"] .box3 .l .pro ul li div em{display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: -0.6rem; width: 2.8rem; height: 2.8rem; font-size: 1.6rem; color: #E97800; font-weight: 700; background-color: rgba(243, 152, 0, 0.1); border-radius: 50%; transform: translateY(-50%);}
[data-content="13"] .box3 .l .pro ul li div span{display: block; position: absolute; top: 100%; left: 105%; padding: 1rem; color: #555; font-size: 1.4rem; font-weight: 500; line-height: 1.3; letter-spacing: -0.014rem; border: 1px solid #00306C; border-radius: 1rem; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.04); white-space: nowrap;transform: translateX(-50%);}
[data-content="13"] .box3 .l .pro ul li div span:before{content: ""; display: block; position: absolute; top: -2.3rem; left: 50%; width: 0.9rem; height: 0.9rem; background-color: #00306C; border-radius: 50%; transform: translateX(-50%);}
[data-content="13"] .box3 .l .pro ul li div span:after{content: ""; display: block; position: absolute; top: -2.3rem; left: 50%; width: 1px; height: 2.3rem; border-left: 1px dashed #00306C; transform: translateX(-50%);}
[data-content="13"] .box3 .l .pro ul li div span b{display: inline-block; margin-right: 0.8rem; color: #00306C; font-weight: 600;}
[data-content="13"] .box3 .l .pro >p{display: block; margin-top: 0.8rem; padding: 0 2rem; color: #00306C; font-size: 1.4rem; font-weight: 600; line-height: 1.3; letter-spacing: -0.014rem;}
[data-content="13"] .box3 .l .num{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2rem; margin-top: 3rem; counter-reset: number 0;}
[data-content="13"] .box3 .l .num:after{content: ""; display: block; width: 9.6rem; height: auto; background: url(../../../images/site/kor/contents/02/cont13_img13.jpg) no-repeat center center / 100% auto;}
[data-content="13"] .box3 .l .num >li{position: relative; width: calc((100% - 2rem) / 2); padding: 2rem 2rem 2rem 5.6rem; background-color: #F9F9F9; border-radius: 1.2rem;}
[data-content="13"] .box3 .l .num >li:nth-child(3){width: calc((100% - 9.6rem - 2rem));}
[data-content="13"] .box3 .l .num >li:before{counter-increment: number 1; content: counter(number); display: flex; justify-content: center; align-items: center; position: absolute; top: 1.8rem; left: 2rem; width: 2.8rem; height: 2.8rem; font-size: 1.6rem; color: #E97800; font-weight: 700; background-color: rgba(243, 152, 0, 0.1); border-radius: 50%;}
[data-content="13"] .box3 .l .num >li strong{display: block; color: #151515; font-size: 1.6rem; font-weight: 700; line-height: 1.5;}
[data-content="13"] .box3 .l .num >li ul{margin-top: 0.8rem;}
[data-content="13"] .box3 .l .num >li ul li{position: relative; padding-left: 2rem; color: #555; font-size: 1.4rem; font-weight: 500; line-height: 1.4; letter-spacing: -0.014rem;}
[data-content="13"] .box3 .l .num >li ul li:not(:first-child){margin-top: 0.4rem;}
[data-content="13"] .box3 .l .num >li ul li:before{content: ""; display: block; position: absolute; top: 0.7rem; left: 0.8rem; width: 3px; height: 3px; background-color: #555; border-radius: 50%;}
[data-content="13"] .box3 .r ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2rem;}
[data-content="13"] .box3 .r ul li{overflow: hidden; position: relative; width: calc((100% - 2rem) / 2); border-radius: 1.2rem;}
[data-content="13"] .box3 .r ul li img{width: 100%;}
[data-content="13"] .box3 .r ul li strong{display: block; position: absolute; right: 0; bottom: 0; padding: 1rem; color: #fff; font-size: 1.6rem; font-weight: 500; line-height: 1.2; background-color: rgba(0, 0, 0, 0.30); backdrop-filter: blur(5px); border-radius: 1.2rem; }

@media screen and (max-width: 1680px){
    [data-content="13"] .l1{margin-top: 4rem;}
    [data-content="13"] .box2{margin-top: 10rem; padding: 10rem 0;}
    [data-content="13"] .box3 >div{margin-top: 4rem;}
    [data-content="13"] .box3 .mid_tit{margin-top: 10rem;}
    [data-content="13"] .box3{display: block; }
    [data-content="13"] .box3 >div{width: 100%;}
    [data-content="13"] .box3 .l .pro ul{padding: 1rem 0;}
    [data-content="13"] .box3 .l .pro ul li{width: 100%;}
    [data-content="13"] .box3 .l .pro ul li:not(:last-child):after{margin-left: auto;}
    [data-content="13"] .box3 .l .pro ul li div{width: 100%;}
    [data-content="13"] .box3 .r ul li{width: calc((100% - 2rem - 2rem) / 3);}
}
@media screen and (max-width: 1200px){
    [data-content="13"] .tt:before{height: 6rem;}
    [data-content="13"] .l1 li:not(:last-child):after{width: 4rem}
    [data-content="13"] .l1 li .ins strong{padding: 0.8rem; font-size: 1.5rem;}
}
@media screen and (max-width: 1024px){
    [data-content="13"] .l1{margin-top: 2.4rem;}
    [data-content="13"] .box2{margin-top: 7rem; padding: 7rem 0;}
    [data-content="13"] .box3 .mid_tit{margin-top: 7rem;}
    [data-content="13"] .tt{margin-top: 2rem; padding-top: 2.5rem; font-size: 2.2rem;}
    [data-content="13"] .l2{gap: 1.5rem;}
    [data-content="13"] .l2 li >strong{padding: 1rem 1.5rem;}
    [data-content="13"] .l2 li >div{bottom: 1rem;}
    [data-content="13"] .tt:before{height: 5rem;}
    [data-content="13"] .box1 .l2 li img,
    [data-content="13"] .box2 .l2 li img{height: 14rem;}
    [data-content="13"] .box3 >div{margin-top: 1rem;}
    [data-content="13"] .box3 .r{margin-top: 4rem;}
    [data-content="13"] .box3 >div .b3_t{font-size: 2.2rem;}
    [data-content="13"] .box3 .r ul{gap: 1.5rem;}
    [data-content="13"] .box3 .r ul li{width: calc((100% - 1.5rem - 1.5rem) / 3);}
    [data-content="13"] .box3 .l .num{gap: 1.5rem;}
    [data-content="13"] .box3 .l .num >li{width: calc((100% - 1.5rem) / 2); padding: 1.75rem 1.5rem 1.5rem 5rem;}
    [data-content="13"] .box3 .l .num >li:nth-child(3){width: calc((100% - 9.6rem - 1.5rem));}
    [data-content="13"] .box3 .l .num >li:before{top: 1.5rem; left: 1.4rem;}
    [data-content="13"] .box3 .l .num:after{background-size: 80% auto}
}
@media screen and (max-width: 840px){
    [data-content="13"] .l1{display: flex; flex-direction: column;}
    [data-content="13"] .l1 li{display: block; }
    [data-content="13"] .l1 li:not(:last-child):after{width: 100%; height: 2.4rem; margin: 1.5rem 0; background: url(../../../images/site/kor/contents/02/cont13_img22.svg) no-repeat center center / auto 100%;}
    [data-content="13"] .tt:before{height: 4rem;}
    [data-content="13"] .box1 .l1 li,
    [data-content="13"] .box1 .l1 li:last-child,
    [data-content="13"] .box2 .l1 li,
    [data-content="13"] .box2 .l1 li:last-child{width: 100%;}
    [data-content="13"] .box2  .l1 li:not(:last-child):after{background: url(../../../images/site/kor/contents/02/cont13_img23.svg) no-repeat center center / auto 100%;}
    [data-content="13"] .box3 .l .pro ul{flex-direction: column; padding: 0;}
    [data-content="13"] .box3 .l .pro ul li{display: block; text-align: center; }
    [data-content="13"] .box3 .l .pro ul li:not(:last-child):after{width: 100%; height: 2.4rem; background: url(../../../images/site/kor/contents/02/cont13_img22.svg) no-repeat center center / auto 100%;}
    [data-content="13"] .box3 .l .pro ul li div{display: inline-block; width: 100%; max-width: 30rem;}
    [data-content="13"] .box3 .l .pro ul li div span{top: 90%}
    [data-content="13"] .box3 .l .pro ul li div span:before,
    [data-content="13"] .box3 .l .pro ul li div span:after{display: none;}
    [data-content="13"] .box3 .l .pro >p{padding: 0; margin-top: 0;}
    [data-content="13"] .box3 .r ul{gap: 1.5rem;}
    [data-content="13"] .box3 .r ul li{width: calc((100% - 1.5rem) / 2);}
}
@media screen and (max-width: 640px){
    [data-content="13"] .tt:before{height: 2rem;}
    [data-content="13"] .l1{margin-top: 2rem;}
    [data-content="13"] .box2{margin-top: 5rem; padding: 5rem 0;}
    [data-content="13"] .box3 .mid_tit{margin-top: 5rem;}
    [data-content="13"] .box3 >div .b3_t{font-size: 2rem;}
    [data-content="13"] .box3 .l .num{}
    [data-content="13"] .box3 .l .num li,
    [data-content="13"] .box3 .l .num >li:nth-child(3){width: 100%;}
    [data-content="13"] .box3 .r ul{gap: 1rem;}
    [data-content="13"] .box3 .r ul li{width: calc((100% - 1rem) / 2);}
    [data-content="13"] .box3 .l .num:after{width: 100%; height: 8rem; background-size: auto 100%;}
}
@media screen and (max-width: 480px){
    [data-content="13"] .l1{margin-top: 2rem;}
    [data-content="13"] .box2{margin-top: 4rem; padding: 4rem 0;}
    [data-content="13"] .box3 .mid_tit{margin-top: 4rem;}
    [data-content="13"] .l2 li{width: 100%;}
    [data-content="13"] .box1 .l2 li img,
    [data-content="13"] .box2 .l2 li img{width: 100%; height: auto; max-height: 25rem; object-fit: cover; object-position: top center;}
    [data-content="13"] .box3 .r ul li{width: 100%;}
}
@media screen and (max-width: 420px){
    [data-content="13"] .box3 .l .pro ul li{position: relative; }
    [data-content="13"] .box3 .l .pro ul li div{position: static; }
    [data-content="13"] .box3 .l .pro ul li div em{top: calc(50% - 1.5rem);}
    [data-content="13"] .box3 .l .pro ul li div span{top: auto; bottom: -1.6rem; left: auto; right: 0; padding: 0.8rem; text-align: left; white-space: normal; transform: translateX(0);}
    [data-content="13"] .box3 .l .pro ul li div span b{display: block; margin-right: 0; margin-bottom: 0.4rem;}
}

/*-------------------------------------------------------------------
    Contact Us
-------------------------------------------------------------------*/
[data-content="14"]{position: relative;}
[data-content="14"]:before{content: "UM mobility"; position: absolute; top: -8rem; right: -6.3rem; color: rgba(9, 16, 47, 0.08); font-size: 10rem; font-weight: 600; line-height: 1; }
[data-content="14"] .txts{display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; height: 50rem; padding: 2rem; text-align: center; background: url(../../../images/site/kor/contents/03/cont14_img01.jpg) no-repeat center center / cover; border-radius: 1.2rem;}
[data-content="14"] .txts strong{display: block; width: 100%; color: #FFF; font-size: 4.4rem; line-height: 1.2; font-weight: 600;}
[data-content="14"] .txts p{display: block; width: 100%; margin-top: 2rem; color: #FFF; font-size: 2rem; font-weight: 400; line-height: 1.5;}
[data-content="14"] .txts a{display: inline-block; margin-top: 3.6rem; padding: 1.6rem 2.4rem; color: #000; line-height: 1.2; font-size: 1.7rem; font-weight: 600; background-color: #F39800; border-radius: 1rem; transition: all 0.2s linear;}
[data-content="14"] .txts a:hover{background-color: #fff; color: #00306C;}

@media screen and (max-width: 1024px){
    [data-content="14"]:before{display: none;}
    [data-content="14"] .txts{height: 43rem;}
    [data-content="14"] .txts strong{font-size: 3.6rem;}
    [data-content="14"] .txts p{margin-top: 1.6rem; font-size: 1.8rem;}
    [data-content="14"] .txts a{margin-top: 3rem; padding: 1.4rem 2.2rem; font-size: 1.6rem;}
}
@media screen and (max-width: 840px){
    [data-content="14"] .txts{height: 40rem;}
}
@media screen and (max-width: 640px){
    [data-content="14"] .txts strong{font-size: 3.3rem;}
    [data-content="14"] .txts p{margin-top: 1.4rem; font-size: 1.7rem;}
}


/* 모빌리티 시스템 - 모빌리티 통합 매니지먼트 시스템 */
.col_gorup{margin:6rem 0 12rem}
.col_gorup img{max-width:100%}
.arrow_colbox{display:flex;align-items:stretch;justify-content:space-between}
.ac_col{display:inline-flex;flex-direction:column;gap:2.4rem;width:46.5rem}
.ac_col li{position:relative;border-radius:1.2rem;overflow:hidden}
.ac_col li .desc{position:absolute;left:0;bottom:0;padding:0 2.4rem 2.4rem;font-size:1.6rem}
.ac_col li .desc span{display:inline-block;padding:.8rem 1rem;background:#00306C;color:#fff;font-weight:700;border-radius:1rem}
.ac_col li .desc strong{display:block;margin-top:1.2rem;color:#fff;letter-spacing:-.016rem;font-weight:600}
.arrow_colbox .mid{flex:auto;display:flex;align-items:center;justify-content:center;position:relative;text-align:center}
.arrow_colbox .mid::before{content:"";position:absolute;left:-.2rem;width:100%;height:100%;background:url(../../../images/site/kor/contents/02/s0202_bg1.png) left center no-repeat;background-size:96% auto}
.arrow_colbox .mid .circle{display:flex;align-items:center;justify-content:center;padding:3.2rem;border-radius:100%;border:1px solid #eee}
.arrow_colbox .mid .circle .circle_desc{position:relative;display:flex;align-items:center;justify-content:center;width:26rem;height:26rem;text-align:center;border-radius:100%;border:3px solid #FFD999;font-size:2.2rem;font-weight:700;line-height:1.18;color:#E97800;background:linear-gradient(#FFF, #FFF) padding-box, linear-gradient(135deg, #FFD999, #E97800) border-box;border:3px solid transparent;box-shadow:0 .6rem 3rem 0 rgba(243, 152, 0, 0.15);z-index:1}
.arrow_colbox .end{display:flex;align-items:center;justify-content:center;text-align:center}
.arrow_colbox .end .tit{display:block;margin-top:2.4rem;font-size:2.4rem;font-weight:700;line-height:1.4;color:#00306C}
.arrow_colbox .end img{max-width:100%}

.number_list > li{max-width:28rem}
.number_list > li + li{margin-top:4rem}
.number_list > li > strong{display:flex;align-items:center;gap:0 1rem;padding:.8rem;color:#fff;background:#00306C;border-radius:3rem;font-size:1.8rem;font-weight:700}
.number_list > li > strong i{display:inline-block;width:3rem;height:3rem;line-height:3rem;background:#fff;border-radius:100%;font-size:2rem;text-align:center;color:#00306C}
.number_list > li > ul{margin-top:1.2rem;margin-left:2rem}
.number_list2{position:relative;padding-bottom:3rem}
.number_list2 .swiper-wrapper{display:flex;flex-wrap:wrap;gap:2rem}
.number_list2 .swiper-slide{width:calc((100% - 2rem) / 2)}
.number_list2 .swiper-slide > strong{display:flex;align-items:center;gap:0 1rem;padding:.8rem;color:#fff;background:#00306C;border-radius:3rem;font-size:1.8rem;font-weight:700}
.number_list2 .swiper-slide > strong i{display:inline-block;width:3rem;height:3rem;line-height:3rem;background:#fff;border-radius:100%;font-size:2rem;text-align:center;color:#00306C}
.number_list2 .swiper-slide > ul{margin-top:1.2rem;margin-left:2rem}
.number_list2 .swiper-pagination{display:none;position:absolute;bottom:0 !important;left:50% !important;transform:translateX(-50%) !important}
.number_list2 .swiper-pagination .swiper-pagination-bullet{width:1.25rem;height:1.25rem}
.number_list2 .swiper-pagination .swiper-pagination-bullet-active{width:2.5rem;background:#E97800;border-radius:1rem}
.smdot_list > li{position:relative;padding-left:1rem;color:#555;line-height:1.4}
.smdot_list > li::before{content:"·";position:absolute;left:0;top:0}

.diagram_1{position:relative;max-width:152rem;margin:0 auto}
.diagram_1 .diagam_img{position:absolute;left:50%;top:2.3rem;width:98.2rem;height:43.2rem;margin-left:-.8rem;transform:translateX(-50%)}
.diagram_1 .diagam_img::before{content:"";display:inline-block;width:100%;height:100%;background:url(../../../images/site/kor/contents/02/s0202_img5.png) center/contain no-repeat}
.diagram_1 .view_pc{padding-bottom:7rem}
.diagram_1 .view_pc .number_list:nth-child(2){position:absolute;right:0;top:0}
.diagram_1 .view_mo .number_list{display:flex;flex-wrap:wrap;gap:2rem}
.diagram_1 .view_mo .number_list > li{width:calc((100% - 2rem) / 2);max-width:inherit}
.diagram_1 .view_mo .number_list > li + li{margin-top:0}
.diagram_1 .view_mo .img{margin-bottom:2.5rem;text-align:center}
.diagram_1 .view_mo .img img{margin:0 auto}
.bg_bot_arrow{width:100%;margin-bottom:5rem;height:7rem;background:url(../../../images/site/kor/contents/02/bg_cbottem_arrow.png) center/contain no-repeat}

.cc_guide_list{display:flex;gap:2rem;align-items:flex-start;justify-content:space-between}
.cc_guide_list > li{display:flex;align-items:center;gap:0 2rem}
.cc_guide_list .icon{flex-shrink:0;width:12rem;height:12rem;background:#F3F6F8;border-radius:100%}
.cc_guide_list .desc .tit{display:block;margin-bottom:2rem;line-height:1.2;font-size:2.4rem;font-weight:700;color:#00306c;letter-spacing:-.024rem}

.side_desc_wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4rem 2rem;margin-bottom:6rem}
.side_desc_wrap .l{max-width:70rem}
.midB_desc{font-size:3.2rem;color:#000;font-weight:500;line-height:1.4}
.midB_desc strong{font-weight:700}

.dtd_list > li{display:flex;gap:2rem 4rem}
.dtd_list > li + li{margin-top:2.5rem}
.dtd_list .tit{flex-shrink:0;display:block;width:13rem;font-size:2.4rem;color:#00306C;font-weight:700;letter-spacing:-.024rem}
.dtd_list .desc{font-size:1.8rem;color:#151515;font-weight:500;line-height:1.8}

.org_number_list{counter-reset:number;}
.org_number_list > li{counter-increment:number;position:relative;padding-left:3.6rem}
.org_number_list > li + li{margin-top:.8rem}
.org_number_list > li::before{content:counter(number);position:absolute;left:0;top:0;width:2.8rem;height:2.8rem;text-align:center;line-height:2.8rem;color:#E97800;font-weight:700;background-color:#FEF5E6;border-radius:100%}

.column_img_wrap{text-align:center}
.column_img_wrap .img{display:flex;justify-content:center;gap:2rem 8rem}
.column_img_wrap .caption{margin-top:2.4rem;font-size:2.4rem;font-weight:700;letter-spacing:-.024rem;color:#00306C}

.fullbg_box{position:relative;padding:5rem 0}
.fullbg_box::before{content:"";position:absolute;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);background:#F3F6F8;z-index:-1}

.titH_b{display:block;margin-bottom:2rem;color:#00306C;font-size:2.4rem;font-weight:700;letter-spacing:-.024rem}
.col_img_list{display:flex;gap:4rem;}
.col_img_list li{position:relative;aspect-ratio:390 / 223;border-radius:.8rem;overflow:hidden}
.col_img_list li img{width:100%;height:100%;object-fit:cover}
.col_img_list li .caption{position:absolute;left:0;bottom:0;padding:1rem;border-radius:.8rem .8rem .8rem 0;background:#00306C;color:#fff;font-weight:700}

@media screen and (max-width:1560px){
    .diagram_1 .diagam_img{margin:3rem 0 0;width:50rem;height:39.9rem;margin:0}
    .diagram_1 .diagam_img::before{background-image:url(../../../images/site/kor/contents/02/s0202_img5_2.png)}
}
@media screen and (max-width:1500px){
    .arrow_colbox{flex-direction:column}
    .ac_col{width:100%;flex-direction:row;gap:2rem}
    .ac_col li{width:calc((100% - 4rem) / 3);aspect-ratio:229 / 260;}
    .ac_col li img{width:100%;height:100%;object-fit:cover}
    .arrow_colbox .mid{margin:2.8rem 0;padding:7.6rem 0}
    .arrow_colbox .mid::before,
    .arrow_colbox .mid::after{content:"";position:absolute;width:100%;height:5.2rem;left:0;background:url(../../../images/site/kor/contents/02/bg_cbottem_arrow.png) center/contain no-repeat}
    .arrow_colbox .mid::before{top:0}
    .arrow_colbox .mid::after{bottom:0}
}
@media screen and (max-width:1450px){
    .side_desc_wrap .l{max-width:inherit}
}
@media screen and (max-width:1400px){
    .cc_guide_list .icon{width:9rem;height:9rem}
    .cc_guide_list .desc .tit{font-size:2rem}
    .cc_guide_list > li{flex-direction:column;gap:2rem}
    .cc_guide_list .desc .tit{text-align:center}
}
@media screen and (max-width:1200px){
    .diagram_1 .diagam_img{width:38rem;transition:width .3s}
    .col_img_list{flex-wrap:wrap;gap:2rem}
    .col_img_list li{width:calc((100% - 2rem) / 2)}
}
/* 1024 이상 */
@media screen and (min-width:1024px){
    .view_mo{display:none}
}
/* 1024 이하 */
@media screen and (max-width:1024px){
    .view_pc{display:none}
    .view_mo{display:block}

    .col_gorup{margin:4rem 0 5rem}

    .cc_guide_list{flex-wrap:wrap;gap:2rem}
    .cc_guide_list > li{width:calc((100% - 2rem) / 2);flex-direction:row}
    .cc_guide_list .desc .tit{margin-bottom:1rem;text-align:left;font-size:1.8rem}

    .column_img_wrap .img img{width:calc((100% - 8rem) / 2)}
}
@media screen and (max-width:680px){
    .ac_col{flex-direction:column}
    .ac_col li{width:100%;aspect-ratio:350/200;}
}
@media screen and (max-width:640px){
    .col_gorup{margin:3rem 0 5rem}

    .cc_guide_list{flex-direction:column}
    .cc_guide_list > li{width:100%}

    .number_list2 .swiper-wrapper{display:flex;flex-wrap:nowrap;gap:0}
    .number_list2 .swiper-slide{width:100%}
    .number_list2 .swiper-slide{max-width:inherit}
    .number_list2 .swiper-slide + .swiper-slide{margin-top:0}
    .number_list2 .swiper-pagination{display:block}

    .midB_desc{font-size:2.2rem}

    .dtd_list > li{flex-wrap:wrap;flex-direction:column;gap:1rem}
    .column_img_wrap .img{flex-direction:column;align-items:center}
    .col_img_list li{width:100%}
    .column_img_wrap .img img{width:auto}
}


/* 통합 MaaS플랫폼 구축·연계 */
[data-contents="0201"] .sub_tit {text-align: left;}
[data-contents="0201"] .img_box1 {display: block; position: relative; height: 52rem; margin-top: 6rem;}
[data-contents="0201"] .img_box1::after{content: ""; display: block; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%;  margin-left: -50vw; background: url(../../../images/site/kor/contents/02/s0201_img04.png) no-repeat center center / cover;}
[data-contents="0201"] .hub {display: flex; justify-content: space-between; align-items: stretch; position: relative; width: 100%; margin-top: 6rem; padding: 0 8.4rem;}
[data-contents="0201"] .hub::after {content: ""; display: block; position: absolute; top: 50%; left: 37.7rem; width: 64.4rem; height: 36.8rem; transform: translateY(-50%); background: url(../../../images/site/kor/contents/02/s0201_img05.png) no-repeat; background-size: cover;}
[data-contents="0201"] .hub .left {display: flex; flex-wrap: wrap; gap: 8rem; width: 19.5%;}
[data-contents="0201"] .hub .left .item {display: block; width: 100%;}
[data-contents="0201"] .hub .left .item .compuny {display: flex; align-items: center; width: 100%; height: 5.9rem;}
[data-contents="0201"] .hub .left .item .compuny img {width: auto; height: 100%; margin: 0 auto;}
[data-contents="0201"] .hub .left .item .compuny img.logo_m {display: none;}
[data-contents="0201"] .hub .left .item ul {display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 3.2rem; padding: 2.4rem 3rem; border-radius: 1.2rem; background-color: #F8F8F8;}
[data-contents="0201"] .hub .left .item ul li {width: 100%;}
[data-contents="0201"] .hub .mid {display: flex; justify-content: center; align-items: center; width: calc(100% - 19.5% - 38%);}
[data-contents="0201"] .hub .mid .circle {display: flex; justify-content: center; align-items: center; align-content: center; flex-shrink: 1; width: 32.4rem; height: 32.4rem; margin-left: 11rem; border-radius: 100%; border: 1px solid #EEE;}
[data-contents="0201"] .hub .mid .circle p {display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; flex-shrink: 1; gap: 1.2rem; position: relative; width: 26rem; height: 26rem; border-radius: 100%; border: 3px solid #FFD999; background-color: #fff; box-shadow: 0 6px 30px 0 rgba(243, 152, 0, 0.15); color: #E97800; font-size: 2.8rem; font-weight: 700; text-align: center; z-index: 1;}
[data-contents="0201"] .hub .mid .circle p::before {content: ""; display: inline-block; width: 100%; height: 3.1rem; background: url(../../../images/site/kor/contents/02/s0201_icon.svg) no-repeat center / contain;}
[data-contents="0201"] .hub .right {width: 38%;}
[data-contents="0201"] .hub .right img {width: 100%; object-fit: cover;}
[data-contents="0201"] .hub .right p {margin-top: 2.4rem; font-size: 2rem; font-weight: 600; color: #151515; text-align: center;}
[data-contents="0201"] .box {margin-top: 6rem;}
[data-contents="0201"] .box .top {display: flex; gap: 6rem; justify-content: center; align-items: stretch; flex-wrap: wrap; width: 100%;}
[data-contents="0201"] .box .top::after {content: ""; display: block; width: 100%; height: 24.7rem; margin-top: -9.6rem; background: url(../../../images/site/kor/contents/02/s0201_img06.png) no-repeat center;}
[data-contents="0201"] .box .top .item {display: block; width: 25.7rem; }
[data-contents="0201"] .box .top .item strong {display: flex; justify-content: center; align-items: center; width: 100%; height: 6.6rem; color: #FFF; font-size: 2rem; font-weight: 700; border-radius: 1.2rem 1.2rem 0 0; background-color: #00306C; box-shadow: 0 2px 4px 0 rgba(243, 152, 0, 0.15);}
[data-contents="0201"] .box .top .item ul {display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; gap: 1rem; min-height: 16.2rem; background-color: #F8F8F8; border-radius: 0 0 1.2rem 1.2rem;}
[data-contents="0201"] .box .top .item ul li {width: 100%; font-size: 1.8rem; font-weight: 600; color: #2D2D2D; text-align: center;}
[data-contents="0201"] .box .bottom {display: flex; justify-content: space-between; align-items: stretch; gap: 8rem;}
[data-contents="0201"] .box .bottom .img_box {overflow: hidden; display: flex; justify-content: flex-start; align-items: flex-end; align-content: flex-end; flex-wrap: wrap; width: calc(100% / 2 - 8rem); height: 39.7rem; padding: 2.4rem; border-radius: 1.2rem; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%), url(../../../images/site/kor/contents/02/s0201_img07.png) no-repeat center / cover;}
[data-contents="0201"] .box .bottom .img_box.img_box2 {background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%), url(../../../images/site/kor/contents/02/s0201_img08.png) no-repeat center / cover;}
[data-contents="0201"] .box .bottom .img_box .label {display: block; padding: 1rem; margin-bottom: 1.6rem; border-radius: 1rem; background-color: #00306C; color: #fff; font-size: 1.6rem; font-weight: 700;}
[data-contents="0201"] .box .bottom .img_box ul {display: flex; flex-wrap: wrap; column-gap: 2rem; row-gap: 0.8rem; width: 100%;}
[data-contents="0201"] .box .bottom .img_box ul li {color: #fff; font-size: 1.7rem;}

/* 모빌리티/인프라 연계 계획 */
[data-contents="0203"] .sub_tit {text-align: left;}
[data-contents="0203"] .box {display: flex; justify-content: center; align-items: stretch; gap: 30.7rem; position: relative; margin-top: 9.8rem;}
[data-contents="0203"] .box::after {content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 5.7rem; height: 21.3rem; transform: translateX(-50%) translateY(-50%); background: url(../../../images/site/kor/contents/02/arrow.svg) no-repeat center / contain;}
[data-contents="0203"] .box .item {display: block; position: relative; width: 45.2rem;}
[data-contents="0203"] .box .item .thumb {overflow: hidden; display: block; width: 100%; height: 28rem; border-radius: 1.2rem;}
[data-contents="0203"] .box .item .thumb img {width: 100%; height: 100%; object-fit: cover;}
[data-contents="0203"] .box .item span {display: block; position: absolute; top: -3rem; left: 0; padding: 1rem; border-radius: 1rem; background-color: #00306C; color: #fff; font-size: 1.6rem; font-weight: 700;}
[data-contents="0203"] .box .item ul {margin-top: 2.4rem;}
[data-contents="0203"] .box .item ul li {color: #151515; font-size: 1.8rem;}
[data-contents="0203"] .system {display: grid; grid-template-columns: 1fr auto 1fr; gap: 3.1rem; align-items: center;}
[data-contents="0203"] .system div .item {display: block; width: 100%;}
[data-contents="0203"] .system div .item + .item {margin-top: 4rem;}
[data-contents="0203"] .system div .item .orange {display: flex; align-items: center; gap: 1rem; width: 100%; padding: 0.8rem 2rem 0.8rem 0.8rem; background-color: #E97800; border-radius: 10rem;}
[data-contents="0203"] .system div .item .orange span {display: flex; justify-content: center; align-items: center; flex-shrink: 1; width: 3rem; height: 3rem; border-radius: 100%; background-color: #fff; color: #E97800; font-size: 2rem; font-weight: 700;}
[data-contents="0203"] .system div .item .orange strong {font-size: 1.6rem; font-weight: 500; color: #fff;} 
[data-contents="0203"] .system div .item .orange strong em {font-size: 1.8rem; font-weight: 700;}
[data-contents="0203"] .system div .item p {margin: 1.2rem 0 0 2rem; }
[data-contents="0203"] .system .mid {display: flex; justify-content: center; align-items: center;}
[data-contents="0203"] .system .mid img {width: 100%;}
[data-contents="0203"] .infra {display: flex; justify-content: center; flex-wrap: wrap;}
[data-contents="0203"] .infra .big img {width: 100%;}
[data-contents="0203"] .infra .big::after {content: ""; display: block; width: 5.82rem; height: 22rem; margin: -5rem auto; transform: rotate(90deg); background: url(../../../images/site/kor/contents/02/arrow.svg) no-repeat center / contain;}
[data-contents="0203"] .infra .bot_img {display: flex; align-items: center; width: 100%; gap: 1rem;}
[data-contents="0203"] .infra .bot_img .item {overflow: hidden; display: block; position: relative; width: 32rem; height: 20rem; border-radius: 1.2rem; background: url(../../../images/site/kor/contents/02/s0203_img05.png) no-repeat center / cover;}
[data-contents="0203"] .infra .bot_img .item2 {background: url(../../../images/site/kor/contents/02/s0203_img06.png)no-repeat center / cover;}
[data-contents="0203"] .infra .bot_img .item3 {background: url(../../../images/site/kor/contents/02/s0203_img07.png)no-repeat center / cover;}
[data-contents="0203"] .infra .bot_img .item p {position: absolute; bottom: 0; left: 0; padding: 1rem; border-radius: 1rem; background-color: #00306C; color: #fff; font-size: 1.6rem; font-weight: 700;}
[data-contents="0203"] .infra .bot_img .arrow {display: block; gap: 1rem; width: calc((100% - 96rem) / 2); text-align: center;}
[data-contents="0203"] .infra .bot_img .arrow span {font-size: 1.6rem; font-weight: 600; color: #00306C;}
[data-contents="0203"] .infra .bot_img .arrow span.top::after {content: ""; display: block; width: 100%; height: 0.6rem; background: url(../../../images/site/kor/contents/02/arrow_r.svg) no-repeat center / contain;}
[data-contents="0203"] .infra .bot_img .arrow span.bottom::before {content: ""; display: block; width: 100%; height: 0.6rem; background: url(../../../images/site/kor/contents/02/arrow_l.svg) no-repeat center / contain;}

/* 찾아가는 행정 */
.inner_tab_wrap{position:relative;margin-bottom:8rem}
.inner_tab {display: flex; align-items: center; gap: 1.2rem; width: 100%;overflow-x:auto}
.inner_tab li { white-space:nowrap}
.inner_tab li a {display: block;padding: 1.2rem 2.2rem; color: #000; font-size: 2rem; font-weight: 700;background-color: #F6F6F6;border-radius: 10rem;transition:all .3s}
.inner_tab li a:hover{background-color:#eaeaea}
.inner_tab li.active a {background-color: #00306C;color: #FFF;}
.inner_tab_wrap .contab_btn{display:none;position:relative;width:100%;padding:1.75rem 2.5rem;font-size:2rem;color:#000;border-radius:1rem;text-align:left;background:#F6F6F6;font-weight:700}
.inner_tab_wrap .contab_btn::after{content:"";position:absolute;right:2rem;top:50%;width:2.8rem;height:2.8rem;transform:translateY(-50%);background:url(../../../images/site/kor/layout/icon_tabM_arrow.svg) center/contain no-repeat;transition:all .3s}
.inner_tab_wrap.active .contab_btn{border-radius:1rem 1rem 0 0}
.inner_tab_wrap.active .contab_btn::after{transform:translateY(-50%) rotate(180deg)}

[data-contents="0204"] .sub_tit {text-align: left;}
.b_c {display: flex; justify-content: center; align-items: center; align-content: center; width: 20.6rem; height: 20.6rem; border-radius: 100%; background-color: #F3F6F8;}
.b_c p {text-align: center; font-size: 2.4rem; font-weight: 700; color: #00306C;}
.b_c p::before {content: ""; display: block; width: 7.8rem; height: 5.4rem; background: url(../../../images/site/kor/contents/02/s0204_ser-icon1.svg) no-repeat center/ contain;}
.c {display: flex; justify-content: center; align-items: center; align-content: center; flex-shrink: 1; width: 32.4rem; height: 32.4rem; border-radius: 100%; border: 1px solid #EEE;}
.c p {display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; flex-shrink: 1; gap: 1.2rem; position: relative; width: 26rem; height: 26rem; border-radius: 100%; border: 3px solid #FFD999; background-color: #fff; box-shadow: 0 6px 30px 0 rgba(243, 152, 0, 0.15); color: #E97800; font-size: 2.8rem; font-weight: 700; text-align: center; z-index: 1;}
.c p::before {content: ""; display: inline-block; width: 7.4rem; height: 5.4rem; background: url(../../../images/site/kor/contents/02/s0204_ser-icon2.svg) no-repeat center/ contain;}
[data-contents="0204"] .box .img_c {overflow: hidden; width: 20.6rem; height: 20.6rem; border-radius: 100%; }
[data-contents="0204"] .box .img_c img {width: 100%;}
[data-contents="0204"] .box {display: flex; justify-content: space-between; align-items: center; position: relative; padding: 0 5.7rem;}
[data-contents="0204"] .box::after {content: ""; display: block; position: absolute; top: 50%; left: 57.7rem; width: 42.6rem; height: 36.8rem; transform: translateY(-50%); background: url(../../../images/site/kor/contents/02/s0204_img09.png) no-repeat; background-size: cover;}
[data-contents="0204"] .box .l {display: flex; align-items: center; gap: 8rem;}
[data-contents="0204"] .box .l .b_c {position: relative;}
[data-contents="0204"] .box .l .b_c::after {content: ""; display: block; position: absolute; right: -6rem; width: 5.82rem; height: 22rem; background: url(../../../images/site/kor/contents/02/arrow.svg) no-repeat center / contain;}
[data-contents="0204"] .box .r {display: flex; flex-wrap: wrap; column-gap: 10.4rem; row-gap: 5.6rem; width: 40%;}
[data-contents="0204"] .box .r .item {display: block; flex: 1; text-align: center;}
[data-contents="0204"] .box .r .item img {margin: 0 auto;}
[data-contents="0204"] .box .r .item p {margin-top: 2rem; color: #151515; font-size: 1.8rem; font-weight: 700;}
[data-contents="0204"] .box2 {display: block; margin: 6rem 15.3rem 0;}
[data-contents="0204"] .box2 .box_t {display: flex; justify-content: center; align-items: center; gap: 10rem; position: relative;}
[data-contents="0204"] .box2 .box_t::after {content: ""; display: block; position: absolute; bottom: -100%; width: 120.2rem; height: 34.2rem; background: url(../../../images/site/kor/contents/02/s0204_img10.png) no-repeat;}
[data-contents="0204"] .box2 .box_t .label_box {width: 32.2rem; padding: 2.4rem 2.5rem; border-radius: 4px; border: 1px dashed #00306C;}
[data-contents="0204"] .box2 .box_t .label_box strong {display: block; margin-bottom: 2rem; text-align: center; font-size: 1.8rem; font-weight: 700; color: #00306C;}
[data-contents="0204"] .box2 .box_t .label_box ul {display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 1rem; row-gap: 1.2rem;}
[data-contents="0204"] .box2 .box_t .label_box ul li {width: calc(100% / 2 - 1rem); padding: 1.2rem 0; border-radius: 10rem; background-color: #F3F6F8; color: #00306C; text-align: center; font-size: 1.6rem; font-weight: 700;}
[data-contents="0204"] .box2 .box_t .b_c {position: relative;}
[data-contents="0204"] .box2 .box_t .b_c::before {content: ""; display: block; position: absolute; right: -7rem; width: 5.82rem; height: 22rem; background: url(../../../images/site/kor/contents/02/arrow.svg) no-repeat center / contain;}
[data-contents="0204"] .box2 .box_t .b_c::after {content: ""; display: block; position: absolute; left: -8rem; width: 5.82rem; height: 22rem; background: url(../../../images/site/kor/contents/02/arrow.svg) no-repeat center / contain;}
[data-contents="0204"] .box2 .box_t .b_c p::before {width: 5.8rem; height: 4.8rem; margin: 0 auto 1rem; background: url(../../../images/site/kor/contents/02/s0204_ser-icon3.svg) no-repeat center / contain;}
[data-contents="0204"] .box2 .box_t .c p::before {height: 6.2rem; background: url(../../../images/site/kor/contents/02/s0204_ser-icon4.svg) no-repeat center / contain;}
[data-contents="0204"] .box2 .box_b {display: flex; gap: 5.7rem; margin-top: 24.8rem;}
[data-contents="0204"] .box2 .box_b .item {display: block; text-align: center;}
[data-contents="0204"] .box2 .box_b .item img {display: block; margin: 0 auto;}
[data-contents="0204"] .box2 .box_b .item p {padding: 2.4rem 0 1.2rem; color: #151515; font-size: 1.8rem; font-weight: 700;}
[data-contents="0204"] .box2 .box_b .item span {color: #555; font-size: 1.6rem;}
[data-contents="0204"] .mini_c {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 12rem; height: 12rem; border-radius: 100%; background-color: #F3F6F8;}
[data-contents="0204"] .mini_c strong {display: block; width: 100%; text-align: center; color: #151515; font-size: 1.6rem; font-weight: 700;}
[data-contents="0204"] .mini_c strong::before {content: ""; display: block; width: 3.4rem; height: 3.4rem; margin: 0 auto 1.1rem; background: url(../../../images/site/kor/contents/02/s0204_mini_icon01.svg) no-repeat center / contain;}
[data-contents="0204"] .mini_c[data-num="2"] strong::before {background: url(../../../images/site/kor/contents/02/s0204_mini_icon02.svg) no-repeat center / contain;}
[data-contents="0204"] .mini_c[data-num="3"] strong::before {background: url(../../../images/site/kor/contents/02/s0204_mini_icon03.svg) no-repeat center / contain;}
[data-contents="0204"] .mini_c[data-num="4"] strong::before {background: url(../../../images/site/kor/contents/02/s0204_mini_icon04.svg) no-repeat center / contain;}
[data-contents="0204"] .mini_c[data-num="5"] strong::before {background: url(../../../images/site/kor/contents/02/s0204_mini_icon05.svg) no-repeat center / contain;}
[data-contents="0204"] .mini_c[data-num="6"] strong::before {background: url(../../../images/site/kor/contents/02/s0204_mini_icon06.svg) no-repeat center / contain;}
[data-contents="0204"] .grid_box {display: grid; grid-template-columns: 1fr auto 1fr; gap: 3.1rem; align-items: center; justify-items: center;}
[data-contents="0204"] .grid_box .le {display: flex; flex-wrap: wrap; gap: 4.3rem; justify-content: flex-start; align-content: space-between; width: 56rem;}
[data-contents="0204"] .grid_box .le.end .item {justify-content: flex-end;}
[data-contents="0204"] .grid_box .le.end .item:nth-child(2) {margin-right: 8rem;}
[data-contents="0204"] .grid_box .le .item {display: flex; gap: 0.8rem; align-items: center; width: 100%;}
[data-contents="0204"] .grid_box .le .item:nth-child(2) {margin-left: 8rem;}
[data-contents="0204"] .grid_box .le .item ul {display: block; padding: 1rem;}
[data-contents="0204"] .grid_box .c {display: flex; justify-content: center; align-items: center;}
[data-contents="0204"] .flex_box {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 4rem;}
[data-contents="0204"] .flex_box .mid_txt {margin-top: 0;}
[data-contents="0204"] .flex_box .list_box .in {display: flex; width: 100%;}
[data-contents="0204"] .flex_box .list_box .in + .in {margin-top: 2.6rem;}
[data-contents="0204"] .flex_box .list_box .in strong {display: block; width: 16.5rem; font-size: 2.4rem; font-weight: 700; color: #00306C;}
[data-contents="0204"] .flex_box .list_box .in p {color: #151515; font-size: 1.8rem;}
[data-contents="0204"] .flex_box .list_box .in ul {display: block;}
[data-contents="0204"] .flex_box .list_box .in ul li {display: flex; gap: 0.8rem; align-items: center;}
[data-contents="0204"] .flex_box .list_box .in ul li + li {margin-top: 1.4rem;}
[data-contents="0204"] .flex_box .list_box .in ul li span {display: flex; justify-content: center; align-items: center; width: 2.8rem; height: 2.8rem; border-radius: 100%; background-color: rgba(243, 152, 0, 0.1); color: #F39800; font-size: 1.6rem; font-weight: 700;}
[data-contents="0204"] .fullbg_box::before {display: none;}
[data-contents="0204"] .fullbg_box::after {display: none;}
[data-contents="0204"].s020401 .fullbg_box::after {display: block;}
[data-contents="0204"] .col_img_list li {overflow: visible; aspect-ratio: 382 / 328; position: relative;}
[data-contents="0204"] .col_img_list li img {border-radius: 0.8rem;}
[data-contents="0204"] .col_img_list li strong {border-radius: 0.8rem;}
[data-contents="0204"] .col_img_list li::after {content: ""; display: block; position: absolute; top: 50%; right: -3.7rem; width: 4rem; height: 15rem; transform: translateY(-50%); background: url(../../../images/site/kor/contents/02/arrow.svg) no-repeat center / contain;}
[data-contents="0204"] .col_img_list li:last-child::after {display: none;}
.col_img_list_mo {display: none;}
.step_box {display: flex; align-items: center; position: relative; height: 17.4rem; margin-top: 3rem;}
.step_box::after {content: ""; display: block; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; margin-left: -50vw; background-color: #F3F6F8; z-index: -1;}
.step_box >strong {display: block; color: #00306C; font-size: 2.4rem;}
.step_box .step_list {display: flex ; margin-left: 26.3rem; gap: 12rem;}
.step_box .step_list .step {display: block; position: relative; width: 30rem;}
.step_box .step_list .step::after {content: ""; display: block; position: absolute; top: 50%; right: -3.7rem; width: 4rem; height: 15rem; transform: translateY(-50%); background: url(../../../images/site/kor/contents/02/step-arrow.svg) no-repeat center / contain;}
.step_box .step_list .step:last-child::after {display: none;}
.step_box .step_list .step strong {display: block; margin-bottom: 1.2rem ; color: #151515; font-size: 1.8rem;}
.step_box .step_list .step p {color: #555; font-size: 1.6rem;}
.step_box .step_list .step p em {color: #00306C;}

/* 생활체육 헬스케어 */
[data-contents="0204"] .box .right-item {display:flex; flex-wrap: wrap; gap: 1.4rem; width: 67.8rem;}
[data-contents="0204"] .box .right-item .item {display: flex; align-items: center; width: 100%; gap: 2rem;}
[data-contents="0204"] .box .right-item .item:nth-child(2) {margin-left: 15.2rem;}
[data-contents="0204"] .box .right-item .item .txt {display: block;}
[data-contents="0204"] .box .right-item .item .txt p {margin-bottom: 1.2rem; color: #151515; font-size: 1.8rem; font-weight: 700;}
[data-contents="0204"] .box .right-item .item .txt span {color: #555; font-size: 1.6rem;}
.s020401 .b_c p::before {background: url(../../../images/site/kor/contents/02/sub020401_icon01.svg) no-repeat center / contain;}
.s020401 .c p::before {background: url(../../../images/site/kor/contents/02/sub020401_icon02.svg) no-repeat center / contain;}
.fullbg_imgbox {display: flex; align-items: center; justify-content: space-between; gap: 2rem; position: relative; margin-top: 6rem; padding: 6rem 0 10.1rem;}
.fullbg_imgbox::after {content: ""; display: block; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; margin-left: -50vw; background-color: #F3F6F8; z-index: -1;}
.fullbg_imgbox .img {display: flex; align-items: center; position: relative; width: 105rem;}
.fullbg_imgbox .img .m1024 {display: none;}
.fullbg_imgbox .img .m768 {display: none;}
.fullbg_imgbox .img::after {content: ""; display: block; width: 9.5rem; height: 33.6rem; background: url(../../../images/site/kor/contents/02/step-arrow.svg) no-repeat center / cover;}
.fullbg_imgbox .img >img {width: 100%; object-fit: cover;}
.fullbg_imgbox table {overflow: hidden; position: relative; width: 60.9rem; background-color: #fff; border-radius: 1.2rem; text-align: center; box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.04);}
.fullbg_imgbox table thead {width:100%; height: 5.3rem; background-color: #00306C;}
.fullbg_imgbox table thead th {color: #FFF; font-size: 1.8rem; font-weight: 700;}
.fullbg_imgbox table tbody th {font-size: 1.6rem; font-weight: 600; color: #333; background-color: #EEE;}
.fullbg_imgbox table tbody tr {border-bottom: 1px solid #eee;}
.fullbg_imgbox table tbody tr td {color: #555; font-size: 1.6rem;}
.s020401 .step_box {justify-content: space-between;}
.step_box .icon_box {display: flex; gap: 6.8rem;}
.step_box .icon_box .icon {display: flex; align-items: center; gap: 1.6rem;}
.step_box .icon_box .icon i {display: flex; justify-content: center; align-items: center; flex-shrink: 1; width: 8rem; height: 8rem; border-radius: 100%; background: #fff url(../../../images/site/kor/contents/02/sub020401_icon03.svg) no-repeat center;}
.step_box .icon_box .icon i[data-icon="2"] {background: #fff url(../../../images/site/kor/contents/02/sub020401_icon04.svg) no-repeat center;}
.step_box .icon_box .icon i[data-icon="3"] {background: #fff url(../../../images/site/kor/contents/02/sub020401_icon05.svg) no-repeat center;}
.step_box .icon_box .icon i[data-icon="4"] {background: #fff url(../../../images/site/kor/contents/02/sub020401_icon06.svg) no-repeat center;}
.step_box .icon_box .icon strong {color: #151515; font-size: 1.8rem;}

/*-------------------------------------------------------------------
    탄소중립 기후위기(스마트시티)
-------------------------------------------------------------------*/
.cont12_img1{margin-bottom:8rem;text-align:center}
.cont12_img1 img{max-width:100%;margin:0 auto}
.cont12_img1 .mo{display:none}
.cont12_img1 .desc_box{display:inline-flex;align-items:center;gap:1rem;padding:1rem 3rem;background:#EFF6FF;border-radius:3rem;font-size:1.8rem;color:#333;font-weight:700;letter-spacing:-.018rem}
.cont12_img1 .desc_box i{display:inline-block;width:4rem;height:4rem;line-height:4rem;text-align:center;font-size:2rem;background:#fff;border-radius:100%}

.bg_um_box{position:relative;margin-bottom:12rem;padding:4rem 0;}
.bg_um_box::before{content:"";position:absolute;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);z-index:-1;background:#F3F6F8 url(../../../images/site/kor/contents/02/cont12_bg1.png) right 9.1rem bottom/ 29.6rem auto no-repeat}
.umBox_flex{display:flex;justify-content:space-evenly;gap:4rem}

.col3_sq_list{display:flex;flex-wrap:wrap;gap:2rem;max-width:72.7rem}
.col3_sq_list > li{width:calc((100% - 4rem) / 3);padding:2rem;background:#fff;border-radius:1.2rem;box-shadow:.2rem .2rem 1rem rgba(0, 0, 0, 0.04)}
.col3_sq_list .cate{display:inline-block;padding:1rem;background:#00306C;color:#fff;font-size:1.6rem;border-radius:1rem;line-height:1.2;font-weight:600}
.col3_sq_list .tit{display:block;margin-top:.8rem;line-height:1;font-weight:700;color:#151515}
.col3_sq_list .desc{margin-top:.8rem;font-size:1.4rem;color:#555;font-weight:600;letter-spacing:-.014rem;line-height:1.3}

.col4_cc_list{display:flex;flex-wrap:wrap;gap:2.2rem 2.6rem;max-width:59rem}
.col4_cc_list > li{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:12.8rem;height:12.8rem;background:#fff;border-radius:100%;box-shadow:.2rem .2rem 1rem rgba(0, 0, 0, 0.04)}
.col4_cc_list > li .icon img{width:5rem}
.col4_cc_list > li .tit{display:block;margin-top:1.4rem;color:#151515;font-weight:700;letter-spacing:-.016rem}

.arrow_colbox .mid .circle .circle_desc{flex-direction:column}
.arrow_colbox .mid .circle .circle_desc .icon{margin-bottom:1.2rem}
.arrow_colbox.type2{max-width:156.9rem;margin:6rem auto}
.arrow_colbox.type2 .mid::before{background:url(../../../images/site/kor/contents/02/cont12_bg2.png) left center no-repeat;background-size:96% auto}

.inv_icon_list{width:40.8rem;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;gap:2.1rem 2.4rem;margin:0 auto}
.inv_icon_list li{display:inline-block;margin:0}
.inv_icon_list li img{width:12rem}

.half_flex_box{display:flex;flex-wrap:wrap;gap:3rem 5rem}
.half_flex_box .l,
.half_flex_box .r{width:calc((100% - 5rem) / 2)}
.cont12_img2{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:46.2rem;padding:4rem 2rem 3rem;border:1px solid #DEDEDE;border-radius:1.2rem;overflow:hidden;background:url(../../../images/site/kor/contents/02/cont12_bg3.jpg) center bottom/contain no-repeat}
.cont12_img2 .mo{display:none}
.cont12_img2 .lst{display:inline-flex;justify-content:center}
.cont12_img2 .bg_bot_arrow{margin-bottom:0;height:5rem}

.advanced_list{display:flex;flex-wrap:wrap;gap:2.2rem}
.advanced_list > li{position:relative;width:calc((100% - 4.8rem) / 3);min-height:46.2rem}
.advanced_list > li img{width:100%;height:100%;object-fit:cover;object-position:30% 50%;border-radius:1.2rem}
.advanced_list > li:nth-child(3) img{object-position:60% 50%}
.advanced_list > li .tit{position:absolute;left:0;bottom:0;padding:1rem;background:#00306C;color:#fff;font-weight:700;border-radius:1rem;line-height:1.2}
.advanced_list > li::after{content:"";position:absolute;right:-2.2rem;top:50%;transform:translateY(-50%);width:2.2rem;height:10rem;background:url(../../../images/site/kor/contents/02/cont12_right_arrow.svg) center/contain no-repeat}
.advanced_list > li:last-child::after{display:none}

/*-------------------------------------------------------------------
    모빌리티 시스템 > 서비스 확장 계획 > Carpool
-------------------------------------------------------------------*/
[data-content="11"]{}
[data-content="11"] .sub_tit{text-align: left; }
[data-content="11"] .boxs{margin-top: 6rem;}
[data-content="11"] .pc{}
[data-content="11"] .pc img{display: none; width: auto; max-width: 100%; margin: 0 auto; }
[data-content="11"] .pc img:first-child{display: block;}
[data-content="11"] .mobile{width: 0; height: 0; position: absolute; top: -9999px; left: -9999px;}

/* 반응형 */

@media screen and (max-width:1720px) {
    .fullbg_imgbox .img::after {width: 4.5rem; height: 17.6rem;}
}
@media screen and (max-width:1680px) {
    [data-contents="0201"] .hub {padding: 0 5.4rem;}
    [data-contents="0201"] .hub::after {left: 33.7rem; width: 52.4rem; height: 29.8rem;}
    [data-contents="0201"] .hub .mid .circle {width: 28rem; height: 28rem;}
    [data-contents="0201"] .hub .mid .circle p {width: 22rem; height: 22rem; font-size: 2.5rem;}
    [data-contents="0204"] .box::after {left: 70.7rem; width: 16rem; height: 61.5rem; background: url(../../../images/site/kor/contents/02/arrow.svg) no-repeat center / contain;}
    [data-contents="0204"] .grid_box {gap: 0;}
    .step_box .step_list {margin-left: 9.3rem;}
    [data-contents="0204"] .box .right-item {gap: 1rem; width: 59rem;}
    [data-contents="0204"] .box .right-item img {width: 18rem;}
    .s020401 .box::after {left: 67.7rem; width: 8rem; height: 26.5rem;}
    .fullbg_imgbox {gap: 5rem;}
    .fullbg_imgbox .img {width: auto;}
    .fullbg_imgbox .img::after {position: absolute; right: -4.8rem; width: 6.5rem; height: 20.6rem;}
}
@media screen and (max-width:1560px){
    .arrow_colbox.type2 .mid::before{content: "";position: absolute;width: 100%;height: 5.2rem;left: 0;background: url(../../../images/site/kor/contents/02/bg_cbottem_arrow.png) center/contain no-repeat}
}
@media screen and (max-width:1440px) {
    .inner_tit {font-size: 2.2rem;}
    .sub_tit {font-size: 4rem;}
    [data-contents="0201"] .img_box1 {height: 39rem;}
    [data-contents="0201"] .hub {align-items: center; padding: 0;}
    [data-contents="0201"] .hub::after {display: none;}
    [data-contents="0201"] .hub .left {gap: 4rem; position: relative; width: 23.5%;}
    [data-contents="0201"] .box .bottom {gap: 5rem;}
    [data-contents="0201"] .box .bottom .img_box {width: calc(100% / 2 - 5rem);}
    [data-contents="0203"] .system {grid-template-columns: 1fr 1fr; align-items: baseline;}
    [data-contents="0201"] .hub .mid {position: relative; justify-content: space-evenly;}
    [data-contents="0201"] .hub .mid::before {content: ""; display: block; width: 5.82rem; height: 22rem; background: url(../../../images/site/kor/contents/02/arrow.svg) no-repeat center / contain;}
    [data-contents="0201"] .hub .mid::after {content: ""; display: block; width: 5.82rem; height: 22rem; background: url(../../../images/site/kor/contents/02/arrow.svg) no-repeat center / contain;}
    [data-contents="0201"] .hub .mid .circle {width: 23rem; height: 23rem; margin-left: 4rem;}
    [data-contents="0201"] .hub .mid .circle p {width: 18rem; height: 18rem; font-size: 2.3rem;}
    [data-contents="0203"] .system >div {display: contents;}
    [data-contents="0203"] .system div .item + .item {margin-top: 1rem;}
    [data-contents="0203"] .system .mid {grid-column: 1 / -1; order: -1;}
    [data-contents="0204"] .box {padding: 0 4rem;}
    [data-contents="0204"] .box::after {left: 63.7rem; width: 8rem; height: 30.5rem;}
    [data-contents="0204"] .box .r {column-gap: 1.4rem; row-gap: 2.6rem;}
    [data-contents="0204"] .box2 {margin: 6rem auto 0;}
    [data-contents="0204"] .grid_box .le {width: 44rem;}
    .step_box .step_list {margin-left: 2.3rem; gap: 4rem;}
    .step_box .icon_box {gap: 3rem;}
}
@media screen and (max-width:1280px){
    .umBox_flex{flex-direction:column}
    .col3_sq_list,
    .col4_cc_list{max-width:inherit}
}
@media screen and (max-width:1200px) {
    [data-contents="0203"] .box {gap: 10rem;}
    [data-contents="0203"] .infra .bot_img {flex-direction: column;}
    [data-contents="0203"] .infra .bot_img .item {width: 68%; height: 0; padding-top: 30%;}
    [data-contents="0203"] .infra .bot_img .arrow {display: flex; width: 100%; justify-content: center; align-items: center; gap: 2rem;}
    [data-contents="0203"] .infra .bot_img .arrow span {width: 7.5rem;}
    [data-contents="0203"] .infra .bot_img .arrow span.top::after {position: relative; top: -2.4rem; right: -4rem; background: url(../../../images/site/kor/contents/02/arrow_r.svg) no-repeat right / 267% auto; transform: rotate(-90deg); z-index: -1;}
    [data-contents="0203"] .infra .bot_img .arrow span.bottom::before {position: relative; top: 2.1rem; left: -4rem; background: url(../../../images/site/kor/contents/02/arrow_l.svg) no-repeat left / 267% auto; transform: rotate(-90deg); z-index: -1;}
    [data-contents="0204"] .box {flex-wrap: wrap; justify-content: center;} 
    [data-contents="0204"] .box::after {left: 44.5%; top: 27.5%; width: 12rem; height: 46.5rem; transform: rotate(90deg) translateX(-50%);}
    [data-contents="0204"] .box .r {width: 100%; margin-top: 10rem;}
    [data-contents="0204"] .box2 .box_t::after {bottom: -110%; width: 16rem; height: 61.5rem; transform: rotate(90deg); background: url(../../../images/site/kor/contents/02/arrow.svg) no-repeat center / cover;}
    [data-contents="0204"] .box2 .box_b {margin-top: 16.8rem;}
    [data-contents="0204"] .grid_box .c {width: 25rem; height: 25rem;}
    [data-contents="0204"] .grid_box .c p {width: 20rem; height: 20rem; font-size: 2.2rem;}
    [data-contents="0204"] .grid_box .le {width: 37rem;}
    [data-contents="0204"] .grid_box .le.end .item:nth-child(2) {margin-right: 4rem;}
    [data-contents="0204"] .grid_box .le .item:nth-child(2) {margin-left: 4rem;}
    [data-contents="0204"] .col_img_list {gap: 4.8rem;}
    [data-contents="0204"] .col_img_list li {width: calc((100% - 4.8rem) / 2);}
    [data-contents="0204"] .col_img_list li:nth-child(1) {order: 1;}
    [data-contents="0204"] .col_img_list li:nth-child(2) {order: 2;}
    [data-contents="0204"] .col_img_list li:nth-child(3) {order: 4;}
    [data-contents="0204"] .col_img_list li:nth-child(4) {order: 3;}
    [data-contents="0204"] .col_img_list li:nth-child(2)::after {top: 90%; right: 46%; transform: rotate(90deg) translateX(-50%);}
    [data-contents="0204"] .col_img_list li:nth-child(3)::after {right: 100%; transform: rotate(180deg) translateY(50%);}
    .step_box {height: auto; justify-content: space-between; align-items: baseline;}
    .step_box .step_list {display: block; padding: 5rem 7.4rem;}
    .step_box .step_list .step + .step {margin-top: 5rem;}
    .step_box .step_list .step::after {right: 11.3rem; transform: rotate(90deg);}

    [data-content="11"] .sub_tit br{display: none;}
    [data-content="11"] .boxs{margin-top: 4rem;}
    [data-content="11"] .pc img:first-child{display: none;}
    [data-content="11"] .pc img:nth-child(2){display: block;}
    [data-contents="0204"].s020401 .box::after {top: 32.5%; width: 10rem; height: 35.5rem;}
    [data-contents="0204"] .box .right-item {flex-wrap: nowrap; width: 100%; gap: 4rem; margin-top: 14.5rem;}
    [data-contents="0204"] .box .right-item .item:nth-child(2) {margin-left: 0;}
    [data-contents="0204"] .box .right-item .item {display: block; text-align: center;}
    [data-contents="0204"] .box .right-item .item img {width: 12rem; height: 12rem; margin: 0 auto 1.2rem;}
    [data-contents="0204"].s020401 .step_box {align-items: center;}
    .step_box .icon_box {gap: 0; height: 18rem;}
    .step_box .icon_box .icon {gap: 1rem;}
    .step_box .icon_box .icon i {width: 6.5rem; height: 6.5rem;}
    .fullbg_imgbox {margin-top: 4rem; padding: 3rem 0 5rem;}
    .fullbg_imgbox .img {width: 100%;}
    .fullbg_imgbox .img >img {display: none;}
    .fullbg_imgbox .img .m1024 {display: block;}
    .fullbg_imgbox .img::after {position: absolute; top: 90%; right: 0; left: 44%; width: 10rem; height: 28rem; transform: rotate(90deg) translateY(0) translateX(-50%);}
    .fullbg_imgbox {flex-wrap: wrap;}
    .fullbg_imgbox .table table {width: 100%; margin-top: 8rem;}
}
@media screen and (max-width:1024px) {
    .inner_tit {margin-bottom: 1.3rem; font-size: 2rem;}
    .sub_tit {font-size: 3rem;}
    .mid_tit {margin-top: 4.5rem; font-size: 2.5rem;}
    .mid_txt {margin-top: 1.8rem; font-size: 2.3rem;}
    .inner_tab_wrap {margin-bottom: 5rem;}
    [data-contents="0201"] .img_box1 {height: 23rem; margin-top: 3rem;}
    [data-contents="0201"] .hub {display: block; padding: 0 7.4rem;}
    [data-contents="0201"] .hub::after {left: 50%; top: 12%; width: 30.2rem; height: 52.7rem; transform: translateX(-50%); background: url(../../../images/site/kor/contents/02/s0201_img05_m.png) no-repeat center / contain;}
    [data-contents="0201"] .hub .left {flex-wrap: nowrap; gap: 2rem; width: 100%;}
    [data-contents="0201"] .hub .left .item .compuny.logo >img {display: none;}
    [data-contents="0201"] .hub .left .item .compuny.logo img.logo_m {display: block; height: auto;}
    [data-contents="0201"] .hub .mid {width: 100%; flex-wrap: wrap; margin-top: -7rem;}
    [data-contents="0201"] .hub .mid::before {width: 100%; transform: rotate(90deg); background: url(../../../images/site/kor/contents/02/arrow.svg) no-repeat center / contain;}
    [data-contents="0201"] .hub .mid::after {width: 100%; transform: rotate(90deg); background: url(../../../images/site/kor/contents/02/arrow.svg) no-repeat center / contain;}
    [data-contents="0201"] .hub .mid .circle {margin: -5rem 0;}
    [data-contents="0201"] .hub .right {width: 100%; padding: 0 6rem; margin-top: -4rem;}
    [data-contents="0201"] .box {margin-top: 4rem;}
    [data-contents="0201"] .box .top {gap: 2rem;}
    [data-contents="0201"] .box .top::after {width: 69%; height: 21.7rem; margin-top: -2.6rem; background-size: contain;}
    [data-contents="0201"] .box .bottom {gap: 2.5rem;}
    [data-contents="0201"] .box .bottom .img_box {width: calc(100% / 2);}
    [data-contents="0203"] .box {display: block; margin-top: 4rem;}
    [data-contents="0203"] .box .item {margin: 0 auto;}
    [data-contents="0203"] .box .item + .item {margin-top: 12rem;}
    [data-contents="0203"] .box::after {top: 45%; width: 100%; background: url(../../../images/site/kor/contents/02/arrow_m.svg) no-repeat center;}
    [data-contents="0203"] .system {grid-template-columns: 1fr;}
    [data-contents="0203"] .system .mid {order: -1;}
    .b_c {width: 18rem; height: 18rem;}
    .b_c p {font-size: 1.8rem;}
    .c {width: 23rem; height: 23rem;}
    .c p {width: 18.5rem; height: 18.5rem; font-size: 2rem;}
    [data-contents="0204"] .box .r .item img {width: 14rem;}
    [data-contents="0204"] .box::after {top: 19.5%;}
    [data-contents="0204"] .box2 {margin: 4rem auto 0;}
    [data-contents="0204"] .box2 .box_t {flex-wrap: wrap;}
    [data-contents="0204"] .box2 .box_t .label_box {width: 100%;}
    [data-contents="0204"] .box2 .box_t .label_box ul li {width: calc(100% / 3 - 1rem);}
    [data-contents="0204"] .box2 .box_t .b_c {margin-top: -2rem;}
    [data-contents="0204"] .box2 .box_t .c {margin-top: -2rem;}
    [data-contents="0204"] .box2 .box_t .b_c::after {top: -90%; left: 123%; transform: rotate(90deg);}
    [data-contents="0204"] .box2 .box_t::after {bottom: -63%; width: 11rem; height: 55.5rem; background-size: contain;}
    [data-contents="0204"] .box2 .box_b {gap: 2.7rem; margin-top: 12.8rem;}
    [data-contents="0204"] .box2 .box_b .item img {width: 13.4rem}
    [data-contents="0204"] .grid_box {grid-template-columns: 1fr 1fr; text-align: flex-start; gap: 2rem;}
    [data-contents="0204"] .grid_box .le{display: flex; flex-direction: column; align-items: center; width: 100%; gap: 2rem;}
    [data-contents="0204"] .mini_c {width: 10rem; height: 10rem;}
    [data-contents="0204"] .mini_c strong {font-size: 1.4rem;}
    [data-contents="0204"] .grid_box .c  {grid-column: 1 / -1; order: -1;}
    [data-contents="0204"] .grid_box .le.end .item:nth-child(2) {margin-right: 0;}
    [data-contents="0204"] .grid_box .le .item:nth-child(2) {margin-left: 0 ;}
    [data-contents="0204"] .grid_box .le.end .item {flex-direction: row-reverse;}
    [data-contents="0204"] .flex_box {display: block;}
    [data-contents="0204"] .flex_box .list_box {margin-top: 3rem;}
    [data-contents="0204"] .flex_box .list_box .in {flex-wrap: wrap;}
    [data-contents="0204"] .flex_box .list_box .in strong {width: 100%; margin-bottom: 1rem;}
    
    .half_flex_box{flex-direction:column}
    .half_flex_box .l, 
    .half_flex_box .r{width:100%}
    .step_box {flex-wrap: wrap;}
    .step_box >strong {width:100%; margin-top: 4rem;} 
    .step_box .step_list {width: 100%; padding: 2rem 0; margin-left: 0;}

    [data-contents="0204"].s020401 .box::after {top: 25.5%;}
    [data-contents="0204"] .box .right-item {margin-top: 9.5rem;}
    [data-contents="0204"].s020401 .step_box {align-items: center;}
    .step_box .icon_box {flex-wrap: wrap; height: auto; gap: 2rem; margin: 2rem 0 4rem;}
    .step_box .icon_box .icon {width: calc(100% / 2 - 2rem); gap: 1.6rem;}
    .step_box .icon_box .icon i {width: 8rem; height: 8rem; background-size: 63%;}
    .fullbg_box {padding: 3rem 0;}
    
}
@media screen and (max-width:768px)  {
    .mid_tit {margin-top: 3.5rem;}
    [data-contents="0201"] .hub {padding: 0;}
    [data-contents="0201"] .hub .left {flex-wrap: wrap;}
    [data-contents="0201"] .hub .left .item {display: flex; align-items: center; padding: 1.4rem 2.5rem; border-radius: 1.2rem; background-color: #F8F8F8;}
    [data-contents="0201"] .box .top {position: relative; margin-bottom: 11.5rem;}
    [data-contents="0201"] .box .top::after {position: absolute; bottom: -9.7rem; left: 50%; width: 12rem; height: 9.7rem; transform: translateX(-50%); background: url(../../../images/site/kor/contents/02/s0201_img06_m.png) no-repeat center / contain;}
    [data-contents="0203"] .infra .bot_img .item {width: 100%; padding-top: 47%;}
    [data-contents="0201"] .hub .left .item ul {margin-top: 0; padding: 0;}
    [data-contents="0201"] .hub .left .item .compuny {width: 80%; height: 5.5rem;}
    [data-contents="0201"] .hub .left .item .compuny img {margin: 0;}
    [data-contents="0201"] .hub .left .item .compuny.logo img.logo_m {height: 100%; width: auto;}
    [data-contents="0204"] .box {padding: 0 3rem;}
    [data-contents="0204"] .box .l {gap: 3rem;}
    [data-contents="0204"] .box .l .b_c::after {right: -3rem; width: 3.82rem; height: 14rem;}
    [data-contents="0204"] .box .r .item {flex:auto; width: calc(100% / 2 - 1.4rem)}
    [data-contents="0204"] .box::after {top: 19.5%; width: 8rem; height: 31.5rem;}
    [data-contents="0204"] .box2 .box_b {flex-wrap: wrap;}
    [data-contents="0204"] .box2 .box_b .item {display: flex; align-items: center; gap: 1.4rem; text-align: left;}
    [data-contents="0204"] .box2 .box_b .item p {padding: 0 0 0.8rem;}
    [data-contents="0204"] .box2 .box_b .item img {width: 11rem}
    .cont12_img1 .pc,
    .cont12_img2 .pc{display:none}
    .cont12_img1 .mo,
    .cont12_img2 .mo{display:block}
    .fullbg_imgbox .img::after {top: 95%; width: 6rem; height: 22rem;}
    .fullbg_imgbox .img .m1024 {display: none;}
    .fullbg_imgbox .img .m768 {display: block; height: 100%; width: auto; margin: 0 auto;}
    [data-contents="0203"] .box::after {top: 43%; width: 63%; background: url(../../../images/site/kor/contents/02/arrow_m.svg) no-repeat center / contain;}
    [data-contents="0203"] .box .item + .item {margin-top: 9rem;}
    [data-contents="0201"] .box .top .item {width: 100%;}
    [data-contents="0201"] .box .top .item ul {min-height: auto; padding: 1.6rem 0;}
    [data-contents="0204"].s020401 .fullbg_box {padding: 0;}
}
@media screen and (max-width:640px){
    .inner_tab_wrap .contab_btn{display:block}
    .inner_tab{overflow:hidden;visibility:hidden;height:0;position:absolute;left:0;top:100%;flex-direction:column;overflow-x:visible;gap:0;border-radius:0 0 1rem 1rem;z-index:10}
    .inner_tab li{width:100%;white-space:unset;border-top:1px solid #ddd;border-radius:0}
    .inner_tab li:first-child{border-top-color:#bbb}
    .inner_tab li a{border-radius:0}
    .inner_tab_wrap.active .inner_tab{visibility:visible;height:auto}

    .cont12_img1 .desc_box{flex-direction:column;width:100%;padding:2rem;border-radius:.8rem}

    .bg_um_box::before{background-position:right bottom}
    .col3_sq_list > li{width:100%;display:flex;align-items:center;justify-content:space-between}
    .col3_sq_list > li .item{width:calc(100% - 8.5rem)}
    .col3_sq_list .cate{font-size:2rem}
    .col3_sq_list .tit{font-size:2rem}
    .col3_sq_list .desc{font-size:1.75rem}
    .col4_cc_list{gap:2rem}
    .col4_cc_list > li{width:12.5rem;height:12.5rem}
    .col4_cc_list > li .tit{font-size:2rem}

    .inv_icon_list{width:33rem}
    .inv_icon_list li img{width:9rem}

    .cont12_img2 .lst{flex-wrap:wrap;max-width:28rem}
    .advanced_list{flex-direction:column;gap:7rem 0}
    .advanced_list > li{width:100%;min-height:20rem;aspect-ratio:351 / 200;}
    .advanced_list > li .tit{padding:1.25rem;font-size:1.75rem}
    .advanced_list > li::after{right:auto;left:0;top:100%;width:100%;height:7rem;background:url(../../../images/site/kor/contents/02/cont12_bottom_arrow.svg) center no-repeat;transform:none}
 
   [data-contents="0204"] .col_img_list {display: none;}
    .col_img_list_mo {display: block; position: relative; height: 43rem;}
    .col_img_list_mo .swiper-wrapper{display: flex; flex-wrap: nowrap; gap: 0; width: 100%; height: 38rem;}
    .col_img_list_mo .swiper-slide{overflow: hidden; width: 100%; position: relative; border-radius: 0.8rem;}
    .col_img_list_mo .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
    .col_img_list_mo .swiper-slide strong {position: absolute; left: 0; bottom: 0; padding: 1rem; border-radius: .8rem; background: #00306C; color: #fff; font-weight: 700;}
    .col_img_list_mo .swiper-pagination{display: block; bottom: 0;}
    [data-contents="0204"].s020401 .box::after {top: 16.5%; width: 8rem; height: 31.5rem;}
    [data-contents="0204"] .box .right-item {flex-wrap: wrap; gap: 1.6rem; margin-top: 8rem;}
    [data-contents="0204"] .box .right-item .item {display: flex; text-align: left;}
    [data-contents="0204"] .box .right-item .item img {margin: 0;}
    [data-contents="0204"] .box2 .box_t .b_c::after {top: -101%;}

    .b_c {width: 16rem; height: 16rem;}
    .b_c p {font-size: 1.7rem;}
    .c {width: 20rem; height: 20rem;}
    .c p {width: 16.5rem; height: 16.5rem; font-size: 1.9rem;}
}
@media screen and (max-width: 560px){
    [data-content="11"] .boxs{margin-top: 1rem;}
    [data-content="11"] .pc img:first-child,
    [data-content="11"] .pc img:nth-child(2){display: none;}
    [data-content="11"] .pc img:nth-child(3){display: block;}
    [data-content="11"] .mobile{position: relative; width: 100%; height: auto; top: 0; left: 0; margin-top: 3rem;}
    [data-content="11"] .mobile .b1{position: absolute; top: -9999px; left: -9999px;}
    [data-content="11"] .mobile ol{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 2rem; counter-reset:number;}
    [data-content="11"] .mobile ol >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;  gap: 0 2rem;position: relative; width: 100%; padding-left: 4.2rem; counter-increment:number;}
    [data-content="11"] .mobile ol >li:before{content:counter(number); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; top: 6rem; left: 0; width: 2.8rem; height: 2.8rem; margin-top: -1.4rem; color: #fff; font-size: 1.7rem; font-weight: 600; background-color: #E97800; border-radius: 50%; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.04); }
    [data-content="11"] .mobile ol >li .t1{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 1.8rem; position: relative; width: 100%;}
    [data-content="11"] .mobile ol >li .t2 + .t1{margin-top: 2.4rem;}
    [data-content="11"] .mobile ol >li .t2 + .t1:before{content: ""; position: absolute; bottom: 100%; left: 6rem; width: 1px; height: 2.4rem; border-left: 1px dashed #E97800;}
    [data-content="11"] .mobile ol >li .t1 strong{display: flex; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; width: 12rem; height: 12rem; padding: 1rem; text-align: center; color: #151515; font-size: 1.6rem; font-weight: 600; line-height: 1.2; background-color: #F3F6F8; border-radius: 50%;}
    [data-content="11"] .mobile ol >li .t1 strong img{display: block; width: 3.6rem; height: 3.6rem;}
    [data-content="11"] .mobile ol >li .t1 strong span{display: block; width: 100%; margin-top: 0.5rem;}
    [data-content="11"] .mobile ol >li .t1 .skin_list{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; width: calc(100% - 12rem - 1.8rem);}
    [data-content="11"] .mobile ol >li .t1 .skin_list li{position: relative; width: 100%; padding-left: 2rem; color: #555; font-weight: 500; line-height: 1.4; letter-spacing: -0.016rem;}
    [data-content="11"] .mobile ol >li .t1 .skin_list li:before{content: ""; display: block; position: absolute; top: 1rem; left: 1rem; width: 2px; height: 2px; background-color: #555; border-radius: 50%;}
    [data-content="11"] .mobile ol >li .t2{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; gap: 2.6rem; width: calc((100% - 2rem) / 2);}
    [data-content="11"] .mobile ol >li .t2 img{display: block; width: 12rem; height: 12rem;}
    [data-content="11"] .mobile ol >li .t2 strong{display: block; width: calc(100% - 12rem - 2.6rem); color: #151515; font-size: 1.6rem; font-weight: 700; line-height: 1.2; letter-spacing: -0.016rem;}
}
@media screen and (max-width:500px) {
    [data-contents="0203"] .box .item {width: 100%; padding: 1rem;}
    [data-contents="0203"] .box::after {background-size: contain;}
    [data-contents="0201"] .hub .left .item .compuny {width: 12 0%; height: 3.9rem;}
    [data-contents="0204"] .grid_box {grid-template-columns: 1fr;}
    .step_box .icon_box .icon {width: 100%;}
    [data-contents="0203"] .box .item{padding: 0;}
    [data-contents="0203"] .box .item .thumb {height: auto;}
    [data-contents="0203"] .box::after {top: 46%;}
}
@media screen and (max-width: 480px){
    [data-content="11"] .mobile ol >li{display: block; }
    [data-content="11"] .mobile ol >li .t2{width: 100%;}
    [data-content="11"] .mobile ol >li .t2 + .t2{margin-top: 1.8rem;}
    [data-contents="0201"] .hub .left .item .compuny.logo img.logo_m {width: 16.5rem; height: auto;}
    .fullbg_imgbox .img .m768 {width: 100%;}
}
@media screen and (max-width:400px){
    .col4_cc_list > li{width:11.5rem;height:11.5rem}
    .col4_cc_list > li .tit{margin-top:.8rem;font-size:1.8rem}
    [data-contents="0204"] .box2 .box_t::after {bottom: -45%;}
    [data-contents="0204"] .box2 .box_t .b_c::before {right: 38px; bottom: -88%; transform: rotate(90deg);}
    [data-contents="0204"] .box2 .box_t .b_c::after {left: 5rem;}
}

/* 이동형 인프라시스템 */
[data-contents="15"] .flex-box {display: flex; align-items: stretch; gap: 21rem; width: 100%;}
[data-contents="15"] .flex-box .box {display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem; width: calc((100% - 21rem) / 2);} 
[data-contents="15"] .flex-box .box .mid_tit {display: block; width: 100%; }
[data-contents="15"] .flex-box .box img {overflow: hidden; width: 100%; height: auto; border-radius: 1.2rem;}
[data-contents="15"] .flex-box .box .info {display: flex; justify-content: center; align-items: center; width: 100%; height: 14.8rem; padding: 0 2rem;}
[data-contents="15"] .flex-box .box .info.info1 {gap: 4rem;}
[data-contents="15"] .flex-box .box .info .text {display: block;}
[data-contents="15"] .flex-box .box .info .text strong {display: block; margin-bottom: 1.2rem; color: #151515; font-size: 1.8rem; font-weight: 700;}
[data-contents="15"] .flex-box .box .info .text span {color: #00306C; font-size: 1.6rem; font-weight: 500;}
[data-contents="15"] .flex-box .box .info p::before {content: ""; display: block; width: 3.8rem; height: 16rem; margin: 0 2rem; background: url(../../../images/site/kor/contents/02/arrow.svg) no-repeat center / contain;}
[data-contents="15"] .flex-box .box .info p {display: flex; align-items: center; color: #E97800; font-size: 1.8rem; font-weight: 700;}
[data-contents="15"] .flex-box .box .info.info1 strong {color: #00306C; font-size: 1.8rem; font-weight: 700;}
[data-contents="15"] .flex-box .box .info ul {display: flex; align-items: center; gap: 2rem;}
[data-contents="15"] .flex-box .box .info ul li {display: flex; justify-content: center; align-items: center; width: 6rem; height: 6rem; border-radius: 100%; border: 5px solid #00306C; background-color: #fff; color: #00306C; font-size: 1.4rem; font-weight: 700; text-align: center;}
[data-contents="15"] .col-box {margin-top: 12rem;}
[data-contents="15"] .col-box .arrow-box {display: flex; justify-content: space-between; align-items: stretch;}
[data-contents="15"] .col-box .arrow-box .l {display: inline-flex; flex-direction: column; flex-wrap: wrap; gap: 4rem; width: 43rem;}
[data-contents="15"] .col-box .arrow-box .l .item {display: flex; justify-content: center; flex-wrap: wrap; gap: 2.4rem; width: 100%;}
[data-contents="15"] .col-box .arrow-box .circle {display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 12rem; height: 12rem; border-radius: 100%; background-color: #F3F6F8; transition: all 0.5s ease;}
[data-contents="15"] .col-box .arrow-box .circle::after {content: ""; display: block; width: 4.2rem; height: 6.8rem; background: url(../../../images/site/kor/contents/02/cont15_icon1.svg) no-repeat center / contain;}
[data-contents="15"] .col-box .arrow-box .circle.circle2::after {content: ""; display: block; width: 5.8rem; height: 5.8rem; background: url(../../../images/site/kor/contents/02/cont15_icon2.svg) no-repeat center / contain;}
[data-contents="15"] .col-box .arrow-box .circle.circle3::after {content: ""; display: block; width: 4.2rem; height: 6.9rem; background: url(../../../images/site/kor/contents/02/cont15_icon3.svg) no-repeat center / contain;}
[data-contents="15"] .col-box .arrow-box .circle.circle4::after {content: ""; display: block; width: 4rem; height: 7rem; background: url(../../../images/site/kor/contents/02/cont15_icon4.svg) no-repeat center / contain;}
[data-contents="15"] .col-box .arrow-box .circle.circle5::after {content: ""; display: block; width: 5.8rem; height: 4.8rem; background: url(../../../images/site/kor/contents/02/cont15_icon5.svg) no-repeat center / contain;}
[data-contents="15"] .col-box .arrow-box .circle.circle6::after {content: ""; display: block; width: 3.8rem; height: 4.5rem; background: url(../../../images/site/kor/contents/02/cont15_icon6.svg) no-repeat center / contain;}
[data-contents="15"] .col-box .arrow-box .l .item .txt {display: block; width: 100%; padding: 2.4rem 3rem; background-color: #F8F8F8;}
[data-contents="15"] .col-box .arrow-box .l .item .txt strong {font-size: 2.4rem; font-weight: 700; color: #00306C; line-height: 1;}
[data-contents="15"] .col-box .arrow-box .l .item .txt ul li {margin-top: 1rem; line-height: 1;}
[data-contents="15"] .col-box .arrow-box .m {flex: auto; display: flex; justify-content: center; align-items: center; position: relative; text-align: center;}
[data-contents="15"] .col-box .arrow-box .m::before {content: ""; position: absolute; left: -.2rem; width: 100%; height: 100%; background: url(../../../images/site/kor/contents/02/cont15_bg.png) left center no-repeat; background-size: 97% 71%;}
[data-contents="15"] .col-box .arrow-box .m .circle_m {display: flex; align-items: center; justify-content: center; width: 32.4rem; height: 32.4rem; border-radius: 100%; border: 1px solid #eee; transition: all 0.5s ease;}
[data-contents="15"] .col-box .arrow-box .m .circle_m strong {position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; align-content: center; width: 26rem; height: 26rem; text-align: center; border-radius: 100%; border: 3px solid #FFD999; font-size: 2.2rem; font-weight: 700; line-height: 1.18; color: #E97800; background: linear-gradient(#FFF, #FFF) padding-box, linear-gradient(135deg, #FFD999, #E97800) border-box; border: 3px solid transparent; box-shadow: 0 .6rem 3rem 0 rgba(243, 152, 0, 0.15); z-index: 1; transition: all 0.5s ease;}
[data-contents="15"] .col-box .arrow-box .m .circle_m strong::before {content: ""; display: block; width: 100%; height: 4rem; margin-bottom: 1.2rem; background: url(../../../images/site/kor/contents/02/cont15_icon7.svg) no-repeat center / contain;}
[data-contents="15"] .col-box .arrow-box .r {display: flex; align-items: center;}
[data-contents="15"] .col-box .arrow-box .r ul {display: block;}
[data-contents="15"] .col-box .arrow-box .r ul li {display: flex; align-items: center; gap: .8rem; color: #00306C; font-size: 2.4rem; font-weight: 700; line-height: 1;}
[data-contents="15"] .col-box .arrow-box .r ul li + li {margin-top: 3.2rem;}

@media screen and (max-width:1620px){
    [data-contents="15"] .flex-box {gap: 8rem;}
    [data-contents="15"] .flex-box .box {width: calc((100% - 8rem) / 2);}
    [data-contents="15"] .col-box .arrow-box .m .circle_m {width: 24.4rem; height: 24.4rem;}
    [data-contents="15"] .col-box .arrow-box .m .circle_m strong {width: 20rem; height: 20rem;}
}
@media screen and (max-width:1440px){
    .mid_tit {margin-top: 4rem; font-size: 3rem; text-align: left;}
    [data-contents="15"] .flex-box {gap: 2rem;}
    [data-contents="15"] .flex-box .box {width: calc((100% - 2rem) / 2);}  
    [data-contents="15"] .col-box .arrow-box {flex-wrap: wrap;}
    [data-contents="15"] .col-box .arrow-box .circle {width: 10rem; height: 10rem;}
    [data-contents="15"] .col-box .arrow-box .l {flex-direction: row; gap: 2rem; width: 100%;}
    [data-contents="15"] .col-box .arrow-box .l .item {flex: 1; width: auto;}
    [data-contents="15"] .col-box .arrow-box .l .item .txt strong {font-size: 2rem;}
    [data-contents="15"] .col-box .arrow-box .m {width: 100%; margin: 10rem 0;}
    [data-contents="15"] .col-box .arrow-box .m::before {left: 0; top: -70%; background: url(../../../images/site/kor/contents/02/arrow_m.svg) no-repeat center;}
    [data-contents="15"] .col-box .arrow-box .m::after {content: ""; position: absolute; top: 70%; width: 100%; height: 100%; background: url(../../../images/site/kor/contents/02/arrow_m.svg) no-repeat center;}
    [data-contents="15"] .col-box .arrow-box .r {width: 100%;}
    [data-contents="15"] .col-box .arrow-box .r ul {display: flex; justify-content: space-between; width: 100%;}
    [data-contents="15"] .col-box .arrow-box .r ul li {font-size: 2rem;}
    [data-contents="15"] .col-box .arrow-box .r ul li + li {margin-top: 0;}
}
@media screen and (max-width:1200px){
    .mid_tit {margin-top: 3rem; font-size: 2.8rem;}
    [data-contents="15"] .col-box .arrow-box .l .item .txt {min-height: 18.5rem; padding: 2rem;}
}
@media screen and (max-width:1024px){
    [data-contents="15"] .sub_tit {margin-bottom: 0;}
    [data-contents="15"] .flex-box {flex-wrap: wrap; gap: 0; padding: 0; text-align: center;}
    [data-contents="15"] .flex-box .box {width: 100%;}
    [data-contents="15"] .flex-box .box .info {flex-wrap: nowrap; text-align: left;}
    [data-contents="15"] .flex-box .box .info p::before {margin: 0 2rem; transform: rotate(0);}
    [data-contents="15"] .flex-box .box .info .text {width: auto;}
    [data-contents="15"] .flex-box .box .info p {display: flex; width: auto;}
    [data-contents="15"] .col-box {margin-top: 5rem;}
    [data-contents="15"] .col-box .arrow-box .l .item .txt {min-height: 24.6rem; padding: 2.4rem 3rem;}
    [data-contents="15"] .col-box .arrow-box .r ul {flex-wrap: wrap; gap: 1.6rem;}
    [data-contents="15"] .col-box .arrow-box .r ul li {justify-content: center; width: 100%;}
    [data-contents="15"] .col-box .arrow-box .m::before, [data-contents="15"] .col-box .arrow-box .m::after {background-size: 50%;}
}
@media screen and (max-width:768px){
    [data-contents="15"] .flex-box .box .info {flex-wrap: wrap; padding: 0;}
    [data-contents="15"] .flex-box .box .info p {display: block; width: 100%; text-align: center;}
    [data-contents="15"] .flex-box .box .info p::before {margin: -4rem auto; transform: rotate(90deg);}
    [data-contents="15"] .flex-box .box .info.info1 {flex-wrap: nowrap; justify-content: flex-start;}
    [data-contents="15"] .flex-box .box .info.info1 strong {white-space: nowrap;}
    [data-contents="15"] .flex-box .box .info ul {flex-wrap: wrap;}
    [data-contents="15"] .col-box .arrow-box .l .item {display: flex; align-items: center; flex: auto; flex-wrap: nowrap; gap: .7rem; width: 100%; background-color: #F8F8F8; border-radius: .8rem;}
    [data-contents="15"] .col-box .arrow-box .l .item .circle {background-color: transparent;}
    [data-contents="15"] .col-box .arrow-box .l .item .txt {min-height: auto; padding: 1.4rem 0;}
    [data-contents="15"] .col-box .arrow-box .r ul li {justify-content: flex-start;}
    [data-contents="15"] .col-box .arrow-box .circle {width: 6rem; height: 6rem;}
    [data-contents="15"] .col-box .arrow-box .circle::after {background-size: 60%;}
    [data-contents="15"] .col-box .arrow-box .circle.circle2::after {background-size: 60%;}
    [data-contents="15"] .col-box .arrow-box .circle.circle3::after {background-size: 60%;}
    [data-contents="15"] .col-box .arrow-box .circle.circle4::after {background-size: 60%;}
    [data-contents="15"] .col-box .arrow-box .circle.circle5::after {background-size: 60%;}
    [data-contents="15"] .col-box .arrow-box .circle.circle6::after {background-size: 60%;}
}
@media screen and (max-width:500px){
    [data-contents="15"] .flex-box .box .info ul {gap: 1rem;}
}