@charset "utf-8"; 
/* 공통_고객센터 레이아웃*/
.cs_sec {margin-top:146px;padding: 40px 0 80px;}/* 22/11/09 수정 */
.cs_sec .inner {display: flex;justify-content: space-between;}
.cs_sec .content {flex: 0 0 76%; margin-left: 4%;}
.cs_sec .content .cs_tit {display: flex;flex: 1 1 100%;align-items: center;}
.cs_sec .content .cs_tit  em.tit {color: #333;font-size: 30px;font-weight: 500;}

/* 공통_side 메뉴 */
.sub_nav {flex: 0 0 20%; display: flex;flex-direction:column;font-family: 'Noto Sans KR'}
.sub_nav h3 {height: 40px;padding-left: 10px;margin-bottom:10px;font-size:20px;color:#333;border-bottom:2px solid #004299;box-sizing:border-box;}
.sub_nav ul.nav_lst li.depth1 {display:flex;}
.sub_nav ul.nav_lst li.depth1 a {display:flex;align-items: center;flex:1 1 100%;height:46px;padding-left:4%;font-size:16px;font-weight:500;color:#333;letter-spacing: -0.9px;}
li.depth1.active + li.depth1 {border-top:none!important}
.sub_nav ul.nav_lst li.depth1.active a {background:#eaecf4;color:#222;font-family: 'Noto Sans KR'}

/* 온라인 문의 */
.inquiry_form {margin-top: 20px;}
.inquiry_form .form_header {padding:20px 0;border-top:1px solid #e5eaf6;}
.inquiry_form .form_header .note_group li {font-size:14px;line-height:24px;color:#777}
.inquiry_form .form_body {display: flex;flex-wrap: wrap;}
.inquiry_form .form_body .form_row {display: flex;flex-direction: column;width:calc(50% - 10px);margin-bottom:20px}
.inquiry_form .form_body .form_row:nth-child(even) {margin-left:20px}
.inquiry_form .form_body .form_row.wide {width:100%;margin-left:0!important}
.inquiry_form .form_body .form_row .label_txt {position:relative;width:100%;margin-bottom:12px;font-size:14px;color:#999;box-sizing:border-box}
.inquiry_form .form_body .form_row .label_txt.star {padding-left:10px;}
.inquiry_form .form_body .form_row .label_txt.star:before {content: '*';position: absolute;top: 4px;left: 0;color: #eb253d;line-height: 1} 
.inquiry_form .form_body .form_row .field_txt {width:100%;height:48px;padding: 0 10px;font-size: 14px;line-height:22px;color:#666;border: 1px solid #ddd;box-sizing: border-box;vertical-align: middle;font-family:'Noto Sans KR', sans-serif;}	 
.inquiry_form .form_body .form_row textarea.field_txt {width:100%;height:auto;min-height:60px;padding:10px;resize:vertical;}
.inquiry_form .form_body .form_row .form_select {width:100%;padding: 0 10px;height: 48px;line-height: 38px;color: #999;box-sizing: border-box;letter-spacing: -.02em;vertical-align: middle;font-size: 14px;border: 1px solid #ddd;text-overflow:ellipsis;white-space: nowrap;background: url('../images/common/arrow_down.jpg') no-repeat 99% 50%;border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;}
select::-ms-expand {display: none;}
.inquiry_form .form_body .form_row textarea::placeholder {color: #999;}
/* 온라인 문의-개인정보수집 */
.inquiry_form .privacy {overflow:auto;height:160px;margin-top:20px;border:1px solid #ddd}
.inquiry_form .privacy .fot_list {margin:20px;color:#666}
.inquiry_form .privacy .fot_list li {line-height:20px;margin-top:5px;font-size:13px;line-height:22px}
.inquiry_form .privacy .fot_list li .fot_list02 li {margin-top:0}
.inquiry_form .privacy_chk {margin-top:16px;color:#444;font-size:12px}
.inquiry_form .privacy_chk a {text-decoration:underline;}
.inquiry_form .privacy_chk input[type="checkbox"] {display:none;}
.inquiry_form .privacy_chk label {position:relative; padding-left:30px; font-size:13px; color:#666; cursor:pointer;}
.inquiry_form .privacy_chk label.no-label {display:inline-block; width:17px; height:17px; margin:0; padding:0;}
.inquiry_form .privacy_chk input[type="checkbox"]:disabled + label:before {background-color:#ebebeb}
/* 온라인 문의-버튼 */
.form_btn_sec {display:flex; justify-content:center;margin:30px 0}
.form_btn_sec button.btn {padding:15px 20px;font-size:16px;line-height: 20px;color: #fff;background: #004299;border: none;border-radius:3px;text-align:center;word-break:keep-all;box-sizing: border-box;}
.form_btn_sec button.btn:hover {background:#003780;}
.form_btn_sec button.outline_btn {color:#004299;background: #fff;border:1px solid #004299}
.form_btn_sec button.outline_btn:hover {color:#003780;background: #fff;border:1px solid #003780;}
.form_btn_sec.item2 .btn {display:flex;flex:0 1 220px;margin:0 20px;justify-items: center;align-items: center;}
.form_btn_sec.item2 .btn b {margin: auto;font-weight: 400;}

/* 자주 묻는 질문- 아코디언 게시판*/
.faq_lst {margin-top:20px;border:1px solid #eee;border-bottom:none}
.faq_lst .accordion {color: #444;cursor: pointer;padding: 18px 28px 18px 40px;width: 100%;text-align: left;outline: none;font-size: 15px;transition: 0.4s;background:#fff;border:none}
/* .on, .accordion:hover {background-color: #ccc;} */
.faq_lst .accordion:before {content: 'Q'; display: inline-block;position: relative;color: #004299;margin-right: 45px;font-size: 15px;font-family:'Noto Sans KR'; font-weight:600}
.faq_lst .accordion:after {content: '\002B';color: #777;font-weight: bold;float: right;margin-left: 5px;}
.faq_lst .accordion.on:after {content: "\2212";}
.faq_lst .panel {padding: 0 18px;max-height: 0;overflow: hidden;background: #fbfbfb;border-top: 1px solid #eee;transition: max-height 0.3s ease-out;}
.faq_lst .panel p {padding:28px 46px;line-height:28px;font-size: 14px;color:#666}

.aref {min-height: 500px;}


/* 태플릿용1 - 22/12/21 추가*/
@media screen and (max-width:1024px){

	/* 공통_고객센터 레이아웃*/
	.cs_sec .inner  {flex-flow: column wrap;}
	.cs_sec .content {flex: 0 0 100%; margin-left: 0%}
	
	/* 공통_side 메뉴 */
	.sub_nav {flex: 0 0 100%}
	.sub_nav h3 {display: none;}
	.sub_nav ul.nav_lst {flex-flow: row wrap;display: flex;margin-bottom:40px;}
	.sub_nav ul.nav_lst li.depth1 {flex:1 1 30%;border: 1px solid #ddd;}
	.sub_nav ul.nav_lst li.depth1 a {padding-left:0%;justify-content: center}
	.sub_nav ul.nav_lst li.depth1 + li.depth1 {border-left:none!important}
	li.depth1.active + li.depth1 {border-top:1px solid #ddd!important}
	
	

	}


/* 태플릿용2 */
@media screen and (max-width:768px){
	
	/* 공통_side 메뉴 */
	.sub_nav {display: none;}
	
	/* 공통_고객센터 레이아웃*/
	.cs_sec {margin-top: 52px;padding: 40px 0 60px;}
	.cs_sec .content {flex: 0 0 100%; margin-left: 0%;}
	
	
	}


/* 모바일용 */
@media screen and (max-width:425px){
	
	/* 온라인 문의 */
	.inquiry_form .form_body .form_row {display: flex;flex-direction: column;width:100%;margin-bottom:20px}
	.inquiry_form .form_body .form_row:nth-child(even) {margin-left:0}
	.form_btn_sec.group_2 .btn  {margin:0 10px}

	
	/* 자주묻는 질문- 아코디언 게시판*/
	.faq_lst .accordion {padding: 18px 16px;font-size: 14px;}
	.faq_lst .accordion:before {margin-right:12px}
	.faq_lst .panel p {padding:18px 20px}
		
	}