@charset "utf-8";
button,hr,input {
    overflow:visible
}
progress,
sub,
sup {
    vertical-align:baseline
}
a,
legend {
    color:inherit
}
ol,
ul {
    list-style:none
}
.site-header-new .search-wrap,
.site-main:before {
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%)
}
#memberFileModal .title-wrap a,
.subpage.underConstruction .entry-contents .mail,
.txtLink,
.txtLink-blue,
.underline,
abbr[title] {
    text-decoration:underline
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline
}
.home .section .thumbnail-lists .list-item a,
.home-new .section-slide .slide-wrap:not(.mobile-slide),
.home-new .thumbnail-lists .list-item a,
.item-contents-list .item-box.on,
.modal.on,
.site-header .header-search .search-input-inner-wrap.active,
.site-header-new .header-search .search-input-inner-wrap.active,
.site-header-new.scrolling.search-scroll-open .scroll-search-wrap .toggle-search .xi-close,
.site-header-new.search-open .header-search,
.site-header.search-open .header-search,
.subpage .contents-search-wrap .contents-search-advanced .search-input-inner-wrap.active,
.subpage.advancedSearch .results-contents-wrap .contents-wrap.active,
.subpage.askLibrarian .viewpage-tab-contents .tab-contents.active,
.subpage.bookReviews .lists-thumbnail .thumbnail,
.subpage.contest .side-tab .tab a,
.subpage.discover .discover-lists-wrap .lists.lists-thumbnail .discover-wrap,
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item.active>ul,
.subpage.events .lists.lists-thumbnail .events-wrap,
.subpage.login .entry-contents .text-alert.on,
.subpage.mypage .side-tab .tab a,
.subpage.org-mypage .side-tab .tab a,
.subpage.themes .lists.lists-thumbnail .info .description,
.subpage.viewpage .side-wrap .descriptions-list .descriptions.active,
.subpage.writers.viewpage .writers-content-wrap .writers-content.active,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display:block
}
blockquote,
q {
    quotes:none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content:'';
    content:none
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html {
                                                                                line-height:1.15;
                                                                                -webkit-text-size-adjust:100%
                                                                            }
h1 {
    font-size:2em
}
hr {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
[type=checkbox],
[type=radio],
legend {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding:0
}
code,
kbd,
pre,
samp {
    font-family:monospace,monospace;
    font-size:1em
}
a {
    background-color:transparent;
    text-decoration:none;
    cursor:pointer
}
abbr[title] {
    border-bottom:none;
    text-decoration:underline dotted
}
b,
strong {
    font-weight:bolder
}
small {
    font-size:80%
}
sub,
sup {
    font-size:75%;
    line-height:0;
    position:relative
}
sub {
    bottom:-.25em
}
sup {
    top:-.5em
}
img {
    border-style:none
}
button,
input,
optgroup,
select,
textarea {
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,
select {
    text-transform:none
}
[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline:ButtonText dotted 1px
}
legend {
    box-sizing:border-box;
    display:table;
    max-width:100%;
    white-space:normal
}
textarea {
    overflow:auto
}
[type=checkbox],
[type=radio] {
    box-sizing:border-box
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height:auto
}
[type=search] {
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}
::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit
}
summary {
    display:list-item
}
[hidden],
template {
    display:none
}
@font-face {
    font-family:Roboto;
    font-style:normal;
    font-weight:100;
    src:url('../../fonts/roboto-v20-latin-100.eot');
    src:local('Roboto Thin'),
    local('Roboto-Thin'),
    url('../../fonts/roboto-v20-latin-100.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/roboto-v20-latin-100.woff2') format('woff2'),
    url('../../fonts/roboto-v20-latin-100.woff') format('woff'),
    url('../../fonts/roboto-v20-latin-100.ttf') format('truetype'),
    url('../../fonts/roboto-v20-latin-100.svg#Roboto') format('svg')
}
@font-face {
    font-family:Roboto;
    font-style:normal;
    font-weight:300;
    src:url('../../fonts/roboto-v20-latin-300.eot');
    src:local('Roboto Light'),
    local('Roboto-Light'),
    url('../../fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/roboto-v20-latin-300.woff2') format('woff2'),
    url('../../fonts/roboto-v20-latin-300.woff') format('woff'),
    url('../../fonts/roboto-v20-latin-300.ttf') format('truetype'),
    url('../../fonts/roboto-v20-latin-300.svg#Roboto') format('svg')
}
@font-face {
    font-family:Roboto;
    font-style:normal;
    font-weight:400;
    src:url('../../fonts/roboto-v20-latin-regular.eot');
    src:local('Roboto'),
    local('Roboto-Regular'),
    url('../../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/roboto-v20-latin-regular.woff2') format('woff2'),
    url('../../fonts/roboto-v20-latin-regular.woff') format('woff'),
    url('../../fonts/roboto-v20-latin-regular.ttf') format('truetype'),
    url('../../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg')
}
@font-face {
    font-family:Roboto;
    font-style:normal;
    font-weight:500;
    src:url('../../fonts/roboto-v20-latin-500.eot');
    src:local('Roboto Medium'),
    local('Roboto-Medium'),
    url('../../fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/roboto-v20-latin-500.woff2') format('woff2'),
    url('../../fonts/roboto-v20-latin-500.woff') format('woff'),
    url('../../fonts/roboto-v20-latin-500.ttf') format('truetype'),
    url('../../fonts/roboto-v20-latin-500.svg#Roboto') format('svg')
}
@font-face {
    font-family:Roboto;
    font-style:normal;
    font-weight:700;
    src:url('../../fonts/roboto-v20-latin-700.eot');
    src:local('Roboto Bold'),
    local('Roboto-Bold'),
    url('../../fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/roboto-v20-latin-700.woff2') format('woff2'),
    url('../../fonts/roboto-v20-latin-700.woff') format('woff'),
    url('../../fonts/roboto-v20-latin-700.ttf') format('truetype'),
    url('../../fonts/roboto-v20-latin-700.svg#Roboto') format('svg')
}
.bold,
.label,
.subpage .breadcrumbs .breadcrumb-item:last-child,
.subpage .libraryNews-lists .list-content .item-title,
.subpage.contest .donation-form-wrap .donation-type .active,
.subpage.contest .libraryNews-lists .list-header .item,
.subpage.eventDatabase .lists .list-content .item-event,
.subpage.mypage .checkout-wrap .checkout-lists .text-red,
.subpage.mypage .suggestion-lists .list-item .item-status,
.subpage.org-mypage .donation-form-wrap .donation-type .active,
.subpage.org-mypage .libraryNews-lists .list-header .item,
.subpage.viewpage .side-wrap .descriptions-list .source .link,
dt,
kbd kbd,
label,
strong {
    font-weight:700
}
.btn-link,
.checkbox label,
.checkbox-inline,
.dropdown-menu>li>a,
.fwn,
.input-group-addon,
.popover,
.radio label,
.radio-inline,
.subpage.bookReviews .lists-thumbnail.hlist .info .date::before,
.tooltip,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight:400
}
.font-xeicon {
    font-family:xeicon
}
#organizationModal .organization-input-wrap,
.flex-wrap,
.home-new .content-related .related-image,
.home-new .featured-wrap,
.home-new .section-events .lists .lists-inner,
.home-new .section-slide .item-full-video,
.site-header .header-search .search-button-wrap,
.site-header .header-search .search-input-wrap .label-wrap,
.site-header-new .header-inner-top,
.site-header-new .header-search .search-button-wrap,
.site-header-new .header-search .search-input-wrap .label-wrap,
.site-header-new .search-wrap .search-form,
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .label-wrap,
.subpage .filter-wrap .filter-items,
.subpage.aboutLTI .section.section-about .about-wrap,
.subpage.audioBooks.viewpage .side-wrap,
.subpage.contest .member-search-wrap .fieldset-inline-wrap,
.subpage.digitalMagazine .title-wrap .text-wrap,
.subpage.discover .discover-lists-wrap .lists .discover-wrap,
.subpage.discover.viewpage .contents-tree-wrap,
.subpage.eBooks.viewpage .side-wrap,
.subpage.mypage .contents-wrap,
.subpage.org-mypage .member-search-wrap .fieldset-inline-wrap,
.subpage.originalBooks .lists-wrap .lists.lists-thumbnail,
.subpage.originalBooks .originalBooks-lists-wrap,
.subpage.translatedBooks.viewpage .side-wrap,
.subpage.viewpage .content-about .about-book .about-content,
.subpage.viewpage .content-license .content,
.subpage.viewpage .title-wrap .badge-wrap,
.subpage.viewpage .title-wrap .title-top-wrap .share-wrap .share {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.subpage.discover .program-lists-wrap .lists .discover-wrap { flex-direction: row-reverse;}
.screen-reader-text,
.sr-only {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.container,
html {
    position:relative;
    z-index: 1;
}
.clearfix:after,
.clearfix:before,
.home .section.section-arrivals .section-title-wrap:after,
.home .section.section-arrivals .section-title-wrap:before,
.icons:after,
.icons:before,
.modal.modal-confirm .modal-close:after,
.modal.modal-confirm .modal-close:before,
.subpage.aboutLTI .section.section-about .about-wrap .images:after,
.subpage.aboutLTI .section.section-about .about-wrap .images:before,
.subpage.aboutLTI .section.section-projects .project-wrap:after,
.subpage.aboutLTI .section.section-projects .project-wrap:before,
.subpage.discover .discover-lists-wrap .lists.lists-thumbnail:after,
.subpage.discover .discover-lists-wrap .lists.lists-thumbnail:before,
.subpage.discover.viewpage .contents-tree-wrap .content-about .about-wrap .about:after,
.subpage.discover.viewpage .contents-tree-wrap .content-about .about-wrap .about:before,
.subpage.discover.viewpage .contents-tree-wrap .discover-lists-wrap .lists.lists-thumbnail:after,
.subpage.discover.viewpage .contents-tree-wrap .discover-lists-wrap .lists.lists-thumbnail:before,
.subpage.discover.viewpage .title-wrap:after,
.subpage.discover.viewpage .title-wrap:before,
.subpage.eventDatabase.viewpage .content-about .about-wrap .about:after,
.subpage.eventDatabase.viewpage .content-about .about-wrap .about:before,
.subpage.events.viewpage .content-about .about:after,
.subpage.events.viewpage .content-about .about:before,
.subpage.login .convert-wrap .convert-title:after,
.subpage.login .convert-wrap .convert-title:before,
.subpage.login .login-wrap .login-btn-wrap:after,
.subpage.login .login-wrap .login-btn-wrap:before,
.subpage.mypage #changePasswordModal .modal-close:after,
.subpage.mypage #changePasswordModal .modal-close:before,
.subpage.mypage #suggestionModal .modal-form:after,
.subpage.mypage #suggestionModal .modal-form:before,
.subpage.publications .lists.lists-thumbnail:after,
.subpage.publications .lists.lists-thumbnail:before,
.subpage.statistics .section .bar-wrap .bar:after,
.subpage.statistics .section .bar-wrap .bar:before,
.subpage.statistics .statics-wrap:after,
.subpage.statistics .statics-wrap:before,
.subpage.viewpage .content-about .about-book .about-content .info:after,
.subpage.viewpage .content-about .about-book .about-content .info:before,
.subpage.viewpage .side-wrap .sides .item-contents:after,
.subpage.viewpage .side-wrap .sides .item-contents:before,
.subpage.viewpage .title-wrap .title-top-wrap:after,
.subpage.viewpage .title-wrap .title-top-wrap:before,
.subpage.writers.viewpage .writers-profile .info:after,
.subpage.writers.viewpage .writers-profile .info:before {
    content:" ";
    display:table
}
.clearfix:after,
.home .section.section-arrivals .section-title-wrap:after,
.icons:after,
.modal.modal-confirm .modal-close:after,
.subpage.aboutLTI .section.section-about .about-wrap .images:after,
.subpage.aboutLTI .section.section-projects .project-wrap:after,
.subpage.discover .discover-lists-wrap .lists.lists-thumbnail:after,
.subpage.discover.viewpage .contents-tree-wrap .content-about .about-wrap .about:after,
.subpage.discover.viewpage .contents-tree-wrap .discover-lists-wrap .lists.lists-thumbnail:after,
.subpage.discover.viewpage .title-wrap:after,
.subpage.eventDatabase.viewpage .content-about .about-wrap .about:after,
.subpage.events.viewpage .content-about .about:after,
.subpage.login .convert-wrap .convert-title:after,
.subpage.login .login-wrap .login-btn-wrap:after,
.subpage.mypage #changePasswordModal .modal-close:after,
.subpage.mypage #suggestionModal .modal-form:after,
.subpage.publications .lists.lists-thumbnail:after,
.subpage.statistics .section .bar-wrap .bar:after,
.subpage.statistics .statics-wrap:after,
.subpage.viewpage .content-about .about-book .about-content .info:after,
.subpage.viewpage .side-wrap .sides .item-contents:after,
.subpage.viewpage .title-wrap .title-top-wrap:after,
.subpage.writers.viewpage .writers-profile .info:after {
    clear:both
}
.show {
    display:block!important
}
.hidden,
.scroll-wrapper .scroll-element.scroll-x,
.site-header .menu-wrap .sub-search,
.visible-xs {
    display:none!important
}
.hidden {
    visibility:hidden!important
}
.invisible {
    visibility:hidden
}
@media only screen and (max-width:480px) {
    .hidden-xs {
        display:none!important
    }
    .visible-xs {
        display:block!important
    }
}
.hide-text {
    overflow:hidden;
    text-indent:-9000px;
    display:block
}
.subpage.digitalMagazine .lists.libraryNews-lists .item.text-left,
.subpage.mypage .lists .item.text-left,
.text-left {
    text-align:left
}
.subpage.aboutLTI .section.section-collections .collections-wrap .description,
.subpage.contest .donation-form-wrap .libraryNews-lists .item,
.subpage.digitalMagazine .lists.libraryNews-lists .item,
.subpage.mypage .lists-table.wbg td,
.subpage.org-mypage .donation-form-wrap .libraryNews-lists .item,
.subpage.originalBooks .side-wrap .descriptions-list,
.subpage.translatedBooks .side-wrap .descriptions-list,
.text-center {
    text-align:center
}
.subpage.aboutLTI .section.section-history .history-wrap li:nth-child(2n-1),
.text-right {
    text-align:right
}
*,
:after,
:before,
input,
input:after,
input:before,
input[type=search],
input[type=search]:after,
input[type=search]:before,
input[type=text],
input[type=text]:after,
input[type=text]:before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
html {
    min-height:100%;
    font-size:10px;
    overflow-y:scroll
}
body {
    margin:0;
    color:#000;
    font-family:Roboto,"Apple SD Gothic Neo",'맑은 고딕',"Malgun Gothic","Helvetica Neue",Helvetica,Arial,"Trebuchet MS",sans-serif;
    font-weight:400;
    font-size:14px;
    line-height:1;
    background-color:#fff;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    word-break:keep-all;
    word-wrap:break-word
}
body ::selection {
    color:inherit;
    background-color:rgba(0,0,0,.1);
    cursor:text
}
body ::-moz-selection {
    color:inherit;
    background-color:rgba(0,0,0,.1);
    cursor:text
}
ul {
    padding-left:0
}
address,
em {
    font-style:normal
}
fieldset {
    margin:0;
    padding:0
}
fieldset,
fieldset:focus,
fieldset:hover {
    border:0
}
table {
    border-collapse:collapse;
    border-spacing:0
}
[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance:none;
    -moz-appearance:none;
    border:none;
    background:0 0;
    cursor:pointer;
    padding:0;
    border-radius:0
}
select {
    border:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius:0
}
select::-ms-expand {
    display:none
}
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline:0
}
input::-moz-placeholder {
    color:#b7b7b7;
    opacity:1
}
input:-ms-input-placeholder {
    color:#b7b7b7
}
input::-webkit-input-placeholder {
    color:#b7b7b7
}
input[type=email],
input[type=password],
input[type=text] {
    border:none;
    border-radius:0
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin:0
}
article,
aside,
div,
footer,
header,
section {
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text
}
.container {
    width:1200px;
    margin-left:auto;
    margin-right:auto
}
.site-header,
.site-header-new {
    position:fixed;
    width:100%;
    max-height:206px;
    background-color:#000;
    -webkit-transition:max-height .5s;
    -o-transition:max-height .5s;
    transition:max-height .5s;
    overflow:hidden;
    z-index:100
}
.site-header .header-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:38px 60px 0
}
.site-footer .footer-bottom .footer-info .footer-logo a img,
.site-header .logo img,
.site-header-new .logo img,
.subpage.aboutLTI .section.section-collections .collections-wrap .icon img,
.subpage.discover.viewpage.items-page .title-wrap .title-navigation li span,
.subpage.eventDatabase .lists .list-item .item,
.subpage.mypage .banner-type img {
    vertical-align:top
}
.site-header .search-wrap {
    width:491px;
    margin-left:auto
}
#donationSearchModal .modal-header,
.home-new .section-slide .slide,
.home-new .video-container,
.new-item,
.site-footer .footer-bottom .footer-info .footer-tel-link a,
.site-footer .footer-bottom .footer-newsletter-wrap .footer-newsletter .newsletter-form,
.site-footer .footer-copyrights .footer-text,
.site-header .search-wrap .search-form,
.site-header-new .search-wrap .search-text-wrap,
.subpage.contest .contents-books .list-item.active .thumbnail,
.subpage.contest .contest-navigation li .num-wrap,
.subpage.discover .discover-lists-wrap .lists-wrap,
.subpage.eventDatabase .lists .item {
    position:relative
}
.site-header .search-wrap .search-form .search-text {
    width:100%;
    height:47px;
    font-size:1.8rem;
    color:#fff;
    padding:10px 56px;
    background:url(../../images/search@2x.png) 17px center/20px 20px no-repeat #4a4a4a
}
.site-header .search-wrap .search-form .search-keyboard,
.site-header-new .search-wrap .search-keyboard,
.subpage .contents-search-wrap .search-form .search-keyboard {
    position:absolute;
    top:16px;
    right:47px
}
.site-footer .footer-bottom .footer-newsletter-wrap .footer-newsletter .newsletter-form .newsletter-submit,
.site-header .search-wrap .search-form .search-submit,
.site-header-new .search-wrap .search-submit,
.subpage .contents-search-wrap .search-form .search-submit {
    position:absolute;
    top:16px;
    right:14px
}
.site-header .search-radio-wrap,
.site-header-new .search-radio-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-top:4px
}
.site-header .search-radio-wrap label,
.site-header-new .search-radio-wrap label {
    margin-right:4px;
    cursor:pointer
}
.site-header .search-radio-wrap .search-radio,
.site-header-new .search-radio-wrap .search-radio,
.subpage .contents-search-wrap .contents-search-advanced .search-radio-wrap .search-radio {
    position:absolute;
    width:0;
    height:0;
    visibility:hidden;
    opacity:0;
    text-indent:-9999px
}
.site-header .search-radio-wrap .search-radio+span,
.site-header-new .search-radio-wrap .search-radio+span,
.subpage .contents-search-wrap .contents-search-advanced .search-radio-wrap .search-radio+span {
    font-weight:400;
    font-size:1.4rem;
    color:#a5a5a5;
    display:inline-block;
    padding:10px 16px;
    background:#2c2c2c
}
.site-header .search-radio-wrap .search-radio:checked+span,
.site-header-new .search-radio-wrap .search-radio:checked+span {
    font-weight:700;
    color:#fff;
    margin-top:-4px;
    padding:14px 16px;
    background:#4a4a4a
}
.site-header .search-radio-wrap .advanced-search-btn {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:33px;
    height:33px;
    padding:8px;
    background:#000;
    border:1px solid #aaa;
    text-indent:-9999px
}
.modal.modal-confirm .modal-close .btn:last-child,
.site-footer .footer-bottom .footer-info .footer-logo a:last-child,
.site-footer .footer-top .footer-sns-wrap .footer-sns li:last-child,
.site-header .header-search .search-button-wrap .btn:last-child,
.site-header .header-search .search-input-wrap .search-input-inner.search-identifier-inner .input-wrap,
.site-header .header-search .search-input-wrap .search-input-inner.search-language-inner .input-wrap,
.site-header .search-radio-wrap .advanced-search-btn img,
.site-header-new .header-search .search-button-wrap .btn:last-child,
.site-header-new .header-search .search-input-wrap .search-input-inner.search-identifier-inner .input-wrap,
.site-header-new .header-search .search-input-wrap .search-input-inner.search-language-inner .input-wrap,
.site-header-new .header-search .search-input-wrap .search-input-inner.search-language-only .input-wrap,
.subpage .contents-search-wrap .contents-search-advanced .search-button-wrap .btn:last-child,
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .search-input-inner.search-identifier-inner .input-wrap,
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .search-input-inner.search-language-inner .input-wrap,
.subpage .viewpage-tab .tab:last-child,
.subpage.aboutLTI .section.section-collections .collections-wrap li:last-of-type,
.subpage.bookReviews .review-content-wrap .review-content.contest,
.subpage.contest .donation-form-wrap .checkbox-wrap:last-child,
.subpage.login .entry-header .page-title-wrap .page-title,
.subpage.login .join-wrap .fieldset .input-checkbox-wrap .checkbox-wrap:last-child,
.subpage.login .login-wrap .login-btn-wrap .btn:last-child,
.subpage.mypage #suggestionModal .lists-wrap .lists-footer .pagination,
.subpage.mypage .submit-wrap .btn:last-child,
.subpage.mypage .suggestion-wrap .fieldset .input-checkbox-wrap .checkbox-wrap:last-child,
.subpage.org-mypage .donation-form-wrap .checkbox-wrap:last-child,
.subpage.subscribe .suggestion-wrap .fieldset .input-checkbox-wrap .checkbox-wrap.agreement-checkbox-wrap {
    margin-right:0
}
.site-header .menu-wrap {
    color:#fff;
    margin-left:auto;
    text-align:right
}
.site-header .menu-wrap .sub-menu {
    height:19px;
    font-weight:400;
    font-size:1.4rem
}
.site-footer .footer-top .footer-menu li,
.site-header .menu-wrap .sub-menu li,
.site-header-new .sub-menu li {
    position:relative;
    display:inline-block;
    vertical-align:top
}
.site-header .menu-wrap .sub-menu li:before,
.site-header-new .sub-menu li:before {
    content:'';
    position:relative;
    display:inline-block;
    vertical-align:top;
    width:1px;
    height:14px;
    background-color:#fff;
    margin:0 13px
}
.home .section .lists .list-item:last-child:after,
.site-footer .footer-bottom .footer-info .footer-tel-link a:last-child:after,
.site-footer .footer-top .footer-menu li:last-child:after,
.site-header .menu-wrap .sub-menu li.menu-language:before,
.site-header .menu-wrap .sub-menu li.sub-search:before,
.site-header .menu-wrap .sub-menu li:first-child:before,
.site-header .menu-wrap .sub-menu li:last-child:before,
.site-header-new .sub-menu li:first-child:before,
.subpage .filter-wrap .filter:last-child:after {
    content:none
}
.site-header .menu-wrap .sub-menu .menu-language select {
    width:92px;
    color:#fff;
    background:url(../../images/menu-language-dropdown@2x.png) right top/30px 30px no-repeat;
    -webkit-background-size:30px 30px;
    border:1px solid #c4c4c4;
    padding:6px 28px 6px 10px;
    margin-top:-10px;
    margin-left:20px
}
.modal.modal-org-mypage .select option,
.site-header .menu-wrap .sub-menu .menu-language select>option,
.site-header-new .header-inner .select>option,
.subpage .contents-editor .infobox ol li,
.subpage .contents-editor .infobox p,
.subpage .contents-editor .infobox ul li,
.subpage .descriptions-list .descriptions .infobox ol li,
.subpage .descriptions-list .descriptions .infobox p,
.subpage .descriptions-list .descriptions .infobox ul li,
.subpage.join .apply-wrap .select option {
    color:#000
}
.site-header .menu-wrap .site-navigation {
    font-weight:700;
    font-size:1.8rem;
    padding-top:22px;
    padding-bottom:43px
}
.site-header .menu-wrap .site-navigation .main-menu {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    overflow:hidden;
    margin:0 -25px
}
.site-header .menu-wrap .site-navigation .main-menu li {
    padding:0 10px;
    margin:0 15px
}
.site-header .menu-wrap .site-navigation .main-menu li a {
    display:block;
    padding-bottom:10px;
    border-bottom:3px solid transparent
}
.site-header .menu-wrap .site-navigation .main-menu li.hover a,
.site-header .menu-wrap .site-navigation .main-menu li:hover a,
.site-header-new .main-menu>li:hover>a {
    border-bottom-color:#2c98f0
}
.site-header .header-hover {
    display:none;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:0 60px;
    border-top:1px solid #c4c4c4
}
.site-header .header-hover .hover-menu {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-left:auto
}
.site-header .header-hover .hover-menu>li {
    position:relative;
    width:185px;
    padding:50px 0
}
.site-header .header-hover .hover-menu>li>a {
    display:block;
    width:100%;
    font-weight:700;
    font-size:1.1rem;
    color:grey;
    padding:0 27px;
    margin-bottom:30px
}
.site-header .header-hover .hover-menu>li>ul {
    width:100%;
    font-weight:400;
    font-size:1.5rem;
    color:#fff
}
.site-header .header-hover .hover-menu>li>ul li {
    position:relative;
    margin-bottom:4px
}
.site-header .header-hover .hover-menu>li>ul li a {
    display:block;
    width:100%;
    padding:12px 27px
}
.site-header .header-hover .hover-menu>li>ul li:hover a {
    font-weight:700;
    background:#2c98f0
}
.site-header .header-hover .hover-menu>li.hover:before,
.site-header .header-hover .hover-menu>li:hover:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#c4c4c4;
    opacity:.2;
    z-index:-1
}
.site-header .header-hover .hover-text {
    color:#fff;
    padding:50px 0 60px
}
.site-header .header-hover .hover-text .text-title {
    font-weight:700;
    font-size:1.1rem;
    color:grey;
    margin-bottom:36px
}
.site-header .header-hover .hover-text .text-contents {
    width:495px
}
.site-header .header-hover .hover-text .text-contents li {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:30px
}
.site-header .header-hover .hover-text .text-contents .type {
    width:104px
}
.site-header .header-hover .hover-text .text-contents .type img {
    vertical-align:middle;
    margin-right:7px
}
.site-header .header-hover .hover-text .text-contents .type span {
    vertical-align:middle;
    font-weight:700;
    font-size:1.5rem;
    line-height:24px
}
.site-header .header-hover .hover-text .text-contents .time {
    width:-webkit-calc(100% - 104px);
    width:calc(100% - 104px);
    font-weight:400;
    font-size:1.5rem;
    line-height:24px;
    color:#b2b2b2
}
.site-header .header-hover .hover-text .text-contents .time .time-sub {
    font-size:1.3rem;
    line-height:16px;
    color:grey;
    margin-top:5px
}
.site-header .header-hover .hover-text .text-contents:after {
    content:'';
    display:block;
    width:600px;
    height:1px;
    background:#c4c4c4
}
.site-header .header-hover .hover-text .text-link {
    margin-top:32px
}
.site-header .header-hover .hover-text .text-link .btnLink {
    margin-right:7px
}
.site-header .header-search,
.site-header-new .header-search {
    display:none;
    padding:42px 0 57px
}
.site-header .header-search .title,
.site-header-new .header-search .title {
    font-weight:400;
    font-size:2rem;
    color:#fff;
    text-transform:uppercase;
    margin-right:-.2em;
    margin-bottom:45px
}
.site-header .header-search .search-radio-wrap,
.site-header-new .header-search .search-radio-wrap {
    padding-top:0;
    margin-bottom:20px;
    border-bottom:3px solid #2c98f0
}
.site-header .header-search .search-radio-wrap .search-radio:checked+span,
.site-header-new .header-search .search-radio-wrap .search-radio:checked+span {
    margin-top:-10px;
    padding-top:15px;
    padding-bottom:15px;
    background:#2c98f0
}
.site-header .header-search .search-input-wrap,
.site-header-new .header-search .search-input-wrap {
    margin-bottom:46px
}
.site-header .header-search .search-input-wrap .search-input-inner,
.site-header-new .header-search .search-input-wrap .search-input-inner,
.subpage .contents-search-wrap .contents-search-advanced .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
}
#organizationPrivacyModal table tr,
.site-header .header-search .search-input-wrap .search-input-inner.search-identifier-inner,
.site-header .header-search .search-input-wrap .search-input-inner.search-language-inner,
.site-header-new .header-search .search-input-wrap .search-input-inner.search-identifier-inner,
.site-header-new .header-search .search-input-wrap .search-input-inner.search-language-inner,
.site-header-new .header-search .search-input-wrap .search-input-inner.search-language-only,
.subpage .contents-editor table tbody tr,
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .search-input-inner.search-identifier-inner,
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .search-input-inner.search-language-inner,
.subpage .descriptions-list .descriptions table tbody tr,
.subpage.contest .access-apply-list tbody tr,
.subpage.contest .donation-list tbody tr,
.subpage.mypage .lists-table tbody tr,
.subpage.org-mypage .access-apply-list tbody tr,
.subpage.org-mypage .donation-list tbody tr,
.subpage.originalBooks.viewpage .works-list tbody tr,
.subpage.statistics .table tbody tr,
.subpage.translatedBooks.viewpage .contents-books .holdings-list tbody tr,
.subpage.viewpage .contents-books .audio-list tbody tr {
    border-bottom:1px solid #c4c4c4
}
.site-header .header-search .search-input-wrap .search-input-inner.search-identifier-inner+.search-language-inner,
.site-header .header-search .search-input-wrap .search-input-inner.search-language-inner+.search-language-inner,
.site-header-new .header-search .search-input-wrap .search-input-inner.search-identifier-inner+.search-language-inner,
.site-header-new .header-search .search-input-wrap .search-input-inner.search-language-inner+.search-language-inner,
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .search-input-inner.search-identifier-inner+.search-language-inner,
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .search-input-inner.search-language-inner+.search-language-inner {
    padding-top:10px
}
.site-header .header-search .search-input-wrap .advanced-select,
.site-header-new .header-search .search-input-wrap .advanced-select,
.subpage .contents-search-wrap .contents-search-advanced .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(../../images/search-dropdown@2x.png) right center/46px 46px no-repeat #999;
    -webkit-background-size:46px 46px
}
.site-header .header-search .search-input-wrap .advanced-select.sm,
.site-header-new .header-search .search-input-wrap .advanced-select.sm,
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .advanced-select.sm {
    width:150px;
    margin-right:0
}
.site-header .header-search .search-input-wrap .input-wrap,
.site-header-new .header-search .search-input-wrap .input-wrap {
    position:relative;
    width:780px;
    margin-right:5px
}
.site-header .header-search .search-input-wrap .input-wrap .advanced-text,
.site-header-new .header-search .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:#4a4a4a
}
.site-header .header-search .search-input-wrap .input-wrap .advanced-text.datepicker,
.site-header-new .header-search .search-input-wrap .input-wrap .advanced-text.datepicker,
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .input-wrap .advanced-text.datepicker {
    padding-left:55px;
    padding-right:16px
}
.site-header .header-search .search-input-wrap .input-wrap .keyboard,
.site-header-new .header-search .search-input-wrap .input-wrap .keyboard {
    position:absolute;
    top:15px;
    right:17px;
    width:21px;
    height:14px;
    background:url(../../images/search-keyboard@2x.png) center/21px 14px no-repeat;
    -webkit-background-size:21px 14px
}
.site-header .header-search .search-input-wrap .input-wrap .ui-datepicker-trigger,
.site-header-new .header-search .search-input-wrap .input-wrap .ui-datepicker-trigger,
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .input-wrap .ui-datepicker-trigger {
    position:absolute;
    top:13px;
    left:17px;
    width:18px;
    height:18px
}
.site-header .header-search .search-input-wrap .label-wrap .label,
.site-header-new .header-search .search-input-wrap .label-wrap .label {
    font-weight:700;
    font-size:1.5rem;
    color:#fff;
    line-height:46px
}
.site-header .header-search .search-input-wrap .label-wrap .input-wrap,
.site-header-new .header-search .search-input-wrap .label-wrap .input-wrap {
    width:370px
}
.keyboard-wrap .ui-keyboard-keyset .ui-keyboard-space,
.site-header .header-search .search-input-wrap .label-wrap .input-wrap.datepicker-wrap,
.site-header .header-search .search-input-wrap .search-language-inner .advanced-select,
.site-header-new .header-search .search-input-wrap .label-wrap .input-wrap.datepicker-wrap,
.site-header-new .header-search .search-input-wrap .search-language-inner .advanced-select,
.subpage.audios .lists .item.item-creator {
    width:240px
}
.site-header .header-search .search-input-wrap .label-wrap:first-child .label,
.site-header-new .header-search .search-input-wrap .label-wrap:first-child .label {
    width:110px
}
.site-header .header-search .search-input-wrap .datepicker-middle-text,
.site-header-new .header-search .search-input-wrap .datepicker-middle-text {
    font-weight:400;
    font-size:1.5rem;
    color:#fff;
    line-height:46px;
    padding:0 18px 0 26px
}
.site-header .header-search .search-input-wrap .search-identifier-inner .label-wrap:nth-child(2),
.site-header-new .header-search .search-input-wrap .search-identifier-inner .label-wrap:nth-child(2),
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .search-identifier-inner .label-wrap:nth-child(2) {
    margin-left:55px
}
.site-header .header-search .search-input-wrap .search-identifier-inner .label-wrap:nth-child(2) .label,
.site-header-new .header-search .search-input-wrap .search-identifier-inner .label-wrap:nth-child(2) .label,
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .search-identifier-inner .label-wrap:nth-child(2) .label {
    width:140px;
    font-weight:400
}
.site-header .header-search .search-input-wrap .search-identifier-inner .advanced-select,
.site-header-new .header-search .search-input-wrap .search-identifier-inner .advanced-select,
.subpage.bookReviews .side-wrap .originalBook-list.author-list .thumbnail>img,
.subpage.digitalMagazine .lists.libraryNews-lists .item.item-country,
.subpage.digitalMagazine .lists.libraryNews-lists .item.item-genre,
.subpage.digitalMagazine .lists.libraryNews-lists .item.item-issn,
.subpage.digitalMagazine .lists.libraryNews-lists .item.item-language,
.subpage.e-news.viewpage .content-about .about-book .about-content .info dt,
.subpage.eventDatabase .lists .item.item-contry,
.subpage.mypage .suggestion-lists .item.item-author,
.subpage.mypage .suggestion-lists .item.item-date,
.subpage.mypage .suggestion-lists .item.item-publisher,
.subpage.mypage .suggestion-lists .item.item-status,
.subpage.mypage .suggestion-wrap .fieldset .select-wrap {
    width:150px
}
.site-header .header-search .search-input-wrap .search-language-inner .label-wrap:nth-child(2),
.site-header-new .header-search .search-input-wrap .search-language-inner .label-wrap:nth-child(2) {
    margin-left:108px
}
.site-header .header-search .search-input-wrap .search-language-inner .label-wrap:nth-child(2) .label,
.site-header-new .header-search .search-input-wrap .search-language-inner .label-wrap:nth-child(2) .label,
.subpage.contest .org-form-wrap.member-search-wrap .fieldset.fieldset-status .label,
.subpage.mypage #suggestionModal .lists-wrap .lists .book-wrap .btn-wrap,
.subpage.org-mypage .org-form-wrap.member-search-wrap .fieldset.fieldset-status .label {
    width:160px
}
.site-header .header-search .search-input-wrap.search-category-mobile,
.site-header-new .header-search .search-input-wrap.search-category-mobile {
    display:none;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:3px solid #2c98f0
}
.site-header .header-search .search-input-wrap.search-category-mobile .label-wrap:first-child .label,
.site-header-new .header-search .search-input-wrap.search-category-mobile .label-wrap:first-child .label {
    width:95px
}
.site-header .header-search .search-input-wrap.search-category-mobile .advanced-select,
.site-header-new .header-search .search-input-wrap.search-category-mobile .advanced-select {
    width:-webkit-calc(100% - 95px);
    width:calc(100% - 95px);
    margin:0
}
.site-header .header-search .search-button-wrap .btn,
.site-header-new .header-search .search-button-wrap .btn {
    width:300px;
    height:40px;
    font-weight:700;
    font-size:1.6rem;
    background-color:#fff;
    border:1px solid #fff;
    margin-right:10px
}
.site-header .header-search .search-button-wrap .btn.btn-line,
.site-header-new .header-search .search-button-wrap .btn.btn-line {
    font-weight:400;
    color:#e5e5e5;
    background-color:transparent;
    border-color:#aaa
}
.site-header .header-search .search-button-wrap .btn.btn-right,
.site-header-new .header-search .search-button-wrap .btn.btn-right,
.site-header-new .sub-menu-wrap,
.subpage .contents-search-wrap .contents-search-advanced .search-button-wrap .btn.btn-right,
.subpage.contest .donation-form-wrap .line-title button,
.subpage.contest .member-search-wrap .fieldset-inline-wrap .fieldset+.fieldset,
.subpage.join .apply-wrap .fieldset-title .btn-hub,
.subpage.join .apply-wrap .fieldset-title button:first-of-type,
.subpage.join .apply-wrap .newsletter-check-wrap button,
.subpage.mypage .submit-wrap .btn.btn-right,
.subpage.org-mypage .donation-form-wrap .line-title button,
.subpage.org-mypage .member-search-wrap .fieldset-inline-wrap .fieldset+.fieldset {
    margin-left:auto
}
.site-header .header-search .search-button-wrap.search-expand-wrap,
.site-header-new .header-search .search-button-wrap.search-expand-wrap {
    display:none;
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:2px solid #c4c4c4
}
.site-header .header-search .search-button-wrap.search-expand-wrap .btn-expand,
.site-header-new .header-search .search-button-wrap.search-expand-wrap .btn-expand {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%
}
.site-header .header-search .search-button-wrap.search-expand-wrap .btn-expand .ico-expand,
.site-header-new .header-search .search-button-wrap.search-expand-wrap .btn-expand .ico-expand {
    display:inline-block;
    width:18px;
    height:18px;
    margin-right:10px;
    background:url(../../images/search-expand-mobile@2x.png) center/18px 18px no-repeat;
    -webkit-background-size:18px 18px
}
.site-header .header-search .search-button-wrap.search-expand-wrap .btn-expand .text-expand,
.site-header .header-search .search-button-wrap.search-expand-wrap .btn-expand.expanded .text-collapse,
.site-header-new .header-search .search-button-wrap.search-expand-wrap .btn-expand .text-expand,
.site-header-new .header-search .search-button-wrap.search-expand-wrap .btn-expand.expanded .text-collapse,
.subpage.login .join-wrap .fieldset .text-alert.on,
.subpage.mypage .suggestion-wrap .fieldset .text-alert.on,
.subpage.viewpage .content-about .about-book .about-content .info dt .xi-plus-square,
.subpage.viewpage .content-about .about-book .about-content .info dt.open .btn-info-more .xi-minus-square,
.subpage.viewpage .content-about .about dt .btn-info-more .xi-plus-square,
.subpage.viewpage .content-about .about dt.open .btn-info-more .xi-minus-square,
.subpage.viewpage .contents-toggle .closed-text,
.subpage.viewpage .side-wrap .item-contents.expanded .contents-toggle .expanded-text {
    display:inline-block
}
.btn-top,
.home-new .section-review .content-desc.mobile,
.home-new .section-slide .slide-paging-wrap.mobile-slide,
.home-new .section-slide .slide-wrap.mobile-slide,
.home-new .slick-dots button:before,
.item-contents-list .item-box,
.site-header .header-search .search-button-wrap.search-expand-wrap .btn-expand .text-collapse,
.site-header .header-search .search-button-wrap.search-expand-wrap .btn-expand.expanded .text-expand,
.site-header .header-search .search-input-inner-wrap,
.site-header .scroll-search-wrap,
.site-header-new .header-search .search-button-wrap.search-expand-wrap .btn-expand .text-collapse,
.site-header-new .header-search .search-button-wrap.search-expand-wrap .btn-expand.expanded .text-expand,
.site-header-new .header-search .search-input-inner-wrap,
.site-header-new .logo.logo-scroll,
.site-header-new .scroll-search-wrap,
.site-header-new .search-wrap .search-submit .xi-search,
.site-header-new .site-link,
.site-header-new.scrolling .logo,
.site-header-new.scrolling .scroll-search-wrap .xi-close,
.site-header-new.scrolling .search-wrap .advanced-search-btn,
.site-header-new.scrolling.hover .mobile-toggle-wrap .mobile-toggle-menu .bar:nth-child(2),
.site-header-new.scrolling.search-scroll-open .menu-wrap,
.site-header-new.scrolling.search-scroll-open .scroll-search-wrap .toggle-search .xi-search,
.site-header.scrolling .search-wrap,
.site-header.search-open .header-hover,
.subpage .contents-search-wrap .contents-search-advanced .search-input-inner-wrap,
.subpage .side-wrap .sides .item.closed .item-contents,
.subpage.advancedSearch .results-contents-wrap .contents-wrap,
.subpage.askLibrarian .viewpage-tab-contents .tab-contents,
.subpage.discover .discover-lists-wrap .lists.lists-thumbnail .discover-wrap .info .description,
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item>ul,
.subpage.e-news .lists.lists-thumbnail .info .description,
.subpage.e-news .originalBooks-lists-wrap .side-wrap .sides .content-expand-wrap .content-wrap.closed .content-wrap,
.subpage.events .lists.lists-thumbnail .info .description,
.subpage.originalBooks .lists-wrap .lists.lists-thumbnail .list-item .info .description,
.subpage.originalBooks .side-wrap .sides .content-expand-wrap .content-wrap.closed .content-wrap,
.subpage.publications .lists.lists-thumbnail .publications-wrap .info .description,
.subpage.viewpage .content-about .about-book .about-content .info dt .xi-minus-square,
.subpage.viewpage .content-about .about-book .about-content .info dt.open .btn-info-more .xi-plus-square,
.subpage.viewpage .content-about .about dt.open .btn-info-more .xi-plus-square,
.subpage.viewpage .content-about .about dt .btn-info-more .xi-minus-square,
.subpage.viewpage .contents-toggle .expanded-text,
.subpage.viewpage .side-wrap .item-contents.expanded .contents-toggle .closed-text,
.subpage.writers.viewpage .writers-content-wrap .writers-content {
    display:none
}
.site-header .header-search .search-button-wrap.search-expand-wrap .btn-expand.expanded .ico-expand,
.site-header-new .header-search .search-button-wrap.search-expand-wrap .btn-expand.expanded .ico-expand {
    background-image:url(../../images/search-collapse-mobile@2x.png)
}
.site-header .mobile-toggle-wrap,
.site-header-new .mobile-toggle-wrap {
    display:none;
    margin-left:auto
}
.site-header .mobile-toggle-wrap .mobile-toggle-btn,
.site-header-new .mobile-toggle-wrap .mobile-toggle-btn {
    width:40px;
    height:40px;
    margin-left:5px;
    background-color:#272727
}
.site-header .mobile-toggle-wrap .mobile-toggle-search,
.site-header-new .mobile-toggle-wrap .mobile-toggle-search {
    background-image:url(../../images/search@2x.png);
    background-repeat:no-repeat;
    background-position:center;
    -webkit-background-size:20px 20px;
    background-size:20px 20px
}
.site-header .mobile-toggle-wrap .mobile-toggle-menu .bar,
.site-header-new .mobile-toggle-wrap .mobile-toggle-menu .bar {
    display:block;
    width:18px;
    height:2px;
    background-color:#fff;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:4px
}
#donationSearchModal .lists-wrap .item-btn-wrap button:last-child,
#donationSearchModal .wish-item:last-child,
#hubLibraryModal ul li:last-child,
#memberInviteModal .invite-list .input-wrap:last-child,
.dot-list li:last-of-type,
.num-list li:last-of-type,
.site-header .mobile-toggle-wrap .mobile-toggle-menu .bar:last-child,
.site-header-new .mobile-toggle-wrap .mobile-toggle-menu .bar:last-child,
.subpage .contents-editor ol li:last-of-type,
.subpage .contents-editor ul li:last-of-type,
.subpage .descriptions-list .descriptions ol li:last-of-type,
.subpage .descriptions-list .descriptions ul li:last-of-type,
.subpage.aboutLTI .section.section-history .history-wrap li:last-of-type,
.subpage.audioBooks.viewpage .side-wrap .originalBook-list .info li:last-child,
.subpage.contest .org-form-wrap .form-inner:last-child,
.subpage.discover.viewpage .contents-tree-wrap .content-about .about-wrap .about-btn:last-child,
.subpage.e-news .originalBooks-lists-wrap .side-wrap .sides .item.item-scroll .item-header,
.subpage.eBooks.viewpage .side-wrap .originalBook-list .info li:last-child,
.subpage.eventDatabase.viewpage .content-about .about-wrap .about-btn:last-child,
.subpage.join .apply-wrap .field-wrap .field:last-child,
.subpage.join .apply-wrap .form-inner:last-child,
.subpage.login .email-auth-wrap .input-wrap,
.subpage.login .entry-contents .input-wrap:last-child,
.subpage.org-mypage .org-form-wrap .form-inner:last-child,
.subpage.originalBooks .side-wrap .sides .item.item-scroll .item-header,
.subpage.translatedBooks.viewpage .side-wrap .originalBook-list .info li:last-child,
.subpage.viewpage .content-about .about-author .about-content .info li:last-child,
.subpage.viewpage .side-wrap .language-wrap.rvc,
.subpage.viewpage .side-wrap .libraries-list .list-item:last-child,
.subpage.writers.viewpage .writers-profile .info dd li:last-of-type {
    margin-bottom:0
}
.site-header.hover,
.site-header.search-open {
    max-height:1000px;
    background-color:rgba(0,0,0,.9)
}
.home-new .section-slide .slide-paging-wrap:not(.mobile-slide),
.site-header.hover .header-hover,
.subpage.newsletter.viewpage .contents-button {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.site-header.scrolling {
    background-color:rgba(0,0,0,.9)
}
.site-header.scrolling .header-inner {
    height:100px;
    padding-top:10px;
    padding-bottom:0;
    border-bottom-color:transparent
}
#newsletterModal .title-wrap p,
.site-header.scrolling .menu-wrap,
.subpage.discover .discover-lists-wrap .lists.lists-thumbnail .discover-wrap .info .serial-number,
.subpage.discover.viewpage.items-page .discover-lists-wrap .lists,
.subpage.events .lists.lists-thumbnail .info .badge-wrap,
.subpage.login .email-auth-wrap .btn-auth,
.subpage.login .login-wrap .btn-login {
    margin-top:10px
}
.site-header.scrolling .menu-wrap .site-navigation .main-menu li.hover a,
.site-header.scrolling .menu-wrap .site-navigation .main-menu li:hover a {
    border-bottom-color:#fff
}
.site-header.scrolling .scroll-search-wrap {
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    height:70px;
    padding-left:67px;
    margin-top:5px;
    margin-right:-27px
}
.site-header.scrolling .scroll-search-wrap:before {
    content:'';
    position:absolute;
    top:0;
    left:33px;
    width:1px;
    height:70px;
    background-color:#c4c4c4
}
.site-header.scrolling .scroll-search-wrap .toggle-search {
    width:31px;
    height:30px;
    background:url(../../images/scroll-search@2x.png) center/31px 30px no-repeat;
    -webkit-background-size:31px 30px
}
.site-header.scrolling.hover .header-inner {
    height:115px
}
.site-header-new.scrolling.search-open .header-inner,
.site-header-new.scrolling.search-scroll-open .header-inner,
.site-header.scrolling.search-open .header-inner {
    height:100px
}
.site-header-new.search-open .header-inner,
.site-header.search-open .header-inner,
.subpage.advancedSearch .contents-books .audio-list thead,
.subpage.contest .lists-empty,
.subpage.discover.viewpage.items-page .discover-lists-wrap .lists .list-item:last-child,
.subpage.mypage #changePasswordModal .suggestion-wrap,
.subpage.mypage .lists-table tbody tr:last-child,
.subpage.org-mypage .lists-empty,
.subpage.translatedBooks.viewpage .contents-books.background .holdings-list thead,
.subpage.viewpage .content-hlayout .content .item-text:last-child,
.subpage.viewpage .contents-books .author-list .list-item:last-child,
.subpage.viewpage .contents-books.background .audio-list thead,
.subpage.viewpage .download-list .list-item:last-child {
    border-bottom:none
}
.site-header.search-open .scroll-search-wrap .toggle-search {
    background-image:url(../../images/scroll-search-close@2x.png)
}
.site-header-new.search-open .mobile-toggle-wrap .mobile-toggle-search,
.site-header.search-open .mobile-toggle-wrap .mobile-toggle-search {
    background-image:url(../../images/search-close-mobile@2x.png);
    -webkit-background-size:15px 15px;
    background-size:15px 15px
}
.home-new .site-header-new .container {
    width:1200px
}
.site-header-new .header-inner {
    width:100%;
    padding:50px 60px 0;
    overflow:hidden
}
.site-header-new .header-inner .select {
    color:#fff;
    padding:0 30px 0 15px;
    background-color:transparent;
    background-image:url(../../images/menu-language-dropdown@2x.png);
    background-repeat:no-repeat;
    background-position:top right;
    -webkit-background-size:46px 46px;
    background-size:46px 46px;
    border:1px solid #fff
}
.site-header-new .search-wrap {
    position:absolute;
    top:50px;
    left:50%;
    transform:translateX(-50%)
}
.site-header-new .search-wrap .select {
    width:157px;
    height:46px;
    background-color:#424242;
    border-right:none
}
.site-header-new .search-wrap .search-text {
    width:400px;
    height:46px;
    font-size:1.8rem;
    color:#fff;
    padding:10px 56px 10px 20px;
    background:#1a1a1a;
    border:1px solid #fff
}
.site-header-new .search-wrap .advanced-search-btn {
    width:46px;
    height:46px;
    font-size:2.4rem;
    color:#ccc;
    padding:10px;
    margin-left:7px;
    background:#222;
    border:1px solid #777
}
.site-header-new .search-wrap .advanced-search-btn span {
    display:inline-block;
    text-indent:-9999px
}
.site-header-new .sub-menu {
    height:19px;
    font-weight:400;
    font-size:1.4rem;
    color:#fff;
    text-align:right
}
.site-header-new .menu-language {
    color:#999
}
.site-header-new .menu-language .select {
    width:86px;
    height:30px;
    -webkit-background-size:30px 30px;
    background-size:30px 30px;
    padding:0 24px 0 12px;
    margin-top:20px;
    margin-left:20px
}
.home .section .lists,
.home-new .lists,
.site-header-new .menu-wrap,
.site-header-new.scrolling .search-wrap .search-text,
.subpage.audioBooks.viewpage .side-wrap .originalBook-list .thumbnail>img,
.subpage.audioBooks.viewpage .side-wrap .originalBook-list+.contents-toggle,
.subpage.bookReviews .lists-thumbnail .thumbnail img,
.subpage.bookReviews .lists-thumbnail.hlist .list-item,
.subpage.contest .form-wrap .form,
.subpage.contest .member-search-wrap .fieldset-email .input-wrap,
.subpage.contest .org-form-wrap .fieldset .label,
.subpage.contest .org-form-wrap .fieldset-inline-wrap .input-wrap,
.subpage.contest .org-form-wrap .fieldset-inline-wrap .select-wrap,
.subpage.digitalMagazine .now-wrap .thumbnail>img,
.subpage.discover .discover-lists-wrap .lists.lists-thumbnail .discover-wrap .thumbnail,
.subpage.e-news.viewpage .content-about .about-book .about-content .thumbnail>img,
.subpage.eBooks.viewpage .side-wrap .originalBook-list .thumbnail>img,
.subpage.eBooks.viewpage .side-wrap .originalBook-list+.contents-toggle,
.subpage.join .btn-wrap .btn-inner .btn-md,
.subpage.join .btn-wrap .btn-inner .btn-sm,
.subpage.join .form.subpage.join .form .fieldset .textarea-wrap,
.subpage.login .join-wrap .fieldset .textarea-wrap,
.subpage.mypage #suggestionModal .lists-wrap .lists .book-wrap .btn-wrap .btn,
.subpage.mypage #suggestionModal .lists-wrap .lists .book-wrap .thumbnail>img,
.subpage.mypage .contents-wrap .contactUs-wrap .fieldset .input-wrap,
.subpage.mypage .suggestion-wrap .fieldset .textarea-wrap,
.subpage.org-mypage .form-wrap .form,
.subpage.org-mypage .member-search-wrap .fieldset-email .input-wrap,
.subpage.org-mypage .org-form-wrap .fieldset .label,
.subpage.org-mypage .org-form-wrap .fieldset-inline-wrap .input-wrap,
.subpage.org-mypage .org-form-wrap .fieldset-inline-wrap .select-wrap,
.subpage.originalBooks .lists-wrap .lists .thumbnail>img,
.subpage.publications .lists.lists-thumbnail .publications-wrap .thumbnail,
.subpage.translatedBooks.viewpage .side-wrap .originalBook-list .thumbnail>img,
.subpage.translatedBooks.viewpage .side-wrap .originalBook-list+.contents-toggle,
.subpage.viewpage .content-about .about-author .about-content .thumbnail>img,
.subpage.viewpage .content-about .about-book .about-content .thumbnail>img,
.subpage.viewpage .contents-books .books-list .list-item .thumbnail>img,
.subpage.viewpage .contents-books .enews-list .list-item .thumbnail>img,
.subpage.viewpage .contents-books .events-list .list-item .thumbnail>img,
.subpage.viewpage .contents-books .video-list .list-item .thumbnail>img,
.subpage.writers.viewpage .writers-profile .thumbnail>img {
    width:100%
}
.site-header-new .site-navigation {
    position:relative;
    font-weight:700;
    font-size:1.8rem;
    color:#fff;
    text-align:center
}
.site-header-new .main-menu {
    display:inline-block;
    text-align:center;
    margin:0 -10px
}
.site-header-new .main-menu>li {
    float:left;
    max-width:182px;
    padding:0 10px;
    margin:0 10px
}
.site-header-new .main-menu>li>a {
    padding-bottom:10px;
    border-bottom:3px solid transparent
}
.site-header-new .main-menu ul {
    opacity:0;
    visibility:hidden;
    margin-top:50px;
    margin-bottom:40px
}
.site-header-new .main-menu ul li {
    font-size:1.5rem;
    font-weight:400;
    line-height:1.5;
    margin-bottom:20px
}
.site-header-new .main-menu ul li:hover,
.txt-blue {
    color:#2c98f0
}
.site-header-new.hover,
.site-header-new.search-open,
.subpage.viewpage .content-about .about-book .about-content .info .info-more.open+dd {
    max-height:1000px
}
.site-header-new.hover .main-menu ul {
    opacity:1;
    visibility:visible
}
.site-header-new.hover .site-link {
    display:block;
    position:absolute;
    top:150px;
    right:64px;
    width:160px
}
.site-header-new.hover .site-link p {
    font-size:1.3rem;
    color:#ddd;
    margin-bottom:14px;
    text-align:right;
    position:relative
}
.site-header-new.hover .site-link p::before {
    content:"";
    position:absolute;
    top:8px;
    left:0;
    background:#555;
    display:block;
    width:42px;
    height:1px
}
.site-header-new.hover .site-link li {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    font-size:1.5rem;
    font-weight:400;
    color:#d5d5d5;
    line-height:1.6;
    margin-bottom:10px;
    border:1px solid #aaa
}
.site-header-new.hover .site-link li a {
    display:block;
    padding:10px 15px
}
.site-header-new.hover .site-link li:after {
    content:"\e93e";
    color:#2c98f0;
    font-family:xeicon;
    font-size:1.6rem;
    margin-left:auto;
    margin-right:15px
}
.site-header-new.hover .site-link li:last-child,
.subpage.contest .org-form-wrap .form-inner,
.subpage.org-mypage .org-form-wrap .form-inner {
    margin-bottom:24px
}
.site-header-new.scrolling .site-link {
    top:124px
}
.site-header-new.scrolling .header-inner {
    max-height:100px;
    padding-top:20px;
    padding-bottom:0
}
.site-header-new.scrolling .logo.logo-scroll {
    display:block;
    margin-top:14px
}
.site-header-new.scrolling .search-wrap {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    position:relative;
    top:0;
    left:0;
    -webkit-transform:none;
    -ms-transform:none;
    -o-transform:none;
    transform:none;
    margin:0 100px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
#donationSearchModal .donation-search .input-wrap,
#memberInviteModal .invite-input-wrap .input-wrap,
#organizationModal .organization-input-wrap .input-wrap,
.home-new .featured-wrap .featured-text,
.home-new .section-events .lists .list-item,
.modal.modal-org-mypage .reject-form .field-wrap,
.site-header-new.scrolling .search-wrap .search-text-wrap,
.subpage.contest .member-search-wrap .fieldset-email .field-wrap,
.subpage.contest .org-form-wrap .fieldset-checkbox .input-checkbox-wrap .field,
.subpage.contest .org-form-wrap .input-wrap.full,
.subpage.contest .org-form-wrap .select-wrap.full,
.subpage.contest .side-tab-wrap .form-wrap,
.subpage.join .apply-wrap .field-wrap,
.subpage.org-mypage .member-search-wrap .fieldset-email .field-wrap,
.subpage.org-mypage .org-form-wrap .fieldset-checkbox .input-checkbox-wrap .field,
.subpage.org-mypage .org-form-wrap .input-wrap.full,
.subpage.org-mypage .org-form-wrap .select-wrap.full,
.subpage.org-mypage .side-tab-wrap .form-wrap,
.subpage.viewpage .content-about .about-book {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1
}
.site-header-new.scrolling .search-wrap .search-form {
    opacity:0;
    visibility:hidden;
    height:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    width:-webkit-calc(100% - 25px);
    width:calc(100% - 25px);
    margin-bottom:10px
}
.site-header-new.scrolling .scroll-search-wrap {
    position:absolute;
    top:14px;
    right:-30px;
    display:inline-block
}
.site-header-new.scrolling .scroll-search-wrap .toggle-search {
    width:32px;
    height:32px;
    color:#fff;
    font-size:3.2rem
}
.site-header-new.scrolling .site-navigation {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-left:-90px
}
.site-header-new.scrolling .main-menu {
    margin-top:-45px
}
.site-header-new.scrolling.hover .header-inner {
    max-height:1000px;
    padding-top:20px
}
.site-header-new.scrolling.hover .mobile-toggle-wrap .mobile-toggle-menu .bar:first-child {
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    margin-bottom:-2px
}
.site-header-new.scrolling.hover .mobile-toggle-wrap .mobile-toggle-menu .bar:last-child {
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.site-header-new.scrolling.search-scroll-open .search-wrap .search-form {
    opacity:1;
    visibility:visible;
    height:auto
}
#donationSearchModal .donation-search .input-wrap,
#donationSearchModal .donation-search .select-wrap,
.site-header-new.search-open .menu-wrap {
    height:32px
}
.site-header-new.search-open .main-menu ul,
.site-header-new.search-open .site-link {
    opacity:0;
    visibility:hidden;
    height:0;
    margin-top:0;
    margin-bottom:0
}
.site-main {
    position:relative;
    padding-top:206px;
    background-color:#000
}
.site-main:before {
    content:'';
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    display:block;
    width:3840px;
    height:706px;
    background:url(../../images/bg/bg-header.png) bottom center/cover no-repeat;
    -webkit-background-size:cover
}
.home-new .site-main {
    background-color:#eee;
    overflow:hidden
}
.home-new .site-main:before {
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
    display:block;
    width:3840px;
    height:922px;
    background:url(../../images/bg/bg-home.png) bottom center/cover no-repeat #eee;
    -webkit-background-size:cover
}
.site-footer {
    background-color:#fff;
    padding:54px 60px 63px;
    border-top:3px solid #666
}
.site-footer .footer-inner-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    overflow:hidden
}
.site-footer .footer-inner-wrap .footer-inner-left {
    width:-webkit-calc(100% - 460px);
    width:calc(100% - 460px)
}
.site-footer .footer-inner-wrap .footer-inner-right {
    width:460px
}
.site-footer .footer-text {
    font-weight:400;
    font-size:1.5rem;
    line-height:1.8667
}
.site-footer .footer-top {
    margin-bottom:52px
}
.site-footer .footer-top .footer-menu {
    font-weight:700;
    font-size:1.8rem;
    line-height:32px
}
.site-footer .footer-top .footer-menu li:after {
    content:'';
    position:relative;
    display:inline-block;
    vertical-align:top;
    width:1px;
    height:18px;
    background-color:#969696;
    margin:7px 15px
}
.site-footer .footer-top .footer-sns-wrap .footer-sns-title {
    display:inline-block;
    vertical-align:top;
    font-weight:400;
    font-size:1.8rem;
    line-height:32px;
    margin-right:70px
}
.badge+.icons,
.home .section .section-title-wrap .section-title,
.home .section .section-title-wrap .section-title-inner,
.home-new .section-title-wrap .section-title,
.home-new .section-title-wrap .section-title-inner,
.site-footer .footer-top .footer-sns-wrap .footer-sns {
    display:inline-block;
    vertical-align:top
}
.site-footer .footer-top .footer-sns-wrap .footer-sns li {
    display:inline-block;
    vertical-align:middle;
    margin-right:32px
}
.site-footer .footer-bottom .footer-info {
    margin-top:22px
}
.site-footer .footer-bottom .footer-info .footer-logo {
    margin-bottom:28px
}
.site-footer .footer-bottom .footer-info .footer-logo a {
    display:inline-block;
    vertical-align:top;
    margin-right:30px
}
.site-footer .footer-bottom .footer-info .footer-tel-link a:after {
    content:'';
    position:relative;
    display:inline-block;
    vertical-align:top;
    width:1px;
    height:15px;
    background-color:#000;
    margin:7px 15px
}
.site-footer .footer-bottom .footer-newsletter-wrap .footer-newsletter-title {
    font-weight:400;
    font-size:1.8rem;
    margin-bottom:20px
}
.site-footer .footer-bottom .footer-newsletter-wrap .footer-newsletter {
    margin-bottom:16px
}
.site-footer .footer-bottom .footer-newsletter-wrap .footer-newsletter .newsletter-form .newsletter-email {
    width:100%;
    height:50px;
    font-size:2rem;
    color:#fff;
    padding:15px 50px 15px 22px;
    background:#000
}
.site-footer .footer-copyrights {
    margin-top:54px
}
.site-footer .footer-copyrights .footer-text .copyrights {
    opacity:.6
}
.site-footer .footer-copyrights .footer-text:after {
    content:'';
    position:absolute;
    top:13px;
    right:0;
    width:-webkit-calc(100% - 395px);
    width:calc(100% - 395px);
    height:2px;
    background-color:#c4c4c4
}
.btn-top {
    position:fixed;
    bottom:110px;
    right:0;
    width:120px;
    height:60px;
    padding:20px;
    text-align:left;
    background:url(../../images/ico-top@2x.png) 20px 20px/16px 17px no-repeat #000;
    -webkit-background-size:16px 17px;
    z-index:999
}
.btn-top span {
    font-size:1.8rem;
    font-weight:700;
    color:#fff;
    line-height:1.2;
    margin-left:30px
}
.dot-list li,
.num-list li {
    line-height:1.6;
    color:#585858;
    padding-left:15px
}
.btn-top:after {
    content:'';
    position:absolute;
    top:60px;
    left:0;
    display:block;
    border-top:30px solid rgba(0,0,0,.16);
    border-left:120px solid transparent
}
.badge {
    position:relative;
    display:inline-block;
    font-weight:700;
    font-size:1.3rem;
    color:#fff;
    padding:5px 10px;
    background-color:#333;
    border:1px solid #333
}
.badge.badge-line,
.badge.badge-type {
    color:#333;
    background-color:#fff
}
.badge.badge-done {
    color:#000;
    background-color:#ccc;
    border-color:#ccc
}
.badge.badge-available,
.badge.badge-upcoming {
    background-color:#2c98f0;
    border-color:#2c98f0
}
.new-item:before {
    content:'';
    position:absolute;
    top:10px;
    left:-20px;
    display:inline-block;
    width:10px;
    height:10px;
    background-color:#d31010;
    border-radius:50%
}
.icons .icon {
    float:left;
    margin-left:27px
}
.icons .icon .icon-image {
    display:inline-block;
    vertical-align:top;
    width:28px;
    height:28px;
    background-color:#c4c4c4;
    background-repeat:no-repeat;
    background-position:center
}
.icons .icon.ebook .icon-image {
    background-image:url(../../images/main/arrival-ebook@2x.png);
    -webkit-background-size:14px 16px;
    background-size:14px 16px
}
.icons .icon.audio .icon-image {
    background-image:url(../../images/main/arrival-audio@2x.png);
    -webkit-background-size:16px 13px;
    background-size:16px 13px
}
.icons .icon .icon-text {
    display:inline-block;
    vertical-align:top;
    line-height:28px;
    font-size:1.3rem;
    margin-left:5px
}
.badge+.icons .icon,
.home-new .content-related .related-image li:first-of-type,
.home-new .section-exhibitions .content-related .related-image li:first-of-type,
.subpage.contest .org-form-wrap .fieldset-checkbox .field-wrap,
.subpage.org-mypage .org-form-wrap .fieldset-checkbox .field-wrap {
    margin-left:0
}
.txtLink {
    cursor:pointer
}
.txtLink-blue {
    font-weight:700;
    color:#2c98f0;
    cursor:pointer
}
.btnLink,
.checkbox-wrap {
    position:relative;
    font-weight:400;
    font-size:1.5rem;
    display:inline-block
}
.btnLink {
    color:#fff;
    padding:14px 55px 14px 20px;
    background-color:#2c2c2c
}
.btnLink:after {
    content:'';
    position:absolute;
    top:14px;
    right:15px;
    display:inline-block;
    width:8px;
    height:14px;
    background:url(../../images/link@2x.png) center/8px 14px no-repeat;
    -webkit-background-size:8px 14px
}
.checkbox-wrap {
    line-height:19px;
    color:#333;
    padding-left:28px
}
.subpage .breadcrumbs,
.tags {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    -webkit-flex-wrap:wrap
}
.checkbox-wrap input[type=checkbox],
.checkbox-wrap input[type=radio] {
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.checkbox-wrap .checkmark {
    position:absolute;
    top:1px;
    left:0;
    display:inline-block;
    width:18px;
    height:18px;
    border:2px solid #757575;
    border-radius:3px;
    background-color:#fff
}
.dot-list li,
.num-list li,
.tags .tag-item {
    position:relative;
    font-size:1.5rem;
    margin-bottom:10px;
    font-weight:400
}
.checkbox-wrap .checkmark:after {
    content:'';
    position:absolute;
    top:2px;
    left:0;
    display:block;
    width:14px;
    height:10px;
    background-color:transparent
}
.checkbox-wrap input[type=radio]+.checkmark {
    border-radius:50%
}
.checkbox-wrap input[type=checkbox]:checked+.checkmark {
    background-color:#2c98ef;
    border-color:#2c98f0
}
.checkbox-wrap input[type=checkbox]:checked+.checkmark:after {
    background:url(../../images/input/checked@2x.png) center/14px 10px no-repeat;
    -webkit-background-size:14px 10px
}
.checkbox-wrap input[type=radio]:checked+.checkmark:after {
    top:2px;
    left:2px;
    display:block;
    width:10px;
    height:10px;
    background-color:#2c98f0;
    border-radius:50%
}
.tags {
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-10px;
    margin-bottom:-10px
}
.keyboard-wrap,
.modal {
    display:none;
    z-index:200
}
.tags .tag-item {
    line-height:18px;
    color:#333;
    margin-right:10px;
    background-color:#ccc
}
.tags .tag-item .item-text {
    display:inline-block;
    width:100%;
    padding:7px 42px 7px 10px
}
.tags .tag-item .item-close {
    position:absolute;
    top:0;
    right:0;
    width:32px;
    height:32px;
    background:url(../../images/subpage/tag-close@2x.png) center/10px 10px no-repeat #a1a1a1;
    -webkit-background-size:10px 10px
}
.dot-list li:before,
.subpage .contents-editor ul li:before,
.subpage .descriptions-list .descriptions ul li:before {
    content:'';
    position:absolute;
    top:9px;
    left:0;
    display:inline-block;
    width:5px;
    height:5px;
    background-color:#000
}
.num-list,
.subpage .contents-editor ol,
.subpage .descriptions-list .descriptions ol {
    counter-reset:counter
}
.num-list li {
    counter-increment:counter
}
.num-list li:before {
    content:counter(counter) ". ";
    font-weight:700;
    font-size:1.6rem;
    color:#000
}
.subpage .contents-editor .caution,
.subpage .descriptions-list .descriptions .caution,
.subpage.login .caution,
.subpage.mypage #changePasswordModal .password-alert .caution,
.text-red {
    color:#d00010
}
.break-all {
    word-wrap:break-all;
    word-break:break-all
}
.modal {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.9)
}
.modal .modal-inner {
    position:absolute;
    top:50%;
    left:50%;
    width:540px;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    padding:50px;
    background-color:#fff
}
.modal .modal-header {
    margin-bottom:23px
}
.modal .modal-header .modal-title {
    font-weight:700;
    font-size:2rem;
    line-height:1.2;
    margin-right:-.2em;
    text-transform:uppercase
}
.modal .modal-contents {
    max-height:600px;
    overflow-y:auto
}
.modal .modal-contents p {
    line-height:1.4
}
.modal .modal-contents .caution,
.subpage.discover.viewpage .contents-tree-wrap .content-about .about-wrap .about,
.subpage.eventDatabase.viewpage .content-about .about-wrap .about {
    font-size:1.5rem;
    line-height:1.2
}
.modal .modal-contents .password-wrap .label {
    display:block;
    line-height:40px
}
.modal .modal-contents .password-wrap .input-wrap {
    border:1px solid #999;
    line-height:40px
}
.modal .modal-contents .password-wrap .input-wrap input,
.subpage.writers.viewpage .writers-content-wrap .dot-list {
    padding:0 12px
}
.modal .modal-close .btn {
    width:100%;
    height:46px;
    line-height:46px;
    font-weight:700;
    font-size:1.6rem;
    color:#fff;
    background-color:#000
}
.modal .modal-close .btn.btn-line,
.subpage.mypage .btn.btn-line {
    color:#000;
    line-height:38px;
    background-color:#fff;
    border:1px solid #000
}
.modal.modal-alert .modal-inner,
.modal.modal-confirm .modal-inner {
    width:370px;
    padding:20px
}
.modal.modal-alert .modal-contents,
.modal.modal-confirm .modal-contents {
    font-size:1.5rem;
    color:#585858;
    line-height:1.6;
    margin:40px 0 50px;
    text-align:center;
    overflow:hidden
}
.modal .modal-close .btn.full,
.modal.modal-alert .modal-close .btn,
.subpage.themes .lists.lists-thumbnail .thumbnail {
    width:100%!important
}
.modal.modal-confirm .modal-close .btn {
    float:left;
    width:-webkit-calc(50% - 5px)!important;
    width:calc(50% - 5px)!important;
    margin-right:10px
}
.modal.modal-confirm p.lefter {
    text-align:left;
    margin-bottom:12px;
    padding:0 20px
}
.modal.modal-confirm .sm {
    font-size:1.3rem;
    margin-bottom:0
}
.keyboard-wrap {
    position:absolute;
    max-width:-webkit-calc(100% - 60px);
    max-width:calc(100% - 60px);
    overflow-x:auto;
    padding:10px;
    background:#fff;
    border:1px solid #c4c4c4;
    border-radius:5px
}
.keyboard-wrap .lang-select {
    height:40px;
    padding:0 10px;
    border:1px solid #c4c4c4;
    background:url(../../images/search-dropdown@2x.png) top right/40px 40px no-repeat;
    -webkit-background-size:40px 40px
}
.keyboard-wrap .keyboard-close-btn {
    position:absolute;
    top:20px;
    right:10px;
    width:20px;
    height:20px
}
.keyboard-wrap .keyboard-close-btn .bar {
    position:absolute;
    top:9px;
    left:0;
    display:inline-block;
    width:100%;
    height:1px;
    background:#000;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.keyboard-wrap .keyboard-close-btn .bar:first-child {
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.keyboard-wrap .ui-widget.ui-widget-content {
    position:relative;
    top:auto!important;
    left:auto!important;
    padding:0;
    margin-top:10px;
    border:none
}
.keyboard-wrap .ui-keyboard-keyset .ui-keyboard-button {
    min-width:37px;
    height:33px;
    background:#eee
}
.keyboard-wrap .ui-keyboard-keyset .ui-keyboard-button span {
    font-size:12px;
    vertical-align:top
}
.keyboard-wrap .ui-keyboard-keyset .ui-keyboard-accept,
.keyboard-wrap .ui-keyboard-keyset .ui-keyboard-cancel,
.keyboard-wrap .ui-keyboard-keyset .ui-keyboard-enter {
    width:78px;
    background:#333;
    color:#fff
}
.keyboard-wrap .ui-keyboard-keyset .ui-keyboard-cancel {
    background:#fff;
    color:#333
}
.ui-datepicker-date-select .ui-datepicker-calendar {
    display:table!important
}
.ui-datepicker-date-select .ui-datepicker-month {
    display:inline-block!important
}
.mt-20 {
    margin-top:20px!important
}
.mb-20 {
    margin-bottom:20px!important
}
.mt-19 {
    margin-top:19px!important
}
.mb-19 {
    margin-bottom:19px!important
}
.mt-18 {
    margin-top:18px!important
}
.mb-18 {
    margin-bottom:18px!important
}
.mt-17 {
    margin-top:17px!important
}
.mb-17 {
    margin-bottom:17px!important
}
.mt-16 {
    margin-top:16px!important
}
.mb-16 {
    margin-bottom:16px!important
}
.mt-15 {
    margin-top:15px!important
}
.mb-15 {
    margin-bottom:15px!important
}
.mt-14 {
    margin-top:14px!important
}
.mb-14 {
    margin-bottom:14px!important
}
.mt-13 {
    margin-top:13px!important
}
.mb-13 {
    margin-bottom:13px!important
}
.mt-12 {
    margin-top:12px!important
}
.mb-12 {
    margin-bottom:12px!important
}
.mt-11,
.subpage.discover.items-page .discover-lists-wrap .lists .serial-number {
    margin-top:11px!important
}
.mb-11 {
    margin-bottom:11px!important
}
.mt-10 {
    margin-top:10px!important
}
.mb-10 {
    margin-bottom:10px!important
}
.mt-9 {
    margin-top:9px!important
}
.mb-9 {
    margin-bottom:9px!important
}
.mt-8 {
    margin-top:8px!important
}
.mb-8 {
    margin-bottom:8px!important
}
.mt-7 {
    margin-top:7px!important
}
.mb-7 {
    margin-bottom:7px!important
}
.mt-6 {
    margin-top:6px!important
}
.mb-6 {
    margin-bottom:6px!important
}
.mt-5 {
    margin-top:5px!important
}
.mb-5 {
    margin-bottom:5px!important
}
.mt-4 {
    margin-top:4px!important
}
.mb-4 {
    margin-bottom:4px!important
}
.mt-3 {
    margin-top:3px!important
}
.mb-3 {
    margin-bottom:3px!important
}
.mt-2 {
    margin-top:2px!important
}
.mb-2 {
    margin-bottom:2px!important
}
.mt-1 {
    margin-top:1px!important
}
.mb-1 {
    margin-bottom:1px!important
}
.white,
.subpage.contest .donation-form-wrap .checkbox-wrap .checkmark,
.subpage.contest .member-search-wrap .field-wrap .field,
.subpage.contest .org-form-wrap .input,
.subpage.contest .org-form-wrap .newsletter-check-wrap,
.subpage.join .apply-wrap .select.wbg,
.subpage.mypage .lists-table.wbg,
.subpage.mypage .lists.wbg .list-content,
.subpage.org-mypage .donation-form-wrap .checkbox-wrap .checkmark,
.subpage.org-mypage .member-search-wrap .field-wrap .field,
.subpage.org-mypage .org-form-wrap .input,
.subpage.org-mypage .org-form-wrap .newsletter-check-wrap,
.subpage.relatedContents .lists-wrap,
.subpage.viewpage .contents-books.background .books-title .contents-toggle-wrap .contents-toggle {
    background-color:#fff
}
.bg-blue {
    background-color:#2c98f0!important
}
.subpage .site-main,
.subpage.contest .org-form-wrap .field-inline-wrap,
.subpage.contest .org-form-wrap .fieldset-inline-wrap,
.subpage.e-news .originalBooks-lists-wrap .side-wrap .sides .content-expand-wrap,
.subpage.org-mypage .org-form-wrap .field-inline-wrap,
.subpage.org-mypage .org-form-wrap .fieldset-inline-wrap,
.subpage.originalBooks .side-wrap .sides .content-expand-wrap {
    overflow:hidden
}
.subpage .entry-header {
    padding:40px 0 45px;
    background:#fff
}
.subpage .breadcrumbs {
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    font-weight:400;
    font-size:1.5rem;
    color:#fff;
    margin-bottom:32px
}
.subpage .breadcrumbs .breadcrumb-item:not(:first-child),
.subpage.contest .member-search-wrap .field-inline-wrap .field+.field,
.subpage.join .apply-wrap .fieldset-title button+button,
.subpage.newsletter.viewpage .contents-button .btn-next,
.subpage.org-mypage .member-search-wrap .field-inline-wrap .field+.field {
    margin-left:10px
}
.subpage .breadcrumbs .breadcrumb-item:not(:first-child):before {
    content:"";
    display:inline-block;
    width:5px;
    height:8px;
    background:url(../../images/subpage/breadcrumb-next@2x.png) center/5px 8px no-repeat;
    -webkit-background-size:5px 8px;
    margin-right:10px
}
.subpage .page-title-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:end;
    -webkit-align-items:flex-end;
    -ms-flex-align:end;
    align-items:flex-end;
    color:#fff
}
.subpage .page-title-wrap .page-title {
    font-weight:700;
    font-size:4rem;
    margin-right:30px
}
.subpage .page-title-wrap .page-sub-text {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    font-weight:400;
    font-size:1.5rem;
    line-height:1.2
}
.subpage .entry-contents {
    /*padding-bottom:80px;*/
    background:#fff
}
.subpage .contents-search-wrap {
    padding:15px 0 15px 0;
    background:#fff
}
.subpage .contents-search-wrap.has-select {
    padding-bottom:11px;
    border-bottom:2px solid #000
}
.subpage.program .contents-search-wrap.has-select {
    border-bottom: none;
}

.subpage .contents-search-wrap.has-select+*>.search-select-result {
    margin-bottom:14px
}
.subpage .contents-search-wrap.has-select+*>.lists-wrap .filter-wrap,
.subpage.discover .discover-lists-wrap .viewpage-tab {
    padding-top:16px
}
.subpage .contents-search-wrap.suggest {
    padding:0;
    margin-bottom:24px;
    width:100%
}
.subpage .contents-search-wrap .search-form .search-text-wrap.without-btn,
.subpage .contents-search-wrap.suggest .search-form .search-text-wrap,
.subpage.mypage .mypage-wrap .contents-search-wrap .search-text-wrap {
    width:100%;
    margin-right:0
}
.subpage .contents-search-wrap .search-form .search-text,
.subpage .contents-search-wrap.suggest .search-form .search-text-wrap .search-text {
    width:100%;
    height:47px;
    font-size:1.8rem;
    color:#000;
    padding:10px 56px;
    background:url(../../images/subpage/search@2x.png) 17px center/20px 20px no-repeat #ccc;
    border:none;
    border-radius:0
}
.subpage .contents-search-wrap .contents-search-advanced .search-button-wrap,
.subpage .contents-search-wrap .search-form {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%
}
.subpage .contents-search-wrap .search-form .search-text-wrap {
    position:relative;
    width:-webkit-calc(100% - 245px);
    width:calc(100% - 245px);
    margin-right:5px
}
.subpage .contents-search-wrap .search-form .search-more-btn {
    width:240px;
    height:47px;
    font-weight:400;
    font-size:1.8rem;
    color:#fff;
    background:#4a4a4a
}
.subpage .contents-search-wrap .search-form .search-more-btn img {
    vertical-align:top;
    margin-right:10px
}
.subpage .contents-search-wrap .search-form .search-text::-moz-placeholder {
    color:#525252;
    opacity:1
}
.subpage .contents-search-wrap .search-form .search-text:-ms-input-placeholder {
    color:#525252
}
.subpage .contents-search-wrap .search-form .search-text::-webkit-input-placeholder {
    color:#525252
}
.subpage .contents-search-wrap .search-select-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:12px;
    margin-right:-5px
}
.subpage .contents-search-wrap .search-select-wrap .select {
    width:160px;
    height:46px;
    font-weight:400;
    font-size:1.5rem;
    margin-right:5px;
    padding:13px 33px 13px 14px;
    background:url(../../images/search-dropdown@2x.png) right center/46px 46px no-repeat #eee;
    -webkit-background-size:46px 46px;
    border:1px solid #000
}
.search-select-new option {
    color:#fff!important
}
.subpage .contents-search-wrap .search-select-wrap .bar {
    display:inline-block;
    width:1px;
    height:46px;
    background-color:#4a4a4a;
    margin:0 17px
}
.subpage .contents-search-wrap .contents-search-advanced {
    max-height:0;
    visibility:hidden;
    opacity:0;
    -webkit-transition:max-height,opacity .5s;
    -o-transition:max-height,opacity .5s;
    transition:max-height,opacity .5s
}
.subpage .contents-search-wrap .contents-search-advanced.on {
    max-height:1000px;
    visibility:visible;
    opacity:1;
    padding:35px;
    width:100%;
    box-sizing: border-box;
}
.subpage .contents-search-wrap .contents-search-advanced .title {
    font-weight:400;
    font-size:2rem;
    color:#000;
    text-transform:uppercase;
    margin-right:-.2em;
    margin-bottom:40px
}
.subpage .contents-search-wrap .contents-search-advanced .search-radio-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    width:100%;
    margin-bottom:20px;
    border-bottom:3px solid #2c98f0;
    overflow: auto;
    overflow-y: hidden;
    align-items: flex-end;
}
.subpage .search-select-result,
.subpage .search-select-result .btn-clear {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    -webkit-flex-wrap:wrap
}
.subpage .contents-search-wrap .contents-search-advanced .search-radio-wrap label {
    margin-right:2px;
    cursor:pointer;
    white-space: nowrap;
}
.subpage .contents-search-wrap .contents-search-advanced .search-radio-wrap .search-radio:checked+span {
    color:#fff;
    /*margin-top:-10px;*/
    padding-top:15px;
    padding-bottom:15px;
    background:#2c98f0
}
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap,
.subpage.audioBooks.viewpage .side-wrap .originalBook-list .thumbnail,
.subpage.eBooks.viewpage .side-wrap .originalBook-list .thumbnail,
.subpage.join .form.centered .btn-wrap .input-wrap,
.subpage.translatedBooks.viewpage .side-wrap .originalBook-list .thumbnail {
    width:100%;
    margin-bottom:20px
}
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .input-wrap {
    position:relative;
    width:-webkit-calc(100% - 420px);
    width:calc(100% - 420px);
    margin-right:5px
}
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .input-wrap .advanced-text {
    width:100%;
    height:46px;
    font-weight:700;
    font-size:1.6rem;
    color:#000;
    padding:12px 55px 12px 16px;
    background-color:#ccc
}
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .input-wrap .keyboard {
    position:absolute;
    top:15px;
    right:17px;
    width:21px;
    height:14px;
    background:url(../../images/subpage/search-keyboard@2x.png) center/21px 14px no-repeat;
    -webkit-background-size:21px 14px
}
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .label-wrap .label {
    font-weight:700;
    font-size:1.5rem;
    color:#000;
    line-height:46px
}
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .label-wrap .input-wrap {
    width:327px
}
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .label-wrap .input-wrap.datepicker-wrap {
    width:248px
}
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .label-wrap:first-child .label,
.subpage.digitalMagazine .lists.libraryNews-lists .item.item-frequency {
    width:120px
}
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .datepicker-middle-text {
    font-weight:400;
    font-size:1.5rem;
    color:#000;
    line-height:46px;
    padding:0 18px 0 26px
}
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .search-identifier-inner .advanced-select,
.subpage.mypage .suggestion-wrap .fieldset .input-wrap {
    width:140px
}
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .search-language-inner .label-wrap:nth-child(2) {
    margin-left:23px
}
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .search-language-inner .label-wrap:nth-child(2) .label,
.subpage.advancedSearch #koreanBookModal .modal-contents .content-about .about-book .about-content .info dt {
    width:145px
}
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .search-language-inner .label-wrap.short,
.subpage.aboutLTI .section .hourMap-wrap .image,
.subpage.aboutLTI .section .hourMap-wrap .map {
    margin-left:70px
}
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .search-language-inner .label-wrap.short .label {
    width:98px
}
.subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .search-language-inner .advanced-select {
    width:230px
}
.subpage .contents-search-wrap .contents-search-advanced .search-button-wrap .btn {
    width:300px;
    height:40px;
    font-weight:700;
    font-size:1.6rem;
    color:#fff;
    background-color:#000;
    border:1px solid #000;
    margin-right:10px
}
.subpage .contents-search-wrap .contents-search-advanced .search-button-wrap .btn.btn-line,
.subpage.login .entry-contents .btn.btn-line {
    font-weight:400;
    color:#000;
    background-color:#fff
}
.subpage .search-select-result {
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    margin:16px 0 30px
}
.subpage .search-select-result .title {
    font-weight:700;
    font-size:1.5rem;
    color:#4a4a4a;
    line-height:32px;
    margin-right:22px
}
.subpage .search-select-result .tags {
    max-width:-webkit-calc(100% - 220px);
    max-width:calc(100% - 220px);
    margin-right:-5px;
    margin-bottom:-5px
}
.subpage .search-select-result .tags .tag-item {
    margin-right:5px;
    margin-bottom:5px
}
.subpage .search-select-result .btn-clear {
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:74px;
    height:32px;
    font-weight:400;
    font-size:1.5rem;
    color:#fff;
    margin-left:10px;
    background-color:#777
}
.subpage .filter-wrap,
.subpage .filter-wrap .filter {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox
}
.subpage .search-select-result .btn-clear .ico-clear {
    width:16px;
    height:20px;
    background:url(../../images/subpage/clear@2x.png) center/16px 20px no-repeat;
    -webkit-background-size:16px 20px;
    margin-right:5px
}
.subpage .filter-wrap {
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    background-color:#fff;
    padding:0
}
.subpage .filter-wrap .filter-results {
    font-weight:400;
    font-size:1.6rem;
    line-height:31px;
    margin-right:auto
}
.subpage .filter-wrap .filter {
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.subpage .filter-wrap .filter:after {
    content:'';
    display:inline-block;
    width:1px;
    height:24px;
    background-color:#a5a5a5;
    margin:0 24px
}
.subpage .lists-footer,
.subpage .side-wrap .sides .item-contents .content,
.subpage .side-wrap .sides .item-header {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox
}
.subpage .filter-wrap .filter-select {
    width:104px;
    max-width:104px;
    height:31px;
    font-weight:400;
    font-size:1.5rem;
    padding:0 30px 0 10px;
    background:url(../../images/subpage/dropdown@2x.png) right center/29px 29px no-repeat #fff;
    -webkit-background-size:29px 29px;
    border:1px solid #4a4a4a
}
.subpage .filter-wrap .filter-excel {
    font-size:1.5rem;
    color:#333
}
.subpage .filter-wrap .filter-excel .excel-btn {
    margin-left:8px
}
.subpage .filter-wrap .filter-type .type-list {
    width:17px;
    height:14px;
    margin-right:16px;
    background:url(../../images/subpage/type-list@2x.png) center/17px 14px no-repeat;
    -webkit-background-size:17px 14px
}
.subpage .filter-wrap .filter-type .type-list.active {
    background-image:url(../../images/subpage/type-list-active@2x.png)
}
.subpage .filter-wrap .filter-type .type-thumbnail {
    width:17px;
    height:13px;
    background:url(../../images/subpage/type-thumbnail@2x.png) center/17px 13px no-repeat;
    -webkit-background-size:17px 13px
}
.subpage .filter-wrap .filter-type .type-thumbnail.active {
    background-image:url(../../images/subpage/type-thumbnail-active@2x.png)
}
.subpage .filter-wrap .filter-order .order-select {
    margin-right:16px
}
.subpage .filter-wrap .filter-order .order-asc {
    width:21px;
    height:14px;
    margin-right:16px;
    background:url(../../images/subpage/order-asc@2x.png) center/21px 14px no-repeat;
    -webkit-background-size:21px 14px
}
.subpage .filter-wrap .filter-order .order-asc.active {
    background-image:url(../../images/subpage/order-asc-active@2x.png)
}
.subpage .filter-wrap .filter-order .order-desc {
    width:21px;
    height:14px;
    background:url(../../images/subpage/order-desc@2x.png) center/21px 14px no-repeat;
    -webkit-background-size:21px 14px
}
.subpage .filter-wrap .filter-order .order-desc.active {
    background-image:url(../../images/subpage/order-desc-active@2x.png)
}
.subpage .filter-wrap .filter-number .number-btn {
    width:44px;
    height:31px;
    font-weight:700;
    font-size:1.5rem;
    color:#fff;
    line-height:31px;
    margin-left:1px;
    background-color:#000
}
.subpage .side-wrap .sides .item {
    margin-bottom:10px;
    border-top:2px solid #000
}
.subpage .side-wrap .sides .item-header {
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-weight:400;
    font-size:1.6rem;
    padding:10px 12px;
    margin-bottom:6px;
    background-color:#e1e1e1
}
.subpage .side-wrap .sides .item-header .header-toggle {
    width:18px;
    height:18px;
    margin-left:10px;
    background:url(../../images/subpage/side-minus@2x.png) center/18px 18px no-repeat;
    -webkit-background-size:18px 18px
}
.subpage .side-wrap .sides .item-contents {
    display:block;
    margin-bottom:10px
}
.subpage .side-wrap .sides .item-contents .content-wrap {
    padding-top:15px
}
.subpage .side-wrap .sides .item-contents .content {
    position:relative;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.subpage .side-wrap .sides .item-contents .content .checkbox-wrap {
    width:-webkit-calc(100% - 40px);
    width:calc(100% - 40px)
}
.subpage .side-wrap .sides .item-contents .content .checkbox-wrap .checkbox-text,
.subpage .side-wrap .sides .item-contents .content .non-checkbox-wrap .non-checkbox-text,
.subpage.contest .contents-books .list-item {
    cursor:pointer
}
.subpage .side-wrap .sides .item-contents .content .non-checkbox-wrap {
    position:relative;
    display:inline-block;
    width:-webkit-calc(100% - 40px);
    width:calc(100% - 40px);
    font-weight:400;
    font-size:1.5rem;
    color:#333;
    line-height:18px
}
.subpage .side-wrap .sides .item-contents .content .count {
    font-weight:400;
    font-size:1.3rem;
    color:#0e84da;
    line-height:18px;
    margin-left:auto
}
#memberInviteModal .count,
.subpage .side-wrap .sides .item-contents .apply-btn-wrap {
    margin:20px 0
}
.subpage .side-wrap .sides .item-contents .apply-btn-wrap .apply-btn {
    display:block;
    width:100%;
    font-weight:700;
    font-size:1.4rem;
    color:#2c98f0;
    padding:9px 14px;
    background-color:#fff;
    border:1px solid #4a4a4a
}
.subpage .side-wrap .sides .item.closed .item-header .header-toggle {
    background-image:url(../../images/subpage/side-plus@2x.png)
}
.subpage .lists-footer {
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:30px
}
.subpage .pagination,
.subpage .serial-number {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox
}
.subpage .lists-footer .filter-wrap {
    padding:0!important;
    margin-top:10px
}
.subpage .lists-footer .filter-wrap .filter-results,
.subpage.originalBooks .lists-footer .filter-wrap .filter-results {
    margin-right:15px
}
.subpage .lists-footer .filter-wrap .filter-select,
.subpage.originalBooks .lists-footer .filter-wrap .filter-select {
    width:62px;
    color:#fff;
    background-color:#4a4a4a;
    background-image:url(../../images/subpage/dropdown-white@2x.png)
}
.subpage .pagination {
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:auto;
    margin-top:10px
}
.subpage .pagination .page-arrow,
.subpage .pagination .page-number {
    min-width:40px;
    height:40px;
    font-weight:700;
    font-size:1.4rem;
    line-height:38px;
    padding:0 15px;
    background-color:#fff;
    border:1px solid #000;
    text-align:center
}
.subpage .pagination .page-first {
    margin-right:5px;
    background:url(../../images/subpage/page-first@2x.png) center/14px 12px no-repeat;
    -webkit-background-size:14px 12px
}
.subpage .pagination .page-prev {
    margin-right:10px;
    background:url(../../images/subpage/page-prev@2x.png) center/7px 10px no-repeat;
    -webkit-background-size:7px 10px
}
.subpage .pagination .page-next {
    margin-left:10px;
    background:url(../../images/subpage/page-next@2x.png) center/7px 10px no-repeat;
    -webkit-background-size:7px 10px
}
.subpage .pagination .page-last {
    margin-left:5px;
    background:url(../../images/subpage/page-last@2x.png) center/14px 12px no-repeat;
    -webkit-background-size:14px 12px
}
#donationSearchModal .lists-top button+button,
.subpage .pagination .page-number+.page-number,
.subpage.contest .member-btn-wrap button+button,
.subpage.org-mypage .member-btn-wrap button+button,
.subpage.viewpage .content-about .about-book .about-content .info dt .btn-info-more,
.subpage.writers .lists .item .star,
.subpage.writers.viewpage .writers-profile .star {
    margin-left:5px
}
.subpage .contents-editor .btn,
.subpage .descriptions-list .descriptions .btn,
.subpage .pagination .page-now,
.subpage.mypage .side-tab .tab.active {
    color:#fff;
    background-color:#000
}
.subpage .thumbnail>img {
    max-width:100%;
    height:auto;
    vertical-align:top
}
.subpage .serial-number {
    display:flex;
    font-weight:400;
    font-size:1.4rem;
    line-height:18px;
    padding-left:27px;
    margin-top:10px
}
.subpage .serial-number.box {
    background:url(../../images/subpage/discover-box@2x.png) 0 0/15px 15px no-repeat;
    -webkit-background-size:15px 15px
}
.subpage .serial-number.folder {
    background:url(../../images/subpage/discover-folder@2x.png) 0 1px/19px 15px no-repeat;
    -webkit-background-size:19px 15px
}
.subpage .serial-number.files {
    background:url(../../images/subpage/discover-files@2x.png) 0 0/13px 17px no-repeat;
    -webkit-background-size:13px 17px
}
.subpage .serial-number.doc {
    background:url(../../images/subpage/discover-doc@2x.png) 0 0/14px 17px no-repeat;
    -webkit-background-size:14px 17px
}
.subpage .serial-number li:not(:first-child):before {
    content:'';
    display:inline-block;
    vertical-align:middle;
    width:1px;
    height:18px;
    margin:0 14px;
    background-color:#c4c4c4
}
.subpage .viewpage-tab {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:nowrap;
    -webkit-box-align:end;
    -webkit-align-items:flex-end;
    -ms-flex-align:end;
    align-items:flex-end;
    border-bottom:3px solid #2c98f0;
    overflow-x: auto;
    overflow-y: hidden;
    min-width: 0;
}
.subpage .viewpage-tab .tab {
    display:inline-block;
    font-weight:400;
    font-size:1.6rem;
    color:#e5e5e5;
    margin-right:5px;
    background-color:#272727;
    cursor:pointer;
    white-space: nowrap;
}
.subpage .viewpage-tab .tab a {
    display:block;
    padding:12px 22px;
    white-space: initial;
}
.subpage .viewpage-tab .tab.active {
    font-weight:700;
    background-color:#2c98f0
}
.subpage .viewpage-tab .tab.active a,
.subpage.writers.viewpage .wrtiers-tab .tab.active {
    padding:17px 27px 16px
}
.subpage .lists-no-result {
    width:100%;
    padding-top:100px;
    padding-bottom:50px
}
.subpage .lists-no-result .text-wrap,
.subpage .lists-no-result img {
    display:table;
    margin:0 auto
}
.subpage .lists-no-result .text {
    font-weight:700;
    font-size:2rem;
    margin-top:50px;
    margin-bottom:30px
}
#donationSearchModal .lists-wrap .lists,
#newsletterModal table tbody tr:first-child td,
.home-new .section-news .lists .list-item:first-child,
.home-new .section-news .lists .list-item:nth-child(2),
.subpage .libraryNews-lists .list-item:first-child .item,
.subpage.audios .lists .list-item:first-child .item,
.subpage.bookReviews .lists-thumbnail.tab .list-item:first-child,
.subpage.mypage .lists .list-item:first-child .item,
.subpage.originalBooks .lists-wrap .lists .list-item:first-child,
.subpage.originalBooks .lists-wrap .lists.lists-thumbnail .list-item:nth-child(2),
.subpage.relatedContents .lists-wrap .lists .list-item:first-child,
.subpage.viewpage .side-wrap .sides .item,
.subpage.writers .lists .list-item:first-child .item {
    border-top:none
}
.subpage.viewpage .side-wrap .sides .item-header {
    font-weight:700;
    margin-bottom:20px;
    padding-left:0;
    padding-right:0;
    background:0 0
}
.subpage.viewpage .side-wrap .sides .item-header:after {
    content:"";
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    width:100%;
    height:1px;
    margin-left:16px;
    background-color:#c4c4c4
}
.home .section.section-media .section-title.sm,
.subpage.bookReviews .filter-wrap,
.subpage.e-news .lists .list-item,
.subpage.login .convert-wrap .fieldset,
.subpage.login .join-wrap .form-description,
.subpage.login .login-wrap .login-btn-wrap,
.subpage.mypage .lists-table.mb40,
.subpage.viewpage .content-license,
.subpage.viewpage .side-wrap .sides .item-contents {
    margin-bottom:40px
}
.subpage.viewpage .side-wrap .libraries-list {
    overflow:hidden;
    font-weight:400;
    font-size:1.5rem;
    line-height:1.2
}
.subpage.viewpage .side-wrap .libraries-list .list-item {
    position:relative;
    padding-left:27px;
    margin-bottom:10px
}
.subpage.viewpage .side-wrap .libraries-list .list-item:before {
    content:'';
    position:absolute;
    top:8px;
    left:10px;
    display:inline-block;
    width:5px;
    height:5px;
    background-color:#000
}
.subpage.viewpage .side-wrap .paragraph-list {
    height:96px;
    overflow:hidden;
    font-weight:400;
    font-size:1.5rem;
    line-height:1.6;
    color:#585858;
    padding:0 12px;
    word-break:break-all
}
.subpage.viewpage .side-wrap .descriptions-list {
    height:165px;
    padding:30px;
    border:1px solid #c4c4c4
}
.subpage.program .side-wrap .descriptions-list {
    height:auto;
    padding:48px 0 0 0;
    border:none;
    border-top:1px solid #D9D9D9;
}
.subpage.viewpage .side-wrap .descriptions-list .source {
    margin-top:20px;
    text-align:left
}
.subpage.viewpage .side-wrap .descriptions-list .descriptions {
    display:none;
    line-height:165%!important
}
.subpage.viewpage .side-wrap .language-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:10px;
    margin-right:-5px;
    margin-bottom:20px
}
.subpage.viewpage .side-wrap .language-wrap .language {
    font-weight:400;
    font-size:1.3rem;
    color:#fff;
    padding:4px 12px;
    margin-right:5px;
    margin-bottom:5px;
    background-color:grey;
    cursor:pointer
}
.subpage.contest .donation-list-wrap .pagination .page-now,
.subpage.org-mypage .donation-list-wrap .pagination .page-now,
.subpage.viewpage .side-wrap .language-wrap .language.active {
    background-color:#000
}
.subpage.viewpage .side-wrap .item-contents.expanded .libraries-list,
.subpage.viewpage .side-wrap .item-contents.expanded .paragraph-list {
    height:auto;
}
.subpage.viewpage .side-wrap .item-contents.expanded .contents-toggle {
    background-image:url(../../images/subpage/see-less@2x.png)
}
.subpage.viewpage .title-wrap {
    padding:35px 35px 25px 0;
    background-color:#fff;
    border-bottom:2px solid #000
}
.subpage.viewpage .title-wrap .badge-wrap .badge {
    font-size:1.3rem;
    padding:4px 10px;
    margin-right:5px
}
.subpage.viewpage .title-wrap .badge-wrap .badge.status-progress {
    border-radius:20px;
    padding:5px 12px;
    border:none;
    background-color:#e75e11
}
.subpage.viewpage .title-wrap .badge-wrap .badge.status-finished {
    border-radius:20px;
    padding:5px 12px;
    border:none;
    background-color:#999
}
.subpage.viewpage .title-wrap .title {
    font-weight:700;
    font-size:2.8rem;
    line-height:1.2;
    margin-top:20px
}
.subpage.viewpage .title-wrap .title-top-wrap {
    margin:-3px 0
}
.subpage.audioBooks.viewpage .side-wrap .sides:first-child .contents-toggle,
.subpage.contest .org-form-wrap .field-inline-wrap .field,
.subpage.eBooks.viewpage .side-wrap .sides:first-child .contents-toggle,
.subpage.org-mypage .org-form-wrap .field-inline-wrap .field,
.subpage.translatedBooks.viewpage .side-wrap .sides:first-child .contents-toggle,
.subpage.viewpage .title-wrap .title-top-wrap .badge-wrap {
    float:right;
}
.subpage.viewpage .title-wrap .title-top-wrap .badge-wrap {
    float:left;
}
.subpage.viewpage .title-wrap .title-top-wrap .share-wrap {
    float:right;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-weight:700;
    font-size:1.5rem;
    color:#585858;
    margin-left:auto
}
.subpage.originalBooks .lists-wrap .lists.lists-thumbnail .list-item:nth-child(2n),
.subpage.viewpage .title-wrap .title-top-wrap .share-wrap .share li {
    margin-left:20px
}
.subpage.discover.viewpage .contents-tree-wrap .content-about .share .facebook,
.subpage.discover.viewpage .contents-tree-wrap .content-about .share .twitter,
.subpage.eventDatabase.viewpage .content-about .share .facebook,
.subpage.eventDatabase.viewpage .content-about .share .twitter,
.subpage.viewpage .title-wrap .title-top-wrap .share-wrap .facebook,
.subpage.viewpage .title-wrap .title-top-wrap .share-wrap .twitter {
    display:inline-block;
    width:24px;
    height:24px;
    background-repeat:no-repeat;
    background-position:center
}
.subpage.discover.viewpage .contents-tree-wrap .content-about .share .facebook,
.subpage.eventDatabase.viewpage .content-about .share .facebook,
.subpage.viewpage .title-wrap .title-top-wrap .share-wrap .facebook {
    background-image:url(../../images/subpage/discover-facebook@2x.png);
    -webkit-background-size:11px 20px;
    background-size:11px 20px
}
.subpage.discover.viewpage .contents-tree-wrap .content-about .share .twitter,
.subpage.eventDatabase.viewpage .content-about .share .twitter,
.subpage.viewpage .title-wrap .title-top-wrap .share-wrap .twitter {
    background-image:url(../../images/subpage/discover-twitter@2x.png);
    -webkit-background-size:21px 17px;
    background-size:21px 17px
}
.subpage.eventDatabase.viewpage .content-about,
.subpage.viewpage .content-about,
.subpage.viewpage .contents-books .books-list {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:40px
}
.subpage.bookReviews .review-content-wrap .review-side,
.subpage.viewpage .content-about .about-book .about-content .thumbnail {
    width:245px
}
#accessApplyModal .field-wrap,
.subpage.viewpage .content-about .about-book .about-content .thumbnail .btn,
.subpage.viewpage .dot-list-wrap+.dot-list-wrap {
    margin-top:20px
}
.subpage.viewpage .content-about .about-book .about-content .info {
    width:-webkit-calc(100% - 245px);
    width:calc(100% - 245px);
    padding-left:35px;
    font-size:1.5rem;
    line-height:1.2;
    margin-top:-2px;
    margin-bottom:-10px
}
.subpage.viewpage .content-about .about-book .about-content .info dt {
    float:left;
    height:18px;
    width:200px;
    font-weight:700;
    color:#585858;
    margin-bottom:10px
}
.subpage.viewpage .content-about .about-book .about-content .info dd,
.subpage.writers.viewpage .writers-profile .info dd {
    float:left;
    width:-webkit-calc(100% - 200px);
    width:calc(100% - 200px);
    padding-left:10px;
    margin-bottom:10px
}
.subpage.viewpage .content-about .about-book .about-content .info .info-more+dd {
    max-height:18px;
    overflow:hidden
}
.subpage.viewpage .content-about .about-author {
    width: 245px;
    margin-left: 40px;
    padding-left: 40px;
    border-left: 1px solid #ddd;
}
.subpage.viewpage .content-about .about-author .about-content .thumbnail {
    width:150px;
    margin-bottom:20px
}
.subpage.audioBooks.viewpage .side-wrap .originalBook-list .info,
.subpage.eBooks.viewpage .side-wrap .originalBook-list .info,
.subpage.translatedBooks.viewpage .side-wrap .originalBook-list .info,
.subpage.viewpage .content-about .about-author .about-content .info {
    font-weight:400;
    font-size:1.5rem;
    line-height:1.2
}
#hubLibraryModal ul li,
.home .section .lists .list-item .badge,
.home-new .lists .list-item .badge,
.modal.modal-org-mypage .reject-form .select-wrap,
.subpage.audioBooks.viewpage .side-wrap .originalBook-list .info li,
.subpage.eBooks.viewpage .side-wrap .originalBook-list .info li,
.subpage.login .login-wrap .login-sns-wrap .btn,
.subpage.translatedBooks.viewpage .side-wrap .originalBook-list .info li,
.subpage.viewpage .content-about .about-author .about-content .info li,
.subpage.writers.viewpage .writers-profile .info dd li {
    margin-bottom:10px
}
.subpage.audioBooks.viewpage .side-wrap .originalBook-list .info li.name,
.subpage.eBooks.viewpage .side-wrap .originalBook-list .info li.name,
.subpage.translatedBooks.viewpage .side-wrap .originalBook-list .info li.name,
.subpage.viewpage .content-about .about-author .about-content .info li.name {
    font-size:1.8rem;
    margin-bottom:14px
}
.subpage.bookReviews .review-content>*,
.subpage.discover .discover-lists-wrap .lists .list-item .info .serial-number,
.subpage.login .email-complete-wrap .description-contact,
.subpage.viewpage .content-about .about-author .pagination {
    margin-top:25px
}
.subpage.viewpage .content-about .about-author .pagination .page-arrow,
.subpage.viewpage .content-about .about-author .pagination .page-number {
    min-width:20px;
    font-size:1.5rem;
    padding:0 10px;
    border:none
}
.subpage.viewpage .content-about .about-author .pagination .page-prev {
    background-image:url(../../images/subpage/page-prev-lg@2x.png);
    -webkit-background-size:13px 21px;
    background-size:13px 21px
}
.subpage.viewpage .content-about .about-author .pagination .page-next {
    background-image:url(../../images/subpage/page-next-lg@2x.png);
    -webkit-background-size:13px 21px;
    background-size:13px 21px
}
.subpage.viewpage .content-about .about-title {
    position:relative;
    font-weight:700;
    font-size:1.5rem;
    margin-bottom:25px;
    z-index:0
}
.subpage.viewpage .content-about .about-title span {
    display:inline-block;
    padding-right:14px;
    background:#fff;
    z-index:0
}
.subpage.viewpage .content-about .about-title:after {
    content:'';
    position:absolute;
    top:8px;
    right:0;
    width:100%;
    height:1px;
    background-color:#c4c4c4;
    z-index:-1
}
.subpage.viewpage .content-about .aladin {
    margin-top:13px;
    font-size:1.4rem;
    line-height:1.28;
    color:#000
}
.subpage.viewpage .content-about .aladin img {
    vertical-align:middle
}
.subpage.viewpage .contents-toggle {
    float:right;
    width:120px;
    height:36px;
    font-weight:400;
    font-size:1.4rem;
    line-height:34px;
    margin-top:20px;
    padding:0 13px;
    border:1px solid #ccc;
    text-align:left;
    background:url(../../images/subpage/see-more@2x.png) right top/36px 36px no-repeat #eee;
    -webkit-background-size:36px 36px
}
.subpage.viewpage .contents-toggle.more-link {
    background-image:url(../../images/subpage/see-more-link@2x.png)
}
.subpage.viewpage .contents-books .author-list .list-item,
.subpage.viewpage .download-list .list-item {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:1.5rem;
    line-height:1.6;
    padding:10px 0;
    border-bottom:1px solid #c4c4c4
}
.subpage.viewpage .download-list .ico-download {
    display:inline-block;
    width:16px;
    height:18px;
    background:url(../../images/subpage/excel-download@2x.png) center/16px 18px no-repeat;
    -webkit-background-size:16px 18px;
    margin-right:10px
}
.subpage.viewpage .contents-books.background {
    padding:72px 0 121px;
    margin-top:70px;
    margin-bottom:-80px;
    border-top:1px #865a5a;
    background:#f3f3f3
}
.subpage.viewpage .contents-books.background .books-title {
    font-size:1.5rem
}
.subpage.contest .member-btn-wrap .delete,
.subpage.org-mypage .member-btn-wrap .delete,
.subpage.viewpage .contents-books.background .books-title:after {
    background-color:#777
}
.subpage.translatedBooks.viewpage .contents-books.background .holdings-list thead th,
.subpage.viewpage .contents-books.background .audio-list thead th {
    background-color:#fff;
    border-bottom:1px solid #c4c4c4;
    border-top:1px solid #c4c4c4;
    border-left:1px solid #c4c4c4
}
.subpage.translatedBooks.viewpage .contents-books.background .holdings-list thead th:last-of-type,
.subpage.viewpage .contents-books.background .audio-list thead th:last-of-type {
    border-right:1px solid #c4c4c4
}
.subpage.viewpage .contents-books.background .btn-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.subpage.viewpage .contents-books.background .btn-wrap .btn-inner {
    width:25%;
    margin:40px 8px 0
}
.subpage.viewpage .contents-books .books-title {
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-weight:700;
    font-size:1.8rem;
    margin-bottom:25px;
    z-index:0
}
.subpage.viewpage .contents-books .books-title .title {
    display:inline-block;
    padding-right:16px
}
.subpage.viewpage .contents-books .books-title .title .number {
    display:inline-block;
    min-width:25px;
    height:25px;
    font-weight:700;
    font-size:1.5rem;
    color:#fff;
    line-height:25px;
    margin-left:14px;
    padding:0 8px;
    background-color:#2c98f0;
    border-radius:25px;
    text-align:center
}
.subpage.viewpage .contents-books .books-title:after {
    content:'';
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    width:100%;
    height:1px;
    background-color:#000
}
.subpage.viewpage .contents-books .books-title .contents-toggle-wrap {
    -webkit-box-ordinal-group:4;
    -webkit-order:3;
    -ms-flex-order:3;
    order:3;
    margin-left:auto;
    margin-top:-6px;
    padding-left:18px
}
.subpage.viewpage .contents-books .books-title .contents-toggle-wrap .contents-toggle {
    width:120px;
    margin:0
}
.subpage.viewpage .contents-books .books-list .list-item {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:-webkit-calc(33.3333% - 30px);
    width:calc(33.3333% - 30px);
    margin-left:20px;
    margin-right:10px;
    margin-bottom:20px
}
.subpage.mypage #suggestionModal .lists-wrap .lists .book-wrap .thumbnail,
.subpage.viewpage .contents-books .books-list .list-item .thumbnail {
    display:block;
    width:130px
}
.subpage.viewpage .contents-books .books-list .list-item .info {
    width:-webkit-calc(100% - 130px);
    width:calc(100% - 130px);
    padding-left:20px
}
.subpage.viewpage .contents-books .books-list .list-item .info .prize {
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:1.3rem;
    font-weight:700;
    line-height:1.2;
    color:#777;
    margin-top:12px
}
.subpage.viewpage .contents-books .books-list .list-item .info .prize:before {
    content:"";
    width:60px;
    height:30px;
    background:url(../../images/subpage/new/crown@2x.png) top left/30px no-repeat;
    -webkit-background-size:30px 30px
}
.subpage.viewpage .contents-books .books-list .list-item .info .badge-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:12px;
    margin-right:-5px;
    margin-bottom:-5px
}
.subpage.discover .discover-lists-wrap .lists .list-item .badge-wrap .badge,
.subpage.e-news .lists .info .badge-wrap .badge,
.subpage.events .lists .info .badge-wrap .badge,
.subpage.originalBooks .lists-wrap .lists .info .badge-wrap .badge,
.subpage.publications .lists .publications-wrap .badge-wrap .badge,
.subpage.relatedContents .lists-wrap .lists .info .badge-wrap .badge,
.subpage.viewpage .contents-books .books-list .list-item .info .badge-wrap .badge {
    font-size:1.3rem;
    padding:4px 10px;
    margin-right:5px;
    margin-bottom:5px
}
.subpage.viewpage .contents-books .books-list .list-item .info .title {
    display:block;
    font-weight:400;
    font-size:2rem;
    line-height:1.4;
    margin-top:8px;
    display:-webkit-box;
    max-height:2.8em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:keep-all
}
.subpage.viewpage .contents-books .books-list .list-item .info .author {
    font-weight:400;
    font-size:1.5rem;
    line-height:1.2;
    margin-top:16px
}
.subpage.viewpage .contents-books .books-list .list-item .info .date {
    font-weight:400;
    font-size:1.5rem;
    line-height:1.2;
    margin-top:12px;
    margin-bottom:8px
}
.subpage.viewpage .contents-books .books-list .list-item .info .reviewer {
    font-weight:400;
    font-size:1.5rem;
    line-height:1.2;
    margin-bottom:10px
}
.subpage.viewpage .contents-books .books-list .list-item .info .description {
    display:-webkit-box;
    max-height:2.6666em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:keep-all;
    font-weight:400;
    font-size:1.5rem;
    color:#585858;
    line-height:1.3333;
    margin-top:9px
}
.subpage.bookReviews .lists-thumbnail .keyword,
.subpage.viewpage .contents-books .books-list .list-item .info .keyword {
    width:100%;
    font-size:1.3rem;
    color:#585858;
    margin-top:10px;
    line-height:1.5;
    display:-webkit-box;
    max-height:1.5em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    word-break:keep-all
}
.subpage.bookReviews .lists-thumbnail .keyword::before,
.subpage.bookReviews .review-content-wrap .keyword::before,
.subpage.viewpage .contents-books .books-list .list-item .info .keyword::before {
    content:"\ea37";
    font-size:1.6rem;
    font-family:xeicon;
    display:inline-block;
    vertical-align:top;
    color:#aaa;
    padding:0 10px 0 0
}
.subpage.digitalMagazine .lists,
.subpage.eventDatabase.viewpage .contents-wrap,
.subpage.mypage .suggestion-wrap .dot-list+.suggestion-sub-title,
.subpage.publications .lists,
.subpage.viewpage .contents-books .books-list.relevant-list {
    margin-top:40px
}
.subpage.viewpage .contents-books .books-list.relevant-list .list-item .thumbnail {
    width:130px;
    height:185px
}
.subpage.viewpage .contents-books .books-list.relevant-list .list-item .thumbnail>img {
    width:100%;
    height:100%;
    object-fit: contain;
}
.subpage.e-news.viewpage .content-about .about-book .about-content .info,
.subpage.events .lists.lists-thumbnail .info,
.subpage.images .lists.lists-thumbnail .list-item .info,
.subpage.mypage .contents-wrap .contactUs-wrap,
.subpage.relatedContents .lists.no-thumbnail .info,
.subpage.viewpage .contents-books .books-list.relevant-list .list-item .info {
    width:100%;
    padding-left:0;
    word-break: break-all;
}
.subpage.audioBooks .lists-wrap .lists .info .badge-wrap,
.subpage.bookReviews .lists-thumbnail.rvc .list-item .badge-wrap,
.subpage.bookReviews .lists-thumbnail.tab .list-item .info .badge-wrap,
.subpage.bookReviews .review-content>:first-child,
.subpage.contest .certificate-wrap .fieldset-title,
.subpage.e-news .originalBooks-lists-wrap .side-wrap .sides .item.item-scroll .apply-btn-wrap,
.subpage.eBooks .lists-wrap .lists .info .badge-wrap,
.subpage.eventDatabase.viewpage .contents-books .books-list .list-item .info .badge-wrap,
.subpage.join .apply-wrap .fieldset-title.top,
.subpage.org-mypage .certificate-wrap .fieldset-title,
.subpage.originalBooks .side-wrap .sides .item.item-scroll .apply-btn-wrap,
.subpage.translatedBooks .lists-wrap .lists .info .badge-wrap,
.subpage.viewpage .contents-books .books-list.relevant-list .list-item .info .badge-wrap {
    margin-top:0
}
.subpage.viewpage .contents-books .enews-list .list-item .thumbnail {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:130px;
    height:130px;
    background-color:#eee
}
.subpage.viewpage .contents-books .events-list,
.subpage.viewpage .contents-books .video-list {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:0 21px;
    margin-bottom:25px
}
.subpage.viewpage .contents-books .events-list .list-item,
.subpage.viewpage .contents-books .video-list .list-item {
    display:block;
    width:-webkit-calc(33.3333% - 40px);
    width:calc(33.3333% - 40px);
    margin:0 20px 20px;
    padding:0
}
.subpage.viewpage .contents-books .events-list .list-item .thumbnail,
.subpage.viewpage .contents-books .video-list .list-item .thumbnail {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    height:195px;
    background-color:#eee;
    overflow:hidden
}
.subpage.viewpage .contents-books .events-list .list-item .info,
.subpage.viewpage .contents-books .images-list .list-item .info,
.subpage.viewpage .contents-books .video-list .list-item .info {
    display:block;
    width:100%;
    padding-left:0
}
.subpage.aboutLTI .section.section-history .history-wrap .description+.description,
.subpage.viewpage .contents-books .events-list .list-item .info .badge-wrap,
.subpage.viewpage .contents-books .images-list .list-item .info .badge-wrap,
.subpage.viewpage .contents-books .video-list .list-item .info .badge-wrap {
    margin-top:5px
}
.subpage.viewpage .contents-books .events-list .list-item .info .title,
.subpage.viewpage .contents-books .images-list .list-item .info .title,
.subpage.viewpage .contents-books .video-list .list-item .info .title {
    line-height:1.2;
    display:-webkit-box;
    max-height:2.4em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:keep-all;
    margin-top:11px
}
.subpage.viewpage .contents-books .events-list .list-item .info .author,
.subpage.viewpage .contents-books .video-list .list-item .info .author {
    margin-top:14px
}
.subpage.viewpage .contents-books .events-list .list-item .thumbnail {
    height:225px
}
.subpage.viewpage .contents-books .audio-list {
    width:100%;
    margin-bottom:55px;
    text-align:center
}
.subpage.translatedBooks.viewpage .contents-books .holdings-list thead,
.subpage.viewpage .contents-books .audio-list thead {
    background-color:#ececec;
    border-bottom:3px solid #000
}
.subpage.translatedBooks.viewpage .contents-books .holdings-list thead th,
.subpage.viewpage .contents-books .audio-list thead th {
    font-weight:700;
    font-size:1.5rem;
    padding:12px 10px
}
.subpage.viewpage .contents-books .audio-list thead th.title {
    width:33.75%
}
.subpage.statistics .table thead th:first-of-type,
.subpage.viewpage .contents-books .audio-list thead th.author,
.subpage.viewpage .contents-books .audio-list thead th.language,
.subpage.viewpage .contents-books .audio-list thead th.runningtime {
    width:17%
}
.subpage.viewpage .contents-books .audio-list thead th.year {
    width:15.25%
}
.subpage.originalBooks.viewpage .works-list tbody td,
.subpage.translatedBooks.viewpage .contents-books .holdings-list tbody td,
.subpage.viewpage .contents-books .audio-list tbody td {
    font-weight:400;
    font-size:1.5rem;
    padding:11px 10px;
    border-right:1px solid #c4c4c4;
    vertical-align:middle
}
.subpage .contents-editor table tbody td:last-of-type,
.subpage .contents-editor table thead td:last-of-type,
.subpage .contents-editor table thead th:last-of-type,
.subpage .descriptions-list .descriptions table tbody td:last-of-type,
.subpage .descriptions-list .descriptions table thead td:last-of-type,
.subpage .descriptions-list .descriptions table thead th:last-of-type,
.subpage .libraryNews-lists .list-item .item:last-child,
.subpage.audios .lists .list-item .item-year,
.subpage.contest .access-apply-list tbody td:last-child,
.subpage.contest .access-apply-list thead th:last-child,
.subpage.contest .donation-form-wrap .libraryNews-lists .list-header .item:last-child,
.subpage.contest .donation-list tbody td:last-child,
.subpage.contest .donation-list thead tr:first-child th:last-child,
.subpage.mypage .lists .list-item .item:last-child,
.subpage.mypage .lists-table tbody td:last-child,
.subpage.org-mypage .access-apply-list tbody td:last-child,
.subpage.org-mypage .access-apply-list thead th:last-child,
.subpage.org-mypage .donation-form-wrap .libraryNews-lists .list-header .item:last-child,
.subpage.org-mypage .donation-list tbody td:last-child,
.subpage.org-mypage .donation-list thead tr:first-child th:last-child,
.subpage.originalBooks.viewpage .works-list tbody td:last-of-type,
.subpage.originalBooks.viewpage .works-list thead th:last-of-type,
.subpage.statistics .table tbody td:last-of-type,
.subpage.statistics .table thead th:last-of-type,
.subpage.translatedBooks.viewpage .contents-books .holdings-list tbody td:last-of-type,
.subpage.viewpage .contents-books .audio-list tbody td:last-of-type,
.subpage.writers .lists .list-item .item:last-child {
    border-right:none
}
.subpage.viewpage .contents-books .images-list {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:0 25px;
    margin-bottom:20px
}
.subpage.viewpage .contents-books .images-list .list-item {
    display:block;
    width:-webkit-calc(20% - 30px);
    width:calc(20% - 30px);
    margin:0 15px 20px;
    padding:0
}
.subpage.viewpage .contents-books .images-list .list-item .thumbnail {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    height:auto;
    background-color:#eee
}
.subpage.viewpage .contents-books .images-list .list-item .thumbnail>img {
    max-width:100%;
    max-height:100%;
    width:auto
}
.subpage.viewpage .contents-books .images-list .list-item .info .author {
    margin-top:17px
}
.subpage.viewpage .contents-books .author-list,
.subpage.viewpage .contents-books .download-list {
    margin-bottom:38px
}
.subpage.viewpage .content-hlayout .content .ico-link,
.subpage.viewpage .contents-books .author-list .ico-link {
    display:inline-block;
    width:18px;
    height:18px;
    background:url(../../images/subpage/link@2x.png) center/18px 10px no-repeat;
    -webkit-background-size:18px 10px;
    margin-right:10px
}
.subpage.viewpage .contents-books .author-list .author:after {
    content:'';
    position:relative;
    display:inline-block;
    width:1px;
    height:12px;
    background-color:#000;
    margin:0 15px
}
.subpage.viewpage .contents-books .reviews-list {
    border-bottom:none;
    padding-bottom:0;
    margin-bottom:40px
}
.subpage.aboutLTI .section .regulations-wrap .btn-wrap .btn,
.subpage.viewpage .contents-button .btn,
.subpage.viewpage .contents-button .btn-return {
    display:block;
    width:100%;
    height:40px;
    font-weight:700;
    font-size:1.4rem;
    color:#fff;
    line-height:40px;
    background-color:#000;
    text-align:center
}
.subpage.viewpage .dot-list-wrap .dot-title {
    font-weight:700;
    font-size:1.6rem;
    line-height:1.5;
    margin-bottom:8px
}
.subpage.viewpage .content-hlayout {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start
}
.subpage.viewpage .content-hlayout .title {
    width:168px;
    padding-right:15px;
    font-weight:700;
    font-size:1.5rem;
    color:#585858;
    line-height:1.2
}
.subpage.viewpage .content-hlayout .content {
    width:-webkit-calc(100% - 168px);
    width:calc(100% - 168px)
}
.subpage.viewpage .content-hlayout .content .ico-box {
    display:inline-block;
    width:18px;
    height:18px;
    background:url(../../images/subpage/discover-box@2x.png) center/15px 15px no-repeat;
    -webkit-background-size:15px 15px;
    margin-right:10px
}
.subpage.viewpage .content-hlayout .content .ico-calendar {
    display:inline-block;
    width:18px;
    height:18px;
    background:url(../../images/subpage/calendar@2x.png) center/14px 15px no-repeat;
    -webkit-background-size:14px 15px;
    margin-right:10px
}
.subpage.viewpage .content-hlayout .content .item-text {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    width:100%;
    font-size:1.5rem;
    line-height:1.6;
    padding:11px 0;
    border-bottom:1px solid #c4c4c4
}
.subpage.viewpage .content-hlayout .content .item-text .txtLink-blue,
.subpage.viewpage .content-hlayout .content .item-text a {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    margin-top:-2px
}
.subpage.viewpage .content-license .content .text {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    font-weight:400;
    font-size:1.3rem;
    color:#585858;
    line-height:18px;
    margin-left:23px
}
.subpage .contents-editor h1,
.subpage .descriptions-list .descriptions h1 {
    font-weight:700;
    font-size:2.8rem;
    line-height:1.2;
    margin-bottom:50px
}
.subpage .contents-editor h2,
.subpage .descriptions-list .descriptions h2 {
    font-weight:700;
    font-size:2.4rem;
    color:#2c98f0;
    line-height:1.2;
    margin-bottom:36px
}
.subpage .contents-editor h3,
.subpage .descriptions-list .descriptions h3 {
    font-weight:400;
    font-size:2.2rem;
    line-height:1.2;
    margin-bottom:25px
}
.subpage .contents-editor p,
.subpage .descriptions-list .descriptions p,
.subpage.mypage .suggestion-wrap .description {
    font-weight:400;
    font-size:1.8rem;
    color:#585858;
    line-height:1.5
}
.subpage .contents-editor hr,
.subpage .descriptions-list .descriptions hr {
    margin:48px 0;
    border:none;
    border-top:1px solid #4d463b
}
.subpage .contents-editor ul li,
.subpage .descriptions-list .descriptions ul li {
    position:relative;
    font-weight:400;
    font-size:1.8rem;
    line-height:1.3;
    color:#585858;
    padding-left:15px;
    margin-bottom:10px
}
.subpage .contents-editor ol li,
.subpage .descriptions-list .descriptions ol li {
    counter-increment:counter;
    position:relative;
    font-weight:400;
    font-size:1.8rem;
    line-height:1.3;
    color:#585858;
    margin-bottom:10px
}
.subpage .contents-editor ol li:before,
.subpage .descriptions-list .descriptions ol li:before {
    content:counter(counter) ". ";
    font-weight:700;
    font-size:1.6rem;
    color:#000;
    padding-right:5px
}
.subpage .contents-editor table,
.subpage .descriptions-list .descriptions table {
    width:100%!important;
    border-top:1px solid #c4c4c4;
    border-left:1px solid #c4c4c4;
    border-right:1px solid #c4c4c4;
    word-break:break-all;
    overflow-x:auto
}
.subpage .contents-editor table thead,
.subpage .descriptions-list .descriptions table thead {
    border-bottom:3px solid #000
}
.subpage .contents-editor table thead td,
.subpage .contents-editor table thead th,
.subpage .descriptions-list .descriptions table thead td,
.subpage .descriptions-list .descriptions table thead th {
    font-weight:700;
    font-size:1.5rem;
    color:#000;
    line-height:1.2;
    padding:10px 5px;
    text-align:center;
    background-color:#f5f5f5;
    border-right:1px solid #c4c4c4
}
.subpage .contents-editor table tbody td,
.subpage .descriptions-list .descriptions table tbody td {
    width:auto!important;
    font-weight:400;
    font-size:1.5rem;
    color:#000;
    line-height:1.2;
    padding:10px 15px;
    border-right:1px solid #c4c4c4
}
.subpage .contents-editor .btn.btn-primary,
.subpage .descriptions-list .descriptions .btn.btn-primary {
    font-weight:700;
    font-size:1.8rem;
    padding:15px 35px
}
.subpage .contents-editor .btn.btn-sm,
.subpage .descriptions-list .descriptions .btn.btn-sm {
    font-weight:400;
    font-size:1.5rem;
    padding:6px 15px
}
.subpage .contents-editor .infobox,
.subpage .descriptions-list .descriptions .infobox {
    width:100%;
    background:#f5f5f5;
    padding:25px 30px
}
.subpage .contents-editor .infobox p,
.subpage .descriptions-list .descriptions .infobox p {
    margin-bottom:25px
}
.subpage .contents-editor img,
.subpage .descriptions-list .descriptions img,
.subpage.contest .side-tab .banner img,
.subpage.org-mypage .side-tab .banner img {
    max-width:100%
}
.subpage .btn-default {
    display:block;
    width:100%;
    font-weight:700;
    color:#fff;
    background-color:#000;
    text-align:center;
    height:50px;
    line-height:50px;
    font-size:1.8rem
}
.subpage .btn-default.btn-line {
    color:#000;
    border:1px solid #000;
    background-color:transparent
}
.subpage .btn-default.btn-blue,
.subpage.contest .org-form-wrap .checkbox-wrap input[type=checkbox]:checked+.checkmark,
.subpage.org-mypage .org-form-wrap .checkbox-wrap input[type=checkbox]:checked+.checkmark,
.subpage.statistics .section .bar-wrap .bar .overseas {
    background-color:#2c98f0
}
.subpage .btn-default.btn-gray {
    background-color:#4a4a4a
}
.subpage .btn-default.btn-cancel {
    color:#555;
    background-color:#ccc
}
.subpage .btn-default.btn-md {
    width:auto;
    height:40px;
    line-height:40px;
    font-size:1.6rem;
    padding:0 20px
}
.subpage .btn-default.btn-sm {
    width:140px;
    height:32px;
    line-height:32px;
    font-size:1.4rem
}
.subpage .btn-default.btn-xsm {
    width:100%;
    height:24px;
    line-height:24px;
    font-size:1.2rem
}
.subpage .btn-default.margin {
    margin-top:4px
}
.home .new-item:before {
    top:8px;
    left:-22px;
    width:12px;
    height:12px
}
.home .section {
    background-color:#fff;
    overflow:hidden
}
.home .section .section-title.sm {
    font-size:2.4rem;
    letter-spacing:.3em;
    margin-right:-.3em
}
.home .section .section-title-wrap .load-more {
    display:inline-block;
    vertical-align:top;
    font-weight:400;
    font-size:1.5rem;
    line-height:30px;
    margin-left:35px
}
.home .section .section-title-wrap .section-title.sm+.load-more,
.home-new .section-title-wrap .section-title.sm+.load-more,
.subpage.join .join-select .select-title span {
    line-height:24px
}
.home .section .half-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:f.home .section.section-arrivals .thumbnail-lists .list-item .thumbnail,.home-new .section-arrivals .thumbnail-lists .list-item .thumbnaillex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    overflow:hidden;
    margin:0 -40px
}
.home .section .half-wrap .half {
    width:50%;
    padding:0 40px
}
.home .section .lists .list-item {
    position:relative;
    padding:22px 0 26px
}
.home .section .lists .list-item:after {
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:1px;
    background-color:#c4c4c4
}
.home .section .lists .list-item .title {
    display:block;
    font-weight:700;
    font-size:1.6rem;
    line-height:1.25;
    margin-bottom:8px;
    word-break:break-word
}
.home .section .lists .list-item .date,
.home .section.section-media .video-wrap .date {
    font-weight:400;
    font-size:1.4rem
}
.home .section .thumbnail-lists,
.home-new .thumbnail-lists {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:baseline;
    -webkit-align-items:baseline;
    -ms-flex-align:baseline;
    align-items:baseline;
    overflow:hidden
}
.home .section .thumbnail-lists .list-item .thumbnail,
.home-new .thumbnail-lists .list-item .thumbnail {
    display:block;
    width:100%;
    height:auto;
    border:1px solid #bbb
}
.home .section.section-featured .featured-content-wrap,
.home-new .content-related .related-title,
.home-new .half-wrap {
    display:-webkit-flex;
    display:-ms-flexbox;
    display:-webkit-box
}
.home .section .thumbnail-lists .list-item .title {
    display:block;
    font-weight:700;
    font-size:1.6rem;
    line-height:1.25;
    margin-top:10px
}
.home .section.section-slide {
    padding-top:56px
}
.home .section.section-slide .slide-wrap .slick-slide {
    position:relative;
    height:410px
}
.home .section.section-slide .slide-wrap .slide {
    position:absolute
}
.home .section.section-slide .slide-wrap .slide .thumbnail,
.home-new .section-slide .thumbnail {
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    -webkit-background-size:cover;
    background-size:cover
}
.home .section.section-slide .slide-wrap .slide .title-wrap {
    position:absolute;
    bottom:0;
    left:0
}
.home .section.section-slide .slide-wrap .slide .badge {
    font-size:1.5rem;
    padding:7px 21px 7px 34px;
    text-align:right;
    border:none
}
.home .section.section-slide .slide-wrap .slide .title,
.home-new .section-review .content-title {
    color:#fff
}
.home .section.section-slide .slide-wrap .slide.video {
    top:0;
    left:0;
    width:69%!important;
    height:100%
}
.home .section.section-slide .slide-wrap .slide.video .badge {
    color:#000;
    padding-left:56px;
    margin-bottom:25px;
    background:#fff
}
.home .section.section-slide .slide-wrap .slide.video .title {
    font-size:6rem;
    line-height:1.0667;
    padding:0 54px;
    margin-bottom:35px;
    display:-webkit-box;
    max-height:3.2001em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    word-break:keep-all
}
.home .section.section-slide .slide-wrap .slide.event {
    top:0
}
.home .section.section-slide .slide-wrap .slide.essay {
    bottom:0
}
.home .section.section-slide .slide-wrap .slide.essay,
.home .section.section-slide .slide-wrap .slide.event {
    width:30%!important;
    height:48.74%;
    right:0
}
.home .section.section-slide .slide-wrap .slide.essay .badge,
.home .section.section-slide .slide-wrap .slide.event .badge,
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item>ul>.tree-item>.item-inner,
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item>ul>.tree-item>ul>.tree-item>.item-inner,
.subpage.login .convert-wrap .convert-title {
    margin-bottom:15px
}
.home .section.section-slide .slide-wrap .slide.essay .title,
.home .section.section-slide .slide-wrap .slide.event .title {
    font-weight:700;
    font-size:2.8rem;
    line-height:1.1428;
    display:-webkit-box;
    max-height:3.4284em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    word-break:keep-all;
    padding:0 30px;
    margin-bottom:30px
}
.home .section.section-slide .slick-arrow {
    width:90px;
    height:76%;
    background:rgba(51,51,51,.6)
}
.home .section.section-slide .slick-arrow.slick-prev {
    left:-100px
}
.home .section.section-slide .slick-arrow.slick-prev:before {
    content:'';
    display:inline-block;
    width:13px;
    height:24px;
    background:url(../../images/main/slide-prev@2x.png) 100%/13px 24px no-repeat
}
.home .section.section-slide .slick-arrow.slick-next {
    right:-100px
}
.home .section.section-slide .slick-arrow.slick-next:before {
    content:'';
    display:inline-block;
    width:13px;
    height:24px;
    background:url(../../images/main/slide-next@2x.png) 100%/13px 24px no-repeat
}
.home .section.section-slide .slide-paging {
    position:absolute;
    bottom:0;
    left:-100px;
    width:90px;
    height:35px;
    line-height:35px;
    font-weight:700;
    font-size:1.8rem;
    background:#ededed;
    text-align:center
}
.home .section.section-arrivals {
    padding:65px 0 40px
}
.home .section.section-arrivals .section-title-wrap .icon-wrap {
    float:right;
    display:inline-block;
    vertical-align:middle;
    margin-right:86px
}
.home .section.section-arrivals .thumbnail-lists {
    margin:65px -230px 0;
    overflow:visible
}
.home .section.section-arrivals .thumbnail-lists .list-item {
    max-width:144px;
    margin:0 50px 40px
}
.home .section.section-arrivals .thumbnail-lists .list-item .thumbnail,
.home-new .section-arrivals .thumbnail-lists .list-item .thumbnail {
    width:132px;
    height:auto;
    border:none
}
.home .section.section-arrivals .thumbnail-lists .list-item .title {
    overflow:hidden;
    display:-webkit-box;
    height:3em;
    font-size:1.5rem;
    line-height:1.5;
    word-wrap:break-word;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.home .section.section-featured .featured-wrap {
    margin:0 -70px;
    padding:80px 70px;
    background-color:#ededed
}
.home .section.section-featured .section-title,
.home-new .section-featured .section-title {
    margin-bottom:70px
}
.home .section.section-featured .featured-content-wrap {
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    overflow:hidden;
    padding-left:45px
}
.home .section.section-featured .featured-content-wrap .featured-image {
    width:232px;
    margin-right:72px
}
.home .section.section-featured .featured-content-wrap .featured-image img {
    width:100%;
    height:auto;
    border:1px solid #bbb
}
.home .section.section-featured .featured-list {
    width:-webkit-calc(100% - 306px);
    width:calc(100% - 306px);
    margin-top:10px
}
.home .section.section-featured .featured-list .featured-sub-title {
    font-size:2.8rem;
    text-transform:none;
    letter-spacing:0;
    margin-right:0;
    margin-bottom:40px
}
.home .section.section-featured .featured-list .featured-sub-title+.load-more {
    line-height:28px
}
.home .section.section-featured .featured-list .thumbnail-lists {
    margin:0 -10px;
    overflow:visible
}
.home .section.section-featured .featured-list .thumbnail-lists .list-item {
    width:137px;
    margin:0 10px
}
.home .section.section-featured .featured-list .thumbnail-lists .list-item .thumbnail {
    width:112px
}
.home .section.section-featured .featured-list .thumbnail-lists .list-item .title {
    font-weight:400;
    font-size:1.5rem;
    line-height:1.5;
    margin-top:16px
}
.home .section.section-media {
    padding:70px 0 62px
}
.home .section.section-media .section-title,
.home-new .section-media .section-title {
    margin-bottom:72px
}
.home .section.section-media .video-wrap .video-container {
    position:relative;
    width:100%;
    height:0;
    padding-top:56.25%;
    overflow:hidden
}
.home .section.section-media .video-wrap iframe,
.subpage.bookReviews .video-wrap iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.home .section.section-media .video-wrap .title {
    display:block;
    font-weight:700;
    font-size:1.6rem;
    line-height:1.25;
    margin-top:14px;
    margin-bottom:8px
}
.home .section.section-media .lists {
    margin-top:-22px
}
.home .section.section-media .publication-wrap,
.subpage.login .join-wrap .btn-join {
    margin-top:60px
}
.home .section.section-media .publication-wrap .section-title,
.subpage.aboutLTI .section.section-about .section-title {
    margin-bottom:48px
}
.home .section.section-media .publication-wrap .thumbnail-lists {
    margin:0 -10px;
    padding:0 45px
}
.home .section.section-media .publication-wrap .thumbnail-lists .list-item {
    max-width:200px;
    margin:0 10px
}
.home .section.section-media .publication-wrap .thumbnail-lists .list-item .thumbnail {
    width:auto;
    height:200px
}
.home .section.section-news {
    padding:70px 0 56px;
    background-color:#f8f8f8
}
#hubLibraryModal dl dt,
.home .section.section-news .section-title,
.home-new .section-media .content-title,
.home-new .section-news .section-title,
.subpage.contest .org-form-wrap .fieldset .desc,
.subpage.mypage .banner-type .banner,
.subpage.org-mypage .org-form-wrap .fieldset .desc,
.subpage.relatedContents .page-title-wrap,
.subpage.writers.viewpage .title-wrap .badge-wrap {
    margin-bottom:20px
}
.home .section.section-news .lists .list-item:after {
    width:-webkit-calc(100% + 20px);
    width:calc(100% + 20px)
}
.home-new .new-item:before {
    top:8px;
    left:-22px;
    width:8px;
    height:8px
}
.home-new .badge.badge-line,
.subpage.contest .contents-books .badge.badge-line,
.subpage.contest .contents-books .badge.badge-type,
.subpage.contest .donation-list-wrap .pagination .page-arrow,
.subpage.contest .donation-list-wrap .pagination .page-number,
.subpage.contest .org-form-wrap .checkbox-wrap .checkmark,
.subpage.digitalMagazine .filter-wrap,
.subpage.mypage #suggestionModal .lists-wrap .lists .list-item:hover,
.subpage.org-mypage .org-form-wrap .checkbox-wrap .checkmark,
.subpage.underConstruction .site-main {
    background-color:transparent
}
.home-new .content-related .image,
.home-new .featured-image img {
    background-color:#707070;
    background-repeat:no-repeat;
    background-position:center
}
.home-new .half-wrap {
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    overflow:hidden;
    margin:0 -16px
}
.home-new .half-wrap .half {
    width:50%;
    padding:0 16px
}
.home-new .section-title.sm {
    font-size:2.4rem;
    letter-spacing:.3em;
    margin-right:-.3em;
    margin-bottom:40px
}
.home-new .section-title-wrap .load-more {
    display:inline-block;
    vertical-align:top;
    font-weight:400;
    font-size:1.5rem;
    color:#777;
    line-height:30px;
    margin-left:35px
}
.home-new .lists .list-item {
    position:relative;
    padding-bottom:26px
}
.home-new .lists .list-item .title {
    display:block;
    font-weight:400;
    font-size:1.6rem;
    line-height:1.5;
    color:#333;
    margin-bottom:8px;
    word-break:break-word;
    display:-webkit-box;
    max-height:3em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:keep-all
}
.home-new .lists .list-item .date {
    font-weight:400;
    font-size:1.4rem;
    color:#777
}
.home-new .thumbnail-lists .list-item .title {
    display:block;
    font-weight:400;
    font-size:1.6rem;
    line-height:1.25;
    color:#333;
    margin-top:10px
}
.home-new .content-title {
    font-size:3.6rem;
    font-weight:300;
    line-height:1.55;
    color:#555
}
.home-new .content-desc {
    font-size:1.6rem;
    font-weight:400;
    line-height:1.6;
    color:#777
}
.home-new .content-date {
    font-size:1.4rem;
    font-weight:300;
    line-height:1.7;
    color:#777
}
.home-new .video-container iframe,
.subpage.themes.viewpage .video-wrap iframe {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%
}
.home-new .content-related .related-title {
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    font-size:1.5rem;
    line-height:1.2;
    color:#333;
    margin-bottom:22px
}
.home-new .content-related .related-title:after {
    content:"";
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    display:block;
    width:100%;
    height:1px;
    margin-left:16px;
    background:#999
}
.home-new .content-related .related-image li {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    margin-left:12px;
    max-width:164px
}
.home-new .content-related .related-image li a {
    display:block;
    height:164px;
    background-color:#aaa
}
.home-new .content-related .related-image li a img {
    -o-object-fit:contain;
    object-fit:contain;
    width:100%;
    height:100%
}
.home-new .content-related .image {
    width:100%;
    height:0;
    padding-top:100%;
    -webkit-background-size:contain;
    background-size:contain
}
.home-new .featured-image {
    margin-right:32px
}
.home-new .featured-image img {
    width:268px;
    height:378px;
    -o-object-fit:contain;
    object-fit:contain;
    -webkit-background-size:contain;
    background-size:contain
}
.home-new .featured-wrap .content-title {
    margin-bottom:12px;
    display:-webkit-box;
    max-height:1.55em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    word-break:keep-all
}
.home-new .featured-wrap .content-desc {
    margin-bottom:34px;
    display:-webkit-box;
    max-height:4.5em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:3;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    word-break:break-all
}
.home-new .slick-dots {
    position:relative;
    bottom:auto;
    width:auto
}
.home-new .slick-dots button,
.home-new .slick-dots li {
    width:12px;
    height:12px
}
.home-new .slick-dots button {
    background:#aaa
}
.home-new .slick-dots .slick-active {
    width:40px
}
.home-new .slick-dots .slick-active button {
    width:40px;
    background:#2c98f0
}
.home-new .section-slide {
    margin-bottom:113px
}
.home-new .section-slide .slick-slide {
    position:relative;
    height:432px
}
.home-new .section-slide .title-wrap {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    padding:40px 50px;
    color:#fff
}
.home-new .section-slide .title {
    font-size:5rem;
    line-height:1.12;
    font-weight:300
}
.home-new .section-slide .badge {
    font-size:1.3rem;
    font-weight:700;
    padding:4px 10px 5px;
    margin-bottom:12px;
    border:1px solid #fff;
    background:0 0
}
.home-new .section-slide .slide .slide-item {
    position:absolute;
    overflow:hidden
}
.home-new .section-slide .item-2x2 {
    top:0;
    left:0;
    width:65.754%;
    height:100%
}
.home-new .section-slide .item-1x1 {
    top:0;
    right:0;
    width:30.48%;
    height:46.297%
}
.home-new .section-slide .item-1x1:nth-child(3) {
    top:auto;
    bottom:0
}
.home-new .section-slide .item-1x1 .title-wrap {
    font-weight:700;
    padding:23px 30px
}
.home-new .section-slide .item-1x1 .title {
    font-size:2.6rem;
    line-height:1.23;
    font-weight:700
}
.home-new .section-slide .item-1x2 {
    top:0;
    right:0;
    width:30.48%;
    height:100%
}
.home-new .section-slide .item-1x2 .title-wrap {
    padding:44px 40px
}
.home-new .section-slide .item-1x2 .title {
    font-size:3.6rem
}
.home-new .section-slide .item-full,
.home-new .section-slide .item-full-video {
    top:0;
    left:0;
    width:100%;
    height:100%
}
.home-new .section-slide .item-full-video .video-container {
    width:65.754%
}
.home-new .section-slide .item-full-video .video-title {
    position:relative;
    width:34.246%;
    height:100%
}
.home-new .section-slide .item-full-video .video-title .title-wrap {
    top:0;
    bottom:auto
}
.home-new .section-slide .item-full-video .video-title .title,
.modal.modal-join .modal-header .btn-close i {
    font-size:3.6rem;
    line-height:1.55
}
.home-new .section-slide .video-container,
.subpage.eventDatabase .map-wrap #chartdiv {
    width:100%;
    height:100%
}
.home-new .section-slide .slick-arrow {
    width:120px;
    height:120px
}
.home-new .section-slide .slick-arrow.slick-prev {
    left:-120px
}
.home-new .section-slide .slick-arrow.slick-prev:before {
    content:"\e93d";
    font-family:xeicon;
    font-size:120px;
    color:#4c4c4c
}
.home-new .section-slide .slick-arrow.slick-next {
    right:-120px
}
.home-new .section-slide .slick-arrow.slick-next:before {
    content:"\e940";
    font-family:xeicon;
    font-size:120px;
    color:#4c4c4c
}
.home-new .section-slide .slide-paging-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    margin-top:32px
}
.home-new .section-featured:before,
.home-new .section-media:before {
    position:absolute;
    display:block;
    content:"";
    left:50%;
    background:#c4c4c4;
    opacity:.5
}
.home-new .section-slide .slide-paging {
    font-weight:700;
    font-size:2rem;
    color:#919191;
    margin:0 20px
}
.home-new .section-slide .slide-play {
    font-size:3.4rem;
    color:#c4c4c4;
    margin-top:-8px;
    margin-right:5px
}
.home-new .section-arrivals {
    margin-bottom:135px;
    overflow:hidden
}
.home-new .section-arrivals .section-title-wrap .icon-wrap {
    display:inline-block;
    vertical-align:middle;
    margin-left:38px
}
.home-new .section-arrivals .section-title-wrap .load-more {
    margin-left:50px;
    white-space:nowrap
}
.home-new .section-arrivals .thumbnail-lists {
    margin:60px -134px -40px;
    overflow:visible
}
.home-new .section-arrivals .thumbnail-lists .list-item {
    max-width:144px;
    margin:0 33px 40px;
    flex:1
}
.home-new .section-arrivals .thumbnail-lists .list-item .title {
    font-size:1.5rem;
    line-height:1.5;
    display:-webkit-box;
    max-height:3em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:keep-all
}
.home-new .section-media,
.home-new .section-publication {
    margin-bottom:130px
}
.home-new .section-media:before {
    top:70px;
    width:110%;
    height:532px;
    -webkit-transform:rotate(5deg) translateX(-50%);
    -ms-transform:rotate(5deg) translateX(-50%);
    -o-transform:rotate(5deg) translateX(-50%);
    transform:rotate(5deg) translateX(-50%)
}
.home-new .section-media .container {
    z-index:1
}
.home-new .section-media .section-title.sm {
    color:#555;
    margin-bottom:50px
}
.home-new .section-media .video-container {
    width:100%;
    height:0;
    padding-top:56.34%
}
.home-new .section-featured {
    margin-bottom:90px
}
.home-new .section-featured:before {
    top:-193px;
    width:110%;
    height:580px;
    -webkit-transform:rotate(-5deg) translateX(-50%);
    -ms-transform:rotate(-5deg) translateX(-50%);
    -o-transform:rotate(-5deg) translateX(-50%);
    transform:rotate(-5deg) translateX(-50%)
}
.home-new .section-events .events-wrap {
    width:100%;
    height:100%;
    background:#fff
}
.home-new .section-events .events-wrap .lists .list-item .title,
.home-new .section-exhibitions .content-desc {
    display:-webkit-box;
    max-height:6em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    word-break:keep-all
}
.home-new .section-events .lists img {
    width:168px;
    height:168px;
    -o-object-fit:contain;
    object-fit:contain;
    margin-right:32px;
    background-color:#1d1d1d;
    background-repeat:no-repeat;
    background-position:center;
    -webkit-background-size:contain;
    background-size:contain
}
.home-new .section-events .lists .list-item:last-child,
.subpage.discover.viewpage .entry-contents {
    padding-bottom:0
}
.home-new .section-events .slide-wrap {
    padding:50px 50px 30px
}
.home-new .section-events .slide-paging-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:20px 0 30px;
    margin:0 50px;
    border-top:1px solid #555
}
.home-new .section-events .slick-arrow {
    width:30px;
    height:30px;
    position:relative;
    top:12px
}
.home-new .section-events .slick-arrow.slick-prev:before {
    content:"\e93d";
    font-family:xeicon;
    font-size:30px;
    color:#555
}
.home-new .section-events .slick-arrow.slick-next:before {
    content:"\e940";
    font-family:xeicon;
    font-size:30px;
    color:#555
}
#donationSearchModal .scroll-wrapper.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer,
.home-new .section-events .slick-arrow.slick-prev,
.subpage.e-news .originalBooks-lists-wrap .side-wrap .period-wrap .period-bar-wrap .bar-wrap .bar:before,
.subpage.originalBooks .side-wrap .period-wrap .period-bar-wrap .bar-wrap .bar:before {
    left:0
}
.home-new .section-events .slick-arrow.slick-next,
.subpage.e-news .originalBooks-lists-wrap .side-wrap .period-wrap .period-bar-wrap .bar-wrap .bar:after,
.subpage.originalBooks .side-wrap .period-wrap .period-bar-wrap .bar-wrap .bar:after {
    right:0
}
.home-new .section-events .slick-dots {
    margin:0 30px
}
.home-new .section-review .featured-wrap {
    padding:52px 50px;
    background-color:#666
}
.home-new .section-review .featured-image img {
    width:168px;
    height:auto;
    max-height:260px;
    background-color:#666
}
.home-new .section-review .badge-line {
    color:#fff;
    border-color:#ccc;
    margin-bottom:12px
}
.home-new .section-review .content-author {
    font-size:1.6rem;
    font-weight:700;
    line-height:1.5;
    color:#ddd;
    margin-bottom:16px
}
.home-new .section-review .content-desc {
    color:#ddd;
    display:-webkit-box;
    max-height:6em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    word-break:keep-all;
    margin-bottom:0
}
.home-new .section-exhibitions .content-related .related-title {
    margin-bottom:18px
}
.home-new .section-exhibitions .content-related .related-image li {
    display:block;
    margin-left:15px;
    max-width:142px
}
.home-new .section-exhibitions .content-related .related-image li a {
    width:142px;
    height:142px
}
.home-new .section-exhibitions .featured-image {
    margin-top:7px;
    margin-left:30px;
    margin-right:0
}
.home-new .section-exhibitions .featured-image .image {
    width:368px;
    height:368px
}
.home-new .section-publication .section-title,
.subpage.mypage .policy-wrap {
    margin-bottom:60px
}
.home-new .section-publication .related-image {
    margin:0 -25px;
    padding-left:25px
}
.home-new .section-publication .related-image .list-item {
    margin:0 25px;
    max-width:194px
}
.home-new .section-publication .related-image .list-item .title {
    font-size:1.5rem;
    line-height:1.5;
    color:#333;
    margin-top:10px
}
.home-new .section-publication .related-image .list-item a {
    width:100%;
    height:192px
}
.home-new .section-news {
    margin-bottom:56px
}
.home-new .section-news:before {
    content:"";
    position:absolute;
    top:120px;
    left:50%;
    display:block;
    width:110%;
    height:600px;
    background:#f6f6f6;
    -webkit-transform:rotate(7.5deg) translateX(-50%);
    -ms-transform:rotate(7.5deg) translateX(-50%);
    -o-transform:rotate(7.5deg) translateX(-50%);
    transform:rotate(7.5deg) translateX(-50%)
}
.home-new .section-news .lists {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:auto;
    margin:0 -16px
}
.home-new .section-news .lists .list-item {
    width:-webkit-calc(50% - 32px);
    width:calc(50% - 32px);
    margin:0 16px;
    padding-top:22px;
    border-top:1px solid #c4c4c4
}
@media only screen and (max-width:1440px) {
    .home-new .section-media:before {
        top:35px
    }
    .home-new .section-featured:before {
        top:-170px
    }
    .home-new .section-news:before {
        top:100px
    }
}
@media only screen and (max-width:1280px) {
    .home-new .container {
        width:1248px
    }
    .home-new .site-header-new .container {
        width:100%
    }
    .home-new .section-arrivals {
        height:700px
    }
    .home-new .section-arrivals .thumbnail-lists {
        margin-left:-34px;
        margin-right:-34px
    }
    .home-new .section-arrivals .thumbnail-lists .list-item {
        margin-left:30px;
        margin-right:30px
    }
}
@media only screen and (max-width:1248px) {
    .home-new .container {
        width:100%
    }
    .home-new .site-main:before {
        height:800px
    }
    .home-new .content-title {
        font-size:3rem
    }
    .home-new .featured-image .image {
        width:238px;
        height:335px
    }
    .home-new .section-slide .container {
        padding:0
    }
    .home-new .section-slide .title {
        font-size:4rem
    }
    .home-new .section-slide .item-1x1 .title {
        font-size:2.2rem
    }
    .home-new .section-slide .item-1x2 .title,
    .home-new .section-slide .item-full-video .video-title .title {
        font-size:3.2rem
    }
    .home-new .section-arrivals .thumbnail-lists {
        margin-left:-10px;
        margin-right:-10px
    }
    .home-new .section-media:before {
        top:15px;
        height:480px
    }
    .home-new .section-events .slide-wrap {
        padding:30px
    }
    .home-new .section-events .slide-paging-wrap {
        margin:0 30px
    }
    .home-new .section-events .lists .image {
        width:130px;
        height:130px
    }
    .home-new .section-exhibitions .featured-image .image {
        width:327px;
        height:327px
    }
    .home-new .section-publication .thumbnail-lists .list-item {
        width:140px
    }
    .home-new .section-publication .thumbnail-lists .list-item .thumbnail {
        height:160px
    }
    .home-new .section-news:before {
        top:60px
    }
}
@media only screen and (max-width:768px) {
    .home-new .featured-image {
        margin-right:20px
    }
    .home-new .section-review .featured-image {
        width:40%
    }
    .home-new .section-review .featured-image img {
        width:100%
    }
    .home-new .section-review .featured-text .content-title {
        font-size:2rem;
        display:-webkit-box;
        max-height:6em;
        overflow:hidden;
        text-overflow:ellipsis;
        -webkit-line-clamp:4;
        -webkit-box-orient:vertical;
        word-break:keep-all
    }
    .home-new .section-review .featured-text .content-author,
    .home-new .section-slide .item-full-video .video-title .title {
        font-size:1.5rem
    }
    .home-new .new-item:before {
        left:-17px;
        width:7px;
        height:7px
    }
    .home-new .site-main:before {
        height:700px
    }
    .home-new .half-wrap {
        margin:0;
        overflow:visible
    }
    .home-new .half-wrap .half {
        width:100%;
        padding-top:2rem
    }
    .home-new .section-title,
    .home-new .section-title.sm {
        font-size:2rem
    }
    .home-new .content-title,
    .home-new .section-slide .item-1x2 .title,
    .home-new .section-slide .title {
        font-size:2.4rem
    }
    .home-new .section-exhibitions .featured-wrap {
        padding-bottom:200px
    }
    .home-new .featured-wrap {
        position:relative;
        padding-bottom:190px
    }
    .home-new .featured-wrap .content-title {
        display:inherit;
        max-height:none;
        overflow:inherit;
        text-overflow:inherit;
        -webkit-line-clamp:inherit;
        -webkit-box-orient:inherit;
        word-break:normal
    }
    .home-new .featured-wrap .content-related {
        position:absolute;
        width:100%;
        bottom:0;
        left:0
    }
    .home-new .section-slide .slick-slide {
        height:328px
    }
    .home-new .section-slide .badge {
        margin-bottom:8px
    }
    .home-new .section-slide .title-wrap {
        padding:25px
    }
    .home-new .section-slide .item-1x1 .title-wrap {
        padding:12px
    }
    .home-new .section-slide .item-1x1 .title {
        font-size:1.8rem
    }
    .home-new .section-slide .item-1x2 .title-wrap,
    .home-new .section-slide .item-full-video .video-title .title-wrap {
        padding:20px
    }
    .home-new .section-slide .slide-paging-wrap {
        margin-top:12px
    }
    .home-new .section-slide .slide-paging-wrap:not(.mobile-slide),
    .home-new .section-slide .slide-wrap:not(.mobile-slide) {
        display:none
    }
    .home-new .section-slide .slide-paging-wrap.mobile-slide {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex
    }
    .home-new .section-slide .slick-dots {
        margin-right:15px
    }
    .home-new .section-news .lists .list-item:first-child,
    .home-new .section-news .lists .list-item:nth-child(2),
    .home-new .section-slide .slide-wrap.mobile-slide {
        display:block
    }
    .home-new .section-slide .slide-wrap.mobile-slide .slide-item>a {
        display:block;
        height:100%
    }
    .home-new .section-slide .slide-wrap.mobile-slide .slide-item>a img {
        -o-object-fit:cover;
        object-fit:cover;
        width:100%;
        height:100%
    }
    .home-new .section-arrivals {
        height:auto;
        margin-bottom:100px
    }
    .home-new .section-arrivals .thumbnail-lists {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        overflow-x:auto;
        width:-webkit-calc(100% + 60px);
        width:calc(100% + 60px);
        margin-top:40px;
        margin-left:-30px;
        padding-left:10px;
        -ms-overflow-style:none;
        scrollbar-width:none
    }
    .home-new .section-arrivals .thumbnail-lists .list-item {
        margin-left:20px;
        margin-right:20px
    }
    .home-new .section-arrivals .thumbnail-lists::-webkit-scrollbar {
        display:none
    }
    .home-new .section-media:before {
        top:0;
        height:770px
    }
    .home-new .section-media .section-title {
        margin-bottom:42px
    }
    .home-new .section-media .section-title.sm {
        margin-bottom:20px
    }
    .home-new .section-media .half-wrap .half {
        margin-bottom:30px
    }
    .home-new .section-featured:before {
        top:-140px;
        height:700px
    }
    .home-new .section-featured .section-title {
        margin-bottom:40px
    }
    .home-new .section-events .events-wrap {
        width:-webkit-calc(100% + 60px);
        width:calc(100% + 60px);
        height:auto;
        margin-left:-30px;
        margin-bottom:50px
    }
    .home-new .section-review .featured-wrap {
        padding:35px 30px
    }
    .home-new .section-publication .section-title {
        margin-bottom:32px
    }
    .home-new .section-publication .related-image {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        margin:0 -30px;
        padding-left:15px;
        overflow-x:auto;
        -ms-overflow-style:none;
        scrollbar-width:none
    }
    .home-new .section-publication .related-image .list-item {
        margin:0 15px;
        width:142px
    }
    .home-new .section-publication .related-image .list-item a {
        height:142px
    }
    .home-new .section-publication .related-image::-webkit-scrollbar {
        display:none
    }
    .home-new .section-news:before {
        top:30px;
        height:500px
    }
    .home-new .section-news .lists .list-item {
        display:none;
        width:-webkit-calc(100% - 32px);
        width:calc(100% - 32px)
    }
    .subpage.program.viewpage .content-about .thumbnail { width: 100% !important; }
}
@media only screen and (max-width:374px) {
    .home-new .section-arrivals .section-title-wrap .load-more {
        margin-left:10px
    }
    .home-new .section-exhibitions .section-title-wrap .section-title-inner {
        margin-bottom:40px
    }
    .home-new .section-exhibitions .section-title-wrap .section-title {
        margin-right:15px;
        margin-bottom:0
    }
    .home-new .section-exhibitions .section-title-wrap .load-more {
        margin-left:0
    }
}
.subpage.originalBooks .contents-search-wrap {
    padding-bottom:21px
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap,
.subpage.originalBooks .originalBooks-lists-wrap .side-wrap {
    width:245px;
    margin-right:35px
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .title,
.subpage.originalBooks .originalBooks-lists-wrap .side-wrap .title {
    font-weight:700;
    font-size:1.6rem;
    line-height:31px;
    margin-bottom:17px
}
.subpage.e-news .originalBooks-lists-wrap .lists-wrap,
.subpage.originalBooks .originalBooks-lists-wrap .lists-wrap {
    width:-webkit-calc(100% - 280px);
    width:calc(100% - 280px)
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .sides .content-expand-wrap .item-toggle,
.subpage.originalBooks .side-wrap .sides .content-expand-wrap .item-toggle {
    width:12px;
    height:12px;
    margin:4px 8px 4px 4px;
    background:url(../../images/subpage/side-minus-line@2x.png) center/12px 2px no-repeat;
    -webkit-background-size:12px 2px
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .sides .content-expand-wrap .content-wrap.closed>.content>.item-toggle,
.subpage.originalBooks .side-wrap .sides .content-expand-wrap .content-wrap.closed>.content>.item-toggle {
    background-image:url(../../images/subpage/side-plus-line@2x.png);
    -webkit-background-size:12px 12px;
    background-size:12px 12px
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .sides .content-expand-wrap .content-wrap,
.subpage.originalBooks .side-wrap .sides .content-expand-wrap .content-wrap {
    position:relative;
    padding-left:24px
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .sides .content-expand-wrap .content-wrap .item-toggle,
.subpage.originalBooks .side-wrap .sides .content-expand-wrap .content-wrap .item-toggle {
    position:absolute;
    top:0;
    left:-24px
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .sides .content-expand-wrap .content-wrap>ul>.content-wrap,
.subpage.originalBooks .side-wrap .sides .content-expand-wrap .content-wrap>ul>.content-wrap {
    padding-left:9px
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .sides .item.item-scroll .content-expand-wrap,
.subpage.e-news .originalBooks-lists-wrap .side-wrap .sides .item.item-scroll .content-normal-wrap,
.subpage.originalBooks .side-wrap .sides .item.item-scroll .content-expand-wrap,
.subpage.originalBooks .side-wrap .sides .item.item-scroll .content-normal-wrap {
    padding:6px 0 20px
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .period-wrap,
.subpage.originalBooks .side-wrap .period-wrap {
    padding-top:22px
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .period-wrap .period-bar-wrap,
.subpage.e-news .originalBooks-lists-wrap .side-wrap .period-wrap .period-input-wrap,
.subpage.originalBooks .side-wrap .period-wrap .period-bar-wrap,
.subpage.originalBooks .side-wrap .period-wrap .period-input-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .period-wrap .period-input-wrap,
.subpage.originalBooks .side-wrap .period-wrap .period-input-wrap {
    margin-bottom:22px
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .period-wrap .period-input-wrap .bar,
.subpage.originalBooks .side-wrap .period-wrap .period-input-wrap .bar {
    display:inline-block;
    width:8px;
    height:1px;
    background:#000;
    margin:0 13px
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .period-wrap .period-input,
.subpage.originalBooks .side-wrap .period-wrap .period-input {
    width:64px;
    height:30px;
    font-size:1.5rem;
    padding:5px;
    text-align:center;
    background-color:#fff;
    border:1px solid #bbb
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .period-wrap .period-bar-wrap .text-year,
.subpage.originalBooks .side-wrap .period-wrap .period-bar-wrap .text-year {
    font-weight:400;
    font-size:1.3rem;
    color:#666
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .period-wrap .period-bar-wrap .bar-wrap,
.subpage.originalBooks .side-wrap .period-wrap .period-bar-wrap .bar-wrap {
    position:relative;
    width:156px;
    height:5px;
    margin:0 8px;
    background-color:#c4c4c4
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .period-wrap .period-bar-wrap .bar-wrap .bar,
.subpage.originalBooks .side-wrap .period-wrap .period-bar-wrap .bar-wrap .bar {
    position:absolute;
    height:5px;
    top:0;
    background:#000
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .period-wrap .period-bar-wrap .bar-wrap .bar:after,
.subpage.e-news .originalBooks-lists-wrap .side-wrap .period-wrap .period-bar-wrap .bar-wrap .bar:before,
.subpage.originalBooks .side-wrap .period-wrap .period-bar-wrap .bar-wrap .bar:after,
.subpage.originalBooks .side-wrap .period-wrap .period-bar-wrap .bar-wrap .bar:before {
    content:'';
    position:absolute;
    top:-2px;
    width:1px;
    height:9px;
    background:#000
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .selected-options,
.subpage.originalBooks .side-wrap .selected-options {
    margin:35px 0 27px
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .selected-options .title,
.subpage.originalBooks .side-wrap .selected-options .title {
    font-weight:700;
    font-size:1.6rem;
    line-height:1;
    margin-bottom:20px
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .btn-wrap .btn,
.subpage.originalBooks .side-wrap .btn-wrap .btn {
    width:100%;
    height:40px;
    font-weight:700;
    font-size:1.4rem;
    color:#fff;
    background:#000;
    margin-bottom:10px
}
.subpage.e-news .originalBooks-lists-wrap .side-wrap .btn-wrap .btn-excel,
.subpage.originalBooks .side-wrap .btn-wrap .btn-excel {
    background:#4d4d4d
}
.subpage.originalBooks .lists-wrap .filter-wrap,
.subpage.relatedContents .lists-wrap .filter-wrap {
    padding:0 15px 17px 0
}
.subpage.bookReviews .lists-thumbnail.tab,
.subpage.originalBooks .lists-wrap .lists,
.subpage .program-lists-wrap .lists,
.subpage.relatedContents .lists-wrap .lists {
    border-top:2px solid #000;
    border-bottom:2px solid #000
}
.subpage.originalBooks .lists-wrap .lists .list-item,
.subpage.relatedContents .lists-wrap .lists .list-item {
    padding:20px 0;
    border-top:1px solid #c4c4c4
}
.subpage.e-news .lists .e-news-wrap,
.subpage.images .lists .images-wrap,
.subpage.originalBooks .lists-wrap .lists .book-wrap,
.subpage.publications .lists .publications-wrap,
.subpage.relatedContents .lists-wrap .lists .book-wrap,
.subpage.videos .lists .videos-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0 20px
}
.subpage.originalBooks .lists-wrap .lists .thumbnail {
    display:inline-block;
    width:130px
}
.subpage.originalBooks .lists-wrap .lists .info {
    width:-webkit-calc(100% - 130px);
    width:calc(100% - 130px);
    padding-left:30px
}
.subpage.originalBooks .lists-wrap .lists .info .title,
.subpage.relatedContents .lists-wrap .lists .info .title {
    display:block;
    font-weight:700;
    font-size:1.6rem;
    line-height:1.2;
    margin-top:7px
}
.subpage.originalBooks .lists-wrap .lists .info .sub-title,
.subpage.relatedContents .lists-wrap .lists .info .sub-title {
    font-weight:400;
    font-size:2rem;
    line-height:1.2;
    margin-top:7px
}
.subpage.originalBooks .lists-wrap .lists .info .badge-wrap,
.subpage.relatedContents .lists-wrap .lists .info .badge-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:20px;
    margin-right:-5px;
    margin-bottom:-5px
}
.subpage.originalBooks .lists-wrap .lists .info .author,
.subpage.relatedContents .lists-wrap .lists .info .author {
    font-weight:400;
    font-size:1.5rem;
    line-height:1.2;
    margin-top:15px
}
.subpage.originalBooks .lists-wrap .lists .info .description,
.subpage.relatedContents .lists-wrap .lists .info .description {
    display:-webkit-box;
    max-height:2.6666em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:keep-all;
    font-weight:400;
    font-size:1.5rem;
    color:#585858;
    line-height:1.3333;
    margin-top:9px
}
.subpage.originalBooks .lists-wrap .lists.lists-thumbnail .list-item {
    width:-webkit-calc(50% - 10px);
    width:calc(50% - 10px)
}
#donationSearchModal .lists-wrap .info .title,
.subpage.audioBooks .lists-wrap .lists .info .author,
.subpage.bookReviews .lists-thumbnail .badge-wrap,
.subpage.eBooks .lists-wrap .lists .info .author,
.subpage.originalBooks .lists-wrap .lists.lists-thumbnail .list-item .info .badge-wrap,
.subpage.translatedBooks .lists-wrap .lists .info .author {
    margin-top:12px
}
.subpage.originalBooks .lists-wrap .lists.no-thumbnail .info {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    width:100%;
    padding-left:0
}
.subpage.join .apply-wrap .input-wrap,
.subpage.originalBooks .lists-footer .filter-wrap,
.subpage.themes .lists.lists-thumbnail,
.subpage.writers .lists .list-header .item-name {
    padding:0
}
.subpage.contest .contest-books-list,
.subpage.e-news.viewpage .contents-wrap,
.subpage.originalBooks.viewpage .contents-wrap {
    margin-top:55px
}
.subpage.originalBooks.viewpage .works-list,
.subpage.statistics .table {
    width:100%;
    text-align:center
}
.subpage.originalBooks.viewpage .works-list thead {
    background-color:#ececec
}
.subpage.originalBooks.viewpage .works-list thead tr {
    border-bottom:1px solid #fff
}
.subpage.originalBooks.viewpage .works-list thead th {
    width:25%;
    font-weight:700;
    font-size:1.5rem;
    padding:12px 10px;
    border-right:1px solid #fff
}
.subpage.translatedBooks .lists-wrap .lists .info .title {
    margin-top:13px
}
.subpage.audioBooks.viewpage .side-wrap .sides,
.subpage.eBooks.viewpage .side-wrap .sides {
    width:-webkit-calc(100% - 245px);
    width:calc(100% - 245px);
    padding-left:35px
}
.subpage.audioBooks.viewpage .side-wrap .sides:first-child,
.subpage.eBooks.viewpage .side-wrap .sides:first-child{
    width:245px;
    padding-left:0
}
.subpage.translatedBooks.viewpage .side-wrap .sides {
    width:100%;
}
.subpage.translatedBooks.viewpage .contents-books .holdings-list {
    width:100%;
    margin-bottom:33px;
    text-align:center
}
.subpage.translatedBooks.viewpage .contents-books .holdings-list thead th.no {
    width:7.5%
}
.subpage.translatedBooks.viewpage .contents-books .holdings-list thead th.callno {
    width:28.75%
}
.subpage.translatedBooks.viewpage .contents-books .holdings-list thead th.loaction {
    width:24.58%
}
.subpage.translatedBooks.viewpage .contents-books .holdings-list thead th.status {
    width:20.42%
}
.subpage.translatedBooks.viewpage .contents-books .holdings-list thead th.duedate {
    width:18.75%
}
.subpage.audioBooks .lists-wrap .lists .info .title,
.subpage.eBooks .lists-wrap .lists .info .title {
    font-weight:400;
    font-size:2rem;
    margin-top:13px
}
.subpage.audioBooks .lists-wrap .lists .info .description,
.subpage.eBooks .lists-wrap .lists .info .description {
    display:-webkit-box;
    max-height:3.9999em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    word-break:keep-all
}
.subpage.audioBooks.viewpage .content-about .thumbnail .btn-online,
.subpage.eBooks.viewpage .content-about .thumbnail .btn-online {
    display:block;
    width:100%;
    height:40px;
    font-weight:700;
    font-size:1.4rem;
    color:#fff;
    line-height:40px;
    background-color:#000;
    margin-top:20px;
    text-align:center
}
.subpage.audioBooks.viewpage .content-about .thumbnail .info-wrap,
.subpage.eBooks.viewpage .content-about .thumbnail .info-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    margin-top:15px
}
.subpage.audioBooks.viewpage .content-about .thumbnail .info-wrap .ico-info,
.subpage.eBooks.viewpage .content-about .thumbnail .info-wrap .ico-info {
    display:inline-block;
    width:15px;
    height:15px;
    background:url(../../images/subpage/info@2x.png) center/15px 15px no-repeat;
    -webkit-background-size:15px 15px;
    margin-right:5px
}
.scroll-wrapper {
    height:auto;
    max-height:310px
}
.scroll-wrapper.scrollbar-outer>.scroll-content.scroll-scrolly_visible {
    left:-17px;
    margin-left:17px
}
.scroll-wrapper.scrollbar-outer>.scroll-element.scroll-y {
    width:17px
}
.scroll-wrapper.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
    left:12px;
    width:5px;
    border-radius:0
}
.scroll-wrapper.scrollbar-outer>.scroll-element .scroll-element_track {
    background:#c4c4c4;
    border-radius:0;
    opacity:.5
}
.scroll-wrapper.scrollbar-outer>.scroll-element.scroll-y .scroll-bar {
    background:#2c98f0;
    border-radius:0;
    opacity:.5
}
.subpage.audioBooks .scroll-wrapper,
.subpage.eBooks .scroll-wrapper,
.subpage.translatedBooks .scroll-wrapper {
    max-height:258px
}
.subpage.writers .star {
    display:inline-block;
    width:13px;
    height:12px;
    background:url(../../images/subpage/star@2x.png) center/13px 12px no-repeat;
    -webkit-background-size:13px 12px
}
.subpage.writers .writer-star {
    margin-top:26px
}
.subpage.writers .writer-star .star-wrap {
    font-weight:700;
    font-size:1.5rem;
    color:#2c98f0;
    line-height:1.2
}
.subpage.bookReviews .download-wrap .btn-wrap a,
.subpage.writers .writer-star .star-wrap .star {
    margin-right:8px
}
.subpage.writers .writer-star .star-description {
    width:80%;
    font-weight:400;
    font-size:1.5rem;
    color:#585858;
    line-height:1.6;
    margin-top:12px
}
.subpage.writers .lists-wrap {
    margin-top:21px
}
.subpage.writers .lists-wrap .filter-wrap {
    margin-bottom:17px
}
.subpage .libraryNews-lists,
.subpage.mypage .lists,
.subpage.writers .lists {
    display:table;
    width:100%;
    border-bottom:1px solid #000
}
.subpage .libraryNews-lists .list-header,
.subpage .libraryNews-lists .list-item,
.subpage.audios .lists .list-header,
.subpage.audios .lists .list-item,
.subpage.mypage .lists .list-header,
.subpage.mypage .lists .list-item,
.subpage.writers .lists .list-header,
.subpage.writers .lists .list-item {
    display:table-row;
    width:100%
}
.subpage .libraryNews-lists .list-content,
.subpage.audios .lists .list-content,
.subpage.mypage .lists .list-content,
.subpage.writers .lists .list-content {
    display:table-row-group;
    width:100%
}
.subpage.audios .lists .item,
.subpage.writers .lists .item {
    display:table-cell;
    font-weight:400;
    font-size:1.5rem;
    line-height:1.6;
    padding:18px 15px;
    border-right:1px solid #fff
}
.subpage.writers .lists .item.item-name {
    font-weight:700;
    width:33.33%
}
.subpage.writers .lists .item.item-occupations {
    width:20.83%
}
.subpage.contest .libraryNews-lists .item.item-date,
.subpage.contest .libraryNews-lists .item.item-status,
.subpage.org-mypage .libraryNews-lists .item.item-date,
.subpage.org-mypage .libraryNews-lists .item.item-status,
.subpage.writers .lists .item.item-birth {
    width:15%
}
.subpage.writers .lists .item.item-death {
    width:14.17%
}
.subpage.writers .lists .item.item-isni {
    width:16.67%
}
.subpage .libraryNews-lists .list-header .item:first-child,
.subpage.advancedSearch .contents-books .audio-list thead th,
.subpage.audios .lists .list-header .item:first-child,
.subpage.mypage .lists .list-header .item:first-child,
.subpage.mypage .lists-table thead th:first-of-type,
.subpage.writers .lists .list-header .item:first-child {
    border-left:1px solid #fff
}
.subpage.writers .lists .list-header .item,
.subpage.writers .lists .list-header .name-select {
    padding:11px 15px;
    background-color:#eee
}
.subpage.writers .lists .list-header .name-select {
    width:100%;
    font-weight:400;
    line-height:1.6;
    background-image:url(../../images/search-dropdown@2x.png);
    background-repeat:no-repeat;
    background-position:right center;
    -webkit-background-size:46px 46px;
    background-size:46px 46px
}
.subpage .libraryNews-lists .list-item .item,
.subpage.writers .lists .list-item .item {
    vertical-align:middle;
    border-right-color:#c4c4c4;
    border-top:1px solid #c4c4c4
}
.subpage.contest .contents-books,
.subpage.discover .discover-lists-wrap,
.subpage.e-news .e-news-lists-wrap,
.subpage.events .events-lists-wrap,
.subpage.images .images-lists-wrap,
.subpage.publications .publications-lists-wrap,
.subpage.videos .videos-lists-wrap,
.subpage.writers .contents-search-wrap {
    border-bottom:2px solid #000
}
.subpage.discover .program-lists-wrap { border-top:none;}
.subpage.writers.viewpage .title-wrap .title {
    font-size:2.4rem;
    margin-top:0
}
.subpage.discover .discover-lists-wrap .lists,
.subpage.writers.viewpage .contents-wrap {
    margin-top:50px
}
.subpage.discover .program-lists-wrap .lists { margin: 0; padding-top: 40px;}
.subpage.writers.viewpage .wrtiers-tab .tab {
    padding:12px 22px
}
.subpage.writers.viewpage .writers-profile {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:50px
}
.subpage.discover.viewpage .contents-tree-wrap .contents-button,
.subpage.themes.viewpage .contents-button .btn-return,
.subpage.writers.viewpage .writers-profile .thumbnail {
    width:300px
}
.subpage.writers.viewpage .writers-profile .caution {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    font-size:1.3rem;
    line-height:1.23;
    margin-top:14px
}
#memberInviteModal .invite-list .email i,
.subpage.writers.viewpage .writers-profile .caution i {
    margin-right:5px
}
.subpage.writers.viewpage .writers-profile .caution p {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    color:#777
}
.subpage.writers.viewpage .writers-profile .info {
    width:-webkit-calc(100% - 300px);
    width:calc(100% - 300px);
    padding-left:40px;
    font-size:1.5rem;
    line-height:1.2;
    margin-bottom:-10px
}
.subpage.writers.viewpage .writers-profile .info dt {
    float:left;
    width:200px;
    font-weight:700;
    color:#585858;
    margin-bottom:10px
}
.subpage.contest .divide,
.subpage.writers.viewpage .writers-content-wrap {
    margin:40px 0
}
.subpage.discover.viewpage.items-page .discover-lists-wrap .lists .list-item .content,
.subpage.login .convert-wrap .fieldset.fieldset-allagree,
.subpage.writers.viewpage .writers-content-wrap .side-wrap .language-wrap {
    margin-top:-10px
}
.subpage.writers.viewpage .writers-content-wrap .dot-list li,
.subpage.writers.viewpage .writers-content-wrap .dot-title {
    font-size:1.8rem
}
.subpage.writers.viewpage .contents-books {
    margin-top:65px
}
.subpage.eventDatabase .map-wrap {
    position:relative;
    width:100%;
    height:566px;
    overflow:hidden;
    border:1px solid #ccc
}
.subpage.eventDatabase .map-wrap .contents-search-wrap {
    position:absolute;
    left:40px;
    bottom:25px;
    background:0 0;
    border-bottom:none
}
.subpage.contest .donation-form-wrap .fieldset-inline-wrap .fieldset+.fieldset .label,
.subpage.eventDatabase .map-wrap .contents-search-wrap .select-year,
.subpage.org-mypage .donation-form-wrap .fieldset-inline-wrap .fieldset+.fieldset .label {
    width:90px
}
.subpage.eventDatabase .lists-wrap .filter-wrap {
    padding:17px 15px 17px 0;
    margin-bottom:0;
    background:#fff
}
.subpage.eventDatabase .lists .item.item-event,
.subpage.login .join-wrap .fieldset .input-wrap.middle,
.subpage.mypage .suggestion-wrap .fieldset .input-wrap.middle {
    width:360px
}
.subpage.eventDatabase .lists .item.item-venue {
    width:290px
}
.subpage.discover.items-page .discover-lists-wrap .lists.lists-thumbnail .list-item,
.subpage.discover.viewpage .contents-tree-wrap .discover-lists-wrap .lists.lists-thumbnail .list-item,
.subpage.eventDatabase .lists .item.item-collection,
.subpage.eventDatabase .lists .item.item-date,
.subpage.login .join-wrap .fieldset .select-wrap,
.subpage.themes.viewpage .discover-lists-wrap .lists.lists-thumbnail .list-item {
    width:200px
}
.subpage.eventDatabase .lists .list-header .ico-order {
    float:right;
    display:inline-block;
    width:21px;
    height:14px;
    margin-top:5px;
    background:url(../../images/subpage/order-asc@2x.png) center/21px 14px no-repeat;
    -webkit-background-size:21px 14px;
    cursor:pointer
}
.subpage.eventDatabase .lists .list-header .ico-order.desc {
    background-image:url(../../images/subpage/order-desc@2x.png)
}
.subpage.eventDatabase.viewpage .content-about .thumbnail {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:346px;
    height:346px;
    background-color:#f3f3f3
}
.subpage.eventDatabase.viewpage .content-about .thumbnail>img {
    max-height:100%
}
.subpage.eventDatabase.viewpage .content-about .about-wrap {
    position:relative;
    width:-webkit-calc(100% - 346px);
    width:calc(100% - 346px);
    padding-left:40px
}
.subpage.eventDatabase.viewpage .content-about .about-wrap .about dt {
    float:left;
    width:180px;
    font-weight:700;
    color:#585858;
    margin-bottom:9px
}
.subpage.eventDatabase.viewpage .content-about .about-wrap .about dd {
    float:left;
    width:-webkit-calc(100% - 180px);
    width:calc(100% - 180px);
    padding-left:20px;
    font-weight:400;
    color:#000;
    margin-bottom:9px
}
.subpage.discover.viewpage .contents-tree-wrap .content-about .about-wrap .btn-wrap,
.subpage.eventDatabase.viewpage .content-about .about-wrap .btn-wrap {
    position:absolute;
    left:30px;
    bottom:0;
    width:-webkit-calc(100% - 30px);
    width:calc(100% - 30px)
}
.subpage.discover.viewpage .contents-tree-wrap .content-about .about-wrap .about-btn,
.subpage.eventDatabase.viewpage .content-about .about-wrap .about-btn {
    display:block;
    width:100%;
    height:40px;
    font-weight:700;
    font-size:1.4rem;
    color:#fff;
    line-height:40px;
    margin-bottom:10px;
    background-color:#000;
    text-align:center
}
.subpage.discover.viewpage .contents-tree-wrap .content-about .about-wrap .about-btn .sub-text,
.subpage.eventDatabase.viewpage .content-about .about-wrap .about-btn .sub-text {
    font-weight:400;
    color:#999
}
.subpage.contest .member-btn-wrap,
.subpage.discover.viewpage .contents-tree-wrap .content-about .share,
.subpage.eventDatabase.viewpage .content-about .share,
.subpage.org-mypage .member-btn-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:20px
}
.subpage.aboutLTI .section.section-about .about-wrap .images img:first-of-type,
.subpage.discover.viewpage .contents-tree-wrap .content-about .share li,
.subpage.eventDatabase.viewpage .content-about .share li {
    margin-right:20px
}
.subpage.eventDatabase.viewpage .contents-books .books-list .list-item .info .date {
    font-weight:700;
    font-size:1.5rem;
    line-height:1.6;
    margin-top:16px
}
.subpage.eventDatabase.viewpage .contents-books .books-list .list-item .info .collection,
.subpage.mypage .lists-table td,
.subpage.mypage .lists-table th {
    font-weight:400;
    font-size:1.5rem;
    line-height:1.6
}
.subpage.e-news .filter-wrap,
.subpage.events .events-lists-wrap .filter-wrap {
    padding-right:15px;
    padding-bottom:40px
}
.subpage.e-news .lists .thumbnail {
    position:relative;
    display:block;
    width:200px;
    height:200px;
    background-color:#eee;
    overflow:hidden
}
.subpage.e-news .lists .thumbnail>img {
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%;
    max-height:100%
}
.subpage.discover .discover-lists-wrap .lists .list-item .info,
.subpage.e-news .lists .info,
.subpage.publications .lists .publications-wrap .info {
    width:-webkit-calc(100% - 200px);
    width:calc(100% - 200px);
    padding-left:40px
}
.subpage.discover .program-lists-wrap .lists .list-item .info {
    padding-left:0;
    padding-right: 40px;
    width:-webkit-calc(100% - 346px);
    width:calc(100% - 346px);
}

.subpage.e-news .lists .info .badge-wrap,
.subpage.events .lists .info .badge-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-5px;
    margin-bottom:-5px
}
.subpage.e-news .lists .info .title {
    display:block;
    font-weight:500;
    font-size:2.3rem;
    line-height:1.5;
    margin-top:11px
}
.subpage.e-news .lists .info .journal {
    font-weight:500;
    font-size:2rem;
    line-height:1.6;
    margin-top:5px;
    color: #999;
}
.subpage.e-news .lists .info .date {
    font-weight:500;
    font-size:1.6rem;
    line-height:1.5;
    margin-top:25px
}
.subpage.e-news .lists .info .description {
    overflow:hidden;
    display:-webkit-box;
    max-height:4.8em;
    line-height:1.6;
    word-wrap:break-word;
    text-overflow:ellipsis;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    font-weight:400;
    font-size:1.5rem;
    color:#585858;
    margin-top:11px
}
.subpage.e-news .lists.lists-thumbnail,
.subpage.images .lists.lists-thumbnail {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:0 4px
}
.subpage.e-news .lists.lists-thumbnail .list-item {
    display:block;
    width:25%
}
.subpage.e-news .lists.lists-thumbnail .e-news-wrap {
    display:block;
    margin:0 17px
}
.subpage.e-news .lists.lists-thumbnail .thumbnail,
.subpage.events .lists.lists-thumbnail .thumbnail,
.subpage.images .lists.lists-thumbnail .list-item .thumbnail {
    width:100%;
    height:0;
    padding-top:100%
}
.subpage.e-news .lists.lists-thumbnail .info,
.subpage.publications .lists.lists-thumbnail .publications-wrap .info {
    width:100%;
    padding-left:0;
    margin-top:10px
}
.subpage.e-news .lists.lists-thumbnail .info .title {
    display:-webkit-box;
    max-height:2.8em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:keep-all
}
.subpage.e-news.viewpage .contents-about-wrap {
    margin-bottom:55px
}
.subpage.e-news.viewpage .content-about .about-book .about-content .thumbnail {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:300px;
    min-height:300px;
    background-color:#eee
}
.subpage.e-news.viewpage .content-about .about-book .about-content .info-wrap {
    width:-webkit-calc(100% - 300px);
    width:calc(100% - 300px);
    padding-left:40px
}
.subpage.e-news.viewpage .content-about .about-book .about-content .info dd {
    width:-webkit-calc(100% - 150px);
    width:calc(100% - 150px)
}
.subpage.e-news.viewpage .content-about .about-book .about-content .info dd.info-url a {
    display:-webkit-box;
    max-height:1.2em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    word-break:keep-all
}
.subpage.e-news .originalBooks-lists-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    border-bottom:none
}
.subpage.e-news .originalBooks-lists-wrap .filter-wrap {
    margin-bottom:0;
    padding:0 15px 17px 0
}
.subpage.e-news .originalBooks-lists-wrap .lists {
    padding-top:20px;
    border-bottom:2px solid #000;
    border-top:2px solid #000
}
.subpage.videos .lists .thumbnail {
    width:346px!important;
    height:195px!important
}
.subpage.videos .lists .thumbnail>img {
    max-width:100%;
    max-height:100%
}
.subpage.events .lists .info,
.subpage.videos .lists .info {
    width:-webkit-calc(100% - 346px);
    width:calc(100% - 346px);
    padding-left:40px
}
.subpage.videos .lists.lists-thumbnail {
    padding:0 21px
}
.subpage.events .lists.lists-thumbnail .list-item,
.subpage.videos .lists.lists-thumbnail .list-item {
    width:33.3333%
}
.subpage.videos .lists.lists-thumbnail .thumbnail {
    height:0!important;
    padding-top:57%
}
.subpage.images .lists .list-item .thumbnail {
    width:264px;
    height:264px
}
.subpage.images .lists .list-item .info {
    width:-webkit-calc(100% - 264px);
    width:calc(100% - 264px)
}
.subpage.images .lists .list-item .info .collection {
    font-weight:700;
    font-size:1.6rem;
    color:#777;
    line-height:1.25;
    margin-top:17px
}
.subpage.images .lists .list-item .info .collection+.title,
.subpage.join .apply-wrap .fieldset-title .mt12 {
    margin-top:7px
}
.subpage.images .lists.lists-thumbnail .images-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0
}
.subpage.images .lists.lists-thumbnail .list-item {
    width:-webkit-calc(25% - 34px);
    width:calc(25% - 34px);
    margin:0 17px 30px
}
.subpage.join .btn-wrap .btn-inner,
.subpage.themes .lists.lists-thumbnail .list-item {
    width:50%
}
#newsletterModal .info,
.subpage.contest .side-tab,
.subpage.mypage .suggestion-wrap .infobox .dot-list,
.subpage.org-mypage .side-tab,
.subpage.themes .lists.lists-thumbnail .info {
    margin-top:30px
}
.subpage.libraryNews.viewpage .descriptions-list,
.subpage.themes.viewpage .discover {
    margin-bottom:80px
}
.subpage.themes.viewpage .contents-wrap {
    margin-top:42px
}
.subpage.themes.viewpage .contents-wrap .thumbnail {
    margin-bottom:50px;
    text-align:center
}
.subpage.themes.viewpage .contents-wrap .contents-button {
    margin-top:20px;
    text-align:center
}
.subpage.themes.viewpage .contents-wrap .contents-button .btn-wrap {
    display:inline-block;
    width:385px;
    max-width:100%;
    text-align:center
}
.subpage.themes.viewpage .side-wrap .descriptions-list {
    padding:0;
    border:none
}
.subpage.themes.viewpage .video-wrap {
    position:relative;
    width:60%;
    height:0;
    padding-top:37.455%;
    margin:0 auto
}
.subpage.events .lists .list-item {
    margin-bottom:35px
}
.subpage.events .lists .events-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0 21px
}
.subpage.events .lists .thumbnail {
    position:relative;
    display:block;
    width:346px;
    height:346px;
    background-color:#eee;
    overflow:hidden
}
.subpage.events .lists .thumbnail img {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    max-width:100%;
    max-height:100%
}
.subpage.events .lists .info .title {
    display:block;
    font-weight:400;
    font-size:2rem;
    line-height:1.2;
    margin-top:5px
}
.subpage.events .lists .info .date {
    font-weight:700;
    font-size:1.5rem;
    line-height:1.6;
    margin-top:13px
}
.subpage.events .lists .info .program {
    font-weight:400;
    font-size:1.5rem;
    line-height:1.6;
    margin-top:5px
}
.subpage.events .lists .info .description {
    font-weight:400;
    font-size:1.5rem;
    line-height:1.6;
    color:#585858;
    margin-top:15px;
    display:-webkit-box;
    max-height:4.800000000000001em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    word-break:keep-all
}
.subpage.events .lists.lists-thumbnail {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:0 18px
}
.subpage.events.viewpage .content-about {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:20px 0;
    margin-bottom:30px;
    border-bottom:1px solid #000
}
.subpage.events.viewpage .content-about .about {
    width:-webkit-calc(100% - 538px);
    width:calc(100% - 538px);
    padding-right:10px;
    font-size:1.5rem;
    line-height:1.2;
    margin-bottom:-10px
}
.subpage.events.viewpage .content-about .about dt {
    float:left;
    width:135px;
    font-weight:700;
    color:#585858;
    margin-bottom:10px
}
.subpage.events.viewpage .content-about .about dd {
    float:left;
    width:-webkit-calc(100% - 135px);
    width:calc(100% - 135px);
    padding-left:10px;
    margin-bottom:10px
}
.subpage.events.viewpage .content-about .register-now {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:538px;
    font-weight:400;
    font-size:1.5rem;
    color:#000;
    line-height:1.2;
    padding:16px 24px;
    border:1px solid #2c98f0;
    background-color:#dcefff
}
.subpage.events.viewpage .content-about .register-now .text {
    width:-webkit-calc(100% - 244px);
    width:calc(100% - 244px)
}
.subpage.events.viewpage .content-about .register-now .btn-register {
    display:inline-block;
    width:194px;
    height:40px;
    font-weight:700;
    font-size:1.4rem;
    color:#fff;
    line-height:40px;
    margin-left:50px;
    background:#000;
    text-align:center
}
.subpage.events.viewpage .side-wrap .item-contents .paragraph-list {
    padding:30px 0;
    border:none
}
.subpage.discover .discover-lists-wrap .lists-wrap .filter-wrap {
    position:absolute;
    top:0;
    right:0;
    width:-webkit-calc(100% - 273px);
    width:calc(100% - 273px)
}

.subpage.discover .program-lists-wrap .lists-wrap .filter-wrap {
    position:relative;
    top:auto;
    right:auto;
    width: 100%;
    padding: 17px 0 17px 0;

}

#newsletterModal .title-table-wrap,
.subpage.contest .form-lists-wrap .form-wrap,
.subpage.discover .discover-lists-wrap .lists-tab,
.subpage.login .email-auth-wrap .form-description,
.subpage.mypage .suggestion-wrap .suggestion-inner,
.subpage.org-mypage .form-lists-wrap .form-wrap {
    margin-bottom:50px
}
.subpage.discover .discover-lists-wrap .lists .list-item,
.subpage.publications .lists .list-item {
    width:100%;
    margin-bottom:40px
}
.subpage.discover .discover-lists-wrap .lists .list-item .thumbnail,
.subpage.publications .lists .publications-wrap .thumbnail {
    display:inline-block;
    width:200px
}
.subpage.discover .program-lists-wrap .lists .list-item .thumbnail { width: 346px; background-color: #E9E9E9; text-align: center;}
.subpage.discover .program-lists-wrap .lists .list-item .thumbnail img {}

.subpage.discover .discover-lists-wrap .lists .list-item .badge-wrap,
.subpage.publications .lists .publications-wrap .badge-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
    margin-right:-5px;
    margin-bottom:-5px
}
.subpage.discover .discover-lists-wrap .lists .list-item .info .title,
.subpage.publications .lists .publications-wrap .info .title {
    display:block;
    font-weight:400;
    font-size:2rem;
    line-height:1.2;
    margin-top:18px
}

.subpage.discover .program-lists-wrap .lists .list-item .info .title {color: #000; font-size: 20px; font-weight: 400; line-height: 26px; margin-bottom:16px;}
.subpage.discover .program-lists-wrap .lists .list-item .info .sub-text {color: #000; font-size: 15px; font-weight: 700; line-height: 24px; }

.subpage.discover .discover-lists-wrap .lists .list-item .info .description {
    display:-webkit-box;
    max-height:3.9999em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    word-break:keep-all;
    font-weight:400;
    font-size:1.5rem;
    line-height:1.3333;
    color:#585858;
    margin-top:14px
}
.subpage.discover .discover-lists-wrap .lists .list-item .info .date,
.subpage.publications .lists .publications-wrap .info .date {
    font-weight:700;
    font-size:1.5rem;
    line-height:1.6;
    margin-top:10px
}
.subpage.discover .discover-lists-wrap .lists.lists-thumbnail .list-item {
    float:left;
    width:270px
}
.subpage.discover .discover-lists-wrap .lists.lists-thumbnail .discover-wrap .info {
    width:100%;
    padding-left:0;
    margin-top:20px
}
.subpage.discover .discover-lists-wrap .lists.lists-thumbnail .discover-wrap .info .title,
.subpage.publications .lists.lists-thumbnail .publications-wrap .info .title {
    font-size:1.8rem;
    margin-top:10px
}
.subpage.audios .filter-wrap,
.subpage.discover .filter-wrap,
.subpage.publications .filter-wrap {
    padding-right:15px
}
.subpage.discover.viewpage .title-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:78px 0 24px;
    background-color:#fff
}
.subpage.discover.viewpage .title-wrap .title-type {
    -webkit-align-self:baseline;
    -ms-flex-item-align:baseline;
    align-self:baseline;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    font-weight:700;
    font-size:1.6rem;
    color:#fff;
    padding:6px 10px;
    margin-top:3px;
    margin-right:22px;
    background-color:#272727
}








.subpage.discover.viewpage .title-wrap .title-type .ico-collection {
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:8px;
    background:url(../../images/new2024/ico-collection@2x.png) center/20px 20px no-repeat;
    -webkit-background-size:20px 20px
}
.subpage.discover.viewpage .title-wrap .title-type .ico-series {
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:8px;
    background:url(../../images/new2024/ico-series@2x.png) center/20px 20px  no-repeat;
    -webkit-background-size:20px 20px
}
.subpage.discover.viewpage .title-wrap .title-type .ico-project {
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:8px;
    background:url(../../images/new2024/ico-project@2x.png) center/20px 20px  no-repeat;
    -webkit-background-size:15px 15px
}
.subpage.discover.viewpage .title-wrap .title-type .ico-item {
    display:inline-block;
    width:20px;
    height:20px;
    margin-right:8px;
    background:url(../../images/new2024/ico-item@2x.png) center/20px 20px  no-repeat;
    -webkit-background-size:20px 20px
}



.subpage.discover.viewpage .title-wrap .title-type .ico-folder {
    display:inline-block;
    width:15px;
    height:15px;
    margin-right:8px;
    background:url(../../images/subpage/discover-box-white@2x.png) center/15px 15px no-repeat;
    -webkit-background-size:20px 20px
}

.subpage.discover.viewpage .title-wrap .title-type .ico-box {
    display:inline-block;
    width:15px;
    height:15px;
    margin-right:8px;
    background:url(../../images/subpage/discover-box-white@2x.png) center/15px 15px no-repeat;
    -webkit-background-size:15px 15px
}
.subpage.discover.viewpage .title-wrap .title-type .ico-doc {
    display:inline-block;
    width:14px;
    height:17px;
    margin-right:8px;
    background:url(../../images/subpage/discover-box-white@2x.png) center/14px 17px no-repeat;
    -webkit-background-size:14px 17px
}
.subpage.discover.viewpage .title-wrap .title {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    margin-top:0
}
.subpage.discover.viewpage .contents-tree-wrap .tree-wrap {
    width:260px;
    background-color:#F2F2F2
}
.subpage.discover.viewpage .contents-tree-wrap .contents-wrap {
    width:-webkit-calc(100% - 260px);
    width:calc(100% - 260px);
    padding-left:40px;
    padding-bottom:80px
}
.subpage.discover.viewpage .contents-tree-wrap .trees {
    position:relative;
    padding:40px 15px 0;
    z-index:0
}
.subpage.discover.viewpage .contents-tree-wrap .trees:before {
    content:'';
    position:absolute;
    top:0;
    left:28px;
    display:inline-block;
    width:1px;
    height:100%;
    background-color:#717171;
    z-index:-1
}
.subpage.discover.viewpage .contents-tree-wrap .discover-lists-wrap .lists-wrap .filter-wrap,
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item {
    position:relative;
    width:100%
}
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item .item-inner {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-bottom:15px
}
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item .title {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:-webkit-calc(100% - 38px);
    width:calc(100% - 38px);
    font-weight:400;
    font-size:1.5rem;
    color:#000;
    line-height:18px
}
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item .title .ico-folder {
    display:inline-block;
    width:28px;
    height:29px;
    background:url(../../images/subpage/discover-folder@2x.png) 0 7px/21px 16px no-repeat #e2e2e2;
    -webkit-background-size:21px 16px;
    padding:7px 0 5px;
    margin:-7px 0 -5px
}
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item .title .ico-files {
    display:inline-block;
    width:24px;
    height:20px;
    background:url(../../images/subpage/discover-files@2x.png) 3px 0/16px 20px no-repeat #e2e2e2;
    -webkit-background-size:16px 20px
}
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item .title .ico-doc {
    display:inline-block;
    width:22px;
    height:18px;
    background:url(../../images/subpage/discover-doc@2x.png) 0 0/14px 17px no-repeat #e2e2e2;
    -webkit-background-size:14px 17px
}
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item .title .text {
    display:inline-block;
    width:-webkit-calc(100% - 28px);
    width:calc(100% - 28px);
    letter-spacing:-.05em
}
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item .number {
    width:38px;
    font-weight:400;
    font-size:1.3rem;
    color:#0e84da;
    line-height:18px;
    text-align:right
}
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item>ul>.tree-item {
    position:relative;
    padding-left:26px
}
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item>ul>.tree-item:before {
    content:'';
    position:absolute;
    top:9px;
    left:13px;
    display:inline-block;
    width:10px;
    height:1px;
    background-color:#717171
}
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item>ul>.tree-item>ul>.tree-item {
    padding-left:24px
}
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item>ul>.tree-item>ul>.tree-item:before {
    top:-10px;
    left:10px;
    height:20px
}
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item>ul>.tree-item>ul>.tree-item:after {
    content:'';
    position:absolute;
    top:-10px;
    left:11px;
    display:inline-block;
    width:9px;
    height:19px;
    background-color:#e2e2e2
}
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item.active>.item-inner>.title {
    font-weight:700;
    color:#2c98f0
}
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item.active>.item-inner>.title .ico-folder {
    background-image:url(../../images/subpage/discover-folder-blue@2x.png)
}
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item.active>.item-inner>.title .ico-files {
    background-image:url(../../images/subpage/discover-files-blue@2x.png)
}
.subpage.discover.viewpage .contents-tree-wrap .trees .tree-item.active>.item-inner>.title .ico-doc {
    background-image:url(../../images/subpage/discover-doc-blue@2x.png)
}
.subpage.discover.viewpage .contents-tree-wrap .trees>.tree-item:last-child:after {
    content:'';
    position:absolute;
    top:18px;
    left:13px;
    display:inline-block;
    width:1px;
    height:100%;
    background-color:#e2e2e2
}
.subpage.discover.viewpage .contents-tree-wrap .trees>.tree-item:last-child.active:after {
    content:none
}
.subpage.discover.viewpage .contents-tree-wrap .trees>.tree-item:last-child>ul>.tree-item:last-child:after {
    content:'';
    position:absolute;
    top:10px;
    left:13px;
    display:inline-block;
    width:1px;
    height:100%;
    background-color:#e2e2e2
}
.subpage.discover.viewpage .contents-tree-wrap .content-about {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:40px;
    margin-bottom:30px
}
.subpage.discover.viewpage .contents-tree-wrap .content-about .thumbnail {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    max-width:500px;
    height:500px;
    background-color:#f3f3f3;
    overflow:hidden
    width:100%;
}
.subpage.discover.viewpage .contents-tree-wrap .content-about .thumbnail>img {
    width:100%;
    -o-object-fit:contain;
    object-fit:contain;
    max-height:100%
}
.subpage.discover.viewpage .contents-tree-wrap .content-about .about-wrap {
    position:relative;
    width:-webkit-calc(100% - 500px);
    width:calc(100% - 500px);
    padding-left:30px
}
.subpage.discover.viewpage .contents-tree-wrap .content-about .about-wrap .about dt {
    float:left;
    width:130px;
    font-weight:700;
    color:#585858;
    margin-bottom:9px
}
.subpage.discover.viewpage .contents-tree-wrap .content-about .about-wrap .about dd {
    float:left;
    width:-webkit-calc(100% - 130px);
    width:calc(100% - 130px);
    padding-left:20px;
    font-weight:400;
    color:#000;
    margin-bottom:9px
}
.subpage.discover.viewpage .contents-tree-wrap .content-about .about-wrap .about .info-more + dd {
    min-height: 19px;
    max-height: 54px;
    overflow: hidden;
}
.subpage.discover.viewpage .contents-tree-wrap .content-about .about-wrap .about .info-more.open + dd {
    max-height: none;
}

.subpage.discover.viewpage .contents-tree-wrap .discover-lists-wrap .lists-wrap {
    padding-top:30px;
    border-top:1px solid #000
}
.subpage.discover.viewpage.items-page .title-wrap {
    padding-top:0px
}
.subpage.discover.viewpage.items-page .title-wrap .title-navigation {
    width:100%;
    margin:0 30px 9px 0;
    padding:0;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    list-style-type:none
}
.subpage.discover.viewpage.items-page .title-wrap .title-navigation li {
    display:inline;
    vertical-align:middle;
    font-weight:400;
    font-size:1.5rem;
    color:#585858;
    line-height: 36px;
}
.subpage.discover.viewpage.items-page .title-wrap .title-navigation li .ico {
    display:inline-block;
    width:32px;
    height:32px;
    margin-right:12px;
    margin-top:3px;
    background-color:#939393;
    background-repeat:no-repeat;
    background-position:center
}

.subpage.discover.viewpage.items-page .title-wrap .title-navigation li .ico.ico-collection {
    background-image:url(../../images/new2024/ico-collection@2x.png);
    -webkit-background-size:20px 20px;
    background-size:20px 20px
}
.subpage.discover.viewpage.items-page .title-wrap .title-navigation li .ico.ico-series {
    background-image:url(../../images/new2024/ico-series@2x.png);
    -webkit-background-size:20px 20px;
    background-size:20px 20px
}
.subpage.discover.viewpage.items-page .title-wrap .title-navigation li .ico.ico-project {
    background-image:url(../../images/new2024/ico-project@2x.png);
    -webkit-background-size:20px 20px;
    background-size:20px 20px
}
.subpage.discover.viewpage.items-page .title-wrap .title-navigation li .ico.ico-item {
    background-image:url(../../images/new2024/ico-item@2x.png);
    -webkit-background-size:20px 20px;
    background-size:20px 20px
}


.subpage.discover.viewpage.items-page .title-wrap .title-navigation li .ico.ico-box {
    background-image:url(../../images/subpage/discover-box-white@2x.png);
    -webkit-background-size:15px 15px;
    background-size:15px 15px
}
.subpage.discover.viewpage.items-page .title-wrap .title-navigation li .ico.ico-folder {
    background-image:url(../../images/subpage/discover-folder-white@2x.png);
    -webkit-background-size:17px 13px;
    background-size:17px 13px
}
.subpage.discover.viewpage.items-page .title-wrap .title-navigation li .ico.ico-files {
    background-image:url(../../images/subpage/discover-files-white@2x.png);
    -webkit-background-size:14px 17px;
    background-size:14px 17px
}
.subpage.discover.viewpage.items-page .title-wrap .title-navigation li:before {
    content:'';
    position:relative;
    display:inline-block;
    width:39px;
    height:32px;
    background:url(../../images/subpage/page-next@2x.png) center/7px 10px no-repeat;
    -webkit-background-size:7px 10px
}
.subpage.contest .contest-navigation li:last-child:after,
.subpage.discover.viewpage.items-page .title-wrap .title-navigation li:first-child:before {
    content:none
}
.subpage.discover.viewpage.items-page .discover-lists-wrap .lists .list-item {
    margin-bottom:0;
    padding:30px 0;
    border-bottom:1px solid #c4c4c4
}
.subpage.discover.viewpage.items-page .discover-lists-wrap .lists .list-item:first-child,
.subpage.relatedContents .relatedContents-lists-wrap {
    padding-top:0
}
.subpage.discover.viewpage.items-page .lists-footer {
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:end;
    justify-content:flex-end
}
.subpage.digitalMagazine .title-wrap {
    padding-top:60px;
    margin-bottom:40px;
    border-top:2px solid #000
}
.subpage.digitalMagazine .title-wrap .title {
    font-size:3rem;
    font-weight:700;
    line-height:1.2;
    margin-right:-.5em;
    margin-bottom:30px;
    text-transform:uppercase
}
.subpage.digitalMagazine .title-wrap .text {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    font-weight:400;
    font-size:1.5rem;
    line-height:1.6;
    margin-right:262px
}
.subpage.digitalMagazine .btn {
    display:inline-block;
    width:240px;
    height:50px;
    font-weight:700;
    font-size:1.8rem;
    color:#fff;
    line-height:50px;
    background-color:#000;
    text-align:center
}
.subpage.digitalMagazine .filter-wrap .filter-results {
    line-height:1
}
.subpage.digitalMagazine .lists.libraryNews-lists .item.item-name {
    width:255px
}
.subpage.digitalMagazine .lists.libraryNews-lists .item.item-publisher {
    width:225px
}
.subpage.digitalMagazine .lists.libraryNews-lists .list-header .item {
    padding:11px 15px;
    vertical-align:middle
}
.subpage.digitalMagazine .now-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:40px 30px;
    background:#fff;
}
.subpage.digitalMagazine .now-wrap .thumbnail {
    width:264px
}
.subpage.digitalMagazine .now-wrap .info {
    width:-webkit-calc(100% - 264px);
    width:calc(100% - 264px);
    padding-left:45px
}
.subpage.digitalMagazine .now-wrap .info img {
    margin:10px 0 30px
}
.subpage.digitalMagazine .now-wrap .info .title {
    font-weight:700;
    font-size:2.8rem;
    line-height:1.2
}
.subpage.digitalMagazine .now-wrap .info .description {
    font-weight:400;
    font-size:1.5rem;
    line-height:1.6;
    color:#585858;
    margin-top:20px;
    margin-bottom:22px
}
.subpage.audios .lists {
    display:table;
    width:100%;
    margin-top:36px;
    border-bottom:1px solid #000
}
.subpage.audios .lists .item.item-title {
    font-weight:700;
    width:420px
}
.subpage.audios .lists .item.item-language,
.subpage.audios .lists .item.item-runningtime,
.subpage.audios .lists .item.item-year,
.subpage.mypage .checkout-wrap .past-checkout-lists .item.item-loan,
.subpage.mypage .checkout-wrap .past-checkout-lists .item.item-return {
    width:180px
}
.subpage .libraryNews-lists .item.new-item:before,
.subpage.audios .lists .item.new-item:before,
.subpage.mypage .lists .item.new-item:before {
    position:relative;
    top:0;
    left:0;
    margin-right:10px
}
.subpage .libraryNews-lists .list-header .item,
.subpage.audios .lists .list-header .item {
    padding:0;
    background-color:#eee
}
.subpage.audios .lists .list-header .select {
    width:100%;
    font-weight:400;
    line-height:1.6;
    padding:11px 15px;
    background-color:#eee;
    background-image:url(../../images/search-dropdown@2x.png);
    background-repeat:no-repeat;
    background-position:right center;
    -webkit-background-size:46px 46px;
    background-size:46px 46px
}
.subpage.audios .lists .list-item .item {
    display:table-cell;
    vertical-align:middle;
    border-right-color:#c4c4c4;
    border-top:1px solid #c4c4c4
}
.subpage.publications .lists .publications-wrap .info .description {
    overflow:hidden;
    display:-webkit-box;
    max-height:3.9999em;
    font-weight:400;
    font-size:1.5rem;
    line-height:1.3333;
    color:#585858;
    word-wrap:break-word;
    text-overflow:ellipsis;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    margin-top:14px
}
.subpage.publications .lists.lists-thumbnail {
    width:-webkit-calc(100% - 40px);
    width:calc(100% - 40px);
    margin-left:20px;
    margin-right:20px
}
.subpage.mypage #suggestionModal .modal-form .btn-search,
.subpage.publications .lists.lists-thumbnail .list-item {
    float:left;
    width:200px
}
.subpage.publications .lists.lists-thumbnail .publications-wrap {
    display:block;
    margin:0
}
.subpage.aboutLTI .title-wrap,
.subpage.statistics .title-wrap {
    padding-top:48px;
    background:#fff;
    margin-bottom:70px
}

.subpage.join .join-select .dot {
    position: relative;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 25px;
    color: #111;
    margin-left: 10px;
    text-indent: -15px;
    padding-left: 30px;
}
.subpage.join .join-select .dot::before {
    content: '·';
    padding-right: 9px;
    font-size: 20px;
    color: #111;
}

.subpage.aboutLTI .section .section-title,
.subpage.statistics .section .section-title {
    font-weight:700;
    font-size:3rem;
    line-height:1.2;
    text-transform:uppercase;
    margin-right:-.5em;
}
.subpage.aboutLTI .section .description {
    font-weight:400;
    font-size:1.5rem;
    color:#585858;
    line-height:1.6
}
.subpage.aboutLTI .section.section-about,
.subpage.aboutLTI .section.section-hour {
    padding-bottom:80px
}
.subpage.aboutLTI .section.section-about .about-wrap .description {
    width:410px;
    margin-right:50px
}
.subpage.aboutLTI .section.section-about .about-wrap .images img {
    float:left;
    width:360px;
    height:auto;
    vertical-align:top
}
.subpage.aboutLTI .section.section-history,
.subpage.aboutLTI .section.section-projects {
    padding-top:80px
}
.subpage.aboutLTI .section.section-history .history-wrap {
    position:relative;
    padding-bottom:124px;
    margin-top:40px
}
.subpage.aboutLTI .section.section-history .history-wrap:after {
    content:'';
    position:absolute;
    top:0;
    left:-webkit-calc(50% - .5px);
    left:calc(50% - .5px);
    display:inline-block;
    width:1px;
    height:100%;
    background:#000
}
.subpage.aboutLTI .section.section-history .history-wrap li {
    position:relative;
    width:100%;
    height:16px;
    margin-bottom:64px
}
.subpage.aboutLTI .section.section-history .history-wrap li:before {
    content:'';
    position:absolute;
    top:0;
    left:-webkit-calc(50% - 8px);
    left:calc(50% - 8px);
    display:inline-block;
    width:16px;
    height:16px;
    background:#000;
    border-radius:50%
}
.subpage.aboutLTI .section.section-history .history-wrap li .history {
    position:absolute;
    top:0;
    left:-webkit-calc(50% + 28px);
    left:calc(50% + 28px);
    width:50%
}
.subpage.aboutLTI .section.section-history .history-wrap li:nth-child(2n-1) .history {
    left:inherit;
    right:-webkit-calc(50% + 28px);
    right:calc(50% + 28px)
}
.subpage.aboutLTI .section.section-history .history-wrap .year {
    font-weight:700;
    font-size:2rem
}
.subpage.aboutLTI .section.section-history .history-wrap .description {
    font-size:1.4rem;
    line-height:1.7;
    margin-top:12px
}
.subpage.aboutLTI .section.section-history .history-wrap .description>span {
    display:inline-block;
    padding:3px 10px;
    background-color:#fff
}
.subpage.aboutLTI .section.section-projects .project-wrap {
    margin-top:53px
}
.subpage.aboutLTI .section.section-projects .project-wrap li {
    float:left;
    width:33.3333%
}
.subpage.aboutLTI .section.section-projects .project-wrap .thumbnail {
    position:relative;
    width:100%;
    height:240px;
    background-repeat:no-repeat;
    background-position:center;
    -webkit-background-size:cover;
    background-size:cover
}
.subpage.aboutLTI .section.section-projects .project-wrap .thumbnail .title {
    position:absolute;
    bottom:0;
    left:0;
    font-weight:700;
    font-size:2.4rem;
    color:#fff;
    line-height:1.2;
    padding:24px 30px
}
.subpage.aboutLTI .section.section-projects .project-wrap .description {
    padding:26px 30px
}
.subpage.aboutLTI .section.section-collections {
    padding-top:60px;
    padding-bottom:20px
}
.subpage.aboutLTI .section.section-collections .collections-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:56px
}
.subpage.aboutLTI .section.section-collections .collections-wrap li {
    width:220px;
    padding:20px;
    margin-right:25px;
    background:#eee
}
.subpage.aboutLTI .section.section-collections .collections-wrap .icon {
    padding:24px 0 35px;
    margin-bottom:20px;
    border-bottom:1px solid #777;
    text-align:center
}
.subpage.aboutLTI .section .hourMap-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:48px
}
.subpage.aboutLTI .section .hourMap-wrap .hourMap-list {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:530px;
    margin-bottom:-34px
}
.subpage.aboutLTI .section .hourMap-wrap .hourMap-list dt {
    width:100px;
    font-weight:700;
    font-size:2.4rem;
    line-height:1.2;
    margin-right:60px;
    margin-bottom:34px
}
.subpage.aboutLTI .section .hourMap-wrap .hourMap-list dd {
    width:-webkit-calc(100% - 187px);
    width:calc(100% - 187px);
    margin-bottom:34px
}
.subpage.aboutLTI .section .hourMap-wrap .image img,
.subpage.aboutLTI .section .hourMap-wrap .map img {
    width:600px;
    height:auto
}
.subpage.aboutLTI .section.section-location {
    padding:80px 0 97px;
    margin-bottom:-80px
}
.subpage.aboutLTI .section.section-location .map {
    width:600px;
    height:394px;
    background:#fff
}
.subpage.aboutLTI .section.section-location .subway-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:27px
}
.subpage.aboutLTI .section.section-location .subway-wrap .ico-subway {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    padding-right:20px;
    margin-right:20px;
    border-right:1px solid #999
}
.subpage.aboutLTI .section.section-location .btn-wrap {
    margin-top:68px
}
.subpage.aboutLTI .section.section-location .btn-wrap .btn-ask {
    display:inline-block;
    width:245px;
    height:40px;
    font-weight:700;
    font-size:1.4rem;
    color:#fff;
    line-height:40px;
    background-color:#000;
    text-align:center
}
.subpage.aboutLTI .section .regulations-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:68px -20px 0;
    align-items: stretch;
}
.subpage.aboutLTI .section .regulations-wrap .regulations {
    width:50%;
    padding:0 20px;
    display: flex;
}
.subpage.aboutLTI .section .regulations-wrap .regulation-wrap {
    padding:50px 40px;
    background-color:#eee;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
}
.subpage.aboutLTI .section .regulations-wrap .text-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    margin:60px 58px 0
}
.subpage.aboutLTI .section .regulations-wrap .text-wrap img {
    margin-right:40px;
    vertical-align:top
}
.subpage.aboutLTI .section .regulations-wrap .text-wrap .regulation-title {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    font-size:2.4rem;
    line-height:1.2;
    font-weight:700;
    color:#000;
    margin-top:3px
}
.subpage.aboutLTI .section .regulations-wrap .text-wrap .regulation-date {
    width:100%;
    display:block;
    font-size:15px;
    color:#585858;
    margin-top:14px
}
.subpage.aboutLTI .section .regulations-wrap .btn-wrap {
    margin-top:130px
}
.subpage .libraryNews-lists .item {
    display:table-cell;
    font-weight:400;
    font-size:1.5rem;
    line-height:1.6;
    padding:16px 15px;
    border-right:1px solid #fff
}
.subpage .libraryNews-lists .item.item-no,
.subpage.mypage .checkout-wrap .checkout-lists .item.item-checkbox,
.subpage.mypage .checkout-wrap .past-checkout-lists .item.item-no,
.subpage.mypage .suggestion-lists .item.item-no {
    width:86px
}
.subpage .libraryNews-lists .item.item-all {
    width:238px
}
.subpage .libraryNews-lists .item.item-title {
    width:698px
}
.subpage .libraryNews-lists .item.item-date,
.subpage.newsletter .libraryNews-lists .item.item-all {
    width:178px
}
.subpage .libraryNews-lists .list-header .item-title,
.subpage .libraryNews-lists .list-header .select {
    padding:11px 15px
}
.subpage .libraryNews-lists .list-header .select {
    width:100%;
    font-weight:400;
    line-height:1.6;
    background-color:#eee;
    background-image:url(../../images/search-dropdown@2x.png);
    background-repeat:no-repeat;
    background-position:right center;
    -webkit-background-size:46px 46px;
    background-size:46px 46px
}
.subpage .libraryNews-lists .list-item.sticky .item {
    font-weight:700;
    color:#0066a3;
    background-color:#eff7fe
}
.subpage .libraryNews-lists .list-item.sticky .item-no {
    background-image:url(../../images/subpage/about/sticky@2x.png);
    background-repeat:no-repeat;
    background-position:15px center;
    -webkit-background-size:10px 15px;
    background-size:10px 15px
}
.subpage.libraryNews .libraryNews-lists-wrap,
.subpage.newsletter .libraryNews-lists-wrap {
    padding-top:34px;
    border-top:2px solid #000
}
.subpage.libraryNews .filter-wrap,
.subpage.newsletter .filter-wrap {
    margin-bottom:20px;
    background-color:transparent
}
.subpage.libraryNews.viewpage .content-about {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:27px 0;
    margin-bottom:35px;
    border-bottom:1px solid #000
}
.subpage.libraryNews.viewpage .content-about .about,
.subpage.newsletter.viewpage .content-about .about {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    font-size:1.5rem;
    line-height:1.2;
    margin-bottom:-10px
}
.subpage.libraryNews.viewpage .content-about .about dt,
.subpage.newsletter.viewpage .content-about .about dt {
    width:135px;
    font-weight:700;
    color:#585858;
    margin-bottom:10px
}
.subpage.libraryNews.viewpage .content-about .about dd,
.subpage.newsletter.viewpage .content-about .about dd {
    width:-webkit-calc(100% - 135px);
    width:calc(100% - 135px);
    padding-left:10px;
    margin-bottom:10px
}
.subpage.libraryNews.viewpage .download-list {
    margin:-10px 0
}
.subpage.libraryNews.viewpage .download-list .list-item {
    padding:10px 0 0;
    border-bottom:none
}
.subpage.libraryNews .side-wrap .descriptions-list {
    height:auto;
    padding:0;
    border:none
}
.subpage.newsletter .libraryNews-lists .item.item-title {
    width:758px
}
.subpage.newsletter .btn-joinus {
    display:inline-block;
    width:240px;
    height:40px;
    font-weight:700;
    font-size:1.6rem;
    line-height:38px;
    border:1px solid #fff;
    text-align:center
}
.subpage.newsletter.viewpage .content-about {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:27px 0;
    margin-bottom:0;
    border-bottom:1px solid #000
}
.subpage.newsletter.viewpage .newsletter-contents-wrap {
    padding:30px 50px;
    margin-bottom:30px;
    background-color:#7c7490;
    text-align:center
}
.subpage.newsletter.viewpage .newsletter-contents-wrap img {
    max-width:100%;
    vertical-align:top
}
.provider-box b,
.subpage.contest .btn-wrap .btn-inner:first-child,
.subpage.join .apply-wrap .input-wrap .input+*,
.subpage.join .apply-wrap .newsletter-check-wrap .checkbox-wrap,
.subpage.mypage #changePasswordModal .modal-close .btn:first-child,
.subpage.newsletter.viewpage .contents-button .btn-prev {
    margin-right:10px
}
.subpage.newsletter.viewpage .contents-button .btn-prev .ico-prev {
    display:inline-block;
    vertical-align:middle;
    width:9px;
    height:15px;
    background:url(../../images/subpage/newsletter-prev@2x.png) center/9px 15px no-repeat;
    -webkit-background-size:9px 15px;
    margin:-1px 20px 0 0
}
.subpage.newsletter.viewpage .contents-button .btn-next .ico-next {
    display:inline-block;
    vertical-align:middle;
    width:9px;
    height:15px;
    background:url(../../images/subpage/newsletter-next@2x.png) center/9px 15px no-repeat;
    -webkit-background-size:9px 15px;
    margin:-1px 0 0 20px
}
.subpage.askLibrarian .askLibrarian-lists-wrap {
    padding-top:40px;
    border-top:2px solid #000
}
.subpage.askLibrarian .viewpage-tab .tab {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:146px;
    height:60px;
    padding:12px;
    text-align:center
}
.subpage.askLibrarian .viewpage-tab .tab.active {
    width:143px;
    height:64px
}
.subpage.askLibrarian .lists {
    margin:36px 0 70px;
    border-top:2px solid #ccc
}
.subpage.askLibrarian .lists .list-item {
    border-bottom:2px solid #ccc
}
.subpage.askLibrarian .lists .question {
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    font-size:1.5rem;
    line-height:1.2;
    padding:20px 20px 20px 50px
}
.subpage.askLibrarian .lists .question .type {
    position:relative;
    width:245px;
    padding-right:20px;
    font-weight:400
}
.subpage.askLibrarian .lists .question .type:after {
    content:'';
    position:absolute;
    top:-6px;
    right:0;
    display:inline-block;
    width:1px;
    height:30px;
    background-color:#ccc
}
.subpage.askLibrarian .lists .question .title {
    width:-webkit-calc(100% - 245px);
    width:calc(100% - 245px);
    font-weight:700;
    padding-left:20px
}
.subpage.askLibrarian .lists .answer:before,
.subpage.askLibrarian .lists .question:before {
    left:18px;
    display:inline-block;
    width:21px;
    height:20px;
    content:'';
    position:absolute;
    top:20px
}
.subpage.askLibrarian .lists .question:before {
    background:url(../../images/subpage/about/question@2x.png) center/21px 20px no-repeat;
    -webkit-background-size:21px 20px
}
.subpage.askLibrarian .lists .answer {
    display:none;
    position:relative;
    font-weight:400;
    font-size:1.5rem;
    color:#0066a3;
    line-height:1.6;
    padding:20px 20px 20px 50px;
    background-color:#eff7fe
}
.subpage.askLibrarian .lists .answer:before {
    background:url(../../images/subpage/about/answer@2x.png) center/21px 20px no-repeat;
    -webkit-background-size:21px 20px
}
.subpage.askLibrarian .lists .list-item.active {
    border-bottom-width:3px
}
.subpage.askLibrarian .lists .list-item.active .question {
    background-color:#eee;
    border:1px solid #999
}
.subpage.askLibrarian .lists .list-item.active .question:before {
    background-image:url(../../images/subpage/about/question-active@2x.png)
}
.subpage.statistics .section {
    padding-bottom:60px
}
.subpage.statistics .section.section-statistics {
    padding-bottom:100px
}
.subpage.statistics .section .section-sub-title {
    font-weight:700;
    font-size:2.4rem;
    line-height:1.2;
    margin-top:48px
}
.subpage.statistics .section .bar-wrap {
    padding:0 55px;
    margin-top:48px
}
.subpage.statistics .section .bar-wrap .title {
    font-size:2rem;
    line-height:1.2;
    width:-webkit-calc(100% - 168px);
    width:calc(100% - 168px);
    margin:0 auto 26px;
    text-align:center
}
.subpage.statistics .section .bar-wrap .title .line {
    position:relative;
    width:100%;
    height:1px;
    margin:12px auto 0;
    background-color:#777
}
.subpage.statistics .section .bar-wrap .title .line:after,
.subpage.statistics .section .bar-wrap .title .line:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:1px;
    height:10px;
    background-color:#777
}
.subpage.statistics .section .bar-wrap .title .line:after {
    left:inherit;
    right:0
}
.subpage.statistics .section .bar-wrap .bar-inner {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-weight:400;
    font-size:1.5rem;
    line-height:30px
}
.subpage.statistics .section .bar-wrap .bar {
    width:-webkit-calc(100% - 168px);
    width:calc(100% - 168px);
    margin:0 20px
}
.subpage.statistics .section .bar-wrap .bar .domestic,
.subpage.statistics .section .bar-wrap .bar .overseas {
    float:left;
    height:30px;
    font-weight:700;
    color:#fff;
    background-color:#000;
    text-align:center
}
.subpage.statistics .section .btn-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:54px;
    margin-bottom:30px
}
.subpage.mypage .btn,
.subpage.statistics .section .btn-wrap .btn-excel {
    display:inline-block;
    width:160px;
    height:40px;
    font-weight:700;
    font-size:1.4rem;
    color:#fff;
    line-height:40px;
    background-color:#000;
    text-align:center
}
.subpage.statistics .section .btn-wrap .select {
    width:120px;
    height:40px;
    padding-left:14px;
    padding-right:40px;
    margin-left:auto;
    border:1px solid #c4c4c4;
    background:url(../../images/search-dropdown@2x.png) top right/40px 40px no-repeat;
    -webkit-background-size:40px 40px
}
.subpage.statistics .statics-wrap .table-wrap {
    float:left;
    width:32.1667%;
    margin-right:5%
}
.subpage.statistics .statics-wrap .chart-wrap {
    float:left;
    width:62.8333%;
    height:470px;
    padding:25px 20px;
    background-color:#f4f4f4
}
.subpage.statistics .table thead {
    background-color:#eee;
    border-left:1px solid #000;
    border-right:1px solid #000;
    border-top:1px solid #000;
    border-bottom:3px solid #000
}
#newsletterModal table,
.subpage.statistics .table thead tr {
    border-bottom:1px solid #000
}
.subpage.statistics .table thead th {
    width:41.5%;
    font-weight:400;
    font-size:1.5rem;
    padding:15px 10px;
    border-right:1px solid #000
}
.subpage.statistics .table tbody td {
    font-weight:400;
    font-size:1.5rem;
    padding:13px 10px;
    border-right:1px solid #c4c4c4;
    vertical-align:middle
}
.subpage.statistics .chart {
    width:100%;
    height:500px;
    margin-top:55px
}
.subpage.statistics .chart.chart-inbox {
    height:100%;
    margin-top:0
}
@media only screen and (max-width:1024px) {
    .subpage.discover.viewpage .contents-tree-wrap .contents-button,
    .subpage.themes.viewpage .contents-button {
        margin-top:30px
    }
    .subpage.discover .discover-lists-wrap .lists-wrap .filter-wrap {
        position:relative;
        width:100%;
        margin-top:30px
    }
    .subpage.program .program-lists-wrap .lists-wrap .filter-wrap {
        margin-top:0;
    }
    .subpage.discover.viewpage .contents-tree-wrap .content-about .about-wrap {
        width:100%;
        padding-left:0;
        margin-top:30px
    }
    .subpage.discover.viewpage .contents-tree-wrap .content-about .about-wrap .btn-wrap {
        position:relative;
        left:0;
        width:100%;
        margin-top:20px
    }
    .subpage.digitalMagazine .title-wrap .text {
        margin-right:10px
    }
    .subpage.aboutLTI .section.section-about .about-wrap .description {
        width:100%;
        margin-right:0;
        margin-bottom:30px
    }
    .subpage.aboutLTI .section.section-collections .collections-wrap li {
        width:-webkit-calc(33.3333% - 25px);
        width:calc(33.3333% - 25px);
        margin-bottom:20px
    }
    .subpage.aboutLTI .section .hourMap-wrap .hourMap-list,
    .subpage.statistics .section-statistics .statics-wrap .table-wrap {
        width:100%
    }
    .subpage.aboutLTI .section .hourMap-wrap .image,
    .subpage.aboutLTI .section .hourMap-wrap .map {
        width:100%;
        margin-left:0;
        margin-top:30px
    }
    .subpage.aboutLTI .section .regulations-wrap .regulation-wrap {
        padding:30px
    }
    .subpage.aboutLTI .section .regulations-wrap .text-wrap {
        margin:30px
    }
    .subpage.aboutLTI .section .regulations-wrap .btn-wrap {
        margin-top:60px
    }
    .subpage.askLibrarian .viewpage-tab .tab,
    .subpage.askLibrarian .viewpage-tab .tab.active {
        width:-webkit-calc(12.5% - 5px);
        width:calc(12.5% - 5px)
    }
    .subpage.statistics .section-statistics .statics-wrap .chart-wrap {
        width:100%;
        margin-top:30px;
        padding:20px 0
    }
}
.subpage.mypage .title-wrap {
    padding-top:48px;
    background:#fff;
    margin-bottom:30px
}
.subpage.mypage .contents-wrap .side-tab-wrap {
    width:186px;
    border-right:1px solid #000
}
.subpage.mypage .contents-wrap .mypage-wrap {
    width:-webkit-calc(100% - 186px);
    width:calc(100% - 186px);
    padding-left:50px
}
.subpage.mypage .mypage-wrap,
.subpage.mypage .side-tab {
    margin-top:33px
}
.subpage.mypage .side-tab .tab {
    height:93px;
    font-weight:700;
    font-size:1.6rem;
    color:#000;
    line-height:1.2;
    padding:18px 17px;
    background-color:#fff;
    border-top:1px solid #000;
    border-left:1px solid #000;
    border-bottom:1px solid #000
}
.subpage.mypage .banner-type {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:166px;
    font-weight:700;
    font-size:1.6rem;
    line-height:1.5;
    margin-top:20px;
    text-align:center
}
.subpage.mypage .mypage-wrap .mypage-title {
    font-weight:700;
    font-size:3rem;
    margin-right:-.2em;
    text-transform:uppercase;
    margin-bottom:33px
}
.subpage.mypage .mypage-wrap .contents-search-wrap {
    width:100%;
    margin-bottom:24px;
    padding:0
}
.subpage.mypage .lists-table.wbg th,
.subpage.mypage .lists.wbg .list-header .item {
    background-color:#ddd
}
.subpage.mypage .lists .item {
    display:table-cell;
    vertical-align:middle;
    font-weight:400;
    font-size:1.5rem;
    line-height:1.6;
    border-right:1px solid #fff;
    text-align:center
}
.subpage.mypage .checkout-wrap .checkout-top,
.subpage.mypage .mypage-no-result {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    -webkit-flex-wrap:wrap
}
.subpage.mypage .lists .list-header .item {
    padding:10px;
    background-color:#eee;
    text-align:center
}
.subpage.mypage .lists .list-item .item {
    border-right-color:#c4c4c4;
    border-top:1px solid #c4c4c4;
    padding:10px 15px
}
.subpage.mypage .lists-table {
    width:100%;
    border-bottom:1px solid #000
}
.subpage.mypage .lists-table thead th {
    padding:10px;
    background-color:#eee;
    border-right:1px solid #fff
}
.subpage.mypage .lists-table tbody td {
    padding:15px;
    border-right:1px solid #c4c4c4
}
.subpage.mypage .checkout-wrap .checkout-top {
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:1.6rem;
    margin-bottom:14px
}
.subpage.mypage .checkout-wrap .checkout-top .bnt-renewAll {
    width:225px;
    margin-left:auto
}
.subpage.mypage .checkout-wrap .lists .list-item .item-title .text {
    font-size:1.4rem;
    color:#585858
}
.subpage.mypage .checkout-wrap .checkout-lists .item.item-title {
    width:358px
}
#donationSearchModal .donation-search .select-wrap.wide,
.subpage.mypage .checkout-wrap .checkout-lists .item.item-extension,
.subpage.mypage .checkout-wrap .checkout-lists .item.item-loan,
.subpage.mypage .checkout-wrap .checkout-lists .item.item-number,
.subpage.mypage .checkout-wrap .checkout-lists .item.item-return {
    width:130px
}
.subpage.mypage .checkout-wrap .checkout-lists .btn-renew {
    width:84px
}
.subpage.mypage .checkout-wrap .checkout-lists .checkbox-wrap {
    width:18px;
    height:18px;
    padding-left:0
}
.subpage.mypage .checkout-wrap .past-checkout-lists .item.item-title,
.subpage.mypage .suggestion-wrap .fieldset .input-wrap.long {
    width:518px
}
.subpage.mypage .mypage-no-result {
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    height:-webkit-calc(100% - 63px);
    height:calc(100% - 63px);
    text-align:center
}
.subpage.advancedSearch .results-contents-wrap .no-result-wrap .text,
.subpage.mypage .mypage-no-result .text {
    font-size:2.4rem;
    color:#585858;
    margin-top:30px
}
.subpage.mypage .suggestion-wrap {
    padding-top:27px;
    word-break:break-all
}
.subpage.mypage .suggestion-wrap .suggestion-title {
    font-weight:700;
    font-size:2.8rem;
    margin-bottom:35px
}
.subpage.mypage .suggestion-wrap .suggestion-sub-title {
    font-weight:700;
    font-size:2.4rem;
    color:#2c98f0;
    margin-bottom:28px
}
.subpage.mypage .suggestion-wrap .description.sm {
    font-size:1.5rem;
    margin-bottom:20px
}
.subpage.mypage .suggestion-wrap .dot-list li {
    font-size:1.8rem;
    line-height:1.4;
    word-break:break-all
}
.subpage.mypage .suggestion-wrap .infobox {
    width:100%;
    padding:35px 33px 27px;
    background-color:#f5f5f5
}
.subpage.mypage .suggestion-wrap .infobox .title {
    font-weight:400;
    font-size:2.2rem;
    margin-bottom:30px
}
.subpage.login .join-wrap .fieldset,
.subpage.mypage .suggestion-wrap .fieldset {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
    font-weight:400;
    font-size:1.5rem;
    margin-bottom:15px
}
.subpage.mypage .suggestion-wrap .fieldset .label {
    width:161px;
    font-weight:700;
    color:#585858;
    line-height:20px;
    padding:5px 0
}
.subpage.login .join-wrap .fieldset .label .required,
.subpage.mypage .suggestion-wrap .fieldset .label .required {
    display:inline-block;
    vertical-align:top;
    font-size:1.8rem;
    color:#d00010;
    margin-left:10px
}
.subpage.mypage .suggestion-wrap .fieldset .field-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:-webkit-calc(100% - 161px);
    width:calc(100% - 161px);
    padding-left:40px;
    color:#000
}
.subpage.login .join-wrap .fieldset .field-wrap .text,
.subpage.mypage .suggestion-wrap .fieldset .field-wrap .text {
    color:#585858;
    line-height:30px
}
.subpage.login .join-wrap .fieldset .field-wrap .btn,
.subpage.mypage .suggestion-wrap .fieldset .field-wrap .btn {
    width:120px;
    height:30px;
    font-weight:400;
    line-height:30px;
    margin-left:20px
}
.subpage.mypage .suggestion-wrap .fieldset .input-wrap .input {
    width:100%;
    height:30px;
    line-height:30px;
    border-bottom:1px solid #000
}
.subpage.join .form .fieldset .textarea-wrap .textarea,
.subpage.login .join-wrap .fieldset .textarea-wrap .textarea,
.subpage.mypage .suggestion-wrap .fieldset .textarea-wrap .textarea {
    width:100%;
    height:160px;
    line-height:1.2;
    padding:5px;
    border:1px solid #999;
    border-radius:0;
    resize:none
}
.subpage.login .join-wrap .fieldset .select-wrap .select,
.subpage.mypage .suggestion-wrap .fieldset .select-wrap .select {
    width:100%;
    height:30px;
    font-size:1.5rem;
    line-height:28px;
    padding:0 30px 0 10px;
    background:url(../../images/subpage/mypage/select@2x.png) right top/30px 30px no-repeat #fff;
    -webkit-background-size:30px 30px;
    border:1px solid #000
}
.subpage.mypage .suggestion-wrap .fieldset .text-alert {
    display:none;
    color:#d00010;
    line-height:30px;
    margin-left:20px
}
.subpage.login .join-wrap .fieldset .input-checkbox-wrap .checkbox-wrap,
.subpage.mypage .suggestion-wrap .fieldset .input-checkbox-wrap .checkbox-wrap {
    margin-top:5px;
    margin-bottom:5px;
    margin-right:40px
}
.subpage.login .join-wrap .fieldset .newsletter-terms,
.subpage.mypage .suggestion-wrap .fieldset .newsletter-terms {
    width:100%;
    height:160px;
    overflow-y:auto;
    border:1px solid #999;
    padding:10px;
    margin-top:14px
}
.subpage.join .policy-wrap .term-wrap p,
.subpage.login .convert-wrap .term-wrap p,
.subpage.login .join-wrap .fieldset .newsletter-terms p,
.subpage.mypage .suggestion-wrap .fieldset .newsletter-terms p {
    font-size:1.5rem;
    line-height:1.5;
    color:#585858
}
.subpage.login .join-wrap .fieldset #changePassword,
.subpage.mypage .suggestion-wrap .fieldset #changePassword {
    margin-left:0;
    width:150px
}
.subpage.mypage .submit-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:30px 0 30px;
    justify-content: center;
}
.subpage.mypage .submit-wrap .btn {
    height:50px;
    line-height:50px;
    margin-right:5px
}
.subpage.mypage .submit-wrap .description {
    width:100%;
    font-weight:400;
    font-size:1.8rem;
    color:#585858;
    line-height:1.5;
    margin-bottom:50px;
    margin-top:-30px
}
.subpage.mypage .suggestion-lists .item.item-title {
    width:278px
}
.subpage.mypage .suggestion-lists .list-item .item-title a {
    display:-webkit-box;
    max-height:1.6em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    word-break:keep-all
}
.subpage.mypage .confirm-password-wrap {
    font-size:2.4rem;
    padding:55px 0 102px;
    text-align:center
}
.subpage.mypage .confirm-password-wrap .title {
    font-weight:700;
    margin:26px 0 23px
}
.subpage.join .apply-wrap .input:disabled,
.subpage.join .apply-wrap .select:disabled,
.subpage.mypage .confirm-password-wrap .description {
    color:#585858
}
.subpage.mypage .confirm-password-wrap .suggestion-wrap {
    padding:50px 0 40px;
    border-bottom:none
}
.subpage.mypage .confirm-password-wrap .fieldset .field-wrap {
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:100%;
    padding-left:0
}
.subpage.advancedSearch #koreanBookModal .modal-inner,
.subpage.mypage #suggestionModal .modal-inner {
    width:900px
}
.subpage.mypage #suggestionModal .btn {
    width:100%;
    height:46px;
    line-height:46px;
    font-weight:700;
    font-size:1.6rem;
    color:#fff
}
.subpage.mypage #suggestionModal .modal-form {
    margin-top:20px;
    margin-bottom:23px
}
.subpage.mypage #suggestionModal .modal-form .search-text-wrap {
    float:left;
    position:relative;
    width:-webkit-calc(100% - 205px);
    width:calc(100% - 205px);
    margin-right:5px
}
.subpage.mypage #suggestionModal .modal-form .search-text-wrap .search-text {
    width:100%;
    height:46px;
    font-weight:700;
    font-size:1.6rem;
    color:#fff;
    padding:10px 52px 10px 15px;
    background-color:#4a4a4a
}
.subpage.mypage #suggestionModal .modal-form .search-text-wrap .search-keyboard {
    position:absolute;
    top:16px;
    right:15px
}
.subpage.login .convert-wrap .form-description,
.subpage.mypage #suggestionModal .caution {
    margin-bottom:44px
}
.subpage.mypage #suggestionModal .lists-wrap .lists-top {
    font-size:1.6rem;
    margin-bottom:15px
}
.subpage.mypage #suggestionModal .lists-wrap .lists {
    border-bottom:2px solid #c4c4c4
}
.subpage.mypage #suggestionModal .lists-wrap .lists .list-item {
    display:block;
    padding:20px 0;
    border-top:1px solid #c4c4c4
}
.subpage.mypage #suggestionModal .lists-wrap .lists .book-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:-webkit-calc(100% - 20px);
    width:calc(100% - 20px);
    margin-left:20px
}
.subpage.mypage #suggestionModal .lists-wrap .lists .book-wrap .info {
    width:-webkit-calc(100% - 290px);
    width:calc(100% - 290px);
    padding:0 22px 0 30px
}
.subpage.mypage #suggestionModal .lists-wrap .lists .book-wrap .info .title {
    display:block;
    font-weight:400;
    font-size:2rem;
    line-height:1.2;
    margin-top:4px
}
.subpage.mypage #suggestionModal .lists-wrap .lists .book-wrap .info .description {
    font-weight:400;
    font-size:1.5rem;
    color:#585858;
    line-height:1.6;
    margin-top:16px
}
.subpage.mypage #suggestionModal .lists-wrap .lists .book-wrap .btn-wrap .btn.btn-alert {
    color:#d00010;
    background-color:#fff;
    border:1px solid #d00010
}
.subpage.mypage #suggestionModal .lists-wrap .lists-footer {
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-bottom:40px
}
.subpage.join .btn-wrap .btn-inner:nth-child(2),
.subpage.mypage #changePasswordModal .suggestion-wrap .fieldset .field-wrap {
    padding-left:12px
}
.subpage.mypage #changePasswordModal .caution {
    margin:10px 0 5px
}
.subpage.contest .donation-info ol,
.subpage.contest .donation-info ul,
.subpage.login .login-wrap .login-footer-wrap,
.subpage.mypage #changePasswordModal .modal-close,
.subpage.org-mypage .donation-info ol,
.subpage.org-mypage .donation-info ul {
    margin-top:35px
}
.subpage.mypage #changePasswordModal .modal-close .btn {
    float:left;
    width:-webkit-calc(50% - 5px);
    width:calc(50% - 5px);
    height:46px;
    line-height:46px;
    font-size:1.6rem
}
.subpage.mypage #changePasswordModal .password-alert .suggestion-wrap .fieldset .input-wrap .input {
    border-bottom-color:#d00010
}
.subpage.login .entry-header {
    padding:100px 0 60px
}
.subpage.login .entry-header .page-title-wrap {
    display:block;
    width:640px;
    margin:0 auto
}
.subpage.login .entry-contents .form-description {
    font-weight:400;
    font-size:1.6rem;
    color:#000;
    line-height:1.5
}

.subpage.join .entry-contents .login-wrap {
    display:block;
    max-width: 640px;
    padding:20px 20px 40px;
    margin:0 auto;
    background-color:#fff
}
.subpage.join .entry-contents .login-wrap {}
.subpage.join .entry-contents .login-wrap .join-step-indicator { }
.subpage.join .entry-contents .login-wrap .form-description { margin: 0; padding: 0;}
.subpage.login .entry-contents .login-wrap {
    display:block;
    width:640px;
    padding:20px 20px 40px;
    margin:0 auto;
    background-color:#fff
}
#donationSearchModal .lists-wrap .item-btn-wrap button,
.subpage.login .entry-contents .input-wrap {
    width:100%;
    margin-bottom:10px
}
.subpage.login .entry-contents .input-wrap .input {
    width:100%;
    height:50px;
    font-size:1.8rem;
    color:#000;
    padding:12px 15px;
    background-color:#ccc
}
.subpage.login .entry-contents .input-wrap .input::-moz-placeholder {
    color:#525252;
    opacity:1
}
.subpage.login .entry-contents .input-wrap .input:-ms-input-placeholder {
    color:#525252
}
.subpage.login .entry-contents .input-wrap .input::-webkit-input-placeholder {
    color:#525252
}
.subpage.login .entry-contents .btn {
    display:block;
    width:100%;
    height:50px;
    font-weight:700;
    font-size:1.8rem;
    color:#fff;
    line-height:48px;
    background-color:#000;
    border:1px solid #000;
    text-align:center
}
.subpage.login .entry-contents .btn:disabled {
    background-color:#ccc;
    border-color:#ccc;
    cursor:not-allowed
}
.subpage.login .entry-contents .text-alert {
    display:none;
    font-weight:400;
    font-size:1.5rem;
    line-height:1.6;
    margin-top:15px;
    margin-bottom:-5px
}
.subpage.login .login-wrap .login-btn-wrap .btn {
    float:left;
    width:-webkit-calc(50% - 5px);
    width:calc(50% - 5px);
    margin-right:10px
}
.subpage.login .login-wrap .login-sns-wrap {
    margin-bottom:-10px
}
.subpage.login .login-wrap .login-sns-wrap i {
    display:inline-block;
    vertical-align:middle;
    background-repeat:no-repeat;
    background-position:center
}
.subpage.login .login-wrap .login-sns-wrap i.facebook {
    width:11px;
    height:20px;
    margin-right:15px;
    background-image:url(../../images/subpage/discover-facebook@2x.png);
    -webkit-background-size:11px 20px;
    background-size:11px 20px
}
.subpage.login .login-wrap .login-sns-wrap i.twitter {
    width:21px;
    height:17px;
    margin-right:15px;
    background-image:url(../../images/subpage/discover-twitter@2x.png);
    -webkit-background-size:21px 17px;
    background-size:21px 17px
}
.subpage.login .convert-wrap .convert-title .title {
    /*float:left;*/
    font-weight:400;
    font-size:2rem;
    line-height:1.2;
    display:block;
    margin-bottom: 5px;
}
.modal.modal-join .modal-header .btn-close,
.subpage.login .convert-wrap .convert-title .checkbox-wrap {
    float:right
}
.subpage.login .convert-wrap .check-group{
    text-align: right;
    padding-top:10px;
}

.subpage.login .convert-wrap .check-group .checkbox-wrap + .checkbox-wrap {margin-left: 10px;}

.subpage.join .policy-wrap .term-wrap,
.subpage.login .convert-wrap .term-wrap {
    width:100%;
    height:160px;
    overflow-y:auto;
    border:1px solid #999;
    padding:10px
}
.subpage.login .email-auth-wrap .text-alert {
    margin-top:20px;
    margin-bottom:25px
}
.subpage.login .email-complete-wrap .description-email {
    margin:62px 0 58px;
    text-align:center
}
.subpage.login .email-complete-wrap .btn {
    margin-top:34px
}
.subpage.login .join-wrap .fieldset .label {
    width:190px;
    font-weight:700;
    color:#585858;
    line-height:20px;
    padding:5px 0
}
.subpage.login .join-wrap .fieldset .field-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:-webkit-calc(100% - 190px);
    width:calc(100% - 190px);
    padding-left:10px;
    color:#000
}
.subpage.join .btn-wrap,
.subpage.join .join-select-inner {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    -webkit-flex-wrap:wrap
}
.subpage.login .join-wrap .fieldset .input-wrap {
    width:140px;
    margin-bottom:0
}
.subpage.login .join-wrap .fieldset .input-wrap .input {
    width:100%;
    height:30px;
    font-size:1.5rem;
    line-height:30px;
    padding:0;
    background-color:#fff;
    border-bottom:1px solid #000
}
.subpage.login .join-wrap .fieldset .select-wrap.membership-select-wrap {
    width:258px
}
.subpage.login .join-wrap .fieldset .text-alert {
    display:none;
    color:#d00010;
    line-height:30px;
    margin-left:20px;
    margin-top:0;
    margin-bottom:0
}
.subpage.login .join-wrap .fieldset .field-desc {
    width:100%;
    font-weight:400;
    font-size:1.5rem;
    color:#585858;
    line-height:1.3;
    margin-top:13px
}
.subpage.login .join-wrap .fieldset .code-wrap {
    width:100%;
    height:90px;
    margin-bottom:14px
}
.subpage.join .entry-contents {
    padding-bottom:120px
}
.subpage.login .btn-wrap,
.subpage.join .btn-wrap {
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-top:30px;
    margin-top:30px;
    border-top:1px solid #999
}
.subpage.join .btn-wrap .btn-inner:first-child {
    padding-right:12px
}

.subpage.join .form {
    width:588px;
    max-width:100%;
    margin:0 auto
}

.subpage.join .form .required {
    color:#d00010;
    margin-left:5px
}
#hubLibraryModal dl dd,
#newsletterModal .title-wrap,
#organizationModal .organization-form,
.modal.modal-join .modal-header,
.subpage.advancedSearch .filter-wrap,
.subpage.join .apply-wrap .viewpage-tab,
.subpage.join .form .fieldset,
.subpage.subscribe .suggestion-wrap .description {
    margin-bottom:30px
}
.subpage.login .form .fieldset-allagree,
.subpage.join .form .fieldset-allagree {
    padding-top:20px;
    border-top:1px solid #c7c7c7;
    margin-bottom: 30px;
    text-align: right;
}
.subpage.join .form.centered {
    text-align:center;
    margin-top:74px
}
.subpage.join .form.centered .btn-wrap {
    padding:36px 70px;
    border-top:0
}
.subpage.join .form.centered i {
    font-size:64px;
    color:grey
}
.subpage.join .form.centered h2 {
    font-size:26px;
    line-height:32px;
    margin:20px 0;
    font-weight:700
}
.subpage.join .form.centered p {
    font-size:18px;
    line-height:24px
}
.subpage.join .form-description {
    font-size:1.6rem;
    line-height:1.5;
    margin-bottom:64px
}
.subpage.join .form-description.short {
    width:800px;
    max-width:100%
}
.subpage.join .join-select-wrap {
    padding: 30px 10px;
    background-color:#fff
}
.subpage.join .join-select-wrap .btn-wrap {
    width:598px;
    max-width:100%;
    padding-top:0;
    margin-top:60px;
    margin-left:auto;
    margin-right:auto;
    border-top:none
}
.subpage.join .join-select-inner {
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0 -12px
}
.subpage.join .apply-wrap .fieldset-title,
.subpage.join .join-select .select-title {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    -webkit-flex-wrap:wrap
}
.subpage.join .join-select {
    width:50%;
    padding:0 12px
}
.subpage.join .join-select .select-wrap {
    width:100%;
    height:100%;
    font-size:1.5rem;
    line-height:1.5;
    color:#555;
    padding:25px 40px;
    border:1px solid #aaa
}


.subpage.join .join-select .select-title {
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:2.4rem;
    font-weight:700;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    color:#000;
    padding:20px 0;
    margin-bottom:30px;
    border-bottom:1px solid #aaa;
    flex-direction: column;
    align-items: start;
}
.subpage.join .join-select .select-title .text-wrap { display: flex; justify-content: space-between; width: 100%; margin-top: 32px;}

.subpage.join .join-select .select-title .select-icon {
    font-size:6.4rem;
    margin-right:14px
}
.subpage.join .join-select .select-title .select-next {
    font-size:3.2rem;
    margin-left:auto
}
.subpage.join .policy-wrap {
    padding:40px 50px;
    background:#fff
}
.subpage.join .policy-wrap .agreement-title {
    font-size:1.8rem;
    line-height:1.33;
    margin-bottom:10px
}
.subpage.join .policy-wrap .checkbox-wrap {
    margin-top:10px;
    float:right
}
.subpage.join .apply-wrap {
    padding-top:42px;
    background:#fff
}
.subpage.join .apply-wrap .form-description {
    padding:0 20px
}
.subpage.join .apply-wrap .form-inner {
    margin-bottom:65px
}
.subpage.join .apply-wrap .fieldset-title {
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:1.8rem;
    line-height:1.33;
    padding-bottom:10px;
    margin-top:40px;
    margin-bottom:30px;
    border-bottom:1px solid #999
}
.subpage.join .apply-wrap .fieldset-title.box {
    border-bottom:none;
    font-size:2rem;
    margin-top:0
}
.subpage.join .apply-wrap .sub-title {
    font-size:1.6rem;
    color:#777;
    margin:24px 0;
    font-weight:600
}
.subpage.join .apply-wrap .fieldset {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    width:100%;
    margin-bottom:20px
}
.subpage.join .apply-wrap .fieldset .label {
    width:70px;
    font-size:1.5rem;
    font-weight:700;
    line-height:18px;
    padding-bottom:10px;
    white-space:nowrap
}
.subpage.join .apply-wrap .fieldset .label.wide {
    margin-top:10px;
    width:242px
}
.subpage.join .apply-wrap .fieldset .field-desc {
    font-size:1.3rem;
    line-height:1.2;
    margin-top:10px;
    color:#585858;
    padding-right:20px
}
.subpage.join .apply-wrap .fieldset .desc {
    font-size:1.3rem;
    line-height:1.2;
    margin-bottom:15px
}
.subpage.join .apply-wrap .fieldset.fieldset-checkbox {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
.subpage.join .apply-wrap.alt .fieldset .label {
    line-height:40px
}
.subpage.join .apply-wrap .fieldset-checkbox,
.subpage.join .apply-wrap .input-btn-wrap {
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}
.subpage.join .apply-wrap .fieldset-checkbox .field-wrap {
    padding-top:12px;
    margin-left:20px
}
.subpage.join .apply-wrap .fieldset-checkbox .checkbox-wrap {
    width:126px;
    margin-bottom:24px
}
.subpage.join .apply-wrap .fieldset-checkbox .input-checkbox-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:-10px
}
.subpage.join .apply-wrap .fieldset-checkbox .input-checkbox-wrap .checkbox-wrap {
    width:80px;
    margin-bottom:0
}
.subpage.join .apply-wrap .fieldset-checkbox .input-wrap {
    width:304px
}
.subpage.join .apply-wrap .fieldset-checkbox .input-wrap.full {
    width:473px;
    margin-left:15px
}
.subpage.join .apply-wrap .field-wrap .field {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:end;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    margin-bottom:10px
}
.subpage.join .apply-wrap .field-wrap .label-sub {
    line-height:40px;
    margin-right:24px;
    text-align:right
}
.subpage.join .apply-wrap .field-wrap .label-sub.multi-row {
    padding-top:2px;
    line-height:18px
}
.subpage.join .apply-wrap .input-wrap,
.subpage.join .apply-wrap .select-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:344px;
    max-width:100%;
    height:40px;
    font-size:1.5rem;
    border:1px solid #999
}
.subpage.join .apply-wrap .input-wrap.active,
.subpage.join .apply-wrap .select-wrap.active {
    border-width:2px;
    border-color:#2c98f0
}
.subpage.join .apply-wrap .error {
    width:344px;
    max-width:100%;
    font-size:1.3rem;
    color:#d31010;
    margin-top:10px;
    text-align:left
}
.subpage.join .apply-wrap .error span {
    display:block;
    color:#525252;
    margin-top:5px
}
.subpage.join .apply-wrap .input-wrap .input,
.subpage.join .apply-wrap .input-wrap .input+span {
    background-color:#fff;
    margin-right:0;
    padding-right:10px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.subpage.join .apply-wrap .input-wrap .input:disabled,
.subpage.join .apply-wrap .input-wrap .input:disabled+span {
    background-color:#f4f4f4;
    border-color:#ddd
}
.subpage.join .apply-wrap .input-wrap .btn-sm {
    margin-right:3px
}
.subpage.join .apply-wrap .input,
.subpage.join .apply-wrap .select {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    max-width:100%;
    height:100%
}
.subpage.join .apply-wrap .input::-moz-placeholder,
.subpage.join .apply-wrap .select::-moz-placeholder {
    color:#999;
    opacity:1
}
.subpage.join .apply-wrap .input:-ms-input-placeholder,
.subpage.join .apply-wrap .select:-ms-input-placeholder {
    color:#999
}
.subpage.join .apply-wrap .input::-webkit-input-placeholder,
.subpage.join .apply-wrap .select::-webkit-input-placeholder {
    color:#999
}
.modal.modal-org-mypage .input-wrap,
.subpage.join .apply-wrap .input {
    padding:0 10px
}
.subpage.join .apply-wrap .select {
    color:#000;
    padding:0 10px;
    background:url(../../images/subpage/see-more@2x.png) right center/40px no-repeat;
    -webkit-background-size:40px 40px
}
.modal.modal-org-mypage .select.unselected,
.subpage.join .apply-wrap .placeholder,
.subpage.join .apply-wrap .select.unselected {
    color:#999
}
.subpage.join .apply-wrap .newsletter-check-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    padding:20px;
    margin-top:34px;
    background:#f2f2f2
}
.subpage.join .apply-wrap .newsletter-check-wrap .label {
    font-weight:400;
    font-size:1.5rem;
    margin-right:25px
}
.subpage.join .apply-wrap .newsletter-check-wrap button.btn-blue {
    margin-left:12px
}
.subpage.join .apply-wrap .newsletter-check-wrap.no-label {
    -webkit-flex-wrap:inherit;
    -ms-flex-wrap:inherit;
    flex-wrap:inherit
}
.subpage.join .apply-wrap .btn-hub {
    min-width:220px
}
.modal.modal-join .modal-inner {
    width:900px;
    max-width:-webkit-calc(100% - 40px);
    max-width:calc(100% - 40px)
}
.modal.modal-join .modal-title {
    font-size:2.4rem;
    font-weight:700;
    line-height:1.55;
    letter-spacing:inherit;
    margin-right:0;
    text-transform:none;
    display:inline-block
}
.modal.modal-join .modal-contents {
    font-size:1.6rem;
    line-height:1.5
}
.modal.modal-join .modal-contents .title {
    font-size:1.8rem;
    font-weight:700;
    line-height:1.33
}
.modal.modal-join-confirm .modal-inner {
    width:540px;
    max-width:-webkit-calc(100% - 40px);
    max-width:calc(100% - 40px);
    padding:50px 50px 40px
}
.modal.modal-join-confirm .modal-title {
    font-size:2.4rem;
    font-weight:700;
    line-height:1.4;
    padding-bottom:10px;
    border-bottom:1px solid #999;
    letter-spacing:inherit;
    margin-right:0;
    text-transform:none
}
.modal.modal-join-confirm .modal-contents {
    margin:30px 0;
    text-align:left
}
#newsletterModal .info-desc {
    font-size:1.5rem;
    line-height:1.2;
    margin-top:12px
}
#newsletterModal table td,
#newsletterModal table th {
    padding:11px 20px;
    border-left:2px solid #c4c4c4
}
#newsletterModal table td:first-child,
#newsletterModal table th:first-child,
.subpage.contest .donation-form-wrap .libraryNews-lists .list-header .item:first-child,
.subpage.org-mypage .donation-form-wrap .libraryNews-lists .list-header .item:first-child {
    border-left:none
}
#newsletterModal table thead th {
    background:#eee;
    border-bottom:3px solid #000
}
#newsletterModal table tbody td {
    border-top:1px solid #c4c4c4;
    vertical-align:middle
}
#hubLibraryModal .hub-desc {
    font-size:1.8rem;
    line-height:1.33;
    margin-bottom:30px
}
#hubLibraryModal .hub-info {
    font-size:1.5rem;
    line-height:1.2;
    padding-top:30px;
    margin:30px 0;
    border-top:1px solid #999
}
@media only screen and (max-width:1024px) {
    .subpage.mypage .suggestion-wrap .fieldset .input-wrap.long {
        width:360px
    }
    .subpage.join .entry-header {
        padding:34px 0
    }
    .subpage.join .join-select-wrap {
        padding:50px 40px
    }
}
@media only screen and (max-width:768px) {
    .subpage.e-news .lists.lists-thumbnail,
    .subpage.e-news .originalBooks-lists-wrap .lists-wrap .filter-wrap,
    .subpage.events .lists.lists-thumbnail,
    .subpage.join .apply-wrap .form-description,
    .subpage.originalBooks .lists-wrap .filter-wrap,
    .subpage.statistics .section .bar-wrap {
        padding:0
    }
    .subpage.mypage #suggestionModal .lists-wrap .lists .book-wrap .thumbnail,
    .subpage.originalBooks .lists-wrap .lists .thumbnail {
        width:80px
    }
    .subpage.e-news .lists .info,
    .subpage.originalBooks .lists-wrap .lists .info {
        width:-webkit-calc(100% - 80px);
        width:calc(100% - 80px);
        padding-left:15px
    }
    .subpage.discover .discover-lists-wrap .lists .list-item .info .badge-wrap .badge,
    .subpage.discover.items-page .discover-lists-wrap .lists .list-item .info .badge-wrap .badge,
    .subpage.e-news .lists .info .badge-wrap .badge,
    .subpage.events .lists .info .badge-wrap .badge,
    .subpage.originalBooks .lists-wrap .lists .info .badge-wrap .badge,
    .subpage.publications .lists .publications-wrap .info .badge-wrap .badge {
        font-size:1.2rem
    }
    .subpage.discover .discover-lists-wrap .lists .list-item .info .title,
    .subpage.discover.items-page .discover-lists-wrap .lists .list-item .info .title,
    .subpage.e-news .lists .info .title,
    .subpage.events .lists .info .title,
    .subpage.mypage .suggestion-wrap .suggestion-sub-title,
    .subpage.originalBooks .lists-wrap .lists .info .title,
    .subpage.publications .lists .publications-wrap .info .title {
        font-size:1.8rem
    }
    .subpage.aboutLTI .section .description,
    .subpage.askLibrarian .lists .answer,
    .subpage.askLibrarian .lists .question,
    .subpage.discover .discover-lists-wrap .lists .list-item .info .description,
    .subpage.discover.items-page .discover-lists-wrap .lists .list-item .info .description,
    .subpage.e-news .lists .info .description,
    .subpage.events .lists .info .description,
    .subpage.login .entry-contents .text-alert,
    .subpage.mypage .lists .item,
    .subpage.originalBooks .lists-wrap .lists .info .description,
    .subpage.publications .lists .publications-wrap .info .description {
        font-size:1.3rem
    }
    .subpage.aboutLTI .section .hourMap-wrap .hourMap-list dd,
    .subpage.audioBooks.viewpage .side-wrap .sides:first-child,
    .subpage.discover .discover-lists-wrap .lists.lists-thumbnail .list-item,
    .subpage.discover .discover-lists-wrap .lists.lists-thumbnail .list-item .thumbnail,
    .subpage.discover.items-page .discover-lists-wrap .lists.lists-thumbnail .list-item,
    .subpage.discover.items-page .discover-lists-wrap .lists.lists-thumbnail .list-item .thumbnail,
    .subpage.discover.viewpage .contents-tree-wrap .discover-lists-wrap .lists.lists-thumbnail .list-item,
    .subpage.discover.viewpage .contents-tree-wrap .tree-wrap,
    .subpage.e-news .lists.lists-thumbnail .list-item,
    .subpage.e-news .originalBooks-lists-wrap .lists-wrap,
    .subpage.eBooks.viewpage .side-wrap .sides:first-child,
    .subpage.events .lists.lists-thumbnail .list-item,
    .subpage.events.viewpage .content-about .about,
    .subpage.events.viewpage .content-about .register-now,
    .subpage.events.viewpage .content-about .register-now .text,
    .subpage.join .apply-wrap .error,
    .subpage.join .apply-wrap .input-wrap,
    .subpage.join .apply-wrap .select-wrap,
    .subpage.libraryNews.viewpage .content-about .about dt,
    .subpage.login .join-wrap .fieldset .label,
    .subpage.mypage .suggestion-wrap .fieldset .label,
    .subpage.originalBooks .lists-wrap .lists.lists-thumbnail .list-item,
    .subpage.originalBooks .originalBooks-lists-wrap .lists-wrap,
    .subpage.publications .lists.lists-thumbnail .list-item,
    .subpage.statistics .section .bar-wrap .bar-inner>*,
    .subpage.translatedBooks.viewpage .side-wrap .sides:first-child,
    .subpage.writers .writer-star .star-description {
        width:100%
    }
    .subpage.mypage .submit-wrap .btn.btn-edit,
    .subpage.originalBooks .lists-wrap .lists.lists-thumbnail .list-item:nth-child(2n) {
        margin-left:0
    }
    .subpage.originalBooks .lists-wrap .lists.lists-thumbnail .list-item:nth-child(2) {
        border-top:1px solid #c4c4c4
    }
    .subpage.originalBooks .lists-wrap .lists.lists-thumbnail .thumbnail,
    .subpage.writers.viewpage .writers-profile .info dt {
        width:130px
    }
    .subpage.originalBooks .lists-wrap .lists.lists-thumbnail .info,
    .subpage.videos .lists .info {
        width:100%;
        padding-left:0;
        margin-top:10px
    }
    .subpage.e-news .originalBooks-lists-wrap,
    .subpage.originalBooks .originalBooks-lists-wrap {
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -webkit-flex-direction:column-reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
    .subpage.e-news .originalBooks-lists-wrap .side-wrap,
    .subpage.originalBooks .originalBooks-lists-wrap .side-wrap {
        width:100%;
        margin-top:60px
    }
    .subpage.originalBooks .lists-footer .filter-wrap {
        width:100%;
        -webkit-box-pack:start;
        -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        margin-top:10px
    }
    .subpage.originalBooks .lists-footer .filter-wrap .filter-results {
        width:auto
    }
    .subpage.originalBooks.viewpage .works-list tbody td,
    .subpage.originalBooks.viewpage .works-list thead th,
    .subpage.translatedBooks.viewpage .contents-books .holdings-list tbody td,
    .subpage.translatedBooks.viewpage .contents-books .holdings-list thead th,
    .subpage.writers .lists .item,
    .subpage.writers .lists .list-header .name-select {
        font-size:1.3rem;
        padding:7px 5px
    }
    .subpage.askLibrarian .lists .question .title,
    .subpage.audioBooks.viewpage .side-wrap .sides,
    .subpage.digitalMagazine .now-wrap .info,
    .subpage.discover .discover-lists-wrap .lists.lists-thumbnail .list-item .info,
    .subpage.discover.items-page .discover-lists-wrap .lists.lists-thumbnail .list-item .info,
    .subpage.discover.viewpage .contents-tree-wrap .contents-wrap,
    .subpage.e-news.viewpage .content-about .about-book .about-content .info-wrap,
    .subpage.eBooks.viewpage .side-wrap .sides,
    .subpage.login .join-wrap .fieldset .field-wrap,
    .subpage.mypage .contents-wrap .mypage-wrap,
    .subpage.translatedBooks.viewpage .side-wrap .sides {
        width:100%;
        padding-left:0
    }
    .subpage .libraryNews-lists-wrap .lists-wrap,
    .subpage.audios .lists-wrap,
    .subpage.digitalMagazine .lists-wrap,
    .subpage.mypage .checkout-wrap,
    .subpage.writers .lists-wrap {
        overflow-x:auto
    }
    .subpage .libraryNews-lists,
    .subpage.writers .lists {
        min-width:668px
    }
    .subpage.eventDatabase.viewpage .content-about .about-wrap,
    .subpage.writers.viewpage .writers-profile .info {
        width:100%;
        padding-left:0;
        margin-top:30px
    }
    .subpage.writers.viewpage .writers-profile .info dd {
        width:-webkit-calc(100% - 130px);
        width:calc(100% - 130px)
    }
    .subpage.writers.viewpage .wrtiers-tab .tab {
        padding:10px 12px
    }
    .subpage.writers.viewpage .wrtiers-tab .tab.active {
        padding:12px
    }
    .subpage.eventDatabase .map-wrap {
        height:0;
        border:none
    }
    .subpage.askLibrarian .viewpage-tab .tab br,
    .subpage.askLibrarian .viewpage-tab .tab.active br,
    .subpage.eventDatabase .map-wrap #chartdiv,
    .subpage.join .apply-wrap .fieldset .label br,
    .subpage.join .apply-wrap .fieldset .label.wide br,
    .subpage.join .apply-wrap .fieldset .multi-row br,
    .subpage.statistics .section .bar-wrap .title .line {
        display:none
    }
    .subpage.eventDatabase .map-wrap .contents-search-wrap {
        left:0;
        bottom:0
    }
    .subpage.eventDatabase.viewpage .content-about .about-wrap .about dt {
        width:115px
    }
    .subpage.eventDatabase.viewpage .content-about .about-wrap .about dd {
        width:-webkit-calc(100% - 115px);
        width:calc(100% - 115px)
    }
    .subpage.e-news .lists .e-news-wrap,
    .subpage.events .lists .events-wrap {
        margin-right:0
    }
    .subpage.e-news .lists .thumbnail {
        width:80px;
        height:80px
    }
    .subpage.e-news .originalBooks-lists-wrap .lists-wrap .lists {
        padding-top:20px
    }
    .subpage.images .lists .list-item .thumbnail {
        width:96px;
        height:96px
    }
    .subpage.images .lists .list-item .info {
        width:-webkit-calc(100% - 96px);
        width:calc(100% - 96px)
    }
    .subpage.themes.viewpage .video-wrap {
        width:100%;
        padding-top:56.39%
    }
    .subpage.events .lists .thumbnail {
        width:96px;
        height:68px
    }

    .subpage.discover .discover-lists-wrap .lists .list-item .info,
    .subpage.discover.items-page .discover-lists-wrap .lists .list-item .info,
    .subpage.events .lists .info,
    .subpage.publications .lists .publications-wrap .info {
        width:-webkit-calc(100% - 96px);
        width:calc(100% - 96px);
        padding-left:15px
    }

    .subpage.program .program-lists-wrap .lists .list-item .info,
    .subpage.program.items-page .program-lists-wrap .lists .list-item .info { width: 100%; padding:0;}

    .subpage.events .lists.lists-thumbnail .events-wrap {
        margin-right:21px
    }
    .subpage.events.viewpage .content-about .register-now {
        margin-top:30px
    }
    .subpage.events.viewpage .content-about .register-now .btn-register {
        width:100%;
        margin-left:0;
        margin-top:20px
    }
    .subpage.discover .discover-lists-wrap .lists .list-item .thumbnail,
    .subpage.discover.items-page .discover-lists-wrap .lists .list-item .thumbnail,
    .subpage.publications .lists .publications-wrap .thumbnail {
        width:96px
    }
    .subpage.program .program-lists-wrap .lists .list-item .thumbnail,
    .subpage.program.items-page .program-lists-wrap .lists .list-item .thumbnail { width: 100%;margin-bottom: 16px;/*! padding: 0; */}
    .subpage.discover.viewpage .title-wrap {
        padding:15px 0 24px
    }



    .subpage.discover.viewpage .title-wrap .title {
        margin-top:6px
    }
    .subpage.discover.viewpage.items-page .title-wrap {
        padding-top:15px
    }
    .subpage.discover.viewpage.items-page .title-wrap .title-navigation {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        white-space:initial;
        text-overflow:unset;
        margin-right:0
    }
    .subpage.discover.viewpage.items-page .title-wrap .title-navigation li {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        width:100%;
        margin-top:10px;
        line-height:1.4
    }
    .subpage.discover.viewpage.items-page .title-wrap .title-navigation li .ico,
    .subpage.discover.viewpage.items-page .title-wrap .title-navigation li:first-child,
    .subpage.mypage #suggestionModal .modal-form {
        margin-top:0
    }
    .subpage.askLibrarian .lists .question .type:after,
    .subpage.discover.viewpage.items-page .title-wrap .title-navigation li:before {
        content:none
    }
    .subpage.discover.viewpage.items-page .title-wrap .title-navigation li span {
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1;
        padding-top:6px
    }
    .subpage.discover.viewpage.items-page .discover-lists-wrap .lists .list-item .content,
    .subpage.mypage .checkout-wrap .btn-renewAll {
        margin-top:10px
    }
    .subpage.discover.viewpage.items-page .discover-lists-wrap .lists .list-item .content .item-text a {
        width:-webkit-calc(100% - 28px);
        width:calc(100% - 28px)
    }
    .subpage.digitalMagazine .btn,
    .subpage.mypage #suggestionModal .lists-wrap .lists .book-wrap .btn-wrap {
        width:100%;
        margin-top:10px
    }
    .subpage.digitalMagazine .now-wrap {
        padding-left:0;
        padding-right:0
    }
    .subpage.digitalMagazine .title-wrap .text {
        width:100%;
        margin-right:0;
        margin-bottom:22px
    }
    .subpage.digitalMagazine .title-wrap .title {
        margin-right:-.2em
    }
    .subpage.audios .lists {
        min-width:565px
    }

    .subpage.aboutLTI .section .section-title {
        font-size:2.4rem;
        letter-spacing:0;
        margin-right:0
    }
    .subpage.aboutLTI .section .hourMap-wrap .hourMap-list dt {
        width:100%;
        font-size:2rem;
        margin-right:0;
        margin-bottom:15px
    }
    .subpage.aboutLTI .section .hourMap-wrap .image img,
    .subpage.aboutLTI .section .hourMap-wrap .map img,
    .subpage.aboutLTI .section.section-about .about-wrap .images img {
        max-width:100%
    }
    .subpage.aboutLTI .section.section-history .history-wrap:after {
        left:8px
    }
    .subpage.aboutLTI .section.section-history .history-wrap li {
        height:auto;
        margin-bottom:30px
    }
    .subpage.aboutLTI .section.section-history .history-wrap li:before {
        left:0
    }
    .subpage.aboutLTI .section.section-history .history-wrap li .history {
        position:relative;
        top:inherit;
        left:0;
        width:100%;
        padding-left:25px
    }
    .subpage.aboutLTI .section.section-history .history-wrap li:nth-child(2n-1) .history {
        left:0;
        right:inherit;
        width:100%;
        text-align:left
    }
    .subpage.aboutLTI .section.section-projects .project-wrap li {
        width:100%;
        margin-bottom:30px
    }
    .subpage.aboutLTI .section.section-projects .project-wrap li:last-child,
    .subpage.join .apply-wrap .fieldset,
    .subpage.join .join-select:last-child {
        margin-bottom:0
    }
    .subpage.aboutLTI .section.section-collections .collections-wrap li,
    .subpage.mypage #suggestionModal .modal-form .search-text-wrap {
        width:100%;
        margin-right:0
    }
    .subpage.aboutLTI .section .regulations-wrap .regulations {
        width:100%;
        margin-bottom:40px
    }
    .subpage.libraryNews.viewpage .content-about .about dd {
        width:100%;
        padding-left:0;
        margin-bottom:20px
    }
    .subpage.askLibrarian .viewpage-tab .tab,
    .subpage.askLibrarian .viewpage-tab .tab.active {
        width:100%;
        height:auto;
        padding:0
    }
    .subpage.askLibrarian .lists .question .type {
        width:100%;
        padding-right:0;
        margin-bottom:10px
    }
    .subpage.statistics .section .bar-wrap .title {
        width:100%;
        margin:0 0 15px;
        font-size:1.8rem;
        text-align:left
    }
    .subpage.statistics .section .bar-wrap .bar-inner {
        position:relative;
        -webkit-box-pack:start;
        -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    .subpage.statistics .section .bar-wrap .bar .domestic,
    .subpage.statistics .section .bar-wrap .bar .overseas {
        position:absolute;
        top:0;
        left:75px;
        font-size:1.2rem;
        text-align:left
    }
    .subpage.statistics .section .bar-wrap .bar .overseas {
        top:30px
    }
    .subpage.mypage .title-wrap {
        padding-top:0
    }
    .subpage.mypage .contents-wrap .side-tab-wrap {
        width:100%;
        border-right:none
    }
    .subpage.mypage .side-tab {
        border-right:1px solid #000
    }
    .subpage.mypage .side-tab:after,
    .subpage.mypage .side-tab:before {
        content:" ";
        display:table
    }
    .subpage.mypage .side-tab:after {
        clear:both
    }
    .subpage.mypage .side-tab .tab {
        float:left;
        width:50%
    }
    .subpage.mypage .mypage-wrap .mypage-title {
        font-size:2.5rem;
        letter-spacing:0;
        margin-right:0
    }
    .subpage.mypage .lists-table tbody td,
    .subpage.mypage .lists-table thead th {
        font-size:1.3rem;
        vertical-align:middle
    }
    .subpage.mypage .lists {
        min-width:700px
    }
    .subpage.mypage .suggestion-wrap .suggestion-title {
        font-size:2.2rem;
        margin-bottom:25px
    }
    .subpage.login .convert-wrap .form-description,
    .subpage.login .entry-contents .input-wrap .input,
    .subpage.mypage .suggestion-wrap .description,
    .subpage.mypage .suggestion-wrap .dot-list li {
        font-size:1.5rem
    }
    .subpage.mypage .suggestion-wrap .infobox {
        padding:25px 20px
    }
    .subpage.mypage .suggestion-wrap .infobox .title {
        font-size:2rem;
        margin-bottom:18px
    }
    .subpage.mypage .suggestion-wrap .fieldset .field-wrap {
        position:relative;
        width:100%;
        padding-left:0
    }
    .subpage.mypage .suggestion-wrap .fieldset .field-wrap .input-wrap.long,
    .subpage.mypage .suggestion-wrap .fieldset .field-wrap .input-wrap.middle {
        width:74%
    }
    .subpage.mypage .suggestion-wrap .fieldset .field-wrap .btn {
        position:absolute;
        top:-31px;
        left:44px
    }
    .subpage.mypage .suggestion-wrap .fieldset #changePassword {
        left:82px
    }
    .subpage.mypage .submit-wrap {
        margin:30px 0 0
    }
    .subpage.mypage .submit-wrap .description {
        width:100%;
        font-weight:400;
        font-size:1.4rem;
        color:#585858;
        line-height:1.5;
        margin-bottom:30px;
        margin-top:-10px
    }
    .subpage.mypage .submit-wrap .btn {
        margin-bottom:10px;
        width:48%
    }
    .subpage.mypage #suggestionModal .modal-inner {
        width:-webkit-calc(100% - 40px);
        width:calc(100% - 40px);
        top:20px;
        left:20px;
        bottom:20px;
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        -o-transform:translate(0,0);
        transform:translate(0,0)
    }
    .subpage.mypage #suggestionModal .modal-form .btn-search {
        width:100%;
        margin-top:5px
    }
    .subpage.mypage #suggestionModal .lists-wrap .lists {
        min-width:100%
    }
    .subpage.mypage #suggestionModal .lists-wrap .lists .list-item {
        display:block
    }
    .subpage.join .apply-wrap .fieldset-checkbox .input-wrap,
    .subpage.join .apply-wrap .fieldset-checkbox .input-wrap.full,
    .subpage.mypage #suggestionModal .lists-wrap .lists .book-wrap {
        width:100%;
        margin-left:0
    }
    .subpage.mypage #suggestionModal .lists-wrap .lists .book-wrap .info {
        width:-webkit-calc(100% - 80px);
        width:calc(100% - 80px);
        padding-left:20px
    }
    .subpage.mypage #suggestionModal .lists-wrap .lists .book-wrap .info .title {
        font-size:1.6rem
    }
    .subpage.mypage #suggestionModal .lists-wrap .lists .book-wrap .info .description {
        font-size:1.3rem;
        margin-top:10px
    }
    .subpage.mypage #changePasswordModal .suggestion-wrap .fieldset .field-wrap {
        padding-left:0
    }
    .subpage.login .entry-header {
        padding:10px 0 45px;
        text-align:left
    }
    .subpage.login .entry-header .page-title-wrap {
        width:100%;
        margin:0
    }
    .subpage.login .entry-contents .login-wrap {
        width:100%;
        padding:0
    }
    .subpage.login .entry-contents .login-wrap .login-btn-wrap .btn {
        width:100%;
        margin-right:0;
        margin-top:10px
    }
    .subpage.login .entry-contents .btn,
    .subpage.login .entry-contents .input-wrap .btn {
        font-size:1.5rem;
        height:45px;
        line-height:43px
    }
    .subpage.login .convert-wrap .convert-title .title {
        display:block;
        width:100%;
        font-size:1.8rem;
        margin-bottom:10px
    }

    .subpage.login .join-wrap .fieldset .select-wrap.membership-select-wrap {
        max-width:74%
    }
    .subpage.join .form.centered .btn-wrap {
        padding:30px 0 0
    }
    .subpage.join .join-select-wrap {
        padding:30px 20px
    }
    .subpage.join .join-select-inner {
        margin:0
    }
    .subpage.join .join-select {
        width:100%;
        padding:0;
        margin-bottom:30px
    }
    .subpage.join .join-select .select-wrap {
        height:auto;
        padding:20px 30px 30px
    }
    .subpage.join .apply-wrap .fieldset .label,
    .subpage.join .apply-wrap .fieldset .label.wide,
    .subpage.join .apply-wrap .fieldset .multi-row {
        width:100%;
        padding:14px 0 7px;
        white-space:inherit
    }
    .subpage.join .apply-wrap .fieldset-checkbox {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .subpage.join .apply-wrap .fieldset-checkbox .field-wrap {
        padding-top:12px;
        margin-left:0;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .subpage.join .apply-wrap .fieldset-checkbox .field-wrap label {
        width:50%;
        margin:0 0 12px
    }
    .subpage.join .apply-wrap .fieldset-checkbox .checkbox-wrap {
        min-width:32%;
        margin-bottom:12px
    }
    .subpage.join .apply-wrap .fieldset-checkbox .input-checkbox-wrap .field {
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1
    }
    .subpage.join .apply-wrap .field-wrap {
        -webkit-box-flex:1;
        -webkit-flex:auto;
        -ms-flex:auto;
        flex:auto;
        width:100%!important
    }
    .subpage.join .apply-wrap .field-wrap .label-sub {
        width:100%;
        text-align:left
    }
    .subpage.join .apply-wrap .field-wrap .field {
        -webkit-box-pack:start;
        -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    .subpage.join .apply-wrap .newsletter-check-wrap:not(.no-label) {
        position:relative
    }
    .subpage.join .apply-wrap .newsletter-check-wrap:not(.no-label) .input-checkbox-wrap {
        width:100%;
        margin-top:20px
    }
    .subpage.join .apply-wrap .newsletter-check-wrap:not(.no-label) button {
        position:absolute;
        top:20px;
        right:20px;
        margin-left:0
    }
    .subpage.join .apply-wrap .fieldset-title button.btn-hub:first-of-type {
        margin-top:10px;
        margin-left:unset
    }
    #newsletterModal .table-wrap {
        width:100%;
        overflow-x:auto
    }
    #newsletterModal table {
        min-width:600px
    }
    .modal.modal-join .modal-inner {
        left:20px;
        right:20px;
        bottom:20px;
        top:20px;
        height:-webkit-calc(100% - 40px);
        height:calc(100% - 40px);
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        -o-transform:translate(0,0);
        transform:translate(0,0)
    }
    .modal.modal-join .modal-contents {
        max-height:-webkit-calc(100% - 180px);
        max-height:calc(100% - 180px)
    }
}
.subpage.advancedSearch .contents-search-wrap {
    margin-bottom:40px;
    border-bottom:2px solid #000
}
.subpage.advancedSearch .viewpage-tab {
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    margin-bottom:36px
}
.subpage.advancedSearch .viewpage-tab .tab {
    font-size:1.5rem;
    -webkit-box-flex:0;
    -webkit-flex:0 0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    /*! width:102px; */
    /*! height:60px; */
    line-height:1.2;
    text-align:center
}

.subpage.advancedSearch .results-contents-wrap .no-result-wrap {
    padding:100px 0;
    text-align:center
}
.subpage.advancedSearch .contents-books .audio-list thead th:last-of-type,
.subpage.contest .access-apply-list thead th,
.subpage.contest .donation-list thead th,
.subpage.org-mypage .access-apply-list thead th,
.subpage.org-mypage .donation-list thead th {
    border-right:1px solid #fff
}
.subpage.advancedSearch #koreanBookModal .modal-header .title-wrap {
    padding-top:0;
    padding-right:0
}
.subpage.advancedSearch #koreanBookModal .modal-contents .content-about .about-book {
    width:100%;
    padding-right:0
}
.subpage.advancedSearch #koreanBookModal .modal-contents .content-about .about-book .about-content .thumbnail {
    width:174px
}
.subpage.advancedSearch #koreanBookModal .modal-contents .content-about .about-book .about-content .info {
    width:-webkit-calc(100% - 174px);
    width:calc(100% - 174px)
}
.subpage.advancedSearch #koreanBookModal .modal-contents .content-about .about-book .about-content .info dd {
    width:-webkit-calc(100% - 145px);
    width:calc(100% - 145px)
}
.subpage.advancedSearch #koreanBookModal .aladin {
    font-size:1.1rem
}
.subpage.page-404 .page-title-wrap {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:row-reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    text-align:right;
    margin-top:20px
}
.subpage.page-404 .page-title-wrap .page-title {
    font-size:32rem;
    letter-spacing:0;
    margin-right:0
}
.subpage.page-404 .entry-contents {
    margin-top:-96px
}
.subpage.page-404 .message-title {
    font-weight:700;
    font-size:4rem;
    line-height:1.2;
    margin-bottom:26px
}
.subpage.page-404 .message-content {
    font-weight:400;
    font-size:2.4rem;
    line-height:1.2;
    margin-bottom:180px
}
.subpage.subscribe .contents-wrap {
    background:#fff
}
.subpage.subscribe .contents-wrap .subscribe-wrap {
    width:100%;
    padding-left:0;
    margin-top:63px
}
.subpage.subscribe .suggestion-wrap .divider {
    display:inline-block;
    margin:0 7px
}
.subpage.subscribe .suggestion-wrap .checkbox-desc {
    display:block;
    width:100%;
    font-size:1.5rem;
    color:#585858;
    line-height:1.3333;
    margin-top:15px
}
@media only screen and (max-width:1280px) {
    .subpage.page-404 .page-title-wrap .page-title {
        font-size:22rem
    }
}
@media only screen and (max-width:1024px) {

    .subpage.page-404 .entry-contents {
        margin-top:0
    }
    .subpage.underConstruction .site-footer .footer-copyrights .footer-text:after {
        content:'';
        top:11px;
        width:-webkit-calc(100% - 346px);
        width:calc(100% - 346px)
    }
}
@media only screen and (max-width:768px) {
    .subpage.advancedSearch .entry-header {
        padding-top:10px
    }

    .subpage.advancedSearch .viewpage-tab .tab.active {
        height:auto
    }
    .subpage.advancedSearch #koreanBookModal .modal-inner {
        width:-webkit-calc(100% - 40px);
        width:calc(100% - 40px);
        top:20px;
        left:20px;
        bottom:20px;
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        -o-transform:translate(0,0);
        transform:translate(0,0)
    }
    .subpage.advancedSearch #koreanBookModal .modal-contents {
        max-height:-webkit-calc(100% - 154px);
        max-height:calc(100% - 154px)
    }
    .subpage.advancedSearch #koreanBookModal .modal-contents .content-about .about-book .about-content .info {
        width:100%
    }
    .subpage.advancedSearch #koreanBookModal .modal-contents .content-about .about-book .about-content .info dt {
        width:120px
    }
    .subpage.advancedSearch #koreanBookModal .modal-contents .content-about .about-book .about-content .info dd {
        width:-webkit-calc(100% - 120px);
        width:calc(100% - 120px)
    }
    .subpage.page-404 .page-title-wrap {
        margin-top:0
    }
    .subpage.page-404 .page-title-wrap .page-title {
        font-size:14rem
    }
}
.subpage.relatedContents .filter-results {
    font-size:1.6rem;
    line-height:31px;
}
.subpage.relatedContents .lists-wrap .lists .thumbnail {
    display:block;
    width:200px;
    height:200px;
    overflow:hidden;
    background-color:#eee;
    background-repeat:no-repeat;
    background-position:center;
    -webkit-background-size:contain;
    background-size:contain
}
.subpage.relatedContents .lists-wrap .lists .info {
    width:-webkit-calc(100% - 200px);
    width:calc(100% - 200px);
    padding-left:30px
}
.subpage.underConstruction .site-main:before {
    top:-100px
}
.subpage.underConstruction .entry-contents {
    padding-top:250px;
    text-align:center
}
.subpage.underConstruction .entry-contents .title {
    font-weight:700;
    font-size:3rem;
    color:#aaa;
    line-height:1.2;
    margin-bottom:40px;
    letter-spacing:.3em;
    text-transform:uppercase
}
.subpage.underConstruction .entry-contents .date {
    font-weight:700;
    font-size:5rem;
    color:#2c98f0;
    line-height:1.2;
    margin-bottom:40px;
    letter-spacing:.3em;
    text-transform:uppercase
}
.subpage.underConstruction .entry-contents .desc {
    font-weight:700;
    font-size:2.4rem;
    color:#585858;
    line-height:1.33;
    margin-bottom:56px
}
.subpage.underConstruction .entry-contents .info {
    font-weight:400;
    font-size:2rem;
    color:#585858;
    line-height:1.6;
    margin-bottom:24px
}
.subpage.underConstruction .entry-contents .mail {
    color:#000
}
.subpage.underConstruction .site-footer {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding-top:0;
    border-top:none
}
@media only screen and (max-width:768px) {
    .subpage.relatedContents .page-title-wrap {
        margin-bottom:0
    }
    .subpage.relatedContents .relatedContents-lists-wrap {
        padding-top:20px
    }
    .subpage.relatedContents .lists-wrap .lists .info {
        width:100%;
        padding-left:0;
        padding-top:10px
    }
    .subpage.relatedContents .lists.no-thumbnail .info {
        padding-top:0
    }
    .subpage.underConstruction .site-main:before {
        top:-300px
    }
    .subpage.underConstruction .entry-contents {
        padding-top:100px
    }
    .subpage.underConstruction .entry-contents .title {
        font-size:2.6rem;
        margin-bottom:30px
    }
    .subpage.underConstruction .entry-contents .date {
        font-size:4rem;
        margin-bottom:30px
    }
    .subpage.underConstruction .entry-contents .desc {
        font-size:2rem;
        margin-bottom:40px
    }
    .subpage.underConstruction .entry-contents .info {
        font-size:1.6rem;
        margin-bottom:15px
    }
}
@media only screen and (min-width:1921px) {
    .site-header .search-wrap {
        width:32%
    }
    .home .section.section-arrivals .thumbnail-lists {
        margin:65px -485px 0
    }
    .home .section.section-arrivals .thumbnail-lists .list-item {
        margin:0 85px 40px
    }
    .site-header-new.scrolling .search-wrap {
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .site-header-new.scrolling .search-wrap .search-form {
        max-width:1102px;
        margin-left:12px
    }
    .site-header-new.scrolling .scroll-search-wrap {
        position:relative;
        top:-4px
    }
}
@media only screen and (min-width:1921px) and (max-width:2560px) {
    .site-header .search-radio-wrap .advanced-search-btn {
        width:auto;
        color:#e5e5e5;
        text-indent:initial
    }
    .site-header .search-radio-wrap .advanced-search-btn img {
        margin-right:10px
    }
}
@media only screen and (max-width:1919px) {
    .site-header .header-hover .hover-text,
    .site-header.scrolling .scroll-search-wrap {
        display:none
    }
    .site-header .menu-wrap .sub-search {
        display:inline-block!important;
        margin-top:-4px;
        margin-left:34px
    }
}
@media only screen and (max-width:1820px) {
    .site-header .logo img {
        width:250px
    }
    .site-header .menu-wrap .site-navigation {
        font-size:1.5rem
    }
    .site-header .menu-wrap .site-navigation .main-menu li {
        margin:0 8px
    }
    .site-header-new.scrolling .main-menu>li {
        max-width:130px;
        padding:0
    }
    .site-header-new.scrolling .scroll-search-wrap {
        margin-left:20px
    }
}
@media only screen and (min-width:1281px) and (max-width:1900px) {
    .home .section.section-arrivals .thumbnail-lists {
        margin-left:-114px;
        margin-right:-114px
    }
}
@media only screen and (max-width:1620px) {
    .site-header-new.scrolling .main-menu>li {
        margin:0 4px
    }
    .site-header-new.scrolling .scroll-search-wrap {
        margin-left:0
    }
    .site-header-new.scrolling .search-wrap {
        margin:0 70px 0 40px
    }
}
@media only screen and (max-width:1532px) {
    .site-header .search-wrap {
        display:none
    }
}
@media only screen and (max-width:1500px) {
    .site-header-new.scrolling .header-inner {
        padding-left:30px;
        padding-right:30px
    }
    .site-header-new.scrolling .main-menu>li {
        margin-left:0;
        margin-right:0
    }
}
@media only screen and (max-width:1439px) {
    .site-header-new .site-link,
    .site-header-new.scrolling .scroll-search-wrap {
        display:none
    }
    .site-header-new .header-inner-top {
        margin-bottom:20px
    }
    .site-header-new.scrolling .header-inner {
        padding-left:30px;
        padding-right:30px
    }
    .site-header-new.scrolling .header-inner-top {
        margin-bottom:30px
    }
    .site-header-new.scrolling .search-wrap {
        margin:0 15px 0 40px
    }
    .site-header-new.scrolling .search-wrap .search-form {
        opacity:1;
        visibility:visible;
        height:auto
    }
    .site-header-new.scrolling .search-wrap .search-form .advanced-search-btn {
        display:block
    }
    .site-header-new.scrolling .sub-menu-wrap {
        padding-right:90px
    }
    .site-header-new.scrolling .mobile-toggle-wrap {
        position:absolute;
        top:0;
        right:1px;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        width:100px;
        height:100px;
        background:rgba(255,255,255,.2)
    }
    .site-header-new.scrolling .mobile-toggle-wrap .mobile-toggle-menu .bar {
        width:40px;
        height:4px;
        margin-bottom:10px
    }
    .site-header-new.scrolling .mobile-toggle-wrap .mobile-toggle-menu .bar:last-child {
        margin-bottom:0
    }
    .site-header-new.scrolling .menu-language .select {
        margin-top:10px
    }
    .site-header-new.scrolling .site-navigation {
        margin-left:0
    }
    .site-header-new.scrolling .main-menu {
        margin-top:0
    }
    .site-header-new.scrolling .main-menu>li {
        margin-left:20px;
        margin-right:20px
    }
}
@media only screen and (max-width:1280px) {
    .container,
    .home .section.section-news .lists .list-item:after {
        width:100%
    }
    .container {
        padding:0 40px
    }
    .site-header .header-inner {
        padding:38px 40px 20px
    }
    .site-footer {
        padding:54px 40px 63px
    }
    .home .section.section-slide .slide-wrap {
        padding:0 45px
    }
    .home .section.section-slide .slide-wrap .slick-slide {
        height:374px
    }
    .home .section.section-slide .slide-wrap .slide.essay .title,
    .home .section.section-slide .slide-wrap .slide.event .title {
        font-size:2.4rem
    }
    .home .section.section-slide .slick-arrow {
        width:75px
    }
    .home .section.section-slide .slick-arrow.slick-prev {
        left:0
    }
    .home .section.section-slide .slick-arrow.slick-next {
        right:0
    }
    .home .section.section-slide .slide-paging {
        left:0;
        width:75px
    }
    .home .section.section-arrivals .thumbnail-lists {
        height:614px;
        margin-left:-40px;
        margin-right:-40px;
        overflow:hidden
    }
    .home .section.section-arrivals .thumbnail-lists .list-item {
        margin:0 56px 40px
    }
    .home .section.section-arrivals .section-title-wrap .icon-wrap {
        margin-right:45px
    }
    .home .section.section-featured {
        background-color:#ededed
    }
    .home .section.section-featured .featured-wrap {
        margin:0;
        padding:80px 0
    }
    .home .section.section-featured .featured-content-wrap {
        padding-left:35px
    }
    .home .section.section-featured .featured-list .thumbnail-lists {
        -webkit-box-pack:justify;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between;
        margin:0;
        padding-left:20px
    }
    .home .section.section-featured .featured-list .thumbnail-lists .list-item {
        margin-left:auto;
        margin-right:auto
    }
    .site-header-new .logo img {
        width:220px;
        height:auto
    }
    .site-header-new .logo.logo-scroll img {
        width:170px
    }
    .site-header-new .search-wrap {
        position:relative;
        top:0;
        left:0;
        -webkit-transform:none;
        -ms-transform:none;
        -o-transform:none;
        transform:none;
        margin-left:auto
    }
    .site-header-new .menu-wrap {
        margin-top:20px
    }
}
@media only screen and (min-width:1025px) and (max-width:1180px) {
    .site-header .logo img {
        width:220px;
        height:auto
    }
    .site-header .menu-wrap .site-navigation {
        font-size:1.7rem
    }
    .site-header .menu-wrap .site-navigation .main-menu li {
        margin:0 5px
    }
    .site-header-new .search-wrap .search-text {
        width:200px
    }
    .site-header-new .site-navigation {
        font-size:1.5rem
    }
    .site-header-new .main-menu>li {
        width:12%;
        padding:0
    }
}
@media only screen and (max-width:1024px) {
    .container {
        padding:0 30px
    }
    .site-header .header-inner {
        padding:20px
    }
    .site-header .logo img {
        width:163px;
        height:auto
    }
    .site-header .header-search .search-input-wrap .search-input-inner.search-identifier-inner,
    .site-header .header-search .search-input-wrap .search-input-inner.search-language-inner,
    .site-header .header-search .search-radio-wrap,
    .site-header .menu-wrap .site-navigation,
    .site-header-new .logo,
    .site-header-new .search-wrap .advanced-search-btn,
    .site-header-new .search-wrap .search-keyboard,
    .site-header-new .search-wrap .search-submit img,
    .site-header-new.scrolling .logo.logo-scroll,
    .site-header-new.scrolling .search-wrap .search-form .advanced-search-btn,
    .site-header.menu-open .mobile-toggle-menu .bar:nth-child(2),
    .site-header.search-open:not(.menu-open) .menu-wrap .sub-menu {
        display:none
    }
    .site-header .menu-wrap .sub-search {
        display:none!important
    }
    .site-header .menu-wrap .sub-menu {
        position:absolute;
        top:110px;
        right:20px;
        width:100%;
        font-size:1.2rem
    }
    .site-header .menu-wrap .sub-menu li:before {
        margin:0 10px
    }
    .site-header .menu-wrap .sub-menu .menu-language select {
        -webkit-background-size:26px 26px;
        background-size:26px 26px;
        margin-left:15px
    }
    .site-header .mobile-toggle-wrap {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex
    }
    .site-header .header-search {
        padding:15px 0 35px
    }
    .site-header .header-search .title {
        margin-bottom:25px
    }
    .site-header .header-hover .hover-menu>li:last-child,
    .site-header .header-search .search-input-wrap,
    .site-header-new .main-menu>li:last-child,
    .site-header-new.scrolling .search-wrap .search-form {
        margin-bottom:0
    }
    .site-header .header-search .search-input-wrap .search-input-inner.search-identifier-inner .advanced-select+.input-wrap,
    .site-header .header-search .search-input-wrap .search-input-inner.search-language-inner .advanced-select+.input-wrap {
        width:-webkit-calc(100% - 250px);
        width:calc(100% - 250px)
    }
    .site-header .header-search .search-input-wrap .search-input-inner.search-identifier-inner {
        border-bottom-width:2px
    }
    .site-header .header-search .search-input-wrap .search-input-inner.search-language-inner {
        border-bottom-width:0
    }
    .site-header .header-search .search-input-wrap .advanced-select {
        width:-webkit-calc(100% - 91px);
        width:calc(100% - 91px);
        margin-bottom:2px
    }
    .site-header .header-search .search-input-wrap .advanced-select.sm {
        width:86px
    }
    .site-header .header-search .search-input-wrap .input-wrap {
        width:-webkit-calc(100% - 91px);
        width:calc(100% - 91px)
    }
    .site-header .header-search .search-input-wrap .datepicker-middle-text,
    .site-header .header-search .search-input-wrap .label-wrap .input-wrap.datepicker-wrap {
        margin-bottom:10px
    }
    .site-footer .footer-inner-wrap .footer-inner-left,
    .site-footer .footer-inner-wrap .footer-inner-right,
    .site-header .header-search .search-input-wrap .label-wrap,
    .site-header .header-search .search-input-wrap .search-identifier-inner .label-wrap,
    .subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .label-wrap,
    .subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .label-wrap .input-wrap {
        width:100%
    }
    .site-header .header-search .search-input-wrap .label-wrap:first-child .label,
    .site-header .header-search .search-input-wrap .search-identifier-inner .label-wrap:nth-child(2) .label,
    .site-header .header-search .search-input-wrap .search-language-inner .label-wrap:nth-child(2) .label {
        width:125px
    }
    .site-header .header-search .search-input-wrap .search-identifier-inner .label-wrap:nth-child(2),
    .site-header .header-search .search-input-wrap .search-language-inner .label-wrap:nth-child(2) {
        margin-left:0
    }
    .site-header .header-search .search-input-wrap .search-identifier-inner .advanced-select {
        width:120px;
        margin-bottom:10px
    }
    .site-header .header-search .search-input-wrap .search-identifier-inner .input-wrap {
        width:-webkit-calc(100% - 125px);
        width:calc(100% - 125px)
    }
    .site-header .header-search .search-input-wrap .search-language-inner {
        padding-bottom:0
    }
    .site-header .header-search .search-input-wrap .search-language-inner .advanced-select {
        width:-webkit-calc(100% - 125px);
        width:calc(100% - 125px);
        margin-right:0;
        margin-bottom:10px
    }
    .site-header .header-search .search-button-wrap.search-expand-wrap,
    .site-header .header-search .search-input-wrap.search-category-mobile,
    .site-header-new .logo.logo-scroll,
    .site-header-new.menu-open .main-menu {
        display:block
    }
    .site-header .header-search .search-button-wrap .btn-search {
        width:100%;
        margin-bottom:10px;
        margin-right:0
    }
    .site-header .header-search .search-button-wrap .btn-clear,
    .site-header .header-search .search-button-wrap .btn-close {
        width:-webkit-calc(50% - 5px);
        width:calc(50% - 5px)
    }
    .site-header .header-hover {
        display:none!important;
        padding:20px;
        margin-top:60px
    }
    .site-header .header-hover .hover-menu>li {
        width:100%;
        padding:0;
        margin-bottom:20px
    }
    .site-footer .footer-copyrights .footer-text:after,
    .site-header .header-hover .hover-menu>li.hover:before,
    .site-header .header-hover .hover-menu>li:hover:before {
        content:none
    }
    .site-header .header-hover .hover-menu>li>a {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        font-size:1.4rem;
        padding:0;
        margin-bottom:18px
    }
    .site-header .header-hover .hover-menu>li>a:after {
        content:'';
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1;
        display:block;
        width:100%;
        height:1px;
        margin-left:10px;
        background:grey
    }
    .site-header .header-hover .hover-menu>li>ul:after,
    .site-header .header-hover .hover-menu>li>ul:before {
        content:" ";
        display:table
    }
    .site-header .header-hover .hover-menu>li>ul:after {
        clear:both
    }
    .site-header .header-hover .hover-menu>li>ul li {
        float:left;
        width:50%;
        margin-bottom:20px
    }
    .site-header .header-hover .hover-menu>li>ul li a {
        padding:5px 0
    }
    .site-header.hover .header-inner {
        border-bottom-color:transparent
    }
    .site-header.search-open {
        height:100%
    }
    .site-header.search-open .header-search {
        height:-webkit-calc(100% - 93px);
        height:calc(100% - 93px);
        overflow-y:auto
    }
    .site-header.scrolling .header-inner,
    .site-header.scrolling.hover .header-inner,
    .site-header.scrolling.search-open .header-inner {
        height:63px
    }
    .site-header.scrolling.hover .header-search,
    .site-header.scrolling.search-open .header-search {
        height:-webkit-calc(100% - 63px);
        height:calc(100% - 63px);
        padding:35px 0
    }
    .site-header.scrolling.hover .header-hover,
    .site-header.scrolling.search-open .header-hover {
        height:-webkit-calc(100% - 63px);
        height:calc(100% - 63px)
    }
    .site-header.menu-open {
        height:100%;
        max-height:1000px;
        background-color:rgba(0,0,0,.9)
    }
    .site-header.menu-open .header-hover {
        display:block!important;
        height:-webkit-calc(100% - 93px);
        height:calc(100% - 93px);
        overflow-y:auto;
        border-top:none
    }
    .site-header.menu-open .mobile-toggle-menu .bar {
        -webkit-transition:-webkit-transform .5s;
        -o-transition:-o-transform .5s;
        transition:transform .5s
    }
    .site-header.menu-open .mobile-toggle-menu .bar:first-child {
        -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    .site-header.menu-open .mobile-toggle-menu .bar:nth-child(3) {
        margin-top:-6px;
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        -o-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    .site-main {
        padding-top:100px
    }
    .site-main:before {
        left:0;
        width:1024px;
        height:765px;
        -webkit-transform:none;
        -ms-transform:none;
        -o-transform:none;
        transform:none;
        background-position:top left
    }
    .site-footer {
        padding:30px
    }
    .site-footer .footer-top {
        margin-bottom:42px
    }
    .site-footer .footer-top .footer-menu {
        font-size:1.6rem;
        line-height:28px
    }
    .site-footer .footer-top .footer-menu li:after {
        height:16px;
        margin:6px 15px
    }
    .site-footer .footer-top .footer-sns-wrap {
        margin-top:40px
    }
    .site-footer .footer-top .footer-sns-wrap .footer-sns-title {
        width:100%;
        font-size:1.6rem;
        line-height:1;
        margin-bottom:20px
    }
    .site-footer .footer-bottom .footer-inner-wrap {
        -webkit-box-orient:vertical;
        -webkit-box-direction:reverse;
        -webkit-flex-direction:column-reverse;
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
    .site-footer .footer-bottom .footer-newsletter-wrap .footer-newsletter-title {
        font-size:1.6rem;
        margin-bottom:15px
    }
    .site-footer .footer-bottom .footer-info {
        margin-top:50px
    }
    .site-footer .footer-bottom .footer-info .footer-logo,
    .site-header-new.menu-open .menu-wrap .site-link li:nth-child(3) {
        margin-bottom:24px
    }
    .site-footer .footer-text {
        font-size:1.3rem
    }
    .site-footer .footer-copyrights {
        margin-top:33px
    }
    .home .section .half-wrap {
        margin:0 -30px
    }
    .home .section .half-wrap .half {
        width:100%;
        padding:0 30px
    }
    .home .section .half-wrap .half:last-child {
        margin-top:60px
    }
    .home .section.section-slide {
        padding-top:16px
    }
    .home .section.section-slide .slide-wrap {
        padding:0 10px
    }
    .home .section.section-slide .slide-wrap .slick-slide {
        height:321px
    }
    .home .section.section-slide .slide-wrap .slide.video .title {
        font-size:4rem
    }
    .home .section.section-slide .slide-wrap .slide.essay .title,
    .home .section.section-slide .slide-wrap .slide.event .title {
        font-size:1.8rem
    }
    .home .section.section-slide .slick-arrow {
        width:36px;
        height:82%
    }
    .home .section.section-slide .slick-arrow.slick-prev:before {
        width:9px;
        height:17px;
        background-image:url(../../images/main/slide-prev-mobile@2x.png);
        -webkit-background-size:9px 17px;
        background-size:9px 17px
    }
    .home .section.section-slide .slick-arrow.slick-next:before {
        width:9px;
        height:17px;
        background-image:url(../../images/main/slide-next-mobile@2x.png);
        -webkit-background-size:9px 17px;
        background-size:9px 17px
    }
    .home .section.section-slide .slide-paging {
        width:36px;
        font-size:1.2rem;
        height:24px;
        line-height:24px
    }
    .home .section.section-arrivals {
        padding-top:43px
    }
    .home .section.section-arrivals .thumbnail-lists {
        margin-left:-30px;
        margin-right:-30px;
        padding:0 15px
    }
    .home .section.section-arrivals .thumbnail-lists .list-item {
        margin-left:29px;
        margin-right:29px
    }
    .home .section.section-featured .featured-list .thumbnail-lists {
        -webkit-box-pack:start;
        -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        margin-bottom:-30px
    }
    .home .section.section-featured .featured-list .thumbnail-lists .list-item {
        margin-left:10px;
        margin-right:10px;
        margin-bottom:30px
    }
    .home .section.section-media .publication-wrap .thumbnail-lists {
        margin-bottom:-30px;
        padding:0 15px
    }
    .home .section.section-media .publication-wrap .thumbnail-lists .list-item {
        max-width:160px;
        margin-bottom:30px
    }
    .subpage .entry-header {
        padding:30px 0
    }
    .subpage .breadcrumbs {
        font-size:1.2rem;
        margin-bottom:20px
    }
    .subpage .breadcrumbs .breadcrumb-item img {
        width:15px;
        height:auto
    }
    .subpage .page-title-wrap .page-title {
        font-size:2.8rem;
        margin-right:20px
    }
    .subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .search-language-inner .label-wrap:last-child {
        width:100%;
        margin-left:0;
        margin-top:10px
    }
    .subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .search-identifier-inner .label-wrap:nth-child(2) .label,
    .subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .search-language-inner .label-wrap:last-child .label {
        width:120px
    }
    .subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .search-identifier-inner .label-wrap:nth-child(2) {
        margin-top:10px;
        margin-left:0
    }
    .subpage .contents-search-wrap .contents-search-advanced .search-button-wrap .btn {
        width:200px
    }
    .subpage .pagination .page-arrow,
    .subpage .pagination .page-number {
        min-width:35px;
        height:35px;
        line-height:33px;
        padding:0 10px
    }
    .btn-top {
        bottom:60px;
        width:75px;
        height:40px;
        padding:10px;
        background-position:10px 10px
    }
    .btn-top span {
        font-size:1.4rem;
        margin-left:25px
    }
    .btn-top:after {
        top:40px;
        border-top:30px solid rgba(0,0,0,.16);
        border-left:75px solid transparent
    }
    .site-header-new {
        max-height:100px
    }
    .site-header-new .header-inner {
        padding:16px 20px
    }
    .site-header-new .header-inner-top {
        margin:0
    }
    .site-header-new .logo.logo-scroll img {
        width:134px
    }
    .site-header-new .search-wrap {
        top:16px;
        width:-webkit-calc(100% + 40px);
        width:calc(100% + 40px);
        margin:0 -20px
    }
    .site-header-new .search-wrap .select {
        width:73px;
        background-color:rgba(255,255,255,.4)
    }
    .site-header-new .search-wrap .search-text-wrap {
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1
    }
    .site-header-new .main-menu ul,
    .site-header-new .main-menu>li>a {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        -webkit-flex-wrap:wrap
    }
    .site-header-new .search-wrap .search-text {
        width:100%;
        padding-right:70px;
        background:#424242
    }
    .site-header-new .search-wrap .search-submit {
        top:0;
        right:1px;
        height:46px;
        width:50px;
        border:1px solid #fff;
        border-right:none;
        background:#222
    }
    .site-header-new .search-wrap .search-submit .xi-search {
        display:inline-block;
        font-size:2.5rem;
        color:#fff
    }
    .site-header-new .sub-menu-wrap {
        position:absolute;
        top:124px;
        right:20px
    }
    .site-header-new .mobile-toggle-wrap {
        display:block;
        position:absolute;
        top:20px;
        right:20px
    }
    .site-header-new .site-navigation {
        text-align:left
    }
    .site-header-new .main-menu {
        display:none;
        margin:0;
        text-align:left
    }
    .site-header-new .main-menu>li {
        width:100%;
        max-width:100%!important;
        margin:0;
        padding:0
    }
    .site-header-new .main-menu>li>a {
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        padding:0;
        border-bottom:none
    }
    .site-header-new .main-menu>li>a:after {
        content:'';
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1;
        display:block;
        width:100%;
        height:1px;
        margin-left:10px;
        background:#fff
    }
    .site-header-new .main-menu ul {
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        opacity:1;
        visibility:visible;
        margin:30px 0 40px
    }
    .site-header-new .main-menu ul li {
        width:50%
    }
    .site-header-new .main-menu ul li a {
        display:block;
        padding:5px 10px 5px 0
    }
    .site-header-new .menu-wrap {
        margin-top:0
    }
    .site-header-new.scrolling {
        max-height:46px
    }
    .site-header-new.scrolling .search-wrap {
        width:-webkit-calc(100% + 40px);
        width:calc(100% + 40px);
        margin:0 -20px;
        top:-20px;
        left:-10px
    }
    .site-header-new.scrolling .mobile-toggle-wrap {
        width:46px;
        height:46px;
        background:#222;
        border:1px solid #fff;
        border-right:1px solid #fff
    }
    .site-header-new.scrolling .mobile-toggle-wrap .mobile-toggle-menu .bar {
        width:20px;
        height:2px;
        margin-bottom:4px
    }
    .site-header-new.menu-open {
        height:100%;
        max-height:2000px
    }
    .site-header-new.menu-open .header-inner {
        height:100%;
        max-height:2000px;
        padding-left:20px;
        padding-right:20px
    }
    .site-header-new.menu-open .menu-wrap {
        height:-webkit-calc(100% - 225px);
        height:calc(100% - 225px);
        overflow-y:auto;
        margin-top:150px
    }
    .site-header-new.menu-open .menu-wrap .site-link {
        position:static;
        display:block;
        float:none;
        width:100%;
        margin-top:0
    }
    .site-header-new.menu-open .menu-wrap .site-link p {
        display:inline-block;
        font-size:1.3rem;
        color:#ddd;
        margin-bottom:14px;
        text-align:right;
        position:relative
    }
    .site-header-new.menu-open .menu-wrap .site-link li {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        width:100%;
        font-size:1.5rem;
        font-weight:400;
        color:#999;
        line-height:1.6;
        margin-bottom:10px;
        border:1px solid #2c2c2c
    }
    .site-header-new.menu-open .menu-wrap .site-link li a {
        display:block;
        padding:10px 15px
    }
    .site-header-new.menu-open .menu-wrap .site-link li:after {
        content:"\e93e";
        color:#2c98f0;
        font-family:xeicon;
        font-size:1.6rem;
        margin-left:auto;
        margin-right:15px
    }
    .site-header-new.menu-open.scrolling .search-wrap {
        left:-20px;
        margin:0 -20px 0 0
    }
    .site-header-new.menu-open.scrolling .sub-menu-wrap {
        top:90px;
        padding:0
    }
    .site-header-new.menu-open.scrolling .menu-wrap {
        height:-webkit-calc(100% - 175px);
        height:calc(100% - 175px);
        overflow-y:auto;
        margin-top:100px
    }
    .site-header-new.menu-open.scrolling .main-menu>li {
        margin-left:0;
        margin-right:0
    }

    .subpage.viewpage .content-about {flex-direction: column;}
    .subpage.viewpage .content-about .about-author {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        border-left: none;
        margin-top:30px;
        padding-top: 30px;
        border-top:1px solid #ccc;
    }

}
@media only screen and (max-width:768px) {
    .home .section.section-featured .featured-list,
    .site-header .header-search .search-input-wrap .label-wrap:first-child .label,
    .site-header .header-search .search-input-wrap .search-identifier-inner .input-wrap,
    .site-header .header-search .search-input-wrap .search-identifier-inner .label-wrap:nth-child(2) .label,
    .site-header .header-search .search-input-wrap .search-language-inner .advanced-select,
    .site-header .header-search .search-input-wrap .search-language-inner .label-wrap:nth-child(2) .label,
    .subpage.viewpage .content-about .about-book .about-content .info dt,
    .subpage.viewpage .content-hlayout .content,
    .subpage.viewpage .content-hlayout .title,
    .subpage.viewpage .contents-books .books-list.events-list .list-item .info,
    .subpage.viewpage .contents-books .books-list.images-list .list-item .info,
    .subpage.viewpage .contents-books .books-list.video-list .list-item .info {
        width:100%
    }
    .site-header .header-search .search-input-wrap .search-input-inner.search-identifier-inner .advanced-select+.input-wrap,
    .site-header .header-search .search-input-wrap .search-input-inner.search-language-inner .advanced-select+.input-wrap {
        width:-webkit-calc(100% - 125px);
        width:calc(100% - 125px)
    }
    .site-main:before {
        height:622px
    }
    .home .section .section-title {
        font-size:2.2rem;
        margin-right:-.2em
    }
    .home .section .section-title.sm {
        font-size:2rem;
        margin-right:-.1em
    }
    .home .section .section-title-wrap .load-more {
        margin-left:20px;
        line-height:20px
    }
    .home .section .section-title-wrap .section-title.sm+.load-more {
        margin-left:15px
    }
    .home .section.section-slide .slide-wrap .slick-arrow {
        height:76%
    }
    .home .section.section-slide .slide-wrap .slick-slide {
        height:234px
    }
    .home .section.section-slide .slide-wrap .slide .badge {
        font-size:1.3rem;
        padding:5px 15px 5px 25px
    }
    .home .section.section-slide .slide-wrap .slide.video .badge {
        padding-left:35px;
        margin-bottom:20px
    }
    .home .section.section-slide .slide-wrap .slide.video .title {
        font-size:3rem;
        padding:0 35px;
        margin-bottom:25px
    }
    .home .section.section-slide .slide-wrap .slide.essay .badge,
    .home .section.section-slide .slide-wrap .slide.event .badge,
    .subpage .filter-wrap .filter {
        margin-bottom:10px
    }
    .home .section.section-slide .slide-wrap .slide.essay .title,
    .home .section.section-slide .slide-wrap .slide.event .title {
        font-size:1.4rem;
        padding:0 25px;
        margin-bottom:15px
    }
    .home .section.section-arrivals .thumbnail-lists {
        margin-left:-20px;
        margin-right:-20px
    }
    .home .section.section-arrivals .thumbnail-lists .list-item {
        margin-left:20px;
        margin-right:20px
    }
    .home .section.section-featured .featured-wrap {
        padding:40px 0 44px
    }
    .home .section.section-featured .section-title {
        margin-bottom:42px
    }
    .home .section.section-featured .featured-content-wrap {
        position:relative;
        padding-left:0
    }
    .home .section.section-featured .featured-content-wrap .featured-image {
        position:absolute;
        top:0;
        left:22px;
        width:143px;
        margin-right:30px
    }
    .home .section.section-featured .featured-list .section-title-wrap {
        position:absolute;
        top:10px;
        left:195px
    }
    .home .section.section-featured .featured-list .section-title-wrap .load-more,
    .subpage.viewpage .content-about .about-author {
        margin-left: 0;
        padding-left: 0;
        width:100%;
    }
    .home .section.section-featured .featured-list .featured-sub-title {
        font-size:2.4rem;
        margin-bottom:5px
    }
    .home .section.section-featured .featured-list .thumbnail-lists {
        padding-top:243px;
        padding-left:12px
    }
    .home .section.section-media {
        padding-top:40px
    }
    .home .section.section-media .section-title,
    .home .section.section-media .section-title.sm {
        margin-bottom:30px
    }
    .home .section.section-media .publication-wrap .section-title {
        margin-bottom:34px
    }
    .home .section.section-news {
        padding:35px 0 20px
    }
    .home .section.section-news .half-wrap .half:last-child {
        margin-top:40px
    }
    .subpage .breadcrumbs,
    .subpage .contents-search-wrap .search-form .search-more-btn span {
        display:none
    }
    .subpage .page-title-wrap {
        -webkit-box-align:start;
        -webkit-align-items:flex-start;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .subpage .contents-search-wrap .search-form .search-text-wrap {
        width:-webkit-calc(100% - 52px);
        width:calc(100% - 52px)
    }
    .subpage .contents-search-wrap .search-form .search-more-btn {
        width:47px
    }
    .subpage .contents-search-wrap .search-form .search-more-btn img {
        margin-right:0
    }
    .subpage .contents-search-wrap .search-select-wrap .select {
        width:155px;
        height:38px;
        padding:8px 30px 8px 10px;
        -webkit-background-size:38px 38px;
        background-size:38px 38px;
        margin-bottom:5px
    }
    .subpage .contents-search-wrap .contents-search-advanced.on {
        max-height:2000px;
        padding:20px 0
    }
    .subpage .contents-search-wrap .contents-search-advanced .title {
        font-size:1.8rem;
        margin-bottom:20px
    }
    .subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .advanced-select,
    .subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .input-wrap,
    .subpage .contents-search-wrap .contents-search-advanced .search-input-wrap .input-wrap.datepicker-wrap,
    .subpage .search-select-result .title {
        width:100%;
        margin-right:0
    }
    .subpage .contents-search-wrap .contents-search-advanced .search-button-wrap .btn {
        width:100%;
        margin-right:0;
        margin-bottom:10px
    }
    .subpage .contents-search-wrap .contents-search-advanced .search-radio-wrap {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        overflow-x:auto
    }
    .subpage .contents-search-wrap .contents-search-advanced .search-radio-wrap .search-radio+span {
        height:48px;
        min-width:86px;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .subpage .contents-search-wrap .contents-search-advanced .search-radio-wrap .search-radio:checked+span,
    .subpage.viewpage .contents-books .books-list .list-item .info .badge-wrap {
        margin-top:0
    }
    .subpage .search-select-result {
        position:relative
    }
    .subpage .search-select-result .tags {
        max-width:100%;
        margin-top:10px
    }
    .subpage .search-select-result .btn-clear {
        position:absolute;
        top:0;
        left:113px
    }
    .subpage .filter-wrap .filter-items {
        width:100%;
        margin-top:10px
    }
    .subpage .lists-footer {
        margin-top:25px
    }
    .subpage .pagination .page-arrow,
    .subpage .pagination .page-number {
        min-width:30px;
        height:30px;
        font-size:1.2rem;
        line-height:28px;
        padding:0
    }

    .subpage .viewpage-tab .tab a {
        padding:10px 12px;
        white-space: nowrap;
    }

    .subpage .viewpage-tab.open {
        padding-top:40px!important;
        overflow:visible
    }
    .subpage.viewpage .title-wrap {
        padding:0 0 15px
    }
    .subpage.viewpage .title-wrap .title {
        font-size:2.2rem
    }
    .subpage.viewpage .title-wrap .badge-wrap {
        margin-top:-5px
    }
    .subpage.viewpage .title-wrap .badge-wrap .badge {
        font-size:1.2rem;
        margin-bottom:5px
    }
    .subpage.viewpage .title-wrap .title-top-wrap .share-wrap {
        float:left;
        width:100%;
        margin-top:10px
    }
    .subpage.viewpage .content-about .about-book {
        width:100%;
        margin-bottom:30px
    }
    .subpage.viewpage .content-about .about-book .about-content .thumbnail {
        text-align: left;
        /*width: 100%;*/
    }
    .subpage.viewpage .content-about {flex-direction: column;}
    .subpage.viewpage .content-about .about-book .about-content .thumbnail #thumbnail { width: 100%;height: 357px;object-fit: contain;background-color: #d0d0d0d0;}
    .subpage.viewpage .content-about .about-book .about-content .info {
        width:100%;
        margin-top:20px;
        padding-left:0
    }
    .subpage.viewpage .content-about .about-book .about-content .info dd {
        width:100%;
        padding-left:0;
        margin-bottom:20px
    }
    .subpage.viewpage .contents-books .books-title .contents-toggle-wrap {
        display:block;
        width:100%;
        margin:10px 0 0;
        padding:0
    }
    .subpage.viewpage .contents-books .books-title .contents-toggle-wrap .contents-toggle {
        float:left
    }
    .subpage.viewpage .contents-books .books-list .list-item {
        width:-webkit-calc(100% - 20px);
        width:calc(100% - 20px);
        margin-left:15px;
        margin-right:5px
    }
    .subpage.viewpage .contents-books .books-list .list-item .thumbnail {
        width:80px
    }
    .subpage.viewpage .contents-books .books-list .list-item .info {
        width:-webkit-calc(100% - 80px);
        width:calc(100% - 80px)
    }
    .subpage.viewpage .contents-books .books-list .list-item .info .badge-wrap .badge {
        font-size:1.2rem
    }
    .subpage.viewpage .contents-books .books-list .list-item .info .title {
        font-size:1.8rem
    }
    .subpage.viewpage .contents-books .books-list .list-item .info .author {
        font-size:1.4rem;
        margin-top:10px
    }
    .subpage.viewpage .contents-books .books-list.relevant-list .list-item {
        width:-webkit-calc(50% - 40px);
        width:calc(50% - 40px);
        margin:0 20px 20px
    }
    .subpage.viewpage .contents-books .books-list.enews-list .list-item .thumbnail {
        height:80px
    }
    .subpage.viewpage .contents-books .books-list.events-list,
    .subpage.viewpage .contents-books .books-list.images-list,
    .subpage.viewpage .contents-books .books-list.video-list {
        padding:0
    }
    .subpage.viewpage .contents-books .books-list.events-list .list-item .thumbnail,
    .subpage.viewpage .contents-books .books-list.video-list .list-item .thumbnail {
        width:100%;
        height:166px;
        margin-bottom:10px
    }
    .subpage.viewpage .contents-books .books-list.events-list .list-item .thumbnail {
        height:194px
    }
    .subpage.viewpage .contents-books .books-list.images-list .list-item {
        width:-webkit-calc(50% - 30px);
        width:calc(50% - 30px);
        margin-left:20px;
        margin-right:10px
    }
    .subpage.viewpage .contents-books .books-list.images-list .list-item .thumbnail {
        width:100%;
        margin-bottom:10px
    }
    .subpage.viewpage .contents-books .audio-list tbody td,
    .subpage.viewpage .contents-books .audio-list thead th {
        font-size:1.3rem;
        padding:7px 5px;
        vertical-align:middle
    }
    .subpage.viewpage .content-hlayout .content {
        margin-top:20px
    }
    .subpage.viewpage .content-license .content .text {
        width:100%;
        -webkit-box-flex:1;
        -webkit-flex:auto;
        -ms-flex:auto;
        flex:auto;
        margin-left:0;
        margin-top:10px
    }
}
.subpage.contest .outside-btn-wrap,
.subpage.org-mypage .outside-btn-wrap {
    margin-top:20px;
    width:100%;
    text-align:right
}
.subpage.contest .outside-btn-wrap .btn-linebox,
.subpage.org-mypage .outside-btn-wrap .btn-linebox {
    display:inline-block;
    border:1px solid #999;
    padding:7px 20px;
    font-size:14px;
    line-height:22px;
    color:#000;
    margin-left:8px;
    min-width:100px;
    text-align:center
}
.subpage.contest .side-tab-wrap,
.subpage.org-mypage .side-tab-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:0 60px;
    margin-top:50px
}
.subpage.contest .side-tab .tab,
.subpage.org-mypage .side-tab .tab {
    width:178px;
    line-height:20px;
    font-size:1.4rem;
    font-weight:700;
    color:#fff;
    padding:10px 20px 10px 30px;
    margin-left:auto;
    margin-bottom:5px;
    background-color:#777;
    text-align:right
}
.subpage.contest .side-tab .tab.active,
.subpage.org-mypage .side-tab .tab.active {
    width:184px;
    background-color:#2c98f0
}
.subpage.contest .side-tab .banner,
.subpage.org-mypage .side-tab .banner {
    width:178px;
    padding-left:6px;
    padding-right:12px;
    margin:40px 0
}
.subpage.contest .form-wrap,
.subpage.org-mypage .form-wrap {
    padding:45px;
    border:1px solid #bbb;
    background-color:#f4f4f4
}
.subpage.contest .org-form-wrap .box,
.subpage.org-mypage .org-form-wrap .box {
    width:100%;
    background-color:#fff;
    padding:12px 20px;
    margin-bottom:20px;
    line-height:1.5;
    font-size:1.4rem
}
.subpage.contest .org-form-wrap .box h4,
.subpage.org-mypage .org-form-wrap .box h4 {
    font-size:1.6rem;
    font-weight:700;
    margin-bottom:8px
}
.subpage.contest .org-form-wrap .box p,
.subpage.contest .org-form-wrap .box ul.dot-list,
.subpage.org-mypage .org-form-wrap .box p,
.subpage.org-mypage .org-form-wrap .box ul.dot-list {
    margin-bottom:8px
}
.subpage.contest .org-form-wrap .box ul.dot-list li,
.subpage.org-mypage .org-form-wrap .box ul.dot-list li {
    font-size:1.4rem;
    margin-bottom:2px
}
.subpage.contest .org-form-wrap .desc,
.subpage.org-mypage .org-form-wrap .desc {
    color:#777;
    margin-bottom:20px
}
.subpage.contest .org-form-wrap .desc.alt,
.subpage.org-mypage .org-form-wrap .desc.alt {
    margin:12px 0 12px 20px
}
.subpage.contest .org-form-wrap .btn-wrap,
.subpage.org-mypage .org-form-wrap .btn-wrap {
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
.subpage.contest .org-form-wrap .btn-wrap .btn-inner,
.subpage.org-mypage .org-form-wrap .btn-wrap .btn-inner {
    width:282px;
    max-width:50%
}
.subpage.contest .org-form-wrap .fieldset,
.subpage.org-mypage .org-form-wrap .fieldset {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    margin-bottom:20px
}
.subpage.contest .org-form-wrap.donation-list-wrap .fieldset,
.subpage.contest .org-form-wrap.member-search-wrap .fieldset,
.subpage.org-mypage .org-form-wrap.donation-list-wrap .fieldset,
.subpage.org-mypage .org-form-wrap.member-search-wrap .fieldset {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row
}
.subpage.contest .org-form-wrap.member-search-wrap .fieldset .label,
.subpage.org-mypage .org-form-wrap.member-search-wrap .fieldset .label {
    width:120px;
    margin-top:10px
}
.subpage.contest .org-form-wrap.donation-list-wrap .fieldset .label,
.subpage.org-mypage .org-form-wrap.donation-list-wrap .fieldset .label {
    width:64px;
    margin-top:10px
}
.subpage.contest .org-form-wrap .fieldset-checkbox .checkbox-wrap,
.subpage.org-mypage .org-form-wrap .fieldset-checkbox .checkbox-wrap {
    width:auto;
    margin-right:20px;
    font-size:14px
}
.subpage.contest .org-form-wrap .fieldset-checkbox .input-checkbox-wrap .checkbox-wrap,
.subpage.org-mypage .org-form-wrap .fieldset-checkbox .input-checkbox-wrap .checkbox-wrap {
    min-width:70px
}
.subpage.contest .org-form-wrap .field-wrap .label-sub,
.subpage.org-mypage .org-form-wrap .field-wrap .label-sub {
    width:68px;
    text-align:left
}
.subpage.contest .org-form-wrap .field-wrap .field,
.subpage.org-mypage .org-form-wrap .field-wrap .field {
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start
}
.subpage.contest .org-form-wrap .input-wrap,
.subpage.contest .org-form-wrap .select-wrap,
.subpage.org-mypage .org-form-wrap .input-wrap,
.subpage.org-mypage .org-form-wrap .select-wrap {
    border-color:#ddd
}
.subpage.contest .org-form-wrap .input-wrap.file,
.subpage.contest .org-form-wrap .select-wrap.file,
.subpage.org-mypage .org-form-wrap .input-wrap.file,
.subpage.org-mypage .org-form-wrap .select-wrap.file {
    padding-left:10px
}
.subpage.contest .org-form-wrap .input-wrap.file a,
.subpage.contest .org-form-wrap .select-wrap.file a,
.subpage.org-mypage .org-form-wrap .input-wrap.file a,
.subpage.org-mypage .org-form-wrap .select-wrap.file a {
    color:#2c98f0;
    text-decoration:underline
}
.subpage.contest .org-form-wrap .fieldset-inline-wrap .fieldset,
.subpage.org-mypage .org-form-wrap .fieldset-inline-wrap .fieldset {
    float:left;
    width:auto
}
.subpage.contest .org-form-wrap .fieldset-inline-wrap .fieldset+.fieldset,
.subpage.org-mypage .org-form-wrap .fieldset-inline-wrap .fieldset+.fieldset {
    float:left;
    margin-left:15px
}
.subpage.contest .org-form-wrap .field-inline-wrap .field+.field,
.subpage.org-mypage .org-form-wrap .field-inline-wrap .field+.field {
    margin-left:15px
}
.subpage.contest .org-form-wrap .field-inline-wrap .label-sub,
.subpage.org-mypage .org-form-wrap .field-inline-wrap .label-sub {
    width:68px;
    line-height:40px;
    margin-right:24px;
    float:left
}
.subpage.contest .certificate-wrap .centered,
.subpage.org-mypage .certificate-wrap .centered {
    width:100%;
    text-align:center;
    padding:20px 0
}
.subpage.contest .certificate-wrap .centered p,
.subpage.org-mypage .certificate-wrap .centered p {
    font-size:18px;
    line-height:24px;
    margin-bottom:40px
}
.subpage.contest .certificate-wrap .centered button.btn-default,
.subpage.org-mypage .certificate-wrap .centered button.btn-default {
    display:inline-block;
    width:unset;
    padding:0 20px
}
.subpage.contest .certificate-wrap .description,
.subpage.org-mypage .certificate-wrap .description {
    font-size:1.5rem;
    line-height:1.2;
    margin-bottom:30px
}
.subpage.contest .certificate-wrap .certificate-image,
.subpage.org-mypage .certificate-wrap .certificate-image {
    position:relative;
    width:100%;
    height:0;
    padding-top:69.5%;
    background:url(../../images/subpage/new/certificate@2x.png) center/cover no-repeat;
    -webkit-background-size:cover
}
.subpage.contest .certificate-wrap .certificate-image .no,
.subpage.org-mypage .certificate-wrap .certificate-image .no {
    position:absolute;
    top:13%;
    left:10%;
    font-size:1.3rem
}
.subpage.contest .certificate-wrap .certificate-image .title,
.subpage.org-mypage .certificate-wrap .certificate-image .title {
    position:absolute;
    top:30%;
    left:0;
    width:100%;
    text-align:center;
    font-size:4.8rem;
    font-weight:700
}
.subpage.contest .certificate-wrap .certificate-image .date,
.subpage.org-mypage .certificate-wrap .certificate-image .date {
    position:absolute;
    top:39%;
    left:0;
    width:100%;
    text-align:center;
    font-size:1.6rem;
    line-height:24px;
    padding:20px 0
}
.subpage.contest .certificate-wrap .certificate-image .name,
.subpage.org-mypage .certificate-wrap .certificate-image .name {
    position:absolute;
    top:49.5%;
    left:0;
    width:100%;
    text-align:center;
    font-size:1.8rem;
    font-weight:700;
    line-height:24px;
    padding:20px 0
}
.subpage.contest .certificate-wrap .certificate-image .name span,
.subpage.org-mypage .certificate-wrap .certificate-image .name span {
    display:inline-block;
    padding-bottom:16px;
    border-bottom:2px solid #c4c4c4
}
.subpage.contest .form-lists-wrap,
.subpage.org-mypage .form-lists-wrap {
    padding-right:60px
}
.subpage.contest .member-search-wrap,
.subpage.org-mypage .member-search-wrap {
    padding:46px 40px
}
.subpage.contest .member-search-wrap .fieldset .label,
.subpage.org-mypage .member-search-wrap .fieldset .label {
    width:102px
}
.subpage.contest .member-search-wrap .btn-search,
.subpage.org-mypage .member-search-wrap .btn-search {
    width:204px;
    margin-left:17px;
    background-color:#4a4a4a
}
.subpage.contest .donation-list-wrap .select-wrap,
.subpage.contest .member-search-wrap .input-wrap,
.subpage.contest .member-search-wrap .select-wrap,
.subpage.org-mypage .donation-list-wrap .select-wrap,
.subpage.org-mypage .member-search-wrap .input-wrap,
.subpage.org-mypage .member-search-wrap .select-wrap {
    border-color:#999
}
.subpage.contest .member-search-wrap .input,
.subpage.contest .member-search-wrap .select,
.subpage.contest .upload,
.subpage.org-mypage .member-search-wrap .input,
.subpage.org-mypage .member-search-wrap .select {
    background-color:#fff;
    width:100%
}
.subpage.contest .member-search-wrap .field-inline-wrap .text,
.subpage.org-mypage .member-search-wrap .field-inline-wrap .text {
    line-height:40px;
    background-color:transparent
}
.subpage.contest .member-search-wrap .ui-datepicker-trigger,
.subpage.org-mypage .member-search-wrap .ui-datepicker-trigger {
    width:14px;
    height:auto
}
.subpage.contest .member-btn-wrap .reject,
.subpage.org-mypage .member-btn-wrap .reject {
    background-color:#4e5f58
}
.subpage.bookReviews .lists-thumbnail.rvc .list-item .badge-wrap .badge.status-progress,
.subpage.contest .member-btn-wrap .invite,
.subpage.org-mypage .member-btn-wrap .invite {
    background-color:#e75e11
}
.subpage.contest .libraryNews-lists .list-content .item,
.subpage.contest .libraryNews-lists .list-header .item,
.subpage.org-mypage .libraryNews-lists .list-content .item,
.subpage.org-mypage .libraryNews-lists .list-header .item {
    padding:9px 15px
}
.subpage.contest .libraryNews-lists .item.item-checkbox,
.subpage.org-mypage .libraryNews-lists .item.item-checkbox {
    position:relative;
    width:5%
}
.subpage.contest .libraryNews-lists .item.item-number,
.subpage.org-mypage .libraryNews-lists .item.item-number {
    width:5%
}
.subpage.contest .libraryNews-lists .item.item-email,
.subpage.org-mypage .libraryNews-lists .item.item-email {
    width:60%
}
.subpage.contest .libraryNews-lists .checkbox-wrap,
.subpage.org-mypage .libraryNews-lists .checkbox-wrap {
    width:18px;
    height:18px;
    padding-left:0;
    margin-bottom:4px;
    vertical-align:middle
}
.subpage.contest .empty-text,
.subpage.org-mypage .empty-text {
    font-size:1.8rem;
    line-height:1.33;
    color:#777;
    padding:104px 0;
    text-align:center
}
.subpage.contest .empty-form-wrap,
.subpage.org-mypage .empty-form-wrap {
    min-height:640px
}
.subpage.contest .donation-form-wrap .fieldset-title.no-line,
.subpage.org-mypage .donation-form-wrap .fieldset-title.no-line {
    padding-bottom:0;
    margin-bottom:20px;
    border-bottom:none
}
.subpage.contest .donation-form-wrap .fieldset .label,
.subpage.org-mypage .donation-form-wrap .fieldset .label {
    width:186px
}
.subpage.contest .donation-form-wrap .fieldset .label.wide,
.subpage.org-mypage .donation-form-wrap .fieldset .label.wide {
    width:auto;
    margin-right:15px
}
.subpage.contest .donation-form-wrap .field-wrap .label-sub,
.subpage.org-mypage .donation-form-wrap .field-wrap .label-sub {
    width:184px
}
.subpage.contest .donation-form-wrap .line-title,
.subpage.org-mypage .donation-form-wrap .line-title {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:1.6rem;
    line-height:30px;
    color:#333;
    padding:5px 0;
    margin-bottom:24px;
    border-top:1px solid #999;
    border-bottom:1px solid #999
}
.subpage.contest .donation-form-wrap .line-title b,
.subpage.org-mypage .donation-form-wrap .line-title b {
    margin-right:70px
}
.subpage.contest .donation-form-wrap .donation-search-btn,
.subpage.org-mypage .donation-form-wrap .donation-search-btn {
    width:100px
}
.subpage.contest .donation-form-wrap .checkbox-wrap,
.subpage.org-mypage .donation-form-wrap .checkbox-wrap {
    margin-right:24px
}
.subpage.contest .donation-form-wrap .libraryNews-lists,
.subpage.org-mypage .donation-form-wrap .libraryNews-lists {
    border-bottom-color:#c4c4c4
}
.subpage.contest .donation-form-wrap .libraryNews-lists .list-header .item,
.subpage.org-mypage .donation-form-wrap .libraryNews-lists .list-header .item {
    font-size:1.4rem;
    font-weight:400;
    padding:5px 0;
    background-color:#d7d7d7
}
.subpage.contest .donation-form-wrap .libraryNews-lists .list-item .item,
.subpage.org-mypage .donation-form-wrap .libraryNews-lists .list-item .item {
    font-size:1.2rem;
    padding:12px 10px;
    border-right-color:#c4c4c4
}
.subpage.contest .donation-list-wrap .lists-top,
.subpage.org-mypage .donation-list-wrap .lists-top {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:20px
}
.subpage.contest .donation-list-wrap .lists-top .text,
.subpage.org-mypage .donation-list-wrap .lists-top .text {
    font-size:1.6rem;
    margin-right:10px
}
.subpage.contest .donation-list-wrap .lists-top button,
.subpage.org-mypage .donation-list-wrap .lists-top button {
    width:auto;
    min-width:125px;
    padding:0 20px;
    margin-left:auto
}
.subpage.contest .access-apply-list,
.subpage.contest .donation-list,
.subpage.org-mypage .access-apply-list,
.subpage.org-mypage .donation-list {
    width:100%;
    min-width:660px
}
.subpage.contest .donation-list td,
.subpage.contest .donation-list th,
.subpage.org-mypage .donation-list td,
.subpage.org-mypage .donation-list th {
    padding:5px;
    vertical-align:middle;
    word-break:break-all
}
.subpage.contest .donation-list th,
.subpage.org-mypage .donation-list th {
    font-size:1.3rem;
    background-color:#d7d7d7
}
.subpage.contest .donation-list td,
.subpage.org-mypage .donation-list td {
    font-size:1.3rem
}
.subpage.contest .donation-list thead tr:last-child th,
.subpage.org-mypage .donation-list thead tr:last-child th {
    border-top:1px solid #fff
}
.subpage.contest .access-apply-list tbody td,
.subpage.contest .donation-list tbody td,
.subpage.org-mypage .access-apply-list tbody td,
.subpage.org-mypage .donation-list tbody td {
    padding-top:12px;
    padding-bottom:12px;
    border-right:1px solid #c4c4c4
}
.subpage.contest .access-apply-list td,
.subpage.contest .access-apply-list th,
.subpage.org-mypage .access-apply-list td,
.subpage.org-mypage .access-apply-list th {
    vertical-align:middle
}
.subpage.contest .access-apply-list th,
.subpage.org-mypage .access-apply-list th {
    font-weight:700;
    padding:10px;
    background-color:#e6e6e6
}
.subpage.contest .access-apply-list td,
.subpage.org-mypage .access-apply-list td {
    font-size:1.3rem;
    padding:5px 10px
}
.subpage.contest .text-image-wrap,
.subpage.org-mypage .text-image-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start
}
.subpage.contest .text-image-wrap img,
.subpage.org-mypage .text-image-wrap img {
    width:auto;
    max-width:100%;
    height:auto;
    margin-left:45px;
    vertical-align:top
}
.subpage.contest .text-desc,
.subpage.org-mypage .text-desc {
    font-weight:400;
    font-size:1.5rem;
    line-height:1.6;
    color:#585858
}
.subpage.contest .donation-info-top,
.subpage.org-mypage .donation-info-top {
    padding-top:60px;
    padding-right:60px;
    background-color:#fff
}
.subpage.contest .donation-info,
.subpage.contest .donation-info ol+h4,
.subpage.contest .donation-info ul+h4,
.subpage.org-mypage .donation-info,
.subpage.org-mypage .donation-info ol+h4,
.subpage.org-mypage .donation-info ul+h4 {
    margin-top:75px
}
.subpage.contest .donation-info h4,
.subpage.org-mypage .donation-info h4 {
    font-weight:700;
    font-size:3rem;
    line-height:1.2;
    margin-right:-.5em;
    text-transform:uppercase
}
.subpage.contest .donation-info ul li,
.subpage.org-mypage .donation-info ul li {
    list-style:disc;
    margin-left:25px
}
.subpage.contest .donation-info .btn-wrap,
.subpage.org-mypage .donation-info .btn-wrap {
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:100px;
    padding-top:0;
    border-top:none
}
.subpage.contest .donation-info .btn-wrap .btn-default,
.subpage.org-mypage .donation-info .btn-wrap .btn-default {
    width:358px;
    max-width:100%;
    margin-right:50px;
    margin-left:50px
}
.subpage.contest .map-wrap,
.subpage.org-mypage .map-wrap {
    position:relative;
    margin-bottom:35px
}
.subpage.contest .map-wrap .world,
.subpage.org-mypage .map-wrap .world {
    position:absolute;
    top:15px;
    left:10px;
    width:32px;
    height:32px;
    text-indent:-9999px;
    background:url(../../images/subpage/about/map-world.png) center no-repeat
}
.modal.modal-org-mypage .input-wrap,
.modal.modal-org-mypage .select-wrap {
    width:100%;
    height:40px;
    border:1px solid #999
}
.modal.modal-org-mypage .textarea-wrap {
    height:96px
}
.modal.modal-org-mypage .select {
    width:100%;
    height:100%;
    color:#000;
    padding:0 10px;
    background:url(../../images/subpage/see-more@2x.png) right center/40px no-repeat;
    -webkit-background-size:40px 40px
}
.modal.modal-org-mypage .input {
    width:100%;
    height:100%;
    padding:0;
    margin:0
}
.modal.modal-org-mypage .input::-moz-placeholder {
    color:#999;
    opacity:1
}
.modal.modal-org-mypage .input:-ms-input-placeholder {
    color:#999
}
.modal.modal-org-mypage .input::-webkit-input-placeholder {
    color:#999
}
.modal.modal-org-mypage .textarea {
    width:100%;
    height:100%;
    border:none;
    padding:10px 0;
    resize:none
}
.modal.modal-org-mypage .textarea::-moz-placeholder {
    color:#999;
    opacity:1
}
.modal.modal-org-mypage .textarea:-ms-input-placeholder {
    color:#999
}
.modal.modal-org-mypage .textarea::-webkit-input-placeholder {
    color:#999
}
.modal.modal-org-mypage .reject-form {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    color:#000;
    margin-top:20px
}
.modal.modal-org-mypage .reject-form .reject-label {
    width:80px;
    font-size:1.5rem;
    font-weight:700;
    line-height:1.2;
    padding-top:10px
}
.modal.modal-org-mypage p {
    font-size:1.8rem;
    line-height:1.3
}
.modal.modal-org-mypage .delete-id {
    color:#000;
    padding-bottom:30px;
    margin-top:10px;
    margin-bottom:30px;
    border-bottom:1px solid #999
}
#memberFileModal .upload {
    width:100%;
    min-height:100px;
    background-color:#eee;
    margin-bottom:20px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center
}
#memberFileModal .title-wrap,
#memberInviteModal .title-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    background-color:#f4f4f4;
    border:1px solid #bbb
}
#memberFileModal .title-wrap {
    display:flex;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:20px;
    margin-bottom:12px
}
#memberFileModal .title-wrap a {
    color:#2c98f0;
    display:block;
    font-weight:700;
    margin-bottom:5px
}
#memberFileModal .title-wrap p {
    font-size:1.4rem
}
#memberFileModal h5 {
    font-size:1.8rem;
    font-weight:700;
    line-height:1.5;
    margin:0 0 12px
}
#memberInviteModal .modal-contents {
    max-height:610px
}
#memberInviteModal .title-wrap {
    display:flex;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    padding:20px 20px 30px;
    margin-bottom:30px
}
#memberInviteModal .invite-input-wrap,
#memberInviteModal .invite-list .input-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    -webkit-flex-wrap:wrap
}
#memberInviteModal .title-wrap i {
    font-size:4.2rem;
    margin-right:16px
}
#memberInviteModal .title-wrap .title {
    font-size:2.6rem;
    font-weight:700;
    line-height:42px
}
#memberInviteModal .title-wrap .desc {
    font-size:1.6rem;
    font-weight:400;
    line-height:1.5;
    margin-top:12px
}
#memberInviteModal .invite-form .desc {
    font-size:1.8rem;
    font-weight:700;
    line-height:1.33;
    margin-bottom:20px
}
#memberInviteModal .invite-input-wrap {
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-bottom:30px;
    margin-bottom:30px;
    border-bottom:1px solid #999
}
#memberInviteModal .invite-input-wrap button {
    width:160px;
    margin-left:12px
}
#memberInviteModal .scroll-wrapper {
    max-height:240px
}
#memberInviteModal .scroll-wrapper.scrollbar-outer>.scroll-element.scroll-y .scroll-bar {
    background:#4a4a4a;
    opacity:1
}
#memberInviteModal .scroll-wrapper.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
    left:7px;
    width:10px
}
#memberInviteModal .invite-list .input-wrap {
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:1.6rem;
    line-height:1.5;
    color:#999;
    padding-top:7px;
    padding-bottom:7px;
    margin-bottom:10px
}
#memberInviteModal .invite-list .email {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
#memberInviteModal .invite-list button {
    font-size:2.4rem;
    margin-left:auto;
    margin-bottom:-3px
}
#organizationModal .modal-contents {
    max-height:500px
}
#organizationModal .organization-input-wrap button {
    width:160px;
    margin-left:24px
}
#organizationModal .lists-top {
    padding-bottom:5px;
    margin-bottom:20px;
    border-bottom:1px solid #999
}
#donationSearchModal .modal-close .btn-wrap,
#organizationModal .modal-close .btn-wrap {
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-top:40px;
    margin-top:0;
    border-top:none
}
#donationSearchModal .donation-search .form,
#donationSearchModal .lists-wish-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    -webkit-flex-wrap:wrap
}
#donationSearchModal .modal-close .btn-inner,
#organizationModal .modal-close .btn-inner {
    width:215px
}
#organizationPrivacyModal .table-wrap {
    color:#000;
    margin-top:30px
}
#organizationPrivacyModal table {
    border-top:1px solid #c4c4c4
}
#organizationPrivacyModal table td,
#organizationPrivacyModal table th {
    padding:10px
}
#organizationPrivacyModal table th {
    background-color:#e6e6e6;
    vertical-align:middle
}
#donationSearchModal .modal-inner {
    top:20px;
    bottom:20px;
    -webkit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    -o-transform:translate(-50%,0);
    transform:translate(-50%,0)
}
#donationSearchModal .modal-header button {
    position:absolute;
    top:-20px;
    right:-20px;
    font-size:3.2rem
}
#donationSearchModal .modal-title {
    font-size:3.2rem;
    font-weight:400
}
#donationSearchModal .modal-contents {
    height:-webkit-calc(100% - 160px);
    height:calc(100% - 160px);
    max-height:inherit;
    overflow-y:hidden
}
#donationSearchModal .lists-wish-wrap {
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    height:100%
}
#donationSearchModal .lists-wish-wrap .lists-container {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    height:100%;
    margin-right:24px;
    overflow-y:auto
}
#donationSearchModal .lists-wish-wrap .wish-container {
    width:250px;
    height:100%
}
#donationSearchModal .donation-search {
    margin-bottom:34px
}
#donationSearchModal .donation-search .form {
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:auto
}
#donationSearchModal .donation-search .select-wrap {
    width:110px;
    margin-right:5px
}
#donationSearchModal .donation-search .select {
    font-size:1.5rem;
    -webkit-background-size:32px 32px;
    background-size:32px
}
#donationSearchModal .donation-search button {
    width:68px;
    margin-left:5px
}
#donationSearchModal .lists-top {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    padding-bottom:15px;
    border-bottom:1px solid #999
}
#donationSearchModal .lists-top .text {
    margin-right:auto
}
#donationSearchModal .lists-top button {
    width:auto;
    padding:0 13px
}
#donationSearchModal .lists-wrap .list-item {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    border-top:none
}
#donationSearchModal .lists-wrap .list-item:last-child {
    padding-bottom:40px
}
#donationSearchModal .lists-wrap .list-item .checkbox-wrap {
    padding-left:18px
}
#donationSearchModal .lists-wrap .book-wrap {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    margin:0 10px
}
#donationSearchModal .lists-wrap .info {
    padding-left:20px
}
#donationSearchModal .lists-wrap .info .author,
#donationSearchModal .lists-wrap .info .badge-wrap {
    margin-top:8px
}
#donationSearchModal .lists-wrap .info .badge {
    padding-top:2px;
    padding-bottom:2px
}
#donationSearchModal .lists-wrap .info .description {
    margin-top:16px;
    display:-webkit-box;
    max-height:5.3332em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    word-break:break-all
}
#donationSearchModal .lists-wrap .item-btn-wrap {
    -webkit-align-self:center;
    -ms-flex-item-align:center;
    align-self:center;
    width:100px;
    margin-right: 10px;
}
#donationSearchModal .wish-title {
    padding:10px 20px;
    background-color:#c4c4c4;
    text-align: center;
}
#donationSearchModal .wish-contents {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    height:100%;
    padding:30px 20px;
    margin-bottom:10px;
    background-color:#ddd;
    gap: 0px 20px;
}
#donationSearchModal .wish-item {
    position:sticky;
    width:calc(50% - 10px);
    margin-bottom:30px;
    padding: 10px 10px;
}
#donationSearchModal .wish-item img {
    width:100%;
    max-width:100%;
    height:auto
}
#donationSearchModal .wish-item button {
    position:absolute;
    top:-12px;
    right:-12px;
    width:24px;
    height:24px;
    background:url(../../images/subpage/new/delete@2x.png) center/24px no-repeat;
    -webkit-background-size:24px 24px;
    text-indent:-9999px
}
#donationSearchModal .scroll-wrapper {
    height:100%;
    max-height:100%
}
#donationSearchModal .scrollbar-outer>.scroll-element {
    width:5px;
    background-color:#ddd
}
#donationSearchModal .scroll-wrapper.scrollbar-outer>.scroll-content.scroll-scrolly_visible {
    left:0;
    margin-left:0
}
#accessApplyModal .textarea-wrap {
    height:146px
}
@media only screen and (max-width:1280px) {
    .subpage.org-mypage .side-tab-wrap {
        padding:0 30px;
        margin-bottom:30px
    }
    .subpage.org-mypage .side-tab {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        width:100%;
        margin:0 0 30px
    }
    .subpage.org-mypage .side-tab .tab {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1;
        width:50%;
        margin-left:0;
        padding:10px;
        text-align:center
    }
    .subpage.org-mypage .side-tab .tab.active {
        width:50%
    }
    .subpage.org-mypage .side-tab .banner {
        width:100%;
        padding:0;
        margin:10px 0
    }
    .subpage.org-mypage .form-lists-wrap {
        padding-right:0
    }
}
@media only screen and (max-width:768px) {
    .subpage.org-mypage .org-form-wrap .field-wrap .label-sub,
    .subpage.org-mypage .org-form-wrap .fieldset .label {
        width:100%
    }
    .subpage.org-mypage .org-form-wrap .fieldset .label br {
        display:none
    }
    .subpage.org-mypage .member-search-wrap .fieldset .label,
    .subpage.org-mypage .org-form-wrap .field-inline-wrap .field {
        width:100%!important
    }
    .subpage.org-mypage .org-form-wrap .field-inline-wrap .field+.field {
        margin-top:12px
    }
    .subpage.org-mypage .form-wrap {
        padding:30px;
        overflow-x:hidden
    }
    .subpage.org-mypage .certificate-wrap .certificate-image .title {
        top:29%;
        font-size:3.6rem
    }
    .subpage.org-mypage .certificate-wrap .certificate-image .date {
        top:35.5%;
        font-size:1.3rem
    }
    .subpage.org-mypage .certificate-wrap .certificate-image .name {
        top:46%;
        font-size:1.5rem
    }
    .subpage.org-mypage .form-lists-wrap .lists-wrap,
    .subpage.org-mypage .lists-wrap {
        overflow-x:auto
    }
    #memberInviteModal .modal-contents {
        max-height:-webkit-calc(100% - 130px);
        max-height:calc(100% - 130px)
    }
    #memberInviteModal .title-wrap {
        padding:15px
    }
    #memberInviteModal .title-wrap i {
        font-size:3rem
    }
    #memberInviteModal .title-wrap .title {
        font-size:2rem;
        line-height:30px
    }
    #memberInviteModal .title-wrap .desc {
        font-size:1.4rem;
        margin-top:0
    }
    #memberInviteModal .scroll-wrapper {
        max-height:140px
    }
    #memberInviteModal .count {
        margin:16px 0
    }
    #organizationModal .modal-contents {
        max-height:-webkit-calc(100% - 165px);
        max-height:calc(100% - 165px);
        overflow-x:hidden
    }
    #organizationModal .organization-input-wrap button {
        width:100%;
        margin-top:10px;
        margin-left:0
    }
    #organizationModal .libraryNews-lists {
        min-width:500px
    }
    #donationSearchModal .modal-close .btn-inner,
    #organizationModal .modal-close .btn-inner {
        width:50%
    }
    #donationSearchModal .modal-inner {
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        -o-transform:translate(0,0);
        transform:translate(0,0);
        padding:20px
    }
    #donationSearchModal .modal-header button {
        top:0;
        right:0
    }
    #donationSearchModal .lists-wish-wrap .lists-container {
        margin-right:12px
    }
    #donationSearchModal .donation-search {
        margin-bottom:20px
    }
    #donationSearchModal .donation-search .select-wrap {
        width:-webkit-calc(50% - 39px);
        width:calc(50% - 39px)
    }
    #donationSearchModal .donation-search .select-wrap:nth-child(2) {
        margin-right:0
    }
    #donationSearchModal .donation-search .input-wrap {
        -webkit-box-flex:1;
        -webkit-flex:auto;
        -ms-flex:auto;
        flex:auto;
        width:-webkit-calc(100% - 73px);
        width:calc(100% - 73px);
        margin-top:5px
    }
    #donationSearchModal .donation-search button {
        margin-top:5px
    }
    #donationSearchModal .lists-top .text {
        width:100%;
        margin-bottom:10px;
        font-size:1.4rem
    }
    #donationSearchModal .lists-wrap .list-item {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    #donationSearchModal .lists-wrap .book-wrap {
        -webkit-box-flex:1;
        -webkit-flex:auto;
        -ms-flex:auto;
        flex:auto;
        width:-webkit-calc(100% - 46px);
        width:calc(100% - 46px)
    }
    #donationSearchModal .lists-wrap .item-btn-wrap {
        width:100%;
        display:block;
        margin-top:10px;
        margin-left:130px
    }
    #donationSearchModal .lists-wrap .item-btn-wrap button {
        display:inline-block;
        width:auto;
        padding:0 15px;
        vertical-align:top
    }
    #donationSearchModal .lists-wrap .info .badge-wrap {
        margin-top:3px
    }
    #donationSearchModal .lists-wrap .info .description {
        margin-top:8px;
        display:-webkit-box;
        max-height:2.6666em;
        overflow:hidden;
        text-overflow:ellipsis;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        word-break:keep-all
    }
    #donationSearchModal .wish-title {
        font-size:1.4rem;
        padding:10px 15px
    }
    #donationSearchModal .wish-item {
        margin-bottom:15px
    }
}
@media only screen and (max-width:540px) {
    .home-new .site-main:before {
        height:650px
    }
    .home-new .section-title,
    .home-new .section-title.sm {
        margin-right:-.1em
    }
    .home-new .content-related .related-image {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        overflow-x:auto;
        width:-webkit-calc(100% + 60px);
        width:calc(100% + 60px);
        margin-left:-30px;
        -ms-overflow-style:none;
        scrollbar-width:none
    }
    .home-new .content-related .related-image::-webkit-scrollbar {
        display:none
    }
    .home-new .content-related .related-image li {
        -webkit-box-flex:0;
        -webkit-flex:0 0 auto;
        -ms-flex:0 0 auto;
        flex:0 0 auto
    }
    .home-new .content-related .related-image li:first-of-type,
    .home-new .section-exhibitions .content-related .related-image li:first-of-type {
        margin-left:30px
    }
    .home-new .content-related .related-image li:last-of-type,
    .home-new .section-exhibitions .content-related .related-image li:last-of-type {
        margin-right:30px
    }
    .home-new .content-related .related-image li a {
        width:106px;
        height:106px
    }
    .home-new .featured-wrap {
        padding-bottom:140px
    }
    .home-new .featured-image img {
        width:140px;
        height:auto
    }
    .home-new .section-slide {
        margin-bottom:70px
    }
    .home-new .section-arrivals,
    .home-new .section-media {
        margin-bottom:80px
    }
    .home-new .section-arrivals .section-title-wrap .section-title-inner {
        position:relative
    }
    .home-new .section-arrivals .section-title-wrap .icon-wrap {
        width:100%;
        margin-left:0;
        margin-top:22px
    }
    .home-new .section-arrivals .section-title-wrap .icon-wrap .icons .icon:first-child {
        margin-left:0
    }
    .home-new .section-arrivals .section-title-wrap .load-more {
        position:absolute;
        top:-6px;
        left:190px
    }
    .home-new .section-media:before {
        width:120%;
        height:570px
    }
    .home-new .section-featured {
        margin-bottom:100px
    }
    .home-new .section-featured:before {
        top:-80px;
        width:120%;
        height:538px
    }
    .home-new .section-events .lists .image {
        width:120px;
        height:120px;
        margin-right:10px
    }
    .home-new .section-events .events-wrap .lists .list-item .title {
        line-height:1.3;
        display:-webkit-box;
        max-height:3.9000000000000004em;
        overflow:hidden;
        text-overflow:ellipsis;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        word-break:keep-all
    }
    .home-new .section-review .container {
        padding:0
    }
    .home-new .section-review .featured-image .image {
        width:120px;
        height:185px
    }
    .home-new .section-exhibitions .content-desc,
    .home-new .section-review .content-desc {
        display: -webkit-box;
        max-height: 6em;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        word-break: keep-all
    }
    .home-new .section-review .content-desc.mobile {
        display:block;
        font-size:1.3rem;
        line-height:1.38;
        display:-webkit-box;
        max-height:11.04em;
        overflow:hidden;
        text-overflow:ellipsis;
        -webkit-line-clamp:8;
        -webkit-box-orient:vertical;
        word-break:keep-all;
        margin-top:15px;
        margin-bottom:0
    }
    .home-new .section-exhibitions .featured-image .image {
        width:150px;
        height:150px
    }
    .home-new .section-news:before {
        top:13px;
        width:120%
    }
    .subpage.join .apply-wrap .fieldset-title .btn-hub {
        height:unset;
        line-height:24px;
        padding:8px 20px;
        margin-top:10px;
        margin-left:0;
        text-align:left;
        min-width:unset
    }
    .subpage.join .apply-wrap .fieldset-title button+button {
        margin-left:0;
        margin-top:10px
    }
    .subpage.org-mypage .side-tab-wrap {
        padding:0;
        margin-top:0
    }
    .subpage.org-mypage .org-form-wrap .btn-wrap .btn-inner {
        width:50%
    }
    .subpage.org-mypage .form-wrap {
        padding:20px
    }
    .subpage.org-mypage .member-search-wrap .btn-search {
        width:100%;
        margin-left:0;
        margin-top:20px
    }
    .subpage.org-mypage .member-btn-wrap {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .subpage.org-mypage .member-btn-wrap button {
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1;
        width:140px
    }
    .subpage.org-mypage .certificate-wrap .certificate-image {
        padding-top:147%;
        background-image:url(../../images/subpage/new/certificate-m@2x.png)
    }
    .subpage.org-mypage .certificate-wrap .certificate-image .no {
        top:26%;
        left:11%;
        font-size:1.4rem
    }
    .subpage.org-mypage .certificate-wrap .certificate-image .title {
        top:32%;
        font-size:3.3rem
    }
    .subpage.org-mypage .certificate-wrap .certificate-image .date {
        top:37%;
        font-size:1.6rem;
        padding-left:60px;
        padding-right:60px
    }
    .subpage.org-mypage .certificate-wrap .certificate-image .name {
        top:51%;
        font-size:1.8rem;
        line-height:1.33;
        padding-left:60px;
        padding-right:60px
    }
    .subpage.org-mypage .donation-form-wrap .line-title b {
        margin-right:16px
    }
    .subpage.org-mypage .donation-info-top {
        padding-top:30px;
        padding-right:15px
    }
    .subpage.org-mypage .donation-info h4 {
        font-size:2.6rem;
        margin-right:-.2em
    }
    #memberInviteModal .title-wrap {
        margin-bottom:20px
    }
    #memberInviteModal .invite-input-wrap button {
        width:100%;
        margin-left:0;
        margin-top:10px
    }
    #memberInviteModal .count {
        font-size:1.4rem;
        margin:10px 0
    }
    .modal.modal-org-mypage .reject-form .reject-label {
        width:100%;
        padding-top:0
    }
    .modal.modal-org-mypage .reject-form .field-wrap {
        margin-left:0;
        margin-top:20px
    }
    #donationSearchModal .lists-wish-wrap {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
    #donationSearchModal .lists-wish-wrap .lists-container {
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1;
        width:100%;
        height:100%;
        margin-right:0
    }
    #donationSearchModal .lists-wish-wrap .wish-container {
        width:100%;
        height:auto;
        margin-top:10px
    }
    #donationSearchModal .wish-title {
        display:inline-block;
        width:auto;
        font-size:1.2rem;
        padding:5px 10px
    }
    #donationSearchModal .wish-contents {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        overflow-x:auto;
        margin-bottom:0;
        height:auto;
        padding:20px 15px 10px
    }
    #donationSearchModal .wish-item {
        -webkit-flex-shrink:0;
        -ms-flex-negative:0;
        flex-shrink:0;
        width:64px;
        margin-bottom:0;
        margin-right:24px
    }
    #donationSearchModal .scroll-wrapper {
        height:auto;
        max-height:-webkit-calc(100% - 29px);
        max-height:calc(100% - 29px)
    }
}
@media only screen and (max-width:414px) {
    .subpage .btn-default.btn-sm {
        width:auto;
        padding:0 5px
    }
    .subpage.aboutLTI .section .regulations-wrap .text-wrap {
        margin:20px
    }
    .subpage.aboutLTI .section .regulations-wrap .text-wrap img {
        margin-bottom:40px
    }
    .subpage.aboutLTI .section .regulations-wrap .btn-wrap {
        margin-top:50px
    }
    .subpage.mypage #suggestionModal .modal-form .search-select {
        width:100%;
        margin-right:0
    }
    .subpage.mypage #suggestionModal .modal-form .search-text-wrap {
        width:100%;
        margin-top:5px
    }
    .subpage.join .site-main:before {
        height:600px
    }
    .subpage.join .entry-header,
    .subpage.join .join-select-wrap,
    .subpage.join .policy-wrap {
        padding:30px 0
    }
    .subpage.join .apply-wrap .fieldset-checkbox .input-checkbox-wrap {
        margin-top:0
    }
    .subpage.join .apply-wrap .fieldset-checkbox .input-checkbox-wrap .field {
        -webkit-box-flex:1!important;
        -webkit-flex:auto!important;
        -ms-flex:auto!important;
        flex:auto!important;
        width:100%;
        margin-top:15px
    }
    .subpage.join .apply-wrap .newsletter-check-wrap button,
    .subpage.join .apply-wrap .newsletter-check-wrap:not(.no-label) button {
        position:relative;
        top:auto;
        right:auto;
        margin-top:20px;
        width:120px
    }
    .subpage.join .apply-wrap .newsletter-check-wrap .label {
        margin-right:0
    }
    .home .section.section-featured .featured-list .thumbnail-lists .list-item:nth-child(n+5),
    .home .section.section-media .publication-wrap .thumbnail-lists .list-item:nth-child(n+5),
    .subpage.join .apply-wrap .newsletter-check-wrap .label br {
        display:none
    }
    .subpage.join .apply-wrap .newsletter-check-wrap.no-label {
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .subpage.join .apply-wrap .newsletter-check-wrap.no-label button,
    .subpage.subscribe .suggestion-wrap .fieldset .text-alert {
        margin-left:0
    }
    .subpage.join .apply-wrap .newsletter-check-wrap.no-label button.btn-blue {
        margin-left:10px;
        width:80px
    }
    .subpage.join .apply-wrap .input-btn-wrap .input {
        min-width:100px
    }
    .modal.modal-join .modal-header {
        margin-bottom:12px
    }
    .modal.modal-join .modal-header .btn-close i {
        font-size:2.2rem
    }
    .modal.modal-join .modal-title,
    .subpage.page-404 .message-content {
        font-size:2rem
    }
    .modal.modal-join .modal-contents {
        max-height:-webkit-calc(100% - 200px);
        max-height:calc(100% - 200px)
    }
    .modal.modal-join-confirm .modal-inner,
    .modal.modal-org-mypage .modal-inner {
        padding:20px
    }
    .subpage.page-404 .page-title-wrap .page-title {
        font-size:7rem
    }
    .subpage.page-404 .message-title {
        font-size:3rem
    }
    .subpage.subscribe .contents-wrap .subscribe-wrap {
        margin-top:33px
    }
    .subpage.relatedContents .page-title-wrap {
        margin-bottom:20px
    }
    .subpage.relatedContents .filter-results {
        color:#000
    }
    .subpage.relatedContents .relatedContents-lists-wrap {
        padding-top:0
    }
    .subpage.underConstruction .entry-contents {
        padding-top:65px
    }
    .subpage.underConstruction .entry-contents .title {
        font-size:2rem;
        margin-bottom:20px
    }
    .subpage.underConstruction .entry-contents .date {
        font-size:3rem;
        margin-bottom:20px
    }
    .subpage.underConstruction .entry-contents .desc {
        font-size:1.6rem;
        margin-bottom:30px
    }
    .subpage.underConstruction .entry-contents .info {
        font-size:1.3rem;
        margin-bottom:10px
    }
    .home .section.section-arrivals .thumbnail-lists .list-item .thumbnail,
    .site-header .header-search .search-input-wrap .label-wrap .input-wrap.datepicker-wrap,
    .site-header .header-search .search-input-wrap .search-input-inner.search-identifier-inner .advanced-select+.input-wrap,
    .site-header .header-search .search-input-wrap .search-input-inner.search-language-inner .advanced-select+.input-wrap {
        width:100%
    }
    .site-main:before {
        height:492px
    }
    .site-footer .footer-bottom .footer-info .footer-logo a {
        width:160px
    }
    .home .section .section-title-wrap .section-title-inner {
        width:100%;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .home .section .section-title-wrap .section-title-inner .load-more {
        margin-left:auto
    }
    .home .section.section-slide .slide-wrap .slick-arrow {
        height:106px
    }
    .home .section.section-slide .slide-wrap .slick-slide {
        height:164px
    }
    .home .section.section-slide .slide-wrap .slide.essay,
    .home .section.section-slide .slide-wrap .slide.event,
    .home .section.section-slide .slide-wrap .slide.video {
        width:100%!important;
        height:100%
    }
    .home .section.section-slide .slide-wrap .slide.essay .badge,
    .home .section.section-slide .slide-wrap .slide.event .badge,
    .home .section.section-slide .slide-wrap .slide.video .badge {
        font-size:1.2rem;
        padding:3px 15px;
        margin-bottom:13px
    }
    .home .section.section-slide .slide-wrap .slide.essay .title,
    .home .section.section-slide .slide-wrap .slide.event .title,
    .home .section.section-slide .slide-wrap .slide.video .title {
        font-size:2.4rem;
        padding:0 15px;
        margin-bottom:13px
    }
    .home .section.section-arrivals .section-title-wrap .icon-wrap {
        width:100%;
        margin-right:0;
        margin-top:20px
    }
    .home .section.section-arrivals .section-title-wrap .icon-wrap .icons .icon {
        margin-left:0;
        margin-right:27px
    }
    .home .section.section-arrivals .thumbnail-lists {
        height:560px;
        margin-top:34px
    }
    .home .section.section-arrivals .thumbnail-lists .list-item {
        width:-webkit-calc(50% - 40px);
        width:calc(50% - 40px)
    }
    .home .section.section-featured .featured-list .thumbnail-lists .list-item {
        width:-webkit-calc(50% - 20px);
        width:calc(50% - 20px)
    }
    .home .section.section-media .publication-wrap .thumbnail-lists .list-item {
        max-width:-webkit-calc(50% - 20px);
        max-width:calc(50% - 20px)
    }
    .home .section.section-media .publication-wrap .thumbnail-lists .list-item .thumbnail {
        height:180px
    }
    .subpage .page-title-wrap .page-title {
        width:100%;
        font-size:2.5rem;
        margin-right:0;
        letter-spacing:0
    }
    .subpage .page-title-wrap .page-sub-text {
        -webkit-box-flex:1;
        -webkit-flex:auto;
        -ms-flex:auto;
        flex:auto;
        width:100%;
        margin-top:35px;
        color:#000
    }
    .subpage .contents-search-wrap {
        padding:0 0 10px
    }
    .subpage .contents-search-wrap .search-form .search-text {
        height:38px;
        font-size:1.4rem;
        padding:10px 60px 10px 32px;
        background-position:10px center;
        -webkit-background-size:15px 15px;
        background-size:15px 15px
    }
    .subpage .contents-search-wrap .search-form .search-text-wrap {
        width:-webkit-calc(100% - 43px);
        width:calc(100% - 43px)
    }
    .subpage .contents-search-wrap .search-form .search-keyboard {
        top:12px;
        right:37px
    }
    .subpage .contents-search-wrap .search-form .search-submit {
        top:12px;
        right:10px
    }
    .subpage .contents-search-wrap .search-form .search-more-btn {
        width:38px;
        height:38px
    }
    .subpage .contents-search-wrap .search-form .search-more-btn img {
        width:17px
    }
    .subpage .filter-wrap .filter-results {
        width:100%;
        font-size:1.4rem;
        margin-right:0
    }
    .subpage .filter-wrap .filter:after {
        margin:0 15px
    }
    .subpage .pagination {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        width:100%;
        overflow-x:auto
    }
    .subpage .lists-no-result {
        padding-top:50px
    }
    .subpage .contents-editor h1,
    .subpage .descriptions-list .descriptions h1 {
        font-size:2.5rem
    }
    .subpage .contents-editor h2,
    .subpage .descriptions-list .descriptions h2 {
        font-size:1.8rem
    }
    .subpage .contents-editor ol li,
    .subpage .contents-editor p,
    .subpage .contents-editor ul li,
    .subpage .descriptions-list .descriptions ol li,
    .subpage .descriptions-list .descriptions p,
    .subpage .descriptions-list .descriptions ul li {
        font-size:1.5rem
    }
    .subpage .contents-editor table tbody td,
    .subpage .contents-editor table thead th,
    .subpage .descriptions-list .descriptions table tbody td,
    .subpage .descriptions-list .descriptions table thead th {
        font-size:1.3rem
    }
    .dot-list li {
        top:6px
    }
    .modal .modal-inner {
        width:-webkit-calc(100% - 40px);
        width:calc(100% - 40px);
        left:20px;
        padding:20px;
        -webkit-transform:translate(0,-50%);
        -ms-transform:translate(0,-50%);
        -o-transform:translate(0,-50%);
        transform:translate(0,-50%)
    }
    .modal .modal-contents {
        max-height:-webkit-calc(100% - 93px);
        max-height:calc(100% - 93px)
    }
    .modal.modal-alert .modal-inner,
    .modal.modal-confirm .modal-inner {
        width:-webkit-calc(100% - 40px);
        width:calc(100% - 40px);
        left:20px;
        -webkit-transform:translate(0,-50%);
        -ms-transform:translate(0,-50%);
        -o-transform:translate(0,-50%);
        transform:translate(0,-50%)
    }
    .keyboard-wrap .lang-select {
        width:180px
    }
    .subpage.org-mypage .org-form-wrap .btn-wrap .btn-inner {
        width:100%;
        max-width:100%;
        padding:0;
        margin-bottom:10px
    }
    .subpage.org-mypage .certificate-wrap .centered button.btn-default {
        font-size:16px
    }
    .subpage.org-mypage .certificate-wrap .certificate-image .title {
        top:34%;
        font-size:2.4rem
    }
    .subpage.org-mypage .certificate-wrap .certificate-image .date {
        top:40%;
        font-size:1.4rem;
        line-height:1.2;
        padding-left:30px;
        padding-right:30px
    }
    .subpage.org-mypage .certificate-wrap .certificate-image .name {
        font-size:1.6rem;
        padding-left:30px;
        padding-right:30px
    }
    .subpage.org-mypage .certificate-wrap .certificate-image .name span {
        padding-bottom:0
    }
}
.subpage.bookReviews .entry-contents .title-wrap .desc-wrap .prize {
    display:-webkit-inline-box;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:1.6rem;
    font-weight:700;
    line-height:1.5;
    color:#777;
    margin-top:16px
}
.subpage.bookReviews .entry-contents .title-wrap .desc-wrap .prize:before,
.subpage.bookReviews .lists-thumbnail .prize:before {
    content:"";
    width:42px;
    height:30px;
    background:url(../../images/subpage/new/crown@2x.png) top left/30px no-repeat;
    -webkit-background-size:30px 30px
}
.item-contents-list .item-box:after,
.subpage .entry-contents .title-wrap .desc-wrap:after {
    content:"";
    display:block;
    clear:both
}
.subpage.bookReviews .entry-contents .title-wrap .desc-wrap .date,
.subpage.themes .entry-contents .title-wrap .desc-wrap .date {
    float:right;
    font-size:1.6rem;
    line-height:1.5;
    margin-top:16px
}
.subpage.bookReviews .entry-contents .title-wrap .asso {
    font-size:1.8rem;
    font-weight:700;
    line-height:1.5;
    float:left;
    margin-top:16px;
    margin-bottom:20px;
    margin-right:20px
}
.subpage.bookReviews .entry-contents .title-wrap .asso+.date {
    margin-top:16px;
    margin-bottom:20px;
    font-size:1.8rem;
    line-height:1.5
}
.subpage.bookReviews .viewpage-tab-wrap {
    padding-top:5px;
    padding-bottom:1px;
    background-color:#fff;
    margin-bottom:40px
}
.subpage.bookReviews .lists-thumbnail {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-bottom:60px;
    border-bottom:2px solid #000
}
.subpage.bookReviews .lists-thumbnail .list-item {
    width:33.333%;
    margin-bottom:30px
}
.subpage.bookReviews .lists-thumbnail .thumbnail-wrap {
    margin:0 18px
}
.subpage.bookReviews .lists-thumbnail.hlist .thumbnail,
.subpage.bookReviews .lists-thumbnail.rvc .thumbnail {
    float:left;
    display:block
}
.subpage.bookReviews .lists-thumbnail.hlist .thumbnail img,
.subpage.bookReviews .lists-thumbnail.rvc .thumbnail img {
    max-width:274px
}
.subpage.bookReviews .lists-thumbnail.hlist .info {
    display:inline-block;
    width:-webkit-calc(100% - 274px);
    width:calc(100% - 274px);
    padding-left:40px
}
.subpage.bookReviews .lists-thumbnail.hlist .info .reviewer {
    float:left;
    margin-right:5px
}
.subpage.bookReviews .lists-thumbnail.hlist .info .date {
    float:none;
    margin-top:10px
}
.subpage.bookReviews .lists-thumbnail.tab .list-item {
    padding:20px 0;
    border-top:1px solid #e4e4e4;
    margin-bottom:0
}
.subpage.bookReviews .lists-thumbnail.tab .list-item .info {
    padding-left:30px
}
.subpage.bookReviews .lists-thumbnail.rvc .empty {
    font-size:1.8rem;
    padding:80px 0;
    color:#777
}
.subpage.bookReviews .lists-thumbnail.rvc .list-item {
    width:25%;
    margin-bottom:40px;
    padding-left:20px;
    padding-right:20px
}
.subpage.bookReviews .lists-thumbnail.rvc .list-item .thumbnail-wrap {
    width:100%;
    background:#eee;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin:0;
    position:relative
}
.subpage.bookReviews .lists-thumbnail.rvc .list-item .thumbnail-wrap::after {
    content:"";
    display:block;
    padding-bottom:100%
}
.subpage.bookReviews .lists-thumbnail.rvc .list-item .thumbnail-wrap a.thumbnail {
    position:absolute;
    width:100%;
    height:100%
}
.subpage.bookReviews .lists-thumbnail.rvc .list-item .thumbnail-wrap a.thumbnail img {
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain
}
.subpage.bookReviews .lists-thumbnail.rvc .list-item .badge-wrap .badge {
    margin-top:10px;
    border-radius:20px;
    padding:5px 12px;
    border:none
}
.subpage.bookReviews .lists-thumbnail.rvc .list-item .badge-wrap .badge.status-finished {
    background-color:#999
}
.subpage.bookReviews .lists-thumbnail.rvc .list-item .date {
    float:none
}
.subpage.bookReviews .lists-thumbnail .prize {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:1.3rem;
    font-weight:700;
    line-height:1.23;
    color:#777;
    margin-top:13px
}
.subpage.bookReviews .lists-thumbnail .title {
    display:block;
    font-size:2rem;
    font-weight:400;
    line-height:1.35;
    margin-top:10px;
    display:-webkit-box;
    max-height:2.7em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:keep-all
}
.subpage.bookReviews .lists-thumbnail .date {
    float:right;
    font-size:1.4rem;
    font-weight:700;
    line-height:1.5;
    margin-top:10px
}
.subpage.bookReviews .lists-thumbnail .reviewer {
    float:left;
    font-size:1.4rem;
    font-weight:400;
    line-height:1.5;
    margin-top:10px;
    margin-bottom:10px
}
.subpage.bookReviews .review-content-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-top:20px
}
.subpage.bookReviews .review-content-wrap .review-content {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    margin-right:40px;
    word-break:break-all
}
.subpage.bookReviews .review-content-wrap #reviewContestDesc * {
    width:auto!important
}
.subpage.bookReviews .review-content-wrap .keyword {
    width:100%;
    font-size:1.5rem;
    color:#585858;
    margin-top:10px;
    line-height:1.5;
    display:-webkit-box;
    max-height:1.5em;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    word-break:keep-all
}
.subpage.bookReviews .review-content {
    font-size:1.6rem;
    line-height:1.75;
    color:#585858;
    padding:30px 40px;
    border:1px solid #c4c4c4
}
.subpage.bookReviews .review-content img {
    width:100%;
    height:auto;
    max-width:100%
}
.subpage.bookReviews .download-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    line-height:32px;
    font-weight:700;
    margin-top:24px
}
.subpage.bookReviews .download-wrap p {
    line-height:32px
}
.subpage.bookReviews .download-wrap p::before {
    content:"\ea80";
    font-family:xeicon;
    font-size:24px;
    margin-left:10px;
    margin-right:10px;
    display:inline-block;
    vertical-align:bottom
}
.subpage.bookReviews .download-wrap .btn-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin-left:24px
}
.subpage.bookReviews .video-wrap {
    position:relative;
    width:100%;
    height:0;
    padding-top:64.07%;
    overflow:hidden
}
.subpage.bookReviews .side-wrap .sides .item-header .header-toggle {
    -webkit-box-ordinal-group:4;
    -webkit-order:3;
    -ms-flex-order:3;
    order:3;
    margin-top:-3px;
    margin-left:12px;
    background:0 0
}
.subpage.bookReviews .side-wrap .sides .item-header .header-toggle:after {
    content:"\e91f";
    font-family:xeicon;
    font-size:18px;
    color:#555
}
.subpage.bookReviews .side-wrap .sides .item.closed .item-header .header-toggle {
    background-image:none
}
.subpage.bookReviews .side-wrap .sides .item.closed .item-header .header-toggle:after {
    content:"\e918"
}
.subpage.bookReviews .paging-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin-top:20px
}
.subpage.bookReviews .paging-wrap button {
    width:60px;
    height:40px;
    font-size:1.5rem;
    background-color:#ddd
}
.subpage.bookReviews .paging-wrap button.page-prev {
    border-top-left-radius:7px;
    border-bottom-left-radius:7px
}
.subpage.bookReviews .paging-wrap button.page-next {
    border-top-right-radius:7px;
    border-bottom-right-radius:7px
}
.subpage.bookReviews .paging-wrap span {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    height:40px;
    font-weight:700;
    line-height:40px;
    margin:0 5px;
    background-color:#eee;
    text-align:center
}
@media only screen and (max-width:1024px) {
    #donationSearchModal .modal-contents {
        height:-webkit-calc(100% - 110px);
        height:calc(100% - 110px)
    }
    #donationSearchModal .modal-close .btn-wrap {
        padding-top:20px
    }
    #donationSearchModal .modal-header {
        margin-bottom:10px
    }
    #donationSearchModal .modal-title {
        font-size:2.4rem
    }
    .subpage.org-mypage .org-form-wrap.donation-list-wrap .fieldset-inline-wrap {
        margin-bottom:40px
    }
    .subpage.org-mypage .org-form-wrap.donation-list-wrap .fieldset-inline-wrap .fieldset .label {
        margin-top:0;
        padding:0 0 7px
    }
    .subpage.org-mypage .org-form-wrap .field-wrap .field,
    .subpage.org-mypage .org-form-wrap .fieldset-inline-wrap .fieldset,
    .subpage.org-mypage .org-form-wrap .input-wrap,
    .subpage.org-mypage .org-form-wrap .select-wrap {
        width:100%!important
    }
    .subpage.org-mypage .org-form-wrap .fieldset-inline-wrap .fieldset+.fieldset {
        margin-left:0;
        margin-bottom:10px
    }
    .subpage.org-mypage .org-form-wrap .fieldset-inline-wrap .fieldset+.fieldset .label {
        width:186px
    }
    .subpage.org-mypage .org-form-wrap .field-inline-wrap .field+.field {
        margin-left:0
    }
    .subpage.org-mypage .member-search-wrap .field-inline-wrap .text {
        line-height:1
    }
    .subpage.org-mypage .text-image-wrap {
        display:block
    }
    .subpage.org-mypage .text-image-wrap img {
        margin-left:0;
        margin-top:40px
    }
    .subpage.bookReviews .lists-thumbnail .list-item {
        width:50%
    }
    .subpage.bookReviews .lists-thumbnail.rvc .list-item {
        width:50%!important
    }
}
.subpage.contest .upload p {
    text-align:center;
    margin:30px 0
}
.subpage.contest .contest-title-wrap {
    position:relative;
    padding:62px 47px 34px 0;
    background-color:#fff;
    text-align:center
}
.subpage.contest .contest-title-wrap h2 {
    font-size:2.8rem;
    font-weight:700;
    line-height:1.28
}
.subpage.contest .contest-title-wrap .close {
    position:absolute;
    top:62px;
    left:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:1.4rem;
    padding:8px 18px;
    border:1px solid #ccc
}
.subpage.contest .contest-title-wrap .close i {
    font-size:2rem;
    color:#666;
    margin-left:30px
}
.subpage.contest .contest-navigation {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    font-size:1.6rem;
    font-weight:700;
    line-height:1.2;
    color:#fff;
    margin-bottom:40px
}
.subpage.contest .contest-navigation li {
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    padding:10px 0;
    text-align:center;
    background-color:#777
}
.subpage.contest .contest-navigation li .num {
    position:absolute;
    top:-1px;
    left:-17px;
    font-size:1.2rem;
    font-weight:400
}
.subpage.contest .contest-navigation li:nth-child(2n-1) {
    background-color:#858585
}
.subpage.contest .contest-navigation li.done {
    background-color:#2687d7
}
.subpage.contest .contest-navigation li.active {
    position:relative;
    background-color:#2c98f0
}
.subpage.contest .contest-navigation li.active:after {
    content:"";
    position:absolute;
    top:14px;
    right:-9px;
    height:0;
    width:0;
    border:6px solid transparent;
    border-left-width:9px;
    border-right-width:0;
    border-left-color:#2c98f0
}
.subpage.contest .newsletter-check-wrap.no-label {
    margin:0 0 30px
}
.subpage.contest .newsletter-check-wrap.no-label.center {
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center;
    padding-bottom:30px;
    margin-bottom:0
}
.subpage.contest .newsletter-check-wrap.no-label.center p {
    font-weight:600;
    line-height:1.5;
    margin-bottom:20px
}
.subpage.contest .fieldset ul {
    padding:5px 20px
}
.subpage.contest .fieldset ul li {
    margin-bottom:6px;
    font-size:1.3rem;
    line-height:1.5;
    color:#333
}
.subpage.contest .fieldset ul li b {
    display:block;
    font-size:1.4rem;
    color:#000
}
.subpage.contest .fieldset .field p {
    line-height:38px
}
.subpage.contest .contest-desc {
    font-size:1.6rem;
    font-weight:400;
    line-height:1.5;
    color:#000
}
.subpage.contest .contents-books .books-list {
    margin-left:-12px;
    margin-right:-12px;
    margin-bottom:0
}
.subpage.contest .contents-books .books-list .list-item {
    width:-webkit-calc(33.3333% - 24px);
    width:calc(33.3333% - 24px);
    margin-left:12px;
    margin-right:12px;
    margin-bottom:40px
}
.subpage.contest .contents-books .list-item.active {
    background-color:rgba(44,152,240,.2)
}
.subpage.contest .contents-books .list-item.active .thumbnail:after {
    content:"\e92b";
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font-family:xeicon;
    font-size:6.4rem;
    color:#fff
}
.subpage.contest .btn-wrap {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-top:40px
}
.subpage.contest .btn-wrap .btn-default {
    width:282px;
    max-width:100%;
    margin:0 5px
}
.subpage.contest .btn-wrap .btn-inner .btn-default {
    width:215px;
    max-width:100%
}
@media only screen and (max-width:768px) {
    .subpage.bookReviews .container .review-content-wrap,
    .subpage.bookReviews .lists-thumbnail .list-item,
    .subpage.bookReviews .side-wrap .originalBook-list.author-list .thumbnail>img,
    .subpage.contest .contents-books-inner .books-list .list-item,
    .subpage.contest .contest-books-list .books-list .list-item,
    .subpage.contest .contest-navigation li,
    .subpage.contest .fieldset .field p,
    .subpage.contest .org-form-wrap .fieldset-checkbox .field-wrap label,
    body.subpage.bookReviews .contents-books .books-list img {
        width:100%
    }
    body.subpage.bookReviews .contents-books .books-list .contents-button .btn {
        height:32px;
        font-size:1.2rem;
        line-height:32px
    }
    .subpage.advancedSearch .bookReviews .lists-thumbnail.hlist .thumbnail-wrap {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        margin:0 20px
    }
    .subpage.advancedSearch .bookReviews .lists-thumbnail.hlist .thumbnail-wrap .thumbnail {
        display:inline-block;
        width:80px
    }
    .subpage.advancedSearch .bookReviews .lists-thumbnail.hlist .thumbnail-wrap .info {
        display:block;
        width:-webkit-calc(100% - 80px);
        width:calc(100% - 80px);
        padding-left:15px
    }
    .subpage.advancedSearch .bookReviews .lists-thumbnail.hlist .thumbnail-wrap .info .prize::before {
        width:72px
    }
    .subpage.bookReviews .entry-contents .title-wrap .desc-wrap .prize::before {
        margin-right:12px
    }
    .subpage.bookReviews .entry-contents .title-wrap .desc-wrap .date {
        float:none
    }
    .subpage.bookReviews .container .download-wrap {
        display:block
    }
    .subpage.bookReviews .container .download-wrap p {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        word-break:break-all;
        line-height:1.4;
        margin-bottom:12px
    }
    .subpage.bookReviews .container .download-wrap p::before {
        font-size:18px;
        margin-left:0;
        margin-right:5px;
        display:block;
        float:left
    }
    .subpage.bookReviews .container .download-wrap a {
        padding:0 20px
    }
    .subpage.bookReviews .lists-thumbnail {
        padding-bottom:30px
    }
    .subpage.bookReviews .lists-thumbnail .thumbnail-wrap {
        margin:0
    }
    .subpage.bookReviews .lists-thumbnail.hlist .thumbnail {
        float:none;
        display:inherit
    }
    .subpage.bookReviews .lists-thumbnail.hlist .thumbnail img {
        max-width:unset
    }
    .subpage.bookReviews .lists-thumbnail.hlist .info {
        display:inherit;
        width:100%;
        padding-left:0
    }
    .subpage.bookReviews .lists-thumbnail.hlist .info .reviewer {
        float:none;
        width:100%;
        margin-bottom:5px
    }
    .subpage.bookReviews .lists-thumbnail.hlist .info .date {
        float:none;
        margin-top:0
    }
    .subpage.bookReviews .lists-thumbnail.hlist .info .date::before {
        content:none
    }
    .subpage.bookReviews .lists-thumbnail.rvc .list-item .thumbnail img {
        max-width:100%
    }
    .subpage.bookReviews .review-content-wrap .review-content {
        -webkit-box-flex:1;
        -webkit-flex:auto;
        -ms-flex:auto;
        flex:auto;
        width:100%;
        margin-right:0;
        padding:30px 0 0;
        border:none
    }
    .subpage.bookReviews .review-content-wrap .review-side {
        width:100%;
        margin-top:30px
    }
    .subpage.bookReviews .lists-thumbnail.rvc .list-item {
        width:100%!important;
        padding-left:0;
        padding-right:0
    }
    .subpage.contest .contest-title-wrap {
        padding:62px 0 34px
    }
    .subpage.contest .contest-title-wrap .close {
        top:0;
        left:unset;
        right:0
    }
    .subpage.contest .contest-title-wrap h2 {
        font-size:2rem
    }
    .subpage.contest .contest-navigation {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .subpage.contest .btn-wrap {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
    .subpage.contest .btn-wrap .btn-default {
        width:48%
    }
    .subpage.contest .org-form-wrap .input-wrap.file {
        padding:10px;
        height:unset
    }
}
.source-list {
    margin-bottom:40px;
    border-top:1px solid #eee;
    padding-top:10px
}
.source-list li {
    border-bottom:1px solid #eee;
    padding:10px 0
}
.provider-box {
    display:flex;
    align-items:center;
    margin:0
}
.provider-box .logobox {
    display:flex;
    width:auto;
    height:60px;
    align-items:center;
    justify-content:left
}
.provider-box .logobox>img {
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important
}
.item-pagination {
    text-align:center;
    padding:20px 0
}
.item-pagination span {
    font-size:16px
}
.item-pagination .arrow {
    display:inline-block;
    width:30px;
    background-image:url("https://library.ltikorea.or.kr/resource/template/images/subpage/page-prev-lg@2x.png");
    background-size:auto 100%;
    background-repeat:no-repeat;
    background-position:center;
    color:transparent
}
.item-pagination .item-pagination-next {
    background-image:url(../../images/subpage/page-next-lg@2x.png);
    margin-left:10px
}
.item-pagination .item-pagination-prev {
    background-image:url(../../images/subpage/page-prev-lg@2x.png);
    margin-right:10px
}

.content-inner-tab { margin-bottom:80px;}
.content-inner-tab .inner-tab-nav { display: flex; gap: 4px; align-items: flex-end; align-self: stretch;}
.content-inner-tab .inner-tab-nav a {display: flex; padding: 16px 36px; justify-content: center; align-items: center; gap: 8px; border-radius: 8px 8px 0px 0px; background: #ECEEF3; color: #000; font-size: 16px; font-weight: 500; line-height: 16px;}
.content-inner-tab .inner-tab-nav a.on {border-radius: 8px 8px 0px 0px; background: #1E2330; color:#fff; font-weight: 700; }
.content-inner-tab .inner-tabcon {display: none;padding: 28px 0 0 0; border: 1px solid #e7e7e7;}
.content-inner-tab .inner-tabcon:first-child { display:block;}
.content-inner-tab .label-btn-box { display: flex; justify-content: space-between; align-items: center;width: 100%; gap:8px; flex-wrap: wrap;padding: 0 24px 24px 24px;}
.content-inner-tab .label-btn-box .logo { display: flex; align-items: center; gap: 4px;}
.content-inner-tab .label-btn-box .btn-check {display: flex; height: 40px;padding: 8px 50px 8px 24px;justify-content: center;align-items: center; gap: 6px;border-radius: 4px; background-color: #274AA3;color: #FFF;text-align: center;font-size: 15px;font-weight: 600;line-height: 16px;
    background-image:url(../../images/new2024/ico-check-w.svg); background-repeat:no-repeat; background-position: right 24px center;}
.works-list-btns .btn {display: flex; height: 40px; justify-content: center; align-items: center;color: #000; text-align: center; font-size: 14px; font-weight: 700; line-height: 40px; border: 1px solid #000;}

.expend-table .table-container {overflow-x: auto;}
.expend-table table { width: 100%; background: #F8F8F8; min-width: 1024px; table-layout: fixed}
.expend-table table th {color: #000; font-size: 14px; font-weight: 700; line-height: 14px; padding: 20px; border-bottom:1px solid #000;  text-align: left;}
.expend-table table td {color: #000; font-size: 15px; font-weight: 300; line-height: 16px; padding: 20px; padding-bottom: 10px; padding-top: 10px; }
.expend-table tbody tr:nth-child(5) ~ tr { display: none;}
.expend-table.expended tbody tr:nth-child(5) ~ tr { display: table-row;}

.expend-table .btnbox { text-align: right;}
.expend-table .btnbox .btn-check {/*! display: flex; */ padding: 6px 50px 6px 24px; justify-content: center; align-items: center;border-radius: 4px; background: #E4E8F2;color: #274AA3; text-align: center; font-size: 14px;
    font-weight: 600; line-height: 16px;background-image: url(../../images/new2024/ico-check-circle.svg);background-repeat: no-repeat;background-position: right 24px center;padding-right: 50px;height: 32px;
    white-space: nowrap;
}

.expend-table .expend-btns {border-top:1px solid #e7e7e7; text-align: center;width: 100%;}
.expend-table .btn-table-expend { padding:6px; display:flex;justify-content: center;align-items: center;width: 100%;gap: 8px;height: 46px; font-size: 14px;}
.expend-table .btn-table-expend:after {content:""; width: 8px; height: 8px; display:block; border-top:2px solid #333; border-right:2px solid #333;transform: rotate(135deg);position: relative;top: -1px;}
.expend-table.expended .expend-btns .btn-table-expend:after {transform: rotate(-45deg); top: 2px;}
.expend-table .btn-table-expend span.close { display: none;}
.expend-table .btn-table-expend span.expended { display: block;}
.expend-table.expended span.close {display: block;}
.expend-table.expended span.expended { display: none;}

.con-table-wrapper { overflow-x: auto;}
.con-table { width: 100%}
.con-table th, .con-table td {text-align: center; font-size: 15px;  padding: 18px 10px; vertical-align: middle;}
.con-table th {color: #000; font-weight: 700; line-height: 16px;border-bottom: 2px solid #000;background: #F3F3F3;}
.con-table td {border-right: 1px solid #8D8D8D;border-bottom: 1px solid #8D8D8D;}
.con-table td:last-child { border-right: none;}

.hold-btn { text-align: right;margin-top: 16px;}
.btn-hold {display: inline-flex; height: 40px;padding: 8px 50px 8px 24px;justify-content: center;align-items: center; gap: 6px;border-radius: 4px; background-color: #274AA3;color: #FFF;text-align: center;font-size: 15px;font-weight: 600;line-height: 16px;
    background-image:url(../../images/new2024/ico-hold-w.svg); background-repeat:no-repeat; background-position: right 24px center;}

.btn-group-box {padding: 28px 24px; border: 1px solid #B4B8C3;display: flex;gap: 16px; margin-bottom: 48px;}
.btn-group-box a {display: flex;padding: 16px 24px; align-items: flex-start;gap: 10px;border-radius: 4px;background: #ECEEF3;}
.btn-group-box a.black {background: #1E2330; color:#fff;}

.awards-list li { background-repeat:no-repeat; background-image:url(../../images/new2024/ico-award-red@2x.png); background-size:32px 32px;line-height: normal;padding-left: 42px;min-height: 32px;padding-top: 7px;}
.awards-list li+li {margin-top:12px;}


.program-lastest { display: flex; gap:30px; margin-bottom: 64px;}
.program-lastest li { width: calc((100% - 48px) / 3)}
.program-lastest .thumbnail { background-color: #E9E9E9; width:100%; text-align:center;display: block;margin-bottom: 24px;}
.program-lastest .title {overflow: hidden; color: #000; font-size: 20px; font-weight: 400; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; height: 52px; margin-top: 16px; margin-bottom: 16px;}
.program-lastest .sub-text {color: #000; font-size: 15px; font-weight: 700; line-height: 24px; }


/* 기존 페이지 fixed */
input#id { width: 100%;}
#OpenLayers_Map_22_OpenLayers_Container { width: 100% !important; width: 100% !important;}
.answer table,
.pinnode-user-register-accept-form ol table { width: 100% !important; height: auto !important;}
.answer table th,
.answer table td,
.pinnode-user-register-accept-form ol table th,
.pinnode-user-register-accept-form ol table td { width: auto !important; height: auto !important; white-space: normal;word-break: break-all;}

.subpage.translatedBooks .books-list.relevant-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;}
.subpage.translatedBooks .relevant-list .list-item {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:-webkit-calc(33.3333% - 30px);
    width:calc(33.3333% - 30px);
    margin-left:20px;
    margin-right:10px;
    margin-bottom:20px
}

.subpage.viewpage .contents-books .books-list.relevant-list .list-item .info {
    width:-webkit-calc(100% - 130px);
    width:calc(100% - 130px);
    padding-left:20px
}

@media only screen and (max-width:768px) {
    .content-inner-tab .label-btn-box { flex-direction: column; justify-content: center; align-items: center;}
    .con-table { min-width: 1024px;}
    .btn-group-box { flex-direction: column;}
    .btn-group-box a { justify-content: center; text-align: center; align-items: center;}

    .program-lastest li { width: calc((100% - 24px) / 2)}
    .program-lastest li:last-child { display: none;}

    .subpage.translatedBooks .relevant-list,
    .subpage.originalBooks .relevant-list { flex-direction: column;}
    .subpage.translatedBooks .relevant-list .list-item,
    .subpage.originalBooks .relevant-list .list-item {  width: 100% !important;}
}

@media only screen and (max-width:768px) {
    .program-lastest li { width: 100%;}
    .program-lastest li:nth-child(2), .program-lastest li:nth-child(3) { display: none;}

}
/* 문의하기 버튼 수정 */
.subpage.mypage .suggestion-wrap .fieldset .field-wrap .field-in-submit-wrap { display:flex; padding: 30px 0;width: 100%;justify-content: center;gap: 5px;}
.subpage.mypage .suggestion-wrap .fieldset .field-wrap .field-in-submit-wrap button {height: 48px;margin: 0; width:160px;font-weight: bold;}

@media only screen and (max-width: 768px) {
    .subpage.mypage .suggestion-wrap .fieldset .field-wrap .field-in-submit-wrap button {position: relative;top: auto;left: auto;width: calc((100% - 5px) / 2);}
}