@charset "UTF-8";
@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 400;
  src: url(/font/exp/NotoSansKR-Regular.otf) format(opentype), url(/font/exp/NotooSansKR-Regular.woff) format(woff), url(/font/exp/NotoSansKR-Regular.woff2) format(woff2);
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 500;
  src: url(/font/exp/NotoSansKR-Medium.otf) format(opentype), url(/font/exp/NotooSansKR-Medium.woff) format(woff), url(/font/exp/NotoSansKR-Medium.woff2) format(woff2);
}

@font-face {
  font-family: 'NotoSansKR';
  font-style: normal;
  font-weight: 700;
  src: url(/font/exp/NotoSansKR-Bold.otf) format(opentype), url(/font/exp/NotooSansKR-Bold.woff) format(woff), url(/font/exp/NotoSansKR-Bold.woff2) format(woff2);
}

/* 공통 클래스 */
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  list-style: none;
  quotes: none;
  text-decoration: none;
  /* -ms-user-select: none; -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select:none; */
}

.nall-common{
  background-color: #eaecef;
  width: 100%;
  height: 6px;
}

a {
  color: #000000;
}

/* 내부 컨텐츠 가운데 정렬 */
.content-align-center {
  display: flex;
  justify-content: center;
  align-items: center;
}


/* 로딩 공통 */
.loading-spin-bg {
  display: none; /* On is flex */
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1000;
  top: 0;
  justify-content: center;
  align-items: center;
}
.loading-spin-bg .spin {
  width: 60px;
  height: 60px;
}

.loading-spin-mini {
  width: 15px;
  height: 15px;
}

.loading-spin-more {
  width: 30px;
  height: 30px;
}

/* 팝업창 공통 20200723 수정 */
#modal-common {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1000;
  top: 0;
}
#modal-common #modal-menu {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  height: auto;
  max-width: 640px;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  border: solid 1px #eaecef;
  padding: 32px 5% 20px;
}
#modal-common .close {
  position: absolute;
  top: -32px;
  right: 0px;
}
#modal-common h3 {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 700;
  font-size: 20px;
}
#modal-common .modal-main{
  line-height: 1.5;
}

/* 상단 네이게이션 공통  */
.top-common {
  height: 44px;
  width: 100%;
  background-color: #fff;
  position: fixed;
	top: 0;
  z-index:999;
  display: flex;
  align-items: center;
}
  
.top-common .screen-name { /* 20200720_코드 수정 */
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 500;
  font-size: 20px;
  margin: 0 auto;
  width: 80%; text-align: center;
}

.top-common .nav-left { /* 20200720_좌측 위치 아이콘 */
  position: absolute;
  left: 5%;
}

.top-common .nav-right{ /* 20200720_우측 위치 아이콘 */
  position: absolute;
  right: 5%;
}

.top-common .nav-text{ /* 20200720_네비 텍스트 */
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 500;
  font-size: 16px;
  padding-top: 3px;
  cursor: pointer;
}

/* 20200720_기본 체크박스 */
.check-normal{
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 400;
  font-size: 15px;
  display: block;
  position: relative;
  padding-left: 32px;
  margin-bottom: 16px;
  height: 24px;
  line-height: 24px;
}
.check-normal input {
  display: none;
}
.checkmark {
  position: absolute;
  top: 0; left: 0;
  height: 24px; width: 24px;
  background-color: #eaecef;
  border-radius: 50%;
}
.check-normal input:checked ~ .checkmark {
  background: url(/img/contents/icon/ic_check_on.svg) no-repeat;
}
.check-normal .sub-des{
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 400;
  font-size: 12px;
  line-height: 1.25;
}

/* 20200720_버튼 공통 */
.btn-regular-line{
  height: 50px; width: 100%;
  border: solid 1px #087eff; border-radius: 8px;
  color: #087eff;
  background-color: #fff;
}
.btn-regular-line:disabled{
  border: solid 1px #eaecef;
  color: #c7ced5;
}

.btn-regular{
  height: 50px; width: 100%;
  border-radius: 8px;
  color: #fff;
  background-color: #087eff;
}
.btn-regular:disabled{
  color: #c7ced5;
  background-color: #eaecef;
}

/* 20200721_탭 공통 */
.tab-common {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.tab-common ul li {
  display: block;
  float: left;
  width: 33%;
}
.tab-common label {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 400;
  font-size: 15px;
  display: block;
  width: 100%;
  line-height: 18px;
  border-bottom: 1px solid #eaecef;
  padding: 19px 0px 8px;
  text-align: center;
}
.tab-common input {
  display: none;
}
.tab-common input:checked ~ label {
  font-family: 'NotoSansKR', '맑은 고딕';
  font-weight: 500;
  font-size: 15px;
  color: #087eff;
  border-bottom: #087eff solid 2px;
}
.tab-common input:checked ~ .tab-section {
  display: block;
}
.tab-common .tab-section {
  width: 100%;
  display: none;
  position: absolute;
  left: 50%;
  top: 46px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-bottom: 10%;
}

.auto_height { /* CSS */
  width: 100%;
}

.filter-radio input[type="radio"]{
   	display:none;
}

.filter-radio input[type="radio"] + span{
    display:inline-block;
    background:none;
    padding:0px 10px;
    text-align:center;
    height:33px;
    line-height:30px;
    font-weight:500;
    cursor:pointer;
}

.filter-radio input[type="radio"]:checked + span{
    color:#087eff;
}