@charset 'utf-8';

/*
	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.

*/

/* ●●●●●●●●●● 쓰기폼(문의폼) */
.cm_board_form {}
.cm_board_form.padding{padding:0 10px;}
.cm_board_form.mt{margin-top:20px;}
.cm_bottom_button.nomargin{margin:0 !important;}
.cm_board_form .title_box{height: 30px; line-height: 30px;  font-size: 17px; position: relative; color: #000;}
.cm_board_form .top_tip{padding:10px 0;}
.cm_board_form .top_tip > ul > li{ list-style: none;color: #333; font-size: 14px;border-bottom:none !important;}

.cm_board_form .search_form .input_box > ul > li{padding:10px 0;    box-sizing: border-box; position: relative;border-bottom:none;}
.cm_board_form .search_form .input_box > ul > li .tit{font-size:14px;color:#000;}
.cm_board_form .search_form .input_box > ul > li input{color:#000;}
.cm_board_form .search_form .input_design_new{background: #fff;border: 1px solid #222;font-size: 15px;height: 35px; width: 100%;padding:0 10px;border-radius:5px;}
.cm_board_form .search_form .input_box .textarea_design_new { margin-top:5px;border: 1px solid #222; height: 150px; width: 100%; padding: 10px; font-size: 15px;border-radius:5px;}
.cm_board_form .search_form .input_box .input{position:relative;margin-top:5px;}
.cm_board_form .search_form .input_box .input .input_fake .arrow_down{position:absolute;right:20px;top:-3px;}
.cm_board_form .search_form .input_box .input .input_fake .arrow_down .shape{  background: #333; position: relative;}
.cm_board_form .search_form .input_box .input .input_fake .arrow_down .shape:after{content: ''; width: 1px; height: 14px; position: absolute; left: 0; top: 0; background: #d1d1d1; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);margin: 0 0 0 -10px;}
.cm_board_form .search_form .input_box .input .input_fake .arrow_down .shape:before{content: ''; width: 1px; height: 14px; position: absolute;  left: 0; top: 0; background: #d1d1d1; transform: rotate(45deg);-webkit-transform: rotate(45deg);margin: 0 0 0 0;}

.pop_select{width:100%;padding:0 20px;display:none;}
.pop_select .pop_select_inner{background:#fff;}
.pop_select .pop_select_list{list-style:none;}
.pop_select .pop_select_list > li{padding:15px 15px;position:relative;border-top:1px solid #e1e1e1;}
.pop_select .pop_select_list > li:first-child{border-top:none;}
.pop_select .pop_select_list > li .pop_select_item{padding:0;line-height:20px;overflow:visible;width:100%;}
.pop_select .pop_select_list > li .pop_select_txt{font-size:16px;line-height:20px;color:#000;}
.pop_select .pop_select_list > li > input{position:absolute;right:15px;top:15px;}


.cm_board_form li {list-style:none; position:relative; border-bottom:1px solid #dedede; width:100%; clear:both;}
.cm_board_form .opt {position:absolute; left:10px; top:50%; color:#888; padding-left:12px; margin-top:-6px}
.cm_board_form .opt {background:transparent url('/m/images/cm_images/member_form_bullet.png') left center no-repeat; background-size:8px;  }
.cm_board_form .value {margin-left:95px; background:#fff; overflow:hidden; padding:10px 10px; line-height:15px; font-size:12px; color:#aaa; letter-spacing:-0.5px; overflow:hidden;}
.cm_board_form .ess .opt {background-image:url('/m/images/cm_images/member_form_bullet2.png');}
.cm_board_form .input_design {box-sizing:border-box; float:left; width:100%; background:#f1f1f1; border:1px solid #c1c1c1; border-right:0; border-bottom:0; height:35px; padding:0 10px; color:#666; border-radius:5px; letter-spacing:0px; font-size:13px;}
.cm_board_form .input_design:focus {background-color:#ddd; color:#333}
.cm_board_form .input_design+ .input_design {margin-top:5px}
.cm_board_form .textarea_design {background:#f1f1f1; border:1px solid #c1c1c1; border-right:0; border-bottom:0; line-height:18px; height:140px; padding:10px; color:#666; border-radius:5px; font-size:13px; box-sizing:border-box; }
.cm_board_form .textarea_design:focus {background-color:#ddd; color:#333}
.cm_board_form label {overflow:hidden; float:left; line-height:21px; padding:5px 10px 5px 0}
.cm_board_form .editor .opt {position:relative; margin-top:10px}
.cm_board_form .editor .value {margin:0}
.cm_board_form .tip_txt {clear:both; padding-top:5px}
.cm_board_form .tip_txt dd {line-height:15px; color:#999; font-size:11px;}
.cm_board_form .tip_txt dt {line-height:15px; color:#ff4949; font-size:11px;}
.cm_board_form .input_date {background:#f1f1f1 url('/m/images/cm_images/ic_date.png') 40px center no-repeat; background-size:15px; padding-left:65px;}
.cm_board_form .input_wrap {position:relative; overflow:hidden;}
.cm_board_form .input_wrap .upper_txt {position:absolute; left:10px; top:0; line-height:35px}
.cm_board_form .input_wrap+ .input_wrap {margin-top:5px}

.cm_board_form .btn_photo_box {background:#4f515b; overflow:hidden; position:relative; border-radius:5px; padding:0; text-align:center; height:45px}
.cm_board_form .btn_photo_box {box-shadow:inset 0 -3px 0 rgba(0,0,0,0.2);  display:block; width:100%; float:none;}
.cm_board_form .btn_photo_box .upper_txt {background:transparent url('/m/images/cm_images/input_photo.png') left 2px no-repeat; background-size:18px; color:#fff; padding-left:24px; margin:12px 0; font-size:13px;}
.cm_board_form .input_photo {color:transparent; background:transparent; position:absolute; left:0; top:0; width:100%; z-index:555; visibility:hidden}
.cm_board_form .img_preview {width:100% !important}
.cm_board_form .photo_box {margin:5px 0 0 0; overflow:hidden; border:1px solid rgba(0,0,0,0.1); border-radius:5px; padding:5px;}
.cm_board_form .photo_box img {width:100%; float:left;}
.cm_board_form .photo_box .photo_inner {background:rgba(0,0,0,0.05) url('/m/images/cm_images/input_photo_none.png') center center no-repeat; background-size:40px; min-height:120px; overflow:hidden; border-radius:5px;}
.cm_board_form .btn_photo_del {position:absolute; left:0; top:0;}

/* 스팸방지추가 */
#recaptcha_widget {padding:10px; box-sizing:border-box; overflow:hidden;}
#recaptcha_widget #recaptcha_image {text-align:center; margin:0 auto;}
#recaptcha_widget .button_box {overflow:hidden; padding:0 10px 10px 10px; text-align:center;}
#recaptcha_widget .button_box dl {display:inline-block; }
#recaptcha_widget .button_box dd {display:inline-block; float:left; box-sizing:border-box; list-style:none; padding:0 4px}
#recaptcha_widget .button_box .btn {border:1px solid rgba(0,0,0,0.1); display:block; width:40px; height:40px; border-radius:100px;}
#recaptcha_widget .button_box .ic_re {background:transparent url('/m/images/cm_images/spam_ic_re.png') center center no-repeat; background-size:20px;}
#recaptcha_widget .button_box .ic_sound {background:transparent url('/m/images/cm_images/spam_ic_sound.png') center center no-repeat; background-size:20px;}
#recaptcha_widget .button_box .ic_img {background:transparent url('/m/images/cm_images/spam_ic_img.png') center center no-repeat; background-size:20px;}
#recaptcha_widget .button_box .ic_help {background:transparent url('/m/images/cm_images/spam_ic_help.png') center center no-repeat; background-size:20px;}

/* 부분취소 상품정보 추가  */
.cm_board_form .this_item {overflow:hidden; position:relative; min-height:70px}
.cm_board_form .this_item .thumb {width:50px; position:absolute; left:0; top:0; overflow:hidden;}
.cm_board_form .this_item .thumb img {width:100%; float:left;}
.cm_board_form .this_item .info {}
.cm_board_form .this_item .info dl {clear:both}
/* .cm_board_form .this_item .info dt {color:#333; font-size:12px;} */
.cm_board_form .this_item .info dd {color:#999}
.cm_board_form .this_item .info_title {color:#ff6600; font-weight:600; margin-bottom:10px; font-size:13px; letter-spacing:-1px; margin-left:60px; min-height:50px}
.cm_board_form .this_item .info_price {margin-top:10px; border-top:1px dashed #ddd; padding-top:10px; overflow:hidden;}
.cm_board_form .this_item .info_price .txt {float:left; color:#000; }
.cm_board_form .this_item .info_price .bar {width:1px; height:10px; float:left; margin:2px 15px 0 15px; background:#ccc;}
.cm_board_form .this_item .info label {color:#333; display:block; float:none; border-top:1px solid #ddd; padding:11px 0 8px 25px; line-height:14px; margin:0; position:relative;}
.cm_board_form .this_item .info label input {position:absolute; left:0; top:0; margin:8px 5px 0 0}




/* ●●●●●●●●●● 약관동의  */
.cm_step_agree {overflow:hidden; background:#fafafa; padding:15px 15px 0 15px;}
.cm_step_agree .text_box {background:#fff; border:1px solid #ccc; overflow:hidden;}
.cm_step_agree .textarea_design {background:#fff; padding:10px; width:100%; box-sizing:border-box; line-height:16px; height:120px; color:#999; font-size:11px;}
.cm_step_agree textarea {background:#fff; padding:10px; width:100%; box-sizing:border-box; line-height:16px; height:80px; color:#999; font-size:11px;}
.cm_step_agree .agree_check {overflow:hidden; position:relative; text-align:center;}
.cm_step_agree .agree_check label {padding:10px 0; overflow:hidden; color:#555; font-size:13px;}



/* ●●●●●●●●●● 보기 */
.cm_board_view {border-top:1px solid #333;}
.cm_board_view .post_title {background:#fff; padding:15px 10px; border-bottom:1px solid #cdcdcd; color:#000; font-weight:600; font-size:15px; text-align:center}
.cm_board_view .post_info {overflow:hidden; padding:8px 10px; border-bottom:1px solid #d9d9d9; position:relative;}
.cm_board_view .post_info .one_tx {float:left; padding-left:5px; line-height:15px; margin-right:10px; color:#999; font-size:12px; white-space:nowrap}
.cm_board_view .post_info .one_tx b {margin-left:14px; font-weight:normal; color:#333; position:relative;}
.cm_board_view .post_info .one_tx b:before {content:""; width:1px; height:9px; position:absolute; left:-8px; top:50%; background:#ddd; margin:-4px 0 0 0}
.cm_board_view .post_conts {overflow:hidden; padding:10px;}
.cm_board_view .post_conts img {max-width:100%;}

.cm_board_view .admin_answer {border:2px solid #494c4d; margin:20px 10px; padding:15px 15px 10px 15px; position:relative; border-radius:0 8px 8px 8px}
.cm_board_view .admin_answer .admin_title {position:absolute; left:0; top:0; margin:-13px 0 0 -2px; background:#494c4d; height:35px; line-height:35px; color:#fff; font-size:13px; padding:0 20px 0 20px;}
.cm_board_view .admin_answer .admin_title:after {content:''; width: 0; height: 0; border-bottom: 13px solid #333; border-right: 13px solid transparent; position:absolute; right:-13px; top:0; }
.cm_board_view .admin_answer .admin_date {margin:20px 0 0 0; color:#ff6600; font-size:13px;}
.cm_board_view .admin_answer .admin_conts {margin:10px 0 5px 0; overflow:hidden; font-size:13px}

.cm_board_view .nextprev {border-top:1px solid #d9d9d9; margin:20px 0 0 0; overflow:hidden; }
.cm_board_view .nextprev li {border-bottom:1px solid #d9d9d9; position:relative; list-style:none; overflow:hidden}
.cm_board_view .nextprev .opt {background:#f1f1f1; position:absolute; left:0; top:0; padding-left:28px; height:30px; width:70px; line-height:30px; background:#f1f1f1; font-size:12px; box-sizing:border-box; }
.cm_board_view .nextprev .opt .shape {position:absolute; left:0; top:0; width:30px; height:100%;}
.cm_board_view .nextprev .opt .shape:before {content:''; width:1px; height:8px; position:absolute; left:50%; top:50%; background:#bbb; transform: rotate(45deg); -webkit-transform: rotate(45deg); margin:-4px 0 0 2px}
.cm_board_view .nextprev .opt .shape:after {content:''; width:1px; height:8px; position:absolute; left:50%; top:50%; background:#bbb; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin:-4px 0 0 -3px}
.cm_board_view .nextprev .value {margin:0 10px 0 70px; color:#888; height:30px; line-height:30px; padding-left:10px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box}
.cm_board_view .nextprev .pv .shape {transform: rotate(180deg); -webkit-transform: rotate(180deg);}

.cm_board_view .nextprev .fi {text-align:center; padding-left:0; width:70px;}
.cm_board_view .nextprev .fi_link {margin-left:10px; }
.cm_board_view .nextprev .fi_link:first-of-type {margin-left:0}

.cm_board_view .comment {overflow:hidden; margin:20px 0; }
.cm_board_view .comment_top {overflow:hidden; margin:0 10px 5px 10px; font-size:14px; background:transparent url('/m/images/cm_images/board_ic_renum.png') left center no-repeat; background-size:25px; padding-left:30px}
.cm_board_view .comment_form {background:#f7f7f7; border:1px solid #e2e2e2; padding:10px; overflow:hidden; position:relative;}
.cm_board_view .comment_form .input_box {overflow:hidden; margin-bottom:5px;}
.cm_board_view .comment_form .input_box li {float:left; list-style:none; width:50%; box-sizing:border-box; }
.cm_board_view .comment_form .input_design {background:#fff; border:1px solid #ccc; width:100%; height:35px; margin-right:10px; padding:10px; box-sizing:border-box; border-radius:5px;}
.cm_board_view .comment_form .input_design:focus {background:#eee;}
.cm_board_view .comment_form .input_box li:first-of-type .input_design {border-right:0; border-radius:5px 0 0 5px;}
.cm_board_view .comment_form .input_box li:last-of-type .input_design {border-radius:0 5px 5px 0;}
.cm_board_view .comment_form .textarea {margin-right:65px}
.cm_board_view .comment_form .textarea_design {background:#fff; border:1px solid #ccc; height:80px; width:100%; padding:10px; overflow:auto; box-sizing:border-box; border-radius:5px;}
.cm_board_view .comment_form .textarea_design:focus {border:1px solid #555; background:#eee;}
.cm_board_view .comment_form .btn_ok {border:1px solid #ccc; background:#eee; padding:10px 0; color:#666; font-size:13px; width:60px; height:80px; border-radius:5px; position:absolute; right:10px; bottom:10px;}
.cm_board_view .comment_list {overflow:hidden;}
.cm_board_view .comment_list li {border-bottom:1px dashed #dadada; padding:10px; position:relative; list-style:none;}
.cm_board_view .comment_list li:last-of-type {border-bottom:0}
.cm_board_view .comment_list .name {float:left; margin-right:10px; color:#333; line-height:19px; font-size:13px;}
.cm_board_view .comment_list .id {color:#999; float:left; line-height:19px; letter-spacing:0; margin-right:10px}
.cm_board_view .comment_list .date {color:#bbb; float:left; line-height:19px; }
.cm_board_view .comment_list .conts {padding-top:5px; line-height:16px; clear:both;}
.cm_board_view .comment_list .btn_delete {position:absolute; right:10px; top:8px; width:19px; height:19px; border-radius:100px; border:1px solid #ddd; text-align:center; margin-left:10px}
.cm_board_view .comment_list .btn_delete .shape {margin:3px 0 0 0; display:inline-block; background:#000; width:1px; height:13px; position:relative; border-radius:100px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.cm_board_view .comment_list .btn_delete .shape:after {content: ""; background:inherit; width:13px; height:1px; position:absolute; top:6px; left:-6px; border-radius:inherit;}




/* ●●●●●●●●●● 목록 탭메뉴(카테고리있을경우) */
.cm_board_tab {overflow:hidden; background:#eee; display:table; width:100%; box-sizing:border-box; }
.cm_board_tab ul {display:table-row;}
.cm_board_tab li {display:table-cell; padding:15px 10px; position:relative; text-align:center; color:#888;  border:1px solid #ddd; border-bottom:0}
.cm_board_tab .hit {background:#fff; color:#000; background:#fff;}




/* ●●●●●●●●●● 목록 일반형  */
.cm_board_normal {}
.cm_board_normal li {border-bottom:1px solid rgba(0,0,0,0.13); overflow:hidden; box-sizing:border-box; position:relative; padding:10px; list-style:none}
.cm_board_normal img {width:100%;}
.cm_board_normal .cm_no_conts .no_icon {background-image: url('/m/images/cm_images/no_conts_board_normal.png');}
.cm_board_normal .title {font-size:13px; color:#555; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; margin-bottom:5px}
.cm_board_normal .title:after {content:'';}
.cm_board_normal .comment {float:left; background:transparent url('/m/images/cm_images/board_ic_renum.png') left center no-repeat; background-size:19px; color:#666; padding-left:23px; line-height:14px; margin-top:1px}
.cm_board_normal .writer {float:right; line-height:15px; overflow:hidden;}
.cm_board_normal .writer .name {color:#999; letter-spacing:0px; float:left;}
.cm_board_normal .writer .date {color:#aaa; letter-spacing:0px; float:left;}
.cm_board_normal .writer .bar {background:#ccc; float:left; width:1px; height:9px; margin:4px 10px 0 10px}
.cm_board_normal .icon_new {border-radius:100px; width:15px; height:15px; overflow:hidden; background:#ff6600;  position:absolute; right:10px; top:10px; box-sizing:border-box;}
.cm_board_normal .icon_new {font-family:'lato'; line-height:15px; color:#fff; font-weight:600; padding-left:4px; font-size:10px;}
.cm_board_normal .icon_new+ .icon_reply+ .title {margin-left:20px}
.cm_board_normal .icon_front {float:left; width:11px; margin:0 5px 0 3px; }
.cm_board_normal .icon_reply {position:absolute; right:10px; top:6px;}
.cm_board_normal .icon_reply+ .title {margin-right:68px}

.cm_board_normal .notice {background:#ddd; overflow:hidden; padding:8px 10px}
.cm_board_normal .notice .texticon_pack {position:absolute; left:10px; top:50%; margin-top:-10px}
.cm_board_normal .notice .title {margin:5px 0 2px 45px; font-size:14px; color:#333}

.cm_board_qna .icon_new {border-radius:100px; width:15px; height:15px; overflow:hidden; background:#ff6600;  position:absolute; left:10px; top:10px; box-sizing:border-box;}
.cm_board_qna .icon_new {font-family:'lato'; line-height:15px; color:#fff; font-weight:600; padding-left:4px; font-size:10px;}
.cm_board_qna .icon_new+ .icon_front {margin-left:20px}

/* 공지사항만 별도 */
.cm_board_normal li.notice_box{border-bottom:1px solid #f1f1f1; overflow:hidden; box-sizing:border-box; position:relative; list-style:none;padding:0;}
.cm_board_normal .expand_arrow{position:absolute;top:20px;right:13px;}
.clr_notice_down_arrow{color:#e1e1e1;}
.clr_notice_up_arrow{color:#333;}
.cm_board_normal .notice_wrap{padding:10px 50px 10px 10px;}
.cm_board_normal .date{color:#c1c1c1;font-size:11px;}
.cm_board_normal .notice_wrap .notice_title{font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical; display: -webkit-box;padding-right:30px;margin-bottom:8px;}
.cm_board_normal .notice_wrap .notice_title.font_bold{font-weight:bold;} 

.cm_board_normal .content_wrap{padding:10px;border-top:1px solid #f1f1f1;}

/* ●●●●●●●●●● 목록 FAQ */
.cm_faq_search {overflow:hidden; padding:15px; position:relative; background:#fff url('/m/images/cm_images/faq_img.jpg') 15px 15px no-repeat; background-size:105px;}
.cm_faq_search .gtxt_box {position:relative;}
.cm_faq_search .gtxt_box strong,.cm_faq_search .gtxt_box b {font-weight:400; color:#333}
.cm_faq_search .telnumber {font-size:18px; color:#333; margin:15px 0 20px 120px; line-height:25px; box-sizing:border-box;}
.cm_faq_search .telnumber .call {font-family:'lato'; font-size:24px; font-weight:600; color:#fa0d3e; margin-top:3px; display:block;  }
.cm_faq_search .explain {font-size:13px; color:#888; line-height:16px;}
.cm_faq_search .explain a {color:#ff6600}
.cm_faq_search .search_form {margin-top:15px; position:relative; overflow:hidden}
.cm_faq_search .search_form .input_box {overflow:hidden; position:relative; padding-right:55px}
.cm_faq_search .search_form .input_design {background:#fff; border:1px solid #ccc; font-size:13px; height:35px; padding:0 10px; border-radius:5px; box-sizing:border-box; width:100%;}
.cm_faq_search .search_form .input_design:focus {background:#eee; color:#000; border:1px solid #666;}
.cm_faq_search .btn_search {position:absolute; right:0; top:0; background:#555 url('/m/images/cm_images/ic_faq_search.png') center center no-repeat; background-size:18px; width:50px; height:35px; border-radius:5px;}
.cm_faq_search .btn_viewall {background:#ddd; border:1px solid #ccc; height:35px; line-height:35px; color:#666; text-align:center; border-radius:5px; text-align:center; width:80px; font-size:13px; box-sizing:border-box; position:absolute; right:0; top:0;}
.cm_faq_search .btn_viewall+ .input_box {margin-right:85px}

.cm_board_faq {border-top:2px solid #333;}

.cm_board_faq .cm_no_conts .no_icon {background-image:url('/m/images/cm_images/no_conts_board_faq.png');}
.cm_board_faq li {border-bottom:1px solid #dadada; position:relative; list-style:none;}
.cm_board_faq .upper_link {height:40px;}
.cm_board_faq .state {text-align:center; border-right:1px solid #eee; width:50px; position:absolute; left:0; top:0; height:40px;}
.cm_board_faq .state .state_icon {font-family:'lato'; font-weight:400; font-size:18px; color:#333; line-height:40px;}
.cm_board_faq .question {color:#666; height:40px; line-height:40px; margin:0 10px 0 60px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; font-size:13px }
.cm_board_faq .category {color:#999; margin-right:5px; font-size:13px }
.cm_board_faq .answer {display:none; line-height:17px; border-top:1px dashed #ccc; position:relative; padding:15px 15px 15px 60px; background:#f1f1f1}
.cm_board_faq .answer .shape_ic {width:14px; height:8px; border-right:1px solid #333; border-top:1px solid #333; position:absolute; left:20px; top:20px; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.cm_board_faq .answer .shape_ic:before {content:''; background:#333; position:absolute; left:2px; top:0; margin-top:-7px; width:1px; height:8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.cm_board_faq .answer .shape_ic:after {content:''; background:#333; position:absolute; left:2px; top:0;  margin-top:-2px; width:1px; height:8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.cm_board_faq .open .answer {display:block;}
.cm_board_faq .open .state_icon {color:#ff0000}
.cm_board_faq .open .question {color:#000;}
.cm_board_faq .open .category {color:#000}


/* wide */
@media screen and (min-width:500px) {
	.cm_faq_search {background-size:130px; background-position:20px 20px;}
	.cm_faq_search .explain {margin-left:160px}
	.cm_faq_search .telnumber {margin:15px 0 10px 160px}
}





/* ●●●●●●●●●● 목록 이벤트형(리스트) */
.cm_board_event {overflow:hidden;}
.cm_board_event li {position:relative; list-style:none; border-bottom:1px solid rgba(0,0,0,0.13);  padding:10px; overflow:hidden;}
.cm_board_event .cm_no_conts .no_icon {background-image:url('/m/images/cm_images/no_conts_board_event.png');}
.cm_board_event .title {margin:3px 0 0 80px; overflow:hidden; font-size:13px; color:#555; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; margin-bottom:10px}
.cm_board_event .texticon_pack {position:absolute; left:10px; top:9px;}
.cm_board_event .date {float:right; font-family:'lato'; color:#333; padding-left:18px; font-size:13px; background:transparent url('/m/images/cm_images/ic_date.png') left center no-repeat; background-size:12px;}
.cm_board_event .comment {float:left; background:transparent url('/m/images/cm_images/board_ic_renum.png') left center no-repeat; background-size:19px; color:#666; padding-left:23px; line-height:14px; margin-left:3px}
.cm_board_event .close {background:rgba(0,0,0,0.03);}
.cm_board_event .close .title {color:#999;}
.cm_board_event .close .date {color:#999;}

.cm_board_event .notice {background:#ddd; overflow:hidden; padding:8px 10px}
.cm_board_event .notice .texticon_pack {position:absolute; left:10px; top:50%; margin-top:-10px}
.cm_board_event .notice .title {margin:5px 0 2px 45px; font-size:14px; color:#333}




/* ●●●●●●●●●● 목록 이벤트형(썸네일) */
.cm_board_event_thumb {/*b border-top:2px solid #333; */ overflow:hidden; }
.cm_board_event_thumb ul {overflow:hidden;}
.cm_board_event_thumb li {position:relative; list-style:none; padding:10px; border-bottom:1px solid rgba(0,0,0,0.13); }
.cm_board_event_thumb .posting {padding:5px}
.cm_board_event_thumb .texticon_pack {position:absolute; right:20px; top:20px;}
.cm_board_event_thumb .thumb {width:100%; min-height:100px; overflow:hidden; background:#f4f4f4 url('/m/images/cm_images/no_conts_thumb.png') center center no-repeat; background-size:50px;}
.cm_board_event_thumb .thumb img {width:100%; float:left;}
.cm_board_event_thumb .conts dt {margin-top:10px; color:#333; font-size:14px; letter-spacing:-1px;}
.cm_board_event_thumb .conts dd {margin-top:3px; color:#999; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; }
.cm_board_event_thumb .date {font-family:'lato'; color:#333; padding-left:18px; font-size:13px; background:transparent url('/m/images/cm_images/ic_date.png') left center no-repeat; background-size:12px; margin-top:8px}
.cm_board_event_thumb .cm_no_conts .no_icon {background-image:url('/m/images/cm_images/no_conts_board_event.png');}

.cm_board_event_thumb .notice {background:#ddd; overflow:hidden; padding:8px 10px}
.cm_board_event_thumb .notice .texticon_pack {position:absolute; left:10px; top:50%; margin-top:-10px}
.cm_board_event_thumb .notice .title {margin:5px 0 2px 45px; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; }





/* ●●●●●●●●●● 목록 뉴스형 */
.cm_board_news {/* border-top:2px solid #333; */}
.cm_board_news li {border-bottom:1px solid rgba(0,0,0,0.13); position:relative; padding:10px; list-style:none;}
.cm_board_news .posting {margin-left:100px;}
.cm_board_news .thumb {width:90px; height:50px; overflow:hidden; position:absolute; left:10px; top:10px; background:#f4f4f4 url('/m/images/cm_images/no_conts_thumb.png') center center no-repeat; background-size:30px;}
.cm_board_news .thumb img {width:100%; height:100%; float:left;}
.cm_board_news .title {color:#555; font-size:14px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.cm_board_news .conts {margin-top:5px; line-height:15px; color:#999; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box;}
.cm_board_news .date {font-family:'lato'; color:#999; padding-left:18px; background:transparent url('/m/images/cm_images/ic_date.png') left center no-repeat; background-size:12px; margin-top:8px}
.cm_board_news .cm_no_conts .no_icon {background-image:url('/m/images/cm_images/no_conts_board_news.png');}

.cm_board_news .notice {background:#ddd; overflow:hidden; padding:8px 10px}
.cm_board_news .notice .texticon_pack {position:absolute; left:10px; top:50%; margin-top:-10px}
.cm_board_news .notice .title {margin:5px 0 2px 45px; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; }



/* ●●●●●●●●●● 목록 갤러리형  */
.cm_board_gallery {/* border-top:2px solid #333;*/; overflow:hidden;}
.cm_board_gallery li {list-style:none; position:relative; padding:10px; box-sizing:border-box; width:50%; float:left;;}
.cm_board_gallery .post {background:#fff; overflow:hidden;}
.cm_board_gallery .thumb {position:relative; overflow:hidden; background:#f4f4f4 url('/m/images/cm_images/no_conts_thumb.png') center center no-repeat; background-size:30px; min-height:90px}
.cm_board_gallery .thumb img {width:100%; float:left;}
.cm_board_gallery .title {margin:5px 0 5px 0; color:#555; font-size:13px; height:20px; line-height:25px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.cm_board_gallery .date {font-family:'lato'; color:#999; padding-left:18px; background:transparent url('/m/images/cm_images/ic_date.png') left center no-repeat; background-size:12px; float:left;}
.cm_board_gallery .click {float:right; color:#999; line-height:16px;} 
.cm_board_gallery .click strong {font-weight:400; letter-spacing:0px;}
.cm_board_gallery .cm_no_conts .no_icon {background-image:url('/m/images/cm_images/no_conts_board_gallery.png');}

.cm_board_gallery .notice {background:#ddd; overflow:hidden; padding:8px 10px; width:100%;}
.cm_board_gallery .notice .texticon_pack {position:absolute; left:10px; top:50%; margin-top:-10px}
.cm_board_gallery .notice .title {margin:5px 0 2px 45px; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; }






/* ●●●●●●●●●● 게시판 하단 검색 */
.cm_board_search {position:relative; padding:0 10px 10px 10px; box-sizing:border-box; margin:0 auto; max-width:350px;}
.cm_board_search .check_box {display:none;position:absolute; left:10px; top:2px; }
.cm_board_search .check_box label {margin-right:3px; line-height:15px; font-size:11px; padding:3px 0}
.cm_board_search .check_box label input {background-size:30px; width:15px; height:15px; margin-right:3px;}
.cm_board_search .input_search {border-bottom:1px solid #ddd; height:35px; padding:0 40px 0 10px; box-sizing:border-box; width:100%; font-size:13px; /* border-radius:5px; */}
.cm_board_search .input_search:focus {border-bottom:1px solid #666;}
.cm_board_search .right_btn {position:absolute; right:10px; top:0; }
.cm_board_search .btn_search {float:left; width:35px; height:35px; background:transparent url('/m/images/cm_images/board_foot_search.png') center center no-repeat; background-size:18px; opacity:0.5; }
.cm_board_search .input_search:focus+ .right_btn .btn_search {opacity:1}
.cm_board_search .btn_viewall {float:left; background:#bbb; color:#fff; padding:0 8px; line-height:26px; margin:4px 0 0 0; letter-spacing:-1px;}



