section > div{ }

section > div > .content1{
width:100%;
height:855px;
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
background-image: repeating-linear-gradient(0deg, transparent, transparent 59px,
        rgba(233, 238, 244, 1) 59px, transparent 59px,
        rgba(233, 238, 244, 1) 61px)
		, repeating-linear-gradient(90deg, transparent, transparent 59px,
        rgba(233, 238, 244, 1) 59px, transparent 59px,
        rgba(233, 238, 244, 1) 61px)
		,linear-gradient(to bottom, transparent, transparent 305px,
        rgba(247, 145, 145, 1) 305px, transparent 305px,
        rgba(247, 145, 145, 1) 308px, transparent 308px,
		transparent 2161px
		)
		;
background-position:top center;
flex-direction: column;	

}
section > div > .content1 > .img{ margin-top:90px;}
section > div > .content1 > h2{
	position:relative;
	text-align:center;
	margin-top:92px;
}
section > div > .content1 > h2 > .titledays > span:before{
	content:""; background-image:url(/file/img/cal1.png); width:32px; position:absolute; height:24px; background-repeat:repeat-x; top:-44px;
	left:calc(50% - 16px);
}
section > div > .content1 > h2 > span > span{
  font-family: SBAggro;
  font-size: 91px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height:1.15;
  letter-spacing: 0.91px;
  text-align: center;
  color: #2e313d;
  position:relative;
}

section > div > .content1 > h2 > .titlerollcheck > span {
  color: #1435f6;
}

section > div > .content1 > p {
	margin-top:14px;
  font-size: 28px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.14px;
  color: #2e313d;
}

section > div > .content1 > p > span {
  font-weight: 800;
}
section > div > .content1 > aside{ margin-top:37px; opacity:0;}
section > div > .content1 > aside > span {
	display:flex;
	align-items:center;
	justify-content:center;
	margin:auto;
  width: 179px;
  height: 60px;
  border-radius: 30px;
  border: solid 1px #fff;
  background-color: rgba(201,201,201,0.56);
  font-size: 34px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2e313d;
}


section > div > .content2{ width:100%; display:inline-block; background-color:#2e313d; position:relative; padding-bottom:70px;}
section > div > .content2 > .img{ position:absolute; width:100%; height:0; top:-247px;}
section > div > .content2 > .img > div{ width:90%; max-width:1332px; position:relative; margin:auto; }
section > div > .content2 > .img > div > img{ position:absolute;}
section > div > .content2 > .text > div > h3 {
  width: 342px;
  height: 60px;
  border-radius: 30px;
  border: solid 1px #fff;
  background-color: #fff;
  display:flex; align-items:center; justify-content:center;
  margin:auto; margin-top:56px;
  font-size: 28px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.14px;
  color: #2e313d;
  margin-bottom:64px;
  z-index:1;
  position:relative;
}
section > div > .content2 > .text > div > ul{ display:flex; width:80%; max-width:872px; flex-wrap:wrap; justify-content:space-around; margin:auto;}
section > div > .content2 > .text > div > ul > li{ display:flex; align-items:center; justify-content:center; flex-direction: column; width:50%; margin-bottom:16px; }
section > div > .content2 > .text > div > ul > li > label{
  display:flex; align-items:center; justify-content:center;
  width: 118px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #fff;
}
section > div > .content2 > .text > div > ul > li > label > span{ position:relative;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.09px;
  color: #fff;
  display:flex;align-items:center; justify-content:center;
}
section > div > .content2 > .text > div > ul > li > label > span:before
,section > div > .content2 > .text > div > ul > li > label > span:after
{ content:""; 
width:20px; height:18px; display:inline-block;
background: radial-gradient(#fff 2px,transparent 3px, transparent 50%);
}

section > div > .content2 > .text > div > ul > li > div{ 
width:158px; height:158px; background-color:#fff; border-radius:50%; margin:25px 0; background-image:url(/file/img/rc.png); background-repeat:no-repeat; background-position:center center;
display:flex;align-items:center; justify-content:center;
}
section > div > .content2 > .text > div > ul > li > div > span {
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.16px;
  color: #1435f6;
}

section > div > .content2 > .text > div > p {
	margin-top:30px;
	display:flex;justify-content:center;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.09px;
  text-align: left;
  color: #e8e8e8;
}
section > div > .content2 > .text > div > p:before{ content:"*"; margin-right:8px;}

section > div > .content3 > div {
	margin:auto;
	margin-top:146px;
  width:96%;
  max-width: 1276px;
  border-radius: 18px;
  background-color: #2e313d;
}

section > div > .content3 > div > div > .calendardiv > h3 {
	margin:auto;
width:79%;
  margin-top:2px;
}
section > div > .content3 > div > div > .calendardiv > h3 > span{
  padding: 11px 38px;
  border-radius:0 0 10px 10px;
  background-color: #2e313d;
  font-size: 21px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.21px;
  color: #fff;
}

section > div > .content3 > div > div > .calendardiv > nav{ display:flex; justify-content:center; align-items:center; margin-bottom:30px;}
section > div > .content3 > div > div > .calendardiv > nav > h4{
	width:150px; text-align:center;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.21px;
  color: #2e313d;
  display:flex; justify-content:center; align-items:center;
  
}
section > div > .content3 > div > div > .calendardiv > nav > h4{ order:2;}
section > div > .content3 > div > div > .calendardiv > nav > .prevbtn{ order:1;}
section > div > .content3 > div > div > .calendardiv > nav > .nextbtn{ order:3;}

section > div > .content3 > div > div > .calendardiv > nav > a{ width:24px; height:24px; display:inline-block; background-size:cover; background-position:center center; background-repeat:no-repeat; font-size:0;}
section > div > .content3 > div > div > .calendardiv > nav > .prevbtn{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M20%2C25a1%2C1%2C0%2C0%2C1-.71-.29l-8-8a1%2C1%2C0%2C0%2C1%2C0-1.42l8-8a1%2C1%2C0%2C1%2C1%2C1.42%2C1.42L13.41%2C16l7.3%2C7.29a1%2C1%2C0%2C0%2C1%2C0%2C1.42A1%2C1%2C0%2C0%2C1%2C20%2C25Z%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
section > div > .content3 > div > div > .calendardiv > nav > .nextbtn{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12%2C25a1%2C1%2C0%2C0%2C1-.71-.29%2C1%2C1%2C0%2C0%2C1%2C0-1.42L18.59%2C16l-7.3-7.29a1%2C1%2C0%2C1%2C1%2C1.42-1.42l8%2C8a1%2C1%2C0%2C0%2C1%2C0%2C1.42l-8%2C8A1%2C1%2C0%2C0%2C1%2C12%2C25Z%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E")}

section > div > .content3 > div > div > .calendardiv > nav > .prevbtn:hover{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%3E%3Cpath%20fill%3D%22%231435f6%22%20d%3D%22M20%2C25a1%2C1%2C0%2C0%2C1-.71-.29l-8-8a1%2C1%2C0%2C0%2C1%2C0-1.42l8-8a1%2C1%2C0%2C1%2C1%2C1.42%2C1.42L13.41%2C16l7.3%2C7.29a1%2C1%2C0%2C0%2C1%2C0%2C1.42A1%2C1%2C0%2C0%2C1%2C20%2C25Z%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E");}
section > div > .content3 > div > div > .calendardiv > nav > .nextbtn:hover{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%3E%3Cpath%20fill%3D%22%231435f6%22%20d%3D%22M12%2C25a1%2C1%2C0%2C0%2C1-.71-.29%2C1%2C1%2C0%2C0%2C1%2C0-1.42L18.59%2C16l-7.3-7.29a1%2C1%2C0%2C1%2C1%2C1.42-1.42l8%2C8a1%2C1%2C0%2C0%2C1%2C0%2C1.42l-8%2C8A1%2C1%2C0%2C0%2C1%2C12%2C25Z%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E")}


section > div > .content3 > div > div{ padding:8px;}
section > div > .content3 > div > div > .calendardiv{ background-color:#fff; border-radius:12px; padding-bottom:60px;}
.calendardiv > ul{ display:flex; flex-wrap:wrap; justify-content:space-around; margin:auto; width:96%;}
.calendardiv > ul > li{ width:calc(14.1% - 12px); display:flex;}

.calendardiv > ul.head > li{ text-align:center;}
.calendardiv > ul.head > li > .daytext {
	text-transform:uppercase;
  font-size: 21px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  padding:17px 0; 
  width:100%;
  border-bottom:3px solid #2e313d;
}
.calendardiv > ul.body > li{ min-height:122px; margin:6px; background-color:#f2f2f2; float:left; position:relative;}
.calendardiv > ul.body > li > a.btn_sc{ position:absolute; left:0; top:0; width:100%; height:100%;}
.calendardiv > ul.body > li.scheduleExist > a.btn_sc:after{ content:""; width:0; height:0; border:9px solid #1435f6; border-bottom-color:transparent; border-left-color:transparent; display:inline-block; position:absolute; right:0; top:0;} 
.calendardiv > ul.body > li > a.btn_roll{
	border-radius:50%;
  width: 39px;
  height: 39px;
  padding:9px;
  box-shadow: 0 0 6px 0 rgba(20, 53, 246, 0.49);
  background-color: #1435f6;
  display:none;
  justify-content:center;
  align-items:center;
  text-align:center;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.16;
  letter-spacing: 0.38px;
  color: #fff;
  position:absolute;
  left:calc(50% - 28.5px);
  top:calc(50% - 28.5px);
  }
.calendardiv > ul.body > li > .daytext {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin:8.5px 13px;
}
.calendardiv > ul > .sun > .daytext{ color:#f00;}
.calendardiv > ul > .sat > .daytext{ color:#1435f6;}
.calendardiv > ul > .weekdayred > .daytext{ color:#f00;}
.calendardiv > ul.body > li.todays{ background-color:#f1f1ff;}
.calendardiv > ul.body > li.todays > a.btn_roll{ display:flex;}


.calendardiv > ul.body > li.completed0 > a{ background-image:url(/file/img/rc.png); background-size:91px 105px; background-position:center center; background-repeat:no-repeat;}
.calendardiv > ul.body > li.completed0 > a.btn_roll{ display:none;}

.calendardiv > ul.body > li.addActive > a.btn_sc{ border:1px solid #004cff; width:calc(100% - 2px); height:calc(100% - 2px); }


section > div > .content3 > div > .schedulediv{ display:flex; justify-content:space-between; padding-top:0;}
.schedulediv > div{
	width:37%;
	min-width:37%;
	display:flex;
}
.schedulediv > form > div{ padding:27px; padding-top:0; }
.schedulediv > form > div > fieldset{ border:0; border-bottom:1.5px solid #fff; padding:0; display:flex; justify-content:space-between; align-items:center; flex-grow:1;  }
.schedulediv > form > div > fieldset > input[type=text] {
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  background-color:transparent;
  border:0;
  padding:7.2px 0;
  width:calc(100% - 30px);
  color:#fff;
}
.schedulediv > form > div > fieldset > input[type=text]::placeholder{ color:#CCC;}

.schedulediv > form > div > fieldset > a{ display:inline-block; background-repeat:no-repeat; 
background-size:cover; background-position:center center; width:19px; height:19px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.558%22%20height%3D%2218.558%22%20viewBox%3D%220%200%2018.558%2018.558%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(-.001)%22%20stroke%3D%22%232e313d%22%20fill%3D%22%23fff%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%229.279%22%20cy%3D%229.279%22%20stroke%3D%22none%22%20r%3D%229.279%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%229.279%22%20cy%3D%229.279%22%20fill%3D%22none%22%20r%3D%228.779%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20transform%3D%22translate(5.143%209.279)%22%20fill%3D%22none%22%20stroke%3D%22%232e313d%22%20d%3D%22M0%200h8.268%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20transform%3D%22translate(9.277%205.145)%22%20fill%3D%22none%22%20stroke%3D%22%232e313d%22%20d%3D%22M0%200v8.268%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");}

.schedulediv > form > div > div{ display:flex; margin-top:30px;}
.schedulediv > form > div > div > ul{ margin-right:35px;}
.schedulediv > form > div > div > ul > li{
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: normal;
  color: #fff;
}
.schedulediv > form > div > div > ul:last-child{ }
.schedulediv > form > div > div > ul:last-child > li:before{ content:"ㆍ"; }


.schedulediv > div > h4{ width:80px; display:flex; justify-content:center; }
.schedulediv > div > h4 > span{ display:flex; justify-content:center; align-items:center; flex-direction: column;}
.schedulediv > div > h4 > span:before {
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}
.schedulediv > div > h4.sun > span:before{ content:"SUN";}
.schedulediv > div > h4.mon > span:before{ content:"MON";}
.schedulediv > div > h4.tue > span:before{ content:"TUE";}
.schedulediv > div > h4.wed > span:before{ content:"WED";}
.schedulediv > div > h4.thu > span:before{ content:"THU";}
.schedulediv > div > h4.fri > span:before{ content:"FRI";}
.schedulediv > div > h4.sat > span:before{ content:"SAT";}

.schedulediv > div > h4 > span {
  font-size: 45px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}
.schedulediv > div > div{
	flex-grow:1;
  padding: 9px;
  padding-right:3px;
  border-radius: 7px;
  background-color: #fff;
}
.schedulediv > div > div > ul{ overflow:auto; height:130px;}
.schedulediv > div > div > ul::-webkit-scrollbar {
    width: 5px;
}
.schedulediv > div > div > ul::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.3);
    border-radius: 5px;
    background-clip: padding-box;
    border: 5px solid rgba(0,0,0,0.3);
}
.schedulediv > div > div > ul::-webkit-scrollbar-track {
	background-color: #f2f2f2;
	border-radius: 5px;
	box-shadow: inset 0px 0px 5px white;
}

.schedulediv > div > div > ul > li{ margin:3px 0;}
.schedulediv > div > div > ul > li > a{ display:flex; justify-content:flex-start; align-items:center;}
.schedulediv > div > div > ul > li > a > .linktext{ order:2;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
.schedulediv > div > div > ul > li > a > .linkicon{
	order:1;
	width:14px; height:14px; display:inline-block; margin:0 4.6px;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(-.232)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%227%22%20cy%3D%227%22%20r%3D%227%22%20transform%3D%22translate(.232)%22%20fill%3D%22%231435f6%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M9707.6-2484.085h6.493%22%20transform%3D%22translate(-9703.848%202491.085)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5px%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}