@charset 'utf-8';

/*
	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.

*/






/* 08.고객센터 */

/*고객센터메인*/
.p_cs {}
.p_cs .c_main { overflow:hidden; background:#fff; }
.p_cs .c_main li { float:left; list-style:none; width:50%; }

.p_cs .tel_box { background:url('../images/sub_design/img_cs.png') 20px 57px no-repeat; padding:36px 0 0 190px; }
.p_cs .tel_box .txt { font-size:25px; color:#38393b; letter-spacing:-1px; line-height:1.1; font-weight:300;}
.p_cs .tel_box .number { font-size:60px; color:#cb3726; line-height:1.1; font-family:'rubik'; margin-top:4px; }
.p_cs .tel_box .time { overflow:hidden; margin:9px 0 0 16px; }
.p_cs .tel_box .time li { float:none; width:100%; overflow:hidden; margin:3px 0 2px; }
.p_cs .tel_box .time .opt { float:left; font-size:13px; color:#8b8d94; padding-right:12px; position:relative; line-height:19px; }
.p_cs .tel_box .time .opt:before { content:""; position:absolute; right:0; top:4px; width:1px; height:10px; background:#d1d3d8; }
.p_cs .tel_box .time .value { float:left; font-size:13px; color:#38393b; padding-left:12px; line-height:19px;}
.p_cs .tel_box .time .value em { color:#8c8d95;}
.p_cs .go_box { overflow:hidden; border-right:0;  margin:50px 50px 0 0; }
.p_cs .go_box ul { overflow:hidden; border-left:1px solid #bbbcc4; }
.p_cs .go_box li { float:left; width:33.33333%; list-style:none; text-align:center; position:relative; padding:18px 0 15px; border-top:1px solid #bbbcc4; border-bottom:1px solid #bbbcc4; }
.p_cs .go_box li:before { content:""; position:absolute; right:0; top:0; width:1px; height:100%; background:#bbbcc4; }
.p_cs .go_box .over { display:none; }
.p_cs .go_box .title { font-size:15px; color:#383e4d; letter-spacing:-0.5px; line-height:1.1; margin-top:14px; }
.p_cs .go_box li:hover .over { display:inline-block; }
.p_cs .go_box li:hover .off { display:none; }
.p_cs .go_box li:hover .title { color:#fff; }
.p_cs .go_box .btn1:hover { background:#3c4042;}
.p_cs .go_box .btn2:hover { background:#cb3726;}
.p_cs .go_box .btn3:hover { background:#2f7da9;}
.p_cs .faq_box { background:#4e85be; padding:34px 40px 39px; }
.p_cs .faq_box .title { text-align:center; font-size:27px; color:#fff; letter-spacing:-0.5px; font-weight:300; line-height:1.1; }
.p_cs .faq_box .title .link {padding-right:30px; position:relative;}
.p_cs .faq_box .title .link .edge {background:transparent url('../images/sub_design/ic_faq.png') left top no-repeat; width:23px; height:23px; position:absolute; right:0; top:2px;}
.p_cs .faq_box .title .link:hover { color:#2e3036; }
.p_cs .faq_box .title .link:hover .edge { background:transparent url('../images/sub_design/ic_faq_over.png') left top no-repeat; }
.p_cs .faq_box .search_box { position:relative; overflow:hidden; margin-top:32px; }
.p_cs .faq_box .search_box .search_form {overflow:hidden; position:relative; height:50px; }
.p_cs .faq_box .search_box .input_search { height:50px; line-height:50px; padding:0 20px; width:100%; background:#fff; border-radius:5px; box-sizing:border-box;}
.p_cs .faq_box .search_box .input_search { font-size:15px; color:#4e85be; letter-spacing:-0.5px; }
.p_cs .faq_box .search_box .input_search:focus {background:transparent url('../images/cm_images/opacity_60.png') left top repeat; color:#fff !important;}
.p_cs .faq_box .search_box .btn_search {position:absolute; right:0; top:0; width:60px; height:50px; background:transparent url('../images/sub_design/ic_search.png') center center no-repeat; z-index:5}
.p_cs .faq_box .search_box .btn_search:hover {background-color:#fff; border-radius:0 5px 5px 0;}

.p_cs .faq_box .best_list { overflow:hidden; margin-top:27px; }
.p_cs .faq_box .best_list ul { overflow:hidden; margin-left:-5px; }
.p_cs .faq_box .best_list li { list-style:none; float:left; width:33.333333%; margin-top:5px; }
.p_cs .faq_box .best_list .box { overflow:hidden; position:relative; margin-left:5px; }
.p_cs .faq_box .best_list dl { padding:0 14px; background:#43678c; height:74px; }
.p_cs .faq_box .best_list dt { font-size:13px; color:#a1b3c6; line-height:1.1; font-family:'rubik'; padding-top:10px; margin-bottom:6px; }
.p_cs .faq_box .best_list dd { font-size:13px; color:#fff; letter-spacing:-0.5px; line-height:17px; }
.p_cs .faq_box .best_list li:hover dl { background:#354554; }
.p_cs .faq_box .best_list li:hover dt { color:#fff; }
.p_cs .faq_box .best_list li:hover dd { text-decoration:underline; }


/* 고객센터메인 최근글 */
.p_cs .c_recent {background:#fff; padding:70px 0; overflow:hidden;}
.p_cs .c_recent li {list-style:none;}
.p_cs .c_recent .recent_wrap { overflow:hidden; margin-left:-50px; }
.p_cs .c_recent .recent_box {float:left; width:33.3333%; }
.p_cs .c_recent .recent_title {margin-left:50px; margin-bottom:10px; border-bottom:2px solid #333; line-height:35px;}
.p_cs .c_recent .recent_title .link { padding-right:15px; font-size:21px; color:#000; background:transparent url('../images/sub_design/ic_board_tit.png') right 10px no-repeat;}
.p_cs .c_recent .recent_title .link:hover {color:#cb3726; background:transparent url('../images/sub_design/ic_board_tit_over.png') right 10px no-repeat; }
.p_cs .c_recent .inquiry_list {overflow:hidden; margin-left:50px;}
.p_cs .c_recent .inquiry_list .post_box {overflow:hidden; position:relative; padding:0 6px; }
.p_cs .c_recent .inquiry_list .post_box *{font-size:13px; letter-spacing:0px; line-height:32px; height:32px;}
.p_cs .c_recent .inquiry_list .post_box .ctg {float:left; color:#000;}
.p_cs .c_recent .inquiry_list .post_box .txt_wrap {float:right; overflow:hidden;}
.p_cs .c_recent .inquiry_list .post_box .writer {float:left; color:#000; }
.p_cs .c_recent .inquiry_list .post_box .date {float:left; color:#888; font-size:12px; margin-left:15px;}
.p_cs .c_recent .inquiry_list .post_box .state {float:right; color:#8f9193; margin-left:15px;}
.p_cs .c_recent .inquiry_list .post_box .ready {color:#8f9193;}
.p_cs .c_recent .inquiry_list .post_box .ing {color:#4599b8;}
.p_cs .c_recent .inquiry_list .post_box .end {color:#ef1c1c;}
.p_cs .c_recent .board_list {overflow:hidden; position:relative; margin-left:50px;}
.p_cs .c_recent .board_list li {position:relative; padding-right:60px; overflow:hidden;}
.p_cs .c_recent .board_list .post_box {overflow:hidden; height:32px; display:inline-block; max-width:100%; float:left;}
.p_cs .c_recent .board_list .post_box .title {color:#474849; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; line-height:32px; height:32px;}
.p_cs .c_recent .board_list .post_box .date {position:absolute; right:0; top:0; line-height:32px; height:32px; color:#8f9193;}
.p_cs .c_recent .board_list .new {width:14px; height:13px; display:inline-block; background:transparent url('../images/board_new.gif') left top no-repeat; float:right; margin:9px 0 0 4px;}
.p_cs .c_recent .board_list li:hover .post_box .title {color:#cb3726; text-decoration:underline;}
.p_cs .c_recent .board_list li:hover .post_box .date {color:#000;}

/* 고객센터메인 팁&가이드 */
.p_cs .main_tip.if_cs { margin:0; background:#d8dee1; padding:40px 0 35px; }
.p_cs .main_tip.if_cs .title { text-align:center; }
.p_cs .main_tip.if_cs .title .en { font-size:55px; color:#000; letter-spacing:-1.5px; font-family:'rubik'; font-weight:600; line-height:1.1; }
.p_cs .main_tip.if_cs .title .kr { font-size:15px; color:#737576; letter-spacing:-0.5px; line-height:1.1; margin-top:3px; }
.p_cs .main_tip.if_cs .title .link { padding-right:45px; background:transparent url('../images/sub_design/ic_tip.png') right 13px no-repeat;}
.p_cs .main_tip.if_cs .link:hover { color:#cb3726; }
.p_cs .main_tip.if_cs .link:hover { background:transparent url('../images/sub_design/ic_tip_over.png') right 13px no-repeat; }
.p_cs .main_tip.if_cs .tip_list { margin-left:0; padding:0 60px; margin-top:24px; }
.p_cs .main_tip.if_cs .tip_list ul { margin-left:-40px; }
.p_cs .main_tip.if_cs .tip_list li { width:25%; margin:20px 0; }
.p_cs .main_tip.if_cs .tip_post { background:#fff; margin-left:40px; }
.p_cs .main_tip.if_cs .tip_post:hover { border:1px solid #f16363; }

.p_cs .menu_box { overflow:hidden; background:#fff; padding:60px 0; }
.p_cs .menu_box ul { overflow:hidden; margin-left:-17px; }
.p_cs .menu_box li { list-style:none; float:left; width:20%; text-align:center; }
.p_cs .menu_box .box { overflow:hidden; margin-left:17px; background:#f8f8f8; height:171px; position:relative; }
.p_cs .menu_box .img { margin-top:25px; }
.p_cs .menu_box .img .over { display:none; }
.p_cs .menu_box dl { padding:0 20px; margin-top:23px; }
.p_cs .menu_box dt { font-size:19px; color:#000; letter-spacing:-0.5px; line-height:1.1; margin-bottom:10px; }
.p_cs .menu_box dd { font-size:13px; padding:0 20px; color:#8f9296; letter-spacing:-0.5px; line-height:17px; word-wrap:break-word; word-break:keep-all; }
.p_cs .menu_box .box:hover { background:#3c4042; }
.p_cs .menu_box .box:hover .off { display:none; }
.p_cs .menu_box .box:hover .over { display:inline-block; }
.p_cs .menu_box .box:hover dt { color:#fff; }
.p_cs .menu_box .box:hover dd  { color:#c5c6c7; }



/*자주묻는질문*/
.p_cs .faq_top { position:relative; background:#fff; margin-bottom:30px; margin-top:20px;}
.p_cs .faq_top .top_txt {  }
.p_cs .faq_top .top_txt dt { font-size:30px; color:#cb3726; letter-spacing:-1px; line-height:1.1; margin-bottom:12px; }
.p_cs .faq_top .top_txt dd { font-size:17px; color:#75757a; letter-spacing:-1px; line-height:24px;  }
.p_cs .faq_top .top_txt .link { color:#cb3726; position:relative; text-decoration:underline;}
.p_cs .faq_top .top_img { position:absolute; right:0; top:-18px; z-index:2;  }
.p_cs .faq_top .faq_btm { overflow:hidden; padding:40px 60px 32px; background:#53535a; margin-top:34px; }
.p_cs .faq_top .faq_search {position:relative; overflow:hidden;  padding:0 250px 0 180px;}
.p_cs .faq_top .faq_search .search_tit {font-size:28px; color:#fff; letter-spacing:-0.5px; font-family:'rubik'; line-height:50px; font-weight:300; position:absolute; left:0; top:0;}
.p_cs .faq_top .faq_search .search_form {overflow:hidden; position:relative; height:50px;  }
.p_cs .faq_top .faq_search .input_search { height:50px; line-height:50px; width:100%; background:#fff; border-radius:5px; padding:0 70px 0 20px; box-sizing:border-box;}
.p_cs .faq_top .faq_search .input_search:focus {background:#eee;}
.p_cs .faq_top .faq_search .input_search { font-size:15px; color:#4e85be; letter-spacing:-0.5px; }
.p_cs .faq_top .faq_search .btn_search {width:60px; height:50px; border-radius:0 5px 5px 0; background:#212125 url('../images/sub_design/ic_search2.png') center center no-repeat; position:absolute; right:240px; top:0;}
.p_cs .faq_top .faq_search .btn_search:hover { background-color:#4e85be; }
.p_cs .faq_top .btn_reset {position:absolute; right:170px; top:0;}
.p_cs .faq_top .btn_reset .btn {width:60px; height:50px; border-radius:5px; background:#cb3726 url('../images/sub_design/ic_reset.png') center center no-repeat;}
.p_cs .faq_top .btn_reset .btn:hover { background-color:#af3022; }
.p_cs .faq_top .faq_best { overflow:hidden; padding:0 60px 53px; background:#53535a; }
.p_cs .faq_top .faq_best ul { overflow:hidden; margin-left:-10px; }
.p_cs .faq_top .faq_best li { list-style:none; float:left; width:20%; margin-top:10px; position:relative; overflow:hidden;}
.p_cs .faq_top .faq_best .one_box { padding:0 21px; background:#3a3a3f; height:114px; margin-left:10px; overflow:hidden; position:relative;}
.p_cs .faq_top .faq_best .one_box dt { font-size:16px; color:#9d9d9f; line-height:1.2; font-family:'rubik'; padding-top:15px; margin-bottom:9px; }
.p_cs .faq_top .faq_best .one_box dd { font-size:12px; color:#fff; letter-spacing:0px; line-height:18px; }
.p_cs .faq_top .faq_best .one_box:hover { background:#4e85be; }
.p_cs .faq_top .faq_best .one_box:hover dt { color:#fff; }
.p_cs .faq_top .faq_best .one_box:hover dd { text-decoration:underline; }
.p_cs .faq_top .faq_best .hit .one_box { background:#4e85be; }
.p_cs .faq_top .faq_best .hit dt { color:#fff; }




/*1:1고객문의*/
.p_cs .c_inquiry { overflow:hidden; position:relative; }
.p_cs .c_inquiry .top_txt { background:#53535a; position:relative; padding:35px 40px; }
.p_cs .c_inquiry dl {padding-right:250px;}
.p_cs .c_inquiry dt { font-size:30px; color:#fff; letter-spacing:-1px; line-height:1.1; margin-bottom:17px; }
.p_cs .c_inquiry dd { font-size:13px; color:#ccccce; letter-spacing:-0.2px; line-height:17px; background:transparent url('../images/sub_design/bullet_cs_top.gif') 3px 6px no-repeat; padding-left:20px; margin-top:5px;}
.p_cs .c_inquiry dd {word-wrap:break-word; word-break:keep-all; white-space:normal;}
.p_cs .c_inquiry dd strong {text-decoration:underline; color:#ffe400;}
.p_cs .c_inquiry dd a:hover {text-decoration:underline; color:#fff;}
.p_cs .c_inquiry .top_img { position:absolute; right:33px; bottom:0; }

.p_cs .c_inquiry .process { border:1px solid #53535a; border-top:0; padding:49px 0 48px 7px; }
.p_cs .c_inquiry .process ul { overflow:hidden; }
.p_cs .c_inquiry .process li { float:left; list-style:none; width:128px; height:128px; text-align:center; border-radius:200px; margin-left:52px; position:relative; }
.p_cs .c_inquiry .process li:before { content:""; position:absolute; left:0; top:50%; width:33px; height:15px; margin:-7px 0 0 -42px; background:transparent url('../images/sub_design/edge_process.gif') left top no-repeat;}
.p_cs .c_inquiry .process li:first-child:before { display:none; }
.p_cs .c_inquiry .process .bg_color01 { background:#669fdf; }
.p_cs .c_inquiry .process .bg_color02 { background:#4368bd; }
.p_cs .c_inquiry .process .bg_color03 { background:#5f4da3; }
.p_cs .c_inquiry .process .bg_color04 { background:#393987; }
.p_cs .c_inquiry .process .num { font-size:25px; font-family:'rubik'; display:block; line-height:1.1; margin:24px 0 13px; font-weight:300; }
.p_cs .c_inquiry .process .txt { font-size:15px; color:#fff; letter-spacing:-0.5px; line-height:19px; }
.p_cs .c_inquiry .process .bg_color01 .num { color:#b3cfef; }
.p_cs .c_inquiry .process .bg_color02 .num { color:#a1b4de; }
.p_cs .c_inquiry .process .bg_color03 .num { color:#afa6d1; }
.p_cs .c_inquiry .process .bg_color04 .num { color:#9c9cc3; }

.p_cs .c_inquiry .btn_down { position:absolute; right:20px; top:50%;  width:200px; height:140px; text-align:center; margin-top:-70px; border-radius:10px;}
.p_cs .c_inquiry .btn_down {background:#cb3726 url('../images/sub_design/ic_btn_down.png') center 28px no-repeat;}
.p_cs .c_inquiry .btn_down .img { margin:44px 0 17px; display:none;}
.p_cs .c_inquiry .btn_down .over { display:none; }
.p_cs .c_inquiry .btn_down .txt { display:block; font-size:15px; color:#fff; letter-spacing:-0.5px; margin-top:85px; line-height:1.3;}
.p_cs .c_inquiry .btn_down:hover { background-color:#232326; }
.p_cs .c_inquiry .btn_down:hover .over { display:block; }
.p_cs .c_inquiry .btn_down:hover .off { display:none; }
.p_cs .c_inquiry .btn_down:hover .txt { color:#fff; }




/*제휴문의*/
.p_cs .c_parter { overflow:hidden; position:relative; margin-bottom:40px; }
.p_cs .c_parter .top_txt { background:#53535a; position:relative; padding:50px 60px 49px; }
.p_cs .c_parter dt { font-size:33px; color:#fff; letter-spacing:-1px; font-family:"NanumSquare"; line-height:1.1; margin-bottom:22px; }
.p_cs .c_parter dt em { color:#ffd200; }
.p_cs .c_parter dd { font-size:13px; color:#ccccce; letter-spacing:-0.2px; line-height:18px; }
.p_cs .c_parter .t_design { font-size:17px; color:#ccccce; line-height:24px; letter-spacing:-0.5px; font-weight:300; margin-bottom:15px; }
.p_cs .c_parter .top_img { position:absolute; right:80px; top:0; }
.p_cs .c_parter .process { border:1px solid #53535a; border-top:0; padding:49px 0 48px 7px; }
.p_cs .c_parter .process ul { overflow:hidden; }
.p_cs .c_parter .process li { float:left; list-style:none; width:128px; height:128px; text-align:center; border-radius:200px; margin-left:52px; position:relative; }
.p_cs .c_parter .process li:before { content:""; position:absolute; left:0; top:50%; width:33px; height:15px; margin:-7px 0 0 -42px; background:transparent url('../images/sub_design/edge_process.gif') left top no-repeat;}
.p_cs .c_parter .process li:first-child:before { display:none; }
.p_cs .c_parter .process .bg_color01 { background:#f36179; }
.p_cs .c_parter .process .bg_color02 { background:#d94b98; }
.p_cs .c_parter .process .bg_color03 { background:#ad56c3; }
.p_cs .c_parter .process .bg_color04 { background:#8653b2; }
.p_cs .c_parter .process .num { font-size:25px; font-family:'rubik'; display:block; line-height:1.1; margin:24px 0 13px; font-weight:300;}
.p_cs .c_parter .process .txt { font-size:15px; color:#fff; letter-spacing:-0.5px; line-height:19px; }
.p_cs .c_parter .process .bg_color01 .num { color:#f9b0bc; }
.p_cs .c_parter .process .bg_color02 .num { color:#eca5cc; }
.p_cs .c_parter .process .bg_color03 .num { color:#d6abe1; }
.p_cs .c_parter .process .bg_color04 .num { color:#c3a9d9; }
.p_cs .c_parter .btn_down { position:absolute; right:33px; bottom:30px; background:#efeff5; width:220px; height:165px; text-align:center; }
.p_cs .c_parter .btn_down .img { margin:44px 0 17px; }
.p_cs .c_parter .btn_down .over { display:none; }
.p_cs .c_parter .btn_down .txt { display:block; font-size:15px; color:#48474c; letter-spacing:-0.5px; }
.p_cs .c_parter .btn_down:hover { background:#cb3726; }
.p_cs .c_parter .btn_down:hover .over { display:block; }
.p_cs .c_parter .btn_down:hover .off { display:none; }
.p_cs .c_parter .btn_down:hover .txt { color:#fff; }

/*tip&guide*/
/* .p_cs .if_cs_list { background:#fff; margin:0; }
.p_cs .if_cs_list .tip_list { margin-left:0; overflow:hidden; margin-top:-20px;}
.p_cs .if_cs_list .tip_list ul { margin-left:-40px; }
.p_cs .if_cs_list .tip_list li { width:25%; margin:20px 0; }
.p_cs .if_cs_list .tip_post { background:#fff; margin-left:40px; }
.p_cs .if_cs_list .tip_post:hover { border:1px solid #f16363; }
 */










/* ●●●●●●●●●● 보기 */
.cm_board_view {border-top:1px solid #333;}
.cm_board_view .post_title {background:#f1f1f1; padding:15px 130px; border-bottom:1px solid #cdcdcd; text-align:center; position:relative;}
.cm_board_view .post_title .txt {color:#000; font-size:18px; font-family:"roboto",'NanumBarunGothic'; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.cm_board_view .post_title .view_state {position:absolute; left:15px; top:16px}
.cm_board_view .post_title .view_state .texticon_pack {position:relative; margin-top:0px;}
.cm_board_view .post_title .view_state .txt {padding:0 120px;}
.cm_board_view .post_title .txt strong {color:#cb3726;}
.cm_board_view .post_title .texticon_pack {position:absolute; left:15px; top:50%; margin-top:-12px;}
.cm_board_view .post_title .texticon_pack+ .txt {padding:0 120px;}

.cm_board_view .post_info {overflow:hidden; border-bottom:1px solid #ccc; position:relative;}
.cm_board_view .post_info ul {margin-top:-1px;}
.cm_board_view .post_info:before {content:""; width:1px; height:100%; background:#ccc; position:absolute; left:50%; top:0; z-index:5}
.cm_board_view .post_info li {list-style:none; float:left; width:50%; overflow:hidden; position:relative; border-top:1px solid #eee;}
.cm_board_view .post_info  * {height:40px; line-height:42px;}
.cm_board_view .post_info .opt {color:#999; float:left; padding:0 30px; background:#f9f9f9; width:50px;}
.cm_board_view .post_info .one_tx {float:left; overflow:hidden; color:#333; letter-spacing:0px; position:relative; display:inline-block; padding-left:20px;}
.cm_board_view .post_info .one_tx strong {color:#000; letter-spacing:0px;}
.cm_board_view .post_info .one_tx:before {content:''; width:1px; height:100%; background:#eee; position:absolute; left:0; top:0}
.cm_board_view .post_conts {overflow:hidden; padding:20px 0 40px 0; font-size:13px;}
.cm_board_view .post_conts img {max-width:100%;}

.cm_board_view .comment {overflow:hidden; margin:30px 0 0 0; }
.cm_board_view .comment_top {overflow:hidden; margin-bottom:10px;}
.cm_board_view .comment_top dt {float:left; height:20px; font-size:16px; font-weight:600; color:#000}
.cm_board_view .comment_top dd {float:right; color:#aaa; letter-spacing:-1px; margin-top:5px; font-size:11px;}
.cm_board_view .comment_form {background:#f7f7f7; border:1px solid #e2e2e2; padding:10px; overflow:hidden; position:relative;}
.cm_board_view .comment_form .input {overflow:hidden; margin-bottom:10px;}
.cm_board_view .comment_form .input_design {background:#fff; border:1px solid #ddd;  color:#666; float:left; height:35px; line-height:35px; margin-right:10px; width:170px; padding:0 10px; border-radius:5px;}
.cm_board_view .comment_form .input_design:focus {border:1px solid #555; background:#fff; color:#000}
.cm_board_view .comment_form .textarea {padding-right:120px; position:relative;}
.cm_board_view .comment_form .textarea_design {background:#fff; border:1px solid #ddd; color:#666; height:48px; width:100%; padding:10px; overflow:auto; border-radius:5px;}
.cm_board_view .comment_form .textarea_design:focus {border:1px solid #555; background:#fff; color:#333}
.cm_board_view .comment_form .btn_ok {position:absolute; right:0; bottom:-1px; background:#929292; width:90px; height:70px; color:#fff; font-size:16px; border-radius:5px; letter-spacing:-1px;}
.cm_board_view .comment_form .btn_ok:hover {background:#333;}
.cm_board_view .comment_list { overflow:hidden;}
.cm_board_view .comment_list li {border-bottom:1px dashed #dadada; padding:15px 15px 15px 95px; position:relative; list-style:none; background:transparent url('../images/cm_images/comment_list_ico.png') 20px center no-repeat; cursor:default}
.cm_board_view .comment_list .name {font-weight:600; float:left; margin-right:10px; color:#333; line-height:19px;}
.cm_board_view .comment_list .id {color:#777; float:left; line-height:19px; font-family:calibri; font-size:15px; letter-spacing:0; margin-right:10px}
.cm_board_view .comment_list .date {color:#999; float:left; line-height:19px; font-family:calibri; font-size:15px; letter-spacing:0px;}
.cm_board_view .comment_list .conts {margin-top:10px; line-height:18px; clear:both; padding-top:5px;}
.cm_board_view .comment_list .btn_delete {background:transparent url('../images/cm_images/comment_delete.gif') center center no-repeat; border:1px solid #ddd; width:17px; height:15px; float:left; margin:2px 0 0 10px;}
.cm_board_view .comment_list .btn_delete:hover {background-color:#ddd;}
.cm_board_view .nextprev {border-top:1px solid #ddd; margin-top:20px; position:relative; overflow:hidden;}
.cm_board_view .nextprev:before {content:""; width:1px; height:100%; position:absolute; left:50%; top:0; background:#ddd;}
.cm_board_view .nextprev li {border-bottom:1px solid #ddd; position:relative; list-style:none; float:left; width:50%;}
.cm_board_view .nextprev .opt {position:absolute; left:25px; top:50%; margin-top:-10px; width:75px; height:20px; line-height:22px; color:#cb3726}
.cm_board_view .nextprev .value {margin-left:100px; padding:8px 20px;}
.cm_board_view .nextprev .link {height:25px; line-height:27px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.cm_board_view .nextprev .link:hover {color:#333}
.cm_board_view .nextprev .pv {background:transparent url('../images/cm_images/board_view_prev.gif') 45px center no-repeat}
.cm_board_view .nextprev .nx {background:transparent url('../images/cm_images/board_view_next.gif') 45px center no-repeat}
.cm_board_view .file_down {border:1px dashed #ddd; position:relative; margin:30px 0 0 0; background:#fafafa;}
.cm_board_view .file_down .opt {position:absolute; left:20px; top:50%; margin-top:-12px; width:70px; height:25px; line-height:27px; color:#666; padding-left:20px;}
.cm_board_view .file_down .opt {background:transparent url('../images/cm_images/board_view_file.gif') left center no-repeat;}
.cm_board_view .file_down .value {margin-left:105px; padding:15px 20px; overflow:hidden; border-left:1px dotted #ddd; overflow:hidden;}
.cm_board_view .file_down .link {height:30px; line-height:32px; color:#888; float:left; margin-right:10px; letter-spacing:0px; background:#eee; border-radius:100px; padding:0 20px;}
.cm_board_view .file_down .link:hover {color:#fff; background:#999;}

/*게시판보기_기본정보 추가*/
.cm_board_view .customer_box { overflow:hidden; border:2px solid #333; margin:15px 0 10px 0;}
.cm_board_view .customer_box .txt_box { overflow:hidden; margin-top:-1px;}
.cm_board_view .customer_box dl { float:left; width:50%; overflow:hidden; border-top:1px solid #ddd; padding:12px 0; position:relative;}
.cm_board_view .customer_box dt {color:#999; float:left; width:100px; position:relative; padding-left:20px;}
.cm_board_view .customer_box dt:before {content:""; background:#333; width:3px; height:3px; position:absolute; left:10px; top:6px;}
.cm_board_view .customer_box dd {float:left; color:#333; font-size:13px;}
.cm_board_view .customer_box .writer {margin-bottom:10px}
.cm_board_view .customer_box .writer span {background:#333; color:#fff; border-radius:30px; font-size:17px; padding:5px 0 7px 0; text-align:center; width:200px; letter-spacing:0; font-weight:500}
.cm_board_view .customer_box dl:hover {background:#eee;}
.cm_board_view .customer_box .this_admin {position:absolute; right:20px; top:50%; margin-top:-12px;}
.cm_board_view .customer_box .this_admin .btn {background:#333; color:#fff; padding:0 15px; line-height:24px; height:24px; float:left; margin-left:3px; border-radius:100px; font-size:12px; border:1px solid #333; box-sizing:border-box;}
.cm_board_view .customer_box .this_admin .btn:hover {background:#cb3726; border-color:#cb3726;}

.cm_board_view .admin_answer {border:2px solid #cb3726; margin:30px 0 0 0; padding:20px; position:relative; border-radius:0 10px 10px 10px;}
.cm_board_view .admin_answer .admin_title {position:absolute; left:0; top:0; margin:-13px 0 0 -2px; background:#cb3726; height:40px; line-height:40px; color:#fff; font-size:16px; padding:0 20px 0 20px; font-family:"NanumSquare";}
.cm_board_view .admin_answer .admin_title:after {content:''; width: 0; height: 0; border-bottom: 13px solid #000; border-right: 13px solid transparent; position:absolute; right:-13px; top:0; }
.cm_board_view .admin_answer .admin_date {position:absolute; right:0; top:0; color:#cb3726; margin:15px; letter-spacing:0px;}
.cm_board_view .admin_answer .admin_conts {margin:35px 0 10px 0; overflow:hidden; font-size:13px;}
.cm_board_view .admin_answer .admin_conts img {max-width:100%;}

.cm_board_view .before_admin {background:#ccc; overflow:hidden; margin-top:15px; padding:10px 0px; position:relative;}
.cm_board_view .before_admin ul {margin-right:140px;}
.cm_board_view .before_admin li {overflow:hidden; padding:10px 20px; position:relative;}
.cm_board_view .before_admin li+ li {border-top:1px solid #ddd}
.cm_board_view .before_admin .btn_accept {position:absolute; right:10px; top:50%; height:100%; width:120px; margin-top:-35px;}
.cm_board_view .before_admin .btn_accept .btn {display:block; text-align:center; font-size:15px; border-radius:5px; background:#cb3726; color:#fff; height:70px; line-height:70px;}
.cm_board_view .before_admin .btn_accept .btn:hover {background:#333; color:#fff;}
.cm_board_view .before_admin .txt {float:left; color:#fff; line-height:25px; margin-right:20px; font-weight:600; font-size:13px;}
.cm_board_view .label_design {overflow:visible; float:left; position:relative; padding:0; border:0; border-radius:0px;}
.cm_board_view .label_design+ .label_design {margin-left:5px; }
.cm_board_view .label_design input {position:absolute; left:12px; top:50%; margin-top:-6px}
.cm_board_view .label_design span {color:#777; height:25px; line-height:27px; border-radius:100px; padding:0 15px 0 30px; background:#fff; letter-spacing:-0.5px; min-width:30px;}
.cm_board_view .label_design:hover span {color:#000;}
.cm_board_view .label_design input:checked+ span {color:#fff; background:#cb3726;}
.cm_board_view label:hover {color:#ff0000; border:0; }

/*게시판보기_기본정보 추가(맞춤제작 free) */
.cm_board_view .customer_box.if_ctmz { overflow:hidden; border:2px solid #333; margin:15px 0 10px 0;}
.cm_board_view .customer_box.if_ctmz dl {float:none; width:100%; padding:0px;}
.cm_board_view .customer_box.if_ctmz dt {position:absolute; left:10px; top:50%; margin-top:-7px; font-size:13px;}
.cm_board_view .customer_box.if_ctmz dd {margin-left:115px; padding:10px; border-left:1px solid #ddd;}
.cm_board_view .customer_box.if_ctmz a {display:block; padding:3px;}

.cm_board_view .copy {position:absolute; right:15px; top:50%; margin-top:-15px;}
.cm_board_view .copy .content_copy {background:#434757 url('../images/cm_images/board_view_copy.png') 15px center no-repeat; color:#fff; font-size:13px; padding:0 25px 0 40px; height:30px; line-height:32px;}
.cm_board_view .copy .content_copy:hover {background-color:#cb3726;}
.cm_board_view .copy+ .txt {padding:0 120px;}









/* ●●●●●●●●●● 쓰기폼(문의폼) */
.cm_board_form {border-top:2px solid #333;}
.cm_board_form ul {overflow:hidden;}
.cm_board_form li {list-style:none; position:relative; border-bottom:1px solid #dedede; width:100%; clear:both; background:#fbfbfb;}
.cm_board_form .opt {position:absolute; left:15px; top:50%; color:#333; background:transparent url('../images/cm_images/member_form_bullet.png') left 3px no-repeat; padding-left:15px; line-height:1.3; white-space:nowrap; margin-top:-8px;}
.cm_board_form .ess .opt {background-image:url('../images/cm_images/member_form_bullet2.png')}
.cm_board_form .value {margin-left:140px; background:#fff; border-left:1px dashed #dedede; overflow:hidden; padding:10px; height:100%; min-height:33px; line-height:36px; color:#666; background:#fff;}
.cm_board_form .value strong {color:#ff0000; font-weight:600;}
.cm_board_form .double {width:50%; float:left; clear:none}
.cm_board_form .double+ .double:before {content:""; background:#dedede; width:1px; height:100%; position:absolute; left:-1px; top:0;}
.cm_board_form .input_design {width:100%; background:#fff; border:1px solid #ccc; height:35px; line-height:36px; text-indent:10px; float:left; font-size:12px; box-sizing:border-box; color:#666;}
.cm_board_form .input_design:focus {background-color:#fff; border-color:#999;}
.cm_board_form .input_design:disabled {background:#f0f0f0; opacity: 0.6; filter: alpha(opacity=70); -ms-filter:alpha(opacity=70); Cursor :no-drop}
.cm_board_form .input_design:disabled+ .back_txt {opacity: 0.3; filter: alpha(opacity=30); -ms-filter:alpha(opacity=30);}
.cm_board_form .input_design.readonly {Cursor :no-drop}
.cm_board_form .input_design+ .input_design {margin-top:5px;}
.cm_board_form .input_wrap {position:relative; height:35px;}
.cm_board_form .input_wrap .back_txt {top:0; right:10px}
.cm_board_form .textarea_design {background:#fff; border:1px solid #ccc; padding:10px; color:#333; width:100%; line-height:20px; height:250px; box-sizing:border-box; font-size:13px;}
.cm_board_form .textarea_design:focus {border:1px solid #ccc; background:#fff; border-color:#666;}
.cm_board_form .input_file_box {height:32px;}
.cm_board_form .duplicate {overflow:hidden;}
.cm_board_form .duplicate+ .duplicate {margin-top:5px;}
.cm_board_form .input_file_box .fakeFileTxt {margin-top:10px; }
.cm_board_form .input_date {background:#f1f1f1 url('../images/cm_images/ic_date.png') 10px center no-repeat; padding-left:25px;}
.cm_board_form .dash {width:20px; float:left; height:33px; text-align:center;}
.cm_board_form .dash:before {content:'~'; line-height:35px;}

.cm_board_form select {padding:0 4px;  min-width:250px; border:1px solid #ccc; height:33px; float:left; width:100%; font-size:12px !important;}
.cm_board_form select:focus {color:#000; border:1px solid #000;}
.cm_board_form .tip_txt {clear:both; padding-top:10px; margin-left:5px}
.cm_board_form .tip_txt dd {line-height:1.8; padding-left:8px; color:#999; font-size:12px; position:relative; min-height:22px}
.cm_board_form .tip_txt dd:before {content:""; width:3px; height:3px; background:#999; position:absolute; left:0; top:7px;}
.cm_board_form .tip_txt dt {line-height:1.5; padding-left:8px; color:#999; font-size:12px; position:relative; min-height:22px}
.cm_board_form .tip_txt dt:before {content:""; width:3px; height:3px; background:#999; position:absolute; left:0; top:6px;}
.cm_board_form .tip_txt.if_beside {clear:none; float:left; padding-top:9px; margin-left:15px;}

.cm_board_form .label_design {overflow:visible; float:left; position:relative; padding:0; border:0; border-radius:0px;}
.cm_board_form .label_design+ .label_design {margin-left:10px; }
.cm_board_form .label_design input {position:absolute; left:20px; top:50%; margin-top:-6px}
.cm_board_form .label_design span {color:#666; height:32px; line-height:35px; border:1px solid #ddd; border-radius:100px; padding:0 20px 0 40px; background:#fff; font-size:12px !important; letter-spacing:0; overflow:hidden;}
.cm_board_form .label_design:hover span {background:#f5f5f5;}
.cm_board_form .label_design input:checked+ span {color:#fff; background:#cb3726; border:1px solid #cb3726;}
.cm_board_form label:hover {color:#ff0000; border:0; }
.cm_board_form .label_design+ .textarea_design { margin-top:10px; }

.cm_board_form .front_txt {float:left; line-height:40px; font-size:12px; margin:0 10px 0 20px; color:#ff6600;}
.cm_board_form .button_pack {float:left; margin-left:10px;}
.cm_board_form .input_double {overflow:hidden; clear:both; }
.cm_board_form .input_double .input_wrap {margin-top:5px; width:50%; float:left; }
.cm_board_form .input_double .input_wrap:first-of-type div {margin-right:10px}

.cm_board_form .back_txt {position:absolute; right:20px; top:11px; line-height:33px;}

.cm_board_form.if_free_ctmz {border:1px solid #cb3726; margin-top:30px; padding:5px 20px 30px 20px;}
.cm_board_form.if_free_ctmz li {width:auto; clear:none; border:0;}
.cm_board_form.if_free_ctmz .value {margin-left:0; border-left:0}
.cm_board_form.if_free_ctmz .button_pack {margin:0px;}
.cm_board_form.if_free_ctmz .cm_bottom_button {padding:0px; margin:5px 0 0 0px;}

.cm_board_form .half select {width:42%;}






/* ●●●●●●●●●●하단검색 */
.cm_board_search {text-align:center; border-top:1px solid #ddd; padding-top:25px; margin-top:40px; overflow:hidden;}
.cm_board_search .input_search {border:1px solid #d7d7d7; height:35px; line-height:34px;width:200px; padding:0 10px; float:left; box-sizing:border-box; border-right:0; background:#fff;}
.cm_board_search .input_search:focus {border:1px solid #6f6f6f; border-right:0; color:#333}
.cm_board_search .btn_search {background:#6f6f6f url('../images/cm_images/board_ic_search.png') center center no-repeat; width:60px; height:35px; float:left;}
.cm_board_search .btn_search:hover {background-color:#222 }
.cm_board_search .btn_viewall {background:#333; height:35px; line-height:37px; color:#fff; float:left; padding:0 15px; margin-left:5px; letter-spacing:-1px; }
.cm_board_search .btn_viewall:hover {background:#cc0000}
.cm_board_search .check_box {float:left; margin:5px 0 0 0;}
.cm_board_search .check_box label {float:left; overflow:hidden; margin-right:15px; padding:6px 0;}
.cm_board_search .check_box label input {float:left; margin:0 3px 0 0;}





/* ●●●●●●●●●● 목록 상단추가  */
.cm_board_top {overflow:hidden; position:relative; margin-bottom:15px; text-align:right; /* margin-top:15px; */}
.cm_board_top .lineup {margin-top:10px;}
.cm_board_top .add_txt {overflow:hidden; margin-left:10px; display:inline-block;}
.cm_board_top .cm_board_search {margin:0; border-top:0; padding:0; text-align:right;}
.cm_board_top .cm_board_search .input_search {width:250px;}
.cm_board_top select {height:35px; min-width:120px; border:1px solid #ccc; padding-left:10px; position:absolute; left:0; bottom:0; font-size:13px !important;}
.cm_board_top select:focus {border:1px solid #000; color:#000;}

.cm_board_top .total_number {overflow:hidden; position:relative; border:1px solid #ccc; border-top:0; padding:10px 40px;  margin-bottom:5px;}
.cm_board_top .total_number .lineup {float:left; margin-top:0px;}
.cm_board_top .total_number .txt {position:relative; float:left; height:35px;}
.cm_board_top .total_number .txt * {color:#666; float:left; line-height:35px;}
.cm_board_top .total_number .txt strong {color:#cb3726; font-family:"roboto"; letter-spacing:0px; font-size:13px; font-weight:600; float:left; margin:-1px 0 0 3px; margin-top:0px\0;}
.cm_board_top .total_number .txt em {font-size:12px; ;}
.cm_board_top .total_number .txt+ .txt {margin-left:15px; padding-left:15px;}
.cm_board_top .total_number .txt+ .txt:before {content:""; width:1px; height:12px; background:#ccc; position:absolute; left:0; top:50%; margin-top:-7px;}
.cm_board_top .total_number .title {float:left; font-size:15px; color:#333; line-height:35px; margin-right:30px; font-weight:400; letter-spacing:-0.5px;}
.cm_board_top .total_number .title strong {color:#cb3726; }


/* ●●●●●●●●●● 관리자를 위한공간(1:1문의) */
.cm_for_admin { overflow:hidden; background:#fff; position:relative;}
.cm_for_admin:before {content:""; width:1px; height:100%; background:#666; position:absolute; left:50%; top:0;}
.cm_for_admin .whos {background:#313135; padding:12px; overflow:hidden; text-align:center;}
.cm_for_admin .whos dt {color:#fff; float:left; width:50%;}
.cm_for_admin .whos dd {color:#fff; float:left; width:50%;}
.cm_for_admin .whos strong {color:#ff6600; margin-right:10px;}










/* ●●●●●●●●●● 목록 탭메뉴(카테고리있을경우) */
.cm_board_tab {overflow:hidden; background:#fff; border-left:1px solid #ddd;}
.cm_board_tab .tabmenu {float:left; padding:12px 25px; color:#888; border-right:1px solid #ddd; border-top:1px solid #ddd; }
.cm_board_tab .tabmenu:hover {color:#333}
.cm_board_tab .hit {background:#fff; color:#000; font-weight:600; background:#fafafa;}






/* ●●●●●●●●●● 목록 공통!!!!!!!!!!!!!! */
.cm_board {border-top:1px solid #333;}
.cm_board .cm_no_conts .no_icon {background:transparent url('../images/cm_images/no_conts_board_notice.png') center bottom no-repeat;}
.cm_board li {border-bottom:1px solid #ddd; position:relative; cursor:default; list-style:none; }
.cm_board li {position:relative; overflow:hidden; text-align:center; padding:0 170px 0 80px;}
.cm_board .upper_link {height:45px}
.cm_board * {font-family:"roboto","NanumBarunGothic"; font-size:13px; color:#aaa;}

.cm_board .posting {overflow:hidden; display:inline-block; max-width:100%; float:left; box-sizing:border-box; padding-right:30px;}
.cm_board .posting div {height:45px; line-height:47px;}

.cm_board .number {position:absolute; left:0; top:0; width:80px; height:45px; line-height:47px; border-right:1px solid #ddd; }

.cm_board .title {color:#444; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; padding-left:16px; text-align:left !important; position:relative;}
.cm_board .title_icon {overflow:hidden; color:#333; float:right; margin:16px 0 0 0}
.cm_board .title_icon .icon {float:left; margin-left:5px}

.cm_board .right_box {position:absolute; right:0; top:0; overflow:hidden;}
.cm_board .right_box span {float:left; height:45px; line-height:47px; border-left:1px solid #ddd; box-sizing:border-box; text-align:center;}

.cm_board .date {width:100px;}
.cm_board .click {width:70px;}

.cm_board .if_notice {background:#fafafa;}
.cm_board .if_notice .number {background:transparent url('../images/cm_images/board_notice_bullet2.png') center center no-repeat; line-height:100;}
.cm_board .if_notice .title {color:#000; font-weight:600;}
/* .cm_board .if_secret .number {background:transparent url('../images/cm_images/ic_secret.png') center center no-repeat; line-height:100;} */
.cm_board .if_secret .title {color:#888; padding-left:55px;}
.cm_board .if_secret .title:before {content:""; position:absolute; left:15px; top:50%; margin-top:-13px; width:26px; height:26px; background:transparent url('../images/cm_images/ic_secret.png') center center no-repeat !important}



.cm_board li:hover {background-color:#fafafa;}
.cm_board li:hover .title {color:#cb3726}
.cm_board li:hover * {color:#333;}

.cm_board .board_head {background:#eee !important; border-color:#ccc !important}
.cm_board .board_head * {color:#777 !important; font-size:13px !important; border-color:#ccc !important; font-weight:400 !important;}
.cm_board .board_head .posting {width:100%; padding:0px;}
.cm_board .board_head .title {padding:0px; text-align:center !important}
.cm_board .board_head .right_box span+ span {background:none !important;}
.cm_board .board_head .title {padding-left:0px !important;}
.cm_board .board_head .title:before {display:none !important;}



/* ●●●●●●●●●● 목록 공지형 */
.cm_board_notice {}
.cm_board_notice .ctg {position:absolute; left:80px; top:0; width:120px; height:45px; line-height:47px; border-right:1px solid #ddd; color:#7e808e; text-align:center;}
.cm_board_notice li {padding-left:200px;;}





/* ●●●●●●●●●● 목록 FAQ형 */
.cm_board_faq .cm_no_conts .no_icon {background:transparent url('../images/cm_images/no_conts_board_faq.png') center bottom no-repeat;}
.cm_board_faq li {padding-right:230px;}
/* .cm_board_faq .number {font-family:"lato"; font-size:19px; color:#333; font-weight:600;} */
.cm_board_faq .edge { width:60px; background:transparent url('../images/cm_images/ic_faq_open.png') center center no-repeat;}
.cm_board_faq .answer {display:none; clear:both; line-height:21px; position:relative; padding:30px 60px 30px 90px; color:#333; margin:0 -230px 0 -80px;}
.cm_board_faq .answer {text-align:left; background:#fff /* url('../images/cm_images/ic_faq_a.gif') 60px 25px no-repeat */; word-wrap:break-word; word-break:keep-all; white-space:normal; }
.cm_board_faq .answer {border-top:0; border:1px solid #ccc; border-bottom:0;}
.cm_board_faq .title:before {content:"Q"; font-family:"lato"; font-size:16px; color:#333; font-weight:600; width:30px; height:30px; line-height:28px; text-align:center; border-radius:100px;}
.cm_board_faq .title:before { position:absolute; left:20px; top:8px; background:#eee;}
.cm_board_faq .title {padding-left:70px;}
.cm_board li:hover .title:before {background:#999; color:#fff;}

.cm_board_faq .if_open {background:#717077 !important;}
.cm_board_faq .if_open .edge {background:transparent url('../images/cm_images/ic_faq_close.png') center center no-repeat;}
.cm_board_faq .if_open .posting * {color:#fff !important; border-color:#666 !important}
.cm_board_faq .if_open .answer {display:block;}
.cm_board_faq .if_open .answer {color:#666;}
.cm_board_faq .if_open .answer dd {color:#666 !important;}
.cm_board_faq .if_open .answer dd * {color:#666 !important;}
.cm_board_faq .if_open .title:before {background:#cb3726 !important; color:#fff !important;}

.cm_board_faq .file_down {border:1px solid #ddd; position:relative; margin:10px 0 0 0; background:#fff;}
.cm_board_faq .file_down .opt {position:absolute; left:20px; top:50%; margin-top:-13px; width:70px; height:25px; line-height:27px; color:#666; padding-left:20px;}
.cm_board_faq .file_down .opt {background:transparent url('../images/cm_images/board_view_file.gif') left center no-repeat;}
.cm_board_faq .file_down .value {margin-left:105px; padding:10px 15px; overflow:hidden; border-left:1px dotted #ddd; overflow:hidden;}
.cm_board_faq .file_down .link {height:30px; line-height:30px; color:#888; float:left; margin-right:10px; letter-spacing:0px; background:#eee; border-radius:100px; padding:0 20px;}
.cm_board_faq .file_down .link:hover {color:#fff !important; background:#999;}
.cm_board_faq .delete_btn_box {overflow:hidden; margin:10px 0 0 0; }
.cm_board_faq .delete_btn_box .button_pack {float:right; margin-left:5px;}




/* ●●●●●●●●●● 목록 1:1문의형 */
.cm_board_inquiry li {padding-right:350px;}
.cm_board_inquiry .cm_no_conts .no_icon {background:transparent url('../images/cm_images/no_conts_board_normal.png') center bottom no-repeat; margin-left:20px}
.cm_board_inquiry .state {width:120px;}
.cm_board_inquiry .state .texticon_pack {margin-top:10px; float:none; border-left:0 !important;}
.cm_board_inquiry .writer {width:130px; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; color:#000;}
.cm_board_inquiry .hero {width:80px; display:none;}
.cm_board_inquiry .title {color:#000; background:#;}
.cm_board_inquiry .title strong {color:#cb3726; font-weight:600;  margin-right:5px;}
.cm_board_inquiry .if_secret .hero {display:none;}
.cm_board_inquiry .if_secret .title_icon {display:none;}
.cm_board_inquiry .if_secret .upper_link {display:none;}
.cm_board_inquiry .if_before {background:#faf8ed !important;}
.cm_board_inquiry.if_for_admin li {padding-right:430px;}
.cm_board_inquiry.if_for_admin .hero {display:inline-block;}


/* 나의문의내역에서 게시판그대로 사용하기 */
.cm_board_inquiry.if_mypage {border-top:1px solid #bbb;}
.cm_board_inquiry.if_mypage li {padding-right:320px; }
.cm_board_inquiry.if_mypage .edge { width:60px; background:transparent url('../images/cm_images/ic_faq_open.png') center center no-repeat;}
.cm_board_inquiry.if_mypage .answer {display:none; clear:both; line-height:20px; border-top:1px dashed #ccc; position:relative; padding:30px 60px 30px 100px; color:#333; font-size:13px; margin:0 -350px 0 -90px;}
.cm_board_inquiry.if_mypage .answer * {text-align:left !important}
.cm_board_inquiry.if_mypage .answer {background:#f1f1f1 url('../images/cm_images/ic_faq_a.gif') 60px 25px no-repeat;}
.cm_board_inquiry.if_mypage .answer dt {font-size:15px; color:#000;}
.cm_board_inquiry.if_mypage .answer dd {font-size:13px; margin-top:10px; color:#666;}
.cm_board_inquiry.if_mypage .if_open .answer {display:block;}
.cm_board_inquiry.if_mypage .if_open .edge {background:transparent url('../images/cm_images/ic_faq_close2.png') center center no-repeat;}
.cm_board_inquiry.if_mypage .if_open .title {color:#000;}
.cm_board_inquiry.if_mypage .admin_answer {border:2px solid #cb3726; margin:30px 0 0 0; padding:20px 30px; position:relative; border-radius:0 10px 10px 10px; background:#fff;}
.cm_board_inquiry.if_mypage .admin_title {position:absolute; left:0; top:0; margin:-13px 0 0 -2px; background:#cb3726; height:40px; line-height:40px; color:#fff; font-size:16px; padding:0 20px 0 20px; font-family:"NanumSquare";}
.cm_board_inquiry.if_mypage .admin_title:after {content:''; width: 0; height: 0; border-bottom: 13px solid #000; border-right: 13px solid transparent; position:absolute; right:-13px; top:0; }
.cm_board_inquiry.if_mypage .admin_date {position:absolute; right:20px; top:15px; color:#cb3726; letter-spacing:0px;}
.cm_board_inquiry.if_mypage .admin_conts {margin:35px 0 10px 0; overflow:hidden; font-size:13px; color:#666; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.cm_board_inquiry.if_mypage .admin_conts img {max-width:100%;}

.cm_board_inquiry .file_down {border:1px solid #ddd; position:relative; margin:10px 0 0 0; background:#fff;}
.cm_board_inquiry .file_down .opt {position:absolute; left:20px; top:50%; margin-top:-12px; width:70px; height:25px; line-height:27px; color:#666; padding-left:20px;}
.cm_board_inquiry .file_down .opt {background:transparent url('../images/cm_images/board_view_file.gif') left center no-repeat;}
.cm_board_inquiry .file_down .value {margin-left:105px; padding:10px 15px; overflow:hidden; border-left:1px dotted #ddd; overflow:hidden;}
.cm_board_inquiry .file_down .link {height:30px; line-height:32px; color:#888; float:left; margin-right:10px; letter-spacing:0px; background:#eee; border-radius:100px; padding:0 20px;}
.cm_board_inquiry .file_down .link:hover {color:#fff; background:#999;}
.cm_board_inquiry .delete_btn_box {overflow:hidden; margin:10px 10px 0 0;}
.cm_board_inquiry .delete_btn_box .button_pack {float:right}


/* ●●●●●●●●●● 목록 프리견적 */
.cm_board_ctmz {margin-top:15px;}
.cm_board_ctmz li {padding-right:670px;}
.cm_board_ctmz .cm_no_conts .no_icon {background:transparent url('../images/cm_images/no_conts_board_normal.png') center bottom no-repeat; margin-left:20px}
.cm_board_ctmz .state {width:120px;}
.cm_board_ctmz .state .texticon_pack {margin-top:10px; float:none; border-left:0 !important;}
.cm_board_ctmz .writer {width:150px; color:#000;}
.cm_board_ctmz .field {width:160px; color:#ff0000;}
.cm_board_ctmz .solution {width:160px;}
.cm_board_ctmz .posting {width:100%;}
.cm_board_ctmz .title {text-align:center !important;}




/* ●●●●●●●●●● 목록 로고형  */
.cm_board_logo { margin-top:-10px}
.cm_board_logo ul {overflow:hidden; margin-left:-20px; }
.cm_board_logo li {list-style:none; position:relative; float:left; width:20%; margin:11px 0; }
.cm_board_logo .post {background:#fff; border:1px solid #c6c6c6; overflow:hidden; position:relative; margin-left:21px; text-align:center; }
.cm_board_logo .thumb {position:relative; overflow:hidden; padding:10px; /*background:#f4f4f4 url('../images/cm_images/no_conts_thumb.png') center center no-repeat; */}
.cm_board_logo .thumb img {width:100%; float:left;}
.cm_board_logo dl { background:#f8f8f8; padding:9px 10px; }
.cm_board_logo dt { font-size:13px; color:#53535a; letter-spacing:-0.5px; line-height:1.1; margin-bottom:4px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; }
.cm_board_logo dd { font-size:13px; color:#a5a5a9; font-family:'rubik'; line-height:1.1; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; }
.cm_board_logo .post:hover { border:1px solid #060606}
.cm_board_logo .post:hover dl { background:#4e4f57; }
.cm_board_logo .post:hover dt { color:#fff; }
.cm_board_logo .post:hover dd { color:#a7a7ab; }
.cm_board_logo .cm_no_conts .no_icon {background:url('../images/cm_images/no_conts_board_gallery.png') center bottom no-repeat;}



/* ●●●●●●●●●● 목록 홍보영상,배너  */
.cm_board_ad {}
.cm_board_ad .cm_no_conts .no_icon {background:url('../images/cm_images/no_conts_board_gallery.png') center bottom no-repeat;}
.cm_board_ad ul {overflow:hidden; margin-left:-29px; }
.cm_board_ad li {list-style:none; position:relative; float:left; width:25%; margin-bottom:30px; }
.cm_board_ad .post {background:#fff; position:relative; margin-left:29px; text-align:center; }
.cm_board_ad .thumb {position:relative; overflow:hidden; /*background:#f4f4f4 url('../images/cm_images/no_conts_thumb.png') center center no-repeat; */}
.cm_board_ad .thumb .upper_bg { position:absolute; left:0; top:0; width:100%; height:100%; background:transparent url('../images/sub_design/bg_black40.png') left top repeat;}
.cm_board_ad .thumb img {width:100%; float:left;}
.cm_board_ad .ctg { position:absolute; left:50%; top:192px; margin-left:-33px; width:66px; height:66px; background:#53535a; border-radius:100px; text-align:center; z-index:2; }
.cm_board_ad .ctg.if_video .img { width:16px; height:16px; margin-top:15px; background:transparent url('../images/sub_design/ic_video.png') left top no-repeat;}
.cm_board_ad .ctg.if_bn .img { width:16px; height:16px; margin-top:15px; background:transparent url('../images/sub_design/ic_banner.png') left top no-repeat;}
.cm_board_ad .ctg .name { font-size:13px; color:#fff; letter-spacing:-0.5px; display:block; margin-top:8px; }
.cm_board_ad .title_kr {border:1px solid #c5c5c5; border-top:0; font-size:15px; color:#000; line-height:20px; height:55px; padding:45px 20px 0 20px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.cm_board_ad .title_en { background:#f7f7f7; font-size:12px; color:#95959f; font-family:'rubik'; height:32px; line-height:32px; border:1px solid #c5c5c5; border-top:0;}
.cm_board_ad .thumb .border { position:absolute; background:transparent url('../images/sub_design/bg_black40.png') left top repeat; z-index:3; }
.cm_board_ad .thumb .border01 { left:0;  top:0; width:1px; height:100%;}
.cm_board_ad .thumb .border02 { right:0; top:0; width:1px; height:100%;}
.cm_board_ad .thumb .border03 { left:0; top:0; width:100%; height:1px;}
/* .cm_board_ad .upper_link:hover { border:1px solid #cb3726; width:245px; height:366px; } */
/*.cm_board_ad .upper_link:hover { border:1px solid #cb3726; width:246px; height:366px; }*/
.cm_board_ad li:hover .upper_bg { display:none; }
.cm_board_ad li:hover .ctg { background:#cb3726; }
.cm_board_ad li:hover .title_kr { text-decoration:underline; background:#eee; color:#cb3726;}
.cm_board_ad li:hover .title_en {background:#fff;}




/* ●●●●●●●●●● 목록 언론보도 */
.cm_board_media .cm_no_conts .no_icon {background:url('../images/cm_images/no_conts_board_news.png') center bottom no-repeat;}

/* ●●●●●●●●●● 목록 패치업그레이드 */
.cm_board_patch .cm_no_conts .no_icon {background:url('../images/cm_images/no_conts_board_data.png') center bottom no-repeat;}