@import "/assets/dist/css/font-a33fecfccd15a795663a0ad7eb62c4fe.css";

:root {
  --color-sky:#0697FF;
  --color-blue:#16139D;
  --color-navy:#070B66;
  --color-primary:#0762FF;
  --color-danger:#dc2625;
  --color-gray:#9f9f9f;
  --color-gray2:#787878;
}


/* 모바일 공통 */
html {height:100%; background: #f9f9f9;}
body {width:768px; max-width:100%; margin:0 auto; background-color:#fff; font-family: Pretendard, Inter, Arial, sans-serif;}

.content.fit_type {min-height:calc(calc(var(--vh, 1vh) * 100) - 269px)}

@media all and (min-width:500px){
  .content.fit_type {min-height:calc(calc(var(--vh, 1vh) * 100) - 293px)}
}

svg use {width:100%; height:100%; }

.basic_form {width:100%; height:35px; padding:0 10px;  border:1px solid rgb(226, 232, 240); border-radius:6px; font-size:10px; }
.basic_form:disabled {background-color:#eee; opacity:1; }

@media all and (min-width:500px){
  .basic_form {height:40px; font-size:14px; }
}

.bg-sky {background-color:var(--color-sky);}
.bg-blue {background-color:var(--color-blue);}
.bg-navy {background-color:var(--color-navy);}
.bg-gray {background-color:#b1b1b1;}
.bg-primary {background-color:var(--color-primary);}
.bg-danger {background-color: var(--color-danger);}

.txt-sky {color:var(--color-sky); }
.txt-blue {color:var(--color-blue); }
.txt-navy {color:var(--color-navy); }
.txt-primary {color:var(--color-primary); }
.txt-gray {color:var(--color-gray); }
.txt-gray2 {color:var(--color-gray2); }

.border-primary {border:1px solid var(--color-primary)}

.btn {display:flex; align-items:center; justify-content:center; border-radius:7px; }
.btn-sm {display:flex; align-items:center; justify-content:center; border-radius:5px; }
.btn-normal {padding:5px 10px; }
.btn-primary {background-color:var(--color-primary);}
.btn-border-primary {border:1px solid var(--color-primary); color:var(--color-primary); background-color:#fff; }

.more_btn {width:100%; height:57px;  margin-top:30px; font-size:16px; font-weight:700; border-radius:7px; background-color:var(--color-primary); color:#fff; }
.more_btn.type02 {height:42px; font-size:14px; }

.modal {z-index:-9999; position:fixed; left:50%; top:0; opacity:0; visibility: hidden; display:flex; align-items:center; justify-content:center; width:100%; height: 100%; transform:translateX(-50%); transition:opacity 0.2s;  }
.modal .modal_bg {position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000a6; cursor:pointer; }
.modal.show {z-index:9999; visibility:visible; opacity:1; transition:opacity 0.4s;  }
.modal .modal_inner {overflow-y:auto; width:700px; max-width:80%; max-height:80vh; background-color: #fff; border-radius: 5px; transform:scale(0.5); transition:all 0.3s; }
.modal .modal_inner.modal-sm {width:300px; min-width:217px; max-width:50%; }
.modal .modal_inner.modal-md {width:400px; min-width:350px; max-width:60%; }
.modal.show .modal_inner {transform:scale(1) }
.modal .modal_header {padding:20px 0; border-bottom:1px solid #000; font-size:16px; font-weight:600; text-align: center;}
.modal .modal_header.type02 {padding:15px 20px; font-size:13px; border-bottom:1px solid #aaa; font-weight:500; text-align:left; }
.modal .modal_cont {font-size:16px; }
.modal .modal_footer {padding:10px 20px; border-top:1px solid #aaa; }
.modal .modal_footer.type02 {padding:0 30px 30px; border:0 none; }
.modal .modal_footer button {height:46px; padding:0 20px; background-color:#9e9e9e; font-size:16px; color:#fff; }
.modal .modal_footer button.btn-primary {background-color:var(--color-primary);}
.modal .modal_footer button.btn-border-primary {border:1.5px solid var(--color-primary); color:var(--color-primary); background-color:#fff; }

/* 모달 아래에서 위로 올라오는 타입 */
.modal.slide_modal {align-items: flex-end;}
.modal.slide_modal .modal_inner {position:relative; top:100%; width:768px; max-width:100%; transform:scale(1); border-radius:10px 10px 0 0; }
.modal.show .modal_inner {top:0; }


.check-switch {position:relative; width:34px; height:20px; padding:1px; background-image:none; border-radius:9999px; border:1px solid #cacaca; box-shadow:0px 0px 2px rgba(0, 0, 0, 0.1); appearance: none; cursor:pointer; }
.check-switch:before {content:''; position:absolute; left:0; top:0; width:18px; height:18px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); background-color: #fff; transition: margin-left 0.2s; border-radius:50%; }
.check-switch:checked {border:1px solid var(--color-primary); background:var(--color-primary);}
.check-switch:checked:before {margin-left:14px; }
.check-switch + label {font-size:10px; }
.check-switch:disabled ,
.check-switch:disabled:before {background-color: #eee;}

@media all and (min-width:500px){
  .check-switch + label {font-size:14px; }
}

.nodata {font-size:14px; color:var(--color-gray2); font-weight:500; }


/*
#=========================================#
        인트로
#=========================================#
*/
.intro {position:relative;  padding:0;  background:#fff; }
.intro > div {position:relative; z-index:10; }

.intro .slide_box {width:100%; height:100%; }
.intro .slide_box li {position:relative; }
.intro .slide_box .img_box {display:flex; align-items:center; justify-content:center; width:100%; height:calc(var(--vh, 1vh) * 35); }
.intro .slide_box .img_box img {max-width:90%; max-height:80%; }
.intro .slide_box .txt_box {width:100%; min-height:calc(var(--vh, 1vh) * 65);  padding:45px 30px; }
.intro .slide_box .txt_box h4 {font-size:24px; line-height:1.3; font-weight:700; color:var(--color-primary); text-align:center; }
.intro .slide_box .txt_box p {width:310px; max-width:100%; margin:30px auto 0; font-size:16px; font-weight:400; color:#929292; word-break:keep-all; }
.intro .slide_box .txt_box.type02 {background-color: var(--color-primary);}
.intro .slide_box .txt_box.type02 h4 {color:#fff; }
.intro .slide_box .txt_box.type02 p {color:#fff; }


.intro .btn_box {position:absolute; left:0; bottom:0; width:100%; padding:0 30px 35px; }
.intro .btn_box .btn {width:100%; height:45px; margin:0 auto; transition:all 0.4s; }
.intro .btn_box.on .btn {background-color: #fff; color:var(--color-primary)}

.intro .swiper-pagination {position:absolute; left:0; bottom:100px !important; }
.intro .swiper-pagination span {width:10px; height:10px; border-radius:5px; opacity:1; background-color:#D9D9D9; transition:all 0.5s; }
.intro .swiper-pagination span.swiper-pagination-bullet-active {background-color:var(--color-primary);}
.intro .swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(2),
.intro .swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(4) {background-color:#fff;}


@media all and (max-width:320px){
  .intro .slide_box .txt_box {padding:35px 30px; }
  .intro .slide_box .txt_box h4 {font-size:20px; }
  .intro .slide_box .txt_box p {font-size:14px; margin-top:30px; }

  .intro .btn_box {padding:0 30px 25px; }
  .intro .btn_box .btn {height:40px; }

  .intro .swiper-pagination {bottom:90px !important; }
}

/*
#=========================================#
        로그인
#=========================================#
*/
.login {position:relative;  min-height:calc(var(--vh, 1vh) * 100); padding-top:110px; background: var(--color-primary); }
.login > div {position:relative; z-index:10; }

.login_box {width:100%; background-color: #fff; border-radius:50px 50px 0 0; box-shadow: 5px 5px 25px 4px #6B6A6A; }
.login_box .login_inner {padding:0 30px 40px; }
.login_box .logo {width:138px; margin:-65px auto 0; }

.login_box .title {margin-bottom:25px; }
.login_box .title h3 {margin-bottom:10px; font-size:24px; font-weight:600; color:var(--color-primary); }
.login_box .title p {font-size:14px; color:#9f9f9f;  }

.login_inner .form input {width:100%; height:42px; padding-left:50px; border:2px solid var(--color-primary); border-radius: 10px; font-size:12px; color:#000; }
.login_inner .form input::placeholder {color:#9F9F9F; }
.login_inner .form img {position:absolute; left:27px; top:50%; opacity:0.4; -webkit-transform:translateY(-50%);  -o-transform:translateY(-50%);  transform:translateY(-50%); }

.login_inner .login_bottom {margin-top:15px; }
.login_inner .login_bottom input {width:20px; height:20px; border:1px solid #999999; }
.login_inner .login_bottom label {color:#999999; font-size:14px; font-weight:500; }
.login_inner .login_bottom a {font-size:14px; color:#9F9F9F; font-weight:500; }

.login_inner .login_btn {width:100%; height:42px; margin:30px 0; color:#fff; font-size:15px; }
.login_inner .login_btn.type02 {height:57px; }
.login_inner .login_btn.btn-border-primary {border:2px solid var(--color-primary); color:var(--color-primary); }

.login_box .join_bottom {gap:20px; font-size:14px; font-weight:500; color:#9F9F9F; }
.login_box .join_bottom a {color:var(--color-primary); }

.login_inner .btn_area {gap:11px 13px; margin-bottom:25px; }
.login_inner .btn_area .btn {width:100%; height:37px; font-size:12px; }

.login_inner .back_link {margin-bottom:80px; }
.login_inner .back_link a {display:flex; align-items:center; gap:10px; font-size:14px; color:var(--color-primary); }

/*
#=========================================#
        회원가입
#=========================================#
*/
.login_box .join_inner {padding:0 30px 40px; }

.join_inner .tit_box {padding:15px 0; margin-top:40px; border-bottom:1.5px solid var(--color-primary); color:var(--color-primary); }
.join_inner .tit_box h4 {font-size:15px; font-weight:600; }
.join_inner .tit_box span {font-size:10px; font-weight:700; }

.join_inner .form_box {margin:27px 0 40px; }
.join_inner .form_box > div {margin-bottom:15px; }
.join_inner .form_box > div:last-of-type {margin-bottom:0; }
.join_inner .form_box .txt {width:85px; font-size:14px; padding:6px 0; font-weight:500; line-height:1.5; }
.join_inner .form_box select,
.join_inner .form_box input{display:block; width:100%; height:32px; padding-left:17px; border-radius: 7px; border: 1.5px solid var(--color-primary); font-size:10px; font-weight:500; background-color: #fff; }
.join_inner .form_box input::placeholder {color:#9F9F9F; }
.join_inner .form_box .info {color: var(--color-primary); font-size: 9px; font-weight: 500; }
.join_inner .form_box .inner_btn {flex-shrink:0; width:81px; height:32px; font-weight:500; font-size:10px; }

.join_inner .login_bottom {margin-top:-20px;}
.join_inner .login_bottom a {font-size:10px; color:#0601f9; font-weight:600; }

.join_inner .agree_box {margin:27px 0 40px; font-weight:700; font-size:12px; }
.join_inner .agree_box input {background-color: #aaa;}
.join_inner .agree_box input:checked + label:before {background: var(--color-sky) url('/assets/dist/img/icon/check2-b6d91d975d8f33f40ee0d7a248ea65ef.svg') no-repeat center center / 80% 80%;}
.join_inner .agree_box label {position:relative; display:block; padding:8px 10px 8px 70px; cursor:pointer; font-weight:500; color:#9F9F9F; }
.join_inner .agree_box label:before {content:''; position:absolute; left:18px; top:calc(50% - 7px); width:15px; height:15px; background-color:#9F9F9F; border-radius: 5px;}
.join_inner .agree_box label.all_check {padding:40px 20px 40px 65px; border:1.5px solid var(--color-primary); border-radius:8px; color:var(--color-primary); }
.join_inner .agree_box label.all_check:before {left:30px; }

.join_inner .back_link {margin-top:30px; }
.join_inner .back_link a {display:flex; align-items:center; gap:8px; font-size:14px; font-weight:500; color:var(--color-primary); }

.modal .agree_cont .close_btn {width:63px; height:20px; font-size:12px; font-weight:500; color:#fff;}
.modal .agree_cont .agree_area {height:300px; overflow-y:auto; font-size:10px; }

.join_inner .btn_box .btn {width:100%; height:57px; margin:20px 0; font-size:15px; font-weight:700; }
.join_inner .btn_box .btn.type02 {height:42px; box-shadow:none; }
.join_inner .step-1 .btn_box .btn,
.join_inner .step-2 .btn_box .btn {height:58px; margin:0 0 20px; }

.join_inner .desc_box {font-size:10px; color:#9F9F9F; font-weight:400; }

.join_inner .join_bottom {margin-top:80px; }


/*
#=========================================#
        결과페이지
#=========================================#
*/
.result_table {margin:30px 0; }
.result_table table {overflow:hidden; width:100%; color:#787878; border-collapse: collapse; border-radius:4px; box-shadow:0 0 0 2px #9F9F9F; }
.result_table table th ,
.result_table table td {border-bottom:2px solid #9F9F9F; padding:14px 0; font-size:14px; font-weight:400; color:#333; }
.result_table table th {border-right:2px solid #9F9F9F; background-color:#F5F5F5; }
.result_table table td {text-align:center; }
.result_table table tr:last-of-type td,
.result_table table tr:last-of-type td {border-bottom:0 none; }

.result_txt {font-size:10px; font-weight:500; color:#9F9F9F; }

.noaccount {padding:130px 0; font-size:18px; font-weight:500; color:var(--color-gray); text-align:center; }


/*
#=========================================#
        헤더
#=========================================#
*/
header {z-index:100; position:sticky; top:0;  box-shadow: 0px 2px 2px 0px #00000040; }
header .header_inner {z-index:11; position:relative; padding:16px 20px; background: #FFF; }
header .header_inner .menu {font-size:12px; color:#787878; }
header .alarm_btn {position:relative; transition:all 0.3s; }
header .alarm_btn span {position:absolute; right:-8px; top:-3px; height:14px; padding:0 4px; border-radius:8px; background-color:#ff1e1e; color:#fff; font-size:10px; font-weight:500; }
header .ham_btn svg {stroke:var(--color-primary); }

.header_menu_bg {z-index:99; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(120, 120, 120, 0.50); }
.header_menu {z-index:10; position:absolute; right:0; top:-1000%; width:55%; font-size:12px; background-color:#fff; border-radius:0 0 0 10px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); transition:top 0.3s; }
.header_menu.open {top:100%; }
.header_menu .top {padding:12px; border-top: 1px solid rgba(120, 120, 120, 0.50); font-size:14px; }
.header_menu .top span {padding:4px 10px; font-size:10px; color:#fff; font-weight:600; background-color:var(--color-primary); border-radius:15px; }
.header_menu .top .name {padding-top:10px; padding-left:5px; }
.header_menu .top .point {padding:3px 10px; border-radius:15px; }
.header_menu .mid {padding:7px 0; }
.header_menu .mid a {padding:7px 13px; }
.header_menu .bot {padding:20px 14px; border-top: 1px solid rgba(120, 120, 120, 0.50);}
.header_menu .bot button {padding:8px 0; border-width:1.5px; }

/* @media all and (min-width:500px){
  .header_menu {width:auto; font-size:13px; }
  .header_menu .top {font-size:14px; }
} */
/*
#=========================================#
        푸터
#=========================================#
*/
footer {padding:18px 30px; background: #F3F3F3; }
footer .footer_top {color: #6B6A6A; font-size: 10px; font-weight: 700; }
footer .footer_top img {width:50px; }

footer .footer_mid {margin:18px 0; color: #787878; font-weight:700; font-size:9px; }

footer .footer_bottom {color: #6B6A6A; font-size:9px; font-weight:500; }
footer .footer_bottom p + p {margin-top:7px; }
footer .footer_bottom p i {width:20px; }
footer .footer_bottom p i img {width:7px; }
footer .footer_bottom .sns a {display:block; }
footer .footer_bottom .sns a + a {margin-top:13px; }
footer .footer_bottom .sns .youtube {width:22px;}
footer .footer_bottom .sns .insta {width:20px;}


@media all and (min-width:500px){
  footer .footer_top {font-size:12px; }
  footer .footer_top img {width:75px; }

  footer .footer_mid {font-size:11px; }

  footer .footer_bottom {font-size:11px; }
  footer .footer_bottom p i {width:30px; }
  footer .footer_bottom p i img {width:11px; }
  footer .footer_bottom .sns .youtube {width:33px;}
  footer .footer_bottom .sns .insta {width:30px;}
}

#top_btn {z-index:100; position:fixed; right:-70px; bottom:50px; display:flex; flex-direction:column; justify-content: center; align-items: center; width:40px; height:40px; font-size:8px; font-weight:700; color:#fff; border-radius:50%; background: linear-gradient(180deg, #0697FF 0%, #004BCC 100%); transition:right 0.4s; cursor:pointer; }
#top_btn.on {right:25px; }
#top_btn svg {margin-bottom:3px; }

@media all and (min-width:500px){
  #top_btn {right:-70px; width:60px; height:60px; font-size:12px; }
  #top_btn.on {right:25px; }
  #top_btn svg {width:10px; height:10px; margin-bottom:5px; }
}
/*
#=========================================#
        메인
#=========================================#
*/
.main_visual {display:flex; align-items:center; height:120px; padding:20px 20px; background:url('/assets/dist/img/main_visual-aa2b788f5336b03695ec664aafb3041d.png') no-repeat center center / cover; }
.main_visual p {font-size:20px; font-weight:600; color:#fff; line-height:1.3; }
.main_visual p span {color:#00d1ff; }


.main_case h3 {padding:50px 24px 20px; font-size:20px; font-weight:600; }
.main_case ul{padding:35px 24px; background-color:#E5E5E5; }
.main_case li {padding:20px; background-color:#fff; border-radius:5px; }
.main_case li + li {margin-top:25px; }
.main_case li .top_box {display:flex; align-items:flex-end; gap:0; }
.main_case li .top_box h6 {display:flex; align-items:center; justify-content:center; min-width:92px; height:30px; margin-right:5px; font-size:14px; font-weight:600; color:#fff; background-color:var(--color-primary); text-align:center; border-radius:5px; }
.main_case li .top_box p {display:flex; align-items:center; gap:4px; font-size:10px; font-weight:500; color:#9f9f9f; }
.main_case li .top_box p + p {margin-left:5px; }
.main_case li .txt_box {margin-top:10px; padding:15px; font-size:14px; color:#333; font-weight:500; background-color:#DFEBFD; border-radius:5px; word-break:keep-all; }


.main_notice {padding:0 20px 40px;}
.main_notice h3 {padding:10px 0; border-bottom:2px solid var(--color-primary); font-size:20px; font-weight:600; color:var(--color-primary); }
.main_notice dl {background-color:#fff; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); }
.main_notice dl + dl {margin-top:1px; }
.main_notice dl dt {padding:13px 17px; font-size:11px; font-weight:400; }
.main_notice dl dt svg {width:8px; height:4px; margin-left:4px; transition:all 0.5s; }
.main_notice dl dt.on svg {transform:rotate(-180deg); }
.main_notice dl dd {overflow-y:auto; display:none; max-height:220px; padding:17px; border-top:1px solid #e5e5e5; }
.main_notice dl dd *:not(p) {font-size:12px; }
.main_notice dl dd p {font-size:9px; }

.main_rolling {margin:50px 0 45px; overflow:hidden; }
.main_rolling .logo_img_area {gap:20px; animation:rolling 30s linear infinite; }
.main_rolling .logo_img_area img {width:60px; filter:grayscale(100%); }

@keyframes rolling {
  0% {transform:translateX(0)}
  100% {transform:translateX(-200%)}
}


.main_bottom {padding:0 28px 50px; }
.main_bottom img {width:100%; }
.main_bottom .bar {margin:10px 0; width:100%; height:4px; background-color:#004bcc; border-radius:50px; }
.main_bottom .bar.type02 {background-color:#0762ff; }
.main_bottom .bar.type03 {background-color:#129bff; }
.main_bottom .bar.type04 {background-color:#7babfe; }
.main_bottom p {font-size:10px; font-weight:600; }
.main_bottom strong {font-size:20px; font-weight:600; }



.main_company {margin-bottom:30px; }
.main_company .company_list {display:flex; align-items: center; justify-content: space-between; padding:10px 25px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.main_company .company_list .left_box h5 {font-size:14px; font-weight:600; color:#fff; }
.main_company .company_list .left_box p {margin:2px 0; font-size:10px; font-weight:300; color:#fff; }
.main_company .company_list .left_box a {display:inline-block; padding:4px 14px; font-size:10px; color:var(--color-primary); font-weight:500; background-color:#fff; border-radius:15px; }
.main_company .company_list .right_tag {display:grid; grid-template-columns: repeat(2,1fr); gap:7px; }
.main_company .company_list .right_tag span {display:flex; align-items:center; justify-content:center; height:31px; padding:0 10px; border:1px solid #fff; font-size:8px; color:#fff; font-weight:500; border-radius:5px; text-align:center; }


/*
#=========================================#
        해머채팅 / 캘린더
#=========================================#
*/
/* 해머채팅 목록 */
.chatting_tab {display:flex; background: #FFF; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25); }
.chatting_tab button {width:50%; height:64px; font-size:14px; font-weight:500; color:#787878; }
.chatting_tab button.on {border-bottom:2px solid var(--color-primary); color:var(--color-primary); }

.chatting_list_wrap {padding:26px 22px; min-height:calc(calc(var(--vh, 1vh) * 100) - 123px); }

.chatting_list_wrap .search_box {position:relative; }
.chatting_list_wrap .search_box input {width:100%; height:55px; padding:0 40px 0 20px; border-radius:10px; background-color:#d9d9d9; font-size:12px; font-weight:500; color:#fff; text-align:center; }
.chatting_list_wrap .search_box input::placeholder {color:#fff; }
.chatting_list_wrap .search_box button {position:absolute; right:20px; top:calc(50% - 10px); width:20px; }

.chatting_list_wrap .chatting_list {margin-top:22px; }
.chatting_list_wrap .chatting_list li {position:relative; padding:20px; border-radius:5px; border:2px solid var(--color-primary); cursor:pointer; }
.chatting_list_wrap .chatting_list li + li {margin-top:20px; }
.chatting_list_wrap .chatting_list li .date {border-bottom:1px solid #9f9f9f; padding-bottom:10px; font-size:12px; color:#9f9f9f; font-weight:500; }
.chatting_list_wrap .chatting_list li .people {position:relative; padding-top:20px; padding-right:25px; font-size:14px; font-weight:500; }
.chatting_list_wrap .chatting_list li .people p {padding-right:20px; }
.chatting_list_wrap .chatting_list li span.num {position:absolute; right:16px; top:9px; min-width:27px; height:27px; line-height:27px; padding:0 10px; background-color:#FF1E1E; font-size:12px; color:#fff; border-radius:20px; text-align:center; }
.chatting_list_wrap .chatting_list li .setting_box {position:absolute; right:10px; bottom:9px; width:30px; height:30px; padding:4px 0; text-align:center; }
.chatting_list_wrap .chatting_list li .setting_btn {width:15px; height:15px; opacity:.5; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23000%22 d=%22M12.5 3.5a1.001 1.001 0 0 0 0 2 1.001 1.001 0 0 0 0-2m0 3.5A2.503 2.503 0 0 1 10 4.5C10 3.121 11.122 2 12.5 2S15 3.121 15 4.5 13.878 7 12.5 7m0 4a1.001 1.001 0 0 0 0 2 1.001 1.001 0 0 0 0-2m0 3.5A2.503 2.503 0 0 1 10 12c0-1.379 1.122-2.5 2.5-2.5S15 10.621 15 12s-1.122 2.5-2.5 2.5m0 4a1.001 1.001 0 0 0 0 2 1.001 1.001 0 0 0 0-2m0 3.5a2.503 2.503 0 0 1-2.5-2.5c0-1.379 1.122-2.5 2.5-2.5s2.5 1.121 2.5 2.5-1.122 2.5-2.5 2.5%22/%3E%3C/svg%3E"); }
.chatting_list_wrap .chatting_list li .setting_box > div {display:none; position:absolute; left:calc(50% - 50px); top:calc(100% - 5px); width:90px; padding:5px 0; font-size:10px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); border-radius:5px; }
.chatting_list_wrap .chatting_list li .setting_box:hover > div {z-index:10; display:block; }

.chatting_list_wrap .nodata {display:flex; align-items: center; justify-content: center; height:calc(calc(var(--vh, 1vh) * 100) - 220px); }

.calendar_wrap .top_tab {display:grid; grid-template-columns:repeat(3,1fr); gap:6px; padding:20px 10px; }
.calendar_wrap .top_tab button {height:55px; border:1px solid var(--color-primary); color:var(--color-primary); font-size:16px; font-weight:500; }
.calendar_wrap .top_tab button.on {background-color:var(--color-primary); color:#fff; }

.calendar_wrap .all_schedule {margin-bottom:26px; }
.calendar_wrap .all_schedule .schedule_btn {width:100%; height:59px; font-size:16px; font-weight:500; border-radius:0; box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.25), 0px 1px 1px 0px rgba(0, 0, 0, 0.25);}
.calendar_wrap .all_schedule .schedule_btn.on img {transform:rotate(180deg); }
.calendar_wrap .all_schedule .schedule_list {overflow-y:auto; max-height:200px; padding:15px; background-color:#f1f1f1; }
.calendar_wrap .all_schedule .schedule_list li {border:1px solid var(--color-primary); padding:10px; border-radius:5px; background-color:#fff; }
.calendar_wrap .all_schedule .schedule_list li + li {margin-top:5px; }
.calendar_wrap .all_schedule .schedule_list li .date {font-size:9px; color:#787878;  }
.calendar_wrap .all_schedule .schedule_list li .title {font-size:14px; font-weight:500; }
.calendar_wrap .all_schedule .schedule_list li .dday {font-size:10px; }
.calendar_wrap .all_schedule .schedule_list li .dday b {color:var(--color-sky)}

.calendar_wrap .register_btn {width:100%; height:57px; background-color:var(--color-primary); font-size:16px; font-weight:500; color:#fff; }

@media all and (max-width:767px){
  .calendar_wrap .top_tab button {height:45px; }
  .calendar_wrap .all_schedule .schedule_btn {height:50px; }
}



/* 일정등록 모달 */
.calendar_form {padding:20px; }
.calendar_form input[type='text'],
.calendar_form select {width:100%; height:35px; padding:0 10px;  border:1px solid rgb(226, 232, 240); border-radius:6px; font-size:11px; }
.calendar_form input[type='text']:disabled,
.calendar_form select:disabled {background-color:#eee; opacity:1; }
.calendar_form input[type='text']:focus,
.calendar_form select:focus {outline:none; box-shadow:0px 0px 2px rgba(0,75,204,1); border:1px solid #004bcc; }
.calendar_form select {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") no-repeat right 0.5rem center / 1.5em 1.5em; -webkit-appearance: none; }
.calendar_form .cal_input label {position:absolute; left:0; top:0; width:35px; height:35px; background-color:#e3e3e3; border-radius:6px; }
.calendar_form .cal_input input {padding-left:50px; border-radius:6px; }
.calendar_form .delete_btn {padding:5px 10px; background-color:rgb(220 38 38); color:#fff; font-size:11px; }

.calendar_form .btn_box {display:flex; gap:10px; }
.calendar_form .btn_box button {width:100%; height:35px; background-color:#9E9E9E; color:#fff; font-size:12px; }
.calendar_form .btn_box button.save {background-color:var(--color-primary); }


@media all and (min-width:500px){

  .calendar_form input[type='text'],
  .calendar_form select {height:40px; font-size:14px; }
  .calendar_form .cal_input label {width:40px; height:40px; }
  .calendar_form .delete_btn {font-size:14px; }

  .calendar_form .btn_box button {height:40px; font-size:14px; }
}


/* 캘린더 */

/* 상단 툴바 */
#calendar.fc {font-size:11px; }
#calendar.fc .fc-toolbar {flex-direction:column; gap:5px; }
#calendar.fc .fc-toolbar-title {font-weight:600; }
#calendar.fc .fc-button.fc-button-active {border-width:0; background-color:var(--color-primary); color:#fff; }
#calendar.fc .fc-prev-button,
#calendar.fc .fc-next-button,
#calendar.fc .fc-button {background-color:#fff; border:1px solid #ddd; color:#64748b; }
#calendar.fc .fc-prev-button .fc-icon,
#calendar.fc .fc-next-button .fc-icon {font-size:1em; }

/* 세부스케쥴볼때 more 지우고 항목 다 보이기 */
#calendar.fc .fc-dayGridDay-view .fc-daygrid-event-harness-abs {position:unset; visibility: visible !important;}
#calendar.fc .fc-dayGridDay-view .fc-daygrid-day-bottom {display:none; }


@media all and (min-width:500px){
  #calendar.fc {font-size:14px; }
}

/*
#=========================================#
        해머채팅 상세
#=========================================#
*/
.chatting_body {height:100%; min-height:100%; overflow-y:hidden}

.chatting_wrap {overflow:hidden; display:flex; flex-direction: column; height:100%;  }
.chatting_wrap footer {display:none; }
.chatting_wrap .chatting_detail {display:flex; flex-direction:column; flex-grow:1; height:calc(100% - 59px); }

.chatting_detail .chat_title {z-index:20; height:55px; padding:0 22px 0 13px; font-size:15px; font-weight:500; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25); background-color: #fff; }
.chatting_detail .chat_title .search_btn {width:30px; height:28px; background-color:var(--color-primary); }
.chatting_detail .chat_title .search_btn svg {width:14px; height:14px; }
.chatting_detail .chat_title .search_form {z-index:10; position:absolute; left:0; top:100%; display:none; width:100%; padding:10px 24px; border-top:1px solid #dedede; border-bottom: 1px solid #DEDEDE; background-color:#fff; }
.chatting_detail .chat_title .search_form input {width:100%; height:38px; padding:0 40px; border-radius:5px; background-color:#d9d9d9; font-size:12px; color:#fff; }
.chatting_detail .chat_title .search_form input::placeholder {color:#fff; }
.chatting_detail .chat_title .search_form button {position:absolute; top:calc(50% - 8px); right:40px; width:16px; }

.chatting_detail .chat_title .people_btn {height:28px; padding:0 2px; border:1px solid var(--color-primary); font-size:10px; font-weight:600; color:var(--color-primary);  }
.chatting_detail .chat_title .people_wrap:hover .people_list {display:block; }
.chatting_detail .chat_title .people_list {z-index:10; position:absolute; right:0; top:100%; display:none; width:140px; padding:10px; border-radius:5px; background-color:#fff; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25)}
.chatting_detail .chat_title .people_list .add_btn {padding:3px 10px; border:1px dashed #e5e7eb;  background-color:#f8fafc; font-weight:500; }
.chatting_detail .chat_title .people_list ul {margin-top:10px; }
.chatting_detail .chat_title .people_list ul li {font-size:12px; font-weight:400; }
.chatting_detail .chat_title .people_list ul li + li {margin-top:8px; }
.chatting_detail .chat_title .people_list ul li img {width:30px; height:30px; border-radius:50%; }
.chatting_detail .chat_title .people_list ul li img + div {width:calc(100% - 30px)}
.chatting_detail .chat_title .people_list ul li span {color:#64748b; }
.chatting_detail .chat_content .chat_box.right .text_area a {text-decoration:underline; }

/* 임직원추가 모달 */
.people_cont {font-size:12px; padding:10px;}
.people_cont .add_btn {padding:3px 10px; border:1px dashed #e5e7eb;  background-color:#f8fafc;  }
.people_cont .calendar_form {padding:0; }
.people_cont table {min-width:550px; font-size:12px; }
.people_cont table th, .people_cont table td {padding:5px 3px; font-weight:normal; }
.people_cont table th {font-weight:600; }
.people_cont table tbody tr {border-bottom:1px solid #e5e7eb; }

.chatting_detail .chat_content {overflow-y:auto; flex:1; padding:20px 10px; font-size:14px; word-break:keep-all; }
.chatting_detail .chat_content .chat_box {max-width:90%; margin-top:30px; text-align:left; will-change:scroll-position;}
.chatting_detail .chat_content .chat_box .text_area {position:relative; padding:10px 15px; border-radius:5px; background: #EFEFEF; word-break:break-all; }
.chatting_detail .chat_content .chat_box .chat_message {display:flex; align-items: end; gap:4px; }
.chatting_detail .chat_content .chat_box .date {font-size:11px; opacity:0.5; white-space: nowrap; }
.chatting_detail .chat_content .chat_box .cal_area {position:relative; max-width:100%; border:1px solid var(--color-primary); border-radius:5px; font-size:12px; word-break:break-all; }
.chatting_detail .chat_content .chat_box .cal_area .box {margin:0; width:auto !important; border:0 none; }
.chatting_detail .chat_content .chat_box .cal_area .box > div:first-of-type {justify-content:center; gap:12px; padding:6px 12px; background:var(--color-primary) !important; border-radius:0; font-weight:600;}
.chatting_detail .chat_content .chat_box .cal_area .box > div:first-of-type .rounded-full {background:#fff url('/assets/dist/img/icon/calendar2-9d3030f0bc025c039d02743585e64f57.svg') no-repeat center center !important; }
.chatting_detail .chat_content .chat_box .cal_area .box > div:first-of-type .rounded-full svg {opacity:0; }
.chatting_detail .chat_content .chat_box .cal_area .box > div:nth-of-type(2) {display:flex; flex-direction: column; padding:12px 19px; }
.chatting_detail .chat_content .chat_box .cal_area .box > div:nth-of-type(2) > div:nth-of-type(1) {order:2; border:0 none; }
.chatting_detail .chat_content .chat_box .cal_area .box > div:nth-of-type(2) > div:nth-of-type(1) > div:first-of-type {display:none; }
.chatting_detail .chat_content .chat_box .cal_area .box > div:nth-of-type(2) > div:nth-of-type(1) > div:last-of-type > p:first-of-type:before {content:'• 등록인 : '}
.chatting_detail .chat_content .chat_box .cal_area .box > div:nth-of-type(2) > div:nth-of-type(1) > div:last-of-type > p:first-of-type { font-size:12px; font-weight:500; color:#000; }
.chatting_detail .chat_content .chat_box .cal_area .box > div:nth-of-type(2) > div:nth-of-type(1) > div:last-of-type > p:last-of-type {display:none; }
.chatting_detail .chat_content .chat_box .cal_area .box > div:nth-of-type(2) > div:nth-of-type(2) {order:1; padding:0; border:0 none; }
.chatting_detail .chat_content .chat_box .cal_area .box > div:nth-of-type(2) > div:nth-of-type(2) > div:first-of-type {display:block; text-align:center; padding:5px 10px; border:1px solid var(--color-primary); font-size:14px !important; color:var(--color-primary); text-align:center; border-radius:5px; font-weight:400; }
.chatting_detail .chat_content .chat_box .cal_area .box > div:nth-of-type(2) > div:nth-of-type(2) > div:first-of-type span {display:none; }
.chatting_detail .chat_content .chat_box .cal_area .box > div:nth-of-type(2) > div:nth-of-type(2) > div:first-of-type .truncate {overflow:visible; text-overflow:unset; white-space:unset; }
.chatting_detail .chat_content .chat_box .cal_area .box > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) {display:block; text-align:left; font-size:12px; font-weight:500; color:#000; }
.chatting_detail .chat_content .chat_box .cal_area .box > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) p {display:none; }
.chatting_detail .chat_content .chat_box .cal_area .box > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2):before {content:'• 날짜 :'}
.chatting_detail .chat_content .chat_box .cal_area .box > div:nth-of-type(2) > div:last-of-type {order:3; margin:0; padding:0; }
.chatting_detail .chat_content .chat_box .cal_area .box > div:nth-of-type(2) > div:last-of-type button {padding:5px 0; border:1.5px dashed var(--color-primary); background-color:#fff; color:var(--color-primary); border-radius:5px; }

.chatting_detail .chat_content .chat_box .cal_area .tit {padding:6px 12px; background-color: var(--color-primary); color:#fff; }
.chatting_detail .chat_content .chat_box .cal_area .tit i {width:21px; height:21px; background-color: #fff; border-radius:50%; }
.chatting_detail .chat_content .chat_box .cal_area .cont {padding:12px 19px; text-align:left; }
.chatting_detail .chat_content .chat_box .cal_area .cont .name {padding:5px 10px; border:1px solid var(--color-primary); color:var(--color-primary); text-align:center; border-radius:5px; }
.chatting_detail .chat_content .chat_box .cal_area .cont p {padding:10px 0; font-size:9px; font-weight:700; }
.chatting_detail .chat_content .chat_box .cal_area .cont a.btn-sm {padding:5px 0; }

.chatting_detail .chat_content .chat_box .name img {width:30px; height:30px; border-radius:50%; }
.chatting_detail .chat_content .chat_box .name {font-weight:600; }
.chatting_detail .chat_content .chat_box.right .name {flex-direction:row-reverse; justify-content:end;}
.chatting_detail .chat_content .chat_box.right {justify-content: flex-end; margin-left:auto; text-align:left; }
.chatting_detail .chat_content .chat_box.right .chat_message {flex-direction: row-reverse; }
.chatting_detail .chat_content .chat_box.right .text_area {background:var(--color-primary); color:#fff;  }
.chatting_detail .chat_content .chat_box.right .text_area a {text-decoration:underline; }

.chatting_detail .chat_content .info_box {width:80%; margin:5px auto 0; padding:20px; background-color:#F4F4F4; text-align:center; color:#4A4A4A; font-size:13px; border-radius:8px; }
.chatting_detail .chat_content .info_box b {border-bottom:1px solid #5D5D5D; color:#5D5D5D; }
.chatting_detail .chat_content .info_box button {display:block; margin:10px auto 0; padding:8px 20px; border-radius:8px; background-color:#9E9E9E; color:#fff; }

.chatting_detail .chat_bottom {width:100%; border-top:1px solid #dedede; padding:16px; font-size:12px; font-weight:600; background-color:#fff; }
.chatting_detail .chat_bottom .register_box {width:100%; }
.chatting_detail .chat_bottom .register_box textarea {resize:none; width:calc(100% - 88px); height:42px; padding:8px 20px 0; border-top:4px solid #ECECEC; border-bottom:4px solid #ECECEC; border-radius:5px; background-color:#ECECEC; color:#323232; line-height:1.5;font-size: 14px}
.chatting_detail .chat_bottom .register_box textarea::placeholder {color:#323232; }
.chatting_detail .chat_bottom .register_box button {width:42px; height:42px; }
.chatting_detail .chat_bottom .register_box button.bmore_btn {border:1px dashed var(--color-primary); }
.chatting_detail .chat_bottom .register_box button.bmore_btn span {margin-top:-3px; line-height:1; font-size:34px; font-weight:300; color:var(--color-primary); transition:all 0.3s; }
.chatting_detail .chat_bottom .register_box button.bmore_btn.on span {margin-right:-4px; transform:rotate(45deg); }
.chatting_detail .chat_bottom .mid_btn {font-size:12px;}
.chatting_detail .chat_bottom .mid_btn .share_btn {width:30%; height:25px; }
.chatting_detail .chat_bottom .mid_btn .dashed-btn {height:30px; border: 1px dashed #AAA; color:#aaa; }
.chatting_detail .chat_bottom .bot_btn button {height:37px; border-width:1.5px; }

.chat_loading {z-index:10; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items: center; justify-content: center; background-color:rgba(214, 214, 214, 0.6); border-radius:5px; backdrop-filter: blur(2.6px); }
.chat_loading img {width:30px; height:30px; }
.chat_box.right .chat_loading {background-color:rgba(0,0,0,0.6); }
.chat_box.right .chat_loading img {filter: invert(100%) brightness(10);}

#info_modal .modal_inner {overflow:visible; }
.info_modal_cont {padding:15px; background-color:#fff; border-radius:10px; }
.info_modal_cont h3 {margin-bottom:20px; font-size:20px; font-weight:500; }
.info_modal_cont p {font-size:14px; color:#5D5D5D; }
.info_modal_cont .x_btn {position:absolute; right:-8px; top:-8px; display:flex; align-items:center; justify-content:center; width:30px; height:30px; background-color:#EAEAEA; border-radius:50%; }
.info_modal_cont .btn_box {display:flex; align-items:center; gap:9px; margin-top:30px; }
.info_modal_cont .btn_box button {width:100%; height:46px; }
.info_modal_cont .btn_box button.close_btn {background-color:#ececec; color:#AFAFAF; }

.modal#chat_img_modal .chat_img_modal_header {text-align: right; margin: 20px 10px 5px 0;}
.modal#chat_img_modal .chat_img_modal_header a {border-radius: 5px; margin-right: 5px}
.modal#chat_img_modal .chat_img_modal_header a:last-child {margin-right: 10px;}
.modal#chat_img_modal #chat_img_modal_content_parent {margin:15px 20px 20px 20px;}
.modal#chat_img_modal #chat_img_modal_content {overflow:scroll; }
.modal#chat_img_modal #chat_img_modal_content img {width: 100%; max-width:none; height: auto; vertical-align: baseline; display: inline;}


/*
#=========================================#
        문의현황
#=========================================#
*/
.cscenter_visual {padding:0 24px; }
.cscenter_visual .tit {padding:30px 0 20px; font-size:17px; font-weight:700; }
.cscenter_visual .search_box {padding:60px 0 40px; }
.cscenter_visual .search_box p {margin-bottom:40px; font-size:20px; font-weight:600; }
.cscenter_visual .search_box input {width:100%; height:50px; padding:0 50px 0 24px; border:1.5px solid #000; border-radius:50px; font-size:12px;}
.cscenter_visual .search_box input::placeholder {color:#9F9F9F; }
.cscenter_visual .search_box button {position:absolute; right:25px; top:0; height:100%; }

.cscenter_tab {padding:0 37px; }
.cscenter_tab button {height:57px; background-color:#fff; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25); font-size:14px; color:#9F9F9F; font-weight:600; }
.cscenter_tab button.on {border: 1px solid var(--color-primary); color:var(--color-primary); }

.cscenter_cont {padding:58px 24px 0; margin-top:-27px; background: #E6E6E6;}
.cscenter_cont > div {padding:35px 20px 50px; border-radius:20px 20px 0 0; }
.cscenter_cont > div h3.tit {padding-bottom:35px; font-size:16px; font-weight:600; text-align:center; }


.pagination {margin-top:30px; }
.pagination button {padding:5px; font-size:7px; font-weight:700; }


/* 1:1 문의 */
.inquiry_box .form_box label.name {display:flex; align-items:center; justify-content: center; width:60px; height:25px; font-size:10px; color:#fff; border-radius:8px 0 0 8px; background-color:var(--color-primary); }
.inquiry_box .form_box input,
.inquiry_box .form_box .textarea {resize:none; height:25px; padding:0 20px; font-size:10px;  border-radius:0 8px 8px 0; background-color:#e6e6e6; }
.inquiry_box .form_box .textarea {padding:6px 20px; min-height:25px; height:auto; }
.inquiry_box .form_box input:focus,
.inquiry_box .form_box .textarea {outline:none; }

.inquiry_box .form_box h4 {font-size:14px; font-weight:400; }
.inquiry_box .form_box .inquiry_type {display:grid; grid-template-columns: repeat(3,1fr); gap:8px; margin-top:20px; }
.inquiry_box .form_box .inquiry_type button {height:31px; padding:2px 0; border:1.5px solid #9F9F9F; font-size:12px; font-weight:500; color:#9F9F9F; border-radius:3px; }
.inquiry_box .form_box .inquiry_type button.on {border-color:var(--color-primary); color:var(--color-primary); }

.inquiry_box .form_box .checkbox_list {margin-top:10px; }
.inquiry_box .form_box .checkbox_list > div {padding:12px 10px 12px 50px; background-color:#E6E6E6; border-radius:5px; }
.inquiry_box .form_box .checkbox_list > div + div {margin-top:5px; }
.inquiry_box .form_box .checkbox_list input[type="checkbox"] {display:none; }
.inquiry_box .form_box .checkbox_list label {position:relative; width:100%; color:#787878; }
.inquiry_box .form_box .checkbox_list label:before {content:''; position:absolute; left:-35px; top:-3px; width:22px; height:22px; background-color: #fff; border-radius:3px; }
.inquiry_box .form_box .checkbox_list input:checked + label:before {background: var(--color-sky) url('/assets/dist/img/icon/check2-b6d91d975d8f33f40ee0d7a248ea65ef.svg') no-repeat center center / 80% 80%;}
.inquiry_box .form_box .checkbox_list label > div {gap:5px; flex-wrap:wrap; }
.inquiry_box .form_box .checkbox_list p {font-size:12px; font-weight:500; color:#4C4C4C; }
.inquiry_box .form_box .checkbox_list input[type="text"] {width:90%; height:30px; margin:5px 0px; background-color: #fff; font-size:10px; font-weight:500; color:#787878; border-radius:3px; }
.inquiry_box .form_box .checkbox_list b {display:block; }
.inquiry_box .form_box .checkbox_list b,
.inquiry_box .form_box .checkbox_list span {font-size:8px; font-weight:600; color:#787878; line-height:1.5; }

.inquiry_box .bot_btn {margin-top:12px; }
.inquiry_box .bot_btn input {display:none; }
.inquiry_box .bot_btn input:checked + label:before {background: var(--color-sky) url('/assets/dist/img/icon/check2-b6d91d975d8f33f40ee0d7a248ea65ef.svg') no-repeat center center / 80% 80%;}
.inquiry_box .bot_btn label {position:relative; display:block; padding-left:16px; cursor:pointer; font-size:8px; font-weight:700; color:#c7c4c4; }
.inquiry_box .bot_btn label:before {content:''; position:absolute; left:0px; top:calc(50% - 5px); width:10px; height:10px; background-color:#d9d9d9; border-radius: 3px;}
.inquiry_box .bot_btn .submit_btn {padding:6px 22px; border-radius:5px; font-size:14px; font-weight:700; }

.inquiry_box .text_box {margin-top:20px; }
.inquiry_box .text_box textarea {resize:none; width:100%; height:140px; padding:10px; border:2px solid #9f9f9f; border-radius:5px; font-size:12px; }
.inquiry_box .text_box textarea:focus {outline:none; }
.inquiry_box .text_box textarea::placeholder {padding-top:45px; color:#9f9f9f; text-align:center; }

/* 1:1 문의 조회 */
.inquiry_list .inquiry_search input {width:100%; height:40px; padding:0 15px; border:1.5px solid #9f9f9f; margin-bottom:15px; border-radius:5px; font-size:12px;  }
.inquiry_list .inquiry_search input:focus {outline:none; }
.inquiry_list .inquiry_search button {height:40px; border-radius:5px; }
.inquiry_list h4 {margin:40px 0 20px; font-size:14px; color:#000; font-weight:600; }
.inquiry_list .inquiry_btn {font-size:12px; margin-top:20px; text-decoration:underline; text-underline-offset:3px; }
.inquiry_list ul.inquiry_lists {padding:12px;  background-color: #e2e2e2; border-radius:5px; }
.inquiry_list ul.inquiry_lists li:not(.nodata) {padding:0 25px; background-color: #fff; border-radius:5px; }
.inquiry_list ul.inquiry_lists li:not(.nodata) + li:not(.nodata) {margin-top:10px; }
.inquiry_list ul.inquiry_lists li:not(.nodata) .tit {position:relative; padding:13px 0; cursor:pointer; }
.inquiry_list ul.inquiry_lists li:not(.nodata) .tit:after {content:''; position:absolute; right:0; top:calc(50% - 8px); width:15px; height:15px; background:url('/assets/dist/img/icon/arrow-565df9012a6e44a618ad2d8ba2f519dd.svg') no-repeat center center;  }
.inquiry_list ul.inquiry_lists li:not(.nodata) .tit .top {display:flex; align-items:center; font-size:10px; }
.inquiry_list ul.inquiry_lists li:not(.nodata) .tit .top span {padding-right:8px; border-right:1px solid #9a9a9a; color:#9A9A9A; line-height:1; }
.inquiry_list ul.inquiry_lists li:not(.nodata) .tit .top b {padding-left:8px; font-weight:normal; }
.inquiry_list ul.inquiry_lists li:not(.nodata) .tit .title {margin-top:10px; padding-right:20px; font-size:14px;}
.inquiry_list ul.inquiry_lists li:not(.nodata) .desc {padding:13px 0; border-top:1px solid #e2e2e2; font-size:10px; color:#787878; }
.inquiry_list ul.inquiry_lists li:not(.nodata) .desc .btn_box {display:flex; align-items: center; gap:7px; margin-top:15px; }
.inquiry_list ul.inquiry_lists li:not(.nodata) .desc .btn_box button {height:30px; border-radius:3px; }

.inquiry_list ul.inquiry_lists li:not(.nodata).active .tit:after {transform:rotate(180deg); }

.inquiry_list ul.inquiry_lists li.nodata {padding:50px 0; text-align:center; font-size:12px; font-weight:500; color:#4c4c4c; }

/* 공지사항 */
.notice_box table {width:100%; border:1px solid #787878; }
.notice_box table thead th {padding:8px; background: #787878; font-size:11px; color:#fff; font-weight:700; }
.notice_box table thead th:first-of-type {border-right:1px solid #fff; }
.notice_box table tbody tr.title {cursor:pointer; }
.notice_box table tbody tr.detail {display:none; }
.notice_box table tbody th,
.notice_box table tbody td {padding:8px; border:1px solid #787878; text-align:center; }
.notice_box table tbody th {font-size:11px; }
.notice_box table tbody td {font-size:10px; }
.notice_box table tbody .detail td {padding:9px 17px; text-align:left; }



/* 자주묻는질문 */
.cscenter_cont dl {box-shadow:0 1px 3px rgba(0,0,0,0.3); }
.cscenter_cont dl + dl {margin-top:1px; }
.cscenter_cont dl dt {position:relative; display:flex; align-items:center; justify-content:space-between; height:60px; padding:10px 16px; padding-right:40px; font-size:12px; font-weight:500; color:#1E1E1E; cursor:pointer; }
.cscenter_cont dl dt img {position:absolute; right:18px; top:calc(50% - 7.5px); }
.cscenter_cont dl dd {display:none; border-top:1px solid #E8E8E8; padding:20px; font-size:11px; }



/*
#=========================================#
        알림 / 환경설정 타이틀
#=========================================#
*/
.content_title {height:53px; padding:0 22px; box-shadow: 0px 1px 3px 0px #00000040; }
.content_title h3 {font-size:16px; font-weight:500; }
.content_title p {font-size:9px; font-weight:700; color:#787878; }



/* 알림 */
.alarm_box {padding:20px; min-height:calc(calc(var(--vh, 1vh) * 100) - 120px)}
.alarm_box .top_btn {margin-bottom:18px; }
.alarm_box .top_btn button {padding:6px 18px; font-size:14px; font-weight:700; }

.alarm_box .summary {margin-bottom:5px; font-size:10px; color:#9f9f9f; }

.alarm_box .alarm_list .alarm_item {padding:15px 18px; border:1px solid var(--color-primary); border-radius:5px; cursor:pointer; }
.alarm_box .alarm_list .alarm_item + .alarm_item {margin-top:20px; }
.alarm_box .alarm_list .alarm_item .tit {margin-bottom:15px; }
.alarm_box .alarm_list .alarm_item .tit span {min-width:110px; padding:4px 10px; border-radius: 5px; background: rgba(120, 120, 120, 0.30); font-size:14px; font-weight:500; color:#fff; line-height:1; text-align:center; }
.alarm_box .alarm_list .alarm_item .tit strong {font-size:14px; font-weight:700; color:var(--color-primary); }
.alarm_box .alarm_list .alarm_item .cont {font-size:12px; font-weight:500; word-break:keep-all; }

.alarm_box .alarm_list .alarm_item.checked {border-color:#D9D9D9; background: #D9D9D9;}
.alarm_box .alarm_list .alarm_item.checked .tit strong {color:#787878; }
.alarm_box .alarm_list .alarm_item.checked .tit span {background-color:#9B9B9B; }
.alarm_box .alarm_list .alarm_item.checked .cont {color:#787878; }


.alarm_box .nodata {display:flex; align-items: center; justify-content: center; min-height:calc(calc(var(--vh, 1vh) * 100) - 300px);}



/* 환경설정 */
.setting_box {padding:20px 23px; }
.setting_box dl + dl {margin-top:20px; }
.setting_box dt {padding:30px 24px; border: 1px solid rgba(0, 0, 0, 0.25); font-size:16px; font-weight:500; border-radius:10px; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); cursor:pointer; }
.setting_box dt svg {width:18px; height:10px; margin-right:7px; transition:all 0.5s; }
.setting_box dd {display:none; padding:10px 20px 0; }
.setting_box dd p {padding-left:10px; padding-bottom:18px; font-size:12px; font-weight:500; line-height:1.8; color:#787878; }
.setting_box dd hr {width:100%; height:1px; background-color:#787878; border:0 none; }
.setting_box dd label {padding:18px 0; cursor:pointer; font-size:14px; font-weight:600; }
.setting_box dd .check-switch {width:31px; height:16px; }
.setting_box dd .check-switch:before {width:14px; height:14px; }
.setting_box dd .check-switch:checked:before {margin-left:14px; }
.setting_box dd .desc {margin:0 -20px 5px; padding:15px 18px; font-size:12px; font-weight:500; background-color: #d9d9d9; border-radius:10px; }
.setting_box dl.on dt svg {transform:rotate(-180deg); }
.setting_box dd .withdrawal_btn {display:block; width:calc(100% + 40px); margin:15px -20px 0 -20px; padding:13px 30px; background-color:#ABABAB; border-radius:7px; font-size:14px; color:#fff; }


/* 에러페이지 */
.error_content {min-height:calc((var(--vh, 1vh) * 100) - 59px); padding:50px 0;}
.error_box {padding-bottom:100px; }
.error_box svg {width:40px; height:40px; }
.error_box p {margin:30px 0; font-size:20px; }
.error_box a {font-size:12px; }





/* =============================
    상세 - 서비스 요금 안내
============================= */
.price_visual {background-color:#0762FF; }
.price_visual .sub_inner {display:flex; align-items:center; justify-content:center; padding:45px 0;}
.price_visual h3 {font-size:16px; color:#fff; font-weight:700; text-align: center;}


.price_con01 {position:relative; padding:0 25px 20px; }
.price_con01:before {content:''; position:absolute; left:0; top:0; width:100%; height:750px; background-color:#0762FF; }
.price_con01 > * {z-index:10; position:relative; }

.price_con01 .payback_box {width:100%;  margin:0 auto 20px; padding:20px; background-color:#fff; border-radius:10px; }
.price_con01 .payback_inbox {position:relative; }
.price_con01 .payback_inbox .left_box {width:100%; }
.price_con01 .payback_inbox .left_box h5 {font-size:14px; line-height:1.5; font-weight:600; }
.price_con01 .payback_inbox .left_box ul {width:45%; margin-top:10px; padding:8px; border:1px solid #787878; border-radius:5px; }
.price_con01 .payback_inbox .left_box ul li {text-align:center; }
.price_con01 .payback_inbox .left_box ul li:first-of-type {padding-bottom:8px; border-bottom:1px solid #787878;}
.price_con01 .payback_inbox .left_box ul li:last-of-type {padding-top:8px; }
.price_con01 .payback_inbox .left_box ul li p {margin-bottom:5px; font-size:9px; color:#787878; font-weight:600; }
.price_con01 .payback_inbox .left_box ul li span {display:block; font-size:9px; color:#787878; font-weight:600; }
.price_con01 .payback_inbox .img_box {position:absolute; right:0; top:0; width:50%; height:100%; margin-top:20px; }
.price_con01 .payback_inbox .img_box img {max-width:100%; max-height:100%; margin:0 auto; }

.price_con01 .free_box {display:flex; align-items: center; justify-content: space-around; padding:25px 20px; background:rgba(255,255,255,0.8); border-radius:10px; }
.price_con01 .free_box h3 {width:40%; padding-right:20px; font-size:14px; font-weight:600; text-align:center; }
.price_con01 .free_box h3 span {margin-left:10px; }
.price_con01 .free_box ul {width:60%; list-style:disc; }
.price_con01 .free_box ul li {font-size:12px; }
.price_con01 .free_box ul li + li {margin-top:5px;}
.price_con01 .free_box p {font-size:14px; font-weight:600; }

.price_con01 .price_box {display:grid; grid-template-columns:repeat(1,1fr); margin-top:20px; }
.price_con01 .price_box .box {padding:30px 25px; border:2px solid #ebebeb;  background-color:#fff; border-radius:10px; }
.price_con01 .price_box .box + .box {margin-top:20px; }
.price_con01 .price_box .title {color:#0762FF; }
.price_con01 .price_box .title h5 {font-size:16px; font-weight:700; }
.price_con01 .price_box .title p {font-size:16px; font-weight:700; }
.price_con01 .price_box .month {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; gap:15px; margin-top:20px; padding:10px 0; font-size:14px; font-weight:400; color:#fff; background-color:#0762FF; border-radius:10px; }
.price_con01 .price_box .month b {font-size:16px; font-weight:600; }
.price_con01 .price_box .month_type {margin-top:15px; padding:14px 5px; border:2px solid #0762FF; border-radius:10px; color:#0762FF; }
.price_con01 .price_box .month_type p {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; font-size:12px; }
.price_con01 .price_box .month_type p span {display:inline-block; }
.price_con01 .price_box .month_type p span:first-of-type {width:50px; margin-right:5px; text-align:right; }
.price_con01 .price_box .month_type p span:last-of-type {margin-left:5px; }
.price_con01 .price_box .month_type p b {font-size:14px; font-weight:600; }
.price_con01 .price_box ul {padding-left:20px; margin-top:15px; list-style:disc; }
.price_con01 .price_box ul li {font-size:12px; font-weight:500; }
.price_con01 .price_box ul li + li {margin-top:8px; }

.price_con01 .price_box .box.primium {border-left:2px solid #ebebeb; }
.price_con01 .price_box .box.primium .title h5,
.price_con01 .price_box .box.primium .title p {display:inline-block; background: linear-gradient(90deg, #005EFF 0%, #5C8AFD 31.1%, #4700EF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.price_con01 .price_box .box.primium .month {background-color:#5e12ff;}
.price_con01 .price_box .box.primium .month_type {border-color:#5e12ff; color:#5e12ff; }

.price_con01 .info_box {padding:30px 25px; margin-top:20px; border-radius:10px; background-color:#5f9af7; color:#fff;}
.price_con01 .info_box .left_box {width:100%; word-break:keep-all; }
.price_con01 .info_box .left_box h6 {font-size:14px; font-weight:600; line-height:1.7; }
.price_con01 .info_box .left_box > p {width:100%; margin-top:30px; font-size:12px; font-weight:500; }
.price_con01 .info_box .left_box ul {margin-top:40px; }
.price_con01 .info_box .left_box li {display:flex; align-items:center; justify-content:center; padding:18px 11px; background-color:#fff; border-radius:5px; }
.price_con01 .info_box .left_box li + li {margin-top:9px; }
.price_con01 .info_box .left_box li span {display:flex; align-items:center; justify-content:center; flex-shrink:0; height:38px; padding:4px 20px; background-color:#0762FF; border-radius:3px; font-size:12px; font-weight:500; }
.price_con01 .info_box .left_box li div {padding-left:10px; }
.price_con01 .info_box .left_box li p {width:100%; color:#787878; font-size:12px; font-weight:400; word-break: break-all;}
.price_con01 .info_box .right_box {width:100%; }
.price_con01 .info_box .right_box img {max-width:50%; margin:0 auto; }
.price_con01 .info_box .right_box p {font-size:10px; font-weight:500; }

.price_con02 {padding:50px 25px; background-color:#DFEBFD; }
.price_con02 h3 {font-size:16px; text-align:center; font-weight:bold; }
.price_con02 ul {display:grid; grid-template-columns:repeat(1,1fr); gap:15px; margin-top:20px; }
.price_con02 ul li {display:grid; grid-template-columns:repeat(2,1fr); padding:20px; border-top:17px solid #5f9af7; border-radius:10px; background-color: #fff;}
.price_con02 ul li h4 {font-size:14px; color:#5f9af7; font-weight:600; }
.price_con02 ul li p {margin-top:5px; font-size:14px; color:#5f9af7; font-weight:600; }
.price_con02 ul li b {display:block; margin-top:30px; font-size:14px; font-weight:600; }
.price_con02 ul li img {width:150px; max-width:90%; margin:0 auto 0; }

.price_con02 ul li.type02 {border-color:#8FABF7; }
.price_con02 ul li.type02 h4,
.price_con02 ul li.type02 p {color:#8fabf7; }

.price_con02 ul li.type03 {border-color:#6586EC; }
.price_con02 ul li.type03 h4,
.price_con02 ul li.type03 p {color:#6586EC; }

@media all and (max-width:320px){
  .price_visual , .price_con01 , .price_con02 {zoom:0.8;}

}

/* 탈퇴하기 추가 */
.withdrawal_box {padding:40px 23px; }
.withdrawal_box .title {text-align:center; }
.withdrawal_box .title h4 {font-size:20px; color:#000; font-weight:600; }
.withdrawal_box .title p {margin-top:25px; font-size:14px; color:#787878; }

.withdrawal_box .check_cont {padding:50px 10px; border-bottom:2px solid #D9D9D9; }
.withdrawal_box .check_cont > div + div {margin-top:50px; }
.withdrawal_box .check_cont input {display:none; }
.withdrawal_box .check_cont input + label {position:relative; display:block; padding-left:50px; font-size:14px; word-break:keep-all; }
.withdrawal_box .check_cont input + label:before {content:''; position:absolute; left:0; top:0; width:25px; height:25px; border:2px solid #d3d3d3; border-radius:50%; }
.withdrawal_box .check_cont input:checked + label:before {border-color:var(--color-primary); background:var(--color-primary) url('/assets/dist/img/icon/check2-b6d91d975d8f33f40ee0d7a248ea65ef.svg') no-repeat center center / 80% 80%; }
.withdrawal_box .check_cont span.desc {display:block; margin-top:20px; font-size:12px; color:#787878; }

.withdrawal_box .info_box {margin:35px 10px 45px; font-size:14px; color:#787878; }

.withdrawal_box .agree_btn {padding:0 5px; }
.withdrawal_box .agree_btn input {display:none;}
.withdrawal_box .agree_btn input + label {position:relative; padding-left:50px; padding-top:5px; }
.withdrawal_box .agree_btn input + label:before {content:''; position:absolute; left:0; top:0; width:30px; height:30px; border:2px solid #d3d3d3; border-radius:5px; }
.withdrawal_box .agree_btn input:checked + label:before {border-color:var(--color-sky); background:var(--color-sky) url('/assets/dist/img/icon/check2-b6d91d975d8f33f40ee0d7a248ea65ef.svg') no-repeat center center / 80% 80%; }

.withdrawal_box .btn_box {margin-top:60px; padding:0 5px; }
.withdrawal_box .btn_box button {width:100%; height:55px; font-size:16px; font-weight:700; color:#fff; border-radius:8px; }

/* 기업배너 추가 */

/* main_con05 */
.main_con05 {overflow:hidden; padding:0 0 80px; }
.main_con05 .inner {width:1110px; max-width:100%; padding:0 20px; }
.main_con05 .slide_box {overflow:hidden; }
.main_con05 ul {margin-top:40px; }
.main_con05 ul li {overflow:hidden; display:flex; align-items:center; justify-content:space-between; padding:30px 20px; background-color:#fff; border-radius:10px; }
.main_con05 ul li .txt_box {width:100%; }
.main_con05 ul li .txt_box h5 {display:flex; align-items:center; gap:15px; font-size:20px; font-weight:600; color:#fff; border-radius:10px; }
.main_con05 ul li .txt_box > p {padding:13px 0 20px; font-size:14px; font-weight:600; line-height:1.5; color:#fff;}
.main_con05 ul li .txt_box .tag {display:flex; gap:8px; width:100%; margin-bottom:20px; }
.main_con05 ul li .txt_box .tag span {position:relative; flex-grow:1; display:flex; align-items: center; justify-content: center; min-width:auto; height:35px; border: 0.5px solid rgba(255, 255, 255, 0.5); padding:0 5px; font-size:13px; font-weight:600; border-radius:5px; text-align:center; color:#fff; background: linear-gradient(96.11deg, rgba(255, 255, 255, 0.2) 0.27%, rgba(255, 255, 255, 0.2) 100.14%); }

.main_con05 ul li .txt_box > span {display:block; width:90%; margin-bottom:20px; font-size:16px; line-height:1.5; color:#787878; font-weight:600; word-break:keep-all; }
.main_con05 ul li .txt_box > span.mo_ver {display:none; }
.main_con05 ul li .txt_box img.mo_img {display:block; margin-top:20px; border-radius:8px; }

.main_con05 ul li .txt_box .desc_box {padding:20px; border-radius:5px; }
.main_con05 ul li .txt_box .desc_box h6 {font-size:14px; font-weight:700; color:#fff; font-family: 'GmarketSans'; }
.main_con05 ul li .txt_box .desc_box i {display:block; width:35px; height:1px; margin:15px 0; background-color:#fff; }
.main_con05 ul li .txt_box .desc_box p {font-size:12px; font-weight:500; color:#fff; font-family: 'GmarketSans'; }

.main_con05 ul li .txt_box .ico {z-index:-1; position:absolute; }

.main_con05 ul li .txt_box .btn_box {margin-top:20px; }
.main_con05 ul li .txt_box .btn_box a {display:flex; align-items:center; justify-content:center; width:100%; height:47px; font-size:16px; font-weight:600; color:#fff; border-radius:5px; border:1.5px solid #fff; }



.main_con05 ul li.type01 {background:url('/assets/dist/img/banner/main_con05_bg1_mo-c52a11197adf4513ac93add5499f4dcb.png') no-repeat center center / cover; }
.main_con05 ul li.type01 .txt_box .desc_box {border: 0.5px solid rgba(255,255,255,0.5); background: linear-gradient(96.11deg, rgba(255, 255, 255, 0.04) 0.27%, rgba(255, 255, 255, 0.04) 100.14%); backdrop-filter: blur(5px); }

.main_con05 ul li.type02 {background:url('/assets/dist/img/banner/main_con05_bg2_mo-442c7ad53ef28d40838c52cc737c1456.png') no-repeat center center / cover; }
.main_con05 ul li.type02 .txt_box .tag span {backdrop-filter: blur(5px); }
.main_con05 ul li.type02 .txt_box .desc_box {background:url('/assets/dist/img/banner/main_con05_desc02-7b4c0987bf994d76b3eb748992466bb5.png') no-repeat center center / cover; }
.main_con05 ul li.type02 .txt_box .ico {right:0%; bottom:6%; width:94%; }

.main_con05 ul li.type03 {background: linear-gradient(180deg, #215094 0%, #107D98 100%);  }
.main_con05 ul li.type03 .txt_box .desc_box {background:url('/assets/dist/img/banner/main_con05_desc03-2e3f8aad0a18293cf67c6ab2ff35e807.png') no-repeat center center / cover; }
.main_con05 ul li.type03 .txt_box .ico {right:0; top:12%; }

.main_con05 ul li.type04 {background:url('/assets/dist/img/banner/main_con05_bg4_mo-46c76df0f3b10287c86531eba24da07d.png') no-repeat center center / cover; }
.main_con05 ul li.type04 .txt_box .desc_box {padding-right:40px; background:url('/assets/dist/img/banner/main_con05_desc04-62aaad0797eb85178808a868c619caae.png') no-repeat center center / cover; }
.main_con05 ul li.type04 img.ico {z-index:2; right:0; top:6%; width:100%; }
.main_con05 ul li.type04 .btn_box {position:relative; z-index:10; }

.main_con05 ul li.type05 {background:url('/assets/dist/img/banner/main_con05_bg5_mo-78a8fb51789d8cfd4ab55ef553403438.png') no-repeat center center / cover; }
.main_con05 ul li.type05 .txt_box .desc_box {padding-right:40px; background:url('/assets/dist/img/banner/main_con05_desc05-485e7f5ae9b87c3b3ffed3de90150f8e.png') no-repeat center center / cover; }
.main_con05 ul li.type05 img.ico {z-index:2; left:0; top:46%; width:97%; }
.main_con05 ul li.type05 .btn_box {position:relative; z-index:10; }

.main_con05 ul li.type06 {background:url('/assets/dist/img/banner/main_con05_bg6_mo-2979ba7e9c900a51d51510d7de50a27f.png') no-repeat center center / cover; }
.main_con05 ul li.type06 .tag span {font-size:10px; }
.main_con05 ul li.type06 .txt_box .desc_box {background-color:rgba(255,255,255,0.05); backdrop-filter: blur(10px); }
.main_con05 ul li.type06 .txt_box .desc_box h6 {margin-bottom:14px; font-size:13px; }
.main_con05 ul li.type06 .txt_box .desc_box p {margin-bottom:14px; font-size:10px; }
.main_con05 ul li.type06 .txt_box .desc_box div {display:flex; align-items:center; gap:10px; font-size:8px; color:#fff; }
.main_con05 ul li.type06 .txt_box .desc_box div + div {margin-top:5px; }
.main_con05 ul li.type06 img.ico {z-index:2; right:20px; top:30px; width:18%; max-width:70px; }

.main_con05 ul li.type07 {position:relative; background:url('/assets/dist/img/banner/main_con05_bg7_mo-dbe5d1c6c62b4fa840e82244b2c120db.png') no-repeat center center / cover; }
.main_con05 ul li.type07:before {content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4);}
.main_con05 ul li.type07 .txt_box {z-index:2; position:relative; }
.main_con05 ul li.type07 .txt_box .desc_box {background-color:rgba(255,255,255,0.05); backdrop-filter: blur(10px); }
.main_con05 ul li.type07 img.ico {z-index:2; right:0; top:0; width:48%; max-width:220px; }


.main_con05 .swiper_pager {position:relative; display:flex; align-items:center; justify-content:center; gap:35px; margin:10px auto 0; }
.main_con05 .swiper_pager .pagination {width:auto; margin-top:0; }
.main_con05 .swiper_pager .pagination .swiper-pagination-bullet {transition:all 0.5s; }
.main_con05 .swiper_pager .pagination .swiper-pagination-bullet-active {width:48px; border-radius:10px; }