@charset "UTF-8";

/* Font */
@font-face {font-family: "Noto Sans KR";font-style: normal;font-weight: 300;src: local("Noto Sans KR light"), local("NotoSansKR-light"), url("../fonts/NotoSans-Light.1756713255416.woff2") format("woff2"), url("../fonts/NotoSans-Light.1756713255416.woff") format("woff");}
@font-face {font-family: "Noto Sans KR";font-style: normal;font-weight: 400;src: local("Noto Sans KR Regular"), local("NotoSansKR-Regular"), url("../fonts/NotoSans-Regular.1756713255416.woff2") format("woff2"), url("../fonts/NotoSans-Regular.1756713255416.woff") format("woff");}
@font-face {font-family: "Noto Sans KR";font-style: normal;font-weight: 500;src: local("Noto Sans KR Medium"), local("NotoSansKR-Medium"), url("../fonts/NotoSans-Medium.1756713255416.woff2") format("woff2"), url("../fonts/NotoSans-Medium.1756713255416.woff") format("woff");}
@font-face {font-family: "Noto Sans KR";font-style: normal;font-weight: 700;src: local("Noto Sans KR Bold"), local("NotoSansKR-Bold"), url("../fonts/NotoSans-Bold.1756713255416.woff2") format("woff2"), url("../fonts/NotoSans-Bold.1756713255415.woff") format("woff");}
@font-face {font-family: "Noto Sans KR";font-style: normal;font-weight: 900;src: local("Noto Sans KR Black"), local("NotoSansKR-Black"), url("../fonts/NotoSans-Black.1756713255415.woff2") format("woff2"), url("../fonts/NotoSans-Black.1756713255415.woff") format("woff");}

/* Reset */
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,figure {margin: 0;padding: 0;}
body {font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", Dotum, Hevetica, Arial, sans-serif;background-color: #fff;font-size: 14px;line-height: 1.5;font-weight: 400;color: #000;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;}
h1,h2,h3,h4,h5,h6,input,textarea,keygen,select,button {font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", Dotum, Hevetica, Arial, sans-serif;word-break: keep-all;}
fieldset,img {border: 0 none;}
img {max-width: 100%;height: auto;vertical-align: top;}
dl,ul,ol,li {list-style: none;}
input,select,textarea,button {border: 0;vertical-align: middle;}
button {border: 0 none;background-color: transparent;cursor: pointer;}
table {width: 100%;border-collapse: collapse;border-spacing: 0;}
caption {visibility: hidden;font-size: 0;line-height: 0;}
input::-ms-clear,input::-ms-reveal {display: none;width: 0;height: 0;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {display: none;}
input::-webkit-input-placeholder,input::-moz-placeholder,input:-ms-input-placeholder,input:-moz-placeholder {color: #ddd;}
input[disabled] {background-color: #ddd;color: #333;-webkit-text-fill-color: #333;opacity: 1;}
button,input,textarea,select {-webkit-appearance: none;appearance: none;-webkit-border-radius: 0;border-radius: 0;outline: none;}
select::-ms-expand {display: none;}
section,header,footer,main,article,aside,nav,figcaption,figure {display: block;}
address,caption,cite,code,dfn,em,var {font-style: normal;font-weight: normal;}
strong {font-weight: 700;}
a,a:active,a:hover {color: inherit;text-decoration: none;}

/* Common */
.blind {position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}

/* Common Popup */
.layer-popup {position: fixed;left: 0;top: 50px;width: 100%;height: 100%;display: -webkit-flex;display: flex;align-items: center;justify-content: center;flex-direction: column;z-index: 511;}
.layer-popup::before {content: '';position: fixed;left: 0;top: 0;right: 0;bottom: 0;display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 0;}
.layer-popup.hide {display: none !important;}
.layer-popup>div {position: relative;padding-bottom: 41px;width: 368px;border-radius: 6px 6px 0 0;background-color: #fff;z-index: 1;}
.layer-popup .btn-close {width: 368px;height: 56px;border-radius: 0 0 6px 6px;background-color: #BDC1CD;font-size: 16px;font-weight: 700;color: #fff;z-index: 1;}
.layer-popup .btn-close-x {position: absolute;top: 10px;right: 10px;width: 26px;height: 26px;background: url('../images/portalTok/icon_close.1756713255416.png') no-repeat;background-size: 26px auto;font-size: 0;line-height: 0;text-indent: -9999px;z-index: 10;}
.layer-popup .common-error-botbtn {display: flex;padding: 0;border-radius: 0 0 6px 6px;}
.layer-popup .common-error-botbtn .cancel {width: 184px;height: 56px;border-radius: 0 0 0 6px;background-color: #BDC1CD;font-size: 16px;font-weight: 700;color: #fff;z-index: 1;}
.layer-popup .common-error-botbtn .cancel+.confirm {width: 184px;height: 56px;border-radius: 0 0 6px 0;background-color: #4171ff;font-size: 16px;font-weight: 700;color: #fff;z-index: 1;}

.common-error-wrap {padding: 51px 16px 41px;box-sizing: border-box;}
/* .common-error-wrap .common-error-box {padding-top:51px;} */
.common-error-wrap .common-error-box.inspection-box {padding-top: 166px;}
.common-error-wrap .common-error-box.error-box {padding-top: 216px;}
.common-error-wrap .common-error-box .emoji {display: block;margin: 0 auto 24px;}
/* .common-error-wrap .common-error-box .emoji.error-check {width:160px;}
.common-error-wrap .common-error-box .emoji.error-temporary {width:160px;} */
.common-error-wrap .common-error-box .title {font-size: 16px;font-weight: 700;color: #242424;letter-spacing: -0.02em;text-align: center;}
.common-error-wrap .common-error-box .desc {padding-top: 7px;font-size: 14px;font-weight: 400;color: #676767;letter-spacing: -0.02em;text-align: center;}
.common-error-wrap .common-error-box .notice-box {margin-top: 30px;padding: 18px 0;border-radius: 12px;background-color: #FFF0E8;}
.common-error-wrap .common-error-box .notice-box p {font-size: 14px;font-weight: 500;color: #FF5C00;letter-spacing: -0.02em;text-align: center;line-height: 1.7;}

/* loading */
.div_loading {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #B5B2FF;
  width: 70px;
  height: 70px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}