@charset "utf-8";

/* 글쓰기 */
#bo_w {position:relative;width:100%;max-width:1400px;margin:0 auto;border-top:solid 2px #3a856c;}
#bo_w:after {display:block;visibility:hidden;clear:both;content:""}

#bo_w .btn_confirm {display:block;margin:24px 0 0 0;text-align:center;}
#bo_w .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .btn_confirm button,
#bo_w .btn_confirm input,
#bo_w .btn_confirm a {vertical-align:top;}
#bo_w .btn_confirm .btn_submit,
#bo_w .btn_confirm .btn_cancel {width:180px;cursor:pointer;}


/* form */
.write_div {position:relative;border-bottom:solid 1px #ddd;}
.write_div:after {display:block;visibility:hidden;clear:both;content:""}

.write_div input,
.write_div button,
.write_div span,
.write_div a {vertical-align:top;}

.write_div_half {position:relative;float:left;width:49%;margin:0 2% 0 0;padding:18px 20px 18px 16%;line-height:40px;}
.write_div_half_last {position:relative;float:left;width:49%;margin:0;padding:18px 20px 18px 16%;line-height:40px;}
.write_div_half:after,
.write_div_half_last:after {display:block;visibility:hidden;clear:both;content:""}

.write_div_half label,
.write_div_half_last label {display:block;position:absolute;left:0;top:0;padding:18px 20px;font-weight:500;line-height:40px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.bo_w_info,
.bo_w_tit,
.bo_w_select,
.bo_w_chkbox,
.bo_w_link,
.bo_w_file,
.bo_w_captcha {display:block;position:relative;padding:18px 20px 18px 16%;line-height:40px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.bo_w_info label,
.bo_w_tit label,
.bo_w_select label,
.bo_w_chkbox .label,
.bo_w_link label,
.bo_w_file .label,
.bo_w_captcha .label {display:block;position:absolute;left:0;top:0;padding:18px 20px;font-weight:500;line-height:40px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.bo_w_select select {display:block;width:100%;height:40px;line-height:40px;text-indent:8px;background:#fff;border:solid 1px #ddd;}

.bo_w_tit #btn_autosave {position:absolute;top:3px;right:3px;height:34px;font-size:12px;line-height:34px;}

.bo_w_content {display:block;position:relative;padding:18px 20px;border-bottom:solid 1px #ddd;}
.bo_w_content .wr_content {background:#fff;}
.wr_content.smarteditor2 iframe {background:#fff}
.wr_content textarea {display:block;width:100%;height:300px;padding:10px;border:solid 1px #ccc;}

.bo_v_option {}
.bo_v_option li {display:inline-block;margin:0 12px 0 0;}


/* 글보기 */
#bo_v {position:relative;width:100%;max-width:1400px;margin:0 auto;}
#bo_v:after {display:block;visibility:hidden;clear:both;content:""}

#bo_v_title {position:relative;padding:18px 20px;color:#222;text-align:center;}
#bo_v_title .bo_v_tit {font-size:30px;font-weight:600;}

#bo_v_top {margin:0 0 10px 0;}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}

#bo_v_info {padding:0 20px 24px 20px;color:#999;font-size:14px;text-align:center;background:#fff;border-bottom:solid 1px #ddd;}
#bo_v_info strong {color:#444;font-weight:500;}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""}

#bo_v_atc {padding:32px 20px;background:#fff;border-bottom:solid 1px #ddd;}
#bo_v_atc:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_atc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_share {margin:0 0 20px 0;}

#bo_v_sns {display:inline-block;}
#bo_v_sns li {display:inline-block;margin:0 2px 0 0;}
#bo_v_sns li a {color:#fff;}

#bo_v_img {margin:20px 0;}
#bo_v_img img {max-width:auto;margin:0 0 20px;}

#bo_v_con {margin:0 0 36px 0;font-size:16px;line-height:140%;}



#bo_v_file,
#bo_v_link {display:block;}
#bo_v_file h2, #bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul, #bo_v_link ul {display:block;}
#bo_v_file ul li, #bo_v_link ul li {display:block;position:relative;margin:0 0 6px 0;line-height:24px;}
#bo_v_file ul li strong, #bo_v_link ul li strong {display:inline-block;width:70px;font-weight:500;}
#bo_v_file ul li a, #bo_v_link ul li a {}
#bo_v_file ul li a strong, #bo_v_link ul li a strong {;}
#bo_v_file ul li .con {display:block;margin:0 0 0 70px;color:#999;line-height:normal;}
.bo_v_file_cnt, .bo_v_link_cnt {color:#999;font-size:12px;}


ul.bo_v_nb {margin:20px 0 0 0;background:#fff;border-left:solid 1px #ddd;border-top:solid 1px #ddd;}
ul.bo_v_nb li {display:block;padding:12px 20px;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
ul.bo_v_nb li:after {display:block;visibility:hidden;clear:both;content:""}
ul.bo_v_nb li .nb_tit {display:inline-block;width:100px;}
ul.bo_v_nb li .nb_tit i {margin:0 3px 0 0;color:#999;font-size:16px;}
ul.bo_v_nb li .nb_date {display:block;float:right;color:#999;}

#bo_v_bottom {margin:10px 0 20px 0;}
#bo_v_bottom:after {display:block;visibility:hidden;clear:both;content:""}


/* 댓글 */
.cmt_btn {display:block;width:100%;height:40px;margin:40px 0 0 0;padding:0;font-size:14px;line-height:40px;text-align:left;background:none;border:none;}
.cmt_btn strong {color:#f63941;font-weight:500;}

#bo_vc_empty {padding:20px 0;color:#999;text-align:center;}

/* 댓글 글쓰기 */
.bo_vc_w {margin:0 0 40px 0;/*padding:10px;background:#fff;border:solid 1px #ddd;*/}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

.bo_vc_w_wr {margin:0 0 10px 0;}
.bo_vc_w_wr .frm_input {display:inline-block;width:180px;}
.bo_vc_w_wr .bo_vc_w_captcha {display:inline-block;}
.bo_vc_w_wr #captcha #captcha_info {display:none;}
.bo_vc_w_wr .bo_vc_send_sns {display:block;}
.bo_vc_w_wr input,
.bo_vc_w_wr span,
.bo_vc_w_wr img,
.bo_vc_w_wr a {vertical-align:top;}

.bo_vc_textarea {margin:0 0 10px 0;}
.bo_vc_textarea #char_cnt {display:block;margin:4px 0 0 0;color:#666;font-size:12px;}
.bo_vc_textarea textarea {display:block;width:100%;height:120px;padding:10px;border:solid 1px #ccc;}

.bo_vc_w .btn_confirm {margin:0;text-align:left;line-height:40px;}
.bo_vc_w .btn_confirm .btn_submit {display:inline-block;width:120px;height:40px;color:#fff;line-height:40px;background:#000;border:none;}

.bo_vc_w a.btn_cmt_login {display:block;height:60px;margin:12px 20px;padding:10px;color:#999;background:url(../img/icon_smile.png) no-repeat right 50%;border:solid 1px #ddd;}


/* 댓글 리스트 */
#bo_vc {margin:0 0 20px 0;background:#fff;border:solid 1px #ddd;}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 프로필 이미지*/
/*#bo_vc article {display:block;position:relative;padding:18px 20px 18px 70px;border-bottom:dashed 1px #ccc;}
#bo_vc article:last-child {border-bottom:none;}
#bo_vc article .pf_img {display:block;position:absolute;left:20px;top:18px;width:40px;}
#bo_vc article .pf_img img {width:100%;height:auto;border-radius:50%;}*/

/* 프로필 이미지 삭제*/
#bo_vc article {display:block;position:relative;padding:18px 20px;border-bottom:dashed 1px #ccc;}
#bo_vc article:last-child {border-bottom:none;}
#bo_vc article .pf_img {display:none;position:absolute;left:20px;top:18px;width:40px;}
#bo_vc article .pf_img img {width:100%;height:auto;border-radius:50%;}

#bo_vc article header {display:block;margin:0 0 6px 0;}
#bo_vc article header strong {color:#3a856c;font-weight:500;}
#bo_vc article .cm_wrap {display:block;position:relative;}
#bo_vc article .cm_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .cm_wrap .profile_img img {border-radius:50%;vertical-align:middle;}
#bo_vc article .cm_wrap .bo_vc_ip,
#bo_vc article .cm_wrap .bo_vc_hdinfo {color:#999;font-size:12px;}
#bo_vc article .cm_wrap .bo_vc_hdinfo i {font-size:16px;}
#bo_vc article .cmt_contents {}
#bo_vc article .cmt_contents p .user {color:#3a856c;}
#bo_vc article .cmt_contents p i {color:#ff9900;font-size:16px;}
#bo_vc article .bo_vc_w {display:block;margin:0;}
#bo_vc article .bo_vc_w iframe {background:#fff;}

.bo_vl_opt {position:absolute;right:20px;top:12px;}
.bo_vl_opt button.btn_cm_opt {width:22px;height:22px;text-align:center;line-height:22px;background:none;border:none;}
.bo_vl_opt button.btn_cm_opt i {color:#666;font-size:16px;}

.bo_vc_act {display:none;position:absolute;right:0;top:30px;width:58px;text-align:right;border:1px solid #ccc;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #ccc transparent}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.bo_vc_act li {display:block;}
.bo_vc_act li a {display:block;color:#666;font-size:11px;line-height:24px;text-align:center;border-bottom:dotted 1px #ccc;}
.bo_vc_act li a:hover {color:#f63941}
.bo_vc_act li:last-child a {border-bottom:none;}

.bo_vc_login {}
.bo_vc_login a {display:block;padding:20px;line-height:20px;background:url(../img/icon_smile.png) no-repeat right 50% #f6f6f6;border:solid 1px #ddd;}


/* 리스트 */
#bo_list {position:relative;width:100%;max-width:1400px;margin:0 auto;}
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}


/* list header */
#bo_btn_top {position:relative;width:100%;margin:0 0 4px 0;}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}

#bo_list_total {float:left;color:#999;font-size:12px;line-height:32px;}
#bo_list_total strong {color:#f63941;font-weight:500;}

ul.btn_bo_user {float:right;}
ul.btn_bo_user li {display:block;float:left;position:relative;margin:0 5px 0 0;}
ul.btn_bo_user li:last-child {margin:0;}

/* list bottom */
.bo_fx {position:relative;width:100%;margin:0 0 20px 0;}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}


/* list search */
.bo_sch_wrap {width:100%;max-width:600px;margin:0 auto 20px auto;}
.bo_sch_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch {}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_sch #sfl {display:block;float:left;width:30%;margin:0 1% 0 0;height:40px;text-indent:6px;border:solid 1px #ccc;}
.bo_sch .sch_bar {display:block;float:left;position:relative;width:69%;}
.bo_sch .sch_bar .sch_btn {display:block;position:absolute;right:0;top:0;width:40px;height:40px;line-height:40px;text-align:center;background:#000;border:none}
.bo_sch .sch_bar .sch_btn i {color:#fff;font-size:20px;}

.bo_sch_wrap,
.bo_sch #sfl,
.bo_sch .sch_bar {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


/* list */
#list_type {position:relative;margin:0 0 20px 0;background:#fff;border-top:solid 2px #3a856c;}
#list_type .th {position:relative;font-size:16px;font-weight:600;text-align:center;background:#fff;border-bottom:solid 1px #ddd;}
#list_type .th:after {display:block;visibility:hidden;clear:both;content:""}
#list_type .td {position:relative;font-size:16px;background:#fff;border-bottom:solid 1px #ddd;}
#list_type .td:after {display:block;visibility:hidden;clear:both;content:""}
#list_type .td.bo_notice {background:#f6f6f6;}
#list_type .td.bo_notice .td_subject {font-weight:600;}
#list_type .td.bo_notice .notice_icon {display:inline-block;padding:0 6px;color:#fff;font-size:11px;;line-height:22px;background:#f63941;border-radius:3px;}
#list_type .td.bo_current {display:inline-block;padding:0 6px;color:#ff7700;font-size:11px;;line-height:22px;background:#fff;border:solid 1px #ccc;border-radius:3px;}

#list_type .left {float:left;}
#list_type .left:after {display:block;visibility:hidden;clear:both;content:""}
#list_type .right {float:right;}
#list_type .right:after {display:block;visibility:hidden;clear:both;content:""}

#list_type .td_col {float:left;padding:18px 0;}
#list_type .td_group {width:80px;text-align:center;}
#list_type .td_board {width:140px;text-align:center;}
#list_type .td_subject {display:block;width:auto;padding:18px 0;}
#list_type .td_subject .bo_tit {line-height:18px;word-wrap:break-word;word-break:break-all;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
#list_type .td_subject .bo_tit a {color:#222;font-weight:600;}
#list_type .td_subject i {color:#222;font-size:16px;}
#list_type .td_subject i.xi-new {color:#f63941;}
#list_type .td_subject .bo_cate_link {display:inline-block;padding:0 8px 0 0;color:#2058a3;font-size:12px;letter-spacing:-1px;background:url(../../../theme/basic/img/var.gif) no-repeat right 50%;}
#list_type .td_subject .cnt_cmt {color:#f63941;font-size:11px;font-weight:normal;}

#list_type .chk_box {width:40px;text-align:center;}
#list_type .td_num {width:100px;text-align:center;line-height:18px;}
#list_type .td_name {width:100px;text-align:center;line-height:18px;}
#list_type .td_date {width:140px;text-align:center;line-height:18px;}


#list_type .td_appdate {width:25%;text-align:center;line-height:26px;}
#list_type .td_appname {width:25%;text-align:center;line-height:26px;}
#list_type .td_appname strong {color:#222;font-weight:600;}
#list_type .td_phone {width:25%;text-align:center;line-height:26px;}
#list_type .td_stat {width:25%;text-align:center;line-height:26px;}
#list_type .td_stat i {color:#f63941;font-size:16px;}
#list_type .td_stat .wait {display:inline-block;width:80px;padding:0;color:#fff;font-size:14px;line-height:32px;text-align:center;background:#999;border-radius:3px;}
#list_type .td_stat .ing {display:inline-block;width:80px;padding:0;color:#fff;font-size:14px;line-height:32px;text-align:center;background:#3a856c;border-radius:3px;}


#list_type .mobile {display:none;}
#list_type .mobile:after {display:block;visibility:hidden;clear:both;content:""}
#list_type .mobile li {display:block;float:left;position:relative;margin:0 8px 0 0;padding:0 8px 0 0;color:#999;font-size:13px;line-height:18px;background:url(../img/var.gif) no-repeat right 50%;}
#list_type .mobile li:first-child {color:#222;font-weight:500;}
#list_type .mobile li:last-child {margin:0;padding:0;background:none;}
#list_type .mobile li .profile_img img {width:18px;height:auto;border-radius:50%;vertical-align:middle;}
#list_type .mobile li i {margin:0 3px 0 0;font-size:16px;}
#list_type .mobile li i.xi-heart {color:#f75665;}
#list_type .mobile li i.xi-angle-right {font-size:12px;}


.stat_active,
.stat_rdy {display:inline-block;padding:0 8px;color:#fff;font-size:11px;line-height:24px;border-radius:3px;}
.stat_active i,
.stat_rdy i {margin:0 3px 0 0;font-size:14px !important;}
.stat_active {background:#2058a3;}
.stat_rdy {background:#f63941;}

.mobile_stat {display:none;position:absolute;right:20px;top:50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#case_type {margin:0 0 20px 0;}
#case_type ul {}
#case_type ul:after {display:block;visibility:hidden;clear:both;content:""}
#case_type ul li {display:block;float:left;width:33.33%;margin:0 0 20px 0;padding:10px;}
#case_type ul li a.img {display:block;margin:0 0 10px 0;border-radius:15px;overflow:hidden;}
#case_type ul li a.img:after {display:block;visibility:hidden;clear:both;content:""}
#case_type ul li a.img img {display:block;float:left;width:50%;height:190px;object-fit:cover}
#case_type ul li dl {border-top:solid 1px #ddd;}
#case_type ul li dl:after {display:block;visibility:hidden;clear:both;content:""}
#case_type ul li dl dt,
#case_type ul li dl dd {display:block;float:left;padding:12px 20px;font-size:16px;border-bottom:solid 1px #ddd;}
#case_type ul li dl dt {width:25%;font-weight:600;background:#f6f6f6;}
#case_type ul li dl dd {width:75%;}





@media screen and (max-width:980px) {
/*카테고리*/
#bo_cate {width:auto;margin:0 20px 20px 20px;}
#bo_cate ul li a {padding:0 16px;}


/* list header */
#bo_btn_top {width:auto;margin:0 20px 12px 20px;}


/* list bottom */
.bo_fx {width:auto;margin:0 20px 20px 20px;}


/* 글 보기 */
#bo_v_top {margin:0 20px 10px 20px;}

#bo_v_title {}

#bo_v_info {}

#bo_v_bottom {margin:10px 20px 20px 20px;}


/* 댓글 */
.cmt_btn {padding:0 20px;}

.bo_vc_w {margin:20px;/*border-right:none;border-left:none;*/}
.bo_vc_w_wr .frm_input {width:120px;margin:0 0 10px 0;}
.bo_vc_w_wr .bo_vc_w_captcha {display:block;}

#bo_vc {border-right:none;border-left:none;}

.bo_vc_login {margin:0 20px}


/* list */
#list_type .th {display:none}
#list_type .td {padding:12px 0px;}
#list_type .left {display:none;}
#list_type .right {display:none;}

#list_type .td_num {display:none;}
#list_type .td_group {display:none;}
#list_type .td_board {display:none;}

#list_type .td_subject {margin:0 0 6px 0;padding:0;}

#list_type .mobile {display:block;}


#list_type .td_appdate {width:auto;margin:0 8px 0 0;padding:0;font-size:13px;line-height:20px;}
#list_type .td_appname {width:auto;padding:0;line-height:20px;}
#list_type .td_phone {width:100%;padding:0;text-align:left;line-height:20px;}
#list_type .td_stat {float:none;position:absolute;right:20px;top:0;width:auto;}
#list_type .td_stat .wait {width:60px;}
#list_type .td_stat .ing {width:60px;}

.mobile_stat {display:block;}


#case_type ul li {width:50%;}
#case_type ul li dl dt,
#case_type ul li dl dd {padding:12px 10px;font-size:14px;}
}




@media screen and (max-width:768px) {
/* 글쓰기 */
#bo_w {border-left:none;border-right:none;}

.write_div_half {float:none;width:100%;margin:0;padding:18px 20px;border-bottom:solid 1px #ddd;}
.write_div_half_last {float:none;width:100%;margin:0;padding:18px 20px;}

.write_div_half label,
.write_div_half_last label {position:relative;margin:0 0 4px 0;padding:0;line-height:normal;}

#bo_w .btn_confirm {margin:24px 0px 0 0px;}
#bo_w .btn_confirm .btn_submit,
#bo_w .btn_confirm .btn_cancel {display:block;float:left;width:49%;}
#bo_w .btn_confirm .btn_submit {margin:0 2% 0 0;}

.bo_w_info,
.bo_w_tit,
.bo_w_select,
.bo_w_chkbox,
.bo_w_link,
.bo_w_file,
.bo_w_captcha {padding:12px 0px 12px 0px;line-height:normal;}

.bo_w_info label,
.bo_w_tit label,
.bo_w_select label,
.bo_w_chkbox .label,
.bo_w_link label,
.bo_w_file .label,
.bo_w_captcha .label {position:relative;margin:0 0 6px 0;padding:0;line-height:normal;}

.bo_w_tit #btn_autosave {display:none}


/* 글 보기 */
#bo_v_title .bo_v_tit {font-size:24px;line-height:24px;}

#bo_v_sns li a span {display:none;}

#bo_v_img img {max-width:100%;height:auto;}

#bo_v_file ul li, #bo_v_link ul li {line-height:normal;}
#bo_v_file ul li strong, #bo_v_link ul li strong {display:block;width:auto;}
#bo_v_file ul li .con {margin:0;}

ul.bo_v_nb {border-left:none;}
ul.bo_v_nb li {border-right:none;}
ul.bo_v_nb li .nb_tit {width:24px;}
ul.bo_v_nb li .nb_tit span {display:none;}
ul.bo_v_nb li .nb_date {display:none;}


/* 리스트 */
/*카테고리*/
#bo_cate {margin:0 20px 20px 20px;background:#fff;border:solid 1px #ddd;}
#bo_cate .bo_cate_current {display:block}
#bo_cate ul {display:none;position:relative;padding:0;border:none;}
#bo_cate ul li {display:block;float:none;width:auto;}
#bo_cate ul li a {margin:0;padding:0 10px;font-size:12px;line-height:40px;border:none;}

/* list header */


/* list search */
.bo_sch_wrap {width:auto;max-width:auto;margin:0 20px 20px 20px;}


}




@media screen and (max-width:480px) {

#case_type ul li {float:none;width:100%;padding:0;}
#case_type ul li dl dt,
#case_type ul li dl dd {font-size:14px;}
}