.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.contents .page_thumbnail{background-image:url("../../img/business/civil/header_bg.jpg")}#page_contents{position:relative;background-color:#F7F7F9;background-image:url("../../img/business/bg_struct_shape.png");background-repeat:no-repeat;background-position:100% 0;background-size:63.888%}#page_contents .btn_navy{font-size:0.9rem}#page_contents .container .works{gap:2rem;padding:3.5rem 0 2rem}@media screen and (min-width:768px) and (max-width:920px){#page_contents .container .works{gap:1rem}}#page_contents .container .works .item{position:relative;gap:1.5rem;width:100%}#page_contents .container .works .item:first-child{z-index:2}#page_contents .container .works .item h3{line-height:2;font-size:1.2rem;padding-left:3rem;background-size:1.5rem 2rem;background-position:0 50%;background-repeat:no-repeat}#page_contents .container .works .item h3.bridge{background-image:url("../../img/business/civil/icon_bridge.svg")}#page_contents .container .works .item h3.highway{background-image:url("../../img/business/civil/icon_road.svg")}#page_contents .container .works .item h3.train{background-image:url("../../img/business/civil/icon_train.svg")}#page_contents .container .works .item p{color:#636363;font-size:0.9rem}@media screen and (max-width:1000px){#page_contents .container .works .item p{font-size:0.8rem}}@media screen and (max-width:860px){#page_contents .container .works .item p{font-size:0.7rem}}@media screen and (max-width:767px){#page_contents .container .works .item p{font-size:0.9rem}}#page_contents .container .works .item .detail .photos figure{z-index:2}@media screen and (max-width:767px){#page_contents .container .works .item .detail .photos figure.bg_line_top:before{display:none}#page_contents .container .works .item .detail .photos figure.bg_line_bottom:after{display:none}}#page_contents .container .works .item .detail .photos figure img{width:100%;aspect-ratio:5/3;-o-object-fit:cover;object-fit:cover}#page_contents .container .works .item .detail p{font-size:0.8rem}#page_contents .container .work_list{margin-bottom:3.5rem}#page_contents .container .work_list .btn_navy{width:calc(33.3333% - 1.3333rem)}@media screen and (max-width:820px){#page_contents .container .work_list .btn_navy{font-size:1rem}}@media screen and (max-width:767px){#page_contents .container .work_list .btn_navy{width:80%}}#page_contents .container .flow_title:before{z-index:1}#page_contents .container .flow_title span{position:relative;z-index:2}#page_contents .container .flow{margin-top:3.5rem}#page_contents .container .flow li{-webkit-box-shadow:0 0 0.5rem rgba(0,0,0,0.23);box-shadow:0 0 0.5rem rgba(0,0,0,0.23)}#page_contents .container .flow li>div{background:#FFFFFF}#page_contents .container .flow li>div h3{font-weight:400;color:#00264D;font-size:0.9rem}#page_contents .container .flow li>div h2{font-size:1.2rem;margin:0.5rem 0 1rem}#page_contents .container .flow li>div .detail{gap:2rem}@media screen and (max-width:1024px){#page_contents .container .flow li>div .detail{gap:1rem}}#page_contents .container .flow li>div .detail .text{width:calc(50% - 1rem)}@media screen and (max-width:1024px){#page_contents .container .flow li>div .detail .text{width:calc(50% - 0.5rem)}}@media screen and (max-width:767px){#page_contents .container .flow li>div .detail .text{width:100%}}#page_contents .container .flow li>div .detail .text p{font-size:0.9rem;text-align:justify}#page_contents .container .flow li>div .detail .img{width:calc(50% - 1rem);gap:2rem}@media screen and (max-width:1024px){#page_contents .container .flow li>div .detail .img{width:calc(50% - 0.5rem);gap:1rem}}@media screen and (max-width:767px){#page_contents .container .flow li>div .detail .img{width:100%}}#page_contents .container .flow li>div .detail .img figure{width:calc(50% - 1rem)}@media screen and (max-width:1024px){#page_contents .container .flow li>div .detail .img figure{width:calc(50% - 0.5rem)}}#page_contents .container .flow li>div .detail .img figure img{width:100%;aspect-ratio:29/20;-o-object-fit:cover;object-fit:cover}#page_contents .container .flow li>div .detail .img figure figcaption{font-size:0.6rem;font-weight:400;color:#636363;line-height:1;pointer-events:none}#page_contents .container .flow li>div .detail .img.left{width:100%}#page_contents .container .flow li>div .detail .img.left figure img{aspect-ratio:13/8}#page_contents .container .flow li>div .detail .img.right figure{width:100%}#page_contents .container .flow li>div .detail .img.slider{padding:0 3.5rem 0 5.5rem}@media screen and (max-width:1024px){#page_contents .container .flow li>div .detail .img.slider{padding:0}}#page_contents .container .flow li>div .detail .img.slider figure{width:100%;padding-bottom:0.5rem}@media screen and (max-width:1100px){#page_contents .container .flow li>div .detail .img.slider figure{padding-bottom:2rem}}#page_contents .container .flow li>div .detail .img.slider .page{position:absolute;bottom:0;right:0;background-color:#FFFFFF;z-index:5}#page_contents .container .flow li>div .detail .img.slider .page .swiper-pagination{position:static;width:auto}@media screen and (max-width:1280px){#page_contents .container .flow li>div .detail .img.slider .page .swiper-pagination{font-size:0.8rem}}#page_contents .container .flow li>div .detail .img.slider .page .swiper-pagination .swiper-pagination-current{padding:0 0.5rem 0 1rem}@media screen and (max-width:1280px){#page_contents .container .flow li>div .detail .img.slider .page .swiper-pagination .swiper-pagination-current{padding:0 0.5rem}}#page_contents .container .flow li>div .detail .img.slider .page .swiper-pagination .swiper-pagination-total{padding:0 1rem 0 0.5rem}@media screen and (max-width:1280px){#page_contents .container .flow li>div .detail .img.slider .page .swiper-pagination .swiper-pagination-total{padding:0 0.5rem}}#page_contents .container .flow li>div .detail .img.slider .page .swiper-button-next,#page_contents .container .flow li>div .detail .img.slider .page .swiper-button-prev{position:static;color:#171717;width:0.5rem;margin-top:0.3rem;height:1rem}#page_contents .container .flow li>div .detail .img.slider .page .swiper-button-next:after,#page_contents .container .flow li>div .detail .img.slider .page .swiper-button-prev:after{font-size:0.7rem;font-weight:600}@media screen and (max-width:1280px){#page_contents .container .flow li>div .detail .img.slider .page .swiper-button-next,#page_contents .container .flow li>div .detail .img.slider .page .swiper-button-prev{margin-top:0.2rem}}