html,
body,
input,
textarea,
select,
button { font-family: 'Pretendard', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; font-size: 1rem; }

input:focus-visible,
textarea:focus-visible,
select:focus-visible,
button:focus-visible { outline: 3px solid #95c1de; outline-offset: -1px; }

.simple-toolbar__item input:focus,
.simple-toolbar__item select:focus,
.simple-toolbar__item button:focus { z-index: 1; position: relative; }

html { font-size: 16px; }

h3 { font-weight: bold; }

a.popup-open-link { color: #0056b3; }  
    a.popup-open-link:hover { text-decoration: underline }  

.mfp-bg { z-index: 20000; }
.mfp-wrap { z-index: 20000; }
.mfp-inline-holder .mfp-content { text-align: center; }
.mfp-video { display: inline-block; position: relative; padding: 40px 0 40px; }
.mfp-video .mfp-close { cursor: zoom-out; color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-video video { width: auto; max-width: 100%; height: auto; line-height: 0; margin: 0 auto; display: block; }

.sr-only {
    position: absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
}

.pt30 {padding-top:30px !important;}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt100 {margin-top:100px !important;}

.mt-1r{margin-top: 1rem;}
.mt-2r{margin-top: 2rem;}
.mt-3r{margin-top: 3rem;}
.m-1r{margin: 1rem 0;}
.m-2r{margin: 2rem 0;}
.m-3r{margin: 3rem 0;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}

.mb0 {margin-bottom:0 !important;}
.mb50 {margin-bottom:50px !important;}

.w10 {width:10% !important;}
.w15 {width:15% !important;}
.w30 {width:30% !important;}
.w20 {width:20% !important;}
.w35 {width:35% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w50 {width:50% !important;}
.w70 {width:70% !important;}
.w80 {width:80% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}

.contents-padding { padding: 100px 0; }

/*alert*/
.alert{position: relative;padding: 0.75rem 1.25rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: 0.25rem; text-align: left; font-size: .9rem;}
.alert.error {color: #721c24;background-color: #fae9eb;border-color: #f5c6cb;}

/*라벨*/
.mark{ border: 1px solid #444; font-size: .9rem; padding: 2px 5px; background: #fff;}
.mark.blue{border: 1px solid #0068b7; color: #0068b7;}
.mark.green{border: 1px solid #258384;  color: #258384;}
.mark.red{border: 1px solid #ed4f5d;  color: #ed4f5d;}
.mark.mint{border: 1px solid #20acb7;  color: #20acb7;}
.mark.edu-rcpt-sts-cd { }
    .mark.edu-rcpt-sts-cd--CEPR_10 { border-color: #ed4f5d;  color: #ed4f5d; }
    .mark.edu-rcpt-sts-cd--CEPR_30 { border-color: #258384;  color: #258384; }

.mark.belong-type-cd {}
.mark.belong-type-cd--UBTC_E {background-color: #ffdcdc; border-color: #cfa2a2; color: #d15656;}
.mark.belong-type-cd--UBTC_I {background-color: #dceeff;border-color: #a2afcf;color: #436c9f;}

.btn_blue:hover{color:#fff;}
.btn_gray:hover{color:#fff;}
.btn_red:hover{color:#fff;}
.btn_green:hover{color:#fff;}
.btn_grayline:hover{color: #3c3c3c;}
    
.find_area { padding: 0 0 5rem; text-align: center; max-width: 800px; margin: 0 auto; }
    .find_area .tab_menu { padding-top: 0; }
    .find_area .find_result { padding: 0; }
        .find_area .find_result .txt_box { background: #fff; word-break: keep-all; }
            .find_area .find_result .txt_box p { font-size: 1.25rem; font-weight: 400; margin-bottom: 0; }
        .find_area .find_result .btn_area { display: flex; column-gap: .5rem; margin-top: .5rem; }
            .find_area .find_result .btn_area button { flex: 1; padding-left: 1rem; padding-right: 1rem; }
    .find_area .find_inform,
    .find_area .find_pwdForm { background: #f2f4f7; border: none; padding: 0; }
    .find_area .login_box div { border: none; border-radius: 0; margin: 0; }
        .find_area .login_box div:before,
        .find_area .login_box div:after { display: none; }
    .find_area .simple-tab__page.login_wrap { margin-top: 5rem; }
    
.icon-check-circle { background: url("../images/icon/checkbox-circle.svg") center center no-repeat; display: inline-block; width: 1em; height: 1em; vertical-align: middle; }
.icon-attachment { background: url("../images/icon/ico_board_file_sm.png") center center no-repeat; display: inline-block; width: 15px; height: 15px; vertical-align: middle; }

.mobile-flex,
.mobile-block,
.mobile-inline-block { display: none !important;}

.flex { display: flex; }
.align-center {align-items: center;}

.text-strike { text-decoration: line-through }

html,
body { font-weight: 400; }

.jq-ui .ui-widget,
.jq-ui .ui-widget input,
.jq-ui .ui-widget select,
.jq-ui .ui-widget textarea,
.jq-ui .ui-widget button { font-family: 'Pretendard', 'Noto Sans KR','Poppins', 'Malgun Gothic','맑은고딕','Nanum Gothic','돋움',dotum,'굴림',gulim,Helvetica,sans-serif; }

.page-fac-equipMngForm tr.ui-sortable-helper { background: #fff; border-top: 1px solid #ccc; display: flex; } 
    .page-fac-equipMngForm tr > td.ui-sortable-handle { cursor: ns-resize; } 

.jstree .unused { text-decoration: line-through; color: #999; }

/************/

body #header .logo > a,
body #header .logo_open > a { background-image: url('../images/layout/header_logo.svg'); margin-left: 10px; }
body #header .header_wrap .header_in .gnb { margin-left: 100px; }
body #header .header_wrap .header_in .gnb .depth { width: 16%; }

body #header .logo_open { position: absolute;top: 0;left: 0; display: none;}
/*body #header .logo_open > a { display: inline-block; background-repeat: no-repeat; width: 161px; height:43px; }*/
body #header .logo_open ul {position: absolute;top: 88px;left: -27px;background:rgba(26, 26, 26, 0.18); backdrop-filter: blur(15px); border-radius: 30px; box-sizing: border-box; z-index: 1; padding: 20px 20px; font-size: 1rem; width: 270px }
body #header .logo_open ul li {margin: 0 0 20px 0;}
body #header .logo_open ul li:last-child {margin-bottom:0;}
body #header .logo_open ul li a {font-size: 1.1rem; font-weight: lighter; opacity: .8; color: #fff;}
body #header .logo_open ul li a:hover {opacity: 1;}
body #header .logo_open ul li a i { margin-right: 10px; width: 20px; }
body #header .logo_open ul li a i img { vertical-align: baseline; }

body #header .logo.logo--selector-open .site-selector-btn { display: none;}
body #header .logo.logo--selector-open .logo_open { display: block; width: 275px; }
body #header .logo.logo--selector-open .logo_open .site-selector-btn { display: inline-block;}

body.page-main #header .logo > a,
body.page-main #header.on .logo > a { background-image: url('../images/layout/headeron_logo.png'); }

body.page-fac-main .sub-visual,
body.page-brcf-main .sub-visual { display: none; }

body { min-height: 100vh; height: auto; background: #fff; }
body.site-popup { background: #fff; min-width: auto; min-height: auto; }
body #sidebar { position: absolute; left: 0; top: 0; }
body.has-banner-popup #sidebar { top: auto; }
body #sidebar .logo > a,
body #sidebar .logo_open > a { background-image: url('../images/layout/header_logo.png'); width: 161px; height: 43px; display: block; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; }
body #sidebar .logo_open > a { background-image: url('../images/layout/headeron_logo.png'); margin-left: 10px; }

#popupHeader h2 { width: calc(100% - 120px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#se-router-root { }
#se-router-root > .sub { padding-top: 1px; }

/*#page-content { background: #fff; margin-left: 260px; min-height: 100vh; position: relative; padding-bottom: 182px; box-sizing: border-box; min-width: 1240px; }*/
#page-content { position: relative; box-sizing: border-box; }

.content-block { padding: 50px; }

#main_container { background: none; }

#footer { width: 100%; min-width: auto; min-height: auto; /*position: absolute; left: 0; bottom: 0;*/ position: relative; }
#footer .copy { max-width: 1240px; margin: auto; padding: 30px; }
#footer .copy ul { vertical-align: top; padding-top: 4px; }
#footer .copy a.up { margin-right: 20px; }
#footer .policy { max-width: 1240px; margin: auto; padding-left: 20px; box-sizing: border-box; }
#footer .policy .policy_wrap { width: auto; }

.simple-search-form { }
    .simple-search-form .simple-search-button { background:#4C93E3; color:#fff; border:0; font-size:14px; padding:5px 10px; }
        .simple-search-form .simple-search-button:hover { background:#4689d5; }
    .simple-search-form .simple-search-cancel-button { background:#333; color:#fff; border:0; font-size:14px; padding:5px 10px; display: none; }
        .simple-search-form--searching .simple-search-cancel-button { background:#222; display: inline-block; }

/*** override [START] ***/

body #header { position: absolute; top: 0; left: 0; width: 100%; transition: all 0.3s ease 0s; background: none; /*border-bottom: 1px solid #e5e5e5;*/ border-bottom: none; height: auto;  overflow: visible; overflow-x: hidden; }
    /*body #header::before { content: ""; position: absolute; inset: 0px; opacity: 0.25; background-image: linear-gradient(rgb(0, 0, 0), rgba(0, 0, 0, 0)); z-index: -1; }*/
    body #header .header_wrap_container { background: #fff; }
        body.site-admin-page #header .header_wrap_container { background: #444; }
    body #header .header_wrap { max-width: 1240px; }
        body #header .header_wrap h1 { padding-top: 1.625rem;}
        body #header .header_wrap .header_in { position: relative; width: 80%; }
            #header .header_wrap .header_in .top_menu { border: none; background: #0c347c; margin-top: 0; height: 90px; padding: 0 16px 0 25px; position: absolute; right: 0; top: 0; }
                #header .header_wrap .header_in .top_menu:after { position: absolute; top: 0; left: 100%; display: block; content: ''; width: 500%; min-width: 1000px; background: #0c347c; height: 90px; }
                #header .header_wrap .header_in .top_menu ul li { width: auto; line-height: 89px; }
                    #header .header_wrap .header_in .top_menu ul li:after { display: inline-block; content: ''; height: 10px; line-height: 10px; border-left: 1px solid #fff; vertical-align: middle; margin: 0 .5rem; width: 1px; opacity: .3; }
                    #header .header_wrap .header_in .top_menu ul li.login-out-btn:after,
                    #header .header_wrap .header_in .top_menu ul li.menu:after { display: none; }
                    #header .header_wrap .header_in .top_menu ul li.user a:before,
                    #header .header_wrap .header_in .top_menu ul li.login-out-btn a:before { font-family: bootstrap-icons; content: "\f1be"; display: inline; margin-right: 5px; -webkit-font-smoothing: antialiased; font-size: 15px; width: 15px; height: 15px; vertical-align: top; }
                        #header .header_wrap .header_in .top_menu ul li a { padding: 0; display: inline; font-weight: 400; }
                            #header .header_wrap .header_in .top_menu ul li a i { line-height: 1; }
                    #header .header_wrap .header_in .top_menu ul li.user { border-right: none; color: #fff; }
                        #header .header_wrap .header_in .top_menu ul li.user a:before { content: ''; background: url('../images/icon/mypage.svg') no-repeat; background-position: center 1px; margin-right: 0; font-size: 1rem; width: 1rem; height: 1rem; display: inline-block; vertical-align: middle;}
                        #header .header_wrap .header_in .top_menu ul li a { padding: 0; color: #fff; }
                        #header .header_wrap .header_in .top_menu ul li.user img { display: none; }
                    #header .header_wrap .header_in .top_menu ul li.login-out-btn a { border: none; border-radius: 50px; padding: 8px 0; width: auto; display: inline; color: #fff; }
                        #header .header_wrap .header_in .top_menu ul li.login-out-btn a:hover { color: #fff; transition: .3s; }
            body #header .header_wrap .header_in .gnb { margin-left: 0; width: 70%; display: flex; }
            body #header .header_wrap .header_in .gnb .depth { width: auto; flex: 1; }
            body #header .header_wrap .header_in .gnb .depth li a,
            body #header .header_wrap .header_in .gnb .depth li a:hover { color: #101010; font-weight: 500; font-size: 1.2rem; line-height: 90px; display: inline-block; width: auto; }
            body #header .header_wrap .header_in .gnb .depth li a:after { background-color: #0c347c; left: 0; right: 100%; }
            body #header .header_wrap .header_in .gnb .depth li.on a:after { left: 0; right: 0; }
    body #header .logo > a,
    body #header .logo_open > a { margin-left: 0; width: 240px; }
    #header .logo .site-selector-btn { width: 30px;height: 30px;border-radius: 100%;margin-left: 10px;border: 2px solid #fff; background: none; opacity: .8; margin-top: .9rem; display: none; }
        #header .logo:hover .site-selector-btn { opacity: 1; border-color: #fff; }
        #header .logo .site-selector-btn .bi { background: url('../images/layout/icon_up.png'); border-color: #fff; width: 14px; height: 9px; display: block; margin: auto; }
            #header .logo .site-selector-btn .bi.bi-chevron-down { background-image: url('../images/layout/icon_down.png'); }
            #header .logo .site-selector-btn .bi::before { display: none; }

/* 메인일때는 상단 띠배너 팝업 때문에 메뉴를 position: static으로 변경 */
body #header { position: static; top: auto; left: auto; width: 100%; transition: all 0.3s ease 0s; background: none; height: auto;  overflow: visible; overflow-x: hidden; }
    body #header .header_wrap_container { position: relative; }
    body #header.on .overlay_header_wrap { position: relative; }
        body #header.on { /*border-bottom: 1px solid #e5e5e5;*/ border-bottom-style: none; background: none; overflow: visible; }
        body #header.on .header_wrap_container { overflow-x: hidden; }
        body #header.on .overlay_header { /*position: static;*/ position: absolute; z-index: 100; top: 0; left: 0; background: none; border-top: 1px solid #e5e5e5; padding: 0; height: 150px; }

body.site-admin-page { }
    body.site-admin-page #header { background: none; }
        body.site-admin-page #header .header_wrap { max-width: 1900px; width: 100%; }
            body.site-admin-page #header .header_wrap h1 { padding-left: 15px; }
            body.site-admin-page #header .header_wrap .header_in .top_menu { background: #444; }
            body.site-admin-page #header .header_wrap .header_in .top_menu:after { display: none;}
            body.site-admin-page #header .header_wrap .header_in .gnb .depth li a,
            body.site-admin-page #header .header_wrap .header_in .gnb .depth li a:hover { color: #fff; }
            body.site-admin-page #header .header_wrap .header_in .gnb .depth li a:after { background-color: #fff; }
        body.site-admin-page #header .overlay_header { background: transparent; }
        body.site-admin-page #header .logo > a, 
        body.site-admin-page #header .logo_open > a { background-image: url('../images/layout/header_logo_w.svg'); width: 190px; }
        body.site-admin-page #header.on .overlay_header .header_wrap { width: auto; }
    body.site-admin-page .general-page { max-width: 1900px; padding-left: 2%; padding-right: 2%; }
    body.site-admin-page .sub-visual__title{ max-width: 1900px; padding-left: 2%; padding-right: 2%; }
    body.site-admin-page .mobile-nav-btn .btn-line { background: #fff; }
    body.site-admin-page #footer { display: none; }

#header.on { /*border-bottom: 1px solid #e5e5e5;*/ border-bottom-style: none; background: none; }
    #header.on .overlay_header { position: static; background: none; border-top: 1px solid #e5e5e5; left: 20%; right: 20%; padding: 0; height: 150px; }
        #header.on .overlay_header .blur-panel { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(26, 26, 26, 0.18); z-index: -1; backdrop-filter: blur(50px); transition: opacity 0.2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s; }
        #header.on .overlay_header .blur-panel { display: none; }
        #header.on .overlay_header .header_wrap { width: 1300px; }
        #header.on .overlay_header .header_wrap { background: none; border-bottom-style: none; }
            #header.on .overlay_header .header_wrap_container { border-bottom: 1px solid #e5e5e5; }
            .site-admin-page #header.on .overlay_header .header_wrap_container { background: #fff; }
            #header.on .overlay_header .header_wrap:after { display: none; }
            #header.on .overlay_header .header_wrap .con { margin: 0 auto; display: flex; }
                #header.on .overlay_header .header_wrap .con h2 { font-size: 3rem; color: #333; margin-right: 5rem; padding: 32px 0; min-width: 270px; display: none; }
                #header.on .overlay_header .header_wrap .con .menu { margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; min-height: 80px; }
                    #header.on .overlay_header .header_wrap .con .menu li.depth { display: block; margin: 0; line-height: 80px; width: 20%; text-align: center; position: relative; max-width: 240px; }
                        #header.on .overlay_header .header_wrap .con .menu li.depth a { background: none; border: none; color: #555; padding: 10px; border-left: 1px solid rgba(255,255,255,0.2); border-radius: 0; line-height: 1.7; font-size: 1rem; font-weight: 500; }
                        #header.on .overlay_header .header_wrap .con .menu li.depth a:hover { border: none; text-decoration: none; color: #0C347C; font-weight: 600; transition: all .3s ease; }
                        #header.on .overlay_header .header_wrap .con .menu li.depth + li:after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background: #000; opacity: .3; }

.mobile-nav-btn {position: absolute;right: 25px;top: 50%;transform: translateY(-50%);z-index: 9999;cursor: pointer;width: 35px; height:22px;display: none;}
    .mobile-nav-btn .btn-line {width: 100%;height: 2px;background: #333;position: absolute;transition: 1s ease; top: 50%;}
        .mobile-nav-btn .btn-line:first-child {transform: translateY(-13px);}
        .mobile-nav-btn .btn-line:last-child {transform: translateY(13px);}
        .header.white-type .mobile-nav-btn .btn-line {background: #000;}
        .header:hover .mobile-nav-btn .btn-line {background: #000;}
        .mobile-nav-btn .btn-line:first-child.btn-line-1 {transform: rotate(-135deg);/*top: 13px;position: absolute;*/}
        .mobile-nav-btn .btn-line-2 {opacity: 0;}
        .mobile-nav-btn .btn-line:last-child.btn-line-3 {transform: rotate(135deg);/*top: 13px;position: absolute;*/}
    .mobile-menu-open {display: block;width: 100%;right: -100%;height: calc(100vh - 110px);background: #fff;position: absolute;z-index: 9998;top: 70px;opacity: 0;}
    .mobile-menu-open {right: 0;opacity: 1;}

.allmenu_box { }
    .allmenu_box .allmenu_content { margin-top: 50px; }
    .allmenu_box .top_menu { display: none; }

.sub-visual { /*padding-top: 90px;*/ background: #4e84de url("../images/layout/page_head_bg.jpg") center no-repeat; background-size: cover; /*min-height: 170px;*/ padding-top: 0; min-height: 80px; position: relative; }
    .sub-visual__bg { display: none; }
    .sub-visual__header { display: none; }
    .sub-visual__title { margin: auto; max-width: 1240px; padding: 1.2rem; }
        .sub-visual__title h2 { font-size: 1.7rem; color: #fff; font-weight: 600; line-height: 1.5; z-index: 1; position: relative; }
            .sub-visual__title h2 small { display: block; font-size: 1rem; }
    .sub-visual__breadcrumb { position: absolute; left: 0; /*top: 90px;*/ width: 100%; height: 80px; font-size:.95rem; color: #fff; top: 0; }
        .sub-visual .sub-visual__breadcrumb__list { margin: auto; max-width: 1240px; text-align: right; padding: 1.5rem; line-height: 32px; }
            .sub-visual .sub-visual__breadcrumb__list__item { display: inline-block; line-height: 25px; vertical-align: middle; padding: 0 15px; position: relative; }
            .sub-visual .sub-visual__breadcrumb__list__item + li:before { content: ''; width: 5px; height: 10px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: url(../images/icon/location_02.svg) center no-repeat; }
                .sub-visual .sub-visual__breadcrumb__list__item:first-child { width: 25px; height: 25px; background: url('../images/icon/nav_home.svg') left no-repeat; text-indent: 9999px; overflow: hidden; }
    .sub-visual__footer { display: none; }

body.has-sub-page-title { }
    body.has-sub-page-title .general-page h2.title { display: none; }
        body.has-sub-page-title .general-page h2.title + .simple-toolbar { margin-top: 0; }

/*.sub-visual { height: 380px; max-width: 1920px; margin: auto; overflow: hidden; position: relative; }*/
    /*.sub-visual__bg { background: url('../images/sub/sub_visual01.jpg') center no-repeat; background-size: cover; height: 600px; width: 100%; max-width: 1920px; margin: auto; position: absolute; top: 0; left: 0; z-index: -1; }*/
        /*.sub-visual__bg.animated { animation-duration: 3s;animation-name: bg_slide;transition:.5s linear;  }*/
    /*.page-fac-page-1 .sub-visual__bg { background-image: url('../images/sub/sub_visual03.jpg'); }*/
    /*.page-fac-bookingStatsMng .sub-visual__bg { background-image: url('../images/sub/sub_visual04.jpg'); }*/
    /*.page-fac-facMng .sub-visual__bg,*/
    /*.page-fac-restrictDtMng .sub-visual__bg,*/
    /*.page-fac-restrictDtUserMng .sub-visual__bg,*/
    /*.page-fac-configMng .sub-visual__bg,*/
    /*.page-fac-dayoffMng .sub-visual__bg { background-image: url('../images/sub/sub_visual05.jpg'); }*/
    /*.sub-visual__header { }*/
    /*.sub-visual__title { width: 1240px; margin: auto; padding-top: 170px; }*/
        /*.sub-visual__title > h2 { font-size: 56px; color: #fff; }*/
    /*.sub-visual .sub-visual__breadcrumb { width: 1240px; margin: auto; font-size: 16px; color: #E5F5F2; font-weight: 300; margin-top: 60px; }*/
        /*.sub-visual .sub-visual__breadcrumb__list { }*/
            /*.sub-visual .sub-visual__breadcrumb__list__item { display: inline-block; line-height: 25px; vertical-align: middle; }*/
            /*.sub-visual .sub-visual__breadcrumb__list__item:before { content: ">"; display: inline-block; color: #fff; padding-left: 7px; padding-right: 7px; opacity: .7; }*/
                /*.sub-visual .sub-visual__breadcrumb__list__item:first-child { width: 25px; height: 25px; background: url(/assets/themes/facMgmt/images/sub/ico_snb_home.png) left no-repeat; text-indent: -9999px; overflow: hidden; opacity: .9; }*/

@keyframes  bg_slide {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);}
}

.general-page { max-width: 1240px; padding: 50px 0; width: 100%; }

h2.title,
.general-page h2.title {font-size: 1.5rem;font-weight: bold;margin: 0 0 20px;color: #333;position: relative; background: none; padding-left: 0; }
    h2.title:before,
    .general-page h2.title:before {content: "";display: inline-block;width: 18px;height: 18px;background: url(../images/sub/h2_bullet.png) center no-repeat;margin-right: 8px;}

#footer { background: #272626; }
    #footer .policy { background: #272626; border-bottom: 1px solid rgba(255,255,255,.15); padding-left: 0; font-size: 15px; width: 100%; max-width: 100%; }
        #footer .policy .policy_wrap { margin: auto; padding: 0 0; display: block; text-align: left; vertical-align: middle; max-width: 1240px; }
            #footer .policy .policy_wrap .con { line-height: 64px; padding: 0; float: none; }
                #footer .policy .policy_wrap .con li { margin-left: 0; }
                    #footer .policy .policy_wrap .con li a { display: inline; color: #bfbfbf; font-size: 1rem; font-weight: 500; }
                    #footer .policy .policy_wrap .con li,
                    #footer .policy .policy_wrap .con li:first-child { background: none; padding-left: 0; }
                    /*#footer .policy .policy_wrap .con li:first-child:after { content: " "; display: inline-block; border-right: 2px solid #545454; width: 1em; height: 13px; vertical-align: middle; }*/
                    /*#footer .policy .policy_wrap .con li:first-child:after { content: " "; display: inline-block; width: 3px; height: 3px; background: aquamarine; vertical-align: middle; border-radius: 100%; margin: 0 10px; }*/
        #footer .policy h1 { display: table-cell; vertical-align: middle; }
            #footer .policy h1 > a { background: url("../images/layout/footer_logo.png") no-repeat; display: block; width: 172px; height: 38px; margin-right: 60px; }
            #footer .policy h1 > a { background-image: url("../images/layout/headeron_logo.png"); width: 260px; opacity: .5; }
                #footer .policy h1 > a img { display: none; }
    #footer .copy { padding: 30px 0 50px 0; max-width: 1240px; width: 100%; min-height: 155px;}
	#footer .copy h1 a {display:block; width:250px; margin:0 auto;}
#footer .copy h1 a img {width:100%;}
        #footer .copy ul { margin-left: 0; font-weight: lighter; font-size: 1rem; padding-left: 40px; }
            #footer .copy ul li { font-size: 1rem; color: #B3BABE; }
                #footer .copy ul li:last-child { font-size: 14.4px; margin-top: 0; color: #9d9d9d; opacity: 0.7; font-weight: 500; }
                #footer .copy ul li span { font-weight: 500; margin-right: 0; color: #9d9d9d; }
        #footer a.up { width: 80px;height: 80px; background: linear-gradient(to right, lightseagreen,deepskyblue); border-radius: 100%;box-shadow: 2px 2px 7px rgba(0,0,0,0.07);text-align: center;line-height: 80px;position: absolute;top: -30px;right: 5%; font-size: 1.5rem; padding: 0; }
            #footer a.up i { color: #fff; }

h2.title + .simple-toolbar { margin-top: 60px; }

.simple-toolbar { margin-bottom: 30px; }

.simple-search-form { }
    .simple-search-form .SeDateRange { width: 400px; border-right: 1px solid #00919d; display: inline-block; float: left; }
        .simple-search-form .SeDateRange button { background: #f6ffff; border-top: 1px solid #00919d; border-bottom: 1px solid #00919d; color: #00919d; position: relative; min-width: 50px; }
        .simple-search-form .SeDateRange .SeDateRange__To { border-left: none; }
        .simple-search-form .SeDateRange .SeDateRange__FromBtn { position: relative; }
        .simple-search-form .SeDateRange .SeDateRange__FromBtn:before { content: ""; position: absolute; display: inline-block; width: 1px; height: 20px; background: #ccc; top: 50%; /* margin-right: 15px; */ transform: translateY(-50%); right: 0; }
        .simple-search-form .SeDateRange button.SeDateRange__PopupBtn:before { content: ""; position: absolute; display: inline-block; width: 1px; height: 20px; background: #ccc; top: 50%; /* margin-right: 15px; */ transform: translateY(-50%); left: 0; }
    .simple-search-form .SeDatePicker { border-right: 1px solid #00919d; display: inline-block; float: left; }
        .simple-search-form .SeDatePicker .SeDatePickerWrap { width: 170px; }
        .simple-search-form .SeDatePicker button { background: #f6ffff; border-top: 1px solid #00919d; border-bottom: 1px solid #00919d; color: #00919d; position: relative; min-width: 50px; }
    .simple-search-form .simple-toolbar__item { vertical-align: top; margin-right: 16px; margin-left: 0; }
        .simple-search-form .simple-toolbar__item:last-child { margin-right: 0; }
        .simple-search-form .simple-toolbar__item button,
        .simple-search-form .simple-toolbar__item input,
        .simple-search-form .simple-toolbar__item select { float: left; border-right-style: none; padding: 15px; }
        .simple-search-form .simple-toolbar__item button:last-child,
        .simple-search-form .simple-toolbar__item input:last-child,
        .simple-search-form .simple-toolbar__item select:last-child { border-right-style: solid; }
        .simple-search-form .simple-toolbar__item button { height: 60px; padding: 5px 20px; }
        .simple-search-form .simple-toolbar__item button.blue { border-color: #00919d; background: #00919d; }
        .simple-search-form .simple-toolbar__item input::placeholder { color: #999; opacity: 1; } /* Chrome, Firefox, Opera, Safari 10.1+ */
            .simple-search-form .simple-toolbar__item input:-ms-input-placeholder { color: #999; opacity: 1; } /* Internet Explorer 10-11 */
            .simple-search-form .simple-toolbar__item input::-ms-input-placeholder { color: #999; opacity: 1; } /* Microsoft Edge */
        .simple-search-form .simple-toolbar__item input,
        .simple-search-form .simple-toolbar__item input,
        .simple-search-form .simple-toolbar__item select { border-color: #00919d; background: #f6ffff; height: 60px; color: #00919d; }
        .simple-search-form .simple-toolbar__item select { appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-progress-appearance: none; background-image: url(../images/contents/icon_down.svg); background-repeat: no-repeat; background-position: right 10px top 50%; padding-right: 30px; }
        .simple-search-form .simple-toolbar__item select { background-image: url(../images/icon/ico_select.svg); }
        .simple-search-form .simple-toolbar__item label { line-height: 60px; color: #666; }
            .simple-search-form .simple-toolbar__item label input[type=checkbox] { float: none; height: auto; }
        .simple-search-form .simple-toolbar__item .simple-search-button { border: 1px solid #00919d; background: #f6ffff; height: 60px; border-left: none; border-right: 1px solid #00919d; position: relative; text-indent: -99999px; width: 60px; height: 60px; }
            .simple-search-form .simple-toolbar__item input + .simple-search-button:before { content: ""; position: absolute; display: inline-block; width: 1px; height: 20px; background: #ccc; top: 50%; /* margin-right: 15px; */ transform: translateY(-50%); left: 0; }
            .simple-search-form .simple-toolbar__item .simple-search-button:after { content: "\f52a"; -webkit-font-smoothing: antialiased; font-family: bootstrap-icons !important; color: #00919d; font-size: 1.5rem; position: absolute; left: 0; top: 0; width: 60px; height: 60px; display: block; text-indent: 0; line-height: 60px; }
        .simple-search-form .simple-toolbar__item .simple-search-cancel-button { border: none; background: #00919d; height: 60px; }

.simple-fav-list { }        
    .simple-fav-list__item { display: inline-block; margin-right: .5rem; }        
        .simple-fav-list__item:last-child { margin-right: 0; }        
        .simple-fav-list__item__wrap { display: flex; }
            .simple-fav-list__item__name-btn,
            .simple-fav-list__item__remove-btn { padding: .1562rem .75rem; border-radius: 15px; font-size: .875rem; background: #FEF1AA; color: #796320; border: 1px solid #e8d9b9; }        
            .simple-fav-list__item__name-btn:hover,
            .simple-fav-list__item__remove-btn:hover { background: #ffe39e; }        
            .simple-fav-list__item__name-btn:active,
            .simple-fav-list__item__remove-btn:active { background: #ffdd8a; color: #a78d39; }        
            .simple-fav-list__item__name-btn { border-top-right-radius: 0; border-bottom-right-radius: 0; padding-right: .5rem; border-right-color: #fcd88f; }        
            .simple-fav-list__item__remove-btn { border-top-left-radius: 0; border-bottom-left-radius: 0; padding-left: .5rem; padding-right: .6rem; border-left: none; }        
        
/*** override [ END ] ***/

.tui-grid-cell-has-input .tui-grid-cell-content { padding: 4px 5px; font-size:16px; }

.tab_contents_table th { background: #F7FFFF; border-right: 1px solid #e0e6f1 !important; border-bottom: 1px solid #e0e6f1 !important; border-top: none; }
.tab_contents_table td { border-right: 1px solid #e0e6f1 !important; border-bottom: 1px solid #e0e6f1 !important; }
.tab_contents_table .tui-grid-cell-header { padding: 5px 10px; }
.tab_contents_table td .tui-grid-cell-content { padding: 15px 10px; }
.tab_contents_table .tui-grid-container .tui-grid-header-area { border-bottom-color: #e0e6f1; }
.tab_contents_table .tui-grid-container.tui-grid-show-lside-area .tui-grid-lside-area .tui-grid-header-area .tui-grid-table,
.tab_contents_table .tui-grid-container.tui-grid-show-lside-area .tui-grid-lside-area .tui-grid-body-area .tui-grid-table { border-right: 1px solid #e0e6f1 !important; }
.tab_contents_table .tui-grid-container.tui-grid-show-lside-area .tui-grid-lside-area .tui-grid-header-area .tui-grid-table th { border-right: none; }
.tab_contents_table tr td.list_btn ul { text-align: left; }
.tab_contents_table tr td.list_btn ul li button,
.tab_contents_table tr td.list_btn ul li a { padding: 10px 15px; background: #459AB9; border-radius: 0; font-size: 0.875rem; }
.tab_contents_table tr td.list_btn ul li button:hover,
.tab_contents_table tr td.list_btn ul li a:hover { background: #1781A8; }
.tab_contents_table tr td.list_btn ul li button.red,
.tab_contents_table tr td.list_btn ul li a.red { background: #e46c75; }
.tab_contents_table tr td.list_btn ul li button.red:hover,
.tab_contents_table tr td.list_btn ul li a.red:hover { background: #dd4752; }
.tab_contents_table tr td.list_btn ul li button.blue,
.tab_contents_table tr td.list_btn ul li a.blue { background: #3686FF; }
.tab_contents_table tr td.list_btn ul li button.blue:hover,
.tab_contents_table tr td.list_btn ul li a.blue:hover { background: #2770dd; }
.tab_contents_table tr td.list_btn ul li button.white { background: #fff; border: 1px solid #ccc; color: #333; }
.tab_contents_table tr td.list_btn ul li button.white:hover { background: #e9e9e9; }





.tui-grid-container { }
    .tui-grid-container .tui-grid-border-line-top { border-color: #0c347c }
    .tui-grid-container .tui-grid-cell-header { font-size: 16px; background: #f6f7fc; padding: 0; font-weight: 500; }
    .tui-grid-container .tui-grid-cell-row-header { }
        .tui-grid-container .tui-grid-cell-row-header label.checkbox { margin-bottom: 0; }
    .tui-grid-container .tui-grid-cell-content button { box-sizing: border-box; }
    .tui-grid-container .tui-grid-cell { color: #333; border-left-style: none !important; border-right-style: none !important; border-bottom-color: #eaeaea !important; }
    .tab_contents_table .tui-grid-container.tui-grid-show-lside-area .tui-grid-lside-area .tui-grid-header-area .tui-grid-table, 
    .tab_contents_table .tui-grid-container.tui-grid-show-lside-area .tui-grid-lside-area .tui-grid-body-area .tui-grid-table { border-right-style: none !important; }
    .tui-grid-container .tui-grid-cell.text-dimmed { color: #999; }

.SeForm__Item__Field .input-line-height { line-height: 33px; }
.SeForm__Item__Field .no_data { border: 1px dotted #999; line-height: 33px; }
.SeForm__Item__Field .has-error-wrap input,
.SeForm__Item__Field .has-error-wrap textarea,
.SeForm__Item__Field .has-error-wrap select,
.SeForm__Item__Field .has-error-wrap .tui-timepicker { border-color: red; }
.SeForm__Item__Field .err-message { font-size: 12px; line-height: 1.2; margin-bottom: 8px; }

.pointerevent-enable { pointer-events: auto !important; }

.line-through { text-decoration: line-through; }

.cursor-pointer { cursor: pointer !important; }

button.purple { padding: 5px 10px; background: #2d3273; color: #fff; border: 0;}
button.purple { background: #9262a6; }

.mini-map { }
    .mini-map button { opacity: .9; transition: opacity .3s; padding: 8px 10px; }
        .mini-map button:hover { opacity: 1; }

.cal { }
    .cal .cal_title h2 { /*font-size: 2rem;*/ margin: 0; vertical-align: middle; font-weight: 800; font-size: 1.8rem }
    .cal .table-style2 { border-right: none; }
        .cal .table-style2 th { background: #f9f9f9; text-align: center; line-height: 1rem; padding: 0.8rem 0.5rem; border-color: #ebebeb; color: #676767; border-left: none; border-right: none; }
            .cal .table-style2 th:first-child { border-left: none; }
        .cal .table-style2 td { padding: .5rem; border-color: #e0e6f1; }
            .cal .table-style2 td:first-child { border-left: none; }
            .cal .table-style2 td .cal__day__restrict-reason { padding-left: 10px; color: #c33; }
            .cal .table-style2 td .cal__day__content-wrap { padding-left: 0; padding-top: 0; overflow: auto; height: 9.75rem; }
                .cal .table-style2 td .cal__day__content { padding-left: 0; padding-top: 0; }
                    .cal .table-style2 td .cal__day__content > li { font-size: 0.8rem; padding: 0.4rem; margin-top: 2px; line-height: 1.5;overflow: hidden;border-radius: 3px;color: #000; cursor: default; }
                        .cal .table-style2 td .cal__day__content > li:before { content: '';display: inline-block;width: 0.5em;height: 0.5em;margin-right: 0.5em;background: #31B0AC;border-radius: 100%;flex-shrink: 0; }
                    .cal .table-style2 td .cal__day__content > li.is-mine { cursor: pointer; background: #eef0fc; }
                    .cal .table-style2 td .cal__day__content > li.notice { cursor: pointer; }
                        .cal .table-style2 td .cal__day__content > li.notice:before { display: none; }
            .cal .table-style2 td button.btn--delete-small { width: 12px; display: inline-block; padding: 0; margin: 0; }
    .cal .cal__day__day { font-size: .875rem; display: inline-block; min-width: 2em; height: 2em; border-radius: 1em; padding: 0; text-align: center; vertical-align: middle; line-height: 1.9em; color: #000; font-weight: bold; }
        .cal .cal__day--today { background: none; }
            .cal .cal__day--today .cal__day__day { background: #3686FF; color: #fff; }
        .cal .cal__weekday_sun .cal__day__day { color: #f00; }
            .cal .cal__weekday_sun.cal__day--today .cal__day__day { background: #f00; color: #fff; }
        .cal .cal__weekday_sat .cal__day__day { color: #00f; }
            .cal .cal__weekday_sat.cal__day--today .cal__day__day { background: #00f; color: #fff; }
    .cal .cal__day--ext-use-req { background-color: #fffcf0; }
    .cal .cal__day--disabled { background-color: #fffafa; }
    .cal__day__content__item--canceled { text-decoration: line-through; }
    .cal a.btn { width: 30px; height: 30px; margin: 0 10px; background: url(../images/icon/calendar_next.svg) center no-repeat; border: none; vertical-align: middle; }
        .cal a.btn i { display: none; }
    .cal a.btn:first-child { background: url(../images/icon/calendar_prev.svg) center no-repeat; }
    .cal .btn.btn--today { width: auto; height: auto; background: #fff; border: 1px solid #ddd; border-radius: 0; color: #333; font-size: 1rem; padding: 5px 10px; margin-left: 20px; }
    
    .cal__day__content__duration { display: inline-block; vertical-align: middle; margin-right: .25rem; }    
        .cal__day__content__duration__sttm,
        .cal__day__content__duration__edtm { font-size: .8rem; line-height: 1.25; display: inline-block; }
        .cal__day__content__duration__sttm:after { content: '~'; margin-left: .125rem; }
        .cal__day__content__duration__edtm { color: #777; }
    /* 교육신청 변형 */
    .cal--edu { }
        .cal--edu .table-style2 td .cal__day__content > li { background: #eef0fc; word-break: break-all; }
            .cal--edu .table-style2 td .cal__day__content > li:before { display: none; }
            .cal--edu .table-style2 td .cal__day__content .edu-nm { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
            .cal--edu .edu-grp-type { font-weight: bold; } /* 정기교육*/

.edu-grp-type { color: #3686FF; border-color: #3686FF; } /* 정기교육*/
.edu-grp-type.edu-grp-type--CEGT_10 { color: #3B9F17; border-color: #3B9F17; } /* 정기교육*/
                
.cal--mini .table-style2 { border-bottom: none; }
.cal--mini .table-style2 th { background: none; }
.cal--mini .table-style2 td { height: 54px; border-style: none; transition: height .2s ease; text-align: center; }            
    .cal--mini .table-style2 td.active .cal__day__day { background: #e7eaed; color: #000; }            
    .cal--mini .table-style2 tr:first-child td { border-top-style: solid; }            
    .cal--mini .table-style2 td .cal__day__content-dot { line-height: 1; }            
        .cal--mini .table-style2 td .cal__day__content-dot > li { display: inline-block;width: 5px;height: 5px;background: #31B0AC;border-radius: 5px; margin-right: 4px; }            
    .cal--mini .table-style2 td .cal__day__content-wrap { position: absolute; left: 0; width: 100%; background: #EBF1FA; margin-top: 5px; border-radius: 4px; padding: 5px; height: auto; display: none; }             
        .cal--mini .table-style2 td.active .cal__day__content-wrap { display: block; text-align: left; }             
        .cal--mini .table-style2 td .cal__day__content { height: auto; }             
            .cal--mini .table-style2 td .cal__day__content > li { margin-top: 0; border-radius: 0; border-bottom: 1px solid #d9e3f2; }            
                .cal--mini .table-style2 td .cal__day__content > li:last-child { border-bottom: none; }            
                .cal--mini .table-style2 td .cal__day__content-wrap .btn-area { margin: .5rem 0; }            
                    .cal--mini .table-style2 td .cal__day__content-wrap .btn-area button { width: auto; }
    
.modal-body {  padding: 30px; }
    .modal-body > .general-page--wide { min-width: auto; }
.modal-content .modal-footer button.btn { font-size: 14px; border: none; opacity: .8; }
.modal-content .modal-footer button.btn:focus { opacity: 1; }

.se-modal h2.title + .simple-toolbar { margin-top: 0; }

.se-modal h2.title + .cont_tit { margin-top: 0; }

.page-fac-booking .fac-image-swiper { background: #f6f7f8; }
    .page-fac-booking .fac-image-swiper .swiper-slide { height: 300px; background-size: contain; background-position: center; background-repeat: no-repeat; }
    .page-fac-booking .fac-image-swiper .swiper-button-prev,
    .page-fac-booking .fac-image-swiper .swiper-button-next { background: #adb5bd; border-radius: 100%; width: 40px; height: 40px; color: #fff; opacity: .8; text-align: center;  line-height: 40px; }
        .page-fac-booking .fac-image-swiper .swiper-button-prev:hover,
        .page-fac-booking .fac-image-swiper .swiper-button-next:hover { opacity: 1; }

.page-fac-booking .fac-item-image { display: inline-block; width: 64px; height: 64px; background-size: contain; background-position: center; background-repeat: no-repeat; vertical-align: middle; }

.page-brcf-page-process { overflow-x: hidden; }

.page-brcf-page-price { overflow-x: hidden; }

.page-brcf-page-stats_1 { }
    .page-brcf-page-stats_1 .tui-grid-cell-content { font-size: .875em; }

.page-fac-restrictDtMng .fac-fac-list,
.page-fac-restrictDtUserMng .fac-fac-list { background: #f9f9f9; margin-left: 1em; padding: .25em; border: 1px solid #ececec; }

.page-fac-bookingCalMng .cal .table-style2 td .cal__day__content > li { position: relative; padding-top: 0; padding-bottom: 0; }
    .page-fac-bookingCalMng .cal .table-style2 td .cal__day__content > li:before { position: absolute; left: 0; top: .5rem; }
    .page-fac-bookingCalMng .cal .table-style2 td .cal__day__content > li > span { overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; padding-left: .5rem; }

.tui-grid-layer-state { background: rgba(255,255,255,0.5); }
    .tui-grid-layer-state-content { position:absolute; top:50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border: 1px solid #dedede; padding: 16px; border-radius: 5px; }
        .tui-grid-layer-state-content p { position: static; }
    .tui-grid-layer-state-loading { margin: 0; }

.tui-grid-container.no-data .tui-grid-body-area,
.tui-grid-container.no-data .tui-grid-border-line.tui-grid-border-line-bottom,
.tui-grid-container.no-data .tui-grid-scrollbar-frozen-border,
.tui-grid-container.no-data .tui-grid-scrollbar-y-inner-border,
.tui-grid-container.no-data .tui-grid-scrollbar-left-bottom,
.tui-grid-container.no-data .tui-grid-layer-state { display: block !important; }

.tui-grid-container.no-data .tui-grid-layer-state-content { border: none; }
    .tui-grid-container.no-data .tui-grid-layer-state-content p:before { content: ' '; display: block; background: url('/images/layout/no_data.png') no-repeat; width: 88px; height: 88px; }

ul.dot_list { margin-left: 1.7rem; margin-right: 1.7rem; text-align: left; }
    ul.dot_list > li { position: relative; padding-left: 10px; /*font-size: 1.1rem;*/ color: #555; }
        ul.dot_list li:before {content: '';position: absolute;left: 0;top: 10px;width: 3px;height: 3px;background: #333;border-radius: 50px;}

.cont_tit {font-size: 1.3rem;font-weight: bold;margin: 2rem 0 20px;color: #333;position: relative;}
    /*.cont_tit:before {content: "";display: inline-block;width: 18px;height: 18px;background: url(../images/sub/h2_bullet.png) center no-repeat;margin-right: 8px;}*/
    .cont_tit > aside { font-size: 1rem; font-weight: normal; float: right; }
    .cont_tit:after { content: ''; clear: both; display: table; }

.cont_sub_tit { position:relative;font-size: 1.2rem;font-weight: 500;margin: 2rem 0 1rem;color: #000; }

.cont_tit_wrap { margin: 2rem 0 20px; }
    .cont_tit_wrap .cont_tit { margin: 0; font-size: 1.8rem; color: #222; font-weight: 800; line-height: 1.5; }
        .cont_tit_wrap .cont_tit > aside {  }
        .cont_tit_wrap .cont_tit:after {  }
    .cont_tit_wrap .cont_sub_tit { color: #666; font-weight: 400; font-size: 1rem; line-height: 1.5; margin: 0; }

h4.cont_tit {position: relative;margin-bottom: 20px;padding-left: 15px; color: #222; font-size: 1.25rem;}
    h4.cont_tit:before {content: '';position: absolute;left: 0;top: 5px;width: 5px;height: 20px;background: url("../images/icon/title_bg_01.svg") left center no-repeat;}

.count-indicator {font-size: .88rem; color: #555;}
    .count-indicator span{color:#0D58C8; font-weight: 600;}

.table-style4 { width: 100%; border-top: 2px solid #0c347c; }
    .table-style4 > tr > th,
    .table-style4 > tbody > tr > th,
    .table-style4 > thead > tr > th { padding: 15px 10px; border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; text-align: center; word-break: break-all; background: #f6f7fc; font-weight: 500; }
    .table-style4 > tr > td,
    .table-style4 > thead > tr > td,
    .table-style4 > tbody > tr > td { padding: 15px 10px; border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; text-align: center; }
        .table-style4 > tr > th:last-child,
        .table-style4 > thead > tr > th:last-child,
        .table-style4 > tr > td:last-child,
        .table-style4 > tbody > tr > td:last-child { border-right: none; }
        .table-style4 > tr > th+th,
        .table-style4 > thead > tr > th+th,
        .table-style4 > tr > td+td,
        .table-style4 > tbody > tr > td+td { border-left: 1px solid #e6e6e6; }

.table-style5 { width: 100%; border-top: 2px solid #333; }
    .table-style5 tr:hover td,
    .table-style5 tr:hover th { background: #f6ffff; }

    .table-style5 > tr > th,
    .table-style5 > tbody > tr > th,
    .table-style5 > thead > tr > th { height: 90px; padding: 20px 10px; border-bottom: 1px solid #e0e6f1; text-align: center; word-break: break-all; background: #f6ffff; font-weight: 500; color: #999; }
    .table-style5 > tr > td,
    .table-style5 > thead > tr > td,
    .table-style5 > tbody > tr > td { height: 90px; padding: 20px 10px; border-bottom: 1px solid #E6E6E6; text-align: center; color: #999; }
        .table-style5 > tr > th:last-child,
        .table-style5 > thead > tr > th:last-child,
        .table-style5 > tr > td:last-child,
        .table-style5 > tbody > tr > td:last-child { border-right: none; }
        .table-style5 > tr > th+th,
        .table-style5 > thead > tr > th+th,
        .table-style5 > tr > td+td,
        .table-style5 > tbody > tr > td+td { }
        
.table-style4.condense { }        
    .table-style4.condense > tr > th,
    .table-style4.condense > tbody > tr > th,
    .table-style4.condense > thead > tr > th,
    .table-style4.condense > tr > td,
    .table-style4.condense > thead > tr > td,
    .table-style4.condense > tbody > tr > td { padding: 4px; }

.SeForm { border-top: 1px solid #0c347c; }
    .SeForm > .SeForm__Item { }
        .SeForm > .SeForm__Item > .SeForm__Item__Label { border-right: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background: #fff; text-align: left; padding: 10px 20px; line-height: 1.5; font-weight: 500; }
        .SeForm.SeForm--Label-170 > .SeForm__Item > .SeForm__Item__Label { width: 170px; }
        .SeForm.SeForm--Label-200 > .SeForm__Item > .SeForm__Item__Label { width: 200px; }
        .SeForm > .SeForm__Item > .SeForm__Item__Field { border-bottom: 1px solid #e8e8e8; padding: 10px;}
            .SeForm > .SeForm__Item > .SeForm__Item__Field.SeForm__Item__Field--separator { padding: 0; border-bottom: none; }
            .SeForm > .SeForm__Item > .SeForm__Item__Field label { margin-bottom: 0; }
            .SeForm > .SeForm__Item > .SeForm__Item__Field input,
            .SeForm > .SeForm__Item > .SeForm__Item__Field textarea,
            .SeForm > .SeForm__Item > .SeForm__Item__Field select { border-color: #ddd; }
            .SeForm > .SeForm__Item > .SeForm__Item__Field select { appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-progress-appearance: none; background-image: url(../images/contents/icon_down.svg); background-repeat: no-repeat; background-position: right 10px top 50%; padding-right: 30px; background-color: #fff; }
            .SeForm > .SeForm__Item > .SeForm__Item__Field select { background-image: url(../images/icon/ico_select.svg); }
            .SeForm > .SeForm__Item > .SeForm__Item__Field textarea { padding: 5px; }
            .SeForm > .SeForm__Item > .SeForm__Item__Field textarea:first-child:last-child { display: block; }
        .SeForm__Title { border-bottom: 1px solid #e8e8e8; padding: 25px 20px; color: #333; }
            .SeForm__Title p { font-weight: 500; font-size: 1.5rem; }
    .SeForm--style2 { border-top: 2px solid #0c347c; }
    .SeForm--style3 { border-top: none; }
        .SeForm--style3 .SeForm__Title { border-bottom: 2px solid #0c347c; padding: 2rem 0 1rem; }
            .SeForm--style3 .SeForm__Title p { font-size: 1.2rem; }
            
.SeForm--Flex { }
    .SeForm--Flex > .SeForm__Item { display: flex; align-content: stretch; }
        .SeForm--Flex > .SeForm__Item > .SeForm__Item__Label { display: flex; align-items: center; margin-bottom: 0; border-left: 1px solid #e8e8e8; }
        .SeForm--Flex > .SeForm__Item > .SeForm__Item__Label:first-child { border-left: none; }
            .SeForm--Flex > .SeForm__Item > .SeForm__Item__Label > .SeForm__Item__Label__RequiredMark { margin-right: .2em; }
        .SeForm--Flex > .SeForm__Item > .SeForm__Item__Field { display: block; flex: 1; }
            .SeForm--Flex > .SeForm__Item > .SeForm__Item__Field label { }
    .SeForm--Flex .SeForm__Title { flex: 1; }

.info-box.info-box--style3 { width: 100%; min-height: 200px; padding: 60px; background: url(../images/contents/info_bg.jpg)no-repeat; background-color: #00255D; background-size: cover; color: #fff; text-align: center;}
    .info-box.info-box--style3 h4 { font-size: 2rem; margin-bottom: 1.5rem; padding: 0; background: none; }
        .info-box.info-box--style3 p { background: none; font-weight: lighter; opacity: .8; font-size: 1.3rem; }

.refer.refer--style2 { padding-left: 18px; margin-top: 10px; color: #777 !important; font-size: .9rem; position: relative; }
    .refer.refer--style2:before { position: absolute; left: 0; top: 0; content: ""; display: inline-block; background: url(/assets/themes/facMgmt/images/contents/refer.svg) center no-repeat; width: 15px; height: 1.5em; background-size: contain; vertical-align: middle; margin-right: 3px; }

.fac-booking-footer-notice ul > li  { padding-left: 18px; margin-top: 10px; color: #777 !important; font-size: .9rem; position: relative; }
    .fac-booking-footer-notice ul > li:before { position: absolute; content: ""; display: inline-block; background: url(/assets/themes/facMgmt/images/contents/refer.svg) center no-repeat; width: 15px; height: 1.5em; background-size: contain; vertical-align: middle; margin-right: 3px; left: 0; top: 0; }
    .fac-booking-footer-notice ul > li li { padding-left: 1rem; position: relative; }
        .fac-booking-footer-notice ul > li li:before {content: '';position: absolute;left: .25rem;top: 10px;width: 3px;height: 3px;background: #333;border-radius: 50px;display: block;}
    .fac-booking-footer-notice--style2 ul > li { padding-left: 1rem; position: relative; }
        .fac-booking-footer-notice--style2 ul > li:before {content: '';position: absolute;left: .25rem;top: .6em;width: 3px;height: 3px;background: #333;border-radius: 50px;display: block;}

.diagram {background: #f6f7f9; padding:50px; text-align: center;}
.diagram h3 {display: inline-block;padding: 1.5rem;background: linear-gradient(45deg, #01afd0, #2870df);color: #fff;font-size: 1.5rem;border-radius: 30px 0;}
.diagram ul {display: flex;justify-content: space-around; margin-top:50px;}
.diagram ul li {background: #fff; width:calc(100%/3); padding:50px 20px; margin-left:20px;border-radius: 30px 0;}
.diagram ul li:first-child {margin-left: 0;}
.diagram ul li i {display:block; font-size:5rem;color: #042a69;}
.diagram ul li span {display:block; font-size:1.2rem;}
.diagram ul li img {margin-top:20px;padding: 20px;background: #fff;border: 1px solid #ddd;}

.process ul {display: flex;flex-wrap: wrap;justify-content: center;}
.process ul li {display:flex; border:1px solid #e5e5e5; padding:30px 30px 30px 30px; margin:10px;width: 45%;position: relative;justify-content: center;}
.process ul li span {padding:5px 10px;background: #999; color:#fff;position: absolute;top: 10px;left: 10px;}
.process ul li div {margin-top: 20px;}
.process ul li div p {position:relative; font-size:1.5rem;margin-top: 20px;font-weight: bold;text-align: center;}
.process ul li div i {position:relative; display:block; margin:0 auto;width: 100px;height: 100px; font-size:3rem;background: #ffffff;border-radius: 100%;border: 2px solid #28a745;}
.process ul li div i:before {position:absolute;transform: translate(-50%,-50%); top:50%; left:50%;color: #00a651;}
.process ul li > div > ul {display: block;}
.process ul li > div > ul li {width:auto;border:0; padding: 0 0 0 10px;margin: 0;position: relative;justify-content: flex-start;}
.process ul li > div > ul li.refer {padding:0;}
.process ul li > div > ul li.refer:before {display: none;}
.process ul li > div > ul li:first-child {margin-top:10px;}

.btn-excel-download { color: #fff; background: #7D889C; border-radius: 30px; padding: 10px 20px; height: 60px;}
    .btn-excel-download:hover { background: #5D6A83; }
    .btn-excel-download .btn-excel-download__icon:before { font-family: bootstrap-icons; content: "\f30a"; display: inline-block; margin-right: 5px; -webkit-font-smoothing: antialiased; font-size: 15px; width: 15px; height: 15px; vertical-align: -0.125em; }

.large-btn { color: #5e6983; background: #fff; border-radius: 30px; padding: 15px 35px; height: 60px; border: 1px solid #5e6983; }
    .large-btn:hover { background: #5e6983; color: #fff; border-color: #2e3d5e; }
    .large-btn .bi {margin-right: 5px; }
    .large-btn--dark { color: #fff; background: #7D889C;  }
        .large-btn--dark:hover { background: #5d6a83; }

.btn-toolbar-large { color: #fff; background: #7D889C; border-radius: 30px; padding: 10px 20px; height: 60px;}
    .btn-toolbar-large:hover { background: #5D6A83; }

.agreement-panel { border: 1px solid #ccc; padding: 8px; margin: 8px 16px; display: block; font-size: 0.9rem; }
    .agreement-panel h4 { font-size: 18px; }
    .agreement-panel .pre { margin: 8px 0; }
    .agreement-panel label { color: #666; }

.sub.board { min-width: auto; width: auto; max-width: 1240px; padding-left: 0; padding-right: 0; }
.sub.board .title {font-size: 3rem;text-align: center; font-weight:bold;margin: 60px 0;}
.sub.board .title:before {display: none;}
.sub.board .board_title { text-align: left; }
.sub.board .board_title a { font-size: 1.2rem; }
.sub.board td .notice { background: #00919d !important; color: #fff; padding: 8px 10px; font-size: .8rem; border-radius: 30px; border: 1px solid #00919d; }
.sub.board .center-button-wrap { margin: 44px 0; display: table; width: 100%; }
    .sub.board .center-button-wrap .SePager { margin: 0; }
    .sub.board .center-button-wrap .SePager,
    .sub.board .center-button-wrap .float-left,
    .sub.board .center-button-wrap .float-right { float: none; display: table-cell; vertical-align: middle;}
.sub.board .simple-search-form select { min-width: 10rem; }
.sub.board .simple-search-form input { width: 37rem; }
.sub.board .simple-search-form select,
.sub.board .simple-search-form input,
.sub.board .simple-search-form button { height: 64px; }

.facility-info { background: #fff; width: 85%; z-index: 9999; position: relative; padding: 30px; text-align: center; min-height: 170px; box-shadow: 0px 5px 15px 2px #f4f4f4; margin: auto; }
    .swiper-container + .facility-info { margin: -50px auto 0 auto; }
    .facility-info h4 { margin: 0 0 20px 0; font-weight: bold; font-size: 1.5rem; }
        .facility-info h4 small { font-size: 1rem; font-weight: 700; color: #00a651; display: block; margin-bottom: 10px; }

.SeCheckBox { display: block; position: relative; padding-left: 2em; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .SeCheckBox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
    .SeCheckBox .SeCheckBox__check { position: absolute; top: 50%; left: 0; height: 1.5em; width: 1.5em; background-color: #f6ffff; transform: translate(0, -50%); border-radius: 3px; border: 1px solid #00919d; }
    .SeCheckBox input:checked + .SeCheckBox__check { background-color: #00919d; }
    .SeCheckBox:hover input + .SeCheckBox__check{ background-color: #45b5c6; }
    .SeCheckBox .SeCheckBox__check:after { content: ""; position: absolute; display: none; }
    .SeCheckBox input:checked + .SeCheckBox__check:after { display: block; }
    .SeCheckBox .SeCheckBox__check:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.SeTimePicker .tui-timepicker-spinbox .tui-timepicker-btn-area { height: 34px; }

.page-com-page-kitchensink { background: #efefef; }

.kitchensink-item { background: #fff; margin: 2rem; clear: both; padding: 0 0 1rem 0; }
    .kitchensink-item__title { border-bottom: 1px solid #ccc; padding: .5rem; font-size: 1rem; margin-bottom: 1rem; }
    .kitchensink-item__section { width: 100%; max-width: 1000px; margin: 1rem auto; }
        .kitchensink-item__section__title { width: 100%; max-width: 1000px; margin: auto; font-size: 1.2rem; line-height: 2; }

.w-100 { width: 100%; }

button.indigo,
button.lightgray,
button.slategray,
button.violet,
button.gray,
button.green,
button.blue,
button.lightblue,
button.white,
button.red { transition: all .3s ease; font-weight: 400; border: 1px solid transparent; padding: 4px 10px; }

button.white { border-color: #ccc; }
button.white:hover { border-color: #999; }
button.indigo { color: #fff;background: #35445b; padding: 5px 10px; }
button.indigo:hover { background: #2d3a4d; }
button.lightgray { background: #b8b8b8; color: #fff; padding: 5px 10px; }
button.lightgray:hover { background: #999; }
button.slategray { background: #617a90; color: #fff; padding: 5px 10px; }
button.slategray:hover { background: #617a90; }
button.blue {background: #3686FF; }
button.blue:hover{background: #2770dd;}
button.lightblue {background: #e8efff; color: #3472a0;}
button.lightblue:hover{background: #dcedff;}
button.green {background: #20acb7; }
button.green:hover{background: #1c9199;}

button.outline.indigo { background: #fff; color: #35445b; border-color: #35445b; }
button.outline.indigo:hover { color: #2d3a4d; border-color: #2d3a4d; }
button.outline.lightgray { background: #fff; color: #b8b8b8; border-color: #b8b8b8; }
button.outline.lightgray:hover { color: #999; border-color: #999; }
button.outline.blue {background: #fff; color: #3686FF; border-color: #3686FF; }
button.outline.blue:hover{color: #2770dd; border-color: #2770dd;}
button.outline.lightblue {background: #fff; color: #3472a0; border-color: #3472a0;}
button.outline.lightblue:hover{color: #2c6ea0; border-color: #2c6ea0; }
button.outline.green {background: #fff; color: #20acb7; border-color: #20acb7;  }
button.outline.green:hover{color: #1c9199; border-color: #1c9199;}

button.tiny {padding:2px 6px; font-size:12px; line-height: 1.4;}
button.small {padding:3px 8px; font-size:12px; line-height: 1;}
button.big {padding:10px 25px; font-size: 1.1rem; font-weight: 500; }
button.huge { padding: 15px 30px; font-size: 1.1rem; font-weight: 500; }
button.wide { padding-left: 60px; padding-right: 60px; }

button.round { border-radius: 5px; }

button[disabled] { border: 1px solid #dbdbdb; background: #efefef; color: #999; }

button.has-badge { position: relative; }
    button.has-badge .badge { display: inline-block; background: #ff0060; border-radius: 4px; color: #fff; font-size: .75rem; position: absolute; top: 0; left: 10%; }
    button.has-badge .badge.badge--static { position: static; top: auto; left: auto; vertical-align: 2px; }

.progressbar {width: 100%; height: 10px; display: block; background: none; }
    .progressbar__track {background:#f0f0f0;border-radius:10px;box-shadow: inset 3px 3px 10px #ccc; height: 100%; width: 100%; position: relative;}
    .progressbar__current {border-left: 2px solid #5867fa; height: 150%; position: absolute; top: -25%;}
        .progressbar.danger .progressbar__current {border-left: 2px solid #6c971d; }
    .progressbar__bar { position: absolute; top: 0; left: 0; width: 20%; max-width: 100%; height: 100%; border-radius:10px; background: #1D976C; background: -webkit-linear-gradient(to right, #65aafb, #5867fa); background: linear-gradient(to right, #65aafb, #5867fa); transition: .1s ease-out; }
        .progressbar.danger .progressbar__bar { background: #6c971d; background: -webkit-linear-gradient(to right, #fbaa65, #fa6758); background: linear-gradient(to right, #fbaa65, #fa6758); }

.simple-tab { box-sizing: border-box; }
    .simple-tab > .simple-tab__header { border-bottom: 1px solid #dddfe1; }
        .simple-tab > .simple-tab__header > ul { }
            .simple-tab > .simple-tab__header > ul > li + li {  border-left-style: none; }
            .simple-tab > .simple-tab__header > ul > li { border: 1px solid #dddfe1; background: #f5f5f6; border-radius: 5px 5px 0 0; margin-bottom: -1px; }
                .simple-tab > .simple-tab__header > ul > .simple-tab__tab > a { border: none; background: none; color: #555; }
            .simple-tab > .simple-tab__header > ul > li.active { background: #fff; border: 1px solid #2770DD; border-bottom-color: #fff; }
                .simple-tab > .simple-tab__header > ul > li.simple-tab__tab.active > a { border: none; background: none; color: #2A74E4; font-weight: 700; }
    .simple-tab > .simple-tab__page { border: none; }
    .simple-tab > .simple-tab__page > .simple-tab__contents { margin: 3rem 0; }
    .simple-tab.simple-tab--fill { }
        .simple-tab.simple-tab--fill > .simple-tab__header > ul { display: flex; }
            .simple-tab.simple-tab--fill > .simple-tab__header > ul > li { flex: 1; }
                .simple-tab.simple-tab--fill > .simple-tab__header > ul > li a { padding-left: 0; padding-right: 0; }
    .simple-tab.simple-tab--button { }
        .simple-tab.simple-tab--button > .simple-tab__header { border-bottom-style: none; }
            .simple-tab.simple-tab--button > .simple-tab__header > ul { }
                .simple-tab.simple-tab--button > .simple-tab__header > ul > li { border-radius: 0; border-bottom-style: solid; background: #fff; border-color: #8e8e8c; margin-bottom: 0; }
                    .simple-tab.simple-tab--button > .simple-tab__header > ul > li a { color: #333; padding: 15px 20px;}
                    .simple-tab.simple-tab--button > .simple-tab__header > ul > li.active { background: #0c347c; border-color: #0c347c; }
                        .simple-tab.simple-tab--button > .simple-tab__header > ul > li.active a { color: #fff; font-weight: inherit; }
                .simple-tab.simple-tab--button > .simple-tab__header > ul > li + li { margin-left: 4px; border-left-style: solid; }

.simple-tab > .simple-tab__header .simple-tab--active__inline { display: none; }
.simple-tab > .simple-tab__header .active .simple-tab--active__inline { display: inline-block; }

.simple-tab.simple-tab--full { }
    .simple-tab.simple-tab--full > .simple-tab__header { width: 100%; border-bottom: 1px solid #ddd; position: absolute; top: 0; left: 0; }
        .simple-tab.simple-tab--full > .simple-tab__header > ul { display: flex; max-width: 1240px; margin: auto; }
            .simple-tab.simple-tab--full > .simple-tab__header > ul > .simple-tab__tab { flex: 1; background: none; border: none; text-align: center; font-size: 1.1rem; }
                .simple-tab.simple-tab--full > .simple-tab__header > ul > .simple-tab__tab > a { background: none; border: none; color: #747774; display: inline-block; height: 86px; line-height: 86px; padding: 0 10px; transition: color  .3s; }
                    .simple-tab.simple-tab--full > .simple-tab__header > ul > .simple-tab__tab.active > a,
                    .simple-tab.simple-tab--full > .simple-tab__header > ul > .simple-tab__tab > a:hover { color: #333; border-bottom: 3px solid #333; }
    .simple-tab.simple-tab--full > .simple-tab__page { max-width: 1240px; border: none; margin: 0 auto; padding-top: 86px; }
    .general-page > .simple-tab.simple-tab--full > .simple-tab__page { padding-top: 36px; }

.simple-tab.simple-tab--style2 { }
    .simple-tab.simple-tab--style2 > .simple-tab__header { width: 100%; }
        .simple-tab.simple-tab--style2 > .simple-tab__header > ul { display: flex; max-width: 1240px; margin: auto; }
            .simple-tab.simple-tab--style2 > .simple-tab__header > ul > .simple-tab__tab { flex: 1; background: none; border: none; text-align: center; }
                .simple-tab.simple-tab--style2 > .simple-tab__header > ul > .simple-tab__tab > a { background: #f7f9fb; color: #666; padding: 20px 10px; border: 1px solid #ddd; }
                    .simple-tab.simple-tab--style2 > .simple-tab__header > ul > .simple-tab__tab.active > a,
                    .simple-tab.simple-tab--style2 > .simple-tab__header > ul > .simple-tab__tab > a:hover { color: #00a651; border: 1px solid #00a651; background: #fff; }
    .simple-tab.simple-tab--style2 > .simple-tab__page { width: 100%; border: none; margin: 0 auto; }

.simple-tab.simple-tab--style3 { }
    .simple-tab.simple-tab--style3 > .simple-tab__header { width: 100%; }
        .simple-tab.simple-tab--style3 > .simple-tab__header > ul { }
            .simple-tab.simple-tab--style3 > .simple-tab__header > ul > .simple-tab__tab { border-radius: 0; border-width: 1px; border-color: #dddfe1; width: 20%; }
                .simple-tab.simple-tab--style3 > .simple-tab__header > ul > .simple-tab__tab > a { padding: 15px 0; }
                    .simple-tab.simple-tab--style3 > .simple-tab__header > ul > .simple-tab__tab.active { border-width: 2px; border-color: #0C347C; border-bottom-style: none; }
                    .simple-tab.simple-tab--style3 > .simple-tab__header > ul > .simple-tab__tab.active > a,
                    .simple-tab.simple-tab--style3 > .simple-tab__header > ul > .simple-tab__tab > a:hover { color: #0C347C; }
    .simple-tab.simple-tab--style3 > .simple-tab__page { }

.simple-tab.simple-tab--style4 { }
    .simple-tab.simple-tab--style4 > .simple-tab__header { width: 100%; border-bottom: none; }
        .simple-tab.simple-tab--style4 > .simple-tab__header > ul { max-width: 1240px; margin: auto; display: table; table-layout: fixed; }
            .simple-tab.simple-tab--style4 > .simple-tab__header > ul > .simple-tab__tab { background: none; border: none; text-align: center; display: table-cell; }
                .simple-tab.simple-tab--style4 > .simple-tab__header > ul > .simple-tab__tab > a { background: #fff; color: #333; padding: 15px 10px; border: 1px solid #dedede; min-width: 270px; }
                    .simple-tab.simple-tab--style4 > .simple-tab__header > ul > .simple-tab__tab.active > a,
                    .simple-tab.simple-tab--style4 > .simple-tab__header > ul > .simple-tab__tab > a:hover { color: #fff; border: 1px solid #0c347c; background: #0c347c; }
    .simple-tab.simple-tab--style4 > .simple-tab__page { width: 100%; border: none; margin: 0 auto; }

@media all and (max-width:768px){
    .simple-tab { }
        .simple-tab > .simple-tab__header { border-bottom-style: none; }
            .simple-tab > .simple-tab__header > ul { display: flex; width: 100%; flex-wrap: wrap; }
                .simple-tab > .simple-tab__header > ul > li + li { border-left-style: solid; }
                .simple-tab > .simple-tab__header > ul > li,
                .simple-tab.simple-tab--fill > .simple-tab__header > ul > li { width: calc(50% - 6px) !important; margin: 3px; flex: none; border-radius: 0; }
                    .simple-tab > .simple-tab__header > ul > .simple-tab__tab > a { }
                .simple-tab > .simple-tab__header > ul > li.active { border-bottom-style: solid; }
                    .simple-tab > .simple-tab__header > ul > li.simple-tab__tab.active > a {  }
        .simple-tab.simple-tab--button > .simple-tab__header > ul { display: flex; }
            .simple-tab.simple-tab--button > .simple-tab__header > ul > li { flex: 1; }
                .simple-tab.simple-tab--button > .simple-tab__header > ul > li a { padding: 10px; }
            .simple-tab.simple-tab--button > .simple-tab__header > ul > li + li { margin-left: 0; }
    .simple-tab.simple-tab--style4 > .simple-tab__header > ul > .simple-tab__tab { width: 50% !important; margin: 0; flex: none; border-radius: 0; }
        .simple-tab.simple-tab--style4 > .simple-tab__header > ul > .simple-tab__tab > a { min-width: auto; padding: 10px 10px; }
}

.btn-area { display: flex; flex-wrap: wrap; justify-content: center; margin: 2rem 0; }
    .btn-area--left { justify-content: left; }
    .btn-area--right { justify-content: right; }
    .btn-area > button { flex: 0 1 auto; margin-right: 4px; }
        .btn-area > button:last-child { margin-right: 0; }
    .btn-area__group { display: flex; margin-right: 4px; }
        .btn-area__group > button.round { border-radius: 0; }
            .btn-area__group > button.round:first-child { border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
            .btn-area__group > button.round:last-child { border-bottom-right-radius: 5px; border-top-right-radius: 5px; }
        .btn-area__group:last-child { margin-right: 0; }

.checkbox-icon { position: relative; margin-right: .75em; }
    .checkbox-icon input[type=checkbox] { opacity: 0; position: absolute; }
        .checkbox-icon input[type=checkbox] + i { display: inline-block; position: relative; vertical-align: -.35em; width: 1.375em; height: 1.375em; margin-right: .25em; background-color: transparent;border: 1px solid #a6a6a6;z-index: 1;-webkit-transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-property: background-color, border-color;transition-property: background-color, border-color; }
            .checkbox-icon input[type=checkbox] + i:after {content: '';position: absolute;top: 45%;left: 30%;width: 30%;height: 54%; /*5:9*/ border-bottom: 2px solid transparent;border-right: 2px solid transparent;-webkit-transform: rotate(45deg) translate(-50% -505);transform: rotate(45deg) translate(-50%, -50%);z-index: 2;-webkit-transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);}
            .checkbox-icon input[type=checkbox]:checked + i { background-color: #3686FF;border-color: #3686FF; } /* 12.73 */
                .checkbox-icon input[type=checkbox]:checked + i:after {border-color: #fff;}
            .checkbox-icon input[type=checkbox]:disabled + i { border-color: #b4b4b4; background: #f4f4f4; }
                .checkbox-icon input[type=checkbox]:disabled:checked + i:after { border-color: #b4b4b4; }
            .checkbox-icon input[type=checkbox]:focus + i { outline: 2px solid #333; }

.radio-icon { position: relative; }
    .radio-icon input[type=radio] { opacity: 0; position: absolute; }
        .radio-icon input[type=radio] + i { display: inline-block; position: relative; vertical-align: -.2em; width: 1.1875em; height: 1.1875em; margin-right: .25em; background: #fff;border-radius: 100%;border: 1px solid #a6a6a6;cursor: pointer;text-align: center;transition: all .3s ease; }
            .radio-icon input[type=radio]:checked + i { background-color: #3686FF;box-shadow: inset 0 0 0 .21em #fff; border: 1px solid #3686FF; }
            .radio-icon input[type=radio]:disabled + i { border-color: #b4b4b4; background: #f4f4f4; }
            .radio-icon input[type=radio]:checked:disabled + i { box-shadow: inset 0 0 0 4px #f4f4f4;border-color: #b4b4b4;background: #b4b4b4; }
            .radio-icon input[type=radio]:focus + i { outline: 2px solid #333; }
            
.reserve-term { padding: 3rem; background: #f2f4f7;margin-bottom: 2rem;border: 3px solid #d9e0ec; }
    .reserve-term strong { font-size: 1.4rem; color: #333; }
    .reserve-term p { color: #666; }

.login_wrap { border-radius: 0; padding: 5rem 1rem; margin: 1 }
.login_box .login-error-msg.container { border: none; display: block; margin: 0; border-radius: 0; padding: 0; }     
.login_box .alert { position: relative; margin-bottom: 1rem; border-radius: .25rem; }     
.login_box .login-btn { margin: 1rem 0; }
.login_box .autologin { display: block; width: 100%; text-align: left; padding-top: 4px; clear: both; }
.login_box .autologin input[type=checkbox] { display: inline; width: auto; height: auto; float: none; }
.login_box div:nth-child(1):before,    
.login_box div:nth-child(1):after { display: none; }    

.hint-edu-detail { }
    .hint-edu-detail h5 { font-size: 1rem ; margin: 0 0 .5rem; padding: 0; line-height: 1; }
    .hint-edu-detail .fa { color: #78b; }
    
.hint { }
    .hint--description { font-size: .825rem; color: #777; }

.simple-search-form .simple-toolbar__item input,
.simple-search-form .simple-toolbar__item input,
.simple-search-form .simple-toolbar__item select { border-color: #ededed; background-color: #F8F8F8; height: 60px; color: #4b4b4b; }
/*.simple-search-form .simple-toolbar__item .simple-search-button { border-color: #ededed; background: #F8F8F8; color: #999; }*/
.simple-search-form .simple-toolbar__item .simple-search-button { border-color: #143F70; background: #143F70; color: #fff; text-indent: 0; width: 100px; }
    .simple-search-form .simple-toolbar__item .simple-search-button:after { display: none; }
.simple-search-form .simple-toolbar__item button.blue,
.simple-search-form .simple-toolbar__item .simple-search-cancel-button { border: 1px solid #333; background: #fff; color: #666; }
.simple-search-form .simple-toolbar__item input + .simple-search-button:before { display: none; }
.simple-search-form .simple-toolbar__item input + .simple-search-button:after { color: #666; }
.simple-search-form .SeDateRange { border-color: #ededed; }
    .simple-search-form .SeDateRange button { border-color: #ededed; background: #f8f8f8; color: #999;}
.simple-search-form .SeDatePicker { border-color: #ededed; }
    .simple-search-form .SeDatePicker button { border-color: #ededed; background: #f8f8f8; color: #999;}

.simple-search-form--fill { display: flex; width: 100%; }
.simple-search-form--fill .simple-toolbar__item { display: flex; width: 100%; }
.simple-search-form--fill .simple-toolbar__item > input,
.simple-search-form--fill .simple-toolbar__item > select,
.simple-search-form--fill .simple-toolbar__item > div { flex: 1; }
.simple-search-form--fill .simple-toolbar__item .simple-search-button { background: #143F70; border-color: #143F70; color: #fff; text-indent: 0; width: 100px; }
.simple-search-form--fill .simple-toolbar__item .simple-search-button:after { display: none; }
.simple-search-form--fill .simple-toolbar__item .simple-search-cancel-button { background: #143F70; color: #fff; }

@media all and (max-width:768px) {
    .simple-search-form--fill .simple-toolbar__item { flex-wrap: wrap; border-top: 1px solid #ededed; }
    .simple-search-form--fill .simple-toolbar__item > input,
    .simple-search-form--fill .simple-toolbar__item > select,
    .simple-search-form--fill .simple-toolbar__item > div { min-width: 60%; }
    .simple-search-form--fill .simple-toolbar__item > input,
    .simple-search-form--fill .simple-toolbar__item > select { border-right: 1px solid #ededed; }
    .simple-search-form--fill .simple-toolbar__item input,
    .simple-search-form--fill .simple-toolbar__item select,
    .simple-search-form--fill .simple-toolbar__item div,
    .simple-search-form--fill .simple-toolbar__item button,
    .simple-search-form--fill .simple-toolbar__item .simple-search-button { border-top: none; }
}

.ui-datepicker.ui-datepicker--YearMonthOnly {}
    .ui-datepicker.ui-datepicker--YearMonthOnly .ui-datepicker-header { border-bottom: none; }
    .ui-datepicker.ui-datepicker--YearMonthOnly .ui-datepicker-calendar { display: none; }

.equip-card-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
    .equip-card-list > li { width: calc(50% - 10px); }

.equip-card {transition: all .3s ease; display: flex; border: 1px solid #e5e5e5; flex-direction: column; margin-bottom: 15px; }
    .equip-card:hover {box-shadow: 5px 0 10px rgba(0,0,0,.07);}
    .equip-card .equip-status { display: inline-block; font-size: .85rem; margin-left: 10px; }
    .equip-card .ico-bookmark{width:30px; height: 30px; position: absolute; right: 10px; top: 10px; border: 1px solid #E2E5E8; box-shadow: 0 4px 10px rgba(0,0,0,.15);background: #fff url("../images/icon/bookmark.svg") center no-repeat; border-radius: 5px; }
        .equip-card .ico-bookmark.active{background: #fff url("../images/icon/bookmark_on.svg") center no-repeat;}
    .equip-card__thumb{width: 100%; height: 180px; position: relative; }
        .equip-card__thumb img{position: absolute;top: 50%;left: 50%;width: 100%!important;height: 100%!important;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);object-fit: cover;}
    .equip-card__contents {padding: 15px; /*width: 55%;*/ min-height: 96px; }
        .equip-card__contents .location { display: inline-block; font-size: .85rem; font-weight: 600; color: #4D86D9; background: #E8EFFA; border-radius: 10px; padding: 2px 10px; margin-right: 0; margin-top: 5px; }
        .equip-card__contents .location span{font-size: .85rem; color: #4D86D9; position: relative; display: none; font-weight: 600;padding-right: 13px; margin-right: 8px;}
        .equip-card__contents .location span:after{content: ''; width: 5px; height: 10px; position: absolute; right: 0; top:50%; transform: translateY(-50%); background: url("../images/icon/location.png") center no-repeat;}
        .equip-card__contents .location span:last-child{display: inline-block; padding-right: 0; margin-right: 0;}
        .equip-card__contents .location span:last-child:after{display: none;}
        .equip-card__contents .subject {padding: 20px 0; height: 132px; overflow: hidden;}
        .equip-card__contents .subject strong{color: #333; font-weight: 600; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 52px; overflow: hidden; text-overflow: ellipsis; }
        .equip-card__contents .subject span{color: #555; font-size: .88rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 42px; overflow: hidden; text-overflow: ellipsis; }
            .equip-card-list--booking-list .equip-card__contents .subject { height: 100px; }
                .equip-card-list--booking-list .equip-card__contents .subject span { height: auto; }
                .equip-card-list--booking-list .equip-card__contents .subject .equip-card__contents__nfec { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; font-weight: normal; font-size: .825rem; width: 100%; }
        .equip-card__contents .detail li{display: flex;font-size: .85rem;}
        .equip-card__contents .detail li span{ color: #999; min-width: 55px;}
            .equip-card-list--booking-list .equip-card__contents .detail li span { min-width: 60px; }        
        .equip-card__contents .detail li p{color: #555;}
    .equip-card__status { display: none; /*display: flex; min-width: 95px; justify-content: center; align-items: center; border-left: 1px dashed #E2E5E8; border-right: 1px dashed #E2E5E8; padding: 0 20px;*/ }
    .equip-card__btn-area { padding: 10px; /*display: flex; justify-content: center; align-items: center; flex-wrap: wrap;width: 15%; padding: 55px 40px;*/ }
        .equip-card__btn-area button{display: block; width: 100%; text-align: center; padding: 8px 5px; font-weight: 600;font-size: .92rem; transition: all .3s ease; }
            .equip-card__btn-area button:after{background: #77797D;}
    .equip-card--list { }                
        /*.equip-card--list .equip-card__thumb { width: 300px; height: auto; }                
        .equip-card--list .equip-card__status { display: flex; margin-left: 0; align-content: center; justify-content: center; border-left: 1px dashed #E2E5E8; border-right: 1px dashed #E2E5E8; min-width: 95px; flex-wrap: wrap; }                
        .equip-card--list .equip-card__btn-area { display: flex; align-content: center; justify-content: center; width: 15%; padding: 55px 40px; flex-wrap: wrap; }                
        .equip-card--list .equip-card__contents { padding: 25px; flex: 1; }                
            .equip-card--list .equip-card__contents .status { display: none; }*/
            
    .equip-card--booking-list { }            
        .equip-card--booking-list .equip-card__contents .detail li span { min-width: 70px; }            
        .equip-card--booking-list .equip-card__contents .subject { height: 80px; }
        .equip-card--booking-list .equip-card__btn-area { display: flex; column-gap: 10px; }
            .equip-card--booking-list .equip-card__btn-area button { flex: 1; }

.equip-status .FCS1_1,
.equip-status .FCS1_6,
.equip-status .green{color: #3B9F17; font-weight: 600; }
.equip-status .FCS1_2,
.equip-status .FCS1_3,
.equip-status .red{color: #BD3A3A; font-weight: 600; }

.equip-status .FCB1_3 {color: #3B9F17; font-weight: 600; }
.equip-status .FCB1_1,
.equip-status .FCB1_2,
.equip-status .FCB1_9 {color: #BD3A3A; font-weight: 600; }

@media all and (min-width:768px){
    .equip-card--list { flex-direction: row; margin-bottom: 15px; }
        .equip-card--list .equip-card__thumb { width: 300px; height: auto; }
        .equip-card--list .equip-card__status { display: flex; margin-left: 0; align-content: center; justify-content: center; border-left: 1px dashed #E2E5E8; border-right: 1px dashed #E2E5E8; min-width: 95px; flex-wrap: wrap; }
            .equip-card--list .equip-card__status .equip-status { margin-left: 0; }
        .equip-card--list .equip-card__btn-area { display: flex; align-content: center; justify-content: center; width: 15%; padding: 55px 40px; flex-wrap: wrap; }
        .equip-card--list .equip-card__contents { padding: 25px; flex: 1; }
            .equip-card--list .equip-card__contents .equip-status { display: none; }
            .equip-card--list .equip-card__contents .location span {display: inline-block;}
    .equip-card-list { display: block }
        .equip-card-list > li { width: auto; }
            .equip-card-list .equip-card { flex-direction: row; margin-bottom: 15px; }
                .equip-card-list .equip-card .equip-card__thumb { width: 300px; height: auto; }
                .equip-card-list .equip-card .equip-card__status { display: flex; margin-left: 0; align-content: center; justify-content: center; border-left: 1px dashed #E2E5E8; border-right: 1px dashed #E2E5E8; min-width: 95px; flex-wrap: wrap; }
                    .equip-card-list .equip-card .equip-card__status .equip-status { margin-left: 0; }
                .equip-card-list .equip-card .equip-card__btn-area { display: flex; align-content: center; justify-content: center; width: 15%; padding: 55px 40px; flex-wrap: wrap; }
                .equip-card-list .equip-card .equip-card__contents { padding: 25px; flex: 1; }
                    .equip-card-list .equip-card .equip-card__contents .subject { height: auto; }
                        .equip-card-list .equip-card .equip-card__contents .subject strong,
                        .equip-card-list .equip-card .equip-card__contents .subject span { height: auto; }
                    .equip-card-list .equip-card .equip-card__contents .equip-status { display: none; }
                    .equip-card-list .equip-card__contents .location span {display: inline-block;}
    .equip-card-list--booking-list .equip-card__contents .subject { height: auto; }
        .equip-card-list--booking-list .equip-card__contents .subject span { height: auto; }
        .equip-card-list--booking-list .equip-card__contents .subject .equip-card__contents__nfec { white-space: normal; color: #777; font-weight: normal; font-size: 1rem; width: auto; display: inline; }
    .equip-card--booking-list .equip-card .equip-card__btn-area { column-gap: 0; }
        .equip-card--booking-list .equip-card .equip-card__btn-area button { width: 100%; flex: auto; }            
}

@media (max-width: 1240px){
    /*layout*/
    .general-page {padding: 0 15px;}
    .general-page {padding: 70px 15px;}
    .contents-padding { padding: 70px 15px; }
    /*header*/
    .header .head_menu .gnb .depth01 li .depth02 li a {font-size: 1rem;}
    /*footer*/
    .footer .ft_top ul{padding: 20px 15px; text-align: center;}
}

@media all and (max-width:1200px) {
    html{font-size: 14px;}

    .contents-padding { padding: 15px 0 40px; }
        .contents-padding .find_area { padding-top: 5rem; }

    body .main_slide { /*margin-top: 70px;*/ }

    body #header { z-index: auto;  }
        body #header .header_wrap { height: 70px; overflow: hidden; }
            body #header .header_wrap h1 { padding: 22px 15px 0 15px; }
            body #header .header_wrap .header_in .gnb { display: none; }
        body #header .logo > a, 
        body #header .logo_open > a { width: 150px; background-size: contain; }
        body #header .header_wrap .header_in { position: static; width: auto; float: none; }
        
    #header .header_wrap .header_in .top_menu { background: none; height: auto; padding: 0; float: none; position: static; }
        #header .header_wrap .header_in .top_menu:after { display: none; }
        #header .header_wrap .header_in .top_menu ul li { display: none; line-height: 1; }
        #header .header_wrap .header_in .top_menu ul li.menu { display: block; background: red; }
        
    .sub-visual { /*min-height: 135px; padding-top: 70px*/ padding-top: 0; min-height: 65px; }
        .sub-visual__title { padding: 6px 15px 0; }
            .sub-visual__title h2 { font-size: 1.3rem; }
        .sub-visual__breadcrumb { position: static; top: auto; left: auto; width: auto; height: auto; padding: 0 15px; }
        .sub-visual .sub-visual__breadcrumb__list { padding: 0; text-align: left; line-height: 1; }
            .sub-visual .sub-visual__breadcrumb__list__item:first-child { width: 17px; height: 17px; padding: 0; margin-right: 15px; background-size: contain; }

    .allmenu_box { background: transparent; /*position: absolute;*/ position: relative; }
        .allmenu_box button { display: none; }
        .allmenu_box .title { display: none; }
        .allmenu_box .top_menu { display: block; background: #0c347c; margin-top: 70px; }
            .allmenu_box .top_menu { display: block; background: #0c347c; /*margin-top: 70px;*/ text-align: center; margin-top: 0; }
                .allmenu_box .top_menu ul li { display: inline-block; width: auto; border-bottom: none; padding: 1rem 0; }
                    .allmenu_box .top_menu ul li:after { display: inline-block; content: ''; height: 0.8rem; line-height: 10px; border-left: 1px solid #fff; vertical-align: middle; margin: 0 .5rem; width: 1px; opacity: .3; }
                    .allmenu_box .top_menu ul li:last-child:after { display: none; }
                    .allmenu_box .top_menu ul li a { color: #fff; }
            .allmenu_box .top_menu .login-out-btn a:before { font-family: bootstrap-icons; content: "\f1be"; display: inline; margin-right: 5px; -webkit-font-smoothing: antialiased; font-size: 15px; width: 15px; height: 15px; vertical-align: top; }
            .allmenu_box .top_menu .user a:before { content: ''; background: url('../images/icon/mypage.svg') no-repeat; background-position: center 1px; margin-right: 0; font-size: 1rem; width: 1rem; height: 1rem; display: inline-block; vertical-align: middle;}
        .allmenu_box .allmenu_inner { height: auto; position: absolute; top: 0; left: 0; width: 100%; }
        .allmenu_box .allmenu_content { margin-top: 0; background: #fff; position: static; top: 0; bottom: auto; overflow: visible; box-shadow: 0 5px 15px rgb(0 0 0 / 10%); }
        .allmenu_box ul li { padding: 0; text-align: center; display: block; }
            .allmenu_box ul li,
            .allmenu_box ul li:hover { border-bottom: none; }
            .allmenu_box ul li h2 { color: #101010; font-size: 1.2rem; font-weight: 500; padding: 15px; line-height: inherit; display: block; width: auto; cursor: pointer; }
            .allmenu_box ul li > div { display: none; }
                .allmenu_box ul li.active > div { display: block; }
                .allmenu_box ul li > div ul li { margin-left: 0 !important;; }
                    .allmenu_box ul li > div ul li:before { display: none; }
            .allmenu_box ul li .depth { background: #f4f5f9; width: 100%; }
                .allmenu_box ul li .depth li { display: block; }
                    .allmenu_box ul li .depth li a { color: #555; opacity: 1; padding: 10px; font-size: 1rem; line-height: 1.7rem; display: block; }

    .mobile-nav-btn { display: block; z-index: 10000; }

    #footer .copy h1 { display: block; text-align: center; padding-bottom: 10px; }
	#footer .copy h1 a {width:150px;}
    #footer .copy ul { display: block; text-align: center; }
    #footer .policy .policy_wrap { text-align: center; }
    
    .cal__day__content__duration { }    
        .cal__day__content__duration__sttm,
        .cal__day__content__duration__edtm { display: block; margin-right: .25rem; }
        .cal__day__content__duration__sttm:after { display: none; }
        .cal__day__content__duration__edtm { color: #777; }

    .SeTimePicker .tui-timepicker-spinbox .tui-timepicker-btn-area { height: 31px; }

    .equip-card__contents .subject { height: 120px; }
        .equip-card__contents .subject strong{ height: 42px; }
        .equip-card__contents .subject span{ height: 38px; }

        .equip-card-list .equip-card .equip-card__btn-area { padding: 10px; }

}

@media all and (max-width:768px){
    /*.sub-visual { background: #0c347c; min-height: 160px; }*/

    .contents-padding .find_area { padding-top: 3rem; padding-bottom: 3rem; }
        .contents-padding .find_area .simple-tab__page.login_wrap,
        .contents-padding .find_area .login_wrap { margin-top: 3rem; padding: 3rem 1rem;  }

    .cal .table-style2 { border-bottom: none; }
    .cal .table-style2 th { background: none; }
    .cal .table-style2 td { height: 54px; border-style: none; transition: height .2s ease; text-align: center; }            
        .cal .table-style2 td.active .cal__day__day { background: #e7eaed; color: #000; }            
        .cal .table-style2 tr:first-child td { border-top-style: solid; }            
        .cal .table-style2 td .cal__day__content-dot { line-height: 1; }            
            .cal .table-style2 td .cal__day__content-dot > li { display: inline-block;width: 5px;height: 5px;background: #31B0AC;border-radius: 5px; margin-right: 4px; }            
        .cal .table-style2 td .cal__day__content-wrap { position: absolute; left: 0; width: 100%; background: #EBF1FA; margin-top: 5px; border-radius: 4px; padding: 5px; height: auto; display: none; }             
            .cal .table-style2 td.active .cal__day__content-wrap { display: block; text-align: left; }             
            .cal .table-style2 td .cal__day__content { height: auto; }             
                .cal .table-style2 td .cal__day__content > li { margin-top: 0; border-radius: 0; border-bottom: 1px solid #d9e3f2; }            
                    .cal .table-style2 td .cal__day__content > li:last-child { border-bottom: none; }            
                    .cal .table-style2 td .cal__day__content-wrap .btn-area { margin: .5rem 0; }            
                        .cal .table-style2 td .cal__day__content-wrap .btn-area button { width: auto; }

    .cal__day__content__duration { }    
        .cal__day__content__duration__sttm,
        .cal__day__content__duration__edtm { display: inline-block;}
        .cal__day__content__duration__sttm:after { display: inline-block; }
        .cal__day__content__duration__edtm { color: #777; }

    .simple-tab.simple-tab--style3 > .simple-tab__header > ul > .simple-tab__tab > a { padding: 10px 0; }
        .simple-tab.simple-tab--style3 > .simple-tab__header > ul > .simple-tab__tab.active { border-width: 1px; border-color: #0C347C; border-bottom-style: solid; }
                        
    .mobile-flex { display: flex !important; }                                    
    .mobile-block { display: block !important; }                                    
    .mobile-inline-block { display: inline-block !important; }                                    
    .mobile-hidden { display: none !important; }                                    

    .reserve-term {padding:2rem; margin-bottom: 1rem;}

    .simple-search-form .simple-toolbar__item { margin-bottom: 8px;}

    .simple-search-form .simple-toolbar__item button,
    .simple-search-form .simple-toolbar__item input,
    .simple-search-form .simple-toolbar__item select { border-right-style: solid; margin-left: -1px; }
    
}/*// @media all and (max-width:768px) */

@media screen and (max-width:768px){
    .SeForm--Flex { }
        .SeForm--Flex > .SeForm__Item { display: block; }
            .SeForm--Flex > .SeForm__Item > .SeForm__Item__Label { display: block; width: 100%; border: none; padding-left: 0; padding-right: 0; }
                .SeForm--Flex > .SeForm__Item > .SeForm__Item__Label:first-child { border-left: none; }
            .SeForm--Flex > .SeForm__Item > .SeForm__Item__Field { display: block; padding-left: 0; padding-right: 0; padding-top: 0; }
}

@media all and (max-width:565px) {
    .equip-card-list { display: block; }
        .equip-card-list > li { width: 100%; }

    .equip-card--booking-list > li { width: 100%; }

    .find_area .find_result .btn_area button { flex: none; }
        .find_area .find_result .btn_area button:first-child { flex: 1; }
}

.SePager ul li.SePager__Page { vertical-align: middle; }
    .SePager ul li.SePager__Page a { font-size: .9rem; color: #333; }
    .SePager ul li.SePager__Page--Active a { color: #2149a6; font-weight: 600; text-decoration: underline; background: transparent; }
    .SePager ul li.SePager__First a span { background: url('../images/icon/ico_page_prev_all.png') center no-repeat; width: 21px; height: 21px; }
    .SePager ul li.SePager__Prev a span { background: url('../images/icon/ico_page_prev.png') center no-repeat; width: 21px; height: 21px; }
    .SePager ul li.SePager__Next a span { background: url('../images/icon/ico_page_next.png') center no-repeat; width: 21px; height: 21px; }
    .SePager ul li.SePager__Last a span { background: url('../images/icon/ico_page_next_all.png') center no-repeat; width: 21px; height: 21px; }

    .SePager ul li.SePager__First a, 
    .SePager ul li.SePager__Prev a, 
    .SePager ul li.SePager__Next a, 
    .SePager ul li.SePager__Last a { padding: 5px 0 0; }

.qr_view input[type=range] { width: 100%; accent-color: #5868fa; }
.qr_view.qr_view-extend .info ul { width: 240px; }
.qr_view.qr_view-extend .info li label { width: 100px; }

.popup-equip-notice-wrap { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: flex; align-items: center; justify-content: center; gap: 50px; box-sizing: border-box; flex-direction: column; }
    .popup-equip-notice { background: #fff; min-width: 500px; max-width: 800px; max-height: 800px; border: 1px solid #333; display: flex; flex-direction: column; }
        .popup-equip-notice__subject { background: #fff; padding: 8px 16px; border-bottom: 1px solid #e9e9e9; font-weight: 600; }
        .popup-equip-notice__content { background: #fff; padding: 8px 16px; overflow: auto; white-space: pre-wrap; }
        .popup-equip-notice__footer { background: #333; color: #fff; padding: 4px 16px; }
        .popup-equip-notice__footer label { padding-right: 16px; margin-bottom: 0; }
        .popup-equip-notice__footer a { color: #fff; float: right; }
    

@media print {
    body.site-popup { min-width: auto !important; }
    body .popupWrapper #se-router-root { margin-left: 0; margin-right: 0; width: 100%; padding-top: 0; }

    .general-page, 
    body.site-admin-page .general-page { padding: 0; }
    
    body > #header,
    body > #footer,
    body > .sub-visual { display: none; }
}

.tui-grid-cell-content__line-2, 
.tui-grid-cell-content__line-3, 
.tui-grid-cell-content__line-4,
.tui-grid-cell-content__line-5 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; max-height: 3em; overflow: hidden; }
.tui-grid-cell-content__line-3 { -webkit-line-clamp: 3; max-height: 4.5em; }
.tui-grid-cell-content__line-4 { -webkit-line-clamp: 4; max-height: 6em; }
.tui-grid-cell-content__line-5 { -webkit-line-clamp: 5; max-height: 7.5em; }

.equip-operation-journal { }

#print-content .equip-operation-journal-tbl-wrap { background: #fff; padding-bottom: 25px; margin-bottom: -45px !important; position: relative; z-index: 1; }

.equip-operation-journal-tbl { }
    .equip-operation-journal-tbl--has-header { border-top: none; }
    .equip-operation-journal-tbl th,
    .equip-operation-journal-tbl td { padding: 4px 2px !important; font-size: .875rem; word-break: break-all; }
    .equip-operation-journal-tbl__row { }
        .equip-operation-journal-tbl__row--split { }
            .equip-operation-journal-tbl__row--split th,
            .equip-operation-journal-tbl__row--split td { border-top: 2px solid #333 !important; }
    .equip-operation-journal-tbl__mgr-regno-row { }
        .equip-operation-journal-tbl__mgr-regno-row th,
        .equip-operation-journal-tbl__mgr-regno-row td { border-right-style: none !important; border-bottom: 2px solid #0c347c !important; text-align: right !important; }
            #print-content .equip-operation-journal-tbl__mgr-regno-row th,
            #print-content .equip-operation-journal-tbl__mgr-regno-row td { height: 50px; }
        .equip-operation-journal-tbl__mgr-regno-row .equip-operation-journal__mgr-regno { line-height: 1.5; }
    .equip-operation-journal-tbl__cell { }
        .equip-operation-journal-tbl__cell--disabled { background-color: #f9f9f9; }
        .equip-operation-journal-tbl__cell--editable { background-color: #fffacd; cursor: pointer; position: relative; }
            .equip-operation-journal-tbl__cell--editable:hover { background-color: #fff68f; }
            .equip-operation-journal-tbl__cell--editable textarea { padding: 5px; border: 1px solid #ccc; }
            .equip-operation-journal-tbl__cell--editable input,
            .equip-operation-journal-tbl__cell--editable textarea { font-size: .875rem; }
.equip-operation-journal { }
    .equip-operation-journal__mgr-regno { vertical-align: middle; line-height: 1.75; font-weight: 300; }
        .equip-operation-journal__mgr-regno span { font-size: 1.75em; }
    .equip-operation-journal__fac-regno,
    .equip-operation-journal__org-nm { font-size: 1.75em; vertical-align: middle; line-height: 1.75; }
    .equip-operation-journal__mgr-user { display: flex; width: 75%; min-height: 3em; align-items: center; font-weight: 500; margin: auto; }
        .equip-operation-journal__mgr-user > div { flex: 1; font-size: 1.5em; }

.simple-tag-list { display: inline; }
    .simple-tag-list__item { display: inline-block; background: #3686FF; border: 1px solid #2770dd; margin: 0 .25em; border-radius: 4px; padding: 0; line-height: 1.5; }
        .simple-tag-list__item > label { color: #fff; padding: 0 .5em; }
        .simple-tag-list__item > button { color: #fff; background: #3686FF; border-left: 1px solid rgba(0,0,0, .10); width: 24px }
        .simple-tag-list__item > button:hover { background: #2770dd; }

.btn-file-upload-wrap { }
    .btn-file-upload-wrap .btn-file-upload { }
        .btn-file-upload-wrap .btn-file-upload button { color: #fff; background: #35445b; padding: .7rem 1.5rem; }
            .btn-file-upload-wrap .btn-file-upload button:hover { background: #273750; }
            .btn-file-upload-wrap .btn-file-upload button .fa { display: none; }
            .btn-file-upload-wrap .btn-file-upload button .file-input-count { height: 18px;min-width: 18px; border-radius: 3px; background: #d4e2f7; color: #35445b; margin-left: .5rem; font-size: .825rem; }
                .btn-file-upload-wrap .btn-file-upload button .file-input-count:after { content: '건'; }
    .btn-file-upload-wrap h4 { display: none; }
    .btn-file-upload-wrap .file-input-list-wrap { border: none; margin-top: 6px; }
    .btn-file-upload-wrap .file-input-list > li { position: relative; border-bottom: none; padding: 2px 10px; }
        .btn-file-upload-wrap .file-input-list > li:before { content: ''; width: 15px; height: 15px; background: url(../images/icon/ico_board_file_sm.png) center no-repeat; display: inline-block; vertical-align: middle; margin-right: .5rem; }

/* 공지사항 / 자료실 */
.general-page--bbs { }
    .general-page--bbs .search { margin-bottom: 15px; text-align: right; display: flex; width: 100%; flex-wrap: wrap; }
        .general-page--bbs .search .simple-search-form { flex: 1;}
            .general-page--bbs .simple-search-form .simple-toolbar__item select { width: 170px; margin-right: 5px; border-right-style: solid; height: 55px; padding: 10px 50px 10px 20px; }
            .general-page--bbs .simple-search-form .simple-toolbar__item input { width: 250px; height: 55px; padding: 10px 20px; }
            .general-page--bbs .simple-search-form .simple-toolbar__item button { background: url(../images/icon/search-line.svg) center no-repeat; background-color: #f8f8f8; border-color: #ededed; width: 50px; height: 55px; }
        .general-page--bbs .search .search-stats { display: flex; align-items: flex-end; color: #444; }
            .general-page--bbs .search .search-stats span { color: #3686ff; font-weight: 600; }    
    .general-page--bbs .SePager { margin: 0; padding: 2rem 0; }
    .general-page--bbs .has_file { display: inline-block; width: 20px; height: 20px; vertical-align: middle; background: url(../images/icon/ico_board_file.svg) center center no-repeat; }

.page_noti{background: #f7f8f9; padding: 30px; margin-bottom: 20px; }
    .page_noti strong{ font-size: 1.3rem; margin-bottom: 10px; display: block;}
    .page_noti p{font-size: 1rem; line-height: 1.5rem; color: #444;}

.bbs-table { width: 100%; margin-bottom: 2rem; border-top: 2px solid #0c347c; } 
    .bbs-table thead th { padding: 15px 10px; font-weight: 500; background: #f6f7fc; }
    .bbs-table th,
    .bbs-table td { text-align: center; }
    .bbs-table > tr > td,
    .bbs-table > tbody > tr > td,
    .bbs-table > thead > tr > td { border-right-style: none; color: #555; border-bottom: 1px solid #eaeaea; padding: 25px 10px; }
    .bbs-table .notice { color: #3078e5; font-size: .9rem; font-weight: 600; vertical-align: middle;}
        .bbs-table .notice .bi { display: none; }
    .bbs-table .bbs-table__num { width: 112px; }
    .bbs-table .bbs-table__category { color: #777; display: inline-block; position: relative; font-weight: 400; }
        .bbs-table .bbs-table__category:after { content: ''; display: inline-block; width: 1px; height: 16px; background: #ddd; margin-left: 1rem; margin-right: 1rem; vertical-align: middle; }
    .bbs-table .bbs-table__subject { text-align: left; font-size: 1.1rem; color: #333; }
    .bbs-table .bbs-table__writer { width: 120px; }
    .bbs-table .bbs-table__reg-date { width: 130px; }
    .bbs-table .bbs-table__read-cnt { width: 100px; }
    .bbs-table .bbs-table__file-cnt { width: 70px; }
    .bbs-table .bbs-table__info { display: flex; color: #555; font-size: 1rem; margin-top: 4px; }
        .bbs-table .bbs-table__info > li { }
        .bbs-table .bbs-table__info > li:before { content: ''; display: inline-block; width: 1px; height: 10px; background: #ddd; margin-left: 15px; margin-right: 15px; }
        .bbs-table .bbs-table__info > li:first-child:before { display: none; }
    .bbs-table--view { }        
        .bbs-table--view .bbs-table__subject { font-size: 1.5rem; font-weight: 500; padding: 25px 15px; }        
            .bbs-table--view .bbs-table__subject .bbs-table__info { font-weight: 400; color: #777; margin-top: 1rem; }
        .bbs-table--view .bbs-table__content { padding: 60px; line-height: 1.7; }
        .bbs-table--view .bbs-table__file { padding: 30px 60px; background: #fcfcfc; border-bottom-style: none; text-align: left; }
            .bbs-table--view .bbs-table__file .file-input-list li { position: relative; padding-left: 24px; }
                .bbs-table--view .bbs-table__file .file-input-list li:before { content: ''; position: absolute; top: 3px; left: 0; width: 15px; height: 15px; background: url(../images/icon/ico_board_file_sm.png) center no-repeat; }

.bbs-form { }
    .bbs-form .SeForm__Item { min-height: 60px; }
    .bbs-form .SeForm__Item .SeForm__Item__Field { display: flex; align-items: center; }
        .bbs-form .SeForm__Item .SeForm__Item__Field .cke { flex: 1; }
                
.bbs-toolbar { display: flex; margin: 2rem 0; }        
    .bbs-toolbar .bbs-toolbar__list-btn-wrap { flex: 1; text-align: left; }        

@media (max-width: 991px) {
    .general-page--bbs .search { padding: 20px 10px; }
        .general-page--bbs .search .search-stats { width: 100%; margin-bottom: 5px; }
    .general-page--bbs .simple-search-form .simple-toolbar__item { width: 100%; }
        .general-page--bbs .simple-search-form .simple-toolbar__item select,
        .general-page--bbs .simple-search-form .simple-toolbar__item input,
        .general-page--bbs .simple-search-form .simple-toolbar__item button { height: 40px; }
        .general-page--bbs .simple-search-form .simple-toolbar__item select { width: 100%; margin-bottom: 5px; }
        .general-page--bbs .simple-search-form .simple-toolbar__item input { width: calc(100% - 50px); }
        
    .bbs-table { }
        .bbs-table .bbs-table__num { width: 100px; }
        .bbs-table .bbs-table__subject { }
        .bbs-table .bbs-table__writer { width: 120px; }
        .bbs-table .bbs-table__reg-date { width: 110px; }
        .bbs-table .bbs-table__read-cnt { width: 70px; }
        .bbs-table .bbs-table__file-cnt { width: 50px; }
}

@media (max-width: 768px) {
    .page_noti{padding: 15px;}
        .page_noti strong{font-size: 1.1rem;}

    .bbs-table { }
        .bbs-table thead { display: none; }
        .bbs-table .bbs-table__num { width: auto; vertical-align: top; white-space: nowrap; }
        .bbs-table .bbs-table__subject { width: 100%; }
        .bbs-table .bbs-table__writer { display: none; }
        .bbs-table .bbs-table__reg-date { display: none; }
        .bbs-table .bbs-table__read-cnt { display: none; }
        .bbs-table .bbs-table__file-cnt { width: auto; }
        .bbs-table--view { }
            .bbs-table--view .bbs-table__content { padding: 50px 0; }
            .bbs-table--view .bbs-table__file { padding: 20px 10px; }

    .bbs-toolbar { flex-wrap: wrap; }
        .bbs-toolbar .bbs-toolbar__list-btn-wrap { width: 100%; flex: none; margin-bottom: 1rem; }
            .bbs-toolbar .bbs-toolbar__list-btn-wrap button { width: 100%; }

    .btn-file-upload-wrap .file-input-list > li span.trash { width: auto; height: auto; background: #ff0060; color: #fff; border-radius: 5px; padding: 4px 8px; }
        .btn-file-upload-wrap .file-input-list > li span.trash:hover { background: #ed0059; }
        .btn-file-upload-wrap .file-input-list > li span.trash:after { content: '삭제'; }
}

#print-content { }
    #print-content .print-hidden { display: none !important; }
    #print-content .print-block { display: block !important; }
    #print-content .print-inline-block { display: inline-block !important; }

.print-preview-block { display: none; }
#print-content .print-preview-block { display: block; }

@media print {
    .page-com-commonPrint { font-size: 16px; }
    
    .equip-operation-journal { width: 900px; }

    .equip-operation-journal-tbl { }
        .equip-operation-journal-tbl th,
        .equip-operation-journal-tbl td { vertical-align: middle !important; }

    #print-content .print-preview-block { display: none; }
}