@charset "utf-8";

@font-face {
  font-family: 'Daehan';
  font-style: normal;
  font-weight: 400;
  src: url('/css/fonts/DaehanR.woff2') format('woff2'), url('/css/fonts/DaehanR.woff') format('woff');
}

@font-face {
  font-family: 'Daehan';
  font-style: normal;
  font-weight: 700;
  src: url('/css/fonts/DaehanB.woff2') format('woff2'), url('/css/fonts/DaehanB.woff') format('woff');
}


/*------------------------------------
    List : 리스트 페이지
------------------------------------*/
.basic_list_block{ margin-top:130 !important; /* border-top:2px solid #222; border-bottom:1px solid #ddd; padding:25px; background:rgba(255,255,255,0.5); */ }

/* 겔러리 리스트 : 이미지 */
.board_list_gallery{ overflow:hidden; /* margin-top:-25px; padding-bottom:25px; */ }
.board_list_gallery li{ float:left; margin-left:2%; margin-bottom:25px;}
.board_list_gallery li.col_2{ width:49%; }
.board_list_gallery li.col_2:nth-child(2n+1){ clear:both; margin-left:0; }
.board_list_gallery li.col_3{ width:32%; }
.board_list_gallery li.col_3:nth-child(3n+1){ clear:both; margin-left:0; }
.board_list_gallery li.col_4{ width:23.5%; }
.board_list_gallery li.col_4:nth-child(4n+1){ clear:both; margin-left:0; }
.board_list_gallery li.col_5{ width:18.4%; }
.board_list_gallery li.col_5:nth-child(5n+1){ clear:both; margin-left:0; }
.board_list_gallery li.col_6{ width:15%; }
.board_list_gallery li.col_6:nth-child(6n+1){ clear:both; margin-left:0; }

.gallery_list{}
.gallery_list a{ overflow:hidden; display:block; background:rgba(255,255,255,0.5); border:1px solid #e8e3ea; }

.gallery_img_wrap{ overflow:hidden; position:relative; float:left; width:40%; height:230px; background:#fff; }
.gallery_img_wrap img{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:auto; height:100%; }
/* .gallery_img_wrap img{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%; } */
.gallery_img_wrap img{ transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; }
.board_list_gallery li:hover .gallery_img_wrap img{ transform:scale(1.10); }

/* 타이틀 */
.gallery_title_wrap{ position:relative; float:left; width:60%; padding:47px 45px 0; }
.gallery_title_wrap label{ position:absolute; right:25px; top:25px; }

.gallery_title_wrap strong{ display:block; min-height:18px; font-weight:300; font-size:14px; line-height:24px; color:#c2a1e3; text-transform:uppercase; }
.gallery_title{ margin-bottom:9px; font-size:22px; font-weight:500; line-height:24px; color:#141414; }
.gallery_title{ width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.gallery_title_wrap p{ word-break:keep-all; font-weight:400; }
.gallery_title_wrap p br{ display:none; }

.gallery_list:hover h2 span{color:#c2a1e3;}

/* detail view 버튼 */
.detail_btn{ margin-top:17px; display:inline-block; padding:0 20px; font:400 12px/28px 'Roboto','Noto Sans KR','Malgun Gothic',Sans-serif; color:#c2a1e3; text-transform:uppercase; background:rgba(255,255,255,0.4); border:1px solid rgba(38,25,0,0.4); border-radius:100px; }
.detail_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; }
.gallery_list a:hover .detail_btn{ color:#fff; background:#c2a1e3; border-color:#c2a1e3; }


/*리스트 검색*/
.cs_search_wrap{ padding:25px 0 70px 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:220px; padding:0 8px; margin:0 5px; height:33px; border:1px solid #ddd; }
.cs_search_wrap input[type=submit]{ min-width:90px; background:#f8f8f8; color:#555; border:solid 1px #ddd; font-size:12px; line-height:31px; -webkit-appearance:none;  }
.cs_search_wrap .select{ float:left; padding:0 5px; height:33px; width:100px; border:1px solid #ddd; -webkit-appearance:none; }

/* 등록 게시글 없음 */
.board_none{ padding:42px 0 92px; background:rgba(255,255,255,0.5); text-align:center; }



/*------------------------------------
    view : 뷰 페이지
------------------------------------*/
.basic_view_block{ position:relative; text-align:center; }
.basic_view_block:before{ position:absolute; left:0; top:-1px; content:''; width:100%; height:2px; background:#c2a1e3; }

/* 뷰페이지 헤더 : 심볼, 파비콘, 로고 */
.board_date{ width:13%; }
.board_date:after{ position:absolute; right:0; top:50%; content:''; width:1px; height:52px; margin-top:-26px; background:#ddd; }
.board_date strong{ display:block; font-weight:500; font-size:48px; line-height:52px; color:#141414; letter-spacing:-1px; }
.board_date span{ display:block; font-weight:300; font-size:15px; color:#555; }
.board_date > img{ padding:10px 0; max-height:70px; }

/* 뷰페이지 헤더 : 타이틀, 날짜 */
.basic_view_head_wrap{ display:table; padding:20px 0 19px; width:100%; border-bottom:1px solid #ddd; background:rgba(255,255,255,0.5); }
.basic_view_head{ display:table-row; }
.basic_view_head li{ position:relative; display:table-cell; vertical-align:middle; padding:0 4%; }
.basic_view_head li.basic_view_subject{  }
.basic_view_head li.basic_view_subject h2{ font-size:24px; 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{ display:none; 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; }

/* 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 #c2a1e3; background:#c2a1e3; }
.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:#a283c1; border-color:#a283c1; }
.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 45px 45px; background:rgba(255,255,255,0.5); border-bottom:1px solid #ddd; text-align:left; }
.board_view_contents{ overflow:hidden; padding-top:40px; }
.board_view_contents > div{ font-size:15px; line-height:24px; color:#333; }
.view_contents{ margin-top:40px; }
.view_contents img{ max-width:100%; }
.map iframe{margin-top:50px;}


.product_board_img_wrap{  }
.product_board_img_wrap .img_wrap{ float:left; width:32%; margin-left:2%; height:250px; margin-bottom:15px; }
.product_board_img_wrap .img_wrap:nth-child(3n+1){ margin-left:0; }
.product_board_img_wrap .img_wrap:first-child{height:auto !important;}

/* 제품 소개 : 간단설명 */
.product_simple_spec{ position:relative; margin:0 auto; padding:20px 0; font-weight:700; font-size:26px; line-height:44px; font-family:'Daehan'; text-align:center; word-break:keep-all; }
.product_simple_spec:before{ display:block; margin:0 auto; padding-bottom:25px; content:''; width:25px; height:22px; background:url(/img/icon_quote1.png) no-repeat top; background-size:100%; }
.product_simple_spec:after{ display:block; margin:0 auto; padding-bottom:25px; content:''; width:25px; height:22px; background:url(/img/icon_quote2.png) no-repeat bottom; background-size:100%; }

/* 제품정보 : spec new */
.product_spec_block{ float:left; width:100%; margin-top:25px;}
.product_spec_wrap{ overflow:hidden; }
.product_spec{ display:table; width:100%; border-bottom:1px dotted #ddd; }
.product_spec_wrap .product_spec:last-child{ border-bottom-style:solid;  }
.product_spec dl{ display:table-row; background:#fff; }
.product_spec dl dt{ display:table-cell; position:relative; width:35%; padding:12px 5px; font-weight:500; font-size:16px; color:#333; background:#f4f2f5; text-align:center; vertical-align:middle; }
.product_spec dl dd{ display:table-cell; position:relative; width:65%; padding:12px 45px; font-weight:400; font-size:16px; color:#555; vertical-align:middle; word-break:keep-all; text-align:left; }
.product_spec_wrap .product_spec:nth-child(1) dl dt, .product_spec_wrap .product_spec:nth-child(1) dl dd{ border-top:2px solid #c2a1e3; }



/*------------------------------------
    write : 라이트 페이지
------------------------------------*/
.board_write_block{ position:relative; padding:40px 35px 40px; border-bottom:1px solid #ddd; background:rgba(255,255,255,0.5); }
.board_write_block:before{ position:absolute; left:0; top:-1px; content:''; width:100%; height:2px; background:#c2a1e3; }

.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:16px; line-height:38px; 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; }

.infoTxt{ position:absolute; right:0; top:0; height:38px; padding:0 15px; border:1px solid #ddd; font-weight:400; font-size:12px; 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:#c2a1e3; 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:#c2a1e3; color:#fff; }

.form-control{ width:100%; height:38px; padding:0 10px; border:1px solid #ddd; font-weight:300; font-size:13px; line-height:38px; color:#555; }
.col_contents select{ width:100%; height:38px; padding:0 10px; border:1px solid #ddd; font-weight:400; font-size:13px; line-height:38px; color:#555; }

.upfile_block{ /* height:54px; */ margin-top:5px; }
.upfile_wrap{ overflow:hidden; }
.upfile_wrap .btn_file{ float:left; width:15%; font-weight:400; font-size:13px; line-height:38px; 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:#c2a1e3; }
.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:#c2a1e3; border-color:#c2a1e3; border-radius:0; }

.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; }

/* 우측 입력단 나눔 float */
.col_contents ol{ overflow:hidden; }
.col_contents ol li{ overflow:hidden; float:left; width:49%; margin-left:2%; }
.col_contents ol li:nth-child(2n+1){ margin-left:0; }

/* 제품정보 : 스펙 */
.board_spec_wrap{  }
.board_spec_wrap{  margin-top:-10px; }
.board_spec_wrap li{ padding-top:14px; }
.board_spec_wrap li:first-child{  }
.board_spec_wrap li .form-control{ float:right; width:70%; }
.board_spec_wrap li .form-control:first-child{ float:left; width:30%; border-right:none; background:#fcfcfc; }


/*------------------------------------
    패스워드
------------------------------------*/
.board_passwd_block{ position:relative; margin-top:20px; padding:90px 0 ; border-bottom:1px solid #ddd; background:rgba(255,255,255,0.5); text-align:center; }
.board_passwd_block:before{ position:absolute; left:0; top:-1px; content:''; width:100%; height:2px; background:#c2a1e3; }

/* 동영상 */
.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:#c2a1e3; }
.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:38px; border:1px solid #e7e7e7; width:200px; font-weight:300; font-size:14px; line-height:36px; 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 12px 0; min-width:60px; margin:0 0 0 8px; border:solid 1px #dcdcdc; background:#fff; color:#555; border-radius:3px; font:400 13px/30px 'Roboto','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:#c2a1e3; background:#c2a1e3; color:rgba(255,255,255,0.9); }
.btn_style01 {display:inline-block; padding:12px 30px; width:100%; text-align:center; background:#c2a1e3; color:#fff; font-size:13px; }
.btn_style01:hover {color:#fff;}

input[type=submit].btn{ margin-right:1px; background-color:#c2a1e3; border-color:#c2a1e3; color:rgba(255,255,255,0.9); }
input[type=submit].btn:hover{ background-color:#c2a1e3; border-color:#c2a1e3; }

/* 페이징 버튼 */
.paging_btn{ position:relative; overflow:hidden; padding:35px 0 0 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:33px; font:400 12px/20px 'Noto Sans KR',Malgun Gothic;  border:solid 1px #ddd; padding:5px 12px 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:#c2a1e3;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:13px; font-weight:400; color:#666; vertical-align:-1px; }


@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; }

.btn_video_wrap a{ 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; }


/*------------------------------------
    view : 뷰 페이지
------------------------------------*/
.basic_view_head_wrap{ padding:10px 0; }
.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; }


.product_spec_block{ }
.product_simple_spec{ padding:15px 0; font-size:22px; line-height:38px; }
.product_simple_spec:before{ padding-bottom:15px; width:20px; height:18px; }
.product_simple_spec:after{ padding-bottom:15px; width:20px; height:18px; }

.product_spec dl dt{ padding:10px 5px; font-size:14px; }
.product_spec dl dd{ padding:10px 30px; font-size:14px; }


/*------------------------------------
    List : 리스트 페이지
------------------------------------*/
.gallery_img_wrap{ height:210px; }
.gallery_title_wrap{ padding-top:36px; }
.board_list_gallery li{ margin-bottom:20px; }
.gallery_title_wrap strong{ font-size:13px; }
.gallery_title{ margin-bottom:9px; font-size:21px; }
.detail_btn{ margin-top:17px; font-size:12px; line-height:29px; }

}

@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:#c2a1e3; background:#c2a1e3; color:#fff; }

/* 페이징 버튼 */
.paging_btn{ padding-top:25px; }
.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 0 0 0; border:0; background:none; }
.board_write_block:before{ display: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; }

.btn_video_wrap a{ padding:0 10px; height:34px; font-size:11px; line-height:34px; }

.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%; }

.col_contents ol{ margin-top:-3px; }
.col_contents ol li{ padding:5px 0; float:none; width:100%; margin-left:0; }

/*------------------------------------
    view : 뷰 페이지
------------------------------------*/
.basic_view_head_wrap{ padding:5px 0; }

.product_board_img_wrap{ float:none; width:100%; }
.product_board_img_wrap .img_wrap{ }

.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:100px; }
.board_date:after{ height:42px; margin-top:-21px; }
.board_date strong{ font-size:18px; line-height:20px; }
.board_date span{ font-size:11px; line-height:12px; }
.board_date > img{ max-height:54px; }
.basic_view_head li{ padding:0 1%; }
.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; }

.product_spec_block{ float:none; width:100%; margin-top:25px; }
.product_simple_spec{ padding:7px 0 5px; font-size:14px; line-height:22px; }
.product_simple_spec:before{ display:none; }
.product_simple_spec:after{ display:none; }

/* .product_spec_wrap{ display:block; }
.product_spec{ display:block; }
.product_spec dl{ display:block; } */
.product_spec dl dt{ /* display:block; */ padding:8px 5px 7px; font-size:12px; }
.product_spec dl dd{ /* display:block; */ padding:8px 15px 7px; font-size:12px; }


/*------------------------------------
    List : 리스트 페이지
------------------------------------*/
.product_spec_wrap{overflow:inherit;}

.basic_list_block{ max-width:100%; margin:0 auto; }
.basic_view_block{margin-top:0; }

.product_board_img_wrap .img_wrap{width:49%; height:160px;}
.product_board_img_wrap .img_wrap:nth-child(3n+1){margin-left:2%;}
.product_board_img_wrap .img_wrap:nth-child(2n+1){margin-left:0;}

.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 15px; font-size:14px; line-height:22px; word-break:keep-all; }
.basic_list .board_view_btn{ display:none; }

.board_btn li.list_delete_select{}

.cs_search_wrap{ padding-top:15px; }
.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; }

.board_none{ padding-bottom:50px; }

/* 겔러리 리스트 : 이미지 */
.board_list_gallery{ margin-top:-15px; }
.board_list_gallery li{ margin:15px 0 0 3% !important; width:48.5% !important; clear:none !important; }
.board_list_gallery li:nth-child(2n+1){ margin-left:0 !important; clear:both !important; }

.gallery_list a{ background:none; border:none; }

.gallery_img_wrap{ float:none; width:100%; height:180px; /* padding:5px 0; */ background:#fff; border:1px solid #eee; }
.gallery_img_wrap img{ /* position:relative; left:auto; right:auto; top:auto; bottom:auto; max-width:100%; height:100%; */ }
.gallery_title_wrap{ float:none; width:100%; padding:10px 5px 0; }
.gallery_title_wrap strong{ min-height:auto; font-size:11px; line-height:14px; }
.gallery_title{ padding:4px 0 2px; margin:0; font-size:13px; line-height:18px; text-align:left; white-space:normal; }
.gallery_title span{ display:block; line-height:18px; /* word-break:keep-all; */ }
.gallery_title_wrap p{ font-size:11px; line-height:16px; }
.gallery_title_wrap .detail_btn{ display:none; }

.gallery_title_wrap label{ right:5px; top:13px; }
.centerWrap .checkbox input + i:after{ width:13px; height:13px; line-height:12px; }

/* .board_list_gallery{ margin-top:-15px; }
.board_list_gallery li{ margin:15px 0 0 0 !important; width:100% !important; clear:both !important; }

.gallery_img_wrap{ float:none; width:100%; height:200px; }
.gallery_title_wrap{ float:none; width:100%; padding:20px 15px 17px; text-align:center; }
.gallery_title_wrap strong{ min-height:auto; font-size:12px; line-height:14px; }
.gallery_title{ padding:0; margin:3px 0 5px 0; font-size:16px; line-height:24px; }
.gallery_title_wrap p{  }
.gallery_title_wrap .detail_btn{ display:none; } */

}