@charset "utf-8";

#page_title {border-bottom:1px 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;}
#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;} 
#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 #list_table {width:100%; border-collapse:collapse; border-spacing:0; margin-top:5px; margin:0 auto;}
#list #list_table th {text-align:center;}
#list #list_table th span {display:inline-block;width:100%;position:relative;}
#list #list_table th span:after {content:"|"; font-size:70%; font-weight:normal; position:absolute; right:0;}
#list #list_table th.backnone span:after {background:none; content:"";}
#list #list_table td {border-bottom:1px dotted; text-align:center;}
#list #list_table td.wdate {text-align:center;}
#list #list_table td.title {text-align:left; padding:5px 10px 5px 5px;}
#list #list_table td.title .formobile {display:none;}
#list #list_table .article_subject {margin-right:5px;}
#list #list_table .cnt_reply {color:red;}
#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;}

/* 보는화면 */
#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;}
#view #content #real_con dt {font-weight:bold; font-size:120%;}
#view #content #real_con dd {margin:10px 0 20px 0; line-height:100%;}
#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; border-top:1px solid; padding-top:10px;}
#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 {width:300px; margin:45px auto 0 auto; border:1px solid; border-radius:5px; padding:10px;}
#secret_box img { max-width:300px;}
#secret_box input {vertical-align:middle;}
#secret_box input#pw_box {width:242px; height:23px; border:1px solid #ccc; margin-right:5px;} 
#secret_box p {margin:5px 0;}
 
/*새글쓰기화면  */
#inquiry table span.formobile {display:none}
#terms textarea{width:97.5%; height:105px; border:1px solid #ccc; padding:10px 1%;}
#terms p{text-align:center; margin:10px 0;}
#terms p input{margin-right:5px; vertical-align:middle;border:1px solid #ccc;width:15px;height:15px;}
#inquiry p{border-bottom:3px solid #6EE0FF; padding:0 0 0 7px; position:relative;}
#inquiry p span{position:absolute; right:10px; bottom:3px; padding-left:10px; font-size:80%;}
#inquiry p span em{color:#fe0208; margin-right:5px;}
#inquiry table{ width:100%; margin-bottom:20px; border-collapse:collapse;}
#inquiry table th,#inquiry table td{border-bottom:1px solid; padding:7px; border-spacing: 0; }
#inquiry table th{font-size:80%;}
#inquiry table th span{display:inline-block; width:95%; height:25px; line-height:25px; background:#A4A3A3;color:#fff;filter:alpha(opacity=70);opacity: 0.7; -moz-opacity:0.3;	}
#inquiry table span em{color:#fe0208;margin-left:2px;}
#inquiry table td select#section{width:38%; height:26px; border:1px solid #ccc;}
#inquiry table td select#filenum{width:40px; height:26px; border:1px solid #ccc;}
#inquiry table td textarea{width:97%; height:145px;border:1px solid #ccc;padding:3px;}
#inquiry table td p{border:none; background:none; margin:0;}
#inquiry table td input {height:26px; border:1px solid #ccc; width:95%;padding-left:3px;}
#inquiry table td input.inputfile {border:0;padding-left:0;}
#inquiry table td input[type="file"] {width:90%;padding-left:0;margin-left:0;border:0;}
.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;}
.writeform #inquiry .div_del {margin-bottom:1px;}
.writeform #inquiry .div_del input {border:0; vertical-align:middle; margin-left:5px;}

/*답변하기*/
.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 {clear:both;}
.writeform_body dt {float:left; width:6%; text-align:right; padding-right:2%; padding-top:7px;padding-bottom:5px; vertical-align:middle; font-weight:bold;}
.writeform_body dd {float:left; width:92%; 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 {width:90%; margin:2px 0 3px 0;}
#name_dd, #pass_dd {width:41.3%;}
.writeform_body #elm1 {width:99%; height:300px;}
     
/* 수정 삭제 비밀번호 확인*/
#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;}
    #view dl#related dt { display:none;}
    #view dl#related dd {width:99%;line-height:130%;min-height:0;padding:5px 1% 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:5px;}
     
    /*글쓰는 화면*/
    .writeform {width:95%;}
    #inquiry table th{display:none;}
    #inquiry table span.formobile {display:block;padding;2px;width:100px;text-align:left; font-size:80%;margin-bottom:2px;}
    #inquiry table td{width:100%;}
    #inquiry table td.half_td{width:50%;}
    #terms p {font-size:80%;}
     
    /* 답변화면 */
    #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;}
	
}