@charset "utf-8";

a.btn-type-08#btn-search { display: inline-block; vertical-align: top; height: 30px; font-size: 12px; padding: 0 20px; border: none; border-radius: 3px; background: #3d5a7c; color: #fff; line-height: 30px; }
a.btn-type-08.btn-mvp-write { display: inline-block; vertical-align: top; height: 30px; font-size: 12px; padding: 0 20px; border: none; border-radius: 3px; background: #0084ff; color: #fff; line-height: 30px; }

div.contents div.page-contents div.s-page-content div.cont-info div.guide-txt {margin-top:10px; color:#d26060; font-weight:bold;}
div.contents div.page-contents div.s-page-content div.cont-info div.guide-txt em {font-weight:bold; color:#7f7b7c; padding:0 5px;}
div.contents div.page-contents div.s-page-content div.cont-info textarea { margin-top: 10px; width: 100%; height: 500px; }
div.contents div.page-contents div.s-page-content div.cont-button-area { text-align: right; margin: 20px 0; }
div.contents div.page-contents div.s-page-content div.cont-button-area a.btn-type-05 img { vertical-align: middle; }

/* 테이블 영역 */
table.horizon-table { width: 100%; font-size:13px; margin-top:10px; }
table.horizon-table tbody tr th {
	width:120px; padding:5px 10px; border-left:solid 5px #3d5a7c; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold;
	background: rgba(252,252,252,1);
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252,252,252,1)), color-stop(100%, rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
    background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(242,242,242,1) 100%);
}

table.horizon-table tbody tr td {width:120px; padding:10px 20px 10px 0; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; font-weight:bold;}
table.horizon-table tbody tr td span.point {color:#557399; margin-left:5px;}

table.mod-table { width: 100%; }
table.mod-table tbody tr th { text-align:left; }
table.mod-table tbody tr td { width:760px; height:40px; text-align:left; padding:0 20px; background-color:#FFF;}
table.mod-table tbody tr td em {padding:0 5px;}
table.mod-table tbody tr td input.input-default {padding-left:10px; height:25px; font-size:12px; border:1px solid #efefef; background-color:#FFF; color:#616161; border-radius:2px;}
table.mod-table tbody tr td input.name {padding-left:10px; width:250px; height:25px; font-size:12px; border:1px solid #efefef; background-color:#FFF; color:#616161; font-weight:bold; border-radius:2px;}
table.mod-table tbody tr td input.password {padding-left:10px; width:250px; height:25px; font-size:12px; border:1px solid #efefef; background-color:#fafafa; color:#c0bcbb; font-weight:bold; border-radius:2px;}
table.mod-table tbody tr td input.phone-num {color:#616161; border:1px solid #e1e1e1; font-weight:bold; width:50px; height:25px; text-align:center;}
table.mod-table tbody tr td input.email-id {color:#616161; border:1px solid #e1e1e1; font-weight:bold; width:150px; height:25px; text-align:center; background-color:#fafafa;}
table.mod-table tbody tr td select.phone-num-front {margin-left:0; color:#616161; border:1px solid #e1e1e1; font-weight:bold; width:50px; height:25px;}
table.mod-table tbody tr td select.email-addr {margin-left:0; color:#616161; border:1px solid #e1e1e1; font-weight:bold; width:120px; height:26px;}
table.mod-table tbody tr td a.confirm-btn {padding:5px 22px; font-size:12px; color:#FFF; background-color:#6088b9; margin-left:5px; border:1px solid #6088b9; box-shadow:none;}
table.mod-table tbody tr td a.pw-mod-btn {padding:5px 20px; font-size:12px; color:#FFF; background-color:#73726e; margin-left:0; border:1px solid #6088b9; box-shadow:none;}


/* 포토갤러리 */
div.contents div.page-contents div.s-page-content { min-height: 600px; }
div.contents div.page-contents div.s-page-content div.p-content-title { position: relative; padding-bottom: 15px; border-bottom: 1px solid #dadada; }
div.contents div.detail-contents div.s-page-content div.p-content-title { position: relative; padding-bottom: 15px; border-bottom:none; }

div.contents div.page-contents div.s-page-content div.p-content-title div.row-size { position: absolute; top: 0; right: 0; }
div.contents div.page-contents div.s-page-content div.p-content-title div.row-size select { background-color: #fbfbfb; height: 30px; font-size: 11px; font-weight: bold; color: #7c7c7c; border: 1px solid #e5e5e5; line-height: 28px; vertical-align: top; }
div.contents div.page-contents div.s-page-content div.p-content-title div.row-size a img { vertical-align: middle; margin-right: 5px; }

div.contents div.page-contents div.s-page-content div.cont-info div.guide-txt {margin-top:10px; color:#d26060; font-weight:bold;}
div.contents div.page-contents div.s-page-content div.cont-info div.guide-txt em {font-weight:bold; color:#7f7b7c; padding:0 5px;}
div.contents div.page-contents div.s-page-content div.cont-info textarea { margin-top: 10px; width: 100%; height: 500px; }
div.contents div.page-contents div.s-page-content div.cont-button-area { text-align: right; margin: 20px 0; }
div.contents div.page-contents div.s-page-content div.cont-button-area a.btn-type-05 img { vertical-align: middle; }

/* 리스트 영역 */
div.cont-info ul {  }
div.cont-info ul li { border-bottom: 1px solid #f3f3f3; padding: 10px 0; position: relative; cursor:pointer; }
div.cont-info ul li.result:HOVER { background-color: #f8f8f8; }
div.cont-info ul li:last-child { border-bottom: none; }
div.cont-info ul li.no-result { width: 100%; padding: 50px 0; margin: 20px 0; text-align: center; border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; }
div.cont-info ul li div.white-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); }
div.cont-info ul li div.list-img { display: inline-block; vertical-align: middle; border: 1px solid #dfdfdf; border-radius: 1px; overflow: hidden; margin-left: 10px; position:relative; }
div.cont-info ul li div.list-img img { width:200px;height:165px; }
div.cont-info ul li div.list-img .comment-area { width:35px;height:23px; border:1px solid #cecece; position:absolute; bottom:7px; right:7px; background:#e5e5e5; text-align:center;line-height:23px; color:#717171; font-size:12px; font-weight:bold;
	background: rgba(252,252,252,1);
    background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(230,230,230,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(100%, rgba(242,242,242,1)));
    background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(230,230,230,1) 100%);
    background: -o-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(230,230,230,1) 100%);
    background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(230,230,230,1) 100%);
    background: linear-gradient(to bottom, rgba(252,252,252,1) 0%, rgba(230,230,230,1) 100%);}
div.cont-info ul li div.list-img .comment-area>span { color:#717171; font-size:12px; font-weight:bold; }

div.cont-info ul li div.list-info { display: inline-block; vertical-align: middle; padding: 0 20px; }
div.cont-info ul li div.list-info div.info-titles { font-size: 13px; font-weight: bold; border-bottom: 1px solid #ededed; padding-bottom: 10px; margin-bottom: 10px; }
div.cont-info ul li div.list-info div.info-titles.new:AFTER { background-image: url(/web/img/common/ico_new.png); content: ""; display: inline-block; width: 29px; height: 11px; background-size: 29px; margin-left: 10px; background-repeat: no-repeat; }
div.cont-info ul li div.list-info div.info-titles span { vertical-align: middle; }
div.cont-info ul li div.list-info div.info-titles span.red { color: #ce6363; }
div.cont-info ul li div.list-info div.info-titles span.blue { color: #526aaf; }
div.cont-info ul li div.list-info div.info-titles span.info-title { display: inline-block; max-width: 800px; margin-left: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; }
div.cont-info ul li div.list-info div.info-titles span.comment { color: #F09A01; margin-left: 2px; }
div.cont-info ul li div.list-info div.info-contents div.info-content { display: inline-block; vertical-align: middle; margin-right: 10px; }
div.cont-info ul li div.list-info div.info-contents div.info-content .info-txt-area{ width:800px; margin:0 60px 20px 0;  white-space: normal; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; line-height: 1.2em;height: 3.6em; -webkit-line-clamp: 3;word-wrap: break-word; -webkit-box-orient: vertical; }
div.cont-info ul li div.list-info div.info-contents div.info-content table.info-table { font-size: 12px; color: #515151; margin-bottom: 10px; border-collapse: separate; border-spacing: 2px; }
div.cont-info ul li div.list-info div.info-contents div.info-content table.info-table tr { border-bottom: 1px solid #FFFFFF; }
div.cont-info ul li div.list-info div.info-contents div.info-content table.info-table tr th { border-right: 1px solid #d8d7d7; padding: 2px 0; width: 55px; }
div.cont-info ul li div.list-info div.info-contents div.info-content table.info-table tr td { padding: 0 10px; }
div.cont-info ul li div.list-info div.info-contents div.info-content table.info-table tr td span { display: block; }
div.cont-info ul li div.list-info div.info-contents div.info-content table.writer-table { font-size: 12px; color: #676666; border-collapse: separate; border-spacing: 2px; }
div.cont-info ul li div.list-info div.info-contents div.info-content table.writer-table tr { border-bottom: 1px solid #FFFFFF; }
div.cont-info ul li div.list-info div.info-contents div.info-content table.writer-table tr th { border-right: 1px solid #d8d7d7; padding: 2px 0; width: 55px; font-weight: 500; }
div.cont-info ul li div.list-info div.info-contents div.info-content table.writer-table tr td { padding: 0 10px; }
div.cont-info ul li div.list-info div.info-contents div.info-status { display: inline-block; vertical-align: middle; }
div.cont-info ul li div.list-info div.info-contents div.info-status span { display: inline-block; word-break: keep-all; text-align: center; color: #FFFFFF; border-radius: 4px; padding: 8px 20px; background:#3d5a7c; font-weight: 300; font-size: 11px; line-height: 13px; }

div.contents div.page-contents div.s-page-content div.p-content-bottom{ height:25px; }
div.contents div.page-contents div.s-page-content div.p-content-bottom div.filter-select { float:right;}
div.contents div.page-contents div.s-page-content div.p-content-bottom div.filter-select select { width:100px; background-color: #fbfbfb; height: 30px; font-size: 11px; font-weight: bold; color: #7c7c7c; border: 1px solid #e5e5e5; line-height: 28px; vertical-align: top; }

.p-content-bottom div.search-input { position: relative; display: inline-block; margin-right:10px;}
.p-content-bottom div.search-input input { font-size: 12px; padding: 3px 7px; width: 200px; border: 1px solid #f0efef; border-radius: 3px; background-color: #fafafa; height: 30px; }
.p-content-bottom div.search-input img.ico-search { position: absolute; top: 6px; right: 7px; }

/* 포토갤러리 상세 */
div.contents div.page-contents div.s-page-content div.detail-info {margin-bottom:15px; border-bottom:1px solid #f3f3f3;}
table.detail-table {margin-bottom:10px; }
table.detail-table tbody tr th { width:120px; padding:10px 10px; border-top:solid 2px #3d5a7c; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold;text-align:left;position:relative; }
table.detail-table tbody tr th .writer-area { display:inline-block; vertical-align:top; float: right; } 
table.detail-table tbody tr th .writer-area .writer-info-title { color:#747474; border-right:1px solid #747474; padding-right:5px; font-weight:600; font-size:11px; }
table.detail-table tbody tr th .writer-area .writer-info-cont { color:#747474; padding-left:5px;margin-right:13px; font-weight:600; font-size:11px; }
table.detail-table tbody tr th .writer-area .date-info { color:#878787; font-weight:500; font-size:10px;}
table.detail-table tbody tr th span.title { display:inline-block; width:78%; }
table.detail-table tbody tr td { padding:30px 0 0 0; border-bottom:none; }
table.detail-table tbody tr td img { display:block; margin:0 0; }
table.detail-table tbody tr td .detail-content-info { margin: 20px; color:#747474; font-weight:500; line-height:25px; text-align:left; word-break: break-all;}
table.detail-table tbody tr td .detail-content-info img { max-width: 1155px; }
table.detail-table tbody tr td .detail-list-area { text-align:left; border-bottom:1px solid #e3e3e3;}
table.detail-table tbody tr td .detail-list-area>div {display:flex; }
table.detail-table tbody tr td .detail-list-area>div>div{ border-top:1px solid #e3e3e3; color:#8d8d8d; display:inline-block;}
table.detail-table tbody tr td .detail-list-area>div>div.title{ background:#f8f8f8; border-right:1px solid #e3e3e3; padding:4px 21px 4px 12px; width:10%; font-weight: 400; }
table.detail-table tbody tr td .detail-list-area>div>div.content{ background:#fff; padding:4px 0 4px 14px;width:90%; font-weight: 400; }
div.contents div.page-contents div.s-page-content div.btn-area a.btn-type-05 img {vertical-align: middle;}

/* 댓글영역 */
div.contents div.page-contents div.s-page-content div.comment-area { border:1px solid #ddd; margin-top:10px; border-bottom:none; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont { border-bottom:1px solid #ddd; color:#616161; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-title { border-bottom:1px dotted #ddd; padding:10px 0 5px 5px; background:#f9f9f9; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-title > .name { font-weight:bold; margin-right:5px; cursor:pointer; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont { padding:10px; display:flex; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .read { word-break: break-all; white-space:pre-wrap; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .target-txt{ font-weight:600; margin-right:5px; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-title > div.sub-btn-area { float:right; margin-right:10px; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-title > div.sub-btn-area.modify-cancle { display:none; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-title > div.sub-btn-area > a.bar{ padding:0 2px; cursor:default; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active { width:100%;  }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .origin-content{ display:none; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .origin-target { display:none; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .modify-comment-input { width:90%; height:70px; resize:none; display:inline-block; padding:8px; margin-top: 8px;}
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .modify-comment-btn-area { width:10%; display:inline-block; text-align:center; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .modify-comment-btn-area > a { display:inline-block;height:86px;width:65px; line-height:86px; border-radius:3px; cursor:pointer; border:1px solid #ddd; background:#f9f9f9; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .tag { width:90%;padding:5px 0 5px 10px; height:17px; line-height:17px; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .tag > * { display:none;}
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .tag > img{ line-height:17px; position:relative; top:3px; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .tag > .tag-name { line-height:17px; margin-left:5px; font-weight:600; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .tag > .tag-remove { margin-left:5px; font-weight:600; cursor:pointer; }
div.contents div.page-contents div.s-page-content div.comment-area .comment-cont > .comment-sub-cont .modify-active .textarea-cont { display:flex; }

div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area { padding:10px 0; border-bottom:1px solid #ccc; position:relative;}
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .tag { width:90%;padding:5px 0 5px 10px; height:30px; line-height:17px; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .tag > * { display:none;}
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .tag > img{ line-height:17px; position:relative; top:3px; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .tag > .tag-name { line-height:17px; margin-left:5px; font-weight:600; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .tag > .tag-remove { margin-left:5px; font-weight:600; cursor:pointer; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .tag-placeholder { width:90%;padding:5px 0 5px 10px; height:30px; line-height:17px; color:  #b8b8b8;}
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area .textarea-cont{ display:flex; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area div.comment-disable-area{ height: 90px; width: 100%; position: absolute; left:0; top: 16px; z-index: 1; background: rgba(255,255,255,0.7); text-align:center; line-height: 90px; font-size:13px; color:#969696; font-weight: 500}
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area textarea.comment-input-txt{ width:90%; height:70px; resize:none; display:inline-block; padding:8px; margin-left:10px; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area div.comment-btn-area{ width:10%; display:inline-block; line-height:70px; text-align:center; }
div.contents div.page-contents div.s-page-content div.comment-area div.comment-input-area div.comment-btn-area > a { padding:10px; border-radius:3px; cursor:pointer; border:1px solid #ddd; background: #f8f8f8; }