@charset "utf-8";

/* 카테고리 */
.tab-gray-h37{width:100%}
.tab-gray-h37 h2 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
.tab-gray-h37 ul {margin:0;margin-bottom:10px;width:100%;zoom:1;}
.tab-gray-h37 ul:after {display:block;visibility:hidden;clear:both;content:""}
.tab-gray-h37 li {margin-left: -1px;width:14.2222%;float:left;margin-bottom:-1px}
.tab-gray-h37 a {width:100%;display:block;position:relative;margin-left:-1px;padding:6px 0 5px;font-size: 14px;border:1px solid #ddd;color:#444;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
.tab-gray-h37 a:focus, .tab-gray-h37 a:hover, .tab-gray-h37 a:active {text-decoration:none}
.tab-gray-h37 li.on a{z-index:2;border:1px solid #555;background:#666;color:#fff;font-weight:bold;font-size: 16px;
border-left: 1px solid #ddd;border-right: 1px solid #ddd;}

/* 갤러리 목록 */
.gal-pf h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
.gal-pf #gall_ul {float: left;margin:0;padding:0;list-style:none;zoom:1}
.gal-pf #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
.gal-pf .gall_li {float:left;margin:0 10px 35px 0}

div.gall_con{position:relative;overflow:hidden}
    .gall_con p.pf-site{border-bottom: 4px solid #666;}
	.pf-info{padding:5px 8px;background:#F0F3F5;height: 60px;}
	.pf-info li{overflow:hidden;}
	.pf-info li.title{margin: 3px 0;line-height: 15px;}
	.pf-info li.brif,
	.pf-info li.url{padding:2px 10px; background:url('img/icon_li.gif') 0 7px no-repeat;line-height:16px;height: 15px;}
	.pf-info .title a {font-weight:bold ;font-size: 14px;letter-spacing: -1px;color:#000}
	.pf-info .title span {display:inline !important}
	.pf-info .title img {margin:0 0 0 4px}
	.pf-info li.url a{text-decoration: underline;color: #007cc3;}



/* Ihy-140721 */
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* sorting */
.sorting-wrap {height:25px; margin-top:10px; *zoom:1;}
.sorting-wrap:after {content:''; display:block; clear:both;}
.sorting-wrap > .left {float:left;}
.sorting-wrap > .left strong{color:#000}
.sorting-wrap > .right {float:right;margin-bottom:10px;}
.sorting-wrap .right li{float:left;margin-left:3px; }

/* search */
.bbs_search{text-align:center; margin-top:25px;}
label input[type="radio"] {vertical-align:-2px;}
.search-input {display:inline-block; border:1px solid #ddd;}
.search-input input[type='text'] {border:0 none; height:28px; line-height:28px;}
.search-input input[type='submit'] {display:inline-block; width:26px; height:28px; font:0/0 a; background:url('img/forms.png') 0 0 no-repeat; border:0 none; margin:0; padding:0;}


/*
 * board
 */
[class|='board'] > table {width:100%; border-top:2px solid #a7a7a7; border-bottom:1px solid #a7a7a7;border-collapse: separate;
border-spacing: 0;}
[class|='board'] > table th,
[class|='board'] > table td {padding:6px 10px; vertical-align:middle;}
[class|='board'] > table th:after,
[class|='board'] > table td:after {content:''; display:inline-block; height:24px; vertical-align:middle;}
[class|='board'] > table .desc {text-indent:7px; margin-top:7px;}
[class|='board'] > table tbody tr td.rows {padding:0 !important;}
[class|='board'] > table tbody tr td.rows .list {padding:8px; border-top:1px solid #ccc;}
[class|='board'] > table tbody tr td.rows .list:first-child {border-top-width:0;}
[class|='board'] > table .hsect {margin-left:30px;}
[class|='board'] > table .hsect:first-child {margin-left:0;}
[class|='board'] > table .vsect {margin-top:5px;}
[class|='board'] > table .vsect:first-child {margin-top:0;}

/* board-list */
.board-list > table {table-layout:fixed;}
.board-list > table th, .board-list > table td {text-align:center; color:#555;}
.board-list > table th {letter-spacing:-1px;background:url('img/bar.1x19.png') 0 50% no-repeat;}
.board-list > table th,
.board-list > table td.point {font-size:1.1em; font-weight:700; color:#444;}
.board-list > table th,
.board-list > table .point {font-weight:700; color:#444;}
.board-list > table th:first-child,
.board-list > table td:first-child{background-image:none;}
.board-list > table tr:first-child th {background:#f6f6f6}
.board-list > table td { border-top:1px dotted #777; padding:7px 10px;}
.board-list > table tr:first-child td {border-top:1px solid #a7a7a7;}
.board-list > table tr.notice td {border-top:1px solid #a7a7a7;font-weight:bold;color:#000}
.board-list > table tr.notice + tr td {border-top:1px solid #ccc;}
.board-list > table td.subject {text-align:left; font-size:1.1em;}
.board-list > table td.subject a {display:inline-block; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:90%;color:#2e2e2e}

/* board-view */
.board-view header.bbs_title{border-bottom:2px solid #ccc;padding-bottom:5px;display: inline-block;width: 100%;}
.board-view header.bbs_title h1{padding-left:33px;background:url('img/bg_title.png') 0 3px no-repeat #fff;font-size: 18px;color: #222;line-height:40px;font-weight: 700;border-bottom:1px dotted #ddd;margin-bottom:3px;letter-spacing: -1px;}
.board-view header.bbs_title section{clear:both;margin:5px 0}
.bbs_info,.bbs_info dt,.bbs_info dd{float:left}
#bo_v_act{margin-top:20px}
#bo_v_act a,.bbs_info dd{font-weight:bold;margin-right:15px;color:#007cc3}
#bo_v_act a{text-decoration:underline}
.sv{border:1px solid #ddd;display:none;width:100px;}
.sv a{display:block}
 #bbs_content{padding:25px 0;font-size:13px;line-height:1.7;color:#000;border-bottom:1px solid #ccc;}
 .view_bottom{margin-top:20px;}

 .view_link h2,
 .view_file h2{float:left;font-weight:normal;margin-right:5px}

/* 하단버튼리스트 */
.bbs_btn_list {margin:0 0 10px;padding:10px 0;zoom:1}
.bbs_btn_list:after {display:block;visibility:hidden;clear:both;content:""}
.bbs_btn_list h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bbs_btn_list ul {margin:0;padding:0;list-style:none}

.pn_page {float:left}
.pn_page li {float:left;margin-right:5px}
.btn_manage {float:right}
.btn_manage li {float:left;margin-left:5px}

/* 댓글목록 */
.bbs_comment {margin:0 0 20px;border-top:1px solid #e5e5e5}
.bbs_comment h2 {display:none}
.bbs_comment article {padding:0 0 10px;border-bottom:1px solid #e5e5e5}
.bbs_comment header {position:relative;padding:15px 0 5px;margin-bottom:5px}
.bbs_comment header .icon_reply {position:absolute;top:15px;left:-20px}
.bbs_comment .sv_wrap {margin-right:15px}
.bbs_comment .member, .bbs_comment .guest, .bbs_comment .sv_member, .bbs_comment .sv_guest {font-weight:bold;font-size:13px;}
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
.bbs_comment h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bbs_comment a {color:#000;}
.bbs_comment p {padding:0 0 5px;line-height:1.8em}
.bbs_comment p a {text-decoration:underline}
.bbs_comment_empty {margin:0;padding:20px !important;text-align:center}
.bbs_comment footer {zoom:1;border-top:1px dashed #e5e5e5;padding:10px 0 0 0}
.bbs_comment footer:after {display:block;visibility:hidden;clear:both;content:""}
.bbs_comment a.btn-reply{font-weight:bold}
.bbs_comment a.btn-reply-red {margin:0 2px;color:#d86559;font-weight:bold}
.bbs_comment a.btn-reply-blue{color:#007cc3;font-weight:bold}
.bo_vc_act {float:right;margin:0;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}


/* 댓글등록 */
.cmt_w_wrap{margin-bottom:20px;}
.cmt_w_wrap h2{font-size:15px;height: 27px;color:#000;}
.cmt_write{clear:both;display: inline-block;position:relative;width:96%;padding:15px;border: 1px solid #ccc;background-color: #f7f7f7;}
.cmt_write table{float:left;width:91%}
.cmt_write table td{padding: 3px 0;}
.cmt_write #wr_content{width:100%;margin-top:10px}
.btn_rp_submit{position: absolute;bottom: 18px;right: 15px;width: 62px;height: 62px;line-height: 62px;margin: 0;padding: 0;text-align: center;
text-shadow: 0 1px 0 #FFF;background: linear-gradient(to bottom,#FFF 0%,#F3F3F3 100%);
border: 1px solid #aaa;border-radius: 3px;}
label.guest_rp{width:100px;display:inline-block;font-weight:bold}
.captcha{position:relative;padding-top:10px !important}
.captcha legend{display:none;}
.captcha button{line-height:60px; height:60px;padding:0 5px;margin:0;border:1px solid #f1f1f1;background:#555;color:#fff}
.captcha #captcha_key{margin-top:-2px;line-height:60px; height:60px;width:100px;font-size: 18px;}
.captcha span#captcha_info{clear: both;float: left;width: 100%;color:#d86559}
._comment{margin-top:3px}

/* board-write */
.board-write > table th,
.board-write > table td {border-top:1px solid #ccc;}
.board-write > table tr:first-child th,
.board-write > table tr:first-child td {border-top-width:0;}
.board-write > table th {background-color:#f7f7f7; font-size:1.083em; color:#222; text-align:center;font-weight:bold}
.board-write > table td:after {display:none;}
.btn_confirm{display:block;text-align:center;margin-top:20px;}
.btn_confirm  ul{display:inline-block;}
.board-write #wr_content{width:100%;min-height:300px}

/* paging */
.bbs_admin,
.pg_wrap {clear: both;position:relative; text-align:center; min-height:15px; margin-top:15px; padding-top:5px;}
.pg_wrap > a,
.pg_wrap .pg a ,.pg_current{display:inline-block; min-width:24px; height:24px; border:1px solid #ddd; color:#444; margin:0 1px; text-align:center; line-height:24px; text-decoration:none; vertical-align:middle; -moz-box-sizing:border-box; box-sizing:border-box;}
.pg_wrap > a.first {background-position:0 0;}
.pg_wrap > a.prev {background-position:0 -24px;}
.pg_wrap > a.last {background-position:-24px 0;}
.pg_wrap > a.next {background-position:-24px -24px;}
.pg_wrap > a.first:hover {background-color:#696969; background-position:0 -48px;}
.pg_wrap > a.prev:hover {background-color:#696969; background-position:0 -72px;}
.pg_wrap > a.last:hover {background-color:#696969; background-position:-24px -48px;}
.pg_wrap > a.next:hover {background-color:#696969; background-position:-24px -72px;}

.pg_wrap .pg {padding:0 5px 0 5px;}
.pg_wrap .pg a {padding:0 5px;}
.pg_wrap .pg a:first-child {background:none;}
.pg_wrap .pg a:hover, .pg_current {border:1px solid #696969; background-color:#696969; color:#fff;}
.pg_wrap .button-left {position:absolute; top:0; left:0;}
.pg_wrap .button-right {position:absolute; top:0; right:0;}
.pg_wrap + .sorting-wrap {margin-top:50px;}
.pg_wrap + [class|='tab'] {margin-top:30px;}
.pg_wrap .disabled {display:none;}

.btn_user{float:right}
.btn_adm li{float:left;margin:0 1px}
.btn_adm input[type='submit'] {text-align:center; vertical-align:top; white-space:nowrap; position:relative; display:inline-block; width:100%; min-width:50px; height:100%; box-sizing:border-box; -moz-box-sizing:border-box; background-repeat:no-repeat;color:#fff; background-image:url('img/default.gray.png');border: 0 none;padding: 0 8px;}