@charset "UTF-8";
/*! 
 **	ACUONSB Index-Page CSS
 *	Author   :	U:COMPANION Front-end UX.Div
 *	Create   :	2020-04-28 | 2dea; ego@2dea.com
 *	Update   :	2020-04-28 | 2dea
 *	Comments :	-
 */


/**	Define Fonts
 --------------- */

body  { font-family: '맑은 고딕', 'Malgun Gothic', 'Noto Sans CJK KR', 'Apple SD Gothic Neo', '돋움', 'Dotum', sans-serif; font-weight: 400; font-size: 70%; color: #666666; background: #ffffff; letter-spacing: -0.075em; }


/**	Components
 ------------- */

/** Slider */
.Index-Page .swiper-container  { background: inherit; }
.Index-Page .swiper-container:before,
.Index-Page .swiper-container:after  { display: inline-block; vertical-align: middle; position: absolute; z-index: 5; top: 0; right: 0; height: 100%; background: inherit; }
.Index-Page .swiper-container:before  { left: 0; right: auto; }
.Index-Page .swiper-controls  { font-size: 0; }
.Index-Page .swiper-controls :before,
.Index-Page .swiper-controls :after,
.Index-Page .swiper-controls *  { font-size: 100%; display: inline-block; vertical-align: middle; position: static; left: auto; top: auto; right: auto; bottom: auto; width: auto; height: auto; margin: 0; padding: 0; color: inherit; opacity: 1.0; }
.Index-Page .swiper-navigation >*  { font-size: 1.05rem; position: relative; z-index: 10; width: 2.65rem; height: 3rem; color: #999999; text-align: center; white-space: nowrap; }
.Index-Page .swiper-navigation >:before  { content: ""; height: 100%; }
.Index-Page .swiper-navigation >:after  { width: 0.65rem; height: 1.2rem; color: Transparent; background: url('../../images/new.main/btn_slide_navgation.png') no-repeat 50% /300%; }
.Index-Page .swiper-navigation .swiper-button-play  { display: none; }
.Index-Page .swiper-navigation .swiper-button-play[tabindex]  { display: inline-block; }
.Index-Page .swiper-navigation .swiper-button-prev,
.Index-Page .swiper-navigation .swiper-button-next  { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.Index-Page .swiper-navigation .swiper-button-prev  { left: 0; }
.Index-Page .swiper-navigation .swiper-button-next  { right: 0; }
.Index-Page .swiper-navigation .swiper-button-play:after  { content: ""; background-position: 25%; }
.Index-Page .swiper-navigation .swiper-button-play[aria-pressed="true"]:after  { background-position: 75%; }
.Index-Page .swiper-navigation .swiper-button-prev:after  { background-position: 0; }
.Index-Page .swiper-navigation .swiper-button-next:after  { background-position: 100%; }
.Index-Page .swiper-navigation .swiper-button-disabled  { opacity: 0.5; }
.Index-Page .swiper-pagination  { font-size: 0.5rem; display: none; position: relative; color: rgba(255,255,255, 0.5); white-space: nowrap; }
.Index-Page .swiper-pagination .swiper-pagination-current,
.Index-Page .swiper-pagination .swiper-pagination-bullet-active  { color: #333; }
.Index-Page .swiper-pagination-bullets  { line-height: 0; white-space: normal; }
.Index-Page .swiper-pagination-bullet  { width: 0.5rem; height: 0.5rem; margin: 0.3rem 0 0.3rem 0.4rem; border: 0.05rem solid currentColor; border-color: Transparent; border-radius: 0.25rem; background: Transparent; background: currentColor; -webkit-transition: all 0.2s; transition: all 0.2s; }
html.-ms .Index-Page .swiper-pagination-bullet  { transition: none; }
.Index-Page .swiper-pagination-bullet:first-child  { margin-left: 0; }
.Index-Page .swiper-pagination-bullet-active  { width: 1.4rem; background-color: currentColor; }
/* .Index-Page .swiper-navigation  { position: absolute; top: 0; }
.Index-Page .swiper-pagination-bullets ~.swiper-navigation  { display: none; } */


/**	Page Layout
 -------------- */

/** Wrapper */
.doc-wrapper  { position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; }
[class*="doc-"] >.masking  { display: none; }
[class*="doc-"] >* >.wrap-div  { display: block; min-width: 950px; width: 50rem; margin: 0 auto; padding: 0 1rem; }
/* [class*="doc-"] >.wrap-inner >*  { display: block; min-width: var(--breakpoint-min-pc); padding: 0 1rem; }
[class*="doc-"] >.wrap-inner >* >*  { display: block; width: 47.5rem; margin: 0 auto; } */


/** Skip Navigation */
.div-skip { position: absolute; z-index: 61; left: 0; top: 0; width: 100%; }
.div-skip * { position: absolute; width: 100%; margin: 0; padding: 0; height: 0; }
.div-skip a { display: block; z-index: 1; left: -1px; width: 1px; height: 1px; overflow: hidden; text-decoration: none; }
.div-skip a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.div-skip a strong { position: static; }
.div-skip a strong:before { content: "» "; }
.div-skip a[id] { text-align: center; font-weight: 700; font-size: 12px; font-size: 0.6rem; font-size: 100%; font-family: 'Tahoma', 'Geneva', 'Dotum', 'AppleGothic', sans-serif; font-family: inherit; }
.div-skip a[id]:focus,
.div-skip a[id]:active { left: 0; top: 0; padding: 0.5em 0; width: 100%; height: auto; color: #ffffff; background: #333333; background-color: #1d995a;}/*210531-명도대비 컬러 수정-#38af73*/



/** Header */
.doc-header  { position: relative; color: #ffffff; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }

.doc-header .div-logo >*  { position: relative; }
.doc-header .div-logo .logo  { font-weight: 600; font-size: 1.25rem; display: block; position: absolute; left: 1rem; top: 4.1rem; width: 10.5rem; height: 1.9rem; padding-left: 2.15rem; color: Transparent; background: url('../../images/new.main/img_header_logo.png') no-repeat 0 /200%; white-space: nowrap; -webkit-transition: all 0.0s ease-out; transition: all 0.0s ease-out; background-position: 100%;}

.doc-header .div-bind >*  { line-height: 1.2; position: relative; }
.doc-header .div-bind .nav-show  { display: block; position: absolute; right: 0.5rem; top: 4rem; text-align: center; }
.doc-header .div-bind .nav-show >*  { display: block; width: 2rem; height: 2rem; color: #000;}
.doc-header .div-bind .nav-show >* >.label  { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; padding: 0.2rem; color: Transparent; }
.doc-header .div-bind .nav-show >* >i:before,
.doc-header .div-bind .nav-show >* >i:after,
.doc-header .div-bind .nav-show >* >i  { display: inline-block; vertical-align: middle; position: absolute; width: 1rem; height: 0.1rem; background: currentColor; }
.doc-header .div-bind .nav-show >* >i  { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.doc-header .div-bind .nav-show >* >i:before  { content: ""; left: 0; top: -0.4rem; }
.doc-header .div-bind .nav-show >* >i:after  { content: ""; left: 0; bottom: -0.4rem; }

/* .doc-header .div-alert  { position: fixed; z-index: 100; left: 0; top: 0; min-width: 100%; height: 100%; padding: 3.5rem 0; color: #111111; visibility: hidden; opacity: 0.0; }
.doc-header .div-alert >.masking  { position: fixed; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background: Black; opacity: 0.7; }
.doc-header .div-alert:not([aria-modal="true"]) >.masking  { display: none; }
.doc-header .div-alert >.wrap-div  { position: relative; min-width: 10rem; width: 20rem; min-height: 7rem; max-height: 100%; padding: 2.9rem 0 0; background: #ffffff; }
.doc-header .div-alert >* >.header  { font-weight: 600; font-size: 1rem; position: absolute; left: 0; top: 0; min-width: 100%; height: 2.9rem; padding: 0.75rem 1rem; background: #f3f3f3; }
.doc-header .div-alert >* >.footer  { position: absolute; top: 0; right: 0; height: 2.9rem; }
.doc-header .div-alert >* >.footer >.item  { text-align: center; }
.doc-header .div-alert >* >.footer .nav-hide,
.doc-header .div-alert >* >.footer .nav-hide >*  { display: block; height: 100%; }
.doc-header .div-alert >* >.footer .nav-hide >*  { width: 2.95rem; padding: 1.05rem 1.05rem 1rem; }
.doc-header .div-alert >* >.footer .nav-hide .label  { position: absolute; width: 100%; left: 0; color: Transparent; white-space: nowrap; }
.doc-header .div-alert >* >.footer .nav-hide >* >i  { display: block; width: 100%; height: 100%; background: url('../../images/new.main/btn_nav_close.png') no-repeat; }
.doc-header .div-alert >* >.body  { height: 100%; overflow: auto; padding: 1.9rem 2rem; }

html._target-Alerts .doc-header .div-alert  { visibility: inherit; opacity: 1.0; } */

.doc-header .div-alert  { position: fixed; z-index: 100; left: 0; top: 0; min-width: 100%; height: 100%; padding: 3.5rem 0; padding-top: calc(3.5rem + 2.9rem); color: #666666; visibility: hidden; opacity: 0.0; -webkit-transition: opacity 0.4s ease, visibility 0.0s 0.4s; transition: opacity 0.15s ease, visibility 0.0s 0.15s; }
.doc-header .div-alert >.masking  { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: Black; opacity: 0.7; }
.doc-header .div-alert[aria-modal="false"] >.masking  { display: none; }
.doc-header .div-alert >.wrap-div  { position: relative; z-index: 5; min-width: 320px; max-width: 100%; width: 20rem; min-height: 7rem; max-height: 100%; overflow: auto; padding: 0; background: #ffffff; }
.doc-header .div-alert >* >.header  { font-weight: 600; font-size: 1rem; position: fixed; width: inherit; height: 2.9rem; margin-top: calc(-2.9rem); padding: 0.75rem 1rem; color: #111111; background: #f3f3f3; }
.doc-header .div-alert >* >.footer  { position: fixed; top: 0.6rem; width: inherit; height: 2.9rem; }
.doc-header .div-alert >* >.footer >.item  { position: absolute; top: 2.9rem; right: 0; text-align: center; }
.doc-header .div-alert >* >.footer .item._close,
.doc-header .div-alert >* >.footer .item._close >*  { display: block; height: 100%; }
.doc-header .div-alert >* >.footer .item._close >*  { width: 2.95rem; padding: 1.05rem 1.05rem 1rem; }
.doc-header .div-alert >* >.footer .item._close .label  { position: absolute; width: 100%; left: 0; color: Transparent; white-space: nowrap; }
.doc-header .div-alert >* >.footer .item._close >* >i  { display: block; width: 100%; height: 100%; background: url('../../images/new.main/btn_nav_close.png') no-repeat; }
.doc-header .div-alert >* >.container  { padding: 1.9rem 2rem; }
.doc-header .div-alert >* >.container._imgonly  { padding: 0; }

.doc-header .div-alert.case-session .message .icon  { display: block; width: 6.4rem; height: 6.4rem; margin: 0 auto 1rem; background: no-repeat; }
.doc-header .div-alert.case-session .message .icon._time  { background-image: url('../../images/new.main/ico_error_session.png'); }
.doc-header .div-alert.case-session .message .limit  { font-size: 0.9rem; color: #111111; padding: 1em; background: #f3f3f3; text-align: center; }
.doc-header .div-alert.case-session .message .texts  { margin: 0.5rem 0 0; padding: 0 3em; text-align: center; }
.doc-header .div-alert.case-session .confirm  { font-weight: 600; margin: 1rem 0 0; text-align: center; }
.doc-header .div-alert.case-session .confirm >p  { margin: 0 0 0.5rem; color: #00833a; }
.doc-header .div-alert.case-session .confirm .action .cta  { font-size: 16px; min-width: 8em; margin: 0 0.125em; padding-top: 1.5ex; padding-bottom: 1.5ex; background: #00833a; border: 1px solid Transparent; color: #ffffff; background: #00833a; }
.doc-header .div-alert.case-session .confirm .action .cta.case-confirm  { background: #1d995a; }
.doc-header .div-alert.case-session .confirm .action .cta.case-submit  { background: #38af73; }

html[class*="_target-"] .doc-header .div-alert  { -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; }
html._target-SystemAlerts .doc-header #SystemAlerts  { visibility: inherit; opacity: 1.0; }
html._target-SessionAlerts .doc-header #SessionAlerts  { visibility: inherit; opacity: 1.0; }


/** Unified Search */
.doc-search  { display: none; }


/** Global Navigation */
.doc-nav  { font-size: 0.65rem; line-height: 1.53847; position: relative; }

.doc-nav .div-global-nav  { position: absolute; left: 0; top: 0; z-index: 8; min-width: 100%; color: #ffffff; background: #f3f3f3; background-color: rgba(0,0,0, 0.2); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.doc-nav .div-global-nav >:after  { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.doc-nav .div-global-nav >* >ul  { display: inline; float: right; margin: 0 -0.8rem; padding-right: 0.05rem; white-space: nowrap; opacity: 0.7; }
.doc-nav .div-global-nav >* >ul >*  { display: inline; float: left; position: relative; }
.doc-nav .div-global-nav >* >ul >* +:before  { content: ""; display: inline-block; vertical-align: middle; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 0.92308em; background: #333; opacity: 0.83; }
.doc-nav .div-global-nav .label  { display: block; padding: 0.75rem 0.8rem; color:#333;}

.doc-nav .div-local-nav  { position: absolute; left: 0; top: 0; min-width: 100%; color: #ffffff; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
.doc-nav .div-global-nav ~.div-local-nav  { top: 2.5rem; }
.doc-nav .div-local-nav .label  { display: block; }
.doc-nav .div-local-nav:before  { content: ""; display: block; position: absolute; left: 0; top: 5.15rem; min-width: 100%; height: 1px; background: #efefef; opacity: 0.0; }
.doc-nav .div-local-nav >*  { max-height: 5rem; overflow: hidden; padding: 0 2.75rem 0 13rem; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }
.doc-nav .div-local-nav >* >ul  { display: table; table-layout: fixed; width: 100%; text-align: center; }
.doc-nav .div-local-nav >* >ul >*  { display: table-cell; vertical-align: top; }
.doc-nav .div-local-nav >* >ul >* >.label  { font-weight: 600; font-size: 0.9rem; line-height: 1.55556; position: relative; margin: 0 0.75rem; padding: 1.8rem 0; color: #000;}
.doc-nav .div-local-nav >* >ul >* >.label:after  { content: ""; display: block; position: absolute; left: 50%; bottom: -3px; -webkit-transform: translateX(-50%); transform: translateX(-50%); min-width: 0; height: 2px; background: currentColor; -webkit-transition: min-width 0.15s; transition: min-width 0.15s; }
.doc-nav .div-local-nav >* >ul >:hover >.label:after  { min-width: 100%; }
.doc-nav .div-local-nav >* >ul >* >.label +ul  { visibility: hidden; padding: 1rem 0; -webkit-transition: visibility 0.0s 50ms; transition: visibility 0.0s 50ms; }
.doc-nav .div-local-nav >* >ul >* >ul >* >.label  { padding: 0.35rem 0; }
.doc-nav .div-local-nav >* >ul >* >ul >* >.label >.inner  { display: inline-block; border-bottom: 1px solid Transparent; }
.doc-nav .div-local-nav >* >ul >* >ul >* >.label:hover,
.doc-nav .div-local-nav >* >ul >* >ul >* >.label:focus  { color: #1d995a; }
.doc-nav .div-local-nav >* >ul >* >ul >* >.label:hover >.inner,
.doc-nav .div-local-nav >* >ul >* >ul >* >.label:focus >.inner  { border-color: currentColor; }

body._target-LocalNav .doc-header  { color: #111111; }
body._target-LocalNav .doc-header .div-logo .logo  { background-position: 100%; }
body._target-LocalNav .doc-nav .div-global-nav  { color: #333333; background: #f3f3f3; }
body._target-LocalNav .doc-nav .div-local-nav  { color: #666666; background-color: #ffffff; box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.5); }
body._target-LocalNav .doc-nav .div-local-nav:before  { opacity: 1.0; }
body._target-LocalNav .doc-nav .div-local-nav >*  { max-height: 54rem; -webkit-transition: max-height 1s ease-out; transition: max-height 1s ease-out; }
body._target-LocalNav .doc-nav .div-local-nav >* >ul >* >.label  { color: #111111; }
body._target-LocalNav .doc-nav .div-local-nav >* >ul >* >ul  { visibility: inherit; }

.doc-nav .div-total-nav  { font-weight: 600; position: fixed; left: 0; top: 0; min-width: 100%; height: 100%; padding: 3.5rem 0; color: #111111; visibility: hidden; opacity: 0.0; -webkit-transition: opacity 0.4s ease, visibility 0.0s 0.4s; transition: opacity 0.4s ease, visibility 0.0s 0.4s; }
.doc-nav .div-total-nav >.masking  { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: Black; opacity: 0.7; }
.doc-nav .div-total-nav[aria-modal="false"] >.masking  { display: none; }
.doc-nav .div-total-nav >.wrap-div  { position: relative; z-index: 5; min-width: 320px; min-height: 7rem; max-height: 100%; height: 32.5rem; padding: 2.9rem 0 0; background: #ffffff; }
.doc-nav .div-total-nav >* >.header  { font-size: 1rem; position: absolute; left: 0; top: 0; min-width: 100%; height: 2.9rem; padding: 0.75rem 1rem; background: #f3f3f3; }
.doc-nav .div-total-nav >* >.footer  { position: absolute; top: 0; right: 0; height: 2.9rem; }
.doc-nav .div-total-nav >* >.footer >.item  { text-align: center; }
.doc-nav .div-total-nav >* >.footer .nav-hide,
.doc-nav .div-total-nav >* >.footer .nav-hide >*  { display: block; height: 100%; }
.doc-nav .div-total-nav >* >.footer .nav-hide >*  { width: 2.95rem; padding: 1.05rem 1.05rem 1rem; }
.doc-nav .div-total-nav >* >.footer .nav-hide .label  { position: absolute; width: 100%; left: 0; color: Transparent; white-space: nowrap; }
.doc-nav .div-total-nav >* >.footer .nav-hide >* >i  { display: block; width: 100%; height: 100%; background: url('../../images/new.main/btn_nav_close.png') no-repeat; }
.doc-nav .div-total-nav >* >.container  { height: 100%; overflow: auto; padding: 1.9rem 2rem 0; }
.doc-nav .div-total-nav >* >.container >ul  { padding-bottom: 1.9rem; }
.doc-nav .div-total-nav >* >.container >ul a  { word-break: normal; }
.doc-nav .div-total-nav >* >.container >ul a:hover,
.doc-nav .div-total-nav >* >.container >ul a:focus  { color: #1d995a; }
.doc-nav .div-total-nav >* >.container >ul >* +*  { margin-top: 2.15rem; }
.doc-nav .div-total-nav >* >.container >ul >* >.label  { font-size: 0.9rem; position: relative; z-index: 5; }
.doc-nav .div-total-nav >* >.container >ul >* >.label:before  { content: ""; display: block; position: absolute; left: 0.05rem; top: -0.4rem; width: 0.75rem; height: 0.1rem; background: #1d995a; }
.doc-nav .div-total-nav >* >.container >ul >* >ul  { position: relative; margin-top: -1rem; }
.doc-nav .div-total-nav >* >.container >ul >* >ul:after  { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.doc-nav .div-total-nav >* >.container >ul >* >ul >*  { display: inline; float: left; position: relative; width: 25%; margin-top: 2rem; padding-left: 0.95rem; }
.doc-nav .div-total-nav >* >.container >ul >* >ul >:before  { content: ""; display: block; position: absolute; width: 1px; height: 100%; margin-left: -0.95rem; background: #e5e5e5; }
.doc-nav .div-total-nav >* >.container >ul >* >ul >:nth-child(4n+1)  { clear: both; }
.doc-nav .div-total-nav >* >.container >ul >* >ul >* >.label  { font-size: 0.75rem; }
.doc-nav .div-total-nav >* >.container >ul >* >ul >* >ul  { font-weight: 400; padding-top: 0.35rem; color: #666666; }
.doc-nav .div-total-nav >* >.container >ul >* >ul >* >ul >*  { margin-top: 0.25rem; }
.doc-nav .div-total-nav >* >.container >ul >* >ul >* >ul >* >.label  {  }
.doc-nav .div-total-nav >* >.container >ul >* >ul >* >ul >* >ul  {  }
.doc-nav .div-total-nav >* >.container >ul >* >ul >* >ul >* >ul >*  { font-size: 0.6rem; padding-left: 0.5875em; text-indent: -0.5875em; }
.doc-nav .div-total-nav >* >.container >ul >* >ul >* >ul >* >ul >:before  { content: "- "; }
.doc-nav .div-total-nav >* >.container >ul >* >ul >* >ul >* >ul >* *  { text-indent: 0; }
.doc-nav .div-total-nav >* >.container >ul >* >ul >* >ul >* >ul >* >.label  {  }

html._target-TotalNav .doc-header  { z-index: 20; }
html._target-TotalNav .doc-nav .div-total-nav  { z-index: 10; visibility: inherit; opacity: 1.0; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }


/** Container */
.doc-container .div-visual  { min-height: 28rem; color: #333; background: #f3f3f3; }
.doc-container .div-visual >*  { min-width: 100%; padding: 0; }
/* 20250120 백그라운드 컬러 변경 */
.doc-container .div-visual >* >ul >*  { min-height: 14rem; padding: 7.5rem 0 6.5rem; background: #eaf2e8; }
.doc-container .div-visual >* >ul >:nth-child(6n-5) { background-color: #f2f2e8;}
.doc-container .div-visual >* >ul >:nth-child(6n-4) { background-color: #eaf2e8;} 
.doc-container .div-visual >* >ul >:nth-child(6n-3) { background-color: #e7ecf5;}
.doc-container .div-visual >* >ul >:nth-child(6n-2) { background-color: #f5f1e8;} 
.doc-container .div-visual >* >ul >:nth-child(6n-1) { background-color: #f2f2e8;}
.doc-container .div-visual >* >ul >:nth-child(6n-0) { background-color: #eaf2e8;} 

/* 에세이공모전 메인배너 
.doc-container .div-visual >* >ul >*  { min-height: 14rem; padding: 7.5rem 0 6.5rem; background: #a21689; #186533}
.doc-container .div-visual >* >ul >:nth-child(7n-0) { background-color: #a21689;}
.doc-container .div-visual >* >ul >:nth-child(7n-1) { background-color: #1644a2;}
.doc-container .div-visual >* >ul >:nth-child(7n-2) { background-color: #006075;} 
.doc-container .div-visual >* >ul >:nth-child(7n-3) { background-color: #903504;}
.doc-container .div-visual >* >ul >:nth-child(7n-4) { background-color: #186533;}
.doc-container .div-visual >* >ul >:nth-child(7n-5) { background-color: #a21689;}
.doc-container .div-visual >* >ul >:nth-child(7n-6) { background-color: #186533;} */

.doc-container .div-visual .visual  { position: relative; width: 49.5rem; margin: 0 auto; padding: 0 1rem; }
.doc-container .div-visual .visual img  { min-height: 14rem; }
.doc-container .div-visual .visual .image  { text-align: center; }
.doc-container .div-visual .visual .text  { font-size: 1.4rem; position: absolute; left: 1rem; top: 1.25rem; letter-spacing: -0.075em; }
.doc-container .div-visual .visual .text .headline  { font-size: 2.5rem; line-height: 1.2; display: block; margin: 0 0 0.8rem -0.06em; letter-spacing: -0.075em; }
.doc-container .div-visual .visual .text .headline >*  { display: block; }
.doc-container .div-visual .visual .text .headline .emphasis  { font-weight: 600; }
.doc-container .div-visual .visual .text .strapline .label:after  { display: inline-block; vertical-align: middle; width: 1.5rem; height: 1.5rem; margin: -0.2rem 0px 0.2rem 0.5rem; background: url('../../images/new.main/btn_container_visual.png') no-repeat; }
.doc-container .div-visual .visual .text .strapline a.label:after  { content: ""; }
.doc-container .div-visual .swiper-controls  { position: absolute; left: 50%; top: 19.6rem; margin-left: -23.75rem;}
.doc-container .div-visual .swiper-controls:after  { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.doc-container .div-visual .swiper-controls >*  { float: left; margin-right: 0.4rem; }
.doc-container .div-visual .swiper-navigation >*  { font-size: 1%; position: relative; -webkit-transform: translateY(0); transform: translateY(0); width: 1.1rem; height: 1.1rem; }
.doc-container .div-visual .swiper-navigation >:after  { width: 100%; height: 100%; background-image: url('../../images/new.main/btn_slide_navctrl_b.png'); background-size: 500%; }
.doc-container .div-visual .swiper-pagination  { display: inline-block; }

.doc-container .div-quick  { font-size: 0.75rem; margin-top: 1.5rem; }
.doc-container .div-visual +.div-quick  { margin-top: -5.04rem; }/* 211217수정 :mt-5rem */
.doc-container .div-quick >*  { position: relative; z-index: 10; }
.doc-container .div-quick >* >ul  { display: table; table-layout: fixed; width: 100%; background: #45852f; border-radius: 2em; border-bottom-right-radius: 0;}
.doc-container .div-quick >* >ul >*  { display: table-cell; vertical-align: middle; text-align: center; }
.doc-container .div-quick >* >ul >:first-child  { border-left-width: 0; }
.doc-container .div-quick a {display: block; padding: 0.85rem 0.5em; font-size: 18px; font-weight: 600;color: #fff;} 
/* ul영역  */
.doc-container .div-quick ul li {position:relative}
.doc-container .div-quick ul li + li::before {content:''; position:absolute; top:50%; left:0; width:1px; height:12px; background-color:#fff; transform:translateY(-50%);}


/*20250120 수정*/
.doc-container .div-custom-area {padding: 0; background: #55555c; margin-top: 2rem;}
.doc-container .div-custom-area ul {display: flex;justify-content: center;gap: 63px; padding: 0.8rem 0 0.8rem;}
.doc-container .div-custom-area ul >* {color: #fff;}
.doc-container .div-custom-area ul >*:nth-child(1) {padding-left: 0;}
.doc-container .div-custom-area li a {display: inline; font-weight: 300; font-size:15px;}
.doc-container .div-custom-area li a { display: inline-block; }
.doc-container .div-custom-area li a:hover { font-weight: 600; transform: scale(1.13,1.13); }
.doc-container .div-custom-area ul li a span:after {content: ""; cursor: pointer; display: inline-block; vertical-align: middle; left: .4rem; top: .18rem; width: .4rem; height: .4rem; overflow: hidden; margin: 0 0.4rem 0.2rem 0.4rem; border: 1px solid #ffffff; border-width: 0 1.6px 1.6px 0; transform: rotate(-45deg);}


/*20250120 수정: 슬라이드 삭제*/
.doc-container .div-banner {margin-top: 30px;width: 100%;}
/* .doc-container .div-banner >*  {padding: 0 3rem;} */
html.-ms .doc-container .div-banner >*  { width: 49.45rem; }
.doc-container .div-banner >* >ul  {display: flex; gap: 30px;}
.doc-container .div-banner >* >ul >*  {flex: 1;display: flex;align-items: center;justify-content: space-between;border: 1px solid #d9d9d9;padding: 24px 30px;}
.doc-container .div-banner >* >ul >* >a {display: flex;justify-content: space-between;align-items: center;width: 100%;}
/* .doc-container .div-banner >* >ul >:after  { content: ""; display: inline-block; vertical-align: middle; position: absolute; top: 50%; right:0; margin-top: -2rem; width: 1px; height: 4rem; background: #e7e7e7; }*/.doc-container .div-banner >.swiper-container:before,
.doc-container .div-banner >.swiper-container:after  { content: ""; width: 3rem; }
.doc-container .div-banner >.swiper-container:before  { width: -webkit-calc(3rem + 1px); width: calc(3rem + 1px); }


/* 20211117 배너코드 추가 */
.doc-container .tab_header .heading { font-weight: 600; font-size: 1.3rem; color: #111111; letter-spacing: -0.09em; }

.doc-container .div-banner .d-bnr {display: inline-block; cursor: pointer;}
.doc-container .div-banner .d-bnr .d-bnr-tit {font-size: 1rem; font-weight: bold; letter-spacing: -0.1rem;}
.doc-container .div-banner .d-bnr .d-the {line-height: 1.32rem;}
.doc-container .div-banner .d-bnr .col-1 {color: #1da05d;}
.doc-container .div-banner .d-bnr .col-2 {color: #bf6115;}
.doc-container .div-banner .d-bnr .col-3 {color: #3959ae;}
.doc-container .div-banner .d-bnr span {font-size: 0.75rem; color: #767676; letter-spacing: -0.04rem;}
.doc-container .div-banner p {position:relative; padding: 4px 13px; font-size: 0.65rem; color: #ffffff;background: #363636; border-radius: 1rem; cursor:pointer;}

.doc-container .div-product  { padding-top: 50px; /* background: #f3f3f3; */}
.doc-container .div-product .product  { font-size: 0.75rem; position: relative; height: 12rem; padding: 1.8rem 1.45rem; background: #ffffff; box-shadow: 0 0 10px #666666; box-shadow: 0 0 10px rgba(102,102,102, 0.1);}
.doc-container .div-product .product .caption  { font-weight: 600; font-size: 1.1rem; line-height: 1.36364; display: block; color: #111111; letter-spacing: -0.08em; }
.doc-container .div-product .product .summary .interest >*  { display: block; position: absolute; right: 1.5rem; }
.doc-container .div-product .product .summary .interest .rate  { font-size: 1.2rem; top: 5.8rem; letter-spacing: 0; }
.doc-container .div-product .product .summary .interest .value >:not(.unit)  { font-weight: 600; font-size: 2.4rem; }
.doc-container .div-product .product .summary .interest .legend  { top: 9.1rem; color: #666666; /*color: #999999;*/}
.doc-container .div-product >*  { position: relative;/*  padding: 0 0;  */}
html.-ms .doc-container .div-product >*  { width: 49.55rem; }
.doc-container .div-product .tabs  { position: absolute; top: 0; right: 0; padding: 0 3rem; }
.doc-container .div-product .tabs >.lists  { font-size: 0.85rem; line-height: 1.41177; display: table; margin-top: -0.1rem; color: #767676; text-align: center; white-space: nowrap; }/*210518 접근성컬러수정*/
.doc-container .div-product .tabs >.lists >*  { display: table-cell; vertical-align: middle; position: relative; }
.doc-container .div-product .tabs >.lists >* +:before  { content: ""; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 0.82353em; margin-top: 0.15ex; background: currentColor; opacity: 0.83; }
.doc-container .div-product .tabs >.lists >* >*  { display: block; padding: 0.7rem 0.7rem; }
.doc-container .div-product .tabs >.lists >* >* >.inner  { position: relative; }
.doc-container .div-product .tabs >.lists >* >* >.inner:before  { content: ""; display: block; position: absolute; left: 50%; top: -0.4rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; width: 0; height: 3px; background: #00833a; -wekbit-transition: width 0.3s ease; transition: width 0.3s ease; }

.doc-container .div-product .tabs >.lists >:nth-child(3n-2) >* >.inner:before  { background-color: #f26b50; }
.doc-container .div-product .tabs >.lists >:nth-child(3n-1) >* >.inner:before  { background-color: #008bbd; }
.doc-container .div-product .tabs >.lists >:nth-child(3n-0) >* >.inner:before  { background-color: #00833a; }

.doc-container .div-product .tabs >.lists >* >[aria-selected="true"]  { color: #111111; }
.doc-container .div-product .tabs >.lists >* >[aria-selected="true"] >.inner:before  { width: -webkit-calc(100% - 0.125em); width: calc(100% - 0.125em); }

.doc-container .div-product .panels  { position: relative; }
.doc-container .div-product .heading ~.panels  { margin-top: 1.25rem; }
.doc-container .div-product .panels >.panel  { color: #00833a; opacity:0; visibility:hidden; height:0; overflow:hidden; transition: opacity 0.09s ease-in-out;}
.doc-container .div-product .panels >.panel:nth-child(3n-2)  { color: #e32600; }
.doc-container .div-product .panels >.panel:nth-child(3n-1)  { color: #008bbd; }
.doc-container .div-product .panels >.panel:nth-child(3n-0)  { color: #00833a; }
.doc-container .div-product .panels >.panel >ul:after  { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.doc-container .div-product .panels >.panel >ul >*  { display: inline; float: left; width: 13rem; margin-right: 1.5rem; }
.doc-container .div-product .panels >.panel:not(.swiper-container) >ul >:last-child  { margin-right: 0; }
.doc-container .div-product >*,
.doc-container .div-product >* >.panels  { background: inherit; }
.doc-container .div-product .panels >.panel.swiper-container  { overflow: hidden !important; margin: -0.5rem 0; padding: 0.5rem 3.75rem; }
/* 메인화면 상품 스와이퍼 삭제
.doc-container .div-product .panels >.panel.swiper-container:before,
.doc-container .div-product .panels >.panel.swiper-container:after  { content: ""; width: 3.25rem; }
.doc-container .div-product .panels >.panel.swiper-container:before  { left: -0.5rem; }
.doc-container .div-product .panels >.panel.swiper-container:after  { right: -0.5rem; } */
.doc-container .div-product .panels >.panel:not(.js_tabpanel-selected)  {position: absolute; left: -1px; top: -1px; max-width: 1px; max-height: 1px; overflow: hidden; margin: 0; padding: 0;}
.doc-container .div-product .panels >.panel.js_tabpanel-showing  {display: none; left: 0; width: 100%; overflow: visible; aria-hidden: false;}
.doc-container .div-product .panels >.panel.js_tabpanel-selected  {position: relative; left: 0; top: 0; max-width: none; max-height: none; overflow: visible; aria-hidden: false; opacity:1; visibility:visible; height:auto;overflow:visible;}

.doc-container .div-guide  {padding-top: 50px;}
.doc-container .div-guide .emph  { font-weight: 600; }
.doc-container .div-guide .wbr  { white-space: nowrap; }
.doc-container .div-guide .action  { position: absolute !important; left: 1.2rem; bottom: 1.1rem; }
.doc-container .div-guide .action >.launch  { line-height: 1.2; display: inline-block; vertical-align: middle; position: relative; width: 1.4rem; height: 1.4rem; padding: 0.4rem 0.25rem 0.35rem; }
.doc-container .div-guide .action >.launch >.label  { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 28px; height: 28px; color: Transparent; }
.doc-container .div-guide .action >.launch >i  { display: inline-block; vertical-align: top; width: 100%; height: 100%; background: url('../../images/new.main/btn_container_launch.png') no-repeat; }
.doc-container .div-guide .wrap-div  {position: relative; display: table; table-layout: fixed; border-spacing: 1rem 0.5rem; padding: 0; height: 222px;}
.doc-container .div-guide >* >*  { display: table-cell; vertical-align: top; position: relative; padding: 1.1rem 0.95rem 1.1rem 1.45rem; border: 1px solid Transparent; }
.doc-container .div-guide >* >* >.wrap  { display: inline; float: left; }
.doc-container .div-guide >* >* >.wrap:first-child  { width: 13.5rem; }
.doc-container .div-guide >* >* >.wrap:last-child:not(:only-child)  { float: right; }
.doc-container .div-guide .sect-bankapp,
.doc-container .div-guide .sect-bankpc  { line-height: 1.57143; }
.doc-container .div-guide .sect-bankapp .heading,
.doc-container .div-guide .sect-bankpc .heading  { font-weight: 600; font-size: 1.3rem; line-height: 1.3077; margin: 0.1rem 0 0.5rem; color: #111111; letter-spacing: -0.085em; }
.doc-container .div-guide .sect-phishing,
.doc-container .div-guide .sect-notice  { line-height: 1.78572; }
.doc-container .div-guide .sect-phishing .heading,
.doc-container .div-guide .sect-notice .heading  { font-weight: 600; font-size: 1rem; margin: -0.1rem 0 0.3rem; color: #111111; letter-spacing: -0.085em; }
.doc-container .div-guide .sect-bankapp  { background: #eaf3f9 url('../../images/new.main/img_container_guide_bankapp_01.png') no-repeat 100% 100%; }
.doc-container .div-guide .sect-bankpc  { overflow: hidden; background: #edf4ea url(../../images/new.main/img_container_guide_service.png) no-repeat; background-position: calc(100% - 23rem) 52px;}
.doc-container .div-guide .sect-bankpc:before  { content: ""; position: absolute; top: -24%; right: -4.1rem; -webkit-transform: rotate(15deg); transform: rotate(15deg); width: 15rem; height: 15rem; background: #e0efdb; border-radius: 50%; }

.doc-container .div-guide .sect-bankpc >.wrap >*  { position: relative; }
.doc-container .div-guide .sect-bankpc .links  {position: relative; font-weight: 600; font-size: 0.65rem; text-align: center; top: 50%; transform: translateY(-50%);}
.doc-container .div-guide .sect-bankpc .links a  { display: block; background: #f9f9f9; width: 240px;height: 48px;line-height: 48px;}
.doc-container .div-guide .sect-bankpc .links > ul {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}
.doc-container .div-guide .sect-phishing  { background: #f9f6ea url('../../images/new.main/img_container_guide_phishing_01.png') no-repeat; background-position: calc(100% - 2.5rem) calc(100% - 1.3rem);}
.doc-container .div-guide .sect-notice  { padding-right: 1.45rem; border-color: #e7e7e7; }
.doc-container .div-guide .sect-notice >.wrap  { width: 100%; }
.doc-container .div-guide .sect-notice .latest  { display: table; table-layout: fixed; border-spacing: 0; width: 100%; }
.doc-container .div-guide .sect-notice .latest >*  { display: table-row; }
.doc-container .div-guide .sect-notice .latest >* >*  { display: table-cell; vertical-align: middle; white-space: nowrap; }
.doc-container .div-guide .sect-notice .latest .head  { padding-left: 0.71429em; overflow: hidden; text-indent: -0.71429em; text-overflow: ellipsis; }
.doc-container .div-guide .sect-notice .latest .head:before  { content: "• "; display: inline-block; vertical-align: middle; width: 0.1rem; height: 0.1rem; overflow: hidden; margin: 0 0.4rem 0 0; color: Transparent; background: #575454; }
.doc-container .div-guide .sect-notice .latest .head *  { text-indent: 0; }
.doc-container .div-guide .sect-notice .latest .data  { width: 5em; color: #999999; text-align: right; }


/** Aside */
.doc-aside  { display: none; }


/** Footer */
.doc-footer  { position: absolute; left: 0; bottom: 0; min-width: 100%; color: #9aa7ca; background: #34373f; }
.doc-footer[role="contentinfo"] +i  { display: table; height: 15.4rem; }
.doc-footer +.jsui_varStickyLayout-cloned  { position: static; visibility: hidden; }

.doc-footer .div-utile  { font-size: 0.8rem; color: #666666; background: #f3f3f3; }
.doc-footer .div-utile >*  { padding: 0 3.35rem; }
/* .doc-footer .div-utile >* >ul:after  { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.doc-footer .div-utile >* >ul >*  { display: inline; float: left; } */
.doc-footer .div-utile >* >ul >*  { width: auto !important; white-space: nowrap; }
.doc-footer .div-utile a  { display: block; margin: 0.9rem 2.3rem; } /*210623~수정*/
.doc-footer .div-utile >.swiper-container:before,
.doc-footer .div-utile >.swiper-container:after  { content: ""; width: 3.35rem; }

.doc-footer .div-policy  { font-size: 0.65rem; line-height: 1.53847; border-bottom: 1px solid #4f5460; }
.doc-footer .div-policy >* >:after  { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.doc-footer .div-policy >* >ul >*  { display: inline; float: left; position: relative; margin-left: 1.3rem; padding-left: 1.25rem; }
.doc-footer .div-policy >* >ul >:first-child  { margin-left: 0; margin-right: -0.05rem; padding-left: 0; }
.doc-footer .div-policy >* >ul >* +:before  { content: ""; display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 50%; width: 1px; height: 0.92308em; margin-top: -0.46154em; background: #4f5460; }
.doc-footer .div-policy a  { display: block; padding: .5rem 0; }
.doc-footer .div-policy a >strong  { color: #ffffff; }
.doc-footer .div-policy .wrap-div { padding: .5rem 1rem; }


.doc-footer .div-info  { margin: 1.2rem 0; }
.doc-footer .div-info >* >*  { display: block; }
.doc-footer .div-info .author  { margin-bottom: 0.2rem; }
.doc-footer .div-info .author br  { display: none; }
.doc-footer .div-info .author .address  { display: none; }
.doc-footer .div-info .author .inform >.item  { margin-left: 1.05rem; white-space: nowrap; }
.doc-footer .div-info .author .inform >.item:first-child  { margin-left: 0; }
.doc-footer .div-info .author .inform .head:after  { content: " :"; }
.doc-footer .div-info .copyright .year:before  { content: "by "; }
.doc-footer .div-info .copyright .company  { text-transform: lowercase; }
.doc-footer .div-info .copyright .company:before  { content: "\00A9" " "; }

.doc-footer .div-link  { font-size: 0.65rem; line-height: 1.38462; background-color: inherit; }
.doc-footer .div-link >*  { position: relative; background-color: inherit; }
.doc-footer .div-link .links  { position: absolute; z-index: 5; right: 1rem; bottom: 1.25rem; max-width: 10.7rem; width: 10.7rem; background-color: inherit; white-space: nowrap; }
.doc-footer .div-link .links a:hover,
.doc-footer .div-link .links a:focus  { color: #ffffff; }
.doc-footer .div-link .links .menulist  { display: block; position: relative; height: 2.2rem; overflow: hidden; text-overflow: ellipsis; padding: 0.15rem 2rem 0 0.75rem; border: 0.05rem solid #8e96ab; text-transform: uppercase; }
.doc-footer .div-link .links .menulist:before  { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.doc-footer .div-link .links .menulist >i  { display: inline-block; vertical-align: middle; position: absolute; right: 0.8rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 0.4rem; height: 0.25rem; margin-top: 0.05rem; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4MkU3MThCOEY1MjExRUE5QTlBQ0RDQTc1NzRCMzI2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ4MkU3MThDOEY1MjExRUE5QTlBQ0RDQTc1NzRCMzI2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDgyRTcxODk4RjUyMTFFQTlBOUFDRENBNzU3NEIzMjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDgyRTcxOEE4RjUyMTFFQTlBOUFDRENBNzU3NEIzMjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz57JuzzAAAAQklEQVR42mLsm7Y6l4GBwY0BO9jFBCSmA/ENLJIgsekgBX+AuB2I3yFJvoOK/WFCF4DiDpgGFjQjZ0DZ12GCAAEGANt/EjLJRoUhAAAAAElFTkSuQmCC') no-repeat; }
.doc-footer .div-link .links .menulist +*  { position: absolute; bottom: 2.15rem; right: 0; min-width: 100%; max-width: inherit; padding: 0.65rem 0; border: 0.05rem solid #8e96ab; background-color: inherit; visibility: hidden; }
.doc-footer .div-link .links .menulist +* a  { display: block; overflow: hidden; text-overflow: ellipsis; padding: 0.25rem 0.5em 0.25rem 0.75rem; }
html._target-FamilySite .doc-footer .div-link .links .menulist +*,
.doc-footer .div-link .links .menulist[aria-expanded="true"] +*  { visibility: inherit; }

.doc-footer .div-certificate  { font-size: 0.6rem; line-height: 1.33334; margin-top: 2rem; padding-bottom: 1.6rem; color: #96a0b9; }/*210518 접근성컬러수정*/
.doc-footer .div-certificate .wbr  { display: block; }
.doc-footer .div-certificate >* >ul  { display: table; width: 100%; height: 2.25rem; }
.doc-footer .div-certificate >* >ul >*  { display: table-cell; }
/*.doc-footer .div-certificate >* >ul >:nth-child(1)  { width: 10.6rem; }
.doc-footer .div-certificate >* >ul >:nth-child(2)  { width: 11.05rem; }
.doc-footer .div-certificate >* >ul >:nth-child(3)  { width: 13.35rem; }
.doc-footer .div-certificate >* >ul >:nth-child(4)  { width: 12.5rem; }*/
.doc-footer .div-certificate img  { float: left; margin-right: 0.45rem; }/*210701 mr수정 (0.5rem)*/
.doc-footer .div-certificate img[src*="_wah"]  { margin-left: 0.15rem; margin-top: -0.15rem; margin-bottom: -0.1rem; }
.doc-footer .div-certificate img[src*="_fine"]  { margin-right: 0.35rem; }
.doc-footer .div-certificate .desc  { display: block; min-width: 10em; height: 100%;}


/**	Sectioning-Area Level
 ------------------------ */
.doc-header  { z-index: 20; z-index: 60; }
.doc-search  { z-index: 40; }
.doc-nav  { z-index: 50; }
.doc-container  { z-index: 0; }
.doc-aside  { z-index: 30; }
.doc-footer  { z-index: 10; }
.doc-popup .layer-popup  { z-index: 110; }
.doc-popup .layer-popup:not(.type-full)  { z-index: 120; }
.alert-layer  { z-index: 200; }
.alert-layer.case-error  { z-index: 210; }
.doc-loading  { z-index: 1000; }


/* 230203 메인검색창  */
html._target-SearchNav .doc-header  { z-index: 20; }
html._target-SearchNav .doc-nav .search-slide__wrap { visibility: inherit; opacity: 1.0; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
.search-slide__btn a:before { content: ""; background: url(../../images/popup/ico_search_g.png) no-repeat; display: inline-block; width: 17px; height: 17px; background-size: 16px; position: relative; top: 2px; }
.search-slide__btn a { padding: 0.7rem 0.8rem !important; }
.search-slide__btn.__gray a:before { content: ""; background: url(../../images/popup/ico_search_g.png) no-repeat; display: inline-block; width: 16px; height: 16px; background-size: 16px; position: relative; top: 2px; }
.doc-nav .search-slide__wrap:before { content: "";  height: 50px; background-color: #ddd; position: absolute; top: 0; width: 100%; z-index: 6;}
.doc-nav .search-slide__wrap  { position: fixed; left: 0; top: 0; min-width: 100%; height: 100%; color: #111111; visibility: hidden; opacity: 0.0; -webkit-transition: opacity 0.4s ease, visibility 0.0s 0.4s; transition: opacity 0.4s ease, visibility 0.0s 0.4s; }
.doc-nav .search-slide__wrap >.masking  { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: Black; opacity: 0.7; }
.doc-nav .search-slide__wrap[aria-modal="false"] >.masking  { display: none; }
.doc-nav .search-slide__wrap >.wrap-div { position: relative; top: 0; width: 100%; z-index: 5; min-width: 320px; max-height: 300px; height: 300px; background: #ffffff; padding: 80px 0 0;}
.doc-nav .search-slide__wrap .blind, .search-slide__btn .blind { position: absolute; top: -9999px; left: -9999px; }
.doc-nav .search-slide__wrap .search-wrap .search-box { height: auto; }
.doc-nav .search-slide__wrap .search-wrap .search-box .search-box__in { margin-top: 20px; }
.search-slide__wrap .search-logo { display: block; width: 212px; height: 60px; background: url(../../images/new.main/img_header_logo.png)no-repeat 0 /200%; background-position: 100%; white-space: nowrap; overflow: hidden;    margin: 0 auto; }
.search-slide__wrap .footer { margin: 0 auto; width: 1000px; position: relative; } 
.search-slide__wrap .footer .search-slide__close { position: absolute; right: -2px; top: -171px; }  
.search-slide__wrap .footer .search-slide__close a { display: inline-block; padding: 1.05rem 1.05rem 1rem; }
.search-slide__wrap .footer .search-slide__close >* >i { display: block; width: 20px; height: 20px; background: url(../../images/new.main/btn_nav_close.png) no-repeat; }
    
.search-wrap .search-top { position: relative; width: 950px; margin: 0 auto; overflow: hidden; }
.search-wrap .search-box { text-align: center; margin: 0 180px; height: 250px; }
.search-wrap .search-box .search-box__in { position: relative; display: inline-block; margin-top: 83px; }
.search-wrap .search-box .search-box__input { width: 590px; height: 50px; box-sizing: border-box; font-size: 16px; padding: 13px 50px 13px 13px; border: 2px solid #45852f; }   
.search-wrap .search-box__btn a { position: absolute; right: 0px; top: 0px; height: 50px; font-size: 0; background-color: #45852f; box-sizing: border-box; padding: 0; }
.search-wrap .search-box__btn a:before { content: ''; width: 50px; height: 50px; background: url(../../images/popup/ico_search_w.png) no-repeat; background-position: 15px 15px; display: inline-block; }

.search-wrap .search-box__inb { width: 590px; font-size: 14px; margin-top: 10px; }    
.search-wrap .search-box__inb .search-box__left { text-align: left; }
.search-wrap .search-box__inb .search-box__left p { cursor: initial; display: inline-block; margin-right: 10px; float: left; font-weight: bold; color: #111; }
.search-wrap .search-box__inb .search-box__left ul { cursor: initial; float: left; width: 85%; display: inline-block; }
.search-wrap .search-box__inb .search-box__left ul li { float: left; margin: 0 10px; cursor: pointer; }
.search-wrap .search-box__inb .search-box__right { float: right; }
.search-wrap .search-box__inb .search-box__right input { width: 15px; height: 15px; margin-top: -1px; }

body._target-LocalNav .doc-nav .div-global-nav .search-slide__btn a:before { content: ""; background: url(../../images/popup/ico_search_g.png) no-repeat; display: inline-block; width: 16px; height: 16px; background-size: 16px; position: relative; top: 2px; }


/* 2023 웹접근성  */
.blind { position: absolute; top: -9999px; left: -9999px; }


/* 240315 이자환급 배너  */
[role="button"], .FN_bindsRow.sect-rf { cursor: auto; }
.doc-container .div-guide >* > .sect-rf > .wrap:first-child { width: 20rem; }
.doc-container .div-guide .sect-rf { overflow: hidden; }
.doc-container .div-guide .sect-rf { background: #f0eeec url(../../images/new.main/img_container_guide_rf.png) no-repeat 62% 70%; }
.doc-container .div-guide .sect-rf:before { content: ""; position: absolute; top: -24%; right: -4.1rem; -webkit-transform: rotate(15deg); transform: rotate(15deg); width: 15rem; height: 15rem; background: #e4e1df; border-radius: 50%; }
.doc-container .div-guide .sect-rf .heading { font-weight: 600; font-size: 1.3rem; line-height: 1.3077; margin: 0.1rem 0 0.5rem; color: #111111; letter-spacing: -0.085em; }
.doc-container .div-guide .sect-rf >.wrap >* { position: relative; }   
.doc-container .div-guide .sect-rf .summary .wbr { display: inline-block; margin-bottom: 5px; }
.doc-container .div-guide .sect-rf .links { font-weight: 600; font-size: 16px; text-align: center; position: relative; top: 40px; right: 30px; }
.doc-container .div-guide .sect-rf .links a { display: block; padding: 14px 0; background: #91857a; color: #fff; width: 250px; }
.doc-container .div-guide .sect-rf .links li:first-child { margin-bottom: 10px; }
.doc-container .div-guide .sect-rf .links li:last-child a {	background: #73695f; }
.doc-container .div-guide .sect-rf .links a span:after { content: ""; cursor: pointer; display: inline-block; vertical-align: middle; left: .4rem; top: .18rem; width: .4rem; height: .4rem; overflow: hidden; margin: 0 0.4rem 0.2rem 0.2rem; border: 1px solid #ffffff; border-width: 0 1.6px 1.6px 0; transform: rotate(-45deg); }
    
    
/* 250120 홈 공지사항 테이블 추가 */
.doc-container .sect-notice {padding-top: 50px;}
.doc-container .sect-notice table {border-collapse: collapse; width: 100%;}
.doc-container .sect-notice table th,
.doc-container .sect-notice table td {border:none; border-bottom: 1px solid #d9d9d9; height:46px; text-align: center;}
.doc-container .sect-notice table th {color:#333; font-weight: 700; border-top: 1px solid #d9d9d9}
.doc-container .sect-notice table td {color:#666}
.doc-container .sect-notice table td:nth-child(2) {text-align: left;}

.doc-container .wrap-div .tab_header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}


/* 메인 아이템 순서 변경시 마지막 요소 여백*/
.doc-container > *:last-child{margin-bottom:50px}