/* 컬렉션 리스트 */
/********  TAB  ********/
.sub02-1 .tab_wrap {width: 100%; padding-bottom: 20px;}
.sub02-1 .tab_wrap  ul {display: flex; width: 600px; justify-content: space-between; position: relative;}
.sub02-1 .tab_wrap  ul::after {position: absolute; display: block; content: ''; background-color: var(--lightgray-color); bottom: 0; left: 0; width: 100%; height: 100%; z-index:-2;}
.sub02-1 .tab_wrap  ul li { padding: 0 2px; position: relative;}
.sub02-1 .tab_wrap  ul li.active::after {background-color: var(--border-color); display: block; content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: -1;}
.sub02-1 .tab_wrap  ul li.active::before {background-color: var(--border-color); display: block; content:''; position: absolute; left: 50%; transform: translateX(-50%); top: -12px; width: 5px; height: 5px; z-index: -1; border-radius: 100%; animation: tabcircle 0.3s ease;}
.sub02-1 .tab_wrap  ul li a {font-size: 1.5rem; color: #aaa; font-weight: 600;}
.sub02-1 .tab_wrap  ul li.active a {color: #fff;}

@keyframes tabcircle {
    from{top: -20px; opacity: 0;}
    to{top: -12; opacity: 1;}
}

/********  CONTENT  ********/
.colletion_con {border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color); padding: 10px 0;}
.colletion_con .tab_con {display: none;}
.colletion_con .tab_con.active {display: block;}
.colletion_con .colletion_list {padding-bottom: 10px;}
.colletion_con .colletion_list:last-child {padding-bottom: 0; margin-bottom:0;}
.colletion_con .colletion_list ul {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.colletion_con .colletion_list ul li {width: 25%;}
.colletion_con .colletion_list ul li > div {margin: 10px; position: relative; margin-bottom: 10px;}
.colletion_con .colletion_list ul li:nth-last-child(1) > div::after{content: none;}
.colletion_con .colletion_list ul li:nth-child(1) > div::before {content: none;}
.colletion_con .colletion_list ul li:nth-child(2) > div::before {content: none;}
.colletion_con .colletion_list ul li:nth-child(3) > div::before {content: none;}
.colletion_con .colletion_list ul li:nth-child(4) > div::before {content: none;}
.colletion_con .colletion_list ul li > div::after {position: absolute; display: block; content: ''; background-color: var(--border-color); right: -10px; top: 0; width: 1px; height: 96%;}
.colletion_con .colletion_list ul li:nth-child(4n) > div::after {content: none;}
.colletion_con .colletion_list ul li > div::before {position: absolute; display: block; content: ''; background-color: var(--border-color); left: 50%; transform: translateX(-50%); top: -10px; width: 90%; height: 1px;}
.colletion_list ul li div a .img_box{position: relative; padding-bottom: 60%; display: block; background-color: #fff;}


.colletion_list ul li div a .img_box img {height: 100%; overflow: hidden; object-fit: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%;}
.colletion_list ul li div a .text_box {background-color: none; padding:5% 3%; display: flex; align-items: center; justify-content: space-between; z-index: 1;}
.colletion_list ul li div a .text_box::after {position: absolute; content: ''; width: 0; height: 100%; top: 0; right: 0; z-index: -1; background-color: var(--lightgray-color); transition: all 0.3s ease;}
.colletion_list ul li div a:hover .text_box::after{left: 0; width: 100%;}
.colletion_list ul li div a .text_box .title {font-size: 2rem; font-weight: 700; position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 70%;}
.colletion_list ul li div a:hover .title::after {width: 100%; position: absolute; display: block; content: ''; background-color: #373737; height: 1px ; bottom: 0px; left: 50%; transform: translateX(-50%);}
.colletion_list ul li div a .text_box .more {font-size: 1.1rem; color: #666; font-weight: 600;}

@media (max-width:1200px) {
    .colletion_list ul li div a .text_box .title {font-size: 1.5rem;}
    .colletion_list ul li div a .text_box .more {font-size: 0.9rem;}
}
@media (max-width:1024px) {
    .sub02-1 .tab_wrap  ul {width: 300px;}
    .sub02-1 .tab_wrap  ul li a {font-size: 1.2rem;}
    .colletion_list ul li div a .text_box .title {font-size: 1.3rem;}
    .colletion_list ul li div a .text_box .more {font-size: 0.8rem;}
}
@media (max-width:870px) {
    .colletion_list ul li div a .text_box .title {font-size: 1.3rem;}
    .colletion_list ul li div a .text_box .more {font-size: 0.8rem;}
}
@media (max-width:768px) {
    .colletion_con .colletion_list ul li {width: 50%;}
    .colletion_con .colletion_list ul li:nth-child(2n) > div::after {content: none;}
    .colletion_con .colletion_list ul li:nth-child(3) > div::before {content: '';}
    .colletion_con .colletion_list ul li:nth-child(4) > div::before {content: '';}
}
@media (max-width:480px) {
    .colletion_con .colletion_list ul li {width: 100%;}
    .colletion_con .colletion_list ul li:nth-child(2) > div::before {content: '';}
    .colletion_con .colletion_list ul li > div::after {content: none;}

}

/* 컬렉션 리스트 */

/********  TAB  ********/
#tab-contents.tab_wrap {width: 100%; padding-bottom: 20px;}
#tab-contents.tab_wrap  ul {display: flex; width: 600px; justify-content: space-between; position: relative;}
#tab-contents.tab_wrap  ul::after {position: absolute; display: block; content: ''; background-color: var(--lightgray-color); bottom: 0; left: 0; width: 100%; height: 100%; z-index:-2;}
#tab-contents.tab_wrap  ul li { padding: 0 2px; position: relative;}
#tab-contents.tab_wrap  ul li.active::after {background-color: var(--border-color); display: block; content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: -1;}
#tab-contents.tab_wrap  ul li.active::before {background-color: var(--border-color); display: block; content:''; position: absolute; left: 50%; transform: translateX(-50%); top: -12px; width: 5px; height: 5px; z-index: -1; border-radius: 100%; animation: tabcircle 0.3s ease;}
#tab-contents.tab_wrap  ul li a {font-size: 1.5rem; color: #aaa; font-weight: 600;}
#tab-contents.tab_wrap  ul li.active a {color: #fff;}

@keyframes tabcircle {
    from{top: -20px; opacity: 0;}
    to{top: -12; opacity: 1;}
}

@media (max-width:1024px) {
    #tab-contents.tab_wrap  ul {width: 300px;}
    #tab-contents.tab_wrap  ul li a {font-size: 1.2rem;}
}

#inner-contents.collectionListPage { position:relative; }

#inner-contents.collectionListPage .tabMenu { position:absolute; top:-4rem; right:0; justify-content:flex-end; flex-flow:row wrap; width:100%; }
#inner-contents.collectionListPage .tabMenu li { margin-left:30px; }
#inner-contents.collectionListPage .tabMenu li a { position:relative; display:block; color:#8b8b8b; font-size:1.375em; font-weight:700; letter-spacing:-0.025em; }
#inner-contents.collectionListPage .tabMenu li.on a { color:var(--font-color); }
#inner-contents.collectionListPage .tabMenu li.on a::after { content:""; position:absolute; bottom:2px; left:-1px; display:block; width:calc(100% + 2px); height:2px; background-color:var(--font-color); }

#inner-contents.collectionListPage .itemWrap { width:100%; }
#inner-contents.collectionListPage .itemList { margin:0 auto; }
#inner-contents.collectionListPage .itemList .grid-item { width:calc(25% - 6px); box-sizing:border-box; margin-bottom:10px; }
#inner-contents.collectionListPage .itemList .grid-gutter { width:8px; }
#inner-contents.collectionListPage .itemList .grid-item a { display:block; width:100%; padding:8px; border:2px solid var(--main-color); box-sizing:border-box; transition:0.15s; }
#inner-contents.collectionListPage .itemList .grid-item a .imgWrap { position:relative; width:100%; }
#inner-contents.collectionListPage .itemList .grid-item a .imgWrap::after { content:""; position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-color:#000; opacity:0.2; transition:0.15s; }
#inner-contents.collectionListPage .itemList .grid-item a .imgWrap img { display:block; width:100%; }
#inner-contents.collectionListPage .itemList .grid-item a .textWrap { position:absolute; bottom:40px; left:10px; width:145px; padding:0 1em 0 2em; background-color:var(--main-color); box-sizing:border-box; transition:0.15s; }
#inner-contents.collectionListPage .itemList .grid-item a .textWrap::after { content:"→"; position:absolute; top:50%; left:calc(100% - 40px); display:block; width:22px; color:#fff; font-size:1.5em; font-weight:700; opacity:0; transform:translateY(-50%); transition:0.15s; }
#inner-contents.collectionListPage .itemList .grid-item a .textWrap .title { color:#fff; font-size:1.675em; font-weight:700; }

#inner-contents.collectionListPage .itemList .grid-item:hover a { padding:0; border:10px solid var(--main-color); }
#inner-contents.collectionListPage .itemList .grid-item:hover a .imgWrap::after { background-color:#fff; opacity:0.25; }
#inner-contents.collectionListPage .itemList .grid-item:hover a .textWrap { width:calc(100% - 3em); }
#inner-contents.collectionListPage .itemList .grid-item:hover a .textWrap::after { opacity:1; }

@media screen and (max-width:1024px){
    #inner-contents.collectionListPage .itemList .grid-item { width:calc(33.3% - 5.25px); }
    #inner-contents.collectionListPage .itemList .grid-item a .textWrap { width:120px; padding:0 10px 0 15px; }
    #inner-contents.collectionListPage .itemList .grid-item a .textWrap .title { font-size:1.25em; }
    #inner-contents.collectionListPage .itemList .grid-item a .textWrap::after { font-size:1em; left:calc(100% - 30px); }

    #inner-contents.collectionListPage .itemList .grid-item:hover a .textWrap { width:calc(100% - 60px); }
}

@media screen and (max-width:768px){
    #inner-contents.collectionListPage .tabMenu { position:static; justify-content:flex-start; margin-bottom:20px; }
    #inner-contents.collectionListPage .tabMenu li { margin-left:0; margin-right:15px; }
    #inner-contents.collectionListPage .tabMenu li a { font-size:1.25em; }

    #inner-contents.collectionListPage .itemList .grid-item { width:calc(50% - 4px); margin-bottom:8px; }
}

@media screen and (max-width:480px){
    #inner-contents.collectionListPage .tabMenu { margin-bottom:10px; }

    #inner-contents.collectionListPage .itemList .grid-item a { padding:4px; }
    #inner-contents.collectionListPage .itemList .grid-item a .textWrap { bottom:15px; left:6px; width:calc(100% - 12px); padding:0 5px; }
    #inner-contents.collectionListPage .itemList .grid-item a .textWrap::after { left:calc(100% - 20px); }

    #inner-contents.collectionListPage .itemList .grid-item:hover a { border:6px solid var(--main-color); }
    #inner-contents.collectionListPage .itemList .grid-item:hover a .textWrap { width:calc(100% - 12px); }
}

/* 컬렉션 디테일 */

.collection_detail .img_wrap {display: flex; align-items:stretch; column-gap: 2%; height:710px;}
.collection_detail .img_wrap .slider-for{width:70%; max-width:1260px; }
.collection_detail .img_wrap .slider-for .thumb {max-height:710px;}
.collection_detail .img_wrap .slider-for .thumb img {margin:auto; max-height:710px;}
.collection_detail .img_wrap .slider-for .desc {margin-top:1rem; position:absolute; bottom:0; left:0; width:100%; height:auto; background:rgba(0,0,0,0.5); padding: 1rem; box-sizing: border-box; color: #fff;}
.collection_detail .img_wrap .slider-nav{position:relative; width:30%; height:inherit; overflow:hidden;}
.collection_detail .img_wrap .slider-nav:before,
.collection_detail .img_wrap .slider-nav:after {position:absolute; width:100%; height: 80px; left:0; content:''; background:linear-gradient(to top,rgba(0,0,0,0), rgba(0,0,0,0.5))}
.collection_detail .img_wrap .slider-nav:before {top:0;}
.collection_detail .img_wrap .slider-nav:after {bottom:0; background:linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,0.5))}
.collection_detail .img_wrap .slider-nav .slick-prev,
.collection_detail .img_wrap .slider-nav .slick-next {top:0; left:50%; right:auto; width:45px; height:45px; z-index:1; transform: translateX(-50%);}
.collection_detail .img_wrap .slider-nav .slick-list {transform: translateY(-65px);}
.collection_detail .img_wrap .slider-nav .slick-prev{top:25px;}
.collection_detail .img_wrap .slider-nav .slick-next{top:auto; bottom:25px;}
.collection_detail .img_wrap .slider-nav .slick-prev:before,
.collection_detail .img_wrap .slider-nav .slick-next:before {display:block; width:45px; height:45px; background:url('../img/common/icon_slider_arrow.png') no-repeat 0 0/auto; content:''; }
.collection_detail .img_wrap .slider-nav .slick-prev:before{}
.collection_detail .img_wrap .slider-nav .slick-next:before {transform:rotate(180deg)}

.collection_detail .img_wrap .slider-nav .slick-list img{object-fit: cover; object-position: center; max-height:250px; margin:auto;}
.collection_detail .img_wrap .slider-nav .slick-center{width:30%; *height:260px;}
.collection_detail .img_wrap .slider-nav .slick-slide:not(.slick-center){opacity:0.2;}

.collection_detail .detail_con {padding: 3rem 0; border-bottom: 1px solid var(--border-color);}
.collection_detail .detail_con .text_box {padding: 3rem; background-color: var(--lightgray-color);}
.collection_detail .detail_con .text_box .title {font-size: 1.75em; font-weight: 800; margin-bottom: 20px;}
.collection_detail .detail_con .text_box .con {font-size: 1.375em; font-weight: 400; line-height: 1.5em; letter-spacing: -0.025em;}
.collection_detail .detail_con .text_box .dot_list {margin-top: 20px;}
.collection_detail .detail_con .text_box .dot_list li {position: relative; padding-left: 14px;}
.collection_detail .detail_con .text_box .dot_list li::after {position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #373737; width: 4px; height: 4px; border-radius: 100%;
display: block; content: '';}

.collection_detail .search_insert {text-align: center; margin-bottom: 5.375rem; margin-top: 5rem;}
.collection_detail .search_insert form{position:relative;  display:inline-block;}
.collection_detail .search_insert input[type=text]{width:600px; border-bottom:3px solid var(--border-color); font-size: 1.875rem; padding:0 0.5em 0.25em 0; box-sizing: border-box; font-weight: 700;}
.collection_detail .search_insert .btn_search {position:absolute; top:0; right:0; font-size:0; overflow:hidden; width:33px; height:32px; background: url('../img/common/icon_search_bk.png') no-repeat 0 0/contain;}
.collection_detail .title {font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5em;}
.collection_detail small {margin-bottom: 0.5em; display: block;}
.collection_detail .color {color: var(--point-color); }


@media(max-width:1919px){
    .collection_detail .img_wrap {height:auto;}
    .collection_detail .img_wrap .slider-nav .slick-list {transform: translateY(0);}
  }

@media(max-width:1024px){
    .collection_detail .img_wrap {flex-wrap: wrap; row-gap:0.5rem; height:auto;}
    .collection_detail .img_wrap .slider-for{width:100%; }
    .collection_detail .img_wrap .slider-nav{width:100%;}
    .collection_detail .img_wrap .slider-nav:before,
    .collection_detail .img_wrap .slider-nav:after {width:60px; height:100%; }
    .collection_detail .img_wrap .slider-nav:before {top:0; left:0; background:linear-gradient(to left,rgba(0,0,0,0), rgba(0,0,0,0.5))}
    .collection_detail .img_wrap .slider-nav:after {top: 0; bottom:auto; left:auto; right:0; background:linear-gradient(to right,rgba(0,0,0,0), rgba(0,0,0,0.5))}
    .collection_detail .img_wrap .slider-nav .slick-prev,
    .collection_detail .img_wrap .slider-nav .slick-next {top:50%; bottom:auto; transform: translate(0,-50%);}
    .collection_detail .img_wrap .slider-nav .slick-prev {left:0;}
    .collection_detail .img_wrap .slider-nav .slick-next {left:auto; right:0;}

    .collection_detail .img_wrap .slider-nav .slick-prev,
    .collection_detail .img_wrap .slider-nav .slick-next {width: 30px;height:16px;}
    .collection_detail .img_wrap .slider-nav .slick-next:before,
    .collection_detail .img_wrap .slider-nav .slick-prev:before {width: 30px;  height:16px; background-size: contain;}
    .collection_detail .img_wrap .slider-nav .slick-next:before {transform: rotate(-90deg); }
    .collection_detail .img_wrap .slider-nav .slick-prev:before {transform: rotate(90deg);}

    .collection_detail .detail_con .text_box .title {font-size: 1.5em; }
    .collection_detail .detail_con .text_box .con {font-size: 1em;}
  }

  @media(max-width:768px){
    .collection_detail .search_insert form {width: 100%;}
    .collection_detail .search_insert input[type=text] {font-size:1em;}
    .collection_detail .search_insert .btn_search {width:16px; height:16px; background-size:contain;top:5px;}
    .collection_detail .search_insert input[type=text]{width:100%;}
}


/*********팝 업**********/
.sub02-2 #popup {width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);}
.sub02-2 .popup {position: fixed; left: 50%; top: 10%; transform: translateX(-50%); z-index: 9999; width: 70%; /* height: 82vh; */ /* overflow:hidden; */ background-color: #373737; display: none;}
.sub02-2 .popup .top {background-color: var(--border-color);}
.sub02-2 .popup .top .title_wrap {padding: 10px 20px 10px 30px; display: flex; justify-content: space-between; align-items: center;}
.sub02-2 .popup .top .title_wrap p {color: #fff;}
.sub02-2 .popup .top .title_wrap .btn_close {max-width: 20px; cursor: pointer;}
.sub02-2 .popup .body {padding: 3rem 10rem; height:90%; }
.sub02-2 .popup .body .con {position: relative; }
.sub02-2 .popup .body .con img {max-height:50vh; margin:auto;}
/* .sub02-2 .popup .body .text_box {position: absolute; bottom: 0; left: 0; padding: 80px 30px 30px 30px; width:100%; color: #fff; background: linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0.4) 50%, transparent); box-sizing: border-box;}
 */
.sub02-2 .popup .body .text_box {margin-top:1rem; position:absolute; bottom:0; left:0; width:100%; height:auto; background:rgba(0,0,0,0.5); padding: 1rem; box-sizing: border-box; color: #fff;}

.popup .slick-dotted.slick-slider {margin-bottom: 0;}
.popup .slick-dots {text-align: right; right: -15px;}
.popup .slick-dots li button:before {color: #fff;}
.popup .slick-dots li.slick-active button:before {color: #fff; opacity: 1;}
.popup .slick-dots li button:before {font-size: 30px;}
.popup .slick-dots li {margin: 0;}
.popup .slick-prev {background:url(../img/sub/collection_arrowL.png) no-repeat 0 0; left: -60px; width: 30px; height: 30px; z-index: 9999; }
.popup .slick-prev::before {content: none;}
.popup .slick-next::before {content: none;}
.popup .slick-next {background:url(../img/sub/collection_arrowR.png) no-repeat 0 0; right: -60px; width: 30px; height: 30px;  z-index: 9999;}

@media (max-width:1400px) {
    .sub02-2 .popup { width: 90%;}
    .sub02-2 .popup .body {padding: 3rem 4rem;}
}

@media (max-width:1024px) {
    .sub02-2 .popup {width: 100%;}
    .sub02-2 .popup .body {padding: 3rem;}
    .sub02-2 .popup .body .text_box .title {font-size: 1.5em;}
    .sub02-2 .popup .body .text_box .text {font-size: 1em;}
    .sub02-2 .popup .body .text_box {padding: 50px 30px 30px 30px;}
}
@media (max-width:768px) {
    .sub02-2 .popup .body .text_box {position: relative; background-color:#000; padding:30px; margin-top: 35px;}
    .popup .slick-dots {text-align: center; right: auto;}
}
@media (max-width:560px) {
    .sub02-2 .popup .body .text_box {padding:20px;}
    .sub02-2 .popup .body {padding: 1rem;}
}

#mask {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.7);
    z-index:9999;
    display: none;
}
.window{
    display: none;
    position:absolute;
    left:100px;
    top:100px;
    z-index:10000;
  }



  /* 간행물검색 */
.publicationSearch .tabarea {padding: 1rem 0; margin-bottom: 5rem;}
.publicationSearch .tab_menu {display: flex; justify-content: space-around;}
.publicationSearch .tab_menu li {border: 1px solid var(--border-color); background-color: #fff; width: 16.6667%; text-align: center; border-right: none; box-sizing: border-box;}
.publicationSearch .tab_menu li:last-child {border-right: 1px solid var(--border-color);}
.publicationSearch .tab_menu li a{width: 100%; font-size: 1.3rem;padding: 20px 0;}
.publicationSearch .tab_menu li.active {border: none; background-color: var(--border-color);box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; }
.publicationSearch .tab_menu li.active a{color: #fff;}
.publicationSearch .tab_con {display: none;}
.publicationSearch .tab_con.active {display: block;}
.publicationSearch .search_insert {text-align: center; margin-bottom: 5.375rem;}
.publicationSearch .search_insert form {position: relative; display: inline-block;}
.publicationSearch .search_insert input[type=text] {width: 600px; border-bottom: 3px solid var(--border-color); font-size: 1.875rem; padding: 0 0.5em 0.25em 0; box-sizing: border-box; font-weight: 700;}
.publicationSearch .search_insert .btn_search {position: absolute; top: 0; right: 0; font-size: 0; overflow: hidden; width: 33px; height: 32px; background: url(../img/common/icon_search_bk.png) no-repeat 0 0/contain;}
.publicationSearch .tit {font-size: var(--font-size-h3); font-weight: var(--font-weight-h3);}
.publicationSearch_con {margin-top: 3rem; border-top: 2px solid var(--border-color); border-bottom: 1px solid var(--border-color); padding: 5px 0;}
.publicationSearch_con .conlist {display: flex; width: 100%; flex-wrap: wrap;}
.publicationSearch_con li {width: 25%;}
.publicationSearch_con li > div {padding: 0.7rem; position: relative;}
.publicationSearch_con li > div::before {background-color: var(--border-color); position: absolute; display: block; content: ''; left:50%; transform: translateX(-50%); top: 0; width: 90%; height: 1px;}
.publicationSearch_con li:nth-child(1) > div::before{content: none;}
.publicationSearch_con li:nth-child(2) > div::before{content: none;}
.publicationSearch_con li:nth-child(3) > div::before{content: none;}
.publicationSearch_con li:nth-child(4) > div::before{content: none;}
.publicationSearch_con li > div::after {background-color: var(--border-color); position: absolute; display: block; content: ''; right: 0; top: 12px; width: 1px; height: 94%;}
.publicationSearch_con li:nth-child(4n) > div::after{content: none;}
.publicationSearch_con li > div .imgbox {position: relative; padding-bottom: 125%; overflow: hidden;}
.publicationSearch_con li > div .imgbox img {position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%; display: block; width: 100%; height: 100%; object-fit: cover;}
.publicationSearch_con ul li div a .text_box {background-color: none; padding:5%; z-index: 1; position: relative}
.publicationSearch_con ul li div a .text_box::after {position: absolute; content: ''; width: 0; height: 100%; top: 0; right: 0; z-index: -1; background-color: var(--lightgray-color); transition: all 0.3s ease;}
.publicationSearch_con ul li div a:hover .text_box::after{left: 0; width: 100%;}
.publicationSearch_con ul li div a .text_box .title {font-size: 1.7rem; font-weight: bold; padding: 10px 0;}


@media (max-width:1200px) {
    .publicationSearch_con ul li div a .text_box .title {font-size: 1.5rem;}
    .publicationSearch_con ul li div a .text_box .more {font-size: 0.9rem;}
}
@media (max-width:1024px) {
    .sub02-1 .tab_wrap  ul {width: 300px;}
    .sub02-1 .tab_wrap  ul li a {font-size: 1.2rem;}
    .publicationSearch_con ul li div a .text_box .title {font-size: 1.3rem;}
    .publicationSearch_con ul li div a .text_box .more {font-size: 0.8rem;}
}
@media (max-width:870px) {
    .publicationSearch_con ul li div a .text_box .title {font-size: 1.3rem;}
    .publicationSearch_con ul li div a .text_box .more {font-size: 0.8rem;}
}
@media (max-width:768px) {
    .publicationSearch .tab_menu {flex-wrap: wrap;}
    .publicationSearch .tab_menu li {width: 33.3333%; }
    .publicationSearch .tab_menu li:nth-child(1){border-bottom: none;}
    .publicationSearch .tab_menu li:nth-child(2){border-bottom: none;}
    .publicationSearch .tab_menu li:nth-child(3){border-bottom: none; border-right: 1px solid var(--border-color);}
    .publicationSearch .tab_menu li:nth-child(4){border-bottom: none;}
    .publicationSearch .tab_menu li:nth-child(5){border-bottom: none;}
    .publicationSearch .tab_menu li:nth-child(6){border-right: 1px solid var(--border-color);}
    .publicationSearch .tab_menu {display: flex; justify-content: flex-start;}

    .publicationSearch .tab_menu li a{font-size: 1rem;padding: 20px 0;}
     .publicationSearch_con ul li {width: 50%;}
     .publicationSearch_con ul li:nth-child(2n) > div::after {content: none;}
     .publicationSearch_con ul li:nth-child(3) > div::before {content: '';}
     .publicationSearch_con ul li:nth-child(4) > div::before {content: '';}
     .publicationSearch .search_insert input[type=text]{width: 100%;}
}
@media (max-width:480px) {
     .publicationSearch_con ul li {width: 100%;}
     .publicationSearch_con ul li:nth-child(2) > div::before {content: '';}
     .publicationSearch_con ul li > div::after {content: none;}

}


/* 간행물 검색 상세보기 */

.publicationSearchDedail .tit_wrap {position: relative;}
.publicationSearchDedail h3.tit{font-size:var(--font-size-h3); font-weight: var(--font-weight-h3); margin-bottom:1em;}
.publicationSearchDedail .btn_download {position:absolute; top:0; right:0; border: 1px solid #373737;padding: 0.25rem 2rem 0.25rem 3.5rem;border-radius: 2rem; box-sizing: border-box; text-align: center; font-size:1.25rem;}
.publicationSearchDedail .btn_download:before {position: absolute;top: 50%; left:1.8rem; transform:translateY(-50%); content:''; background:url('../img/common/icon_file.png') no-repeat center/auto; width: 21px; height:24px; ;}
.publicationSearchDedail .img_wrap {text-align: center; margin: 1rem 0;}
.publicationSearchDedail .img_wrap img {box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;}

.publicationSearchDedail .items_wrap {margin-top:5rem;}
.publicationSearchDedail .item h4{font-size:1.5rem; font-weight: 700; margin-bottom: 0.5em;}
.publicationSearchDedail .item+.item {margin-top:5rem;}
.publicationSearchDedail .item .detail {display: flex; flex-wrap: wrap;border-top :2px solid var(--border-color)}
.publicationSearchDedail .item .detail dl{display: flex;width: 50%; padding:1rem 0; box-sizing: border-box; border-bottom :1px solid var(--border-color)}
.publicationSearchDedail .item .detail dl dt{font-weight: 700; width:130px;}
.publicationSearchDedail .item .detail dl dd{width:calc(100% - 130px)}

@media (max-width:768px) {
    .publicationSearchDedail .btn_download {position:absolute; top:0.8rem; right: 1.1rem; padding:0; width: 2rem; font-size:0; border:none;}
    .publicationSearchDedail .item .detail dl {width: 100%;}
}