*{-webkit-text-size-adjust:none; }
html,body{ width:100%;}
header.PDiv{ display:none;}

header{ width:100%; display:inline-block; height:110px; background-color:rgba(0,0,0,0.3); position:fixed; z-index:100; text-align:center; transition-duration:0.3s;}
header > div{ width:100%; display:inline-block; text-align:left;}
header > div > a{ margin-left:30px; margin-top:22px; display:inline-block;}
header > div > a > span:nth-child(1){ width:80px; height:50px; display:none; float:left; margin-right:0.3em; background-size:cover; overflow:hidden;}
header > div > a > span:nth-child(1) > img{ width:80px; height:80px; margin-top:-16px;}

header > div > a > span:nth-child(1) > svg{ width:42px; height:42px;}
header > div > a > span:nth-child(2){ display:block; color:#fff; font-size:24px; font-weight:800;;}
header > div > a > span:nth-child(3){ display:block; color:#fff; font-size:24px; font-weight:800; margin-top:-11px;}


/*
header > a > span:nth-child(1){ background-image:url(https://file.k-friends.kr/img/20210406/124946_0.png); width:42px; height:42px; display:inline-block; float:left; margin-right:0.3em; background-size:cover; }
*/
header > div > a > span{ display:block; font-weight:900;}



.registerBtn{ position:fixed; z-index:10; bottom:1em; left:1em; display:none; padding:25px 2em; text-align:center; font-size:14px; border:2px solid #5d5d5d; background-color:#640360; color:#fff; border-color:#640360;}
.registerBtn:before{ content:"> "}
.registerBtn.On{ display:inline-block;}

.FooterClass0{ background-color:#000; color:#fff; text-align:center; display:inline-block; width:100%; padding:60px 0; padding-bottom:160px;}
.FooterClass0 > div{ width:90%; display:block; margin:auto; text-align:left; font-size:10px;}
.footCP > div{ display:flex; justify-content: flex-start; align-items: center;}
.footCP > div > span{ width:160px; margin-right:30px; font-size: 26px; display:flex; justify-content:space-between; align-items: center;}
.footCP > div > div{ display:flex; align-items: center; flex-wrap:wrap;}
.footCP > div > div > a{ display:inline-block; margin-right:15px;}
.footCP > div > div > a > img{ float:left;}
.footCP > div > div > a > svg{ float:left;}

.footsns1{ display:inline-block;}
.footsns1 > img{ width:140px;}
.footsns6 > img{ width:164px;}
.footsns2 > img{ width:100px;}
.footsns3 > img{ width:140px;}
.footsns4 > img{ width:200px;}
.footsns5 > img{width:80px;}

.footCEO{ width:100%; margin:15px 0;}
.footCEO > h4{ font-size:20px; color:#fff; line-height:1.8;}
.footCEO > p{ font-size:16px; color:#fff; line-height:1.6;}
.footAgree{ display:flex; flex-wrap:wrap; margin-top:30px; }
.footAgree > a{ font-size:19px; color:#fff; display:inline-block; margin-right:16px;}

.snsBanner > nav{ display:flex; flex-wrap:wrap; margin-top:30px; justify-content: center;}
.snsBanner > nav > a{ display:inline-block; margin:15px;}
.snsBanner > nav > a > img{ width:60px; height:60px; float:left;}
.snsBanner > nav > a > svg{ width:60px; height:60px; float:left;}
.snsBanner > nav > a.facebook > svg path{ fill:#fff;}
/*


.FooterClass0 > div h4{ margin-top:1.6em; margin-bottom:0.5em; color:#fff;}
.FooterClass0 > div p{ color:#fff;}
.FooterClass0 > div p > span{ display:inline-block; table-layout:fixed; width:100%;}
.FooterClass0 > div a{ color:#fff; display:inline-block; table-layout:fixed;}
.FooterClass0 > div > div > h4{ text-align:left;}

.footpartner{ padding:2em 0; width:100%; display:none;}
.footpartner > ul{ display:table; margin:auto;  width:500px; margin-top:}
.footpartner > ul > li{ display:table-cell; vertical-align:middle; text-align:center;}
svg#kfriendslogo g.friends>path{ fill:#c8c9cb;}
svg#kfriendslogo{ width:200px;}
svg#arokalogo{ width:160px;}
.snsBanner > nav{ padding:2em 0;}
.snsBanner > nav > a{ margin:8px; }
.snsBanner > nav > a > svg{ width:30px;}
*/
.MenuBAR{ width:100%; background-color:#000; position:fixed; left:0; top:-150px; overflow:hidden; transition-duration:0.5s;}
.MenuBAR.view{ top:0; z-index:5;}
.MenuBAR > div{ max-width:1000px; width:100%; display:block; margin:auto; transition-duration:2s;}
.MenuBAR > div  ul.MenuList{ width:100%; display:none; float:left;}
.MenuBAR > div  ul.MenuList a{ color:#fff; font-size:12px;}
.MenuBAR > div  ul.MenuList > li{ width:33%; display:inline-block; float:left;}
.MenuBAR > div  ul.MenuList > li:nth-child(3){ padding-right:1%; }
.MenuBAR > div  ul.MenuList > li > a{ text-align:center; width:100%; padding:0.8em 0; display:inline-block; font-weight:900;}
.MenuBAR > div  ul.MenuList > li > a:hover{ background-color:rgba(125,125,125,0.8); }
.MenuBAR > div  ul.MenuList > li:hover > a{ color:#FF0; }
.MenuBAR > div  ul.MenuList > li > ul{ width:100%; display:none; visibility:hidden; float:left; }
.MenuBAR > div  ul.MenuList > li:nth-child(1) > ul{ width:302%; display:inline-block; visibility:visible; height:auto; ;}
.MenuBAR > div  ul.MenuList > li:nth-child(1) > ul > li{ width:33%; height:30px; float:left;}
.MenuBAR > div  ul.MenuList > li:nth-child(1) > ul > li:nth-child(3){ padding-left:0.5%; }
.MenuBAR > div  ul.MenuList > li:hover > ul{ visibility:visible; height:auto; }
.MenuBAR > div  ul.MenuList > li > ul > li{ width:100%; display:inline-block; overflow:hidden; height:0; transition-duration:0.3s; }
.MenuBAR > div  ul.MenuList > li > ul > li > a{ text-align:center; width:100%; padding:0.5em 0; display:inline-block; }
.MenuBAR > div  ul.MenuList > li > div > ul > li > a{color:#fff;}
.MenuBAR > div  ul.MenuList > li:hover > ul > li > a:hover{ background-color:rgba(125,125,125,0.8);}


.LayerPopupTbl { max-width:90%;}


/*

div.snsBanner > nav > a > img{ width:30px;}

.footCP{width:100%; display:inline-block; padding:1em 0;}
.footCP > div{ width:100%; display:inline-block; margin-bottom:1em;}
.footCP > div > span{font-size:16px; font-weight:900; float:left; width:100%;}
*/