@charset "utf-8";

@media only screen and (max-width:999px){
	#photo .photo-list li {width:32.2%}
}
@media only screen and (max-width:900px){
	.board-search-wrap .board-search.type-line {display:block;width:100%;margin-top: 10px;}
}
@media only screen and (max-width:780px){	
	#photo .photo-list li {width:32%;}
	
	/* 답변담당자 - 기능없으면 지워도 됨 */
	.answer-admin {border-top:0}
	.answer-admin .tit {position:relative;float:none;width:100%;padding:0 0 15px 11px;font-size:1em;color:#333;text-align:left;box-sizing:border-box;background:none;}
	.answer-admin .tit:after {content:'';position:absolute;left:0;top:9px;width:2px;height:2px;background:#3e516a}
	.answer-admin .admin-info {float:none;width:100%;border-top:1px solid #d0d0d0;box-sizing:border-box;}
	
	.board-search-wrap .board-search.type-line .select-sec {display:inline-block;vertical-align:top;margin-bottom:5px;}
	.board-search-wrap .board-search.type-line .btn-sec {display:block;}
}

@media only screen and (max-width:720px){	
	/*검색*/
	.board-search-wrap .board-total, .board-search-wrap .board-search {float:none;}
	.board-search-wrap .board-search {margin-top:5px;}
	/* 일반게시판 리스트 */
	.board-list-table colgroup {display:none;}
	.board-list-table thead {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;}
	.board-list-table th, .board-list-table td {border:0;}
	.board-list-table tbody tr {position:relative;overflow:hidden;display:block;width:100%;border-bottom:1px solid #ddd;float:left;}
	.board-list-table tr:hover td {background-color:transparent;}
	.board-list-table td {display:block;min-height:25px;}
	.board-list-table td .stitle a {max-width:88%;}
	.board-list-table .num {display: none;float:left;padding-bottom:0;}
	.board-list-table .subject {width:92%;float:left;padding-bottom:0;padding-right:0;}
	.board-list-table .writer, .board-list-table .date, .board-list-table .cnt, .board-list-table .down, .board-list-table .company {float:left;width:auto;padding-left:2%;padding-right:2%;padding-top:5px;padding-bottom:10px;background:url(/_Img/Board/default/vbar.gif) no-repeat 0 10px;}
	.board-list-table td:first-child + td + td {background:none;padding-left:2%;}
	.board-list-table .noData {float:left;width:100%;display:block;text-align:center;border-left:0;border-right:0;}
	/* 통계 */
	.board-list-table.stats .subject {margin-top:-41px;}
	.board-list-table.stats .year {position:absolute;left:0;bottom:0;width:auto;padding:5px 10px 10px 8%;background:url(/_Img/Board/default/vbar.gif) no-repeat right 10px;}
	.board-list-table.stats .down {padding-left:15%}
	/* li style */
	.board-list-li .subject {margin-right:10px;}
	.board-list-li .cont {position:relative;top:auto;right:auto;margin-top:10px;}
	/* faq */
	.board-faq-list li .ptitle {background-position:10px center;padding-left:30px;min-height:55px;}
	.board-faq-list .over .ptitle {background-position:18px center}
	.board-faq-list li .pcate {float:none;width:100%;display:block;}
	.board-faq-list li .ptitle a {padding:10px 15px;line-height:20px;font-size:14px;width:80%;}
	.board-faq-list li .pcont {float:none;display:block;width:100%}
	.board-faq-list .faq-in-cont {background-position:18px 24px;padding-left:50px;}
	.board-faq-list .faq-in-wrap {background-position:99% center;}
}

@media only screen and (max-width:680px){
	/* 갤러리게시판 */
	#photo .photo-list li {width:46%;margin:20px 1.5% 0;}
	
	/* 답변담당자 - 기능없으면 지워도 됨 */
	.answer-admin .admin-info li {width:50%;height:52px;margin-left:0;padding:15px 0;font-size:0.875em;box-sizing:border-box;}
	.answer-admin .admin-info li:nth-child(odd) {border-left:0}
	.answer-admin .admin-info li:nth-child(1), .answer-admin .admin-info li:nth-child(2) {border-bottom:1px solid #d1d1d1;}
}

@media only screen and (max-width:600px){
	/* 일반게시판 리스트 */
	.board-list-table .num {width:10%;}
	.board-list-table .subject {width:88%;}
	/* 통계게시판 */
	.board-list-table.stats .down {padding-left:16%}
	/* 쓰기폼 */
	.board-write-tbl {table-layout:auto;width:100%;clear:both;border-left:1px solid #ddd;border-right:1px solid #ddd;}
	.board-write-tbl tr {display:block;width:100%;overflow:hidden;border-bottom:1px solid #ddd;}
	.board-write-tbl tbody {width:100%;}
	.board-write-tbl tbody th, .board-write-tbl tbody td {float:none;display: block;width:100%;height:auto;border:0;box-sizing:border-box}
	.board-write-tbl tbody th {padding: 12px 15px 12px 5px;}
	.board-write-tbl tbody td {text-align: left;}
	.board-write-tbl th label {font-size:14px;}
	/* 일반게시판 뷰 */
	.board-view-head .vtitle {width:100%;padding:15px 20px;box-sizing:border-box;}
	.board-view-head .vtitle-winfo {position:relative;top:auto;right:auto;padding:0 20px 10px;}
	.board-view-winfo .ilbl, .board-view-winfo .txt {display:block;}
	.board-view-winfo .ilbl {padding-bottom:0;width:100%;text-align:left;padding-left:20px;box-sizing:border-box;}
	.board-view-winfo .txt {border-left:0;margin:0;padding:10px 20px 10px 20px;box-sizing:border-box;}
	.board-view-filelist, .board-view-linklist {border-left:0;padding:5px 0 10px 15px;display:block;}
}

@media only screen and (max-width:480px){
	/* 검색 */
	.board-search-wrap .board-total .txt {display:block;width:1px;height:1px;overflow:hidden;position:absolute;top:0;left:0;}
	.board-list-table .num {width:13%;}
	.board-list-table .subject {width:84%;}
	.board-list-table td .stitle a {max-width:81%;}
	.board-list-table.stats .subject {padding-left:12%}
	.board-list-table.stats .down {padding-left:22%}
	.board-list-table.stats .year {padding-left:12%}
	/* li style */
	.board-list-li .subject .stitle a {max-width:79%}
	/* faq */
	.board-faq-list li .pcate {width:79%;}
	.board-faq-list li .pcont {width:75%;}
	/* 쓰기 */
	.board-write-tbl input.text.w90 {width:22% !important;}
	.board-list-btns {text-align:center;}
	.board-list-btns a, .board-list-btns button, .board-list-btns input {padding:0 25px;}
	/* 코멘트쓰기 */
	.cmt-item-frm .ilbl, .bcmt-wfrm-wrap .ilbl {width:20%;}
	/* faq */
	.board-faq-list li .ptitle a {width:80%;}
}

@media only screen and (max-width:440px){
	/* 검색 */
	.board-search-wrap .board-search input.text {width:150px;}
	/* 내용 */
	.board-view-cont {padding:20px 10px 0;}
}

@media only screen and (max-width:380px){
	.board-list-table.stats .down {padding-left:25%}
	.board-list-table td:first-child + td + td {padding-left:5%;}
}



/* 언론보도 */
@media only screen and (max-width:640px){
	.board-list-li .ptitle {display:block;position:relative;margin-left:0;padding-right:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
	.board-list-li .pcont {display:block;position:relative;padding-left:0;padding-right:0;width:100%;max-width:100%;left:auto;top:auto;right:auto;margin:0;padding:0 0;padding-top:5px;text-align:left;}
	
	.board-list-li .pcont .writer {padding-right:0;max-width:50%;}
	.board-list-li .pcont .date {width:auto;text-align:left;}
	.board-list-li .pcont .read {width:auto;}
	.board-list-li .pcont .read .lbl {display:inline;}
	.board-list-li .pcont .read .num {width:auto;display:inline;text-align:left;}
}
@media only screen and (max-width:480px) {
	.board-list-li .pnotice	{left:0px;}

	.board-list-li li .board-li-wrap {padding:13px 0px 12px 0px; }
	.board-list-li li.isNotice .board-li-wrap {padding-left:50px;}
	
	.board-list-li .pcate {width:auto;min-width:0px;padding-left:0;padding-right:0.5em;}
	.board-list-li .pnum {display:none;}
	.board-list-li .ptitle {padding-right:80px}
	.board-list-li .c-status {position:absolute;right:0;top:50%;margin-top:-34px;}
}
@media only screen and (max-width:480px) {
	.board-list-li2 li .board-li-wrap {padding-left:40px;}
	.board-list-li2 .pnum {left:0px;top:50%;width:40px;}
	.board-list-li2 .pnotice {left:0px;top:33px;width:40px;}

	.board-list-li2 .ptitle {margin-right:110px;}
	.board-list-li2 .pcont {margin-right:110px;max-height:2.6em;overflow:hidden}
	.board-list-li2 .pbtns {margin-top:-26px;right:10px;}
	.board-list-li2 .pbtns .vbtn {width:40px;height:30px;padding-top:10px;padding-bottom:10px;}
	.board-list-li2 .pbtns .vbtn .lbl, .board-list-li2 .pbtns .vbtn .num {font-size:0.75em;}
	.board-list-li2 .pbtns .vbtn.files {padding-top:10px;padding-bottom:10px;}
	.board-list-li2 .pbtns .vbtn.files img {max-width:100%;max-height:100%;}
}
@media only screen and (max-width:320px) {
	.board-list-li2 .ptitle {margin-right:0;}
	.board-list-li2 .pcont {margin-right:0;}
	.board-list-li2 .pbtns {display:none;}
}


/* 고객의소리 */
@media only screen and (max-width:999px){
	.customer-wrap .tbl-form th {width:20%;}
	.customer-wrap .tbl-form td {width:80%;}	
	.customer-wrap .mbtn-wrap {margin-top:25px;}
}
@media only screen and (max-width:768px){
	.customer-wrap .tbl-form {border:1px solid #ddd;border-top:2px solid #696c75;border-bottom:0;letter-spacing:0;}
	.customer-wrap .tbl-form tr {overflow:hidden;display:block;border-bottom:1px solid #ddd}
	.customer-wrap .tbl-form th, .customer-wrap .tbl-form td {border:0;background:#fff;display:block;width:95% !important;float:left;}
	.customer-wrap .tbl-form th {font-size:1.154em;padding:15px 0 5px 2.5%}
	.customer-wrap .tbl-form td {position:relative;padding:5px 2.5% 15px;font-size:1.154em;}
	.customer-wrap .tbl-form td .sw-btn {position:absolute;top:-30px;right:2.5%;letter-spacing:-1px;}
	.customer-wrap .tbl-form td input[type=text], .customer-wrap .tbl-form td input[type=password] {width:98%;border:0;background:#f0f0f0;margin:2px 0;height:40px;color:#444;}
	.customer-wrap .tbl-form td input[type=text]::-webkit-input-placeholder, .customer-wrap .tbl-form td input[type=password]::-webkit-input-placeholder {color:#444;}
	.customer-wrap .tbl-form td input[type=text]:-moz-placeholder, .customer-wrap .tbl-form td input[type=password]:-moz-placeholder {color:#444;}
	.customer-wrap .tbl-form td input[type=text]::-moz-placeholder, .customer-wrap .tbl-form td input[type=password]::-moz-placeholder {color:#444;}
	.customer-wrap .tbl-form td input[type=text]:-ms-input-placeholder, .customer-wrap .tbl-form td input[type=password]:-ms-input-placeholder {color:#444;}
	.customer-wrap .tbl-form td .stit {display:none;}
	.customer-wrap .tbl-form td input.text.w40p {width:40%;}
	.customer-wrap .tbl-form td input.text.w30p {width:45%;}
	.customer-wrap .tbl-form td input.text.w90 {width:90px;}
	.customer-wrap .tbl-form td input.text.w50 {width:28% !important}
	.customer-wrap .tbl-form td input.text.w15p, .customer-wrap .tbl-form td input.text.w20p, .customer-wrap .tbl-form td input.text.w25p, .customer-wrap .tbl-form td select.select {width:25%;height:40px;}
	.customer-wrap .tbl-form td textarea {background:#f0f0f0;border:0;}
}
@media only screen and (max-width:480px){
	.customer-wrap .tbl-form td input.text.w50 {width:25% !important}
	.customer-wrap .tbl-form td input.text.w20p, .member-form .tbl-form td input.text.w25p {width:40%;}
	.customer-wrap .tbl-form td select.select {width:95%;margin-top:5px;}	
	.customer-wrap .mbtn-wrap .lp-btn {padding:0 20px;min-width:110px;}
	.customer-wrap .mbtn-wrap .lw-btn {min-width:70px;}
}

/* 4단 테이블 보기화면 */
@media only screen and (max-width:999px){
	.multi-wrap .tit {width:30%;}
	.multi-wrap .cont {width:70%;}
}
@media only screen and (max-width:768px){
	.multi-wrap .tbl-form, .multi-wrap .tbl-form thead, .multi-wrap .tbl-form tbody, .multi-wrap .tbl-form th, .multi-wrap .tbl-form td, .multi-wrap .tbl-form tr {display:block;}
	.multi-wrap .tbl-form {border:1px solid #ddd;border-top:2px solid #696c75;border-bottom:0;letter-spacing:0;}
	.multi-wrap .tbl-form tr {overflow:hidden;display:block;}
	.multi-wrap .tbl-form th, .multi-wrap .tbl-form td {font-size:1.154em;border:0;background:#fff;display:block;width:95% !important;float:left;}
	.multi-wrap .tbl-form th {padding:15px 0 5px 2.5%}
	.multi-wrap .tbl-form td {border-bottom:1px solid #ddd;padding:5px 2.5% 15px;}
}

/* 대관신청용 */
@media only screen and (max-width:768px){
	.customer-wrap .tbl-form td input.total-pay {width:90%;}
	.customer-wrap .tbl-form .divide {display:inline-block;margin-top:0;}
}

/* 컬럼형 */
@media only screen and (max-width:640px){
	.column-wrap .column-sec.thum-type {padding-left:160px;height:110px;}
	.column-wrap .column-sec.thum-type .pimg {width:140px;height:110px;}
	.column-wrap .column-sec .data {padding:0 10px;}
}

@media only screen and (max-width:449px){
	#photo .photo-list li .pcont span {margin-left:0;padding-left:0;background-image:none}
	#photo .photo-list li .pcont span.writer {display:none}
}
@media only screen and (max-width:320px){
	.column-wrap .column-sec.thum-type {padding-left:120px;height:70px;}
	.column-wrap .column-sec.thum-type .pimg {width:100px;height:70px;}
}