@charset "UTF-8";
/*!
 * Wayplus
 */

/* font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-gothic.css');
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-myeongjo.css');
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square.css');
@font-face {font-family: 'SEBANG_Gothic_Bold';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'ONE-Mobile-Title';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');font-weight: normal;font-style: normal;}

body {font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Noto Sans Kr", system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;padding:0;margin:0;}
a {text-decoration:none;color:inherit;}
.wrap {margin-top:116px;}
.no-select {-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.strong {font-weight:600;}

/*
 * Header
 */
.header {margin:0;padding:0;clear:both;}
.header-bar {position:fixed;top:0;left:0;width:100%;height:115px;z-index:1000;border-bottom:1px solid #BBBBBB;overflow:hidden;}
.header-justify {overflow: hidden;}
.header-justify.member {height:40px;background-color: #404040;}
.header-justify.head {height:75px;background-color: #FFFFFF;}
.header-nav {max-width:1280px;width:calc(100% - 20px);margin:0 auto;}
.header-nav.menu {display: flex;justify-content:space-between;}
.header-button-list {padding:0;margin:0;display:flex;justify-content: right;color:#FFFFFF;}
.header-button-list li {list-style:none;line-height:40px;}
.header-button-list li.mypage {color:#F5B01E;}
.header-button-list li:after {content: "|";margin:0 16px;color:#D7D7D7;font-size:0.9em;}
.header-button-list li:last-child:after {content: none;}

.header-logo {display:inline-block;width:150px;height:30px;padding:20px 0 25px;margin-right:100px;}
.header-logo-image {width:100%;}
.header-menu-list {width:calc(100% - 370px);list-style:none;padding:0;margin:0;display:flex;justify-content:space-evenly;line-height:75px;height:75px;overflow:hidden;}
.header-menu-list li {font-size:1.25em;padding:0 5px;
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: #222222;
}
.header-list-button:hover {cursor:pointer;font-weight:600;}
.header-list-button .active {font-weight:600;}
.mobile-menu-list {display:none;padding:0;margin:30px auto;}
.header-search-button {display:inline-block;width:24px;margin-left:95px;}
.header-search-button:hover {cursor:pointer;}
.header-short-list {display:none;height:30px;width:30px;margin-left:25px;}
.header-short-icon {width:100%;}
.svg-icon {display:inline-block;width:24px;height:100%;}
.icon-search {background: url("../../images/icon/search.svg") 0 50% /24px no-repeat;}
.icon-close {background: url("../../images/icon/close.svg") 0 50% /24px no-repeat;cursor:pointer;}
.icon-list {background: url("../../images/icon/list.svg") 0 50% /24px no-repeat;cursor:pointer;}


/*
 * Search Bar
 */
.header-overlay-box {display:none;position:fixed;top:0;left:0;z-index:1001;width:100%;height:100%;background-color:rgba(0,0,0,0.8);}
.header-search-area {display:none;position:fixed;top:0;left:0;width:100%;height:300px;background-color:#FFFFFF;}
.mobile-menu-area {display:none;position:fixed;top:0;right:0;width:80%;height:100%;background-color:#FFFFFF;}
.mobile-menu-area .header-button-list {justify-content: center;color:#404040;}
.search-close {height:60px;padding:0 15px;text-align:right;}
.search-title {padding:0 20px;width:calc(100% - 40px);height:60px;margin-top:60px;text-align:center;}
.search-input-group{display:inline-block;width:calc(100% - 500px); max-width:760px; line-height:50px;}
.search-input {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    color: #888888;
    border:1px solid #505050;height:50px;padding:5px 60px 5px 20px;width:calc(100% - 80px);}
.input-overlay-button {float:right;position:relative;top:-55px;right:0px;height:50px;width:40px; border:none; background: rgba(255,255,255,1) url("../../images/icon/search_blue.svg") 0 50% /32px no-repeat;}
.input-overlay-button:hover {cursor:pointer;}

/*
 * footer
 */
.footer {width:100%;border-top:1px solid #ABABAB;}
.footer-justify {overflow: hidden;}
.footer-policy {padding:0px 15px;height:50px;overflow:hidden;border-bottom:1px solid #ABABAB;}
.footer-policy-list {display:block;padding:0;margin:0;line-height:50px;text-overflow:ellipsis;white-space: nowrap;max-width:1280px;margin:0 auto;}
.footer-policy-list li {display:inline-block; padding:0;margin:0 25px 0 0;}
.footer-policy-list li:last-child {margin-right:0;}
.footer-textarea {padding:10px 15px;overflow:hidden;}
.footer-company-description {max-width:1280px;margin:0 auto;}
.footer-item {display:flex;flex-wrap:wrap;}
.footer-item-row {margin:5px 20px 5px 0;line-height:24px;}
.footer-item-row:last-child {margin-right:0px;}
.footer-item-title {display:inline-block;width:30px;height:24px;padding:0 10px;margin-right:5px;border-radius:12px;background-color:#D9D9D9;text-align:center;}
.footer-item-title.address {background-color:#555555;color:#FFFFFF;}
.footer-item-text {display:inline-block;}
.footer-copyright {margin-top:10px;color:#888888;}

/*
 * Page Navigator
 */
.pagination {display: flex;list-style:none;padding:0;justify-content:center;}
.page-item {color:#00000099;}
.page-item.active {color:#5F7DFF;}
.page-item.disabled {cursor:initial;}
.page-link {position: relative;display: block;padding:5px;line-height:14px;text-decoration: none;color:inherit;}
.disabled a {cursor:initial;}
.page-item-arrow .page-guide-icon {fill:#00000099;}
.page-item-arrow .page-guide-icon:hover {fill:#5F7DFF; filter: invert(44%) sepia(53%) saturate(1756%) hue-rotate(210deg) brightness(98%) contrast(105%);}
.page-item-arrow.disabled {cursor: initial;}
.page-item-arrow.disabled .page-guide-icon:hover {fill:#00000099; filter: inherit;}
.page-text {color:#5F7DFF;}
.sub-paging .page-item-arrow {padding:2px 5px;cursor:pointer;}

.page_view {display: flex;justify-content: center;margin: 20px auto 50px;}
.page_view_btn {text-align: center;margin:0 3px;width: 33px;height: 33px;background-color: #F4F4F4;border-radius: 50%;cursor:pointer;}
.page_number { font-size: 1.25em; color: #666666; line-height: 32px; margin: 0px 10px; cursor: pointer; }
.page_number.page_chk {color: #444444;}
.page-guide-icon {margin-top: 7px;}
.page-guide-icon img {width: 30px; height: 30px;}
.page-guide-icon:hover {fill:#006DD1;filter: invert(29%) sepia(89%) saturate(2586%) hue-rotate(194deg) brightness(87%) contrast(101%);}

/* 팝업 기능 */
.popup-layer {z-index:1000;position:absolute;top:120px;left:20px;width:400px;aspect-ratio: 4 / 6; overflow:hidden;max-width: calc(100% - 20px);}
.popup-notice {height:600px;width:400px;max-width:100%;}
.popup-content {width:400px;max-width:100%;height:560px;background-color:#ffffff;}
.popup-image {height:560px;width:400px;object-fit:fill;}
.popup-control {display: flex;width:100%;height:30px;justify-content: space-evenly;padding:5px;background-color:#444444;}
.popup-control-button {border:none; padding:3px; background-color: transparent; color:#fff;}
.popup-control-button:hover {cursor:pointer;color:#999;}


@media screen and (max-width: 960px) {
    .header-logo {margin-right:30px;}
    .header-menu-list {width: calc(100% - 230px);}
    .header-menu-list li {font-size:1.1em;}
    .header-search-button {margin-left: 25px;}
    .header-search-area {height:250px;}
    .search-title {padding:0 20px;width:calc(100% - 40px);height:50px;margin-top:40px;}
    .search-input-group{width:80%;line-height:40px;}
    .search-input {height:40px;}
    .input-overlay-button {top:-46px;height:40px;width:40px;background-size: 28px;}
    .icon-close {background-size:22px;}
    .footer-policy-list li {margin-right: 20px;}
}

@media screen and (max-width: 720px) {
    .wrap {margin-top:76px;}
    .header-bar {height: 75px;}
    .header-justify.member {display:none;}
    .header-nav.menu {display:block;}
    .header-menu-list {display:none;}
    .header-search-button, .header-short-list {float:right;height:75px;}
    .header-search-button {margin-left: 0;}
    .header-short-list {display:block;}
    .mobile-menu-list {display:block;width:100%;overflow:hidden;line-height:50px;font-size:1.25em;}
    .mobile-menu-list-button {height:50px;padding:5px 10px;border-top:1px solid #505050;}
    .mobile-menu-list-button:hover {cursor:pointer;font-weight:600;}
    .mobile-menu-list-button.active {cursor:pointer;font-weight:600;}
    .mobile-menu-list-button:last-child {border-bottom:1px solid #505050;}
    .header-button-list li:after {margin:0 13px;}
    .footer-policy-list {font-size:0.95em;}
    .footer-policy-list li {margin-right: 15px;}
    .footer-copyright {font-size:0.9em;}

    .page_view_btn {width: 30px;height: 30px;}
    .page_number { font-size: 1.2em;line-height: 30px; margin: 0px 10px;}
    .page-guide-icon {height:16px;width:16px;}

}

@media screen and (max-width: 480px) {
    .header-search-area {height:160px;}
    .search-title {padding:0;width:100%;height:40px;margin-top:10px;}
    .search-input-group{width:calc(100% - 40px);line-height:30px;}
    .search-input {height:30px;}
    .input-overlay-button {top:-36px;height:30px;width:30px;background-size:20px;}
    .icon-close {background-size:20px;}
    /*.mobile-menu-list {margin:20px auto;line-height:30px;font-size:1em;}
    .mobile-menu-list-button {height:30px;}*/
    .header-button-list li:after {margin:0 10px;}
    .footer-policy-list {font-size:0.9em;}
    .footer-policy-list li {margin-right: 10px;}
    .footer-item {font-size: 0.95em;}
    .footer-copyright {font-size:0.85em;letter-spacing:-0.02em;}

    .page_view_btn {width: 28px;height: 28px;}
    .page_number {line-height: 28px;}
    .page-guide-icon {height:14px;width:14px;}
}

@media screen and (max-width: 360px) {
    .footer-policy-list li {width: 32%; margin: 0; font-size: 14px; text-align: center;}
    .footer-item-row {margin: 5px 0 5px 0;}
    /*.footer-policy {height:auto;}
    .footer-policy-list {line-height:30px;margin:10px 0;}
    .footer-policy-list li {display:block;margin-right: 5px;}
    .footer-item {font-size:0.9em;}
    .footer-copyright {font-size:0.8em;letter-spacing:-0.04em;}*/
}

@media print {
    .no-print, .no-print * {display:none !important;}
}