@charset 'utf-8';

/*
	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.

*/


/* ●●●●●●●●●● 쓰기폼(문의폼) */
.cm_board_form {}
.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:#444; padding-left:12px; margin-top:-6px}
.cm_board_form .opt {background:transparent url('../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('../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 .if_full .opt {position:relative; margin-top:10px}
.cm_board_form .if_full .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('../images/cm_images/ic_date.png') 40px center no-repeat; background-size:15px; padding-left:65px !important;}
.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('../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('../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 .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}

/* 스팸방지추가 */
#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('../images/cm_images/spam_ic_re.png') center center no-repeat; background-size:20px;}
#recaptcha_widget .button_box .ic_sound {background:transparent url('../images/cm_images/spam_ic_sound.png') center center no-repeat; background-size:20px;}
#recaptcha_widget .button_box .ic_img {background:transparent url('../images/cm_images/spam_ic_img.png') center center no-repeat; background-size:20px;}
#recaptcha_widget .button_box .ic_help {background:transparent url('../images/cm_images/spam_ic_help.png') center center no-repeat; background-size:20px;}

/* 비회원글쓰기 약관동의  */
.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:80px; 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:#eee; padding:15px 10px; border-bottom:1px solid #cdcdcd; color:#000; 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_info .texticon_pack {float:left;}
.cm_board_view .post_info .texticon_pack+ .one_tx {margin-top:4px}
.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('../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 {padding-right:65px; box-sizing:border-box; position:relative;}
.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:0; top:0;}
.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; box-sizing:border-box; padding:8px}
.cm_board_tab .inner {display:table; width:100%; background:rgba(0,0,0,0.1); }
.cm_board_tab ul {display:table-row;}
.cm_board_tab li {display:table-cell; padding:12px 10px; position:relative; text-align:center; color:#888; border:1px solid #ddd;}
.cm_board_tab .hit {background:#fff; color:#000; background:#fff;}





/* ●●●●●●●●●● 상품평가/문의 전체보기 */
.cm_board_item_post {overflow:hidden; padding:10px 10px 0 10px;}
.cm_board_item_post .cm_no_conts .no_icon {background-image:url('../images/cm_images/no_conts_my_posting.png');}
.cm_board_item_post .upper_link {top:-35px}
.cm_board_item_post ul {overflow:hidden;}
.cm_board_item_post li {position:relative; list-style:none; margin-bottom:10px; overflow:hidden; }
.cm_board_item_post .posting {border:1px solid #ddd; border-radius:5px; position:relative; overflow:hidden; min-height:100px; padding-bottom:35px}
/* .cm_board_item_post .posting:before {content:""; width:15px; height:15px; position:absolute; right:15px; top:50%; margin-top:-10px; border:1px solid #333; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-top:0; border-left:0}
 */.cm_board_item_post .btn_mydelete {width:25px; height:25px; border-radius:100px; text-align:center; position:absolute; left:5px; top:5px; z-index:55; background:#000;}
.cm_board_item_post .btn_mydelete .shape {margin:6px 0 0 0; display:inline-block; background:#fff; width:1px; height:13px; position:relative; border-radius:100px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.cm_board_item_post .btn_mydelete .shape:after {content: ""; background:inherit; width:13px; height:1px; position:absolute; top:6px; left:-6px; border-radius:inherit;}
.cm_board_item_post .thumb {width:75px; height:75px; overflow:hidden; background:transparent url('../images/cm_images/no_conts_thumb.png') center center no-repeat; margin:8px 10px; border-radius:500px; position:absolute; left:0; top:0;}
.cm_board_item_post .thumb img {width:100%; float:left;}
.cm_board_item_post .title_icon {overflow:hidden; position:absolute; left:95px; top:17px;}
.cm_board_item_post .title_icon .ic_new {width:15px; padding:2px 0 3px 0; line-height:10px; height:9px; background:#ff6600; text-align:center; color:#fff; font-weight:600; font-size:10px; font-family:'Heebo'; float:left; margin-right:3px}
.cm_board_item_post .title_icon .ic_photo {background:transparent url('../images/cm_images/board_icon_photo.png') left top no-repeat; background-size:17px; width:20px; height:18px; float:left;}
.cm_board_item_post .conts {padding:15px 15px 10px 15px; overflow:hidden;}
.cm_board_item_post .conts dt {overflow:hidden; padding:30px 0 0 80px; height:77px; box-sizing:border-box;}
.cm_board_item_post .conts dd {color:#777; overflow:hidden; line-height:1.3; font-size:12px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.cm_board_item_post .conts .title {color:#000; font-size:15px; letter-spacing:-1px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.cm_board_item_post .conts .img {margin-top:10px; overflow:hidden;}
.cm_board_item_post .conts .img img {max-width:100%; float:left;}
.cm_board_item_post .conts .info {margin-top:10px; overflow:hidden; border-top:1px dashed #ddd; padding-top:8px; position:relative;}
.cm_board_item_post .conts .before {display:block;}
.cm_board_item_post .conts .after {display:none;}
.cm_board_item_post .date {float:left; font-family:'Heebo'; color:#999; font-size:12px; letter-spacing:0px; line-height:15px;}
.cm_board_item_post .writer {float:left; color:#555; font-size:12px; line-height:15px; margin-left:15px;}
.cm_board_item_post .itemname {float:left; color:#ff6600; font-size:12px; line-height:15px; margin-left:18px; font-weight:600;}
.cm_board_item_post .post_bottom_btn {overflow:hidden; border-radius:0 0 5px 5px; background:#eee; border-top:1px solid #ddd; text-align:center; position:relative; margin:10px 0 0 0; box-sizing:border-box; position:absolute; left:0; bottom:0; width:100%; z-index:55}
.cm_board_item_post .post_bottom_btn:before {content:""; width:1px; height:100%; background:#ddd; position:absolute; left:50%; top:0;}
.cm_board_item_post .post_bottom_btn .btn {display:block; float:left; width:50%;}
.cm_board_item_post .post_bottom_btn .btn .txt {padding-left:15px; font-size:12px; color:#333; line-height:35px;}
.cm_board_item_post .post_bottom_btn .btn_open .txt {background:transparent url('../images/cm_images/cart_aditem_ic_open.png') left center no-repeat; background-size:11px;}
.cm_board_item_post .post_bottom_btn .btn_wish .txt {background:transparent url('../images/cm_images/cart_aditem_ic_wish.png') left center no-repeat; background-size:12px;}
.cm_board_item_post .post_bottom_btn .if_wish .txt {background:transparent url('../images/cm_images/cart_aditem_ic_wish_hit.png') left center no-repeat; background-size:12px;}
.cm_board_item_post .texticon_pack {position:absolute; right:10px; top:10px;}
.cm_board_item_post .mark_box {overflow:hidden; position:absolute; right:0; bottom:0px;}
.cm_board_item_post .mark {position:static; width:80px; height:14px; background:transparent url('../images/cm_images/inner_star.png') left top no-repeat; background-size:80px;}
.cm_board_item_post .mark .star {background:transparent url('../images/cm_images/inner_star.png') left bottom no-repeat; width:100%; height:100%; float:left; background-size:80px;}
.cm_board_item_post .reply {display:none; padding:15px 15px 15px 40px; overflow:hidden; text-align:left; border:1px solid #dadada; background:#fafafa url('../images/cm_images/ic_faq_a.gif') 20px 18px no-repeat; margin:0 15px 15px 15px; position:relative;}
.cm_board_item_post .reply .shape_ic {width:14px; height:8px; border-right:1px solid #ff6600; border-top:1px solid #ff6600; position:absolute; left:13px; top:15px; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.cm_board_item_post .reply .shape_ic:before {content:''; background:#ff6600; position:absolute; left:2px; top:0; margin-top:-7px; width:1px; height:8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.cm_board_item_post .reply .shape_ic:after {content:''; background:#ff6600; position:absolute; left:2px; top:0;  margin-top:-2px; width:1px; height:8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.cm_board_item_post .reply+ .reply {margin-top:10px}
.cm_board_item_post .reply .admin {display:block; color:#ff6600; margin-bottom:5px; overflow:hidden; line-height:16px;}
.cm_board_item_post .reply .admin .name {font-weight:600; color:#ff6600; float:left;}
.cm_board_item_post .reply .admin .date {color:#333; letter-spacing:0px; float:left; font-family:'Heebo'; margin:-1px 0 0 0}
.cm_board_item_post .reply .admin .bar {background:#ccc; float:left; width:1px; height:9px; margin:3px 10px 0 10px}
.cm_board_item_post .reply .btn_delete {position:absolute; right:10px; top:8px; width:19px; height:19px; border-radius:100px; border:1px solid #ddd; text-align:center;}
.cm_board_item_post .reply .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_item_post .reply .btn_delete .shape:after {content: ""; background:inherit; width:13px; height:1px; position:absolute; top:6px; left:-6px; border-radius:inherit;}
.cm_board_item_post .if_post_open .reply {display:block;}
.cm_board_item_post .if_post_open .before {display:none;}
.cm_board_item_post .if_post_open .after {display:block;}
.cm_board_item_post .if_post_open .conts dd {-webkit-line-clamp:300; padding-right:0}








/* ●●●●●●●●●● 목록 일반형  */
.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 10px 8px 10px; list-style:none}
.cm_board_normal img {width:100%;}
.cm_board_normal .cm_no_conts .no_icon {background-image: url('../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:3px; padding-right:20px}
.cm_board_normal .title:after {content:'';}
.cm_board_normal .writer {float:left; line-height:15px; overflow:hidden; height:15px;}
.cm_board_normal .writer .name {color:#999; letter-spacing:0px; float:left; padding-right:10px; margin-right:10px; position:relative;}
.cm_board_normal .writer .name:before {content:""; width:1px; height:10px; background:#ccc; position:absolute; right:0; top:2px;}
.cm_board_normal .writer .date {color:#aaa; letter-spacing:0px; float:left; font-size:11px; line-height:16px; height:15px; font-family:'Heebo'}
.cm_board_normal .ic_board {float:left; overflow:hidden; margin:0 0 0 4px; }
.cm_board_normal .ic_board span {float:left; width:15px; height:14px; margin-left:3px}
.cm_board_normal .icon_photo {background:transparent url('../images/cm_images/board_icon_photo.png') left center no-repeat; background-size:14px;}
.cm_board_normal .icon_file {background:transparent url('../images/cm_images/board_ic_file.png') left center no-repeat; background-size:12px;}
.cm_board_normal .icon_secret {background:transparent url('../images/cm_images/board_ic_secret.png') left center no-repeat; background-size:11px; width:12px !important;}
.cm_board_normal .comment {float:left; background:transparent url('../images/cm_images/board_ic_renum.png') left center no-repeat; background-size:19px; padding-left:23px; margin-left:5px; line-height:15px; height:14px;}
.cm_board_normal .comment {color:#666; font-family:'Heebo'}
.cm_board_normal .icon_front {float:left; width:11px; margin:0 5px 0 1px; }
.cm_board_normal .icon_arrow {position:absolute; right:13px; top:50%; margin-top:-8px}
.cm_board_normal .icon_arrow .shape {width:12px; height:12px; border:1px solid #ccc; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-bottom:0; border-left:0 }
.cm_board_normal .icon_hit {border-radius:100px; height:13px; overflow:hidden; background:#eb295f; box-sizing:border-box; float:left; margin-left:3px; padding:0 3px;}
.cm_board_normal .icon_hit {font-family:'Heebo'; line-height:13px; color:#fff; padding-left:3px; font-size:9px; letter-spacing:0px;}
.cm_board_normal .icon_photo {float:left; width:15px; height:13px; background:transparent url('../images/cm_images/board_icon_photo.png') left center no-repeat; background-size:14px; margin-left:3px}
.cm_board_normal .icon_file {float:left; width:15px; height:13px; background:transparent url('../images/cm_images/board_ic_file.png') left center no-repeat; background-size:12px; margin-left:3px}
.cm_board_normal .icon_new {background:transparent url('../images/cm_images/board_ic_new.png') left center no-repeat; background-size:13px;}
.cm_board_normal .reply {position:absolute; left:0; top:0;}
.cm_board_normal .reply .shape {width:14px; height:8px; border-right:1px solid #ff6600; border-top:1px solid #ff6600; position:absolute; left:10px; top:11px; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.cm_board_normal .reply .shape:before {content:''; background:#ff6600; position:absolute; left:2px; top:0; margin-top:-7px; width:1px; height:8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.cm_board_normal .reply .shape:after {content:''; background:#ff6600; position:absolute; left:2px; top:0;  margin-top:-2px; width:1px; height:8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.cm_board_normal .reply+ .title {margin-left:23px}
.cm_board_normal .reply+ .icon_front {margin-left:23px}
.cm_board_normal .reply+ .title+ .writer {margin-left:23px}
.cm_board_normal .reply+ .icon_front+ .title+ .writer {margin-left:23px}

/* 공지글일때 */
.cm_board_normal .if_notice {overflow:hidden; padding:8px 10px 8px 35px; background:#eee url('../images/cm_images/board_ic_notice.png') 10px center no-repeat; background-size:16px;}
.cm_board_normal .if_notice .title {color:#000; }
/*비밀글일때 */
.cm_board_normal .if_secret .icon_arrow {width:20px; height:20px; background:transparent url('../images/cm_images/board_ic_secret.png') center center no-repeat; background-size:18px; right:8px}
.cm_board_normal .if_secret .icon_arrow .shape {display:none;}

/* qna형 부분추가 */
.cm_board_qna .icon_reply {position:absolute; right:10px; top:7px;}
.cm_board_qna .title {padding-right:60px}
.cm_board_qna .icon_arrow {display:none;}

/* 공지사항형 부분추가 */
.cm_board_qna .notice .name {display:none;}





/* ●●●●●●●●●● 목록 공지형  */
.cm_board_notice {}
.cm_board_notice li {border-bottom:1px solid rgba(0,0,0,0.13); overflow:hidden; box-sizing:border-box; position:relative; list-style:none; }
.cm_board_notice li {background:transparent url('../images/cm_images/board_notice_bullet.png') 15px center no-repeat; background-size:18px; padding:10px 10px 8px 45px; }
.cm_board_notice .cm_no_conts .no_icon {background-image: url('../images/cm_images/no_conts_board_notice.png'); background-size:35px;}
.cm_board_notice .title {overflow:hidden; margin:0 23px 2px 0}
.cm_board_notice .title {color:#444; font-size:13px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.cm_board_notice .date {float:left; letter-spacing:0px; float:left; background:transparent url('../images/cm_images/ic_date.png') left center no-repeat; background-size:11px; padding-left:15px}
.cm_board_notice .date {font-family:'Heebo'; color:#bbb; line-height:17px; font-size:13px;}
.cm_board_notice .icon_arrow {position:absolute; right:13px; top:50%; margin-top:-8px}
.cm_board_notice .icon_arrow .shape {width:12px; height:12px; border:1px solid #ccc; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-bottom:0; border-left:0 }
.cm_board_notice .ic_board {float:left; overflow:hidden; margin:1px 0 0 4px; }
.cm_board_notice .ic_board .icon {float:left; width:15px; height:14px; margin-left:3px; overflow:hidden;}
.cm_board_notice .ic_board .icon img {height:100%; float:left;}
.cm_board_notice .if_notice {background:#eee url('../images/cm_images/board_notice_bullet2.png') 15px center no-repeat; background-size:18px; color:#000;}
.cm_board_notice .if_notice .title {color:#000;}
.cm_board_notice .if_secret {background:transparent url('../images/cm_images/board_ic_secret.png') 13px center no-repeat; background-size:22px; color:#000;}






/* ●●●●●●●●●● 목록 이벤트형(리스트) */
.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('../images/cm_images/no_conts_board_event.png');}
.cm_board_event .title {margin:3px 0 10px 90px; overflow:hidden; font-size:13px; color:#555; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box;}
.cm_board_event .texticon_pack {position:absolute; left:10px; top:9px;}
.cm_board_event .date {float:left; font-family:'Heebo'; color:#333; padding-left:18px; font-size:13px; background:transparent url('../images/cm_images/ic_date.png') left center no-repeat; background-size:12px; margin-left:5px; letter-spacing:0px;}
.cm_board_event .comment {float:left; background:transparent url('../images/cm_images/board_ic_renum.png') left center no-repeat; background-size:19px; color:#666; padding-left:23px; margin-left:10px; line-height:15px; height:14px;}
.cm_board_event .comment {color:#666; font-family:'Heebo'}
.cm_board_event .if_close {background:rgba(0,0,0,0.03);}
.cm_board_event .if_close .title {color:#999;}
.cm_board_event .if_close .date {color:#999;}
.cm_board_event .if_notice {background:#eee url('../images/cm_images/board_notice_bullet2.png') 15px center no-repeat; background-size:18px; color:#000;}
.cm_board_event .if_notice .title {color:#000; margin:4px 0 2px 35px;}





/* ●●●●●●●●●● 목록 FAQ */
.cm_faq_search {overflow:hidden; padding:15px; position:relative; background:#fff url('../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:17px !important; color:#333; margin:15px 0 20px 120px; line-height:25px; box-sizing:border-box;}
.cm_faq_search .telnumber .call {font-family:'Heebo'; font-size:22px; 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('../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:50px; font-size:13px; box-sizing:border-box; position:absolute; right:0; top:0;}
.cm_faq_search .btn_viewall+ .input_box {margin-right:55px}

.cm_board_faq {border-top:2px solid #333;}
.cm_board_faq .cm_no_conts .no_icon {background-image:url('../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:'Heebo'; 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 .gtxt_box {padding-left:160px}
	.cm_faq_search .explain {margin-left:160px}
	.cm_faq_search .telnumber {margin:15px 0 10px 0}
}






/* ●●●●●●●●●● 게시판 하단 검색 */
.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('../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;}








/* ●●●●●●●●●● 목록 이벤트형(썸네일) */
.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 {}
.cm_board_event_thumb .texticon_pack {position:absolute; left:170px; top:10px;}
.cm_board_event_thumb .thumb {width:150px; height:42px; overflow:hidden; background:#f4f4f4 url('../images/cm_images/no_conts_thumb.png') center center no-repeat; background-size:25px;}
.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:'Heebo'; color:#333; padding-left:18px; font-size:12px; background:transparent url('../images/cm_images/ic_date.png') left center no-repeat; background-size:12px; margin-top:8px}
.cm_board_event_thumb .date {position:absolute; left:170px; top:29px;}
.cm_board_event_thumb .cm_no_conts .no_icon {background-image:url('../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; }









