@charset "utf-8";

* { box-sizing: border-box; }
.sound_only {display:none;}
.border0 {border-bottom:0 !important;}
#cs_list {padding:10px 5% 0px;}

/* Search */
.search-box {background: #fff; padding: 20px 0px;}
.search-box h2 {font-size: 24px; font-weight: 600; margin-bottom: 12px; text-align: center; }

.bo_sch {}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
.bo_sch legend {background:red}
.bo_sch form {}
.bo_sch select {border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_bar {display:inline-block;width:99%;clear:both;margin-top:10px;border:1px solid #121212;border-radius:12px;}
.bo_sch .sch_input {width:calc(100% - 70px);height:48px;border:0;padding:0 0 0 15px;background-color:transparent;float:left;font-size:16px;}
.bo_sch .sch_input::placeholder {font-size:16px;color:#d9d9d9;}
.bo_sch .sch_btn {float:right;background:#fff;margin:12px 15px 0 0;}
.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
.bo_sch_bg {background:#000;background:rgba(0,0,0,0.1);width:100%;height:100%}
.bo_sch .btn_clear { position: absolute; right: 60px; margin-top:15px; cursor: pointer; background-color:#fff; display: none; }

/* Section */
.section{margin-top:8px;padding:15px 0 30px;background:#fff;}
.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.section h3{font-size:22px;font-weight:700;padding-left:0px;}
.btn-more {font-size:15px; font-weight:500; line-height:1.3em; background: none; color: #808080; width:74px; height:36px; border-radius:18px;border:1px solid #e4e4e4;}
.top_line {border-top:7px solid #f5f5f5;margin:0 -5%;}

/* 자주묻는질문 */
ul.faq_list_board {color: #000; }
ul.faq_list_board p.q {display: block; padding:15px 20px; position: relative; border-bottom: 1px solid #f9f9f9; font-weight: 400; cursor: pointer;font-size:17px; line-height:1.6em;}
/* ul.faq_list_board p.q:after {content:"\f107"; font-family:"FontAwesome"; font-size: 22px; color:#d9d9d9; display:block; text-align: center; position:absolute;  width:20px; height:28px; line-height: 28px;right:0; top:13px; transform: rotate(0deg); transition: transform 120ms 200ms ease-out;	z-index:12;} */
ul.faq_list_board p.q:after {content: url('/images/new/arrow-down2.svg'); display:block; text-align: center; position:absolute;  width:20px; height:28px; right:0; top:13px; transform: rotate(0deg); transition: transform 120ms 200ms ease-out;	z-index:12;}
ul.faq_list_board p.q.on:after  {transform: rotate(-180deg);    transition: transform 120ms ease-in-out;  }
ul.faq_list_board li:last-child p.q {border:0;}

ul.faq_list_board span.qt {color: #EC5050; display:block; float: left; width: 25px; text-align: center; margin:0px 0 0 -25px; font-weight:400; }

ul.faq_list_board div.answer  {color: #505050; background: #f9f9f9; padding: 20px; display: none; font-size:14px; border-radius:12px; line-height:1.6em; }
ul.faq_list_board div.answer img {max-width:100%; margin: 0;}

ul.faq_list_board div.answer .desc {}
ul.faq_list_board .cate_name {display:block; padding-bottom:5px;margin-left:-22px;}
ul.faq_list_board .cate_name .cate_box { text-align: center; background:#feeeee;border:1px solid #fc5050;border-radius:5px;color:#ec5050;font-size:12px;padding:3px 5px;}
	
ul.faq_list_board .empty_table {min-height:110px; padding-top: 40px;}

/* 공지사항 */
.bo_list {padding:0;}
.bo_list li {background:#fff;padding:5px 0px 15px;line-height:1.3em;}
.bo_list li:last-child {border:0;}
.bo_cnt {display:block;width:100%;font-size:1.083em;font-weight:bold;line-height:1.4em}
.bo_notice .bo_cnt {background:url('/images/new/icon_notice.svg') no-repeat 2px 9px;padding-left:36px;}

.bo_list .bo_subject  {display:block;width:100%;font-size:18px;font-weight:400;padding:10px 0 5px;color:#222;}

.bo_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_info {position:relative;padding-top:5px;line-height:20px;color:#646464;vertical-align:top}
.bo_info .bo_date {font-size:14px;color:#cacaca;}

/* 센터 안내 */
.contact-list li {padding:20px 0 15px;border-bottom: 1px solid #f5f5f5;font-size: 18px;font-weight:500;color:#505050;}
.contact-list li:after {content: url('/images/new/icon_arrow_left.svg');float: right;}
.contact-list li img {margin:3px 5px 0 0;vertical-align:top;}

/* Time */
.time {margin:10px -25px -30px;font-size: 15px;color: #808080;line-height:2em;background:#f5f5f5;padding:15px 25px;}
.time b {color:#505050;font-weight:400;padding-left:5px;}
.time .weekend {float:right;}

/* 1:1문의 */
.bottom-sheet {display:block;padding:20px 25px;width:100%;max-width:430px;transform: translateX(-50%);}
.bottom-sheet .btn_close {float:right;margin-top:-5px;}
.bottom-sheet h2 {font-size:20px;font-weight:600;color:#222;}
.bottom-sheet .select_info {font-size:14px;color:#9e9e9e;}
.bottom-sheet .login_box {border:2px solid #f5f5f5;border-radius:12px;padding:20px;margin-top:20px;}
.bottom-sheet .login_box h3 {font-size:16px;font-weight:500;color:#222;}
.bottom-sheet .box_info {font-size:14px;color:#9e9e9e;}
.bottom-sheet .btn {float:right;color:#fff;border-radius:12px;font-size:14px;line-height:36px;width:75px;height:36px;text-align:center;padding:0;border:1px solid #d9d9d9;background:#fff;color:#222;margin-top:5px;}
.bottom-sheet .btn_on {background:#222;color:#fff;}

@media screen and (max-width:400px) {
    .section h3 {font-size:20px;}
    .btn-more {font-size:14px;width:70px;height:34px;}

    .contact-list li img {margin:0px 5px 0 0;}

    ul.faq_list_board p.q, .bo_list .bo_subject, .contact-list li {font-size:16px;}
    ul.faq_list_board div.answer, .time {font-size:14px;}
}