@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;}
.error_msg,.spam_err{color:red;}
.error_msg:before {content:"*";margin-right:3px;}

/* 글목록 */
#list {padding-bottom:20px;}
#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;}
.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:0 auto;}
#list #list_table th {text-align:center; line-height:120%; padding-bottom:3px;}
#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:last-child 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 #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;}

/*포토목록*/
.photos_list { -webkit-column-count:4; -webkit-column-gap:5px; -moz-column-count:4; -moz-column-gap:5px; column-count:4; column-gap:5px; }
.photos_list li img { width: 100% !important; height: auto !important; } 
.photos_list li {position:relative;}
.photos_list li span { position:absolute; bottom:5px; z-index:10; display:block; background-color:rgba(0,0,0,0.3); color:#fff;width:98%;text-align:center;padding:5px 1%; text-overflow :ellipsis; overflow:hidden; white-space:nowrap; }

/*공지목록*/
#list #no_article {text-align:center; margin:20px 0;}
#list dl {margin-top:10px; padding-bottom:10px; border-bottom:1px dotted;}
#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:"";}

/* 보는화면 */
#view #title {padding:10px 0 12px 0; border-top:2px solid; border-bottom:1px solid; font-size:110%; text-align:center;}
#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:3px;}
#view span.writer {font-size:90%;}
#view #name_date {height:30px; line-height:30px; padding-right:5px;}
.oldie #view #name_date {line-height:40px; text-align:right;}
#view .addinfoshow { margin-top:15px; width:100%; text-align:center; background:#f7f7f7; border-radius:7px;}
#view .addinfoshow li {padding:7px 0; margin:0; float:left; list-style:none; }
#view .addinfoshow li.first {width:10%;}
#view .addinfoshow li.first strong{display:block; font-size:90%; padding:2px; border:1px solid #b7b7b7; border-radius:3px;}
#view .addinfoshow li.last {width:10%; overflow:hidden;}
#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 .file_icon {background:url('../../../icon/ingis/ico_file.gif') no-repeat left 5px; padding-left:20px;}
#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 {background:url('../../../icon/ingis/arroow03.gif') no-repeat 4px 13px;}
#view dl#related dt.next {background:url('../../../icon/ingis/arroow02.gif') no-repeat 4px 13px;}
#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 {margin-bottom:3px;}
#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 p {margin:5px 0;}
 
/* 글쓰기화면 */
.writeform *{padding:0;margin:0;}
.writeform input[type=radio],.writeform input[type=checkbox] {border:0; vertical-align:middle; margin-right:2px;}
.writeform_body {margin-top:5px; margin-bottom:5px;}
.writeform_body dl {clear:both;}
.writeform_body dt {float:left; width:9%; text-align:center; padding-top:5px; padding-bottom:5px; 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, #opendate_dd {width:41.3%;}
.writeform_body #elm1 {height:300px;}
.writeform #gobutton {padding-top:15px; padding-bottom:40px; margin:10px auto 0 auto; text-align:center; border-top:1px solid;}
.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 (max-width: 1200px) {
 
}
@media (max-width: 1000px) {
  .photos_list { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
}
@media (max-width: 800px) {
    /* 리스트화면 */
    #list {width:98%;}
    #list #list_table {border-top:1px dotted;}
    #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;}
    /*포토목록*/
    .photos_list { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
    /* 보는화면 */
    #view {width:98%;margin-top:1px;}
    #view img,#view video {max-width:100%; height:auto;}
    #view span.article_subject, #view #file img {display:none;}
    #view #title {padding:7px; line-height:130%; font-size:115%; text-align:left;}
    #view #name_date {padding-left:7px;}
    #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:100%;line-height:100%;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;}
    #view .addinfoshow {padding:15px 0;}
    #view .addinfoshow li{width:100%; margin:5px 0;}
    #view .addinfoshow li.first {width:30%; height:20px; line-height:130%; overflow-x:hidden; overflow-y:scroll auto;}
    #view .addinfoshow li.last {padding-left:5%; width:65%;  height:20px; line-height:130%; text-align:left;}
    #view .addinfoshow li.first strong {margin-left:10%;}
    /* 글쓰는화면 */
    #write {width:98%;}
    .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 (max-width: 400px) {
    /*포토목록*/
    .photos_list { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
}
@media handheld, only screen and (max-width: 320px) {
  	#view #content #real_con { max-width:290px;}
}