@charset "utf-8";
html { scroll-behavior: smooth;}
@media (min-width:767px) {
*::-webkit-scrollbar {width: 16px;background: transparent}
*::-webkit-scrollbar-track { background-color: #f5f5f5;}
*::-webkit-scrollbar-thumb { background-color: #c4c6c8; height:56px; border-radius: 8px; border:4px solid transparent;  background-clip: content-box;}
*::-webkit-scrollbar-thumb:hover { background-color: #a6a6a8;}
*::-webkit-scrollbar-thumb:active { background-color: #707175;}
}

@media (max-width:767px) {
  #ch-plugin.notranslate { display: none !important;}
}

textarea::placeholder{ line-height: 1.3;}
.v-dialog-container .v-dialog-btn  {color:#0055ff !important;}
.blind { display: inline-block; width:0; height:0; position: absolute; text-indent: -9999px;  appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.pc_hidden_m_show { display: none !important;}
.m_pcview {min-width: 1400px;}
.m_pcview .side_user_contain  { position: sticky !important; height:100vh !important}
.m_pcview .gnb_area_inner { width:100%; min-width: auto;}
.m_pcview .contents_contain { width:100%;}
.m_pcview .footer_wrap { width:100%; min-width: auto;}
.m_pcview .contents_wrap { min-height: 0; }
.m_pcview .side_quick_contain { height:auto !important}
.m_pcview .side_user_contain { height: auto !important}
.datepicker-panel>ul>li { font-size:14px; font-weight:600; font-family: pretendard;}
.wrap { position:relative;}
.pc_hidden { display: none;}
.mini_ppurio .mini_show { display: block !important;}


/* top_banner */
.gnb_area_inner { flex-wrap: wrap;}
.top_banner { display: flex; position: fixed;bottom: 23px;height:50px;z-index: 9999; left:300px; right:76px; overflow: hidden; border-radius: 25px;opacity: .98; animation: banner_up 1s;}
.top_banner > a { overflow: hidden;}
.top_banner > a img { position: absolute; height:100%; left:50%; transform: translateX(-50%); border-radius: 25px;}
.top_banner .close_box { position: absolute; top:50%; transform: translateY(-50%); right:10px; z-index: 10; display: flex; align-items: center; border-radius: 25px;; padding:0 10px; }
.top_banner .close_box .check_box_a { margin-right:10px;}
.top_banner .close_box .check_box_a label { color:#000; padding:6px 10px; border-radius: 5px; background-color: #fff; border:1px solid #000; }
.top_banner .close_box .check_box_a label span { border-color:#000;}
.top_banner .cls_banner { position:relative; background-color: #fff; width:30px; height:30px; border-radius: 50%; border:1px solid #000; }
.top_banner .cls_banner::before { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg);  content: ""; display: block; width:3px; height:15px; background-color: #000; border-radius: 3px; }
.top_banner .cls_banner::after { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); content: ""; display: block; width:3px; height:15px; background-color: #000; border-radius: 3px; }
.top_banner.bottom_attatch { position: absolute; bottom:500px;}

body:has(.fold_left_side.on) .top_banner { left:76px;} 

@media (max-width:767px) {
  .top_banner .close_box .check_box_a { display: none;}
  .top_banner.bottom_attatch { position: fixed; bottom:87px; right:10px;}
  .top_banner {right:0; overflow: visible;}  
  .top_banner .close_box { top: -26px; padding:0;}
}
@media (max-width:1510px) {
  /* .top_banner { right:20px;} */
}
@keyframes banner_up {
  0% { transform:translateY(50px) ;}
  100% { transform:translateY(0)}
}

/* header */
.wrap:has(.center_layout) .fold_left_side  { display: none;}
.fold_left_side { position:relative; cursor: pointer; border-radius: 10px; display: flex; align-items: center; justify-content: center; width:40px; height:40px; box-sizing: border-box; margin-left:10px;}
.fold_left_side i {  width:26px; height:23px; background: url(/design/img/common/icon/i_fold-6d81130f6ded44ee51a7f17a94b75ccf.png) no-repeat;}
.fold_left_side:hover {background: #E5E5E5;}
.fold_left_side.on i { transform: scaleX(-1);} 
body:has(.fold_left_side.on) .side_user_contain { margin-left:-290px; opacity: 0;}
body:has(.fold_left_side.on) .footer_wrap { padding-left:0;}
body:has(.center_layout) .footer_wrap { padding-left:0; padding-right: 0;}
.fold_left_side .tip_box {display: none;position:absolute;top: 46px;left: -7px;background:#fff;border:1px solid #000;padding: 4px 6px;width: 40px;text-align: center;border-radius: 20px;font-size: 12px;}
.fold_left_side .tip_box::before {content: "";display: block;width: 5px;height: 5px;border-top:1px solid #000;border-right:1px solid #000;transform: rotate(-45deg);position:absolute;top: -4px;z-index: 5;background-color: #fff;left: 23px;}
.fold_left_side.on .tip_box { display: block;}
.fold_left_side .tip_box:hover {transform:none; box-shadow: none;}
.gnb_area_inner { display: flex; align-items:center; min-width:1530px; background: rgba(255,255,255,.8); backdrop-filter: blur(20px); box-sizing: border-box;}
.gnb_area_inner h1 { display: flex; width:250px; height:80px; box-sizing: border-box; align-items: center; padding:0 20px 0; transition:all 0.5s;}
.gnb_area_inner h1 a span { text-indent: -9999px; font-size: 0; display:block; width:96px; height:40px; background:url(/design/img/common/logo_gnb-50c16856e029f768b69f93abbfb60f64.png) no-repeat ; background-size: 100%; transition:all 0.5s;}
.gnb_area_inner h1 a img { width:96px;  transition:all 0.5s;}
.gnb_area_inner .lottie{ width:180px; transition:all 0.5s;}
.gnb_area_inner .gnb_wrap { margin:auto;}
.gnb_area_inner .user_thumb_box { width: 76px; display: flex; align-items: center; justify-content: center;}
.gnb_area_inner .user_circle { cursor: pointer; width: 32px; height:32px; display: flex; align-items: center; justify-content: center; overflow: hidden; white-space: nowrap; background: #ccc; border-radius: 50%;}
.gnb_area_inner .user_circle.login { background: #0099FF;}
.gnb_area_inner .user_circle.login:hover { background: #12c3ff;}
.gnb_area_inner .user_circle:not(.login) { background: url(/design/img/common/icon/accnt-cb2ac9db61630514f4cddcc2d4ec44b6.png)0 0 no-repeat; background-size: 100%; background-color: #cacaca;}
.gnb_area_inner .user_circle:not(.login) .user_name { display: none;}
.gnb_area_inner .user_circle:not(.login) + .profile_menu .is_login { display: none;}
.gnb_area_inner .user_circle.login + .profile_menu .is_logout { display: none;}
.gnb_area_inner .user_name { color:#fff; font-size:15px;} 
.gnb_area_inner .profile_wrap:hover .profile_menu { display: block; }
.gnb_area_inner .profile_wrap { position:relative;}
.gnb_area_inner .profile_menu { display: none; position:absolute; top:100%;right:0;background-color: #fff;padding:4px 0;border-radius: 8px; box-shadow: 0 0 0 1px #eaebec,0 4px 8px 0 rgba(0,0,0,.3);}
.gnb_area_inner .profile_menu a { display:block; padding:8px 0; font-weight:400; color:#2a2a2a; font-size:13px; white-space:nowrap; text-align:center; width:100px;}
.gnb_area_inner .profile_menu a:hover { background:#F2F4F6; color:#000}
.gnb_list_box { display: flex; align-items: flex-end; justify-content: space-between;}
.gnb_list_box > li { display: flex;}
.gnb_list_box > li > a {display: flex;flex-direction: column;align-items: center;position: relative;}
.gnb_list_box > li > a [class*="badge_"]{  font-size: 11px;  font-weight: 600; position: absolute;top: -7px;left: 50%;transform: translateX(-50%);white-space: nowrap;}
.gnb_list_box > li > a .badge_red{ color: #D81E2B; border-color: #D81E2B;}
.gnb_list_box > li > a .badge_blue{ color: #0055ff; border-color: #0055ff;}
.gnb_list_box > li > a .badge_orange{ color: #EE8D21; border-color: #EE8D21;}
.gnb_list_box a .li_name { padding:7px 9px; font-size: 17px; border-radius: 10px; letter-spacing: -.06em; transition:all 0.5s;}
.gnb_list_box .li_name.on { background-color: #f1f5f9;}
.gnb_list_box .accent { color:#0055ff;  font-weight:600;}
.gnb_drop_list {display: none; position: absolute; min-width: 130px; z-index: 9999; border-radius: 10px;}
.gnb_drop_list.on { display: block;}
.gnb_drop_list { background: #fff; padding:5px; box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);}
.gnb_drop_list a { display: flex; align-items:center; padding:10px 1.75em 10px 0.75em; border-radius: 6px; color:#334155; font-size:16px;}
.gnb_drop_list a span { font-size:0.93em; white-space:nowrap;}
.gnb_drop_list a:hover { background: #f1f5f9; color:#000;}
.gnb_list_box .rcs_bi {display: inline-block;width: 16px;height: 18px;background:url(/design/img/common/rcs_chat_bi-0d05c670fb59c9a8d5a0b20b6fd64937.png);background-size: 100%;vertical-align: -2px;background-repeat: no-repeat;margin-left: 3px;}
.gnb_drop_list a .bdg_new {font-size: 10px;font-weight:600; margin-left:8px; display: inline-block;text-align: center; padding: 3px 8px; border-radius: 9px; background: #cbe7fb; color:#39f; }

.select_box_a { position: relative; display: none; cursor: pointer; }
.select_option { display: none; position: absolute; background: white; border: 1px solid #ccc; max-height: 200px; overflow-y: auto; z-index: 1000; }
.select_option ul { list-style: none; margin: 0; padding: 0; }
.select_option li { padding: 8px; }
.select_option li:hover { background: #eee; }
.select_box_a.active .select_option {
  display: block;
}
.date_box input { padding: 6px; }

@media (min-width: 767px){
  .gnb_list_box { position: relative; width:1200px;}
  .gnb_drop_list {top:100%;}
}




/* header - gnb fix top */
.header_wrap { position:sticky; top:0; z-index: 2000; min-width: calc(300px + 1200px + 76px)}
.fix_position .gnb_area_inner { position: fixed; top:0; left:0; right:0; z-index: 1500; }


/* contents */
.contents_wrap {position: relative;min-height: calc(100vh - 81px); display: flex; background: #fff;}
.contents_wrap > form { flex:1;}
.contents_wrap.center_layout { background: #f4f4f4; align-items: center; }
.contents_wrap.center_layout .contents_contain { flex:none; width:600px; min-width: 460px; margin:30px auto; border-radius: 10px; padding-bottom: 0;}
.center_layout .join_end_wrap { margin-top:0;}
.center_layout .section_contents { margin:30px 0; padding-bottom:0 !important}


/* side_quick_contain */
.side_quick_contain { position: sticky; top:80px; width:76px; padding:0 5px; flex-shrink:0; background: #fff; height:calc(100vh - 81px); overflow: auto; box-sizing: border-box; z-index: 1000;}
.quick_item {position:relative;display: flex;align-items: center;flex-direction: column; padding: 14px 5px; border-radius: 7px;; }
.quick_item:hover { background: #F2F2F2;}
.quick_item.bdg_new:before { content: "N"; font-size: 10px; display: inline-block; text-align: center; z-index: 10; line-height: 18px; width: 18px; height: 18px;border-radius: 9px; background: #ff1e1e; color:#fff; position: absolute; left: 50%;transform: translateX(-50%);margin-left: 15px;}
.quick_item.bdg_hot:before {content: "HOT"; font-size: 9px; font-weight:600;display: inline-block;text-align: center; padding: 1px 6px; border-radius: 9px;background: #ff1e1ec2;color:#fff;position: absolute;z-index: 10;left: 2px;top: 2px;}
.quick_list { display: flex; flex-direction: column; }
.quick_item .item_name {display: block;text-align: center;font-size:11px;  margin-top:6px;color: #565656;line-height: 1.2;}
.quick_item img { width:24px;}
.quick_item:hover .item_name { color:#000}


/* side_user_contain */
.side_user_contain { position: sticky; transition: .2s; flex-shrink:0;background: #fff; top:80px; display: flex; flex-direction:column;  width: 300px; height:calc(100vh - 81px);  box-sizing: border-box;  z-index:1000;}

.user_wrap { background: #fff; overflow-x: hidden; overflow-y: auto; overscroll-behavior:contain;}
.user_wrap::-webkit-scrollbar { width: 6px; background: transparent}
.user_wrap::-webkit-scrollbar-track { background-color: transparent;}
.user_wrap::-webkit-scrollbar-thumb { background:transparent ;}
.user_wrap:hover::-webkit-scrollbar-thumb{ background-color:#c4c6c8;}

.btn_side_expand {display: none; font-size:12px; position: absolute;top:26px;right: -30px;width: 30px;padding:10px 0;background: #334155;color:#fff;border-radius: 0 10px 10px 0;line-height: 1.3;animation: show_btn_expand .3s;}
.btn_side_expand:after { content: ""; display: inline-block; width:0px; height:0px; border-top:5px solid transparent; border-bottom:5px solid transparent;	border-right: 5px solid #fff; margin: 0 7px;}
.btn_side_expand:hover { background: #29323e;}
.side_user_contain.expand { left:0!important;}
.side_user_contain.expand .btn_side_expand:after { border-left: 5px solid #fff; border-right: none;}
.side_user_contain .customer_menu  {font-size: 13px;background: #fff;z-index: 10; box-sizing: border-box;margin: 0; margin-top:auto; padding: 10px; margin:auto 10px 10px 10px; box-sizing: border-box; border: 1px solid #dbdbdb; justify-content: center;}
.side_user_contain .customer_menu .menu_list a { position:relative; display: flex;flex-direction: column;padding: 7px 10px;align-items: center;}
.side_user_contain .customer_menu .menu_list a:after { content:""; display: block; width:1px; height:11px; background: #222; position: absolute; right:0; top:10px;}
.side_user_contain .customer_menu .menu_list:last-child a:after { display: none;} 
.side_user_contain .customer_menu .menu_list .ico_list { transform: scale(.9);}
.side_user_contain .customer_menu .menu_list .tit_list { color:#333}
.side_user_contain .customer_menu .menu_list {margin:0; width:calc(250px / 3); text-align: center;}

@media (max-width:1350px) {
  /* .side_user_contain { position: fixed !important; left:-300px!important; box-shadow: rgba(0, 0, 0, 0.1) -20px 0px 20px -20px} */
}
@media (max-width:1350px) {
  /* .btn_side_expand { display: block;} */
}
@keyframes show_btn_expand {
  0% {transform: translateX(100%);opacity: 0;}
  50% {transform: translateX(80%);opacity: 0;}
  100% {transform: translateX(0);opacity: 1;}
}


/* side_user_contain - login_box */
.login_box { padding:20px;}
.login_box .input_wrap_a { margin-top:3px;}
.login_box .id_box { margin-top:20px;}
.login_box .pw_box { margin-top:10px;}
.login_box .box_tit { display: inline-block; }
.login_box .box_tit span { font-size:18px;}
.input_tit { display: inline-block; font-size:13px; color:#767678;}
.id_keep { margin-top:20px;}
.login_box .btn_wrap { display: flex; flex-direction: column; margin-top:10px;}
.login_box .btn_wrap > * { box-sizing: border-box; width:100%; padding:7px 0;}
.login_box .option_link_wrap { display: flex; justify-content:center; margin:5px 0 0;}
.login_box .option_link_wrap a { font-size:14px; color:#767678; padding:7px .6rem; border-radius: 4px;}
.login_box .option_link_wrap a:hover { background: #f1f5f9; color:#222}
.login_wrap .login_box .signup { background: #E9F1F9 !important; border:none !important; color:#323D4B !important; margin-top:6px; }
.login_wrap .login_box .signup:hover { background: #dbe6f1 !important; }

/* side_user_contain - */
.account_info { padding:10px;}
.account_info.panel_section .item_ul { padding:0;}
.account_info .item_dd { font-size:14px;}
.login_secure { display: flex; justify-content: space-between; align-items: center; position:relative; font-size:13px; color:#334155;}
.login_secure .toggle_box { padding:0; margin-left:auto; margin-right:4px;}
.login_secure .toggle_box label::after { content:"OFF"; letter-spacing: -.1em; font-size:11px; font-weight:600; color:#fff; margin-left:1px; }
.login_secure .toggle_box input:checked + label::after { content: "ON"; transform:translateX(-15px);}
.login_secure .tit { display: flex; margin-right: auto; color:#2a2a2a; font-weight:600; font-size:14px;}
.login_secure .link_set_secure { font-size:13px; background-color: #E9F1F9; color:#2a2a2a; padding:0 8px; border-radius: 12px; line-height: 24px; height:24px;;}
.login_secure [class*="scr_"] { display: inline-block; margin-left:auto; font-weight: 600;; margin-right:4px; line-height: 1em; font-size:12px; color:#fff; padding:4px 6px; border-radius: 12px;}
.login_secure .scr_on {  background: #27d714;}
.login_secure .scr_off {  background: #ff5454;}
.profile_box { padding-top:10px;  position: sticky; top: 0; background:#fff; z-index: 10}
.profile_box .btn_box { display: flex; padding:0 10px 5px 10px; align-items: center; }
.profile_box .price_method { font-size:14px; color:#758398;}
.price_method { display: flex; align-items: center; padding:4px 0; font-size:14px; font-weight:600; color:#2a2a2a}
.user_name { padding:10px;}
.user_name a { display: flex; align-items: center;}
.user_name strong { color:#000; font-size:18px;display: inline-block; overflow: hidden; font-weight:700; text-overflow: ellipsis;white-space: nowrap;}
.user_name em { font-size:18px;}
.user_name a:hover:after { border-color: #000;}
.user_name + div { display: flex; justify-content: space-between;}
.grade_wrap {display: flex;align-items:center;justify-content: space-between;padding: 4px 0;}
.grade_state { display: flex; align-items:center;}
.grade_wrap .grade_txt { color:#2a2a2a; font-weight:600; font-size:14px; margin-right:3px; margin-left:4px;}
.grade_wrap .cta_txt { font-size:13px; background-color: #E9F1F9; color:#2a2a2a; padding:0 8px; border-radius: 12px; height:24px; line-height: 24px;}
.grade_symbol { display: inline-block; width:20px; height:20px; border-radius: 4px; background: url(/design/img/common/icon/grade-c38a534ce0976f5a1847447e658a0baa.png) no-repeat; background-size: 70px;}
.grade_symbol.ico_mvp {  background-position: 0 0 !important;}
.grade_symbol.ico_vvip {  background-position: 0 -20px !important;}
.grade_symbol.ico_vip {  background-position: 0 -40px !important;}
.grade_symbol.ico_gold {  background-position: 0 -60px !important;}
.grade_symbol.ico_silver {  background-position: 0 -80px !important;}
.grade_symbol.ico_bronze {  background-position: 0 -100px !important;}
.grade_symbol.ico_new {  background-position: 0 -120px !important;}
.link_mypage { font-size: 13px; color:#949494; }
.link_logout { font-size: 13px; color:#949494; margin-left:20px; position: relative;}
.btn_refresh { margin-left:auto; display: inline-flex; align-items: center; height:28px; padding:0px 10px; border-radius: 6px; font-size: 13px; color:#2a2a2a;}
.side_user_contain .btn_moresee { padding:10px;}
.login_others { margin-top:30px;}
.login_others .or_box { display: flex;  align-items: center; margin:0 0 10px;}
.login_others .or_box .box_line { flex:1; height:1px; background: #efeff0;}
.login_others .or_box .or_txt {color:#B1B1B1; font-size:13px; padding:0 10px; flex-shrink: 0; }
.btn_naver { display: flex; justify-content: center; align-items: center;  box-sizing: border-box; border-radius: 4px; text-align: center; background: #03c75a; color:#fff; width:100%; }
.btn_naver:hover {background: #17b75e; }
.user_wrap .btn_naver { height:40px;}
.btn_naver i { width:12px; height:12px; margin-right:8px; background: url(/design/img/common/icon/i_naver-8741eaf16cb4fae7c5310326c0805d8f.svg); }
.panel_section:last-child { padding-bottom:20px;}
.panel_tit_wrap { display: flex; justify-content: space-between; align-items: center;  padding:10px 10px 7px 10px;}
.panel_section > .panel_tit { padding:10px 10px 7px 10px}
.panel_tit { display: flex; align-items: center; font-size:15px; letter-spacing: -.03em; color:#2a2a2a;}
.panel_tit .btn_reset {margin-left:auto;font-size:12px;border: 1px solid #a1a1a1;padding: 0px 5px;color: #5A5A5B;font-weight: 400;background: #f1f1f1;}
.panel_section .item_ul { padding:0 10px 10px 10px;}
.panel_section .item_li { display: flex; justify-content: center; align-items: baseline; font-size:13px; margin-bottom:5px; }
.panel_section .item_li:last-child { margin-bottom: 0;}
.panel_section .item_dt { color:#7e858d; letter-spacing: -.03em; font-weight: 400;}
.panel_section .item_dt.panel_tit { font-size:13px; color:#000;}
.panel_section .item_dd { display: flex; margin-left:auto; color:#000; font-weight: 500;}
.panel_section .item_dd .point { font-size:14px; letter-spacing: -.035em;}
.panel_section .item_dd .blank { margin: 0 2px 0 4px;}
.panel_section .link_item { width:40px; margin-left: 5px; line-height: 1;}
.panel_section .link_item a {display: block; background: #E9F1F9;padding: 0 4px; height:24px; line-height: 24px;; color: #2a2a2a; text-align: center;border-radius: 12px;font-size: 13px;}
.panel_section .unit { margin-left:2px; font-weight: 600;}
.btn_moresee a { display: block; border-radius: 4px; font-size:12px; text-align: center; padding:7px 0; font-size:13px; color:#2A2A2A; background: #F2F4F6;}
.btn_moresee a:hover { background: #e5eaef;}
.panel_section .tooltip { margin-left:3px;}
.tip_seed .wrap_bubble {left: -20px !important; width: 250px !important;}
.tip_point .wrap_bubble {left: -31px !important; width: 250px !important;}
.tip_root .wrap_bubble {left: -18px !important; width: 250px !important;}
.tip_fax_seed .wrap_bubble { left:-55px !important; width:215px !important;}
.tip_icon { color:#000; cursor: pointer; vertical-align: -3px !important; opacity: .7; margin:0;}
.account_wrap .area_line { margin-top:30px;}
.panel_section .panel_tit + .btn_s_a  {padding: 0 9px; height:24px; line-height: 24px; border-radius: 13px;font-size: 13px;font-weight: 400;}
.box_postpaid .item_li:first-child { border-bottom:1px solid #DFDFDF; padding-bottom:3px; margin-bottom:3px;}
.box_postpaid .item_li:nth-child(3) { border-bottom:1px dashed #c9c9c9; padding-bottom:3px; margin-bottom:3px;}
.box_ownprice summary { cursor: pointer; padding:10px 10px 7px 10px; display: flex; align-items: center; justify-content: space-between;}
.box_ownprice .panel_tit_wrap { cursor: pointer;}
.box_ownprice .item_ul { display: none;}
.box_ownprice .panel_tit_wrap.on .arrow { transform: rotate(180deg);}
.box_ownprice .panel_tit_wrap.on + .item_ul { display: block;}
.box_ownprice .panel_tit b {font-size:.9em; color:#747474; font-weight:400; margin-left:4px;}

@keyframes side_loading {
  0% { left: -50%; display: block;  }
  100% { left: calc(100% + 20%); display: block;  }
}
.account_wrap.loading .panel_section .item_li { position:relative; overflow: hidden; border-radius: 5px; background-color: #f0f0f0; border:none;}
.account_wrap.loading .panel_section .item_li * {  visibility: hidden; }
.account_wrap.loading .panel_section .item_li::before { content: ""; display: block; width:50%; height:100%; background: linear-gradient(90deg, #f0f0f0 0%, #cecece 51%, #f0f0f0 100%);   position: absolute; left:-50%; animation: side_loading 2s infinite;}
.account_wrap.loading .account_info > * { position:relative; overflow: hidden; border-radius: 5px; color:transparent; background-color: #f0f0f0; border:none;}
.account_wrap.loading .account_info > * * {  visibility: hidden; }
.account_wrap.loading .account_info > *:before { content: ""; display: block; width:50%; height:100%; background: linear-gradient(90deg, #f0f0f0 0%, #cecece 51%, #f0f0f0 100%);   position: absolute; left:-50%; animation: side_loading 2s infinite;}


@media (min-width:767px) {
  .link_mypage:hover ,
  .link_logout:hover  { text-decoration: underline;}
  .grade_wrap .cta_txt:hover { background-color: #cfe0f1;}
  .login_secure .link_set_secure:hover { background-color: #cfe0f1;}
  .panel_section .link_item a:hover { background-color: #cfe0f1;}
  .box_ownprice .panel_tit_wrap:hover { background-color: #efefef;}
  .box_ownprice .panel_tit_wrap:hover .arrow { opacity: 1;}
  .btn_refresh:hover { background: #F2F4F6;}
}


/* swiper */
.swiper-pagination { bottom:0 !important;}
.swiper-slide { overflow: hidden;}
.nevi_wrap .swiper-button-next { right:-20px !important; transform: translateY(-50%)}
.nevi_wrap [class*="swiper-button-"]::before { content: ""; width:8px; height:8px; border-top:2px solid #000; border-right:2px solid #000; transform: rotate(45deg); margin-left:-2px;}
.nevi_wrap .swiper-button-prev { left:-20px !important; transform: translateY(-50%) rotate(-180deg);;}
.nevi_wrap [class*="swiper-button"]:hover { background-color: #fff; opacity: 1; box-shadow: 0px 0px 15px rgba(0, 0, 0,.4);}


/* side_user_contain - banner */
.customer_menu + .banner_wrap { margin-top:0;}
.banner_wrap { margin-top:auto; background-color: #fff; z-index: 10;}
.banner_wrap .mySwiper { overflow: hidden; position: relative;}
.banner_wrap .swiper-slide a { display: block; width:280px; margin:0 auto; border-radius: 10px; overflow: hidden;}
.banner_wrap .swiper-slide a img { max-width:100%;}
.banner_wrap .swiper-pagination { position: relative !important; bottom:auto !important; margin-bottom: 3px;;}
.banner_wrap .swiper-slide { border-radius: 0;}
.nevi_wrap .swiper-button-next,
.nevi_wrap .swiper-button-prev { margin-top:0 !important; width: 40px; height:40px; opacity: .5; border-radius: 50%; background: #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0,.3); }

.nevi_set1 { position:absolute; font-size:16px; padding:3px; font-weight:600; background: rgba(0,0,0,.3); z-index: 100; border-radius: 22px; display: flex; align-items: center;}
.nevi_set1 .swiper-pagination { position: relative; display: flex; justify-content: space-between; width: 50px; text-align: center; margin:0 2px;}
.nevi_set1 .swiper-button-next, .nevi_set1 .swiper-button-prev { position:static; transform: none !important; margin:0; border-radius: 50%;; background: none; box-shadow: none; width:20px; height:20px;  } 
.nevi_set1 .swiper-button-next { right:auto !important; transform: translateY(-50%) rotate(-180deg);}
.nevi_set1 .swiper-button-prev { left:auto; transform: translateY(-50%);}
.nevi_set1 .swiper-pagination { color:#fff;}
.nevi_set1 [class*="swiper-button"]::before { content: ""; display: block; width:4px; height:4px; border-top:1px solid #fff; border-right:1px solid #fff; transform: rotate(45deg); ;}
.nevi_set1 .swiper-button-prev::before { transform: rotate(225deg);}
.nevi_set1 [class*="swiper-button"]:hover { box-shadow: none; }
.nevi_set1 [class*="swiper-button"]:hover { background: rgba(0,0,0,.1);}
.nevi_set1 .swiper-pagination-total { opacity: .6;}


/* ���� ���� */
.section_contents { width:1200px; margin:0 auto;}
.section_contents:has(.table_wrap_c){ margin-top: 40px;}

/* contents_contain */
.section_layout  { margin-top:-1px; border-top:1px solid transparent; line-height: 1.5;}
.contents_contain.iframe_wrap { min-width: 1200px;}
.contents_contain { background-color: #fff; box-sizing: border-box; width:100%; min-width: 1200px; margin:0 auto; padding-bottom: 60px;}
.section_contents { margin-top:60px;}
.section_contents:has(iframe) { margin-top:20px;} 
.section_contents:has(iframe) > .section_body { margin-top:0;}
/* .section_contents .section_tit { padding:0 0 0 30px ; }  */
.section_contents .section_tit .align_right { margin-left:auto;}
.section_contents .section_tit.align_center { justify-content: center;}

.section_contents .section_tit .sub_txt { margin-left:6px; letter-spacing: -.02em; word-break: keep-all}
.section_contents .section_tit div .sub_txt { margin-left:0; margin-top:10px}
.contents_header { width:1200px; margin:0 auto;}
.section_contents .sect_message{ width:auto;}

.section_contents .section_body { margin:15px 0 0 0; } 
.section_contents .wrap_left .section_tit + .section_body { margin:15px 0; } 
.wrap_left .section_tit  { padding:0px;}
.wrap_right .section_tit  { padding:0px;}
.wrap_top{ margin-top:60px; padding-right:20px; width:100%; box-sizing: border-box;}
.wrap_left { padding-right:50px}
.wrap_left .section_body { margin:15px 0 0 0;}
.wrap_right .section_body { margin:15px 0 0 0;}
.contents_header + .section_contents { margin-top:30px;}
.main_banner .swiper-slide{ border-radius: 4px;}
.section_tit { display: flex; align-items: flex-end; justify-content: space-between; }
.section_tit .tit_txt { display: flex; justify-content: space-between; font-size:24px; color:#000; font-weight: 700; align-items: flex-end;}
.section_tit .tit_txt2 { white-space:nowrap; display: flex; justify-content: space-between; font-size:13px; color:#000; font-weight: 700; align-items: flex-end;}
.section_tit .sub_txt { display: inline-block; margin-top:5px; font-size:14px; color:#3a3a3a; letter-spacing: -.02em;}
[class*="wrap_"] .section_contents { margin-top:40px;}
[class*="wrap_"] .section_contents .section_tit { padding-left:0;}
.wrap_left .section_contents .section_tit .tit_txt,
.wrap_right .section_contents .section_tit .tit_txt { font-size:13px; color:#334155;}
.section_info { font-size:14px; color:#99a2b1; margin:15px 0;}
.section_tit .tooltip { margin-left:6px;}
.section_tit .btn_moresee:after { content: ""; display: inline-block; width:7px; height:7px; border-top:2px solid #333; vertical-align: 1px; border-right:2px solid #333; transform: rotate(45deg); margin-left:10px;}
.section_contents.w_narrow { width:1200px;}
.section_contents.w_narrow .section_body { margin-right:0;}
.landing_api_apply .section_contents.apply_use .alert_txt_box{ display: flex; flex-direction: column; width:100%; align-items: center;}
.landing_api_apply .section_contents.apply_use .alert_txt_box p{ margin:0;}
.section_layout:has(.wrap_top) { flex-wrap: wrap;}

/* footer */
.footer_wrap {padding-left:300px;padding-right:76px;padding-top:20px;transition: .2s; border-top: 1px solid #f1f2f4;margin-top:20px;background: #fafcfd;}
.footer_wrap > * { width:1200px; margin:0 auto;}

.notice_box { position:relative; display: flex; flex-direction: column; align-items: flex-start; box-sizing: border-box;}
.notice_list { width:100%; margin-top:20px;}
.notice_list .badge_new {display: inline-block;  background-color: red; color: #fff; font-weight: 600;font-size: 10px;height: 16px;line-height: 16px; flex-shrink: 0; width: 16px;box-sizing: border-box;text-align: center;margin-right: 6px;}
.notice_list ul { display: flex;}
.notice_list li { width: 400px; box-sizing: border-box; border-left:1px solid #000; padding:0 10px;}
.notice_list li:first-child { border:none; padding-left:0;}
.notice_list li:last-child { padding-right:0;}
.notice_list li a {display: flex; align-items: center; color:#000; }
.notice_list li .noti_date { margin-left:auto; width:40px; color:#9EA8B6; flex-shrink: 0; font-weight:400;}
.notice_list li a:hover p {text-decoration: underline;}
.notice_list li a p { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; box-sizing: border-box; margin-right:40px; font-size:13px;}
.corp_info_wrap { margin-top:20px;}
.info_link ul { display: flex; border-top:1px solid #e5e8eb; flex-wrap: wrap; padding-top:40px;}
.info_link a { display: block; margin:0 30px 0 0; color:#000; font-weight: 400;}
.info_link a.accent { font-weight: 600;}
.info_link a:hover { text-decoration: underline;}
.corp_contents { display: flex; padding:40px 0; box-sizing: border-box;}
.corp_contents > div { flex-shrink: 0}
.footer_corp .logo_daou { display: inline-block; width:146px;}
.footer_corp .logo_daou img { width:100%;}
.corp_box { font-size:13px; color:#7e8690; margin-top:30px;}
.corp_box .corp_txt a { display: inline-block; color:#000; font-weight: 600; text-decoration: underline;}
.corp_contents .btn_text { background: transparent; font-size:13px; margin-left:8px; vertical-align: text-bottom;}
.corp_contents .btn_text:hover {text-decoration: underline; }
.cert_logo_box { display: flex; margin-top:50px;}
.isms_box { display: flex; align-items: center; }
.isms_box img { width:53px;}
.cleanspam_box img { width:40px;}
.corp_box .cert_logo_box a {text-decoration: none;}
.cert_logo_box img { margin-right:10px;}
.cert_logo_box [class*="info"] span { display: block; color:#838a95; font-size:12px; line-height: 1.5;}
.cleanspam_box { display: flex; align-items: center; margin-left:40px;}

@media (max-width:767px) {
  .cert_logo_box { flex-direction: column;}
  .cleanspam_box { margin:20px 0 0 0;}
  .call_tit strong, .email_tit strong{ font-size: 14px !important;}
}
.corp_txt { line-height: 1.9;}
.footer_customer { margin-left:100px;}
.customer_tit { font-size:18px; color:#000;}
.customer_menu { margin-top:15px; margin-left:-8px;display: flex; align-items: center;}
.customer_menu:has(.customer_tit){ margin-top: 0;margin-left: 0;}
.customer_menu .customer_tit{ margin-right: 30px;}
.menu_list { margin-right: 16px;}
.menu_list a { display: block; padding: .45em; border-radius: 4px;}
.menu_list a:hover { background: #eceff2; }
.tit_list { color:#000;}

.call_wrap {display: flex; margin-top:32px; color:#000;}
.call_state .state {display: inline-block; margin-right:5px; width:15px; height:15px; border-radius: 50%;}
.call_state .tooltip { margin-left:5px; font-weight: 500;}
.call_num { font-size: 20px; font-weight: 600; display: flex; align-items: center; margin-top:10px;}
.call_num02 { font-size: 16px; font-weight: 600; margin-top:5px;}
.email{ font-size: 16px; font-weight: 600; margin-top: 5px;}
.call_box + .call_box { margin-left:40px;}
.call_info { color:#7e8690; margin-top:4px; font-size:14px; line-height: 1.8; font-weight: 400;}
.call_tit strong, .email_tit strong{ font-weight:400; font-size: 13px;}
.call_info + .call_tit { margin-top:15px;}
.email_tit{ margin-top: 15px;}
.call_wrap .btn_box { display: flex; margin-top:20px}
.call_wrap .btn_box button { margin-right:6px; background: #ebecee; color:#000; border:none;}
.call_wrap .btn_box button:last-child { margin-right:0;}
.call_wrap .btn_box button:hover { background:#dde0e5;}
.call_state { margin-left:15px; font-size:15px; display: flex; align-items: center;}
.smooth { background: #0be439;}
.delay { background:#ffc600;}
.crowded { background:#ff3464;}
.closed{ background:#6d788f;}
.cs_tel { display: none;}
.tooltip .state { width:10px; height:10px;}
.tf_box .ico_list { width:15px; height:15px;  margin-right:5px;}
 
/* checkbox */
.check_box_a { font-size: 13px; display: flex; align-items: center; margin:0; padding:0;}
.check_box_a input { display: block; overflow: hidden; width:0; height: 0; overflow: hidden; font-size: 0; line-height: 0; appearance:none;  -moz-appearance:none; -webkit-appearance:none;}
.check_box_a label { font-size: 14px; display: flex; align-items: center; color:#333; margin:0;}
.check_box_a label span { position: relative;display: inline-block;margin-right:7px;width:22px;height:22px; border:2px solid #8e8e8f; border-radius: 3px; box-sizing: border-box; background: #fff; flex-shrink: 0;}
.check_box_a label:hover { color:#2f77fb;}
.check_box_a label:hover .tit_txt { color:#2f77fb;}
.check_box_a label:hover span { border:2px solid #2f77fb;}
.check_box_a label span:before { content: "";display: inline-block;width: 9px;height: 5px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(-45deg);position: absolute;left: 5px;top: 5px;}
.check_box_a input:checked + label { color: #2f77fb !important;}
.check_box_a input:checked + label .tit_txt{ color: #2f77fb !important}
.check_box_a input:checked + label span { background: #2f77fb; border:none !important;}
.check_box_a input:disabled + label { cursor: not-allowed; color:#afafaf;}
.check_box_a input:disabled + label span { background: #dfdfdf !important; border:2px solid #c0c2c6 !important}
.check_box_a input:disabled + label span:before { display:none;}
.check_box_a input:disabled + label:hover { color:#afafaf;}
.check_box_a input:disabled + label:hover span { border:2px solid #c0c2c6 !important}
.check_box_a input:disabled:checked + label { color: #afafaf !important;}
.check_box_a input:disabled:checked + label span { background: #2f77fb; border:2px solid #c0c2c6 !important}
.check_box_a input:disabled:checked + label span:before { content: "";display: inline-block;width: 9px;height: 5px;border-left: 2px solid #acaeb1;border-bottom: 2px solid #acaeb1;transform: rotate(-45deg);position: absolute;left: 4px;top: 3px;background: none;}
.check_box_a input:disabled:checked + label span:after { display: none;}


/* radio */
.radio_A.blank,
.radio_B.blank {margin-left:40px;}
p.radio_guide {display:none; font-size:14px; color:#4189ff; margin-top:6px;}
p.radio_error {display:none; margin:10px 0 0 0; font-size:13px; font-weight:500; color:#ff5d5d;}
.fake_iptA { display:block; width:100%; height:46px; line-height:46px; background:#f9f9f9; border:1px solid #ddd; padding:0 18px; font-size:15px; color:#333; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.radio_A > span.ic_radio {position:relative; margin-right:4px; width:20px; height:20px; line-height:20px; border:1px solid #ccc; display:inline-block; position:relative; top:-3px; vertical-align:middle; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; content:''}
input[type="radio"]:checked + .radio_A > span.ic_radio:before {background-color:#0055ff; width:12px; height:12px; display:block; position:absolute; top:4px; left:4px; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; content:''}
div.radio_error .radio_B > span.ic_radio {border:1px solid #ff5d5d;}
div.radio_error p.radio_error {display:block;}
.radio_B > span.ic_radio {position:relative; margin-right:4px; width:20px; height:20px; line-height:20px; border:1px solid #ccc; display:inline-block; position:relative; top:-3px; vertical-align:middle; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; content:''}
input[type="radio"]:checked + .radio_B > span.ic_radio:before {background-color:#0bc7f6; width:12px; height:12px; display:block; position:absolute; top:3px; left:3px; border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; content:''}
input[type="radio"]:checked + .radio_B > span.ic_radio {border:1px solid #0bc7f6;}
input[type="radio"]:checked ~ p.radio_guide {display:block;}

.radio_box_a { display: flex; }
.radio_box_a .btn_option { text-align: center;}
.radio_box_a label { border-radius: 4px;display: flex; align-items: center; justify-content:center; color:#a0abb9; background: #f1f5f9; margin:0;}
.radio_box_a label:hover { background: #e6ebf0}
.radio_box_a input { display: block; overflow: hidden; width:0; height: 0; overflow: hidden; font-size: 0; line-height: 0;appearance:none;  -moz-appearance:none; -webkit-appearance:none;}
.radio_box_a label span { position: relative; display: inline-block; width:22px; height:22px; margin-right: 4px;}
.radio_box_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; }
.radio_box_a input:checked + label { color: #83BC22; border:1px solid #83BC22; background: #fff;font-weight: 700;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.radio_box_a input:checked + label span:before { border-color:#83BC22}

[class*="direction_row"] { display: flex; flex-wrap: wrap;}
[class*="direction_row"][class*="center"] { align-items: center;}
.direction_row + .direction_row { margin-top:30px;}
.direction_column { display: flex; flex-direction: column;}
.radio_box_b { font-size: 13px; display: flex; align-items: center;}
.radio_box_b input { display: block; overflow: hidden; width:0; height: 0; overflow: hidden; font-size: 0; line-height: 0;appearance:none;  -moz-appearance:none; -webkit-appearance:none;}
.radio_box_b label { font-size: 14px; display: flex; align-items: center; color:#333; margin:0;}
.radio_box_b label span { display:flex; flex-shrink: 0; align-items: center; justify-content: center; margin-right:7px;width:22px;height:22px; border:2px solid #c9c9c9; border-radius:50%;box-sizing: border-box;background: #fff;}
.radio_box_b label span::before {content: "";display: block;width: 8px;height: 8px;border-radius: 50%;background: #c9c9c9;transition: .1s;}
.radio_box_b label:hover { color:#2f77fb;;}
.radio_box_b label:hover .tit_txt { color:#2f77fb;}
.radio_box_b label:hover span { border-color:#2f77fb;}
.radio_box_b label:hover span::before { background: #2f77fb;}
.radio_box_b input:checked + label { color: #2f77fb !important;} 
.radio_box_b input:checked + label .tit_txt{ color: #2f77fb;}
.radio_box_b input:checked + label .tit_txt{ color: #2f77fb;}
.radio_box_b input:checked + label span { border-color:#2f77fb;}
.radio_box_b input:checked + label span::before { width:10px; height:10px; border:2px solid #fff; background: #2f77fb;}

.direction_row > .radio_box_b { flex-shrink: 0;}
.radio_box_b input:disabled + label { cursor: not-allowed; color:#c2c2c2;}
.radio_box_b input:disabled + label span { background: #ededed !important; border-color:#d7dae3 !important;}
.radio_box_b input:disabled + label span:before { display:none;}


/* input */
input[type="text"]:disabled,
input[type="number"]:disabled {background: #E8E8E8 !important;color:#A8A8A8 !important;box-shadow: 0 0 0px 1000px #e8e8e8 inset !important; -webkit-text-fill-color: #A8A8A8 !important;}
[class*="input_wrap_"] { position: relative;}
[class*="input_wrap_"] input[type="text"] { text-indent:5px; }
.input_wrap_a input { width:100%; box-sizing: border-box; border:1px solid #c7cacf;background: #f6f6f6; padding:11px 32px 11px 7px;border-radius: 4px; background: #fff;}

.input_wrap_a .input_clear { display: none; position: absolute; right: 10px;top: 50%;transform: translateY(-50%);}
.input_clear:hover { opacity: 1;}
.input_wrap_a input:not(:placeholder-shown) + .input_clear { display: block; }
.input_wrap_a input:not(:placeholder-shown) + .input_clear:hover { display: block; }

.input_wrap_a.disabled input { color:#000; background: #eaeaea;}
.input_wrap_a input:focus { border:1px solid #334155}
.count_wrap input {padding: 11px 70px 11px 7px;}
.input_wrap_a .count_time {position: absolute;display: inline-block; top: 11px;right: 18px;}
.input_wrap_a .count_time label { vertical-align: 0;}

.ipt_A {width:100%; height:45px; line-height:45px; box-sizing:border-box; border:1px solid #dce0e6; padding:0 18px; font-size:15px; color:#333; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.ipt_B {padding:0 14px; height:38px; line-height:38px; box-sizing:border-box; border:1px solid #dce0e6; font-size:15px; color:#333; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
.ipt_A:focus,
.ipt_B:focus {border:1px solid #334155 !important;}

label.btn_file_upload  { display: flex; align-items: center;position:relative; margin-bottom:0 !important;}
label.btn_file_upload input {position:absolute;width:0;height:0;overflow:hidden;}

.input_wrap_a .txt_right { text-align: right; padding:11px 7px; text-indent: 0 !important}
.input_wrap_a .txt_center { text-align: center; padding:11px 7px; text-indent: 0 !important;}

.icon_arrow { margin-left:16px; margin-right: 0;}
.input_clear { cursor: pointer; opacity: .3;}

/* ����÷��  */
.file_wrap  {display:flex; flex-direction: column; position:relative; align-items: flex-start; text-align: left !important;}
.file_wrap label {position:relative; margin:0;}
.file_wrap label input {position:absolute;width:0;height:0;overflow:hidden;}
.file_wrap > input[type=text] {padding:0 6px 0 6px; vertical-align:middle; display:inline-block; font-size:14px; color:#336ccb; background:#f9f9f9 ; text-overflow:ellipsis; border:1px solid #e2e2e2; height:38px;}
.user_file {display: flex;align-items: center;margin-top: 7px; height:40px; box-sizing: border-box; font-size:14px; border-radius: 4px; padding:10px 11px;border: 1px dashed #ccc; background: #fff;}
.user_file:hover { border-color:#333;}
.user_file p {display: flex; align-items: center; color:#999;}
.user_file .input_clear { flex-shrink: 0; margin-left:20px;}
.memo_file .desc { margin-top:20px;}
.user_file + .desc { margin-top:10px !important;}
.desc .tooltip { margin-left:6px;}
.file_wrap label ~ .desc {margin-top:10px !important}
.icon_file { flex-shrink: 0; margin-right: 7px !important;}

/* calendar */
.date_time_picker { display: flex;}
.date_time_picker > div  { margin-right: 10px;}
.date_time_picker > div:last-child  { margin-right: 0px;}
.date_time_picker .date_box  { position: relative; flex-grow: 1; align-items: center; padding:10px 14px; background: #f1f5f9; border-radius: 4px; cursor: pointer;}
.date_time_picker .date_box:hover { background: #e7eef4;}
.date_time_picker .date_box input { position: relative; z-index: 1; background: transparent; width:100%; cursor: pointer;}
.date_time_picker [class*="select_box_"]  { flex-shrink: 0;}
.date_time_picker .date_box .icon_date { position:absolute; right:5px;}
[class*="date"] .date_box  { position: relative;}
[class*="date"] .date_box input {position: relative;z-index: 1; cursor: pointer; padding-left:10px;}
[class*="date"] .date_box .icon_date {position:absolute;right:5px;top: 50%;transform: translateY(-50%);}

/* text */
.txt_black { color:#000 !important;}
.txt_red { color:#f1244f !important;}
.txt_blue { color:#0055ff !important;}
.txt_gray { color:#808080 !important;}
.txt_purple{ color:#6239FF !important;}
.txt_green { color:#00a72c !important;}
.txt_orange { color:#ff8800 !important;}
.txt_light_gray { color:#b7b7b7 !important;}
.txt_light_blue{ color:#0081F2 !important;}
.txt_mint{ color:#41C7FF !important;}
.txt_b {font-weight: 600 !important;}
.txt_s_gy {font-size: 12px; font-weight: 400; color:#888 !important;}
.txt14 {font-size: 14px !important; }
.txt_b01 {font-size: 18px; font-weight: 600;}
.txt_normal {font-weight: normal;}
.txt_line { text-decoration: underline;}
.txt_through { text-decoration: line-through;}

/* font-size */
.f09em { font-size:0.9em;}

/* ��ư */
.btn_wrap.row { display:flex;}
.btn_wrap.row [class*="btn_"] + [class*="btn_"] { margin-left:10px;}
.btn_full { width:100%;}
.btn_a { display: flex; align-items: center !important; color:#758398; border:1px solid #c7cacf; border-radius: 4px; background: #fff; height:34px; padding:0 .95em; justify-content: center; box-sizing: border-box; font-weight:400;}
.btn_a:hover { border-color:#9ea7b4}
.btn_b { display: flex; align-items: center !important;  color:#fff; border-radius: 4px; background: #758398; padding:6px .95em; justify-content: center; font-weight:400;}
.btn_b:hover { background: #8590a2}
.btn_c { display: flex; align-items: center !important;  color:#758398; border-radius: 4px; background: #f1f5f9; padding:8px 15px; justify-content: center}
.btn_c:hover { background: #e7eef4}
.btn_d { display: flex; align-items: center !important; justify-content: center; color:#424242; border-radius: 4px; background: #fff; border:1px solid #424242; padding:8px 15px;}
.btn_d:hover { background: #f9f9f9}
.btn_e { display: flex; align-items: center !important; justify-content: center; color:#758398; background: #fff;}
.btn_e .btn_txt { font-size:13px;}
.btn_e:hover { text-decoration: underline;}
.btn_f { display: flex; align-items: center; justify-content: center; color:#758398; background: transparent;}
.btn_f .btn_txt { font-size:14px;}
.btn_txt .sub_txt { font-size:.85em; padding:0 3px;}

.btn_txt_a { background: transparent; border:none; color:#c4c9d1;}
.btn_txt_a:hover { color:#aaaeb5;}
.btn_txt_b { background: transparent; border:none; color:#8590a2;}
.btn_txt_b:hover { color:#5d646f;}

.btn_s_a { display: inline-flex; align-items: center; font-size: 14px; text-align: center; color:#758398; border:1px solid #c7cacf; border-radius: 4px; background: #fff; padding:5px 8px; word-break: keep-all;}
.btn_s_a.bg_blue { border:none; color:#fff !important}
.btn_s_a:hover { color:#334155; border-color:#9ea7b4}

.btn_big { display: flex; align-items: center; justify-content:center; border-radius: 4px; height:40px; text-align: center;}
.bg_blue { background: #0055ff !important; border-color: #0055ff !important; color:#fff !important;}
.bg_blue:hover { background: #1963f7 !important; border-color: #1963f7 !important;}
.bg_green { background: #2f77fb !important; border-color: #83BC29 !important; color:#fff !important;}
.bg_green:hover { background:#2f77fb !important; border-color: #83BC29 !important;}
.bg_grdt { background: linear-gradient(90deg, #293683, #0EA57B) !important; border-color: #83BC29 !important; color:#fff !important;}
.bg_grdt:hover { background:linear-gradient(90deg, #293683, #0EA57B) !important; border-color: #83BC29 !important;}


.bg_red { background: #ff1e1e; border-color: #ff1e1e; color:#fff;}
.bg_red:hover { background: #f73f3f; border-color: #f73f3f; color:#fff }

.btn_yellow_kakao { display: flex; align-items: center; justify-content:center; border-radius: 5px; height:40px; text-align: center; background: #fee500 !important;; border-color: #fee500 !important;; color:#191919;}
.btn_yellow_kakao:hover { background: #f5de09 !important; border-color: #f5de09 !important;}

.btn_gray_kakao { display: flex; align-items: center; justify-content:center; border-radius: 5px; height:40px; text-align: center;}
.btn_gray_kakao { background: #f5f5f5; border-color: #f5f5f5; color:#525252;}
.btn_gray_kakao:hover { background: #ebebeb; border-color: #ebebeb;}

.bg_mint { background: #2fccda; border-color: #2fccda; color:#fff;}
.bg_mint:hover { background: #3bd7e5; border-color: #3bd7e5; color:#fff;}
.bg_green { background: #4dcd7f; border-color: #4dcd7f; color:#fff;}
.bg_green:hover { background: #5ddc8e; border-color: #5ddc8e; color:#fff;}

.bg_k { background: #000; border:none; color:#fff;}
.bg_k:hover { background: #232323;}

.bg_gray { background: #758398; border:none; color:#fff;}
.bg_gray:hover { background: #8590a2; color:#fff;}

.bg_lightgray { background: #f6f6f6;}
.bg_lightgray:hover { background: #f1f1f1; }

.bg_darkgray { background: #334155; border:none; color:#fff;}
.bg_darkgray:hover { background: #4e5c70; color:#fff;}

.btn_huge { display: flex; align-items: center; justify-content:center; font-weight:600; font-size:15px; border-radius: 5px; height:60px; text-align: center;}
.line_blue { border:1px solid #0055ff !important; color:#0055ff !important; background: #fff !important;}
.line_blue:hover { background: #f0f5ff !important; color:#0055ff !important; border:1px solid #0055ff !important;}
.btn_flex { flex:1;}

.btn_disabled { background: #ededed; border:none; color:#c0c0c0; cursor: not-allowed;}
.btn_disabled:hover { background: #ededed; border:none; color:#c0c0c0;}

input[type="button"] { cursor: pointer;}
input[type="button"]:disabled,
input[type="button"][disabled] { opacity: .4; cursor: not-allowed;}
button:disabled { background: #dfdfdf !important; border-color:#dfdfdf !important ; cursor: not-allowed;}
button:disabled * { color:#a7a7a7 !important;}
button:disabled:hover { background: #dfdfdf !important; border-color:#dfdfdf !important ;}
button:disabled:hover * { color:#a7a7a7 !important;}

/* textarea */
.textarea_wrap_a { position:relative; }
.input_textarea { overflow-y: auto; overscroll-behavior:contain;}
.input_textarea textarea { box-sizing: border-box; }
.input_textarea textarea.user_message { color:#334155;  background:transparent;border:none; resize:none;  outline:none;  overflow: hidden; }
.input_textarea textarea.fake_massage { height:1px;overflow-y:hidden;position:absolute;top:10px; left:0; visibility: hidden;}
.blink_shadow { animation:blink_shadow 1s linear; animation-iteration-count:4}
@keyframes blink_shadow {
  0% {box-shadow: 0 0 0 0px rgb(0, 85, 255);}
  100% {box-shadow:  0 0 0 5px rgba(0, 85, 255, .1);} 
}


/* loader */
.loader_circle,
.loader_circle:after {border-radius: 50%;width:60px;height: 60px;}
.loader_circle {margin: 20px auto;font-size: 10px;position: relative;text-indent: -9999em;border-top: 0.5em solid #e7edef;border-right: 0.5em solid #e7edef;border-bottom: 0.5em solid #e7edef;border-left:0.5em solid #0055ff;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: loader_circle 1.1s infinite cubic-bezier(0.13, 0.32, 0.71, 0.61);;animation: loader_circle 1.1s infinite cubic-bezier(0.13, 0.32, 0.71, 0.61);}
.loader_circle + p { font-size:14px;}
.loader_circle + p .sub_txt { color:#9d9d9d}

@-webkit-keyframes loader_circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loader_circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* select */
[class*="select_box"] { position: relative; display: flex; justify-content: space-between !important; align-items: center !important;  border-radius: 4px; cursor: pointer;}
.select_box_a { background: #f1f5f9; }
.select_box_a:hover { background: #e7eef4; }
.select_box .icon_arrow { flex-shrink: 0;}
.select_txt { color:#334155; font-size:14px;}
[class*="select_box"].accent {cursor: default;}
[class*="select_box"].accent .select_txt { color:#89b7ff; font-weight:700;}
.select_box_a { padding:7px; min-width: 90px;}
.select_box_a > p {line-height: 1; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; color:#000;}
.seleted_memo_txt { margin-right:auto; margin-left:7px; color:#7b889c; line-height:1;}
.seleted_memo_txt span { display: inline-block; vertical-align: text-bottom; font-size:13px; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.select_option { display: none; position: absolute; z-index: 100;}
[class*="select_box"].on .select_option { display: block;}
[class*="select_box"].on { box-shadow: inset 0px 0px 0px 1px rgb(131 142 160);}
[class*="select_box"].on .icon_arrow { transform: rotate(-180deg);}
.select_box_a .select_option { display:none;top: calc(100% - 1px); left:0; border-radius: 4px;border:1px solid #838ea0;box-shadow: rgba(0, 0, 0,.3) 0px 15px 25px -7px; box-sizing: border-box;z-index: 999;min-width: 160px; overscroll-behavior:contain;}
.select_box_a.up .select_option { top:auto; bottom:calc(100% - 1px); box-shadow: rgba(0, 0, 0,.3) 0px -5px 25px -7px;}
.select_box_a .select_option.position_up { bottom:calc(100% - 1px); top:auto;}  
.select_box_a.active .select_option { display: block;}



.select_option ul { background: #fff;}
.select_option li { color:#6d7a8d; font-size: .98em; padding:10px 0; text-align: left; padding-left:10px; border-bottom:1px solid #dbdfe5;}
.select_option li:last-child {border-bottom:none}
.select_option li:hover { background: #e7eef4}
.select_option { width:100%; max-height:150px; overflow-y: auto; overflow-x: hidden; background: #fff}
[class*="select_box"].bg_blue {background: #0055ff;}
[class*="select_box"].bg_blue:hover {background: #1963f7;}
[class*="select_box"].bg_green {background: #83BC22;}
[class*="select_box"].bg_green:hover {background: #83BC29;}
[class*="select_box"].disabled {background: #dfdfdf; cursor: default; cursor: default; pointer-events: none;}
[class*="select_box"].disabled .icon_arrow{ opacity: .5;}
[class*="select_box"].disabled .select_txt,
[class*="select_box"].disabled span {color:#acaeb1;}
[class*="select_box"].disabled:hover {background: #dfdfdf;}
.icon_ch_plus { display:inline-block !important; width:35px !important; height:35px !important; background:url(/design/img/common/icon/ch_plus-5cea9d5b6ab8a9b63a9d35e6fbd42ae0.png) !important;}
.icon_ch_plus + span { margin-left:3px;}

/* �˻� */
.search_wrap { display: flex;  border-radius: 4px; background: #f1f5f9}
.search_wrap .select_box_a { background: transparent;}
.search_wrap .input_text { min-width: 220px;}
.search_wrap .select_box_a:hover {background: #e7eef4;}
.search_wrap [class*="input_wrap_"] { flex:1;}
.search_wrap [class*="input_wrap_"] input { border:none; background: transparent;}
.date_range_picker { display: flex;}
.date_range_picker .date_box {display: flex;align-items: center; cursor: pointer;}
.date_range_picker .date_box:hover { background: #e7eef4}
.date_range_picker input {background: transparent;width: 118px; line-height: 45px; font-size: 14px; cursor: pointer;}
.date_range_picker em { background-size: 150px;}
.date_range_picker .blank { line-height: 45px; margin:0 3px;}


/* paging */
.page_wrap {text-align: center;padding: 40px 0;}
.page_box { display: flex; justify-content: center;}
.page_box button {display: inline-block; font-size:12px; border-radius: .5em; padding: 14px 16px; line-height:1; text-align:center; box-sizing:border-box; cursor:pointer;background: #f0f2f4;margin: 0 3px; color:#758398;}
.page_box button[class*="p_"] { color:#758398;}
.page_box button:hover { background: #e4e9ef; color:#334155;}
.page_box button.on { border:1px solid #0055ff; color:#0055ff; background: #fff; font-weight: 600;}

/* �� ���� */
.more_wrap { display: flex; justify-content: center; margin-top:40px;}
.more_wrap .list_num { margin-left:10px; display: flex;}
.more_wrap .list_num * { margin:0 2px;}
.more_wrap .list_num .slash ,
.more_wrap .list_num .total { color:#bfbfbf;}
.more_wrap .btn_a { padding: 0 4.95em; border:none; background:#f2f4f6 ;}
.more_wrap .btn_a:hover { background:#e5eaef ;}

.box_lightblue { box-sizing: border-box; padding:16px; background: #f1f5f9; padding:16px;}
.box_gray { box-sizing: border-box; background: #f6f6f6; padding:16px;}
#mobileAuthArea .box_module{ margin-top:12px;}
#telecomProofArea  .box_module{ margin-top:12px;}
.box_module + .box_module{ margin-top:12px;}
.box_module .desc { margin-top:5px; letter-spacing: -.03em;}
.box_module .desc .pop_ly_bubble { vertical-align: 1px;} 
.box_module .box_head { display: flex; font-size:14px;  align-items: center;}
.box_module .box_head > span { flex-shrink:0;}
.box_module .box_head .sub_tit { margin-left:20px; color:#8f8f8f;}
.box_module .box_head .align_right { margin-left:auto;}
.box_module .box_head + .box_body { margin-top:10px;}
.box_module .box_body + .box_head { margin-top:30px;}
.box_module .box_body p + button { margin-top:20px;}
.box_btn_wrap { display: flex; margin-top:20px; justify-content: center;}
.box_btn_wrap > div[class*=box_] { display: flex;}
.box_btn_wrap button + button { margin-left:10px;}
.box_module .textbox {width:100%; height:150px; padding:15px 12px; box-sizing: border-box; background: #fff; border:1px solid #c7cacf; border-radius: 4px; resize:none; line-height: 1.3;}
.box_w1 { width:114px; box-sizing: border-box;}
.box_w2 { width:252px; box-sizing: border-box;}
.box_w3 { width:389px; box-sizing: border-box;}
.box_w4 { width:528px; box-sizing: border-box;}
.box_w5 { width:665px; box-sizing: border-box;}
.box_w6 { width:802px; box-sizing: border-box;}
.box_w7 { width:940px; box-sizing: border-box;}
.box_w100 { width:100%; box-sizing: border-box;}
.box_conts > .tit { color:#6a6a6a; font-weight: 500; font-size: 14px;}
.box_conts > .conts { margin-top:7px;}
.box_shadow { box-shadow: 0 1px 6px rgba(0,0,0,.2); background-color: #fff;}
.box_gray > .desc:first-child { margin-top:0;}

.table_wrap_g { display: table; border-collapse: collapse; margin-top:20px;}
.table_wrap_g .b_tr { display: table-row;}
.table_wrap_g .b_tr .tit { width:auto; font-size:.9em; color:#758398;}
.table_wrap_g .b_td { display: table-cell; vertical-align: top; padding:10px 0;}
.table_wrap_g .b_th { padding-right:20px; white-space: nowrap;}
.table_wrap_g .b_th.v_middle { vertical-align: middle;}


/* ��� */
.terms_box * + h4 { margin-top:40px}
.terms_box h4 + * { display: inline-block; margin-top:20px}
.terms_box .tit { display: inline-block; font-size:16px;  margin-top:30px; font-weight: 500;}
.terms_box li{ line-height: 1.6;}
.count_li li { text-indent: -17px; padding-left:19px; font-weight: 400; line-height: 1.6;}
.cls_the_body .bold { font-weight: 700;}
.cls_the_body .line { text-decoration: underline;}

/* layout */
.layout_01 { display: flex; justify-content: space-between; align-items: stretch !important;}
.layout_01 [class*="item"] + [class*="item"] { margin-left:10px}
.layout_01 .item_01 {flex-grow: 1;}
.layout_01 .item_02,
.layout_01 .item_03 { display: flex; justify-content: flex-start; align-items: center; flex-shrink: 0;}
.layout_01 .item_02 button { height:100%;}
.layout_01 .item_02 a { height:100%;}
.layout_01 .item_03 button { height:100%;}
.layout_01 .item_02  [class*="select_box"] { padding:0 16px; height:100%}
.layout_02 { display: flex; flex-direction: column; justify-content: space-between;}
.layout_02 .item_02 { margin-top:20px;}
.layout_02 .item_02 button { width:100%;}
.layout_02 [class*="select_box"] { width:100%;}

.layout_03 { display: flex; justify-content: space-between;}
.layout_03 .item_01 { flex-grow: 1;}
.layout_01.align_left { justify-content: flex-start;}

/* ������ �ȳ� ���� */
.contents_tit { padding:16px 0 50px; font-weight:600; }
.contents_tit .tit_txt { font-size:32px; color:#000;}
.nav_menu ul { display: flex; flex-wrap: wrap; margin-left:-8px; padding-bottom:5px;}
.nav_menu li { margin-right:8px;}
.nav_menu li:last-child { margin-right:0px;}
.nav_menu li a { position: relative; display: inline-block; font-size:16px; line-height: 1; padding: 0 8px 7px; color:#878d95; font-weight: 300; }
.nav_menu li a:hover { color:#0056ff;}
.nav_menu li .on { color:#0056ff; font-weight:500;}
.nav_menu li .on:before {content: "";display: block; left:6px; right:6px;  height:2px; background: #05f;position: absolute; bottom:1px;}
.nav_menu li .bdg_new {font-size: 10px;font-weight:600;display: inline-block;text-align: center;padding: 3px 8px;border-radius: 9px;background: #cbe7fb;color:#39f;vertical-align: 1px;margin-left: -3px;}


.info_srv { position: relative;  box-sizing: border-box;}
.section_layout .info_srv { width:1200px; margin:0 auto;}
.info_srv .btn_box { margin:15px 0 10px;}
.info_srv.expand .btn_expand { font-size:0; }
.info_srv.expand .btn_expand::before { content: "�ȳ��� �����"; font-size:13px;}
.info_srv > div:not(.btn_expand_wrap) ul li {display:none;}
.info_srv > div:not(.btn_expand_wrap) ul li:first-child {display:block;}
.info_srv > div:not(.btn_expand_wrap) ul li:nth-child(2) {display:block;}
.info_srv.expand > div:not(.btn_expand_wrap) ul li {display:block; word-break: keep-all;} 
.info_srv ul { padding:20px 0 0;}
.info_srv li ul { padding:0;}
.info_srv ul li { font-size:13px; margin-bottom:4px; color:#686868; text-indent: -13px; padding-left:15px;}
.info_srv ul li strong:not([class="txt_"]) { color:#000 }
.info_srv ul li:before { content: ""; display: inline-block; width:3px; height:3px; background: #334155; vertical-align: middle; line-height: 1em; margin-right:7px;}
.info_srv ul li:last-child { margin-bottom:0px;}
.info_srv ul li .accent { color:#f1244f;}
.info_srv ul li em { font-weight: 500;}
.info_srv ul li .link_txt { font-weight: 500; text-decoration: underline;}
.info_srv ul li > [class*="btn_"] {text-indent: 0; margin-left:0px;}
.info_srv ul li > .btn_s_a { padding:3px 6px; font-size:13px;}
.info_srv .btn_box{ display: flex;}
.info_srv .link_box { margin-top:15px; display: flex; flex-wrap: wrap; }
.info_srv .btn_box button + a{ margin-left: 5px;}
.info_srv .btn_box .btn_s_a { border:1px solid #686868 !important; color:#686868;}
.info_srv .link_box .btn_s_a { border:1px solid #686868 !important; color:#686868;}
.link_box a { margin:0 7px 3px 0;}
.link_box a:last-child { margin-right:0px;}
.info_srv.expand > div:not(.btn_expand_wrap) {height: auto; }
.info_srv .btn_expand_wrap { display: inline-flex;position: relative;text-align: center;margin-top: 10px;}
.info_srv .btn_expand_wrap button {font-size: 13px;color: #838ea0;display: flex;line-height: 1;align-items: center;margin: 0 auto;background: #fff;padding: 10px 20px; border-radius: 18px; border: 1px solid #dce0e6;}
.info_srv .btn_expand_wrap button:hover { border: 1px solid #a5a5a5; color:#333}
.info_srv .btn_expand_wrap button i { margin-left: 16px; }
.info_srv .btn_expand_wrap button i:after {content: "";display: block;width: 5px;height: 5px;border: 1px solid #838ea0;border-width: 0px 0 1.5px 1.5px;transform: translateY(-2px) rotate(-45deg); }
.info_srv.expand .btn_expand_wrap button i:after { transform: translateY(2px) rotate(135deg);}
.contents_header .category_d ul { padding:20px 20px 10px 0;}
.info_srv .tooltip { text-indent: 0;}
.info_srv:not(:has(li:nth-child(4))) .btn_expand_wrap { display: none;}

/* ���� */
.mail .section_contents{ margin-top: 20px !important;}

/* tooltip */
.tooltip { position:relative; display:inline-block; text-indent: 0;;}
.tip_tit { display: block; font-weight: 800; margin-bottom:7px;}
.tip_conts + .tip_tit { margin-top:10px}
.tip_icon:hover {opacity: 1;}
.tooltip.on .wrap_bubble {display:block;}
.wrap_bubble {position:absolute; width:260px; display: none; z-index: 1001;}
.wrap_bubble .tip_bubble {background:#fff; color:#000;border-radius:5px;padding:14px;font-size:13px; font-weight:300; box-shadow:0 0 6px 0 rgba(0,0,0,.3); word-break:break-word; text-align:left; border:1px solid #ccc;}
.wrap_bubble .tip_bubble p { padding:0 !important; word-break: keep-all;}
.tip_left { right: -6px;}
.tip_right { left: -6px;}
.tip_top {bottom:24px; animation:toolip_up .4s;}
.tip-bottom {top:24px; animation:toolip_down .4s;}
.tip_right:after {left: 10px;}
.tip_left:after {right: 10px;}
.tip_top:after {bottom: -6px;}
.tip_bottom:after {top: -6px; transform: rotate(-130deg);}
.tip_left .tip_bubble {float:right;}
@keyframes toolip_up {	0%{transform:translateY(20px); opacity:0;}100%{transform:translateY(0); opacity:1;}}
@keyframes toolip_down {0%{transform:translateY(-20px); opacity:0;}100%{transform:translateY(0); opacity:1;}}
.tooltip .p_box { display: block; margin:4px 0;}
.tooltip .accent { color:#ff3535; font-weight:600;}
.tooltip ul[class*="list"] { display: block; margin-top:7px;}
.tooltip ul[class*="list"] li { display: block; font-size:0.95em;}
.tooltip .list_bul li { text-indent: -10px; padding-left:10px;}
.tooltip .list_bul li::before { content: ""; display: inline-block; width:3px; height:3px; border-radius: 2px; background: #000; vertical-align: middle; margin-right:8px;}
.tooltip .sub_info { color:#858585; margin:5px 0; font-size:.95em;}
.pop_ly_bubble {display: inline-flex;margin: 0 4px;align-items: center;width: 17px !important;height: 17px !important;background: #666f7c;border-radius: 2px;justify-content: center;}
.pop_ly_bubble span {color: #ffffff;line-height: 7px;font-size: 13px;font-weight: 900;font-family: pretendard;display: block;}
.pop_ly_bubble:hover {background: #444a54;}
.list_bul li { word-break: keep-all;}

@media (max-width:767px) {
  .wrap_bubble { max-width: 100vw;}
  .info_srv ul li > [class*="btn_"] {font-size:11px; padding:1px 3px;}
}




.category_a { display: flex; align-items: center; flex-wrap: wrap}
.category_a .cate_item { padding:5px;}
.category_a .cate_item a { position: relative; padding:10px 0;  border:1px solid #2a2a2a; border-radius:25px; display: flex; align-items: center; justify-content: center;}
.category_a .cate_item a:hover { background: #f2f2f2}
.category_a .cate_item.on a { background-color: #2a2a2a;}
.category_a .cate_item.on a .btn_txt { color:#fff;}
.category_a .cate_item span { font-weight:400; color:#000; font-size: 16px;}
.category_a .cate_item .bubble_tip { font-size:14px;padding: 4px 8px;border-radius: 14px;background: #0055ff;color:#fff;margin-left: 7px;margin-right: -10px;}
.category_b { display: flex; flex-wrap: wrap; justify-content: flex-start; overflow: hidden;}
.category_b .cate_item a { position:relative; display: flex;width:100%;border:1px solid #ccc; border-radius: 10px;align-items: center;justify-content: center;flex-direction: column; box-sizing: border-box;}
.category_b .cate_item { padding:5px; width:calc(100% /6 - 10px); box-sizing: border-box; display: flex; align-items: center; justify-content: center}
.category_b .swiper-slide { overflow: visible;}
.sect_product_cate  .category_a .cate_item a { padding:10px 20px;}

.sect_brand_cate .category_b .cate_item a { padding: 15px 15px 50px;height: 190px;}
.sect_brand_cate .category_b .item_txt {position: absolute; bottom: 28px;}
.sect_brand_cate .category_b .cate_item img {max-height: 100%;max-width: 100%;height: auto;width: auto;}

.swiper .category_b .cate_item { padding:0;}
.category_b .item_txt {display: inline-block;color:#334155;font-size:14px; }
.category_b .cate_item a:hover  { border-color: #758398}
.category_b .cate_item.on a { border:1px solid #0055ff}
.category_b .cate_item.on .item_txt {  color: #0055ff; }

.category_c { position: relative; display: flex; border-bottom:1px solid #dce0e6; padding-top:20px;}
.category_c ul { display: flex; margin-bottom:-1px; overflow: auto;}
.category_c li a { display: block; padding:13px 47px; white-space:nowrap; font-size:16px; font-weight:300; color:#878d95; border: 1px solid #dce0e6; background: #f8f9fa;}
.category_c li + li { margin-left:-1px;}
.category_c li a:hover { background: #edeff1}
.category_c li a.on { background: #fff; color:#000; font-weight: 600;; border-bottom:1px solid #fff;}
@media (max-width:767px) {
  
}
.category_d { display: flex; position: relative; align-items: center;}
.category_d ul { display: flex; overflow: auto;}
.category_d li { margin:5px;}
.category_d li a {display: block;white-space: nowrap;padding: 10px 20px;font-size: 15px;color: #b5b5b5;  background: #efefef; border-radius:20px;font-weight: 600;}
.category_d li a.on { background: #334155; color:#fff;}
.category_d li a:hover{ background: #334155; color:#fff;}
.category_d .cate_tit { font-size:18px; margin-right: 10px;;}

/* �˻� ���� ���� */
.item_filter { width:100%; display: flex; align-items: flex-end; }
.item_filter button { background: #fff; color:#b2b2b2; margin-right:14px;}
.item_filter * { flex-shrink:0;}
.item_filter button.on { color:#000; text-decoration: underline; font-weight:700;}
.item_filter button.on::before {content: "";display: inline-block;width: 10px;height: 6px;border-left: 2px solid #333;border-bottom: 2px solid #333;transform: rotate(-45deg);vertical-align: 4px;margin-right: 10px;}
.item_filter button:hover { color:#000; text-decoration: underline;}
.item_filter .result_info { display: flex; margin-right:auto; font-size: 16px; align-items: flex-end;}
.item_filter .result_info .srch_txt { max-width:260px; font-size: 22px; color:#0055ff; margin-right:4px; text-decoration: underline;}
.item_filter .result_info .result_total {margin-left:5px; width:auto;}
.item_filter .result_info .result_total .unit { font-size:.9em;}


/* table */
.table_wrap_a tr,
.table_wrap_a th,
.table_wrap_a tr td{padding:5px; border:1px solid #808080; text-align: center; font-size:12px; background:#fff}
.table_wrap_a tr td.pd5 {padding:5px 5px 5px 5px!important; }
.table_wrap_a tr td b{font-size:14px;}
.table_wrap_a tr th{background:#f7f7f7}
.table_wrap_b > div { display: flex; align-items: flex-start;; margin-bottom:20px; padding:15px 0;}
.table_wrap_b.show_line > div { border-bottom:1px solid #d8dbde; margin-bottom:0;}
.table_wrap_b.show_line > div:first-child { border-top:1px solid #d8dbde;}
.table_wrap_b .cell_tit { width:130px; line-height: 1.7; flex-shrink: 0; color:#000; font-weight:400;}
.table_wrap_b .cell_conts { width:100%; flex: 1; line-height: 1.7; color:#666;}
.table_wrap_a .align_left { text-align:left}
.table_wrap_a .align_right { text-align:right}
.table_wrap_a.none_sides_line tr,
.table_wrap_a.none_sides_line th,
.table_wrap_a.none_sides_line tr td { border-top:0; border-right:0; border-left:0; border-bottom:1px solid #d1d1d1; }
.table_wrap_a { border-top: 1px solid #808080; }

.desc { color:#334155; font-size:13px;line-height:21px; margin-top:11px;}
p.vaild_txt { color:#f1244f !important; font-size:14px; font-weight:400; margin:7px 0 0; animation: vaild_txt .4s;}
@keyframes vaild_txt {
  0%{transform:translateY(-10px); opacity: 0;}
  100%{transform:translateY(0); opacity: 1}
}
@-webkit-keyframes vaild_txt {
    0%{transform:translateY(-10px); opacity: 0;}
    100%{transform:translateY(0); opacity: 1}
}

/* tab */
.tab_box_a {display: flex; box-sizing: border-box; padding-top:14px; }
.tab_box_a .tab_item {display: flex; align-items: center; justify-content:center;flex:1;color: #878d95; cursor: pointer;font-weight: 500;}
.tab_box_a .tab_item:hover { color:#334155; }
.tab_box_a .tab_item:last-child { border:none;}
.tab_box_a .tab_item span { display:inline-block; padding:0 0 3px 0;}
.tab_box_a .tab_item.on {color: #000;}
.tab_box_a .tab_item.on span { border-bottom:2px solid #000;}

.tab_box_b { display: flex; width:100%; flex-wrap: wrap;}
.tab_box_b .tab_item { flex-shrink: 0; font-size:13px; padding:8px 1.3em; border-radius: 20px; color:#919191; border:1px solid #ccc;  margin-bottom:10px; margin-right:10px; cursor: pointer;}
.tab_box_b .tab_item:hover { border:1px solid #334155; color:#334155;}
.tab_box_b .tab_item.on { background: #334155; border:1px solid #334155; color:#fff;}

.table_wrap_c .t_row {display: flex;justify-content: space-between;align-items: center;padding: 10px;}
.table_wrap_c .t_cell { display: flex; align-items: center;}
.table_wrap_c .t_cell > span { padding:0 7px;}
.table_wrap_c .t_header {border-bottom: 1px solid #ccc;border-top: 1px solid #334155; background: #f7f7f7 !important;}
.table_wrap_c .t_body {color: #334155;font-size: 14px; border-bottom:1px solid #ccc;}
.table_wrap_c .t_body .t_row { border-bottom:1px solid #ccc;}
.table_wrap_c .t_body .t_row:hover { background: #f9f9f9;}
.table_wrap_c .t_body .t_row:last-child { border-bottom:none}
.table_wrap_c .t_cell .unit { font-size:.9em; margin-left:1px;}
.table_wrap_c .t_cell.none_data { padding:15px 0; width:100%!important; justify-content: center;}
.table_wrap_c .row_total {background: #d5d5d5 !important;}
.table_wrap_c .none_data { display: flex; align-items: center; justify-content: center; cursor:default !important;}
.table_wrap_c .none_data:hover { background: #fff !important}
.table_wrap_c .none_data div { font-size:17px; margin:100px 0; text-align: center;}
.table_wrap_c .none_data p { color:#aeaeae;}

.table_wrap_d .t_row {display: flex;}
.table_wrap_d .cell_th { background: #f7f7f7; }
.table_wrap_d .t_cell { padding: 10px; display: flex;}
.table_wrap_d .t_body { border-top:1px solid #333;}
.table_wrap_d .t_body {color: #334155;font-size: 14px;}
.table_wrap_d .t_body .t_row { border-bottom:1px solid #ccc;}
.table_wrap_d .t_cell.none_data { padding:15px 0; width:100%!important; justify-content: center;}

.table_wrap_e  { width:100%;}
.table_wrap_e .t_row {display: table-row;}
.table_wrap_e .t_h { background: #f1f5f9 !important; border-bottom: 1px solid #334155;}
.table_wrap_e .cell_th { background: #ebebeb; }
.table_wrap_e .t_cell { display: table-cell; padding: 10px; vertical-align: middle;}
.table_wrap_e .t_header { display: table; width:100%;}
.table_wrap_e .t_body { display: table; width:100%;  border-collapse: collapse; border-top:1px solid #333; color: #334155;font-size: 14px;}
.table_wrap_e .t_body .t_row { border-bottom:1px solid #ccc;}
.table_wrap_e .t_cell.none_data { padding:15px 0; width:100%!important; justify-content: center;}
.table_wrap_e .none_data { padding:10px 0; display: flex; align-items: center; justify-content: center;}

.table_wrap_f { display: table; width:100%; border-top:1px solid #334155; box-sizing: border-box; border-collapse: collapse; font-size: 14px;}
.table_wrap_f .c_tr { display: table-row; border-bottom:1px solid #dbdbdb}
.table_wrap_f .c_td { display: table-cell; padding:10px ; border-right:1px solid #dbdbdb}
.table_wrap_f .c_td:last-child { border-right:none;}
.table_wrap_f .c_thead { background: #f6f6f6; border-bottom:1px solid #b0b6bd;}
.table_wrap_f .c_th { background: #f6f6f6;}
.table_wrap_f .t_right { text-align: right;}
.table_wrap_f .t_center { text-align: center;}

.tab_box_d {display: flex; width:100%;flex-direction: column;}
.tab_box_d .t_row { border-bottom: 1px solid #dce0e6;display: flex; align-items:center; padding:0 10px;}
.tab_box_d .t_row p { width:calc(100% - 40px); padding:10px 0; cursor: pointer;}
.tab_box_d .t_row:last-child { border-bottom:none;}
.tab_box_d .t_row:hover { background: #f9f9f9}
.tab_box_d .t_row:hover p { text-decoration: underline;}
.tab_box_d .input_clear { margin-left: auto}
.m_br { display: none;}

/* ����� ���� */
@media (max-width:767px) {
  .pc_br { display: none;}
  .m_br { display: block !important;}
  .contents_wrap { min-height:calc(100vh - 52px)}
  .top_banner  { height:40px; bottom:87px; left:10px; right:10px;}
  .select_box_a { padding:12px 40px 10px 10px; flex-wrap: wrap;}
  .select_box_a:has( .seleted_memo_txt) .select_txt { width:100%;}
  .seleted_memo_txt { width:100%; margin-left:0; margin-top:8px; font-size:12px;}
  .select_box_a .icon_arrow { position:absolute; right:10px;}
  .contents_tit .tit_txt { font-size: 18px;}
  .section_tit .tit_txt { font-size:22px;}
  .contents_wrap.center_layout { align-items: flex-start; background-color: #fff;}
  .contents_wrap.center_layout .contents_contain { min-width: auto;  border-radius: 15px; margin-top:0;}
  .contents_wrap.center_layout .contents_contain .section_layout {padding:20px 16px;}
  .section_layout { min-width: 100%; box-sizing: border-box;}
  .section_contents .section_tit { margin:0 0 15px 0; padding:0 !important; flex-wrap: wrap;}
  .section_contents .section_body { margin:0; padding: 0;}
  .section_contents { width:100%; padding:0; border-top:10px solid #f8f8f8;}
  .center_layout .section_contents { border-top:0}
  .contents_tit { padding:20px;}
  .contents_header { width:100%;}
  .contents_contain:has(.contact_manage) .contents_header, .section_contents.contact_manage
  { padding:0; min-width: 100%;}
  .section_contents:not(.m_wide_contents) { width:100% ; padding:30px 16px 30px !important; box-sizing: border-box;}
  .section_contents:has(.page_wrap){ padding-bottom: 0 !important;}
  .center_layout .section_contents { padding:0 !important}
  .section_contents.m_wide_contents .section_tit{ padding:30px 16px 0 !important;}
  .wrap_right .sect_result_info_01 { width:100% !important}
  .wrap_right .sect_result_info_02 { width:100% !important}
  .select_box_a .select_option { min-width: auto;}
  .sect_receipt .filter_area { flex-wrap: wrap;}
  .section_contents .section_body .alert_txt_box .txt_short { font-size:22px !important; padding: 0 30px;}
  .section_contents .alert_txt_box p {padding: 0 20px; font-size:14px;} 
  .section_contents .alert_txt_box p + p { max-width: 100%;} 
  .table_wrap_a tr,.table_wrap_a th, .table_wrap_a tr td{font-size:11px;}

  .input_wrap_a .input_clear {right:10px;}
  .btn_big {height:45px;padding: 0 1.3em !important;font-size: 16px !important;}
  .mobile_disable { display: none !important;}
  .gnb_wrap::before { content: ""; display: block; position: absolute; top:-60px; right:16px; width:40px; height:40px; background:url(/design/img/common/logo_gnb-50c16856e029f768b69f93abbfb60f64.png) no-repeat 0 0; background-size: 91px; }
  .gnb_list_box > li { display: flex;border-top: 1px solid #efefef;padding-top: 10px;margin-top: 10px;}
  .gnb_list_box > li:first-child { border-top: none;}
  .gnb_list_box > li > a { padding: 0; flex-shrink: 0; width: 106px; justify-content: center;}
  .gnb_list_box .rcs_bi { width:12px; height:14px;}
  .gnb_drop_list { position: relative; display: block !important;box-shadow: none;width: 100%;padding: 0;box-sizing: border-box; }
  .gnb_drop_list > div { display: flex;flex-wrap: wrap;padding: 0 10px; height: 100%; align-items: center;}
  .gnb_drop_list.on { display: none;}
  .gnb_drop_list a {  font-size:12px; font-weight: 600; padding: 5px 10px; border: 1px solid #e9e9e9;border-radius: 35px; margin:3px;box-sizing: border-box;display: flex;justify-content: center;align-items: center; color:#758398;}

  .gnb_area_inner { min-width: 100%; justify-content: space-between; padding:0 16px; align-items: center;}
  .gnb_area_inner h1 { max-width:120px; height:52px; padding:0;}
  .gnb_area_inner h1 a img { height:32px; }
  .gnb_area.fix_position { padding-top:52px}
  .side_quick_contain { display: none;}
  .gnb_area_inner .lottie{ width:120px; transition:all 0.5s;}
  .fold_left_side { display: none;}
  .header_wrap { min-width:100%;}
  
  .contents_contain { width:100% !important; padding-left:0; padding-bottom:40px; margin:0; min-width: 100%;}
  .user_wrap { width:100%; height:100vh; z-index: 10; overflow-y: auto; }

  .side_user_contain {  position:fixed !important; top:0 !important; right:auto;  left:-100% !important; bottom:0 !important; width:300px; height: 100%; z-index: 9999; background-color: #fff;}
  .gnb_wrap { display: none; position: fixed; top:0px; height:100vh; left:0; right:0; z-index: 100;}
  .gnb_wrap.on { display: flex; flex-direction: column-reverse;}
  .gnb_wrap.on .dimmed_wrap { content: ""; display: block; position: absolute; top:0; left: 0; right:0; bottom:0; background: rgba(0,0,0,.5);}
  .gnb_list_box { margin-top:30vh; margin-left:0;  flex-direction: column;background: #fff; padding: 10px 0 170px;overflow: auto; border-radius: 20px 20px 0 0; z-index: 100;}
  .gnb_wrap.on .gnb_list_box {  display: block; animation : slideup 0.25s cubic-bezier(.22, .61,.36, 1);}
  .gnb_list_box [class*="bubble_"]::before {display: none;}
  .gnb_list_box [class*="bubble_"]:after {display: none;}
  .gnb_list_box a .li_name { font-weight: 700; font-size:14px;}
  .gnb_list_box .li_name.on { background: none;}

  .main_banner + .section_contents { margin-top:0px; border-top: 0;}
  .section_contents:last-child { border-bottom: 0;}
  .section_contents .section_tit .tit_txt {align-items:flex-start !important;} 
  .section_contents { margin-top:0 !important;}
  .section_contents:first-child { border-width: 1px;}

  .gnb_area_inner .btn_wrap { display: flex !important}

  .gnb_link { display: flex; align-items: center; border-radius: 5px; font-size: 14px; padding:8px 2em; background: #0055ff; color:#fff;}
  .btn_side_expand { display: none;}
  .side_user_contain.on { display: flex; left:0 !important; opacity: 1 !important; margin-left:0 !important;;}
  .side_user_contain.on .user_wrap { display: flex; flex-direction: column; animation : slideuser 0.25s cubic-bezier(.22, .61,.36, 1);}
  .side_user_contain.on .dimmed_wrap { width:100%; right:0}
  .side_user_contain .customer_menu { margin:0; border-width: 1px 0 0 0;}
  .table_wrap_f .c_td { font-size:12px;}
  .category_c { margin: 0 16px; padding-top: 30px;}
  .category_c li a { padding:12px 28px; font-size:13px;}
  .category_d ul { margin-left:-3px;}
  .category_d li { margin:3px;}
  .category_d li a { font-size: 13px; font-weight:500; padding:6px 12px;}

  @keyframes slideup {
    from {
      transform: translateY(100%);
    }
    to {
      transform: translateX(0);
    }
  }

  @keyframes slideuser {
    from {
      transform: translateX(-100%);
    }
    to {
      transform: translateX(0);
    }
  }
  @keyframes slidedim {
    from {
      opacity:0;
      transform: translateX(100%);
    }
    to {
      opacity: 1;
      transform: translateX(0%);
    }
  }

  .dimmed_wrap { display: block !important; position: fixed; top:0; right:-100%; left:auto; bottom:0; width:100%;  z-index: 0;  background: rgba(0,0,0,.3);}
  .dimmed_wrap .btn_close { display: block; width: 50px; height: 50px; position: absolute; top: 0; right: 0; }
  .dimmed_wrap .btn_close::before { content: ""; display: block; width: 20px; height: 2px; background: #fff; transform: rotate(45deg); position: absolute; top: 24px;right: 14px;;}
  .dimmed_wrap .btn_close::after { content: ""; display: block; width: 20px; height:2px; background: #fff; transform: rotate(-45deg); position: absolute; top: 24px; right: 14px;}
  .not_scroll { height:100vh; overflow: hidden; touch-action:none; }

  .btn_moresee a { padding:10px 0;}
  .panel_tit { font-size: 16px;}

  .notice_list li { display: none; padding-right:0; max-width: 100%;}
  .notice_list li:first-child { display: block; width:100%}
  .notice_list li a p { width:auto;}

  .corp_info_wrap { background: #f1f5f9; display: flex; flex-direction: column-reverse; padding-bottom:40px; border-top:1px solid #e5e8eb;}
  .corp_info_wrap .info_link li:not(.mobile){ display: none;}
  .corp_contents { min-width: 100%;padding:30px 16px; flex-direction: column-reverse;}

  .info_link ul { justify-content:center; padding:0 16px;}
  .info_link li { width: 50%;}
  .info_link a { padding:12px; box-sizing: border-box; text-align: center;}
  .ver_pc { display: block !important; width:100% !important; margin-top:10px;}
  .ver_pc a {  padding:6px 0; background: #e3eaf1; border-radius: 5px; text-align: center; margin:0 auto;}

  .info_link a:hover { background: none;}
  .footer_customer { margin-left:0;}
  .call_wrap { flex-direction: column;}
  .call_box { position:relative; background: #fff; padding:15px; border-radius: 10px;}
  .call_box + .call_box { margin-left:0; margin-top:10px;}
  .call_num,
  .call_num02 { margin-top:5px;}
  .call_wrap .btn_box { margin-bottom:20px; margin-top:10px;}
  .call_wrap #liveChatButton { display: none;}

  .footer_corp { width:100%; margin-top:50px;}
  .corp_box { margin-top:20px; font-size:12px;}
  .corp_box .corp_txt span { display: block;}
  .call_info .btn_box { display: none;}
  .call_num { font-size: 22px;}
  .cs_tel { display: block; position: absolute; top:13px; right:13px;font-size: 13px;background: #0be439;color: #fff;padding: 8px 12px;border-radius: 5px;}

  .tab_bar { display: block !important; padding-bottom:72px}
  .tab_bar .tab_menu { position: fixed; display: flex;bottom: 0; width: 100%;background: #fff; border-radius: 20px 20px 0 0 ; padding: 10px 0 20px;justify-content: space-between;box-sizing: border-box; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .3); z-index:9000;}
  .tab_bar .menu_item { flex:1;}
  .tab_bar .menu_item button { display: flex; flex-direction: column;align-items: center; width:100%; background: #fff;}
  .tab_bar .menu_icon { display: block; width: 25px; height: 25px;}
  .menu_name { color:#a0b3ca; font-size:12px; letter-spacing: -.07em;}
  .menu_icon { background:url(/design/img/common/mobile_tab_bar-4c5075d487bbfec412650cea98a9a5c7.png); background-size:198px;}
  .gnb_area_inner .user_thumb_box { display: none;}
  .menu_main { background-position: 0 -30px;}
  .menu_sms { background-position:-26px -30px }
  .menu_coupon { background-position:-51px -30px }
  .menu_charge { background-position:-77px -30px }
  .menu_result { background-position:-102px -30px }
  .menu_contacts { background-position:-129px -30px }
  .menu_all { background-position:-153px -30px }

  .on .menu_main { background-position: 0 0;}
  .on .menu_sms { background-position:-26px 0 }
  .on .menu_coupon { background-position:-51px 0 }
  .on .menu_charge { background-position:-77px 0 }
  .on .menu_result { background-position:-102px 0 }
  .on .menu_contacts { background-position:-129px 0 }
  .on .menu_all { background-position:-153px 0 }
  .on .menu_name { color:#334155;}

  .wrap:has(.main_banner_wrap) .tab_menu .menu_main { background-position:0 0 }
  .wrap:has(.main_banner_wrap) .tab_menu .menu_main + .menu_name { color:#334155;}
  .wrap:has(.sect_message) .tab_menu .menu_sms { background-position:-26px 0 }
  .wrap:has(.sect_message) .tab_menu .menu_sms + .menu_name { color:#334155;}
  .wrap:has([class*="sect_charge"]) .tab_menu .menu_charge { background-position:-77px 0 }
  .wrap:has([class*="sect_charge"]) .tab_menu .menu_charge + .menu_name { color:#334155;}
  .wrap:has([class*="used_history"]) .tab_menu .menu_charge { background-position:-77px 0 }
  .wrap:has([class*="used_history"]) .tab_menu .menu_charge + .menu_name { color:#334155;}
  .wrap:has([class*="sect_result"]) .tab_menu .menu_result { background-position:-102px 0 }
  .wrap:has([class*="sect_result"]) .tab_menu .menu_result + .menu_name { color:#334155;}
  .wrap:has([class*="rcs_send_wrap"]) .tab_menu .menu_sms + .menu_name { color:#a0b3ca !important}
  .wrap:has([class*="rcs_send_wrap"]) .tab_menu .menu_sms { background-position:-26px -30px !important }
  .wrap:has([class*="rcs_send_wrap"]) .tab_menu .menu_result + .menu_name { color:#a0b3ca !important}
  .wrap:has([class*="rcs_send_wrap"])  .tab_menu .menu_result { background-position:-102px -30px }


  .nav_menu { padding-right:0; padding-left:16px; width:100%;position: relative;box-sizing: border-box;}
  .nav_menu ul {gap:3px; margin-left:-3px;}
  .nav_menu li { margin-right:5px; }
  .nav_menu li a { font-size:13px; white-space: nowrap; padding:8px 4px;}
  .nav_menu li .tip_bubble { margin-left:-5px;}
  .nav_menu li a:hover { color:#878d95;}                     
  .nav_menu li a.on:hover { color:#0056ff}
  .nav_menu li .on:before { left:5px; right:5px; bottom:2px;}
  .m_hidden { display: none !important;}
  .pc_hidden { display: block;}
  .section_layout .info_srv {width:100%;}
  .section_layout > .section_contents:nth-child(1) { border-top:0;}
  .info_srv ul { padding:16px 16px 10px;}
  .info_srv .btn_expand_wrap {width: calc(100% - 32px);margin: 20px 16px;}
  .info_srv .link_box { margin:10px 16px 0;}
  .info_srv .btn_expand_wrap button { width:100%; justify-content: center;}
  .info_srv .btn_box { margin-left:15px;}
  .info_srv ul li { margin-bottom:7px;line-height: 1.4; font-size:12px;padding-left: 12px;text-indent: -10px;}
  .wrap_wide .section_tit { padding:0 16px;}
  .wrap_wide .nav_menu { padding:0 16px;}
  .wrap_wide .nav_menu ul { margin-left:-12px;}
  .footer_wrap {min-width: 100%; padding:0;}
  .footer_wrap > * { width:100%;}
  .notice_box { min-width: 100%; justify-content: space-between; padding:20px 16px 0;}
  .notice_tit:after { content: "��ü����"; position: absolute; right:16px; font-size:11px; color:#9EA8B6}
  .category_c:after {content: "";display: block;position: absolute;width: 24px;background: linear-gradient(to right, rgba(255,255,255, 0),  rgba(255,255,255, 0.5), rgba(255,255,255, 1)); right:0;top: 0;bottom: 0;}
  .category_d:after {content: "";display: block;position: absolute;width: 24px;background: linear-gradient(to right, rgba(255,255,255, 0),  rgba(255,255,255, 0.5), rgba(255,255,255, 1)); right:0;top: 0;bottom: 0;}
  .pc_hidden_m_show.direction_row { display: flex !important;}

  .page_box button { padding:5px 7px}
  .page_box button.on { position: relative; }
  .category_b .item_txt { font-size:12px;}
  .category_b .cate_item { width:calc(100% / 3)}


  .table_wrap_b > div { flex-direction: column;}
  .table_wrap_b .cell_tit { margin-bottom: 15px;}
  .table_wrap_b .cell_conts { font-size:13px;}
  .table_wrap_c .t_body .t_row { font-size:13px;}

  .table_wrap_c .t_body .t_row:hover { background:transparent;}
  [class*="input_wrap_"] input[type="text"] { font-size:14px;}
  .date_box .icon_date { transform: scale(.8);}
  .date_range_picker input { font-size:12px; width:102px;}
  .date_range_picker { padding:0 6px;}
  .check_account span { transform: scale(.9);}

  .mail_box { flex-wrap: wrap;}
  .mail_box .item_02 + .item_01 input { padding:11px 7px}
  .mail_box .item_02:last-child { width:100%; margin-left:0; margin-top:5px; box-sizing: border-box;}
  .mail_box .item_01 { width:calc(50px - 5px); flex-shrink: 0;}
  .mail_box .item_02 [class*="select_box"] { width:100%; height:44px;}
}

/* ����� ���� ��ư */
@media (max-width:767px) {
  .btn_a ,
  .btn_b,
  .btn_c { font-size:13px; padding:6px 0.75em;}

}
.serviceCheck_wrap { width:100%;}

/* �ڵ� */
.code_wrap{ margin:15px 0px 0 30px;}
.code_wrap .code_box{ background: #2c3e50; border-radius: 14px; padding:20px;}
.code_wrap pre.prettyprint { padding: 5px 12px; line-height: 1.5; background-color: #2c3e50; margin: 2px; border:0 !important; font-family: pretendard; font-size: 16px; font-weight: 300;}
.code_wrap pre.prettyprint .pln{ color:#fff;}
.code_wrap pre.prettyprint .typ{ color:#fbc86b;}
.code_wrap pre.prettyprint .str{ color:#98fb98;}
.code_wrap pre.prettyprint .kwd{ color:#87ceeb;}
.code_wrap pre.prettyprint .lit, .code_wrap pre.prettyprint .com{ color:#ff8282;}
.code_wrap pre.prettyprint .pun, .code_wrap pre.prettyprint .opn, .code_wrap pre.prettyprint .clo{ color:#bdb76b;}

/* ���������� */
.error_wrap {display: flex;justify-content: center;align-items: center;width: 100vw;height: calc(100vh - 72px); background-color: #fff !important;}
.error_box  {display: flex; flex-direction:column; justify-content: center;align-items: center; }
.error_symbol{ display: inline-block;margin: 0 auto;width: 149px;height: 215px;background: url(/design/img/sub/error_icon-e2c739895230d228c496ba23b10091a7.png) no-repeat;background-size: 100%;}
.error_wrap .error_text { color:#3D3D3D; padding:0 16px; text-align: center;}
.error_wrap .error_text b{ display: inline-block;font-size:1.6em;margin-bottom: 15px;}
.error_wrap .main_copy { font-size:40px; margin:30px 0 0; font-weight:700;}
.error_wrap .sub_copy { font-size:18px; color:#747474; font-weight: 400; margin-top: 24px;}
.error_wrap .link_box {margin-top:25px; display: flex; justify-content:center; width: 100%;}
.error_wrap .link_box a {text-align: center;padding: 20px 85px;border-radius: 35px;text-decoration: none;font-size: 18px;font-weight: 600;} 
.error_wrap .link_box a + a{ margin-left: 3px;}
.error_wrap .link_box .btn_line { border:2px solid #FD6378; color:#FD6378;} 
.error_wrap .link_box .btn_line:hover{ background-color: #FFF6F8;} 
.error_wrap .link_box .btn_fill { background-color: #FD6378; color:#fff;} 
.error_wrap .link_box .btn_fill:hover{ background-color: #FF586F;}
.error_wrap .info_table { display: table; width:100%; border-collapse:collapse; margin:30px 0;}
.error_wrap .info_table > div { display: table-row-group;}
.error_wrap .info_table > div > * { display: table-cell; padding:10px; border:1px solid #d4d4d4}
.error_wrap .info_table .tit { text-align: left; color:#747474; background-color: #f1f1f1;}
.error_wrap .info_table p { text-align: left; color:#2a2a2a; font-weight:600;}

@media (max-width:767px) {
.error_symbol{ scale:0.8;}
.error_wrap .link_box a{padding:15px 0; width:calc(50% - 5px);font-size: 15px;}
.error_wrap .link_box a + a{margin-left:0;}
.error_wrap .main_copy { font-size:22px}
.error_wrap .sub_copy{ font-size: 16px;}
.error_wrap .info_table {display:block;border: 1px solid #e2e2e2;padding: 10px;box-sizing: border-box;border-radius: 5px;background: #f1f1f1;}
.error_wrap .info_table > div {display: flex;flex-direction: column;margin: 5px 0;}
.error_wrap .info_table > div > * {display: table-cell;padding:10px;border: none;padding: 0;margin: 3px 0;font-size: 14px;}
.error_wrap .info_table > div + div { margin-top:20px}
.error_wrap .info_table .tit {text-align: left;color:#747474;background-color: transparent;}
.error_wrap .info_table p {text-align: left;color:#2a2a2a;font-weight:600;font-size: 14px;}
}

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

/* user_wrap icon */
.side_user_contain .icon_user { display: inline-block; background: url(/design/img/common/icon/user_wrap-adf636c8c8cd88d42d9d714737d4bd3c.png);  background-size: 121px; background-repeat: no-repeat; width:18px; height:18px; margin-right:4px;}

.side_user_contain .ownprice {background-position: -5px -6px;}
.side_user_contain .payment_2 {background-position: -42px -8px;width: 24px;background-size: 140px;margin: 0 4px 0 2px;}
.side_user_contain .user_rank {background-position: -75px -77px;width: 24px;background-size: 140px;margin-right: 6px;}
.side_user_contain .refresh { background-position: -66px -6px;}
.side_user_contain .fax_num { background-position: -97px -6px;}
.side_user_contain .secure {background-position: -35px -66px;margin: 0 5px 0 1px;width: 24px;}

.side_user_contain .call_num { background-position: -6px -35px; margin-top: 0 !important;}
.side_user_contain .change {background-position: -35px -36px;}
.side_user_contain .message { background-position: -66px -36px;}
.side_user_contain .arrow { background-position: -97px -35px; opacity: .4;}

.side_user_contain .payment {background-position: -6px -66px}


 /* atom icon */
 .icon_file, em.icon_reset, .btn_reset em, .info_srv .icon_contacts_c, .icon_download, .icon_upload, .tip_icon, .input_clear, .icon_arrow, .hover_message_box .icon_prev, .icon_pre, .icon_next, .icon_see,
 .ico_list { display: inline-block; vertical-align: middle; flex-shrink: 0; width:20px; height:20px; background: url(/sms_new/rcs/images/atom-225447e294393e59508f3783d53d82b9.png) !important; background-repeat: no-repeat; margin-right:5px; background-size: 150px !important;}
  em.srch_go, em.srch_reset{ display: inline-block;  background: url(/design/img/common/icon/atom-225447e294393e59508f3783d53d82b9.png); background-repeat: no-repeat; background-size: 150px !important; vertical-align: middle; width:20px; height:20px; margin-right: 0 !important;}

 .icon_date {background-position: -5px -5px !important; width:25px; height:25px;}
 .icon_file {background-position: -40px -5px !important; width:25px; height:25px;}

 .srch_go{background: url(/design/img/common/icon/atom-225447e294393e59508f3783d53d82b9.png) -5px -40px !important;}
 .hover_message_box .icon_prev {background-position: -5px -40px !important;}
 .srch_reset{background: url(/design/img/common/icon/atom-225447e294393e59508f3783d53d82b9.png) -35px -40px !important;}
 em.icon_reset, .btn_reset em{background-position: -35px -40px !important;}
 .input_clear {background-position: -65px -40px !important;}
 .info_srv .icon_contacts_c { background-position:-95px -40px !important;}
 
 .icon_download{ background-position: -5px -70px !important}
 .icon_upload{ background-position: -35px -71px !important}
 .tip_icon{ background-position: -67px -73px !important;width: 17px;height: 17px;}
 .add_photo .add_img { display: block; width:21px; height:21px; background: url(/design/img/common/icon/atom-225447e294393e59508f3783d53d82b9.png) no-repeat -89px -65px; background-size: 148px; background-color: #bfbfbf; border-radius: 50%; position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; z-index: -1; padding:4px;}

 .icon_arrow.wh {background-position: -5px -68px !important;}
 .icon_arrow{ background-position: -25px -68px !important; background-size: 100px !important; width:10px !important; height: 10px !important;}
  /* ���̺� ���� ������ // �������� �������� �⺻��*/
  .sort_order {display: inline-block; width:20px; height:20px; padding:2px !important; background: url(/design/img/common/icon/atom-225447e294393e59508f3783d53d82b9.png) no-repeat;background-size: 116px;background-color: #e1e8ef; margin-left: 5px;border-radius: 4px; vertical-align: middle; cursor: pointer}
  .sort_order:hover { background-color: #ccd6e0;}
  .sort_ascend{background-position: -46px -74px !important;}
  .sort_descend {background-position: -23px -73px !important;}
  .sort_default {background-position: -69px -74px !important;}

 .manage_list .list_row .flip_arr { transform: rotate(-90deg); width:20px; height:20px;margin-right: 10px;flex-shrink: 0; opacity: .5; border-radius: 4px; background: url(/design/img/common/icon/atom-225447e294393e59508f3783d53d82b9.png); background-repeat: no-repeat; background-size: 150px; background-position: -5px -130px !important; cursor: pointer}
 .icon_pre{ background-position: -65px -130px !important}
 .icon_next{ background-position: -95px -130px !important}
 .sect_terms .top_move button, .top_move button { display: inline-block; width:20px; height:20px;background: url(/design/img/common/icon/atom-225447e294393e59508f3783d53d82b9.png);background-repeat: no-repeat;background-size: 150px;background-position: -95px -130px !important;}
 
/* message icon */
 .ico_message { display: inline-block; vertical-align: middle; flex-shrink: 0; background: url(/design/img/common/icon/message-4f1010b78b7d4ada5f02ae828afbdc82.png); background-repeat: no-repeat; background-size: 125px; width:20px; height: 20px; margin-right: 4px;}
 .icon_recent { background-position: -5px -5px !important;}
 .icon_main { background-position: -35px -5px !important;}
 .icon_save { background-position: -65px -5px !important;}
 .icon_contacts { background-position: -95px -5px !important;}
 @media (max-width: 767px){
   .ico_message{ scale: 0.8;}
 }

 /* footer_icon */
.ico_footer { display: inline-block; vertical-align: middle; flex-shrink: 0; background: url(/design/img/common/icon/footer-bbdb21cc0bb1885d4fce7f95743ed060.png); background-repeat: no-repeat; background-size: 120px; width:30px; height: 30px;}
.list_faq { background-position: -5px -5px !important;}
.list_inquiry { background-position: -45px -5px !important;}
.list_remote { background-position: -85px -5px !important;}

/* stop icon */
.stopmark { display:inline-flex; align-items: center; justify-content: center; position:relative;}
.stopmark .stopmark_icon{display: block; width:80px;}

/* state icon */
.checkmark {text-align:center;margin: 30px 0 10px; display: flex; justify-content: center;}
.checkmark .check_icon{ position:relative ;display: block; width:80px;}
.standbymark { text-align:center;margin: 30px 0 10px;display: flex; justify-content: center;}
.standbymark .standby_icon{ position:relative ;display: block; width:80px;}
.standbymark b {display:none;}
.failmark {text-align:center;margin: 30px 0 10px;}
.failmark span { display:inline-block; position:relative;height: 70px;width: 70px;background: transparent;border-radius:50%;border: 3px solid #ff8489;box-sizing: border-box;}
.failmark span:after {content: " ";display: block;width: 20px;height: 3px;background: #ff8489;position: absolute;left: calc(50% + -4px);top: calc(50% + 7px);border-radius: 1.5px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg) translateX(-50%) translateY(-50%);}
.failmark span:before {content: " ";display: block;width: 20px;height: 3px;background: #ff8489;position: absolute;left: calc(50% + -1px);top: calc(50% + -7px);border-radius: 1.5px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(-45deg) translateX(-50%) translateY(-50%);}

.infomark{ text-align:center;margin: 30px 0 10px; display:inline-flex; width:80px;}
.check_account{ display:inline-block; width:80px;}
.security_noti { display:inline-block; width:80px; margin:30px;}
.section_contents.apply_use .examen{ display: block; width:100px; margin-bottom: 20px;}
.seed_icon{ display: block; width:100px;}
.cryseed_icon{ display: block; width:100px;}