body.KBody.Position.occ{ overflow-x:hidden;overflow-y:scroll;}

body.KBody.Position.occ header{ width:100%; display:inline-block; float:left; table-layout:fixed; margin:0;}
body.KBody.Position.occ header > div{ position:relative; width:100%; float:left; background-color:#fed700;}

body.KBody.Position.occ header > div > h1{ margin:1em 0; margin-left:0.5em; font-weight:900;}
body.KBody.Position.occ header > div > h1 > a{ font-family: 'NanumSquare'; font-weight:900; color:#000;}
body.KBody.Position.occ header > div > nav.TopMenuNav > a.OccMenuBtn{ background-color:#000; width:70px; height:70px; display:inline-block; position:absolute; right:1em; top:1em; transform:scale(0.7,0.7); z-index:110;}
body.KBody.Position.occ header > div > nav.TopMenuNav > a.OccMenuBtn > span{ background-color:#fcd602; width:40px; height:4px; display:inline-block; overflow:hidden; position:absolute; left:50%; top:50%; transition-duration:0.5s;}
body.KBody.Position.occ header > div > nav.TopMenuNav > a.OccMenuBtn > span:nth-child(1){ margin-left:-20px; margin-top:-10px; }
body.KBody.Position.occ header > div > nav.TopMenuNav > a.OccMenuBtn > span:nth-child(2){ margin-left:-20px; margin-top:-2px; }
body.KBody.Position.occ header > div > nav.TopMenuNav > a.OccMenuBtn > span:nth-child(3){ margin-left:-20px; margin-top:6px; }

body.KBody.Position.occ header > div > nav.TopMenuNav > a.OccMenuBtn.CloseBtn > span:nth-child(1){ margin-left:-20px; margin-top:-2px; transform:rotate(45deg); }
body.KBody.Position.occ header > div > nav.TopMenuNav > a.OccMenuBtn.CloseBtn > span:nth-child(2){ margin-left:-20px; margin-top:-2px; opacity:0; }
body.KBody.Position.occ header > div > nav.TopMenuNav > a.OccMenuBtn.CloseBtn > span:nth-child(3){ margin-left:-20px; margin-top:-2px; transform:rotate(-45deg); }
body.KBody.Position.occ header > div > nav.TopMenuNav > a.OccMenuBtn.CloseBtn:after{ content:"CLOSE"; position:absolute; top:64px; left:50%; margin-left:-35px; width:70px; display:inline-block; text-align:center; font-weight:700; color:#fcd602; font-size:12px;}

body.KBody.Position.occ header > div > nav.TopMenuNav > div.hide{ position:fixed; width:0; height:0; top:1.8em; right:1.8em; display:inline-block; overflow:hidden; background-color:#000; transition-duration:0.3s; z-index:100; border-radius:0 0 0 50%;}

body.KBody.Position.occ header > div > nav.TopMenuNav > div.hide > h2{position:absolute; left:1em; top:90px; width:320px; transition-duration:0.5s; color:transparent; font-family:'Mistral','NanumSquare'; font-size:30px; font-weight:100; padding:0; margin:0;}
body.KBody.Position.occ header > div > nav.TopMenuNav > div.hide > h2 > span{ font-size:20px; font-weight:100; transition-duration:0.5s; color:transparent;}

body.KBody.Position.occ header > div > nav.TopMenuNav > div.hide > a{position:absolute; left:2em; top:140px; width:320px; transition-duration:0.5s; opacity:0;}
body.KBody.Position.occ header > div > nav.TopMenuNav > div.hide > ul{ position:absolute; left:-100%; top:200px; width:320px; transition-duration:0.5s;}
body.KBody.Position.occ header > div > nav.TopMenuNav > div.hide > ul > li{ width:100%; display:inline-block;}
body.KBody.Position.occ header > div > nav.TopMenuNav > div.hide > ul > li > a{ color:#fff; font-weight:700; line-height:1.8; width:50%; float:left;}
body.KBody.Position.occ header > div > nav.TopMenuNav > div.hide > ul > li > ul.subhide{ width:50%; height:0; float:left; overflow:hidden; transition-duration:0.3s;}
body.KBody.Position.occ header > div > nav.TopMenuNav > div.hide > ul > li > ul > li > a{ color:#989898; font-weight:100; line-height:1.8;}

body.KBody.Position.occ header > div > nav.TopMenuNav > div.hide.HelloID > h2{ font-weight:700; line-height:1.2;}
body.KBody.Position.occ header > div > nav.TopMenuNav > div.hide.HelloID > a{ top:180px;}
body.KBody.Position.occ header > div > nav.TopMenuNav > div.hide.HelloID > ul{ top:240px;}

body.KBody.Position.occ header > div > nav.TopMenuNav > div.view{ display:inline-block; width:100%; height:100%; top:0; right:0; border-radius:0 0 0 0; overflow:auto;}
body.KBody.Position.occ header > div > nav.TopMenuNav > div.view > h2{  transition-delay:0.3s; transition-duration:1s; color:#fcd602;}
body.KBody.Position.occ header > div > nav.TopMenuNav > div.view > h2 > span{ transition-delay:0.6s; transition-duration:1s; color:#fcd602; }

body.KBody.Position.occ header > div > nav.TopMenuNav > div.view > a{  transition-delay:0.3s; transition-duration:0.5s; opacity:1;}
body.KBody.Position.occ header > div > nav.TopMenuNav > div.view > ul{ left:2em; transition-delay:0.2s; transition-duration:0.5s; padding-bottom:2em;}
body.KBody.Position.occ header > div > nav.TopMenuNav > div.view > ul > li > ul.subshow{ height:100px;}


body.KBody.Position.occ section{ width:100%; display:inline-block;}
body.KBody.Position.occ .pchead{ position:relative; width:100%; padding:0.5em 0; float:left; text-align:center; display:inline-block;}
body.KBody.Position.occ .pchead > a{ display:none;}

body.KBody.Position.occ .pcbody1 > div > h3{ width:100%; margin:auto; color:#000; font-size:18px; margin-bottom:1.5em;}
body.KBody.Position.occ .pcbody1 > div > h3 > span{ display:inline-block;}
body.KBody.Position.occ .pcbody1 > div > h3 > span > b{ color:#66F;}
body.KBody.Position.occ .pcbody1 > div > ul{ width:100%; display:inline-block; background-color:rgba(255,255,255,0.3); padding:10px 0; border-radius:1em; float:left; margin-top:0.5em;}
body.KBody.Position.occ .pcbody1 > div > ul > li{ display:table; text-align:center; width:33%; float:left;}
body.KBody.Position.occ .pcbody1 > div > ul > li:nth-child(2){ border-left:1px solid #ddd;}
body.KBody.Position.occ .pcbody1 > div > ul > li:nth-child(3){ border-left:1px solid #ddd;}
body.KBody.Position.occ .pcbody1 > div > p{ width:100%; display:inline-block; padding:10px 0; border-radius:1em; text-align:left; font-weight:900; }


body.KBody.Position.occ .LogInBtn{ position:relative; padding-left:30px; color:#ffffff;}
body.KBody.Position.occ .LogInBtn:before{ content:""; width:24px; height:23px; background-image:url(/file/img/occ/in.png); display:inline-block; background-size:cover; position:absolute; left:0;}
body.KBody.Position.occ .LogInBtn:after{ content:"로그인";}

body.KBody.Position.occ .LogInBtn.exit{ color:#989898;}
body.KBody.Position.occ .LogInBtn.exit:after{ content:"로그아웃";}
body.KBody.Position.occ .LogInBtn.exit:before{ background-image:url(/file/img/occ/out.png);}



body.KBody.Position.occ div#OccLoginDiv{ z-index:120; width:100%; height:100%; top:0; left:0; position:absolute; background-color:#fff; display:table;}
body.KBody.Position.occ div#OccLoginDiv > div{ display:table-cell; text-align:center; vertical-align:middle;}

body.KBody.Position.occ form#OccLoginForm{ width:300px; padding:2em 0; max-width:90%; display:inline-block; padding:10px;}

body.KBody.Position.occ form#OccLoginForm > a#LoginClose{ background-color:#fff; width:70px; height:70px; display:inline-block; position:absolute; right:1em; top:1em; transform:scale(0.7,0.7);/* z-index:110;*/}
body.KBody.Position.occ form#OccLoginForm > a#LoginClose > span{ background-color:#000; width:40px; height:4px; display:inline-block; overflow:hidden; position:absolute; left:50%; top:50%;}
body.KBody.Position.occ form#OccLoginForm > a#LoginClose > span:nth-child(1){ margin-left:-20px; margin-top:-2px; transform:rotate(45deg); }
body.KBody.Position.occ form#OccLoginForm > a#LoginClose > span:nth-child(2){ margin-left:-20px; margin-top:-2px; transform:rotate(-45deg); }
body.KBody.Position.occ form#OccLoginForm > a#LoginClose:after{ content:"CLOSE"; position:absolute; top:64px; left:50%; margin-left:-35px; width:70px; display:inline-block; text-align:center; font-weight:700; color:#000; font-size:12px;}

body.KBody.Position.occ form#OccLoginForm > h2{ padding-left:5%; padding-bottom:2em; text-align:left; font-family: 'NanumSquare'; font-weight:900;}
body.KBody.Position.occ form#OccLoginForm > fieldset{ border:0; padding:0; margin:0;}
body.KBody.Position.occ form#OccLoginForm > fieldset > ul > li > label{ display:none;}
body.KBody.Position.occ form#OccLoginForm > fieldset > ul > li > div{ text-align:center;}
body.KBody.Position.occ form#OccLoginForm > fieldset > ul > li > div > input{ width:90%; padding:6px; height:30px; display:inline-block; margin-bottom:8px;}
body.KBody.Position.occ form#OccLoginForm > fieldset > div > input[type=submit]{ width:95%; padding:6px; height:45px; display:inline-block; text-align:center; background-color:#fcd602; color:#000; font-size:15px; border:0; font-weight:900; margin-top:0.9em;}
body.KBody.Position.occ form#OccLoginForm > nav{ width:90%; display:inline-block; margin:1.5em 0;}
body.KBody.Position.occ form#OccLoginForm > nav > a{ width:100%; display:inline-block; line-height:1.8; position:relative; font-size:12px; text-align:left;}
body.KBody.Position.occ form#OccLoginForm > nav > a:after{ content:">"; position:absolute; right:0; top:0;}


body.KBody.Position.occ div#OccIDPwFindDiv{ z-index:120; width:100%; height:100%; top:0; left:0; position:absolute; background-color:#fff; display:table;}
body.KBody.Position.occ div#OccIDPwFindDiv > div{ display:table-cell; text-align:center; vertical-align:middle;}

form#OccIDPWFindForm{ width:300px; padding:2em 0; max-width:90%; display:inline-block; padding:10px;}

body.KBody.Position.occ form#OccIDPWFindForm > a#IDPWFindClose{ background-color:#fff; width:70px; height:70px; display:inline-block; position:absolute; right:1em; top:1em; transform:scale(0.7,0.7);/* z-index:110;*/}
body.KBody.Position.occ form#OccIDPWFindForm > a#IDPWFindClose > span{ background-color:#000; width:40px; height:4px; display:inline-block; overflow:hidden; position:absolute; left:50%; top:50%;}
body.KBody.Position.occ form#OccIDPWFindForm > a#IDPWFindClose > span:nth-child(1){ margin-left:-20px; margin-top:-2px; transform:rotate(45deg); }
body.KBody.Position.occ form#OccIDPWFindForm > a#IDPWFindClose > span:nth-child(2){ margin-left:-20px; margin-top:-2px; transform:rotate(-45deg); }
body.KBody.Position.occ form#OccIDPWFindForm > a#IDPWFindClose:after{ content:"CLOSE"; position:absolute; top:64px; left:50%; margin-left:-35px; width:70px; display:inline-block; text-align:center; font-weight:700; color:#000; font-size:12px;}

body.KBody.Position.occ form#OccIDPWFindForm > fieldset{ border:0; padding:0; margin:0;}
body.KBody.Position.occ form#OccIDPWFindForm > fieldset > ul > li > label{ display:none;}
body.KBody.Position.occ form#OccIDPWFindForm > fieldset > ul > li > div{ text-align:center;}
body.KBody.Position.occ form#OccIDPWFindForm > fieldset > ul > li > div > p{ text-align:left; font-size:10px; padding:6px 12px;}
body.KBody.Position.occ form#OccIDPWFindForm > fieldset > ul > li > div > input{ width:90%; padding:6px; height:30px; display:inline-block; margin-bottom:8px;}
body.KBody.Position.occ form#OccIDPWFindForm > fieldset > div > input[type=submit]{ width:95%; padding:6px; height:45px; display:inline-block; text-align:center; background-color:#fcd602; color:#000; font-size:15px; border:0; font-weight:900; margin-top:0.9em; margin-bottom:5em;}
body.KBody.Position.occ form#OccIDPWFindForm > h2{ display:none;}
body.KBody.Position.occ form#OccIDPWFindForm  > nav > ul{ margin-bottom:4em;}
body.KBody.Position.occ form#OccIDPWFindForm  > nav > ul > li{ text-align:left; margin-left:0.6em;}
body.KBody.Position.occ form#OccIDPWFindForm  > nav > ul > li > a{ font-size:21px; font-weight:900; line-height:1.6;}
body.KBody.Position.occ .LoginIDFindClass > nav > ul > li > a#IDFindFormBtn0{ border-bottom:3px solid #fcd602; color:#000000;}
body.KBody.Position.occ .LoginIDFindClass > nav > ul > li > a#IDFindFormBtn1{ border-bottom:3px solid #ffffff; color:#bababa;}

body.KBody.Position.occ .LoginPWFindClass > nav > ul > li > a#IDFindFormBtn0{ border-bottom:3px solid #ffffff; color:#bababa;}
body.KBody.Position.occ .LoginPWFindClass > nav > ul > li > a#IDFindFormBtn1{ border-bottom:3px solid #fcd602; color:#000000;}

body.KBody.Position.occ div#OccMemberRegDiv{ z-index:120; width:100%; height:100%; top:0; left:0; position:absolute; background-color:#fff; display:table;}
body.KBody.Position.occ div#OccMemberRegDiv > div{ display:table-cell; text-align:center; vertical-align:middle;}

body.KBody.Position.occ form#OccMemberRegForm{ width:300px; padding:2em 0; max-width:90%; display:inline-block; padding:10px;}

body.KBody.Position.occ form#OccMemberRegForm > a#OccMemberRegClose{ background-color:#fff; width:70px; height:70px; display:inline-block; position:absolute; right:1em; top:1em; transform:scale(0.7,0.7);/* z-index:110;*/}
body.KBody.Position.occ form#OccMemberRegForm > a#OccMemberRegClose > span{ background-color:#000; width:40px; height:4px; display:inline-block; overflow:hidden; position:absolute; left:50%; top:50%;}
body.KBody.Position.occ form#OccMemberRegForm > a#OccMemberRegClose > span:nth-child(1){ margin-left:-20px; margin-top:-2px; transform:rotate(45deg); }
body.KBody.Position.occ form#OccMemberRegForm > a#OccMemberRegClose > span:nth-child(2){ margin-left:-20px; margin-top:-2px; transform:rotate(-45deg); }
body.KBody.Position.occ form#OccMemberRegForm > a#OccMemberRegClose:after{ content:"CLOSE"; position:absolute; top:64px; left:50%; margin-left:-35px; width:70px; display:inline-block; text-align:center; font-weight:700; color:#000; font-size:12px;}


body.KBody.Position.occ form#OccMemberRegForm > h2{ padding-left:5%; padding-bottom:2em; text-align:left; font-family: 'NanumSquare'; font-weight:900;}
body.KBody.Position.occ form#OccMemberRegForm > h2 > span{ border-bottom:2px solid #fcd602;  font-family: 'NanumSquare'; font-weight:900;;}
body.KBody.Position.occ form#OccMemberRegForm > fieldset{ border:0; padding:0; margin:0;}

body.KBody.Position.occ form#OccMemberRegForm .agreementDiv{ display:none; position:fixed; left:0; top:0; width:100%; background-color:rgba(0,0,0,0.5); height:100%; z-index:111;}
body.KBody.Position.occ form#OccMemberRegForm .agreementDiv > div{ display:table-cell; text-align:center; vertical-align:middle; overflow:auto;}
body.KBody.Position.occ form#OccMemberRegForm .agreementDiv > div > div{ display:inline-block; background-color:#fff; padding:8px; width:300px; text-align:center;}
body.KBody.Position.occ form#OccMemberRegForm .agreementDiv > div > div > fieldset{ border:1px solid #ddd; width:270px; height:400px; overflow:auto; display:inline-block; text-align:left; font-size:12px;}
body.KBody.Position.occ form#OccMemberRegForm .agreementDiv > div > div > nav > a{ background-color:#999; color:#fff; width:100%; display:inline-block; padding:8px 0;}
body.KBody.Position.occ form#OccMemberRegForm .agreementDiv.show{ display:table;}


body.KBody.Position.occ form#OccMemberRegForm > div > div > input[type=submit]{ width:95%; padding:6px; height:45px; display:inline-block; text-align:center; background-color:#fcd602; color:#000; font-size:15px; border:0; font-weight:900; margin-top:0.9em;}

body.KBody.Position.occ form#OccMemberRegForm > div > ul{ text-align:left; border:1px solid #848484; width:94%; margin:auto;}
body.KBody.Position.occ form#OccMemberRegForm > div > ul > li{ border-top:1px solid #848484; padding:6px 0; }
body.KBody.Position.occ form#OccMemberRegForm > div > ul > li:nth-child(1){ border:0;}
body.KBody.Position.occ form#OccMemberRegForm > div > ul > li > label{ font-size:12px; margin-left:0.4em;}
body.KBody.Position.occ form#OccMemberRegForm > div > ul > li > ul > li{ text-align:left; position:relative; padding:6px 0;}
body.KBody.Position.occ form#OccMemberRegForm > div > ul > li > ul > li > label{ font-size:12px; margin-left:0.4em;}
body.KBody.Position.occ form#OccMemberRegForm > div > ul > li > ul > li > a{ position:absolute; right:0; display:inline-block; box-shadow:1px 2px 1px gray; padding:2px 4px;  font-size:11px;right:0.4em;}




body.KBody.Position.occ form#MemberRegStep1Form{ width:300px; padding:2em 0; max-width:90%; display:inline-block; padding:10px;}
body.KBody.Position.occ form#MemberRegStep1Form.Step1Hide{ display:none;}

body.KBody.Position.occ form#MemberRegStep1Form > a#OccMemberRegStep1Close{ background-color:#fff; width:70px; height:70px; display:inline-block; position:absolute; right:1em; top:1em; transform:scale(0.7,0.7);/* z-index:110;*/}
body.KBody.Position.occ form#MemberRegStep1Form > a#OccMemberRegStep1Close > span{ background-color:#000; width:40px; height:4px; display:inline-block; overflow:hidden; position:absolute; left:50%; top:50%;}
body.KBody.Position.occ form#MemberRegStep1Form > a#OccMemberRegStep1Close > span:nth-child(1){ margin-left:-20px; margin-top:-2px; transform:rotate(45deg); }
body.KBody.Position.occ form#MemberRegStep1Form > a#OccMemberRegStep1Close > span:nth-child(2){ margin-left:-20px; margin-top:-2px; transform:rotate(-45deg); }
body.KBody.Position.occ form#MemberRegStep1Form > a#OccMemberRegStep1Close:after{ content:"CLOSE"; position:absolute; top:64px; left:50%; margin-left:-35px; width:70px; display:inline-block; text-align:center; font-weight:700; color:#000; font-size:12px;}

body.KBody.Position.occ form#MemberRegStep1Form > h2{ padding-left:5%; padding-bottom:2em; text-align:left; font-family: 'NanumSquare'; font-weight:900;}
body.KBody.Position.occ form#MemberRegStep1Form > h2 > span{ border-bottom:2px solid #fcd602;  font-family: 'NanumSquare'; font-weight:900;;}

body.KBody.Position.occ form#MemberRegStep1Form > div{ display:inline-block;}
body.KBody.Position.occ form#MemberRegStep1Form > fieldset{ border:0;}
body.KBody.Position.occ form#MemberRegStep1Form > fieldset > ul{ width:94.5%; display:inline-block; border:1px solid #828282;}
body.KBody.Position.occ form#MemberRegStep1Form > fieldset > ul > li{ width:100%; display:inline-block; border-top:1px solid #828282; text-align:left;}
body.KBody.Position.occ form#MemberRegStep1Form > fieldset > ul > li:nth-child(1){ border:0;}
body.KBody.Position.occ form#MemberRegStep1Form > fieldset > ul > li > label{ display:none;}
body.KBody.Position.occ form#MemberRegStep1Form > fieldset > ul > li > div > input[type=text]
,body.KBody.Position.occ form#MemberRegStep1Form > fieldset > ul > li > div > input[type=password]{ width:175px; padding:6px; font-size:16px; border:0; }
body.KBody.Position.occ form#MemberRegStep1Form > fieldset > ul > li > div > p{ font-size:11px; color:#828282; margin-left:0.5em;}
body.KBody.Position.occ form#MemberRegStep1Form > fieldset > ul > li > div > a{ background-color:#848484; color:#fff; display:inline-block; padding:2px 8px; font-size:12px; }

body.KBody.Position.occ form#MemberRegStep1Form > fieldset > div > input[type=submit]{ width:95%; padding:6px; height:45px; display:inline-block; text-align:center; background-color:#fcd602; color:#000; font-size:15px; border:0; font-weight:900; margin-top:0.9em;}

body.KBody.Position.occ .OccMainSection{ width:100%;}
body.KBody.Position.occ .OccMainSection > div > nav{ position:relative; width:100%; height:45px; float:left; border-bottom:1px solid #000; overflow:visible;}
body.KBody.Position.occ .OccMainSection > div > nav > div{ height:24px; padding:0.5em; width:auto; display:block; table-layout:fixed;}
body.KBody.Position.occ .OccMainSection > div > nav > div > a{ margin:0 1em; font-size:16px; table-layout:fixed; display:inline-block;}
body.KBody.Position.occ .OccMainSection > div > nav > div > a.SelectSubMenu{ font-weight:900;}
body.KBody.Position.occ .OccMainSection > div > div.header{ padding:1.5em 0; width:100%; display:inline-block; text-align:center;}
body.KBody.Position.occ .OccMainSection > div > div.header > h2{ text-align:left; width:350px; display:block; margin:auto; }
body.KBody.Position.occ .OccMainSection > div > div.header > p{ text-align:left; width:350px; display:block; margin:auto;}



body.KBody.Position.occ .position1{ background-image:url(/file/img/back1.svg); background-size:100% auto; background-repeat:no-repeat; background-position:top left; padding:2em 0; margin-bottom:1em;}

body.KBody.Position.occ .position2{ width:380px; display:block; margin:auto; background-color:#fff; box-shadow:3px 3px 12px 3px gray;}
body.KBody.Position.occ .position2 > div{ padding:1em;}
body.KBody.Position.occ .position2 > div > div.positionHeader{ border-bottom:1px solid #000; width:100%; display:table; table-layout:fixed;}
body.KBody.Position.occ .position2 > div > div.positionHeader > aside{ display:table-cell; vertical-align:middle;}
body.KBody.Position.occ .position2 > div > div.positionHeader > aside > span{ position:relative; padding-left:20px; color:#878787;  font-size:12px; }
body.KBody.Position.occ .position2 > div > div.positionHeader > aside > span:before{ content:""; width:16px; height:16px; display:inline-block; background-color:#e11189; border-radius:3px; margin:2px; top:-3px; left:0; position:absolute;}
body.KBody.Position.occ .position2 > div > div.positionHeader > div{ display:table-cell;}


body.KBody.Position.occ .PCStat{ display:table; float:right; }
body.KBody.Position.occ .PCStat > li{ display:table-cell; text-align:center; padding:6px;}
body.KBody.Position.occ .PCStat > li > h4{ font-weight:100; color:#878787; font-size:12px;}
body.KBody.Position.occ .PCStat > li > p{ font-weight:900; font-family:Arial; font-size:18px;}
body.KBody.Position.occ .PCStat > li:nth-child(1) > p{ color:#e11189;}

body.KBody.Position.occ .positionSection{ border:8px solid #ddd; margin-top:0.5em; position:relative; height:480px;}
body.KBody.Position.occ .positionSection:before{ content:""; position:absolute; top:146px; left:0; width:32%; height:8px; background-color:#ddd; display:inline-block;}
body.KBody.Position.occ .positionSection:after{ content:""; position:absolute; top:146px; right:0; width:32%; height:8px; background-color:#ddd; display:inline-block;}

body.KBody.Position.occ .positionSection > aside{ position:absolute; right:8px; top:33px;}

body.KBody.Position.occ div#usePC > a{ width:45px; padding:8px 0; display:inline-block; text-align:center; font-family:Arial; border-radius:5px; color:#fff; background-color:#8a8a8a; font-size:12px; font-weight:700; position:absolute;}

body.KBody.Position.occ div#usePC > a:nth-child(1){ bottom:50px; left:6px;}
body.KBody.Position.occ div#usePC > a:nth-child(2){ bottom:95px; left:6px;}
body.KBody.Position.occ div#usePC > a:nth-child(3){ bottom:140px; left:6px;}
body.KBody.Position.occ div#usePC > a:nth-child(4){ bottom:185px; left:6px;}
body.KBody.Position.occ div#usePC > a:nth-child(5){ bottom:230px; left:6px;}
body.KBody.Position.occ div#usePC > a:nth-child(6){ bottom:275px; left:6px;}

body.KBody.Position.occ div#usePC > a:nth-child(7){ bottom:5px; right:50%; margin-right:3px;}
body.KBody.Position.occ div#usePC > a:nth-child(8){ bottom:50px; right:50%; margin-right:3px;}
body.KBody.Position.occ div#usePC > a:nth-child(9){ bottom:95px; right:50%; margin-right:3px;}
body.KBody.Position.occ div#usePC > a:nth-child(10){ bottom:140px; right:50%; margin-right:3px;}
body.KBody.Position.occ div#usePC > a:nth-child(11){ bottom:185px; right:50%; margin-right:3px;}

body.KBody.Position.occ div#usePC > a:nth-child(12){ bottom:5px; left:50%; margin-left:3px;}
body.KBody.Position.occ div#usePC > a:nth-child(13){ bottom:50px; left:50%; margin-left:3px;}
body.KBody.Position.occ div#usePC > a:nth-child(14){ bottom:95px; left:50%; margin-left:3px;}
body.KBody.Position.occ div#usePC > a:nth-child(15){ bottom:140px; left:50%; margin-left:3px;}
body.KBody.Position.occ div#usePC > a:nth-child(16){ bottom:185px; left:50%; margin-left:3px;}


body.KBody.Position.occ div#usePC > a:nth-child(17){ bottom:5px; right:6px;}
body.KBody.Position.occ div#usePC > a:nth-child(18){ bottom:50px; right:6px;}
body.KBody.Position.occ div#usePC > a:nth-child(19){ bottom:95px; right:6px;}
body.KBody.Position.occ div#usePC > a:nth-child(20){ bottom:140px; right:6px;}
body.KBody.Position.occ div#usePC > a:nth-child(21){ bottom:185px; right:6px;}
body.KBody.Position.occ div#usePC > a:nth-child(22){ bottom:230px; right:6px;}
body.KBody.Position.occ div#usePC > a:nth-child(23){ bottom:275px; right:6px;}

body.KBody.Position.occ div#usePC > a:nth-child(24){ top:100px; left:56px;}
body.KBody.Position.occ div#usePC > a:nth-child(25){ top:100px; left:6px;}

body.KBody.Position.occ div#usePC > a:nth-child(26){ top:5px; left:6px;}
body.KBody.Position.occ div#usePC > a:nth-child(27){ top:5px; left:56px;}
body.KBody.Position.occ div#usePC > a:nth-child(28){ top:5px; left:106px;}
body.KBody.Position.occ div#usePC > a:nth-child(29){ top:5px; left:156px;}
body.KBody.Position.occ div#usePC > a:nth-child(30){ top:5px; left:206px;}

body.KBody.Position.occ div#usePC > a.statActive{ background-color:#e11189;}

body.KBody.Position.occ div#usePC > a.viewOn:before{ content:""; position:absolute; display:inline-block; width:0; height:0; border-style:solid; border-width:8px;border-color:#000 transparent transparent transparent; top:0;}



body.KBody.Position.occ .position3{ background-color:#fff;}
body.KBody.Position.occ .position3 > h3{ width:350px; display:block; margin:auto; margin-top:2em; margin-bottom:1em;}
body.KBody.Position.occ .position3 > p{ width:350px; display:block; margin:auto; margin-top:2em; margin-bottom:1em; text-align:center;}


body.KBody.Position.occ .usePCListMember > li{ width:100%; display:inline-block; table-layout:fixed; border-bottom:1px solid #ddd; padding-top:0.5em; padding-bottom:0.8em;}
body.KBody.Position.occ .usePCListMember > li > div{ width:360px; display:table; position:relative; margin:auto; table-layout:fixed;}
body.KBody.Position.occ .usePCListMember > li > div > div{ display:table-cell; text-align:center; vertical-align:middle;}
body.KBody.Position.occ .usePCListMember > li > div > div:nth-child(1){ width:120px;}
body.KBody.Position.occ .usePCListMember > li > div > div:nth-child(2){ text-align:right;}
body.KBody.Position.occ .usePCListMember > li > div > div > h4{ font-family:Arial; border-radius:5px; color:#fff; background-color:#e11189; font-size:14px; font-weight:700; padding:8px 0; display:inline-block; width:50px;}
body.KBody.Position.occ .usePCListMember > li > div > div > ul{ display:table; width:170px; table-layout:fixed; float:right;}
body.KBody.Position.occ .usePCListMember > li > div > div > ul > li{ display:table-row;}
body.KBody.Position.occ .usePCListMember > li > div > div > ul > li > label{ display:table-cell; width:60px; padding:3px; text-align:left; font-size:12px;}
body.KBody.Position.occ .usePCListMember > li > div > div > ul > li > div{ display:table-cell; padding:3px; text-align:left; font-size:12px;}

body.KBody.Position.occ #selectUsePCList{ margin-top:1em;}
body.KBody.Position.occ #selectUsePCList > li{ border-top:1px solid #e11189; position:relative;}
body.KBody.Position.occ #selectUsePCList > li:nth-child(1):before{ content:""; position:absolute; left:53px; display:inline-block; width:0; height:0; border-style:solid; border-width:8px;border-color:#000 transparent transparent transparent; top:0;}

body.KBody.Position.occ #selectUsePCList > li.offline{ border-top:1px solid #8a8a8a;}

body.KBody.Position.occ .usePCListMember > li.offline > div > div > h4{ background-color:#8a8a8a;}
body.KBody.Position.occ .usePCListMember > li.offline > div > div:nth-child(2){ text-align:left; font-size:12px;}

body.KBody.Position.occ .whattime{ width:100%; display:inline-block; table-layout:fixed; text-align:center;}
body.KBody.Position.occ .whattime > li{ width:270px; display:inline-block; text-align:left; border-top:1px solid #f1f1f1; padding:6px 0;}
body.KBody.Position.occ .whattime > li > h4{ font-size:12px; line-height:1.6;}
body.KBody.Position.occ .whattime > li > p{ font-size:11px; line-height:1.6;}



body.KBody.Position.PC header{ display: inline-block; width: 100%;}
body.KBody.Position.PC header > h1{ text-align: center; margin: 1em; margin-bottom: 0.3em; font-size: 36px;}
body.KBody.Position.PC section{ width: 100%; display: inline-block; text-align: center;}
/*
#TopMenuHelpDesk{ display: none;}
*/
body.KBody.Position.PC header > nav{ text-align: center;}
body.KBody.Position.PC header > nav > a{ border: 2px solid #ddd; display: inline-block; padding: 1em 2em; border-radius: 0.5em; margin: 0.2em;    font-weight: 700; font-size: 16px; background-color: #fff;}

body.KBody.Position.PC section{ width: 100%; display:inline-block; padding-top:2em;}
body.KBody.Position.PC section > h2{ text-align: center; font-size: 30px; margin: 0.3em;}
body.KBody.Position.PC section > h3{ text-align: center; font-size: 24px; margin: 0.3em;}
body.KBody.Position.PC section > div{ width: 900px; display: inline-block; text-align: left;}

body.KBody.Position.PC section{ width:100%; display:inline-block;}
body.KBody.Position.PC .pchead{ position:relative; width:100%; padding:0.5em 0; float:left; text-align:center; display:none;}
body.KBody.Position.PC .pchead > a{ display:none;}

body.KBody.Position.PC .pcbody1{ position:relative; width:100%; display:inline-block; background-image:url(https://www.k-friends.kr/file/img/sc5.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;}
body.KBody.Position.PC .pcbody1 > div{ background-color:rgba(101,45,136,0.8); padding:3em 0; width:100%; display:inline-block;}
body.KBody.Position.PC .pcbody1 > div > h3{ width:80%; margin:auto; color:#fff; font-size:18px; margin-bottom:1.5em;}
body.KBody.Position.PC .pcbody1 > div > h3 > span{ display:inline-block;}
body.KBody.Position.PC .pcbody1 > div > h3 > span > b{ color:#fdd31c;}
body.KBody.Position.PC .pcbody1 > div > ul{ width:80%; margin-left:10%; color:#fff; display:inline-block; background-color:rgba(255,255,255,0.3); padding:10px 0; border-radius:1em; float:left; margin-top:0.5em;}
body.KBody.Position.PC .pcbody1 > div > ul > li{ display:table; text-align:center; width:33%; float:left;}
body.KBody.Position.PC .pcbody1 > div > ul > li:nth-child(2){ border-left:1px solid #fff;}
body.KBody.Position.PC .pcbody1 > div > ul > li:nth-child(3){ border-left:1px solid #fff;}

body.KBody.Position.PC .pcbody1 > div > p{ width:70%; margin-left:10%; color:#fff; display:inline-block; background-color:rgba(255,255,255,0.3); padding:10px 0; border-radius:1em;  font-weight:900; padding-left:5%; padding-right:5%; text-align:center;}
body.KBody.Position.PC .pcposition{ font-weight:900;}


body.KBody.Position.PC .pcbody2 > div > table{ width:80%; margin:auto; margin-top:2em; margin-bottom:2em; border:1px solid #c2c2c2; border-collapse:collapse;}
body.KBody.Position.PC .pcbody2 > div > table > thead > tr > th{ padding:6px; text-align:center; border-bottom:1px solid #c2c2c2; text-align:center;}
body.KBody.Position.PC .pcbody2 > div > table > tbody > tr > td{ padding:6px; text-align:center; border-bottom:1px solid #c2c2c2; text-align:center;}


body.KBody.Position.PC table{ width:100%;background-color: #fff; border-top:2px solid #ddd;}
body.KBody.Position.PC table > thead > tr > th{ padding: 8px; border-bottom:1px dashed #ddd; background-color:#652d88; color:#fff; text-align:center;}
body.KBody.Position.PC table > tbody > tr > td{ padding: 8px; border-bottom:1px dashed #ddd; text-align:center;}