@charset "euc-kr";

/* �߼�â */
.section_layout.message_wrap { display: flex; width:1200px; margin:0 auto;}
.emoticon { width:100%;}
.msg_main { border:1px solid transparent; border-radius: 4px; border:1px solid #c7cacf; background: #fff;}
.msg_box { background: #f9f9f9; padding:16px; border:1px solid #e1e3e5; border-radius: 4px;}
.msg_box .layout_01 + .msg_txt { margin-top:15px;}
.msg_box .photo_wrap {  padding:0;}
.msg_box .photo_wrap.section_contents { width:auto;}
.msg_box .photo_wrap { margin-top:30px;}
.msg_box .photo_wrap .section_tit { justify-content: flex-start;}
.msg_box .photo_wrap .section_body { position:relative; margin:10px 0 0 ;padding:20px; background: #fff; border-radius: 4px; border:1px solid #c7cacf;}
.msg_box .photo_wrap .section_body .wrap_progress_bar { position: absolute; top:0; left:0; right:0; height:100%; z-index: 1000; background-color: #fff; border-radius: 5px;}
.msg_box > .layout_01 { position:relative;}
.msg_box > .layout_01 .input_wrap_a { width:100%;}
.msg_box > .layout_01 .input_wrap_a input { padding: 11px 42px 11px 7px}
.msg_box > .layout_01 .input_wrap_a .input_clear {right: 29px;}
.msg_box > .layout_01 .item_02 {position:absolute;right: 5px;top:0; height:100%; z-index:10;}
.msg_main:focus-within { box-shadow: 0px 6px 32px -8px rgba(0, 0, 0, 0.18)} 
.wrap_left .section_contents ,
.wrap_right .section_contents { padding-right:0; box-sizing: border-box;}
.wrap_left > .section_contents { width:400px; position:sticky; top:84px;}
.wrap_left > .section_contents.tip_box { position:relative; top:auto;}
.wrap_right > .section_contents { width:520px;}
.wrap_wide { width:100%;}
.wrap_wide .section_tit { padding:0 30px;}
.wrap_wide .nav_menu { margin-top:20px;}
.wrap_wide .nav_menu ul { margin-left:0px;}
.wrap_wide .nav_menu li { margin-right:10px;}
.msg_txt_info { display: flex; font-size:14px; margin:0 0 10px; align-items: center;}
.byte_box { margin-left:auto;}
.msg_txt_info .byte_max { letter-spacing: -.03em; font-family: pretendard;}
.msg_txt_info .byte_type { margin-right:6px;}
.msg_txt_info .btn_reset { padding:0 5px; font-size: 0;}
.msg_txt_info .btn_reset * { margin:0;}
.ai_btn_wrap { position:relative;}
.btn_ai_text { display: inline-flex; align-items: center;  padding:5px 7px 5px 8px; background-color: #fff; border-radius: 4px;color: #ffffff;font-size: 12px;letter-spacing: -.04em;background: linear-gradient(90deg, #4f7ef8, #9460d4);}
.ai_tip { z-index: 103; font-size:12px; animation: 5s tip_show; opacity: 0; transform: translateY(-10px); position:absolute;top: calc(100% + 5px);width: 227px;font-size: 13px;background: #fff;border: 1px solid #000;padding: 3px 24px 4px 7px;text-align: center;border-radius: 3px;}
.ai_tip::after {content:"";display: block;position: absolute;top: -5px;left: 10px;width: 7px;height: 7px;background: #fff;border-top:1px solid #000;border-left:1px solid #000;transform: rotate(45deg);}
.ai_tip .cls_tip { position: absolute;right: 4px;top: 5px;display: block;width: 16px; height: 16px; background: #0f0f0f; background-size: 100%; cursor: pointer;}

@keyframes tip_show { 5% { opacity: 1; transform: translateY(0); } 95% { opacity: 1; transform: translateY(0); } 100% { transform: translateY(-10px); opacity: 0 } }
@media (min-width:767px) { .input_textarea::-webkit-scrollbar-track {background-color: transparent !important;} }

.ico_ai_twkl { display: inline-block; position:relative; width:16px; height:16px; vertical-align: middle; margin-right:10px;}
.ico_ai_twkl em { animation: 1.5s twkle 2; display: block; position: absolute; background:url(/design/img/common/icon/i_ai_twkl-3039c7782eeafad2b54a782416f069d0.svg) no-repeat;}
.ico_ai_twkl em:nth-child(1) {width:11px;height:11px;top: 0px;left: 0px;}
.ico_ai_twkl em:nth-child(2) {width: 8px;height: 8px;top: 8px;left: 7px; animation-delay: .3s; opacity: .9;}
.ico_ai_twkl em:nth-child(3) {width: 7px;height: 7px;top: 2px;left: 12px; animation-delay: .4s; opacity: .8;}
@keyframes twkle { 0% { transform: scale(1) } 60% { transform: scale(0) } 100% { transform: scale(1) } }



@keyframes schem { 0% { transform: scale(1); opacity: 1;  } 50% { transform: scale(.8); opacity: .7;}  100% { transform: scale(1); opacity: 1;  } }


.ico_ai_img { animation: 1.5s spinImg 2; display: inline-block; position:relative; width:16px; height:16px; vertical-align: middle; margin-right:12px;}
.ico_ai_img em { animation: 1.5s  2; display: block; position: absolute;  }
.ico_ai_img em:nth-child(1) {animation: 1s schem 2;animation-delay: .2s;width: 5px;height: 5px;top: -1px;left: -1px;background:url(/design/img/common/icon/i_img_2-1e7c98b8b6cd18fd2026c24f2da3f169.svg) no-repeat;}
.ico_ai_img em:nth-child(2) {animation: 1s schem 2;animation-delay: .3s;width: 6px;height: 7px;bottom: 0px;left: 0px;opacity: .9;background:url(/design/img/common/icon/i_img_1-7fce0faaaccb5eea57db86dea1a0b122.svg) no-repeat;}
.ico_ai_img em:nth-child(3) {animation: 1s schem 2;animation-delay: .4s;width: 8px;height: 9px;bottom: 0px;left: 6px;background:url(/design/img/common/icon/i_img_1-7fce0faaaccb5eea57db86dea1a0b122.svg) no-repeat;}
.ico_ai_img em:nth-child(4) {animation: 1s twkle 2;width: 10px;height: 11px;top: -5px;left: 8px;animation-delay: .4s;opacity: .8;background:url(/design/img/common/icon/i_ai_twkl-3039c7782eeafad2b54a782416f069d0.svg) no-repeat;}


.byte_box .byte_type { display: inline-block; padding:3px 8px; border-radius: 15px;}
.byte_box .byte_type + * { margin-left:10px;}
.byte_box * + .byte_type { margin-left:5px;}
.byte_type { color:#fff; font-size: 14px;}
.type_sms .byte_type { background:  linear-gradient(90deg, #293683, #0EA57B);}
.type_lms .byte_type { background:  #ff1e1e;}
.type_mms .byte_type { background:  #af1dff;}
.type_rcs_mms .byte_type { background:  #af1dff;}
.type_rcs_card .byte_type { background:  #4DCD7F;}
[class*="type_survey"] .byte_type { background:  #774fbb;} 

.type_m_coupon .byte_type { background: #ff8c0c;}
.type_fax .byte_type { background: #0a3e76;}
.type_kakao .byte_type { background: #f5de09; color:#191919;}
.byte_msg { font-weight: 600; letter-spacing: -.03em; font-family: pretendard;}
.type_sms .byte_msg { color:#2f77fb;}
.type_lms .byte_msg { color:#ff1e1e;}
.type_mms .byte_msg { color:#af1dff;}
.type_m_coupon .byte_msg { color:#ff8c0c;}
.type_kakao .byte_msg { color:#191919;}
.byte_max { opacity: .4;}
.toggle_wrap_l { display: flex; justify-content:flex-start; align-items: center; }
.toggle_box .option_txt {flex-grow: 1;  margin-right:10px;}
.toggle_box .option_txt p { letter-spacing: -.3px;}
.toggle_box:has(.checkbox) .option_txt p { color:#dbdbdb !important; }
.toggle_box { display: flex; flex-direction: row-reverse; justify-content: space-between !important; align-items: center; padding:10px 15px; position: relative; z-index: 102;;} 
.toggle_box label { padding: 3px; background: #e0e0e0; width:40px;height: 20px;border-radius: 14px;display: flex;align-items: center; margin:0;}
.toggle_box label .switch { display: inline-block; width:18px; height:18px;border-radius: 50%;background: #fff; transition: all 0.25s cubic-bezier(.22, .61,.36, 1);}
.toggle_box input:checked + label { background: #2f77fb;}
.toggle_box input:checked + label .switch { transform: translateX(22px);}
.toggle_box input:checked + label + .option_txt p { color:#334155 !important;}
.toggle_box  + .toggle_box  { padding-top:0;}
.option_box { display: flex; background: #fff; padding:15px;}
.option_box .opt_right { margin-left:auto;}
.option_box .opt_right button { font-size:13px;}
.option_box .srch_reset { margin-left:3px;}
.refusal_number .opt_left { display: flex; align-items: center;}
.refusal_number .opt_left .tit { font-size:13px; margin-right: 10px;}
.refusal_number .opt_left input { font-size:13px; padding:6px 0 7px 7px;}

.msg_option { display: flex; align-items: center; margin-top:10px;}
.option_01 .btn_a { margin-right:7px; font-size:13px !important; color:#000}
.option_01 .icon_arrow { margin-left:7px; margin-right:0; transform: scale(scale(0.8));}
.option_01 .toggle_box { background-color: transparent; padding:0;}
.option_01 .toggle_box .option_txt { color:#949494; font-size:12px !important;}
.option_01 .toggle_box .option_txt { margin-right:5px;}
.option_01 .toggle_box { font-size: 13px; margin-right:0; margin-left:auto}
.option_02 { display: flex; justify-content: space-between; }
.option_02 .btn_b { width:calc(100% / 3 - 2px); justify-content: center;}
.add_photo { display: flex; }
.add_photo .item_img { position: relative; margin-right:20px; cursor: pointer; z-index: 1}
.add_photo .item_img  label {position:relative; margin:0; width:100%; height:100%;}
.add_photo .item_img  label input {position:absolute;width:0;height:0;overflow:hidden;}
.add_photo .item_img > div{ display: flex; align-items: center; justify-content: center;  overflow: hidden; width:80px; height:107px; border-radius: 10px; background: rgba(118,118,118,.1); transition: all 0.25s cubic-bezier(.22, .61,.36, 1);}
.add_photo .item_img > div:hover img { transform: scale(1.1);}
.add_photo .item_img:hover > div{ background-color: rgba(118,118,118,.2);}
.add_photo .item_img:not(.added):hover .add_img { background-color: #a5a5a5;}
.add_photo .item_img img {  width:auto; height:auto; max-width:100%; max-height: 100%; transition: 0.3s;}
.add_photo .added .add_img { top:-9px; right:-9px;left: auto; bottom: auto; transform: rotate(-45deg); background-color: #334155; border:4px solid #fff; z-index: 1;}
.add_photo .added .add_img:hover { background-color: #000 !important;}
.photo_placeholder { display: flex; align-items: center; justify-content: center; overflow: hidden; width: 78px; height: 105px; border-radius: 10px; position: relative; margin-right: 20px; cursor: pointer; background-color: #f3f3f3; border:1px dashed #b7b7b7;}
.msg_box .photo_wrap .section_tit button { margin-left:auto;}
.send_option_b .check_box_a .tooltip{ margin-left: 6px;}

/* �߼�â */

.msg_main #adOptionInfoWrap .option_txt { color:#334155}
.msg_main .input_textarea { position: relative; padding:20px 15px; max-height:calc(100vh - 590px); min-height: 170px; box-sizing: border-box; }
.input_textarea:has(textarea:disabled:not(.fake_massage)) { background: #E8E8E8;}
.input_textarea textarea:disabled { color:#A8A8A8;} 
.msg_main .input_textarea { position: relative; max-height:calc(100vh - 590px); min-height: 150px; box-sizing: border-box; padding:20px; }
.input_textarea textarea:disabled { background: #E8E8E8; color:#A8A8A8;} 
.kakao_send_wrap .msg_box .input_textarea { padding:0; overflow: hidden;}
.kakao_send_wrap .msg_box textarea.user_message { overflow-y: auto !important; padding:20px; min-height: 170px !important;}


.msg_main .input_textarea textarea.user_message { min-height:150px;}
.alert_box { font-weight:700; display: flex; flex-direction: column;justify-content: center;align-items: center; padding: 10px; box-sizing: border-box; cursor: default;}
.type_sms .alert_box p { background:linear-gradient(90deg, #293683, #0EA57B);}
.type_lms .alert_box p { background: #ff1e1e;}
.type_mms .alert_box p { background: #af1dff;}
.type_rcs_mms .alert_box p { background: #af1dff;}
.type_rcs_card .alert_box p { background:  #4DCD7F;}
[class*="type_survey"] .alert_box p { background:  #774fbb;}

.alert_send_num { position: absolute; border-radius: 10px; bottom: 0; top:0; padding:10px;width: 100%;z-index: 99;box-sizing: border-box; background: #fff}
.alert_send_num p {text-align: center; font-size:14px;color: #ff6e6e;font-weight: 700; background: transparent !important }
.alert_send_num a {display: inline-block; margin-top:10px; padding: 6px 27px;background: #ff6e6e; color:#fff;text-align: center;border-radius: 20px;}
.alert_send_num a:hover { opacity: .9;}
.alert_send_num .alert_box { color:#ff6e6e; border-radius: 5px;background: #ffe8e8; height:100%;}
.alert_focus { position:relative; }
.alert_focus::before { z-index: 100; content: ""; animation: alert_focus 1s 3 linear; display: block; position: absolute; top:0; left:0; right:0; bottom:0; border-radius: 10px; border:1px solid #ff6e6e; opacity: 0;}
@keyframes alert_focus { 0% {  opacity: 0 } 50% {  opacity: 1; border-width: 3px; } 100% { opacity: 0 } }
[class*="alert_rcs"] {color:#2f77fb;; border-radius:10px; margin:10px; background: #ffe8e8; word-break: keep-all; text-align: center; background: #f1f5f9;}
[class*="alert_rcs"] a {display: inline-block; margin-top:10px; padding: 6px 27px;background: #2f77fb; color:#fff;text-align: center;border-radius: 20px;}
[class*="alert_rcs"] a:hover { opacity: .9;}
.type_lms .msg_main { border-color:#fb9c9c}
.type_mms .msg_main { border-color:#b781d5}
.type_m_coupon .msg_main { border-color:#ffc17d}

.type_sms .toast_txt { animation: toastSlide1 3s cubic-bezier(0.42, 0.24, 0.02, 1); opacity: 0;}
.type_lms .toast_txt { animation: toastSlide2 3s cubic-bezier(0.42, 0.24, 0.02, 1); opacity: 0;}
.type_mms .toast_txt { animation: toastSlide3 3s cubic-bezier(0.42, 0.24, 0.02, 1); opacity: 0;}
.type_rcs_mms .toast_txt { animation: toastSlide4 3s cubic-bezier(0.42, 0.24, 0.02, 1); opacity: 0;}
.type_rcs_card .toast_txt { animation: toastSlide5 3s cubic-bezier(0.42, 0.24, 0.02, 1); opacity: 0;}
.type_survey_sms .toast_txt { animation: toastSlide6 3s cubic-bezier(0.42, 0.24, 0.02, 1); opacity: 0;}
.type_survey_lms .toast_txt { animation: toastSlide7 3s cubic-bezier(0.42, 0.24, 0.02, 1); opacity: 0;}
.type_survey_mms .toast_txt { animation: toastSlide8 3s cubic-bezier(0.42, 0.24, 0.02, 1); opacity: 0;}

.toast_txt { position: absolute; width:100%; box-sizing: border-box; height: 0;}
.toast_txt .alert_box p { display: inline-block; color:#fff; padding: 6px 27px; border-radius: 25px;}
@keyframes toastSlide1 { 0% { transform:translateY(0); } 10% { transform:translateY(-50px); opacity: 1; height: auto; } 90% { transform:translateY(-50px); opacity: 1; } 95% { transform:translateY(-55px); opacity: 1; } 100% { transform:translateY(0); opacity: 0; height: 0} }
@keyframes toastSlide2 { 0% { transform:translateY(0); } 10% { transform:translateY(-50px); opacity: 1; height: auto; } 90% { transform:translateY(-50px); opacity: 1; } 95% { transform:translateY(-55px); opacity: 1; } 100% { transform:translateY(0); opacity: 0; height: 0} }
@keyframes toastSlide3 { 0% { transform:translateY(0); } 10% { transform:translateY(-50px); opacity: 1; height: auto; } 90% { transform:translateY(-50px); opacity: 1; } 95% { transform:translateY(-55px); opacity: 1; } 100% { transform:translateY(0); opacity: 0; height: 0} }
@keyframes toastSlide4 { 0% { transform:translateY(0); } 10% { transform:translateY(-50px); opacity: 1; height: auto; } 90% { transform:translateY(-50px); opacity: 1; } 95% { transform:translateY(-55px); opacity: 1; } 100% { transform:translateY(0); opacity: 0; height: 0} }
@keyframes toastSlide5 { 0% { transform:translateY(0); } 10% { transform:translateY(-50px); opacity: 1; height: auto; } 90% { transform:translateY(-50px); opacity: 1; } 95% { transform:translateY(-55px); opacity: 1; } 100% { transform:translateY(0); opacity: 0; height: 0} }
@keyframes toastSlide6 { 0% { transform:translateY(0); } 10% { transform:translateY(-50px); opacity: 1; height: auto; } 90% { transform:translateY(-50px); opacity: 1; } 95% { transform:translateY(-55px); opacity: 1; } 100% { transform:translateY(0); opacity: 0; height: 0} }
@keyframes toastSlide7 { 0% { transform:translateY(0); } 10% { transform:translateY(-50px); opacity: 1; height: auto; } 90% { transform:translateY(-50px); opacity: 1; } 95% { transform:translateY(-55px); opacity: 1; } 100% { transform:translateY(0); opacity: 0; height: 0} }
@keyframes toastSlide8 { 0% { transform:translateY(0); } 10% { transform:translateY(-50px); opacity: 1; height: auto; } 90% { transform:translateY(-50px); opacity: 1; } 95% { transform:translateY(-55px); opacity: 1; } 100% { transform:translateY(0); opacity: 0; height: 0} }

/* �佺Ʈ �޽��� */
.toast_box { position:relative;}
.toast_box .message_txt { opacity: 0;  position: absolute;display: block;z-index: 100;box-sizing: border-box;width: 100%;text-align: center;}
.toast_box .message_txt p { background: #2a2a2a;padding: 15px 27px;color:#fff;border-radius: 30px;display: inline-flex; align-items: center;}
.toast_box.show .message_txt {animation: toast_show 4s;}
@keyframes toast_show { 0% { transform: translateY(0); } 10% { transform: translateY(-70px); opacity: 1; } 90% { transform: translateY(-70px); opacity: 1; } 100% { transform: translateY(0); } }
.toast_box .i_check {display: inline-block;width:30px;height:30px;background-color: #48d26a;border-radius: 50%;position:relative;margin-right:7px;}
.toast_box .i_check:before {content:""; display:block;width:10px;height:5px;border-left: 3px solid #2a2a2a;border-bottom: 3px solid #2a2a2a;transform: rotate(-45deg);position: absolute;top: 9px;left: 9px;}

.btn_ai_text:hover { background:linear-gradient(90deg, #3e6fed, #8b4ed5);}
.toast_btn_box { display: flex; justify-content: center; padding:0 10px; box-sizing: border-box; position: absolute; bottom:0; width:100%; margin-bottom:10px;}
.toast_btn_box .btn_ai_text { display: none; transition: .3s; padding:4px 16px;  padding:8px 14px; border-radius: 20px; font-size:12px; z-index: 103;}
.toast_btn_box.show .btn_ai_text { display: flex; }
.toast_btn_box .ai_tip { width:242px;}
.toast_btn_box .ai_tip::after { left:50%; margin-left:-5px; }
.textarea_wrap_a:has(.toast_btn_box.show) { padding-bottom:60px; transition: .3s;}
.toast_btn_box:not(.show) .ai_tip {animation: none;} 


/* ���Ź�ȣ �Է� */
.sect_send_num { width: 520px; box-sizing: border-box;}
.sect_sender_name { width: 520px; box-sizing: border-box;}
.contacts_direct .textarea_wrap_a { position:relative;}
.contacts_direct .input_textarea { padding:15px 10px; max-height: 220px; overflow-y: auto; background: #fff; border:1px solid #c7c7c7; border-radius: 5px; }
.contacts_direct .input_textarea:focus-within { border:1px solid #000;}
.contacts_direct .input_textarea textarea.user_message { min-height:101px; color:#334155; font-size:12px; background:transparent;border:none; resize:none;  outline:none;  overflow: hidden; }
.contacts_direct .textarea_wrap_a::before { height:15px;}
.contacts_direct .textarea_wrap_a::after { height:15px;}
.contacts_direct .input_textarea + div { margin-top:20px;}
@media (max-width:767px) { .sect_send_num [class*="select_box"].on .select_option { width:calc(100% + 107px);} }
/* �޴»��? */
.contacts_wrap .t_row { display: flex; align-items: center;  justify-content: space-between;}
.contacts_wrap .tb_box .t_row { padding:10px 0; border-bottom:1px solid #e4e4e7; background: #fff; padding-left:16px; padding-right:6px;}
.contacts_wrap .tb_box .t_row:last-child { border-bottom:none;}
.contacts_wrap .tb_box p { color:#758398; padding-right:10px; font-size:12px; font-weight:300; line-height:1.3;}
.contacts_wrap .tb_box p em { display: inline-block; font-weight: 700; margin-left: 3px; color:#334155;}
.contacts_wrap .tb_box .default_txt { padding:45px 16px; text-align: center; justify-content:center; border-top:1px solid #e4e4e7;}
.contacts_wrap .tb_box .default_txt p { color:#9ea3a7; padding-right:0; }
.contacts_wrap .tb_box .del_item { flex-shrink: 0; padding:6px 10px; border-radius: 4px; color:#c1c7cf; background: #fff; font-weight: 300; font-size:13px;}
.contacts_wrap .tb_box .del_item:hover { color:#758398; background: #f1f5f9;}
.contacts_wrap .tb_box { margin-top:10px; max-height: 275px; overflow-y:auto; overscroll-behavior:contain;}
.total_item { text-align: right;}
.total_item * { font-weight: 700; vertical-align: middle;}
.total_num { font-size: 20px; letter-spacing: -0.02em;}
.contacts_box { display: flex; margin-top:10px; align-items: flex-start;}
.contacts_box .total_num { margin:0 3px 0 10px;  font-size:19px; font-family: pretendard;}
.contacts_wrap .btn_wrap { display: flex; flex-wrap: wrap; gap:4px;}
.contacts_wrap .btn_wrap .tip_bubble {position: absolute;font-size: 10px;font-weight:600;display: inline-block;text-align: center;padding: 3px 8px;border-radius: 9px;background: #cbe7fb;color:#39f;z-index: 10;top: -22px;}
.mini_ppurio .contacts_wrap .btn_wrap .tip_bubble { position: relative; margin-left:4px; top:auto;}
.contacts_wrap .btn_wrap .btn_c.bg_point {position:relative;background: linear-gradient(101.36deg,#61aeff -.53%,#4a80ff 74.75%);color: #ffffff;}
.contacts_wrap .btn_wrap .btn_c.bg_point:hover {  background: linear-gradient(101.36deg,#5aa5f5 -.53%,#4379f7 74.75%);}

.contacts_wrap .btn_wrap .btn_a{ margin-left:auto}
.contacts_wrap .btn_wrap .btn_c { margin-right:3px;}
.contacts_wrap .btn_wrap .btn_c:last-child { margin-right:0;}
.contacts_wrap .input_wrap_a input { border:none; background: #fff;}
.contacts_direct { position:relative; width:220px; margin-right:15px; margin-bottom:10px; padding:10px; background: #f1f5f9; box-sizing: border-box; border-radius: 4px;}
.contacts_direct p { font-size:14px; color:#758398; margin-bottom:9px; word-break: keep-all;}
.contacts_left {    display: flex;flex-direction: column;  gap: 15px;             }
.sect_contacts .table_wrap {  flex-grow: 1; flex-basis: 0; box-sizing: border-box; border:1px solid #ccc; border-radius: 10px; padding:15px 0;}
.sect_contacts .table_wrap .th_box { padding:0 15px;}
.sect_contacts .table_wrap .tf_box {display: flex;  padding:0 10px 0 15px;  margin-top:15px;}
.sect_contacts .table_wrap .tf_box .btn_b { padding:6px 10px}
.sect_contacts .table_wrap .tf_box .t_cell{ display: flex; line-height:1; justify-content: flex-end; align-items: center;}

.address_list {    display: flex;   flex-direction: column;gap: 8px;}
.address_item {    padding: 8px;border: 1px solid #ccc;border-radius: 6px;background-color: #fff;display: flex;justify-content: space-between;align-items: center;font-size: 14px;}
.address_item span {
    display: inline-block;
}
.address_item .name {
    font-weight: bold;
    color: #333;
    width: 30%;
}
.address_item.active {
    background-color: #f0f0f0; /* ¿¶Àº ȸ»ö */
}
/* �߼ۼ��� */
.send_option_a { display: flex; }
.send_option_a .btn_option { text-align: center; width:calc(100% / 2);}
.send_option_a label { padding:15px 0; border-radius: 4px;display: flex; align-items: center; justify-content:center; color:#a0abb9; background: #f1f5f9; border:1px solid #f1f5f9; margin:0;}
.send_option_a label:hover { background: #e6ebf0}
.send_option_a label span { position: relative; display: inline-block; width:22px; height:22px; margin-right: 6px;}
.send_option_a label span:before { content: "";display: inline-block;width: 9px;height: 5px;border-left: 2px solid #b3bcc8;border-bottom: 2px solid #b3bcc8;transform: rotate(-45deg);position: absolute;left: 5px;top: 5px; }
.send_option_a input:checked + label { color: #2f77fb; border:1px solid #2f77fb; background: #fff;font-weight: 700;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.send_option_a input:checked + label span:before { border-color : #2f77fb;}
.send_option_b { display: flex; margin-top:30px;}
.send_option_b .check_box_a:first-child { margin-right:20px;}
.send_option_b .check_box_a { margin-left:0 !important;}
.send_option_b + .layout_01 { margin-top:10px; width:340px;}
.send_option_wrap .date_time_picker { margin-top:10px; width:415px; box-sizing: border-box;}
.btn_send_wrap {  margin-top:30px;}
.btn_send_wrap > div { display: flex; align-items: center}
.btn_send_wrap > div > div { margin-left:auto;}
.btn_send_wrap > div > div a { color:#758398; font-size:13px}
.btn_send_wrap > div > div a:hover { text-decoration: underline;;}
.btn_send_wrap > div { margin-top:10px;}
.btn_send_wrap > div > * + * { margin-left:5px;}
.btn_send_wrap .bg_blue { flex-grow: 1}
.btn_send_wrap .tooltip { margin-left:10px;}
button .tooltip:hover .wrap_bubble {display: block !important;}

/* �̸�Ƽ�� */
.template_wrap .section_body { display: flex;}
.template_category { width:200px; flex-shrink: 0; margin-top:10px;}
.template_container { flex:1;}
.template_box { display: flex; flex-wrap: wrap; flex:1; padding:0 20px;}
.template_box .none_data { width:100%;display: flex;align-items: center;justify-content: center;padding: 100px 0;color: #aeaeae;}
.item_template { width:calc(100% / 4); padding:10px; box-sizing: border-box; transition: all 0.5s cubic-bezier(.22, .61,.36, 1);}
.item_template .item_header { padding:8px 16px; border-bottom:1px solid #dce0e6; font-size:14px;}
.item_template .item_header p { width:100%; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; color:#758398}
.item_template .item_body { display: flex; flex:1; flex-direction: column;}
.item_template .item_body textarea { width:100%; font-size:14px; background: #f9f9f9; resize: none; overflow-y: auto; overflow-x: hidden; padding: 10px;box-sizing: border-box; cursor: pointer;}
.item_template .item_footer { padding:10px; border-top:1px solid #dce0e6; font-size:14px;}
.item_template .item_footer .date_box { display: flex; justify-content: flex-end; font-size:13px;}
.item_template .item_footer .date_box span { margin-left:10px;}
.item_template .item_footer .byte_box * { height: 1em; line-height: 1em;}
.item_template .msg_txt_info { margin:0;}
.item_template .byte_type { margin-right:0;}
.item_template > .item_card { position: relative; display: flex; min-height: 180px; flex-direction: column; border:1px solid #dce0e6; border-radius: 4px; cursor: pointer; background: #fff;}
.item_template > .item_card:hover { box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, .08); border:1px solid #a4a4a4; }
.item_template .byte_type { background: #fff; padding:0; line-height: 12px !important; font-weight:600;}
.item_template .type_sms .byte_type { color: #0055ff;}
.item_template .type_lms .byte_type { color: #ff1e1e;}
.item_template .type_mms .byte_type { color: #af1dff;}
.item_template .type_rss .byte_type { color: #0055ff;}
.item_template .type_rls .byte_type { color: #ff1e1e;}
.item_template .type_rms .byte_type { color: #af1dff;}
.item_template .type_msg_card .byte_type { color: #4DCD7F;}
.template_category ul { margin-top:20px; border:1px solid #dce0e6;  height:400px; overflow-y: auto;}
.template_category li { font-size:14px; border-bottom:1px solid #efefef;  color:#758398; padding:10px; cursor: pointer}
.template_category li:last-child { border:none;}
.template_category li:hover { background: #f1f5f9}
.template_category li.on {background: #ebf2fa;color: #0055ff;font-weight: 600;}
.template_category li.on:before { content: ""; display: inline-block;width: 9px;height: 5px;border-left: 2px solid #0055ff;border-bottom: 2px solid #0055ff;transform: rotate(-45deg); vertical-align:3px; margin-right:6px; }
.item_template .item_card img {position: absolute; top:0; right:0; left:0; bottom:0;margin: auto; width:auto; height:auto;max-width: calc(100% - 20px);max-height: calc(100% - 20px); }


/* ȸ������ */
.mg_t6 { margin-top:6px;}
.sect_signup .table_wrap_b > div { padding:0;}
.sign_tit_wrap .tit_text { display: inline-block; font-size:28px; color:#000; letter-spacing: -.05em; font-weight:700;; }
.sign_tit_wrap .accent { color:#ff1e1e; }
.step_wrap {display: flex;flex-direction: column;align-items: center;width: 380px; margin: 50px auto;}
.step_wrap .step_box { display: flex;width: 100%;justify-content: space-around;}
.step_wrap .step_box b { display: inline-block;text-align: center; font-size:13px; width:30px; height:30px;line-height: 30px; color:#62666f;background: #d7deec;border-radius: 50%;font-weight: 400;}
.step_wrap .step_box .step_cell.on b { background: #0055ff; color:#fff;}
.step_wrap .step_box .step_cell.on .step_name { color:#0055ff;}
.step_wrap .step_box .step_cell {width: 100px;display: flex;align-items: center;flex-direction: column;justify-content: center;}
.step_wrap .step_box .step_cell:last-child { margin-right:0;}
.step_wrap .step_box .step_name { font-size: 14px; margin-top:10px; color:#62666f;}
.step_wrap .progress_bar {margin-top: 10px;width: 100%; height:4px;border-radius: 4px;background: #eaeaea;}
.step_wrap .progress_bar .active { height:4px; background: #0055ff; border-radius: 4px;}
.step_wrap .step_box.s_01 .step_01 b { background: #0055ff; color:#fff;}
.step_wrap .step_box.s_01 .step_01 .step_name { color:#0055ff;}
.step_wrap .step_box.s_01 + .progress_bar .active {width: 33.33%;}
.step_wrap .step_box.s_02 div:not(.step_03) b { background: #0055ff; color:#fff;}
.step_wrap .step_box.s_02 div:not(.step_03) .step_name { color:#0055ff;}
.step_wrap .step_box.s_02 + .progress_bar .active { width:66.66%}
.step_wrap .step_box.s_03 b { background: #0055ff; color:#fff;}
.step_wrap .step_box.s_03 .step_name { color:#0055ff;}
.step_wrap .step_box.s_03 + .progress_bar .active { width:100%}
.agree_tit { display: block; font-size:16px; margin-bottom:10px; font-weight: 600}
.agree_list { border-top:2px solid #e5e8eb; padding:20px 0; margin:40px 0 0;}
.agree_list label b { display: inline-block; margin-left:4px; }
.agree_list label .accent { color:#ff1e1e;}
.agree_list .check_box_a +.check_box_a { margin-top:14px;}
.agree_wrap { margin-top:30px;}
.agree_wrap > .check_box_a label { font-size:16px; line-height: 1;}
.terms_box {padding: 20px;margin: 10px 10px 20px 30px; border:1px solid #e5e8eb;border-radius: 5px;background: #fafafc;max-height:70px;overflow-y: auto;overflow-x: hidden;}
.bar_bul i {display: inline-block; margin-right:6px}
.bar_bul > li {word-break: keep-all;line-height:1.4;text-indent: -6px;padding-left: 13px;}
.bar_bul > li ul { margin-top:10px;}
.bar_bul > li > ul li { text-indent: 0;}
.bar_bul > li > ul li + li { margin-top:3px;}
.bar_bul li p { display:inline; text-indent: 0;}
.bar_bul li + li { margin-top:4px;}
.bar_bul li.strong{ font-weight: 700; font-size: 15px; color:#0055ff;}
.agree_wrap .btn_box button { width:100%}
.terms_box .t_conts { font-size:14px;}

.user_info_wrap { margin-top:30px;}
.user_info_wrap .btn_box { margin-top:40px;}
.user_info_wrap .btn_box button { width:100%;}
.join_end_wrap { margin-top:30px;}
.join_end_wrap .btn_box { display: flex; margin:20px auto 0;}
.join_end_wrap .btn_box a,
.join_end_wrap .btn_box button { flex:1;}
.join_end_wrap .btn_box button:nth-child(2),
.join_end_wrap .btn_box a:nth-child(2) {margin-left:10px;}
.join_end_wrap {margin-top:40px;}
.join_end_wrap > p {text-align:center; font-size:16px; color:#334155;}
.join_end_wrap > p span {font-weight: 600;}
.join_end_wrap div.user {margin:40px 0 50px; border:1px solid #eee; padding:20px 40px;}
.join_end_wrap div.user dl {overflow:hidden;}
.join_end_wrap div.user dl:after {display:block; content:''; clear:both;}
.join_end_wrap div.user dl dt {float:left; width:50%; line-height:30px; font-size:16px; color:#334155; font-weight: 600;}
.join_end_wrap div.user dl dd {float:left; width:50%; line-height:30px; font-size:16px; color:#334155;}
.join_end_wrap div.add_info {margin-top:50px;}
.join_end_wrap div.add_info dl {overflow:hidden;}
.join_end_wrap div.add_info dl dt {width:30%; float:left; height:50px; line-height:50px; font-size:16px; color:#334155; font-weight: 600;}
.join_end_wrap div.add_info dl dd {width:70%; float:left; height:50px; line-height:50px; font-size:16px; color:#334155;}
.join_end_wrap div.add_info h6 {margin-bottom:6px; font-size:16px; font-weight: 600; color:#334155;}
.join_end_wrap div.add_enter {margin-top:16px;}
.join_end_wrap div.add_enter h6 {margin-bottom:6px; font-size:16px; font-weight: 600; color:#334155;}
.join_end_wrap div.add_enter textarea {border:1px solid #dce0e6; border-radius:5px; font-size:15px; width:100%; padding:12px 18px; overflow-y:auto;}
.join_end_wrap div.agree_box {margin-top:40px;}
.join_end_wrap div.agree_box > div.agree {margin-top:10px; padding:20px; border:1px solid #eee; font-size:14px; letter-spacing:-0.5px; color:#666;}
.join_end_wrap div.agree_box > div.agree li { text-indent:-10px; padding-left:10px;}
.join_end_wrap div.agree_box > div.agree li:before { content:""; display:inline-block; margin-right:7px; width:2px; height:2px; background:#666; border-radius:50%; vertical-align:middle;}
.join_end_wrap div.agree_box.error .txt_invalid {display:block;}
.join_end_wrap div.agree_box.error:after {display:none;}
.join_end_wrap div.guide_text {margin-top:30px; padding:40px 0; border:1px solid #eee;}
.join_end_wrap div.guide_text p {font-size:17px; color:#334155; text-align:center; letter-spacing:-0.5px;}
.join_end_wrap div.guide_text p:nth-child(2) {margin-top:14px;}
.join_end_wrap div.guide_text p span {font-weight: 600;}
.join_end_wrap div.guide_text a {margin:30px auto 0; width:180px;}
.join_end_wrap div.guide_box dl,
.join_end_wrap div.guide_box ul {margin-top:30px; overflow:hidden;}
.join_end_wrap div.guide_box dl dt {font-size:16px; color:#334155; padding-bottom:12px;}
.join_end_wrap div.guide_box dl dd {font-size:15px; color:#666; line-height:160%;}
.join_end_wrap div.guide_box ul li {font-size:15px; color:#334155; line-height:160%;}
.join_end_wrap div.user_confirm ul,
.join_end_wrap div.search_result ul,
.join_end_wrap div.search_type ul {overflow:hidden;}
.join_end_wrap div.search_result {padding:24px 34px 24px 34px; margin-top:38px; border:1px solid #eee;}
.join_end_wrap div.search_result ul li > div { padding:10px 0; border-bottom:1px solid #eee; display: flex; justify-content: space-between; align-items: center;}
.join_end_wrap div.search_result ul li:last-child div {border:none;}
.join_end_wrap div.search_result ul li div > p {margin-top:7px; font-size:15px; color:#999;}
.join_end_wrap div.search_result ul li div > span {font-size:16px; font-weight: 600; color:#334155;}
.join_end_wrap div.search_result ul li div span + span { display: inline-block; margin-left:4px;}
.join_end_wrap div.search_result ul li div > p i {margin-right:20px; font-size:16px; font-weight: 600; color:#334155;}
.join_end_wrap div.search_result ul li div > a {width:136px; }
.join_end_wrap .tab_menu ul {overflow:hidden;}
.join_end_wrap .tab_menu ul li {float:left;}
.join_end_wrap .tab_menu.calc_2 ul li {width:calc(100%/2);}
.join_end_wrap .tab_menu ul li span {position:relative; cursor:pointer; text-align:center; height:70px; line-height:70px; display:block; font-size:17px; color:#999999;}
.join_end_wrap .tab_menu ul li span:after {position:absolute; bottom:0px; left:0px; width:100%; height:1px; background-color:#ededed; display:block; content:'';}
.join_end_wrap .tab_menu ul li span.on {color:#333333; font-weight: 600;}
.join_end_wrap .tab_menu ul li span.on:after {background-color:#0055ff; height:3px;}
.join_end_wrap div.search_type {padding:0px 34px; margin-top:38px; border:1px solid #eee;}
.join_end_wrap div.search_type ul li {padding:32px 0; border-bottom:1px solid #eee;}
.join_end_wrap div.search_type ul li:last-child {border-bottom:none;}
.join_end_wrap div.search_type ul li label > span.ic_radio {margin-right:8px;}
.join_end_wrap div.search_type ul li label > span.radio_tit {font-size:17px; font-weight:400; color:#999;}
.join_end_wrap div.search_type ul li input[type="radio"]:checked + label span.radio_tit {font-size:17px; font-weight: 600; color:#333333;}
.join_end_wrap div.search_type ul li > label > p {display:none;}
.join_end_wrap div.search_type ul li > input[type="radio"]:checked + label p,
.join_end_wrap div.search_type ul li > input[type="radio"]:checked ~ div.enter {display:block;}
.join_end_wrap div.search_type ul li label > p {margin:4px 0 0 32px; font-size:14px; color:#666666; display:none;}
.join_end_wrap div.search_type ul li .enter {margin-top:34px; display:none;}
.join_end_wrap div.user_confirm {padding:54px 34px; margin-top:38px; border:1px solid #eee;}
.join_end_wrap div.user_confirm ul li span {display:block; text-align:center; font-size:16px; font-weight:600;}
.join_end_wrap div.user_confirm ul li > a.bt_phone,
.join_end_wrap div.user_confirm ul li > a.bt_email {margin-top:30px;}
.join_end_wrap div.user_confirm ul li {margin-top:80px; position:relative;}
.join_end_wrap div.user_confirm ul li:before {position:absolute; top:-40px; left:0px; width:100%; height:1px; background-color:#eee; display:block; content:'';}
.join_end_wrap div.user_confirm ul li:first-child:before {background:none;}
.join_end_wrap div.user_confirm ul li:first-child {margin-top:0px;}
.join_end_wrap div.step_state {margin-top:80px;}
.join_end_wrap div.step_state div.enter {margin:46px 0 0px 0;}
.join_end_wrap div.step_state div.enter > p {color:#ff5d5d; font-size:13px; font-weight:500;}
.join_end_wrap div.step_state div.enter label {display:none;}
.join_end_wrap div.step_state div.enter > div {position:relative;}
.join_end_wrap div.step_state div.enter > div > input[type="text"],
.join_end_wrap div.step_state div.enter > div > input[type="password"] {width:100%; font-size:16px; padding:0 46px 0 16px; line-height:50px; border:1px solid #ddd; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.join_end_wrap div.step_state div.enter > div:first-child {margin-top:0px;}
.join_end_wrap div.step_state div.enter div.error {position:relative;}
.join_end_wrap div.step_state div.enter div.error input[type="text"],
.join_end_wrap div.step_state div.enter div.error input[type="password"] {border:1px solid #ff5d5d;}
.join_end_wrap div.step_state div.enter p {display:none;}
.join_end_wrap div.step_state div.enter div.error > p {margin:10px 0 0 0; display:block; font-size:13px; font-weight:500; color:#ff5d5d;}
.join_end_wrap div.step_state .ic_end {margin:0 auto 34px; display: block; width:80px; height:80px;}
.join_end_wrap div.step_state span.ic_warning {margin:0 auto 34px; width:76px; height:76px; display:block; overflow:hidden; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; background-color:#0055ff; position:relative;}
.join_end_wrap div.step_state span.ic_warning:before {width:4px; height:28px; background-color:#fff; display:block; margin:18px auto 0; content:'';}
.join_end_wrap div.step_state span.ic_warning:after {width:6px; height:6px; display:block; background-color:#fff; margin:6px auto 0; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; content:'';}
.join_end_wrap div.step_state p.txt01 {text-align:center; font-size:26px; font-weight:700; color:#2c2c2c;}
.join_end_wrap div.step_state p.txt02 {margin-top:28px; text-align:center; font-size:16px; color:#2c2c2c;}
.join_end_wrap div.step_state p.txt03 {text-align:center; font-size:18px; font-weight:500; color:#2c2c2c;}
.join_end_wrap div.step_state p.txt03 span {font-weight:700;}
.join_end_wrap .enter {margin-top:34px;}
.join_end_wrap .enter > div.error {position:relative;}
.join_end_wrap .enter > div.error > input[type="text"].ipt_A {border:1px solid #ff5d5d}
.join_end_wrap .enter > div {margin-bottom:18px;}
.join_end_wrap .enter > div:last-child {margin-bottom:0px;}
.join_end_wrap .enter > div > p {display:none;}
.join_end_wrap .enter > div.error > p {margin:10px 0 0 0; display:block; font-size:13px; font-weight:500; color:#ff5d5d;}
.join_end_wrap .icon_clap { display: block; margin:30px auto 0; width:110px;}
.join_end_wrap .main_center_copy { font-size: 18px; text-align: center; padding:10px 0;}
.ars_info { margin-top:30px;}
.ars_info p { margin-top:10px;}
.join_end_wrap .txt_center_box { text-align: center; padding:40px 23px; margin:20px 0; border:1px solid #e5e8eb; background: #fafafc;}
.join_end_wrap .txt_center_box p { margin:0; padding: 0; word-break: keep-all;}
.join_end_wrap .txt_center_box p + p { margin:15px 0 0 0;}
.ars_info .table_wrap_a { margin:20px 0;}
.ars_info .table_wrap_a th,
.ars_info .table_wrap_a td { padding:30px 0; font-size:18px;}
.ars_info .desc + .btn_box { margin-top:40px;}
.join_end_wrap .btn_box + .btn_box { margin-top:8px;} 
.join_end_wrap .event_banner_long { margin:100px 0 0 !important; width:100%;}
.join_end_wrap .event_banner_long .banner_item { display: flex; justify-content: center;}
.join_end_wrap div.expiration { font-size:18px; text-align: center;}
.join_end_wrap div.expiration p { padding:60px 0 40px; font-weight:400;}
.sect_signup  .section_body { margin-top:0 !important;}

.list_account { margin-top: 30px;}
.list_account .radio_box_b { margin-bottom:4px;}
.list_account .radio_box_b label {width: 100%;padding:16px 20px;border: 1px solid #d8d8d8;border-radius: 4px; word-break: keep-all;}
.list_account .radio_box_b:last-child { margin:0;}
.list_account .radio_box_b label span { margin-right:16px;}
.list_account .radio_box_b input:disabled + label { border-color:#e5e5e5; background: #f9f9f9;}
.list_account .radio_box_b input:not(:disabled) + label:hover { border-color:#c2c2c2;}
.list_account .id_info {display:flex;align-items:center;}
.list_account .id_info p { font-size:16px; display: inline-block; font-weight:bold}
.list_account .id_info [class*="badge_"] { margin-left: 8px; }
.badge_pause { display: inline-flex; flex-shrink: 0; font-size: 12px; box-sizing: border-box; padding: 2px 4px 2px 2px; height: 22px;box-sizing: border-box;padding: 2px 4px; border:1px solid #ef3636; color:#ef3636; background: #fff;}
.badge_naver { display: inline-flex; align-items: center; flex-shrink: 0; font-size: 12px; box-sizing: border-box; padding: 2px 4px 2px 2px; height: 22px;box-sizing: border-box;padding: 2px 4px; border:1px solid #3cc75a; color:#09aa5c; background: #fff; padding-left: 2px;}
.badge_naver i {display: inline-flex;background: #03c75a;padding: 4px;margin-right: 6px;}
.badge_naver i::before {content: "";width: 8px;height: 8px;background: url(/design/img/common/icon/i_naver-8741eaf16cb4fae7c5310326c0805d8f.svg);}
.list_account .txt_date { font-size:13px; color:#B1B1B1; line-height:1.3; margin-top:4px;}
.section_body:has(.list_account) { margin-top:5px;}
.section_body:has(.list_account) > .tit_info { text-align: center; color:#686868;}
.list_account .radio_box_b input:checked + label { border-color:#0055ff;box-shadow: 0 0 13px rgba(0,0,0,.15);;}
.section_body:has(.list_account) .btn_wrap { margin-top:40px;}
.section_body:has(.list_account) .btn_naver { height:60px; font-size:15px;}
.section_body:has(.list_account) .btn_a { height:60px; font-size:15px; margin-top:8px; width: 100%;}
.radio_box_b input:checked + label .txt_date { color:#799ada;}
.badge_naver:has(.tip) {position:relative;}
.badge_naver .tip { position:absolute; animation: toolip_up .4s; display: none; top: -30px;left: -1px;background: #fff;color:#000;border:1px solid #000;width: 160px;padding: 4px 8px;line-height: 16px;text-align: center;}
.badge_naver.on .tip { display: block;;}
.badge_naver:has(.tip) { cursor: pointer;}
@media (max-width:767px) {
  .table_wrap_d[class*="_card_m"] .t_cell:has(.badge_naver) { align-items: center;}
  .table_wrap_d[class*="_card_m"] .t_row:has(.badge_naver) strong { order :2 }
  .table_wrap_d[class*="_card_m"] .t_row .badge_naver { order:1; margin-right:10px; margin-left:0; }
  .join_end_wrap .txt_center_box { padding:30px 20px;}
  .join_end_wrap .icon_clap {width: 80px;}
}
/* ��� */
.center_layout .icon_safe{ display:inline-flex; width:80px; margin: 20px 0;}
.center_layout .login_box  { padding:0;}
.center_layout .login_box .btn_wrap { margin-top:20px; justify-content: space-between; flex-direction: column-reverse;}
.center_layout .login_box .signup { margin-top:0px; }
.center_layout .login_box .check_box_a { margin-top:10px;}
.center_layout .login_box .desc { font-size:15px; font-weight:400;}
.center_layout .login_box .btn_wrap > * { height:60px; margin-bottom:10px;}
.center_layout .login_box .login_others .btn_naver {height:60px; }
.center_layout .login_box .direction_row { margin-top:20px;}
.center_layout .login_box .direction_row .check_box_a { margin-top:0;}
.center_layout .login_box .direction_row .check_box_a + .check_box_a { margin-left:20px;}
.center_layout .align_center { text-align: center;}
.certify_captcha_box {display: flex; flex-direction: column;border:1px solid #c7c7c7;padding:20px 0;margin:20px 0;background-color: #f4f4f4;border-radius: 5px;align-items: center;justify-content: space-around;}
.certify_captcha_box .img_box { display: flex; }
.certify_captcha_box .img_box button { height:100% }
.sign_banner_wrap { margin-top:80px; position: relative; overflow: hidden; padding-bottom:20px;}
.sign_banner_wrap img { height:100%;}
.sign_banner_wrap .swiper-pagination { bottom:0px !important;}
.sign_banner_wrap .swiper-slide a { display: flex; justify-content: center;  height:200px;  border-radius: 10px; overflow: hidden;} 
.center_layout .section_contents  { width:auto; padding:20px 30px;}
.mini_ppurio .sign_banner_wrap { display: none;}

@media (max-width:767px) {
  .sign_banner_wrap .swiper-slide a { height:120px}
}


.edit { opacity: .2;}

/* ��й��? ���� ķ���� */
.center_layout .final_btn  { display: flex; margin-top:30px; align-items: center; justify-content: center;}
.center_layout .final_btn + .final_btn { margin-top:10px;}
.center_layout .final_btn  button { flex:1; max-width: 300px;}
.center_layout .final_btn  button + button { margin-left: 10px;}
.center_layout .alert_txt_box + .table_wrap_d  { margin-top:50px;}
.center_layout .alert_txt_box + .table_wrap_d .cell_th  { align-items: center; width:150px; flex-shrink: 0;}
.center_layout .alert_txt_box + .table_wrap_d .t_cell:not(.cell_th) { width: 100%;}
.center_layout .alert_txt_box + .table_wrap_d .input_wrap_a { width: 100%;}
.center_layout .l_column { flex-direction: column; width:100%;} 
.center_layout .l_column .btn_huge { display: block; line-height: 60px; height:60px; width:100%; max-width: 100%;} 
.center_layout .l_column .btn_txt_b { margin-top:10px; text-decoration: underline;}

/* �޸����? */
.txt_medium { font-size:20px;}
.txt_medium + .txt_small { margin-top:10px;}
.txt_small + .txt_small { margin-top:20px;}
.txt_small { font-size:14px;}
.dormant_box { padding:30px 50px; margin:20px 0; background-color: #f4f4f4; border-radius: 5px;;}
.dormant_box p { font-weight:400; line-height:1.4;}
.dormant_box p + div { margin-top:10px; }
.dormant_box .btn_box { display: flex; justify-content: center; margin-top:20px; }
.txt_bul { display: flex; }
.txt_bul > i { margin-right:5px; }

@media (max-width:767px) {
  .dormant_box p { font-size:14px;}
  .dormant_box { padding:30px;}
  .dormant_box .btn_box button { width:100%;}
}

/* ���Ź��� ���ǹ�ȣ */
.btn_el_num {width:1200px; position:relative;display:flex; box-sizing: border-box;align-items: center; margin:20px auto} 
.btn_el_num + .section_layout .sect_taxbill:first-child{ margin-top: 30px;}
.election_banner {display: flex; margin-right: 20px;}
.election_banner a img{ width:375px; height:80px; border-radius:4px;}
.election_banner a + a{ margin-left: 10px;}
.btn_el_num .btn_guide { position:relative;border-radius:35px;display:inline-block;font-size: 13px;color: #7e8286;text-align: center;}
.btn_el_num .btn_guide > i {color:#0055ff;display: flex;font-weight: 500;align-items: center;font-size: 17px;justify-content: center;margin-top: 5px;font-family: pretendard;background: #e2eeff;padding: 8px 20px;border-radius: 23px;}
.btn_el_num .btn_guide i:before {content:''; left:20px;width:22px;height:22px;display:inline-block;background:url(/design/img/common/mini_sprite-947643b609aeef11b85068c69e71bdaa.png);margin-right: 6px;background-position: -9px -134px;}
.election_banner .cta { display: inline-block; margin-left:auto; padding:6px 18px; color:#fff; border-radius: 4px; background: rgba(0,0,0,.2); font-size:13px; }
.btn_el_num.none_banner .btn_guide { display: flex; align-items: center; margin-left:auto;}
.btn_el_num.none_banner .btn_guide > i { margin-left:15px; margin-top:0;}

@media (max-width:767px) {
  .btn_el_num { display: none;}
} 

/* ���������? */
.banner_long { overflow: hidden;}
/* .category_b { overflow: hidden;} */
.m_coupon_title {width: 1200px;padding: 40px;box-sizing: border-box;display: flex;justify-content: space-between;margin: 30px auto;background: #f4f7f9;border-radius: 30px;}
.mobile_coupon_wrap .event_banner_long { width:1200px; margin-top:20px; margin-bottom:30px; margin-left:auto; margin-right:auto;}
.m_coupon_title .tit_txt { width:400px; display: flex; flex-direction: column;}
.m_coupon_title .sub_copy { font-size:20px;}
.m_coupon_title .main_copy { font-size:40px; color:#000; font-weight: 700; line-height: 1.6}
.m_coupon_title .search_box { margin-top:auto}
.m_coupon_title .search_tit_box { display: flex; justify-content: space-between; margin-bottom:10px}
.m_coupon_title .search_tit_box > span { color:#334155;}
.m_coupon_title .search_tit_box > div > span { color:#9fa8b7;}
.m_coupon_title .input_wrap_a input { flex:1; padding:17px 30px 17px 17px; font-size:16px; border:1px solid #334155;  }
.m_coupon_title .input_wrap_a input:focus { box-shadow: 0px 0 10px 0px rgba(0, 0, 0, .2);}
.m_coupon_title .input_wrap_a .input_clear { right:17px; }
.sect_brand_cate .section_body{ position: relative;}
.event_banner_long:first-child { margin-top:40px;}
.event_banner_long { position: relative; width:1200px; margin:0 auto; box-sizing: border-box;}
.event_banner_long .banner_item { display: block; height:80px; display: flex; justify-content: center; overflow: hidden; border-radius: 5px;}
.sect_coupon_list + .event_banner_long {margin-top:100px;}
.sect_coupon_list .section_tit { border-bottom:1px solid #e4e4e7; padding-right:30px; padding-bottom: 10px !important;}
.sect_coupon_list .section_tit .tit_txt { font-size: 20px;}
.product_box { display: flex; flex-wrap: wrap; margin-left: -10px;}
.product_item { padding:10px 10px 20px 10px; display: flex; flex-direction: column; border-radius: 4px; margin:10px; box-sizing: border-box; box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.08), 0px 0px 1px 0px rgba(0, 0, 0, 0.28); }
.product_item:hover { box-shadow:0px 6px 32px -8px rgba(0, 0, 0, 0.18), 0px 0px 1px 0px rgba(0, 0, 0, 0.6)}
.product_item:hover .product_tit span { text-decoration: underline;}
.product_img {  align-items: center; justify-content: center; display: flex; justify-content: center; padding:20px; border-radius:6px; max-width: 190px; max-height: 190px; margin:0 auto;}
.product_img img { width:auto; height:auto; max-width: 100%; max-height: 100%;}
.product_info { margin-top:auto;}
.badge_wrap { display: flex;flex-wrap: wrap;}
.badge_wrap span { display: inline-block; padding:2px 4px; margin:1px; border-radius: 5px; color:#fff; font-size:11px; font-weight:400;}
.badge_new { background: #ff2640;}
.badge_ppuri { background: #0BB95D;}
.badge_save { background: #3971ff;}
.product_tit { margin-top:10px;}
.product_tit .brand_name { display: block; font-weight:700;}
.product_tit .product_name { display: block; font-size:14px; color:#282828; font-weight:400;}
.product_price { margin-top:10px;}
.product_price strong { font-size:18px;}
.product_price strong .unit { font-size:0.8em; vertical-align: 1px; margin-left:1px;}
.product_price .save_point { margin-left:2px; font-size:13px; font-weight: 700}
.info_mobile_coupon a { background: #fbf6e2;}
.info_mobile_coupon_term a { background: #f0f0f0;}
.mobile_coupon_wrap .new_guide { flex:1;}
.mobile_coupon_wrap .section_contents { margin-top:40px;}
.sect_brand_cate .btn_moresee { display: flex; justify-content: center; margin-top:20px;}
.sect_brand_cate .btn_moresee .btn_txt { display: inline-block; margin-right:10px;}
.sect_brand_cate .btn_moresee .btn_a { padding:0 80px}
.mobile_coupon_srch_box {padding: 20px 40px;border-radius: 15px;display: flex;align-items: center; background:#f6f6f6}
.mobile_coupon_srch_box .input_wrap_a { flex:1;}
.mobile_coupon_srch_box .srch_tit { font-size:15px;margin-right: 40px;}
.mobile_coupon_srch_box input {flex: 1; padding:15px;box-shadow: 0px 0 10px 0px rgba(0, 0, 0, .1);}
.swiper.brand_category .cate_item { width:100% !important; box-sizing: border-box;}
.product_item { width:calc(100% / 6 - 20px);}
.mobile_coupon_wrap .btn_box{ display: flex; justify-content: center; padding:0 16px; word-break: keep-all;}
.mobile_coupon_wrap .btn_box .btn_round{ height: 58px; padding: 0 40px; border-radius: 29px; font-size: 15px; display: flex; align-items: center; justify-content: center; background: #333; color:#fff;}
.mobile_coupon_wrap .btn_box .btn_line_k{ background-color: #fff; color:#1C2024; border:1px solid #1C2024;}
.mobile_coupon_wrap .btn_box button + button{ margin-left: 10px;}
.mobile_coupon_wrap .btn_box .btn_line_k:hover{ background-color: #ededed;}


@media only screen and (max-width: 767px) {
    .product_box .product_item { width:calc(100% / 2 - 10px); margin:5px;}
    .product_img { max-width:150px; max-height:150px; }
}
@media (max-width: 510px){
  .mobile_coupon_wrap .btn_box{ flex-wrap: wrap;}
  .mobile_coupon_wrap .btn_box button{ width:250px;}
  .mobile_coupon_wrap .btn_box button + button{ margin-top: 20px; margin-left: 0;}
}
@media (min-width: 767px) {
.mobile_coupon_wrap + div .sect_message  { position: sticky; top:80px;z-index: 10;}
}

/* �����? ���� ��ǰ �� */
.product_img_box { display: inline-block; box-sizing: border-box; padding:50px; border-radius: 10px; box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.08), 0px 0px 1px 0px rgba(0, 0, 0, 0.28);}
.product_img_box img { width:auto; height:auto; max-width: 200px; max-height: 200px;}
.detail_wrap { display: flex; align-items: flex-start;}
.detail_wrap .product_info_box { flex:1; background: #fff; margin-left:60px; }
.detail_wrap .product_info_box button .tooltip {margin-left:7px;}
.detail_wrap .product_brand { font-size:20px; color:#758398; display: block;}
.detail_wrap .product_name { font-size:32px; color:#334155;}
.product_info_tit .badge_wrap { margin-top:10px;}
.product_info_desc { margin-top:50px; }
.product_info_desc .product_info_list { border-bottom:1px solid #e7e9eb; display: flex; padding:15px 0; align-items: center;}
.product_info_desc .product_info_list:last-child { border-bottom:none; }
.product_info_desc .product_info_list .tit { color:#758398; font-size:14px; width:100px; flex-shrink: 0;}
.product_info_desc .product_info_list .conts { color:#334155; font-size:14px;}
.product_info_desc .product_info_list .desc_price  { color:#334155; font-size:32px; margin-right:20px; font-weight:700}
.product_info_desc .product_info_list .desc_price  .unit {  font-size:0.8em; font-weight:700; vertical-align: 2px;}
.product_info_desc .product_info_list .discount .num  { color:#0055ff; font-size:26px;}
.product_info_desc .product_info_list .discount .unit  { color:#0055ff; font-size:18px; font-weight:600;}
.product_info_desc .product_info_list .discount .discount_info  { color:#758398; font-size:15px; margin-left:10px;}
.product_info_box .btn_wrap { display: flex; margin-top:20px;}
.product_info_box .btn_wrap button { flex:1;}
.sect_product_info .table_wrap_b .cell_tit { width:200px}
.sect_product_info + .nav_menu { margin-top:100px;}
.nav_menu + .product_box { margin-top:20px;}
.product_box + .event_banner_long { margin-top:100px;}
.product_info_box .btn_wrap .tooltip { margin-left:10px;}

/* ���������? �߼� */
.sect_product_send .product_info_box { border-radius: 0 20px 20px 0; padding:20px 20px 20px 0; margin-left:0; }
.sect_product_send .detail_wrap { border-radius: 10px; box-shadow:0px 2px 10px -2px rgba(0, 0, 0, 0.08), 0px 0px 1px 0px rgba(0, 0, 0, 0.28) ; align-items: stretch;}
.sect_product_send .product_info_desc { margin-top:0;}
.sect_product_send .product_info_list { background: #fff; padding:15px;}
.sect_product_send .product_img_box { padding:20px; background: #fff; border-radius: 20px 0 0 20px; box-shadow: none;}
.sect_send_option .btn_wrap { margin-top:30px; }
.sect_send_option .btn_wrap > span { display: inline-block; font-size:13px;}
.sect_send_option .btn_wrap > div { display: flex;}
.send_20_info { display: flex; line-height: 16px; padding:10px 20px; border-radius: 20px; color:#00A9FF; background-color: #E7F5FF; text-align: center;}
.send_20_info span { font-size:14px !important;}
.send_20_info img { margin-right:5px;}




.sect_send_option .btn_wrap .send_20 { background-color: #00a9ff !important;}
.sect_send_option .btn_wrap .send_20:hover { background-color: #16b1ff !important;}
.split_wrap { display: flex; width:1200px; margin:0 auto;}
.sect_pay_wrap { width:450px;}
.method_option { display: flex; flex-wrap: wrap;}
.method_option > div { flex:1;}
.method_option > div { margin-right:7px; margin-bottom:7px; min-width: calc(100% / 2 - 3.5px);  max-width: calc(100% / 3 - 3.5px);}
.method_option > div:nth-child(2n) { margin-right:0;}
.method_option .radio_box_a label { flex:1; padding:15px 0;}
.own_point { margin-top:20px;}
.own_point p { display: inline-block; margin-right:4px;}
.not_enough_point { margin-top:20px; padding:20px; background: #ffe8e8; }
.not_enough_point .btn_wrap { margin-top:20px;}
.sect_total_payment { width:520px;}
.sect_total_payment .section_body { margin:0;}
.pay_total_box .total_list {background: #fff; padding: 20px; border:20px solid #f6f6f6;}
.pay_total_box .tit { font-size:20px; font-weight: 700}
.pay_total_box .pay_list_wrap { margin-top:20px;}
.pay_total_box .pay_list_wrap .list_row { display: flex; align-items: center; justify-content: space-between; padding:8px 0}
.pay_total_box .pay_list_wrap .list_row.line_solid { border-top:1px solid #e4e4e7;margin-top: 3px;padding-top: 8px;}
.pay_total_box .pay_list_wrap .list_row.line_dash { border-top:1px dashed #d8d8da;}
.pay_total_box .pay_list_wrap .list_row .badge_wrap { display: inline-block; margin-left:4px;}
.pay_total_box .pay_list_wrap .list_row.line_total{ border-top:2px solid #334160; margin-top:7px;}
.pay_total_box .pay_list_wrap .is_belong {color:#8f929c;}
.pay_total_box .pay_list_wrap .is_belong .tit_cell::before {content: "";display: inline-block;width: 8px;height: 8px;border-left: 2px solid #d0d0d3;border-bottom: 2px solid #d0d0d3;vertical-align: 5px;margin-right: 6px;}
.pay_total_box .pay_list_wrap .list_row.line_total .tit_cell { color:#334160;}

.pay_total_box .pay_list_wrap .conts_cell { display: flex; align-items:center}
.pay_total_box .pay_list_wrap .conts_cell:not(.total_num) > * { font-size:16px;}
.pay_total_box .pay_list_wrap .conts_cell .unit { font-size: .9em; margin-left:0.15em;}
.sect_total_payment .btn_wrap { margin:10px 0 30px; display: flex;}
.sect_total_payment .btn_wrap button + * { margin-left:5px;}
.pay_total_box .pay_list_wrap .total_num { font-size:28px; font-weight:700;}
.pay_total_box .pay_list_wrap .total_num .unit { font-weight:700;}
.sect_total_payment .check_box_a { margin-top:20px;}

/* �߼۰��? ����Ʈ  */
.sect_result_list .result_summary { display: flex; align-items: center; font-size:18px; font-weight:600; }
.sect_result_list .result_summary dd > span { color:#0056ff; font-size:20px; }
.sect_result_list .result_summary dd .unit { font-size:0.9em;;  margin-top:3px; }
.sect_result_list .result_summary dd { display: flex; align-items: center; margin-left:6px;}
.sect_result_list .result_summary dd button { margin-left:20px;}
.control_area { position: sticky; padding-top:20px; top:80px; background: #fff; padding-bottom:10px; z-index: 20; }
.sect_result_list .tool_area { margin-top:10px; display: flex; align-items: center; flex-wrap: wrap; padding-bottom:10px; border-bottom:1px solid #e9e9e9}
.sect_result_list .tool_area .btn_area { display: flex; padding:0 10px;}
.sect_result_list .tool_area .btn_area .check_box_a { margin-right:20px;}
.sect_result_list .tool_area .btn_area + .btn_a { margin-left:auto;}
.sect_result_list .tool_area .btn_area > * + * { margin-left:6px;}
.sect_result_list .tool_area .view_type { overflow: hidden; margin-left:auto;margin-right: 10px;display: flex;align-items: center; height: 34px;}
.sect_result_list .tool_area .view_type button { display: flex;padding: 7px .95em; align-items: center; color:#758398; font-size:13px; border-radius: 5px;}
.sect_result_list .tool_area .view_type button:not(.btn_a) { opacity: .5;}
.sect_result_list .tool_area .view_type button:hover {opacity: 1; }
.sect_result_list .tool_area .view_type button.on { opacity: 1;}
.sect_result_list .tool_area .view_type button:hover { background: #f9f9f9}
.sect_result_list .control_area { padding-bottom:0;}
.sect_result_list .control_area + .result_contents { margin-top:10px;}
.product_message .rcs_message_wrap { position: relative; overflow: auto; height:370px; width:100%; margin-top:0 !important; border-radius: 0; border:none;;} 
.product_message .rcs_message_wrap .btn_box {position: relative !important;bottom: auto !important;left: auto !important;right: auto !important;width: 100% !important;box-sizing: border-box;}
.product_message .rcs_message_wrap .rcs_user { padding-top:10px;}

.btn_view_table { background: transparent}
.btn_view_preview { background: transparent}
.sect_result_list .filter_area { display:flex;}
.sect_result_list .filter_area > * + * { margin-left: 6px;}
.sect_result_list .filter_area .input_wrap_a input { min-width:250px;}
.sect_result_list .list_header { border-top:1px solid #dce0e6; position: sticky; top:199px; background: #fff; z-index: 10; box-shadow: rgb(0 0 0 / 10%) 0 20px 20px -20px;}
.sect_result_list .list_row { display: flex; align-items: center; width:100%; font-size:13px; padding:6px 0; border-bottom:1px solid #dce0e6; font-family: pretendard, sans-serif; letter-spacing: -0.03em; line-height: 1; }
.sect_result_list .list_row:hover { background: #f9f9f9;}
.sect_result_list .list_row .btn_box { flex-shrink: 0;}
.sect_result_list .list_row > * { display: flex; align-items: center;}
.sect_result_list .list_row .cell_box .tooltip { margin-left: 4px;}
.sect_result_list .list_row .btn_box button {  padding: 0 7px;  font-size: 13px;  color: #2a2a2a;  border-color: #2a2a2a;  height: 27px; }
.sect_result_list .list_row.none_data {width: 100% !important; margin:20px 0; color:#9ea3a7; text-align: center;justify-content: center;padding: 20px 0;background: #fff;box-shadow: none !important;}
.prev_tit:not(.cell_box) { display: none;}
.sect_result_list .state_unable { background: #f2f2f2 !important; color:#a7a7a7;}
.sect_result_list .state_reserve { background: #fcfde1 !important;}
.sect_result_list .product_message span { display: inline-block;}
.sect_result_list .product_message .brand_name { margin-right:6px;}
.cell_check { width:32px; flex-grow: 0; flex-shrink: 0; display: flex; justify-content:flex-start}
.cell_date { width:115px; flex-grow: 0; flex-shrink: 0;}
.cell_message {flex:1; display: flex; align-items: center;}
.cell_template_name {flex:1;display: flex;align-items: center;flex-grow: 1 !important;}
.msg_type { width:115px; flex-grow: 0; flex-shrink: 0;  display: flex;  justify-content: flex-start !important}
.result_total { width:85px; flex-grow: 0; flex-shrink: 0; display: flex; justify-content: flex-end; align-items: center;}
.result_success { width:85px; flex-grow: 0; flex-shrink: 0; display: flex; justify-content: flex-end;}
.result_fail { width:85px; flex-grow: 0; flex-shrink: 0; display: flex; justify-content: flex-end;}
.info_state { width:128px; flex-grow: 0; flex-shrink: 0; display: flex; justify-content: flex-end;}
.list_body .box_1 { flex:1;}
.list_body .box_2 { flex-grow: 0; flex-shrink: 0;}
.list_body .box_2_1 { display: flex;}
.list_body .box_2_2 { flex-grow: 0; flex-shrink: 0;}
.list_body .box_3 { width:128px; flex-grow: 0; flex-shrink: 0; justify-content: flex-end;}
.list_body .box_2_2 > div { display: flex;}
.list_body .box_3 > div { display: flex; align-items: center;}
.download_box a { width:32px; height:32px; margin-right:6px; border-radius: 4px; cursor: pointer; display: flex;justify-content: center;align-items: center;}
.download_box a:hover { background: #e7eef4;}
.hover_message_box .prev_box { position: relative; width:32px; height:32px;  margin-right:6px; border-radius: 4px; cursor: pointer; display: flex;justify-content: center;align-items: center;}
.prev_box .p_msg_box span { display: none;}
.hover_message_box .prev_box:hover {  background: #e7eef4;}
.hover_message_box .prev_box .hover_preview { display: none; width:350px; position:absolute; top:90%; left:4px; overflow: hidden; }

.list_table .rcs_message_wrap { display: none; animation: preview .3s; position: absolute;top: 15px;left: -98px; z-index: 10; width: 440px;z-index: 100;border-radius: 20px;overflow: auto;box-shadow: 0px 0px 18px 7px rgba(148,148,148,0.40);}
.list_table .hover_message_box:hover ~ .product_message .rcs_message_wrap { display: block; }
.list_table .rcs_message_wrap:hover { display: block; }
.hover_message_box .prev_box:hover .hover_preview { display:flex; animation: preview .3s;}

.hover_message_box .kakao_template_box { display: block;}
@keyframes preview {  0% { transform:translate(-10px, -10px) scale(.9);opacity:0;}  100% {transform:translate(0) scale(1);opacity:1;}}
@-webkit-keyframes preview {  0% { transform:translate(-10px, -10px) scale(.9);opacity:0;}  100% {transform:translate(0) scale(1);opacity:1;}}
.cell_message .hover_message_box { width:32px;flex-grow: 0;flex-shrink: 0;}
.cell_message:has(.rcs_message_wrap) .prev_box {display: none;}
.cell_message:has(.rcs_message_wrap) .hover_message_box { width: 0;}
.cell_template_name .hover_message_box  { width:32px;flex-grow: 0;flex-shrink: 0;}
.cell_template_name .hover_message_box + .cell_message .btn_box { width:86px; flex-grow: 0; flex-shrink: 0;}
.product_message { padding:0 10px; box-sizing: border-box; }
.result_rcs .product_message {  position:relative}
.sect_result_list .p_msg_box span { vertical-align: middle; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width:180px;}
.cell_template_name > .cell_box { padding:0 10px; box-sizing: border-box;}
.result_contents .product_message .p_msg_box p { display: none;}
.list_preview .product_message .p_msg_box p { display: block; white-space: pre-wrap;}
.cell_template_name .btn_box { flex-shrink: 0;}
.m_coupon_wrap + .product_message .p_info + .p_msg_box span { display: none;}
.kakao_result.list_preview .cell_check { order:1;}
.kakao_result.list_preview .cell_template_name  { order:2;border-bottom: none !important;border-top: 1px solid #dce0e6;display: flex;}
.kakao_result.list_preview .kakao_template_box { order:3;}
.kakao_result.list_preview .cell_message  { order:4;}
.kakao_result .friendtalk_wrap .wide_img .block_txt { width:270px;}
.kakao_result .kakao_message .wide_img .message_box { width:270px;}

.kakao_result .msg_type { width:110px; }
.btn_srvy_result { display: inline-block; line-height: 20px; height:20px; font-size:13px; border-radius: 14px; padding:2px 8px; color:#774fbb; border:1px solid #774fbb; background:#fff;}
.btn_srvy_result:hover { background-color:#f5f0ff}
.p_msg_box .btn_srvy_result { margin-left:10px;}
.i_srvy { display: inline-block; width:8px; height:8px; background: url(/design/img/sub/survey/i_srvy-f910fce2b45d5a7a4b5cfb2721b87af4.png); background-size:100%; }
.btn_srvy_result .i_srvy { margin-left:4px;}

.cell_date > div { display: flex;}
.cell_date > div span + span { margin-left:6px;}
[class*="mark_state"] { display: inline-block; width:12px; height:12px; border-radius: 2px; margin-left:5px;}
.mark_state_complete { display: none;} /* �Ϸ�*/
.mark_state_ongoing { background: #0be439;} /* �߼���*/
.mark_state_checking { background:#247cff } /* ����?����*/
.mark_state_reserve { background:#ffc600 } /* ����*/
.mark_state_unable  { background:#ff3464}  /* �߼ۺҰ�*/
.mark_state_unable  { background:#ff3464}  /* �߼ۺҰ�*/
.msg_type .type_sms { color:#0055ff; font-weight: 700;}
.msg_type .type_lms { color:#ff1e1e; font-weight: 700;}
.msg_type .type_mms { color:#af1dff; font-weight: 700;}
.msg_type .type_m_coupon { color:#ff8c0c; font-weight: 700;}
.msg_type .type_rcs_mms { color:#af1dff; font-weight: 700;}
.msg_type .type_rcs_card { color:#4DCD7F; font-weight: 700;}
.msg_type .type_survey{ color: #774fbb;; font-weight: 700;}
.reserve_btn_box { display: inline-flex;; margin-left:3px;}
.reserve_btn_box button { padding:0 3px 1px;font-size: 11px; background: #fff; border:1px solid #333; border-radius: 4px;}
.reserve_btn_box button + button { margin-left: 2px;}
.reserve_btn_box button:hover{ background: #333; color:#fff;}

/* �߼۰��? �� */
.result_detail_wrap { display: flex; flex-wrap: wrap; width:1200px;  margin: 0 auto;}
.sect_result_detail { width:450px;}
.sect_result_detail .rcs_message_wrap { display: flex !important; width:100%;}
.sect_result_detail .mssg_conts_bubble .mms_wrap { width:100%;}
.sect_result_detail .message_history { position: relative; margin-top:15px;width:100%; max-height:520px; padding:16px; border-radius: 30px; overflow-y: auto; border:1px solid #dce0e6; box-sizing: border-box;}
.sect_result_detail .kakao_template_box { margin-top:15px;width:100%; height:520px; padding:16px; border-radius: 30px; overflow-y: auto; border:1px solid #dce0e6; box-sizing: border-box; background: #abc1d1;}
.sect_result_detail .kakao_template_box::-webkit-scrollbar-thumb { background-color: #fff; }
.sect_result_detail .call_num_box { margin-top:10px;}
.sect_result_detail .call_num_box .item_01 { background: #f1f5f9; border-radius: 5px; display: flex; align-items: center; padding:14px 20px; font-size:13px;}
.sect_result_detail .call_num_box .item_01 span { color:#53545a; flex-shrink: 0;}
.sect_result_detail .call_num_box .item_01 p { color:#334155; font-weight:600; margin-left:20px; flex-shrink: 0;}
.sect_result_detail .call_num_box .item_01 p + span { color:#334155; margin-left:4px; flex:1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.sect_result_detail .result_box .btn_box { margin-top:10px; display: flex; justify-content: space-between;}
.sect_result_detail .result_box .btn_box > div { display: flex;}
.sect_result_detail .result_box .btn_box button { border-color:#2a2a2a; color:#2a2a2a;}
.sect_result_detail .result_box .btn_box > div button + button { margin-left:6px;}
.sect_result_detail .result_box .category_c + .byte_box { margin-top:20px;}
.result_detail_wrap .wrap_right { display: flex; width:520px; align-content: flex-start; flex-wrap: wrap;}
.sect_result_info_01 { width:245px !important;}
.sect_result_info_02 { width:245px !important;}
.sect_result_info_03 { width:520px; margin-top:40px;}
.sect_result_info_03 .section_tit .btn_box { display: flex; flex-direction: column; align-items: flex-end;}
.sect_result_info_03 .section_tit .btn_box > div { display: flex; margin-bottom:10px;}
.sect_result_info_03 .section_tit .btn_box > div:last-child { margin-bottom:0px;}
.sect_result_info_03 .section_tit .btn_box button + button { margin-left:6px;}
.sect_result_info_02 { margin-left:30px;}
.sect_result_info_03 .total .cell_conts a { color:#0055ff;}
.sect_result_info_03 .emphs .cell_tit{ color:#334155; font-size:14px;}
.sect_result_info_03 .emphs .cell_conts{ font-size:18px; font-weight:700;}
.sect_result_info_03 .unit{ font-size:.9em; font-weight:inherit;}
.sect_result_info_03 .txt_link { text-decoration: underline; font-weight:600;}
.sect_result_info_03 .have_list{ border-bottom:none !important;}
.sect_result_info_03 .is_belong { display: flex; justify-content: space-between; padding:10px 0 !important; align-items:flex-start !important; border-top:none; font-size:14px; color:#334155;}
.sect_result_info_03 .is_belong .is_full{ width:100%;}
.sect_result_info_03 .is_belong .is_half{ width:calc(50% - 15px);}
.sect_result_info_03 .is_belong > div > div { display: flex; justify-content: space-between; align-items: center; padding:5px 0;}
.sect_result_info_03 .btn_s_a {padding: 1px .7em;font-size: 12px;margin-right: 5px;border-radius: 1px;vertical-align: 0px;}
.sect_result_info_03 .is_belong  .txt_link { color:#8f929c}
.sect_result_info_03 .is_belong .tit:before {content: "";display: inline-block;width: 8px;height: 8px;border-left: 2px solid #d0d0d3;border-bottom: 2px solid #d0d0d3;vertical-align: 5px;margin-right: 6px;}
.sect_result_info_02 .table_wrap_b .none_data {font-size:14px;padding: 52px 0;text-align: center; color:#aeaeae; background-color: #f9f9f9;justify-content: center;}

[class*="sect_result_info"] .table_wrap_b > div  { padding:5px 0px; justify-content: space-between; align-items: center;}
[class*="sect_result_info"] .table_wrap_b .cell_tit  { width:auto;}
[class*="sect_result_info"] .table_wrap_b .cell_tit  { width:auto;}
[class*="sect_result_info"] .table_wrap_b .cell_conts  { width: auto;flex: none;}
[class*="sect_result_info"] .table_wrap_b.show_line > div:first-child { border-top:2px solid #333;}
[class*="sect_result_"] button + button em.icon_next{ margin:0 0 0 5px;}
[class*="sect_result_"] .txt_plus { margin:0 3px;}
.sect_result_detail .coupon_wrap  {display: flex; width:270px; margin:0; overflow: hidden;  border-radius: 15px; margin-bottom:10px ; overflow: hidden; box-shadow: rgba(0, 0, 0, .2) 0 0 15px 0px;}
.coupon_wrap  { display: flex; flex-direction: column; }
.coupon_wrap .coupon_info .info_list { margin:20px 0; padding:0 10px;}
.coupon_wrap .coupon_info .info_list li { display: flex; justify-content: space-between;margin-bottom:10px; font-size:14px;}
.coupon_wrap .coupon_info .info_list li:last-child { margin-bottom:0;}
.coupon_wrap .coupon_info .info_list .tit{ color:#818994; width:85px; flex-shrink: 0;}
.coupon_wrap .m_footer_barcode img { width:100%; height:auto;}
.coupon_wrap .m_footer_banner img { width:100%; height:auto;}

.fax_datail_box {width: 100%; box-sizing: border-box; margin: 10px 0;}
.fax_datail_box .fax_icon_wrap{ padding:30px 0 0; display: flex; align-items: center;justify-content: center;}
.fax_datail_box .fax_icon_wrap .fax_icon{display:inline-block; width:85px;}
.fax_datail_box .btn_box { justify-content: center !important; }
.fax_datail_box .table_wrap_b  { margin-top:30px;}
.fax_datail_box .table_wrap_b + .table_wrap_b { margin-top:0px;}

.mssg_conts_bubble .conts_txt { width:60%;}
.mssg_conts_bubble .mms_wrap { display: flex; flex-direction: column; width:100%;  margin-bottom:10px;box-sizing: border-box;}
.mssg_conts_bubble .mms_wrap img { max-width:70%; border-radius: 5px; cursor: pointer; margin: 10px 0;}
.mssg_conts_bubble .mms_wrap img + img { margin-left:4px;}
.mssg_conts_bubble .m_coupon_wrap  { display: flex;}

.mssg_conts_bubble .coupon_box .coupon_img { display: flex;}
.mssg_conts_bubble .m_coupon_wrap .coupon_box { width:100%;}
.coupon_box .box_logo { width:50%; display: flex; align-items: center; justify-content: center;}
.coupon_box .box_product { width:50%; display: flex; align-items: center; background-color: #fff; justify-content: center;}
.coupon_box  { display: flex; flex-direction: column; }
.coupon_box .coupon_img { display: flex;}
.coupon_box .box_logo img { width:100%}
.coupon_box .box_product img { width:100%}
.conts_mobile_coupon .m_coupon_wrap .coupon_box { border-radius: 0;}
.mssg_conts_bubble .conts_txt { padding:15px;}
.mssg_conts_bubble .product_message .p_msg_box { font-size: 14px;display: block; white-space: normal; text-overflow: clip;}
.mssg_conts_bubble .product_message .p_msg_box > span:first-child { font-weight: 700; color:#000; margin-bottom:7px; line-height: 2;}
.mssg_conts_bubble .product_message .p_msg_box > p { white-space: pre-wrap;}
.mssg_conts_bubble .product_message .p_msg_box > .messageTitle { font-weight:700;}
.mssg_conts_bubble .product_message .tip_conts { margin-top:0 !important; }
.mssg_conts_bubble .product_message { padding:15px; border-radius: 15px; background: #efefef; }
.mssg_conts_bubble .product_message p + strong { margin-top:7px }
.mssg_conts_bubble .product_message strong { display: block}

.mssg_conts_bubble .product_message .tooltip { position:unset;}
.message_history .table_wrap_b > div {padding:5px 0;align-items: center;}
.message_history .table_wrap_b > div:last-child { border-bottom:none;}
.message_history .table_wrap_b .cell_conts {padding:5px 0;display: flex;justify-content: flex-end;align-items: center;}
.message_history .table_wrap_b .cell_conts > span { font-weight:600;}
.message_history .table_wrap_b .cell_conts span + button { margin-left:10px; padding:0 10px; height:32px;}

.mssg_conts_bubble .wrap_bubble { right: 20px;left: 20px;width: auto; animation: none;}
.mssg_conts_bubble .wrap_bubble:after { display:none;}
.mssg_conts_bubble .tip_bubble { float:none;}


/* �����? ���� �߼۰��?  */
.box_survey { width:100%; margin-top:30px;}
.box_survey .conts { display: flex; margin-top:20px; width:100%; padding:10px 0; border-top:2px solid #000; border-bottom:1px solid #d8dbde;}
.box_survey .conts > div { margin-right:10px; overflow: hidden;}
.box_survey .tit { font-size:15px; color:#334155; font-weight:700;}
.box_survey .srvy_tit { color:#000; width:100%;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.box_survey .btn_srvy_result { margin-left:auto; flex-shrink: 0;}
.box_survey .srvy_period { display: inline-block; font-size:14px; color:#666; margin-top:6px;}

.this_survey {display: flex;flex-direction: column;width:940px;padding:20px;box-sizing: border-box;border-radius: 4px;background: #f1f5f9;}
.this_survey .tit { font-size:13px; color:#758398}
.this_survey .conts { display: flex; flex:1; align-items: center;}
.this_survey .conts > div { overflow: hidden; display: flex; flex:1; margin-right:16px;}
.this_survey .conts .srvy_tit { overflow: hidden; color:#000; font-size:14px; text-overflow: ellipsis; white-space: nowrap; margin-right:50px;}
.this_survey .conts .srvy_period { font-size:13px; color:#758398; font-weight:400; margin-left:auto; flex-shrink: 0;}
.this_survey .conts > div + * { margin-left:auto;}

@media (max-width: 767px) {
  .result_detail_wrap .box_survey { padding:20px 16px; box-sizing: border-box;}
  .this_survey { width:100%;}
  .this_survey .conts { flex-direction: column; align-items: flex-start;}
  .this_survey .conts > div {flex-direction: column;align-items: flex-start;margin-right: 0;width: 100%;}
  .this_survey .conts .srvy_period {margin: 4px 0 0 0;}
  .this_survey .conts .srvy_tit { margin-right: 0;margin-top: 10px;width: 100%;box-sizing: border-box;}
  .this_survey .conts > div + * { margin-top:20px;}
  body:has(.wrap_top) .wrap_left .section_contents:first-child { border-top:none;}
}


/* �����? ���� �߼۰��? */
.result_mobile_coupon .list_body .box_2 { width: 180px}
.result_mobile_coupon .msg_type { width: 80px;}
.result_mobile_coupon .product_message .p_msg_box { color:#758398; }
.result_mobile_coupon .p_msg_box { display: none;}
.result_mobile_coupon.list_preview .product_message .p_msg_box { display: block; color:#334155;}
.mssg_conts_bubble {display: flex;flex-wrap: wrap;margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px dotted #c9c9c9;}
.mssg_conts_bubble:last-child {  margin-bottom:0; border-bottom:none;}
.list_preview .hover_message_box {display: none;}
.result_detail_wrap .mssg_conts_bubble {  flex-direction: column; align-items: flex-start; padding-bottom:0;}


/* �ּҷ� ����Ʈ */
.addr_list_wrap { min-width:1200px;}
.addr_list_wrap .contents_contain{ min-width:auto;}
.addr_list_wrap .contact_wrap { min-width:1200px;}

.sect_contact .layout_01 { flex-wrap: wrap;}
.contact_manage { margin-top:0; padding-bottom:0 !important; position: relative; margin-bottom: 30px;}
.contact_manage .section_body { margin:0;}
.contact_manage .contact_top .filter_area > .select_box_a { width:170px;}
.contact_manage .contact_top .filter_area > .select_box_a > p { color:#fff;}
.contact_wrap {display: flex;flex-wrap: wrap; min-width: 1200px; border-bottom:1px solid #eee;}
.contents_contain:has(.contact_wrap) { padding-bottom:20px;}  
.sect_contact .heading .select_box_a { background: transparent; }
.sect_contact .heading .select_box_a:hover { background: #f9f9f9; }
.sect_contact .heading .select_box_a { padding:7px 10px;}
.sect_contact .heading .select_option li { padding:6px 0 6px 6px;}
.sect_contact .heading .select_box_a .select_option { top:calc(100% - 1px); min-width: 0; left:0; right:0; width:100%; border:1px solid #838ea0; box-shadow: rgba(0, 0, 0,.3) 0px 15px 25px -7px; box-sizing: border-box;}
.sect_contact .list_row .layout_01 { width:100%;}
.sect_contact .none_data { display: flex; align-items: center; justify-content: center; cursor:default !important;}
.sect_contact .none_data:hover { background: #fff !important}
.sect_contact .none_data strong { color:#656668;}
.sect_contact .none_data p { color:#aeaeae;}
.contact_folder_group { display: flex; flex-direction: column;  width:372px; border-right:1px solid #dce0e6;}
.contact_folder_group .tool_box { position: sticky; top:80px; z-index: 4; background: #f5f5f5; padding:10px; border-bottom:1px solid #dce0e6; display: flex; flex-wrap:wrap; justify-content: space-between;}
.contact_folder_group .tool_box button {display: flex; align-items: center;justify-content: center;background: transparent;padding: 7px 16px;margin: 2px;width: calc(50% - 4px);justify-content: flex-start;background: #fff;border: 1px solid #ccc;border-radius: 4px;}
.contact_folder_group .tool_box button em { opacity: .7;}
.contact_folder_group .tool_box button:hover em { opacity: 1;}
.contact_folder_group .tool_box button:hover { border:1px solid #9ea7b4}
.contact_folder_group .tool_box button .btn_txt { font-size:13px;}
.folder_group_box {position:sticky;top: 182px;max-height: calc(100vh - 182px);overflow: auto;overscroll-behavior:contain;}
.folder_group_box .manage_list { min-height:calc(100vh - 400px)}
.folder_group_box .manage_inner { flex:1;}
.folder_group_box .heading { display: flex; align-items: center;  border-bottom: 1px solid #dce0e6; padding:10px; background: #fff;}
.folder_group_box .heading .tit {font-size: 12px;  color:#2a2a2a;}
.contact_top { width:100%; padding:40px 0px 20px; border-bottom:1px solid #dce0e6; box-sizing: border-box; }
.contact_top .filter_area { display: flex; width:100%;}
.contact_top .filter_area .select_box_a {margin-left:auto;}
.contact_top .search_wrap + .btn_s_a{ margin-left:6px; display: flex; align-items: center;}
.contact_top .search_wrap + .btn_s_a + .btn_s_a{ margin-left:6px;}
.search_keyword .key_message { display: flex; white-space: nowrap; margin-top:20px;}
.search_keyword .key_message b { margin:0 5px;}
.search_keyword .key_message [class*="key_"] { color:#3971ff; font-weight:700;}
.search_keyword .key_message .key_result { margin-left:7px;}
.search_keyword .key_message .key_txt { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.contacts_list { flex:1; min-width: 754px;  display: flex; flex-direction: column;}
.contacts_list .list_row { cursor: default !important;}
.contacts_list .heading { position: sticky; top:80px; height:101px; box-sizing: border-box; z-index: 4; background: #fff; padding:15px 10px 10px 10px; border-bottom:1px solid #dce0e6; }
.contacts_list .heading .list_row {margin-top:12px;  border-top:none; border-bottom:none; padding:0;}
.contacts_list .heading .list_row:hover { background: transparent; cursor: default;}
.contacts_list .heading .btn_box { display: flex;}
.contacts_list .heading button { display: flex; align-items: center; border-color:#525252; color:#525252;}
.contacts_list .heading .align_right { display: flex; margin-left:auto;}
.contacts_list .heading .align_right button + button { margin-left:6px;}
.contacts_list .list_row { display: flex; align-items: center;}
.contacts_list .list_row > div { color:#000; padding:0 10px 0 0; box-sizing: border-box; font-size:13px;}
.contacts_list .list_row > div:not(.cell_tit) { flex-grow: 0; flex-shrink: 0;}
.contacts_list .list_row .cell_check { width:32px; }
.contacts_list .list_row .cell_tit { display: flex; flex:1;}
.contacts_list .cell_tit { min-width: 192px}
.contacts_list .list_row .cell_phone { width:130px;}
.contacts_list .list_row .cell_fax { width:128px;}
.contacts_list .list_row .cell_email { width:160px;}
.contacts_list .list_row .cell_variable { width:37px;}
.contacts_list .list_row .cell_more { width:62px; padding:0;}
.contacts_list .list_row .btn_box { width:63px; }

/* .manage_list { min-height:300px;} */
.manage_list > .heading{ background: #fff; z-index: 1;}
.manage_list .heading .btn_a { margin-left:auto; border-color:#525252; color:#525252;}
.sect_contact .list_row { position: relative; display: flex; padding:6px 10px; font-size:14px; align-items: center; cursor: pointer; border-bottom:1px solid #f1f1f1; box-sizing: border-box; background-color: #fff;}
.sect_contact .list_row .layout_01 { flex-wrap: nowrap;}
.sect_contact .list_row.on { position: relative; background: #f1f5f9; border-bottom:1px solid #dce0e6;}
.sect_contact .list_row.on .list_info p { color:#000; font-weight:700;}
.sect_contact .heading + .list_row.on { border-top:none;}
.sect_contact .list_row:hover { background: #f1f5f9;}
.manage_list .list_row.on::before { content: ""; display:block; width:6px;; background: #3971ff; position: absolute; top:0; bottom:0; left:0;}
.manage_list .group_area { padding-left:30px; }
.manage_list .group_area .list_row:last-child { border-bottom:none }
.manage_list .group_area + .list_row { border-top:1px solid #dce0e6; }
.manage_list .list_row.on .flip_arr { transform: rotate(0); opacity: 1;}
.manage_list .list_row:hover .flip_arr { opacity: 1;}
.contact_wrap .list_row .btn_box { margin-left:auto; padding-left:10px; display: flex; justify-content: center; flex-shrink: 0; }

.contact_wrap .list_row .btn_box button { position: relative; opacity: .2;}
.contact_wrap .list_row .btn_box button:hover { opacity: .8; z-index: 2;}
.contact_wrap .list_row .btn_box button:hover::before {position: absolute;top: 0;bottom: 0;left: 50%;display: block;width:34px;background-color: #000000;color:#fff;transform: translateX(-50%);font-size: 13px;line-height: 24px;border-radius: 4px;}
.sect_contact .list_row .btn_box .edit:hover::before{ content: "����";}
.sect_contact .list_row .btn_box .delete:hover::before{ content: "����";}
.sect_contact .list_row .list_info {display: flex; overflow: hidden;}
.sect_contact .list_row .list_info p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.contact_folder_group .input_wrap_a input { padding:5px 0; font-size: 13px; height:34px;}
.contacts_list .input_wrap_a input { padding:5px ; font-size: 13px; height:34px;}

.manage_inner .input_wrap_a input,
.contacts_inner .input_wrap_a input { border-color:#333;}
.sect_contact .edit_info{ display:none;}
.sect_contact .num_txt { color:#3971ff; font-size:.9em; font-weight:700; margin-left:5px; flex-shrink: 0; flex-grow: 0;}
.sect_contact .nav_group .list_info { max-width: calc(50% - 29px)}
.contacts_list .nav_group { padding:5px 10px; position: sticky; top:172px; z-index: 3; background: #fff; border-bottom:1px solid #dce0e6;}
.contacts_inner > div { margin-top:20px; }
.contacts_inner > div:first-child { margin-top:0; }
.contacts_list .nav_group:hover { background: #fff; cursor: default;}

.contacts_list .nav_group .list_info { max-width: 300px}
.sect_contact .nav_group [class*="icon_"] { transform: scale(.8);}
.manage_list .list_row .arrow_right { margin:3px 10px;}
.contacts_inner .more_see {display: inline-block; font-size: 13px; background: #fff; border:1px solid #6d7a8d; padding:4px 6px; color:#6d7a8d;}
.contacts_inner .more_see:hover { border:1px solid #000; color:#000;}

.manage_inner .editing .edit_info .list_info { flex:1;}
.sect_contact .editing > .list_info{ display: none;}
.sect_contact .editing .edit_info > div { padding-right:5px; box-sizing: border-box;}
.sect_contact .editing .edit_info > div:last-child { padding-right:0; flex-shrink: 0;}
.sect_contact .editing > .cell_tit{ display: none;}
.sect_contact .editing > .cell_phone{ display: none;}
.sect_contact .editing > .cell_fax{ display: none;}
.sect_contact .editing > .cell_email{ display: none;}
.sect_contact .editing .btn_box{ display:none;}
.sect_contact .editing .edit_info { display: flex; flex:1; flex-grow:1 !important; padding-right:0;}



/* �ּҷ� ���Űźΰ��� */
.sect_contact .tool_area { display: flex; flex-wrap: wrap;}
.sect_contact .excel_btn_wrap { display: flex; margin-top:10px; align-items: flex-end; flex-wrap: wrap;}
.sect_contact .section_body > .excel_enter {  min-height: 200px;}
.sect_contact .excel_enter.actionStep { height:auto !important;}
.sect_contact .excel_btn_wrap * + a { margin-left:6px;}
.sect_contact .excel_btn_wrap * + button { margin-left:6px;}
.contact_manage .align_right { margin-left: auto !important;}
.sect_contact .align_right { margin-left: auto;}
.sect_contact .tool_area + .tool_area { margin-top: 20px;}
.sect_contact .txt_info { color:#aeaeae; font-size:13px;}
.sect_contact .excel_enter .btn_box { margin-top:50px; display: flex; justify-content: center;}
.sect_contact .excel_btn_wrap + .btn_box { margin-top:50px; display: flex; justify-content: center;}
.sect_contact .excel_enter .btn_box button { padding:0 3.95em}
.sect_contact .excel_btn_wrap + .btn_box button { padding:0 3.95em}
.sect_contact .excel_enter { margin-top:20px;}
.sect_contact .viewArea { margin-top:20px;}
.sect_contact .excel_enter { position: relative;}
.sect_contact .excel_enter .default_step {background: #f3f3f3;position: absolute; top:0; left:0; bottom:0; right:0; z-index: 10; width: 100%;height: 100%; display: flex;align-items: center;justify-content: center;font-size: 15px;color: #a9a9a9;}
.sect_contact .table_wrap_c  { margin-top:20px;}
.sect_contact .table_wrap_c .t_cell { width:25%; justify-content: center;}
.sect_contact .table_wrap_c .t_cell:first-child { justify-content: flex-start; width:20%;}
.sect_contact .none_data { display: flex; align-items: center; justify-content: center; cursor:default !important;}
.sect_contact .none_data:hover { background: #fff !important}
.sect_contact .none_data div {  width:100%;  font-size:17px; margin:100px 0; text-align: center;}
.sect_contact .none_data p { color:#aeaeae;}
.sect_contact .section_tit .sub_txt { margin-left:6px; letter-spacing: -.02em;}
.sect_contact .sel_category { justify-content: flex-start; flex-wrap: wrap}
.sect_contact .sel_category .select_box_a { width:150px; justify-content: space-between;}
.t_reject .t_cell {flex-direction: column;}
.t_reject .t_cell:nth-child(1){ flex-shrink: 0;}
.t_reject .t_header { position: sticky; top:80px;}
.top_move { display: none;}
.layout_01 + .excel_dwl{ margin-left: 10px;}
@media (max-width:767px) {
  .layout_01 + .excel_dwl{ margin:0; font-size: 13px; padding:6px 0.75em; margin-top: 10px;}
}

/* �ּҷ� �Է´��� */
.sect_contact * + .file_wrap { margin-top:20px;}
.info_box_gray {background: #f6f6f6; border-radius: 10px; padding:20px;}
.info_box_gray .desc { margin-top:0;}
.info_box_gray .desc + p { margin-top:10px;}
.info_box_gray + .check_box_a { margin-top:10px;}
.info_box_gray + .check_box_a .txt_red { flex-shrink: 0;}
.sect_contact .layout_01 .bar { margin: 0 5px; line-height: 45px;}
.sect_contact .layout_01 + .input_wrap_a { margin-top:20px}
.sect_contact .btn_box_center { margin-top:50px; display: flex; justify-content: center;}
.sect_contact .btn_box_center .btn_huge { padding:0 3.95em}
.order_instead .t_header { position: sticky; top:80px;}
.order_instead .t_cell { display: flex; flex-direction: column;}
.order_instead .t_cell:nth-child(1){ width:94px; flex-shrink: 0;}
.order_instead .t_cell:nth-child(2){ width:94px; flex-shrink: 0;}
.contacts_list .heading .btn_pre { display: none;}
.info_box_gray strong + .desc { margin-top:10px}



/* īī�� ���ø� ��ũ�ѹ� */
.kakao_send_wrap *::-webkit-scrollbar-track{ background-color: transparent}
.sect_kakao_manage *::-webkit-scrollbar-track{ background-color: transparent}
.sect_alimtalk_manage *::-webkit-scrollbar-track{ background-color: transparent}

/* īī���� �˸��� */
.kakao_send_wrap { display: flex; width:1200px; margin:0 auto; }
.kakao_send_wrap .wrap_left { position: sticky; top:0;}
.tip_box { position: relative; border:2px solid #333; border-radius: 15px; background: #fff; padding:16px; transition: all 0.25s cubic-bezier(.22, .61,.36, 1); margin-bottom:-25px;}
.tip_box:hover { transform: translateY(-5px); box-shadow: 0px 6px 20px 0px rgba(0, 0, 0,.2);}
.tip_box .tit { font-size:15px; font-weight:600;}
.tip_box .sub_txt { font-size:13px; color:#4c4c4c;}
.tip_box .sub_txt { margin-top:16px;}
.tip_box .sub_txt li { display: flex;}
.tip_box .sub_txt li i { margin-right:6px;}
.tip_box .sub_txt li + li { margin-top:10px;}
.tip_box .btn_close {position: absolute;top: 10px;right: 10px; width:30px; height:30px; background: #fff; border-radius: 8px;}
.tip_box .btn_close:before {content: ""; position:absolute;top: 13px;left: 7px;display: block; width:17px; height:2px;background: #333;transform: rotate(-45deg);}
.tip_box .btn_close:after {content: ""; position:absolute;top: 13px;left: 7px;display: block; width:17px; height:2px;background: #333;transform: rotate(45deg);}
.tip_box .btn_close:hover {background: #ccc}
.sect_alim { width:400px;}
.kakao_message { display: flex; flex-direction: column; background: #abc1d1; border-radius: 20px; }
.wrap_left .kakao_message { min-height:520px; max-height:calc(100vh - 180px);}
.kakao_message .tit_box { height:60px; display: flex; flex-shrink: 0; align-items: center; justify-content: center;}
.kakao_message .tit_box { color:#334155; font-size:15px;}
.sect_alimtalk_message { position:sticky; top:86px;}
.kakao_message .con_box { overflow-y:auto; overscroll-behavior:contain;}
.kakao_message *::-webkit-scrollbar-track { background: transparent}
.kakao_message *::-webkit-scrollbar-thumb { background-color: #fff;}
.kakao_message::-webkit-scrollbar-thumb { background-color: #fff;}
.alimtalk_wrap .sender_profile { display: inline-block; color:#6d7a7e; font-size:12px;}
.kakao_message .sender_profile { color:#474d53; font-size:12px;}
.kakao_message .sender_profile b { color:#74808a;}
.kakao_message .message_wrap { margin:10px 0 20px 23px; display: flex; flex-direction: column;}
.kakao_message .sender_profile + .message_box { margin-top:7px;}
.kakao_message .sender_profile + * { margin-top:7px;}
.kakao_message .message_box { width:256px; box-shadow: 0px 10px 14px -7px rgba(0, 0, 0, .2);border-radius: 11px;}
.kakao_message .wide_img .message_box { width:312px;}
.alimtalk_wrap .message_box .mssg_tit { position: relative; border-radius: 11px 11px 0 0; padding:13px 10px; font-size:13px; background: #ffe400; color:#262615;}
.alimtalk_wrap .message_box .mssg_tit::before { content: ""; position: absolute; top:-16px; right:-16px; display: block; width:32px; height:32px; background: url(/design/img/sub/kakao_alimtalk-5abc0422735584613b9f5c90b36a0eab.png) no-repeat;}
.alimtalk_wrap .message_box .mssg_img { background: #f9f9f9; height:114px; display: flex; align-items: center; justify-content: center;}
.kakao_message .message_box .mssg_img img { max-width: 100%; max-height: 100%; width:auto; height:auto;}
.kakao_message .message_box .mssg_cont { border-radius: 0 0 11px 11px; padding-bottom:10px; color:#262615; background: #fff}
.friendtalk_wrap .message_box .mssg_cont {border-radius:11px; overflow: hidden;}
.kakao_message .message_box .mssg_cont button { display: flex; width:100%; height:40px; margin-top:20px; border-radius: 7px; justify-content: center; align-items: center; background: #f5f5f5;}
.kakao_message .message_box .mssg_cont button:hover { background: #ebebeb;}
.kakao_message .message_box .mssg_cont button span { color:#525252;  font-size:13px;}
.kakao_message .message_box .mssg_cont button.btn_yellow_kakao span{ color:#191919 !important; }
.kakao_message .message_box .mssg_cont button + button { margin-top:4px;}
.kakao_message .message_box .mssg_cont .btn_box { padding: 0 10px; flex-direction: column;}
.kakao_message .message_box .cont_p { font-size:13px; padding:0 10px; padding-top:12px; color:#2e2e2e;}
.kakao_message .message_box .cont_p img { width:1.8em; height:1.8em;}
.kakao_message .message_box .cont_p .kakaoEmoticon { display: inline-block; width:1.8em; height:1.8em; background-size: 1.8em; vertical-align: middle;}
.kakao_message .message_box a { color:#38a6eb; text-decoration: underline;}
.kakao_message .message_box .sub_p { font-size:13px; padding:0 10px; padding-top:12px; color:#9a9a9a;}
.alimtalk_wrap .accent_box { padding:24px 0; margin:0 10px; border-bottom:1px solid #ededed; line-height: 1;}
.alimtalk_wrap .accent_box .accent_sub { display: block; font-size:12px; color:#a7a7a7;}
.alimtalk_wrap .accent_box .accent_main { display: block; font-size:17px; line-height: 1.4; font-weight:700; color:#080808; margin-top:7px;}
.alimtalk_wrap .item_list { padding:0 10px;}
.alimtalk_wrap .list_title_box { display: flex; align-items: center; padding:15px 0; border-bottom:1px solid #ededed; }
.alimtalk_wrap .list_title_box .txt_box { display: flex; flex-direction: column; height:54px; margin-right:10px; justify-content: center;}
.alimtalk_wrap .list_title_box .title_main { font-size:15px; line-height: 1;}
.alimtalk_wrap .list_title_box .title_sub { font-size:12px; color:#929292; line-height: 1; margin-top:7px;}
.alimtalk_wrap .list_title_box .img_box { margin-left:auto ; width:54px; height:54px; flex-shrink: 0;}
.alimtalk_wrap .list_title_box .img_box img {  max-width: 100%; max-height: 100%; width:auto; height:auto;}
.alimtalk_wrap .list_header_box { padding:11px 0; border-bottom:1px solid #ededed;}
.alimtalk_wrap .header_txt { font-size:15px; font-weight:700;}
.alimtalk_wrap .list_box { padding:11px 0; border-bottom:1px solid #ededed;}
.alimtalk_wrap .list_box ul { display: table;}
.alimtalk_wrap .mssg_img + .item_list .list_title_box + .list_box { border-bottom:none;}
.alimtalk_wrap .list_box li { display: table-row; line-height: 1;}
.alimtalk_wrap .list_box li:first-child * { padding-top:0;}
.alimtalk_wrap .list_box .list_item_name { display: table-cell; font-size:13px; color:#929292; padding:8px 12px 0 0;}
.alimtalk_wrap .list_box .list_item_conts { display: table-cell; font-size:13px; color:#111; padding:8px 0 0 0;}
.alimtalk_wrap .list_box .list_summary .list_item_conts { font-size:15px; font-weight:700;}
.alimtalk_wrap .check_summary .list_item_conts { text-align: right;}
.alimtalk_wrap .check_summary ul { width:100%; }
.alimtalk_wrap .check_summary .list_summary * { padding-top:15px;}
.kakao_send_wrap .wrap_right .check_box_a + .check_box_a{ margin-left:30px}
.connent_wrap { display: flex; overflow-x: auto; margin-top:15px;}
.connent_wrap a { flex-shrink: 0; font-size:13px; background: #fff; padding:13px 16px; line-height: 1; border-radius: 20px;}
.connent_wrap a + a { margin-left:6px;}
.kakao_message .message_wrap > div + div { margin-top:30px;}
.count_txt_box { color:#33415a;}
.red_aster { color:#f1244f !important; font-size: 1.2em; font-weight: 700; padding:0 0.1em;}
.box_module .tit {width:108px; font-size:14px; color:#444;}
.box_module .align_center { align-items: center !important;}
.box_module .layout_01 + .layout_01 { margin-top:6px;}
.box_module .layout_01 + div { margin-top:6px;}
.box_module .box_body > div + div { margin-top:6px;}
.box_module .box_body div + .direction_row { margin-top:30px;}
.box_module .file_wrap { margin-top:0 !important;}
.box_btn_wrap + .box_module { margin-top:12px;}

/* īī���� ģ���� */
.friendtalk_wrap .block_txt { width:256px; display: block; text-align: right; margin-top:11px; line-height:1; color:#6c7881; font-size:12px;}
.friendtalk_wrap .wide_img .block_txt { width:312px;}
.kakao_send_wrap .wrap_right .file_wrap { margin-top:15px;}
.kakao_send_wrap .wrap_right .file_wrap label + button { margin-left:6px;}
.kakao_send_wrap .wrap_right .file_wrap + .layout_01 { margin-top:15px;}
.sect_friendtalk_message { position:sticky; top:86px;}
.friendtalk_msg .msg_txt_info{ margin-top:0;}
.friendtalk_msg .msg_txt_info .byte_msg { color:#0055ff;}
.friendtalk_msg .option_02 .btn_b { width:calc(100% / 2 - 7px)}
.kakao_send_wrap .box_module .select_box_a { flex-shrink: 0; flex-grow: 0; background: #fff; border:1px solid #dce0e6; padding:12px 20px 11px 20px; height:44px; box-sizing: border-box;}
.kakao_send_wrap .box_module .select_box_a:hover { border:1px solid #9ea7b4}
.kakao_send_wrap .box_module .layout_01 input + input { margin-top:6px;}
.kakao_send_wrap .box_module .btn_f {opacity: .7;}
.kakao_send_wrap .box_module .btn_f:hover {opacity: 1;}
.kakao_send_wrap .box_module .tooltip { margin-left:6px;}
.friendtalk_wrap .message_box .mssg_img { background: #f9f9f9; height:256px; display: flex; align-items: center; justify-content: center;}
.friendtalk_wrap .wide_img .message_box .mssg_img { height:234px; }
/* �˸������? */
.sect_kakao_manage { width:970px;}
.sect_kakao_manage .tool_area > .layout_01 { margin-top:26px; }
.sect_kakao_manage .tool_area .none_profile { margin-top:20px; }
.sect_kakao_manage .btn_wrap .align_right { margin-left: auto;}
.sect_kakao_manage .btn_wrap { margin-top:50px; align-items: stretch;}
.sect_kakao_manage .direction_row button { height:auto; }
.sect_alimtalk_manage .tool_area + .box_conts { margin-top:20px;}
.sect_alimtalk_manage .box_conts + .none_profile { margin-top:20px;}
.sect_alimtalk_manage { padding-bottom:40px;}
.template_type { display: flex; justify-content: space-between;}
.template_type li { width:calc(100% / 4 - 24px * 3 / 4)}
.template_type li a { display: block;}
.template_type li a:hover { box-shadow: 0 0 20px rgba(0,0,0,.2);}
li [class*="template_type"] {width: 100%; height:277px;display: flex;align-items: center;justify-content: center;background-color: #f9f9f9 !important; background-repeat: no-repeat !important; background-position: center !important;}
li .template_type01 { background: url(/design/img/sub/alimtalk_type01-3c81bdaa24e4a995e9fc1c86ce97d1de.png);}
li .template_type02 { background: url(/design/img/sub/alimtalk_type02-41a60019d552fd2f334a15c88bccae6b.png);}
li .template_type03 { background: url(/design/img/sub/alimtalk_type03-02ce19e07e925b083e4f5326c0c2216f.png);}
li .template_type04 { background: url(/design/img/sub/alimtalk_type04-12c8e45160a7a06fce5bd5d5392e9da1.png);}
.template_type .info_box { height:150px; padding:10px 16px;display: flex; flex-direction: column;}
.template_type .type_name { color:#334155; font-size:18px;}
.template_type .type_info { color:#818994; font-size:13px; margin-top:25px;}
.template_type .cta_txt { color:#0056ff; font-size:13px; text-decoration: underline; margin-top:auto;}
.box_w7.box_conts:has(.template_type) { width:100%}
/* ���ø� */
.kakao_template_wrap { margin-top:20px;display: flex;flex-wrap: wrap; align-items: flex-start}
.none_profile {background: #f3f3f3; width: 100%; padding:60px 0; display: flex;align-items: center;justify-content: center;font-size: 15px;color: #a9a9a9;}

.kakao_template_wrap .kakao_template_box { display: flex; flex-direction: column; width:calc(100% / 3 - 10px); margin-right:10px; margin-bottom:36px; border:1px solid #dce0e6; box-sizing: border-box;}
.kakao_template_wrap .kakao_template_box:nth-child(3n) { margin-right: 0;}
.kakao_template_box .btn_wrap { margin-top:20px; display: flex; padding:10px;}
.kakao_template_box .btn_wrap button { flex:1;}
.kakao_template_box:hover { box-shadow: 0 0 20px rgba(0,0,0,.2);}
.kakao_template_box .btn_wrap button + button { margin-left:8px;}
.kakao_template_box .cell_box { display: flex; font-size:13px; padding: 10px 0; margin:0 10px; align-items: center; }
.kakao_template_box .cell_box + .cell_box { border-top:1px solid #e6e9ed; }
.kakao_template_box .cell_box .tit { width:84px; flex-shrink: 0; color:#818994;}
.kakao_template_box .kakao_message {height:300px;border-radius: 0;overflow-y: auto; overscroll-behavior:contain;}
.sect_result_detail  .kakao_template_box .kakao_message { overflow-y: visible;}

.kakao_template_box .kakao_message .message_wrap { margin:6px 0 15px 6px;}
.kakao_template_box .message_box .mssg_tit::before { display: none;}
.wrap_right .input_textarea textarea { overflow: auto !important}
.wrap_right .msg_box { border-radius: 10px;}
.wrap_right .msg_box .ico_reset { margin-right:4px;}
.wrap_right .msg_main { border:1px solid #c7cacf; box-shadow: none;}
.kakao_template_wrap .kakao_message .message_box { width:228px;}
.kakao_template_wrap .kakao_message .wide_img .message_box { width:270px;}
.kakao_template_wrap.friendtalk_wrap .wide_img .block_txt { width:270px;}
.kakao_template_wrap.friendtalk_wrap .block_txt { width:223px;}
.kakao_template_wrap.friendtalk_wrap .message_box .mssg_img { height:258px;}
.kakao_template_wrap.friendtalk_wrap .wide_img .mssg_img { height:202px;}
.kakao_template_wrap .kakao_message .message_box .cont_p { font-size:12.5px;}
.kakao_template_wrap .kakao_message .message_box .mssg_cont button span { font-size:12.5px;}
.kakao_template_wrap .kakao_message .message_box .mssg_cont button { height:35px;}

/* īī�� ������ ���� */
.sect_kakao_manage .table_wrap_d .t_cell:nth-child(1) { width:200px;}
.sect_kakao_manage .table_wrap_d .t_cell .tooltip { margin-left:6px;}
.sect_kakao_manage .table_wrap_d .cell_th { flex-shrink: 0;}
.sect_kakao_manage .table_wrap_d .t_row {align-items: stretch;}
.sect_kakao_manage .box_module + .box_module{ margin-top:20px;}
.sect_kakao_manage .box_head { color:#758398;}

.kakao_profile.table_wrap_c .t_cell { width:calc(100% / 6)}
.kakao_profile .t_header { position: sticky; top:80px;}
.kakao_profile .t_cell { display: flex; flex-direction: column;}
.kakao_profile .t_cell:nth-child(1){ width:40px; flex-shrink: 0;}
.kakao_profile .t_cell:nth-child(2){ width:120px; flex-shrink: 0;}

.state_required { color:#0be439;} /* �ɻ��ʿ� */
.state_ongoing { color:#ffc600;} /* �ɻ���? */
.state_complete { color:#247cff;} /* ���� */
.state_rejected { color:#ff3464;} /* �ݷ� */

.state_box {display: flex; width: 100%; align-items: center;}
.state_box > span { font-weight: 700;}
.state_box button { margin-left:auto;}
.state_required { color:#333;} /* �ɻ��ʿ� */
.state_ongoing { color:#247cff;} /* �ɻ���? */
.state_complete { color:#14c93b;} /* ���� */
.state_rejected { color:#ff3464;} /* �ݷ� */

/* �˸��� ���ø� ���? */
.template_item + .template_item { border-top:none;}
.template_item .item_summary { display: flex; align-items: center; padding:16px; cursor: pointer;  background: #fff; z-index: 102;}
.template_item.on .item_summary { position: sticky; top: 80px; box-shadow: 0px 18px 16px -22px rgba(0, 0, 0,.2)}
.template_item .item_summary:hover {background: #f5f5f5}
.template_item .item_summary strong { font-size:18px;}
.template_item .item_summary button { opacity: .8; margin-left:20px;}
.template_item .item_summary button:hover { opacity: 1;}
.template_item.on .edit_template_wrap { display: block; background: #fff}
.template_item.on .icon_arr { transform: translateY(4px)  rotate(-135deg);}
.template_item .icon_arr { transition: .3s; display: block;width: 10px;height: 10px; border-right:2px solid #333; border-bottom:2px solid #333;transform: translateY(-4px)  rotate(45deg);margin-left: auto;}
.edit_template_wrap { display: none; padding:0 0 20px 0;}
.template_add_wrap .wrap_left { margin-left:0; padding-right:20px}
.template_add_wrap .sect_alimtalk_message { top:90px}
.template_add_wrap .sect_friendtalk_message { top:90px}
.direction_row + .box_wrap { margin-top:15px;}

/* �˸��� �̿�ȳ�? */
.guide_title {width:1200px; margin:0 auto;}
.guide_title:after {content:''; margin:30px 0 30px; display:block; width:483px; height:135px; background:url(/design/img/sub/guide_kakao_title-b37bfcf2a971fe2f1d01f470a1ee7771.png) no-repeat 0 0;}
.alimtalk_guide {margin:40px 0 0 54px; position:relative;}
.alimtalk_guide:before {position:absolute; top:0px; left:-36px; content:''; display:block; width:1px; height:100%; background:#f5f5f5;}
.alimtalk_guide > div {position:relative;}
.alimtalk_guide > div:after {position:absolute; left:0px; bottom:-24px; content:''; display:block; width:100%; height:1px; background:#f5f5f5;}
.alimtalk_guide > div:last-child:after {display:none;}
.alimtalk_guide div.step01 div.title {height:45px; background:url(/design/img/sub/guide_kakao_step01-3e5507f60ffa9bfa4261fefc94b65d84.png) no-repeat 0 0;}
.alimtalk_guide div.step01 span.btn_choice {cursor:pointer; margin-top:18px; display:block; width:166px; height:34px; line-height:32px; background:#fee500; border-radius:5px; font-size:15px; font-weight:500; color:#191919; text-align:center;}
.alimtalk_guide div.step02 {margin-top:50px;}
.alimtalk_guide div.step02 div.title {height:48px; background:url(/design/img/sub/guide_kakao_step02-b1a346f060c5cf5075323be7126e01b0.png) no-repeat 0 0;}
.alimtalk_guide div.step02 div.name {width:337px; margin-top:20px;}
.alimtalk_guide div.step02 div.name ul {overflow:hidden;}
.alimtalk_guide div.step02 div.name ul li {width:166px; float:left; margin-right:3px; margin-top:1px; position:relative;}
.alimtalk_guide div.step02 div.name ul li:nth-child(1),
.alimtalk_guide div.step02 div.name ul li:nth-child(2) {margin-top:0px;}
.alimtalk_guide div.step02 div.name ul li:nth-child(2n) {margin-right:0px;}
.alimtalk_guide div.step02 div.name ul li input {width:100%; height:34px; line-height:34px; border:1px solid #ddd; border-radius:5px; text-align:center;}
.alimtalk_guide div.step03 {margin-top:50px;}
.alimtalk_guide div.step03 div.title {height:72px; background:url(/design/img/sub/guide_kakao_step03-eafa490ba1325ace679eda1e7bec8119.png) no-repeat 0 0;}
.alimtalk_guide div.step03 div.phone {margin-top:20px;}
.alimtalk_guide div.step03 input {background:#f5f5f5; height:40px; padding:0 16px; line-height:40px; border:1px solid #ddd; border-radius:5px 0 0 5px;}
.alimtalk_guide div.step03 button {background:#191919; width:90px; height:42px; line-height:40px; text-align:center; color:#fff; font-weight:500; font-size:14px; border-radius:0 5px 5px 0;}
.alimtalk_guide div.step03 input::-webkit-outer-spin-button,
.alimtalk_guide div.step03 input::-webkit-inner-spin-button {-webkit-appearance: none;}

/* ���� */
.sect_charge_type .w_narrow { width:970px;}
.sect_charge_type .sect_charge_type + div { margin-top:20px;}
.sect_charge_type .tit_txt .check_box_a { margin-left:30px;}
.sect_charge_type .direction_row .radio_box_b { margin-right:30px;}
.sect_charge_type .direction_row .radio_box_b:last-child { margin-right:0;}
.sect_charge_type .direction_row + .check_box_a { margin-top:15px;}
.desc + .box_module { margin-top:10px;}
.box_gray .select_box_a { border:1px solid #dce0e6; background: #fff;}
.box_gray .select_box_a:hover { border:1px solid #9ea7b4;}
.box_gray .select_box_a.on:hover { border-color:transparent;}
.sect_charge_type .box_lightblue { display: flex; text-align: center; padding:30px; flex-direction: column; justify-content: center; align-items: center;}
.sect_charge_type .box_lightblue .btn_box { margin-top:40px;}
.sect_charge_type .box_lightblue + .direction_row { margin-top:40px;}
.sect_charge_type .direction_row + .box_module { margin-top:10px;}
.sect_charge_type .btn_box { display: flex; align-items: center; justify-content: center;}
.box_lightblue p { color:#758398;}
.box_lightblue .stopmark + p { margin-top:10px;}
.sect_charge_type .layout_01.align_top { align-items: flex-start;}
.sect_charge_type .box_gray .layout_01 .tit { height: 45px;}
.sect_charge_type .desc + .btn_box { margin-top:30px;}
.sect_charge_type .box_module + .btn_box { margin-top:30px;}
.sect_charge_type .desc + .table_wrap_f { margin-top:30px;}
.sect_charge_type .box_module + .table_wrap_f { margin-top:30px;}
.sect_charge_type .table_wrap_f + .btn_box { margin-top:30px;}
.summary.align_center { margin:20px auto 0;}
.summary .b_td { font-size:24px; color:#000;}
.summary .b_th { padding-right:10px;}
.summary .b_th .tit{ color:#000; font-size:16px;}
.summary .unit{ font-size:.9em;}
.sect_charge_type  .summary .b_td + .b_th { padding-left:30px;;}
.sect_charge_type  .item_02 .btn_s_a { margin:0px 3px;}
.box_split { background: #f6f6f6;}
.box_split { color:#758398;}
.box_split .item_01 { box-sizing: border-box;}
.box_split .layout_01 > * + * { border-left:1px solid #e3e3e3; margin-left: 0 !important;}
.box_split .layout_01 > *  { padding:16px;}
.box_split .b_td p + div  { margin-top:20px;}
.box_split .desc { padding:16px;}
.box_split.divide2 .item_01 { width:calc(100% / 2);}
.box_split.divide3 .item_01 { width:calc(100% / 3);}
.sect_charge_type .direction_column .layout_01 + div { display: flex; width:367px;  margin-top:10px;}
.sect_charge_type .btn_box_add button { flex:1; height: 40px; align-items: center; justify-content: center; margin-right:2px; padding:0; }
.sect_charge_type .btn_box_add button:last-child { margin-right:0; width: 40px; flex:none;}
.sect_charge_type .btn_box { margin-top:30px;}
.sect_charge_type .btn_box > * + * { margin-left:10px;}

/* �������� */
.charge_table_01 .t_header { position: sticky; top:80px}
.sect_charge_list .charge_table_01 .t_cell { flex-wrap: wrap;}
.sect_charge_list .charge_table_01 .t_cell:nth-child(1) { width:90px; flex-shrink: 0; flex-direction: column;}
.sect_charge_list .charge_table_01 .t_cell:nth-child(2) { width:110px; flex-shrink: 0; justify-content:center;}
.sect_charge_list .charge_table_01 .t_cell:nth-child(3) { width:100px; flex-shrink: 0; justify-content:center;}
.sect_charge_list .charge_table_01 .t_cell:nth-child(4) { width:150px; justify-content:center;}
.sect_charge_list .charge_table_01 .t_cell:nth-child(5) { flex:1; justify-content:center;}
.sect_charge_list .charge_table_01 .t_header .t_cell:nth-child(5) { justify-content:center}
.sect_charge_list .charge_table_01 .t_cell:nth-child(6) { width:250px; justify-content: center;}
.sect_charge_list .charge_table_01 .t_header .t_cell:nth-child(6) { justify-content:center;}
.sect_charge_list .charge_table_01 .t_cell:nth-child(6) button + button { margin-left:7px;}

/* �������� ���� */
.charge_table_02 .t_header { position: sticky; top:80px}
.sect_charge_list .btn_wrap + .charge_table_02 { margin-top:10px;}
.sect_charge_list .charge_table_02 .t_cell { flex-wrap: wrap;}
.sect_charge_list .charge_table_02 .t_cell:nth-child(1) { width:90px; flex-shrink: 0; flex-direction: column;}
.sect_charge_list .charge_table_02 .t_cell:nth-child(2) { width:90px; flex-shrink: 0; flex-direction: column;}
.sect_charge_list .charge_table_02 .t_cell:nth-child(3) { width:200px; justify-content:center;}
.sect_charge_list .charge_table_02 .t_cell:nth-child(4) { flex:1; justify-content:center;}
.sect_charge_list .charge_table_02 .t_cell:nth-child(5) { flex:1; justify-content:center;}
.sect_charge_list .charge_table_02 .t_cell:nth-child(6) { flex:1; justify-content:center;}
.sect_charge_list .charge_table_02 .t_cell:nth-child(7) { width:100px; justify-content:center;}
.sect_charge_list .charge_table_02 .t_header .t_cell:nth-child(4) { justify-content:center}
.sect_charge_list .charge_table_02 .t_header .t_cell:nth-child(5) { justify-content:center}
.sect_charge_list .charge_table_02 .t_header .t_cell:nth-child(6) { justify-content:center}
.sect_charge_list .align_right { margin-left: auto !important;}
.sect_charge_list .table_wrap_c .using { color:#ff1e1e;}

/* ���� ��볻��? */
.sect_used_history .summary { display: flex; align-items: center;}
.sect_used_history .summary .main_box{ font-size: 18px; margin-right:10px;}
.sect_used_history .summary .sub_box{ display: flex; align-items: center;}
.sect_used_history .summary .btn_box button + button { margin-left:6px;}
.sect_used_history .summary .table_wrap_f .td_split  { background: #f9f9f9}

.sect_used_history .summary + .filter_area { margin-top:40px;}
.sect_used_history .summary .summay_using { display: inline-flex; font-size:14px; margin-left:10px; align-items: center;}
.sect_used_history .summary .summay_using div span:nth-child(1) { color:#787878;}
.sect_used_history .summary .summay_using div span:nth-child(2) { font-weight:700;}
.sect_used_history .summary .summay_using > div + div { margin-left:6px;}
.sect_used_history .summary .summay_using + .btn_box{ display: inline-flex; font-size:14px; margin-left:10px;}
.sect_used_history .summary .b_th { vertical-align: text-bottom;}

.sect_used_history .filter_area { display:flex;}
.sect_used_history .filter_area > * + * { margin-left: 6px;}
.sect_used_history .cell_split { display: flex; flex-direction: column;}
.sect_used_history .cell_split .cell_bottom { display: flex; padding-top:10px;}
.sect_used_history .cell_split .cell_bottom span { width: 80px; text-align: center}
.sect_charge_list .charge_table_02 .t_cell:nth-child(5) { flex:1; justify-content:center;}

.sect_used_history .c_tbody .c_tbody { border:none}
.sect_used_history .td_split { border-left: 1px solid #333;}

.sect_taxbill .filter_area { display: flex;}
.sect_taxbill .filter_area > * + * { margin-left: 6px;}
.sect_taxbill .box_lightblue { display: flex; text-align: center; padding:30px; flex-direction: column; justify-content: center; align-items: center;}
.sect_taxbill .box_lightblue .btn_box { margin-top:40px;}
.sect_taxbill .box_module + .btn_box { margin-top:30px; display: flex; align-items: center; justify-content: center;}
.sect_taxbill .box_split .layout_01 > * { padding:26px;}
.sect_taxbill .table_wrap_a th,
.sect_taxbill .table_wrap_a td { font-size:13px; padding:10px;}
.sect_taxbill .search_result { display: block; width:100%;}
.sect_taxbill .search_result td { border-collapse: collapse;}
.sect_taxbill .search_result tr { display: table; width:100%; box-sizing: border-box;}
.sect_taxbill .search_result thead {  display: table; width: 100%;}
.sect_taxbill .search_result tbody {  display: block; max-height: 400px; overflow-y: auto;}
.sect_taxbill .search_result tr > *:nth-child(1) { width:5%; position: relative;}
.sect_taxbill .search_result tr > *:nth-child(2) { width:13%}
.sect_taxbill .search_result tr > *:nth-child(3) { width:18%}
.sect_taxbill .search_result tr > *:nth-child(4) { width:14%}
.sect_taxbill .search_result tr > *:nth-child(6) { width:15%}
.sect_taxbill .search_result th:nth-child(6) { padding-right:30px;}
.sect_taxbill:has(.stopmark){ margin-top: 30px;}

.sect_taxbill .table_wrap_a .radio_box_b + .radio_box_b { margin-left:20px;}
.sect_taxbill .table_wrap_a .radio_box_b + .txt_blue { margin-left:30px;}
.sect_taxbill .table_wrap_a { border-top:1px solid #333;}
.sect_taxbill .table_wrap_a .info_txt { text-align: left; margin-top:10px;}
.sect_taxbill .btn_box { display: flex; align-items: center; justify-content: center;}
.sect_taxbill .noti_txt { margin-top:30px; display: flex; justify-content: center;}
.sect_taxbill .btn_box { margin-top:30px;}
.sect_taxbill .section_tit .sub_txt { margin-left:6px; letter-spacing: -.02em;}
.sect_taxbill .table_wrap_d .t_cell span + span { margin-left:6px; }
.sect_taxbill .bar_bul + .table_wrap_a { margin-top:20px;}
.sect_taxbill .table_wrap_d .t_cell:nth-child(1) { width:200px;}
.sect_taxbill .summary .b_td + .b_th { padding-left:30px;;}
.sect_taxbill .table_wrap_a .none_data { padding:30px 0;}
.sect_receipt .direction_row + .box_module { margin-top:30px;}
.sect_receipt:has(.sheet_option_box) .box_module { justify-content: space-between; padding:16px 0 !important;background:transparent;border-top: 1px solid #000; }
.sect_receipt .none_sides_line tr,
.sect_receipt .none_sides_line th,
.sect_receipt .none_sides_line tr td { border-right:0; border-left:0; border-bottom:1px solid #d1d1d1; }
.sect_receipt .table_wrap_a th,
.sect_receipt .table_wrap_a td { padding:10px 6px; font-size: 13px;}
.sect_receipt .btn_box { display: flex; align-items: center; justify-content: center;}
.sect_receipt .btn_box { margin-top:30px;}
.sect_receipt .filter_area { display: flex;}
.sect_receipt .filter_area + .print_wrap { margin-top:20px;}
.sect_receipt .filter_area > * + * { margin-left: 6px;}
.search_wrap.bg_white { justify-content: center; background: #fff}
.bg_white .date_box:hover { background: #fff;}
.sect_taxbill .table_wrap_a td span + span { margin-left:6px}
.sect_receipt .direction_row .radio_box_b { margin-right:30px; }
.sect_receipt .direction_row .radio_box_b:last-child { margin-right:0; }
.sheet_option_box { display:flex; flex-wrap: wrap;}
.sheet_value {width: calc(100% / 3 - 10px);position: relative;padding: 5px;}
.sheet_value strong { font-size:14px; position: absolute; left:16px; top:50%; transform:translateY(-50%);  z-index: 10;}
.sheet_value .unit { font-size:13px; position: absolute; right:16px; top:50%; transform:translateY(-50%); z-index: 10;}
.sheet_value .input_wrap_a input { padding:16px 30px 16px 50px; text-align: right; font-size: 14px;}
.receipt_wrap .info_box02 { position: relative;}
.receipt_wrap .info_box02 .daou_stamp { position: absolute; top:64px; right:70px; width:64px;}
.print_wrap .receipt_info_txt { display: flex; justify-content: space-between; margin:30px 0 10px;}


@media (max-width:767px) {
  .box_gray:has(.sheet_value) { padding:0; background: transparent;}
  .sheet_value { width:calc(50% - 10px); padding:0; margin:0 10px 10px 0;}
  .sheet_value:nth-child(2n) { margin-right: 0;}
  .sheet_value .input_wrap_a input { padding:30px 24px 10px 10px}
  .sheet_value .unit {bottom: 13px;top:auto;transform: none;right: 10px;}
  .sheet_value strong {top:10px;transform: none;left: 10px;font-size: 12px;}
  .print_wrap { overflow: auto;}
  .print_wrap .receipt_wrap { width:900px;}
}
.sect_pay_after .table_wrap_a th,
.sect_pay_after .table_wrap_a td { padding:10px; font-size: 14px; text-align: left;}
.sect_pay_after .table_wrap_a.align_center th,
.sect_pay_after .table_wrap_a.align_center td {text-align: center;}
.sect_pay_after .btn_box { display: flex; align-items: center; justify-content: center;}
.sect_pay_after .btn_box { margin-top:30px;}
.sect_pay_after .direction_row .radio_box_b + .radio_box_b { margin-left:30px;}
.sect_pay_after .direction_row + p { margin-top:10px;}
.sect_pay_after .p_align_01 { display: flex; align-items: center;}
.sect_pay_after .p_align_01 button { margin-left:20px;}
.sect_pay_after .p_align_01 + .file_wrap { margin-top:20px;}
.sect_pay_after .bar_bul + .input_wrap_a { margin-top:10px;}
.sect_pay_after .item_02 + .select_box_a { margin-left:30px;}
.sect_pay_after td .desc { margin-top:0;}
.sect_pay_after .none_data {background: #f3f3f3; width: 100%; padding:60px 0; display: flex;align-items: center;justify-content: center;font-size: 15px;color: #a9a9a9;}
.sect_pay_after .table_wrap_a th .pop_ly_bubble {vertical-align: 1px;}

.section_contents .alert_txt_box + .info_box_gray { margin-top:30px;}
.section_contents .alert_txt_box + .table_wrap_a  { margin-top:30px;}
.sect_pay_after .info_box_gray + .box_module { margin-top:40px;}
.sect_pay_after .alert_txt_box + .box_module { margin-top:40px;}
[class*="sect_"] .call_info_box {  padding:30px; border-radius: 5px;; display: flex; justify-content: center; align-items: flex-start; background-color: #eff3f7;;}
[class*="sect_"] .call_info_box > div span { font-size:14px; font-weight: 600;}
[class*="sect_"] .call_info_box > div strong { font-size:30px; font-weight: 900 ; margin-top:5px; line-height: 1;}
[class*="sect_"] .call_info_box > ul { margin-left: 40px; font-size:13px}
[class*="sect_"] .call_info_box > ul li + li { margin-top:5px; font-size:13px}
.section_contents .section_body .alert_txt_box .txt_short { font-size:36px; line-height: 1.3;}
.section_contents .section_body .alert_txt_box .tooltip { vertical-align: 10px;}
.section_contents .alert_txt_box p { margin-top:16px;}
.section_contents .alert_txt_box p + p {font-size:.9em;color:#94a3b8;max-width: 510px;margin: 15px auto;}
.sect_pay_after .direction_row {  align-items: center;}
.sect_pay_after .direction_row > * + * { margin-left:20px;}
.sect_pay_after .direction_row .layout_01 + .item_02 { margin-left:5px;}
.sect_pay_after .box_align_01 { margin-top:20px; }
.sect_pay_after .box_align_01 .table_wrap_a { margin-top:5px; }
.sect_pay_after .box_align_01 .table_wrap_a th,
.sect_pay_after .box_align_01 .table_wrap_a td { text-align: center}
.sect_pay_after .box_align_01 .table_wrap_a + .desc{ margin-top:10px;}
.sect_pay_after .p_align_02 span { display:inline-block; font-weight:600; margin-right:10px;}
.sect_pay_after .p_align_02 + p { margin-top:20px;}
.sect_pay_after .direction_row + .input_wrap_a { margin-top:20px;}
.sect_pay_after p + .desc { margin-top:5px;}
.sect_pay_after .desc + .file_wrap { margin-top:20px;}
.sect_pay_after .filter_area { display: flex; align-items: center; justify-content: center;}
.sect_pay_after .filter_area + .table_wrap_a { margin-top:10px;}
.sect_pay_after .table_wrap_a + .alert_txt_box { margin-top:30px;}
.sect_pay_after .filter_area + .table_wrap_a .btn_a {  padding: 0 7px;  font-size: 13px;  color: #2a2a2a;  border-color: #2a2a2a;  height: 27px; }



/* �ѽ� ������ */
.sect_fax_storage .storage_summary { display: flex; align-items: flex-start;}
.sect_fax_storage .month_info { display: flex; justify-content: space-between; padding:20px; border:1px solid #d6dae1; border-radius: 15px;}
.sect_fax_storage .month_info .table_wrap_b { margin-top:auto;}
.sect_fax_storage .month_info .table_wrap_b > div  { padding:5px 0px; justify-content: space-between; align-items: center;}
.sect_fax_storage .month_info .table_wrap_b .cell_tit  { width:100px;}
.sect_fax_storage .month_info .table_wrap_b .cell_conts  { width: auto;flex: none;}
.sect_fax_storage .month_info .table_wrap_b.show_line > div:first-child { border-top:2px solid #333;}
.sect_fax_storage .circle_line { width:200px; height:200px; border-radius: 50%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; border:15px solid #0055ff;}
.sect_fax_storage .circle_line .main_info_box { display: flex; flex-direction: column; align-items: center;}
.sect_fax_storage .circle_line .main_info_box > span { font-size:14px;}
.sect_fax_storage .circle_line .main_info_box > div {margin-top:20px;display: flex;flex-direction: column;align-items: center;}
.sect_fax_storage .circle_line .main_info_box > div strong{ font-size:30px; font-weight:900; color:#000;}
.sect_fax_storage .circle_line .main_info_box > div .unit { font-size:.9em; font-weight:900;}
.sect_fax_storage .graph_box { padding:10px; margin-right:20px;}
.sect_fax_storage .graph_box + div { display: flex; flex:1; flex-direction: column;}
.sect_fax_storage .user_summary { padding:20px; margin-left:24px; border-radius: 15px; box-shadow:0 0 20px rgba(0, 0, 0, .1);}
.sect_fax_storage .user_summary .srv_name { font-size:24px; font-weight:600; color:#000}
.sect_fax_storage .user_summary .srv_name strong{ font-weight:inherit;}
.sect_fax_storage .user_summary .srv_name + .table_wrap_b { margin-top:45px;}
.sect_fax_storage .srv_table { margin-top:50px; padding:16px; background-color: #f6f8fa; border-radius: 5px;}
.sect_fax_storage .srv_table .srv_tr { display: flex; align-items: center; justify-content: space-between; padding:5px 0}
.sect_fax_storage .srv_table .srv_tr .tit { color:#969696; font-size:14px;}
.sect_fax_storage .srv_table .srv_tr .con { color:#334155; font-size:16px; font-weight:700;}
.sect_fax_storage .unpaid_box { display: none; margin-top:20px; }
.sect_fax_storage .unpaid .unpaid_box { display: block;}
.sect_fax_storage .unpaid_box .message_txt { color:#ff1e1e; }
.sect_fax_storage .unpaid_box button { margin-top:10px; }
.sect_fax_storage .unpaid  .srv_table { background-color: #ffeded;}
.sect_fax_storage .unpaid  .srv_table .fee_txt { color:#ff1e1e;}
.storage_summary + .direction_row { margin-top:40px; align-items: flex-end;}
.non_status + .direction_row { margin-top:60px; align-items: flex-end;}
.direction_row button + button { margin-left:6px;}
.direction_row [class*="btn"] + [class*="btn"] { margin-left:6px;}
.direction_row * + a {margin-left:6px;}
.direction_row .align_right { margin-left:auto; display: flex; align-items: center;}
.direction_row.center { justify-content: center;}
.sect_fax_storage .direction_row .align_right > * + *  { margin-left:6px;}
.sect_fax_storage .direction_row .select_option { margin:0;}
.sect_fax_storage .storage_summary + .direction_row .select_option { margin:0; left:auto; right:0;}
.storage_list { margin-top:10px;}
.storage_list .t_body .t_row { padding:5px 10px;}
.storage_list + .direction_row { margin-top:10px; align-items: flex-start;}
.storage_list .state_box { display:inline-block; width:auto; border-radius: 3px;  font-size:12px; line-height: 1; padding:5px !important; color:#fff}
.storage_list .t_cell { flex-shrink: 0; justify-content: center;}
.storage_list .t_cell label span { margin:0;}
.storage_list .t_cell:nth-child(1){ width:30px;}
.storage_list .t_cell:nth-child(2){ width:60px;}
.storage_list .t_cell:nth-child(3){ width:165px;}
.storage_list .t_body .t_cell:nth-child(3) { font-size:13px;}
.storage_list .t_cell:nth-child(4){ flex:1; justify-content: flex-start;}
.storage_list .t_cell:nth-child(5){ width:88px;}
.storage_list .t_cell:nth-child(6){ width:70px;}
.storage_list .t_cell:nth-child(7){ width:150px;}
.storage_list .t_cell:nth-child(8){ width:130px;}
.storage_list .t_cell:nth-child(9){ width:45px;}
.storage_list .t_cell:nth-child(10){ width:45px;}
.storage_list .cell_title > div { display: flex; align-items: center;}
.storage_list .cell_title.editing > .tit_saved { display:none;}
.storage_list .cell_title:not(.editing) > .tit_editing { display:none;}
.storage_list .t_cell button { padding:0 .45em; height:30px; font-size:13px;}
.storage_list .stt_warn .state_box{ background-color: #ff0000;}
.storage_list .stt_notread .state_box{ background-color: #0055ff;}
.storage_list .stt_readed .state_box{ background-color: #c3c3c3;}
.storage_list .stt_warn button { cursor:default;}
.storage_list .stt_warn { background-color: #f3f3f3}
.storage_list .stt_warn:hover { background-color: #f3f3f3 !important}
.storage_list .stt_warn *:not(.state_box) { opacity: .7;}
.storage_list .stt_notread .title_box{ font-weight:600; color:#000;}
.storage_list .t_cell > span:not(.state_box) { color:#767676;}
.storage_list .stt_notread .t_cell > span:not(.state_box) { color:#000;}
.storage_list * + button { margin-left:10px; flex-shrink: 0;}
.storage_list .t_cell .input_wrap_a input { padding:0 3px; height:30px; border:1px solid #a0a1a3;}
.storage_list.my_box .t_cell:nth-child(1){ width:30px;}
.storage_list.my_box .t_cell:nth-child(2){ width:165px;}
.storage_list.my_box .t_body .t_cell:nth-child(2) { font-size:13px;}
.storage_list.my_box .t_cell:nth-child(3){ flex:1; justify-content: flex-start;}
.storage_list.my_box .t_cell:nth-child(4){ flex:none; width:88px; justify-content: center}
.storage_list.my_box .t_cell:nth-child(5){ width:70px;}
.storage_list.my_box .t_cell:nth-child(6){ width:80px;}
.storage_list.my_box .t_cell:nth-child(7){ width:45px;}
.storage_list.my_box .t_cell:nth-child(8){ width:45px;}
.sect_fax_storage .btn_box { display: flex; margin-top:30px; align-items: center; justify-content: center;}
.sect_fax_cover .btn_box { display: flex; margin-top:30px; align-items: center; justify-content: center;}
.sect_fax_cover .file_wrap label { margin-bottom:10px}
.sect_fax_storage .btn_box button + button { margin-left:6px;}
.none_sides_line.table_wrap_a th,
.none_sides_line.table_wrap_a td { padding:10px; font-size: 14px;}
.non_status .section_tit { padding-left:0;}
.sect_fax_storage .prodt_wrap { display: flex; flex-direction: column; margin:10px 0;}
.sect_fax_storage .box_w7:has(.prodt_wrap .prodt_item) { width: 100%;} 
.sect_fax_storage .prodt_wrap .prodt_item { display: flex; align-items: center; border:1px solid #e4e4e4; padding:20px; border-radius: 4px;}
.sect_fax_storage .prodt_wrap .prodt_item + .prodt_item { margin-top:10px;}
.sect_fax_storage .prodt_wrap .prodt_item:hover { box-shadow: 0 0 20px rgba(0, 0, 0, .08);}
.sect_fax_storage .prodt_wrap .tit {display: flex; align-items:center; flex-direction: column; text-align: center;}
.sect_fax_storage .prodt_wrap .tit_badge {font-size: 12px;padding: 7px 14px;color: #5f7084;border-radius: 12px;line-height: 1;margin-bottom: 4px;background: #e9f1fa;}
.sect_fax_storage .prodt_wrap .tit strong {font-size: 25px;font-weight: 800;color: #000;}
.sect_fax_storage .prodt_wrap .prodt_info { margin-left:40px;}
.sect_fax_storage .prodt_wrap .prodt_info li { display: flex; align-items: center; font-size:14px; padding:3px 0;}
.sect_fax_storage .prodt_wrap .prodt_info li::before {content:"";display: block;width: 3px;height: 3px;background-color: #000;border-radius: 2px;margin: 4px 8px 0 0;}
.sect_fax_storage .prodt_price {display:flex;flex-direction: column; font-size:20px;font-weight:600;margin-left:auto;margin-right:20px;align-items: flex-end;}
.sect_fax_storage .prodt_price .unit { font-size:26px; font-weight:600;}
.sect_fax_storage .prodt_price .price_num {font-size:1.4em;font-weight:600;display: flex;align-items: baseline;}
.sect_fax_storage .prodt_price .price_num em + span { margin-left: 10px; font-size:36px; font-weight:800; letter-spacing: -.2px;}
.sect_fax_storage .prodt_price .sub_txt { line-height:1; font-size:13px; font-weight:500; color:#8b8b8b}


/* ���Ż�ǰ ��û */
.sect_fax_resist .step_check_num { display: flex; flex-direction: column; background-color: #f5f5f5; padding:30px;}
.sect_fax_resist .num_choice {display: flex;}
.sect_fax_resist .num_choice .check_num {width:calc(100% / 3 - 30px);border-radius:15px;border:1px solid #dce0e6;background-color: #fff;padding:20px;flex-shrink: 0;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;}
.sect_fax_resist .num_choice .check_num .conts { margin-top:20px;}
.sect_fax_resist .num_choice .check_num p { font-size:13px; color:#818994;}
.sect_fax_resist .btn_box  { display: flex; margin-top:30px; align-items: center; justify-content: center;}
.sect_fax_resist .num_choice .plus_icon {flex:1;text-align: center;font-size: 30px;color: #ccc;line-height: 1;display: flex;justify-content: center;align-items: center;}
.sect_fax_resist .mssg_box {margin-top:50px; display: flex; justify-content: center;}
.sect_fax_resist .mssg_box p { font-size:20px; font-weight:600;}
.sect_fax_resist .mssg_box strong { color:#f1244f ; display: inline-block; text-decoration: underline;}
.sect_fax_resist .selected_num_box {display:flex;padding:30px; border-radius: 15px;margin:30px 0;align-items: center;justify-content: center;}
.sect_fax_resist .selected_num_box .tit { font-size:15px; color:#334155; margin-right:30px;}
.sect_fax_resist .selected_num_box strong { font-size:26px; font-weight:600; color:#0055ff}
.sect_fax_resist .available_box {display:flex;padding:30px;background-color: #f5f5f5;border-radius: 15px;margin:30px 0;align-items: stretch;}
.sect_fax_resist .available_box .tit {margin-right: 40px;padding: 0 40px 0 20px;flex-shrink: 0;border-right: 1px solid #ddd;display: flex;align-items: center;justify-content: center;}
.sect_fax_resist .available_box .conts {display: flex;flex-wrap: wrap;/* margin-top: -10px; */}
.sect_fax_resist .available_box .conts .radio_box_a { margin:5px;}
.sect_fax_resist .available_box .conts .radio_box_a label {background-color:transparent;padding: 0px 38px;color: #334155;font-size: 20px;font-weight:600;height: 44px;border-radius: 24px;box-sizing: border-box;}
.sect_fax_resist .available_box .conts .radio_box_a label:hover { background-color: #e7e7e7;}
.sect_fax_resist .available_box .radio_box_a input:checked + label { color:#0055ff; background-color: #fff !important;}
.prodt_item_summary { display: flex; align-items: flex-start; justify-content: space-between; padding:20px; margin-top:30px; border-radius: 15px;; background-color: #f5f5f5;}
.prodt_item_summary > div { padding:20px; background-color: #fff; border-radius: 5px;;}
.prodt_item_summary > div:nth-child(1) { flex:1; margin-right:20px; border:1px solid #dce0e6;}
.prodt_item_summary > div:nth-child(2) { width:55%;  border:1px solid #ff1e1e; box-shadow: 0 0 50px rgba(0, 0, 0, .08);}
.prodt_item_summary .table_wrap_b.show_line > div:first-child { border-top:none;}
.prodt_item_summary .table_wrap_b.show_line > div:last-child { border-bottom:none;}
.prodt_item_summary .table_wrap_b .cell_tit { width:auto;}
.prodt_item_summary .table_wrap_b .cell_conts { text-align: right;}
.prodt_item_summary .table_wrap_b > div { padding:10px 0; align-items: center;}
.prodt_item_summary .table_wrap_b .cell_conts strong + span { margin-left:6px;}
.prodt_item_summary .table_wrap_b .will_payment {display: flex;justify-content: flex-end;flex-direction: column;align-items: flex-end;}
.prodt_item_summary .table_wrap_b .will_payment button { margin-top:10px;}
.prodt_item_summary .table_wrap_b .will_payment strong { font-size:20px;}
.prodt_item_summary .table_wrap_b .will_payment strong .unit,
.prodt_item_summary .table_wrap_b .will_payment div > span { font-size:.8em; font-weight:600;}

/* ���Ż�ǰ ���� */
.quit_summary { padding:20px; margin-top:36px; border-radius: 4px;}
.quit_summary .box_body { border:1px solid #dce0e6; padding:20px; background-color: #fff;}
.quit_summary .table_wrap_b.show_line > div { align-items: flex-start;}
.quit_summary .table_wrap_b.show_line > div:first-child { border-top:none;}
.quit_summary .table_wrap_b.show_line > div:last-child { border-bottom:none;}
.quit_summary .table_wrap_b .cell_tit { width:200px;}
.quit_summary .table_wrap_b .cell_conts { font-size:16px; color:#333;}
.quit_summary .sub_txt { font-size:.8em; margin-left:6px;}

/* �ѽ� ǥ�� */
.sect_fax_cover .desc + .table_wrap_a { margin-top:20px;}
.sect_fax_cover label + .direction_row { margin-top:10px;}
.sect_fax_cover .user_file { margin-top:0;}

/* �ѽ��߼� */
.section_body > .category_c { padding-top:0;}
.sect_fax_send [class*="recipient_add_box"] { margin-top:20px;}
.sect_fax_send [class*="recipient_add_box"] .box_module + .box_module { margin: 0 0 0 20px}
.type_direct { display: flex;;}
.sect_fax_send .box_module { flex:1;}
.sect_fax_send .btn_box  { display: flex; margin-top:30px; align-items: center; justify-content: center;}
.sect_fax_send .btn_box [class*="btn"] + [class*="btn"]  {margin-left:6px;}
.sect_fax_send .recipient_add_box .excel_enter { height:300px; margin-top:10px;}
.sect_fax_send .recipient_add_box .excel_enter + .direction_row { margin-top:10px;}
.sect_fax_send .recipient_add_box .file_wrap { margin-top:20px;}
.sect_fax_send .file_wrap .desc + label { margin-top:10px;}
.fax_list_wrap { display: flex; justify-content: space-between;}
.fax_list_wrap .list_table { border:1px solid #e4e4e4;}
.fax_list_wrap .list_table .list_header { background-color: #f5f5f5;}
.fax_list_wrap .list_row { display:flex; background-color: #fff; align-items: center; padding: 7px 15px;  border-bottom:1px solid  #e4e4e4;}
.fax_list_wrap .list_row .list_name { margin-right:10px;}
.fax_list_wrap .list_row .list_del { margin-left:auto; flex-shrink: 0;}
.fax_list_wrap .list_row .check_box_a { flex-shrink: 0;}
.fax_list_wrap .list_body { overflow-y: auto; background-color: #f9f9f9;}
.fax_list_wrap .list_table .list_row:first-child { border-top:none;}
.fax_list_wrap .list_table .list_row > p { padding:40px 0; text-align: center; width:100%; color:#b3b3b3;}
.fax_info_box .box_module p { font-size:12px; margin-bottom:20px; margin-top:5px;}
.rcpnt_list_option { margin-top:5px;}
.rcpnt_list_option .option_1 { display: flex; align-items: center; }
.sect_fax_send .list_total { font-size:24px; font-weight:600; margin-left:auto; }
.sect_fax_send .list_total strong { font-size:26px; color:#0055ff; }
.sect_fax_send .list_total .unit { font-weight:600; font-size:.8em }
.fax_list_wrap .option_2 { margin-top:10px; }

.sect_fax_send .desc + .select_wrap { margin-top:10px;}
.sect_fax_send .desc + .input_wrap_a { margin-top:10px;}
.sect_fax_send .file_attatch_wrap {background-color: #fff;padding:20px;}
.sect_fax_send .sortable { max-height:200px; overflow: auto;}
.sect_fax_send .file_attatch_wrap .file_drop_area {border:1px dashed #ccc; background-color: #fafafa; padding: 20px;border-radius: 10px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.sect_fax_send .file_attatch_wrap .ico_folder { display: block; width:60px; height:60px; background: url(/design/img/common/icon/file-d525dbc143fa7aad0e548dc3a1706969.png); background-repeat: no-repeat; transform: scale(.8);}
.sect_fax_send .file_attatch_wrap .ico_folder + p {margin-top:10px;}
.sect_fax_send .file_attatch_wrap .ico_folder + p {margin-top:10px;}
.fax_list_wrap.file_list .list_body .list_row:first-child { border-top:1px solid  #e4e4e4;}

.sect_fax_send .radio_box_b + .radio_box_b { margin-left:30px;}
.sect_fax_send .check_box_a + .check_box_a { margin-left:30px;}
.sect_fax_send .radio_box_b + [class*="btn"] { margin-left:30px;}
.sect_fax_send td .input_wrap_a + .check_box_a { margin-left:30px;}
.sect_fax_send .direction_row + .use_fax_cover { margin-top:20px;}
.sect_fax_send .use_fax_cover .textbox { height:100px; padding:10px;}

.fax_list_wrap.file_list { margin-top:15px;}
.file_list .list_table { flex:1;}
.fax_list_wrap.file_list .list_drag {width:50px; flex-shrink: 0;}
.fax_list_wrap.file_list .list_row .list_name { width:700px;}
.fax_list_wrap.file_list .list_row .list_page { width:70px; text-align: center; flex-shrink: 0;}
.fax_list_wrap.file_list .list_row .list_del { width:70px; text-align: center; flex-shrink: 0;  margin-left:0px;}
.fax_list_wrap .list_table .list_header { padding-right:30px;}

.fax_list_wrap.file_list .list_body .list_row { position:relative; cursor: pointer; cursor: grab;}
.fax_list_wrap.file_list .list_body .list_row:hover {z-index: 10;box-shadow: 0 1px 10px rgba(0, 0, 0, .1); }
.fax_list_wrap.file_list .list_body .list_row:active {cursor:grabbing;}
.fax_list_wrap.file_list .list_body .list_row:hover .drag_icon em { opacity: 1;}
.fax_list_wrap .list_table .drag_icon { display: inline-block; padding:5px; line-height:1;}

.file_list + .direction_row { margin-top:10px;}
.file_list + .direction_row desc { margin:0;}
.file_list + .direction_row > div { margin-left:auto; display: flex; align-items: center;}
.file_list + .direction_row > div button { margin-left:10px;}
.fax_ad .direction_row > div { margin-left:auto; display: flex;}
.fax_ad .direction_row .desc { margin-top:0;}
.fax_ad .direction_row + .box_module { margin-top:10px;}
.fax_ad .direction_row + .box_module .box_head { font-size:15px; align-items: flex-end;}
.fax_ad .direction_row + .box_module .box_head span { font-size:13px; margin-left:10px; color:#6d7a8d;}

.srch_go + .btn_txt { margin-left:6px;}

.sect_used_history [class*="used_bg0"] { letter-spacing: -.05em; font-weight:600 !important; border-left: 1px solid #ededed !important;}
.used_history_pc .none_data { padding:30px 0}
.used_history_pc thead { position:sticky; top:80px; box-shadow: 0 3px 4px rgba(119, 119, 119, 0.1);}

.used_history_pc th.used_bg01 { background: #dcf2f3; color:#009caa;}
.used_history_pc td:nth-child(4),
.used_history_pc td:nth-child(5),
.used_history_pc td:nth-child(6) { background: #edfeff; color:#009caa; text-align: right;}
.used_history_pc th.used_bg02 { background: #f8e7e7; color:#f70000;}
.used_history_pc td:nth-child(7),
.used_history_pc td:nth-child(8),
.used_history_pc td:nth-child(9) { background: #fff6f6; color:#f70000; text-align: right}
.used_history_pc th.used_bg03 { background: #e1e9f8; color:#0055ff;}
.used_history_pc td:nth-child(10),
.used_history_pc td:nth-child(11),
.used_history_pc td:nth-child(12) { background: #f1f6ff; color:#0055ff; text-align: right}
.used_history_m th.used_bg01 { background: #dcf2f3 !important; color:#009caa;}
.used_history_m th.used_bg02 { background: #f8e7e7 !important; color:#f70000;}
.used_history_m th.used_bg03 { background: #e1e9f8 !important; color:#0055ff;}
.used_history_m td.used_bg01 { background: #edfeff; color:#009caa;}
.used_history_m td.used_bg02 { background: #fff6f6; color:#f70000;}
.used_history_m td.used_bg03 { background: #f1f6ff; color:#0055ff;}
.sect_used_history .used_history_pc { margin-top:10px;}
.sect_used_history .used_history_pc thead th { border-top:1px solid #333;}
.sect_used_history .used_history_pc th,
.sect_used_history .used_history_pc td { font-size:13px; padding:5px;}
.sect_used_history .used_history_pc tr,
.sect_used_history .used_history_pc th,
.sect_used_history .used_history_pc tr td { border-color:#d1d1d1; }
.sect_used_history .used_history_pc tbody tr:hover { position: relative; z-index: 10; box-shadow: 0 0 20px rgba(0,0,0,.15)}
.sect_used_history .used_history_pc thead tr:hover { box-shadow:none}
.sect_used_history .used_history_pc:has(.none_data) tr:hover { box-shadow:none}
.sect_used_history .used_history_pc .info_txt { text-align: left; margin-top:10px;}
.sect_used_history .used_history_m { display: none;}
.used_history_m .box_contents { border-bottom:10px solid #f1f1f1;margin-left: -10px;width: calc(100% + 20px);padding:20px 10px;box-sizing: border-box;}
.used_history_m .box_contents:last-child { border-bottom:none;}
.used_history_m .box_contents .none_data { background-color: #f9f9f9; padding:50px 0; text-align: center;}
.used_history_m .date_box { font-size:13px; font-weight:400;}
.used_history_m .tit_box { font-size:16px; font-weight:600;}
.used_history_m .table_wrap_a { margin-top:16px; border-top:2px solid #333;}
.used_history_m .table_wrap_a tr th { background: #fff; font-weight:400; }
.used_history_m .table_wrap_a tr,
.used_history_m .table_wrap_a tr th,
.used_history_m .table_wrap_a tr td { padding:3px 5px;border-left: none;border-right: none;border-top:none;border-bottom:1px solid #dfdfdf;}
.used_history_m .table_wrap_a tr td { font-weight: 600;}
.used_history_m .table_wrap_a tr td:nth-child(2) { width:100px}
.used_history_m .table_wrap_a tr td:nth-child(3) { width:100px}
.used_history_m .table_wrap_a tr td:nth-child(4) { width:100px}
.used_history_m td[class*="used_bg"] { text-align: right;}


/* ������ �ŷ������� */
.receipt_wrap { border:1px solid #ccc; padding:20px; color:#000;}
.print_wrap .none_data { text-align: center; padding:100px 0;}
.receipt_wrap .title_box { display: flex; justify-content: center; align-items: baseline; margin-top:40px;}
.receipt_wrap .title_box strong { font-size:36px; font-weight:700; letter-spacing: .2em;}
.receipt_wrap .title_box span { margin-left:10px;}
.receipt_wrap .receipt_info { display: flex; margin-top:120px; align-items: flex-end;}
.receipt_info .info_box01 { display: flex; width:40%; padding-right:20px;flex-direction: column;align-items: flex-end;}
.receipt_info .info_box01 .name_box { font-size:18px; }
.receipt_info .info_box01 .name_box span + span{ font-size:.8em;}
.receipt_info .info_box01 .sum_box { margin-top:20px;display: flex; flex-wrap: wrap; padding: 10px 20px; color:#000; border: 3px solid #000;width: 100%;box-sizing: border-box;justify-content: space-between;font-size: 26px;}
.receipt_info .info_box01 .sum_box dt { font-weight:700;}
.receipt_info .info_box01 .sum_box dd { letter-spacing: -.03em}
.receipt_info .info_box01 .sum_box .sub_txt { font-size: 15px; margin-left:6px;}
.receipt_info .info_box02 { display: flex; flex:1;}
.receipt_date { margin:30px 0 10px;}
.receipt_noti { font-size:14px; margin:10px 0 30px; text-align: right; color:#898989;}
.receipt_wrap .table_wrap_a + .table_wrap_a { margin-top:50px;}
.receipt_wrap .today_date { display: flex; justify-content: center; padding:30px 0;}
.receipt_wrap .today_date .tit { margin-right:10px;}
.details_info { margin:30px 0 10px; display: flex; flex-direction: column; align-items: flex-end;}
.details_info > * + * { margin-top:10px;}
.total_box td { font-weight:700; font-size:1.2em !important; background: #dfdfdf !important}
.info_ceo { display: flex; align-items: center; justify-content: center; margin:50px 0;}
.info_ceo .daou_logo { height:18px; margin-right:20px;}
.info_ceo strong { font-size: 17px; display: flex; align-items: center;}
.info_ceo .daou_stamp { margin-left:-10px; width:64px;}

/* �����̷� */
.terms{ width : 100%; word-break: keep-all;}
.sect_terms .section_body tr td {padding:14px 8px;}
.sect_terms .section_body tr td.align_l {text-align:left;}
.sect_terms .section_body tr td .btn_box{ display: flex; margin-top: 30px; align-items: center; justify-content: center;}
@media (max-width:767px) {
  .sect_terms .section_body tr td:nth-child(3){ padding:10px 10px;}
  .sect_terms .section_body tr td:nth-child(1){ padding:5px;}
  .sect_terms .section_body tr td .btn_s_a span{ font-size: 12px;}
  .sect_terms .section_body tr td .btn_s_a{ margin:5px;}
  .terms .contents_contain { padding-bottom:0px !important;}
}
/****** ���? ******/
/* �̿��� �� ��å */
.sect_terms .section_body .clause_ind .cls_contents01{ width:50%; float:left; box-sizing: border-box;}
.sect_terms .section_body .clause_ind .cls_contents02{ width:50%; float:left; box-sizing: border-box; padding-left:30px;}
.sect_terms .section_body .clause_ind .cls_contents03{ width:50%; float:left; box-sizing: border-box; padding-left:10px;}
.sect_terms .section_tit{ font-size:14px; color:#758398;}
.sect_terms .tit_txt{ margin-bottom: 10px; justify-content: flex-start;}
.sect_terms .tit_txt .version{ font-size: 23px; margin-left: 10px; color:#758398;}
.sect_terms .icon_date{ width:20px; height:20px; background-size: 128px !important;}
.sect_terms .section_tit div em{ background-size: 170px; margin-right: 2px;}
.sect_terms .clause_ind{ padding : 40px; border:1px solid #e4e4e4; overflow: auto; position: relative;}
.sect_terms div .clause_ind ul li a{ font-size:13px; color:#758398; margin-left: 2px;}
.sect_terms div .clause_ind ul li a:hover{ color:#334155;}
.sect_terms div .clause_ind h4.h_first{ margin-top: 25px;}
.sect_terms div .clause_ind ul{ margin-top: 5px;}
.sect_terms .terms_box .tit a{ display: inline; padding-top: 80px;}
.sect_terms .terms_box{ padding:80px 0px 30px 0px; margin:-30px 60px 10px 40px; border:none; border-radius:0; background:#fff; max-height: none;}
.sect_terms .btn_box{ display: flex; margin-top: 30px; align-items: center; justify-content: center;}
.sect_terms .top_move {display: flex;align-items: center;justify-content: center;transform: rotate(-90deg);position: fixed;bottom: 36px; right: 120px; width: 40px;height: 40px;background: rgba(255,255,255,.7);border-radius: 50%;z-index: 100;box-shadow: 0 0 12px 0px rgb(171 171 171);}
.sect_terms .top_move:hover{ scale: 1.1;}
.sect_terms .section_tit:nth-child(2){ margin-top: 20px;}
.sect_terms .start_day{ display: flex; align-items: flex-end; flex-direction: column;}
.sect_terms .start_day .btn_s_a{ margin: 0 0 12px 0;}
/* ��������ó����ħ */
.terms_old .service{ font-size: 15px; font-weight: 400; color:#334155;}
.terms_old strong{ font-size: 16px; font-weight: 500; color:#000;}
.terms_old .clause_ind a h4{ color:#334155; margin-top: 15px;}
.terms_old .clause_ind a h4:hover{ color:#000;}
.terms_old .clause_ind a:first-child h4{ margin-top: 0px;}
.terms_old .terms_personal {font-size: 15px; font-weight: 400; color:#334155;}
.terms_old p{ font-weight: 500}
.terms_old .count_lii li{ text-indent: -10px; font-weight: 400; line-height: 1.6; padding-left: 19px;}
.terms_old li{ line-height: 1.6;}
.terms_old .count_liii li{ text-indent: -72px; padding-left: 81px; font-weight: 400; line-height: 1.6;}
.section_body .terms_box .pt{ margin-top: 15px;}
.section_body .terms_box .pm{ margin-top: 15px; margin-bottom: 10px;}
.section_body .terms_box .pb{ margin-bottom: 10px;}
.section_body .terms_box .fw{ font-weight: 400; padding-left:19px;}
.section_body .terms_box .fw_{ font-weight: 400;}
.section_body .terms_box .p_num{ margin-top: 15px; margin-bottom: 10px; text-indent:-19px; padding-left:19px;}
.terms_old h4 a { display: inline; padding-top:80px; font-size: 15px; font-weight: 600; color:#334155;}
.terms_old .cls_str{ padding:20px; border:1px solid #dddddd;}
.terms_old .table_wrap_a{ margin-top: 10px; margin-bottom: 10px;}
.terms_old .term_conts tr td{ text-align:left; padding:5px 10px;}
.terms_old .term_conts{ margin-top: 10px; margin-bottom: 10px;}
.terms_old .text_l tr td{ text-align: left; padding:5px 10px;}
@media (max-width:767px) {
  .sect_terms .section_tit{ flex-wrap: wrap;}
  .sect_terms .start_day{ margin-top: 25px; margin-left: auto;}
  .sect_terms .clause_ind{ padding : 20px;}
  .sect_terms .section_body .clause_ind .cls_contents02{ padding-left: 10px;}
  .sect_terms .section_body .clause_ind .cls_contents01{ padding-right: 10px;}
  .sect_terms .terms_box{ padding:40px 5px 0 5px; margin:0;}
  .sect_terms .top_move{ bottom:86px; right: 16px; left:initial;}
  .sect_terms .section_tit:nth-child(2){ margin-top: 0px;}
  .terms_old .cls_str{ padding:15px;}
}

/* ���������� */
.sect_mypage_signin .login_box { padding:30px;}
.sect_mypage_signin .login_box .id_box { margin-top:0 }
.sect_mypage_signin .login_wrap { margin:30px auto; width: 400px; border-radius: 10px; box-shadow: none; border:1px solid #e5e5e5}
[class*="sect_mypage"] .btn_box  { display: flex; margin-top:30px; align-items: center; justify-content: center;}
.sect_mypage_signin .btn_box > button { width: 100%;;}
.sect_mypage_signin .btn_naver { height: 60px;}
.sect_mypage_userinfo .table_wrap_d .cell_th { width:160px; flex-shrink: 0; align-items: center;}
.sect_mypage_userinfo .table_wrap_d .badge_naver { margin-left: 10px;}
.sect_mypage_userinfo .btn_box  { display: flex; margin-top:30px; align-items: center; justify-content: center;}
.sect_mypage_userinfo .p_align_01  { margin-top:10px;}
.sect_mypage_userinfo .direction_column > * + .input_wrap_a { margin-top:7px;}

.sect_mypage_userinfo .info_txt { margin-top:5px; font-size:13px; color:#758398}
.sect_mypage_userinfo .check_box_a { margin-right:30px;}
.sect_mypage_userinfo .check_box_a:last-child { margin-right:0;}
.sect_mypage_userinfo div + .table_wrap_d { margin-top:10px;}
.sect_mypage_userinfo .radio_box_b { margin-right:30px;}
.sect_mypage_userinfo .radio_box_b:last-child { margin-right:0px;}
.sect_mypage_userinfo .desc.box_w4 { margin-top:0; margin-bottom:10px}
.sect_mypage_userinfo .table_wrap_d + .desc { margin:50px 0 10px }
.sect_mypage_userinfo .noti_txt { margin-top:30px; display: flex; justify-content: center;}
.table_infoset_card_m span + div { margin-top:10px;}
.sect_mypage_signin .input_tit + p { margin-top:5px; font-size:16px; color:#000; font-weight:800;}
.sect_mypage_userinfo.button_wrap { padding-top:0 !important; border-top:0;}

[class*="sect_manage"] .table_wrap_a .radio_box_b  { justify-content: center;}
[class*="sect_manage"] .btn_e:hover .edit { opacity: 1;}
.sect_manage_send_num .direction_row + [class*="table_wrap"] { margin-top:10px;}
.sect_manage_send_num .box_module { display: flex; align-items: center; padding:30px 16px; justify-content: center;}
.sect_manage_send_num .box_module > strong { font-size:20px; text-align: center; word-break: keep-all;}
.sect_manage_send_num .box_module strong + .desc { margin-top:20px; font-size: 15px; line-height: 1.8; width:100%;}
.sect_manage_send_num .box_module strong + .desc li{ text-align: center; justify-content: center;}
.sect_manage_send_num .btn_box { display: flex;}
.sect_manage_send_num .desc + .btn_box {margin-top:30px;}
.sect_manage_send_num .btn_box button + button { margin-left:10px;}
.sect_manage_send_num .btn_moresee{ margin-top: 20px; display: none;}
[class*="table_manage"] .t_cell { flex-shrink: 0; justify-content: center;}
[class*="table_manage"] .t_cell button + button { margin-left:6px;}
[class*="table_manage"] .t_cell:nth-child(1) { width:5%; }
[class*="table_manage"] .t_cell:nth-child(2) { width:25%;}
[class*="table_manage"] .t_cell:nth-child(3) { width:40%;}
[class*="table_manage"] .t_cell:nth-child(3) .layout_01  { width:100%}
[class*="table_manage"] .t_cell:nth-child(4) { width:10%; text-align: center; font-size:13px}
[class*="table_manage"] .t_cell:nth-child(5) { width:20%;}
[class*="table_manage"] .btn_e {background-color: transparent;}
[class*="table_manage"] .radio_box_b label span { margin:0;}

.t_cell_box {display: flex; justify-content: space-between; align-items: center;}
.t_cell_box .item_01 {display: flex;}
.t_cell_box .item_02 {margin-left: 10px; flex-grow: 2;}
.t_cell_box .item_02 > button {height: 32px;}

/* rcs */
.sect_manage_send_num .info_send{ padding: 10px 0 0 0px;}
.sect_manage_send_num .info_send ul li{ font-size: 13px; margin-bottom: 4px; color:#686868; text-indent: -13px; padding-left: 15px;}
.sect_manage_send_num .info_send ul li::before{ display: inline-block; content: ""; width:3px; height: 3px; background: #334155; vertical-align: middle; line-height: 1em; margin-right: 7px;}
.direction_row.rcs .select_box_a{ border:1px solid #c7cacf; background: #fff; width:200px; margin:0 10px;}
.direction_row.rcs .select_box_a:hover{ border:1px solid #9ea7b4;}
.direction_row.rcs .rcs_select{ display: flex;}
.table_manage_card_m.rcs_table .t_cell:nth-child(1) { width:10%;}
.table_manage_card_m.rcs_table .t_cell:nth-child(2) { width:15%;}
.table_manage_card_m.rcs_table .t_cell:nth-child(3) { width:20%;}
.table_manage_card_m.rcs_table .t_cell:nth-child(4) { width:30%;}
.table_manage_card_m.rcs_table .t_cell:nth-child(4) .layout_01  { width:100%}
.table_manage_card_m.rcs_table .t_cell:nth-child(5) { width:10%; text-align: center; font-size:13px}
.table_manage_card_m.rcs_table .t_cell:nth-child(6) { width:10%;}
.table_manage_card_m.rcs_table .m_show{ display: none;}
.table_manage_card_m.rcs_table .t_body .t_row .t_cell .meno{ display: flex;}
.table_manage_card_m.rcs_table .list_arrow{ display: none;}
.table_manage_card_m.rcs_table .t_body + .t_body{ margin-top: -1px;}
@media (max-width:767px) {
  .sect_manage_send_num .btn_moresee{ display: block;}
  .sect_manage_send_num .info_send{ padding:0 0 10px 0;}
  /* rcs */
  .direction_row.rcs .rcs_select{ width:100%;}
  .direction_row.rcs .select_box_a{ width:initial; flex-grow:1;}
  .table_manage_card_m.rcs_table .t_cell:nth-child(1)::before{ display: none;}
  .table_manage_card_m.rcs_table .t_cell:nth-child(3){ margin:0; order:-1;}
  .table_manage_card_m.rcs_table .t_cell:nth-child(4){ order:6;}
  .table_manage_card_m.rcs_table .t_cell:nth-child(5){ flex-direction: row-reverse; position: absolute; right:0; top:16px; width:initial !important; padding:0 !important; margin:0;}
  .table_manage_card_m.rcs_table .t_cell:nth-child(5) .panel_title{ display: none;}
  .table_manage_card_m.rcs_table .t_cell:nth-child(5) .panel_list{ width:initial !important;}
  .table_manage_card_m.rcs_table .t_cell:nth-child(6){ position: absolute; right:0; top:47px; width:initial !important; padding:0 !important; margin:0;}
  .table_manage_card_m.rcs_table .m_show{ display: block;}
  .table_manage_card_m.rcs_table .t_body{ border-top: 1px solid #ccc;}
  .table_manage_card_m.rcs_table .t_body .t_row{ flex-direction: column; position: relative; padding:10px 0 10px 36px;}
  .table_manage_card_m.rcs_table .t_body .t_row .t_cell{ width:100%; justify-content: flex-start !important; padding: 6px 0;}
  .table_manage_card_m.rcs_table .t_body .t_row .t_cell.panel{ display: none;}
  .table_manage_card_m.rcs_table .t_body .t_row .t_cell .layout_01{display: block;}
  .table_manage_card_m.rcs_table .t_body .t_row .t_cell .panel_title{ font-size: 14px !important; font-weight: 600 !important;}
  .table_manage_card_m.rcs_table .t_body .t_row .t_cell .panel_list{ display: flex; width:90px; padding:0 !important;}
  .table_manage_card_m.rcs_table .t_body .t_row .t_cell .panel_list .tip_icon{ margin: 0 0 4px 3px;}
  .table_manage_card_m.rcs_table .t_body .t_row .t_cell .panel_list .pop_ly_bubble{ margin:3px 4px 0;}
  .table_manage_card_m.rcs_table .t_body .t_row .t_cell .panel_list + span{ font-size: 13px; font-weight: 500;}
  .table_manage_card_m.rcs_table .t_body .t_row .t_cell .meno{ margin-top: 8px;}
  .table_manage_card_m.rcs_table .list_arrow{ display: block; position: absolute; left:10px; top:18px; width: 8px; height: 8px; border-left: 2px solid #111; border-bottom: 2px solid #111; transform: rotate(-45deg);}
  /* .table_manage_card_m.rcs_table .list_arrow::before{ content: ""; display: inline-block; width: 8px; height:8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); position: absolute; left: 8px; top: 7px;} */
  .table_manage_card_m.rcs_table .t_body.on .t_cell.panel{ display: flex;}
  .table_manage_card_m.rcs_table .t_body.on .list_arrow{ transform: rotate(135deg); top:23px}
}
@media (max-width:546px){
  .sect_manage_send_num .info_send ul li{ margin-bottom: 7px; line-height: 1.4; font-size: 12px; padding-left: 12px; text-indent: -10px;}
  .direction_row.rcs .layout_01{ flex-wrap: wrap;}
  .direction_row.rcs .input_wrap_a{ margin-bottom: 10px;}
  .direction_row.rcs .select_box_a{ margin:0 10px 0 0;}
}
@media (max-width:1220px) {
#ly_daumPostCode { right:0;}
}
.sect_security .align_box { display: flex;}
.sect_security .box_module {padding:20px;border-radius: 5px;display: flex;flex-direction: column; box-shadow: none; border:1px solid #e5e5e5;}
.sect_security .align_box .tit_box { display: flex; justify-content: space-between;}
.sect_security .align_box .box_module + .box_module { margin-top:0; margin-left:23px;}
.sect_security .align_box .tit_box .toggle_box { padding:0;}
.sect_security .align_box .tit_box .tit_txt { font-size:16px;}
.sect_security .align_box .tit_box .tit_txt + div { display: flex; align-items: center;}
.sect_security .align_box .tit_box .tit_txt + div .tooltip { margin-left:6px;}
.sect_security .align_box .conts { margin-top:auto;}
.sect_security .align_box .change_date { display: flex; font-size:13px; margin-top:auto; }
.sect_security .align_box .change_date dt { color:#758398 }
.sect_security .align_box .change_date dd { margin-left:10px; color:#000 }
.sect_security .align_box .change_date dd span + span { margin-left:7px; }
.sect_security .align_box .ip_num { display: block; font-size:26px ; color:#000; font-family: pretendard;margin-top:20px;}
.sect_security [class*="register_box_"] { margin-top:30px;}
.sect_security [class*="register_box_"] .tit_txt { font-size:20px; font-weight:600;}
.sect_security [class*="register_box_"] .tit_txt .sub_tit{ font-size:14px; color:#758398; margin-top:10px;}
.sect_security [class*="register_box_"] .tit_txt.direction_row { align-items: flex-end;}
.sect_security [class*="register_box_"] [class*="table_"] { margin-top:15px;}
.sect_security [class*="register_box_"] [class*="table_permit_"] .t_cell { width:25%; justify-content: center;}
.sect_security [class*="register_box_"] .table_login_history .t_cell { width:calc(100% / 3); justify-content: center;}
.wrap_ip_num .box_module .item_02 { width:70px;}
.section_contents.sect_withdrawal:first-child{ margin-top: 40px;}
.sect_withdrawal .align_box { display: flex; align-items: flex-start; justify-content: center;}
.sect_withdrawal .align_box .box_module { padding:20px;border-radius: 5px;display: flex;flex-direction: column; }
.sect_withdrawal .align_box .tit_box { display: flex; justify-content: space-between;}
.sect_withdrawal .align_box .box_module + .box_module { margin-top:0; margin-left:23px;}
.sect_withdrawal .alert_txt_box + .align_box { margin-top:50px;}
.logo_ppurio + .security_noti { margin-top:30px;}
.align_center .logo_ppurio { margin:20px auto; display: block; transform: scale(.6);}
.sec_scrt_certified .box_module { width:400px; margin:40px auto;}
.sec_scrt_certified .desc { margin-bottom:20px;}
.sec_scrt_certified .btn_box { display: flex; justify-content: center;}
.sec_scrt_certified .btn_box > * + * { margin-left:10px}
.sec_scrt_certified .btn_box + p { width:400px; font-size:13px; color:#6d7a8d; margin:10px auto 30px;}
.sec_scrt_certified .direction_row + p { font-size:14px; margin-top:10px;}
.sect_withdrawal .alert_txt_box p { font-size:20px}

.sect_withdrawal .btn_box button + button { margin-left:10px;}
.sect_withdrawal .btn_box  { display: flex; margin-top:30px; align-items: center; justify-content: center;}
.box_user_have_wrap { background-color: #f6f6f6; padding:30px 0; width:100%;}
.alert_txt_box + .box_user_have_wrap { margin-top:30px;}
.sect_withdrawal .have_inner {display: flex;justify-content: center;flex-wrap: wrap;}
.sect_withdrawal .have_item {width: calc(100% / 3 - 40px);flex-direction: column;padding:20px;background-color: #fff;display: flex;border:1px solid #d6dae1;border-radius: 4px;box-shadow: 0 1px 3px rgba(0,0,0,.3);flex-shrink: 0;box-sizing: border-box;margin: 5px;}
.sect_withdrawal .have_tit { font-size:14px; color:#333; margin-top:7px;}
.sect_withdrawal .have_conts { margin-top:10px; text-align: right;}
.sect_withdrawal .have_conts span { font-size:.9em;}
.sect_withdrawal .have_conts strong {font-size: 18px;color:#0055ff;text-decoration: underline;font-family: pretendard;}
.sect_withdrawal .agree_total label { padding:20px; border:2px solid #333; width:100%; border-radius: 5px; color:#333; font-size:16px;}
.sect_withdrawal .agree_total .check_box_a label span { border-color:#333; }
.sect_withdrawal .agree_total .check_box_a input:checked + label { border-color:#0055ff !important ; background-color: #f0f5ff;}

.box_user_have_wrap [class*="have_icon"] { display: flex; align-items: center; justify-content: center; width:50px; height:50px; border-radius: 15px; background-color: #fff;}
.box_user_have_wrap [class*="have_icon"] span { flex-shrink: 0; width:50px; height:50px; background: url(/design/img/common/icon/benefit-caa5ec0ac06dc45f3a7caffeda4e2ff9.png) no-repeat; background-size: 280px;}
.box_user_have_wrap .have_icon_01 span { background-position: -3px -3px !important;}
.box_user_have_wrap .have_icon_02 span { background-position: -59px -3px !important;}
.box_user_have_wrap .have_icon_03 span { background-position: -115px -3px !important;}
.box_user_have_wrap .have_icon_04 span { background-position: -171px -3px !important;}
.box_user_have_wrap .have_icon_05 span { background-position: -59px -59px !important;}
.box_user_have_wrap .have_icon_06 span { background-position: -115px -59px !important;}
.accrdn_wrap { margin-top:10px; border:1px solid #ccc; border-radius: 5px;; overflow: hidden;}
.accrdn_wrap li .toggle_open { display:flex; align-items: center; justify-content: center;  margin-left:auto; width:50px;background-color: #fff; height:100%;}
.accrdn_wrap li .toggle_open:before { content: ""; display: block; width:8px; height:8px; border-right:2px solid #333; border-bottom:2px solid #333; transform: rotate(45deg); }
.accrdn_wrap li .toggle_open:hover { background-color: #f9f9f9;; }
.accrdn_wrap .check_box_a { flex:1;}
.accrdn_wrap .agree_head { display: flex; align-items: center; border-top:1px solid #d9d9d9}
.accrdn_wrap li:first-child .agree_head {  border-top:none}
.accrdn_wrap .agree_desc { display:none; padding: 20px;font-size:14px;color:#8a8a8a;background: #f8f8f8; }
.accrdn_wrap .agree_desc .desc { margin-top:0;}
.accrdn_wrap .agree_desc button { margin-top:10px;}
.accrdn_wrap .agree_desc a { text-decoration: underline;}
.accrdn_wrap .on + .agree_desc { display:block;}
.accrdn_wrap .agree_desc p +p { margin-top:5px;}
.accrdn_wrap .check_box_a label {padding: 15px 20px;width:100%;color:#333; align-items: flex-start;}
.accrdn_wrap .check_box_a label b { margin-left:3px; flex-shrink: 0; font-size: .9em;}
.accrdn_wrap .radio_box_b { flex:1;}
.accrdn_wrap .radio_box_b label {padding: 15px 20px;width:100%; color:#333; align-items: flex-start;}
.sect_withdrawal .section_tit .tit_txt { align-items: flex-start;}
.sect_withdrawal .sect_tit { display: block; font-size:20px; margin-top:20px;}
.sect_withdrawal .accrdn_wrap + .sect_tit {  margin-top:60px;}
.sect_withdrawal .sect_tit + .box_module { margin-top:10px;}
.sect_withdrawal .reason_list {margin-top:50px;max-width: 600px;margin: 0 auto;}
.sect_withdrawal .reason_list li {display: flex;flex-direction: column;}
.sect_withdrawal .reason_list li p + p{ margin-top:4px; font-size: .9em;;}
.sect_withdrawal .reason_list li + li { margin-top:10px }
.sect_withdrawal .reason_list li > div {display: flex;padding:20px;border-radius: 10px;justify-content: space-between;}
.sect_withdrawal .reason_list div + button { margin-left: 40px; flex-shrink: 0;}
@media (max-width:767px) {
  .sect_withdrawal .reason_list li > div{ flex-direction: column;}
  .sect_withdrawal .reason_list div + button{ margin-left:0; margin-top: 10px;}
  .sect_withdrawal .accrdn_wrap + .sect_tit{ margin-top: 40px;}
}

/* ���� // �Ѹ����� */
.box_user_grade { display: inline-flex; background: #fff; border-radius: 10px; box-shadow: none;}
.box_user_grade .icon_grade { display: flex; justify-content: center; align-items: center; width:90px; height:90px; margin-right:20px; border-radius: 50%;}
.box_user_grade .icon_mvp { background-color:#FF3737 }
.box_user_grade .icon_vvip { background-color:#548DEA}
.box_user_grade .icon_vip {  background-color:#5DCD27}
.box_user_grade .icon_gold { background-color:#F5C400}
.box_user_grade .icon_silver { background-color:#B3B9BB}
.box_user_grade .icon_bronze { background-color:#E1AB6E }
.box_user_grade .icon_new { background-color:#576165 }
.box_user_grade .icon_grade:before { color:#fff; font-size:22px; font-family: pretendard;font-weight:700}
.box_user_grade .icon_mvp:before { content: "Mvp";}
.box_user_grade .icon_vvip:before { content: "VVip";}
.box_user_grade .icon_vip:before { content: "Vip";}
.box_user_grade .icon_gold:before { content: "Gold";}
.box_user_grade .icon_silver:before { content: "Silver";}
.box_user_grade .icon_bronze:before { content: "Bronze";}
.box_user_grade .icon_new:before { content: "NEW";}
.box_user_grade .grande_info { flex:1; width:100%;}
.box_user_grade lottie-player + .grande_info { margin-left:20px;}

.box_user_grade .grande_info > p { font-size:26px; color:#000; font-weight:600;}
.box_user_grade .ppuri_info { display: inline-block; box-sizing: border-box; margin-top:15px; border-radius: 4px;}
.box_user_grade .ppuri_info > div { display: flex; font-size:14px;}
.box_user_grade .ppuri_info .tit { margin-right:10px;}
.box_user_grade .ppuri_info .txt_light_gray { margin-left:5px;}
.box_user_grade .ppuri_info a { margin-top:10px;}
.box_user_grade + .box_gray { margin-top:20px;}
.sect_benefit_history p + .table_wrap_c { margin-top:10px;}
.sect_benefit_history .table_ppuri .t_cell:nth-child(1) { width:190px; justify-content:center}
.sect_benefit_history .table_ppuri .t_cell:nth-child(2) { flex:1; justify-content:flex-start; margin-left:20px;}
.sect_benefit_history .table_ppuri .t_cell:nth-child(3) { width:100px; justify-content: center;}
.sect_benefit_history .table_ppuri .t_cell:nth-child(4) { width:100px; justify-content: center;}
.sect_benefit_history .table_ppuri .t_cell:nth-child(5) { width:100px; justify-content: center;}
.sect_benefit_history .table_ppuri .t_cell:nth-child(3) span { color:#0055ff !important}
.sect_benefit_history .table_ppuri .t_cell:nth-child(4) span { color:#f1244f !important}

.btn_wraper { position:relative;}
.ly_this_info { display: none; position:absolute;padding:10px;border: 1px solid #cfcfcf;border-radius: 4px;width: 240px;background: #fff;box-shadow: 0px 2px 10px -2px rgb(0 0 0 / 20%);}
.ly_this_info .info_dl { display: flex; justify-content: space-between; font-size:13px;}
.ly_this_info .dt { font-weight:400; flex-shrink: 0; width: 80px;;}
.ly_this_info .dd { font-weight:800; text-align: right;}
.ly_this_info .info_text { font-size:13px; word-break: keep-all; line-height: 1.3; padding-top:10px; border-top:1px solid #ccc; margin-top:10px; color:#8a8a8a; }
.btn_wraper .btn_s_a.on + .ly_this_info { display: block;}

@media (max-width:767px) {
  .btn_wraper { margin-left:auto;}
  .ly_this_info { right:0;}
}



/* ���� // �Ѹ���ǰ ��ȯ�ϱ� */
.item_exchange_box { display: flex; margin-top:40px;}
.item_exchange_box .item_exchange { display: flex; flex-direction: column; flex:1; border-radius: 15px; padding:20px;  box-shadow: 0 1px 6px rgba(0,0,0,.2); background-color: #fff; transition: all 0.25s cubic-bezier(.22, .61,.36, 1);}
.item_exchange_box .item_exchange:hover { transform: translateY(-5px); box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, .2);}
.item_exchange_box .item_exchange + .item_exchange{ margin-left: 10px;}
.item_exchange_box .exchange_icon span { transform-origin:top left; display: block; width:64px; height:64px; background: url(/design/img/common/icon/benefit-caa5ec0ac06dc45f3a7caffeda4e2ff9.png) no-repeat; background-size: 370px;}
.item_exchange_box .exchange_tit { margin-top:20px; font-size:22px; color:#000}
.item_exchange_box .exchange_info { font-size:14px; margin-top:16px; margin-bottom:15px;}
.item_exchange_box button { margin-top:auto;}
.item_exchange_box .ico_seed { background-position:-227px -5px !important }
.item_exchange_box .ico_m_coupon { background-position:-227px -79px !important}
.item_exchange_box .ico_m_voucher { background-position:-301px -79px !important;}
.item_exchange_box .ico_delivery { background-position:-5px -79px !important;}



/* ����  */
.section_contents:has(.exchange_seed) .tit_txt { justify-content: flex-start;}
.exchange_seed { position: relative; }
.exchange_seed.buy_type_wrap .graphic_seed { margin:0;}
.exchange_seed.buy_type_wrap .graphic_seed img { max-width:70%; max-height:70%;}
.exchange_seed.buy_type_wrap .main_copy { font-size:14px;}
.exchange_seed.buy_type_wrap .main_copy span { font-size:18px;}
.exchange_seed.buy_type_wrap .seed_item label { box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.08), 0px 0px 1px 0px rgba(0, 0, 0, 0.28);}
.exchange_seed.buy_type_wrap .seed_item input:checked + label { z-index: 500; box-shadow: 0px 2px 10px -4px rgb(0 0 0 / 40%), 0px 0px 1px 0px rgba(0, 0, 0, 0.28);}
.exchange_seed.buy_type_wrap .btn_exchg {font-size: 13px;text-align: center;padding: 6px 0;background:#0055ff; color:#fff;border-radius: 4px; margin-top:auto; margin:auto 10px 10px;}
.seedSwiper .exchg_item:hover .btn_exchg { background: #1963f7 !important} 
.seedSwiper { overflow:hidden ;}
.seedSwiper .exchg_item { display: flex; flex-direction: column;  cursor: pointer;}
.seedSwiper .swiper-slide { padding-right:10px; box-sizing: border-box;}
.seedSwiper .swiper-slide .exchg_item { border-radius: 4px; border:1px solid #dadada; background: #fff; box-sizing: border-box;}
.seedSwiper .swiper-slide .exchg_item:hover { border-color:#969696; }
.seedSwiper .swiper-slide .exchg_item:has(button:disabled):hover { border-color:#dadada;;}
.seedSwiper .swiper-slide .exchg_item:has(button:disabled):hover .btn_exchg { background:#dfdfdf !important} 

.seedSwiper .exchg_item:hover img { animation: pulse .5s ease-in-out;}
.seedSwiper .exchg_item:has(button:disabled):hover img { animation: none;}
.seedSwiper .exchg_item:has(button:disabled) .seed_copy * { color:#9b9b9b}
.exchange_seed.buy_type_wrap .swiper-pagination { bottom:-26px !important; left:50%; transform: translateX(-50%);}
.exchange_seed.buy_type_wrap .swiper-pagination-bullet { margin:0 2px;}
.seedSwiper .exchg_item:has(button:disabled) { background: #f9f9f9;}
.seedSwiper .exchg_item:has(button:disabled) img { filter:grayscale(1); opacity: .7;}
.buy_type_wrap .seedSwiper .sub_copy { color:#5c5c5c;}
@keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } }
@-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } }

.tit_txt:has( > .btn_history_exchg) { align-items: center; justify-content: flex-start;} 
.tit_txt.jsf_left { align-items: center; justify-content: flex-start;} 
.btn_history_exchg { margin-left:10px;}
.exchg_item_wrap { display: flex; flex-wrap: wrap; align-items: stretch;}
.exchg_item_wrap .exchg_item { display: flex; flex-direction: column; align-items: flex-start; box-sizing: border-box;padding: 0px 16px 20px;width:calc(100% / 6 - 10px * 5 / 6);margin-right:10px;margin-bottom:20px; box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.08); border:1px solid #e9e9e9; border-radius: 4px;}
.exchg_item_wrap .exchg_item .copy_box { margin-bottom:10px;}
.exchg_item_wrap .exchg_item:nth-child(6n) { margin-right:0}
.exchg_item_wrap .exchg_item .item_img { width:100%; min-height:150px; max-height:150px; display: flex; align-items: center; justify-content: center; margin:15px auto;}
.exchg_item_wrap .exchg_item .item_img img { max-width:100%; max-height: 100%;}
.exchg_item_wrap .exchg_item .copy_box > * {display: block;/* text-align: center; */}
.exchg_item_wrap .exchg_item .copy_box .main_copy {font-size:15px;font-weight: 500;margin-top: 9px;color:#000;line-height: 1.3;text-align: left;}
.exchg_item_wrap .exchg_item .copy_box .sub_copy {font-size:13px;color:#2855ff;margin-top: 6px;}
.exchg_item_wrap .exchg_item .btn_exchg { background:#4b87ff; color:#fff; border-radius: 3px; height:36px; width:100%; margin-top:auto;}
.exchg_item_wrap .exchg_item .btn_exchg:hover { background: #1963f7 !important} 
.exchg_item_wrap .exchg_item .btn_exchg:disabled{ color:#9e9e9e !important;} 
.exchg_item_wrap .exchg_item .btn_exchg:disabled:hover{ background:#dfdfdf !important; color:#9e9e9e !important;} 
.exchg_item_wrap .badge_txt {background: #fff5ea; padding: 4px 7px;font-size: 11px;line-height: 1;display: inline-block !important;border: 1px solid #ff8c0c;color: #ff8c0c}
.exchg_item_wrap .badge_txt.deliv {border: 1px solid #f74d8c;color: #f74d8c;background: #ffeff5;}
.exchg_item_wrap .exchg_item.soldout { filter:grayscale(1); }
.exchg_item_wrap .exchg_item.soldout .btn_exchg { color:#9e9e9e !important; background: #dfdfdf !important; border-color:#dfdfdf !important ; cursor: not-allowed;}
.exc_box { width:480px; box-sizing: border-box; display: inline-flex; align-items: center;  padding:20px; box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.08); border:1px solid #e9e9e9; border-radius: 4px;}
.exc_box .icon_exc { width:60px; margin-right:20px;}
.exc_box .copy_box { font-size:15px; color:#000;}
.exc_box .btn_exchg { margin-left:auto; background:#4b87ff; color:#fff; border-radius: 3px; height:36px; padding:0 30px;}
.exc_box .btn_exchg:hover { background: #1963f7 !important;}


@media (max-width:767px) {
  .exchg_item_wrap .exchg_item { width:calc(50% - 5px); }
  .exchg_item_wrap .exchg_item:nth-child(2n) { margin-right:0;}
}


.bnf_exchange .swiper-button-next.swiper-button-disabled, 
.bnf_exchange .swiper-button-prev.swiper-button-disabled { display: none;}
.bnf_exchange .nevi_wrap .swiper-button-next,
.bnf_exchange .nevi_wrap .swiper-button-prev { opacity: 1;}
.bnf_exchange .category_b .cate_item { padding:0 10px 0 0;}
.exchange_seed .seed_item label { position:relative; height: 100%; display: flex;background-color: #fff; border-radius: 10px; padding:10px;box-sizing: border-box;flex-direction: column;}
.exchange_seed .graphic_seed { display: flex; height:100px; align-items: center; justify-content: center; margin:10px 0;}
.exchange_seed .graphic_seed img {max-width: 90%;max-height: 90%;width: auto;height: auto;}
.exchange_seed .seed_copy { display: flex; flex-direction: column; align-items: center; margin-bottom: 10px;}
.exchange_seed .main_copy { font-size:16px; font-weight:600; color:#000}
.exchange_seed .main_copy span { font-size:20px; font-family: pretendard, sans-serif; letter-spacing: -.03em;}
.exchange_seed .sub_copy { display: block; font-size:14px;  color:#A2A2A2}

.bnf_exchange .sect_brand_cate { position:relative;}
.bnf_exchange .category_b { margin-top:20px;}

@media (max-width:767px) {
  .bnf_exchange .nevi_wrap,
  .exchange_seed .nevi_wrap { display: none;}
  .section_contents:has(.exchange_seed) { padding-bottom:50px !important; overflow: hidden;}
  .bnf_exchange .category_b,
  .seedSwiper { overflow: visible;}
}

/* ���� // �Ѹ��� ���� ���? */
.sect_user_grade .grade_wrap { display: flex; align-items: stretch;}
.sect_user_grade .box_module { margin-top:30px;}

.item_grade { display: flex; flex:1; flex-direction: column; border:1px solid #e8e8e8; border-radius: 8px; overflow: hidden;}
.item_grade + .item_grade { margin-left:5px;}
.item_grade > div { padding:15px 10px;}
.item_grade .grade_benefit { flex:1; background-color: #F8F9FA; border-top:1px solid #e8e8e8;}
.item_grade .txt_qualify {margin-top:20px;font-size: 13px;font-weight:400;text-align: center;background: #f1f1f1;padding: 9px;border-radius: 6px;}
.item_grade .txt_qualify span { color:#bcbcbc;}
.item_grade .txt_qualify p { color:#000; margin-top:7px;}
.item_grade .grade_name {font-size:20px;font-weight: 900;font-family: pretendard;}
.item_grade .ico_mvp { background-position: -5px -461px !important;}
.item_grade .ico_vvip { background-position: -49px -461px !important;}
.item_grade .ico_vip { background-position: -94px -461px !important;}
.item_grade .ico_gold { background-position: -5px -506px !important;}
.item_grade .ico_silver { background-position: -49px -506px !important;}
.item_grade .ico_bronze { background-position: -94px -506px !important;}
.item_grade:nth-child(1) .grade_name { color:#ff3737}
.item_grade:nth-child(2) .grade_name {color: #8753ee;}
.item_grade:nth-child(3) .grade_name { color:#02c7dd}
.item_grade:nth-child(4) .grade_name { color:#ff9700}
.item_grade:nth-child(5) .grade_name { color:#7db1d9}
.item_grade:nth-child(6) .grade_name { color:#E1AB6E}
.item_grade.on .benefit_tit { color:#fff;}
.item_grade .m_box_benefit_tit { display: none;}
.item_grade .grade_benefit .item_wrap { display: flex; flex-direction: column; height:100%;}
.item_grade:not(.on) { filter:grayscale(1) opacity(.8);}
.item_grade:not(.on) .grade_benefit .item_wrap a { cursor: default;}
.item_grade:nth-child(1).on .grade_benefit { background-color: #ff3737;}
.item_grade:nth-child(2).on .grade_benefit { background-color: #8753ee;}
.item_grade:nth-child(3).on .grade_benefit {background-color: #02c7dd;}
.item_grade:nth-child(4).on .grade_benefit {background-color: #ff9700;}
.item_grade:nth-child(5).on .grade_benefit {background-color: #7db1d9;}
.item_grade:nth-child(6).on .grade_benefit {background-color: #E1AB6E;}
.item_grade:nth-child(1).on:has(.grade_benefit) { border-color: #ff3737;}
.item_grade:nth-child(2).on:has(.grade_benefit) {  border-color: #8753ee;}
.item_grade:nth-child(3).on:has(.grade_benefit) { border-color: #02c7dd;}
.item_grade:nth-child(4).on:has(.grade_benefit) { border-color: #ff9700;}
.item_grade:nth-child(5).on:has(.grade_benefit) { border-color: #7db1d9;}
.item_grade:nth-child(6).on:has(.grade_benefit) { border-color: #E1AB6E;}
[class*="name_mvp"] { color:#ff3737; }
[class*="name_vvip"] { color:#548DEA;}
[class*="name_vip"] { color:#5DCD27;}
[class*="name_gold"] { color:#F5C400;}
[class*="name_silver"] { color:#B3B9BB;}
[class*="name_bronze"] { color:#E1AB6E;}
.item_grade .item_benefit:first-child { margin-bottom:auto;}
.item_grade .item_benefit + .item_benefit { margin-top:10px;}
.item_grade .benefit_tit { color:#777; font-size:17px; font-weight:400}
.item_grade [class*="benefit_conts"] { display: block; margin-top:5px; border-radius: 10px; box-shadow: 0 1px 6px rgba(0,0,0,.2); padding:10px; background-color: #fff;}
.item_grade .benefit_conts_01 .box_img { display: flex; align-items: center; justify-content: center;}
.item_grade .benefit_conts_01 .box_img img { max-width: 100%; max-height:100%; width: auto; height:auto}
.item_grade [class*="benefit_conts"] button { margin-top:10px; font-weight:400; font-size:14px;}
.item_grade [class*="benefit_conts"] button:disabled { padding:0; letter-spacing: -.5px; cursor: not-allowed; background-color: #a9a9a9; border:none;}
.item_grade .benefit_conts_01 .conts_txt { display: block; font-weight:700; margin-top:10px; font-size:13px; color:#333; text-align: center;}
.item_grade .benefit_conts_01 .conts_txt + .conts_txt { margin-top:0; word-break: keep-all;}
.item_grade .benefit_conts_02 .conts_txt { font-family: pretendard;font-size:26px; font-weight:700; display: flex; align-items: baseline;}
.item_grade .benefit_conts_02 .conts_txt .unit {  font-size:15px;}
.item_grade .benefit_conts_02 .inner { display: flex;justify-content: space-between;align-items: flex-start;}
.item_grade .box_icon { display: flex; flex-direction: column; align-items: center;}
.item_grade .box_icon [class*="icon"] { display:block; width:44px; height:44px; background: url(/design/img/common/icon/benefit-caa5ec0ac06dc45f3a7caffeda4e2ff9.png);background-repeat: no-repeat;background-size: 247px; }
.item_grade .icon_ppuri { background-position: -101px -2px !important;}
.item_grade .icon_rullet_03 {background-position: -2px -101px !important;}
.item_grade .icon_rullet_02 {background-position: -53px -101px !important;}
.item_grade .icon_rullet_01 {background-position: -101px -101px !important;}
.item_grade .box_icon .benefit_txt { display: block; margin-top:4px; font-weight:600; font-size:14px;}
.item_grade .icon_rullet_01 + .benefit_txt { color:#E54359;}
.item_grade .icon_rullet_02 + .benefit_txt { color:#436CED;}
.item_grade .icon_rullet_03 + .benefit_txt { color:#349334;}
.item_grade .grade_type { display: flex; flex-direction: column; box-sizing: border-box;}
.item_grade .grade_type > div:nth-child(1) {display: flex;flex-direction: column;align-items: center;margin-top: 12px;}
.item_grade .grade_type lottie-player { width:100px !important; height:100px !important;}
.item_grade .icon_ppuri + .benefit_txt { color:#B2705B;}

.table_benefit_history .t_cell:nth-child(1) { width:80px; justify-content:center}
.table_benefit_history .t_cell:nth-child(2) { margin-right:auto; width:200px; justify-content:center}
.table_benefit_history .t_cell:nth-child(3) { flex:1; justify-content:center}

.benefit_noti {display: inline-block; margin-top: 8px; width: 100%; padding: 20px 40px; box-sizing: border-box; background: #def2ff;}
.benefit_noti .icon {display: inline-block;}
.benefit_noti .txt {display: inline-block; margin: 16px 0 0 40px; font-size: 16px; width: 710px; word-break: keep-all; vertical-align: top;}
.benefit_noti .txt > strong {color: #0055ff;}

/* ���� // �ξ��� �귿 */
.sect_roulette_wrap { width:100%; margin-top: -1px; margin-bottom:-60px; margin-top:0 !important; border-top:1px solid transparent}
.sect_roulette_wrap .section_contents { margin-top:0;}
.sect_roulette_wrap .section_contents .section_body { margin-top:-1px; border-top:1px solid transparent}
.sect_roulette_wrap .box_user_grade { margin:0 20px; box-sizing: border-box; padding:20px 40px 20px 20px;}
.box_user_grade lottie-player { width:150px !important; height:150px !important; box-shadow: 0 0px 0px 1px rgba(0, 0, 0, .1), 0px 0 15px -10px rgba(0, 0, 0, .3); border-radius: 4px;;}
.sect_roulette_wrap .section_body { margin:0 !important;}
.sect_roulette_wrap .title_wrap {  display: flex; align-items: center; flex-direction: column; position: relative; overflow: hidden; padding:20px 0 80px; background-color: #0055ff;}
.sect_roulette_wrap .main_title_box { width:600px; height:420px; position: relative; margin: 130px auto 60px;}
.sect_roulette_wrap .main_title_box .title_copy {position: absolute;top: 78px;left:50%;margin-left: -152px;z-index: 10;width:326px;height: 304px;background: url(/design/img/sub/benefit/title_obj_03-1ba97f17dabd3943e21267dcb7d09d21.png);}
.sect_roulette_wrap .main_title_box .copy_roulette {position: absolute; z-index: 1; top:0;left:50%;margin-left:-221px;width: 442px;height: 442px;background: url(/design/img/sub/benefit/title_obj_02-9b8a17e95a68fb9dd928ee18194dbb8c.png);animation: spin 5s ease infinite;}
.sect_roulette_wrap .main_title_box [class*="obj_item"] { position: absolute}
.sect_roulette_wrap .main_title_box .obj_item_01 {left: 123px;top: -32px;z-index: 0;}
.sect_roulette_wrap .main_title_box .obj_item_02 {left: 75px;top: 54px;z-index: 2;}
.sect_roulette_wrap .main_title_box .obj_item_03 {left: 124px;top: 172px;z-index: 3; animation: heart2 1s ease alternate infinite}
.sect_roulette_wrap .main_title_box .obj_item_04 {left: 16px;bottom: -27px;z-index: 5; animation: shakeit 0.7s ease-in-out alternate infinite}
.sect_roulette_wrap .main_title_box .obj_item_05 {right: 56px;top: -45px;z-index: 6; animation: thunder 1s ease-in-out alternate infinite}
.sect_roulette_wrap .main_title_box .obj_item_06 {right: 112px;bottom: 10px;}
.sect_roulette_wrap .main_title_box .obj_item_07 {right: 52px;bottom: -43px;}
.sect_roulette_wrap .main_title_box .obj_item_08 {right: 44px;bottom:100px;z-index: 5; animation: heart1 1s ease alternate infinite}
.sect_roulette_wrap .title_copy_sub { display:block; margin:0 auto; width: 302px;height: 64px; background: url(/design/img/sub/benefit/section_copy_01-a14b10253814562eaf5016a7e020a1a8.png);}
@keyframes spin {	0% {	transform: rotate(0);	}	100% {	transform: rotate(360deg);	}}
@keyframes shakeit {	0% {transform: rotate(0)	scale(1);	}	100% {	transform: rotate(10deg) scale(.98);	}}
@keyframes thunder {	0% { transform:translate(0, 0) }	100% {	transform:translate(-10px, 10px) scale(.98)	}}
@keyframes heart1 {	0% { transform:scale(.9);	}	100% {	transform:scale(1);	}}
@keyframes heart2 {	0% { transform:scale(1);	}	100% {	transform:scale(.9);	}}
.roulette_wrap .roulette_menu { background:#1c1c1c; display: flex; justify-content: center; position:sticky; top:80px; z-index: 100;}
.roulette_wrap .tab_box { display: flex;}
.roulette_wrap .tab_box a { padding:20px 40px; font-size:22px; font-weight:700; color:#fff;}
.roulette_wrap .tab_box a:hover { background-color: #2c2c2c;}
.roulette_wrap .tab_box a.on { background-color: #fff; color:#000}
.roulette_wrap .inner { width:600px; padding:270px 0 80px; margin:0 auto; background: url(/design/img/sub/benefit/bg_fire-8c8fdf34832de78a116fba4bdb86ff47.gif) 0 204px no-repeat;}
.roulette_wrap .inner .box_roulette {width:600px;height: 600px; margin: 0 auto; position: relative;margin-left: auto;margin-right: auto;}
.roulette_wrap .box_roulette {position: relative;}
.roulette_wrap .box_times_left { position: absolute; top:-150px; left: 50%;transform: translateX(-50%); white-space: nowrap; padding: 20px 30px;border:5px solid #000; align-items:baseline; border-radius: 38px;display: flex;justify-content: space-between;background: #fff;z-index: 10;  box-shadow: 0 1px 6px rgba(0,0,0,.2);}
.roulette_wrap .box_times_left > span { font-size:18px;}
.roulette_wrap .box_times_left .times {font-weight:700;color:#000;font-size:20px;margin-left: 30px;}
.roulette_wrap .box_times_left .unit { font-size:.9em;}
.roulette_wrap .roulette_pin {  position: absolute;top: -62px;z-index: 10;left: 50%; margin-left: -30px;}
.roulette_wrap .btn_play { border-radius: 50%; position: absolute;top: 50%;z-index: 10;left: 50%; margin-left:-55px; margin-top:-55px; box-shadow: 0 1px 15px rgba(0,0,0,.5);}
.roulette_wrap .roulette_circle {position: relative; border-radius: 50%; background: #fff; position: absolute;top: 0;left: 0;right: 0;bottom: 0;}

.roulette_wrap .roulette_item  { position: absolute; top:0; left:0; right:0; bottom:0;}
.roulette_wrap .roulette_item > div  {display: flex;flex-direction: column;align-items: center;}
.roulette_wrap .roulette_item .item_name { font-size:16px; font-weight:400; color:#000; margin-top:35px;}
.roulette_wrap .roulette_item .item_sub_name { font-size:13px; font-weight:400; color:#000; line-height:1;}
.roulette_wrap .roulette_item .item_price {font-size: 22px;font-weight:700;color:#000;letter-spacing: -.04em;}
.roulette_wrap .roulette_item .item_img { max-width:80px; max-height:100px; width:auto; height:auto; margin-top:10px;}
.item_sub_name + .item_price + .item_img { max-width:70px; max-height:70px;}
.roulette_type_01  .btn_play { background-color:#ff5151 ;}
.roulette_type_02  .btn_play { background-color:#1c72ff ;}
.roulette_type_03  .btn_play { background-color:#0bb5b3 ;}
.roulette_type_01  .btn_play:hover { background-color:#ff4545 ;}
.roulette_type_02  .btn_play:hover { background-color:#3280ff ;}
.roulette_type_03  .btn_play:hover { background-color:#0fc9c7 ;}
.roulette_type_01 .roulette_circle { background: url(../img/sub/benefit/rl_bg_01.png) no-repeat; background-size: 100%;;}
.roulette_type_02 .roulette_circle { background: url(../img/sub/benefit/rl_bg_02.png) no-repeat;  background-size: 100%;}
.roulette_type_03 .roulette_circle { background: url(../img/sub/benefit/rl_bg_03.png) no-repeat;  background-size: 100%;}
.roulette_type_01.item_4 .roulette_circle { background: url(/design/img/sub/benefit/rl_bg_01_4-53192d1b95fd6cc94f172fb78c007ce6.png) no-repeat; background-size: 100%;;}
.roulette_type_01.item_6 .roulette_circle { background: url(/design/img/sub/benefit/rl_bg_01_6-d86aa58f445a9df518623ae3d1e14026.png) no-repeat;  background-size: 100%;}
.roulette_type_01.item_8 .roulette_circle { background: url(/design/img/sub/benefit/rl_bg_01_8-f3d39ff6237b1917c189a7334efdd894.png) no-repeat;  background-size: 100%;}
.roulette_type_02.item_4 .roulette_circle { background: url(/design/img/sub/benefit/rl_bg_02_4-8df5243afafb8ad71edb16ad8a13ad94.png) no-repeat; background-size: 100%;;}
.roulette_type_02.item_6 .roulette_circle { background: url(/design/img/sub/benefit/rl_bg_02_6-34090a5092d59ea1808a7f3baed01bf3.png) no-repeat;  background-size: 100%;}
.roulette_type_02.item_8 .roulette_circle { background: url(/design/img/sub/benefit/rl_bg_02_8-8926b577e1445d9cb4c80abf7f89a8b9.png) no-repeat;  background-size: 100%;}
.roulette_type_03.item_4 .roulette_circle { background: url(/design/img/sub/benefit/rl_bg_03_4-ee5becc7bbaf3f73ddee27991abef47b.png) no-repeat; background-size: 100%;;}
.roulette_type_03.item_6 .roulette_circle { background: url(/design/img/sub/benefit/rl_bg_03_6-692eaec4f5f89f9a6ceaaa4b609ab915.png) no-repeat;  background-size: 100%;}
.roulette_type_03.item_8 .roulette_circle { background: url(/design/img/sub/benefit/rl_bg_03_8-159472daa80d15d0c7d43c76d6f83d6f.png) no-repeat;  background-size: 100%;}
.item_4 .roulette_item:nth-child(1)  {transform: rotate(0);}
.item_4 .roulette_item:nth-child(2)  {transform: rotate(90deg);}
.item_4 .roulette_item:nth-child(3)  {transform: rotate(180deg);}
.item_4 .roulette_item:nth-child(4)  {transform: rotate(270deg);}
.item_6 .roulette_item:nth-child(1) {transform: rotate(0);}
.item_6 .roulette_item:nth-child(2) {transform: rotate(60deg);}
.item_6 .roulette_item:nth-child(3) {transform: rotate(120deg);}
.item_6 .roulette_item:nth-child(4) {transform: rotate(180deg);}
.item_6 .roulette_item:nth-child(5) {transform: rotate(240deg);}
.item_6 .roulette_item:nth-child(6) {transform: rotate(300deg);}
.item_8 .roulette_item:nth-child(1) {transform: rotate(0);}
.item_8 .roulette_item:nth-child(2) {transform: rotate(45deg);}
.item_8 .roulette_item:nth-child(3) {transform: rotate(90deg);}
.item_8 .roulette_item:nth-child(4) {transform: rotate(135deg);}
.item_8 .roulette_item:nth-child(5) {transform: rotate(180deg);}
.item_8 .roulette_item:nth-child(6) {transform: rotate(225deg);}
.item_8 .roulette_item:nth-child(7) {transform: rotate(270deg);}
.item_8 .roulette_item:nth-child(8) {transform: rotate(315deg);}
.sect_roulette_wrap .winner_wrap { background-color: #e1fbfb; padding:80px 0;}
.sect_roulette_wrap .winner_wrap .title_box { width:487px; height:90px; background: url(/design/img/sub/benefit/section_copy_03-defca26372433d394e75af7a6fdc7785.png) no-repeat; margin:0 auto;}
.sect_roulette_wrap .winner_wrap .sub_title_box { padding:50px 0; display: flex; justify-content: center;}
.sect_roulette_wrap .winner_wrap .sub_title_box p { font-size:18px; color:#000; text-align: center;}
.sect_roulette_wrap .winner_wrap .winner_box { width:600px; padding:20px; margin:0 auto; background-color: #0bc8c5; box-sizing: border-box; border-radius: 10px;}
.sect_roulette_wrap .winner_wrap .winner_box > strong { display: block; font-size:26px; color:#fff; font-weight:700; margin:10px 0 26px; text-align: center;}
.sect_roulette_wrap .sum_wrap { display: flex;}
.sect_roulette_wrap .sum_wrap .sum_item { padding:20px 10px 10px; background-color: #fff; box-shadow: 0 1px 6px rgba(0,0,0,.2);  border-radius: 10px; flex:1;}
.sect_roulette_wrap .sum_wrap .sum_item + .sum_item {margin-left:20px;}
.sect_roulette_wrap .sum_wrap .sum_name { display: block; font-weight:700; font-size:18px; color:#333; margin-top:20px;}
.sect_roulette_wrap .sum_wrap .box_num { display:flex; justify-content: flex-end; align-items: baseline; margin-top:13px; border-radius: 10px; background-color: #f5f5f5; padding:12px;}
.sect_roulette_wrap .sum_wrap .box_num strong { font-family: pretendard;font-size:20px; margin-right:6px; letter-spacing: -.02em;}
.sect_roulette_wrap .sum_wrap .box_num .unit { color:#898989}
.sect_roulette_wrap .winner_wrap [class*="ico"] { transform-origin:top left; display: block; width:64px; height:64px; background: url(/design/img/common/icon/benefit-caa5ec0ac06dc45f3a7caffeda4e2ff9.png) no-repeat; background-size: 370px;}
.sect_roulette_wrap .winner_wrap .ico_seed { background-position:-227px -5px !important;}
.sect_roulette_wrap .winner_wrap .ico_ppuri { background-position:-153px -5px !important;}
.sect_roulette_wrap .winner_wrap .ico_m_coupon { background-position:-301px -79px !important}
.sect_roulette_wrap .notice_wrap { padding:80px 0; background-color:#4e4e4e;}
.sect_roulette_wrap .notice_wrap .inner {  width:600px; margin:0 auto;}
.sect_roulette_wrap .notice_wrap .tit { font-size:24px; font-weight:700; color:#fff;}
.sect_roulette_wrap .notice_wrap .conts { margin-top:20px;}
.sect_roulette_wrap .notice_wrap .noti_list li { display: flex; align-items: flex-start; color:#fff; font-weight:400;}
.sect_roulette_wrap .notice_wrap .noti_list li > i { width:3px; height:3px; background-color: #fff; margin-top:10px; margin-right:7px;}
.sect_roulette_wrap .notice_wrap .noti_list li .txt_yellow { color:#fafd01}
.sect_roulette_wrap .notice_wrap .noti_list li + li { margin-top:10px;}
.sect_roulette_wrap .notice_wrap .noti_list  .noti_list {margin-top: 5px;}
.sect_roulette_wrap .notice_wrap .noti_list  .noti_list li { font-size:.9em; }
.sect_roulette_wrap .notice_wrap .noti_list  .noti_list li + li  {margin-top: 4px;}
.sect_roulette_wrap .winner_history_wrap { padding:80px 0; background-color: #f6f6f6;;}
.sect_roulette_wrap .winner_history_wrap .inner { width:600px; margin:0 auto; }
.sect_roulette_wrap .section_tit { padding-left:0;}
.sect_roulette_wrap .table_roulette_winner {  box-shadow: 0 1px 6px rgba(0,0,0,.2); margin-top:15px; background-color: #fff; border-radius: 15px; overflow: hidden;}
.sect_roulette_wrap .table_roulette_winner .t_header { background-color: #fff !important; border-top:0;}
.sect_roulette_wrap .table_roulette_winner .t_body { border-bottom:0;}
.table_roulette_winner .t_body .t_cell { color:#758398;}
.table_roulette_winner .t_cell:nth-child(1) { width:80px; justify-content:center}
.table_roulette_winner .t_cell:nth-child(2) { margin-right:auto; width:200px; justify-content:center}
.table_roulette_winner .t_cell:nth-child(3) { flex:1; justify-content:center}
.table_roulette_winner + .btn_box { margin-top:20px;}
.sect_roulette_wrap .btn_moresee { padding:10px; width:100%; border:1px solid #ccc; color:#758398; border-radius: 4px;; background-color: #fff;;}

/* ���� // �ݾ׺� ���� */
.mart_none {margin-top: 0;}
.benefit_wrap {position: relative; z-index: 1;}
.section_contents:has(.benefit_wrap) { margin-top:0;}
.section_contents:has(.benefit_wrap) .section_body { margin-top:0;}
.benefit_wrap .tit_img {width: 1200px; height: 450px; background: url("/design/img/sub/benefit/benefit_tit01-996f40bab9542a1587e1dbe8465b4f4c.png") no-repeat center;  background-size: 940px; background-color: #f5e8fd;}
.benefit_wrap .benefit_tit_box {position: relative;width: 100%;height: 268px;background: url("/design/img/sub/benefit/benefit_tit02-2c92d4d72477c6c8d0aa071e4d097b1d.png") no-repeat 0 0;background-position:center;background-size: 1200px 268px;background-color: #f5e8fd;}
.benefit_wrap .benefit_tit_box .slide_box {position: relative; width: 868px; margin: 0 auto;}
.benefit_wrap .benefit_tit_box .main_banner {width: 100%;  overflow-x: hidden;}
/* .benefit_wrap .benefit_tit_box .benefit_sw {position: absolute; top: 450px; bottom: 16px; display: flex; margin: 0 35px; width: 870px; overflow: hidden; z-index: 5;}
.benefit_wrap .benefit_tit_box .benefit_sw li {width: 286px; margin-right: 6px;}
.benefit_wrap .benefit_tit_box .benefit_sw li:nth-child(3n) {margin-right: 0;} */
.benefit_wrap .benefit_tit_box .swiper-button-prev {left: -20px !important; transform: translateY(-50%) rotate(-180deg); opacity: 1;}
.benefit_wrap .benefit_tit_box .swiper-button-next {right: -20px !important; transform: translateY(-50%); opacity: 1;}

.my_money_box {position: relative; text-align: center; background: #f2f6ff;}
.my_money_box .txt_box {background: url("/design/img/sub/benefit/benefit_my_img01-6655ddc027b49acabbfaf70b7840d44e.png") no-repeat 70px 47px;}
.my_money_box .txt_box .date_apply {display: inline-block; padding: 13px 35px; margin-top: 40px; font-size: 15px; color: #000; vertical-align: top; border: 1px solid #000; border-radius: 25px;}
.my_money_box .txt_box .txt_info {margin-top: 22px; font-size: 24px; color: #000; letter-spacing: -0.5px;}
.my_money_box .txt_box .txt_info .txt_id {font-weight: 600;}
.my_money_box .txt_box .txt_info .txt_money {font-weight: 600; color: #0055ff;}
.my_money_box .money_info {display: inline-block; width: 820px; padding: 30px 30px 40px 30px; margin: 40px 30px 30px 30px; border: 1px solid #0055ff; background: #fff; border-radius: 5px; text-align: left; box-shadow: 0 3px 10px 3px rgba(0,0,0,.2);}
.my_money_box .money_info .money_box {display: flex; align-items: center; flex-direction: row; justify-content: space-between; width: 100%;}
.my_money_box .money_info .tit_money {display: flex; font-size: 27px; font-weight: 600; color: #000;}
.my_money_box .money_info .tit_money .money_point {margin-left: 4px; color: #0055ff;}
.my_money_box .money_info .btn_money {display: flex;}
.my_money_box .money_info .btn_money > button {display: inline-block; margin-top: -4px; padding: 8px 14px; font-size: 14px; color: #0e2d6c; border: 1px solid #0e2d6c; border-radius: 5px; background: #fff;}
.my_money_box .money_info .btn_money > button:hover {border: 1px solid #0055ff; color: #0055ff;}
.my_money_box .money_info .posi_money_box {position: relative; display: inline-block; width: 100%; vertical-align: top; z-index: 1;}
.my_money_box .money_info .seed_mo {position: relative; width: 100%; height: 130px; margin: 20px auto 0 auto;}
.my_money_box .money_info .seed_mo .circle {position: absolute; top: 40px; width: 60px; height: 60px; animation: bounce 1s infinite;}
.my_money_box .money_info .seed_mo .circle > img {width: 60px; height: 60px;}
.my_money_box .money_info .seed_mo .posi_seed01 {left: -15px;}
.my_money_box .money_info .seed_mo .posi_seed02 {left: calc(50% - 40px);}
.my_money_box .money_info .seed_mo .posi_seed03 {right: -10px;}
.my_money_box .money_info .seed_mo .shadow {position: absolute; bottom: 15px; width: 40px; height: 5px; border-radius: 100%; background-color: rgba(0, 0, 0, 0.2); animation: shadow 1s infinite;}
.my_money_box .money_info .seed_mo .posi_shadow01 {left: -5px;}
.my_money_box .money_info .seed_mo .posi_shadow02 {left: calc(50% - 30px);}
.my_money_box .money_info .seed_mo .posi_shadow03 {right: 0;}

@keyframes bounce {
	0% {top: 0; animation-timing-function: ease-in;}
  	50% {top: 30px; height: 40px; animation-timing-function: ease-out;}
  	55% {top: 50px; height: 25px; animation-timing-function: ease-in;}
  	65% {top: 30px; height: 40px; animation-timing-function: ease-out;}
  	95% {top: 0; animation-timing-function: ease-in;}
  	100% {top: 0; animation-timing-function: ease-in;}
  }
@keyframes shadow {
    0% {transform: scale(0.1); background-color: rgba(0, 0, 0, 0.1); animation-timing-function: ease-in;}
    50% {transform: scale(1); background-color: rgba(0, 0, 0, 0.2); animation-timing-function: ease-out;}
    55% {transform: scale(1); background-color: rgba(0, 0, 0, 0.2); animation-timing-function: ease-in;}
    65% {transform: scale(0.5); background-color: rgba(0, 0, 0, 0.15); animation-timing-function: ease-out;}
    95% {transform: scale(0.1); background-color: rgba(0, 0, 0, 0.1); animation-timing-function: ease-in;}
    100% {transform: scale(0.1); background-color: rgba(0, 0, 0, 0.1); animation-timing-function: ease-in;}
  }

.posi_money_box .line_box {display: inline-block; margin: 0 0 0 10px; width: 780px; border: 7px solid #0055ff; border-radius: 7px; position: absolute; left: 0; bottom: 40px; z-index: 5;}
.posi_money_box .graph {position: relative; width: 100%; height: 60px; z-index: 1;}
.posi_money_box .graph ul {display: inline-block; width: 100%; position: relative; z-index: 10;}
.posi_money_box .graph ul > li {position: absolute; top: 0;}
.posi_money_box .graph ul > li .txt {font-size: 16px; color: #000; display: inline-block; width: 70px; margin-left: -20px; text-align: center; position: absolute; top: 20px;}
.posi_money_box .graph ul .posi_circle01 { left: 0;}
.posi_money_box .graph ul .posi_circle02 { left: 50%; margin-left: -25px;}
.posi_money_box .graph ul .posi_circle03 { right: 36px;}
.posi_money_box .graph ul > li .box {position: relative;}
.posi_money_box .graph ul > li .box .circle {display: inline-block; width: 23px; height: 23px; background: #d9d8d1; border: 5px solid #fff; border-radius: 50%; box-shadow: 0 3px 10px 3px rgba(0,0,0,.2); position: absolute; top: -22px;}
.posi_money_box .graph ul > li .box .on {background: #ffd200;}

.my_money_box .money_info .posi_money_box .cong_box {position: relative; display: inline-block; width: 100%; vertical-align: top; margin-top: 30px;}
.my_money_box .money_info .posi_money_box .cong_box .cong_char {display: inline-block; width: 151px; height: 150px; background: url("/design/img/sub/benefit/seed_sprout-4ec05d307c331bdadb7ea5a5d1326522.png") no-repeat 0 0; background-size: contain;}
.my_money_box .money_info .posi_money_box .cong_box .txt {display: inline-block; margin-top: 14px; font-size: 20px; color: #000; vertical-align: top;}
.my_money_box .money_info .posi_money_box .cong_box .txt > em {color: #ff0000;}

.benefit_box {display: flex; flex-direction: row; padding: 30px 30px 70px 30px; background: #fafafa;}
.benefit_box > div {display: flex; flex-direction: column; align-items: center; width: 570px;}
.benefit_box .top {display: flex; flex-direction: column; font-size: 30px; color: #000;}
.benefit_box .top > div {display: flex; flex-direction: row;}
.benefit_box .top > span {display: inline-block; vertical-align: top; letter-spacing: -1px;}
.benefit_box .top .tit01 {display: inline-block; padding: 6px 20px; font-size: 22px; color: #0055ff; border: 1px solid #0055ff; border-radius: 30px;}
.benefit_box .top .tit02 {margin-left: 8px;}
.benefit_box .top .tit02 > em {font-weight: 600; color: #0055ff;}
.benefit_box .top .tit03 {margin-left: 100px; font-size: 16px; color: #666;}

.benefit_box .buy_item_box {display: flex; padding: 30px 0 0 0; align-items: stretch; justify-content: center; position: relative;}
.benefit_box .gift_item {text-align: center; width: calc(100% / 1.4); padding: 10px 20px 20px 20px; box-sizing: border-box; transition: .2s; background: #fff; box-shadow: 0 3px 10px 3px rgba(0,0,0,.1);}
.benefit_box .gift_item .bene_prod {display: inline-block; width: 100%; vertical-align: top;}
.benefit_box .gift_item .txt {display: inline-block; margin-top: 8px; width: 100%; font-size: 20px; color: #000; font-weight: 600; vertical-align: top;}
.benefit_box .gift_item .btn {display: inline-block; margin-top: 26px; width: 100%; vertical-align: top;}
.benefit_box .gift_item .btn > button {width: 100%; padding: 14px 0; background: #c4c7cb; font-size: 20px; font-weight: 600; color: #fff; border-radius: 5px;}
.benefit_box .gift_item .btn > button.on {background: #0055ff;}

/* ���� // �ݾ׺� ���� */
@media (max-width:767px) {
	.benefit_wrap .tit_img {width: 100%; height: 316px; background: url("/design/img/sub/benefit/benefit_m_tit01-46b9c42086c0ef3363fb82095e741e42.png") no-repeat 0 0; background-position: center; background-size: cover;}
	
	.benefit_wrap .benefit_tit_box {height: 193px;}
	.benefit_wrap .benefit_tit_box .slide_box {position: relative; width: auto; margin: 0 20px;}
	.benefit_wrap .benefit_tit_box .main_banner {width: 100%;  overflow-x: hidden;}
	.benefit_wrap .benefit_tit_box .main_banner .swiper-slide {display: flex; justify-content: center;}
	.benefit_wrap .benefit_tit_box .swiper-button-prev {top: 58%; left: -14px !important; transform: translateY(-50%) rotate(-180deg); opacity: 1; width: 32px; height: 32px; background-size: 32px 32px;}
	.benefit_wrap .benefit_tit_box .swiper-button-next {top: 58%; right: -14px !important; transform: translateY(-50%); opacity: 1; width: 32px; height: 32px; background-size: 32px 32px;}
	.benefit_wrap .benefit_tit_box .main_banner .swiper-slide > img {width: 220px; height: 185px;}
	
	.benefit_wrap .benefit_tit_box .benefit_sw_btn .btn_prev {top: 385px; left: 0;}
	.benefit_wrap .benefit_tit_box .benefit_sw_btn .btn_next {top: 385px; right: 0;}
	
	.my_money_box .txt_box {width: 100%; height: auto; background-position:  center; background-size: contain;}
	.my_money_box .txt_box .date_apply {padding: 8px 20px; margin-top: 20px; font-size: 14px;}
	.my_money_box .txt_box .txt_info {padding: 0 20px; font-size: 20px; word-break: break-word;}
	
	.my_money_box .money_info {width: 92%; padding: 0; margin: 20px 0 30px 0;}
	.my_money_box .money_info .money_box {width: 90%; padding: 10px 0 0 10px; flex-direction: column; align-items: flex-start;}
	.my_money_box .money_info .tit_money {font-size: 20px;}
	.my_money_box .money_info .btn_money {float: left;}
	.my_money_box .money_info .btn_money > button {margin-top: 8px; padding: 4px 8px; font-size: 13px;}
	
	.my_money_box .money_info .posi_money_box {padding: 2%; width: 96%;}
	.posi_money_box .line_box {width: 86%; margin-left: 12px;}
	.posi_money_box .graph ul > li .box .circle {width: 16px; height: 16px; top: -18px;}
	.posi_money_box .graph ul > li .txt {font-size: 13px; width: 60px;}
	.posi_money_box .graph ul .posi_circle01 {left: 10px;}
	.posi_money_box .graph ul .posi_circle02 {margin-left: -12px;}
	.posi_money_box .graph ul .posi_circle03 {right: 36px;}
	.my_money_box .money_info .seed_mo .posi_seed01 {left: -5px;}
	.my_money_box .money_info .seed_mo .posi_seed02 {left: calc(50% - 30px);}
	.my_money_box .money_info .seed_mo .posi_seed03 {right: -5px;}
	.my_money_box .money_info .seed_mo .posi_shadow01 {left: 5px;}
	.my_money_box .money_info .seed_mo .posi_shadow02 {left: calc(50% - 20px);}
	.my_money_box .money_info .seed_mo .posi_shadow03 {right: 5px;}
	
	.benefit_box {flex-direction: column; gap: 50px; margin: 0; padding: 14px;}
	.benefit_box:nth-child(1) {margin-top: 30px;}
	.benefit_box:nth-last-child(1) {padding-bottom: 60px;}
	.benefit_box:nth-child(2), 
	.benefit_box:nth-child(3), 
	.benefit_box:nth-child(4) {padding-top: 50px;}
	.benefit_box > div {width: 100%;}
	.benefit_box .top > div {gap: 6px;}
	.benefit_box .top .tit01 {padding: 4px 10px 2px 10px; font-size: 16px; border-radius: 16px; line-height: 160%; letter-spacing: -0.5px;}
	.benefit_box .top .tit02 {margin-left: 0; font-size: 22px; letter-spacing: -0.5px;}
	.benefit_box .top .tit03 {margin-left: 64px; margin-top: 0; font-size: 14px;}
	.benefit_box .buy_item_box {width: 100%; padding-top: 20px;}
	.benefit_box .gift_item {margin: 0 10px 0 0; padding: 10px 14px 14px 14px; }
	.benefit_box .gift_item:nth-last-child(1) {margin-left: 0;}
	.benefit_box .gift_item .bene_prod > img {width: 100%; height: 100%;}
	.benefit_box .gift_item .txt {font-size: 14px; word-break: keep-all; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px;}
	.benefit_box .gift_item .btn {margin-top: 12px;}
	.benefit_box .gift_item .btn > button {font-size: 16px; padding: 8px 0;}
	
	.my_money_box .money_info .posi_money_box .cong_box {text-align: center;}
	.my_money_box .money_info .posi_money_box .cong_box .cong_char {width: 111px; height: 110px;}
	.my_money_box .money_info .posi_money_box .cong_box .txt {margin-bottom: 16px; font-size: 16px; word-break: keep-all;}
}

@media (max-width: 500px) {
	.benefit_wrap .benefit_tit_box .main_banner .swiper-slide > img {width: 211px; height: 177px;}
}

@media (max-width: 430px) and (min-width: 413px) {
	.benefit_wrap .tit_img {width: 100%; height: 276px; background: url("/design/img/sub/benefit/benefit_m_tit01-46b9c42086c0ef3363fb82095e741e42.png") no-repeat 0 0; background-position: center; background-size: cover;}
	.benefit_wrap .benefit_tit_box {height: 268px; background: url("/design/img/sub/benefit/benefit_m_tit02-48a5d78e1b1a656bb5ece04e3c9e7f87.png") no-repeat 0 0;}
	.benefit_wrap .benefit_tit_box {height: 161px;}
	.benefit_wrap .benefit_tit_box .slide_box {position: relative; width: auto; margin: 0 20px;}
	.benefit_wrap .benefit_tit_box .main_banner {width: 100%;  overflow-x: hidden;}
	.benefit_wrap .benefit_tit_box .main_banner .swiper-slide {display: flex; justify-content: center;}
	.benefit_wrap .benefit_tit_box .swiper-button-prev {top: 58%; left: -14px !important; transform: translateY(-50%) rotate(-180deg); opacity: 1; width: 32px; height: 32px; background-size: 32px 32px;}
	.benefit_wrap .benefit_tit_box .swiper-button-next {top: 58%; right: -14px !important; transform: translateY(-50%); opacity: 1; width: 32px; height: 32px; background-size: 32px 32px;}
	.benefit_wrap .benefit_tit_box .main_banner .swiper-slide > img {width: 176px; height: 148px;}
}

@media (max-width: 412px) and (min-width: 391px) {
	.benefit_wrap .tit_img {width: 100%; height: 268px; background: url("/design/img/sub/benefit/benefit_m_tit01-46b9c42086c0ef3363fb82095e741e42.png") no-repeat 0 0; background-position: center; background-size: cover;}
	.benefit_wrap .benefit_tit_box {height: 268px; background: url("/design/img/sub/benefit/benefit_m_tit02-48a5d78e1b1a656bb5ece04e3c9e7f87.png") no-repeat 0 0;}
	.benefit_wrap .benefit_tit_box {height: 154px;}
	.benefit_wrap .benefit_tit_box .slide_box {position: relative; width: auto; margin: 0 20px;}
	.benefit_wrap .benefit_tit_box .main_banner {width: 100%;  overflow-x: hidden;}
	.benefit_wrap .benefit_tit_box .main_banner .swiper-slide {display: flex; justify-content: center;}
	.benefit_wrap .benefit_tit_box .swiper-button-prev {top: 57%; left: -14px !important; transform: translateY(-50%) rotate(-180deg); opacity: 1; width: 32px; height: 32px; background-size: 32px 32px;}
	.benefit_wrap .benefit_tit_box .swiper-button-next {top: 57%; right: -12px !important; transform: translateY(-50%); opacity: 1; width: 32px; height: 32px; background-size: 32px 32px;}
	.benefit_wrap .benefit_tit_box .main_banner .swiper-slide > img {width: 167px; height: 140px;}
}

@media (max-width: 390px) and (min-width: 361px) {
	.benefit_wrap .tit_img {width: 100%; height: 246px; background: url("/design/img/sub/benefit/benefit_m_tit01-46b9c42086c0ef3363fb82095e741e42.png") no-repeat 0 0; background-position: center; background-size: cover;}
	.benefit_wrap .benefit_tit_box {height: 268px; background: url("/design/img/sub/benefit/benefit_m_tit02-48a5d78e1b1a656bb5ece04e3c9e7f87.png") no-repeat 0 0;}
	.benefit_wrap .benefit_tit_box {height: 145px;}
	.benefit_wrap .benefit_tit_box .slide_box {position: relative; width: auto; margin: 0 20px;}
	.benefit_wrap .benefit_tit_box .main_banner {width: 100%;  overflow-x: hidden;}
	.benefit_wrap .benefit_tit_box .main_banner .swiper-slide {display: flex; justify-content: center;}
	.benefit_wrap .benefit_tit_box .swiper-button-prev {top: 55%; left: -14px !important; transform: translateY(-50%) rotate(-180deg); opacity: 1; width: 32px; height: 32px; background-size: 32px 32px;}
	.benefit_wrap .benefit_tit_box .swiper-button-next {top: 55%; right: -16px !important; transform: translateY(-50%); opacity: 1; width: 32px; height: 32px; background-size: 32px 32px;}
	.benefit_wrap .benefit_tit_box .main_banner .swiper-slide > img {width: 156px; height: 131px;}
}

@media (max-width:360px) {	
	.benefit_wrap .tit_img {width: 100%; height: 226px; background: url("/design/img/sub/benefit/benefit_m_tit01-46b9c42086c0ef3363fb82095e741e42.png") no-repeat 0 0; background-position: center; background-size: cover;}
	.benefit_wrap .benefit_tit_box {height: 268px; background: url("/design/img/sub/benefit/benefit_m_tit02-48a5d78e1b1a656bb5ece04e3c9e7f87.png") no-repeat 0 0;}
	.benefit_wrap .benefit_tit_box {height: 132px;}
	.benefit_wrap .benefit_tit_box .slide_box {position: relative; width: auto; margin: 0 20px;}
	.benefit_wrap .benefit_tit_box .main_banner {width: 100%;  overflow-x: hidden;}
	.benefit_wrap .benefit_tit_box .main_banner .swiper-slide {display: flex; justify-content: center;}
	.benefit_wrap .benefit_tit_box .swiper-button-prev {top: 52%; left: -14px !important; transform: translateY(-50%) rotate(-180deg); opacity: 1; width: 32px; height: 32px; background-size: 32px 32px;}
	.benefit_wrap .benefit_tit_box .swiper-button-next {top: 52%; right: -16px !important; transform: translateY(-50%); opacity: 1; width: 32px; height: 32px; background-size: 32px 32px;}
	.benefit_wrap .benefit_tit_box .main_banner .swiper-slide > img {width: 141px; height: 118px;}
	
	.benefit_box .top .tit02 {font-size: 20px;}
}


/* ���ڹ��� */
.Edocu .box_split {background: #fff; margin-top: 30px;}
.Edocu .box_module .layout_01 .item_01 {box-sizing: border-box; border-radius: 10px; text-align: center; margin: 20px; background-color: #F9F9F9; border:0; font-size: 16px; font-weight: 500; color:#222222; padding-bottom:30px;}
.Edocu .box_module .layout_01 .item_01 .kakao_tit {font-size:24px; color:#222; font-weight: 700; text-align: center; border-bottom:1px solid #dce0e6; padding-bottom: 10px;  }
.Edocu .box_module .layout_01 .item_01 .kakao_noti {height:120px; margin: 20px 10px; margin-bottom: 20px;}
.Edocu .box_module .layout_01 .item_01 .kakao_noti p {text-align: left; font-size: 14px; font-weight: normal;margin: 4px 0;}
.Edocu .box_module .layout_01 .item_01 .kakao_noti p:first-child {font-size: 16px; font-weight: 700; color:#222;  margin-bottom: 10px;}
.Edocu .box_module .layout_01 .item_01 .kakao_img {text-align: center;}
.Edocu .box_module .layout_01 .item_01 .kakao_img img {width:100%; margin-bottom: 15px;}
.Edocu .box_module .layout_01 .item_01 .btn_Edocu_yell {width: 100%; height: 50px; background: #fae51d; border:none; border-radius: 8px; font-size: 16px; color:#000}
.Edocu .box_module .layout_01 .item_01 .btn_Edocu_orange {width: 100%; height: 50px; background: #FB9D71; border:none; border-radius: 8px; font-size: 16px; color:#fff; font-weight: 500;}
.Edocu .box_module .layout_01 .item_01 .btn_Edocu_orange:hover{ background-color: #FF915E;}
.Edocu .box_module .layout_01 .item_01 .btn_Edocu_green {width: 100%; height: 50px; background: #47AF7B; border:none; border-radius: 8px; font-size: 16px; color:#fff; font-weight: 500;}
.Edocu .box_module .layout_01 .item_01 .btn_Edocu_green:hover{ background-color: #3EA974;}
.Edocu .box_module .layout_01 .item_01 .btn_Edocu_blue {width: 100%; height: 50px; background: #71B1FB; border:none; border-radius: 8px; font-size: 16px; color:#fff; font-weight: 500;}
.Edocu .box_module .layout_01 .item_01 .btn_Edocu_blue:hover{ background-color: #62A8F9;}
.Edocu .box_module .layout_01 .item_01 .btn_Edocu_gray {width: 100%; height: 50px; background: #e1e1e1; border:none; border-radius: 8px; font-size: 16px; color:#000}
.Edocu .box_module .layout_01 .item_01 .btn_Edocu_dark {width: 100%; height: 50px; background: #333; color:#fff; border:none; border-radius: 8px; font-size: 16px;}
.Edocu .box_module .layout_01 .item_01 .desc {font-size: 13px; font-weight: normal; color: #6d7a8d;  padding: 10px 0!important;}
.h60 {height:60px;}

.ico_post span {display:inline-block; width:126px; height:126px; background: url(/design/img/sub/Edocu/ico_post-c1a645d846542ddf04bb558653c84ac0.png) no-repeat center }
.ico_sign span {display:inline-block; width:126px; height:126px; background: url(/design/img/sub/Edocu/ico_sign-256b8d6c830199b54e0df9dbb47c6145.png) no-repeat center }
.ico_kakao span {display:inline-block; width:126px; height:126px; background: url(/design/img/sub/Edocu/ico_kakao-422d7cf5d3adda3182eb2a5a2260b2a7.png) no-repeat center }

.ico_post, .ico_sign, .ico_kakao {margin:40px 0;}



/* RCS */
.rcs_send_wrap { display: flex; width:1200px; margin:0 auto;}
.sect_rcs_msg { position:sticky; top:90px;}
.sect_rcs_msg .desc { font-size:12px; letter-spacing: -.2px;}
.sect_rcs_msg .desc li { text-indent: -4px;}
.sect_rcs_msg .desc li + li { margin-top:3px; }
.sect_rcs_msg .bar_bul i { margin-right:3px;}
.rcs_message_wrap { max-height:calc(100vh - 200px); display: flex; flex-direction: column;}
.rcs_message_wrap:has(.alert_rcs.alert_focus){ min-height: 340px;}
.rcs_message_wrap:has(.alert_rcs_brand){ min-height: 360px;}
.rcs_message_wrap { margin-top:10px; background-color: #FCFCFC; border:1px solid #E1E3E5; border-radius: 10px;}
.rcs_user { display: flex; align-items: center; padding:35px 27px 5px 27px;}
.rcs_message_wrap .con_box { overflow-y: auto; overflow-x: hidden; min-height: 170px; overscroll-behavior:contain;}
.rcs_message_wrap .text_bubble {  padding:20px 0 40px 0; position:relative;}
.rcs_message_wrap .text_bubble.msg_rss .swiper-wrapper,
.rcs_message_wrap .text_bubble.msg_rms .swiper-wrapper { transform: none !important;}
.rcs_user .pre_icon { display: block; width:13px; height:13px; border-left:1px solid #000; border-bottom:1px solid #000; transform: rotate(45deg); margin-left:5px;}
.rcs_user .brand_img { position:relative; flex-shrink: 0; width:34px; height:34px; border-radius: 50%; overflow: hidden; margin-left:18px; background:#002bae}
.rcs_user .brand_img img { width:100%; height:100%; position: relative; z-index: 10;}
.rcs_user strong {font-size:18px;font-weight:600;margin-left:13px;color:#000;max-width: 240px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rcs_user .icon_dropdown { width:7px; height:7px; border-left:1px solid #707070; border-bottom:1px solid #707070; transform: rotate(-45deg); margin-left:13px}
.rcs_user .tip_info {position:absolute ;right: 0;top: 0;left: 0; font-size: 12px; background: linear-gradient(90deg, #293683, #0EA57B); color: #bcdcdb; padding: 5px 0;word-break: keep-all;border-radius:10px 10px 0 0;text-align: center;}
.rcs_user .tip_info .accent { color:#fff; }
.efct_light { animation: infinite spin_bg 3s linear 1000ms;  width:0; height:0; position: absolute; top:50%; left:50%; z-index: 1;}
.efct_light .bx_1 {display: block;margin-top: -48px;margin-left:-20px;width: 70px;height: 120px;background: radial-gradient(#293783, #20d7a3);z-index: 1;}
@keyframes spin_bg {  0% {    transform:rotate(0);  }  100% {    transform:rotate(360deg);  }}
@-webkit-keyframes spin_bg {  0% {    transform:rotate(0);  }  100% {    transform:rotate(360deg);  }}

.rcs_user .tip_info::before { content: ""; display: block; width:10px; height:10px; transform: rotate(-45deg); position:absolute; bottom:-10px; left:0;}
.rcs_message_wrap .message_info_1 { padding:0 27px; margin:0 0 4px 11px; font-size:13px; color:#979797;}
.rcs_message_wrap .message_info_2 { margin:4px 27px 0 27px; display: flex; justify-content: flex-end; font-size:13px; color:#979797;}
.rcs_message_wrap .mssg_box { display: flex; flex-direction: column; border:1px solid #d5e3f4; word-break: keep-all; min-height:100px;  border-radius: 18px; background: #FFFFFF; overflow: hidden; box-sizing: border-box;}
.rcs_message_wrap .mssg_box .msg_title { padding:0 16px 0; margin-bottom:9px; color:#111; line-height: 17px;; font-size:13px; font-weight:600; letter-spacing: 0.03em;}
.rcs_message_wrap .mssg_box .msg_wrap {white-space: pre-wrap; line-height: 16.5px; font-weight:400;  padding:0 16px;  overflow: hidden; color:#111; font-size:13px;}
.rcs_message_wrap .mssg_box .photo_box { display: flex; background: url(/design/img/sub/rcs/default_bi-64dfb692049d226b7e07d116b6195e5b.svg) no-repeat; background-size: contain; background-position: center; background-color: #E8E8E8;}
.rcs_message_wrap .photo_box img { width: 100%; flex-shrink: 0; object-fit: cover}
.rcs_message_wrap .mssg_box .text_wrap { display: flex; flex:1; flex-direction: column; box-sizing: border-box;}
.rcs_message_wrap .img_only img { object-fit: fill !important}
.rcs_message_wrap .video_only img { object-fit: fill !important}
.rcs_message_wrap .img_only .text_wrap { display: none;}
.rcs_message_wrap .video_only .text_wrap { display: none;}
.rcs_message_wrap .mssg_box .text_wrap .btn_box { padding:14px 14px 0; margin-top:auto; flex-direction: column;}
.rcs_message_wrap .mssg_box .text_wrap .btn_box > * { display: flex; align-items: center; justify-content: center; text-align: center; width:100%; min-height:30px; border-radius: 15px;; background: #EBEBEB; color:#000;}
.rcs_message_wrap .mssg_box .text_wrap .btn_box > * + * { margin-top:6px;}
.rcs_message_wrap .img_s .mssg_box .text_wrap .btn_box > * {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;vertical-align: middle;line-height: 30px;padding: 0 5px;box-sizing: border-box;}
.rcs_message_wrap .mssg_info_1 { color:#979797; font-size:0; margin-bottom:4px;}
.rcs_message_wrap .mssg_info_1 * { font-size:14px; }
.rcs_message_wrap .mssg_info_2 { position: relative; z-index: 20; color:#979797; margin-top:7px; margin-right:10px; text-align: right; font-size:13px; letter-spacing: -.04em;}
.rcs_message_wrap .mssg_info_2 > span { display: block;}
.rcs_message_wrap .mssg_info_2 p {position: relative}
.rcs_message_wrap .mssg_info_2 p::after { content:"" ; display: block; position:absolute; background-color: #aeaeae; height:1px; width: 70px; right:0; bottom:0;}
.rcs_message_wrap [class*="mssg_"] { margin-left:27px;}
.rcs_message_wrap .swiper  { margin-left:27px;}
.rcs_message_wrap .swiper .mssg_box { margin-left:0 !important;}
.rcs_message_wrap .msg_card { position: relative; padding-bottom:30px;}
.rcs_message_wrap .msg_rss  [class*="mssg_"] 
.rcs_message_wrap .msg_rss .photo_box { display: none;}
.rcs_message_wrap [class*="msg_rms"] [class*="mssg_"] { width: 325px;}
.rcs_message_wrap [class*="video"] .photo_box { position:relative; }
.rcs_message_wrap [class*="video"] .photo_box::after { content: ""; display: block; width:58px; height:67px; background: url(/design/img/sub/rcs/icon_video-faf521b5d91b3ec5d2c9164717ae9919.png); position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index: 19;}
.rcs_message_wrap [class*="msg_card"] .mssg_box { height:100%;}
.rcs_message_wrap [class*="msg_card"]  .swiper-wrapper { align-items: stretch;}
.rcs_message_wrap .swiper [class*="mssg_"] { max-width: 100%;}
.rcs_send_wrap .btn_send_wrap > .txt_red { margin-top:10px;}

.layout_01:has(.accent) .item_02 .btn_a { background: linear-gradient(90deg, #293683, #0EA57B); color:#fff; border:none;}
.layout_01:has(.accent) .item_02 .btn_a * { color:#fff !important;}
.rcs_message_wrap .active_focus .mssg_box { position:relative; }
.rcs_message_wrap .active_focus .mssg_box::before { z-index: 100; content: ""; animation: border_focus 1s 3 linear; display: block; position: absolute; top:0; left:0; right:0; bottom:0; border-radius: 18px; border:1px solid #0055ff; opacity: 0;}
.rcs_message_wrap  .blink_shadow { border-radius: 18px;;}
@keyframes border_focus {
  0% {  opacity: 0 }
  50% {  opacity: 1; border-width: 3px; }
  100% { opacity: 0 }
}


.rcs_message_wrap .swiper-slide { height:730px !important;}
.rcs_message_wrap .msg_rms .photo_box img { height:191px !important;}
.rcs_message_wrap .msg_rms.img_m .photo_box img { height:191px !important;}
.rcs_message_wrap .msg_rms.img_t .photo_box img { height:305px !important;}

.rcs_message_wrap .msg_card.img_m .photo_box img { height:162px !important;}
.rcs_message_wrap .msg_card.img_s .photo_box img { height:108px !important;}
.rcs_message_wrap .img_m [class*="_only"] .photo_box img { height:520px !important;}
.rcs_message_wrap .img_s [class*="_only"] .photo_box img { height:520px !important;}

.rcs_message_wrap .img_s .text_wrap { max-height:412px }
.rcs_message_wrap .img_m .text_wrap { max-height: 358px;}
.rcs_message_wrap .img_s .text_wrap .btn_box:has(*) { padding-top:14px; margin-top:auto;}
.rcs_message_wrap .img_m .text_wrap .btn_box:has(*) { padding-top:25px; margin-top:auto;}

.rcs_message_wrap .swiper-notification { display: inline !important;}
.img_s .swiper-slide { width:116px !important;  margin-right:5px;}
.img_s .swiper-slide:last-child { margin-right:calc(116px / 2);}
.img_m .swiper-slide { width:225px !important;  margin-right:5px;}
.img_m .swiper-slide:last-child { margin-right:calc(225px / 2);}


[class*="msg_card"] .nevi_wrap .swiper-button-next { right:10px !important;}
[class*="msg_card"] .nevi_wrap .swiper-button-prev { left:10px !important;}
[class*="msg_card"] .swiper-pagination { margin-bottom:10px;}
[class*="msg_card"] .swiper-pagination-bullet-active { width:15px; border-radius: 3.5px; background-color: #2F77FB;}
[class*="msg_card"] .swiper-button-disabled, [class*="msg_card"] .swiper-button-disabled { display: none;}
.slide_set { display: flex; flex-wrap: wrap; }
.slide_set .sl_item { display: flex; align-items: center; justify-content: center; cursor: pointer; margin-right:6px; padding:8px 8px 8px 14px; box-sizing:border-box; width:calc(100% / 3 - 4px); border-radius: 4px; font-size:15px; background-color: #EFEFEF;}
.slide_set .sl_item:hover { background: #e3e3e3;} 
.slide_set .it_name { color:#656565;}
.slide_set .add_item { padding:8px 14px; background: #E3F0FF;}
.slide_set .add_item:hover { background: #dae8f8;}
.slide_set .add_item .it_name { color:#1779FB;}
.slide_set .del_sl { box-sizing: border-box; position:relative; margin-left:4px; width:22px; height:22px; background-color: #fff; border:1px solid #E1E1E1; border-radius: 50%;;}
.slide_set .del_sl:hover { border-color:#676c7c}
.slide_set .del_sl:hover::before,
.slide_set .del_sl:hover::after  { background:#676c7c}
.slide_set .add_sl { position:relative; margin-right:4px; width:22px; height:22px; background-color: #1779FB; border-radius: 50%;;}
.slide_set .del_sl::before {content: "";display: block;width:10px;height:2px;background-color:#A7A7A7;transform: rotate(45deg);position: absolute;top: 9px;left: 5px;}
.slide_set .del_sl::after {content: "";display: block;width:10px;height:2px;background-color:#A7A7A7;transform: rotate(-45deg);position: absolute;top: 9px;left: 5px;}
.slide_set .add_sl::before {content: "";display: block;width:10px;height:2px;background-color:#fff;transform: rotate(90deg);position: absolute;top: 10px;left: 6px;}
.slide_set .add_sl::after {content: "";display: block;width:10px;height:2px;background-color:#fff; position: absolute;top: 10px;left: 6px;}
.rcs_send_wrap .slide_set {  margin:40px 0 5px; } 
.rcs_send_wrap .slide_set .sl_item:nth-child(3n) { margin-right:0;}
.rcs_send_wrap .slide_set .sl_item:nth-child(4),
.rcs_send_wrap .slide_set .sl_item:nth-child(5),
.rcs_send_wrap .slide_set .sl_item:nth-child(6),
.rcs_send_wrap .slide_set .sl_item:nth-child(7){ margin-top:4px;}
.rcs_send_wrap .slide_set .sl_item.on { background-color: #0055ff; }
.rcs_send_wrap .slide_set .sl_item.on::before { content: ""; display: block; width:10px; height:4px; border-bottom:2px solid #fff; border-left:2px solid #fff; transform: rotate(-45deg); margin-right:9px;}
.rcs_send_wrap .slide_set .sl_item.on .it_name { color:#fff; }
.slide_set .sl_item.on .del_sl::before { background-color:#0055ff;}
.slide_set .sl_item.on .del_sl::after { background-color:#0055ff;}
.slide_set .sl_item.on .del_sl { border-color:#0055ff; }
.slide_set .sl_item.on .del_sl:hover::before { background-color:#022569;}
.slide_set .sl_item.on .del_sl:hover::after { background-color:#022569;}
.slide_set .sl_item.on .del_sl:hover { border-color:#022569; }

.rcs_send_wrap .slde_type { padding:20px; border-radius: 10px; background-color: #f1f5f9; flex-direction:column }
.rcs_send_wrap .slde_type .align_dt { font-size:15px; color:#334155; margin-bottom:20px;}
.rcs_send_wrap .slde_type .file_wrap { margin-top:40px;}
.rcs_send_wrap .slde_type .msg_box { background-color: #fff;}
.rcs_send_wrap .slde_type .msg_main:focus-within { border-color:#333}

.section_contents:has(.msg_box.type_rcs_card) { margin-top:-10px; padding:20px; background-color: #f1f5f9; }
.section_contents .msg_box.type_rcs_card {background: #fff;}

.align_dl { display: flex;}
.align_dl + .align_dl { margin-top:15px;}
.align_dt { width:130px; color:#777; flex-shrink: 0; margin-bottom:10px;}
.align_dd  { flex:1;}
.rcs_send_wrap .wrap_right .file_wrap + .layout_01 { margin-top:15px;}
.rcs_send_wrap .align_dd > div { width:100%;}
.rcs_send_wrap .align_dd > div + div { margin-top:15px;}
.tip_youtube { width: 335px;}
.tip_instead { width: 400px;}
.rcs_send_wrap .direction_column .radio_box_b + .radio_box_b { margin-top:6px;}
.rcs_send_wrap .wrap_right .tit_txt + .layout_01 { margin-top:10px; margin-bottom:15px;}
.rcs_send_wrap .section_contents .section_tit .align_right { display: inline-flex; vertical-align: 6px;;}
.rcs_send_wrap .align_dd .file_wrap .bar_bul li { font-size: 13px; letter-spacing: -.02em; padding-left: 12px;}

.rcs_msg_option { margin-top:20px;}
.rcs_msg_option .section_tit {justify-content: flex-start}
.rcs_msg_option + .msg_option {justify-content: space-between; margin-top:10px;}
.rcs_msg_option + .msg_option button { width:calc(100% / 2 - 5px);}
.rcs_msg_option .box_btn_wrap button { background-color: #DEE1E5; border:none; color:#414141;} 
.rcs_msg_option .box_btn_wrap button:hover { background-color: #d6dade;} 
.rcs_msg_option .box_btn_wrap button:disabled { background: #e8e8e8 !important; color:#A8A8A8; cursor: not-allowed;}
.rcs_msg_option .section_tit { margin-bottom:20px;}
.rcs_msg_option .select_box_a { flex-grow: 0; flex-shrink: 0; width:115px; background: #fff; border:1px solid #c7cacf; height:44px; box-sizing: border-box;}
.rcs_msg_option .select_box_a:hover { border-color:#9ea7b4}
.rcs_msg_option .layout_01 { padding:10px 0; }
.rcs_msg_option .layout_01 + .layout_01 { border-top:1px solid #dfe2e5;} 
.rcs_msg_option .layout_01 .input_wrap_a > * + * { margin-top:5px;}
.rcs_msg_option .layout_01 textarea{ width:100%; height:100px; padding:15px 12px; box-sizing: border-box; background: #fff; border:1px solid #c7cacf; border-radius: 4px; resize:none;}
.rcs_msg_option .date_range_picker .date_box { width:calc(50% - 5px); background-color: #fff; }
.rcs_msg_option .date_range_picker .date_box input { width:100%; line-height: 1; padding:11px 32px 11px 4px}
.rcs_msg_option .date_box .icon_date { margin-right:0;}
.rcs_msg_option .layout_01 .item_02 { align-items: flex-start;}
.rcs_msg_option .layout_01 .item_02 .btn_del { margin-top:8px; height: 30px;padding: 0 13px;background: #edeef0;color: #9EA3AA;border-radius: 20px;font-size: 13px;}
.rcs_msg_option .layout_01 .item_02 .btn_del:hover { background-color: #e0e1e2;}
.rcs_msg_option .date_range_picker .blank { width:10px;}


/* rcs �귣�� ���� */
.rcs_regist .section_tit { flex-direction: column; align-items: flex-start;}
/* .how_to_rcs { width:1200px;} */
.how_to_rcs ol { display: flex; align-items: flex-start; margin-top:10px}
.how_to_rcs ol li { position:relative; width:calc(25% - 20px); margin-right:calc(80px / 3); }
.how_to_rcs ol li { display: flex; flex-direction: column;  border:1px solid #E1E1E0; border-radius: 4px; word-break: keep-all;}
.how_to_rcs ol li::after { content: ""; width:0; height:0; display: block;border-top: 8px solid transparent;border-left: 7px solid #ddd;border-right: 8px solid transparent;border-bottom: 8px solid transparent;position: absolute;right: -26px;top: 122px;}
.how_to_rcs ol li:last-child { margin-right:0px;}
.how_to_rcs ol li:last-child:after { display: none;}
.section_tit:has(.btn_toggle) { justify-content: flex-start;}
.section_tit .btn_toggle {display: flex;align-items: center;margin-left:14px;padding: 6px 17px;border: 1px solid #000;color: #000;background: #fff;border-radius: 20px;font-size: 15px;}
.section_tit .btn_toggle:hover { background-color: #f3f3f3;}
.section_tit .btn_toggle:after {content: "";display: inline-block;width:0;height:0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 4px solid #000;margin-left: 10px;vertical-align: 1px;margin-top: 2px;}
.section_tit .btn_toggle.on:after { transform: rotate(180deg);}
.section_tit .btn_toggle.on .fold { display: none;}
.section_tit .btn_toggle .open { display: none;}
.section_tit .btn_toggle.on .open { display: inline-block;}
.section_tit:has(.btn_toggle.on) + .section_body { display: none;}

.how_to_rcs .step_box { display: flex; flex-direction: column; padding: 30px 16px 20px; text-align: center;}
.how_to_rcs .step_box .img_box { display: flex; justify-content: center;}
.how_to_rcs .step_box .img_box img { max-width:70%; height:auto; object-fit: contain;}
.how_to_rcs .step_box .copy_box strong { margin-top:10px; font-size:24px; color:#000; font-weight:600; font-family: pretendard;}
.how_to_rcs .step_box .copy_box .main_copy {font-size:22px; font-weight:600; line-height: 1.4; color:#000}
.how_to_rcs .step_box .copy_box .sub_copy { margin-top:10px; font-size:13px; color:#7F7F7F;line-height:1.3 }
.how_to_rcs .step_box .btn_box { display: flex !important; justify-content: flex-end !important; flex-direction: column !important; margin-top:auto !important;}
.how_to_rcs .step_box .btn_box * { font-size:13px; border-radius: 4px; padding:0;}
.how_to_rcs .step_box .btn_box *:last-child { margin-top:4px;}
.how_to_rcs .step_box .btn_box .bg_blue::after { margin-left:7px; content: ""; display: inline-block; width:16px; height:8px; background:url(/design/img/sub/rcs/link_arrow-db36f990af5f8cd388b1f4d0d4afcdfd.png) no-repeat; background-size:100%;}
.how_to_rcs .info_wrap {border-radius:0 0 10px 10px; overflow: hidden;}
.how_to_rcs .info_wrap > div {  padding:20px 14px; font-size:13px; word-break: break-all; letter-spacing: -0.02em;}
.how_to_rcs .info_wrap > div:last-child { margin-bottom:0;}
.how_to_rcs .info_wrap .red_box { text-align: center; padding-top:0;}
.how_to_rcs .info_wrap .gray_box { background: #F8F8F6; border-top:1px solid #E1E1E0 }
.file_wrap .layout_01 { margin-top:10px;}
.item_01 .user_file { margin-top:0;}
.rcs_regist table + p { margin-top:7px; font-size:13px; color:#686868}
.rcs_regist .table_wrap_c + p { margin-top:7px; font-size:13px; color:#686868}
.rcs_regist table th,
.rcs_regist table td { text-align: left;}
.rcs_regist table .info_desc { margin-top:10px; font-size:13px;}
.rcs_regist table .tooltip { margin-left:4px;;}
.rcs_regist .file_wrap .tit { margin-bottom:10px}
.rcs_regist .table_wrap_a tr td b { margin:0 10px; line-height: 44px;}
.rcs_regist .table_wrap_a .phone_num input{ text-align: center; padding:11px}
.main_btn_box { margin-top:30px; display: flex; justify-content: center;}
.rcs_regist .ico_set { display: inline-block; width:16px; height:16px; margin-right:5px; background: url(/design/img/sub/rcs/ico_set-3d4a17050eceec84bda3d3f9b2caf345.png); background-repeat: no-repeat; background-size: 100%; }
.rcs_regist .ico_del{ display: inline-block; width:20px; height:20px; margin-right:5px; background: url(/design/img/common/icon/contacts&result-cb8f8abb3ed47eccd34c7b4678fdf568.png); background-repeat: no-repeat; background-size: 150px; background-position: -95px -35px !important }
.rcs_regist .table_wrap_c .btn_a { height:28px; padding:0 8px; font-size:13px; color:#000; }
.rcs_regist .table_wrap_c .t_cell { width:calc(60% / 5); justify-content: center;}
.rcs_regist .table_wrap_c .t_cell:nth-child(4) { width:20%;}
.rcs_regist .table_wrap_c .t_cell:nth-child(5) { width:20%;}
.tip_brand_id { width:380px;}
.tip_brand_id ul:first-child { margin-top:0;}
.how_to_rcs .case_notice .ico_notice { display: inline-block; width:16px; height:16px; margin-right:5px; background: url(/design/img/sub/rcs/ico_notice-5a1b756ef3874553ed783380d4c94e4a.png); background-size: 100%; }
.how_to_rcs .case_notice strong {font-weight:500;color: #ff0001;display: flex;align-items: center;margin-bottom: 10px;}
.rcs_regist .case_diff .desc { margin-bottom:30px;}
.rcs_regist .case_diff a.txt_blue:hover {text-decoration: underline;}
.rcs_regist .section_tit p { font-size:13px; margin-top:5px;}



/* ���λ���Ʈ */
.section_contents:has(.info_bigin) { margin-top:0;}
.section_contents:has(.info_bigin) .section_body { margin-top:0;}
.info_bigin { display: flex; align-items: center; padding:10px;; background-color: #f5f7f8; padding: 15px 20px 14px; border-radius: 4px; box-sizing: border-box; line-height: 21px; margin-top:20px !important; }
.info_bigin .info_copy { font-size:14px;font-weight: 400; color:#333; display: inline-block; margin-right:20px;}
.info_bigin .info_copy b { color:#3b89e0; font-weight: 400;;}
.info_bigin .logo_wrap { display: inline-block;}
.info_bigin .logo_wrap img { display: inline-block; height: 24px; mix-blend-mode: multiply;}
.state_wrap { margin-top:16px;}
.user_link_state { display: flex; flex-wrap: wrap; align-items: center;border:1px solid #dce0e6; padding:12px 20px;border-radius: 4px;box-sizing: border-box;width: 100%;}
.user_link_state [class*="i_stt_"] {display: inline-block;width: 9px;height: 9px;border-radius: 50%; margin-right: 7px; }
.user_link_state .i_stt_gry { background: #ccc;}
.user_link_state .i_stt_ylw { background: #ffcc33; }
.user_link_state .i_stt_grn {background: #45dc1f; }
.user_link_state .tit {font-size: 14px;color:#7e858d; font-weight:500;}
.user_link_state .conts {display: flex;flex-wrap: wrap;align-items: center;margin-right: auto;}
.user_link_state .conts button {padding: 0 20px; height:36px;}
.user_link_state .type_wrap {display: flex;  width: 100%;align-items: center;}
.user_link_state .type_wrap button {height: 42px;padding:0 28px}
.user_link_state .type_wrap .stt {display: flex;align-items: center;font-size: 16px;color:#000;margin-left:16px;font-weight: 500;margin-right: auto;}
.user_link_state .type_wrap .stt b { margin-left:4px; font-weight:300; font-size:15px; padding-top:2px;}
.user_link_state .text_banner { flex-wrap: wrap; font-size: 13px;font-weight: 500;color: #389aff;position: relative;overflow: hidden;text-align: center;height: 36px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;border-radius: 2px;background: #e6f5ff; flex:1; margin:0 40px;}
.user_link_state .text_banner.beta .accent { width:140px; }
.user_link_state .text_banner .accent { width:120px; }
.user_link_state .text_banner .accent {margin:0 10px;font-size: 14px;display: inline-flex;align-items: center;overflow: hidden;height: 24px;border-radius: 20px;background: linear-gradient(101.36deg,#61aeff -.53%,#4a80ff 74.75%);color: #fff;position: relative;box-sizing: border-box;}
.user_link_state .text_banner .accent div { display: block; width: 200%; position: absolute; overflow: hidden; animation: marquee 4s linear infinite; }
.user_link_state .text_banner .accent span { float: left; width: 50%; font-weight: 500; }

@keyframes marquee { 0% { left: 0; } 100% { left: -100%; } }
.user_link_state .info_text { font-size:13px; width: 100%; margin-top:12px; color:#7e858d; font-weight:300;}
.user_link_state .info_text strong { color:#3b89e0 !important; font-weight:300;}
.user_link_state .date_text {font-size:13px; letter-spacing: -.3px; margin-left:6px;font-weight:300;color: #7e858d;align-self: self-end;}
.user_link_state .i_loading { width: 20px; height:20px; background: url(/design/img/sub/bigin/load-1dc68105d939bc98553d4df65cfd3267.gif); background-size:100%; margin-left:5px;}
.user_link_state .txt_red .date_text { color:#f1244f}
.group_list { margin-top:40px;}
.group_list .tit_txt .sub_txt { font-size:13px; margin:0 0 2px 10px !important; font-weight:300;}
.group_list .table_wrap_b { margin-top:20px;}
.group_wrap { border-top:1px solid #000; margin-top:10px;}
.group_wrap .grp_row { display: flex; align-items: center; width: 100%; padding:10px; box-sizing: border-box; border-bottom:1px solid #efefef; }
.group_wrap .grp_row .radio_box_b label b { font-size:16px; font-weight:300;}
.group_wrap .grp_row .radio_box_b  { margin-right:16px;}
.group_wrap .grp_row .radio_box_b label span { margin-right:0;}
.group_wrap .grp_row:has(.radio_box_b input:checked ) {background: #f3faff;}
.group_wrap .grp_row:has(.radio_box_b input:checked ) p { color:#0055ff}
.group_wrap .grp_row:has(.radio_box_b input:checked ) .num_box { color:#0055ff}
.group_wrap .grp_row:has(.radio_box_b input:checked ) .select_box_a { background: #fff;}
.group_wrap .grp_row .select_box_a {border:1px solid #c2c9d4;margin-right:8px; width: auto;min-width: 0; height: 36px; box-sizing: border-box;}
.group_wrap .grp_row .conts .select_box_a > p { font-size:14px; margin-right: 0;} 
.group_wrap .grp_row .select_box_a.on { box-shadow: none; border-color:#939ba6}
.group_wrap .grp_row .num_box { flex-shrink: 0; margin-left:auto; font-size:16px; font-weight:600;}
.group_wrap .grp_row .conts { display: flex; align-items: center;}
.group_wrap .grp_row .conts p { margin-right:8px; font-size:15px; font-weight:300; word-break: keep-all; }
.group_list .link_btn .select_option li { display: flex;  align-items: center;}
.group_list .link_btn .select_option li i { position:relative; margin-left:auto; width: 10px; height:10px; margin-right:10px; }
.group_list .link_btn .select_option li i::before {content: "";display: block;width: 8px;height:1px;background: #6d7a8d;position: absolute;top: 5px;}
.group_list .link_btn .select_option li i::after {content: "";display: block;width:4px;height:4px;border-top:1px solid #6d7a8d;transform: rotate(45deg);border-right:1px solid #6d7a8d;position: absolute;top: 3px;left: 4px;}
.group_list .sub_txt .wrap_bubble { width: 200px;}
@media (min-width:767px) {
.group_wrap .grp_row:hover { background-color: #f9f9f9;}
}
@media (max-width:767px) {
  .user_link_state .info_text { font-size:12px; margin-bottom:16px;}
  .nav_menu li .bdg_new { margin-left:0;}
  .info_bigin { flex-direction: column;}
  .info_bigin.info_srv ul { padding:0;}
  .user_link_state { padding:16px;}
  .user_link_state .tit  { font-size:13px;}
  .user_link_state .type_wrap { flex-wrap: wrap;}
  .user_link_state .type_wrap .stt { font-size:14px; margin-left:10px;}
  .user_link_state .text_banner { order:3; margin:20px 0 0 !important; width: 100%;padding: 10px 20px;height:auto; flex:auto; }
  .user_link_state .text_banner .accent { margin:4px 8px; font-size: 13px;}f
  .user_link_state:has(.text_banner) .conts { margin-right:0;}
  .user_link_state .conts button { padding: 0px 10px;height: 34px;}
  .user_link_state:not(:has(.text_banner)) .conts button { padding: 0px 10px;height: 34px;} 
  .user_link_state .date_text { font-size: 12px; margin-left:4px;;}
  .section_contents .section_tit .tit_txt { flex-wrap: wrap; justify-content: flex-start;}
  .group_list { margin-top:40px;}
  .group_list .tit_txt .sub_txt { align-self: flex-end;}
  .group_list .link_btn { margin-top:20px; margin-left:auto; width: 100%;}
  .group_list .tit_txt .sub_txt.txt_red { width: 100%; margin:2px 0 0 0 !important; font-size:12px;}
  .group_wrap .grp_row { flex-wrap: wrap; padding:16px 10px}
  .group_wrap .grp_row .conts {display: block;width: calc(100% - 34px);}
  .group_wrap .grp_row .conts p {display: inline;font-size: 14px; letter-spacing: -.2px;; margin-right:4px;}
  .group_wrap .grp_row .select_box_a {display: inline-block;box-sizing: border-box;height: 24px; font-size:13px; padding: 0 28px 0 5px;margin-right: 4px;line-height: 25px;border: 1px solid #758398;}
  .group_wrap .grp_row .select_box_a .icon_arrow {top: -2px;right: auto;position: relative;}
  .group_wrap .grp_row .num_box {font-size:16px; width: 100%;text-align: right; margin-top:10px; color:#000; font-weight:600;}
  .group_wrap .grp_row .unit { font-size:14px;}
  .group_wrap .grp_row .radio_box_b { margin-right:12px;}
  .group_wrap .select_option li {line-height: 1;padding: 7px 6px; }
  .user_link_state .type_wrap .stt b { font-size:13px;}
  .info_bigin .logo_wrap { display: block; margin:4px 0 0 -7px;}
  .user_link_state .type_wrap button { margin-left:auto; height:32px !important;}
}






/* RCS �귣�� ���? ���̺� */
@media (max-width:767px) {
  .brand_resigt.table_wrap_a { width:100%;}
  .brand_resigt.table_wrap_a tr { display: flex; flex-direction: column; padding:0; width:100%; }
  .brand_resigt.table_wrap_a tr,
  .brand_resigt.table_wrap_a td,
  .brand_resigt.table_wrap_a th { background-color: #fff !important;  border:none !important; padding-left:0 !important; padding-right:0 !important;}
  .brand_resigt.table_wrap_a td { border-bottom:1px solid #E1E1E0 !important; padding-bottom:20px;}
  .brand_resigt.table_wrap_a th { font-size:16px ; padding-top:20px; }
  .brand_resigt.table_wrap_a .case_diff.box_w4 { width:calc(100vw - 32px);}
  .brand_resigt.table_wrap_a .phone_num { width:100%;}
}


@media (min-width:767px) {
.how_to_rcs ol li:hover { box-shadow: 0px 6px 32px -8px rgba(0, 0, 0, 0.18), 0px 0px 1px 0px rgba(0, 0, 0, 0.6)}
.how_to_rcs .step_box { height:380px;}
.how_to_rcs.user_case .step_box { height:370px;}
}

/* rcs �귣�� ���� */
@media (max-width:767px) {
  .how_to_rcs .step_box { padding-top:20px;}
  .how_to_rcs { width:100%;}
  .how_to_rcs ol { flex-direction: column;}
  .how_to_rcs ol li { width:100%; margin-bottom:20px;}
  .how_to_rcs .step_box .img_box { display: none;}
  .how_to_rcs .step_box .copy_box .main_copy { font-size:18px;}
  .how_to_rcs .step_box .copy_box .sub_copy { margin-top:20px; font-size:12px;}
  .how_to_rcs .step_box .btn_box { margin-top:16px !important;}
  .how_to_rcs ol li::after {left:0;top: auto;bottom: -23px; border-left:7px solid #d7d7d7; transform: rotate(90deg);right: 0;margin: auto;}
  .how_to_rcs .step_box .m_hidden { display: none !important;}
  .how_to_rcs .info_wrap > div { font-size:12px;}
  .how_to_rcs .step_box .copy_box strong { font-size:20px;}
}
@media (max-width:767px) {
	.Edocu .box_module .layout_01 .item_01 {width:100%; display: inline-block; border:0 !important; padding: 16px!important; margin:10px 0;}
  .Edocu .box_module .layout_01 .item_01 .kakao_noti{ height: auto;}
}

/* ���ڿ��� */
.api_item_wrap { text-align: left;}
.api_item_wrap .item_api {display: inline-block;margin-right: 15px; }
.api_item_wrap .item_api img { position:relative; width:24px; margin-right: 4px; vertical-align: -7px; }
.api_item_wrap .info_item { margin-top:10px; font-size:13px; color:#334155}

/* ���ڿ��� landing_api */
.landing_api_apply .table_wrap_a th,
.landing_api_apply .table_wrap_a td { font-size:13px; padding:10px;}
.landing_api_apply .table_wrap_a .radio_box_b + .radio_box_b { margin-left:20px;}
.landing_api_apply .table_wrap_a .radio_box_b + .txt_blue { margin-left:30px;}
.landing_api_apply .table_wrap_a { border-top:1px solid #333;}
.landing_api_apply .table_wrap_a tr,
.landing_api_apply .table_wrap_a th,
.landing_api_apply .table_wrap_a tr td { border-right:0; border-left:0; border-bottom:1px solid #d1d1d1; }
.landing_api_apply .table_wrap_a .info_txt { text-align: left; margin-top:10px;}
.landing_api_apply .btn_box { display: flex; align-items: center; justify-content: center; margin-top: 30px;}
.landing_api_apply .btn_s_a {margin-left:10px;}
.landing_api_apply .btn{ display: flex; align-items: flex-end; justify-content: center;}
.landing_api_apply .btn button{ height: 45px;}
.landing_api_apply .section_body .info_box_gray .txt_b01 { margin: 10px 10px 10px 0px ;}
.landing_api_apply .del_area {margin-top: 20px; padding-left:20px; box-sizing: border-box;}
.landing_api_apply .del_area span.ip_num {display: inline-block; margin:10px 50px 0 0;}
.landing_api_apply .filter_area { display:flex; margin: 20px 0; flex-wrap: wrap;}
.ly_body.landing_api_apply .filter_area{ margin:0 0 20px 0;}
.landing_api_apply .filter_area > * + * { margin-left: 6px;}
.landing_api_apply .table_wrap_c .t_cell {width:calc(100% / 6); justify-content: center;}
.landing_api_apply .table_wrap_c .t_right {justify-content: flex-end; padding-right: 15px; box-sizing: border-box;  text-align: right;}
.landing_api_apply .category_d{ padding:10px 25px 0px;}
.landing_api_apply .ppurio_api{ margin: 15px 0px 0 30px;}
.landing_api_apply .direction_row.info_box_gray { align-items: center;}
.landing_api_apply .direction_row.info_box_gray a { margin-left:10px;}

@media (max-width:767px) {
  .landing_api_apply .category_d{ padding:0px;}
  .landing_api_apply .ppurio_api{margin:10px 0 0 0;}
  .landing_api_apply .code_wrap{margin:5px 0 0 0;}
  .landing_api_apply .info_box_gray .layout_01{ flex-wrap: wrap; justify-content: flex-end;}
  .landing_api_apply .layout_01 .btn{ margin-top: 10px;}
  .landing_api_apply .api_table_01 .t_cell{font-size: 12px;}
  .landing_api_apply .filter_area .select_box_a{ width:100%; margin-bottom: 10px; margin-left: 0;}
  .landing_api_apply .filter_area .search_wrap{ margin-left: 0 !important; width:235px;}
  .landing_api_apply .date_range_picker{ padding:0;}
  .landing_api_apply .table_wrap_a{ border:1px solid #e9e9e9 !important}
  .landing_api_apply .table_wrap_a tr{ border:0;}
  .landing_api_apply .table_wrap_a th,
  .landing_api_apply .table_wrap_a td{ display: block; border: 0; text-align: left; background: #fff;}
  .landing_api_apply .table_wrap_a tr td{ border-bottom: 1px solid #e9e9e9;}
  .landing_api_apply .table_wrap_a tr:last-child td{ border-bottom: 0;}
  .landing_api_apply .table_wrap_a .box_w3,
  .landing_api_apply .table_wrap_a .box_w4{ width:100%;}
  .landing_api_apply .section_body + .section_body{ margin-top: 10px;}
  .landing_api_apply .section_body + .section_body .info_box_gray .layout_01{ flex-wrap: nowrap;}
}

/* ���� // �ξ��� �귿 */
@media (max-width:767px) {
  .sect_roulette_wrap .box_user_grade,
  .sect_roulette_wrap .winner_history_wrap .inner,
  .sect_roulette_wrap .notice_wrap .inner,
  .sect_roulette_wrap .notice_wrap .inner,
  .roulette_wrap .inner .box_roulette,
  .sect_roulette_wrap .winner_wrap .winner_box,
  .roulette_wrap .inner { width:100%;}

  .sect_roulette_wrap .winner_history_wrap,
  .sect_roulette_wrap .notice_wrap,
  .sect_roulette_wrap .winner_wrap,
  .roulette_wrap .inner,
  .sect_roulette_wrap .title_wrap {padding:40px 16px;box-sizing: border-box;}

  .sect_roulette_wrap .main_title_box { width:100%; transform: scale(.65); margin:40px 0;}
  .roulette_wrap .tab_box { width:100%;}
  .roulette_wrap .roulette_menu { top:52px}
  .roulette_wrap .tab_box a { font-size:18px; padding:10px; width:33.33%; text-align: center;}
  .roulette_wrap .inner  { padding:228px 0 40px; background:none; overflow: hidden;}
  .roulette_wrap .inner .box_roulette {background:#fff;width: calc(100vw - 32px);height: calc(100vw - 32px);}
  .roulette_wrap .box_times_left {margin-top: 0; padding:10px 30px;}
  .sect_roulette_wrap .main_title_box .obj_item_01 {left: 12%;top: -12%; }
  .sect_roulette_wrap .main_title_box .obj_item_02 {left: -1%;top: 6%; }
  .sect_roulette_wrap .main_title_box .obj_item_03 {left: -8%;top: 35%}
  .sect_roulette_wrap .main_title_box .obj_item_04 {left: -23%;bottom: -20%;}
  .sect_roulette_wrap .main_title_box .obj_item_05 {right: -8%;top: -9%;}
  .sect_roulette_wrap .main_title_box .obj_item_06 {right: -2%;bottom: 0%;}
  .sect_roulette_wrap .main_title_box .obj_item_07 {right: 10%;bottom: -23%;}
  .sect_roulette_wrap .main_title_box .obj_item_08 {right: -7%;bottom: 19%}
  .roulette_wrap .roulette_item [class*="item"] {font-size: 2vw; font-weight:700;}
  .roulette_wrap .roulette_item .item_name {margin-top: 7%;}
  .roulette_wrap .roulette_item .item_img {max-width: 12%;margin-top: 2%;max-height: 15%;}
  .roulette_wrap .box_times_left > span { font-size:16px; font-weight:700;}
  .roulette_wrap .btn_play { transform: scale(.7);}

  .sect_roulette_wrap .notice_wrap .noti_list li { font-size:13px; }
  .sect_roulette_wrap .winner_wrap .title_box { width:calc(497px / 2); height:calc(90px / 2); background-size:calc(497px / 2) ; }
  .sect_roulette_wrap .winner_wrap .sub_title_box { padding:40px 0; }
  .sect_roulette_wrap .winner_wrap .sub_title_box p { font-size:14px; color:#5a5a5a;}
  .sect_roulette_wrap .sum_wrap { flex-direction: column;}
  .sect_roulette_wrap .sum_wrap .sum_item { display: flex; align-items: center; padding:10px;}
  .sect_roulette_wrap .sum_wrap .sum_item + .sum_item {margin-left:0; margin-top:10px;}
  .sect_roulette_wrap .sum_wrap .sum_name {margin-top: 0; font-size:14px;}
  .sect_roulette_wrap .sum_wrap .box_num strong { font-size:18px;}
  .sect_roulette_wrap .sum_wrap .box_num { margin-top:0; margin-left:auto; background-color: #fff;;}
  .sect_roulette_wrap .winner_wrap [class*="ico"] { transform: scale(.7); transform-origin: center;}

  .table_roulette_winner .t_cell:nth-child(1) { width:80px; justify-content:center}
  .table_roulette_winner .t_cell:nth-child(2) { flex-direction: column; width:90px;}
  .table_roulette_winner .t_cell:nth-child(3) { flex:1; justify-content:center}
}



/* ���� */
@media (max-width:767px) {
  .box_user_grade { flex-direction: column; box-shadow: none; padding:0; width:100%; }
  .sect_roulette_wrap .box_user_grade { margin:0; padding:20px;}
  .box_user_grade .icon_grade { margin: 20px 0;}
  .box_user_grade .grande_info { margin-left:0; margin-top:20px;}
  .box_user_grade .grande_info > p { word-break: keep-all; font-size:20px;}
  .box_user_grade .icon_grade  + .grande_info { margin-top: 20px;}
  .box_user_grade .ppuri_info { width:100%;}
  .box_user_grade .ppuri_info > div { justify-content: space-between; margin-bottom:10px;}
  .box_user_grade .ppuri_info > div > div { display: flex; flex-direction: column; align-items: flex-end;}
  .box_user_grade .ppuri_info .txt_light_gray { font-size:12px;}
  .sect_user_grade .section_tit { flex-direction: column; align-items:flex-start}

  .table_benefit_history .t_cell:nth-child(1) { width:50px;}
  .table_benefit_history .t_cell:nth-child(2) { margin-right:auto; width:100px; flex-direction: column;}
  .table_benefit_history .t_cell:nth-child(3) { flex:1;}
  .sect_benefit_history  .table_ppuri .t_row { align-items: flex-start; flex-wrap: wrap; font-size: 12px;}
  .sect_benefit_history  .table_ppuri .t_cell:nth-child(1) { width:90px;  flex-direction: column; align-items: flex-start;}
  .sect_benefit_history  .table_ppuri .t_cell:nth-child(2) {order:5;width:100%;margin:5px 0 0 0;padding-top:5px;border-top: 1px solid #e8e8e8;}
  .sect_benefit_history  .table_ppuri .t_cell:nth-child(3) { width: calc(100% / 3 - 30px);}
  .sect_benefit_history  .table_ppuri .t_cell:nth-child(4) { width: calc(100% / 3 - 30px);}
  .sect_benefit_history  .table_ppuri .t_cell:nth-child(5) { width: calc(100% / 3 - 30px);}
  .item_exchange_box .exchange_tit { margin-top:12px; font-size:18px;}
  .item_exchange_box .exchange_info { font-size:13px;}
  .item_exchange_box { flex-wrap: wrap;}
  .item_exchange_box .item_exchange { max-width:calc(50% - 10px); flex:auto; box-sizing: border-box; margin-right: 5px; margin-left: 5px !important; margin-bottom:10px; padding: 10px;}
  .item_exchange_box .item_exchange:hover { transform: none;}
  .sect_user_grade .grade_wrap { flex-direction: column;}
  .item_grade { width:100%; flex:none;}
  .item_grade { border:none !important; box-shadow: 0 0 10px rgba(0,0,0,.15); margin:20px 0 0 0 !important; box-sizing: border-box; padding:10px;}
  .item_grade + .item_grade { margin-left:0;}
  .item_grade .grade_type {height: auto !important; flex-direction: row; justify-content: space-between; align-items: flex-start;}
  .item_grade .grade_type > div:nth-child(1) { margin-top:0;  flex-direction: row;}
  .item_grade .grade_symbol_big + .grade_name { margin-left:10px; font-size:24px;}
  .item_grade .grade_type .txt_qualify { text-align: left;}
  .item_grade .grade_benefit { background-color: #f1f1f1 !important; border-top:none; border-radius: 15px; padding:0;}
  .item_grade .grade_benefit .item_wrap { display: none; flex-wrap: nowrap; overflow-x: auto; border-top:none; margin-top:15px; padding:0 15px 15px}
  .item_grade .grade_benefit .item_wrap:after { content: ""; display: block; clear: both;}
  .item_grade .grade_benefit .m_box_benefit_tit.on + .item_wrap{ display: block;}
  .item_grade .grade_benefit .m_box_benefit_tit.on .ico_open { transform: rotate(180deg);}
  .item_grade .item_benefit { float:left; width:calc(100% / 2 - 10px); padding:5px; flex-shrink: 0;}
  .item_grade .benefit_tit { color:#777 !important}
  .item_grade .item_benefit + .item_benefit { margin-top:0;}
  .m_box_benefit_tit { padding:10px 15px; display: flex !important; justify-content: space-between; align-items:center;}
  .m_box_benefit_tit .tit_txt { color:#777; font-size:20px; font-weight:700;}
  .m_box_benefit_tit .ico_open  {width: 40px;height: 40px;background: url(/design/img/sub/benefit/open_arrow-9ff3ba7d64086309349a03549cf82344.png);background-repeat: no-repeat;background-size: 40px;}
  .item_grade .benefit_conts_02 .inner { flex-direction: column; align-items:center;}
  .item_grade .benefit_conts_02 .conts_txt { margin-top:10px;}
  .section_contents.sect_roulette_wrap { padding:0 !important; margin-bottom:-40px;}
	
  .benefit_noti {padding: 20px;}
  .benefit_noti .icon {display: inline-block; width: 100%; text-align: center;}
  .benefit_noti .txt {display: inline-block; margin: 16px 0 0 0; font-size: 15px; width: 100%; word-break: keep-all; text-align: center; vertical-align: top;}
}

/* ���������� */
@media (max-width:767px) {
  .section_contents .section_tit div .sub_txt { margin-top:5px;}
  .table_infoset_card_m .t_row{ flex-direction: column;}
  .table_wrap_d[class*="_card_m"] .t_row { background-color: #fff; border: 1px solid #e9e9e9 !important; padding: 15px 10px; margin-top: -1px;}
  .table_wrap_d[class*="_card_m"] .t_cell {width:100%;font-size: 16px;padding: 0;color: #333;}
  .table_wrap_d[class*="_card_m"] .cell_th {background-color: #fff;padding: 0;font-size:13px;color:#333;margin-bottom:10px; font-weight:600;}
  .table_wrap_d[class*="_card_m"] .t_body {border-top: none;}
  .table_wrap_d[class*="_card_m"] .desc.box_w4 { width:100%; }
  .table_wrap_d[class*="_card_m"] .info_txt { font-size:12px;}
  .table_wrap_d[class*="_card_m"] .radio_box_b { margin-right:15px; padding:6px 0;}
  .table_wrap_d[class*="_card_m"] .radio_box_b:last-child { margin-right:0px;}
  .table_wrap_d[class*="_card_m"] .radio_box_b label span { margin-right:5px;}

  .sect_mypage_signin .box_w5 { width:100%;}
  .sect_mypage_signin { background-color: #f9f9f9;}

  .table_wrap_d[class*="_card_m"] .layout_01.box_w3 { width:100%;}
  [class*="sect_"] .call_info_box { padding: 20px;flex-direction: column; align-items: flex-start;}
  [class*="sect_"] .call_info_box > div span { font-size:14px; font-weight: 600;}
  [class*="sect_"] .call_info_box > div strong { font-size:26px; font-weight: 900 ; margin-top:5px; line-height: 1;}
  [class*="sect_"] .call_info_box > ul {margin-left: 0;margin-top: 20px;}
  [class*="table_manage"] .t_header { display: none }
  [class*="table_manage"] .t_row {flex-wrap: wrap;padding-top: 40px;}
  [class*="table_manage"] .t_cell:nth-child(1) { width:22px; position: relative;}
  [class*="table_manage"] .t_cell:nth-child(1)::before {content: "�⺻ �߽Ź�ȣ";font-size: 13px;position:absolute;top: -26px;width: 200px;left: 0;color: #333;}
  [class*="table_manage"] .t_cell:nth-child(2) { width:60%; justify-content: flex-start; font-size:18px; font-weight:600;}
  [class*="table_manage"] .t_cell:nth-child(3) {order:4;width:60%;margin-top: 15px;}
  [class*="table_manage"] .t_cell:nth-child(4) { order:3; width:30%; justify-content: flex-end; text-align: center; font-size:13px}
  [class*="table_manage"] .t_cell:nth-child(5) {order:5;width:40%;margin-top: 15px;justify-content: flex-end;}
  [class*="table_manage"] .btn_s_a { padding:3px 4px;}
  [class*="table_manage"] .t_cell button + button { margin-left:3px;}
  .sect_manage_send_num .box_module .btn_box { width:100%;}
  .sect_manage_send_num .box_module .btn_box [class*="btn"] { width:100%;}
  .sect_manage_send_num .btn_box { display: flex; flex-direction: column;}
  .sect_manage_send_num .btn_box button + button { margin-top:10px; margin-left: 0;}
  .sect_security .align_box { flex-direction: column; }
  .sect_security .align_box > .box_module + .box_module { display: none;}
  .sect_security .box_module { width:100%; min-height:100px;}
  .sect_security .align_box .box_module + .box_module { margin-top:10px; margin-left:0;}
  .sect_security .align_box .tit_box .tit_txt { font-size:13px;}
  .sect_security .align_box .tit_box .tit_txt + div { font-size:13px;}
  .sect_security .align_box .ip_num { font-size:18px;}
  .sect_security [class*="register_box_"] [class*="table_"] .t_cell > span { font-size:12px;}
  .table_login_history .t_cell:nth-child(1) { display: flex; flex-direction: column;}
  .wrap_ip_num .box_module .item_02 { width:40px; font-size:13px;}
  .register_box_phone .tit_txt .align_right { margin-left:0; margin-top:10px;}
  .sect_withdrawal .align_box { flex-direction: column; }
  .sect_withdrawal .box_module { width:100%; }
  .sect_withdrawal .align_box .box_module + .box_module { margin-top:10px; margin-left:0;}
  .sect_security .table_permit_ip .t_row { flex-wrap: wrap;}
  .sect_security .table_permit_ip .t_cell { width:calc(100% / 3) !important;  }
  .sect_security .table_permit_ip .t_cell:nth-child(2) { order:4; width:100% !important; margin-top:5px;}
  .sect_security .table_permit_ip .layout_01 { width:100%;}
  .sect_security .table_permit_ip .t_header .t_cell:nth-child(2) { display: none;}
  .sec_scrt_certified .box_module { width:100%;}
  .section_contents .section_body .alert_txt_box .tooltip { vertical-align: 3px;}
  .sec_scrt_certified .box_module .item_02 { flex-shrink: 1;}
  .sec_scrt_certified .select_box_a { height:100%; box-sizing: border-box;}
  .sec_scrt_certified .btn_box + p { display: none;}
  .sec_scrt_certified .btn_box { padding-top:20px;}
  .box_user_have_wrap { background-color: #fff;;}
  .sect_withdrawal .have_item { width:calc(100% / 2 - 10px); padding:10px}
  .sect_withdrawal .have_conts { margin-top:20px}
  .sect_withdrawal .accrdn_wrap .check_box_a label { padding:20px 10px}
  .sect_withdrawal .accrdn_wrap .agree_desc { padding:15px 10px; font-size:13px;}
  .sect_withdrawal .accrdn_wrap li .toggle_open:hover { background-color: #fff;}
  .sect_withdrawal .accrdn_wrap li .toggle_open:before {width:6px; height:6px;}
  .sect_withdrawal .sect_tit { font-size:16px;}
  .sect_mypage_userinfo .cell_th .pop_ly_bubble { display: none;}
  .sect_mypage_userinfo .btn_box .box_w2{ width:100%;}
  .sect_withdrawal .btn_box  .box_w2{ width:100%;}
  .sect_mypage_signin .btn_box  .box_w2{ width:100%;}
  .sec_scrt_certified .btn_box > * { flex:1; padding:10px 0}
  .sect_security  .category_c { display: none;}
  .sect_security .layout_01 [class*="item"] + [class*="item"]{ margin-left: 4px;}
  .sect_security .date_range_picker{ padding:0;}
}


/* ���� �ŷ������� */
@media print {
  html, body {width:210mm !important; height:297mm !important; padding:.5cm; box-sizing: border-box;}
  @page {size:A4; margin:0; width:210mm; height:297mm;}
  .header_wrap,
  .side_quick_contain,
  .side_user_contain,
  .footer_wrap,
  .tab_bar,
  .contents_header { opacity: 0 !important; visibility:hidden; display: none !important;}
  .print_wrap { print-color-adjust: exact; -webkit-print-color-adjust: exact;  visibility:visible;background-color: white;}
  .section_contents.w_narrow { width:100% !important}
  .section_contents .section_body { margin:0 !important}
  .contents_contain { margin:0; padding:0; min-width: auto;}
  .receipt_wrap .title_box { padding-top:70px;}
  .section_tit,
  .none_data,
  .direction_row,
  .sheet_option_box,
  .input_wrap_a ,
  .sect_receipt .btn_box,
  .sect_receipt .filter_area { display: none !important;}
  .receipt_wrap { border:none;  margin:0;  padding:0; max-width: 100%;}
  .section_contents:not(.m_wide_contents) { padding:0 !important;}
  .section_contents { border:none}
  .sect_charge_list  { display: none}
  #depositReceiptLayer {position: fixed;width:100%;height:100%; box-sizing: border-box; padding:1cm;}
  .receipt_wrap .title_box { margin:0;}
  .section_contents { margin:0;}
  .sect_receipt .filter_area + .print_wrap { margin:0;}
}



/* �ּҷ� */
@media (max-width:767px) {
  .addr_list_wrap,
  .addr_list_wrap .contact_wrap { min-width: 100%; margin-bottom:0;}
  .contact_top .filter_area { flex-wrap: wrap; margin-bottom:0;}
  .contact_top .filter_area .search_wrap { width:calc(100% - 114px); margin-right:13px;}
  .contact_top .filter_area .search_wrap .select_box_a { min-width:80px; box-sizing: border-box; }
  .contact_top .search_wrap + .btn_s_a { margin-left: 0;}
  .contact_top .search_wrap + .btn_s_a em { margin-left:0;}
  .contact_top .search_wrap + .btn_s_a .btn_txt { display: none;}
  .contact_manage .contact_top .filter_area > .select_box_a { margin-top:10px;}
  .sect_contact .layout_01.align_left .bar + .item_02 { flex:1;}
  .sect_contact .table_wrap_c .t_cell > span{ font-size:12px; padding:0 3px;}
  .t_reject .t_cell:nth-child(1){ width:60px; flex-shrink: 0;}
  .t_reject .t_cell:nth-child(2), .t_reject .t_cell:nth-child(3){ width: 90px;}
  .t_reject .t_cell:nth-child(4){ width: 56px;}
  .sect_contact .tool_area .layout_01 { width:100%;}
  .sect_contact .tool_area .layout_01 .item_01 { flex:1;}
  .sect_contact .align_right { margin-top:10px;}
  .contacts_list .heading .align_right { margin-top:0;}
  .contacts_list .heading .align_right em { margin-right:0;}
  .contacts_list .heading .align_right .btn_txt { display: none;}
  .contacts_list .heading .btn_a + .btn_a { margin-left:6px;}
  .contacts_list .heading .btn_pre { display: block;}
  .contacts_list .heading .icon_pre { margin-right:0;}
  .contacts_list .heading .icon_pre + .btn_txt { display: none;}
  .sect_contact .excel_btn_wrap { margin-top:30px; }
  .sect_contact .excel_btn_wrap { display: flex; }
  .sect_contact .excel_btn_wrap .align_right { margin-left:0;}
  .sect_contact .section_tit .tit_txt {flex-direction: column; align-items: flex-end;}
  .sect_contact .section_tit .sub_txt { margin:7px 0 0;}
  .sect_contact .sel_category .select_box_a { width:100px; margin-bottom: 10px}
  .sect_contact .sel_category .item_01 { margin-left:0;}

  .t_reject .t_header { top:52px;}
  .order_instead .t_header { top:52px;}
  .order_instead .t_cell:nth-child(1){ width:78px; flex-shrink: 0;}
  .order_instead .t_cell:nth-child(2){ width:78px; flex-shrink: 0;}
  .order_instead .t_cell:nth-child(4){ order:5; width:100%; margin-top:20px;}
  .order_instead .t_row { flex-wrap: wrap}

  .contacts_list { min-width:100%; }
  .section_contents.contact_manage { margin-bottom:0; width:100%; min-width: 100%;}
  .contact_folder_group { width:100%; max-height: 100%; border-right:none;}
  .contacts_list .heading .btn_box { flex-wrap: wrap}
  .search_keyword .key_message * { font-size: 14px;}
  .manage_list .group_area { padding-left:16px;}
  .contact_folder_group .tool_box  { justify-content: space-around; top:52px; padding:5px;}
  .manage_list > .heading { top:117px;}
  .manage_inner > .list_row.on { position:sticky; top:0; z-index: 100;;}
  .contact_top { padding:10px 16px;}
  .contact_folder_group .tool_box button { padding:10px 5px;width: auto;margin: 0;flex-direction: column;flex-grow: 1;margin: -.5px;border-radius: 0;}
  .contact_folder_group .tool_box button:first-child { border-radius: 5px 0 0 5px;}
  .contact_folder_group .tool_box button:last-child { border-radius: 0 5px 5px 0;}
  .contact_folder_group .tool_box button .btn_txt { font-size:11px;}
  .sect_contact button em[class*="icon"] { margin:0 0 3px 0;}
  .sect_contact .none_data div { font-size: 14px;}

  .contacts_list .list_row { flex-wrap: wrap; padding:15px 10px; }
  .contacts_list .nav_group { border-width:1px; top:142px}
  .contacts_list .list_row.nav_group { padding:10px;}
  .contacts_list .list_row:hover { background: #fff;}
  .contacts_list .nav_group .list_info { max-width: 120px;}
  .contacts_list .heading { position: sticky; top: 47px; z-index: 10; background: #fff; border-top:1px solid #dce0e6}
  .folder_group_box .manage_list { min-height:300px;}
  .contact_wrap .list_row .btn_box button:hover::before { display: none;}
  .contacts_list .list_row .cell_check { order:1;}
  .contacts_list .list_row .cell_tit {order: 2;width: calc(100% - 200px); min-width: auto;}
  .contacts_list .list_row .cell_phone {order: 3;width: 105px;padding: 0;}
  .contacts_list .list_row .btn_box {order: 4;width: 24px;margin-right: 10px;}
  .contacts_list .list_row .cell_variable {order: 5;}
  .contacts_list .list_row .cell_more {order: 6;}
  .contacts_list .list_row .more_see { padding:3px 4px; font-size:11px; border-radius:3px}

  .contacts_list .list_row .btn_box ,
  .contacts_list .list_row .cell_variable ,
  .contacts_list .list_row .cell_fax ,
  .contacts_list .list_row .cell_email  { display: none !important;}
  .contacts_list .editing .edit_info { display: none;}
  .contacts_list .editing .cell_tit { display: flex;}
  .contacts_list .editing .cell_phone { display: block;}

  .top_move {display: flex;align-items: center;justify-content: center;transform: rotate(-90deg);position: fixed;bottom: 86px;right: 10px;width: 40px;height: 40px;background: rgba(255,255,255,.7);border-radius: 50%;z-index: 100;box-shadow: 0 0 12px 0px rgb(171 171 171);}
}


/* �߼۰��? ����Ʈ �̸����� 767�̻� �ʺ񿡼��� ���� */
.list_preview .prvw_hide {display: none !important;}
.list_table .table_hide {display: none !important;}
.list_preview .list_body .br_preview { display: none;}
.list_table .list_body .br_preview { display: none;}
@media (min-width:767px) {
  .list_preview .product_message .p_msg_box span { position:absolute; top:11px; left:40px; letter-spacing: -.04em; display: inline-block; font-weight: 500; vertical-align: middle;}
  .list_preview .message_title { position:absolute; top:-32px; left:40px; letter-spacing: -.04em; display: inline-block; font-weight: 500; vertical-align: middle;}
  .list_preview [class*="cell"] { line-height: 1.4;}
  .list_preview .result_total { justify-content: end;}
  .list_preview .cell_date { order:3;display: flex;justify-content: space-between;width: 100%;padding: 5px 10px;box-sizing: border-box;border-bottom: 1px solid #ededed}
  .list_preview .cell_check { width:calc(100% - 20px); padding: 10px; background: #fff}
  .list_preview .list_header { display: none;}
  .list_preview .list_body { display: flex; flex-wrap: wrap; margin-top:20px;}
  .list_preview .list_row {position: relative;padding:0;box-sizing: border-box;padding-bottom:50px; width: calc(100% / 3); margin-bottom:20px; flex-direction: column; border:1px solid #dce0e6;  overflow: hidden; margin-left:-1px;}
  

  .list_preview .list_row { margin-right:24px;}
  .list_preview .list_row { width:calc(100% / 3 - 24px * 2 / 3);}
  .list_preview .list_row:nth-child(3n) { margin-right:0;}

  .kakao_result .kakao_template_box { width:100%;}
  .kakao_result .kakao_template_box .kakao_message { width:100%;}
  .kakao_result .box_4 { display: flex;}
  .kakao_result.list_preview .box_4 { width:100%; flex-direction: column}
  .kakao_result .box_4 .box_2 { display: flex;}
  .kakao_result .box_4 .box_3 { display: flex;}
  .list_preview .list_row:hover { z-index: 10; box-shadow: 0px 6px 32px -8px rgba(0, 0, 0, 0.18), 0px 0px 1px 0px rgba(0, 0, 0, 0.6); background-color: #fff;;}
  .list_preview .list_body .box_1 { width:100%; flex-direction: column; align-items: flex-start;}
  .mms_wrap + .cell_message .p_msg_box {max-height: 130px;}
  .list_preview .p_msg_box { width:100%; max-height:250px; overflow-y: auto; padding:10px; box-sizing: border-box;}
  .list_preview .p_msg_box p { display: block;}
  .list_preview .m_coupon_wrap + .product_message .p_msg_box {height:100px;}
  .list_table .product_message .p_msg_box span { margin:0; }
  .list_preview .product_message { display: flex; width:100%; height:100px; padding:0; margin:0; background: #f9f9f9; flex:1; border-bottom: 1px solid #dce0e6;}
  .list_preview .product_message .p_info { font-weight: 700; padding:5px 10px; border-top:1px solid #dce0e6; border-bottom:1px solid #dce0e6; box-shadow: 0px -5px 10px 0px rgba(0,0,0,.1);}
  .list_preview .list_body .cell_message { width:100%; height:180px; display: flex; flex-direction: column; border-top: 1px solid #dce0e6;}
  .list_preview .list_body .cell_message  .cell_message {border-top: none;}
  .list_preview .cell_message .btn_box {position: absolute; bottom:10px;right: 10px;left: 10px; }
  .list_preview .cell_message .btn_box button { width:100% }
  .list_preview:has(.btn_srvy_result) .cell_message .btn_box { left:100px; }
  .list_preview .btn_srvy_result { position:absolute; left:10px; bottom:10px; height:28px; box-sizing: border-box; padding:0 10px; line-height: 28px; border-radius: 4px;}
  .list_preview .cell_template_name .btn_box {position: absolute; bottom:10px;right: 10px;left: 10px;width: calc(100% - 20px);}
  .list_preview .cell_template_name .btn_box button { width:100% }
  .list_preview .cell_template_name .result_detail { padding:3px 10px; height:auto; }
  .list_preview .list_body .box_2 { flex-wrap: wrap; width:100%;justify-content: space-between;padding: 5px 10px;box-sizing: border-box;border-bottom: 1px solid #ededed;}
  .list_preview .list_body .box_2_1 { width:100%;justify-content: space-between;; display: flex; box-sizing: border-box; }
  .list_preview .list_body .box_2_2 { width:100%;justify-content: space-between;; display: flex; box-sizing: border-box; margin-top:10px;}
  .list_preview .list_body .box_2_2 .result_success { width: auto;}
  .list_preview .list_body .box_2_2 .result_fail { width: auto;}
  .list_preview .list_body .box_2_2 .result_fail::before { content: "/"; margin-top:2px; display: inline-block; margin-right:3px; margin-left:3px;}
  .list_preview .list_body .box_3 { width:100%;justify-content: space-between;padding: 5px 10px;box-sizing: border-box;}
  .list_preview .prev_tit  { display: block; color:#818994}
  .list_preview .msg_type  { width:auto;}
  .m_coupon_wrap { display: none;}
  .m_coupon_wrap .coupon_box { width:calc(100% - 20px); overflow: hidden; border-radius: 5px;}
  .list_preview  .m_coupon_wrap { display:flex !important; padding:10px 0; justify-content: center; align-items: center; background: #f0f0f0;}
  .list_preview  .m_coupon_wrap + .product_message { display:flex; flex-direction: column; width:100%; height:120px; }
  .mms_wrap { display: none;}
  .list_preview .rcs_message_wrap .text_bubble { padding:20px 10px 40px 0; overflow: visible}
  .list_preview .rcs_message_wrap .msg_card { overflow: hidden !important;}
  .list_preview .product_message .rcs_message_wrap { display: flex;}

  .list_preview [class*="msg_card"] .nevi_wrap .swiper-button-prev { top:100px}
  .list_preview [class*="msg_card"] .nevi_wrap .swiper-button-next { top:100px}  

  .list_preview .mms_wrap { height:120px; display: flex; padding: 10px 15px;width: 100%;box-sizing: border-box;justify-content: center;}
  .list_preview .mms_wrap img {max-width:33.33%; max-height: 100%; height: auto; width: auto;box-sizing: border-box;cursor: pointer; }
  .list_preview .mms_wrap img + img { margin-left:5px; }
  .list_preview .mms_wrap img:hover { box-shadow: 0 0 3px rgba(0,0,0,.6); transform: scale(2); transition:0.1s; transform-origin:center; z-index: 1;}
  .list_preview .mms_wrap + .product_message  { display:flex; flex-direction: column; width:100%; max-height:80px; border-top:1px solid #dce0e6;}
  .list_table .kakao_template_box  { display: none;}
  .kakao_result .kakao_template_box:hover {box-shadow: none;}
  .section_contents.apply_use{ margin-top: 100px;}
}



/* �����? �߼�â*/
@media (max-width:767px) {
  .message_wrap { flex-direction: column; width:100% !important;}
  .wrap_top { margin:0; padding:20px 16px;}
  .wrap_left { margin:0 !important; padding:0 !important;}
  .wrap_left > .section_contents { width:100%;}
  .wrap_right > .section_contents { width:100%;}
  .split_wrap { flex-direction: column; width:100%;}
  .sect_message { margin-top:0; width:100%; border-top:0;}
  .sect_message .section_tit { display: none;}
  .sect_message .section_body { margin-top:0; }
  .photo_wrap { border-top:0; margin-top:20px !important}
  .section_contents.photo_wrap .section_tit { display: flex; margin-bottom:10px; padding-left:0 !important; padding-top:0px !important}
  .msg_box { border-radius: 0; padding:30px 16px; border:none; background: transparent;}
  .msg_option button { padding:5px 7px;}
  .sect_send_num .section_body{ width: 100%; }
  .sect_sender_name .section_body{ width: 100%;}
  .contacts_box { flex-direction: column;}
  .contacts_box .btn_d { background: #0055ff; color:#fff; border:none;}
  .contacts_direct { width:100%; padding:10px;}
  .contacts_direct:after { display: none;}
  .contacts_box .tb_box { margin: 0 auto;box-sizing: border-box; background: #fff;}
  .sect_contacts .table_wrap {width: 100%; margin:0;padding: 0 16px;background: #f6f6f6; border:none; border-radius: 0;;}
  .sect_contacts .contacts_wrap .th_box { padding:20px 0 ;}
  .sect_contacts .contacts_wrap .tf_box { padding:20px 0 ;}
  .sect_contacts .section_tit { padding:30px 16px 0;}
  .sect_contacts .btn_wrap { padding:0 16px;}
  .sect_product_send .detail_wrap { width:100%;padding: 0;background: #fff;flex-direction: column; box-shadow: none;}
  .sect_product_send .product_info_box { padding:20px 0 0 0;}
  .product_info_desc .product_info_list { padding:10px 0;}
  .sect_product_send .product_img_box { display: flex; align-items: center; justify-content: center;}
  .send_option_a label { padding:16px 0; margin:0; }
  .send_option_a .btn_option { width:50%;}
  .send_option_wrap .date_time_picker { width:100%;}
  .send_option_wrap .date_time_picker > div { min-width:auto;}
  .send_20_info,
  .send_20 { display: none;}
  .contacts_direct { background: #fff;}
  .contacts_direct .input_textarea { max-height: 100px;}
  .contacts_direct .layout_02 .item_02 { display: flex; justify-content: flex-end;}
  .contacts_direct .layout_02 .item_02 button { width:auto;}
  .btn_send_wrap > div + div .btn_a { flex-grow: 0}
  .btn_send_wrap > div .bg_blue { border-radius: 4px;}
  .template_wrap { display: none;}
  .join_end_wrap .input_wrap_a {padding:15px 0px;}
  .send_option_b + .layout_01 { width:100%;}
  .split_wrap .sect_total_payment { padding:0 !important;}
  .split_wrap .pay_total_box { padding:16px ; background: #fff;}
  .pay_total_box .total_list { padding:0; border:none;}
  .pay_list_wrap { margin-bottom:40px;}
  .pay_total_box .pay_list_wrap .total_num { font-size:20px; font-weight:700;}
  .option_send_num { max-height: calc(100vh - 200px); overflow-y: auto }
  .ai_btn_wrap { display: none;}
  .toast_btn_box { display: none;}
  .textarea_wrap_a:has(.toast_btn_box.show) { padding-bottom:0;}
  .tip_link_guide { display: none;}


}

/* ���������? ����Ʈ */
@media (max-width:767px) {
  .m_coupon_title { width:100%;margin: 0;padding: 40px 16px 140px;position: relative;align-items: center; border-radius: 0;}
  .m_coupon_title + .event_banner_long { margin:0; }
  .mobile_coupon_wrap .event_banner_long { width:100%;}
  .m_coupon_title .tit_txt {margin-right: 30px; width:auto;}
  .m_coupon_title .tit_img {width: 190px;}
  .m_coupon_title .tit_img img { width:100%;}
  .m_coupon_title .sub_copy {font-size: 16px; word-break: keep-all;}
  .m_coupon_title .main_copy {font-size: 30px; margin-top:10px; line-height: 1.3; word-break: keep-all;}
  .m_coupon_title .search_box { position:absolute; bottom:20px; left:16px; right:16px;}
  .m_coupon_title .input_wrap_a input { padding:10px 16px;}
  .product_img_box img {  max-width: 100%; max-height: 100%;}
  .product_box { margin-left: 0;}
  .product_item { width:calc(100% / 2);}
  .product_price { margin-top:5px;}
  .product_price .save_point {display: block;margin: 0;font-size: 12px;}
  .badge_wrap span { font-size:11px; padding:1px 4px;}
  .product_tit { margin-top:6px;}
  .product_tit .brand_name { font-size:12px;}
  .product_tit .product_name { font-size:11px;}
  .sect_product_cate .section_body { position: relative;}
  .sect_product_cate .category_a .cate_item { box-sizing: border-box; padding:4px;}
  .sect_product_cate .category_a .cate_item a { width: auto;padding: 5px 10px;white-space: nowrap;}
  .category_b .cate_item a { padding:10px;}
  .category_a .cate_item span { font-size:12px; }
  .category_a .cate_item .bubble_tip { font-size:12px; top:-12px; padding:2px 5px; margin-right:-3px;}
  .category_a .cate_item .bubble_tip::before { bottom:-1px; z-index: -1;}
  .swiper-button-next { right:0 !important;}
  .swiper-button-prev { left:0 !important;}
  .exc_box { width: 100%;}
  .exc_box .icon_exc { width: 40px; margin-right:10px;}
  .event_banner_long {width: 100%;  margin: 0;overflow: hidden; margin-top:0 !important;}
  .sect_coupon_list + .event_banner_long { margin-top:30px;}
  .event_banner_long .banner_item { display: flex; height: 70px; justify-content: center; border-radius: 0;}
  .event_banner_long .nevi_wrap { display: none;}

  .new_user { flex-wrap: nowrap; overflow-x: auto;}
  .new_guide { width:calc(100% / 5 * 2); min-width: 140px; margin:0 10px 0 0;}
  .new_guide a { padding:15px; flex-direction: column; align-items: flex-start;}
  .new_guide a:hover { transform: none;}
  .guide_tit { font-size:14px;}
  .guide_p { font-size:13px;}
  .guide_icon { margin-top:20px; margin-left:0;}

  .mobile_coupon_srch_box { flex-direction: column; align-items: flex-start; padding:0; background: #fff;}
  .mobile_coupon_srch_box .srch_tit { margin-bottom:10px;}
  .mobile_coupon_srch_box .input_wrap_a { width:100%}
  .sect_coupon_list .item_filter { flex-wrap: wrap;}
  .sect_coupon_list .item_filter button { font-size:13px;margin: 0 10px 10px 0;}
  .sect_coupon_list .item_filter .result_info { width:100%; margin:0 0 20px 0; font-size:16px;}
  .sect_coupon_list .item_filter .check_box_a { margin-left:auto;}
  .sect_product_detail .detail_wrap { flex-direction: column;}
  .sect_product_detail .product_img_box {width: 100%;padding: 20px;text-align: center;}
  .detail_wrap .product_info_box {margin-left: 0; margin-top:20px;width: 100%;}
  .detail_wrap .product_brand { font-size:14px; margin-bottom: 8px;}
  .detail_wrap .product_name { font-size:16px;}
  .product_info_desc { margin-top:20px;}
  .product_info_desc .product_info_list .desc_price {font-size: 20px;}
  .product_info_desc .product_info_list .discount .num { font-size:16px}
  .product_info_desc .product_info_list .discount .discount_info { font-size:12px;}
  .sect_product_info + .nav_menu { margin-top:50px;}
  .nav_menu + .section_contents { border-top:0;}

}

/* �߼۰��?*/
@media (max-width:767px) {
  .sect_result_list .list_row { width:100% !important; flex-wrap: wrap; position: relative;padding: 10px 10px 54px 10px;box-sizing: border-box;align-items: self-start; border-width: 10px; border-color: #ecedee; justify-content:flex-end; margin-left:0 !important;}
  .sect_result_list { min-width: 100%}
  .result_contents {  width:100%; }
  .result_top_area { display: none;}
  .sect_result_list .view_type { display: none !important;}
  .sect_result_list .tool_area .btn_area + .btn_a {  width:100%;}
  .sect_result_list .btn_area button:nth-child(2) { display: none;}
  .sect_result_list .btn_area button:nth-child(3) { display: none;}
  .sect_result_list .tool_area .view_type { display: none}
  .sect_result_list .filter_area { margin:10px; flex-wrap: wrap;}
  .sect_result_list .filter_area .message_option {display: none !important;}
  .sect_result_list .search_wrap { flex:1; background: #fff; flex-direction: column;width: calc(100% - 128px);margin-left: 0;}
  .sect_result_list .search_wrap .select_box_a { width:150px; background:#f1f5f9}
  .sect_result_list .search_wrap .input_wrap_a {border-radius: 5px;background:#f1f5f9;margin-top: 5px;}
  .sect_result_list .filter_area button { height:42px; flex-shrink: 0;}
  .sect_result_list .date_range_picker {background:#f1f5f9; margin-top:5px; border-radius: 4px;}
  .sect_result_list .filter_area { align-items: flex-end;}
  .sect_result_list .tool_area { flex-direction: column-reverse; padding:0 10px; align-items: stretch; padding-top:0; margin-top:0;}
  .sect_result_list .tool_area .btn_area { padding:0; margin-top:15px; padding-bottom:10px; justify-content: space-between;}
  .sect_result_list .control_area { position: static; padding-top:0;}
  .sect_result_list .list_header { display: none;}
  .sect_result_list .kakao_template_box  { display: none;}
  .result_detail_wrap .kakao_template_box  { display: block; padding:7px;}
  .result_detail_wrap .kakao_template_box:hover { box-shadow: none;}
  .sect_result_list .list_body .box_1 {width: 65%; padding-right: 10px; box-sizing: border-box; flex-direction: column;align-items: flex-start;}
  .sect_result_list .list_body .box_2 {width: 35%; font-weight:700; margin-top:auto; flex-direction: column; align-items:flex-end;}
  .sect_result_list .list_body .box_2 > div div { margin:1px 0;}
  .sect_result_list .list_body .box_2_1 { width:100%; display: flex; flex-direction: column;}
  .sect_result_list .list_body .box_2_1 > div { justify-content:flex-end; width:100%;}
  .sect_result_list .list_body .box_2_2 { width:100%; }
  .sect_result_list .list_body .box_2_2 > div { flex-direction: column;}
  .sect_result_list .list_body .box_2_2 > div > div { width:auto; justify-content: space-between;}
  .sect_result_list .list_body .box_3 { width: auto; position: absolute; top:49px; left:10px;}
  .sect_result_list .kakao_result .list_body .cell_date { order:2;}
  .kakao_result .list_body .list_row > .box_2 { width:auto;}
  .kakao_result .list_body .cell_template_name { width:auto;}
  .kakao_result .list_body .cell_template_name .cell_box { font-size:14px; padding:0; max-width: 200px; }
  .result_contents .product_message .p_msg_box p { display: none;}
  .cell_check { width: auto;}
  .cell_date { width: auto; margin-top:39px;}
  .product_message .p_msg_box span {margin-top:10px; margin-bottom:0; top:0 !important; vertical-align: text-bottom;}
  .cell_template_name .p_msg_box span { margin-top:10px; margin-bottom:0;}
  .cell_template_name .cell_box span { display: block; margin-top:10px; margin-bottom:0;}
  .info_state { width:auto;}
  .kakao_result .box_1 { width:40%; flex-direction: column;}
  .kakao_result .box_4 { width:60%; flex-direction: column; margin-top:auto;}
  .kakao_result .box_4 .box_2{ width:100%;display: flex;flex-direction: row;justify-content: space-between; padding:2px 0;}
  .kakao_result .box_4 .box_2 + .box_2 { border-top:1px solid #ededed}
  .kakao_result .box_4 .box_2 .result_total { margin-top:0;}
  .kakao_result .msg_type { width:auto;}
  .kakao_result .box_4 .cell_box::before { display: none;}
  .kakao_result .box_3 .cell_box::before { display: none;}
  .kakao_result .box_4 .prev_tit:not(.cell_box) { display: block; font-size:.9em; font-weight:400; color:#758398;}
  .kakao_result .box_3 .prev_tit:not(.cell_box) { display: none}
  .kakao_result.list_preview .cell_template_name {border:none;  }
  .kakao_result .cell_check { order:1;}
  .kakao_result .cell_template_name { order:3;}
  .kakao_result .cell_date { order:2;}

  .cell_date > div { color:#758398;}
  .list_body .cell_message { width: auto;}
  .result_total { width: auto; margin-top:5px !important; justify-content: space-between !important;}
  .result_total:before { content: "�߼۰�"; display: inline-block; margin-right:10px; color:#758398; font-weight:400; }
  .result_success:before { content: "����"; display: inline-block; margin-right:10px; color:#758398; font-weight:400; }
  .result_fail:before { content: "����"; display: inline-block; margin-right:10px; color:#758398; font-weight:400;}
  .result_success.subst:before { content: "��ü���ڼ���";}
  .result_fail.subst:before { content: "��ü���ڽ���";}

  .cell_message .hover_message_box { display: none;}
  .cell_message .download_box { display: none;}
  .cell_template_name .hover_message_box { display: none;}
  .kakao_result { min-width: 100%;}
  .cell_message .btn_box { position: absolute; width:auto; bottom:10px; left:10px; right:10px;}
  .cell_message .btn_box button { width:100%; }
  .cell_template_name .btn_box { position: absolute; width:auto; bottom:10px; left:10px; right:10px;}
  .cell_template_name .btn_box button { width:100%; }
  .product_message { width:auto; padding:0; font-size:14px; font-weight:700;}
  .m_coupon_wrap { display: none;}
  .mms_wrap { display: none;}
  .rcs_message_wrap { display: none;}
  .p_msg_box .btn_srvy_result { margin-top: 10px; font-size:11px;}
  .product_message .message_title { margin-top:10px;} 
  .m_coupon_wrap + .product_message .p_msg_box { display: none !important;}
  .result_detail_wrap {flex-direction: column; margin-top: 0; width:100%;}
  .sect_result_detail { width:100%; padding: 20px 16px !important; box-sizing: border-box;}
  .result_detail_wrap .wrap_right  { width:100%;}
  .sect_result_detail .call_num_box .item_01 span { font-size:13px;}
  .sect_result_detail .call_num_box .item_02 { display: none;}
  .sect_result_info_03 .section_tit .btn_box .m_none { display: none !important;}
  .sect_result_info_03 .section_tit .btn_box > div:first-child{ margin-bottom:0;}
  .rcs_message_wrap .con_box { overscroll-behavior:auto; width:100%; max-height: calc(100vh - 250px);}
  .result_box { display: flex; flex-direction: column;}
  .sect_result_detail .result_box .btn_box { order:1;}
  .sect_result_detail .message_history { margin-top:10px;}
  .sect_result_detail .type_m_coupon { order:2; margin-top:20px;}
  .sect_result_detail .message_history { order:3; max-height: calc(100vh - 300px); border-radius: 10px;}
  .sect_result_detail .kakao_template_box { order:3; max-height: calc(100vh - 300px); border-radius: 10px;}
  .sect_result_detail .message_history .table_wrap_b > div { flex-direction:row;}
  .sect_result_detail .message_history .table_wrap_b .cell_tit { margin:0;}
  .sect_result_detail .call_num_box { order:4; margin-top:10px;}
  .sect_result_detail .desc { order:5;}
  .sect_result_info_01 { padding:0; border-top: 10px solid #eeeeee !important}
  [class*="sect_result_info"] .table_wrap_b > div { flex-direction: row;}
  .sect_result_info_03 .is_belong { flex-direction: column !important;}
  .sect_result_info_03 .is_belong .is_half { width:100%;}
  [class*="sect_result_info"] .table_wrap_b .cell_tit { margin-bottom:0;}
  .sect_result_info_02 { margin-left:0;}

}

/* ���� */
@media (max-width:767px) {
  .sect_charge_type .box_module .box_w3 { width:100%;}
  .sect_charge_type .layout_01.box_w5{ width:100%; flex-wrap: wrap;}
  .sect_charge_type .table_wrap_g.box_w4{ width:100%; display: block; flex-wrap: wrap;}
  .sect_charge_type .charge_type .radio_box_b {margin: 0 !important;width: calc(100% /3);padding: 0 10px 20px 0;box-sizing: border-box;}
  .sect_charge_type .direction_row + .check_box_a { margin-top:0;}
  .sect_charge_type .direction_row + .check_box_a label span { display: none;}
  .sect_charge_type .my_account .radio_box_b{ margin:0 !important; width:100%; padding:0 0 20px 0;}
  .box_split .layout_01 { flex-direction: column !important;}
  .box_split .item_01 { width:100% !important;}
  .box_split .layout_01 > * + * { border-top:1px solid #e3e3e3 !important; border-left: 0 !important;}
  .sect_charge_type .layout_01.box_w5 .input_wrap_a { width:100%; flex-shrink: 0;}
  .sect_charge_type .box_gray .table_wrap_g .b_tr { display: flex; flex-direction: column;}
  .sect_charge_type .box_gray .table_wrap_g .b_th { padding:10px 0 0 0;}
  .sect_charge_type .box_gray .table_wrap_g .b_td.box_w4 { width:100%;}
  .sect_charge_type .box_gray .table_wrap_g .layout_01.box_w2 { width:100%;}
  .sect_charge_type .direction_column .layout_01 + div { width:100%; display: flex; justify-content: space-between;}
  .sect_charge_type .btn_box_add button { font-size:12px; height:40px;  margin:0 2px 0 0;}
  .sect_charge_type .btn_box_add button .srch_reset { transform: scale(.8);}
  .sect_charge_type .box_gray .select_box_a { min-width: 80px; box-sizing: border-box;}
  .charge_table_02 .t_header { top:52px}
  .sect_charge_list .charge_table_01 .t_cell span { font-size:12px; padding:0 1px;}
  .charge_table_01 .t_header { top:52px}
  .sect_charge_list .charge_table_01 .t_cell:nth-child(1) { width:40px;}
  .sect_charge_list .charge_table_01 .t_cell:nth-child(2) { width:55px;}
  .sect_charge_list .charge_table_01 .t_cell:nth-child(3) { width:40px;}
  .sect_charge_list .charge_table_01 .t_cell:nth-child(4) { width:80px; justify-content: center;}
  .sect_charge_list .charge_table_01 .t_cell:nth-child(6) { display: none;}
  .sect_charge_list .charge_table_02 .t_cell span { font-size:12px; padding:0 1px;}
  .sect_charge_list .charge_table_02 .t_cell:nth-child(1) { width:40px;}
  .sect_charge_list .charge_table_02 .t_cell:nth-child(2) { width:40px;}
  .sect_charge_list .charge_table_02 .t_cell:nth-child(3) { width:40px;}
  .sect_charge_list .charge_table_02 .t_cell:nth-child(7) { width:30px;}
  .sect_used_history .used_history_pc { display: none;}
  .sect_used_history .used_history_m { display: block;}
  .sect_used_history .summary + .filter_area { margin-top:20px;}
  .sect_used_history .summary { flex-direction: column; align-items: flex-start; margin-top:10px;}
  .sect_used_history .summary .btn_box .line_blue { display: none;}
  .sect_used_history .summary .summay_using + .btn_box { margin:10px 0 0 0;}
  .sect_used_history .summary .sub_box { flex-direction: column; align-items: flex-start;}
  .sect_used_history .summary .summay_using { margin-left:0;}
  .sect_used_history .filter_area button { display: none;}
  .sect_used_history .filter_area button:first-child, .sect_used_history .filter_area button:nth-child(2){ display: block;}
  .sect_used_history .summary .main_box { font-size:15px;}
  .sect_taxbill .table_wrap_d .t_cell:nth-child(1) {width: 95px;flex-shrink: 0;box-sizing: border-box;font-size: 13px;flex-direction: column;}
  .sect_taxbill .table_wrap_d .t_cell:nth-child(1) span { margin:0; color:#99a2b1;}
  .sect_taxbill  .section_tit .tit_txt { flex-direction: column; align-items: flex-start;}
  .sect_taxbill  .section_tit .sub_txt { margin:5px 0 0 0; font-size:14px}


}

/* ȸ������*/
@media (max-width:767px) {
  .sect_signup { border-top:0;}
  .sign_tit_wrap .tit_text { font-size:18px;}
  .sign_tit_wrap .step_wrap { width:100%;}
  .step_wrap {width:100%;}
  .join_end_wrap div.search_result ul li div > a {font-size:12px; width:100px; height:46px; font-size: 13px !important;}
}


/* ��������_���� */
.section_contents.sect_customer{ margin-top: 40px;}
pre{ overflow: auto; white-space: pre-wrap; font-size: 14px !important; font-weight: 400 !important; line-height: 1.5;}

/* ��������_�������� */
.notice_box:has(.sect_customer) { border-top:none;} 
.notice_box .sect_customer .tool_area { display: flex; flex-wrap: wrap;}
.notice_box .sect_customer .table_wrap_a tr td{text-align: center;}
.notice_box .table_wrap{ margin-top: 20px;}
.notice_box .table_wrap .notice .none_data{ padding: 30px 0; color:#aeaeae;}
.notice_box .table_wrap .notice tr td:nth-child(2){ text-align : left; cursor: pointer; border:0}
.notice_box .table_wrap .notice tr td p{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.notice_box .table_wrap .notice tr td:nth-child(2) a:hover{ color : #0056ff; cursor: pointer;}
/* ��������_��������_�ڼ��� */
.sect_customer .notice_detail{ border-top: 1px solid #333;}
.sect_customer .notice_detail .notice_title{ border-bottom : 1px solid #ccc; font-size: 15px; font-weight: 600; color : #334155; display: flex; align-items: flex-start; padding : 23px; background: #f1f5f9;}
.sect_customer .notice_detail .notice_title .no_title{width:85%;}
.sect_customer .notice_detail [class*="li_"] .li_title{width:70%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.sect_customer .notice_detail .no_con { margin-left: auto; width : 90px;}
.sect_customer .notice_detail .notice_con { font-size: 16px; font-weight:400; line-height: 1.5; color : #334155; display: flex; align-items: center; padding : 23px; border-bottom : 1px solid #ccc;}
.sect_customer .notice_detail .notice_con img { max-width: 100%; margin-left:50%; transform: translateX(-50%);}
.sect_customer .notice_detail .li_pre{ margin-top: 60px; font-size: 14px; color : #334155; display: flex; align-items: center; padding : 23px; border-bottom : 1px solid #ccc; border-top : 1px solid #ccc;}
.sect_customer .notice_detail .li_rowdown{ position: relative;}
.sect_customer .notice_detail .li_rowup{ position: relative;}
.sect_customer .notice_detail .li_rowdown span::before{ content: ""; position: absolute; left: 42px; top : -6px; display: inline-block; width : 3px; height: 12px; border-radius: 10px; background-color: #0055ff; transform: rotate(45deg);}
.sect_customer .notice_detail .li_rowdown span::after{ content: ""; position: absolute; left : 35px; top : -6px; display: inline-block; width : 3px; height: 12px; border-radius: 10px; background-color: #0055ff; transform: rotate(-45deg);}
.sect_customer .notice_detail .li_rowup span::before{ content: ""; position: absolute; left: 35px; top : -6px; display: inline-block; width : 3px; height: 12px; border-radius: 10px; background-color: #0055ff; transform: rotate(45deg);}
.sect_customer .notice_detail .li_rowup span::after{ content: ""; position: absolute; left : 42px; top : -6px; display: inline-block; width : 3px; height: 12px; border-radius: 10px; background-color: #0055ff; transform: rotate(-45deg);}
.sect_customer .notice_detail .li_title{ margin-left: 100px; cursor: pointer;}
.sect_customer .notice_detail .li_day{ margin-left: auto; text-align: center; width : 82px;}
.sect_customer .notice_detail .li_after{ font-size: 14px; color : #334155; display: flex; align-items: center; padding : 23px; border-bottom : 1px solid #ccc;}
.sect_customer .notice_detail .li_pre:hover{ background: #fafafa;}
.sect_customer .notice_detail .li_after:hover{ background: #fafafa;}

/* ��������_���� */
.sect_customer .table_inquiry .box_module .box_text textarea::placeholder{ color : #b4b4b4;}
.sect_customer .btn_box { margin-top:30px; display:flex; justify-content: center;}
.sect_customer .btn_box button + button { margin-left:10px;}
[class*="table_inquiry"] .t_cell { flex:1; box-sizing: border-box;}
[class*="table_inquiry"] .cell_th { width:150px;justify-content: center;align-items: center; flex: none;}
[class*="table_inquiry"] .box_module { width:100%;}
.agree .section_tit{ padding:0;}
.agree .section_body{ margin: 15px 0 0;}

/* ��������_���ǹ��dz��� */
.sect_contact .table_wrap .inquiry tr td:nth-child(3){ text-align : left;}
.sect_contact .table_wrap .inquiry tr td:hover:nth-child(3){ color : #0056ff; cursor: pointer; }
.sect_contact .table_wrap .none_data{ padding: 30px 0; color:#aeaeae;}
.sect_contact .table_wrap .title_file{ display: flex; justify-content: space-between; align-items: center;}
.sect_contact .table_wrap .title_file .icon_file{ cursor: pointer; margin: 0 0 0 20px !important;}
.sect_contact .table_wrap .title_file span:first-child{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
/* ��������_���ǹ��dz���_�ڼ��� */
.sect_customer .mylist_detail{ border-top: 1px solid #333;}
.sect_customer .mylist_detail .user_file{ cursor: pointer;}
.sect_customer .mylist_detail .myli_title{ width:65%;}
.sect_customer .mylist_detail .Q_ico{ margin:1px 11px 0 20px; display: inline-block; vertical-align: middle; background:url(/design/img/common/icon/customer-f4119519addc4fdfac75ad7d0044f02a.png); background-repeat: no-repeat; width : 30px; height: 30px; background-position: -5px -5px !important; background-size: 120px;}
.sect_customer .mylist_detail .myli_answer { margin-left: auto; margin-right: 50px;}
.sect_customer .mylist_detail .my_list2 .myli_day{ margin-left: auto;}
.sect_customer .mylist_detail .myli_con{ font-size: 14px; color : #334155; display: flex; align-items: flex-start; flex-direction: column; padding : 23px; border-bottom : 1px solid #ccc; border-top: 1px solid #ccc;}
.sect_customer .mylist_detail .myli_con .user_file{ margin-top: 20px;}

.sect_customer .mylist_detail .A_ico{ display: inline-block; vertical-align: middle; background:url(/design/img/common/icon/customer-f4119519addc4fdfac75ad7d0044f02a.png); background-repeat: no-repeat; width : 30px; height: 30px; background-position: -45px -5px !important; background-size: 120px; margin:1px 11px 0 20px;}
.sect_customer .mylist_detail .my_list{ font-size: 15px; font-weight: 600; color : #334155; display: flex; align-items: center; padding : 22px; background: #fafafa;}
.sect_customer .mylist_detail .my_list .Q_ico{margin-top: 1px; margin-left: 20px; margin-right: 11px;}
.sect_customer .mylist_detail .my_list2{ font-size: 15px; font-weight: 600; color : #334155; display: flex; align-items: center; padding : 22px; background: #f1f5f9; margin-top: 30px; border-top: 1px solid #333;}
.sect_customer .mylist_detail .my_list2 .A_ico{margin-top: 1px; margin-left: 20px; margin-right: 11px;}

/* ��������_�̺�Ʈ */
.sect_customer_event { margin-top: 0px;}
.sect_customer_event .areaEvent ul { flex-wrap: wrap; width:100%; display: flex;}
.sect_customer_event .areaEvent li {width: calc(100% / 3 - 48px / 3); margin-right:24px; margin-bottom:20px;}
.sect_customer_event .areaEvent li:nth-child(3n) { margin-right:0;}
.sect_customer_event .areaEvent ul li.event a {display: flex;flex-direction: column;}
.sect_customer_event .areaEvent ul li:first-child.event a div,
.sect_customer_event .areaEvent ul li.event a div.end .standbymark_end {margin-top: 0;}
.sect_customer_event .areaEvent ul li.event a div.event_img{ cursor: pointer;  position: relative; overflow: hidden;}
.sect_customer_event .areaEvent ul li.event a div.event_img.end{ cursor: default;}
.sect_customer_event .areaEvent ul li.event a div.event_cont{ margin-top:10px; height:auto; display: flex; flex-direction: column; justify-content: center;}
.sect_customer_event .areaEvent ul li.event a div.event_cont p.event_date{ color : #334155; font-weight:400; font-size: 14px;}
.sect_customer_event .areaEvent ul li.event a div.event_cont p.event_title{ font-size: 18px; font-weight: 600; margin-top: 5px; color : #334155;}
.sect_customer_event .areaEvent ul li.event a div.event_cont p.event_info1{ color :#737373; font-size: 14px; margin-top: 10px; line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;	-webkit-box-orient: vertical;}
.sect_customer_event .areaEvent ul li .event_img img{ transition : 0.4s; width: 100%;}
.sect_customer_event .areaEvent ul li .event_img:hover img { transform:scale(1.05);}
.sect_customer_event .areaEvent ul li .event_img.end:hover img { transform: scale(1);}
.sect_customer_event .areaEvent ul li.event a div.event_img .end{ position: absolute; top:0; left:0; display:flex; width:100%; height: 100%; background: rgba(0, 0, 0, 0.6); text-align: center; flex-direction: column; justify-content: center;}
.sect_customer_event .areaEvent .event_end{ display: block; font-size: 20px; color:#fff; margin-top: 6px;}
.sect_customer_event .areaEvent .event_img.end .standymark_end{ text-align: center; margin:30px 0 10px; display: block; height: 85px; }
.sect_customer_event .areaEvent .event_img.end .standbymark_end span{display: inline-block !important; width:65px !important; height: 65px !important; background: url(/design/img/common/icon/event_end-6c87668c3f1acbc98776ae6aae242be3.png); background-repeat: no-repeat; border:0 !important;}
.sect_customer_event .areaEvent .event_img.end .standbymark_end b{ display: none !important;}

/* ��������_���ֹ������� */
.sect_customer .input_box{ width : 450px;}
.sect_customer .faq{ display: flex; justify-content: center; text-align: center;}
.sect_customer .faq .item_02{ margin-left: 10px;}
.sect_customer .faq_tab{ margin-top: 40px; justify-content: center;}
.sect_customer .faq_list .none_box{ padding:10px; border-bottom: 1px solid #d1d1d1;}
.sect_customer .faq_list .none_box span{ font-family: pretendard, sans-serif; width:100%; padding:30px 0; display: flex; align-items: center; justify-content: center; font-size: 15px; color:#aeaeae; font-weight: 500;}
/* off */
.faq_list{ border-top: 1px solid #333; margin-top: 30px !important; }
.faq_list ul > li .Q_drop{ border-bottom : 1px solid #ccc; font-size: 14px; color : #334155; display: flex; align-items: center; padding : 10px;}
.faq_list ul > li .Q_drop .Q_ico{ margin-right:11px; display: inline-block; vertical-align: middle; background:url(/design/img/common/icon/customer-f4119519addc4fdfac75ad7d0044f02a.png); background-repeat: no-repeat; width : 30px; height: 30px; background-position: -5px -5px !important; background-size: 120px;}
.faq_list ul > li .Q_drop .Q_type{ width:100px; text-align: left;}
.faq_list ul > li .Q_drop .Q_title{ width:80%;}
.faq_list ul > li .Q_drop .Q_row { margin-bottom: 7px; margin-left: auto; padding : 15px;}
.faq_list ul > li .Q_drop .Q_row span::after{ content: ""; display: block; width : 7px; height: 7px; border:1px solid #b5b5b5; border-width: 0px 0 2px 2px; transform: translateY(2px) rotate(315deg);}
.faq_list ul > li .A_drop{ display: none;}
.faq_list ul > li:hover{ cursor: pointer;}
.faq_list ul > li:hover .Q_title{ color : #0055ff;}
/* on */
.faq_list ul > li .on .Q_drop .Q_ico{ margin-right: 11px; display: inline-block; vertical-align: middle; background:url(/design/img/common/icon/customer-f4119519addc4fdfac75ad7d0044f02a.png); background-repeat: no-repeat; width : 30px; height: 30px; background-position: -5px -5px !important; background-size: 120px;}
.faq_list ul > li .on .Q_drop .Q_title { color : #0055ff; font-weight: 600; width:80%;}
.faq_list ul > li .on .Q_drop .Q_row span::after{ content: ""; display: block; width : 7px; height: 7px; border:1px solid #758398; border-width: 0px 0 2px 2px; transform: translateY(6px) rotate(135deg);}
.faq_list ul > li .on .A_drop { display: flex !important; overflow-x: auto; border-bottom : 1px solid #ccc; font-size: 14px; background: #fafafa; color : #758398; display: flex; padding : 10px;}
.faq_list ul > li .on .A_drop .A_ico{ display: inline-block; vertical-align: middle; background:url(/design/img/common/icon/customer-f4119519addc4fdfac75ad7d0044f02a.png); background-repeat: no-repeat; width : 30px; height: 30px; background-position: -45px -5px !important; background-size: 120px; margin:8px 11px 0 0;}
.faq_list ul > li .on .A_drop .A_con{color : #758398; font-size: 14px; margin-top: 12px; margin-bottom: 12px; width:100%;}


/* �̴ϻѸ��� �ȳ� */
.minippurio_notice_wrap { padding:0 30px;}
.minippurio_notice_wrap .logo_box { width:100%; text-align: center; margin-top:70px;}
.minippurio_notice_wrap .logo_box img { width:150px;}

.minippurio_notice_wrap .copy_box { font-size:14px; margin-top:30px; text-align: center;}
.minippurio_notice_wrap .mini_link_box {  width:100%; flex-direction: column;  margin-top:40px; }
.minippurio_notice_wrap .mini_link_box > a { display: block; width:100%; padding:15px 0; font-size:16px; border-radius: 10px; color:#fff; text-align: center; background-color: #05f;}
.minippurio_notice_wrap .mini_link_box .alte_copy { margin-top:20px;  background-color: #f0f0f0; padding:25px 15px; border-radius: 10px; font-size:14px; text-align: center;}
.minippurio_notice_wrap .mini_link_box .alte_copy a { display: block; margin-top:10px; padding:5px 0; color:#0055ff; background-color: #fff; border-radius: 4px;;}
/* ���������� */
.iframe_wrap .section_layout > .section_contents { padding-top:0;}
.iframe_wrap .section_layout > .section_contents .section_body { margin:0;}


@media (max-width:767px) {

  .section_contents.sect_customer{ padding-top:20px !important;}

  /* ��������_�������� */
  .notice_box .sect_customer{ padding:0 !important;}
  .notice_box .sect_customer .tool_area .layout_01 { width:100%;}
  .notice_box .sect_customer .tool_area .layout_01 .item_01 { flex:1;}
  .notice_box .sect_customer table{ display: flex;}
  .notice_box .sect_customer .table_wrap_a tbody{ width: 100%;}
  .notice_box .sect_customer .table_wrap_a thead{ display:none;}
  .notice_box .sect_customer .table_wrap_a tr {width:calc(100% - 10px); height:60px;position: relative; display: flex;}
  .notice_box .sect_customer .table_wrap_a tr td { position: absolute; border:none; background:transparent; padding:0;}
  .notice_box .sect_customer .table_wrap_a tr td:nth-child(1) .none_data{ padding:0;}
  .notice_box .sect_customer .table_wrap_a tr td:nth-child(1) {color:#fff; top:50%; left:50%; transform:translate(-50%,-50%);}
  .notice_box .sect_customer .table_wrap_a tr td:nth-child(2) {top: 14px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding-right: 2px;}
  .notice_box .sect_customer .table_wrap_a tr td:nth-child(3) {left: 7px; bottom: 15px; font-size: 12px; color: #ababab;}
  .notice_box .sect_customer .table_wrap_a tr td:nth-child(3)::after {position: absolute; top:-6px; left: 71px;content: "";display: block; background:url(/design/img/common/icon/customer-f4119519addc4fdfac75ad7d0044f02a.png); background-repeat: no-repeat; width : 30px; height: 30px; background-position: -85px -5px !important; background-size: 120px; scale:0.6;}
  .notice_box .sect_customer .table_wrap_a tr td:nth-child(4) {left: 105px; bottom: 15px; font-size: 12px; color: #ababab;}
  /* ��������_��������_�ڼ��� */
  .sect_customer .notice_detail { margin-top:0 !important;}
  .sect_customer .notice_detail .notice_title{ align-items: flex-start; flex-direction: column; padding:18px 15px;}
  .sect_customer .notice_detail .notice_title .no_title{width:100%;}
  .sect_customer .notice_detail .no_con{margin-left: 2px; font-size: 13px; color:#ababab; margin-top: 5px; font-weight: 500;}
  .sect_customer .notice_detail .notice_con{ padding: 23px 15px;}
  .sect_customer .notice_detail .li_pre{ margin-top: 40px; padding:23px 15px;}
  .sect_customer .notice_detail .li_after{ padding:23px 15px;}
  .sect_customer .notice_detail .li_title{ padding-right: 0; width:70%; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden; margin-left: 60px !important; padding-right: 15px;}
  .sect_customer .notice_detail .li_day{display: none;}
  .sect_customer .notice_detail .li_rowup span::before{ left:15px !important;}
  .sect_customer .notice_detail .li_rowup span::after{ left:22px !important;}
  .sect_customer .notice_detail .li_rowdown span::before{ left:22px !important;}
  .sect_customer .notice_detail .li_rowdown span::after{ left:15px !important;}
  .sect_customer .notice_detail .li_con{ padding-right: 5px; flex-shrink: 0;}

  /* ��������_���� */
  [class*="table_inquiry"] .cell_th {background-color: #fff;justify-content: flex-start;margin-bottom: 10px;}
  [class*="table_inquiry"] .t_row { flex-direction: column; padding:20px 0; border-bottom: 1px solid #dbdbdb !important;}
  [class*="table_inquiry"] .t_cell { padding:0;}
  .section_contents.sect_customer{ border-top:0;}
  .section_contents.sect_customer.agree{padding:30px 0 0!important;}

  /* ��������_���ǹ��dz��� */
  .sect_contact .section_body{margin-top: 10px;}
  .sect_contact .table_wrap .title_file span:first-child{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden;}
  .sect_contact .table_wrap_a.inquiry{ display: flex; margin-top: -20px;}
  .sect_contact .table_wrap_a.inquiry tbody{ width: 100%;}
  .sect_contact .table_wrap_a.inquiry thead{ display:none;}
  .sect_contact .table_wrap_a.inquiry tr {width:100%;height:60px;position: relative; display: flex;}
  .sect_contact .table_wrap_a.inquiry tr td { position: absolute; border:none; background:transparent; padding:0;}
  .sect_contact .table_wrap_a.inquiry tr td .title_file{ flex-direction: row-reverse;}
  .sect_contact .table_wrap_a.inquiry tr td .title_file .icon_file{margin:0 2px 0 0 !important; scale:0.8 !important; margin-right: 5px;}
  .sect_contact .table_wrap_a.inquiry tr td .title_file span:first-child{ display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden;}
  .sect_contact .table_wrap_a.inquiry tr td:nth-child(1) .none_list{ font-size: 14px; background-color: #fff; padding:0; font-weight: 400;;}
  .sect_contact .table_wrap_a.inquiry tr td:nth-child(1) {color:#fff; top:50%; left:50%; transform:translate(-50%,-50%);}
  .sect_contact .table_wrap_a.inquiry tr td:nth-child(2) {left:154px; bottom:15px; font-size: 12px; color:#ababab;}
  .sect_contact .table_wrap_a.inquiry tr td:nth-child(3) {left:75px; top:14px;}
  .sect_contact .table_wrap_a.inquiry tr td:nth-child(4) {left:5px; top:16px;}
  .sect_contact .table_wrap_a.inquiry tr td:nth-child(5) {left:79px; bottom:15px; font-size: 12px; color:#ababab;}
  /* ��������_���ǹ��dz���_�ڼ��� */
  .sect_customer .section_body.mylist_detail{ margin-top: 25px;}
  .sect_customer .mylist_detail .myli_con{ border-top: 0; padding:5px 15px 23px 15px;}
  .sect_customer .mylist_detail .myli_title{ width:100%;}
  .sect_customer .mylist_detail .myli_answer{ margin-right: 15px !important;}
  .sect_customer .mylist_detail .my_list{ position: relative; background: #fff; align-items: flex-start; flex-direction: column; padding:15px;}
  .sect_customer .mylist_detail .my_list .Q_ico{ margin:8px 0 8px -1px !important;}
  .sect_customer .mylist_detail .my_list span:nth-child(1){top: -32px; left:15px; position: absolute;}
  .sect_customer .mylist_detail .my_list span:nth-child(3){margin-bottom: -5px; margin-top: 4px;}
  .sect_customer .mylist_detail .my_list span:nth-child(4){right: 90px;text-align: right;top: -32px;position: absolute;}
  .sect_customer .mylist_detail .my_list span:nth-child(5){right: 20px;top: -31px;color: #ababab;font-size: 14px;font-weight: 500;position: absolute;}
  .sect_customer .mylist_detail .my_list2{ position: relative; background: #fff; align-items: flex-start; flex-direction: column; padding:15px; margin-top: 0; border-top: 0;}
  .sect_customer .mylist_detail .my_list2 + div.myli_con{border-bottom:1px solid #333;}
  .sect_customer .mylist_detail .my_list2 .A_ico{ margin:8px 0 8px -1px !important;}
  .sect_customer .mylist_detail .my_list2 span:nth-child(1){ display: none;}
  .sect_customer .mylist_detail .my_list2 span:nth-child(3){margin-bottom: -5px; margin-top: 4px;}
  .sect_customer .mylist_detail .my_list2 span:nth-child(4){right: 20px;top: 22px;color: #ababab;font-size: 14px;font-weight: 500;position: absolute;}

  /* ��������_���ֹ������� */
  .sect_customer .input_box{ width:100%;}
  .sect_customer .faq_tab{ margin-top: 20px;}
  .sect_customer .faq_tab ul{ flex-wrap: wrap;}
  .sect_customer .faq_tab ul li:last-child {padding-bottom: 10px;}
  .sect_customer .faq_list{ margin-top: 0px !important;}
  .faq_list ul > li .Q_drop .Q_type{ width: 10%;}
  .faq_list ul > li .Q_drop .Q_title{ margin-left: 20px !important;}
  .Q_ico, .A_ico, .Q_type, .no_num, .myli{ flex-shrink: 0;}

  /* ��������_�̺�Ʈ */
  .section_contents.sect_customer_event{ padding-top:0 !important; border:0;}
  .sect_customer_event .areaEvent { width : 100%;}
  .sect_customer_event .areaEvent ul { flex-direction: column;}
  .sect_customer_event .areaEvent li { width:100%; margin-bottom:24px;}
  .sect_customer_event .areaEvent ul li .standbymark_end{ margin: 0 !important;}
  .sect_customer_event .areaEvent ul li.event a div.event_cont{ height: auto; padding: 10px 15px 0;}
  .sect_customer_event .areaEvent ul li.event a div.event_img{ width : 100%; height: auto;}
  .sect_customer_event .areaEvent ul li.event a div.event_img img{ width : 100%; height: auto;}
  .sect_customer_event .areaEvent ul li.event a div.event_cont p.event_date{ font-size: 14px; }
  .sect_customer_event .areaEvent ul li.event a div.event_cont p.event_title{ font-size: 18px;}
  .sect_customer_event .areaEvent ul li.event a div.event_cont p.event_info1{ margin-top: 10px;}
}

.main_reject .btn_box { display: flex; align-items: center; justify-content: center;}
.main_reject .btn_box { margin-top:30px;}



/* ---------- ������ ----------------------------------------------------------------------------------- */

/* bul_set icon */
.join_end_wrap div.user_confirm ul li span.phone:before {margin:0 auto 12px; width:32px; height:32px; background:url(/design/img/common/icon/bul_set-1cc76e17b3268137ab6eb8df48217dc8.png) no-repeat 0 0; background-position:-42px -5px; display:block; content:''; background-size: 153px;}
.join_end_wrap div.user_confirm ul li span.email:before {margin:0 auto 12px; width:32px; height:32px; background:url(/design/img/common/icon/bul_set-1cc76e17b3268137ab6eb8df48217dc8.png) no-repeat 0 0; background-position:-5px -5px; display:block; content:''; background-size: 153px;}
.join_end_wrap div.step_state div.enter div.help > span {position:absolute; top:12px; right:16px; cursor:pointer; width:20px; height:20px; background:url(/design/img/common/icon/bul_set-1cc76e17b3268137ab6eb8df48217dc8.png) no-repeat 0 0; background-position:-82px -4px; display:block; background-size:105px;}
.join_end_wrap .enter div.error:after {position:absolute; top:12px; right:16px; width:20px; height:20px; background:url(/design/img/common/icon/bul_set-1cc76e17b3268137ab6eb8df48217dc8.png) no-repeat 0 0; background-position:-56px -4px; display:block; background-size:105px; display:block; content:'';}

/* contacts&result icon*/
.sect_contact .list_row [class*="icon_"], .sect_contact button em[class*="icon"], .file_wrap em.icon_see, [class*="sect_result_"] button em, .icon_delete, .icon_move, .edit,
.fax_list_wrap .list_table .drag_icon em, .contact_wrap .list_row .btn_box button{ display: inline-block; width:20px; height:20px; margin-right:5px; background: url(/design/img/common/icon/contacts&result-cb8f8abb3ed47eccd34c7b4678fdf568.png); background-repeat: no-repeat; background-size: 150px; flex-shrink: 0;}

.icon_group { background-position: -5px -5px !important}
.icon_manage { background-position: -35px -5px !important}
.icon_individ { background-position: -65px -5px !important}
.icon_folder { background-position: -95px -5px !important}
.icon_contacts_b { background-position: -125px -5px !important}

.icon_duplicate { background-position: -5px -35px !important}
.icon_refusal { background-position: -35px -35px !important}
.icon_move { background-position: -65px -35px !important}
.contact_wrap .list_row .btn_box .delete,
.icon_delete { background-position: -95px -35px !important}
.file_wrap em.icon_see{ display: inline-block; width:20px; height:20px; margin-right:5px; background: url(/design/img/common/icon/contacts&result-cb8f8abb3ed47eccd34c7b4678fdf568.png) -125px -35px !important; background-repeat: no-repeat; background-size: 150px !important; flex-shrink: 0;}

.icon_report { background-position: -5px -125px !important}
.icon_table { background-position: -35px -125px !important}
.icon_preview { background-position: -65px -125px !important}
.icon_print { background-position: -95px -125px !important}
.contact_wrap .list_row .btn_box .edit, .edit { background-position: -125px -125px !important}

.fax_list_wrap .list_table .drag_icon em { opacity:.5; background-position: -5px -155px;}
.icon_info { background-position: -35px -155px !important}

/* -------------------------------------------------------------------------------------------------------- */