@charset "utf-8";
:root {
	--subTop-height: clamp(15rem, 23vw, 360px);
}


/* 서브페이지 */
.sub-head {width: 100%; transition: .5s cubic-bezier(1, 0.54, 0.1, 0.48); transform-origin: 0 0; z-index: 10; position: relative;}
.sub-head .top-box {position: relative; height: var(--subTop-height); background: #fff;}
.sub-head .top-box .bg {position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; box-sizing: border-box; border-color: #fff; border-radius: 0 0 3vw 3vw;}
.sub-head .top-box .bg img {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sub-head .top-box .inner {height: 100%; display: flex; align-items: center; justify-content: center; color: #fff;}
.sub-head .sub-name {position: relative; font-size: clamp(2rem, 3.8vw, 70px); font-weight: 700; overflow: hidden;}
.sub-head .sub-name p {animation: clip_path_width 1s .2s ease both;}
.sub-head .lnb-box {display: flex; gap: .5rem; margin-top: -2rem; position: relative; z-index: 1;}
.sub-head .lnb-box > div {width: 100%; position: relative;}
.sub-head .lnb-box > div .text {position: relative; z-index: 1; font-size: clamp(1rem, 2vw, 1.35rem); font-weight: 600;  border-radius: 1.8rem; display: flex; align-items: center; justify-content: space-between; padding: .5rem clamp(1rem, 7%, 7%); width: 100%; box-sizing: border-box; background: var(--black); height: 3.3rem; color: #fff; transition: .5s ease;}
.sub-head .lnb-box > div .text i {transition: .5s ease;}
.sub-head .lnb-box > div:not(:has(.list)) .text {cursor: unset;}
.sub-head .lnb-box > div:not(:has(.list)) .text i {display: none;}
.sub-head .lnb-box > .lnb2:not(:has(.list)) .text {justify-content: center; font-size: 1.1rem;}
.sub-head .lnb-box > div.open .text i {transform: rotateX(180deg);}
.sub-head .lnb-box > div .list {position: absolute; top: 100%; left: 0; width: 100%; display: none; padding-bottom: .5rem; min-height: 3.3rem; box-sizing: border-box;}
.sub-head .lnb-box > div .list {position: absolute; top: 0; left: 0; width: 100%; border-radius: 1.8rem; background: var(--black); padding-top: 3.3rem;}
.sub-head .lnb-box > div .list li a {padding: .5rem clamp(1rem, 7%, 7%); width: 100%; box-sizing: border-box; color: #fff; font-size: .9rem; font-weight: 600;}
.sub-head .lnb-box .lnb1 {width: 33%; flex: none;}
.sub-head .lnb-box .lnb1.open .text {box-shadow: inset 0 15px 20px var(--blue);}
.sub-head .lnb-box .lnb2 .text {background: var(--red);}
.sub-head .lnb-box .lnb2.open .text {box-shadow: inset 0 15px 20px #d42a1e7a;}
.sub-head .lnb-box > div .list li {position: relative;}
/* gsap 뺀 효과 */
.sub-head .top-box .bg img {animation: scaleZoomMoveBgXY 1s linear both; transform-origin: 0 0;}
.sub-head .sub-name span {animation: spanTextUp100 6s ease both;}
.sub-head .lnb-box {animation: showMove 1s .1s linear both;}
/* 화살표 */
/* .sub-head .lnb-box > div .list li:before, .sub-head .lnb-box > div .list li:after {content: ""; position: absolute; opacity: 0; transition: .5s ease;}
.sub-head .lnb-box > div .list li:before {top: 50%; left: 11px; transform: translateY(-50%); width: 10px; height: 2px; background: #fff;}
.sub-head .lnb-box > div .list li:after {left: 10px; top: 50%; transform: translateY(-67%); rotate: 45deg; width: 6px; height: 6px; border-right: 2px solid #fff; border-top: 2px solid #fff;} */
/* 로고  */
.sub-head .lnb-box .lnb1 .list li:before {content: ""; position: absolute; top: 50%; left: clamp(5px, .5vw, 11px); transform: translateY(-50%); width: clamp(10px, 1.1vw, 30px); height: 1rem; -webkit-mask-image: url(../../images/logo_icon.svg); opacity: 0; mask-image: url(../../images/logo_icon.svg); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; background: #fff;}

.sub-body {padding-top: clamp(3.5rem, 10vw, 6.5rem); padding-bottom: clamp(7rem, 16vw, 12.2rem); transition: .5s ease;}
.sub-body .bg-circle .circle {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.sub-body .moreBtn.type1 {width: clamp(180px, 13.4vw, 13.4vw);}


/*  */
.border-box {position: relative;}
.border-box .bg {position: absolute; z-index: 1; pointer-events: none; width: calc(100% + 5px); height: calc(100% + 8px); top: 50%; left: 50%; transform: translate(-50%, -50%);}
.border-box .bg svg {position: absolute; transition: .5s ease;}
.border-box .bg .top {top: 0;}
.border-box .bg .left {left: 0;}
.border-box .bg .bot {bottom: 0;}
.border-box .bg .right {right: 0;}
.border-box .bg .top.left {width: clamp(40px, 5.3vw, 5.3vw);}
.border-box .bg .top.right {width: clamp(20px, 1.8vw, 1.8vw);}
.border-box .bg .bot.left {width: clamp(20px, 1.8vw, 1.8vw);}
.border-box .bg .bot.right {width: clamp(40px, 4vw, 4vw);}
.border-box .in-box {background: #54545420; position: relative; border: 1px solid #ffffff40; padding: 1%; backdrop-filter: blur(40px); box-sizing: border-box;}
.border-box .in-box > * {padding: 9% 7%; position: relative; box-sizing: border-box;}
.border-box .in-box > *:before, .border-box .in-box > *:after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}
.border-box .in-box > *:before {width: 100%; height: 100%; background: #82ffb845;}
.border-box .in-box > *:after {width: 98.5%; height: 95%; background: #00000025; mix-blend-mode: multiply;}

/*  탭 */
.tab-list {position: relative; z-index: 1; animation: upShowMove 1s ease both;}
.tab-list .bg {position: absolute; transition: .5s ease;}
.tab-list .bg.hover {opacity: .3; z-index: -1;}
.tab-list ul {display: flex;}
.tab-list.type1 {margin-bottom: 3.3rem;}
.tab-list.type1 ul li {width: 100%;}
.tab-list.type1 ul li a {position: relative; width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; background: #E4E4E4; overflow: hidden; color: #9C9C9C; font-weight: 600; font-size: 1.2rem; border-radius: 1rem 1rem 0 0; height: 2.7rem; padding: .5rem; box-sizing: border-box;}
.tab-list.type1 ul li a:after {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: var(--red); clip-path: circle(0% at 50% 0); transition: .5s ease;}
.tab-list.type1 ul li a span {position: relative; z-index: 1; transition: .5s ease;}
.tab-list.type1 ul li.active a span {color: #fff;}
.tab-list.type1 ul li.active a:after {clip-path: circle(150% at 50% 0)}
.tab-cont:not(.active), .lnb-tab-cont:not(.active) {display: none !important;}
.tab-cont.active, .lnb-tab-cont.active {animation: upShowMove 1s ease both;}


/* 테이블 */
.table-box {max-width: 1400px; margin-left: auto; margin-right: auto;}
.table-box table tr > * {height: 3.125em; padding: .5rem; border-right: 1px solid #E4E4E4;}
.table-box table tr > *:last-child {border-right: none;}
.table-box table tr > *:first-child {border-left: 1px solid #e4e4e4;}
.table-box table tr {border-bottom: 1px solid #E4E4E4;}
.table-box table th {font-weight: 500;}
.table-box.type1 table tr > *:last-child {border-right: 1px solid #e4e4e4;}
.table-box.type1 table tr.gray > * {color: var(--balck); background: #f5f5f5;}
.table-box.type1 table thead th {background: var(--red); color: #fff;}
.table-box.type1 table tbody th {background: #f5f5f5;}
.table-box.type1 table tbody th.red {background: var(--red); color: #fff;}
.table-box.type1 table tbody th.light-gray {background: #F8F8F8;}
.table-box.type1 table tbody tr:first-child td {border-top: 1px solid #e4e4e4;}
.table-box.scroll {overflow-x: auto;}
.table-top-small {font-size: .9rem; color: #474747; text-align: right; margin-top: -2.5rem; margin-bottom: .5rem; max-width: 1400px; margin-left: auto; margin-right: auto;}


/* 버튼 */
.button-box {display: flex; justify-content: center; gap: .5rem;}
.button-box button {position: relative; overflow: hidden; max-width: 5.1rem; width: 100%; height: 2.77rem; padding: 5px; box-sizing: border-box; border-radius: 5px; color: #fff; text-align: center; transition: .5s ease;}
.button-box button:before {content: ""; position: absolute; top: -1rem; right: 0; width: 0; height: 0; border-bottom: .6rem solid transparent; border-top: .6rem solid #ffffff80; border-left: .6rem solid transparent; border-right: .6rem solid #ffffff80; transition: .5s ease;}
.button-box button > * {position: relative; z-index: 1;}
.button-box button.blue {background: var(--pointColor);}
.button-box button.black {background: #292929;}
.button-box button.gray {background: #989898;}
.button-box button.white {color: #0092F9; border: 1px solid #0092F9;}
.linkBtn.type1 {background: #003876; border-radius: 6rem; max-width: 15.5rem; width: 100%; height: 3.3rem; font-size: .9rem; padding-right: 2.8rem;}
.linkBtn.type1:before {display: none;}
.linkBtn.type1 i {position: absolute; top: 50%; right: .5rem; transform: translateY(-50%); width: 2.2rem; height: 2.2rem; display: flex; align-items: center; justify-content: center; color: #003876; background: #fff; border-radius: 50%; transform-origin: 50% 0; transition: .5s ease;}


/* modal ------------------------------------------ */
.modalWrap {position: fixed; top: 0; left: 0; right: 0; z-index: 150; bottom: 0; opacity: 0; pointer-events: none; transition: .5s ease;}
.modalWrap.on {opacity: 1; pointer-events: all;}
.modalWrap .bg {position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background: #00000080; transition: .7s cubic-bezier(0.63, 0, 0.25, 1); opacity: 0;}
.modalWrap.on .bg {opacity: 1;}
.modalWrap .modalInner {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.modalWrap .modalBox {position: relative; background: #fff; color: var(--black); opacity: 0; transform: scale(.8); transition: .5s ease; max-width: 1000px; width: calc(100% - 5rem); max-height: 90vh; padding: 2.2rem 1rem; padding-bottom: 2.7rem; box-sizing: border-box;}
.modalWrap.on .modalBox {opacity: 1; transform: none; transition-delay: .3s;}
.modalWrap .modalBox .closeBtn {position: absolute; top: 0; right: -2rem; color: #fff; font-size: 1.6rem; margin-left: auto;}
.modalWrap .modalBox .closeBtn i {transition: .5s ease;}
.modalWrap .modalBox .closeBtn.type2 {right: 1.5rem; top: 1.1rem; color: #474747; font-size: 2.2rem;}
.modalWrap .modalBox .box {max-height: 80vh; height: auto; overflow-y: auto;}
.modalWrap .modalBox:has(.modal-title) {padding: 1.5rem 1rem;}
.modalWrap .modalBox .modal-title {display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin-bottom: 1.6rem;}
.modalWrap .modalBox .modal-title .closeBtn {position: static; transform: none; font-size: 2.3rem; color: var(--black); color: var(--red); width: 1em; height: 1em;}
.modalWrap .modalBox .modal-title strong {font-weight: 700;}
.modalWrap:not(:has(.modal-title)) .modalBox {max-height: 90vh; overflow-x: hidden; overflow-y: auto;}
.modalWrap:has(.modal-title) .modalBox .modal-body {overflow-y: auto; max-height: calc(90vh - 6.8rem); border: 1px solid #e4e4e4; padding: 1rem; box-sizing: border-box;}
.modalWrap:has(.modal-title) .modalBox .modal-body::-webkit-scrollbar-thumb {background-color: var(--red);}
.modalWrap .modalBox .modal-body .text-box.type1 {display: flex; flex-direction: column; gap: 1.5rem; text-align: center;}
.modalWrap .modalBox .modal-body .text-box.type1 .tt1 {font-size: 2.3rem; font-weight: 700;}
.modalWrap .modalBox .modal-body .text-box.type1 .tt2 {line-height: 1.6;}
.privacy_modal .modalBox .modal-body .textBox {background: #ececec; color: #474747; padding: 1rem; box-sizing: border-box; font-size: .9rem; line-height: 1.6; letter-spacing: -.3px;}
.privacy_modal .modalBox .modal-body .textBox a {color: #474747;}
.ready_modal .modalBox {max-width: 400px;}
.ready_modal .modalBox .modal-body {text-align: center;}
.ready_modal .modalBox .modal-body .roading-ani {height: 4rem; overflow: hidden; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;}
.ready_modal .modalBox .modal-body .roading-ani .spin {position: relative; background-color: #2ecc718c; width: 12px; height: 12px; border-radius: 3px; animation: 2s linear infinite; animation-name: roading-ani-1;}
@keyframes roading-ani-1 {20% {transform: rotate(-30deg) scale(1);} 50% {transform: rotate(360deg) scale(2); background-color: #f7fdf8;} 80% {transform: rotate(720deg) scale(0.8);} 90%, 100% {transform: rotate(720deg) scale(1); background-color: #2ecc718c;}
}
.ready_modal .modalBox .modal-body .roading-ani .spin:before, .ready_modal .modalBox .modal-body .roading-ani .spin:after {content: ""; position: absolute; width: 100%; height: 100%; background-color: #179a5083; border-radius: 3px;}
.ready_modal .modalBox .modal-body .roading-ani .spin:before {right: calc(100% + 2px); animation: 2s 0.2s ease infinite; animation-name: roading-ani-2;}
@keyframes roading-ani-2 {65% {transform: translate(-50%, -50%) scale(0.2) rotate(-180deg); background-color: #d1f3d3;} 70%, 100% {transform: translate(0, 0) scale(1) rotate(-360deg); background-color: #179a5083;}
}
.ready_modal .modalBox .modal-body .roading-ani .spin:after {left: calc(100% + 2px); animation: 2s 0.2s ease infinite; animation-name: roading-ani-3;}
@keyframes roading-ani-3 {65% {transform: translate(50%, 50%) scale(0.2) rotate(180deg); background-color: #d1f3d3;} 70%, 100% {transform: translate(0, 0) scale(1) rotate(360deg); background-color: #179a5083;}}
.ready_modal .modalBox .modal-body .text {font-size: 2rem; font-weight: 700; background: -webkit-linear-gradient(115deg, var(--pointColor), #333); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 3px 3px #00000010;}


/* 텍스트 리스트 ------------------------------------------------------ */
.text-list-wrap.type1 {display: flex; flex-direction: column; gap: 2.8rem;}
.text-list-wrap.type1 > li > .title {font-size: 1.35rem; font-weight: 600;}
.text-list-wrap.type1 > li {display: flex; flex-direction: column; gap: 1.6rem;}
.text-list-wrap.type1 > li > .text-box {line-height: 1.5;}
.text-list {display: flex; flex-direction: column; gap: .6rem;}
.text-list li:before {position: absolute; top: 0; left: 0;}
.text-list li {position: relative; padding-left: 1rem; line-height: 1.6;}
.text-list.line li:before {content: "-";}
.text-list.check li {padding-left: 1.5rem;}
.text-list.check li:before {content: "\e92d"; font-family: xeicon !important; color: var(--red);}

.white-border-box {border: 1px solid #e4e4e4; padding: 2rem clamp(10px, 3vw, 3%)}
.white-border-box .text-list {gap: .7rem;}
.gray-text-box {background: #F5F5F5; padding: 2rem clamp(1.5rem, 3vw, 2rem); line-height: 1.6; border-radius: 10px;}

/**/
.sub-body .page-title-icon {display: flex; gap: .4rem .85rem; align-items: center; margin-bottom: 2.7rem;}
.sub-body .page-title-icon .icon {width: 15px; height: 15px; position: relative; transform: rotate(-45deg); animation: page-title-icon 1s .2s ease both;}
@keyframes page-title-icon {0% {transform: rotate(90deg) scale(.5); opacity: 0;}}
.sub-body .page-title-icon .icon .circle {position: absolute; width: 4px; height: 4px; border-radius: 50%; top: 0; right: 0; background: var(--red); transition: 1s ease;}
.sub-body .page-title-icon .icon .circle:after {content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; background: #1D2088; left: -11px; top: 0;}
.sub-body .page-title-icon .icon:before, .sub-body .page-title-icon .icon:after {content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #1D2088; transition: 1s ease;}
.sub-body .page-title-icon .icon:before {bottom: 0; left: 0;}
.sub-body .page-title-icon .icon:after {bottom: 0; right: 0;}
.sub-body .page-title-icon .icon + * {font-size: 1.35rem; font-weight: 600; overflow: hidden; position: relative; color: transparent;}
.sub-body .page-title-icon .icon + *:after {content: attr(data-text); position: absolute; top: 0; left: 0; color: var(--black); animation: upShowMove100 1s ease both;}

/* 인사말 ------------------------------------------------------ */
.greetings .inner {display: flex; gap: 3%;}
.greetings .inner .left-box {width: 100%; display: flex; flex-direction: column; gap: 1.5rem;}
.greetings .inner .left-box .top-text {font-size: clamp(1.3rem, 2vw, 28px); color: #2C2C2C; line-height: 1.4; font-weight: 700;}
.greetings .inner .left-box .top-text .red {color: var(--red)}
.greetings .inner .left-box .bot-text {line-height: 1.7; color: #474747; display: flex; flex-direction: column; gap: 1.5rem;}
.greetings .inner .right-box {flex: none; width: 32.5%; display: flex; flex-direction: column; gap: 1.5rem;}
.greetings .inner .right-box figure {border-radius: 10px; overflow: hidden; box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);}
.greetings .inner .right-box figure img {width: 100%;}

.greetings .inner .left-box.aos-animate .top-text {animation: leftShowMove 1s ease both;}
.greetings .inner .left-box.aos-animate .bot-text p {animation: leftShowMove 1s .1s ease both;}
.greetings .inner .right-box.aos-animate figure {animation: upShowMove 1s ease both;}

/* 오시는 길 ------------------------------------------------------ */
.location .map-wrap .info-box {background: var(--blue); color: #fff; border-radius: 10px; box-shadow: 6px 6px 4px rgb(0 0 0 / 15%); margin-bottom: -13%; position: relative; z-index: 1; max-width: 350px; width: 80%; padding: clamp(1rem, 2%, 2%); box-sizing: border-box; margin-left: 3%; display: flex; flex-direction: column; gap: 1.35rem;}
.location .map-wrap .info-box a {color: #fff;}
.location .map-wrap .info-box .name {font-size: clamp(1.35rem, 3vw, 1.6rem); font-weight: 600;}
.location .map-wrap .info-box address ul {display: flex; flex-direction: column; gap: 1.5rem; font-size: .96rem;}
.location .map-wrap .info-box address ul li {display: flex; flex-direction: column; gap: .3rem;}
.location .map-wrap .info-box address ul li .tt1 {display: flex; align-items: center; gap: .3rem; font-weight: 500;}
.location .map-wrap .info-box address ul li .tt2 {line-height: 1.4;}
.location .map-wrap .info-box address ul li .tt2 p {transition: .5s ease;}
.location .map-wrap .map-box {height: clamp(200px, 37vw, 480px);}

.location .map-wrap.aos-animate .info-box {animation: downShowMove 1s ease both;}
.location .map-wrap.aos-animate .map-box {animation: upShowMove 1s .1s ease both;}


/* 검색 ------------------------------------------------------ */
.src-filter-wrap {position: relative; z-index: 5; margin-bottom: clamp(1.5rem, 5vw, 3rem);}
.src-filter-wrap .src-wrap {display: flex; width: 100%; align-items: center; gap: 1rem;}
.src-filter-wrap .src-wrap .num-box {font-size: clamp(1rem, 2vw, 1.35rem); font-weight: 500; flex: none;}
.src-filter-wrap .src-wrap .num-box .num {font-weight: 600; color: var(--red);}
.src-filter-wrap .src-wrap .src-box {max-width: 645px; width: 100%; display: flex; gap: .4rem .8rem; margin-left: auto; position: relative; border-radius: 5px 5px 0 0; transition: .5s ease;}
.src-filter-wrap .src-wrap .src-box .select-box {position: relative; height: 3.3rem; border-radius: 10px; background: #f5f5f5; max-width: 150px; width: 30%; flex: none; display: flex; align-items: center;}
.src-filter-wrap .src-wrap .src-box .select-box:after {content: "\e935"; font-family: xeicon !important; position: absolute; top: 50%; right: 1rem; transform: translateY(-50%); font-size: .7rem;}
.src-filter-wrap .src-wrap .src-box .select-box select {background: transparent; width: 100%; height: 100%; box-sizing: border-box; padding: 1rem; padding-right: 2rem; font-size: 1rem;}
.src-filter-wrap .src-wrap .src-box .src-ipt {width: 100%;position: relative;height: 100%;}
.src-filter-wrap .src-wrap .src-box .src-ipt input {box-sizing: border-box; width: 100%; font-size: .9rem; letter-spacing: -.5px; height: 3.3rem; padding: .4rem 3.4rem .4rem 1.2rem; background: #F5F5F5; border-radius: 10px;}
.src-filter-wrap .src-wrap .src-box .src-ipt input:placeholoder {color: #DCDCDC;}
.src-filter-wrap .src-wrap .src-box .src-ipt .src-submit {position: absolute; top: 50%; transform: translateY(-50%); width: 2.5rem; height: 2.5rem; right: .5rem; font-size: 1.35rem; border-radius: 50%; transition: .5s ease;}
.src-filter-wrap .src-wrap .src-box .src-ipt input:focus + .src-submit {box-shadow: inset 3px 3px 10px #25287e2e;}
.src-filter-wrap .src-wrap .src-box .src-ipt input:focus + .src-submit i {animation: buttonMove 1s linear both infinite;}


/* 페이지 번호 ------------------------------------------------------ */
.page-wrap {margin-top: 2em;}
.page-wrap ul {display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.page-wrap li.page {width: clamp(31px, 4vw, 50px); height: clamp(31px, 4vw, 50px); border: 1px solid #ddd; box-sizing: border-box;}
.page-wrap li.page:not(:last-child) {border-right: none;}
.page-wrap li.page a {text-align: center; box-sizing: border-box; transition: all 0.3s; font-size: .95rem; color: #DDDDDD; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; transition: .5s ease;}
.page-wrap li.page.active a {background: var(--red); color: #fff;}
.page-wrap .first a, .page-wrap .prev a, .page-wrap .next a, .page-wrap .last a {border: 0;}
.page-wrap .first i, .page-wrap .last i {margin: 0 -.35rem;}


/* 게시판 */
.board {animation: upShowMove 1s ease both; opacity: 0;}
.src-filter-wrap + .board {animation: none;}
.src-filter-wrap.aos-animate + .board {animation: upShowMove 1s .1s ease both;} 
.board .title {width: 100%; display: flex; align-items: center; justify-content: center; transition: .5s ease;}
.board .title p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; position: relative; line-height: 1.7; width: auto; font-weight: 400; word-break: break-all;}
.board .new {color: var(--red); font-weight: 800; text-transform: capitalize;}
.board .title .new {display: inline; line-height: 1; vertical-align: middle; margin-left: .5em; flex: none; font-size: 12px;}
.board table {font-size: .9rem;}
.board table tr {border-bottom: 1px solid #E4E4E4; transition: .5s ease;}
.board table tr > * {height: 3.3rem; vertical-align: middle; text-align: center; padding: 0 5px; box-sizing: border-box;}
.board table tr > *:not(:last-child) {border-right: 1px solid #E4E4E4;}
.board table thead tr th {background: #F5F5F5;}
.board table thead .th5 {color: #474747; font-size: 1.35rem;}
.board table tbody {font-weight: 300;}
.board table tbody tr {cursor: pointer; position: relative;}
.board table .num .xi-star {color: #fff; width: 1.7rem; height: 1.7rem; border-radius: 5px; background: var(--red); display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.board table .title {width: 100%;  padding: 0 8%;}
.board table .cate p {width: 4.3rem; height: 1.6rem;}
.board table .download i {color: var(--red); font-size: clamp(1.35rem, 3vw, 1.5rem);}
.board table .no-data {height: 5rem; color: #b5b5b5; text-align: center; font-weight: 300; cursor: default !important;}
.board ul {display: flex; flex-wrap: wrap; gap: clamp(1rem, 2vw, 1.35rem);}
.board ul li {width: calc(100% / 3 - (clamp(1rem, 2vw, 1.35rem) / 3) * 2);}
.board ul li a {position: relative; width: 100%; aspect-ratio: 450 / 300;}
.board ul li a .img-box {height: 100%; box-sizing: border-box; border-radius: 10px; overflow: hidden; padding: 3%; box-sizing: border-box; border: 1px solid #e4e4e4; display: flex; align-items: center; justify-content: center; transition: .5s ease;}
.board ul li a .img-box img {max-width: 100%; max-height: 100%;}
.board ul li a .hover {display: flex; border-radius: 10px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-weight: 500; padding: 5%; box-sizing: border-box; color: #fff; background: linear-gradient(0deg, #D42A1E, transparent 60%); align-items: flex-end; justify-content: center; clip-path: circle(0% at 50% 50%); opacity: 0; transition: 1s ease;}
.board ul li a .hover p {display: flex; align-items: center; width: 100%; justify-content: center; gap: 4%;}
.board ul li a .hover p:after {content: "\e913"; font-family: xeicon !important; font-size: 1.35rem;}
.board ul .no-data {display: flex; align-items: center; justify-content: center;} 
.board ul li.no-data {width: 100% !important; border-bottom: 1px solid #E4E4E4;}
.board_modal .modalBox .modal-body {display: flex; flex-direction: column; gap: 1rem; align-items: center;}


/* 게시판 상세 ------------------------------------------------------ */
.board_view .textWrap .title {padding-bottom: 1.7rem; border-bottom: 1px solid #e4e4e4;}
.board_view .textWrap .title h3 {font-size: 1.6rem; font-weight: 600; line-height: 1.3; word-break: break-all;}
.board_view .textWrap .title .topBox {font-size: .85rem; line-height: 1; font-weight: 300; margin-bottom: clamp(1rem, 2vw, 1.5rem); display: flex; gap: 1rem; justify-content: space-between;}
.board_view .textWrap .title .topBox > ul {display: flex; align-items: center;}
.board_view .textWrap .title .topBox .leftBox {gap: .6em 2.1rem; flex-wrap: wrap;}
.board_view .textWrap .title .topBox .date {position: relative;}
.board_view .textWrap .title .topBox li + .date {margin-left: -1rem;}
.board_view .textWrap .title .topBox .date:after {content: ""; position: absolute; right: -1rem; top: 50%; transform: translateY(-50%); width: 1px; height: 80%; background: #E6E6E6;}
.board_view .textWrap .title .topBox .hit i {margin-right: .5rem;}
.board_view .textWrap .text {padding: 2rem 1rem 4rem; line-height: 1.6; min-height: clamp(10rem, 30vw, 20rem);}
.board_view .textWrap .text .pdfView {height: clamp(35rem, 70vw, 1547px); margin-bottom: 2rem;}
.board_view .textWrap .text:has(.arrowBtn) {text-align: center; position: relative; padding: 3rem clamp(4px, calc(9vw + 10px), 110px);}
.board_view .textWrap .text:has(.arrowBtn) .arrowBtn {position: absolute; top: 50%; transform: translateY(-50%); width: clamp(30px, 9vw, 100px); height: clamp(30px, 9vw, 100px); border-radius: 50%; border: 1px solid #c8c8c8; color: #474747; font-size: clamp(1rem, 5vw, 26px); z-index: 1; overflow: hidden;}
.board_view .textWrap .text:has(.arrowBtn) .arrowBtn:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, #1584FF60, transparent 70%); opacity: 0; transition: .5s ease; z-index: -1;}
.board_view .file-wrap .fileWrap li > * {transition: .5s ease;}
.board_view .file-wrap {display: flex; flex-direction: column; gap: .5rem;}
.board_view .file-wrap .file {padding: 1.25rem 0; display: flex; gap: 1rem; background: linear-gradient(180deg, #f5f5f5 66.6%, var(--red) 33.3%); background-size: 100% 300%; background-position: top; transition: .5s ease;}
.board_view .file-wrap .file:last-child {border-bottom: none;}
.board_view .file-wrap .file > p {max-width: 7.5rem; width: 100%; text-align: center; position: relative; flex: none; height: auto; display: flex; align-items: center; justify-content: center;}
.board_view .file-wrap .file > p:after {content: ""; width: 1px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; height: 120%; background: #E4E4E4;}
.board_view .file-wrap .file .file-name a {position: relative; display: flex; align-items: center; justify-content: space-between; color: #474747; transition: .1s ease;}
.board_view .file-wrap .file .file-name .text1 {display: flex; align-items: flex-start; gap: .8rem; font-weight: 300; transition: .5s ease;}
.board_view .file-wrap .file .file-name .text1 p {line-height: 1.3; word-break: break-all;}
.board_view .file-wrap .file .file-name .text1 .icon {flex: none; width: 1.35rem; height: 1.35rem; font-size: 1.6rem; color: var(--red); vertical-align: baseline; position: relative; display: flex; align-items: center; justify-content: center;}
.board_view .arrow-wrap {display: flex; justify-content: space-between; align-items: center; gap: 10px; letter-spacing: -.5px; border-top: 1px solid #E4E4E4; padding-top: 2.2rem;}
.board_view .arrow-wrap strong {font-size: 1.35rem; display: flex; align-items: center; gap: .5rem;}
.board_view .arrow-wrap p {font-size: .9rem;}
.board_view .arrow-wrap .list {max-width: 10rem; width: 20%;}
.board_view .arrow-wrap .list a {position: relative; cursor: pointer; font-size: 1.35rem; border-radius: 3rem; background: var(--red); color: #fff; display: flex; align-items: center; justify-content: center; width: 100%; height: 2.7rem; transition: .5s ease; gap: .8rem;}
.board_view .arrow-wrap .list a i {position: relative; z-index: 1; font-size: 1.7rem;}
.board_view .arrow-wrap .list a:after {content: ""; position: absolute; width: 100%; height: 100%; padding: 3px; border-radius: 35px; border: 1px solid var(--red); transform: scale(.9); opacity: 0; z-index: -1; transition: .5s ease;}
.board_view .arrow-wrap li:not(.list) a {transition: .5s ease; width: 100%; display: flex; flex-direction: column; gap: .5rem; align-items: flex-start;}
.board_view .arrow-wrap li:not(.list):last-child a {align-items: flex-end;}
.board_view .arrowBtn.no {opacity: .15;}
.board_view .arrow-wrap .arrowBtn {width: 40%;}
.board_view .arrow-wrap .arrowBtn p {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; color: #474747; display: inline-block; position: relative;}
.board_view .arrow-wrap .arrowBtn p:after {content: ""; position: absolute; width: 0%; height: 1px; bottom: 0; left: 0; background: var(--black); transition: .5s ease;}
.board_view .arrow-wrap .arrowBtn strong i {width: 1rem; height: 1rem; color: #474747;}
.board_view .arrow-wrap .nextBtn {text-align: right;}
.board_view .arrow-wrap .prevBtn .xi-play {transform: rotateY(180deg);}

/* 제품  박스 */
.product-wrap {display: flex; gap: 2%;}
.product-wrap .left-box {width: 35.5%; background: #F5F5F5; border: 1px solid #e4e4e4; border-radius: 10px; aspect-ratio: 580 / 700; max-height: 700px; padding: 2rem .3rem; box-sizing: border-box;}
.product-wrap .left-box .text-list-wrap {overflow-y: auto; padding: 0 clamp(10px, 2vw, 1.3rem); height: 100%; box-sizing: border-box; scrollbar-gutter: stable both-edges;}
.product-wrap .left-box .text-list-wrap::-webkit-scrollbar {width: 3px;}
.product-wrap .left-box .text-list-wrap::-webkit-scrollbar-thumb {background-color: var(--red); border-radius: 0;}
.product-wrap .left-box .text-list-wrap::-webkit-scrollbar-track {background-color: #D9D9D9;}
.product-wrap .right-box {width: 62.5%;}
.product-wrap .right-box .product-slick {width: 100%; border-radius: 10px; overflow: hidden; border: 1px solid #E4E4E4; margin-bottom: 0;}
.product-wrap .right-box .product-slick .slick-slide > div, .lnb-tab-cont#features .right-box .product-slick .slick-slide .slide {height: 100%;}

.lnb-tab-cont.active .product-wrap .left-box {animation: rightShowMove 1s .1s ease both;}
.lnb-tab-cont.active .product-wrap .right-box {animation: leftShowMove 1s .1s ease both;}

/* 제품 슬라이드 */
.product-slick-wrap {position: relative;} 
.product-slick-wrap .product-slick .slick-list {width: 100%; height: 100%;}
.product-slick-wrap .product-slick .slick-track {height: 100%;}
.product-slick-wrap .product-slick .slide {display: flex !important; flex-direction: column;}
.product-slick-wrap .product-slick .slide .img-box {flex: 1; aspect-ratio: 790 / 600; max-height: 600px; display: flex; align-items: center; justify-content: center;}
.product-slick-wrap .product-slick .slide .img-box img {max-width: 50%; max-height: 50%; object-fit: contain; filter: drop-shadow(4px 4px 4px rgb(0 0 0 / 15%));}
.product-slick-wrap .product-slick .slide .text-box {font-size: clamp(1.2rem, 3vw, 1.7rem); color: #fff; font-weight: 600; height: clamp(3.5rem, 9vw, 5.5rem); background: var(--red); padding: .3rem; text-align: center; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.product-slick-wrap .slick-dots-wrap {position: absolute; bottom: calc(clamp(3.5rem, 9vw, 5.5rem) + clamp(1rem, 3vw, 2.5rem)); width: 100%; left: 0; height: 10px;}
.product-slick-wrap .slick-dots-wrap .slick-dots {position: unset; display: flex; gap: .9rem; justify-content: center;}
.product-slick-wrap .slick-dots-wrap .slick-dots li {width: clamp(5px, 2vw, 10px); height: clamp(5px, 2vw, 10px); border-radius: 50%; margin: 0; background: #DCDCDC; transition: .5s ease;}
.product-slick-wrap .slick-dots-wrap .slick-dots li.slick-active {background: var(--red);}
.product-slick-wrap .slick-dots-wrap .slick-dots li button, .product-slick-wrap .slick-dots-wrap .slick-dots li button:before {width: 100%; height: 100%; text-indent: -9999px;}
.product-slick-wrap .arrow-btn {position: absolute; top: 50%; transform: translateY(calc(-50% - clamp(3.5rem, 9vw, 5.5rem) / 2)); color: #666666; font-size: clamp(1.5rem, 3vw, 2.3rem);}
.product-slick-wrap .arrow-btn.prev {left: 1.5rem;}
.product-slick-wrap .arrow-btn.next {right: 1.5rem;}

/* 사양 페이지 */
.lnb-tab-cont#specifications {display: flex; flex-direction: column; gap: 4.4rem;}
.yellow-img-box {max-width: 1000px; margin: 0 auto; background: #FCFCF3; border-radius: 10px; border: 1px solid #e4e4e4; padding: 1.1rem; box-sizing: border-box; text-align: center;}
.lnb-tab-cont#specifications .table-box.scroll table {min-width: 640px;}
.lnb-tab-cont#specifications .table-box.type1 tr:last-child td {text-align: left; padding: 2rem 1.5rem; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4;}
.lnb-tab-cont#specifications .table-box.type1 tr:last-child td .text-list {gap: .5rem;}

/* 사양 페이지 */
.lnb-tab-cont#options {display: flex; flex-direction: column; gap: 3.7rem;}
.lnb-tab-cont#options div[class*="box"] > .img-box {border-radius: 10px; background: #f5f5f5; border: 1px solid #e4e4e4; padding: 4.2rem 1.5rem; text-align: center;}
.lnb-tab-cont#options div[class*="box"] > .img-box:has(img:nth-child(3)) {display: flex; justify-content: space-between; flex-wrap: wrap}
.lnb-tab-cont#options .white-border-box {margin-top: 1.35rem;}
.lnb-tab-cont#options .table-box.scroll table {min-width: 400px;}
.lnb-tab-cont#options .table-box + .table-box {margin-top: 3.5rem;}

.case_rack.urc .lnb-tab-cont#options .gray-text-box.white {background: #fff; border: 1px solid #e4e4e4; border-radius: 0; margin-bottom: 1.4rem;}
.case_rack.urc .lnb-tab-cont#options .gray-text-box.white .text-list {gap: .2rem; line-height: 1.2;}

/* 갤러리 페이지 */
.lnb-tab-cont#gallery {display: flex; flex-direction: column; gap: 1.6rem;}
.lnb-tab-cont#gallery .page-title-icon {margin-bottom: 0;}

/* CIC SERIES */
.cic_series .tab-cont#tab01 .box01 {margin-bottom: 3.7rem;}
.cic_series .tab-cont#tab01 .box02 {margin-bottom: 3.5rem;}
.cic_series .tab-cont#tab01 .box03 {margin-bottom: 4rem;}
.cic_series .tab-cont#tab02 .box01 {margin-bottom: 3.8rem;}
.cic_series .tab-cont#tab02 .box02 {margin-bottom: 3.8rem;}
.cic_series .tab-cont#tab02 .box03 {margin-bottom: 2.7rem;}
.cic_series .tab-cont#tab02 .box04 {margin-bottom: 2.7rem;}

.cic_series .lnb-tab-cont#options .page-title-icon:has(h3) {margin-bottom: 0;}
.cic_series .lnb-tab-cont#options .page-title-icon:has(h4) {margin-bottom: 1.35rem;}


/* 주문형 case */
.custom_case .gray-text-box {margin-bottom: 3.5rem;}
.custom_case .img-box img {width: 100%;}

/* 자체설비 */
.our_equipment .slick-wrap {display: flex; flex-wrap: wrap; gap: 2rem 4%; align-items: center; justify-content: center;}
.our_equipment .slick-wrap .equipment-slick {margin-bottom: 0; width: 100%; max-width: calc(100% - clamp(1.4rem, 3vw, 2.3rem) * 2 - 8%); border-radius: 10px; overflow: hidden;}
.our_equipment .slick-wrap .equipment-slick .slide {position: relative;}
.our_equipment .slick-wrap .equipment-slick .slide figure img {width: 100%;}
.our_equipment .slick-wrap .equipment-slick .slide .name {position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); background: var(--red); box-shadow: 4px 4px 4px rgb(0 0 0 / 20%); text-align: center; color: #fff; border-radius: 10px; display: flex; align-items: center; justify-content: center; height: 2.2rem; width: clamp(8rem, 70%, 14.5rem); }
.our_equipment .slick-wrap .equipment-slick .slide .name p {overflow: hidden; color: transparent; position: relative;}
.our_equipment .slick-wrap .equipment-slick .slide .name p:before {content: attr(data-text); position: absolute; top: 0; transform: translateY(100%); transition: .5s ease; color: #fff;}
.our_equipment .slick-wrap .equipment-slick .slick-current .slide .name p:before {transform: none;}
.our_equipment .slick-wrap .arrow-btn {font-size: clamp(1.4rem, 3vw, 2.3rem);}
.our_equipment .bot-box {display: flex; gap: 2%; margin-top: 2.2rem;}
.our_equipment .bot-box > * {width: 100%; border-radius: 10px; box-shadow: 4px 4px 4px rgb(0 0 0 / 20%); padding: 1.6rem clamp(1rem, 3%, 3%); box-sizing: border-box;}
.our_equipment .bot-box .contact-box {background: #F5F5F5; display: flex; align-items: center; justify-content: center;}
.our_equipment .bot-box .contact-box .list {display: flex; gap: .6rem; flex-wrap: wrap;}
.our_equipment .bot-box .contact-box .list li:not(:first-child) {width: 10.5em;}
.our_equipment .bot-box .contact-box .tel-list {display: flex; flex-direction: column; gap: .6rem; transition: .5s ease;}
.our_equipment .bot-box .contact-box .tel-list li {display: flex; flex-wrap: wrap; gap: .4rem 1rem;}
.our_equipment .bot-box .contact-box .tel-list li .cate {width: 5em; font-weight: 600;}
.our_equipment .bot-box .contact-box .tel-list li a {display: inline-flex; align-items: center;}
.our_equipment .bot-box .contact-box .tel-list li a span {position: relative; color: transparent; overflow: hidden; line-height: 1;}
.our_equipment .bot-box .contact-box .tel-list li a span:before, .our_equipment .bot-box .contact-box .tel-list li a span:after {content: attr(data-text); position: absolute; left: 0; transition: .7s cubic-bezier(0.61, 0.06, 0.25, 1);}
.our_equipment .bot-box .contact-box .tel-list li a span:before {top: 0; color: var(--black);}
.our_equipment .bot-box .contact-box .tel-list li a span:after {top: 100%; color: var(--red); transform: rotateX(-90deg);}
.our_equipment .bot-box .contact-box .tel-list li a:hover span:before {top: -100%; transform: rotateX(90deg);}
.our_equipment .bot-box .contact-box .tel-list li a:hover span:after {top: 0; transform: none;}
.our_equipment .bot-box .youtube {background: var(--red); text-align: center; display: flex; justify-content: space-between; align-items: center; color: #fff; overflow: hidden;}
.our_equipment .bot-box .youtube .text {font-size: 1.35rem; font-weight: 700;}
.our_equipment .bot-box .youtube .arrow-btn {width: clamp(2rem, 3vw, 62px); height: clamp(2rem, 3vw, 62px); position: relative; color: var(--red); z-index: 1; display: flex; align-items: center; justify-content: center;}
.our_equipment .bot-box .youtube .arrow-btn:after {content: ""; position: absolute; width: 70%; height: 70%; background: #fff; top: 50%; left: 50%; transform: rotate(45deg) translate(-50%, -50%); transform-origin: 0 0; z-index: -1; transition: .5s ease;}

.our_equipment .bot-box.aos-animate .contact-box {animation: rightShowMove 1s ease both;}
.our_equipment .bot-box.aos-animate .youtube {animation: leftShowMove 1s ease both;}

/* 2026.10.16 다운로드 센터 */
.download-list > ul {--num: 6; display: flex; flex-wrap: wrap;}
.download-list > ul > li {width: calc(100% / var(--num));display: flex;}
.download-list > ul > li > * {height: 2.8rem; display: flex; align-items: center; justify-content: center; font-size: clamp(.9rem, 2vw, 1rem);}
.download-list > ul > li .width1 {width: 62.5%;}
.download-list > ul > li .width2 {flex: 1;}
.download-list .download-list-head > li > * {background: var(--red); color: #fff; font-weight: 600; border-right: 1px solid #fff;}
.download-list .download-list-head > li:last-child > *:last-child {border-right: none;}
.download-list .download-list-body > li {transition: .5s ease;}
.download-list .download-list-body > li > * {border-right: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;}
.download-list .download-list-body > li .width2 {gap: 10%; align-items: center;}
.download-list .download-list-body > li .width2:has(a:nth-child(3):last-child) {gap: 5%;}
.download-list .download-list-body .icon {--size: clamp(1.2rem, 2vw, 1.4rem); position: relative; width: var(--size); aspect-ratio: 1/1; background-repeat: no-repeat; background-size: contain; background-position: center;}
.download-list .download-list-body .file-dwg .icon {background-image: url(../../images/ico_dwg.svg);}
.download-list .download-list-body .file-pdf .icon {background-image: url(../../images/ico_pdf.svg);}
.download-list .download-list-body .file-3d .icon {background-image: url(../../images/ico_3d.svg);}
.download-list .download-list-body .icon:before {content: ""; width: 0; height: 0; border-style: solid; border-width: 3px 3px 0px 3px; border-color: #d42a1e transparent transparent transparent; position: absolute; bottom: calc(100% + 2px); left: 50%; transform: translateX(-50%);}
.download-list .download-list-body .icon:after {content: "dwg"; position: absolute; font-size: 14px; left: 50%; transform: translateX(-50%); bottom: calc(100% + 5px); background: #fff; padding: 2px 3px; border-radius: 6px; border: 1px solid #d42a1e; color: #d42a1e;}
.download-list .download-list-body .icon:before, .download-list .download-list-body .icon:after {display: none;}
.download-list .download-list-body .file-pdf .icon:before {border-color: #ff562c transparent transparent transparent}
.download-list .download-list-body .file-pdf .icon:after {content: "PDF"; border-color: #ff562c; color: #ff562c;}
.download-list .download-list-body .file-3d .icon:before {border-color: #1d2088 transparent transparent transparent}
.download-list .download-list-body .file-3d .icon:after {content: "3D"; border-color: #1d2088; color: #1d2088;}

@media screen and (min-width: 1201px) {
	.sub-head .lnb-box .lnb1 .list:has(li:hover) li:not(:hover) a {opacity: .4;}
	.sub-head .lnb-box .lnb1 .list li:hover:before, .sub-head .lnb-box > div .list li:hover:after {animation: clip_path_width 1s ease both; opacity: 1;}

	.src-filter-wrap .src-wrap .src-box .src-ipt .src-submit:hover {box-shadow: inset 3px 3px 10px #25287e2e; color: var(--blue);}
	.src-filter-wrap .src-wrap .src-box .src-ipt .src-submit:hover i {animation: buttonMove 1s linear both infinite;}

	.modalWrap .modalBox .closeBtn:hover i {transform: rotate(180deg);}
	.button-box button:hover:before {top: 0;}
	.button-box button:hover span span {animation: spanTextUp 3s linear both infinite;}
	.submit-btn:hover {box-shadow: inset 3px 3px 10px #ffffff80, 0 0 10px var(--pointColor);}
	.submit-btn:hover span span {animation: spanTextUp 4s ease both infinite;}
	.modalWrap .submit-btn:hover {box-shadow: inset 3px 3px 10px #ffffff;}

	.location .info-box address ul li .tt2:has(a:hover) p:not(:hover) {opacity: .4;}


	.page-wrap li.page:not(.active) a:hover {background: #D42A1E15; color: var(--red);}
	
	.board table tbody tr:hover .title {color: var(--red);}
	.board table tbody:has(tr:hover) tr:not(:hover) {opacity: .2;}
	.board ul:has(li:hover) li:not(:hover) a {opacity: .4; filter: grayscale(1);}
	.board ul li a:hover .img-box {box-shadow: 0 0 30px rgb(0 0 0 / 20%);}
	.board ul li a:hover .hover {clip-path: circle(150% at 50% 50%); opacity: 1;}

	.board_view .arrow-wrap li:not(.list) a > * {transition: .5s ease;}
	.board_view .arrow-wrap li.prevBtn a > * {transform-origin: left center;}
	.board_view .arrow-wrap li.nextBtn a > * {transform-origin: right center;}
	.board_view .arrow-wrap li:not(.list) a:hover > strong {transform: scale(.8);}
	.board_view .arrow-wrap li:not(.list) a:hover > p {transform: scale(1.1);}
	.board_view .file-wrap .file:hover {color: #fff; background-position: bottom;}
	.board_view .file-wrap .file:hover a {color: #fff;}
	.board_view .file-wrap .file:hover .file-name .text1 .icon {color: #fff;}
	.board_view .arrow-wrap .list a:hover:after {transform: none; opacity: 1;}
	
	.our_equipment .slick-wrap .arrow-btn:hover {color: var(--red);}
	.our_equipment .bot-box:has(.youtube:hover) .contact-box .tel-list {opacity: .4;}
	.our_equipment .bot-box .youtube:hover {scale: 1.03;}
	.our_equipment .bot-box .youtube:hover .arrow-btn:after {transform: rotate(225deg) translate(-50%, -50%); scale: 3;}

	.download-list .download-list-body:has(li:hover) > li:not(:hover) {opacity: .4;}
	.download-list .download-list-body .width2:has(a:hover) > a:not(:hover) {opacity: .6; filter: grayscale(1);}
	.download-list .download-list-body .file-dwg:hover .icon {filter: drop-shadow(3px 3px 0 #D42A1E40);}
	.download-list .download-list-body .file-3d:hover .icon {filter: drop-shadow(3px 3px 0 #1D208840);}
	.download-list .download-list-body .file-pdf:hover .icon {filter: drop-shadow(3px 3px 0 #FF562C40);}
	.download-list .download-list-body a:hover .icon:before, .download-list .download-list-body a:hover .icon:after {display: block; animation: showMove 1s ease both;}
}


@media screen and (min-width: 769px) {	
	.sub-head .lnb-box .lnb2:has(.list) .text {display: none; justify-content: center;}
	.sub-head .lnb-box .lnb2 .list {position: unset; display: flex; padding-bottom: 0; background: #E4E4E4; border-radius: 1.8rem; height: 3.3rem; padding-top: 0;}
	.sub-head .lnb-box .lnb2 .list li {width: 100%;}
	.sub-head .lnb-box .lnb2 .list li:after {display: none;}
	.sub-head .lnb-box .lnb2 .list li a {height: 100%; display: flex; align-items: center; justify-content: center; width: 100%; padding: .5rem; font-size: 1.1rem;}
	.sub-head .lnb-box .lnb2 .list li a span {position: relative; color: transparent; overflow: hidden; line-height: 1;}
	.sub-head .lnb-box .lnb2 .list li a span:before, .sub-head .lnb-box .lnb2 .list li a span:after {content: attr(data-text); position: absolute; left: 0; transition: .7s cubic-bezier(0.61, 0.06, 0.25, 1);}
	.sub-head .lnb-box .lnb2 .list li a span:before {color: #9C9C9C; top: 0;}
	.sub-head .lnb-box .lnb2 .list li a span:after {top: 100%; color: #fff; transform: rotateX(-90deg);}
	.sub-head .lnb-box .lnb2 .list li.active a span:before {top: -100%; transform: rotateX(90deg); opacity: 0;}
	.sub-head .lnb-box .lnb2 .list li.active a span:after {top: 0; transform: none;}
	.sub-head .lnb-box .lnb2 .list li.active {background: var(--red); border-radius: 1.8rem; box-shadow: 4px 4px 4px rgb(0 0 0 / 20%);}
	.sub-head .lnb-box .lnb2 .list li.active a {color: #fff;}
}

@media screen and (max-width: 1600px) {
  .download-list > ul {--num: 5;}
  .download-list > .download-list-head li:last-child {display: none;}
}

@media screen and (max-width: 1400px) {.sub-head .lnb-box .lnb1 .list li:before {display: none;}}

@media screen and (max-width: 1200px) {
  .download-list > ul {--num: 4;}
  .download-list > .download-list-head li:nth-child(5) {display: none;}
}

@media screen and (max-width: 1024px) {
	.product-wrap {flex-direction: column-reverse; gap: 2rem;}
	.product-wrap .left-box, .product-wrap .right-box {width: 100%;}
	
	.greetings .inner {flex-direction: column; gap: 3rem;}
	.greetings .inner .right-box {width: 100%;}
	
	.our_equipment .bot-box {flex-direction: column; gap: 1rem;}
	.our_equipment .bot-box > * {min-height: 7rem; padding: 1.6rem clamp(1rem, 7%, 7%);}

  .download-list > ul {--num: 3;}
  .download-list > .download-list-head li:nth-child(4) {display: none;}
}

@media screen and (max-width: 768px) {
	.sub-head .lnb-box > div .text {padding: .5rem 1rem;}
	.sub-head .lnb-box .lnb1 {max-width: 250px; width: 40%; flex: none;}
	.sub-head .lnb-box .lnb2 .text {background: var(--black);}

	.location .map-wrap .info-box {margin: 0 0 1rem; width: 100%; max-width: none;}

	/* 검색 ------------------------------------------------------ */
	.src-filter-wrap .src-wrap {flex-direction: column; align-items: flex-start;}
	.src-filter-wrap .src-wrap .src-box {width: 100%; max-width: none;}


	.board table colgroup, .board table thead {display: none;}
	.board .title p {display: block; text-align: left; -webkit-line-clamp: none; font-size: 1.25rem; font-weight: 500;}
	.board table tbody {display: flex; flex-direction: column; gap: .5rem;}
	.board table tr > *:not(:last-child) {border-right: none;}
	.board table tbody tr:has(.num i.xi-star) {background: linear-gradient(0deg, #D42A1E15, transparent); border: none;}
	.board table tbody tr {display: flex; flex-wrap: wrap; padding: 1.5rem 1rem; gap: .5rem; border-radius: 1rem; border: 1px solid #ededed; align-items: center;}
	.board table tbody tr > * {padding: 0; height: auto;}
	.board table tbody tr td {display: block; height: auto;}
	.board table tbody tr .num {order: -1;}
	.board table tbody tr .title {padding: 0; justify-content: flex-start;}
	.board table .new {position: absolute; top: 0; right: 1rem; padding: .5rem; background: var(--red); color: #fff; margin: 0; border-radius: 0 0 .5rem .5rem;}
	.board table tbody tr .download {order: -1;}
	.board table tbody tr .date {display: flex; align-items: center; gap: .6rem; color: #888888;}
	.board table .date:after {content: ""; display: inline-block; width: 1px; height: .7rem; background: #bbbbbb; margin-right: .1rem;}
	.board table .date:before {content: "\e9a0"; font-family: xeicon !important;}
	.board table .hit {display: flex; align-items: center; gap: .3rem; color: #888888;}
	.board table .hit:before {content: "\e951"; font-family: xeicon !important;}
	.board table .no-data {width: 100%; display: flex; align-items: center; justify-content: center;}
	
	.our_equipment .slick-wrap .equipment-slick {order: -1; max-width: none;}
	.our_equipment .slick-wrap .arrow-btn.next {order: 1;}

  .download-list > ul {--num: 2;}
  .download-list > .download-list-head li:nth-child(3) {display: none;}

}
@media screen and (max-width: 640px) {
	.board ul li {width: calc(50% - clamp(1rem, 2vw, 1.35rem) / 2);}

	.board_view .arrow-wrap .list {max-width: 3rem;}
	.board_view .arrow-wrap .list a span {display: none;}
	.board_view .file-wrap .file {flex-direction: column; padding: 1rem; gap: .6rem;}
	.board_view .file-wrap .file > p {text-align: left; justify-content: flex-start;}
	.board_view .file-wrap .file > p:after {display: none;}
	
	.product-wrap .left-box .text-list-wrap br {display: none;}
}

@Media screen and (max-width: 480px) {  
  .download-list > ul {--num: 1;}
  .download-list > .download-list-head li:nth-child(2) {display: none;}
}

@media screen and (max-width: 400px) {
	.sub-head .lnb-box {flex-direction: column; gap: .3rem;}
	.sub-head .lnb-box .lnb1 {max-width: none; width: 100%; z-index: 2;}


	.src-filter-wrap .src-wrap .src-box {flex-wrap: wrap;}
	.src-filter-wrap .src-wrap .src-box .select-box {width: 100%;}


	/* 페이지 번호 ------------------------------------------ */
	.page-wrap ul {gap: 0;}
	
	.greetings .inner .left-box .bot-text p br {display: none;}

}