*{font-family: 'Noto Sans KR', sans-serif, 'Font Awesome 6 Free' !important; box-sizing:border-box;}/* 'Pretendard', sans-serif */

.w1200-hdr-ftr {!important; margin: 15px auto;}
.w1200 {max-width: 1200px; margin: 0 auto;}
.dis-revert {display: revert !important;}

.only_pc {display: block;}
.only_mob {display: none;}
.language {display: block;}
.ind_bot_navBar {display: none;}

.dropdown-toggle::after {display: none;}

img{max-width:100%;}
input:focus{outline:none;}
ol, ul {margin-bottom: 0; padding-left: 0;}

select:disabled {color: #626872 !important; background-color: #e9ecef !important;}
select {color: #000 !important;}

a {text-decoration: none; cursor: pointer;}
.btnGroup{display:flex; padding:0 55px;}
.btnGroup.align-end{justify-content: flex-end;}
.btnGroup.align-start{justify-content: flex-start;}
a.btn{background:#000; padding:0 20px; height:46px; line-height:46px; color:#fff; font-size:16px; font-weight:500; display:inline-block; border-radius: 0; border: 0; transition:none;}
a.btn:active,
a.btn:hover {background:#8e8e8e !important; color:#fff !important;}
a.btn.gray{background:#000; }
a.btn.gray:active,
a.btn.gray:hover {background:#8E8E8E !important; color: #fff !important;}
a.btn.black{background:#000; }
a.btn.black:active,
a.btn.black:hover {background:#000 !important; color: #fff !important;}
a.btn.outline_gray{background:none; border:1px solid #8E8E8E; color:#8E8E8E; }

.modi_wrap .btnWrap .btn{background-color: #000; padding:0 20px; width: 105px; height:46px; line-height:45px; color:#fff; font-size:16px; font-weight:500; cursor: pointer; border-radius: 0px; }

.scrollHidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none; -ms-overflow-style: none; scrollbar-width: none;}
.scrollHidden::-webkit-scrollbar{ display: none;}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {margin: 0 auto; padding: 0; --bs-gutter-x: 0; max-width: auto;}
#contents-container {margin: 0; --bs-gutter-x:0;}


/* =====================================================
   02. COMMON
   ===================================================== */
.inner{height: 100%;}
.viewInner{width:100%; max-width:85vw; margin:0 auto; }
.kioskInner{width:100%; max-width: 1820px; margin:0 auto; }
.viewInner1000{width:100%; max-width:1080px; margin:0 auto; }
.montser_f{font-family: 'Montserrat'; white-space: nowrap; display: flex; align-items: center; margin-bottom: 0;}

.mT10{margin-top: 10px !important;}
.mT20{margin-top: 20px !important;}
.mT30{margin-top: 30px !important;}
.mT40{margin-top: 40px !important;}
.mT50{margin-top: 50px !important;}
.mT60{margin-top: 60px !important;}
.mT70{margin-top: 70px !important;}
.mT80{margin-top: 80px !important;}
.mT90{margin-top: 90px !important;}
.mT100{margin-top: 100px !important;}
.mT150{margin-top: 150px !important;}

.mB10{margin-bottom: 10px !important;}
.mB20{margin-bottom: 20px !important;}
.mB30{margin-bottom: 30px !important;}
.mB40{margin-bottom: 40px !important;}
.mB50{margin-bottom: 50px !important;}
.mB60{margin-bottom: 60px !important;}
.mB70{margin-bottom: 70px !important;}
.mB80{margin-bottom: 80px !important;}
.mB90{margin-bottom: 90px !important;}
.mB100{margin-bottom: 100px !important;}
.mB150{margin-bottom: 150px !important;}

.txtC{text-align:center;}
.txtR{text-align:right;}
.txtL{text-align:left;}

.hidden-pc{display:none;}
.hidden-mo{display:block;}
.allMenu{display:none;}

.header .mo-logo{display:none;}

/* admin */
.sb-sidenav-footer {padding: 0.75rem; flex-shrink: 0; background-color: rgba(50, 50, 50); color: #6c757d;}

/* =====================================================
   03. HEADER
   ===================================================== */
.header{position:fixed; width:100%; height:60px; z-index:50; background:#bbb; opacity:0.9;}
.header.on{background:#aaa;}
.header .allMenuBtn,
.header .filterBtn{display:none;}
.header .pc-logo{font-size: 0; background-color: #ff5500; margin: 0; position: absolute; left: 0; top: 0; height: 100%; display: flex; align-items: center;}
.header .pc-logo img{width:133px;}

.header .headerWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: relative;
}

.header .headerWrap .navBar {
    height: 100%;
    display: flex;
    align-items: center;
}

.header .headerWrap .navBar ul {
    display: flex;
    gap: 50px;
    margin-bottom: 0;
}

.header .headerWrap .navBar li {
    min-height: 35px;
    padding: 10px 0;
}

.header .headerWrap .navBar li a {
    display: block;
    line-height: 35px;
}

.header .headerWrap .navBar li a span {
    color: #000;
    font-size: 19px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    transform: translateY(0);
    transition: color 0.25s ease, transform 0.25s ease;
}

.header .headerWrap .navBar li a:hover span {
    color: #e85d00;
    transform: translateY(-2px);
}

/* 클릭 시(현재 메뉴 선택 상태)도 호버와 동일한 떠오름 + 색상 효과 적용 */
.header .headerWrap .navBar li a.clicked span {
    color: #e85d00;
    transform: translateY(-2px);
}

.header .headerWrap .utilWrap{display:flex; align-items:center; gap:1vw; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.header .headerWrap .utilWrap .utilNav{display:flex; gap:25px; align-items: center;}
.header .headerWrap .utilWrap .utilNav li.bold a span{font-weight:bold;}
.header .headerWrap .utilWrap .utilNav li{position:relative;}
.header .headerWrap .utilWrap .utilNav li::before{position:absolute;top:50%; right:-15px; transform:translateY(-50%); display:block; content:""; width:1px; height:15px; background: #000;}
.header .headerWrap .utilWrap .utilNav li:last-child::before{display:none;}
.header .headerWrap .utilWrap .search{background:url(../../images/search_ico_b.png) center center no-repeat; background-size: 26px 26px !important; width: 26px !important; height: 26px !important;}
.header .headerWrap .utilWrap .search a{line-height:24px; padding-left:38px;}
.header .headerWrap .utilWrap a span{color:#000; font-size: 15px; font-weight: 500;}


/* =====================================================
   04. GOOGLE 번역 위젯 / 언어 선택 드롭다운
   ===================================================== */
html {margin-top: 0 !important;}
body { top: 0px !important; margin-top: 0px !important; }
.goog-te-gadget { font-size: 0 !important; }
.goog-logo-link,
.goog-te-gadget span,
.goog-te-gadget a,
.goog-te-gadget-icon{
    display: none !important;
}
/* 구글 위젯이 차지하는 공간 자체를 제거 */
#google_translate_element { display: none !important;}
/* 구글 위젯 내부의 드롭다운을 확실히 숨김 */
.goog-te-combo { display: none !important; }
.custom-lang-dropdown { position: relative; display: inline-block; }
.dropbtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 117px;
    height: 25px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0px 5px;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}
.dropdown-content { display: none; position: absolute; background: white; border: 1px solid #ddd; z-index: 1000; width: 100%; }
.arrow {
    margin-left: 10px;
    transition: transform 0.3s ease;
    font-size: 12px;
    display: inline-block; /* 회전 효과를 위해 추가 */
}
.dropbtn.active .arrow { transform: rotate(180deg); }
.dropbtn.active + .dropdown-content { display: block; }
.dropdown-content a { color: black; padding: 8px; display: flex; align-items: center; font-size: 13px; text-decoration: none; }
.dropdown-content a:hover { background: #f1f1f1; }
.fi { margin-right: 8px; }


.lang_select{position:relative; }
.lang_select .accd_head {margin-bottom: 0;}
.accd_head > a{width:130px; height:40px; display:flex; align-items:center; padding-left: 20px;}
.accd_cont{left: -20px; display:none; z-index:50;border:1px solid #000; border-radius:10px; background:#fff; position:absolute; width:87%; overflow:hidden; padding-left: 0; margin-bottom: 0;}
.accd_cont li a{display:block; height:35px; line-height:35px; padding-left:20px;}
.accd_cont li a span{color:#8E8E8E !important;}
.accd_cont li a.on {background:#F5F5F5}
.accd_cont li a.on span{color:#000 !important;}

.accd_cont li p{display:block; height:35px; line-height:35px; padding-left:20px;}
.accd_cont li p span{color:#8E8E8E !important;}
.accd_cont li .language-button:hover {background: #c7c7c7; cursor: pointer;}
.accd_cont li .language-button span{color:#000 !important;}

/* =====================================================
   05. 검색 팝업 (searchWrap)
   ===================================================== */
.searchWrap.pop.on{display:block;}
.searchWrap.pop{display:none; position:fixed; top:60px !important; width:100%; background:rgba(255,255,255,0.8); z-index:40;}
.searchWrap .closeWrap{display:flex; align-content: center; justify-content: center; margin-top: 10px; height: 27px; --bs-gutter-x:0;}
.searchWrap .closeWrap a{display:flex; flex-direction: row-reverse ; align-items:normal; justify-content:space-between; max-width:100%; width:350px; margin:0px 0 0px;}
.searchWrap .row{display:flex; align-content: center; justify-content: center; margin: 0; --bs-gutter-x:0;}
.searchWrap .row .searchBox{display:flex; align-items:baseline; justify-content:space-between; max-width:100%; width:350px; border:1px solid #909090; border-radius: 2px; margin-bottom:5px;}
.searchWrap .row .searchBox input{width: 410px; padding-left:10px; height:40px; line-height:40px; border:none; color:#000; font-size:16px; background:none;}
.searchWrap .row .searchBox input::placeholder{font-size: 15px; font-weight: 300; color: #505050; }
.searchWrap .row .searchBox button{border:0; display:flex; align-items:center; justify-content: center; width:16px; background-color: transparent; margin-right:5px;}

/* =====================================================
   06. VISUAL SECTION (메인 비주얼)
   ===================================================== */
.visualSection{height:950px; overflow:hidden; position:relative;}
.visualSection .randomItem.on{display:block; justify-items: center;}
.visualSection .randomItem{display:none;}
.visualSection .randomItem img{width:1920px; height:950px; object-fit: cover;}
.visualSection .visualCont{position:absolute; top:35%; left:50%; transform:translate(-50%, -50%);}
.visualSection .visualCont .textBox{color:#fff;}
.visualSection .visualCont .textBox .subTit{font-size:19px; line-height:26.3px; margin-bottom:3.5px;}
.visualSection .visualCont .textBox .tit{font-weight: bold; font-size:45px; line-height:52.5px; margin-bottom:10px;}
.visualSection .visualCont .textBox .desc{font-size:19px;}
.visualSection .visualCont .searchBox{display:flex; align-items:center; justify-content:space-between; max-width:100%; width:700px; border-bottom:2px solid #fff; margin: auto;}
.visualSection .visualCont .searchBox input{width:calc(100% - 50px); height:50px; border:none; margin-left: 15px; color:black; font-size:18px; background:none;}
.visualSection .visualCont .searchBox input::placeholder{font-size: 15px; font-weight: 300; color: #505050; }
.visualSection .visualCont .searchBox button{border:0; display:flex; align-items:center; justify-content: center;width:40px; height:40px; background:#fff; border-radius:50%;}
.visualSection .visualCont .searchBox button img{width:22px; height:22px;}

.visualSection .home__scroll-down {opacity: 0; width: 164px; height: 164px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: calc(950px - 28px); left: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); border: 1px solid hsla(0,0%,100%,.2); border-radius: 50%; z-index: 49; color: #fff; text-decoration: none; font-size: 16px; cursor: pointer; overflow: hidden }
.visualSection .home__scroll-down:before {display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid #fff; border-radius: 50%; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out}
.visualSection .home__scroll-down span { position: absolute; top: 54px; left: 50%; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-animation: scrollKey 3s ease-in-out infinite; animation: scrollKey 3s ease-in-out infinite }
.visualSection .home__scroll-down:hover { color: #fff }
.visualSection .home__scroll-down:hover:before { -webkit-transform: rotate(1turn); transform: rotate(1turn) }
.visualSection .home__scroll-down i { font-style: normal; margin-top: 10px }

@keyframes scrollKey {
    25% {
        opacity: 0;
        -webkit-transform: translate3d(-50%,150%,0);
        transform: translate3d(-50%,150%,0)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate3d(-50%,-100%,0);
        transform: translate3d(-50%,-100%,0)
    }

    75%,to {
        opacity: 1;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0)
    }
}

/* =====================================================
   07. MARQUEE SECTION (흐르는 텍스트)
   ===================================================== */
.marqueeSection .marquee { position: relative; width: 100vw; max-width: 100%; height: 111px; border-bottom:1px solid #8E8E8E; display:flex; align-items: center; overflow-x: hidden;}
.marqueeSection .track { position: absolute; white-space: nowrap; will-change: transform; animation: marquee 32s linear infinite; }
.marqueeSection .track .content{display:flex; gap:128px;  }
.marqueeSection .track a{color:#000; font-size:35px; font-weight:bold; position:relative;}
.marqueeSection .track a:hover{color:#8E8E8E;}
.marqueeSection .track a:hover span{border-bottom:2px solid #8E8E8E;}
.marqueeSection .track a::before{width:8px; height:8px; content:""; display:block; background:#000; position:absolute; top:50%; right:-64px; border-radius:50%;}

@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* =====================================================
   08. CONT SECTION (메인 슬라이드 카드 - slick)
   ===================================================== */
.contSection{padding-top: 35px; position: relative; margin: 0 8vw 0 8vw;}
.contSection.border{border-top:1px solid #8E8E8E;}
.contSection .textRow{display:flex; justify-content: space-between; }
.contSection .textWrap .tit{font-size:21px; line-height: 43px; font-weight:500; color:#000;}
.contSection .textWrap .desc{font-size:15px; line-height: 25px; color:#6D6D6D; }
.contSection .linkWrap .desc{font-size:17px; color:#6D6D6D; }
.contSection .linkWrap{display:flex; align-items:flex-end; justify-content: space-between;}
.contSection .linkWrap a{display:inline-block; font-size:18px; color:#000; background-size:20px; }

.contSection .swipeInner{
    padding: 0 0 0;
    max-width: 100vw;
    margin: 0 auto;
}
.contSection .swipeWrap .slick-item{margin:0 18px; position:relative;}
.contSection .swipeWrap .slick-item::after{content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; background:#fff; }
.contSection .swipeWrap .slick-item.load{display:block;  border: 1px solid #c5c5c5; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2)}
.contSection .swipeWrap .slick-item.load::after{height:0; animation-name: load; animation-duration: inherit;}
.contSection .swipeWrap .slick-item::before{width:1px; height:calc(100% - 78px); display: block; content:""; position:absolute; top:50%; right:-18px; transform:translateY(-50%);}
.contSection .swipeWrap .slick-item .contWrap{padding: .3vw;}
.contSection .swipeWrap .slick-item .thumbWrap{height:388px; background: #fff;}
.contSection .swipeWrap .slick-item img{width:100%; height:100%; object-fit:cover;}
.contSection .swipeWrap .slick-item .tagBox span{font-size:12px; padding:5px 15px ;display:inline-block; color:#8E8E8E; border: 1px solid #8E8E8E; border-radius:30px; margin-right:10px;}
.contSection .swipeWrap .slick-item .tagBox span:last-child{margin-right: 0;}

/* ── 메인 슬라이드 텍스트 크기 고정 ── */
.contSection .swipeWrap .slick-item .textBox .tit {
    font-size: 20px !important;
    line-height: 1.5 !important;
    font-weight: 500;
    color: #000;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    margin: .3vw;
}

.contSection .swipeWrap .slick-item .textBox .desc {
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin: 0;
    color: #303030;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.contSection .swipeWrap .slick-item .placeCh p {
    font-size: 15px !important;
    color: #000;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin: 0;
    overflow: hidden;    /* p 자체는 overflow만 */
}

.contSection .swipeWrap .slick-item .placeCh p span {
    color: #8E8E8E;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 220px;    /* 이름 부분 최대 폭 — 조정 가능 */
    display: block;
}

.contSection .swipeWrap .slick-item .placeBox{display: flex; justify-content: space-between;}
.contSection .swipeWrap .slick-item .placeCh{margin-top:.6vw;}

.contSection .visualControler .visual-idCtr{cursor:pointer; display:flex; align-items: center; justify-content: space-between;}
.contSection .visualControler .visual-idCtr span{display:inline-block; position: absolute; top: 50%; transform: translateY(-50%);}
.contSection .visualControler .visual-idCtr span.prevArrow {left: -5px;}
.contSection .visualControler .visual-idCtr span.nextArrow {right: -5px;}
.contSection .visualControler .visual-idCtr span img {width: 45px;}

@keyframes load {
    0% {height: 100%}
    100% {height:0;}
}


.subWrap{padding-top:75px !important; display:flex;justify-content: center;}

/* =====================================================
   09. CONTENT WRAP (목록 페이지)
   - itemsAlign_gallery / itemsAlign_simple → Masonry.js 대상
   - itemsAlign_list → 리스트형(가로 카드)
   - 실제 카드 테두리 값은 파일 하단 "19. 카드 리스트 간격
     통합 정의" 섹션에서 !important로 최종 override됨
   ===================================================== */
.contentWrap{width:100%;}
.contentWrap .searchWrap{overflow:hidden;}
.contentWrap .row .searchBox input::placeholder{font-size: 15px; font-weight: 390; color:#707070;}
.contentWrap .row .searchCategory{display: flex; justify-content: center;}
.contentWrap .row .searchCategory span {font-size: 15px;}

.contentWrap .itemInfoWrap{display: flex; justify-content: space-between;}

.contentWrap .itemInfoWrap p{font-size:15px; margin-bottom: 0;}
.contentWrap .itemInfoWrap p span{font-weight:400;}
.contentWrap .itemInfoWrap .alignList{display:flex; gap:0.4167vw; margin-bottom: 0;}
.contentWrap .itemInfoWrap .alignList a{display:inline-block; width:19px; height:19px; text-indent:-9999px; background-size:19px !important;}
.contentWrap .itemInfoWrap .alignList .gallery-align,
.contentWrap .itemInfoWrap .alignList .simple-align,
.contentWrap .itemInfoWrap .alignList .list-align {display: flex; align-items: center;}

.contentWrap .itemInfoWrap .alignList .list-align a{background:url('../../images/align_ico03.png') no-repeat; }
.contentWrap .itemInfoWrap .alignList .gallery-align a{background:url('../../images/align_ico01.png') no-repeat;}
.contentWrap .itemInfoWrap .alignList .simple-align a{background:url('../../images/align_ico02.png') no-repeat;}

.contentWrap .itemInfoWrap .alignList .list-align.on a{background:url('../../images/align_on_ico03.png') no-repeat; }
.contentWrap .itemInfoWrap .alignList .gallery-align.on a{background:url('../../images/align_on_ico01.png') no-repeat; }
.contentWrap .itemInfoWrap .alignList .simple-align.on a{background:url('../../images/align_on_ico02.png') no-repeat; }


.contentWrap.sto .itemWrap{padding:0 !important; margin: 4px -3px 0 0;}

.contentWrap .itemWrap .itemsColumn .tagBox span{font-size:12px; padding:4px 12px; display:inline-block; color:#8E8E8E; border: 1px solid #8E8E8E; border-radius:20px; margin-right:8px;}
.contentWrap .itemWrap .itemsColumn .tagBox span:last-child{margin-right: 0;}
.contentWrap .itemWrap .itemsColumn .placeBox{display: flex; justify-content: space-between; margin: 4px;}
.contentWrap .itemWrap .itemsColumn .placeCh p span{color: #8E8E8E; display: inline-block;}
.contentWrap .itemWrap .itemsColumn .textBox .tit{font-size:17px !important; font-weight: bold; color:#505050; overflow:hidden; text-align: center; text-overflow: ellipsis; margin:9px 0 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 제목 1줄로 고정 */
    -webkit-box-orient: vertical;}
.contentWrap .itemWrap .itemsColumn .textBox .desc{font-size:15px !important; line-height:22px !important; margin: 4px; color:#333333; letter-spacing:-.5px; text-overflow: ellipsis; overflow: hidden; word-break: break-word; margin-bottom: 4px;
    height:88px;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 설명 4줄로 고정 */
    -webkit-box-orient: vertical;}

.contentWrap .itemWrap .itemsColumn .placeCh p {
    color: #888888;
    font-size: 14px !important;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin: 0;
    overflow: hidden;    /* p 자체는 overflow만 */
}
.contentWrap .itemWrap .itemsColumn .placeCh p span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 150px;    /* 이름 부분 최대 폭 — 조정 가능 */
    display: block;
}
.contentWrap.list .itemWrap .itemsColumn .placeBox{flex-direction:row; margin-top:8px;}
.contentWrap.list .itemWrap .itemsColumn .placeCh.date{margin-top:0;}
.contentWrap.list .itemWrap .itemsColumn .placeCh p{justify-content:flex-start;}
.contentWrap.list .itemWrap .itemsColumn .placeCh p span{min-width:35px;}

/* ── gallery / simple 공통 thumb ── */
.contentWrap .itemWrap .itemsColumn.itemsAlign_gallery .thumb,
.contentWrap .itemWrap .itemsColumn.itemsAlign_simple .thumb {position: relative; text-align: center; color: #bebebe;}
.contentWrap .itemWrap .itemsColumn.itemsAlign_gallery .thumb img,
.contentWrap .itemWrap .itemsColumn.itemsAlign_simple .thumb img,
.contentWrap .itemWrap .itemsColumn.itemsAlign_simple_sto .thumb img {width:100%;}
.contentWrap .itemWrap .itemsColumn.itemsAlign_gallery .thumb .caption,
.contentWrap .itemWrap .itemsColumn.itemsAlign_gallery .thumb .sound_caption,
.contentWrap .itemWrap .itemsColumn.itemsAlign_gallery .thumb .mov_caption,
.contentWrap .itemWrap .itemsColumn.itemsAlign_simple .thumb .caption,
.contentWrap .itemWrap .itemsColumn.itemsAlign_simple .thumb .sound_caption,
.contentWrap .itemWrap .itemsColumn.itemsAlign_simple .thumb .mov_caption {position: absolute; width:100%; top:80%; left:50%; transform: translate(-50%, -50%); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding:10px;}
.contentWrap .itemWrap .itemsColumn.itemsAlign_gallery .thumb .doc_caption,
.contentWrap .itemWrap .itemsColumn.itemsAlign_simple .thumb .doc_caption {position: absolute; width:100%; top:93%; left:50%; transform: translate(-50%, -50%); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding:10px;}
.contentWrap .itemWrap .itemsColumn.itemsAlign_simple .contWrap,
.contentWrap .itemWrap .itemsColumn.itemsAlign_simple_sto .contWrap {display:none;}

.contentWrap .itemWrap .itemsColumn.itemsAlign_list {
    overflow: hidden;
    margin: 0.5vw -0.5vw 0.5vw;
}

.contentWrap .itemWrap .itemsColumn.itemsAlign_list figure {
    width: calc(100% - 0.3vw);
    left: 0 !important;
    overflow: hidden;
    border: 1px solid #c5c5c5;
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2);
}

.contentWrap .itemWrap .itemsColumn.itemsAlign_list figure a {
    display: flex;
    width: 100%;
    gap: 2.2vw;
    padding: 10px 40px 10px 10px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}

.contentWrap .itemWrap .itemsColumn.itemsAlign_list .thumb {
    width: 16.0208vw;
    height: 10.4167vw;
    position: relative;
    overflow: hidden;
    border: 0.5px solid #f0f0f0;
    border-radius: 5px;
}

.itemsColumn.itemsAlign_list .thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.contentWrap .itemWrap .itemsColumn.itemsAlign_list .contWrap{width:calc(100% - 16.6250vw);}
.contentWrap .itemWrap .itemsColumn.itemsAlign_list .contWrap.itemsAlign_list_contWrap{position: relative; }
.contentWrap .itemWrap .itemsColumn.itemsAlign_list .desc.itemAlign_list_desc{margin-top: 1.3vw; }
.contentWrap .itemWrap .itemsColumn.itemsAlign_list .placeBox.itemAlign_list_placeBox{position: absolute;bottom: 0px; left: 0; right: 0; }

.contentWrap .pagingWrap{display:flex; justify-content: center; margin: 30px 0 0 0;}
.contentWrap .pagingWrap a {color: #000;}
.contentWrap .pagingWrap .paging_arrow img{width:1.0417vw; vertical-align: middle;}
.contentWrap .pagingWrap .paging_prev img{margin-right:0.7813vw;}
.contentWrap .pagingWrap .paging_next img{margin-left:0.7813vw;}
.contentWrap .pagingWrap input{border-radius:0.2604vw; color:#fff; margin-right: 0.6vw; border:1px solid #E3E3E3; width:5.1609vw; height:2.2917vw; padding-left:0.7508vw; color:inherit; text-align:center;}

/* =====================================================
   10. VIEW WRAP (상세 페이지)
   ===================================================== */
.viewWrap{padding:28px 0 0;}
.viewWrap .txtGroup{text-align:center;margin-bottom:70px;}
.viewWrap .txtGroup .tagBox{margin-bottom:20px;}
.viewWrap .txtGroup .tagBox span{font-size:12px; padding:5px 15px; display:inline-block; color:#8E8E8E; border: 1px solid #8E8E8E; border-radius:30px; margin-right:10px; font-family: 'Noto Sans KR', sans-serif !important;}
.viewWrap .txtGroup .tagBox span:last-child{margin-right: 0;}
.viewWrap .imgBox{text-align:center; cursor:zoom-in; overflow:hidden;}
.viewWrap .imgBox img{width:800px; height:650px; object-fit:cover; object-position:center;}
.viewWrap .txtGroup .tit{font-size:22px !important; line-height:28px !important; font-weight: bold; color:#000;  font-family: 'Noto Sans KR', sans-serif !important;}
.viewWrap .txtGroup .desc{font-size:16px; line-height:26px; margin-top: 10px;  color:#8E8E8E;}
.viewWrap.sto .txtGroup .desc{margin-top: 60px;}

.viewWrap .slide_wrap{width:800px; margin:0 auto; position:relative;}
.viewWrap .slide_wrap .arrow div{position:absolute; top:50%; transform:translateY(-50%); cursor:pointer;}
.viewWrap .slide_wrap .arrow .prev{left:-80px;}
.viewWrap .slide_wrap .arrow .next{right:-80px;}
.viewWrap .slide_wrap .arrow img{width:60px; height: 100px;}

/* =====================================================
   11. TAB WRAP / INFO LIST
   ===================================================== */
.tabWrap{margin: 110px 2vw 100px;}
.tabWrap .js_tab{display:flex; margin-bottom:51px;}
.tabWrap .js_tab li {width: 50%;}
.tabWrap .js_tab li a{display:block; font-size:20px; color:#8E8E8E; padding:0 20px; line-height:50px; border: 1px solid #8E8E8E; text-align: center;}
.tabWrap .js_tab li.on a{font-weight:bold; color:#fff; background:#000; border:1px solid #000;}
.tabWrap .js_tab_cont .tab_cont{display:none;}
.tabWrap .js_tab_cont .tab_cont.on{display:block;}

.infoList dl{border-bottom:1px solid #E3E3E3; padding-bottom:30px; margin-bottom:23px; display:flex;}
.infoList dl:last-child{margin-bottom: 0;}
.infoList dl .tit{font-size:16px; line-height:26px; color:#8E8E8E;}
.infoList dl .desc{font-size:16px; line-height:26px; color:#000; margin-bottom: 0; font-family: 'Noto Sans KR', sans-serif !important;}
.infoList dl a .desc{text-decoration:underline;}
.infoList dl .tit + .desc{margin-bottom:30px;}
.infoList dt{width:236px; font-size:16px; line-height:26px; font-weight:bold; font-family: 'Noto Sans KR', sans-serif !important;}
.infoList dd{width:calc(100% - 236px); margin-bottom: 0;}

/* =====================================================
   12. RELATED WRAP (관련 콘텐츠)
   ===================================================== */
.relatedWrap{margin-top: 100px; position: relative;}
.relatedWrap > .tit{font-size:24px; line-height:34px; font-weight:bold; margin-bottom: 30px;}

.relatedWrap .btnWrap{display:flex; justify-content: space-between}
.relatedWrap .btnWrap a {margin-bottom: 20px;}
.relatedWrap .btnWrap .btnLt{display:flex; gap:10px;}
.relatedWrap .arrow {position: absolute;bottom: 59%;left: 0;right: 0;display: flex;justify-content: space-between;}
.relatedWrap .arrow > div {cursor: pointer;position: relative;}
.relatedWrap .arrow .prev {margin-left: -1.5em;}
.relatedWrap .arrow .next {margin-right: -1em;}
.relatedWrap .arrow img {width: 15px; filter: invert(60%) sepia(0%) saturate(1203%) hue-rotate(154deg) brightness(94%) contrast(91%);}


/* =====================================================
   13. IMG POPUP / MAP
   ===================================================== */
.img_popup{display:none; position:fixed; top:0; left:0; background:rgba(0,0,0,.50); width:100%; height:100%; z-index:100; overflow: auto}
.img_popup.on{display: flex; justify-content: center; align-items: center; animation-name: fade; animation-duration: 0.5s;}
.img_popup .imgCont{max-width: 90vw; max-height: 90vh; text-align:center; animation-name: down; animation-duration: 0.5s; animation-delay:0.2s; animation-fill-mode:both;}
.img_popup .imgCont img{min-width:90vw; max-width:90vw; max-height:90vh; width:auto; height:auto; object-fit:contain; touch-action:none; user-select:none; cursor:grab;}
.img_popup .close { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; }
.img_popup .close:hover, .close:focus{ color: #bbb; text-decoration: none; cursor: pointer; }

.mapCont{width:100%; height:100%; position:relative; padding:0;}
.mapCont::before{content:""; display:block; padding-top:56.25%;}
.mapCont iframe{width:100%; height:100%; position:absolute; top:0; bottom: 0; left: 0;}

@keyframes down {
    from {opacity:0; transform: translateY(-40px)}
    to {opacity:1; transform: translateY(0)}
}

@keyframes fade {
    from {opacity:0;}
    to {opacity:1;}
}

/* =====================================================
   14. QUICK SIDE / FOOTER
   ===================================================== */
.quickSide{position:fixed; bottom:50px; right:29px;}
.quickSide ul li{width:60px; height:60px;}


.footer .inner {width:100%; max-width: 1403px; margin:0 auto; padding:0 2.5000vw;}
.footer .row{display:flex; justify-content: space-between;}
.footer .infoWrap{background-color: #8e8e8e; margin-top: 55px;} /* footer top margin add */
.footer .infoWrap .row{padding:35px 0 35px; --bs-gutter-x:0; margin: 0;}
.footer .infoWrap .row > * {width: 600px; padding: 0; margin: 0;}
.footer .copyWrap{background-color: #333333; height:65px;}
.footer .copyWrap .inner{width:100%; max-width: 1200px; margin:0 auto; height:100%;}
.footer .copyWrap .row{height:100%; align-items:center; margin: 0; flex-wrap: nowrap; --bs-gutter-x:0;}
.footer .copyWrap .row > div {width: auto; padding: 0; margin: 0;}
.footer .copyWrap .copy{color:#8E8E8E; font-size:16px;}
.footer .copyWrap .copy p {margin: 0;}

.footer .tit{font-size:18px; font-weight:800; margin-bottom:10px;}
.footer .desc{font-size:16px; color:#333333; line-height:26px;}
.footer .snsBox,
.footer .languageBox{margin-top:30px;}
.footer .snsBox .tit,
.footer .languageBox .tit{margin-bottom:10px;}
.footer .footList{display:flex; gap:40px; margin: 0; padding: 0;}
.footer .langageList{display:flex; gap:50px;}

.footer .snsList{display:flex; gap:15px; padding-left: 0; margin-bottom: 0;}
.footer .footList li{position:relative;}
.footer .snsList li a{display:flex; align-items: center; height:100%;}
.footer .snsList li:nth-child(1) img{width:19.6px;}
.footer .snsList li:nth-child(2) img{width:10px;}
.footer .snsList li:nth-child(3) img{width:25px;}
.footer .snsList li:nth-child(4) img{width:20px;}
.footer .footList li a{display:block; color:#8E8E8E; font-size:16px;}
.footer .footList li.pointer a{color:#fff; font-weight:bold;}
.footer .footList li a::before{position:absolute;top:50%; right:-20px; transform:translateY(-50%); display:block; content:""; width:1px; height:15px; background: #8E8E8E;}
.footer .footList li:last-child a::before{display:none;}
.footer .langageList li p{display:block; color:#333333; font-size:16px; cursor: pointer;}
.footer .langageList li p::before{right:-25px;}
.footer .langageList li a::before{right:-25px;}

.footer .footList li a:hover, .footer .footList li p:hover {color: #fff; font-weight:bold;}
.footer .footList li.footStatistics a{cursor: pointer;}
.footer .footList li .language-button.active {font-weight: bold; color: #fff;}



/* =====================================================
   15. LOGIN / MODIFY (회원가입, 정보수정 폼)
   ===================================================== */
/* login */
.sub_title{margin-top:60px; text-align:center; font-size: 40px; font-weight: 700;}
.login_wrap{max-width:670px; margin:40px auto 80px;}
.login_wrap .logo{text-align:center;}
.login_wrap .logo img{width:336px;}
.input_wrap{margin-top:70px;}
.input_wrap > li{display:flex; align-items:center; font-size: 18px;}
.login_wrap .input_wrap > li + li{margin-top:20px;}
.input_wrap > li .lt{width:120px; line-height:1.3;}
.input_wrap > li .rt{width:calc(100% - 120px); position:relative;}
.subWrap input:not(.pagingWrap *){width:100%; height: 55px; line-height: 55px; border-radius: 5px; border: 1px solid #E3E3E3; background: #FFF; padding:0 10px; transition:all 0.3s; font-size: 13px;}
.subWrap input:read-only{background: #F5F5F5; color:#8E8E8E; cursor: not-allowed;}
.subWrap input:hover, .subWrap input:focus, .subWrap select:hover, .subWrap select:focus{border: 1px solid #000; outline:none;}
.pw_show{position:absolute; right:20px; top:16px; font-size: 16px; color:#BEBEBE; background:none; border:none; cursor: pointer;}
.pw_show i{display:inline-block; vertical-align:middle; width: 17px; height: 17px; background:url("../../images/pw_show_ic.svg") no-repeat center / 100%;}
.pw_show.on{color:#000;}
.pw_show.on i{background-image:url("../../images/pw_show_ic_on.svg");}
.login_wrap .btn_wrap{margin-top:70px; display:flex; justify-content:space-between;}
.login_wrap .btn_wrap a{display:inline-block; width:49%; text-align:center; line-height: 70px; border-radius: 5px; background:#000; font-size: 20px; font-weight: 700; color: #FFF;}
.login_wrap .btn_wrap a.regi_btn{color:#BEBEBE; border: 1px solid #BEBEBE; background: #FFF; box-sizing:border-box;}
.login_wrap .btn_wrap.regi a{width:100%;}
.submit_btn{display:inline-block; width:100%; text-align:center; line-height: 70px; border-radius: 5px; background:#000; font-size: 20px; font-weight: 700; color: #FFF;}

.subWrap input::placeholder{font-size: 14px; color:#BEBEBE;}
.subWrap input.placeholder{font-size: 14px; color:#BEBEBE;}
.subWrap select{width:100%; height: 55px; line-height: 55px; border-radius: 5px; border: 1px solid #E3E3E3; background: #FFF url("../../images/sel_ic.svg") no-repeat right 15px center / 22px; padding:0 20px; appearance: none; transition: border-color 0.3s; color:#BEBEBE;}
.subWrap select.on{color:#000; font-size:18px;}
.subWrap select option{color:#000; font-size:18px;}
.login_wrap .regi_txt{font-size: 14px; margin-top:10px;}
.login_wrap .du_chk{position:absolute; right:10px; top:50%; transform:translateY(-50%); display:inline-block; line-height: 37px; padding:0 15px; font-size: 14px; color:#fff; font-weight: 700; background:#000; border-radius: 3px; border:none;}

/* modify */
.modi_wrap{max-width:1400px; margin:0 auto 50px;}
.input_wrap > li.align-start{align-items:flex-start;}
.modi_wrap .req_txt{margin-top: 70px; font-size: 18px; font-weight: 500;}
.modi_wrap .input_wrap{border-top:1px solid #000; border-bottom:1px solid #000;}
.modi_wrap.story .input_wrap{margin-top:15px;}
.modi_wrap .input_wrap > li{padding:40px 0;}
.modi_wrap .input_wrap > li + li{border-top:1px solid rgba(0, 0, 0, 0.20);}
.modi_wrap .input_wrap > li .lt{width:280px; font-weight: 700;}
.modi_wrap .input_wrap > li .rt{width:calc(100% - 280px);}
.modi_wrap .input_wrap > li .item dl + dl{margin-top:15px;}
.modi_wrap .input_wrap > li .item dt{color:#8E8E8E; margin-bottom:10px; line-height: 1.3; display: flex; align-items: center; gap: 0 7px;}
.modi_wrap .input_wrap > li .lt .long{font-size:16px;}
.modi_wrap .input_wrap > li .lt .long br.mob{display:none;}


.input_wrap > li.ref .rt .item {display: flex; align-items: flex-start; gap: 0 15px;}
.input_wrap > li.ref .rt .item + .item {margin-top: 15px;}
.input_wrap > li.ref .rt .item dl {width: 50%; margin: 0;}

.modi_wrap .input_wrap > li .lt .add_wrap{margin-top:20px;}
.modi_wrap .input_wrap > li .add_wrap span{display:inline-block; width: 45px; height: 45px; cursor:pointer; transition:all 0.3s;}
.modi_wrap .input_wrap > li .add_wrap span.plus{background:url("../../images/plus.svg") no-repeat center / 100%;}
.modi_wrap .input_wrap > li .add_wrap span.plus:hover{background:url("../../images/plus_on.svg") no-repeat center / 100%;}
.modi_wrap .input_wrap > li .add_wrap span.minus{background:url("../../images/minus.svg") no-repeat center / 100%; margin-left:5px;}
.modi_wrap .input_wrap > li .add_wrap span.minus:hover{background:url("../../images/minus_on.svg") no-repeat center / 100%;}
.modi_wrap .input_wrap > li .rt .add_wrap {line-height: 1;}
.modi_wrap .input_wrap > li .rt .add_wrap span{width: 22px; height: 22px;}
.modi_wrap .input_wrap > li .rt .add_wrap span.minus{margin-left:0;}
.modi_wrap .input_wrap > li .rt input.checkbox {margin: 0;}

.subWrap input.checkbox{display:inline-block; width: 20px; height: 20px; border-radius:0; border:none; appearance:none; background:url("../../images/check_ic.svg") no-repeat center / 100%; vertical-align:middle; margin:-3px 5px 0 0; cursor:pointer; padding:0 !important;}
.subWrap input.checkbox:checked{background-image:url("../../images/check_ic_on.svg");}
.subWrap textarea{width:100%; height: 80px; border-radius: 5px; border: 1px solid #E3E3E3; background: #FFF; padding:20px; transition:all 0.3s; resize:none;}
.subWrap textarea:hover, .subWrap textarea:focus{border: 1px solid #000; outline:none;}
.modi_wrap .btnWrap{text-align:right; margin-top:60px;}
.modi_wrap .btnWrap a{font-size: 16px; padding: 10px 20px; height: auto; line-height: initial;}
select.disabled{background-color: #F5F5F5 !important; color:#8E8E8E !important; font-size:18px; border: 1px solid #E3E3E3 !important; cursor: not-allowed;}

.modi_wrap .filtersItem{margin-bottom:0 !important;}
.modi_wrap .filtersItem button.toggleDropdown{width: 100%; height: 55px; line-height: 55px; border-radius: 5px; font-size: 18px; position:relative; background:#fff; padding:0 20px;}
.modi_wrap .filtersItem .dropDownMenu{top: 60px; border-radius: 5px;}
.modi_wrap .filtersItem .dropDownMenu ul{max-height:225px; padding-left: 0; margin-bottom: 0;}
.modi_wrap .filtersItem .dropDownMenu li p{font-size:18px; height:45px; line-height:45px; padding-left: 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.modi_wrap .filtersItem button.toggleDropdown::after{width:22px; height: 22px; background-size: 100%;}
.modi_wrap .filtersItem .drop-item .bedge{font-size: 14px; padding: 10px 20px;}
.modi_wrap .filtersItem .drop-item .bedge span{white-space:nowrap; text-overflow:ellipsis; max-width:350px;}
.modi_wrap .filtersItem .drop-item .bedge button{font-size: 15px;}

.select {width: 100%; height: 55px; line-height: 55px; border-radius: 5px; border: 1px solid #E3E3E3; font-size: 18px; position:relative; background:#fff; color:#000 !important;}
.select .selected {display: flex; justify-content: space-between; padding:0 15px 0 20px; cursor:pointer;}
.select .selected .arrow {width: 22px; background: url("../../images/sel_ic.svg") no-repeat center / contain;}
.select.active .selected .arrow{transform:rotate(180deg);}
.select .option_wrap {width: calc(100% + 2px); display: none; position: absolute;  border-top: none; margin: 5px 0 0 -1px; cursor: pointer; z-index:10; padding: 5px 10px 5px 0; border:1px solid #000; border-radius: 5px; background: #FFF;}
.select ul {max-height:225px; overflow-y: auto;}
.select ul::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
.select ul::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */ border-radius: 10px;}
.select ul::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius: 10px;}
.select.active{border:1px solid #000; border-radius: 5px;}
.select.active .selected{border:none;}
.select.active .option_wrap {display: initial;}
.select ul li {line-height:45px; padding-left: 20px;}
.select ul li + li{margin-top:0 !important;}
.select ul li:hover{background: #F5F5F5;}
.select.city{display:none;}
.select.on{display:block;}

.filebox{display:flex;}
.filebox .upload{width:100%;}
.filebox .upload-name {display:block;}
.filebox .upload-name.readonly{color: #888; background: #F6F6F6; border: 1px solid #E3E3E3; cursor: not-allowed;}
.filebox .file_delete{display:none; font-size: 12px; font-weight: 500; border-radius: 30px; border: 1px solid #D9D9D9; background: #FFF; padding:7px 15px; margin-top:10px;}
.filebox .file_delete i{display:inline-block; vertical-align:middle; width: 15px; height: 15px; background:url("../../images/file_del.svg") no-repeat center / 100%; margin-right:3px;}
.filebox .file_delete.on{display:inline-block;}
.filebox label {display: inline-block; width: 150px; text-align:center; vertical-align: middle; cursor: pointer; height: 55px; margin-left: 10px; line-height: 55px; font-size:16px; border-radius: 5px; background: #000; color: #fff; font-weight: 700;}
.filebox label:hover{border: 1px solid #555; color: #555; background:#fff;}
.filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}


/* =====================================================
   16. ADMIN (사이드바, 에디터)
   ===================================================== */
/* admin */
.sb-topnav{background:#000 !important; gap: 10px;}
.sb-topnav .sb-topnav-inner {width: 100%;}
.sb-topnav .navbar-brand{width:auto;}
.sb-topnav .btn .menu_open{display:block; width: 24px; height: 24px; background:url("../../images/menu_close.svg") no-repeat center / 100%;}
.sb-sidenav-toggled .sb-topnav .btn .menu_open{background-image:url("../../images/menu_open.svg");}
.sb-sidenav .sb-sidenav-menu{background:#fff; border-right:0px solid #8E8E8E;}
.sb-sidenav .sb-sidenav-menu .nav{}
.sb-sidenav .sb-sidenav-menu .nav .nav_tp{padding:25px 0; position:relative;}
.sb-sidenav .sb-sidenav-menu .nav .nav_tp:after{content:''; display:block; width: 195px; height: 1px; background: #E3E3E3; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.sb-sidenav .sb-sidenav-menu .nav .nav_mid{padding-bottom:25px; margin-bottom:25px; position:relative;}
.sb-sidenav .sb-sidenav-menu .nav .nav_mid:after{content:''; display:block; width: 195px; height: 1px; background: #E3E3E3; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.sb-sidenav .sb-sidenav-menu .nav .nav-link.collapsed{color:#8E8E8E;}
.sb-sidenav .sb-sidenav-menu .nav .nav-link.default{color:#8E8E8E;}
.sb-sidenav .sb-sidenav-menu .nav .nav-link{color:#000; padding:10px 30px;}
.sb-sidenav .sb-sidenav-menu .nav .sb-sidenav-menu-heading{color:#000; text-transform: none; padding:35px 30px 15px;}
.sb-nav-link-icon .menu_ic{display:inline-block; vertical-align:middle; width: 20px; height: 20px;}
.sb-nav-link-icon .menu_ic.ic1{background:url("../../images/menu_ic1.svg") no-repeat center / 100%;}

.nav-link.collapsed .sb-nav-link-icon .menu_ic.ic2{background:url("../../images/menu_ic2.svg") no-repeat center / 100%;}
.nav-link.collapsed .sb-nav-link-icon .menu_ic.ic3{background:url("../../images/menu_ic3.svg") no-repeat center / 100%;}
.nav-link.collapsed .sb-nav-link-icon .menu_ic.ic4{background:url("../../images/menu_ic4.svg") no-repeat center / 100%;}
.nav-link.collapsed .sb-nav-link-icon .menu_ic.ic5{background:url("../../images/menu_ic5.svg") no-repeat center / 100%;}
.sb-nav-link-icon .menu_ic.ic6{background:url("../../images/menu_ic6.svg") no-repeat center / 100%;}

.sb-nav-link-icon .menu_ic.ic2{background:url("../../images/menu_ic2_on.svg") no-repeat center / 100%;}
.sb-nav-link-icon .menu_ic.ic3{background:url("../../images/menu_ic3_on.svg") no-repeat center / 100%;}
.sb-nav-link-icon .menu_ic.ic4{background:url("../../images/menu_ic4_on.svg") no-repeat center / 100%;}
.sb-nav-link-icon .menu_ic.ic5{background:url("../../images/menu_ic5_on.svg") no-repeat center / 100%;}

.nav-link.collapsed .sb-sidenav-collapse-arrow .menu_arrow{background:url("../../images/menu_arrow.svg") no-repeat center / 100%;}
.sb-sidenav-collapse-arrow .menu_arrow{display:inline-block; vertical-align:middle; width: 12px; height: 7px; background:url("../../images/menu_arrow_on.svg") no-repeat center / 100%;}

.sb-sidenav .sb-sidenav-menu .nav .sb-sidenav-menu-nested{background: #F8F8F8; margin:0 25px 0 30px; padding:18px 20px;}
.sb-sidenav .sb-sidenav-menu .nav .sb-sidenav-menu-nested .nav-link{padding:0; font-size: 14px; color:#8E8E8E;}
.sb-sidenav .sb-sidenav-menu .nav .sb-sidenav-menu-nested .nav-link + .nav-link{margin-top:8px;}
.sb-sidenav .sb-sidenav-menu .nav .sb-sidenav-menu-nested .nav-link:hover{color:#000; text-decoration:underline;}

.note-editor.note-frame .dropdown-toggle::after {display: none;}
.note-editor .note-toolbar>.note-btn-group .note-btn[aria-label="File"]::before {content: ""; background: url('../../images/file-earmark-arrow-up.svg') no-repeat; width: 14px; height: 21px; background-size: contain; background-position: center; display: block;}
.subWrap .note-modal-body input[type="checkbox"] {width: auto; height: auto; line-height: inherit; margin-right: 7px;}
.note-modal-content .note-modal-footer {height: 54px;}
.note-modal-content .note-modal-footer .note-btn-primary {width: auto; background-color: #337ab7; border-color: #2e6da4; color: #fff; height: auto; line-height: normal; padding: 6px 12px;}
.note-modal-content .note-modal-body .note-image-input {line-height: 31px; padding-top: 8px;}


/* =====================================================
   17. 컬렉션 목록 - 필터 팝업 (filterPopup)
   ===================================================== */
.contentWrap .itemInfoWrap .right {display: flex; align-items: center; gap: 20px;}
.contentWrap .itemInfoWrap .right .filter {font-size: 15px; font-weight: 400; cursor: pointer;}
.contentWrap .itemInfoWrap .right .filter.red {color: red;}

.colInner {position: relative;}
.filterPopup {display: none; position: absolute; top: 0; left: 0; background: #00000080; z-index: 100; width: 100%; height: 100%;}
.filterPopup .cont {scrollbar-color: #888 #f5f5f5; scrollbar-width: thin; max-height: 85vh; overflow: auto; z-index: 1000; width: 1060px; position: fixed; top: 115px; left: 50%; transform: translateX(-50%); background: #fff; padding: 30px 60px;}
.filterPopup .cont h2 {display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #555; font-size: 25px; font-weight: 700; color: #000;}
.filterPopup .cont h2 img {width: 21px; cursor: pointer;}
.filterPopup .cont .close {cursor: pointer;}
.filterPopup .list {display: flex; align-items: flex-start; gap: 60px;}
.filterPopup .list ul + ul {margin-top: 49px;}
.filterPopup .list ul h3 {font-size: 20px; font-weight: 500; color: #000; line-height: 1.5; margin-bottom: 20px;}
.filterPopup .list ul li {display: inline-block; font-size: 17px; font-weight: 400; color: #4a4a4a; line-height: 2.1; cursor: pointer; position: relative; padding-left: 10px; margin-right: 15px;}
.filterPopup .list ul li::before {content: ""; width: 4px; height: 4px; border-radius: 100%; background: #8E8E8E; position: absolute; left: 0; top: 13px;}
.filterPopup .list ul li .filter-item.selected {color: #4e88ed; text-decoration: underline; text-underline-offset: 2px; font-weight: 400;}
.filterPopup .list ul li.disabled {color: #f0f0f0; pointer-events: none;font-weight: 400;}
.filterPopup .btn_box {margin-top: 20px; border-top: 1px solid #d3d3d3; padding-top: 30px; display: flex; align-items: center; justify-content: flex-end; gap: 10px;}
.filterPopup .btn_box button {padding: 0 20px; height: 46px; line-height: 45px; font-size: 16px; font-weight: 700; border: 1px solid #000; border-radius: 0;}
.filterPopup .btn_box button.cancel {background: #fff; color: #000;}
.filterPopup .btn_box button.save {color: #fff; background: #000;}

/* =====================================================
   18. 반응형 미디어쿼리
   (breakpoint: 991 / 1400 / 1280 / 769(hover) / 768 / 1080 / 1401px)
   ===================================================== */
@media screen and (max-width:991px){
    .header .headerWrap .utilWrap .utilNav li.bold{display:none;}
    .sb-topnav .btn .menu_open{display:block; width: 24px; height: 24px; background:url("../../images/menu_open.svg") no-repeat center / 100%;}
    .sb-sidenav-toggled .sb-topnav .btn .menu_open{background-image:url("../../images/menu_close.svg");}

    .input_wrap > li.ref .rt .item {display: revert;}
    .input_wrap > li.ref .rt .item + .item {margin-top: 20px;}
    .input_wrap > li.ref .rt .item dl {width: 100%;}
    .input_wrap > li.ref .rt .item dl + dl {margin-top: 15px;}
}



@media screen and (max-width:1400px){
    .kioskInner{padding:2.5000vw;}

    .header .headerWrap .utilWrap .search{background-size: 26px 26px !important; width: 26px; height: 26px;}
    .header .headerWrap .utilWrap p span{font-size: 16px;}
}


@media screen and (max-width:1280px){

    .kioskInner{padding:0 3.1250vw;}
    a.btn{padding:0 1.3086vw; font-size:13px; height:3.0562vw; line-height:3.0562vw;}
    .btnGroup{padding:0 3.1648vw}

    .mT10{margin-top: 0.7813vw !important;}
    .mT20{margin-top: 1.5625vw !important;}
    .mT30{margin-top: 2.3438vw !important;}
    .mT40{margin-top: 3.1250vw !important;}
    .mT50{margin-top: 3.9063vw !important;}
    .mT60{margin-top: 4.6875vw !important;}
    .mT70{margin-top: 5.4688vw !important;}
    .mT80{margin-top: 6.2500vw !important;}
    .mT90{margin-top: 7.0313vw !important;}
    .mT100{margin-top: 7.8125vw !important;}
    .mT150{margin-top: 11.7188vw !important;}

    .mB10{margin-bottom: 0.7813vw !important;}
    .mB20{margin-bottom: 1.5625vw !important;}
    .mB30{margin-bottom: 2.3438vw !important;}
    .mB40{margin-bottom: 3.1250vw !important;}
    .mB50{margin-bottom: 3.9063vw !important;}
    .mB60{margin-bottom: 4.6875vw !important;}
    .mB70{margin-bottom: 5.4688vw !important;}
    .mB80{margin-bottom: 6.2500vw !important;}
    .mB90{margin-bottom: 7.0313vw !important;}
    .mB100{margin-bottom: 7.8125vw !important;}
    .mB150{margin-bottom: 11.7188vw !important;}

    .header .headerWrap .utilWrap p span{font-size: 13px;}


    .header .headerWrap {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) minmax(0, 1fr);
        align-items: center;
        justify-content: initial;
    }

    .header .headerWrap .pc-logo {
        position: static;
        grid-column: 1;
        justify-self: start;
    }

    .header .headerWrap .gnbWrap {
        grid-column: 2;
        justify-self: start;
        margin-left: -15px;
        width: 100%;
        max-width: 700px;
        overflow: clip;
        min-width: 0;
    }

    .header .headerWrap .navBar {
        min-width: 0;
        width: 100%;
    }

    .header .headerWrap .navBar ul {
        width: 100%;
        justify-content: center;
        align-items: stretch;     /* 추가: 모든 li가 같은 높이를 갖도록 */
        gap: clamp(1px, 2vw, 3vw);
        min-width: 0;
    }

    .header .headerWrap .navBar li {
        flex: 1 1 0;
        min-width: 0;
        min-height: 0;
        padding: 0;
        height: auto;              /* 100% 대신 auto - stretch가 처리하게 둠 */
        text-align: center;
    }

    .header .headerWrap .utilWrap {
        position: static;
        grid-column: 3;
        transform: none;
        justify-self: end;
    }

    .header .headerWrap .navBar li a {
        display: flex;
        align-items: center;      /* 핵심: a 안에서 span을 세로 중앙에 배치 */
        justify-content: center;
        height: 100%;
        text-decoration: none;
        line-height: 1.2;
        min-width: 0;
    }

    .header .headerWrap .navBar li a span {
            display: block;
            width: 100%;
            height: auto;
            box-sizing: border-box;
            color: #000;
            font-size: 18px;
            font-weight: 400;
            white-space: normal;
            word-break: keep-all;
            text-align: center;
            line-height: 1.2;
            min-width: 0;
            transform: translateY(0);
            transition: color 0.25s ease, transform 0.25s ease;
    }

    .header .headerWrap .navBar li a span font {
            display: block;
            width: 100%;
            text-align: center;
            line-height: 1.2;
            color: inherit;
            font-size: inherit;
            font-weight: inherit;
    }

    .header .headerWrap .utilWrap .utilNav{margin-left:0px; gap:8px;}
    .header .headerWrap .utilWrap .utilNav li::before{right:-6px; height:15px; }
    .header .headerWrap .utilWrap .search{background-size: 22px 22px !important;}
    .header .headerWrap .utilWrap .search a{height:24px; padding-left:38px;}
    .header .headerWrap .utilWrap a {display:flex;}
    .header .headerWrap .utilWrap a span{font-size: 14px; line-height:15px;}

    .accd_head > a{width:7.6172vw; height:2.3438vw; border-radius:2.3438vw; padding-left: 1.1719vw; background-size: 1.1719vw 1.1719vw;}
    .accd_head > a.on{background-size: 1.1719vw 1.1719vw;}
    .only_mob img {width: 18px;}
    .accd_cont{display:none; z-index:50;border:1px solid #000; border-radius:10px; background:#fff; position:absolute; width:100%; overflow:hidden;}
    .accd_cont li a{display:block;  padding-left:1.5625vw; height:2.7344vw ; line-height:2.7344vw ;}
    .accd_cont li a span{line-height:2.7344vw !important; color:#8E8E8E !important;}

    .accd_cont li p{display:block;  padding-left:1.5625vw; height:2.7344vw ; line-height:2.7344vw ;}
    .accd_cont li p span{line-height:2.7344vw !important; color:#8E8E8E !important; font-size: 0.8594vw !important;}

    .visualSection{height:55.6250vw; }
    .visualSection .randomItem img{width:100vw; height:55.6250vw; object-fit: cover;}
    .visualSection .visualCont .textBox .subTit{font-size:13px; line-height:2.0547vw; margin-bottom:0.2734vw;}
    .visualSection .visualCont .textBox .tit{font-size:3.5156vw; line-height:4.1016vw; margin-bottom:0.7813vw;}
    .visualSection .visualCont .textBox .desc{font-size:13px;}
    .visualSection .visualCont .searchBox{width:41.0156vw; border-bottom:0.1563vw solid #fff; margin:0 auto;}
    .visualSection .visualCont .searchBox input{width:calc(100% - 3.9063vw); height:4.0vw; font-size:18px; }
    .visualSection .visualCont .searchBox button{width:2.9297vw; height:2.9297vw; }
    .visualSection .visualCont .searchBox button img{width:20px; height:20px}

    .visualSection .home__scroll-down {width: 9.6094vw; height: 9.6094vw; top: calc(55.6250vw - 1.7383vw);  font-size: 13px; }
    .visualSection .home__scroll-down span{top:3.1250vw;}
    .visualSection .home__scroll-down span img{width:0.6250vw;}
    .visualSection .home__scroll-down i {  margin-top: 1.3086vw }

    .marqueeSection .marquee { height: 6.5039vw; }
    .marqueeSection .track .content{gap:7.5000vw;  }
    .marqueeSection .track a{font-size:2.0313vw; }
    .marqueeSection .track a::before{width:0.4688vw; height:0.4688vw; right:-3.75vw; }

    .contSection .textWrap .tit{font-size:20px; line-height: 2.9297vw; }
    .contSection .textWrap .desc{font-size:13px; line-height: 1.7578vw; }
    .contSection .linkWrap a{font-size:13px; background:none; background-size:1.1727vw; }

    .contSection .swipeWrap .slick-item{margin:0 1.283vw; position:relative}
    .contSection .swipeWrap .slick-item::before{width:1px; height:calc(100% - 3.1250vw);right:-1.1883vw; }
    .contSection .swipeWrap .slick-item .contWrap{margin-top:2.4242vw;}
    .contSection .swipeWrap .slick-item .tagBox span{font-size:13px; padding:0.3906vw 1.1719vw; border-radius:2.3438vw; margin-right:0.5391vw;}
    .contSection .swipeWrap .slick-item .textBox{margin-top:1.0773vw;}
    .contSection .swipeWrap .slick-item .placeCh{margin-top:1.0773vw;}

    .contSection .visualControler .visual-idCtr{display:flex; align-items: center; justify-content: center; gap:25px;}
    .contSection .visualControler .visual-idCtr span img {width:3.578vw; }

    .contentWrap .itemWrap .itemsColumn.itemsAlign_list .thumb{width:13.6187vw; height:10.8945vw;}
    .contentWrap .itemWrap .itemsColumn.itemsAlign_list .contWrap{width:calc(100% - 15.9382vw); margin-top:0; }
    .contentWrap .itemWrap .itemsColumn.itemsAlign_list .tagBox span{font-size:0.8594vw; margin-right:0.5391vw; }
    .contentWrap .itemWrap .itemsColumn.itemsAlign_list .textBox{margin-top:1.0898vw;}
    .contentWrap .itemWrap .itemsColumn.itemsAlign_list .textBox .desc{margin-top: 0.5445vw; }
    .contentWrap .itemWrap .itemsColumn.itemsAlign_list .placeCh{margin-top:1.0898vw;}

    .contentWrap .pagingWrap{gap:3.0562vw; font-size:13px}
    .contentWrap .pagingWrap .paging_arrow img{width:1.3289vw; }
    .contentWrap .pagingWrap .paging_prev img{margin-right:0.9969vw;}
    .contentWrap .pagingWrap .paging_next img{margin-left:0.9969vw;}
    .contentWrap .pagingWrap input{border-radius:0.3320vw; width:5.1609vw; height:2.9383vw; padding-left: 1.6813vw;}


    .viewWrap{padding:4.3164vw 0 1.3023vw;}
    .viewWrap .txtGroup{margin-bottom:3.3594vw;}
    .viewWrap .txtGroup .tagBox{margin-bottom:1.0414vw;}
    .viewWrap .txtGroup .tagBox span{font-size:13px; padding:0.3906vw 1.1719vw; border-radius:1.5625vw; margin-right:0.5211vw;}
    .viewWrap .txtGroup .tit{font-size:22px; line-height:2.3531vw; }
    .viewWrap .txtGroup .desc{font-size:13px; line-height:1.4063vw; margin-top: 0.5211vw;  }
    .viewWrap.sto .txtGroup .desc{margin-top: 3.69vw;}

    .viewWrap .slide_wrap .arrow .prev{left:-6.2500vw;}
    .viewWrap .slide_wrap .arrow .next{right:-6.2500vw;}
    .viewWrap .slide_wrap .arrow img{width:3.9063vw;}

    .tabWrap{margin: 5.5531vw 2vw 6.5234vw;}
    .tabWrap .js_tab{gap:1.5625vw; margin-bottom:3.9844vw;}
    .tabWrap .js_tab li a{font-size:13px; padding:0 1.5625vw; line-height:3.5063vw;}

    .relatedWrap{margin-top: 5.1820vw;}
    .relatedWrap > .tit{font-size:13px; line-height:1.9531vw; margin-bottom: 2.3438vw;}

    .relatedWrap .btnWrap a {margin-bottom: 1.9531vw;}
    .relatedWrap .btnWrap .btnLt{display:flex; gap:0.5211vw;}
    .relatedList figure a .placeBox p span{margin-right:0.8685vw;}

    .img_popup .close { top: 1.1719vw; right: 2.7344vw; font-size: 3.1250vw; }

    .quickSide{position:fixed; bottom:2.9297vw; right:3.2422vw;}
    .quickSide ul li{width:3.5156vw; height:3.5156vw;}


    .footer .copyWrap{ height:4.643vw;}
    .footer .copyWrap .copy{color:#8E8E8E; font-size:13px;}

    .footer .tit{font-size:13px; margin-bottom:0.7143vw;}
    .footer .desc{font-size:16px; line-height:1.8571vw;}
    .footer .snsBox,
    .footer .languageBox{margin-top:2.1429vw;}
    .footer .snsBox .tit,
    .footer .languageBox .tit{margin-bottom:0.7143vw;}
    .footer .footList{gap:2.9297vw;}
    .footer .langageList{gap:2.3438vw;}

    .footer .siteList li a{font-size:16px;}

    .footer .snsList{gap:0.8789vw;}
    .footer .snsList li:nth-child(1) img{width:1.1484vw;}
    .footer .snsList li:nth-child(2) img{width:0.5859vw;}
    .footer .snsList li:nth-child(3) img{width:1.4648vw;}
    .footer .snsList li:nth-child(4) img{width:1.1719vw;}
    .footer .footList li a{font-size:13px;}
    .footer .footList li a::before{right:-1.46485vw; height:0.8789vw; }
    .footer .langageList li p{display:block; color:#333333; font-size:13px; cursor: pointer;}
    .footer .langageList li a::before{right:-1.1719vw;}
    .footer .langageList li p::before{right:-1.1719vw;}

    /* 컬렉션 목록_필터 팝업 */
    .filterPopup .cont {width: 82.81vw; top: 8.5vw; padding: 3.13vw 4.84vw 2.81vw;}
    .filterPopup .cont h2 {padding-bottom: 1.56vw; margin-bottom: 2.81vw; font-size: 1.95vw;}
    .filterPopup .cont h2 img {width: 1.64vw;}
    .filterPopup .list {gap: 4.69vw;}
    .filterPopup .list ul + ul {margin-top: 3.83vw;}
    .filterPopup .list ul h3 {font-size: 13px; margin-bottom: 1.56vw;}
    .filterPopup .list ul li {font-size: 13px; padding-left: 1.17vw;}
    .filterPopup .list ul li::before {width: 0.31vw; height: 0.31vw; top: 1.02vw;}
    .filterPopup .btn_box {margin-top: 4.84vw; padding-top: 2.34vw; gap: 0.78vw;}
    .filterPopup .btn_box button {padding: 0 1.56vw; height: 3.59vw; line-height: 3.52vw; font-size: 13px;}
}

/* PC 카드 hover 효과 — 마스너리(gallery/simple) + 리스트형 카드 공통 적용
   border-color만 살짝 밝게(#c7c7c7) 바뀌고, 기본 테두리 자체는
   19번 섹션의 border: 1px solid #c5c5c5 값을 그대로 사용 */
@media screen and (min-width:769px){

    .contentWrap .itemWrap .itemsColumn figure {
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .contentWrap .itemWrap .itemsColumn figure:hover {
        transform: translateY(-4px);
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
        border-color: #c7c7c7;
    }
    .contentWrap .itemWrap .itemsColumn figure:hover .textBox .tit,
    .contentWrap .itemWrap .itemsColumn figure:hover .textBox .desc,
    .contentWrap .itemWrap .itemsColumn figure:hover .placeCh p,
    .contentWrap .itemWrap .itemsColumn figure:hover .placeCh p span {
        color: #333333 !important;
    }
}

@media screen and (max-width:768px){

    .custom-lang-dropdown { display: none !important; }
    body.home .custom-lang-dropdown { display: inline-block !important; }

    .inner,
    .viewInner{max-width:96vw}
    .hidden-pc{display:block;}
    .hidden-mo{display:none;}

    .footer .infoWrap{display:none;}

    .only_pc {display: none;}
    .only_mob {display: block;}

    .header .pc-logo{display:none;}
    .header .mo-logo{display:flex; align-items: center; justify-content: center; font-size: 0; margin-bottom: 0; width:100%; position:relative;}
    .header .mo-logo img{width:133px; position:absolute; left:0; top:50%; transform:translateY(-50%);}
    .header .mo-logo a.on{display:flex; align-items:center; justify-content:center; font-size: 16px; color: #000; font-weight: 700; position:fixed; top:0; left:50%; transform:translateX(-50%); height:60px; white-space:nowrap; z-index:51;}
    .header .mo-logo .off{display:none;}

    a.btn{padding:0 5.2083vw; font-size:13px; height:11.7188vw; line-height:11.7188vw;}
    .btnGroup{padding:0 3.0769vw}


    .mT10{margin-top: 1.3021vw !important;}
    .mT20{margin-top: 2.6042vw !important;}
    .mT30{margin-top: 3.9063vw !important;}
    .mT40{margin-top: 5.2083vw !important;}
    .mT50{margin-top: 6.5104vw !important;}
    .mT60{margin-top: 7.8125vw !important;}
    .mT70{margin-top: 9.1146vw !important;}
    .mT80{margin-top: 10.4167vw !important;}
    .mT90{margin-top: 11.7188vw !important;}
    .mT100{margin-top: 13.0208vw !important;}
    .mT150{margin-top: 19.5313vw !important;}

    .mB10{margin-bottom: 1.3021vw !important;}
    .mB20{margin-bottom: 2.6042vw !important;}
    .mB30{margin-bottom: 3.9063vw !important;}
    .mB40{margin-bottom: 5.2083vw !important;}
    .mB50{margin-bottom: 6.5104vw !important;}
    .mB60{margin-bottom: 7.8125vw !important;}
    .mB70{margin-bottom: 9.1146vw !important;}
    .mB80{margin-bottom: 10.4167vw !important;}
    .mB90{margin-bottom: 11.7188vw !important;}
    .mB100{margin-bottom: 13.0208vw !important;}
    .mB150{margin-bottom: 19.5313vw !important;}


    .header{height:60px;background-color: #00000000;}
    .header .inner{height:100%; padding: 0 3vw 0 0;}
    .header .headerWrap.filters .filterBtn{display:flex; margin-left:4.8vw;}
    .header .headerWrap .logo img{width:57.7083vw;}
    .header .headerWrap .gnbWrap { display:none; }
    .header .headerWrap .utilWrap .search { display: flex !important; align-items: center; justify-content: center; }
    body.home .header .headerWrap .utilWrap .search { display: none !important; }
    .header .headerWrap .utilWrap .search a { display: block; padding-left: 0; height: 26px; }
    .header .headerWrap .utilWrap .lang_select {margin: 0;}
    .header .headerWrap .utilWrap .accd_head a {border: 0; width: auto; height: auto; padding: 0;}
    .header .headerWrap .utilWrap .accd_head a img {width: 5vw;}
    .header.on .headerWrap .utilWrap .accd_head a img {filter: brightness(0) invert(1);}

    .header .allMenuBtn{display:flex; align-items:center;}
    .header .allMenuBtn img{width:5.7292vw;}
    .header .filterBtn{display:none; align-items:center;}
    .header .filterBtn img{width:5.7292vw;}

    .allMenu.on{display:block;}
    .allMenu{display:none; padding:0 2.8125vw; position:fixed; top:0; left:0; width:calc(100% - 25.7604vw); height:100%; background:#1f2f2ff0; z-index:53;}
    .allMenu::after{display:block; content:''; position:fixed; top:0; right:0; width:25.7604vw; height:100%; background:rgba(0,0,0,.5); z-index:52;}
    .allMenu .allMenuLogo img{width:65.1042vw;}
    .allMenu .utilWrap{padding-top: 5.1693vw;}
    .allMenu .closeWrap{ margin-bottom:7.6237vw; text-align: right;}
    .allMenu .closeWrap img{width:6.2344vw; height:6.2344vw;}

    .allMenu li p span{font-size:3.6458vw !important;}
    .allMenu li a span{color:#fff; font-size:3.6458vw;}
    .allMenu .utilNav{margin-top:9.1146vw; display:flex; gap:6.5104vw; margin-bottom:3.9063vw;}
    .allMenu .utilNav li{position:relative;}
    .allMenu .utilNav li::before{position:absolute;top:50%; right:-3.2552vw; transform:translateY(-50%); display:block; content:""; width:1px; height:2.8646vw; background: #fff;}
    .allMenu .utilNav li:last-child::before{display:none;}

    .allMenu .gnbWrap{margin-top:9.1146vw;}
    .allMenu .gnbWrap .navBar ul{border-top:1px solid #F5F5F5;}
    .allMenu .gnbWrap .navBar li a{position:relative; display:block; line-height:13.0208vw; border-bottom:1px solid #F5F5F5;}
    .allMenu .gnbWrap .navBar li a::before{position:absolute; content:""; display:block; top:50%; right:0; transform: translateY(-50%); width:1.7669vw; height:2.8646vw; background:url(../../images/gnb_link_ico.png) no-repeat; background-size: 1.7669vw 2.8646vw;}

    .lang_select{position:relative; margin-top: 9.1146vw;}
    .accd_head > a{color:#fff; font-size:3.6458vw; width:29.9479vw; height:9.1146vw; border-radius:9.1146vw; padding-left: 4.0365vw; background:url(../../images/lang_select_arrow_b.png) 22.5260vw center no-repeat; background-size: 4.4271vw 4.4271vw;}
    .accd_head > a.on{background:url(../../images/lang_select_arrow_on_b.png) 22.5260vw center no-repeat; background-size: 4.4271vw 4.4271vw;}

    /* 240517 수정 */
    .accd_cont{ top: 9.1146vw; width: 21.9479vw; left: -13%; transform: translateX(-50%);}
    .accd_cont li a{display:block; height:7.4688vw; line-height:7.4688vw; padding-left:4.0365vw;}

    .header .headerWrap .utilWrap a {padding: 0 2vw;}
    .header .headerWrap .utilWrap a span {font-size: 14px; line-height: 7.4063vw !important;}
    .header .headerWrap .utilWrap p span {font-size: 13px !important; line-height: 7.4063vw !important;}

    .utilNav {display: none !important;}

    .ind_bot_navBar {display: block; position: absolute; width:100%;}

    .ind_bot_navBar ul {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-bottom: 0;
        padding-left: 0;
    }

    .ind_bot_navBar ul li {
        display: inline-flex;
    }

    .ind_bot_navBar ul span {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 55px;          /* 두 줄 텍스트가 들어갈 고정 높이 - 모든 박스가 항상 동일 */
        box-sizing: border-box;
        color: khaki;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.1;
        padding: 0 10px;
        background-color: rgb(44 28 28 / 50%);
        min-width: 100px;      /* 짧은 텍스트의 최소 너비 보장 */
        max-width: 140px;      /* 너무 넓어지지 않도록 상한 설정 */
        text-align: center;    /* 텍스트 중앙 정렬 */
        white-space: normal;   /* 내용이 길면 자동으로 두 줄로 줄바꿈 */
        word-break: keep-all;  /* 단어/어절 단위로 줄바꿈 (글자가 어색하게 끊기지 않도록) */
    }

    .contentWrap .itemInfoWrap {margin-bottom: 0;}
    .contentWrap .itemInfoWrap .alignList {display: none;}
    /* 240517 수정 끝 */
    .accd_cont li p{display:block; height:7.4688vw; line-height:7.4688vw; padding-left:4.0365vw;}


    .visualSection{ height: 100vh; }
    .visualSection .randomBox,
    .visualSection .randomItem {height: 100%;}
    .visualSection .randomItem img{width:100vw; height:100%;}
    .visualSection .visualCont{width:calc(100% - 6.25vw);}
    .visualSection .visualCont .textBox .subTit{font-size:13px; line-height:3.9063vw; margin-bottom:1.3021vw;}
    .visualSection .visualCont .textBox .tit{font-size:27px; line-height:6.5104vw; margin-bottom:1.9531vw;}
    .visualSection .visualCont .textBox .desc{font-size:13px; line-height:4.5573vw}
    .visualSection .visualCont .searchBox { width:100%; border-bottom:2px solid #fff;}
    .visualSection .visualCont .searchBox input{width:calc(100% - 50px); height:40px; font-size:15.4px; color: black; margin: 10px;}
    .visualSection .visualCont .searchBox button img{width:26px; height:26px;}

    .visualSection .home__scroll-down {display: none; width: 21.4714vw; height: 21.4714vw; top: calc(117.1875vw - 5.0195vw); font-size: 13px; }
    .visualSection .home__scroll-down span{top: 8.7630vw;}
    .visualSection .home__scroll-down span img{width:1.0417vw;}
    .visualSection .home__scroll-down i { margin-top: 1.7096vw }



    .marqueeSection .marquee { height: 15.7552vw; }
    .marqueeSection .track .content{gap:8.3333vw;  }
    .marqueeSection .track a{font-size:15.6px; }
    .marqueeSection .track a::before{width:1.0417vw; height:1.0417vw; right:-4.16665vw; }



    .contSection{padding:13.6719vw 0 14.3229vw; display: none;}
    .contSection .textRow{margin-bottom:8.0729vw; flex-direction: column; position:relative;}
    .contSection .textWrap .tit{font-size:20px; margin-bottom: 2.6042vw;}
    .contSection .textWrap .desc{font-size:13px; line-height: 5.2083vw; }
    .contSection .linkWrap{position: absolute; right:0; top:0;}
    .contSection .linkWrap a{padding-right:7.1615vw; font-size:13px; background-size:5.2083vw; }

    .contSection .swipeWrap .slick-item{padding:0 2.9948vw; margin:0 2.60415vw; position:relative; width:70.3125vw;}
    .contSection .swipeWrap .slick-item::before{width:1px; height:100%; right:-2.60415vw; }
    .contSection .swipeWrap .slick-item .contWrap{margin-top:9.3750vw;}
    .contSection .swipeWrap .slick-item .tagBox span{font-size:13px; padding:1.5625vw 4.3875vw; border-radius:4.3875vw; margin-right:0.5391vw;}
    .contSection .swipeWrap .slick-item .textBox{margin-top:5.2083vw;}

    .contSection .swipeWrap .slick-item .placeBox{flex-direction: column; margin-top:5.2083vw;}
    .contSection .swipeWrap .slick-item .placeCh{margin-top:0;}

    .contSection .visualControler{padding-top:11.0026vw;}
    .contSection .visualControler .visual-idCtr{gap:0;}
    .contSection .visualControler .visual-idCtr span{position: relative; top: auto; transform: none; display:inline-block;}
    .contSection .visualControler .visual-idCtr span img {width: 7.2083vw;}


    .searchWrap .row .searchBox input{width:calc(100% - 25px); height:40px; line-height:40px; font-size:16px; border-radius: 0; padding: 0 0 0 7px;}
    .searchWrap .row .searchCategory{display: block; width:calc(100% - 20.1146vw);}
    .searchWrap .row .searchCategory span {font-size: 3.0vw;}
    .searchWrap .row .searchBox button{width:26px; height:26px; border-radius:50%; background: transparent;}
    .searchWrap .row .searchBox button img{width:15px; height:15px;}
    .searchWrap .row .searchBox button img.only_mob {width:26px; height:26px; filter: brightness(0) invert(0);}
    /* 240521 추가 */
    .filterWrap{display:none; width:100%; padding:8.5938vw 0 0 7.8125vw; position:fixed; top:0; left:0; width:100%; background:#fff; z-index:70;}
    .filterWrap .closeWrap{position:absolute; top:5.1784vw; right:1.8190vw; z-index:72;}
    .filterWrap .closeWrap img{width:6.2344vw; height:6.2344vw;}
    .filterWrap .filterCont{width:100%; display:block; position:initial; height:100vh; overflow:hidden;}
    .filterWrap .filterCont .filtersBody{overflow: auto; margin-right: -4.9479vw; padding-right: 4.9479vw; max-height: 125vw;}
    .filterCont .filtersBox .textWrap{margin-bottom: 10.4167vw; justify-content: start;}
    .filterCont .filtersBox .textWrap .tit{font-size:5.2083vw; }
    .filterCont .filtersBox .textWrap .clear{font-size:3.3854vw; margin-left:11.1979vw;}
    .filterCont .filtersBox .textWrap .clear::before{left:-2.9948vw; margin-top:-0.95315vw; width:1px; height:3.9063vw }
    .filterCont .filtersBox .textWrap .clear a{display:flex;}
    .filterCont .filtersBox .textWrap .clear a img{width:3.6458vw; height:3.6458vw; vertical-align: top;}


    .filtersItem{margin-bottom:10.4167vw;}
    .filtersItem .tit{font-size:3.6458vw; margin-bottom:5.2083vw;}
    .filtersItem .drop-item{font-size:3.6458vw; margin-bottom:5.2083vw;}
    .filtersItem .drop-item .bedge{padding:2.6042vw 5.2083vw; border-radius:7.8125vw; margin:0 0.6510vw 0.6510vw 0;}
    .filtersItem .drop-item .bedge span{margin-right:2.6042vw;}
    .filtersItem .drop-item .bedge button{font-size:3.6458vw;}

    .filtersItem button.toggleDropdown.on::after{transform:rotate(180deg);}
    .filtersItem button.toggleDropdown{width:100%; height:13.0208vw; font-size:3.6458vw; padding:2.8646vw 5.2083vw; border-radius:1.3021vw}
    .filtersItem button.toggleDropdown::after{background-size: 5.7292vw; width:5.7292vw; height:5.7292vw;}

    .filtersItem .dropDownMenu{border-radius:1.3021vw; top:15.4948vw; }
    .filtersItem .dropDownMenu.top{bottom:15.4948vw;}
    .filtersItem .dropDownMenu ul{max-height: 58.5vw;}
    .filtersItem .dropDownMenu li p{font-size: 3.6458vw; height:11.7188vw; line-height:11.7188vw; padding-left:5.2083vw;}

    .filterCont .submitBox{display:block;}
    .filterCont .submitBox button{width:100%; height:11.9792vw; background: #000; color:#fff; font-size:4.1667vw; font-weight: bold; border:0; margin-top:7.6042vw;}

    .contentWrap .itemInfoWrap .right .filter,
    .contentWrap .itemInfoWrap p{font-size:15px;}
    .contentWrap .itemInfoWrap .right {gap: 0;}

    .contentWrap .itemWrap{margin: 0 0 7.815vw; padding:0;}
    .contentWrap.sto .itemWrap{margin: 0 0px 7.815vw; padding:0;}


    .contentWrap .itemWrap .itemsColumn .contWrap{margin-top:9px}
    .contentWrap .itemWrap .itemsColumn .placeCh{margin-top:1vw;}
    .contentWrap.list .itemWrap .itemsColumn .placeCh.date{margin-top:1vw;}

    .contentWrap .pagingWrap{gap:7.6923vw; font-size:13px; margin-bottom: 4vw;}
    .contentWrap .pagingWrap > div{width:29.6458vw;}
    .contentWrap .pagingWrap > div:first-child,
    .contentWrap .pagingWrap > div:last-child {width: auto;}
    .contentWrap .pagingWrap .paging_arrow{display:flex; align-items:center;}
    .contentWrap .pagingWrap .paging_arrow img{width:5.2083vw; height:1.8229vw;}
    .contentWrap .pagingWrap .paging_prev img{margin-right:3.8462vw;}
    .contentWrap .pagingWrap .paging_next img{margin-left:3.8462vw;}
    .contentWrap .pagingWrap input{border-radius:1.2821vw; width:12.3077vw; height:10.2564vw; margin-right:4.9479vw; padding-left: 3vw;}


    .viewWrap{padding: 15px 0 6.1211vw;}
    .viewWrap .txtGroup{margin-bottom: 5px;}
    .viewWrap .txtGroup .tagBox{margin-bottom:3.9063vw;}
    .viewWrap .imgBox{height:300px; overflow:hidden;}
    .viewWrap .imgBox img{width:100%; height:300px; object-fit:cover; object-position:center;}
    .viewWrap .slide_wrap{width:100%;}
    .viewWrap .txtGroup .desc br {display:none;}
    .viewWrap.sto .txtGroup .desc{margin-top: 7.81vw;}


    .viewWrap .slide_wrap .arrow div{opacity: 0.6;}
    .viewWrap .slide_wrap .arrow .prev{left:1.75vw;}
    .viewWrap .slide_wrap .arrow .next{right:1.75vw;}
    .viewWrap .slide_wrap .arrow img{width:9.9063vw; filter: brightness(0%) invert(100%);}

    .tabWrap{margin: 15.6250vw 0 10.2018vw;}
    .tabWrap .js_tab{gap:0; margin-bottom:8.6406vw; justify-content:space-between; width: calc(100% + 6.2500vw); margin-left: -3.125vw;}
    .tabWrap .js_tab li a{font-size:13px; padding:0 4.2042vw; line-height:9.5104vw;}

    .infoList dl{padding-bottom:6.5104vw; margin-bottom:6.5104vw; flex-direction: column;}
    .infoList dl .tit{font-size:16px; line-height:28px;}
    .infoList dl .desc{font-size:16px; line-height:28px;}
    .infoList dl .tit + .desc{margin-bottom:10px;}
    .infoList dt{width:100%; font-size:16px; line-height:28px; margin-bottom: 10px;}
    .infoList dd{width:100%;}

    .relatedWrap{margin-top: 15.6250vw;}
    .relatedWrap > .tit{font-size:13px; line-height:5.2083vw; margin-bottom: 9.1146vw;}

    .relatedWrap .btnWrap a {margin-bottom: 10.2018vw;}
    .relatedWrap .btnWrap .btnLt{display:flex; gap:1.9531vw;}

    .relatedWrap .arrow {margin: 5.8594vw auto 2.6042vw;}
    .relatedWrap .arrow img {width: 8.5573vw;}
    .relatedWrap .arrow.only_pc {display: none;}

    .img_popup .close {  top: 3.9063vw; right: 3.9063vw; font-size: 24px;}

    .quickSide{position:fixed; bottom:6.1198vw; right:3.1250vw;}
    .quickSide ul li{width:10.4167vw; height:10.4167vw;}

    .footer .row{display:flex; justify-content: space-between; flex-direction: column;}
    .footer .infoWrap .row{padding:2.5vw 0 2.5vw;}
    .footer .infoWrap .row .cont_rt{margin-top:0;}
    .footer .copyWrap{height:11.1111vw;}
    .footer .copyWrap .copy{color:#8E8E8E; font-size:13px; line-height:11.1111vw;}

    .footer .tit{font-size:13px; margin-bottom:0.7143vw;}
    .footer .desc{font-size:16px; line-height:5.3333vw;}

    .footer .snsBox{margin:5.5556vw 0;}
    .footer .snsList{gap:3.3333vw; margin-top:2vw;}
    .footer .snsList li:nth-child(1) img{width:3.2222vw;}
    .footer .snsList li:nth-child(2) img{width:2.2222vw;}
    .footer .snsList li:nth-child(3) img{width:4.4444vw;}
    .footer .snsList li:nth-child(4) img{width:3.4444vw;}

    .footer .footList li a{font-size:13px;}
    .footer .footList li a::before{position:absolute;top:50%; right:-2.2222vw; transform:translateY(-50%); display:block; content:""; width:0.1111vw; height:2.2222vw; background: #8E8E8E;}
    .footer .langageList{margin-top: 1vw; gap:8.8889vw;}
    .footer .langageList li p{display:block; color:#333333; font-size:13px; cursor: pointer;}
    .footer .langageList li a::before{right:-4.4444vw;}
    .footer .footList.langageList {gap: 2.5vw;}


    /* login */
    .sub_title{margin-top:5.81vw; font-size: 40px;}
    .login_wrap{max-width:100%; margin:8.21vw auto 10.42vw;}
    .login_wrap .logo img{width:55.75vw;}
    .input_wrap{margin-top:9.11vw;}
    .login_wrap .input_wrap > li + li{margin-top:3.60vw;}
    .regi_wrap .input_wrap > li + li{margin-top:4.60vw;}
    .input_wrap > li .lt{width:20.63vw;}
    .input_wrap > li .rt{width:calc(100% - 20.63vw);}
    .subWrap input{height: 9.16vw; line-height: 9.16vw; padding:0 2.60vw; text-overflow: ellipsis; overflow: hidden;}
    .regi_wrap li:first-child input{padding:0 30.6vw 0 2.60vw;}
    .regi_wrap li.pw input{padding:0 19.6vw 0 2.60vw;}
    .pw_show{right:2.60vw; top:2.08vw; font-size: 16px; cursor: pointer;}
    .pw_show i{width: 3.21vw; height: 3.21vw;}
    .login_wrap .btn_wrap{margin-top:9.11vw; flex-wrap:wrap; gap:2.6vw;}
    .login_wrap .btn_wrap a, .submit_btn{width:100%; line-height: 10.11vw; font-size: 3.60vw;}

    .subWrap select{height: 9.16vw; line-height: 9.16vw; background: #FFF url("../../images/sel_ic.svg") no-repeat right 1.95vw center / 3.86vw; padding:0 2.60vw; }
    .login_wrap .regi_txt{font-size: 14px; margin-top:1.30vw;}
    .login_wrap .du_chk{right:1.30vw; line-height: 6vw; padding:0 1.95vw; font-size: 14px;}


    /* modify */
    .modi_wrap{max-width:100%; margin:0 auto 6.51vw;}
    .modi_wrap .req_txt{margin-top: 9.11vw; font-size: 18px;}
    .modi_wrap.story .input_wrap{margin-top:2.95vw;}
    .modi_wrap .input_wrap > li{padding:6.21vw 0; flex-direction:column; gap:4vw;}
    .modi_wrap .input_wrap > li .lt{width:100%}
    .modi_wrap .input_wrap > li .rt{width:100%;}
    .modi_wrap .input_wrap > li .item dl + dl{margin-top:2.95vw;}
    .modi_wrap .input_wrap > li .item dt{margin-bottom:2.30vw;}
    .modi_wrap .input_wrap > li .lt .long br{display:none;}
    .modi_wrap .input_wrap > li .lt .long br.mob{display:block;}
    .modi_wrap .input_wrap > li.ref .lt{display:flex; justify-content:space-between;}
    .modi_wrap .input_wrap > li .lt .add_wrap{margin-top:-1.5vw;}
    .modi_wrap .input_wrap > li .lt .add_wrap span{width: 6.86vw; height: 6.86vw;}
    .modi_wrap .input_wrap > li .lt .add_wrap span.minus{margin-left:0.65vw;}
    .modi_wrap .input_wrap > li .rt .add_wrap span{width: 4vw; height: 4vw;}

    .input_wrap > li.ref .rt .item + .item {margin-top: 3vw;}
    .input_wrap > li.ref .rt .item dl + dl {margin-top: 2.95vw;}

    .subWrap input.checkbox{width: 3.60vw; height: 3.60vw; margin:-0.39vw 0.65vw 0 0;}
    .subWrap textarea{height: 15.42vw; padding:2.60vw; font-size:3.34vw;}
    .modi_wrap .btnWrap{margin-top:7.81vw;}
    .modi_wrap .btnWrap a{font-size: 16px; padding: 2.30vw 3.90vw;}

    .modi_wrap .filtersItem button.toggleDropdown{height: 9.16vw; line-height: 9.16vw; font-size: 18px; padding:0 2.60vw;}
    .modi_wrap .filtersItem .dropDownMenu{top: 10.81vw;}
    .modi_wrap .filtersItem .dropDownMenu ul{max-height:39.30vw;}
    .modi_wrap .filtersItem .dropDownMenu li p{font-size:18px; height:7.86vw; line-height:7.86vw; padding-left: 2.60vw;}
    .modi_wrap .filtersItem button.toggleDropdown::after{width:3.86vw; height: 3.86vw;}
    .modi_wrap .filtersItem .drop-item .bedge{font-size: 14px; padding: 1.70vw 3.60vw;}
    .modi_wrap .filtersItem .drop-item .bedge span{max-width:45.57vw;}

    .select {height: 9.16vw; line-height: 9.16vw; font-size: 18px;}
    .select .selected {padding:0 1.95vw 0 2.60vw;}
    .select .selected .arrow {width: 3.86vw;}
    .select .option_wrap {width: calc(100% + 0.26vw); margin: 0.65vw 0 0 -0.13vw; padding: 0.65vw 1.30vw 0.65vw 0; }
    .select ul {max-height:39.30vw;}
    .select ul li {line-height:7.86vw; padding-left: 2.60vw;}

    .filebox .file_delete{font-size: 13px; padding:1vw 2.95vw; margin-top:2.30vw;}
    .filebox .file_delete i{width: 3.95vw; height: 3.95vw; margin-right:0.9vw; margin-top:-0.5vw;}
    .filebox label {width: 24.53vw; height: 9.16vw; margin-left: 1.30vw; line-height: 9.16vw; font-size:16px;}



    @supports (-webkit-appearance:none) {
        .filterWrap .filterCont{
            padding-bottom: 36.6250vw;
        }
    }
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .filterWrap .filterCont{
            padding-bottom: 38.6250vw;
        }
    }

    /* 컬렉션 목록_필터 팝업 */
    .filterPopup .cont {width: calc(100% - 15vw); top: 25.52vw; padding: 5.21vw 8.91vw;}
    .filterPopup .cont h2 {padding-bottom: 2.21vw; margin-bottom: 1vw; font-size: 15px;}
    .filterPopup .cont h2 img {width: 3.62vw;}
    .filterPopup .list {gap: 3.16vw; flex-direction: column;}
    .filterPopup .list .item {width: 100%;}
    .filterPopup .list ul + ul {margin-top: 6.51vw;}
    .filterPopup .list ul h3 {font-size: 13px; margin-bottom: -0.5vw;}
    .filterPopup .list ul li {font-size: 13px; padding-left: 3.52vw;}
    .filterPopup .list ul li::before {width: 0.91vw; height: 0.91vw; top: 2.99vw;}
    .filterPopup .btn_box {margin-top: 3.21vw; padding-top: 4.21vw; gap: 2.99vw; justify-content: center;}
    .filterPopup .btn_box button {width: calc(50% - 1.43vw); padding: 0; height: 8.81vw; line-height: 10.55vw; font-size: 13px; display: flex; align-items: center; justify-content: center;text-transform: uppercase;}

    .filterPopup .cont .item.objType, .filterPopup .cont .item.mediaType, .filterPopup .cont .item #copyrightTypes {display: none;}

}

@media screen and (max-width:769px){
    .relatedList { display:flex; flex-direction: column; gap:0; margin-bottom: 1.9531vw; }
    .relatedList figure { width:100%; position:relative; }
    .relatedList figure .thumb { width:100%; height:90vw; position:relative; overflow:hidden; border:1px solid #E3E3E3; }
    .relatedList figure .thumb img { position:absolute; top:50%; left:50%; height:100%; transform:translate(-50%, -50%); object-fit: contain; }
    .relatedList figure a { display:flex; flex-direction: column; gap:2.7778vw; }
    .relatedList figure a .contWrap { display:flex; flex-direction: column; gap:0.926vw; }
    .relatedList figure a .textBox .tit { font-size:3vw; font-weight: bold; color:#000; overflow:hidden;text-overflow: ellipsis; white-space:nowrap; }
    .relatedList figure a .placeBox p { font-size:2.25vw; color:#000; }
}

@media screen and (min-width:769px) and (max-width:1080px){
    .relatedList{ display:flex; flex-direction: column; gap:3vw; margin-bottom: 1.9531vw; }
    .relatedList figure { width:30vw; position:relative; }
    .relatedList figure .thumb { width:30vw; height:30vw; position:relative; overflow:hidden; border:1px solid #E3E3E3; }
    .relatedList figure .thumb img { position:absolute; top:50%; left:50%; height:100%; transform:translate(-50%, -50%); object-fit: contain; }
    .relatedList figure a { display:flex; flex-direction: column; gap:2.7778vw; }
    .relatedList figure a .contWrap { display:flex; flex-direction: column; gap:0.926vw; }
    .relatedList figure a .textBox .tit { font-size:1.5vw; font-weight: bold; color:#000; overflow:hidden;text-overflow: ellipsis; white-space:nowrap; }
    .relatedList figure a .placeBox p {font-size:1vw; color:#000; margin-right:1.3889vw; }
}

@media screen and (min-width:1081px){
    .relatedList{ display:flex; flex-direction: column; gap:32px; margin-bottom: 1.9531vw;}
    .relatedList figure { width:324px; position:relative; }
    .relatedList figure .thumb { width:324px; height:324px; position:relative; overflow:hidden; border:1px solid #E3E3E3; }
    .relatedList figure .thumb img { position:absolute; top:50%; left:50%; height:100%; transform:translate(-50%, -50%); object-fit: contain; }
    .relatedList figure a { display:flex; flex-direction: column; gap:30px; }
    .relatedList figure a .contWrap { display:flex; flex-direction: column; gap:10px; }
    .relatedList figure a .textBox .tit { font-size:16px; font-weight: bold; color:#000; overflow:hidden;text-overflow: ellipsis; white-space:nowrap; }
    .relatedList figure a .placeBox p {font-size:11px; color:#000; margin-right:15px; }
}

@media screen and (max-width:1400px){
    .filterWrap{width:350px; /* background:#f1f0f0; border-right:1px solid #8E8E8E; */}
    .filterCont{position:sticky; width:100%; max-width: 350px; height:100vh; overflow:auto; padding:4.2857vw 2.14vw 2.14vw 2.14vw}
    .filterCont::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
    .filterCont::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */ border-radius: 10px;}
    .filterCont::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius: 10px;}
    .filterCont .filtersBox .textWrap{margin-bottom: 2.857vw; display:flex; justify-content: space-between;}
    .filterCont .filtersBox .textWrap .tit{font-size:1.2857vw; font-weight:bold; margin-bottom: 0;}
    .filterCont .filtersBox .textWrap .clear{font-size:0.7143vw; font-weight:bold; display:flex; align-items: end; position: relative; margin-bottom: 0.357vw;}
    .filterCont .filtersBox .textWrap .clear::before{display:block;content:"";position:absolute; top:50%; left:-3.2143vw; margin-top:-0.3571vw; width:1px; height:1.0714vw; background:#BEBEBE;}
    .filterCont .filtersBox .textWrap .clear a{color:#8E8E8E; display:block;}
    .filterCont .filtersBox .textWrap .clear a img{width:1vw; height:1vw; vertical-align: middle;}

    .filtersItem{margin-bottom:2.3571vw;}
    .filtersItem .tit{font-size:0.9286vw; color:#8E8E8E; margin-bottom:1.2143vw;}
    .filtersItem .drop-item{font-size:0.8571vw; color:#8E8E8E; margin-bottom:1.2143vw;}
    .filtersItem .drop-item .bedge{background:#E7E7E7; padding:0.5714vw 1.2143vw; border-radius:1.7857vw; display:inline-block; margin:0 0.2857vw 0.2857vw 0;}
    .filtersItem .drop-item .bedge span{display:inline-block; margin-right:0.5714vw;}
    .filtersItem .drop-item .bedge button{border:0; background:none; color:#8E8E8E; font-weight:bold; font-size:0.9286vw;}
    .filtersItem .dropDownBox{position:relative}

    .filtersItem button.toggleDropdown.on{border-color:#000;}
    .filtersItem button.toggleDropdown.on::after{transform:rotate(180deg);}
    .filtersItem button.toggleDropdown{width:100%; height:3vw; font-size:0.9286vw; padding:0.6429vw 1.2143vw; color:#000; display:inline-flex; align-items: center; justify-content: space-between; background-color: #fff; border:1px solid #E3E3E3; border-radius:0.2857vw; position:relative}
    .filtersItem button.toggleDropdown::after{display:inline-block; content:""; background:url(../../images/dropdown_ico.png) no-repeat; background-size: 1.2857vw; width:1.2857vw; height:1.2857vw;}
    .filtersItem button.toggleDropdown span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

    .filtersItem .dropDownMenu.on{display:block;}
    .filtersItem .dropDownMenu{display:none; z-index:1;border:1px solid #000; border-radius:0.7143vw; background:#fff; position:absolute; top:3.3571vw; width:100%; overflow-x: hidden; padding: 0.3571vw 0.7143vw 0.3571vw 0;}
    .filtersItem .dropDownMenu ul{max-height: 13.3571vw; overflow-y: auto;}
    .filtersItem .dropDownMenu ul::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
    .filtersItem .dropDownMenu ul::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */ border-radius: 10px;}
    .filtersItem .dropDownMenu ul::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius: 10px;}
    .filtersItem .dropDownMenu.top{top:initial; bottom:3.3571vw;}
    .filtersItem .dropDownMenu li p{display:block; font-size: 13px; height:38px; line-height:38px; padding-left:17px; cursor:pointer;}
    .filtersItem .dropDownMenu li p span{color:#8E8E8E !important;}
    .filtersItem .dropDownMenu li:hover p {background:#F5F5F5; color:#000 !important;}

    .filtersItem.file {display: none;}
    .filtersItem.file .dropDownBox {display: none;}
}
@media screen and (min-width:1401px) {
    .filterWrap{width:calc((100vw - 1400px)/2 + 350px); /* background:#f1f0f0; border-right:1px solid #8E8E8E; */}
    .filterCont{position:sticky; float: right; width:100%; max-width: 350px; height:100vh; overflow:auto; padding:4px 30px 30px 30px}
    .filterCont::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
    .filterCont::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */ border-radius: 10px;}
    .filterCont::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius: 10px;}
    .filterCont .filtersBox .textWrap{margin-bottom: 40px; display:flex; justify-content: space-between;}
    .filterCont .filtersBox .textWrap .tit{font-size:18px; font-weight:bold; margin-bottom: 0;}
    .filterCont .filtersBox .textWrap .clear{font-size:10px; font-weight:bold; display:flex; align-items: end; position: relative; margin-bottom: 5px;}
    .filterCont .filtersBox .textWrap .clear::before{display:block;content:"";position:absolute; top:50%; left:-45px; margin-top:-5px; width:1px; height:15px; background:#BEBEBE;}
    .filterCont .filtersBox .textWrap .clear a{color:#8E8E8E; display:block;}
    .filterCont .filtersBox .textWrap .clear a img{width:14px; height:14px; vertical-align: middle;}

    .filtersItem{margin-bottom:33px;}
    .filtersItem .tit{font-size:13px; color:#8E8E8E; margin-bottom:17px;}
    .filtersItem .drop-item{font-size:12px; color:#8E8E8E; margin-bottom:17px;}
    .filtersItem .drop-item .bedge{background:#E7E7E7; padding:8px 17px; border-radius:25px; display:inline-block; margin:0 4px 4px 0;}
    .filtersItem .drop-item .bedge span{display:inline-block; margin-right:8px;}
    .filtersItem .drop-item .bedge button{border:0; background:none; color:#8E8E8E; font-weight:bold; font-size:13px;}
    .filtersItem .dropDownBox{position:relative}

    .filtersItem button.toggleDropdown.on{border-color:#000;}
    .filtersItem button.toggleDropdown.on::after{transform:rotate(180deg);}
    .filtersItem button.toggleDropdown{width:100%; height:42px; font-size:13px; padding:9px 17px; color:#000; display:inline-flex; align-items: center; justify-content: space-between; background-color: #fff; border:1px solid #E3E3E3; border-radius:4px; position:relative}
    .filtersItem button.toggleDropdown::after{display:inline-block; content:""; background:url(../../images/dropdown_ico.png) no-repeat; background-size: 18px; width:18px; height:18px;}
    .filtersItem button.toggleDropdown span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

    .filtersItem .dropDownMenu.on{display:block;}
    .filtersItem .dropDownMenu{display:none; z-index:1;border:1px solid #000; border-radius:10px; background:#fff; position:absolute; top:47px; width:100%; overflow-x: hidden; padding: 5px 10px 5px 0;}
    .filtersItem .dropDownMenu ul{max-height: 189px; overflow-y: auto;}
    .filtersItem .dropDownMenu ul::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
    .filtersItem .dropDownMenu ul::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #878787; /* 스크롤바의 색상 */ border-radius: 10px;}
    .filtersItem .dropDownMenu ul::-webkit-scrollbar-track {background: #D9D9D9; /*스크롤바 뒷 배경 색상*/ border-radius: 10px;}
    .filtersItem .dropDownMenu.top{top:initial; bottom:47px;}
    .filtersItem .dropDownMenu li p{display:block; font-size: 13px; height:38px; line-height:38px; padding-left:17px; cursor:pointer;}
    .filtersItem .dropDownMenu li p span{color:#8E8E8E !important;}
    .filtersItem .dropDownMenu li:hover p {background:#F5F5F5; color:#000 !important;}

    .filtersItem.file {display: none;}
    .filtersItem.file .dropDownBox {display: none;}
}

/* input 자동 완성 배경색 투명 */
input.text_header:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    -webkit-text-fill-color: black !important;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden;}

/* =====================================================
   19. 카드 리스트 간격 통합 정의 (+ Masonry 카드 테두리)
   - 좌우(column-gap): --card-gap
   - 상하(margin-bottom): --card-gap 동일값 적용
   - ★ 마스너리(gallery/simple) 카드 테두리는 바로 아래
     ".itemsAlign_gallery figure, .itemsAlign_simple figure"
     규칙의 `border: 1px solid #c5c5c5;` 한 줄이 정의합니다.
   ===================================================== */

/* ── 공통 변수 ── */
:root {
    --card-gap: 9px;
}

/* ── Gallery / Simple 뷰 (Masonry JS 제어) ── */
.contentWrap .itemWrap .itemsColumn.itemsAlign_gallery,
.contentWrap .itemWrap .itemsColumn.itemsAlign_simple {
    display: block !important;
    overflow: visible !important;
    margin: 0 !important;
}

.contentWrap .itemWrap .itemsColumn.itemsAlign_gallery figure,
.contentWrap .itemWrap .itemsColumn.itemsAlign_simple figure {
    width: calc(25% - 7px) !important;
    box-sizing: border-box;
    border: 1px solid #c5c5c5;               /* PC/모바일 공통 테두리 */
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
    margin-bottom: var(--card-gap) !important;
}

/* 1280px 이하: 3열 */
@media screen and (max-width: 1280px) {
    .contentWrap .itemWrap .itemsColumn.itemsAlign_gallery figure,
    .contentWrap .itemWrap .itemsColumn.itemsAlign_simple figure {
        width: calc(33.333% - 7px) !important;
    }
    .contentWrap .itemWrap .itemsColumn.itemsAlign_gallery .thumb,
    .contentWrap .itemWrap .itemsColumn.itemsAlign_simple .thumb {
        font-size: 2vw;
        color: #bebebe;
    }
}

/* 769px ~ 1100px: 2열 */
@media screen and (min-width: 769px) and (max-width: 1100px) {
    .contentWrap .itemWrap .itemsColumn.itemsAlign_gallery figure,
    .contentWrap .itemWrap .itemsColumn.itemsAlign_simple figure {
        width: calc(50% - 7px) !important;
    }
}

/* 768px 이하: 1열 */
@media screen and (max-width: 768px) {
    .contentWrap .itemWrap .itemsColumn.itemsAlign_gallery figure,
    .contentWrap .itemWrap .itemsColumn.itemsAlign_simple figure {
        width: 100% !important;
    }
    .contentWrap .itemWrap .itemsColumn.itemsAlign_gallery .thumb,
    .contentWrap .itemWrap .itemsColumn.itemsAlign_simple .thumb {
        font-size: 2vw;
    }
}