@charset "utf-8";
/* CSS Document */

* { box-sizing: border-box; }
body {max-width: 480px; margin: 0 auto; background-color: #ffffff; }	
.ir_pm { display: block; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px; } 



.mb0 {margin-bottom: 0 !important;}
.mb20 {margin-bottom: 20px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mt10 { margin-top: 10px !important; }
.mb15 {margin-bottom: 15px !important;}

.pt40 {padding-top: 40px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb60 { padding-bottom: 60px !important;}
.pb100 {padding-bottom: 100px !important;}	

.color_red {color: #FF4040; }

.cs_board {}

/*공통 레이아웃*/
.cs_board .layout_inner { padding-left: 15px; padding-right: 15px;}
/* 부모 layout_inner의 패딩을 상쇄 */
.cs_board .section_full { margin-left: -15px; margin-right: -15px; } 
 /* 내부 콘텐츠 다시 정렬 */
.cs_board .section_full > * { padding-left: 15px; padding-right: 15px; }


/* ========== Header ========== */
.cs_board .header_popup { position: relative; width: 100%; height: 55px; transition: opacity 300ms ease-out 0s; overflow: hidden; visibility: visible; } 
.cs_board .login_header { z-index: 9; position: fixed; top: 0; left: 0; width: 100%; height: 55px; text-align: center; background: #fff; border-bottom: 1px solid #eee; box-sizing: border-box; } 
.cs_board .login_header h1 { font-size: 17px; font-weight: bold; color: #000; height: 100%; justify-content: center; align-items: center; display: flex; } 
.cs_board .login_header button.close { position: absolute; top: 19px; left: 15px; width: 15px; height: 15px; background: url(https://www.publog.co.kr/re_181207/images/btn_close.png?t=1) no-repeat; background-size: cover; }
.cs_board .login_header button.close_right { position: absolute; top: 7px; right: 7px; width: 40px; height: 40px; background: url(https://www.publog.co.kr/re_181207/images/btn_close.png?t=1) no-repeat; background-size: 15px; background-position: center;}
.cs_board .login_header button.back_left { position: absolute; top: 7px; left: 3px; width: 40px; height: 40px; background: url(https://www.publog.co.kr/re_181207/images/icon_faq_arrow_left1.png?t=1) no-repeat; background-size: 18px; background-position: center;}


/* ========== Menu Grid ========== */
.cs_board .menu_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; background-color: #ffffff; padding-top: 20px; padding-bottom: 30px;} 
.cs_board .menu_grid .menu_item { min-height: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; padding: 5px; background-color: #f5f7fa; border-radius: 12px; cursor: pointer; transition: background-color 0.2s; aspect-ratio: 1 / 1; gap: 12px; border: solid 1px #e2e6ef; } 
.cs_board .menu_grid .menu_item:hover { background-color: #ECEFFF; border: solid 1px #b4b5e5; } 
.cs_board .menu_grid .menu_item span { font-size: 15px; color: #333; font-weight: 600; text-align: center; line-height: 1.4; } 
.cs_board .menu_grid .icon_box { width: 100%; height:45%; display: flex; align-items: end; justify-content: center; } 
.cs_board .menu_grid .menu_icon { width: 24px; height: 24px; background-size: cover; background-position: center; background-repeat: no-repeat;} 

.cs_board .icon_delivery { background-image: url(https://www.publog.co.kr/re_181207/images/icon_faq_delivery.png?t=1); } 
.cs_board .icon_product { background-image: url(https://www.publog.co.kr/re_181207/images/icon_faq_product.png?t=1);} 
.cs_board .icon_payment { background-image: url(https://www.publog.co.kr/re_181207/images/icon_faq_payment.png?t=1);} 
.cs_board .icon_return { background-image: url(https://www.publog.co.kr/re_181207/images/icon_faq_refund.png?t=1);} 
.cs_board .icon_bulk { background-image: url(https://www.publog.co.kr/re_181207/images/icon_faq_bulk.png?t=1);} 
.cs_board .icon_code { background-image: url(https://www.publog.co.kr/re_181207/images/icon_share.png?t=1);} 
.cs_board .icon_howto { background-image: url(https://www.publog.co.kr/re_181207/images/icon_faq_howto.png?t=1);} 
.cs_board .icon_coupon { background-image: url(https://www.publog.co.kr/re_181207/images/icon_faq_gift_card.png?t=1);} 
.cs_board .icon_inquiry { background-image: url(https://www.publog.co.kr/re_181207/images/icon_faq_inquiry.png?t=1);} 
.cs_board .icon_cart { background-image: url(https://www.publog.co.kr/re_181207/images/icon_faq_cart.png?t=1);} 
.cs_board .icon_member { background-image: url(https://www.publog.co.kr/re_181207/images/icon_faq_member.png?t=1);} 


/* ========== Button ========== */
/*.cs_board .default_box { color: #fff; background: #222450; transition: 0.5s; border-radius: 8px;}

.cs_board .btn_default .default_box { width: 100%; height: 54px; font-size: 16px; font-weight: 400; display: flex; flex-direction: column; justify-content: center; gap: 4px; cursor: pointer;}

.cs_board .btn_default .default_box:hover { background-color: #3e4188; transition: 0.5s; border-radius: 8px; }

.cs_board .btn_default .btn_tit { font-size: 16px; color: #ffffff; font-weight: 400; }*/    

.cs_board .btn_default .default_box.login_btn .btn_subtit { font-size: 12px; color: #b0b4c8; font-weight: 400; } 
.cs_board .btn_default .default_box.login_btn {height: 64px;}
.cs_board .btn_default .default_box.login_btn2 {height: 50px !important;     border-radius: 10px !important;}
/* 화이트 버튼 */
/*.cs_board .btn_default.btn_white .default_box { background: #ffffff; color: #333; border: 1px solid #e9e9e9; } 
.cs_board .btn_default.btn_white .default_box .btn_tit { color: #333; } 
.cs_board .btn_default.btn_white .default_box:hover { background: #fff; border-color: #666; }*/

/*화이트 버튼 호버 X */
/*.cs_board .btn_default.btn_white_static  .default_box { background: #ffffff; color: #333; border: 1px solid #e9e9e9; } 
.cs_board .btn_default.btn_white_static  .default_box .btn_tit { color: #333; } 
.cs_board .btn_default.btn_white_static  .default_box:hover { background: #fff; border-color: #e9e9e9; }*/



/* ========== Button ========== */
.cs_board .default_box { color: #fff; background: #222450; transition: all 0.2s ease; border-radius: 8px; border: none; } 
.cs_board .btn_default { display: flex; gap: 10px; } 
.cs_board .btn_default .default_box { flex: 1; height: 54px; font-size: 16px; font-weight: 500; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; cursor: pointer; } 
.cs_board .btn_default .default_box:hover { background-color: #3e4188; } 
.cs_board .btn_default .btn_tit { font-size: 15px; color: #ffffff; font-weight: 500; } 

/* 화이트 버튼 */
.cs_board .btn_default .default_box.btn_white { background: #ffffff; color: #222; border: 1px solid #e9e9e9; } 
.cs_board .btn_default .default_box.btn_white .btn_tit { color: #222; } 
.cs_board .btn_default .default_box.btn_white:hover { background: #f7f7f7; border-color: #C3C3C3; } 
/*화이트 버튼 호버 X */
.cs_board .btn_default .default_box.btn_white_static { background: #ffffff; color: #222; border: 1px solid #e9e9e9; } 
.cs_board .btn_default .default_box.btn_white_static .btn_tit { color: #222; } 
.cs_board .btn_default .default_box.btn_white_static:hover { background: #fff; border-color: #e9e9e9; }	


/* ========== floating_Button ========== */

.cs_board .floating_btn_pb {padding-bottom: 100px;}		
.cs_board .btn_default.floating_btn { position: fixed; bottom: 0; left: 49.9%; transform: translateX(-49.9%); width: 100%; z-index: 1000; }		
.cs_board .btn_default.floating_btn .default_box { height: 70px; border-radius: 0; position: relative; bottom: -1px; gap: 5px;} 
.cs_board .btn_default.floating_btn .default_box .btn_subtit { font-size: 12px; color: #b0b4c8; font-weight: 400; } 
.cs_board .btn_default.floating_btn .default_box .btn_tit { font-size: 15px; color: #ffffff; font-weight: 500; }


/* ========== main_list (문의내역, 주문내역) ========== */
.cs_board .main_list {margin-bottom: 20px;}

.cs_board .main_tit_wrap { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; } 
.cs_board .main_tit_wrap .main_tit { font-size: 18px; font-weight: 600; color: #333; } 
.cs_board .main_tit_wrap .view_all { font-size: 14px; color: #666; text-decoration: none; cursor: pointer; padding: 10px 0; } 
.cs_board .main_tit_wrap .view_all:hover { color: #222450;}

.cs_board .list_wrap { display: flex; flex-direction: column; gap: 10px; } 
.cs_board .list_wrap .list_item { padding: 16px; border: 1px solid #e9e9e9; border-radius: 8px; background-color: #fff; cursor: pointer; transition: border-color 0.2s; position: relative;} 
.cs_board .list_wrap .list_item:hover { border-color: #b4b5e5; } 

.cs_board .list_wrap .list_item.list_none {cursor: default;}
.cs_board .list_wrap .list_item.list_none span { font-size: 14px; color: #999; text-align: start; display: block; padding: 15px 0; }
.cs_board .list_wrap .list_item.list_none:hover { border-color: #e9e9e9; } 

.cs_board .label_wrap { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; } 		
.cs_board .label_wrap .item_label { display: inline-block; font-size: 12px; color: #333333; background-color: #F7F7F7; padding: 2px 8px; border-radius: 4px; font-weight: 400; border: 1px solid #dddddd;}
.cs_board .label_wrap .complete {background-color: #ECEFFF; color: #5A5DD2; border-color: #e2e6ef; }
.cs_board .label_wrap .category {background-color: #FFFFFF; }
.cs_board .label_wrap .cancel {background-color: #FFE8E8; color: #EE4949; border: 1px solid #f9d2d2;}
			
.cs_board .list_wrap .item_tit { font-size: 14px; color: #333; margin-bottom: 8px; line-height: 1.5; white-space: nowrap; overflow: hidden; /*text-overflow: ellipsis;*/ width: 90%; } 
.cs_board .list_wrap .item_date { font-size: 12px; color: #B4B4B4; } 
			
.cs_board .list_wrap .item_arrow { width: 22px; height: 22px; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(https://www.publog.co.kr/re_181207/images/icon_faq_arrow_more1.png?t=1); opacity: 0.3; position: absolute; top: 40%; right: 14px;} 


/* ==========  문의내역  ========== */		
.cs_board .faq_list_wrap { display: flex; flex-direction: column; gap: 0; margin-bottom: 40px;} 
.cs_board .faq_list_wrap .list_item { border-bottom: 1px solid #EEEEEE; background-color: #fff; cursor: pointer; position: relative;} 
		
.cs_board .faq_list_wrap .list_header { cursor: pointer; position: relative; padding: 16px; } 	
.cs_board .faq_list_wrap .item_tit { font-size: 14px; color: #333; margin-bottom: 8px; line-height: 1.5; white-space: nowrap; overflow: hidden; /*text-overflow: ellipsis;*/ width: 90%; } 
.cs_board .faq_list_wrap .item_date { font-size: 12px; color: #B4B4B4; } 
.cs_board .faq_list_wrap .item_arrow { width: 16px; height: 16px; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.6; position: absolute; top: 16%; right: 24px;
background-image: url(https://www.publog.co.kr/re_181207/images/icon_faq_arrow_down1.png?t=1); } 
.cs_board .faq_list_wrap .list_item.active .item_arrow { background-image: url(https://www.publog.co.kr/re_181207/images/icon_faq_arrow_up1.png?t=1); } 

.cs_board .faq_list_wrap .list_content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; background-color: #FAFAFA; padding: 0; }
.cs_board .faq_list_wrap .content_inner { padding: 22px 16px 10px 16px;}


.cs_board .faq_list_wrap .answer_box { display: flex; gap: 12px; margin-bottom: 50px; align-items: flex-start; } 
.cs_board .question_icon { width:25px; height:25px; background:#8284F8; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:600; flex-shrink:0; }
.cs_board .question_icon .glyph{ line-height:1; transform: translateY(-1px); display:block; }

.cs_board .faq_list_wrap .question_content { } 
.cs_board .faq_list_wrap .question_txt { flex: 1; font-size: 14px; color: #333; line-height: 1.6; word-break: break-word; }
.cs_board .faq_list_wrap .question_txt p img {max-width: 100%; padding-top: 20px; } /*편집기 이미지 첨부시 사이즈*/

/*.cs_board .faq_list_wrap .answer_box.asked {padding-top: 35px;}*/
.cs_board .faq_list_wrap .answer_box.asked .question_icon {background:#222450;}
.cs_board .faq_list_wrap .answer_box.asked .question_icon .glyph{ line-height:1; transform: translateY(0px); display:block; }	
.cs_board .faq_list_wrap .question_date { font-size: 12px; color: #B4B4B4; font-weight: 600; margin-top: 22px; } 

.cs_board .faq_list_wrap .action_btns { display: flex; gap: 4px; justify-content: flex-end; } 
.cs_board .faq_list_wrap .action_btns button { padding: 8px 10px; font-size: 14px; border: 0px; background-color: #ffffff00; border-radius: 6px; cursor: pointer; color: #999; transition: all 0.2s; } 
.cs_board .faq_list_wrap .action_btns button:hover { background-color: #f5f7fa; border-color: #b4b5e5; } 
.cs_board .faq_list_wrap .action_btns span { padding: 8px 0; color: #c7c7c7; font-size: 14px; } 


.cs_board .faq_list_wrap .answer_box .textarea { width:100%; padding:10px 12px; border:1px solid #eeeeee; border-radius:8px; font-size:14px; line-height:1.6; background:#fff; color:#333; outline:none; transition:border-color .2s; resize:none;}
.cs_board .faq_list_wrap .answer_box .textarea:focus { border-color:#333; }

/*.cs_board .attach_img_wrap { display: flex; gap: 10px; margin-top: 35px; } 
.cs_board .attach_img_wrap .img_thumb { width: 56px; height: 56px; border-radius: 5px; overflow: hidden; background-color: #d7dce3; cursor: pointer; } 
.cs_board .attach_img_wrap .img_thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }*/ 

/* ========== 첨부 이미지 썸네일 ========== */
.faq_list_wrap .attach_img_wrap { display: flex; gap: 10px; margin-top: 40px; } 
.faq_list_wrap .attach_img_wrap .img_thumb { width: 56px; height: 56px; border-radius: 5px; overflow: hidden; background-color: #d7dce3; cursor: pointer; transition: opacity 0.2s, box-shadow 0.2s; } 
.faq_list_wrap .attach_img_wrap .img_thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } 

/* ========== 이미지 풀페이지 레이어 ========== */
.faq_list_wrap .img_overlay { display: none; position: fixed; inset: 0; z-index: 9999; background: rgba(0, 0, 0, 0.85); align-items: center; justify-content: center; }
.faq_list_wrap .img_overlay.active { display: flex; }

.faq_list_wrap .img_overlay_close { position: absolute; top: 7px; right: 7px; z-index: 10000; width: 40px; height: 40px; border: none; border-radius: 0; background: url(https://www.publog.co.kr/re_181207/images/btn_close_w.png) no-repeat; background-size: 15px; background-position: center; cursor: pointer; }
.faq_list_wrap .img_overlay_close:hover { background: url(https://www.publog.co.kr/re_181207/images/btn_close_w.png) no-repeat; background-size: 15px; background-position: center; opacity: 0.7; }

.faq_list_wrap .img_overlay_inner { max-width: 95vw; max-height: 90vh; display: flex; align-items: center; justify-content: center; }
.faq_list_wrap .img_overlay_inner img { max-width: 100%; max-height: 90vh; object-fit: contain; border-radius: 4px; }


/*문의 리스트 v2*/
.cs_board .faq_list_wrap_v2 .answer_box {margin-bottom: 0;}
.cs_board .faq_list_wrap_v2 .content_inner { padding: 22px 16px 22px 16px;}


/* ========== 주문취소/환불/교환 리스트 ========== */
.cs_board .return_list_wrap { display: flex; flex-direction: column; background-color: #fff; margin-bottom: 40px;} 
.cs_board .return_list_wrap .return_item { position: relative; padding: 20px 16px; border-bottom: 1px solid #eeeeee; cursor: pointer; transition: background-color 0.2s; display: flex; align-items: center; justify-content: space-between; gap: 12px; } 
.cs_board .return_list_wrap .return_item:hover { background-color: #fafafa; } 
.cs_board .return_list_wrap .item_tit { font-size: 14px; color: #333; line-height: 1.5; white-space: nowrap; overflow: hidden; width: 90%; text-overflow: ellipsis; } 
.cs_board .return_list_wrap .list_arrow { width: 15px; height: 15px; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(https://www.publog.co.kr/re_181207/images/icon_faq_arrow_more1.png?t=1); opacity: 0.5; flex-shrink: 0; } 


/* ========== 컨텐츠 타이틀 ========== */		
.cs_board .content_tit { font-size: 18px; font-weight: 600; color: #333; margin-bottom: 30px; line-height: 1.5;}
		

/* ========== 그외 문의 ========== */
.cs_board .inquiry_wrap { }
.cs_board .inquiry_wrap .quick_list { display: flex; flex-direction: column; gap: 0; background-color: #fff; margin-bottom: 30px; }
.cs_board .inquiry_wrap .quick_list .quick_item { position: relative; padding: 5px 0; cursor: pointer; display: flex; align-items: center; justify-content: space-between; }
.cs_board .inquiry_wrap .quick_list .quick_txt { font-size: 14px; color: #666; line-height: 1.5; padding-right: 10px; }
.cs_board .inquiry_wrap .quick_arrow { width: 16px; height: 16px; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(https://www.publog.co.kr/re_181207/images/icon_faq_arrow_more2.png?t=1); margin-right: 3px;} 


/* ========== 주문취소/환불/교환 상세 ========== */
.cs_board .form_group { position: relative; margin-bottom: 30px; } 
.cs_board .form_label { font-size: 14px; color: #333; font-weight: 500; margin-bottom: 10px; }
	
.cs_board .form_group .select_button { width: 100%; padding: 14px 40px 14px 14px; border: 1px solid #dddddd; border-radius: 6px; font-size: 14px; background-color: white; color: #333; text-align: left; cursor: pointer; background-image: url("https://www.publog.co.kr/re_181207/images/icon_faq_arrow_down2.png?t=1"); background-position: right 16px center; background-repeat: no-repeat; background-size: 10px; transition: border-color 0.2s; } 
.cs_board .form_group .select_button:hover { border-color: #666666; } 
.cs_board .form_group .select_button.active { background-image: url("https://www.publog.co.kr/re_181207/images/icon_faq_arrow_up2.png?t=1"); border-color: #999; } 

/* 드롭다운 버튼 펼침 그룹 */
.cs_board .form_group .select_options { position: absolute; top: calc(100% + 4px); left: 0; right: 0; background: white; border: 1px solid #dddddd; border-radius: 6px; max-height: 220px; overflow-y: auto; z-index: 1000; display: none; } 
.cs_board .form_group .select_options.show { display: block; } 
.cs_board .form_group .select_option { padding: 12px 14px; font-size: 14px; color: #333; cursor: pointer; background: white; transition: background-color 0.2s; } 
.cs_board .form_group .select_option:last-child { border-bottom: none; } 
.cs_board .form_group .select_option:hover { background-color: #F7F7F7; } 
.cs_board .form_group .select_option.selected { background-color: #F7F7F7; } 

/* 우편번호찾기 버튼 */
.cs_board .btn_zip { padding: 14px 24px; background-color: #4a4a4a; color: #ffffff; font-size: 14px; font-weight: 500; border: none; border-radius: 6px; cursor: pointer; transition: background-color 0.2s; white-space: nowrap; flex-shrink: 0; width: 50%; box-sizing: border-box; } 
.cs_board .btn_zip:hover { background-color: #333333; }

/* 주소 입력 폼의 다중 인풋 레이아웃 */
.cs_board .form_block .form_row .form_group { display: flex; flex-direction: column; } 

.cs_board .form_group .zip_input { width: 50%; flex-shrink: 0; box-sizing: border-box; } 



/* readonly 입력 필드 스타일 */
.cs_board .form_input[readonly] { background-color: #fafafa; color: #999; cursor: default; } 
.cs_board .form_input[readonly]:focus { outline: none; border-color: #dddddd; } 

/* readonly가 포함된 form_row의 라벨 스타일 */
/*.cs_board .form_row.readonly_row .form_label_inline { color: #999; } */

.cs_board .form_group_inline { position: relative; display: flex; flex-direction: column; flex: 1; min-width: 0;}
.cs_board .form_group_inline .zip_row { display: flex; gap: 8px; margin-bottom: 8px; width: 100%; } 
.cs_board .form_group_inline .address_input { margin-bottom: 8px; } 


/* ========== 안내 문구 ========== */
.cs_board .info_txt { font-size: 13px; color: #999; line-height: 1.7; border-radius: 6px; background-color: #fafafa; padding: 15px; } 
.cs_board .info_txt li { position: relative; padding-left: 10px; margin-bottom: 6px; } 
.cs_board .info_txt li::before { content: "•"; position: absolute; left: 0; font-weight: 600; } 
.cs_board .info_txt li:last-child{margin-bottom: 0;}

/*안내문구 - 배경 컬러 없음 */
.cs_board .info_txt2 {background-color: unset; padding: 0;}


/* ========== 필수 입력 표시 ========== */
.cs_board .required_mark {color: #FF7373; font-size: 16px; font-weight: 600; margin-left: 4px;}
		
		
/* ========== 계좌번호 입력 폼 ========== */
.cs_board .form_block { border: 1px solid #dddddd; border-radius: 8px; padding: 20px 16px; margin-bottom: 30px;} 
/*.cs_board .form_block .form_row { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; }*/ 
/*.cs_board .form_block .form_row { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 16px; }*/
.cs_board .form_block .form_row { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 16px; } 
.cs_board .form_block .form_row:last-child { margin-bottom: 0; } 
/*.cs_board .form_block .form_label_inline { font-size: 13px; color: #333; font-weight: 500; min-width: 70px; flex-shrink: 0;line-height: 2; }*/ 
/*.cs_board .form_block .form_label_inline { font-size: 13px; color: #333; font-weight: 500; min-width: 70px; flex-shrink: 0; line-height: 1.5; padding-top: 14px;}*/
.cs_board .form_block .form_label_inline { font-size: 13px; color: #333; font-weight: 500; min-width: 70px; flex-shrink: 0; line-height: 1.5; padding-top: 14px; } 
/*.cs_board .form_block .form_row .form_group { flex: 1; position: relative; margin-bottom: 0; } */
.cs_board .form_block .form_row .form_group { display: flex; flex-direction: column; flex: 1; min-width: 0; } 
.cs_board .form_input { flex: 1; width: 100%; padding: 14px; border: 1px solid #dddddd; border-radius: 6px; font-size: 14px; background-color: white; color: #333; transition: border-color 0.2s; box-sizing: border-box; } 
.cs_board .form_input::placeholder { color: #ccc; } 
.cs_board .form_input:focus { outline: none; border-color: #333; } 
.cs_board .form_amount { flex: 1; font-size: 19px; font-weight: 600; color: #333; text-align: right;padding: 5px 0; } 
		

/* ========== 상세문의 입력 영역 ========== */
.cs_board .form_textarea_block { border: 1px solid #dddddd; border-radius: 8px; padding: 16px; background-color: #fff; margin-bottom: 30px;} 
.cs_board .form_textarea_block .form_textarea { width: 100%; border: none; outline: none; resize: none; font-size: 14px; line-height: 1.7; color: #333; background-color: transparent; } 
.cs_board .form_textarea_block .form_textarea::placeholder { color: #ccc; }
		
	
/* ========== 이미지 첨부 폼 ========== */	
.cs_board .attach_form_wrap { margin-top: 12px; margin-bottom: 30px;} 
.cs_board .attach_form_wrap .slot_list { display: flex; flex-wrap: wrap; gap: 10px; } 

/* 썸네일 공통 */
.cs_board .attach_form_wrap .slot_thumb,
.cs_board .attach_form_wrap .slot_add { width: 90px; height: 90px; border-radius: 8px; position: relative; overflow: hidden; border: 1px solid #ddd; background-color: #fafafa; display: flex; align-items: center; justify-content: center; } 

/* 썸네일 이미지 */
.cs_board .attach_form_wrap .slot_thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } 
.cs_board .attach_form_wrap .btn_del { position: absolute; top: 0; right: 0; width: 35px; height: 35px; border: none; border-radius: 50%; cursor: pointer; background: url("https://www.publog.co.kr/re_181207/images/icon_faq_close.png?t=1")
center / 22px no-repeat; opacity: 0.6;
transition: opacity 0.2s ease; } 
.cs_board .attach_form_wrap .btn_del:hover { opacity: 0.8;}

/* 추가 버튼 (빈 슬롯) */
.cs_board .attach_form_wrap .slot_add { background: #fff; cursor: pointer; transition: all 0.2s; } 
.cs_board .attach_form_wrap .slot_add:hover { background: #f7f7f7; border-color: #dddddd; } 
.cs_board .attach_form_wrap .ico_add { width: 22px; height: 22px; display: block; background: url("https://www.publog.co.kr/re_181207/images/icon_faq_picture.png?t=1")
no-repeat center / contain; } 


/* ===== 상품 선택 리스트 ===== */
/* 기본 */
.cs_board .order_section { display:flex; flex-direction:column; gap:12px; margin-bottom: 30px;} 
.cs_board .order_section .order_toolbar { display:flex; align-items:center; gap:8px; font-size:14px; color:#333; margin:8px 0 6px; } 

/* 체크박스 */				
.cs_board .checkbox_wrap {display: flex; flex-direction: column; gap: 8px; margin-bottom: 30px;}
	
.cs_board .checkbox { font-size: 13px; color: #666; line-height: 1.5; position: relative; } 
.cs_board .checkbox input[type="checkbox"] { position: absolute; opacity: 0; pointer-events: none; } 
.cs_board .checkbox label { position: relative; cursor: pointer; } 
.cs_board .checkbox label span { margin-left: 10px; top: 1px; position: relative; } 
.cs_board .checkbox label::before { content: ""; display: inline-block; width: 18px; height: 18px; flex-shrink: 0; border: 1px solid #cfd4e0; border-radius: 4px; background: #ccc url(https://m.publog.co.kr/login/new/img/btn_check.png?t=1) center no-repeat; background-size: 10px; transition: background-color 0.15s ease, border-color 0.15s ease; vertical-align: middle; } 
.cs_board .checkbox input[type="checkbox"]:checked + label::before { background: #222450 url("https://m.publog.co.kr/login/new/img/btn_check.png?t=1") center no-repeat; background-size: 10px; border-color: #222450; } 		
.cs_board .checkbox .chk_all {font-weight: 600; color: #333; font-size: 14px;}
.cs_board .checkbox em.nece {color: #ff4040; font-style: normal;}
.cs_board .checkbox label a { color: #222450; text-decoration: underline;}


/* 리스트/카드 */
.cs_board .order_section .order_list_wrap { padding: 15px; background-color: #f7f7f7; border-top: solid 1px #e9e9e9; } 
.cs_board .order_section .order_list { list-style:none; margin:0; display:flex; flex-direction:column; gap:12px; margin-bottom: 15px; } 
.cs_board .order_section .order_card { display:flex; align-items:flex-start; gap:16px; padding:16px; border:1px solid #e9e9e9; border-radius:10px; background:#fff; } 

.cs_board .order_section .order_card .thumb { width:64px; height:64px; border-radius:8px; background:#f7f7f7; display:flex; align-items:center; justify-content:center; overflow:hidden; } 
.cs_board .order_section .order_card .thumb img { width:100%; height:100%; object-fit:cover; } 
.cs_board .order_section .order_card .card_body { flex: 1; min-width: 0; display: flex; flex-direction: column;align-items: flex-start; } 
		
.cs_board .order_section .order_card .title { font-size: 14px; color: #333; font-weight: 700; margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 	
.cs_board .order_section .order_card .meta { font-size: 13px; color: #999; line-height: 1.5; margin-bottom: 15px;
white-space: normal; overflow: visible; text-overflow: clip;
word-break: keep-all; overflow-wrap: anywhere; hyphens: auto; } 
		
.cs_board .order_section .order_card .price { margin-bottom: 15px; } 
.cs_board .order_section .order_card .price strong { font-size:16px; font-weight:800; color:#333; } 
.cs_board .order_section .order_card .price em { font-style:normal; font-size:13px; color:#8b9099; margin-left:2px; } 

.cs_board .order_section .order_card .qty { display:inline-flex; align-items:center; gap:2px; padding:0 4px; background:#f7f7f7; border:1px solid #e9e9e9; border-radius:20px; font-size:14px; color:#333; font-weight:700; align-self: flex-start; } 
.cs_board .order_section .order_card .qty__btn { border:0; background:none; font-weight:700; color:#333; cursor:pointer; padding: 10px 10px; font-size: 16px;} 
.cs_board .order_section .order_card .qty__val { min-width:18px; text-align:center; font-weight: 400; font-size: 16px; position: relative; top: 0px;  }


/* ========== 검색 바 영역 ========== */
.cs_board .search_box { position: relative; display: flex; align-items: center; gap: 6px; padding: 9px; background-color: #f9f9f9; border-radius: 30px; border: 1px solid #e9e9e9; margin-bottom: 40px; min-height: 54px; transition: border-color 0.2s ease, background-color 0.2s ease;  }

/* 검색바 focus 상태 */
/*.cs_board .search_box:focus-within { border-color: #5A5DD2;}*/
.cs_board .search_box:focus-within { border-color: #333;}

/*돋보기 아이콘*/
.cs_board .search_box .search_icon { width: 20px; height: 20px; background: url(https://www.publog.co.kr/re_181207/images/icon_search.png?t=1) no-repeat center; background-size: 18px; flex-shrink: 0; opacity: 0.5; cursor: pointer; transition: opacity 0.2s; padding: 7px 9px; } 
.cs_board .search_box .search_icon:hover { opacity: 1; } 

/* focus 상태일 때 돋보기 아이콘도 강조 */
.cs_board .search_box:focus-within .search_icon { opacity: 0.8; } 
.cs_board .search_box .search_content { display: flex; align-items: center; gap: 6px; flex: 1; flex-wrap: wrap; padding-right: 15px; } 

/* 입력 창 */
.cs_board .search_box .search_input { flex: 1; border: none; background: transparent; outline: none; font-size: 14px; color: #333; padding: 0; min-width: 120px; } 
.cs_board .search_box .search_input::placeholder { color: #ccc; } 
.cs_board .search_box .search_input:focus::placeholder { color: #b8b8b8;}

/* 태그 */
.cs_board .search_box .search_tag { display: inline-flex; align-items: center; gap: 0; padding: 0 2px 0 12px; background-color: #dbe4fd; border-radius: 16px; font-size: 13px; color: #3438ad; font-weight: 400; } 
.cs_board .search_box .search_tag .tag_text { line-height: 1.8; font-weight: 600;} 
.cs_board .search_box .search_tag .tag_remove { width: 14px; height: 14px; background: url(https://www.publog.co.kr/re_181207/images/btn_close_blue.png?t=1) no-repeat center; background-size: 9px; border: none; cursor: pointer; padding: 9px 6px; opacity: 0.8; transition: opacity 0.2s; } 

.cs_board .search_box .search_tag .tag_remove:hover { opacity: 1; transition: opacity 0.2s; } 

/* 전체 삭제 */
.cs_board .search_box .search_clear { width: 21px; height: 21px; background: url(https://www.publog.co.kr/re_181207/images/icon_faq_close_circle.png?t=1) no-repeat center; background-size: 21px; border: none; cursor: pointer; padding: 0; flex-shrink: 0; opacity: 0.4; transition: opacity 0.2s; padding: 7px 9px; } 
.cs_board .search_box .search_clear:hover { opacity: 0.7; transition: opacity 0.2s; } 



/* ========== 검색바 자동완성 레이어 ========== */
.cs_board .autocomplete_layer { display: none; position: absolute; top: calc(100% + 6px); left: 0; right: 0; background: #fff; border: 1px solid #333; border-radius: 12px; z-index: 100; max-height: 240px; overflow: hidden; flex-direction: column; } 

.cs_board .autocomplete_layer.active { display: flex; }
.cs_board .autocomplete_layer .recent_view { display: none; flex-direction: column; overflow: hidden; }
.cs_board .autocomplete_layer .recent_view .recent_list { padding: 15px 15px; overflow-y: auto; max-height: 196px; }

.cs_board .autocomplete_layer.active { display: block; } 
.cs_board .autocomplete_layer .recent_view .recent_list { padding: 15px 15px; } 

.cs_board .autocomplete_layer .recent_view,
.cs_board .autocomplete_layer .autocomplete_view,
.cs_board .autocomplete_layer .empty_view { display: none; } 

.cs_board .autocomplete_layer.state-recent .recent_view { display: flex; }
.cs_board .autocomplete_layer.state-autocomplete .autocomplete_view,
.cs_board .autocomplete_layer.state-empty .empty_view { display: block; }

.cs_board .autocomplete_layer .recent_empty { display: none; padding: 14px 15px; font-size: 13px; color: #999; } 
.cs_board .autocomplete_layer .empty_view { display: none; padding: 14px 15px; font-size: 13px; color: #999; } 
.cs_board .autocomplete_layer .recent_footer { display: flex; justify-content: flex-end; padding: 8px 15px;border-top: 1px solid #f0f0f0; } 

.cs_board .autocomplete_layer .recent_clear_btn { font-size: 12px; color: #999; border: none; background: none; cursor: pointer; padding: 0; transition: color 0.2s;padding: 5px 0; } 
.cs_board .autocomplete_layer .recent_clear_btn:hover { color: #333; } 
.cs_board .autocomplete_layer .autocomplete_list,
.cs_board .autocomplete_layer .recent_list { list-style: none; padding: 0; margin: 0; } 

.cs_board .autocomplete_layer .autocomplete_item { display: flex; align-items: center; justify-content: space-between; padding: 0 0 10px 0; font-size: 14px; color: #333; cursor: pointer; transition: background-color 0.15s; } 
.cs_board .autocomplete_layer .autocomplete_item:last-child { padding-bottom: 0px; } 
.cs_board .autocomplete_layer .autocomplete_item .item_text { flex: 1; } 
.cs_board .autocomplete_layer .autocomplete_item .item_delete { width: 8px; height: 8px; background: url(https://www.publog.co.kr/re_181207/images/btn_close.png?t=1) no-repeat center; background-size: 18px; border: none; cursor: pointer; flex-shrink: 0; margin-left: 10px;opacity: 0.2; } 
	

		
/* ========== 실시간 업데이트 ========== */
.cs_board .realtime_update { margin-bottom: 20px; padding-left: 5px;}
.cs_board .realtime_update .update_badge { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; border-radius: 4px; color: #333; margin-bottom: 6px;}
.cs_board .realtime_update .badge_dot { width: 8px; height: 8px; border-radius: 50%; background-color: #5A5DD2; animation: colorPulse 1.5s ease-in-out infinite; top: 1px; position: relative;}

@keyframes colorPulse {
	0%, 100% { 
		background-color: #5A5DD2; 
		opacity: 1; 
	}
	50% { 
		background-color: #8284F8; 
		opacity: 0.6; 
	}
}

.cs_board .realtime_update .update_text { font-size: 13px; color: #999; line-height: 1.5; display: block;}
		
/* 실시간 업데이트 리스트 */
.realtime_section {margin-bottom: 40px; } 
.realtime_section .realtime_list_wrap { padding: 15px; background-color: #f9f9f9; border-top: solid 1px #e9e9e9; } 
.realtime_section .realtime_list { list-style: none; margin: 0; display: flex; flex-direction: column; gap: 12px; margin-bottom: 15px; } 
.realtime_section .realtime_card { border: 1px solid #e9e9e9; border-radius: 10px; background: #fff; overflow: hidden; } 
.realtime_section .card_header { padding: 16px 16px 12px 16px; background-color: #dbe4fd; border-bottom: 1px solid #e9e9e9; } 
.realtime_section .card_category { display: inline-block; font-size: 16px; font-weight: 700; color: #222; } 
.realtime_section .card_body_realtime { display: flex; flex-direction: column; gap: 16px; padding: 20px 16px; background-color: #ffffff; } 
.realtime_section .date_range,
.realtime_section .delivery_info { display: flex; flex-direction: column; gap: 6px; } 
.realtime_section .date_label,
.realtime_section .info_label { font-size: 12px; font-weight: 500; color: #8b9099; letter-spacing: -0.02em; } 
.realtime_section .date_value { font-size: 15px; font-weight: 700; color: #333; letter-spacing: -0.02em; } 
.realtime_section .info_value { font-size: 13px; font-weight: 400; color: #666; line-height: 1.65; letter-spacing: -0.02em; } 
.mt20 { margin-top: 20px; } 

/*배송 일정 안내 문구*/
.cs_board .delivery_notice { padding: 26px 16px 26px 16px; border-radius: 8px; text-align: center; } 
.cs_board .delivery_notice .delivery_notice_text { font-size: 19px; font-weight: 400; color: #333; line-height: 1.6; letter-spacing: -0.02em; margin: 0; } 
.cs_board .delivery_notice .highlight_date { font-weight: 600; color: #5A5DD2; font-size: 18px; } 


/* ========== 데이터 테이블 컴포넌트 ========== */
.cs_board .table_wrap { margin-bottom: 30px; }
.cs_board .data_table { width: 100%; border-collapse: collapse; border-top: 2px solid #333; }

.cs_board .data_table thead tr { background-color: #F7F7F7; }
.cs_board .data_table th { padding: 14px 16px; font-size: 14px; font-weight: 600; color: #333; text-align: center; border-right: 1px solid #E9E9E9; }
.cs_board .data_table th:last-child { border-right: none; }

.cs_board .data_table tbody tr { border-bottom: 1px solid #E9E9E9; }
.cs_board .data_table td { padding: 14px 16px; font-size: 13px; color: #666; text-align: center; vertical-align: middle; border-right: 1px solid #E9E9E9; letter-spacing: -0.02em; }
.cs_board .data_table td:last-child { border-right: none; }

/* 테이블 셀 스타일 변형 */
.cs_board .data_table .td_bold { font-weight: 500; color: #333; }

/* 빈 데이터 상태 */
.cs_board .data_table .td_empty { padding: 14px 16px; font-size: 14px; color: #999; text-align: center; border-right: none; }

/*아이콘 - 자물쇠*/
.cs_board .icon_lock { display: inline-block; width: 11px; height: 13px; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(https://www.publog.co.kr/re_181207/images/icon_faq_lock.png?t=1); margin-left: 6px; opacity: 20%; position: relative; bottom: -3px;}

/*메인 - 상담원 문의 바로가기 버튼*/
.main_inquiry_btn_area {text-align: right; font-size: 14px; color: #666; text-decoration: none; cursor: pointer; }
.main_inquiry_btn_area .main_inquiry_btn { font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 5px; color: #222450; padding: 10px 0; }
.main_inquiry_btn_area .main_inquiry_btn:hover { color: #222450;}


/*문의 내역 하위 페이지*/
.cs_board .inquiry_detail .list_content { background-color: #FAFAFA;}
.cs_board .inquiry_detail .answer_box { display: flex; gap: 12px; margin-bottom: 50px; align-items: flex-start; padding: 22px 16px 22px 16px; } 
.cs_board .inquiry_detail .answer_box .question_icon { background: #222450; } 
.cs_board .inquiry_detail .question_txt { flex: 1; font-size: 14px; color: #333; line-height: 1.6; word-break: break-word; } 
.cs_board .inquiry_detail .content_tit { display: flex; gap :12px; } 

/*문의내역 탭 패널*/
.cs_board .tab_panel .main_tit_wrap .main_tit	{  line-height: 30px;  text-align: center;    margin: 30px auto;}
.cs_board .tab_panel .main_tit_wrap .main_tit span {color: #858585;}	
.cs_board .tab_panel img {    width: 40%;
    margin: 0 auto;}

/*바로가기*/
.cs_contact_link {text-align:center; padding: 4px 0 20px; font-size:13px; color:#555; border-top: 1px solid #f3f3f3;
    margin-top: 20px;}	
.cs_contact_link a {font-weight:700; color:#1c1c30; text-decoration:underline;}	
	




.cs_board {
	display: flex !important;
	flex-direction: column;
}

.cs_board .btn_default .default_box {background-color: #1c1c30; height: 75px !important; border-radius: 15px;}
.cs_board .btn_default .default_box .btn_tit { font-weight: 700;}
.cs_board .btn_default .default_box:hover { background: #2d2d52;}
.cs_board .header_popup {
	flex-shrink: 0;
	background-color: #1c1c30;
	border-bottom: none !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	position: static !important;
}
.cs_board .login_header {
	margin-bottom: 0 !important;
	border-bottom: 1px solid #e9e9e9;
}
.cs_board .login_header h1 {
	font-size: 17px;
	font-weight: bold;
	color: #333;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
}
.cs_board .login_header button.close_right {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 40px;
	height: 40px;
	background: url(https://www.publog.co.kr/re_181207/images/btn_close_w.png?t=1) no-repeat;
	background-size: 15px;
	background-position: center;
}
.cs_board .cs_tab_wrap {
	flex-shrink: 0;
	width: 100%;
	background-color: #1c1c30;
	z-index: 100;
	box-sizing: border-box;
	left: 0;
	top: 55px;
	position: fixed;
	margin: 0 auto;
}
.cs_board .cs_tab_inner {
	display: flex;
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
	box-sizing: border-box;
}
.cs_board .cs_tab_inner .tab_item {
	flex: 1;
	text-align: center;
	padding: 14px 0 12px;
	font-size: 14px;
	color: #888aaa;
	cursor: pointer;
	position: relative;
	font-weight: 500;
	letter-spacing: -0.2px;
	transition: color 0.2s;
}
.cs_board .cs_tab_inner .tab_item.active {
	color: #ffffff;
	font-weight: 700;
}
.cs_board .cs_tab_inner .tab_item.active::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #f5c518;
}
.cs_board .ai_badge {
	display: inline-block;
	background-color: #f5c518;
	color: #1c1c30;
	font-size: 10px;
	font-weight: 800;
	padding: 1px 5px;
	border-radius: 4px;
	margin-left: 4px;
	vertical-align: middle;
	line-height: 16px;
}
.cs_board .tab_panel {
	display: none;
}
.cs_board .tab_panel.active {
	display: block;
	overflow-y: auto;
	padding-top: 0px;
}
.cs_board .selfservice_wrap {
	padding: 0;
}
.cs_board .selfservice_wrap .selfservice_header {
	display: flex;
	align-items: baseline;
	gap: 6px;
	padding: 4px 0 14px;
}
.cs_board .selfservice_wrap .selfservice_header .ss_main_title { 
	font-size: 15px;
	font-weight: 700;
	color: #1c1c30;
}
.cs_board .selfservice_wrap .selfservice_header .ss_subtitle {
	font-size: 12px;
	font-weight: 400;
	color: #999;
}
.cs_board .selfservice_wrap .ss_section {
	background: #ffffff;
	border-radius: 16px;
	margin-bottom: 10px;
	overflow: hidden;
	box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}
/*
.cs_board .selfservice_wrap .ss_section_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 18px;
	cursor: pointer;
	background: #ffffff;
	user-select: none;
	transition: background-color 0.2s ease;
}
.cs_board .selfservice_wrap .ss_section_header:active {
	background: #f8f8fc;
}
.cs_board .selfservice_wrap .ss_header_left {
	display: flex;
	align-items: center;
	gap: 10px;
}
.cs_board .selfservice_wrap .ss_header_icon {
	font-size: 16px;
	width: 26px;
	text-align: center;
}
.cs_board .selfservice_wrap .ss_header_title {
	font-size: 12px;
	font-weight: 700;
	color: #1c1c30;
}
.cs_board .selfservice_wrap .ss_toggle_arrow {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;

	border-bottom: 7px solid #bbbbbb;
	display: inline-block;
	transition: transform 0.25s ease;
}
.cs_board .selfservice_wrap .ss_section:not(.open) .ss_toggle_arrow {
	transform: rotate(180deg);
}
.cs_board .selfservice_wrap .ss_section.open .ss_toggle_arrow {
	transform: rotate(0deg);
}
 ✅ 핵심 수정: .cs_board 중복 제거 
.cs_board .selfservice_wrap .ss_section_body {
	max-height: 0;
	overflow: hidden;
	padding: 0 14px;
	transition: max-height 0.35s ease, padding 0.35s ease;
}
.cs_board .selfservice_wrap .ss_section.open .ss_section_body {
	max-height: 600px;
	padding: 0 14px 14px;
}
.cs_board .selfservice_wrap .ss_grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
.cs_board .selfservice_wrap .ss_item {
	border: 1px solid #f3f3f3 !important;
	border-radius: 14px;
	padding: 14px 12px 13px;
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	background: #fff;
	width: 100%;
	text-align: left;
	transition: all 0.15s;
	box-sizing: border-box;
}
.cs_board .selfservice_wrap .ss_item:hover,
.cs_board .selfservice_wrap .ss_item:active {
	border-color: #c8c9dd !important;
	background-color: #fbfbff;
}
.cs_board .selfservice_wrap .ss_item_icon {
	width: 40px;
	height: 40px;
	min-width: 40px;
	background: #ffffff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.07);
}
.cs_board .selfservice_wrap .ss_item_text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.cs_board .selfservice_wrap .ss_item_tit {
	font-size: 13px;
	font-weight: 700;
	color: #1c1c30;
	letter-spacing: -0.3px;
}
.cs_board .selfservice_wrap .ss_item_sub {
	font-size: 11px;
	color: #999;
	letter-spacing: -0.2px;
}
*/
.chatbot_wrap { padding: 40px 20px 20px; text-align: center; }
.chatbot_icon { width: 64px; height: 64px; background-color: #f0f0f5; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; font-size: 28px; }
.chatbot_title { font-size: 17px; font-weight: 700; color: #1c1c30; margin-bottom: 8px; }
.chatbot_desc { font-size: 13px; color: #888; line-height: 1.6; margin-bottom: 24px; }
.chatbot_start_btn { display: inline-block; background-color: #1c1c30; color: #fff; font-size: 14px; font-weight: 600; padding: 13px 32px; border-radius: 8px; border: none; width: 100%; }
.inquiry_tab_wrap { padding: 20px 16px; }
.cs_contact_link { text-align: center; padding: 20px 0; font-size: 13px; color: #666; }
.cs_contact_link a { color: #1c1c30; font-weight: 700; text-decoration: underline; margin-left: 5px; }


.cs_board .inquiry_tab_wrap .cs_gobtn {		width: 100%;
    background: #fff;
    border: 1.5px solid #e0e4ef;
    border-radius: 10px;
    padding: 13px;
    font-size: 13.5px;
    font-weight: 600;
    color: #555;
    cursor: pointer;
    font-family: inherit;
    transition: all .2s;
}
				
.cs_board .inquiry_tab_wrap .cs_gobtn:hover {
    border-color: #1a1a2e;
    color: #1a1a2e;
}				


		.cs_board .ss_grid_buttons {
			width: 100%;
		}
		.cs_board .ss_header_button {
			background-color: #f3f3f3;
				padding: 5px 7px;
				color: #222450;
				cursor: pointer;
				transition: all 0.2s ease;
				box-sizing: border-box;
				margin: 0px 0px 5px 0px;
				border-radius: 15px;
		}

.cs_board .ss_header_button:hover,
.cs_board .ss_header_button:active,    /* ← 클릭할 때 */
.cs_board .ss_header_button:focus {    /* ← 포커스할 때 */
    background: #222450 !important;
    color: #fff !important;
}

		.cs_board .ss_header_button .ss_header_icon {
			font-size: 16px;
			display: block;
			flex-shrink: 0;
		}
		.cs_board .ss_header_button .ss_header_title {
			font-size: 11px;
		}