@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;500;600;700;800&display=swap');

@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:500;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}

@font-face {
  font-family:'Nanum Gothic';
  font-style:normal;
  font-weight:600;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}

/* body { font-family:'Nanum Gothic','나눔고딕','dotum','돋음','굴림'; } */



/*페이징 커스텀*/
.pg_wrap { width: 100%;display: flex;justify-content: center;margin-top: 40px;}
.pg {text-align:center}
.pg_page, .pg_current {display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;height:50px;min-width:50px;font-size:16px;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#888888;font-size:16px;text-decoration:none}
.pg_start {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-start.png') no-repeat 50% 50% ;padding:0;background-size: cover;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-prev.png') no-repeat 50% 50% ;padding:0;background-size: cover;}
.pg_end {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-end.png') no-repeat 50% 50% ;padding:0;background-size: cover;}
.pg_next {text-indent:-999px;overflow:hidden;background:url('./images/icons/icon-page-next.png') no-repeat 50% 50% ;padding:0;background-size: cover;}
.pg_start:hover {background:url('./images/icons/icon-page-start_hover.png') no-repeat 50% 50%;background-size: cover;}
.pg_prev:hover {background:url('./images/icons/icon-page-prev_hover.png') no-repeat 50% 50%;background-size: cover;}
.pg_end:hover {background:url('./images/icons/icon-page-end_hover.png') no-repeat 50% 50%;background-size: cover;}
.pg_next:hover {background:url('./images/icons/icon-page-next_hover.png') no-repeat 50% 50%;background-size: cover;}
.pg_current {color:#000000;position: relative;}
.pg_current::after{content:'';display: block;width: 11px;height: 2px;background-color: #000000;position: absolute;bottom:12px;left:50%;transform: translateX(-50%);}

/*툴팁 스타일*/
.help-box{position:relative;display:inline-block;margin-left:5px;padding-top:2px;}
.help-box .tip-button{width: 22px;height: 22px;background-image: url("/image/sub/icon/q_bule.png");background-size: cover;background-repeat: no-repeat;background-position: center;border:0;background-color: transparent;transform: translateY(1px);z-index: 1;transition-duration: 0.2s;transition-property: opacity;}
.help-box .tip-button:focus {outline: 2px dotted #2466eb;outline-offset: 2px;}
.help-box.line .tip-button{background-image: url("/image/sub/icon/q_bule_line.png")}
.help-box.gray .tip-button{background-image: url("/image/sub/icon/q_gray.png")}
.help-box.gray.line .tip-button{background-image: url("/image/sub/icon/q_gray_line.png")}
.help-box .tip-button:hover{background-image: url("/image/sub/icon/q_bule_hover.png");}
.help-box.gray .tip-button:hover{background-image: url("/image/sub/icon/q_gray_hover.png");}
.help-box .help-view{text-align: left;display: block;color: #111;position: absolute;z-index: 999;left: 40px;top: -11px;padding: 14px 30px 14px 17px;width: auto;border: 2px solid #246beb;border-radius: 6px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);background-color: #fff;pointer-events: none;transition-duration: 0.2s;opacity: 0;}
.help-box .help-view.view{opacity: 1;pointer-events: auto;}
.help-box .help-view::before{content:'';position:absolute;z-index:1;width:14px;height:14px;border-top:2px solid #246beb;border-right:2px solid #246beb;background-color:#fff;top:16px;left:-9px;transform:rotate(-135deg);}
.help-box .help-view p{word-break: keep-all;white-space: nowrap;font-size: 15px;padding: 0;margin: 0;font-weight: 400;line-height: 1.5;}
.help-box .help-view.mx-w400 p{max-width: 400px;width: 100vw;white-space: wrap;}
.help-box .help-view.mx-w500 p{max-width: 500px;width: 100vw;white-space: wrap;}
.help-box .help-view.mx-w600 p{max-width: 600px;width: 100vw;white-space: wrap;}
.help-box .help-view ul{}
.help-box .help-view ul li{font-size: 15px;margin: 0;font-weight: 400;line-height: 1.5;position: relative;padding:0 0 0 10px;}
.help-box .help-view ul li::before {position: absolute;top: .7rem;left: 0;content: '';display: inline-block;width: 3px;height: 3px;background: #8e8e8e;}
.help-box .help-view .btn_close{position: absolute;top: 5px;right: 5px;width: 20px;height: 20px;border:0;font-size: 1px;text-indent: 9999px;background-image:url('/image/sub/icon/icon-close.svg');background-position: center;background-repeat: no-repeat;background-size: 10px;background-color: transparent;border-radius: 5px;transition-duration: 0.3s;}
.help-box .help-view .btn_close:hover{background-color: #edf1f5;}
.help-box.gray .help-view{border-color:#63676e;min-width: 600px;}
.help-box.gray .help-view::before{border-color:#63676e;}
.help-box .help-view.center{left: 50%;transform: translateX(-50%);top:40px;}
.help-box .help-view.center::before{top: -1px;left: 50%;transform: translate(-50%, -50%) rotate(-45deg);}
.help-box .help-view.right{right: 40px;left: auto;}
.help-box .help-view.right::before{left:auto;right:-9px;transform:rotate(45deg);}


@media screen and (max-width: 991px) {
    .help-box {position: static;}
    .help-box .help-view.center,
    .help-box .help-view{left: 10px;width: calc(100% - 20px);bottom: 0;top: auto;transform: translateY(100%);}
    .help-box .help-view::before{content:none;}
    .help-box .help-view[class^="mx-w"] p,
    .help-box .help-view p{white-space: wrap !important;;width: auto !important;}
    .help-box.gray .help-view {width: 100%;min-width: auto;left: 0;}
}
/*툴팁 스타일*/