header{ width:100%; display:inline-block; text-align:center; position:relative; float:left;}
header > div.headermenu > div.headerdiv0 > h1{ width:100%; display:inline-block; float:left; margin-top:12px; margin-bottom:12px;}
header > div.headermenu > div.headerdiv0 > h1 > a > img{ width:180px;}


header > div.headernavdiv{ position:absolute; display:inline-block; left:0; top:0; z-index:1;}
header > div.headernavdiv > ul{ display:none; position:fixed; z-index:1; background-color:#652d88;}
header > div.headernavdiv > ul > li{ padding:1.3em 1.4em; display:block;}
header > div.headernavdiv > ul > li > a{ font-size:12px; color:#fff; line-height:1.7; display:inherit; font-weight:bold;}
header > div.headernavdiv > ul > li > a:hover{ color:#fff;}
header > div.headernavdiv > ul > li > a > img{ width:32px; margin:0;}
header > div.headernavdiv > div{ width:100%; display:none; height:100%; background-color:rgba(0,0,0,0.8); position:fixed; left:0; top:0;  }
header > div.headernavdiv > a{ position:absolute; left:0.5em; top:2.1em; display:inline-block; cursor:pointer; width:27px; height:16px; background-color:transparent; z-index:2; border-top:2px solid #652d88;  border-bottom:2px solid #652d88;transition-duration:0.5s;}
header > div.headernavdiv > a > span{ width:27px; height:2px; display:inline-block; background-color:#652d88; transform:rotate(0deg); position:absolute; top:50%; left:0; margin-top:-1px; transition-duration:0.5s;}
header > div.headernavdiv > a > span:before{ content:""; left:0; top:0;width:27px; height:2px; display:inline-block; background-color:#652d88; transform:rotate(0deg); position:absolute; transition-duration:0.5s;}
header > div.headernavdiv > a:hover > span{ background-color:#108eed;}
header > div.headernavdiv > a:hover > span:before{ background-color:#108eed;}



header > div.onmenu{ position:absolute; display:inline-block; left:0; top:0; z-index:1;}
header > div.onmenu > ul{ display:inline-block; position:fixed; z-index:1; background-color:#652d88;}
header > div.onmenu > ul > li{ padding:1.3em 1.4em; display:block;}
header > div.onmenu > div{ width:100%; display:inline-block; height:100%; background-color:rgba(0,0,0,0.8); position:fixed; left:0; top:0;  }
header > div.onmenu > div > span{ background-color:#652d88;}
header > div.onmenu > a{ position:absolute; display:none; cursor:pointer; width:15px; height:15px; background-color:transparent; z-index:2; border-color:transparent;}
header > div.onmenu > a > span{ width:8px; height:2px; display:inline-block; background-color:#fff; transform:rotate(45deg); position:relative;}
header > div.onmenu > a > span:before{ content:""; left:0; top:0;width:8px; height:2px; display:inline-block; background-color:#fff; transform:rotate(90deg); position:absolute; }

header > div.onmenu > a:hover > span{ background-color:#fff;;}
header > div.onmenu > a:hover > span:before{ background-color:#fff;;}


header > div.headermenu > div.headerdiv0 > div.menudiv1 > nav{ background-color:#652d88; width:100%; display:inline-block; float:left; text-align:left; text-align:center; z-index:1;}
header > div.headermenu > div.headerdiv0 > div.menudiv1 > nav > div > a{ color:#fff; font-size:14px; margin:1em 0; display:inline-block; width:20%; text-align:center; float:left;}

header > div.headermenu > div.headerdiv0 > div.menudiv1 > nav > div > a.pointbtn{ position:absolute; right:1em; bottom:60px; margin:0; color:#000; background-color:#ffd515; font-size:14px; display:inline-block; border-radius:0.5em; padding:0.5em; width:auto; font-weight:900;}

header > div.headermenu > div.headerdiv0 > div.menudiv1 > nav > div > a.TopMenuEventRollbtn{ position:absolute; right:1em; bottom:100px; margin:0; color:#fff; background-color:#6C6; font-size:14px; display:inline-block; border-radius:0.5em; padding:0.5em; width:auto; font-weight:900;}
header > div.headermenu > div.headerdiv0 > div.menudiv1 > nav > div > a.toploginmenu{ display:none;}


header > div.headermenu > div.headerdiv0 > div.menudiv1 > nav > div.commmenu{ display:none;}
header > div.headermenu > div.headerdiv0 > div.menudiv1 > nav > div > a.pointbtn:before{ content:"";}
header > div.headermenu > div.headerdiv0 > div.menudiv1 > nav > div > a.pointbtn > img{ display:inline-block;width:80px;}
header > div.headermenu > div.headerdiv0 > div.menudiv1 > nav > div > a.TopMenuLogoutBtn{ display:none;}
header > div.headermenu > div.headerdiv0 > div.menudiv1 > nav > div > a.TopMenuGM{ display:none;}

header > div.headermenu > div.headerdiv0 > ul > li:nth-child(1) > h4{ display:none;}
header > div.headermenu > div.headerdiv0 > ul > li:nth-child(2){ display:none;}

div.HomeDdays{ width:88%; padding:0.2em 1%; margin:0 5%; margin-top:0.5em; background-color:#ffd515; border-radius:1em 1em 0 0; position:relative; border-bottom:2px solid #000;}
div.HomeDdays > ul{ display:table; width:100%;}
div.HomeDdays > ul > li{ display:table-cell; vertical-align:middle; padding:1% 0.5em;}
div.HomeDdays > ul > li.inoutcount{ text-align:right; padding:1% 0.5em; font-size:13px; font-weight:900;}
div.HomeDdays > ul > li > a{ color:#000; font-size:12px;}

div.HomeTimes{ width:88%; padding:0.2em 1%; margin:0 5%; margin-top:1px; background-color:#f0f0f0; border-radius:0 0 1em 1em; position:relative; border-top:1px solid #000;}
div.HomeTimes > ul{ display:table; width:100%;}
div.HomeTimes > ul > li{ display:table-row;}
div.HomeTimes > ul > li > div{ display:table-cell; font-style:15px; text-align:center; padding:0.3em;}
div.HomeTimes > ul > li > div > a{ font-size:12px; width:56px; padding:0.5em 0; display:inline-block; text-align:center; border-radius:0.5em; color:#000;}
div.HomeTimes > ul > li > div > a.TopMenuMyInfo{ background-color:#c9cacc;}
div.HomeTimes > ul > li > div > a.TopMenuPointBtn{ background-color:#ffd515;}


div#LoginDiv{ width: 100%; height: 100%; display: table; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.5); z-index:400;}
div#LoginDiv > div{ display: table-cell; text-align: center; vertical-align: middle;}
div#LoginDiv > div > form{ text-align: left; display: inline-block; background-color: #fff;}

div#IDPwFindDiv{ width: 100%; height: 100%; display: table; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.5);}
div#IDPwFindDiv > div{ display: table-cell; text-align: center; vertical-align: middle;}
div#IDPwFindDiv > div > form{ text-align: left; display: inline-block; background-color: #fff;}

form#IDPWFindForm.LoginIDFindClass > nav > a#IDFindFormBtn0{ font-weight: 700; }
form#IDPWFindForm.LoginIDFindClass > nav > a#IDFindFormBtn1{ font-weight: 100; }

form#IDPWFindForm.LoginPWFindClass > nav > a#IDFindFormBtn0{ font-weight: 100; }
form#IDPWFindForm.LoginPWFindClass > nav > a#IDFindFormBtn1{ font-weight: 700; }

#LoginForm{ width: 300px; border-radius: 0.6em; position: relative; box-shadow: 1px 3px 12px gray;}
#LoginForm > a{ position: absolute; right: 0.5em; top: 0.5em; font-size: 2em; line-height: 1;}
#LoginForm > h2{ width: 100%; text-align: center; font-size: 1.4em; font-weight: 700; background-color:#652d88; color:#fff; border-radius:0.4em 0.4em 0 0; padding:0.5em 0;}
#LoginForm > fieldset{ border: 0px solid #ddd; border-bottom:1px solid #ddd; border-radius: 0; width: 260px; margin:auto;}
#LoginForm > fieldset > ul{ width: 80%; display:inline-block; float: left;}
#LoginForm > fieldset > ul > li{ display: table; width: 100%;}
#LoginForm > fieldset > ul > li > label{ display:none; font-size: 18px; font-weight: 700; color: #555; width: 80px; padding: 6px;}
#LoginForm > fieldset > ul > li > div{ display:table-cell; padding: 6px;}
#LoginForm > fieldset > ul > li > div > input[type=text]{ font-size: 14px; width: 90%; height: 28px; display: inline-block; padding: 3px; border-radius:4px; }
#LoginForm > fieldset > ul > li > div > input[type=text]:focus
,#LoginForm > fieldset > ul > li > div > input[type=password]:focus
{ border-color:#652d88;}
#LoginForm > fieldset > ul > li > div > input[type=password]{ font-size: 14px; width: 90%; height: 28px; display: inline-block; padding: 3px; border-radius:4px;}
#LoginForm > fieldset > div{ width: 20%; float: right; padding: 0.4em 0;}
#LoginForm > fieldset > div > #LoginBtn{ width: 100%; height: 28px; padding:30px 0; display: inline-block; font-weight: 700; background-color: #652d88; border: 0; border-radius:0.4em; color: #fff; font-size: 14px; cursor: pointer; text-align:center;}
#LoginForm > fieldset > div > #LoginBtn:hover{ background-color: blueviolet;}
#LoginForm > nav{ width: 100%; text-align: center; padding-bottom:1em;}
#LoginForm > nav > a{ margin: 0.3em; display:inline-block; table-layout:fixed; font-size:12px;}


#IDPwFindDiv{ z-index:401;}
div#IDPwFindDiv > div > form{ background-color:#652d88; width:90%; position:relative;}
div#IDPwFindDiv > div > form > h2{ display:none;}
div#IDPwFindDiv > div > form > a#IDPWFindClose{ display:none;}
div#IDPwFindDiv > div > form > nav{ padding:22px 5%; width:90%; display:inline-block; float:left;}
div#IDPwFindDiv > div > form > nav > a{ margin-right:1.4em; color:#fff; }
.LoginIDFindClass > nav > a#IDFindFormBtn0{ font-weight:900;}
.LoginIDFindClass > nav > a#IDFindFormBtn1{ font-weight:100;}
.LoginPWFindClass > nav > a#PWFindFormBtn0{ font-weight:100;}
.LoginPWFindClass > nav > a#PWFindFormBtn1{ font-weight:900;}

div#IDPwFindDiv > div > form > fieldset{ padding-bottom:5em; height:50vh; overflow-y:scroll;}
div#IDPwFindDiv > div > form > fieldset #fPWLevel{ margin-bottom:3em;}
div#IDPwFindDiv > div > form > fieldset > ul > li{ padding-bottom:16px;}
div#IDPwFindDiv > div > form > fieldset > ul > li > p{ font-size:18px; width:80%; display:inline-block; padding:2em 10%;}

div#IDPwFindDiv > div > form > fieldset > ul > li > p > span{ display:inline-block;}
div#IDPwFindDiv > div > form > fieldset > ul > li > p > span > span{ color:#652d88;  font-weight:900;}
div#IDPwFindDiv > div > form > fieldset > ul > li > label{ display:none;}
div#IDPwFindDiv > div > form > fieldset > ul > li > div{ width:80%; float:left; margin-left:10%; margin-bottom:16px;}
div#IDPwFindDiv > div > form > fieldset > ul > li > div > p{ font-size:12px; color:#f00;  width: 90%; }
div#IDPwFindDiv > div > form > fieldset > ul > li > div > input[type=text]{ font-size: 14px; width: 90%; height: 28px; display: inline-block; padding: 3px; border-radius:4px; margin-bottom:8px;}

div#IDPwFindDiv > div > form > fieldset > ul > li > div > input[type=number]{ font-size: 14px; width: 90%; height: 28px; display: inline-block; padding: 3px; border-radius:4px; margin-bottom:8px;}

div#IDPwFindDiv > div > form > fieldset > ul > li > div > input[type=password]{ font-size: 14px; width: 90%; height: 28px; display: inline-block; padding: 3px; border-radius:4px; margin-bottom:8px;}


div#IDPwFindDiv > div > form > fieldset > ul > li > div > select{ font-size: 14px; width: 90%; height: 28px; display: inline-block; padding: 3px; border-radius:4px; margin-bottom:8px;}

div#IDPwFindDiv > div > form > fieldset > div > a{ position:absolute; width:100%; background-color:#652d88; bottom:0; left:0; padding:0.5em 0; color:#fff; font-weight:900; font-size:24px; text-align:center;}

.LoginIDFindClass .fpw{ display:none;} 
.LoginPWFindClass .fid{ display:none;} 

div#IDPwFindDiv > div > form > fieldset{ background-color:#fff; border:0;}

#fPWLevel > span{ background-color:#999; width:70px; height:12px; display:inline-block; margin-right:2px; transition-duration:0.3s;}
#fPWLevel.pwlevel1 > span:nth-child(1){ background-color:#F30;}
#fPWLevel.pwlevel2 > span:nth-child(1)
,#fPWLevel.pwlevel2 > span:nth-child(2){ background-color:#FF9;}
#fPWLevel.pwlevel3 > span{ background-color:#0C0;}

.headerdiv0 a.HeaderLogo{ display:inline-block; width:180px; height:27px; text-align:center; vertical-align:middle; background-image:url(https://pcbang.k-friends.kr/file/img/2021/logo2.png); background-repeat:no-repeat;background-size:180px 27px; padding:1.1em 0; background-position:center center;}

.FooterClass0{ width:100%; display:inline-block; float:left; background-color:#f2f2f2;}
.FooterClass0 > div{ color:#808080; font-size:12px; margin:0.5em; margin-bottom:3em; display:inline-block;}
.FooterClass0 > div > a{ color:#808080;}
.FooterClass0 > div > span{ color:#ebebeb;}
.FooterClass0 > div > a.logo{ margin-top:10px; margin-bottom:10px; display:inline-block;}
.FooterClass0 > div > a.logo > img{ width:117px; height:18px;}

#AdmMenu{ width:96%; display:inline-block; background-color:#e6f7eb; float:left; padding:1em 2%;}
#AdmMenu > a{ margin:3px; display:inline-block; font-size:12px;}