@charset "utf-8";
/* CSS Document */


/* Rnd */
/* Rnd - table */
.rnd-table {overflow: hidden; border-radius: 10px; box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.rnd-table thead {background-image: linear-gradient(to left, #74ebd5 0%, #9face6 100%);}
.rnd-table thead tr {}
.rnd-table thead tr th {color: #fff; font-weight: 500; border-left: 1px solid #ddd; text-shadow: 0 0 5px rgba(0,0,0,0.2); font-size: 1.25em;}
.rnd-table thead tr th:first-child {border-left: none;}
.rnd-table tbody {}
.rnd-table tbody tr {}
.rnd-table tbody tr:nth-child(even) {background: #f8f8f8;}
.rnd-table tbody tr:nth-child(odd) {background: #fff;}
.rnd-table tbody tr td {color: #555; border-right: 1px solid #ddd;  font-size: 1.125em; }
.rnd-table tbody tr td > p {margin-bottom: .25em;}
.rnd-table tbody tr td > p .dot {position: relative; display: inline-block; padding-left: .75em;}
.rnd-table tbody tr td > p .dot:before {content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #ff6c31; left: 0; top: .5em;}
.rnd-table tbody tr td > p:last-child {margin-bottom: 0;}
.rnd-table tbody tr td:last-child {border-right: none;}
.rnd-table thead tr th,
.rnd-table tbody tr td {padding: 1em; text-align: center;line-height: 1.5em;}

.rnd-table.ip tbody tr.bdn td.w_form_tit {border-bottom: none;}
.rnd-table.ip tbody tr td.w_form_tit {border-bottom: 1px solid #ddd; background: #fff;}
.rnd-table.ip tbody tr.tr-bd {border-bottom: 1px solid #ddd;}


/* Rnd - history */
.rnd-wrap {}
.rnd-wrap .rnd-list {}
.rnd-wrap .rnd-list > li {margin-bottom: 5em; gap: 0 4em;}
.rnd-wrap .rnd-list > li .year-wrap {}
.rnd-wrap .rnd-list > li .year-wrap .number {color: #ff6c31; width: 4em; font-size: 1.875em; display: inline-block; position: relative;}
.rnd-wrap .rnd-list > li .year-wrap .number:before {position: absolute; content: ''; right:-5px; top: calc(.937em - 7px); width: 10px; height: 10px; background: #ff6c31; border-radius: 50%; transform: translateY(-50%); z-index: 111;}
.rnd-wrap .rnd-list > li .info-txt {margin-top: 3em;}
.rnd-wrap .rnd-list > li .info-txt > p {font-size: 1.125em;}
.rnd-wrap .rnd-list > li .img-wrap {margin-top: 1.5em; max-width: 80%;}
.rnd-wrap .rnd-line {position: absolute; width: 1px; height: 100%; background: #ddd; left: 7.5em; top: .937em;}

.prod-wrap {}
.prod-wrap .prod-bg {height: 60vh; padding: 5em; box-sizing: border-box; display: flex; align-items: end;}
.prod-wrap .title-wrap {color: #fff;}
.prod-wrap .title-wrap .t1 {font-size: 3em; font-weight: 800;}
.prod-wrap .title-wrap .t2 {font-size: 1.5em; font-weight: 500; margin-top: 1em;}

.menu-list {}
.menu-list .list {gap: 1.5em;}
.menu-list .list > li {flex: 1; pointer-events: none;}
.menu-list .list > li .inner-img {padding: 40% 0; transition: .35s; position: relative;}
.menu-list .list > li .inner-img:hover {}
.menu-list .list > li .inner-img:before {content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; transition: .35s; backdrop-filter: blur(10px);}
.menu-list .list > li .inner-img:hover:before {opacity: 1; } 
/* .menu-list .list > li .inner-img:hover {} */
.menu-list .list > li .inner-img .info-txt {transform: translateY(5em); opacity: 0; transition: .35s;}
.menu-list .list > li .inner-img:hover .info-txt {transform: translateY(0); opacity: 1;}
.menu-list .list > li .inner-img .info-txt > h3 {font-size: 1.75em; color: #fff; font-weight: 700;}

.prod-sub-tt {margin: 2em 0 2em 0; text-align: center;}
.prod-sub-tt > h3 {font-size: 2.5em;}
.prod-sub-tt > p {font-size: 1.35em; color: #555; font-weight: 500; margin-top: .5em;}

.prod-bg2 {background: #f5f5f5; padding: 3em 0;}

.prod-list {margin-top: -4em; padding-top: 7em;}
.prod-list:nth-child(n+1) {padding-bottom: 3em;}
.prod-list .list { margin: 0 -1em -1em 0;}
.prod-list .list > li { flex: 1 1 23%; padding: 0 1em 0; transition: .35s; border-bottom: 1px solid #ddd;}
.prod-list .list > li:hover {border-bottom: 1px solid transparent;}
.prod-list .list > li .prod-inner {transition: .35s;  padding: 2em; flex: 1; position: relative;}
.prod-list .list > li .prod-inner:before {content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 12em; background: #ddd; transform: translateY(-50%); transition: 0.5s;}
.prod-list .list > li:hover .prod-inner:before {background: #ff6c31;}
.prod-list .list > li .prod-inner .img-wrap {}
.prod-list .list > li:hover {box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.prod-list .list > li:hover .prod-inner .txt-wrap > p {color: #ff6c31;}
.prod-list .list > li:hover .prod-inner .img-wrap img {transform: scale(1.1);}
.prod-list .list > li .prod-inner .img-wrap img {width: 100%; height: 100%; object-fit: contain; transition: .35s;}
.prod-list .list > li .prod-inner .txt-wrap {margin-top: 3em;}
.prod-list .list > li .prod-inner .txt-wrap > p {font-size: 1.25em; color: #333; font-weight: 500; text-align: center; transition: .35s;}
.prod-list .list > li .prod-info {flex: 3; padding: 2em 0 2em 1em; box-sizing: border-box;}
.prod-list .list > li .prod-info .info-list {width: 100%; gap: 1.5em;}
.prod-list .list > li .prod-info .info-list > li {flex: 1; gap: 1.5em; position: relative;}
.prod-list .list > li .prod-info .info-list > li::after {content: ''; position: absolute; top: 50%; right: -0.75em; transform: translateY(-50%); background: #ddd; width: 1px; height: 12em;}
.prod-list .list > li .prod-info .info-list > li:last-child:after {display: none;}
.prod-list .list > li .prod-info .info-list > li .img-wrap {width: 4.125em; height: 4.125em; background: #f8f8f8; border-radius: 50%; padding: 0.5em;}
.prod-list .list > li .prod-info .info-list > li .info-txt {}

.prod-list.all {}
.prod-list.all .list > li { flex: 1 1 23%; margin: 0 1em 1em 0;/* border: 1px solid #000; */ transition: .35s; border-bottom: none; max-width: 24%;}
.prod-list.all .list > li .inner {transition: .35s;  padding: 2em; position: relative; display: inline-block; width: 100%; box-sizing: border-box;}
.prod-list.all .list > li .inner .img-wrap {}
.prod-list.all .list > li:hover {box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.prod-list.all .list > li:hover .inner .txt-wrap > p {color: #ff6c31;}
.prod-list.all .list > li:hover .inner .img-wrap img {transform: scale(1.1);}
.prod-list.all .list > li .inner .img-wrap img {width: 100%; height: 100%; object-fit: contain; transition: .35s;}
.prod-list.all .list > li .inner .txt-wrap {margin-top: 3em;}
.prod-list.all .list > li .inner .txt-wrap > p {font-size: 1.25em; color: #333; font-weight: 500; text-align: center; transition: .35s;}

.bg-circle {}
.bg-circle .bgPos {position: absolute; z-index: -1; top: 0; width: 100%; left: 0;}
.bg-circle .bgPos {position: absolute; z-index: -1; width: 100%; height: 100%;}
.bg-circle .bgPos .pos {position: absolute; opacity: .3;}
.bg-circle .bgPos .pos img {width: 100%;} 
.bg-circle .bgPos .pos1 {left: 0vw;top: -6vh;width: 20vw;} 
.bg-circle .bgPos .pos2 {left: 7vw;top: 28vh;width: 10vw;} 
.bg-circle .bgPos .pos3 {right: -2vw;bottom: -13vh;width: 10vw;} 
.bg-circle .bgPos .pos4 {right: 3vw; bottom: -4vh;width: 17vw;} 
.bg-circle .bgPos .pos5 {right: 3vw; top: -4vh;width: 12vw; opacity: 1;} 

.prod-search-wrap {display: flex; align-items: center; justify-content: center; margin-top: 2em;}
.prod-search-wrap .wrap-in {width: 100%; display: flex; justify-content: center;}
.prod-search-wrap .wrap-in .prod-search {outline: none; border: none; background: #f5f5f5; padding: 1em; width: 50%; display: inline-block; font-size: 1.5em;}
.prod-search-wrap .wrap-in > button {outline: none; border: none; background: #ff6c31; color: #fff; padding: 1em; font-size: 1.5em;}
.prod-search-wrap .wrap-in > .more-prod {background: #fff; color: #333; border: 1px solid #d8d8d8; margin-left: .5em; font-weight: 700; transition: .35s;}
.prod-search-wrap .wrap-in > .more-prod:hover {border: 1px solid #ff6c31;}
.prod-search-wrap .wrap-in > .more-prod .xi {font-size: .938em; margin-left: .5em;}

.location-con .map-con {position: relative; z-index: 1;}
.location-con .root_daum_roughmap {width: 100% !important;}

.location-con .root_daum_roughmap .wrap_controllers {display: none;}
.location-con .loca-wrap {position: relative; z-index: 1111;}
.location-con .loca-info .info-box {padding: 3em; box-shadow: 0 10px 30px rgba(0,0,0,0.1); background: #fff; gap: 5em;}
.location-con .loca-info .info-box > div {flex: 1;}
.location-con .loca-info .info-box .info-tit {font-size: 2em; font-weight: 700; color: #222327;}
.location-con .loca-info .info-box .info-tit.transport {margin-top: 2em;}
.location-con .loca-info .info-box .info-txt { font-size: 1.25em; font-weight: 500; color: #767676; margin-top: .5em;}
.location-con .loca-info .info-box .contact-list {margin-top: 2em; gap: 1.5em;}
.location-con .loca-info .info-box .contact-list > li {gap: .5em; font-size: 1.25em;}
.location-con .loca-info .info-box .contact-list > li .xi {color: #ff6c31;}
.location-con .loca-info .info-box .contact-list > li .tt {color: #555; font-weight: 500; }
.location-con .loca-info .info-box .contact-list > li .bus-num {margin-left: .5em;}
.location-con .loca-info .info-box .contact-list > li .info {margin-top: 0.5em;}
.location-con .loca-info .info-box .contact-list > li .subway-ico {background: #00AFBD; color: #fff; padding: .25em .75em; border-radius: 50px; font-size: 1rem;}

.rnd-container {padding: 3em 0; gap: 7em;}
.rnd-title-wrap {gap: 3em; }
.rnd-title-wrap .rnd-title {flex: 1; flex: 1 1 43%;}
.rnd-title-wrap .rnd-title.ad_point{ padding: 2em; background: #f9f9f9; border-radius: 1.5em; flex: 1 1 50%;}
.rnd-title-wrap .rnd-title > h3 {font-size: 2.753em; font-weight: 700; color: #222327;}
.rnd-swiper-control {flex: 1 1 20%; gap: 1em;}
.rnd-title-wrap .rnd-img {margin-top: 3em; position: relative;}
.rnd-title-wrap .rnd-img:before {content: ''; position: absolute; width: 100%; height: 110%; background: #ff6c31; left: -8em; top: 3em; z-index: -1;}
.rnd-right {flex: 1 1 60%; margin-top: 3em;}
.rnd-line {margin: 2em 0 0 0; width: 50vw; height: 1px; position: relative; background: #ddd;}
/* .rnd-line .rnd-dot {position: absolute; width: 1em; height: 1em; border-radius: 50%; background: #ff6c31; left: 25%; top: -.5em; box-shadow: 0 0 5px rgba(0,0,0,0.5);}
.rnd-line .rnd-dot:before {content: ''; position: absolute; width: .5em; height: 0.5em; border-radius: 50%; background: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%);}  */
.rnd-swiper {width: 50vw; margin-top: -1.5em !important;}
.rnd-swiper .swiper-slide {margin-top: 1em; transition: .35s; position: relative; padding: 3em 0;}
.rnd-swiper .swiper-slide.hidden {opacity: 0; visibility: hidden;}
.rnd-swiper .swiper-slide:before {content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #ddd; width: 1em; height: 1em; border-radius: 50%; box-shadow: 0 0 5px rgba(0,0,0,0.5); transition: .35s;}
.rnd-swiper .swiper-slide-active:before {background: #ff6c31;}
.rnd-swiper .swiper-slide:after {content: ''; position: absolute; left: 50%; top: .25em; transform: translateX(-50%); background: #fff; width: .5em; height: .5em; border-radius: 50%;}
.rnd-swiper .swiper-slide > h1 {font-size: 2.5em; font-weight: 700; transition: .35s; color: #767676;}
/* .rnd-swiper .swiper-slide-active {background: #f5f5f5;} */
.rnd-swiper .swiper-slide-active > h1 {color: #ff6c31; font-size: 4em;}
.rnd-swiper .swiper-slide .list-wrap {margin-top: 2em; transition: .35s;}
/* .rnd-swiper .swiper-slide-active .list-wrap { background: #f8f8f8; padding: 3em;} */
.rnd-swiper .swiper-slide .list-wrap > li {font-size: 1.125em; color: #333; padding-left: 1em; position: relative; margin-bottom: .75em; transition: .35s;}
.rnd-swiper .swiper-slide .list-wrap > li .txt {padding: .25em 0;}
/* .rnd-swiper .swiper-slide-active .list-wrap > li {font-size: 1.25em;} */
.rnd-swiper .swiper-slide .list-wrap > li:before {content: ''; position: absolute; left: 0; top: 7px; border-radius: 50%; background: #ff6c31; width: 7px; height: 7px;}

.agency-wrap .map-container{ margin-top: 3em;}
.agency-wrap .map-container .map-inner{ gap: 3em;}
.agency-wrap .map-container .map-inner .right{ }
.map-in{ position:relative;}
.map-in .img-sizing{}
.map-in .img-sizing .pos-wrap{}
.map-in .img-sizing .pos-wrap .pos-item{}
.map-in .img-sizing .pos-wrap .pos-item > li{}
.map-in .pos-wrap .pos{ animation: spotAni; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: alternate;}
.map-in .pos-wrap .pos{ position: absolute; width: 1em; height: 1em; background: #de3a5d; border-radius: 50%;}
.map-in .pos-wrap .pos:before{ content: ''; position: absolute; width: 1.85em; height: 1.85em; background: #de3a5d; border-radius: 50%; opacity: .5; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.map-in .pos-wrap .pos:after{ content: ''; position: absolute; width: 3em;  height: 3em; background: #de3a5d; border-radius: 50%; opacity: .3; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.map-in .pos-wrap .pos-item{ display: none; opacity: 0;}
.map-in .pos-wrap .pos-item.on{ display: block; opacity: 1;}
.map-in .pos-wrap .pos-item .pos1_1{ top: 20%; left: 40%;}
.map-in .pos-wrap .pos-item .pos2_1{ top: 42%; left: 25%;}
.map-in .pos-wrap .pos-item .pos3_1{ top: 53%; left: 63%;}
.map-in .pos-wrap .pos-item .pos4_1{ top: 66%; left: 26%;}
@keyframes spotAni{
  0% { transform:scale(1.2);}
  100% { transform:scale(1.95);}
}

.loc-list-wrap{ }
.loc-list-wrap .loc-list{ }
.loc-list-wrap .loc-list > li{ padding: 2em; border: 1px solid #ff6c31; border-radius: 1.5em; margin-bottom: 1.5em; box-sizing: border-box; transition: .25s; box-shadow: 3px 0 9px rgba(0,0,0,.25);}
.loc-list-wrap .loc-list > li.on{ background: #ff6c31; box-shadow: 6px 0 24px rgba(0,0,0, .25);}
.loc-list-wrap .loc-list > li.on .con-in .tit .mark{ color: #fff;}
.loc-list-wrap .loc-list > li.on .con-in .tit .page_tt{ color: #fff !important;}
.loc-list-wrap .loc-list > li.on .con-in .txt-list{ background: #f9f9f9;}
.loc-list-wrap .loc-list > li:last-of-type{ margin-bottom: 0em;}
.loc-list-wrap .loc-list > li .con-in{}
.loc-list-wrap .loc-list > li .con-in .tit{ flex: 1 1 35%;}
.loc-list-wrap .loc-list > li .con-in .tit .mark{color: #ff6c31; font-weight: 600; margin-bottom: 1em;}
.loc-list-wrap .loc-list > li .con-in .txt-list{ padding: 1.5em 1.5em 1.5em 2em; background: #f9f9f9; border-radius: 1em; flex: 1 1 65%;}
.loc-list-wrap .loc-list > li .con-in .txt-list > li{ position: relative; margin-bottom: .3em;}
.loc-list-wrap .loc-list > li .con-in .txt-list > li:last-of-type{ margin-bottom: 0em;}
.loc-list-wrap .loc-list > li .con-in .txt-list > li .page_tt.s4{ font-weight: 600;}
.loc-list-wrap .loc-list > li .con-in .txt-list > li:before{ position: absolute; left: -10px; top: 10px; width: 3px; height: 3px; border-radius: 50%; background: #ff6c31; content: '';}

.view-con {margin-bottom: 5em;}
.view-con .view-wrap {}
.view-con .view-wrap .view-list {}
.view-con .view-wrap .view-list .wrap-in {gap: 3.125em 2.125em; display: grid; grid-template-rows: repeat(2, 1fr);   grid-template-columns: repeat(3, 1fr); grid-auto-flow: row dense;}
/* .view-con .view-list .wrap-in > li {width: 21em;} */
.view-con .view-list .wrap-in > .img-wrap {width: 36em; grid-row: span 2;}
.view-con .view-list .wrap-in > .img-wrap > img {width: 100%; height: 100%; object-fit: cover;}
.view-con .view-list .wrap-in > li .inner {}
.view-con .view-list .wrap-in > li .inner .num {font-size: 1.5em; color: #222327; margin-bottom: .5em;}
.view-con .view-list .wrap-in > li .inner .tit {font-size: 1.5em; color: #ff6c31; font-weight: 600;}
.view-con .view-list .wrap-in > li .inner .work-li {margin-top: .75em; padding-top: 0.75em; border-top: 1px solid #bbb;}
.view-con .view-list .wrap-in > li .inner .work-li > li:not(:last-child) {margin-bottom: .5em;}
.view-con .view-list .wrap-in > li .inner .work-li > li > p {font-size: 1.13em; color: #555;}
.view-con .view-list .wrap-in > li .inner .element-li {margin-top: 1.75em; gap: 1em;}
.view-con .view-list .wrap-in > li .inner .element-li > li {}
.view-con .view-list .wrap-in > li .inner .element-li > li.st1 {flex: auto;}
.view-con .view-list .wrap-in > li .inner .element-li > li.st1 .element {border-radius: 10px; width: 100%;}
.view-con .view-list .wrap-in > li .inner .element-li > li.st1 .element .symbol {font-size: 1.25em; font-weight: 600;}
.view-con .view-list .wrap-in > li .inner .element-li > li .element {background: #f5f5f5; border-radius: 50%;  padding: 1em; width: 5.15em; height: 5.15em;}
.view-con .view-list .wrap-in > li .inner .element-li.min > li .element {width: 4.13em; height: 4.13em; padding: .5em;}
.view-con .view-list .wrap-in > li .inner .element-li.min > li .element .symbol {font-size: 1.75em;}
.view-con .view-list .wrap-in > li .inner .element-li > li .element .symbol {font-size: 2em;}
.view-con .view-list .wrap-in > li .inner .element-li > li .element .num {font-size: 18px;}
.view-con .view-list .wrap-in > li .inner .status-li  {gap: 1em; margin-top: 0.63em;}
.view-con .view-list .wrap-in > li .inner .status-li .st1 {flex: 1 1 5.15em;}
.view-con .view-list .wrap-in > li .inner .status-li .st2 {flex: 1 1 calc(15.45em + 2em);}
.view-con .view-list .wrap-in > li .inner .status-li .st3 {flex: 1 1 4.13em;}
.view-con .view-list .wrap-in > li .inner .status-li .st4 {flex: 1 1 calc(16.52em + 3em);}
.view-con .view-list .wrap-in > li .inner .status-li > li  {border: 1px solid #ff6c31; border-radius: 50px;}
.view-con .view-list .wrap-in > li .inner .status-li > li .in {display: flex; align-items: center; justify-content: center; padding: 0.75em;}
.view-con .view-list .wrap-in > li .inner .status-li > li .in .tt {font-size: 1em; color: #555; font-weight: 500;}


.prod-view-wrap {}
.prod-view-wrap .left {flex: 1 1 50%;}
.prod-view-wrap .left .view-img-wrap {}
.prod-view-wrap .left .view-img-wrap .big-size {height: 600px;}
.prod-view-wrap .left .view-img-wrap .big-size > img {width: 100%; height: 100%; object-fit: contain;}
.prod-view-wrap .left .view-img-wrap .small-img {gap: 1em; margin-top: 1.5em; justify-content: center;}
.prod-view-wrap .left .view-img-wrap .small-img > li {border: 1px solid #bbb;}
.prod-view-wrap .left .view-img-wrap .small-img > li > a {display: flex; justify-content: center; align-items: center;}
.prod-view-wrap .left .view-img-wrap .small-img > li:hover,
.prod-view-wrap .left .view-img-wrap .small-img > li.on {border: 1px solid #ff6c31;}
.prod-view-wrap .left .view-img-wrap .small-img > li > a .img-wrap {height: 5em; width: 5em;}
.prod-view-wrap .left .view-img-wrap .small-img > li > a .img-wrap > img {width: 100%; height: 100%; object-fit: contain;}

.prod-view-wrap .right {flex: 1 1 50%; padding-left: 3.13em;}
.prod-view-wrap .right .tit-wrap {}
.prod-view-wrap .right .tit-wrap .en-name {margin-bottom: 1.25em;}
.prod-view-wrap .right .tit-wrap .en-name > p {font-size: 1.5em; color: #ff6c31; font-weight: 500;}
.prod-view-wrap .right .tit-wrap .tit-name {margin-bottom: 1.25em;}
.prod-view-wrap .right .tit-wrap .tit-name > h3 {font-size: 2em; color: #333; font-weight: 700;}
.prod-view-wrap .right .info-list {}
.prod-view-wrap .right .info-list .list  {border-top: 1px solid #ff6c31;}
.prod-view-wrap .right .info-list .list > li {border-bottom: 1px solid #eee; padding: 1.25em; padding-left: 0;}
.prod-view-wrap .right .info-list .list > li:last-child {border-bottom: none;}
.prod-view-wrap .right .info-list .list > li .icon {width: 1.5em; margin-right: 1.25em;}
.prod-view-wrap .right .info-list .list > li .icon > img {width: 100%; height: 100%; object-fit: contain;}
.prod-view-wrap .right .info-list .list > li .tt {font-size: 1.13em; color: #676767;}

.view-bottom {margin-top: 5em;}
.view-bottom .wrap_idx {}
.view-bottom .wrap_idx .view-tab {border-bottom: 1px solid #ddd; gap: 2em;}
.view-bottom .wrap_idx .view-tab > li {width: 15%; text-align: center;padding: .63em 0; position: relative; cursor: pointer;}
.view-bottom .wrap_idx .view-tab > li:after {content: ''; position: absolute; width: 0; height: 3px; left: 50%; bottom: 0; transform: translateX(-50%); background: #ff6c31; transition: .35s;}
.view-bottom .wrap_idx .view-tab > li:hover:after,
.view-bottom .wrap_idx .view-tab > li.on:after {width: 100%;}
/* .view-bottom .wrap_idx .view-tab > li:hover,
.view-bottom .wrap_idx .view-tab > li.on {border-bottom: 3px solid #ff6c31;} */
.view-bottom .wrap_idx .view-tab > li:hover .va_tt,
.view-bottom .wrap_idx .view-tab > li.on .va_tt {color: #333;}
.view-bottom .wrap_idx .view-tab > li .va_tt {font-size: 1.25em; color: #767676; font-weight: 500;}
.view-bottom .wrap_idx .bottom-info {}
.view-bottom .wrap_idx .bottom-info .con_idx {}
.view-bottom .wrap_idx .bottom-info .con_idx .idx {}

.pay-wrap {margin-top: 2em; padding-top: 2em; border-top: 1px solid #ff6c31;}
.pay-wrap .pay-top {}
.pay-wrap .pay-top .tt {font-size: 1.125em; color: #222327;}
.pay-wrap .pay-top .tt .xi {vertical-align: middle; font-size: 1em; color: #767676;}
.pay-wrap .pay-top .num {}
.pay-wrap .pay-top .num .quantity {font-size: 1em; color: #aaa; padding-right: 1em;}
.pay-wrap .pay-top .num .amount {font-size: 1.5em; color: #222327;}
.pay-wrap .pay-top .num .amount .money {font-size: 18px;}

.pay-wrap .pay-middle {gap: .5em; margin-top: 1em;}
.pay-wrap .pay-middle > div {text-align: center; padding: 1em; border-radius: 5px; font-size: 1.125em; cursor: pointer;}
.pay-wrap .pay-middle > div:not(.purchase) {flex: 1 1 calc(33% - .5em); font-weight: 600; color: #555; border: 1px solid #ddd;}
.pay-wrap .pay-middle .purchase {flex: 1 1 100%; background: #03C75A; color: #fff;}
.pay-wrap .pay-middle > div .xi {vertical-align: middle; padding-right: .25em;}
.pay-wrap .pay-middle .inquiry {}
.pay-wrap .pay-middle .save {}
.pay-wrap .pay-middle .cart {border: 1px solid #03C75A !important;}

.pay-wrap .pay-bottom {margin-top: 1em;}
.pay-wrap .pay-bottom .tt-wrap {font-weight: 500; margin-bottom: .5em;}
.pay-wrap .pay-bottom .tt-wrap .xi {vertical-align: middle;}
.pay-wrap .pay-bottom .tt-wrap .t1 {color: #aaa; }
.pay-wrap .pay-bottom .tt-wrap .t2 {color: #03C75A; padding-left: 0.5em;}


.info-btn-wrap {gap: 1em;/*  margin-top: 1.5em; */ padding-top: 2em; border-top: 1px solid #ff6c31;}
.info-btn-wrap > div {flex: 1;}
.info-btn-wrap > div > a {padding: 0 4em; border: 1px solid #ff6c31; height: 5em; border-radius: 5px;}
.info-btn-wrap > div > a .tt {font-size: 1.25em; font-weight: 500; color: #222327;}
.info-btn-wrap > div > a .tt .xi {font-size: 1em; transform: translateY(2px); color: #fff;}
.info-btn-wrap .inquiry-btn {}
.info-btn-wrap .inquiry-btn > a {background: #ff6c31;}
.info-btn-wrap .inquiry-btn > a .tt {color: #fff;}
.info-btn-wrap .inquiry-btn > a .tt .xi {color: #fff;}
.info-btn-wrap .consult-btn {}
.info-btn-wrap .consult-btn > a {background: #222327; border: none;}
.info-btn-wrap .consult-btn > a .tt {color: #fff;}

.agency-bg {height: 300px; position: relative; z-index: -1;}
.agency-wrap {align-items: center;}
/* 
.agency-table-wrap {box-sizing: border-box; overflow: hidden; border-radius: 10px; height: fit-content; box-shadow: 0 0 20px rgba(0,0,0,0.1); border: 1px solid #ddd;}
.agency-table {font-size: 1.125em; box-sizing: border-box;}
.agency-table thead {}
.agency-table thead tr {background: #f3f5f8;}
.agency-table thead tr th { color: #333; text-shadow: 0 0 10px rgba(0,0,0,0.1); border-bottom: 1px solid #ddd;}
.agency-table thead tr th:not(:last-child) {border-right: 1px solid #ddd;}
.agency-table thead tr th {}
.agency-table thead tr td {}
.agency-table tbody {}
.agency-table tbody tr:not(:last-child) {border-bottom: 1px solid #ddd;}
.agency-table tbody tr td {color: #333; background: #fff;}
.agency-table tbody tr:last-child th,
.agency-table tbody tr:last-child td{border-bottom: none;}
.agency-table tbody tr td:not(:last-child) {border-right: 1px solid #ddd;}

.agency-table tr th,
.agency-table tr td {padding: 1em; text-align: center; height: 3.5em; box-sizing: border-box; line-height: 1.5em;} */
.m-sec {margin-top: -2em;}

.agency-wrap {}
.agency-wrap .agency-list {margin-top: 3em;}
.agency-wrap .agency-list > li {padding: 3em 0; border-bottom: 1px solid #ddd; transition: .35s;}
.agency-wrap .agency-list > li.on {}
.agency-wrap .agency-list > li .inner {}
.agency-wrap .left {flex: 1 1 43%; font-size: 2em; font-weight: 600; gap: 1.125em;}
.agency-wrap .left .location {color: #ff6c31;}
.agency-wrap .left .company {color: #222327;}
.agency-wrap .right {flex: 1 1 50%;}
.agency-wrap .right .info-list {}
.agency-wrap .right .info-list > li {gap: 1em; margin-bottom: 1em;}
.agency-wrap .right .info-list > li:last-child {margin-bottom: 0;}
.agency-wrap .right .info-list > li .icon {width: 1.38em; height: 1.38em;}
.agency-wrap .right .info-list > li .title {font-size: 1.25em; color: #222327; font-weight: 600; flex: 1 1 15%; position: relative;}
.agency-wrap .right .info-list > li .title.fix:after {content: '(KOLAS)'; position: absolute; top: 110%; left: 0; color: #767676; font-size: .875em;}
.agency-wrap .right .info-list > li .txt {font-size: 1.25em; color: #767676; flex: 1 1 70%;}

.agency-tab {}
.agency-tab > li {display: flex; align-items: center;}
.agency-tab > li > a {height: 4em; gap: .5em; padding: 0 4em; border: 1px solid #ddd; cursor: pointer; margin: 0 0 -1px -1px; transition: .35s; background: #fff;}
.agency-tab > li .t1 {color: #777; font-size: 1.25em; font-weight: 500; transition: .35s;}
.agency-tab > li > a:before {content: ''; display: block; width: .375em; height: .375em; border-radius: 50%; background: #ff6c31; transition: .35s;}
.agency-tab > li.on > a,
.agency-tab > li > a:hover {background: #ff6c31;}
.agency-tab > li.on > a .t1,
.agency-tab > li > a:hover .t1 {color: #fff;}
.agency-tab > li.on > a:before,
.agency-tab > li > a:hover:before {background: #fff;}

.int-search-sec {margin-bottom: 4.5em; padding-bottom: 3.5em; border-bottom: 3px solid #ff6c31;}
.int-search-sec:last-child {border-bottom: none;}
.int-search-lay .board_search {margin-bottom: 0;}

.case-cont {margin-top: -5em; padding-top: 5em;}
.case-con {margin-top: 3em;}
.case-con .case-info {margin-bottom: 5em;}
.case-con .case-img {}
.case-con .case-img .img-wrap {height: 550px;}
.case-con .con_idx .idx {transform: translateY(100px); opacity: 0; transition: .35s;}
.case-con .con_idx .idx.on {transform: translateY(0); opacity: 1;}

.case-tab-wrap {margin-bottom: 2em; padding-bottom: 1em; border-bottom: 3px solid #ddd;}
.case-tab-wrap .case-tab > li {position: relative; color: #888; transition: .3s; font-weight: 500; flex: 1 1 16.66%;}
.case-tab-wrap .case-tab > li:after {content: ''; position: absolute; left: 50%; bottom: calc(-1em - 2px); background: #ff6c31; width: 0; height: 3px; transition: .3s; transform: translateX(-50%);}
.case-tab-wrap .case-tab > li:hover:after,
.case-tab-wrap .case-tab > li.on:after {width: 70%;}
.case-tab-wrap .case-tab > li:hover,
.case-tab-wrap .case-tab > li.on {color: #333;}