@charset "UTF-8";

/* **************************************** *
 * 도로이용정보
 * **************************************** */
/* 실시간 교통정보 */
.traffic-live{position:relative; padding:12rem 8rem 4rem; background:#0f4c5c url("../img/contents/traffic-live-bg.png") no-repeat 50% 50%; border-radius:2.2rem; box-sizing:border-box}
.traffic-live .traffic-flow{display:flex; align-items:center; gap:1rem}
.traffic-live .traffic-flow .flow-turn{flex:none; display:flex; position:relative; justify-content:center}
.traffic-live .traffic-flow .flow-turn .turn-circle{display:flex; align-items:center; justify-content:center; position:relative; width:3.6rem; height:3.6rem; background-color:#0f4c5c; border:0.6rem solid #0a333e; border-radius:50%; box-sizing:border-box}
.traffic-live .traffic-flow .flow-turn .turn-circle:before{content:''; width:1.2rem; height:1.2rem; background-color:var(--wmsway-color-light-alpha-white100); border-radius:50%}

.traffic-live .traffic-flow .flow-turn .turn-label{display:flex; align-items:center; position:absolute; top:-8.8rem; min-height:3.6rem; padding:0 1.4rem; background-color:var(--wmsway-color-light-alpha-white10); border:1px solid var(--wmsway-color-light-alpha-white25); border-radius:20rem; box-sizing:border-box}
.traffic-live .traffic-flow .flow-turn .turn-label:before{content:''; position:absolute; left:50%; bottom:-8.8rem; width:1px; height:8.8rem; background-color:var(--wmsway-color-light-alpha-white50)}
.traffic-live .traffic-flow .flow-turn .turn-label span{line-height:1.4em; font-size:1.5rem; font-weight:normal; color:var(--wmsway-color-light-alpha-white100); letter-spacing:-0.02rem; white-space:nowrap}

.traffic-live .traffic-flow .flow-turn .turn-label.label-b{top:auto; bottom:-8.8rem}
.traffic-live .traffic-flow .flow-turn .turn-label.label-b:before{bottom:auto; top:-8.8rem}

.traffic-live .traffic-flow .flow-turn .turn-direction{display:flex; align-items:center; gap:0.5rem; position:absolute; bottom:-4.6rem; min-height:3.4rem; box-sizing:border-box}
.traffic-live .traffic-flow .flow-turn .turn-direction span{line-height:1.4em; font-size:1.5rem; font-weight:normal; color:var(--wmsway-color-light-alpha-white100); letter-spacing:-0.02rem; white-space:nowrap}
.traffic-live .traffic-flow .flow-turn .turn-direction i{position:relative; top:-0.1rem; color:var(--wmsway-color-light-alpha-white100); font-size:2.2rem}
.traffic-live .traffic-flow .flow-turn .turn-direction.direction-l{left:0}
.traffic-live .traffic-flow .flow-turn .turn-direction.direction-r{right:0}

.traffic-live .traffic-flow .flow-road.road-section01{flex:7.5}
.traffic-live .traffic-flow .flow-road.road-section02{flex:2.5}
.traffic-live .traffic-flow .flow-road .road-container{display:flex; flex-direction:column; justify-content:space-between; align-items:center; position:relative; height:2.8rem}

.traffic-live .traffic-flow .flow-road .road-container .road-bound{display:flex; align-items:center; position:absolute; min-height:3rem; padding:0 0.6rem; background-color:var(--wmsway-color-light-alpha-white10); border-radius:20rem; box-sizing:border-box}
.traffic-live .traffic-flow .flow-road .road-container .road-bound i{margin:0 -1.4rem; font-size:2.4rem}
.traffic-live .traffic-flow .flow-road .road-container .road-bound:before,
.traffic-live .traffic-flow .flow-road .road-container .road-bound:after{margin:0; padding:0; font-family:remixicon; font-size:2.4rem}
.traffic-live .traffic-flow .flow-road .road-container .road-bound.bound-l{top:-8.6rem; margin-left:0}
.traffic-live .traffic-flow .flow-road .road-container .road-bound.bound-l i{color:rgba(255,255,255,.6);}
.traffic-live .traffic-flow .flow-road .road-container .road-bound.bound-l:before,
.traffic-live .traffic-flow .flow-road .road-container .road-bound.bound-l:after{content:'\ea64'}
.traffic-live .traffic-flow .flow-road .road-container .road-bound.bound-l:before{color:rgba(255,255,255,1)}
.traffic-live .traffic-flow .flow-road .road-container .road-bound.bound-l:after{color:rgba(255,255,255,.3)}
.traffic-live .traffic-flow .flow-road .road-container .road-bound.bound-l{animation:bound-l 2s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards}
@keyframes bound-l{0%{margin-left:0; opacity:1} 50%{margin-left:-4rem; opacity:1} 100%{margin-left:0; opacity:1}}

.traffic-live .traffic-flow .flow-road .road-container .road-bound.bound-r{bottom:-8.6rem;}
.traffic-live .traffic-flow .flow-road .road-container .road-bound.bound-r i{color:rgba(255,255,255,.6)}
.traffic-live .traffic-flow .flow-road .road-container .road-bound.bound-r:before,
.traffic-live .traffic-flow .flow-road .road-container .road-bound.bound-r:after{content:'\ea6e'}
.traffic-live .traffic-flow .flow-road .road-container .road-bound.bound-r:before{color:rgba(255,255,255,.3)}
.traffic-live .traffic-flow .flow-road .road-container .road-bound.bound-r:after{color:rgba(255,255,255,1)}
.traffic-live .traffic-flow .flow-road .road-container .road-bound.bound-r{animation:bound-r 2s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards}
@keyframes bound-r{0%{margin-right:0; opacity:1} 50%{margin-right:-4rem; opacity:1} 100%{margin-right:0; opacity:1}}

.traffic-live .traffic-flow .flow-road .road-container .road-signal{width:100%; height:0.8rem; background-color:#202020; border-radius:20rem; box-sizing:border-box}
.traffic-live .traffic-flow .flow-road .road-container .road-signal.color-good{background-color:#39ba75}
.traffic-live .traffic-flow .flow-road .road-container .road-signal.color-slow{background-color:#f4a300}
.traffic-live .traffic-flow .flow-road .road-container .road-signal.color-bad{background-color:#d64545}
.traffic-live .traffic-flow .flow-road .road-container .road-signal.color-none{background-color:#909090}

.traffic-live .road-cctv{display:inline-flex; align-items:center; justify-content:center; position:absolute; width:3.6rem; height:3.6rem; background-color:#0a333e; background-size:1.5rem 1.4rem; background-repeat:no-repeat; background-position:50% 50%; border-radius:50%}
.traffic-live .road-cctv:hover{background-color:#002920; border:2px solid var(--wmsway-color-light-alpha-white100)}
.traffic-live .road-cctv.cctv01{top:-4.4rem; background-image:url("../img/contents/traffic-cctv-l.png")}
.traffic-live .road-cctv.cctv02{top:-4.4rem; background-image:url("../img/contents/traffic-cctv-l.png")}
.traffic-live .road-cctv.cctv03{bottom:-4.4rem; margin-right:-12rem; background-image:url("../img/contents/traffic-cctv-r.png")}
.traffic-live .road-cctv.cctv04{top:-4.4rem; background-image:url("../img/contents/traffic-cctv-l.png")}
.traffic-live .road-cctv.cctv05{bottom:-4.4rem; background-image:url("../img/contents/traffic-cctv-r.png")}
.traffic-live .road-cctv.cctv06{top:-4.4rem; background-image:url("../img/contents/traffic-cctv-l.png")}

.traffic-live .traffic-guide{display:flex; justify-content:space-between; margin-top:9.4rem}
.traffic-live .traffic-guide .guide-info{display:inline-flex; align-items:center; position:relative; min-height:3.6rem; padding:0 2rem; line-height:1.2em; font-size:1.4rem; font-weight:normal; color:var(--wmsway-color-light-gray-0); letter-spacing:-0.02rem; background-color:var(--wmsway-color-light-alpha-white10); border-radius:20rem; word-break:keep-all; box-sizing:border-box}
.traffic-live .traffic-guide .guide-info:before{content:'\ee59'; margin-right:0.5rem; color:var(--wmsway-color-light-gray-0); font-family:remixicon; font-size:1.6rem}
.traffic-live .traffic-guide .guide-legend{display:flex; border-radius:0.6rem; overflow:hidden}
.traffic-live .traffic-guide .guide-legend .legend-item{display:flex; align-items:center; justify-content:center; min-width:16rem; height:3.6rem; padding:0 2rem; box-sizing:border-box}
.traffic-live .traffic-guide .guide-legend .legend-item span{display:inline-flex; align-items:center; gap:0.2rem; line-height:1.2em; font-size:1.4rem; font-weight:normal; color:var(--wmsway-color-light-gray-0); text-align:center; letter-spacing:-0.02rem; white-space:nowrap}
.traffic-live .traffic-guide .guide-legend .legend-item span i{position:relative; font-size:2rem; font-weight:normal}
.traffic-live .traffic-guide .guide-legend .legend-item.color-good{background-color:#39ba75}
.traffic-live .traffic-guide .guide-legend .legend-item.color-slow{background-color:#f4a300}
.traffic-live .traffic-guide .guide-legend .legend-item.color-bad{background-color:#d64545}
.traffic-live .traffic-guide .guide-legend .legend-item.color-none{min-width:auto; background-color:#909090}

/* CCTV */
.cctv-container iframe{display:block; width:100%; aspect-ratio:16 / 9; margin:0; padding:0}
.cctv-container .badge-cmm{position:absolute; right:1rem; bottom:1rem}

/* 노선도 및 구간안내 */
.routemap-map{position:relative; border:1px solid var(--wmsway-color-light-gray-10); border-radius:1.2rem; overflow-x:auto}
.routemap-map .map-overlay{display:none; justify-content:center; padding:2.4rem 0 0; box-sizing:border-box}
.routemap-map .map-overlay p{display:inline-flex; align-items:center; gap:1rem; line-height:1.2em; color:var(--wmsway-color-light-gray-95); font-size:1.6rem; letter-spacing:-0.05rem; text-align:center}
.routemap-map .map-overlay p:before,
.routemap-map .map-overlay p:after{content:''; display:flex; align-items:center; justify-content:center; width:3.2rem; height:2.4rem; color:var(--wmsway-color-light-gray-70); font-family:remixicon; font-size:1.6rem; font-weight:normal; background-color:transparent; border:0.1rem solid var(--wmsway-color-light-gray-20); border-radius:20rem; box-sizing:border-box}
.routemap-map .map-overlay p:before{content:'\f5d6'}
.routemap-map .map-overlay p:after{content:'\f5dc'}
.routemap-map .map-area{display:flex; position:relative; min-width:95rem; padding:2.4rem; box-sizing:border-box}
.routemap-map .map-area img{width:100%; height:auto; border-radius:1rem}



/* **************************************** *
 * 통행료 조회 납부
 * **************************************** */
/* 미납통행료 조회/납부 */
.paytolls-search{display:flex; justify-content:center; margin:6rem 0; padding:4rem; background-color:#71b2a2; border-radius:2.2rem; overflow:hidden; box-sizing:border-box}
.paytolls-search .search-container{display:flex; flex-direction:column; position:relative; gap:2rem; width:50rem; box-sizing:border-box}
.paytolls-search .search-container:before,
.paytolls-search .search-container:after{content:''; position:absolute; border-radius:1000rem; filter:blur(9.4rem)}
.paytolls-search .search-container:before{left:-20rem; top:-40rem; width:62rem; height:62rem; background-color:#00664f; opacity:.9}
.paytolls-search .search-container:after{right:-20rem; bottom:-20rem; width:42rem; height:42rem; background-color:#b76541; opacity:.9}

.paytolls-search .search-top{display:flex; justify-content:space-between; position:relative; z-index:1}
.paytolls-search .search-top .top-tit .tit{line-height:1.4em; color:var(--wmsway-color-light-gray-0); font-size:1.8rem; font-weight:300; letter-spacing:-0.05rem}
.paytolls-search .search-top .top-tip{display:inline-flex; align-items:center; gap:0.4rem}
.paytolls-search .search-top .top-tip span{line-height:1.4em; font-size:1.6rem; font-weight:normal; color:var(--wmsway-color-light-alpha-white75); letter-spacing:-0.02rem}
.paytolls-search .search-top .top-tip i{position:relative; top:-0.1rem; color:var(--wmsway-color-light-gray-0); font-size:2rem; font-weight:normal}

.paytolls-search .search-form{position:relative; z-index:1}
.paytolls-search .search-form fieldset{display:flex; flex-direction:column; align-items:center; gap:2.4rem}
.paytolls-search .search-form .form-input{position:relative; width:100%; height:7rem; background-color:var(--wmsway-color-light-alpha-white25); border:1px solid var(--wmsway-color-light-alpha-white25); border-radius:1.2rem; box-sizing:border-box}
.paytolls-search .search-form .form-input input{width:100%; height:7rem; margin:0; padding:0 2rem; background:none; color:var(--wmsway-color-light-gray-0); font-family:'FlightSans','PretendardGOV'; font-size:2.9rem; font-weight:300; text-align:center; letter-spacing:-0.02rem; border:0; border-radius:0; cursor:pointer; box-sizing:border-box}
.paytolls-search .search-form .form-input input::-webkit-input-placeholder{color:var(--wmsway-color-light-gray-0); font-size:2.9rem; font-weight:300; letter-spacing:-0.05rem}
.paytolls-search .search-form .form-confirm .confirm-search{display:flex; align-items:center; justify-content:center; gap:0.6rem; height:5.4rem; margin:0; padding:0 4rem; color:#fff; background:var(--wmsway-color-light-gray-90); border:0; border-radius:30rem; cursor:pointer; transition:all .35s ease}
.paytolls-search .search-form .form-confirm .confirm-search span{line-height:1.2em; color:var(--wmsway-color-light-gray-0); font-size:1.8rem; font-weight:300; letter-spacing:-0.02rem}
.paytolls-search .search-form .form-confirm .confirm-search i{color:var(--wmsway-color-light-gray-0); font-size:2rem}

.paytolls-checkout{display:flex; align-items:center; justify-content:flex-end; margin:2rem 0; padding:2.5rem 2rem; background-color:var(--wmsway-color-light-gray-5); border-radius:1.6rem}
.paytolls-checkout .checkout-item{display:inline-flex; align-items:center; position:relative; min-height:4.8rem; padding:0 3rem; border-left:1px solid var(--wmsway-color-light-gray-20); box-sizing:border-box}
.paytolls-checkout .checkout-item:first-child{border-left:none}
.paytolls-checkout .checkout-item .item-tit{margin-right:2rem}
.paytolls-checkout .checkout-item .item-num{min-width:12rem; text-align:right}
.paytolls-checkout .checkout-item .item-uni{margin-left:0.4rem}
.paytolls-checkout .checkout-item .item-fnl{width:12rem}
.paytolls-checkout .checkout-item .item-fnl input{padding:0; text-align:right; font-size:2.5rem; font-weight:300; letter-spacing:-0.05rem}
.paytolls-checkout .checkout-item .item-fnl input[readonly]{color:var(--wmsway-color-light-success-60); background-color:transparent; border:0.1rem solid transparent}

.paytolls-checkout .checkout-item .item-tit span,
.paytolls-checkout .checkout-item .item-num span,
.paytolls-checkout .checkout-item .item-uni span{line-height:1.4em; letter-spacing:-0.02rem}
.paytolls-checkout .checkout-item .item-tit span{font-size:1.6rem; font-weight:normal; color:var(--wmsway-color-light-gray-60)}
.paytolls-checkout .checkout-item .item-num span{font-size:2.5rem; font-weight:300; color:var(--wmsway-color-light-gray-95)}
.paytolls-checkout .checkout-item .item-uni span{font-size:1.6rem; font-weight:normal; color:var(--wmsway-color-light-gray-60)}

.paytolls-checkout .checkout-item .item-confirm{margin-left:2rem}


/* **************************************** *
 * 회사소개
 * **************************************** */
/* 조직도 */
.organization-map{position:relative; border:1px solid var(--wmsway-color-light-gray-10); border-radius:1.2rem}

.organization-map .map-overlay{display:none; justify-content:center; padding:2.4rem 0 0; box-sizing:border-box}
.organization-map .map-overlay p{display:inline-flex; align-items:center; gap:1rem; line-height:1.2em; color:var(--wmsway-color-light-gray-95); font-size:1.6rem; letter-spacing:-0.05rem; text-align:center}
.organization-map .map-overlay p:before,
.organization-map .map-overlay p:after{content:''; display:flex; align-items:center; justify-content:center; width:3.2rem; height:2.4rem; color:var(--wmsway-color-light-gray-70); font-family:remixicon; font-size:1.6rem; font-weight:normal; background-color:transparent; border:0.1rem solid var(--wmsway-color-light-gray-20); border-radius:20rem; box-sizing:border-box}
.organization-map .map-overlay p:before{content:'\f5d6'}
.organization-map .map-overlay p:after{content:'\f5dc'}

.organization-map .map-scroll-container{overflow-x:auto}
.organization-map .map-area{position:relative; min-width:64rem; padding:4rem 0; box-sizing:border-box}
.organization-map .map-inner{position:relative; width:63rem; margin:0 auto}
.organization-map .map-inner:before{content:''; position:absolute; left:50%; top:0; width:1px; height:33.2rem; background-color:var(--wmsway-color-light-gray-20)}

.organization-map .level1-box{display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; width:18rem; height:9rem; margin:0 auto 6rem; background-color:#144c5c; border-radius:0.6rem 0.6rem 1.8rem 0.6rem; box-sizing:border-box; z-index:1}
.organization-map .level1-box strong,
.organization-map .level1-box span{color:#fff; font-family:'FlightSans','PretendardGOV'; font-size:1.7rem; font-weight:300; letter-spacing:-0.05rem}
.organization-map .level1-box span{margin-top:0.5rem; font-size:1.5rem; font-weight:normal; color:rgba(255,255,255,.6)}

.organization-map .level2-group{display:flex; align-items:center; justify-content:center; justify-content:space-around; position:relative; margin-bottom:2rem}
.organization-map .level2-group:before{content:''; position:absolute; left:15.8rem; right:15.8rem; top:-3.8rem; height:1px; background-color:var(--wmsway-color-light-gray-20)}
.organization-map .level2-group.level2-line-hidden-l:before{left:31.5rem}
.organization-map .level2-group.level2-line-hidden-r:before{right:31.5rem}

.organization-map .level2-box{display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; width:18rem; height:7rem; background-color:var(--wmsway-color-light-primary-5); border-radius:0.6rem 0.6rem 1.8rem 0.6rem; box-sizing:border-box; z-index:1}
.organization-map .level2-box strong,
.organization-map .level2-box span{color:var(--wmsway-color-light-teal-60); font-family:'FlightSans','PretendardGOV'; font-size:1.7rem; font-weight:300; letter-spacing:-0.05rem}
.organization-map .level2-box span{margin-top:0.5rem; font-size:1.6rem; font-weight:normal}
.organization-map .level2-box:after{content:''; position:absolute; left:50%; top:-3.8rem; width:1px; height:3.8rem; background-color:var(--wmsway-color-light-gray-20)}

.organization-map .level2-box.level2-blank{background-color:transparent}
.organization-map .level2-box.level2-blank:after{display:none}

.organization-map .level3-group{display:flex; align-items:center; justify-content:center; justify-content:space-around; position:relative; margin-bottom:6rem}
.organization-map .level3-box{display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; width:18rem; height:7rem; background-color:var(--wmsway-color-light-primary-5); border-radius:0.6rem 0.6rem 1.8rem 0.6rem; box-sizing:border-box; z-index:1}
.organization-map .level3-box strong,
.organization-map .level3-box span{color:var(--wmsway-color-light-teal-60); font-family:'FlightSans','PretendardGOV'; font-size:1.7rem; font-weight:300; letter-spacing:-0.05rem}
.organization-map .level3-box span{margin-top:0.5rem; font-size:1.6rem; font-weight:normal}

.organization-map .level4-group{display:flex; align-items:flex-start; justify-content:center; justify-content:space-around; position:relative}
.organization-map .level4-group:before{content:''; position:absolute; left:15.8rem; right:15.8rem; top:-3.8rem; height:1px; background-color:var(--wmsway-color-light-gray-20)}
.organization-map .level4-inner-group{display:flex; flex-direction:column; gap:1rem}

.organization-map .level4-box{display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; width:18rem; height:7rem; background-color:var(--wmsway-color-light-secondary-5); border-radius:0.6rem 0.6rem 1.8rem 0.6rem; box-sizing:border-box; z-index:1}
.organization-map .level4-box strong,
.organization-map .level4-box span{color:var(--wmsway-color-light-gray-0); font-size:1.7rem; font-weight:300; letter-spacing:-0.05rem}
.organization-map .level4-box span{margin-top:0.5rem; font-size:1.6rem}
.organization-map .level4-box:after{content:''; position:absolute; left:50%; top:-3.8rem; width:1px; height:3.8rem; background-color:var(--wmsway-color-light-gray-20)}

.organization-map .level4-box.level4-bg01{background-color:var(--wmsway-color-light-secondary-60)}
.organization-map .level4-box.level4-bg02{background-color:var(--wmsway-color-light-secondary-60)}

.organization-map .level4-item-group{display:flex; flex-direction:column; gap:0.6rem; margin-bottom:2.8rem}
.organization-map .level4-item{display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; width:18rem; height:4.8rem; background-color:#fff; border:1px solid #ebebeb; border-radius:0.6rem; box-sizing:border-box; z-index:1}
.organization-map .level4-item strong,
.organization-map .level4-item span{color:#505050; font-size:1.5rem; font-weight:normal; letter-spacing:-0.06rem}
.organization-map .level4-item span{margin-top:0.5rem}


/* 찾아오시는길 */
.ply-location{display:flex; gap:4rem; position:relative}
.ply-location .location-l{flex:4.5; border-bottom:0.2rem solid #202020}

.ply-location .location-tit{display:flex; flex-direction:column}
.ply-location .location-tit:before{content:'\ebc2'; display:flex; align-items:center; justify-content:center; min-width:7rem; min-height:7rem; max-width:7rem; max-height:7rem; margin-bottom:2rem; background:#eef2f7; color:#101010; font-family:remixicon; font-size:3.4rem; border-radius:50%; box-sizing:border-box}
.ply-location .location-tit .tit{line-height:2.4rem; color:#202020; font-family:FlightSans; font-size:2.4rem; font-weight:300; letter-spacing:-0.05rem}

.ply-location .location-basic{display:flex; flex-direction:column; margin-top:2rem; border-top:0.2rem solid #101010}
.ply-location .location-basic .basic-info{display:flex; flex-direction:column; padding:3rem 0 3rem; border-bottom:1px solid #ebebeb}
.ply-location .location-basic .basic-info dt,
.ply-location .location-basic .basic-info dd{line-height:2.2rem; font-weight:normal; letter-spacing:-0.05rem}
.ply-location .location-basic .basic-info dt{margin-bottom:0.8rem; color:#808080; font-size:1.6rem}
.ply-location .location-basic .basic-info dd{margin-bottom:2rem; color:#202020; font-size:1.6rem}
.ply-location .location-basic .basic-info dd:last-child{margin-bottom:0}

.location-transport{display:flex; flex-direction:column}
.location-transport .transport-case{display:flex; padding:3rem 0; border-bottom:1px solid #ebebeb}
.location-transport .transport-case:last-child{border-bottom:none}
.location-transport .transport-case:before{content:''; flex:none; position:relative; top:-0.2rem; min-width:6rem; max-width:6rem; color:#202020; font-family:"remixicon"; font-size:3.7rem}
.location-transport .transport-case.transport-bus:before{content:'\eb11'}
.location-transport .transport-case.transport-car:before{content:'\eb39'}
.location-transport .transport-case .case-info{display:flex; flex-direction:column}
.location-transport .transport-case .case-info .case-group{display:flex; flex-direction:column}
.location-transport .transport-case .case-info .case-tit{margin-bottom:1.5rem; line-height:1.8rem; color:#202020; font-size:1.8rem; font-weight:300; letter-spacing:-0.05rem}
.location-transport .transport-case .case-info .case-detail li{position:relative; margin-bottom:0.4rem; padding-left:1.8rem; line-height:2.4rem; color:#505050; letter-spacing:-0.05rem; font-size:1.6rem; font-weight:normal}
.location-transport .transport-case .case-info .case-detail li:before{content:''; position:absolute; left:0; top:0.9rem; width:0.3rem; height:0.3rem; background:var(--wmsway-color-light-gray-40)}
.location-transport .transport-case .case-info .case-detail li:last-child{margin-bottom:0}
.location-transport .transport-case .case-info .case-detail li ul{margin-top:0.5rem}
.location-transport .transport-case .case-info .case-detail li li{padding-left:0}
.location-transport .transport-case .case-info .case-detail li li:before{display:none}
.location-transport .transport-case .case-info .case-link{display:flex; align-items:center; gap:0.4rem; flex-wrap:wrap}
.location-transport .transport-case .case-info .case-link .btn{flex:1}

.location-transport .transport-case .case-info .case-group .case-tit{color:#505050; font-size:1.6rem}
.location-transport .transport-case .case-info .case-group + .case-group{margin-top:2rem} 


.ply-location .location-r{flex:5.5; background:var(--wmsway-color-light-secondary-5)}
.ply-location .location-r .map-view{height:100%}
.ply-location .location-r .map-view > div{width:100%; height:100%; box-sizing:border-box}
.ply-location .location-r .map-view > div .cont{display:none}
.ply-location .location-r .map-view .wrap_map{height:100% !important; background:#f8f8f8}


/* **************************************** *
 * ESG
 * **************************************** */
.esg-mng .mng-info .mng-list{display:flex; align-items:flex-start; flex-wrap:wrap; margin-left:-2rem; margin-top:-2rem; overflow:hidden}
.esg-mng .mng-info .mng-list > li{width:33.33333%}
.esg-mng .mng-info .mng-box{position:relative; margin-left:2rem; margin-top:2rem}
.esg-mng .mng-info .mng-box .mng-stit{display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; min-height:32.6rem; padding:0 2rem; text-align:center; border-radius:3rem; box-sizing:border-box}
.esg-mng .mng-info .mng-box .mng-stit:before{content:''; height:7rem}

.esg-mng .mng-info .mng-list li:nth-child(1) .mng-stit{background:#f1f7f6}
.esg-mng .mng-info .mng-list li:nth-child(2) .mng-stit{background:#e7f8f4}
.esg-mng .mng-info .mng-list li:nth-child(3) .mng-stit{background:#f1f7f6}
.esg-mng .mng-info .mng-list li:nth-child(1) .mng-stit:before{width:6.8rem; background:url("../img/contents/esg_mng01.png") no-repeat 50% bottom; background-size:6.8rem 5.7rem}
.esg-mng .mng-info .mng-list li:nth-child(2) .mng-stit:before{width:6.6rem; background:url("../img/contents/esg_mng02.png") no-repeat 50% bottom; background-size:6.6rem 6rem}
.esg-mng .mng-info .mng-list li:nth-child(3) .mng-stit:before{width:5.5rem; background:url("../img/contents/esg_mng03.png") no-repeat 50% bottom; background-size:5.5rem 6.6rem}

.esg-mng .mng-info .mng-box .mng-stit .stit{margin-top:2rem; font-size:2.2rem; line-height:1.2em; color:#01b18b; font-weight:300; letter-spacing:-0.08rem}
.esg-mng .mng-info .mng-box .mng-stit .sabb{display:flex; align-items:center; justify-content:center; position:relative; min-width:6rem; min-height:6rem; margin-top:1.5rem; padding-top:0.2rem; background-color:#01b18b; border-radius:1.2rem; box-sizing:border-box}
.esg-mng .mng-info .mng-box .mng-stit .sabb{color:#fff; font-family:Poppins; font-size:3.4rem; font-weight:600}
.esg-mng .mng-info .mng-box .mng-stit .sful{margin-top:1.2rem; line-height:1.4em; color:#505050; letter-spacing:-0.02rem; font-size:1.7rem; font-weight:normal; text-align:center; text-transform:uppercase}
.esg-mng .mng-info .mng-box .mng-info{padding:1rem 0 0}
.esg-mng .mng-info .mng-box .mng-info p{display:flex; flex-direction:column; position:relative; padding:1.5rem 0 0; line-height:1.6em; color:#505050; letter-spacing:-0.08rem; font-size:1.6rem; text-align:center}


/* **************************************** *
 * 회원가입
 * **************************************** */
/* 진행단계 */
.join-state{display:flex; align-items:center; justify-content:center; position:relative; margin:0 auto 5rem}
.join-state .state-list{width:70rem; margin-left:-3.4rem; margin-top:-2.5rem}
.join-state .state-list:after{content:''; display:block; clear:both}
.join-state .state-list li{float:left; width:33.333333%; position:relative; box-sizing:border-box}
.join-state .state-box{margin-left:3.4rem; margin-top:2.5rem; text-align:center}
.join-state .state-box .state-top{position:relative; height:13.2rem; padding-top:8.8rem; background-color:#fff; background-repeat:no-repeat; background-position:50% 2.5rem; border:1px solid #ebebeb; border-radius:0.8rem; box-sizing:border-box}
.join-state .state-box .state-top .tit{font-size:1.6rem; font-weight:300; letter-spacing:-0.05rem; line-height:1.2em; color:#505050}
.join-state .state-box .state-top .next
{
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right:0;
    top:50%;
    width:26px;
    height:26px;
    margin-top:-12px;
    margin-right:-13px;
    padding-left:2px;
    background-color:#fff;
    border:2px solid #c6c6c6;
    border-radius:50%;
    box-sizing:border-box;
    z-index:1
}
.join-state .state-box .state-top .next:after{content:'\ea6e'; color:#c6c6c6; font-family:remixicon; font-size:20px}
.join-state .state-list li:last-child .state-box .state-top .next{display:none}
.join-state .state-box .state-num{display:block; margin-top:1rem; letter-spacing:-0.02px; line-height:1.2em; color:#808080; font-weight:normal; font-size:1.5rem}
.join-state .state-box.active .state-top{border:1px solid var(--wmsway-color-light-teal-60); background-color:var(--wmsway-color-light-teal-60); box-shadow:0.2rem 0.4rem 1.2rem 0 rgb(0 0 0 / 5%)}
.join-state .state-box.active .state-top .tit{color:#fff}
.join-state .state-box.active .state-top .next{background-color:var(--wmsway-color-light-secondary-5); border:2px solid #144c5c; animation:status-next 1.8s cubic-bezier(0.7, 0, 0.3, 1) 1s infinite forwards}
.join-state .state-box.active .state-top .next:after{color:var(--wmsway-color-light-teal-60)}
.join-state .state-box.agree .state-top{background-image:url("../img/contents/join-agree.png"); background-size:4.8rem 4.7rem}
.join-state .state-box.agree.active .state-top{background-image:url("../img/contents/join-agree-active.png"); background-size:4.8rem 4.7rem}
.join-state .state-box.certifi .state-top{background-image:url("../img/contents/join-certifi.png"); background-size:4.5rem 4.6rem}
.join-state .state-box.certifi.active .state-top{background-image:url("../img/contents/join-certifi-active.png"); background-size:4.5rem 4.6rem}
.join-state .state-box.register .state-top{background-image:url("../img/contents/join-register.png"); background-size:4.7rem 4.4rem}
.join-state .state-box.register.active .state-top{background-image:url("../img/contents/join-register-active.png"); background-size:4.7rem 4.4rem}
.join-state .state-box.final .state-top{background-image:url("../img/contents/join-final.png"); background-size:3.8rem 4.8rem}
.join-state .state-box.final.active .state-top{background-image:url("../img/contents/join-final-active.png"); background-size:3.8rem 4.8rem}
@keyframes status-next{0%{margin-right:-1.3rem; opacity:0;} 100%{margin-right:-4.9rem; opacity:1}}

/* 약관 */
.receipt-terms{display:flex; flex-direction:column; gap:3.5rem; margin-bottom:3.5rem}
.receipt-terms .terms-group{position:relative}
.receipt-terms .terms-top{display:flex; align-items:center; position:relative; min-height:5.5rem; padding:1rem 1.5rem; background:#fff; border:1px solid #ebebeb; border-radius:0.8rem 0.8rem 0 0; box-sizing:border-box; z-index:1}
.receipt-terms .terms-top .tit{line-height:1.2em; font-family:'FlightSans', 'PretendardGOV'; font-size:1.8rem; font-weight:300; letter-spacing:-0.05rem; color:#202020; word-break:keep-all}
.receipt-terms .terms-body{position:relative; height:30rem; margin-top:-1px; padding:2.5rem; border:1px solid #ebebeb; overflow-y:auto; box-sizing:border-box}
.receipt-terms .terms-body.auto{height:auto}
.receipt-terms .check-sector-box{position:relative; padding:2rem 1.8rem; background-color:var(--wmsway-color-light-secondary-5); border-radius:0.8rem}
.receipt-terms .check-sector{display:flex; align-items:center}
.receipt-terms .check-sector .check-tit{position:relative; margin-right:2rem; line-height:1.65em; font-size:1.5rem; font-weight:normal; color:#505050; letter-spacing:-0.05rem}
.receipt-terms .check-sector .check-cmm .txt{font-size:1.5rem}