@CHARSET "utf-8";
/*------------------------------------*
    Main Content
 *------------------------------------*/
 table{width:100%;}
.content-heading { position: relative; margin-bottom: 25px; padding: 20px 0 10px; border-bottom: 2px solid #c3c3c3 }
.content-heading h2 { padding-left: 5px; font-size: 24px; color: #383838; font-weight: 600; }
.breadcrumbs { position: absolute; top: 34px; right: 0; }
.breadcrumbs, .breadcrumbs a { color: #b7b7b7; font-weight: 600; vertical-align: middle; }
.breadcrumbs, .breadcrumbs strong { color: #616060 }
.breadcrumbs a:after { content: '>'; margin: 5px }
.content-body {width:1000px; margin: 0 auto;/* padding-top:50px; */padding-bottom:50px;}
.content-body h2 {
    padding:0 0 16px;margin:0 0 38px;text-align:center;font-size: 30px;font-weight: 600;background: url(/img/tit_line.png) center bottom no-repeat;
}
#step {
    text-align: right;
    padding: 30px 0;
    color: #7e7e7e;
}

/*목록*/
.list-table th, .list-table td { padding: 13px 5px 13px; border-bottom: 1px solid #e9e9e9;/* font-family: dotum, 돋움, sans-serif;*/ text-align: center }
.list-table th { border-top: 1px solid #787775; background-color: #fafafa; font-weight: 600; }
.list-table td.name { padding-left: 10px; text-align: left }
/*쓰기*/
.write-table th, .write-table td { padding: 10px 5px 9px; border-bottom: 1px solid #e9e9e9;/* font-family: dotum, 돋움, sans-serif;*/ text-align: left; vertical-align: top }
.write-table tr:first-child th, .write-table tr:first-child td { border-top: 1px solid #787775; }
.write-table th { padding-left: 20px; border-right: 1px solid #e9e9e9; background-color: #fafafa; font-weight: 600; line-height: 22px }
.write-table td + th { border-left: 1px solid #e9e9e9; }
.write-table td { padding-left: 12px; }
/*보기*/
.view-table{width:100%;}
.view-table th, .view-table td { padding: 10px 5px 9px; border-bottom: 1px solid #e9e9e9;/* font-family: dotum, 돋움, sans-serif;*/ text-align: left; vertical-align: top;line-height:22px; font-size: 15px;}
.view-table tr:first-child th, .view-table tr:first-child td { border-top: 1px solid #787775; text-align: center; }
.view-table th { /* padding-left: 20px; */ border-right: 1px solid #e9e9e9; background-color: #fafafa; font-weight: 600; line-height: 22px; font-size: 18px; }
.view-table td + th { border-left: 1px solid #e9e9e9; }
.view-table td { padding-left: 12px; }
.view-table tbody .date span {
    font-size: 15px;
    float: right;
}
.content { line-height:160%; color:#5f5f5f;}
/* 상단 - 검색*/
.toolbar { overflow: hidden; margin-bottom: 10px }
.toolbar .total { float: left; text-transform: uppercase; line-height: 22px }
.toolbar .search { float: right }
.toolbar .search .button { padding: 0 15px; font-size: 12px; line-height: 22px;background-color: #787775;color: #fff;display:inline-block;}

/*------------------------------------*
    게시판
 *------------------------------------*/

/*페이지이동*/
.pager { padding-top: 15px;overflow:hidden;}
.pager ol { font-size: 0; text-align: center }
.pager li { display: inline-block; width:26px;margin: 0 1px;  vertical-align: top; color: #a8a8a8;border:1px solid #a8a8a8;}
.pager li > a, .pager li > span, .pager li.current { line-height: 26px; padding: 0 0; display: inline-block; font-size: 12px; vertical-align: top; color:#a8a8a8;}
.pager li.current{background-color: #a8a8a8;color:#fff;}
.pager li.current a{color:#fff;}
.pager li > a{padding:0;margin:0;}
.pager li.current { color: #fff;line-height: 26px;vertical-align: middle; font-weight: 600 }
.pager li > a:hover { }
.pager li.prev > a, .pager li.next > a { font-size: 10px; }
.pager li > a.next:hover { }
.pager li.margin_l{margin-left:10px;}
.pager li.margin_r{margin-right:10px;}
/* 하단 - 버튼*/
.button-group .back-to-list { float: right; border: 1px solid #787775; background-color: #fff; color: #787775; line-height: 26px }
.button-group .action { float: right; }
.button-group .action a { margin-left: 5px; padding: 0 20px }
.button-group .button.gray { background-color: #aaa }
/* 상세 - 이전글/다음글 */
.board-nav { border-top: 1px solid #d7d5d5; border-bottom: 1px solid #d7d5d5; margin-top: 46px; }
.board-nav li { overflow: hidden; border-bottom: 1px solid #e9e9e9; line-height: 140%; color: #353535; }
.board-nav li strong, .board-nav li a { float: left; padding: 10px; }
.board-nav li strong { box-sizing: border-box; width: 15%; padding-left: 45px; border-right: 1px solid #e9e9e9; background-color: #fafafa; font-weight: normal; background: url("/new2018/img/sub/board/icon_nav_prev.gif") no-repeat 25px 15px; }
.board-nav li.next { border: 0; }
.board-nav li.next strong { background: url("/new2018/img/sub/board/icon_nav_next.gif") no-repeat 25px 15px; }
/* 상세 - 댓글 */
#comment .comment-list { margin-top: 55px; }
#comment .comment-list ul li { position: relative; padding: 15px; border-top: 1px solid #d7d5d5; color: #353535; line-height: 140%; }
#comment .comment-list ul li:first-child { }
#comment .comment-list ul li div.meta { overflow: hidden; margin-bottom: 5px; }
#comment .comment-list ul li .name { float: left; }
#comment .comment-list ul li .name input { width: 13px; height: 13px; margin: 0 2px 0 0; vertical-align: -2px; *vertical-align:2px;
}
#comment .comment-list ul li .date { margin: 1px 10px 0 15px; font-size: 11px; }
#comment .comment-list ul li .button-group { position: absolute; top: 7px; right: 20px; }
#comment .comment-list ul li .button-group a { margin: 0 2px; padding: 0 15px; font-size: 12px; font-weight: 400; line-height: 22px;          }
#comment .comment-list ul li .comment { clear: both; word-break: break-all; }
#comment .comment-form { margin: 0; padding: 5px 20px 20px; border: 1px solid #e9e9e9; background-color: #fafafa; color: #353535; }
#comment .comment-form legend { visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }
#comment .comment-form p { margin: 10px 0 0; }
#comment .comment-form strong { display: block; margin: 0 0 10px 0; }
#comment .comment-form input[type=text], #comment .comment-form input[type=password], #comment .comment-form textarea { border: 1px solid #d9d9d9; }
#comment .comment-form input {  margin: 5px 10px 0 9px; }
#comment .comment-form .view { position: relative; margin: 10px 0 0; }
#comment .comment-form .view textarea {box-sizing: border-box;padding: 5px; width: 100%; }
#comment .comment-form .submit { position: absolute; top: 167px; right: 0;margin-right:0; line-height: 45px; }
/* 목록 */
.button-group.list { text-align: right; }
/* 글쓰기 */
.cs-center .write-table td.agreement { padding: 15px 0; background-color: #fafafa; text-align: center }
.cs-center .write-table td input[type=text], .write-table td input[type=password], .write-table td input[type=file] { width: 260px; }
.cs-center .write-table td.subject input[type=text] { width: 428px; }
.cs-center .write-table td.small input[type=text] { width: 50px; }
.cs-center .write-table td.medium input[type=password], .cs-center .write-table td.medium input[type=text] { width: 150px;}
.cs-center .write-table td textarea { width: 95%; height: 200px; }
.cs-center .write-table td input, img { vertical-align: middle; }
.cs-center .write-table td label { padding-right: 20px; }
.button-group.write { overflow: hidden; padding-top: 25px; }
/* 글보기 */
.cs-center .view-table td.subject { font-weight: 600 }
.cs-center .view-table td.content { padding: 25px; line-height: 1.65 }
.button-group.view { overflow: hidden; padding-top: 25px; }
/* 비밀번호 */
.confirm-password { margin: 0 auto; padding-top: 65px; width: 450px }
.confirm-password input[type=password]{height:30px;}
.confirm-password th {
    padding-left: 20px;
    border-right: 1px solid #e9e9e9;
    background-color: #fafafa;
    font-weight: 600;
    line-height: 27px;
}
.confirm-password .button-group { overflow: hidden; padding-top: 25px; text-align: center }
.button-group div {
    margin: 0 auto;
}
/* .confirm-password .button-group a { margin: 0 2px;line-height:20px;} */
.confirm-password .button-group a {
    margin: 0 2px;
    line-height: 20px;
    padding: 5px 20px;
    /* border: 1px solid #787775; */
}
select{border: 1px solid #bfbfbf;height:21px;}

.content-body .btn.submit {
    width: 85px;
    height: 26px;
    background-image: url(/img/btn_ok.png);
}
.content-body .btn.cancel {
    width: 85px;
    height: 26px;
    background-image: url(/img/btn_cancel.png);
}
.content-body .btn {
    padding: 0;
    width: 90px;
    height: 27px;
    border: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-align: left;
    text-indent: -9999px;
}
.content-body .btn.list {
    background-image: url(/img/btn_list.png);
}

/* Buttons */
.button-group { font-size: 0 }
a.button, input.button, button.button { box-sizing: border-box; display: inline-block; padding:0 25px; background-color: #787775; border: 0 none; font-size: 13px; color: #fff; text-align: center; text-decoration: none; line-height: 28px; cursor: pointer;margin: 0 2px;}
.button.gray { background-color: #777 }

.write-table td.subject input[type="text"] {
    width: 428px;
}

.write-table td input[type="text"], .write-table td input[type="password"], .write-table td input[type="file"] {
    width: 260px;
}
.write-table td input, img {
    vertical-align: middle;
}
.write-table td input, img {
    vertical-align: middle;
}
.write-table td input[type="text"], .write-table td input[type="password"], .write-table td input[type="file"] {
    width: 260px;
}
.write-table td textarea {
    width: 95%;
    height: 200px;
	font-size: 13px;
}
.write-table select, input[type="text"],.write-table  input[type="password"],.write-table input[type="file"], textarea {
    box-sizing: border-box;
    border: 1px solid #bfbfbf;
}
.write-table input[type="file"] {
    padding: 0 2px;
    background-color: #f9f9f9;
}

.page_info{padding:15px 0;text-align:right;width:1000px;margin:0 auto;}

.txt_phone{width:auto!important;}

.list_gallery h2.tit_line{padding:0 0 16px;margin:0 0 38px;text-align:center;font-size: 30px;font-weight: 600;background: url(/img/tit_line.png) center bottom no-repeat;}

.list_gallery {width:1200px;margin:0 auto;}
.list_gallery .total{padding:0 0 18px;overflow:hidden;color: #525252;font-size: 14px;font-weight: 100;}
.list_gallery .total ul{float:right;}
.list_gallery .total li{float:left;padding-left:32px;display:inline-block;}
.list_gallery .total li a{color: #525252;font-size: 14px;font-weight: 100;}
.list_gallery .list{overflow:hidden;}
.list_gallery .list ul{width:110%;}
.list_gallery .list li{width:283px;height:415px;float:left;margin:0 25px 20px 0;position:relative;}
.list_gallery .list li a{display:block;}
.list_gallery .list li .ment_g{width:282px;height:415px;text-align:center;position:absolute;left:0;top:0;background:rgba(0, 0, 0, 0.54);box-sizing:border-box;padding:164px 0 0;color: #fff;font-size: 18px;font-weight: 300;display:none;}
.list_gallery .list li:hover .ment_g{display:block;}
.list_gallery .list li .ment_g .icon{padding:20px 0 0;}
.pop_gallery{z-index: 9999;display:none;width:100%;height:100%;position:fixed;left:0;top:0;}
.pop_gallery .bg{background:rgba(0, 0, 0, 0.54);position:absolute;left:0;top:0;width:100%;height:100%;}


.pop_gallery .inner{margin-top:-415px;margin-left:-319px;width:638px;position:absolute;left:50%;top:50%;}
.pop_gallery .inner h2{color: #fff;font-size: 22px;font-weight: 600;padding:0 0 13px;}
.pop_gallery .inner .btn_pop_close{position:absolute;right:0;top:0;width:27px;height:27px;font-size:0;background: url(/img/btn_close_pop.png) center bottom no-repeat;}

.list_rent h2.tit_line{padding:0 0 16px;margin:0 0 38px;text-align:center;font-size: 30px;font-weight: 600;background: url(/img/tit_line.png) center bottom no-repeat;}

.list_rent {width:1200px;margin:0 auto;}
.list_rent .total{padding:0 0 18px;overflow:hidden;color: #525252;font-size: 14px;font-weight: 100;}
.list_rent .total ul{float:right;}
.list_rent .total li{float:left;padding-left:32px;display:inline-block;}
.list_rent .total li a{color: #525252;font-size: 14px;font-weight: 100;}
.list_rent .list{overflow:hidden;}
.list_rent .list ul{width:110%;}
.list_rent .list li{width:283px;height:415px;float:left;margin:0 25px 20px 0;position:relative;}
.list_rent .list li a{display:block;}
.list_rent .list li .ment_g{width:282px;height:415px;text-align:center;position:absolute;left:0;top:0;background:rgba(0, 0, 0, 0.54);box-sizing:border-box;padding:164px 0 0;color: #fff;font-size: 18px;font-weight: 300;display:none;}
.list_rent .list li:hover .ment_g{display:block;}
.list_rent .list li .ment_g .icon{padding:20px 0 0;}

.list_b{width:1120px;margin:0 auto;}
.list_b ul{overflow:hidden;}
.list_b ul li{overflow:hidden;border-bottom:1px solid #ececec;padding:23px 0 22px 57px;box-sizing:border-box;}
.list_b ul li .img{width:265px;overflow:hidden;float:left;border:1px solid #a2a2a2;}
.list_b ul li .ment{float:left;width:638px;padding:7px 0 0px 37px;text-align: left;}
.list_b ul li .ment .txt1{font-size:20px;color:#000000;font-weight:600;padding:0; letter-spacing: -0.5;}
.list_b ul li .ment .txt2{font-size:15px;color:#545454;font-weight:400;line-height:25px;padding:15px 0 0px;     letter-spacing: -0.5;}

.list_b ul li .ment .more{display:inline-block;width:74px;line-height:22px;border:0;color:#8d898b;font-size:12px;font-weight:300;cursor:pointer;border:1px solid #8d898b;text-align:center;margin-left:12px;vertical-align: 3px;}

.write-table *{font-size:15px;}
.write-table td textarea {
    font-size: 15px;
}