@charset "UTF-8";
@import url('/upload/skin/gallery/basic.css');

.search_form form { position: relative; width: 50rem; max-width: 100%; margin: 0 auto; padding: 0 8rem; line-height: 4rem; }
.search_form form label { position: absolute; left: 0; top: 0; font-weight: 400; }

.search_form .keyword { position: relative; width: 35rem; max-width: 100%; margin: 1rem auto 0; padding-left: 9.5rem; font-size: 1.5rem; color: #666; text-align: left; }
.search_form .keyword strong { position: absolute; left: 0; top: 0; width: 8.5rem; font-weight: 500; color: #222; }
.search_form .keyword strong::after { position: absolute; right: 0; top: 50%; width: 1px; height: 1rem; background-color: #ddd; transform: translateY(-50%); content: ''; }

.search_form .btn { position: absolute; right: 0; top: 0; width: 8rem; height: 4rem; border: 1px solid #000; background-color: #000; color: #fff; -webkit-transition: all 0.2s; transition: all 0.2s; }
.search_form .btn:hover, .search_form .btn:focus { background-color: #fff; color: #000; }

.search_result .group > .label {padding: 0 0 3rem; border-bottom: 1px solid #ddd; font-size: 2rem; color: #000; text-align: center;}
.search_result .group >.label strong {font-weight: 600; color: #484c58;}

.search_result .depth4_tab {margin: 3rem 0 -4rem;}

.search_result .group {overflow: hidden; position: relative; margin-top: 5rem;}
.search_result .group .more {display: block; margin-top: 1rem; padding: 1rem; border: 1px solid #ddd; background-color: #f8f8f8; text-align: center;}
.search_result .group .more i {transition: all 0.2s;}
.search_result .group .more:hover i,
.search_result .group .more:focus i {transform: rotate(180deg);}

.search_result .group > .title {margin-bottom: 2rem; font-size: 2.5rem; font-weight: 500; color: #000;}
.search_result .group > .title .point1 {color: #c00;}
.search_result .group > .title small {font-size: 1.6rem; font-weight: 300; color: #555;}
.search_result .group > .title small::before {display: none;}

.search_result .board_list li {padding: 2rem 0;}
.search_result .board_list li + li {border-top: 1px solid #ddd;}
.search_result .board_list strong {display: block; font-size: 1.8rem; font-weight: 400; color: #000;}
.search_result .board_list .info {margin: 0.5rem 0 0; padding: 1rem 1.5rem; background-color: #f8f8f8;}
.search_result .board_list .info span {display: inline-block; vertical-align: middle;}
.search_result .board_list .info span + span::before {display: inline-block; position: relative; top: -0.2rem; width: 1px; height: 1.5rem; margin: 0 1rem 0 0.75rem; background-color: #ddd; content: ''; vertical-align: middle;}
.search_result .board_list .txt {margin-top: 1rem;}

.search_result .cont {position: relative; padding-right: 25rem;}

.search_result .side {position: absolute; right: 0; top: 0;}
.search_result .side .item {width: 23rem; margin-bottom: 2rem; padding: 2rem; border: 1px solid #d5d7d8;}
.search_result .side .label {display: block; margin-bottom: 1rem; font-weight: 500; color: #222;}

.search_result .side .list li {position: relative; padding-left: 2rem; font-size: 1.5rem; color: #666;}
.search_result .side .list strong {position: absolute; left: 0; top: 0; font-weight: 600; color: #000;}

.search_result .side .control {position: absolute; right: 4rem; top: 2rem; font-size: 1.4rem; color: #666; transition: all 0.2s;}
.search_result .side .control + ul {visibility: hidden; overflow: hidden; height: 0; opacity: 0; transition: all 0.2s;}
.search_result .side .list:last-child .control {right: 1rem;}
.search_result .side .active .control {font-weight: 600; color: #333;}
.search_result .side .active .control + ul {visibility: visible; height: auto; opacity: 1;}

.search_result .gallery_list.type1 {margin: -4rem 0 -1px;}
.search_result .gallery_list.type1 + .more {position: relative; z-index: 0; border-top: 1px solid #aaa;}
.search_result .gallery_list.type1 .desc .title {margin: 0; font-size: 1.6rem; line-height: 1;}
.search_result .gallery_list.type1 .desc .label {display: block; overflow: hidden; margin: 0.5rem 0; padding-bottom: 0.5rem; font-weight: 300; color: #222; white-space: nowrap; text-overflow: ellipsis; line-height: 1;}
.search_result .gallery_list.type1 .desc .txt {display: block; overflow: hidden; height: 8rem; margin-bottom: 0.5rem; white-space: normal; line-height: 1.6;}
.search_result .gallery_list.type1 .desc .date {font-size: 1.5rem;}

@media (max-width: 1024px)
{
    .search_form .keyword {width: 100%;}

    .search_result .gallery_list.type1 > li {width: 50% !important;}
    .search_result .gallery_list.type1 > li:nth-child(3n + 1) {clear: none !important;}
    .search_result .gallery_list.type1 > li:nth-child(2n + 1) {clear: both !important;}
}

@media (max-width: 768px)
{
    .search_result .depth4_tab ul a {padding: 0.5rem 2rem;}
    .search_result .depth4_tab ul a::after {margin-left: 0.5rem;}

    .search_result .cont {padding-right: 0;}

    .search_result .side {position: static; width: calc(100% + 2rem); margin-top: 2rem;}
    .search_result .side .item {float: left; position: relative; width: calc(50% - 2rem); margin: 0 2rem 0 0;}
}