@charset "utf-8";

html {-ms-overflow-y: auto;} /* 익스 팝업 스크롤 대응 */

html,
body {height:100%;}
html.js-scroll-blocking,
html.js-scroll-blocking body,
html.js-scroll-blocking .layout-wrap {overflow: hidden;}
html.js-scroll-blocking .layout-wrap {margin-right: 17px;}

/* for-a11y */
.for-a11y,
.component-layer-close-button-text {display: block; position: absolute; z-index: -1; width: 1px; height: 1px; overflow: hidden; opacity: 0; color: transparent; font-size: 1px; line-height: 1px; margin: 0; padding: 0; border: none; background: transparent;}
caption.for-a11y {display: table-caption; position: static; width: auto; margin-bottom: -1px;}

/* skip nav */
#skipnavigation {position: absolute; top: 0; z-index: 5000;}
#skipnavigation a {display: block; position: fixed; z-index: 5000; top: -40px; left: 0; width: 100%; font-size: 16px; line-height: 30px; text-align: center; color: #fff; background: #1d60a7;}
#skipnavigation a:focus {top: 0;}

/* wrap */
.layout-wrap {height:100%;}
.layout-container {position: relative;max-width: 1920px;min-height: 100%;margin: 0 auto;box-sizing: border-box;padding-top: 122px;/* padding-bottom: 210px; */}
.layout-page-title {display: block; position: absolute; z-index: -1; width: 1px; height: 1px; overflow: hidden; opacity: 0; color: transparent; font-size: 1px; line-height: 1px; margin: 0; padding: 0; border: none; background: transparent;}

/* header */
.header-wrap {position: absolute; left: 0; top: 0; width: 100%; border-bottom: 2px solid #00397b; background: #fff;}
.header-container {position: relative; max-width: 1286px; margin: 0 auto;}
.header-top {padding: 75px 0 20px;}
.header-top:after {content: ''; display: table; clear: both;}
.header-logo {float: left;width:180px;height: 40px;}
.header-logo a {display: block; height: 100%;}
.header-logo img {display: block; height: 100%;}
.header-bottom {height: 0; position: static !important;}
.header-all-menu-open {position: absolute; bottom: 20px; right: 0; display: block;}
.header-all-menu-open:after {content: ''; display: block; width: 41px;height:40px;background:url('/img/common/all-menu.png') no-repeat; background-size:41px auto;}
.header-all-menu-open.search {right:60px;}
.header-all-menu-open.search:after {width: 25px;height: 41px;background-image:url('/img/common/all-menu-search02.png');background-size:25px auto}
.header-tab-list:after {content: ''; display: table; clear: both;}
.header-tab-item {float: left;}
.header-tab-item + .header-tab-item .header-tab-link {margin-left: 5px;border-color: var(--disable-clr);color: var(--tit-clr);background: var(--line-clr) url('/img/common/icon_main_top02.png') no-repeat 7px 6px;}
.header-tab-item + .header-tab-item-etc .header-tab-link {background: none; padding-left: 10px;}
.header-tab-link {display: block;padding: 0 10px;font-size: 12px;line-height: 26px;box-sizing: border-box;}
.header-tab-item-login .header-tab-link.type02 {}
.header-tab-link.type02 {height: 28px;padding-left: 25px;background: #00397b url('/img/common/icon_main_top01.png') no-repeat 7px 6px;border: 1px solid #00397b;color: #fff; font-weight: bold;border-radius: 3px;line-height: 28px;}
.header-tab-item.is-active .header-tab-link {font-weight: 700; color: #00397b;}
.header-member-menu {position: absolute; top: 15px; left: 0;}
.header-member-menu:after {content: ''; display: table; clear: both;}
.header-member-menu-my {display: block; float: left; font-size: 13px; line-height: 28px;}
.header-member-menu .header-tab-list {float: left;}
.header-count-time {float: left; margin: 0 10px 0 15px;}
.header-count-time:after {content: ''; display: table; clear: both;}
.header-count-time-number {display: block;float: left;width: 55px;text-align: center;font-size: 14px;line-height: 28px;font-weight: 700;color: #00397b;background: #efefef;}
.header-count-time-renew {display: block; float: left; width: 40px;   font-size: 13px; line-height: 28px; color: #fff; background: #909090;}
.header-utile {position: absolute; top: 15px; right: 0;}
.header-utile:after {content: ''; display: table; clear: both;}
.header-utile-list {float: left;}
.header-utile .header-tab-list {float: left; margin-left: 20px;}
.header-utile-list:after {content: ''; display: table; clear: both;}
.header-utile-item {position: relative; float: left;}
.header-utile-item.js-dropdown-opened {z-index: 1100 !important;}
.header-utile-item + .header-utile-item {padding-left: 21px;}
.header-utile-item + .header-utile-item:before {content: ''; display: block; position: absolute; top: 50%; left: 10px; margin-top: -5px; height: 10px; border-left: 1px solid #ccc;}
.header-utile-item + .header-utile-item .header-utile-layer {margin-left: 10px;}
.header-utile-link {position: relative; display: block;   font-size: 13px; line-height: 28px;}
.header-utile-opener {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.header-utile-layer {display: none; position: absolute; top: 100%; left: 50% !important; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 500; padding-top: 10px;}
.header-utile-layer .tooltips {position: relative; display: block; top: auto; left: auto; right: auto; bottom: auto; -webkit-transform: none; transform: none;}
.header-utile-layer .component-layer-close-button {display: block; position: absolute; top: 21px; right: 11px; width: 10px; height: 10px; z-index: 10; overflow: hidden;}
.header-utile-layer .component-layer-close-button:before,
.header-utile-layer .component-layer-close-button:after {content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 2px; height: 18px; margin: -9px 0 0 -1px; background: #333;}
.header-utile-layer .component-layer-close-button:before {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.header-utile-layer .component-layer-close-button:after {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.header-utile-layer .tooltips:after {top: -6px; bottom: auto; left: 50%; margin-left: -4px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.header-utile-layer .setting {display: block; position: absolute; right: 10px; bottom: 10px; font-size: 12px; line-height: 16px; font-weight: 300;}
.header-utile-layer .tooltips-ul {margin-bottom: 10px;}
.header-utile-layer .tooltips-ul li:before {content: '- ';}
.header-utile-layer .tooltips-ul a {font-weight: 300;}

/* gnb */
.gnb-wrap {position:absolute; bottom: 20px; right: 100px;}
.gnb-list {position: relative;z-index:100;}
.gnb-list:after {content: ''; display: table; clear: both;}
.gnb-item {position:static !important; float: left;}
.gnb-item.js-dropdown-opened {padding-bottom: 22px; margin-bottom: -22px; z-index: 1500 !important;}
/* .gnb-item.js-dropdown-opened:before {content: ''; position: absolute; display: block; left: 50%; bottom: 0; margin-left: -7px; border: 7px solid transparent; border-bottom-color: #00397b;} */
.gnb-link {position:relative;display: block; padding: 0 25px; font-size: 22px; line-height: 40px; font-weight: 500;}
.gnb-item.js-dropdown-opened.js-dropdown-bottom .gnb-link:before {content: ''; position: absolute; display: block;top:46px; left: 50%; bottom: 0; margin-left: -7px; border: 7px solid transparent; border-bottom-color: #00397b;}
.gnb-link:hover,
.gnb-link:focus {color: #e3047f; text-decoration: none;}
.gnb-layer {position: absolute; width:1050px; -webkit-transform: translate(-526px, 0); transform: translate(-526px, 0); overflow: hidden; display: none;background:#fff;}
.gnb-layer .gnb-depth2-list:first-child {margin-top:11px;}
.js-dropdown-opened .gnb-layer {top: 62px !important;left: 50% !important;}
.gnb-depth2-list:after {content: ''; display: table; clear: both;}
.gnb-depth2-item {float:left;width:180px;padding-left:30px;padding-bottom:34px;/* margin-left:30px; *//* border:1px solid red */}
.gnb-depth2-link {display: block;padding: 15px 0 13px; /* padding: 15px 6px 15px 15px; */border-bottom:2px solid #d0dbe7;font-size: 14px; line-height: 21px; font-weight: 500; color: #333;}.gnb-depth2-opener,
.gnb-depth2-link
.gnb-depth2-layer > .component-layer-close-button {position: absolute; top: 0; left: 0; width: 100%; height: 51px;}
.gnb-depth2-opener:before,
.gnb-depth2-opener:after {content: ''; display: block; position: absolute; top: 25px; right: 10px; width: 13px; height: 1px; background: #fff;}
.gnb-depth2-opener:after {top: 19px; right: 16px; width: 1px; height: 13px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;}
.js-accordion-opened .gnb-depth2-opener:after {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.gnb-depth2-layer {overflow: hidden;}
.gnb-depth3-list {padding: 7px 0;}
.gnb-depth3-list .gnb-depth3-item {margin-top:8px;}
/* .gnb-depth3-list .gnb-depth3-item:first-child {margin-top:12px;} */
.gnb-depth3-link {display: block;/*  padding: 5px 30px; */ font-size: 12px; line-height: 20px; color: #666;}
.gnb-depth3-link:hover,
.gnb-depth3-link:focus {text-decoration: none; font-weight: 500;}

/* all menu */
.all-menu-layer {position: fixed; top: 0; left: 0; z-index: 2000; width: 100%; height: 100%; overflow-y: scroll; background: #eeeff1; display: none; opacity: 0;}
.all-menu-wrap {overflow: hidden;}
.all-menu-container {position: relative; max-width: 1286px; margin: 0 auto; padding: 160px 0 140px;}
.all-menu-close {display: block; position: absolute; top: 60px; right: -10px; width: 44px; height: 44px; z-index: 10;}
.all-menu-close:before,
.all-menu-close:after {content: ''; display: block; width: 34px; height: 2px; background: #333; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -17px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.all-menu-close:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.all-menu-latest-access {display: none; font-size: 12px; line-height: 26px; color: #fff; padding: 0 15px; background: #00397b;}
.all-menu-hello {display: none; font-size: 12px; line-height: 16px; color: #fff; padding: 24px 15px 20px; background: #215a8f;}
.all-menu-hello-offline {padding-top: 22px; padding-bottom: 22px; background-color: #666;}
.all-menu-hello-name {display: inline-block; vertical-align: top; font-size: 16px; line-height: 22px; color: #fff; margin: -4px 0 -2px;}
.all-menu-utile {display: none; padding-right: 15px; background: #ebebeb;}
.all-menu-utile-list {display: table; width: 100%; table-layout: fixed;}
.all-menu-utile-item {display: table-cell; padding-left: 15px;}
.all-menu-utile-link {display: block; padding: 9px 0 9px 20px; font-size: 13px; line-height: 18px; letter-spacing: -1px; white-space: nowrap; background: no-repeat 0 50%; background-size: 20px 20px;}
.all-menu-utile-item-main .all-menu-utile-link {background-image: url('/img/common/all-menu-utile-icon-01.png');}
.all-menu-utile-item-certify .all-menu-utile-link {background-image: url('/img/common/all-menu-utile-icon-02.png');}
.all-menu-utile-item-customer .all-menu-utile-link {background-image: url('/img/common/all-menu-utile-icon-03.png');}
.all-menu-utile-item-login .all-menu-utile-link {background-image: url('/img/common/all-menu-utile-icon-04.png');}
.all-menu-search {font-size: 0; line-height: 0; text-align: center;}
.all-menu-search-opener {display: none; width: 100%; font-size: 12px; line-height: 16px; color: #999; padding: 17px 15px 17px 35px; text-align: left; background: url('/img/common/m-all-menu-search.png') no-repeat 15px 50% #fff; background-size: 15px 15px;}
.all-menu-search-closer {display: block; position: absolute; top: 280px; left: -999999px; border: 1px solid #ccc; width: 100px; font-size: 12px; line-height: 24px; background: #fff;}
.all-menu-search-form {display: inline-block;}
.all-menu-search-form-title {display: block; float: left; font-size: 20px; line-height: 40px; font-weight: 500; margin-right: 20px;}
.all-menu-search-form-input {display: block; float: left; font-size: 14px; line-height: 38px; height: 40px; border: 1px solid #ccc; padding: 0 20px; background: #fff; box-sizing: border-box; width: 400px;}
.all-menu-search-form-submit {display: block; float: left; width: 60px; height: 40px; background: url('/img/common/all-menu-search.png') no-repeat 50% 50% #00397b;}
.all-menu-search-form + button {display:none;}
.all-menu-search-result {display: none; margin-top: 80px;}
.all-menu-search-result-title {font-size: 24px; line-height: 30px; text-align: center;}
.all-menu-search-result-title strong {font-weight: 500;}
.all-menu-search-list {margin-top: 35px; border-top: 1px solid #999;}
.all-menu-search-item {border-bottom: 1px solid #999;}
.all-menu-search-link {display: block; font-size: 14px; line-height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.all-menu-search-link strong {font-weight: 500;}
.all-menu-nav {margin-top: 50px;}
.all-menu-nav-item {display: block;}
.all-menu-nav-item-name {display: block; padding: 25px 30px; font-size: 24px; line-height: 30px; font-weight: 500; border-bottom: 2px solid #333;}
.all-menu-nav-item-opener {display: none;}
.all-menu-nav-item-content {padding: 28px 30px; background: #fff;}
.all-menu-nav-tab {display: none; position: absolute; top: 0; left: 0; width: 90px; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;}
.all-menu-nav-tab-item + .all-menu-nav-tab-item {border-top: 1px solid #ccc;}
.all-menu-nav-tab-button {display: block; width: 100%; font-size: 15px; line-height: 17px; min-height: 54px; padding: 10px 5px; background: #ebebeb; word-break: keep-all; word-wrap: break-word;}
.all-menu-nav-tab-button.js-tabpanel-active {background: #fff;}
.all-menu-nav-depth2-list {font-size: 0; line-height: 0; margin: -50px 0 0 -10px;}
.all-menu-nav-depth2-item {display: inline-block; vertical-align: top; width: 20%; box-sizing: border-box; padding: 50px 0 0 10px;}
.all-menu-nav-depth2-link {display: block; font-size: 18px; line-height: 24px; font-weight: 500;}
.all-menu-nav-depth2-opener {display: none;}
.all-menu-nav-depth2-layer {margin-top: 10px;}
.all-menu-nav-depth3-link {display: block; font-size: 16px; line-height: 22px; padding: 4px 0;}
.all-menu-nav-depth3-list + button {display:none;}
.is-show-search-result .all-menu-search-closer {left: auto; right: 0;}
.is-show-search-result .all-menu-search-result {display: block;}
.is-show-search-result .all-menu-nav {display: none;}


/* footer */
.footer-wrap {/* position: absolute; */left: 0;bottom: 0;width: 100%;color: #fff;background: #333;}
.footer-container {position: relative; max-width: 1286px; margin: 0 auto; box-sizing: border-box; padding: 30px 510px 30px 0;}
.footer-nav {margin-bottom: 20px;}
.footer-nav-opener {position: relative; border-top: 1px solid #555; border-bottom: 1px solid #555; font-size: 12px; line-height: 30px; color: #eeeff1; text-align: left; display: block; width: 100%; display: none;}
.footer-nav .component-layer-close-button {display: none; position: absolute; left: 0; bottom: 100%; width: 100%; height: 32px;}
.footer-nav.js-dropdown-top .component-layer-close-button {top: 100%; bottom: auto;}
.footer-nav-opener:after {content: ''; display: block; position: absolute; top: 50%; right: 18px; width: 5px; height: 5px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding-top: 1px; padding-left: 1px; margin: -6px -2px 0 0; transform: rotate(45deg);}
.footer-nav .js-ui-dropdown-layer {position: static !important; display: block !important;}
.footer-nav-layer {overflow: hidden;}
.footer-nav-list {padding-top: 5px; margin-left: -31px;}
.footer-nav-list:after {content: ''; display: table; clear: both;}
.footer-nav-item {position: relative; float: left; padding-left: 31px;}
.footer-nav-item:before {content: ''; display: block; position: absolute; top: 50%; left: 15px; margin-top: -5px; height: 10px; border-left: 1px solid #666;}
.footer-nav-link {display: block; font-size: 14px; line-height: 26px; color: #fff;}
.footer-nav-link:hover,
.footer-nav-link:focus {font-weight: 500;color:#fff !important; text-decoration: none;}
.footer-address,
.footer-tell,
.footer-copyright {display: block; font-size: 12px; line-height: 22px; color: #ccc; font-style: normal;}
.footer-copyright {color: #999;}
.footer-etc {position: absolute; top: 30px; right: 0;}
.footer-etc:after {content: ''; display: table; clear: both;}
.footer-etc-item {float: left; margin-left: 5px;}
.footer-select {position: relative; width: 150px; height: 35px;}
.footer-select-opener {position: relative; display: block; box-sizing: border-box; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #666; padding: 0 35px 0 10px; font-size: 12px; line-height: 33px; color: #ccc; text-align: left;}
.footer-select-opener:after {content: ''; display: block; position: absolute; top: 50%; right: 18px; width: 7px; height: 7px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; padding-top: 1px; padding-left: 1px; margin: -8px -5px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.footer-select .component-layer-close-button {position: absolute; left: 0; bottom: 100%; width: 100%; height: 35px;}
.footer-select.js-dropdown-top .component-layer-close-button {top: 100%; bottom: auto;}
.footer-select .js-ui-dropdown-layer {display: none; min-width: 100%;}
.footer-select-layer {max-height: 195px; border: 1px solid #666; background: #333; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: content-box;}
.js-dropdown-top .footer-select-layer {margin-bottom: -1px;}
.js-dropdown-bottom .footer-select-layer {margin-top: -1px;}
.footer-select-list {padding: 10px 0;}
.footer-select-link {display: block; padding: 0 10px; font-size: 12px; line-height: 35px; white-space: nowrap; color: #ccc;}
.footer-select-link:hover,
.footer-select-link:focus {font-weight: 500;color:#fff; text-decoration: none;}
.footer-direct-link {position: relative; display: block; float: left; margin-left: 5px; min-width: 170px; height: 35px; box-sizing: border-box; border: 1px solid #666; padding: 0 30px 0 10px; font-size: 12px; line-height: 33px; color: #ccc;}
.footer-direct-link:hover, .footer-direct-link:focus {font-weight: 500;color:#fff; text-decoration: none;}
.footer-direct-link:after {content: ''; display: block; position: absolute; top: 50%; right: 15px; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; padding-bottom: 1px; padding-left: 1px; margin: -5px -2px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.footer-mark {position: absolute; right: 0; bottom: 30px;}
.footer-mark:after {content: ''; display: table; clear: both;}
.footer-mark img {display: block; float: left; margin-left: 20px;}
.footer-nav-layer a:hover, .footer-nav-layer a:focus{color:#e3047f; textdecoration:underline;}

/* location */
.location-wrap {position: static !important; border-bottom: 1px solid #ccc; background: #fff;}
.location-container {max-width: 1286px; margin: 0 auto;}
.location-container:after {content: ''; display: table; clear: both;}
.location-left {float: left;margin-left:-30px;}
.location-left .location-item {border-right: 1px solid #ccc;}
.location-right {float: right;}
.location-list:after {content: ''; display: table; clear: both;}
.location-item {float: left;}
.location-home {display: block; width: 76px; height: 55px; background: url('/img/common/location-home.png') no-repeat 50% 50%;}
.location-select {position: relative; width: 250px; box-sizing: border-box; padding: 0 56px 0 20px;}/* 20201020 z-index: 1 !important 삭제 이예빈 수정 */
.location-select:before {content: ''; display: block; position: absolute; z-index: 0; top: 50%; right: 23px; width: 9px; height: 9px; box-sizing: content-box; border-bottom: 2px solid #333; border-right: 2px solid #333; margin: -9px 0 0 -6px; padding-top: 1px; padding-left: 1px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.location-select-text {display: block; font-size: 14px; line-height: 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.location-select-opener,
.location-select .component-layer-close-button {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; box-sizing: content-box; z-index: 10;}
.location-select .component-layer-close-button {top: auto; bottom: 100%; height: 71px;}
.location-select.js-dropdown-top .component-layer-close-button {top: 100%; bottom: auto;}
.js-dropdown-opened .location-select-opener {border: 1px solid #666; height: 54px; margin-left: -1px;}
.js-dropdown-opened .location-select-text {font-weight: 500;}
.location-select .js-ui-dropdown-layer {display: none; min-width: 100%; z-index: 0; box-sizing: content-box; border: 1px solid #999; background: #fff; -webkit-transform: translate(-1px, 0); transform: translate(-1px, 0); box-shadow: 6px 8px 18px rgba(0,0,0,0.13);}
.location-select-layer {overflow: auto; -webkit-overflow-scrolling: touch;}
.location-menu-item + .location-menu-item {border-top: 1px solid #ccc;}
.location-menu-link {display: block; padding: 0 20px; font-size: 14px; line-height: 50px; color: #666; white-space: nowrap;}
.location-menu-link:hover,
.location-menu-link:focus {text-decoration: none; color: #666; font-weight: 500; background-color: #efefef; outline-offset: -2px;}
.location-menu-item:hover,
.location-menu-item:hover + .location-menu-item {border-top-color: #efefef;}
.location-right .location-item + .location-item {position: relative; padding-left: 41px;}
.location-right .location-item + .location-item:before {content: ''; display: block; position: absolute; top: 50%; left: 20px; height: 14px; margin-top: -7px; border-left: 1px solid #ccc;}
.location-item-zoom:after {content: ''; display: table; clear: both;}
.location-button {display: block; padding-left: 25px; font-size: 14px; line-height: 55px; background: no-repeat 0 17px;}
.location-item-zoom .location-button {float: left;}
.location-zoom-plus {background-image: url('/img/common/location-zoom-plus.png');}
.location-zoom-minus {margin-left: 10px; background-image: url('/img/common/location-zoom-minus.png');}
.location-print {background-image: url('/img/common/location-print.png');}
.location-item-3depth .location-select.js-dropdown-opened {background-color: #edf0f7;z-index:10 !important;}
.location-item-3depth .location-select .js-ui-dropdown-layer {background-color: #edf0f7;}
.location-item-3depth .location-menu-link:hover,
.location-item-3depth .location-menu-link:focus {background-color: #fff;}
.location-item-3depth .location-menu-item:hover,
.location-item-3depth .location-menu-item:hover + .location-menu-item {border-top-color: #fff;}

/* content */
.js-content-zoom-wrap {max-width: 1100px; margin: 0 auto;}
.js-content-zoom-wrap .content,
.js-content-zoom-wrap .title-top {max-width: none; margin: 0;}
.content {max-width: 1100px; margin: 0 auto; padding: 40px 0 60px; box-sizing: border-box;}

/* layer popup */
.layer-wrap {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow-x: auto;overflow-y: scroll;-webkit-overflow-scrolling: touch;z-index: 1000;opacity: 0;font-size: 0;line-height: 0;white-space: nowrap;text-align: center;}
.layer-wrap:before {content: '';display: inline-block;height: 100%;vertical-align: middle;}
.layer-container {display: inline-block;vertical-align: middle;font-size: 16px;line-height: 1.2;white-space: normal;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);}

/* 타이틀 영역 */
.title-wrap {width: 100%; /*min-width: 1100px;*/ background-color: #eeeff1; }
/*html.responsive .title-wrap { min-width: inherit; }*/
.title-top::after { content: ''; display: block; clear: both; }
.title-top { position: relative; width: 100%; max-width: 1100px; height: auto; margin: 0 auto; padding: 32px 0 23px; }
.page-title { display: inline-block;/*  max-width: 400px;  */padding-bottom: 10px; float: left; font-size: 44px; font-weight: 500; word-break: keep-all; }

/* 인뱅 푸터 문제 임시방안 */
.height-auto .js-content-zoom-wrap {height:auto !important;}

/* small pc */
@media (max-width: 1310px) {
}

/* tablet */
@media (max-width: 1100px) {
	/* 190520 수정 */
	.title-wrap {display:none; padding: 15px 16px 0; background-color: #fff; }
	.title-top { padding: 0; }
	.page-title { font-size: 20px; font-weight: 500; padding-bottom: 14px; float: none; max-width: auto; }
	.container > .info-table-area:first-child {padding-top:0 !important;}
}

/* small tablet */
@media (max-width: 1024px) {
	.js-content-zoom-wrap {height: auto !important;padding-top: 50px;}
	.js-content-zoom-wrap .content,
	.js-content-zoom-wrap .title-top {width: auto !important; -webkit-transform: none !important; transform: none !important;}
	.content {padding:20px 18px;}

	/* wrap */
	html.js-scroll-blocking .layout-wrap {margin-right: 0;}
	.layout-container {min-width: 0;/* padding-bottom: 290px; */} /* padding-top 삭제 20201020 이예빈 수정*/

	/* header */
	.header-wrap {border-bottom: none;}
	.header-container {width: auto; padding: 0; position: static;}
	.header-top {padding: 12px 15px;}
	.header-logo {width:135px;height: 30px;}
	.header-bottom {position: relative !important; width: 100%; height: auto; font-size: 0; line-height: 0; text-align: right; background: #eeeff1; border-bottom: 2px solid #00397b;}
	.header-bottom:before {content: ''; display: block; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 3px; background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0); opacity: 0.24; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}
	.header-bottom.is-fixed {position: fixed !important; top: 0; left: 0; z-index: 1000;}
	.header-bottom.is-fixed:before {opacity: 0;}
	.header-member-menu {position: static; display: inline-block; vertical-align: top;}
	.header-member-menu-my {display: none;}
	.header-utile {display: none;}
	.header-tab-list {float: none;}
	.header-tab-item-login {position: absolute; bottom: 100%; right: 15px;}
	.header-tab-item-login .header-tab-link {border: none;font-size: 13px;line-height: 55px;padding: 0 0 0 15px;background: url('/img/common/header-login.png') no-repeat 0 center;background-size: auto 15px;color: var(--tit-clr);height: 54px;}
	.header-tab-item-certificate {display: none;}
	.header-tab-item-etc {display: none;}
	.header-all-menu-open {position: absolute;top: 52px;display: inline-block;height: 50px;padding:0 10px;vertical-align: top;}
	.header-all-menu-open:after {width:36px;margin-top: 12px;background-size:36px auto;}
	.header-all-menu-open.search {margin-left:6px;}
	.header-all-menu-open.search:after {width:22px;margin-top: 11px;background-size:22px auto;}
	.header-count-time {position: relative; padding: 14px 15px; margin: 0 1px 0 0; z-index: 10;}
	.header-count-time:before {content: ''; display: block; position: absolute; top: 50%; left: 100%; height: 20px; margin-top: -10px; border-left: 1px solid #999;}
	.header-count-time-number {background: none; width: auto; font-weight: 400; color: #333; margin-left: 20px;}
	.header-count-time-renew {position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; font-size: 1px; line-height: 1px; color: transparent; background: url('/img/hss_common/header-renew.png') no-repeat 15px 50%; background-size: auto 16px;}

	/* gnb */
	.gnb-wrap {display: none;}

	/* all menu */
	.all-menu-layer {background: rgba(0,0,0,0.75); overflow: hidden;}
	.all-menu-wrap {position: absolute; top: 0; right: 0; width: 320px; min-width: 0; height: 100%; background: #fff; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s;}
	.js-layer-opened .all-menu-wrap {-webkit-transform: translate(0, 0); transform: translate(0, 0);}
	.all-menu-container {width: auto; height: 100%; padding: 0;}
	.all-menu-latest-access {display: block;}
	.all-menu-hello {display: block;}
	.all-menu-utile {display: block;}
	.all-menu-close {top: 8px; right: 0; width: 43px; height: 43px;}
	.all-menu-close:before,
	.all-menu-close:after {width: 19px; height: 1px; margin: 0; top: 21px; left: 12px; background: #fff;}
	.all-menu-hello-online ~ .all-menu-close {margin-top: 26px;}
	.all-menu-search {position: relative; overflow: hidden;}
	.all-menu-search-opener {display: block;}
	.all-menu-search-closer {top: 0; right: 0; height: 50px; padding: 0 15px 0 5px; border: none; background: none; width: auto; overflow: hidden;}
	.all-menu-search-closer:before {content: '닫기'; display: block; border-radius: 3px; border: 1px solid #666; font-size: 12px; line-height: 20px; width: 40px; text-align: center; box-sizing: border-box;}
	.all-menu-search-closer-text {display: block; font-size: 1px; line-height: 1px; width: 1px; height: 1px; color: transparent; overflow: hidden; position: absolute; left: -999999px;}
	.all-menu-search-form {position: relative; display: none; padding-right: 95px; background: #fff;}
	.all-menu-search-form-title {position: absolute; top: 0; left: 0; z-index: -1; width: 1px; height: 1px; overflow: hidden; font-size: 1px; line-height: 1px; color: transparent; opacity: 0;}
	.all-menu-search-form-input {float: none; width: 100%; border: none; font-size: 12px; line-height: 16px; height: 50px; padding: 17px 0 17px 15px;}
	.all-menu-search-form-submit {position: absolute; top: 0; right: 60px; width: 35px; height: 50px; background: url('/img/common/m-all-menu-search.png') no-repeat 50% 50%; background-size: 15px 15px;}
	.all-menu-search-result,
	.all-menu-nav {position: absolute; top: 146px; left: 0; width: 100%; bottom: 0; margin: 0; border-top: 1px solid #666;}
	.all-menu-hello-online ~ .all-menu-search-result,
	.all-menu-hello-online ~ .all-menu-nav {margin-top: 26px;}
	.all-menu-search-result {overflow: auto;}
	.all-menu-search-result-title {padding: 15px 15px; font-size: 16px; line-height: 20px; text-align: left;}
	.all-menu-search-list {margin: 0; border-top: none; padding-bottom: 20px;}
	.all-menu-search-item {border-bottom: none;}
	.all-menu-search-item + .all-menu-search-item {margin-top: 5px;}
	.all-menu-search-link {position: relative; padding: 0 15px 0 25px; font-size: 13px; line-height: 20px;}
	.all-menu-search-link:before {content: ''; display: block; position: absolute; top: 8px; left: 15px; width: 3px; height: 3px; border-radius: 100%; background: #666;}
	.all-menu-nav-tab {display: block;}
	.all-menu-nav-list {position: absolute; top: 0; left: 90px; right: 0; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;}
	.all-menu-nav-item {display: none; padding: 20px;}
	.all-menu-nav-item.js-tabpanel-opened {display: block;}
	.all-menu-nav-item-name {padding: 14px 0; font-size: 18px; line-height: 22px; border-bottom-width: 1px;}
	.all-menu-nav-item-content {padding: 0;}
	.all-menu-nav-depth2-list {margin: 0;}
	.all-menu-nav-depth2-item {position: relative; display: block; width: auto; padding: 0;}
	.all-menu-nav-depth2-link {padding-right: 20px; font-size: 13px; line-height: 34px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 300; border-bottom: 1px solid #e1e1e1;}
	.js-accordion-opened .all-menu-nav-depth2-link {color: #215a8f;}
	.all-menu-nav-depth2-opener,
	.all-menu-nav-depth2-layer .component-layer-close-button {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 35px;}
	.all-menu-nav-depth2-opener:before {content: ''; display: block; position: absolute; top: 50%; right: 3px; width: 8px; height: 8px; margin-top: -8px; padding-left: 1px; padding-bottom: 1px; border-top: 1px solid #666; border-right: 1px solid #666; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;}
	.js-accordion-opened .all-menu-nav-depth2-opener:before {transform: translate(0, 5px) rotate(-45deg);}
	.all-menu-nav-depth2-layer {margin: 0; overflow: hidden; height: 0; display: none; border-bottom: 1px solid #e1e1e1;}
	.all-menu-nav-depth3-list {padding: 10px; background: #f4f4f4;}
	.all-menu-nav-depth3-link {font-size: 13px; line-height: 25px; color: #666; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.all-menu-nav-depth3-link:before {content: '- ';}
	.is-show-search .all-menu-search-opener,
	.is-show-search-result .all-menu-search-opener {display: none;}
	.is-show-search .all-menu-search-closer,
	.is-show-search-result .all-menu-search-closer {left: auto; right: 0;}
	.is-show-search .all-menu-search-form,
	.is-show-search-result .all-menu-search-form {display: block;}
	.is-show-search .all-menu-search-result {display: block;}
	.is-show-search .all-menu-nav {display: none;}

	/* footer */
	.footer-container {width: auto; padding: 20px 15px;}
	.footer-nav {margin-bottom: 10px;}
	.footer-nav-opener {display: block;}
	.footer-nav .js-ui-dropdown-layer {display: none !important; width: 100%;}
	.footer-nav.js-dropdown-opened .js-ui-dropdown-layer {position: absolute !important; display: block !important;}
	.footer-nav-layer {border: 1px solid #555; background: #333; overflow: auto; -webkit-overflow-scrolling: touch; max-height: 170px;}
	.js-dropdown-top .footer-nav-layer {margin-bottom: -1px;}
	.js-dropdown-bottom .footer-nav-layer {margin-top: -1px;}
	.footer-nav-list {margin-left: 0; padding: 10px 0;}
	.footer-nav-item {float: none; padding: 0;}
	.footer-nav-item:before {display: none;}
	.footer-nav-link {padding: 7px 10px; font-size: 12px; line-height: 16px;}
	.footer-address,
	.footer-tell,
	.footer-copyright {font-size: 11px; line-height: 20px;}
	.footer-etc {position: static; margin: 10px 0 0 -10px;}
	.footer-etc-item {width: 50%; box-sizing: border-box; padding-left: 10px; margin: 0 0 10px;}
	.footer-select {width: auto;}
	.footer-direct-link {float: none; clear: both; margin-left: 10px; margin-bottom: 10px;}
	.footer-mark {position: static;}
	.footer-mark img {margin: 0 10px 0 0; height: 25px;}
	.footer-nav .component-layer-close-button {display: block;}

	/* location */
	.location-wrap {position: relative !important;top: 50px;z-index: 2;}
	.location-wrap.is-fixed {position: fixed !important; width: 100%; left: 0; top: 52px; z-index: 1000;display: none;}
	.location-container {max-width: none;}
	.location-left {float: none;margin-left: 0;}
	.location-right {display: none;}
	.location-left .location-list {display: table;width: 100%;border-top: 1px solid #ccc;table-layout: fixed;}
	.location-left .location-list:after {display: none;}
	.location-left .location-item {display: table-cell; float: none;box-sizing: content-box; vertical-align: top;}
	.location-item.location-item-home {}
	.location-left .location-item:last-child {border-right: none;}
	.location-item-home {width: 45px;}
	.location-home {width: 45px; height: 40px; background-image: url('/img/common/m-location-home.png'); background-size: 15px auto;}
	.location-select {width: auto; padding: 0 40px 0 10px;}
	.location-select-text {font-size: 12px; line-height: 40px;}
	.js-dropdown-opened .location-select-opener {height: 39px;}
	.location-select .component-layer-close-button {height: 41px;}
	.location-select:before {width: 6px; height: 6px; margin: -7px -3px 0 0; right: 20px;}
	.location-menu-link {padding: 0 10px; font-size: 12px; line-height: 30px;}
	.location-left .location-item-1depth {width: 0; font-size: 0; line-height: 0; border-right: none;}
	.location-item-1depth .location-select {position: absolute !important; left: 0; bottom: 100%; margin-bottom: 2px; padding-left: 15px; width: 40%; min-width: 145px;}
	.location-item-1depth .location-select-text {line-height: 50px;}
	.location-item-1depth .js-dropdown-opened .location-select-opener {height: 100%; border: none; margin: 0;}
	.location-item-1depth .component-layer-close-button {height: 50px;}
	.location-item-1depth .location-select .js-ui-dropdown-layer {border: none; -webkit-transform: none; transform: none; background: #eeeff1; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	.location-item-1depth .location-menu-item + .location-menu-item {border-top: 1px solid #ccc;}
	.location-item-1depth .location-menu-link {background: #eeeff1; padding: 0 15px; line-height: 35px;}
	.location-item-3depth .js-dropdown-opened .location-select-opener,
	.location-item-3depth .js-ui-dropdown-layer {border-right: none;}
	.location-item-3depth .js-dropdown-opened .location-select-opener:before {content: ''; display: block; height: 100%; border-right: 1px solid #666;}
	.location-item-3depth .location-select-layer {border-right: 1px solid #999;}

	#_FSBcontainer {zoom: 1 !important;}
}

/* mobile */
@media (max-width: 768px) {
}

.gnbbackground-box {display:none;position:absolute;top:137px;left:0;right:0;background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.15);z-index:90;}
.gnbbackground-box.active {display:block;}