@charset "utf-8"; 
.board_w { position:relative; width:100%; clear:both; }

/* colgroup width */
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w60 { width:60%; }
.w70 { width:70%; }
.w80 { width:80%; }
.w90 { width:90%; }

.t_c {text-align:center;}
.t_r {text-align:right;}

.board_button_area a {background-color:#222; padding:5px 15px; line-height:25px; display:inline-block; color:#fff; border-radius:2px; margin-right:4px;}
.board_button_area a span {font-size:16px !important; margin-left:4px;}
.board_button_area button  {background-color:#222; padding:5px 15px; line-height:25px; display:inline-block; color:#fff; border-radius:2px; margin-right:4px; border:0px; }
.board_button_area button span {font-size:16px !important; margin-left:4px;}

/***** 입력 form *****/
select::-ms-expand{display:none;} 
select {border:#d8d8d8 solid 1px;  background:#fff url('../images/sub/select_arrow.png') no-repeat 98% 50%;   -webkit-appearance: none !important;  -moz-appearance: none !important;  } 
input {border:#d8d8d8 solid 1px;}
textarea {padding:3px 5px; font-size:13px; border:#d8d8d8 solid 1px; background:#fff;}
textarea#w_content   {width:100%; min-height:150px; box-sizing:border-box;}
/*input[type="radio"] {border:none;}
input[type="checkbox"] {border:none;}*/

/* Board Search **********************************************************************************************************************************************************************************************/
.board_top_w { position:relative; width:100%; margin:20px 0px; clear:both; }
.board_top_w p.text { font-size:16px; line-height:40px; font-weight:bold; color:#333; }
.board_top_w p.text span { font-size:16px; font-weight:bold; color:#a20d25; }

.sb_search { position:absolute; top:0px; right:0px; width:385px; }
.sb_search select { width:100px; height:40px; line-height:40px; font-size:14px; vertical-align:middle; float:left; margin-right:5px; border:1px solid #eee;  padding:0 10px;}
.sb_search .sbs_ip { width:274px; height:40px; line-height:40px; font-size:14px; vertical-align:middle; float:right; margin-right:5px; padding:0 50px 0 5px ; color:#333; border:1px solid #eee; text-indent:10px;}
.sb_search a.sbs_btn, 
.sb_search a.sbs_btn:visited,
.sb_search a.sbs_btn:hover,
.sb_search a.sbs_btn:active { position:absolute; top:7px; right:7px; display:block; width:35px; height:30px; line-height:30px; text-indent:-9999em; background: url('../images/common/search2.png') no-repeat 0 0;   -webkit-appearance: none !important;  -moz-appearance: none !important;  } 

/* Board **********************************************************************************************************************************************************************************************/
/* List */
.sb_list { position:relative; width:100%; margin-top:10px; clear:both; }
.sb_list .sb_table { position:relative; width:99.5%; clear:both; }
.sb_list .sb_table th { height:50px; line-height:50px; color:#333; font-size:14px; border-top:3px solid #a20d25; border-bottom:1px solid #e0e0e0; background-color:#fafafa;  text-align:Center;}
.sb_list .sb_th_line { background:url("../images/board/bt_line.gif") no-repeat right 13px; }
.sb_list .sb_table td { padding:15px 5px; line-height:1.5em; font-size:14px; border-bottom:1px solid #e0e0e0; color:#666;   font-family: 'Nanum-regular' !important; }
.sb_list .sb_table td  a {  font-family: 'Nanum-regular' !important; }
.sb_list .sb_table td img { vertical-align:middle; padding-left:5px; }
.sb_list .sb_table td a.notice, 
.sb_list .sb_table td a.notice:visited,
.sb_list .sb_table td a.notice:hover, 
.sb_list .sb_table td a.notice:active { color:#333; font-weight:bold; }

/* View */
.sb_view { position:relative; width:100%; clear:both; }
.sb_view .sv_table { width:99.5%; border-top:3px solid #a20d25; border-left:1px solid #e0e0e0; }
.sb_view .sv_table th { padding:10px 10px; height:30px; line-height:30px; font-weight:bold; font-size:14px; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fafafa; }
.sb_view .sv_table td { padding:10px 15px; height:30px; line-height:30px; font-weight:normal; font-size:14px; color:#888; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0;   font-family: 'Nanum-regular' !important; }
.sb_view .sv_table td div {  font-family: 'Nanum-regular' !important; }
.sb_view .sv_table td p {  font-family: 'Nanum-regular' !important; }
.sb_view a.file { padding:0; }
.sb_view .file_icon { padding:8px 5px 0px 0px; }
.sb_view span.down { color:#999; font-size:11px; }
.sb_view .sv_table td.con { min-height:160px; padding:20px 10px; }
.sb_view .sv_table td.con ul { height:60px; padding:10px 0px; }
.sb_view .sv_table td.con ul li { float:left; padding-right:8px; }

/* Form */
.sb_form { position:relative; width:100%; clear:both; }
.sb_form .sv_table { width:99.5%; border-top:3px solid #a20d25; border-left:1px solid #e0e0e0; }
.sb_form .sv_table th { padding:10px 10px; height:30px; line-height:30px; font-weight:bold; font-size:14px; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fafafa; }
.sb_form .sv_table td { padding:10px 15px; height:30px; line-height:30px; font-weight:normal; font-size:14px; color:#888; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.sb_form .sv_table td.con { padding:20px 10px; }
.sb_form .sv_table td input { vertical-align:middle;  padding:5px 7px;}

/* Web Zine */
.sb_list ul.web_zine_w { position:relative; width:100%; border-top:3px solid #a20d25; }
.sb_list ul.web_zine_w li { position:relative; width:100%; height:185px; padding:20px; border-bottom:1px solid #e0e0e0; }
.sb_list ul.web_zine_w li p.wz_img { width:225px; height:180px; margin-right:3%; float:left; }
.sb_list ul.web_zine_w li p.wz_img img { width:100%; height:180px; border:1px solid #e0e0e0; }
.sb_list ul.web_zine_w li dl { position:relative; width:65%; float:left; }
.sb_list ul.web_zine_w li dl dt { font-size:18px; color:#333; padding:15px 0px; font-weight:bold; }
.sb_list ul.web_zine_w li dl dd.con { font-size:14px; color:#666; line-height:24px; }

/* Gallery */
.sb_gall { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #a20d25; border-bottom:1px solid #000;}
.sb_gall .sp_table { position:relative; width:98%; padding:0 1%; }
.sb_gall .sp_table dl { position:relative; width:22.5%; padding:30px 1% 10px 1%; float:left; }
.sb_gall .sp_table dl dt { position:relative; width:100%; height:180px; padding:2px; border:1px solid #e0e0e0; }
.sb_gall .sp_table dl dt img { width:100%; height:180px; }
.sb_gall .sp_table dl dd { position:relative; width:100%; padding-top:15px; height:30px; font-size:14px; text-align:center; color:#666; font-weight:bold; }
.sb_gall .sp_table dl dd span { display:block; }

/* FAQ */
.sb_list ul.faq { position:relative; width:100%; border-top:1px solid #444; }
.sb_list ul.faq li { position:relative; width:100%; border-bottom:1px solid #e5e5e5; }
.sb_list ul.faq li p.faq_q a { font-size:15px; padding:15px 15px 15px 60px; line-height:24px; display:block; background:url("/home/images/board/q.gif") no-repeat 20px 10px; }
.sb_list ul.faq li div.faq_a { font-size:15px; padding:15px 15px 15px 60px; line-height:24px; border-top:1px solid #e5e5e5; background-color:#f8f9fa; }
.sb_list ul.faq li div.faq_a div.icon { min-height:22px; line-height:24px; color:#3960b7; padding-left:40px; background:url("/home/images/board/a.gif") no-repeat left top; }
.sb_list ul.faq li.none { text-align:center; padding:50px 0px; font-size:14px; color:#666; }


/* Board Button **********************************************************************************************************************************************************************************************/
.sb_btn_w { position:relative; width:100%; height:35px; margin:20px 0px 0px 0px; clear:both; }
.sb_btn_w .sb_btn { float:right; }
.sb_btn_w .sb_btn p.b_btn_on { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#a20d25; }
.sb_btn_w .sb_btn p.b_btn_on a { font-size:14px; font-weight:bold; color:#fff; padding:0 15px; display:block; }

.sb_btn_w .sb_btn p.b_btn_off { margin:0px 0px 5px 4px; height:35px; line-height:35px; float:left; background-color:#333; }
.sb_btn_w .sb_btn p.b_btn_off a { font-size:14px; font-weight:bold; color:#fff; padding:0 15px; display:block;  line-height:35px;  }

.sb_btn_w .sb_btn button { margin:7px 1px 0px 1px; overflow:visible; display:inline-block; text-decoration:none !important; text-align:center; white-space:nowrap; cursor:pointer; }
.sb_btn_w .sb_btn button.btn_gray,
.sb_btn_w .sb_btn button.btn_gray:visited { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#444; font-size:14px; font-weight:bold; color:#fff; padding:0 15px; display:block; }
.sb_btn_w .sb_btn button.btn_gray:hover,
.sb_btn_w .sb_btn button.btn_gray:active { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#444; font-size:14px; font-weight:bold; color:#fff; padding:0 15px; display:block; }
.sb_btn_w .sb_btn button.btn_gray:focus { margin:0px 0px 0px 4px; height:35px; line-height:35px; float:left; background-color:#444; font-size:14px; font-weight:bold; color:#fff; padding:0 15px; display:block; }

/* Board Page **********************************************************************************************************************************************************************************************/
.pagination { margin:40px 0px 20px 0px; text-align:center; clear:both; }
.pagination a, .sb_page em, .sb_page img, .sb_page span { display:inline-block; vertical-align:top; line-height:30px; color:#d2d2d2;}
.pagination ol li { padding:0px 1px; }
.pagination .no_off a { font-weight:bold; width:29px; height:34px; font-size:13px; line-height:28px; color:#666; background:url("../images/board/no_bg.gif") no-repeat; }
.pagination .no_on a { font-weight:bold; width:29px; height:34px; font-size:13px; line-height:28px; color:#a20d25; text-decoration:underline; background:url("../images/board/no_on_bg.gif") no-repeat; }
.m_sb_page { display:none; }

.pagination { margin:40px 0px 20px 0px; text-align:center; clear:both; }
.pagination font strong { display:inline-block; width:30px; line-height:30px; background-color:#bc1818; border-radius:50%; color:#fff; font-weight:700; }
.pagination font a { display:inline-block; width:30px; line-height:30px; background-color:#dcdcdc; border-radius:50%; color:#878787; font-weight:700; margin: 0 2px;}

/* Search **********************************************************************************************************************************************************************************************/
.sc_search_w { position:relative; width:100%; clear:both; }
.sc_search_w .sc_st {position:relative; width:100%; border:1px solid #e4e4e4; background-color:#f9f9f9; padding:50px 0;}
.sc_search_w .sc_st form {position:relative; margin:0px auto; width:80%; max-width:600px; }
.sc_search_w .sc_st .sbs_ip {width:100%; padding:0 50px 0 15px !important; height:65px; line-height:65px; background-color:#fff;border:3px solid #012b5d; font-size:17px;}
.sc_search_w .sc_st a.sbs_btn, 
.sc_search_w .sc_st a.sbs_btn:visited,
.sc_search_w .sc_st a.sbs_btn:hover,
.sc_search_w .sc_st a.sbs_btn:active {position:absolute; top:3px; right:3px; width:58px; height:58px; display:block;  background: url('../images/common/total_search.gif') no-repeat center center; cursor:pointer; text-indent:-9999em; } 

.sc_search_w .search_list_w { position:relative; width:100%; }
.sc_search_w .search_list_w h4 { min-height:40px; line-height:40px; padding-left:36px; font-size:18px; color:#333; font-weight:bold; margin:30px 0 10px 0; background:url("../images/sub/icon02.gif") no-repeat left top; }

.sc_search_w .search_list_w .search_list {padding:15px 0 15px 15px; border-top:3px solid #a20d25; border-bottom:1px solid #e4e4e4;}
.sc_search_w .search_list_w .search_list li { min-height:26px; line-height:26px; padding-left:16px; font-size:16px; color:#333; font-weight:bold; background:url("../images/sub/icon03.gif") no-repeat left 9px;}
.sc_search_w .search_list_w .search_list li a {display:block;}
.sc_search_w .search_list_w .search_list li span { color:#a20d25;}

.sc_search_w .search_list_w .search_list02 {padding:15px 0 15px 15px; border-top:3px solid #a20d25; border-bottom:1px solid #e4e4e4;}
.sc_search_w .search_list_w .search_list02 dl { padding:10px 0; }
.sc_search_w .search_list_w .search_list02 dl dt { min-height:26px; line-height:26px; padding-left:16px; font-size:16px; color:#333; font-weight:bold; background:url("../images/sub/icon03.gif") no-repeat left 9px;}
.sc_search_w .search_list_w .search_list02 dl dt span { color:#a20d25;}
.sc_search_w .search_list_w .search_list02 dl dt span.date { color:#666; padding-left:10px;}
.sc_search_w .search_list_w .search_list02 dl dd { font-size:12px; color:#0a0817; padding:10px 0px 5px 15px; line-height:20px;}
.sc_search_w .search_list_w .search_list02 dl dd span { color:#a20d25;}


/* product_list **********************************************************************************************************************************************************************************************/
.product_list .product_each  {position:Relative; float:left; width:calc(33.3% - 30px); margin-right:45px; border:1px solid #ededed; box-sizing:border-box; height:560px; margin-bottom:45px;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s} 
.product_list .product_each:hover {border:1px solid #222;  border-color:#888; box-shadow: 10px 10px 30px -5px rgba(0,0,0,.3); z-index:2;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
.product_list .product_each:nth-child(3n) {margin-right:0px;}
.product_list .product_each a { text-align:Center; width:100%; display:block; max-height:180px;}
.product_list .product_each a img {width:150px; margin:30px auto;}
.product_list .product_each h2 {padding:15px 30px; line-height:30px; font-size:24px; font-family: 'NotoKrL' !important;  font-weight:300;  letter-spacing:-0.05em; height:80px; overflow:hidden;}
.product_list .product_each .product_info {position:Relative; margin:15px 30px; height:132px; overflow:hidden; line-height:22px;}
.product_list .product_each .product_info dl {padding-left:10px; background:url("../images/icon/icon_ul03.gif") no-repeat left 9px; margin-bottom:4px; min-height:25px;}
.product_list .product_each .product_info dl dt {float:left; width:70px; color:#222;  font-family: 'NotoKrM' !important;}
.product_list .product_each .product_info dl dd {margin-left:70px;  }
.product_list .product_each a.detailview {position:Absolute; left:0px; bottom:0px; line-height:60px;  color:#fff;  font-weight:700;}
.product_list .product_each a.detailview:after {content:"  +";}
.product_list .product_each:hover  a.detailview {background-color:#222; color:#fff;}

.gallery li  {position:Relative; float:left; width:calc(25% - 15px); margin-right:20px; border:1px solid #ededed; box-sizing:border-box; height:420px; margin-bottom:25px;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s} 
.gallery li:hover {border:1px solid #222;  border-color:#888; box-shadow: 10px 10px 30px -5px rgba(0,0,0,.3); z-index:2;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
.gallery li:nth-child(4n) {margin-right:0px;}
.gallery li a { text-align:Center; width:100%; display:block;}
.gallery li a .gal_article_thumb {margin:40px 0 20px 0;}
.gallery li  .gal_title  a {margin:15px 20px; line-height:30px; font-size:24px; font-family: 'NotoKrL' !important;  font-weight:300;  letter-spacing:-0.05em; height:62px; overflow:hidden; text-align:left; width:auto;}
.gallery li  .gal_writer {padding:10px 30px 5px 30px; display:block; opacity:0.7 }
.gallery li  .gal_date {padding:5px 30px; display:block;  }

.gallery li a.detailview {position:Absolute; left:0px; bottom:0px; line-height:50px;  color:#fff;  font-weight:700;}
.gallery li a.detailview:after {content:"  +";}
.gallery li:hover  a.detailview {background-color:#222; color:#fff;}


.certiic_frame {position:Relative; }
.certiic_frame  li {position:Relative; float:left; width:calc(25% - 30px); text-align:Center; margin-right:35px; border:1px solid #ededed; box-sizing:border-box; margin-bottom:45px; padding-bottom:50px;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
.certiic_frame  li:hover  {border:1px solid #222;  border-color:#888; box-shadow: 10px 10px 30px -5px rgba(0,0,0,.3); z-index:2;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
.certiic_frame  li img {max-width:100%; border:0px;}
.certiic_frame  li img.pic {padding:25px 0;}
.certiic_frame :nth-child(4n) {margin-right:0px;}
.certiic_frame p {position:Absolute; bottom:0; left:0;  width:100%; text-align:Center;}
.certiic_frame p a {text-align:Center; line-height:50px; background-color:#222; color:#fff; width:100%; display:block; }

/* board view ***************/
.product_detail h1 {border-top:3px solid #c90000;padding:25px 20px 25px 20px;  font-weight: 400; font-size: 1.6em; color: #222; line-height: 1.3em; margin-bottom: 0px;text-align:Center; border-bottom:0px; background-color:#f7f7f7;}
.product_detail_text {position:Relative; margin:50px 0; }
.product_detail_text li.product_img {position:relative; width:50%; float:left; text-align:Center;  padding-bottom:30px;}
.product_detail_text li.product_img img {max-width:90%;}
.product_detail_text li.product_info1 {position:relative; width:50%; float:right; }
.product_detail_text li.product_info1 h2 {position:Relative; font-size:22px; border-bottom: 1px solid #ededed; padding:25px; font-weight:300;}
.product_detail_text li.product_info1 h2:before {position:absolute; margin-left:-10px;  content:""; display:inline-block; width:7px; height:7px; background-color:#c90000;}
.product_detail_text li.product_info1 ul {padding:25px;}

.product_info_view h2 {position:relative; border-top: 0px solid #ededed;  border-bottom: 1px solid #ededed; padding:0px; text-align:left; font-size:22px; background-color:#aa0413; color:#fff; font-weight:300; margin-bottom:20px;}
/*.product_info_view h2:before {position:absolute; margin-left:-10px;  content:""; display:inline-block; width:7px; height:7px; background-color:#c90000;}*/
.product_info_view h2 span {display:inline-block; background-color:#222;  padding:10px 20px; }

.product_info_view {border: 1px solid #ededed; padding:0; margin-bottom:30px; text-align:Center;}
.product_info_view img { max-width:90%; padding :20px 5% 40px  5%;}

.board  #board_write h2.title {border-top:3px solid #c90000;padding:25px 20px 10px 20px;  font-weight: 400; font-size: 1.6em; color: #222; line-height: 1.3em; margin-bottom: 0px;text-align:Center; border-bottom:0px; background-color:#f7f7f7;}
.metadata { text-align:Center; background-color:#f7f7f7;    border-bottom: 1px solid #ededed; padding-bottom:25px; color:#909090;}
.metadata .name:after {content:"/"; display:inline-block; margin:0 10px; }
.board_article {padding:40px 15px; border-bottom: 1px solid #ededed; min-height:200px;}
.board_article div {text-align:Center;}
.board_article img {max-width:100%;}

dl.file_list { border-bottom: 2px solid #ededed; padding:15px 20px; }
dl.file_list dt {font-weight:700; float:left; }
dl.file_list dd {margin-left:80px;}


@media all and  (max-width:1100px) { 

	/* product_list **********************************************************************************************************************************************************************************************/
	.product_list .product_each  {position:Relative; float:left; width:calc(50% - 20px); margin-right:30px; border:1px solid #ededed; box-sizing:border-box; height:560px; margin-bottom:30px;} 
	.product_list .product_each:hover {border:1px solid #222;  border-color:#888; box-shadow: 10px 10px 30px -5px rgba(0,0,0,.3); z-index:2;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
	.product_list .product_each:nth-child(2n) {margin-right:0px;}
	.product_list .product_each:nth-child(3n) {margin-right:30px;}
	.product_list .product_each:nth-child(6n) {margin-right:0px;}
	.product_list .product_each a { text-align:Center; width:100%; display:block; max-height:180px;}
	.product_list .product_each a img {width:150px; margin:30px auto;}
	.product_list .product_each h2 {padding:15px 30px; line-height:30px; font-size:25px; font-family: 'NotoKrL' !important; font-weight:300; letter-spacing:-0.05em; height:80px; overflow:hidden;}
	.product_list .product_each .product_info {margin:15px 30px; height:158px; overflow:hidden;}
	.product_list .product_each a.detailview {position:Absolute; left:0px; bottom:0px; line-height:60px;  color:#fff;  font-weight:700;}
	.product_list .product_each a.detailview:after {content:"  +";}
	.product_list .product_each:hover  a.detailview {background-color:#222; color:#fff;}

	.gallery li  {position:Relative; float:left; width:calc(50% - 10px); margin-right:20px; border:1px solid #ededed; box-sizing:border-box; height:400px; margin-bottom:25px;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s} 
	.gallery li:hover {border:1px solid #222;  border-color:#888; box-shadow: 10px 10px 30px -5px rgba(0,0,0,.3); z-index:2;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
	.gallery li:nth-child(2n) {margin-right:0px;}
	.gallery li a { text-align:Center; max-width:100%; display:block;}
	.gallery li a .gal_article_thumb {height:140px; margin:40px 0 20px 0; max-width:90%;}
	.gallery li  .gal_title  a {margin:10px 30px; line-height:24px; font-size:18px; font-family: 'NotoKrL' !important;  font-weight:300;  letter-spacing:-0.05em; height:48px; overflow:hidden; text-align:left; width:auto;}
	.gallery li  .gal_writer {padding:10px 30px 5px 30px; display:block; }
	.gallery li  .gal_date {padding:5px 30px; display:block;  }

	.certiic_frame {position:Relative; }
	.certiic_frame  li {position:Relative; float:left; width:calc(50% - 20px); margin-right:30px; border:1px solid #ededed; box-sizing:border-box; margin-bottom:25px; padding-bottom:50px;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
	.certiic_frame  li:hover  {border:1px solid #222;  border-color:#888; box-shadow: 10px 10px 30px -5px rgba(0,0,0,.3); z-index:2;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
	.certiic_frame  li img {max-width:100%; border:0px;}
	.certiic_frame :nth-child(2n) {margin-right:0px;}
	.certiic_frame p {position:Absolute; bottom:0; left:0;  width:100%; }
	.certiic_frame p a {text-align:Center; line-height:50px; background-color:#222; color:#fff; width:100%; display:block; }

}


/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* tablet device *******************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
@media all and (min-width:641px) and (max-width:989px) { 
	.board_w { position:relative; width:100%; clear:both; padding:0px; }


	/* Board **********************************************************************************************************************************************************************************************/
	/* List */
	.sb_list { position:relative; width:100%; margin-top:10px; clear:both; }
	.sb_list .sb_table { position:relative; width:99.5%; clear:both; }
	.sb_list .sb_table th { height:45px; line-height:45px; color:#333; font-size:14px; border-top:3px solid #a20d25; border-bottom:1px solid #e0e0e0; background-color:#fafafa; }
	.sb_list .sb_th_line { background:url("../images/board/bt_line.gif") no-repeat right 13px; }
	.sb_list .sb_table td { height:25px; padding:10px 5px; line-height:18px; font-size:14px; border-bottom:1px solid #e0e0e0; color:#666; }
	.sb_list .sb_table td img { vertical-align:middle; padding-left:5px; }
	.sb_list .sb_table td a.notice, 
	.sb_list .sb_table td a.notice:visited,
	.sb_list .sb_table td a.notice:hover, 
	.sb_list .sb_table td a.notice:active { color:#333; font-weight:bold; }



	/* Board **********************************************************************************************************************************************************************************************/
	/* List */
	.sb_list { position:relative; width:100%; margin-top:10px; clear:both; }
	.sb_list .sb_table { position:relative; width:99.5%; clear:both; }
	.sb_list .sb_table th { height:45px; line-height:45px; color:#333; font-size:14px; border-top:3px solid #a20d25; border-bottom:1px solid #e0e0e0; background-color:#fafafa; }
	.sb_list .sb_th_line { background:url("../images/board/bt_line.gif") no-repeat right 13px; }
	.sb_list .sb_table td { padding:15px 5px; line-height:1.5em; font-size:14px; border-bottom:1px solid #e0e0e0; color:#666; }
	.sb_list .sb_table td img { vertical-align:middle; padding-left:5px; }
	.sb_list .sb_table td a.notice, 
	.sb_list .sb_table td a.notice:visited,
	.sb_list .sb_table td a.notice:hover, 
	.sb_list .sb_table td a.notice:active { color:#333; font-weight:bold; }


	/* View */
	.sb_view { position:relative; width:100%; clear:both; }
	.sb_view .sv_table { width:99.5%; border-top:3px solid #a20d25; border-left:1px solid #e0e0e0; }
	.sb_view .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-weight:bold; font-size:14px; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fafafa; }
	.sb_view .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; font-size:14px; color:#888; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
	.sb_view a.file { padding:0; }
	.sb_view .file_icon { padding:2px 5px 0px 0px; }
	.sb_view span.down { color:#999; font-size:11px; }
	.sb_view .sv_table td.con { min-height:160px; padding:20px 10px; }
	.sb_view .sv_table td.con ul { height:60px; padding:10px 0px; }
	.sb_view .sv_table td.con ul li { float:left; padding-right:8px; }

	/* Form */
	.sb_form { position:relative; width:100%; clear:both; }
	.sb_form .sv_table { width:99.5%; border-top:3px solid #a20d25; border-left:1px solid #e0e0e0; }
	.sb_form .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-weight:bold; font-size:14px; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fafafa; }
	.sb_form .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; font-size:14px; color:#888; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
	.sb_form .sv_table td.con { padding:20px 10px; }
	.sb_form .sv_table td input { vertical-align:middle; }

	/* Web Zine */
	.sb_list ul.web_zine_w { position:relative; width:100%; border-top:3px solid #a20d25; }
	.sb_list ul.web_zine_w li { position:relative; width:100%; min-height:155px; height:100%; padding:2% 20px; border-bottom:1px solid #e0e0e0; }
	.sb_list ul.web_zine_w li p.wz_img { width:31%; height:100%; min-height:150px; margin-right:3%; float:left; }
	.sb_list ul.web_zine_w li p.wz_img img { width:100%; height:100%; min-height:150px; border:1px solid #e0e0e0; }
	.sb_list ul.web_zine_w li dl { position:relative; width:59%; float:left; }
	.sb_list ul.web_zine_w li dl dt { font-size:14px; color:#333; padding:2% 0px; font-weight:bold; }
	.sb_list ul.web_zine_w li dl dd.con { font-size:12px; color:#666; line-height:24px; }

	/* Gallery */
	.sb_gall { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #a20d25; border-bottom:1px solid #000;}
	.sb_gall .sp_table { position:relative; width:98%; padding:0 1%; }
	.sb_gall .sp_table dl { position:relative; width:31%; padding:30px 1% 10px 1%; float:left; }
	.sb_gall .sp_table dl dt { position:relative; width:100%; height:150px; padding:2px; border:1px solid #e0e0e0; }
	.sb_gall .sp_table dl dt img { width:100%; height:148px; }
	.sb_gall .sp_table dl dd { position:relative; width:100%; padding-top:15px; height:30px; font-size:12px; text-align:center; color:#666; font-weight:bold; }
	.sb_gall .sp_table dl dd span { display:block; }

	/* FAQ */
	.sb_list ul.faq { position:relative; width:100%; border-top:1px solid #444; }
	.sb_list ul.faq li { position:relative; width:100%; border-bottom:1px solid #e5e5e5; }
	.sb_list ul.faq li p.faq_q a { font-size:13px; padding:15px 15px 15px 60px; line-height:18px; display:block; background:url("../images/board/q.gif") no-repeat 20px 10px; }
	.sb_list ul.faq li div.faq_a { font-size:13px; padding:15px 15px 15px 60px; line-height:18px; border-top:1px solid #e5e5e5; background-color:#f8f9fa; }
	.sb_list ul.faq li div.faq_a div.icon { min-height:22px; line-height:18px; padding-left:40px; background:url("../images/board/a.gif") no-repeat left top; }
	.sb_list ul.faq li.none { text-align:center; padding:50px 0px; font-size:14px; color:#666; }

	/* Board Page **********************************************************************************************************************************************************************************************/
	.sb_page { display:none; }
	.m_sb_page { display:block; position:relative; width:99.5%; text-align:center; margin-top:30px; clear:both; border:1px solid #e0e0e0; background-color:#fafafa; clear:both; }
	.m_sb_page ul li { width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; }
	.m_sb_page ul li strong { color:#a20d25; }
	.m_sb_page ul li.prev { position:absolute; top:0px; left:0px; width:80px; height:40px; line-height:38px; text-align:left; background-color:#fff; border-right:1px solid #e0e0e0; }
	.m_sb_page ul li.prev a { display:block; padding-left:20px;  line-height:38px; background:url("../images/board/pl.gif") no-repeat 15px 15px; }
	.m_sb_page ul li.next { position:absolute; top:0px; right:0px; width:80px; height:40px; line-height:38px; text-align:right; background-color:#fff; border-left:1px solid #e0e0e0; }
	.m_sb_page ul li.next a { display:block; padding-right:20px;  line-height:38px;  background:url("../images/board/pr.gif") no-repeat 60px 15px; }

 }



/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* mobile device ******************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
/* ************************************************************************************************************************************************************************************************************/
@media all  and (max-width:640px) { 
.board_w { position:relative; width:100%; clear:both; padding:0px; }

	/* Board Search **********************************************************************************************************************************************************************************************/
	.board_top_w { position:relative; width:100%; height:90px; margin:15px 0px; clear:both; }
	.board_top_w p.text { font-size:14px; line-height:18px; font-weight:bold; color:#333; text-align:right; }
	.board_top_w p.text span { font-size:14px; font-weight:bold; color:#a20d25; }
	.sb_search { position:absolute; top:30px; right:0px; width:100%; }
	.sb_search select { width:29%; height:40px; line-height:40px; font-size:14px; vertical-align:middle; float:left; margin-right:1%; }
	.sb_search .sbs_ip { width:65%; height:40px;  }

	.sb_search2 { position:absolute; top:30px; right:80%; width:20%; }
	.sb_search2 select { width:98%; height:28px; line-height:28px; font-size:14px; vertical-align:middle; float:left; margin-right:1%; }

	/* Board ******************************************************************************************************************************************************************************************************/
	/* List */
	.sb_list { position:relative; width:100%; margin-top:10px; clear:both; }
	.sb_list .sb_table { position:relative; width:99.5%; clear:both; }
	.sb_list .sb_table th { height:45px; line-height:45px; color:#333; font-size:14px; border-top:3px solid #a20d25; border-bottom:1px solid #e0e0e0; background-color:#fafafa; }
	.sb_list .sb_th_line { background:url("../images/board/bt_line.gif") no-repeat right 13px; }
	.sb_list .sb_table td { height:26px; padding:5px 10px; line-height:14px; font-size:12px; color:#8b8b8b; border-bottom:1px solid #e0e0e0; }
	.sb_list .sb_table td img { vertical-align:middle; padding-left:5px; }
	.sb_list .sb_table td a.notice, 
	.sb_list .sb_table td a.notice:visited,
	.sb_list .sb_table td a.notice:hover, 
	.sb_list .sb_table td a.notice:active { color:#8b8b8b; font-weight:bold; }
	.sb_list .sb_table td ul { width:60px; margin:0 auto; }
	.sb_list .sb_table td ul.sort li { float:left; margin:2px 0px; }

	/* View */
	.sb_view { position:relative; width:100%; clear:both; }
	.sb_view .sv_table { width:99.5%; border-top:3px solid #a20d25; border-left:1px solid #e0e0e0; }
	.sb_view .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-weight:bold; font-size:12px; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fafafa; }
	.sb_view .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; font-size:12px; color:#888; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
	.sb_view a.file { padding:0; }
	.sb_view .file_icon { padding:2px 5px 0px 0px; }
	.sb_view span.down { color:#999; font-size:11px; }
	.sb_view .sv_table td.con { min-height:160px; padding:20px 10px; }
	.sb_view .sv_table td.con ul { height:60px; padding:10px 0px; }
	.sb_view .sv_table td.con ul li { float:left; padding-right:8px; }

	/* Form */
	.sb_form { position:relative; width:100%; clear:both; }
	.sb_form .sv_table { width:99.5%; border-top:3px solid #a20d25; border-left:1px solid #e0e0e0; }
	.sb_form .sv_table th { padding:10px 10px; height:25px; line-height:18px; font-weight:bold; font-size:12px; color:#333; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; background-color:#fafafa; }
	.sb_form .sv_table td { padding:10px 15px; height:25px; line-height:18px; font-weight:normal; font-size:12px; color:#888; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
	.sb_form .sv_table td.con { padding:20px 10px; }
	.sb_form .sv_table td input { vertical-align:middle; }

	/* Web Zine */
	.sb_list ul.web_zine_w { position:relative; width:100%; border-top:3px solid #a20d25; }
	.sb_list ul.web_zine_w li { position:relative; width:100%; min-height:95px; height:100%; padding:3% 1%; border-bottom:1px solid #e0e0e0; }
	.sb_list ul.web_zine_w li p.wz_img { width:25%; height:100%; min-height:95px; margin-right:3%; float:left; }
	.sb_list ul.web_zine_w li p.wz_img img { width:100%; height:100%; min-height:95px; border:1px solid #e0e0e0; }
	.sb_list ul.web_zine_w li dl { position:relative; width:65%; float:left; }
	.sb_list ul.web_zine_w li dl dt { font-size:14px; color:#333; padding:2% 0px; font-weight:bold; }
	.sb_list ul.web_zine_w li dl dd.con { font-size:12px; color:#666; line-height:20px; }

	/* Gallery */
	.sb_gall { position:relative; width:100%; overflow:hidden; clear:both; border-top:3px solid #a20d25; border-bottom:1px solid #000;}
	.sb_gall .sp_table { position:relative; width:98%; padding:20px 1% 10px 1%; }
	.sb_gall .sp_table dl { position:relative; width:46%; padding:10px 2%; float:left; }
	.sb_gall .sp_table dl dt { position:relative; width:100%; height:160px; padding:2px; border:1px solid #e0e0e0; }
	.sb_gall .sp_table dl dt img { width:100%; height:158px; }
	.sb_gall .sp_table dl dd { position:relative; width:100%; padding-top:15px; height:30px; font-size:12px; text-align:center; color:#666; font-weight:bold; }
	.sb_gall .sp_table dl dd span { display:block; }

	/* FAQ */
	.sb_list ul.faq { position:relative; width:100%; border-top:1px solid #444; }
	.sb_list ul.faq li { position:relative; width:100%; border-bottom:1px solid #e5e5e5; }
	.sb_list ul.faq li p.faq_q a { font-size:13px; padding:15px 15px 15px 60px; line-height:18px; display:block; background:url("../images/board/q.gif") no-repeat 20px 10px; }
	.sb_list ul.faq li div.faq_a { font-size:13px; padding:15px 15px 15px 60px; line-height:18px; border-top:1px solid #e5e5e5; background-color:#f8f9fa; }
	.sb_list ul.faq li div.faq_a div.icon { min-height:22px; line-height:18px; padding-left:40px; background:url("../images/board/a.gif") no-repeat left top; }
	.sb_list ul.faq li.none { text-align:center; padding:50px 0px; font-size:14px; color:#666; }

	/* Board Page **********************************************************************************************************************************************************************************************/
	.sb_page { display:none; }
	.m_sb_page { display:block; position:relative; width:99.5%; text-align:center; margin-top:30px; clear:both; border:1px solid #e0e0e0; background-color:#fafafa; clear:both; }
	.m_sb_page ul li { width:100%; height:40px; line-height:40px; text-align:center; font-size:12px; }
	.m_sb_page ul li strong { color:#a20d25; }
	.m_sb_page ul li.prev { position:absolute; top:0px; left:0px; width:80px; height:40px; line-height:38px; text-align:left; background-color:#fff; border-right:1px solid #e0e0e0; }
	.m_sb_page ul li.prev a { display:block; padding-left:20px; background:url("../images/board/pl.gif") no-repeat 15px 15px;  line-height:40px; }
	.m_sb_page ul li.next { position:absolute; top:0px; right:0px; width:80px; height:40px; line-height:38px; text-align:right; background-color:#fff; border-left:1px solid #e0e0e0; }
	.m_sb_page ul li.next a { display:block; padding-right:20px; background:url("../images/board/pr.gif") no-repeat 60px 15px;  line-height:40px; }

	/* Board Button **********************************************************************************************************************************************************************************************/
	.sb_btn_w { position:relative; width:100%; height:30px; margin:20px 0px 0px 0px; clear:both; }
	.sb_btn_w .sb_btn { float:right; }
	/*
	.sb_btn_w .sb_btn p.b_btn_on { margin:0px 0px 0px 3px; height:30px; line-height:30px; float:left; background-color:#a20d25; }
	.sb_btn_w .sb_btn p.b_btn_on a { font-size:12px; font-weight:bold; color:#fff; padding:0 10px; display:block; }

	.sb_btn_w .sb_btn p.b_btn_off { margin:0px 0px 0px 3px; height:30px; line-height:30px; float:left; background-color:#333; }
	.sb_btn_w .sb_btn p.b_btn_off a { font-size:12px; font-weight:bold; color:#fff; padding:0 10px; display:block; }*/

	/* Search **********************************************************************************************************************************************************************************************/
	.sc_search_w { position:relative; width:100%; clear:both; }
	.sc_search_w .sc_st {position:relative; background-color:#f9f9f9; padding:20px;}
	.sc_search_w .sc_st form  {position:relative; margin:0px auto; width:100%; }
	/*.sc_search_w .sc_st label {width:23%; line-height:26px; font-size:12px; color:#a20d25; font-weight:bold; display:block; float:left;}*/
	.sc_search_w .sc_st .sbs_ip {width:100%; padding:0 50px 0 15px !important; height:55px; line-height:55px; background-color:#fff;border:3px solid #012b5d; font-size:14px;}
	.sc_search_w .sc_st a.sbs_btn, 
	.sc_search_w .sc_st a.sbs_btn:visited,
	.sc_search_w .sc_st a.sbs_btn:hover,
	.sc_search_w .sc_st a.sbs_btn:active {position:absolute; top:2px; right:3px; width:50px; height:50px; display:block;  background: url('../images/common/total_search.gif') no-repeat center center; cursor:pointer; text-indent:-9999em; background-size:90% auto; } 



	/* product_list **********************************************************************************************************************************************************************************************/

	.board  #board_write h2.title {border-top:3px solid #c90000;padding:15px 10px 10px 10px;  font-weight: 400; font-size: 1.4em; color: #222; line-height: 1.3em; margin-bottom: 0px;text-align:Center; border-bottom:0px; background-color:#f7f7f7;}
	.metadata { text-align:Center; background-color:#f7f7f7;    border-bottom: 1px solid #ededed; padding-bottom:15px; color:#909090;}

	.product_list .product_each  {position:Relative; float:left; width:100%; margin-right:0px; border:1px solid #ededed; box-sizing:border-box; height:auto; margin-bottom:30px; padding-bottom:50px;} 
	.product_list .product_each:hover {border:1px solid #222;  border-color:#888; box-shadow: 10px 10px 30px -5px rgba(0,0,0,.3); z-index:2;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
	.product_list .product_each:nth-child(2n) {margin-right:0px;}
	.product_list .product_each:nth-child(3n) {margin-right:30px;}
	.product_list .product_each:nth-child(6n) {margin-right:0px;}
	.product_list .product_each a { text-align:Center; width:100%; display:block; max-height:180px;}
	.product_list .product_each a img {width:150px; margin:30px auto;}
	.product_list .product_each h2 {padding:15px; line-height:1.4em; font-size:20px; font-family: 'NotoKrL' !important; font-weight:300; letter-spacing:-0.05em; height:auto; overflow:hidden;}
	.product_list .product_each .product_info {padding:0; height:auto; overflow:hidden; margin:0 15px 10px 15px ;}
	.product_list .product_each a.detailview {position:Absolute; left:0px; bottom:0px; line-height:50px;  color:#fff;  font-weight:700;}
	.product_list .product_each a.detailview:after {content:"  +";}
	.product_list .product_each:hover  a.detailview {background-color:#222; color:#fff;}

	.gallery li  {position:Relative; float:left; width:100%; margin-right:0px; border:1px solid #ededed; box-sizing:border-box; height:auto; padding-bottom:60px; margin-bottom:25px;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s} 
	.gallery li:hover {border:1px solid #222;  border-color:#888; box-shadow: 10px 10px 30px -5px rgba(0,0,0,.3); z-index:2;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
	.gallery li:nth-child(2n) {margin-right:0px;}
	.gallery li a { text-align:Center; max-width:100%; display:block;}
	.gallery li a .gal_article_thumb {height:80px; margin:40px 0 20px 0; max-width:90%;}
	.gallery li  .gal_title  a {margin:10px 30px; line-height:24px; font-size:18px; font-family: 'NotoKrL' !important;  font-weight:300;  letter-spacing:-0.05em; height:auto; overflow:hidden; text-align:left; width:auto;}
	.gallery li  .gal_writer {padding:0px 30px 5px 30px; display:block; }
	.gallery li  .gal_date {padding:5px 30px; display:block;  }

	.certiic_frame {position:Relative; }
	.certiic_frame  li {position:Relative; float:left; width:100%; margin-right:20px; border:1px solid #ededed; box-sizing:border-box; margin-bottom:25px; padding-bottom:40px;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
	.certiic_frame  li:hover  {border:1px solid #222;  border-color:#888; box-shadow: 10px 10px 30px -5px rgba(0,0,0,.3); z-index:2;  -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s;transition:all 0.4s}
	.certiic_frame  li img {max-width:100%; border:0px;}
	.certiic_frame :nth-child(2n) {margin-right:0px;}
	.certiic_frame p {position:Absolute; bottom:0; left:0;  width:100%; }
	.certiic_frame p a {text-align:Center; line-height:40px; background-color:#222; color:#fff; width:100%; display:block; }

	
	/* Board Page **********************************************************************************************************************************************************************************************/
	.pagination { margin:20px 0px 20px 0px; text-align:center; clear:both; }
	.pagination a, .sb_page em, .sb_page img, .sb_page span { display:inline-block; vertical-align:top; line-height:30px; color:#222;}
	.pagination ol li { padding:0px 1px; }
	.pagination .no_off a { font-weight:bold; width:29px; height:34px; font-size:13px; line-height:28px; color:#666; background:url("../images/board/no_bg.gif") no-repeat; }
	.pagination .no_on a { font-weight:bold; width:29px; height:34px; font-size:13px; line-height:28px; color:#a20d25; text-decoration:underline; background:url("../images/board/no_on_bg.gif") no-repeat; }
	.m_sb_page { display:none; }

	.pagination { margin:20px 0px 20px 0px; text-align:center; clear:both; }
	.pagination font strong { display:inline-block; width:20px; line-height:30px; background-color:#fff; border-radius:0; color:#bc1818; font-weight:700; }
	.pagination font a { display:inline-block; width:20px; line-height:30px; background-color:#fff; border-radius:0; color:#999; font-weight:700; margin: 0px;}


 }



/* 20180703 추가 */
.productView h3 {padding-bottom:30px; line-height:1.2em;}
.productView h3 span {display:inline-block; font-size:0.75em;}
.productView .viewLeft {float:left; width:72%;}
.productView .viewLeft  ul li {padding-top:30px; border-top:1px dashed #dee5ec;}
.productView .viewLeft  ul li:first-child {padding-top:0px; border-top:0px dashed #dee5ec;}
.productView .viewLeft  ul li h4 {float:left; display:inline-block; background-color:#012b5d; color:#fff;line-height:1.2em; padding:13px 0px; font-size:18px; min-width:150px; text-align:Center;}
.productView .viewLeft  ul li p {padding-top:0px;  padding-left:180px;}
.productView .viewLeft  ul li ul {margin-top:15px;}
.productView .viewLeft  ul li ul li {padding-top:0px;  padding-left:180px; border-top:0px; color:#999a9b; font-size:14px;}

.productView .viewrRight {float:right; width:25%;}
.productView .viewrRight ul.downPdf li {display:block; margin-bottom:5px; padding:0px !important;}
.productView .viewrRight ul.downPdf li br {display:none;}
.productView .viewrRight ul.downPdf li a {display:block; padding:20px 65px 20px 20px; background:#f5f7f9 url('../images/sub/ico_down2.png') no-repeat 95% 50%;  word-break:break-all; font-size:13px; line-height:1.4em; margin-bottom:5px;}
.productView .viewrRight ul.downPdf li img.file_icon {display:none;}
.productView .viewrRight ul.downPdf li span {display:none;}

.pdf_down li {float:left; width:32%; margin-left:2%; display:block; background-color:#f5f7f9; margin-bottom:5px;}
.pdf_down li:first-child {margin-left:0%;}
.pdf_down li a {display:block; padding:20px 55px 20px 15px; background:url('../images/sub/ico_down2.png') no-repeat 95% 50%;  word-break:break-all;}
.pdf_down li img {padding:25px; }

 a.file2 {display:inline-block; padding:16px 35px 16px 15px; width:31%; background:#f5f7f9 url('../images/sub/ico_down2.png') no-repeat 95% 50%; background-size:26px auto; word-break:break-all; font-size:12px; line-height:1.4em; margin-bottom:5px; margin-right:5px; text-align:left;}

/* 통합 검색 */
.total_search_area {background-color:#f9f9f9; padding:50px;}
.total_search {text-align:center; }
.total_search fieldset {position:relative; margin:0px auto; width:80%; max-width:600px; }
.total_search .schText {width:100%; padding:0 50px 0 15px !important; height:65px; line-height:65px; background-color:#fff;border:3px solid #012b5d; font-size:17px;}
.total_search .t_search {position:absolute; top:3px; right:3px; width:58px; height:58px; display:block;  background: url('../images/common/total_search.gif') no-repeat center center; cursor:pointer; text-indent:-9999em; } 
.search_result  strong {font-size:1.1em; }
.search_result  span.num {color:#2595d1;  font-size:1.1em;}

/* 리스트 : 일반게시판 */
.bbs_list {margin-top:10px;font-size:13px; }
.bbs_list img {max-width:100%;border:0px; vertical-align:middle;}
.bbs_list > table.list_1 {width:100%;border-top:#4c4c4c solid 2px}
.bbs_list > table.list_1 > thead > tr > th,
.bbs_list > table.list_1 > tbody > tr > th,
.bbs_list > table.list_1 > thead > tr > td,
.bbs_list > table.list_1 > tbody  > tr > td {padding:2px 0;line-height:2.8em;border-bottom:#e6e6e6 solid 1px;text-align:center}
.bbs_list > table.list_1 > thead > tr > th,
.bbs_list > table.list_1 > tbody > tr > th {background-color:#f9f9f9;font-weight:bold;padding:3px 0px}
.bbs_list > table.list_1 > tbody > tr:hover > td {background-color:#f9f9f9;}
.bbs_list > table.list_1 td.subject{white-space:nowrap;padding:10px 15px;text-align:left;overflow:hidden}
.bbs_list > table.list_1 .notice {background-color:#4c4948;color:#fff;padding:2px 4px}

/* 하단 검색 */
.footer_search {text-align:center;margin:30px 0px 20px;padding:25px;background-color:#f5f7f9;}
.footer_search fieldset {position:relative; width:80%; max-width:600px; margin:0px auto; }
.footer_search .select {position:Absolute; top:2px; left:7px; padding:7px 5px; height:45px; width:100px; border:0px; font-size:15px; line-height:1.5em;}
.footer_search .schText {padding:6px 50px 5px 110px;margin:0 5px 0 0;width:100%;height:50px;background-color:#fff;border:1px solid #d8d8d8;line-height:50px; }
.footer_search button.rbutton.black.large {position:Absolute; top:2px; right:2px;  width:45px; height:45px;background: url('../images/common/total_search.gif') no-repeat center center; background-size:90%; cursor:pointer; text-indent:-9999em; } 


@media all and (max-width:1180px){	
	 a.file2 {display:inline-block; padding:16px 35px 16px 15px; width:45%; background:#f5f7f9 url('../images/sub/ico_down2.png') no-repeat 95% 50%; background-size:26px auto; word-break:break-all; font-size:12px; line-height:1.4em; margin-bottom:5px; margin-right:5px; text-align:left;}
}


@media all and (max-width:920px){

	.pdf_down li {float:left; width:48%; margin-left:2%; display:block; background-color:#f5f7f9; margin-bottom:15px;}
	.pdf_down li:first-child {margin-left:0%;}
	.pdf_down li:nth-child(3) {margin-left:0%;}
	.pdf_down li a {display:block; padding:20px 55px 20px 15px; background:url('../images/sub/ico_down2.png') no-repeat 95% 50%;  word-break:break-all;}

}

@media all and (max-width:768px){
	
	.pdf_down li {float:none; width:100%; margin-left:0%; display:block; background-color:#f5f7f9; margin-bottom:15px;}
	.pdf_down li a {display:block; padding:20px 55px 20px 15px; background:url('../images/sub/ico_down2.png') no-repeat 95% 50%;  word-break:break-all;}

	 a.file2 {display:inline-block; padding:16px 35px 16px 15px; width:100%; background:#f5f7f9 url('../images/sub/ico_down2.png') no-repeat 95% 50%; background-size:26px auto; word-break:break-all; font-size:12px; line-height:1.4em; margin-bottom:5px; margin-right:0px; text-align:left;}

		/* 하단 검색 */
	.footer_search {text-align:center;margin:30px 0px 20px;padding:15px;background-color:#f5f7f9;}
	.footer_search fieldset {position:relative; width:100%; max-width:600px; margin:0px auto; }
	.footer_search .select {position:Absolute; top:2px; left:7px; padding:7px 5px; height:45px; width:90px; border:0px; font-size:13px; }
	.footer_search .schText {padding:6px 50px 5px 100px;margin:0 5px 0 0;width:100%;height:50px;background-color:#fff;border:1px solid #d8d8d8;line-height:50px; }
	.footer_search button.rbutton.black.large {position:Absolute; top:2px; right:2px;  width:45px; height:45px;background: url('../images/common/total_search.gif') no-repeat center center; background-size:70% auto;cursor:pointer; text-indent:-9999em; } 

	/* board view ***************/
	.product_detail h1 {border-top:3px solid #c90000;padding:25px 20px 25px 20px;  font-weight: 400; font-size: 1.6em; color: #222; line-height: 1.3em; margin-bottom: 0px;text-align:Center; border-bottom:0px; background-color:#f7f7f7;}
	.product_detail_text {position:Relative; margin:20px 0 10px 0; }
	.product_detail_text li.product_img {position:relative; width:100%; float:none; text-align:Center;  padding-bottom:30px;}
	.product_detail_text li.product_info1 {position:relative; width:100%; float:none;     border: 1px solid #ededed;    padding:15px;    margin-bottom: 10px; box-sizing:border-box;}
	.product_detail_text li.product_info1 h2 {position:Relative; font-size:18px; border-bottom: 1px solid #ededed; padding:10px 20px; font-weight:300;}
	.product_detail_text li.product_info1 h2:before {position:absolute; margin-left:-10px;  content:""; display:inline-block; width:5px; height:5px; background-color:#c90000;}
	.product_detail_text li.product_info1 ul {padding:15px 15px 0 15px;}
	
	.product_info_view h2 {position:relative; border-top: 0px solid #ededed; color:#222;  border-bottom: 1px solid #ededed; padding:10px 20px; text-align:left; font-size:18px; background-color:#fff; font-weight:300; margin-bottom:20px;}
	.product_info_view h2:before {position:absolute; margin-left:-10px;  content:""; display:inline-block; width:5px; height:5px; background-color:#c90000;}
	.product_info_view {border: 1px solid #ededed; padding:15px; margin-bottom:20px;}
	.product_info_view h2 span {display:inline-block; background-color:#fff;  padding:0px; }
	.product_info_view img { max-width:100%; padding :0;}



	/* 20180703 추가 */
	.productView h3 {padding-bottom:30px;}
	.productView .viewLeft {float:none; width:100%;}
	.productView .viewLeft  ul li h4 {float:none; font-size:16px;}
	.productView .viewLeft  ul li p {padding-left:0; padding-top:20px; }
	.productView .viewLeft  ul li ul {margin-top:15px;}
	.productView .viewLeft  ul li ul li {padding-top:0px;  padding-left:0px; border-top:0px; color:#999a9b;}

	.productView .viewrRight {float:none; width:100%; margin-top:30px;}
	.productView .viewrRight ul.downPdf li {display:block; margin-bottom:0px;}
	.productView .viewrRight ul.downPdf li a {display:block; padding:15px 60px 15px 15px; background:#f5f7f9 url('../images/sub/ico_down2.png') no-repeat 95% 50%;  background-size:30px;}

	.viewLeft.cf.pb80 {padding-bottom:0px !important; }

	/* 통합 검색 */
	.total_search_area {background-color:#f9f9f9; padding:30px;}
	.total_search {text-align:center; }
	.total_search fieldset {position:relative; margin:0px auto; width:100%; }
	.total_search .schText {width:100%; padding:0 50px 0 15px !important; height:55px; line-height:55px; background-color:#fff;border:3px solid #012b5d; font-size:15px;}
	.total_search .t_search {position:absolute; top:2px; right:3px; width:50px; height:50px; display:block;  background: url('../images/common/total_search.gif') no-repeat center center; cursor:pointer; text-indent:-9999em; background-size:90% auto; } 
	.search_result  strong {font-size:1.1em; }
	.search_result  span.num {color:#2595d1;  font-size:1.1em;}

}

@media all and (max-width:468px){
}