/*=================================================================================
* 고객센터 공통
=================================================================================*/
.label_notice {display:inline-block; color:#58abe4; font-weight:600;}
.ico_new {display:inline-block; width:11px; height:11px; vertical-align:middle; background:url('../images/common/ico_new.png') 0 0 no-repeat; background-size:11px 11px;}

/*=================================================================================
* 공지사항
=================================================================================*/
.page_notice .notice_bg img {width:100%;}
.notice_list li {padding:0;}
.notice_list .date {margin-top:3px; color:#9d9fa2; font-size:10px;}
.notice_list .title {font-size:15px;}
.notice_list .title .ico_new {margin-left:5px;}
.notice_list a {display:block; padding:20px 15px;}

.result_notice {}
.result_notice .count {padding:17px 0 10px 15px; font-size:13px;}
.result_notice .count .em {color:#54ade9;}


/*=================================================================================
* FAQ
=================================================================================*/
.page_faq .faq_bg img {width:100%;}
.faq_list li {padding:0;}
.faq_list li > a {display:block; padding:20px 15px;}
.faq_list .title {font-size:15px;}

/*=================================================================================
* 1:1 문의사항
=================================================================================*/
.page_qna .qna_bg img {width:100%;}
.page_qna_complete {min-height:100%; background-color:#fff;}

.qna_complete {padding:30px 15px; text-align:center;}
.qna_complete .txt1 {font-size:17px;}
.qna_complete .txt2 {margin-top:15px; color:#737373; font-size:12px;}
.qna_complete + .btn_area {padding:0 15px;}


/*=================================================================================
* 2023 renewal
=================================================================================*/
/*=================================================================================
* 게시판 공통
=================================================================================*/
.label_notice {display:inline-block; color:#fff; background:#54ade9; border-radius:1px; padding:1px 4px 0 4px; font-size:13px; font-weight:500; text-align:center; margin-right:2px;}
.label_process {display:inline-block; font-weight:900; color:#000;}
.label_process.ing {color:#ff5a6a;}
.label_process.plan {color:#58abe4;}
.ico_new {display:inline-block; width:11px; height:11px; vertical-align:middle; background:url('../images/common/ico_new.png') 0 0 no-repeat; background-size:11px 11px;}

.page_cscenter .cscenter_bg {position:relative;}
.page_cscenter .cscenter_bg img {width:100%;}
.page_cscenter .cscenter_bg span {display:inline-block; position:absolute; width:100%; text-align:center; top:55%; font-size:11px; color:rgba(255,255,255,0.7);}
.page_cscenter h2.cscenter_tit {display:inline-block; position:absolute; width:100%; top:35%; text-align:center; font-size:27px; font-weight:800; color:#f7e442;}
.faq_result .toggle-arrow > a .arrow {position:absolute;right:22px;top:50%;margin-top:-10px;width:20px;height:20px;margin-right:0;}
.faq_result .toggle-arrow > a .arrow:after {content:'';position:absolute;left:50%;top:50%;display:block;width:12px;height:7px;background:url('../images/page/cscenter/faq_arr_1.png') no-repeat; background-size:cover; transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1);}
.faq_result .toggle-arrow.open > a .arrow:after {-webkit-transform:translate(0,-50%) rotateZ(180deg);transform:translate(0,-50%) rotateZ(180deg); transition:transform 300ms cubic-bezier(0.4, 0, 0.2, 1);}
.faq_result .depth1 a {position:relative; cursor:pointer;}
.faq_result .depth1 a:after {content:'';position:absolute;}
.faq_result .depth1 > li > a {display:block; font-weight:500;}
.faq_result .depth1 > li > a:after {display:none;}
.faq_result .depth2 {display:none; font-size:12px; line-height:18px; padding:30px 17px; border-top:1px solid #d1d1d1;}