@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 {display:inline-block; padding-top:5px;}
a:hover {text-decoration:underline;}

/* 글목록 */
#list {margin-top:10px; min-height:100px; }
#list #no_article {text-align:center; margin:20px 0;}
#list dl { padding:10px;}
#list dl:nth-child(odd) { background-color:#f8f8f8; }
#list dl dt{padding:5px 0; font-weight:bold;}
#list dl dt a:link,#list dl dt a:visited {font-size:105%;}
#list dl dd{padding:3px 0;}
#list dl dd.addinfo {font-size:80%;}
#list dl dd span:after {content:""; margin:0 5px;}
#list dl dd span.last:after {content:"";}
#list #bott_sort {width:100%; position:relative;}
#list #bott_sort form {float:left; width:28%; text-align:left;}
#list #bott_sort #page_ctn {position:absolute; top:5px; right:0;}
#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; padding-left:3px;} 
#list #bott_sort form select {font-size:100%; height:25px;}

.ie #list #bott_sort form select {padding-top:1px;}
#pagego_bbs {text-align:center; margin:0 auto; margin-top:20px; position:relative;}
#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;}
#pagego_bbs a span.pagelist{font-size:110%; width:15px; height:15px; line-height:18px; margin:0 5px; border:1px solid; padding:2px 4px;}
#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;}

/* 보는화면 */
#view #title {padding:7px 0; border-top:2px solid; border-bottom:1px solid;}
#view span.article_subject {display:inline-block; width:60px; text-align:center; font-weight:bolder; position:relative; margin-right:3px;}
#view span.article_subject:after {position:absolute; content:"|"; font-size:70%; right:5px; top:1px;}
#view #name_date {height:30px; line-height:30px; padding-right:5px;}
.oldie #view #name_date {line-height:40px; text-align:right;}
#view #content {margin-top:30px; padding:15px 0; border-top:1px dotted;}
.oldie #view #content {margin-top:10px;}
#view #content #real_con {position:relative; line-height:150%;}
#view #content #real_sub {margin-top:20px;}
#view #content p#imgshow {width:100%; text-align:center; margin-top:10px;}
#view #content p#uip {text-align:right;	margin-top:10px;}
#view #content p#file_icon {background:url('../../../icon/ingis/ico_file.gif') no-repeat left 5px; padding-left:20px;}
#view #content p#file_icon span:after {content:"|"; margin:0 5px;}
#view #content p#file_icon span.lastcell:after {content:" ";}
#view .view_x {vertical-align:middle; margin-left:5px;}
#view dl#related {width:100%; margin:0; border-top:1px solid; border-bottom:1px solid;}
#view dl#related dt {width:10%;	min-height:30px; line-height:30px; text-align:center; font-weight:bold;	position:relative;}
#view dl#related dt:after {content:"|"; font-size:50%; position:absolute; right:8px; top:1px;}
#view dl#related dt.prev:before {content:"◀";font-size:60%;position:absolute;left:2px;}
#view dl#related dt.next:before {content:"▶";font-size:60%;position:absolute;left:2px;}
#view dl#related dd {width:90%;	min-height:30px; line-height:30px;}
#view dl#related dt, #view dl#related dd {float:left;}
.dotline_d {border-bottom:1px dotted;}
.foot_bt {margin:4px 0 10px 0;}
#view .memolist {margin:10px 0;}
#view .memolist p.r_title span {margin-right:10px;}
#view .memolist p.r_memo{border:1px solid #ccc; border-radius:3px; padding:5px;}
#view #memoinput {width:100%; margin:10px auto;}
#view #memoinput textarea {width:99%; height:50px;}
#view #memoinput p{text-align:right; margin-top:5px;}
#view #memoinput p input {margin-left:5px;}
#view #sns_to {text-align:right; margin-bottom:5px;}
#view #sns_to img { margin-left:2px;}

/* 비공개 인증 */
#secret_box {max-width:300px; margin:45px auto 0 auto; border:1px solid #ccc; 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;}
.writeform_body dl {width:100%; clear:left;}
.writeform_body dt {float:left; width:7%; text-align:right; padding-right:2%; padding-top:7px;padding-bottom:5px; vertical-align:middle; font-weight:bold;}
.writeform_body dd {float:left;	width:91%; 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 {vertical-align:middle;}
.writeform_body dl dd.up_box input.inputfile {margin:2px 0 3px 0;}
#name_dd, #pass_dd {width:41.3%;}
.writeform_body #elm1 {height:300px;}
.writeform #gobutton {padding-top:15px;	padding-bottom:40px; margin:10px auto 0 auto;  border-top:1px solid;	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 #list_table {border-top:1px dotted #ccc;}
    #list #list_table thead, #list #list_table td.wdate,#list #list_table td.seqno,#list #list_table td.writer,#list #list_table td.secret,#list #list_table td.hit {display:none;}
    #list #list_table td.title {width:100%; font-size:115%; line-height:130%; padding:5px 0;}
    #list #list_table td.title p.formobile {display:block; margin-bottom:3px; font-size:95%;}
    #list #list_table td.title p.formobile span {position:relative; padding:0 12px 0 0; font-size:80%;}
    #list #list_table td.title p.formobile strong {margin-right:5px;}    
    #list #list_table td.title p.formobile span:after {content:"|"; font-size:80%; vertical-align:middle; position:absolute; right:4px;}   
    #list #list_table td.title p.formobile span.last:after {content:"";} 
    #list #list_table td.title p.formobile span.lineno {padding:0; font-size:80%; margin-right:7px;}
    #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 #page_ctn { display:none;}
            
    /* 보는화면 */
    #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;}
    dl#related dt { display:none;}
    dl#related dd { width:100%;line-height:130%;min-height:0;padding:5px 0;}  
    #view dl#related dd.prev:before {content:"◀";font-size:60%;margin-right:5px;} 
    #view dl#related dd.next:before{content:"▶";font-size:60%;margin-right:8px;} 
     
    /* 글쓰는화면 */
    #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: 320px) {
	
	#view #content #real_con {max-width:290px;}
}