.categoryContents {
    width: 100%;
    display: flex;
    *display: flex;
    zoom: 1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    padding-top: 10px;
    border-top: solid 1px #ddd;
    background: linear-gradient(
            to bottom,
            #f1f3f5 0px,
            #f1f3f5 9px,
            white 10px
    );
}


.categoryContents .cateTopWrap .selectWrap{display:inline-block;*display:inline;zoom:1;float:left; width:210px;}
.categoryContents .cateTopWrap .selectWrap .selectric-wrapper{width:95px;height:29px;line-height:28px;float:left;margin-right:5px;}
.categoryContents .cateTopWrap .gridOption{float:left;height:30px;line-height:29px;font-weight:400;margin-left:15px;}
.categoryContents .cateTopWrap .gridOption span{display: block;float:left;margin-right: 10px;font-size: 12px;position:relative;}
.categoryContents .cateTopWrap .gridOption .gridIcon{height: 20px;margin:4px 0px;cursor:pointer;}
.categoryContents .cateTopWrap .gridOption .grid_check{position:absolute;bottom:-1px;right:-4px;}
.categoryContents .cateTopWrap .chosen-container{height:31px;line-height:30px;}

.categoryTopPage{float:right !important;line-height:29px;text-align:center; padding-right:11px;}
.categoryTopPage span{float:left;}
.categoryTopPage .curPage,.categoryTopPage .maxPage{font-size:14px;display:inline-block;*display:inline;zoom:1;}
.categoryTopPage .curPage{font-weight:bold;}
.categoryTopPage .maxPage{margin-right:8px;}
.categoryTopPage a.prev, .categoryTopPage a.next{border:1px solid #cccccc;display:block; cursor:pointer; height:24px; margin-top:2px;}
.categoryTopPage a.prev{border-right:none;}
.categoryTopPage input[type=text]{width:35px;height:30px;line-height:29px;float:left;box-sizing:border-box;font-size:12px;border:1px solid #cccccc;border-right:none;color:black;margin-left:6px;display:block;;border-top-left-radius:3px;border-bottom-left-radius:3px;text-align:center;}
.categoryTopPage .pagingBtn{width:32px;height:30px;line-height:29px;float: left;font-size:12px;background:gray;color:white;letter-spacing: 0px;display:block;border-top-right-radius:3px;border-bottom-right-radius:3px;cursor:pointer;}

/*190305 수정 한칸 짜리 */
.grid-item .info{width:100%;height:100%;border:3px solid #626262;box-sizing:border-box;position:absolute;top:0;left:0;cursor:pointer;}
.grid-item .info .block1{width:auto;height:37px;padding:0px 11px;position:absolute;left:-3px;right:-3px;bottom:-3px;background:#272d36;box-sizing:border-box;border-top:1px solid #1b2025;}
.grid-item .info .block1 span.icon{display:block;float:left;padding:10px 0px;}
.grid-item .info .block1 span.icon img{width:14px;height:15px;display:block;float: left;margin-left: 2px;}
.grid-item .info .block1 .imageNo{display:block;float:left;line-height:34px;margin-left:4px;text-align:left;font-size:13px;color:#fff;font-weight:bold;letter-spacing:-0.4px;}
.grid-item .info .block2{width:73px;height:36px;padding:0px 4px;position:absolute;right:-3px;bottom:-3px;background:#333c4b;text-align:right;border-top:1px solid #1b2025;border-left:1px solid #1b2025;}
.grid-item .info .block2 .aside{display:black; margin:0; width:auto;}
.grid-item .info .block2 .imagePreview{width:15px;height:15px;float:left;padding:10px 4px;display: inline-block;*display:inline;zoom:1;}
.grid-item .info .block2 .addLightbox{width:18px;height:15px;float:left;padding:10px 4px;display: inline-block;*display:inline;zoom:1;}
.grid-item .info .block2 .fileDownload{width:16px;height:18px;float:left;padding:9px 4px;display: inline-block;*display:inline;zoom:1;}


/*190305 수정 두칸 짜리 */
.grid-item .smallinfo2 .block1{width:auto;height: 63px;padding:0px 11px;position:absolute;left:-3px;right:-3px;bottom:-3px;background:#272d36;box-sizing:border-box;border-top:1px solid #1b2025;}
.grid-item .smallinfo2 .block1 span.icon{display:block;padding: 5px 0 5px 0;height: 10px;}
.grid-item .smallinfo2 .block1 span.icon img{width:14px;height:15px;display:block;float: left;}
.grid-item .smallinfo2 .block1 .imageNo{display:block;line-height: 24px;text-align:left;font-size:13px;color:#fff;font-weight:bold;letter-spacing:-0.4px; }
.grid-item .smallinfo2 .block2{width:100%;height:36px;padding:0px 2px;position:absolute;left: -3px;bottom:-3px;background:#333c4b;text-align:right;border-top:1px solid #1b2025;border-left:1px solid #1b2025;}
.grid-item .smallinfo2 .block2 .aside{display:table; margin:0 auto; width:74px;}
.grid-item .smallinfo2 .block2 .imagePreview{width:15px;height:15px;float:left;padding:10px 4px;display: inline-block;*display:inline;zoom:1;}
.grid-item .smallinfo2 .block2 .addLightbox{width:18px;height:15px;float:left;padding:10px 4px;display: inline-block;*display:inline;zoom:1;}
.grid-item .smallinfo2 .block2 .fileDownload{width:16px;height:18px;float:left;padding:9px 4px;display: inline-block;*display:inline;zoom:1;}

/*190220 수정 세칸짜리*/
.grid-item .smallinfo3 .block1{width:auto;height: 80px;padding:0px 11px;position:absolute;left:-3px;right:-3px;bottom:-3px;background:#272d36;box-sizing:border-box;border-top:1px solid #1b2025;}
.grid-item .smallinfo3 .block1 span.icon{display:block;padding: 5px 0 5px 0;height: 10px;}
.grid-item .smallinfo3 .block1 span.icon img{width:14px;height:15px;display:block;float: left;}
.grid-item .smallinfo3 .block1 .imageNo{display:block;line-height: 21px;text-align:left;font-size:13px;color:#fff;font-weight:bold;letter-spacing:-0.4px; float:none; clear:both; margin-left:1px;}
.grid-item .smallinfo3 .block2{width:calc(100% - 3px); height:36px;padding:0px 4px;position:absolute;left: -3px;bottom:-3px;background:#333c4b;text-align:right;border-top:1px solid #1b2025;border-left:1px solid #1b2025;}
.grid-item .smallinfo3 .block2 .aside{display:table; margin:0 auto; width:74px;}
.grid-item .smallinfo3 .block2 .imagePreview{width:15px;height:15px;float:left;padding:10px 4px;display: inline-block;*display:inline;zoom:1;}
.grid-item .smallinfo3 .block2 .addLightbox{width:18px;height:15px;float:left;padding:10px 4px;display: inline-block;*display:inline;zoom:1;}
.grid-item .smallinfo3 .block2 .fileDownload{width:16px;height:18px;float:left;padding:9px 4px;display: inline-block;*display:inline;zoom:1;}
/*190220 수정*/

.grid-item .smallinfo4 .block1{width:auto;height: 63px;padding:0px 11px;position:absolute;left:-3px;right:-3px;bottom:-3px;background:#272d36;box-sizing:border-box;border-top:1px solid #1b2025;}
.grid-item .smallinfo4 .block1 span.icon{display:block;padding: 5px 0 5px 0;height: 10px;}
.grid-item .smallinfo4 .block1 span.icon img{width:14px;height:15px;display:block;float: left;}
.grid-item .smallinfo4 .block1 .imageNo{display:block;line-height: 24px;text-align:left;font-size:13px;color:#fff;font-weight:bold;letter-spacing:-0.4px; }
.grid-item .smallinfo4 .block2 {width:100%;height:36px;padding:0px 2px;position:absolute; right:55px;background:#333c4b;text-align:center;border-top:1px solid #1b2025;border-left:1px solid #1b2025;}
.grid-item .smallinfo4 .block2 .aside{display:table; margin:0 auto; width:74px;float:center;}
.grid-item .smallinfo4 .block2 .imagePreview{width:15px;height:15px;float:left;padding:10px 4px;display: inline-block;*display:inline;zoom:1;}
.grid-item .smallinfo4 .block2 .addLightbox{width:18px;height:15px;float:left;padding:10px 4px;display: inline-block;*display:inline;zoom:1;}
.grid-item .smallinfo4 .block2 .fileDownload{width:16px;height:18px;float:left;padding:9px 4px;display: inline-block;*display:inline;zoom:1;}


/*.fileDownWrap{width:81px;position:relative;right:0;top:36px;;z-index:7;cursor: default;}*/
.fileDownWrap{width:81px;right:0;top:36px;;z-index:7;cursor: default;}

.fileDownWrap .downImg{width:100%;background:#6b717c;text-align: left;}
.fileDownWrap .downImg .inner{height:29px;border-bottom:1px solid #3d444b;}
.fileDownWrap .downImg .inner.last{border-bottom:none;}
.fileDownWrap .fileLink{height:29px;line-height:28px;font-size:11px;color:white;text-align:center;display:block;box-sizing:border-box;position:relative;}
.fileDownWrap .fileLink.active{color:#37c54e;background:#4a4d53;}

.fileDownWrap_two {width:81px;position:absolute;left:28px;top:36px;;z-index:7;cursor: default;}
.fileDownWrap_two .downImg{width:100%;background:#6b717c;text-align: left;}
.fileDownWrap_two .downImg .inner{height:29px;border-bottom:1px solid #3d444b;}
.fileDownWrap_two .downImg .inner.last{border-bottom:none;}
.fileDownWrap_two .fileLink{height:29px;line-height:28px;font-size:11px;color:white;text-align:center;display:block;box-sizing:border-box;position:relative;}
.fileDownWrap_two .fileLink.active{color:#37c54e;background:#4a4d53;}


/*.categoryContents .gridWrap{*/
/*    min-height: 750px;*/
/*    display: inline-block;*/
/*    zoom: 1;*/
/*    position: relative;*/
/*    width: calc(100% - 30px);*/
/*    left: 60px;*/
/*    margin: -15px 0 0 -90px;*/
/*}*/

/*.categoryContents.js-view-filter .gridWrap {*/
/*    left: 60px;*/
/*    width: calc(100% + 30px);*/
/*}*/

/*.gridWrap .grid-item {background:white;!* margin:0px 9px 9px 0px; *!padding:3px;float:left;}*/

.gridWrap .grid-item .imageThumbnail img{image-rendering: -webkit-optimize-contrast;
    /*transform: translateZ(0);*/ -webkit-transform-style: preserve-3d; -webkit-perspective: 0px; backface-visibility: hidden;}
/*
.gridWrap .horizontal{height:270px;float:left;position:relative;}
*/
.gridWrap .horizontal .imageThumbnail img{height:270px;}

/* 세로형 */
.gridWrap .vertical {margin-right:8px; margin-bottom:8px;}
.gridWrap .vertical .imageThumbnail img{max-width:259px;}

.gridWrap .vertical .imageThumbnail_close img{max-width:244px;}
.gridWrap .vertical .imageThumbnail_open img{max-width:259px;max-height:100%}

/* 세로형 */

/* 기본형 */
.gridWrap .square{width:165px;height:165px; margin-right:9.7px; margin-bottom:8px;}
.gridWrap .square .imageThumbnail img{max-width:165px;max-height:165px;width:auto;height:auto;margin:auto;position:absolute;left:0;right:0;top:0;bottom:0;}
/* 기본형 */


.gridWrap .beautyicon {float: right;background: url(/resource/images/sub/list_icon.png) no-repeat 90%; width: 100px; height: 50px;position: relative;margin-left: -100px;}
.gridWrap .anippticon {float: right; background: url(/resource/images/sub/list_icon_anippt.png) no-repeat 90%;width: 100px; height: 50px;position: relative; margin-left: -100px;}
.gridWrap .dualanippticon {float: right;background: url(/resource/images/sub/list_icon_anippt.png) no-repeat 90%; width: 100px;height: 50px;position: relative;margin-right: 45px;}
.gridWrap .footageicon {float: right;background: url(/resource/images/sub/list_icon_footage.png) no-repeat 90%; width: 100px;height: 50px;position: relative; margin-left: -100px;}
.gridWrap .motionicon {float: right;background: url(/resource/images/sub/list_icon_motion.png) no-repeat 90%; width: 100px;height: 50px;position: relative; margin-left: -100px;}


.gridOption span:hover .triangle-border{display:block;}
.gridOption span:hover .horizontalIcon{}
.triangle-border{width:37px;height:16px;line-height:16px;font-size:11px;text-align:center;position:absolute;border:1px solid #4273d7;color:#4273d7;background:#fff;top:-21px;left: -5px;display:none; font-family:'Nanum Gothic', sans-serif;}
.triangle-border:before{content:"";display:block;position:absolute;bottom:-9px;left:13px;width:0;height:0;border:4px solid transparent;border-top-color: #4273d7;}
.triangle-border:after{content:"";display:block;position:absolute;bottom:-8px;left:13px;width:0;height:0;border:4px solid transparent;border-top-color: #ffffff;}

.catePageWrap{width: 370px;text-align:center;font-size:14px;display: table;*display:inline;zoom:1;margin: 40px auto;}
.catePageWrap .prevText, .catePageWrap .nextText{font-weight:bold;cursor:pointer;padding:0px 20px;line-height: 20px; color:black;}
.catePageWrap .prevText:hover, .catePageWrap .nextText:hover{color:black;}
.catePageWrap .prev, .catePageWrap .next{cursor:pointer;}
.catePageWrap .prevText:hover, .nextText:hover{text-decoration:underline;}
.catePageWrap .pageNo{height:30px;line-height: 27px;display:inline-block;*display:inline;zoom:1;margin-top: -4px;float: left;}
.catePageWrap .pageNo span{float:left;display:block;margin-left:2px; font-weight:400;}
.catePageWrap input[type=text]{width:30px;height:30px;line-height:29px;box-sizing:border-box;border:1px solid #cccccc;border-radius:2px;text-align:center;float:left;margin-top: -1px;font-size: 13px;}
.catePageWrap a{display:inline-block;*display:inline;zoom:1;float: left;}
.catePageWrap a img{vertical-align:middle;}
.ie_z_index{z-index: 4;}


/*!
 * Justified Gallery - v3.6.5
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2018 Miro Mannino
 * Licensed under the MIT license.
 */
.justified-gallery {
    width: 100%;
    position: relative;
    /* overflow: hidden; */
    padding-right:15px;
}

.justified-gallery > a,
.justified-gallery > div,
.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > figure > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img,
.justified-gallery > figure > a > img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    border: none;
}

.justified-gallery > .entry-visible {
    filter: "alpha(opacity=100)";
    opacity: 1;
    background: none;
}

.justified-gallery > .entry-visible > img,
.justified-gallery > .jg-filtered {
    display: none;
}

.justified-gallery > .spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    overflow: initial;
}

.justified-gallery > .spinner > span {
    display: inline-block;
    filter: "alpha(opacity=0)";
    opacity: 0;
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-radius: 6px;
}