/*고객센터 css*/

.phone-box-wrap { padding-top: 68px; margin: 0 20px; } 
.phone-box-wrap .phone-box { text-align: center; width: 100%; background: #f6f6f6; border-radius: 8px; padding-top: 30px; padding-bottom: 30px; } 
.phone-box-wrap .phone-box .phone-box-tit { display: flex; justify-content: center; align-items: center; } 
.phone-box-wrap .phone-box .phone-box-tit a { display: flex; justify-content: center; align-items: center;text-decoration: none; } 
.phone-box-wrap .phone-box h1 { font-size: 20px; padding-left: 10px; color: #222; } 
.phone-box-wrap .phone-box img { width: 40px; } 
.phone-box-wrap .phone-box p { font-size: 15px; color: #727272; padding-top: 10px; } 

/*자주묻는 질문*/
.sc-list-wrap { padding: 20px; display: flex; justify-content: space-between; align-items: center; } 
.sc-list-wrap .sc-list-left { float: left; text-align: left; display: flex; justify-content: center; align-items: center; } 
.sc-list-wrap .sc-list-left .sc-list-title { font-size: 18px; font-weight: 500; padding-right: 10px; } 
.sc-list-wrap .sc-list-right { float: right; text-align: right; font-size: 15px; color: #727272; } 


form.search button { float: left; width: 20%; padding: 10px; background: #222; color: white; font-size: 17px; border: 1px solid #f6f6f6; border-left: none; cursor: pointer; border-radius: 0 8px 8px 0; } 

form.search button:hover { background: #ff3d00; } 

form.search::after { content: ""; clear: both; display: table; } 

.comm_search_wrap { /*width: 100%; border-radius: 8px 0 0 8px; background: #fff; */}

.comm_search_wrap .comm_search_box { display: flex; border: 1px solid #eee; border-radius: 8px; padding: 10px; width: auto; margin: 0 20px; } 

.comm_search_wrap .comm_search_box .comm_search_box_input { flex:1; border: none; } 

.comm_search_wrap .comm_search_box .comm_search_box_input:focus { outline: none; border: none; } 

.comm_search_wrap .comm_search_box .search_btn { height: 100%; font-size: 25px; } 

/*자주묻는질문 ul li*/
.cate_list_wrap { width: auto; margin: 0 20px; padding: 20px 0; } 
.cate_list { position: relative; text-align: center; margin: 0 auto; width: 100%; display: flex;}
.cate_list li.on { background: #222; color: #fff; } 
.cate_list li { float: left; width: 33%; border: 1px solid #eee; padding: 15px 6px; background: #fff; color: #222; cursor: pointer; font-size: 15px; } 
.cate_list_wrap ul:first-child li { border-top:1px solid #eee } 
.cate_list_wrap li:nth-child(1) { border-top:0 } 
.cate_list_wrap li:nth-child(n+2) { border-top:0; border-left:0 } 

.faq_list { border-top: solid 1px #eaeaea; } 

.qna_write { text-align: center; padding-top: 20px; margin: 0 20px; padding-bottom: 30px; border-bottom: solid 1px #eaeaea; } 
.qna_write button { background: #FF6B00; color: #fff; width: 100%; height: 50px; border: none; border-radius: 50px; font-size: 16px; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; cursor: pointer; }