.contents{min-height: 850px;}
.innerW947{width: 947px;max-width: 100%;margin: 0 auto;}
.innerW1086{width: 1086px;max-width: 100%;margin: 0 auto;}
.innerWFull{width: 100%;max-width: 100%;padding: 30px;box-sizing: border-box;}

/* main */
.tabMenu{position: relative;background: #F5F5F5;border-bottom: 1px solid #D8D8D8;box-sizing: border-box;}
.tabMenuInner{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;padding-right: 140px;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-color: #D0D0D0 transparent;scrollbar-width: thin;}
.tabMenuInner::-webkit-scrollbar {height: 4px;}/* 스크롤 바 */
.tabMenuInner::-webkit-scrollbar-track {background-color: transparent;}/* 스크롤 바 밑의 배경 */
.tabMenuInner::-webkit-scrollbar-thumb {background: #D0D0D0;border-radius: 40px;}/* 실질적 스크롤 바 */
.tabMenuInner::-webkit-scrollbar-thumb:hover {background: #55585F;}/* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
.tabMenuInner::-webkit-scrollbar-thumb:active {background: #55585F;}/* 실질적 스크롤 바를 클릭할 때 */
.tabMenu .tabMenuItem{padding-top: 12px;margin-left: 14px;opacity: 0.7;}
.tabMenu .tabMenuItem.on{opacity: 1;}
.tabMenu .tabMenuItem + .tabMenuItem{margin-left: 6px;}
.tabMenu .tabMenuItem a{position: relative;display: block;min-width: 160px;height: 48px;padding: 15px 50px 14px 18px;background: #FFF;border: 1px solid #C9C9C9;border-bottom: 0;border-radius: 5px 5px 0px 0px;box-sizing: border-box;box-shadow: 0px -1px 10px 0px rgba(201, 201, 201, 0.25);}
.tabMenu .tabMenuItem a span{font-size: 13px;color: #666;font-weight: 700;line-height: normal;letter-spacing: -0.5px;vertical-align: top;}
.tabMenu .tabMenuItem.on a span{color: #222;font-weight: 500;}
.tabMenu .tabMenuItem a .tabMenuClose{position: absolute;top: 13px;right: 18px;width: 20px;height: 20px;background-color: #7A7A7A;background-image: url(../images/contents/icon_tabMenuItem_close.png);background-position: center;background-repeat: no-repeat;border: 1px solid #7A7A7A;border-radius: 3px;box-sizing: border-box;overflow: hidden;text-indent: -9999px;white-space: nowrap;z-index: 97;}
.tabMenu .tabMenuItem.on a .tabMenuClose{background-color: #222;border-color: #222;}
.tabMenuArrow{position: absolute;top: 0;right: 0;width: 143px;height: 59px;padding-right: 30px;display: flex;align-items: center;justify-content: flex-end;background: linear-gradient(270deg, #F5F5F5 68.29%, rgba(245, 245, 245, 0.00) 108.54%);box-sizing: border-box;}
.tabMenuArrow button{width: 28px;height: 28px;background-color: #fff;background-image: url(../images/contents/icon_tabMenuArrow_black.svg);background-position: center;background-repeat: no-repeat;border: 1px solid #C9C9C9;border-radius: 100%;box-sizing: border-box;overflow: hidden;text-indent: -9999px;white-space: nowrap;-webkit-transition: .3s;transition: .3s;}
.tabMenuArrow button:hover{background-color: #383C46;border-color: #383C46;background-image: url(../images/contents/icon_tabMenuArrow_white.svg);}
.tabMenuArrow .tabMenuNext{margin-left: 3px;transform: rotate(180deg);}
.todoListWrap{padding: 92px 0 120px;box-sizing: border-box;}
.todoTop{display: flex;align-items: center;flex-direction: row;flex-wrap: nowrap;}
.todoTop .today{position: relative;display: flex;text-align: center;flex-direction: column;flex-wrap: nowrap;align-items: center;width: 95px;padding-right: 15px;margin-right: 30px;box-sizing: border-box;}
.todoTop .today:after{content: "";position: absolute;right: 0;top: 0;display: block;width: 1px;height: 90px;background: #E1E1E1;}
.todoTop .today .day{font-size: 15px;color: #A8A8A8;font-weight: 700;letter-spacing: -0.6px;line-height: 1;}
.todoTop .today .date{font-size: 50px;color: #030303;font-weight: 700;letter-spacing: -0.6px;line-height: 1;}
.todoTop .today .month{font-size: 14px;color: #A0A0A0;font-weight: 500;letter-spacing: -0.6px;line-height: 1;}
.todoTop .todoInfo p{position: relative;display: inline-block;padding-right: 12px;font-size: 30px;color: #C0C0C0;font-weight: 700;line-height: 40px;letter-spacing: -0.8px;}
.todoTop .todoInfo p:after{content: "";position: absolute;right: 0;bottom: 6px;display: block;width: 8px;height: 8px;background: var(--main-color);}
.todoTop .todoInfo h3{color: #000;font-size: 36px;font-weight: 700;line-height: 40px;letter-spacing: -0.8px;}
.todoBoard{position: relative;padding-left: 127px;padding-top: 29px;margin-top: 40px;box-sizing: border-box;}
.todoBoard:before{content: "";position: absolute;top: 0;right: 0;display: block;width: calc(100% - 126px);height: 2px;background: linear-gradient(90deg, var(--main-color) 0px 250px, #3C3C3C 250px);}
.todoDetailedItem h4{margin-bottom: 11px; font-size: 15px;color: #000;font-weight: 700;line-height: 160%;letter-spacing: -0.6px;text-align: left;}
.todoDetailedItem ul{width: 100%;margin-bottom: 30px;}
.todoDetailedItem ul:after{content: "";display: block;clear: both;}
.todoDetailedItem ul li{float: left;width: calc(33.3% - 14px);margin-right: 20px;}
.todoDetailedItem ul li:nth-child(3n){margin-right: 0;}
.todoDetailedItem ul li a{display: block;padding: 29px 20px 30px;background-color: #FFF;background-position: 92% 67px;background-repeat: no-repeat;border: 1px solid #E1E1E1;border-radius: 5px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);-webkit-transition: .3s;transition: .3s;}
.todoDetailedItem ul li a:hover{background-image: url(../images/contents/icon_arrow_right_red.svg);border-color: var(--main-color);}
.todoDetailedItem .title{margin-bottom: 8px;font-size: 18px;color: #222;font-weight: 500;line-height: 24px;letter-spacing: -0.6px;}
.todoDetailedItem .num{font-size: 22px;color: var(--main-color);font-weight: 600;line-height: 24px;letter-spacing: -0.6px;}
.todoDetailedItem .num span{color: #767676;font-size: 15px;}
.noticeWrap{padding-top: 30px;border-top: 1px solid #E1E1E1;box-sizing: border-box;}
.noticeWrap a{position: relative;display: flex;align-items: center;justify-content: space-between;padding: 17px 20px;background: #FFF;border: 1px solid #D8D8D8;border-radius: 5px;box-sizing: border-box;-webkit-transition: .3s;transition: .3s;}
.noticeWrap .label{padding: 5px 7px;background: var(--main-color);border-radius: 5px;box-sizing: border-box;font-size: 12px;color: #FFF;font-weight: 700;letter-spacing: -0.6px;}
.noticeWrap .title{width: calc(100% - 100px);padding: 0 15px;box-sizing: border-box;font-size: 16px;color: #444;font-weight: 400;letter-spacing: -0.6px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;-webkit-transition: .3s;transition: .3s;}
.noticeWrap .title:before{content: "·";margin-right: 3px;}
.noticeWrap .date{font-size: 16px;color: #444;font-weight: 400;letter-spacing: -0.6px;-webkit-transition: .3s;transition: .3s;}
.noticeWrap a:hover{border-color: var(--main-color);}
.noticeWrap a:hover .title{color: var(--main-color);}
.noticeWrap a:hover .date{color: var(--main-color);}

/* login */
.loginPage{position: relative;width: 100%;height: 100%;min-height: 100vh;display: flex;align-items: center;justify-content: center;background: #000;box-sizing: border-box;}
.loginSwiper{position: absolute; width: 100%;min-height: 100vh;height: 100%;}
.loginPage:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100vh;background: #000;transition: all 1s ease-out 0.5s;z-index: 100;}
.loginPage:after{content: "";position: absolute;bottom: 0;right: 0;width: 100%;height: 100vh;background: #000;transition: all 1s ease-out 0.5s;z-index: 100;}
.start .loginPage:before{height: 0;}
.start .loginPage:after{height: 0;}
.loginSwiper .swiper-wrapper{display: flex !important;}
.loginSwiper .swiper-slide{position: relative;height: 100%;}
.loginSwiper .bg{width: 100%;height: 100vh;}
.loginSwiper .bg:before{content: "";position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;background:#22252E}
.loginSwiper .bg video{width: 100%;height: 100%;object-fit: cover;}
.loginSwiper .swiper-slide-active .bg video{opacity: 1;}
.loginSwiper .swiper-slide:not(.swiper-slide-active) video{opacity: 0;}
.loginBox{position: relative;width: 100%;max-width: 350px;padding: 35px 15px 25px;border-radius: 5px;border: 1px solid rgba(255, 255, 255, 0.30);background: rgba(57, 57, 57, 0.6);box-sizing: border-box;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);z-index: 99;}
.loginBox .logo{/* padding: 170px 0 41px; *//* background-image: url(../images/contents/img_login.svg); */padding-bottom: 30px;background-position: right top;background-repeat: no-repeat;box-sizing: border-box;text-align: left;}
.loginBox .logo a{display: block; text-align: center;}
.loginBox .logo a img{width: 177px;height: 44px;}
.loginBox .logo a h1{margin-top: 9px;font-size: 16px;color: #fff;font-weight: 500;line-height: normal;letter-spacing: -0.9px; display:none;}
.loginBox .logo h2{margin-top: 19px;font-size: 17px;color: #fff;font-weight: 500;line-height: normal;letter-spacing: -0.3px; text-align: center; margin-top:30px;}
.loginBox .logo p{margin-top: 5px;font-size: 13px;color: #fff;font-weight: 300;line-height: normal;letter-spacing: -0.6px; text-align: center; line-height: 20px; opacity: 0.9;}

.loginBox .logo span{margin-top: 15px;font-size: 14px;color: #fff;font-weight: 300;line-height: normal;letter-spacing: -0.2px; text-align: center; display: block;background: #333;line-height: 35px;background: rgba(35, 35, 35, 0.5); border-radius: 3px;}



.loginGroup {padding-top: 20px;border-top: 1px solid #A7A7A7;box-sizing: border-box;}
.findGroup {padding-top: 20px;box-sizing: border-box;}
.tabGroup{border-bottom: 1px solid #E4E4E4;box-sizing: border-box;}
.tabGroup a{position: relative;padding-bottom: 9px;box-sizing: border-box;font-size: 15px;color: #666;font-weight: 600;line-height: 36px;letter-spacing: -0.4px;}
.tabGroup a.on{color: #111;}
.tabGroup a.on:after{content: "";position: absolute;bottom: -1px;left: 0;width: 100%;height: 1px;background: #111;}
.tabGroup a + a{margin-left: 20px;}
.loginInputGroup li {display: flex;flex-direction: column;flex-wrap: nowrap;}
.loginInputGroup li + li{margin-top: 20px;}
.loginInputGroup li label {margin-bottom: 10px;font-size: 13px;color: #fff;font-weight: 400;line-height: 16px;letter-spacing: -0.4px;text-align: left;-webkit-transition: .3s;transition: .3s;}
.loginInputGroup li.on label {color: var(--main-color);}
.loginInputGroup li input {height: 42px;padding: 0 15px;background: transparent;border: 1px solid #BFBFBF;border-radius: 3px;box-sizing: border-box;color: #fff;transition: .5s;-webkit-transition: .5s;}
.loginInputGroup li input::placeholder {color: #ABABAB;}
.loginInputGroup li input:focus{border-color: #fff;transition: .5s;-webkit-transition: .5s;outline: none;}

.loginInputGroup li select {height: 42px;padding: 0 15px;background: transparent;background-image: url(../images/layout/arrow.svg);    background-repeat: no-repeat;background-size: 20px 20px;background-position: right 10px center;border: 1px solid #BFBFBF;border-radius: 3px;box-sizing: border-box;color: #fff;transition: .5s;-webkit-transition: .5s;}
.loginInputGroup li select::placeholder {color: #ABABAB;}
.loginInputGroup li select:focus{border-color: #fff;transition: .5s;-webkit-transition: .5s;outline: none;}
.loginInputGroup li option {height: 42px;padding: 0 15px;background: transparent;border: 1px solid #BFBFBF;border-radius: 3px;box-sizing: border-box;color: #333;transition: .5s;-webkit-transition: .5s;}
.loginInputGroup li option::placeholder {color: #ABABAB;}
.loginInputGroup li option:focus{border-color: #fff;transition: .5s;-webkit-transition: .5s;outline: none;}



.loginCheckGroup{display: flex;align-items: center;justify-content: space-between;margin-top: 20px;}
.loginCheckGroup .keepCheck{position: relative;padding-left: 30px;text-align: left;}
.loginCheckGroup .keepCheck input {position: absolute;top: 0;left: 0;width: 26px;height: 26px;border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: 0;text-decoration: none;cursor: pointer;-webkit-text-size-adjust: none;}
.loginCheckGroup .keepCheck label {display: inline-block;font-size: 13px;line-height: 26px;color: #D3D3D3;font-weight: 500;cursor: pointer;letter-spacing: -0.4px;}
.loginCheckGroup .keepCheck label:before {content: "";position: absolute;top: 1px;left: 0;width: 22px;height: 22px;background-color: #CCC;background-image: url(../images/contents/icon_check_white.svg);background-position: center;background-repeat: no-repeat;border-radius: 5px;transition: .3s;-webkit-transition: .3s;}
.loginCheckGroup .keepCheck input:checked + label:before {background-color: var(--main-color);}
.signNfind{font-size: 0;}
.signNfind li{display: inline-block;}
.signNfind li:nth-child(1){padding-right:10px;}
.signNfind li a{font-size: 13px;color: #D3D3D3;font-weight: 500;line-height: normal;vertical-align: middle;letter-spacing: -0.4px;-webkit-transition: .3s;transition: .3s;}
.signNfind li a:hover{color: var(--main-color);text-decoration: underline;}
.warn{margin: 20px 0;font-size: 13px;color: #D3D3D3;font-weight: 500;line-height: 26px;letter-spacing: -0.4px;text-align: center;}
.warn .iconWarn{display: inline-block;width: 26px;height: 26px;background-image: url(../images/contents/icon_warn.svg);background-position: left center;background-repeat: no-repeat;vertical-align: middle;}
.copy{margin-top: 20px;font-size: 11px;color: #D3D3D3;font-weight: 500;line-height: normal;letter-spacing: -0.4px;text-align: center;}

.signNfind2{font-size: 0; margin:0 auto; padding-top:10px;}
.signNfind2 li{display: inline-block;}
.signNfind2 li:nth-child(1){padding-right:10px;}
.signNfind2 li a{font-size: 13px;color: #D3D3D3;font-weight: 500;line-height: normal;vertical-align: middle;letter-spacing: -0.4px;-webkit-transition: .3s;transition: .3s;}
.signNfind2 li a:hover{color: var(--main-color);text-decoration: underline;}


.signNfind3{font-size: 0; margin:0 auto; }
.signNfind3 li{display: inline-block;}
.signNfind3 li a{font-size: 13px;color: #D3D3D3;font-weight: 500;line-height: normal;vertical-align: middle;letter-spacing: -0.4px;-webkit-transition: .3s;transition: .3s;}
.signNfind3 li a:hover{color: var(--main-color);text-decoration: underline;}