body{margin:0; width:100%;}
header{ position:absolute; left:0; top:0; z-index:300; background-color: #2e313d; width:100%; height:100px; display:flex; justify-content: space-between; align-items:center;}
header > div{ position:relative; justify-content: space-between; align-items:center;display:flex; width:100%; transition-duration:0.3s;}
header > div > h1{ display:inline-block; margin-left:55px; position:relative; z-index:3;}
header > div > a.menuonoff{ width:26px; height:26px; position:absolute; right:56px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227.766%22%20height%3D%2220%22%20viewBox%3D%220%200%2027.766%2020%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20transform%3D%22translate(1%201)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222px%22%20d%3D%22M0%200h25.766%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20transform%3D%22translate(1%2010)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222px%22%20d%3D%22M0%200h25.766%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20transform%3D%22translate(1%2019)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222px%22%20d%3D%22M0%200h25.766%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); background-position:center center; background-repeat:no-repeat; transition-duration:0.3s; z-index:3;}
header > div[data-menu='on'] > a.menuonoff{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223.057%22%20height%3D%2222.45%22%20viewBox%3D%220%200%2023.057%2022.45%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20transform%3D%22translate(1.414%201.414)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222px%22%20d%3D%22m0%200%2020.229%2019.622%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20transform%3D%22translate(1.414%201.414)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222px%22%20d%3D%22M20.229%200%200%2019.622%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");}

header > div > nav{ display:none;}
header > div[data-menu='on'] > nav{ display:flex; position:fixed; justify-content:center; align-items:center; background-color:#2e313d; width:100%; height:100%; left:0; top:0; transition-duration:0.3s;}

header > div > nav > ul{ display:flex; flex-direction: column; height:100%; width:100%; justify-content:center; align-items:center;  }
header > div > nav > ul > li{ display:flex; position:relative; justify-content:center;  align-items:center; flex-wrap:wrap;}
header > div > nav > ul > li > a{
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  margin:10px 0;
}
header > div > nav > ul > li.logoutli > a{
  width: 112px;
  height: 35px;
  border-radius: 17.5px;
  border: solid 1px #fff;
  display:flex;
  justify-content:center;
  align-items:center;
}
header > div > nav > ul > li.logoutli{ order:4;}
header > div > nav > ul > li > ul{ }
header > div > nav > ul > li > ul > li{display:flex; flex-wrap:wrap; float:left; width:100%; padding:0;}
header > div > nav > ul > li > ul > li > a{  margin:8px 0; font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #c9c9c9;
}

header > div > nav > ul > li.logoutli > a:hover{ border:1px solid #3164F1;}
/*body.memberExist header .memberli[data-scop='']{ display:none;}*/
body.memberExist header .memberli{ display:flex;}
body.memberExist header .nomemberli{ display:none;}
body.membernExist header .memberli{ display:none;}
body.membernExist header .nomemberli{ display:flex;}


header > div > nav > ul > li.helpli > ul { display:flex; flex-direction: column; justify-content:center; width:100%; margin:8px 0;}
header > div > nav > ul > li.helpli > ul > li{ justify-content:center;}

/*body.memberExist header .memberli[data-scop='']{ display:none;}*/
body.memberExist header .memberli{ display:flex;}
body.memberExist header .nomemberli{ display:none;}
body.membernExist header .memberli{ display:none;}
body.membernExist header .nomemberli{ display:flex;}


section{ min-height:calc(100vh - 220px); padding-bottom:160px;}

footer{ background-color:#353536; width:100%; text-align:center; padding:46px 0;}
footer > div > a{
  font-size: 15px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  color: #f2f2f2;
}

footer > div > a.pr{ font-weight:900;}
footer > div > span{ color:#f2f2f2; margin:0 8px;}

footer > div {
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: center;
  color: #f2f2f2;
}

#LoginDiv{ display:flex; position:fixed; z-index:301; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); align-items:center; justify-content:center;}
#LoginDiv > div{ width:100%; max-width:387px; max-height:75vh; overflow:auto; background-color:#fff; border-radius: 19px; padding:61px; padding-top:48px; position:relative;}
#LoginDiv > div > form > #LoginClose{ width:14.5px; height:14.5px; background-image:url(/file/img/lp_close.png); background-repeat:no-repeat; display:inline-block; position:absolute; right:23px; top:23px; background-size:cover;}
#LoginDiv > div > form > h2{ text-align:center; margin-bottom:56px; float:left; width:100%;}
#LoginDiv > div > form > h3 {
  font-size: 26px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

#LoginDiv > div > form > p {
	margin-top:16px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #2e313d;
}

#LoginDiv > div > form > fieldset{ margin-top:34px; border:0; padding:0;}
#LoginDiv > div > form > fieldset > ul > li > label{ display:none;}

#LoginDiv > div > form > fieldset > ul > li > div > input[type=text]
,#LoginDiv > div > form > fieldset > ul > li > div > input[type=password]{
  width: calc(100% - 36px);
  height: 58.7px;
  padding:0 18px;
  border-radius: 7px;
  background-color: #f2f2f2;
  border:0;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  margin-bottom:11px;
}
#LoginDiv > div > form > fieldset > div > a{
  width: 100%;
  height: 61px;
  border-radius: 7px;
  background-color: #1435f6;
  font-size: 21px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:8px;
}
#LoginDiv > div > form > nav{ text-align:center; margin-top:39px;}
#LoginDiv > div > form > nav > a{
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2e313d;
  position:relative;
  margin:0 7px;
}
#LoginDiv > div > form > nav > a#LoginFormBtn0{ display:none;}

#LoginDiv > div > form > nav > a:after{ content:""; pointer-events: none; width:2px; height:2px; display:inline-block; border-radius:50%; position:absolute; right:-9px; top:10px; background-color:#000;}
#LoginDiv > div > form > nav > a:last-child:after{ display:none;}

#MemberSecurityDiv{ display:flex; position:fixed; z-index:301; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); align-items:center; justify-content:center;}
#MemberSecurityDiv > div{ width:387px; max-height:75vh; overflow:auto; background-color:#fff; border-radius: 19px; padding:61px; padding-top:48px; position:relative;}
#MemberSecurityDiv > div > form > #MemberSecurityClose{ width:14.5px; height:14.5px; background-image:url(/file/img/lp_close.png); background-repeat:no-repeat; display:inline-block; position:absolute; right:23px; top:23px; background-size:cover; font-size:0;}
#MemberSecurityDiv > div > form > h2{ text-align:center; float:left; width:100%;}
#MemberSecurityDiv > div > form > p{ text-align:center;}
#MemberSecurityDiv > div > form > p > span {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2e313d;
}
#MemberSecurityDiv > div > form > fieldset{ border:0;}
#MemberSecurityDiv > div > form > fieldset > ul{ margin:16px 0; display:inline-block; width:100%;}
#MemberSecurityDiv > div > form > fieldset > ul > li{ display:flex; padding:3px 0;}
#MemberSecurityDiv > div > form > fieldset > ul > li:last-child > label
,#MemberSecurityDiv > div > form > fieldset > ul > li:nth-last-child(2) > label{ min-width:98px; }

#MemberSecurityDiv > div > form > fieldset > ul > li > label{ min-width:70px;  padding:12px 0;}
#MemberSecurityDiv > div > form > fieldset > ul > li > div{ flex-grow:1;}
#MemberSecurityDiv > div > form > fieldset > ul > li > div > select{
	padding:7px 0;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  min-width:160px;
  border-radius:20px;
}
#MemberSecurityDiv > div > form > fieldset > ul > li > div > input[type=text]
,#MemberSecurityDiv > div > form > fieldset > ul > li > div > input[type=password]{
	margin:7px 0; 
	padding:7px;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  border:0;
  border-bottom:1px solid #7e7e7e;
  width:96%;
}

#MemberSecurityDiv > div > form > fieldset > ul > li > div > p{
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #1435f6;
}
#MemberSecurityDiv > div > form > fieldset > div{ margin-top:15px;}
#MemberSecurityDiv > div > form > fieldset > div > a{
  width: 100%;
  height: 65px;
  border-radius: 7px;
  background-color: #1435f6;
  font-size: 21px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  display:flex;
  align-items:center;
  justify-content:center;
 
}


#IDPwFindDiv{ display:flex; position:fixed; z-index:301; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); align-items:center; justify-content:center;}
#IDPwFindDiv > div{ width:387px; max-height:75vh; overflow:auto; background-color:#fff; border-radius: 19px; padding:61px; padding-top:48px; position:relative;}
#IDPwFindDiv > div > form > #IDPWFindClose{ width:14.5px; height:14.5px; background-image:url(/file/img/lp_close.png); background-repeat:no-repeat; display:inline-block; position:absolute; right:23px; top:23px; background-size:cover; font-size:0;}
#IDPwFindDiv > div > form > h2{ text-align:center; float:left; width:100%;}
#IDPwFindDiv > div > form > p{ text-align:center;}
#IDPwFindDiv > div > form > p > span{ 
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #2e313d;
}
#IDPwFindDiv > div > form.LoginIDFindClass > .fid{ display:block;}
#IDPwFindDiv > div > form.LoginIDFindClass > .fpw{ display:none;}

#IDPwFindDiv > div > form.LoginPWFindClass > .fpw{ display:block;}
#IDPwFindDiv > div > form.LoginPWFindClass > .fid{ display:none;}
#IDPwFindDiv > div > form.LoginIDFindClass > h2 > .IDPWFindTitleID{ display:inline;}
#IDPwFindDiv > div > form.LoginIDFindClass > h2 > .IDPWFindTitlePW{ display:none;}
#IDPwFindDiv > div > form.LoginPWFindClass > h2 > .IDPWFindTitleID{ display:none;}
#IDPwFindDiv > div > form.LoginPWFindClass > h2 > .IDPWFindTitlePW{ display:inline;}

#IDPwFindDiv > div > form > nav{ margin:15px 0; margin-bottom:0; display:flex; border-bottom:1.5px solid #c1c1c1;}
#IDPwFindDiv > div > form > nav > a{ flex-grow:1;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  position:relative;
  padding:13px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  float:left;
}
#IDPwFindDiv > div > form.LoginIDFindClass > nav > #IDFindFormBtn0{ color: #1435f6;}
#IDPwFindDiv > div > form.LoginIDFindClass > nav > #IDFindFormBtn0:after{ content:""; width:100%; height:2px; background-color:#1435f6; display:inline-block; bottom:-2px; left:0; position:absolute;}
#IDPwFindDiv > div > form.LoginPWFindClass > nav > #IDFindFormBtn1{ color: #1435f6;}
#IDPwFindDiv > div > form.LoginPWFindClass > nav > #IDFindFormBtn1:after{ content:""; width:100%; height:2px; background-color:#1435f6; display:inline-block; bottom:-2px; left:0; position:absolute;}

#IDPwFindDiv > div > form.LoginIDFindClass > fieldset > ul > li.fpw{ display:none;}

#IDPwFindDiv > div > form.LoginIDFindClass > fieldset > ul > li > label {
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000;
}
#IDPwFindDiv > div > form > fieldset{ border:0;}
#IDPwFindDiv > div > form > fieldset > ul{ margin:16px 0; display:inline-block; width:100%;}
#IDPwFindDiv > div > form > fieldset > ul > li{ display:flex; padding:3px 0;}
#IDPwFindDiv > div > form > fieldset > ul > li > label{ min-width:70px;  padding:12px 0;}
#IDPwFindDiv > div > form > fieldset > ul > li > div{ flex-grow:1;}
#IDPwFindDiv > div > form > fieldset > ul > li > div > select{
	padding:7px 0;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  min-width:160px;
  border-radius:20px;
}
#IDPwFindDiv > div > form > fieldset > ul > li > div > input[type=text]
,#IDPwFindDiv > div > form > fieldset > ul > li > div > input[type=password]{
	margin:7px 0; 
	padding:7px;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  border:0;
  border-bottom:1px solid #7e7e7e;
  width:96%;
}

#IDPwFindDiv > div > form > fieldset > ul > li > div > p{
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #1435f6;
}

#IDPwFindDiv > div > form > fieldset > ul > li:last-child > label
,#IDPwFindDiv > div > form > fieldset > ul > li:nth-last-child(2) > label{ min-width:98px; }
#IDPwFindDiv > div > form > fieldset > div{ margin-top:15px;}
#IDPwFindDiv > div > form > fieldset > div > a{
  width: 100%;
  height: 65px;
  border-radius: 7px;
  background-color: #1435f6;
  font-size: 21px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
  display:flex;
  align-items:center;
  justify-content:center;
 
}


.ui-datepicker{ padding:0; border:1px solid #707070; border-radius:7px;}
.ui-datepicker th{
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.ui-datepicker td span, .ui-datepicker td a{ 
display:flex;  width:20px; height:20px; justify-content:center; align-items:center;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  border-radius:50%;
  background-color:#fff;
  border:0;
}
.ui-widget-header{ background:#fff; border:0; border-bottom:1px solid #eee;}
.ui-datepicker .ui-datepicker-title{ margin:0;}
.ui-datepicker-week-end span{ color:#1435f6;}
.ui-datepicker-week-end .ui-state-default{ color:#1435f6;}

.ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover{ border:0; background-color:transparent;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
{ background:#fff; border:0; margin:5px auto;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
	background:#1435f6;	color:#fff;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, a.ui-button:active, .ui-button:active, .ui-button.ui-state-hover:hover{
	background-color:#1435f6; color:#fff;
}