@charset "UTF-8";
* { margin: 0; border: 0; padding: 0; }

*.cr-gothic { font-family: 'Nanum Barun Gothic'; }

header.site-header div.max_container div.head_search { display: none; }

header.site-header div.max_container button.cr-header-search { width: 21px; height: 21px; background-image: url(../images/icon/icon_item.png); background-repeat: no-repeat; background-size: 160px 320px; background-position: -38px 2px; position: absolute; top: 0; right: 30px; bottom: 0; margin: auto 0; }

header.site-header div.max_container button.cr-header-search.active { background-image: url(../images/icon/icon_cancel.png); background-size: contain; background-position: center center; }

header.site-header div.max_container button.cr-header-search.active:hover { background-position: center center; }

div.side_navbx { background-color: #ffffff; }

div.side_navbx.scroll { height: 147px !important; }

div.side_navbx.scroll .logo { height: 98px !important; }

div.side_navbx.scroll .logo img { width: auto; }

div.side_navbx h1.logo { position: relative; max-width: 984px; display: block; margin: 0 auto; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

div.side_navbx h1.logo a { max-width: 165px; }

div.side_navbx h1.logo a.cr-header-logo { position: absolute; top: 0; left: 30px; bottom: 0; margin: auto 0; height: 28px; }

div.side_navbx h1.logo button.cr-header-search { width: 21px; height: 21px; background-image: url(../images/icon/icon_item.png); background-repeat: no-repeat; background-size: 160px 320px; background-position: -38px 2px; position: absolute; top: 0; right: 30px; bottom: 0; margin: auto 0; }

div.side_navbx h1.logo button.cr-header-search.active { background-image: url(../images/icon/icon_cancel.png); background-size: contain; background-position: center center; }

div.side_navbx h1.logo button.cr-header-search.active:hover { background-position: center center; }

div.side_navbx h1.logo button.cr-header-search:hover { background-position: -66px 2px; }

div.side_navbx .navigation-left { border: none; }

div.side_navbx .navigation-left .main-navigation ul.menu { background: none; padding: 0; }

div.side_navbx .navigation-left .main-navigation ul.menu li.menu-item ul.sub-menu { -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4); }

div.side_navbx .scrollbx { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }

div.side_navbx .scrollbx .scroll_bgbx { width: 100%; max-width: 984px; margin: 0 auto; position: relative; }

div.side_navbx .snb_bx { position: absolute; top: 120px; left: auto; right: -60px; margin: 0; padding: 0; width: auto; height: auto; -webkit-transition: top 300ms; transition: top 300ms; }

div.side_navbx .snb_bx > ul { width: 100%; }

div.side_navbx .snb_bx > ul li { float: none; width: auto; }

div.side_navbx .snb_bx > ul li:not(:last-of-type) { margin-bottom: 17px; }

div.side_navbx .snb_bx h4.mobile-title { display: none; }

div.mobile-menu, div.site-nav-background { display: none; }

.search-console-background { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 99; }

.search-console-background:not(.search-mode) { display: none; }

.search-console-wrap { position: fixed; top: 98px; right: 0; left: 0; background-color: #ffffff; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 111; border-top: 1px solid #d8d8d8; }

.search-console-wrap:not(.search-mode) { display: none; }

.search-console-wrap .search-console { margin: 46px auto 26px; width: 486px; }

.search-console-wrap .search-console form.search-console-form { width: 100%; height: 40px; position: relative; border-bottom: solid 4px #555555; }

.search-console-wrap .search-console form.search-console-form input#searchQuery { width: 100%; height: 100%; padding: 0 14px; font-size: 1rem; font-weight: 700; outline: none; }

.search-console-wrap .search-console form.search-console-form input#searchQuery::-webkit-input-placeholder { color: #bdbdbd; }

.search-console-wrap .search-console form.search-console-form input#searchQuery:-ms-input-placeholder { color: #bdbdbd; }

.search-console-wrap .search-console form.search-console-form input#searchQuery::-ms-input-placeholder { color: #bdbdbd; }

.search-console-wrap .search-console form.search-console-form input#searchQuery::placeholder { color: #bdbdbd; }

.search-console-wrap .search-console form.search-console-form button[type=submit] { position: absolute; top: 0; right: 21px; width: 30px; height: 30px; background-image: url(../images/icon/icon_item.png); background-size: 250px 500px; background-position: -144px -44px; background-repeat: no-repeat; }

.search-console-wrap .search-console form.search-console-form button.cr-header-search { display: none; }

.search-console-wrap .search-console .search-console-tags { margin-top: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; font-size: 0.96rem; }

.search-console-wrap .search-console .search-console-tags span.search-console-tags-label { width: 87px; height: 28px; border-radius: 14px; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ffbc00; }

.search-console-wrap .search-console .search-console-tags button.search-console-tags-item { margin-left: 10px; font-weight: inherit; }

.site-content { background-color: #f3f3f3; padding-top: 147px; }

.main_contbx { background-color: transparent; max-width: 984px; margin: 0 auto; }

.main_contbx div.container_996 { padding: 0; max-width: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

#crMainBanner { width: 100%; overflow: hidden; position: relative; margin-top: 18px; }

#crMainBanner ul.swiper-wrapper { width: 100%; }

#crMainBanner ul.swiper-wrapper li.swiper-slide { width: 100%; position: relative; }

#crMainBanner ul.swiper-wrapper li.swiper-slide div.slide-background { width: 100%; height: 500px; background-size: cover; background-position: center center; }

#crMainBanner ul.swiper-wrapper li.swiper-slide div.slide-content-wrap { position: absolute; bottom: 0; width: 100%; height: 90px; background-color: rgba(0, 0, 0, 0.6); }

#crMainBanner ul.swiper-wrapper li.swiper-slide div.slide-content-wrap a.slide-content { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 18px 0; color: #fff; }

#crMainBanner ul.swiper-wrapper li.swiper-slide div.slide-content-wrap a.slide-content:hover { color: #ffbc00; }

#crMainBanner ul.swiper-wrapper li.swiper-slide div.slide-content-wrap a.slide-content > * { width: 70%; margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#crMainBanner div.swiper-pagination { position: absolute; right: 70px; bottom: 26px; left: auto; width: auto; }

#crMainBanner div.swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; }

#crMainBanner div.swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { background-color: #bfbfbf; }

#crMainBanner div.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #ffffff; }

#crMainBanner button.swiper-navigation { position: absolute; top: 0; bottom: 0; margin: auto; width: 24px; height: 24px; z-index: 3; cursor: pointer; }

#crMainBanner button.swiper-navigation > svg { width: 100%; height: 100%; fill: #ffffff; }

#crMainBanner button.swiper-navigation[direction=left] { -webkit-transform: rotate(180deg); transform: rotate(180deg); left: 14px; }

#crMainBanner button.swiper-navigation[direction=right] { right: 14px; }

.row100 { width: 100%; min-height: 60vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.row100 ul.load_listbx1 { width: 100%; width: calc(100% + 12px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; }

.row100 ul.load_listbx1 li.loading_gear { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.row100 ul.load_listbx1 li.post-item { width: 320px; height: 346px; margin-top: 12px; margin-right: 12px; }

.row100 ul.load_listbx1 li.post-item div.post-item-content-wrap { height: 100%; }

.row100 ul.load_listbx1 li.post-item a.post-item-content { width: 100%; height: 100%; display: block; position: relative; }

.row100 ul.load_listbx1 li.post-item a.post-item-content[category-slug=news] div.content-thumbnail div.content-category { background-color: #166abf; }

.row100 ul.load_listbx1 li.post-item a.post-item-content[category-slug=news] div.content-info::after { background-color: #166abf; }

.row100 ul.load_listbx1 li.post-item a.post-item-content[category-slug=newsroom] div.content-thumbnail div.content-category { background-color: #166abf; }

.row100 ul.load_listbx1 li.post-item a.post-item-content[category-slug=newsroom] div.content-info::after { background-color: #166abf; }

.row100 ul.load_listbx1 li.post-item a.post-item-content[category-slug=kb-stars] div.content-thumbnail div.content-category { background-color: #fe9500; }

.row100 ul.load_listbx1 li.post-item a.post-item-content[category-slug=kb-stars] div.content-info::after { background-color: #fe9500; }

.row100 ul.load_listbx1 li.post-item a.post-item-content[category-slug=social-contribute] div.content-thumbnail div.content-category { background-color: #23914c; }

.row100 ul.load_listbx1 li.post-item a.post-item-content[category-slug=social-contribute] div.content-info::after { background-color: #23914c; }

.row100 ul.load_listbx1 li.post-item a.post-item-content[category-slug=insurance] div.content-thumbnail div.content-category { background-color: #ffbc00; }

.row100 ul.load_listbx1 li.post-item a.post-item-content[category-slug=insurance] div.content-info::after { background-color: #ffbc00; }

.row100 ul.load_listbx1 li.post-item a.post-item-content[category-slug=kb-art-hall] div.content-thumbnail div.content-category { background-color: #c80f65; }

.row100 ul.load_listbx1 li.post-item a.post-item-content[category-slug=kb-art-hall] div.content-info::after { background-color: #c80f65; }

.row100 ul.load_listbx1 li.post-item a.post-item-content[category-slug=issureport] div.content-thumbnail div.content-category { background-color: #20b3ff; }

.row100 ul.load_listbx1 li.post-item a.post-item-content[category-slug=issureport] div.content-info::after { background-color: #20b3ff; }

.row100 ul.load_listbx1 li.post-item a.post-item-content[category-slug=trend] div.content-thumbnail div.content-category { background-color: #cc1cce; }

.row100 ul.load_listbx1 li.post-item a.post-item-content[category-slug=trend] div.content-info::after { background-color: #cc1cce; }

.row100 ul.load_listbx1 li.post-item a.post-item-content:hover[content-type=video] div.content-thumbnail { position: relative; }

.row100 ul.load_listbx1 li.post-item a.post-item-content:hover[content-type=video] div.content-thumbnail::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); background-image: url(../images/icon/icon_play.png); background-size: 60px 60px; background-position: center center; background-repeat: no-repeat; }

.row100 ul.load_listbx1 li.post-item a.post-item-content:hover div.content-info::after { content: ''; position: absolute; right: 0; left: 0; bottom: 0; width: 100%; height: 3px; }

.row100 ul.load_listbx1 li.post-item a.post-item-content div.content-thumbnail { width: 100%; height: 70%; background-size: cover; background-position: center center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.row100 ul.load_listbx1 li.post-item a.post-item-content div.content-thumbnail div.content-category { background-color: #ffbc00; min-width: 90px; height: 21px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffffff; font-size: 0.94rem; padding: 0 12px; position: relative; z-index: 3; }

.row100 ul.load_listbx1 li.post-item a.post-item-content div.content-info { width: 100%; height: 30%; background-color: #ffffff; padding: 18px 21px 10px; color: #000000; word-break: keep-all; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.row100 ul.load_listbx1 li.post-item a.post-item-content div.content-info h4.content-title { font-size: 1rem; font-weight: 600; max-height: 44px; overflow: hidden; line-height: 140%; }

.row100 ul.load_listbx1 li.post-item a.post-item-content div.content-info span.content-date { font-size: 0.9rem; font-weight: 900; color: #929292; margin-top: auto; }

.row100 ul.load_listbx1 li.post-item a.post-item-content div.content-info::after { background-color: #ffbc00; }

.load-more-button-wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; }

.load-more-button-wrap div.load-more-button { margin: 32px 0 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.load-more-button-wrap div.load-more-button span.loading-dot { width: 6px; height: 6px; border-radius: 3px; background-color: #918980; }

.load-more-button-wrap div.load-more-button span.loading-dot:not(:last-of-type) { margin-right: 4px; }

.load-more-button-wrap div.load-more-button strong.loading-text { color: #918980; margin-left: 8px; font-size: 0.9rem; }

span.cr-main-bottom-line { border-top: solid 1px #d7d7d7; display: block; width: 100%; }

.cr-main-bottom { width: 100%; width: calc(100% + 12px); margin-top: 28px; margin-bottom: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.cr-main-bottom .cr-main-card-left { margin-top: 12px; -ms-flex-negative: 0; flex-shrink: 0; }

.cr-main-bottom ul.cr-main-card-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-left: 12px; }

.cr-main-bottom ul.cr-main-card-list li.cr-main-card-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 12px; margin-right: 12px; width: 237px; height: 237px; background-size: cover; background-position: center center; }

.cr-main-bottom a.item-wrap { width: 100%; height: 100%; background-size: cover; background-position: center center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.cr-main-bottom a.item-wrap div.item-text { width: 100%; height: 35%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); color: #fff; margin-top: auto; padding: 0 12px; }

.cr-main-bottom a.item-wrap div.item-text h3.item-title { font-weight: 400; text-align: center; word-break: keep-all; }

.cr-main-bottom a.item-wrap img.mobile { display: none; }

footer.cr-footer { width: 100%; background-color: #544a40; }

footer.cr-footer .footer-wrap { width: 100%; max-width: 984px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 38px 0 36px; }

footer.cr-footer .footer-wrap div.footer-logo { padding-top: 0.25rem; margin-right: 20px; }

footer.cr-footer .footer-wrap div.footer-menu { margin-right: 112px; }

footer.cr-footer .footer-wrap div.footer-menu ul.footer-menu-list { display: -webkit-box; display: -ms-flexbox; display: flex; }

footer.cr-footer .footer-wrap div.footer-menu ul.footer-menu-list li.footer-menu-item:not(:last-of-type)::after { content: '┃'; margin: 0 2px; color: #a9a69f; font-size: 0.9rem; }

footer.cr-footer .footer-wrap div.footer-menu ul.footer-menu-list li.footer-menu-item > a { color: #a9a69f; font-size: 0.9rem; }

footer.cr-footer .footer-wrap div.footer-menu h6.footer-copyright { font-size: 0.9rem; color: #a9a69f; }

footer.cr-footer .footer-wrap div.footer-family-site { position: relative; }

footer.cr-footer .footer-wrap div.footer-family-site button[type=button] { color: #a9a69f; width: 189px; height: 36px; border: solid 1px #a9a69f; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.9rem; }

footer.cr-footer .footer-wrap div.footer-family-site button[type=button]::after { content: ''; display: inline-block; margin-left: 12px; width: 10px; height: 6px; background-image: url(../images/icon/footer-arrow.png); background-size: contain; }

footer.cr-footer .footer-wrap div.footer-family-site button[type=button][open=true]::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

footer.cr-footer .footer-wrap div.footer-family-site ul.family-site-list { position: absolute; top: -164px; width: 100%; max-height: 164px; overflow-y: auto; z-index: 90; border: solid 1px #a9a69f; border-bottom: none; background-color: #544a40; display: none; }

footer.cr-footer .footer-wrap div.footer-family-site ul.family-site-list::-webkit-scrollbar { width: 5px; background-color: none; }

footer.cr-footer .footer-wrap div.footer-family-site ul.family-site-list::-webkit-scrollbar-thumb { background-color: #a9a69f; }

footer.cr-footer .footer-wrap div.footer-family-site ul.family-site-list::-webkit-scrollbar-track { background-color: none; }

footer.cr-footer .footer-wrap div.footer-family-site ul.family-site-list li.family-site-item { padding: 4px 0 0 18px; }

footer.cr-footer .footer-wrap div.footer-family-site ul.family-site-list li.family-site-item > a { color: #a9a69f; font-size: 0.9rem; }

@media only screen and (max-width: 1060px) { div.site-nav-background { position: fixed; z-index: 106; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); width: 100vw; height: 100vh; }
  div.side_navbx { height: 100vh; overflow-y: auto; -webkit-transition: 300ms ease-out; transition: 300ms ease-out; }
  div.side_navbx h1.logo { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 10px 0 10px 20px; }
  div.side_navbx h1.logo > a, div.side_navbx h1.logo a.cr-header-logo { position: relative; top: auto; right: auto; bottom: auto; left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; width: 26%; }
  div.side_navbx h1.logo > a > img, div.side_navbx h1.logo a.cr-header-logo > img { -ms-flex-negative: 0; flex-shrink: 0; }
  div.side_navbx h1.logo a.cr-header-logo { width: 36%; -ms-flex-negative: 0; flex-shrink: 0; }
  div.side_navbx button.cr-header-search { display: none; }
  div.side_navbx a.close_btn { display: none; }
  div.side_navbx div.scrollbx { position: relative; top: auto; right: auto; bottom: auto; left: auto; background: none; overflow: visible; height: 100%; height: calc(100% - 48px); }
  div.side_navbx div.scrollbx .scroll_bgbx { background: none; padding: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  div.side_navbx div.scrollbx .scroll_bgbx div.navigation-left { margin: 0; }
  div.side_navbx div.scrollbx .scroll_bgbx div.snb_bx { position: relative; top: auto; right: auto; bottom: auto; left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; border-top: none; margin-top: auto; }
  div.side_navbx div.scrollbx .scroll_bgbx div.snb_bx h4.mobile-title { display: block; margin-left: 35px; margin-right: 60px; font-size: 1.1rem; color: #544a40; }
  div.side_navbx div.scrollbx .scroll_bgbx div.snb_bx > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  div.side_navbx div.scrollbx .scroll_bgbx div.snb_bx > ul > li { margin: 0 3%; }
  div.side_navbx div.scrollbx .scroll_bgbx div.snb_bx > ul > li:not(:last-of-type) { margin-bottom: 0px; }
  div.side_navbx div.scrollbx ul.menu li.menu-item.current-menu-item > a { background: none; color: #000; }
  div.side_navbx div.scrollbx ul.menu li.menu-item > a { border-bottom: solid 1px #a9a69f; padding: 14px 35px; }
  div.side_navbx div.scrollbx ul.menu li.menu-item > a::before { display: none; }
  div.side_navbx div.scrollbx ul.menu li.menu-item > a .btn::after { background-image: url(../images/icon/footer-arrow.png); background-size: contain; background-position: center center; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  div.side_navbx div.scrollbx ul.menu li.menu-item > a:hover { background-color: transparent; color: #000; }
  div.side_navbx div.scrollbx ul.menu li.menu-item ul.sub-menu { border-bottom: solid 1px #a9a69f; padding: 12px 36px; -webkit-box-shadow: none !important; box-shadow: none !important; }
  div.side_navbx div.scrollbx ul.menu li.menu-item ul.sub-menu li.menu-item > a { padding: 12px 0; height: auto; border-bottom: none; font-size: 1rem; font-weight: 600; }
  div.side_navbx div.mobile-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #544a40; }
  div.side_navbx div.mobile-menu > a { width: 100%; padding: 12px 35px; border-bottom: solid 1px #a9a69f; font-size: 0.9rem; }
  div.side_navbx div.mobile-menu a.newsletter { color: #a9a69f; }
  div.side_navbx div.mobile-menu a.policy { color: #fff; }
  div.side_navbx div.mobile-menu a.copyright { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 24px 0; color: #a9a69f; font-size: 0.7rem; }
  .site-content { padding-top: 84px; }
  .search-console-wrap { top: 83px; z-index: 104; }
  .main_contbx div.container_996 { max-width: 97%; }
  .row100 ul.load_listbx1 li.post-item { width: 100%; width: calc(50% - 12px); height: 52vw; }
  .cr-main-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }
  .cr-main-bottom .cr-main-card-left a.item-wrap { margin: 0 auto; }
  .cr-main-bottom .cr-main-card-left a.item-wrap img.pc { display: none; }
  .cr-main-bottom .cr-main-card-left a.item-wrap img.mobile { display: block; }
  .cr-main-bottom ul.cr-main-card-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 0; }
  footer.cr-footer div.footer-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  footer.cr-footer div.footer-wrap div.footer-logo { margin: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 12px; }
  footer.cr-footer div.footer-wrap div.footer-menu { margin: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  footer.cr-footer div.footer-wrap div.footer-menu ul.footer-menu-list { margin-bottom: 12px; }
  footer.cr-footer div.footer-wrap div.footer-menu h6.footer-copyright { width: 100%; text-align: center; padding-top: 12px; border-top: 1px solid; }
  footer.cr-footer div.footer-wrap div.footer-family-site { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

@media only screen and (max-width: 520px) { .search-console-wrap { top: 0; }
  .search-console-wrap div.search-console { margin: 0; }
  .search-console-wrap div.search-console form.search-console-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #9e9e9e; height: 24vw; position: relative; }
  .search-console-wrap div.search-console form.search-console-form input#searchQuery { width: 78%; height: 50%; margin-left: auto; padding: 0; font-size: 1.6rem; }
  .search-console-wrap div.search-console form.search-console-form button[type=submit] { display: none; }
  .search-console-wrap div.search-console form.search-console-form button.cr-header-search { position: absolute; width: 41px; height: 28px; top: 4vw; left: 4vw; font-size: 2rem; color: #404041; display: -webkit-box; display: -ms-flexbox; display: flex; }
  .search-console-wrap div.search-console form.search-console-form button.cr-header-search > img { max-width: 100%; }
  .search-console-wrap div.search-console div.search-console-tags { margin-top: 0; padding: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background-color: #f3f3f3; }
  .search-console-wrap div.search-console div.search-console-tags::after { content: ''; width: 100%; height: 100vh; }
  .search-console-wrap div.search-console div.search-console-tags span.search-console-tags-label { margin-right: 70%; color: #9e9e9e; background-color: transparent; }
  .search-console-wrap div.search-console div.search-console-tags button.search-console-tags-item { margin-top: 12px; margin-right: 10px; margin-left: 0; padding: 6px 12px; border: solid 1px #9e9e9e; border-radius: 18px; background-color: #ffffff; }
  .main_contbx div.container_996 { max-width: 100%; }
  #crMainBanner { margin-top: 0; }
  #crMainBanner ul.swiper-wrapper li.swiper-slide div.slide-background { height: 124vw; background-size: auto 66%; background-position: center top; }
  #crMainBanner ul.swiper-wrapper li.swiper-slide div.slide-content-wrap { height: 42.2vw; background-color: #544a40; }
  #crMainBanner ul.swiper-wrapper li.swiper-slide div.slide-content-wrap a.slide-content { text-align: center; padding: 0 0 40px; }
  #crMainBanner ul.swiper-wrapper li.swiper-slide div.slide-content-wrap a.slide-content p.slide-description { white-space: normal; word-break: keep-all; max-height: 5rem; }
  #crMainBanner div.swiper-pagination { right: 0; left: 0; bottom: 12px; margin: auto; }
  #crMainBanner div.swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { background-color: #ffffff; }
  #crMainBanner div.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #ffbc00; }
  #crMainBanner button.swiper-navigation { top: auto; bottom: 18vw; }
  #crMainBanner button.swiper-navigation > svg { fill: #a9a69f; }
  .row100 ul.load_listbx1 { width: 100%; margin: 12px 0 0; }
  .row100 ul.load_listbx1 li.post-item { margin: 0; width: 100%; height: 100vw; }
  .load-more-button-wrap div.load-more-button { border: 1px solid #918980; width: 52px; height: 52px; border-radius: 26px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .load-more-button-wrap div.load-more-button strong.loading-text { display: none; }
  .cr-main-bottom { border-top: none; padding-top: 0; margin-bottom: 0; }
  .cr-main-bottom .cr-main-card-left { width: 97%; margin: 0 auto; }
  .cr-main-bottom ul.cr-main-card-list { width: 97%; margin: 0 auto; }
  .cr-main-bottom ul.cr-main-card-list li.cr-main-card-item { margin: 0; width: 100%; height: 48vw; }
  .cr-main-bottom ul.cr-main-card-list li.cr-main-card-item a.item-wrap img.pc { display: none; }
  .cr-main-bottom ul.cr-main-card-list li.cr-main-card-item a.item-wrap img.mobile { display: block; margin-bottom: 12px; }
  .cr-main-bottom ul.cr-main-card-list li.cr-main-card-item a.item-wrap div.item-text { width: 100%; height: 100%; } }

/* list */
.article-wrap { background-color: #f3f3f3; }

.article-wrap .article-header-wrap { background-color: #ffffff; width: 100%; height: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: solid 1px #e0e0e0; }

.article-wrap .article-header-wrap header.article-header { width: 100%; max-width: 984px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; }

.article-wrap .article-header-wrap header.article-header .article-title { margin: 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.article-wrap .article-header-wrap header.article-header .article-title > h2 { font-size: 1.6rem; font-weight: 600; }

.article-wrap .article-header-wrap header.article-header .category-children-wrap ul.category-children-list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.article-wrap .article-header-wrap header.article-header .category-children-wrap ul.category-children-list li.category-children-item > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 26px; height: 54px; border-radius: 27px; border: 1px solid #e0e0e0; color: #000; font-weight: 600; font-size: 1rem; }

.article-wrap .article-header-wrap header.article-header .category-children-wrap ul.category-children-list li.category-children-item.current-item > a { border-color: #ffbc00; }

.article-wrap .article-header-wrap header.article-header .category-children-wrap ul.category-children-list li.category-children-item:not(:last-of-type) { margin-right: 5px; }

.article-wrap .article-content { max-width: 984px; margin: 0 auto; }

.article-wrap .article-result { max-width: 984px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.article-wrap .article-result h5.article-result-content { margin-top: 12px; margin-left: 30px; font-size: 0.9rem; }

.article-wrap .article-result h5.article-result-content span.result-count { color: #ffbc00; }

@media only screen and (max-width: 1060px) { .article-wrap { background-color: #fff; }
  .article-wrap .article-header-wrap { border-bottom: none; }
  .article-wrap .article-header-wrap header.article-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .article-wrap .article-header-wrap header.article-header .article-title { margin: 30px 0; }
  .article-wrap .article-header-wrap header.article-header .category-children-wrap { width: 100%; height: 72px; overflow: hidden; }
  .article-wrap .article-header-wrap header.article-header .category-children-wrap ul.category-children-list { font-size: 0; white-space: nowrap; padding: 0 30px; padding-bottom: 20px; overflow-x: auto; }
  .article-wrap .article-header-wrap header.article-header .category-children-wrap ul.category-children-list li.category-children-item { display: inline-block; } }

/* list */
/* content */
.content-area { width: 100%; background-color: #f3f3f3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.content-area .content-wrap { width: 100%; max-width: 984px; margin: 14px auto 32px; background-color: #ffffff; border-left: solid 1px #e0e0e0; border-right: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; }

header.content-header { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom: solid 1px #e0e0e0; }

header.content-header .content-header-category { width: 100%; height: 28px; border-top: solid 5px #ffbc00; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; overflow: hidden; }

header.content-header .content-header-category[category-slug=news] { border-top-color: #166abf; }

header.content-header .content-header-category[category-slug=news] h5.category-name { background-color: #166abf; }

header.content-header .content-header-category[category-slug=newsroom] { border-top-color: #166abf; }

header.content-header .content-header-category[category-slug=newsroom] h5.category-name { background-color: #166abf; }

header.content-header .content-header-category[category-slug=kb-stars] { border-top-color: #fe9500; }

header.content-header .content-header-category[category-slug=kb-stars] h5.category-name { background-color: #fe9500; }

header.content-header .content-header-category[category-slug=social-contribute] { border-top-color: #23914c; }

header.content-header .content-header-category[category-slug=social-contribute] h5.category-name { background-color: #23914c; }

header.content-header .content-header-category[category-slug=insurance] { border-top-color: #ffbc00; }

header.content-header .content-header-category[category-slug=insurance] h5.category-name { background-color: #ffbc00; }

header.content-header .content-header-category[category-slug=kb-art-hall] { border-top-color: #c80f65; }

header.content-header .content-header-category[category-slug=kb-art-hall] h5.category-name { background-color: #c80f65; }

header.content-header .content-header-category[category-slug=issureport] { border-top-color: #20b3ff; }

header.content-header .content-header-category[category-slug=issureport] h5.category-name { background-color: #20b3ff; }

header.content-header .content-header-category[category-slug=trend] { border-top-color: #cc1cce; }

header.content-header .content-header-category[category-slug=trend] h5.category-name { background-color: #cc1cce; }

header.content-header .content-header-category h5.category-name { min-width: 165px; height: 56px; padding: 0 26px; color: #ffffff; padding-top: 28px; border-bottom-right-radius: 28px; display: inline-block; text-align: center; margin-left: -1px; font-size: 0.9rem; background-color: #ffbc00; }

header.content-header .content-header-info { margin: 38px auto 0; max-width: 86%; word-break: keep-all; width: 100%; }

header.content-header .content-header-info h2.info-title { font-size: 1.8rem; font-weight: 600; line-height: 2.8rem; }

header.content-header .content-header-info p.info-subtitle { font-size: 0.9rem; color: #5e5e5e; margin: 24px 0; }

header.content-header .content-header-info h5.info-date { color: #5e5e5e; font-size: 0.9rem; }

header.content-header .content-header-util { width: 100%; max-width: 90%; margin: 0 auto 30px; }

.linkbtnbx ul.util-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.linkbtnbx ul.util-list li.util-item:not(:last-of-type) { margin-right: 9px; }

.linkbtnbx ul.util-list li.util-item > a { width: 45px; height: 45px; border-radius: 22.5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: solid 1px #e0e0e0; }

article.content-article { width: 100%; max-width: 80%; margin: 0 auto; padding-top: 14px; display: block; border-bottom: solid 1px #e0e0e0; }

article.content-article img { height: auto; }

article.content-article p, article.content-article strong, article.content-article b, article.content-article h1, article.content-article h2, article.content-article h3 { width: 100%; max-width: 96%; margin: 0 auto 1.6em; font-family: 'Nanum Barun Gothic'; text-align: justify; word-break: break-all; }

article.content-article .linkbtnbx { margin-bottom: 30px; }

article.content-article div[class*=module] { margin-bottom: 1.6em; }

.content-tag-wrap { width: 100%; max-width: 76%; margin: 18px auto 62px; }

.content-tag-wrap .content-tag { padding-left: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.content-tag-wrap .content-tag span.content-tag-icon { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 14px; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.content-tag-wrap .content-tag ul.content-tag-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.content-tag-wrap .content-tag ul.content-tag-list li.content-tag-item:not(:last-of-type) { margin-right: 5px; margin-bottom: 8px; }

.content-tag-wrap .content-tag ul.content-tag-list li.content-tag-item > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #747474; padding: 6px 10px; height: 36px; border-radius: 18px; border: solid 1px #e0e0e0; font-size: 0.9rem; white-space: nowrap; }

.content-comments { width: 100%; max-width: 80%; margin: 0 auto; }

.content-comments .fb-comments { width: 100%; }

.content-comments .fb-comments iframe { width: 100% !important; }

.content-paging { width: 100%; border-top: solid 1px #e0e0e0; margin-top: 24px; }

.content-paging ul.content-paging-list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

.content-paging ul.content-paging-list li.content-paging-item { width: 50%; height: 162px; }

.content-paging ul.content-paging-list li.content-paging-item.prev { border-right: solid 1px #e0e0e0; }

.content-paging ul.content-paging-list li.content-paging-item.prev div.item-info { margin-right: 10%; }

.content-paging ul.content-paging-list li.content-paging-item.next span.item-directive { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.content-paging ul.content-paging-list li.content-paging-item.next a.item-wrap { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.content-paging ul.content-paging-list li.content-paging-item.next div.item-info { margin-left: 10%; }

.content-paging ul.content-paging-list li.content-paging-item a.item-wrap { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.content-paging ul.content-paging-list li.content-paging-item span.item-directive { width: 6px; height: 13px; background-image: url("../images/icon/paging-arrow.png"); background-size: contain; background-repeat: no-repeat; }

.content-paging ul.content-paging-list li.content-paging-item div.item-thumbnail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 5%; }

.content-paging ul.content-paging-list li.content-paging-item div.item-info { width: 36%; }

.content-paging ul.content-paging-list li.content-paging-item div.item-info h3.item-info-directive { font-weight: 900; margin-bottom: 9px; color: #000000; }

.content-paging ul.content-paging-list li.content-paging-item div.item-info h4.item-info-title { color: #5e5e5e; font-size: 0.9rem; line-height: 1.2em; word-break: keep-all; height: 34px; overflow: hidden; }

@media only screen and (max-width: 984px) { .content-area .content-wrap { margin: 0; border: none; }
  .content-paging ul.content-paging-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .content-paging ul.content-paging-list li.content-paging-item { width: 100%; }
  .content-paging ul.content-paging-list li.content-paging-item.prev { border-right: none; border-bottom: solid 1px #e0e0e0; }
  .content-paging ul.content-paging-list li.content-paging-item a.item-wrap { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media only screen and (max-width: 520px) { header.content-header .content-header-info h2.info-title { font-size: 1.4rem; line-height: 2rem; }
  header.content-header .content-header-info p.info-subtitle { margin: 12px 0; font-size: 1rem; }
  header.content-header .content-header-info h5.info-date { font-size: 1rem; }
  header.content-header .content-header-category h5.category-name { min-width: 30vw; }
  .linkbtnbx li.print { display: none; }
  article.content-article { max-width: none; font-size: 0.96rem; }
  article.content-article .linkbtnbx { display: none; }
  article.content-article p, article.content-article strong, article.content-article b, article.content-article h1, article.content-article h2, article.content-article h3 { width: 100%; max-width: 90%; }
  .content-tag-wrap { max-width: 90%; }
  .content-tag-wrap .content-tag { padding-left: none; }
  .content-comments { max-width: 90%; } }

/* content */