@charset "UTF-8";

/* **************************************** *
 * msec-core
 * **************************************** */
.msec-core{display:flex}

/* core-visual */
.core-visual{position:relative; flex:6.5; min-width:0.1rem}
.core-visual .visual-swiper-container{display:flex; flex-direction:column; position:relative}
.core-visual .visual-swiper{height:48rem; overflow:hidden}
.core-visual .visual-swiper .visual-box{display:flex; flex-direction:column; height:48rem; background-color:#202020; background-repeat:no-repeat; background-position:center; background-size:cover;}
.core-visual .visual-swiper .visual-box.visual-img01{background-image:url("../img/main/core-visual01.jpg")}
.core-visual .visual-swiper .visual-box.visual-img02{background-image:url("../img/main/core-visual02.jpg")}

.core-visual .visual-swiper-controll{display:none; align-items:center; position:absolute; bottom:-0.3rem; right:-1.6rem; z-index:1}
.core-visual .visual-swiper-button-prev,
.core-visual .visual-swiper-button-next,
.core-visual .visual-swiper-button-play{display:flex; align-items:center; justify-content:center; min-width:4.4rem; min-height:4.4rem; margin:0; padding:0; border:none; background:transparent; border-radius:0; cursor:pointer; transition:all .35s ease}
.core-visual .visual-swiper-button-prev{order:1}
.core-visual .visual-swiper-button-next{order:3}
.core-visual .visual-swiper-button-play{order:2}
.core-visual .visual-swiper-button-prev:after,
.core-visual .visual-swiper-button-next:after{font-family:'remixicon'; font-size:4.6rem; color:var(--plway-color-light-gray-90)}
.core-visual .visual-swiper-button-prev:after{content:'\ea64'}
.core-visual .visual-swiper-button-next:after{content:'\ea6e'}
.core-visual .visual-swiper-button-prev.swiper-button-disabled:after,
.core-visual .visual-swiper-button-next.swiper-button-disabled:after{color:var(--plway-color-light-gray-10)}
.core-visual .visual-swiper-button-play{background:url("../img/main/msec-visual-controll-stop.svg") no-repeat 50% 50%; background-size:1.2rem 2.5rem; transition:none}
.core-visual .visual-swiper-button-play.active{background:url("../img/main/msec-visual-controll-play.svg") no-repeat 50% 50%; background-size:2rem 2rem}
.core-visual .visual-swiper-pagination{display:flex; align-items:center; gap:0.6rem; width:auto; margin-right:1.2rem}
.core-visual .visual-swiper-pagination .swiper-pagination-current,
.core-visual .visual-swiper-pagination .swiper-pagination-total{color:var(--plway-color-light-gray-40); font-family:Poppins; line-height:1em; font-size:1.9rem; font-weight:normal}
.core-visual .visual-swiper-pagination .swiper-pagination-current{color:var(--plway-color-light-gray-90); font-weight:300}

.visual-slogan-container{display:flex; flex-direction:column; position:absolute; left:50%; top:0; padding-top:25rem; margin-left:-37.5rem; z-index:1; box-sizing:border-box}
.visual-slogan-container .visual-slogan-s{overflow:hidden}
.visual-slogan-container .visual-slogan-s strong{position:relative; line-height:1.3em; color:var(--ply-color-light-gray-0); font-family:'TheJamsil','PretendardGOV'; font-size:3rem; font-weight:300; letter-spacing:-0.1rem; opacity:0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7)}
.visual-slogan-container .visual-slogan-m{display:flex; align-items:flex-end; gap:2rem; margin-top:1.8rem; overflow:hidden}
.visual-slogan-container .visual-slogan-m strong{position:relative; line-height:1.3em; color:var(--ply-color-light-gray-0); font-family:'TheJamsil','PretendardGOV'; font-size:6.2rem; font-weight:300; letter-spacing:-0.25rem; opacity:0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7)}
.visual-slogan-container .visual-slogan-m strong:last-child{font-family:'Poppins','PretendardGOV'; font-size:4.4rem; font-weight:600; letter-spacing:-0.08rem; border-right:none}

.visual-slogan-container .visual-slogan-s strong{animation:visual-slogan-s 1s ease 0.4s 1 forwards}
.visual-slogan-container .visual-slogan-m strong{animation:visual-slogan-m 1s ease 1s 1 forwards}
@keyframes visual-slogan-s{0%{top:-6rem; opacity:0;} 100%{top:0; opacity:1}}
@keyframes visual-slogan-m{0%{bottom:-6rem; opacity:0;} 100%{bottom:0; opacity:1}}


/* core-service */
.core-service{display:flex; flex-direction:column; position:relative; flex:3.5; box-sizing:border-box}
.service-quick{display:flex; flex-wrap:wrap; margin:0 2rem; overflow:hidden; box-sizing:border-box}
.service-quick .quick-item{width:33.33333%; padding:1.5rem 0.5rem; border-top:1px solid #ebebeb; box-sizing:border-box}
.service-quick .quick-item .item-box{display:flex; flex-direction:column; gap:2.5rem; justify-content:center; position:relative; height:15.1rem; background-color:transparent; border-radius:1.2rem; transition:all .35s ease; overflow:hidden; box-sizing:border-box}
.service-quick .quick-item .item-box:hover{background-color:#e6eeec}
.service-quick .quick-item .item-box .item-ico{min-height:6rem}
.service-quick .quick-item .item-box .item-tit{display:flex; flex-wrap:wrap; justify-content:center; line-height:1.2em; color:var(--ply-color-light-gray-90); text-align:center; font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem}
.service-quick .quick-item .item-box .item-more{display:flex; opacity:0; position:absolute; top:1.6rem; right:1rem; min-width:2.9rem; min-height:2.9rem; background-color:#00664f; border-radius:0.8rem; transition:all .25s ease; box-sizing:border-box}
.service-quick .quick-item .item-box:hover .item-more{top:1rem; opacity:1}
.service-quick .quick-item .item-box .item-more:before,
.service-quick .quick-item .item-box .item-more:after{content:''; position:absolute; left:50%; top:50%; background-color:var(--ply-color-light-gray-0)}
.service-quick .quick-item .item-box .item-more:before{width:12px; height:2px; margin-left:-6px; margin-top:-1px}
.service-quick .quick-item .item-box .item-more:after{width:2px; height:12px; margin-left:-1px; margin-top:-6px}

.service-quick .quick-item.quick-pts .item-box .item-ico{background:url("../img/main/quick-pts.png") no-repeat 50% 50%; background-size:5.8rem 5.8rem}
.service-quick .quick-item.quick-rtp .item-box .item-ico{background:url("../img/main/quick-rtp.png") no-repeat 50% 50%; background-size:6.4rem 5.9rem}
.service-quick .quick-item.quick-rtf .item-box .item-ico{background:url("../img/main/quick-rtf.png") no-repeat 50% 50%; background-size:5.4rem 5.8rem}
.service-quick .quick-item.quick-trs .item-box .item-ico{background:url("../img/main/quick-trs.png") no-repeat 50% 50%; background-size:5.6rem 5.9rem}
.service-quick .quick-item.quick-tiv .item-box .item-ico{background:url("../img/main/quick-tiv.png") no-repeat 50% 50%; background-size:4.6rem 5.7rem}
.service-quick .quick-item.quick-tud .item-box .item-ico{background:url("../img/main/quick-tud.png") no-repeat 50% 50%; background-size:5.2rem 5.7rem}

.service-cs{display:flex; align-items:center; justify-content:space-between; margin:auto 2rem 2rem; padding:1.5rem; padding-right:2.5rem; background-color:transparent; border:1px solid #ebebeb; border-radius:1.2rem; box-sizing:border-box}
.service-cs .cs-l{display:flex; align-items:center}
.service-cs .cs-tit,
.service-cs .cs-info{display:inline-flex; align-items:center; position:relative; min-height:4.7rem; line-height:1.2em; font-size:1.5rem; text-align:center; border-radius:20rem; white-space:nowrap; box-sizing:border-box}
.service-cs .cs-tit{padding:0 2.2rem; color:var(--ply-color-light-gray-0); font-weight:300; letter-spacing:-0.02rem; background-color:var(--ply-color-light-gray-95); z-index:1}
.service-cs .cs-info{margin-left:-4.5rem; padding:0 2rem; padding-left:5rem; color:var(--ply-color-lisght-gray-60); font-weight:normal; letter-spacing:-0.05rem; background-color:var(--ply-color-light-gray-10)}
.service-cs .cs-tel{line-height:1.2em; color:#00664f; text-align:center; font-family:Poppins; font-size:2.4rem; font-weight:600; letter-spacing:-0.05rem}


/* **************************************** *
 * msec-traffic
 * **************************************** */
.msec-traffic{position:relative; padding:8rem 0 3.4rem; background:#00664f url("../img/contents/traffic-live-bg.png") no-repeat 50% 50%; overflow:hidden; box-sizing:border-box}
.msec-traffic .traffic-container{display:flex; flex-direction:column; width:140rem; margin:0 auto; box-sizing:border-box}
.msec-traffic .traffic-flow{display:flex; align-items:center; gap:1rem}
.msec-traffic .traffic-flow .flow-turn{flex:none; display:flex; position:relative; justify-content:center}
.msec-traffic .traffic-flow .flow-turn .turn-circle{position:relative; width:3.6rem; height:3.6rem; background-color:#00664f; border:0.8rem solid #003b2e; border-radius:50%; box-sizing:border-box}
.msec-traffic .traffic-flow .flow-turn .turn-label{display:flex; align-items:center; position:absolute; top:-4.6rem; min-height:3.6rem; padding:0 1.4rem; background-color:var(--ply-color-light-alpha-white10); border:1px solid var(--ply-color-light-alpha-white25); border-radius:20rem; box-sizing:border-box}
.msec-traffic .traffic-flow .flow-turn .turn-label span{line-height:1.4em; font-size:1.5rem; font-weight:normal; color:var(--ply-color-light-alpha-white100); letter-spacing:-0.02rem; white-space:nowrap}
.msec-traffic .traffic-flow .flow-turn .turn-label.label-l{left:0}
.msec-traffic .traffic-flow .flow-turn .turn-label.label-r{right:0}
.msec-traffic .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}
.msec-traffic .traffic-flow .flow-turn .turn-direction span{line-height:1.4em; font-size:1.5rem; font-weight:normal; color:var(--ply-color-light-alpha-white100); letter-spacing:-0.02rem; white-space:nowrap}
.msec-traffic .traffic-flow .flow-turn .turn-direction i{position:relative; top:-0.1rem; color:var(--ply-color-light-alpha-white100); font-size:2.2rem}
.msec-traffic .traffic-flow .flow-turn .turn-direction.direction-l{left:0}
.msec-traffic .traffic-flow .flow-turn .turn-direction.direction-r{right:0}

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

.msec-traffic .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(--ply-color-light-alpha-white10); border-radius:20rem; box-sizing:border-box}
.msec-traffic .traffic-flow .flow-road .road-container .road-bound i{margin:0 -1.4rem; font-size:2.4rem}
.msec-traffic .traffic-flow .flow-road .road-container .road-bound:before,
.msec-traffic .traffic-flow .flow-road .road-container .road-bound:after{margin:0; padding:0; font-family:remixicon; font-size:2.4rem}
.msec-traffic .traffic-flow .flow-road .road-container .road-bound.bound-l{top:-4.4rem; margin-left:0}
.msec-traffic .traffic-flow .flow-road .road-container .road-bound.bound-l i{color:rgba(255,255,255,.6)}
.msec-traffic .traffic-flow .flow-road .road-container .road-bound.bound-l:before,
.msec-traffic .traffic-flow .flow-road .road-container .road-bound.bound-l:after{content:'\ea64'}
.msec-traffic .traffic-flow .flow-road .road-container .road-bound.bound-l:before{color:rgba(255,255,255,1)}
.msec-traffic .traffic-flow .flow-road .road-container .road-bound.bound-l:after{color:rgba(255,255,255,.3)}
.msec-traffic .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}}

.msec-traffic .traffic-flow .flow-road .road-container .road-bound.bound-r{bottom:-4.4rem}
.msec-traffic .traffic-flow .flow-road .road-container .road-bound.bound-r i{color:rgba(255,255,255,.6)}
.msec-traffic .traffic-flow .flow-road .road-container .road-bound.bound-r:before,
.msec-traffic .traffic-flow .flow-road .road-container .road-bound.bound-r:after{content:'\ea6e'}
.msec-traffic .traffic-flow .flow-road .road-container .road-bound.bound-r:before{color:rgba(255,255,255,.3)}
.msec-traffic .traffic-flow .flow-road .road-container .road-bound.bound-r:after{color:rgba(255,255,255,1)}
.msec-traffic .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}}

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

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

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


/* **************************************** *
 * msec-customer
 * **************************************** */
.msec-customer{width:140rem; margin:9rem auto; box-sizing:border-box}
.msec-customer .top-tit{display:flex; flex-direction:column; gap:1.4rem}
.msec-customer .top-tit .sit{position:relative; line-height:1.2em; color:#0f5747; font-family:Poppins; font-size:1.9rem; font-weight:600; letter-spacing:-0.08rem}
.msec-customer .top-tit .sit:before{content:''; position:absolute; top:50%; left:-7rem; margin-top:-1.5px; width:6rem; height:3px; background-color:#00664f}
.msec-customer .top-tit .tit{line-height:1.2em; color:var(--ply-color-light-gray-90); font-family:'FlightSans','PretendardGOV'; font-size:2.7rem; font-weight:300; letter-spacing:-0.08rem; word-break:keep-all}

/* customer-notice */
.customer-notice{display:flex; gap:6rem; margin-top:5rem}
.customer-notice .notice-l{display:flex; min-width:42rem; max-width:42rem}
.customer-notice .notice-r{flex:1}

.customer-notice .notice-latest-head{flex:1; display:flex; flex-direction:column; position:relative; padding:2.5rem 3rem 3rem; background-color:#8f8f8f; border-radius:2.2rem; overflow:hidden; box-sizing:border-box}
.customer-notice .notice-latest-head:before,
.customer-notice .notice-latest-head:after{content:''; position:absolute; border-radius:1000rem; filter:blur(9.4rem)}
.customer-notice .notice-latest-head:before{left:-35rem; top:-40rem; width:62rem; height:62rem; background-color:#00664f; opacity:.95}
.customer-notice .notice-latest-head:after{right:-25rem; bottom:-20rem; width:42rem; height:42rem; background-color:#b76541; opacity:.95}

.customer-notice .notice-latest-head .notice-label{
      display:inline-flex; align-items:center; justify-content:center;
      position:relative; width:fit-content; height:3.4rem; margin-bottom:1.8rem; padding:0 1.4rem;
      line-height:1.2em; color:var(--ply-color-light-gray-0); font-size:1.6rem; font-weight:300; letter-spacing:-0.02rem;
      border:1px solid var(--ply-color-light-alpha-white25); border-radius:20rem; z-index:1
}
.customer-notice .notice-latest-head .notice-tit,
.customer-notice .notice-latest-head .notice-cont{display:-webkit-box; -webkit-box-orient:vertical; position:relative; color:var(--ply-color-light-gray-0); text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; overflow:hidden;  z-index:1}
.customer-notice .notice-latest-head .notice-tit{-webkit-line-clamp:2}
.customer-notice .notice-latest-head .notice-tit span{line-height:1.4em; color:var(--ply-color-light-gray-0); font-size:2.4rem; font-weight:300; letter-spacing:-0.08rem}
.customer-notice .notice-latest-head .notice-cont{-webkit-line-clamp:2; margin-top:auto}
.customer-notice .notice-latest-head .notice-cont span{line-height:1.5em; color:var(--ply-color-light-gray-0); font-size:1.7rem; font-weight:normal; letter-spacing:-0.05rem}

.customer-notice .notice-latest-head:hover .notice-tit span{text-decoration:underline; text-underline-offset:0.6rem}

.customer-notice .notice-latest-list{display:flex; flex-direction:column; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb}
.customer-notice .notice-latest-list .notice-item{display:flex; flex-direction:column; gap:1.2rem; padding:2.5rem 0; border-bottom:1px solid #ebebeb}
.customer-notice .notice-latest-list .notice-item:last-child{border-bottom:none}

.customer-notice .notice-latest-list .item-group{display:flex; align-items:center; justify-content:space-between}

.customer-notice .notice-latest-list .notice-tit,
.customer-notice .notice-latest-list .notice-cont{display:-webkit-box; -webkit-box-orient:vertical; position:relative; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; overflow:hidden; z-index:1}
.customer-notice .notice-latest-list .notice-tit{-webkit-line-clamp:1}
.customer-notice .notice-latest-list .notice-tit span{line-height:1.4em; color:var(--ply-color-light-gray-95); font-size:1.9rem; font-weight:300; letter-spacing:-0.08rem}
.customer-notice .notice-latest-list .notice-cont{-webkit-line-clamp:2; padding-right:20%}
.customer-notice .notice-latest-list .notice-cont span{line-height:1.5em; color:var(--ply-color-light-gray-60); font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem}
.customer-notice .notice-latest-list .notice-date span{line-height:1.5em; color:var(--ply-color-light-gray-40); font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem}

.customer-notice .notice-latest-list .notice-item:hover .notice-tit{text-decoration:underline; text-underline-offset:0.4rem}

/* customer-help */
.customer-guide{display:flex; gap:6rem; margin-top:3rem}
.customer-guide .guide-l{display:flex; min-width:42rem; max-width:42rem}
.customer-guide .guide-r{flex:1; min-width:0.1px}

.customer-guide .guide-quick{flex:1; display:flex; align-items:center; height:7.6rem; background-color:#f2f2f2; border-radius:1.6rem}
.customer-guide .guide-quick .quick-item{flex:1 auto; display:flex; align-items:center; justify-content:center; position:relative; padding:0 1rem; border-right:1px solid #d0d0d0; box-sizing:border-box}
.customer-guide .guide-quick .quick-item:last-child{border-right:none}
.customer-guide .guide-quick .quick-item.quick-tiv:before{content:''; width:2.5rem; height:3.1rem; margin-right:1rem; background:url("../img/main/guide-quick-tiv.png") no-repeat 50% 50%; background-size:2.5rem 3.1rem}
.customer-guide .guide-quick .quick-item.quick-fbk:before{content:''; width:3.4rem; height:3.1rem; margin-right:1rem; background:url("../img/main/guide-quick-fbk.png") no-repeat 50% 50%; background-size:3.4rem 3.1rem}
.customer-guide .guide-quick .quick-item span{line-height:1.2em; color:var(--ply-color-light-gray-90); font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem}
.customer-guide .guide-quick .quick-item:hover span{text-decoration:underline; text-underline-offset:0.4rem}

.customer-guide .guide-faq{flex:1; display:flex; align-items:center; height:7.6rem; background-color:#00664f; border-radius:1.6rem}
.customer-guide .guide-faq .faq-tit{display:inline-flex; justify-content:center; position:relative; min-width:8.6rem; max-width:8.6rem}
.customer-guide .guide-faq .faq-tit:after{content:''; position:absolute; right:0; top:50%; width:1px; height:3.6rem; margin-top:-1.8rem; background-color:#338572}
.customer-guide .guide-faq .faq-tit .tit{position:relative; top:-0.1rem; line-height:1.2em; color:var(--ply-color-light-gray-0); font-family:Poppins; font-size:1.8rem; font-weight:300; letter-spacing:-0.05rem; text-align:center}

.guide-swiper-container{flex:1; min-width:0.1px; overflow:hidden}
.guide-swiper-container .guide-swiper{height:7.6rem}
.guide-swiper-container .guide-swiper .guide-box{display:flex; align-items:center; height:7.6rem; padding:0 2rem}
.guide-swiper-container .guide-swiper .guide-box:before{content:'Q'; margin-right:1.4rem; line-height:1.2em; color:#8fe7c8; font-size:2.4rem; font-weight:300; letter-spacing:-0.05rem}
.guide-swiper-container .guide-swiper .guide-box span{display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; position:relative; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; overflow:hidden; line-height:1.4em; color:var(--ply-color-light-gray-0); font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem}
.guide-swiper-container .guide-swiper .guide-box:hover span{text-decoration:underline; text-underline-offset:0.5rem}

.guide-faq .faq-util{display:flex}
.guide-faq .faq-more{display:inline-flex; align-items:center}
.guide-faq .faq-more:after{content:'\ea13'; font-family:'remixicon'; color:#8fe7c8; font-size:1.9rem}
.guide-faq .faq-more span{line-height:1.2em; color:var(--ply-color-light-gray-0); font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem; white-space:nowrap}
.guide-faq .faq-swiper-controll{display:flex; flex-direction:column; position:relative; min-width:7.8rem; max-width:7.8rem; margin-left:2rem; height:7.6rem; border-left:1px solid rgba(255,255,255,.2)}
.guide-faq .faq-swiper-button-prev,
.guide-faq .faq-swiper-button-next{flex:1; display:flex; align-items:center; justify-content:center; min-width:2.2rem; min-height:2.2rem; margin:0; padding:0; border:none; background:transparent; border-radius:0; cursor:pointer; transition:all .35s ease}
.guide-faq .faq-swiper-button-prev:after,
.guide-faq .faq-swiper-button-next:after{position:relative; font-family:'remixicon'; font-size:2.9rem; color:rgba(255,255,255,1)}
.guide-faq .faq-swiper-button-prev:after{content:'\ea78'; top:0.2rem}
.guide-faq .faq-swiper-button-next:after{content:'\ea4e'; bottom:0.2rem}
.guide-faq .faq-swiper-button-prev.swiper-button-disabled:after,
.guide-faq .faq-swiper-button-next.swiper-button-disabled:after{color:rgba(255,255,255,.4)}


/* **************************************** *
 * msec-travel
 * **************************************** */
.msec-travel{width:140rem; margin:0 auto 14rem}
.msec-travel .top-tit{display:flex; flex-direction:column; gap:1.4rem}
.msec-travel .top-tit .sit{position:relative; line-height:1.2em; color:#0f5747; font-family:Poppins; font-size:1.9rem; font-weight:600; letter-spacing:-0.08rem}
.msec-travel .top-tit .sit:before{content:''; position:absolute; top:50%; left:-7rem; margin-top:-1.5px; width:6rem; height:3px; background-color:#00664f}
.msec-travel .top-tit .tit{line-height:1.2em; color:var(--ply-color-light-gray-90); font-family:'FlightSans','PretendardGOV'; font-size:2.7rem; font-weight:300; letter-spacing:-0.08rem; word-break:keep-all}

.msec-travel .travel-container{display:flex; gap:6rem; margin-top:5rem}
.msec-travel .travel-item{position:relative; top:0; width:calc(33.33333% - 3rem); height:27.3rem; background-color:#f2f2f2; border-radius:1.8rem; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:all .25s ease}
.msec-travel .travel-item:nth-child(2){top:6rem}

.msec-travel .travel-item.travel-tur{background-image:url("../img/main/travel-tur.jpg")}
.msec-travel .travel-item.travel-rtf{background-image:url("../img/main/travel-rtf.jpg")}
.msec-travel .travel-item.travel-lct{background-image:url("../img/main/travel-lct.jpg")}

.msec-travel .travel-item .travel-tit{display:inline-flex; flex-direction:column; gap:0.7rem; position:relative}
.msec-travel .travel-item .travel-tit:before{content:''; position:absolute; width:25rem; height:10rem; background-color:var(--ply-color-light-gray-0); border-radius:0 0 1.4rem 0}
.msec-travel .travel-item .travel-tit .tit{position:relative; line-height:1.2em; color:var(--ply-color-light-gray-90); font-family:'FlightSans','PretendardGOV'; font-size:2.1rem; font-weight:300; letter-spacing:-0.05rem}
.msec-travel .travel-item .travel-tit .tit:first-child{color:var(--ply-color-light-gray-40); font-weight:normal}

.msec-travel .travel-item:hover{top:1.5rem}
.msec-travel .travel-item:nth-child(2):hover{top:7.5rem}