@charset "UTF-8";
/* 메인 header, footer 스타일 별도 */
.header { color: #fff; }
.header .gnb_cont_area .logo_area .logo img.off { display: block;}
.header .gnb_cont_area .logo_area .logo img.on { display: none;}
.header .header_inner .gnb_cont_area .head_btn_area img { filter: brightness(1) !important; }
.header .header_inner .gnb_cont_area .head_btn_area .login_area { border: 1px solid var(--colorBorderGray); }
.header .header_inner .gnb_cont_area .head_btn_area .login_area .wrap li:after { background-color: var(--colorBorderGray) }

.header.scrolled { color: var(--colorTit); }
.header.scrolled  .gnb_cont_area .logo_area .logo img.off { display: none;}
.header.scrolled  .gnb_cont_area .logo_area .logo img.on { display: block;}
.header.scrolled .header_inner .gnb_cont_area .head_btn_area img { filter: brightness(0) !important; }
.header.scrolled .header_inner .gnb_cont_area .head_btn_area .login_area { border: 1px solid var(--colorBorderGray); }
.header.scrolled .header_inner .gnb_cont_area .head_btn_area .login_area .wrap li:after { background-color: var(--colorBorderGray) }
/* 메인 header, footer 스타일 별도 */

.wrapper { background-color: var(--colorGray50);}

.main_cont {display: table; width: 100%; table-layout: fixed; width: 100%; height: 100vh; background-color: #000000;}
.main_cont .inner {display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center;}
.main_cont .inner .title {font-weight: 700; font-size: 60px; line-height: 90px; color: #ffffff;}

.main_wrap {background-image: url('/images/home/kor/user/main/main_bg.png'); background-position: center; background-repeat: no-repeat; background-size: cover;}/* height: 100vh;min-height: 908px; */
.main_wrap .container { height: 100% }
.main_wrap .wrap { padding: 101px 0 0; height: 100%; display: flex; justify-content: space-between }
.main_wrap .wrap .left { padding: 120px 0 0; flex: 0 0 675px; }
.main_wrap .wrap .left .main_title { color: var(--colorWhite); }
.main_wrap .wrap .left .main_title .tit { margin: 0 0 48px; overflow: hidden }
.main_wrap .wrap .left .main_title .tit .s_tit { font-size: 28px; font-weight: 700; width: 630px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;animation-duration: 1.2s;animation-name: slidein2;}
.main_wrap .wrap .left .main_title .tit .b_tit  { font-size: 64px; font-weight: 800; line-height: 125%; margin: 10px 0 0; display: -webkit-box; -webkit-box-orient: vertical;overflow: hidden; -webkit-line-clamp: 2;animation-duration: 1.5s;animation-name: slidein}

@keyframes slidein {
  from { margin-left: 100%; width: 100%;  opacity:0; }
  to { margin-left: 0%; width: 100%; opacity:1; }
}
@keyframes slidein2 {
  from { margin-left: -100%; width: 100%;  opacity:0;}
  to { margin-left: 0%; width: 100%; opacity:1; }
}
.main_wrap .wrap .left .main_title .sbj { font-size:20px; font-weight:700; }
.main_wrap .wrap .left .btn_area { margin:100px 0 0; display: flex; gap: 24px; }
.main_wrap .wrap .left .btn_area li { flex: 1; font-size:18px; font-weight: 700; text-align: center; border-radius: 24px; background: linear-gradient(180deg, #fff, #F4F5F6); box-shadow: 0px 4px 24px 0px #0000001F; }
.main_wrap .wrap .left .btn_area li a {  padding: 24px 0; display: block; }
.main_wrap .wrap .left .btn_area li a p { margin: 10px 0 0; }
.main_wrap .wrap .left .btn_area li.gra_bg { background: linear-gradient(145deg, #5EC970, #009DE0); color: #fff; }
.main_wrap .wrap .left .btn_area li:hover { transition: all 0.3s; transform: translateY(-10px); box-shadow: 0px 4px 24px 0px rgba(255,255,255,0.4); }
.main_wrap .wrap .right { background-color:rgba(0,0,0,0.5); padding: 0 60px; flex: 0 0 580px; }
.main_wrap .wrap .right .box { padding: 40px 0; border-bottom: 1px solid rgba(255,255,255,0.3) }
.main_wrap .wrap .right .box:last-child { border:none; }
.main_wrap .wrap .right .ico_tit { position:relative; font-size: 24px; font-weight: 700; color: #fff; margin: 0 0 30px; padding: 0 0 0 42px; }
.main_wrap .wrap .right .ico_tit.login_t:before { content:''; position: absolute; left:0; display: block; width: 32px; height: 32px; background-image: url('/images/home/kor/user/main/ico_tit01.png'); }
.main_wrap .wrap .right .ico_tit.mypage:before { content:''; position: absolute; left:0; display: block; width: 32px; height: 32px; background-image: url('/images/home/kor/user/main/ico_tit02.png'); }
.main_wrap .wrap .right .ico_tit.calender:before { content:''; position: absolute; left:0; display: block; width: 32px; height: 32px; background-image: url('/images/home/kor/user/main/ico_tit03.png'); }
.main_wrap .wrap .right .login_wrap input {margin: 0 0 12px; }
.main_wrap .wrap .right .login_wrap .btn_custom { width: 100%; background: linear-gradient(145deg, #5EC970, #009DE0); border: none; }
.main_wrap .wrap .right .login_wrap .find_join { color: #fff;font-size: 14px; font-weight: 500; margin: 12px 0 0; display: flex; }
.main_wrap .wrap .right .login_wrap .find_join li { flex:1;}
.main_wrap .wrap .right .login_wrap .find_join li a { display: block; text-align: center; border-right: 1px solid rgba(255,255,255,0.5)  }
.main_wrap .wrap .right .login_wrap .find_join li:last-child a { border: none; }
.main_wrap .wrap .right .login_wrap .find_join li a:hover { color: #94DB9F }
.main_wrap .wrap .right .mypage_wrap .top_ment {font-size:16px; font-weight: 700; color: #fff; display: flex; justify-content: space-between; }
.main_wrap .wrap .right .mypage_wrap .top_ment a { font-weight: 500; border-bottom: 1px solid #fff; }
.main_wrap .wrap .right .mypage_wrap .top_ment a:hover { color: #94DB9F }
.main_wrap .wrap .right .mypage_wrap .progress { margin: 16px 0 12px; color: #fff; border-radius: 8px;  background-color: rgba(0,0,0,0.5); display: flex; }
.main_wrap .wrap .right .mypage_wrap .progress li { position:relative; flex:1; text-align: center; padding: 14px 0; font-size:16px; }
.main_wrap .wrap .right .mypage_wrap .progress li .state { font-size:40px; font-weight: 700; }
.main_wrap .wrap .right .mypage_wrap .progress li .state.zero { color: rgba(255,255,255,0.5) }
.main_wrap .wrap .right .mypage_wrap .progress li .state.complete { color: #94DB9F }
.main_wrap .wrap .right .mypage_wrap .progress li:after { content:''; position: absolute; right:0;top: 50%; transform: translateY(-50%); display: block; width: 1px; height: 64px; background-color: rgba(255,255,255,0.3) }
.main_wrap .wrap .right .mypage_wrap .progress li:last-child::after { display: none; }
.main_wrap .wrap .right .mypage_wrap .btn_custom { width: 100%; background: linear-gradient(145deg, #5EC970, #009DE0); border: none; }
.main_wrap .wrap .right .cal_table { table-layout: fixed; border: 1px solid rgba(255,255,255,0.5); color: #fff; }
.main_wrap .wrap .right .cal_table .b_btm { border-bottom: 1px solid rgba(255,255,255,0.5); }
.main_wrap .wrap .right .cal_table .sun { color: #F05F42 }
.main_wrap .wrap .right .cal_table th { font-size: 16px; background-color: rgba(0,0,0,0.5); padding: 5px 0; border-right: 1px solid rgba(255,255,255,0.5); }
.main_wrap .wrap .right .cal_table th:last-child { border-right: none; }
.main_wrap .wrap .right .cal_table td { border-right: 1px solid rgba(255,255,255,0.5); padding: 6px 8px 8px; width: calc(100% / 7); }
.main_wrap .wrap .right .cal_table td:last-child { border-right: none; }
.main_wrap .wrap .right .cal_table .day { font-size: 14px;  }
.main_wrap .wrap .right .cal_table .list { height: 24px; /* height: 14px; margin: 5px 0 0; */ }
/* .main_wrap .wrap .right .cal_table .list ul { display: flex; gap:4px; } */
.main_wrap .wrap .right .cal_table .list .list_wrap { position: relative; }
/* .main_wrap .wrap .right .cal_table .list .list_wrap .round { display: inline-block; width:14px; height:14px; border-radius: 100px; }
.main_wrap .wrap .right .cal_table .list .list_wrap .round.blue { background-color: #1FBCFF }
.main_wrap .wrap .right .cal_table .list .list_wrap .round.red { background-color: #5EC970 }
.main_wrap .wrap .right .cal_table .list .list_wrap .round.green { background-color: #F48771 } */
.main_wrap .wrap .right .cal_table .list .list_wrap .round { color: #007DB2; font-size: 14px; border-radius: 100px; background: #fff; font-weight: 700; width:100%; padding: 2px 0; }
.main_wrap .wrap .right .cal_table .list .text_box { display: none; position: absolute; top: 140%; left: -30px; width: 355px; background-color: #fff; border-radius: 8px; color: var(--colorTit); padding: 10px 20px 20px; font-size: 18px; font-weight: 700;}
.main_wrap .wrap .right .cal_table td:nth-child(4) .list .text_box { left: -150px; }
.main_wrap .wrap .right .cal_table td:nth-child(5) .list .text_box,.main_wrap .wrap .right .cal_table td:nth-child(6) .list .text_box,.main_wrap .wrap .right .cal_table td:nth-child(75) .list .text_box { left: -300px; }
/* .main_wrap .wrap .right .cal_table .list .list_wrap > .round:before { display: none; content:'▲'; color: #fff; position: absolute; top:86%; left: 0; } */
/*.main_wrap .wrap .right .cal_table .list .list_wrap:hover .text_box, 
.main_wrap .wrap .right .cal_table .list .list_wrap:focus .text_box { display: block; z-index: 1;}
.main_wrap .wrap .right .cal_table .list .list_wrap:hover .round:before, 
.main_wrap .wrap .right .cal_table .list .list_wrap:focus .round:before { display: block; } */
.main_wrap .wrap .right .cal_table .list .list_wrap.current .text_box {z-index:1}
.main_wrap .wrap .right .cal_table .list .list_wrap.current .round:before {display:block}
.main_wrap .wrap .right .cal_table .list .text_box .tit { white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.main_wrap .wrap .right .cal_table .list .text_box .tit .round { margin: 0 6px 0 0; }
.main_wrap .wrap .right .cal_table .list .text_box .sbj { border-top: 1px solid var(--colorBorderGray); margin:10px 0 0; padding: 20px 0 0; }
.main_wrap .wrap .right .cal_table .list .text_box .detail { font-size: 16px; color: var(--colorGray60);display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; -webkit-line-clamp: 2; }

.notice { background-color: var(--colorSub); color: #fff;  }
.notice .container { display: flex; }
.notice .container .sbj {display:flex;align-items:center;justify-content:left;width: 200px; font-size:22px; font-weight:700; border-right: 1px solid rgba(255,255,255,0.2);border-left: 1px solid rgba(255,255,255,0.2);padding: 16px 28px; }
.notice .container .sbj img { vertical-align: middle; margin: 0 6px 0 0}
.notice .container #slider-div { width: 100%;  overflow: hidden; }
.notice .container #slider-div .slick-slide { font-size:18px;  line-height: 65px; display: flex; justify-content: space-between;}
.notice .container #slider-div .slick-slide a {display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}
.notice .container #slider-div .slick-slide span.deta {display:inline-block; width: calc(100% - 192px);padding:0 40px;vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice .container #slider-div .slick-slide span.time_clock {display:flex;align-items:center;justify-content:center;width:192px;font-size:16px;border-left: 1px solid rgba(255,255,255,0.2); }
.notice .container #slider-div .slick-slide span.time_clock i { margin: 0 8px 0 0; line-height: 53px;vertical-align:baseline}
.notice .container .allow_list { border-left: 1px solid rgba(255,255,255,0.2);border-right: 1px solid rgba(255,255,255,0.2); }
.notice .container .allow_list .sl_btn {padding:7px 6px;color:#fff }
.notice .container .allow_list .notice_prev { border-bottom: 1px solid rgba(255,255,255,0.2); }
.notice .container .allow_list .notice_prev,
.notice .container .allow_list .notice_next {}

/* 이달의 사업일정 팝업 */
.cal_popup { display: none; position: fixed; z-index: 9999; top:0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0, 0.8); }
.cal_popup .wrap {width:96%;max-width:640px;background-color: #fff; border-radius: 8px; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; }
.cal_popup .wrap .cal_tit { position: relative; background-color:var(--colorMain);color: #fff; padding: 10px; font-size:1.1em; font-weight: 700; }
.cal_popup .wrap .cal_tit .cal_closed { position: absolute; right:16px; color: #fff; }
.cal_popup .wrap .cal_main { padding: 16px; }
.cal_popup .wrap .cal_main .sel_day { font-size:1.1em;font-weight: 700; margin: 0 0 16px; }
.cal_popup .wrap .cal_main .list {height:50vh;overflow-y:auto}
.cal_popup .wrap .round { display: inline-block; width:14px; height:14px; border-radius: 100px;background-color: #5EC970;transform:translateY(1px)}
.cal_popup .wrap .round.blue { background-color: #1FBCFF }
.cal_popup .wrap .round.red { background-color: #5EC970 }
.cal_popup .wrap .round.green { background-color: #F48771 }
.cal_popup .wrap .text_box { margin:0 0 10px; color: var(--colorTit); padding: 10px 20px 20px; font-size:1em;font-weight: 700; border-radius: 8px; background: var(--colorBgGray) }
.cal_popup .wrap  .list .text_box .tit { white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.cal_popup .wrap  .list .text_box .tit .round { margin: 0 6px 0 0; }
.cal_popup .wrap  .list .text_box .sbj { border-top: 1px solid var(--colorBorderGray); margin:7px 0 0; padding:13px 0 0; }
.cal_popup .wrap  .list .text_box .detail {color: var(--colorGray60);display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; -webkit-line-clamp: 2; }
.cal_popup .wrap  .cal_btn { padding: 10px 0; text-align: center; }