@charset "utf-8";

.content-wrap {padding-top:135px;}

/* 검색 */
.content-wrap .main-content .basic-content .content-box .search-area {border-bottom:2px solid #d10026;}
.content-wrap .main-content .basic-content .content-box .search-area > div {height: 40px; margin-bottom:10px}
.content-wrap .main-content .basic-content .content-box .search-area .srch-text {width:80%; float: left;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-btn {width: 20%; float: right;}
.content-wrap .main-content .basic-content .content-box .search-area select { width:100%; height:100%; border:1px solid #d7dade; padding-left: 7px; padding-right: 20px; background: url("../../img/sub/join/down_b_ico.svg") no-repeat 99% 50%; background-size: 15px 15px; font-size: 13px;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-btn button {width:100%; height:100%; border:1px solid #27292D; background:#27292D;color:#fff; font-size: 13px;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-text input {width:100%; height:100%; padding: 0 7px; font-size:13px; border:1px solid #d7dade;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-date input {height:100%; background: url("../../img/sub/calc_ico.svg") no-repeat 95% 50%; background-size:20px 20px; background-color:#eee; border:0; border-radius: 5px; padding : 0 30px 0 10px;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-date input:nth-child(1) {float: left; width:45%;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-date input:nth-child(2) {float: right; width:45%;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-date .unti {margin-left: 11px;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-view-count {float:left; width:40%; height:35px; clear:both; margin:0;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-view-count select {width:100%; height:100%; font-size:13px; border:1px solid #d7dade; background: url("../../img/sub/join/down_b_ico.svg") no-repeat 95% 50%; background-size: 20px 20px;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-edit-btn { float:right; width:20%; height:35px;}
.content-wrap .main-content .basic-content .content-box .search-area .srch-edit-btn button { width:100%; height: 100%; background:#d10026; color:#fff; border:0; font-size:13px;}

/* 포토갤러리 목록 */
.content-wrap .main-content .basic-content .content-box .photo-wrap .list-wrap {padding:10px 0; border-bottom:1px solid #d7dade; float: left; width:48%; margin:0 1% 10px;}
.content-wrap .main-content .basic-content .content-box .photo-wrap .list-wrap .thumb { position:relative; width: 100%; height:110px; overflow: hidden;border: 1px solid #d7dade;}
.content-wrap .main-content .basic-content .content-box .photo-wrap .list-wrap .thumb img {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 115%;}
.content-wrap .main-content .basic-content .content-box .photo-wrap .title p {font-size:13px; letter-spacing: -0.75px; padding:7px 0; font-weight: 500;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block;width: 100%;}
.content-wrap .main-content .basic-content .content-box .photo-wrap .title p span { position:relative; top:-3px; left:7px; font-size: 12px; letter-spacing: -0.75px; color:red; vertical-align: middle; ;}
.content-wrap .main-content .basic-content .content-box .photo-wrap .info {position:relative; padding-top:3px;}
.content-wrap .main-content .basic-content .content-box .photo-wrap .info span { position:relative; display: inline-block; font-size:12px; color: #999; letter-spacing: -0.25px; padding-right:10px;}
.content-wrap .main-content .basic-content .content-box .photo-wrap .info span.date {padding-left: 10px;}
.content-wrap .main-content .basic-content .content-box .photo-wrap .info span.time {padding-left:0;}
.content-wrap .main-content .basic-content .content-box .photo-wrap .info span:nth-child(1) {padding-left:0; width:100%; color:#d10026;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;display: inline-block;width: 100%}
.content-wrap .main-content .basic-content .content-box .photo-wrap .info span:before { position: absolute; top:4px; right:-3px; content:''; width:1px; height:10px; background:#d7dade;}
.content-wrap .main-content .basic-content .content-box .photo-wrap .info span.bf-none:before {display: none;}
.content-wrap .main-content .basic-content .content-box .photo-wrap .info .name {color: #555;}
.content-wrap .main-content .basic-content .content-box .more {width:100%; height:45px; margin-top:15px;}
.content-wrap .main-content .basic-content .content-box .more button { width:100%; height:100%; border:0; background:#d10026; color:#fff;}