.main {position: relative;}
.main ::-webkit-scrollbar {width:8px; height: 8px;}
.main ::scrollbar {width:8px; height: 8px;}
.main ::-webkit-scrollbar-track {background: none;}
.main ::scrollbar-track {background: none;}
.main ::-webkit-scrollbar-thumb {background: #DEE1E7; border-radius: 8px;}
.main ::scrollbar-thumb {background: #DEE1E7; border-radius: 8px;}


/* visual */
.main .vs {position: relative; width: 100%; height: 400px;}
.main .vs .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1;}
.main .vs .bg div {height: 100%;}
.main .vs .bg .slick-current img {animation: mymove 5s;}
@keyframes mymove{from{transform:scale(1.15)} to{transform:scale(1)}}
.main .vs .wrap {position: relative; width: 100%; max-width: 1400px; margin: 0 auto; padding-top: 80px; height: 100%;}
.main .vs .in {width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between;}
.main .vs .aos-wrap {display: flex; gap: 7px;}
.main .vs .slogan b {font-size: 60px; color: #4e6ee3; font-weight: 900;}
.main .vs .slogan b.f_line {-webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #fff;}
.main .vs .slogan p {margin-top: 20px; font-size: 22px; color: #fff; font-weight: 300; line-height: 1.35;}
.main .vs .sch {position: relative; width: 600px;}
.main .vs .sch .sch-wrap {position: relative; width: 100%; height: 60px;}
.main .vs .sch input[type="text"] {position: relative; width: 100%; height: 60px; border: 0; border-bottom: 3px solid #fff; color: #fff; font-size: 24px; background: none; padding: 0 20px; z-index: 1;}
.main .vs .sch input::placeholder {color: #e2f2ff; font-size: 24px; font-weight: 200;}
.main .vs .sch button {position: absolute; right: 0; width: 60px; height: 60px; background: url(/assets/service/img/main/ico_sch.png) no-repeat 50% 20%; z-index: 99; cursor: pointer;}
.main .vs .sch .btn-wrap {margin-top: 30px; display: flex; justify-content: space-between; gap: 40px;}
.main .vs .sch .btn-wrap a {display: flex; width: 100%; height: 80px; padding: 0 40px; align-items: center; justify-content: space-between; border: 4px solid #2874E5; font-size: 22px; font-weight: 500; color: #fff;}
@media (max-width: 1440px) {
	.main .vs .wrap {padding: 80px 40px 0;}
}
@media (max-width: 1199px) {
	.main .vs .sch {width: 400px;}
	.main .vs .sch .btn-wrap {gap: 20px;}
	.main .vs .sch input[type="text"], .main .vs .sch input::placeholder  {font-size: 20px;}
	.main .vs .sch .btn-wrap a {padding: 0 20px; font-size: 18px;}
	.main .vs .sch .btn-wrap a img {width: 40px;}
}
@media (max-width: 991px) {
	.main .vs {height: 320px;}
	.main .vs .wrap {padding: 60px 40px 0;}
	.main .vs .slogan b {font-size: 48px;}
	.main .vs .slogan p {font-size: 16px;}
	.main .vs .sch {width: 340px;}
	.main .vs .sch .btn-wrap a {height: 70px; justify-content: center; text-align: center;}
	.main .vs .sch .btn-wrap a img {display :none;}
}
@media (max-width: 767px) {
	.main .vs {height: auto;}
	.main .vs .wrap {padding: 100px 40px 40px;}
	.main .vs .in {display: block; justify-content: flex-start;}
	.main .vs .sch {display: none;}
}
@media (max-width: 480px) {
	.main .vs .wrap {padding: 90px 20px 30px;}
	.main .vs .slogan b {font-size: 36px;}
	.main .vs .slogan p {margin-top: 10px; font-size: 14px;}
}

/* 창업정보 */
#fullpage .section {width: 100%; height: 100vh;}
#section1 {background: url(/assets/service/img/main/mainBg1.jpg) no-repeat 50% 0; background-size: cover;}
#section2 {background: url(/assets/service/img/main/mainBg2.jpg) no-repeat 50% 0; background-size: cover;}
.section .section-inner {margin-top: 120px; display: flex; justify-content: center; align-items: center; height: calc(100% - 120px); color: #fff;}
.main .list-wrap {position: relative; display: flex; height: 100%;}
.main .list-wrap .search-box {width :500px; padding: 40px; background-color: #fafafa; display: flex; flex-direction: column; justify-content: space-between;}
.whtBox {width: 100%; max-width: 1500px; margin: 0 auto; padding: 40px; border-radius: 20px; background-color: #fff; overflow: hidden;}
.whtBox.pad0 {padding: 0;}
@media (max-width: 1600px) {
	.whtBox {padding: 20px;}
	.section .section-inner  {padding: 20px 40px;}
	.main .list-wrap .search-box {padding: 20px 40px;}
}
@media (max-width: 1400px) {
	#fullpage .section, .section .fp-tableCell {height: auto !important;}
	.section .section-inner {padding: 20px;}
	#section2 .section-inner {margin-top: 0;}
}
@media (max-width: 1199px) {
	.main .list-wrap .search-box {width: 380px; padding: 20px;}
}
@media (max-width: 991px) {
	.main .list-wrap {display: block;}
	.main .list-wrap .search-box {width: 100%; height: auto; position: static;}
	.main .list-wrap .search-box .step ul {display: flex; flex-wrap: wrap;}
}
@media (max-width: 767px) {
	.section .section-inner {margin-top: 60px;}
}
@media (max-width: 640px) {
	.main .search-box p.txt {display: none;}
}
@media (max-width: 480px) {
	.main .list-wrap .search-box .step ul {margin: -1%;}
	#section2, #section2 .fp-tableCell {height: auto !important;}
}
@media (max-width: 360px) {
	.section .section-inner {padding: 15px;}
	.main .list-wrap .search-box {padding: 15px;}
	.whtBox {padding: 15px;}
}

/* 맞춤창업정보 - 검색영역*/
.main .search-box .tit {display: block; margin-bottom: 15px !important; font-size: 36px; color: #000; font-weight: 700;}
.main .search-box p.txt {margin: 5px 0 50px; font-size: 17px; color: #444; line-height: 1.3; padding-bottom: 30px; border-bottom: 1px solid #000;}
.main .search-box p span {color: #6c9dfa;}
.main .search-box .sTit {margin: 40px 0 12px; font-size: 20px; font-weight: 600; color: #000;}
.main .search-box ul {display: flex; align-items: center; gap: 0 5px;}
.main .search-box ul li a {text-align: center; display: block; padding: 0 15px; height: 36px; line-height: 36px; background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; font-size: 15px; color: #000; transition: all .5s;}
.main .search-box .step ul li a.active {background: #6c9dfa; border: 1px solid #6c9dfa; color: #fff; transition: all .5s;}
.main .search-box .areas ul {display: flex; justify-content: space-between; gap: 5px; flex-wrap: wrap; margin-top: 5px; margin-bottom: 20px;}
.main .search-box .areas ul li {margin: 0; width: calc(50% - 2.5px);}
.main .search-box .areas ul li a.active {background: #6c9dfa; border: 1px solid #6c9dfa; color: #fff;}
.main .search-box .btn-wrap {display: flex; align-items: center; gap: 10px;}
.main .search-box .btn-wrap button {display: flex; align-items: center; gap: 0 10px; justify-content: center; width: calc(50% - 5px); height: 50px; border-radius: 8px; text-align: center; font-size: 18px; font-weight: 700; color: #fff;}
.main .search-box .btn-wrap button:nth-child(1) {background: #fff; border: 1px solid #000;}
.main .search-box .btn-wrap button:nth-child(1) p {color: #000;}
.main .search-box .btn-wrap button:nth-child(2) {background: #000; border: 1px solid #000;}
.main .search-box .btn-wrap p {display: flex; justify-content: center; align-items: center; color: #fff; margin: 0;}
@media (max-width: 1600px) {
	.main .search-box .tit {font-size: 32px; margin-bottom: 10px;}
	.main .search-box .sTit {margin: 20px 0 10px; font-size: 18px;}
	.main .search-box ul li {margin: 7px 0;}
	.main .search-box ul li a {height: 40px; line-height: 40px; font-size: 16px;}
	.main .search-box .areas ul {gap: 7px;}
	.main .search-box .areas ul li {width: calc(50% - 4px);}
	.main .search-box .btn-wrap {margin-top: 20px;}
	.main .search-box .btn-wrap button {height: 40px; font-size: 16px;}
}
@media (max-width: 1400px) {
	.main .search-box .tit {font-size: 24px;}
}
@media (max-width: 1199px) {
	.main .search-box ul {flex-wrap: wrap; gap: 7px;}
	.main .search-box ul li {width: calc(50% - 4px); margin: 0;}
}
@media (max-width: 991px) {
	.main .search-box p.txt {margin: 5px 0 20px;}
	.main .search-box ul {margin: -0.5%; gap: 0;}
	.main .search-box ul li {width: 24%; margin: 0.5%;}
	.main .search-box ul li a {font-size: 15px; height: 38px; line-height: 38px;}
	.main .search-box .areas ul {gap: 0;}
	.main .search-box .areas ul li {margin: 0.5%; width: 24%;}
	.main .search-box .btn-wrap {display: flex; gap: 1%;}
	.main .result-box {width: 100%;}
	.main .search-box .btn-wrap p {width: 105px; font-size: 15px;}
	.main .search-box .btn-wrap p img {height: 18px;}
}
@media (max-width: 640px) {
	.main .search-box .tit {font-size: 20px; text-align: center;}
	.main .search-box p {font-size: 14px;}
	.main .search-box ul li a {font-size: 14px;}
	.main .search-box .areas ul li {width: 49%;}
	.main .search-box .btn-wrap p {font-size: 14px; width: 90px;}
	.main .search-box .btn-wrap p img {height: 15px;}
}
@media (max-width: 480px) {
	.main .search-box p {display: none;}
	.main .search-box .tit {display: none;}
	.main .search-box .step .sTit {margin-top: 0;}
	.main .search-box .sTit {font-size: 16px; margin: 14px 0 10px;}
	.main .search-box ul {margin: -0.7%;}
	.main .search-box ul li {width: 48.6%; margin: 0.7%;}
	.main .search-box ul li a {font-size: 14px; height: 30px; line-height: 30px;}
	.main .search-box .areas ul {justify-content: normal;}
	.main .search-box .areas ul li a {padding: 6px 10px; height: 30px; line-height: 1.3;}
	.main .search-box ul li a {border-radius: 5px;}
	.main .search-box .btn-wrap {gap: 2%; margin-top: 10px;}
	.main .search-box .btn-wrap button {border-radius: 5px;}
}

/* 검색결과 */
.main .result-box {width: calc(100% - 500px); padding: 40px;}
.main .result-box .business .tit {display:flex; width: 100%; justify-content: flex-end; align-items: center;}
.main .result-box .business .tit strong {font-weight: 600; font-size: 24px; color: #000;}
.main .result-box .business .tit a {font-size: 18px; color: #000; font-weight: 600;}
.main .result-box .business .tit a img {display: inline-block; margin-left: 10px;}
.main .result-box .list {margin-top: 20px; width: 100%; max-height: 567px; overflow-y: auto; border: 1px solid #E0E0E0;}
.main .result-box .list ul {margin: 0;}
.main .result-box .list ul li {width: 100%; height: 81px; border-bottom: 1px solid #e6e6e6;}
.main .result-box .list ul li:last-child {border-bottom: 0;}
.main .result-box .list ul li a {display: flex; width: 100%; height: 100%; align-items: center; padding: 0 30px;}
.main .result-box .list .info {display: flex; width: 180px;}
.main .result-box .list .logo {display: flex; align-items: center; justify-content: center; text-align: center; vertical-align: middle; margin-right: 20px; width: 55px; height: 55px; border-radius: 15px; background: #f1f3f8;}
.main .result-box .list .logo img {max-width: 100%; max-height: 100%; vertical-align: middle;}
.main .result-box .info .box-wrap span {text-align: center; display: block; width: 100px; height: 26px; line-height: 26px; border-radius: 4px; border: 1px solid #cecece; font-size: 13px; color: #5F5F5F;}
.main .result-box .info .box-wrap span:nth-child(1) {margin-bottom: 3px;}
.main .result-box .info .box-wrap span.area1 {border: 1px solid #C0434A; color: #C0434A;}
.main .result-box .info .box-wrap span.area2 {border: 1px solid #8164BF; color: #8164BF;}
.main .result-box .info .box-wrap span.area3 {border: 1px solid #27977F; color: #27977F;}
.main .result-box .info .box-wrap span.area4 {border: 1px solid #DF9A31; color: #DF9A31;}
.main .result-box .info .box-wrap span.area5 {border: 1px solid #C852A7; color: #C852A7;}
.main .result-box .info .box-wrap span.area6 {border: 1px solid #559D5C; color: #559D5C;}
.main .result-box .info .box-wrap span.area7 {border: 1px solid #52A0E8; color: #52A0E8;}
.main .result-box .info .box-wrap span.area8 {border: 1px solid #215595; color: #215595;}
.main .result-box .title {width: calc(100% - 180px); padding-left: 50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 18px; color: #000; font-weight: 600;}
@media (max-width: 1600px) {
	.main .result-box {padding: 20px 40px;}
}
@media (max-width: 1400px) {
	.main .result-box .list ul li a {padding: 0 15px;}
	.main .result-box .info .box-wrap span {width: 90px;}
	.main .result-box .title {padding-left: 15px;}
	.main .result-box .list {margin-top: 10px;}
}
@media (max-width: 1199px) {
	.main .result-box {width: calc(100% - 380px);}
}
@media (max-width: 991px) {
	.main .result-box {width: 100%; padding: 20px;}
}
@media (max-width: 767px) {
	.main .result-box .title {width: calc(100% - 150px); padding-left: 20px; font-size: 16px;}
	.main .result-box .list ul li a {padding: 0 20px;}
}
@media (max-width: 640px) {
	.main .result-box .business .tit strong {font-size: 20px;}
	.main .result-box .business .tit a {font-size: 16px;}
	.main .result-box .list {max-height: 604px;}
	.main .result-box .list ul li {height: auto; padding: 14px 0;}
	.main .result-box .list ul li a {display: block; padding: 0 15px;}
	.main .result-box .title {display: block; padding-left: 0; margin-top: 5px; width: 100%;}
	.main .result-box .list .info {width: 100%; justify-content: start; align-items: center;}
	.main .result-box .list .info .box-wrap {display: flex; gap: 10px;}
	.main .result-box .info .box-wrap span {padding: 0 10px; width: auto;}
	.main .result-box .list .logo {width: 30px; height: 30px; border-radius: 10px; margin-right: 10px;}
	.main .result-box .list .logo img {width: auto; height: 20px;}
}
@media (max-width: 480px) {
	.main .result-box .list {max-height: 390px;}
	.main .result-box .list ul li {padding: 10px 0;}
	.main .result-box .list ul li a {padding: 0 10px;}
	.main .result-box .list .logo {width: 32px; height: 32px; margin-right: 4px; background-color: transparent;}
	.main .result-box .list .info .box-wrap {gap: 6px;}
	.main .result-box .business .tit a {font-size: 14px;}
	.main .result-box .business .tit a img {height: 10px;}
	.main .result-box .info .box-wrap span {font-size: 13px;}
	.main .result-box .list .logo img {height: 24px;}
	.main .result-box .title {font-size: 15px;}
}
@media (max-width: 360px) {
	.main .result-box {padding: 15px;}
	.main .result-box .title {font-size: 14px;}
}

/* calendar */
.calCon {position: relative; overflow: hidden;}
.calendar-wrap .calTop {margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;}
.calendar-wrap .month {display: flex;}
.calendar-wrap .month b {font-size: 36px; color: #000;}
.calendar-wrap .month .btn-wrap {display: flex; margin-left: 30px; align-items: center; gap: 8px;}
.calendar-wrap .month .btn-wrap button {width: 36px; height: 36px; border-radius: 7px; border: 1px solid #ddd; background: none;}
.calendar-wrap .tab-wrap {display: flex; gap: 5px;}	
.calendar-wrap .info-box {width: 150px; height: 36px; display: flex; align-items: center; justify-content: center; gap: 10px; border-radius: 10px; background: #f5f5f5; color: #777; font-weight: 600;}
.calendar-wrap .tab ul {display: flex; gap: 5px;}
.calendar-wrap .tab ul li a {display: inline-block; width: 36px; height: 36px; border-radius: 8px; background: #f5f5f5;}
.calendar-wrap .tab ul li:nth-child(1) a {background: url(/assets/service/img/main/tab1_off.png) no-repeat 50% #f5f5f5;}
.calendar-wrap .tab ul li:nth-child(2) a {background: url(/assets/service/img/main/tab2_off.png) no-repeat 50% #f5f5f5;}
.calendar-wrap .tab_con ul li {margin-top: 20px; overflow: hidden;}
.calendar-wrap .calendar {float: left; width: calc(100% - 270px); margin-right: -2px; border-left: 1px solid #e6e6e6;}
.calendar-wrap .calendar ::-webkit-scrollbar:horizontal {height:4px !important;}
.calendar-wrap .calendar ::scrollbar:horizontal {height:4px;}
.calendar-wrap .calendar ::-webkit-scrollbar-track {background: none;}
.calendar-wrap .calendar ::scrollbar-track {background: none;}
.calendar-wrap .calendar ::-webkit-scrollbar-thumb {background: #aaa; border-radius: 8px;}
.calendar-wrap .calendar ::scrollbar-thumb {background: #aaa; border-radius: 8px;}
.calendar .rsp {width: 100%; min-width: 800px; margin-left: -1px;}
.calendar .rsp th {padding: 8px 0; border: 1px solid #e6e6e6; font-size: 15px; color :#000; font-weight: 500; line-height: 1.6em; text-align: center; background: #fff;}
.calendar .rsp td {position: relative; width: 14.2857%; max-width: 122px; height: 100px; border :1px solid #e6e6e6; line-height: 1.5em; vertical-align: top;}
.calendar .rsp td.blank {background: #f9f9f9;}
.calendar .rsp td.sun span {color: #ED442D;}
.calendar .rsp td.sat span {color: #6DA1F0;}
.calendar .rsp td > span {position: absolute; top: 3px; left: 3px; font-family: 'Rubik Variable'; font-size: 16px; color: #000; margin-left: 5px;}
.calendar .rsp td a {position: relative; display: block; width: 100%; height: 100%; padding: 30px 5px 5px;}
.calendar .rsp td a span.mb_more {display: none; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background-color: #799aff; color: #fff; font-size: 14px; margin-top: 6px;}
.calendar-wrap .check-list {float: left; width: 270px; height: 670px; border: 1px solid #e6e6e6; padding: 10px;}
.calendar-wrap .check-list .date-tit {width: 100%; height: 50px; line-height :50px; text-align: center; border-radius: 10px; background: #48494d; color: #fff; font-size: 20px; font-weight: 600; letter-spacing: 0;}
.calendar-wrap .scr-box {margin-top: 10px; width: 100%; height: calc(100% - 60px); overflow-y: auto;}
.calendar-wrap .scr-box .box {border-radius: 10px; background: #f6f6f6; width: 100%; padding: 10px; margin: 10px 0;}
.calendar-wrap .scr-box .box:nth-of-type(1) {margin-top: 0;}
.calendar-wrap .scr-box .box a span.condi {display: inline-block; margin-right: 4px;}
.calendar .rsp tr td .more {position: absolute; right: 10px; top: 3px; font-size: 12px; font-weight: 600; color: #4373bc;}
.calendar .rsp tr td .clrBox {position: relative; display: block; width: 100%; height: 24px; border-radius: 5px; margin: 2px 0; display: flex; align-items: center; padding-left: 7px;}
.calendar .rsp tr td .clrBox.area1 {background: #F8E3E4;}
.calendar .rsp tr td .clrBox.area2 {background: #EAE4F5;}
.calendar .rsp tr td .clrBox.area3 {background: #D9F4EE  ;}
.calendar .rsp tr td .clrBox.area4 {background: #FDEDC3;}
.calendar .rsp tr td .clrBox.area5 {background: #FEEEF9;}
.calendar .rsp tr td .clrBox.area6 {background: #EAF4EB;}
.calendar .rsp tr td .clrBox.area7 {background: #E7F2FD;}
.calendar .rsp tr td .clrBox.area8 {background: #D7E4F3;}
.calendar .rsp tr td .clrBox .stit {font-size: 12px; color: #000; width: calc(100% - 24px); display: block; height: 13px; overflow :hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.3; font-weight: 500;}
.calendar .rsp tr td .clrBox i {position: absolute; right: 3px; top: 3px; text-align: center; line-height: 18px; display: inline-block; width: 18px; height: 18px; border-radius: 5px;}
.calendar .rsp tr td .area1 i {background: #D2565D;}
.calendar .rsp tr td .area2 i {background: #8164BF;}
.calendar .rsp tr td .area3 i {background: #1AA587;}
.calendar .rsp tr td .area4 i {background: #EBC029;}
.calendar .rsp tr td .area5 i {background: #D65DB4;}
.calendar .rsp tr td .area6 i {background: #7BC782;}
.calendar .rsp tr td .area7 i {background: #52A0E8;}
.calendar .rsp tr td .area8 i {background: #215595;}
.check-list .topInfo {position: relative; display: flex; align-items: center; gap: 2px 5px; flex-wrap: wrap;}
.check-list .topInfo .logo img {height: 18px; width: auto;}
.check-list .topInfo .areas {font-size :13px; font-weight: 500; padding-right: 3px;}
.check-list .topInfo .areas.area1 {color: #D2565D;}
.check-list .topInfo .areas.area2 {color: #8164BF;}
.check-list .topInfo .areas.area3 {color: #1AA587;}
.check-list .topInfo .areas.area4 {color: #EBC029;}
.check-list .topInfo .areas.area5 {color: #D65DB4;}
.check-list .topInfo .areas.area6 {color: #7BC782;}
.check-list .topInfo .areas.area7 {color: #52A0E8;}
.check-list .topInfo .areas.area8 {color: #215595;}
.check-list .topInfo .deadline {position: relative; font-size: 13px; color: #505050}
.check-list .listTit {margin-top: 5px; font-size: 14px; color :#000; word-break: keep-all;}
@media (max-width: 1600px) {
	.calendar-wrap .month b {font-size: 32px;}
	.calendar .rsp tr td .clrBox {padding-left: 5px;}
}
@media (max-width: 1400px) {
	.calendar-wrap .calTop {margin-bottom: 10px;}
}
@media (max-width: 1199px) {
	.calendar .rsp {min-width: auto;}
	.calendar-wrap .calendar {width: calc(100% - 230px);}
	.calendar-wrap .check-list {width: 230px;}
}
@media (max-width: 991px) {
	.calendar-wrap .calendar {width: 100%;}
	.calendar-wrap .check-list {width: 100%; height: auto !important;}
}
@media (max-width: 767px) {
	.calendar .rsp td {min-width: auto; text-align: center; height: 100px;}
	.calendar .rsp tr td .clrBox {display: none;}
	.calendar .rsp tr td .more {display: none;}
	.calendar .rsp tr td span.mb_more {display: inline-block; margin-top: 10px;}
}
@media (max-width: 640px) {
	.calendar-wrap .month b {font-size: 24px;}
	.calendar-wrap .month .btn-wrap {margin-left: 20px;}
	.calendar-wrap .month .btn-wrap button {width: 26px; height: 26px;}
	.calendar-wrap .month .btn-wrap button img {height: 12px; margin-top: -1px; }
	.calendar-wrap .calendar {width: 100%;}
	.calendar-wrap .info-box {display: none;}
	.calendar .rsp {min-width: auto;}
	.calendar .rsp th {padding: 5px 0; font-size: 14px;}
	.calendar .rsp td {max-width: none; height: 70px;}
	.calendar .rsp td > span {font-size: 14px;}
	.calendar .rsp tr td span.mb_more {margin-top: 0; position: absolute; right: 5px; bottom: 5px; border-radius: 4px; width: 24px; height: 24px; line-height: 24px;}
	.calendar-wrap .check-list {margin-top: -1px;}
	.calendar-wrap .check-list .date-tit {font-size: 16px; height: 40px; line-height: 40px;}			
}
@media (max-width: 480px) {
	.calendar-wrap .month {width: 100%; justify-content: space-between;}
	.calendar-wrap .month b {font-size: 20px;}
	.calendar-wrap .month .btn-wrap {gap: 3px;}
	.calendar-wrap .month .btn-wrap button {width: 22px; height: 22px;}
	.calendar-wrap .month .btn-wrap button img {height: 9px;}
	.calendar .rsp td {height: 50px;}
	.calendar .rsp td > span {margin-left: 0; line-height: 1;}
	.calendar .rsp td a span.mb_more {width: 22px; height: 22px; line-height: 22px; margin-top: -4px; font-size: 12px;}
	.calendar-wrap .scr-box {max-height: 327px;}
	.calendar-wrap .scr-box .box {margin: 5px 0;}
	.check-list .listTit {margin-top: 0; font-size: 13px;}
}
@media (max-width: 360px) {
	.calendar .rsp th {font-size: 13px;}
	.calendar .rsp td > span {font-size: 12px;}
	.calendar .rsp td a span.mb_more {padding: 0 6px;}
	.check-list .listTit {font-size: 13px;}
}

/* banner */
.main .banner {position: relative; width: 100%; height: 320px; background: url(/assets/service/img/main/bg_banner.jpg) no-repeat 50% 0 #212121; background-size: cover;}
.main .banner .donut {position: absolute; left: 200px; top: -30px; z-index: 10; animation: upDown 2s infinite alternate;}
@keyframes upDown {0%{transform:translate(0,0);} 100%{transform:translate(0,20px);}} 
.main .banner .wrap {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.main .banner .wrap p {text-align: center; font-size: 36px; color: #fff; font-weight: 100;}
.main .banner .wrap p b {display: block; margin-top: 10px; font-size: 42px; font-weight: 100;}
.main .banner .wrap p b span {font-weight: 600;}
@media (max-width: 1600px) {
	.main .banner {background-position: 70% 0;}
	.main .banner .donut {left: 6%;}
}
@media (max-width: 1400px) {
	.main .banner {height: auto; padding: 70px 40px; background: #212121;}
	.main .banner .donut {display: none;}
	.main .banner .wrap p {font-size: 28px;}
	.main .banner .wrap p b {font-size: 32px;}
}
@media (max-width: 1199px) {
	.main .banner {padding: 50px 20px;}
	.main .banner .wrap p {font-size: 24px;}
	.main .banner .wrap p b {font-size: 28px;}
}
@media (max-width: 991px) {
	.main .banner {padding: 40px 20px;}
	.main .banner .wrap p {font-size: 22px;}
	.main .banner .wrap p b {font-size: 26px;}
}
@media (max-width: 767px) {
	.main .banner .wrap p {font-size: 20px;}
	.main .banner .wrap p b {margin-top: 5px; font-size: 22px;}
}
@media (max-width: 640px) {
	.main .banner {display: none;}
}