@charset "utf-8";

/* 제품목록*/
#p_list,#brd_write,#brd_view {width:1500px;margin:50px auto;height: auto;overflow: hidden}
#p_list #gall_ul {width: 100%; border-top: 1px solid #d5dfe7}
#p_list #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
#p_list .gall_li {width: 100%;height: auto;position: relative;vertical-align: top;border-bottom: 1px solid #d5dfe7;padding:50px 0}
#p_list .gall_con {width:100%;height: auto;overflow: hidden}
#p_list .gall_con .gall_href {width:300px;height:auto;float: left;margin-right: 40px}
#p_list .gall_con .gall_href > a {display: block;margin-top: 20px;padding: 0 10px;line-height: 40px; background: #4cbbb4;color: #fff;transition: all 0.3s ease}
#p_list .gall_con .gall_href > a i {float: right;line-height: 40px;font-size: 15px}
#p_list .gall_con .gall_href > a:hover {background: #00ac97; transition: all 0.3s ease}
#p_list .gall_con .gall_href img {width:100%;}
#p_list .gall_con .equip_title,#p_list .gall_con .equip_name {margin: 30px 0 20px 240px}
#p_list .gall_con .equip_title p.en_title {font-size: 24px;color:#00ac97}
#p_list .gall_con .equip_title p.ko_title {font-size: 20px}
#p_list .gall_con .equip_name p {color:#555;line-height: 1.7;font-size: 17px;display: inline-block}
#p_list .gall_con .equip_name h2 {font-size:17px;display: inline-block;color: #000;margin-right: 20px;vertical-align: top;line-height: 1.7}
#gall_allchk {line-height: 40px;width: 100%;text-align: right}
.chkBox {position: absolute;top:20px;right:20px}
.quick_link {margin: 20px 0;text-align: right}
.quick_link a {display: inline-block;border: 1px solid #4cbbb4;color: #4cbbb4;height: 40px;line-height: 40px;padding-left:20px;margin:0 2px}
.quick_link a span {display: inline-block;width: 40px;text-align: center;background: #4cbbba;color: #fff;height: 100%;float:right;margin-left: 20px}
.quick_link a span i {font-size: 21px;transform: rotate(0deg);transition: all .4s ease}
.quick_link a:hover span i{transform: rotate(180deg);transition: all 0.4s ease}

/*카테고리 탭*/
.category_link {width: 1500px;height: auto;overflow:hidden;margin:0 auto;margin-top: 50px;background: #f9f9f9;box-shadow: 2px 2px 2px #ddd}
.category_link li {float:left;width:16.666%;text-align:center}
.category_link li a {display: block;font-size: 17px;padding:15px 5px;color:#777}
.category_link li a span {margin:0 3px}
.category_link li.active a {background:#00ac97;color:#fff}

/*검색*/
#brd_search {width: 100%;background: #f5f5f5;border: 0;padding: 30px 0;text-align: center}
#brd_search legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
.search_select {border: 1px solid #ccc;border-radius: 2px; padding:10px 25px 10px 7px;font-family: inherit}
.search_input {border: 1px solid #ccc;border-radius: 2px;margin:0 5px; padding: 11px 15px;vertical-align: middle;width: 300px;font-size: 15px}
.btn_search {background: #73c6be;color: #fff;padding: 9px 20px;font-size:15px;display: inline-block;border-radius: 2px;cursor:pointer;-webkit-appearance: none;-moz-appearance: none; appearance: none;}
.btn_search:hover {background:#25b7aa;transition:all 0.3s ease}

/*내용이 없을때*/
#p_list li.empty_list {padding:85px 0;text-align:center}

/*관리자용 버튼*/
.admin_btn_wrap {width:100%;margin:30px 0}
.admin_btn_wrap li {display: inline-block}

/* 게시판 쓰기 */
.write_table {width:100%;border-top: 1px solid #d5dfe7}
.write_table > li {width:100%;height:auto;overflow:hidden;border-bottom: 1px solid #d5dfe7;padding:10px 0}
.write_table > li p {font-size: 17px;line-height: 2}
.write_table > li > div {width: 100%;text-align: justify}
.write_table > li > div:after {content:'';width:100%;display: inline-block}
.write_table > li > div input[type="text"] {margin:0}
.write_table > li > div input[type="text"].col-2 {width:49%;display: inline-block}
.write_table > li > div input[type="text"].col-3 {width:33%;display: inline-block}

#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
.autosave_close {cursor:pointer}
.autosave_content {display:none}

/* 게시판 읽기 */
a.btn_back_list {width: 50px;height: 50px;background: #74c6be;display: block;text-align: center;line-height: 46px;font-size: 24px;color: #fff;float: right}
#bo_v_atc {width:100%;height:auto;overflow: hidden}
#bo_v_con {width:100%;margin:30px 0}
#bo_v_con p {font-size: 17px; line-height:2;color:#666;font-weight:300;display: table;width: 100%}

/*게시판 카테고리*/
#bo_cate ul {width:100%;margin:50px 0 20px 0;text-align:justify;display:table;height:50px}
#bo_cate ul:after {content:"";width:100%;display:inline-block}
#bo_cate li {display:table-cell;background: #f5f5f5;width:auto;height:100%;text-align:center}
#bo_cate a {display:block;font-size: 15px;line-height:50px;padding:0 15px}
#bo_cate #bo_cate_on {background: #ec6941;color: #fff}

@media screen  and (max-width:1500px) {
	#p_list, #brd_write, #brd_view {width:100%;padding:0 20px}
	.category_link {width: 95%}
}

@media screen  and (max-width:1024px) {
	.category_link li a {font-size:14px}
}

@media screen  and (max-width:768px) {
	.category_link li a span {margin:0;display: block}
	#p_list .gall_li .all_equipment_title {margin:15px 0}
	#p_list .gall_li .all_equipment_title a .ko_title {margin-top:10px}
}
@media screen  and (max-width:667px) {
	#p_list .gall_li .imgBox {float:none;width: 100%;text-align: center}
	#bo_v_con p {font-size: 15px}
	#p_list .gall_li {padding: 20px 0}
	#p_list .gall_li > ul.u_list li h3,#p_list .gall_li > ul.u_list > li span {font-size: 14px}
}

@media screen  and (max-width:414px) {
	.category_link li {float:none;width:100%;border-right:0}
	.category_link li a span {display: inline;}
	#brd_search input[type="text"] {width: 150px;font-size:12px}
	.search_select {width:100px;min-width: auto;font-size:12px}
	.btn_search {font-size:12px}
	
	#bo_v_con p {font-size:13px}

	.write_table > li > div input[type="text"].col-2,.write_table > li > div input[type="text"].col-3 {width:100%;margin-bottom: 4px}

	#autosave_wrapper #wr_subject {width:100%}
	#autosave_wrapper button {margin:10px 0}

	.write_input {font-size:13px}

	.bo_v_com li {margin:0 2px 5px 0}

	.quick_link,.quick_link a {width:100%;}
	.quick_link a {margin:3px 0;text-align:center}
	.quick_link a span {margin-left: 0}
}

@media screen  and (max-width:375px) {
	.search_select {width:80px;padding:5px 10px}
	#brd_search input[type="text"] {width: 100px;padding:7px 5px}
	.btn_search {padding:5px 15px}

}