@charset "utf-8";


.table_wrap {position:relative; margin-top:15px; font-size:15px; border-top:2px solid #6e6e6e; } /* 0.98em */


/* search */
.list_sort_wrap {position:relative; min-height:40px; margin-top:0;}
.list_sort_wrap .total {position:absolute; bottom:5px; left:5px;}
.list_sort_wrap .list_search {position:absolute; top:0; right:0}
.list_sort_wrap .list_search .l_s_input {position:relative; width:230px; border:1px solid #d2d2d2; background:#fff; margin-right:60px}
.list_sort_wrap .list_search input {position:relative; width:100%; height:35px; padding:0 10px; border:none; background:none; text-align:left;}
.list_sort_wrap .list_search .l_s_btn {position:absolute; top:0; right:0; background:#333; width:60px; height:37px; }
.list_sort_wrap .list_search .l_s_btn img {width:100%}
.list_sort_wrap .list_search .l_s_btn .btn_submit {color:#fff; text-align:center; font-size:15px; font-weight:bold; letter-spacing:-0.45px;}

/*쇼핑몰 고객센터 - 상품후기, 문의*/
.list_sort_wrap  select {position:absolute;top:0;bottom:0;right:293px;  height:36px; background:#fbfbfb url("../images/bbs/input_select_arrow.gif") right center no-repeat}


/* 썸네일형 게시판 리스트 - thumbnailList
.thumbnailList li {position:relative; overflow:hidden; padding:22px 0; border-bottom:1px solid #e1e1e1;}
.thumbnailList .img {float:left; width:32%; padding-left:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.thumbnailList .img img {width:100%; max-width:320px; max-height:213px;}
.thumbnailList .cont {float:left; width:68%; padding:20px 20px 0 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.thumbnailList .cont_w {padding:10px 20px;} 
.thumbnailList .ellipsis {font-size:19px;}
.thumbnailList .ellipsis {color:#333;}
.thumbnailList .text {padding:15px 0 30px; font-size:15px;}
.thumbnailList .text {display:block; word-break:break-all;}
.thumbnailList .text p {display:inline;}
.thumbnailList .date {color:#aaa; font-size:13px;} */


/* 썸네일형 게시판 리스트 - thumbnailList */
.thumbnailList li {position:relative; overflow:hidden; padding:22px 0; border-bottom:1px solid #e1e1e1;}
.thumbnailList .img {float:left; padding-left:7px;}
.thumbnailList .img img {width:100%; max-width:290px; max-height:190px;}
.thumbnailList .cont {float:right; width:71%; padding:10px 20px 0 20px;}
.thumbnailList .cont_w {padding:5px 20px;} /* 이미지 없을 경우 전환 */
.thumbnailList .ellipsis {font-size:24px; font-family:'Noto Sans KR', sans-serif; font-weight:400; letter-spacing:-0.45px;} /* 폰트수정 */
.thumbnailList .ellipsis a {color:#333;}
.thumbnailList .ellipsis a:hover {text-decoration:none; color:#306bc1}
.thumbnailList .text {padding:15px 0 30px;}
.thumbnailList .text {display:block; word-break:break-all;}
.thumbnailList .text p {display:inline;}
/*.thumbnailList .date {color:#aaa; font-size:13px;}*/
.thumbnailList .date, .thumbnailList .place {position:relative; padding-left:8px; font-size:15px; color:#666;}
.thumbnailList .date span, .thumbnailList .place span {color:#a87161; font-family:'NanumBarunGothicBold'; padding-right:12px;}
.thumbnailList .date:after, .thumbnailList .place:after {content:""; display:block; position:absolute; top:10px; left:0px; width:3px; height:3px; background:#a87161; -webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%;}
.thumbnailList a:hover {text-decoration:underline;}



/* table */
table.table_board {width:100%; }
table.table_board img {display:inline; vertical-align:middle;} /*민석 vertical-align 감춤*/
table.table_board > tfoot td, table.table_board > thead th {font-weight:500; color:#444; text-align:center; vertical-align:middle; border:1px solid #dcdcdc}
table.table_board > thead th a {color:#444;}
table.table_board .tl {text-align:left;}
table.table_board td a {color:#666}
table.table_board > tbody > tr > td {padding:11px 10px 10px; text-align:center; vertical-align:middle; border:1px solid #dcdcdc; border-top:none}
table.table_board > tfoot > tr > td {padding:11px 10px; border-top:none}
table.table_board > thead > tr > th {background:#fcfcfc; padding:10px 10px; border-top:none; border-bottom:1px solid #aaa;}
table.table_board > thead th.bl, table.table_board > tfoot td.bl, table.table_board > tbody td.bl{border-left:none}
table.table_board > thead th.br, table.table_board > tfoot td.br, table.table_board > tbody td.br{border-right:none}
table.table_board > tbody > tr > td .ico_sp img {margin:0 2px;}



.board_write col.i_t_01 {width:180px}
.board_write col.i_t_02 {width:auto}
table.board_write {width:100%;}
.board_write img {vertical-align:middle;}
.board_write td, table.board_write th {text-align:left; vertical-align: middle;}
.board_write td {position:relative; border-bottom:1px solid #e1e1e1; padding:9px 20px; height:30px;}
.board_write td a {color:#666}
.board_write th {font-weight:normal; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; padding:9px 12px;}
.board_write button,
.board_write input[type="text"],
.board_write input[type="password"],
.board_write input[type="file"],
.board_write select {position:relative; height:35px; text-align:left; background:#fbfbfb; border:1px solid #ebebeb; padding:0 10px; color:#666; line-height:normal;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
	zoom:1}
.board_write select {min-width:150px; padding-right:0; height:30px; background:#fbfbfb url("../images/bbs/input_select_arrow.gif") right center no-repeat}
.board_write input[type="file"]{position:relative; width:100%; padding:0; line-height:normal}
.board_write textarea {position:relative; background:#fbfbfb; border:1px solid #ebebeb;  padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.board_write label,table.board_write input, table.board_write a, table.board_write span {vertical-align:middle}
.board_write .char {margin:0 5px; line-height:normal;}

.board_write input.type_01 {width:200px;}
.board_write input.type_02 {width:610px;} /* 제목, 첨부파일 */
.board_write input.type_03 {width:494px;}
.board_write .table_info {display:inline; font-size:13px; margin-left:10px; margin-right:10px; color:#999;}

.board_write td .btn_spot {display:inline-block; padding:0 10px; height:35px; line-height:35px; border:0px; background:#555; color:#fff; text-decoration:none; vertical-align:middle;} /* 위치찾기 */
.board_write .ess {position:relative; overflow:hidden; padding-right:10px} /* 필수 */
.board_write .ess:before {position:absolute; top:4px; right:0; color:#ff0000; content:"*";} /* 필수 */


p.email_wrap {text-align:left}
p.email_wrap input.email_01 {width:150px}
p.email_wrap input.email_02 {width:150px}
p.email_wrap select {display:inline-block; zoom:1;*display:inline; width:150px; margin-left:4px;}


.board_write .juso input {margin-top:5px;}
.board_write .juso input:first-child {margin-top:0px;}
.board_write .juso input.zipcode {width:80px; margin-top:0;}
.board_write .juso label {font-size:13px; margin-left:5px; color:#999;}
.board_write .juso .btn_zip {display:inline-block; padding:0 10px; height:35px; line-height:35px; background:#555; color:#fff; border:0;}
.board_write .birthday input[type="text"] {width:200px;}
.board_write .radio {margin-left:10px;}
.board_write .radio label { margin-right:12px;}



/* paging */
.paging {text-align:center; margin-top:30px; font-size: 0px;} /*민석추가 font-size*/
.paging a,.paging span,.paging strong {display:inline-block; width:35px; height:35px; line-height:33px; margin-left:-1px; font-size:13px; color:#999; border:solid 1px #ddd; vertical-align:top;}
.paging strong {color:#444;}
/*.paging .prev, .paging .prevEnd, .paging .next, .paging .nextEnd { margin-top:0px;}*/
/*.paging a,.paging span, .paging strong {font-size:12px; color:#888; padding:0 13px 11px;  border:solid 1px #ddd; border-left:none; margin-top:0px;}*/
.paging strong {color:#444; background:#fafafa; font-weight:normal;}
.paging .border, .paging .first {border-left:solid 1px #ddd;}
.paging .prevEnd, .paging .prev, .paging .nextEnd, .paging .next {padding:0; vertical-align:top; height:35px; border:solid 1px #ddd;}
.paging .prevEnd {border-right:1px solid #ddd;} /*민석추가 border-right*/
.paging .prev {margin-right:10px;}
.paging .next {margin-left:10px;}
.paging .nextEnd {margin-left:0; border-left:0px;}




/* Board - Gallery */
.data_gallery {position:relative; overflow:hidden; margin:15px -12px -12px -12px;}
.data_gallery .photoViewList {margin-top:10px;}
.data_gallery:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
.data_gallery li {float:left; width:25%; padding:12px;}
.data_gallery li > div {position:relative;}
.data_gallery li p.img {position:relative; overflow:hidden; background:#ddd;}
.data_gallery li p.img img {width:100%;}
.data_gallery li p.img:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; opacity:0.1; border:1px solid #000; box-sizing:border-box;}
.data_gallery li dl {border:1px solid #ddd; border-top:0px solid #fff;}
.data_gallery li dl dt {padding:10px 15px 12px; font-weight:500; text-align:center;}
.data_gallery li dl dt a {display:block; color:#444; padding:3px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.data_gallery li dl dt a:hover {}
/*.data_gallery dd.num {font-family:'gulim'; font-size:11px; color:#888;}
.data_gallery dd.num strong {margin-right:5px;}*/



/* list view */
.board_view {margin:0 auto 0 auto; text-align:left}
.board_view .view_top {position:relative; overflow:hidden; /* background:#f4f4f4; */border-bottom:1px solid #aaa;}
.board_view > .view_top > h4 {float:left; width:60%; margin:0; font-size:20px; font-weight:normal; color:#444; line-height:57px; padding:0 20px; vertical-align:middle; background:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.board_view .view_top ul {float:right; position:relative;}
.board_view .view_top ul li {display:inline-block; height:57px; line-height:57px; padding:0 35px; text-align:center; border-left:1px solid #e1e1e1;}
.board_view iframe,
.board_view video,
.board_view embed,
.board_view img,
.board_view object {position:relative; top:0; left:0; max-width:100%}
.board_view .view_con {padding:20px 15px 20px; border-bottom:1px solid #aaa;}
.board_view span.filesize {position:relative; display:inline-block; margin-left:5px; min-width:80px; height:25px; border-radius:25px; background:transparent; font-size:0.938em; line-height:1.6667em; letter-spacing:-0.03333em; text-align:center;background:#f6f6f6; color:#666}

#bo_v_con img {height:auto !important;} 

/* btns */
.btn_list {position:relative; padding:25px 0 0; text-align:center; vertical-align:top;}
.btn_list a,
.btn_list button, 
.btn_list input {position:relative; display:inline-block;zoom:1;*display:inline; min-width:90px; height:33px; line-height:33px; margin:0 1px; font-size:14px;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:0px;}
.btn_list .type01 {color:#333; background:#ffffff; border:1px solid #bfbfbf;}
.btn_list .type02 {color:#fff; background:#777777;}
.btn_list .type03 {color:#fff; background:#e57100;}
.btn_list .type04 {color:#fff; background:#94b6da;}
.btn_list.right {position:absolute; bottom:2px; right:0; padding:0 !important;}
.fl {float:left; }
.fr {float:right; }


.table_board col.checkbox {width:80px}
.table_board col.number {width:80px}
.table_board col.subject {width:auto}
.table_board col.name {width:95px}
.table_board col.date {width:115px}
.table_board col.hit {width:80px}



.t_layout_tc{display:table-cell}/*순번*/
.t_layout_tl{display:table-column}/* c 순번 */
.m_layout_tc{display:table-cell}/* 날짜*/
.m_layout_tl{display:table-column}/* c 날짜 */
.b_layout_tc{display:table-cell}/*조회수*/
.b_layout_tl{display:table-column}/*c 조회수*/

.m_con_b {display:none}/*날짜*/




/* file 첨부 */
.fileBox label.file span {vertical-align:top}
.fileBox label.file input {width:0px; height:0px; overflow:hidden; position:absolute; top:-9999px; left:-9999px;}
.btn_file {display:inline-block;zoom:1;*display:inline; width:110px; height:28px; font-size:12px; text-align:center; margin-top:0px; 
line-height:26px; background:#fff; border:1px solid #cfcfcf;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}



/* 새창 common or board 필수 - 게시판 리스트 move.php 사용
.new_win {}
.new_win  h1 {height:42px; font-weight:500; font-size:15px; line-height:42px; color:#fff; background:#444; text-indent:15px;}
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
*/

/* 로그인
.login {position:relative; overflow:hidden; width:720px; margin:60px auto 5px; padding:30px 0 30px; border:1px solid #aaa;   background:#fff url("../images/member/img_login.png") no-repeat 35px 33px}
.login .login_title_wrap {width:420px; margin:0 0 25px 235px; padding-bottom:15px; border-bottom:1px dashed #dcdcdc;}
.login .login_title_wrap .title {display:inline-block; margin-right:12px; font-size:48px; line-height:48px; color:#333; font-weight:500;}
.login .login_title_wrap .desc {display:inline-block; padding-top:24px; font-size:13px;}
.login .login_input {position:relative; overflow:hidden; width:370px; margin:0 0 0 250px;}
.login .login_input input {position:relative; float:left; width:242px; height:30px; font-size:14px; color:#999; margin-bottom:7px; 
 text-align:left; background:#fbfbfb; border:1px solid #ccc; padding:0 10px; color:#666; line-height:normal}
.login .login_input .login_button {position:absolute; top:0; right:0; display:block; width:96px; height:71px; background:#6cb0a9; border:0; text-align:center; color:#fff; font-weight:500; font-size:16px; cursor:pointer; border-radius:2px; overflow:visible; overflow-y:hidden;}
.login .idsave {position:relative; overflow:hidden; width:370px; margin:10px 0 0 250px; font-weight:500; line-height:28px;}
.login .idsave input[type="checkbox"] {margin-right:4px;}
 */

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block; position:relative;}
#captcha legend {overflow:hidden; position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em;}
#captcha #captcha_img {width:111px; height:43px; border:1px solid #e5e5e5;}
#captcha #captcha_mp3 {position:absolute; top:0; left:112px; margin:0; padding:0; width:23px; height:22px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer;}
/*#captcha #captcha_mp3 span {position:absolute; top:0; left:0; width:23px; height:22px; background:url('../pbbs/plugin/kcaptcha/img/sound.gif');} 일반 */
#captcha #captcha_mp3 span {position:absolute; top:0; left:0; width:23px; height:22px; background:url('../plugin/kcaptcha/img/sound.gif');} /* 쇼핑몰 */
#captcha #captcha_reload {position:absolute; top:21px; left:112px; margin:0; padding:0; width:23px; height:22px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer;}
/*#captcha #captcha_reload span {position:absolute; top:0; left:0; width:23px; height:22px; background:url('../pbbs/plugin/kcaptcha/img/reload.gif');} 일반 */
#captcha #captcha_reload span {position:absolute; top:0; left:0; width:23px; height:22px; background:url('../plugin/kcaptcha/img/reload.gif');} /* 쇼핑몰 */
#captcha #captcha_key {margin:0 0 0 25px; padding:0 5px; width:150px; height:43px; border:1px solid #b8c9c2; background:#f7f7f7; font-weight:bold; }
#captcha #captcha_info {display:block; margin:5px 0 0;}


@media (max-width:1152px){ 

	.thumbnailList .cont {width:68%;}


	/* Board - Gallery */
	.data_gallery {margin:15px -10px -10px -10px;}
	.data_gallery li {padding:10px;}

	.data_gallery li dl dt {padding:9px 10px 11px;}


}


/* ------------------------------- tablet ---------------------------------- */

@media (max-width:1024px){ /* tablet 가로 */

	/* 썸네일형 게시판 리스트 - thumbnailList */
	.thumbnailList li {padding:20px 0;}
	.thumbnailList .img {float:left; width:30%; padding-left:1%;}
	.thumbnailList .cont {float:right; width:63%; padding:3px 1% 0 5%;}
	.thumbnailList .ellipsis {font-size:22px;}
	.thumbnailList .text {padding:14px 0 18px;}




	/* Board - Gallery */
	.data_gallery {margin:15px -8px -8px -8px;}
	.data_gallery .photoViewList {margin-top:10px;}
	.data_gallery:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
	.data_gallery li {float:left; width:25%; padding:8px;}	

	.data_gallery li p.img {min-height:130px;}

}




@media (max-width:820px){ /*  tablet 세로 */

	.table_wrap {position:relative; margin-top:12px; font-size:0.938em; border-top:2px solid #6e6e6e; }
	
	.list_sort_wrap .total {position:absolute; bottom:2px; left:2px; font-size:13px;}



	/* 썸네일형 게시판 리스트 - thumbnailList */
	.thumbnailList li {position:relative; overflow:hidden; padding:18px 0; border-bottom:1px solid #e1e1e1;}
	.thumbnailList .img {float:left; width:30%; padding-left:1%;}
	.thumbnailList .img img {width:100%; max-width:270px; max-height:177px;}
	.thumbnailList .cont {float:right; width:63%; padding:3px 1% 0 5%;}
	.thumbnailList .cont_w {padding:0 1%;} /* 이미지 없을 경우 전환 */
	.thumbnailList .ellipsis {font-size:18px; font-family:'Noto Sans KR', sans-serif; font-weight:500;} /* 폰트수정 */
	.thumbnailList .ellipsis a {color:#333;}
	.thumbnailList .ellipsis a:hover {text-decoration:none; color:#306bc1}
	.thumbnailList .text {padding:12px 0 18px; font-size:14px; }
	.thumbnailList .text {display:block; word-break:break-all;}
	.thumbnailList .text p {display:inline;}
	/*.thumbnailList .date {color:#aaa; font-size:13px;}*/
	.thumbnailList .date, .thumbnailList .place {position:relative; padding-left:8px; font-size:14px; color:#666;}
	.thumbnailList .date span, .thumbnailList .place span {color:#a87161; font-family:'NanumBarunGothicBold'; padding-right:12px;}
	.thumbnailList .date:after, .thumbnailList .place:after {content:""; display:block; position:absolute; top:7px; left:0px; width:3px; height:3px; background:#a87161; -webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%;}
	.thumbnailList a:hover {text-decoration:underline;}

	.data_gallery {margin:15px -8px -8px -8px;}
	.data_gallery li {width:33.33%; padding:8px;}

	.data_gallery li p.img {min-height:130px; max-height:160px;}
	.data_gallery li dl dt {padding:9px 10px; font-family:'맑은 고딕','Malgun Gothic'; }


	.board_write col.i_t_01 {width:18%;}
	.board_write .ess {position:relative; overflow:hidden; padding-right:10px} /* 필수 */
	.board_write .ess:before {position:absolute; top:2px; right:0; color:#ff0000; content:"*";} /* 필수 */


	.b_layout_tc{display:none;}/*조회수*/
	.b_layout_tl{display:none}/*조회수*/

	.board_view > .view_top > h4 {font-size:18px; line-height:49px; padding:0 15px;}
	.board_view .view_top ul li {display:inline-block; height:49px; line-height:49px; padding:0 25px; text-align:center; border-left:1px solid #e1e1e1;}
	
	
	/* paging */
	.paging {margin-top:20px;} 

	/* btns */
	.btn_list {padding:20px 0 0;}

	/* 관리자 로그인
	.login {position:relative; overflow:hidden; width:500px; margin:30px auto 5px; padding:30px 0 30px; border:1px solid #aaa; background:none;}
	.login .login_title_wrap {width:400px; margin:0 auto 25px; padding-bottom:15px; border-bottom:1px dashed #dcdcdc;}
	.login .login_title_wrap .title {display:inline-block; margin-right:12px; font-size:38px; line-height:48px; color:#333; font-weight:500;}
	.login .login_title_wrap .desc {display:inline-block; padding-top:24px; font-size:13px;}
	.login .login_input {position:relative; overflow:hidden; width:370px; margin:0 auto;}
	.login .login_input input {position:relative; float:left; width:242px; height:40px; font-size:15px; color:#999; margin-bottom:7px; 
	 text-align:left; background:#fbfbfb; border:1px solid #ccc; padding:0 10px; color:#666; line-height:normal}
	.login .login_input .login_button {position:absolute; top:0; right:0; display:block; width:96px; height:91px; background:#6cb0a9;  text-align:center; color:#fff; font-weight:500; font-size:16px; cursor:pointer; border-radius:2px; overflow:visible; overflow-y:hidden;}
	.login .idsave {position:relative; overflow:hidden; width:370px; margin:10px auto 0 ; font-weight:500; line-height:28px;}
	 */

	/* 캡챠 자동등록(입력)방지 기본 */ 
	#captcha audio {display:block; margin:0 0 5px; width:187px;}
	#captcha #captcha_img {width:100px; height:40px;}
	#captcha #captcha_mp3 {display:none;}
	#captcha #captcha_reload {position:relative; top:0; left:0; margin:0; padding:0 5px; height:40px; border:0; text-indent:-9999em;}
	#captcha #captcha_key {margin:0 0 0 4px; padding:0 5px; width:100px; height:40px;}
	#captcha #captcha_info {font-size:0.95em;letter-spacing:0}
	

}


/* ------------------------------- mobile 가로 세로 ---------------------------------- */

@media (max-width:767px){ /* mobile 가로 */

	.table_wrap {position:relative; margin-top:12px; font-size:0.938em; border-top:2px solid #6e6e6e; }
	
	.list_sort_wrap .total {position:absolute; bottom:2px; left:2px; font-size:12px;}

	.thumbnailList li {position:relative; overflow:hidden; padding:16px 0; border-bottom:1px solid #e1e1e1;}
	.thumbnailList .img {float:left; width:30%; padding-left:1%;}
	.thumbnailList .img img {width:100%; max-width:270px; max-height:177px;}
	.thumbnailList .cont {float:right; width:63%; padding:0px 1% 0 5%;}
	.thumbnailList .cont_w {padding:0 1%;} /* 이미지 없을 경우 전환 */
	.thumbnailList .ellipsis {font-size:17px; font-family:'Noto Sans KR', sans-serif; font-weight:500;} /* 폰트수정 */
	.thumbnailList .ellipsis a {color:#333;}
	.thumbnailList .ellipsis a:hover {text-decoration:none; color:#306bc1}
	.thumbnailList .text {padding:10px 0 12px; font-size:13px; }
	.thumbnailList .text {display:block; word-break:break-all;}
	.thumbnailList .text p {display:inline;}
	/*.thumbnailList .date {color:#aaa; font-size:13px;}*/
	.thumbnailList .date, .thumbnailList .place {position:relative; padding-left:8px; font-size:13px; color:#666;}
	.thumbnailList .date span, .thumbnailList .place span {color:#a87161; font-family:'NanumBarunGothicBold'; padding-right:12px;}
	.thumbnailList .date:after, .thumbnailList .place:after {content:""; display:block; position:absolute; top:7px; left:0px; width:3px; height:3px; background:#a87161; -webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%;}
	.thumbnailList a:hover {text-decoration:underline;}

	

	table.table_board > tbody > tr > td {padding:11px 10px 10px;}
	table.table_board > tfoot > tr > td {padding:10px 10px;}
	table.table_board > thead > tr > th {padding:9px 10px;}


	.t_layout_tc{display:none}/*순번*/
	.t_layout_tl{display:none}/* c 순번 */
	.b_layout_tc{display:none;}/*조회수*/
	.b_layout_tl{display:none}/*조회수*/


	.data_gallery {margin:15px -8px -8px -8px;}
	.data_gallery li {width:33.33%; padding:8px;}	
	.data_gallery li p.img {min-height:120px;}
	.data_gallery li dl dt {padding:9px 10px; font-family:'맑은 고딕','Malgun Gothic'; }


	.board_write td {padding:9px 10px; font-size:12px} 
	.board_write th {padding:9px 7px; font-size:11px}
	

	table.board_write input.type_01,
	table.board_write input.type_02, 
	table.board_write input.type_03 {width:100%}
	.board_write .table_info {display:block; margin-top:5px; margin-left:0px;}
	
	.board_write .birthday input[type="text"] {width:150px;}

	.btn_file { margin-top:5px;}


	/* list view */
	.board_view {}
	.board_view .view_top {height:auto; padding:8px 0 8px;}
	.board_view .view_top h4 {width:100%; font-size:15px; padding:0 10px ; line-height:26px; vertical-align:middle; background:none; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
	.board_view .view_top ul {float:left;}
	.board_view .view_top ul li {display:inline-block; padding:0 10px; height:20px; line-height:20px; text-align:center; font-size:11px; color:#999; border-left:0px solid #e1e1e1;}
	.board_view .view_con {padding:15px 5px; border-bottom:1px solid #e1e1e1;}

	.board_view .info_table {border: 1px solid #eaeaea; padding: 10px 15px; margin-bottom: 20px;}




}



@media (max-width:430px){ /* mobile 세로 */



	.list_sort_wrap .total {display:none;}
	.list_sort_wrap .list_search {position:absolute; top:0; left:0; width:100%}
	.list_sort_wrap .list_search .l_s_input {width:84%; padding:0 3%;}

	/* 썸네일형 게시판 리스트 - thumbnailList */	
	.thumbnailList .img {width:100%; padding-left:0; text-align:center;}
	.thumbnailList .cont {width:98%; padding:15px 1% 5px; }
	.thumbnailList .cont_w {padding:0 1%;} /* 이미지 없을 경우 전환 */
	.thumbnailList .ellipsis {text-align:center;}	


	.board_write col.i_t_01 {width:25%;}

	/* 게시판 리스트 */
	table.table_board > thead {display:none;}
	table.table_board > tbody > tr > td {padding:5px 0; height:auto; border-top:none}
	table.table_board > tbody > tr > td a {display:block; padding:5px 5px;}
	table.table_board > tbody > tr > td a .subject {display:inline-block; overflow: hidden; max-width:80%; white-space: nowrap; text-overflow:ellipsis;}
	table.table_board > tbody > tr > td a .ico_sp {display:inline-block;  vertical-align:top; margin-left:4px;}
	table.table_board > tbody > tr > td .m_con_b {padding:0 5px; font-size:0.750em; color:#999;}

	.table_board col.checkbox {width:50px}
	.m_layout_tc{display:none}/* 날짜*/
	.m_layout_tl{display:none}/* c 날짜 */
	.m_con_b {display:block}/*날짜*/

	
	.data_gallery {margin:15px -7px -7px -7px;}
	.data_gallery li {width:50%; padding:7px;}
	.data_gallery li p.img {min-height:102px;}
	.data_gallery li dl dt {padding:9px 10px; font-family:'맑은 고딕','Malgun Gothic'; }


	/* btns */
	.btn_list {padding:20px 0 5px;}
	.btn_list a,
	.btn_list button, 
	.btn_list input {min-width:80px; height:32px; line-height:32px; margin:0 1px 5px; font-family:'맑은 고딕','Malgun Gothic'; font-size:13px;}

	/* paging */
	.paging {margin-top:20px;} 

	.board_view .view_con iframe {width:100% !important; height:100% !important; min-height:200px}


	/* 관리자 로그인 */

	.login {width:90%; margin:30px auto 5px; padding:0; border:0px;}
	.login .login_title_wrap {width:100%; margin:0 auto 20px; padding-bottom:12px; }
	.login .login_title_wrap .title {display:none;}
	.login .login_title_wrap .desc {display:block; padding-top:0px; font-size:13px;}
	.login .login_input {width:100%;}
	.login .login_input input {width:100%; height:40px; font-size:15px; padding:0 5%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

	.login .login_input .login_button {position:relative; overflow:hidden; width:100%; height:46px; margin-top:10px; background:#6cb0a9;  text-align:center; color:#fff; font-weight:500; 
	font-size:16px; cursor:pointer; border-radius:2px; overflow:visible; overflow-y:hidden;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.login .idsave {position:relative; overflow:hidden; width:370px; margin:10px auto 0 ; font-weight:500; line-height:28px;}

	.login .login_title_wrap .title_pw  {display:none;}




}