@charset "utf-8";

/* 게시판 목록 */
#bo_cate {margin:30px 0;padding:0 10px;text-align:center;border-bottom:1px solid #d9d9d9;}
	#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	#bo_cate_ul {display:flex;position:relative;list-style:none;margin:0;padding:0;}
	#bo_cate_ul li {flex-grow:1;position:relative;}
	#bo_cate_ul li:nth-child(even) {margin:0 -1px;}
	#bo_cate_ul li a {display:block;border:1px solid #d9d9d9;border-bottom:1px solid #fff;border-radius:2px;font-weight:300;color:#a0a0a0;line-height:50px;text-align:center;background:linear-gradient(#f5f5f0,#fff);transition:all .1s;}
	#bo_cate_ul li a:hover {color:#e42f13;background:#fff;}
	#bo_cate_ul li a#bo_cate_on, #bo_cate_ul li.active a {border:1px solid #333;font-size:1.1em;color:#fff;background:#4c4c4c;}
	#bo_cate_ul li a#bo_cate_on:hover {border:1px solid #333;color:#fd0;background:#4c4c4c;}

/* 갤러리 목록 */
#bo_gall {margin:50px 0;text-align:center;}
#bo_gall h2 {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_gall ul {list-style:none;margin:0;padding:0;text-align:left;}
#bo_gall ul:after {display:block;visibility:hidden;clear:both;content:""}
	#bo_gall #gall_ul {padding-left:380px;}
	#bo_gall #gall_ul.sim {background:url('./img/siemens.jpg') no-repeat 0 0;}
	#bo_gall #gall_ul .prod_li {margin:0 0 2% 2%;border:1px solid hsla(0,0%,0%,.1);transition:all .2s}
	#bo_gall #gall_ul .prod_li:hover {border:1px solid #fff;box-shadow:0px 3px 15px hsla(0,0%,0%,.2);}
	#bo_gall #gall_ul .prod_li .prod_li_a {display:block;position:relative;height:100%;}
	#bo_gall #gall_ul .prod_li ul.item {position:relative;width:100%;}
	#bo_gall #gall_ul .prod_li ul.item:after {display:block;visibility:hidden;clear:both;content:""}
	#bo_gall #gall_ul .prod_li ul.item li.img {float:left;margin-right:15px;line-height:200px;overflow:hidden;}
	#bo_gall #gall_ul .prod_li ul.item li.img img {transition:all .2s}
	#bo_gall #gall_ul .prod_li:hover ul.item li.img img {transform:scale(1.2);}
	#bo_gall #gall_ul .prod_li ul.item li.tit {padding:15px 0;font-family:"Roboto Condensed",Roboto,'Noto Sans KR';font-size:1.2em;}
	#bo_gall #gall_ul .prod_li ul.item li.memo {padding-right:15px;font-size:.92em;line-height:1.3em;color:hsla(0,0%,0%,.65);}
	#bo_gall #gall_ul .prod_li ul.item li.link {position:absolute;right:15px;bottom:15px;}
	#bo_gall #gall_ul .prod_li ul.item li.link a.down {display:block;padding:7px 25px 5px;border:1px solid hsla(0,100%,100%,.85);border-radius:20px;font-weight:500;color:#fff;text-transform:uppercase;background:#4c4c4c;box-shadow:inset 2px 3px 5px hsla(0,0%,0%,.1),1px 1px 5px hsla(0,0%,0%,.2);transition:all .2s}
	#bo_gall #gall_ul .prod_li ul.item li.link a.down:hover {background:#b3312d;box-shadow:inset 2px 3px 5px hsla(0,0%,0%,.1),1px 1px 5px hsla(0,0%,0%,.2);}
#bo_gall li.empty_list {padding:85px 0;text-align:center}

.gall_more {width:100%;height:44px;margin:20px auto;border-radius:4px;border:1px solid #fff;color:#fff;font-size:1.1em;font-weight:bold;background:#3B8C88;transition:all .3s;}
.gall_more:hover {background:#452E3C;box-shadow:0 2px 6px rgba(0, 21, 64, 0.14), 0 10px 20px rgba(0, 21, 64, 0.05);}


/* 게시판 쓰기 */
#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 !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
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:center;margin:0 !important;}
#autosave_pop button {margin:0;padding:0;border:0;}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;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;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}

/* 게시판 읽기 */
#bo_v {}

#bo_v_title {position:relative;border-bottom:1px solid #e0e0e0;text-align:center;}
	#bo_v_title * {line-height:80px;}
	#bo_v_title h2.bo_v_tit {display:block;font-size:2em;font-family:'Noto Sans KR','Nanum Gothic','NanumGothic','나눔고딕','돋움';color:#333;}
	#bo_v_title a {display:block;position:absolute;top:0;font-family:"Roboto Condensed",Roboto;font-size:1.3em;color:#808080;text-transform:lowercase;}
	#bo_v_title a.prev {left:0;}
	#bo_v_title a.prev:before {display:inline-block;margin-right:7px;font-size:1em;content:"\f104";font-family:"FontAwesome";}
	#bo_v_title a.next {right:0;}
	#bo_v_title a.next:after {display:inline-block;margin-left:7px;font-size:1em;content:"\f105";font-family:"FontAwesome";}
	/* All Device */
	@media all and (max-width:1440px) {#bo_v_title h2.bo_v_tit {font-size:1.5em;}}

#bo_v_file {margin:10px 0;}
#bo_v_file h2 {margin-bottom:10px;font-family:"Roboto Condensed",Roboto;font-size:2em;font-weight:300;color:#3CA2A2;text-transform:uppercase;}
#bo_v_file ul {list-style:none;margin:0;padding:15px;border:1px solid #1c1c1c;border-radius:0 12px 0 12px;background:#333;}
#bo_v_file li {position:relative;padding:5px 10px;font-size:.9em;}
#bo_v_file a {display:inline-block;color:#888;color:rgba(255,255,255,.4);}
#bo_v_file a strong {font-size:1.1em;color:#fff;}
#bo_v_file a:before {margin-right:7px;content:"\f019";font-family:"FontAwesome";color:#fff;}
#bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file_cnt  {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}

#bo_v_link {margin:10px 0;border:1px solid #d4d4d4}
#bo_v_link h2 {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3}
#bo_v_link ul {margin:0;padding:5px 0;list-style:none}
#bo_v_link li {padding:5px 10px;position:relative;}
#bo_v_link a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}

#bo_v_atc {position:relative;margin:30px 0;text-align:center;}
#bo_v_atc:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {float:left;width:50%;border:1px solid #ececec;}
#bo_v_img a.view_image{display:block}
#bo_v_img img {max-width:100%;height:auto}

#bo_v_con {float:right;width:48%;display:inline-block;position:relative;text-align:left;overflow:hidden}
#bo_v_con, #bo_v_con * {color:#4c4c4c;line-height:1.5em;}
#bo_v_con h2.tit {margin-bottom:10px;font-family:"Roboto Condensed",Roboto;font-size:2em;font-weight:300;color:#3CA2A2;text-transform:uppercase;}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

/*글쓰기*/
#bo_w .write_div {margin:10px 0;position:relative}
#bo_w .write_div textarea {line-height:1.4em;}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input{float:left;width:33%}
#bo_w #wr_password{margin:0 0.5%  }
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit{position:relative}
#bo_w .bo_w_tit .frm_input{padding-right:120px;}
#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;}
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background: #eee;text-align:center;color:#888}
#bo_w .bo_w_link .frm_input{padding-left:50px}
#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
#bo_w .bo_w_flie .frm_file{padding-left:50px;}
#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select{border:1px solid #3497d9;height:40px;border-radius:3px}