@charset "UTF-8"; 

/* layout */
#wrap {position: relative;}
body.scroll-off {overflow: hidden;}
/* skip_menu */
#skip_nav {position: relative;}
#skip_nav a {z-index: 10000;position: fixed;top: -50px;left: 0;display: inline-block;padding: 10px 0;width: 100%;background-color: #3942af;color: #fff;text-align: center;font-weight: 500;}
#skip_nav a:focus {top: 0;}

/* header */
.header-top {margin: 20px auto 10px;width: 1400px;}
.header-top .info-list {display: flex;justify-content: flex-end;}
.header-top .info-list li {position: relative;font-weight: 400;}
.header-top .info-list li ~ li {padding-left: 15px;padding-right: 15px;}
.header-top .info-list li:first-of-type {padding-right: 15px;}
.header-top .info-list li:not(:first-of-type):before {position: absolute;top: 5px;left: 0;display: inline-block;content: "";width: 1px;height: 18px;background-color: #d5d5d5;}
.header-top .info-list .name {font-weight: 500;}
.header-top .info-list .logout {color: #909090;}

#header .gnb-inner {display: flex;align-items: center;justify-content: space-between;width: 1400px;margin: 0 auto;}
#header .logo > a {display: inline-flex;flex-direction: column;align-items: flex-start;}
#header .logo .main-logo {display: inline-block;width: auto;height: 35px;}
#header .logo .sub-logo { display: inline-block; margin-bottom: 24px;padding-top: 5px;width: 230px; padding-left: 40px; }
#gnb {margin-right: -40px;}
#gnb .depth1 {display: flex;}
#gnb .depth1 > li { position: relative; z-index: 100;display: inline-block; height: 100%; margin: 0;}
#gnb .depth1 .depth1-item {position: relative;display: block;padding: 0 65px;height: 65px;line-height: 60px;color: #111;font-size: 2.2rem;font-weight: 500;transition: color .2s;}
#gnb .depth1 .depth1-item.active {color: #3942af;}

#gnb .depth2 .depth2-item {transition:  all .2s;}
#gnb .depth2 .depth2-item:hover {color: #3942af;}
#gnb .depth1 .pr_btn { display: inline-block;width: 120px;height: 35px;line-height: 32px;border: 1px solid #d3d3d3; border-radius: 30px; background: #efefef;text-align: center;}
#gnb .depth2 {overflow: hidden;display: none;position: absolute;top: 60px;left: 0;z-index: 20;padding: 35px 0;width: 100%;height: 0;text-align: center;}
#gnb .depth2 > li {float: left;width: 100%;margin: 7px 0;}
#gnb .depth2 > li > a {color: #555;font-weight: 500;letter-spacing: -0.8px;}

#gnb.active .depth2 {display: block!important;}

.menu-dim { width: 100%; height: 0; position: absolute; top: 116px; left: 0; background-color: #f5f5f6; box-shadow: 0px 10px 15px 0 #ccc; z-index: 10; }
.menu-dim.active {height: 190px;border-top: 1px solid #e3e3e6;transition: height .3s ease-out;}

.subTop {background-color: #f8fafb;border-top:1px solid #edf1f5;border-bottom: 1px solid #edf1f5;}
.subTop .pageNav {display: flex;align-items: center;justify-content: flex-end;width: 1400px;height: 40px;margin: 0 auto;}
.subTop .pageNav li {position: relative;}
.subTop .pageNav li:not(:first-of-type)::before {display: inline-block;content: "";margin: 0 10px;width: 5px;height: 9px;background: url(../img/comm/icon_home.png);}

/* footer */
#footer {position: absolute;bottom: 0;left: 0;width: 100%;background-color: #f8f8f8;}
#footer .footer_in {display: flex;align-items: center;margin: 0 auto;padding: 50px 0;width: 1200px;}
#footer .ft_list {display: flex;flex-wrap: wrap;}
#footer .ft_list li {position: relative;padding-left: 13px;padding-right: 13px;}
#footer .ft_list li:first-child {padding-left: 0;}
#footer .ft_list li:last-child {padding: 0;}
#footer .ft_list li ~ li:after {position: absolute;top: 4px;left: -2px;display: inline-block;content: "";width: 2px;height: 70%;background-color: #979797;}
#footer .ft_list li:last-child:after {display: none;}

/* 공통 table */
table {border-top: 2px solid #222;}
table th {padding: 8px 10px;background-color: #f8fafb;color: #222;border-right: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;text-align: center;vertical-align: middle;font-weight: 500;word-break:break-all;font-size: 1.5rem;line-height: 1.3;}
table th:last-child {border-right: none;}
table .br {border-right: 1px solid #e3e3e3!important;}
table td {padding: 8px 10px;;border-right: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;vertical-align: middle;background-color: #fff;font-size: 1.4rem;}
table td:last-child {border-right: none;}
[class*="hover"] td {background-color: #f4fafd;cursor: pointer;transition: all .3s;}
[class*="link"]{}
[class^="target"] { color: #3942AF; font-weight: 500; text-decoration: underline; text-underline-offset: 5px; }
[class^="target"]:hover { text-decoration: underline;}

/* 공통 btn */
.btn {position: relative;z-index: 1;display: inline-flex;align-items: center;justify-content: center;border-radius: 7px;font-weight: 400;letter-spacing: -0.5px;box-sizing: border-box;}
.btn.sm {min-width: 85px;}
.btn.md {min-width: 150px;}
.btn.lg {min-width: 230px;}
.btn.orange {background-color: #ff5628;border: 1px solid #ff5628;color: #fff;}
.btn.orange::before {position: absolute;z-index: -1;left: -1px;top: -1px;display: inline-block;content: "";width: 0%;height: 100%;border: 1px solid #e33505;background-color: #e33505;border-radius: 10px;transition: all 0.3s;opacity: 0;}
.btn.orange:focus-visible::before,
.btn.orange:hover::before {width: 100%;opacity: 1;}
.btn.green {background-color: #00844b;border: 1px solid #00844b;color: #fff;}
.btn.green::before {position: absolute;z-index: -1;left: -1px;top: -1px;display: inline-block;content: "";width: 0%;height: 100%;border: 1px solid #004f2d;background-color: #004f2d;border-radius: 10px;transition: all 0.3s;opacity: 0;}
.btn.green:focus-visible::before,
.btn.green:hover::before {width: 100%;opacity: 1;}
.btn.white {background-color: #fff;border: 1px solid #333;color: #333;}
.btn.white::before {position: absolute;z-index: -1;left: -1px;top: -1px;display: inline-block;content: "";width: 0%;height: 100%;border: 1px solid #333;background-color: #333;border-radius: 10px;transition: all 0.3s;opacity: 0;}
.btn.white:focus-visible,
.btn.white:hover {color: #fff;}
.btn.white:focus-visible::before,
.btn.white:hover::before {width: 100%;opacity: 1;}
.btn.gray {background-color: #555;border: 1px solid #555;color: #fff;}
.btn.gray::before {position: absolute;z-index: -1;left: -1px;top: -1px;display: inline-block;content: "";width: 0%;height: 100%;border: 1px solid #222;background-color: #222;border-radius: 10px;transition: all 0.3s;opacity: 0;}
.btn.gray:focus-visible,
.btn.gray:hover {color: #fff;}
.btn.gray:focus-visible::before,
.btn.gray:hover::before {width: 100%;opacity: 1;}
.btn.blue {background-color: #3942af;border: 1px solid #3942af;color: #fff;}
.btn.blue::before {position: absolute;z-index: -1;left: -1px;top: -1px;display: inline-block;content: "";width: 0%;height: 100%;border: 1px solid #1f2788;background-color: #1f2788;border-radius: 10px;transition: all 0.3s;opacity: 0;}
.btn.blue:focus-visible,
.btn.blue:hover {color: #fff;}
.btn.blue:focus-visible::before,
.btn.blue:hover::before {width: 100%;opacity: 1;}
.btn.red {background-color: #ed2100;border: 1px solid #ed2100;color: #fff;}
.btn.red::before {position: absolute;z-index: -1;left: -1px;top: -1px;display: inline-block;content: "";width: 0%;height: 100%;border: 1px solid #c61a00;background-color: #c61a00;border-radius: 10px;transition: all 0.3s;opacity: 0;}
.btn.red:focus-visible,
.btn.red:hover {color: #fff;}
.btn.red:focus-visible::before,
.btn.red:hover::before {width: 100%;opacity: 1;}

/* 공통 checkbox radio */
.radio_bx {display: inline-flex;align-items: center;}
.radio_bx ~ .radio_bx {margin-right: 10px;}

/* 공통 width */
input[type="text"].xs {min-width: auto;width: 45px!important;}
input[type="text"].sm {min-width: auto;width: 65px!important;}
input[type="text"].md {min-width: auto;width: 120px!important;}
input[type="text"].lg {min-width: auto;width: 230px!important;}
input[type="text"].xl {min-width: auto;width: 350px!important;}
input[type="text"].f100 {min-width: auto;width: 100%!important;}
select.sm {width: 65px!important;padding-right: 15px;}

/* datepicker custom */
.ui-widget-header {background-color: #fff;border: none;background: none;}
.ui-datepicker .ui-datepicker-title {display: flex;align-items: center;justify-content: center;}
.ui-datepicker .ui-datepicker-title select {min-width: auto;font-size: 1.5rem;}
.ui-datepicker .ui-datepicker-title select ~ select {margin-left: 10px;}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {top: 10px;}
.ui-datepicker-trigger {margin-left: 5px;}
.ui-datepicker .ui-datepicker-title select {padding-left: 7px;padding-right: 30px;}
.ui-datepicker .ui-datepicker-buttonpane button {font-size: 1.5rem;font-weight: 500;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background-color: #3942af;
}
.cal_bx {display: inline-flex;}
.cal_bx.cal__two .dates {width: calc(50% - 23px);min-width: 100px;}
.cal_bx .dates {width: calc(100% - 23px);}
.cal_bx .ui-datepicker-trigger {min-width: 23px;}
.cal_bx .cal_inp {position: relative;}
.cal_bx .cal_inp .dates {width: 100%;}
.cal_bx .cal_inp .ui-datepicker-trigger {position: absolute;right: 10px;top: 7px;}
@media screen and (max-width:768px){
    table th {padding-left: 5px;padding-right: 5px;}
    table td {padding-left: 5px;padding-right: 5px;}
    .cal_bx .dates {min-width: auto;}
}
@media screen and (max-width:468px){
    .btn {min-width: 100px;}
}

/* 공통 tab */
.tab__button {padding: 30px;border: 1px solid #e3e3e3;border-radius: 10px;}
.tab__box {display: flex;padding: 10px 0;}
.tab__box:first-child {padding-top: 0;}
.tab__box ~ .tab__box {border-top: 2px dashed #e3e3e3;}
.tab__box li {display: flex;align-items: center;justify-content: center;margin-right: 5px;width: 100%;height: 60px;border: 1px solid #e3e3e3;border-radius: 7px;}
.tab__box li:last-child {margin-right: 0;}
.tab__box li button {padding: 0 15px;width: 100%;height: 100%;color: #666;border-radius: 7px;transition: all 0.2s;}
.tab__box.box01 li {background-color: #ecf3f8;}
.tab__box.box02 li {background-color: #e0f5f5;}
.tab__box.box03 li {background-color: #e8f5e7;}

.tab__box li:hover button,
.tab__box li.active button {color: #fff;}
.tab__box.box01 li:hover,
.tab__box.box01 li.active {border-color: #2d78be;}
.tab__box.box01 li:hover button,
.tab__box.box01 li.active button {background-color: #2d78be;}
.tab__box.box02 li:hover,
.tab__box.box02 li.active {border-color: #1e9b9b;}
.tab__box.box02 li:hover button,
.tab__box.box02 li.active button {background-color: #1e9b9b;}
.tab__box.box03 li:hover,
.tab__box.box03 li.active {border-color: #4a9a66;}
.tab__box.box03 li:hover button,
.tab__box.box03 li.active button {background-color: #4a9a66;}

.tab__panel {position: relative;margin-top: 45px;}
.tab__panel .tab__util {position: absolute;top: 0;right: 0;}
.tab__panel .tab__util .btn {padding: 5px 15px}
.tab__content h3 {margin-bottom: 30px;color: #222;font-size: 2.6rem;font-weight: 600;}
.tab__content table th {padding: 16px;text-align: center;}
.tab__content table td {padding: 16px;}
.tab__cont {overflow: hidden;height: 100%;}
.tab__cont > div {float: left;}
.tab__cont .graph_bx {display: inline-block;width: calc(100% - 820px);text-align: center;}
.tab__cont .graph_bx.la_bl tr:nth-last-child(2) td{border-bottom: 0 none!important;}
.tab__cont .img_bx {display: inline-block;margin-left: 40px;width: 780px;height: 100%;min-height: 300px;border: 1px solid #cbcbcb;}

/* login */
.login {margin: 0 auto;padding: 65px 0;overflow: hidden;}
.login h1 > * { float: left; }
.login #header .logo {margin-top: 0;overflow: hidden;display: inline-block;}
.login #header .logo a {display: inline-block;width: 170px;height: 35px;background: url(../img/comm/logo.png) no-repeat;background-size: contain;}
.login #header .sub-logo {display: inline-block;margin-bottom: 0;padding-left: 0;margin-left: 20px;width: 262px;height: 35px;background: url(../img/comm/logo02.png) no-repeat 0 center;text-indent: -9999px;}
#login { width: 100%; margin: 0 auto;vertical-align: middle;}

.login {min-height: 100%; padding: 65px 0;overflow: hidden;}
.login_body {display: flex; padding: 75px;margin: 0 auto;}
.login_body .left_bx { padding-right: 65px; width: 50%;height: 530px; background: url(../img/sub/login_bg.jpg) no-repeat center bottom; }
.login_body .img_txt { padding-top: 135px; background: url(../img/sub/login_bg02.png) no-repeat center 0px; color: #525252; font-weight: 400; text-align: center; line-height: 1.5;font-size: 1.5rem; }
.login_body .right_bx {position: relative;padding-top: 35px;width:50%;height: 530px;padding-left: 100px;}
.login_body .right_bx::before {position: absolute;top: 0;left: 0;display: inline-block;content: "";width: 1px;height: 100%;background-color: #eaeaea;}
.login_body .right_bx h2 {color: #222;font-size: 3rem;letter-spacing: -0.75px;}
.login-form_w {display: flex;flex-wrap: wrap;margin-top: 35px;}
.login-form_w .login-form {display: flex;align-items: center;justify-content: flex-start;padding: 10px;width: 100%;border-radius: 30px;background-color: #fafafa;border: 1px solid #787878;}
.login-form_w .login-form ~ .login-form {margin-top: 20px;}
.login-form_w .login-form label {position: relative;padding-left: 30px;min-width: 125px;color: #222;}
.login-form_w .login-form label::after {position: absolute;top: -4px;right: 0;display: inline-block;content: "";width: 1px;height: 35px;background-color: #787878;}
.login-form_w .login-form input {margin-left: 30px;border: none;background-color: transparent;width: 100%;}
.login-form_w .btn-login {display: inline-block;margin-top: 30px;padding: 20px 0;width: 100%;border-radius: 30px;background-color: #3942af;color: #fff;font-size: 1.8rem;font-weight: 500;}
.login-form_w .mem_w {margin: 20px 0 20px;padding: 0 20px;width: 100%;}
.login-info {display: flex;justify-content: space-between;padding-top: 25px;border-top: 1px solid #787878;}
.login-info .res__btn {position: relative;display: inline-block;padding-left: 25px;padding-right: 25px;color: #222;font-weight: 600;}
.login-info .res__btn ~ .res__btn::after {position: absolute;left: -25px;display: inline-block;content: "";width: 1px;height: 100%;background-color: #787878;}
.login-info .res__btn:last-child {padding-right: 20px;}
@media screen and (min-width:1201px){
    .login {width: 100%;}   
    .login #container {height: auto;max-width: 1200px;margin: 0 auto;}
    .login #header {max-width: 1200px;margin: 0 auto;}
}
/* 새창팝업 */
.popup {}
.poster {position: relative;max-width: 890px;}
.poster .poster__btn {position: absolute;left: 50%;bottom: 40px;transform: translateX(-50%);display: inline-flex;align-items: center;justify-content: center;width: 390px;height: 70px;background-color: #3942af;color: #fff;border-radius: 35px;font-size: 2.8rem;font-weight: 500;}

.popup .list {}
.popup .list li {margin-top: 7px;}
.popup .list li:first-child {margin-top: 0;}
/*20250624 수정사항*/
.popup .list .list02{margin-left: 15px;}
/*//20250624 수정사항*/
/*20250620 수정사항*/
.popup .list02 span{margin-left:15px;}
/*//20250620 수정사항*/
.popup .popup-btn {margin: 20px auto;text-align: center;}
.popup .popup-btn .btn {width: 230px;height: 60px;border-radius: 30px;font-size: 2rem;}
.survey .popup-btn .btn {width: 150px;}
.popup .popup-btn .btn::before {border-radius: 30px;}
.popup .popup-btn .btn ~ .btn {margin-left: 10px;}
.popup .chk_btn {padding: 10px;height: 40px;background-color: #555;color: #fff;border-radius: 7px;font-size: 1.6rem;}
.popup .sub-txt {margin-top: 10px;font-size: 1.4rem;line-height: 1;}
.popup h4 {margin-bottom: 10px;color: #222;font-weight: 500;}
.popup h4:not(:first-child) {margin-top: 30px;}
.popup .cal_bx .cal_inp input[type="text"].md {width: 135px!important;}
.popup-inner {padding: 0 0 30px;}
.popup-inner .tit {display: flex;align-items: center;justify-content: space-between;padding: 20px 30px;background-color: #3942af;color: #fff;font-size: 2.6rem;font-weight: 500;letter-spacing: -0.05px;line-height: 1;}
.popup-inner .popup_close {display: inline-block;width: 22px;height: 22px;background: url(../img/comm/ico_close.png) no-repeat;text-indent: -9999px;} 
.popup-inner .popup_cont {padding: 30px;}
.popup_cont .asterisk {margin-right: 10px;color: #222;font-weight: 500;}
.popup_cont .box {}
.popup_cont .box ~ .box {margin-top: 30px;}
.popup_cont .box .sub_tit {padding-bottom: 20px;color: #111;font-size: 2.2rem;font-weight: 600;}
.popup_cont .box .sub_tit .tag {display: inline-block;margin-left: 10px;padding: 5px 10px;border-radius: 10px;background-color: #3942af;color: #fff;font-size: 1.6rem;font-weight: 400;}
.popup_cont .cont {padding: 20px;background-color: #fafaff;border:1px solid #d1d1d1;border-radius: 7px;}
.popup_cont .cont.privacy {padding: 30PX;}
.popup_cont .table_bx {margin-top: 20px;}
.popup_cont .table_bx input {width: 180px;}
.popup_cont .table_bx select {width: 180px;}
.popup_cont .table_bx .email_box {display: flex;align-items: center;flex-wrap: wrap;}
.popup_cont .table_bx .email_box span {margin: 0 3px 3px;}
.popup_cont .table_bx .email_box select {margin-left: 10px;}
.popup_cont .table_bx .email_box.sm input {width: calc(33% - 22px);min-width: auto;}
.popup_cont .table_bx .email_box.sm select {width: 33%;margin-left: 5px;}
.popup_cont .thr_bx {display: flex;align-items: center;}
.popup_cont .idt_bx {display: flex;align-items: center;}
.popup_cont .idt_bx .chk_btn {margin-left: 10px;}
.popup_cont .idt_bx .key_txt {margin-left: 10px;color: #ff0000;font-size: 1.5rem;}
.popup_cont .cal_bx .dates {width: calc(100% - 23px);}
.popup_cont .privacy_bx {overflow-y: auto;overflow-x: hidden;padding: 25px 20px;height: 300px;border: 1px solid #c5c5c5;background-color: #fff;border-radius: 7px;}
.popup_cont .privacy_bx::-webkit-scrollbar {-webkit-appearance: none;}
.popup_cont .privacy_bx::-webkit-scrollbar{width: 10px;}
.popup_cont .privacy_bx::-webkit-scrollbar{height:10px;}
.popup_cont .privacy_bx::-webkit-scrollbar-thumb{border: 10px solid rgba(0,0,0,0);background-color: #ccc}
.popup_cont .privacy_bx.sm {padding: 25px 20px;width: 100%!important;height: 200px;}
.popup_cont .privacy_bx.ssm {padding: 25px 20px;width: 100%!important;height: 220px;}
.popup_cont .privacy_bx ~ .privacy_bx {margin-top: 50px;}
.popup_cont .privacy_bx h4 {margin-bottom: 5px;color: #555;line-height: 1.2;}
.popup_cont .privacy_bx h4 ~ h4 {margin-top: 5px;}
.popup_cont .check_bx .radio_chk ~ .radio_chk {margin-left: 50px;}
.popup_cont .check_bx {margin-top: 20px;}
.popup_cont .check__txt {flex-wrap: wrap;display: flex;align-items: flex-start;justify-content: space-between;margin-top: 20px;}
.popup_cont .check__txt .check_bx {align-self: flex-end;margin-left: auto;margin-top: 0;}
.popup_cont .check__txt p {margin-bottom: 10px;}
.popup_cont .child__list {display: flex;}
.popup_cont .child__list .item {display: flex;align-items: center;margin-right: 40px;}
.popup_cont .adult__list {display: flex;flex-wrap: wrap;gap: 10px;}
.popup_cont .adult__list .asterisk {min-width: 50px;}
.popup_cont .adult__list li {display: flex;align-items: center;margin-right: 50px;}
.popup_cont .adult__list .email {margin-right: 0;}
.popup_cont .adult__list .addr {margin-top: 20px;align-items: flex-start;margin-right: 0;width: 100%;}
.popup_cont .phone_bx {display: flex;}
.popup_cont .phone_bx select {width: 90px;min-width: auto;padding-left: 7px;padding-right: 7px;margin-right: 10px;}
.popup_cont .phone_bx input[type="text"] {margin-right: 10px;width: 65px;min-width: auto;}
.popup_cont .eye__list {display: flex;}
.popup_cont .eye__list .eye-check {margin-left: 40px;}
.popup_cont .eye__list .radio_bx {display: inline-flex;align-items: center;}
.popup_cont .eye__list .radio_bx input[type="text"].xl {margin-left: 10px;}
.popup_cont .answer__list {display: flex;flex-wrap: wrap;min-height: 30px;}/*20230619-수정*/
.popup_cont .answer__list li {margin-right: 45px;}
.popup_cont .answer__list li span {line-height: 1.3;}
.file_wrap {margin-top: 20px;}
.file_bx {position: relative;display: flex;align-items: center;}
.file_bx ~ .file_bx {margin-top: 10px;}
.file_bx .upload-name[type="text"]:read-only {display: inline-block;min-width: auto;width: calc(100% - 70px);height: 40px;background-color: #fff;border: 1px solid #c5c5c5;}
.file_bx label {display: inline-flex;align-items: center;justify-content: center;margin-left: 10px;min-width: 85px;height: 40px;background-color: #555;border-radius: 7px;color: #fff;cursor: pointer;}
.file_bx input[type="file"]:focus-visible + label {border: 2px solid #111;}
.file_bx input[type="file"] {position: absolute;width: 0;height: 0;overflow: hidden;padding: 0;border: 0;}
.file_bx [class*="-btn"] {margin-left: 15px;}
.file_bx [class*="-btn"] i {display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;background-color: #fff;border: 1px solid #cbcbcb;border-radius: 7px;color: #2b2b2b;font-size: 2.8rem;font-weight: 400;}
/*20230619-수정*/
.popup_cont .answer__list li .radio_bx, .popup_cont .answer__list li .check_bx{align-items: flex-start;}
.popup_cont .answer__list li .radio_bx input{height: 30px;margin-top: -3px;}
.popup_cont .answer__list li .check_bx input{height: 30px;margin-top: -10px;}
/* //20230619-수정*/

/* sms 새창팝업 */
.sms .popup-btn {margin-top: 0;}
.sms .popup_cont .table_bx {margin-top: 0;font-size: 1.3rem;}
.sms .popup_cont .table_bx th {text-align: center;}
.sms label.radio {flex-direction: column-reverse;}
.sms label.radio .txt {margin-left: 0;margin-bottom: 10px;font-size: 1.4rem;}
.sms input[type="radio"]:checked + label.radio:after {top: auto;left: 50%;bottom: -2px;transform: translate(-50%,-50%);}

@media screen and (max-width:1200px){
    .popup .popup-btn .btn {width: 150px;height: 50px;font-size: 1.6rem;}
}
@media screen and (max-width:1040px){
    .popup_cont .table_bx .email_box.sm input[type="text"] {min-width: initial;width: calc(50% - 11px);}
    .popup_cont .table_bx .email_box.sm select {margin-left: 0;margin-top: 5px;width: 100%;}
    .popup_cont .address_bx .address__text input[type="text"] {margin-bottom: 10px;}
    
}
@media screen and (max-width:850px){
    .popup_cont .table_bx input {min-width: auto;}
    .popup_cont .table_bx .email_box input[type="text"] {min-width: initial;width: calc(50% - 9px);}
    .popup_cont .table_bx .email_box select {margin-left: 0;margin-top: 5px;width: 100%;}
    .popup_cont .idt_bx .chk_btn {padding: 5px;}
    .popup_cont .child__list .item {margin-right: 10px;}
    .popup_cont .eye__list {flex-wrap: wrap;}
    .popup_cont .eye__list .eye-check {margin-left: 0;margin-top: 10px;width: 100%;}
    .popup_cont .eye__list .radio_bx {flex-wrap: wrap;width: 100%;}
    .popup_cont .eye__list .radio_bx label.radio {width: 100%;margin-bottom: 5px;}
    .popup_cont .eye__list .radio_bx input[type="text"].xl {width: calc(100% - 70px);}
    .popup_cont .answer__list li {margin-bottom: 5px;}

}
@media screen and (max-width:768px){
    .popup_cont .box .sub_tit {padding-left: 10px;padding-right: 10px;}
    .popup_cont .child__list {flex-wrap: wrap;}
    .popup_cont .child__list .item {width: calc(50% - 10px);}
    .popup_cont .child__list .item:nth-child(n+2) {margin-top: 10px;}
    .poster .poster__btn {padding: 5px 10px;width: auto;height: 50px;font-size: 2.2rem;}
}
@media screen and (max-width:550px){
    .popup_cont .cont {padding-right: 10px;}
    .popup_cont .thr_bx {flex-wrap: wrap;}
    .popup_cont .thr_bx select {width: 100%;}
    .popup_cont .thr_bx select ~ select {margin-top: 5px;margin-left: 0;}
    .patch__list li {margin-right: 10px;}
    .poster .poster__btn {bottom: 0;}
}
@media screen and (max-width:500px){
    .popup_cont .adult__list input[type="text"].md,
    .popup_cont .adult__list input[type="text"].lg {width: 100%;}
    .popup_cont .idt_bx {flex-wrap: wrap;}
    .popup_cont .table_bx .idt_bx input {width: calc(100% - 70px);}
    .popup_cont .idt_bx .key_txt {margin-left: 0;margin-top: 5px;line-height: 1.3;}
    .popup .sub-txt {line-height: 1.3;}
    .popup_cont .table_bx .email_box.sm input[type="text"] {width: 100%;}
    .popup_cont .table_bx .email_box.sm input[type="text"]:last-of-type {margin-top: 5px;width: calc(100% - 18px);}
    .popup_cont .table_bx .email_box.sm select {min-width: auto;}
    .popup_cont .child__list .item {width: 100%;}
    .popup_cont .child__list .item .asterisk {min-width: 50px;}
    .popup_cont .adult__list li {margin-right: 0;width: 100%;}
    .popup_cont .adult__list .addr {flex-wrap: wrap;margin-top: 10px;}
    .popup_cont .address_bx {margin-top: 10px;width: 100%;}
    .popup_cont .address_bx .address__text input[type="text"] {width: 100%;}
    .patch__list {flex-wrap: wrap;}
    .popup_cont .phone_bx {flex-wrap: wrap;}
    .popup_cont .phone_bx select {width: 73px;}
    .popup_cont .phone_bx input[type="text"] {width: calc(50% - 47px);}
    .popup_cont .phone_bx input[type="text"]:last-of-type {margin-right: 0;}
    .filebox .plus-btn {margin-left: 8px;}
}

/* 레이어팝업 */
.layer-pop {display: none;align-items: center;justify-content: center;overflow: hidden;position: fixed;top: 50%;left: 50%;z-index: 100;transform: translate(-50%,-50%);padding: 75px 30px 50px;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, 0.5);}
.layer-pop.on {display: flex;}
.layer-pop__inner { width:100%; max-width:550px;border-radius:30px;overflow:hidden;background-color: #fff;box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3); }
.layer-head {position: relative;height: 60px;padding: 13px 30px 15px;text-align: left;background-color: #3a42af;}
.layer-head > h2 {color: #fff;font-size: 2.2rem;font-weight: 600;letter-spacing: -2px;}
.layer-head .layer-pop__close {position: absolute;top: 20px;right: 35px;width: 20px;height: 20px;background: url(../img/comm/close.png) no-repeat center;text-indent: -9999px;background-size: 21px;}
.layer-body { overflow-y: auto ; min-height: 200px;max-height: 200px;}
.layer-body__inner {padding: 0 40px;}
.layer-body .pass_bx {margin-top: 40px;padding: 45px 15px;display: flex;align-items: center;justify-content: center;background-color: #f3fbff;}
.layer-body .pass_bx li {width: 50%;text-align: center;}
.layer-body .pass_bx label.radio {flex-direction: column;}
.layer-body .pass_bx label.radio .txt {margin-top: 10px;margin-left: 0;font-size: 1.8rem;}
.layer-body .pass_bx input[type="radio"]:checked + label.radio:after {top: 10px;left: 50%;transform: translate(-50%, -50%);}
.layer-body .pass_bx input[type="radio"]:checked + label.radio .txt {font-weight: 600;} 
.layer-foot {padding: 30px 20px;text-align: center;}
.layer-foot .confirm_bt {width: 120px;height: 50px;background-color: #3a42af;color: #fff;border-radius: 5px;font-size: 1.7rem;font-weight: 400;}
.layer-foot .cancle_bt {margin-left: 10px;width: 120px;height: 50px;background-color: #47484f;color: #fff;border-radius: 5px;font-size: 1.7rem;font-weight: 400;}

.open-lp {position: relative;z-index: 1;padding: 5px 7px;min-width: 60px;height: 30px;color: #fff;border-radius: 7px;box-sizing: border-box;overflow: hidden;}
.open-lp::before {position: absolute;z-index: -1;left: -1px;top: -1px;display: inline-block;content: "";width: 0%;height: 100%;border: 1px solid #e60032;background-color: #e60032;border-radius: 10px;transition: all 0.3s;opacity: 0;}
.open-lp.pink {background-color: #ff2856;}
.open-lp:focus-visible::before,
.open-lp:hover::before {width: 100%;opacity: 1;}
.open-lp.dblue {background-color: #1d3faf;}
.open-lp.dblue::before {background-color: #032595;border-color: #032595;}
.open-lp.sky {background-color: #1391e9;}
.open-lp.sky::before {background-color: #0070c0;border-color: #0070c0;}
.open-lp.green {background-color: #407c00;}
.open-lp.green::before {background-color: #2e5900;border-color: #2e5900;}

@media screen and (max-width:468px){

}

#contentWrap {margin: 1.875em auto 0;width: 1400px;overflow: hidden;}
#contentWrap::after {display: block;content: "";clear: both;}

/* snb */
#snb {float: left;width: 190px;}
#snb > h2 {margin-bottom: 20px;font-size: 3rem;text-align: center;line-height: 1;}
#snb .nav > ul {border-top: 2px solid #222;}
#snb .nav > ul > li {}
#snb .nav > ul > li > a { display: block; padding: 15px 12px; font-size: 1.8rem; letter-spacing: -1px; position: relative; z-index: 1;transition: color .2s;}
#snb .nav > ul > li > a:hover {color: #ff5628;}
#snb .snb_01 > li:last-child {border-bottom: 1px solid #d1d1d1;}
#snb .snb_01 > li ~ li {border-top: 1px solid #d1d1d1;}
#snb .snb_01 > li > a {color: #333;font-size: 1.125rem;font-weight: 600;}

#snb .snb_01 > li.active > a {color: #ff5628;}
#snb .snb_02 {background-color: #fbfbfb;border-bottom: 1px solid #ddd;padding: 10px 0;}
#snb .snb_02 > li > a { position: relative;display: inline-block; width: 100%; padding-left: 30px; line-height: 35px;color: #333; font-weight: normal; font-size: 1rem;box-sizing: border-box; }
#snb .snb_02 > li > a:before { position: absolute;left: 20px;top: 50%;display: inline-block; width: 6px; height: 2px; margin-right: 5px; background-color: #333; vertical-align: middle; content: ''; }
#snb .snb_02 > li.active > a, #snb .snb_02 > li > a:hover {color: #3942af;font-weight: 600;}
#snb .snb_02 > li.active > a:before { background-color: #3942af;}

/* 검색영역 */
.search_wrap {margin-top: 20px;}
.search_wrap table th {padding: 7px 15px;}
.search_wrap table th label {font-size: 1.5rem;}
.search_wrap table td {height: 58px;font-size:1.6rem}
.search_wrap .cal_bx {align-items: center;max-width: 210px;}
.search_wrap .cal_bx span:not(.cal_inp) {margin: 0 10px;}
.search_wrap .sex-list {display: flex;}
.search_wrap .sex-list li {margin-right: 30px;display: flex;align-items: center;}
.search_wrap .pat__list {display: inline-flex;}
.search_wrap .pat__list > li {margin-right: 30px;display: flex;align-items: center;}
.search_wrap .pat__list > li:last-child {margin-right: 0;}
.search_wrap .pat__list .radio__list {display: inline-flex;}
.search_wrap .pat__list .radio__list > li {display: flex;align-items: center;}
.search_wrap .pat__list .radio__list .radio_bx {height: 100%;margin-right: 20px;}
.search_wrap .pat__list .radio__list li:last-child .radio_bx {margin-right: 0;}
.search_wrap .pat__list .check__list {display: inline-flex;}
.search_wrap .pat__list .check__list > li {display: flex;align-items: center;margin-right: 10px;}
.search_wrap .pat__list .check__list .check_bx {height: 100%;margin-right: 20px;}
.search_wrap .pat__list .check__list li:last-child .check_bx {margin-right: 0;}
.search_wrap .search-btn {margin: 30px auto;text-align: center;}
.search_wrap .search-btn .btn {width: 130px;height: 50px;border-radius: 30px;font-size: 1.8rem;font-weight: 500;}
.search_wrap .search-btn .btn.blue::before {border-radius: 30px;}
.search_wrap .search_box select {width: 25%}
.search_wrap .search_box input[type="text"] {margin-left: 10px;width: 25%}
.search_wrap .step_bx .radio__list {display: flex;}
.search_wrap .step_bx .radio__list  > li { margin-right: 20px; display: flex; align-items: center; }

/* 컨텐츠 공통 */
#wrap { min-height: 100%; padding-bottom: 150px; position: relative; }
#content {margin-bottom: 100px;width:100%;}
#container {display: block;width: 100%;height: 100%;}
.content_body {position: relative;}
.content_body > div > .title {margin-bottom: 20px;color: #222;font-size: 3rem;line-height: 1;}
.content_body > div .util {position: absolute;top: 0;right: 0;}
.content_body > div .util .btn {padding: 4px 20px;font-weight: 400;}
.content_body .result_top {display: flex;justify-content: flex-end;margin-bottom: 10px;}
.content_body .result_top.sb {justify-content: space-between;}
.content_body .result_top .total {color: #222;}
.content_body .result_top h3 {font-size: 2.2rem;}
.result_top.total_top{justify-content: space-between; align-items: center;}/*20230619-수정*/
.content_body .btn-wrap .btn {height: 35px;}
[class*="_view"] h3 {margin-bottom: 20px;color: #3942af;font-size: 2.2rem;font-weight: 600;line-height: 1;}
[class*="_view"] > h3 ~ h3 {margin-top: 50px;}
[class*="_view"] table td {height: 60px;} 
.unit {margin-left: 7px;}
.red {color:#ec0303;}

/* 공통 리스트 */
.depth1__list {margin: 10px 0 10px 15px;}
.depth1__list li {}
.patch__list {display: flex;height: 20px;}
.patch__list li {margin-right: 40px;}

/* 공통 게시판 */
[class*="_result"] {position: relative;}
.scroll-view {overflow-x: auto;}
.board-list table {table-layout: auto;text-align: center;}
.board-list table thead th {text-align: center;}
.board-list table td.email, 
.board-list table td.address {text-align: left;}
.board-btn {display: flex;align-items: center;justify-content: space-between;margin-top: 30px;}
.board-btn .btn {height: 35px;}
.board-list span.check_bx {display: block;height: 20px;}
.confirm-btn {margin-top: 30px;text-align: center;}
.confirm-btn .btn { width: 130px; height: 50px;border-radius: 30px;font-size: 1.8rem; }
.confirm-btn .btn::before {border-radius: 30px;}
.confirm-btn .btn ~ .btn {margin-left: 10px;}

/* 공통 폼 */
.address_bx {display: flex;flex-direction: column;}
.address_bx .address__num {width: 100%;}
.address_bx .address__num input[type="text"]{width: 145px;}
.address_bx .address__text {margin-top: 10px;width: 100%;}
.address_bx .address__text input[type="text"]{width: 345px;margin-right: 10px;}
.chk_btn {padding: 10px;height: 40px;background-color: #555;color: #fff;border-radius: 7px;font-size: 1.6rem;}
input[type="text"] + .chk_btn {margin-left: 5px;}

/* 페이징 숫자 */
.board-paging {position: absolute;left: 50%;transform: translateX(-50%);display: flex; justify-content: center; margin:5px auto 0; text-align:center;padding-bottom: 10px;} 
.paging-list { display:inline-block; margin: 0 10px; font-size: 0; } 
.paging-list li { margin-left: -1px; float: left; } 
.arrow a { display:table; width:35px; height:35px; border:1px solid #c6c7cc; border-radius: 35px;font-size:1.7rem; } 
.paging-list li:not(.arrow) a {margin-left: 10px;}
.paging-list li:nth-child(3) a {margin-left: 0;}
.paging-list li a {display: table;width: 35px;height: 35px;font-size: 1.7rem;font-weight: 500;}
.paging-list li a > span { display:table-cell; vertical-align: middle; } 
.paging-list li.on a {color: #000;font-weight: 600;} 
.paging-list li a:hover {color: #000;font-weight: 600; } 
.paging-list li.on a:hover { color:#000; }
.board-paging .prev { background:url(../../img/comm/list_prev02.png) no-repeat center; margin-right: 20px;} 
.board-paging .prev:hover { background-color:#fff; border:1px solid #c6c7cc; } 
.board-paging .first { background:url(../../img/comm/list_prev01.png) no-repeat center;margin-right: 10px; } 
.board-paging .first:hover { background-color:#fff; border:1px solid #c6c7cc; } 
.board-paging .next { background:url(../../img/comm/list_next02.png) no-repeat center;margin-left: 20px;} 
.board-paging .next:hover { background-color:#fff; border:1px solid #c6c7cc; } 
.board-paging .last { background:url(../../img/comm/list_next01.png) no-repeat center;margin-left: 10px; } 
.board-paging .last:hover { background-color:#fff; border:1px solid #c6c7cc; } 

/* 가림패치지원신청서 */
.apply_sheet .search_wrap .cal_bx {max-width: inherit;}
.apply_sheet .search_wrap .cal_bx .dates {min-width: 100px;}
.apply_sheet .search_wrap table th {text-align: center;}
.apply_sheet .search_wrap table td select,
.apply_sheet .search_wrap table td input {min-width: auto;width: 100%;}
.apply_sheet .patch__wrap {display: inline-flex;align-items: center;}
.apply_sheet .search_wrap table td .patch__wrap select {width: auto;}
.apply_sheet .patch__wrap .patch__toggle {display: none;align-items: center;margin-left: 15px;flex-wrap: wrap;}
.apply_sheet .patch__wrap .patch__toggle.active {display: flex}
.apply_sheet .patch__wrap .patch__toggle .cal_bx {max-width: inherit;width: auto;padding-left: 107px;}
.apply_sheet .patch__toggle .pat__list {}
.apply_sheet .patch__toggle .date__box {display: inline-flex;align-items: center;margin-left: 115px;position: relative;height: 100%;justify-content: flex-end;}
.apply_sheet .patch__toggle .date__box .tit {display: inline-flex;position: absolute;top: -8px;left: 0;justify-content: center;align-items: center;background-color: #f8fafb;min-width: 98px;height: 58px;color: #222;border-left: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;vertical-align: middle;text-align: center;}
.apply_sheet .patch__toggle .date__box .tit label {font-size: 1.5rem; color: #333;font-weight: 500;}
.apply_sheet .patch__toggle .date__box .cal_bx .cal_inp .dates {width: 140px;}
.apply_tb {min-width: 2200px;width: auto;}
.app_view .app_top {display: flex;align-items: flex-start;justify-content: space-between;padding-top: 15px;;margin-bottom: 50px;}
.app_view .app_top .left {width: calc(100% - 830px);}
.app_view .app_top .step__list {display: flex;justify-content: center;margin-left: 30px;padding: 20px;width: 800px;height: 106px;background-color: #fafaff;border: 1px solid #c1c4e4;border-radius: 15px;}
.app_top .step__list li {position: relative;}
.app_top .step__list li ~ li{padding-left: 85px;}
.app_top .step__list li ~ li::before {position: absolute;left: 0;top: 18px;z-index: 0;display: inline-block;content: "";width: calc(100% - 10px);height: 2px;border: none;border-top: 3px dotted #cacacd;}
.app_top .step__list li:last-child::before {left: -15px;}
.app_top .step__list .txt {position: relative;z-index: 1;display: inline-block;padding-top: 50px;min-width: 42px;color: #898989;line-height: 1;font-weight: 500;font-size: 1.8rem;letter-spacing: -1px;text-align: center;}
.app_top .step__list .txt::before {position: absolute;top: 20px;left: 50%;transform: translate(-50%,-50%);display: block;content: "";width: 40px;height: 40px;background-color: #fff;border: 2px solid #ededed;border-radius: 50%;transition: all .3s;}
.app_top .step__list .txt::after {position: absolute;top: 6px;left: 50%;transform: translateX(-50%);display: inline-block;content: "\eb7b";font-family: 'remixicon' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle;font-weight: bold;font-size: 3rem;color: #e5e5e7;}
.app_top .step__list .active .txt:after {color: #fff;}
.app_top .step__list li:nth-child(1).active .txt {color: #4f55b0;}
.app_top .step__list li:nth-child(1).active .txt::before {border-color: #4f55b0;background-color: #4f55b0;}
.app_top .step__list li:nth-child(2).active .txt {color: #2c9ba5;}
.app_top .step__list li:nth-child(2).active .txt::before {border-color: #2c9ba5;background-color: #2c9ba5;}
.app_top .step__list li:nth-child(3).active .txt {color: #32ad7a;}
.app_top .step__list li:nth-child(3).active .txt::before {border-color: #32ad7a;background-color: #32ad7a;}
.app_top .step__list li:nth-child(4).active .txt {color: #9477b5;}
.app_top .step__list li:nth-child(4).active .txt::before {border-color: #9477b5;background-color: #9477b5;}
.app_top .step__list li:nth-child(5).active .txt {color: #4f55b0;}
.app_top .step__list li:nth-child(5).active .txt::before {border-color: #4f55b0;background-color: #4f55b0;}

.app_view .app_bx thead th {padding: 16px 10px;background-color: #f3f3f9;}
.app_view .app_bx tbody td {text-align: left;}
.app_view .address_bx {flex-direction: row;}
.app_view .address_bx .address__num {min-width: 195px;width: auto;}
.app_view .address_bx .chk_btn {width: 120px;}
.app_view .address_bx .address__num input[type="text"] {width: 65px;min-width: auto;}
.app_view .address_bx .address__text {margin-top: 0;margin-left: 10px;display: flex;}
.app_view .address_bx .address__text input[type="text"].add-fir {width: calc(100% - 135px);}
.app_view .address_bx .address__text input[type="text"].add-sec {width: 135px;margin-right:0}
.app_view .two__select_bx {display: flex;}
.app_view .two__select_bx select {width: 235px;}
.app_view .two__select_bx select + select {margin-left: 10px;}
.app_view .unit_bx {display: flex;align-items: center;}
.app_view .consult__form {display: flex;align-items: center;}
.app_view .consult__form textarea {height: 100px;}
.app_view .consult__form .chk_btn {margin-left: 5px;display: flex;align-items: center;justify-content: center;min-width: 60px;width: 60px;text-align: center;}
.app_view .etc__form textarea {height: 100%;}
.app_view .app__btn {display: flex;align-items: center;justify-content: flex-end;margin-top: 30px;}
.app_view .app__btn .btn {width: 100px;height: 35px;}
.app_view .util__btn {display: flex;align-items: center;justify-content: center;margin-top: 35px;}
.app_view [class*="btn-"] {display: flex;align-items: center;justify-content: center;margin-right: 10px;width: 130px;height: 60px;border-radius: 30px;border: 2px solid #e5e5e7;color: #898989;font-size: 2rem;font-weight: 500;transition: all .3s;}
.app_view [class*="btn-"][class*="sky"] {background-color: #2c9ba5;color: #fff;border-color:#2c9ba5}
.app_view [class*="btn-"][class*="green"]:hover {background-color: #32ad7a;color: #fff;border-color:#32ad7a}
.app_view [class*="btn-"][class*="purple"]:hover {background-color: #9477b5;color: #fff;border-color:#9477b5}
.app_view [class*="btn-"][class*="black"] {margin-left:50px;background-color: #222;color: #fff;border-color: #222;}

.app__list:first-of-type {margin-top: 30px;}
.app__list {margin-top: 10px;}
.app__list.active .app__button { border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;transition: all .3s;}
.app__list.active .app__button::after {transform: rotate(180deg);}
.app__list.active .app__button:focus {outline: none;}
.app__button {position: relative;display: inline-flex;align-items: center;justify-content: space-between; width: 100%; border: 1px solid #222; border-radius: 10px; padding: 15px 15px 15px 30px;color:#111;font-size: 2.2rem;}
.app__button::after {display: inline-block;content: "\ea4e";font-family: 'remixicon' !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; line-height: 1; font-size: 4rem;transition: all .3s;}
.app__content {padding: 15px 25px 35px;border: 1px solid #222;border-top: none;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.app__content .table_bx th,
.app__content .table_bx td {padding: 20px 30px;font-size: 1.6rem;}
.app__content .table_bx td {text-align: right;}

.app__content .attech_wrap {border-top: 2px solid #222;border-bottom: 1px solid #c4c4c4;background-color: #f8fafb;}
.app__content .attech_bx {position: relative;display: flex;align-items: center;justify-content: flex-end;padding: 10px 20px;}
.app__content .attech_bx ~ .attech_bx {border-top: 1px solid #c4c4c4;}
.app__content .attech__txt {margin-right: auto;}
.app__content .attech__txt .att__wrap {display: flex;align-items: center;}
.app__content .attech__txt .txt {color: #061af6;text-decoration: underline;text-underline-offset: 2px;}
.app__content .attech__btn {display: flex;align-items: center;}
.app__content .attech_bx .upload-name[type="text"]:read-only {display: inline-block;min-width: auto;width: calc(100% - 70px);height: 40px;background-color:transparent;border: none;}
.app__content .attech_bx label {display: inline-flex;align-items: center;justify-content: center;min-width: 85px;height: 40px;background-color: #555;border-radius: 7px;color: #fff;cursor: pointer;}
.app__content .attech_bx input[type="file"]:focus-visible + label {border: 2px solid #111;}
.app__content .attech_bx input[type="file"] {position: absolute;width: 0;height: 0;overflow: hidden;padding: 0;border: 0;}
.app__content .attech_bx [class*="-btn"] {margin-left: 10px;}
.app__content .attech_bx [class*="-btn"] i {display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;background-color: #fff;border: 1px solid #cbcbcb;border-radius: 7px;color: #2b2b2b;font-size: 2.8rem;font-weight: 400;}


/* 가림패치 등록 */
.patch_sheet .search_wrap select {min-width: 140px;}
.patch_sheet .search_wrap .cal_bx {max-width: 470px;}/*20230619-수정*/

/* 물품입고 */
.patch_view .board_wrap table td {text-align: center;}

/* 재고현황 */
.inv_sheet .search_wrap .cal_bx {max-width: 470px;}
.inv_sheet .inv_result {margin-top: 65px;}
.inv_tb tr th {padding-left: 5px;padding-right: 5px;}
.inv_tb tr td {padding-left: 5px;padding-right: 5px;height: 45px;}
.inv_tb tr.link td {cursor: default;}
.inv_tb .number {min-width: 85px;}
.inv_tb .date {min-width: 100px;}

/* 인사정보관리 */
.adf_tb tr.link td {cursor: default;}

/* 팝업관리 */
.pop_sheet .title {padding-bottom: 20px;border-bottom: 2px solid #222;}
.pop_sheet .pop_result {margin-top: 60px;}
.pop_tb thead th {padding: 15px;}

/* 통계 */
.stc_sheet {}
.la_bl {border-top: 1.5px solid #222;}

/* 프린트 화면 */
@media print {
    html, body { -webkit-print-color-adjust:exact; width: 210mm; height: 297mm;zoom: 0.7;}
    #skip_nav a {display: none;}
    #footer {position: initial;width: 100vw;background-color: #fff;}
    #footer .footer_in {padding-top: 0px;}
    .app_view .address_bx .address__text input[type="text"].add-fir {width: auto;}
    .app_view .address_bx .address__text {width: auto}
    .scroll-view {overflow-x:visible;}
    table th {font-size: 1.3rem;}
    table td {font-size: 1.3rem;}
    .inv_tb tr th {padding-left: 0px;padding-right: 0px;}
}

/* 20230807_ popup */
.popupLayer{ background-color:rgba(0,0,0,.6); justify-content:center; align-items:center; position:fixed; inset: 0;margin: 0; display:none; padding:75px 30px 50px;z-index: 10000; } 
.dim { position: fixed; justify-content:center; align-items:center; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.3); padding:30px 30px 50px; z-index: 10000; }
.popup.deposit{ width:100%; max-width: 600px;border-radius:30px;overflow:hidden;box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3); }
.popup.deposit1050{ width:100%; max-width: 780px;border-radius:30px;overflow:hidden;box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3); }
.popup.deposit450{ width:100%; max-width: 450px;border-radius:30px;overflow:hidden;box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3); }
.popup.deposit350{ width:100%; max-width: 350px;border-radius:30px;overflow:hidden;box-shadow: 5px 10px 10px 1px rgba(0,0,0,.3); }
.popup.confirm {max-width: 500px;}
.popup.confirm .body-content{ min-height:180px;max-height: 180px;}
.popup-head {position: relative;height: 60px;padding: 13px 30px 15px;text-align: left;background-color: #3a42af;}
.popup-head .close {position: absolute;top: 20px;right: 35px;width: 20px;height: 20px;background: url(../img/comm/close.png) no-repeat center;text-indent: -9999px;background-size: 21px;}
.popup-head .head-title {color: #fff;font-size: 22px;font-weight: 600;letter-spacing: -2px;}
.popup-body {background-color: #fff;}
.body-content{ word-break:break-word; overflow-y:auto; min-height: 250px;max-height: 250px;}
.body-content::-webkit-scrollbar { width: 15px; }
.body-content::-webkit-scrollbar-thumb { background-color: #AFAFAF; border-radius: 10px; }
.body-content::-webkit-scrollbar-track { background-color: #d0d0d090; border-radius: 15px;}
.body-content::-webkit-scrollbar-thumb { background-color: #AFAFAF; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent; }
.body-content > * {letter-spacing: -0.7px;}
.body-content .tit {padding: 20px 0 15px;color: #222;font-size: 1.286rem;font-weight: 500;}
.body-content .p-tit p {padding: 20px 0 5px;color: #555;font-size: 16px;font-weight: 500;}
.body-content .app-list {padding: 0 30px;}
.body-content .txt {font-size: 1.286rem;letter-spacing: -1px;text-align: right;}
.body-content .popup-search {padding: 20px 0;display: flex;align-items: center;justify-content: center;text-align: center;}
.body-content .popup-search .btn {height: 30px;padding:6px 16px;background-color: #555555;border-radius: 5px;}
.body-content .form-input_search {display: inline-block;width: 205px;margin-right: 5px;}
.body-content .form-input_search [type="text"] {width: 100%;min-width: auto;border-radius: 5px;}
.body-content .board-paging {padding-bottom: 0;}
.body-content .board-popup table {table-layout: auto;}
.body-content .board-popup table th,
.body-content .board-popup table td {text-align: center;border-left: 1px solid #e3e3e3;}
.body-content .board-popup table th:first-child,
.body-content .board-popup table td:first-child {border-left: none;}
.body-content .confirm_bx {padding: 65px 30px 50px 60px;text-align: center;background: url(../img/comm/popup_bg.png) no-repeat 65px;background-size: 55px;}
.body-content .confirm_bx p {font-size: 22px;font-weight: 500;letter-spacing: -0.7px;line-height: 1.4;}
.body-content2{ word-break:break-word; overflow-y:auto; max-height: 250px;}
.body-content2 .confirm_bx {padding: 65px 30px 50px 30px;text-align: center;}
.body-content2 .confirm_bx p {font-size: 20px;font-weight: 500;letter-spacing: -0.7px;line-height: 1.4;}
.popup-foot {padding: 30px 0 45px;text-align: center;background-color: #fff;}
.popup-foot .confirm_bt {width: 100px;height: 35px;background-color: #3a42af;color: #fff;border-radius: 5px;font-size: 16px;font-weight: 400;}
.popup-foot .cancle_bt {margin-left: 10px;width: 100px;height: 35px;background-color: #47484f;color: #fff;border-radius: 5px;font-size: 16px;font-weight: 400;}
.popup .body-content .board-paging {position:static;transform:translate(0);margin-top:15px}
.policy::-webkit-scrollbar { width: 15px; }
.policy::-webkit-scrollbar-thumb { background-color: #cdcdcd; border-radius: 10px; }
.policy::-webkit-scrollbar-track { background-color: #d0d0d054; border-radius: 15px;}
.policy::-webkit-scrollbar-thumb { background-color: #cdcdcd; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent; }
/* 20230807_ popup */