@charset "utf-8";

#page_title {border-bottom:2px solid; margin-bottom:15px; padding-bottom:12px; font-weight:900; letter-spacing:3px; font-size:170%;}
#page_title span {border-top:3px solid; display:inline-block; padding-top:5px;}
a:hover {text-decoration:underline;}

/* 글목록 */
#list{margin-top:10px;width:100%;padding-bottom:20px;}
#list #bott_sort {width:100%; position:relative;}
#list #bott_sort form {width:28%; text-align:left;}
#list #bott_sort #page_ctn {position:absolute; top:5px; right:15px;}
#list #bott_sort #page_ctn span {font-weight:bold; margin-right:5px;}
#list #bott_sort form#search { width:50%;}
#list #bott_sort form#search input#keyword {width:60%; height:23px; border: 1px solid #b8b8b8;} 
#list #bott_sort form select {font-size:100%; height:25px;}
.ie #list #bott_sort form select {padding-top:1px;}
.ie8 #list #bott_sort form select,.ie8 #list #bott_sort form input {vertical-align:middle;}
#list {margin-top:10px;}
#list #site_box {margin:20px 0 0 0; width:100%;}
#list #site_box dl.site_wrap {float:left; margin:2px 0.5% 15px 0.5%; width:24%; text-align:center;box-sizing:border-box;}
#list #site_box dl.site_wrap dt {border:1px solid #ccc; padding:0; min-height:50px; position:relative;}
#list #site_box dl.site_wrap dt img {width:100%; height:auto; height:150px;}
#list #site_box dl.site_wrap dd.mbtn {margin-top:7px;}
#list #site_box dl.site_wrap dd.mbtn span {margin:0 3px;}
#list #site_box dl.site_wrap dt .s_subject {	position:absolute; bottom:0; left:0; width:100%; background-color:rgba(0,0,0,0.5); color:#fff; text-align:left; padding:5px; box-sizing:border-box; }
#list #pagego_bbs {text-align:center; margin:0 auto; margin-top:20px; position:relative;}
#list #pagego_bbs span.nowpage {font-size:110%; width:15px; height:15px; line-height:18px; margin:0 5px; padding:2px 4px; border:1px solid; filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.3;}
#list #pagego_bbs a span.pagelist{font-size:110%; width:15px; height:15px; line-height:18px; margin:0 5px; border:1px solid; padding:2px 4px;}
#list #pagego_bbs a:hover span.pagelist{width:15px; height:15px; line-height:18px; margin:0 5px; text-decoration:none; border:1px solid; padding:2px 4px;}
#list #pagego_bbs #write_bt {position:absolute;	right:0; top:0;}
#list #pagego_bbs #search_bt {position:absolute; right:0; top:0;}

/* 비공개 인증 */
#secret_box {max-width:300px; margin:45px auto 0 auto; border:1px solid; border-radius:5px; padding:10px;}
#secret_box p {margin:5px 0;}
 
/*새글쓰기화면  */
.writeform *{padding:0;margin:0;}
.writeform .line01 {background:#B5B6B5;height:2px;}
.writeform .line02_clear {clear:both;background:#e8e8e8;height:1px;}
.writeform_body {margin-top:5px; margin-bottom:5px; border-bottom:1px solid; padding-bottom:20px;}
.writeform_body dl {overflow:auto;}
.writeform_body dt {float:left;	width:9%; text-align:right;	padding-right:2%; padding-top:7px;padding-bottom:5px; vertical-align:middle; font-weight:bold;}
.writeform_body dd {float:left;	width:89%; padding:5px 0;}
.writeform_body dl dd p.submemo {margin-top:5px;}
.writeform_body dl dd span#spam_no {margin-right:5px; font-weight:bold; font-size:130%; letter-spacing:2px;}
.writeform_body dl dd.up_box select{margin-bottom:5px;}
.writeform_body dl dd.up_box span {margin-right:10px;}
.writeform_body dl dd.up_box input.inputfile {margin:2px 0 3px 0;}
#name_dd, #pass_dd {width:39.3%;}
.writeform #gobutton {padding-top:10px;	padding-bottom:40px; margin:0 auto;	text-align:center;}
.writeform #gobutton button {margin-right:10px;}
.writeform input#kongzi {vertical-align:middle; margin-right:2px;}
     
/* 수정 삭제 비밀번호 확인*/
#chkpass {}
#chkpass .chk_box {}
#chkpass .chk_box input#inpasswd {}


/* ============================= */
/* ! Layout for tablet version   */
/* ============================= */
@media handheld, only screen and (max-width: 1024px) and (min-width: 768px) {
      
    /* 보는화면 */
    #view #name_date {float:right;}
    #view #name_date #name_field { margin-left:0;}
    #view #reple_submit textarea {width:82%;}
    #list #list_table td.wdate {padding-left:0;}
    #list #list_table td span.open {padding-right:15%;}
	
}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */
@media handheld, only screen and (max-width: 767px) {

    /* 리스트화면 */
    #list {width:97%;}
    #list #site_box dl.site_wrap {width:49%;box-sizing;border-box;}
    #list #site_box dl.site_wrap img {max-width:100%; height:auto;}
    #bott_sort {width:100%;text-align:center;}
    #bott_sort #sort {display:none;}
    #list #bott_sort form#search {float:none;clear:left;margin:0 auto;width:90%;margin-bottom:10px;text-align:center;}
    #list #bott_sort form#search input#keyword { width:50%}
    #list #bott_sort #ptotal {display:none;}
    #list #bott_sort #page_ctn { position:relative;}
            
    /* 보는화면 */
    #view {width:97%;margin-top:1px;}
    #view span.article_subject, #view #file img {display:none;}
    #view #title {padding:7px;line-height:130%;font-size:115%;}
    #view #name_date span { padding:0 5px;position:relative;}
    #view #name_date span:after {content:"|";position:absolute;right:-3px;color:#ccc;font-size:80%;vertical-align:middle;}
    #view #name_date span.hits:after{content:"";}
    #view #content {padding:3px 0;white-space:normal;word-wrap: break-word;margin-top:0;}
     
    /* 글쓰는화면 */
    #write {width:97%;}
    .writeform_body dt {float:none; width:100%; padding:0 0 5px 0; text-align:left;}
    .writeform_body dd {float:none; width:100%; padding:0 0 10px 0;}
    #name_dd, #pass_dd {width:99%;}
    
    /* 비공개 인증 */
    #secret_box {width:80%;}
    #secret_box img { max-width:100%;}
    #secret_box input#pw_box {width:78%; margin-right:2%;} 
	
}

@media handheld, only screen and (max-width: 480px) {
    #list #site_box {overflow:auto;}
}