@charset "utf-8";

/* ROOT */
:root {
	--imgbox-w: 100;
	--imgbox-h: 100;
	--table-w: 1129px;

	--loading-duration:1.6s;
	--loading-ease:cubic-bezier(0.47, 0, 0.745, 0.715);
}

/* ====================
	LOADINGBAR
==================== */
.loadingbar-wrap {position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:10000;background-color:rgba(0,0,0,0);transition:background 0.25s var(--easeOutSine) 0.05s;}
.loadingbar-wrap .loading-txt{font-size:24px;line-height:1.5;font-weight:500;margin-top:13px;color:#fff;word-break:keep-all;}
.loadingbar-wrap .loading-inr{position:relative;text-align:center;opacity:0;transition:0.25s var(--easeOutSine) 0.05s;}
.loadingbar-wrap.on {background-color:rgba(0,0,0,0.6);}
.loadingbar-wrap.on .loading-inr{opacity:1;}

.loading-svg{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;overflow:hidden;background-color:#fff;}
.logo-svg{animation:logo-ani-show var(--loading-duration) linear;}
.logo-svg-1{animation:logo-ani-stroke-1 var(--loading-duration) var(--loading-ease), logo-ani-fill-1 var(--loading-duration) var(--loading-ease);}
.logo-svg-2{animation:logo-ani-stroke-2 var(--loading-duration) var(--loading-ease),logo-ani-fill-2 var(--loading-duration) var(--loading-ease);}
.loadingbar-wrap .logo-svg,
.logo-svg.ani{animation-iteration-count:infinite;animation-delay:0.4s;}
.loadingbar-wrap .logo-svg-1,
.loadingbar-wrap .logo-svg-2,
.logo-svg.ani .logo-svg-1,
.logo-svg.ani .logo-svg-2{animation-iteration-count:infinite, infinite;animation-delay:0.4s, 0.4s;}
@keyframes logo-ani-show{
	0%, 18%{opacity:1;}
	20%{opacity:0;}
	22%, 100%{opacity:1;}
}
@keyframes logo-ani-stroke-1{
	0%, 20%{stroke-dashoffset:0;stroke-dasharray:165.36058044433594px;}
	20% {stroke-dashoffset:165.36058044433594px;stroke-dasharray:165.36058044433594px;}
	70%, 100% {stroke-dashoffset:0;stroke-dasharray:165.36058044433594px;}
}
@keyframes logo-ani-fill-1{
	0%, 20% {fill:rgb(238, 42, 35);}
	20%, 60% {fill:transparent;}
	95%, 100% {fill:rgb(238, 42, 35);}
}
@keyframes logo-ani-stroke-2{
	0%, 20% {stroke-dashoffset:0;stroke-dasharray:239.2759246826172px;}
	20%, 26% {stroke-dashoffset:239.2759246826172px;stroke-dasharray:239.2759246826172px;}
	76%, 100% {stroke-dashoffset:0;stroke-dasharray:239.2759246826172px;}
}
@keyframes logo-ani-fill-2{
	0%, 20%{fill:rgb(35, 62, 134);}
	20%, 65% {fill:transparent;}
	100% {fill:rgb(35, 62, 134);}
}

/* ====================
	LAYOUT
==================== */
.img-box{position:relative;background-color:#f8fcff;}
.img-box:before{content:'';display:block;padding-top:calc(var(--imgbox-h) / var(--imgbox-w) * 100%);}
.img-box > img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.img-box.contain > img{object-fit:contain;}
.img-area{text-align:center;}
.img-area img{max-width:100%;}
.add-page-title{display:none;}

/* SKIP */
.skips {position:relative;z-index:1000;}
.skips a {position:absolute;left:0;right:0;top:-27px;background-color:#000;opacity:.9;text-align:center;outline-offset:0;}
.skips a:focus,
.skips a:active {top:0;}
.skips a:focus-visible {outline-offset:2px;}
.skips a span {color:#fff;font-size:11px;line-height:26px;letter-spacing:-1px;}

/* COMMON */
*:focus-visible {outline-offset:3px;}
html.is-header:not(.header-off) {scroll-padding-top:112px;}
.wrap.lock {position:fixed;right:0;bottom:0;width:100%;-webkit-overflow-scrolling:none;}

/* HEADER */
.wrap:not(.off) .header{box-shadow:0 0 0 rgba(0,0,0,0);}
.wrap:not(.off) .header.fixed {box-shadow:0 10px 10px rgba(0,0,0,.1);}

/* HEADER - 메인,상품 */
.page-wrap[class*="prds"] .header:not(.origin, .on){box-shadow:none;}
.page-wrap[class*="prds"] .header:not(.origin, .on) .tnb .link li > a,
.page-wrap[class*="prds"] .header:not(.origin, .on) .gnb-list > li > a,
.page-wrap[class*="prds"] .header:not(.origin, .on) .gnb-list > li.on > a {color:#fff;}
.page-wrap[class*="prds"] .header:not(.origin, .on) .header-inr .logo {background:url(../images/layout/logo2.png) no-repeat;}
.page-wrap[class*="prds"] .header:not(.origin, .on) .tnb .btn-log {border-color:rgba(255,255,255,.32);background-color:rgba(255,255,255,.12);color:#fff;}
.page-wrap[class*="prds"] .header:not(.origin, .on) .tnb .login .last-time {color:#fff;}
.page-wrap[class*="prds"] .header:not(.origin, .on) .tnb .login .log-time {color:#fff;}
.page-wrap[class*="prds"] .header:not(.origin, .on) .tnb .login .log-time .ico {background:url(../images/layout/ico_time2.png) no-repeat;}
.page-wrap[class*="prds"] .header:not(.origin, .on) .tnb .link li.btn > a::after{background-image:url(../images/layout/btn_link_arrow2.png);}
.page-wrap[class*="prds"] .header:not(.origin, .on) .tnb .btn-tnb {border-color:#fff;color:#fff;}
.page-wrap[class*="prds"] .header:not(.origin, .on) .tnb .btn-tnb.window::after {background-image:url(../images/btn/btn_link3.png);}
.page-wrap[class*="prds"] .header:not(.origin, .on) .gnb-btn .totalsearch {background:url(../images/layout/gnb_totalsearch2.png) no-repeat;}
.page-wrap[class*="prds"] .header:not(.origin, .on) .gnb-btn .totalmenu {background:url(../images/layout/gnb_totalmenu2.png) no-repeat;}
.page-wrap.prds1 .header:not(.origin, .on) {background-color:#2d58b7;} /* 보증 */
.page-wrap.prds2 .header:not(.origin, .on) {background-color:#3c7fd2;} /* 신용 */
.page-wrap.prds3 .header:not(.origin, .on) {background-color:#6d5ce1;} /* 전자상거래 */

/* PAGE */
.page-wrap {display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;min-height:100dvh;min-width:1128px;}
.page-wrap[style*="block"] {display:flex !important;}
.container {flex:auto;}
.content-head {position:relative;}
.content-head h2 {display:inline-block;font-size:32px;line-height:44px;color:#050f26;vertical-align:middle;}
.content-head h2 + .btn {display:inline-block;position:absolute;bottom:6px;right:0;margin-left:24px;}
.content-head .txt {position:relative;margin-top:12px;font-size:16px;line-height:24px;color:#3d414a;}
.content-head .txt .btn {display:flex;position:absolute;right:0;top:-6px;}
.content-head .txt .btn [class^="btn-"] {margin-left:4px;}
.content-head .talk-kakao {margin-left:12px;vertical-align:middle;}
.content-body {margin-top:40px;}

/* BREADCRUMB */
.breadcrumb {position:relative;background-color:#fafafa;}
.breadcrumb ol {display:flex;justify-content:flex-start;align-items:center;width:1128px;padding:12px 0;margin:0 auto;}
.breadcrumb li {font-size:14px;}
.breadcrumb li:first-child {width:16px;height:16px;background:url(../images/layout/breadcrumb_home1.png) no-repeat;}
.breadcrumb li:last-child {font-weight:700;color:#050f26;}
.breadcrumb li:not(:first-child)::before {content:'';display:inline-block;width:16px;height:16px;margin:0 8px;background:url(../images/layout/breadcrumb_arrow1.png) no-repeat;vertical-align:middle;}

/* BREADCRUMB(상품) */
.page-wrap[class*="prds"] .container .breadcrumb::before {content:'';display:block;position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.08);}
.page-wrap[class*="prds"] .container .breadcrumb li {color:#fff;}
.page-wrap[class*="prds"] .container .breadcrumb li:first-child {background:url(../images/layout/breadcrumb_home2.png) no-repeat;}
.page-wrap[class*="prds"] .container .breadcrumb li:not(:first-child)::before {background:url(../images/layout/breadcrumb_arrow2.png) no-repeat;}
.page-wrap.prds1 .container .breadcrumb {background-color:#2d58b7;}
.page-wrap.prds2 .container .breadcrumb {background-color:#3c7fd2;}
.page-wrap.prds3 .container .breadcrumb {background-color:#6d5ce1;}

/* FOOTER */
.footer {border-top:1px solid #e5e5e5;}
.footer .footer-menu {border-bottom:1px solid #e5e5e5;}
.footer .footer-menu ul {position:relative;width:1128px;padding:28px 0;margin:0 auto;display:flex;align-items:center;}
.footer .footer-menu li {display:flex;align-items:center;}
.footer .footer-menu li+li::before {content:'';width:1px;height:8px;margin:auto 20px;background-color:#e5e5e5;}
.footer .footer-menu li > a {display:block;position:relative;font-size:14px;line-height:24px;color:#3d414a;}
.footer .footer-menu li > a strong {font-weight:700;color:#050f26;}
.footer .footer-inr {position:relative;width:1128px;padding:32px 0;margin:0 auto;}
.footer .footer-inr:after {content:'';display:block;clear:both;}
.footer .footer-inr + .footer-inr {padding:24px 0 48px 0;border-top:1px solid #e5e5e5;}
.footer .contactus,
.footer .cs {float:left;}
.footer .contactus {padding-right:96px;}
.footer .contactus .addr {font-size:16px;color:#3d414a;}
.footer .contactus .info {display:flex;position:relative;margin-top:12px;}
.footer .contactus .info:first-child{margin-top:0;}
.footer .contactus .info > span {display:inline-flex;align-items:center;position:relative;font-size:14px;color:#666;}
.footer .contactus .info > span + span {margin-left:16px;padding-left:16px;}
.footer .contactus .info > span + span::before {content:'';position:absolute;top:50%;left:0;width:1px;height:8px;margin-top:-4px;background-color:#ccc;}
.footer .contactus .info > span em {position:relative;margin-left:8px;font-weight:500;color:#050f26;}
.footer .contactus .info > span em ~ em {margin-left:9px;padding-left:9px;}
.footer .contactus .info > span em ~ em::before {content:'';position:absolute;left:0;top:50%;width:1px;height:8px;margin-top:-4px;background-color:#e5e5e5;}
.footer .contactus .copyright {margin-top:15px;font-size:14px;color:#666;}
.footer .cs > * {display:block;}
.footer .cs > strong {font-size:14px;font-weight:500;color:#3d414a;}
.footer .cs > em {padding-left:22px;margin-top:5px;background:url(../images/layout/footer_tel.png) no-repeat left 50%;font-size:20px;font-weight:700;color:#050f26;}
.footer .cs > span {margin-top:8px;font-size:14px;color:#666;}
.footer .sns {display:inline-block;position:absolute;top:38px;right:246px;}
.footer .sns:after {content:'';display:block;clear:both;}
.footer .sns > a {float:left;display:block;width:30px;height:30px;margin-left:10px;background-repeat:no-repeat;background-position:center;background-size:30px;}
.footer .sns .youtube {background-image:url(../images/layout/footer_youtube.png);}
.footer .sns .instagram {background-image:url(../images/layout/footer_instagram.png);}
.footer .sns .naver {background-image:url(../images/layout/footer_naver.png);}
.footer .sns .facebook {background-image:url(../images/layout/footer_facebook.png);}
.footer .family-site {position:absolute;top:32px;right:0;}
.footer .family-site .family-open {display:block;width:226px;height:40px;padding:0 20px;border-radius:50px;font-size:13px;color:#3d414a;text-align:left;background:#f8f8f8 url(../images/layout/footer_family_open.png) no-repeat;background-position:right 20px top 50%;}
.footer .family-site .family-close {position:absolute;top:20px;right:20px;width:20px;height:20px;background:url(../images/common/tooltip_close.png) no-repeat 50%;}
.footer .family-list {display:none;position:absolute;bottom:0;right:0;min-width:100%;padding:22px 30px;border:1px solid #ddd;border-radius:20px;background-color:#fff;z-index:11;white-space:nowrap;}
.footer .family-list a {display:block;padding:7px 0;font-size:14px;}
.footer .family-list a:hover {color:#1e5bc5;text-decoration:underline;text-underline-position:under;}
.footer .family-site.on .family-list {display:block;}
.footer .award {position:relative;width:1128px;margin:0 auto;}
.footer .award ul:after {content:'';display:block;clear:both;}
.footer .award li {float:left;}
.footer .award li + li {margin-left:22px;}
.footer .banner {display:flex;align-items:center;position:absolute;top:32px;right:0;width:250px;height:40px;}
.footer .banner li {padding-right:70px;}
.footer .banner li a {display:block;}
.footer .banner li a:focus-visible {outline:2px solid #000;outline-offset:-1px;}
.footer .banner .control {position:absolute;top:12px;right:0;}
.footer .banner .prev,
.footer .banner .next,
.footer .banner .pause,
.footer .banner .play {width:16px;height:16px;margin-left:4px;background-repeat:no-repeat;background-position:center;}
.footer .banner .prev {background-image:url(../images/layout/footer_banner_prev.png);}
.footer .banner .next {background-image:url(../images/layout/footer_banner_next.png);}
.footer .banner .pause {background-image:url(../images/layout/footer_banner_pause.png);}
.footer .banner .play {background-image:url(../images/layout/footer_banner_play.png);}

/* PAGE CONTENT */
.content .content-inr[class*=wide] {width:100%;margin:0 auto;}
.content .content-inr.wide1 .content-body {width:1128px;margin:40px auto 0;}
.content .content-inr.wide2 .content-body {width:100%;margin-top:0;}
.content .content-inr.wide2 .xcenter {width:1128px;margin:0 auto;}

/* ====================
	COMMON
==================== */
.division-dot {height:1px;margin:64px 0;background:url(../images/common/div_dot.png) repeat-x;}
.division-dot + .tits [class*="tits"] {margin-top:0px !important;}
.division-line {height:1px;margin:64px 0;background-color:#e5e5e5;}
.division-line2 {height:2px;margin:24px 0;background-color:#050f26;}
.popup-content .division-dot,
.popup-content .division-line,
.info-policy .division-dot,
.info-policy .division-line {margin:40px 0;}
.popup-content .division-dot.ty2 {margin:40px 0 16px;}
.popup-content > .bill-box {margin-top:0;}

.copy {display:inline-flex;align-items:center;margin-right:8px;}
.boards .table .copy {min-height:32px;}
.boards .table .copy ~ .txt-tip {display:inline-flex;align-items:center;margin:0 0 0 16px;}

sup {position:relative;top:-2px;margin:0 3px 0 1px;font-size:11px;font-weight:500;color:#ff3700;vertical-align:middle;}

/* SYSTEM */
.system-area {position:fixed;width:1128px;inset:0;display:flex;flex-direction:column;justify-content:center;margin:auto;}
.system-area .msgs {margin-top:0;}

/* ====================
	HIDDEN
==================== */
.hide {display:none !important;}
.blind {overflow:hidden;position:absolute;z-index:-1;width:1px;height:1px;font-size:1px;opacity:.01;clip:rect(1px,1px,1px,1px);}
.ib[style*="block"] {display:inline-block !important;vertical-align:middle;}
.db {display:block;}


/* ====================
	MARGIN
==================== */
.ml5 {margin-left:5px !important;}
.ml8 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml12 {margin-left:12px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.mr5 {margin-right:5px !important;}
.mr8 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr12 {margin-right:12px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mt0 {margin-top:0 !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt15 {margin-top:15px !important;}
.mt16 {margin-top:16px !important;}
.mt20 {margin-top:20px !important;}
.mt24 {margin-top:24px !important;}
.mt32 {margin-top:32px !important;}
.mt40 {margin-top:40px !important;}
.mt64 {margin-top:64px !important;}
.mb0 {margin-bottom:0 !important;}
.mb4 {margin-bottom:4px !important;}
.mb5 {margin-bottom:5px !important;}
.mb8 {margin-bottom:8px !important;}
.mb10 {margin-bottom:10px !important;}
.mb12 {margin-bottom:12px !important;}
.mb15 {margin-bottom:15px !important;}
.mb16 {margin-bottom:16px !important;}
.mb20 {margin-bottom:20px !important;}
.mb24 {margin-bottom:24px !important;}
.mb32 {margin-bottom:32px !important;}
.mb40 {margin-bottom:40px !important;}
.mb64 {margin-bottom:64px !important;}

/* ====================
	PADDING
==================== */
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}



/* ====================
	FLOAT
==================== */
.cb::after {content:'';display:block;clear:both;}
.cb.vb {display:flex;justify-content:space-between;align-items:end;}
.cb.vb::after {content:none;}
.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.df {display:flex !important;}

/* ====================
	ALIGN
==================== */
.al {text-align:left !important;}
.ar {text-align:right !important;}
.ac {text-align:center !important;}
.aic{align-items: center !important;}

/* ====================
	FONT
==================== */
/* COLOR */
.c1 {color:#ff3700 !important;}
.c2 {color:#1e5bc5 !important;}
.c3 {color:#4a42b9 !important;}
.c4 {color:#2d58b7 !important;}
.c5 {color:#3c7fd2 !important;}
.c6 {color:#6d5ce1 !important;}
.c7 {color:#199b00 !important;}
.c8 {color:#050f26 !important;}
.c9 {color:#7056F5 !important;}
.c10 {color:#385673 !important;}
.c11 {color:#154292 !important;}
.c12 {color:#949494 !important;}
.c13 {color:#3d414a !important;}
.c14 {color:#8a8a8a !important;}
.c15 {color:#dd243a !important;}
.c16 {color:#3942af !important;}
.c17 {color:#707070 !important;}
.c18 {color:#e91b4c !important;}

/* SIZE */
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs16 {font-size:16px !important;}
.fs18 {font-size:18px !important;}
.fs24 {font-size:24px !important;}
.fs26 {font-size:26px !important;}
.fs30 {font-size:30px !important;}

/* WEIGTH */
.fw3 {font-weight:300 !important;}
.fw5 {font-weight:500 !important;}
.fw7 {font-weight:700 !important;}

/* STYLE */
.underline {text-decoration:underline !important;text-underline-position:under;}
.keepall{word-break:keep-all;}
.breakall{word-break:break-all;}

/* line-height */
.lh16{line-height:16px !important;}
.lh24{line-height:24px !important;}

/*border, radius */
.rad-border1 {border:1px solid #FFF;border-radius:10px;}

/*letter-spacing*/
.ls-1 {letter-spacing:-1px}

/* ====================
	TITLE
==================== */
.tits {position:relative;}
.tits > .btn {display:flex;align-items:center;position:absolute;right:0;bottom:0;}
.tits > .btn:first-child {position:static;justify-content:end;margin:32px 0 16px;}
.tits > .btn .btn-agree {margin-bottom:-8px;}
.tits > .btn a.sm,
.tits > .btn button.sm {margin-left:4px;}
.tits > .btn .rq + a,
.tits > .btn .rq + button {margin-left:12px;}
.tits > .rq {position:absolute;right:0;bottom:0;}
.tits > .abs {position:absolute;right:0;bottom:auto;top:-35px;}
.tits > .rq:not(.abs):first-child:last-child {position:static;display:block;margin:32px 0 16px;text-align:right;}
.tits .legend {font-size:14px;}
.tits > .legend {position:absolute;right:0;bottom:0;margin-bottom:16px;}
.tits [class*="txts"] ~ .legend {margin-bottom:0;}
.tits.ico1::after {content:'';position:absolute;right:40px;top:-8px;width:72px;height:72px;background:url(../images/ico/ico_tit1.png) no-repeat 0 0;}

.tits1 {margin:64px 0 24px;font-size:24px;line-height:32px;color:#050f26;}
.tits2 {margin:64px 0 16px;font-size:22px;line-height:32px;color:#050f26;}
.tits3 {margin:64px 0 16px;font-size:20px;line-height:30px;color:#050f26;}
.tits4 {margin:64px 0 16px;font-size:18px;line-height:24px;color:#050f26;}
.tits5 {margin:24px 0 12px;font-size:16px;font-weight:500;line-height:22px;color:#050f26;}
.tits1 + .tits2,
.tits1 + .tits .tits2,
.tits1 + .tits .tits3 {margin-top:0;}
.content-body > [class^="tits"]:first-child {margin-top:0;}

.tit-sub {position:relative;margin:40px 0 16px;padding-left:16px;font-size:18px;font-weight:500;line-height:28px;color:#050f26;}
.tit-sub::before {content:'';display:inline-block;position:absolute;top:8px;left:0;width:8px;height:8px;background:url(../images/common/ico_tit_sub.png) no-repeat;}

[class*="tits"] button {margin-left:8px;}
[class*="tits"] + .list-dot {margin-top:12px;}
.tits [class*="tits"] + .list-dot {margin:0 0 16px;}
.tits [class*="tits"] + .list-dot ~ .rq {margin:0;}
[class*="tits"] + [class*="txt"] {margin-top:-8px;}
.tits [class*="tits"] + [class*="txt"] {margin-bottom:16px;}
.tits [class*="tits"] + [class*="txt"].multi:not([style*="none"]) ~ .btn {margin-bottom:0;}
.tits [class*="tits"] {display:inline-block;vertical-align:top;}
.tits [class*="tits"] + .choice {margin-left:16px;position:absolute;bottom:16px;}
.tits [class*="tits"] ~ button {vertical-align:bottom;}
.tits .tits1 ~ button,
.tits .tits1 ~ .btn,
.tits .tits1 ~ .rq {margin-bottom:24px;}
.tits .tits2 ~ button,
.tits .tits2 ~ .btn,
.tits .tits2 ~ .rq,
.tits .tits3 ~ button,
.tits .tits3 ~ .btn,
.tits .tits3 ~ .rq,
.tits .tits4 ~ .btn,
.tits > [class*="txts"]:first-child {margin-bottom:16px;}
.tits [class*="txts"] ~ .rq {margin-bottom:0;}
[class*="tits"] + .tits5 {margin-top:16px;}
[class*="tab-menu"] + .tab-content-tit + [class*="tits"],
[class*="tab-menu"] + .tab-content-tit + .tits [class*="tits"],
[class*="tab-menu"] + .tab-content-tit + .guide-box + .tits [class*="tits"],
.popup-content [class*="tits"]:not(.tits) {margin-top:40px;}
.popup-content [class*="tits"]:not(.tits2) + [class*="tits"]:not(.tits),
.popup-content [class*="tits"]:not(.tits2) + [class*="tits"] [class*="tits"] {margin-top:8px;}
.popup-content .board-upper .tits2,
.popup-content .board-upper .tits3 {margin:0 12px 0 0;}
[class*="tab-menu"] + .tab-content-tit + .guide-box + [class*="tits"],
[class*="tab-menu"] + .tab-content-tit + .guide-box + .board-upper,
.top-tip + .tits [class*="tits"] {margin-top:56px;}
[class*="tab-menu"] + .tab-content-tit + .guide-box + .tits,
.content-body > .tits:first-child [class*="tits"],
.tab-menu + .tab-content-tit + .tits [class*="tits"],
.popup-content > .tits:first-child [class*="tits"] {margin-top:0;}
.tab-menu-line + .tab-content-tit + .tits {margin-top:-14px;}

.content-body.case {margin-top:-24px;}
.content-body.case .tits [class*="tits"] + [class*="txts"]:last-child {margin-bottom:0;}
.content-body.case > div:not([class]) .tits,
.content-body.case > div:not([class]) [class*="tits"] {margin-top:0;}
.content-body.case > div:not([class]) .tits,
.content-body.case > div:not([class]) > [class*="tits"] {padding-top:64px;}

.tits .right {display:flex;align-items:center;position:absolute;right:0;bottom:0;}
.tits .right .btn,
.tits .btn .btn {display:flex;margin-left:12px;}
.tits .right .btn + .legend {margin-bottom:-4px;}
.tits .right .btn [class^="btn-"].sm {margin-left:4px;}
.tits .rq + .legend::before {content:'';display:inline-block;width:1px;height:8px;margin:0 8px 0 10px;background-color:#949494;}
.tits .btn .rq + .legend::before {margin-left:0;}

/* ====================
	TEXT
==================== */
[class*="txts"] {position:relative;}
[class*="txts"] .btn {position:absolute;right:0;bottom:0;}
.txts1 {font-size:16px;line-height:24px;color:#3d414a;}
.txts2 {font-size:14px;line-height:22px;color:#666;}
.txts3 {font-size:13px;line-height:18px;color:#666;}
.txts4 {font-size:18px;font-weight:500;line-height:28px;color:#3d414a;}
.box-solid.data2 + [class*="txts"],
.boards .table p + [class*="txts"],
.boards + .txts1,
.boards + .txts3 {margin-top:16px;}

.txt-refer {color:#999;}
.txt-center {margin-top:64px;font-size:16px;font-weight:500;line-height:1.4;color:#3d414a;text-align:center;}
.txt-date {font-size:14px;color:#999;text-align:right;}
.txt-tip {position:relative;margin-top:8px;padding-left:22px;font-size:14px;line-height:22px;color:#385673;}
.txt-tip::before {content:'';position:absolute;top:3px;left:0;width:16px;height:16px;background:url(../images/common/tip_ico.png) no-repeat 0 0;}
.txt-tip.c1::before {background:url(../images/common/tip_ico2.png) no-repeat 0 0;}
span.txt-tip {display:inline-block;margin:0 0 0 30px;}
.txt-tip.lg{line-height:24px;font-size:16px;padding-left:28px;font-weight:500;}
.txt-tip.lg::before{width:24px;height:24px;top:0;left:0;background-image:url(../images/common/tip_ico_up.png);}
.txt-tip.up {padding-left:28px;font-size:16px;line-height:24px;font-weight:500;}
.txt-tip.up::before {top:-1px;width:24px;height:24px;background:url(../images/common/tip_ico_up.png) no-repeat 0 0;}
.txt-tip.up.c1::before {background:url(../images/common/tip_ico2_up.png) no-repeat 0 0;}
.terms-area .txt-tip.up {margin-top:24px;}

.txt-level {position:relative;margin-top:16px;padding-left:22px;font-size:14px;font-weight:500;line-height:22px;}
.txt-level::before {content:'';position:absolute;top:3px;left:0;width:16px;height:16px;background-repeat:no-repeat;background-position:0 0;}
.forms.wran + .txt-level {color:#ff3700;}
.forms.wran + .txt-level::before {background-image:url(../images/common/tip_ico_warn.png);}
.forms.safe + .txt-level {color:#199b00;}
.forms.safe + .txt-level::before {background-image:url(../images/common/tip_ico_safe.png);}

.txt-tip + .txt-tip {margin-top:2px;}
.txt-level ~ .txt-tip {margin-top:4px;}
.txt-level ~ .txt-tip + .txt-tip {margin-top:0;}
.boards .forms .choice + .txt-tip {margin-left:0;}

.rq {line-height:1;color:#ff3700;vertical-align:middle;}
.rq::before {content:'';display:inline-block;width:4px;height:4px;margin-top:-2px;margin-right:6px;border-radius:50%;background-color:#ff3700;vertical-align:middle;}
.rq strong {font-size:14px;font-weight:300;color:#666;}
.table .rq,
.tab-button .rq,
.prd-classifi-path .box .rq {margin-left:6px;}
.table .rq::before,
.tab-button .rq::before,
.prd-classifi-path .box .rq::before {position:relative;bottom:6px;}
.table .rq strong,
.tab-button .rq strong,
.prd-classifi-path .box .rq strong,
.bill-msg .forms.search + .rq strong {overflow:hidden;position:absolute;z-index:-1;width:1px;height:1px;font-size:1px;opacity:.01;clip:rect(1px,1px,1px,1px);}
.bill-msg .forms.search + .rq {margin-left:6px;}

.ellipsis {display:inline-block;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.ellipsis.full{display:block;max-width:none;}
.ellipsis1,
.ellipsis2 {display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;}
.ellipsis1 {-webkit-line-clamp:1;}
.ellipsis2 {-webkit-line-clamp:2;}

/* ====================
	BUTTON
==================== */
.btns {display:flex;justify-content:center;margin-top:64px;}
.btns.sm{margin-top:32px;}
.btns.md{margin-top:40px;}
.btns.lg{margin-top:80px;}
.btns > button {display:flex;justify-content:center;align-items:center;}
.btns > .lg ~ .lg,
.btns > .lg ~ .btn-action {margin-left:8px;}
.btns > .md ~ .md {margin-left:6px;}
.btns > .sm ~ .sm {margin-left:4px;}

.txt-center + .btns {margin-top:24px;}
.list.qna.type2 .btns {margin-top:24px;justify-content:flex-end;}

.btns.lower {justify-content:space-between;align-items:center;}
.btns.lower .left,
.btns.lower .right {display:flex;align-items:center;}
.btns.lower button.lg {margin-top:0;}
.btns.lower button.md ~ button.md {margin-left:6px;}

.btns .tooltip {margin-right:8px;}
.btns .tooltip .layer {display:none;position:absolute;z-index:1;margin-left:-12px;padding-top:16px;}
.btns .tooltip .layer > .inr {padding:16px;border:1px solid #ccc;border-radius:6px;background-color:#fff;}
.btns .tooltip .layer.on {display:block;}
.btns .tooltip .layer::before {content:'';position:absolute;left:50%;top:8px;width:12px;height:9px;margin-left:-6px;background:url(../images/common/tooltip_arrow.png) no-repeat 0 0;}
.btns .tooltip .layer .tit {display:block;margin-bottom:14px;font-size:14px;font-weight:500;color:#050f26;}
.btns .tooltip .layer [class*="btn-"] {padding:0;vertical-align:middle;}
.btns .tooltip .layer .close {position:absolute;right:16px;top:32px;width:17px;height:17px;background:url(../images/common/tooltip_close.png) no-repeat 50%;}
.popup-submit .tooltip-fix {position:relative;}
.popup-submit .tooltip-fix [class^="btn-solid"] {margin-left:8px;}
.popup-submit .tooltip-fix .layer {position:absolute;top:-74px;left:50%;width:max-content;max-width:760px;padding:16px;border-radius:6px;background-color:#7056f5;font-size:14px;line-height:22px;color:#fff;text-align:center;transform:translate(-50%, 0);}
.popup-submit .tooltip-fix .layer::before {content:'';position:absolute;bottom:-12px;left:50%;width:0;height:0;margin-left:-3px;border:solid transparent;border-width:6px;border-top-color:#7056f5;}

[class^="btn-solid"],
[class^="btn-outline"] {display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:4px;text-align:center;}
[class^="btn-solid"][style*="block"],
[class^="btn-outline"][style*="block"] {display:inline-flex !important;}

.btn-solid1 {border:1px solid #1e5bc5;background-color:#1e5bc5;color:#fff;}
.btn-solid1:hover {border-color:#174596;background-color:#174596;}
.btn-solid2 {border:1px solid #385673;background-color:#385673;color:#fff;}
.btn-solid2:hover {border-color:#2b4258;background-color:#2b4258;}
.btn-outline1 {border:1px solid #ccc;background-color:#fff;color:#050F26;}
.btn-outline1:hover {border-color:#8a8a8a;}
.btn-outline1.sm {color:#666;}
.btn-outline1.sm:hover {color:#050f26;}
.btn-outline2 {border:1px solid #1e5bc5;background-color:#fff;color:#1e5bc5;}
.btn-outline2:hover {background-color:#f5f7fc;}
[class*="btn-solid"]:disabled,
[class*="btn-outline"]:disabled,
.btn-action:disabled,
.btn-action:disabled:hover {border-color:transparent;background-color:#f8f8f8;color:#8a8a8a;}

[class^="btn-"] {line-height:normal;}
[class^="btn-"].lg {min-width:160px;height:48px;padding:0 16px;font-size:18px;}
[class^="btn-solid"].lg {font-weight:700;}
[class^="btn-"].md {min-width:80px;height:40px;padding:0 16px;font-size:14px;font-weight:500;}
[class^="btn-"].w1,
[class^="btn-"].w2,
[class^="btn-"].w3{padding:0;flex-shrink:0;}
[class^="btn-"].sm {min-width:64px;height:32px;padding:0 12px;font-size:14px;}
[class^="btn-"].sm.w1 {width:74px;}
[class^="btn-"].sm.w2 {width:86px;}
[class^="btn-"].xs {height:24px;padding:0 12px;font-size:13px;}

[class^="btn-"].round.lg {padding:0 24px;border-radius:48px;}
[class^="btn-"].round.md {border-radius:40px;font-size:16px;}
[class^="btn-"].round.sm {border-radius:32px;}

[class^="btn-"].arrow::after,
[class^="btn-"].window::after,
[class^="btn-"].ico-sign::after,
[class^="btn-"].ico-pay::after,
[class^="btn-"].ico-sch::after {content:'';display:inline-block;width:12px;height:12px;margin-left:4px;background-repeat:no-repeat;background-position:50%;}
[class^="btn-"].window::after {background-image:url(../images/btn/btn_link1.png);}
[class^="btn-solid"].arrow::after {background-image:url(../images/btn/btn_arrow2.png);}
[class^="btn-outline"].arrow::after {background-image:url(../images/btn/btn_arrow3.png);}
[class^="btn-outline"].ico-sign::after {width:16px;height:16px;background-image:url(../images/btn/btn_sign.png);}
[class^="btn-outline"].ico-pay::after {width:16px;height:16px;background-image:url(../images/btn/btn_payment.png);}
[class^="btn-outline"].ico-sch::after {width:16px;height:16px;background-image:url(../images/btn/btn_sch.png);}

[class^="btn-outline"].download {color:#666;}
[class^="btn-"].download::after {content:'';display:inline-block;width:16px;height:16px;margin-left:6px;background-repeat:no-repeat;background-position:0 0;}
[class^="btn-solid"].download::after {background-image:url(../images/btn/btn_download3.png);}
[class^="btn-outline"].download::after {background-image:url(../images/btn/btn_download2.png);}

[class^="btn-"].print {color:#666;}
[class^="btn-"].print::after {content:'';display:inline-block;width:16px;height:16px;margin-left:8px;background:url(../images/btn/btn_print.png) no-repeat 0 0;}

[class^="btn-"].check {flex:none;}
[class^="btn-"].check::before {content:'';display:inline-block;width:11px;height:8px;margin-right:10px;background:url(../images/btn/btn_check.png) no-repeat 0 0;}
[class^="btn-"].check:disabled::before {background-image:url(../images/btn/btn_check_off.png);}

[class^="btn-"][title*="확인"]::before {content:'';display:inline-block;width:11px;height:8px;margin-right:10px;background:url(../images/btn/btn_check.png) no-repeat 0 0;}

[class^="btn-"].pdf:not(.btn-document)::before {content:'';display:inline-block;width:16px;height:16px;margin-right:8px;background:url(../images/btn/btn_download_pdf_s.png) no-repeat 0 0;vertical-align:middle;}
[class^="btn-outline"].lock::after {content:'';display:inline-block;width:16px;height:16px;margin-left:8px;background:url(../images/ico/ico_lock2.png) no-repeat 0 0;}
[class^="btn-"].reset::after {content:'';display:inline-block;width:16px;height:16px;margin-left:8px;background:url(../images/btn/btn_reset.png) no-repeat 0 0;}

.btn-action {min-width:160px;height:48px;padding:0 16px;font-size:18px;border:1px solid #154292;border-radius:4px;background-color:#154292;font-weight:700;color:#fff;}
.btn-action:hover {border-color:#10326f;background-color:#10326f;}
.btns:not(.md):not(.sm):not([class*=mt]) .btn-action:only-child{margin-top:-32px;}
.popup-content .btns .btn-action:only-child{margin-top:0 !important;}

.btn-link,
.btn-link:hover {font-weight:300;color:#1e5bc5;}
.btn-link:not(.arrow, .shortcut) {text-decoration:underline;text-underline-position:under;}
.btn-link.arrow {font-size:16px;font-weight:700;}
.btn-link.arrow::after {background-image:url(../images/btn/btn_arrow4.png);}
.btn-link.shortcut {display:inline-block;font-size:14px;line-height:16px;padding-right:20px;color:#1e5bc5;background:url(../images/btn/btn_link2.png) no-repeat 100% 50%;font-weight:500;color:#154292;}

.btn-document {display:inline-flex;align-items:center;font-size:16px;font-weight:300;color:#3d414a;text-underline-position:under;white-space:nowrap;vertical-align:middle;}
.btn-document::before {content:'';display:inline-block;width:28px !important;height:28px !important;margin:0 2px;background-repeat:no-repeat;background-position:center center;}
.btn-document.hwp::before {background-image:url(../images/btn/btn_download_hwp.png);}
.btn-document.pdf::before {background-image:url(../images/btn/btn_download_pdf.png);}
.btn-document.doc::before {background-image:url(../images/btn/btn_download_doc.png);}
.btn-document.docx::before {background-image:url(../images/btn/btn_download_doc.png);}
.btn-document.xls::before {background-image:url(../images/btn/btn_download_excel.png);}
.btn-document.xlsx::before {background-image:url(../images/btn/btn_download_excel.png);}
.btn-document.zip::before {background-image:url(../images/btn/btn_download_zip_m.png);}
.btn-document.excel::before {background-image:url(../images/btn/btn_download_excel.png);}
.viewer .btn-document::before {margin-right:8px;}
.viewer .btn-document ~ .btn-document {margin-left:20px;}
.btn-document.ty2{display:block;position:relative;font-size:18px;line-height:24px;padding-left:36px;padding-right:28px;}
.btn-document.ty2::before{position:absolute;left:0;top:0;width:24px;height:24px;background-image:url(../images/btn/btn_download_pdf_m.png);}
.btn-document.ty2.zip::before {background-image:url(../images/btn/btn_download_zip_m.png) !important;}
.btn-document.ty2::after{content:'';display:block;width:16px;height:16px;position:absolute;right:0;top:4px;background:url(../images/btn/btn_download5.png) no-repeat 0 0;}

.btn-download {padding-right:24px;background-image:url(../images/btn/btn_download5.png);background-repeat:no-repeat;background-position:right 50%;background-size:16px;font-size:14px;font-weight:500;color:#154292;}
.btn-download.ty2 {background-image:url(../images/btn/btn_download4.png);color:#3d414a;}

.btn-allopen,
.btn-allclose {padding:0 16px;border-radius:4px;font-size:14px;}
.btn-allopen {background-color:#1e5bc5;font-weight:700;color:#fff;}
.btn-allclose {border:1px solid #ccc;font-weight:300;color:#666;}
.btn-allopen::before,
.btn-allclose::before {content:'';display:inline-block;width:12px;height:12px;margin-right:8px;background-repeat:no-repeat;background-position:left top 1px;}
.btn-allopen::before {background-image:url(../images/btn/btn_allopen.png);}
.btn-allclose::before {background-image:url(../images/btn/btn_allclose.png);}

.btn-outline1.shortcut {font-weight:300;color:#050f26;}
.btn-outline1.shortcut::after {content:'';display:inline-block;width:16px;height:16px;margin-left:8px;background:url(../images/btn/btn_link1.png) no-repeat 0 2px;}

.btn-txt{font-size:14px;line-height:16px;color:#666666;}
.btn-txt-list{justify-content:center;}
.btn-txt-list,
.btn-txt-list>li{display:flex;align-items:center;}
.btn-txt-list>li+li:before{content:'';display:block;width:1px;height:8px;margin:0 24px;background-color:#dbdbdb;}

/* FORM */
.quick-date {display:inline-flex;}
.quick-date .item {display:flex;align-items:center;position:relative;}
.quick-date .item[style*="block"] {display:flex !important;}
.quick-date .item ~ .item {margin-left:4px;}
.quick-date button {min-width:64px;height:32px;margin-right:4px;border:1px solid #ccc;border-radius:32px;font-size:14px;color:#666;text-align:center;white-space:nowrap;}
.quick-date button[title] {border-color:transparent;background:linear-gradient(-90deg, #1e5bc5, #7056f5 100%);font-weight:500;color:#fff;}
.quick-date button:not([title]) {padding-top:1px;}
.quick-date button:not([title]):hover {border-color:#8a8a8a;}
.datepicker + .quick-date {margin-left:10px;}

.content-head > h2 + .btn-consent {display:inline-block;margin-left:24px;}
.consent-from {display:inline-block;}
.consent-from ul {display:inline-flex;}
.consent-from li a {display:flex;justify-content:center;align-items:center;position:relative;width:100%;min-height:32px;padding:0 12px;background-color:#fff;font-size:14px;color:#3d414a;}
.consent-from li a::after {content:'';position:absolute;top:0;left:-1px;right:0;bottom:0;border:1px solid #ccc;}
.consent-from li:first-child a,
.consent-from li:first-child a::after {border-radius:4px 0 0 4px;}
.consent-from li:last-child a,
.consent-from li:last-child a::after {border-radius:0 4px 4px 0;}
.consent-from li a[title] {z-index:1;background-color:#154292;color:#fff;font-weight:500;}
.consent-from li a[title]::after {border-color:#154292;}

/* TAG */
.btn-tag {display:inline-block;font-size:16px;text-decoration:underline;text-underline-position:under;}
.btn-tag::before {content:'# ';}
.btn-tag + .btn-tag {margin-left:20px;}

/* ====================
	ICON
==================== */
.ico-file {display:inline-block;padding-left:20px;margin-left:8px;background:url(../images/common/ico_file.png) no-repeat left center;font-size:14px;font-weight:500;color:#1e5bc5;line-height:16px;height:16px;}
.ico-lock {display:inline-block;width:16px;height:16px;margin-left:6px;background:url(../images/ico/ico_lock.png) no-repeat 100% 50%;color:#888;vertical-align:middle;}
.ico-reply {display:inline-block;padding-left:20px;margin-left:8px;background:url(../images/common/ico_reply.png) no-repeat left center;font-size:14px;font-weight:500;color:#3d414a;line-height:16px;height:16px;}

/* ====================
	FLAG
==================== */
[class^="flag"] {display:inline-block;padding:0 12px;margin-right:8px;border-radius:4px;font-size:14px;font-weight:500;line-height:32px;text-align:center;letter-spacing:-.01em;white-space:nowrap;}
.flag1 {background-color:#f9f8ff;color:#7056f5;}
.flag2 {background-color:#f6f8fd;color:#1e5bc5;}
.flag3 {background-color:#fff7f5;color:#ff3700;}
[class^="flag"].round{border-radius:16px;line-height:28px;}
[class^="flag"].w1 {width:48px;}
[class^="flag"].w2 {width:72px;}
.flag-area {display:block;margin:0 0 8px 0;padding:0;text-align:left;white-space:normal;}
.flag-area > [class^="flag"]:only-child,
.flag-area > [class^="flag"]:last-child {margin-right:0;}
.boards .table.col td > [class^="flag"]:only-child {margin-right:0;}

/* ====================
	TAG
==================== */
.tags {display:flex;flex-wrap:wrap;width:100%;margin-top:-8px;}
.tags button {align-items:center;height:32px;margin:8px 4px 0 0;padding:0 16px;border-radius:30px;background-color:#f8f8f8;font-size:14px;color:#050f26;white-space:nowrap;}

/* ====================
	STAR
==================== */
.stars {display:inline-block;position:relative;width:88px;height:16px;background:url(../images/bg/bg_star.png) no-repeat 0 0;vertical-align:middle;}
.stars[class*="star"] > span {position:absolute;left:0;top:0;height:100%;background:url(../images/bg/bg_star_on.png) no-repeat 0 0;transition:width .3s ease;}
.stars.star1 > span {width:calc(100% / 5 * 1);}
.stars.star2 > span {width:calc(100% / 5 * 2);}
.stars.star3 > span {width:calc(100% / 5 * 3);}
.stars.star4 > span {width:calc(100% / 5 * 4);}
.stars.star5 > span {width:calc(100% / 5 * 5);}

/* ====================
	TAB
==================== */
.tab-menu {position:relative;margin:0 -10px 40px;padding:0 10px;}
.tab-menu::before {content:'';position:absolute;left:10px;right:10px;top:0;bottom:10px;background-color:#f9faff;border-radius:24px 6px;}
.tab-menu .tab-menu-inr {overflow-y:hidden;overflow-x:auto;margin:0 -10px -10px;padding:0 10px 10px;}
.tab-menu .tab-menu-inr::-webkit-scrollbar {display:none;}
.tab-menu ul {display:flex;flex-wrap:nowrap;position:relative;width:100%;}
.tab-menu:not(.inline, .line, .bar) li:not(:first-child:nth-last-child(1)) {display:flex;width:100%;}
.tab-menu li ~ li {margin-left:-1px;}
.tab-menu li a {display:flex;justify-content:center;align-items:center;position:relative;padding:5px 33px;width:100%;min-height:64px;border-radius:24px 6px;font-size:18px;line-height:28px;color:#3d414a;white-space:nowrap;}
.tab-menu li a:focus-visible {outline-offset:-4px;}
.tab-menu li ~ li:not(.on) a::before {content:'';position:absolute;left:-1px;top:50%;width:1px;height:14px;margin-top:-7px;background-color:#dbdbdb;}
.tab-menu li a span {font-weight:300;}
.tab-menu li.on a {z-index:1;padding:4px 32px 5px;background:linear-gradient(90deg, #7056f5 0%, #1e5bc5 100%);box-shadow:0 4px 8px rgba(44,95,202,.32);color:#fff;}
.tab-menu li.on a span {font-weight:700;}
.tab-menu.fixed{position:sticky;top:112px;transition:top .4s var(--easeOutSine) .2s;background-color:#fff;z-index:5;}
.wrap.off .tab-menu.fixed{top:0;}
.tab-menu .tab-menu-btn {display:none;position:absolute;top:50%;width:32px;height:32px;transform:translateY(calc(-50% - 5px));z-index:2;border:1px solid #ccc;border-radius:50%;background:#fff url(../images/btn/btn_arrow_slick.png) no-repeat center;box-shadow: 0 2px 6px rgba(0,0,0,.2);}
.tab-menu .tab-menu-btn:disabled {display:none;}
.tab-menu.scrollable .tab-menu-btn:not(:disabled) {display:block;}
.tab-menu .tab-prev-btn {left:-6px;transform:translateY(calc(-50% - 5px)) rotate(-180deg);}
.tab-menu .tab-next-btn {right:-6px;}
.guide-box.acc + .tab-menu,
.boards + .tab-menu {margin-top:56px;}

/* LINE */
.tab-menu-line{position:relative;margin-bottom:24px;}
.tab-menu-line .tab-menu-inr {overflow-y:hidden;overflow-x:auto;}
.tab-menu-line .tab-menu-inr::-webkit-scrollbar {display:none;}
.tab-menu-line .tab-menu-inr::after {content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background-color:#1e5bc5;}
.tab-menu-line ul {display:flex;flex-wrap:nowrap;position:relative;width:100%;}
.tab-menu-line li:not(:first-child:nth-last-child(1)) {display:flex;width:100%;}
.tab-menu-line li ~ li {margin-left:-1px;}
.tab-menu-line li a,
.tab-menu-line li .tab-btn {display:flex;justify-content:center;align-items:center;position:relative;padding:5px 33px;width:100%;min-height:64px;border-radius:12px 12px 0 0;border:solid #dbdbdb;border-width:1px 1px 0;background-color:#fff;font-size:18px;color:#050f26;white-space:nowrap;}
.tab-menu-line li a:focus-visible,
.tab-menu-line li .tab-btn:focus-visible {outline-offset:-4px;}
.tab-menu-line li a span,
.tab-menu-line li .tab-btn span {font-weight:300;}
.tab-menu-line li.on a,
.tab-menu-line li.on .tab-btn {z-index:1;padding:4px 32px 5px;border-color:#1e5bc5;border-width:2px 2px 0;color:#1e5bc5;}
.tab-menu-line li.on a span,
.tab-menu-line li.on .tab-btn span {font-weight:700;}
.tab-menu-line .tab-menu-btn {display:none;position:absolute;top:50%;width:32px;height:32px;transform:translateY(-50%);z-index:2;border:1px solid #ccc;border-radius:50%;background:#fff url(../images/btn/btn_arrow_slick.png) no-repeat center;box-shadow: 0 2px 6px rgba(0,0,0,.2);}
.tab-menu-line .tab-menu-btn:disabled {display:none;}
.tab-menu-line.scrollable .tab-menu-btn:not(:disabled) {display:block;}
.tab-menu-line .tab-prev-btn {left:-16px;transform:translateY(-50%) rotate(-180deg);}
.tab-menu-line .tab-next-btn {right:-16px;}
.tab-menu-line.fixed{position:sticky;top:112px;transition:top .4s var(--easeOutSine) .2s;background-color:#fff;z-index:5;}
.wrap.off .tab-menu-line.fixed{top:0;}

.tab-menu-line.checking li:not(.on) a[aria-disabled="true"],
.tab-menu-line.checking li:not(.on) .tab-btn:disabled{color:#8a8a8a;background-color:#f8f8f8;}
.tab-menu-line.checking li.chk a::before,
.tab-menu-line.checking li.chk .tab-btn::before {content:'';display:block;;width:24px;height:24px;margin-right:12px;border-radius:4px;font-size:1px;color:transparent;line-height:0;overflow:hidden;background:url(../images/bg/bg_checking.png) no-repeat 50%;}

/* SUB */
.tab-menu-sub {position:relative;margin-bottom:40px;}
.tab-menu-sub.on {display:flex !important;}
.tab-menu-sub ul {display:flex;flex-wrap:wrap;width:100%;gap:8px;}
.tab-menu-sub li {flex:none;flex-grow:0;}
.tab-menu-sub li a {display:flex;justify-content:center;align-items:center;position:relative;padding:0 24px;height:auto;min-height:40px;border:1px solid #ccc;border-radius:20px;background-color:#fff;font-size:16px;color:#050f26;}
.tab-menu-sub li a::after {content:none;}
.tab-menu-sub li a span {font-weight:300;}
.tab-menu-sub li.on a {border-color:#154292;background-color:#154292;color:#fff;}
.tab-menu-sub li.on a span {font-weight:700;}
.tab-menu-sub .btn {position:absolute;right:0;top:5px;}


/*협약/약정관리 > 현황 > 한도약정 조회 버튼용*/ 
.tab-menu-sub .searchDv {position:absolute;right:0;top:0px;}
.tab-menu-sub .searchBtn {display:flex;justify-content:center;align-items:center;position:relative;padding:0 24px;height:auto;min-height:40px;border:1px solid #ccc;border-radius:20px;font-size:16px;border-color:#154292;background-color:#154292;color:#fff;}
.tab-menu-sub .searchBtn span {font-weight:300;}


.tab-menu-sub.ty2 ul{gap:4px;}
.tab-menu-sub.ty2 li a{padding:0 21px;border-width:0;}
.tab-menu ~ .tab-menu-sub,
.tab-menu + .tab-content-tit ~ .tab-menu-sub {margin-top:-26px;}
.tab-menu ~ .tab-menu-sub {display:none;}
.tab-menu-sub.fixed{position:sticky;top:112px;transition:top .4s var(--easeOutSine) 0.2s;background-color:#fff;z-index:5;}
.tab-menu-sub.fixed .tab-menu-inr{padding:12px 0;margin:-12px 0;}
.wrap.off .tab-menu-sub.fixed{top:0;}
.tab-menu-sub + .board-upper{margin-top:32px;}
.tab-menu-sub + .tab-content .tab-panel-inr .board-upper:first-child {margin-top:0;}

/* BAR */
.tab-menu-bar {margin-bottom:40px;border-radius:0;background-color:#fff;}
.tab-menu-bar ul {display:flex;justify-content:flex-start;flex-wrap:wrap;}
.tab-menu-bar li {flex-grow:0;position:relative;}
.tab-menu-bar li ~ li::before {content:'';position:absolute;left:0;top:50%;z-index:3;width:1px;height:16px;margin-top:-8px;background-color:#ccc;}
.tab-menu-bar li a {display:flex;align-items:center;position:relative;min-height:28px;padding:0 16px;border:0;background-color:#fff;font-size:18px;color:#050f26;white-space:nowrap;}
.tab-menu-bar li a::after {content:none;}
.tab-menu-bar li a span {position:relative;font-weight:500;}
.tab-menu-bar li a:focus {z-index:2;}
.tab-menu-bar li.on a {z-index:1;border-radius:0;color:#154292;}
.tab-menu-bar li.on a span {font-weight:700;}
.tab-menu-bar li.on a span::after {content:'';display:block;position:absolute;bottom:-4px;width:100%;height:2px;background-color:#154292;}
.tab-menu-bar li:first-child a {padding-left:0;}

/* txt */
.tab-menu-txt{position:relative;margin-top:40px;}
.tab-menu-txt .tab-menu-inr{overflow-y:hidden;overflow-x:auto;}
.tab-menu-txt .tab-menu-inr::-webkit-scrollbar{display:none;}
.tab-menu-txt ul{position:relative;display:flex;flex-wrap:nowrap;justify-content:center;}
.tab-menu-txt li~li{margin-left:32px;}
.tab-menu-txt li a{position:relative;display:flex;justify-content:center;align-items:center;height:40px;padding:2px 0;font-size:18px;color:#3d414a;white-space:nowrap;}
.tab-menu-txt li.on a{font-weight:700;}
.tab-menu-txt li a::after{content:'';display:block;height:2px;width:0;position:absolute;bottom:0;right:0;background:#050f26;transition:0.5s;}
.tab-menu-txt li.on a::after{right:auto;left:0;width:100%;}
.tab-menu-txt li a:focus-visible {outline-offset:-1px;}
.tab-menu-txt.left ul{justify-content:left;}
.tab-menu-txt.sm li~li{margin-left:15px;}
.tab-menu-txt.sm li a{height:25px;padding-top:0;align-items:flex-start;font-size:16px;}

/* CONTENT */
.tab-content-tit {overflow:hidden;position:absolute;z-index:-1;width:1px;height:1px;font-size:1px;opacity:.01;clip:rect(1px,1px,1px,1px);}
.tab-content .tab-panel {display:none;}
.tab-content .tab-panel.on {display:block;}
.tab-content .tab-panel-inr > .boards:first-child {margin-top:0;}
.tab-content .tab-panel-inr > [class^="tits"] {margin-top:40px;}
.tab-content .tab-panel-inr > [class^="tits"]:first-child {margin-top:0;}
.tab-content .tab-panel-inr > .tits > [class^="tits"] {margin-top:0;}
.tab-content .tab-panel-inr > [class^=list-]:first-child{margin-top:0;}

[class^="tab-button"]:not(.group) {position:relative;border-radius:8px;background-color:#f8f8f8;}
.top-join-kind .box .txt + [class^="tab-button"]:not(.group) {margin-top:12px;}
[class^="tab-button"] .tab-button-inr {overflow-y:hidden;overflow-x:auto;}
[class^="tab-button"] .tab-button-inr::-webkit-scrollbar {display:none;}
[class^="tab-button"] ul {display:flex;flex-wrap:nowrap;position:relative;width:100%;}
[class^="tab-button"] li .btn {display:flex;justify-content:center;align-items:center;position:relative;padding:5px 24px;width:100%;min-height:64px;border:1px solid #f8f8f8;border-radius:8px;font-size:16px;line-height:26px;color:#666;white-space:nowrap;}
[class^="tab-button"] li .btn:focus-visible {outline-offset:-2px;}
[class^="tab-button"] li.on .btn {z-index:1;border-width:2px;border-color:#1e5bc5;background-color:#fff;color:#1e5bc5;}
[class^="tab-button"] li ~ li:not(.on) .btn::before {content:'';position:absolute;left:-1px;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#dbdbdb;}
[class^="tab-button"] li .btn span {font-weight:300;}
[class^="tab-button"] li.on .btn span {font-weight:700;}
.boards + [class^="tab-button"] {margin-top:56px;}
[class^="tab-button"]:not(.group) + .tab-content .tab-panel {margin-top:40px;}
[class^="tab-button"].gradient li .btn {font-size:18px;}
[class^="tab-button"].gradient li.on .btn {border:0;background:linear-gradient(90deg, #7056f5 0%, #1e5bc5 100%);color:#fff;}
[class^="tab-button"].gradient li.on .btn::before {content:none;}
[class^="tab-button"].col2 li {width:50%;}
[class^="tab-button"].col3 li {width:33.33%;}
[class^="tab-button"].col4 li {width:25%;}
[class^="tab-button"].col5 li {width:20%;}

.tab-button-list ul {flex-wrap:wrap;}
.tab-button-list.col3 ul li:nth-child(3n+1) .btn::before,
.tab-button-list.col4 ul li:nth-child(4n+1) .btn::before,
.tab-button-list.col5 ul li:nth-child(5n+1) .btn::before {content:none;}

.group-tab-button {border:1px solid #dbdbdb;border-radius:8px;}
.tab-category {min-height:155px;padding:22px 32px;}
.tab-category ul {display:flex;flex-wrap:wrap;position:relative;width:100%;}
.tab-category li a {display:flex;align-items:center;position:relative;width:calc(100% - 32px);min-height:48px;padding:0 16px 0 12px;font-size:16px;line-height:20px;color:#666;white-space:nowrap;}
.tab-category li a::before {content:'';position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-2px;border-radius:50%;background-color:#8a8a8a;}
.tab-category li a::after {content:'';position:absolute;top:50%;right:0;width:16px;height:16px;margin-top:-8px;background:url(../images/btn/btn_arrow_category.png) no-repeat;}
.tab-category li.on a {color:#1e5bc5;}
.tab-category li.on a span {font-weight:500;text-decoration:underline;text-underline-position:under;}

.tab-category.col4 ul li {width:25%;}

.popup-wrap [class^="tab-button"] li a {min-height:48px;}
.popup-wrap .tab-category li a {min-height:38px;font-size:14px;}

/* ====================
	SEARCH
==================== */
.result-list {overflow-y:auto;overflow-x:hidden;height:190px;margin-bottom:16px;padding:24px;border-top:2px solid #050f26;border-bottom:1px solid #ccc;}
.result-list p ~ p {margin-top:20px;}

/* ====================
	LIST
==================== */
.list-dot {margin-top:16px;text-align:left;}
.list-dot > strong{display:block;font-weight:500;color:#3d414a;font-size:14px;}
.list-dot > strong + ul{margin-top:4px;}
.list-dot > ul + strong{margin-top:8px;}
.list-dot > ul > li {position:relative;padding-left:11px;font-size:14px;line-height:22px;color:#666;}
.list-dot > ul > li::before {content:'';position:absolute;left:0;top:8px;width:3px;height:3px;border-radius:50%;background-color:#aaa;}
.list-dot > ul > li > strong {color:#050f26;}
.list-dot > ul > li + li {margin-top:4px;}
.list-dot > ul > li .tooltips {margin-left:4px;vertical-align:inherit;}
.list-dot > ul > li [class^="btn-solid"].sm {position:relative;top:-4px;vertical-align:top;}
.list-dot li.no {padding-left:0 !important;}
.list-dot li.no::before {display:none !important;}

.list-dot.up > ul > li {padding-left:12px;font-size:16px;line-height:24px;color:#3d414a;}
.list-dot.up > ul > li::before {width:4px;height:4px;top:8px;background-color:#050f26;}
.list-dot.up > ul > li.logo{display: flex;align-items: center;}
.list-dot.up > ul > li.logo span.logo-img{display: block;margin: 4px 14px 4px 10px;width: 61px;height: 39.5px;background-image:url(../images/ccp/logo_img.png);background-repeat:no-repeat;background-size: cover;}
.list-dot.up2 > ul > li {padding-left:12px;font-size:18px;line-height:28px;color:#3d414a;}
.list-dot.up2 > ul > li::before {width:4px;height:4px;top:13px;background-color:#050f26;}

.list-dot.guide > ul > li {color:#385673;}
.list-dot.guide > ul > li::before {background-color:#385673;}
.boards .table table td .list-dot:first-child {margin-top:0;}
.txts1 + .list-dot {margin-top:4px;}
.tab-menu ~ .txts4 + .list-dot {margin-top:8px;}

.list-dash {margin-top:16px;text-align:left;}
.list-dash > ul > li {position:relative;padding-left:10px;font-size:14px;line-height:22px;color:#666;}
.list-dash > ul > li::before {content:'';position:absolute;left:0;top:10px;width:4px;height:1px;border-radius:50%;background-color:#666;}
.list-dash > ul > li + li {margin-top:4px;}
.list-dot .list-dash > ul {margin-bottom:4px;}
.list-dash.up > ul > li {font-size:16px;line-height:24px;}
/* .list-dash.up > ul > li::before {top:12px;} */
.list-dash.up2 > ul > li {font-size:18px;line-height:28px;}
.list-dash.up2 > ul > li::before {top:14px;}
.list-dash.down > ul > li {font-size:13px;line-height:18px;}
.list-dash.down > ul > li::before{top:8px;}
.list-dot .list-dash {margin-top:4px;}
.list-dot .list-dash.down {margin-top:2px;}

.list-dec {counter-reset:list-counter;text-align:left;}
.list-dec > ol > li {position:relative;padding-left:16px;font-size:16px;line-height:24px;color:#3d414a;}
.list-dec > ol > li:nth-child(n+10) {padding-left:26px;}
.list-dec > ol > li::before {counter-increment:list-counter;content:counter(list-counter) '. ';position:absolute;left:0;top:0;}
.list-dec > ol > li + li {margin-top:10px;}
.list-dec > ol > li .list-dot,
.list-dec > ol > li .list-dash {margin-top:5px;}
.list-dec.down > ol > li {font-size:14px;}
.list-dot .list-dec {margin-top:4px;}
.list-dot .list-dec > ol > li + li {margin-top:4px;}

.list-brkt {counter-reset:list-counter;text-align:left;}
.list-brkt > ol > li {position:relative;padding-left:16px;font-size:16px;line-height:24px;color:#3d414a;}
.list-brkt > ol > li:nth-child(n+10) {padding-left:26px;}
.list-brkt > ol > li::before {counter-increment:list-counter;content:counter(list-counter) ') ';position:absolute;left:0;top:0;}
.list-brkt > ol > li + li {margin-top:10px;}

.list-brkt2 {counter-reset:list-counter;margin-top:4px;text-align:left;}
.list-brkt2 > ol > li {position:relative;padding-left:21px;font-size:16px;line-height:24px;color:#3d414a;}
.list-brkt2 > ol > li:nth-child(n+10) {padding-left:26px;}
.list-brkt2 > ol > li::before {counter-increment:list-counter;content:'(' counter(list-counter) ') ';position:absolute;left:0;top:0;}
.list-brkt2 > ol > li + li {margin-top:6px;}

.list-cir > ol {counter-reset:list-counter;text-align:left;}
.list-cir .mngr-process-info > li {font-size:20px;}
.list-cir > ol > li {position:relative;padding-left:22px;font-size:16px;line-height:24px;color:#3d414a;}
.list-cir > ol > li::before {counter-increment:list-counter;content:counter(list-counter) '';position:absolute;left:0;top:0;width:12px;height:12px;margin:5px 5px 0 0;padding-top:1px;border:1px solid #3d414a;border-radius:50%;font-size:9px;line-height:1;text-align:center;white-space:nowrap;vertical-align:top;}
.list-cir > ol > li + li {margin-top:12px;}
.list-cir.down > ol > li {padding-left:18px;font-size:14px;line-height:22px;}
.list-cir.down > ol > li + li {margin-top:8px;}

.list-num {counter-reset:num-count;margin-top:16px;text-align:left;}
.list-num > ol > li {position:relative;padding-left:20px;font-size:14px;line-height:22px;color:#666;}
.list-num > ol > li::before {counter-increment:num-count;content:counter(num-count);position:absolute;left:0;top:4px;width:14px;height:14px;border:1px solid #666;border-radius:50%;background-color:transparent;font-size:10px;line-height:12px;text-align:center;}
.list-num > ol > li + li {margin-top:4px;}
.list-num.up > ol > li{font-size:16px;line-height:24px;color:#3d414a;}
.list-num.up > ol > li::before{top:5px;}

.list-num2 {counter-reset:num-count;text-align:left;}
.list-num2 > ol > li {position:relative;padding-left:28px;font-size:18px;line-height:28px;color:#050F26;}
.list-num2 > ol > li::before {counter-increment:num-count;content:counter(num-count);position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:50%;background-color:#3d414a;font-size:13px;line-height:20px;text-align:center;color:#fff;}
.list-num2 > ol > li + li {margin-top:13px;}

.list-txt > ol {list-style:hangul;padding-left:22px;margin-top:8px;}
.list-txt > ol > li {font-size:16px;line-height:24px;color:#3d414a;}
.list-txt > ol > li + li {margin-top:8px;}
.list-dot .list-txt {margin-top:4px;}
.list-dot .list-txt > ol > li + li {margin-top:4px;}

.list-download p + p {margin-top:12px;}
.list-download li {display:inline-block;}
.list-download li:not(:first-child)::before {content:'';display:inline-block;width:1px;height:12px;margin:0 16px;background-color:#e5e5e5;vertical-align:middle;}

.txt-bullet1{position:relative;padding-left:1em;}
.txt-bullet1:before{content:'※';position:absolute;left:0;top:0;}

/* 자주 찾는 서식 */
.fav-tag-list {margin-top:24px;}
.fav-tag-list dl {display:flex;}
.fav-tag-list dt {width:123px;font-size:16px;font-weight:700;color:#050f26;}
.fav-tag-list dd {width:calc(100% - 123px);margin-top:-8px;padding-top:1px;}
.fav-tag-list dd button {margin:8px 24px 0 0;font-size:14px;color:#1e5bc5;text-decoration:underline;text-underline-position:under;white-space:nowrap;}
.fav-tag-list dd button::before {content:'#';}

/* ====================
	STEP
==================== */
.steps ol {counter-reset:list-counter;display:flex;justify-content:space-around;padding:24px 0;border:8px solid #f8f8f8;border-radius:8px;background-color:#fff;}
.steps li {flex:1;position:relative;text-align:center;}
.steps li span {display:block;position:relative;z-index:1;width:32px;height:32px;margin:0 auto;border-radius:50%;background:#385673 url(../images/common/step_ico.png) no-repeat 50%;font-size:16px;line-height:32px;color:transparent;text-align:center;text-indent:-5000em;}
.steps li span::before,
.steps li span::after {content:'';position:absolute;top:0;bottom:0;width:32px;background-color:#fff;}
.steps li span::before {left:-32px;}
.steps li span::after {right:-32px;}
.steps li.on span,
.steps li.on ~ li span {background-image:none;text-indent:0;}
.steps li.on span {border-color:#7056f5;background-color:#7056f5;font-weight:700;color:#fff;}
.steps li.on ~ li span {border:1px solid #ccc;background-color:#fff;color:#666;}
.steps li.on ~ li span::before {left:-33px;}
.steps li.on ~ li span::after {right:-33px;}
.steps li:not(:last-child)::after {content:'';position:absolute;left:50%;top:16px;width:100%;height:1px;background-color:#385673;}
.steps li.on::after,
.steps li.on ~ li::after {background:url(../images/common/step_line.png) repeat-x 0 50%;}
.steps li span i::before {counter-increment:list-counter;content:counter(list-counter);}
.steps li em {display:block;margin-top:12px;font-size:16px;font-weight:300;color:#3d414a;}
.steps li.on em {font-weight:500;color:#7056f5;}
.steps li a {display:inline-block;min-width:100px;}
.steps li a em {text-decoration:underline;text-underline-position:under;}
.steps li a:hover em {font-weight:700;}
.steps li.on a em,
.steps li.on ~ li a em {text-decoration:none;}

.top-tip {position:relative;margin-top:16px;padding:16px 24px;border-radius:8px;background-color:#f9faff;font-size:16px;line-height:24px;color:#3d414a;}
.top-tip > p,
.top-tip > .p {position:relative;padding-left:12px;}
.top-tip > p::before,
.top-tip > .p::before {content:'';position:absolute;top:8px;left:0;width:4px;height:4px;border-radius:50%;background-color:#385673;}
.top-tip.flex {display:flex;align-items:center;}
.top-tip.flex > p {flex:1;}
.top-tip.flex > .btn {display:flex; margin-left:12px;}
.top-tip.flex > .btn [class^="btn-"].sm ~ [class^="btn-"].sm {margin-left:4px;}
.tab-menu + .top-tip {padding:0;border-radius:0;background-color:transparent;}

/* STEP - BOX */
.step-box {padding:32px 24px;margin-top:64px;border:1px solid #ccc;border-radius:12px;}
.step-box .step-tit {margin:0 0 32px 16px;font-size:20px;font-weight:700;color:#1e5bc5;}
.step-box ol {counter-reset:list-counter;display:flex;justify-content:space-between;}
.step-box li {flex:1 1;position:relative;}
.step-box li::before {content:'';position:absolute;top:32px;right:9px;width:calc(100% - 185px);height:1px;background:url(../images/common/step_line.png) repeat-x;}
.step-box li::after {content:'';position:absolute;top:27px;right:0;width:7px;height:11px;background:url(../images/common/step_arrow.png) no-repeat;}
.step-box li:last-child::before,
.step-box li:last-child::after {content:none;}
.step-box li [class^="ico"] {display:block;width:72px;height:72px;margin:0 48px 24px -8px;border-radius:50%;background-repeat:no-repeat;background-position:center;}
.step-box li > strong {display:block;font-weight:700;color:#050f26;}
.step-box li > strong::before{counter-increment:list-counter;content:'STEP ' counter(list-counter, decimal-leading-zero) '';display:block;margin-bottom:10px;font-size:14px;font-weight:500;line-height:1;color:#7056f5;}
.step-box li > strong .sub {font-size:14px;font-weight:500;color:inherit;}
.step-box li > p {font-size:14px;line-height:22px;color:#666;}
.step-box li > .step-flag {top:auto;bottom:-45px;left:52px;background-color:#3d414a;font-weight:300;}
.step-box li > .step-flag::before {top:-5px;bottom:auto;background-color:#3d414a;}
.step-box li.on > strong::before {font-weight:700;}
.step-box.col3 li {padding-left:48px;}
.step-box.col3 li::before {width:calc(100% - 169px);}
.step-box.col3 li > p {margin-top:16px;}
.step-box.col4 li {padding-left:64px;}
.step-box.col4 li > p {margin-top:8px;}
.step-box.col6 li {padding-left:40px;}
.step-box.col6 li::before {width:calc(100% - 145px);}

.step-box .ico1 {}
.step-box .ico2 {}
.step-box .ico3 {}
.step-box .ico4 {background-image:url(../images/ico/step_ico4.png);}
.step-box li.on .ico4 {background-image:url(../images/ico/step_ico4_on.png);}
.step-box .ico5 {background-image:url(../images/ico/step_ico5.png);}
.step-box li.on .ico5 {background-image:url(../images/ico/step_ico5_on.png);}
.step-box .ico6 {background-image:url(../images/ico/step_ico6.png);}
.step-box li.on .ico6 {background-image:url(../images/ico/step_ico6_on.png);}
.step-box .ico7 {background-image:url(../images/ico/step_ico7.png);}
.step-box li.on .ico7 {background-image:url(../images/ico/step_ico7_on.png);}
.step-box .ico8 {background-image:url(../images/ico/step_ico8.png);}
.step-box .ico9 {background-image:url(../images/ico/step_ico9.png);}
.step-box .ico10 {background-image:url(../images/ico/step_ico10.png);}
.step-box .ico11 {background-image:url(../images/ico/step_ico11.png);}
.step-box .ico12 {background-image:url(../images/ico/step_ico12.png);}
.step-box .ico13 {background-image:url(../images/ico/step_ico13.png);}
.step-box .ico14 {background-image:url(../images/ico/step_ico14.png);}
.step-box .ico15 {background-image:url(../images/ico/step_ico15.png);}
.step-box .ico16 {background-image:url(../images/ico/step_ico16.png);}
.step-box .ico17 {background-image:url(../images/ico/step_ico17.png);}
.step-box .ico18 {background-image:url(../images/ico/step_ico18.png);}

.step-box.sm li {padding-left:24px;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.step-box.sm li::before {top:12px;right:35px;width:48px;height:8px;background:url(../images/common/step_line2.png) repeat-x;}
.step-box.sm li::after {top:12px;right:24px;width:7px;height:8px;background:url(../images/common/step_arrow2.png) no-repeat;}
.step-box.sm li [class^="ico"] {width:32px;height:32px;margin:0 48px 20px 0;border-radius:0;background-repeat:no-repeat;background-position:center;}
.step-box.sm li > strong {font-size:14px;line-height:22px;}
.step-box.sm li > strong::before{content:none;}
.step-box.sm li > strong.cell {width:200px;margin-right:16px;}
.step-box.sm li > strong .num {margin-right:4px;font-size:inherit;font-weight:inherit;color:#1e5bc5;}
.step-box.sm li > p{margin-top:5px;font-size:13px;line-height:18px;}
.step-box.sm li .list-dash {margin-top:8px;}
.step-box.sm li .list-dash li {padding-left:10px;font-size:13px;color:#3d414a;}
.step-box.sm li .list-dash li::before {content:'';position:absolute;left:0;top:10px;width:4px;height:1px;border-radius:50%;background-color:#3d414a;background-image:none;}
.step-box.sm li .list-dash li::after {content:none;}
.step-box.sm li .list-dash li ~ li {margin-top:0;}
.step-box.sm li .list-dash li .tooltips {top:-1px;margin-left:3px;}
.step-box.sm li .ico1 {background-image:url(../images/ico/step_sm_ico1.png);}
.step-box.sm li .ico2 {background-image:url(../images/ico/step_sm_ico2.png);}
.step-box.sm li .ico3 {background-image:url(../images/ico/step_sm_ico3.png);}
.step-box.sm li .ico4 {background-image:url(../images/ico/step_sm_ico4.png);}
.step-box.sm li .ico5 {background-image:url(../images/ico/step_sm_ico5.png);}
.step-box.sm li .ico6 {background-image:url(../images/ico/step_sm_ico6.png);}
.step-box.sm li .ico7 {background-image:url(../images/ico/step_sm_ico7.png);}
.step-box.sm li .ico8 {background-image:url(../images/ico/step_sm_ico8.png);}
.step-box.sm li .ico9 {background-image:url(../images/ico/step_sm_ico9.png);}
.step-box.sm li .ico10 {background-image:url(../images/ico/step_sm_ico10.png);}
.step-box.sm li .ico11 {background-image:url(../images/ico/step_sm_ico11.png);}
.step-box.sm li .ico12 {background-image:url(../images/ico/step_sm_ico12.png);}
.step-box.sm li .ico13 {background-image:url(../images/ico/step_sm_ico13.png);}
.step-box.sm li .ico14 {background-image:url(../images/ico/step_sm_ico14.png);}
.step-box.sm li .ico15 {background-image:url(../images/ico/step_sm_ico15.png);}
.step-box.sm li .ico16 {background-image:url(../images/ico/step_sm_ico16.png);}
.step-box.sm li .ico17 {background-image:url(../images/ico/step_sm_ico17.png);}
.step-box.sm li .ico18 {background-image:url(../images/ico/step_sm_ico18.png);}

.step-box.sm.col4 li::before {width:90px;}
.step-box.sm.col5 li::before {width:48px;}
.step-box.sm.col7 ol {flex-wrap:wrap;justify-content:flex-start;}
.step-box.sm.col7 li {flex:none;width:25%;}
.step-box.sm.col7 li:nth-child(n+5) {margin-top:40px !important;}
.step-box.sm.col7 li .list-dash li {width:100%;margin-top:8px;}

[class*="tits"] + .step-box.result ol {margin-top:32px;}
.step-box.result {padding:24px 0 32px;border:0;border-top:2px solid #050F26;border-radius:0;}
.step-box.result li {padding-right:42px;text-align:center;}
.step-box.result li::before {top:42px;}
.step-box.result li::after {top:37px;}
.step-box.result li > strong {line-height:24px;}
.step-box.result li > strong::before {content: counter(list-counter) '' '단계';}
.step-box.result li [class^="ico"] {margin:0 auto 16px;}
.step-box.result li .ico1 {background-image:url(../images/ico/step_result_ico1.png);}
.step-box.result li .ico2 {background-image:url(../images/ico/step_result_ico2.png);}
.step-box.result li .ico3 {background-image:url(../images/ico/step_result_ico3.png);}
.step-box.result li .ico4 {background-image:url(../images/ico/step_result_ico4.png);}
.step-box.result li .ico5 {background-image:url(../images/ico/step_result_ico5.png);}
.step-box.result + .box-outline.sm {margin-top:40px;}

[class*="tits"] + .step-box {margin-top:0;}

/* STEP - LIST */
.step-list ol {counter-reset:list-counter;display:flex;flex-wrap:wrap;}
.step-list li {position:relative;margin-top:24px;}
.step-list li::before {content:'';position:absolute;top:50%;width:16px;height:4px;margin-top:-2px;background:url(../images/common/step_dot.png) no-repeat;}
.step-list li:last-child::before {content:none;}
.step-list .box {height:100%;padding:32px 24px 24px 32px;border:1px solid #dbdbdb;border-radius:12px;}
.step-list .box [class^="ico"] {display:block;position:absolute;top:32px;right:24px;width:64px;height:64px;border-radius:50%;background-color:#f8f8f8;background-repeat:no-repeat;background-position:center;}
.step-list .box > strong {display:block;height:70px;font-size:18px;font-weight:700;line-height:24px;color:#050f26;}
.step-list .box > [class*="ico"] ~ strong {padding-right:70px;}
.step-list .box > strong::before {counter-increment:list-counter;content:'STEP ' counter(list-counter, decimal-leading-zero) '';display:block;margin-bottom:10px;font-size:14px;font-weight:500;line-height:1;color:#7056f5;}
.step-list .box > p {margin-top:8px;font-size:14px;line-height:22px;color:#3d414a;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.step-list.col3 li:nth-child(3n)::before,
.step-list.col4 li:nth-child(4n)::before {content:none;}
.step-list.col3 {margin-left:-48px;}
.step-list.col3 li {width:33.33333333333333%;padding-left:48px;}
.step-list.col3 li::before {right:-33px;}
.step-list.col4 {margin-left:-40px;}
.step-list.col4 li {width:25%;padding-left:40px;}
.step-list.col4 li::before {right:-29px;}
.step-list .step-flag {left:52px;}
.step-list .ico14 {background-image:url(../images/ico/step_list_ico14.png);}
.step-list .ico15 {background-image:url(../images/ico/step_list_ico15.png);}
.step-list .ico16 {background-image:url(../images/ico/step_list_ico16.png);}
.step-list .ico17 {background-image:url(../images/ico/step_list_ico17.png);}

.step-list.normal {margin-top:-8px;}
.step-list.normal li::before {content:none;}
.step-list.normal .box > strong {height:auto;}
.step-list.normal .box > strong::before {content:counter(list-counter, decimal-leading-zero) '';}
.step-list.normal.col3 {margin-left:-8px;}
.step-list.normal.col3 li {margin-top:8px;padding-left:8px;}

/* STEP - ARROW */
.step-arrow ol {counter-reset:list-counter;display:flex;flex-wrap:wrap;width:100%;}
.step-arrow li {position:relative;}
.step-arrow li::before {content:'';position:absolute;top:50%;right:-24px;width:16px;height:16px;margin-top:-8px;background:url(../images/common/step_arrow.png) no-repeat 50%;}
.step-arrow li:last-child::before {content:none;}
.step-arrow .box {height:100%;padding:24px 32px;border:1px solid #ccc;border-radius:12px;}
.step-arrow .box::before {counter-increment:list-counter;content:'STEP ' counter(list-counter, decimal-leading-zero) '';font-size:14px;font-weight:500;color:#7056f5;}
.step-arrow .box > strong {display:block;margin-top:8px;font-weight:500;line-height:24px;color:#050f26;}
.step-arrow .box > p {margin-top:16px;font-size:14px;line-height:22px;color:#666;}
.step-arrow.col4 {margin-left:-48px;}
.step-arrow.col4 li {width:25%;padding-left:48px;}
.step-arrow.col4 li::before {right:-32px;}
.step-arrow.col5 {margin-left:-32px;}
.step-arrow.col5 li {width:20%;padding-left:32px;}

.step-arrow.normal .box::before {content:counter(list-counter, decimal-leading-zero) '';}

.step-arrow.subscrip .box {padding:0;border:none;text-align:center; display:flex;flex-direction:column;}
.step-arrow.subscrip .box::before {content:none;}
.step-arrow.subscrip .box.bg1 {background-color:#f8f8f8;}
.step-arrow.subscrip .box.bg1 > .column2 {border-top:1px solid #e5e5e5;}
.step-arrow.subscrip .box.bg2 {background-color:#f6f8fd;}
.step-arrow.subscrip .box.bg2 > .column2 {border-top:1px solid #e0e8f7;}
.step-arrow.subscrip .step {display:block;margin-bottom:12px;font-size:14px;font-weight:500;color:#1e5bc5;}
.step-arrow.subscrip .tit {font-size:18px;line-height:24px;color:#050f26;}
.step-arrow.subscrip .disc {margin-top:10px;font-size:14px;line-height:22px;color:#666;}
.step-arrow.subscrip .column1 {height:calc(100% - 64px);padding:32px 16px 0;}
.step-arrow.subscrip .column2 {display:flex;justify-content:center;margin:22px 24px 0;font-size:16px;font-weight:500;color:#1e5bc5;}
.step-arrow.subscrip .column2 .img {height:64px;padding-top:16px;}
.step-arrow.subscrip .column2 .txt {height:67px;padding-top:20px;}
.step-arrow.subscrip [class^="ico"] {display:block;width:64px;height:64px;margin:0 auto 16px;background-repeat:no-repeat;}
.step-arrow.subscrip .ico1 {background-image:url(../images/ico/step_subscrip_ico1.png);}
.step-arrow.subscrip .ico2 {background-image:url(../images/ico/step_subscrip_ico2.png);}
.step-arrow.subscrip .ico3 {background-image:url(../images/ico/step_subscrip_ico3.png);}
.step-arrow.subscrip .ico4 {width:67px;background-image:url(../images/ico/step_subscrip_ico4.png);}
.step-arrow.subscrip .ico5 {background-image:url(../images/ico/step_subscrip_ico5.png);}
.step-arrow.subscrip .ico6 {background-image:url(../images/ico/step_subscrip_ico6.png);}

.step-arrow.system li {padding-left:24px;}
.step-arrow.system li::before {right:-20px;}
.step-arrow.system .box {padding:11px;}
.step-arrow.system .box::before {content:none;}
.step-arrow.system .box > strong {display:inline-block;height:40px;margin-top:0;line-height:20px;}
.step-arrow.system .box > strong .num {margin-right:4px;font-size:14px;font-size:14px;font-weight:500;color:#7056f5;}
.step-arrow.system .box > p {margin-top:8px;}

/* STEP - FLAG */
.step-flag {display:inline-block;position:absolute;top:-12px;left:12px;height:32px;padding:0 16px;border-radius:20px;background-color:#7056f5;font-size:14px;font-weight:500;line-height:32px;color:#fff;}
.step-flag::before {content:'';position:absolute;left:50%;bottom:-5px;width:12px;height:12px;margin-left:-6px;background-color:#7056f5;transform:rotate(45deg);}

/* ====================
	FORM
==================== */
input,
select,
textarea,
button {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input,
select,
textarea {margin:0;padding:0;outline-offset:4px !important;outline-color:#050F26 !important;}  /* 2024-11-15 접근성으로 outline-offset 1px => 4px */
input[type="button"],
button {padding:0;line-height:normal !important;}
input[type="radio"],
input[type="checkbox"],
input[type="button"],
button {border:0;background-color:transparent;}
input[type="radio"]:not(:disabled),
input[type="checkbox"]:not(:disabled),
input[type="radio"]:not(:disabled) + label,
input[type="checkbox"]:not(:disabled) + label,
button:not(:disabled) {cursor:pointer;}
input::-moz-focus-inner,
button::-moz-focus-inner {padding:0;border:0;}
input[type="button"]::-moz-focus-inner {margin:-1px;}

/* INPUT & SELECT & TEXTAREA */
::placeholder {color:#949494;text-align:left;}
input[type="hidden"],
input::-ms-clear,
input::-ms-reveal,
select::-ms-expand {display:none;}
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="datetime"],
select,
textarea {width:100%;padding:0 10px;border:1px solid #949494;border-radius:4px;background-color:#fff;font-size:16px;color:#3d414a;caret-color:#000;}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="datetime"],
select {height:40px;}
input[type="password"]:not(:placeholder-shown) {font-family:auto;font-size:22px !important;}
select {padding-right:40px;background:#fff url(../images/common/form_select.png) no-repeat right 16px center;opacity:1;}
select:focus::-ms-value {background-color:transparent;color:#333;}
textarea {resize:none;overflow-y:auto;padding:16px;line-height:22px;}
textarea:not([rows]){min-height:160px;}
.textarea-auto{position:relative;padding-top:8px;padding-bottom:8px;min-height:auto;}
input[type="text"]:read-only,
input[type="password"]:read-only,
input[type="number"]:read-only,
input[type="tel"]:read-only,
input[type="datetime"]:read-only,
textarea:read-only {background-color:#f8f8f8 !important;}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="tel"]:disabled,
input[type="datetime"]:disabled,
select:disabled,
textarea:disabled {background-color:#e5e5e5 !important;}
textarea:disabled + .byte-count,
textarea:disabled + .byte-count em {font-weight:300;color:#949494;}

input[type="password"]:not(:disabled).bg {background-color:#fff4e4 !important;}

/* FORMS */
.forms-out,
.forms,
.forms .row {display:flex;align-items:center;position:relative;}
.forms[style*="block"],
.forms .row[style*="block"] {display:flex !important;}
.forms[style*="none"] + .forms {margin-top:0;}
.forms + .forms,
.forms + .forms[style*="none"] + .forms,
.forms .row ~ .row {margin-top:10px !important;}
.table .forms[style*="none"]:first-child + .forms {margin-top:-4px !important;}
.forms:not([style*="none"]) + .forms-out {margin-top:15px !important;}
.forms-out > button,
.forms input + input,
.forms select + input,
.forms input + select,
.forms select + select,
.forms .txt-refer,
.forms [class*="btn-"] {margin-left:8px;}
.forms-out .forms ~ .forms {margin:0 0 0 8px !important;}
.forms .txt-tip + .btn-link.arrow {margin-left:12px;}
.forms input + .choice,
.forms select + .choice {margin-left:12px;}
.forms .space {flex:none;width:16px;text-align:center;}
.forms .form-tit {position:relative;margin-right:30px;padding-left:30px;}
.forms .form-tit::before {content:'';position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#ccc;}

.forms .msg {display:none;}
.forms.wran input:not([type="radio"], [type="checkbox"]) {border-color:#ff3700;background-color:#ffefeb !important;caret-color:#ff3700;}
.forms.safe input:not([type="radio"], [type="checkbox"]) {border-color:#199b00;background-color:#fff !important;}

.forms[class*="w"]:not(.wran) {display:inline-flex;}
.forms .w1 {width:120px !important;}
.forms.w2,
.forms .w2 {width:170px !important;}
.forms.w3,
.forms .w3 {width:260px !important;}
.forms.w4,
.forms .w4 {width:348px !important;}
.forms .w100 {width:100% !important;}

.forms[class*="unit"] input,
.forms[class*="unit"] input::placeholder {text-align:right;}
.forms[class*="unit"] span {position:absolute;right:10px;font-size:16px;color:#3d414a;}
.forms.unit1 input {padding-right:30px;}
.forms.unit2 input {padding-right:44px;}
.forms.unit-ccy input {padding-left:55px;}
.forms.unit-ccy span {right:auto;left:10px;}
.forms.search input {padding-right:45px;}
.forms.search [class*="btn-"] {padding:0 12px;}
.forms.search button.ico-search,
.board-upper .right .search button.ico-search {position:absolute;right:0;top:0;width:45px;height:100%;background:url(../images/common/form_search.png) no-repeat right 16px center;}
.forms.search button.ico-search span,
.board-upper .right .search button.ico-search span {overflow:hidden;position:absolute;z-index:-1;width:1px;height:1px;font-size:1px;opacity:.01;clip:rect(1px,1px,1px,1px);}
.forms[class*=' tel'] select{flex:none;width:96px;}
.forms[class*=' tel'] select:disabled{padding:0;background-image:none;text-align:center;}
.forms[class*=' tel'] input {max-width:244px;}
.forms[class*=' tel'] .code {display:flex;margin-left:16px;}
.forms[class*=' tel'] .code [class^="btn-"].md{white-space:nowrap;min-width:60px;}
.forms[class*=' tel'] .code .code-inr {position:relative;}
.forms[class*=' tel'] .code input {padding-right:120px;width:230px;}
.forms[class*=' tel'] .code .timer {display:flex;align-items:center;position:absolute;right:0;top:0;height:100%;padding-right:16px;}
.forms[class*=' tel'] .code .timer .time{position:relative;display:flex;color:#ff3700;font-size:14px;align-items:center;}
.forms[class*=' tel'] .code .timer .time::after{content:'';display:block;;width:1px;height:12px;background-color:#ccc;margin:0 8px;}
.forms[class*=' tel'] .code .timer button{font-size:14px;color:#666;text-decoration:underline;text-underline-offset:2px;}
.forms.tel-code input {width:230px;}
.forms.fax input {max-width:348px;}
.forms.reg input:not([type="radio"], [type="checkbox"]) {width:166px;}
.forms.reg .grp {display:flex;}
.forms.reg .grp .choice .item {margin-right:10px;}
.forms.addr {display:block;}
.forms.addr > .row:nth-child(1)>input {width:80px;}
.forms.addr .btn {min-width:64px;height:32px;margin-left:8px;padding:0 12px;border-radius:4px;background-color:#3d414a;font-size:14px;color:#fff;}
.forms.addr .btn:disabled {background-color:#f8f8f8;color:#8a8a8a;}
.forms.id input {width:353px;}
.forms.num1 *,
.forms.num2 * {z-index:0;}
.forms.num1 input,
.forms.num2 input {padding:0 5px;border:0;border-radius:0;background-color:transparent;text-align:center;}
.forms.num1 input:first-child {padding-left:16px;}
.forms.num1 input:last-child {padding-right:16px;}
.forms.num1 input::placeholder,
.forms.num2 input::placeholder {text-align:center !important;}
.forms.num2 input,
.forms.num2 input ~ input {width:30%;}
.forms.num2 input:first-child {padding-left:16px;}
.forms.num2 input:last-child {width:40%;padding-right:16px;}
.forms.num2.ty2 input{width:22%;}
.forms.num2.ty2 input:last-child{width:56%;}
.forms[class*="num"] input {border:solid #949494;border-width:1px 0;}
.forms[class*="num"] input:focus {position:relative;z-index:1;}
.forms[class*="num"] input:first-child {border-left-width:1px;border-radius:4px 0 0 4px;}
.forms[class*="num"] input:last-child {border-right-width:1px;border-radius:0 4px 4px 0;}
.forms[class*="num"] input:read-only ~ .space {background-color:#f8f8f8;}
.forms[class*="num"] input:disabled ~ .space {background-color:#e5e5e5;}
.forms[class*="num"] .space {border:solid #949494;border-width:1px 0;}
.forms .space {height:40px;line-height:40px;}
.forms.email > input,
.forms.email .select {max-width:166px;}
.forms.email .select input {padding-right:36px;}
.forms.email .space {font-size:14px;}
.forms.sel-txt>span{flex-shrink:0;padding-left:8px;}
.forms.sel-txt>span+select{margin-left:24px;}
.forms .select {position:relative;width:100%;}
.forms .select .layer button {position:absolute;right:0;top:0;width:36px;height:100%;background:url(../images/common/form_select.png) no-repeat right 16px center;text-align:left;}
.forms .select .layer .list {display:none;position:fixed;width:0;left:-100vh;top:-100vh;z-index:6;border:1px solid #777;background-color:#fff;box-shadow:5px 5px 5px rgba(0,0,0,.15);}
.forms .select .layer .list.on{display:block;}
.forms .select .layer a {display:block;height:26px;padding:0 10px;font-size:16px;line-height:26px;color:#666;}
.forms .select .layer a:hover,
.forms .select .layer .list:not(:hover) a:focus {background-color:#1e5bc5;color:#fff;}
.boards > .list.box .boards .forms.email > input {width:138px;}
.boards > .list.box .boards .forms.email .domain input {width:154px;}

.forms .txt-tip {margin:0 0 0 10px;}
.forms + .txt-tip {margin-top:12px;}
.td-tip {margin-top:12px;display:flex;justify-content:space-between;}
.td-tip > p {padding-right:12px;font-size:14px;color:#385673;}
.td-tip > p + [class^="btn-"].xs {flex:none;}

.txt-form {margin-left:8px;font-size:16px;color:#3d414a;}
.forms .choice + .txt-form {margin-left:-16px;}
.forms-out .forms.w4 + .txt-form {margin:0 0 0 16px;}
.forms-out .forms.w4 + .txt-form .tooltips {top:-1px;margin-left:2px;}

.forms-out.time {justify-content:center;}
.forms-out.time .forms + .forms {margin-left:32px !important;}
.forms-out.time .forms[class*="unit"] input {width:120px;}
.forms-out.time .forms[class*="unit"] .unit-txt {margin-right:8px;}

.selected-user-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.selected-user-item{position:relative;display:flex;height:36px;padding:0 16px;border-radius:18px;background-color:#f6f8fd;align-items:center;font-size:16px;color:#1e5bc5;white-space:nowrap;}
.selected-user-item>ul,
.selected-user-item>ul>li{display:flex;align-items:center;}
.selected-user-item>ul>li+li:before{content:'';display:block;width:1px;height:12px;background-color:#e5e5e5;margin:0 12px;}
.selected-user-item .del{display:block;width:16px;height:16px;margin-left:12px;border-radius:50%;background:url(../images/btn/btn_del_list.png) no-repeat 0 0;}

/* RADIO & CHECKBOX */
input[type="radio"],
input[type="checkbox"],
.i-check {width:20px;height:20px;border:1px solid #949494;background-repeat:no-repeat;background-position:50%;background-color:#fff;}
input[type="radio"] {border-radius:50%;}
input[type="checkbox"],
.i-check {border-radius:4px;}
input[type="radio"]:checked {border:2px solid #1e5bc5;background-color:#fff;background-image:url(../images/common/form_radio_checked.png);}
input[type="checkbox"]:checked,
.i-check.checked {border-color:#1e5bc5;background-color:#1e5bc5;background-image:url(../images/common/form_checkbox_checked.png);}
input[type="radio"]:disabled,
input[type="checkbox"]:disabled,
:disabled .i-check {border-color:transparent;background-color:#949494;}
input[type="radio"]:disabled:checked,
input[type="checkbox"]:disabled:checked,
:disabled .i-check.checked {background-color:#949494;}
input[type="radio"]:disabled:checked {background-image:url(../images/common/form_radio_checked_disabled.png);}
input[type="checkbox"]:disabled:checked,
:disabled .i-check.checked {background-image:url(../images/common/form_checkbox_checked_disabled.png);}
input + label,
.i-check + .lbl {display:flex;justify-content:center;align-items:center;margin-left:8px;color:#3d414a;white-space:nowrap;}
input[type="radio"]:checked + label,
input[type="checkbox"]:checked + label,
.i-check.checked + .lbl {font-weight:700;color:#1e5bc5;}
input:disabled + label,
:disabled .i-check + .lbl {color:#8a8a8a !important;}
input[type="radio"]:disabled:checked + label,
input[type="checkbox"]:disabled:checked + label,
:disabled .i-check.checked + .lbl{font-weight:300;color:#3d414a !important;}
.i-check {display:inline-block;line-height:0;}
button .i-check,
button .i-check ~ .lbl{pointer-events:none;}

/* CHECK */
.choice {display:inline-flex;z-index:1;vertical-align:middle;}
.choice.row,
.choice[class*="col"] {display:flex;flex-wrap:wrap;}
.choice.row[style*="block"],
.choice[class*="col"][style*="block"] {display:flex !important;}
.choice .item {display:flex;align-items:center;position:relative;margin:5px 32px 5px 0;white-space:nowrap;}
.choice button.item .lbl {font-size:16px;}
.choice .item-txt {margin-left:24px;color:#666;font-weight:300;font-size:0.875em;}
.choice.row .item,
.choice[class*="col"] .item {margin-right:0;}
.choice.row .item {width:100%;}
.choice.col2 .item {width:50%;}
.choice.col3 .item {width:33.33333333333333%;}
.choice.col4 .item {width:25%;}
.choice.full {display:flex;justify-content:space-between;}
.choice.full .item {margin-right:0;}
.choice.mh40 {min-height:40px;}
.choice .c1,
.choice .c2 {margin-left:2px;}
.choice-txt {color:#3d414a;font-size:16px;}
.choice + .choice-txt,
.choice-txt + .choice,
.datepicker + .choice {margin-left:32px;}
.choice-txt + .forms .choice.row {margin-top:16px;} /* CCPSGN0302H9F01 */
.forms.email .choice,
.forms.addr > .row > .choice {margin-left:12px;}
.forms.tel-code + .choice {margin-top:12px;}

.forms .choice + [class*="btn-"] {margin-left:0;}

/* FLIP */
.form-flip {display:inline-block;position:relative;width:86px;white-space:nowrap;vertical-align:top;}
.form-flip input {position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:none;border:transparent}
.form-flip input:not(:disabled){cursor:pointer;}
.form-flip input:checked {border:0;background:transparent;}
.form-flip .label {position:relative;height:32px;background-color:#8a8a8a;border-radius:32px;transition:all .3s ease;}
.form-flip input:checked + .label {background-color:#1e5bc5;}
.form-flip .label::after {content:'';position:absolute;left:4px;top:50%;width:26px;height:26px;margin-top:-13px;background-color:#fff;border-radius:50%;vertical-align:top;transition:all .3s ease;}
.form-flip input:checked + .label::after {left:100%;margin-left:-30px;}
.form-flip .label span {position:absolute;top:0;width:56px;font-size:14px;font-weight:500;line-height:32px;color:#fff;text-align:center;vertical-align:top;transition:all .2s ease;}
.form-flip .label .off {right:0;padding-right:4px;}
.form-flip .label .on {left:0;padding-left:12px;}
.form-flip input ~ .label .on,
.form-flip input:checked ~ .label .off {opacity:0;}
.form-flip input:checked ~ .label .on {opacity:1;}

/* ====================
	DATAPICKER
==================== */
.datepicker {display:flex;align-items:center;}
.datepicker .date {position:relative;}
.datepicker .date input {width:166px;padding-right:45px;}
.datepicker .date button {position:absolute;right:0;width:45px;height:100%;background:url(../images/common/form_calander.png) no-repeat right 16px center;text-indent:-5000em;}
.datepicker .date input:read-only,
.datepicker .date input:disabled{background-image:url(../images/common/form_calander_disabled.png);background-repeat:no-repeat;background-position:right 16px center;}
.datepicker .date input:read-only + button,
.datepicker .date input:disabled + button {display:none;}
.datepicker > [class^="btn-"]:last-child{margin-left:8px;}

/* 년월일 */
.ui-widget-content {background-color:#fff;}
.ui-icon {display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;}
.ui-datepicker {width:284px;display:none;padding:0 12px 20px;overflow:hidden;border:1px solid #ddd;border-radius:10px;z-index:9999!important;}
.ui-datepicker.mtz-monthpicker {padding:0 25px 25px;}
.ui-datepicker .ui-datepicker-header {position:relative;}
.ui-datepicker .ui-datepicker-header.mtz-monthpicker {padding:25px 0;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev-y,
.ui-datepicker .ui-datepicker-next-y {position:absolute;top:28px;width:24px;height:24px;background:url(../images/common/spr_calendar.png) 50% 0 no-repeat;border-radius:0;overflow:hidden;}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-next.ui-state-disabled,
.ui-datepicker .ui-datepicker-prev-y:disabled,
.ui-datepicker .ui-datepicker-next-y:disabled {opacity:0.5;}
.ui-datepicker .ui-datepicker-prev {left:43px;background-position:0 -24px;}
.ui-datepicker .ui-datepicker-next {right:43px;background-position:0 -72px;}
.ui-datepicker .ui-datepicker-prev-y {left:15px;background-position:0 0;}
.ui-datepicker .ui-datepicker-next-y {right:15px;background-position:0 -48px;}
.ui-datepicker .ui-datepicker-title {line-height:50px;padding:12px 0 4px;text-align:center;font-size:23px;}
.ui-datepicker .ui-datepicker-title select {background:transparent;margin:0;width:auto;height:auto;padding:0;border:0 none;-webkit-appearance:none;appearance:none;font-size:20px;font-weight:700;color:#050f26;letter-spacing:0;vertical-align:middle;}
.ui-datepicker .ui-datepicker-title select option {color:#1a1a1a;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {width:auto;}
.ui-datepicker table {width:100%;font-size:15px;border-collapse:collapse;}
.ui-datepicker th {height:36px;padding-bottom:4px;font-size:15px;font-weight:300;text-align:center;}
.ui-datepicker td {height:1.6em;margin:0;padding:4px 0;font-size:15px;text-align:center;line-height:1.6em;white-space:nowrap;text-decoration:none;}
.ui-datepicker table.mtz-monthpicker {border-width:1px 0 0 1px;border-style:solid;border-color:#e6e6e6;}
.ui-datepicker table.mtz-monthpicker td {border-width:0 1px 1px 0;border-style:solid;border-color:#e6e6e6;cursor:pointer;}
.ui-datepicker table.mtz-monthpicker td:hover {background-color:#f8fafb;}
.ui-datepicker td span,
.ui-datepicker td a {display:inline-block;width:32px;line-height:20px;padding:6px 0;color:#050f26;text-align:center;text-decoration:none;border-radius:50%;vertical-align:middle;}
.ui-datepicker td a:hover,
.ui-datepicker td a:focus {background-color:#e5e5e5;}
.ui-datepicker .ui-datepicker-buttonpane {background:none;border:none;}
.ui-datepicker .ui-datepicker-buttonpane button {overflow:hidden;position:absolute;right:6px;top:6px;width:20px;height:20px;background:url(../images/common/btn_calendar_close.png) no-repeat 50% 50%;text-indent:-5000em;cursor:pointer;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {display:none;left:22px;color:#666;font-size:13px;line-height:25px;text-align:center;background:none;}
.ui-datepicker .ui-state-highlight {background-color:#4a42b9;font-weight:500;color:#fff !important;}
.ui-datepicker .ui-datepicker-today .ui-state-highlight {background-color:#3d414a;}
.ui-datepicker .ui-datepicker-today .ui-state-highlight:hover,
.ui-datepicker .ui-datepicker-today .ui-state-highlight:focus {color:#fff;}
.ui-datepicker .ui-datepicker-week-end:first-child span,
.ui-datepicker .ui-datepicker-week-end:first-child a {color:#ff3700;}
.ui-datepicker .ui-datepicker-week-end span,
.ui-datepicker .ui-datepicker-week-end a {color:#1e5bc5;}
.ui-datepicker .ui-state-disabled .ui-state-default,
.ui-datepicker .ui-datepicker-week-end.ui-state-disabled .ui-state-default {color:#8a8a8a;}
.ui-datepicker .ui-state-default.ui-priority-secondary {color:#666;}
.ui-datepicker .ui-state-default.ui-state-active {background-color:#4a42b9;border-color:#4a42b9;font-weight:500;color:#fff;}

.ui-datepicker.ui-datepicker-multi {width:auto;}
.ui-datepicker-multi .ui-datepicker-group {float:left;}
.ui-datepicker-multi .ui-datepicker-group table {width:95%;margin:0 auto .4em;}
.ui-datepicker-multi-2 .ui-datepicker-group {width:50%;}
.ui-datepicker-multi-3 .ui-datepicker-group {width:33.3%;}
.ui-datepicker-multi-4 .ui-datepicker-group {width:25%;}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {border-left-width:0;}
.ui-datepicker-multi .ui-datepicker-buttonpane {clear:left;}
.ui-datepicker-row-break {clear:both;width:100%;font-size:0;}

.ui-datepicker-rtl {direction:rtl;}
.ui-datepicker-rtl .ui-datepicker-prev {right:2px;left:auto;}
.ui-datepicker-rtl .ui-datepicker-next {left:2px;right:auto;}
.ui-datepicker-rtl .ui-datepicker-prev:hover {right:1px;left:auto;}
.ui-datepicker-rtl .ui-datepicker-next:hover {left:1px;right:auto;}
.ui-datepicker-rtl .ui-datepicker-buttonpane {clear:right;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {float:left;}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {float:right;}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {border-right-width:0;border-left-width:1px;}

/* 년월 */
.ui-monthpicker {z-index:9999!important;}
.ui-monthpicker.base {position:absolute;top:100%;left:0;}
.ui-monthpicker.mobile {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;}
.ui-monthpicker-inr {position:relative;width:284px;padding:0 12px 24px;overflow:hidden;border:1px solid #ddd;border-radius:10px;background-color:#fff;}
.ui-monthpicker-head {display:flex;align-items:center;padding:28px 15px 24px;}
.ui-monthpicker-navi {display:block;width:24px;height:24px;overflow:hidden;background:url(../images/common/spr_calendar.png) no-repeat 0 0;flex-shrink:0;}
.ui-monthpicker-navi:disabled {opacity:0.5;cursor:default;}
.ui-monthpicker-navi.first {background-position:0 0;margin-right:4px;display:none;}
.ui-monthpicker-navi.prev {background-position:0 -24px;margin-right:auto;}
.ui-monthpicker-navi.next {background-position:0 -72px;margin-left:auto;}
.ui-monthpicker-navi.last {background-position:0 -48px;margin-left:4px;display:none;}
.ui-monthpicker-navi.none {visibility:hidden;}
.ui-monthpicker-title {display:inline-block;font-size:20px;padding:0 5px;font-weight:700;color:#050f26;text-align:center;}
.ui-monthpicker-grid>ul{display:none;grid-template-columns:repeat(4, 1fr);gap:24px 0;}
.ui-monthpicker-grid>ul.active{display:grid;}
.ui-monthpicker-grid>ul>li{display:flex;justify-content:center;}
.ui-monthpicker-btn {display:inline-flex;align-items:center;justify-content:center;width:48px;height:32px;border:none;border-radius:5px;background:none;font-size:15px;color:#050f26;text-align:center;}
.ui-monthpicker-btn:not(:disabled){font-weight:500;}
.ui-monthpicker-btn:hover:not(:disabled, .selected, .today) {background-color:#f0f0f0;}
.ui-monthpicker-btn.today,
.ui-monthpicker-btn.selected {font-weight:700;color:#fff;}
.ui-monthpicker-btn.today {background-color:#3d414a;}
.ui-monthpicker-btn.selected {background-color:#4a42b9;}
.ui-monthpicker-btn:disabled {color:#8a8a8a;}
.ui-monthpicker-close {display:block;position:absolute;right:6px;top:6px;width:20px;height:20px;background:url(../images/common/btn_calendar_close.png) no-repeat 50% 50%;overflow:hidden;}

/* ====================
	DATA
==================== */
.no-data {margin-top:40px;padding:20px 0;font-size:18px !important;color:#3d414a !important;text-align:center !important;}
.no-data .txt {line-height:28px;}
.boards .table .no-data{padding:0 !important;}
.boards .table .no-data p{position:sticky;left:0;max-width:var(--table-w);padding:81px 0;line-height:28px;}
.boards .table .no-data p::before {content:'';display:block;width:40px;height:40px;margin:0 auto 16px;background:url(../images/ico/ico_data.png) no-repeat 0 0;}
.boards .list .no-data,
.no-data.box {display:none;padding:49px 0;border:1px solid #e5e5e5;border-radius:8px;}
.boards .list .no-data {margin-top:0;}
.no-data.flex {display:flex;margin:0;align-items:center;justify-content:center;flex-direction:column;}
[class*="tits"] ~ .no-data.box {margin-top:0;}
.tits +.no-data.box .txt.sm {font-size:16px;}
.boards .list .no-data ~ .data > ul > li:first-child {margin-top:12px;}
.tab-menu-sub ~ .tab-content .tits + .boards .list .no-data {margin-top:0}
.no-data.ico{padding:80px 0 !important;}
.no-data.ico::before {content:'';display:block;width:40px;height:40px;margin:0 auto 16px;background:url(../images/ico/ico_data.png) no-repeat 0 0;}

/* ====================
	BOARD
==================== */
.boards {position:relative;margin-top:16px;}
.boards .forms-out,
.boards .forms {margin:-4px 0;}
.boards .forms-out .forms {margin:0;}
.boards .forms > .forms {margin-left:8px;}
.boards .forms ~ .byte-count,
.boards .file-list {margin-bottom:-4px;}
.boards .addr-txt + .forms {margin-top:0;}
.msgs + .boards {margin-top:64px;}

.tits + .boards {margin-top:0;}
.bill-box + .boards,
.agree-list + .boards,
.agree-list.num + .list-dot + .boards,
.agree-info-box + .boards {margin-top:64px;}
.steps + .boards,
.guide-box + .boards {margin-top:56px;}
.manual-box + .boards,
.manual-box + .box-outline.sm + .boards,
.agree-list + .guide-box + .boards,
.agree-list + .guide-box + .tits > .rq:not(.abs):first-child:last-child,
.guide-box + .tits > .rq:first-child:last-child {margin-top:24px;}
[class*="tab-menu"] + .tab-content-tit + .boards,
.box-outline + .boards,
.top-tip + .tits > .rq:first-child:last-child,
.bill-box + .tits > .rq:first-child:last-child,
.popup-content > [class^="txts"]:first-child + .boards {margin-top:40px;}

/* TABLE - TITLE */
.tits + .tbl-sub-tit {padding-top:24px;margin:0 0 16px;border-top:2px solid #050f26;}
[class^="txts"] + .tbl-sub-tit {padding-top:24px;margin:16px 0;border-top:2px solid #050f26;}
.tbl-sub-tit {display:flex;align-items:center;position:relative;margin:24px 0 16px;}
.boards + .tbl-sub-tit::before {content:'';position:absolute;left:0;top:-25px;z-index:1;width:100%;height:1px;background-color:#e5e5e5;}
.tbl-sub-tit + .boards .table.row {border-top:1px solid #e5e5e5;}
.tbl-sub-tit + .boards .table.col > table > thead::before {height:1px;background-color:#e5e5e5;}
.tbl-sub-tit + .boards .table.col > table > thead > tr > th {border-bottom-color:#e5e5e5;}
.tbl-sub-tit [class^="tits"] {margin:0;font-weight:500;color:#154292;}
.tbl-sub-tit > strong {font-size:16px;font-weight:500;color:#154292;}
.tbl-sub-tit > input[type="checkbox"] + label {margin-left:8px;font-weight:500;color:#154292;}

/* TABLE */
.boards .table {position:relative;}
.boards .table table , .board-detail .table table {border-right:hidden;border-left:hidden;}
.boards .table table th,
.boards .table table td {font-size:16px;line-height:1.5;}
.boards .table table th,
.board-detail .table table th {font-weight:500;color:#050f26;}
.boards .table table td {color:#3d414a;}
.boards .table table input,
.boards .table table select,
.boards .table table textarea,
.boards .table table label,
.boards .table table img {vertical-align:middle;}
.boards .table .boards {margin-top:0;}
.boards .table .vt {vertical-align:top !important;}

.boards .table .td-tit {border-right:0 !important;background-color:#fff !important;font-weight:500;}
.boards .table .th-sub {font-size:14px;color:#3d414a;}
.boards .table.row .td-tit ~ td:not(.td-tit) {padding-left:0;}

.step-box + .boards {margin-top:64px;}
.securities-search + .step-box + .boards,
.securities-search + .step-box + .list-dot + .boards {margin-top:48px;}
.boards + .boards .table {margin-top:24px;}

/* TABLE - ROW */
.boards .table.row, .board-detail .table.row {position:relative;border-top:2px solid #050f26;}
.boards .table.row::after {content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#ccc;}
.boards .table.row > table > tbody > tr > th,
.boards .table.row > table > tbody > tr > td,
.board-detail .table.row > table > tbody > tr > th,
.board-detail .table.row > table > tbody > tr > td {border-bottom:1px solid #e5e5e5;text-align:left;}
.boards .table.row > table > tbody > tr > th,
.board-detail .table.row > table > tbody > tr > th {padding:8px 10px 8px 24px;background-color:#f9faff;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.boards .table.row > table > tbody > tr > td,
.board-detail .table.row > table > tbody > tr > td {height:56px;padding:16px 24px;}
.boards .table.row > table > tbody > tr > td > .choice .item {margin-top:0;margin-bottom:0;}
.boards .table.row > table > tbody > tr > td .fr {margin:-4px 0;}
.boards .table.row > table > tbody > tr > td .fr .terms-agree {margin-top:3px;}
.boards .table.row > table > tbody > tr > td span + .terms-agree {margin-left:10px;}
.boards .table.row > table > tbody > tr > td [class*="btn-"] {vertical-align:middle;}
.boards .table.row.line > table > tbody > tr > th,
.boards .table.row.line > table > tbody > tr > td {border-left:1px solid #e5e5e5;}

.boards .table.row [class^="btn-"].md {vertical-align:middle;}
.boards .table.row span +[class^="btn-"].md {margin-left:15px;}

/* TABLE - COL */
.boards .table.col{overflow:auto;margin-right:-2px;}
.boards .table.col:after{content:'';display:block;position:sticky;left:0;bottom:1px;height:1px;background-color:#ccc;}
.boards .table.col[data-row="0"] {overflow-y:hidden;}
.boards .table.col > table {margin-left:-2px;border-collapse:separate;}
.boards .table.col > table > thead > tr > *,
.boards .table.col > table > tbody > tr > *,
.boards .table.col > table > tfoot > tr > * {height:56px;padding:16px 12px;border:0 solid #e5e5e5;border-left-width:1px;background-color:#fff;font-size:16px;line-height:1.4;}
.boards .table.col > table > thead {position:sticky;top:0;z-index:5;}
.boards .table.col > table > thead::before,
.boards .table.col > table > thead::after{content:'';position:absolute;left:0;z-index:1;width:100%;}
.boards .table.col > table > thead::before {top:0;height:2px;background-color:#050f26;}
.boards .table.col > table > thead::after {bottom:0;height:1px;background-color:#ccc;}
.boards .table.col > table > thead > tr > * {border-top-width:1px;background-color:#f9faff;}
.boards .table.col > table > thead > tr:first-child > *{border-top-width:2px;}
.boards .table.col > table > thead > tr:last-child > *{border-bottom-width:1px;}
.boards .table.col > table > tbody > tr:not([style*="none"]) ~ tr > * {border-top-width:1px;}
.boards .table.col > table > tbody > tr > th {background-color:#f9faff;text-align:left;}
.boards .table.col > table > tbody > tr > td > [class*="tits"]:first-child {margin-top:0;}
.boards .table.col > table > tbody > tr > td.tooltip > div.on {cursor:pointer;}
.boards .table.col > table > tbody > tr.tfoot > td,
.boards .table.col > table > tfoot > tr > td {background-color:#f4f2fe;font-weight:500;color:#4a42b9;}
.boards .table.col > table > tfoot > tr > *{border-top-width:1px;border-left-width:0;}
.boards .table.col[data-row] > table > tfoot {position:sticky;bottom:1px;z-index:5;box-shadow:0px 1px 0 #fff;}
.boards .table.col[data-row] > table > tfoot > tr > *{border-bottom:1px solid #ccc;}
.boards .table.col > table > tfoot > tr:first-child > *,
.boards .table.col > table > tbody > tr.tfoot > *,
.boards .table.col > table > tbody > tr.tfoot + tr > *,
.boards .table.col > table > tfoot > tr > * {border-top-color:#ccc;}
.boards .table.col > table > * > tr > .sticky-cell {position:sticky;}
.boards .table.col.xscroll > table > * > tr > .sticky-cell:first-child {border-left:0;}
.boards .table.col.xscroll > table > * > tr > .sticky-cell-left::after,
.boards .table.col.xscroll > table > * > tr > .sticky-cell-right::after {content:'';position:absolute;top:0;width:1px;height:101%;background-color:#e5e5e5;}
.boards .table.col > table > * > tr > .sticky-cell-left::after {right:-1px;box-shadow:2px 0 4px rgba(0,0,0,0.18);}
.boards .table.col > table > * > tr > .sticky-cell-right::after {left:-1px;box-shadow:-2px 0 4px rgba(0,0,0,0.18);}
.boards .table.col td:not(.ep2) .td-tooltip {display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;}
.boards .table.col td.ep2 .td-tooltip {display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.boards .table.col .td-tooltip[tabindex] {cursor:pointer;}

.boards .table > table > tbody > tr.on > td{background-color:#fff4e4;}
.boards .table.col > table > tbody > tr > td.td-msg {font-size:18px;color:#3d414a;}
.boards .table.col > table > tbody > tr > td.c1 + td.tooltip {color:#ff3700 !important;}
.boards .table.col > table > tbody > tr.upper > td {background-color:rgba(255,244,228,.4);}
.boards .table.col > table > tbody > tr > td.line2 [class^="btn-"] {margin:2px 0;}
.boards .table.col [class^="btn-"].sm[class*="w"]:not(.download) {padding:0;vertical-align:middle;}
.boards .table.col .download-col3 {display:flex;flex-wrap:wrap;width:100%;}
.boards .table.col .download-col3 a {width:33.33%;margin:6px 0;}
.boards .table.col.line > table > tbody > tr > td {text-align:left;}
.boards-tooltip {position:absolute;z-index:2000;max-width:400px;padding:8px 10px;border:1px solid #333;background-color:#fff;box-shadow:2px 2px 4px rgba(0,0,0,.3);}

.boards .table ~ .btn,
.board-detail .table ~ .btn {position:absolute;right:0;top:-48px;}

/* TABLE - ETC */
.tbl-link {display:inline-flex;align-items:center;max-width:100%;}
.tbl-link .ellipsis {max-width:inherit;}
.tbl-link .link-tit {display:inline-block;overflow:hidden;word-break:break-all;text-overflow:ellipsis;white-space:nowrap;}
.tbl-link [class^=ico-] {flex-shrink:0;}
.tbl-link .link-tit + [class^=ico-]{margin-left:12px;}

.tbl-link .link-tit:hover,
.boards .table.col a.ellipsis:hover {color:#1e5bc5;text-decoration:underline;text-underline-position:under;}

.msg-link {margin-top:24px;font-size:14px;line-height:22px;color:#666;text-align:center;}
.msg-link a {color:#666;}
.msg-link .msg + a {margin-left:16px;}

/* LIST */
.boards > .list .subj a {display:block;position:relative;font-weight:700;color:#050f26;word-break:break-all;}
.boards > .list .subj a::before {content:'';position:absolute;top:50%;width:24px;height:24px;margin-top:-14px;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:50%;}
.boards > .list .subj a[title]::before {transform:rotate(0deg);transition:all .3s ease;}
.boards > .list li.on .subj a[title] {border-bottom-color:#050f26;}
.boards > .list li.on .subj a[title]::before {transform:rotate(180deg);}
.boards > .list .obj {display:none;position:relative;word-break:break-all;}
.boards > .list .obj img{max-width:100%;}
.boards > .list .obj .obj-inr .tits:first-child {margin-top:0;}

.boards > .list .obj .forms.w4,
.boards > .list .obj .forms .w4 {width:307px !important;}
.boards > .list .obj .forms.reg input:not([type="radio"], [type="checkbox"]) {width:145px;}
.boards > .list .obj .forms[class*='tel'] input {width:203px;}

/* LIST - LINE */
.boards > .list.line li ~ li {margin-top:8px;}
.boards > .list.line .subj a {padding:17px 44px 17px 0;border-bottom:2px solid #dbdbdb;font-size:24px;}
.boards > .list.line .subj a::before {right:0;box-shadow:0 0 4px rgba(0,0,0,.16);background-image:url(../images/common/acc.png);}
.boards > .list.line li.on .subj a[title]::before {background-image:url(../images/common/acc_on.png);}
.boards > .list.line .obj {padding-bottom:48px;}
.boards > .list.line .obj .obj-inr {margin-top:32px;}

/* LIST - BOX */
.boards > .list.box > .data > ul > li {border:1px solid #ccc;border-radius:12px;}
.boards > .list.box > .data > ul > li ~ li {margin-top:16px;}
.boards > .list.box .subj {position:relative;}
.boards > .list.box .subj::after {content:'';position:absolute;left:40px;right:40px;bottom:-1px;z-index:-1;height:1px;background-color:#e5e5e5;}
.boards > .list.box .subj a {padding:32px 84px 32px 40px;font-size:22px;font-weight:500;}
.boards > .list.box .subj a::before {right:40px;background-image:url(../images/common/acc_box.png);}
.boards > .list.box .subj a .tit-contract {display:inline-block;}
.boards > .list.box .subj a .tit-contract::before {content:'';display:inline-block;width:1px;height:16px;margin:0 16px;background-color:#ccc;}
.boards > .list.box .obj {padding:0 40px 32px;}
.boards > .list.box .obj .obj-inr,
.boards > .list.box .obj .obj-inr > [class*="tits"]:not(.tits),
.boards > .list.box .obj .obj-inr .tits [class*="tits"] {margin-top:40px;}
.boards > .list.box .obj .board-upper:first-child,
.boards > .list.box .obj .obj-inr > [class*="tits"]:first-child,
.boards > .list.box .obj .obj-inr > .tits:first-child [class*="tits"] {margin-top:0;}
.boards > .list.box li.on .subj a[title] {font-weight:700;color:#1e5bc5;}
.boards > .list.box li.on .subj a[title]::before {background-image:url(../images/common/acc_box_on.png);}
.boards > .list.box li .list-dot li {border:0;border-radius:0;}
.boards > .list.box li .boards .list-dot li ~ li {margin-top:8px;}
.boards > .list.box li .board-upper {margin-top:40px;}
.boards > .list.box li .btns {margin-top:32px;}

.boards > .list.box2 > .data > ul > li {border:1px solid #ccc;border-radius:8px;}
.boards > .list.box2 > .data > ul > li.on{border-color:#050F26;}
.boards > .list.box2 > .data > ul > li ~ li {margin-top:16px;}
.boards > .list.box2 .subj a {padding:15px 80px 15px 32px;font-size:22px;line-height:32px;font-weight:700;color:#050f26;border-radius:8px 8px 0 0;}
.boards > .list.box2 .subj a::before {right:32px;width:28px;height:28px;margin-top:-14px;border-radius:50%;box-shadow:0 0 4px rgba(0,0,0,.12);background:#fff url(../images/common/acc.png) no-repeat 50%;}
.boards > .list.box2 li.on .subj a::before {background-image:url(../images/common/acc_on.png);}
.boards > .list.box2 .subj a small{font-size:18px;line-height:22px;font-weight:300;color:#666;}
.boards > .list.box2 .obj {padding:0 40px 48px;border-top:1px solid #dbdbdb;}
.boards > .list.box2 .obj .obj-inr {margin-top:40px;}
.boards > .list.box2 li.on .subj a[title] {background-color:#f8f8f8;}

/* LIST - QNA */
.boards > .list.qna ul {padding:1px;}
.boards > .list.qna .data > ul > li {border:1px solid #e5e5e5;outline:1px solid transparent;border-radius:8px;}
.boards > .list.qna .data > ul > li ~ li {margin-top:12px;}
.boards > .list.qna .data > ul > li.on {border:1px solid #050f26;outline:1px solid #050f26;}
.boards > .list.qna .data > ul > li.on .subj a[title]::before {background-image:url(../images/common/acc_box_on.png);}
.boards > .list.qna .subj a,
.boards > .list.qna .subj .inr {display:flex;justify-content:space-between;align-items:baseline;padding:24px 88px 24px 32px;font-size:18px;}
.boards > .list.qna .subj .inr{padding-right:32px;}
.boards > .list.qna .subj a:after {content:'';display:block;clear:both;}
.boards > .list.qna .subj a::before {top:28px;right:32px;margin-top:0;background-image:url(../images/common/acc_box.png);}
.boards > .list.qna .subj .num {position:relative;width:62px;padding-right:16px;margin-right:24px;font-weight:300;color:#3d414a;text-align:center;white-space:nowrap;}
.boards > .list.qna .subj .num::before {content:'';position:absolute;right:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#ccc;}
.boards > .list.qna .subj a strong,
.boards > .list.qna .subj .inr strong {flex-grow:1;flex-basis:0;margin:0 24px 0 0;line-height:24px;}
.boards > .list.qna .subj .date {font-size:16px;font-weight:300;color:#666;}
.boards > .list.qna .obj {padding:0 32px 24px 113px;}
.boards > .list.qna .obj .tit {display:block;margin-bottom:16px;font-size:16px;font-weight:700;color:#1e5bc5;}
.boards > .list.qna .obj .obj-tit {display:block;margin:24px 0 12px;}
.boards > .list.qna .obj .obj-inr ~ .obj-inr .tit {padding-top:32px;margin-top:32px;border-top:1px solid #e5e5e5;}
.boards > .list.qna .obj .tit .day {font-size:14px;font-weight:300;color:#666;}
.boards > .list.qna .obj .tit .day::before {content:'';display:inline-block;width:1px;height:8px;margin-left:8px;margin-right:8px;background-color:#ccc;}
.boards > .list.qna .obj .txt,
.boards > .list.qna .obj .txt * {font-family:inherit !important;font-size:16px !important;line-height:24px !important;}
.boards > .list.qna .obj .txt {word-break:keep-all;word-wrap:break-word;white-space:normal;}
.boards > .list.qna .obj .txt *:not(strong) {font-weight:300 !important;}
.boards > .list.qna .obj .txt + .obj-file {margin-top:24px;}
.boards > .list.qna .obj .txt [class^="list-"] {margin-top:0;}
.boards > .list.qna .obj .txt [class^="txts"] {margin:16px 0 8px;}
.boards > .list.qna .obj .txt [class^="txts"]:first-child {margin-top:0;}
.boards > .list.qna .obj .txt .list-dot .list-dash > ul {margin-bottom:0;}
.boards > .list.qna .obj .txt [class^="list-"] li ~ li {margin-top:8px;}
.boards > .list.qna .obj .no-data {padding:0 81px 0 0;}
.boards > .list.qna .obj-file {padding:24px 32px;border-radius:4px;background-color:#f9faff;}
.boards > .list.qna .obj-file p {padding-left:24px;background:url(../images/common/ico_file.png) no-repeat left top 3px;}
.boards > .list.qna .obj-file p > a {font-size:14px;line-height:22px;color:#1e5bc5;}
.boards > .list.qna .obj-file p ~ p {margin-top:8px;}
.boards > .list.qna .obj-box {padding:24px 32px;border-radius:4px;background-color:#f9faff;}
.boards > .list.qna .obj-box:not(:first-child){margin-top:32px;}
.boards > .list.qna .obj-box .txt-tip:first-child,
.boards > .list.qna .obj-box [class^="list-"]:first-child{margin-top:0;}
.boards > .list.qna.type2 .subj a .cell .sort {display:inline-block;padding-top:2px;margin-right:8px;font-size:16px;font-weight:500;color:#1e5bc5;vertical-align:text-top;}
.boards > .list.qna.type2 .obj {margin:0 88px 0 113px;padding:0 0 24px;}
.boards > .list.qna.type2 .obj::before {content:'';display:block;height:1px;background-color:#e5e5e5;}
.boards > .list.qna.type2 .obj .obj-inr {margin-top:24px;}
.boards > .list.qna.no-btn .obj{display:block;}
.boards > .list.qna.no-btn .subj .num{font-weight:bold;color:#7056f5;}
.boards > .list.qna.no-btn .subj .inr strong{color:#050f26;}
.boards > .list.qna.no-btn .data > ul > li ~ li {margin-top:24px;}
.boards > .list.qna.type2.no-btn .obj{margin-right:64px;}

/* UPPER */
.board-upper {display:flex;align-items:end;margin:64px 0 16px;}
.content-body > .board-upper:first-child {margin-top:0;}
.tab-menu + .board-upper {margin-top:40px;}
.board-upper:last-child{margin-bottom:0;}
.board-upper .left,
.board-upper .right {display:flex;align-items:center;}
.board-upper .left.end,
.board-upper .right.end {align-items:flex-end;}
.board-upper .left {margin-right:40px;flex:1 1 auto;}
.board-upper .txts1 {word-break:keep-all;word-wrap:break-word;white-space:normal;}
.board-upper .tits2,
.board-upper .tits3 {margin:0 12px 0 0;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.board-upper [class^="tits"] + p {flex:none;}
.board-upper .total,
.board-upper .page {margin-top:7px;font-size:14px;}
.board-upper .total {font-weight:700;color:#050f26;}
.board-upper .total em {margin-left:4px;color:#1e5bc5;}
.board-upper .page {color:#666;}
.board-upper .page em {font-weight:700;color:#050f26;}
.board-upper .page span {margin-right:4px;}
.board-upper .page .c2 {margin-left:4px;}
.board-upper .total ~ .page{position:relative;overflow:hidden;padding-left:17px;}
.board-upper .total ~ .page::before {content:'';display:inline-block;width:1px;height:8px;background-color:#949494;position:absolute;left:8px;top:50%;margin-top:-4px;}
.board-upper .sel {display:flex;align-items:center;margin-top:7px;}
.board-upper .sel::before {content:'';display:inline-block;width:1px;height:8px;margin:0 8px 0 10px;background-color:#949494;}
.board-upper .sel select {height:16px;padding:0 16px 0 0;border:0;background:url(../images/common/bg_select_arrow.png) no-repeat 100% 50%;font-size:14px;color:#385673;}
.board-upper .cases {font-weight:300;}
.board-upper .right {flex-shrink:0;margin-left:auto;}
.board-upper .right .rq + div {margin-left:12px;}
.board-upper .right .btn,
.board-upper .right .btn > div {display:flex;}
.board-upper .right .btn[style*="block"],
.board-upper .right .btn > div[style*="block"] {display:flex !important;}
.board-upper .right .btn a.sm,
.board-upper .right .btn button.sm {margin-left:4px;}
.board-upper .right .btn a.md,
.board-upper .right .btn button.md {margin-left:6px;}
.board-upper .right .search {display:flex;align-items:center;position:relative;}
.board-upper .right .search select {min-width:118px;width:auto;}
.board-upper .right .search select + select {margin-left:8px;}
.board-upper .right .search input {width:222px;margin-left:8px;padding-right:45px;}
.board-upper .right .legend {margin-left:10px;font-size:14px;}
.board-upper .right .legend + .btn {margin-left:6px;}
.board-upper .right .summary {font-size:14px;line-height:22px;margin-right:16px;}
.board-upper .right .summary:last-child {margin-right:0;}
.board-upper .right .type {display:inline-flex;align-items:center;}
.board-upper .right div + .type::before {content:'';width:1px;height:12px;margin:0 8px;background-color:#dbdbdb;}
.board-upper .right .type .choice {height:32px;border:1px solid #dbdbdb;border-radius:4px;background-color:#f8f8f8;}
.board-upper .right .type .item {position:relative;margin:-1px;}
.board-upper .right .type .item input {position:absolute;left:0;top:0;bottom:-1px;width:100%;height:100%;background:none;border:0;border-radius:4px;}
.board-upper .right .type .item label {width:32px;height:100%;margin:0;border-radius:4px;}
.board-upper .right .type .item:nth-child(1) label {background:url(../images/common/ico_view_list.png) no-repeat 50%;}
.board-upper .right .type .item:nth-child(2) label {background:url(../images/common/ico_view_card.png) no-repeat 50%;}
.board-upper .right .type .item input:checked + label {border:1px solid #385673;}
.board-upper .right .type .item:nth-child(1) input:checked + label {background:#fff url(../images/common/ico_view_list_on.png) no-repeat 50%;}
.board-upper .right .type .item:nth-child(2) input:checked + label {background:#fff url(../images/common/ico_view_card_on.png) no-repeat 50%;}
.board-upper .right .type .item label span {overflow:hidden;position:absolute;z-index:-1;width:1px;height:1px;font-size:1px;opacity:.01;clip:rect(1px,1px,1px,1px);}
.board-upper + .txts2 {margin-top:-4px;}
.board-upper .tab,
.board-upper .tab>span{display:flex;align-items:center;}
.board-upper .tab>span+span:before{content:'';display:block;width:1px;height:12px;background-color:#ccc;margin:0 16px;}
.board-upper .tab>span>a{font-size:16px;line-height:19px;color:#050f26;}
.board-upper .tab>span>a[title]{font-weight:bold;color:#154292;text-decoration:underline;text-underline-offset:2px;}
.board-upper .tooltips {top:-1px;
	/* z-index:10; 퀵메뉴에 가림 */
}
.board-upper .choice .item {margin-right:10px;}

div [id*="TAB"] + div[id] > .board-upper[id]:first-child {margin-top:40px;}

/* LOWER */
.board-lower {margin-top:24px;display:flex;}
.ccg-content-body .board-lower {margin-top:16px;}
.board-lower > .left {flex:1 1 auto;}
.board-lower > .right {display:flex;margin-left:auto;flex-shrink:0;}
.board-lower > .right [class^="btn-"].md ~ [class^="btn-"].md {margin-left:8px;}
.board-lower .list-dot:first-child{margin-top:0;}

[class*="tits"] + .board-upper,
[class*="tab-menu"] + .tab-content-tit + .board-upper,
.popup-content .board-upper,
.wrap .boards + div .board-upper:first-child {margin-top:40px;}
[class*="tab-menu"] + .tab-content-tit + .guide-box {margin-top:0 !important;}
.popup-content .board-upper:first-child {margin-top:0;}

/* PAGINATE */
.paginate {margin-top:56px;}
.paginate > .inr {display:flex;justify-content:center;margin:0 auto;text-align:center;}
.paginate a {display:inline-block;overflow:hidden;min-width:30px;height:30px;padding:0 6px;margin:0 4px;border-radius:4px;font-size:15px;line-height:30px;color:#666;vertical-align:middle;}
.paginate .cur {display:inline-block;overflow:hidden;min-width:30px;height:30px;padding:0 6px;margin:0 4px;border-radius:4px;font-size:15px;line-height:30px;color:#666;vertical-align:middle;}
.paginate a:not(.control) {background-color:#f8f8f8;}
.paginate [title]:not(.control) {background-color:#385673;font-weight:700;color:#fff;}
.paginate .control {min-width:auto;margin:3px 2px;background-repeat:no-repeat;background-position:50%;}
.paginate .first {width:24px;height:24px;background-image:url(../images/common/page_first.png);}
.paginate .prev {width:24px;height:24px;margin-right:12px;background-image:url(../images/common/page_prev.png);}
.paginate .next {width:24px;height:24px;margin-left:12px;background-image:url(../images/common/page_next.png);}
.paginate .last {width:24px;height:24px;background-image:url(../images/common/page_last.png);}
.board-lower ~ .paginate {margin-top:16px;}
.list-dot + .paginate {margin-top:32px;}

/* DETAIL */
.board-detail {border-top:2px solid #050f26;}
.board-detail > dl > dt {padding:24px 0;border-bottom:1px solid #ccc;}
.board-detail > dl > dt .board-tit h3 {font-size:18px;color:#050f26;word-break:break-all;}
.board-detail > dl > dt .board-info {display:flex;align-items:center;margin-top:16px;}
.board-detail > dl > dt .board-info > div + div::before {content:'';display:inline-block;width:1px;height:12px;margin:0 12px;background-color:#ccc;}
.board-detail > dl > dt .board-info .item {font-size:16px;}
.board-detail > dl > dt .board-info .item>em {margin-right:8px;font-weight:500;color:#3d414a;}
.board-detail > dl > dt .board-info .item>span {color:#666;}
.board-detail > dl > dd {display:flex;flex-direction:column;}
.board-detail > dl > dd[style*="block"] {display:flex !important;}
.board-detail > dl > dd:last-child {border-bottom:1px solid #ccc;}
.board-detail > dl > dd+dd{background:url(../images/common/div_dot.png) repeat-x 0 0;}
.board-detail > dl > dd .board-file {margin-bottom:40px;padding:24px 32px;border-radius:4px;background-color:#f9faff;}
.board-detail > dl > dd .board-file p {padding-left:24px;background:url(../images/common/ico_file.png) no-repeat left top 4px;}
.board-detail > dl > dd .board-file p ~ p {margin-top:12px;}
.board-detail > dl > dd .board-file p > a {font-size:14px;line-height:22px;color:#1e5bc5;}
.board-detail > dl > dd .board-file p > a:hover {text-decoration:underline;text-underline-position:under;}
.board-detail > dl > dd .board-file .dw-count{color:#3d414a;margin-left:8px;}
.board-detail > dl > dd .board-view {min-height:100px;margin:40px 0 64px;font-size:16px;line-height:24px;color:#3d414a;word-break:break-all;}
.board-detail > dl > dd .board-view h3{font-size:18px;line-height:24px;color:#1e5bc5;margin-bottom:16px;}
.board-detail > dl > dd .board-view img{width:auto;max-width:100%;}
.board-detail > dl > dd .board-view .view-img{text-align:center;margin-bottom:40px;}
.board-detail > dl > dd .board-move {margin-top:64px;border-top:1px solid #ccc;}
.board-detail > dl > dd .board-view ~ .board-move {margin-top:0;}
.board-detail > dl > dd .board-move dl {display:table;table-layout:fixed;width:100%;height:56px;}
.board-detail > dl > dd .board-move dl ~ dl {border-top:1px solid #e5e5e5;}
.board-detail > dl > dd .board-move dt,
.board-detail > dl > dd .board-move dd {display:table-cell;vertical-align:middle;}
.board-detail > dl > dd .board-move dt {width:122px;font-size:14px;font-weight:500;color:#333;text-align:center;}
.board-detail > dl > dd .board-move dd.link {color:#949494;}
.board-detail > dl > dd .board-move dd.link a {display:inline-block;overflow:hidden;max-width:90%;font-size:16px;line-height:1.4;color:#3d414a;text-align:left;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.board-detail > dl > dd .board-move dd.link a:hover {text-decoration:underline;text-underline-position:under;}
.board-detail > dl > dd .board-move dd.link a:focus-visible {outline-offset:0;}
.board-detail > dl > dd .board-move dd.date {width:100px;font-size:14px;color:#666;}
.board-detail .board-reply{margin-top:40px;padding-top:40px;border-top:1px solid #e5e5e5;}
.board-detail .view-img-wrap{position:relative;margin-bottom:40px;}
.board-detail .view-img-wrap .view-img{margin-bottom:0;}
.board-detail .view-img-wrap .view-img-list{display:flex;margin-top:24px;flex-wrap:wrap;gap:24px;}
.board-detail .view-img-wrap .view-img-list li{flex-shrink:0;}
.board-detail .view-img-wrap .view-img-list .img-item{position:relative;;display:block;width:264px;height:168px;border-radius:12px;overflow:hidden;transition:0.4s;background-color:#f6f8fd;}
.board-detail .view-img-wrap .view-img-list .img-item::before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:0 solid #1e5bc5;border-radius:12px;transition:0.4s;z-index:1;}
.board-detail .view-img-wrap .view-img-list .img-item img{width:100%;height:100%;object-fit:cover;transition:0.4s;}
.board-detail .view-img-wrap .view-img-list .img-item:hover img,
.board-detail .view-img-wrap .view-img-list .img-item:focus img{transform:scale(1.1);}
.board-detail .view-img-wrap .view-img-list .img-item[title]{box-shadow:0 2px 6px rgba(0,0,0,.16);}
.board-detail .view-img-wrap .view-img-list .img-item[title]::before{border-width:4px;}
.board-detail .view-content,
.board-detail .view-content * {font-family:inherit !important;font-size:16px !important;line-height:24px !important;}
.board-detail .view-content table {text-align:left;}
.board-reply-count{font-size:18px;line-height:21px;color:#050f26;margin-bottom:16px;}
.board-reply-count .count{color:#1e5bc5;}
.board-reply-write{display:flex;padding:24px;background-color:#f8f8f8;border-radius:8px;}
.board-reply-write > .textarea-auto{flex:1 1 auto;}
.board-reply-write > button{width:84px;flex-shrink:0;margin-left:6px;font-size:14px;}
.board-reply-list{border-top:1px solid #050f26;border-bottom:1px solid #ccc;margin-top:24px;}
.board-reply-list .reply-item{padding:23px 24px;}
.board-reply-list .reply-item+.reply-item{border-top:1px solid #e5e5e5;}
.board-reply-list .reply-top{display:flex;height:32px;align-items:flex-start;}
.board-reply-list .reply-info{display:flex;align-items:center;}
.board-reply-list .reply-info .usr-name{color:#050f26;font-weight:500;}
.board-reply-list .reply-info .date{font-size:14px;margin-left:12px;}
.board-reply-list .reply-util{margin-left:auto;}
.board-reply-list .reply-content{word-break:break-all;font-size:16px;line-height:24px;color:#3d414a;margin-right:100px;white-space:pre-line;}

/* FIlE */
.files {display:flex;flex-wrap:wrap;width:100%;}
.files ~ .files {margin-top:28px;}
.files::after {content:'';display:block;clear:both;}
.files .file {display:flex;align-items:center;position:relative;white-space:nowrap;gap:4px}
.files select ~ .file {margin-left:12px;}
.files .file input {position:absolute;left:0;top:0;width:100%;height:100%;border:0;text-indent:-5000em;}
.files .file input:disabled {background-color:transparent !important;}
.files .file label {position:relative;z-index:1;min-width:80px;margin:0;line-height:normal;cursor:pointer;}
.files select {width:348px;}
.files ul.txt-file{flex:none;width:100%;font-size:14px;line-height:22px;color:#385673;padding-top:12px;}
.files ul.txt-file>li{position:relative;padding-left:11px;}
.files ul.txt-file>li::before{content:'';display:block;width:3px;height:3px;position:absolute;left:0;top:10px;border-radius:50%;background-color:#aaa;}
.files ul.txt-file>li+li{margin-top:2px;}
.files .file-txt{display:flex;align-items:center;margin-left:16px;color:#385673;font-size:14px;}
.file-list {display:none;counter-reset:list-counter;padding:24px 32px;margin-top:20px;background-color:#f9Faff;}
.file-list li {display:flex;align-items:center;position:relative;padding-left:24px;line-height:22px;}
.file-list li::after {content:'';display:inline-block;position:absolute;top:2px;left:0;width:16px;height:16px;background:url(../images/common/ico_file.png) no-repeat;}
.file-list li ~ li {margin-top:8px;}
.file-list li em {position:relative;font-size:14px;padding-right:13px;margin-right:12px;color:#3d414a;}
.file-list li em::after {content:'';position:absolute;right:0;top:50%;width:1px;height:12px;margin-top:-6px;background-color:#ccc;}
.file-list li p {font-size:14px;color:#3d414a;}
.file-list li p:first-child::before {counter-increment:list-counter;content:counter(list-counter) '. ';}
.file-list li a {margin-left:8px;}
.file-list li .btn {width:16px;height:16px;background:url(../images/btn/btn_del_file.png) no-repeat;}
.file-list li .btn-outline1 {position:absolute;right:0;top:50%;margin-top:-16px;}

/* COUNT */
.byte-count {margin-top:8px;font-size:14px;color:#666;text-align:right;}
.byte-count em {font-weight:700;color:#ff3700;}

/* ====================
	MESSAGE
==================== */
.msgs {position:relative;margin-top:64px;text-align:center;}
.msgs:not(.true, .false, .security) {margin-top:80px;}
.msgs::before {content:'';display:block;width:64px;height:64px;margin:0 auto 24px;background-repeat:no-repeat;background-position:center center;background-size:contain;}
.msgs:not(.true, .false, .security)::before {content:none;}
.msgs.true::before {background-image:url(../images/ico/ico_true.png);animation:msgsIcon 1s;}
.msgs.false::before {background-image:url(../images/ico/ico_false.png);animation:bounce 0.75s;transform-origin:center bottom;}
.msgs.security::before {background-image:url(../images/ico/ico_security.png);}
.msgs .tit {display:block;font-size:24px;font-weight:700;line-height:32px;color:#4a42b9;}
.msgs .txt {margin-top:12px;font-size:16px;line-height:24px;color:#3d414a;}
.msgs .s-txt {margin-top:30px;font-size:14px;line-height:22px;color:#333;}
.msgs.sm::before{width:56px;height:56px;}
.msgs.sm .tit{font-size:18px;line-height:28px;color:#050f26;}
.division-dot + .msgs {margin-top:64px;} /* 보험료계산기(공통) */
.ui-confetti{position:relative;}
.confetti-canvas{position:absolute;bottom:0;left:0;width:100%;height:100%;pointer-events:none;min-height:350px;}
.msgs .confetti-canvas{bottom:-64px;}
.msgs ~ .box-suggest{position:relative;background-color:#fff;}

@keyframes msgsIcon {
	0%{opacity:0;transform:scale(0.5) rotateY(-720deg);}
	100%{opacity:1;transform:scale(1) rotateY(0deg);}
}
.msgs2 {margin-bottom:40px;text-align:center;}
.msgs2::before {content:'';display:block;width:56px;height:56px;margin:0 auto 12px;background:url(../images/ico/ico_data2.png) no-repeat 50% 0;animation:bounce 0.75s;transform-origin:center bottom;}
.msgs2 .tit {font-size:20px;font-weight:700;color:#1e5bc5;}
.msgs2 .txt {margin-top:16px;font-size:16px;line-height:24px;color:#3d414a;}
.msgs2 .txt strong {font-weight:500;color:#050f26;}

.msgs.true.ty2 {padding:0 0 24px;background-color:#fff;}
.msgs.true.ty2::before {width:56px;height:56px;margin:0 auto 12px;background-image:url(../images/ico/ico_true2.png);animation:msgsIcon 1s;}
.msgs.true.ty2 .tit {font-size:20px;color:#1e5bc5;}
.msgs.true.ty2 .txt {font-weight:500;color:#050f26;}

.popup-wrap .msgs.true::before,
.popup-wrap .msgs.false::before,
.popup-wrap .msgs2::before{animation-delay:0.3s;}
.popup-wrap:not(.on) .msgs.true::before,
.popup-wrap:not(.on) .msgs.false::before,
.popup-wrap:not(.on) .msgs2::before{animation:none}

.guide-solid {display:block;position:relative;min-height:80px;margin-top:50px;padding:24px 32px;border-radius:12px;background-color:#f8f8f8 !important;transition:all .3s ease;}
.guide-solid::after {content:'';display:block;clear:both;}
.guide-solid .txt-note {font-weight:500;line-height:24px;color:#3d414a;}
[class*="tab-menu"] + .tab-content-tit + .guide-solid {margin-top:0;}

.guide-box {display:block;position:relative;min-height:72px;margin-top:40px;padding:24px 32px;border-radius:12px;border:1px solid #e5e5e5;background-color:#fff;}
.guide-box::after {content:'';display:block;clear:both;}
.guide-box .head {float:left;width:113px;}
.guide-box .head .tit {font-size:16px;font-weight:500;line-height:32px;color:#385673;}
.guide-box:not(.acc) .head .tit {overflow:hidden;position:absolute;z-index:-1;width:1px;height:1px;font-size:1px;opacity:.01;clip:rect(1px,1px,1px,1px);}
.guide-box .body {overflow:hidden;}
.guide-box .body > [class*="tits"]:first-child,
.guide-box > .list-dot:first-child {margin-top:0;}
.guide-box .body > [class*="list"] {margin-top:1px;}
.guide-box .body > [class*="list"]:not([class*="up"]) > ul > li {position:relative;padding-left:11px;font-size:14px;line-height:22px;color:#3d414a;}
.guide-box .body > [class*="list"].up > ul > li::before {background-color:#3d414a;}
.guide-box .body > [class*="list"] .list-dash li {font-size:13px;}
.guide-box .body > [class*="list"] li.no {padding-left:0;}
.guide-box .body > [class*="list"] li.no::before {display:none;}
.guide-box > strong {display:block;margin-bottom:10px;font-size:18px;font-weight:700;line-height:28px;color:#050f26;}
.guide-box > p {font-size:16px;line-height:24px;color:#3d414a;}

.guide-box.acc {position:relative;padding-left:80px;border-color:#e5e5e5;box-shadow:0 8px 12px rgba(187,187,187,.08);}
.guide-box.acc::before {content:'';position:absolute;left:32px;top:24px;width:32px;height:32px;background:url(../images/ico/ico_note2.png) no-repeat 0 0;animation:shake 3s infinite;}
.guide-box.acc.on::before {animation:none;}
.guide-box.acc > .btn-arr {position:absolute;right:24px;top:24px;z-index:1;width:32px;height:32px;background:url(../images/common/acc_note.png) no-repeat 50%;transform:rotate(0deg);transition:all .3s ease;}
.guide-box.acc .head .tit {color:#154292;}
.guide-box.acc .body {margin-top:4px;padding-right:30px;}
.guide-box.acc .body > [class*="list"] > ul > li + li,
.guide-box.acc .body > [class*="list"] .list-dash {margin-top:4px;}
.guide-box.acc .body > [class*="list"] > ul > li::before {content:'';position:absolute;left:0;top:8px;width:3px;height:3px;border-radius:50%;background-color:#8a8a8a;}
.guide-box.acc .body > [class*="list"] > ul > li:not(:first-child),
.guide-box.acc .body > [class*="list"] > ul > li:first-child .list-dash {display:none;}
.guide-box.acc.on {padding:23px 31px 23px 79px;border:2px solid #666;background-position:left 31px top 23px;}
.guide-box.acc.on::before {left:31px;top:23px;}
.guide-box.acc.on > .btn-arr {background-image:url(../images/common/acc_note_on.png);transform:rotate(180deg);}
.guide-box.acc.on .body > [class*="list"] > ul > li,
.guide-box.acc.on .body > [class*="list"] > ul > li:first-child .list-dash {display:block;}

[class*="tits"] + .guide-box {margin-top:0;}
.content-body > .guide-box:last-child {margin-top:64px;}
.subscrip-info-list + .guide-box {margin-top:24px !important;}

.refer-box {display:flex;position:relative;min-height:64px;margin-top:64px;padding:16px 32px 16px 80px;border-radius:12px;background-color:#f8f8f8;}
.refer-box::before {content:'';position:absolute;left:32px;top:16px;width:32px;height:32px;background:url(../images/ico/ico_note1.png) no-repeat 0 0;animation:shake 3s infinite;}
.refer-box[style*="block"] {display:flex !important;}
.refer-box > * {display:table-cell;vertical-align:top;}
.refer-box p {flex:1;margin-top:4px;font-size:16px;font-weight:500;line-height:24px;color: #3d414a;}
.refer-box .list-dot {margin-top:4px;}
.refer-box .list-dot ul + [class^="btn-"] {margin-top:6px;}
.refer-box .btn {margin-left:20px;}
.refer-box.outline {background-color:#fff;border:1px solid #dbdbdb;}
.refer-box.outline::before {background-image:url(../images/ico/ico_note2.png);}
.refer-box.mail {padding:32px 40px 32px 104px;margin-top:40px;}
.refer-box.mail::before {left:40px;top:32px;background:#f8f8f8 url(../images/ico/ico_note_mail.png) no-repeat;animation-name:rubberBand;}
.refer-box.mail p {font-weight:300;color:#050f26;}

/* ====================
	BOX
==================== */
.box-solid {display:flex;justify-content:space-between;align-items:flex-end;position:relative;margin-top:56px;padding:32px;border-radius:12px;background-color:#f6f8fd;}
.box-solid .list-dot > ul > li {word-break:keep-all;word-wrap:break-word;white-space:normal;}
.box-solid .msg > strong {display:block;font-size:16px;font-weight:500;line-height:24px;color:#385673;}
.box-solid .msg > strong .sub-msg {font-size:14px;font-weight:300;color:#3d414a;}
.box-solid .msg > span {display:block;font-size:13px;color:#666;}
.box-solid .msg > p {font-size:14px;line-height:22px;color:#3d414a;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.box-solid .msg > strong + span,
.box-solid .msg > strong + .list-dot {margin-top:12px;}
.box-solid .msg .list-dot > ul > li {font-size:16px;color:#3d414a;}
.box-solid .msg .list-dot > ul > li::before {background-color:#050f26;}

.box-solid[class*="ico"] {display:flex;justify-content:space-between;align-items:center;min-height:160px;padding:32px 32px 32px 160px;}
.box-solid[class*="ico"] .msg {margin-bottom:0;}
.box-solid[class*="ico"] .msg > strong {margin-bottom:8px;font-size:22px;font-weight:700;color:#385673;}
.box-solid[class*="ico"] .msg > strong + p{margin-top:12px;}
.box-solid[class*="ico"] .msg > span {margin-top:0;}
.box-solid[class*="ico"] .msg > span + p {margin-top:16px;}
.box-solid[class*="ico"] .tel {display:inline-block;}
.box-solid[class*="ico"] .btn{align-self:flex-end;}
.box-solid[class*="ico"]::before {content:'';position:absolute;top:32px;left:32px;width:96px;height:96px;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:center;transition:0.6s var(--easeOutBack);}
.box-solid[class*="ico"][data-animation]::before{transform:scale(0);opacity:0;}
.box-solid[class*="ico"][data-animation].on::before{transform:scale(1);opacity:1;}
.box-solid.ico1::before {background-image:url(../images/ico/box_solid_ico1.png);}
.box-solid.ico-ccg1::before {background-image:url(../images/ccg/ffn/ico_box_solid1.png);}

.box-solid[class*="ico"].sm {min-height:96px;padding:28px 56px 28px 144px;}
.box-solid[class*="ico"].sm .msg > strong {margin-bottom:0;font-size:18px;font-weight:500;color:#3d414a;}
.box-solid[class*="ico"].sm::before {top:28px;left:56px;width:48px;height:48px;border-radius:0;background-color:transparent;}
.box-solid[class*="ico"].sm .btn{align-self:center;}
.box-solid.ico1.sm::before {background-image:url(../images/ico/box_solid_sm_ico1.png);}

.box-solid.sm {align-items:center;padding:16px 32px;}
.box-solid.data {justify-content:center;font-size:20px;font-weight:700;color:#050F26;}
.box-solid.data .point {margin:0 8px;color:#1e5bc5;}
.box-solid.data a.point {font-weight:700;text-decoration:underline;text-underline-position:under;}
.box-solid.data2 {justify-content:center;align-items:center;padding:24px;background-color:#f8f8f8;border-radius:8px;}
.box-solid.data2 .copy {font-size:18px;font-weight:500;}
[class*="box-solid"].etc {padding:16px;border-radius:8px;}
.box-solid.etc {background-color:#f8f8f8;}
.box-solid2.etc {background-color:#f9faff;}
[class*="box-solid"].etc .list-dot {margin-top:0;}
.box-solid.etc2{background-color:#f9faff;padding:20px 32px;align-items:center;}
.box-solid.etc2 .list-dot {margin-top:0;}

.box-solid.excel {align-items:center;padding:16px 32px;background-color:#f8f8f8;}
.board-upper + .box-solid.excel {margin:24px 0 32px;}

.box-solid[class*="ico"].remote {min-height:144px;padding:48px 32px 45px 232px;margin-top:40px;border-radius:8px;background-color:#7056f5;}
.box-solid[class*="ico"].remote::before {left:80px;height:80px;border-radius:0;background-color:transparent;background-image:url(../images/ico/box_solid_ico2.png);}
.box-solid[class*="ico"].remote .msg > strong {font-size:20px;font-weight:500;color:#fff;}
.box-solid[class*="ico"].remote .msg > strong + p {margin-top:8px;font-size:16px;line-height:24px;color:rgba(255,255,255,.8);}

[class*="tits"] + .box-solid,
[class*="tits"] + .box-outline {margin-top:16px;}
[class*="txts"] + .box-solid,
[class*="txts"] + .box-outline {margin-top:24px;}

.box-dear {display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-radius:4px;background-color:#f6f8fd;}
.box-dear[style*="block"] {display:flex !important;}
.box-dear strong {font-size:16px;font-weight:500;line-height:24px;color:#385673;}
.box-dear .day {font-size:16px;font-weight:300;color:#385673;}

.box-info {display:flex;justify-content:space-between;align-items:center;padding:32px;border-radius:8px;background-color:#f8f8f8;}
.box-info[style*="block"] {display:flex !important;}
.box-info strong {font-size:16px;font-weight:300;color:#3d414a;}
.box-info strong + .txt {margin-top:8px;}
.box-info .txt {font-size:14px;}
.box-info.ac {display:block;}
.box-info.ac .tits4 {margin:0 0 16px !important;text-align:center;}
.box-info .file-unit {display:flex;justify-content:center;}
.box-info .file-unit li {color:#3d414a;}
.box-info .file-unit li + li::before {content:'';display:inline-block;width:1px;height:10px;margin:0 16px;background-color:#ccc;}
.box-info .file-unit li em {font-size:16px;font-weight:500;color:#1e5bc5;}
.popup-wrap .paginate + .box-info {margin-top:20px;}

.box-outline {display:flex;justify-content:space-between;align-items:center;position:relative;margin-top:24px;padding:32px;border-radius:12px;border:1px solid #ccc;background-color:#fff;}
.box-outline.no-flex{display:block;}
.box-outline[style*="block"] {display:flex !important;}
.box-outline.sm {padding:20px 32px;}
.box-outline .msg > strong {display:block;font-size:18px;font-weight:700;line-height:24px;color:#050f26;}
.box-outline .msg > strong.sm {font-size:16px;}
.box-outline .msg > .cs {font-size:20px;line-height:30px;}
.box-outline .msg > .cs .tel {margin-left:8px;color:#1e5bc5;}
.box-outline .msg > p {font-size:16px;font-weight:300;line-height:24px;color:#3d414a;}
.box-outline .msg > .disc {font-size:14px;line-height:22px;color:#3d414a;}
.box-outline .msg > strong + p,
.box-outline .msg > strong + p ~ p {margin-top:8px;}
.box-outline .cont {overflow:hidden;}
.box-outline .list-dot {margin-top:0;}
.box-outline .list-dot > ul > li {position:relative;padding-left:11px;font-size:14px;line-height:22px;color:#3d414a;}
.box-outline .list-dot > ul > li::before {content:'';position:absolute;left:0;top:8px;width:3px;height:3px;border-radius:50%;background-color:#aaa;}
.box-outline .list-dot > ul > li + li {margin-top:8px;}
.box-outline dl {display:flex;margin-top:24px;}
.box-outline dl dt {font-size:14px;font-weight:700;color:#050f26;}
.box-outline dl dd {font-size:14px;color:#666;margin-left:12px;}
.box-outline > p {font-size:14px;font-weight:500;line-height:22px;color:#3d414a;}
.tab-menu + .box-outline {margin-top:40px;}

.box-outline.ac {margin-top:0;border: 1px solid #d8d8d8;border-radius:12px;justify-content:center;flex-direction:column;}
.box-outline.ac .txt-result {margin-top:12px;font-size:18px;font-weight:500;color:#1e5bc5;}

.box-outline[class*="ico"] {min-height:144px;padding:32px 32px 32px 144px;}
.box-outline[class*="ico"] .agree {padding:12px 24px 12px 44px;border-radius:8px;font-size:14px;font-weight:500;background-repeat:no-repeat;background-position:left 24px center;}
.box-outline[class*="ico"] .agree.ok {background-color:#f9f8ff;background-image:url(../images/common/outline_msg.png);color:#7056f5;}
.box-outline[class*="ico"]::before {content:'';width:80px;height:80px;position:absolute;top:50%;left:32px;margin-top:-40px;border-radius:50%;background-color:#f8f8f8;background-repeat:no-repeat;background-position:center;}
.box-outline.ico1::before {background-image:url(../images/ico/box_ico1.png);}
.box-outline.ico2::before {background-image:url(../images/ico/box_ico2.png);}
.box-outline.ico3::before {background-image:url(../images/ico/box_ico3.png);background-color:#f6f8fd;}
.box-outline.ico4::before {background-image:url(../images/ico/box_ico4.png);}
.box-outline.ico5::before {background-image:url(../images/ico/box_ico5.png);}

[class*="box-"] > .btn {display:inline-flex;align-items:center;flex:none;height:40px;margin-left:64px;padding:0 24px;border-radius:20px;font-size:14px;font-weight:500;line-height:40px;text-align:center;}
[class*="box-"] > .btn[style*="block"] {display:inline-flex !important;}
[class*="box-"] > .btn::after {content:'';display:inline-block;width:12px;height:12px;margin-left:4px;}
.box-solid .btn {background-color:#fff;box-shadow:0 0 4px rgba(5,15,38,0.16);color:#3d414a;}
.box-solid .btn::after {background:url(../images/btn/btn_arrow1.png) no-repeat 50%;}
.box-solid > .btn.download::after {width:16px;height:16px;background:url(../images/btn/btn_download2.png) no-repeat 50%;}
.box-outline > .btn {background-color:#385673;color:#fff;}
.box-outline > .btn:hover {background-color:#2b4258;}
.box-outline > .btn::after {background:url(../images/btn/btn_arrow2.png) no-repeat 50%;}
.box-outline > .btn.download::after {width:16px;height:16px;background:url(../images/btn/btn_download3.png) no-repeat 50%;}
.box-outline > .arrow {display:flex;align-items:center;font-size:14px;color:#666;}
.box-outline > .arrow::after {content:'';width:16px;height:16px;margin-left:4px;background:url(../images/btn/btn_arrow3.png) no-repeat 50%;}
.box-outline .agree {flex:none;margin-left:64px;}

.box-outline .list-bar {width:100%;}
.box-outline .list-bar ul {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:0 -8px;}
.box-outline .list-bar li {position:relative;width:auto;flex:auto;text-align:center;}
.box-outline .list-bar li + li::before {content:'';position:absolute;top:50%;left:0;width:1px;height:36px;margin-top:-18px;background-color:#dbdbdb;}
.box-outline .list-bar strong {display:block;font-size:16px;font-weight:500;color:#3d414a;}
.box-outline .list-bar span {display:block;margin-top:12px;font-size:20px;font-weight:500;color:#1e5bc5;}

.viewer-box {display:flex;justify-content:space-between;align-items:center;position:relative;margin-top:64px;padding:20px 26px 20px 82px;border:6px solid #f8f8f8;border-radius:8px;background-color:#fff;}
.viewer-box[style*="block"] {display:flex !important;}
.viewer-box::before {content:'';position:absolute;top:50%;left:32px;width:32px;height:32px;margin-top:-16px;border-radius:50%;background:url(../images/ico/ico_viewer.png) no-repeat center;animation:shake 3s infinite;}
.viewer-box p {font-size:16px;font-weight:500;color:#3d414a;}
.viewer-box .viewer {display:flex;}
.viewer-box .viewer a {margin-left:20px;color:#1e5bc5;text-decoration:underline;text-underline-position:under;}
div[id*="_TAB"] + .viewer-box,
.tab-menu + .viewer-box,
.tab-content-tit + .viewer-box {margin-top:40px;}

.type-box {margin-bottom:64px;}
.type-box ul {display:flex;align-items:center;border-top:2px solid #050f26;}
.type-box li {flex:1;position:relative;padding-top:48px;text-align:center;}
.type-box li ~ li::before {content:'';position:absolute;left:0;top:64px;bottom:64px;width:1px;background-color:#e5e5e5;}
.type-box .tit {display:block;font-size:20px;font-weight:500;line-height:30px;color:#050f26;}
.type-box .txt {position:relative;margin-top:10px;font-size:14px;line-height:22px;color:#666;vertical-align:top;}
.type-box .btn {margin-top:24px;}
.type-box [class*="ico"] {display:block;width:72px;height:72px;margin:0 auto 18px;background-repeat:no-repeat;background-position:0 0;}
.type-box .ico1 {background-image:url(../images/ico/ico_type1.png);}
.type-box .ico2 {background-image:url(../images/ico/ico_type2.png);}

/* 오류내역 */
.error-box::after {content:'';display:block;clear:both;}
.error-box .btn {display:inline-flex;align-items:center;float:right;margin-bottom:12px;font-size:13px;font-weight:500;color:#666;}
.error-box .btn::after {content:'';display:inline-block;width:12px;height:12px;margin-left:6px;background:url(../images/btn/btn_toggle_arrow.png) no-repeat 50%;transition:all .3s ease;}
.error-box.on .btn::after {transform:rotate(180deg);}
.error-box .info {display:none;clear:both;}
.error-box .info .box {overflow-y:auto;overflow-x:hidden;height:184px;padding:16px;background-color:#f9faff;text-align:left;}
.error-box .info .box dt {font-size:14px;font-weight:500;color:#050f26;}
.error-box .info .box dd {margin-top:2px;font-size:14px;line-height:22px;color:#666;}
.error-box .info .box dd + dt {margin-top:10px;}
.error-box .info .list-dot {word-break:keep-all;word-wrap:break-word;white-space:normal;}

/* 설문조사 */
/* .survey-list {margin-top:40px;background:url(../images/common/div_dot.png) repeat-x 0 0;}
.survey-list ol {counter-reset:list-counter;padding-top:44px;}
.survey-list li ~ li {margin-top:40px;}
.survey-list li .subj {position:relative;padding-left:48px;font-size:16px;line-height:24px;color:#3d414a;}
.survey-list li .subj::before {counter-increment:list-counter;content:counter(list-counter) '';position:absolute;left:0;top:0;width:32px;height:32px;margin-top:-4px;border-radius:50%;background-color:#154292;font-size:16px;font-weight:700;line-height:32px;color:#fff;text-align:center;}
.survey-list li .obj {margin-top:24px;padding:24px 48px;background-color:#f9faff;border-radius:8px;} */

/* 제안문구 */
.box-suggest {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column;position:relative;min-height:112px;padding:20px 32px;margin-top:64px;border:1px solid rgba(30,91,197,.4);text-align:center;}
.box-suggest > strong {font-size:18px;font-weight:700;line-height:28px;color:#050f26;}
.box-suggest > strong + p {margin-top:12px;}
.box-suggest > p {font-size:16px;line-height:24px;color:#3d414a;}
.box-suggest > p ~ p {margin-top:8px;}
.box-suggest > p ~ .tel {margin-top:24px;}
.box-suggest > p strong {font-weight:500;}
.box-suggest::before,
.box-suggest::after {content:'';display:inline-block;position:absolute;width:32px;height:32px;background-repeat:no-repeat;}
.box-suggest::before {top:-1px;left:-1px;background-image:url(../images/ccp/bill_border_left.png);}
.box-suggest::after {bottom:-1px;right:-1px;background-image:url(../images/ccp/bill_border_right.png);}
.box-suggest .terms-agree {width:100%;font-size:16px;}

.msgs ~ .box-suggest,
.popup-content .boards + .box-suggest {margin-top:40px;}

/* ====================
	AGREE
==================== */
.agree-txt {margin-top:16px;text-align:right;}
.agree-txt .choice .item {margin:0;}
.agree-txt .choice .item strong.c1 {margin:0 3px 0 0;}

/* ====================
	TERMS
==================== */
.choice.agree input {position:absolute;top:auto;z-index:-1;width:100%;height:100%;border:1px solid #ccc;border-radius:16px;background:#fff url(../images/common/form_checkbox_txt.png) no-repeat 16px 9px;}
.choice.agree input + label {position:relative;min-width:102px;height:32px;margin-left:0;padding:0 16px 0 36px;font-size:14px;line-height:normal;color:#666;text-align:center;transition:color .25s var(--easeOutSine);}
.choice.agree input:checked {border-color:#1e5bc5;background:#1e5bc5 url(../images/common/form_checkbox_txt_checked.png) no-repeat 16px 9px;}
.choice.agree input:checked +label {font-weight:700;color:#fff;}
.choice.agree .item {margin:0 0 0 8px;}
.choice.agree .item:first-child {margin-left:0;}

.btn-agree {display:inline-flex;align-items:center;justify-content:center;width:108px;height:40px;padding:0 16px;border-radius:40px;background-color:#154292;font-size:14px;font-weight:700;color:#fff;text-align:center;}
.btn-agree:hover {background-color:#10326f;}
.btn-agree:disabled {border-color:transparent;background-color:#f8f8f8;color:#8a8a8a;}

.terms-agree {display:inline-flex;vertical-align:middle;}
.terms-agree.ac {display:flex;justify-content:center;align-items:center;margin-top:20px;}
.terms-agree .item {display:flex;align-items:center;position:relative;}
.terms-agree .item ~ .item {margin-left:25px;}

.terms-area {word-break:keep-all;word-wrap:break-word;white-space:normal;}
.terms-area [class*="tits"]:not(.tits) {margin-bottom:12px;}
.terms-area > .board-upper:first-child {margin-top:40px;}
.terms-area > .board-upper .tits3 {margin-top:0;}
.terms-area [class^="terms-tit"] {display:flex;justify-content:flex-start;align-items:center;margin-top:32px;}
.terms-area [class^="terms-tit"]::before {content:'';display:block;width:140px;height:140px;background-repeat:no-repeat;background-position:0 0;}
.terms-area .terms-tit1::before {background-image:url(../images/ico/ico_terms1.png);}
.terms-area .terms-tit2::before {background-image:url(../images/ico/ico_terms2.png);}
.terms-area .terms-tit3::before {background-image:url(../images/ico/ico_terms3.png);}
.terms-area .terms-tit4::before {background-image:url(../images/ico/ico_terms4.png);}
.terms-area .terms-tit5::before {background-image:url(../images/ico/ico_terms5.png);}
.terms-area .terms-tit6::before {background-image:url(../images/ico/ico_terms6.png);}
.terms-area .terms-tit7::before {background-image:url(../images/ico/ico_terms7.png);}
.terms-area .terms-tit8::before {background-image:url(../images/ico/ico_terms8.png);}
.terms-area .terms-tit9::before {background-image:url(../images/ico/ico_terms9.png);}
.terms-area .terms-tit10::before {background-image:url(../images/ico/ico_terms10.png);}
.terms-area .terms-tit11::before {background-image:url(../images/ico/ico_terms11.png);}
.terms-area .terms-tit12::before {background-image:url(../images/ico/ico_terms12.png);}
.terms-area .terms-tit13::before {background-image:url(../images/ico/ico_terms13.png);}
.terms-area .terms-tit14::before {background-image:url(../images/ico/ico_terms14.png);}
.terms-area .terms-tit15::before {background-image:url(../images/ico/ico_terms15.png);}
.terms-area [class^="terms-tit"] [class*="tits"] {margin:0 0 0 8px;}
.terms-area [class^="terms-tit"] + .list-dec,
.terms-area [class^="terms-tit"] + .list-cir,
.terms-area [class^="terms-tit"] + p {margin-top:12px;}
.terms-area .tits2,
.terms-area .tits3,
.terms-area .tits4 {margin-top:40px;}
.terms-area .tits5 {margin:22px 0 10px !important;}
.terms-area .list-dash {margin-top:8px;}
.terms-area .list-dec {margin-top:12px;}
.terms-area .list-cir {margin-top:20px;}
.terms-area [class*="tits"] + .list-cir {margin-top:0;}
.terms-area .list-cir .txts2 {margin-top:8px;}
.terms-area .list-cir .list-dot .txts2 {margin-top:4px;}
.terms-area .list-cir .tits3 {margin-left:-22px;}
.terms-area .list-cir .boards {margin-bottom:16px;margin-left:-22px;}
.terms-area .list-cir > ol > li > .txts1 {margin:4px 0 0;}
.terms-area .list-cir > ol > li > .txts1 + .txts2 {margin:4px 0 0 16px;}
.terms-area .list-cir .list-dec .boards {margin-left:-38px;}
.terms-area .list-cir .list-dot {margin-top:8px;}
.terms-area [class*="tits"] + [class*="txt"] {margin-top:0;}
.terms-area .list-dec > ol > li .boards {margin:8px 0 0 -16px;}
.terms-area .list-dec > ol > li .txts1 {margin-top:5px;}
.terms-area .list-txt .list-dash,
.terms-area .list-dot.up .list-dot.up {margin-top:4px;}
.terms-area .boards + .list-dot {margin-top:16px;}
.terms-area .box-outline.sm {margin:16px 0 12px;}
.terms-area .txt-source {margin-top:24px;font-size:16px;font-weight:500;line-height:24px;color:#050f26;}
.terms-area .terms-date {float:right;margin-top:8px;font-size:14px;line-height:22px;color:#666;}
.terms-area .terms-date2 {margin-top:16px;font-size:16px;font-weight:500;color:#050F26;}
.terms-area .terms-date3 {margin-top:64px;font-size:16px;font-weight:500;color:#050F26;}
.terms-area .terms-date3 + .tits2 {margin-top:24px;}
.terms-area .txts1 > sup {color:#ff3700;vertical-align:text-bottom;}
.terms-area .list-dec + .txts1 {margin-top:16px;}
.terms-area .tits5 + .list-cir {margin-top:12px;}
.terms-area .list-brkt2 .list-dot {margin-top:0;}
.terms-area .list-dot.up + .txts1,
.terms-area .txts1 + .txts1 {margin-top:40px;}
.terms-area.mark .tits3 {position:relative;padding-left:18px;}
.terms-area.mark .tits3::before {content:'';position:absolute;top:9px;left:0;width:12px;height:12px;border:1px solid #050f26;}

.terms-area-wrap .terms-area{position:relative;}
.terms-area-wrap .terms-area>*:first-child{margin-top:0;}
.terms-area-wrap .terms-area + .terms-area{padding-top:41px;margin-top:40px;}
.terms-area-wrap .terms-area + .terms-area:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:1px;background: url(../images/common/div_dot.png) repeat-x;}
.terms-area-wrap [style*="none"]+.terms-area{padding-top:0;margin-top:0;}
.terms-area-wrap [style*="none"]+.terms-area:before{content:none;}

/* 개인정보처리방침 */
.labeling-box {padding:40px 0;border:1px solid #ccc;border-radius:12px;}
.labeling-box ul {display:flex;flex-wrap:wrap;width:100%;}
.labeling-box li {position:relative;width:33.33333333333333%;text-align:center;}
.labeling-box li::after {content:'';position:absolute;left:-1px;top:50%;width:1px;height:120px;margin-top:-60px;background-color:#e5e5e5;}
.labeling-box li p::before {content:'';display:block;width:140px;height:140px;margin:0 auto;background-repeat:no-repeat;background-position:0 0;}
.labeling-box li:nth-child(1) {margin-bottom:48px;}
.labeling-box li:nth-child(1) p::before {background-image:url(../images/ico/ico_terms1.png);}
.labeling-box li:nth-child(2) p::before {background-image:url(../images/ico/ico_terms2.png);}
.labeling-box li:nth-child(3) p::before {background-image:url(../images/ico/ico_terms3.png);}
.labeling-box li:nth-child(4) p::before {background-image:url(../images/ico/ico_terms4.png);}
.labeling-box li:nth-child(5) p::before {background-image:url(../images/ico/ico_terms5.png);}
.labeling-box li:nth-child(6) p::before {background-image:url(../images/ico/ico_terms6.png);}
.labeling-box li:nth-child(7) p::before {background-image:url(../images/ico/ico_terms16.png);}
.labeling-box li em {display:block;height:54px;margin-top:16px;font-size:20px;font-weight:500;line-height:30px;color:#050f26;}
.labeling-box li .tooltip {position:absolute;left:50%;top:-10px;z-index:1;padding:6px 12px;border:1px solid #666;border-radius:6px;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.12);font-size:14px;line-height:22px;color:#3d414a;text-align:left;white-space:nowrap;transition:opacity .3s ease;opacity:0;}
.labeling-box li:hover .tooltip {opacity:1;}

/* ====================
	인증서
==================== */
.cert-list {margin-top:24px;}
.cert-list ul {display:flex;flex-wrap:wrap;margin:-20px -10px 0;}
.cert-list li {width:33.33%;margin-top:20px;}
.cert-list.col2 li {width:50%;}
.cert-list a {display:block;height:155px;margin:0 10px;border-radius:8px;border:1px solid #ccc;background-color:#fff;font-size:16px;color:#3d414a;text-align:center;}
.cert-list a::after {content:'';display:inline-block;overflow:hidden;width:0;height:100%;vertical-align:middle;}
.cert-list a span {display:inline-block;vertical-align:middle;}
.cert-list a[title] {box-shadow:0 8px 24px rgba(0,0,0,.08);border:2px solid #050f26;font-weight:500;color:#050f26;}
.cert-list a[title] span {border:0;}
.cert-list [class*="cert"] span::before {content:'';display:block;width:56px;height:56px;margin:0 auto 8px;background-repeat:no-repeat;background-position:0 0;}
.cert-list .cert1 span::before {background-image:url(../images/ico/ico_cert_l1.png);}
.cert-list .cert2 span::before {background-image:url(../images/ico/ico_cert_l2.png);}
.cert-list .cert3 span::before {background-image:url(../images/ico/ico_cert_l3.png);}
.cert-list .cert4 span::before {background-image:url(../images/ico/ico_cert_l4.png);}
.cert-list .cert5 span::before {background-image:url(../images/ico/ico_cert_l5.png);}
.cert-list .cert6 span::before {background-image:url(../images/ico/ico_cert_l6.png);}

/* 개인정보동의 */
.agree-tits {margin:64px 0 16px;}
.agree-tits::after {content:'';display:block;clear:both;}
[class*="txts"] + .agree-tits {margin-top:40px;}
.agree-tits [class*="tits"]:not(.tits),
.popup-content .agree-tits [class*="tits"]:not(.tits) {float:left;margin:0;}
.agree-tits .btn {float:right;position:relative;}
.agree-tits .btn input {position:absolute;left:0;top:0;z-index:-1;width:100%;height:40px;border:1px solid #154292;border-radius:40px;background:#fff;transition:.15s var(--easeOutSine);}
.agree-tits .btn input + label {width:120px;height:40px;margin:0;font-size:14px;color:#154292;}
.agree-tits .btn input + label::before {content:'';width:12px;height:12px;margin-right:8px;background:url(../images/btn/btn_agree_off.png) no-repeat 0 0;}
.agree-tits .btn input:checked {background-color:#154292;}
.agree-tits .btn input:checked + label {color:#fff;}
.agree-tits .btn input:checked + label::before {background-image:url(../images/btn/btn_agree_on.png);}
.agree-box {padding:32px;margin-top:40px;background-color:#f6f8fd;border-radius:12px;line-height:24px;}
.agree-box.etc {background-color:#f8f8f8;}
.agree-box ~ .agree-box {margin-top:64px;}
.agree-box [class^="tits"] {margin:0 0 24px !important;}
.agree-box .s-tit {display:block;margin-bottom:8px;line-height:24px;color:#050f26;}
.agree-box .s-tit ~ .s-tit {margin-top:24px;} /* CCPCST070304F01 */
.agree-box p {position:relative;padding-left:11px;line-height:24px;color:#3d414a;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.agree-box p ~ p {margin-top:4px;}
.agree-box p::before {content:'';position:absolute;left:0;top:8px;width:3px;height:3px;border-radius:50%;background-color:#8a8a8a;}
.agree-box p ~ [class^=list-] {margin-top:8px;}
.agree-box + .agree-list {margin-top:32px;}
.top-tip + .agree-list {margin-top:64px;}
.agree-list + .agree-box {margin-top:64px;}
.tits1 + .agree-box {margin-top:24px;}
.tits2 + .agree-box {margin-top:16px;}
.top-tip + .agree-box {margin-top:56px;}
.agree-list.no-line {margin-top:0 !important;}
.agree-box + .agree-list.no-line > ol {padding-top:56px;}
.popup-wrap .agree-list.no-line > ol {padding-top:32px;}

.agree-list > ol {padding-top:32px;border-top:2px solid #050f26;}
.agree-list .agree-item:last-child {margin-bottom:64px;}
.agree-list li:last-child .agree-item:last-child {margin-bottom:0 !important;}
.agree-list + .guide-box {margin-top:64px;}
.agree-list.num > ol {counter-reset:list-counter;}
.agree-list.num li .agree-tit [class^="tits"]::before {counter-increment:list-counter;content:counter(list-counter, decimal-leading-zero) '. ';color:#1e5bc5;}
.agree-list.no-line > ol {padding-top:64px;border-top:none;}
.agree-tit {display:flex;align-items:center;position:relative;margin-bottom:16px;}
.agree-tit:first-child:last-child {padding-bottom:33px;margin-bottom:32px;}
.agree-list li:last-child .agree-tit:first-child:last-child {margin-bottom:0;}
.agree-tit:first-child:last-child::after {content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#e5e5e5;}
.agree-tit [class^="tits"],
.popup-content .agree-tit [class^="tits"] {margin:0;}
.agree-tit [class^="tits"] ~ .btn {margin-left:16px;}
.agree-list + .agree-tit {margin-top:64px;}
.agree-item > li {display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-radius:8px;background-color:#f8f8f8;}
.agree-item > li + li {margin-top:8px;}
.agree-item > li .copy {font-size:16px;line-height:22px;color:#050f26;}
.agree-item > li .copy [class^="btn-"].sm {margin-left:16px;}
.agree-item > li .copy > .c1 {margin-right:6px;}
.agree-item .choice.agree {margin-left:20px;}
.agree-list .agree-item + .forms {margin-top:16px;}
.boards + .agree-list,
.top-tip + .agree-tit {margin-top:64px;}
.cert-list + .agree-list > ol {border:0;padding-top:0;}
.boards > .list.box li .agree-list > ol {padding-top:0;border-top:0 none;}
.txts2 + .agree-list {margin-top:16px;}
.cert-list + .agree-list {margin-top:40px;}
.popup-content .boards ~ .agree-item {margin-top:24px;}

.agree-info-box {position:relative;padding:24px 32px;margin-top:40px;border-radius:8px;}
.agree-info-box .choice.agree {position:relative;margin-top:24px;display:flex;justify-content:flex-end;}
.agree-info-box > .list-dot.up {margin-top:0;}
.agree-info-box > .list-dot.up .sub {margin-top:4px;color:#666;}
.agree-info-box > .list-dot > ul > li + li {margin-top:20px;}
.agree-info-box > p {font-size:16px;line-height:24px;font-weight:500;color:#050f26;}

.popup-content .agree-list .agree-item:last-child {margin-bottom:24px;}
.popup-content > .agree-list > ol > li + li {margin-top:40px;}

/* 전자보증 */
.agree-list .agree-tit [class^="tits"] ~ .tooltips {margin-left:8px;}

/* 로그인안내 */
.login-list{text-align:left;}
.login-list>ul>li{position:relative;padding:32px 0;}
.login-list>ul>li+li:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:url(../images/common/div_dot.png) repeat-x 0 0;}
.login-list>ul>li:first-child{padding-top:5px;}
.login-list>ul>li:last-child{padding-bottom:5px;}
.login-list .dt{font-size:20px;line-height:30px;color:#050f26;}
.login-list .dd{font-size:16px;line-height:24px;color:#3d414a;margin-top:7px;}
.login-list .btn{text-align:right;margin-top:23px;}
.login-list .btn [class^=btn-]{width:120px;padding:0;}
.login-list .list-dot{margin-top:27px;padding-top:13px;border-top:1px solid #dbdbdb;}

/* 인증서 프로세스 안내 */
.cert-process-box {margin-top:24px;padding:32px;border:1px solid #e5e5e5;border-radius:12px;}
.cert-process-box ol {display:flex;}
.cert-process-box li {flex:1;position:relative;text-align:center;}
.cert-process-box li ~ li::after {content:'';position:absolute;left:-20%;top:30px;width:104px;height:12px;background:url(../images/bg/bg_process_arrow.png) no-repeat 0 0;}
.cert-process-box li::before {content:'';display:block;width:64px;height:64px;margin:0 auto;background-repeat:no-repeat;background-position:0;}
.cert-process-box.type1 li:nth-child(1)::before {background-image:url(../images/ico/ico_cert_process1.png);}
.cert-process-box.type2 li:nth-child(1)::before {background-image:url(../images/ico/ico_cert_process4.png);}
.cert-process-box li:nth-child(2)::before {background-image:url(../images/ico/ico_cert_process2.png);}
.cert-process-box li:nth-child(3)::before {background-image:url(../images/ico/ico_cert_process3.png);}
.cert-process-box li strong {display:block;margin-top:12px;font-size:14px;line-height:24px;color:#1e5bc5;}
.cert-process-box li p {margin-top:4px;font-size:16px;line-height:24px;color:#050f26;}

/* 리포트 뷰어 */
.doc-area {height:534px;}
.doc-area > .doc-inr {height:100%;}
.doc-area [class^="tab-menu"] ~ .doc-inr {height:calc(100% - 88px);}
.doc-area iframe {display:block;width:100%;height:100%;}

/* 청약서 동의 */
.consent-area::after {content:'';display:block;clear:both;}
.list-securities,
.view-securities {height:600px;}
.list-securities {float:left;width:145px;background-color:#f8f8f8;}
.list-securities ul {overflow-y:auto;overflow-x:hidden;height:100%;}
.list-securities li {position:relative;height:64px;margin-right:-1px;border-bottom:1px solid #e5e5e5;}
.list-securities button {width:100%;height:100%;padding:0 4px;font-size:14px;color:#666;text-align:center;}
.list-securities button > span {display:inline-block;word-break:break-word;}
.list-securities button[title*="현재"] {background-color:#fff;font-size:16px;font-weight:500;color:#1e5bc5;}
.list-securities button.checked {font-weight:500;color:#1e5bc5;}
.list-securities button.checked > span::before {content:'';display:inline-block;width:12px;height:9px;margin-right:8px;background:url(../images/ccp/ico_securities_check.png) no-repeat;}
.view-securities {overflow:hidden;padding:24px;border:1px solid #e5e5e5;}
.view-securities .doc-area {height:100%;}
.view-securities [class^="tab-menu"] ~ .doc-area {overflow:auto;height:calc(100% - 88px);}
.view-securities .down {margin-top:12px;text-align:right;}

/* ====================
	POPUP
==================== */
.popup-wrap,
.popup-wrap .dimmed {position:fixed;left:0;right:0;top:0;bottom:0;height:100%;}
.popup-wrap {visibility:hidden;z-index:1000;display:flex;align-items:center;justify-content:center;padding:40px 20px;transition:0s 0.3s;}
.popup-wrap.alert {z-index:2000;}
.popup-wrap.on {visibility:visible;transition-delay:0s;}
.popup-wrap .dimmed {background-color:rgba(0,0,0,.6);opacity:0;transition:all .3s ease-in-out;}
.popup-wrap.on .dimmed{opacity:1;}
.popup-wrap.on[inert] .dimmed{opacity:0.1;}
.popup-wrap .popup-body {position:relative;max-width:100%;max-height:100%;background-color:#fff;box-shadow:16px 16px 24px rgba(0,0,0,.16);opacity:0;transform:translate(0,30px);transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;}
.popup-wrap.on .popup-body{opacity:1;transform:translate(0,0);}
.popup-header {display:flex;align-items:center;height:56px;padding:0 24px 0 40px;background:linear-gradient(90deg, #7056f5 0%, #1e5bc5 100%);z-index:5;}
.popup-header .popup-tit {font-size:22px;color:#fff;}
.popup-container {overflow:hidden;padding-bottom:40px;}
.popup-content {overflow-y:auto;overflow-x:hidden;position:relative;padding:0 40px 1px;overscroll-behavior:contain;outline-offset:-2px;}
.popup-wrap .popup-content{min-height:150px;max-height:calc(100vh - 230px);}
.popup-content::before {content:'';display:block;margin-bottom:40px;}
.popup-content .popup-tit-sub {margin-bottom:40px;font-size:22px;font-weight:700;color:#1e5bc5;}
.popup-content .popup-tit-sub + [class*="tits"] {margin-top:40px;}
.popup-content .btns {margin-top:32px;}
.popup-submit {display:flex;justify-content:center;padding:40px 0;margin-bottom:-40px;position:relative;z-index:5;background:#fff;}
.popup-submit [class^=btn-] ~ [class^=btn-] {margin-left:8px;}
.popup-close {position:absolute;right:11px;top:4px;z-index:10;width:48px;height:48px;background:url(../images/layout/pop_close.png) no-repeat 50%;}
.popup-close span {overflow:hidden;position:absolute;z-index:-1;width:1px;height:1px;font-size:1px;opacity:.01;clip:rect(1px,1px,1px,1px);}

.popup-body.xl {width:1208px;}
.popup-body.lg {width:936px;}
.popup-body.md {width:744px;}
.popup-body.md .popup-tit {font-size:20px;}
.popup-body.sm {width:360px;text-align:center;}
.popup-body.sm .popup-header {height:48px;padding:0 24px 0 24px;}
.popup-body.sm .popup-tit {font-size:18px;}
.popup-body.sm .popup-container {padding-bottom:0;}
.popup-body.sm .popup-content {padding:0 32px;line-height:24px;min-height:auto;}
.popup-body.sm .popup-content::before {margin-bottom:32px;}
.popup-body.sm .popup-content::after {content:'';display:block;margin-top:32px;}
.popup-body.sm .popup-submit {margin:0;padding:0;}
.popup-body.sm .popup-submit [class^=btn-] {flex:1;height:48px;margin:0;border:0;border-radius:0;}
.popup-body.sm .popup-submit [class^=btn-]:focus-visible {outline-offset:-4px;}
.popup-body.sm .popup-submit button.btn-outline1 {border-top:1px solid #ccc;font-weight:300;}
.popup-body.sm .popup-submit button.btn-solid1 {background-color:#1e5bc5 !important;}

.popup-wrap .paginate {margin-top:32px;}

/* 자동 로그아웃 남은시간 */
.popup-wrap .auto-timer {width:100%;margin-bottom:16px;padding:24px 0;border-radius:8px;background-color:#f9faff;font-size:18px;color:#1e5bc5;text-align:center;}
.popup-wrap .auto-timer::before {content:'';display:block;height:41px;margin-bottom:16px;background:url(../images/common/login_timer.png) no-repeat 50% 0;}
.popup-wrap.on .auto-timer::before{animation: headShake 1s infinite 0.3s;}
@keyframes headShake {
	0% {transform: translateX(0);}
	6.5% {transform: translateX(-6px) rotateY(-9deg);}
	18.5% {transform: translateX(5px) rotateY(7deg);}
	31.5% {transform: translateX(-3px) rotateY(-5deg);}
	43.5% {transform: translateX(2px) rotateY(3deg);}
	50% {transform: translateX(0);}
}

/* 주소 찾기 */
.popup-wrap .address-area .table.col tbody tr[style*="none"]:first-child + tr td {border-top:0;}
.popup-wrap .address-area .table.col tbody td {padding-top:12px;padding-bottom:12px;}
.popup-wrap .address-area .table.col tbody td:not(:last-child) {font-size:16px;line-height:24px;color:#1e5bc5;}
.popup-wrap .address-area .table.col tbody td button {text-align:left;}
.popup-wrap .address-area .table.col tbody td button {width:100%;}
.popup-wrap .address-area .table.col tbody td button:hover {text-decoration:underline;text-underline-position:under;}
.popup-wrap .address-area .table.col tbody td em {display:block;font-size:16px;line-height:24px;color:#3d414a;}
.popup-wrap .address-area .table.col tbody td span {box-decoration-break:14px;line-height:22px;color:#666;}
.popup-wrap .address-area .boards:last-child .table.row {margin-top:40px;}
.popup-wrap .address-area .table.row .tit {float:left;width:85px;font-weight:500;color:#050f26;}
.popup-wrap .address-area .table.row .addr {overflow:hidden;color:#3d414a;}
.popup-wrap .address-area .table.row .addr ~ .forms {margin-top:10px;}
.popup-wrap .address-area .tab-content{margin-bottom:40px;}
.popup-wrap .address-area .tab-content .boards .table.row {margin-top:0;}

/* 콘텐츠 */
.popup-body .txts1 + .txts1.fw5 {margin-top:24px;}
.popup-body .box-solid,
.popup-body .box-solid2 {margin-top:24px;text-align:left;}
.popup-body .msgs {padding:32px 0;margin-top:40px;border-radius:12px;background-color:#f9faff;}
.popup-body.sm .msgs.sm{margin-top:0;padding:0;background-color:transparent;}
.popup-body .msgs + .box-outline {margin-top:40px;}
.popup-body .box-outline + .box-outline {margin-top:16px;}
.popup-body.sm .msgs2 {margin-bottom:24px;}
.popup-body.sm .msgs2 .tit {font-size:16px;}

/* 새창(윈도우팝업 시) */
.popup-wrap.new-window{position:relative;display:block;height:auto;visibility:visible;padding:0;}
.popup-wrap.new-window .dimmed{display:none;}
.popup-wrap.new-window .popup-body{display:flex;flex-direction:column;opacity:1;box-shadow:none;margin:0 auto;width:auto !important;min-height:100vh;min-height:100dvh;opacity:1;box-shadow:none;margin:0;transition:none;transform:none;}
.popup-wrap.new-window .popup-header{position:sticky;top:0;z-index:10;flex-shrink:0;}
.popup-wrap.new-window .popup-container{overflow:visible;padding-bottom:0;display:flex;flex-direction:column;flex:1 1 auto;}
.popup-wrap.new-window .popup-content{height:auto !important;max-height:none !important;flex:1 1 auto;overflow:visible;padding-bottom:40px;}
/* .popup-wrap.new-window .popup-content > .pop-img-box:only-child{margin:-40px -40px -1px;} */
.popup-wrap.new-window .popup-submit{position:sticky;bottom:0;background:#fff;z-index:10;padding:40px 0;margin:0;flex-shrink:0;}
.popup-wrap.new-window .popup-submit.etc{flex-direction:column;align-items:center;justify-content:center;}
.popup-wrap.new-window .popup-submit.etc > .msg{margin-bottom:32px;}
.popup-wrap.new-window .popup-submit.etc > .inr{display:flex;}
.popup-wrap.new-window .view-detail-box {margin-top:32px;}
@media (max-width: 360px) {
	.popup-wrap.new-window .popup-header{padding-left:20px;}
	.popup-wrap.new-window .popup-content{padding-left:20px;padding-right:20px;padding-bottom:20px;}
	.popup-wrap.new-window .popup-content::before{margin-bottom:20px;}
	.popup-wrap.new-window .popup-submit.add-chk{padding-left:20px;padding-right:20px;}
}

/* ====================
	DIALOG
==================== */
.popup-wrap .popup-dialog {position:fixed;width:360px;margin-top:20px;background-color:#fff;box-shadow:16px 16px 24px rgba(0,0,0,.16);opacity:0;transition:0.3s ease-in-out;}
.popup-wrap.on .popup-dialog{margin-top:0;opacity:1;}
.popup-dialog .popup-header {display:none;height:48px;padding:0 24px 0 24px;}
.popup-dialog .popup-tit {font-size:18px;}
.popup-dialog .popup-container {padding-bottom:0;}
.popup-dialog .popup-container::before {margin-bottom:32px;}
.popup-dialog .popup-content {display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100px;margin-top:32px;padding:0 32px;}
.popup-dialog .popup-content::before {display:none;}
.popup-dialog .popup-txt {line-height:24px;}
.popup-dialog .popup-submit {padding:32px 0 0;margin:0;}
.popup-dialog .popup-submit [class^=btn-] {width:100%;height:48px;margin:0;border-top:1px solid #949494;border-radius:0;background-color:#fff;font-size:18px;font-weight:300;line-height:48px;color:#050f26;}
.popup-dialog .popup-submit [class^=btn-]:last-child {background-color:#1e5bc5;font-weight:700;color:#fff;}
.popup-dialog .popup-submit [class^=btn-]:focus-visible {outline-offset:-4px;}
.popup-dialog .popup-close {top:0;}

/* ====================
	CMS
==================== */
.popup-wrap.main {position:absolute;display:block;justify-content:left;left:30px;right:auto;top:30px;bottom:auto;height:auto;padding:0;z-index:110;}
.popup-wrap.main .dimmed{display:none;}
.popup-wrap.main .popup-body {width:auto;max-width:inherit;height:100%;border-radius:0 32px;box-shadow:8px 8px 32px rgba(0,0,0,.16);}
.popup-wrap.main .popup-container {height:calc(100% - 68px);padding:0;}
.popup-wrap.main .popup-content {/* overflow:visible; */height:100% !important;max-height:100% !important;margin:0 24px;padding:0;border-radius:0 20px 0 0;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.popup-wrap.main .popup-content::before {margin-bottom:24px;}
.popup-wrap.main .popup-content .tit {font-size:24px;font-weight:700;line-height:32px;color:#1e5bc5;}
.popup-wrap.main .popup-content .txt {margin-top:24px;font-size:15px;line-height:24px;color:#3d414a;}
.popup-wrap.main .popup-footer {padding:24px;}
.popup-wrap.main .popup-footer .today {display:flex;align-items:center;float:left;}
.popup-wrap.main .popup-footer .today label {font-size:16px;color:#3d414a;}
.popup-wrap.main .popup-footer .close {float:right;font-size:16px;font-weight:500;}
.popup-wrap.main .popup-footer::after {content:'';display:block;clear:both;}
.popup-wrap.main img{max-width:100%;}
.popup-wrap.main img:first-child{border-top-right-radius:20px;}
.popup-wrap .popup-submit.add-chk{padding:20px 40px;border-top:1px solid #e5e5e5;}
.popup-submit.add-chk .today {display:flex;align-items:center;width:100%;}
.popup-submit.add-chk .today:last-child{justify-content:flex-end;}
.popup-submit.add-chk .today label {font-size:16px;color:#3d414a;}
.popup-submit.add-chk .close {font-size:16px;font-weight:500;white-space:nowrap;}
.popup-submit.add-chk .close:only-child{border: 1px solid #ccc;background-color: #fff;color: #050F26;min-width: 160px;height: 48px;padding: 0 16px;font-size: 18px;border-radius: 4px;}
.pop-img-box{display:block;overflow:auto;background-color:#f5f5f5;text-align:center;}
.popup-content.cms{word-break:break-all;}
.popup-content.cms img,
.pop-img-box img{max-width:100%;}
.popup-content.cms > .pop-img-box{display:flex;align-items:center;justify-content:center;height:calc(100% - 80px);}
.popup-content.cms > .pop-img-box img{max-height: 100%;}

.popup-wrap.main.page,
body > .popup-wrap.main:only-of-type {position:relative;display:flex;width:100%;height:100vh;height:100dvh;left:auto;right:auto;top:auto;bottom:auto;visibility:visible;transition:none;}
.popup-wrap.main.page .popup-body,
body > .popup-wrap.main:only-of-type .popup-body {display:flex;width:100%;flex-direction:column;justify-content:space-between;height:100%;box-shadow:none;opacity:1;transform:none;transition:none;}
.popup-wrap.main.page .popup-content,
body > .popup-wrap.main:only-of-type .popup-content {margin:0;padding:24px 24px 0;}

.pop-main-slick {border-top-right-radius:20px;overflow:hidden;}
.popup-wrap.main .pop-main-slick img{border-top-right-radius:0px;}
.pop-main-slick .slick-arrow{background-color:rgba(255,255,255,0.8);}
.pop-main-slick .slick-arrow.slick-prev{margin-right:-10px;border-top-left-radius:0px;border-bottom-left-radius:0px;}
.pop-main-slick .slick-arrow.slick-next{margin-left:-10px;border-top-right-radius:0px;border-bottom-right-radius:0px;}
.pop-main-slick .slick-controls{position:absolute;right:15px;top:15px;display:flex;padding:4px;background-color:rgba(255,255,255,0.85);align-items:center;border-radius:14px;}
/* .pop-main-slick .slick-controls{display:flex;align-items:center;justify-content:center;margin-top:10px;} */
.pop-main-slick .slick-stop,
.pop-main-slick .slick-play {overflow:hidden;width:20px;height:20px;background-repeat:no-repeat;background-position:center center;background-color:#10326f;border-radius:10px;margin-left:6px;}
.pop-main-slick .slick-stop {background-image:url(../images/btn/btn_slick_stop.png);}
.pop-main-slick .slick-play {background-image:url(../images/btn/btn_slick_play.png);}
.pop-main-slick .ui-slick-inr:not(.slick-initialized)>div:not(:first-child){height:0;overflow:hidden;}

/* 팝업 추가 */
.popup-wrap.type1 .popup-body.sm{width: 470px;}
.popup-wrap.type1 .popup-body{border-radius:32px;background-color: #7056f5;}
.popup-wrap.type1 .popup-body .popup-container{background-color: #7056f5;border-top-left-radius:32px;border-top-right-radius:32px;}
.popup-wrap.type1 .popup-body .popup-content{padding-bottom: 24px;}
.popup-wrap.type1 .popup-body h2.tit{margin-bottom: 10px;font-size: 24px;}
.popup-wrap.type1 .popup-body .tit,
.popup-wrap.type1 .popup-body .txt{color:#fff; font-size: 18px;}
.popup-wrap.type1 .popup-body .tit{line-height: 28px;}
.popup-wrap.type1 .popup-body .box-solid .list-dot > ul > li{font-size: 15px;line-height: 25px;}
.popup-wrap.type1 .popup-body.sm .popup-submit,
.popup-wrap.type1 .popup-body.sm .popup-submit button.btn-outline1{border-bottom-left-radius:32px;border-bottom-right-radius:32px;}

/* ====================
	TOOLTIP
==================== */
.tooltips {display:inline-flex;position:relative;top:-2px;max-width:100%;vertical-align:middle;}
.tooltips .btn-tooltip {display:inline-flex;overflow:hidden;width:17px;height:17px;border-radius:50%;background-color:#385673;line-height:17px;color:#fff;text-align:center;vertical-align:middle;justify-content:center;align-items:center;}
.tooltips .btn-tooltip::before {content:'?';font-size:11px;font-weight:700;}
.tooltips .btn-tooltip.ty2{width:24px;height:24px;border:2px solid #050F26;background-color:#fff;color:#050F26;}
.tooltips .btn-tooltip.ty2::before{font-weight:500;font-size:15px;}
.tooltip-parent{z-index:15;}
.tooltip-body{display:none;position:fixed;z-index:151;min-width:200px;max-width:520px;margin-top:8px;border:1px solid #ccc;border-radius:6px;background-color:#fff;text-align:left;}
.tooltip-body.clone{display:block;top:1100%;left:0;visibility:hidden;white-space:nowrap;}
.tooltip-body .tooltip-arr {position:absolute;left:0;top:-9px;width:12px;height:9px;margin-left:-6px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12' height='9' viewBox='0 0 12 9'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='area' width='12' height='9' fill='%23fff' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='bg' clip-path='url(%23clip-path)'%3E%3Cg id='bg-2' data-name='bg' transform='translate(-1 -0.002)' fill='%23fff'%3E%3Cpath d='M 13.03966903686523 9.5 L 0.9603310227394104 9.5 L 7 0.8719014525413513 L 13.03966903686523 9.5 Z' stroke='none'/%3E%3Cpath d='M 7 1.743788719177246 L 1.920652389526367 9 L 12.07934761047363 9 L 7 1.743788719177246 M 7 0 L 14 10 L 0 10 L 7 0 Z' stroke='none' fill='%23ccc'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;}
.tooltip-body .tooltip-content{padding:13px 16px;font-size:14px;line-height:22px;font-weight:300;color:#3d414a;overflow:auto;min-height:48px;}
.tooltip-body.w1 .tooltip-content{width:300px;}
.tooltip-body.w2 .tooltip-content{width:350px;}
.tooltip-body.w3 .tooltip-content{width:400px;}
.tooltip-body.w4 .tooltip-content{width:450px;}
.tooltip-body.w5 .tooltip-content{width:500px;}
.tooltip-body.etc {width:700px !important;max-width:inherit !important;}
.tooltip-body:not(.clone) .tooltip-content:before{content:'';display:block;float:right;width:36px;height:22px;}
.tooltip-body.scroll .tooltip-content{overflow:auto;max-height:calc(100% - 26px);}
.tooltip-body.up {margin-top:-8px;}
.tooltip-body.up .tooltip-arr {top:auto;bottom:-9px;transform:rotate(-180deg);}
.tooltip-close {position:absolute;right:16px;top:13px;width:20px;height:20px;background:rgba(255,255,255,0.8) url(../images/common/tooltip_close.png) no-repeat 50%;backdrop-filter:blur(2px);}
.tooltips.on .tooltip-body {display:block;}

.tooltips .tooltip-content .tit {margin-bottom:6px;font-size:14px;font-weight:500;color:#050f26;} /* [공통확인] tit클래스 임시 추가 */
.tooltips .tooltip-content .tit:only-child {margin-bottom:0;}
.tooltips .tooltip-content > p {word-break:keep-all;word-wrap:break-word;white-space:normal;}
.tooltips .tooltip-content .list-dash,
.tooltips .tooltip-content p + .list-dot {margin-top:10px;}
.tooltips .tooltip-content .list-dot {margin-top:6px;}
.tooltips .tooltip-content .list-dot li {word-break:keep-all;word-wrap:break-word;white-space:normal;}
.tooltips .tooltip-content .list-dot li + li {margin-top:2px;}
.tooltips .tooltip-content .list-dot .list-dash {margin-top:5px;}
.tooltips .tooltip-content .list-dot .list-dash li ~ li {margin-top:0;}
.tooltips .tooltip-content .list-dot .list-dash li::before {top:10px;}
.tooltips .tooltip-content .list-cir {margin-top:6px;}
.tooltips .tooltip-content .list-cir li {color:#666;word-break:keep-all;word-wrap:break-word;white-space:normal;}
.tooltips .tooltip-content .list-cir li + li {margin-top:2px;}
.tooltips .tooltip-content .group:not(:first-child) {margin-top:10px;}
.tooltips .tooltip-content .group .tit {margin:6px 0 2px;}

.tooltips .tooltip-content .board-upper {margin:16px 0 8px;}
.tooltips .tooltip-content .board-upper .right .legend {font-size:13px;}
.tooltips .tooltip-content .boards + .txts3 {margin-top:8px;}
.tooltips .tooltip-content .boards .table.col thead th {padding:12px 16px;height:40px;font-size:14px;}
.tooltips .tooltip-content .boards .table.col tbody td {padding:12px 16px;height:40px;font-size:14px;}

.agree-tit .tooltips {top:0;}
span.txt-tip + .tooltips {margin-left:4px;}

.txt-tooltip{display:block;}
.txt-tooltip.on{overflow:hidden;word-break:break-all;text-overflow:ellipsis;white-space:nowrap;}
.tooltip-body.txt{max-width:none;border-color:#154292;}
.tooltip-body.txt:before{content:none;}
.tooltip-body.txt .tooltip-arr{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12' height='9' viewBox='0 0 12 9'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='area' width='12' height='9' fill='%23fff' stroke='%23ccc' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='bg' clip-path='url(%23clip-path)'%3E%3Cg id='bg-2' data-name='bg' transform='translate(-1 -0.002)' fill='%23fff'%3E%3Cpath d='M 13.03966903686523 9.5 L 0.9603310227394104 9.5 L 7 0.8719014525413513 L 13.03966903686523 9.5 Z' stroke='none'/%3E%3Cpath d='M 7 1.743788719177246 L 1.920652389526367 9 L 12.07934761047363 9 L 7 1.743788719177246 M 7 0 L 14 10 L 0 10 L 7 0 Z' stroke='none' fill='%23154292'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}

.terms-content>*:first-child{margin-top:0;}

/* ====================
	SLICK SLIDER
==================== */
.slick-slider {display:block;position:relative;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list {display:block;overflow:hidden;position:relative;margin:0;padding:0;transition:all 0.2s linear;transition-delay:0.1s;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor:pointer;cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track {display:block;position:relative;top:0;left:0;}
.slick-track:before,
.slick-track:after {content: '';display: table;}
.slick-track:after {clear:both;}
.slick-loading .slick-track {visibility:hidden;}
.slick-slide {display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide {float:right;}
.slick-slide.slick-loading img {display:none;}
.slick-slide.dragging img {pointer-events:none;}
.slick-initialized .slick-slide {display:block;}
.slick-loading .slick-slide {visibility:hidden;}
.slick-vertical .slick-slide {display:block;height:auto;border: 1px solid transparent;}
.slick-dots {text-align:center;line-height:1;font-size:0;}
.slick-dots li {display:inline-block;}
.slick-dots li button{display:block;padding:6px;text-indent:-9999px;color:transparent;font-size:0;}
.slick-dots li button::before{content:'';display:block;width:8px;height:8px;background-color:#969CA8;border-radius:10px;}
.slick-dots .slick-active button::before {width:20px;background-color:#050F26;}
.slick-arrow{overflow:hidden;position:absolute;top:50%;z-index:3;width:48px;height:48px;border-radius:50%;box-shadow:0 0 8px rgba(30,91,197,.16);background-color:#fff;background-repeat:no-repeat;background-position:50%;color:transparent;}
.slick-arrow.slick-prev{right:100%;transform:translate(50%, -50%);background-image:url(../images/btn/btn_slick_prev.png);}
.slick-arrow.slick-next{left:100%;transform:translate(-50%, -50%);background-image:url(../images/btn/btn_slick_next.png);}
.slick-arrow.slick-hidden {display:none;}
.slick-arrow.slick-disabled{opacity:0;}
.ui-slick img{max-width:100%;}
/* .ui-slick-inr:not(.slick-initialized)>div:not(:first-child){height:0;overflow:hidden;} */

/* ====================
	ANIMATION
==================== */
:root {
  --easeInQuad: cubic-bezier(0.550, 0.085, 0.680, 0.530);
  --easeInCubic: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  --easeInQuart: cubic-bezier(0.895, 0.030, 0.685, 0.220);
  --easeInQuint: cubic-bezier(0.755, 0.050, 0.855, 0.060);
  --easeInSine: cubic-bezier(0.470, 0.000, 0.745, 0.715);
  --easeInExpo: cubic-bezier(0.950, 0.050, 0.795, 0.035);
  --easeInCirc: cubic-bezier(0.600, 0.040, 0.980, 0.335);
  --easeInBack: cubic-bezier(0.600, -0.280, 0.735, 0.045);
  --easeOutQuad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
  --easeOutCubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  --easeOutQuart: cubic-bezier(0.165, 0.840, 0.440, 1.000);
  --easeOutQuint: cubic-bezier(0.230, 1.000, 0.320, 1.000);
  --easeOutSine: cubic-bezier(0.390, 0.575, 0.565, 1.000);
  --easeOutExpo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
  --easeOutCirc: cubic-bezier(0.075, 0.820, 0.165, 1.000);
  --easeOutBack: cubic-bezier(0.175, 0.885, 0.320, 1.275);
  --easeInOutQuad: cubic-bezier(0.455, 0.030, 0.515, 0.955);
  --easeInOutCubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);
  --easeInOutQuart: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  --easeInOutQuint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
  --easeInOutSine: cubic-bezier(0.445, 0.050, 0.550, 0.950);
  --easeInOutExpo: cubic-bezier(1.000, 0.000, 0.000, 1.000);
  --easeInOutCirc: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  --easeInOutBack: cubic-bezier(0.680, -0.550, 0.265, 1.550);
  --easeOutMy: cubic-bezier(.05,.79,0,.96);
  --easeOutSide: cubic-bezier(.15,.84,.45,1);
}
[data-animation^=ani-]{opacity:0;}
[class*=ani-]{position:relative;}
[class*=ani-]:not(.ani-base){opacity:0;}
[class*=ani-].on{opacity:1;transition: 1s var(--easeOutSine);}
.ani-up{transform:translateY(60px);}
.ani-up.on{transform:translateY(0);}
.ani-up2{transform:translateY(20px);}
.ani-up2.on{transform:translateY(0);}
.ani-down{transform:translateY(-60px);}
.ani-down.on{transform:translateY(0);}
.ani-down2{transform:translateY(-20px);}
.ani-down2.on{transform:translateY(0);}
.ani-left{transform:translateX(-60px);}
.ani-left.on{transform:translateX(0);}
.ani-left2{transform:translateX(-20px);}
.ani-left2.on{transform:translateX(0);}
.ani-right{transform:translateX(60px);}
.ani-right.on{transform:translatex(0);}
.ani-right2{transform:translateX(20px);}
.ani-right2.on{transform:translatex(0);}
.ani-scale{transform:scale(0.1);}
.ani-scale.on{transform:scale(1);}
@keyframes bounce {
	from,
	20%,
	53%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translate3d(0, 0, 0);
	}
	40%,
	43% {
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -20px, 0) scaleY(1.1);
	}
	70% {
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		transform: translate3d(0, -10px, 0) scaleY(1.05);
	}
	80% {
		transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translate3d(0, 0, 0) scaleY(0.95);
	}
	90% {
		transform: translate3d(0, -4px, 0) scaleY(1.02);
	}
}
@keyframes shake {
	0%,
	92%, 
	94%, 
	96%, 
	98%, 
	100% {
		transform: rotate(0deg);
	}
	93% {
		transform: rotate(20deg);
	}
	95% {
		transform: rotate(-20deg);
	}
	97% {
		transform: rotate(10deg);
	}
	99% {
		transform: rotate(-10deg);
	}
}
@keyframes rubberBand {
	from, 80% {transform: scale3d(1, 1, 1);}
	86% {transform: scale3d(1.25, 0.75, 1);}
	88% {transform: scale3d(0.75, 1.25, 1);}
	90% {transform: scale3d(1.15, 0.85, 1);}
	93% {transform: scale3d(0.95, 1.05, 1);}
	95% {transform: scale3d(1.05, 0.95, 1);}
	to {transform: scale3d(1, 1, 1);}
}

.shiny-wrap{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;overflow:hidden;z-index:5;}
.shiny-wrap:before{position:absolute;content:'';opacity:0;display:block;top:-10rem;left:0;width:3rem;height:100%;background-color:#fff;transform:rotate(45deg) translateZ(0.2rem);animation:shinyEf 5s ease-in-out infinite;}
@keyframes shinyEf {
	0% {
		transform: scale(0) rotate(45deg) translateZ(0.2rem);
		opacity: 0;
	}
	80% {
		transform: scale(0) rotate(45deg) translateZ(0.2rem);
		opacity: 0.3;
	}
	82% {
		transform: scale(4) rotate(45deg) translateZ(0.2rem);
		opacity: 0.6;
	}
	100% {
		transform: scale(50) rotate(45deg) translateZ(0.2rem);
		opacity: 0;
	}
}
/* ====================
	CMS관련
==================== */
.tbl_type02_1 {width:100%;border-collapse:collapse;border-top:2px solid #050f26;clear:both;font-size:14px;}
.tbl_type02_1 th {padding:9px 0 7px 0;text-align:center;color:#050f26;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#f9faff;line-height:1.2em;}
.tbl_type02_1 td {padding:9px 3px 7px 3px;text-align:center;color:#3d414a;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;background:#fff;line-height:1.3em;}
.tbl_type02_1 .tleft {padding:9px 10px 7px 14px;text-align:left;}
.tbl_type02_1 .tright {padding:7px 10px 7px 0;text-align:right;}
.tbl_type02_1 .last {border-right:0;}
.tbl_type02_1 .tlleft {padding:9px 10px 7px 14px;text-align:left;border-right:0;}
.tbl_type02_1 .tlright {padding:7px 10px 7px 0;text-align:right;border-right:0;}

/* ====================
	PRINT
==================== */
html.popup-print{overflow:auto !important;width:1128px;}
html.popup-print .page-wrap,
html.popup-print .popup-wrap,
html.popup-print .popup-wrap .dimmed{display:none;}
html.popup-print .popup-wrap.print-on{display:block;padding:0;position:relative;}
html.popup-print .popup-body{box-shadow:none;}
html.popup-print .popup-content{max-height:none !important;}
#htmlPrintArea_contents .dimmed{display:none;}
#htmlPrintArea_contents .popup-body{width:auto !important;}
#htmlPrintArea_contents .popup-content{max-height:none !important;}
#htmlPrintArea_contents .popup-submit{display:none;}
@page {
	size : A4;
	margin: 0;
}
@media print {
	*{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
	.skips, .quickmenu, .session-changer{display:none !important;}
	body > li{list-style:none;}
	body{overflow:visible;width:1200px;}
	.wrap{margin:0 !important;}
	.header{position:relative !important;top:0 !important;box-shadow:0 none !important;}

	/* 제출서류 안내 */
	body > *{margin:32px;}
	body > li.on > .subj a{font-size:22px;font-weight:700;}
	body > li.on > .obj .obj-inr {margin-top:20px;}
	body > li.on > .obj .board-upper:first-child{margin-top:0;}
}


/* ====================
	세션 변경
==================== */
.session-changer {position:fixed;left:10px;top:10px;z-index:99999;padding:20px 25px;border:1px solid #1e5bc5;background-color:#fafaff;border-radius:40px 10px;box-shadow:0 20px 40px 0 rgba(179,191,203,0.2);white-space:nowrap;}
.session-changer p {margin-top:5px;}
._login-layer{position:fixed;background-color:#fff;bottom:0;left:0;box-shadow:0 0 10px rgba(0,0,0,.16);padding:32px;z-index:9999;}
._login-layer select{display:block;height:150px;margin-top:10px;}
._login-layer input,
._login-layer button{display:block;height:40px;margin-top:10px;border-radius:4px;}
._login-layer button{width:100%;background-color:#222;color:#fff;font-weight:bold;}

/* ====================
	챗봇레이어
==================== */
:root{
	--chatbot-width: 400px;
	--chatbot-height: 540px;
	--chatbot-margin: 30px;
	--chatbot-head: 30px;
}
.chatbot-layer{display:none;position:fixed;z-index:9999;
	left:calc(100vw - var(--chatbot-width) - var(--chatbot-margin));top:calc(100vh - var(--chatbot-height) - var(--chatbot-head) - var(--chatbot-margin));
	left:calc(100dvw - var(--chatbot-width) - var(--chatbot-margin));top:calc(100dvh - var(--chatbot-height) - var(--chatbot-head) - var(--chatbot-margin));
}
.chatbot-layer .chatbot-inr{box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:8px;overflow:hidden;background-color:#fff;opacity:0;transform:translateY(20px);transition:opacity 0.3s,transform 0.3s;}
.chatbot-layer.on .chatbot-inr{transform:translateY(0);opacity:1;}
.chatbot-layer iframe{display:block;width:var(--chatbot-width);height:var(--chatbot-height);}
.chatbot-layer .chatbot-head{position:relative;background-color:#7056f5;height:var(--chatbot-head);text-align:right;}
.chatbot-layer .chatbot-head button{color:#fff;height:var(--chatbot-head);padding:0 10px;}
.chatbot-layer .chatbot-head:before,
.chatbot-layer .chatbot-head:after{content:'';position:absolute;left:50%;display:block;width:24px;height:2px;margin-left:-12px;border-radius:2px;background-color:#fff;opacity:0.4;}
.chatbot-layer .chatbot-head:before{top:10px;}
.chatbot-layer .chatbot-head:after{bottom:10px;}

/* ====================
	설문
==================== */
:root{
	--survey-img-w: 200px;
	--survey-img-h: 200px;
}
.popup-content.survey-content::before{content:none;}
.survey-head{position:relative;display:flex;align-items:center;gap:30px;padding:20px 0;position:sticky;top:0;background-color:#fff;z-index:1;color:#3d414a;}
.popup-wrap.new-window .survey-head{top:56px;}
.survey-head::after{content:'';display:block;position:absolute;bottom:0;left:0;height:1px;width:100%;background:linear-gradient(90deg, #7056f5 0%, #1e5bc5 100%);}
.survey-head>.tit{width:100%;}
.survey-head>.img{flex-shrink:0;}
.survey-head h2{font-size:28px;}
.survey-head p{font-size:18px;margin-top:12px;}
.survey-list {margin:60px 0;}
.survey-list .survey-li + .survey-li {margin-top:60px;}
.survey-list .survey-dt {position:relative;padding:1px 48px;font-size:20px;line-height:30px;color:#050F26;font-weight:500;}
.survey-list .survey-dt .num{position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background-color:#154292;font-size:16px;font-weight:700;line-height:32px;color:#fff;text-align:center;}
.survey-list .survey-dd {margin-top:24px;padding:24px 48px;background-color:#f9faff;border-radius:8px;}
.survey-list .survey-group .chk{display:flex;}
.survey-list .survey-group .chk input[type="checkbox"],
.survey-list .survey-group .chk input[type="radio"]{flex-shrink:0;}
.survey-list .survey-group .chk label{display:block;font-size:16px;line-height:24px;color:#050F26;margin-left:0;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;text-align:left;}
.survey-list .survey-group .chk label:last-child{white-space:normal;}
.survey-list .survey-group .chk input:checked + label{font-weight:bold;color:#2d58b7;}
.survey-list .survey-group.txt-ty .chk + .chk{margin-top:8px;}
.survey-list .survey-group.txt-ty .chk input[type="checkbox"],
.survey-list .survey-group.txt-ty .chk input[type="radio"]{margin-top:10px;}
.survey-list .survey-group.txt-ty .chk label{padding:8px;}
.survey-list .survey-group.txt-ty .chk input[type="text"]:disabled{display:none;}
.survey-list .survey-group.img-ty{display:flex;gap:32px;flex-wrap:wrap;}
.survey-list .survey-group.img-ty .chk input{margin-top:calc(var(--survey-img-h) / 2);transform:translateY(-50%);}
.survey-list .survey-group.img-ty .chk label{width:var(--survey-img-w);margin-left:8px;}
.survey-list .survey-group.img-ty .img{position:relative;width:var(--survey-img-w);height:var(--survey-img-h);background:#fff;}
.survey-list .survey-group.img-ty .img::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #ccc;}
.survey-list .survey-group.img-ty .img img{position:relative;width:100%;height:100%;object-fit:contain;}
.survey-list .survey-group.img-ty .txt{text-align:center;margin-top:8px;}
.survey-list .survey-star{display:inline-flex;}
.survey-list .survey-star .star{position:relative;}
.survey-list .survey-star input{position:absolute;top:0;left:0;width:32px;height:32px;appearance:none;background:transparent !important;border:0 transparent;}
.survey-list .survey-star label{width:32px;height:32px;margin-left:0;background:url(../images/bg/bg_star_lg.png) no-repeat 0 0;}
.survey-list .survey-star input:disabled + label {background-position:0 -64px;}
.survey-list .survey-star input:checked:not(:disabled) + label,
.survey-list .survey-star .star.on input:not(:disabled) + label{background-position:0 -32px;}
.survey-text{font-size:18px;line-height:1.5;color:#3d414a;padding:48px;border-top:1px solid #ccc;}
.survey-today{display:flex;background:#f8f8f8;border-radius:8px;padding:20px;margin-top:24px;}
.survey-today input + label{display:inline-flex;}
.btn-survey{position:fixed;bottom:56px;z-index:1;}
.btn-survey .btn{position:relative;display:inline-block;vertical-align:top;padding:20px 48px 20px 94px;font-size:18px;font-weight:500;color:#fff;line-height:24px;background-color:#7056f5;border-radius:32px;}
.btn-survey .btn:before{content:'';display:block;width:68px;height:82px;position:absolute;bottom:4px;left:19px;background:url(../images/survey/btn_star.png);animation: btnSurvey 10s infinite;transform-origin:left bottom;}
/* 고객만족도 조사 팝업 20250826 */
.main-popup{position:fixed;bottom:56px;left:10px;z-index:10;}
.main-popup .mlayer{min-height:385px;position:relative;display:inline-block;padding:30px 48px 20px 46px;font-size:16px;font-weight:500;color:#fff;line-height:24px;background-color:#7056f5;border-radius:24px;}
.main-popup .mlayer:before{content:'';display:block;width:68px;height:82px;position:absolute;top:12px;left:25px;background:url(../images/survey/btn_star.png);animation: btnSurvey 10s infinite;transform-origin:left bottom;}

@keyframes btnSurvey {
	0%, 5%{opacity:0;transform:translateY(0) scale(0);}
	10%{opacity:1;transform:translateY(0) scale(1);}
	30%, 70%{transform:translateY(8px) scale(1);}
	50%{transform:translateY(0) scale(1);}
	90%{opacity:1;transform:translateY(0) scale(1);}
	95%, 100%{opacity:0;}
}