/*common.css*/

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
 

body {font: 18px / 150% 'Noto Sans KR', sans-serif;}


@media (max-width:767px) {

body {font: 16px / 150% 'Noto Sans KR', sans-serif;}


}
@media print {
	body {
		print-color-adjust: exact;
		-webkit-print-color-adjust: exact;
	}
}

.d-flex {display:flex;} 
.clearfix{*zoom: 1} 
.clearfix:before, .clearfix:after{display:table; content:""; line-height:0;} 
.clearfix:after{clear:both;} 
.ell{overflow: hidden;text-overflow: ellipsis;white-space: normal; word-wrap:break-word; display: -webkit-box; -webkit-box-orient: vertical;}
.customer_banner{background: url(../../img/customer/banner.png); background-position: center; background-size: cover;}
.product_banner{background: url(../../img/ingprojectimg.png); background-size: cover; background-position: center;}
.ing_bnr_Wrap{width: 100%; position: relative; overflow: hidden;}
.ing_bnr_Wrap>.bnrimg{height: 350px; width: 100%;}
.ing_bnr_Wrap>.bnrimg>img{position: absolute; left: 50%; top:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.ing_bnr_Wrap>.bnrtxtwrap{width: 400px; position: absolute; margin: auto; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 15px;}
.ing_bnr_Wrap>.bnrtxtwrap>h3{font-size: 33px; color: #fff; text-align: center; line-height: 40px; font-weight: 700;}
.ing_bnr_Wrap>.bnrtxtwrap>.bnrline{width: 40px; height: 3px; background: #fff; margin: 20px auto 20px;}
.ing_bnr_Wrap>.bnrtxtwrap>p{margin: 0 auto; width: 90%; font-size: 18px; color: #fff;  text-align: center; line-height: 25px;}
.mdlTxt{text-align: center; line-height: 40px; padding-top: 50px; padding-bottom:40px;}
.mdlTxt>h2{font-size: 30px; font-weight: bold;}
.mdlTxt > p{margin-top: 35px; font-size: 16px; color: #666;}
/* sub navigation */
.groupmenu{border: 1px solid #cfcfcf; border-bottom: none;}
#mysubmenu .leftmenu_b{display: none;}
#mysubmenu{margin-top: -23px;}
.tab_submenu{height: 60px;} 
.tab_submenu .tab_sub2ul{width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.tab_submenu .tab_sub2ul li{float: left; width: 50%; height: 100%; border-bottom: 3px solid #ccc; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.tab_submenu .tab_sub2ul li:nth-child(1){border-right: 1px solid #ccc;}
.tab_submenu .tab_sub2ul li a{display: block; width: 100%; height: 100%; text-align: center; line-height: 60px; font-size: 18px;}
.tab_submenu .tab_sub2ul li:hover a{color: #c80e21;}
.tab_submenu .tab_sub2ul li:hover{border-bottom-color: #c80e21;}
.leftmenu_b{display: none;}
.tab_submenu .tab_sub2ul li.on{border-bottom-color: #c80e21;}
.tab_submenu .tab_sub2ul li.on a{color: #c80e21;}
 


/*버튼*/
a.btn_b01.notice_btn01{display: none;}
a.btn_b02:hover, .btn_b02:hover {background:#000} 

/* 게시판 공통 */
#bo_w{padding-bottom: 80px;}
 
.btn .fa{/*display: none;*/} /*버튼 픽토그램*/
.cmt_btn{background-position: 90px 10px; font-size: 16px;}
.cmt_btn_op{background-position: 85px -20px;}
.cmt_btn .fa{/*display: none;*/}
.bo_w .btn_submit, .bo_vc_w .btn_submit{border-radius: 0; font-size: 1.0em;}
.btn_cancel{height: 40px; line-height: 40px;}
.btn_bo_user{margin: 20px 0;}
.bo_fx{margin: 20px 0; width: 100%;}
#bo_v_share .btn{padding-left:40px; }
.file_del input{float: left; margin: 7px 10px 0 0;}
.file_del label{float: left;}
#ctt{margin: 0; padding: 0;}
#ctt_con{padding: 0;}
#ctt_con .reg_bn + .inner{padding: 90px 20px; min-height: 700px;}
#ctt_con *{}
.reg_bn{width: 100%; height: 90px; background: #333;}
.ctt_admin{/*position: absolute; width: 1200px; left: 50%; top: 90px; height: 60px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);*/}
.ctt_admin a{}


/**/
/*카테고리*/
#bo_cate {margin-bottom:60px;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1; display:flex; justify-content:center; flex-wrap:wrap;}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {margin:0 2px; margin-bottom:5px;}
#bo_cate a {display:flex; align-items:center; justify-content:center;  font-size:18px;  min-width:160px; height:45px; border:1px solid #bbbbbb;}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#2d2d2d; color:#FFF;}
#bo_cate #bo_cate_on {background:#2d2d2d; color:#FFF;}

@media (max-width:900px) {

#bo_cate li {flex:auto;}
#bo_cate a {font-size:16px; min-width:auto; padding:0 10px;}
}


/*검색*/
#bo_list_total {position:relative; line-height:30px;font-size:0.92em;color:#000000;  margin-bottom:30px; min-height:40px;}
#bo_sch {position:absolute; right:0; top:0; max-width: 480px; border: none;  padding: 0; padding-left:135px; padding-right:110px; padding-bottom:50px;}
#bo_sch>form{width: 100%; }
#bo_sch #sfl{height: 40px;margin: 0; border: 1px solid #ddd; position:absolute; left:0; top:0;}
#bo_sch .sch_input{width:100%; height: 40px; background-color: #fff; border: 1px solid #ddd; }
#bo_sch .sch_btn{position:absolute; right:0; top:0; width: 102px; height: 40px; text-align: center;height: 40px; background-color: #000; border: 1px solid #ddd; color: #fff; font-size: 14px; font-weight: 700;}
#bo_sch #sfl{padding: 0 6px; box-shadow: none; -webkit-box-shadow: none; border: none; outline: none;}
#bo_sch #sfl{margin: 0; padding-left: 5px; width: 129px; height: 40px; border: 1px solid #ddd; -moz-appearance:none; -webkit-appearance:none; appearance:none; background: url(../../img/common/down.png) 95% 50% no-repeat;}
#bo_sch #sfl::-ms-expand {display:none;}
#bo_sch .sch_input{padding: 0 10px; box-shadow: none; -webkit-box-shadow: none;  outline: none;}



@media (max-width:900px) {

#bo_sch #sfl {font-size:0.85em;}

}

@media (max-width:767px) {

#bo_sch {position:relative; margin-top:10px; max-width:100%; padding-bottom:10px;}

}



/* 게시판 쓰기 */
#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; width:100%; padding-right:150px;}
#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;}
 

.boardForm_box {}
.boardForm_box ul {display:flex; flex-wrap:wrap; border-top:1px solid #dddddd;}
.boardForm_box ul li {width:32%; min-height:60px;  padding:10px 26px;  position:relative; border-bottom:1px solid #dddddd;}
.boardForm_box ul li.title {width:18%; background:#f7f7f7; text-align:center;  font-size:16px; justify-content:center; display:flex; align-items:center; color:#000;}
.boardForm_box ul li .frm_input {border:1px solid #ccc; background:#fff; height:39px;  text-indent:10px; font-size:15px;}
.boardForm_box ul li select {border:1px solid #ccc; background:#fff; height:39px; width:48%; text-indent:10px; font-size:15px;}
.boardForm_box ul li.wide {width:82%;}
.boardForm_box ul li .btn_frmline {position:absolute; right:0; top:0; font-size:0.85em;}
.boardForm_box ul li .frm_input.full_input {}



/*글쓰기*/
#bo_w .write_div{margin:10px 0;position:relative; font-size:0.9em; width:100%;}
#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{}
#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 {clear:both; width:100%; position:relative; }
#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 {width:100%; clear:both;}
#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; font-size:1em; }
#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 .full_input {width:100%;}
#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}


@media (max-width:767px) {

.boardForm_box ul li {width:calc(100% - 80px); font-size:13px; padding:10px;}
.boardForm_box ul li.title {width:80px; font-size:13px;}
.boardForm_box ul li.wide {width:calc(100% - 80px);}
.boardForm_box ul li select {width:100%; font-size:13px;}

#autosave_wrapper {padding-right:0px;}
#bo_w .bo_w_tit #btn_autosave{position:relative; top:auto; }
.boardForm_box ul li .btn_frmline {position:relative; margin-top:5px; float:right;}
}



/*글읽기*/
#bo_v {margin-bottom:20px;padding:0px;background:#fff;box-sizing:border-box}
#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}
#bo_v_title {border-top:3px solid #222;}
#bo_v_title .bo_v_cate{display:inline-block;line-height:26px;background: #3497d9;color: #fff;font-weight: bold; padding:0 10px;border-radius:3px;vertical-align:middle;}
#bo_v_title .bo_v_tit {display:block;font-size:1.2em; padding:20px 10px; text-align:center; background:#f7f7f7; word-break:break-all; line-height:140%; font-weight:bold; letter-spacing:-1px;}
#bo_v_title .bo_v_tit span.bo_v_cate {font-size:0.7em;}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info > ul {display:flex; flex-wrap:wrap; border-top:1px solid #ddd;}
#bo_v_info > ul > li {width:32%; border-bottom:1px solid #ddd; padding:10px; font-size:0.85em;}
#bo_v_info > ul > li.title {width:18%; background:#F7f7f7; text-align:center; font-weight:600; display:flex; align-items:center; justify-content:center;}
#bo_v_info > ul > li.wide {width:82%;}




@media all and (max-width:767px) {

#bo_v_title .bo_v_tit {text-align:left;}
#bo_v_info > ul > li {width:70%;}
#bo_v_info > ul > li.title {width:30%;}
#bo_v_info > ul > li.wide {width:70%;}

}




.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left;border-top:1px solid #000;}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-bottom:1px solid #dddddd; padding:25px 0; position:relative; padding-left:140px; font-size:0.85em; padding-right:50px;}
.bo_v_nb li:hover{background:#f6f6f6}
.bo_v_nb li i{font-size:13px}
.bo_v_nb li .nb_tit{position:absolute; left:0; top:25px; color:#444444; width:120px; text-align:center; }
.bo_v_nb li .nb_tit:after {content:""; position:absolute; width:1px; height:14px; background:#CCC; right:0; top:6px;}
.bo_v_nb li .nb_date{display:none;}
.bo_v_nb li.btn_prv:after {position:absolute; right:10px; top:25px; font-family: 'FontAwesome'; content: "\f077"; font-size:18px;}
.bo_v_nb li.btn_next:after {position:absolute; right:10px; top:25px; font-family: 'FontAwesome'; content: "\f078"; font-size:18px;}

@media all and (max-width:767px) {

.bo_v_nb li {padding:10px 0;padding-left:70px; padding-right:50px; }
.bo_v_nb li .nb_tit { top:10px; width:60px;}
.bo_v_nb li.btn_prv:after {top:10px;}
.bo_v_nb li.btn_next:after { top:10px;}

}






.nuri_box { display:none; padding-top:20px; margin-top:20px; border-top:1px solid #ddd;}
.nuri_box .img {width:200px;}
.nuri_box .desc {width:calc(100% - 200px); font-size:0.85em; padding-left:10px;}
.nuri_box .desc strong {font-weight:bold;}

 
@media all and (max-width:420px) {
 

.nuri_box {flex-wrap:wrap;}
.nuri_box .img {width:100%;}
.nuri_box .desc {width:100%; padding-left:0; padding-top:10px;}

}