<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#photoVideoWrap {
    padding-top: 78px;
}
#photoVideoWrap .page-title-box {
    padding-bottom: 30px;
    border-bottom: 1px solid #C1CAD2;
    position: relative;
    margin-bottom: 80px;
}
#photoVideoWrap .page-title-box:before {
    content:'';
    display: block;
    width: 338px;
    height: 4px;
    background: #3BB4A8;
    position: absolute;
    bottom:0;
    left: 0;
}
#photoVideoWrap .page-title-box:after {
    content:'';
    display: block;
    clear: both;
}
#photoVideoWrap .page-title-box h2 {
    font-size: 1.75rem;
    font-weight: 700;
    float: left;
}
#photoVideoWrap .content-box .list-box .gridListDetail li a{display:none;}

#photoVideoWrap .content-box .list-box .gridListDetail li &gt; a{display:block;}







/* 寃��� */
.no-post {
    padding-bottom: 60px;
    text-align: center;
    border-bottom: 1px solid #C1CAD2;
    margin-bottom: 20px;
}
#photoVideoWrap .page-title-box .search-box{
    float: right;
}
#photoVideoWrap .page-title-box .search-box .select-box{
    float: left;
    border: 1px solid #D8DBE5;
    width: 120px;
    height: 40px;
    position: relative;
    box-sizing: border-box;
    z-index: 1;
    background: url(/images/gurc/icon/arr_down02.png) no-repeat calc(100% - 20px);
}
#photoVideoWrap .page-title-box .select-box label {
    position: absolute;
    top: 8px;  /* �꾩튂�뺣젹 */
    left: 20px;  /* �꾩튂�뺣젹 */
    z-index: -1;  /* IE8�먯꽌 label�� �꾩튂�� 怨녹씠 �대┃�섏� �딅뒗 寃� �닿껐 */
    font-size: 1rem;
}

#photoVideoWrap .page-title-box .search-box .select-box select {
    width: 100%;
    height: auto;  /* �믪씠 珥덇린�� */
    line-height: normal;  /* line-height 珥덇린�� */
    font-family: inherit;  /* �고듃 �곸냽 */
    padding: .8em .5em;  /* �щ갚怨� �믪씠 寃곗젙 */
    border: 0;
    opacity: 0;  /* �④린湲� */
    filter:alpha(opacity=0);  /* IE8 �④린湲� */
    -webkit-appearance: none; /* �ㅼ씠�곕툕 �명삎 媛먯텛湲� */
    -moz-appearance: none;
    appearance: none;
}
#photoVideoWrap .page-title-box .search-box #searchTxt{
    float: left;
    border: 1px solid #D8DBE5;
    padding: 8px 8px 8px 43px;
    margin-left: 3px;
    margin-right: 3px;
    height: 40px;
    background: url(/images/gurc/icon/ico_search1.png) no-repeat 18px #fff;
}
#photoVideoWrap .page-title-box .search-box #searchTxt::placeholder{
    color: #C7CBD8;
}
#photoVideoWrap .page-title-box .search-box .btn-search{
    float: left;
    border: 1px solid #DFE2EA;
    background-color: #F6F7F8;
    padding: 10px 34px;
    font-size: 0.875rem;
    height: 40px;
}
#photoVideoWrap .page-title-box .search-box:after{
    content:'';
    display: block;
    clear:both;
}



.empty-board {
    FONT-WEIGHT: 400;
    color: #a2a2a2;
    font-size: 1rem;
    margin: 80px;
    text-align: center;
}
#photoVideoWrap .content-box .list-box ul:after {
    content: '';
    display: block;
    clear: both;
}
#photoVideoWrap .content-box .list-box li {
    float: left;
    width: calc((100% - 80px)/3);
    height: 403px;
    margin-right: 40px;
    margin-bottom: 50px;
    position: relative;
}

#photoVideoWrap .content-box .list-box li:nth-child(3n) {
    margin-right: 0;
}
#photoVideoWrap .content-box .list-box li a {
    content:'';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
}
#photoVideoWrap .content-box .list-box li h3 {
    font-size: 1.312rem;
    font-weight: 700;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#photoVideoWrap .content-box .list-box li .img-box {
    width: 100%;
    height: 270px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}
#photoVideoWrap.newsletter .content-box .list-box li .img-box {
        height: 400px;
    }

#photoVideoWrap .content-box .list-box li .img-box img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#photoVideoWrap .content-box .list-box li .desc {
    line-height: 1.5em;
    margin-bottom: 11px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* �� 以� */
    -webkit-box-orient: vertical;

    /* ie 留먯쨪�� 異붽� */
    /*line-height: 1.2em;*/
    max-height: 3em; /* �� 以� */
}
#photoVideoWrap .content-box .list-box li .desc p img {
    display: none;
}

#photoVideoWrap .content-box .list-box li .date {
    color: #9399A8;
    position: absolute;
    left:0;
    bottom: 0;
}

#photoVideoWrap .content-box .list-box .btn-box:after {
    clear: both;
    content: '';
    display: block;
}
#photoVideoWrap .content-box .list-box .btn-box .btn-add {
    font-size: 1rem;
    background: #3BB4A8;
    color: #fff;
    padding: 8px 16px;
    display: inline-block;
    font-weight: 500;
    float: right;
}






/* �섏씠吏� */

#photoVideoWrap .content-box .paging-box{
    text-align: center;
    margin-bottom: 87px;
}
#photoVideoWrap .content-box .paging-box button {
    padding: 3px 10px;
    vertical-align: top;
    display: inline-block;
    font-size: 1rem;
}
#photoVideoWrap .content-box .paging-box button.sound-only {
    border: 1px solid #A2A2A2;
    width: 30px;
    height: 30px;
    padding: 10px;
    box-sizing: border-box;
    background: no-repeat center #fff;
}
#photoVideoWrap .content-box .paging-box button.btn-first {
    background-image: url(/images/gurc/icon/ico_first.png);
}
#photoVideoWrap .content-box .paging-box button.btn-prev {
    background-image: url(/images/gurc/icon/ico_prev.png);
    margin-right: 15px;
}
#photoVideoWrap .content-box .paging-box button.btn-next {
    background-image: url(/images/gurc/icon/ico_next.png);
    margin-left: 15px;
}
#photoVideoWrap .content-box .paging-box button.btn-last {
    background-image: url(/images/gurc/icon/ico_last.png);
}
#photoVideoWrap .content-box .paging-box .active {
    background-color: #3BB4A8;
    color: #fff;
}


@media all and (min-width: 1200px) {
#photoVideoWrap.newsletter .content-box .list-box li {height: 500px;margin-bottom: 50px;}
}

@media all and (min-width: 1500px) {
#photoVideoWrap.newsletter .content-box .list-box li .img-box {height: 550px;}
#photoVideoWrap.newsletter .content-box .list-box li {height: 630px;margin-bottom: 80px;}
}

@media all and (max-width: 1023px) {
    /* ��釉붾젢 */

    .empty-board {
        padding: 80px;
        border-top: 2px solid #3BB4A8;
        border-bottom: 2px solid #3BB4A8;
        margin: 0 0 50px;
    }
    #photoVideoWrap .content-box {
        padding: 0;
    }

    #photoVideoWrap .page-title-box {
        display: none;
    }
    #photoVideoWrap .content-box .list-box li .img-box {
        margin-bottom:0;
        height: 100px;
    }
    #photoVideoWrap.newsletter .content-box .list-box li .img-box {
        height: 300px;
    }
    #photoVideoWrap .content-box .list-box li .img-box img {
        height: 100%;
    }
    #photoVideoWrap .content-box .txt-box {
        background: #F9F9F9;
        padding: 12px 15px 20px;
        height: 125px;
        box-sizing: border-box;
    }
    #photoVideoWrap .content-box .list-box li {
        margin-bottom: 25px;
        width: calc((100% - 50px)/3);
        margin-right: 25px;
        height: auto;
    }
    #photoVideoWrap .content-box .list-box li h3 {
        font-size: 1rem;
        overflow: hidden;
        height: 50px;
        display: -webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient: vertical;
        white-space: normal;
    }
    #photoVideoWrap .content-box .list-box li .desc {
        font-size: 0.875rem;
        line-height: 1em;
        max-height: 2em;
    }
    #photoVideoWrap .content-box .list-box li .date {
        font-size: 0.75rem;
        bottom: 8px;
        left: 15px;
    }
    #photoVideoWrap .content-box .list-box ul li .checkbox-wrap {
        display: none;
    }

}


@media all and (max-width: 767px) {
    /* 紐⑤컮�� */

    #photoVideoWrap .content-box .list-box li {
        width: 100%;
        margin-bottom: 15px;
    }
    #photoVideoWrap .content-box .list-box li .img-box {
        margin-bottom: 0;
        height: 175px;
    }
    #photoVideoWrap.newsletter .content-box .list-box li .img-box {
        margin-bottom: 0;
        height: 300px;
    }
     #photoVideoWrap.newsletter .content-box .list-box li .img-box img{
        object-fit: cover; object-position: top center;

    }
    #photoVideoWrap .content-box .txt-box {
        border-bottom: 1px solid #D1D1D1;
        height: 110px;
    }
    #photoVideoWrap .content-box .list-box li h3 {
        font-size: 0.875rem;
        margin-bottom: 7px;
        height: 40px;
    }
    #photoVideoWrap .content-box .list-box li .desc {
        font-size: 0.75rem;
    }
    #photoVideoWrap .content-box .paging-box {
        text-align: center;
        margin-bottom: 50px;
        margin-top: 30px;
    }
    #photoVideoWrap .content-box .paging-box button.btn-prev {
        margin-right: 5px;
    }
    #photoVideoWrap .content-box .paging-box button.btn-next {
        margin-left: 5px;
    }
    #photoVideoWrap .content-box .list-box .btn-box {
        text-align: center;
    }
    #photoVideoWrap .content-box .list-box ul {
        margin-bottom: 10px;
    }


} /* mobile end */
</pre></body></html>