@charset "utf-8";
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: local('Pretendard Black'), url('../../fonts/Pretendard/Pretendard-Black.woff2') format('woff2'), url('../../fonts/Pretendard/Pretendard-Black.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local('Pretendard ExtraBold'), url('../../fonts/Pretendard/Pretendard-ExtraBold.woff2') format('woff2'), url('../../fonts/Pretendard/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url('../../fonts/Pretendard/Pretendard-Bold.woff2') format('woff2'), url('../../fonts/Pretendard/Pretendard-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'), url('../../fonts/Pretendard/Pretendard-SemiBold.woff2') format('woff2'), url('../../fonts/Pretendard/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'), url('../../fonts/Pretendard/Pretendard-Medium.woff2') format('woff2'), url('../../fonts/Pretendard/Pretendard-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url('../../fonts/Pretendard/Pretendard-Regular.woff2') format('woff2'), url('../../fonts/Pretendard/Pretendard-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'), url('../../fonts/Pretendard/Pretendard-Light.woff2') format('woff2'), url('../../fonts/Pretendard/Pretendard-Light.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
    src: local('Pretendard ExtraLight'), url('../../fonts/Pretendard/Pretendard-ExtraLight.woff2') format('woff2'), url('../../fonts/Pretendard/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
    src: local('Pretendard Thin'), url('../../fonts/Pretendard/Pretendard-Thin.woff2') format('woff2'), url('../../fonts/Pretendard/Pretendard-Thin.woff') format('woff');
}

body { font-family:'Pretendard', Roboto, "Apple SD Gothic Neo",'맑은 고딕',"Malgun Gothic","Helvetica Neue",Helvetica,Arial,"Trebuchet MS",sans-serif;}

.skip-links { display: none;}

.notice-popup {border-bottom: 1px solid #000; background: #A12A2A;padding: 32px 0;}
.notice-popup-container { max-width: 1280px; margin: 0 auto; position: relative;padding: 0 128px 0 16px;}
.notice-popup .title {color: #FFF; font-size: 18px; font-weight: 700; line-height: 24px; margin-bottom: 14px;}
.notice-popup .notice-popup-desc {color: #FFF; font-size: 15px; font-weight: 300; line-height: 26px;margin-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.notice-popup .btn-noticepopup-close { width: 90px; border-radius: 4px; background: rgba(0, 0, 0, 0.25) url(../../images/new2024/ico-x-w-16.svg) no-repeat right 16px center; padding: 8px 16px 8px 20px; color: #ECECEC; text-align: left;font-size: 13px;position: absolute;right: 16px;top: 0;}


header { height: auto; border-bottom:1px solid #000000;position: relative; font-family: Pretendard;}
.inner-top { height: 44px;max-width: 1680px;margin: 0 auto;padding: 0 16px;display: flex;align-items: center; justify-content: space-between; box-sizing: border-box;}
.inner-top img { height: 32px;}
.header-container { position: relative; border-top:1px solid #eee; width: 100%; height: 88px; z-index: 10;}
.header-container:after { content:""; position: absolute; left:0; top:87px; display: none; width: 100%; height: 278px; border-bottom: 2px solid #000;
    background: #FFF;box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);z-index: 0; border-top:1px solid #000;}

.user-menu { display: flex; gap: 16px; }
.user-link { display: flex; align-items: center;}
.user-link li + li {margin-left: 12px;}
.user-link li + li:before { content: ""; display: inline-block; border-left:1px solid #ccc; height: 10px;margin-right: 12px;}
.user-link li a {color: #666; font-size: 13px; font-weight: 400; line-height: 18px;}
.user-link li a:hover {color:#000; text-decoration: underline;}

.nav-container .user-menu { display: none; gap: 16px;position: relative;top: auto;right: auto;border-bottom: 1px solid #ebebeb;padding-bottom: 20px;}

.nav-wrapper { max-width: 1680px;margin: 0 auto;display: flex;padding: 0 16px;box-sizing: border-box;justify-content: space-between;position: relative;align-items: center;height: 100%;}
.nav-wrapper .site-logo { position: absolute; top:20px; left: 16px; z-index: 10;}
.nav-wrapper .site-logo img {height: 48px;}

.language select { height: 26px; border:2px solid #000; border-radius: 2px; background-color: #fff; background-image: url(../../images/new2024/ico-lan-arr.svg);
    background-repeat: no-repeat;background-position: right 5px center;padding: 0 24px 0 8px;/*! line-height: 26px; */box-sizing: border-box;font-size: 13px;/*! color: color; */color: #111 !important;}
.nav-container {  display: flex; align-items: center;gap: 32px;width: 100%;justify-content: flex-end;position: relative;z-index: 1;}
.main-menus { display: flex; align-items: start;justify-content: flex-end; }
.main-menus > li { position: relative;width: 210px;  }
.main-menus > li > a { color: #111; text-align: center;font-size: 17px; font-style: normal; font-weight: 600; line-height: 48px; display: block; padding: 0 16px; }
.subs { display: none; position: absolute;top: 100px;width: 100%;border-left: 1px solid #EBEBEB;height: 206px;padding: 0 16px;}


.subs li { text-align: center }
.subs li+li { margin-top: 20px; }
.subs li a { color: #333; text-align: center; font-size: 15px; font-style: normal; font-weight: 400; line-height: 22px; }
.subs li a:hover { color:#125AB8; font-weight: 700;}
.main-menus > li:last-child .subs { border-right: 1px solid #EBEBEB;}

.menu-open .subs,
.menu-open .ext-links,
.menu-open .header-container::after{ display: block}

.ext-links {display:none; position: absolute;left: 125px;top: 150px;}
.ext-links .title {color: #111; font-size: 15px; font-weight: 500; line-height: 20px; margin-bottom: 16px;}
.ext-links ul { display: flex; gap:10px;}
.ext-links ul li {width:135px; flex-shrink: 1;}
.ext-links ul a { display: flex; height: 72px; padding: 16px; align-items: center; border-radius: 4px; background: #000000; color: #fff; gap: 10px; justify-content: center;font-weight: 500;}
.ext-links ul a:hover {background: #125AB8;}
.ext-links ul a:after {content: url(../../images/new2024/ico-header-btn-arr.svg)}

button.btn-searchlayer {background-color: #14509F;padding: 10px 16px; width: 105px;height: 40px; text-align: left;color: #FFF; font-size: 15px; font-weight: 600;line-height: 20px;background-image: url(../../images/new2024/ico-header-search.svg); background-repeat: no-repeat;background-position: right 16px center; flex-shrink: 0;}
.searchlayer-open button.btn-searchlayer {background-image: url(../../images/new2024/ico-header-search-close.svg);}

.searchlayer { position: absolute;  display: block; top:132px; width: 100%; background: #2C63AA; z-index: 100;display: none;padding-top: 56px;}
.searchlayer-container { align-items: center; width: 100%;flex-direction: column;gap: 24px; padding: 0 16px 56px 16px;text-align: center;}
.searchlayer .info-text {color: #FFF; font-size: 24px; font-weight: 600;line-height: 24px;margin-bottom: 24px;}
.searchlayer-open .searchlayer { display: block;}

.searchlayer-option { margin-bottom: 24px;text-align: center;}
.searchlayer-option li { display: inline-flex;align-items: center;}
.searchlayer-option li+li { margin-left: 16px;}
.searchlayer-option input[type="radio"]:checked,
.searchlayer-option input[type="radio"]:not(:checked) { position: absolute; left: -9999px; }
.searchlayer-option input[type="radio"]:checked + label,
.searchlayer-option input[type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #FFF; font-size: 16px; font-weight: 500; }
.searchlayer-option input[type="radio"]:checked + label:before,
.searchlayer-option input[type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #7B8DB8; border-radius: 100%;}
.searchlayer-option input[type="radio"]:checked + label:before {border:1px solid #fff;}
.searchlayer-option input[type="radio"]:checked + label:after,
.searchlayer-option input[type="radio"]:not(:checked) + label:after { content: ''; width: 10px; height: 10px; background: #FFF; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.searchlayer-option input[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.searchlayer-option input[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.searchlayer-input-container {display: flex; width: 100%;margin: 0 auto;max-width: 864px;}
.searchlayer-input-form { display: flex; height: 48px;padding: 0 16px; align-items: flex-start;gap: 10px;background: #FFF;font-size: 16px;align-items: center;flex: 1;box-sizing: border-box;}
.searchlayer-input-form input { width: 100%;flex: 1;}
.searchlayer-form .btn-keyboard-open {width: 22px; height: 22px; overflow:hidden; text-indent:-100px; background:url(../../images/new2024/ico-keyboard.svg) no-repeat center;}
.searchlayer-form .btn-search { width: 48px; height: 48px;  overflow:hidden; text-indent:-100px; background: #133E90 url(../../images/new2024/ico-header-btn-search.svg) no-repeat center; flex-shrink: 0;}
.searchlayer-form .btn-advanced-search {display: block; width: 172px; padding: 13px 16px;background: rgba(255, 255, 255, 0.09) url(../../images/new2024/ico-advance-search.svg) no-repeat right 16px center;color: #FFF; font-size: 14px; font-weight: 500;line-height: normal;margin-left: 10px;flex-shrink: 0;align-items: center;text-align: left;}

.header-advanced-search-wrappper { padding: 56px 16px; background: #EBF0F8;display: none;}

.btn-mb-open{ display: none;}
.mb-btns button { width: 32px; height: 32px; overflow: hidden; text-indent: -150px; background-repeat: no-repeat;background-position: center; }
.mb-btns .btn-mb-open { background-image: url(../../images/new2024/ico-mb-menu-open.svg)}
.menu-open .mb-btns .btn-mb-open { background-image: url(../../images/new2024/ico-mb-menu-close.svg); background-color:#F0F0F0; }


footer {background: #1A1B1E; padding: 60px 10px; gap: 10px;margin-top: 80px; font-family: Pretendard;}
footer .footer-container { margin: 0 auto; max-width: 1200px; }
footer .ft-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
footer .ft-logo img { height: 72px;}
footer .ft-link-wrapper{ display: flex; justify-content: space-between; align-items: center;border-bottom: 1px solid #48455C;margin-bottom: 30px;}
footer .sns-link { display: flex; align-items: center; gap:24px; }
footer .ft-link { display: block; gap: 16px; }
footer .ft-link li { display: inline-block; margin-right: 16px;}
footer .ft-link a { color: #FFF; font-size: 18px; font-weight: 400; line-height: 25px; letter-spacing: -0.5px;}
footer .ft-link a:hover { text-decoration:underline; }
footer .ft-link .highlight {color: #FF9CB7;}
footer .familysite-select { border: 1px solid #48455C; height:60px; padding: 0 16px; align-items: center; display: flex; width:210px; box-sizing: border-box; border-bottom: none; }
footer .familysite-select select { background: transparent url(../../images/new2024/ico-ft-select.svg) no-repeat right 10px center; color:#fff; height: 26px; font-size: 16px; width: 100%; }
footer .familysite-select select option {color: #666;}
footer .familysite-select .btn-familysite-go { border-radius: 3px; border: 1px solid #CD234A; background: #CD234A; color:#fff; padding:0 10px; height:26px; line-height:26px; }
footer .ft-info p {color: #828792; font-size: 16px; font-weight: 400; line-height: 22px; letter-spacing: -0.5px; margin-bottom:2px;}

.sidelink { position: fixed; z-index: 1000; top:calc(50% - 90px); right: -125px; width: 185px; line-height: 0; transition: all 0.3s; }
.sidelink:hover {right: 0;}
.sidelink li { display: block; border-bottom: 1px solid #333; line-height: 0; }
.sidelink li:last-child { border:none; }
.sidelink li a { display: flex; align-items: center; background-color: #000; height: 56px; color: #E1E1E1; font-size: 14px; font-weight: 500; line-height: normal; padding-left: 65px; background-repeat: no-repeat; background-position:20px center; transition:all 0.3s; box-sizing: border-box; }
.sidelink:hover a {padding-left: 54px;}
.sidelink li a:hover { background-color: #A12A2A; /*transform: translateX(-125px); */ }
.sidelink li a.ic01 { background-image: url(../../images/new2024/ico-sidelink01.png); border-radius:5px 0 0 0; }
.sidelink li a.ic02 { background-image: url(../../images/new2024/ico-sidelink02.png); }
.sidelink li a.ic03 { background-image: url(../../images/new2024/ico-sidelink03.png); border-radius:0 0 5px 5px; }


/* 기존 sub override */
.subpage .entry-header { padding: 0;  background: #244F9C; margin-bottom: 32px;}
.site-main:before { display: none;}
.site-main, .home-new .site-main{position:relative; background: #fff; padding: 0;}
.site-main:before { display: none;}
.home-new .site-main:before { display: none;}
.breadcrumb-wrapper { background: #102E7F; font-family: Pretendard;}
.breadcrumb-container, .page-title-wrap {width: 100%; max-width: 1232px; margin:0 auto; padding: 12px 16px; box-sizing:border-box;}
.breadcrumb-container .breadcrumbs { margin: 0; padding:0;}
.breadcrumb-container .breadcrumbs li {font-size: 13px;font-weight: 500;line-height: 15px;color: #CBD1E5;/*! display: inline-block; */}
.subpage .page-title-wrap { justify-content: space-between;height: 160px;align-items: center; font-family: Pretendard;}
.subpage .page-title-wrap .page-title { color: #FFF; font-size: 40px; font-weight: 600; line-height: 40px; letter-spacing:-0.5px;width: 510px;flex-shrink: 0;margin: 0;font-family: Pretendard;}
.subpage .page-title-wrap .page-sub-text { color: #FFF; font-size: 15px;font-weight: 300;line-height: 22px;font-family: Pretendard;}

.subpage.login .entry-header {
    padding:0;
}
.subpage.login .entry-header .page-title-wrap {
    display:flex;
    width:auto;
    margin:0 auto
}

.btn-page-top {position:fixed; bottom:20px; right:20px;width: 46px; height: 46px;  padding-top:21px; color: #C4C4C4;font-size: 13px; font-weight: 300;box-shadow:2px 3px 5px rgba(0,0,0,0.2);
    border:1px solid rgba(0,0,0,0.2); text-align:center;
    background:rgba(255,255,255,0.1) url('../../images/new2024/ico-ft-top-arr.svg') no-repeat 50% 27%; z-index: 100; display: none;}


@media only screen and (max-width:1600px) {
    .ext-links { left:0px;}
}

@media only screen and (max-width: 1460px){
    .ext-links { left:0px; top: 115px; }
    .ext-links ul { flex-direction: column; }
    .ext-links ul a { display: flex; height: 40px; padding: 16px 20px; align-items: center; gap: 8px; }
    .main-menus > li { width: 190px; }
}

@media only screen and (max-width:1199px) {
    .btn-searchlayer { display: none;}
    .btn-mb-open{ display: block;}

    .notice-popup { padding: 24px 16px;}
    .notice-popup-container { padding: 0;}
    .notice-popup .title {color: #FFF; font-size: 18px; font-weight: 700; line-height: 24px; margin-bottom: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .notice-popup .notice-popup-desc {color: #FFF; font-size: 15px; font-weight: 300; line-height: 26px;margin-bottom: 10px; }
    .notice-popup .btn-noticepopup-close { position: relative;right: auto;top: auto;}

    .inner-top { height: 36px;}
    .inner-top img { height: 24px;}
    .header-container {height: 52px;}
    .inner-nav {padding:0;height: 100%;}
    .nav-wrapper .site-logo { position: relative; top:auto; left: auto; }
    .nav-wrapper .site-logo a { display: flex; align-items: center;}
    .nav-wrapper .site-logo img {height:32px; }

    .nav-container { display: none; position: absolute; background: #fff; top:51px; left: 0; width: 100%; height: auto;padding: 32px 16px 40px 16px;border-bottom: 2px solid #000;border-top: 1px solid #000;z-index: 1000;}
    .menu-open .nav-container { display: block;}
    .inner-top .user-menu { display: none;}
    .nav-container .user-menu { display: flex; gap: 6px; justify-content: space-between;}
    .nav-container .user-link li + li {margin-left: 5px;}
    .nav-container .user-link li + li:before { margin-right: 5px;}
    .nav-container .user-link li a {font-size: 12px; letter-spacing: -0.5px;}

    .main-menus { display: block; align-items: start;justify-content: flex-end; }
    .main-menus > li {border-bottom: 1px solid #ebebeb;padding: 10px 0;width: 100%;box-sizing: border-box;}
    .main-menus > li > a { text-align: left; font-style: normal; padding: 0; }
    .subs { display: block; position: relative;top: auto; height: auto;padding: 8px 0;text-align: left;border: none !important;;}

    .subs li { text-align: left; }
    .subs li+li { margin-top: 8px; }
    .ext-links {display:block; position: relative;left: auto;top: auto;padding-top: 20px;}
    .ext-links .title {color: #111; font-size: 15px; font-weight: 500; line-height: 20px; margin-bottom: 16px;}
    .ext-links ul { flex-direction: row;}
    .ext-links ul a { height: 48px;}
    .ext-links ul a:hover {background: #125AB8;}
    .ext-links ul a:after {content: url(../../images/new2024/ico-header-btn-arr.svg)}

    .searchlayer { position: relative;  display: block; top:auto; padding: 16px;z-index:   auto;}
    .searchlayer-container { padding: 0;  }
    .searchlayer .info-text { display: none;}
    .searchlayer-form .btn-advanced-search { display: none;}
    .searchlayer-option { margin-bottom: 12px;}
    .searchlayer-form .btn-keyboard-open { display: none;}
    .searchlayer-option li+li { margin-left: 16px;}
    .searchlayer-option input[type="radio"]:checked + label, .searchlayer-option input[type="radio"]:not(:checked) + label { font-size: 14px;padding-left: 24px;}
    .searchlayer-input-form {height:40px;}
    .searchlayer-form .btn-search { width: 40px; height: 40px;}
    .searchlayer-input-container {max-width: none;}

    footer { padding: 48px 16px; gap: 10px;}
    footer .ft-header .ft-logo img {height:48px;}
    footer .ft-link a {font-size: 15px; }
    footer .ft-info p { font-size: 14px; line-height: 22px;}

    .subpage .page-title-wrap .page-sub-text { display: none;}

}


@media only screen and (max-width:767px) {
    footer { padding: 48px 16px; }
    footer .ft-header .ft-logo img { height:48px;}
    footer .ft-link-wrapper{ display: block; }
    footer .sns-link { gap:24px; }
    footer .ft-link { margin-bottom: 24px; }
    footer .ft-link a { font-size: 15px;}
    footer .ft-link a:hover { color: #FF9CB7; text-decoration:underline; }
    footer .familysite-select { display: flex; width:100%; }
    .sidelink { display: none;}

    .breadcrumb-wrapper { margin-bottom: 8px;}
    .breadcrumb-container { margin: 0 auto; padding: 0 16px; }
    .subpage .entry-header { padding: 0;  background: #102E7F; height: 112px; display: flex; flex-direction: column; align-items: start; justify-content: center;}
    .subpage .page-title-wrap { height: auto;padding: 0 16px;}
    .subpage .page-title-wrap .page-title { width:100%;font-size: 24px;}
    .breadcrumb-container .breadcrumbs { display: flex block !important;}

}

@media only screen and (max-width:479px) {
    footer .ft-header { flex-direction: column; align-items: start;margin-bottom: 16px;}
    footer .ft-header .ft-logo { margin-bottom: 24px;}
}


/* 상세검색 */
.header-advanced-search-wrappper .search-radio-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: nowrap; padding-top: 4px; align-items: flex-end;overflow: auto;overflow-y: hidden;}.header-advanced-search-wrappper .search-radio-wrap { padding-top: 0; margin-bottom: 20px; border-bottom: 3px solid #136DD9; }
.header-advanced-search-wrappper .search-input-wrap { margin-bottom: 46px; }
.header-advanced-search-wrappper .search-input-wrap.search-category-mobile { display: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 3px solid #2c98f0; }
.header-advanced-search-wrappper .search-button-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.header-advanced-search-wrappper label { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-weight: 700; }
.header-advanced-search-wrappper .search-radio-wrap label { margin-right: 4px; cursor: pointer;  white-space: nowrap;}
.header-advanced-search-wrappper .search-input-wrap .label-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.header-advanced-search-wrappper .search-input-wrap .search-input-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; padding-bottom: 10px; }
.header-advanced-search-wrappper .search-button-wrap .btn { width: 300px; height: 40px; font-weight: 700; font-size: 1.6rem; background-color: #136DD9; border: 1px solid #fff; margin-right: 10px; color: #fff;}
.header-advanced-search-wrappper .search-button-wrap .btn.btn-line { font-weight: 400; color: #111; background-color: transparent; border-color: #aaa; }
.header-advanced-search-wrappper .search-button-wrap .btn:last-child { margin-right: 0; }
.header-advanced-search-wrappper .search-button-wrap .btn.btn-right { margin-left: auto; }
.header-advanced-search-wrappper .search-radio-wrap .search-radio { position: absolute; width: 0; height: 0; visibility: hidden; opacity: 0; text-indent: -9999px; }
.header-advanced-search-wrappper .search-radio-wrap .search-radio + span { font-weight: 400; font-size: 1.4rem; color: #a5a5a5; display: inline-block; padding: 10px 16px; background: #2c2c2c; }
.header-advanced-search-wrappper .search-radio-wrap .search-radio:checked + span { font-weight: 700; color: #fff; margin-top: -4px; padding: 14px 16px; background: #4a4a4a; }
.header-advanced-search-wrappper .search-radio-wrap .search-radio:checked + span { padding-top: 15px; padding-bottom: 15px; background: #136DD9; }
.header-advanced-search-wrappper .search-input-wrap .label-wrap .label { font-weight: 700; font-size: 1.5rem; color: #111; line-height: 46px; }
.header-advanced-search-wrappper .search-input-wrap .label-wrap:first-child .label { width: 110px; }
.header-advanced-search-wrappper .search-input-wrap.search-category-mobile .label-wrap:first-child .label { width: 95px; }
.header-advanced-search-wrappper .search-input-wrap .advanced-select { width: 260px; height: 46px; font-weight: 400; font-size: 1.5rem; margin-right: 5px; padding: 13px 33px 13px 14px;
    background: url(https://library.ltikorea.or.kr/resource/template/images/search-dropdown@2x.png) right center/46px 46px no-repeat #9dafcd; -webkit-background-size: 46px 46px; }
.header-advanced-search-wrappper .search-input-wrap.search-category-mobile .advanced-select { width: -webkit-calc(100% - 95px); width: calc(100% - 95px); margin: 0; }
.header-advanced-search-wrappper .search-input-wrap .input-wrap { position: relative; width: 780px; margin-right: 5px; }
.header-advanced-search-wrappper .search-input-wrap .advanced-select.sm { width: 150px; margin-right: 0; }
.header-advanced-search-wrappper .search-input-inner-wrap { display: none; }
.header-advanced-search-wrappper .search-input-inner-wrap.active { display: block; }
.header-advanced-search-wrappper .ui-widget-content { border: 1px solid #909fb9; background: #fff; color: #222; }
.header-advanced-search-wrappper .ui-corner-all { border-top-left-radius: 4px; }
.header-advanced-search-wrappper .ui-corner-all { border-top-right-radius: 4px; }
.header-advanced-search-wrappper .ui-corner-all { border-bottom-left-radius: 4px; }
.header-advanced-search-wrappper .ui-corner-all { border-bottom-right-radius: 4px; }
.header-advanced-search-wrappper .ui-keyboard-input { text-align: left; }
.header-advanced-search-wrappper .search-input-wrap .input-wrap .advanced-text { width: 100%; height: 46px; font-weight: 700; font-size: 1.6rem; color: #fff; padding: 12px 55px 12px 16px; background-color: #bcc7da; }
.header-advanced-search-wrappper .search-input-wrap .input-wrap .keyboard { position: absolute; top: 15px; right: 17px; width: 21px; height: 14px; background: url(https://library.ltikorea.or.kr/resource/template/images/search-keyboard@2x.png) center/21px 14px no-repeat; -webkit-background-size: 21px 14px; }
.header-advanced-search-wrappper .search-input-wrap .search-input-inner.search-identifier-inner { border-bottom: 1px solid #c4c4c4; }
.header-advanced-search-wrappper .search-input-wrap .search-input-inner.search-language-inner { border-bottom: 1px solid #c4c4c4; }
.header-advanced-search-wrappper .search-input-wrap .search-input-inner.search-identifier-inner + .search-language-inner { padding-top: 10px; }
.header-advanced-search-wrappper .search-input-wrap .search-input-inner.search-language-inner + .search-language-inner { padding-top: 10px; }
.header-advanced-search-wrappper .search-input-wrap .search-language-inner .label-wrap:nth-child(2) { margin-left: 108px; }
.header-advanced-search-wrappper .search-input-wrap .search-identifier-inner .advanced-select { width: 150px; }
.header-advanced-search-wrappper .search-input-wrap .label-wrap .input-wrap { width: 370px; }
.header-advanced-search-wrappper .search-input-wrap .search-input-inner.search-identifier-inner .input-wrap { margin-right: 0; }
.header-advanced-search-wrappper .search-input-wrap .search-language-inner .advanced-select { width: 240px; }
.header-advanced-search-wrappper .search-input-wrap .search-language-inner .label-wrap:nth-child(2) .label { width: 160px; }
.header-advanced-search-wrappper .search-input-wrap .search-input-inner.search-language-inner .input-wrap { margin-right: 0; }
.header-advanced-search-wrappper .search-input-wrap .label-wrap .input-wrap.datepicker-wrap { width: 240px; }
.header-advanced-search-wrappper .search-input-wrap .datepicker-middle-text { font-weight: 400; font-size: 1.5rem; color: #fff; line-height: 46px; padding: 0 18px 0 26px; }
.header-advanced-search-wrappper .search-input-wrap .input-wrap .advanced-text.datepicker { padding-left: 55px; padding-right: 16px; }
.header-advanced-search-wrappper .search-input-wrap .input-wrap .ui-datepicker-trigger { position: absolute; top: 13px; left: 17px; width: 18px; height: 18px; }


@media only screen and (max-width:1279px) {
    .header-advanced-search-wrappper .search-button-wrap { display: flex; gap: 20px}
    .header-advanced-search-wrappper .search-button-wrap button { width: calc((100% - 40px) / 3) !important; margin:0 !important;}
}


.err-container { max-width: 1280px; margin: 0 auto;}
.err-container .contents-wrap { padding: 100px 24px; text-align: center;}
.err-container .contents-wrap .page-title { font-size: 120px; font-weight: 100; margin-bottom:24px;}
.err-container .contents-wrap .message-title { font-size: 38px; font-weight: 700; margin-bottom: 24px;}
.err-container .contents-wrap .message-content { font-size:24px; color:#555; line-height: 150%;}

@media only screen and (max-width: 768px) {
    .err-container .contents-wrap { padding: 100px 24px; text-align: center;}
    .err-container .contents-wrap .page-title { font-size: 100px; }
    .err-container .contents-wrap .message-title { font-size: 28px; }
    .err-container .contents-wrap .message-content { font-size:16px; }

    .header-advanced-search-wrappper .search-button-wrap { display: flex; gap: 10px}
    .header-advanced-search-wrappper .search-button-wrap button { width:100% !important; margin:0 !important;}

}

.facet-search-wrap {
    padding: 8px 8px 0 0;
    border-radius: 4px;
}

.facet-search-wrap input.facet-search {
    width: 100%;
    font-size: 14px;
    padding: 6px;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: none;
    transition: border-color 0.3s;
}

.facet-search-wrap input.facet-search:focus {
    border-color: #2c98f0;
}

.item.closed .facet-search-wrap {
    display: none;
}