@charset "utf-8"; 


.aboutRISSw .contentTopInfo2 > div{padding-left:145px;background-image:url(../images/aboutIco.png);}
.aboutRISSw .contentTopInfo2.dbCurrent > div{padding-left:145px;background-image:url(../images/dbCurrentIco.png);}
.tabContW{padding-top:50px;}
.tabContW .cont .tit{margin:0 20px 14px;color:#141414;font-size:16px;}
.tabContW .cont .txt{color:#787878;font-size:14px;letter-spacing:-0.5px}
.tabContW .cont .txt > p{margin:0 28px;color:#787878;font-size:14px;line-height:22px;}
.tabContW .cont .txt  .bold{color:#111;}
.tabContW .cont .guideList{margin:0 28px;}
.tabContW .cont .guideList > li{padding-left:6px;background:url(../images/bar.png) no-repeat left 11px;line-height:22px;}
.tabContW .cont .dataList{margin:25px 17px 0;overflow:hidden;}
.tabContW .cont .dataList > li{float:left;width:114px;height:114px;margin-left:17px;text-align:center;background:url(../images/circleBg.png) no-repeat center center;}
.tabContW .cont .dataList > li:first-child{margin-left:0;}
.tabContW .cont .dataList > li p.cnt{margin-bottom:4px;padding-top:42px;color:#272727;font-size:16px;}
.tabContW .cont .dataList > li p.cnt span{font-family:RobotoB;}
.tabContW .cont .dataList > li p.type{color:#272727;font-size:14px;}
.tabContW .cont .imgBox{position:relative;width:927px;margin:14px 0 0 14px;text-align:right;-webkit-box-shadow: 1px 3px 9px 3px rgba(0,0,0,0.1);box-shadow: 1px 3px 9px 3px rgba(0,0,0,0.1);}
.tabContW .cont .imgBox p.link{position:absolute;top:160px;right:178px;color:#141414;font-size:20px;font-family:NotoSansKRM;text-align:center;}
.tabContW .cont .imgBox p.link span{display:block;margin-top:12px;}
.tabContW .cont .imgBox p.link .goTo{display:inline-block;padding-bottom:3px;color:#505050;font-size:14px;font-family:RobotoM;border-bottom:1px solid #000;}

/* 연혁 */
.history.cont .tt{margin-bottom:16px;color:#141414;font-size:16px;}
.divHistory {margin-bottom:90px}
.divHistory > ul > li{padding:34px 0 30px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.divHistory dl{padding:0 30px;overflow:hidden;}
.divHistory dl dt{float:left;width:224px;color:#000;font-size:28px;font-family:RobotoB;line-height:25px;}
.divHistory dl dd{float:left;width:560px;margin-left:95px;}
.divHistory dl dd > ul > li{position:relative;margin-top:7px;}
.divHistory dl dd > ul > li:first-child{margin-top:0;}
.divHistory dl dd > ul > li .year{position:absolute;left:0;top:4px;color:#000;font-size:15px;font-family:RobotoB;}
.divHistory dl dd > ul > li > div{margin-left:78px;color:#666;font-size:15px;line-height:24px;}
.tabContW .history .guideList{margin:7px 0;}
.tabContW .history .guideList > li{margin-top:6px;}
.tabContW .history .guideList > li:first-child{margin-top:0;}

.serviceHistory .servTit {margin-bottom:56px;color:#232677;font-size:21px;letter-spacing: -0.1em;}
.serviceHistory .titPoint {color:#fe7c0b;font-size:21px;letter-spacing: -0.025em;}
.serciveCont:not(:last-child) {margin-bottom:16px}
.serciveCont .servSubTitW {position:relative;}
.serciveCont .servSubTitW::after {content:"";display:block;position:absolute;bottom:4px;right:0;width:100%;height:1px;background:#d1d1d1;z-index: -2;}
.serciveCont .servSubTit {position:relative;display:inline-block;color:#010101;font-size:14px;line-height: 1;}
.serciveCont .servSubTit::after {content:"";display:block;position:absolute;top:2px;left:0;width:calc(100% + 6px);height:100%;background:#fff;z-index: -1;}

.serciveCont .list {margin-top:34px;padding-top:22px;font-size:0}
.sercivePc .list>li {display:inline-block;margin:0 36px 56px 0}
.sercivePc .list>li:nth-of-type(3n) {margin-right:0}
.serciveMo .list>li {display:inline-block;margin:0 47px 56px 0}
.serciveMo .list>li:nth-of-type(4n) {margin-right:0}
.serciveCont .list>li .imgAreaW {position:relative}
.serciveCont .list>li .imgAreaW .year {position:absolute;top:-22px;right:0;width:57px;height:57px;background:#1e2c5d;color:#fff;line-height: 57px;text-align: center;border-radius: 100%;font-size:13px}
.sercivePc .list>li .imgArea {border:1px solid #efefef;border-radius: 28px;box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.05);-webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.05);overflow: hidden;}
.sercivePc .list>li .imgArea img {width:290px;height:auto}
.serciveMo .list>li .imgArea {border:1px solid #efefef;border-radius: 30px;box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.05);-webkit-box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.05);overflow: hidden;}
.serciveMo .list>li .imgArea img {width:200px;height:auto}

/* DB현황 */
.tabContW .dbStats{margin:0 20px;}
.dbStats .infoBox dl{overflow:hidden;}
.dbStats .infoBox dl dt{float:left;width:179px;height:59px;}
.dbStats .infoBox dl dd{margin-left:200px;padding-top:6px;height:59px;color:#141414;font-size:16px;line-height:23px;}
.dbStats .infoBox dl dd .goTo{display:inline-block;width:16px;height:16px;margin-left:4px;text-indent:-9999px;background:url(../images/goTo.png) no-repeat 0 0;vertical-align:middle}
.dbStats .infoBox dl dd p a{color:#787878;font-size:13px;}
.dbStats .infoBox dl dd p a:hover{text-decoration:underline;}
.dbStats .infoBox .txtBox{margin-top:20px;}
.dbStats .infoBox .txtBox p{color:#787878;font-size:14px;line-height:22px;}
.dbStats .divData p{margin:0 4px;color:#191919;font-size:17px;line-height:24px;text-align: center;letter-spacing: -0.025em;}
.dbStats .divData .dbList{margin-top:14px;padding:48px 40px 56px 64px;border:1px solid #d1d1d1;}
.dbStats .divData .dbList ul{margin-top:84px;overflow:hidden;}
.dbStats .divData .dbList ul li{float:left;width:31%;padding:3px 6px;color:#070707;font-size:16px;line-height:22px;letter-spacing:-0.5px}
/* 해외 */
.dbState{position:relative;padding-top:50px;}
.dbState thead{top: 0;width:100%;height:50px;background-color:#f3f3f3;}
.dbState thead tr{width:100%;}
.dbState thead tr th{width:43px;position:sticky; top:-1px;}
.dbState thead tr th:first-child{width:114px;}
.dbState tbody td{padding:9px 0;width:26px;}
.dbState tbody td:first-child{width:97px;}
.scroll{height:570px;overflow-y:auto;}

/* 이용안내 */
.tabContW .guideCont{display:none;}
.tabContW .guideCont.on{display:block;}
.tabContW .guideCont .divVideo{width:689px;margin:0 auto;}
.tabContW .guideCont .videoW{width:689px;height:387px;margin:65px auto 0;}
.tabContW .guideCont .infoTxt{margin-top:13px;font-size:14px;color:#1c1c1c;}
.tabContW .guideCont .webtoonW{width:602px;margin:25px auto 0;}
.tabContW .guideCont .webtoonW ul{border:1px solid #d7d7d7;}
.infoRtxt{margin-top:14px; font-size:13px; text-align:right ;}
.tabContW .guideCont .infoFileW{margin-top:25px;}
.tabContW .guideCont .infoFileW .img{width:689px;height:417px;margin:0 auto;}
.guideCont .dnldBtnW{margin-top:47px;text-align:center;}
.guideCont .dnldBtnW a{display:inline-block;height:45px;margin-left:14px;padding:0 35px 0 55px;color:#1c1c1c;font-size:14px;border:1px solid #d7d7d7;line-height:45px;background:url(../images/dnld.png) no-repeat left 16px center;}
.guideCont .dnldBtnW a:first-child{margin-left:0;}
.guideCont .dnldBtnW a .sTxt{font-size:12px;}
.tabContW .guideCont .leafletW{position:relative;margin:0 auto;width:947px;}
.tabContW .guideCont .img{text-align:center;}
.leafletW .tabLanguage{overflow:hidden;}
.leafletW .tabLanguage > li{float:left;}
.leafletW .tabLanguage > li > a{display:inline-block;min-width:50px;padding:10px 12px;color:#6c6c6c;font-size:14px;text-align:center;border:1px solid #ccc;border-left:none;border-bottom:none;}
.leafletW .tabLanguage > li.on > a{background-color:#fe7c0b;color:#fff;}
.leafletW .tabLanguage > li:first-child > a{border-left:1px solid #ccc;}
div.leafletW .arrRight{position:absolute;right:-14px;top:253px;}
div.leafletW .arrLeft{position:absolute;left:-18px;top:253px;}
.leaflet > p > img{width:100%;}
div.leaflet .leafletDownBtn{position: absolute;bottom: 80px;right: 80px;}

/* 뉴스레터 상단 */
.newsletterCont .contentTopInfo2 > div{padding-left:145px;background-image:url(../images/newsletterIco.png);}


/* BI 다운로드 */
.biDnldCont .innerCont{margin:0 10px;}
.biDnldCont .innerCont h3.tit{margin-bottom:20px;color:#141414;font-size:16px;}
.biDnldCont .biArea > ul{overflow:hidden;}
.biDnldCont .biArea > ul > li{float:left;width:286px;margin-left:33px;margin-bottom:25px;}
.biDnldCont .biArea > ul > li:nth-child(3n+1){margin-left:0;}
.biDnldCont .biArea > ul > li .imgBox{display:table;position:relative;width:284px;height:228px;border:1px solid #d5d5d5;}
.biDnldCont .biArea > ul > li .imgBox > p{display:table-cell;text-align:center;vertical-align:middle}
.biDnldCont .biArea > ul > li .imgBox > p img{vertical-align:middle}
.biDnldCont .biArea > ul > li .imgBox span.info{display:block;position:absolute;bottom:22px;left:0;width:100%;color:#141414;font-size:14px;font-family:RobotoB;text-align:center;}
.biDnldCont .biArea > ul > li .btnW{margin-top:21px;text-align:center;}
.biDnldCont .biArea > ul > li .btnW a{display:inline-block;width:81px;height:26px;margin-left:5px;color:#000;font-size:12px;font-family:RobotoB;text-align:center;line-height:25px;background-color:#e4e4e4;}
.biDnldCont .biArea > ul > li .btnW a:first-child{margin-left:0;}
.biDnldCont .biArea > ul > li .btnW a > span{display:inline-block;padding-left:29px;background:url(../images/dnldOff.png) no-repeat left 4px;}
.biDnldCont .biArea > ul > li .btnW a:hover{background-color:#f45b00;color:#fff;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;}
.biDnldCont .biArea > ul > li .btnW a:hover > span{background:url(../images/dnldOn.png) no-repeat left center;}
.biDnldCont .biArea .txtInfo{margin-top:44px;}
.biDnldCont .biArea .txtInfo p{color:#585858;font-size:14px;line-height:20px;}
.biDnldCont .biArea .txtInfo p a{display:inline-block;color:#000;font-size:14px;font-family:RobotoB;}

/* 홍보관 */
.rissExhibit .banner img {border:1px solid #dbdbdb}
.tagSearchW {margin-top:20px;text-align: right;}
.tagSearchW .tagSelect {display:inline-block;width:144px;height:50px;margin-right:6px;padding:0 36px 0 20px;color:#585858;border:1px solid #cccccc;border-radius: 8px;background:url(../images/selArrow1.png) no-repeat right 20px center;font-family:Pretendard,sans-serif;font-size:16px;-webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;box-sizing: border-box;vertical-align: top;}
.tagSearchW .tagSelect ::-ms-expand{display: none;}
.tagSearchW .tagSearch {display:inline-block;position:relative;width:264px;height:50px;background:#f5f5f5;border-radius: 8px;vertical-align: top;}
.tagSearchW .tagSearch .tagSearchInput {position:absolute;top:0;left:0;width:100%;height:100%;padding:0 40px 0 20px;border:none;background:transparent;outline: none;box-sizing: border-box;color:#585858;font-family:Pretendard,sans-serif;font-size:16px;}
.tagSearchW .tagSearch .tagSearchInput::placeholder {color:#585858;font-family:Pretendard,sans-serif;font-size:16px;}
.tagSearchW .tagSearch .tagSearchBtn {position:absolute;width:18px;height:100%;top:0;right:20px;background:url(../images/tabSearchBtn.png) no-repeat center transparent;border:none;text-indent: -9999px;cursor: pointer;}

.cardNews {margin-top:44px}
.aboutTitArea {display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: center; -ms-flex-align: center; align-items: center;border-bottom:2px solid #000;padding-bottom:16px}
.aboutTitArea .tit {color:#232323;font-family: NotoSansKRM,sans-serif;font-size:24px;letter-spacing: -0.05em;}
.aboutTitArea .exhibitMore {display:block;color:#fff;padding:6px 26px 5px 18px;background:url(../images/exhibitMore.png) no-repeat right 14px center #232323;text-align: center;border-radius: 20px;}

.cardCont {margin-top:20px;width:970px;margin-left:-10px}
.cardSlide {float:left}
.cardSlideW.slick-initialized .cardSlide {float:none} 
.cardSlide>ul {font-size:0}
.cardSlide>ul>li {display:inline-block;width:304px;margin:0 3px 26px 13px}
.cardSlide>ul>li:nth-of-type(3n) {margin-right:0}
.cardSlide .cardItem {display:block}
.cardSlide .cardItem .imgArea {display:block;position:relative;width:304px;height:304px;border:1px solid #e1e1e1;border-radius: 20px;box-shadow: -5px 5px 12.35px 0.65px rgba(0, 0, 0, 0.16);-webkit-box-shadow: -5px 5px 12.35px 0.65px rgba(0, 0, 0, 0.16);overflow: hidden;}
.cardSlide .cardItem .imgArea::after {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index: 1;opacity: 0;transition:.3s;}
.cardSlide .cardItem:hover .imgArea::after {opacity: 1;}
.cardSlide .cardItem .imgArea>img {width:100%;height:100%}
.cardSlide .cardItem .imgArea .many {position:absolute;top:14px;right:14px;width:28px;height:28px;z-index: 2;}
.cardSlide .cardItem .type {display:block;max-width:95%;padding-left:8px;margin-top:24px;color:#4a9cbe;font-size:15px;letter-spacing: -0.05em;font-family: NotoSansKRM,sans-serif;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-bottom:2px}
.cardSlide .cardItem .txt {display:block;max-width:95%;padding-left:8px;margin-top:6px;color:#262626;font-family: NotoSansKRM,sans-serif;font-size:18px;letter-spacing: -0.05em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-bottom:2px}

.cardSlideW .slick-prev {display:none !important}
.cardSlideW .slick-next {position:absolute;top:326px;right:-64px;width:48px;height:48px;background:url(../images/slideRight.png) no-repeat;border:none;text-indent: -9999px;cursor: pointer;}

/* 카드 리스트 */
.listPage {padding-bottom:55px;border-bottom:1px solid #e8e8e8}
.cardList>ul {font-size:0}
.cardList>ul>li {display:inline-block;width:304px;margin:0 3px 26px 13px}
.cardList>ul>li:nth-of-type(3n) {margin-right:0}
.cardList .cardItem {display:block}
.cardList .cardItem .imgArea {display:block;position:relative;width:304px;height:304px;border:1px solid #e1e1e1;border-radius: 20px;box-shadow: -5px 5px 12.35px 0.65px rgba(0, 0, 0, 0.16);-webkit-box-shadow: -5px 5px 12.35px 0.65px rgba(0, 0, 0, 0.16);overflow: hidden;}
.cardList .cardItem .imgArea::after {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index: 1;opacity: 0;transition:.3s;}
.cardList .cardItem:hover .imgArea::after {opacity: 1;}
.cardList .cardItem .imgArea>img {width:100%;height:100%}
.cardList .cardItem .imgArea .many {position:absolute;top:16px;right:25px;width:18px;height:18px;background:url(../images/many.png) no-repeat;z-index: 2;}
.cardList .cardItem .type {display:block;max-width:95%;padding-left:8px;margin-top:24px;color:#4a9cbe;font-size:15px;letter-spacing: -0.05em;font-family: NotoSansKRM,sans-serif;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-bottom:2px}
.cardList .cardItem .txt {display:block;max-width:95%;padding-left:8px;margin-top:6px;color:#262626;font-family: NotoSansKRM,sans-serif;font-size:18px;letter-spacing: -0.05em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-bottom:2px}


.detailLayer {position: fixed;width: 100%;top:0;left:0; z-index: 300;visibility: hidden;}
.layerContW {position:relative;width: 1080px}
.layerCont {position: fixed; background: #fff;left:50%; top: 50%;transform: translate(-50%, -50%); width: 1080px;margin:0 auto; visibility: hidden;opacity: 0;; transition: 0.5s;z-index: 300;box-shadow: -21px 24px 25.65px 1.35px rgba(0, 0, 0, 0.17);-webkit-box-shadow: -21px 24px 25.65px 1.35px rgba(0, 0, 0, 0.17);}
.detailLayer::after {content: "";display: block;  width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: 0.5s;}
/* .cardDetailLayer.on {top: 0; left: 0;} */
.detailLayer.on {visibility: visible;}
.detailLayer.on::after {opacity: 1;}
.detailLayer.on .layerCont {opacity: 1;;visibility: visible;}
.cardDetailClose {display:block;position:absolute;top:0;right:-92px;width:54px;height:50px;background:url(../images/layerClose.png) no-repeat;text-indent: -9999px;}
.videoDetailClose {display:block;position:absolute;top:0;right:-92px;width:54px;height:50px;background:url(../images/layerClose.png) no-repeat;text-indent: -9999px;}
.themeDetailClose {display:block;position:absolute;top:0;right:-92px;width:54px;height:50px;background:url(../images/layerClose.png) no-repeat;text-indent: -9999px;}

.layerInner {overflow-y: auto;max-height:1700px;}
.layerInner .layerSlideW {float:left;width:645px;height:645px}
.layerInner .slideInfo {float:left;width:calc(100% - 645px)}

.layerInner .layerSlide .layerItem {float:left}
.layerInner .layerSlide.slick-initialized .layerItem {float:none}
.layerInner .layerSlide .slick-slide {height:645px}
.layerInner .layerSlide .layerItem img {width:645px;height:auto;image-rendering: -webkit-optimize-contrast;}
.layerInner .layerSlide .slick-prev {position:absolute;top:56%;left:16px;transform: translateY(-50%);-webkit-transform: translateY(-50%);width:56px;height:56px;background:url(../images/layerPrev.png) no-repeat;border:none;z-index: 1;text-indent: -9999px;cursor: pointer;}
.layerInner .layerSlide .slick-next {position:absolute;top:56%;right:16px;;transform: translateY(-50%);-webkit-transform: translateY(-50%);width:56px;height:56px;background:url(../images/layerNext.png) no-repeat;border:none;z-index: 1;text-indent: -9999px;cursor: pointer;}
.slideInfo .textArea {padding:40px 32px 28px 32px}
.slideInfo .textArea .txt {color:#232323;font-family:Pretendard,sans-serif;font-size:15px;line-height: 21px;}
.slideInfo .textArea .txt .hashtag {color:#007bd1}
.slideInfo .infoBottom {border-top:1px solid #efefef;border-bottom:1px solid #efefef;padding:16px 20px 16px 32px;overflow: hidden;}
.slideInfo .infoBottom .writer {float:left;max-width:70%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-family:PretendardM;font-size:15px;color:#151515;line-height: 20px;}
.slideInfo .infoBottom .function {float:right;font-size: 0;}
.slideInfo .infoBottom .function a:not(:last-child) {margin-right:16px}
.slideInfo .infoBottom .function .export {display:inline-block;width:20px;height:20px;background:url(../images/export.png);text-indent: -9999px;}
.slideInfo .infoBottom .function .share {display:inline-block;width:20px;height:20px;background:url(../images/share.png);text-indent: -9999px;}
.slideInfo .infoBottom .function .copy {display:inline-block;width:20px;height:20px;background:url(../images/copy.png);text-indent: -9999px;}

/* 동영상 */
.rissVideo {margin-top:80px}
.videoCont {margin-top:20px;width:970px;margin-left:-10px}
.videoSlideW .slick-list {padding-left:15px}
.videoSlideW .slick-slide {width:304px;margin:0 4px 26px 13px}
.videoSlideW .videoSlide  {float:left}
.videoSlideW.slick-initialized .videoSlide {float:none} 
.videoItem {display:block}
.videoItem .videoArea {display:block;position:relative;width:304px;height:171px;border:1px solid #e1e1e1;border-radius: 20px;box-shadow: -5px 5px 12px rgba(0, 0, 0, 0.16);;overflow: hidden;}
.videoItem .videoArea video {width:100%;height:100%}
.videoItem .playIco {display:block;position:absolute;top:14px;right:12px;width:20px;height:22px;background:url(../images/playIco.png) no-repeat;text-indent: -9999px;}
.videoItem .type {display:block;max-width:95%;padding-left:8px;margin-top:24px;color:#4a9cbe;font-size:15px;letter-spacing: -0.05em;font-family: NotoSansKRM,sans-serif;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-bottom:2px}
.videoItem .txt {display:block;max-width:95%;padding-left:8px;margin-top:6px;color:#262626;font-family: NotoSansKRM,sans-serif;font-size:18px;letter-spacing: -0.05em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-bottom:2px}

.videoSlideW .slick-prev {display:none !important}
.videoSlideW .slick-next {position:absolute;top:64px;right:-64px;width:48px;height:48px;background:url(../images/slideRight.png) no-repeat;border:none;text-indent: -9999px;cursor: pointer;}

/* 비디오 레이어 */
.layerVideo {position:relative;width:100%;height:100%;background:#000}
.layerVideo video {position:absolute;top:50%;left:0;transform: translateY(-50%);width:100%;height:100%;}

/* 비디오 리스트 */
.videoList>ul {font-size:0}
.videoList>ul>li {display:inline-block;width:304px;margin:0 3px 26px 13px}
.videoList>ul>li:nth-of-type(3n) {margin-right:0}
.videoList .cardItem {display:block}
.videoList .cardItem .imgArea {display:block;position:relative;width:304px;height:304px;border:1px solid #e1e1e1;border-radius: 20px;box-shadow: -5px 5px 12.35px 0.65px rgba(0, 0, 0, 0.16);-webkit-box-shadow: -5px 5px 12.35px 0.65px rgba(0, 0, 0, 0.16);overflow: hidden;}
.videoList .cardItem .imgArea>img {width:100%;height:100%}
.videoList .cardItem .imgArea .many {position:absolute;top:16px;right:25px;width:18px;height:18px;background:url(../images/many.png) no-repeat}
.videoList .cardItem .type {display:block;max-width:95%;padding-left:8px;margin-top:24px;color:#4a9cbe;font-size:15px;letter-spacing: -0.05em;font-family: NotoSansKRM,sans-serif;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-bottom:2px}
.videoList .cardItem .txt {display:block;max-width:95%;padding-left:8px;margin-top:6px;color:#262626;font-family: NotoSansKRM,sans-serif;font-size:18px;letter-spacing: -0.05em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-bottom:2px}


/* 테마논문 리스트 */
.themeCont {margin-top:70px}
.themeList>ul {margin:0 33px;font-size:0}
.themeList>ul>li {display:inline-block;margin:0 30px 30px 30px}
.themeList>ul>li>.title {color:#7e7e7e;text-align:left;text-indent:0;font-size:16px; line-height:1;margin-top:5px;font-family: NotoSansKRM;}
.themeList>ul>li>a {display:block;width:378px;height:230px}
.themeList>ul>li>a img {width:378px;height:230px}

/* 테마논문 레이어 */
.themeDetailLayer .thTitArea {padding:48px 0 44px 0;background: #3e57b1;}
.themeDetailLayer .thTitArea .tit {color: #fff;font-family:GmarketM,sans-serif;font-size:24px;letter-spacing: -0.05em;text-align: center;line-height: 1.2;}
.themeDetailLayer .thList>ul>li {padding:20px 0 0 20px;;transition:.2s;-webkit-transition:.2s}
.themeDetailLayer .thList>ul>li:hover {background:#f1f3f9}
.themeDetailLayer .thList>ul>li:not(:last-child) {border-bottom:1px solid #dedede}
.themeDetailLayer .thList>ul>li .titArea::after {content:"";display:block;clear:both}
.themeDetailLayer .thList>ul>li .titArea .type {float:left;padding:9px 17px 5px 17px;border-radius: 20px;color:#fff;font-size:15px;letter-spacing: -0.05em;}
.themeDetailLayer .thList>ul>li .titArea .degree {background:#3acdd2}
.themeDetailLayer .thList>ul>li .titArea .academic {background:#813ad2}
.themeDetailLayer .thList>ul>li .title {display:block;margin: 0 0 8px 95px;color:#1a1a1a;font-size:18px;letter-spacing: -0.05em;line-height: 1.2;line-height: 30px;}
.themeDetailLayer .thList>ul>li .info {margin:0 0 23px 8px; padding:0 0 0 85px}
.themeDetailLayer .thList>ul>li .info li {display:inline-block;position:relative;color:#7e7e7e;font-size:15px;letter-spacing: -0.01em;line-height: 21px;}
.themeDetailLayer .thList>ul>li .info li:not(:last-child) {padding-right:11px;margin-right:5px}
.themeDetailLayer .thList>ul>li .info li:not(:last-child)::after {content:"";display:block;position:absolute;top:5px;right:0;width:1px;height:10px;background:#949494}

.themeDetailLayer .layerInner {overflow: hidden;max-height:none;}
.themeDetailLayer .thList {max-height:700px;overflow-y: auto;margin:20px 16px 20px 24px;padding-right:8px}
.themeDetailLayer .thList::-webkit-scrollbar {width:5px}
.themeDetailLayer .thList::-webkit-scrollbar-thumb {background:#495b6a;border-radius: 5px;}
.themeDetailLayer .thList::-webkit-scrollbar-track {background:#d3d9de;border-radius: 5px;}

/* DB연계현황 검색창 추가 */
.libSearchW {margin:40px 0 0 0}
.libSearch1 {position:relative;width:600px;height:60px;margin:0 auto;background:#f5f5f5;border-radius: 5px;border:1px solid #d9d9d9;}
.libSearch1 input[type="text"] {position:absolute;width:100%;height:100%;padding:0 50px 0 20px;background:transparent;color:#585858;font-size:16px;font-family:Pretendard,sans-serif;border:none;outline:none;box-sizing: border-box;}
.libSearch1 input[type="text"]::placeholder {color:#585858;font-size:16px;font-family:Pretendard,sans-serif}
.libSearch1 input[type="button"] {position:absolute;top:0;right:20px;width:18px;height:100%;background:url(../images/tabSearchBtn.png) no-repeat center;text-indent: -9999px;border:none;cursor: pointer;}

/* 레이어 팝업 내부 슬라이드 추가 */
.cardDetailLayer .layerCont {height:945px}
.cardDetailLayer .layerCont .hiddenBox {position:relative;width:1080px;height:645px;overflow: hidden;}
.cardDetailSlideW {position:absolute;width:20000px;}
.cardDetailSlideW::after {content:"";display:block;clear:both}
.layerInner {float:left;width:1080px}
.cardDetailLayer .cardBtns .cardPrev {position:absolute;top:50%;left:-70px;transform: translateY(-50%);width:32px;height:58px;background:url(../images/cardLeft.png);text-indent: -9999px;}
.cardDetailLayer .cardBtns .cardNext {position:absolute;top:50%;right:-70px;transform: translateY(-50%);width:32px;height:58px;background:url(../images/cardRight.png);text-indent: -9999px;}

.videoDetailLayer .layerCont {height:645px}
.videoDetailLayer .layerCont .hiddenBox {position:relative;width:1080px;height:645px;overflow: hidden;}
.videoDetailSlideW {position:absolute;width:20000px;}
.videoDetailSlideW::after {content:"";display:block;clear:both}
.layerInner {float:left;width:1080px}
.videoDetailLayer .videoBtns .videoPrev {position:absolute;top:50%;left:-70px;transform: translateY(-50%);width:32px;height:58px;background:url(../images/cardLeft.png);text-indent: -9999px;}
.videoDetailLayer .videoBtns .videoNext {position:absolute;top:50%;right:-70px;transform: translateY(-50%);width:32px;height:58px;background:url(../images/cardRight.png);text-indent: -9999px;}

