*::-webkit-scrollbar {width: 5px; height: 5px;}
*::-webkit-scrollbar-thumb {background: #003675; border-radius: 6px;}
*::-webkit-scrollbar-track {background: #ddd;}

#lnb {position: fixed; z-index: 3000; top: 50%; right: 30px; width: 60px; height: 208px; transform: translateY(-50%);}
#lnb .hoverZone {position: absolute; top: 0; right: 0; cursor: pointer;}
/* #lnb .hoverZone:nth-of-type(1) {} */
#lnb .hoverZone:nth-of-type(2) {top: 74px;}
#lnb .hoverZone:nth-of-type(3) {top: 148px;}

#lnb .listItem {display: flex; justify-content: center; align-items: center; gap: 12px; padding: 13px; width: 60px; background: #fff; border-radius: 50%; box-sizing: border-box; transition: all 0.3s;}
#lnb .listItem > .tit {display: none; font-size: 17px; font-weight: 700; color: #fff; overflow: hidden;}
#lnb .listItem > img.hover {display: none;}

#lnb .hoverZone:hover .listItem {padding: 13px 24px; width: auto; background: #003675; border-radius: 42px;}
#lnb .hoverZone:hover .listItem > .tit {display: block;}
#lnb .hoverZone:hover .listItem > img {display: none;}
#lnb .hoverZone:hover .listItem > img.hover {display: block;}

#lnb .hoverZone.active .listItem {padding: 13px 24px; width: auto; background: #003675; border-radius: 42px;}
#lnb .hoverZone.active .listItem > .tit {display: block;}
#lnb .hoverZone.active .listItem > img {display: none;}
#lnb .hoverZone.active .listItem > img.hover {display: block;}

/* 모바일 */
#lnbM {display: none !important; justify-content: center; position: fixed; z-index: 3000; bottom: 0; right: 0px; padding: 0 30px; width: 100%; height: 72px; background: #fff; box-sizing: border-box;}
#lnbM .hoverZone {display: flex; justify-content: center; align-items: center; width: 33.33%; cursor: pointer;}

#lnbM .listItem {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; box-sizing: border-box;}
#lnbM .listItem > .tit {font-size: 13px; font-weight: 400; color: #003675; overflow: hidden;}



#footer {display: flex; flex-direction: column; position: fixed; z-index: 2000; bottom: 0; left: 0; width: 100%; background: #1D1D1D; box-sizing: border-box;}
#footer > .top {display: flex; justify-content: space-between; align-items: center; padding: 24px 160px; box-sizing: border-box;}
#footer > .top .left {display: flex; align-items: center; gap:  41px; font-size: 15px; font-weight: 400; color: #C6C6C6;}
#footer > .top .left > span {cursor: pointer;}
#footer > .top .center {display: flex; justify-content: center; align-items: center; font-size: 17px; font-weight: 700; color: #FFF;}
#footer > .top .right {display: flex; align-items: center; gap: 5px;}
#footer > .top .right .icon {display: flex; justify-content: center; align-items: center; width: 42px; height: 42px; cursor: pointer;}


#footer > .mid {display: flex; align-items: center; justify-content: space-between;  margin-bottom: 58px; padding: 0 160px; box-sizing: border-box;} 
#footer > .mid .left .fLogo {width: 169px; height: 99px;}
#footer > .mid .left .fLogo > img {width: 100%; height: 100%; object-fit: contain;}
#footer > .mid .center {display: flex; flex-direction: column; align-items: center; gap: 10px;}
#footer > .mid .center .top {font-size: 17px; font-weight: 700; color: #fff;}
#footer > .mid .center .bottom {display: flex; justify-content: center; align-items: center; gap: 41px}
#footer > .mid .center .bottom > div {font-size: 15px; font-weight: 400; color: #8E8E8E;}
#footer > .mid .right {width: 183px;}

#footer > .bot {display: flex; justify-content: center; align-items: center; padding: 25px 0; border-top: 1px solid #2D2D2D; font-size: 13px; font-weight: 400; color: #8E8E8E;}


.btnUpDown {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; position: absolute; bottom: 15px; right: 24px; width: 60px; height: 60px; border-radius: 50%; background: #fff; font-size: 12px; font-weight: 700; color: #2D2D2D; cursor: pointer;}
.btnUpDown > img {width: 18px; height: 10px; transform: rotate(180deg); transition: all 0.3s;}
.btnUpDown.on > img {transform: rotate(0deg);}




/* 팝업 */
#dim {display: none; position: fixed; z-index: 7900; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0, 0%, 0%, 0.6);}
#dim.on {display: block;}
.popupWrap {display: none; position: fixed; z-index: 8000; top: 50%; left: 50%; padding: 50px 80px; width: 100%; max-width: 1200px; height: 100%; max-height: 695px; background: #fff; border-radius: 10px; box-sizing: border-box; transform: translate(-50%, -50%);}
.popupWrap.on {display: flex; flex-direction: column;}


/* 전시관 팝업 */
.popupWrap.exhibition {padding: 30px 50px; max-height: 800px;}

.popupWrap.exhibition .btnClose {position: absolute; z-index: 20; top: 15px; right: 15px; width: 40px; height: 40px; cursor: pointer;}

/* .popupWrap.exhibition .categoryWrap {display: flex; flex-flow: wrap; gap: 20px 10px; margin-bottom: 40px;} */
.popupWrap.exhibition .categoryWrap {display: flex; flex-flow: wrap; gap: 12px 10px; margin-bottom: 32px;}
.popupWrap.exhibition .categoryWrap .checkBoxWrap {display: flex; align-items: center; gap: 8px; width: 200px; height: 40px;}
.popupWrap.exhibition .categoryWrap .customChk {flex-shrink: 0; width: 22px; height: 22px; border-radius: 2px; border: 1px solid #C6C6C6; cursor: pointer;}
.popupWrap.exhibition .categoryWrap .myChk:checked + .customChk {background: #003675 url(../images/icon_check.png) no-repeat 50% 50%;}
.popupWrap.exhibition .categoryWrap .tit {font-size: 15px; font-weight: 400; color: #2D2D2D; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.popupWrap.exhibition .categoryWrap .myChk:checked + .customChk + .tit { font-weight: 700; color: #2D2D2D;}


.popupWrap.exhibition .searchWrap {display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}
.popupWrap.exhibition .searchWrap .searchBox {display: flex; padding: 0 35px 0 20px; align-items: center; position: relative; width: 100%; max-width: 400px; height: 42px; border: 1px solid #C6C6C6; border-radius: 42px; box-sizing: border-box;}
.popupWrap.exhibition .searchWrap .searchBox > input { width: 100%; font-size: 15px; font-weight: 400; color: #C6C6C6;}
.popupWrap.exhibition .searchWrap .searchBox .btnSearch {position: absolute; top: 50%; right: 15px; transform: translateY(-50%);}


/* .popupWrap.exhibition .contentsWrap {display: flex; flex-direction: column; gap: 30px; padding: 0 40px; box-sizing: border-box;} */
.popupWrap.exhibition .contentsWrap {display: flex; flex-direction: column; gap: 30px; padding: 0 10px; box-sizing: border-box;}
.popupWrap.exhibition .contentsWrap .tab {display: flex; flex-shrink: 0;}
.popupWrap.exhibition .contentsWrap .tab > div {display: flex; justify-content: center; align-items: center; padding-bottom: 10px; width: 50%; border-bottom: 1px solid #C6C6C6; box-sizing: border-box; font-size: 15px; font-weight: 700; color: #717171; cursor: pointer;}
.popupWrap.exhibition .contentsWrap .tab > div.active {border-bottom: 2px solid #003675; color: #003675;}

/* .popupWrap.exhibition .listWrap {display: flex; flex-direction: column; gap: 40px; height: 320px; overflow: auto;} */
.popupWrap.exhibition .listWrap {display: flex; flex-direction: column; gap: 20px; height: 484px; overflow: auto;}
.popupWrap.exhibition .listWrap::-webkit-scrollbar {width: 5px;}
.popupWrap.exhibition .listWrap::-webkit-scrollbar-thumb {background: #003675; border-radius: 6px;}
.popupWrap.exhibition .listWrap::-webkit-scrollbar-track {background: #ddd;}

/* .popupWrap.exhibition .list {display: flex; flex-shrink: 0; gap: 40px; height: 190px;} */
.popupWrap.exhibition .list {display: flex; flex-shrink: 0; gap: 40px; /*height: 146px;*/ height: 185px;}
/* .popupWrap.exhibition .list .imgBox {flex-shrink: 0; width: 338px; height: 100%; border: 1px solid #E4E4E4; background: #fff;} */
.popupWrap.exhibition .list .imgBox {flex-shrink: 0; width: 320px; height: 100%; border: 1px solid #E4E4E4; background: #fff;}
.popupWrap.exhibition .list .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.popupWrap.exhibition .list .info {display: flex; flex-direction: column; padding-right: 6px; width: 100%; box-sizing: border-box; overflow: hidden;}
.popupWrap.exhibition .list .info > .tit {flex-shrink: 0; margin-bottom: 5px; font-size: 19px; font-weight: 700; color: #2D2D2D; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.popupWrap.exhibition .list .info > .txt {height: 100%; font-size: 13px; font-weight: 400; color: #717171; overflow: auto;}
.popupWrap.exhibition .list .info > .txt::-webkit-scrollbar {width: 5px;}
.popupWrap.exhibition .list .info > .txt::-webkit-scrollbar-thumb {background: #003675; border-radius: 6px;}
.popupWrap.exhibition .list .info > .txt::-webkit-scrollbar-track {background: #ddd;}
.popupWrap.exhibition .list .info .btnWrap {display: flex; gap: 10px; flex-shrink: 0; margin-top: 10px;}
.popupWrap.exhibition .list .info .btnWrap > .btn {display: flex; justify-content: center; align-items: center; width: calc(50% - 5px); height: 42px;}
.popupWrap.exhibition .list .info .btnWrap .btnHompage {border-radius: 2px; border: 1px solid #003675; box-sizing: border-box;}
.popupWrap.exhibition .list .info .btnWrap .btnHompage > a {display: block; width: 100%; line-height: 42px; font-size: 13px; font-weight: 700; color: #003675;}
.popupWrap.exhibition .list .info .btnWrap .btnEx {border-radius: 2px; background: #003675;}
.popupWrap.exhibition .list .info .btnWrap .btnEx > a {display: block; width: 100%; line-height: 42px; font-size: 13px; font-weight: 700; color: #FFF;}


/* 기업정보 팝업 */
.popupWrap.companyInfo {padding: 40px; max-height: 512px;}
.popupWrap.companyInfo .btnClose {position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; cursor: pointer;}
.popupWrap.companyInfo .btnClose > img {width: 100%;}

.popupWrap.companyInfo .headerWrap {padding-bottom: 20px; box-sizing: border-box; border-bottom: 1px solid #C6C6C6;}
.popupWrap.companyInfo .headerWrap > .tit {display: inline-block; position: relative; padding: 0 20px; box-sizing: border-box; font-size: 19px; font-weight: 700; color: #002B5E;}
.popupWrap.companyInfo .headerWrap > .tit:after {content: ''; position: absolute; z-index: 1; bottom: -21px; left: 0; width: 100%; height: 4px; background: #002B5E; border-radius: 10px;}

.popupWrap.companyInfo .contentsWrap {display: flex; align-items: center; gap: 40px; padding: 60px 130px 120px; height: 100%; box-sizing: border-box;}
.popupWrap.companyInfo .contentsWrap .imgBox {flex-shrink: 0; width: 338px; height: 190px; border: 1px solid #e4e4e4; box-sizing: border-box;}
.popupWrap.companyInfo .contentsWrap .imgBox > img {width: 100%; height: 100%; object-fit: contain;}

.popupWrap.companyInfo .info {display: flex; flex-direction: column; width: 100%; height: 100%; overflow: hidden;}
.popupWrap.companyInfo .contentsWrap .companyName {flex-shrink: 0; margin-bottom: 5px; width: 100%; font-size: 19px; font-weight: 700; color: #2D2D2D; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.popupWrap.companyInfo .contentsWrap .introduce {padding-right: 6px; height: 100%; box-sizing: border-box; letter-spacing: 0.05rem; font-size: 13px; font-weight: 400; color: #717171; overflow: auto;}
.popupWrap.companyInfo .contentsWrap .introduce::-webkit-scrollbar {width: 5px;}
.popupWrap.companyInfo .contentsWrap .introduce::-webkit-scrollbar-thumb {background: #003675; border-radius: 6px;}
.popupWrap.companyInfo .contentsWrap .introduce::-webkit-scrollbar-track {background: #ddd;}
.popupWrap.companyInfo .contentsWrap .detail {display: flex; flex-flow: wrap; flex-shrink: 0; gap: 15px 20px; margin-top: 30px;}
.popupWrap.companyInfo .contentsWrap .detail .set {display: flex; align-items: center; gap: 12px; width: calc(50% - 10px);}
.popupWrap.companyInfo .contentsWrap .detail .set .imgBox {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #F8F8F8; overflow: hidden;}
.popupWrap.companyInfo .contentsWrap .detail .set .imgBox > img {width: 24px; height: 24px;}
.popupWrap.companyInfo .contentsWrap .detail .set .con {font-size: 15px; font-weight: 700; color: #717171; word-break: break-all;}
.popupWrap.companyInfo .contentsWrap .detail .set .con a {font-size: 15px; text-decoration: underline; font-weight: 700; color: #003675;}



/* 브로셔 / 문의 */
.popupWrap.broAndInq {padding: 60px 120px; box-sizing: border-box;}
.popupWrap.broAndInq .btnClose {position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; cursor: pointer;}
.popupWrap.broAndInq .btnClose > img {width: 100%;}

.popupWrap.broAndInq .headerWrap {display: flex; margin-bottom: 55px; box-sizing: border-box; border-bottom: 1px solid #C6C6C6;}
.popupWrap.broAndInq .headerWrap > .tit {display: inline-block; position: relative;  padding-bottom: 20px; width: 50%; box-sizing: border-box; text-align: center; font-size: 19px; font-weight: 700; color: #717171; cursor: pointer;}
.popupWrap.broAndInq .headerWrap > .tit.active { color: #002B5E;}
.popupWrap.broAndInq .headerWrap > .tit.active:after {content: ''; position: absolute; z-index: 1; bottom: -1px; left: 0; width: 100%; height: 1px; background: #002B5E;}

.popupWrap.broAndInq .formWrap {display: flex; flex-direction: column;}
.popupWrap.broAndInq .formWrap .txt {margin-bottom: 63px; width: 100%; text-align: center; font-size: 21px; font-weight: 700; color: #2D2D2D;}
.popupWrap.broAndInq .formWrap .inputZone {display: flex; flex-flow: wrap; gap: 30px 40px;}
.popupWrap.broAndInq .formWrap .inputWrap {display: flex; align-items: center; width: calc(50% - 20px);}
.popupWrap.broAndInq .formWrap .inputWrap > label {flex-shrink: 0; width: 70px; font-size: 15px; font-weight: 700; color: #717171;}
.popupWrap.broAndInq .formWrap .inputWrap > label .star {color: #003675;}
.popupWrap.broAndInq .formWrap .inputWrap .myInput {padding: 0 12px; width: 100%; height: 44px;}
.popupWrap.broAndInq .formWrap .inputWrapTTA {flex-shrink: 0; width: 100%;}
.popupWrap.broAndInq .formWrap .inputWrap .myTTA {padding: 11px 12px; width: 100%; height: 110px;}

.popupWrap.broAndInq .chkAgree {display: flex; align-items: center; gap: 10px; margin-top: 137px; padding-left: 80px; box-sizing: border-box;}
.popupWrap.broAndInq .inqWrap .chkAgree {margin-top: 26px;}
.popupWrap.broAndInq .chkAgree .customChk {width: 22px; height: 22px; border-radius: 2px; border: 1px solid #C6C6C6; cursor: pointer;}
.popupWrap.broAndInq .chkAgree .myChk:checked + .customChk {background: #003675 url(../images/icon_check.png) no-repeat 50% 50%;}
.popupWrap.broAndInq .chkAgree .tit {font-size: 15px; font-weight: 400; color: #1D1D1D; cursor: pointer;}
.popupWrap.broAndInq .chkAgree .myChk:checked + .customChk + .tit { font-weight: 700; color: #2D2D2D;}
.popupWrap.broAndInq .chkAgree .tit .more {text-decoration-line: underline; font-size: 12px; font-weight: 700; color: #717171;}

.popupWrap.broAndInq .btn {display: flex; justify-content: center; align-items: center; width: 276px; height: 46px;}
.popupWrap.broAndInq .btnPost {margin: 50px auto 0; border-radius: 2px; border: 1px solid #003675; border-radius: 2px; box-sizing: border-box;}
.popupWrap.broAndInq .inqWrap .btnPost {margin-top: 32px;}
.popupWrap.broAndInq .btnPost {font-size: 13px; font-weight: 700; color: #003675;}



/* *** 제품 상세보기 팝업 *** */
/* .popupWrap.productDetail {padding: 40px; width: 1200px; height: 702px;} */
.popupWrap.productDetail {padding: 40px; width: 1200px; height: 702px; overflow: auto;}
.popupWrap.productDetail .btnClose {position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; cursor: pointer;}
.popupWrap.productDetail .btnClose > img {width: 100%;}

.popupWrap.productDetail .headerWrap {padding-bottom: 20px; box-sizing: border-box; border-bottom: 1px solid #C6C6C6;}
.popupWrap.productDetail .headerWrap > .tit {display: inline-block; position: relative; padding: 0 20px; box-sizing: border-box; font-size: 19px; font-weight: 700; color: #002B5E;}
.popupWrap.productDetail .headerWrap > .tit:after {content: ''; position: absolute; z-index: 1; bottom: -21px; left: 0; width: 100%; height: 4px; background: #002B5E; border-radius: 10px;}

/* .popupWrap.productDetail .contentsWrap {padding: 60px 130px 60px; box-sizing: border-box;} */
.popupWrap.productDetail .contentsWrap {padding: 60px 130px 20px; box-sizing: border-box;}
.popupWrap.productDetail .productWrap {display: flex; gap: 40px;}
.popupWrap.productDetail .contentsWrap .imgBox {flex-shrink: 0; width: 338px; height: 190px; border: 1px solid #e4e4e4;}
.popupWrap.productDetail .contentsWrap .imgBox > img {width: 100%; height: 100%; object-fit: cover;}

.popupWrap.productDetail .info {display: flex; flex-direction: column; width: 100%; height: 100%; overflow: hidden;}
.popupWrap.productDetail .info .tableWrap {display: flex; flex-direction: column;}
/* .popupWrap.productDetail .info .tableWrap .tr {display: flex; align-items: center; height: 44px; border-bottom: 1px solid #E4E4E4; box-sizing: border-box;} */
.popupWrap.productDetail .info .tableWrap .tr {display: flex; align-items: center; padding: 6px 0; min-height: 44px; border-bottom: 1px solid #E4E4E4; box-sizing: border-box;}
.popupWrap.productDetail .info .tableWrap .tr .tit {flex-shrink: 0; padding-left: 10px; width: 120px; box-sizing: border-box; font-size: 15px; font-weight: 700; color: #717171;}
/* .popupWrap.productDetail .info .tableWrap .tr .detail {padding-left: 10px; width: 100%; box-sizing: border-box; font-size: 15px; font-weight: 400; color: #717171; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} */
.popupWrap.productDetail .info .tableWrap .tr .detail {padding-left: 10px; width: 100%; box-sizing: border-box; font-size: 15px; font-weight: 400; color: #717171;}

.popupWrap.productDetail .info .btnWrap {display: flex; gap: 10px; flex-shrink: 0; margin-top: 20px;}
.popupWrap.productDetail .info .btnWrap > .btn {display: flex; justify-content: center; align-items: center; width: calc(50% - 5px); height: 42px;}
.popupWrap.productDetail .info .btnWrap .btn1 {border-radius: 2px; border: 1px solid #003675; box-sizing: border-box;}
.popupWrap.productDetail .info .btnWrap .btn1 > a {display: block; width: 100%; line-height: 42px; font-size: 13px; font-weight: 700; color: #003675;}
.popupWrap.productDetail .info .btnWrap .btn2 {border-radius: 2px; background: #003675;}
.popupWrap.productDetail .info .btnWrap .btn2 > a {display: block; width: 100%; line-height: 42px; font-size: 13px; font-weight: 700; color: #FFF;}

/* .popupWrap.productDetail .productIntroduce {margin-top: 20px; height: 110px; overflow: auto;} */
/* .popupWrap.productDetail .productIntroduce {flex-shrink: 0; margin-top: 20px; height: 150px; overflow: auto;} */
.popupWrap.productDetail .productIntroduce {flex-shrink: 0; margin-top: 20px;}
.popupWrap.productDetail .productIntroduce::-webkit-scrollbar {width: 5px;}
.popupWrap.productDetail .productIntroduce::-webkit-scrollbar-thumb {background: #003675; border-radius: 6px;}
.popupWrap.productDetail .productIntroduce::-webkit-scrollbar-track {background: #ddd;}
.popupWrap.productDetail .productIntroduce img {max-width: 100%;}

.popupWrap.productDetail.video {display: none !important; z-index: 8500; background: hsla(0, 0%, 0%, 0.6);}
.popupWrap.productDetail.video.active {display: block !important;}


/* 개인정보 푸터  */
.innerDim {display: none; position: fixed; z-index: 8200; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0, 0%, 0%, 0.8);}
.innerDim.on {display: block;}
.popupPolicy {position: absolute; top: 50%; left: 50%; padding: 30px; width: 100%; max-width: 500px; height: 100%; max-height: 620px; background: #fff; border-radius: 10px; box-sizing: border-box; transform: translate(-50%, -50%);}

.popupPolicy .btnClose {position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; cursor: pointer;}
.popupPolicy .btnClose > img {width: 100%;}

.popupPolicy .title {padding-bottom: 20px; border-bottom: 1px solid #C6C6C6; font-size: 19px; font-weight: 700; color: #002B5E;} 
.popupPolicy .content {padding: 20px 0; box-sizing: border-box; }
.popupPolicy .content .myTTA {background: #fff; width: 100%; height: 496px; font-size: 13px; font-weight: 400; line-height: 19.5px; letter-spacing: 0.05rem; color: #717171;}
.popupPolicy .content .myTTA::-webkit-scrollbar {width: 5px;}
.popupPolicy .content .myTTA::-webkit-scrollbar-thumb {background: #003675; border-radius: 6px;}
.popupPolicy .content .myTTA::-webkit-scrollbar-track {background: #ddd;}
.popupPolicy .content .myTTA:disabled {background: #fff;}


/* 로비 팝업1 */
.popupWindow {z-index: 10002; left: 10px; top: 10px; padding: 0;  width: auto; min-width: 300px; max-width: inherit; height: auto; max-height: inherit; border-radius: 0; transform: translate(0, 0); box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.popupWindow.on {display: block;}
.popupWindow .popWrap {display: flex; justify-content: center; align-items: center; position: relative; text-align: center; min-height: 200px;}
.popupWindow .popWrap > img {object-fit: contain;}
.popupWindow .popWrap .seeCheck {display: flex; align-items: center; gap: 0 8px; position: absolute; bottom: 0; left: 0; padding: 0 15px; width: 100%; height: 36px; background: hsla(0, 0%, 0%, 0.8); box-sizing: border-box;}
.popupWindow .popWrap .seeCheck > label {font-size: 14px; font-weight: 500; color: #fff; cursor: pointer;}
.popupWindow .popWrap .seeCheck > .custumChk {width: 15px; height: 15px; border: 1px solid #fff; box-sizing: border-box; border-radius: 4px; cursor: pointer;}
.popupWindow .popWrap .seeCheck input[type=checkbox].hidden:checked + .custumChk {border-color: #003675; background: #003675 url(../images/icon_check.png)no-repeat 50% 50%; background-size: 80%; cursor: pointer;}
.popupWindow .popWrap .close {position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; cursor: pointer;}
.popupWindow .popWrap .close > img {width: 100%;}



@media screen and (max-width:1400px) {
    #footer > .top {padding: 24px 40px;}
    #footer > .mid {gap: 40px; padding: 0 40px;}
    #footer > .mid .center {width: 100%;}
    #footer > .mid .right {display: none; position: absolute;}
}
@media screen and (max-width:1240px) {
    /* 전시관 팝입 */
    .popupWrap.exhibition {padding: 30px 20px; max-width: calc(100% - 20px);}
    .popupWrap.exhibition .categoryWrap {padding: 0 40px; box-sizing: border-box;}
    .popupWrap.exhibition .categoryWrap .checkBoxWrap {width: calc(20% - 8px);}

    /* 브로셔 팝업 */
    .popupWrap.broAndInq {padding: 30px 20px; max-width: calc(100% - 20px);}
    .popupWrap.broAndInq .btnClose {top: 10px; right: 10px; width: 30px; height: 30px;}
    .popupWrap.broAndInq .headerWrap {margin-bottom: 40px;}
    .popupWrap.broAndInq .headerWrap > .tit {padding-bottom: 12px; font-size: 16px;}
    .popupWrap.broAndInq .formWrap .inputZone {max-height: 330px; overflow: auto;}
    .popupWrap.broAndInq .formWrap .inputWrap > label {font-size: 13px;}
    .popupWrap.broAndInq .formWrap .inputWrap {width: 100%;}
    .popupWrap.broAndInq .formWrap .txt {margin-bottom: 40px; font-size: 16px;}
    .popupWrap.broAndInq .inqWrap .chkAgree {margin-top: 70px;}
    .popupWrap.broAndInq .chkAgree {margin-top: 40px; padding-left: 0;}
    .popupWrap.broAndInq .chkAgree .customChk {width: 16px; height: 16px;}
    .popupWrap.broAndInq .chkAgree .myChk:checked + .customChk {background-size: 12px;}
    .popupWrap.broAndInq .chkAgree .tit {font-size: 13px;}

    /* 기업정보 */
    .popupWrap.companyInfo {padding: 30px 20px; max-width: calc(100% - 20px);}
    .popupWrap.companyInfo .contentsWrap {padding: 60px 0 80px;}
    .popupWrap.companyInfo .contentsWrap .companyName {margin-bottom: 15px; font-size: 22px;}
    .popupWrap.companyInfo .contentsWrap .detail .set .con {font-size: 13px;}
    .popupWrap.companyInfo .contentsWrap .detail .set .con a {font-size: 13px;}

    /* 제품 상세보기 팝업 */
    .popupWrap.productDetail {padding: 30px 20px; max-width: calc(100% - 20px);}
    /* .popupWrap.productDetail .contentsWrap {padding: 60px 0 80px;} */
    .popupWrap.productDetail .contentsWrap {padding: 60px 0 20px;}
    .popupWrap.productDetail .contentsWrap .companyName {margin-bottom: 15px; font-size: 22px;}
    /* 추가 */
    /* .popupWrap.productDetail .productIntroduce {height: 165px;} */
}

@media screen and (max-width:1024px) {
    #lnb {display: none !important;}
    #lnbM {display: flex !important;}

    #footer {display: none !important}

    /* 전시관 팝입 */
    .popupWrap.exhibition {overflow: hidden;}
    /* .popupWrap.exhibition .categoryWrap {flex-direction: column; gap: 30px 10px; position: absolute; z-index: 10; top: 0; left: 0; padding: 35px 25px; width: 200px; height: 100%; background: #fff; box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.25);} */
    .popupWrap.exhibition .categoryWrap {gap: 16px 10px; margin-bottom: 20px; padding: 25px 25px; background: #fff; min-width: 120px;}
    .popupWrap.exhibition .categoryWrap .customChk {width: 18px; height: 18px;}
    .popupWrap.exhibition .categoryWrap .myChk:checked + .customChk {background-size: 70%;}
    .popupWrap.exhibition .categoryWrap .tit {font-weight: 500;}
    /* .popupWrap.exhibition .categoryWrap .checkBoxWrap {width: calc(100%); height: auto;} */
    .popupWrap.exhibition .categoryWrap .checkBoxWrap {height: auto;}
    /* .popupWrap.exhibition .searchWrap {margin-bottom: 60px; padding: 0; padding-left: 200px; width: calc(100%); box-sizing: border-box;} */
    .popupWrap.exhibition .searchWrap {margin-bottom: 40px; padding: 0; width: calc(100%); box-sizing: border-box;}
    /* .popupWrap.exhibition .contentsWrap {padding: 0; padding-left: 200px; width: calc(100%); height: calc(100% - 102px); box-sizing: border-box;} */
    .popupWrap.exhibition .contentsWrap {padding: 0; width: calc(100%); height: calc(100% - 208px); box-sizing: border-box;}
    .popupWrap.exhibition .listWrap { height: calc(100%);}
    .popupWrap.exhibition .list {gap: 18px; height: 180px;}
    .popupWrap.exhibition .list .imgBox {width: 290px;}
    .popupWrap.exhibition .list .info > .tit {font-size: 18px;}
    .popupWrap.exhibition .list .info > .txt {font-size: 13px;}
    .popupWrap.exhibition .list .info .btnWrap > .btn {height: 30px;}
    .popupWrap.exhibition .list .info .btnWrap .btnHompage > a {line-height: 30px; font-size: 12px; font-weight: 500;}
    .popupWrap.exhibition .list .info .btnWrap .btnEx > a {line-height: 30px; font-size: 12px; font-weight: 500;}
}

@media screen and (max-width:768px) {
    /* 전시관 팝입 */
    .popupWrap.exhibition {padding-right: 10px;}
    .popupWrap.exhibition .btnClose {top: 0; right: 0;}
    .popupWrap.exhibition .btnClose > img {width: 30px;}

    /* .popupWrap.exhibition .categoryWrap {gap: 16px 5px; padding: 28px 10px; width: 120px;} */
    .popupWrap.exhibition .categoryWrap {gap: 14px 5px; padding: 0px 10px;}
    /* 추가 */
    .popupWrap.exhibition .categoryWrap .checkBoxWrap {width: calc(50% - 8px);}
    .popupWrap.exhibition .categoryWrap .customChk {width: 14px; height: 14px;}
    .popupWrap.exhibition .categoryWrap .tit {font-size: 11px; font-weight: 400;}

    /* .popupWrap.exhibition .searchWrap {margin-bottom: 30px; padding-left: 120px; padding-right: 10px;} */
    .popupWrap.exhibition .searchWrap {margin-bottom: 30px; padding-right: 10px;}
    .popupWrap.exhibition .searchWrap .searchBox {padding:  0 25px 0 10px; height: 32px;}
    /* 추가 */
    .popupWrap.exhibition .searchWrap .searchBox > input {font-size: 12px;}
    .popupWrap.exhibition .searchWrap .searchBox .btnSearch {right: 5px;}
    
    /* .popupWrap.exhibition .contentsWrap {gap: 23px; padding-left: 100px; height: calc(100% - 62px);} */
    .popupWrap.exhibition .contentsWrap {gap: 23px; height: calc(100% - 218px);}
    .popupWrap.exhibition .contentsWrap .tab > div {font-size: 13px;}

    .popupWrap.exhibition .listWrap {gap: 25px; padding-left: 10px; padding-right: 10px;}
    .popupWrap.exhibition .list {flex-direction: column; gap: 15px; padding: 0px; height: auto; box-sizing: border-box;}
    /* .popupWrap.exhibition .list .imgBox {width: 100%; height: 128px;} */
    .popupWrap.exhibition .list .imgBox {width: 100%; height: 148px;}
    .popupWrap.exhibition .list .info > .tit {font-size: 15px;}
    .popupWrap.exhibition .list .info > .txt {max-height: 160px; font-size: 13px;}
    .popupWrap.exhibition .list .info .btnWrap {flex-direction: column;}
    .popupWrap.exhibition .list .info .btnWrap > .btn {width: 100%; height: 42px;}
    .popupWrap.exhibition .list .info .btnWrap > .btn > a {line-height: 42px;}


    /* 기업정보 */
    .popupWrap.companyInfo {max-height: 600px;}
    .popupWrap.companyInfo .info {max-height: 270px;}
    .popupWrap.companyInfo .contentsWrap {flex-direction: column; gap: 20px; padding: 30px 0 40px;}
    .popupWrap.companyInfo .contentsWrap .imgBox {height: 160px;}
    .popupWrap.companyInfo .contentsWrap .companyName {font-size: 18px; margin-bottom: 20px;}
    .popupWrap.companyInfo .contentsWrap .detail {gap: 8px 12px;}
    .popupWrap.companyInfo .contentsWrap .detail .set {width: 100%;}
    .popupWrap.companyInfo .contentsWrap .detail .set .imgBox {width: 25px; height: 25px;}
    .popupWrap.companyInfo .contentsWrap .detail {gap: 6px;}


    /* 전시관 팝입 */
    .popupWrap.productDetail {overflow: auto;}
    .popupWrap.productDetail .contentsWrap {padding: 30px 0 40px;}
    .popupWrap.productDetail .productWrap {flex-direction: column;}
    .popupWrap.productDetail .contentsWrap .imgBox {width: 100%;}
    .popupWrap.productDetail .productIntroduce {flex-shrink: 0; height: auto;}
    .popupWrap.productDetail .info .tableWrap .tr .tit {font-size: 14px;}
    .popupWrap.productDetail .info .tableWrap .tr .detail {font-size: 14px;}

    .popupWrap.productDetail.video.active {display: flex !important; justify-content: center; align-items: center; padding: 0 10px;}
    .popupWrap.productDetail.video .btnClose {top: 115px; right: 5px;}
    .popupWrap.productDetail.video > iframe {max-height: 420px;}

    /* 약관 개인정보 팝업 */
    .popupPolicy {padding: 30px 20px; width: calc(100% - 10px);}

    /* 로비 팝업 */
    .popupWindow {display: none !important;}
}