/* common */

/* 레이아웃 */
.mobile {display:none;}
.ta-left {text-align:left !important;}
.ta-right {text-align:right !important;}
.ta-center {text-align:center !important;}

.container-400 {max-width:400px; width:100%; padding:90px 0 110px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}
.mt0 {margin-top:0;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt60 {margin-top:60px;}
.mr0 {margin-right:0;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.ml5 {margin-left:5px;}
.ml30 {margin-left:30px;}

.pb0 {padding-bottom:0 !important;}
.pb10 {padding-bottom:10px;}
.pb14 {padding-bottom:14px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pt13 {padding-top:13px;}
.pt14 {padding-top:14px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pl20 {padding-left:20px;}
.pall0 {padding:0;}

.logo-head-cont {text-align:center; margin-bottom:100px;}
.logo-head-cont img {width:auto; max-width:50%;}

.list-none {display:block; text-align:center; margin:30px 0;font-weight:600; color:#8f8f8f;}
.list-none .list-none-txt {display:flex; align-items:center; justify-content:center;font-weight:600; color:#8f8f8f;}
.list-none .list-none-txt td {font-weight:600; color:#8f8f8f;}
.list-none .list-none-txt span {font-weight:600; color:#8f8f8f;}

.dis-blo {display:block;}
.dis-in-blo {display:inline-block;}
.dis-in-fl {display:inline-flex;}
.dis-fl {display:flex;}
.dis-rev {display:revert;}
.fl-rc {align-items:center;}
.fl-cc {justify-content:center;}
.fl-cb {justify-content:space-between !important;}
.fl-col {flex-direction: column;}
.fl-center {display:flex; align-items:center; justify-content:center !important;}

.input-s01 {padding:8px; border:1px solid #c0c0c0; border-radius:5px;}
.input-s02 {padding:5px; border:1px solid #c0c0c0; border-radius:5px;}


/* 버튼 */
.btn-s01 {background-color:#239609; color:#fff; padding:6px 8px; border-radius:5px;}
.btn-s02 {border:1px solid #239609; color:#239609; background-color:#fff; padding:6px 8px; border-radius:5px;}
.btn-s03 {background-color:#E5E5E5; color:#000; padding:6px 16px; border-radius:5px; border:1px solid #E5E5E5;}
.btn-s04 {background-color:#239609; color:#fff; padding: 6px 14.5px; border-radius:5px;}
.datepicker {position:relative;}
/* .datepicker:before {content:''; position:absolute; top:50%; right:5px; display:block; width:15px; height:16px; background-image:url('/resources/image/icon/datepicker.png'); transform:translateY(-50%);} */
.datepicker::placeholder {}
.google-btn-wrap {display:flex; align-items:center; justify-content:flex-end;}
.cal-google-btn {background-color: #fff; padding:6px 10px; text-align:center; border:1px solid #239609; cursor:pointer; display:inline-block; color:#239609; border-radius:2px;margin-left:4px;}
.cal-google-btn:before {content:''; background-image:url('/resources/image/IR/google.png'); display:inline-block; width:16px; height:16px; background-position: center; background-repeat: no-repeat; background-size: 100%; vertical-align:middle;}

.pagenation-cont {margin-top:30px;}

/* 폰트 */
.f-w600 {font-weight:600;}
.f-w700 {font-weight:700;}
.f-c5e5e5e {color:#5e5e5e;}
.f-c239609 {color:#239609;}
.f-c000 {color:#000;}
.f-s16 {font-size:1.143rem;}
.f-s18 {font-size:1.286rem;}

.txt-ell {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 보더 */
.bd-none {border:none !important;}
.bd-bC0C0C0 {border-bottom:1px solid #C0C0C0;}
.bd-rC0C0C0 {border-right:1px solid #C0C0C0;}
.bb-none {border-bottom:none!important;}

/* 컬러 */
input[type='text']::placeholder, input[type='password']::placeholder {color:#c0c0c0;}

/* 211111_table */
.w-auto {width:auto !important;}
.w345 {width:345px !important;}
.w5 {width:5% !important;}
.w10 {width:10% !important;}
.w15 {width:15% !important;}
.w20 {width:20% !important;}
.w25 {width:25% !important;}
.w30 {width:30% !important;}
.w35 {width:35% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w50 {width:50% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w65 {width:65% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w80 {width:80% !important;}
.w85 {width:85% !important;}
.w90 {width:90% !important;}
.w95 {width:95% !important;}
.w100 {width:100% !important;}

.mh52 {min-height: 52px;}
.mh54 {min-height: 54px;}


.w-calc2 {width: calc((100%/2) - 12px) !important;}
.w-calc2:nth-child(2n) {margin-right:0 !important;}
.w-calc2:nth-child(2n)~.cont-table {margin-top:30px;}


/* 211118 table */
.table-cont {margin-top:48px;}
.table-search-row {position:relative; display:inline-flex;}

/* 정렬 */
.sort-item {display:inline-flex; align-items:center; font-weight:500; font-size:.9rem; line-height:1rem;}
.sort-item i {cursor:pointer;}
.sort-item .xi-align-justify, .sort-item .xi-sort-desc, .sort-item .xi-sort-asc{display:none;}    
.sort-item.sort- .xi-align-justify{display:inline-block;}
.sort-item.sort-desc .xi-sort-desc{display:inline-block;}
.sort-item.sort-asc .xi-sort-asc{display:inline-block;}

@media (min-width:769px) and (max-width:1339px) {
    .tablet {display:none;}
}

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

    /* 레이아웃 */
    .pc {display:none;}
    .mobile {display:block;}

    .container-400 {max-width:100%; padding:0 20px 60px;}

    .m-ta-left {text-align:left !important;}
    .m-ta-right {text-align:right !important;}

    /* 폰트 */
    .m-f-w700 {font-weight:700;}
    .m-f-c5e5e5e {color:#5e5e5e;}
    .m-f-c239609 {color:#239609;}

    /* 보더 */
    .m-bd-none {border:none !important;}
    .m-bd-bC0C0C0 {border-bottom:1px solid #C0C0C0;}

    /* table */
    .m-db {display:block !important;}
    .m-w5 {width:5% !important;}
    .m-w10 {width:10% !important;}
    .m-w15 {width:15% !important;}
    .m-w20 {width:20% !important;}
    .m-w25 {width:25% !important;}
    .m-w30 {width:30% !important;}
    .m-w35 {width:35% !important;}
    .m-w40 {width:40% !important;}
    .m-w45 {width:45% !important;}
    .m-w50 {width:50% !important;}
    .m-w55 {width:55% !important;}
    .m-w60 {width:60% !important;}
    .m-w65 {width:65% !important;}
    .m-w70 {width:70% !important;}
    .m-w75 {width:75% !important;}
    .m-w80 {width:80% !important;}
    .m-w85 {width:85% !important;}
    .m-w90 {width:90% !important;}
    .m-w95 {width:95% !important;}
    .m-w100 {width:100% !important;}


    .m-f-c5e5e5e {color:#5e5e5e;}
    .m-borb-C0C0C0 {border-bottom:1px solid #C0C0C0;}
    .m-bor0 {border:0;}
    .m-mb10 {margin-bottom:10px;}
    .m-mb0 {margin-bottom:0;}
    
    .m-mb5 {margin-bottom:5px;}
    .m-mb15 {margin-bottom:15px;}
    .m-mb20 {margin-bottom:20px;}
    .m-mb30 {margin-bottom:30px;}
    .m-mb40 {margin-bottom:40px;}
    .m-mt0 {margin-top:0 !important;}
    .m-mt5 {margin-top:5px !important;}
    .m-mt10 {margin-top:10px;}
    .m-mt20 {margin-top:20px;}
    .m-mt25 {margin-top:25px;}
    .m-mt30 {margin-top:30px;}
    .m-mauto {margin: 0 auto;}
    
    .m-pb0 {padding-bottom:0 !important;}
    .m-pb10 {padding-bottom:10px !important;}
    .m-pb15 {padding-bottom:15px !important;}
    .m-pb20 {padding-bottom:20px !important;}
    .m-pb30 {padding-bottom:30px;}
    .m-pt0 {padding-top:0 !important;}
    .m-pt5 {padding-top:5px;}
    .m-pt10 {padding-top:10px !important;}
    .m-pt20 {padding-top:20px !important;}
    .m-pt30 {padding-top:30px;}
    .m-pt40 {padding-top:40px;}
    .m-pr0 {padding-right:0;}
    .m-pr5 {padding-right:5px !important;}
    .m-pr10 {padding-right:10px !important;}
    .m-pr20 {padding-right:20px;}
    .m-pl0 {padding-left:0;}
    .m-pl5 {padding-left:5px !important;}
    .m-pl10 {padding-left:10px !important;}
    .m-pl20 {padding-left:20px;}
    .m-plr20 {padding-left:20px; padding-right:20px;}
    .m-p0 {padding:0 !important;}

    .m-dis-blo {display:block !important;}
    .m-dis-in-fl {display:inline-flex;}
    .m-dis-fl {display:flex !important;}
    .m-dis-re {display:revert;}
    .m-fl-rc {align-items:center;}
    .m-fl-cc {justify-content:center;}
    .m-fl-cfs {justify-content:flex-start !important;}
    .m-fl-col {flex-direction: column;}
    .m-fl-nowp {flex-wrap: nowrap;}

    .m-lihe2_5 {line-height: 2.5;}

    .m-minh-auto {min-height: auto;}

    .cal-excel-btn {padding:10px; font-size:13px;margin-top:20px;}

}




/* --------------------------------------------------------------------- header --------------------------------------------------------------------- */
.header {position:fixed; width:100%; top:0; align-items:center; display:flex; justify-content:center; background-color:#fff; z-index:10;}
.header .gnb-menu {width:75%; padding:30px 0;}
.header .gnb-menu .header-container {display:flex; align-items:flex-end; justify-content:space-between;}

/* .header .gnb-menu .header-container .logo a {font-size:1.4rem; font-weight:600;} */
.header .mo-gnb-menu .hd-logo img {height:83px; width:auto;}

.header .gnb-menu .header-container .hd-user {display:flex; align-items:center; justify-content:flex-end; margin:0 auto; width:60%; padding:8px 0;}
.header .gnb-menu .header-container .hd-user .user-btn {display:inline-flex; align-items:center; font-size:1rem; color:#8f8f8f;}
.header .gnb-menu .header-container .hd-user .user-btn:last-child {margin-right:0;}
.header .gnb-menu .header-container .hd-logo {text-align:center; margin-right:2vw;}
.header .gnb-menu .header-container .hd-logo a {display:inline-block; max-width:170px;}
.header .gnb-menu .header-container .hd-logo a img {display:inline-block; width:80%;}
.header .gnb-menu .header-container .hd-menu {display:flex; align-items:flex-end;}
/* .header .gnb-menu .header-container .hd-menu {position:absolute; left:50%; transform:translateX(-50%); top:27px;} */
.header .gnb-menu .header-container .hd-menu .menu-container { margin:0 auto; display:flex;align-items:flex-end;}
.header .gnb-menu .header-container .hd-menu .menu-container .menu-right .menu-txt a {font-weight:normal;}
.header .gnb-menu .header-container .hd-menu .menu-container .menu-txt {padding:15px 0.9vw 12px 0.9vw; position:relative; margin-bottom:-10px;}
.header .gnb-menu .header-container .hd-menu .menu-container .menu-txt:last-child {padding-right:0;}
.header .gnb-menu .header-container .hd-menu .menu-container .menu-txt a {position:relative; font-weight:bold; font-size:1.1rem; transition:.25s;}
.header .gnb-menu .header-container .hd-menu .menu-container .menu-txt a:hover {color:#239609;}

/* .header .gnb-menu .header-container .hd-menu .menu-container .menu-txt .wrap-2depth {display:none; position:absolute; top:20px; left:50%; transform:translateX(-50%); padding-top:30px; cursor:pointer;} */
.header .gnb-menu .header-container .hd-menu .menu-container .menu-txt .wrap-2depth { overflow: hidden; visibility: hidden; opacity: 0; position: absolute; top: 50px; left: 50%; z-index: -1; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.header .gnb-menu .header-container .hd-menu .menu-container .menu-txt:hover .wrap-2depth { opacity: 1; z-index: 5; visibility: visible; -webkit-transition: opacity 0.3s; -ms-transition: opacity 0.3s; transition: opacity 0.3s;}
.header .gnb-menu .header-container .hd-menu .menu-container .menu-txt .wrap-2depth .menu-2depth {/* display:none; position:absolute; top:50px; left:50%; transform:translateX(-50%); */ background:#fff; padding:20px; width:167px; box-shadow:4px 6px 13px rgba(0,0,0,0.1); border-radius:4px; border:1px solid #e5e5e5;}
.header .gnb-menu .header-container .hd-menu .menu-container .menu-txt .wrap-2depth .menu-2depth li { text-align:center;}
.header .gnb-menu .header-container .hd-menu .menu-container .menu-txt .wrap-2depth .menu-2depth li a {font-weight:400; font-size:1.1rem;}
.header .gnb-menu .header-container .hd-menu .menu-container .menu-txt:hover .wrap-2depth {display:block;}
.header .gnb-menu .header-container .hd-menu .menu-container .menu-txt:hover .wrap-2depth .menu-2depth {line-height:2;}
.header .gnb-menu .header-container .hd-menu .menu-container .menu-txt:hover .wrap-2depth .menu-2depth li:hover a {color:#239609;font-weight:bold; }

.hd-search {display:flex; align-items:flex-end;}
.hd-search .hd-search-input {display:none; position:relative; margin-right:5px;}
.hd-search .hd-search-input input[type='text'] {padding:8px 35px 8px 12px; border-radius:5px; border:1px solid #c0c0c0; font-size:.9rem; width:218px;}
.hd-search .hd-search-input input[type='text']::placeholder {font-size:1rem; color:#c0c0c0;}
.hd-search .hd-search-input .hd-search-submit {position:absolute; top:50%; right:6px; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; padding:6px;}
.hd-search .hd-search-input .hd-search-submit i {font-size:1.2rem;}
.hd-search .hd-search-input.active {display:inline-block;}
.hd-search .hd-search-input::placeholder {font-size:.8rem;}

@media (min-width:769px) and (max-width: 1339px) {
    .header .gnb-menu {width:95%;}
    .hd-search {display:none;}
    .container {width:95%;}
}

@media screen and (max-width: 768px) {
    .mobile {display:block;}
    .move-cont {transform:translate(-280px, 0);}
    .body-cont {transition:.3s;}
    .mo-side-cover {z-index:105; display:none; position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.4);}
    .header nav > ul > li > a {color:#000;}
    .header nav > ul > li > a:hover:before {display:none;}

    .hd-search {padding:0 10px; width:100%; margin-bottom:15px;}
    .hd-search .hd-search-input.active {width:100%;}
    .hd-search .hd-search-input input[type='text'] {width:100%;}

    .header .mo-gnb-menu {width:100%; padding:15px; display:flex!important; align-items:center; justify-content:space-between; background-color:#fff; border-bottom:1px solid #C0C0C0;}
    .header .mo-gnb-menu .hd-logo a {display:inline-block; width:100%;height:100%;}
    .header .mo-gnb-menu .hd-logo img {width:auto; height:41px;}


    .header { position:fixed; width:100%;}
    .header .inner {padding:0 20px;}
    .header .inner:after {}
    .header h1 {}
    .header h1 a {}
    .header nav.hd-pc-nav {display:none;}
    .header nav.hd-mo-nav {display:block; width:100%;height:calc(100% - 200px); overflow-y:scroll;}
    .header nav.hd-mo-nav ul {width:100%;}
    
    .header .toggle_open {position:relative; display:inline-block; float:right; vertical-align:top; width:20px; background:transparent; transition:all 0.5s; z-index:1;}
    .header .toggle_open .line {position:absolute; width:20px; height:18px; top:50%; left:50%; transform: translate(-50%,-50%);}
    .header .toggle_open .line span {position:absolute; width:100%; height:3px; right:0; background:#171717; transition:opacity 0.3s, top 0.5s, transform 0.5s; transition-delay:0s, 0.3s, 0s;}
    .header .toggle_open .line span.top {top:0; transform:rotate(0);}
    .header .toggle_open .line span.mid {top:7.5px; opacity:1;}
    .header .toggle_open .line span.btm {top:15px; transform:rotate(0);}
    .header.toggle_active .toggle_open .line span {transition:opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0.3s;}
    .header.toggle_active .toggle_open .line span.top {top:7.5px; transform:rotate(-45deg)}
    .header.toggle_active .toggle_open .line span.mid {opacity:0;}
    .header.toggle_active .toggle_open .line span.btm {top:7.5px; transform:rotate(45deg)}


    .mo-sidebar {display:block; z-index:110; position:fixed; top:0; width:80%; max-width:280px; height:100%; background-color:#fff; transition:.3s; right:0; transform:translate(100%, 0);}
    .mo-sidebar.active {transform:translate(0, 0);}
    .mo-sidebar .sidebar-close {padding:15px 20px; display:flex; justify-content:flex-end; align-items:center;}
    .mo-sidebar .sidebar-close button i {font-size:1.5rem; font-weight:600;}
    .mo-sidebar ul.sidebar-menu {padding:10px 20px;}
    .mo-sidebar ul.sidebar-menu li {display:flex; align-items:center; justify-content:space-between; margin-bottom:15px;}
    .mo-sidebar ul.sidebar-menu li a {width:100%; font-size:1.2rem; font-weight:600;display: inline-flex;align-items: center;justify-content: space-between;}
    .mo-sidebar ul.sidebar-menu li a i {font-size:1.2rem;}
    .mo-sidebar ul.sidebar-menu li.mo-menu-depth {display:block;}
    .mo-sidebar ul.sidebar-menu li.mo-menu-depth span {width:100%; font-size:1.2rem; font-weight:600;display: inline-flex;align-items: center;justify-content: space-between; cursor:pointer;}
    .mo-sidebar ul.sidebar-menu li.mo-menu-depth .mo-menu-2depth {display:none;}
    .mo-sidebar ul.sidebar-menu li.mo-menu-depth .mo-menu-2depth.active {display:block; margin-top:8px;}
    .mo-sidebar ul.sidebar-menu li.mo-menu-depth .mo-menu-2depth a {font-size:1.1rem; font-weight:normal; padding-left:10px; line-height:1.8;}
    .mo-sidebar .sidebar-link {position:absolute; bottom:50px; left:50%; display:inline-flex; align-items:center; margin-left:6px; padding:0 5px; border:1px solid #225aa8; border-radius:30px; transform:translate(-50%, 0);}
    .mo-sidebar .sidebar-link a {position:relative; padding:6px 10px; font-size:.9rem; color:#225aa8;}
    .mo-sidebar .sidebar-link a:first-child:after {content:''; position:absolute; right:0; top:50%; width:1px; height:40%; background-color:#225aa8; transform:translate(0, -50%);}
    .mo-sidebar .sidebar-link .mo-link-youtube.active:after {content:'준비 중입니다.'; position:absolute; bottom:130%; left:50%; width:80px; padding:10px; border: 1px solid #ddd; text-align:center; background-color:#fff; border-radius:6px; transform:translate(-50%, 0); font-size:.8rem; font-weight:600; color:#444;}
    .mo-sidebar .mo-side-bot {position:absolute; bottom:0; left:0; width:100%;padding:20px 15px 30px; display:flex; align-items:flex-start; flex-direction:column; border-top:1px solid #d6d6d6;}
    .mo-sidebar .mo-side-bot .mo-side-user {display:flex; align-items:center; justify-content:center; margin-bottom:20px;}
    .mo-sidebar .mo-side-bot .mo-side-user .mo-user-btn {margin-right:14px;}
    .mo-sidebar .mo-side-bot .mo-side-user .mo-user-btn:last-child {margin-right:0;}
    .mo-sidebar .mo-side-bot .mo-side-user .mo-user-btn a {font-size:1.1rem; color:#565656; font-weight:600;}
    .mo-sidebar .mo-side-bot .mo-side-sns {}
    .mo-sidebar .mo-side-bot .mo-side-sns a {display:inline-flex; align-items:center; justify-content:center; width:35px; height:35px; background-color:#d6d6d6; border-radius:50%; margin-right:2px;}
    .mo-sidebar .mo-side-bot .mo-side-sns a i {font-size:1.2rem;}
    .mo-sidebar .mo-side-bot .mo-side-sns a:last-child {margin-right:0;}
}







/* --------------------------------------------------------------------- login & join --------------------------------------------------------------------- */
.comm-pname {text-align:center; font-size:1.5rem; font-weight:600; margin-bottom:20px; color:#239609;}

.login-cont {max-width:400px; margin:0 auto; font-family:'Noto Sans KR', sans-serif;}
.login-cont #frm-search_company {display:block; padding-top:40px;}
.login-form {margin:40px auto 100px; width:400px;}
#login_form {margin:80px auto 100px; max-width:400px;}
#login_form .form-top {padding:0 0 10px; margin:0 0 50px; font-size:2.5rem; font-weight:700; text-align:center;}
#login_form .form-mid {}
#login_form .form-bot {}
#login_form .form-bot .login-link {display:flex; align-items:center; justify-content:space-between; margin-top:20px;}
#login_form .form-bot .login-link a {display:inline-flex; align-items:center; position:relative; font-size:1.1rem;}
#login_form .form-bot .login-link a.search-info {color:#5e5e5e;}
#login_form .form-bot .login-link a.login-join {color:#239609; font-weight:700;}
#login_form .form-bot button {width:50%;}
.login-top {}
.login-bot {}


/* 공통 input */
.comm-input {display:flex; flex-direction:column; flex:.8;}
.comm-input .comm-input-wrap {position:relative; margin-bottom:15px;}
.comm-input .comm-input-wrap:last-child {margin-bottom:0;}
.comm-input-text {margin-bottom:5px; margin-top:15px; font-weight:600; color:#5e5e5e;}
.comm-input input {display:inline-block; width:100%; border:1px solid #c0c0c0; border-radius:5px; padding:15px 10px; font-size:1rem; box-sizing:border-box;}
.comm-input input::placeholder {color:#c0c0c0;}
.comm-input select {width:100%; padding:15px 10px;}
.login-btn {display:block; width:100%; background-color:#239609; color:#fff; font-weight:600; padding:15px 0; margin-top:20px; border-radius:5px;transition:all 0.25s; border:1px solid #239609;font-family:'Noto Sans KR', sans-serif; font-size:16px; cursor:pointer; }
.login-btn:hover {background-color:#fff; color:#239609; border:1px solid #239609;}
.login-btn.common-login {background-color:#EFC353; border:1px solid #EFC353; padding:0;}
.login-btn.common-login a {display:block; width:100%; color:#fff; font-weight:bold; font-size:16px;font-weight:600; padding:15px 0;}
.login-btn.common-login:hover {background-color: #fff; color:#EFC353;}
.login-btn.common-login:hover a {color:#EFC353;}
.comm-btn-cont {margin-top:18px; display:flex; align-items:center; justify-content:space-between;}
.comm-btn-cont button {display:inline-block; border: 1px solid #239609; font-size: 16px; cursor: pointer;border-radius:5px;transition:all 0.25s;font-weight:600; padding:15px 0; color: #239609;width: calc(100% / 2 - 10px);}
.comm-btn-cont .confirm-btn {background-color:#239609; color:#fff;}
.comm-btn-cont .comm-btn-item {}
.comm-btn-cont .cb-find {color:#5e5e5e;}
.comm-btn-cont .cb-join {font-weight:600; color:#239609;}
/* 중복확인 버튼 */
.comm-input .comm-input-wrap .comm-duplicate-cont {position:relative;}
.comm-input .comm-input-wrap .comm-duplicate-cont input[data-upload_key="id"] {padding-right:82px;}
.comm-input .comm-input-wrap .comm-duplicate-cont .duplicate-id {position:absolute; top:50%; right:5px; padding:10px; background-color:#239609; color:#fff; border-radius:5px; transform:translateY(-50%);}
.comm-input .comm-input-wrap .comm-duplicate-cont .duplicate-id:disabled {background-color:#ddd;}

.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {width:40%!important;}
.ui-datepicker .ui-datepicker-title select {margin:1px 5px!important;}



@media screen and (max-width: 768px) {
    .pc {display:none;}
    .mobile {display:block;}
    .xi-angle-left-min {margin-left:20px;}

    .login-cont {width:100%;}
    #login {width:100%;}
    .login-form {width:100%;}
    .login-form .form-top {font-size:2rem}
    .login-form .form-mid .login-btn {padding:10px 0;}
    .login-form .form-mid .comm-input input[type='password'], .login-form .form-mid .comm-input input[type='text'] {padding:10px 6px;}
    .comm-input .comm-input-wrap .comm-duplicate-cont input[data-upload_key="id"] {padding:10px 80px 10px 6px;}
    .comm-input .comm-input-wrap .comm-duplicate-cont .duplicate-id {font-size:.9rem; padding:6px 10px;}
}


/* 이용약관 */
#container-join .join-terms {width:800px;}
#container-join .radio-wrap {display:flex;}
#container-join .radio-wrap .option-check {margin-right:20px; display:inline-flex; align-items: center;}
#container-join .radio-wrap .option-check input[type='radio'] {width:15px; margin-right:5px;}
#container-join .form-btn {margin-top: 40px; text-align: center; display:flex; align-items:center; justify-content:center;}
#container-join .form-btn > a.term-none {color:#239609; border:1px solid #239609; background:#fff; padding:13px 40px; margin-right:8px;}
#container-join .form-btn > a {display: inline-flex; align-items:center; justify-content:center; padding: 14px 53px; background-color:#239609;color:#fff; font-weight:700; border-radius:5px;}
#container-join .form-btn > a:last-child {margin-right:0;}
@media screen and (max-width:768px) {
    #container-join .join-terms {width:100%;}
    #container-join .form-btn > a.term-btn {flex:1; padding:14px 0; font-size:.9rem;}
}



/* --------------------------------------------------------------------- 아이디/비밀번호 찾기 --------------------------------------------------------------------- */
.find-result-tit {display:none; margin-top:60px;}
.find-result-tit.active {display:block;}
.find-result-tit .fr-tit-txt {font-size:2rem; font-weight:600; margin-bottom:20px;}
.find-result-tit .fr-tit-des {font-weight:600;}

.result-cont {padding:20px; border:1px solid #C0C0C0; background-color:#f6f6f6; border-radius:5px; margin-top:10px;}

.result-item-row {position:relative; display:flex; align-items:center; margin-bottom:6px;}
.result-item-row span {font-size:1.1rem;}
.result-item-row .rir-tit {flex:.2; font-weight:600;}
.result-item-row .rir-des {flex:.8;}
.result-item-row .rir-input {display:block; width:100%; border:1px solid #c0c0c0; border-radius:5px; padding:15px 10px; margin-top:8px;}
.result-item-row .re-password {position:absolute; top:0; right:0; background-color:#239609; padding:4px 8px; border-radius:5px; font-weight:600; color:#fff; font-size:.9rem; cursor:pointer;}
#list-resetForm .result-item-row {flex-direction:column; align-items:flex-start; margin-bottom:8px;}

/* 가입 정보 확인 */
.result-cont .result-info {}
.result-cont .result-info .result-info-cont {}
.result-cont .result-info .result-info-cont .result-item {}
/* 이메일 인증코드 전송 */
.result-cont .result-mail-auth {}
.result-cont .result-mail-auth .item-data {}
.result-cont .result-mail-auth .item-data .auth-txt {color:red; margin:20px 0 6px; font-size:.8rem;}
.result-cont .result-mail-auth .item-data .auth-input {display:block; width:100%; border:1px solid #c0c0c0; border-radius:5px; padding:15px 10px; }
.result-cont .result-mail-auth .item-data .auth-btn {text-align:right; margin-top:8px;}

@media screen and (max-width:768px) {
    .result-cont .result-info .result-info-cont .result-item-row:nth-child(2) {padding-bottom:35px;}
    .result-cont .result-info .result-info-cont .result-item-row .re-password {top:inherit; right:inherit; bottom:0; left:0;}
}





/* 대시보드 */
.dash-cont .section1 {display:flex; padding-top:20px; margin-bottom:100px;}
.dash-cont .section1 .main-box-wrap {display:flex;}
.dash-cont .section1 .main-box-wrap .main-box {width:10.417vw; height:290px; border:1px solid #e5e5e5; border-radius:5px; background:#f7f7f7; display:flex; align-items:center; padding-top:30px; flex-direction:column; margin-right:18px; text-align:center;}
.dash-cont .section1 .main-box-wrap .main-box .mb-img {border:1px solid #e5e5e5; background:#fff; border-radius:50%; width:82px; height:82px;  display:flex; align-items:center; justify-content:center;}
.dash-cont .section1 .main-box-wrap .main-box .mb-text-area .mbt-tit {padding:20px 0 13px; font-size:19px;}
.dash-cont .section1 .main-box-wrap .main-box .mb-text-area .mbt-cont a {line-height:22px; padding-bottom:4px; font-size:16px; }
.dash-cont .section1 .main-box-wrap .main-box .mb-text-area .mbt-cont a:hover {color:#239609; transition: 0.2s; opacity: 0.8;}
/* .dash-cont .section1 .main-banner {width:100%; height:290px; }
.dash-cont .section1 .main-banner a {width:100%; height:100%; display:inline-block;}
.dash-cont .section1 .main-banner img {max-width:auto;width:100%; height:100%; border-radius:5px;} */
.dash-cont .section1 .main-banner-wrap {position: relative; overflow: hidden;}
.dash-cont .section1 .main-banner-wrap a {width:330px; height:100%; display:inline-block;}
.dash-cont .section1 .main-banner-wrap img {max-width:auto;width:100%; height:100%; border-radius:5px;}
.dash-cont .section1 .main-banner-wrap .swiper-pagination-bullet-active {background: #000;}
/* 슬라이더 점 크기 수정 (22.09.22) */
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {width:12px; height:12px;}


.dash-cont .section2 {margin-bottom:86px;}
.dash-cont .cont-table .table .table-frame.td .tr .tr-item {border-bottom:1px solid #c0c0c0;}
.dash-cont .cont-table .table .table-frame.td .tr .tr-item.item02 {padding:15px;}

.dash-cont .table-top {margin-bottom:18px;}
.dash-cont .table-top .table-top-left .main-table-top-txt {font-size:20px; font-weight:700; line-height:27px;}
.dash-cont .table-top .table-top-right p a {font-size:16px; display:inline-flex; align-items:center;}
.dash-cont .table-top .table-top-right p i {font-size:20px;}

@media (min-width:769px) and (max-width: 1339px) {
    .dash-cont .section1 {flex-direction: column; align-items: center;}
    .dash-cont .section1 .main-box-wrap {width:100%;}
    .dash-cont .section1 .main-box-wrap .main-box {width:calc(100% / 5);}
    .dash-cont .section1 .main-box-wrap .main-box:last-child {margin-right: 0;}
    .dash-cont .section1 .main-banner {width: 350px; margin-top: 50px;}
    /* .dash-cont .section1 .main-banner {display:none;} */
}

@media screen and (max-width:768px) {
    .dash-cont .section1 {display: revert;}
    .dash-cont .section1 .main-box-wrap {display: revert; border:1px solid #e5e5e5; border-radius: 5px; overflow: hidden; margin-bottom: 18px;}
    .dash-cont .section1 .main-box-wrap .main-box {flex-direction: row; width: 100%; height: auto; padding: 10px; border: 0; border-bottom: 1px solid #e5e5e5; border-radius: 0;}
    .dash-cont .section1 .main-box-wrap .main-box:last-child {border: 0;}
    .dash-cont .section1 .main-box-wrap .main-box .mb-text-area {display: block; width: 100%; height: 100%; text-align: left;}
    .dash-cont .section1 .main-box-wrap .main-box .mb-img {width: 50px; height: 50px;}
    .dash-cont .section1 .main-box-wrap .main-box .mb-img img {width: 65%;}
    .dash-cont .section1 .main-box-wrap .main-box:nth-of-type(3) ~ .main-box .mb-img img {width: 60%;}
    .dash-cont .section1 .main-box-wrap .main-box .mb-text-area .mbt-tit {padding: 0 0 3px 10px;}
    .dash-cont .section1 .main-box-wrap .main-box .mbt-cont ul {display: none;}
    
    .dash-cont .section1 .main-banner {width:100%; height:100%;}
    .dash-cont .section1 .main-banner img {width: 100%!important; min-height:80vw;}

    .dash-cont .table-top {border:none; margin:0; padding:18px 0;}
    .dash-cont .cont-table .table .table-frame.th {display:block;}
    .dash-cont .cont-table .table .table-frame.th .tr {justify-content:space-around;}
    .dash-cont .cont-table .table .table-frame.td .tr .tr-item {justify-content:space-around!important; display:inline-block;}
    .dash-cont .cont-table .table .table-frame.td .tr {padding:20px 0 15px;}
/* 
    .dash-cont .section2 .cont-table .table .table-frame .tr .tr-item.item01,
    .dash-cont .section2 .cont-table .table .table-frame .tr .tr-item.item03,
    .dash-cont .section2 .cont-table .table .table-frame .tr .tr-item.item04 {display:none;}

    .dash-cont .section3 .cont-table .table .table-frame .tr .tr-item.item01,
    .dash-cont .section3 .cont-table .table .table-frame .tr .tr-item.item04 {display:none;} */
}