.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 {
    width: 100%;
    margin-left: 0;
    transition: all .2s;
    padding: 40px 50px 0 60px;
}

.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;
}

.gridOption {
    display: flex;
    width: 118px;
    height: 42px;
    box-sizing: border-box;
    border: 1px solid #BFBFBF;
    border-radius: 5px;
    overflow: hidden;
}

.gridOption .gridIcon {
    cursor: pointer;
    text-indent: -999999px;
    flex: 1 1;
    height: 100%;
    display: block;
    background: #fff url('/resource/images/main/renewal/2024/horizontal_off.png') no-repeat center;
}

.gridOption .gridIcon.on,
.gridOption .gridIcon:hover {
    background-color: #E6F0FE;
    background-image: url('/resource/images/main/renewal/2024/horizontal_on.png');
}

.gridOption .gridIcon.squareIcon {
    background-image: url('/resource/images/main/renewal/2024/vertical_off.png');
}

.gridOption .gridIcon.squareIcon.on,
.gridOption .gridIcon.squareIcon:hover {
    background-color: #e6f0fe;
    background-image: url('/resource/images/main/renewal/2024/vertical_on.png');
}

.gridOption .gridIcon.verticalIcon {
    border-left: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
    background-image: url('/resource/images/main/renewal/2024/square_off.png');
}

.gridOption .gridIcon.verticalIcon.on,
.gridOption .gridIcon.verticalIcon:hover {
    background-color: #e6f0fe;
    background-image: url('/resource/images/main/renewal/2024/square_on.png');
}

.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: 124px;
}

.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;
}

.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 .fileOpenWrap {
    display: inline-block;
}

.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: absolute;
    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: #678AF3;
    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;
    position: relative;
    margin-top: 30px;
}


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

.gridWrap .grid-item > a {
    border: 1px solid #efefef;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}

.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 {
    background: url(/resource/images/sub/list_icon.png) no-repeat 90%;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 10px;
    top: 10px;
}
/* renewal_ai */
.iconWrap {
    display: flex;
    gap: 2px;  
    position: absolute;
    top: 8px;
    left: 8px;
}

.iconWrap .aiicon {
	
		background: url(/resource/images/sub/t_ai_x2.png) no-repeat;
 
		background: -webkit-image-set(
		url(/resource/images/sub/t_ai.png) 1x,
		url(/resource/images/sub/t_ai_x2.png) 2x,
		url(/resource/images/sub/t_ai_x3.png) 3x,
		url(/resource/images/sub/t_ai_x4.png) 4x
		) no-repeat;

		background: image-set(
		url(/resource/images/sub/t_ai.png) 1x,
		url(/resource/images/sub/t_ai_x2.png) 2x,
		url(/resource/images/sub/t_ai_x3.png) 3x,
		url(/resource/images/sub/t_ai_x4.png) 4x
		) no-repeat;

		background-size: 38px 20px;
		width: 38px;
		height: 20px;
    
}
.iconWrap .newbeautyicon {
			/* Fallback: 기본 2배 이미지 */
			background: url(/resource/images/sub/t_medical_x2.png) no-repeat;
			/* 최신 브라우저용 고해상도 대응 */
			background: -webkit-image-set(
			url(/resource/images/sub/t_medical.png) 1x,
			url(/resource/images/sub/t_medical_x2.png) 2x,
			url(/resource/images/sub/t_medical_x3.png) 3x,
			url(/resource/images/sub/t_medical_x4.png) 4x
			) no-repeat;
			background: image-set(
			url(/resource/images/sub/t_medical.png) 1x,
			url(/resource/images/sub/t_medical_x2.png) 2x,
			url(/resource/images/sub/t_medical_x3.png) 3x,
			url(/resource/images/sub/t_medical_x4.png) 4x
			) no-repeat;
			background-size: 53px 20px;
			width: 53px;
			height: 20px;
   
}
/* renewal_ai */

.gridWrap .anippticon {
    float: right;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.gridWrap .dualanippticon {
    float: right;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.gridWrap .footageicon {
    float: right;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.gridWrap .motionicon {
    float: right;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 10px;
    top: 10px;
}

.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: max-content;
    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: 22px;
    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: -4px 20px 0;
    float: left;
}

.catePageWrap .pageNo span {
    float: left;
    display: block;
    margin-left: 2px;
    font-weight: 400;
}

.catePageWrap .pageNo span.maxPage {
    margin-top: 1px;
}

.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;
}

.catePageWrap a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    float: left;
}

.catePageWrap a img {
    vertical-align: middle;
    padding: 0 20px 2px 0;
}

.catePageWrap .next img {
    padding: 0 0 2px 20px;
}

.ie_z_index {
    z-index: 4;
}

.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;
}

.custom-select,
.toggle-box {
    position: relative;
}

.select-items {
    display: none;
}

.toggle-box.active .select-items,
.custom-select.active .select-items {
    display: block;
}

.custom-select input {
    display: none;
}

.toggle-box label.select-selected,
.custom-select label.select-selected {
    display: block;
    border: 1px solid #BFBFBF;
    border-radius: 30px;
    width: 100%;
    height: 43px;
    line-height: 42px;
    color: #5D666F;
    cursor: pointer;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 14px;
    font-family: "Noto Sans KR", sans-serif;
    background: #F7F7F7;
    padding: 0 18px;
    letter-spacing: -0.25px;
}

.custom-select label.select-selected {
    background: #fff;
    border-color: #2B2C2D;
}

.toggle-box input:checked + label,
.custom-select input:checked + label,
.toggle-box.has_item .select-selected {
    border-color: #678af3;
    color: #678af3;
    background: #fff;
}

.toggle-box label.select-selected::after,
.custom-select label.select-selected::after {
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    border-bottom: 2px solid #5D666F;
    border-right: 2px solid #5D666F;
    position: absolute;
    top: 16px;
    right: 20px;
}

.toggle-box input:checked + label.select-selected::after,
.custom-select input:checked + label.select-selected::after {
    top: 20px;
    transform: rotate(225deg);
    border-color: #678af3;
}

.toggle-box.has_item .select-selected:after {
    border-color: #678af3;
}

.toggle-box input:checked ~ .select-items,
.custom-select input:checked ~ .select-items {
    display: block;
}

.toggle-box .select-items {
    display: none;
    position: absolute;
    background: #fff;
    top: 52px;
    left: 0;
    right: 0;
    border: 1px solid #e4e4e4;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
    z-index: 999;
    box-sizing: border-box;
    font-size: 16px;
}

.custom-select .select-items {
    display: none;
    position: absolute;
    background: #fff;
    top: 50px;
    left: 0;
    right: 0;
    border: 1px solid #e4e4e4;
    border-radius: 15px;
    padding: 14px 18px;
    box-shadow: 5px 5px 16px rgba(0, 0, 0, 0.1);
    z-index: 999;
    box-sizing: border-box;
    font-size: 14px;
}

.toggle-box .select-items input[type="radio"],
.custom-select .select-items input[type="radio"] {
    display: none;
}

.toggle-box .select-items label,
.custom-select .select-items label {
    display: block;
    padding: 4px;
}

.custom-select .select-items label {
    height: 25px;
    line-height: 25px;
    color: #9E9E9E;
    padding: 2px;
    font-size: 13px;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
}

.detail_box {
    padding-top: 20px;
}

.detail_box .inner {
    display: flex;
    justify-content: space-between;
}

.categoryContents.fixed .categoryHeader {
    padding-bottom: calc(73px + 40px);
}
.categoryContents.fixed .categoryHeader.not_filter_list {
    padding-bottom: 63px;
}

.categoryContents.fixed .detail_box {
    position: fixed;
    top: 115px;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 20px 0 0;
    z-index: 99;
}

.categoryContents.fixed .not_filter_list .detail_box {
    padding: 20px 0;
    border-bottom: 1px solid #E4E4E4;
    box-shadow: 0px 5px 13px rgba(77, 77, 77, 15%);
}

.categoryContents.fixed .detail_box .sort_box > * {
    display: none;
}

.categoryContents.fixed .detail_box .sort_box .custom-select:first-child {
    display: block;
}

.categoryContents.fixed .detail_box + .filter_list {
    position: fixed;
    top: 178px;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 0px 0 13px;
    border-bottom: 1px solid #E4E4E4;
    box-shadow: 0px 5px 13px 0px rgba(77, 77, 77, 10%);
}

.categoryContents.fixed .detail_box .inner {
    min-width: 1180px;
    margin: 0 50px;
}

.categoryContents.fixed .detail_box + .filter_list .inner {
    min-width: 1180px;
    margin-left: 65px;
}

.research_box,
.sort_box {
    display: flex;
}

.sort_box > div + div,
.research_box > div + div {
    margin-left: 8px;
}

.research_box .toggle-box .select-items label {
    color: #000;
    font-weight: 500;
}

.research_box .toggle-box .select-items input {
    width: 100%;
    display: block;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0 15px;
    color: #535557;
    margin-top: 7px;
    box-sizing: border-box;
    height: 43px;
    line-height: 44px;
    font-size: 13px;
    letter-spacing: -0.5px;
}

.research_box .toggle-box .select-items input::placeholder {
    color: #9C9EA4;
}

.research_box .research_keyword.toggle-box .select-items input + label {
    margin-top: 15px;
}

.toggle-box .select-items label[for=inSearch],
.toggle-box .select-items label[for=delSearch] {
    cursor: default;
}

.toggle-box .select-items label[for=inSearch]:hover,
.toggle-box .select-items label[for=delSearch]:hover {
    color: #000;
}

.toggle-box .select-items label[for=popular_rate],
.custom-select .select-items label[for=popular_rate] {
    margin-top: 7px;
}

.toggle-box .select-items label:hover,
.custom-select .select-items label:hover {
    color: #678AF3;
}

.toggle-box .select-items .searchBtn {
    width: 100%;
    display: block;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #678af3;
    border-radius: 5px;
    margin-top: 15px;
    cursor: pointer;
    letter-spacing: -.25px;
}


.checkbox.toggle-box .select-items .grid {
    display: flex;
    flex-wrap: wrap; /* 3개씩 나란히 배치되도록 wrap 설정 */
    margin: -2.5px; /* 간격을 맞추기 위해 음수 마진 추가 */
}

.checkbox.toggle-box .select-items input {
    display: none;
}

.checkbox.toggle-box .select-items input + label {
    width: 70px;
    height: 35px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    color: #535557;
    letter-spacing: -.25px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*flex: 0 1 69px; !* 3열로 배치되도록 설정 *!*/
    margin: 2.5px; /* 5px 간격을 위해 각각 2.5px margin */
    box-sizing: border-box; /* 패딩, 테두리를 포함한 너비 계산 */
}

.checkbox.toggle-box .select-items input:checked + label {
    background: #e6f0fe;
    border-color: #b3c4f9;
    color: #5e86e8;
}

.checkbox.toggle-box .select-items label:hover {
    border-color: #000;
    color: #535557;
}

.toggle-box.align_type .select-items .grid {
    display: block;
}

.toggle-box.file_type .select-items .grid {
    width: 225px;
}

.checkbox.toggle-box.align_type .select-items input + label {
    width: 100%;
}

.toggle-box.person_type .select-items > .grid {
    display: flex;
    flex-wrap: wrap; /* 2열로 배치되도록 설정 */
    margin: -20px -15px 40px; /* 간격을 맞추기 위해 음수 마진 추가 */
    height: 325px; /* 고정 높이 */
}

.toggle-box.person_type .select-items .grid .grid {
    display: flex;
    flex-wrap: wrap; /* 내부에 2열로 배치되도록 설정 */
    margin: 20px 14px;
    width: 241px; /* 2열로 배치하고 간격 조정 */
    box-sizing: border-box; /* 패딩, 테두리를 포함한 너비 계산 */
}

.toggle-box.person_type .select-items .grid .grid label {
    width: 115px; /* 2열로 배치하고 간격 조정 */
    box-sizing: border-box;
}

.toggle-box.person_type .select-items .grid.count {
    height: 115px;
}

.toggle-box.person_type .select-items .grid.view {
    position: relative;
    top: -80px;
}

.checkbox.toggle-box.person_type .select-items input + label {
    letter-spacing: -1px;
}

.sort_box .custom-select {
    width: 120px;
}

.person_button_wrap {
    display: flex;
    justify-content: center;
}

.toggle-box .select-items .person_button_wrap button {
    width: 152px;
    display: block;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 0;
}

.toggle-box .select-items .person_button_wrap button.person_reset {
    color: #6B7784;
    border: 1px solid #6B7784;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
    letter-spacing: -0.25px;
}

.toggle-box .select-items .person_button_wrap button.person_reset::before {
    background: url('/resource/images/main/renewal/2024/person_reset.png') 100% center;
    width: 14px;
    height: 15px;
    display: block;
    content: '';
    margin-right: 5px;
    margin-top: -1px;
}

.filter_list .inner,
.filter_list ul,
.filter_list ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;

    height: 100%;
}

.filter_list .inner {
    font-size: 15px;
    letter-spacing: -1.2px;
    color: #797979;
    height: 40px;
    margin-top: 10px;
    margin-left: 15px;
    position: relative;
}

.filter_list .inner::before {
    width: 82px;
    height: 7px;
    background: #b5ecff;
    content: '';
    display: block;
    position: absolute;
    bottom: 13px;
    left: -3px;
}

.filter_list .filter_list_title {
    font-weight: 500;
    color: #2b2c2d;
    position: relative;
    z-index: 1;
    font-size: 13px;
    letter-spacing: -.25px;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
}

.filter_list .filter_list_title + .division {
    color: #000;
}

.filter_list .division {
    margin: 0 12px;
}

.filter_list ul li + li {
    margin-left: 20px;
}

.filter_list ul li p {
    display: flex;
    align-items: center;
}

.filter_list ul li p span {
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    padding-right: 4px;
    color: #797979;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
}

.filter_list ul li p span.division {
    margin: 0;
}

.filter_list li .delete {
    position: relative;
    width: 12px;
    height: 12px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.filter_list li .delete::before,
.filter_list li .delete::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #a0a0a0;
    top: 0;
    left: 50%;
    transform-origin: center;
}

.filter_list li .delete::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.filter_list li .delete::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.filter_list li .reset {
    padding-top: 6px;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);

    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    background: #f1f3f5;
    width: 80px;
    height: 30px;
    color: #2b2c2d;

    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    border-radius: 30px;
    font-size: 13px;
}

.filter_list li .reset::before {
    margin-top: 2px;
    margin-right: 5px;
    width: 12px;
    height: 13px;
    content: '';
    display: block;
    background: url('/resource/images/main/renewal/2024/reset.png') 100% center / cover;
}

/* uso: Force-applied grid item CSS for 2024 renewal */

/*.categoryContents .gridWrap.square {*/
/*    min-height: 750px;*/
/*    position: relative;*/
/*    margin-top: 30px;*/
/*    display: grid;*/
/*    gap: 10px;*/
/*    grid-template-rows: repeat(5, 1fr);*/
/*    height: max-content !important;*/
/*}*/

/*.categoryContents .gridWrap.square.row-5 {*/
/*    grid-template-rows: repeat(5, 1fr);*/
/*}*/

/*.categoryContents .gridWrap.square.row-7 {*/
/*    grid-template-rows: repeat(7, 1fr);*/
/*}*/

/*.categoryContents .gridWrap.square.row-9 {*/
/*    grid-template-rows: repeat(9, 1fr);*/
/*}*/

/*.categoryContents .gridWrap.square.row-10 {*/
/*    grid-template-rows: repeat(10, 1fr);*/
/*}*/

/*.categoryContents .gridWrap.square.row-13 {*/
/*    grid-template-rows: repeat(13, 1fr);*/
/*}*/

/*.categoryContents .gridWrap.square.row-15 {*/
/*    grid-template-rows: repeat(15, 1fr);*/
/*}*/

/*.categoryContents .gridWrap.square.row-17 {*/
/*    grid-template-rows: repeat(17, 1fr);*/
/*}*/

/*.categoryContents .gridWrap.square.row-19 {*/
/*    grid-template-rows: repeat(19, 1fr);*/
/*}*/

/*.categoryContents .gridWrap.square.row-20 {*/
/*    grid-template-rows: repeat(20, 1fr);*/
/*}*/

/*.categoryContents .gridWrap.square.row-25 {*/
/*    grid-template-rows: repeat(25, 1fr);*/
/*}*/

/*.gridWrap.square.columns-8 {*/
/*    grid-template-columns: repeat(8, 1fr);*/
/*}*/

/*.gridWrap.square.columns-10 {*/
/*    grid-template-columns: repeat(10, 1fr);*/
/*}*/

/*.gridWrap.square.columns-12 {*/
/*    grid-template-columns: repeat(12, 1fr);*/
/*}*/

/*.gridWrap.square.columns-13 {*/
/*    grid-template-columns: repeat(13, 1fr);*/
/*}*/

/*.gridWrap.square .grid-item {*/
/*    float: none !important;*/
/*    position: relative !important;*/
/*    top: auto !important;*/
/*    left: auto !important;*/
/*    margin: 0 !important;*/
/*    width: 100% !important;*/
/*    height: max-content !important;*/
/*}*/

/*.gridWrap.square .grid-item > a {*/
/*    border: 1px solid #efefef;*/
/*    display: block;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    width: 100%;*/
/*    padding-top: 100%;*/
/*}*/

/*.gridWrap.square .grid-item .info {*/
/*    width: calc(100% + 1px);*/
/*    height: calc(100% + 1px);*/
/*}*/

/*.gridWrap.square .imageThumbnail img {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    max-width: none;*/
/*    max-height: none;*/
/*    margin: 0;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    object-fit: contain;*/
/*}*/

/*@media (max-width: 1280px) {*/
/*    .categoryContents .gridWrap.square {*/
/*        grid-template-columns: repeat(5, 1fr);*/
/*    }*/
/*}*/

/*.gridWrap.square.columns-4 {*/
/*    grid-template-columns: repeat(4, 1fr)*/
/*}*/

/*.gridWrap.square.columns-5 {*/
/*    grid-template-columns: repeat(5, 1fr)*/
/*}*/

/*.gridWrap.square.columns-6 {*/
/*    grid-template-columns: repeat(6, 1fr)*/
/*}*/

/*.gridWrap.square.columns-7 {*/
/*    grid-template-columns: repeat(7, 1fr)*/
/*}*/

/*.gridWrap.square.columns-8 {*/
/*    grid-template-columns: repeat(8, 1fr)*/
/*}*/

/*.gridWrap.square.columns-9 {*/
/*    grid-template-columns: repeat(9, 1fr)*/
/*}*/

/*.gridWrap.square.columns-10 {*/
/*    grid-template-columns: repeat(10, 1fr)*/
/*}*/

/*.gridWrap.square.columns-11 {*/
/*    grid-template-columns: repeat(11, 1fr)*/
/*}*/

/*.gridWrap.square.columns-12 {*/
/*    grid-template-columns: repeat(12, 1fr)*/
/*}*/

/*.categoryContents .gridWrap.vertical {*/
/*    min-height: 750px;*/
/*    position: relative;*/
/*    margin-top: 30px;*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: space-between;*/
/*    height: max-content !important;*/
/*}*/

/*.gridWrap.vertical .grid-new-wrap {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 10px;*/
/*}*/

/*.gridWrap.vertical.columns-3 .grid-new-wrap {*/
/*    width: calc(100% / 3 - 10px);*/
/*}*/

/*.gridWrap.vertical.columns-4 .grid-new-wrap {*/
/*    width: calc(100% / 4 - 10px);*/
/*}*/

/*.gridWrap.vertical.columns-5 .grid-new-wrap {*/
/*    width: calc(100% / 5 - 10px);*/
/*}*/

/*.gridWrap.vertical.columns-6 .grid-new-wrap {*/
/*    width: calc(100% / 6 - 10px);*/
/*}*/

/*.gridWrap.vertical.columns-7 .grid-new-wrap {*/
/*    width: calc(100% / 7 - 10px);*/
/*}*/

/*.gridWrap.vertical.columns-8 .grid-new-wrap {*/
/*    width: calc(100% / 8 - 10px);*/
/*}*/

/*.gridWrap.vertical.columns-9 .grid-new-wrap {*/
/*    width: calc(100% / 9 - 10px);*/
/*}*/

/*.gridWrap.vertical.columns-10 .grid-new-wrap {*/
/*    width: calc(100% / 10 - 10px);*/
/*}*/

/*.gridWrap.vertical.columns-11 .grid-new-wrap {*/
/*    width: calc(100% / 11 - 10px);*/
/*}*/

/*.gridWrap.vertical.columns-12 .grid-new-wrap {*/
/*    width: calc(100% / 12 - 10px);*/
/*}*/

/*.gridWrap.vertical .grid-item {*/
/*    float: none !important;*/
/*    position: relative !important;*/
/*    top: auto !important;*/
/*    left: auto !important;*/
/*    margin: 0 !important;*/
/*    width: 100%;*/
/*    height: max-content;*/
/*}*/

/*.gridWrap.vertical .grid-item > a {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    width: 100%;*/
/*    height: max-content;*/
/*}*/

/*.gridWrap.vertical .imageThumbnail img {*/
/*    width: 100%;*/
/*    height: auto;*/
/*    display: block;*/
/*    max-width: none;*/
/*    max-height: none;*/
/*}*/

/*.gridWrap.vertical .grid-item .info {*/
/*    width: calc(100% + 1px);*/
/*    height: calc(100% + 1px);*/
/*}*/


.gridWrap .grid-item > a {
    box-sizing: border-box;
}

/* 상세 검색 내 페이지네이션 추가 */
.sort_box {
    margin-left: auto;
}

.categoryContents.fixed .detail_box .pagination {
    display: none;
}

.detail_box .pagination {
    margin-left: 20px;
}

.detail_box .pagination .catePageWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

    margin: 0;
    color: #9C9EA4;
}


.detail_box .pagination .btnPrev,
.detail_box .pagination .btnNext {
    float: none;
    display: block;
    content: '';
    width: 14px;
    height: 14px;
    transform: rotate(130deg);
    -webkit-transform: rotate(130deg);

    border-bottom: 1px solid #5D666F;
    border-right: 1px solid #5D666F;
    box-sizing: border-box;
}

.detail_box .pagination .btnNext {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.catePageWrap input[type=text] {
    display: block;
    width: 100%;
    min-width: 40px;
    max-width: 70px;
}

.detail_box .pagination .catePageWrap input {
    color: #5D666F;
    float: none;
    border-radius: 4px;
    height: 43px;
    line-height: 43px;
    text-align: right;
    padding: 0 15px;
    margin-right: 7px;
}

.catePageWrap .pageNo {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;

}

.detail_box .pagination .catePageWrap .pageNo {
    margin: 0 15px;
    height: auto;

    line-height: 1;
    text-align: right;
}