@charset "utf-8";

/*------------------------------------------------*/
/* CUSTOM FONTS
/*------------------------------------------------*/
@font-face {
    font-family: "SamsungOneUI";
    font-style: normal;
    font-weight: 500;
    src: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/fonts/SamsungOneUI-500.eot");
    src: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/fonts/SamsungOneUI-500.eot?#iefix") format("embedded-opentype"),
    url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/fonts/SamsungOneUI-500.woff") format("woff"),
    url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/fonts/SamsungOneUI-500.ttf") format("truetype");
}

@font-face {
    font-family: "SamsungOneUI";
    font-style: normal;
    font-weight: 700;
    src: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/fonts/SamsungOneUI-700.eot");
    src: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/fonts/SamsungOneUI-700.eot?#iefix") format("embedded-opentype"),
    url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/fonts/SamsungOneUI-700.woff") format("woff"),
    url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/fonts/SamsungOneUI-700.ttf") format("truetype");
}

@font-face {
    font-family: "SamsungSharpSans-Bold";
    font-style: normal;
    font-weight: 700;
    src: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/fonts/SamsungSharpSans-Bold.eot");
    src: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/fonts/SamsungSharpSans-Bold.eot?#iefix") format("embedded-opentype"),
    url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/fonts/SamsungSharpSans-Bold.woff") format("woff");
}

/*------------------------------------------------*/
/* GLOBAL YR
/*------------------------------------------------*/
body { background-color: #232323; font: 500 18px/28px 'SamsungOneUI', Arial, sans-serif; color: #383838; word-break: break-all; word-wrap: break-word; word-break: keep-all;  }
h1, h2, h3, h4, h5, h6 { color: #222; font-weight: 700; font-family: "SamsungSharpSans-Bold", Arial, sans-serif; line-height: 1.5; }
h1 { letter-spacing: 1px; }
h3 { font: 700 24px 'SamsungOneUI', Arial, sans-serif; }
p a { color: #50c4eb; }
p a:link, p a:visited, p a:hover, p a:active, .docs-cnt a { color: #50c4eb; }

/*------------------------------------------------*/
/* HEADER
/*------------------------------------------------*/
#header { position: fixed; top: 0; left: 0; width: 100%; border-bottom: 2px solid #eee; background: #fff; z-index: 10; height: 62px; }
#header a { color: #383838; font-size: 15px; font-weight: 700; text-decoration: none; }
#gnb {float:left; vertical-align: top;}
#gnb.gnb_main { border-bottom: 0; }
#gnb .gnb_box > ul { margin: 0; padding: 0 20px; list-style: none; overflow: hidden; }
#gnb .gnb_box > ul > li { float: left; }
#gnb .gnb_box > ul > li + li { margin-left: 20px; }
#gnb .gnb_box > ul > li > a { height: 60px; padding: 0 5px; line-height: 60px; }
#gnb .gnb_box > ul > .on > a, #gnb .gnb_box > ul > li > a:hover { color: #50c4eb; text-decoration: none; }
#gnb .btn_area { display: none; }
.btn_gnb { display: none !important; }
.h_etc_nav { padding: 12px 270px 0 0; float: right; }
.h_etc_nav > a { display: inline-block; padding: 10px; line-height: 16px; font-size: 13px; vertical-align: middle; }
.h_etc_nav > .on { color: #50c4eb; }
.h_etc_nav > .btn_search_h_open,
.search_h_form .btn_search_h_close { display: none; }
.h_etc_nav .nav-btn { position: absolute; right: 20px; top: 12px; padding: 9px 12px; line-height: 16px; font-size: 13px !important; border: 1px solid #ccc; border-radius: 30px; }
.h_etc_nav .workspace { right: 30px; }
.h_etc_nav .user-utils { position: relative; display: inline-block; vertical-align: top; }
.h_etc_nav .user-utils .user-photo {overflow: hidden; display: inline-block; width: 36px; height: 36px; padding: 0; border-radius: 50%; border:1px solid #ccc; vertical-align: middle; background: url('https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/bg_user_photo.png') no-repeat -1px -1px;}
.h_etc_nav .user-utils .user-photo img { width: 100%; height: 100%; }
.h_etc_nav .user-utils .user-photo .invisible { position:absolute; text-indent: -9999px; margin: -1px; }
.h_etc_nav .user-utils .user-name { position: relative; top: 2px; display: inline-block; margin-left:3px; padding-right: 27px; font-size: 14px; line-height: 26px; }
.h_etc_nav .user-utils .user_trigger .user-name:after { position: absolute; right: 10px; top: 50%; display: block; width: 8px; height: 5px; margin-top: -3px; background: url(https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/common.png) no-repeat -251px -121px; content:'';}
.h_etc_nav .user-utils .user_trigger.active .user-name:after { transform: rotate(180deg); }
.h_etc_nav .user-utils .user-menus { display:none; position: absolute; left: 0; top: 48px; min-width: 150px; background-color: #fff; border: 1px solid #d8d8d8; box-sizing: border-box; z-index: 10; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);}
.h_etc_nav .user-utils .user-menus.active {display: block;}
.h_etc_nav .user-utils .user-menus a { font-size: 14px; color: #383838; padding: 15px; display: block; }
.h_etc_nav .user-utils .user-menus a:first-child { padding-bottom: 0; }
.search_h_form { position: absolute; top: 12px; right: 135px; width: 160px; }
.search_h_form label { display: block; }
.search_h_form input:focus, .search_h_form input:active { outline: none; }
.search_h_form input { padding: 0 55px 0 10px; width: 100%; height: 36px; line-height: 34px; font-size: 13px; border: 1px solid #ccc; border-radius: 30px; overflow: hidden; }
.search_h_form input:-ms-input-placeholder { color: #9d9d9d; opacity: 1; } /* IE 10+ */
.search_h_form input:-moz-placeholder { color: #9d9d9d; opacity: 1; } /* Firefox 18- */
.search_h_form input::-moz-placeholder { color: #9d9d9d; opacity: 1; } /* Firefox 19+ */
.search_h_form input::-webkit-input-placeholder { color: #9d9d9d; opacity: 1; } /* Chrome/Opera/Safari */
.search_h_form .btn_search_h { position: absolute; top: 1px; right: 1px; }
.search_list { display: none; }
.btn_search_h { position: relative; width: 34px; height: 34px; text-indent: -9999px; overflow: hidden; }
.btn_search_h:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; width: 16px; height: 16px; background-position: 0 0; }
.subHeadMenu { margin: 0; padding: 0; }

/*------------------------------------------------*/
/* BUTTONS
/*------------------------------------------------*/
.btn { text-transform: uppercase; border-radius: 30px; font-family: 'SamsungOneUI', Arial, sans-serif; font-weight: 500; font-size: 15px; min-width: 150px; padding: .575rem 1rem; }
.btn-lg { font-size: 16px; padding: 1rem; min-width: 200px; }
.btn-primary { color: #fff !important; }
.btn-primary:hover { border-color: #50c4eb; background-color: transparent; color: #50c4eb !important; }
.btn-primary, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background-color: #50c4eb; border-color: #50c4eb; }
a.btn-primary:not([href]):not([tabindex]) { color: #fff; }
.btn-light { color: #50c4eb; }
.btn-light:hover { color: #fff; background-color: transparent; border-color: #fff; }
.btn-outline-light:hover { color: #50c4eb; }
.btn-outline-dark { color: #222 !important; border-color: #222; }
.btn-outline-dark:hover { color: #fff !important; background-color: #222; }
.btn-search { position: absolute; top: 12px; right: 24px; }
.btn-outline-dark.disabled, .btn-outline-dark:disabled { cursor: default; color: #d0d0d0 !important; border-color: #d0d0d0; }
.btn-outline-dark.disabled:hover, .btn-outline-dark:disabled:hover { background-color: #fff; color: #d0d0d0; }

/*------------------------------------------------*/
/* CONTENT
/*------------------------------------------------*/
.hero { padding: 140px 0 80px 0; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.hero h1, .hero p { color: #fff; }
.hero .btn-outline-light, .hero .btn-primary:hover { background-color: rgba(0, 0, 0, 0.2); }
.hero .btn-outline-light:hover { background-color: #fff; }
.hero-home { background-image: url(https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/banners/banner-home.jpg); padding: 75px 0; }
.hero-support { background-image: url(https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/banners/banner-support.jpg); }
.hero-distribution { background-image: url(https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/banners/banner-distribution.jpg); }
.hero-partner { background-image: url(https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/banners/banner-partner.jpg); }

.bg-full-custom { background: #f7f7f7 url(https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/bg-custom.jpg) no-repeat center bottom; }
.bg-full-blue { background-color: #50c4eb; }
.bg-full-grey { background-color: #f7f7f7; }
.bg-full-dark-grey { background-color: #f7f7f7; }
.bg-full-white { background-color: #fff; }
.bg-dashed-line { position: relative; z-index: 1; padding-bottom: 100px; }
.bg-dashed-line:before { border-top: 2px dashed #dfdfdf; content:""; position: absolute; margin-top: 45px; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }

.color-blue { fill: #50c4eb; }

.sm-pad { padding: 30px 0; }
.md-pad { padding: 40px 0; }
.lg-pad { padding: 80px 0; }
.xlg-pad { padding: 110px 0 80px 0; }
.custom-pad { padding-bottom: 60px; }

.border-top-blue { border-top: solid 2px #50c4eb; }

.bg-dashed-line p { margin-bottom: .35rem; }
.md-txt, .docs-cnt { font-size: 16px; line-height: 24px; }
.external-link:hover { text-decoration: none; }
.external-link:after { content: ""; background: url(https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/icon-new-window.svg) no-repeat center center; width: 18px; height: 16px; display: inline-block; position: relative; top: 2px; left: 10px; }
.txt-link, .txt-link:hover { color: #50c4eb; text-decoration: none; transition: all 0.5s; transition: 0.5s; position: relative; }
.txt-link.right-side:hover { margin-right: 15px }
.txt-link:after { content: '»'; position: absolute; opacity: 0; top: -3px; right: -30px; transition: 0.5s; }
.txt-link:hover:after { opacity: 1; right: -15px; }

.card-sm .card { min-height: 330px; }
.card { border-color: #ccc; border-radius: 10px; min-height: 380px; }
.card h3 { margin-bottom: .8rem; }
.card-img { padding-top: 35px; }
.card-img-custom { background-color: #50c4eb; display: flex; align-items: center; justify-content: center; text-align: center; width: 90px; height: 90px; margin: 0 auto; border-radius: 100%; position: absolute; top: -45px; left: 0; right: 0; }
.card-body { padding: 35px; font-size: 16px; line-height: 24px; }
.card-extra-pad { padding-top: 70px; }
.card-body ul { padding: 0; margin: 0 0 0 17px; text-align: left; }
.card-body ul li { list-style: disc; padding: 5px 0; }
.card-body ul li a { color: #575757; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.card-body ul li a:hover { color: #222; text-decoration: none; }
.card-footer { background-color: transparent; border: none; padding: 0 0 35px 0; font-size: 16px; line-height: 24px; }
.resources .card { margin-top: 70px; }
.partner .card { margin-top: 45px; min-height: 470px; }
.accordion .card { min-height: auto; border-radius: 0; margin-bottom: 20px; border: 1px solid rgba(0,0,0,.125) !important; }
.accordion .card-header { background-color: #fff; padding: 0; border: none; }
.accordion .card-header .btn { padding: 15px 20px 15px 65px; font-weight: 700; text-transform: none; font-size: 16px; line-height: 30px; color: #383838; width: 100%; text-align: left; border-radius: 0; position: relative; }
.accordion .card-header .btn:hover, .accordion .card-header .btn:focus { text-decoration: none; }
.accordion .card-body { color: #575757; padding: 0 35px 35px 66px; }
.icon-question { width: 30px; height: 30px; position: absolute; top: 20px; left: 20px; }
.icon-question svg { width: 30px; height: 30px; }
.accordion .btn-title {}
.collapsed .icon-question path {  fill: #e6e6e6; }
.card form { padding: 0 70px; }
.card .form-control { text-align: center; }
.card .form-group { position: relative; }
.card .btn_tooltip { position: absolute; top: 43px; right: 10px; }

.videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.img-build { width: 85%; }

.main-cta h2 { color: #fff; font: 500 24px/34px 'SamsungOneUI', Arial, sans-serif; }

.docs-cnt { background-color: #fff; padding: 40px; }
.docs-cnt h1 { font-size: 1.8rem; }
.docs-cnt h2, .docs-cnt h3, .docs-cnt h4 { font-family: 'SamsungOneUI', Arial, sans-serif; margin-top: 2rem; }
.docs-cnt h2 { font-size: 1.5rem; }
.docs-cnt h3 { font-size: 1.4rem;  }
.docs-cnt h4 { font-size: 1.3rem; }

.linkBlock .links p { padding: 0; margin: 0; }
.linkBlock .links a { padding: 10px 0; margin: 0; }
.home-link:hover { color: #50c4eb; }

.sidebar ul { list-style: none; margin: 0; padding: 0; }

.alert { font-size: 15px; border-radius: .50rem; color: #393939; }
.alert a, .alert a:hover { color: #48B0D3; text-decoration: none; }
.alert-light { border-color: #ccc; }
.alert-info { border-color: transparent; background-color: #dcf3fb; }
.alert-warning { border-color: transparent; }

.inner-anchors { list-style: none; }
.inner-anchors a { color: #222; font-size: 14px; line-height: 16px; display: block; padding: 6px 0; }
.inner-anchors a:hover, .inner-anchors a:active { color: #50c4eb; text-decoration: none; }
.inner-anchors a:before { content:""; position: relative; top: 12px; left: -18px; display: block; width: 9px; height: 9px; background: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/common.png") no-repeat right top; }

.badge-pill { text-transform: uppercase; font-weight: 500; padding: .5em .8em }
.badge-secondary { background-color: #ccc; }

.notice { color: #575757; }
.notice .badge-pill { margin-right: 10px; }

.box { padding: 30px; }

#confirmation-spinner { line-height: 200px; min-height: 200px; text-align: center; }

.tac_cus_area_01 { font: 500 18px/28px 'SamsungOneUI', Arial, sans-serif; color: #383838;  }

/*------------------------------------------------*/
/* NOTIFICATION
/*------------------------------------------------*/
.notification { background-color: #caedf9; margin-top: 62px; }
.notification a, .notification a:hover { color: #48b0d3; text-decoration: none; }
.notification svg { margin: 0 10px 0 0; }
#notification .card, #notification .card-header { border: none !important; background-color: transparent !important; margin: 0; }
#notification .card-body { font-size: 14px; padding: 0 50px 20px 50px; }
#notification .card-header .btn { font-size: 14px; line-height: 24px; font-weight: 500; cursor: pointer; padding: 15px; }
#notification .card-header .collapsed:after { content: "Read More ▾"; color: #48b0d3; display: block; float: right; }

/*------------------------------------------------*/
/* FORMS
/*------------------------------------------------*/
.form-control { border-color: #ccc; color: #575757; height: calc(1.5em + .75rem + 6px); border-radius: 10px; }
.form-group label { font-weight: 700; color: #222; }
.form-control-lg { font-size: 16px; }
.input-inline { width: 300px; display: inline-block; margin-left: 10px; }
.check_list { margin: 10px 0 0 0; padding: 0; }
.check_list label, .check_all_list label { font-weight: 500; }
.selectbox-option ul, .check_all_list { list-style: none; margin: 0; padding: 0; }
.newsletter input { background: #fff url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/icon-envelope.svg") no-repeat 95% center; background-size: 20px 15px; border-radius: 1.5rem; height: calc(1.8em + .75rem + 10px); padding: .375rem 1rem; }
.search input { background: #fff url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/icon-search.svg") no-repeat 95% center; background-size: 20px 20px; border-radius: 1.5rem; height: calc(1.8em + .75rem + 10px); padding: .375rem 1rem; border: solid 1px #f6f6f6; opacity: 0.7; }
.OtherText { border-color: #ccc; color: #575757; border-radius: 5px; padding: 4px 5px; border: solid 1px #ccc; margin: 0 0 0 5px; }

/*------------------------------------------------*/
/* TABLES
/*------------------------------------------------*/
.table label { margin-bottom: 0; }

/*------------------------------------------------*/
/* PAGINATION
/*------------------------------------------------*/
.paging * { margin-left: 4px; }
.pagination-sm .page-item:first-child .page-link, .pagination-sm .page-item:last-child .page-link { border-radius: 100%; }
.page-link { z-index: 1; padding: 5px 0 0 0; text-decoration: none; border-radius: 100%; border: solid 1px #50c4eb; width: 30px; height: 30px; text-align: center; }
.page-item.active .page-link { color: #fff; background-color: #50c4eb; border-color: #50c4eb; }
.pagination > .active > a, .pagination > .active > span { cursor: default; font-weight: 700; }
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #fff; color: #50c4eb; border: solid 1px #50c4eb; }
.pagination > li > a, .pagination > li > span { background-color: #fff; border: 1px solid #fff; color: #383838; }
.page-link:hover { color: #fff; background-color: #50c4eb; border-color: #50c4eb; }
.page-item:last-child .page-link { background-color: #f2f2f2; border-radius: 100%; }
.page-item:last-child .page-link:hover { color: #fff; background-color: #50c4eb; }

/*------------------------------------------------*/
/* LOGOS SLIDER
/*------------------------------------------------*/
.customer-logos { padding: 20px 0 40px 0; }
.slick-slide { margin: 0px 20px; }
.slick-slide img { width: 100%; }

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: default; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ""; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left;
 height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/*------------------------------------------------*/
/* FOOTER
/*------------------------------------------------*/
.sub-footer { background-color: #363636; padding: 70px 0 100px 0; }
.sub-footer h5 { font: 500 18px/28px 'SamsungOneUI', Arial, sans-serif; color: #a4a4a4; }
.sub-footer ul { margin: 0; padding: 0; }
.sub-footer li { list-style: none; padding: 0 0 4px 0; }
.sub-footer li a { color: #fff; font-size: 14px; }
.sub-footer li a:hover { color: #a4a4a4; text-decoration: none; }
.endfooter { background-color: #232323; padding: 20px 0; font-size: 12px; color: #a4a4a4; }
.endfooter a { color: #a4a4a4; }
.endfooter a:hover { color: #fff; text-decoration: none; }
.social:hover { fill: #fff; }

.btn_top { position: fixed; right: 50%; margin-right: -700px; width: 40px; height: 40px; text-indent: -9999px; border-radius: 100%; background: #fff; overflow: hidden; transition: opacity 0.3s ease-in-out 0s; opacity: 0; z-index: 10; }
.btn_top:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -9px 0 0 -7px; width: 13px; height: 19px; background-position: 0 -222px; }
.btn_top.on { opacity: 1; }

/*------------------------------------------------*/
/* MEDIA QUERIES
/*------------------------------------------------*/
@media (max-width: 991px)  {
    .img-build { width: 100%; }
    #gnb .gnb_box > ul { padding: 0 10px; }
    #gnb .gnb_box > ul > li > a { padding-right: 0; }
    #gnb .gnb_box > ul > li + li { margin-left: 15px; }
    .h_etc_nav > a { padding-right: 0; }
    .txt-mobile-center { text-align: center !important; }
    .mobile-spacing, .card-sm .card, .bg-dashed-line .col-12 { margin-bottom: 40px; }
    .card { min-height: 405px; }
    .docs-cnt { padding: 30px; }
}

@media (max-width: 840px) {
    .remove-md { display: none; }
    #header a { font-size: 14px; }
}

@media (min-width: 768px) {
	.bd-links { display: block!important; }
}

@media (max-width: 768px)  {
    h1 { font-size: 2rem; }
    h2 { font-size: 1.5rem; }
    .hide-mobile { display: none; }
    .blog_content h1 { margin-top: 30px; }
    .mt-default-mobile { margin-top: 25px !important; }
    .card-deck { margin: 0 auto; display: block; }
    .card { min-height: auto; }
    .remove-sm { display: none; }
}

@media only screen and (max-width : 768px) {
    .aos-animate {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }
    [data-aos=zoom-in-right], [data-aos=zoom-in-left], [data-aos^=flip][data-aos^=flip] {
        transform: none !important;
    }
    [data-aos-delay] {
        transition-delay: 0s !important;
    }
}

@media (max-width: 576px)  {
    .hero { padding: 120px 0 60px 0; }
    .hero-home { padding: 60px 0; }
    .mt-mobile { margin: 15px; }
    .flex-column { height: auto !important; }
    .notification svg { margin-bottom: 30px; }
    .notification .wrap { padding: 0; }
}

/* reset */
legend { position: absolute; height: 0; line-height: 0; font-size: 0; overflow: hidden; margin: 0; padding: 0; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
q:before, q:after { content:''; }
select { min-width: 100px; -webkit-border-radius: 0; }
textarea { overflow: auto; resize: none; }
select:focus,
input:focus,
a:focus,
button:focus { outline: none !important; }
textarea:focus { outline: none !important;}
button { border: 0 none; background: none; cursor: pointer; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
button, input, select, textarea { font: 12px/14px 'SamsungOneUI', sans-serif; vertical-align: middle; }
input[type="password"]::-ms-reveal,
input[type="text"]::-ms-clear { display: none; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; overflow: visible; -webkit-appearance: button; }
input[type="checkbox"],
input[type="radio"] { width: 14px; height: 14px; line-height: 14px; box-sizing: border-box; -webkit-border-radius: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 메인 레이아웃 **/
.wrap { position: relative; margin: 0 auto; padding: 0 30px; width: 1340px; }
.wrap:after { content: ""; display: block; clear: both; }

/** 서브 레이아웃 **/
#content.foot-none { margin-bottom: 0; padding-bottom: 0; }
#content.main .wrap { display: inherit; }
#content .wrap { table-layout: fixed; display: table; }
#content .wrap:after { display: none; }
.con_left { display: table-cell; width: 285px; border-right: 10px solid #f5f5f5; background: #fff; vertical-align: top; }
.con_body { display: table-cell; background: #fff; vertical-align: top; }
.con_body.swaggerwrap { padding: 0; }
.con_body.ty02 { padding: 0; background: none; }
.con_body.ty03 { padding: 37px 40px 45px 40px; }
.con_body.ty04 { padding: 4px 60px 55px 60px; }

/* 모바일 이외 서브 타이틀 비노출 */
.con_body .tit-m { display: none; }
@media screen and (max-width: 767px) {
	.con_body.ty02 { display: block; }
}

/* con_right */
.con_right { display: table-cell; width: 276px; padding-top: 40px; background: #fff; vertical-align: top; }
.con_right h3 { display:none; }
.con_right p, .con_right nav { margin: 0 40px 20px 40px; }
@media screen and (max-width: 767px) {
  .con_right { display: block; width: 100%; border: 0; padding: 0; height:0; }
	.con_right h3 { position:fixed; z-index: 9; top: 72px; display: block; font-weight: normal; margin-top: -10px; background-color:#FFF; width:100%; height:50px; border-bottom: 1px solid #e5e5e5; }
	.con_right h3 a { display: block; position: relative; font-size: 16px; color: #222; line-height: 24px; padding: 15px; font-weight: 700; text-decoration: none; }
	.con_right h3 a:after { content:""; position: absolute; top: 50%; right: 20px; margin-top: -3px; display: block; width: 12px; height: 7px; background: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/common.png") no-repeat -118px 0; background-size: 250px 250px; }
	.con_right h3.on a:after {transform: rotate(180deg);}
	.con_right h2, .con_right .aside, .con_right p { display: none; }
}
@media screen and (min-width: 768px) {
	.con_right { display: table-cell; }
}

/* lnb */
.con_left h2 {display: none;}
#lnb { padding: 31px 30px 0 30px; }
#lnb.fixed {position:fixed; width:275px; }
#lnb > ul { margin: 0; padding: 0; list-style: none; }
#lnb > ul > li > a { padding: 9px 0; color: #383838; line-height: 20px; font-size: 16px; position: relative; display: block; }
#lnb > ul > li > a:hover { text-decoration: none; color: #222; }
#lnb > ul > .on > a , #lnb > ul > .current > a { color: #222; font-weight: 700; }
#lnb > ul > .hassub > a:after { content:""; position: absolute; top: 50%; right: 0; margin-top: -2px; display: block; width: 12px; height: 7px; background: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/common.png") no-repeat -118px 0; background-size: 250px 250px; }
#lnb > ul > .on > a:after {transform: rotate(180deg);}
#lnb .depth { padding: 0 0 10px 0; }
#lnb .depth > li { margin:0 0 0 20px; list-style: none; }
#lnb .depth > li > a { padding: 6px 0; color: #6f6f6f; line-height: 24px; font-size: 16px; display: block; }
#lnb .depth > .on > a, #lnb .depth > .current > a, #lnb .depth > li > a:hover { color: #50c4eb; text-decoration: none; }
#lnb .depth02 { padding: 0; list-style: none; }
#lnb .depth02 > li {margin:5px 0;}
#lnb .depth02 > li > a { padding: 6px 0 6px 20px; border-left: 2px solid #FFF; color: #888888; line-height: 20px; font-size: 14px; display: block; }
#lnb .depth02 > .on > a, #lnb .depth02 > .current > a, #lnb .depth02 > li > a:hover { color: #393939; border-left: 2px solid #50c4eb; }

/* aside */
.aside > ul > li > a { padding: 12px 34px 12px 0; color: #0a0a0a; line-height: 18px; font-size: 14px; position: relative; display: block; }
.aside > ul > li > a:hover { color: #50c4eb; text-decoration: none; }
.aside > ul > .on > a ,
.aside > ul > .current > a { color: #50c4eb; }
.aside > ul > .hassub > a:after { content:""; position: absolute; top: 50%; right: 0; margin-top: -3px; display: block; width: 10px; height: 6px; background: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/common.png") no-repeat -94px 0; background-size: 200px 200px; }
.aside > ul > .on > a:after {transform: rotate(180deg);}
.aside .depth { margin-top: -6px; padding: 0 0 5px 0; }
.aside .depth > li {margin:0 0 0 22px;}
.aside .depth > li > a { padding: 4px 0; color: #888888; line-height: 20px; font-size: 14px; }
.aside .depth02 { padding: 0; }
.aside .depth02 > li {margin:5px 0;}
.aside .depth02 > li > a { padding: 6px 0 6px 28px; border-left: 2px solid #FFF; color: #888888; line-height: 20px; font-size: 14px; }
.aside .depth02 > .on > a, #lnb .depth02 > .current > a, #lnb .depth02 > li > a:hover { color: #50c4eb; border-left: 2px solid #50c4eb; text-decoration: none; }
@media screen and (max-width: 1023px) {
	.aside { padding: 5px 15px 15px 15px; }
}
.aside_wrap.fixed,
.community_wrap.fixed { position:fixed; width: 276px; }

/* lnb + content + Table of Content */
.hastoc { position: relative; }
.hastoc .templatewrap {padding-right: 200px; }
#toc { position: absolute; top: 0; right: 0; width: 199px; }
#toc.fixed { position: fixed; top: 61px; }
#toc h2 { display: none; }
#toc ul { padding: 40px 40px 0 0; }
#toc ul li {border-left: 2px solid #f2f2f2;}
#toc ul li a { display:block; font-size: 14px; color: #999; padding: 7px 0 7px 17px; line-height: 18px;}
#toc ul li a.on, #toc ul li a.is-active-link, #toc ul li a:hover {color: #50c4eb; border-left: 2px solid #50c4eb;margin-left:-2px; text-decoration: none; }
#toc ul li ul {padding:0;margin-left:-2px;}
#toc ul li ul li {border:0;}
#toc ul li ul li a {padding:7px 0 7px 32px;border-left:2px solid #f2f2f2;}
#toc ul li ul li a.on, #toc ul li ul li a.is-active-link, #toc ul li ul li a:hover {margin-left:0; border-left: 2px solid #50c4eb;}

/* common img */
.btn_filter:before,
.search_c_form label:before,
.btn_search_c,
.search_h_form label:before,
.btn_search_h:before,
.btn_search_h_open:before,
.coming_soon:before,
.btn_tooltip_close:before,
.btn_tooltip,
.btn_top:before,
.add_file label .file_path span:before,
.add_file label .file_path a:before,
.add_file label .txt:before,
.complete_wrap:before,
.btn_go:before,
.list_step .complete .number:before,
.filter_list:before,
.icon_attach_file:before,
.chkrdo label:before,
.btn_etc_login:before,
.btn_sorting span,
.paging > a:before,
.icon_attachment:before,
a[class*="btn_ns"]:after,
.btn_more02:after,
.slt_box > a:after,
.btn_search:before { background-image: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/common.png"); background-repeat: no-repeat; background-size: 250px 250px; }

@media screen and (min-width: 768px) {
	.btn_etc_login {
		display: none !important;
	}
}

/* 건너뛰기 네비게이션 */
#skip_nav { width: 100%; height: 0; text-align: center; overflow: hidden; }
#skip_nav a { color: #000; font-size: 14px; font-weight: 800; float: left; }
#skip_nav a:focus,
#skip_nav a:hover,
#skip_nav a:active { position: absolute; top: 0; left: 0; width: 100%; height: 20px; text-decoration: underline; background-color: #fff; overflow: visible; z-index: 9999; }

/* sitemap */
.sitemap { border-bottom: 1px solid #ebebeb; }
.sitemap .wrap { padding: 48px 330px 42px 30px; }
.sitemap_list { table-layout: fixed; display: table; width: 100%; }
.sitemap_list > li { display: table-cell; vertical-align: top; }
.sitemap_list > li dt { line-height: 18px; font-size: 14px; font-weight: bold; }
.sitemap_list > li dd { margin-top: 13px; }
.sitemap_list .depth { display: inline-block; position: relative; vertical-align: top; }
.sitemap_list .depth > li > a { padding: 4px 0; color: #393939; line-height: 17px; font-size: 14px; }

/* slt_box */
.sitemap .slt_box { position: absolute; top: 38px; right: 30px; }
.slt_box { display: inline-block; position: relative; min-width: 175px; vertical-align: top; }
.slt_box.on { z-index: 10; }
.slt_box a { padding: 12px 10px; line-height: 16px; font-size: 12px; text-align: left; }
.slt_box > a { display: block !important; position: relative; padding: 11px 45px 11px 15px; line-height: 18px; font-size: 14px; }
.slt_box > a:after { content: ""; position: absolute; top: 50%; right: 5px; margin-top: -3px; width: 12px; height: 7px; background-position: -135px 0; transition: all 0.2s ease-in-out 0s; }
.slt_box.on > a:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); transform-origin: center; }
.slt_box.on ul { display: block; margin: 0; padding: 0; }
.slt_box ul { display: none; position: absolute; top: 40px; left: 0; width: 100%; border: 1px solid #e1e1e1; background: #fff; list-style: none; }
.slt_box li a { padding: 11px 15px; color: #383838; line-height: 16px; font-size: 12px; display: block; }
.slt_box li a:active, .slt_box li a:focus, .slt_box li a:hover { background-color: #f7f7f7; text-decoration: none; }
.slt_box.up ul { top: auto; bottom: 40px; }
.slt_box.up > a:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.slt_box.up.on > a:after { transform: rotate(0deg); -webkit-transform: rotate(0deg); }

/* size - small */
.slt_box.size_sm { min-width: 63px; width: 81px; text-align: left; padding-left: 0; }
.slt_box.size_sm > a { font-size: 12px; padding-right: 20px; padding-left: 15px; color: #50c4eb; text-decoration: none; }
.slt_box.size_sm.on ul { width: 110%; }

.slt_box.size_sm.up ul { top: 40px; bottom: auto; }
.slt_box.size_sm.up > a:after { transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.slt_box.size_sm.up.on > a:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); }

/** 메인 content **/

/* 메인 aticle */
#content.main [class*="atc_"] .tit01 { color: #1d1d1d; line-height: 40px; font-size: 36px; }

.btn_more.n:after { display: none; }
.btn_more { position: relative; color: #217bd5 !important; line-height: 20px; font-size: 16px !important; text-align: center; width: 100%; }
.btn_more.white { color: #fff; }
.btn_more.white:after { background-position: -38px -14px; }

.btn_go_link { position: relative; background: rgba(0,0,0,0); transition: all 0.1s ease-in 0s; -webkit-transition: all 0.1s ease-in 0s; }
.btn_go_link:hover { background: rgba(0,0,0,0.2); }
.btn_go_link:hover .btn_go { border-color: #50c4eb; background: #50c4eb; }
.btn_go { display: inline-block; position: relative; width: 37px; height: 37px; border: 1px solid rgba(255,255,255,0.6); border-radius: 100%; text-indent: -9999px; overflow: hidden; vertical-align: top; transition: all 0.1s ease-in 0s; -webkit-transition: all 0.1s ease-in 0s; }
.btn_go:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -4px; width: 10px; height: 17px; background-position: -118px -30px; }

.elevated_card { position: relative; }

.ec_list { display: flex; flex-wrap: wrap; background-color: white; margin-top: -110px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); padding-left: 25px; padding: 50px; }
.ec_list > li { position: relative; flex: 1 0 auto; padding-left: 20px; padding-right: 20px; width: 25%; }

.ec_list > li .btn_more { text-align: left; }
.ec_list > li dt { font-size: 22px; font-weight: 600; margin-bottom: 15px; line-height: 25px; }
.ec_list > li dd { font-size: 16px; line-height: 25px; margin-bottom: 10px; }
.ec_list > li img { height: 60px; width: 60px; margin-bottom: 25px; }

.atc_cisi { background: #f5f5f5; }
.atc_cisi .wrap { padding-top: 88px !important; padding-bottom: 30px !important; }
.atc_cisi_dt { font-size: 36px; padding-bottom: 60px; text-align: center; line-height: 50px }
.cisi_list { display: flex; flex-wrap: wrap; position: relative; left: -9px; width: 100%; line-height: 0; font-size: 0; }
.cisi_list > li { position: relative; flex: 1 0 auto; width: 33.33%; vertical-align: top; }
.cisi_list > li .li_wrap { padding: 0 34px 0 34px; min-height: 244px; }
.cisi_list > li dt { margin-bottom: 10px; color: #1c1c1c; line-height: 36px; font-size: 22px; text-align: center; font-weight: 600; }
.cisi_list > li dd { color: #575757; line-height: 28px; font-size: 16px; text-align: center; }
.cisi_list > li .btn_more { margin-top: 27px; font-weight: 600; }
.cisi_list > li .btn_more.n { margin-top: 5px; }

.atc_infra { background: #f5f5f5; }
.atc_infra .wrap { padding-top: 80px !important; padding-bottom: 90px !important; }
.infra_map { text-align: center; }
.infra_map > img { max-width: 100%; }
.infra_map > img + img { margin-top: 54px; }
.txt_infra { margin-top: 44px; color: #565656; line-height: 40px; font-size: 28px; text-align: center; }

.atc_latest_news { background: #fff; text-align: center; }
.atc_latest_news .wrap { padding-top: 72px !important; padding-bottom: 80px !important; }
.latest_news_list { margin-top: 38px; }
.latest_news_list > li + li { margin-top: 18px; }
.latest_news_list > li a { display: inline-block; color: #575757; line-height: 24px; font-size: 20px; vertical-align: top; }
.latest_news_list > li a:after { content: ">"; display: inline-block; margin-left: 10px; }

.atc_fsid { background: #f5f5f5; }
.atc_fsid .wrap { padding-top: 76px !important; padding-bottom: 96px !important; }
.atc_fsid .tit01 { text-align: center; }
.txt_fsid { margin-top: 18px; color: #888787; line-height: 20px; font-size: 16px; text-align: center; }
.fsid_list { table-layout: fixed; display: table; margin: 0 auto; margin-top: 70px; width: 100%; max-width: 1184px; line-height: 0; font-size: 0; }
.fsid_list > li { display: table-cell; width: 50%; background: #fff; vertical-align: top; }
.fsid_list > li:first-child { border-right: 48px solid #f5f5f5; }
.fsid_list > li:last-child { border-left: 48px solid #f5f5f5; }
.fsid_list > li .thum { position: relative; min-height: 280px; text-align: center; }
.fsid_list > li .thum img { max-width: 100%; }
.fsid_list > li .thum:hover .btn_play { background: rgba(0, 0, 0, 0.4); }
.fsid_list > li .btn_play { position: absolute; top: 0; left: 0; }
.fsid_list > li dl { padding: 34px; }
.fsid_list > li dt { margin-bottom: 12px; color: #333; line-height: 24px; font-size: 20px; }
.fsid_list > li dt img { width: 100%; }
.fsid_list > li dd { height: 56px; color: #575757; line-height: 28px; font-size: 16px; overflow: hidden; }
.fsid_list > li .btn_area { padding: 0 34px 34px 34px; text-align: left; }
.btn_play { position: relative; width: 100%; height: 100%; text-indent: -9999px; background: rgba(0, 0, 0, 0.3); overflow: hidden; }
.btn_play:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -42px 0 0 -42px; width: 84px; height: 84px; background: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/btn_play.png") no-repeat 0 0; background-size: 84px auto; }

.atc_join { background: #fff; }
.atc_join .wrap { padding-top: 78px !important; padding-bottom: 120px !important; }
.atc_join .tit01 { color: #000; text-align: center; }
.atc_join .infor_list_main { table-layout: fixed; display: table; margin-top: 57px; width: 100%; }
.atc_join .infor_list_main > li { display: table-cell; padding: 0 45px; width: 33.3%; vertical-align: top; }
.atc_join .infor_list_main > li + li:before { top: 53px; height: calc(100% - 53px); }
.atc_join .infor_list_main > li > dl { padding-top: 143px; }
.atc_join .infor_list_main > li > dl:before { content: ""; position: absolute; left: 0; width: 100%; background: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/bg_atc_join.png") no-repeat center 0; background-size: 91px auto; }
.atc_join .infor_list_main > li > dl dt { margin-bottom: 12px; line-height: 32px; font-size: 28px; }
.atc_join .infor_list_main > li > dl dd { margin: 0; }
.atc_join .infor_list_main > li .btn_more { margin-top: 24px; }
.atc_join .infor_list_main > li [class*="btn_c"] { margin-top: 16px; min-width: 166px; height: 36px; line-height: 34px; font-size: 14px !important; }
.atc_join [class*="infor_list"] > .step_main01 > dl:before { top: 35px; height: 81px; margin-left: 6px; background-position: center 0; }
.atc_join [class*="infor_list"] > .step_main02 > dl:before { top: 49px; height: 75px; margin-left: 8px; background-position: center -86px; }
.atc_join [class*="infor_list"] > .step_main03 > dl:before { top: 33px; height: 80px; margin-left: 6px; background-position: center -166px; }

.dist [class*="tc_box_"] .tc_wrap { text-align: left; background: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/bg_distribute_main.jpg") no-repeat center 0; background-size: auto 420px; }
.dist .tc_wrap > a { margin-left: 50px; background-color: #306BD0; color: white !important; border: none; font-weight: 600; }
.dist .tc_wrap .txt_tc02 { padding-bottom: 20px; }
.dist .dist_title { text-align: center; font-size: 32px; font-weight: 600; margin-top: 35px; margin-bottom: 25px; }

.dist .dist_ways { background: white; padding: 20px; }
.dist .dist_ways_p { text-align: center; color: gray; width: 50%; font-size: 15px; margin: 0px auto 20px; line-height: 25px; }
.dist .dist_way { overflow: hidden; display: flex; flex-wrap: wrap; margin: 35px; box-shadow: 0px 0px 5px 1px #676a6c5c; border-radius: 5px; }
.dist .dist_way > i { width: 0.5%; background: #90B4E7; }
.dist .dist_way_body { width: 99.5%; display: flex; flex-wrap: wrap; margin: 20px 0px; }

.dist .dist_way_c { width: 45%; }
.dist .dist_way_c > img { margin: 15px 15px 0px; width: 50%; height: auto; max-width: 200px; min-width: 140px; }
.dist .dist_way_c_title { margin: 30px 20px 5px; font-size: 24px; font-weight: 600; line-height: 30px; }
.dist .dist_way_c_title.follows_image { margin: 10px 20px 5px; }
.dist .dist_way_c > p { margin: 10px 20px 0px; font-size: 14px; }
.dist .dist_way_c > a { background-color: white; color: #306BD0 !important; border: 2px solid #306BD0; margin: 15px 20px 30px; font-weight: 600; }

.dist .dist_way_graph { padding: 20px; width: 55%; display: flex; flex-direction: row; align-content: center; align-items: center; justify-content: space-between; }
.dist .dwg_column { flex: 1 1 auto; position: relative; box-sizing: border-box; }
.dist .dwg_column:last-child { flex: 0 1 auto; }
.dist .dwg_column_tail { position: absolute; top: 45px; left: 0; box-sizing: border-box; width: 100%; padding-left: 95px; }
.dist .dwg_column_tail > i { display: inline-block; position: relative; border-radius: 2px; background: linear-gradient(90deg, #C7DAF3, #92B5E7); width: 100%; height: 10px; vertical-align: top; }
.dist .dwg_column_content { position: relative; }
.dist .dwg_c_illustration_container { box-sizing: content-box; width: 75px; padding: 10px; background: white; position: relative; text-align: center; }
.dist .dwg_c_illustation { width: 75px; height: 75px; box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.dist .dwg_c_illustation > img { width: 60%; height: 60%; }
.dist .dwg_c_title { font-size: 14px; font-weight: 600; line-height: 1.5; padding: 5px; }

.dist .dist_partners { background: white; padding: 20px; margin-top: 20px; }
.dist .dist_partners > a { background-color: #306BD0; color: white !important; margin: 0px auto; width: 50px; display: block; font-weight: 600; }
.dist .dist_partners_list { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; align-items: center; justify-content: space-between; padding: 25px; margin-bottom: 10px; }
.dist .dist_partners_list > li { width: 25%; margin-bottom: 20px; }
.dist .dist_partners_list > li:last-child { margin-bottom: 0px; }

.dist .dist_faq { padding: 20px; margin-top: 20px; }
.dist .dist_faq > a { background-color: white; color: #306BD0 !important; border: 2px solid #306BD0; margin: 10px auto 20px; font-weight: 600; display: block; width: 100px; }
.dist .dist_faq_columns { display: flex; flex-wrap: wrap; }
.dist .dist_faq_list { display: flex; flex-wrap: wrap; flex-direction: column; width: 50%; }
.dist .dist_faq_list > li { position: relative; flex: 1 0 auto; padding: 20px; width: 100%; display: flex; flex-direction: column; }

.dist .dist_faq_item_header { font-weight: 600; font-size: 20px; display: flex; flex-direction: row; align-items: center; margin-bottom: 10px; }
.dist .dist_faq_item_title { line-height: 1.2; font-weight: 600; }
.dist .dist_faq_item_qmark { width: 30px; height: 30px; background: #306BD0; border-radius: 50%; font-size: 24px; color: white; text-align: center; line-height: 30px; font-weight: 600; margin-right: 10px; flex-shrink: 0; }

.dist .dist_faq_list > li > p { font-size: 15px; margin-left: 40px; }

/* tablet */
@media screen and (max-width: 768px) {
	.dist [class*="tc_box_"] .tc_wrap { padding: 46px 20px 60px 20px; height: 420px; background: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/bg_distribute_main_m.jpg"); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
	.dist .dist_way > i { width: 1%; }
	.dist .dist_ways_p { width: 65%; }
	.dist .dist_way_body { flex-direction: column; width: 99%; }
	.dist .dist_way_c { width: 100%; }
	.dist .dist_way_graph { width: 100%; padding: 0px 20px 20px; }
	.dist .dist_partners_list > li { width: 33.33%; }
}

/* mobile */
@media screen and (max-width: 425px) {
	.dist .tc_wrap > a { margin-left: 30px; }
	.dist .dist_way { margin: 35px 0px; }
	.dist .dist_way > i { width: 1.5%; }
	.dist .dist_way_body { width: 98.5%; margin: unset; }
	.dist .dist_ways_p { width: 75%; }
	.dist .dist_title { line-height: 32px; }
	.dist .dist_way_graph { flex-direction: column; align-items: flex-start; width: unset; margin: 0px auto; padding: 0px 80px 20px 10px; }
	.dist .dwg_column { padding-bottom: 25px; }
	.dist .dwg_column:last-child { padding-bottom: 0px; }
	.dist .dwg_c_title { flex-shrink: 0; margin: auto 10px; }
	.dist .dwg_c_illustration_container { display: flex; }
	.dist .dwg_c_illustation { flex-shrink: 0; }
	.dist .dwg_column_tail { position: absolute; top: 0; left: calc(50% - 5px); width: 1px; height: 100%; padding: 95px 0px 0; }
	.dist .dwg_column_tail > i { width: 10px; height: 100%; background: linear-gradient(#C7DAF3, #92B5E7); }
	.dist .dist_partners_list > li { width: 50%; }
	.dist .dist_faq_list { width: 100%; }
}

/* btn_top */
.btn_top { position: fixed; right: 50%; margin-right: -700px; width: 40px; height: 40px; text-indent: -9999px; border: 1px solid #e4e4e4; border-radius: 100%; background: #fff; outline: none !important; outline-color: transparent !important; overflow: hidden; transition: opacity 0.3s ease-in-out 0s; opacity: 0; z-index: 10; }
.btn_top:before { content: ""; position: absolute; top: 50%; left: 50%; margin: -9px 0 0 -7px; width: 13px; height: 19px; background-position: 0 -222px; }
.btn_top.on { opacity: 1; }

/* loading_circle */
.loading_circle { max-width: 1280px; margin: 0 auto; padding: 40px 0 30px; text-align: center;}
.loading_circle span { display:block; width: 100%; padding-right: 306px;}
.loading_circle img { width: 32px; height: 32px; }
@media screen and (max-width: 1023px) {
	.loading_circle span { padding-right: 220px; }
}
@media screen and (max-width: 839px) {
	.loading_circle { padding: 20px 0; }
	.loading_circle span { padding: 0; }
	.loading_circle img { width: 20px; height: 20px; }
}

/* card_sorting */
.card_sorting { height: 72px; padding: 15px 40px 0 0; }
.card_sorting .slt_box.size_sm { float: right; }
@media screen and (max-width: 767px) {
	.card_sorting { height: 44px; margin-top: 62px; padding:0 20px; }
}

/* popup */
.dim { -webkit-tap-highlight-color: rgba(255,255,255,0); display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.55); z-index: 100; }
.popup { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; text-align: center; }
.popup:before { content: ""; display: inline-block; margin-right: -.25em; height: 100%; vertical-align: middle; }
.pop_wrap { display: inline-block; position: relative; padding: 40px; max-width: 100%; background: #fff; text-align: left; vertical-align: middle; border-radius: 15px; }
.pop_header { margin-bottom: 20px; }
.pop_header h2 { line-height: 24px; font-size: 20px; }
.pop_content { margin-bottom: 20px; min-height: 100px; }
.pop_content p { color: #333; line-height: 26px; font-size: 16px; }
.btn_pop_close { position: absolute; top: 0; right: 0; width: 55px; height: 55px; color: #fff; background: #000; }
.popup [class*="btn_c"] { min-width: 186px; }

/* popup 사이즈 */
.popup01 .pop_wrap { width: 546px; }

/* 반응형 */
@media screen and (max-width: 1430px) {
	.btn_top { right: 10px; margin-right: 0; }
}
@media screen and (max-width: 1340px) {
	/* 레이아읏 */
	.wrap { width: 100%; }

	/* header */
	.logo { margin-right: 20px; }

	/* sitemap */
	.sitemap .wrap { padding-right: 240px; }

	/* 메인 슬라이드 */
	.main_slide li .txt_s { margin-top: 40px; }
	.main_slide li .txt_b { margin-top: 60px; }
	.main_slide .swiper-button-prev { left: 30px; margin-left: 0; }
	.main_slide .swiper-button-next { right: 30px; margin-right: 0; }

	/* 메인 aticle */
	.atc_cisi .wrap { padding-top: 60px !important; padding-bottom: 55px !important; }
	.cisi_list { left: auto; width: auto; }
	.cisi_list > li { padding: 0;  }
	.cisi_list > li + li:before { display: none; }
	.cisi_list > li .li_wrap { padding-left: 30px; padding-right: 30px; }
	.txt_infra { line-height: 28px; font-size: 18px; }
	.latest_news_list > li a { line-height: 32px; font-size: 18px; }
	.fsid_list > li { border-width: 10px !important; }
	.fsid_list > li .thum { min-height: 0; }

	/** 서브 content **/
	/* 모바일 이외 서브 타이틀 비노출 */
	.con_body .tit-m { display: none; }
}
@media screen and (max-width: 1023px) {
	/* 레이아읏 */
	.wrap { padding: 0 20px; }

	/* lnb */
    #lnb { padding: 5px 15px 0 15px; }
	#lnb.fixed { width: 205px; }
    #lnb > ul > li > a { font-size: 14px; }
	#lnb .depth02 > li > a { padding: 3px 0 3px 10px; }
	.con_left { width: 215px; }

	/* sitemap */
	.sitemap .wrap { padding: 0; }
	.sitemap_list { display: none !important; padding: 20px; border-bottom: 1px solid #ebebeb; }
	.sitemap .slt_box { display: inherit; position: relative; top: auto; right: auto; }
	.sitemap .slt_box > a { padding-left: 30px; padding-right: 30px; text-align: center; }
	.sitemap .slt_box > a:after { display: inline-block; position: static; margin: 6px 0 0 10px; vertical-align: top; }

	/* 메인 슬라이드 */
	.main_slide .swiper-button-prev { left: 15px; }
	.main_slide .swiper-button-next { right: 15px; }
	.main_slide li .li_wrap > a { padding-left: 20px; padding-right: 20px; }

	/* 모바일 이외 서브 타이틀 비노출 */
	.con_body .tit-m { display: none; }

}
@media screen and (max-width: 767px) {

	/* 레이아웃 */
	#content .wrap { width: 100%; }
	#content.main .wrap { padding: 0; width: auto; }
	.con_body.ty04 { margin-top: 0 !important; }

	/* lnb */
	.con_left { display: block; width: 100%; border: 0; }
	#lnb { position: fixed; z-index: 9; top: 105px !important; width: 100%; height: 300px;background-color: #FFF; padding: 0; border-bottom: 1px solid #e5e5e5;}
	#lnb > ul > li > a {padding: 9px 15px; }
	#lnb > ul > .hassub > a:after { content:""; position: absolute; top: 50%; margin-top: -3px; right: 20px; }
	#lnb > ul > li > ul { background-color: #f7f7f7; }
	#lnb > ul > li > ul > li { padding: 0 15px; margin: 0 !important; }
	#lnb > ul > li > ul > li > a { padding: 15px 0 !important; font-size: 16px !important;}
	#lnb > ul > li > ul > li > ul > li { padding: 0; margin: 0 !important; }
	#lnb > ul > li > ul > li > ul > li > a { padding: 15px 0 15px 20px !important; font-size: 16px !important; border-left: 2px solid #c2c2c2 !important; }
	#lnb > ul > li > ul > li > ul > .on > a { border-left: 2px solid #0c67c4 !important; }
	.con_left h2 { position:fixed; z-index: 9; top: 60px; display: block; font-weight: normal; margin: 0; background-color:#FFF; width:100%; height:50px; border-bottom: 1px solid #e5e5e5; }
	.con_left h2 a { display: block; position: relative; font-size: 16px; color: #000; line-height: 24px; padding: 13px 15px; }
	.con_left h2 a:after { content:""; position: absolute; top: 50%; right: 20px; margin-top: -3px; display: block; width: 12px; height: 7px; background: url("https://web-archive.nli.org.il/National_Library/20181105034639oe_/https://d3s9xxce58xg55.cloudfront.net/2019_0328/common.png") no-repeat -118px 0; background-size: 250px 250px; }
	.con_left h2.on a:after {transform: rotate(180deg);}

	/* sitemap */
	.sitemap .slt_box { right: auto; }
	.sitemap .slt_box > a { padding-left: 15px; padding-right: 15px; }
	.sitemap_list { display: flex; flex-wrap: wrap; }
	.sitemap_list > li { display: inherit; margin-top: 20px; width: 50%; }
	.sitemap_list > li:nth-child(1),
	.sitemap_list > li:nth-child(2) { margin-top: 0; }
	.sitemap_list > li:nth-child(3) { margin-top: -80px; }
	.sitemap_list > li:nth-child(2n) { padding-left: 10px; }
	.sitemap_list > li:nth-child(2n-1) { padding-right: 10px; }

	/* 메인 슬라이드 */
	.main_slide li .li_cell { padding: 44px 20px 50px 20px; height: 350px; }
	.main_slide li br { display: none; }
	.main_slide li strong { line-height: 36px; font-size: 27px; }
	.main_slide li .txt_s { margin-top: 30px; line-height: 24px; font-size: 16px; }
	.main_slide li .txt_b { margin-top: 32px; line-height: 24px; font-size: 16px; }
	.main_slide .swiper-button-prev,
	.main_slide .swiper-button-next { display: none; }
	.main_slide .swiper-pagination { bottom: 68px !important; }
	.main_slide li .btn_area { margin-top: 14px; }
	.main_slide li [class*="btn_c"] { display: block; margin: 0 auto; }
	.main_slide li [class*="btn_c"] + [class*="btn_c"] { margin-top: 20px; }

	/* 메인 aticle */
	#content.main [class*="atc_"] .tit01 { line-height: 32px; font-size: 24px; }
	.atc_cisi .wrap { padding-top: 10px !important; padding-bottom: 10px !important; }
	.cisi_list:before, .cisi_list:after { display: none; }
	.cisi_list > li { margin: 0 !important; padding: 0 20px !important; width: 100%; }
	.cisi_list > li + li .li_wrap { border-top: 1px solid #ededed; }
	.cisi_list > li:first-child { margin-top: 0 !important; }
	.cisi_list > li .li_wrap { padding: 35px 0; min-height: 0; }
	.cisi_list > li dt { margin-bottom: 18px; line-height: 28px; font-size: 24px; }
	.cisi_list > li .btn_more { margin-top: 14px; }
	.atc_cisi_dt { padding-bottom: 50px; padding-top: 50px; }
	.atc_infra .wrap { padding-top: 50px !important; padding-bottom: 56px !important; }
	.infra_map { padding: 0 20px; }
	.txt_infra { margin-top: 24px; padding: 0 20px; line-height: 30px; }
	.atc_latest_news .wrap { padding: 44px 20px 48px 20px !important; }
	.atc_latest_news .tit01 { position: static; }
	.latest_news_list { margin-top: 30px; padding: 0; }
	.latest_news_list > li + li { margin-top: 18px; }
	.latest_news_list > li { text-align: left; }
	.latest_news_list > li a { line-height: 24px; font-size: 16px; }
	.latest_news_list > li a:after { font-size: 20px; vertical-align: top; }
	.atc_fsid .wrap { padding: 42px 20px 20px 20px !important; }
	.txt_fsid { margin-top: 9px; line-height: 21px; font-size: 14px; }
	.fsid_list { display: inherit; margin-top: 35px; }
	.fsid_list > li { display: inherit; margin-top: 33px; padding: 0 !important; width: 100%; border: 0 none !important; }
	.fsid_list > li:first-child { margin-top: 0; }
	.fsid_list > li .li_wrap { min-height: 0; }
	.fsid_list > li .thum { border-bottom: 1px solid #dbdbdb; }
	.fsid_list > li dl { padding: 25px 20px; }
	.fsid_list > li dt { min-height: 0; }
	.fsid_list > li dd { height: auto; line-height: 22px; font-size: 16px; }
	.fsid_list > li .btn_area { padding: 0 20px 25px 20px; }
	.btn_play:before { margin: 0; width: 60px; height: 60px; background-size: 60px auto; transform: translate3D(-50%,-50%,0); -webkit-transform: translate3D(-50%,-50%,0); }
	.atc_join .wrap { padding-top: 43px !important; padding-bottom: 0px !important; }
	.atc_join .infor_list_main { display: inherit; margin-top: 3px; padding: 0 20px; }
	.atc_join .infor_list_main > li { display: inherit; padding: 36px 0 40px 0; width: 100%; }
	.atc_join .infor_list_main > li:before { display: none; }
	.atc_join .infor_list_main > li .number { line-height: 22px; font-size: 20px; }
	.atc_join .infor_list_main > li > dl { padding-top: 125px; }
	.atc_join .infor_list_main > li > dl dt { margin-bottom: 10px; line-height: 24px; font-size: 20px; }
	.atc_join .infor_list_main > li > dl dd br { display: none; }
	.atc_join [class*="infor_list"] > .step_main01 > dl:before { top: 26px; }
	.atc_join [class*="infor_list"] > .step_main02 > dl:before { top: 38px; }
	.atc_join [class*="infor_list"] > .step_main03 > dl:before { top: 30px; }
	.atc_join .infor_list_main .btn_more { font-size: 14px; }
	.atc_join .infor_list_main > li [class*="btn_c"] { margin-top: 17px; }

	/** 서브 content **/
	#content .wrap { padding: 0; }

	/* 모바일에서 서브 타이틀 노출 */
	.con_body .tit-m { display:block; font-size: 14px; line-height: 14px; padding-bottom:75px; color: #5979a9; }

	/* popup */
	.popup { padding: 0 15px; min-width: 320px; width: 100% !important; }
	.popup01 .pop_wrap { padding: 35px 25px 50px 25px; }
	.popup01 .pop_content { min-height: 130px; }
}
@media screen and (max-width: 839px) {
	/* header */
	#header .wrap { position: static; padding: 0; }
    #gnb { position: fixed; top: -100%; left: 0; padding: 50px 0 100px 0; width: 100%; height: 100%; border-bottom: 1px solid #e5e5e5; background: #fff; transition: all 0.35s cubic-bezier(0.785,  0.135, 0.150, 0.860) 0s; -webkit-transition: all 0.35s cubic-bezier(0.785,  0.135, 0.150, 0.860) 0s; float: none; overflow: hidden; z-index: 10; -ms-touch-action: initial; touch-action: initial; }
	#gnb.on { top: 0; }
	#gnb .gnb_wrap { padding: 0; width: 100%; height: 100%; background: #fff; overflow-y: auto; }
	#gnb .gnb_inner { display: table; width: 100%; height: 100%; }
	#gnb .gnb_box { display: table-cell; vertical-align: middle; }
	#gnb .gnb_box > ul > li { float: none; }
	#gnb .gnb_box > ul > li + li { margin: 0; }
	#gnb .gnb_box > ul > li > a { position: relative; padding: 0; line-height: 18px; font-size: 18px; text-align: center; display: block; height: auto; padding: 15px 0; }
	#gnb .gnb_box > ul > .on > a { color: inherit; }
	#gnb .btn_area { display: block; position: absolute; bottom: 0; left: 0; padding: 0 20px; width: 100%; background: #fff; z-index: 1; }
	#gnb .workspace { position: static; top: auto; right: auto; padding: 18px 15px; width: 100%; line-height: 24px; font-size: 19px; border: 0 none; text-align: center; }
	.btn_gnb { display: block !important; position: absolute; top: 0; left: 0; width: 62px; height: 60px; text-align: center; z-index: 11; }
	.btn_gnb:before,
	.btn_gnb:after { content: ""; position: absolute; top: 50%; left: 50%; width: 22px; height: 2px; background: #000; transform: translate3D(-50%,-50%,0); -webkit-transform: translate3D(-50%,-50%,0); transition: all 0.35s cubic-bezier(0.785,  0.135, 0.150, 0.860) 0.05s; -webkit-transition: all 0.35s cubic-bezier(0.785,  0.135, 0.150, 0.860) 0.05s; }
	.btn_gnb span { position: absolute; top: 50%; left: 50%; width: 22px; height: 16px; vertical-align: top; text-indent: -9999px; overflow: hidden; transform: translate3D(-50%,-50%,0); -webkit-transform: translate3D(-50%,-50%,0); }
	.btn_gnb span:before,
	.btn_gnb span:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #000; transition: all 0.35s cubic-bezier(0.785,  0.135, 0.150, 0.860) 0s; -webkit-transition: all 0.35s cubic-bezier(0.785,  0.135, 0.150, 0.860) 0s; }
	.btn_gnb span:after { top: auto; bottom: 0; }
	.btn_gnb.on:before { transform: translate3D(-50%,-50%,0) rotate(45deg); }
	.btn_gnb.on:after { transform: translate3D(-50%,-50%,0) rotate(-225deg); }
	.btn_gnb.on span:before,
	.btn_gnb.on span:after { opacity: 0; transition: none; -webkit-transition: none; }
	.btn_logout { display: block !important; line-height: 48px; font-size: 16px; border-top: 1px solid #e5e5e5; text-align: center; }
	.h_etc_nav { position: absolute; top: 0; right: 12px; padding: 12px 0 !important; height: 60px; float: none; z-index: 11; }
	.h_etc_nav.hide { opacity: 0; z-index: -1; }
	.h_etc_nav > a { display: none; }
	.btn_etc_login { display: inline-block !important; position: relative; padding: 0 !important; width: 36px; height: 36px; text-indent: -9999px; overflow: hidden; }
	.btn_etc_login:before { content: ""; position: absolute; top: 50%; left: 50%; width: 21px; height: 20px; background-position: 0 -50px; transform: translate3D(-50%,-50%,0); -webkit-transform: translate3D(-50%,-50%,0); }
	.h_etc_nav > .btn_search_h_open { display: inline-block; padding: 0; text-indent: -9999px; vertical-align: top; overflow: hidden; }
	.btn_search_h_open { position: relative; width: 36px; height: 36px; }
	.btn_search_h_open:before { content: ""; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; background-position: -154px -50px; transform: translate3D(-50%,-50%,0); -webkit-transform: translate3D(-50%,-50%,0); }
	.search_h_form .btn_search_h_close { display: block; }
	.search_h_form { top: 0; right: auto; width: 100%; }
	.search_h_form .shf_wrap { position: absolute; left: 0; top: -272px; padding: 20px; width: 100%; background: #fff; transition: all 0.35s cubic-bezier(0.785,  0.135, 0.150, 0.860) 0s; -webkit-transition: all 0.35s cubic-bezier(0.785,  0.135, 0.150, 0.860) 0s; }
	.search_h_form.on .shf_wrap { top: 53px; }
	.search_h_form label { position: relative; }
	.search_h_form label:before { content: ""; position: absolute; top: 7px; left: 0; width: 17px; height: 17px; background-position: -179px -50px; }
	.search_h_form input { padding: 0 0 5px 25px; line-height: 25px; font-size: 18px; color: #575757; border: 0 none; border-bottom: 1px solid #ccc; border-radius: 0; }
	.search_h_form .btn_search_h { visibility: hidden; }
	.search_h_form .btn_search_h_close { display: none; }
	.btn_search_h_close { position: absolute; top: 0; left: 0; width: 62px; height: 60px; background: #fff; text-align: center; text-indent: -9999px; overflow: hidden; z-index: 11; }
	.btn_search_h_close:before,
	.btn_search_h_close:after { content: ""; position: absolute; top: 50%; left: 50%; width: 22px; height: 2px; background: #000; transform: translate3D(-50%,-50%,0); -webkit-transform: translate3D(-50%,-50%,0); transition: all 0.35s cubic-bezier(0.785,  0.135, 0.150, 0.860) 0.05s; -webkit-transition: all 0.35s cubic-bezier(0.785,  0.135, 0.150, 0.860) 0.05s; }
	.btn_search_h_close:before { transform: translate3D(-50%,-50%,0) rotate(45deg); }
	.btn_search_h_close:after { transform: translate3D(-50%,-50%,0) rotate(-225deg); }
	.h_etc_nav .user-utils {display:none;}
}
@media screen and (min-width: 1024px) {
	.h_etc_nav > a,
	.search_h_form { right: 130px; }
}


@media screen and (max-width: 1170px) {
    .h_etc_nav { padding-right: 160px; }
}

@media (max-width: 1170px) and (min-width: 840px)  {
    .nav-btn { display: none !important; }
    .search_h_form { right: 30px; }
    .search_h_form { width: 140px; }
}