@charset "UTF-8";
/*! mobile 버전 - css */
@media (max-width: 1023px){
.search-wrapper{width:100%;height:100%;outline:0;overflow:hidden;text-align:center/*! 검색 결과 */}
.search-wrapper .ico_search{background-image:url(../images/common/ico_input_search@2x.png);width:1.6rem;height:1.6rem;background-size:1.6rem 1.6rem}
.search-wrapper .ico_plus{width:1.4rem;height:1.4rem;vertical-align:middle;position:relative;background:url("../images/common/ico_plus_black@2x.png") no-repeat center center;background-size:1.4rem 1.4rem}
.search-wrapper .ico_plus .line_hori{display:none}
.search-wrapper .ico_plus .line_verti{display:none}
.search-wrapper .search-header{display:none}
.search-wrapper .search-container{background-color:#fff;width:100%;height:100%;overflow:auto}
.search-wrapper .search-input-area{padding:0 2rem;width:60rem;max-width:100%;margin:0 auto;margin-top:2.6rem;position:relative}
.search-wrapper .search-input-area .input-box{width:100%;display:block;height:5rem}
.search-wrapper .search-input-area .input-box input{display:block;height:100%;width:100%;background-color:#fff;border:1px solid #ddd;padding:0 2rem;font-size:1.7rem;line-height:1.58;border-radius:0.5rem;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.search-wrapper .search-input-area .input-box input::-webkit-input-placeholder{font-size:1.7rem;line-height:1.58;color:#999;font-weight:500}
.search-wrapper .search-input-area .input-box input::-moz-placeholder{font-size:1.7rem;line-height:1.58;color:#999;font-weight:500}
.search-wrapper .search-input-area .input-box input:-ms-input-placeholder{font-size:1.7rem;line-height:1.58;color:#999;font-weight:500}
.search-wrapper .search-input-area .input-box input::-ms-input-placeholder{font-size:1.7rem;line-height:1.58;color:#999;font-weight:500}
.search-wrapper .search-input-area .input-box input::placeholder{font-size:1.7rem;line-height:1.58;color:#999;font-weight:500}
.search-wrapper .search-input-area .input-box .search-btn{position:absolute;bottom:0;right:0;width:5rem;height:5rem}
.search-wrapper .search-input-area.on{height:13rem;background-position:bottom -225px center;-webkit-transition:height .3s ease-in-out .2s,background-position .3s ease-in-out;-o-transition:height .3s ease-in-out .2s,background-position .3s ease-in-out;transition:height .3s ease-in-out .2s,background-position .3s ease-in-out}
.search-wrapper .tag-area{text-align:center;font-size:0;padding:0 2rem;overflow:auto;white-space:nowrap}
.search-wrapper .tag-area .tag{display:inline-block;padding:0.6rem;color:#4051b8;font-size:1.5rem;line-height:1.66;font-weight:500}
.search-wrapper .tag-area .tag::before{content:"#";display:inline;font-family:"Mulish";position:relative;font-size:1.6rem;line-height:1.62}
.search-wrapper .result-area{width:123rem;max-width:100%;margin:1.5rem auto 0}
.search-wrapper .form-align-type01{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.search-wrapper .sorting-box{margin-top:3rem;padding:0 2rem}
.search-wrapper .form-col{width:16rem;margin-right:2rem}
.search-wrapper .form-col:last-child{margin-right:0}
.search-wrapper .more-btn{height:3.8rem;border-radius:3.8rem;border:0.1rem solid #ddd;padding:0 3rem;font-size:1.2rem;line-height:1.83;margin-top:6rem}
.search-wrapper .more-btn .txt{color:#e1002a;display:inline-block;vertical-align:middle;margin:0 0.5rem;font-weight:500}
.search-wrapper .more-btn .count{display:inline-block;color:#707070;vertical-align:middle}
.search-wrapper .more-btn .num{vertical-align:top}
.search-wrapper .more-btn .current{color:#000}
.search-wrapper .book-info-box.type02 .book-title{font-size:1.5rem;line-height:1.66;line-height:1.5}
/*! 도서검색 - 도움말 */
.tooltip-container.search-result-container{padding:0.5rem 2rem 1.2rem 2rem;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.tooltip-container.search-result-container .btn-open-tooltip .bu-tooltip{left:-1.3rem}
.tooltip-container.search-result-container .tooltip-box-popup{top:4.1rem}
.tooltip-container.search-result-container .tooltip-box-popup-align{text-align:left;margin-left:2rem;margin-right:2rem}
.tooltip-container.search-result-container + .search-input-area{margin-top:0}
/*! 에러페이지 */
.error-page-align{padding:0 2rem 0 2rem}
.error-page-content{padding:14.5rem 0 11rem 0;text-align:center}
.error-page-content .ico-error-page{margin-bottom:1rem;width:3.9rem;height:3.9rem;background:url("../images/common/ico_error_page@2x.png") no-repeat center center;background-size:3.9rem 3.9rem}
.error-page-content .error-page-txt01{font-size:1.5rem;line-height:1.66;color:#222;font-weight:500}
.error-page-box01{border-radius:1rem;padding:1.5rem 0 1.5rem 0;margin-top:2.8rem;background-color:#f5f5f5;text-align:center}
.error-page-box01 .txt01{font-size:1.3rem;line-height:1.76;color:#222}
.error-page-box01 .txt02{font-size:1.3rem;line-height:1.76;color:#222;font-weight:700}
/*! 약관 스타일 */
.content-top-container.agree-type .content-top-align{position:relative;padding:5rem 0 5.9rem 0}
.content-top-container.agree-type .content-top-align:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:0.9rem;border-top:1px solid #ddd;background-color:#eee}
/*! 사이트맵 */
/*! 사이트맵 */
.sitemap-container{max-width:100%;margin:0 auto;margin-top:5.8rem;padding:0 2rem}
.sitemap-list-item{border-bottom:1px solid #ddd;padding-bottom:1rem;padding:0 1rem 1rem}
.sitemap-list-item .sitemap-1depth-title .txt{font-size:2rem;line-height:1.5;font-weight:700}
.sitemap-list-item:nth-child(1n+2){margin-top:2.3rem}
.sitemap-list-item:last-child{border:0}
.sitemap-2depth{margin-top:1.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.sitemap-2depth .depth2-list{width:-webkit-calc(50% - 10px);width:calc(50% - 10px);width:-webkit-calc(50% - 1rem);width:calc(50% - 1rem);margin-bottom:1.5rem}
.sitemap-2depth .depth2-list:nth-child(odd){margin-right:1rem}
.sitemap-2depth .depth2-list:nth-child(even){margin-left:1rem}
.sitemap-2depth .depth2-list .txt{font-size:1.5rem;line-height:1.66;font-weight:500;display:block;color:#222}
.sitemap-2depth .depth2-list .txt.light{color:#999;font-weight:400}
.agreement-table tr td:last-child{border-right:0}
.agreement-table tr td[rowspan]:last-child{border-left:1px solid #ddd}
}
@media (min-width: 1024px){
.search-wrapper{width:100%;height:100%;outline:0;overflow:hidden;text-align:center/*! 검색 결과 */}
.search-wrapper .ico_search{background-image:url(../images/common/ico_input_search@2x.png);width:2.4rem;height:2.4rem;background-size:2.4rem 2.4rem}
.search-wrapper .ico_plus{width:1.4rem;height:1.4rem;vertical-align:middle;position:relative}
.search-wrapper .ico_plus .line_hori{display:inline-block;height:0.2rem;width:100%;background-color:#000;position:absolute;left:0;top:-webkit-calc(50% - 0.1rem);top:calc(50% - 0.1rem)}
.search-wrapper .ico_plus .line_verti{display:inline-block;width:0.2rem;height:100%;background-color:#000;position:absolute;left:-webkit-calc(50% - 0.1rem);left:calc(50% - 0.1rem);top:0}
.search-wrapper .search-header .title{font-size:5.4rem;line-height:1.18;margin-top:20.6rem;font-weight:700}
.search-wrapper .search-container{background-color:#fff;width:100%;height:100%;overflow:auto}
.search-wrapper .search-input-area{width:60rem;margin:0 auto;position:relative;margin-top:5rem}
.search-wrapper .search-input-area .input-box{width:100%;display:block;height:6rem}
.search-wrapper .search-input-area .input-box input{display:block;height:100%;width:100%;background-color:#fff;border:1px solid #ddd;padding:0 2rem;font-size:2rem;line-height:1.5;border-radius:0.6rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.search-wrapper .search-input-area .input-box input::-webkit-input-placeholder{font-size:2rem;line-height:1.5;color:#999}
.search-wrapper .search-input-area .input-box input::-moz-placeholder{font-size:2rem;line-height:1.5;color:#999}
.search-wrapper .search-input-area .input-box input:-ms-input-placeholder{font-size:2rem;line-height:1.5;color:#999}
.search-wrapper .search-input-area .input-box input::-ms-input-placeholder{font-size:2rem;line-height:1.5;color:#999}
.search-wrapper .search-input-area .input-box input::placeholder{font-size:2rem;line-height:1.5;color:#999}
.search-wrapper .search-input-area .input-box .search-btn{position:absolute;top:0;right:0;width:6rem;height:6rem}
.search-wrapper .search-input-area.on{height:13rem;background-position:bottom -225px center;-webkit-transition:height .3s ease-in-out .2s,background-position .3s ease-in-out;-o-transition:height .3s ease-in-out .2s,background-position .3s ease-in-out;transition:height .3s ease-in-out .2s,background-position .3s ease-in-out}
.search-wrapper .tag-area{text-align:center;font-size:0}
.search-wrapper .tag-area .tag{display:inline-block;padding:1.2rem;color:#4051b8;font-size:1.6rem;line-height:1.62;font-weight:500}
.search-wrapper .tag-area .tag::before{content:"#";display:inline;font-family:"Mulish";position:relative;font-size:1.6rem;line-height:1.62}
.search-wrapper .result-area{width:123rem;max-width:100%;margin:1.5rem auto 0}
.search-wrapper .form-align-type01{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.search-wrapper .sorting-box{margin-top:7.5rem}
.search-wrapper .form-col{width:16rem;margin-right:2rem}
.search-wrapper .form-col:last-child{margin-right:0}
.search-wrapper .more-btn{height:5rem;border-radius:5rem;border:0.1rem solid #ddd;padding:0 3rem;font-size:1.6rem;line-height:1.62;margin-top:6rem}
.search-wrapper .more-btn .txt{color:#e1002a;display:inline-block;vertical-align:middle;margin:0 0.5rem}
.search-wrapper .more-btn .count{display:inline-block;color:#707070;vertical-align:middle}
.search-wrapper .more-btn .num{vertical-align:top}
.search-wrapper .more-btn .current{color:#000}
/*! 도서검색 - 도움말 */
.tooltip-container.search-result-container{max-width:600px;margin:0 auto 0 auto;padding:0.9rem 0 1.5rem 0;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.tooltip-container.search-result-container .btn-open-tooltip .bu-tooltip{top:4rem;left:-1.6rem}
.tooltip-container.search-result-container .tooltip-box-popup{top:5.3rem;right:0;left:auto;max-width:340px}
.tooltip-container.search-result-container .tooltip-box-popup-align{text-align:left}
.tooltip-container.search-result-container + .search-input-area{margin-top:0}
/*! 에러페이지 */
.error-page-container{max-width:480px;margin:0 auto 0 auto;height:-webkit-calc(100vh - 550px);height:calc(100vh - 550px);height:-webkit-calc(100vh - 55rem);height:calc(100vh - 55rem);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}
.error-page-align{width:100%;margin-top:14rem}
.error-page-align .btn-container{margin-top:4rem}
.error-page-content{text-align:center}
.error-page-content .ico-error-page{margin-bottom:1.6rem;width:4.8rem;height:4.8rem;background:url("../images/common/ico_error_page@2x.png") no-repeat center center;background-size:4.8rem 4.8rem}
.error-page-content .error-page-txt01{font-size:2rem;line-height:1.5;color:#222;font-weight:500}
.error-page-box01{border-radius:1rem;padding:1.5rem 0 1.5rem 0;margin-top:3.6rem;background-color:#f5f5f5;text-align:center}
.error-page-box01 .txt01{font-size:1.6rem;line-height:1.62;color:#222}
.error-page-box01 .txt02{font-size:1.6rem;line-height:1.62;color:#222;font-weight:700}
/*! 사이트맵 */
/*! 사이트맵 */
.sitemap-container{width:120rem;max-width:100%;margin:0 auto;margin-top:9rem}
.sitemap-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.sitemap-list-item{padding-right:4rem;width:25%}
.sitemap-list-item .sitemap-1depth-title{border-top:1px solid #ddd;padding-top:2.4rem}
.sitemap-list-item .sitemap-1depth-title .txt{font-size:2rem;line-height:1.5;font-weight:700}
.sitemap-list-item:nth-child(1n+5){margin-top:5.5rem}
.sitemap-2depth{margin-top:2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.sitemap-2depth .depth2-list{width:-webkit-calc(50% - 10px);width:calc(50% - 10px);width:-webkit-calc(50% - 1rem);width:calc(50% - 1rem);margin-bottom:1.5rem}
.sitemap-2depth .depth2-list:nth-child(odd){margin-right:1rem}
.sitemap-2depth .depth2-list:nth-child(even){margin-left:1rem}
.sitemap-2depth .depth2-list .txt{font-size:1.6rem;line-height:1.62;font-weight:500;display:block;color:#222}
.sitemap-2depth .depth2-list .txt.light{color:#999;font-weight:400}
.agreement-table tr td:last-child{border-right:0}
.agreement-table tr td[rowspan]:last-child{border-left:1px solid #ddd}
}