@charset "utf-8";


body {
    font-family: 'Noto Sans KR', sans-serif;
    min-width: 320px;
    overflow:hidden;
}

@media (max-width:767px) {
    body {
        font-size: 15px;
    }
}

@media screen and (max-width: 500px) {
    html {
        font-size: 15.93px;
    }
}

@media screen and (max-width: 490px) {
    html {
        font-size: 15.62px;
    }
}

@media screen and (max-width: 480px) {
    html {
        font-size: 15.29px;
    }
}

@media screen and (max-width: 470px) {
    html {
        font-size: 14.98px;
    }
}

@media screen and (max-width: 460px) {
    html {
        font-size: 14.66px;
    }
}

@media screen and (max-width: 450px) {
    html {
        font-size: 14.34px;
    }
}

@media screen and (max-width: 440px) {
    html {
        font-size: 14.02px;
    }
}

@media screen and (max-width: 430px) {
    html {
        font-size: 13.71px;
    }
}

@media screen and (max-width: 420px) {
    html {
        font-size: 13.38px;
    }
}

@media screen and (max-width: 410px) {
    html {
        font-size: 13.07px;
    }
}

@media screen and (max-width: 400px) {
    html {
        font-size: 12.75px;
    }
}

@media screen and (max-width: 390px) {
    html {
        font-size: 12.43px;
    }
}

@media screen and (max-width: 380px) {
    html {
        font-size: 12.11px;
    }
}

@media screen and (max-width: 370px) {
    html {
        font-size: 11.79px;
    }
}

@media screen and (max-width: 360px) {
    html {
        font-size: 11.47px;
    }
}

@media screen and (max-width: 350px) {
    html {
        font-size: 11.16px;
    }
}

@media screen and (max-width: 340px) {
    html {
        font-size: 10.83px;
    }
}

@media screen and (max-width: 330px) {
    html {
        font-size: 10.52px;
    }
}

@media screen and (max-width: 320px) {
    html {
        font-size: 10.2px;
    }
}


.btn-outline {
    border: 1px solid #e9e9e9;
    background: #fff;
    color: #999;
}

.btn-primary {
    border: 1px solid #0d8bcc;
    background: #0d8bcc;
    color: #fff;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
.text-underline{
    text-decoration:underline;
}

.dp-none{
    display: none;
}
.blind {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0
}

.mo-show{
    display:none;
}
@media (max-width:600px){
    .mo-show{
        display:block;
    }
}

.mo-hidden{
    display:block;
}
@media (max-width:600px){
    .mo-hidden{
        display:none;
    }
}

.fc-blue{
    color:#0d8bcc !important;
}

.fc-red{
    color:#ff3838 !important;
}

.text-left{
    text-align:left;
}
.text-center{
    text-align:center;
}
.text-right{
    text-align:right;
}
.text-justify{
    text-align:justify;
}


.mt10{
    margin-top:10px;
}
.mt20{
    margin-top:20px;
}
.mt30{
    margin-top:30px;
}
.mt40{
    margin-top:40px;
}
.mt50{
    margin-top:50px;
}
.mt60{
    margin-top:60px;
}
.mt70{
    margin-top:70px;
}
.mt80{
    margin-top:80px;
}
.mt90{
    margin-top:90px;
}
.mt100{
    margin-top:100px;
}
.mb10{
    margin-bottom:10px;
}
.mb20{
    margin-bottom:20px;
}
.mb30{
    margin-bottom:30px;
}
.mb40{
    margin-bottom:40px;
}
.mb50{
    margin-bottom:50px;
}
.mb60{
    margin-bottom:60px;
}
.mb70{
    margin-bottom:70px;
}
.mb80{
    margin-bottom:80px;
}
.mb90{
    margin-bottom:90px;
}
.mb100{
    margin-bottom:100px;
}

input[type=radio], input[type=checkbox]{
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
  color:#e9e9e9;
}
 
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#e9e9e9;
}
 
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#e9e9e9;
}
 
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:#e9e9e9;
}

/* IE9 이하를 위한 css */
.placeholder {
  color: #999;
}

/* IE10 이상을 위한 css */
input::placeholder, textarea::placeholder {
  color: #999;
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #999;
}
/* IE */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #999;
}
/* Firefox */
input:-mos-input-placeholder, textarea:-mos-input-placeholder {
  color: #999;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    input::placeholder, textarea::placeholder {
      color: #999;
      opacity: 1;
    }
}