@charset "utf-8";
/* CSS Document */
#page_description_area .description-container .description:after { width: 432px; height: 413px; background: url(../../../images/sub/customer-center/description.png); top: 20px; }

/* FAQ */
#container .content .content-area .content-content .faq-list { border-top: 1px solid #5283e0; }
#container .content .content-area .content-content .faq-list ul li { background: #fff; display: block; }
#container .content .content-area .content-content .faq-list ul li .question { height: 75px; border-bottom: 1px solid #dcdcdc; padding: 28px 30px; position: relative; cursor: pointer; }
#container .content .content-area .content-content .faq-list ul li .question:after { width: 19px; height: 11px; content: ''; position: absolute; right: 30px; top: 33px; background: url(../../../images/sub/customer-center/arrow_ico.png); background-position: 0 0; }
#container .content .content-area .content-content .faq-list ul li.select .question:after { background-position: 0 -11px; }
#container .content .content-area .content-content .faq-list ul li .question .q-ico { display: inline-block; vertical-align: top; margin-right: 25px; }
#container .content .content-area .content-content .faq-list ul li .question h3 { display: inline-block; color: #2d2d2d; font-size: 16px; line-height: 20px; }
#container .content .content-area .content-content .faq-list ul li .answer { background: #f8f8f8; padding: 30px; font-weight: normal; line-height: 31px; color: #2d2d2d; border-bottom: 1px solid #dcdcdc; display: none; }
#container .content .content-area .content-content .faq-list ul li.select .answer { display: block; }

/* 1:1 상담 */

/* 셀렉트 커스텀 */
.selectbox { position: relative; border-style: none;  z-index: 1; display: inline-block; height: 50px; width: 100%; vertical-align: top; transition: background .25s ease; background: #fff; border: 1px solid #5283e0; border-radius: 3px; margin-bottom: 10px; }
.selectbox:hover { background: #f8f8f8; }
.selectbox:before { content: "";  position: absolute; top: 50%; margin-top: -10px; right: 8px; background: url(../../../images/sub/common/down_b_ico.svg) no-repeat; width: 20px; height: 20px; opacity: 0.5; }
.selectbox label { position: absolute; top: 0; left: 0; color: #222;  z-index: -1;  /* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */ font-size: 15px; line-height: 48px; text-align: left; width: 90%; padding-left: 15px; cursor: pointer; font-weight: bold; color: #5283e0; }
.selectbox select { width: 100%; line-height: normal;  /* line-height 초기화 */ font-family: inherit; border: 0; opacity: 0;  /* 숨기기 */  filter:alpha(opacity=0);  /* IE8 숨기기 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */  -moz-appearance: none; appearance: none; margin-left: 0; height: 48px; cursor: pointer; padding: 8px; }
.selectbox select option { padding-left: 10px; font-size: 14px; }

#container .content .content-area .content-content .counseling-wrap .header { font-size: 20px; font-weight: bold; color: #2d2d2d; margin-bottom: 20px; border-bottom: 5px solid #5283e0; padding-bottom: 5px; }
#container .content .content-area .content-content .counseling-wrap input[type=text] { width: 100%; height: 52px; border: 1px solid #dcdcdc; padding: 0 15px; font-size: 15px; margin-bottom: 10px; }
#container .content .content-area .content-content .counseling-wrap textarea { width: 100%; height: 420px; padding: 15px; font-size: 15px; border: 1px solid #dcdcdc; }
#container .content .content-area .content-content .counseling-wrap .inquiry-btn { width: 100%; height: 50px; background: #5283e0; border: none; color: #fff; font-size: 15px; font-weight: bold; }

#container .content .content-area .content-content .counseling-wrap .history-area { margin-top: 70px; }
#container .content .content-area .content-content .counseling-wrap .history-area .header { margin-bottom: 0; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table { width: 100%; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row:after,
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .row-box:after { display: block; content: ''; height: 0; clear: both; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .row-box:hover { cursor: pointer; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row { border-bottom: 1px solid #dcdcdc; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .th { float: left; height: 60px; padding: 19px 5px; font-weight: bold; color: #2d2d2d; background: #f8f8f8; text-align: center; font-size: 15px; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .th.numb,
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .td.numb { width: 10%; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .th.inquiry-title,
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .td.inquiry-title { width: 60%; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .th.answer-status,
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .td.answer-status { width: 15%; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .td.answer-status.comp { color: #5283E0; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .date { width: 15%; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .td { background: #fff; float: left; padding: 19px 5px; text-align: center; color: #434343; font-size: 15px; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .td.inquiry-title { text-align: left; font-weight: bold; color: #2d2d2d; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .detail-wrap { border-top: 1px solid #dcdcdc; background: #f8f8f8; padding: 25px 25px; display: none; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row.select .detail-wrap { display: block; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .detail-wrap .inquiry-title { font-size: 15px; color: #2d2d2d; font-weight: bold; margin-bottom: 10px; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .detail-wrap .question { padding: 0 30px 25px; position: relative; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .detail-wrap .question:before { width: 13px; height: 18px; background: url(../../../images/sub/customer-center/Q_ico_02.png); top: 3px; left: 0; position: absolute; content: ''; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .detail-wrap .answer { padding: 25px 30px 0; border-top: 1px dashed #c0c0c0; position: relative; }
#container .content .content-area .content-content .counseling-wrap .history-area .history-table .row .detail-wrap .answer:before { width: 14px; height: 16px; background: url(../../../images/sub/customer-center/A_ico.png); top: 27px; left: 0; position: absolute; content: ''; }

/* 제휴문의 */
#container .content .content-area .content-content .partnership-form .messege { border-bottom: 4px solid #5283e0; padding-bottom: 30px; margin-bottom: 30px; }
#container .content .content-area .content-content .partnership-form .messege:after { display: block; content: ''; height: 0; clear: both; }
#container .content .content-area .content-content .partnership-form .messege .img-area { float: left; width: 220px; text-align: center; }
#container .content .content-area .content-content .partnership-form .messege .txt-area { float: right; width: 520px; padding-top: 5px; }
#container .content .content-area .content-content .partnership-form .messege .txt-area h3 { font-size: 19px; font-weight: bold; color: #5283e0; margin-bottom: 15px; }
#container .content .content-area .content-content .partnership-form .messege .txt-area p { font-size: 15px; color: #555; line-height: 24px; letter-spacing: -0.5px; }
#container .content .content-area .content-content .partnership-form .messege .txt-area span { font-size: 14px; color: #a0a0a0; margin-top: 10px; display: block; }

#container .content .content-area .content-content .partnership-form .form-title { font-size: 20px; font-weight: bold; color: #2d2d2d; display: block; margin-bottom: 45px; }
#container .content .content-area .content-content .partnership-form .row { margin-bottom: 30px; }
#container .content .content-area .content-content .partnership-form .row .subject { font-size: 17px; font-weight: bold; color: #2d2d2d; margin-bottom: 7px; }
#container .content .content-area .content-content .partnership-form .row .subject .imp { margin-left: 5px; color: #e60012; }
#container .content .content-area .content-content .partnership-form .row input[type=text] { width: 100%; height: 52px; border: 1px solid #dcdcdc; padding: 0 15px; font-size: 15px; }
#container .content .content-area .content-content .partnership-form .row textarea { width: 100%; height: 290px; padding: 15px; font-size: 15px; border: 1px solid #dcdcdc; }
#container .content .content-area .content-content .partnership-form .terms-view-btn { font-size: 14px; color: #999; text-decoration: underline; margin-left: 10px; }
#container .content .content-area .content-content .partnership-form .inquiry-btn { width: 100%; height: 50px; color: #fff; background: #5283e0; border: none; font-size: 15px; margin-top: 30px; font-weight: bold; }

/*파일인풋*/
.file-input { display: inline-block; text-align: left; width: 100%; position: relative; padding-left: 60px; color: #3a3a3a; font-size: 13px; line-height: 48px; vertical-align: middle; background-color: #fff; cursor: pointer; border: 1px solid #dcdcdc; font-weight: 600; letter-spacing: -0.5px; height: 50px; }
.file-input > [type='file'] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 3; cursor: pointer; }
.file-input > .label { color: #333; white-space: nowrap; opacity: .5; vertical-align: top; }
.file-input.-chosen > .label { opacity: 1; }
.file-input .input-ico { position: absolute; left: 20px; top: 16px; z-index: 1; }