@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; box-sizing:border-box;}
#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 p {display:flex; align-items:center; padding-left:5px;}
#bbs_container dl.bbs_top dt span {display:inline-block; color:#6666ff; font-weight:500; margin-top:-1px; padding-left:4px;}
#bbs_container dl.bbs_top dt a {margin-left:8px;}
#bbs_container dl.bbs_top dt a img {border:none;}
#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:100%; border-top:1px solid #333;}
#bbs_container ul.bbs_select_form .bbs_category {}

/* 동적 셀렉트 */
#bbs_container .bbs_category #select_wrap {
	position:relative; font-size:1.2rem; color:#414141; font-weight:400; border-top:1px solid #d2d2d2;
}
#bbs_container .bbs_category #select_wrap dt.selected-option {display:none;}
#bbs_container .bbs_category #select_wrap ul {display:flex; align-items:center; justify-content:left; min-height:60px;}
#bbs_container .bbs_category #select_wrap ul li {
	display:inline-block; margin:0 2px; cursor:pointer; border:1px solid #d2d2d2; border-radius:5px; padding:6px 12px;
}

#bbs_container .bbs_category #select_wrap ul li.ct_subject {border:none; cursor:default; border-radius:0; margin:0; padding-left:10px;}

#bbs_container .bbs_category #select_wrap ul li.selected {font-size:1.2rem; font-weight:500; color:#fff; background:rgba(0, 0, 0, 0.9);}
#bbs_container .bbs_category #select_wrap ul li.selected ul {font-weight:400; color:#414141;}
#bbs_container .bbs_category #select_wrap ul li.selected > ul {display:flex;}

#bbs_container .bbs_category #select_wrap ul.depth2,
#bbs_container .bbs_category #select_wrap ul.depth3 {display:none; width:100%; position:absolute; left:0px;}

#bbs_container .bbs_category #select_wrap .options li.selected .depth2 {display:flex; top:60px; border-top:1px solid #d2d2d2;}
#bbs_container .bbs_category #select_wrap .options .depth2 li.selected .depth3 {display:flex; top:60px; border-top:1px solid #d2d2d2;}

/* bbs_search */
#bbs_container ul.bbs_select_form .bbs_search {text-align:right;}
#bbs_container ul.bbs_select_form .bbs_search dl {display:block; min-width:320px; font-size:0;}
#bbs_container ul.bbs_select_form .bbs_search input {
	display:inline-block; height:39px; line-height:39px; font-size:1.3rem; box-sizing:border-box; border:none; border:1px solid #616161; background:#fff; border-radius:0;
}
#bbs_container ul.bbs_select_form .bbs_search dt {display:block; box-sizing:border-box; padding-top:3px;}
#bbs_container ul.bbs_select_form .bbs_search dt input.date {width:calc(50% - 2px); min-width:60px; color:#515151; text-indent:5px;}
#bbs_container ul.bbs_select_form .bbs_search dt input.date:last-child {margin-left:2px;}
#bbs_container ul.bbs_select_form .bbs_search dd {display:block; margin-top:2px;}
#bbs_container ul.bbs_select_form .bbs_search dd .SumoSelect::before {display:inline-block; content:''; clear:both; width:100%;}
#bbs_container ul.bbs_select_form .bbs_search dd .SumoSelect {width:30%; min-width:90px; vertical-align:middle; text-align:left; font-size:0; box-sizing:border-box;}
#bbs_container ul.bbs_select_form .bbs_search dd .SumoSelect p {font-size:1.4rem;}
#bbs_container ul.bbs_select_form .bbs_search dd .SumoSelect > .CaptionCont {outline:1px solid #616161; border:none !important;}
#bbs_container ul.bbs_select_form .bbs_search dd .SumoSelect > .optWrapper {top:38px; font-size:1.4rem;}
#bbs_container ul.bbs_select_form .bbs_search dd .SumoSelect > .optWrapper .options li.selected label {font-weight:500; color:#339;}
#bbs_container ul.bbs_select_form .bbs_search dd .SelectBox {height:37px; line-height:37px; padding:0 8px; box-shadow:none !important; border-radius:0px !important;}
#bbs_container ul.bbs_select_form .bbs_search dd input.search_form {width:calc(50% - 3px); margin-left:3px; text-indent:10px; border-radius:0;}
#bbs_container ul.bbs_select_form .bbs_search dd input.search_bt {width:20%; min-width:45px; background:#414141; color:#FFF; cursor:pointer; border:none; text-align:center;}

/* bbs_filter */
#bbs_container dl#search_filter {margin-top:30px;}
#bbs_container dl#search_filter dt {margin-bottom:16px; vertical-align:bottom;}
#bbs_container dl#search_filter dt::after {display:block; clear:both; content:'';}
#bbs_container dl#search_filter dt button.left {float:left; font-size:1.4rem; font-weight:500; color:#111111; letter-spacing:-1px;}
#bbs_container dl#search_filter dt button.left i {
	margin-top:-3.4px; margin-left:3px; font-style:normal; font-size:2.4rem; color:#313131; font-weight:400; transform:rotate(0deg); transform-origin:50% 50%;
	transition:transform 0.1s ease-in;
	-webkit-transition:transform 0.1s ease-in;
	-moz-transition:transform 0.1s ease-in;
}
#bbs_container dl#search_filter.on dt button.left i {
	transform:rotate(180deg);
	transition:transform 0.1s ease-in;
	-webkit-transition:transform 0.1s ease-in;
	-moz-transition:transform 0.1s ease-in;
}
#bbs_container dl#search_filter dt button.right {display:none; float:right; border:1px solid #d2d2d2; font-size:1.1rem; margin-top:15px; padding:3px 6px;}
#bbs_container dl#search_filter.on dt button.right {display:inline-block;}
#bbs_container dl#search_filter.on dt button.right:hover {background:#111; color:#fff;}
#bbs_container dl#search_filter dd {display:none; border-top:1px solid #616161; border-bottom:1px solid #616161;}
#bbs_container dl#search_filter.on dd {display:block;}
#bbs_container dl#search_filter.on dd .no-results {display:flex; height:80px; align-items:center; justify-content:center; font-size:1.4rem; color:#515151; font-weight:400;}
#bbs_container dl#search_filter dd ul.tr {display:table; width:100%; min-height:60px; border-top:1px solid #dbdbdb; box-sizing:border-box;}
#bbs_container dl#search_filter dd ul.tr li {display:table-cell; vertical-align:middle;}
#bbs_container dl#search_filter dd ul.tr li.th {width:130px; font-size:1.4rem; font-weight:500; text-indent:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#bbs_container dl#search_filter dd ul.tr li.td {text-align:left;}
#bbs_container dl#search_filter dd ul.tr li.td span {display:inline-block; font-size:1.3rem; line-height:28px; font-weight:400; margin:6px 5% 6px 0; color:#515151;}
#bbs_container dl#search_filter dd ul.tr li.td span.colorbox {border:none; font-size:0 !important; margin:6px 4% 6px 0;}
#bbs_container dl#search_filter dd ul.tr li.td span input[type="checkbox"] {
	margin-right:2px; appearance:none; box-sizing:border-box; background-clip:content-box; padding:0.16em; width:16px; height:16px; border:1px solid gray;
	border-radius:8px; cursor:pointer;
}
#bbs_container dl#search_filter dd ul.tr li.td input[type="checkbox"]:checked {border-color:#00a4b9; background-color:#00a4b9;}
#bbs_container dl#search_filter dd ul.tr li.td span.colorbox input[type="checkbox"] {width:26px; height:26px; padding:0 !important; outline:1px solid #d2d2d2; border-radius:0;}
#bbs_container dl#search_filter dd ul.tr li.td span.colorbox input[type="checkbox"]:checked {background:url(../skin_images/select-icons.png) -6.5px -172px no-repeat !important;}

/*게시물 공통 */
#bbs_container .bbs_list_wrap dl dd.t_body::after {clear:both; display:block; content:'';}
#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-filter {display:flex; height:120px; align-items:center; justify-content:center; font-size:1.4rem; color:#515151; font-weight:400;}
#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 {display:block; border-top:1px solid #d2d2d2; margin-bottom:30px;}

#bbs_container .bbs_list_wrap dl.list dt.t_head {position:relative; height:20px;}
#bbs_container .bbs_list_wrap dl.list dt.t_head ul.td1 {position:absolute; left:2px; top:14px;}
#bbs_container .bbs_list_wrap dl.list dt.t_head ul.td1 li.td_checkbox {position:relative; display:inline-block; z-index:100;}
#bbs_container .bbs_list_wrap dl.list dt.t_head ul.td1 li.td_checkbox::after {display:inline-block; content:'[전체선택]'; margin-left:4px; font-size:1.3rem;}
#bbs_container .bbs_list_wrap dl.list dt.t_head ul.td1 li.td_num,
#bbs_container .bbs_list_wrap dl.list dt.t_head ul.td2,
#bbs_container .bbs_list_wrap dl.list dt.t_head ul.td3 {display:none;}

#bbs_container .bbs_list_wrap dl.list dd.t_body {display:block; width:100%;}
#bbs_container .bbs_list_wrap dl.list dd.t_body .tr {position:relative; width:100%; margin-top:15px; padding-top:15px; border-top:1px solid #d2d2d2;}
#bbs_container .bbs_list_wrap dl.list dd.t_body .tr::after {clear:both; display:block; content:'';}
#bbs_container .bbs_list_wrap dl.list dd.t_body .tr:first-child {border-top:none;}
#bbs_container .bbs_list_wrap dl.list dd.t_body .tr ul,
#bbs_container .bbs_list_wrap dl.list dd.t_body .tr ul li {display:inline-block; vertical-align:middle;}
#bbs_container .bbs_list_wrap dl.list 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.list dd.t_body .tr ul.td1 li.td_checkbox {position:absolute; top:2px; left:2px; z-index:100;}
#bbs_container .bbs_list_wrap dl.list dd.t_body .tr ul.td1 li.td_num {
	font-size:0; background-position:top !important; background-size:cover !important; width:100px; height:70px; border:1px solid #e1e1e1;
}
#bbs_container .bbs_list_wrap dl.list dd.t_body .tr ul.td2 {float:left; width:calc(100% - 165px); min-height:24px; padding-top:8px; padding-left:15px; vertical-align:top;}
#bbs_container .bbs_list_wrap dl.list dd.t_body .tr ul.td2 li.td_category {font-size:1.4rem; font-weight:600; color:#036;}
#bbs_container .bbs_list_wrap dl.list 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.list 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.list 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.list dd.t_body .tr ul.td3 {width:calc(100% - 165px); padding-left:15px; margin-top:5px;}
#bbs_container .bbs_list_wrap dl.list 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.list dd.t_body .tr ul.td3 li.td_contents {
	display:block; width:100%; height:auto; min-height:15.5px; margin-bottom:4px; 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.list dd.t_body .tr ul.td3 li.td_name::before {display:inline-block; content:'Name :'; margin-right:5px;}
#bbs_container .bbs_list_wrap dl.list dd.t_body .tr ul.td3 li.td_file {display:none;}
#bbs_container .bbs_list_wrap dl.list dd.t_body .tr ul.td3 li.td_view::before {display:inline-block; content:'View :'; margin-right:5px;}
#bbs_container .bbs_list_wrap dl.list dd.t_body .tr ul.td3 li.td_date::before {display:inline-block; content:'Date :'; margin-right:5px;}
#bbs_container .bbs_list_wrap dl.list dd.t_body .item_title {display:none;}

/* BBS Type News */
#bbs_container .bbs_list_wrap dl.news {display:block; border-top:1px solid #d2d2d2; margin-bottom:30px;}

#bbs_container .bbs_list_wrap dl.news dt.t_head {display:block; position:relative; height:20px;}
#bbs_container .bbs_list_wrap dl.news dt.t_head ul.td1 {position:absolute; left:2px; top:14px;}
#bbs_container .bbs_list_wrap dl.news dt.t_head ul.td1 li.td_checkbox {position:relative; display:inline-block; z-index:100;}
#bbs_container .bbs_list_wrap dl.news dt.t_head ul.td1 li.td_checkbox::after {display:inline-block; content:'[전체선택]'; margin-left:4px; font-size:1.3rem;}
#bbs_container .bbs_list_wrap dl.news dt.t_head ul.td1 li.td_num,
#bbs_container .bbs_list_wrap dl.news dt.t_head ul.td2,
#bbs_container .bbs_list_wrap dl.news dt.t_head ul.td3 {display:none;}

#bbs_container .bbs_list_wrap dl.news dd.t_body {display:block; width:100%; padding:30px 0 10px; list-style:none; box-sizing:border-box;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr {position:relative; float:left; width:calc(100% / 5 - 20px); margin-bottom:60px;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul {text-align:center;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td1 li.td_checkbox {position:absolute; top:4px; left:6px; z-index:100;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td1 li.td_num {
	font-size:0; background-position:top !important; background-size:cover !important; width:100%; height:360px; box-sizing:border-box; position:relative; border:1px solid #ebebeb; box-shadow:3px 3px 6px rgb(0 0 0 / 16%);
	-webkit-transition:background-size .25s ease-in;
	-moz-transition:background-size .25s ease-in;
	-o-transition:background-size .25s ease-in;
	transition:background-size .25s ease-in;
}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr:hover ul.td1 li.td_num {
	 -webkit-transition:background-size .25s ease-in;
	 -moz-transition:background-size .25s ease-in;
	 -o-transition:background-size .25s ease-in;
	 transition:background-size .25s ease-in;
}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td1 li.td_num::before {
	display:block; content:''; width:100%; height:360px; background-color:#000; position:absolute; opacity:0; z-index:1;
	-webkit-transition:opacity .25s ease-in;
	-moz-transition:opacity .25s ease-in;
	-o-transition:opacity .25s ease-in;
	transition:opacity .25s ease-in;
}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr:hover ul.td1 li.td_num::before {
	opacity:0.7;
	-webkit-transition:opacity .25s ease-in;
	-moz-transition:bopacity .25s ease-in;
	-o-transition:opacity .25s ease-in;
	transition:opacity .25s ease-in;
}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td1 li.td_num::after {
	display:inline-block; content:'\2573'; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:2.0rem; position:absolute; top:20px; right:22px; opacity:0; transform:rotate(45deg); z-index:1;
	-webkit-transition:opacity .25s ease-in;
	-moz-transition:bopacity .25s ease-in;
	-o-transition:opacity .25s ease-in;
	transition:opacity .25s ease-in;
}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr:hover ul.td1 li.td_num::after {
	opacity:1;
	-webkit-transition:opacity .25s ease-in;
	-moz-transition:bopacity .25s ease-in;
	-o-transition:opacity .25s ease-in;
	transition:opacity .25s ease-in;
}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td2 {
	position:absolute; display:block; width:100%; left:0; top:50%; transform:translateY(-50%); opacity:0; color:#fff; z-index:2; text-align:center; margin-top:-10px;
	transition:opacity 0.2s ease-in;
	-webkit-transition:opacity .2s ease-in;
	-moz-transition:bopacity .2s ease-in;
	-o-transition:opacity .2s ease-in;
	transition:opacity .2s ease-in;
}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr:hover ul.td2 {
	opacity:1;
	-webkit-transition:opacity .2s ease-in;
	-moz-transition:bopacity .2s ease-in;
	-o-transition:opacity .2s ease-in;
	transition:opacity .2s ease-in;
}

#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td2 li {display:inline-block; vertical-align:middle;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td2 li.td_category {font-size:1.2rem; font-weight:500; display:block;}
#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(100%); margin-top:12px; font-size:1.3rem; font-weight:400; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td3 {display:none;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .item_title {color:#111; text-align:center; font-size:1.3rem; margin-top:12px;}

/* BBS Type Banner */
#bbs_container .bbs_list_wrap dl.banner {display:block; border-top:1px solid #d2d2d2; margin-bottom:30px;}

#bbs_container .bbs_list_wrap dl.banner dt.t_head {display:block; position:relative; height:20px;}
#bbs_container .bbs_list_wrap dl.banner dt.t_head ul.td1 {position:absolute; left:2px; top:14px;}
#bbs_container .bbs_list_wrap dl.banner dt.t_head ul.td1 li.td_checkbox {position:relative; display:inline-block; z-index:100;}
#bbs_container .bbs_list_wrap dl.banner dt.t_head ul.td1 li.td_checkbox::after {display:inline-block; content:'[전체선택]'; margin-left:4px; font-size:1.3rem;}
#bbs_container .bbs_list_wrap dl.banner dt.t_head ul.td1 li.td_num,
#bbs_container .bbs_list_wrap dl.banner dt.t_head ul.td2,
#bbs_container .bbs_list_wrap dl.banner dt.t_head ul.td3 {display:none;}

#bbs_container .bbs_list_wrap dl.banner dd.t_body {display:block; width:100%; padding:30px 0 10px; list-style:none; box-sizing:border-box;}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr {position:relative; float:left; width:calc(100% / 4 - 20px); margin-bottom:80px;}
#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:100;}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_num {
	font-size:0; background-position:top !important; background-size:cover !important; width:100%; height:420px; box-sizing:border-box; position:relative; border:1px solid #ebebeb; box-shadow:3px 3px 6px rgb(0 0 0 / 16%);
	-webkit-transition:background-size .25s ease-in;
	-moz-transition:background-size .25s ease-in;
	-o-transition:background-size .25s ease-in;
	transition:background-size .25s ease-in;
}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr:hover ul.td1 li.td_num {
	 -webkit-transition:background-size .25s ease-in;
	 -moz-transition:background-size .25s ease-in;
	 -o-transition:background-size .25s ease-in;
	 transition:background-size .25s ease-in;
}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_num::before {
	display:block; content:''; width:100%; height:420px; background-color:#000; position:absolute; opacity:0; z-index:1;
	-webkit-transition:opacity .25s ease-in;
	-moz-transition:opacity .25s ease-in;
	-o-transition:opacity .25s ease-in;
	transition:opacity .25s ease-in;
}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr:hover ul.td1 li.td_num::before {
	opacity:0.7;
	-webkit-transition:opacity .25s ease-in;
	-moz-transition:bopacity .25s ease-in;
	-o-transition:opacity .25s ease-in;
	transition:opacity .25s ease-in;
}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_num::after {
	display:inline-block; content:'\2573'; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:2.0rem; position:absolute; top:20px; right:22px; opacity:0; transform:rotate(45deg); z-index:1;
	-webkit-transition:opacity .25s ease-in;
	-moz-transition:bopacity .25s ease-in;
	-o-transition:opacity .25s ease-in;
	transition:opacity .25s ease-in;
}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr:hover ul.td1 li.td_num::after {
	opacity:1;
	-webkit-transition:opacity .25s ease-in;
	-moz-transition:bopacity .25s ease-in;
	-o-transition:opacity .25s ease-in;
	transition:opacity .25s ease-in;
}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td2 {
	position:absolute; display:block; width:100%; left:0; top:50%; transform:translateY(-50%); opacity:0; color:#fff; z-index:2; text-align:center; margin-top:-10px;
	transition:opacity 0.2s ease-in;
	-webkit-transition:opacity .2s ease-in;
	-moz-transition:bopacity .2s ease-in;
	-o-transition:opacity .2s ease-in;
	transition:opacity .2s ease-in;
}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr:hover ul.td2 {
	opacity:1;
	-webkit-transition:opacity .2s ease-in;
	-moz-transition:bopacity .2s ease-in;
	-o-transition:opacity .2s ease-in;
	transition:opacity .2s ease-in;
}

#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td2 li {display:inline-block; vertical-align:middle;}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td2 li.td_category {font-size:1.2rem; font-weight:500; display:block;}
#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(100%); margin-top:12px; font-size:1.3rem; 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 {display:none;}
#bbs_container .bbs_list_wrap dl.banner dd.t_body .item_title {color:#111; text-align:center; font-size:1.3rem; margin-top:12px;}

/* BBS Type Gallery */
#bbs_container .bbs_list_wrap dl.gallery {display:block; border-top:1px solid #d2d2d2; margin-bottom:30px;}

#bbs_container .bbs_list_wrap dl.gallery dt.t_head {display:block; position:relative; height:20px;}
#bbs_container .bbs_list_wrap dl.gallery dt.t_head ul.td1 {position:absolute; left:2px; top:14px;}
#bbs_container .bbs_list_wrap dl.gallery dt.t_head ul.td1 li.td_checkbox {position:relative; display:inline-block; z-index:100;}
#bbs_container .bbs_list_wrap dl.gallery dt.t_head ul.td1 li.td_checkbox::after {display:inline-block; content:'[전체선택]'; margin-left:4px; font-size:1.3rem;}
#bbs_container .bbs_list_wrap dl.gallery dt.t_head ul.td1 li.td_num,
#bbs_container .bbs_list_wrap dl.gallery dt.t_head ul.td2,
#bbs_container .bbs_list_wrap dl.gallery dt.t_head ul.td3 {display:none;}

#bbs_container .bbs_list_wrap dl.gallery dd.t_body {display:block; width:100%; padding:30px 0 10px; list-style:none; box-sizing:border-box;}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr {position:relative; float:left; width:calc(100% / 3 - 20px); margin-bottom:80px;}
#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:6px; z-index:100;}
#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:600px; box-sizing:border-box; position:relative; border:1px solid #ebebeb; box-shadow:3px 3px 6px rgb(0 0 0 / 16%);
	-webkit-transition:background-size .25s ease-in;
	-moz-transition:background-size .25s ease-in;
	-o-transition:background-size .25s ease-in;
	transition:background-size .25s ease-in;
}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr:hover ul.td1 li.td_num {
	 -webkit-transition:background-size .25s ease-in;
	 -moz-transition:background-size .25s ease-in;
	 -o-transition:background-size .25s ease-in;
	 transition:background-size .25s ease-in;
}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td1 li.td_num::before {
	display:block; content:''; width:100%; height:600px; background-color:#000; position:absolute; opacity:0; z-index:1;
	-webkit-transition:opacity .25s ease-in;
	-moz-transition:opacity .25s ease-in;
	-o-transition:opacity .25s ease-in;
	transition:opacity .25s ease-in;
}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr:hover ul.td1 li.td_num::before {
	opacity:0.7;
	-webkit-transition:opacity .25s ease-in;
	-moz-transition:bopacity .25s ease-in;
	-o-transition:opacity .25s ease-in;
	transition:opacity .25s ease-in;
}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td1 li.td_num::after {
	display:inline-block; content:'\2573'; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:2.0rem; position:absolute; top:20px; right:22px; opacity:0; transform:rotate(45deg); z-index:1;
	-webkit-transition:opacity .25s ease-in;
	-moz-transition:bopacity .25s ease-in;
	-o-transition:opacity .25s ease-in;
	transition:opacity .25s ease-in;
}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr:hover ul.td1 li.td_num::after {
	opacity:1;
	-webkit-transition:opacity .25s ease-in;
	-moz-transition:bopacity .25s ease-in;
	-o-transition:opacity .25s ease-in;
	transition:opacity .25s ease-in;
}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td2 {
	position:absolute; display:block; width:100%; left:0; top:50%; transform:translateY(-50%); opacity:0; color:#fff; z-index:2; text-align:center; margin-top:-10px;
	transition:opacity 0.2s ease-in;
	-webkit-transition:opacity .2s ease-in;
	-moz-transition:bopacity .2s ease-in;
	-o-transition:opacity .2s ease-in;
	transition:opacity .2s ease-in;
}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr:hover ul.td2 {
	opacity:1;
	-webkit-transition:opacity .2s ease-in;
	-moz-transition:bopacity .2s ease-in;
	-o-transition:opacity .2s ease-in;
	transition:opacity .2s ease-in;
}

#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td2 li {display:inline-block; vertical-align:middle;}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td2 li.td_category {font-size:1.2rem; font-weight:500; display:block;}
#bbs_container .bbs_list_wrap dl.gallery 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.gallery 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.gallery dd.t_body .tr ul.td2 li.td_title {width:calc(100%); margin-top:16px; font-size:1.4rem; font-weight:400; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td3 {display:none;}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .item_title {color:#111; text-align:center; font-size:1.4rem; margin-top:16px;}

/* 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_container .search_filter {position:relative; border-top:2px solid #2b2f3f; border-left:1px solid #fff; border-right:1px solid #fff;}
#bbs_container .search_filter dl {display:none; width:100%; font-size:1.3rem; color:#414141; font-weight:400; box-sizing:border-box;}
#bbs_container .search_filter.on dl {display:table;}
#bbs_container .search_filter dl dt {
	display:table-cell; font-weight:500; padding-left:2%; background:#f2f2f2 url(../skin_images/bg_pattern01.gif); vertical-align:middle; border-right:1px solid #d2d2d2;
}
#bbs_container .search_filter dl dd {display:table-cell; width:80%; padding:3px 0 3px 2%;}
#bbs_container .search_filter dl dd ul {display:grid; grid-template-columns:100px 1fr 55px; column-gap:8px; width:100%; box-sizing:border-box; margin-top:2px;}
#bbs_container .search_filter dl dd ul:first-child {margin-top:none;}
#bbs_container .search_filter dl dd ul li {display:inline-block; vertical-align:middle; text-align:left;}
#bbs_container .search_filter dl dd ul li input {width:100%; height:22px; border:1px solid #d2d2d2; padding-left:4px; font-size:1.2rem; color:#414141;}
#bbs_container .search_filter dl dd ul li input::placeholder {color:#45afd8; font-size:1.2rem;}
#bbs_container .search_filter dl dd ul li input::-ms-input-placeholder {color:#45afd8; font-size:1.2rem;}
#bbs_container .search_filter dl dd ul li input::-webkit-input-placeholder {color:#45afd8; font-size:1.2rem;}
#bbs_container .search_filter dl dd ul li input::-moz-input-placeholder {color:#45afd8; font-size:1.2rem;}
#bbs_container .search_filter dl dd ul li button {width:24px; height:24px; text-align:center; background:#222; font-size:1.2rem; color:#fff;}
#bbs_container .search_filter dl dd ul li button.modify {background:#09C;}
#bbs_container .search_filter dl dd ul li button.delete {background:#f03;}

#bbs_container .search_filter button.toggle_bt {
	position:absolute; width:18px; height:16px; top:-16px; right:0; display:flex; align-items:center; justify-content:center;
	background:#414141; font-size:1.0rem; color:#fff; cursor:pointer;
}
#bbs_container .search_filter button.toggle_bt i {margin-right:1px;}
#bbs_container .search_filter.on button.toggle_bt i {transform:rotate(180deg); transform-origin:center;}

/* BBS Write Form */
#bbs_container .bbs_write_wrap {border:1px solid #d2d2d2; border-bottom:none; margin-bottom:30px; box-sizing:border-box;}
#bbs_container .bbs_write_wrap ul.tr {width:100%; display:table; border-collapse:collapse; font-size:1.3rem; 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 {box-sizing:border-box;}
#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 {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:96%; 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.block {display:block; width:96%; padding:4px 2% 4px;}

#bbs_container .bbs_write_wrap .bbs_category #select_wrap {border:1px solid #d2d2d2;}

#bbs_container #filter_field ul.tr li.td span.colorbox {display:inline-block; font-size:0 !important; margin:auto 3px;}
#bbs_container #filter_field ul.tr li.td span.colorbox input[type="checkbox"] {
	width:20px; height:20px; appearance:none; box-sizing:border-box; background-clip:content-box; padding:0 !important; outline:1px solid #d2d2d2; cursor:pointer;
}
#bbs_container #filter_field ul.tr li.td span.colorbox input[type="checkbox"]:checked {background:url(../skin_images/select-icons.png) -9.5px -175px no-repeat !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 .SocialLink {position:relative;}
#bbs_container .bbs_view_wrap .SocialLink button.share_button {display:flex; width:38px; height:38px; border:1px solid #d2d2d2; border-radius:19px; align-items:center; justify-content:center;}
#bbs_container .bbs_view_wrap .SocialLink button.share_button i {font-size:1.4rem; color:#717171; font-weight:400;}
#bbs_container .bbs_view_wrap .SocialLink.active button.share_button,
#bbs_container .bbs_view_wrap .SocialLink button.share_button:hover {border-color:#5581e0; background:#5581e0;}
#bbs_container .bbs_view_wrap .SocialLink.active button.share_button i,
#bbs_container .bbs_view_wrap .SocialLink button.share_button:hover i {font-weight:500; color:#fff !important;}
#bbs_container .bbs_view_wrap .SocialLink dl {
    display:none; position:absolute; width:260px; height:200px; right:10px; top:40px; box-sizing:border-box; padding:20px;
    background:#fff; border-radius:20px; border:1px solid #ebebeb; box-shadow:4px 4px 4px rgba(100,100,100,0.2);
}
#bbs_container .bbs_view_wrap .SocialLink.active dl {display:block;}
#bbs_container .bbs_view_wrap .SocialLink dl dt {font-size:1.4rem; color:#515151; font-weight:400;}
#bbs_container .bbs_view_wrap .SocialLink dl dd {margin-top:10px;}
#bbs_container .bbs_view_wrap .SocialLink dl dd button {
    width:49px; height:49px; border-radius:50%; border:none; outline:none; margin:10px; background-size:cover !important; display:inline-block;
    background-position:center !important; background-repeat:no-repeat !important; font-size:1.6rem;
}
#bbs_container .bbs_view_wrap .SocialLink dl dd button.close {position:absolute; right:-12px; top:-12px;}
#bbs_container .bbs_view_wrap .SocialLink dl dd button.close i {color:#818181;}
#bbs_container .bbs_view_wrap .SocialLink dl dd button.ico_facebook {background:url(../skin_images/sns_facebook.png)}
#bbs_container .bbs_view_wrap .SocialLink dl dd button.ico_twitter {background:url(../skin_images/sns_twitter.png)}
#bbs_container .bbs_view_wrap .SocialLink dl dd button.ico_kakao {background:url(../skin_images/sns_kakaotalk.png)}
#bbs_container .bbs_view_wrap .SocialLink dl dd button.ico_naver {background:url(../skin_images/sns_naver.png)}
#bbs_container .bbs_view_wrap .SocialLink dl dd button.ico_band {background:url(../skin_images/sns_band.png)}
#bbs_container .bbs_view_wrap .SocialLink dl dd button.ico_urlcopy {background:#717171;}
#bbs_container .bbs_view_wrap .SocialLink dl dd button.ico_urlcopy i {color:#fff !important;}

#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 dd.td span.colorbox {display:inline-block; width:18px; height:18px; border:1px solid #d2d2d2;}

#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_container a.link_button {
	clear:both; display:block; position:relative; width:160px; height:40px; line-height:40px; text-align:center; font-size:1.2rem; font-weight:400; color:#fff; margin:20px auto 60px; overflow:hidden;
}

#bbs_container a.link_button::after {
	position:absolute; background-image:linear-gradient(to right, #3c4e80, #6588eb, #597cdb); background-size:150% 150%; height:70px; width:420px;
	display:block; content:''; margin:-40px 0 0 -140px; transition:all 0.3s ease; border-radius:4px; z-index:-1;
	-webkit-animation:topbt-gradient 2s ease infinite;
	-moz-animation:topbt-gradient 2s ease infinite;
	animation:topbt-gradient 2s ease infinite;
}

@keyframes bt-gradient {
	0% {background-position:0% 50%;}
	50% {background-position:100% 50%;}
	100% {background-position:0% 50%;}
}

/* BBS Preview title */
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 Preview img */
ul#preview_img {display:grid; grid-template-columns:repeat(4, 1fr); column-gap:10px; margin-top:20px; padding:10px 20px 20px; box-sizing:border-box;}
ul#preview_img li {border:1px solid #d2d2d2;}
ul#preview_img li a {
	display:block; width:100%; height:150px; font-size:1.2rem; color:#414141; font-weight:500; line-height:340px;
	background-size:cover !important; background-repeat:no-repeat !important; text-align:center;
}

/* 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.reply:hover, #bbs_button input.reply:hover {
	background:#257e94; border-color:#257e94; 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 News */
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr {width:calc(100% / 4 - 15px); margin-bottom:40px;}
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td1 li.td_num,
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td1 li.td_num::before {height:240px;}

	/* BBS Type Banner */
	#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr {width:calc(100% / 3 - 15px); margin-bottom:40px;}
	#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_num,
	#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_num::before {height:240px;}

	/* BBS Type Gallery */
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr {width:calc(100% / 2 - 10px); margin-bottom:50px;}
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td1 li.td_num,
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td1 li.td_num::before {height:280px;}
}

@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_container dl.bbs_top dd span.display_grid {display:none;}

	/* bbs_category */
	#bbs_container ul.bbs_select_form {
		position:relative; width:100%; display:grid; grid-template-columns:repeat(2, 1fr); border-top:1px solid #333; padding-top:10px;
	}
	#bbs_container ul.bbs_select_form .bbs_category {}


	/* 동적 셀렉트 */
	#bbs_container .bbs_category #select_wrap {
		position:relative; width:180px; border:1px solid #616161; cursor:pointer; font-size:1.3rem; color:#616161; font-weight:400;
	}
	#bbs_container .bbs_category #select_wrap ul {display:block; min-height:auto;}
	#bbs_container .bbs_category #select_wrap ul li {display:block; margin:0; cursor:pointer; border:none; border-radius:0; padding:0;}
	#bbs_container .bbs_category #select_wrap .selected-option {
		padding:12px 10px; display:flex !important; justify-content:space-between; align-items:center; user-select:none; -webkit-tap-highlight-color:transparent;
	}
	#bbs_container .bbs_category #select_wrap .selected-option i {transform:rotate(0deg);}
	#bbs_container .bbs_category #select_wrap.open .selected-option i {transform:rotate(180deg);}
	#bbs_container .bbs_category #select_wrap .options {
		display:none; position:absolute; top:100%; left:0; width:100%; outline:1px solid #ccc; border-top:none; background:#fff; list-style:none;
		margin:0; padding:0; z-index:1000; box-shadow:2px 2px 4px rgba(100,100,100,0.2);
	}
	#bbs_container .bbs_category #select_wrap .options li {
		display:block; padding:10px 10px;; border-bottom:1px solid #eee; position:relative; user-select:none; -webkit-tap-highlight-color:transparent; cursor:pointer;
	}
	#bbs_container .bbs_category #select_wrap .options li:last-child {border-bottom:none;}
	#bbs_container .bbs_category #select_wrap .options li:hover {background:#616161; color:#fff;}
	#bbs_container .bbs_category #select_wrap.open .options {display:block;}
	#bbs_container .bbs_category #select_wrap .options .depth2 {
		display:none; position:absolute; min-width:120px; left:100%; top:0; background:#fff; outline:1px solid #ccc; box-shadow:2px 2px 4px rgba(100,100,100,0.2); padding:6px; z-index:1000;
	}
	#bbs_container .bbs_category #select_wrap .options .depth3 {
		display:none; position:absolute; min-width:120px; left:100%; top:0; background:#fff; outline:1px solid #ccc; box-shadow:2px 2px 4px rgba(100,100,100,0.2); padding:6px; z-index:1000;
	}
	#bbs_container .bbs_category #select_wrap .options li:hover > .depth2,
	#bbs_container .bbs_category #select_wrap .options li:hover > .depth3 {display:block !important;}
	#bbs_container .bbs_category #select_wrap .options .depth2 li:hover > .depth3 {display:block;}
	#bbs_container .bbs_category #select_wrap .options li.selected,
	#bbs_container .bbs_category #select_wrap .options li.selected:hover {background:#616161; color:#fff;}
	#bbs_container .bbs_category #select_wrap .options li i {
		position:absolute; right:15px; top:12px; pointer-events:none;
		transition:right 0.2s ease-in;
		-webkit-transition:right 0.2s ease-in;
		-moz-transition:right 0.2s ease-in;
	}
	#bbs_container .bbs_category #select_wrap .options li:hover i {
		right:10px;
		transition:right 0.2s ease-in;
		-webkit-transition:right 0.2s ease-in;
		-moz-transition:right 0.2s ease-in;
	}
	
	/*BBS_LIST*/
	#bbs_container .bbs_search {display:block !important; width:100%; margin-top:3px;}

	/* BBS Type News */
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr {width:calc(100% / 2 - 10px); margin-bottom:50px;}
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td1 li.td_num,
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td1 li.td_num::before {height:280px;}

	/* BBS Type Banner */
	#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr {width:calc(100% / 2 - 10px); margin-bottom:50px;}
	#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_num,
	#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_num::before {height:280px;}

	/* BBS Type Gallery */
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr {width:calc(100% / 2 - 10px); margin-bottom:50px;}
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td1 li.td_num,
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td1 li.td_num::before {height:280px;}
	
	#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 {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:320px; 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_container ul.bbs_select_form {grid-template-columns:1fr;}
	#bbs_container ul.bbs_select_form li.bbs_category {display:unset; display:block; width:100%; height:auto; box-sizing:border-box;}
	#bbs_container #select_wrap {display:block; width:100% !important; box-sizing:border-box;}
	#bbs_container .bbs_category #select_wrap .options .depth2,
	#bbs_container .bbs_category #select_wrap .options .depth3 {display:block; position:unset; margin-top:10px;}
	#bbs_container .bbs_category #select_wrap .options li i {display:none;}
	#bbs_container .bbs_category .SumoSelect {min-width:140px; width:100%;}
	
	/* BBS Type List */
	#bbs_container .bbs_list_wrap dl.list dd.t_body .tr ul li.td_title {padding-left:6px; max-width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

	/* BBS Type News */
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr {width:calc(100% - 10px); margin-bottom:50px;}
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td1 li.td_num,
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td1 li.td_num::before {height:280px;}

	/* BBS Type Banner */
	#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr {width:calc(100% - 10px); margin-bottom:50px;}
	#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_num,
	#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_num::before {height:280px;}

	/* BBS Type Gallery */
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr {width:calc(100% - 10px); margin-bottom:50px;}
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td1 li.td_num,
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td1 li.td_num::before {height:280px;}

	/*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:560px) {
	/* BBS Preview img */
	ul#preview_img {grid-template-columns:repeat(2, 1fr); column-gap:10px; row-gap:40px; margin-top:20px; padding:10px 20px 20px;}
}

@media screen and (max-width:420px) {
	/*BBS_LIST*/
	/* BBS Type News */
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr {width:calc(100% - 10px); margin-bottom:30px;}
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td1 li.td_num,
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td1 li.td_num::before {height:260px;}

	/* BBS Type Banner */
	#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr {width:calc(100% - 10px); margin-bottom:30px;}
	#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_num,
	#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_num::before {height:260px;}

	/* BBS Type Gallery */
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr {width:calc(100% - 10px); margin-bottom:30px;}
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td1 li.td_num,
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td1 li.td_num::before {height:260px;}

	/* BBS Preview img */
	ul#preview_img {padding:10px 10px 10px;}
}

@media screen and (max-width:360px) {
	/* BBS Type News */
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr {width:calc(100% - 10px); margin-bottom:25px;}
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td1 li.td_num,
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td1 li.td_num::before {height:220px;}

	/* BBS Type Banner */
	#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr {width:calc(100% - 10px); margin-bottom:25px;}
	#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_num,
	#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_num::before {height:220px;}

	/* BBS Type Gallery */
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr {width:calc(100% - 10px); margin-bottom:25px;}
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td1 li.td_num,
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td1 li.td_num::before {height:220px;}
}