@charset "utf-8";
@import url('header.css');
@import url('footer.css');
@import url('index.css');
@import url('login.css');
@import url('talk.css');
@import url('company.css');
@import url('news.css');
@import url('support.css');
@import url('mypage.css');
@import url('error.css');
@import url('search.css');
@import url('popup.css');
@import url('join.css');

@font-face {
    font-family: 'YSpotlight';
    font-weight: 300;
    font-display: swap;
    src: local('YSpotlight'),
    url('../fonts/YSpotlight.woff2') format('woff2'),
    url('../fonts/YSpotlight.woff') format('woff'),
    url('../fonts/YSpotlight.ttf') format('truetype');
}
@font-face {
    font-family: 'public-Sans';
    font-weight: 700;
    font-display: swap;
    src: local('public Sans Bold'),
    url('../fonts/PublicSans-Bold.woff2') format('woff2'),
    url('../fonts/PublicSans-Bold.woff') format('woff'),
    url('../fonts/PublicSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'public-Sans';
    font-weight: 500;
    font-display: swap;
    src: local('public Sans SemiBold'),
    url('../fonts/PublicSans-SemiBold.woff2') format('woff2'),
    url('../fonts/PublicSans-SemiBold.woff') format('woff'),
    url('../fonts/PublicSans-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'public-Sans';
    font-weight: 400;
    font-display: swap;
    src: local('public Sans Medium'),
    url('../fonts/PublicSans-Medium.woff2') format('woff2'),
    url('../fonts/PublicSans-Medium.woff') format('woff'),
    url('../fonts/PublicSans-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'public-Sans';
    font-weight: 300;
    font-display: swap;
    src: local('public Sans Regular'),
    url('../fonts/PublicSans-Regular.woff2') format('woff2'),
    url('../fonts/PublicSans-Regular.woff') format('woff'),
    url('../fonts/PublicSans-Regular.ttf') format('truetype');
}

*{ font-family:public-Sans, sans-serif;font-weight:400;-webkit-overflow-scrolling: touch;}
html,body,p, input, select, form, label, mark, ul, ul li, ol, ol li, dl, dl dt, dl dd, img, a, table, h1, h2, h3, h4, h5{margin:0;padding:0;}
img{ border:0; }
ul, ol{ list-style:none; }
a{color:#555;text-decoration:none;}
a:hover, a:active, a:visited{text-decoration:underline; }
table{border:0;border-collapse:collapse;table-layout:fixed;}

.hidden{position:absolute;left:-20000px;}
/**/
::selection {background:#833f9e;color: #FFF;text-shadow: none;}
::-moz-selection {background:#833f9e;color: #FFF;text-shadow: none;}
::-webkit-selection {background:#833f9e;color: #FFF;text-shadow: none;}

a{opacity:1;text-decoration:none !important;}

a.cubic{-webkit-transition:.3s;outline:0;}
a.cubic:active{outline:0;}
a.cubic:hover{opacity:.8;-webkit-transform: scale(0.95);-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.47, 2.02);}

.hidden{position:absolute;left:-20000px;}

select {cursor:pointer;outline:none;background:url(../image/bg/bg-select.svg) no-repeat right center;appearance: none;-moz-appearance:none;-webkit-appearance: none;}
select::-ms-expand {display:none}

input[type=checkbox]{cursor:pointer;outline:none;float:left;background:url(../image/bg/bg-check-off.svg) no-repeat;background-size:20px 20px;border:0;width:20px;height:20px;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
input[type=checkbox]:checked{width:20px;height:20px;background:#000 url(../image/bg/bg-check-on.svg) no-repeat;background-size:20px 20px;}
input[type=checkbox]::-ms-check{border:0;outline:none;appearance: none;-moz-appearance: none;-webkit-appearance: none;width:20px;height:20px;content:"";background:url(../image/bg/bg-check-off.svg) no-repeat;background-size:20px 20px;}
input[type=checkbox]:checked::-ms-check{color:transparent;background:#000 url(../image/bg/bg-check-on.svg) no-repeat;background-size:20px 20px;}

input[type=radio]{outline:none;float:left;background:url(../image/bg/bg-rd-off.svg) no-repeat;background-size:23px 23px;border:0;width:23px;height:23px;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
input[type=radio]:checked{width:23px;height:23px;background:url(../image/bg/bg-rd-on.svg) no-repeat;background-size:23px 23px;}
input[type=radio]::-ms-check{border:0;outline:none;appearance: none;-moz-appearance: none;-webkit-appearance: none;width:23px;height:23px;content:"";background:url(../image/bg/bg-rd-off.svg) no-repeat;background-size:23px 23px;}
input[type=radio]:checked::-ms-check{color:transparent;background:url(../image/bg/bg-rd-on.svg) no-repeat;background-size:23px 23px;}

input.chk-like[type=checkbox]{cursor:pointer;outline:none;float:left;background:url(../image/bg/bg-like-off.svg) no-repeat;background-size:65px 65px;border:0;width:65px;height:65px;overflow:hidden;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
input.chk-like[type=checkbox]:checked{width:65px;height:65px;background:url(../image/bg/bg-like-on.svg) no-repeat;background-size:65px 65px;}
input.chk-like[type=checkbox]::-ms-check{border:0;outline:none;appearance: none;-moz-appearance: none;-webkit-appearance: none;width:65px;height:65px;content:"";background:url(../image/bg/bg-like-off.svg) no-repeat;background-size:65px 65px;}
input.chk-like[type=checkbox]:checked::-ms-check{color:transparent;background:#000 url(../image/bg/bg-like-on.svg) no-repeat;background-size:65px 65px;}


input{outline:none;}
button{cursor:pointer;outline:none;}
input::-webkit-input-placeholder {color: #505358;}
textarea::-webkit-input-placeholder {color: #505358;}

.inp:focus{border-color:#5CC776 !important;}
.select:focus{border-color:#5CC776 !important;}
.textarea:focus{border-color:#5CC776 !important;}

body{background:#16181D;}
.wrapper{width:100%;height:auto;word-break:keep-all;overflow:hidden;}
.container{width:100%;height:auto;overflow:hidden;}