@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%; 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 .selected-option {
	padding:12px 10px; display:flex; 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 {
	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:#ebebeb;}
#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;}
#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:#e2e2e2;}
#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_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:300px; font-size:0;}
#bbs_container ul.bbs_select_form .bbs_search input {
	display:inline-block; height:40px; line-height:40px; 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;}
#bbs_container ul.bbs_select_form .bbs_search dt input.date {width:49.5%; min-width:60px; color:#515151; text-indent:5px;}
#bbs_container ul.bbs_select_form .bbs_search dt input.date:last-child {margin-left:1%;}
#bbs_container ul.bbs_select_form .bbs_search dd {display:block; margin-top:3px;}
#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:100px; 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:38px; line-height:39px; padding:0 8px; box-shadow:none !important; border-radius:0px !important;}
#bbs_container ul.bbs_select_form .bbs_search dd input.search_form {width:49%; margin-left:1%; text-indent:10px;}
#bbs_container ul.bbs_select_form .bbs_search dd input.search_bt {width:20%; min-width:40px; 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.75rem; font-weight:400; color:#111111; letter-spacing:-1.5px;}
#bbs_container dl#search_filter dt button.left i {
	margin-top:-3.3px; 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 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; grid-column: 1 / -1;  grid-row: 1;}

/* BBS Type List */
#bbs_container .bbs_list_wrap dl.list {border-top:2px solid #036; border-bottom:1px solid #acaeb5; margin-bottom:30px;}
#bbs_container .bbs_list_wrap dl.list .tr {display:grid; grid-template-columns:10% 1fr 40%;}
#bbs_container .bbs_list_wrap dl.list .tr ul {display:table; width:100%;}
#bbs_container .bbs_list_wrap dl.list .tr ul li {display:table-cell; text-align:center; vertical-align:middle; font-size:1.3rem;}

#bbs_container .bbs_list_wrap dl.list .tr li.td_checkbox {width:30%;}
#bbs_container .bbs_list_wrap dl.list .tr li.td_num {width:auto; min-width:60px;}
#bbs_container .bbs_list_wrap dl.list .tr li.td_category {width:30%;}
#bbs_container .bbs_list_wrap dl.list .tr li.td_title {width:auto; max-width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#bbs_container .bbs_list_wrap dl.list .tr li.td_contents {display:none;}
#bbs_container .bbs_list_wrap dl.list .tr li.td_name {width:auto;}
#bbs_container .bbs_list_wrap dl.list .tr li.td_file {width:10%; min-width:50px;}
#bbs_container .bbs_list_wrap dl.list .tr li.td_view {width:20%;}
#bbs_container .bbs_list_wrap dl.list .tr li.td_date {width:30%;}

#bbs_container .bbs_list_wrap dl.list dt.t_head {}
#bbs_container .bbs_list_wrap dl.list dt.t_head .tr ul li {
	height:42px; line-height:42px; font-weight:500; border-bottom:1px solid #a0a0a0; background:#f6f6f6 url(../skin_images/title_line.png) right center no-repeat;
}
#bbs_container .bbs_list_wrap dl.list dt.t_head .tr ul.td3 li:last-child {background-image:none;}

#bbs_container .bbs_list_wrap dl.list dd.t_body {}
#bbs_container .bbs_list_wrap dl.list dd.t_body .tr ul li {height:40px; line-height:40px; font-weight:400; border-top:1px solid #d2d2d2;}
#bbs_container .bbs_list_wrap dl.list dd.t_body .tr ul li.td_num {background-image:none !important;}
#bbs_container .bbs_list_wrap dl.list dd.t_body .tr ul li.td_title {padding-left:10px; text-align:left;}

/* 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 {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 {display:inline-block;}
#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 {}
#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); min-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; margin-top:5px;}
#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: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.news dd.t_body .tr ul.td3 li.td_contents b.tk {display:inline-block; vertical-align:middle; margin-left:5px; font-size:1.4rem;}
#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td3 li.td_contents b.tk:first-child {margin-left:0;}
#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 {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 {display:inline-block;}
#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:grid; grid-template-columns:repeat(4, 1fr); grid-auto-rows:minmax(120px, 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:120px; 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; 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(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 {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 {display:inline-block;}
#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:grid; grid-template-columns:repeat(3, 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; padding:0 4px;}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr:hover ul.td3 li.td_contents {
	display:block; width:100%; height:auto; padding-bottom:10px; 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_contents b.tk {display:inline-block; vertical-align:middle; margin-left:5px; font-size:1.4rem;}
#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td3 li.td_contents b.tk:first-child {margin-left:0;}
#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_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.tr li.textarea {text-align:left; 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:300px;}
#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.fl-left {padding-top:20px;}
#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 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:120px; font-size:1.2rem; color:#414141; font-weight:500; line-height:270px;
	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:1280px) {
	/*BBS_LIST*/
	/* BBS Type Banner */
	#bbs_container .bbs_list_wrap dl.banner dd.t_body {grid-template-columns:repeat(3, 1fr); grid-auto-rows:minmax(110px, 110px); column-gap:30px; row-gap:70px;}
	#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td1 li.td_num {height:110px;}
	#bbs_container .bbs_list_wrap dl.banner dd.t_body .tr ul.td2 {margin-top:10px;}

	/* BBS Type Gallery */
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body {grid-auto-rows:minmax(200px, 200px); column-gap:25px;}
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td1 li.td_num {height:200px;}
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body .tr ul.td1 li.td_num::before {height:192x;}
}

@media screen and (max-width:1100px) {
	/*BBS_LIST*/
	/* BBS Type Banner */
	#bbs_container .bbs_list_wrap dl.banner dd.t_body {padding:30px 25px 10px; column-gap:20px; row-gap:70px;}

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

@media screen and (max-width:940px) {
	/*BBS_LIST*/
	/* BBS Type Banner */
	#bbs_container .bbs_list_wrap dl.banner dd.t_body {padding:30px 25px 10px; column-gap:20px; row-gap:70px;}
}

@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 {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_container .bbs_search {display:block !important; width:100%; margin-top:3px;}

	/* BBS Type Banner */
	#bbs_container .bbs_list_wrap dl.banner dd.t_body {grid-auto-rows:minmax(80px, auto); column-gap:25px; row-gap:40px; padding:25px 20px 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_category,
	#bbs_container .bbs_write_wrap #select_wrap {width:99% !important;}
	
	#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%;}

	/* BBS Type Gallery */
	#bbs_container .bbs_list_wrap dl.gallery dd.t_body {column-gap:25px; row-gap:35px; padding:30px 20px 10px;}
	
	.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:1px 1fr 50%;}
	#bbs_container .bbs_list_wrap dl.list .tr li.td_checkbox,
	#bbs_container .bbs_list_wrap dl.list .tr li.td_num,
	#bbs_container .bbs_list_wrap dl.list .tr li.td_category,
	#bbs_container .bbs_list_wrap dl.list .tr li.td_file,
	#bbs_container .bbs_list_wrap dl.list .tr li.td_view {display:none;}
	#bbs_container .bbs_list_wrap dl.list .tr li.td_date {width:80px;}
	#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 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-auto-rows:minmax(180px, 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:540px) {
	/* BBS Preview img */
	ul#preview_img {grid-template-columns:repeat(2, 1fr); column-gap:10px; row-gap:30px; margin-top:20px; padding:10px 20px 20px;}

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

@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,
	#bbs_container .bbs_list_wrap dl.news dd.t_body .tr ul.td3 li.td_date::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(90px, auto); column-gap:0; row-gap:30px; padding:20px 30px 10px;}

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