@charset "utf-8";

#loading {
	position:fixed; width:100%; height:100%; left:0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.4) url(../skin_images/loading.gif) no-repeat center; z-index:9999; display:none;
}

/*iframe {position:relative !important; z-index:0 !important;}*/

/* BBS box */
#bbs_container {clear:both; width:100%; min-width:300px; color:#3b3b3b; position:relative; padding-top:10px;}
#bbs_wrapper {padding:0 10px; position:relative;}
#bbs_wrapper:after {clear:both; display:block; content:'';}
#bbs_container input.w10 {width:10%;}
#bbs_container input.w20 {width:20%;}
#bbs_container input.w30 {width:30%;}
#bbs_container input.w40 {width:40%;}
#bbs_container input.w50 {width:50%;}
#bbs_container input.w60 {width:60%;}
#bbs_container input.w80 {width:80%;}
#bbs_container input.w90 {width:90%;}
#bbs_container input.w100 {width:99%}

/* link Style */
#bbs_container a {color:#515151; text-decoration:none;}
#bbs_container a:hover {color:#222; text-decoration:none;}

/* BBS LIST */
/*------------------------------------------------------------------------------------------------------*/
/* BBS top */
#bbs_container dl.bbs_top {width:100%; display:table; margin-top:20px;}
#bbs_container dl.bbs_top dt {width:30%; height:40px; display:table-cell; font-size:1.4rem; color:#616161; vertical-align:middle; text-align:left;}
#bbs_container dl.bbs_top dt a {vertical-align:middle; margin-left:5px;}
#bbs_container dl.bbs_top dt a img {border:none; margin-top:-2px;}
#bbs_container dl.bbs_top dd {width:70%; height:40px; display:table-cell; vertical-align:middle; text-align:right;}
#bbs_container dl.bbs_top dd span.data_list {margin-top:-2px;}
#bbs_container dl.bbs_top dd span.data_list button,
#bbs_container dl.bbs_top dd span.data_list input,
#bbs_container dl.bbs_top dd span.data_list label,
#bbs_container dl.bbs_top dd span.data_list form {display:inline-block; font-size:1.1rem; font-weight:400; color:#313131; text-align:center; margin-left:-1px; vertical-align:middle;}
#bbs_container dl.bbs_top dd span.data_list button.ex_format {margin-right:2px;}
#bbs_container dl.bbs_top dd span.data_list input.upload_name {width:60px; height:25px; line-height:25px; border:1px solid #cbcbcb;}
#bbs_container dl.bbs_top dd span.data_list input.upload_name::placeholder {color:#616161;}
#bbs_container dl.bbs_top dd span.data_list label {width:36px; height:25px; line-height:25px; color:#414141 !important; cursor:pointer; border:1px solid #cbcbcb;}
#bbs_container dl.bbs_top dd span.data_list input[name="excelfile"] {position:absolute; width:0; height:0; overflow:hidden;}
#bbs_container dl.bbs_top dd span.data_list img {height:27px;}

#bbs_container dl.bbs_top dd span.list_button {display:inline-block; margin:-1px 0 0 3px;}
#bbs_container dl.bbs_top dd span.list_button::after {display:block; clear:both; content:'';}
#bbs_container dl.bbs_top dd span.list_button button {
	float:left; width:27px; height:27px; border:1px solid #d2d2d2; margin-left:1px; background:#fff; box-sizing:border-box;
	-webkit-transition:background-color .2s ease-in, color .2s ease-in;
	-moz-transition:background-color .2s ease-in, color .2s ease-in;
	-o-transition:background-color .2s ease-in, color .2s ease-in;
	transition:background-color .2s ease-in, color .2s ease-in;
}
#bbs_container dl.bbs_top dd span.list_button button i {color:#222; font-size:1.3rem;}
#bbs_container dl.bbs_top dd span.list_button button:hover {
	background:#212121; border:1px solid #212121;
	-webkit-transition:background-color .2s ease-in, color .2s ease-in;
	-moz-transition:background-color .2s ease-in, color .2s ease-in;
	-o-transition:background-color .2s ease-in, color .2s ease-in;
	transition:background-color .2s ease-in, color .2s ease-in;
}
#bbs_container dl.bbs_top dd span.list_button button:hover.write {background:#1d364e; border:1px solid #1d364e;}
#bbs_container dl.bbs_top dd span.list_button button:hover.delete {background:#da1122; border:1px solid #da1122;}
#bbs_container dl.bbs_top dd span.list_button button:hover i {color:#fff;}

#bbs_container dl.bbs_top dd span.display_grid {display:inline-block; margin:-1px 0 0 3px;}
#bbs_container dl.bbs_top dd span.display_grid::after {display:block; clear:both; content:'';}
#bbs_container dl.bbs_top dd span.display_grid button {
	float:left; width:27px; height:27px; border:none; background:url(../skin_images/dp_icon.png) no-repeat; font-size:0; text-indent:9999px; margin-left:-1px;
}
#bbs_container dl.bbs_top dd span.display_grid button:nth-child(1) {background-position:0px -27px;}
#bbs_container dl.bbs_top dd span.display_grid button:nth-child(2) {background-position:-26px -27px;}
#bbs_container dl.bbs_top dd span.display_grid button:nth-child(3) {background-position:-52px -27px;}
#bbs_container dl.bbs_top dd span.display_grid button:nth-child(4) {background-position:-78px -27px;}
#bbs_container dl.bbs_top dd span.display_grid button.current {background-position-y:0px;}

/* bbs_category */
#bbs_container ul.bbs_select_form {position:relative; width:calc(100% - 2%); border-top:1px solid #333; padding:0 1%;}

#bbs_container ul.bbs_select_form li.bbs_search {width:100%; display:flex; align-items:center; height:60px;}
#bbs_container ul.bbs_select_form li.bbs_search dl {display:block; width:100%; vertical-align:middle;}
#bbs_container ul.bbs_select_form li.bbs_search input {
	display:inline-block; height:40px; line-height:40px; font-size:1.3rem; box-sizing:border-box; outline:none; position:relative;
	border:1px solid #616161; background:#fff; border-radius:0; text-indent:6px;
}
#bbs_container ul.bbs_select_form li.bbs_search dt {display:block;}
#bbs_container ul.bbs_select_form li.bbs_search dd {width:100%; display:grid; grid-template-columns:20% 20% 40% 20%;}
#bbs_container ul.bbs_select_form li.bbs_search dd .SumoSelect {text-align:left; box-sizing:border-box; margin-top:1px;}
#bbs_container ul.bbs_select_form li.bbs_search dd .SumoSelect p {font-size:1.4rem;}
#bbs_container ul.bbs_select_form li.bbs_search dd .SumoSelect > .CaptionCont {outline:1px solid #616161; border:none !important;}
#bbs_container ul.bbs_select_form li.bbs_search dd .SumoSelect > .optWrapper {top:38px; font-size:1.4rem;}
#bbs_container ul.bbs_select_form li.bbs_search dd .SumoSelect > .optWrapper .options li.selected label {font-weight:500; color:#339;}
#bbs_container ul.bbs_select_form li.bbs_search dd .SelectBox {height:38px; line-height:39px; padding:0 8px; box-shadow:none !important; border-radius:0px !important;}
#bbs_container ul.bbs_select_form li.bbs_search dd input.search_form {margin-left:1%; text-indent:10px;}
#bbs_container ul.bbs_select_form li.bbs_search dd input.search_bt {background:#212121; color:#FFF; cursor:pointer; border:none; text-align:center;}

#bbs_container ul.bbs_select_form li.bbs_category {width:100%; display:flex; align-items:center; height:70px; border-top:1px solid #b1b1b1; font-size:0;}
#bbs_container ul.bbs_select_form li.bbs_category a {
	display:inline-block; min-width:40px; height:28px; line-height:28px; margin-right:6px; color:#212121; font-size:1.3rem; font-weight:400; text-align:center;
	border:1px solid #b1b1b1; padding:2px 8px; border-radius:16px;
}
#bbs_container ul.bbs_select_form li.bbs_category a.current {background:#000; color:#fff; font-weight:500;}

/*게시물 공통 */
#bbs_container .bbs_list_wrap dl ul> li.link {cursor:pointer;}
#bbs_container .bbs_list_wrap dl ul> li.td_contents {display:none;}
#bbs_container .bbs_list_wrap dl ul> li.td_title span {color:#09C; padding-left:5px;}
#bbs_container .no-results {display:flex; height:160px; align-items:center; justify-content:center; font-size:1.6rem; color:#515151; font-weight:400;}

/* BBS Type List */
#bbs_container .bbs_list_wrap dl.list {border-bottom:1px solid #acaeb5; margin-bottom:30px;}
#bbs_container .bbs_list_wrap dl.list ul.tr {display:grid; grid-template-columns:8% 12% 12% 30% 1fr;}
#bbs_container .bbs_list_wrap dl.list ul.tr li {display:flex; align-items:center; font-size:1.4rem; font-weight:400; justify-content:center;}

#bbs_container .bbs_list_wrap dl.list dt.t_head {}
#bbs_container .bbs_list_wrap dl.list dt.t_head ul.tr {height:50px; border-bottom:2px solid #919191;}
#bbs_container .bbs_list_wrap dl.list dt.t_head ul.tr li {
	font-size:1.6rem; color:#222; font-weight:500; background:url(../skin_images/title_line.png) right center no-repeat; text-transform:uppercase;
}
#bbs_container .bbs_list_wrap dl.list dt.t_head ul.tr li:last-child {background-image:none;}

#bbs_container .bbs_list_wrap dl.list dd.t_body {position:relative; padding-top:10px;}
#bbs_container .bbs_list_wrap dl.list dd.t_body ul.tr {width:100%; height:60px; border-top:1px solid #d2d2d2;}
#bbs_container .bbs_list_wrap dl.list dd.t_body ul.tr:first-child {border:none;}
#bbs_container .bbs_list_wrap dl.list dd.t_body ul.tr.current {height:100px; color:#f30;}

#bbs_container .bbs_list_wrap dl.list dd.t_body ul.tr li button.modify {
	font-size:1.0rem; color:#fff; background:#414141; border:none; outline:none; padding:2px 5px; margin-left:4px;
}
#bbs_container .bbs_list_wrap dl.list dd.t_body ul.tr li.td_year,
#bbs_container .bbs_list_wrap dl.list dd.t_body ul.tr li.td_month {font-size:2.4rem; font-family:Arial, Helvetica, sans-serif; font-weight:600;}
#bbs_container .bbs_list_wrap dl.list dd.t_body ul.tr li.td_issue,
#bbs_container .bbs_list_wrap dl.list dd.t_body ul.tr li.td_detail {justify-content:left; padding-left:10px;}
#bbs_container .bbs_list_wrap dl.list dd.t_body ul.tr li.td_issue h3 {font-size:1.5rem; font-weight:500;}
#bbs_container .bbs_list_wrap dl.list dd.t_body ul.tr li.td_detail p {font-size:1.4rem; font-weight:400;}

/* BBS Type News */
#bbs_container .bbs_list_wrap dl.news {border-top:1px solid #d2d2d2; margin-bottom:30px;}
#bbs_container .bbs_list_wrap dl.news dt.t_head {display:none;}
#bbs_container .bbs_list_wrap dl.news dd.t_body {}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr {position:relative; margin-top:15px; padding-top:15px; border-top:1px solid #d2d2d2;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr::after {clear:both; display:block; content:'';}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr:first-child {border-top:none;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul,
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul li {display:inline-block; vertical-align:middle;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td1 {float:left; width:100px; height:70px; padding:10px; position:relative; border:1px solid #d2d2d2;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td1 li.td_checkbox {position:absolute; top:2px; left:2px;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td1 li.td_num {
	font-size:0; background-position:center !important; background-size:cover !important; width:100px; height:70px; border:1px solid #e1e1e1;
}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td2 {float:left; width:calc(100% - 165px); height:24px; padding-top:8px; padding-left:15px; vertical-align:top;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td2 li.td_category {font-size:1.4rem; font-weight:600; color:#036;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td2 li.td_category::before {width:3px; display:inline-block; content:'['; margin-right:2px;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td2 li.td_category::after {width:3px; display:inline-block; content:']'; margin-left:2px;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td2 li.td_title {width:calc(65%); font-size:1.6rem; font-weight:500; color:#111; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td3 {width:calc(100% - 165px); padding-left:15px;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td3 li {margin-right:10px; color:#555; font-size:1.2rem; font-weight:400;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td3 li.td_contents {
	display:block; width:100%; height:auto; min-height:15.5px; margin-bottom:6px; font-size:1.24rem; font-weight:400; color:#444; line-height:1.6rem; word-wrap:break-word;
	text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td3 li.td_name::before {display:inline-block; content:'Name :'; margin-right:5px;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td3 li.td_file {display:none;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td3 li.td_view::before {display:inline-block; content:'View :'; margin-right:5px;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td3 li.td_date::before {display:inline-block; content:'Date :'; margin-right:5px;}

/* BBS Type Banner */
#bbs_container .bbs_list_wrap dl.banner {border-top:1px solid #d2d2d2; margin-bottom:30px;}
#bbs_container .bbs_list_wrap dl.banner dt.t_head {display:none;}
#bbs_container .bbs_list_wrap dl.banner dd.t_body {display:grid; grid-template-columns:repeat(5, 1fr); grid-auto-rows:minmax(100px, auto); column-gap:30px; row-gap:50px; padding:30px 30px 10px;}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr {position:relative;}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul {text-align:center;}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_checkbox {position:absolute; top:4px; left:6px; z-index:1;}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_num {
	font-size:0; background-position:center !important; background-size:cover !important; width:100%; height:85px; box-sizing:border-box; position:relative; border:1px solid #e1e1e1;
	box-shadow: 0 0 0 3px #fff inset;
	-webkit-box-shadow: 0 0 0 3px #fff inset;
	-moz-box-shadow: 0 0 0 3px #fff inset;
}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_num::before,
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_num::after {
	z-index:-1; position:absolute; content:""; bottom:15px; left:10px; width:50%; top:80%; max-width:300px; background:#000;
	box-shadow:0 16px 5px #000;
	-webkit-box-shadow:0 16px 5px #000;
	-moz-box-shadow: 0 16px 5px #000;
	transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	-ms-transform:rotate(-3deg);
}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_num::after {
	right:10px; left:auto;
	transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	-moz-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	-ms-transform:rotate(3deg);
}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td2 {margin-top:15px;}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td2 li {display:inline-block; vertical-align:middle; line-height:1.8rem;}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td2 li.td_category {font-size:1.2rem; color:#036; font-weight:500;}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td2 li.td_category::before {width:3px; display:inline-block; content:'['; margin-right:2px;}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td2 li.td_category::after {width:3px; display:inline-block; content:']'; margin-left:2px;}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td2 li.td_title {width:calc(60%); font-size:1.4rem; color:#111; font-weight:400; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td3 li {display:inline-block; vertical-align:middle;}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td3 {display:none;}

/* BBS Type Gallery */
#bbs_container .bbs_list_wrap dl.gallery {border-top:1px solid #d2d2d2; margin-bottom:30px;}
#bbs_container .bbs_list_wrap dl.gallery dt.t_head {display:none;}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body {display:grid; grid-template-columns:repeat(4, 1fr); grid-auto-rows:minmax(240px, auto); column-gap:30px; row-gap:50px; padding:30px 30px 10px;}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr {
	position:relative; overflow:hidden; outline:1px solid #e1e1e1;
	box-shadow:5px 5px 8px 0px rgba(119, 119, 119, 0.15);
	-webkit-box-shadow:5px 5px 8px 0px rgba(119, 119, 119, 0.15);
	-moz-box-shadow:5px 5px 8px 0px rgba(119, 119, 119, 0.15);
}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul {text-align:center;}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td1 li.td_checkbox {position:absolute; top:4px; left:7px; z-index:4;}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td1 li.td_num {
	font-size:0; background-position:top !important; background-size:cover !important; width:100%; height:240px; box-sizing:border-box; position:relative; border:4px solid #f6f6f6; transform:scale(1);
	box-shadow: 0 0 0 3px #fff inset;
	-webkit-box-shadow: 0 0 0 3px #fff inset;
	-moz-box-shadow: 0 0 0 3px #fff inset;
	transition:transform 0.2s ease-in;
	-webkit-transition:transform 0.2s ease-in;
	-moz-transition:transform 0.2s ease-in;
}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr:hover ul.td1 li.td_num {
	transform:scale(1.2);
	transition:transform 0.2s ease-in;
	-webkit-transition:transform 0.2s ease-in;
	-moz-transition:transform 0.2s ease-in;
}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr:hover ul.td1 li.td_num::before {display:block; content:''; width:100%; height:232px; position:absolute; z-index:1; background:rgba(0, 0, 0, 0.6);}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td1 li.td_num::after {
	display:block; content:'\271A';  font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:3.4rem; width:56px; height:56px; line-height:58px; border-radius:30px; border:1px solid #fff; position:absolute; top:50%; left:50%; margin-left:-30px; margin-top:-30px; z-index:1;
	opacity:0; transform:scale(1); transition:opacity 0.15s ease-in 0.05s, transform 0.2s ease-in 0.05s; -webkit-transition:opacity 0.15s ease-in 0.05s, transform 0.2s ease-in 0.05s; -moz-transition:opacity 0.15s ease-in 0.05s, transform 0.2s ease-in 0.05s;
}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr:hover ul.td1 li.td_num::after {
	opacity:1; transform:scale(0.8); transition:opacity 0.15s ease-in 0.05s, transform 0.2s ease-in 0.05s; -webkit-transition:opacity 0.15s ease-in 0.05s, transform 0.2s ease-in 0.05s; -moz-transition:opacity 0.15s ease-in 0.05s, transform 0.2s ease-in 0.05s;
}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td2 {
	position:absolute; z-index:2; width:100%; height:32px; left:0; top:20px; opacity:0; color:#fff;
	transition:opacity 0.2s ease-in; -webkit-transition:opacity 0.2s ease-in; -moz-transition:opacity 0.2s ease-in;
}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr:hover ul.td2 {opacity:100; transition:opacity 0.2s ease-in; -webkit-transition:opacity 0.2s ease-in; -moz-transition:opacity 0.2s ease-in;}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr:hover ul.td2 li.td_category {font-size:1.4rem; font-weight:500;}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr:hover ul.td2 li.td_category::before {width:3px; display:inline-block; content:'['; margin-right:2px;}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr:hover ul.td2 li.td_category::after {width:3px; display:inline-block; content:']'; margin-left:2px;}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr:hover ul.td2 li.td_title {
	width:calc(100% - 30px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:1.8rem; font-weight:500; letter-spacing:-1px; margin-top:10px; padding:0 15px;
}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td3 {
	position:absolute; z-index:3; width:calc(100% - 40px); height:50px; padding:20px; left:0; bottom:-80px; opacity:0; color:#fff;
	transition:bottom 0.2s ease-out, opacity 0.2s ease-out; -webkit-transition:bottom 0.2s ease-out, opacity 0.2s ease-out; -moz-transition:bottom 0.2s ease-out, opacity 0.2s ease-out;
}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr:hover ul.td3 {
	bottom:0px; opacity:100;
	transition:bottom 0.2s ease-out, opacity 0.2s ease-out; -webkit-transition:bottom 0.2s ease-out, opacity 0.2s ease-out; -moz-transition:bottom 0.2s ease-out, opacity 0.2s ease-out;
}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr:hover ul.td3 li {display:inline-block;}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr:hover ul.td3 li.td_contents {
	display:block; width:100%; height:auto; margin-bottom:6px; font-size:1.24rem; font-weight:400; line-height:1.6rem; word-wrap:break-word;
	text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td3 li.td_name::before {display:inline-block; content:'Name :'; margin-right:5px;}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr:hover ul.td3 li.td_file,
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr:hover ul.td3 li.td_view {display:none}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td3 li.td_date::before {display:inline-block; content:'Date :'; margin-right:5px;}

/* List More Button */
#bbs_container .bbs_list_wrap #more {text-align:center;}
#bbs_container .bbs_list_wrap #more button {
	display:inline-block; width:116px; height:38px; line-height:32px; font-size:1.1rem; background:#fff; border:1px solid #cbcbcb;
}
#bbs_container .bbs_list_wrap #more button:hover {
	background:#222; border:1px solid #212121; color:#fff;
	-webkit-transition:background-color .2s ease-in, color .2s ease-in;
	-moz-transition:background-color .2s ease-in, color .2s ease-in;
	-o-transition:background-color .2s ease-in, color .2s ease-in;
	transition:background-color .2s ease-in, color .2s ease-in;
}

/* BBS Paging */
#bbs_container ul#bbs_paging {margin:80px 0 20px; text-align:center; font-size:0;}
#bbs_container ul#bbs_paging a {}
#bbs_container ul#bbs_paging img {}
#bbs_container ul#bbs_paging li.numbox {
	font-size:1.6rem; font-family:Arial, Helvetica, sans-serif; font-weight:400 !important; color:#b1b1b1; margin-left:1px;
	display:inline-block; width:30px; height:40px; line-height:40px; vertical-align:top; text-align:center;
}
#bbs_container ul#bbs_paging li.numbox::nth-child(1){margin-left:0 !important;}
#bbs_container ul#bbs_paging li.prev {background:#fff url('img/btn_paging_prev.png') no-repeat center;}
#bbs_container ul#bbs_paging li.next {background:#fff url('img/btn_paging_next.png') no-repeat center;}
#bbs_container ul#bbs_paging li.start {background:#fff url('img/btn_paging_start.png') no-repeat center;}
#bbs_container ul#bbs_paging li.end {background:#fff url('img/btn_paging_end.png') no-repeat center;}
#bbs_container ul#bbs_paging li.current {font-weight:600 !important; color:#000;}

.page_box {padding:2px 0px; background:#333; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:1.2rem;}

/* BBS WRITE */
/*------------------------------------------------------------------------------------------------------*/
#bbs_container h2.bbs_write_title {margin:10px 0;}

/* BBS Write Form */
#bbs_container .bbs_write_wrap {border:1px solid #d2d2d2; border-bottom:none; border-top:2px solid #2b2f3f; margin-bottom:30px;}
#bbs_container .bbs_write_wrap ul.tr {width:100%; display:table; border-collapse:collapse; font-size:1.4rem; text-align:left; border-bottom:1px solid #d2d2d2;}
#bbs_container .bbs_write_wrap ul.pc_none {display:none;}
#bbs_container .bbs_write_wrap ul.tr li.th,
#bbs_container .bbs_write_wrap ul.tr li.td {display:table-cell; box-sizing:border-box; vertical-align:middle; height:44px;}
#bbs_container .bbs_write_wrap ul.tr li.th {width:20%; padding-left:2%; background:#f2f2f2 url(../skin_images/bg_pattern01.gif); font-weight:500; border-right:1px solid #d2d2d2;}
#bbs_container .bbs_write_wrap ul.tr li.th span {color:#F03; position:relative; top:-4px;}
#bbs_container .bbs_write_wrap ul.tr li.td {width:80%; padding-left:2%;}
#bbs_container .bbs_write_wrap ul.tr li.colspan2 {width:98%; height:auto; display:table-cell; padding:4px 2% 4px !important; font-size:1.2rem; text-align:center; vertical-align:middle;}
#bbs_container .bbs_write_wrap ul.tr li.textarea {text-align:left; padding:4px 2% 4px}

#bbs_container .bbs_write_wrap .bbs_category {display:table-cell; text-align:left; vertical-align:middle;}
#bbs_container .bbs_write_wrap .bbs_category .SumoSelect {min-width:140px; display:inline-block; vertical-align:middle;}
#bbs_container .bbs_write_wrap .bbs_category .SumoSelect p {font-size:1.3rem;}
#bbs_container .bbs_write_wrap .bbs_category .SumoSelect > .CaptionCont {border:1px solid #d2d2d2 !important;}
#bbs_container .bbs_write_wrap .bbs_category .SumoSelect > .optWrapper {top:42px; font-size:1.3rem;}
#bbs_container .bbs_write_wrap .bbs_category .SumoSelect > .optWrapper > .options li.opt {line-height:1.3rem;}
#bbs_container .bbs_write_wrap .bbs_category .SumoSelect > .optWrapper > .options li.selected label {font-weight:500; color:#339;}
#bbs_container .bbs_write_wrap .bbs_category .SelectBox {height:32px; line-height:33px; padding:0 8px; box-shadow:none !important; border-radius:10px !important;}

#bbs_container .bbs_write_wrap .bbs_tel {text-align:left; vertical-align:middle;}
#bbs_container .bbs_write_wrap .bbs_tel .SumoSelect {min-width:100px; display:inline-block; vertical-align:middle;}
#bbs_container .bbs_write_wrap .bbs_tel .SumoSelect p {font-size:1.3rem;}
#bbs_container .bbs_write_wrap .bbs_tel .SumoSelect > .CaptionCont {border:1px solid #d2d2d2 !important;}
#bbs_container .bbs_write_wrap .bbs_tel .SumoSelect > .optWrapper {top:42px;}
#bbs_container .bbs_write_wrap .bbs_tel .SumoSelect > .optWrapper > .options {max-height:420px;}
#bbs_container .bbs_write_wrap .bbs_tel .SumoSelect > .optWrapper > .options li.opt {line-height:1.3rem;}
#bbs_container .bbs_write_wrap .bbs_tel .SumoSelect > .optWrapper > .options li.selected label {font-weight:500; color:#339;}
#bbs_container .bbs_write_wrap .bbs_tel .SelectBox {height:32px; line-height:33px; padding:0 8px; box-shadow:none !important; border-radius:3px !important;}

#bbs_container .bbs_write_wrap input {vertical-align:middle;}
#bbs_container .bbs_write_wrap input.text_form {height:32px; line-height:32px; border:1px solid #d2d2d2; border-radius:3px; text-indent:14px; font-size:1.3rem;}

#bbs_container .bbs_write_wrap input.text_form.placeholder,
#bbs_container .bbs_write_wrap textarea.placeholder {color:#45afd8; font-size:1.3rem;}
#bbs_container .bbs_write_wrap input.text_form::placeholder,
#bbs_container .bbs_write_wrap textarea::placeholder {color:#45afd8; font-size:1.3rem;}
#bbs_container .bbs_write_wrap input.text_form:-ms-input-placeholder,
#bbs_container .bbs_write_wrap textarea:-ms-input-placeholder {color:#45afd8; font-size:1.3rem;}
#bbs_container .bbs_write_wrap input.text_form::-ms-input-placeholder,
#bbs_container .bbs_write_wrap textarea::-ms-input-placeholder {color:#45afd8; font-size:1.3rem;}
#bbs_container .bbs_write_wrap input.text_form::-webkit-input-placeholder,
#bbs_container .bbs_write_wrap textarea::-webkit-input-placeholder {color:#45afd8; font-size:1.3rem;}
#bbs_container .bbs_write_wrap input.text_form:-moz-placeholder,
#bbs_container .bbs_write_wrap textarea:-moz-placeholder {color:#45afd8; font-size:1.3rem;}
#bbs_container .bbs_write_wrap input.text_form::-moz-placeholder,
#bbs_container .bbs_write_wrap textarea::-moz-placeholder {color:#45afd8; font-size:1.3rem;}

#bbs_container .bbs_write_wrap p.secret {padding:6px 0; font-size:1.2rem;}

.jqte_toolbar .jqte_tool {line-height:1.3rem;}

/* BBS Upload */
#bbs_container .bbs_write_wrap p.bbs_upload,
#bbs_container .bbs_write_wrap p.bbs_file {min-width:300px; margin:4px 0px; vertical-align:middle;}
#bbs_container .bbs_write_wrap p.bbs_upload img {vertical-align:middle;}
#bbs_container .bbs_write_wrap p.bbs_file input {min-width:200px;}

/* AUTH_CODE */
#bbs_container #auth_code {position:relative; display:table; min-width:320px;}
#bbs_container #auth_code li {display:table-cell; vertical-align:middle;}
#bbs_container #auth_code:after {clear:both; display:block; content:'';}
#bbs_container #auth_code img,
#bbs_container #auth_code input,
#bbs_container #auth_code button {height:34px; line-height:34px; vertical-align:middle; float:left; margin-left:5px; border-radius:4px;}
#bbs_container #auth_code img {width:100px !important; height:34px; margin-left:0;}
#bbs_container #auth_code input#input_code {width:140px; color:#09C; text-indent:10px; border:1px solid #d2d2d2;}
#bbs_container #auth_code input.code_checkOn {display:none;}
#bbs_container #auth_code input.btnRefresh {width:20px; height:20px; border:none; margin-top:8px;}
#bbs_container #auth_code button {width:84px; height:34px; line-height:32px; outline:none; font-size:1.2rem; color:#fff; font-weight:400; background:#464646;}
#bbs_container #auth_code #auth_code-resTxt {min-width:80px; height:30x; line-height:30px; display:inline-block; margin-left:5px;}

/* BBS VIEW */
/*------------------------------------------------------------------------------------------------------*/
#bbs_container .bbs_view_wrap {}

#bbs_container .bbs_view_wrap .veiw_content_wrap {}
#bbs_container .bbs_view_wrap .veiw_content_wrap h5.category {font-size:1.6rem; color:#555; font-weight:400;}
#bbs_container .bbs_view_wrap .veiw_content_wrap h1.title {font-size:3.2rem; color:#222; font-weight:500; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:6px 0 40px;}
#bbs_container .bbs_view_wrap .veiw_content_wrap h1.title span {vertical-align:top;}
#bbs_container .bbs_view_wrap .veiw_content_wrap ul.content_info {padding:10px 0 10px; border-bottom:1px solid #d2d2d2;}
#bbs_container .bbs_view_wrap .veiw_content_wrap ul.content_info::after {clear:both; display:block; content:'';}
#bbs_container .bbs_view_wrap .veiw_content_wrap ul.content_info li {font-size:1.4rem; color:#666; font-weight:400; vertical-align:middle; margin-left:15px;}
#bbs_container .bbs_view_wrap .veiw_content_wrap ul.content_info li:first-child {margin-left:0;}
#bbs_container .bbs_view_wrap .veiw_content_wrap ul.content_info li i {color:#444; margin-top:-1px;}
#bbs_container .bbs_view_wrap .veiw_content_wrap ul.content_info li i.axi-chain {cursor:pointer;}
#bbs_container .bbs_view_wrap .veiw_content_wrap ul.content_info li:hover i.axi-chain {color:rgb(0, 98, 190)}

#bbs_container .bbs_view_wrap .table {border-top:2px solid #2b2f3f; border-bottom:1px solid #acaeb5; color:#3b3b3b; font-size:1.2rem;}
#bbs_container .bbs_view_wrap .table div.tr {clear:both; overflow:hidden; border-top:1px solid #d2d2d2;}
#bbs_container .bbs_view_wrap .table div.tr:first-child {border-top:none;}
#bbs_container .bbs_view_wrap .table div.tr dl {display:table; width:100%; min-height:40px; line-height:18px; vertical-align:middle; padding:5px auto;}
#bbs_container .bbs_view_wrap .table div.tr dl.td_left {width:50%; float:left;}
#bbs_container .bbs_view_wrap .table div.tr dl.td_right {width:50%; float:right;}
#bbs_container .bbs_view_wrap .table div.tr dl.colspan {width:100% !important; float:none !important;}
#bbs_container .bbs_view_wrap .table div.tr dl dt.th {display:table-cell; width:100px; min-width:100px; font-weight:600; padding-left:16px; background:url(../skin_images/title_line.png) right center no-repeat; vertical-align:middle;}
#bbs_container .bbs_view_wrap .table div.tr dl dd.td {display:table-cell; padding-left:16px; padding-right:10px; font-weight:400; vertical-align:middle;}

#bbs_container .bbs_view_wrap .table div.tr dl.file span {display:inline-block; *display:inline; zoom:1;}
#bbs_container .bbs_view_wrap .table div.tr dl.file span a {vertical-align:middle;}
#bbs_container .bbs_view_wrap .table div.tr dl.file span font {font-family:Arial, Helvetica, sans-serif; font-size:1.1rem; color:888; padding-left:2px;}

#bbs_container .view_content {padding:25px 20px;}
#bbs_container .view_file {text-align:center; font-size:0; padding:20px 0;}
#bbs_container .view_file a.thumbnail {display:inline-block; border:3px solid #fff; outline:1px solid #d2d2d2; margin:15px; width:calc(60% - 38px);}
#bbs_container .view_file a.thumbnail.even {width:calc(100% / 2 - 38px);}
#bbs_container .view_file a.thumbnail.odd {width:calc(100% / 3 - 38px);}
#bbs_container .view_file a.thumbnail img {width:100%; max-width:600px; border:none;}

/* BBS Preview */
ul#preview_title {clear:both; margin:20px 0; border-top:2px solid #2b2f3f; color:#3b3b3b; font-size:1.2rem;}
ul#preview_title li {height:40px; line-height:40px; border-bottom:1px solid #d2d2d2;}
ul#preview_title li.next {background:url(../skin_images/bbs_next.png) 60px center no-repeat;}
ul#preview_title li.prev {background:url(../skin_images/bbs_prev.png) 60px center no-repeat;}
ul#preview_title li span {display:inline-block; *display:inline; zoom:1; padding-left:16px; font-weight:400;}
ul#preview_title li span.th {width:70px; font-weight:600; background:url(../skin_images/title_line.png) right center no-repeat;}
ul#preview_title li span a {text-decoration:none; color:#666; display:block;}
ul#preview_title li span a:hover {color:#555;}

/* BBS Button*/
#bbs_button {clear:both; width:100%; margin-top:40px; display:table;}
#bbs_button.box {height:78px; padding:14px 14px; background:#fdfdfd; border:1px solid #dfdfdf; overflow:hidden; box-sizing:border-box;}
#bbs_button p {display:table-cell; vertical-align:middle;}
#bbs_button p.left {text-align:left;}
#bbs_button p.right {text-align:right;}
#bbs_button p.center {text-align:center;}
#bbs_button button, #bbs_button input {
	width:110px; height:40px; line-height:40px; border:1px solid #444; color:#313131; font-size:1.2rem; text-align:center; cursor:pointer;
	display:inline-block; *display:inline; zoom:1; font-weight:400; text-indent:0; margin:0 2px;
	-webkit-transition:background-color .2s ease-in, color .2s ease-in;
	-moz-transition:background-color .2s ease-in, color .2s ease-in;
	-o-transition:background-color .2s ease-in, color .2s ease-in;
	transition:background-color .2s ease-in, color .2s ease-in;
}
#bbs_button button.write:hover, #bbs_button input.write:hover {
	background:#1d364e; border-color:#1d364e; color:#fff;
	-webkit-transition:background-color .2s ease-in, color .2s ease-in, border-color .2s ease-in;
	-moz-transition:background-color .2s ease-in, color .2s ease-in, border-color .2s ease-in;
	-o-transition:background-color .2s ease-in, color .2s ease-in, border-color .2s ease-in;
	transition:background-color .2s ease-in, color .2s ease-in, border-color .2s ease-in;
}
#bbs_button button.delete:hover, #bbs_button input.delete:hover {
	background:#da1122; border-color:#da1122; color:#fff;
	-webkit-transition:background-color .2s ease-in, color .2s ease-in, border-color .2s ease-in;
	-moz-transition:background-color .2s ease-in, color .2s ease-in, border-color .2s ease-in;
	-o-transition:background-color .2s ease-in, color .2s ease-in, border-color .2s ease-in;
	transition:background-color .2s ease-in, color .2s ease-in, border-color .2s ease-in;
}
#bbs_button button.modify:hover, #bbs_button input.modify:hover {
	background:#00b4c5; border-color:#00b4c5; color:#fff;
	-webkit-transition:background-color .2s ease-in, color .2s ease-in, border-color .2s ease-in;
	-moz-transition:background-color .2s ease-in, color .2s ease-in, border-color .2s ease-in;
	-o-transition:background-color .2s ease-in, color .2s ease-in, border-color .2s ease-in;
	transition:background-color .2s ease-in, color .2s ease-in, border-color .2s ease-in;
}
#bbs_button button.answer, #bbs_button input.answer {}
#bbs_button button:hover, #bbs_button input:hover {
	background:#313131; color:#fff;
	-webkit-transition:background-color .2s ease-in, color .2s ease-in;
	-moz-transition:background-color .2s ease-in, color .2s ease-in;
	-o-transition:background-color .2s ease-in, color .2s ease-in;
	transition:background-color .2s ease-in, color .2s ease-in;
}

/*-- Comment -------------------------------------------------------------------------------------------------------------*/
#bbs_comment {padding:30px; background:#eaeaea; overflow:hidden; border-radius:10px; margin-top:20px;}
#bbs_comment h2 {height:28px; line-height:28px; font-family:'Arial', Helvetica, sans-serif; font-size:1.2rem; color:#333; word-spacing:-1px;}
#bbs_comment .comment_box {margin:12px 0 2px; overflow:hidden;}
#bbs_comment .comment_box .comment_textarea {border:1px solid #afafaf; border-radius:10px; background:#fff; padding:20px;}
#bbs_comment .comment_box .comment_textarea textarea {
	width:100%; height:100px; background:none; border:none; outline:none; font-size:1.2rem; color:#09C; display:inline-block; line-height:16px;
}
#bbs_comment .comment_box ul.comment_form {position:relative; list-style:none; margin:0; padding:4px 0 0; overflow:hidden;}
#bbs_comment .comment_box ul.comment_form li {float:left; height:30px; margin:0 1px 0 0; padding:0;}
#bbs_comment .comment_box ul.comment_form li.point {float:right; padding:4px 4px;}
#bbs_comment .comment_box ul.comment_form li.cm_bt {float:right;}

#bbs_comment .comment_box ul.comment_form li input {vertical-align:middle;}
#bbs_comment .comment_box ul.comment_form li input.text_form {padding-left:2px; height:24px; line-height:24px; border:1px solid #d2d2d2; border-radius:4px;}
#bbs_comment .comment_box ul.comment_form li input.cm_write {
	width:78px; height:26px; border:none; background:#292929; color:#FFF; font-size:1.2rem; text-align:center; cursor:pointer;
	*+margin-left:2px; display:inline-block; *display:inline; zoom:1; border-radius:4px;
}

/* Comment AUTH_CODE */
#bbs_comment #auth_code {position:relative; overflow:hidden;}
#bbs_comment #auth_code img, #auth_code input {vertical-align:middle; float:left; border:1px solid #d2d2d2; border-radius:4px;}
#bbs_comment #auth_code img {width:80px !important; height:24px !important;}
#bbs_comment #auth_code input {width:140px; height:24px; line-height:24px; margin-left:2px; color:#09C;}

/* Comment list */
#bbs_comment_list {font-family:'tahoma', dotum; color:#666;}
#bbs_comment_list ul {list-style:none; margin:16px 0; border:1px solid #AFAFAF; border-radius:10px; padding:14px;}
#bbs_comment_list li.comment_info {border-bottom:1px dotted #A1A1A1; overflow:hidden; padding:0 0 4px;}
#bbs_comment_list li span.com_name {float:left; font-size:1.0rem; font-weight:bold; font-weight:800; line-height:1.500em;}
#bbs_comment_list li span.com_rateit {float:left;}
#bbs_comment_list li span.com_info {font-size:1.0rem; color:#8b8b8b;}
#bbs_comment_list li span {float:right; padding-left:6px;}
#bbs_comment_list span img {display:inline-block;*display:inline; margin-left:1px; border:none;}
#bbs_comment_list li.comment_list {clear:both; margin-top:6px; font-size:1.0rem;}

/* Point */
div.mzboard_point {border:1px solid #ccc; font-size:1.2rem; margin-bottom:10px;}
div.mzboard_point_title {background:#eee; padding:5px 10px;}
div.mzboard_point_cont {padding:5px 10px;}
div.mzboard_point_cont input {vertical-align:middle;}

/* Password */
#divBoardPass {width:100%; height:100%; position:fixed; top:0; left:0; background:url(../skin_images/bg_pattern.png); z-index:9999;}
#divBoardPass .password_form {width:300px; height:90px; position:absolute; left:50%; top:50%; margin:-45px 0 0 -150px; padding:10px 20px 20px; background:#fff; border-radius:10px;}
#divBoardPass .password_form p.close_bt {text-align:right;}
#divBoardPass .password_form span.close_bt a img {border:none; vertical-align:top;}
#divBoardPass ul.password_box {overflow:hidden; list-style:none; margin:10px 0 0; padding:0;}
#divBoardPass ul.password_box li.th {width:80%; float:left;}
#divBoardPass ul.password_box li.th h2 {font-family:Arial, Helvetica, sans-serif; font-size:1.4rem; color:#212121; font-weight:600; margin:0 0 8px 0; padding:0;}
#divBoardPass ul.password_box li.th input {width:99%; border:1px solid #d2d2d2; height:24px; line-height:24px; border-radius:4px;}
#divBoardPass ul.password_box li.td {width:20%; float:left; text-align:right;}
#divBoardPass ul.password_box li input.submit {
	width:52px; height:52px; border:none; background:#292929 url(../skin_images/bt_pattern01.gif); color:#fff; font-size:1.2rem; text-align:center;
	cursor:pointer; display:inline-block; *display:block; zoom:1; border-radius:6px;
}

@media screen and (max-width:1100px) {
	/*BBS_LIST*/
	/* BBS Type Banner */
	#bbs_container .bbs_list_wrap dl.banner dd.t_body {display:grid; grid-template-columns:repeat(4, 1fr); grid-auto-rows:minmax(100px, auto); column-gap:30px; row-gap:50px; padding:30px 30px 10px;}

	/* BBS Type Gallery */
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body {display:grid; grid-template-columns:repeat(3, 1fr); grid-auto-rows:minmax(240px, auto); column-gap:30px; row-gap:40px; padding:30px 30px 10px;}
}

@media screen and (max-width:768px) {
	
	.m_none {display:none !important;}
	.m_size {width:6% !important; max-width:35px;}
	.m_auto {width:auto !important; max-width:80px;}

	.is_pc {display:none !important;}
	
	/*BBS_LIST*/
	#bbs_container ul.bbs_select_form li.bbs_category {height:60px;}
	#bbs_container ul.bbs_select_form li.bbs_category a {height:26px; line-height:26px; margin-right:4px; font-size:1.2rem; padding:2px 6px; border-radius:16px;}
	#bbs_container ul.bbs_select_form li.bbs_search {height:auto; padding-top:6px;}
	#bbs_container ul.bbs_select_form li.bbs_search dd {width:100%; display:flex; flex-wrap:wrap;}
	#bbs_container ul.bbs_select_form li.bbs_search dd input {flex:1 1 40%; margin:1px 0 !important;}

	/* BBS Type Banner */
	#bbs_container .bbs_list_wrap dl.banner dd.t_body {grid-template-columns:repeat(3, 1fr); grid-auto-rows:minmax(80px, auto); column-gap:25px; row-gap:40px; padding:25px 25px 10px;}
	
	#bbs_container .bbs_write_wrap ul.pc_none {display:table;}
	#bbs_container .bbs_write_wrap ul.tr li.th {display:none;}
	#bbs_container .bbs_write_wrap ul.tr li.td {width:100%;}
	#bbs_container .bbs_write_wrap ul.tr li.colspan2,
	#bbs_container .bbs_write_wrap ul.tr li.textarea {text-align:left;}
	
	#bbs_container .bbs_write_wrap .bbs_tel .SumoSelect > .optWrapper > .options  li.opt {line-height:1.0rem;}
	
	#bbs_container .bbs_write_wrap input.m_max {width:98%;}
	
	#bbs_container #auth_code {position:relative; display:table; min-width:300px; margin:35px auto 0;}
	#bbs_container #auth_code img {width:30% !important;}
	#bbs_container #auth_code input.btnRefresh {margin:14px 2% 0;}
	#bbs_container #auth_code input#input_code {width:30%;}
	#bbs_container #auth_code button {width:22%;}
	
	.m_wd16p {width:16% !important;}
	
	/*BBS_BUTTON*/
	#bbs_button.box {padding:0; background:none; border:none; overflow:visible;}
	#bbs_button button, #bbs_button input {width:100px; height:36px; line-height:36px; margin:0 1px;}
}

@media screen and (max-width:640px) {
	/*BBS_LIST*/
	/* BBS Type List */
	#bbs_container .bbs_list_wrap dl.list .tr {display:grid; grid-template-columns:80px 60px 1fr !important;}
	#bbs_container .bbs_list_wrap dl.list .tr li.td_checkbox,
	#bbs_container .bbs_list_wrap dl.list .tr li.td_detail {display:none;}
	#bbs_container .bbs_list_wrap dl.list dd.t_body ul.tr {height:50px;}
	#bbs_container .bbs_list_wrap dl.list dd.t_body ul.tr li.td_year,
	#bbs_container .bbs_list_wrap dl.list dd.t_body ul.tr li.td_month {font-size:2.0rem;}
	#bbs_container .bbs_list_wrap dl.list dd.t_body ul.tr li.td_issue h3 {font-size:1.4rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

	/* BBS Type Banner */
	#bbs_container .bbs_list_wrap dl.banner dd.t_body {grid-template-columns:repeat(2, 1fr); grid-auto-rows:minmax(80px, auto); column-gap:20px; row-gap:35px; padding:20px 20px 10px;}

	/* BBS Type Gallery */
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body {grid-template-columns:repeat(2, 1fr); grid-auto-rows:minmax(240px, auto); column-gap:25px; row-gap:30px; padding:25px 25px 10px;}

	/*BBS_VIEW*/
	#bbs_container .bbs_view_wrap .veiw_content_wrap h5.category {font-size:1.3rem;}
	#bbs_container .bbs_view_wrap .veiw_content_wrap h1.title {font-size:2.6rem;}
	#bbs_container .bbs_view_wrap .veiw_content_wrap ul.content_info li {font-size:1.2rem; margin-left:10px;}
	#bbs_container .bbs_view_wrap .veiw_content_wrap ul.content_info li i {font-size:1.4rem;}
	#bbs_container .bbs_view_wrap .veiw_content_wrap ul.content_info li i.axi-ion-link,
	#bbs_container .bbs_view_wrap .veiw_content_wrap ul.content_info li i.axi-print2 {font-size:1.8rem;}

	#bbs_container .bbs_view_wrap .table div.tr {border-top:none;}
	#bbs_container .bbs_view_wrap .table div.tr dl {padding:5px auto; border-top:1px solid #d2d2d2;}
	#bbs_container .bbs_view_wrap .table div.tr dl.td_left {width:100%; float:none; clear:both;}
	#bbs_container .bbs_view_wrap .table div.tr dl.td_right {width:100%; float:none; clear:both;}
	#bbs_container .bbs_view_wrap .table div.tr dl dt.th {width:60px; min-width:60px;}
	#bbs_container .bbs_view_wrap .table div.tr dl.content dt {width:0px; max-width:0px; min-width:0px; font-size:0; overflow:hidden;}
	#bbs_container .bbs_view_wrap .table div.tr dl.content dd {width:100%;}

	#bbs_container .view_file a.thumbnail,
	#bbs_container .view_file a.thumbnail.even,
	#bbs_container .view_file a.thumbnail.odd {margin:6px 0; width:calc(100% - 30px)}

	/*BBS_BUTTON*/
	#bbs_button button, #bbs_button input {width:70px; height:30px; line-height:30px; margin:0 1px 0 0; font-size:1.15rem;}
}

@media screen and (max-width:420px) {
	/*BBS_LIST*/
	/* BBS Type News */
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td3 li.td_name::before,
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td3 li.td_view,
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td3 li.td_view::before {display:none}
	
	/* BBS Type Banner */
	#bbs_container .bbs_list_wrap dl.banner dd.t_body {grid-template-columns:repeat(1, 1fr); grid-auto-rows:minmax(80px, auto); column-gap:0; row-gap:30px; padding:20px 30px 10px;}

	/* BBS Type Gallery */
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body {grid-template-columns:repeat(1, 1fr); grid-auto-rows:minmax(240px, auto); column-gap:0; row-gap:20px; padding:20px 20px 10px;}
}