@charset "utf-8";
/* Global CSS */

/* -----------------------------------------
   Compatibility View
----------------------------------------- */
.incompatibility-message, .no-js-message, .compatibility-view-message {font-size:1.2em; line-height:1.5em; padding:5px; border:3px solid #ff2200; color:#fff; background:#f00; text-align:center;}

.compatibility-view-message {display:none;}

.incompatibility-message {display:none; font-size:12px; line-height:normal;}
.incompatibility-message a {text-decoration:underline;}
.incompatibility-message strong {font-weight:bold;}

/* Universal Bar */
#universal-bar {position:absolute; left:0px; top:0px; z-index:300; width:100%; min-width:320px; height:50px;}

.universal-grey .bg-menu {	display:none; position:absolute; right:0; width:100%;}
.universal-grey, .universal-grey .bg-menu {
	background: #e0e0e0;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4 ), to(#e0e0e0 ));
	background: -webkit-linear-gradient(top, #f4f4f4, #e0e0e0 );
	background: -moz-linear-gradient(top, #f4f4f4, #e0e0e0 );
	background: -ms-linear-gradient(top, #f4f4f4, #e0e0e0 );
	background: -o-linear-gradient(top, #f4f4f4, #e0e0e0 );
	background: linear-gradient(top, #f4f4f4, #e0e0e0 );
}

/* Footer */
.footer-block {background:#3c3c3c;}
.footer-block .row {margin:0 auto; background:url(/imgs/KR/common/global/footer-bg-colours.gif) no-repeat left top; *zoom:1;}
.subheader  {line-height:normal; color:#6f6f6f; font-family:'SCProsperSans', 'NanumGothic';	font-weight:normal;	margin-bottom:17px;}	/* 2025 07 font */
.footer-block h6 {font-size:14px; color:#fff;}
.footer-block .block-grid > li {line-height:16px;	font-size:12px;}
.footer-block .block-grid > li > a {display:block; margin-bottom:5px; color:#9e9e9e;}
.footer-block .block-grid > li > a:hover {color:#eee; text-decoration:underline;}
.footer-block .row .three {width:25%;}
.footer-block .row .four {width:38.29787%;}
.footer-block .row .five {width:41.66667%;}
.footer-block .row .seven {width:58.33333%;}
.footer-block .row .eight {width:66.66667%; *width:66.5%;}
.footer-block .row .nine {width:72.46808%;}
.footer-block .row .offset-by-one {margin-left:8.33333%;}
.footer-block .liner-ft {background:url(/imgs/KR/common/global/footer-divider2.png) no-repeat 0 50% transparent;}
.footer-block .block-grid > li .ft-btns a.liverpool{background:url(/imgs/KR/common/global/footer_liverpool.png) no-repeat right top;width:130px;height:50px;}
.footer-block .block-grid > li .ft-btns a.seeing{background:url(/imgs/KR/common/global/footer_seeing.png) no-repeat right top;width:130px;height:50px;}
.footer-block .block-grid > li .ft-btns a.liverpool, .footer-block .block-grid > li .ft-btns a.seeing {display:block;}
.footer-block .block-grid > li .ft-btns a {display:inline; background:transparent;	text-indent:-9999px;	overflow:hidden;}
.footer-block .block-grid > li .ft-btns a.liverpool, .footer-block .block-grid > li .ft-btns a.seeing {display:block;}
.footer-block .block-grid > li .ft-btns a {display:inline; background:transparent; text-indent:-9999px;	overflow:hidden;}
.footer-block .yellow-color {color:#d2cd44 !important; font-weight:bold;}
.footer-block .blue-color {color:#0085d4 !important;}
.footer-block .btn_pcVer {display:none;}

.column, .columns {float:left; min-height:1px; position:relative;}
.column.centered, .columns.centered {float:none; margin:0 auto;}
[class*="column"]+[class*="column"]:last-child {float:right}
[class*="column"]+[class*="column"].end {float:left}

.block-grid {display:block; /*overflow:hidden;*/ padding:0;}/* WA 232728 JJW: overflow 제거 */
.block-grid li {display:block; height:auto; float:left;}
.block-grid.two-up {/*margin:0 -15px; margin:0 -8px*/}
.block-grid.two-up>li {width:50%; *width:49.99999%; /*padding:0 15px 15px; padding:0 8px 8px*/}
.block-grid.two-up>li:nth-child(2n+1) {clear:both;}

.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge, .show-for-print {display:none !important;}
.hide-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .hide-for-xlarge, .hide-for-print {display:inherit !important;}

.back-to-top {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
	-webkit-transition-property:color, opacity;
	-webkit-transition-duration:0.3s, 0.3s;
}
.back-to-top.hidden {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.back-to-top.hidden {display:none;}
div.back-to-top a {background: url(/imgs/KR/common/global/back-to-top.png) no-repeat scroll 0 0 transparent;color: #000000;float: right;height: 40px;margin: 0 10px 0 0;overflow: hidden;position: relative;top: -41px;width: 50px;}
div.back-to-top a:hover, div.back-to-top a:focus {background-color: #000; border-radius: 4px;}/* WA 231227 KJU: 명도대비 요소 추가 */
div.back-to-top > div {	margin: 0 auto; max-width: 1600px; width: 100%;}
div.back-to-top {bottom: 0; height: 1px; position: fixed; width: 100%; z-index: 200;}
.opacity .back-to-top {
	opacity:1;
	-webkit-transition:opacity 700ms linear;
	-moz-transition:opacity 700ms linear;
	transition:opacity 700ms linear;
}
.opacity .back-to-top.hidden {opacity:0;}
.no-opacity .back-to-top.hidden {	display:none;}

/* button */
.button, a.button {width:auto;	 color:#fff; cursor:pointer; display:inline-block; font-family:'SCProsperSans', 'NanumGothic'; font-weight:bold; font-size:14px; line-height:1; margin:0; /*outline:none;*/ padding:14px 30px 12px; position:relative; text-align:center; text-decoration:none; vertical-align:middle;	/* 2025 07 font */
	background-color:#0571b1;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0085d4', endColorstr='#0571b1');
	background: -webkit-gradient(linear, left top, left bottom, from(#0085d4), to(#0571b1));
	background: -webkit-linear-gradient(top, #0085d4, #0571b1);
	background: -moz-linear-gradient(top, #0085d4, #0571b1);
	background: -ms-linear-gradient(top, #0085d4, #0571b1);
	background: -o-linear-gradient(top, #0085d4, #0571b1);
	background: linear-gradient(top, #0085d4, #0571b1);
	-webkit-transition:background-color 0.15s ease-in-out;
	-moz-transition:background-color 0.15s ease-in-out;
	-o-transition:background-color 0.15s ease-in-out;
	transition:background-color 0.15s ease-in-out;
}
 .button:hover {color:#ffffff; 
	background-color:#0072ba;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0571b1', endColorstr='#0571b1');
	background: -webkit-gradient(linear, left top, left bottom, from(#0571b1), to(#0571b1));
	background: -webkit-linear-gradient(top, #0571b1, #0571b1);
	background: -moz-linear-gradient(top, #0571b1, #0571b1);
	background: -ms-linear-gradient(top, #0571b1, #0571b1);
	background: -o-linear-gradient(top, #0571b1, #0571b1);
	background: linear-gradient(top, #0571b1, #0571b1);
} */
.button:active {
	-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset;
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.2) inset;
}
.button:focus {
	-webkit-box-shadow:0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow:0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow:0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	color:#fff;
}

/* green */
.button.dgreen {
	background-color:#02820c;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#22a22c', endColorstr='#02820c');
	background: -webkit-gradient(linear, left top, left bottom, from(#22a22c ), to(#02820c ));
	background: -webkit-linear-gradient(top, #22a22c, #02820c );
	background: -moz-linear-gradient(top, #22a22c, #02820c );
	background: -ms-linear-gradient(top, #22a22c, #02820c );
	background: -o-linear-gradient(top, #22a22c, #02820c );
	background: linear-gradient(top, #22a22c, #02820c );
}
.button.dgreen:hover {
	background-color:#268f00;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02820c', endColorstr='#02820c');
	background: -webkit-gradient(linear, left top, left bottom, from(#02820c), to(#02820c));
	background: -webkit-linear-gradient(top, #02820c, #02820c);
	background: -moz-linear-gradient(top, #02820c, #02820c);
	background: -ms-linear-gradient(top, #02820c, #02820c);
	background: -o-linear-gradient(top, #02820c, #02820c);
	background: linear-gradient(top, #02820c, #02820c);
}

/* dark gray */
.button.dgray {
	background-color:#5d6063;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#85898c', endColorstr='#5d6063');
	background: -webkit-gradient(linear, left top, left bottom, from(#85898c ), to(#5d6063 ));
	background: -webkit-linear-gradient(top, #85898c, #5d6063 );
	background: -moz-linear-gradient(top, #85898c, #5d6063 );
	background: -ms-linear-gradient(top, #85898c, #5d6063 );
	background: -o-linear-gradient(top, #85898c, #5d6063 );
	background: linear-gradient(top, #85898c, #5d6063 );
}
.button.dgray:hover {
	background-color:#5d6063;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d6063', endColorstr='#5d6063');
	background: -webkit-gradient(linear, left top, left bottom, from(#5d6063), to(#5d6063));
	background: -webkit-linear-gradient(top, #5d6063, #5d6063);
	background: -moz-linear-gradient(top, #5d6063, #5d6063);
	background: -ms-linear-gradient(top, #5d6063, #5d6063);
	background: -o-linear-gradient(top, #5d6063, #5d6063);
	background: linear-gradient(top, #5d6063, #5d6063);
}
.button.dgray:focus {
	-webkit-box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow:0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

/* white */
.button.dwhite, a.button.dwhite {
	background-color:#ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff ), to(#f2f2f2 ));
	background: -webkit-linear-gradient(top, #ffffff, #f2f2f2 );
	background: -moz-linear-gradient(top, #ffffff, #f2f2f2 );
	background: -ms-linear-gradient(top, #ffffff, #f2f2f2 );
	background: -o-linear-gradient(top, #ffffff, #f2f2f2 );
	background: linear-gradient(top, #ffffff, #f2f2f2 );
	border:1px solid #d8d8d8;
	color:#112347;
	font-size:12px;
	padding:6px 8px 5px;
	font-weight:normal;
}
.button.dwhite:hover {
	background-color:#f2f2f2;
	*background-color:none;
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f2f2f2');*/
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f2f2f2));
	background: -webkit-linear-gradient(top, #f2f2f2, #f2f2f2);
	background: -moz-linear-gradient(top, #f2f2f2, #f2f2f2);
	/*background: -ms-linear-gradient(top, #f2f2f2, #f2f2f2);*/
	background: -o-linear-gradient(top, #f2f2f2, #f2f2f2);
	background: linear-gradient(top, #f2f2f2, #f2f2f2);
}

/* grayline */
.button.grayline, a.button.grayline {
	background-color:#ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea');
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff ), to(#eaeaea ));
	background: -webkit-linear-gradient(top, #ffffff, #eaeaea );
	background: -moz-linear-gradient(top, #ffffff, #eaeaea );
	background: -ms-linear-gradient(top, #ffffff, #eaeaea );
	background: -o-linear-gradient(top, #ffffff, #eaeaea );
	background: linear-gradient(top, #ffffff, #eaeaea );
	border:1px solid #8e8e8e !important;
	color:#555454;
	font-size:14px;
	padding:12px 30px 12px;
}
.button.grayline:hover {
	background-color:#eaeaea;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#eaeaea');
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#eaeaea));
	background: -webkit-linear-gradient(top, #eaeaea, #eaeaea);
	background: -moz-linear-gradient(top, #eaeaea, #eaeaea);
	background: -ms-linear-gradient(top, #eaeaea, #eaeaea);
	background: -o-linear-gradient(top, #eaeaea, #eaeaea);
	background: linear-gradient(top, #eaeaea, #eaeaea);
}

/* tabBtn */
.button.tabBtn, a.button.tabBtn {
	background-color:#f8f8f8;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f4f4f4');
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8 ), to(#f4f4f4 ));
	background: -webkit-linear-gradient(top, #f8f8f8, #f4f4f4 );
	background: -moz-linear-gradient(top, #f8f8f8, #f4f4f4 );
	background: -ms-linear-gradient(top, #f8f8f8, #f4f4f4 );
	background: -o-linear-gradient(top, #f8f8f8, #f4f4f4 );
	background: linear-gradient(top, #f8f8f8, #f4f4f4 );
/* ******************************************** 2014-09-24 마이그레이션 ******************************************** */ 
	border:1px solid #acacac;
	color:#555;
/* ******************************************** 2014-09-24 마이그레이션 ******************************************** */ 
	font-size:12px;
	font-family:"NanumGothicBold";
	font-weight:normal;
	padding:7px 10px 9px;
	min-width:55px;
}
a.button.tabBtn:hover {
	background-color:#ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff');
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
	background: -webkit-linear-gradient(top, #ffffff, #ffffff);
	background: -moz-linear-gradient(top, #ffffff, #ffffff);
	background: -ms-linear-gradient(top, #ffffff, #ffffff);
	background: -o-linear-gradient(top, #ffffff, #ffffff);
	background: linear-gradient(top, #ffffff, #ffffff);
}
a.button.tabBtn.current {
	background-color:#122954;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#122954', endColorstr='#122954');
	background: -webkit-gradient(linear, left top, left bottom, from(#122954), to(#122954));
	background: -webkit-linear-gradient(top, #122954, #122954);
	background: -moz-linear-gradient(top, #122954, #122954);
	background: -ms-linear-gradient(top, #122954, #122954);
	background: -o-linear-gradient(top, #122954, #122954);
	background: linear-gradient(top, #122954, #122954);
	border-color:#122954;
	color:#fcd000;
}
a.button.tabBtn.current:focus-visible {outline:2px dashed #fcd000; outline-offset: -4px;}/* WA 231227 JJW: outline 수정 */
.button.radius {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
/* WA231031 KJU : 접근성 작업 (컨텐츠 사이의 간격) */
.wa_btnm > button ~ button {
    margin-left: 5px;
}

.button.small, a.button.small {font-size:12px; padding:6px 12px;}
.button.small.wid, a.button.small.wid {font-size:12px; padding:6px 25px;}/*2015-04-17 이진표추가*/
/* button group */
div.button-bar {overflow:hidden}
div.button-bar ul.button-group {float:left; margin-right:10px}
div.button-bar ul.button-group:last-child, div.button-bar ul.button-group.last {margin-right:0;}

ul.button-group {	padding:0; *zoom:1}
ul.button-group:before, ul.button-group:after {content:" "; display:table}
ul.button-group:after {clear:both}
ul.button-group li {padding:0; margin:0 0 0 -1px; float:left}
ul.button-group li:first-child, ul.button-group li.first {margin-left:0}

/* 2021-10-13 예금자보호 안내 문구 추가 S */
div.button-bar .dep_info {font-weight: bold; color: #222; line-height: 1.3em;}
div.button-bar .dep_info {font-weight:bold; line-height:1.3em; color:#222;}
/* 2021-10-13 예금자보호 안내 문구 추가 E */

/* 2020-10-27 버튼그룹type2 추가 */
.button-group.type2 {margin-top: 20px;}
.button-group.type2 li .button.tabBtn, 
.button-group.type2 li a.button.tabBtn {color: #303030; border: 1px solid #ccc; padding: 11px 21px;}
.button-group.type2 li:last-child a.button.tabBtn {border: 1px solid #ccc;}
.button-group.type2 li .button.tabBtn:hover, 
.button-group.type2 li a.button.tabBtn:hover {background: none;}
.button-group.type2 li a.button.tabBtn.current {color: #0085d2; background: none; border: 1px solid #0085d2; margin-right: 1px;}
.button-group.type2 li a.button:active {box-shadow: none;}
.button-group.type2 li a.button:focus {box-shadow: none;}
.button-group.type2 li a.button:hover {
	-webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	z-index: 3;
}

/* linemap */
.breadcrumbs {overflow:hidden; width:100%; min-width:320px; height:33px; padding:0; text-align:left; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; 
	background-color:#ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
	background: -webkit-linear-gradient(top, #ffffff, #efefef);
	background: -moz-linear-gradient(top, #ffffff, #efefef);
	background: -ms-linear-gradient(top, #ffffff, #efefef);
	background: -o-linear-gradient(top, #ffffff, #efefef);
	background: linear-gradient(top, #ffffff, #efefef);
}
.breadcrumbs ul {overflow:hidden; width:940px; margin:0 auto}
.breadcrumbs ul li {margin:0; padding:0 15px 0 0; float:left; background:url('/imgs/KR/common/bg_linemap.gif') no-repeat right top}
.breadcrumbs ul li a {line-height:35px; height:35px; display: inline-block; font-size:12px; font-family:"NanumGothic"; padding-left:12px; color:#2AAC48}
.breadcrumbs ul li:first-child a, .breadcrumbs ul li.first a {background:url('/imgs/KR/common/bg_scCi.gif') center 5px no-repeat; margin-right:-5px; padding:20px; font-size:0}
.breadcrumbs ul li.current {background:none}
.breadcrumbs ul li.current a {cursor:default; color:#333}
.breadcrumbs ul li.current:hover a, ul.breadcrumbs li.current a:focus {text-decoration:none}

/* input */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	border-collapse:separate;
	background-color:#fff;
	font-family:'SCProsperSans', 'NanumGothic';	/* 2025 07 font */
	border:1px solid #c0c0c0;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);
	color:rgba(0, 0, 0, 0.75);
	font-size:12px;
	height:28px; 
	line-height:28px\9;
	padding:0 10px;
	-webkit-transition:all 0.15s linear;
	-moz-transition:all 0.15s linear;
	-o-transition:all 0.15s linear;
	transition:all 0.15s linear;
	color:#949494; /* WA 231108 JJW: 명도대비 수정 */
	border-radius:4px;
	vertical-align:middle;
}
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize {
	font-size:12px;
	padding:4px 6px
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
	background:#f8f8f8;
	/*outline:none !important;*/
	border-color:#c0c0c0;
	color:#000;
	font-weight:bold;
	-moz-box-shadow: 0 0 6px rgba(54, 168, 223, 0.8);
	-webkit-box-shadow: 0 0 6px rgba(54, 168, 223, 0.8);
	box-shadow: 0 0 6px rgba(54, 168, 223, 0.8);
}
input[type="text"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
	background-color:#ddd
}
input[type="password"][disabled]{background-color:#f8f8f8;}
input[type="checkbox"] {margin-top:-3px;}
input[type="radio"] {margin-top:-4px;}

input.blur {font-weight:bold; color:#000 !important;}

textarea {
	height:auto
}

/* 2014.04.02 ie10 input "x" 삭제 */
input::-ms-clear {display:none;}

/* 20141124 포인트사용 깨짐현상 수정 */
.flnone > li {float:none !important;}


/******************************************************** 2015.02 - footer 추가 **********************************************************************/
.new_breadcrumbs {/*overflow:hidden;*/ width:940px; margin:0 auto; min-width:320px; height:33px; padding:0; text-align:left; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; 
           background-color:#ffffff;
           filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');
           background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
           background: -webkit-linear-gradient(top, #ffffff, #efefef);
           background: -moz-linear-gradient(top, #ffffff, #efefef);
           background: -ms-linear-gradient(top, #ffffff, #efefef);
           background: -o-linear-gradient(top, #ffffff, #efefef);
           background: linear-gradient(top, #ffffff, #efefef);
}/* WA 232728 JJW: overflow 제거 */
.new_breadcrumbs ul {overflow:hidden; width:940px; margin:0 auto}
.new_breadcrumbs ul li {margin:0; padding:0 15px 0 0; float:left; background:url('/imgs/KR/common/bg_linemap.gif') no-repeat right top}
/* [WA 230912] 5.텍스트 콘텐츠의 명도 대비 as-is color: #2AAC48 -> to-be color: #176F36 */
.new_breadcrumbs ul li a, .new_breadcrumbs ul li .bc_crr {line-height:35px; height:35px; display: inline-block; font-size:12px; font-family:"NanumGothic"; padding-left:12px; color:#176F36;} /* [WA 231109] JJW: breadcrumbs 현위치 클래스 추가 */
/* .new_breadcrumbs ul li:first-child a, .new_breadcrumbs ul li.first a {background:url('/imgs/KR/common/bg_scCi.png') center 5px no-repeat; margin-right:-5px; padding:20px; font-size:0} */
.new_breadcrumbs ul li:first-child a {margin:1px; height:31px; padding:0; vertical-align:middle;}/* [WA 231226] KMS: Home 포커스링 수정 */
.new_breadcrumbs ul li > a > .ico_home, .new_breadcrumbs ul li.first a {display:inline-block; background:url('/imgs/KR/common/bg_scCi.png') center 5px no-repeat;height:100%; width:30px; font-size:0; vertical-align:top;}/* [WA 231226] KMS: Home 포커스링 수정 */
.new_breadcrumbs ul li.current {background:none}
.new_breadcrumbs ul li.current a, .new_breadcrumbs ul li.current .bc_crr {cursor:default; color:#333} /* [WA 231109] JJW: breadcrumbs 현위치 클래스 추가 */
.new_breadcrumbs ul li.current:hover a, ul.new_breadcrumbs li.current a:focus {text-decoration:none}
.new_footer-block {background:#F9F9F9;}
.new_footer-block .row {margin:0 auto; background:url(/imgs/KR/common/global/footer-bg-colours.gif) no-repeat left top; *zoom:1;}
.new_footer-block .block-grid > li > a.ksqi {width:59px;} 
.new_footer-block ul.block-grid li.footer_fa{width: 54%}
.new_footer-block ul.block-grid li.footer_fb{width: 46%;}
.new_footer-block ul.block-grid li.footer_fb a, .new_footer-block ul.block-grid li.footer_fb span{display: block; margin-bottom: 12px;}
.new_footer-block ul.block-grid li.footer_la{width: 50%;}
.new_footer-block ul.block-grid li.footer_lb{width: 40%; text-align: right; padding-right: 10%}
.new_footer-block ul.block-grid li.footer_lb a{display: block; margin-bottom: 12px;}

/* [WA 230901] 5.텍스트 콘텐츠의 명도 대비 as-is color: #5fb454 -> to-be color: #1b7b3e */
.new_footer-block h6 {font-size:12px; color:#1b7b3e;}
.new_footer-block h6.point{font-size: 14px;}
.new_footer-block .block-grid > li {line-height:16px;  font-size:12px;}
.new_footer-block .block-grid > li > a {display:block; margin-bottom:4px; color:#787878;}
.new_footer-block .block-grid > li > a:hover {color:#000; text-decoration:underline;}
.new_footer-block .row .three {width:25%;}
.new_footer-block .row .four {width:38.29787%;}
.new_footer-block .row .five {width:39.66667%;}/*30.66667*/
.new_footer-block .row .seven {width:60.33333%;}/*69.333333*/
.new_footer-block .row .eight {width:66.66666%; *width:66.6%;}
.new_footer-block .row .nine {width:72.46808%;}
.new_footer-block .row .offset-by-one {padding-left:8.33333%; background:url(/imgs/KR/common/global/new_footr_l_line.gif) no-repeat;}
/*.new_footer-block .liner-ft {background:url(/imgs/KR/common/global/footer-divider2.png) no-repeat 0 50% transparent;}*/
.new_footer-block .block-grid > li .ft-btns a.liverpool{background:url(/imgs/KR/common/global/footer_liverpool.png) no-repeat right top;width:130px;height:50px;}
.new_footer-block .block-grid > li .ft-btns a.seeing{background:url(/imgs/KR/common/global/footer_seeing.png) no-repeat right top;width:130px;height:50px;}
.new_footer-block .block-grid > li .ft-btns a.liverpool, .footer-block .block-grid > li .ft-btns a.seeing {display:block;}
.new_footer-block .block-grid > li .ft-btns a {display:inline; background:transparent;     text-indent:-9999px;           overflow:hidden;}
.new_footer-block .block-grid > li .ft-btns a.liverpool, .footer-block .block-grid > li .ft-btns a.seeing {display:block;}
.new_footer-block .block-grid > li .ft-btns a {display:inline; background:transparent; text-indent:-9999px; overflow:hidden;}
.new_footer-block .yellow-color {color:#d2cd44 !important; font-weight:bold;}
.new_footer-block .blue-color {color:#0085d4 !important;}
.new_footer-block .btn_pcVer {display:none;}
.new_footer-block .block-grid > li a.black-color{font-weight: bold; color:#015a9c; }
.new_footer-block .new_foo_banner{position: absolute; top: 2px; left: 60%;}
.new_footer-block .new_foo_banner ul li{margin-bottom: 20px;}

/* [WA 230922] : 접근성 휴대폰번호 동의 버튼 스타일 */
.wa_phone_box{position:relative;display:inline-block;padding-right:138px;}
.wa_check_span{position:absolute;width:42px;right:93px;top:2px}
.wa_black_span{position:absolute;width:90px;right:0;top:2px}

/************************************* 2015.04.27 span태그에 버튼스타일 적용 ***************************************/
span.button {width:auto; color:#fff; cursor:default; display:inline-block; font-family:'SCProsperSans', 'NanumGothic'; font-weight:bold; font-size:14px; line-height:1; margin:0; /*outline:none;*/ padding:14px 30px 12px; position:relative; text-align:center; text-decoration:none; vertical-align:middle;	/* 2025 07 font */
	background-color:#0571b1;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0085d4', endColorstr='#0571b1');
	background: -webkit-gradient(linear, left top, left bottom, from(#0085d4), to(#0571b1));
	background: -webkit-linear-gradient(top, #0085d4, #0571b1);
	background: -moz-linear-gradient(top, #0085d4, #0571b1);
	background: -ms-linear-gradient(top, #0085d4, #0571b1);
	background: -o-linear-gradient(top, #0085d4, #0571b1);
	background: linear-gradient(top, #0085d4, #0571b1);
	-webkit-transition:background-color 0.15s ease-in-out;
	-moz-transition:background-color 0.15s ease-in-out;
	-o-transition:background-color 0.15s ease-in-out;
	transition:background-color 0.15s ease-in-out;
}
/* tabBtn */
span.button.tabBtn {
	background-color:#f8f8f8;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f4f4f4');
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8 ), to(#f4f4f4 ));
	background: -webkit-linear-gradient(top, #f8f8f8, #f4f4f4 );
	background: -moz-linear-gradient(top, #f8f8f8, #f4f4f4 );
	background: -ms-linear-gradient(top, #f8f8f8, #f4f4f4 );
	background: -o-linear-gradient(top, #f8f8f8, #f4f4f4 );
	background: linear-gradient(top, #f8f8f8, #f4f4f4 );
 
	border:1px solid #acacac;
	color:#555;

	font-size:12px;
	font-family:"NanumGothicBold";
	font-weight:normal;
	padding:7px 10px 9px;
	min-width:55px;
}

span.button.tabBtn.current {
	background-color:#122954;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#122954', endColorstr='#122954');
	background: -webkit-gradient(linear, left top, left bottom, from(#122954), to(#122954));
	background: -webkit-linear-gradient(top, #122954, #122954);
	background: -moz-linear-gradient(top, #122954, #122954);
	background: -ms-linear-gradient(top, #122954, #122954);
	background: -o-linear-gradient(top, #122954, #122954);
	background: linear-gradient(top, #122954, #122954);
	border-color:#122954;
	color:#fcd000;
}

/* [dev] 미스터리쇼핑 2022-06-21 1.10.1 button disabled 속성 추가 */
.button.dgreen:disabled,
.button.dgreen:hover:disabled {opacity:0.6;cursor:default;background:#02820c;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.button.dwhite:disabled,
.button.dwhite:hover:disabled,
.button.dwhite.disabled,
.button.dwhite:hover.disabled {opacity:0.6;cursor:default;background:#ddd;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}