@charset "utf-8";

@import "/hc/static/3/css/common.css";
@import "/hc/static/3/css/header.css";
@import "/hc/static/3/css/footer.css";
@import "/hc/static/3/css/main.css";
@import "/hc/static/3/css/search.css";
@import "/hc/static/3/css/faq.css";
@import "/hc/static/3/css/notice.css";
@import "/hc/static/3/css/inquiry.css";
@import "/hc/static/3/css/detail.css";

@font-face {
  font-family: 'Noto Sans SC';
  src: url('fonts/cn/NotoSansCJKsc-Regular.eot');
  src: url('fonts/cn/NotoSansCJKsc-Regular.woff') format('woff'),
    url('fonts/cn/NotoSansCJKsc-Regular.ttf') format('truetype'),
    url('fonts/cn/NotoSansCJKsc-Regular.eot?#iefix') format('embedded-opentype');
}

@font-face {
  font-family: 'Noto Sans M SC';
  src: url('fonts/cn/NotoSansCJKsc-Medium.eot');
  src: url('fonts/cn/NotoSansCJKsc-Medium.woff') format('woff'),
    url('fonts/cn/NotoSansCJKsc-Medium.ttf') format('truetype'),
    url('fonts/cn/NotoSansCJKsc-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: bold;
}

/* en */
@font-face {
  font-family: 'Noto Sans';
  src: url('fonts/en/NotoSans-Regular.eot');
  src: url('fonts/en/NotoSans-Regular.woff2') format('woff2'),
    url('fonts/en/NotoSans-Regular.woff') format('woff'),
    url('fonts/en/NotoSans-Regular.ttf') format('truetype'),
    url('fonts/en/NotoSans-Regular.eot?#iefix') format('embedded-opentype');
}

@font-face {
  font-family: 'Noto Sans M';
  src: url('fonts/en/NotoSans-Medium.eot');
  src: url('fonts/en/NotoSans-Medium.woff2') format('woff2'),
    url('fonts/en/NotoSans-Medium.woff') format('woff'),
    url('fonts/en/NotoSans-Medium.ttf') format('truetype'),
    url('fonts/en/NotoSans-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: bold;
}

/* jp */
@font-face {
  font-family: 'Noto Sans JP';
  src: url('fonts/jp/NotoSansCJKjp-Regular.eot');
  src: url('fonts/jp/NotoSansCJKjp-Regular.woff2') format('woff2'),
    url('fonts/jp/NotoSansCJKjp-Regular.woff') format('woff'),
    url('fonts/jp/NotoSansCJKjp-Regular.ttf') format('truetype'),
    url('fonts/jp/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype');
}

@font-face {
  font-family: 'Noto Sans M JP';
  src: url('fonts/jp/NotoSansCJKjp-Medium.eot');
  src: url('fonts/jp/NotoSansCJKjp-Medium.woff2') format('woff2'),
    url('fonts/jp/NotoSansCJKjp-Medium.woff') format('woff'),
    url('fonts/jp/NotoSansCJKjp-Medium.ttf') format('truetype'),
    url('fonts/jp/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: bold;
}

/* kr */

@font-face {
  font-family: 'Noto Sans KR';
  src: url('fonts/kr/NotoSansCJKkr-Regular.eot');
  src: url('fonts/kr/NotoSansCJKkr-Regular.woff2') format('woff2'),
    url('fonts/kr/NotoSansCJKkr-Regular.woff') format('woff'),
    url('fonts/kr/NotoSansCJKkr-Regular.ttf') format('truetype'),
    url('fonts/kr/NotoSansCJKkr-Regular.eot?#iefix') format('embedded-opentype');
}

@font-face {
  font-family: 'Noto Sans M KR';
  src: url('fonts/kr/NotoSansCJKkr-Medium.eot');
  src: url('fonts/kr/NotoSansCJKkr-Medium.woff2') format('woff2'),
    url('fonts/kr/NotoSansCJKkr-Medium.woff') format('woff'),
    url('fonts/kr/NotoSansCJKkr-Medium.ttf') format('truetype'),
    url('fonts/kr/NotoSansCJKkr-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: bold;
}

@font-face {
 font-family: 'Noto Sans KR';
 font-weight: 400;
 src: url(https://hangame-images.toastoven.net/hangame/main2016/fonts/NanumSquareR.eot);
 src: url(https://hangame-images.toastoven.net/hangame/main2016/fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(https://hangame-images.toastoven.net/hangame/main2016/fonts/NanumSquareR.woff) format('woff'),
      url(https://hangame-images.toastoven.net/hangame/main2016/fonts/NanumSquareR.ttf) format('truetype');
}

@font-face {
 font-family: 'Noto Sans KR';
 font-weight: 700;
 src: url(https://hangame-images.toastoven.net/hangame/main2016/fonts/NanumSquareB.eot);
 src: url(https://hangame-images.toastoven.net/hangame/main2016/fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(https://hangame-images.toastoven.net/hangame/main2016/fonts/NanumSquareB.woff) format('woff'),
      url(https://hangame-images.toastoven.net/hangame/main2016/fonts/NanumSquareB.ttf) format('truetype');
}

/* lang */
:lang(ko) {
  font-family: 'Noto Sans KR', sans-serif;
}

.titleFont:lang(ko) {
  font-family: 'Noto Sans KR';
}

.btn-color-purple {
  background: #FF6200;
}

.btn-color-purple:focus,
.btn-color-purple:hover,
.btn-color-purple_radius:hover,
.btn-color-purple_radius:focus {
  border-color: #FF6200;
  background-color: #FF6200;
}

.btn-color-purple_radius {
  background: #FF6200;
}

.btn-go-back,
.btn-go-back:focus {
  background-color: #FF6200;
}

.bx_input input[type=checkbox]:checked+label::before {
  background: #FF6200 url('/hc/static/3/img/ic-checkbox-selected.svg') no-repeat 0 0;
}

.bx_input input[type=radio]:checked+label:before {
  background-color: #FF6200;
}

.message-box .layui-layer-btn .layui-layer-btn0 {
  background-color: #FF6200;
}

.layui-input[type="password"] {
 	font-family: sans-serif !important;
}

.base-inquiry-btn {
  background-color: #FF6200;
}

.lnb__nav li.on a,
.lnb__nav li a:hover {
  color: #FF6200;
}

.tit_txt {
  color: #FF6200;
}

.faqData td .title-info a>span,
.faq-keywords span {
  color: #FF6200;
}

.faqNoResult a {
  color: #FF6200;
}

.noticeData td .title-info a>span,
.faq-keywords span {
  color: #FF6200;
}

.step-area .step:before {
  background-color: #FF6200;
}

.step-area .step.is_active:before {
  background-color: #FF6200;
} 

.detailData td .title-info a>span,
.detail-keywords span,
.detailData .text-color-purple {
  color: #FF6200;
}

.search-title strong {
  color: #FF6200;
}

.search-text .search-text_lit dt a,
.search-text .search-text_more a {
  color: #FF6200;
}

.search-content_title a {
  color: #FF6200;
}

.search-content_title-sub strong {
  color: #FF6200;
}

.no-result a {
  color: #FF6200;
}

.paginate li.number a:hover,
.paginate li.number.active a {
  background-color: #FF6200;
  border-color: #FF6200;
}

.noticeData td .title-info a>span,
.faq-keywords span {
  color: #FF6200;
}

/* select option style */
.layui-form .layui-form-select dl dd.layui-this,
.layui-form .layui-form-select dl dd:hover {
  background-color: #ebe1ff;
}

/* checkbox style */
.layui-form .layui-form-checked[lay-skin=primary] i {
  border-color: #FF6200! important;
  background-color: #FF6200! important;
}

.layui-form .layui-form-checkbox[lay-skin=primary]:hover i {
  border-color: #FF6200! important;
}

.layui-form .layui-form-onswitch {
  border-color: #FF6200;
  background-color: #FF6200;
}

/* radio style */
.layui-form .layui-form-radio>i:hover,
.layui-form .layui-form-radioed>i {
  color: #FF6200;
}

.layui-laydate .layui-laydate-main .layui-laydate-content .layui-this,
.layui-laydate .layui-laydate-content td.laydate-selected {
  background-color: #FF6200 !important;
  color: #fff;
}

.layui-laydate .layui-laydate-main .layui-laydate-content td:hover,
.layui-laydate .layui-laydate-main .layui-laydate-list li:hover {
  background-color: #ebe1ff;
}

ul.urp-cascader-child li.active {
    background-color: #FFE0CC! important;
}

ul.urp-cascader-child>li:hover{
    background-color: #FFE0CC! important;
}

.layui-form .layui-form-select dl dd.layui-this, .layui-form .layui-form-select dl dd:hover {
    background-color: #FFE0CC! important;
}

.notice_query {
    color: #FF6200;
    font-weight: bold;
}

/* FAQ 등록일 제거 */
.faqData th:nth-child(3),
.faqData th:nth-child(4),
.faqData td:nth-child(3),
.faqData td:nth-child(4) {
  display: none;
}

.faqData_info-con .dataTime {
    display: none;
}