@charset "utf-8";

@import url("/assets/p/lib/font-awesome/css/font-awesome.min.css");

html, body,
h1, h2, h3, h4, h5, h6,
input, select, textarea, button, option {font-family:"Noto Sans KR", "맑은 고딕", "돋움", Dotum, sans-serif;}

html {position:relative;}
html, body {font-weight:normal;color:#555;}
body {position:relative;font-size:16px;}
body, div, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, form, fieldset, legend, button, p, pre, blockquote, menu, figure, input {margin:0;padding:0;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, select, input, textarea, p, blockquote, th, td, menu, button, a, span, strong, label, header, footer, section, article, aside, nav, hgroup, details, figure, figcaption {word-break:break-word;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;}
h1, h2, h3, h4, h5, h6, input, select, textarea, button, option {font-size:14px;font-weight:normal;color:inherit;}
pre, code, samp, kbd {font-family:inherit;}
h1, h2, h3, h4, h5, h6, strong, b, th {font-weight:bold;}
em, var, address {font-style:normal;}
ul, ol, li {list-style:none;}

legend, fieldset, button, img {border:0 none;}
input, select, textarea, button, label, strong, a, time {vertical-align:inherit;}
input, select, textarea, button, option {font-family:inherit;font-weight:inherit;}
/* input, select, textarea {appearance:none;-webkit-appearance:none;} */
input[type="text"]::-webkit-search-cancel-button {appearance:none;-webkit-appearance:none;}
button, select, option {color:inherit;text-transform:none;}
textarea {resize:none;}
caption, legend {width:1px;height:1px;overflow:hidden;margin:-1px;clip:rect(0, 0, 0, 0);}
table {border-collapse:collapse;border-spacing:0;}
button {overflow:visible;text-align:left;cursor:pointer;background:none;}

@media screen and (max-device-width: 480px){
	html, body{
		text-size-adjust:none;
		-moz-text-size-adjust:none;
		-ms-text-size-adjust:none;
		-webkit-text-size-adjust:none;
		-webkit-tap-highlight-color:transparent;
		-webkit-user-select:none;
	}
}

input:-webkit-autofill,
input:-webkit-autofill:focus{transition:background-color 60000s 0s, color 60000s 0s;}

html{overflow-y:overlay;}

html.has-modal,
html.has-alert,
html.has-confirm,
html.has-loading{overflow:hidden;}

:before,
:after{box-sizing:border-box;}


h1, h2, h3, h4, h5, h6{font-weight:bold;color:#222}
h3{font-size:32px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}

a{text-decoration:none;}

p{line-height:1.5;}

.lh15{line-height:1.5;}
.lh18{line-height:1.8;}
.bl-d-round.lh18 > li:before{top:.6em;}
.bl-dash.lh18 > li:before{top:15px;}
.bl-middot.lh18 > li:before{top:13px;}


.em08{font-size:0.8em;}
.em09{font-size:0.9em;}
.em10{font-size:1.0em;}
.em11{font-size:1.1em;}
.em12{font-size:1.2em;}

strong{font-weight:bold;}

em{font-style:normal;color:#a90f39;}
em.linear{background: repeating-linear-gradient(0deg, #a90f39 2px, #a90f39 10px, transparent 10px, transparent);}
.em{color:#a90f39;}
.emp{color:#d62626;}
.em_bl {color:#1169C7 !important;}
.em_blB {color:#1169C7; font-weight:bold;}

hr{display:block;height:1px;line-height:0;font-size:0;color:rgba(0, 0, 0, .24);margin:10px 0;border:0;background-color:rgba(0, 0, 0, .24);}
hr.h4-hr{margin-top:60px;}


sup,
sub{
	position:relative;
	height:0;
	line-height:1;
	vertical-align:baseline;
}
sup{bottom:0.2em;}
sup.ess,
sup.ref{position:relative;bottom:0.5em;height:0;line-height:1;vertical-align:baseline;font-size:13px;font-weight:bold;margin:0 0.2em;}
sup.ess{color:#a90f39;}
sup.ess:before{display:inline-block;position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;font-size:1px;content:"필수입력";clip:rect(1px, 1px, 1px, 1px);}
sub{top:0.5em;}


.f{display:flex;}
.f.jcc{justify-content:center;}
.f.jcfe{justify-content:flex-end;}
.f.jcsb{justify-content:space-between;}
.f.aic{align-items:center;}
.f.aife{align-items:flex-end;}


.trc > .t{display:table;}
.trc > .t > .r{display:table-row;}
.trc > .t > .r > .c{display:table-cell;}

.wbka{word-break:keep-all;}


/* 본문 바로가기 */
.btn-skip{
	display:block;position:absolute;left:0;top:-40px;width:100%;height:40px;
	line-height:40px;text-align:center;font-size:18px;font-weight:normal;color:#fff;
	background-color:#0d8732;transition:all .3s ease; outline: 2px solid red; outline-offset:-2px;
}/*202408웹접근성 outline 잘 보이도록 수정*/
.btn-skip:focus{top:0px;}


/* button */
.btn-bar.primary{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:60px;}
	.ie .btn-bar.primary .btn{margin:0 4px;}

.btn{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	position:relative;
	height:40px;
	overflow:hidden;
	line-height:normal;
	vertical-align:middle;
	text-align:center;
	font-size:13px;
	font-weight:normal;
	color:#222;
	text-decoration:none;
	white-space:nowrap;
	margin:0;
	padding:0 12px;
	transition:all .2s ease;
}
.btn[disabled] {cursor:default;background:rgba(204, 204, 204, 1) !important;}

a.btn,
button.btn,
input[type="button"].btn{cursor:pointer;}

.btn.btn-primary{min-width:200px;height:52px;font-size:18px;font-weight:bold;padding:0 40px;border-radius:10px;}
.btn-popup{min-width:152px;height:44px;font-size:16px; padding:0 15px; border-radius: 8px;}

.btn-tbl {display: inline-flex; align-items: center; justify-content: center; min-width:74px; height:28px; font-size: 13px; border: 1px solid #bbb !important;border-radius: 4px;margin:4px 2px;padding:0 5px;background: #fff;transition: background .3s;}
/* .btn-tbl:hover {background: rgba(246, 246, 246, 1);} */
.btn-c00{color:rgba(55, 143, 238, 1);border:2px solid rgba(55, 143, 238, 1);}

.btn-c01{color:#fff;background-color:rgba(169, 16, 57, 1);}
.btn.btn-c01:before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(119, 16, 57, .4);box-shadow:0 0 40px 40px rgba(119, 16, 57, .4);opacity:0;content:"";transform:scaleX(0);transition:transform 0s linear .3s, opacity .3s;}
.btn.btn-c01:hover:before{opacity:1;transform:scaleX(1);transition:transform .3s ease;}
.btn.btn-c01.revert:before{background-color:rgba(0, 0, 0, .04);box-shadow:0 0 40px 40px rgba(0, 0, 0, .04);}


.btn:before{z-index:1;}
.btn *{z-index:2;}






/* .btn-c01:hover {background: rgba(26, 101, 183, 1);} */
.btn-c02{color:#fff;background-color:rgba(169, 16, 57, 1);}
/* .btn-c02:hover {background: rgba(90, 42, 6, 1)} */
.btn-c03{color:#fff;background-color:rgba(121, 132, 150, 1);}
/* .btn-c03:hover {background: rgba(109, 116, 126, 1)} */
.btn-tbl.btn-post {} /* 우편번호검색 버튼 */

.btn-shortcut{height:auto;font-size:16px;color:#0d8732;padding:0;}
.btn-shortcut .lbl + .icn{margin-left:4px;}
.btn-shortcut .icn{width:16px;height:16px;line-height:1;}
.btn-shortcut .icn:after{
	width:16px;height:16px;line-height:16px;text-align:center;
	font-family:FontAwesome;font-size:20px;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;content:"\f105";
}

/* a.btn-shortcut .lbl{border-bottom:1px solid rgba(13, 135, 50, 0);}
a.btn-shortcut:hover .lbl{border-bottom-color:rgb(13, 135, 50, .6);} */

/* a.btn-shortcut{padding:2px 4px 2px 8px;border:1px solid rgba(13, 135, 50, 0);border-radius:5px;}
a.btn-shortcut:hover{border-color:rgba(13, 135, 50, .6);} */

a.btn-shortcut{padding:2px 4px 2px 8px;border-radius:5px;}
a.btn-shortcut:hover{color:#fff;background-color:rgba(13, 135, 50, .6);}



.btn-tbl.type01{margin: 0; padding: 0 16px; min-width: auto; height: 48px; border: 1px solid rgb(85, 85, 85)!important;border-radius:5px;}
.btn-tbl.type01 .lbl{font-size: 16px; color: rgb(34, 34, 34);}
.btn-tbl.type02{margin: 0; padding: 0 16px; min-width: auto; height: 40px;}
.btn-c01.revert{color:rgba(169, 16, 57, 1);border:1px solid rgba(169, 16, 57, 1);background-color:rgba(255, 255, 255, 1);}
	.btn-primary.btn-c01.revert{border:2px solid rgba(169, 16, 57, 1);}
.btn-c01.revert:hover{background-color:rgba(255, 255, 255, 1);}

.btn.btn-small {padding: 0 30px; height: 44px; border: 1px solid rgb(187, 187, 187); border-radius: 5px;}
.btn.btn-small .lbl {font-size: 16px; color: rgb(34, 34, 34);}

.btn.btn-download{height:40px;color:#555;padding:0 16px;border:1px solid rgba(0, 0, 0, .24);border-radius:5px;transition:all .2s ease;}
.btn.btn-download .icn{width:16px;height:16px;background:url("/assets/p/images/common/icn_download.svg") no-repeat 50% 50%;}
.btn.btn-download .lbl + .icn{margin-left:4px;}
.btn.btn-download:hover{color:#222;border-color:rgba(0, 0, 0, .48);}

.btn.btn-txt{display:inline;height:auto;vertical-align:baseline;font-size:inherit;font-weight:bold;color:#0d8732;padding:0;transition:color .3s ease;}
.btn.btn-txt:hover{text-decoration:underline;}
.btn.btn-txt .lbl{display:inline;vertical-align:baseline;}

.btn .icn.rang{position:relative;width:16px;height:16px;}
.btn .icn.rang:before{
	display:block;position:absolute;top:50%;left:6px;width:8px;height:8px;
	border-right:1px solid rgba(0, 0, 0, .4);border-bottom:1px solid rgba(0, 0, 0, .4);
	content:"";transform:rotate(-45deg) translateY(-50%);
}

.title-bar .desc.type01 .bullet-list + .btn-org-bar{margin:16px 12px 0 12px;}

.btn-org-bar{display:flex;}
.btn-org{height:40px;margin-right:12px;border:1px solid rgba(0, 0, 0, .24);border-radius:5px;background:#fff;}
.btn-org .icn{height:16px;margin-top:2px;background:url("/assets/p/images/KISB/icns_kisb_16.svg") no-repeat;}
.btn-org .lbl{font-size:13px;color:#222;}
.btn-org .icn + .lbl{margin-left:8px;}
.btn-org.btn-org-gov24 .icn{width:16px;background-position:0 0;}
.btn-org.btn-org-nhis .icn{width:16px;background-position:-16px 0;}
.btn-org.btn-org-hometax .icn{width:16px;background-position:-32px 0;}


/* 센스리더 단축키 안내 */
.btn-key{height:auto;color:#222;margin:0 4px;padding:2px 6px;border:1px solid rgba(0, 0, 0, .24);border-radius:5px;box-shadow:0 2px 2px -2px rgba(0, 0, 0, .4);}






span.icn,
span.lbl,
span.num,
span.val,
span.sprt,
span.prefix,
span.suffix{display:inline-block;vertical-align:middle;}

a.blank:not(.btn),
a.mailto:not(.btn){color:#0d8732;}
a.blank:not(.btn):hover,
a.mailto:not(.btn):hover{text-decoration:underline;}


/* 인스턴트 마진, 보더 */
.mt0{margin-top:0 !important;}.mt1{margin-top:1px;}.mt2{margin-top:2px;}.mt3{margin-top:3px;}.mt4{margin-top:4px;}.mt5{margin-top:5px;}.mt6{margin-top:6px;}.mt7{margin-top:7px;}.mt8{margin-top:8px;}.mt9{margin-top:9px;}
.mt10{margin-top:10px !important;}.mt11{margin-top:11px;}.mt12{margin-top:12px;}.mt13{margin-top:13px;}.mt14{margin-top:14px;}.mt15{margin-top:15px;}.mt16{margin-top:16px;}.mt17{margin-top:17px;}.mt18{margin-top:18px;}.mt19{margin-top:19px;}
.mt20{margin-top:20px !important;}.mt22{margin-top:22px;}.mt24{margin-top:24px;}.mt25{margin-top:25px;}.mt26{margin-top:26px;}.mt28{margin-top:28px;}
.mt30{margin-top:30px !important;}.mt32{margin-top:32px;}.mt34{margin-top:34px;}.mt35{margin-top:35px;}.mt36{margin-top:36px;}.mt38{margin-top:38px;}
.mt40{margin-top:40px !important;}.mt42{margin-top:42px;}.mt44{margin-top:44px;}.mt45{margin-top:45px;}.mt46{margin-top:46px;}.mt48{margin-top:48px;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.mr0{margin-right:0 !important;}.mr1{margin-right:1px;}.mr2{margin-right:2px;}.mr3{margin-right:3px;}.mr4{margin-right:4px;}.mr5{margin-right:5px;}.mr6{margin-right:6px;}.mr7{margin-right:7px;}.mr8{margin-right:8px;}.mr9{margin-right:9px;}
.mr10{margin-right:10px !important;}.mr12{margin-right:12px;}.mr15{margin-right:15px;}.mr16{margin-right:16px;}
.mr20{margin-right:20px !important;}.mr25{margin-right:25px;}
.mr30{margin-right:30px !important;}.mr35{margin-right:35px;}
.mr40{margin-right:40px !important;}.mr45{margin-right:45px;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0 !important;}.mb1{margin-bottom:1px;}.mb2{margin-bottom:2px;}.mb3{margin-bottom:3px;}.mb4{margin-bottom:4px;}.mb5{margin-bottom:5px;}.mb6{margin-bottom:6px;}.mb7{margin-bottom:7px;}.mb8{margin-bottom:8px;}.mb9{margin-bottom:9px;}
.mb10{margin-bottom:10px !important;}.mb12{margin-bottom:12px;}.mb15{margin-bottom:15px;}.mb16{margin-bottom:16px;}
.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.ml0{margin-left:0 !important;}.ml1{margin-left:1px;}.ml2{margin-left:2px;}.ml3{margin-left:3px;}.ml4{margin-left:4px;}.ml5{margin-left:5px;}.ml6{margin-left:6px;}.ml7{margin-left:7px;}.ml8{margin-left:8px;}.ml9{margin-left:9px;}
.ml10{margin-left:10px !important;}.ml12{margin-left:12px;}.ml15{margin-left:15px;}.ml16{margin-left:16px;}
.ml20{margin-left:20px !important;}.ml25{margin-left:25px;}
.ml30{margin-left:30px !important;}.ml35{margin-left:35px;}
.ml40{margin-left:40px !important;}.ml45{margin-left:45px;}
.ml50{margin-left:50px !important;}

.b0{border:0 !important;}
.bt0{border-top:0 !important;}
.br0{border-right:0 !important;}
.bb0{border-bottom:0 !important;}
.bl0{border-left:0 !important;}




/**
 * Colors
 * --------------------------------------------------------------------------------
강조색상
브라운	#a90f39		rgb(169, 16, 57)
블루	#1169C7		rgb(17, 105, 199)

그레이톤
		#222222		rgb(34, 34, 34)
		#555555		rgb(85, 85, 85)
		#666666		rgb(102, 102, 102)
		#888888		rgb(34, 34, 34)
		#CCCCCC		rgb(34, 34, 34)

상태구분
오류	#FF0000		rgb(34, 34, 34)
긍정	#43A74E		rgb(34, 34, 34)

 * --------------------------------------------------------------------------------
 */


html,
body{display:block;height:100%;}

.container{min-width:1200px;}

header,
main,
footer{position:relative;}

section{position:relative;}

article{width:1200px;margin:0 auto;}

header section.site-menu{position:fixed;top:0;left:0;right:0;background:rgba(255, 255, 255, 1);transition:all .4s ease;}
header section.site-menu:after{position:absolute;bottom:0;left:0;right:0;height:1px;font-size:0;background:rgba(0, 0, 0, .08);content:"";}

.snb a{display:block;}
.snb > ul > li{display:flex;padding:60px 0;}
.snb > ul > li + li{border-top:1px solid rgba(0, 0, 0, .24);}
.snb > ul > li > h3{flex-basis:260px;font-size:28px;font-weight:bold;color:#222;}
.snb > ul > li > div.a4{flex-grow:1;flex-shrink:1;flex-basis:0;}
.snb div.a4 > ul{display:flex;flex-wrap:wrap;}
.snb div.a4 > ul > li{flex-basis:25%;}
.snb div.a4 > ul > li > a{font-size:18px;font-weight:bold;color:#222;}
.snb div.a5{margin-top:20px;}
.snb div.a5 > ul > li > a{font-size:15px;color:#555;padding:2px 0;}
.snb div.a5 > ul > li > a:hover{color:#222;text-decoration:underline;}

header .menu-bar{position:relative;}
header .menu-bar .h1,
header .menu-bar .navs{display:flex;align-items:center;position:absolute;top:0;}
header .menu-bar .h1{left:0;}
header .menu-bar .navs{right:0;}

header .menu-bar .gnb{position:relative;flex-basis:1200px;}
header .menu-bar .h1 a{display:inline-flex;justify-content:center;align-items:center;font-size:14px;}
header .menu-bar .navs .btn{width:74px;height:28px;font-size:13px;color:#414141;border:1px solid #bbb;border-radius:4px;transition:all .4s ease;}
header .menu-bar .navs .btn:hover{box-shadow:0 8px 8px -8px rgba(0, 0, 0, .24);}
header .menu-bar .navs .btn + .btn{margin-left:8px;}
header .menu-bar .navs .btn.run-site-nav{background-color:rgba(169, 16, 57, 0);}

.gnb a{display:block;position:relative;text-decoration:none;}
.gnb div.a3 > ul,
.gnb div.a4-group > ul{display:flex;justify-content:center;padding-left:80px;}
.gnb div.a3 > ul{align-items:center;height:100%;}
.gnb div.a3 > ul > li{display:flex;justify-content:center;align-items:center;width:150px;}
.gnb div.a3 > ul > li > a{display:flex;justify-content:center;align-items:center;position:relative;height:60px;font-size:18px;font-weight:normal;color:#222;padding:0 24px;transition:all .2s ease;}
.gnb div.a3 > ul > li.hover > a{font-weight:bold;color:#222;}
.gnb div.a4-group{display:block;position:relative;overflow:hidden;transition:max-height .3s ease;}

.gnb div.a4-group{max-height:0;}
.gnb:focus-within div.a4-group{max-height:400px;transition:none;}
.gnb:hover div.a4-group{max-height:400px;}

.gnb div.a4-group > ul > li{flex-grow:0;flex-shrink:1;flex-basis:150px;}
.gnb div.a4-group > ul > li > h3{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0, 0, 0, 0);}
.gnb div.a4{position:relative;padding-bottom:40px;}
.gnb div.a4 > ul > li{text-align:center;}
.gnb div.a4 > ul > li > a{display:inline-flex;text-align:center;font-size:15px;color:#555;padding:4px;}
.gnb div.a4 > ul > li > a:after{
	display:block;position:absolute;bottom:4px;left:0;width:100%;height:6px;font-size:0;background-color:rgba(235, 136, 23, .24);content:"";
	transform:scaleX(0);transition:all .3s;
}
.gnb div.a4 > ul > li > a:hover{font-weight:bold;color:#a90f39;}
.gnb div.a4 > ul > li > a:hover:after{transform:scaleX(1);}
.gnb div.a4 > ul > li > a:focus-visible{outline-offset:-2px;}
.gnb div.a5{display:none;}

/* .gnb div.a3 > ul > li > a:after,
.gnb div.a4-group > ul > li > div.a4:after{position:absolute;bottom:0;right:0;left:0;width:0%;height:1px;margin:auto;color:transparent;content:"";transition:all .6s ease;}
.gnb div.a3 > ul > li > a:after{background:rgba(0, 0, 0, .4);}
.gnb div.a4-group > ul > li > div.a4:after{background:rgba(0, 0, 0, .2);}
.gnb div.a3 > ul > li.hover > a:after,
.gnb div.a4-group > ul > li.hover > div.a4:after{width:80%;} */

.gnb div.a3 > ul > li > a:after,
.gnb div.a4-group > ul > li > div.a4:after{position:absolute;bottom:0;right:0;left:0;width:0%;margin:auto;color:transparent;content:"";transition:all .4s;}
/* .gnb div.a3 > ul > li > a:after{height:4px;background-color:rgba(119, 16, 57, 1);} */
.gnb div.a3 > ul > li > a:after{height:4px;background-color:#a90f39;}
/* .gnb div.a4-group > ul > li > div.a4:after{height:1px;background:rgba(169, 16, 57, .6);} */
.gnb div.a3 > ul > li.hover > a:after,
.gnb div.a4-group > ul > li.hover > div.a4:after{width:80%;}




.gnb div.a3,
.menu-bar .h1,
.menu-bar .navs{height:120px;}

header.gnb-expanded section,
header.scrolled section{box-shadow:0 4px 8px 0 rgba(0, 0, 0, .16);}
header.scrolled .gnb div.a3,
header.scrolled .menu-bar .h1,
header.scrolled .menu-bar .navs{height:60px;}
header.scrolled .gnb div.a4-group > ul > li{padding-top:30px;}

.gnb div.a3,
.menu-bar .h1,
.menu-bar .navs,
.gnb div.a4-group > ul > li{transition:all .4s ease;}










/* .site-nav{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background:rgba(255, 255, 255, 1);} */
.site-nav{
	position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background:rgba(255, 255, 255, 1);
	opacity:0;visibility:hidden;
	transition:visibility 0s linear 800ms, opacity 800ms;
}
html.site-nav-on .site-nav{
	opacity:1;visibility:visible;
	transition:visibility 0s linear 0s, opacity 800ms;
}
html.site-nav-on .container{overflow:hidden;height:100%;}
html.site-nav-on header .menu-bar .navs .btn.run-site-nav{color:#fff;background-color:rgba(169, 16, 57, .6);}

.sitemap{display:flex;flex-direction:column;height:100%;}
.sitemap .a2{flex-grow:0;flex-shrink:0;flex-basis:120px;}
.sitemap .a3{flex-grow:0;flex-shrink:0;flex-basis:120px;}
.sitemap .a4-group{flex-grow:1;flex-shrink:1;flex-basis:0;}
.sitemap article{position:relative;}
.sitemap a{display:inline-flex;position:relative;text-decoration:none;}

.sitemap .a2{display:none;}
.sitemap .a2{background-color:rgba(169, 16, 57, 1);}
.sitemap .a2 > article{display:flex;justify-content:center;align-items:center;position:relative;width:1200px;height:100%;margin:0 auto;}
.sitemap .a2 h2{font-size:28px;font-weight:normal;color:#fff;}

.sitemap .a3{background-color:rgba(119, 16, 57, 1);box-shadow:0 4px 8px 0 rgba(0, 0, 0, .16);}
.sitemap .a3 > article > ul{display:flex;justify-content:center;}
.sitemap .a3 > article > ul{align-items:center;}
.sitemap .a3 > article > ul > li{}
.sitemap .a3 > article > ul > li > a{display:flex;justify-content:center;align-items:center;position:relative;height:120px;font-size:18px;font-weight:normal;color:#fff;padding:16px 32px;transition:all .2s ease;}
.sitemap .a3 > article > ul > li > a:after{
	display:block;position:absolute;right:10px;bottom:0;left:10px;height:4px;
	line-height:0;font-size:0;background-color:rgba(169, 16, 57, 1);background-color:rgba(255, 255, 255, .6);content:"";
	transform:scaleX(0);transition:transform .4s;
}
.sitemap .a3 > article > ul > li.current > a:after{transform:scaleX(1);}
.sitemap .a3 .blob{
	display:none;position:absolute;bottom:0;left:0;width:0px;height:4px;
	line-height:0;font-size:0;background-color:rgba(169, 16, 57, .24);background-color:rgb(255, 255, 255);opacity:0;transition:opacity .24s;
}
.sitemap .a3:hover .blob{opacity:1;}
.sitemap .a3 .btn-sitemap-close{position:absolute;top:50%;right:0;transform:translateY(-50%);}
.sitemap .a3 .btn-sitemap-close .icn{width:50px;height:50px;background-image:url("/assets/p/images/common/icn_x_02.svg");background-repeat:no-repeat;background-position:50% 50%;}
.sitemap .a3 .btn-sitemap-close .lbl{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0, 0, 0, 0);}

.sitemap .a4-group{width:1200px;height:calc(100% - 120px - 80px);margin:0 auto;}
.sitemap .a4-group > article > ul{height:100%;overflow-y:auto;}
.sitemap .a4-group > article > ul:focus{outline:0;}
.sitemap .a4-group > article > ul:focus-visible{outline:auto;}
.sitemap .a4-group > article > ul > li{display:flex;position:relative;}
.sitemap .a4-group > article > ul > li:before{display:block;position:absolute;top:0;left:0;width:100%;height:1px;font-size:0;background-color:rgba(0, 0, 0, .08);;content:"";}
.sitemap .a4-group > article > ul > li > .h3{flex-grow:0;flex-shrink:0;flex-basis:260px;font-size:28px;font-weight:bold;padding:38px 0;}
.sitemap .a4-group > article > ul > li > .h3 h3{position:sticky;top:38px;}

.sitemap .a4{flex-grow:1;flex-shrink:1;flex-basis:0;position:relative;}
.sitemap .a4 > ul{display:flex;flex-wrap:wrap;}
.sitemap .a4 > ul > li{flex-grow:0;flex-shrink:0;flex-basis:25%;padding:40px 0;}
.sitemap .a4 > ul > li > a{font-size:18px;font-weight:bold;color:#222;}
.sitemap .a4 > ul > li > a:after{
	display:block;position:absolute;bottom:4px;left:0;width:100%;height:6px;font-size:0;background-color:rgba(169, 16, 57, .24);content:"";
	transform:scaleX(0);transition:all .3s ease;
}
.sitemap .a4 > ul > li.current > a{color:#a90f39;}
.sitemap .a4 > ul > li > a:hover{color:#a90f39;}
.sitemap .a4 > ul > li > a:hover:after{transform:scaleX(1);}

.sitemap .a5{margin-top:12px;}
.sitemap .a5 > ul > li > a{font-size:15px;color:#555;}
.sitemap .a5 > ul > li > a:hover{color:#a90f39;}
.sitemap .a5 > ul > li > a .lbl{position:relative;}
.sitemap .a5 > ul > li > a:hover .lbl:after{position:absolute;bottom:0;left:0;width:100%;height:1px;font-size:0;background-color:rgba(169, 16, 57, .6);content:"";}
.sitemap div.a3 > ul > li > a:after,
.sitemap div.a4-group > ul > li > div.a4:after{position:absolute;bottom:0;right:0;left:0;width:0%;margin:auto;color:transparent;content:"";transition:all .6s ease;}
.sitemap div.a3 > ul > li > a:after{height:4px;background:rgba(169, 16, 57, 1);}
.sitemap div.a4-group > ul > li > div.a4:after{height:1px;background:rgba(169, 16, 57, .6);}
.sitemap div.a3 > ul > li.hover > a:after,
.sitemap div.a4-group > ul > li.hover > div.a4:after{width:80%;}


.site-overlay{position:fixed;top:0;bottom:0;width:100%;height:100%;overflow:hidden;font-size:0;background:rgba(255, 255, 255, 0);transform:scaleY(0);transform-origin:0 0;}
html.gnb-clicked .site-overlay{transform:scaleY(100%);}







footer{position:fixed;width:100%;overflow:hidden; bottom:0;left:0;height:530px;}/* 20240604 height 수정 */
footer:focus-within{position:relative;bottom:auto;left:auto;margin-top:-530px;}/* 20241021 margin-top 수정*/
footer section.q1{background:rgba(56, 56, 56, 1);}
footer section.q2,
footer section.q3{background:rgba(255, 255, 255, 1);}
footer section.q1 article{display:flex;justify-content:space-between;align-items:center;height:150px;}/*20240325 height 수정*/
footer section.q1 .btn .lbl{color:#fff;}
footer .pane.ars,
footer .pane.contact{flex-grow:1;flex-shrink:0;}
footer .pane.ars{flex-basis:300px;display:flex;justify-content:center;}
footer .pane.ars .btn-ars .icn{width:48px;height:48px;background:url("/assets/p/images/common/footer_ars.svg") no-repeat 50% 50%;}
footer .pane.ars .btn-ars .icn + .lbl{margin-left:12px;}
footer .pane.ars .btn-ars .lbl{font-size:22px;}
footer .pane.ars .btn-ars-code{display:none;height:20px;padding:0 4px 0 8px;border:1px solid #fff;border-radius:4px;}
footer .pane.ars .btn-ars-code .lbl{font-size:12px;}
footer .pane.ars .btn-ars-code .icn:before{width:6px;height:6px;border-color:#fff;}
footer .pane.contact{flex-basis:900px;}
footer .pane.contact ul{display:flex;justify-content:flex-end;align-items:center;}/*20240325 align-items 추가*/
footer .pane.contact li{flex-grow:1;;flex-shrink:1;flex-basis:0;position:relative;}
footer .pane.contact li + li:before{display:block;position:absolute;top:50%;left:0;width:1px;height:32px;background:rgba(0, 0, 0, .24);content:"";transform:translateY(-50%);}
footer .pane.contact li:last-child::before{display:none;}
footer .pane.contact .contact{display:flex;flex-direction:column;width:100%;color:#fff;}
footer .pane.contact .contact.bgbox{background: #313131; border-radius: 8px; padding: 7px 0;}/*20240325 새출발기금 외 추가*/
footer .pane.contact .contact span{text-align:center;}
footer .pane.contact .contact .lbl{font-size:16px;}
footer .pane.contact .contact .val .tel,
footer .pane.contact .contact .val .etc{display:block;}
footer .pane.contact .contact .val .etc{font-size:12px;opacity:.8;}
footer .pane.contact .contact .val .etc + .tel{margin-top:4px;}
footer .pane.contact .contact .val .tel{line-height:1;font-size:24px;font-weight:bold;}
footer section.q2 article{display:flex;justify-content:space-between;align-items:flex-start;overflow:hidden;padding:28px 0 12px;}
footer .pane.info{flex-grow:1;flex-shrink:1;flex-basis:0;}
footer .pane.info .shortcut-lst ul{display:flex;flex-wrap:wrap;position:relative;margin-left:-20px;} /*20250325 하단 간격 조정 */
footer .pane.info .shortcut-lst li{position:relative;padding-left:20px;}							 /*20250325 하단 간격 조정 */
footer .pane.info .shortcut-lst li:before{position:absolute;top:50%;left:10px;width:2px;height:2px;background:rgba(0, 0, 0, .4);content:"";} /*20250325 하단 간격 조정 */
footer .pane.info .shortcut-lst .shortcut:focus,
footer .pane.info .contact-lst .contact:focus{outline-offset:-2px;}
footer .pane.info .shortcut-lst .shortcut{font-size:14px;color:#555;}
footer .pane.info .shortcut-lst .shortcut.privacy{font-weight:bold;color:#222;}
footer .pane.info .shortcut-lst .shortcut,
footer .pane.info .contact-lst .contact{display:block;padding:4px 0;}
footer .pane.info .contact-lst .contact{font-size:13px;font-weight:bold;color:#a90f39;}
footer .pane.wa{display:flex;justify-content:flex-end;flex-basis:160px;padding:0 2px 0 0;padding-top: 12px;}/*2022.10.04 수정*/
footer .pane.wa .wa{display:block;/*width:84px;*/}
footer .pane.wa .wa img{display:block;width:160px;image-rendering: -webkit-optimize-contrast;image-rendering: -moz-crisp-edges;} /* 20230919 이미지 rendering 추가 */
footer section.q3 article{display:flex;justify-content:space-between;align-items:flex-end;padding:0 0 28px;}/*2022.10.04 수정*/
footer .pane.kisb{flex-grow:1;flex-shrink:1;flex-basis:0;}
footer .pane.kisb .site-name{font-size:14px;font-weight:bold;color:#222;}
footer .pane.kisb .dls{display:flex;margin:12px 0 4px;}
footer .pane.kisb dl{display:flex;font-size:13px;color:#555;margin-right:20px;}
footer .pane.kisb dt:after{padding:0 4px;content:":";}
footer .pane.kisb .copyright{font-size:13px;color:#555;}
footer .pane.sites{display:flex;padding-right:2px;}
footer .pane.sites .select ~ .select{margin-left:12px;}
footer .pane.sites .field-group{min-height:40px;}
footer .pane.sites .field-select,
footer .pane.sites .field-select option{font-size:13px;}
footer .pane.sites .field-select{height:40px;}

footer .pane.sites .select-lst ~ .select-lst{margin-left:12px;}
footer .pane.sites .select-lst{position:relative;border: 1px solid rgba(0, 0, 0, .24);border-radius: 5px;}
footer .pane.sites .select-lst:after{
	position:absolute;top:14px;right:12px;width:16px;height:16px;line-height:16px;
	text-align:center;font-family:FontAwesome;font-size:22px;font-weight:400;font-style:normal;
	-webkit-font-smoothing:antialiased;
	content:"\f106";
	transform:rotate(180deg);
	transition:transform .3s ease;
}
footer .pane.sites .select-lst button,
footer .pane.sites .select-lst a{display:flex;align-items:center;min-width:200px;font-size:14px;color:#555;padding:0 40px 0 16px;}
footer .pane.sites .select-lst button{height:40px;}
footer .pane.sites .select-lst ul{display:none;position:absolute;bottom:42px;left:0;border: 1px solid rgba(0, 0, 0, .24);border-radius:5px;background:rgba(255, 255, 255, 1);}/* 202408웹접근성 bottom 위치 조정 */
footer .pane.sites .select-lst:hover ul{display:block;padding:8px 0;}/* 202408웹접근성 within-focus > hover */
footer .pane.sites .select-lst a{height:28px;}
footer .pane.sites .select-lst a:focus,
footer .pane.sites .select-lst a:hover{color:#000;background-color:rgba(0, 0, 0, .04);}
footer .pane.sites .select-lst a .lbl{white-space:nowrap;}

footer section.q4{border-top:1px solid rgba(0, 0, 0, .16);}
footer section.q4 article{display:flex;justify-content:space-between;align-items:center;overflow:hidden;padding:24px 0;}
footer section.q4 .pane.info{flex-grow:0;flex-basis:450px;} /*20250325 하단 간격 조정 */
footer .pane.etc .shortcut-lst ul{display:flex;flex-wrap:wrap;position:relative;}
footer .pane.etc .shortcut-lst li{position:relative;}
footer .pane.etc .shortcut-lst li + li{margin-left:12px;}
footer .pane.etc .shortcut-lst .shortcut{display:inline-flex;justify-content:space-between;align-items:center;font-size:13px;color:#666;padding:8px 16px;border:1px solid rgba(0, 0, 0, .16);border-radius:5px;}
footer .pane.etc .shortcut-lst .shortcut .lbl{min-width:120px;padding-right:20px;}
footer .pane.etc .shortcut-lst .shortcut .icn{width:12px;height:12px;background-image:url("/assets/p/images/common/icn_rang_16.svg");background-repeat:no-repeat;background-position:50% 50%;background-size:24px 24px;}
footer .pane.fine{padding-right:2px;}
footer .pane.fine a.fine{display:inline-block;vertical-align:middle;}



.stt{position:fixed;bottom:32px;left:50%;width:1200px;height:0;overflow:visible;transform:translateX(-50%);opacity:0;transition:all .6s ease;}
html.stt-on .stt{opacity:1;}
.stt .btn-stt{
	display:block;position:absolute;bottom:0;right:-100px;width:50px;height:50px;
	border-width:0;border-color:rgba(0, 0, 0, 0);border-radius:50%;background-color:rgba(255, 255, 255, 1);box-shadow:0 4px 8px 0 rgba(0, 0, 0, .4);
}
.stt .btn-stt .icn,
.stt .btn-stt .lbl{display:flex;justify-content:center;align-items:center;position:absolute;left:0;width:100%;height:100%;transition:all .4s ease;}
.stt .btn-stt .icn{top:6px;}
.stt .btn-stt .icn.q1{background-image:url("/assets/p/images/common/icn_stt_line.svg");background-repeat:no-repeat;background-position:50% 10px;}
.stt .btn-stt .icn.q2{background-image:url("/assets/p/images/common/icn_stt_arrow.svg");background-repeat:no-repeat;background-position:50% 16px;}
.stt .btn-stt .lbl{top:60px;font-size:14px;font-weight:bold;color:rgba(0, 0, 0, .8);letter-spacing:-1px;}

.stt .btn-stt:hover{border-width:0;border-color:rgba(0, 0, 0, 0);border-radius:50%;box-shadow:0 4px 8px 0 rgba(0, 0, 0, .4);}
.stt .btn-stt:hover .icn{top:60px;}
.stt .btn-stt:hover .lbl{top:0;}



main{display:block;padding-top:120px;background:#fff;box-shadow:0 4px 8px 0 rgba(0, 0, 0, .16);}
.container.has-band main{padding-top:246px;}




main section.location{background:#f9f7f6;}
main section.location article{display:flex;justify-content:flex-end;align-items:center;height:48px;}

.breadcrumbs ul{display:flex;}
.breadcrumbs li{position:relative;}
.breadcrumbs li:not(:first-of-type){padding-left:16px;}
.breadcrumbs li:not(:first-of-type):before{
	display:block;position:absolute;top:50%;left:0;width:16px;height:16px;
	margin-top:1px;background-image:url("/assets/p/images/common/icn_rang_16.svg");background-repeat:no-repeat;background-position:50% 50%;background-size:16px 16px;
	content:"";transform:translateY(-50%);}
.breadcrumbs .nod{display:block;font-size:13px;color:#888;padding:4px 8px;}
.breadcrumbs .nod.home .icn{width:16px;height:16px;background-image:url("/assets/p/images/common/icn_location_home.svg");background-repeat:no-repeat;background-position:50% 50%;}
/* .breadcrumbs .nod.home .icn{font-size:0;}
.breadcrumbs .nod.home .icn:after{line-height:normal;font-family:FontAwesome;font-size:18px;font-weight:normal;font-style:normal;-webkit-font-smoothing:antialiased;content:"\f015";} */
.breadcrumbs .nod.home .lbl{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;clip:rect(0, 0, 0, 0);}
.breadcrumbs .nod.current{font-weight:bold;color:#222;}



main section.page{min-height:calc(100vh - 120px);padding:56px 0 80px 0;}
main section.page article{display:flex;}
main section.page article .nav,
main section.page article .main{flex-grow:0;flex-shrink:0;}
main section.page article .nav{flex-basis:304px;}
main section.page article .nav nav{position:sticky;top:116px;}
main section.page article .nav .lnb{width:232px;}
main section.page article .main{flex-basis:896px;background-color:rgba(255, 255, 255, 1);}
main section.page article .main{outline: none;}/* 20230904 웹접근성 outline 숨김 */
main section.page article div:only-of-type.main{flex-basis:100%;}




.lnb a{display:flex;align-items:center;;position:relative;}
.lnb li.current > a{font-weight:bold;}
.lnb div.a3 > ul > li:not(.current){display:none;}
.lnb div.a3 > ul > li > a{height:64px;font-size:22px;font-weight:bold;color:rgba(169, 16, 57, 1);border-bottom:2px solid rgba(169, 16, 57, 1);}
.lnb div.a3 > ul > li > div.acc_focus{height:64px;font-size:22px;font-weight:bold;color:rgba(169, 16, 57, 1);border-bottom:2px solid rgba(169, 16, 57, 1);}/* 20230906 웹접근성 대응 */
.lnb div.a4 > ul > li > a,
.lnb div.a5 > ul > li > a{padding:0 16px;}
.lnb div.a4 > ul > li > a{height:52px;font-size:16px;font-weight:bold;color:#222;border-bottom:1px solid rgba(0, 0, 0, .24);}
.lnb div.a4 > ul > li.current > a{color:rgba(169, 16, 57, 1);}
.lnb div.a4 > ul > li.current > a .lbl:after{background-color: rgba(235, 136, 23, .24); width: 100%;}/* 20230904 웹접근성 선택 메뉴 밑줄 추가 */
.lnb div.a4 > ul > li > a:after{
	display:none;position:absolute;top:20px;right:12px;width:16px;height:16px;line-height:16px;text-align:center;
	font-family:FontAwesome;font-size:26px;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;content:"\f106";
	transform:rotate(180deg);transition:transform .3s ease;
}
.lnb div.a4 > ul > li.has-a5 > a:after{display:block;}
.lnb div.a4 > ul > li.expanded > a:after{transform:rotate(0deg);}
.lnb div.a5 > ul{padding:8px 0;border-bottom:1px solid rgba(0, 0, 0, .24);background:rgba(250, 250, 250, 1);}
.lnb div.a5 > ul > li > a{height:32px;font-size:14px;color:#424242;}
.lnb div.a5 > ul > li.current > a{color:#222;}
.lnb div.a4 a .lbl{position:relative;}
.lnb div.a4 a .lbl:after{display:block;position:absolute;bottom:0;left:0;width:0;height:8px;font-size:0;content:"";transition:all .3s;}
.lnb div.a5 a .lbl:after{height:1px;}
.lnb div.a4 > ul > li:hover > a .lbl:after{background-color:rgba(0, 0, 0, .12);}
.lnb div.a4 > ul > li.current:hover > a .lbl:after{background-color:rgba(235, 136, 23, .24);}
.lnb div.a5 > ul > li:hover > a .lbl:after{background-color:rgba(0, 0, 0, .8);}
.lnb div.a4 > ul > li:hover > a .lbl:after,
.lnb div.a5 > ul > li:hover > a .lbl:after{width:100%;}

/* .container.index .pane-recommend .title-bar h4 em.linear{position:relative;color:#a90f39;background:none;}
.container.index .pane-recommend .title-bar h4 em.linear:after{
	display:block;position:absolute;bottom:4px;left:0;width:100%;height:10px;font-size:0;background-color:rgba(169, 16, 57, .24);content:"";
	transform:scaleX(0);transition:all .6s ease;
}
.container.index .pane-recommend.on-stage .title-bar h4 em.linear:after{transform:scaleX(1);} */





.bullet-dash{position:relative;padding-left:12px;}
.bullet-dash:before{display:block;position:absolute;top:10px;left:0px;width:4px;height:1px;font-size:0;border-radius:50%;background:rgba(0, 0, 0, .6);content:"";}
.bullet-middot{position:relative;padding-left:12px;}
.bullet-middot:before{display:block;position:absolute;top:10px;left:2px;width:2px;height:2px;font-size:0;border-radius:50%;background:rgba(0, 0, 0, .6);content:"";}

.tbl.tbl-ty2 thead th,
.tbl.tbl-ty2 tbody th,
.tbl.tbl-ty2 tbody td{word-break:keep-all;}
.tbl.tbl-ty2 thead th{padding-top:8px;padding-bottom:8px;}

.tbl.tbl-ty3 thead th,
.tbl.tbl-ty3 tbody td p{word-break:keep-all;}
.tbl.tbl-ty3 tbody td p{line-height:1.8;}
.tbl.tbl-ty3 tbody td p.bullet-dash:before{top:12px;}
.tbl.tbl-ty3 tbody td p.bullet-middot:before{top:12px;}




.icn.indecrease{font-family:FontAwesome;font-weight:normal;font-style:normal;-webkit-font-smoothing:antialiased;}
.icn.indecrease.increase{color:red;}
.icn.indecrease.increase:before{font-size:15px;content:"\f0d8";}
.icn.indecrease.decrease{color:blue;}
.icn.indecrease.decrease:before{font-size:15px;content:"\f0d7";}



.tbl.tbl-ty4{background:none;}
.tbl.tbl-ty4 table{border-top:0;}
.tbl.tbl-ty4 table col.th{width:auto;}
.tbl.tbl-ty4 thead th,
.tbl.tbl-ty4 tbody th,
.tbl.tbl-ty4 tbody td{word-break:keep-all;}
.tbl.tbl-ty4 table tbody th,
.tbl.tbl-ty4 table tbody td{vertical-align:top;padding-top:4px;padding-bottom:4px;}
.tbl.tbl-ty4 table tbody th{white-space:nowrap;padding-right:20px;}
.tbl.tbl-ty4 table tbody th label,
.tbl.tbl-ty4 table tbody td p{line-height:1.8;}
.tbl.tbl-ty4 table tbody th label{display:inline-block;vertical-align:middle;}


.headnote{font-size:14px;}
.headnote.h4-headnote + .h4-content{margin-top:16px;}
.headnote.tbl-headnote + .tbl,
.headnote.tbl-headnote + .gridview-custom{margin-top:16px;}
.headnote.tdl-headnote + .tdl{margin-top:16px;}
.headnote.gridview-headnote + .gridview-custom{margin-top:16px;}


.footnote{font-size:14px;}
.footnote.tab-footnote{margin-top:16px;}
.footnote.h4-footnote{margin-top:40px;}
.footnote.tbl-footnote{margin-top:16px;}
.footnote.tdl-footnote{margin-top:16px;}
.footnote.form-footnote{margin-top:16px;}
.footnote.field-footnote{margin-top:8px;}
.footnote.lst-footnote{margin-top:8px;}
.footnote.res-footnote{margin-top:40px;}
.footnote.term-footnote{margin-top:40px;}
.trc.footnote > .t > .r > .c{padding:2px 0;}
.trc.footnote > .t > .r > .c.th{width:1%;white-space:nowrap;padding-right:4px;}
.footnote .contact{font-size:14px;}
.footnote .contact p + p{margin-top:4px;}

.list-box{padding:24px 28px;border-radius:10px;}
.list-box.filled{background-color:rgb(245, 246, 249);}
.list-box h6 + ul{margin-top:8px;}














/* title-bar */
.main .title-bar{position:relative;}

.main .title-bar.f{justify-content:space-between;align-items:center;}
.main .title-bar h3{font-size:32px;font-weight:bold;}
.main .title-bar h4 ~ .field{}
.main .title-bar h4 ~ .field .field-label.inline + .field-group.inline{margin-left:12px;}
.main .title-bar h4 ~ .field .field-label,
.main .title-bar h4 ~ .field .field-select{font-size:13px;}
.main .title-bar h4 ~ .field .field-label{font-weight:normal;}
.main .title-bar h4 ~ .field .field-group,
.main .title-bar h4 ~ .field .field-select{height:40px;}
.main .title-bar h4 ~ .field .field-group{min-height:40px;}
.main .title-bar h4 ~ .field .field-select{background-position:calc(100% - 12px) 50%;}
.main .title-bar.f .rt{font-size:14px;color:#555;}
.main .title-bar.f .btn-bar{display:flex;gap:8px;}

.main .title-bar h3 + .desc,
.main .title-bar .h3 + .desc{margin-top:16px;}
.main .title-bar h3 + .desc.type01,
.main .title-bar .h3 + .desc.type01{margin-top:28px;}

.main .title-bar .h3{display:flex;justify-content:space-between;align-items:center;}

.main .title-bar h4 + .desc{margin-top:20px;}
.main .title-bar .desc{font-size:16px;color:#555;}
.main .title-bar .desc.filled{padding:20px 24px;border-radius:10px;background:rgba(0, 0, 0, .08);}
.main .title-bar .desc.f{align-items:center;}
.main .title-bar .desc.f .icn.icn-caution{width:64px;height:64px;margin-right:20px;background-image:url("/assets/p/images/common/icn_caution_01.svg");background-repeat:no-repeat;}
.main .title-bar .desc + .desc{margin-top:16px;}
.main .title-bar .desc h5,
.main .title-bar .desc h6,
.main .title-bar .desc p{word-break:keep-all;}
.main .title-bar .desc h5{margin:8px 0;}
.main .title-bar .desc h6{margin:4px 0;}

.main .h4-content > .title-bar{margin-top:40px;}
.main .h5-content > .title-bar{margin-top:28px;}
.main .h6-content > .title-bar{margin-top:20px;}

.main .h4-content ~ .title-bar{margin-top:40px;}
.main .h5-content ~ .title-bar{margin-top:28px;}

.main .h6-content ~ .title-bar{margin-top:20px;}

.main .title-bar ~ .title-bar,
.main .h4-generator > .title-bar{margin-top:48px;}
.main .title-bar ~ .content-area{margin-top:40px;}
.main .title-bar ~ .h4-content{margin-top:24px;}
.main .title-bar ~ .h5-content{margin-top:20px;}
.main .title-bar ~ .h6-content{margin-top:16px;}

.main .h4-content + .h4-content{margin-top:60px;}

.main .btn-bar.primary ~ .title-bar{margin-top:60px;}
.main .btn-bar.primary ~ .h4-content{margin-top:60px;}
.main .btn-bar.primary ~ .title-bar + .h4-content{margin-top:24px;}



.spot-info{display:inline-flex;align-items:center;padding:8px 16px;border-radius:5px;background-color:rgb(0, 0, 0, .04);}
.spot-info .icn.phone{width:24px;height:24px;background-image:url("/assets/p/images/common/icn_phone.svg");background-repeat:no-repeat;background-position:50% 50%;}
.spot-info .icn + .lbl{margin-left:4px;}
.spot-info .lbl{font-size:16px;font-weight:bold;color:#222;}


.desc.type02 {margin-top: 30px!important; padding-bottom: 20px;}
.desc-flex {display: flex; align-items: flex-end;}
.desc-left p {font-weight: bold; font-size: 18px; color: rgb(34, 34, 34);}
.desc-left p + p {font-weight: normal; margin-top: 13px; font-size: 14px; color: rgb(85, 85, 85);}
.desc-right {margin-left: auto;}

.desc.type01{display:flex;align-items:center;padding:24px 28px;border-radius:10px;background-color:rgb(245, 246, 249);background-color:#f2f2f2;}
.desc.type01 .ca{flex-shrink:0;padding:0 32px 0 12px;}
main section.page article div:only-of-type.main .desc.type01 .ca{padding:0 40px;}
main section.page article div:only-of-type.main .desc.type01 .ca .icn-kisb{width:120px;height:120px;background-size:1200px 1200px;}
main section.page article div:only-of-type.main .desc.type01 .ca .icn-kisb.icn-lock{background-position:-720px 0;}

.desc.type01 .ca .icn-kisb{width:80px;height:80px;background-image:url("/assets/p/images/KISB/icns_kisb_80.svg");background-repeat:no-repeat;}
.desc.type01 .ca .icn-kisb.icn-mobile-consultant{background-position:-640px 0;}
.desc.type01 .ca .icn-kisb.icn-house{background-position:0 0;}
.desc.type01 .ca .icn-kisb.icn-folder{background-position:-160px 0;}
.desc.type01 .ca .icn-kisb.icn-lock{background-position:-480px 0;}
.desc.type01 .ca .icn-kisb.icn-chart{background-position:-240px -160px;}
.desc.type01 .ca .icn-kisb.icn-note{background-position:-240px 0;}
.desc.type01 .ca .icn-kisb.icn-rule{background-position:-400px 0;}
.desc.type01 .ca .icn-kisb.icn-term{background-position:-320px 0;}
.desc.type01 .ca .icn-kisb.icn-money-check{background-position:-80px 0;}
.desc.type01 .ca .icn-kisb.icn-hand-won{background-position:-560px 0;}
.desc.type01 .ca .icn-kisb.icn-accessibility{background-position:-320px -400px;}

.ui-icn-sample{display:flex;justify-content:center;padding:20px 0 20px 20px;border-radius:10px;background:rgba(0, 0, 0, .08);}
.ui-icn-sample .dls{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:20px;}
.ui-icn-sample dl{display:flex;align-items:center;flex-grow:0;flex-shrink:1;flex-basis:calc(25% - 20px);border-radius:8px;background:rgba(255, 255, 255, 1);}
.ui-icn-sample dt{flex-grow:0;flex-shrink:0;padding:0 0 0 4px;}
.ui-icn-sample dd{flex-grow:1;padding:0 12px;}
.ui-icn-sample .icn{width:80px;height:80px;}
.ui-icn-sample .lbl{font-size:18px;font-weight:bold;}










/* tab */
.content-area > .tab-grp > .tabs ~ .tabs{margin-top:60px;}
.content-area > .links-group ~ .tab-grp{margin-top:60px;}
.tab-grp {overflow: initial;}
.tab-btns {display: flex; border-radius:10px; border:1px solid #dcdcdc;background:#f9f9f9;}
.tab-btns .tab-btn {flex-grow:1;flex-shrink:1;flex-basis:0; position: relative; text-align: center; font-size:16px;}
.tab-btns .tab-btn:not(:last-child):not(.current):after {display: inline-block; position: absolute; top:calc(50% - 12px); right:0; width:1px; height:24px; background:#dcdcdc; content:'';}
.tab-btns .tab-btn:hover {color: #666;}
.tab-btns .tab-btn .lbl {display: flex; align-items: center; justify-content: center; height: 56px; transition:color .3s;}
.tab-btns .tab-btn.current {position: relative;}
.tab-btns .tab-btn.current .lbl {position: absolute;top:-1px; left:-1px; width:calc(100% + 1px); height:58px; color:#fff; border-radius:10px; background-color: rgba(169, 16, 57, 1);}
.tab-btns .tab-btn.current .lbl {margin: 3px; width: calc(100% + -3px); height: 52px;}/* 20230905 웹접근성이슈 focus 가려지는 현상 수정 */

/* table */
.tbl {margin-top: 17px;padding-top:1px;font-size:14px;text-align: left;background: #fff;}
.tbl table col.th{width:200px;}
.tbl td {font-size:14px;}
.tbl-fixed table {table-layout: fixed; word-break: break-all;}
.tbl table {width: 100%; border-top: 1px solid #555;}
.tbl.tac {text-align: center !important;}
.tbl.tac th, .tbl.tac td {padding-left: 5px; padding-right: 5px;}
.tbl .tbl-foot th,.tbl .tbl-foot td {background: #f6f6f6;}
.tbl-ty1 {border-bottom: 1px solid #bbb;font-size:16px;}
.tbl-ty1 th, .tbl-ty1 td {height:58px;}
.tbl-ty1 td {padding:10px 10px 10px 26px;}

.tbl-ty2 {}
.tbl-ty2 th,
.tbl-ty2 td{height:48px;padding-top:12px;padding-bottom:12px;}
.tbl-ty2 th:not(:first-child), .tbl-ty2 td:not(:first-child){border-left:1px solid #bbb;}
.tbl-ty2 th:not(:last-child), .tbl-ty2 td:not(:last-child){border-right:1px solid #bbb;}

.tbl-ty2 th[rowspan]:not(:first-child){border-left:1px solid #bbb;}

.tbl-ty2 thead th {background: #f6f6f6;}
.tbl-ty2 tbody th {width: 204px;}
.tbl-ty2 th, .tbl-ty2 td {border-bottom: 1px solid #bbb;}

.tbl-ty3 {}
.tbl-ty3 th, .tbl-ty3 td {height:48px;padding:10px 26px 10px;border-bottom: 1px solid #bbb;}
.tbl-ty3 th.tac, .tbl-ty3 td.tac {padding-left:10px; padding-right: 10px;}
.tbl-ty3 tbody th {width: 204px;}
.tbl-ty3 th { background: #f6f6f6;}
.tbl.arscode th {width: auto; background: #f6f6f6;}

.tbl.bl1 th:not(:first-child),
.tbl.bl1 td:not(:first-child){border-left: 1px solid #bbb;}
.tbl.bl1 th:not(:last-child),
.tbl.bl1 td:not(:last-child){border-right:1px solid #bbb;}
.tbl.bl1 th.tal,
.tbl.bl1 td.tal{padding-left:12px;padding-right:12px;}


/* 경영공시자료 */
.tbl.tbl-stat th,
.tbl.tbl-stat td{padding-left:12px;padding-right:12px;}
.tbl.tbl-stat th:not(:first-child),
.tbl.tbl-stat td:not(:first-child){border-left: 1px solid #bbb;}
.tbl.tbl-stat th:not(:last-child),
.tbl.tbl-stat td:not(:last-child){border-right:1px solid #bbb;}
.tbl.tbl-stat thead th,
.tbl.tbl-stat tbody th,
.tbl.tbl-stat tfoot th{text-align:center;}
.tbl.tbl-stat tbody td,
.tbl.tbl-stat tfoot td{text-align:right;}
.tbl.tbl-stat tfoot td,
.tbl.tbl-stat .tfoot td{background:#f6f6f6;}



.text-dep {padding-left:20px;}
.icon-up {font-size:0; width:5px; height:5px;vertical-align: 7px;margin-right: 4px;border-width: 0 4px 6px 4px;border-style: solid;border-color: transparent transparent red transparent;}
.icon-down {font-size:0; width:5px; height:5px;vertical-align: 1px;margin-right: 4px;border-width: 6px 4px 0 4px;border-style: solid;border-color: blue transparent transparent transparent;}

/* tip */
.tip-lst{}
.tip{display:block; position: relative; font-size: 14px; color: #888; padding-left:20px;}
.tip:not(:first-child) {margin-top: 9px;}
.tip .bullet {position: absolute;top:0;left:0;}
.tip .bullet:before {content:'※'}
p.tip{word-break:keep-all;}

.bl-billiard{position:relative;padding-left:1.4em;}
.bl-billiard:before{position:absolute;top:0;left:0;content:"※";}


/* dotlist : ty-line , ty-bg */
.content-area>.dot-list {margin-top: 21px;}
.dot-list .dot-list {padding: 0;}
.tdl .dot-list {margin:5px 0; padding:0}
.tdl .dot-list li:not(:first-child) {margin-top: 10px;}
.dot-list.ty-line {border: 1px solid #eee; background: rgba(255,255,255,1);}
.dot-list.ty-bg {border-radius:16px; padding:26px 24px; background: #fafafa;}
.dot-list li {position: relative; color:#424242; padding-left: 18px;}
.dot-list li:not(:first-child) {margin-top: 20px;}
.dot-list .dot-list li:not(:first-child) {margin-top: 5px;}
.dot-list li:not(.clear-dot):before{display:block;position:absolute;top:12px;left:2px;width:2px;height:2px;border-radius:50%;background:rgba(0, 0, 0, .6);content:"";}
.dot-list dl {display: flex;}
.dot-list dt {flex-basis:157px;min-width:157px; font-weight: bold;}
.dot-list .tip-lst {border-top: 1px solid #eee; margin-top:30px; padding-top:30px; }
.dot-list-2dep {margin: 0 0 12px 7px;}
.dot-list .dot-list {margin-top: 0;}
.tbl .dot-list li {padding-left: 10px;}
.tbl .dot-list li:not(:first-child) {margin-top: 5px;}

.graybox { color:#555; border-radius:10px; padding:20px; background: #f5f6f9;}






.tdl{display:flex;flex-wrap:wrap;border-top:1px solid rgba(0, 0, 0, .64);border-bottom:1px solid rgba(0, 0, 0, .24);}
.tdl dl{display:flex;flex-grow:1;flex-shrink:1;flex-basis:50%;}
.tdl dl.col-1{flex-grow:1;flex-basis:100%;}
.tdl dl.col-3{flex-basis:calc(100% / 3);}
.tdl dl.col-4{flex-basis:calc(100% / 4);}
.tdl dl dt,
.tdl dl dd{display:flex;flex-direction:column;justify-content:center;width:calc(100% - 200px);min-height:48px;padding:10px 16px;}
.tdl dl dt{flex-grow:0;flex-shrink:0;flex-basis:200px;font-weight:bold;}
	.ie .tdl dl dt{flex-basis:auto;width:200px;}
.tdl dl.dt-240 dt{flex-basis:240px;}
.tdl dl dd{flex-grow:1;flex-shrink:1;flex-basis:0;}

.tdl.tdl-form{padding:6px 0;}
.tdl.tdl-form dl{flex-basis:100%;}
.tdl.tdl-form dl dt,
.tdl.tdl-form dl dd{font-size:16px;padding:6px 0;}
.tdl.tdl-form dl dt{justify-content:flex-start;padding-top:18px;}

.tdl.tdl-form.tdl-search{padding:14px 20px;border:0;border-radius:10px;background:rgba(0, 0, 0, .04);}
.tdl.tdl-form.tdl-search dl{flex-basis:auto;justify-content:center;}
.tdl.tdl-form.tdl-search dt,
.tdl.tdl-form.tdl-search dd{flex-grow:0;flex-shrink:0;flex-basis:auto;display:inline-flex;width:auto;}
.tdl.tdl-form.tdl-search dt{justify-content:center;padding-top:6px;padding-right:40px;}
.tdl.tdl-form.tdl-search dd{flex-direction:row;justify-content:flex-start;}


.question-select .field ~ .tdl-form{margin-top:28px;border:0;}
.question-select .field ~ .tdl-form dd{padding:0;}


.tdl.tdl-data{border-bottom:0;}
.tdl.tdl-data dl{border-bottom:1px solid rgba(0, 0, 0, .24);}
.tdl.tdl-data dl dt{background:#f6f6f6;font-size:14px;}
.tdl.tdl-data dl dd{font-size:14px;}
.tdl.tdl-data dl dd li,
.tdl.tdl-data dl dd p{line-height:1.8;word-break:keep-all;}
.tdl.tdl-data dl dd .bl-d-round > li:before{top:0.55em;}
.tdl.tdl-data dl dd .bl-d-round > li + li{margin-top:0;}
.tdl.tdl-data dl dd .value .prefix + .val{margin-left:4px;}



.ui-field{display:flex;align-items:center;}
.ui-field .field-get{}
.ui-field .field-set{}




























.modal-container{display:none;}
.modal-container .main{max-height:calc(100vh - 240px);overflow-y:auto;}
/* .modal-container .main .nano-content[tabindex="0"]{border-top:1px solid rgba(0, 0, 0, .08);border-bottom:1px solid rgba(0, 0, 0, .08);} */
.modal-container .btn-bar.primary{margin-top:40px;}

/* 20201206 개인정보 팝업 추가 */
.modal-container-two{display:none;}
.modal-container-two .main{max-height:calc(100vh - 240px);overflow-y:auto;}
.modal-container-two .btn-bar.primary{margin-top:40px;}
.ui-dialog .ui-dialog-content .modal-container-two{display:block;}
.ui-dialog:not(.has-no-titlebar) .modal-container-two .main{margin-top:40px;}
.modal-preview .modal-container-two{display:block;transform:scale(.5)}
/* 20201206 개인정보 팝업 추가 */

/* jQueryUI Overrides */
.ui-widget{font-family:"Noto Sans KR", "맑은 고딕", "돋움", Dotum, sans-serif;}
.ui-dialog.ui-widget.ui-widget-content{position:absolute;overflow:hidden;padding:36px 40px 40px 40px;border:0;/*left: 50% !important;top: 50% !important;transform: translate(-50%, -50%);*//*20221206 주석처리*/}
.ui-dialog.ui-corner-all{border-radius:20px;}
.ui-dialog .ui-dialog-titlebar{padding:0;border:0;border-radius:0;background:0;}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title{float:none;font-size:28px;font-weight:bold;color:#222;margin:0;}
.ui-dialog .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close{display:inline-block;position:absolute;top:50%;right:0;width:32px;height:32px;overflow:hidden;vertical-align:middle;text-indent:-32px;margin:0;padding:0;border:0;border-radius:0;background:none;transform:translateY(-50%);}
.ui-dialog .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close .ui-icon{display:block;position:relative;top:0;left:0;width:100%;height:100%;margin:0;background:url("/assets/p/images/common/icn_x_01.svg") no-repeat 50% 50%;}
.ui-dialog .ui-dialog-content{padding:0;}
.ui-dialog .ui-dialog-content .modal-container{display:block;}
.ui-dialog.has-no-titlebar .ui-dialog-titlebar{display:none;}
.ui-dialog:not(.has-no-titlebar) .modal-container .main{margin-top:40px;}
.ui-widget-overlay{background:rgba(0, 0, 0, .6);opacity:1;}



.ui-dialog-alert .ui-dialog-title{display:none;}
.ui-dialog-alert .ui-dialog-content{min-height:0;padding:0;}
.ui-dialog-alert .ui-dialog-content .alert-msg{text-align:center;padding:20px 0;}
.ui-dialog-alert .ui-dialog-content .btn-bar{display:flex;justify-content:center;align-items:center;position:relative;margin-top:20px;padding:0;}
.ui-dialog-alert .ui-dialog-content .btn-bar .ui-button{
	position:relative;top:auto;right:auto;width:auto;text-indent:0;margin:0;
	height:44px;font-size:16px;font-weight:bold;padding:0 40px;border:0;border-radius:8px;
}
.ui-dialog-alert .ui-dialog-content .btn-bar .ui-dialog-titlebar-close{color:#fff;background-color:rgba(169, 16, 57, 1);}

.ui-dialog-confirm .ui-dialog-title{display:none;}
.ui-dialog-confirm .ui-dialog-content{min-height:0;padding:0;}
.ui-dialog-confirm .ui-dialog-content .confirm-msg{text-align:center;padding:20px 0;}
.ui-dialog-confirm .ui-dialog-content .btn-bar{display:flex;justify-content:center;align-items:center;position:relative;margin-top:20px;padding:0;}
.ui-dialog-confirm .ui-dialog-content .btn-bar .ui-dialog-confirm-button{
	position:relative;top:auto;right:auto;width:auto;text-indent:0;margin:0 4px;
	height:44px;font-size:16px;font-weight:bold;padding:0 40px;border-radius:8px;
}
.ui-dialog-confirm .ui-dialog-content .btn-bar .ui-dialog-confirm-cancel{color:rgba(169, 16, 57, 1);border:1px solid rgba(169, 16, 57, 1);background-color:transparent;}
.ui-dialog-confirm .ui-dialog-content .btn-bar .ui-dialog-confirm-confirm{color:#fff;border:0;background-color:rgba(169, 16, 57, 1);}


.ui-dialog-loading{background:none;}
.ui-dialog-loading .ui-dialog-title{display:none;}
.ui-dialog-loading .ui-dialog-titlebar{display:none;}
.ui-dialog-loading .ui-dialog-content{overflow:hidden;}
.ui-dialog-loading ~ .ui-widget-overlay{background:rgba(255, 255, 255, .6);opacity:1;}

.ui-loading .md{display:flex;justify-content:center;}
.ui-loading .md .loading-item{
	width:60px;height:60px;border-radius:30px;
	animation-name:loading-item;
	animation-duration:.875s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-fill-mode:both;
	animation-timing-function:cubic-bezier(0.75, 0, 0.25, 1);
}
.ui-loading .md .loading-item:nth-child(1){margin-right:-12px;background-color:rgb(169, 16, 57);}
.ui-loading .md .loading-item:nth-child(2){margin-left: -12px; background-color: rgb(196, 133, 69); animation-delay: .875s; opacity: 0;}

.ui-loading .md + .mt{margin-top:12px;}
.ui-loading .mt{text-align:center;letter-spacing:-0.05em;}

@keyframes loading-item {
	0%  {transform:scale(0);opacity:0;}
	100%{transform:scale(1);opacity:1;}
}

.ui-dialog-timeout .ui-dialog-titlebar{display:none;}
.ui-dialog-timeout .ui-dialog-content .modal-container .main{margin-top:0;}
.ui-dialog-timeout .ui-dialog-content .ui-res .desc p{text-align:center;}



/* Swiper */
.ui-carousel.has-only-slide .swiper-control{display:none;}
.ui-carousel.has-only-slide .btn-bar.mt15{margin-top: 15px !important;}/* 20231017 약관동의 팝업 약관동의 버튼 추가 */


/* Loading */
#___processbar2.w2modal{background-color:rgba(255, 255, 255, .6) !important;opacity:1;transition:all .4s;}
#___processbar2.w2modal.block{opacity:1;}




/* WEBSQUARE OVERRIDES */

/* BBS */
.bbs-search{margin:24px 0;padding:20px;border-radius:10px;background:rgba(0, 0, 0, .04);}
.bbs-search .field{display:flex;justify-content:center;align-items:center;}
.bbs-search .field-group{align-items:center;background:#fff;}
.bbs-search .btn-search{opacity:.8;transition:all .4s;}/* 202408웹접근성 명도대비 수정 */
.bbs-search .field-input:focus-within + .btn-search{opacity:1;}
.bbs-search .btn-search .icn{width:24px;height:24px;background:url("/assets/p/images/common/icn_search_01.svg") no-repeat 50% 50%;}
.bbs-search .btn-search .lbl{position:absolute;bottom:0;right:0;width:1px;height:1px;overflow:hidden;font-size:1px;clip:rect(1px, 1px, 1px, 1px);}

.bbs-filter{margin:16px 0 8px;}
.bbs-filter ul{display:flex;align-items:center;margin-left:-10px;}
.bbs-filter li{flex-grow:0;flex-shrink:0;flex-basis:auto;position:relative;}
.bbs-filter li + li:before{display:block;position:absolute;top:50%;left:0;width:1px;height:12px;font-size:0;background:rgba(0, 0, 0, .08);content:"";transform:translateY(-50%);}
.bbs-filter .btn-filter{font-size:16px;color:#555;padding:12px;}
.bbs-filter .current .btn-filter{font-weight:bold;color:#a90f39;}

.bbs-search ~ .bbs-list{margin-top:40px;}
.bbs-filter ~ .bbs-list{margin-top:16px;}

/*
.bbs-list table{width:100%;font-size:14px;color:#222;border-top:2px solid rgba(0, 0, 0, .32);}
.bbs-list table th,
.bbs-list table td{height:48px;vertical-align:middle;border-bottom:1px solid rgba(0, 0, 0, .16);}
.bbs-list table thead th{text-align:center;font-weight:bold;}
.bbs-list table tbody tr.pinned td,
.bbs-list table tbody tr.pinned .sbj{color:#a90f39;}
.bbs-list table tbody td{text-align:center;}
.bbs-list table tbody tr:hover td{background:rgba(0, 0, 0, .04);}
.bbs-list .sbj{display:block;text-align:left;color:#555;padding:12px 0;}
.bbs-list .sbj:hover{color:#000;text-decoration:underline;}
*/

.bbs-read .bbs-read-title,
.bbs-read .bbs-read-content,
.bbs-read .bbs-read-navigation .prev,
.bbs-read .bbs-read-navigation .next{border-bottom:1px solid rgba(0, 0, 0, .16);}
.bbs-read .bbs-read-title{display:flex;justify-content:space-between;border-top:2px solid rgba(0, 0, 0, .32);}
.bbs-read .bbs-read-title h5{font-size:18px;font-weight:bold;color:#222;padding:20px 12px;}
.bbs-read .bbs-read-title .info{flex-shrink:0;display:flex;align-items:center;font-size:14px;color:#888;}
.bbs-read .bbs-read-title .info > span{flex-grow:0;flex-shrink:0;flex-basis:auto;position:relative;padding:0 12px;}
.bbs-read .bbs-read-title .info > span + span:before{display:block;position:absolute;top:50%;left:0;width:1px;height:12px;font-size:0;background:rgba(0, 0, 0, .08);content:"";transform:translateY(-50%);}
.bbs-read .bbs-read-content{padding:20px 12px;}
.bbs-read .attached-file{padding:12px 16px;border-radius:5px;background:rgba(0, 0, 0, .04);}
.bbs-read .attached-file .btn-attached-file{height:auto;font-size:14px;color:#666;padding:0;}
.bbs-read .attached-file .btn-attached-file .icn{width:16px;height:16px;background-image:url("/assets/p/images/common/icn_attachment.svg");background-repeat:no-repeat;background-position:50% 50%;}
.bbs-read .attached-file .btn-attached-file .icn + .lbl{margin-left:8px;}
.bbs-read .attached-file .btn-attached-file .lbl{border-bottom:1px solid rgba(0, 0, 0, 0);transition:all .3s ease;}
.bbs-read .attached-file .btn-attached-file:hover .lbl{color:#222;border-color:rgba(0, 0, 0, .24);}
.bbs-read .bbs-article{line-height:1.8;font-size:14px;padding:20px 0;}
.bbs-read .bbs-article img{max-width:100% !important;height:auto !important;}
.bbs-read .bbs-article table{float:none !important;}
.bbs-read .bbs-read-navigation .btn-bbs-nav{display:flex;justify-content:flex-start;align-items:center;height:auto;padding:2px 12px;}
.bbs-read .bbs-read-navigation .btn-bbs-nav .lbl,
.bbs-read .bbs-read-navigation .btn-bbs-nav .sbj{font-size:14px;color:#222;padding:12px;}

.bbs-read .bbs-read-navigation .btn-bbs-nav .icn{display:inline-flex;justify-content:center;align-items:center;width:16px;height:16px;}
.bbs-read .bbs-read-navigation .btn-bbs-nav .icn:before{font-family:FontAwesome;font-size:12px;font-weight:normal;font-style:normal;-webkit-font-smoothing:antialiased;}
.bbs-read .bbs-read-navigation .btn-bbs-nav.next .icn:before{content:"\f077";}
.bbs-read .bbs-read-navigation .btn-bbs-nav.prev .icn:before{content:"\f078";}




.bbs-read .bbs-read-navigation .btn .lbl{font-weight:bold;padding:12px;}
.bbs-read .bbs-read-navigation .btn .sbj .lbl{font-weight:normal;padding:0;}
.bbs-read .bbs-read-navigation .btn .sbj:hover .lbl{color:#000;text-decoration:underline;}

/* accordion */
.ui-accordion .accordion-get{cursor:pointer;}
.ui-accordion .accordion .accordion-get .icn{width:24px;height:24px;background:url("/assets/p/images/common/icn_dang_16.svg") no-repeat 50% 50%;background-size:20px 20px;transition:all .4s ease;}
.ui-accordion .accordion.accordion-expanded .accordion-get .icn{transform:rotate(-180deg);}


/* FAQ */
.faq-list{border-top:2px solid rgba(0, 0, 0, .32);}
.faq-list .faq{border-bottom:1px solid rgba(0, 0, 0, .16);}
.faq-list .faq .faq-title{display:flex;justify-content:flex-start;padding:20px 12px;}
.faq-list .faq .faq-title .num{font-size:18px;font-weight:bold;color:#a90f39;padding:0 16px 0 0;}
.faq-list .faq .faq-title .sbj{flex-grow:1;font-size:18px;color:#222;}
.faq-list .faq .faq-content{padding-bottom:20px;border-radius:5px;}
.faq-list .faq .faq-content .faq-article{padding:20px;border-radius:5px;background:rgba(0, 0, 0, .04);}
.faq-list .faq .faq-content .faq-article p{line-height:1.8;font-size:16px;color:#555;word-break:keep-all;}





/* pagination */
.pagination{display:flex;justify-content:center;align-items:center;margin:28px 0;}
.pagination a{cursor:pointer;}
.pagination .direction,
.pagination .fraction{display:flex;justify-content:center;align-items:center;gap:8px;}
.pagination .fraction{padding:0 8px;}
.pagination .d{display:inline-flex;justify-content:center;align-items:center;position:relative;width:36px;height:36px;}
.pagination .direction .d{background:url("/assets/p/images/common/icns_pagination.svg") no-repeat;opacity:.6;}
.pagination .direction .d:hover{opacity:1;}
.pagination .direction .d.disabled{cursor:default;pointer-events:none;opacity:.2;}
.pagination .direction .first{background-position:0 0;}
	.pagination .direction .prev{background-position:-36px 0;}
	.pagination .direction .next{background-position:-72px 0;}
	.pagination .direction .last{background-position:-108px 0;}
.pagination .fraction .d{color:#555;border:2px solid rgba(0, 0, 0, 0);border-radius:5px;transition:all .1s ease;}
.pagination .fraction .d:hover{color:#000;border-color:rgba(0, 0, 0, .08);}
.pagination .fraction .d.current{font-weight:bold;color:#0d8732;cursor:default;border-color:rgba(53, 142, 237, 1);pointer-events:none;}




/* 금융소비자보호헌장 */
.term-customer-right{position:relative;width:817px;padding:160px 140px 80px;}
.term-customer-right .bg{position:absolute;}
.term-customer-right .bg.q1,
.term-customer-right .bg.q2,
.term-customer-right .bg.q3{left:0;width:100%;}
.term-customer-right .bg.q1{top:0;height:250px;background:url("/assets/p/images/HLP/frame_01_01.svg") no-repeat 0 0;}
.term-customer-right .bg.q2{top:250px;bottom:34px;background:url("/assets/p/images/HLP/frame_01_02.svg") repeat-y 0 0;}
.term-customer-right .bg.q3{bottom:0;height:34px;background:url("/assets/p/images/HLP/frame_01_03.svg") no-repeat 0 0;}
.term-customer-right .bg.q4{top:80px;left:50%;width:162px;height:44px;background:url("/assets/p/images/HLP/frame_01_04.svg") no-repeat 0 0;transform:translateX(-50%);}
.term-customer-right .content{position:relative;text-align:center;}
.term-customer-right .cr-title,
.term-customer-right .cr-desc,
.term-customer-right .cr-term,
.term-customer-right .cr-sign,
.term-customer-right .cr-logo{text-align:center;margin:0 auto;}
.term-customer-right .cr-title h5{font-size:32px;font-weight:normal;}
.term-customer-right .cr-desc{margin-top:20px;}
.term-customer-right .cr-desc p{font-size:16px;word-break:keep-all;}
.term-customer-right .cr-term{display:flex;justify-content:center;font-size:18px;margin:40px 0 20px;padding:4px 0;border-top:1px solid rgba(0, 0, 0, .24);border-bottom:1px solid rgba(0, 0, 0, .24);}
.term-customer-right .cr-term ul{flex-grow:1;padding:20px;border-top:1px dotted rgba(0, 0, 0, .24);border-bottom:1px dotted rgba(0, 0, 0, .24);}
.term-customer-right .cr-term li{display:flex;justify-content:flex-start;align-items:flex-start;text-align:left;padding:4px 0;}
.term-customer-right .cr-term .num{flex-grow:0;flex-basis:80px;font-weight:bold;}
.term-customer-right .cr-term .lbl{flex-grow:1;flex-basis:400px;}
.term-customer-right .cr-sign{margin-top:28px;}
.term-customer-right .cr-sign .date{font-size:18px;font-weight:bold;}
.term-customer-right .cr-sign .by{font-size:16px;margin-top:8px;}
.term-customer-right .cr-logo{margin-top:70px;}


figure{display:block;position:relative;text-align:center;}
figure img{vertical-align:middle;}
figure figcaption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0, 0, 0, 0);}


/* 금융소비자보호체계 */
.customer-protection .tab-grp .tab-cnts{margin-top:60px;}
.customer-protection figure + .proc-dl-list{margin-top:40px;}
.customer-protection .proc-dl-list{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.customer-protection .proc-dl-list dl{flex-basis:33%;}
.customer-protection .proc-dl-list dt{font-size:18px;font-weight:bold;color:#222;padding:20px 20px 12px 20px;}
.customer-protection .proc-dl-list dd{padding:0 20px 20px 24px;}
.customer-protection .proc-dl-list dd .dot-list li{margin:4px 0;padding-left:10px;}
.customer-protection .proc-dl-list dd .dot-list li:not(:first-child){margin-top:0;}
.customer-protection .title-bar h4{margin-top:0;}
.customer-protection .title-bar h5{font-size:20px;font-weight:bold;color:#222;margin-top:28px;}
.customer-protection .title-bar + .h5-content{margin-top:16px;}

/* 민원사무편람 */


/* .gridview-custom td.gridBodyDefault{height:auto !important;} */
.gridview-custom nobr{padding:0;}

.gridview-custom td.gridBodyDefault input[type="checkbox"]{vertical-align:-2px;width:16px;height:16px;}
.gridview-custom td.gridBodyDefault.has-anc button{display:inline;width:auto !important;height:auto !important;color:#0d8732;padding:0;border:0;background:none;}
.gridview-custom td.gridBodyDefault.has-anc button:hover{text-decoration:underline;}
.gridview-custom td.gridBodyDefault.has-btn .btn-bar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;text-align:center;margin:0;}
.gridview-custom td.gridBodyDefault.has-btn .btn-bar .btn{height:32px;margin:2px 4px;}

.gridview-custom.grdbl1 th:not(:first-child),
.gridview-custom.grdbl1 td:not(:first-child){border-left: 1px solid #bbb;}
.gridview-custom.grdbl1 th:not(:last-child),
.gridview-custom.grdbl1 td:not(:last-child){border-right:1px solid #bbb;}
.gridview-custom.grdbl1 th.tal,
.gridview-custom.grdbl1 td.tal{padding-left:12px;padding-right:12px;}


.w2grid.has-no-result{height:280px !important;}
.msg-gridview-no-result-custom{
	display:flex;flex-direction:column;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;
	padding:44px 0 0 0;border-bottom:1px solid rgba(0, 0, 0, .16);background-color:rgba(0, 0, 0, .02);
}
.msg-gridview-no-result-custom .icn{display:flex;justify-content:center;align-items:center;width:80px;height:80px;border-radius:10px;background-color:rgba(0, 0, 0, .08);}
.msg-gridview-no-result-custom .icn .dot{width:8px;height:8px;font-size:0;margin:4px;border-radius:50%;background-color:rgba(0, 0, 0, .6);}
/* .msg-gridview-no-result-custom .icn .dot{
	animation-name: dot-blink;
	animation-duration: .8s;
	animation-direction:alternate;
	animation-iteration-count:infinite;
	animation-fill-mode:both;
	animation-timing-function:cubic-bezier(0.75, 0, 0.25, 1);
} */
.msg-gridview-no-result-custom .icn .dot:nth-child(1){animation-delay:0s;}
.msg-gridview-no-result-custom .icn .dot:nth-child(2){animation-delay:.2s;}
.msg-gridview-no-result-custom .icn .dot:nth-child(3){animation-delay:.4s}
.msg-gridview-no-result-custom .icn + .lbl{margin-top:16px;}
.msg-gridview-no-result-custom .lbl{line-height:normal;font-size:14px;color:#666;}

@keyframes dot-blink {
	0%	{opacity:.4;}
	100%{opacity:1;}
}

.grid-ty2 {overflow: auto;text-align: left;border-top: 1px solid #555;}
.grid-ty2.tac {text-align: center !important;}
.grid-ty2.tac th,
.grid-ty3.tac td {padding-left:0;padding-right:0;}
.grid-ty2 table {width: 100%; border:none;}
.grid-ty2 table thead {border:0;}
.grid-ty2 table tbody th {width: 204px;}
.grid-ty2 table tr {background-color: #fff !important;}
.grid-ty2 table th,
.grid-ty2 table td{height:48px !important;padding-top:6px;padding-bottom:6px;border-left:0;border-right:0;border-bottom:1px solid #bbb;background:transparent !important;}
.grid-ty2 table th.gridHeaderTDDefault{border-left:0;border-right:0;}
.grid-ty2 th.gridHeaderTDDefault:not(:first-child),
.grid-ty2 td.gridBodyDefault:not(:first-child){border-left: 1px solid #bbb;}
.grid-ty2 th.gridHeaderTDDefault:not(:last-child),
.grid-ty2 td.gridBodyDefault:not(:last-child){border-right:1px solid #bbb;}

.grid-ty2 table th{background:#f6f6f6 !important;}
.grid-ty2 a{text-decoration: underline;}


.grid-ty3 {overflow: auto;text-align: left;border-top: 1px solid #555;}
.grid-ty3.tac {text-align: center !important;}
.grid-ty3.tac th, .grid-ty3.tac td {padding-left: 0; padding-right: 0;}
.grid-ty3 table {width: 100%; border:none;}
.grid-ty3 table thead {border:none !important}
.grid-ty3 table tbody th {width: 204px;}
.grid-ty3 table tr {background-color: #fff !important;}
.grid-ty3 table th,
.grid-ty3 table td{height:48px !important;padding-top:6px;padding-bottom:6px;border-bottom:1px solid #bbb !important;border-width:0 0 1px 0 !important;background:transparent !important;}
.grid-ty3 table th{background:#f6f6f6 !important;}
.grid-ty3 a{text-decoration: underline;}







/**
 * KTH
 */

 /* FORM */
/* .field {} */
.field-group {display:flex;align-items:stretch;position:relative;min-height:48px;}
.field-group.size-sm {min-height: 40px;}
.field-group.inline {display: inline-flex; vertical-align: middle;}
.field-group.inline + .field-group.inline {margin-left: 12px;}
.field-group > * + *,
.field-group > * + * input {padding-left: 0!important;}

.field-group.break-2 .w2radio_item:nth-child(2),
.field-group.break-3 .w2radio_item:nth-child(3),
.field-group.break-4 .w2radio_item:nth-child(4),
.field-group.break-5 .w2radio_item:nth-child(5),
.field-group.break-6 .w2radio_item:nth-child(6),
.field-group.break-7 .w2radio_item:nth-child(7),
.field-group.break-8 .w2radio_item:nth-child(8),
.field-group.break-9 .w2radio_item:nth-child(9),
.field-group.break-10 .w2radio_item:nth-child(10){display:flex;}




/* FORM - INPUT */
.field-input {flex-grow: 1; flex-shrink: 1; flex-basis: auto; display: flex;}
.field-input.grow {flex-grow: 1; flex-shrink: 0; flex-basis: 0;}
.field-input input {flex-grow: 1; flex-shrink: 1; flex-basis: 100%; display: block; padding: 0 16px; min-width: 0; width: 100%; height: 48px; border: 0; background-color: transparent; font-size: 16px; color: rgb(34, 34, 34); caret-color: rgb(0, 0, 0);}
.field-input input:focus {outline: none;}
.field-input input::-ms-clear,
.field-input input::-ms-reveal {display: none; width: 0; height: 0;}
.field-input input::placeholder {color: rgb(187, 187, 187);}
.field-input input:-ms-input-placeholder {color: rgb(187, 187, 187);}
.field-input input::search-decoration,
.field-input input::search-cancel-button,
.field-input input::search-results-button,
.field-input input::search-results-decoration {display: none;}
.field-input input::-webkit-search-decoration,
.field-input input::-webkit-search-cancel-button,
.field-input input::-webkit-search-results-button,
.field-input input::-webkit-search-results-decoration {display: none;}
.field-input input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.field-input input::-webkit-calendar-picker-indicator {-webkit-appearance: none;}
.field-input.left input {text-align: left;}
.field-input.right input {text-align: right;}
.field-input.center input {text-align: center;}
.field-input input {caret-color: rgba(169, 16, 57, 1);}
.field.valid .field-input input {/*caret-color: rgb(0, 0, 255);*/}
.field.invalid .field-input input {/*caret-color: rgb(255, 0, 0);*/}
/* FORM - TEXTAREA */
.field-textarea {flex-grow: 1; flex-shrink: 1; flex-basis: auto; display: flex;}
.field-textarea textarea {flex-grow: 1; flex-shrink: 1; flex-basis: 100%; display: block; padding: 10px 16px; min-width: 0; width: 100%; min-height: 100px; height: 100%; border: 0; background-color: transparent; font-size: 16px; line-height: 1.5; word-break: break-all; resize: none; -ms-overflow-style: none; scrollbar-width: none;}
.field-textarea textarea::-webkit-scrollbar {display: none;}
.field-textarea textarea::placeholder {color: rgb(200, 200, 200);}
.field-textarea textarea.left {text-align: left;}
.field-textarea textarea.right {text-align: right;}
.field-textarea textarea.center {text-align: center;}
.field-textarea textarea:focus {outline: none;}
.field.valid .field-textarea textarea {color: rgb(0, 0, 255); caret-color: rgb(0, 0, 255);}
.field.invalid .field-textarea textarea {color: rgb(255, 0, 0); caret-color: rgb(255, 0, 0);}
/* FORM - CHECKBOX, RADIO */
.field-checkbox input,
.field-radio input {overflow: hidden; position: absolute; top: 0; left: 0; z-index: -1; width: 0; height: 0; opacity: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none;}
/* FORM - CHECKBOX */
.field-checkbox {display: inline-flex; align-items: center; margin-right: 12px; height: 48px;}
.field-checkbox .icn {position: relative; width: 24px; height: 24px; background: url("/assets/p/images/common/icns_form_checkbox.svg") no-repeat 0 0; cursor: pointer;}
.field-checkbox .lbl {display: flex; align-items: center; padding-left: 10px; font-size: 16px; line-height: 1; cursor: pointer;}
.field-checkbox input:checked ~ .icn {background-position: 0 100%;}
.field-checkbox input:disabled ~ .icn {background-position: 100% 0;}
.field-checkbox input:checked:disabled ~ .icn {background-position: 100% 100%;}
.field-checkbox input:disabled ~ .lbl {opacity: 0.25;}
.field-checkbox .icn.sm {width: 20px; height: 20px; background-size: 40px;}
.field-checkbox .lbl.sm {font-size: 14px;}
.field-checkbox .lbl.md {font-size: 18px;}
/* FORM - RADIO */
.field-radio {display: inline-flex; align-items: center; margin-right: 32px; height: 48px;}
.field-group.space-md .field-radio {margin-right: 32px;}
.field-group.space-sm .field-radio {margin-right: 24px;}
.field-group.space-xs .field-radio {margin-right: 10px;}
.field-radio:last-child {margin-right: 0!important;}
.field-radio.grow {flex-grow:1;flex-shrink:1;flex-basis:0;}
.field-radio .icn {width: 24px; height: 24px; background: url("/assets/p/images/common/icns_form_radio.svg") no-repeat 0 0; cursor: pointer;}
.field-radio .lbl {display: flex; align-items: center; padding-left: 10px; font-size: 16px; line-height: 1; cursor: pointer;}
.field-radio input:checked ~ .icn {background-position: 0 100%;}
.field-radio input:disabled ~ .icn {background-position: 100% 0;}
.field-radio input:checked:disabled ~ .icn {background-position: 100% 100%;}
.field-radio input:disabled ~ .lbl {opacity: 0.25;}
.field-radio .lbl01 {flex-grow:1;flex-shrink:1;flex-basis:0; display: flex; justify-content: center; align-items: center; position: relative; padding: 0 10px!important; min-width: 82px; height: 48px; background-color: rgb(255, 255, 255); font-size: 16px; cursor: pointer;}
.field-radio .lbl01::before {content: ''; position: absolute; top: 0; left: -1px; box-sizing: border-box; width: calc(100% + 1px); height: 100%; border: 1px solid rgb(187, 187, 187); border-radius: 5px;}
.field-radio input:checked ~ .lbl01::before {z-index: 1; border-width: 2px; border-color: rgb(55, 143, 238);}
.field-radio input:disabled ~ .lbl01::before {border-color: rgb(187, 187, 187); cursor: not-allowed;}
/* FORM - SELECT */
.field-select{
	flex-grow:1;flex-shrink:0;flex-basis:auto;
	display:block;min-width: 0;height: 48px;
	font-size:16px;color:#222;
	padding:0 36px 0 16px;border:0;border-radius:5px;
	background-image:linear-gradient(rgba(255, 255, 255, .6), rgba(255, 255, 255, .6)), url("/assets/p/images/common/icn_dang_select.svg");
	background-repeat:no-repeat;background-position:calc(100% - 16px) 50%;background-size:16px 16px;
	transition:all .3s ease;
	appearance:none;-webkit-appearance:none;
}


.field-select.none-grow {flex-grow: 0;}
.field-select::-ms-expand {display: none;}
.field-select:focus{background:linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1)), url("/assets/p/images/common/icn_dang_select.svg") no-repeat calc(100% - 16px) 50%;background-size:16px 16px;outline:none;}
/* FORM - LABEL */
.field-label {display: flex; align-items: center; font-weight: bold; font-size: 16px; color: rgb(34, 34, 34);}
.field-label.inline {display: inline-flex; vertical-align: middle;}
.field-label.inline + .field-group.inline {margin-left: 40px;}
/* FORM - TEXT */

.field-text {flex-shrink: 0; display: flex; align-items: center; padding: 10px; font-size: 16px; color:#222; transition:color .3s ease;}
.field-group:focus-within .field-text{color:#222;}

.field-text.inline {display: inline-flex; padding: 0; vertical-align: middle; font-size: 14px; color: rgb(34, 34, 34);}
.field-group + .field-text.inline {margin-left: 10px; height: 48px;}
.field-text.top {align-self: flex-start;}
.field-text.bottom {align-self: flex-end;}
/* FORM - OUTLINE */
.field-group{border-radius: 5px; box-shadow:0 0 0 1px rgb(187, 187, 187); background-color: rgb(255, 255, 255); transition: all .2s ease;}
.field-group:focus-within {box-shadow: 0 0 0 2px rgba(196, 133, 69, 1);}
.field-group.none-outline {flex-wrap: wrap; min-height: auto; box-shadow: none; background-color: transparent;}

.field.valid .field-group {/*box-shadow: 0 0 0 1px rgb(0, 0, 255);*/}
.field.invalid .field-group {box-shadow: 0 0 0 1px rgb(255, 0, 0);}
.field.valid .field-group:focus-within {/*box-shadow: 0 0 0 2px rgb(0, 0, 255);*/}
.field.invalid .field-group:focus-within {box-shadow: 0 0 0 2px rgb(255, 0, 0);}
.field-group.invalid {box-shadow: 0 0 0 1px rgb(255, 0, 0);}
.field-group.invalid:focus-within {box-shadow: 0 0 0 2px rgb(255, 0, 0);}






/* FORM - MESSAGE */
.field-message {display: block; margin-top: 8px; font-size: 14px; color: rgb(34, 34, 34);}
.field.valid .field-message {/*color: rgb(0, 0, 255);*/}
.field.invalid .field-message,
.field .field-message.invalid {color: rgb(255, 0, 0);}


/* FORM - DISABLED */
.field-group.disabled {background-color: rgb(249, 249, 249)!important;}
.field-group.disabled input {color: rgb(204, 204, 204);}
.field-group.disabled input::placeholder {color: rgb(204, 204, 204);}
.field-group.disabled input:-ms-input-placeholder {color: rgb(204, 204, 204);}
.field-group.readonly {background-color: rgb(238, 238, 238)!important;}
.field-group.readonly input {color: rgb(34, 34, 34);}
.field-group.readonly input::placeholder {color: rgb(204, 204, 204);}
.field-group.readonly input:-ms-input-placeholder {color: rgb(204, 204, 204);}
.field-group.disabled *,
.field-group.readonly * {background-color: transparent!important; pointer-events: none!important;}
/* FORM - BUTTON */
.field-button {flex-grow: 0; flex-shrink: 0; flex-basis: auto; display: flex; align-items: center; padding: 0 10px;}
.field-button [class^=icon-] {flex-grow: 0; flex-shrink: 0; flex-basis: auto; margin-left: auto;}
/* FORM INTERACTIONS */
.field-radio input[type="radio"] ~ .icn,
.field-checkbox input[type="checkbox"] ~ .icn {box-shadow: 0 0 0 0 rgba(0, 0, 0, .08); transition: box-shadow .2s ease;}
.field-radio input[type="radio"] ~ .icn {border-radius: 50%;}
.field-checkbox input[type="checkbox"] ~ .icn {border-radius: 4px;}
.field-radio:hover input[type="radio"] ~ .icn,
.field-checkbox:hover input[type="checkbox"] ~ .icn{box-shadow:0 0 0 8px rgba(0, 0, 0, .08);}
.field-radio input[type="radio"][read-only] ~ .icn,
.field-radio input[type="radio"][read-only] ~ .lbl,
.field-radio input[type="radio"][disabled] ~ .icn,
.field-radio input[type="radio"][disabled] ~ .lbl,
.field-checkbox input[type="checkbox"][read-only] ~ .icn,
.field-checkbox input[type="checkbox"][read-only] ~ .lbl,
.field-checkbox input[type="checkbox"][disabled] ~ .icn,
.field-checkbox input[type="checkbox"][disabled] ~ .lbl{cursor:not-allowed;}
.field-radio input[type="radio"][read-only] ~ .icn,
.field-radio input[type="radio"][disabled] ~ .icn,
.field-checkbox input[type="checkbox"][read-only] ~ .icn,
.field-checkbox input[type="checkbox"][disabled] ~ .icn{box-shadow:none;}
/* DROPDOWN */
.dropdown {display: block; position: relative; height: 40px;}
.dropdown.inline {display: inline-block;}
.dropdown:focus-within {z-index: 1;}
.dropdown__button {display: flex; justify-content: space-between; align-items: center; padding: 0 16px; width: 100%; height: 100%; border: 1px solid rgb(220, 220, 220); border-radius: 5px; font-size: 13px; background-color: rgb(255, 255, 255); color: rgb(102, 102, 102);}
.dropdown__button::after {content: ''; flex-shrink: 0; margin-left: 10px; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 0 0; background-size: contain;}
.dropdown__button[aria-expanded=true] {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.dropdown__button[aria-expanded=true]::after {transform: rotate(180deg);}
.dropdown__menu {overflow: hidden; display: none; position: absolute; bottom: 1px; left: 0; width: 100%; background-color: rgb(255, 255, 255); transform: translateY(100%);}
.dropdown__menu[aria-hidden=false] {display: block; z-index: 1; border: 1px solid rgb(220, 220, 220); border-radius: 0 0 5px 5px;}
.dropdown__item {display: flex; align-items: center; width: 100%; padding: 0 16px; height: 40px; background-color: rgb(255, 255, 255); font-size: 13px; color: rgb(102, 102, 102); cursor: pointer;}
.dropdown__item + .dropdown__item {border-top: 1px solid rgb(220, 220, 220);}
.dropdown__item[aria-selected=true] {background-color: rgb(225, 225, 225);}
.dropdown.reverse .dropdown__button::after {transform: rotate(180deg);}
.dropdown.reverse .dropdown__button[aria-expanded=true] {border-radius: 0 0 5px 5px;}
.dropdown.reverse .dropdown__button[aria-expanded=true]::after {transform: rotate(0deg);}
.dropdown.reverse .dropdown__menu {top: 1px; bottom: initial; transform: translateY(-100%);}
.dropdown.reverse .dropdown__menu[aria-hidden=false] {border-radius: 5px 5px 0 0;}

/* TEXT */
.text {font-size: 16px; color: #222;}
.text.size-xxl {font-size: 32px;}
.text.size-xl {font-size: 28px;}
.text.size-lg {font-size: 22px;}
.text.size-md {font-size: 20px;}
.text.size-sm {font-size: 18px;}
.text.size-xs {font-size: 16px;}
.text.size-xxs {font-size: 14px;}
.text.bold {font-weight: bold;}
.text.ellipsis {overflow: hidden; display: block; max-width: 100%; font-size: inherit; white-space: nowrap; text-overflow: ellipsis;}
.text-link {display: inline-block; font-weight: inherit; font-size: inherit; line-height: inherit; color: #a90f39; text-decoration: underline;}
.text.color1 {color: rgb(34, 34, 34);} /* #222222 */
.text.color2 {color: rgb(85, 85, 85);} /* #555555 */
.text.color3 {color: rgb(136, 136, 136);} /* #888888 */

/* DIVIDE */
.divide {margin: 0; border: 0; border-top: 1px solid rgb(85, 85, 85);}
.divide.color1 {border-color: rgb(187, 187, 187);}

/* BULLET */
.bullet-list {font-size: 14px; color: rgb(84, 84, 84);}
.bullet-item {display: flex; align-items: flex-start; position: relative; font-size: inherit; line-height: inherit; color: inherit;}
/* .bullet-item::before {content: ''; position: absolute; top: 9px; left: 0; width: 2px; height: 2px; background-color: rgb(102, 102, 102);} */
.bullet-item::before {content: '·'; flex-grow: 0; flex-shrink: 0; flex-basis: auto; margin-right: 6px; font-size: inherit; line-height: inherit; color: inherit;}
.bullet-item + .bullet-item {margin-top: 8px;}
.bullet-item.none-bullet {padding-left: 0;}
.bullet-item.none-bullet::before {display: none;}
.bullet-list.number {counter-reset: numberlist;}
.bullet-list.number .bullet-item {display: flex; align-items: flex-start; padding-left: 0;}
.bullet-list.number .bullet-item::before {content:counter(numberlist) ". "; counter-increment: numberlist; position: relative; top: 0; margin-right: 4px; width: auto; height: auto; background-color: transparent; font-size: inherit; line-height: inherit; color: inherit;}
.bullet-list.size-md {font-size: 16px;}

.bullet-tip{}
.bullet-tip:before{content:"※ ";}



/* 결과 UI */
.ui-res dl{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:360px;}
	.ie .ui-res dl{height:360px;}
.ui-res dl dt,
.ui-res dl dd{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.ui-res dl dt .icn{width:100px;height:100px;background-repeat:no-repeat;background-position:50% 50%;}
.ui-res.positive dl dt .icn{background-image:url("/assets/p/images/common/icn_res_positive.svg");}
.ui-res.negative dl dt .icn{background-image:url("/assets/p/images/common/icn_res_negative.svg");}
.ui-res.error dl dt .icn{background-image:url("/assets/p/images/common/icn_res_triangle.svg");}
.ui-res.error dl dd .desc p{line-height:1.8;text-align:center;}
.ui-res.timeout dl{min-height:0;}
.ui-res.timeout dl dt .icn{background-image:url("/assets/p/images/common/icn_res_timer.svg");}
.ui-res.ie-expired dl dt .icn{width:142px;height:142px;background-image:url("/assets/p/images/ETC/icn_browser_ie_expired.svg");}
.ui-res.stockloan-temporary dl dt .icn{width:142px;height:142px;background-image:url("/assets/p/images/ETC/icn_browser_stockloan_temporary.svg");}

.ui-res dl dt + dd{margin-top:16px;}
.ui-res dl dd h4 + h6,
.ui-res dl dd h5 + h6,
.ui-res dl dd h5 + .desc{margin-top:8px;}
.ui-res dl dd .desc{margin-top:8px;border-radius:10px;}
.ui-res dl dd .desc.filled{margin-top:20px;padding:20px 24px;background:rgba(0, 0, 0, .04);}



.ui-modal-preview{}
.ui-modal-preview ul li{padding:4px 0;}
.ui-modal-preview .btn-modal{min-width:200px;height:52px;font-size:18px;color:#fff;padding:0 40px;border-radius:10px;background-color:rgba(169, 16, 57, 1);}





/* 살만한직장인 대출 상단 설명 리스트 */
/* .infobox .btn-bar {margin-top: 40px;}
.infobox+.ui-accordion {margin-top: 60px;}
.info-list {display:flex; border-radius:16px; margin-top:30px; background: #f0ece9;}
.info-list li {flex-grow:1;flex-shrink:1;flex-basis:0;text-align:center;padding:40px 0;}
.info-list li .ca{display:block;margin:0 auto 24px;}
.info-list li .lbl .txt1 {display: block; font-size: 16px; color: #424242;}
.info-list li .lbl .txt2 {display: block; font-size: 18px; color: #222222; font-weight:bold; margin-top: 6px;} */

/* 상품설명 하단 심의영역 */
.signature {text-align: right; margin:10px 0 0 0; background: pink;}

/* 스탁론-대출상품선택 */
.prd-lst{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;align-items:flex-start;margin-top:20px;}
.prd-lst dl{flex-grow:0;flex-shrink:1;flex-basis:calc(33% - (40px / 3));overflow:hidden;border: 1px solid #ddd;border-radius:16px;background:#fff;transition:all .4s ease;}
.prd-lst dl:hover{box-shadow:0 4px 8px -4px rgba(0, 0, 0, .16);}
	.ie .prd-lst{margin:-10px;}
	.ie .prd-lst dl{flex-basis:calc(33% - 20px);margin:10px;}
.prd-lst dt{text-align:center;border-bottom:1px solid rgba(0, 0, 0, .16);}
.prd-lst dt h5{text-align:center;font-size:16px;font-weight:bold;}
.prd-lst dd{display:flex;justify-content:center;align-items:center;height:145px;}
/* 스탁론 - 상품상세 wrap */
.stk-content {margin-top: 60px;}


/* ACCORDION */
/* .ui-accordion.prod-spec{border-top:2px solid rgb(102, 102, 102);}
.ui-accordion.prod-spec .accordion {border-bottom: 1px solid rgb(187, 187, 187);}
.ui-accordion.prod-spec .accordion-title{display:flex;justify-content:space-between;align-items:center;height:80px;padding:0 16px;}
.ui-accordion.prod-spec .accordion-title .ca,
.ui-accordion.prod-spec .accordion-title .icn{flex-grow:0;flex-shrink:0;flex-basis:auto;}
.ui-accordion.prod-spec .accordion-title .ca{width:32px;height:32px;margin-right:12px;background-image:url("/assets/p/images/PRD/icns_prd_32_0509.svg");background-repeat:no-repeat;}
	.ui-accordion.prod-spec .accordion.prod-spec-about .accordion-title .ca{background-position:0 0;}
	.ui-accordion.prod-spec .accordion.prod-spec-rate .accordion-title .ca{background-position:-32px 0;}
	.ui-accordion.prod-spec .accordion.prod-spec-caution .accordion-title .ca{background-position:-64px 0;}
	.ui-accordion.prod-spec .accordion.prod-spec-term .accordion-title .ca{background-position:-96px 0;}
.ui-accordion.prod-spec .accordion-title h5{flex-grow:1;font-weight:normal;vertical-align:middle;}
.ui-accordion.prod-spec .accordion-content{}
.ui-accordion.prod-spec .accordion-content .accordion-set{margin-bottom:24px;padding:20px;border-radius:10px;background-color:#FAFAFA;}
.ui-accordion.prod-spec .accordion-content .accordion-set.bg-clear {background: transparent;}
.ui-accordion.prod-spec .accordion-content .dot-list{margin:-10px;padding:26px 24px;}
.ui-accordion.prod-spec .accordion-content .dot-list li:not(.clear-dot):before{top:12px;} */

.ui-accordion.prd-spec{border-top:2px solid rgba(0, 0, 0, .6);}
.ui-accordion.prd-spec .accordion{border-bottom:1px solid rgba(0, 0, 0, .24);}
.ui-accordion.prd-spec .accordion .accordion-content{border-top:1px solid rgba(0, 0, 0, 0);transition:border-color .4s ease;}
.ui-accordion.prd-spec .accordion.accordion-expanded .accordion-content{border-top:1px solid rgba(0, 0, 0, .08);}
.ui-accordion.prd-spec .accordion .accordion-content .accordion-inner{padding:20px;}

.prd-summary{border-radius:16px;padding:0 12px;background:#f0ece9;}
.prd-summary ul{display:flex;}
.prd-summary li{flex-grow:1;flex-shrink:1;flex-basis:0;text-align:center;padding:40px 0;}
.prd-summary li .ca{display:block;margin:0 auto 24px;}
.prd-summary li .info{padding:0 24px;}
.prd-summary li .info .lbl,
.prd-summary li .info .val{display:block;}
.prd-summary li .info .lbl{font-size:16px;color:#424242;}
.prd-summary li .info .lbl + .val{margin-top:6px;}
.prd-summary li .info .val{font-size:18px;color:#222222;font-weight:bold;}





.prd-summary .ca .icn-kisb{width:100px;height:100px;background-image:url("/assets/p/images/KISB/icns_kisb_100.svg");background-repeat:no-repeat;}
.prd-summary .ca .icn-kisb.icn-pig-percent{background-position:0 0;}
.prd-summary .ca .icn-kisb.icn-vault-won{background-position:-100px 0;}
.prd-summary .ca .icn-kisb.icn-check-person{background-position:-200px 0;}
.prd-summary .ca .icn-kisb.icn-calendar{background-position:-300px 0;}
.prd-summary .ca .icn-kisb.icn-money-seek{background-position:-400px 0;}



.prd-spec{border-top:2px solid rgb(102, 102, 102);}
	.prd-spec.prd-pds{} /* 예금상품 */
	.prd-spec.prd-lon{} /* 대출상품 */
	.prd-spec.prd-dct{} /* 판매중단상품 */
.prd-spec .prd-spec-title{display:flex;justify-content:space-between;align-items:center;height:80px;padding:0 16px;}
.prd-spec .prd-spec-title .ca,
.prd-spec .prd-spec-title .icn{flex-grow:0;flex-shrink:0;flex-basis:auto;}
.prd-spec .prd-spec-title .ca{width:32px;height:32px;margin-right:12px;background-image:url("/assets/p/images/PRD/icns_prd_32_0509.svg");background-repeat:no-repeat;}

/**
 * .prd-spec .prd-spec-about	상품안내
 * .prd-spec .prd-spec-feature	상품특징
 * .prd-spec .prd-spec-rate		금리안내
 * .prd-spec .prd-spec-process	대출절차
 * .prd-spec .prd-spec-deal		대출거래
 * .prd-spec .prd-spec-caution	유의사항
 * .prd-spec .prd-spec-term		약관/상품설명서
 * .prd-spec .prd-spec-rule		계좌운용규칙
 * .prd-spec .prd-spec-other	대출신청시 유의사항
 */

	.prd-spec .prd-spec-about .prd-spec-title .ca{background-position:0 0;}
	.prd-spec .prd-spec-feature .prd-spec-title .ca{background-position:-32px 0;}
	.prd-spec .prd-spec-rate .prd-spec-title .ca{background-position:-64px 0;}
	.prd-spec .prd-spec-process .prd-spec-title .ca{background-position:-96px 0;}
	.prd-spec .prd-spec-deal .prd-spec-title .ca{background-position:-128px 0;}
	.prd-spec .prd-spec-caution .prd-spec-title .ca{background-position:-160px 0;}
	.prd-spec .prd-spec-term .prd-spec-title .ca{background-position:-192px 0;}
	.prd-spec .prd-spec-rule .prd-spec-title .ca{background-position:-224px 0;}
	.prd-spec .prd-spec-other .prd-spec-title .ca{background-position:-258px 0;}



	.prd-spec .accordion-title h5{flex-grow:1;font-weight:normal;vertical-align:middle;}
.prd-spec .prd-spec-content,
.prd-spec .prd-spec-content li,
.prd-spec .prd-spec-content dt,
.prd-spec .prd-spec-content dd,
.prd-spec .prd-spec-content p{line-height:1.8;word-break:keep-all;}
.prd-spec .prd-spec-content .bl-d-round > li:before{top:0.6em;}
.prd-spec .prd-spec-content .bl-middot > li:before{top:13px;}
.prd-spec .prd-spec-content .tdl.tdl-data{border:0;}
.prd-spec .prd-spec-content .tdl.tdl-data dl{align-items:flex-start;border-bottom:0;}
.prd-spec .prd-spec-content .tdl.tdl-data dt,
.prd-spec .prd-spec-content .tdl.tdl-data dd{font-size:16px;background:none;}
.prd-spec .prd-spec-content .tdl.tdl-data dt{padding-left:0;}
.prd-spec .prd-spec-content .tdl.tdl-data dt label{position:relative;padding-left:12px;}
.prd-spec .prd-spec-content .tdl.tdl-data dt label:before{display:block;position:absolute;top:13px;left:2px;width:3px;height:3px;font-size:0;border-radius:50%;background:rgba(0, 0, 0, .6);content:"";}
.prd-spec .prd-spec-content .tdl.tdl-data dt figure{text-align:left;margin:12px 0 0 12px;}
.prd-spec .prd-spec-content .tdl.tdl-data dd{display:block;padding-right:0;}
.prd-spec .prd-spec-content .tdl.tdl-data dd .bl-dash > li:before{top:15px;}
.prd-spec .prd-spec-content .tdl.tdl-data dd.f{display:flex;flex-direction:row;}
.prd-spec .prd-spec-content .tdl.tdl-data dd.f figure{flex-grow:0;flex-shrink:0;flex-basis:auto;text-align:left;margin:8px 16px 0 0;}
.prd-spec .prd-spec-content .tdl.tdl-data dd.f figure img{display:block;width:136px;}

.prd-spec .prd-spec-content .tdl.tdl-data .emp{color:#d62626;}
.prd-spec .prd-spec-content .tdl.tdl-data .emp dd span{color:#d62626 !important;}
.prd-spec .prd-spec-content .tdl.tdl-data .emp dd strong{font-weight:normal !important;}
.prd-spec .prd-spec-content .tdl.tdl-data .emp dt label:before,
.prd-spec .prd-spec-content .tdl.tdl-data .emp dd .bl-dash > li:before{background-color:#d62626;}

.prd-spec .prd-spec-content ul + .inner-box{margin-top:24px;}
.prd-spec .prd-spec-content .inner-box{padding:24px 28px;border-radius:10px;background-color:rgba(0, 0, 0, .04);}
.prd-spec .prd-spec-content .tdl.tdl-data .em dt label:before,
.prd-spec .prd-spec-content .tdl.tdl-data .em .bl-dash > li:before{background-color:rgba(169, 15, 57, 1);}


/* 예금상품 > 금리안내 */
	.ui-accordion.prd-spec.prd-pds .accordion.prd-spec-rate .accordion-content.prd-spec-content .accordion-inner[id$="intrGridView"]{padding:30px 36px;}
	/* .prd-spec.prd-pds .prd-spec-rate .prd-spec-content table:not(.w2group):not(.tbl){font-size:14px;margin-top:20px;border:0;border-top:1px solid #555;}
	.prd-spec.prd-pds .prd-spec-rate .prd-spec-content table:not(.w2group):not(.tbl) tr:first-of-type td{font-weight:bold;background-color:#f6f6f6;}
	.prd-spec.prd-pds .prd-spec-rate .prd-spec-content table:not(.w2group):not(.tbl) th,
	.prd-spec.prd-pds .prd-spec-rate .prd-spec-content table:not(.w2group):not(.tbl) td{height:48px;text-align:center;word-break:keep-all;padding-top:12px;padding-bottom:12px;border-left:0;border-right:0;border-bottom: 1px solid #bbb;}
	.prd-spec.prd-pds .prd-spec-rate .prd-spec-content table:not(.w2group):not(.tbl) td:not(:last-child) {border-right:1px solid #bbb;}
	.prd-spec.prd-pds .prd-spec-rate .prd-spec-content table:not(.w2group):not(.tbl) td[rowspan]:not(:first-child){border-left:1px solid #bbb;} */

	.prd-spec.prd-pds .prd-spec-rate .prd-spec-content table:not(.w2group):not(.tbl){font-size:14px;margin-top:20px;border:0;border-top:1px solid #555;}
	.prd-spec.prd-pds .prd-spec-rate .prd-spec-content table:not(.w2group):not(.tbl) th{font-weight:bold;background-color:#f6f6f6;}
	.prd-spec.prd-pds .prd-spec-rate .prd-spec-content table:not(.w2group):not(.tbl) th,
	.prd-spec.prd-pds .prd-spec-rate .prd-spec-content table:not(.w2group):not(.tbl) td{height:48px;text-align:center;word-break:keep-all;padding-top:12px;padding-bottom:12px;border-left:0;border-right:0;border-bottom: 1px solid #bbb;}
	.prd-spec.prd-pds .prd-spec-rate .prd-spec-content table:not(.w2group):not(.tbl) th:not(:last-child) {border-right:1px solid #bbb;}
	.prd-spec.prd-pds .prd-spec-rate .prd-spec-content table:not(.w2group):not(.tbl) td:not(:last-child) {border-right:1px solid #bbb;}
	.prd-spec.prd-pds .prd-spec-rate .prd-spec-content table:not(.w2group):not(.tbl) th[rowspan]:not(:first-child),
	.prd-spec.prd-pds .prd-spec-rate .prd-spec-content table:not(.w2group):not(.tbl) td[rowspan]:not(:first-child){border-left:1px solid #bbb;}

	.btn.btn-prd-spec-term{height:40px;font-size:14px;border:1px solid #bbb;border-radius:4px;margin:4px;padding:0 12px;background-color:rgba(255, 255, 255, 1);transition:background-color .3s;}
.btn.btn-prd-spec-term:hover{color:#222;border-color:rgba(0, 0, 0, .48);}
.prd-spec.filled{padding:16px 8px;border-top:0;border-radius:10px;background-color:rgba(0, 0, 0, .02);}


.prd-loan{border-top:2px solid rgba(0, 0, 0, .6);}
.prd-loan > ul > li{border-bottom:1px solid rgba(0, 0, 0, .24);}
.prd-loan .btn-prd-loan{width:100%;height:auto;padding:28px 24px;}
.prd-loan .btn-prd-loan:hover{background-color:rgba(0, 0, 0, .04);}
.prd-loan .btn-prd-loan .ca{width:60px;height:60px;margin-right:20px;background-image:url("/assets/p/images/PRD/icns_prd_60.svg");background-repeat:no-repeat;}
.prd-loan .btn-prd-loan.btn-prd-loan-new .ca{background-position:0 0;}
.prd-loan .btn-prd-loan.btn-prd-loan-exchange .ca{background-position:-60px 0;}
.prd-loan .btn-prd-loan.btn-prd-loan-add .ca{background-position:-120px 0;}
.prd-loan .btn-prd-loan .lbl{flex-grow:1;text-align:left;}
.prd-loan .btn-prd-loan .lbl h6{}
.prd-loan .btn-prd-loan .lbl .desc{font-size:16px;}
.prd-loan .btn-prd-loan .icn{width:24px;height:24px;background-image:url("/assets/p/images/common/icn_rang_16.svg");background-repeat:no-repeat;background-position:50% 50%;background-size:20px 20px;}







.accordion02 .accordion-flex{display:flex;justify-content: space-between; align-items: center;}
.accordion02 .accordion-flex + .terms-text {margin-top: 12px; letter-spacing: -1px;}
.accordion02 .accordion-get {height: 100%;}
.accordion02 .accordion-get .icn + .lbl {margin-left: 8px; font-size: 16px;}



.term-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid rgba(0, 0, 0, .64);border-bottom:1px solid rgba(0, 0, 0, .24);}






/* RESULT */
.result {display: flex; flex-flow: column; justify-content: center; align-items: center; height: 447px; background-color: rgb(245, 246, 249);}
.result-icn {margin-bottom: 20px; width: 80px; height: 80px; border-radius: 50%; background: url("/assets/p/images/common/result_check.svg") no-repeat 0 0;}
.result-txt {margin-bottom: 10px; line-height: 1;}
.result-txt.lg {font-weight: bold; font-size: 24px;}
.result-txt.md {font-weight: bold; font-size: 18px;}
.result-txt.sm {font-size: 16px;}
.result.space {margin-top: 30px;}

/* TERMS */
.terms{margin-top:40px;border-radius:10px;background-color:rgb(245, 246, 249);}
.terms ~ .terms{margin-top:40px;}
.terms.space {margin-top: 60px;}
.terms-group + .terms-group {border-top: 1px solid rgb(221, 221, 221);}
.terms-group .terms-scroll{padding:36px 18px 36px 36px;}
.terms-group .terms-scroll li,
.terms-group .terms-scroll p{word-break:keep-all;}
.terms-group .terms-scroll + .terms-block{border-top:1px solid rgb(221, 221, 221);}
.terms-group .terms-block{padding:36px;}
.terms-block.standalone {margin-top: 0; padding-top: 0; border-top: 0;}
.terms-flex {display: flex; justify-content: flex-start; align-items: center;}
.terms-left {}
.terms-left + .terms-left {margin-left: 8px;}
.terms-right {margin-left: auto;}
.terms-right .terms-text {display: inline-block; vertical-align: middle;}
.terms-right .terms-text + .terms-text {margin: 0; padding: 0 10px; min-width: 100px; text-align: right;}
.terms-flex .bottom {align-self: flex-end;}
.terms-text {font-size: 16px; color: rgb(84, 84, 84);}
.terms-text.size-md {font-size: 18px; color: rgb(34, 34, 34);}
.terms-text.size-lg {font-size: 20px; color: rgb(34, 34, 34);}
.terms-text.size-xl {font-size: 22px; color: rgb(34, 34, 34);}
.terms-text.bold {font-weight: bold;}
.terms-text.bullet {display: flex; align-items: center;}
.terms-text.bullet::before {content: ''; margin-right: 12px; width: 24px; height: 24px; background: url("/assets/p/images/common/term_bullet.svg") no-repeat 0 0;}
.terms-text + .terms-text {margin-top: 12px;}
.terms-flex + .terms-flex {margin-top: 16px;}
.terms-text + .terms-flex {margin-top: 24px;}
.terms.type01 {border: 1px solid rgb(221, 221, 221); background-color: rgb(255, 255, 255);}
.terms.type02 {padding: 36px 36px 36px 0; border: 0; border-top: 1px solid rgb(85, 85, 85); border-bottom: 1px solid rgb(187, 187, 187); border-radius: 0; background-color: rgb(255, 255, 255);}
.terms.type03 {margin-top: 16px; padding: 28px 0 28px 24px; border: 0; border-top: 1px solid rgb(85, 85, 85); border-bottom: 1px solid rgb(187, 187, 187); border-radius: 0; background-color: rgb(255, 255, 255);}
.terms-list {margin-top: 12px; counter-reset: termslist;}
.terms-item {display: flex; align-items: flex-start; font-size: 16px; color: rgb(85, 85, 85);}
.terms-item::before {content: counter(termslist) "."; counter-increment: termslist; flex-shrink: 0; margin-right: 4px; font-size: inherit; color: inherit;}
.terms-list + .terms-flex {margin-top: 34px;}
.terms-divide {margin: 36px 0; border: 0; border-top: 1px solid rgb(221, 221, 221);}
.terms .field-checkbox,
.terms .field-radio {height: auto;}

/* .terms-scroll {overflow: hidden; overflow-y: auto; height: 500px;} */
.terms-scroll .nano{height:400px;}
.terms-scroll .nano .nano-content{padding-right:18px;}

.terms ~ .terms-tool-bar{margin-top:40px;}
.terms-tool-bar + .terms{margin-top:0;}
.terms-tool-bar{padding:16px 0;border:0;border-radius:0; background-color:rgb(255, 255, 255);}
.terms-tool-bar .agreement.f{justify-content:space-between;align-items:center;}




.agreement-list ~.agreement-list,
.agreement-list ~ .agreement.agree-all{margin-top:40px;}
.agreement.agree-all + .agreement-list{margin-top:16px;}

.agreement-list{border:1px solid rgba(0, 0, 0, .16);border-radius:10px;}
.agreement-list.filled{border:0;background:rgba(0, 0, 0, .04);}
.agreement-list .agreement{padding:0 32px;}
.agreement-list .agreement ~ .agreement{border-top:1px solid rgba(0, 0, 0, .16);}

.agreement.agree-all{margin:16px 0;padding:0;}
.agreement.agree-all .agreement-title{padding:0;}

.agreement,
.agreement .field-radio-wq label,
.agreement .field-checkbox-wq label{font-size:14px;}
.agreement .agreement-title,
.agreement .agreement-content{padding:24px 0;}
.agreement li,
.agreement p{line-height:1.8;word-break:keep-all;}
.agreement dl{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;}
.agreement dl dt{flex-grow:1;flex-shrink:1;flex-basis:auto;}
.agreement dl dd{flex-grow:0;flex-shrink:0;flex-basis:auto;margin-left:auto;padding-left:28px;}
.agreement dl dd.break{flex-basis:100%;padding-left:0;}
.agreement dl dd .field{display:flex;justify-content:flex-end;}
.agreement .agreement-title ~ .agreement-content{border-top:1px solid rgba(0, 0, 0, .16);}
.agreement .agreement-title h5,
.agreement .agreement-title h6,
.agreement .agreement-content h5,
.agreement .agreement-content h6,
.agreement .agreement-content .desc{margin:8px 0;}
.agreement .agreement-content .desc .bl-middot .bl-billiard{margin:8px 0;}
.agreement .agreement-content dl ~ dl{margin-top:28px;}
.agreement .agreement-content dl ~ dl.conditional{margin-top:0}
.agreement .agreement-title h5 ~ .desc,
.agreement .agreement-content h6 ~ .desc{margin:12px 0;}
.agreement .agreement-title .desc p,
.agreement .agreement-content .desc p{word-break:keep-all;}
.agreement .agreement-content .opt-bar{display:flex;justify-content:flex-end;}
.agreement .agreement-sign{display:flex;flex-direction:column;align-items:flex-end;}
.agreement .agreement-sign dl.sign{font-size:16px;padding:8px 0;}
.agreement .agreement-sign dl.sign + dl.sign{margin-top:0;}
.agreement .agreement-sign dl.sign dd{display:flex;justify-content:flex-end;align-items:center;}
.agreement .agreement-sign dl.sign .name{width:100px;text-align:center;font-weight:bold;color:#222;}

.agreement .btn.btn-agreement{height:40px;font-size:13px;margin:4px 2px;padding:0 16px;border:1px solid #bbb !important;border-radius:4px;background: #fff;transition:background-color .3s;}
.agreement .agreement-btn-bar{display:flex;justify-content:center;padding-bottom:32px;}
.agreement .agreement-btn-bar .btn-agreement{height:48px;font-size:15px;padding:0 24px;}
.agreement .agreement-content ~ .agreement-footnote{border-top:1px solid rgba(0, 0, 0, .08);}
.agreement .agreement-footnote{color:#888;padding:24px 0;}







/* SELECT GROUP */
.select-group {display: flex; margin-top: 16px;}
.select-group.space {margin-top: 60px;}
.select-item {flex-grow:1;flex-shrink:1;flex-basis:0; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 240px; border-radius: 10px; box-shadow: 0 0 0 1px rgb(187, 187, 187);}
.select-item + .select-item {margin-left: 24px;}
.select-item.selected {box-shadow: 0 0 0 2px rgba(196, 133, 69, 1);}
.select-item:disabled {box-shadow: 0 0 0 1px rgb(187, 187, 187); cursor: not-allowed;}
.select-item.selected:disabled {box-shadow: 0 0 0 2px rgb(187, 187, 187);}
.select-item:disabled * {pointer-events: none!important;}
.select-image {width: 88px; height: 88px; border-radius: 50%; background-color: #CCC;}
.select-image img {width: 100%;}
.select-text {margin-top: 12px; font-size: 16px;} /* margin-top: 12px; */
.select-item .tip-list {margin-top: 8px;}
.select-item .field {margin-top: 16px;}

.ui-customer-type{position:relative;}
.ui-customer-type .radio-customer-type .field-radio,
.ui-customer-type .radio-customer-type .radio-option{width:calc(50% - 12px);}
.ui-customer-type .radio-customer-type .field-radio{
	display:inline-flex;flex-direction:column;justify-content:center;position:relative;height:240px;
	cursor:pointer;margin:0;border-radius:10px;box-shadow:0 0 0 1px rgb(187, 187, 187);
}
.ui-customer-type .radio-customer-type .field-radio.checked{box-shadow:0 0 0 2px rgb(55, 143, 238);}
.ui-customer-type .radio-customer-type .field-radio.disabled,
.ui-customer-type .radio-customer-type .field-radio.disabled .icn,
.ui-customer-type .radio-customer-type .field-radio.disabled .lbl{cursor:default;}
.ui-customer-type .radio-customer-type .field-radio.has-option{padding:0 0 40px 0;}
.ui-customer-type .radio-customer-type .field-radio + .field-radio{margin-left:24px;}
.ui-customer-type .radio-customer-type .field-radio input[type="radio"] ~ .icn,
.ui-customer-type .radio-customer-type .field-radio input[type="radio"] ~ .lbl{display:block;text-align:center;margin:0 auto;}
.ui-customer-type .radio-customer-type .field-radio input[type="radio"] ~ .icn{width:88px;height:88px;border-radius:24px;background-color:#CCC;background-image:none;}
.ui-customer-type .radio-customer-type .field-radio:hover input[type="radio"] ~ .icn{box-shadow:none;}
.ui-customer-type .radio-customer-type .field-radio input[type="radio"] ~ .icn + .lbl{margin-top:12px;}
.ui-customer-type .radio-customer-type .field-radio input[type="radio"] ~ .lbl .ex{display:block;font-size:14px;margin-top:8px;}
.ui-customer-type .radio-option{display:flex;justify-content:center;position:absolute;bottom:12px;right:0;}











/* QUESTION */
.question-list {counter-reset: question; margin-top: 48px;}
.question-item + .question-item {margin-top: 40px;}
.question-title {font-size: 20px;}
.question-title::before {content: "Q" counter(question); counter-increment: question; margin-right: 8px; color: #a90f39; font-size: inherit;}
.question-select {margin-top: 16px; padding: 12px 0 12px 24px; border-top: 1px solid rgba(0, 0, 0, .48);; border-bottom: 1px solid rgba(0, 0, 0, .16);}
.question-select.additional {margin-top:0;border-top:0;background:rgba(0, 0, 0, .04);}
.question-select .field-group {/*height: 48px;*/}
.question-list.type01 {margin-top: 32px;}
.question-list.type01 .question-item + .question-item {margin-top: 32px;}
.question-list.type01 .question-title {display: flex; align-items: flex-start; font-size: 16px;}
.question-list.type01 .question-title::before {content: counter(question) "."; counter-increment: question; flex-shrink: 0; margin-right: 4px; font-size: inherit;}
.question-list.type01 .question-select {margin-top: 24px; padding: 0; border: 0;}
.question-list.type01 .question-select .field-group {height: auto;}
.question-list.none-number .question-title::before {display: none;}
.question-list.none-number .question-select {padding: 0; border: 0;}

/* NOTICE */
.notice {}
.notice-title {display: flex; padding: 10px 16px; border-radius: 10px; background-color: rgb(246, 246, 246);}
.notice-title::before{width:24px;height:24px;margin-right:8px;background-image:url("/assets/p/images/common/icn_checkitout.svg");background-repeat:no-repeat;background-position:50% 50%;content:"";}
.notice .bullet-list {margin-top: 16px; padding-left: 16px;}

/* SEARCH */
/* .search {display: flex; justify-content: center; align-items: center; height: 108px; border-radius: 10px; background-color: #f5f6f9;} */
.icn-search {width: 32px; height: 32px; background-image: url("/assets/p/images/common/search.svg"); background-repeat: no-repeat; background-position: 0 0; background-size: 32px 32px;}

/* NONE DATA */
.nonedata {padding: 100px 0 100px; border-bottom: 1px solid rgb(221, 221, 221); text-align: center;}
.nonedata-image {display: inline-block; width: 80px; height: 80px; background-color: rgb(204, 204, 204);}
.nonedata-text {margin-top: 24px; text-align: inherit; font-size: 16px; color: rgb(85, 85, 85);}




.shortcut-lst.ref-lst > ul{display:flex;flex-wrap:wrap;margin-left:-24px;}
.shortcut-lst.ref-lst > ul > li{flex-basis:calc(50% - 24px);margin-bottom:20px;margin-left:24px;}
.shortcut-lst .dl.shortcut{display:flex;align-items:center;height:162px;padding:20px 28px;border:1px solid rgb(221, 221, 221);border-radius:10px;transition:all .2s ease;}
.shortcut-lst .dl.shortcut:hover{box-shadow:0 0 0 2px rgba(169, 16, 57, 1);}
.shortcut-lst .dl.shortcut .dt{padding:0 20px 0 8px;}
.shortcut-lst .dl.shortcut .dd h5{display:inline-block;vertical-align:middle;position:relative;font-size:22px;font-weight:normal;padding-right:22px;}
.shortcut-lst .dl.shortcut .dd h5:after{
	position:absolute;top:10px;right:0;width:16px;height:16px;line-height:16px;text-align:center;
	font-family:FontAwesome;font-size:26px;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;content:"\f105";
	
}

.shortcut-lst .dl.shortcut .dd .desc{margin-top:12px;padding-right:12px;}
.shortcut-lst .dl.shortcut .dd .desc p{font-size:16px;color:#555;word-break:keep-all;}












/* LINKS GROUP */
.links-group {display: flex; align-items: stretch; height: 75px; border-radius: 10px; border: 1px solid #BBB;}
.links-item {position: relative; flex-grow: 1; flex-shrink: 1; flex-basis: 0;}
.links-item + .links-item::before {content: ''; position: absolute; top: 50%; left: 0; height: 32px; border-left: 1px solid #DDD; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.links-anchor {display: flex; justify-content: center; align-items: center; height: 100%;transition:all .2s ease;}
.links-anchor:hover{background-color:rgba(0, 0, 0, .04);}
.links-anchor .lbl {font-size: 18px; line-height: 1; color: rgb(34, 34, 34);}
.links-anchor .icn {margin-left: 8px; width: 18px; height: 18px; background-image: url("/assets/p/images/common/icn_link.svg"); background-repeat: no-repeat; background-position: 0 0; background-size: 18px 18px;}

/* OVERRIDE TABLE */
.tbl {overflow: visible!important;} /* overflow : auto 시에 border-top 1px 안보임 */

/* 전자민원신청 > 별첨 다운로드 */
.tdl-btns {padding:10px 0;border-top:1px solid rgb(187, 187, 187)!important;border-bottom: 1px solid rgb(187, 187, 187)!important;}
.tdl-btns dl {border-bottom: 0!important;}
.tdl-btns dl dt {flex-basis:0;white-space:nowrap;background-color:transparent;}
.tdl-btns dl dd {flex-direction:row;justify-content:flex-start;gap:10px;min-height: auto;}
.tdl-btns dl dd .btn{flex-grow:0;flex-shrink:0;flex-basis:auto;}
.tdl-btns .btn-tbl {padding-left: 13px; padding-right: 13px;}

.tdl-form .required::after {content: '*'; color: rgb(17, 105, 199);}
.tbl-ty2 th.line, .tbl-ty2 td.line {border-right: 1px solid rgb(187, 187, 187);}
/* OVERRIDE TABS */
.tab-grp.space {margin-top: 60px;}
/* OVERRIDE TITLEBAR */
.title-bar.space {margin-top: 60px;}
/* OVERRIDE TERM */
.pagination + .term-bottom {margin: 0; padding: 0; border-top: 0;}
/* OVERRIDE TIP LIST */
.tip-lst.space-sm {margin-top: 8px;}

/* WEBSQUARE OVERRIDE - COMMON */
input, select, textarea, button, option {font-family:"Noto Sans KR", "맑은 고딕", "돋움", Dotum, sans-serif!important;}
.w2group.field-outline {background-color: transparent !important;}

/* WEBSQUARE OVERRIDE - INPUTCALENDAR */
.field-calendar {display: flex!important; align-items: stretch; height: 48px; border: 0; background-color: transparent;}
.field-calendar:focus {outline: none;}
.field-calendar * {background: transparent;}
.field-calendar .w2inputCalendar_div_input {flex-grow:1;flex-shrink:1;flex-basis:0; position: relative; float: initial!important; margin: 0; padding: initial!important; width: initial!important; height: initial!important;}
.field-calendar .w2inputCalendar_divInput {margin: 0; padding: 0 16px!important; border: 0; width: 100%!important; height: 100%!important; font-family: "돋움",Dotum; font-size: 16px!important; ime-mode: disabled;}
.field-calendar .w2inputCalendar_divInput:focus {outline: none;}
.field-calendar .w2inputCalendar_div_img {flex-grow: 0; flex-shrink: 0; flex-basis: auto; display: flex; align-items: center; padding: 0 10px; width: initial!important; height: 100%;}
.field-calendar .w2inputCalendar_button {
	position:relative;top:initial!important;width:16px;height:16px;overflow:visible;
	line-height:0;font-size:0;cursor:pointer;
	margin:0;padding:0;border:0;
	background-image:url("/assets/p/images/common/icn_datepicker.svg") !important;background-repeat:no-repeat;background-position:0 0;
}

/* WEBSQUARE OVERRIDE - GRIDVIEW */
/* .grid-ty3 {border-bottom: 1px solid #bbb !important;} */
.gridview-custom {font-size: 14px;}
/* WEBSQUARE OVERRIDE - RADIO, CHECKBOX */
.field-checkbox-wq input,
.field-radio-wq input{
	position:absolute;top:0;left:0;overflow:hidden;width:0;height:0;
	appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;
	opacity:.1;z-index:-1;
}
.field-radio-wq label,
.field-checkbox-wq label{display:flex;align-items:center;line-height:1;font-size:16px;cursor:pointer;}
.field-radio-wq label::before,
.field-checkbox-wq label::before{width:24px;height:24px;margin-right:10px;content:"";transition:box-shadow .2s ease;}
.field-radio-wq label:hover::before,
.field-checkbox-wq label:hover::before{box-shadow:0 0 0 6px rgba(0, 0, 0, .08);}

.field-radio-wq input:focus.focus-visible ~ label,
.field-checkbox-wq input:focus.focus-visible ~ label{outline-style:auto;outline-offset:2px;}

.field-radio-wq input:disabled ~ label,
.field-checkbox-wq input:disabled ~ label{cursor:default;}
.field-radio-wq input:disabled ~ label:hover::before,
.field-checkbox-wq input:disabled ~ label:hover::before{box-shadow:none;}


.field-checkbox-wq.size-20 > div {height:40px;}
.field-checkbox-wq.color-fff label{color:#fff;}
.field-checkbox-wq.size-20 label{font-size:14px;}
.field-checkbox-wq.size-20.color-fff label::before{width:20px;height:20px;background-image:url("/assets/p/images/common/icns_form_checkbox_20.svg");background-repeat:no-repeat;background-position:0 -20px;background-size:20px 40px;}
.field-checkbox-wq.size-20.color-fff input[type="checkbox"]:checked + label::before{background-position:0 0;}


/* WEBSQUARE OVERRIDE - RADIO */
.field-radio-wq > div {display: inline-flex; align-items: center; position: relative; margin-right: 32px; height: 48px;}
.field-radio-wq > div:last-child {margin-right: 0!important;}
.field-radio-wq label {display: flex; align-items: center; font-size: 16px; line-height: 1; cursor: pointer;}
.field-radio-wq label::before{border-radius:50%;background:url("/assets/p/images/common/icns_form_radio.svg") no-repeat 0 0;background-size:48px 48px;}
.field-radio-wq input:checked ~ label::before {background-position: 0 100%;}
.field-radio-wq input:disabled ~ .label::before {background-position: 100% 0;}
.field-radio-wq input:checked:disabled ~ label::before {background-position: 100% 100%;}
.field-radio-wq.button.size-lg label {width: 200px;}
.field-radio-wq.button > div {margin-right: 12px;}
.field-radio-wq.button label {flex-grow:1;flex-shrink:0;flex-basis:auto; display: flex; justify-content: center; align-items: center; position: relative; padding: 0 10px; min-width: 80px; height: 48px; border-radius: 5px; background-color: rgb(255, 255, 255); box-shadow: inset 0 0 0 1px rgb(187, 187, 187); font-size: 16px; cursor: pointer;}
.field-radio-wq.button label::before {display: none;}
.field-radio-wq.button input:checked ~ label {box-shadow: inset 0 0 0 2px rgba(197, 135, 73, 1);}
.field-radio-wq.button input:disabled ~ label {box-shadow: inset 0 0 0 1px rgb(187, 187, 187);}
.field-radio-wq.button input:checked:disabled ~ label {box-shadow: inset 0 0 0 2px rgb(187, 187, 187);}
/* WEBSQUARE OVERRIDE - CHECKBOX */
.field-checkbox-wq > div {display: inline-flex; align-items: center; position: relative; margin-right: 32px; height: 48px;}
.field-checkbox-wq > div:last-child {margin-right: 0!important;}
.field-checkbox-wq label {display: flex; align-items: center; font-size: 16px; line-height: 1; cursor: pointer;}
.field-checkbox-wq label::before{border-radius:4px;background:url("/assets/p/images/common/icns_form_checkbox.svg") no-repeat 0 0;background-size:48px 48px;}
.field-checkbox-wq input:checked ~ label::before {background-position: 0 100%;}
.field-checkbox-wq input:disabled ~ .label::before {background-position: 100% 0;}
.field-checkbox-wq input:checked:disabled ~ label::before {background-position: 100% 100%;}
.field-checkbox-wq.size-md label {font-size: 18px;}


.field-radio-wq + .field-group.field-conditional{margin-top:8px;}



.field-file,
.field-file form,
.field-file fieldset{display:block;position:relative;width:100%;height:100%;}
.field-file fieldset{display:flex;justify-content:space-between;align-items:center;gap:12px;}
.field-file fieldset .w2upload_input{
	flex-grow:1;flex-shrink:1;flex-basis:0;height:48px;padding:0 12px;border:0;border-radius:5px;background-color:rgb(255, 255, 255);
	box-shadow:0 0 0 1px rgb(187 187 187);transition:all .2s ease;
}
.field-file fieldset .w2upload_input:focus{outline-color:rgb(55 143 238);}
.field-file fieldset .w2upload_image{
	flex-grow:0;flex-shrink:0;flex-basis:auto;position:relative;top:auto;margin:0;
	display:inline-flex;justify-content:center;align-items:center;
	width:auto;height:48px;font-size:16px;white-space:nowrap;cursor:pointer;
	padding:0 12px;border:1px solid #bbb;border-radius:5px;
	background:#fff;transition:all .2s ease;
}
.field-file fieldset .w2upload_image:focus-within{outline-style:auto;}
.field-file fieldset .w2upload_image:hover{border-color:rgba(0, 0, 0, .4);background:rgba(0, 0, 0, .04);}
.field-file fieldset .w2upload_image:before{content:"파일업로드";}
.field-file fieldset .w2upload_image .w2upload_fakeInput{position:absolute;top:0;left:0;width:100% !important;height:100%;cursor:pointer;}




/**
 * SH
 */

/* 임시 */
.hidden {display:none !important;}
.tac {text-align: center;}
.tar {text-align: right;}
.tal {text-align: left;}


/* 공통color */
.c-red {color: #a90f39;}
.c-point {color:#a90f39}

.link {color: inherit; text-decoration:underline;}
.link:hover {color:#a90f39}

/* step : 수정이슈 있음 */
.title-bar .step {position: absolute; top:11px; right:0;}
.step {display:flex; counter-reset:step}
.step .lbl {font-size:0;}
.step li {display: inline-flex;align-items: center;}
.step li:not(:last-child):not(.current) {margin-right: 24px;}
.step li:before {display: inline-block; width:12px; height:12px; font-size:0; border-radius:50%; background:rgba(169, 16, 57, 1); counter-increment: step; content:counter(step);}
.step li.current {margin-right: 18px; margin-left:-6px}
.step li.current:before {width:24px; height:24px; line-height:24px; vertical-align: middle; text-align:center; font-size:15px; font-weight:bold; color:#fff;}
.step li.current ~ li:before {background:rgba(235, 226, 216, 1);}
.step.type01 li.current .lbl {font-size:14px; margin-left:12px;}


/* 상품공시 이용 메뉴얼 */
.manual-list {margin-top: 28px; border-top:1px solid #555;}
.manual-list > li{display:flex;align-items:flex-start;padding:40px 30px;border-bottom:1px solid rgba(0, 0, 0, .16);}
.manual-list .ca{margin-right:40px;}
.manual-list .manual-title{font-size:22px;color: #222222;}
.manual-list .manual-title + .manual-desc{margin-top:16px;}
.manual-list .manual-desc .bl-middot > li:before{top:13px;}
.manual-list .manual-desc p{line-height:1.8;font-size:16px;word-break:keep-all;}
.manual-list .manual-desc p + .shortcut-lst{margin-top:12px;}
.manual-list .manual-desc .shortcut-lst li{margin:2px 0 2px -6px;}

.site-prd-lst ul{display:flex;gap:24px;flex-wrap:wrap;}
.site-prd-lst li{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 20px);}
.site-prd-lst .site-prd{display:block;border:1px solid rgba(0, 0, 0, .16);border-radius:10px;transition:all .2s ease;}

.site-prd-lst .site-prd:hover{border-color:rgba(0, 0, 0, 0);box-shadow:0 0 0 2px rgba(169, 16, 57, 1);}
/* .site-prd-lst .site-prd:hover{border-color:rgba(0, 0, 0, 0);box-shadow:0 0 0 2px #0d8732;}
.site-prd-lst .site-prd:hover{border-color:rgba(0, 0, 0, 0);box-shadow:0 0 0 2px rgb(197, 135, 73);} */



.site-prd-lst dl{display:flex;padding:28px;}
.site-prd-lst dt{flex-grow:0;flex-shrink:0;flex-basis:auto;}
.site-prd-lst dt .thumb{width:134px;height:58px;}
.site-prd-lst dd{flex-grow:1;flex-shrink:1;flex-basis:0;padding-left:20px;}
.site-prd-lst dd h5{word-break:keep-all;}
.site-prd-lst dd h5 + .btn-bar{margin-top:8px;}

/* 공동인증서 관리 */
.cert-step-lst{padding:20px;border-radius:10px;background:rgba(0, 0, 0, .04);}
.cert-step-lst ul{display:flex;justify-content:space-between;align-items:flex-start;}
.cert-step-lst li{position:relative;flex-grow:0;flex-shrink:0;min-width:20%;}
.cert-step-lst.pc-to-m li{flex-basis:25%;}
.cert-step-lst.m-to-pc li{flex-basis:20%;}
.cert-step-lst li + li:before{
	display:block;position:absolute;top:48px;left:-12px;width:24px;height:24px;
	background-image:url("/assets/p/images/common/icn_rang_16.svg");background-repeat:no-repeat;background-position:50% 50%;background-size:24px 24px;
	content:"";
}
.cert-step-lst .cert-step{position:relative;padding:20px 0;}
.cert-step-lst .cert-step dt{display:flex;justify-content:center;}
.cert-step-lst .cert-step dt .icn{width:64px;height:64px;background-image:url("/assets/p/images/CUS/icns_cert.svg");background-repeat:no-repeat;background-size:320px 128px;}
.cert-step-lst.pc-to-m li:nth-child(1) .cert-step dt .icn{background-position:0 0;}
.cert-step-lst.pc-to-m li:nth-child(2) .cert-step dt .icn{background-position:-64px 0;}
.cert-step-lst.pc-to-m li:nth-child(3) .cert-step dt .icn{background-position:-128px 0;}
.cert-step-lst.pc-to-m li:nth-child(4) .cert-step dt .icn{background-position:-192px 0;}
.cert-step-lst.m-to-pc li:nth-child(1) .cert-step dt .icn{background-position:0 -64px;}
.cert-step-lst.m-to-pc li:nth-child(2) .cert-step dt .icn{background-position:-64px -64px;}
.cert-step-lst.m-to-pc li:nth-child(3) .cert-step dt .icn{background-position:-128px -64px;}
.cert-step-lst.m-to-pc li:nth-child(4) .cert-step dt .icn{background-position:-192px -64px;}
.cert-step-lst.m-to-pc li:nth-child(5) .cert-step dt .icn{background-position:-256px -64px;}
.cert-step-lst .cert-step dd{min-height:48px;margin-top:20px;padding:0 8px;}
.cert-step-lst .cert-step dd p{text-align:center;font-size:16px;color:#424242;word-break:keep-all;}

.btn-bar.app-download{display:flex;justify-content:space-between;}
.btn-bar.app-download .btn-app-download{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 10px);justify-content:center;align-items:center;border-radius:10px;background:rgba(0, 0, 0, .04);}
.btn-app-download{height:auto;padding:32px 0;}
.btn-app-download .lbl{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;clip:rect(0, 0, 0, 0);}
.btn-app-download .icn{width:372px;height:92px;}
.btn-app-download.android .icn{background-image:url("/assets/p/images/CUS/qr_android.png");background-repeat:no-repeat;}
.btn-app-download.ios .icn{background-image:url("/assets/p/images/CUS/qr_ios.png");background-repeat:no-repeat;}

/* 익스플로러 서비스 종료 */
.btn.btn-primary.btn-browser{padding:0 20px;border:2px solid rgba(0, 0, 0, .16);}
.btn.btn-primary.btn-browser .icn{width:32px;height:32px;background-repeat:no-repeat;background-position:50% 50%;}
.btn.btn-primary.btn-browser.chrome .icn{background-image:url("/assets/p/images/ETC/icn_browser_chrome.png");}
.btn.btn-primary.btn-browser.edge .icn{background-image:url("/assets/p/images/ETC/icn_browser_edge.png");}
.btn.btn-primary.btn-browser .icn + .lbl{margin-left:12px;}
.btn.btn-primary.btn-browser .lbl{font-weight:normal;}
.btn.btn-primary.btn-browser:hover{border-color:rgba(0, 0, 0, .8);}




/* 웹접근성 안내 */
.about-sensereader{display:block;clear:both;content:"";}
.about-sensereader p{word-break:keep-all;}
.about-sensereader p + p{margin-top:16px;}
.about-sensereader .sensereader{float:right;margin:-50px 0 0 40px;}


/* 예금약관/대출약관 */
.title-bar .terms-btn-down {position: absolute; top:0; right:0; }
.terms-btn-down {display: inline-block; border: 1px solid #BBBBBB; border-radius: 5px; font-size:13px; line-height:16px; color:#222; padding:10px 13px;}
.terms-btn-down:after {content: ''; display: inline-block; width: 16px;height:16px; vertical-align: middle; margin-left:12px; background: pink;}
.terms-btn-down:hover {border-color: #777;}
.terms-info {font-size:14px; color:#555; line-height:1.5em; margin-top:20px; padding:25px 30px; border-radius:10px; background:#F5F6F9;}
.terms-list h5 {margin: 40px 0 12px 0; font-size: 20px; color: #222;}
.terms-cont {color: #555;line-height:1.5em}
.terms-dep {margin:10px 0 15px 0;}
.terms-dep li {margin-top:5px; }
.terms-dep p,.terms-dep li {padding-left: 20px;text-indent: -17px;}
.terms-dep p *,.terms-dep li * {text-indent: 0;}
.term-bottom {font-size:14px; border-top: 1px solid #BBBBBB;margin-top:36px;padding-top: 43px;}
.term-bottom .item {display: flex;margin-top: 15px;}
.term-bottom .item .rt {margin-left: auto;}
.term-bottom .item.dir-column {flex-direction: column;}
.term-bottom .item.dir-column .rt + .rt {margin-top:10px;}

/* 보호금융상품 등록부 */
.regi-box {position: relative;margin: calc(56px + 60px) auto calc(56px + 36px);width: 688px;padding: 24px 50px;background-image: url("/assets/p/images/HLP/frame_02_02.svg");background-repeat: repeat-y;}
.regi-box:before,.regi-box:after {content:''; position: absolute;left:0; display: block; width:100%; height:56px;background-position: 0 0;background-repeat: no-repeat;}
.regi-box:before {top:-56px;background-image: url("/assets/p/images/HLP/frame_02_01.svg");}
.regi-box:after {bottom:-56px;background-image: url("/assets/p/images/HLP/frame_02_03.svg");}
.regi-box .sign {text-align: right;}
.regi-box .sign .title {font-size: 18px; font-weight: bold; color:#222; margin-bottom:15px;}
.regi-box .sign .desc {font-size: 16px; color:#666;}
.regi-top h4 {font-size:32px;font-weight: normal;text-align: center;color:#222; margin-bottom:16px;}
.regi-top .sub {text-align: center;margin-bottom:60px}
.regi-cont.ty-sm {margin: 0 50px;}
.regi-deco {padding-bottom: 30px;}
.regi-deco:before {display: block; height:4px; border-top:1px solid #bbb; border-bottom: 1px dotted #bbb; margin-bottom:30px; content:'';}
.regi-deco:after {display: block; height:4px; border-top:1px solid #bbb; border-bottom: 1px dotted #bbb; margin-top:30px; content:'';}
.regi-dl {display: flex; margin-bottom: 30px;}
.regi-dl dt {flex-basis:100px; width:100px; font-size:18px; font-weight: bold; color:#222;}
.regi-dl dd {flex-grow:1;flex-shrink:1;flex-basis:0;}
.regi-box .tbl th,.regi-box .tbl td {padding-left: 10px;}
.regi-box .graybox {font-size: 14px;}




/* field + field 여백 추가 -추후 취합 */
.field + .field {margin-top: 10px;}

/* tdl space - 추후 취합 : 스탁론- STK0104M01 */
.tdl.space-m {margin-top: 40px;}




/* WEBSQUARE OVERRIDES */

/* .gridview-bbs-lst{overflow:auto;text-align:left;border-top:1px solid rgba(0, 0, 0, .64);border-bottom:1px solid rgba(0, 0, 0, .24);} */
.gridview-bbs-lst{overflow:auto;text-align:left;border-top:1px solid rgba(0, 0, 0, .64);}
.gridview-bbs-lst table{width:100%;font-size:14px;border:0;}
.gridview-bbs-lst table thead th{background:#f6f6f6 !important;}

.gridview-bbs-lst table tbody tr{background:none !important;}
.gridview-bbs-lst table tbody tr td{background:#fff !important;}
.gridview-bbs-lst table tbody tr:hover td{background:rgba(235, 136, 23, .12) !important;}

.gridview-bbs-lst table th,
.gridview-bbs-lst table td{height:48px !important;padding-top:12px;padding-bottom:12px;border-bottom:1px solid #bbb !important;border-width:0 0 1px 0 !important;}
.gridview-bbs-lst table tbody td.has-anc button{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:0;background:none;}
.gridview-bbs-lst table tbody td.has-anc button:hover{color:#000;text-decoration:underline;}

/* .pinned */
.gridview-bbs-lst table tbody tr.pinned td{color:#a90f39;}
.gridview-bbs-lst table tbody tr.pinned .has-num nobr{display:inline-block;vertical-align:middle;font-size:12px;color:#fff;padding:2px 8px;border-radius:2px;background:#a90f39;}
.gridview-bbs-lst table tbody tr.pinned td,
.gridview-bbs-lst table tbody tr.pinned .sbj,
.gridview-bbs-lst table tbody tr.pinned td.has-anc button:hover{color:#a90f39;}

/* .gridview-bbs-lst table tbody td .icn.file{width:16px;height:16px;vertical-align:-1px;}
.gridview-bbs-lst table tbody td .icn.file:before{font-family:FontAwesome;font-size:15px;font-weight:normal;font-style:normal;-webkit-font-smoothing:antialiased;}
.gridview-bbs-lst table tbody td .icn.file.txt:before{content:"\f0f6";}
.gridview-bbs-lst table tbody td .icn.file.pdf:before{content:"\f1c1";}
.gridview-bbs-lst table tbody td .icn.file.doc:before{content:"\f1c2";}
.gridview-bbs-lst table tbody td .icn.file.xls:before{content:"\f1c3";}
.gridview-bbs-lst table tbody td .icn.file.ppt:before{content:"\f1c4";}
.gridview-bbs-lst table tbody td .icn.file.img:before{content:"\f1c5";}
.gridview-bbs-lst table tbody td .icn.file.zip:before{content:"\f1c6";}
.gridview-bbs-lst table tbody td .icn.file.etc:before{content:"\f016";} */

.gridview-bbs-lst table tbody td .icn.file{width:16px;height:16px;background-image:url("/assets/p/images/common/icn_attachment.svg");background-repeat:no-repeat;background-position:505 50%;}

.gridview-bbs-lst table tbody td.no-result{height:240px !important;color:#888;background:rgba(0, 0, 0, .02) !important;}

.gridview-pagination{margin:28px 0;}
.gridview-pagination .w2pageList_ul,
.gridview-pagination .w2pageList_ul li,
.gridview-pagination .w2pageList_ul li .w2pageList_control_label{display:flex;justify-content:center;align-items:center;}
.gridview-pagination a{width:36px;height:36px;}
.gridview-pagination a:focus{outline-offset:-2px;}
.gridview-pagination .w2pageList_ul li{margin:0 4px;}
.gridview-pagination .w2pageList_control_label{color:#555;border:2px solid rgba(0, 0, 0, 0);border-radius:5px;transition:border-color .1s ease;}
.gridview-pagination .w2pageList_control_label:hover{color:#000;border-color:rgba(0, 0, 0, .08);}
.gridview-pagination .w2pageList_label_selected{font-weight:bold;color:#a90f39;cursor:default;border-color:#a90f39;pointer-events:none;}
.gridview-pagination .w2pageList_col_prevPage,
.gridview-pagination .w2pageList_col_prev,
.gridview-pagination .w2pageList_col_next,
.gridview-pagination .w2pageList_col_nextPage{width:36px;height:36px;}
.gridview-pagination .w2pageList_col_prevPage img,
.gridview-pagination .w2pageList_col_prev img,
.gridview-pagination .w2pageList_col_next img,
.gridview-pagination .w2pageList_col_nextPage img{display:none;}
.gridview-pagination .w2pageList_col_prevPage a,
.gridview-pagination .w2pageList_col_prev a,
.gridview-pagination .w2pageList_col_next a,
.gridview-pagination .w2pageList_col_nextPage a{background:url("/assets/p/images/common/icns_pagination.svg") no-repeat;opacity:.6;transition:opacity .2s ease;}/* 20230904 웹접근성 명도 대비 opcity 수정 */
.gridview-pagination .w2pageList_col_prevPage a{background-position:0 0;}
.gridview-pagination .w2pageList_col_prev a{background-position:-36px 0;}
.gridview-pagination .w2pageList_col_next a{background-position:-72px 0;}
.gridview-pagination .w2pageList_col_nextPage a{background-position:-108px 0;}
.gridview-pagination .w2pageList_col_prevPage a:hover,
.gridview-pagination .w2pageList_col_prev a:hover,
.gridview-pagination .w2pageList_col_next a:hover,
.gridview-pagination .w2pageList_col_nextPage a:hover{opacity:1;}
.gridview-pagination .w2pageList_li_label{padding:0;}

.has-btn nobr {padding:0; white-space: normal;}
.has-btn .btn-grid {min-width:74px; border: 1px solid #bbb !important;border-radius: 4px;margin:4px 2px;padding:0 3px;background: #fff;}
.has-btn .btn-grid:hover {background: rgba(246, 246, 246, 1);}




/* calendar */
.w2calendar_class1{width:240px;height:auto;}
.w2calendar_class1.w2calendar{overflow:hidden;border:1px solid rgba(0, 0, 0, .32);border-radius:4px;}
.w2calendar_class1 .w2calendar_wrap *{box-sizing:border-box;}
.w2calendar_class1 .w2calendar_header{display:flex;justify-content:space-between;align-items:center;height:auto;padding:8px;background:rgba(0, 0, 0, .08);}
.w2calendar_class1 .w2calendar_header .w2calendar_header_last_year,
.w2calendar_class1 .w2calendar_header .w2calendar_header_last_month,
.w2calendar_class1 .w2calendar_header .w2calendar_selectbox_year_native,
.w2calendar_class1 .w2calendar_header .w2calendar_selectbox_month_native,
.w2calendar_class1 .w2calendar_header .w2calendar_header_next_month,
.w2calendar_class1 .w2calendar_header .w2calendar_header_next_year{position:relative;top:auto;left:auto;font-size:14px;margin:0;}
.w2calendar_class1 .w2calendar_header .w2calendar_header_last_year,
.w2calendar_class1 .w2calendar_header .w2calendar_header_next_year{display:none;}
.w2calendar_class1 .w2calendar_header button{position:relative;width:28px;height:28px;overflow:hidden;text-indent:0;font-size:1px;clip:rect(1px, 1px, 1px, 1px);background:none;opacity:.6;transition:all .3s ease;}
.w2calendar_class1 .w2calendar_header button:before{display:block;width:28px;height:28px;line-height:28px;text-align:center;font-family:FontAwesome;font-size:18px;font-weight:normal;font-style:normal;-webkit-font-smoothing:antialiased;}
.w2calendar_class1 .w2calendar_header button:hover{opacity:1;}
.w2calendar_class1 .w2calendar_header select{height:28px;}
.w2calendar_class1 .w2calendar_header .w2calendar_selectbox_year_native,
.w2calendar_class1 .w2calendar_header .w2calendar_selectbox_month_native{width:auto;padding:0 4px;border:1px solid rgba(0, 0, 0, .24);border-radius:5px;}
.w2calendar_class1 .w2calendar_header .w2calendar_header_last_year:before{content:"\f137";}
.w2calendar_class1 .w2calendar_header .w2calendar_header_last_month:before{content:"\f0d9";content:"\f137";}
.w2calendar_class1 .w2calendar_header .w2calendar_header_next_month:before{content:"\f0da";content:"\f138";}
.w2calendar_class1 .w2calendar_header .w2calendar_header_next_year:before{content:"\f138";}
.w2calendar_class1 .w2calendar_content{padding:8px;border:0;background:#fff;}
.w2calendar_class1 .w2calendar_content_table{border-collapse:separate;border-spacing:2px;}
.w2calendar_class1 .w2calendar_content_table thead .w2calendar_col_day{height:24px;}
.w2calendar_class1 .w2calendar_content_table tbody .w2calendar_col_date{height:24px;border:0;background:none;}
.w2calendar_class1 .w2calendar_content_table tbody .w2calendar_col_date button{width:100%;height:100%;text-align:center;font:13px Arial, Helvetica, Sans-serif;border:1px solid rgba(0, 0, 0, .16);border-radius:4px;background:none;transition:border-color .1s ease;}
.w2calendar_class1 .w2calendar_content_table tbody .w2calendar_col_date.w2calendar_today button{font-weight:bold;color:#222;text-decoration:underline;}
.w2calendar_class1 .w2calendar_content_table tbody .w2calendar_col_date.w2calendar_selected button{background:rgba(55, 143, 238, 1);}
.w2calendar_class1 .w2calendar_content_table tbody .w2calendar_col_date.w2calendar_selected button,
.w2calendar_class1 .w2calendar_content_table tbody .w2calendar_col_date.w2calendar_date_over button,
.w2calendar_class1 .w2calendar_content_table tbody .w2calendar_col_date.w2calendar_selected.w2calendar_date_over button,
.w2calendar_class1 .w2calendar_content_table tbody .w2calendar_col_date.w2calendar_today.w2calendar_selected button{color:#fff;}
.w2calendar_class1 .w2calendar_content_table tbody .w2calendar_col_date.w2calendar_date_over,
.w2calendar_class1 .w2calendar_content_table tbody .w2calendar_col_date.w2calendar_date_over button{color:inherit;}
.w2calendar_class1 .w2calendar_content_table tbody .w2calendar_col_date.w2calendar_date_over button{border-color:rgba(0, 0, 0, .4);}
.w2calendar_class1 .w2calendar_footer{position:absolute;bottom:0;left:0;width:100%;height:0;overflow:hidden;margin:0;padding:0;}
.w2calendar_class1 .w2calendar_footer .w2calendar_go_today,
.w2calendar_class1 .w2calendar_footer .w2calendar_footer_date{display:none;}
.w2calendar_class1 .w2calendar_footer .w2calendar_date_cancel{position:absolute;bottom:0;right:0;width:1px;height:1px;overflow:hidden;font-size:1px;clip:rect(1px, 1px, 1px, 1px);}





/* 고객센터 > 예금약관/대출약관 */
.term.type-01 + .term.type-01{margin-top:40px;}
.term.type-01 li,
.term.type-01 p{line-height:1.8;word-break:keep-all;}
.term.type-01 .term-title .title-bar + .desc{margin-top:16px;}
.term.type-01 .term-title h4 + .desc{margin-top:16px;}
.term.type-01 .term-title h4 + .term-content{margin-top:16px;}
.term.type-01 .term-title ~ .term-content{margin-top:28px;}
.term.type-01 .term-content ~ .term-title{margin-top:40px;}
.term.type-01 .term-content ~ .term-condition{margin-top:60px;}
.term.type-01 .term-content ~ .term-contact{margin-top:60px;}
.term.type-01 .term-content ol + ol,
.term.type-01 .term-content ol + ul,
.term.type-01 .term-content ul + ol,
.term.type-01 .term-content ul + ul{margin-top:32px;}
.term.type-01 .term-content li{position:relative;}
.term.type-01 .term-content li,
.term.type-01 .term-content p{word-break:keep-all;}
.term.type-01 .term-content > ol:not(.floor) > li ~ li,
.term.type-01 .term-content > ul:not(.floor) > li ~ li{margin-top:32px;}
.term.type-01 .term-content h5.has-angle{margin-left:-8px;}
.term.type-01 .term-content h5 ~ p,
.term.type-01 .term-content h5 ~ ol,
.term.type-01 .term-content h5 ~ ul{margin-top:16px;}
.term.type-01 .term-content li > ol,
.term.type-01 .term-content li > ul{margin:.8em 0;}
.term.type-01 .term-content li li > ol,
.term.type-01 .term-content li li > ul{margin:.6em 0;}
.term.type-01 .term-content .bl-d-round > li:before{top:.6em;}
.term.type-01 .term-content .bl-dash > li:before{top:15px;}
.term.type-01 .term-content .bl-middot > li:before{top:13px;}
.term.type-01 .term-content .li-h5-d-dot > li > h5 + ol,
.term.type-01 .term-content .li-h5-d-dot > li > h5 + ul,
.term.type-01 .term-content .li-h5-d-dot > li > h5 + p{margin-left:1.2em;}
.term.type-01 .term-content ul + .list-box{margin-top:16px;}
.term.type-01 .term-content p + .list-box{margin-top:12px;}
.term.type-01 .term-condition dl{display:flex;justify-content:space-between;align-items:center;padding:8px 0;}
.term.type-01 .term-condition dt{font-weight:bold;}

.term.type-01 .term-content + .term-version{margin-top:40px;}
.term.type-01 .term-version dl{display:flex;justify-content:space-between;align-items:flex-end;}
.term.type-01 .term-version dt{font-weight:bold;}
.term.type-01 .term-version .field-group{min-height:0;}
.term.type-01 .term-version .field-select{height:40px;font-size:14px;}
.term.type-01 .term-version .btn-lookup{height:40px;font-size:14px;color:#555;padding:0 16px;border:0}
.term.type-01 .term-version .btn-lookup .icn{width:16px;height:16px;background:url("/assets/p/images/common/icn_download.svg") no-repeat 50% 50%;}
.term.type-01 .term-version .btn-lookup .lbl + .icn{margin-left:4px;}

.term.type-01 .term-box{padding:24px 28px;border-radius:10px;background-color:rgba(0, 0, 0, .04);}
.term.type-01 .term-box h5{text-align:center;}
.term.type-01 .term-box h5 + .h5-box{margin-top:24px;}
.term.type-01 .term-box .h5-box{padding:24px; border:1px solid rgba(0, 0, 0, .16);border-radius:10px;background-color:rgba(255, 255, 255, 1);}

.term.type-01 .lbl-lst{display:flex;flex-wrap:wrap;}
.term.type-01 .lbl-lst .lbl{flex-grow:1;flex-shrink:0;flex-basis:50%;position:relative;white-space:nowrap;padding:0 12px;}
.term.type-01 .lbl-lst .lbl:before{display:block;position:absolute;top:13px;left:2px;width:3px;height:3px;font-size:0;border-radius:50%;background:rgba(0, 0, 0, .6);content:"";}




.bl-d-dot > li,
.bl-d-round > li,
.bl-ganada > li,
.bl-dash > li,
.bl-middot > li,
.bl-aster > li{position:relative;text-indent:0;}

.bl-d-dot{counter-reset:bl-d-dot;}
.bl-d-dot > li{padding-left:1.2em;}
.bl-d-dot > li + li{margin-top:4px;}
.bl-d-dot > li:before{position:absolute;top:0;left:0;content:counter(bl-d-dot) ".";counter-increment:bl-d-dot;}

.h6-d-dot{counter-reset:h6-d-dot;}
.h6-d-dot > li{padding-left:1.2em;}
.h6-d-dot > li + li{margin-top:4px;}
.h6-d-dot > li h6:before{position:absolute;top:0;left:0;content:counter(h6-d-dot) ".";counter-increment:h6-d-dot;}

.bl-d-round{counter-reset:bl-d-round;}
.bl-d-round > li{padding-left:1.4em;}
.bl-d-round > li + li{margin-top:4px;}
.bl-d-round > li:before{
	display:inline-flex;justify-content:center;align-items:center;
	position:absolute;top:.4em;left:0;width:1.3em;height:1.3em;text-align:center;font-size:.75em;
	border:1px solid rgba(0, 0, 0, .4);border-radius:50%;
	content:counter(bl-d-round);counter-increment:bl-d-round;
}

.bl-ganada{counter-reset:bl-ganada;}
.bl-ganada > li{padding-left:1.2em;}
.bl-ganada > li + li{margin-top:4px;}
.bl-ganada > li:before{position:absolute;top:0;left:0;content:counter(bl-ganada, korean-hangul-formal) ".";counter-increment:bl-ganada;}

.bl-dash > li{padding-left:12px;}
.bl-dash > li:before{display:block;position:absolute;top:13px;left:1px;width:5px;height:1px;font-size:0;border-radius:50%;background:rgba(0, 0, 0, .6);content:"";}

.bl-middot > li{padding-left:12px;}
.bl-middot > li:before{display:block;position:absolute;top:11px;left:2px;width:3px;height:3px;font-size:0;border-radius:50%;background:rgba(0, 0, 0, .6);content:"";}

.bl-aster > li{padding-left:12px;}
.bl-aster > li:before{position:absolute;top:.2em;left:0;content:"*";}

.bl-dash.exceptional > li:only-child,
.bl-middot.exceptional > li:only-child{padding-left:0;}
.bl-dash.exceptional > li:only-child:before,
.bl-middot.exceptional > li:only-child:before{display:none;}


.li-h5-d-dot > li > h5{text-indent:-1.2em;padding-left:1.2em;}
.li-d-round > li{text-indent:-1.2em;padding-left:1.2em;}
.li-round-d-round > li{text-indent:-1.4em;padding-left:1.4em;}
.li-d-dot > li{text-indent:-1.0em;padding-left:1.0em;}
.li-ganada > li{text-indent:-1.4em;padding-left:1.4em;}

.office-contact dl{display:flex;justify-content:flex-end;align-items:center;}
.office-contact dl + dl{margin-top:4px;}
.office-contact dt:after{content:" :";}
.office-contact dt + dd{padding-left:4px;}

.reg-info dl{display:flex;justify-content:flex-end;align-items:center;}
.reg-info dl + dl{margin-top:4px;}
.reg-info dt + dd{padding-left:4px;}


/* CEO인사말 */
.page-ceo .ceo-img {border-radius:10px;}
.page-ceo .ceo-cont {display: flex; margin-top: 60px;}
.page-ceo .ceo-cont .linear {font-weight: bold; color:#a90f39;background: repeating-linear-gradient(0deg, #E8CEBB 2px, #E8CEBB 10px, transparent 10px, transparent); color: rgb(169, 16, 57);}
.page-ceo .ceo-title {width: 300px; font-size: 28px; line-height:42px; letter-spacing:-1px;}
.page-ceo .ceo-intro {width: calc(100% - 300px);}

/* 비전/경영이념 */
.page-vsn .vsn-box.ty-list {display: flex;align-items: center; min-height: 144px; border: 1px solid #ddd; border-radius:10px; padding:28px 0;}
.page-vsn .vsn-box.ty-list + .vsn-box.ty-list {margin-top: 24px;}
.page-vsn .vsn-box.ty-list .vsn-box-img {text-align: center; width:240px;height: 100px;}
.page-vsn .vsn-box.ty-list .vsn-box-img + .vsn-box-list {border-left: 1px solid #ddd;}
.page-vsn .vsn-box.ty-list .vsn-box-list {padding:0 30px 0 40px; color: #222;}
.page-vsn .vsn-box.ty-list .vsn-box-list li:not(:first-child) {margin-top:11px;}
.page-vsn .vsn-box.ty-list .lbl {display: inline-block; font-weight: bold;vertical-align: top; margin-right: 17px;}
.page-vsn .vsn-list {margin-top: 80px; padding-top: 121px; background: url("/assets/p/images/BIT/bg_vision.svg") no-repeat 100% 0;}
.page-vsn .vsn-list dl {display: flex; align-items: center;}
.page-vsn .vsn-list dl:not(:first-child) {margin-top: 24px;}
.page-vsn .vsn-list dt {position: relative; width: 150px; font-size: 18px; color: #222; font-weight: bold; margin-right:-5px;}
.page-vsn .vsn-list dt:before {content:''; display: block; position: absolute; top:50%; right:0; width:100%; height:1px; border-top:1px dashed #bbb;}
.page-vsn .vsn-list dt:after {content:''; display: block; position: absolute; top:calc(50% - 5px); right:0;width:10px; height:10px; border-radius:50%; border:2px solid #c48545; background: #fff;}
.page-vsn .vsn-list dt span {position: relative;display: inline-block; padding-right: 4px; background: #fff;}
.page-vsn .vsn-list dt:before {z-index:1;}
.page-vsn .vsn-list dt:after {z-index:1;}
.page-vsn .vsn-list dt span {z-index:3;}
.page-vsn .vsn-list dd {width:calc(100% - 150px)}
.page-vsn .vsn-item-1 dd {text-align: center; font-size:28px;color:#222; border-top: 2px solid;border-bottom: 2px solid;border-color:#b8365a; padding:25px 20px; background: #fff;}
.page-vsn .vsn-item-2 .vsn-box-list {display: flex;border-radius:10px; padding:23px 0;background-color: #fbe5cc;}
.page-vsn .vsn-item-2 .vsn-box-list li {flex-grow:1;flex-shrink:1;flex-basis:0; min-height:24px; text-align: center; font-size:18px; color: #000;}
.page-vsn .vsn-item-2 .vsn-box-list li:not(:first-child) {border-left: 1px solid rgba(255,255,255,.2);}
.page-vsn .vsn-item-3 .vsn-box-list {display: flex; overflow: hidden; border-radius:10px;}
.page-vsn .vsn-item-3 .vsn-box-list li {flex-grow:1;flex-shrink:1;flex-basis:0; font-size:16px; letter-spacing: -1px; color: #222; padding: 25px 15px 25px 20px; background: #f5e7dc;}
.page-vsn .vsn-item-3 .vsn-box-list li:not(:first-child) {border-left: 2px solid rgba(255,255,255,1);}
.page-vsn .vsn-item-3 .vsn-box-list .lbl {display: block; font-weight: bold; margin-bottom: 15px;}
.page-vsn .vsn-item-4 .vsn-box-list {display: flex; overflow: hidden;}
.page-vsn .vsn-item-4 .vsn-box-list li {flex-grow:1;flex-shrink:1;flex-basis:0; font-size:14px; line-height: 22px; letter-spacing: -1px; color: #555; padding: 18px 10px 18px 16px; border: 1px solid #ddd;border-radius:10px;}
.page-vsn .vsn-item-4 .vsn-box-list li:not(:first-child) {margin-left: 4px;}
.page-vsn .vsn-item-4 .vsn-box-list .lbl {display: block; font-size:18px; font-weight: bold; margin-bottom: 15px;}



/* 회사개요 */
.page-summary .summary-title {margin-bottom: 20px;}
.page-summary .summary-title span {color: #a90f39;}
.page-summary p + p{margin-top: 12px;}
.page-summary .summary-img{margin: 80px 0;}

/* 연혁 */
.page-history .history-list {margin-top: 60px;}
.page-history .history-list dl {display: flex;position: relative;}
.page-history .history-list dl dt {width: 140px;font-size: 32px; line-height:1; font-weight: bold;}
.page-history .history-list dl dt .linear {display: inline-block; margin-top:20px; background: repeating-linear-gradient(0deg, #E8CEBB 2px, #E8CEBB 10px, transparent 10px, transparent);}
.page-history .history-list dl.current dt .linear {background: repeating-linear-gradient(0deg, rgba(235, 136, 23, .24) 2px, rgba(235, 136, 23, .24) 10px, transparent 10px, transparent);}
.page-history .history-list dl dd {width: calc(100% - 140px);}
.page-history .history-list dl:before {content:''; display: block; position: absolute; top:0px; left:140px; bottom:0; width:1px; background: #ddd;}
.page-history .history-list dl:first-child:before {top:8px;}
.page-history .history-list dl:last-child:before {bottom:8px;}
.page-history .history-list dl li {position: relative; display: flex; padding-left: 64px;}
.page-history .history-list dl li:not(:first-child) {margin-top:10px;}
.page-history .history-list dl li:first-child:before {content:''; display: block; position: absolute; top:8px; left:-4px; width:8px; height:8px; border-radius:50%; background: #ddd;}
.page-history .history-list dl ul:not(:first-child) {padding-top: 43px;}
.page-history .history-list dl:not(:first-child) ul,
.page-history .history-list dl:not(:first-child) dt {padding-top: 68px;}
.page-history .history-list dl .history-date {width: 110px;font-weight: bold;}
.page-history .history-list dl .history-cont {flex-grow:1;flex-shrink:1;flex-basis:0;}

.page-history .history-list dl dt,
.page-history .history-list dl .history-date{color:#771039;}
.page-history .history-list dl.current dt,
.page-history .history-list dl.current .history-date{color: #a90f39;}



/* 경영공시 */
.headnote-both {display:flex;justify-content:space-between;align-items: flex-end;margin-top:30px; color:#222; font-size:16px;}

/* 그룹사소개 */
.page-group-intro .group-logo {display: flex; align-items: center; justify-content: center; height:200px; border: 1px solid #ddd; border-radius:10px;}
.page-group-intro .group-text1,
.page-group-intro .group-text2 p,
.page-group-intro .group-children{word-break:keep-all;}
.page-group-intro .group-text1 {margin-top:60px;font-size: 18px; font-weight: bold; color: #222;}
.page-group-intro .group-text2 {margin-top:34px;font-size: 16px; color: #555;}
.page-group-intro .group-text2 p {margin:20px 0;}
.page-group-intro .group-text2 + .dot-list {margin-top:60px;}
.page-group-intro .tip-lst {margin-top:10px;}
.page-group-intro .group-children:not(:first-child) {margin-top:20px;}
.page-group-intro .group-children .title {margin-bottom:3px; font-weight: bold;}

/* 채용절차 인재양성 */
.bit-list {display: flex; flex-wrap:wrap; margin-top:10px; margin-left: -80px;}
.bit-list li {margin-top:50px; margin-left:80px; width:calc(50% - 80px); min-height:100px;}
.bit-list li.icon {position: relative; padding-left:120px; min-height: 80px;}
.bit-list li.icon:before {content:''; display:block; position: absolute;top:0; left:0; width: 80px; height:80px; background-image:url("/assets/p/images/BIT/icns_talent.svg");}
.bit-list li.icon-talent1:before {background-position: 0 0;}
.bit-list li.icon-talent2:before {background-position: -80px 0;}
.bit-list li.icon-talent3:before {background-position: -160px 0;}
.bit-list li.icon-talent4:before {background-position: -240px 0;}
.bit-list li.icon-talent5:before {background-position: -320px 0;}
.bit-list .title {font-size:18px; font-weight: bold; color: #222;}
.bit-list .desc {margin-top: 15px; font-size:16px; color: #555;}

.talent-box {display: flex; margin-top: 40px;}
.talent-box .lt {width: 300px;}
.talent-box .rt {flex-grow:1;flex-shrink:1;flex-basis:0;}
.talent-list dl {display: flex;}
.talent-list dt,
.talent-list dd {display: flex; align-items: center;min-height:80px;}
.talent-list dt {width: 128px;font-size:22px; font-weight: bold; color:#a90f39;border-top: 1px solid #a90f39;}
.talent-list dd {flex-grow:1;flex-shrink:1;flex-basis:0; padding-left:40px; width:calc(100% - 128px); border-top: 1px solid #ddd;}
.talent-list dd span {margin-right: 20px; font-weight: bold;}

/* 복리후생 */
.benefit-box-wrap {display: flex; margin-top: 40px; margin-left: -24px;}
.benefit-box {flex-grow:1;flex-shrink:1;flex-basis:0; margin-left:24px; min-height: 172px; border: 1px solid #ddd; border-radius:10px; padding:30px 28px;}
.benefit-box .title {font-size:22px; color: #222;}
.benefit-box .desc {margin-top: 12px; font-size:16px; color: #555; word-break: keep-all;}
.page-benefit .bit-list {display: flex; flex-wrap:wrap; margin-top:10px; margin-left: -20px;}
.page-benefit .bit-list li {margin-top:50px; margin-left:20px; width:calc(100% / 3 - 20px); min-height:190px;}
.page-benefit .bit-list li.icon {position: relative; padding: 73px 0 0 0;}
.page-benefit .bit-list li.icon:before {content:''; display:block; position: absolute;top:0; left:0; width: 48px; height:48px; background-image:url("/assets/p/images/BIT/icns_pictogram_48.svg");}
.bit-list li.icon-benefit1:before {background-position: 0 0;}
.bit-list li.icon-benefit2:before {background-position: -48px 0;}
.bit-list li.icon-benefit3:before {background-position: -96px 0;}
.bit-list li.icon-benefit4:before {background-position: -144px 0;}
.bit-list li.icon-benefit5:before {background-position: -192px 0;}
.bit-list li.icon-benefit6:before {background-position: -240px 0;}
.bit-list li.icon-benefit7:before {background-position: -288px 0;}
.bit-list li.icon-benefit8:before {background-position: -336px 0;}
.bit-list li.icon-benefit9:before {background-position: -384px 0;}


/* 지점안내 */
.page-location .tab-btns .tab-btn .lbl {word-break: keep-all;}
.page-location .title-bar .desc{word-break:keep-all;}
.page-location .title-bar .desc br{display:none;}
.page-location .location-list {display: flex; padding: 40px 0; border-bottom: 1px solid rgb(187, 187, 187); font-size: 16px;}
.page-location .location-list dl {flex-grow: 1; flex-shrink: 0; flex-basis: 0;}
.page-location .location-list dl + dl {margin-left: 16px;}
.page-location .location-list dt {font-weight: bold; font-size: inherit; color: rgb(34, 34, 34);}
.page-location .location-list dd {font-size: inherit; color: rgb(85, 85, 85);}
.page-location .location-list dl:last-child dd {color: rgb(34, 34, 34);}
/* .page-location .cont-main {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:40px; padding:40px 0 0 0; border-top: 1px solid #bbb;}
.page-location .cont-main .location-list:before {content:''; position: absolute;top:0; left:0; display: block;width:48px;height:48px; background-image:url('/assets/p/images/BIT/icns_pictogram_48.svg'); background-repeat: no-repeat;}
.page-location .cont-main .location-list {position: relative;padding-left: 68px;}
.page-location .cont-main .location-list.address {flex-grow:1;flex-shrink:1;flex-basis:0;padding-right:130px;}
.page-location .cont-main .location-list.call {flex-basis:380px;}
.page-location .cont-main .location-list dt {width: 60px; font-size:16px;font-weight: bold;}
.page-location .cont-main .location-list dd {width: calc(100% - 60px);word-break: keep-all;}
.page-location .cont-main .location-list.call dd {width:100%; font-size:38px;color: #222;} */
/* .page-location .cont-sub .location-list {position: relative;padding-left: 120px;}
.page-location .cont-sub .location-list:before {content:''; position: absolute;top:40px; left:0; display: block;width:80px;height:80px; background-image:url('/assets/p/images/BIT//icns_traffic.svg'); background-repeat: no-repeat;}
.page-location .cont-sub .location-list {padding-top:40px;}
.page-location .cont-sub .location-list + .location-list { margin-top:40px;border-top: 1px solid #bbb;}
.page-location .cont-sub .location-list dl:first-child{margin-top: 10px;}
.page-location .cont-sub .location-list dl:not(:first-child){margin-top: 30px;}
.page-location .cont-sub .location-list.car dd {color: #555;} */
/* .page-location .location-list.address:before {background-position: calc(48 * -9px) 0;}
.page-location .location-list.call:before {background-position: calc(48 * -10px) 0;}
.page-location .location-list.subway:before {background-position: calc(80 * 0px) 0;}
.page-location .location-list.bus:before {background-position: calc(80 * -1px) 0;}
.page-location .location-list.car:before {background-position: calc(80 * -2px) 0;} */
.page-location .location-map{flex-basis:100%;margin-top:40px;}

.tbd{display:flex;justify-content:center;align-items:center;height:480px;font-size:60px;font-style:italic;font-weight:bold;color:#fff;background:rgba(0, 0, 0, .24);}




/* 플러그인: nanoscroller */
.nano{position:relative;width:100%;height:100%;overflow:hidden;}
.nano > .nano-content{position:absolute;overflow:scroll;overflow-x:hidden;top:0;right:0;bottom:0;left:0;-ms-overflow-style:none;}
.nano > .nano-content::-webkit-scrollbar{display:none;}
.has-scrollbar > .nano-content::-webkit-scrollbar{display:block;}
.nano > .nano-pane{position:absolute;width:4px;right:0;top:0;bottom:0;border-radius:2px;background:rgba(0, 0, 0, .05);opacity:.01;transition:.2s;}
.nano > .nano-pane > .nano-slider{position:relative;margin:0;border-radius:3px;background:rgba(0, 0, 0, .25);}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed{opacity:0.99;}


/* 플러그인: swiper-8-1-4 */
.swiper-container{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;padding:0;list-style:none;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0;}




/* 메인페이지 */
.container.index{}
.container.index .sect.sect.q1{}
.container.index .sect.q1{padding:60px 0 0 0;}
.container.index .sect.q2{padding:60px 0;background:#f5f5f5;}
.container.index .sect.q3{padding:32px 0 60px;}
.container.index .sect article{display:flex;justify-content:space-between;}
.container.index .sect.q1 .pane{flex-grow:0;flex-shrink:0;}

.container.index .pane .title-bar ~ .content-area{margin-top:0;}

.container.index .pane-vis{flex-basis:800px;width:800px;}
.container.index .pane-service{flex-basis:360px;margin-left:40px;}
.container.index .vis-carousel{position:relative;width:100%;height:424px;}
.container.index .vis-carousel .swiper-container,
.container.index .vis-carousel .swiper-wrapper,
.container.index .vis-carousel .swiper-slide{height:100%;}
.container.index .vis-carousel .swiper-slide .slide{display:block;position:relative;width:100%;height:100%;}
.container.index .vis-carousel .swiper-slide a.slide{outline-offset:-2px;}
.container.index .vis-carousel .swiper-slide .title-bar{position:absolute;left:0;}
.container.index .vis-carousel .swiper-slide .title-bar h6{padding-left:4px;}
.container.index .vis-carousel .swiper-slide .title-bar h6 + h5{margin-top:8px;}
.container.index .vis-carousel .swiper-slide .title-bar h5{line-height:1.3;font-size:40px;}
.container.index .vis-carousel .swiper-slide .title-bar h5 + .desc{margin-top:16px;}
.container.index .vis-carousel .swiper-slide .title-bar .desc{font-size:16px;padding:0 2px;}
.container.index .vis-carousel .swiper-slide .title-bar .desc p{line-height:1.5;}
.container.index .vis-carousel .swiper-slide .content-area{display:flex;justify-content:flex-end;align-items:center;height:100%;margin-top:-25px;}/* 202408웹접근성 메인 슬라이드배너 라이크 텍스트 추가에 따른 위치 조정 margin-top 추가 */
.container.index .vis-carousel .swiper-slide .content-area figure,
.container.index .vis-carousel .swiper-slide .content-area figure img{user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;}
.container.index .vis-carousel .swiper-slide .content-area figure{display:block;height:100%;overflow:hidden;pointer-events:none;}
.container.index .vis-carousel .swiper-slide .content-area figure img{object-fit:contain;}
.container.index .vis-carousel .swiper-slide .title-bar{z-index:14;}
.container.index .vis-carousel .swiper-slide .content-area{z-index:11;}
.container.index .vis-carousel .swiper-slide .content-area h6,
.container.index .vis-carousel .swiper-slide .content-area h5{z-index:13;}
.container.index .vis-carousel .swiper-slide .content-area .desc{z-index:12;}
.container.index .vis-carousel .swiper-slide .content-area figure{z-index:11;}
.container.index .vis-carousel .swiper-control{position:absolute;bottom:20px;left:0;padding:8px 32px;}
.container.index .vis-carousel .swiper-control .swiper-inner{display:flex;align-items:center;position:relative;}
.container.index .vis-carousel .swiper-navigation,
.container.index .vis-carousel .swiper-operation{font-size:0;}
.container.index .vis-carousel .swiper-pagination + .swiper-operation{margin-left:8px;}
.container.index .vis-carousel .swiper-navigation{display:flex;justify-content:space-between;position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);}
.container.index .vis-carousel .swiper-button{display:block;position:relative;width:18px;height:18px;cursor:pointer;}
.container.index .vis-carousel .swiper-button .icn{width:100%;height:100%;background:url("/assets/p/images/IDX/icns_vis_carousel.svg");background-repeat:no-repeat;}
.container.index .vis-carousel .swiper-button .lbl{position:absolute;width:1px;height:1px;font-size:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0, 0, 0, 0);}
.container.index .vis-carousel .swiper-navigation .swiper-button{opacity:1;transition:all .3s;}
.container.index .vis-carousel .swiper-navigation .swiper-button:hover{opacity:1;}/* 20230907 웹접근성 대응 명도대비 수정 */
.container.index .vis-carousel .swiper-navigation .swiper-button.prev .icn{background-position:0 0;}
.container.index .vis-carousel .swiper-navigation .swiper-button.next .icn{background-position:-16px 0;}
.container.index .vis-carousel .swiper-pagination{display:flex;justify-content:flex-end;align-items:center;position:relative;height:16px;}
.container.index .vis-carousel .swiper-pagination .swiper-pagination-bullet{width:17px;height:17px;font-size:0;cursor:pointer;margin:4px;padding:0;border-radius:8px;background-color:#747474;opacity:1;transition:all .3s ease-out;}/* 20230904 웹접근성 명도대비 수정 */
.container.index .vis-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:34px;background:rgba(0, 0, 0, .9);}/* 20230904 웹접근성 명도대비 수정 */
.container.index .vis-carousel .swiper-pagination .swiper-pagination-bullet:focus{outline: 2px solid #ff0000;}/* 20230913 웹접근성 명도대비 수정 */



.container.index .vis-carousel .swiper-operation{position:relative;}
.container.index .vis-carousel .swiper-operation .swiper-button.pp .icn{background-position:-16px -15px;}
.container.index .vis-carousel.paused .swiper-operation .swiper-button.pp .icn{background-position:0 -16px;}
.container.index .vis-carousel .swiper-control{z-index:11;}
.container.index .vis-carousel .swiper-control .swiper-navigation{z-index:12;}
.container.index .vis-carousel .swiper-control .swiper-inner{z-index:13;}
.container.index .vis-carousel .swiper-control .swiper-pagination{z-index:14;}
.container.index .vis-carousel .swiper-control .swiper-operation{z-index:15;}

html .band-container{position:fixed;top:-120px;left:0;right:0;box-shadow:0 4px 8px 0 rgba(0, 0, 0, .16);opacity:0;transition:all .4s ease;}
html.has-band .band-container{top:120px;opacity:1;}
html.has-band .container.index main{padding-top:246px;}
html.has-band header.scrolled + .band-container{top:60px;}

html .container.index{transition:filter .4s;}
html.has-modal .container.index{filter:blur(4px);}




.container.index .bnd-carousel{position:relative;width:100%;height:126px;}
.container.index .bnd-carousel .swiper-container,
.container.index .bnd-carousel .swiper-wrapper,
.container.index .bnd-carousel .swiper-slide{height:100%;}
.container.index .bnd-carousel .swiper-slide .slide{display:flex;justify-content:center;position:relative;width:100%;height:100%;}
.container.index .bnd-carousel .swiper-slide .bnd{width:1200px;}
.container.index .bnd-carousel .swiper-control{position:absolute;bottom:0;left:50%;width:1200px;height:0;overflow:visible;transform:translateX(-50%);}
.container.index .bnd-carousel .swiper-control .swiper-inner{display:flex;align-items:center;position:relative;height:0;overflow:visible;}
.container.index .bnd-carousel .swiper-navigation{display:flex;justify-content:space-between;align-items:center;position:absolute;top:-63px;left:0;width:100%;height:0;overflow:visible;}
.container.index .bnd-carousel .swiper-navigation .swiper-button{display:block;width:42px;height:42px;overflow:hidden;cursor:pointer;border-radius:8px;opacity:1;transition:all .3s;}
.container.index .bnd-carousel .swiper-navigation .swiper-button .icn{width:100%;height:100%;background-image:url("/assets/p/images/ETC/bnr_01_navigation.svg");background-repeat:no-repeat;}
.container.index .bnd-carousel .swiper-navigation .swiper-button .lbl{position:absolute;width:1px;height:1px;font-size:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0, 0, 0, 0);}
.container.index .bnd-carousel .swiper-navigation .swiper-button.prev{margin-left:-42px;}
.container.index .bnd-carousel .swiper-navigation .swiper-button.next{margin-right:-42px;}
.container.index .bnd-carousel .swiper-navigation .swiper-button.prev .icn{background-position:0 0;}
.container.index .bnd-carousel .swiper-navigation .swiper-button.next .icn{background-position:-42px 0;}
.container.index .bnd-carousel .swiper-navigation .swiper-button:hover{opacity:1;}
.container.index .bnd-carousel .swiper-pagination{display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;left:50%;height:36px;transform:translateX(-50%);}
.container.index .bnd-carousel .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;font-size:0;cursor:pointer;margin:4px;padding:0;border-radius:4px;background-color:rgba(255, 255, 255, .7);opacity:1;transition:all .3s;}/* 20230907 웹접근성 명도대비 수정 */
.container.index .bnd-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:24px;background:rgba(255, 255, 255, .9);}/* 20230907 웹접근성 명도대비 수정 */
/* .container.index .bnd-carousel .swiper-pagination .swiper-pagination-bullet:focus{outline: 2px solie red;} 20230913 웹접근성 명도대비 수정  */

.container.index .band-container{}
.container.index .band-container article{position:relative;}
.container.index .band-container .tool-bar{position:absolute;bottom:0;left:50%;width:1200px;height:0;overflow:visible;transform:translateX(-50%);}
.container.index .band-container .tool-bar .field{position:absolute;bottom:0;right:8px;}
.container.index .band-container .tool-bar .field-group + .btn-band-close{margin-left:16px;}
.container.index .band-container .tool-bar .btn-band-close{padding:2px;}
.container.index .band-container .tool-bar .btn-band-close .icn{width:20px;height:20px;background-image:url("/assets/p/images/ETC/bnr_01_close.svg");}
.container.index .band-container .tool-bar .btn-band-close .lbl{position:absolute;width:1px;height:1px;font-size:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0, 0, 0, 0);}

.container.index .band-container .bnd-carousel .swiper-container{z-index:11;}
.container.index .band-container .bnd-carousel .swiper-control{z-index:12;}
.container.index .band-container .tool-bar{z-index:13;}



.container.index .pane-service .ui-seesaw{position:relative;}
.container.index .pane-service .ui-seesaw:before{position:absolute;top:50%;left:50%;width:1px;height:32px;font-size:0;background-color:rgba(0, 0, 0, .24);content:"";transform:translateY(-50%);z-index:11;}
.container.index .pane-service .ui-seesaw .btn-shortcut{width:180px;height:72px;font-size:20px;color:#fff;border:0;}
.container.index .pane-service .ui-seesaw .btn-shortcut .lbl{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0, 0, 0, 0);}
.container.index .pane-service .ui-seesaw .btn-shortcut:hover{background-color:transparent;}
.container.index .pane-service .ui-seesaw .bg,
.container.index .pane-service .ui-seesaw .bg .lbl{transition:all .6s ease;}
.container.index .pane-service .ui-seesaw .bg{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;background-color:#771039;}
.container.index .pane-service .ui-seesaw .bg .lbl{flex-grow:1;flex-shrink:1;flex-basis:0;display:flex;justify-content:center;align-items:center;font-size:20px;color:#fff;}

/* .container.index .pane-service .ui-seesaw .btn-shortcut:first-of-type:hover ~ .bg{background-image:linear-gradient(to right, #771039, #521b31);transform:perspective(600px) rotateY(15deg);}
.container.index .pane-service .ui-seesaw .btn-shortcut:last-of-type:hover ~ .bg{background-image:linear-gradient(to right, #521b31, #771039);transform:perspective(600px) rotateY(-15deg);} */

/* 2024.03.11 빠른상담신청 버튼 삭제로 버튼 효과 주석 처리*/
/* .container.index .pane-service .ui-seesaw .btn-shortcut ~ .bg{transform:perspective(600px);}
.container.index .pane-service .ui-seesaw .btn-shortcut:first-of-type:hover ~ .bg{background-image:linear-gradient(to right, #771039, #521b31);transform:perspective(600px) rotateY(15deg);}
.container.index .pane-service .ui-seesaw .btn-shortcut:last-of-type:hover ~ .bg{background-image:linear-gradient(to right, #521b31, #771039);transform:perspective(600px) rotateY(-15deg);}

.container.index .pane-service .ui-seesaw .btn-shortcut:first-of-type:hover ~ .bg .lbl:last-of-type,
.container.index .pane-service .ui-seesaw .btn-shortcut:last-of-type:hover ~ .bg .lbl:first-of-type{opacity:.6;} */

.container.index .pane-service .ui-seesaw .bg{z-index:11;}
.container.index .pane-service .ui-seesaw .btn{z-index:12;}
.container.index .pane-service .ui-seesaw:before{z-index:13;}

.container.index .pane-service .ui-seesaw + .shortcut-lst{margin-top:24px;}
.container.index .pane-service .shortcut-lst ul{display:flex;flex-wrap:wrap;}
.container.index .pane-service .shortcut-lst li{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 3);}
.container.index .pane-service .shortcut-lst .btn-shortcut{display:flex;flex-direction:column;height:120px;font-size:14px;color:#222;padding:0;border:0;}
.container.index .pane-service .shortcut-lst .btn-shortcut .icn{width:64px;height:64px;background-image:url("/assets/p/images/IDX/icns_idx_64.svg");background-repeat:no-repeat;}
.container.index .pane-service .shortcut-lst .btn-shortcut.stockloan .icn{background-position:0 0;}
.container.index .pane-service .shortcut-lst .btn-shortcut.product .icn{background-position:-64px 0;}
.container.index .pane-service .shortcut-lst .btn-shortcut.customer .icn{background-position:-128px 0;}
.container.index .pane-service .shortcut-lst .btn-shortcut.online .icn{background-position:-192px 0;}
.container.index .pane-service .shortcut-lst .btn-shortcut.certification .icn{background-position:-256px 0;}
.container.index .pane-service .shortcut-lst .btn-shortcut.recruit .icn{background-position:-320px 0;}
.container.index .pane-service .shortcut-lst .btn-shortcut .ca{width:64px;height:64px;}
.container.index .pane-service .shortcut-lst .btn-shortcut .lbl{color:#222;}

/* .container.index .pane-service .shortcut-lst .btn-shortcut:hover{border-bottom:0;}
.container.index .pane-service .shortcut-lst .btn-shortcut:hover .ca{
	animation-name:coin-toss;
	animation-duration:.4s;
	animation-iteration-count:1;
	animation-timing-function:ease-in-out;
}

@keyframes coin-toss {
	0%  {transform:scale(1);}
	50% {transform:scale(1.2);}
	100%{transform:scale(1);}
}

@keyframes coin-flip {
	0%  {transform:scale(1) rotateY(0);}
	50% {transform:scale(1) rotateY(-180deg);}
	100%{transform:scale(1) rotateY(-360deg);}
}

.container.index .pane-service .shortcut-lst .btn-shortcut .lbl{transition:all .3s ease;}
.container.index .pane-service .shortcut-lst .btn-shortcut:hover .lbl{font-weight:bold;color:#000;} */



.container.index .pane-service .shortcut-lst .btn-shortcut{transition:all .3s ease;}
.container.index .pane-service .shortcut-lst:hover .btn-shortcut{opacity:.4;}
.container.index .pane-service .shortcut-lst:hover .btn-shortcut:hover{background-color:transparent;opacity:1;}









.container.index .pane-recommend{flex-grow:0;flex-shrink:0;flex-basis:100%;}
.container.index .pane-recommend .title-bar{display:flex;justify-content:center;}
.container.index .pane-recommend .title-bar h4{line-height:normal;font-size:32px;}
.container.index .pane-recommend .title-bar h4 em.linear{position:relative;color:#a90f39;background:none;}
.container.index .pane-recommend .title-bar h4 em.linear:after{
	display:block;position:absolute;bottom:4px;left:0;width:100%;height:10px;font-size:0;background-color:rgba(235, 136, 23, .24);content:"";
	transform:scaleX(1);transition:all .6s ease;
}
.container.index .pane-recommend.off-stage .title-bar h4 em.linear:after{transform:scaleX(0);}
.container.index .pane-recommend.on-stage .title-bar h4 em.linear:after{transform:scaleX(1);}
.container.index .pane-recommend .title-bar + .content-area{margin-top:32px;}
.container.index .pane-recommend .content-area .prd-lst{margin-top:0;}
.container.index .pane-recommend .content-area .prd-lst ul{display:flex;justify-content:space-between;gap:16px;width:100%;}
.container.index .pane-recommend .content-area .prd-lst li{flex-grow:0;flex-shrink:0;flex-basis:calc(25% - 12px);position:relative;}
.container.index .pane-recommend .content-area .prd-lst .prd{display:flex;flex-direction:column;width:100%;height:300px;padding:30px;border-radius:10px;background:rgba(255, 255, 255, 1);transition:all .3s ease;}
.container.index .pane-recommend .content-area .prd-lst .prd.t1 .type .lbl,
.container.index .pane-recommend .content-area .prd-lst .prd.t1 .spec .value{color:#0d8732;}
.container.index .pane-recommend .content-area .prd-lst .prd.t1 .type .lbl{background-color:#e6f3ea;}
.container.index .pane-recommend .content-area .prd-lst .prd.t2 .type .lbl,
.container.index .pane-recommend .content-area .prd-lst .prd.t2 .spec .value{color:#a90f39;}
.container.index .pane-recommend .content-area .prd-lst .prd.t2 .type .lbl{background-color:#fbeef1;}
.container.index .pane-recommend .content-area .prd-lst .prd .type{flex-basis:28px;}
.container.index .pane-recommend .content-area .prd-lst .prd .type .lbl{font-size:14px;padding:2px 6px;border-radius:5px;}
.container.index .pane-recommend .content-area .prd-lst .prd .type + .name{margin-top:8px;}
.container.index .pane-recommend .content-area .prd-lst .prd .name h5{flex-basis:52px;font-size:24px;color:#222;}
.container.index .pane-recommend .content-area .prd-lst .prd .name + .desc{margin-top:16px;}
.container.index .pane-recommend .content-area .prd-lst .prd .desc{font-size:16px;color:#666;}
.container.index .pane-recommend .content-area .prd-lst .prd .desc p{word-break:keep-all;}
.container.index .pane-recommend .content-area .prd-lst .prd .desc p{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.container.index .pane-recommend .content-area .prd-lst .prd .spec{flex-grow:1;display:flex;justify-content:center;align-items:flex-end;}
.container.index .pane-recommend .content-area .prd-lst .prd .spec .value{font-size:18px;}
.container.index .pane-recommend .content-area .prd-lst .prd:hover{box-shadow:0 24px 24px -16px rgba(0, 0, 0, .24);}

.container.index .sect.q3 .pane{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 16px);display:flex;flex-direction:column;}
.container.index .sect.q3 .title-bar{display:flex;justify-content:space-between;align-items:center;height:64px;}
.container.index .sect.q3 .title-bar h4{font-size:22px;}
.container.index .sect.q3 .title-bar .btn-more{height:32px;border:1px solid rgba(0, 0, 0, 0);border-radius:5px;}
.container.index .sect.q3 .title-bar .btn-more:hover{border-color:rgba(0, 0, 0, .16);}
.container.index .sect.q3 .title-bar .btn-more .lbl + .icn{margin-left:4px;}
.container.index .sect.q3 .title-bar .btn-more .icn:after{font-size:1.2em;font-weight:bold;content:"+"}
.container.index .sect.q3 .title-bar ~ .content-area{margin-top:0;}
.container.index .sect.q3 .content-area{height:calc(100% - 64px);}
.container.index .sect.q3 .title-bar ~ .h5-content{margin-top:0;}
.container.index .sect.q3 .content-area .h5-content{position:relative;overflow:hidden;border-radius:10px;}

.container.index .pane-notice .h5-content{background-color:#fff3dc;}
.container.index .pane-notice .h5-content + .h5-content{margin-top:24px;}
.container.index .pane-notice .h5-content:nth-child(1){padding:24px 28px;background-color:#fff3dc;}
.container.index .pane-notice .h5-content:nth-child(2){padding:10px;background-color:#f5f5f5;}

.container.index .pane-notice .notice-lst .gridview-bbs-lst{height:160px !important;border-top:0;background:none;}
.container.index .pane-notice .notice-lst .gridview-bbs-lst table{width:100%;font-size:14px;border:0;}
.container.index .pane-notice .notice-lst .gridview-bbs-lst table thead th{background:none !important;}
.container.index .pane-notice .notice-lst .gridview-bbs-lst table tbody tr{background:none !important;}
.container.index .pane-notice .notice-lst .gridview-bbs-lst table tbody tr td,
.container.index .pane-notice .notice-lst .gridview-bbs-lst table tbody tr:hover,
.container.index .pane-notice .notice-lst .gridview-bbs-lst table tbody tr:hover td{background-color:transparent !important;}

.container.index .pane-notice .notice-lst .gridview-bbs-lst table th,
.container.index .pane-notice .notice-lst .gridview-bbs-lst table td{height:32px !important;padding-top:0;padding-bottom:0;border-bottom:0 !important;border-width:0 !important;}
.container.index .pane-notice .notice-lst .gridview-bbs-lst table td.has-anc{text-align:left !important;}
.container.index .pane-notice .notice-lst .gridview-bbs-lst table td.date{text-align:right !important;}
.container.index .pane-notice .notice-lst .gridview-bbs-lst table tbody td.has-anc button{display:block;overflow:hidden;color:#222;white-space:nowrap;text-overflow:ellipsis;border:0;background:none;}
.container.index .pane-notice .notice-lst .gridview-bbs-lst table tbody td.has-anc button:hover{color:#000;text-decoration:underline;}

.container.index .pane-notice .shortcut-lst{overflow:hidden;}
.container.index .pane-notice .shortcut-lst ul{display:flex;flex-wrap:wrap;overflow:hidden;margin-left:-1px;}
.container.index .pane-notice .shortcut-lst li{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 3);position:relative;padding:6px 0;}
.container.index .pane-notice .shortcut-lst li:before{position:absolute;top:50%;left:0;width:1px;height:16px;font-size:0;background-color:rgba(0, 0, 0, .24);content:"";transform:translateY(-50%);z-index:11;}
.container.index .pane-notice .shortcut-lst .btn-shortcut{display:flex;justify-content:flex-start;height:48px;font-size:14px;color:#222;padding:0 12px;border:0;}
.container.index .pane-notice .shortcut-lst .btn-shortcut .icn{width:48px;height:48px;background-image:url("/assets/p/images/IDX/icns_idx_48.svg");background-repeat:no-repeat;opacity:.75;transition:opacity .3s ease;}
.container.index .pane-notice .shortcut-lst .btn-shortcut .icn + .lbl{margin-left:4px;}
.container.index .pane-notice .shortcut-lst .btn-shortcut .lbl{text-align:left;font-size:12px;}
.container.index .pane-notice .shortcut-lst .btn-shortcut.sleeping .icn{background-position:0 0;}
.container.index .pane-notice .shortcut-lst .btn-shortcut.privacy .icn{background-position:-48px 0;}
.container.index .pane-notice .shortcut-lst .btn-shortcut.illegal .icn{background-position:-96px 0;}
.container.index .pane-notice .shortcut-lst .btn-shortcut.unpaid .icn{background-position:-144px 0;}
.container.index .pane-notice .shortcut-lst .btn-shortcut.phishing .icn{background-position:-192px 0;}
.container.index .pane-notice .shortcut-lst .btn-shortcut.restriction .icn{background-position:-240px 0;}
.container.index .pane-notice .shortcut-lst .btn-shortcut .ca{position:relative;width:48px;height:48px;}
.container.index .pane-notice .shortcut-lst .btn-shortcut .ca + .lbl{margin-left:8px;}
.container.index .pane-notice .shortcut-lst .btn-shortcut:hover{border-bottom:0;background-color:transparent;}
.container.index .pane-notice .shortcut-lst .btn-shortcut:hover .icn{opacity:1;}
.container.index .pane-notice .shortcut-lst .btn-shortcut:focus{outline-offset:-2px;}


.container.index .pane-notice .shortcut-lst .btn-shortcut .ca:before,
.container.index .pane-notice .shortcut-lst .btn-shortcut .ca img{transition:all .3s;}
.container.index .pane-notice .shortcut-lst .btn-shortcut .ca:before{position:absolute;top:0;left:0;width:0;height:100%;overflow:hidden;border-radius:5px;background:rgba(0, 0, 0, .6);content:"";}
	.ie .container.index .pane-notice .shortcut-lst .btn-shortcut .ca:before{background:rgba(0, 0, 0, .08);}
.container.index .pane-notice .shortcut-lst .btn-shortcut .ca img{position:relative;}
.container.index .pane-notice .shortcut-lst .btn-shortcut .ca:before{z-index:1;}
.container.index .pane-notice .shortcut-lst .btn-shortcut .ca img{z-index:2;}

.container.index .pane-notice .shortcut-lst .btn-shortcut:hover{border-bottom:0;}
.container.index .pane-notice .shortcut-lst .btn-shortcut:hover .ca img{filter:brightness(0) invert(1);}
.container.index .pane-notice .shortcut-lst .btn-shortcut:hover .ca:before{width:48px;}



.container.index .pane-app-download .content-area{position:relative;}
.container.index .pane-app-download .content-area .title-bar{display:block;position:absolute;top:36px;left:40px;z-index:11;}
.container.index .pane-app-download .content-area .title-bar h5{line-height:normal;font-size:48px;}
.container.index .pane-app-download .content-area .title-bar .desc{font-size:20px;}
.container.index .pane-app-download .content-area .title-bar .desc .boxed{display:flex;align-items:center;font-size:12px;color:#fff;margin-top:8px;padding:3px 12px;border-radius:5px;background:#00848a;}
.container.index .pane-app-download .content-area .title-bar .desc .boxed .icn:before{font-family:FontAwesome;font-size:12px;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased;content:"\f002";}
.container.index .pane-app-download .content-area .title-bar .desc .boxed .icn + .lbl{margin-left:4px;}
.container.index .pane-app-download .content-area .title-bar .desc .boxed .lbl{display:inline-flex;align-items:center;}
.container.index .pane-app-download .content-area .h5-content{height:100%;padding:0 24px;background-color:#def2f2;}

.container.index .pane-app-download .qr-lst{position:absolute;bottom:40px;left:40px;}
.container.index .pane-app-download .qr-lst ul{display:flex;flex-wrap:wrap;overflow:hidden;}
.container.index .pane-app-download .qr-lst li{flex-grow:0;flex-shrink:0;flex-basis:auto;position:relative;}
.container.index .pane-app-download .qr-lst li + li{margin-left:40px;}
.container.index .pane-app-download .qr-lst .qr{display:flex;justify-content:flex-start;height:auto;padding:0;border:0;}
.container.index .pane-app-download .qr-lst .qr .lbl{text-align:left;}
.container.index .pane-app-download figure{position:absolute;bottom:0;right:8px;}

.container.index .pane-app-download .qr-lst li{opacity:1;transition:all .6s ease;}
.container.index .pane-app-download .qr-lst li:nth-child(1){transition-delay:.2s;}
.container.index .pane-app-download .qr-lst li:nth-child(2){transition-delay:.4s;}
.container.index .pane-app-download figure{transform:translateY(0);transition:all .4s ease;}

.container.index .pane-app-download.off-stage .qr-lst li{opacity:0;}
.container.index .pane-app-download.off-stage figure{transform:translateY(200px);}
.container.index .pane-app-download.on-stage .qr-lst li{opacity:1;}
.container.index .pane-app-download.on-stage figure{transform:translateY(0);}




.ui-widget-content.ui-dialog-index-01{background:none;}

.ui-dialog.ui-widget.ui-widget-content.ui-dialog.ui-dialog-index-01{padding:0;}
.ui-dialog.ui-dialog-index-01 .ui-dialog-titlebar{position:absolute;}
.ui-dialog.ui-dialog-index-01 .ui-dialog-titlebar .ui-dialog-title{display:none;}
.ui-dialog.ui-dialog-index-01 .ui-dialog-content{overflow:hidden;}
.ui-dialog.ui-dialog-index-01 .ui-dialog-content .content-area{display:flex;flex-direction:column;align-items:center;}
.ui-dialog.ui-dialog-index-01 .ui-dialog-content .btn-bar{position:absolute;bottom:0;left:0;width:100%;}
.ui-dialog.ui-dialog-index-01 .ui-dialog-content .btn-bar a.bnr{}
.ui-dialog.ui-dialog-index-01 .ui-dialog-content .tool-bar{display:flex;justify-content:space-between;align-items:center;width:400px;}
.ui-dialog.ui-dialog-index-01 .ui-dialog-content .tool-bar .field-checkbox-wq > div{height:auto;}
.ui-dialog.ui-dialog-index-01 .ui-dialog-content .tool-bar .field-checkbox-wq label{color:#fff;}
.ui-dialog.ui-dialog-index-01 .ui-dialog-content .tool-bar .field-checkbox-wq label::before{opacity:.8;}
.ui-dialog.ui-dialog-index-01 .ui-dialog-content .tool-bar .field-checkbox-wq input[type="checkbox"]:checked + label::before{opacity:1;}
.ui-dialog.ui-dialog-index-01 .ui-dialog-content .tool-bar .btn-modal-close{margin-left:auto;padding:2px;}
.ui-dialog.ui-dialog-index-01 .ui-dialog-content .tool-bar .btn-modal-close .icn{width:20px;height:20px;background-image:url("/assets/p/images/ETC/bnr_01_close.svg");}
.ui-dialog.ui-dialog-index-01 .ui-dialog-content .tool-bar .btn-modal-close .lbl{position:absolute;width:1px;height:1px;font-size:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0, 0, 0, 0);}

.ui-dialog.ui-dialog-index-01 .bnr-carousel{width:100%;}
.ui-dialog.ui-dialog-index-01 .bnr-carousel .swiper-container,
.ui-dialog.ui-dialog-index-01 .bnr-carousel .swiper-slide{overflow:hidden;border-radius:30px;}
.ui-dialog.ui-dialog-index-01 .bnr-carousel .swiper-container{width:400px;}
.ui-dialog.ui-dialog-index-01 .bnr-carousel .swiper-control{position:relative;}
.ui-dialog.ui-dialog-index-01 .bnr-carousel .swiper-navigation{display:flex;justify-content:space-between;align-items:center;position:absolute;top:-225px;left:0;width:100%;height:0;overflow:visible;}
.ui-dialog.ui-dialog-index-01 .bnr-carousel .swiper-navigation .swiper-button{display:block;width:42px;height:42px;overflow:hidden;cursor:pointer;border-radius:8px;opacity:1;transition:all .3s;}
.ui-dialog.ui-dialog-index-01 .bnr-carousel .swiper-navigation .swiper-button .icn{width:100%;height:100%;background-image:url("/assets/p/images/ETC/bnr_01_navigation.svg");background-repeat:no-repeat;}
.ui-dialog.ui-dialog-index-01 .bnr-carousel .swiper-navigation .swiper-button .lbl{position:absolute;width:1px;height:1px;font-size:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0, 0, 0, 0);}
.ui-dialog.ui-dialog-index-01 .bnr-carousel .swiper-navigation .swiper-button.prev .icn{background-position:0 0;}
.ui-dialog.ui-dialog-index-01 .bnr-carousel .swiper-navigation .swiper-button.next .icn{background-position:-42px 0;}
.ui-dialog.ui-dialog-index-01 .bnr-carousel .swiper-navigation .swiper-button:hover{opacity:1;}

.ui-dialog.ui-dialog-index-01 .bnr-carousel .swiper-pagination{display:flex;justify-content:center;align-items:center;position:relative;height:36px;}
.ui-dialog.ui-dialog-index-01 .bnr-carousel .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;font-size:0;cursor:pointer;margin:4px;padding:0;border-radius:4px;background-color:rgba(255, 255, 255, .6);opacity:1;transition:all .3s;}
.ui-dialog.ui-dialog-index-01 .bnr-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:24px;background:rgba(255, 255, 255, 1);}

.ui-dialog.ui-dialog-index-01 .bnr-carousel .slide{width:100%;height:100%;}
.ui-dialog.ui-dialog-index-01 .bnr-carousel .slide figure{height:450px;}

.ui-dialog.ui-dialog-index-01 .bnr-carousel.has-only-slide + .tool-bar{margin-top:12px;}




/* 약관보기 */
.modal-container .term-container{height:calc(100vh - 216px);margin-top:16px;}
.term-container .swiper-container{width:100%;}
.term-container .swiper-container,
.term-container .swiper-wrapper,
/* .term-container .swiper-slide{height:100%;} */ 
.term-container .swiper-container{border:1px solid rgba(0, 0, 0, .8);border-radius:10px;background:#ccc;}
.term-container .pdf-container,
.term-container .pdf-container object{height:calc(100vh - 250px);}
.term-container .pdf-container object{width:100%;}
.ui-dialog-term .ui-dialog-content{overflow:hidden;}




.term-carousel{height:100%;padding-bottom:34px;}
.term-carousel .swiper-control{position:relative;}
.term-carousel .swiper-navigation{display:flex;justify-content:space-between;align-items:center;position:absolute;top:calc(((100vh - 250px) / 2) * -1);left:0;width:100%;height:0;overflow:visible;padding:0 12px;}
.term-carousel .swiper-navigation .swiper-button{display:block;width:42px;height:42px;overflow:hidden;cursor:pointer;border-radius:8px;opacity:1;transition:all .3s;}
.term-carousel .swiper-navigation .swiper-button .icn{width:100%;height:100%;background-image:url("/assets/p/images/ETC/bnr_01_navigation.svg");background-repeat:no-repeat;}/* 20230904 웹접근성 명도 관련 아이콘 이미지 수정 */
.term-carousel .swiper-navigation .swiper-button .lbl{position:absolute;width:1px;height:1px;font-size:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0, 0, 0, 0);}
.term-carousel .swiper-navigation .swiper-button.prev .icn{background-position:0 0;}
.term-carousel .swiper-navigation .swiper-button.next .icn{background-position:-42px 0;}
.term-carousel .swiper-navigation .swiper-button:hover{opacity:1;}
.term-carousel .swiper-navigation .swiper-button.swiper-button-disabled{cursor:default;pointer-events:none;opacity:0;}
.term-carousel .swiper-pagination{display:flex;justify-content:center;align-items:center;position:relative;height:36px;}
.term-carousel .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;font-size:0;cursor:pointer;margin:0 4px;padding:0;border-radius:4px;background-color:#575757;opacity:1;transition:all .3s;}/* 20230904 웹접근성 명도 수정 */
.term-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:24px;background:rgba(0, 0, 0, .9);}/* 20230904 웹접근성 명도 수정 */
.term-carousel .swiper-pagination .swiper-pagination-bullet:focus{outline: 2px solid #ff0000;}/* 20230913 웹접근성 명도 수정 */

.term-carousel .swiper-control{z-index:99;}






/* 보안프로그램 설치 안내 */
.container.install .gnb.hover div.a4-group,
.container.install .gnb:hover div.a4-group,
.container.install .gnb:focus-within div.a4-group{max-height:0;}
.container.install header section.site-menu{position:relative;top:auto;left:auto;right:auto;height:120px;box-shadow:none;}
.container.install header.scrolled .gnb div.a3,
.container.install header.scrolled .menu-bar .h1,
.container.install header.scrolled .menu-bar .navs{height:120px;}
.container.install header section.site-menu .menu-bar .gnb,
.container.install header section.site-menu .menu-bar .navs{display:none;}
.container.install main{padding-top:0;}
.container.install .prefooter,
.container.install footer{display:none;}

.container.install .tbl .lbl.install-state{font-weight:bold;}
.container.install .tbl .lbl.install-state.installed{color:#222;}
.container.install .tbl .lbl.install-state.uninstalled{color:#a90f39;}




/* KIBANK APP STYLE */
/* 색상 - 글자 */
.kibankapp .fc_00{color:#222222 !important;} /*default*/
.kibankapp .fc_01{color:#555555 !important;} /*default02*/
.kibankapp .fc_02{color:#ffffff !important;} /*white*/
.kibankapp .fc_03{color:#adb4be !important;} /*gray*/
.kibankapp .fc_04{color:#888888 !important;} /*gray02*/
.kibankapp .fc_05{color:#5be5ef !important;} /*blue sky*/
.kibankapp .fc_06{color:#ff4242 !important;} /*negative*/
.kibankapp .fc_07{color:#31ccf6 !important;} /*checking time*/
.kibankapp .fc_08 {color:#00A3AA !important;} /* green */
.kibankapp .fc_09 {color:#31333e !important;} /* dark */
.kibankapp .fc_10{color:#0d8732 !important;} /*positive*/
.kibankapp .fc_11{color:#2c7040 !important;} /*deep green*/
.kibankapp .fc_12{color:#0d8732 !important;} /*deep blue*/
/* 고객센터 영업점안내 */
.kibankapp .info_wrap {}
.kibankapp .info_wrap li{padding-top: 18px;}
.kibankapp .info_wrap li:before{content: ''; display: block; width: 16px; height: 16px; position: absolute; left: 24px;}
.kibankapp .info_wrap li.sub:before{background-image: url("/assets/images/ic_subway.png");}
.kibankapp .info_wrap li.bus:before{background-image: url("/assets/images/ic_bus.png");}
.kibankapp .info_wrap li.car:before{background-image: url("/assets/images/ic_car.png");}
.kibankapp .info_wrap li p{font-size: 14px;}
.kibankapp .info_wrap li p.ty01{display: inline-block; padding: 3px 4px; color: #fff; border-radius: 2px;}
.kibankapp .info_wrap li p.ty02{padding-top: 4px;}
.kibankapp .info_wrap li p.ty01:nth-child(n+2){margin-left: 4px;}
.kibankapp .info_wrap li p.ty01.st01{background: #ffc400;}
.kibankapp .info_wrap li p.ty01.st02{background: #2e5384;}
.kibankapp .info_wrap li p.ty01.st03{background: #00a14c;}
.kibankapp .info_wrap li p.ty01.st04{background: #fb7f21;}
.kibankapp .info_wrap li p.ty01.st05{background: #3768ee;}
.kibankapp .info_wrap li p.ty01.st06{background: #8038df;}
.kibankapp .info_wrap li p.ty01.st07{background: #6e3706;}
.kibankapp .info_wrap li p.ty01.st08{background: #747F00;}
.kibankapp .info_wrap li p.ty01.st09{background: #e52e8f;}
.kibankapp .info_wrap li p.ty01.st10{background: #ff4242;}
.kibankapp .info_wrap li p.ty01.st11{background: #888;}
.kibankapp .info_wrap li p.ty01.st12{background: #58b133;}
.kibankapp .info_wrap li p.ty01.st13{background: #3e95e2;}
.kibankapp .info_wrap li ul{display: flex; flex-direction: row; flex-wrap: wrap; padding-top: 5px;}
.kibankapp .info_wrap li ul li{padding-top: 0!important; padding-right: 17px; position: relative;}
.kibankapp .info_wrap li ul li:after{content: ''; display: block; position: absolute; top: 4px; right: 8px; width:1px; height: 12px; background: #e8e8e8;}
.kibankapp .info_wrap li ul li:last-child{padding: 0;}
.kibankapp .info_wrap li ul li:last-child:after{display: none;}
/* 여백 */
.kibankapp .pd00 {padding:0 !important;}
.kibankapp .pt0 {padding-top:0 !important;}
.kibankapp .pt8 {padding-top:8px !important;}
.kibankapp .pt10 {padding-top:10px !important;}
.kibankapp .pt16 {padding-top:16px !important;}
.kibankapp .pt24 {padding-top:24px !important;}
.kibankapp .pt32 {padding-top:32px !important;}
.kibankapp .pt42 {padding-top:42px !important;}
.kibankapp .pt56 {padding-top:56px !important;}
.kibankapp .pt64 {padding-top:64px !important;}
.kibankapp .pt80 {padding-top:80px !important;}
.kibankapp .pl0 {padding-left:0 !important;}
.kibankapp .pl5 {padding-left:5px !important;}
.kibankapp .pl10 {padding-left:10px !important;}
.kibankapp .pl15 {padding-left:15px !important;}
.kibankapp .pl32 {padding-left:32px !important;}
.kibankapp .pb0 {padding-bottom:0 !important;}
.kibankapp .pb8 {padding-bottom:8px !important;}
.kibankapp .pb10 {padding-bottom:10px !important;}
.kibankapp .pb16 {padding-bottom:16px !important;}
.kibankapp .pb24 {padding-bottom:24px !important;}
.kibankapp .pb32 {padding-bottom:32px !important;}
.kibankapp .pb250 {padding-bottom:250px !important;}
.kibankapp .plr0 {padding-left:0 !important; padding-right:0 !important;}
.kibankapp .plr24 {padding-left:24px !important; padding-right:24px !important;}
.kibankapp .mt0 {margin-top:0 !important;}
.kibankapp .mt8 {margin-top:8px !important;}
.kibankapp .mt10 {margin-top:10px !important;}
.kibankapp .mt12{margin-top: 12px !important;}
.kibankapp .mt16{margin-top: 16px !important;}
.kibankapp .mt24 {margin-top:24px !important;}
.kibankapp .mt32 {margin-top:32px !important;}
.kibankapp .mb16 {margin-bottom:16px !important;}
.kibankapp .mb32 {margin-bottom:32px !important;}
.kibankapp .mb0 {margin-bottom: 0px !important;}
.kibankapp .mb-32{margin-bottom:-32px !important;}
.kibankapp .ml0 {margin-left:0 !important;}
.kibankapp .ml8 {margin-left:8px !important;}
.kibankapp .ml16 {margin-left:16px !important;}
/* 20231012 FLEX */
.kibankapp .flex_center{display: flex; justify-content: center !important;}
.kibankapp .flex_end{display: flex; justify-content: flex-end !important;}
.kibankapp .flex_start{display: flex; justify-content: flex-start !important;}
.kibankapp .flex_space{display: flex; justify-content: space-between !important;}


/* a11y */
.blind{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0, 0, 0, 0);}














/* Temp */
.gridview-placeholder{display:flex;justify-content:center;align-items:center;position:relative;height:400px;margin:40px 0;background: #ccc;}
.gridview-placeholder:after{position:absolute;font-size:24px;font-weight:bold;color:#fff;content:"gridView";}


.run-modal-lst{}
.run-modal-lst ul{display:flex;gap:20px;}
.run-modal-lst li{}
.run-modal-lst .run-modal{border:1px solid rgba(0, 0, 0, .16);border-radius:5px;}

.modal-preview{width:200px;height:240px;}
.modal-preview .modal-container{display:block;transform:scale(.5)}







/* z-index */
.btn-skip{z-index:50;}
header{z-index:40;}
header .site-menu{z-index:41;}
header .site-menu .h1{z-index:44;}
header .site-menu .gnb{z-index:42;}
header .site-menu .navs{z-index:43;}
header .site-nav{z-index:45;}
header .site-overlay{z-index:49;}
main{z-index:20;}
footer{z-index:10;}
.stt{z-index:30;}
.band-container{z-index:30;}

#___processbar2{z-index:98;}
#___processbar2_i{z-index:99;}





/*20221025 수입육 추가*/
.loan_contents{border-top: 1px solid #000; margin-top: 16px;}
.loan_contents dl{display: flex; border-bottom: 1px solid #ddd;}
.loan_contents dl dt{flex-basis: 200px; padding: 15px 0; text-align: center; font-weight: 700;}
.loan_contents dl dd{width: calc(100% / 3); padding: 15px 0;}

/*20221108 개인정보수집동의 POPUP*/
.popup_p {
	display: none;
}
.popup_p .mask_p {
	background: rgb(0, 0, 0); left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 100; opacity: 0.7;
}
.popup_p .popup_content {
	background: rgb(255, 255, 255); left: 50%; top: 50%; width: 680px; height: 404px; margin-top: -202px; margin-left: -340px; position: fixed; z-index: 101;
}
.modal01 .modal_tit {
	background: rgb(13, 158, 187); height: 61px; text-align: center; color: rgb(255, 255, 255); line-height: 61px; font-size: 22px; font-weight: bold;
}
.modal01 .modal_cont {
	padding: 15px;
}
.modal01 .modal_cont .wrap h1 {
	font-size: 16px;
}
.modal01 .modal_cont .scroll2 {
	padding: 10px; border: 1px solid rgb(209, 209, 209); border-image: none; height: 200px; margin-bottom: 10px; overflow-y: auto;
}
.modal01 .modal_cont.scroll {
	height: 500px; overflow-y: scroll;
}
.modal01 .modal_cont .txt01 {
	background: rgb(242, 245, 248); padding: 20px 25px; color: rgb(0, 0, 0); line-height: 28px; font-size: 18px; font-weight: bold;
}
.modal01 .modal_cont .txt02 {
	padding: 10px 25px 0px; color: rgb(0, 0, 0); line-height: 21px; font-size: 13px;
}
.modal01 .modal_cont .txt02.pl0 {
	padding: 0px;
}
.modal01 .modal_cont .txt03 {
	text-indent: -15px; padding-left: 15px;
}
.modal01 .modal_bottom {
	background: url("/assets/lad/images/PCW/logo.png") no-repeat 10px 17px; padding: 12px 13px 20px; border-top-color: rgb(63, 109, 146); border-top-width: 1px; border-top-style: solid; min-height: 70px;
}
.modal01 .modal_bottom.nobtn {
	background: url("/assets/lad/images/PCW/logo.png") no-repeat 10px 13px;
}
.modal01 .modal_bottom .right {
	float: right;
}
.modal01 .modal_bottom .btn_data01 {
	background: rgb(62, 80, 103); width: 153px; height: 39px; text-align: center; color: rgb(255, 255, 255); line-height: 39px; font-size: 20px; display: inline-block;
}
.modal01 .modal_bottom .btn_data02 {
	background: rgb(241, 241, 241); border: 1px solid rgb(62, 80, 103); border-image: none; width: 151px; height: 37px; text-align: center; color: rgb(0, 0, 0); line-height: 37px; font-size: 20px; display: inline-block;
}
.modal01 .btn_close {
	background: url("/assets/lad/images/PCW/btn_modal01_close.png") no-repeat left top; top: 10px; width: 18px; height: 18px; right: 11px; text-indent: -9999px; display: block; position: absolute;
}
.modal01 .bnt_ok {
	background: rgb(62, 80, 103); padding: 7px 0px 0px; width: 153px; height: 32px; text-align: center; color: rgb(255, 255, 255); line-height: 1em; font-size: 20px; display: inline-block;
}
.modal01 .mt40 {
	margin-top: 40px !important;
}
.modal01 .mt20 {
	margin-top: 20px !important;
}
.modal01 .mt10 {
	margin-top: 10px !important;
}


/* 20230109 main QR 추가 - 20230608 수정 & 추가 */
.main_link_wrap{display: flex;}
.main_link_wrap a{display: inline-block; width: 50%; padding: 8px; margin-top: 8px; background: #00a3aa; border-radius: 8px; color: #fff; text-align: center;}
.main_link_wrap a span{display: inline-block; font-size: 14px; text-align: left; padding-right: 3px; background: url('/assets/p/images/PRD/youtube_icon.png') no-repeat; background-size: 18px;}
.main_link_wrap a:first-child span{background-position: 60px bottom;}
.main_link_wrap a:last-child span{background-position: right bottom; padding-right: 8px;}
.main_link_wrap .btn_qr{margin-right: 8px;}
.main_youtube_wrap{position: absolute; bottom: 40px; right: 16px;}
.main_youtube_wrap .youtube_thumb{width: 280px; border-radius: 28px; background: #fff; padding: 18px; margin-bottom: 8px;}
.main_youtube_wrap .youtube_thumb div{font-weight: 700; padding-left: 30px; margin-bottom: 8px; background: url(/assets/p/images/PRD/youtube_logo.png) no-repeat left 50%; background-size: 24px; text-align: left; font-size: 12px;}
.main_youtube_wrap .youtube_thumb a{position: relative;}
.youtube_thumb img.youtube_play{position: absolute; z-index: 9; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 34px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); border-radius: 50%;}
.youtube_thumb img.youtube_thumbnail{border-radius: 18px; width: 100%;}
/* .btn_qr .qr_img{margin: 2px 0 2px 12px; width: 48px; height: 48px;}
.btn_qr img{display: inline-block; width: 100%; height: 100%;} */		

/* 20230117 추가 금융학습센터 */
.edu_box .h190p{position: relative; height: 190px !important;}
.edu_box .btn_youtube{width: 140px; text-align: center; background: #a91039; color: #fff; border-radius: 6px; padding: 4px 8px; font-size: 13px; margin-top: 8px;}
.edu_box .origin_box{position: absolute; right: 18px; bottom: 12px; font-size: 9px; color: #555; float: right;}
.edu_box img{width: 80px; height: 80px;}

/* 20230208 modalPOPUP Position */
.ui-dialog{position: fixed !important; left: 50% !important; top: 50% !important; transform: translate(-50%,-50%) !important;}

/*  20230515 Modal Popup  */
.main_scroll_hide{overflow: hidden;}
.body_blur{transition: filter .4s; filter: blur(4px);}
.main_modal_popup_wrap{display: none; z-index: 99; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 500px; height: 500px; min-height: 200px;}/* 20241107 크기 +100px 수정 */
.main_modal_popup_wrap .modal_box{background: #fff; border-radius: 30px; width: 100%; height: 500px; padding: 30px;}/* 20241107 크기 +100px 수정 */
.main_modal_popup_wrap .modal_box > div:first-child{overflow-y: auto; overflow-x:hidden; height: 415px;}/* 20231011 팝업내부 스크롤 추가 *//* 20241107 크기 +100px 수정 */
.main_modal_popup_wrap .modal_box h1{text-align: center; font-size: 22px; color: #9c2b61;}
.main_modal_popup_wrap .modal_box .logo_box{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); padding: 20px 0;}
.main_modal_popup_wrap .tool-bar{display: flex; justify-content: space-between; align-items: center; width: 500px;}/* 20241107 크기 +100px 수정 */
.main_modal_popup_wrap .tool-bar .btn-modal-close{margin-left: auto; padding: 2px;}
.main_modal_popup_wrap .tool-bar .btn-modal-close .icn{width: 20px; height: 20px; background-image: url(/assets/p/images/ETC/bnr_01_close.svg);}
.main_modal_popup_wrap .tool-bar .btn-modal-close .lbl{position: absolute; width: 1px; height: 1px; font-size: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0);}
.black_back{display: none; position: absolute; width: 100%; height: 100vh; background: rgba(0,0,0,0.7); z-index: 88; top: 0; left: 0;}

/* 20230608 영상관 */
.youtube_wrap li{width: 32%; border: 1px solid #dedede; border-radius: 28px; background: #fff; box-shadow: 0 8px 10px rgba(0,0,0,0.1); padding: 18px; margin-bottom: 24px; margin-right: 10px;}
.youtube_wrap li:last-child{margin-right: 0;}
.youtube_wrap .youtube_title{font-weight: 700; font-size: 14px; padding-left: 30px; margin-bottom: 8px; background: url('/assets/p/images/PRD/youtube_logo.png') no-repeat left 50%; background-size: 24px; line-height: 30px;}
.youtube_wrap .youtube_thumb{position: relative; display: inline-block; text-align: center;}
.youtube_wrap .youtube_thumb a{margin: auto; position: relative;}
.youtube_wrap .youtube_thumb img.youtube_play{position: absolute; z-index: 9; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 34px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); border-radius: 50%;}
.youtube_wrap .youtube_thumb img.youtube_thumbnail{border-radius: 18px; width: 100%;}

/* 20230728 FAQ MENU */
.faq_menu{display: flex; justify-content: center; gap: 8px; padding-top: 20px;}
.faq_menu li input[type=button]{border: 1px solid #5a5a5a; border-radius: 20px; background-color: #fff; color: #5a5a5a; padding: 6px 14px; cursor: pointer;}
.faq_menu li.on input[type=button],
.faq_menu li input[type=button]:hover{border: 1px solid transparent; background-color: #a90f39; color: #fff;}

/* 20230914 접근성 테이블 */
table.wa1{border-top: 1px solid #555; border-right: 1px solid #bbb;}
table.wa1 th, table.wa1 td{border-bottom: 1px solid #bbb; border-left: 1px solid #bbb; font-color: #222;}
table.wa1 th{background: #f6f6f6; font-weight: bold;}
table.wa1 td{background: #fff; text-align: center;}

/* 20231130 웹접근성안내 페이지 */
.content-area.acc-001 .h5-content{display: flex; justify-content: space-between; gap: 10px;}
.content-area.acc-001 .h5-content .box{border: 1px solid #ddd; border-radius: 10px; padding: 18px; width: 25%;}
.content-area.acc-001 .h5-content .box h5{color: rgba(169, 16, 57, 1); margin-bottom: 8px;}
.content-area.acc-001 .h5-content .box h5 span{position: relative;}
.content-area.acc-001 .h5-content .box h5 span::after{background-color: rgba(235, 136, 23, .24); width: 100%; display: block; position: absolute; bottom: 0; left: 0; height: 6px; font-size: 0; content: ""; transition: all .3s;}
.content-area.acc-001 .h5-content.box-icn{display: flex; justify-content: space-between; gap: 10px; align-items: center;}
.content-area.acc-001 .h5-content.box-icn div{border: 1px solid #ddd; border-radius: 10px; padding: 26px 18px 26px 97px; width: 25%; background-repeat: no-repeat; background-position: 18px 50%; font-weight: 700; font-size: 1.1rem;}
.content-area.acc-001 .h5-content.box-icn div:nth-child(1){background-image: url(/assets/p/images/KISB/acc001_icn1.svg);}
.content-area.acc-001 .h5-content.box-icn div:nth-child(2){background-image: url(/assets/p/images/KISB/acc001_icn2.svg);}
.content-area.acc-001 .h5-content.box-icn div:nth-child(3){background-image: url(/assets/p/images/KISB/acc001_icn3.svg); line-height: 52px;}
.content-area.acc-001 .h5-content.box-icn div:nth-child(4){background-image: url(/assets/p/images/KISB/acc001_icn4.svg);}

/* 20240108 check icon */
.icon_checked{background: url(/assets/p/images/common/icn_checked.gif) no-repeat 0 center; background-size: 18px; padding-left: 22px;}

/* 20240603 KCB 본인인증 */
.kcb_wrap .25p{width: 25%;}
.kcb_wrap .75p{width: 75%;}
.kcb_wrap .btn.btn-primary{height: 40px;}
.kcb_wrap dt{padding: 20px 0 8px; font-weight: bold;}
.kcb_wrap .btn.btn-primary{padding: 0 15px; min-width: 150px;}
.kcb_wrap .tdl{border-bottom: none; border-top: none;}
.kcb_wrap .field-input input,
.kcb_wrap .field-select{height: 40px; background-color: #fff;}
.kcb_wrap .field-input input,
.kcb_wrap button.field-select{padding: 0;}
.kcb_wrap button.field-select{outline: none;}
.kcb_wrap .field-group{box-shadow: 0 2px 0 -1px #bbb; border-radius: 0; min-height: 40px;}
.kcb_wrap .field-group:focus-within{box-shadow: 0 2px 0 -1px #c78c50;}
.kcb_wrap .field.invalid .field-group:not(.none-outline){box-shadow: 0 2px 0 -1px rgb(255 0 0);}
.kcb_wrap dl:first-child .field-group{width: 100%;}
.kcb_wrap .circle {position: relative; display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: #bbb!important;}
.kcb_wrap .auth_box{display: flex; gap: 8px; justify-content: space-between;}
.kcb_wrap .auth_box > div:nth-child(1){width: calc(50% - 22px);}
.kcb_wrap .auth_box > div:nth-child(2){box-shadow: none; margin-left: 0;}
.kcb_wrap .auth_box > div:nth-child(3){width: 50%;}
.kcb_wrap .auth_box .auth_id_2 {display: flex; justify-content: space-between; gap: 4px; max-width: 30px;}
.kcb_wrap .auth_box .auth_id_2 div{width: 100%; display: flex; justify-content: space-around; align-items: center;}
.kcb_wrap .auth_box .auth_id_2 input[type=text]{padding: 0; width: 20px; text-align: center;}
.kcb_wrap .auth_box .auth_id_2 input[type=text]::placeholder{color: #ddd; text-align: center;}
.kcb_wrap .circle_box{display: flex; align-items: center; gap: 4px; width: 100%; justify-content: space-evenly;}
.kcb_wrap .re_send{text-align: center; margin-top: 20px;}
.kcb_wrap .re_send button{text-decoration: underline;}
.kcb_wrap .term-bar{border: none; flex-wrap: wrap; padding: 0;}
.kcb_wrap .term-bar > div{width: 50%;}
.kcb_wrap .all_chk .field-group,
.kcb_wrap .term-bar .field .field-group{box-shadow: none; align-items: center;}
.kcb_wrap .all_chk label{font-weight: bold;}
.kcb_wrap .all_chk .field-group .field-checkbox-wq > div,
.kcb_wrap .term-bar .field .field-group .field-checkbox-wq > div{height: 40px;}
.kcb_wrap .all_chk .field-group a{font-size: 16px; font-weight: bold; color: #555;}
.kcb_wrap .term-bar .field .field-group a{font-size: 14px; text-decoration: underline; color: #555;}
.kcb_wrap .pc_modal_close{display: none;}

/* 202408웹접근성 focus 이슈 메뉴구조 변경 */	
.gnb div.a3 > ul > li{flex-direction: column; justify-content: flex-start;}
.gnb div.a3 > ul > li{height: 120px;}
.gnb div.a3 > ul > li > a{padding: 17px 24px; margin: 29px 0;}
.gnb ul.a4{overflow: hidden; width: 150px; background: #fff;}
.gnb ul.a4 > li{text-align: center;}
.gnb ul.a4 > li > a {display: inline-flex; text-align: center; font-size: 15px; color: #555; padding: 4px;}
.gnb ul.a4{max-height:0;}
.gnb:focus-within ul.a4{max-height:400px; transition:none; overflow: inherit;}
.gnb:hover ul.a4{max-height:400px; overflow: inherit;}
.gnb ul.a4 > li > a:after{display:block;position:absolute;bottom:4px;left:0;width:100%;height:6px;font-size:0;background-color:rgba(235, 136, 23, .24);content:"";transform:scaleX(0);transition:all .3s;}
.gnb ul.a4 > li > a:hover{font-weight:bold;color:#a90f39;}
.gnb ul.a4 > li > a:hover:after{transform:scaleX(1);}
.gnb ul.a4 > li > a:focus-visible{outline-offset:-2px;}

/* 20250715 윤리강령 */
.biz-line-box {position:relative;border:1px solid #ddd;border-radius:10px;padding:6px 40px;margin-top:20px;overflow:hidden;}
.biz-box {padding:20px 24px;border-radius:10px;overflow:hidden;background-color:#f6f6f6;}
.ep-section {padding:0;}
.ep-layout {display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid #ddd;}
.ep-layout.first {border-top:none;}
.ep-layout .ep-section {float:left;}
.ep-layout .ep-section.num {width:10%;}
.ep-layout .ep-section.txt {width:90%;}
.ep-layout .ep-section.txt p {word-break:keep-all;}
.biz-underline-red {display:inline-block;font-size:18px;font-weight:bold;min-width:20px;text-align:center;color:#222222;border-bottom:2px solid #A90F39;}


/*  20250929 Modal Swiper Popup */
.main_modal_popup_wrap .swiper-container {width: 500px;border-radius:30px; }
.main_modal_popup_wrap .swiper-slide {background:#FFFFFF;height:500px; border-radius:30px;}
.main_modal_popup_wrap .swiper-inner {display:flex;align-items:center;margin-top:12px;height:12px;font-size:0;}
.main_modal_popup_wrap .tool-bar{display: flex; justify-content: space-between; align-items: center; width: 500px;margin:0 55px;}

.main_modal_popup_wrap .banner-index {display: flex; justify-content: center; position: absolute; z-index: 1; left: 50%; transform: translateX(-50%);}
.main_modal_popup_wrap .banner-index .swiper-pagination-bullet {width: 8px; height: 8px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.6); transition: all 200ms ease-in-out;}
.main_modal_popup_wrap .banner-index .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 8px;}
.main_modal_popup_wrap .banner-index .swiper-pagination-bullet-active {width: 24px; background-color: rgb(255, 255, 255);}
.main_modal_popup_wrap .banner-wrap .banner-index,
.main_modal_popup_wrap .banner-wrap .banner-prev,
.main_modal_popup_wrap .banner-wrap .banner-next {visibility: hidden; pointer-events: none;}
.main_modal_popup_wrap .banner-wrap.data-active .banner-index,
.main_modal_popup_wrap .banner-wrap.data-active .banner-prev,
.main_modal_popup_wrap .banner-wrap.data-active .banner-next {visibility: visible; pointer-events: initial;}
.main_modal_popup_wrap .banner-wrap.data-active .banner-prev.swiper-button-disabled,
.main_modal_popup_wrap .banner-wrap.data-active .banner-next.swiper-button-disabled {opacity: 0.5;}
	
.main_modal_popup_wrap .swiper-button.next,.main_modal_popup_wrap .swiper-button.prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    width: 42px;
    height: 42px;
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    background:#000000;
    opacity:.35;
}

.main_modal_popup_wrap .swiper-button.next.swiper-button-disabled,.main_modal_popup_wrap .swiper-button.prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.main_modal_popup_wrap .swiper-button.next.swiper-button-hidden,.main_modal_popup_wrap .swiper-button.prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.main_modal_popup_wrap .swiper-navigation-disabled .swiper-button.next,.main_modal_popup_wrap .swiper-navigation-disabled .swiper-button.prev {
    display: none!important
}

.main_modal_popup_wrap .swiper-button.next svg,.main_modal_popup_wrap .swiper-button.prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.main_modal_popup_wrap .swiper-rtl .swiper-button.next svg,.main_modal_popup_wrap .swiper-rtl .swiper-button.prev svg {
    transform: rotate(180deg)
}

.main_modal_popup_wrap .swiper-button.prev,.main_modal_popup_wrap .swiper-rtl .swiper-button.next {
    left: 0;
    right: auto;
}

.main_modal_popup_wrap .swiper-button.next,.main_modal_popup_wrap .swiper-rtl .swiper-button.prev {
    right: 0;
    left: auto;
}

.main_modal_popup_wrap .swiper-button-lock {
    display: none;
}

.main_modal_popup_wrap .swiper-button.next:after,.main_modal_popup_wrap .swiper-button.prev:after {
    font-family: swiper-icons;
    font-size: 20px;
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.main_modal_popup_wrap .swiper-button.prev:after,.main_modal_popup_wrap .swiper-rtl .swiper-button.next:after {
    content: 'prev'
}

.main_modal_popup_wrap .swiper-button.next,.main_modal_popup_wrap .swiper-rtl .swiper-button.prev {
    right: 0;
    left: auto;
}

.main_modal_popup_wrap .swiper-button.next:after,.main_modal_popup_wrap .swiper-rtl .swiper-button.prev:after {
    content: 'next';
}

.main_modal_popup_wrap .swiper-button.prev span.lbl {display:none;}
.main_modal_popup_wrap .swiper-button.next span.lbl {display:none;}

/*  20260224 terms agree */
.terms_agree {overflow: hidden; }
.terms_agree .terms-item {padding: 0 32px;  border: 1px solid rgb(204, 204, 204); border-radius: 10px; font-weight:bold; color:#222222;}
.terms_agree .terms-item + .terms_agree .terms-item {padding-top: 0;}
.terms_agree .terms-item.noline {border: none;}
.terms_agree .terms-item.bg {background-color: rgb(245, 246, 249);}
.terms_agree .terms-flex {display: flex; width:100%;}
.terms_agree .terms-left {margin-right: auto;}
.terms_agree .terms-right {margin-left: auto;}
.terms_agree .terms-left.middle,
.terms_agree .terms-right.middle {display: flex; align-items: center;}
.terms_agree .terms-link {width: 16px; height: 16px; background-image: url("/assets/m/images/common/icn_rang.svg"); background-repeat: no-repeat; background-position: 0 0; background-size: 16px 16px;}
.terms_agree .terms-item.space {padding-left: 42px;}
.terms_agree .terms-item .text {margin-bottom: 16px;}
.terms_agree .field-checkbox-wq > div {padding:24px 0; height:initial;}
.terms_agree .terms-item .text + .field-radio-wq > div,
.terms_agree .terms-item .text + .field-checkbox-wq > div {margin-bottom: 16px;}
.terms_agree .terms-left .text {margin-bottom: 0;}
.terms_agree .terms.data-collapse .terms-link {transform: rotate(90deg); transition: transform 200ms ease-in-out;}
.terms_agree .terms.data-collapse .terms-link.data-active {transform: rotate(-90deg);}
.terms_agree .terms.data-collapse .terms-content {overflow: hidden; height: 0;}
.terms_agree .terms.data-collapse .terms-content.data-active {overflow: hidden; height: auto;}
.terms_agree .terms.data-collapse .terms-inner {padding-top: 8px;}
.terms_agree .terms.data-collapse .terms-space {padding-left: 28px;}

.terms_agree .terms-item:before {content: ''; margin-right:0;}
.terms_agree .field-checkbox-wq.type label {display: flex; align-items: center; font-size: 16px; cursor: pointer; font-weight:normal; color:#555555;}
.terms_agree .field-checkbox-wq.type label::before {content: ''; margin-right: 8px; width: 20px; height: 20px; background: url("/assets/m/images/common/icns_checkbox.svg"); background-repeat: no-repeat; background-position: -40px 0;}
.terms_agree .field-checkbox-wq.type input:checked ~ label::before {background-position: -40px -20px;}
.terms_agree .field-checkbox-wq.type input:disabled ~ .label::before {background-position: -60px 0;}
.terms_agree .field-checkbox-wq.type label:hover::before{box-shadow:none;}