@charset "utf-8";


/*------------------------------------
    List : 리스트 페이지
------------------------------------*/
.basic_list_block{ border-top:2px solid #222; }
.basic_list_wrap{ padding:10px 0; background:rgba(255,255,255,0.5); border-bottom:1px solid #ddd; }
.basic_list_wrap .request_row{ display:table; width:100%; }
.basic_list{ overflow:hidden; display:table-row; }
.basic_list li{ position:relative; display:table-cell; text-align:center; vertical-align:middle; }
.detail_list_wrap{ padding:12px 10px; background-color: #FFFFF6; border-bottom:1px solid #ddd; display:none; }

.basic_list .board_delete_btn{ width:5%; }
.basic_list .board_delete_btn:after{ position:absolute; right:0; top:50%; content:''; width:1px; height:52px; margin-top:-26px; background:#ddd; }
.board_date{ width:10%; text-align:center; }
.board_date:after{ position:absolute; right:0; top:50%; content:''; width:1px; height:52px; margin-top:-26px; background:#fff; }
.board_date strong{ display:block; font-weight:500; font-size:18px; line-height:52px; color:#141414; letter-spacing:-1px; }
.board_date span{ display:block; font-weight:500; font-size:16px; color:#555; }
.applicant_name{ width:10%; }
.applicant_name:after{ position:absolute; right:0; top:50%; content:''; width:1px; height:52px; margin-top:-26px; background:#ddd; }
.applicant_name strong{ display:block; font-weight:500; font-size:18px; line-height:52px; color:#141414; letter-spacing:-1px; }
.board_index{ width:5%; }
.board_index:after{ position:absolute; right:0; top:50%; content:''; width:1px; height:52px; margin-top:-26px; background:#ddd; }
.board_index strong{ display:block; font-weight:500; font-size:18px; line-height:52px; color:#141414; letter-spacing:-1px; }

.basic_list .board_contents_title{ /* width:87%; */ padding:0 2%; text-align:left; }
.basic_list .board_contents_title h2{ /*z-index:1;*/ position:relative; padding:10px 70px 10px 0; font-weight:500; font-size:18px; line-height:32px; color:#242424; word-break:keep-all; }
.basic_list .board_contents_title h2{ /* text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; */ }
.basic_list .board_contents_title h2{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.basic_list .board_contents_title h2 img{ margin-right:3px; vertical-align:3px; }
.basic_list .board_contents_title h2 strong{ font-weight:500; color:#0e518c; }
.basic_list .board_contents_title:after{ position:absolute; right:0; top:50%; content:''; width:1px; height:52px; margin-top:-26px; background:#ddd; }
.basic_list:hover .board_contents_title h2{ color:#141414; }

.basic_list .board_contents_status{ width:10%; text-align:center; }
.basic_list .board_contents_status h2{ z-index:1; position:relative; padding:10px 0px 10px 0; font-weight:500; font-size:18px; line-height:32px; color:#242424; word-break:keep-all; }
.basic_list .board_contents_status h2{ /* text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; */ }
.basic_list .board_contents_status h2{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.basic_list .board_contents_status h2 img{ margin-right:3px; vertical-align:3px; }
.basic_list .board_contents_status h2 strong{ font-weight:500; color:#0e518c; }
.basic_list .board_contents_status:after{ position:absolute; right:0; top:50%; content:''; width:1px; height:52px; margin-top:-26px; background:#ddd; }
.basic_list:hover .board_contents_status h2{ color:#141414; }

.basic_list .board_view_btn{ position:absolute; right:0; top:50%; margin-top:-19px;  margin-right:30px; cursor: pointer; }
.basic_list .board_view_btn{ overflow:hidden; display:inline-block; height:38px; width:38px; padding:11px 11px 9px; border:1px solid #ddd; }
.basic_list .board_view_btn{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.basic_list .board_view_btn i{ display:inline-block; float:right; position:relative; width:14px; height:14px; }
.basic_list .board_view_btn i:before{ display:block; position:absolute; left:50%; top:0; content:''; width:2px; height:100%; margin-left:-1px; background:#9f9f9f; }
.basic_list .board_view_btn i:before{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.basic_list .board_view_btn i:after{ display:block; position:absolute; right:0; top:50%; content:''; width:100%; height:2px; margin-top:-1px; background:#9f9f9f; }
.basic_list .board_view_btn i:after{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.basic_list:hover .board_view_btn{ border-color:#0e518c; }
.basic_list:hover .board_view_btn i:before{ background:#0e518c; }
.basic_list:hover .board_view_btn i:after{ background:#0e518c; }

.list_notice_check .board_date strong{ color:#830008; }
.list_notice_check .board_date span{ color:#830008; }

.quick_span { vertical-align: 3px; margin-right: 3px; font-weight: normal; background-color: #FF3636; border: none; color: white; line-height: 32px; padding: 0px 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; border-radius: 6px; }
.wish_span { vertical-align: 3px; margin-right: 3px; font-weight: normal; background-color: #2F9D27; border: none; color: white; line-height: 32px; padding: 0px 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; border-radius: 6px; }
.category_span { vertical-align: 3px; margin-right: 10px; font-weight: normal; background-color: #050099; border: none; color: white; line-height: 32px; padding: 0px 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; border-radius: 6px; }
.text_red { color:#FF3636; }
.text_blue { color:#0e518c; }
.text_green { color:#50AF49; }
.text_pink { color:#990085; }
.text_bold { font-weight:500; }
.display_block { display:block; }
.deadline { display:none; font-size:16px; color:#555; }
.point_info_area { text-align:center; font-size: 20px; }
.float_right { float:right; }
.float_left { float:left; }
.datepicker { text-align: center; }

/*리스트 검색*/
.cs_search_wrap{ padding:0; text-align:center; }
.cs_search_wrap:after{ display:block; content:''; clear:both; }
.cs_search_wrap form{ display:inline-block; }
.cs_search_wrap input[type=text]{ float:left; width:240px; padding:0 10px; margin:0 5px; height:35px; border:1px solid #ddd; }
.cs_search_wrap input[type=submit]{ min-width:95px; background:#f8f8f8; color:#555; border:solid 1px #ddd; font-size:14px; line-height:33px; }
.cs_search_wrap .select{ float:left; padding:0 5px; height:35px; width:110px; border:1px solid #ddd; }

/* 등록 게시글 없음 */
.board_none{ padding:25px 0; background:rgba(255,255,255,0.5); border-bottom:1px solid #ddd; text-align:center; }

/*------------------------------------
    view : 뷰 페이지
------------------------------------*/
.basic_view_block{ border-top:2px solid #222; text-align:center; }

/* 뷰페이지 헤더 : 타이틀, 날짜 */
.basic_view_head_wrap{ display:table; padding:19px 0; width:100%; border-bottom:1px solid #ddd; background:rgba(255,255,255,0.5); }
.basic_view_head{ display:table-row; padding:25px 0; }
.basic_view_head li{ position:relative; display:table-cell; vertical-align:middle; }
.basic_view_head li.basic_view_subject{ width:73%; }
.basic_view_head li.basic_view_subject h2{ padding:0 4.5%; font-size:26px; font-weight:500; line-height:36px; color:#333; text-align:left; }
.basic_view_head li.basic_view_subject h2{ /* max-width:900px; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; */ }
.basic_view_head > p{ font-weight:400; color:#555; }

/* 첨부파일 */
.board_file_wrap{ background:rgba(255,255,255,0.5); }
.board_file{ }
.board_file li{ overflow:hidden; padding:12px 0; border-bottom:1px solid #ddd; }
.board_file li span{ display:block; float:left; width:13%; font-weight:300; font-size:14px; color:#777; }
.board_file li a{ display:block; padding:0 3.7%; float:left; text-align:left; font-size:14px; color:#666; }

/* 첨부파일 이미지 미리보기 */
.board_file_view{ margin-bottom:30px; }

/* prev, next 버튼 */
.prev_next_btn{ overflow:hidden; }
.prev_next_btn img{ display:none; }
.prev_next_btn p{ position:relative; float:left; display:block; }
.prev_next_btn p a{ position:relative; display:block; padding:0 16px; height:35px; font-size:0; color:rgba(255,255,255,0.8); border-radius:3px; border:1px solid #0e518c; background:#0e518c; }
.prev_next_btn p a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.prev_next_btn p:hover a{ background:#830008; border-color:#830008; }
.prev_next_btn p a:before{ display:block; content:''; font-weight:400; font-size:13px; line-height:32px; }
.prev_next_btn p a:after{ position:absolute; top:0; content:''; width:5px; height:100%; background:url(/img/arrow_right2.png) no-repeat center; background-size:5px; }
.prev_next_btn .previous{ margin-right:8px; }
.prev_next_btn .previous a{ padding-left:30px; /* background:#242424; border-color:#242424; */ }
.prev_next_btn .previous a:before{ content:'Previous'; }
.prev_next_btn .previous a:after{ left:14px; background:url(/img/arrow_left2.png) no-repeat center; background-size:5px; }
.prev_next_btn .next a{ padding-right:30px; }
.prev_next_btn .next a:before{ content:'Next'; }
.prev_next_btn .next a:after{ right:14px; }

/* 뷰 컨텐츠 */
.board_view_contents_wrap{ padding:15px 35px 37px; background:rgba(255,255,255,0.5); border-bottom:1px solid #ddd; text-align:left; }
.board_view_contents{ padding-top:40px; }
.board_view_contents > div{ font-size:15px; line-height:24px; color:#333; font-family:'Noto Sans KR',Sans-serif !important; }
.view_contents > div, .board_view_contents > div > p, .board_view_contents div span, .board_view_contents div font{ font-family:'Noto Sans KR',Sans-serif !important; }
.view_contents img{ max-width:100%; }

/* 멤버별 색상*/
.member_1 { background-color:#B2EBF4; border-radius:6px; padding:4px; margin-right:3px; }
.member_2 { background-color:#FFD9EC; border-radius:6px; padding:4px; margin-right:3px; }
.member_3 { background-color:#FFDD73; border-radius:6px; padding:4px; margin-right:3px; }
.member_4 { background-color:#DAD9FF; border-radius:6px; padding:4px; margin-right:3px; }
.member_5 { background-color:#B2EBF4; border-radius:6px; padding:4px; margin-right:3px; }


/*------------------------------------
    write : 라이트 페이지
------------------------------------*/
.board_write_block{ padding:35px 40px 40px; border-bottom:1px solid #ddd; border-top:2px solid #222; background:rgba(255,255,255,0.5); }

.board_write_wrap{ overflow:hidden; }
.board_write_block .board_write_wrap:nth-child(2n){ background:#fdfdfd; }

/* 공지글 체크 */
.notice_check{ margin-bottom:20px; text-align:right; }
.notice_check label{ font-weight:400; font-size:16px; line-height:28px; color:#333; }
.notice_check label:hover{ color:#141414; }
.notice_check label b{ font-weight:500; }
.notice_check label input{ vertical-align:-1px; }

/* 비밀글 체크 */
.privacy_check{ margin-bottom:20px; text-align:right; }
.privacy_check label{ font-weight:400; font-size:16px; line-height:28px; color:#333; }
.privacy_check label:hover{ color:#141414; }
.privacy_check label b{ font-weight:500; }
.privacy_check label input{ vertical-align:-1px; }

.info_title{ padding-bottom:15px; }
.info_title h5{ position:relative; font-weight:500; font-size:22px; line-height:32px; color:#242424; text-align:center; }

.col{ position:relative; overflow:hidden; padding:7px 0; }
.col li{ position:relative; }
.col li.col_title{ position:absolute; left:0; top:7px; width:140px; }
.col li.col_title b{ position:relative; display:block; font-weight:500; font-size:17px; line-height:40px; color:#333; text-transform:capitalize; }
.col li.col_title b.essential:before{ display:inline-block; margin-right:5px; content:'*'; font-weight:400; color:#d81d31; vertical-align:-2px; }
.col li.col_title b i{ font-style:normal;  line-height:40px; }
.col li.col_contents{ padding-left:140px; }

.form-control{ width:100%; height:40px; padding:0 10px; border:1px solid #ddd; font-weight:300; font-size:14px; line-height:40px; color:#555; }


.infoTxt{ position:absolute; right:0; top:0; height:40px; padding:0 20px; border:1px solid #ddd; font-weight:400; font-size:13px; line-height:40px; background:#fff; color:#555; }
.infoTxt2{ display:block; padding-top:10px; font-size:13px; line-height:20px; color:#555; }
.infoTxt2 i{ display:none; }

.btn_video_wrap{ position:absolute; right:0; top:0; height:40px; text-align:center; border:none; }
.btn_video_wrap a{ display:block; padding:0 20px; font-weight:400; font-size:15px; line-height:40px; background:#0e518c; color:rgba(255,255,255,0.8); }
.btn_video_wrap a{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.btn_video_wrap a:hover{ background:#830008; color:#fff; }

.upfile_block{ /* height:54px; */ margin-top:5px; }
.upfile_wrap{ overflow:hidden; }
.upfile_wrap .btn_file{ float:left; width:15%; font-weight:400; font-size:15px; line-height:40px; color:#fff; background:#555; text-align:center; }
.upfile_wrap .btn_file{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.upfile_wrap{ }
.upfile_wrap:hover .btn_file{ background:#0e518c; }
.upfile_wrap .filename{ float:left; width:85%; padding-right:70px; }
.upfile_wrap .upfilebtn{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }

.upfile_delete_btn{ position:absolute; right:15px; top:8px; color:#555; }
.upfile_delete_btn:hover{ color:#333; }
.upfile_delete_btn input[type="checkbox"]{ vertical-align:-2px; }

.confirm_btn_wrap{ margin-top:40px; text-align:center; }
.confirm_btn_wrap .btn{ width:170px; font-size:18px; font-weight:500; line-height:46px; }
.confirm_btn_wrap input[type="submit"].btn{ background:#0e518c; border-color:#0e518c; border-radius:0; cursor:pointer; }

.board_write_wrap textarea{ width:100%; padding:5px 10px; background:#fff; border:1px solid #ddd; min-height:132px; margin:0 auto; font-weight:300; font-size:14px; line-height:24px; }



/*------------------------------------
    패스워드
------------------------------------*/
.board_passwd_block{ padding:90px 0 ; border-top:2px solid #222; border-bottom:1px solid #ddd; background:rgba(255,255,255,0.5); text-align:center; }

/* 동영상 */
.video_wrap{ width:70%; margin:0 auto; }
.video{ overflow:hidden; position:relative; width:100%; height:0; padding-bottom:56.2%; }
.video iframe{ position:absolute; left:0; top:0; width:100%; height:100%; }

/* 비밀글 삭제등 */
.board_passwd_wrap{  }
.board_passwd_wrap .iconField i{width:100px; height:100px; border-radius:100em; line-height:100px; text-align:center; color:#fff; font-size:30px; background:#0e518c; }
.board_passwd_wrap dt{ font-weight:300; font-size:16px; line-height:20px; margin:30px 0 20px 0; color:#333; }
.board_passwd_wrap .inputField{margin-bottom:20px; font-weight:400; font-size:16px; line-height:20px; color:#555; }
.board_passwd_wrap .inputField input[type=password]{ height:40px; border:1px solid #e7e7e7; width:200px; font-weight:300; font-size:14px; line-height:38px; padding-left:5px }
.board_passwd_wrap .btnField{margin-top:25px;}
.board_passwd_wrap .button{min-width:100px; padding:10px 20px; border:1px solid #e7e7e7; font-weight:500; font-size:15px; margin:0 5px; }
.board_passwd_wrap .btn_ok{background:#595757; color:#fff; border-color:#595757;}
.board_passwd_wrap dt{ font-size:14px; }


/* 버튼 영역 */
.board_btn_wrap{ overflow:hidden; clear:both; position:relative; padding-top:25px; }
.board_btn{ overflow:hidden; }
.board_btn li{ float:right; overflow:hidden; }
.board_btn li.list_delete_select{ float:left; /* width:9.7%; */ padding-top:3px; text-align:center; }
.board_btn li.prev_next_btn{ float:left; }
.board_btn li.board_list_btn{ overflow:hidden; }
.board_btn li.board_list_btn .btn{ }

.Center.board_btn_wrap{ text-align:center; }
.Center .board_btn{ display:inline-block; }
.Center .board_btn li.board_list_btn{ float:none; }

/* 버튼 스타일 */
.btn{ display:inline-block; float:left; padding:1px 16px 0; min-width:60px; margin:0 0 0 8px; border:solid 1px #dcdcdc; background:#fff; color:#555; border-radius:3px; font:400 14px/32px 'Noto Sans KR','Noto Sans KR','NanumGothic',Sans-serif; text-align:center; }
.btn{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.btn:hover{ border-color:#0e518c; background:#0e518c; color:rgba(255,255,255,0.9); }
.redbtn{ display:inline-block; float:left; padding:1px 16px 0; min-width:60px; margin:0 0 0 8px; border:solid 1px #FF4848; background:#fff; color:#FF4848; border-radius:3px; font:400 14px/32px 'Noto Sans KR','Noto Sans KR','NanumGothic',Sans-serif; text-align:center; }
.redbtn{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.redbtn:hover{ border-color:#FF4848; background:#FF4848; color:#fff; }
.btn_style01 {display:inline-block; padding:12px 30px; width:100%; text-align:center; background:#0e518c; color:#fff; font-size:14px; }
.btn_style01:hover {color:#fff;}

input[type=submit].btn{ margin-right:1px; background-color:#0e518c; border-color:#0e518c; color:rgba(255,255,255,0.9); }
input[type=submit].btn:hover{ background-color:#830008; border-color:#830008; }

/* 페이징 버튼 */
.paging_btn{ position:relative; overflow:hidden; padding:40px 0 30px 0; margin:0 auto; text-align:center; vertical-align:top; color:#777; font:400 13px/20px Malgun Gothic;  }
.paging_btn span{ display:inline-block; vertical-align:top; margin-left:-1px; }
.paging_btn span b,
.paging_btn span a{ display:block; margin:0; text-align:center; height:35px; font:400 12px/22px 'Noto Sans KR',Malgun Gothic;  border:solid 1px #ddd; padding:5px 14px 6px; color:#777; border-radius:0; background:#fff; }
.paging_btn span a{ }
.paging_btn span b{ color:#fff; border-color:#565656; background:#565656; }

.paging_btn span.arrow a{ font-size:0; }
.paging_btn span.arrow a:before{ display:inline-block; content:'\f104'; font-family:'FontAwesome'; font-size:12px; vertical-align:-5px; font-weight:normal; }
.paging_btn span.arrow.left a{  }
.paging_btn span.arrow.right a:before{ content:'\f105'; }
.paging_btn span a:hover{ border-color:#434343; color:#fff; background:#434343; }
.paging_btn span a.btn:hover{ color:#fff; }

.paging_btn span.btn_wrap{  }
.paging_btn span.btn_wrap a{ min-width:auto; font-size:0; border-radius:0 4px 4px 0; }
.paging_btn span.btn_wrap a:before{ display:inline-block; content:'\f051'; font-family:'FontAwesome'; font-size:11px; vertical-align:-5px; font-weight:normal; }
.paging_btn span.btn_wrap:first-child a{ border-radius:4px 0 0 4px; }
.paging_btn span.btn_wrap:first-child a:before{ content:'\f048'; }

/* check box */
.centerWrap .checkbox  i{position:relative;width: 17px;height: 17px;border:1px solid #ccc;display:inline-block;color:#0e518c;margin-top:2px;margin-right:2px;}
.centerWrap .checkbox input + i:after { display:inline-block; position:absolute; top:0px; left:-1px; opacity: 0; -ms-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; content: '\f00c'; width: 17px; height: 17px;font: normal 12px/16px FontAwesome; text-align: center;}
.centerWrap  input:checked + i:after,
.centerWrap  input:checked + i:after {opacity: 1;}
.centerWrap .checkbox input {position: absolute; left: -9999px;}
.centerWrap .checkbox.all i {top:5px;}
.centerWrap .checkbox:hover {color:#000;}
.col_contents iframe {width:100%; box-sizing:border-box;}
.centerWrap .checkbox.all span{ display:inline-block; margin-left:5px; font-size:14px; font-weight:400; color:#666; vertical-align:-1px; }

/* 유지보수 신청 등록 내용 */
.management_view_content{}
.management_view_content li{ margin-bottom:3px; font-size:16px; border-bottom:solid 1px #eee; padding:10px 0; }
.management_view_content li strong{ font-weight:500; color:#0e518c; }

@media (max-width:1200px){


/*------------------------------------
    write : 라이트 페이지
------------------------------------*/

.board_write_block{ padding:30px 35px 35px; }

.col li.col_title{ width:120px; }
.col li.col_title b{ font-size:15px; line-height:38px; }
.col li.col_title b i{ line-height:38px; }
.col li.col_contents{ padding-left:120px; }
.infoTxt{ height:38px; font-size:12px; line-height:38px; }

.form-control{ height:38px; line-height:38px; font-size:13px; }
.col_contents select{ height:38px; line-height:38px; font-size:13px; }

.upfile_wrap .btn_file{ font-size:13px; line-height:38px; }

.btn_video_wrap a{ line-height:38px; font-size:12px; }

/*------------------------------------
    view : 뷰 페이지
------------------------------------*/
.board_view_contents_wrap{ padding:15px 35px 35px; }

.board_date strong{ font-size:44px; line-height:48px; }
.board_date span{ font-size:14px; }

.basic_view_head li.basic_view_subject h2{ font-size:22px; line-height:30px; }

.board_view_contents{ padding-top:30px; }
.board_view_contents > div{ font-size:14px; line-height:22px; }

.board_file li span{ font-size:13px; }
.board_file li a{ font-size:13px; }

/*------------------------------------
    List : 리스트 페이지
------------------------------------*/
.quick_span { vertical-align: 3px; margin-right: 3px; font-weight: normal; background-color: #FF3636; border: none; color: white; line-height: 32px; padding: 0px 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 13px; border-radius: 6px; }
.wish_span { vertical-align: 3px; margin-right: 3px; font-weight: normal; background-color: #2F9D27; border: none; color: white; line-height: 32px; padding: 0px 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 13px; border-radius: 6px; }
.category_span { vertical-align: 3px; margin-right: 8px; font-weight: normal; background-color: #050099; border: none; color: white; line-height: 32px; padding: 0px 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 13px; border-radius: 6px; }
.board_date strong { font-size:20px; }
.deadline { display:none; font-size:14px; color:#555; }
}

@media (max-width:999px){

/* 비밀글 삭제등 */
.board_passwd_wrap .inputField{ margin-bottom:5px; }
.board_passwd_wrap .iconField i{ width:70px; height:70px; line-height:70px; font-size:20px; }
.board_passwd_wrap .iconField i:before{}
.board_passwd_wrap dt{ margin-top:20px; font-size:12px; line-height:20px; }
.board_passwd_wrap .inputField input[type="password"]{ height:32px; line-height:30px; font-size:12px; }


.board_passwd_basic{ padding-top:60px; }

/* 버튼 영역 */
.btn_padding{ clear:both; position:relative; }
.btn_padding.right{ text-align:right; }
.btn_style01 {padding:8px 30px; font-size:12px;}

/* 버튼 스타일 */
.btn{ padding:1px 10px 0; margin-left:4px; min-width:40px; font-size:12px; line-height:28px; }
.btn:hover{ border-color:#0e518c; background:#0e518c; color:#fff; }
.redbtn{ padding:1px 10px 0; margin-left:4px; min-width:40px; font-size:12px; line-height:28px; }

/* 페이징 버튼 */
.paging_btn{ padding-bottom:15px; padding-top:35px; }
.paging_btn span b, .paging_btn span a{ height:28px; padding:0 10px 0; font-size:11px; line-height:28px; }
.paging_btn span.btn_wrap a:before{ vertical-align:0; }
.paging_btn span.arrow a:before{ vertical-align:0; }

.board_btn_wrap{ padding-top:20px; }

/* check box */
.centerWrap .checkbox.all i{ top:4px; }
.centerWrap .checkbox.all span{ margin-left:0; font-size:11px; }

/*------------------------------------
    write : 라이트 페이지
------------------------------------*/

.board_write_block{ margin-top:-5px; padding:0; border:0; background:none; }

.col{ padding:5px 0; }
.col li.col_title{ position:relative; left:auto; top:auto; width:100%; }
.col li.col_title b{ margin-bottom:3px; font-size:13px; line-height:22px; }
.col li.col_title b i{ line-height:24px; }
.col li.col_contents{ padding-left:0; }
.infoTxt{ position:relative; right:auto; top:auto; display:block; padding:5px 0 0 0; height:auto; border:none; background:none; font-size:11px; line-height:18px; }

.form-control{ height:34px; padding:0 5px; line-height:34px; font-size:12px; }
.col_contents select{ height:34px; padding:0 5px; line-height:34px; font-size:12px; }
.upfile_block{ margin-top:0; }
.upfile_wrap .btn_file{ width:20%; font-size:11px; line-height:34px; }
.upfile_wrap .filename{ width:80%; }

.btn_video_wrap a{ padding:0 15px; line-height:34px; font-size:11px; }

/*------------------------------------
    view : 뷰 페이지
------------------------------------*/
.basic_view_head_wrap{ padding:20px 0; }
.board_view_contents_wrap{ padding:10px 15px 15px; background:none; border-bottom:0; }
/*.board_view_contents_wrap{ padding:1px 0 0 0; background:none; border-bottom:0; }*/
.basic_view_head li.basic_view_subject h2{ padding:0 15px; font-size:14px; line-height:22px; word-break:keep-all; }
.board_date{ width:80px; }
.board_date:after{ height:42px; margin-top:-21px; }
.board_date strong{ font-size:20px; line-height:38px; }
.board_date span{ font-size:11px; line-height:12px; }
.board_date > img{ max-height:54px; }
.applicant_name{ width:80px; }
.applicant_name:after{ height:42px; margin-top:-21px; }
.applicant_name strong{ font-size:14px; line-height:38px; }
.board_index{ width:50px; }
.board_index:after{ height:42px; margin-top:-21px; }
.board_index strong{ font-size:14px; line-height:38px; }
.basic_view_head li.basic_view_subject{ width:auto; }

.board_view_contents{ padding-top:20px; }
.board_view_contents > div{ font-size:12px; line-height:20px; }

.board_view_contents_wrap .board_btn{ text-align:center; }
.board_view_contents_wrap .board_btn li{ /* float:none; */ text-align:center; }
.board_view_contents_wrap .board_btn li a:first-child{ margin-left:0; }
.board_view_contents_wrap .board_btn li a{ float:none; display:inline-block; }

.board_btn li.prev_next_btn{ height:31px; /* margin-bottom:10px; float:none; */ }
.prev_next_btn p{ float:none; height:31px; display:inline-block; }
.prev_next_btn p a{ height:31px; padding:0 10px; }
.prev_next_btn p a:before{ font-size:12px; line-height:30px; }

.prev_next_btn .next a{ padding-right:20px; }
.prev_next_btn .next a:after{ right:8px; background-size:4px; }
.prev_next_btn .previous{ margin-right:5px; }
.prev_next_btn .previous a{ padding-left:20px; }
.prev_next_btn .previous a:after{ left:8px; background-size:4px; }

.board_file li{ padding:7px 0; }
.board_file li span{ float:none; width:100%; font-size:11px; }
.board_file li a{ float:none; width:100%; font-size:11px; text-align:center; }


/*------------------------------------
    List : 리스트 페이지
------------------------------------*/
.basic_list_wrap{ padding:20px 0; }
.detail_list_wrap{ padding:5px 5px; display:none; background-color: #FFFFF6; }
.basic_list .board_delete_btn{ width:30px; }
.centerWrap .checkbox i{ width:13px; height:13px; }
.basic_list .board_contents_title{ padding:0; }
.basic_list .board_contents_title h2{ padding:0 10px; font-size:11px; line-height:18px; word-break:keep-all; }
.basic_list .board_contents_status{ width:13%; padding:0; }
.basic_list .board_contents_status h2{ padding:0 0px; font-size:11px; line-height:18px; word-break:keep-all; }
.basic_list .board_view_btn{ display:none; }
.board_date{ width:13%; text-align:center; }
.applicant_name { width:55px; }
.applicant_name strong { font-size:11px; padding:0 5px; line-height:14px; }
.board_index { width:40px; }
.board_index strong { font-size:11px; line-height:14px; }

.board_btn li.list_delete_select{}

.cs_search_wrap .select{ height:28px; width:60px; font-size:11px; }
.cs_search_wrap input[type="text"]{ height:28px; width:120px; font-size:11px; }
.cs_search_wrap input[type="submit"]{ min-width:50px; font-size:11px; line-height:26px; }

.basic_list .board_delete_btn:after{ height:42px; margin-top:-21px; }

.basic_list .board_contents_title h2 img{ margin-right:2px; vertical-align:0; }
.basic_list .board_contents_status h2 img{ margin-right:2px; vertical-align:0; }
.datepicker { text-align: center; }
.detail_list_wrap { display:none; background-color: #FFFFF6; }

/* 겔러리 리스트 : 이미지 */
.board_list_gallery{ margin-top:-15px; }
.board_list_gallery li{ margin:15px 0 0 2% !important; }
.board_list_gallery li:nth-child(2n+1){ margin-left:0 !important; }
.board_list_gallery li.col_3{ width:49%; }
.board_list_gallery li.col_4{ width:49%; }
.board_list_gallery li.col_5{ width:49%; }
.board_list_gallery li.col_6{ width:49%; }

.gallery_title{ padding-top:8px; font-size:11px; line-height:16px; text-align:left; }

.management_view_content{}
.management_view_content li{ margin-bottom:3px; font-size:16px; border-bottom:solid 1px #eee; padding:10px 0; }
.management_view_content li strong{ font-weight:500; color:#0e518c; }

.quick_span { vertical-align: 1px; margin-right: 3px; font-weight: 400; background-color: #FF3636; border: none; color: white; line-height: 16px; padding: 0px 4px; text-align: center; text-decoration: none; font-size: 10.5px; border-radius: 3px; }
.wish_span { vertical-align: 1px; margin-right: 3px; font-weight: 400; background-color: #2F9D27; border: none; color: white; line-height: 16px; padding: 0px 4px; text-align: center; text-decoration: none; font-size: 10.5px; border-radius: 3px; }
.category_span { vertical-align: 1px; margin-right: 3px; font-weight: 400; background-color: #050099; border: none; color: white; line-height: 16px; padding: 0px 4px; text-align: center; text-decoration: none; font-size: 10.5px; border-radius: 3px; }
.board_date strong { font-size:11px; }
.deadline { display:block; font-size:11px; color:#555; word-break: keep-all; }
.point_info_area { text-align:center; font-size: 14px; }
}



@charset "utf-8";


/*------------------------------------
	공통
------------------------------------*/
.sky-form .row{ margin:0; }
.margin-hr-10 { height:1px; border-top:1px dotted #ddd; margin:10px 0; clear:both; }
.margin-top-m-1 { margin-top:-1px; }


/*------------------------------------
	list 목록 페이지
------------------------------------*/

.breadcrumbs{  padding:27px 5px 0 0 !important;  }

.board-list_lnb{ position:relative; float:left; width:20%; padding:12px 3% 0 0; box-sizing:border-box; max-height:90%; overflow-y:auto }
.board-list_lnb{ scrollbar-face-color:#fff; scrollbar-3dlight-color:#dbdbdb; scrollbar-highlight-color:#f9f9f9; scrollbar-shadow-color:#dbdbdb; }
.board-list_lnb{ scrollbar-darkshadow-color:#f9f9f9; scrollbar-arrow-color:#cccccc; scrollbar-base-color:#f9f9f9; }
.board-list_lnb:after{ content:""; display:block; clear:both; }

.board-list_lnb dl{ position:relative; overflow:hidden;  }
.board-list_lnb dl:after{ content:""; display:block; clear:both; }
.board-list_lnb dl dt{ background:#203864; color:#fff; padding:5px 5%; text-align:center;  font:600 15px/20px 'Noto Sans KR','sans-serif';  }
.board-list_lnb dl dd{ padding:10px 0 10px 1%; overflow:hidden; box-sizing:border-box;  }
.board-list_lnb dl dd > ul li{ vertical-align:top }
.board-list_lnb dl dd > ul li a{ display:block; padding:0 1% 0 30px; height:31px; font:500 15px/31px 'Noto Sans KR','sans-serif'; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; letter-spacing:-0.4px; text-transform: capitalize }

.board-list_lnb dl dd > ul li span{ font:400 12px/25px 'Noto Sans KR','sans-serif'; color:#999; display:inline-block; padding:0 0 0 3px; }
.board-list_lnb dl dd > ul li:hover a{ color:blue;  }
.board-list_lnb dl dd > ul li:hover span{ color:red; }

.board-list_lnb.fixed{  z-index:9;  position:fixed; top:80px; left:50%; width:222px; margin:0 0 0 -620px;  padding:0; float:none;/* max-height:88%; */ }


.board-list_content{ position:relative; float:right; width:80%; min-height:900px; }
.board-list_content:after{ content:""; display:block; clear:both; }


@media (max-height:700px){ 
.board-list_lnb{ max-height:80%; }
}


@media (max-width:1200px){ 
.board-list_lnb.fixed{   position:fixed; top:80px; left:0; margin:0; width:200px; }
}



/*게시판 탭*/
.board-list nav{ display:none; }
.board_tab{ width:100%; position:relative; clear:both; margin:0 auto; overflow:hidden;  }
.board_tab li{ float:left; width:16.66666666%; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; color:#5D5D5D; }
.board_tab li a{ position:relative; z-index:1; display:block; padding:16px 5px; font:500 18px 'Noto Sans KR','sans-serif'; color:#5D5D5D; text-align:center; text-transform: uppercase; background:#eee; border-bottom:solid 2px rgba(255,255,255,.6) }
.board_tab li a:hover{ color:#203864; font-weight:600;  }
.board_tab li:first-child a{ margin-left:0; }
.board_tab li a.selected { border-color:#203864; color:#203864;  font-weight:600; z-index:2; }
.board_tab li a.selected:before{ /* position:absolute; top:9px; right:8px;  */content:" "; font:normal 15px "FontAwesome"; }

/* 제품 박스 */
.gallery-boxes-in > div{ position:relative; border:solid 1px #e8e8e8; margin:12px 0 0 0; box-sizing:border-box; padding:0; overflow:hidden; background:#fff; border-radius:0; /* cursor:pointer */ }
.gallery-boxes-in > div:hover{ border-color:#111 }
.gallery-boxes .gallery-boxes-in:first-child > div{ margin-top:0; }
.gallery-boxes-in > div{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.gallery-boxes-in > div:before{ display:none; position:absolute; left:0; top:0; width:100%; height:100%; content:''; }

/* 썸네일 이미지 */
.zoomer_wrap{ position:relative; overflow:hidden; float:left; width:35%;box-sizing:border-box; }
.gallery-list-eb .zoomer{ position:relative; overflow:hidden; display:block; z-index: 90; cursor: pointer; }
.gallery-list-eb .zoomer span{ float:left; position:relative; overflow:hidden; display:inline-block; width:58%; height:150px; position:relative;  }
.gallery-list-eb .zoomer span img{ width:100%; position:absolute; left: 50%; margin-left:-45px; }
.gallery-list-eb .zoomer span:before{ z-index:2; position:absolute; left:0; top:0; width:100%; height:100%; content:''; }
.gallery-list-eb .zoomer span:first-child:before{ background:url(/img/logo_w.png) no-repeat center; background-size:60% auto !important; opacity:0.4; }
.gallery-list-eb .zoomer span u{ position:absolute; left:0; bottom:0; padding:0 8px; background:rgba(0,0,0,0.6); color:rgba(255,255,255,0.8); text-decoration:none; font:400 12px/24px 'Noto Sans KR','sans-serif'; z-index:99 }
.gallery-list-eb .zoomer span:last-child{ padding-left:5%; width:40%; overflow:hidden; box-sizing:border-box;  }

.gallery-list-eb .zoomer span b{ display:block; position:relative; height:75px; width:83%; margin:0 auto; text-align:center  }
.gallery-list-eb .zoomer span b:last-child{ margin-top:7px; }
.gallery-list-eb .zoomer span b img{  margin:0 auto;  width:100%; position:absolute; left: 50%; margin-left:-50px; }
.gallery-list-eb .zoomer span:nth-child(2) > b.video:before{ margin-left:-18px }
.gallery-list-eb .zoomer span:nth-child(2) > b.video:before{ z-index:1; position:absolute; left:0; top:0; content:''; width:100%; height:100%; background:url(/img/youtube_icon_s.png) no-repeat center; background-size:30% auto !important; }
.gallery-list-eb .zoomer span img{ position:absolute; left:50%; margin-left:-100px; top:0; }
.gallery-list-eb .zoomer span:last-child img{ margin-left:-70px; }
.gallery-list-eb .zoomer .zoom-icon{ display:none; }
.gallery-list-eb img { height:100%; width:auto; max-width:none; margin:0 auto; }

/* 마우스 오버 시 이미지 확대*/
/* .overlay-zoom img{ transition:.2s ease; }
.gallery-boxes-in > div:hover img{ -webkit-transform: scale(1.20);-moz-transform: scale(1.20);-o-transform: scale(1.20);-ms-transform: scale(1.40);transform: scale(1.20); } */

/* 품절 Sold out */
.gallery-list-eb .soldout .zoomer span:first-child:before{ content:'';  background:url(/img/white_20.png);  background-size:auto !important; opacity:1; display:none; }
.gallery-list-eb .soldout .zoomer span:first-child:after{ z-index:3; position:absolute; left:0; top:50%; margin-top:-20px; width:100%; content:'Sold Out'; text-transform:uppercase; color:#e1262c; /* text-shadow:rgba(0,0,0,0.7) 0 0 20px; */ font:500 30px/40px 'Noto Sans KR','sans-serif'; text-align:center;}


/* 선택 체크박스 */
.gallery-boxes .pull-right{ float:none !important; z-index:99; position:absolute; right:10px; top:10px; }
.sky-form .gallery-boxes .pull-right .checkbox{ padding-left:18px; }
.sky-form .gallery-boxes .pull-right .checkbox i{ margin-top:-5px; }

/* 타이틀 및 스펙 영역 */
.gallery-list-title{ float:right; padding:16px 4% 0 0; width:65%; box-sizing:border-box; }


/* 타이틀 */
.option_list_wrap{  }
.board-list .title_field{ overflow:hidden; margin:5px 0 3px 0; padding-right:120px; }
.board-list .title_field h1{ float:left; display:block; font:500 18px/26px 'Noto Sans KR','sans-serif'; padding:0; color:#333; cursor:pointer; }
.board-list .title_field h1{ width:100%; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; }
.board-list .title_field h1{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }


/* 리스트페이지 SNS */
.title_field .social-icons{ z-index:9; overflow:hidden; margin:0; position:absolute; right:3.6%; top:30px; }
.title_field .social-icons li{ float:left; display:block; }
.title_field .social-icons li a{ margin:0 5px; }

/* sns 버튼 */
.sns_list_btn_wrap{ display:none; z-index:99; position:absolute; right:15px; top:15px; width:30px; height:30px; cursor:pointer; }
.sns_list_btn_wrap img{ width:auto; max-width:100%; opacity:0.5; }
.sns_list_btn_wrap:hover img{ opacity:1; }

/* 제품사양 */
.spec_list_wrap{ overflow:hidden; height:20px; }
.spec_list_wrap li{ float:left; font:400 13px/18px 'Noto Sans KR','sans-serif'; color:#888; }
.spec_list_wrap li:before{ display:inline-block; margin:0 7px; content:'·'; }
.spec_list_wrap li:first-child:before{ display:none; }

/* 국가 및 간단설명 */
.spec_list2_wrap{ overflow:hidden; margin-top:20px; }
.spec_list2{ overflow:hidden; float:left; margin-top:12px; }
.spec_list2 li{ float:left; font:300 12px/18px 'Noto Sans KR','sans-serif'; color:#888; }
.spec_list2 li:before{ display:inline-block; margin:0 10px; content:'·'; }
.spec_list2 li:first-child:before{ display:none; }

.spec_list2 li.korea_img img{ vertical-align:0; }


.social-icons li a, a.social-icon{}
.social-icons li a img, a.social-icon img{ width:100%; }
/* 가격 */
.price_list{ float:right; margin:0; font:400 14px/30px 'Noto Sans KR','sans-serif'; text-align:right; color:#e90e15; background-size:100%; }
.price_list b{ font:500 20px/30px 'Noto Sans KR','sans-serif'; }

/* 카테고리명 */
.content_field{ display:none; }
.category_list{ float:left; display:inline-block; margin:9px 0 0 15px; padding:0 7px; z-index:999999; background:#fcf2ec; font:600 11px/16px 'Noto Sans KR','sans-serif'; color:#f37321; border:1px solid #f37321; border-radius:100em; }
.category_list:before{  }
.gallery-boxes-in > div:hover{ border-color:#ddd; background:#fafafa }
.gallery-boxes-in > div:hover .category_list{ background:#f1f6fb; color:#005aab; border-color:#005aab; }
.gallery-boxes-in > div:hover .category_list:before{ }
.gallery-boxes-in > div:hover .title_field h1{ color:blue; }
.gallery-boxes-in > div:hover .zoomer span u{ background:#005aab; color:#fff; }

/* 테이블 */
.option_table{ font:400 13px/20px 'Noto Sans KR','sans-serif'; clear:both; margin-bottom:20px; width:100%; background:#fff; }
.option_table th, .option_table td{  width:25%; height:35px; padding:4px 10px; border:1px solid #ddd; border-width:1px 0; word-break:keep-all; text-align:center; }
.option_table th{ background:#f1f6fb; font-weight:bold; color:#333; }
.option_table th{ font-weight:600; }
.option_table .top_line th{ border-top:1px solid #005aab; }

/* 검색 필터링 */
.products_search_wrap{ position:relative; padding:5px 2% 5px 2%; margin:0 auto 30px; background:#eee;  }
.product_list .products_search_wrap{  }
h1.car_title{ position:relative; margin:10px 0 3px 0; padding:0; color:#fff; font:500 18px/30px 'Noto Sans KR','sans-serif'; border-bottom:solid 1px rgba(255,255,255,.8); text-transform: uppercase  }
h1.car_title:before{ position:absolute; left:2px; top:0; content:''; font:normal 18px/30px "FontAwesome"; color:#203864; }
h1.car_title strong{ font-weight:600; color:#193575; display:inline-block; padding:0 0 0 30px; }
h1.car_title span.category_name{  font:500 18px/30px 'Noto Sans KR','sans-serif'; color:#005aab !important; display:inline-block;  }
h1.car_title span.category_name a{ color:#193575; }

.products_search_middle_wrap{ overflow:hidden; /*  border:solid 1px #f4d9a6; */ padding:15px 0 0 0;  }
.products_search_middle_wrap:after{ content:""; clear:both; display:block; }

.products_search_middle{ width:85%; float:left; box-sizing:border-box;  }
.products_search_middle li{ float:left; width:32%; padding:0 1% 13px 0; box-sizing:border-box }
.products_search_middle li select{ width:100%;  }
.products_search_middle li:nth-child(3n){ width:34%;  }
.products_search_middle li:nth-child(3) select{ width:45%;  }
.products_search_middle li{ float:left; }
.products_search_middle li h2{ float:left; width:95px; display:inline-block; position:relative; padding:0 7px 0 0; font:500 16px/28px 'Noto Sans KR','sans-serif'; color:#0e518c; }
.products_search_middle li h2:before{ position:absolute; left:0; top:6px; content:''; width:5px; height:5px; border-radius:1px; background:#a97411; opacity:0 }
.products_search_middle li div{ float:left; display:inline-block;  }
.products_search_middle li div p{ color:#fff; }
.products_search_middle li input{ width:100%; border-color:#eee; background:#fff; }
.products_search_middle .list_select, .products_search_middle .list_input{ padding:0 5px; height:21px; font:500 13px/21px 'Noto Sans KR','sans-serif'; color:#1f1f1f; /* box-shadow:1px 1px 5px rgba(0,0,0,0.2); */ }
.products_search_middle .list_select{ padding:0; width:200px; height:30px; border:none }
.products_search_middle .both_select .list_select{ padding:0; width:94px; }
.products_search_middle .list_input{ width:100%; font:400 13px/20px 'Noto Sans KR','sans-serif'; color:#111; border-color:#aaa; border-radius:1px;  }
.products_search_middle input[type=text]{ color:#1f1f1f; }
.products_search_middle .form-control.list_input.width_100{ width:200px; height:30px; border:none  }
.products_search_middle input::-webkit-input-placeholder { /* 크롬 */ color:#1f1f1f; }
.products_search_middle input:-moz-placeholder { /* 파이어폭스 */ color:#1f1f1f; opacity:1; }
.products_search_middle input::-moz-placeholder { /* 파이어폭스 */ color:#1f1f1f; opacity:1; }
.products_search_middle input:-ms-input-placeholder { /* 인터넷 익스플로러 */ color:#1f1f1f; }
.products_search_middle input::placeholder { color:#1f1f1f; opacity:1; }


.products_search_top{ display:none; overflow:hidden; padding:17px 30px; margin-bottom:35px; background:#fcfcfc; border:1px solid #ddd; border-width:0 0 1px 0; }
.products_search_top li{ float:right; }
.products_search_top li:first-child{ float:left; }
.products_search_top li h2{ float:left; padding:0 30px 0 12px; font:600 15px/36px 'Noto Sans KR','sans-serif',Sans-serif; color:#333; }
.products_search_top li p{ float:left; margin:0; }
.products_search_top li p select{}
.products_search_top li p input{ min-width:300px; }

.products_search_bottom{ display:none; overflow:hidden; }
.products_search_bottom li{ float:left; width:23.5%; margin-left:2%; }
.products_search_bottom li:first-child{ margin-left:0; }
.products_search_bottom li select{ width:100%; }

.products_search_btn{ float:left; width:15%; box-sizing:border-box;  }
.products_search_btn button{ display:block; width:100%; height:75px; margin:0 auto; padding:0; font:600 18px/38px 'Noto Sans KR','sans-serif',Sans-serif; text-transform:uppercase; box-shadow:1px 1px 3px rgba(0,0,0,.3); border-radius:0 }
./*products_search_btn button:hover{ background:#203864  }*/
/* 셀렉트박스 스타일
.list_select, .list_input{ width:auto; padding:7px 12px; font:normal 13px 'Malgun Gothic',Sans-serif; color:#555; border-radius:0; background:#fff; } */

/* 품절제품 및 정렬순서 선택 */
.products_list_select_wrap{ overflow:hidden; margin-bottom:15px; text-align:right; }
.products_list_select{ float:right; display:inline-block; overflow:hidden; }
.products_list_select li{ float:left; margin:0 0 0 10px; }
.products_list_select li:first-child{ margin-left:0; }
.products_list_select li select{  border:solid 1px #ccc; background:#fff; border-radius:0; box-shadow:0 }

/* 검색결과 */
.products_search_result{ float:left; }
.products_search_result h2{ position:relative; text-align:center; font:400 16px/30px 'Noto Sans KR','sans-serif';/*  padding-left:27px; */ }
/* .products_search_result h2:before{ position:absolute; left:2px; top:0; content:''; font:normal 21px/30px "FontAwesome"; color:#005aab; } */
.products_search_result h2 b{ display:inline-block; margin-left:2px; font-weight:400; /* color:#e90e15; font-size:26px */ }
.products_search_result h2 span{ font:400 24px/30px 'Noto Sans KR','sans-serif'; }

/*------------------------------------
	write 글쓰기 페이지
------------------------------------*/
.board-write .sky-form{ background:none !important; }
.board-write .sky-form section { margin-bottom: 0; }
.sky-form fieldset{ padding:0; background:none; }

.board-write{ background:none !important; }

/* 글쓰기 타이틀 */
.board-write .headline{ display:none; }

.form-control{ border-color:#ddd; font-size:13px; }

/*단축키 알람*/
.cke_sc{ display:none; }

/*파일선택*/
.sky-form .input input, .sky-form .select select, .sky-form .textarea textarea, .sky-form .radio i, .sky-form .checkbox i, .sky-form .toggle i, .sky-form .icon-append, .sky-form .icon-prepend{ border-color:#ddd; }
.sky-form .col-8{ padding:0; margin-top:20px; }
.sky-form .input-file .button{ min-width:140px; font:400 13px/32px 'Noto Sans KR','sans-serif'; background:#555; text-align:center; }
.sky-form .input-file .button span{ font:400 13px/32px 'Noto Sans KR','sans-serif'; color:#fff; }

/*파일삭제*/
.sky-form .col-7{ padding:0; display:inline-block; width:auto; }
.col-7 .checkbox{ width:auto; font:normal 14px/32px 'Malgun Gothic'; }
.col-7 .checkbox i{ margin-top:3px; }

/*글쓰기 항목*/
.sky-form .col{ float:none; padding:4px 0; }
.sky-form .col.col5{ float:left; width:49.5%; margin-left:1%; }
.sky-form .row .col.col5:nth-child(2n+1){ margin-left:0; }
.sky-form .col .input-group{ margin:0 !important; }
.board-write .input-group-btn .btn { cursor: inherit; }

.input-group-btn .btn.btn-default.big{ min-width:130px; border-color:#ddd; font-family:'Noto Sans KR'; font-size:13px; font-weight:600; }
.input-group-btn .btn.btn-default.big:hover{ background-color:#f9f9f9; border-color:#ccc; }

/* 동영상 video */
#collapse-video{ display:block !important; }
.tag-box{ padding:5px 0; border:none; }

/* 옵션선택 설정 */
.check_option_wrap{ padding:4px 0; }
.check_option_wrap dt{ position:relative; padding:10px 15px; font:600 13px 'Noto Sans KR'; border:1px solid #ddd; background:#fafafa; border-radius:4px 4px 0 0; }
.check_option_wrap dd{ position:relative; }
.check_option_wrap dd:before{ position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#ddd; }

/* 체크박스 */
.checkbox_labe_wrap{ position:relative; overflow:hidden; }
.checkbox_labe_wrap:before{ position:absolute; right:0; top:0; content:''; width:1px; height:100%; background:#ddd; }
.checkbox_labe_wrap:after{ position:absolute; left:0; top:0; content:''; width:1px; height:100%; background:#ddd; }
.checkbox_labe_wrap li{ position:relative; float:left; width:20%; padding:8px 0 8px 10px; border:1px solid #ddd; border-width:0 1px 1px 0; }
/* .checkbox_labe_wrap li:nth-child(5n+1){ border-left:1px solid #ddd; }
.checkbox_labe_wrap li:nth-child(5n){ border-right:none; } */
.checkbox_labe_wrap li p{ margin:0; position:relative; }
.checkbox_labe_wrap .check_option{ margin:0; position:absolute; top:0; left:0; opacity:0; width:15px; height:15px; cursor:pointer; z-index:5; }
.checkbox_labe_wrap li i{ float:left; display:block; width:15px; height:15px; z-index:3; border:1px solid #ddd; }
.checkbox_labe_wrap li i:after{ opacity:0; -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.input[type="radio"], input[type="checkbox"]{ margin:0 3px 0 0; }
.checkbox_labe_wrap label{ margin:0 0 0 7px; float:left; font:400 11px/15px 'Noto Sans KR'; }
.checkbox_labe_wrap input + i:after{ position:absolute; top:2px; left:0; font:normal 10px 'FontAwesome'; color:#999; content:'\f00c'; width:15px; height:15px; text-align:center; }
.checkbox_labe_wrap input:checked + i:after, .sky-form .check_option input:checked + i:after{ opacity:1; color:#005aab; }



/*------------------------------------
	view 상세페이지 페이지
------------------------------------*/
.product_body .board-view{ padding:20px 5% 50px 5% ; }

/* 제품명 : 타이틀 */
.board-view .title_field{ padding:15px 0 0; overflow:hidden; }
.board-view .title_field h1{ float:left; width:70%; font:600 34px/34px 'Noto Sans KR','sans-serif'; position:relative;  }
/* .board-view .title_field h1:before{ position:absolute; top:-10px; left:0; content:""; display:inline-block; width:28px; height:5px; background:#005aab; } */

.board-view .title_field p{ float:right; color:#e90e15; text-align:right; font-weight:500; font-size:28px; line-height:30px; }
.board-view .title_field p b{ font-weight:600; }
.board-view .title_field p span{ margin-top:1px; display:block; font:500 13px/16px 'Noto Sans KR','sans-serif'; color:#333; }

/* 첨부파일 */
.board-view-file { margin-top:15px; border: 1px solid #c1d7ff; background:#f5f9ff; border-radius:3px; }
.board-view-file h2 { display:none; }
.board-view-file .list-unstyled{  }
.board-view-file .col-md-6{ display:block; width:100%; padding:0; }
.board-view-file .col-md-6 a{ padding:8px 15px; display:block; text-align:center }
.board-view-file .col-md-6 a strong{ margin:0; position:relative; padding-left:20px; display:block; font:400 13px/18px 'Noto Sans KR'; color:blue; word-break:break-all; }
.board-view-file .col-md-6 a strong:before{ /* position:absolute; left:0; top:1px; */ display:inline-block; content:'\f0c7 '; font:normal 14px 'FontAwesome'; color:blue; display:inline-block; padding:0 5px 0 0;}
.board-view-file:hover .col-md-6 a strong{ color:#005aab; }
.board-view-file:hover .col-md-6 a strong:before{ color:#005aab; }


/* 페이지 컨트롤러 */
.view-top-btn .top-btn-left li { float: left; margin-right: 5px; }
.view-top-btn .top-btn-right li { float: left; margin-left: 5px; }

/* 상단 하단 영역구분 */
.board-view header{ overflow:hidden; position:relative; /* padding-bottom:50px; border-bottom:2px dotted #ddd; */ }

/* 첨부파일 이미지 */
#bo_v_img{ display:none !important; }

/* 제품이미지 우측 컨텐츠 영역 */
.mail_block_wrap{ float:right; width:26%; }
.mail_block_top h3{ padding:15px 0; background:#053b61 url(/img/traffic-jam.png) no-repeat 23px 10px; background-size:34px; text-align:center; font:500 15px/26px 'Noto Sans KR','sans-serif'; color:#fff; }
.mail_block_top h3 span{ display:block; font-size:12px; font-weight:300; color:#fff; opacity:.8 }
.mail_block_top a{ display:block; font:400 18px/40px 'Noto Sans KR','sans-serif'; background:#005aab; color:rgba(255,255,255,0.9); text-align:center; display:none;  }

.mail_block_bottom{ padding:20px 25px 25px; background:#fafafa; border:1px solid #ddd; border-width:0 1px 1px 1px; height:451px; box-sizing:border-box ;}
.mail_block_bottom p{ margin-bottom:10px; word-break:keep-all; font:400 12px/18px 'Noto Sans KR'; }
.order_basic{ width:100%; margin-bottom:10px; }
.order_basic dl{ overflow:hidden; padding:0 0 4px 0; }
.order_basic dl dt{ float:left; width:37%; font-weight:400; font:400 12px/24px 'Noto Sans KR'; }
.order_basic dl dt small{ display:none; color:#e90e15; }
.order_basic dl dd{ float:left; width:63%; }
.order_basic dl dd input[type="text"]{ height:22px; width:100%; padding:0 0 0 5px; color:#444; border:solid 1px #ddd; font:400 12px/22px 'Noto Sans KR'; }
.order_basic dl dd textarea{ height:60px; width:100%; padding:5px; color:#444; border:solid 1px #ddd; font:400 12px/20px 'Noto Sans KR'; resize:none; }

.mail_block_bottom .btn-e-red.btn-e{ width:100%; font-size:18px; line-height:24px; background:#f37321; font-weight:500; }
.top-btn-right.list-unstyled.padding{ /* text-align:center; margin:0 auto  */ margin-right:-5px;  }
.top-btn-right.list-unstyled.padding a{ vertical-align:top !important; border:none !important; }
.top-btn-right.list-unstyled.padding .btn-e.btn-e-dark{ background:none; padding:2px 20px !important; color:#005aab; font-weight:600; border:solid 1px #e8e8e8 !important }
/* .top-btn-right.list-unstyled.padding .btn-e.btn-e-dark:hover{ background:#005aab; color:#fff; border-color:#005aab; border-radius:3px !important; overflow:hidden } */
.top-btn-right.list-unstyled.padding .btn-e.btn-e-dark .fa{  }
.top-btn-right.list-unstyled.padding a{ padding:3px 5px !important; }

.cate{ display:inline-block; margin-left:5px; }
.cate span{ color:#005aab; display:inline-block; padding:1px 15px; border:solid 1px #ddd; font:400 12px/16px 'Noto Sans KR'; border-radius:30px;  margin-top:2px; }

/* 개인정보제공 동의 */
.privacy_group{ display:block; margin-bottom:10px; }
.privacy_group .input_name{ display:block; width:100%; margin:0 0 8px; min-height:auto; }
.privacy_group .input_name span{ display:block; position:relative; padding:0 5%; font:400 12px/14px 'Noto Sans KR'; color:#555; text-align:center; }
.privacy_group .input_name span:before{ display:inline-block; margin-right:3px; content:'✔'; font:600 10px 'icon',Arial; color:#f37321; }
.col-6-wrap .privacy_group div{ line-height:18px; }
.privacy_group .checkbox_label_wrap{ display:inline-block; padding-top:10px; }
.privacy_group .checkbox_label_wrap u{ text-decoration:none; }
.privacy_group .checkbox_label_wrap label {  display:block; max-width:auto; font:300 12px/15px 'Noto Sans KR','sans-serif','Malgun Gothic',Sans-serif; }
.privacy_group .checkbox_label_wrap li{ position:relative; padding-left:20px; }
.privacy_group .checkbox_label_wrap li input { position:absolute; left:0; top:-2px; margin-right:5px; border:1px solid #ddd; }
.personal_info_text textarea { width:100%; padding:2px 5px; height:62px; border:1px solid #ddd; color:#777; font:300 11px/14px 'Noto Sans KR','sans-serif','Malgun Gothic',Sans-serif; resize:none; }

/* 품절 Sold out */
.flexslider.product .slides.soldout li:before{ z-index:2; position:absolute; left:0; top:0; content:''; width:100%; height:100%; background:url(/img/black_50.png); background-size:auto !important; opacity:1; display:none; }
.flexslider.product .slides.soldout li:after{ z-index:3; position:absolute; left:0; top:50%; margin-top:-30px; width:100%; content:'Sold Out'; text-transform:uppercase; color:#e1262c;/*  text-shadow:rgba(0,0,0,0.7) 0 0 20px; */ font:500 50px/60px 'Noto Sans KR','sans-serif'; text-align:center;}
.flexslider.product.slider01 .slides.soldout > li > dl dt::before{ opacity:0; }

/* 본문내용 영역 */
.board-view-atc{ margin:50px 0 60px; min-height:300px; height:auto !important; }
.board-view-atc-title{ display:none; }

/* 제품 슬라이드 */
.flexslider_wrap{ position:relative; float:left; width:72%; }

/* 제품스펙 : 테이블 */
.option_table_wrap{ margin-bottom:50px; }
.option_table2{ border-top:2px solid #005aab; font:400 13px/20px 'Noto Sans KR','sans-serif'; clear:both; width:100%; background:#fff; }
.option_table2 th, .option_table2 td{  width:25%; padding:6px 10px; border:1px solid #eee; word-break:keep-all; text-align:center; }
.option_table2 .top_line th, .option_table2 .top_line td{ /* border-top:1px solid #111; */ }
.option_table2 th{ min-height:34px; background:#f1f6fb; font-weight:bold; color:#333; }
.option_table2 th{ font-weight:500; }
.option_table2 thead th{ font-size:15px; line-height:28px; border-bottom-color:#ccc; }
.korea_img img{ max-width:15px !important; height:auto; margin-right:3px; vertical-align:-2px; }

/* 제품 선택옵션 */
.check_option_block_view{ margin-bottom:30px; }
.check_option_block_view .check_option_list_wrap{ padding:0 0 20px 0; }

/* 옵션선택 설정 */
.check_option_list_wrap{margin:4px 0; padding-bottom:15px; border-top:1px solid #005aab; }
.check_option_list_wrap dt{ position:relative; padding:10px 15px; font:500 13px 'Noto Sans KR','sans-serif'; border:1px solid #ddd; border-width:0 1px 1px 1px; background:#f1f6fb; color:#333; }
.check_option_list_wrap dt:after{ position:absolute; right:20px; top:6px; content:''; font:normal 10px/24px "FontAwesome"; color:#666; opacity:.8; }
.check_option_list_wrap dd{ position:relative; }
.check_option_list_wrap dd:before{ position:absolute; left:0; bottom:0; content:''; width:100%; height:1px; background:#ddd; }

.checkbox_labe_wrap .active i{ border-color:#afd0ee; }
.checkbox_labe_wrap .active label{ color:#005aab; }


/* 회사정보 */
.view_contact_wrap{  }
.view_contact{ position:relative; overflow:hidden; border-top:1px solid #111; border-bottom:solid 1px #ddd; }
.view_contact:before{ position:absolute; left:50%; top:0; content:''; width:1px; height:100%; background:#ddd; }
.view_contact li{ float:left; width:50%; padding:30px 10px 20px; text-align:center; box-sizing:border-box; vertical-align:top; word-break:keep-all  }
.view_contact li:first-child{ background:#fafafa; border-bottom:1px solid #ddd; }
.view_contact li:nth-child(2){ border-bottom:1px solid #ddd; }
.view_contact li:last-child{ background:#fafafa; }
.view_contact li dl{ overflow:hidden; box-sizing:border-box; vertical-align:top; word-break:keep-all }
.view_contact li dl dt{ }
.view_contact li dl dt img{ max-height:80px; }
.view_contact li dl dd{ padding:10px 0 0 0; font:400 16px/22px 'Noto Sans KR','sans-serif'; color:#222;  box-sizing:border-box; vertical-align:top; word-break:keep-all  }
.view_contact li dl dd b{ display:block; font-weight:500; color:#005aab; font-size:16px; }




@media (max-width:1500px){

/*------------------------------------
	list 목록 페이지
------------------------------------*/


/*------------------------------------
	view 상세페이지 페이지
------------------------------------*/
/* 체크박스 */
.checkbox_labe_wrap li{ width:33.33333%; }

}

@media (max-width:1300px){



}

@media (max-width:1200px){

/*------------------------------------
	list 목록 페이지
------------------------------------*/
/* 타이틀 및 스펙 영역 */


/*------------------------------------
	view 상세페이지 페이지
------------------------------------*/
.product_body .board-view{ padding:0 0 50px 0; }
.products_search_btn{ margin-top:22px }

}

@media (max-width:999px){


.board-list_lnb{ position:relative; float:none; width:100%; padding:0 0 10px 0; max-height:200px; border-bottom:solid 1px #ddd; background:#f9f9f9; margin-top:-10px; }
.board-list_lnb dl dt{ background:#004a8d; border-radius:0  }
.board-list_lnb dl dd{ border:solid 1px #ddd; border-width:0 1px 0 1px; padding:10px 3%;  }
.board-list_lnb dl dd > ul li a{ display:block; float:left; width:50%; box-sizing:border-box; padding:0 1% 0 30px;  }
.board-list_lnb.fixed{  z-index:9;  position:relative; top:auto; left:auto; width:100%; margin:0;  }
.board-list_content{  float:none; width:96%; margin:0 auto  }
.board_tab{  border-bottom:solid 2px rgba(255,255,255,.3) }
.board_tab li{ width:33.3333333333%;  }
.board_tab li a{border-bottom:0; padding: 8px 5px; color:#5D5D5D; font:500 13px 'Noto Sans KR','sans-serif'; }
.board_tab li:nth-child(4) a{ border-left-width:1px;  }
.products_search_middle li {  }
.products_search_middle li h2{ text-align:left }
.board_tab li a.selected:after{ content:""; display:none; }
/*------------------------------------
	list 목록 페이지
------------------------------------*/
.border-list form{}
.mail_block_top h3{ padding:15px 0; background:#053b61 url(/img/traffic-jam.png) no-repeat 2% 10px; background-size:45px;}

/* 검색 필터링 */
.products_search_wrap{ }
.products_search_wrap h1{ /* font-size:20px; line-height:40px; border-left-width:10px; */ }
.products_search_wrap h1:after{ /* line-height:40px; */ }
.products_search_middle_wrap{ padding:0; }
.products_search_wrap{ padding-bottom:15px; margin-top:10px; margin-bottom:10px; }
.products_search_middle{ float:none; width:100%; padding:10px 0% 10px 1%; text-align:center; }
.products_search_middle li{ width:50%; margin:0; float:left }
.products_search_middle li:nth-child(1){ margin-top:0; }
/* .products_search_middle li:nth-child(2){ margin-top:0; } */
.products_search_middle li:nth-child(3n+1){ /* margin-left:4%; */ }
.products_search_middle li:nth-child(2n+1){ margin-left:0; }

.products_search_middle li:nth-child(3n){ width:100%; }
.products_search_middle li div p{ margin:0; text-align:left }
.products_search_middle li div p:nth-child(2){ line-height:30px; }
.products_search_btn{ margin-top:10px; float:none; width:100%; text-align:center; }
.products_search_btn button{ width:15%; border-radius:0; height:30px; font:500 12px/26px 'Noto Sans KR','sans-serif'; padding:0; margin-top:0px; box-shadow:none; }

.products_search_middle .list_select, .products_search_middle .list_input{ line-height:26px; height:28px;  background:#fff; border-radius:0; box-shadow:none; padding:0; }
.products_search_middle .list_select{ padding:0 0 0 10px; }
.products_search_middle .list_input{ font-size:12px; line-height:26px; }
.products_search_middle li div p:nth-child(2){ line-height:26px; }

.board-view .title_field h1::before{ display:none;  }

/* 체크박스 */
.gallery-boxes .pull-right{ right:auto; left:10px; }

/* 셀렉트박스 스타일 */
.list_select, .list_input{ height:30px; padding:5px 10px; }

/* 검색결과, 상품정렬 */
.products_list_select_wrap{ /* margin-bottom:20px; */}
.products_search_result{ float:none; margin-bottom:12px; margin-top:3px; }
.products_search_result h2{ font-size:15px; text-align:left }
.products_search_result h2 b{ font-size:18px; }
.products_list_select{ float:none; display:block; }
.products_list_select li{ width:32%; margin:0 0 10px 1%; }
.products_list_select li:nth-child(2){ width:33%; }
.products_list_select li:nth-child(4){ margin:0 0 10px 0; }
.products_list_select li select{ width:100%; }

/* 제품 박스 */
/* .gallery-boxes .gallery-boxes-in{ float:left; width:49%; margin:0 0 0 2%; }
.gallery-boxes .gallery-boxes-in:nth-child(2) > div{ margin-top:0; }
.gallery-boxes .gallery-boxes-in:nth-child(2n+1){ margin-left:0; clear:both; } */
.gallery-boxes{ text-align:center; }
.gallery-boxes .gallery-boxes-in{ display:inline-block; width:100%; }
.gallery-boxes-in > div{ text-align:center; }

/* 썸네일 이미지 */
.zoomer_wrap{ float:none; width:100%; }
.gallery-list-eb .zoomer{ float:none; display:block; }
.gallery-list-eb img{ height:auto; width:auto; max-width:100%; }
.gallery-list-eb .zoomer span{ float:none; display:block; clear:both; height:auto; width:100%; }
.gallery-list-eb .zoomer span:last-child{ display:none; margin:7px 0 0 0; width:100%; }
.gallery-list-eb .zoomer span b{ float:left; overflow:hidden; width:49%; height:auto; display:inline-block; }
.gallery-list-eb .zoomer span b:first-child{ margin-right:2%; }
.gallery-list-eb .zoomer span b:last-child{ margin:0; }
/* .gallery-list-eb .zoomer span b img{ max-height:200px; width:auto; } */
/* .gallery-list-eb .zoomer span b:first-child img{ margin-top:-50%; } */
.gallery-list-eb .zoomer span:first-child:before{ background-size:40% auto !important; }
.gallery-list-eb .zoomer span img{ position:relative; left:auto; margin-left:0; top:auto; }
.gallery-list-eb .zoomer span:last-child img{ margin-left:0; }


/* 타이틀 및 스펙 영역 */
.gallery-list-title{ float:none; width:100%; /* min-height:109px; */ padding:10px 15px 10px; text-align:left;  }
.cate span{ display:none;  }
.option_list_wrap{  }

.option_table{ display:none; }
.board-list .title_field{ margin-bottom:0; padding-right:0; }
.board-list .title_field h1{ float:none; width:100%; padding:0; font-size:18px; line-height:22px; overflow:hidden; white-space:normal; }
.category_list{ display:none; float:none; margin:2px 0 5px 0; }
/* .board-list .title_field p{ float:none; width:100%; font-size:20px; text-align:center; } */

/* SNS */
.title_field .social-icons{ top: 11px; right: 10px; background-color: rgba( 0,0,0, 0 ); position: absolute; margin: 0; opacity: 0; width: 0px; height: 0; padding-right: 38px; overflow: hidden; border-radius: 100em; }
.title_field .social-icons{ -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -ms-transition-duration: 0.2s; }
.title_field .social-icons.active{ height: 38px; width: 160px; padding: 5px 38px 5px 1px; background-color: rgba( 0,0,0, 0.5 ) !important; opacity: 1 !important; }
.title_field .social-icons.active{ transition-duration: 0, 200ms; transition-delay: 0; }
.title_field .social-icons li { float: left; width: 0px; }
.title_field .social-icons.active li{ transition-duration: 1.4s; width: 38px; }
.title_field .social-icons li a{ opacity:1; }
.title_field .social-icons.active li a { opacity: 1; transition-duration: 1s; }    
.sns_list_btn_wrap.active img { opacity: 1; }

/* sns 버튼 */
.sns_list_btn_wrap{ display:block; }


/* 리스트 제품사양 */
.spec_list_wrap{ margin-top:5px; }
.spec_list_wrap li{ font-size:13px; line-height:17px; }
.spec_list_wrap li:before{ margin:0 5px; }
.spec_list2{ margin-top:2px; }
.spec_list2 li{ font-size:13px; }
.spec_list2 li:before{ margin:0 5px; }
.spec_list2 li:nth-child(2):before{ display:none; }
/* 국가 및 간단설명 */
.spec_list2_wrap{ margin-top:5px; position:relative; height:30px; }
.spec_list2{  }
.spec_list2 li.korea_img{ width:100%; }
.spec_list2 li.korea_img img{ vertical-align:-1px; margin-right:2px; }

/* 가격 */
.price_list{ position:absolute; right:0; top:-3px; font-size:18px; line-height:24px; }
.price_list b{ font-size:22px; }



/* 페이지 */
.pagination{ margin:10px 0 0 0; }
.board-footer{ padding:10px 0 20px; }
.products_search_middle li > h2{ width:100%; display:block; float:none; margin-bottom:5px; padding:0 0 2px 0; font:400 13px/14px 'Noto Sans KR','sans-serif' }
.products_search_middle li > div{ width:100%; display:block; float:none }
.products_search_middle li{ margin-bottom:16px; padding-bottom:0; }
.products_search_middle .list_select{ width:100%;  text-align:left; margin:0; background:#fff; border-radius:0; box-shadow:none; padding:0; }
.products_search_middle li:nth-child(3n){ width:50%; }
.products_search_middle .both_select .list_select{ width:46%; text-align:left; margin:0; background:#fff; border-radius:0; box-shadow:none; box-sizing:border-box;  float:left;  }
.products_search_middle .both_select > span{ width:8%; display:inline-block; float:left; margin-top:5px; color:#0e518c; box-sizing:border-box; text-align:center   }
.products_search_middle .width_100.list_input.form-control{ width:100%; padding-left:5px; }
/*------------------------------------
	view 상세페이지 페이지
------------------------------------*/
.board-view .view-top-btn{ text-align:right; padding:15px 2% 0 0;}
.board-view .view-top-btn .pull-left{ overflow:hidden; float:none !important; display:inline-block; }
.board-view .view-top-btn .pull-left li:last-child{ margin-right:0; }
.board-view .view-top-btn .pull-right{ overflow:hidden; float:none !important; display:inline-block; }
.board-view .view-top-btn .pull-right:first-child{ margin-left:0 !important; }

.board-view .title_field{ margin:0 0 15px 0; }
.board-view .title_field h1{ float:none; width:100%; padding:0; font-size: 20px; line-height:24px; text-align:center; white-space:normal; }
.board-view .title_field p{ float:none; width:100%; margin-top:5px; font-size:18px; line-height:28px; text-align:center; }
.board-view .title_field p span{ font-size:13px; line-height:15px; }

.board-view header{ padding-bottom:10px; border-width:1px; }
.flexslider_wrap{ float:none; width:100%; min-height:200px; }
.mail_block_wrap{ float:none; width:100%; margin-top:30px; }
.flexslider.product .slides.soldout li:after{ font-size:30px; }

.mail_block_top h3{ padding:10px 0; font-size:14px; line-height:24px; }
.mail_block_top h3 span{ font-size:12px; }

.mail_block_top a{ font-size:14px; line-height:34px; }
.mail_block_bottom{ padding:15px 15px 20px; }
.mail_block_bottom p{ margin-bottom:10px; font-size:13px; font-weight:500  }
.order_basic{ margin-bottom:15px; }
.order_basic dl dt{ font-size:12px; line-height:26px; }
.order_basic dl dd input[type="text"]{ height:26px; line-height:24px; }
.mail_block_bottom .btn-e-red.btn-e{ font-size:16px; line-height:22px; }

.privacy_group{ margin-bottom:15px; }

.board-view-file .col-md-6 a{ padding:5px 10px; }
.board-view-file .col-md-6 a strong{ padding-left:15px; font-size:11px; line-height:14px; }
.board-view-file .col-md-6 a strong:before{ font-size:10px; top:0; }

/* .privacy_group .input_name span{ padding:0; text-align:left; } */


.board-view-atc{ margin:30px 0 40px; }
/* 체크박스 */
.check_option_list_wrap dt{ padding:7px 15px; }
.checkbox_labe_wrap li{ width:50%; padding:6px; }
.checkbox_labe_wrap li:nth-child(2n+1){ /* clear:both;  */}
.board-view-con.view-content p{ overflow:hidden; }
.checkbox_labe_wrap label{ max-width:83%; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; }

/* 회사정보 */
.view_contact:before{ display:none; }
.view_contact li{ float:none; width:100%; padding:20px 10px 10px; }
.view_contact li:nth-child(3){ border-bottom:1px solid #ddd; background:#fafafa; }
.view_contact li:last-child{ background:#fff; }
.view_contact li dl dt img{ max-height:60px; }
.view_contact li dl dd b{ font-size:13px; }
.view_contact li dl dd{ font-size:12px; }

.option_table_wrap{ margin-bottom:40px; }
.option_table2{ font-size:12px; }
.option_table2 th, .option_table2 td{ padding:3px 2px; font-size:11px; }
.check_option_block_view .check_option_list_wrap{ padding-bottom:10px; }


/*------------------------------------
	write 글쓰기 페이지
------------------------------------*/
.input-group-btn .btn.btn-default.big{ min-width:120px; font-size:12px; }
.form-control{ font-size:12px; }

.sky-form .col.col5{ float:none; width:100%; margin-lefT:0; }

/* sns */
.board-view .social-icons{ display:inline-block; left:50%; position:relative; margin-left:-54px; }

/* 멤버별 색상*/
.member_1 { padding:2px; border-radius:4px; margin-right: 2px; }
.member_2 { padding:2px; border-radius:4px; margin-right: 2px; }
.member_3 { padding:2px; border-radius:4px; margin-right: 2px; }
.member_4 { padding:2px; border-radius:4px; margin-right: 2px; }
.member_5 { padding:2px; border-radius:4px; margin-right: 2px; }

}

@media (max-width:600px){

/*------------------------------------
	list 목록 페이지
------------------------------------*/
/* 썸네일 이미지 */
/* .gallery-list-eb .zoomer span b img{ max-height:110px; } */

}