@charset "utf-8";

/*게시판 리스트*/
.pageinfo{font:normal 8pt Tahoma, Geneva, sans-serif; color:#333;float:left;}
.tb_button{float: left; width:365px; float:right; padding:10px 0px 20px 0px; text-align:right;}
.tb_button select {width:75px;height:30px;border:1px solid #e9e9e9;}
.tb_button input[type=text] {border:1px solid #e9e9e9;height:20px;width:226px;padding:6.5px 0 6.5px 10px; margin:0 3px;}
.paging{width:90%;padding-bottom:10px;text-align:center;clear:both;margin:0 auto;font-size:0; padding-top:30px;}
.paging a {display:inline-block;*display:inlnie;*zoom:1;padding:0 10px 0 7px;;height:22px;line-height:22px;font-size:12px; letter-spacing:-3px; border:1px solid #ddd; margin:0 1px;}
.paging strong {color:#8f5ca0;border:1px solid #8f5ca0;display:inline-block;*display:inlnie;*zoom:1;font-size:12px;padding:0 7px;height:22px;line-height:22px; margin:0 1px;}
.page_button{float:left; width:100%; padding:15px 0; text-align:center; overflow:hidden;}
.page_button #btn_left{float:left; padding:0px; margin:0px;}
.page_button #btn_left select {width:133px;height:45px;border:1px solid #ccc;}
.page_button #btn_right{float:right; padding:0px; margin:0px;}

.i_text{border:1px solid #cccccc;}
/*게시판 배경*/
#cont {width:728px; background:#ffffff; border:1px solid #b1b1b1; }

.tbl-list,.tbl-base,.tbl-view,.tbl-reply{border:0px; border-collapse:collapse; border-spacing:0; width:100%; background:#ffffff;border-top:2px solid #373737; border-bottom:1px solid #c3c3c3; }
.tbl-list caption{display:none;}
.tbl-list th,
.tbl-list td{ line-height:25px; padding:10px 0 ; box-sizing:content-box;color: #7e7e7e; text-align:center; font-size: 15px}
.tbl-list th{ line-height:28px; border-bottom: 1px solid #373737; color:#373737;font-weight:500; position:relative; text-align:center;}
.tbl-list td{ border-bottom:1px dashed #e1e1e1;font-size: 15px;}
.tbl-list td a{color: #7e7e7e;font-size: 15px;display:block;}
.tbl-list td a:hover{text-decoration:none; color:#8f5ca0;}
.tbl-list td.subject{text-align:left; padding-left:20px; position:relative;}
.tbl-list td.subject img {vertical-align:middle;margin-left:5px;}
.tbl-list td .comment{color:#fd2100;font-family:tahoma;font-size:11px;font-weight:normal;letter-spacing:0; padding-left:5px;}
.tbl-list .thumb img{height:250px !important;}
.tbl-list th + th,
.tbl-list td + td{border-left:1px solid #e1e1e1}

/*갤러리리스트*/
.gallery{width:100%;overflow:auto; padding:40px 0 20px 0; border-top:1px solid #363636; border-bottom:1px solid #acacac;}
.gallery li{ display:list-item; list-style:none; float:left; width:280px; margin:0 40px 20px 0;;vertical-align:top;}
.gallery li:nth-child(3n){margin-right:0;}
.gallery li.no{border:1px solid #eee; text-align:center; line-height:50px; font-size:15px; display:block; width:99%;}
/*이미지*/
.gbox{ display:block; width:278px; box-sizing:content-box; height:auto;padding:0; margin:0 auto; border:1px solid #ebebeb;}
.gbox:hover{border-color:#acacac;}
.gbox .thumb{width:100%;height:auto;overflow:hidden; display:block; position:relative; } 
.gbox .thumb .chk{position:absolute; z-index:10;}
.gbox .thumb img{width:100%; height:100%; -webkit-transform:scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1) ;-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s;  transition: 0.3s;}
.gbox:hover .thumb img{-webkit-transform:scale(1.2,1.2); -ms-transform: scale(1.2,1.2) ; transform: scale(1.2,1.2);}
.gbox .txtbox{ display:block; margin:0 17px;}
.gbox .txtbox .sub{ line-height:45px; display:block; text-align:center; color:#616161; font-size:18px;white-space: nowrap; word-wrap: normal; max-width: 100%; overflow: hidden; margin:6px 0 8px 0; border-bottom:1px solid #ebebeb; font-weight:500;}
.gbox .txtbox .sub .newicon{display:inline-block; font-size:10px; background:#8f5ca1; height:15px; line-height:15px; padding:0 3px; margin-left:5px; color:#fff; letter-spacing:0; text-transform:uppercase;}
.gbox .txtbox .data{ display:block; text-align:center; line-height:25px; color:#616161; font-size:15px;font-weight:400;}
.gbox .txtbox .view{ display:block; text-align:center; line-height:25px; color:#a7a7a7; font-size:15px; font-weight:300;}


/* Write Style */
.tbl-base caption{display:none;}
.tbl-base th{border:1px solid #ccc;font-weight:normal; font-size:12px; color:#303030; background:#f5f5f5; width:140px; }
.tbl-base td{border:1px solid #ccc; font-weight:normal; font-size:12px; color:#303030;}

p.caption{line-height:20px; display:block; text-align:right; font-size:12px; color:#303030}
.tbl-base2{border-collapse:collapse; border-spacing:0; width:100%; margin:0 auto; border-top:2px solid #373737; border-bottom:1px solid #c3c3c3;}
.tbl-base2 p{line-height:25px; float: right; margin: 0 auto; width: 100%;}
.tbl-base2 caption{color:#b30100; text-align:right;font-weight:normal; font-size:15px; padding-bottom:3px;}
.tbl-base2 th{ font-weight:400; font-size:15px; color:#595959;width:100px; line-height:30px; padding:10px 0 10px 20px; text-align:left;vertical-align:middle; border-bottom:1px solid #e1e1e1;border-right:1px dashed #e1e1e1;}
.tbl-base2 th .required{color:#F00; padding-right:3px;}
.tbl-base2 th a{font-weight:300; font-size:11px;color:#515151;}
.tbl-base2 td{border-bottom:1px solid #e1e1e1; font-weight:normal; font-size:15px; color:#595959;padding:10px 0 10px 10px;line-height:30px; text-align:left;vertical-align:middle; }
.tbl-base2 td input[type="text"],
.tbl-base2 td input[type="password"]{border:1px solid #ddd; line-height:28px;height:28px; box-sizing:content-box; vertical-align:middle; padding:0 10px; }
.tbl-base2 td select{border:1px solid #ccc; line-height:28px;height:28px; box-sizing:content-box; padding:0 10px;vertical-align:middle; margin-top:-1px;}
.tbl-base2 td input + select,
.tbl-base2 td select + input,
.tbl-base2 td input + input{margin-left:5px;}
.tbl-base2 td label + labe{margin-left:10px;}
.tbl-base2 td input + input{margin-left:5px;}
.page_button .hand{background:#fff; border:1px solid #ccc; outline:none; height:45px; line-height:45px; width:80px; text-align:center; cursor:pointer; margin-left:1px;}
.tbl-base2 td#agreement{}
.tbl-base2 td#agreement h3{height:25px; padding-top:5px; font-size:15px; color:#000; font-weight:400;}
.tbl-base2 td#agreement #agree_txt{ width:97%; height:100px; border:1px solid #ccc;  padding:5px; line-height:20px; font-size:12px; font-weight:300;}
.tbl-base2 td#agreement .agree_info{ width:99.2%; background:#f9f9f9; margin-top:10px;}
.tbl-base2 td#agreement .agree_info b{padding-right:40px; font-size:13px;line-height:20px; font-weight:500;}
.tbl-base2 td#agreement .agree_info label{ padding-left:5px;padding-right:20px; font-size:13px; line-height:20px; cursor:pointer;}
/* View Style */
.tbl-view{width:100%; margin:20px auto; border-top:2px solid #373737; border-bottom:1px solid #c3c3c3;;}
.tbl-view th{border-bottom:1px solid #e1e1e1; font-weight:300; color:#595959; font-size:15px; width:10%; line-height:25px; padding:10px 0 10px 20px; text-align:left; vertical-align:middle;border-right:1px dashed #e1e1e1;}
.tbl-view td + th{border-left:1px dashed #e1e1e1}
.tbl-view .title_b{ font-weight:500; color:#373737;border-right:none;}
.tbl-view td{border-bottom:1px solid #e1e1e1;font-weight:400; color:#595959;  font-size:15px; width:40%; line-height:25px; padding:10px 0 10px 20px; text-align:left;vertical-align:middle;}
.tbl-view td.contents{padding:20px; line-height:23px; font-size:15px;}
.tbl-view td.contents p{font-size:14px;}
.tbl-view td.contents img{max-width:100%;}
.tbl-view td.files{line-height:18px; font-size:12px;}
.tbl-view td #snsLink{ clear:both;float:right;border:1px solid #ccc; padding:2px; width:83px;}
.tbl-view td .etc{float:right;font-weight:normal; font-size:11px; color:#888; line-height:25px;}
.tbl-view caption{display:none;}


/* comment Style */
.tbl-reply{width:100%;}
.tbl-reply th{border-bottom:1px solid #dbdbdb; font-weight:normal; font-size:11px; color:#515151; background:#f5f5f5; width:100px; height:31px; text-align:left; padding-left:10px;}
.tbl-reply th.title{ font-weight:bold; font-size:13px; color:#333; background:#fff; border-top:2px solid #e6625e;}
.tbl-reply td{border-bottom:1px solid #dbdbdb; font:font-weight:normal; font-size:11px;color:#515151; padding:2px 2px 2px 10px;}
.tbl-reply td.contents{padding:20px;}
.tbl-reply td #snsLink{border:1px solid #ccc; padding:2px; display:block; float:right;}
.tbl-reply caption{display:none;}

/*버튼스타일*/
a.button,
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url(./images/button/btn_type01.jpg) no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle;}
a.button { padding:0; background-position:left top; overflow:visible;}
a.button span { height:22px; left:2px; padding:10px 25px 0px 15px; color:#fff; font:normal 11px; background-position:right top; *vertical-align:top;}

span.button,
span.button button,
span.button input { position:relative; margin:0; display:inline-block; border:0; font:normal 11px; white-space:nowrap; background:url(./images/button/btn_type01.jpg) no-repeat; vertical-align:middle;  color:#fff;}
span.button { padding:0; background-position:left top;}
span.button button,
span.button input { height:28px; left:2px; *vertical-align:top; padding:3px 25px 0 15px; line-height:18px; background-position:right top; cursor:pointer; *overflow:visible;}
 
 
 
.button.type01,
.button.type01 span,
span.button.type01,
span.button.type01 button,
span.button.type01 input { background:#656565;padding:0 9px;color:#fff;line-height:28px;border:1px solid #656565;cursor:pointer; vertical-align:top;}

.button.type02,
.button.type02 span,
span.button.type02,
span.button.type02 button,
span.button.type02 input {background:#8f5ca0; border:none;color:#fff;height:45px;line-height:45px;width:86px;text-align:center;cursor:pointer; margin-left:1px;vertical-align:top;font-size:17px;}

.button.type03,
.button.type03 span,
span.button.type03,
span.button.type03 button,
span.button.type03 input { background:#ccc;height:32px;padding:0 15px;color:#fff;line-height:32px;border:none;cursor:pointer;}

.button.type04,
.button.type04 span,
span.button.type04,
span.button.type04 button,
span.button.type04 input { background:#444;height:43px;padding:0 20px;color:#fff;line-height:43px;border:1px solid #444;cursor:pointer;}


.button.type05,
.button.type05 span,
span.button.type05,
span.button.type05 button,
span.button.type05 input { background:#fff;height:43px; width:80px; color:#000;line-height:43px;border:1px solid #ccc;cursor:pointer; box-sizing:content-box;}

.inp_img{float:left;}
.btns_img{float:right; margin-left:10px; background:#fff;}  
.pxxc{padding:20px 0 0 250px; text-align:center;float:left;}
.ttin{padding:20px 0 0 5px;float:left;}
.ttin input{width:246px; padding:6px 0 0 0; background:url(../../../images/board/input_bg.jpg) no-repeat;}
.gex{padding:20px 0 0 5px;float:left;}


.comment_modify{display:none;}
.comment_reply{display:none;}
.comment_remove{position:absolute; top:0; right:70px; display:none;text-align:center; border:1px solid #ccc; padding:10px; background:#fff;zomm:1;}
.comment_remove div input{padding-left:5px; padding-right:5px;}