@charset "utf-8";


/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
 @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
	src: url(../font/NotoSansKR-Regular.eot);
    src: local('Noto Sans KR Regular'), local('Noto Sans CJK KR Regular'),
	url(../font/NotoSansKR-Regular.eot) format('embedded-opentype'),
    url(../font/NotoSansKR-Regular.woff2) format('woff2'),
    url(../font/NotoSansKR-Regular.woff) format('woff'),
    url(../font/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
	src: url(../font/NotoSansKR-Thin.eot);
    src: local('Noto Sans KR Thin'), local('Noto Sans CJK KR Thin'),
	url(../font/NotoSansKR-Thin.eot) format('embedded-opentype'),
    url(../font/NotoSansKR-Thin.woff2) format('woff2'),
    url(../font/NotoSansKR-Thin.woff) format('woff'),
    url(../font/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
	src: url(../font/NotoSansKR-Light.eot);
    src: local('Noto Sans KR Light'), local('Noto Sans CJK KR Light'),
	url(../font/NotoSansKR-Light.eot) format('embedded-opentype'),
    url(../font/NotoSansKR-Light.woff2) format('woff2'),
    url(../font/NotoSansKR-Light.woff) format('woff'),
    url(../font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
	src: url(../font/NotoSansKR-Medium.eot);
    src: local('Noto Sans KR Medium'), local('Noto Sans CJK KR Medium'),
	url(../font/NotoSansKR-Medium.eot) format('embedded-opentype'),
    url(../font/NotoSansKR-Medium.woff2) format('woff2'),
    url(../font/NotoSansKR-Medium.woff) format('woff'),
    url(../font/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
	src: url(../font/NotoSansKR-Bold.eot);
    src: local('Noto Sans KR Bold'), local('Noto Sans CJK KR Bold'),
	url(../font/NotoSansKR-Bold.eot) format('embedded-opentype'),
    url(../font/NotoSansKR-Bold.woff2) format('woff2'),
    url(../font/NotoSansKR-Bold.woff) format('woff'),
    url(../font/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
	src: url(../font/NotoSansKR-Black.eot);
    src: local('Noto Sans KR Black'), local('Noto Sans CJK KR Black'),
		url(../font/NotoSansKR-Black.eot) format('embedded-opentype'),

    url(../font/NotoSansKR-Black.woff) format('woff'),
    url(../font/NotoSansKR-Black.otf) format('opentype');
}

/* Reset */
/* 2019-08-19 추가 */
html *
{-webkit-tap-highlight-color:rgba(0,0,0,0); outline:none;}
/* // 2019-08-19 추가 */

body, h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td,
form, fieldset, legend, label,
hr {
	margin:0;
	padding:0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
ul, ol {
	list-style:none;
}
table {
	margin:0;
	padding:0;
	font-size:14px;
	border-spacing:0;
	border:0;
	_border-collapse:collapse;
}
*+html table {border-collapse:collapse;}
img, fieldset, abbr, acronym {
	border:0;
}
address, caption, cite, code, dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
q:before, q:after {
	content: '';
}
input, select, button, textarea {
	color:#494949;
	font-size:14px;
	font-family: "Noto Sans KR", sans-serif;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align:middle;
	letter-spacing:-1px;
}

/* Base */
html {
	height:100%;
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
body {
	height:100%;
	font-size:14px;
	font-family: "Noto Sans KR", sans-serif;
	line-height:20px;
	color:#0f0f0f;
	letter-spacing:-1px;
	/*-webkit-font-smoothing:antialiased;*/
}
hr {display:none}
caption, legend {
	width:0;
	height:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
	font-size:0;
}
/**, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}*/
#skipNavi{position:absolute; top:0; left:0; right:0; z-index:1000;}
#skipNavi a{position:absolute;top:-100px;left:0; right:0; padding:7px 0;text-align:center;font-weight:bold;color:#000;background:#ebebeb;border:1px solid;}
#skipNavi a:focus,#skip a:active{top:3px; left:0px;}
a {
	color:inherit;
	text-decoration:none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

    
 

input[type='text'],
input[type='password'],
input[type='tel'],
input[type='email'],
input[type='number'] {width:100%;height:40px; padding:0 10px; border:1px solid #ddd;background:#fff;color:#232323;letter-spacing:0;font-family: "Noto Sans KR", sans-serif; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
input[type='text']::-ms-clear {display:none;}
input[type='password']::-ms-reveal {display:none;}
input::placeholder {
  color: #a1a1a1;
  font-family: "Noto Sans KR", sans-serif;
  text-align:left !important;
}
*::-webkit-input-placeholder {color:#bbb; font-family: "Noto Sans KR", sans-serif;}
*::-moz-placeholder {color:#bbb; font-family: "Noto Sans KR", sans-serif; }
*:-ms-input-placeholder {color:#bbb; font-family: "Noto Sans KR", sans-serif;}
*:-moz-placeholder {color:#bbb; font-family: "Noto Sans KR", sans-serif; }
input[type='text']:disabled,
input[type='tel']:disabled,
input[type='number']:disabled,
input[type='password']:disabled { background:#f7f7f7;color:#999;letter-spacing:0;}
input[type='text'] + .won{display:inline-block;padding-left:10px;font-weight:400;}
textarea.textarea {
	width:100%;
	height:220px;
	padding:15px;
	border:1px solid #dcdcdc;
	border-radius:3px;
	background:#fff;
	font-family: "Noto Sans KR", sans-serif;
	font-size:14px;
	line-height:21px;
}
input:focus {border:1px solid #f58220;color:#232323} /* 2022-01-26 주소검색개선 */
label,
input.button, input.submit , input.image,input[type='submit'],input[type='button'],input[type='images'],
button {
	border:none;
	cursor:pointer;
	vertical-align:top;
}
button:disabled {cursor:default;}
input[type="checkbox"] { width:21px; height:21px; margin:0; }
select {
	width:100%;
	height:40px;
	padding:0 30px 0 10px;
	border:1px solid #ddd;
	background:#fff url(/resource/mb/img/comm/bl_select.png) no-repeat 100% 50%;background-size:20px 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-size:14px;
	color:#232323;
	cursor:pointer;
	vertical-align: top;
}
select:disabled{background:#f7f7f7;}
select::-ms-expand { /* for IE 11 */
	display:none;
}
.clearfix:after  {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix   {display: block;}
/* End hide from IE-mac */

.cboth {
	clear:both;
}
.invisible {
	overflow:hidden;
	visibility:hidden;
	position:absolute;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}
.screen_out{overflow:hidden;position:absolute;width:0;height:0;font-size:1px;line-height:0;color:transparent} /* 2021-10-08 대체텍스트용 클래스 추가 */
/* layout */
.menu-open #wrap {position:fixed;}
.menu-open #header .navbar-toggle .line {height:1px; background:#000;}
.menu-open #header .navbar-toggle .line:nth-child(1) {width:25px; margin-top:8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.menu-open #header .navbar-toggle .line:nth-child(2) {width:25px; margin-top:-1px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.menu-open #header .navbar-toggle .line:nth-child(3) {width:0px;}
.menu-open #header {position:absolute;}
.menu-open #header #commonMenu {transform:translateX(0); overflow-y:auto;}
.menu-open #header #commonMenu .scroll-box .gnb-menu {-webkit-overflow-scrolling:touch;}
.menu-open #header #commonMenu .scroll-box .gnb-cont {-webkit-overflow-scrolling:touch;}
.scrolling-auto #header #commonMenu .scroll-box .gnb-cont {-webkit-overflow-scrolling:auto !important;}
#wrap {position:relative;width:100%; min-width:320px;min-height:100%;}
#header {position:relative; height:60px;}
#header {position:fixed; top:0; left:0; width:100%; height:60px; background:#f3771d; z-index:12;} /* 2021-12-14-모바일색상변경 */
#header h1 {position:absolute; top:0; right:52px; width:31px; height:60px;}
#header h1 a {display:block;overflow:hidden; width:100%; height:100%; background:url('../img/comm/ico_home2.svg') 50% 50% no-repeat; background-size:35px auto; font-size:1px; line-height:0;color:transparent} /* 2021-12-14-모바일색상변경 */
#header h2 {overflow:hidden;padding:0 90px 0 52px;font-weight:400;font-size:19px;line-height:60px;color:#fff;white-space:nowrap;text-overflow:ellipsis} /* 2022-01-26 주소검색개선 */
#header .back {overflow:hidden;position:absolute; top:0; left:0; width:52px; height:60px; background:url('../img/comm/ico_back.svg') 50% 50% no-repeat; background-size: 37px auto; font-size:1px; line-height:0;color:transparent} /* 2021-12-14-모바일색상변경 */
#header .my-page {position:absolute; top:0; left:0; width:62px; height:60px; background:url('../img/comm/ico_my.svg') no-repeat center; background-size: 23px auto; font-size:0; line-height:0;} /* 2021-12-14-모바일색상변경 */
#header .navbar-toggle {position:absolute; top:0; right:0; width:52px; height:60px; font-size:0; line-height:0; z-index:13;}
#header .navbar-toggle .icon {position:absolute; top:50%; left:50%; width:22px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index:12;}
#header .navbar-toggle .line {float:right; width:20px; height:2px; border-radius:2px;background:#fff; -webkit-transition: all 200ms cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: all 200ms cubic-bezier(0.7, 0, 0.3, 1); transition: all 200ms cubic-bezier(0.7, 0, 0.3, 1);} /* 2021-12-14-모바일색상변경 */
#header .navbar-toggle .line + .line {margin-top:6px;} /* 2021-12-14-모바일색상변경 */
/* #header .navbar-toggle .line:nth-child(1) {width:17px;}
#header .navbar-toggle .line:nth-child(3) {width:12px;}
#header .navbar-toggle .line:nth-child(3) {width:12px;} 2021-12-14-모바일색상변경 */
/* 2021-12-14-모바일색상변경 : main.css에서 이동 */
#header .eng_btn {position:absolute; top:20px; right:52px; border:1px solid #000;border-radius:3px}
#header .eng_btn > a {display:block; padding:5px 6px 3px;line-height:14px; color:#4b4b4b; letter-spacing:0.5px}
#header .scroll-box .eng_btn{display:none;top:auto;bottom:25px;left:15px;right:auto;border-color:#f58220}
#wrap.banner-true #header .scroll-box .eng_btn{top:auto} /* 2022-02-03 추가 */
#header .scroll-box .eng_btn > a{padding:6px 16px 4px;color:#f58220}
@media only screen and (min-height: 700px){
	#header .scroll-box .eng_btn{display:block}
}
/* 2021-12-14-모바일색상변경 : main.css에서 이동 */
#header #commonMenu {position:absolute; transform:translateX(100%); top:0; right:0; width:100%; min-width:320px; background:#fff; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 0.3s; transition-property: transform; transition-duration: 0.3s; z-index:12; height:100vh; -moz-box-sizing:initial; -webkit-box-sizing:initial; box-sizing:initial;}
#header #commonMenu .top-btn {position:absolute; top:0; width:100%; /*height:97px;*/ background:#fff; z-index:20; padding:20px 15px 15px; border-bottom:1px solid #ddd;}
#header #commonMenu .top-btn .b-login {position:relative; display:inline-block; padding-right:17px; font-size:15px; line-height:21px;}
#header #commonMenu .top-btn .b-login:after {content:''; position:absolute; right:0; top:50%; width:16px; height:16px; margin-top:-8px; background:url('../img/comm/ico_login.svg') 100% 0 no-repeat; background-size:16px auto; vertical-align:middle;} /* 2021-12-14-모바일색상변경 */
#header #commonMenu .top-btn p {margin-top:20px; color:#686868; font-size:13px;}
#header #commonMenu .top-btn div {position:absolute; right:50px; top:18px;} /* 2021-12-14-모바일색상변경 */
#header #commonMenu .top-btn :not(.b-login)[class^="b-"] {display:inline-block;overflow:hidden;width:32px; height:32px;background-position:50% 50%;background-repeat:no-repeat;background-size:32px auto;font-size:1px;line-height:0;color:transparent;vertical-align:top} /* 2021-12-14-모바일색상변경 */
#header #commonMenu .top-btn .b-logout {background-image:url('../img/comm/ico_logout.svg')} /* 2021-12-14-모바일색상변경 */
#header #commonMenu .top-btn .b-option {background-image:url('../img/comm/ico_setting.svg')} /* 2021-12-14-모바일색상변경 */
#header #commonMenu .top-btn .b-notice {position:relative;background-image:url('../img/comm/ico_alert.svg')} /* 2021-12-14-모바일색상변경 */
#header #commonMenu .top-btn .b-notice em {position:absolute; top:3px; right:4px; width:11px; height:11px; padding-top:1px; background:#f7681a; color:#fff; font-size:10px; line-height:11px; text-align:center; border-radius:100%; -webkit-border-radius:100%; box-sizing:border-box; -webkit-box-sizing:border-box;}
#header #commonMenu .top-btn .b-home{background-image:url('../img/comm/ico_home.svg')} /* 2021-12-14-모바일색상변경 */
#header #commonMenu .top-btn strong {display:inline-block; font-size:15px; font-weight:400; line-height:32px;vertical-align:top}
#header #commonMenu .top-btn ul {display:table; width:100%; margin-top:25px; padding-bottom:10px;table-layout:fixed;} /* 2021-12-14-모바일색상변경 */
#header #commonMenu .top-btn ul li {position:relative; display:table-cell; text-align:center;}
#header #commonMenu .top-btn ul li:before {content:''; position:absolute; left:0; top:50%; width:1px; height:40px; margin-top:-20px; background:#999;} /* 2021-12-14-모바일색상변경 */
#header #commonMenu .top-btn ul li:first-child:before {display:none;}
#header #commonMenu .top-btn ul li a {display:block;position:relative;padding-bottom:25px} /* 2021-12-14-모바일색상변경 */
#header #commonMenu .top-btn ul li span {position:absolute;bottom:0;left:0;right:0;color:#686868; font-size:13px;} /* 2021-12-14-모바일색상변경 */
#header #commonMenu .top-btn ul li em {display:block; margin-top:10px; color:#232323; font-size:25px; font-weight:400;}
#header #commonMenu .scroll-box {position:relative; height:100%; padding-left:115px;}
#header #commonMenu .scroll-box a:before,
#header #commonMenu .scroll-box a:after {background-image:url('../img/comm/bg_gnb.png'); background-size:100px auto; background-repeat:no-repeat;}
#header #commonMenu .scroll-box .gnb-menu {position:absolute; left:0; top:0; overflow-y:auto; overflow-x:hidden; width:115px; height:100%; background:#f7f7f7;} /* 2021-12-14-모바일색상변경 */
#header #commonMenu .scroll-box .gnb-menu li a {position:relative; display:block; width:100%; height:54px; padding-left:15px; color:#4b4b4b; line-height:54px;} /* 2021-12-14-모바일색상변경 */
#header #commonMenu .scroll-box .gnb-menu li.active a {background:#f58220; color:#fff; font-weight:500;} /* 2021-12-14-모바일색상변경 */
#header #commonMenu .scroll-box .gnb-menu li.active a:before {content:''; position:absolute; top:50%; right:0; width:8px; height:15px; margin-top:-8px;}
#header #commonMenu .scroll-box .gnb-cont {overflow-y:auto; overflow-x:hidden; height:100%; padding:0 20px;}
#header #commonMenu .scroll-box .gnb-cont strong {position:relative; display:none; height:30px; padding-top:30px; border-bottom:1px solid #0c2d4e; color:#f58220; font-size:19px; font-weight:700;} /* 2021-12-14-모바일색상변경 */
#header #commonMenu .scroll-box .gnb-cont strong.active {display:block;}
#header #commonMenu .scroll-box .gnb-cont a {color:#404040;}
#header #commonMenu .scroll-box .gnb-cont li.active > a {font-weight:500;}
#header #commonMenu .scroll-box .gnb-cont .depth1 {display:none;}
#header #commonMenu .scroll-box .gnb-cont .depth1.active {display:block;}
#header #commonMenu .scroll-box .gnb-cont .depth1 > li > a {position:relative; display:block; padding:0 5px; border-bottom:1px solid #ddd; line-height:46px;}
#header #commonMenu .scroll-box .gnb-cont .depth1 > li > a:not(:last-child):before {content:''; position:absolute; right:10px; top:50%; width:12px; height:7px; margin-top:-3px; background-position:-13px 0;}
#header #commonMenu .scroll-box .gnb-cont .depth1 > li.active > a:not(:last-child):before {background-position:-13px -7px;}
#header #commonMenu .scroll-box .gnb-cont .depth2 {display:none;}
#header #commonMenu .scroll-box .gnb-cont .depth2 > li > a {position:relative; display:block; padding:0 22px; border-bottom:1px solid #ddd; line-height:41px;}
#header #commonMenu .scroll-box .gnb-cont .depth2 > li > a:before {content:''; position:absolute; left:15px; top:50%; width:4px; height:1px; margin-top:-1px; background:#404040;}
#header #commonMenu .scroll-box .gnb-cont .depth2 > li > a:not(:last-child):after {content:''; position:absolute; right:11px; top:50%; width:10px; height:10px; margin-top:-5px; background-position:-30px -10px;}
#header #commonMenu .scroll-box .gnb-cont .depth2 > li.active > a:not(:last-child):after {background-position:-30px 0;}
#header #commonMenu .scroll-box .gnb-cont .depth3 {display:none; padding:2px 0; background:#f4f4f4;}
#header #commonMenu .scroll-box .gnb-cont .depth3 > li > a {padding:22px; font-size:13px; line-height:36px;}
#container {padding-top:60px;height:100%;}
#container #content {padding:30px 15px; word-break: keep-all;height:100%;}
.dim-layer {position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,.8); z-index:11;}
.pw-mark {display: inline-block; margin-left: 5px; vertical-align: middle; }
.pw-mark .pw-encryption::before{content:''; display:inline-block; width:12px; height:12px; border-radius: 12px; background-color:#bbb;}
.pw-mark .pw-encryption::after{content:''; display:inline-block; width:12px; height:12px; border-radius: 12px; background-color:#bbb; margin-left:3px;}

/* input */
.resident-number { overflow: hidden; }
.resident-number span{float:left;width:calc((100% - 14px)/2);width:-webkit-calc((100% - 14px)/2);width:-moz-calc((100% - 14px)/2);}
.resident-number .desh{float:left;height:30px;text-align:center;width:14px;color:#232323;margin-top:6px;}
.resident-number.type02 {display: inline-block; width:calc(100% - 116px);width:-webkit-calc(100% - 116px);width:-moz-calc(100% - 116px); }
.resident-number.type02 .desh{width:14px;}
.resident-number.type02 button { margin-left: 5px; }
/* 2022-07-18 추가 시작 */
.resident-number[class*="type03"]{height:40px;padding:0 10px;border:1px solid #ddd;border-radius:3px}
.resident-number[class*="type03"][class*="-focus"]{border-color:#f58220}
.resident-number[class*="type03"] > span{position:relative;width:calc(50% - 13px)}
.resident-number[class*="type03"] .desh{width:26px;height:38px;margin-top:0;line-height:38px;text-align:center}
.resident-number[class*="type03"] input[type='tel']{position:relative;height:38px;padding:0;border:0 none;background:transparent}
.resident-number[class*="type03"] .inp_gender{width:14.28%;text-align:center}
.resident-number[class*="type03"] .inp_gender[class*="-backhide"]{background-color:#fff}
.resident-number[class*="type03"] .txt_placeholder{position:absolute;top:14px;left:0;width:100%}
.resident-number[class*="type03"] .txt_placeholder > span{float:left;width:14.28%}
.resident-number[class*="type03"] .txt_placeholder > span:after{display:block;width:12px;height:12px;margin:0 auto;border-radius:12px;background-color:#666;content:''}
.resident-number[class*="type03"] .txt_placeholder > span:first-child:after{background-color:#c4c4c5}
/* 2022-07-18 추가 끝 */
.phone-number input{margin:0 0 0 2px;width:calc((100% - 7px)/2);width:-webkit-calc((100% - 7px)/2);width:-moz-calc((100% - 7px)/2);}
.phone-number select{margin:0 2px 0 0;width:calc((100% - 7px)/2);width:-webkit-calc((100% - 7px)/2);width:-moz-calc((100% - 7px)/2);}
.email-form { overflow: hidden; }
.email-form span{float:left;width:calc((100% - 21px)/2);width:-webkit-calc((100% - 21px)/2);width:-moz-calc((100% - 21px)/2);}
.email-form .desh{float:left;height:30px;text-align:center;width:21px;color:#232323;margin-top:6px;}
.card-number { overflow: hidden; }
.card-number span{float:left;width:calc((100% - 42px)/4);width:-webkit-calc((100% - 42px)/4);width:-moz-calc((100% - 42px)/4);}
.card-number .desh{float:left;height:30px;text-align:center;width:14px;color:#232323;margin-top:6px;}
.expiry span {width:calc(50% - 3px);width:-webkit-calc(50% - 3px);width:-moz-calc(50% - 3px); margin-left: 3px;}
.expiry span:first-child { margin-left: 0; }
.address-form{width:100%;overflow:hidden;}
.input-btn-cont .keypad-wrap {display: inline-block; width: calc(100% - 116px);width:-webkit-calc(100% - 116px);width:-moz-calc(100% - 116px); }
.address-form span{display:block;position:relative;padding:0 0 5px 0;overflow:hidden;}
.address-form span button{position:absolute;right:0;top:0;}
.address-form span input{float:left;width:calc((100% - 85px));width:-webkit-calc((100% - 85px));width:-moz-calc((100% - 85px));}
.issue-number{ overflow: hidden; }
.issue-number span{float:left;margin-left:5px;width:calc((100% - 10px)/3);width:-webkit-calc((100% - 10px)/3);width:-moz-calc((100% - 10px)/3);}
.issue-number span:first-child{margin-left:0;}
.form-check{display:block;position:relative;}
.form-check input{height:40px;padding: 0 30px 0 10px;}
.form-check .check{position:absolute;right:9px;top:16px;display:inline-block;width:10px;height:9px;background:url('../img/comm/icon_check03.png') no-repeat;background-size:100%;font-size:0;text-indent:-9999px;}
.licensee-number { overflow: hidden; }
.licensee-number span{float:left;width:calc((100% - 28px)/3);width:-webkit-calc((100% - 28px)/3);width:-moz-calc((100% - 28px)/3);}
.licensee-number span:nth-child(3){width:calc((100% - 28px)/3 - 10%);width:-webkit-calc((100% - 28px)/3 - 10%);width:-moz-calc((100% - 28px)/3 - 10%);}
.licensee-number span:nth-child(5){width:calc((100% - 28px)/3 + 10%);width:-webkit-calc((100% - 28px)/3 + 10%);width:-moz-calc((100% - 28px)/3 + 10%);}
.licensee-number .desh{float:left;height:30px;text-align:center;width:14px;color:#232323;margin-top:6px;}
.licensee-number.btn{position:relative;padding-right:116px;}
.licensee-number.btn button{position:absolute;right:0;top:0;}
.expiry-date { overflow: hidden; }
.expiry-date > span:first-child{margin-left:0;}
.expiry-date > span{float:left;margin-left:5px;width:calc((100% - 5px)/2);width:-webkit-calc((100% - 5px)/2);width:-moz-calc((100% - 5px)/2);}
.date-form { overflow: hidden; }
.date-form span{float:left;width:calc((100% - 21px)/2);width:-webkit-calc((100% - 21px)/2);width:-moz-calc((100% - 21px)/2);}
.date-form .desh{float:left;text-align:center;width:21px;color:#232323;line-height:40px;}

/* checkbox , radio */
input[type="radio"].common-radio,
input[type="checkbox"].common-check {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
input[type="checkbox"].common-check + label {position:relative; display:inline-block; min-height:16px; padding-left:24px; font-weight:400; vertical-align:middle;color:#404040;}
input[type="checkbox"].common-check + label:before {content:''; position:absolute; left:0; top:2px; width:15px; height:15px; border:1px solid #ddd;background-color:#fff}
/*input[type="checkbox"].common-check:checked + label {color:#2469b0; font-weight:400;}*/
input[type="checkbox"].common-check:checked + label:before {border-color:#f58220;}
input[type="checkbox"].common-check:checked + label:after {content:''; position:absolute; left:0; top:2px; width:16px; height:16px; background:url('../img/comm/icon_ckeckbox_on.png') no-repeat center;background-size:10px 8px}
input[type="checkbox"].common-check:focus + label {outline:1px dotted #000; outline:-webkit-focus-ring-color auto 5px;}
input[type="checkbox"].common-check:disabled + label {cursor:default;}
input[type="checkbox"].common-check:disabled + label:before {background:#f7f7f7;}
input[type="checkbox"].common-check.no-txt + label {padding-left:16px; font-size:0; line-height:0;}
input[type="checkbox"].common-check.no-txt + label:before,
input[type="checkbox"].common-check.no-txt + label:after {top:0;}

input[type="radio"].common-radio + label {position:relative; display:inline-block; min-height:16px; padding-left:28px; font-weight:400; vertical-align:middle;color:#404040;}
input[type="radio"].common-radio + label:before {content:''; position:absolute; left:0; top:0; width:16px; height:16px; border:1px solid #ddd; background:#fff; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
input[type="radio"].common-radio + label:after {display:none; content:''; position:absolute; left:5px; top:5px; width:8px; height:8px; background:#f58220; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
input[type="radio"].common-radio:checked + label {color:#f58220; font-weight:400;}
input[type="radio"].common-radio:checked + label:before {border-color:#f58220;}
input[type="radio"].common-radio:checked + label:after {display:block;}
input[type="radio"].common-radio:disabled + label {cursor:default;}
input[type="radio"].common-radio:disabled + label:before {background:#f7f7f7;}
input[type="radio"].common-radio:focus + label {outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}
input[type="radio"].common-radio.no-txt + label {padding-left:16px; font-size:0; line-height:0;}
input[type="radio"].common-radio.no-txt + label:before {top:0;}
input[type="radio"].common-radio.no-txt + label:after {top:5px;}

/* board */
.row-board01 table{ width:100%;table-layout: fixed; border-top:1px solid #e7e7e7; }
.row-board01 table th{padding:9px 10px 7px;vertical-align:top;font-size:13px;font-weight:400;color:#686868;border-bottom:1px solid #e7e7e7;text-align:left; word-break: keep-all;}
.row-board01 table td{padding:9px 10px 7px;color:#232323;border-bottom:1px solid #e7e7e7;font-size:13px;word-break: keep-all;}
.row-board01 table td .desh-list01 li { color: #232323; }
.row-board01.type2 table{border-top:1px solid #2d2d2d;}
.row-board02 table{width:100%;border-top:1px solid #2d2d2d;}
.row-board02 table th{padding:7px 0 7px 10px;background:#f4f4f4;text-align:left;border-bottom:1px solid #e7e7e7;font-weight:400;font-size:13px;color:#686868;}
.row-board02 table td{padding:4px 10px 4px 10px;border-bottom:1px solid #e7e7e7;color:#232323;font-size:13px;text-align:left;}
.row-board02 table td .txt-type{color:#999;}
.row-board02 table th.stit{font-weight:400;}
.row-board02 table th.r-line{border-right:1px solid #e7e7e7;}
.row-board02 table td.txt-right{padding-right:20px;text-align:right;}
.row-board02 table td .txt-color{color:#999;}
.row-board02 table tfoot td{background:#f4f4f4; font-weight:500;}
.row-board02 .total-price {border-top:1px solid #2d2d2d;}
.row-board02 .total-price + table {border-top:1px solid #e7e7e7;}
.row-board02 .txt-list {padding:20px 0;}
.row-board02 .txt-list li:first-child {margin:0;}
.row-board02 .txt-list li {position:relative; margin-top:15px; line-height:20px;}
.row-board02 .txt-list li .txt-check {position:absolute; right:0; top:0;}

.row-board03 table{width:100%;border-top:1px solid #2d2d2d;}
.row-board03 table th{padding:7px 0 7px 10px;background:#f4f4f4;text-align:left;border-bottom:1px solid #e7e7e7;color:#686868;font-weight:400;font-size:13px;}
.row-board03 table td{padding:4px 10px 4px 10px;background:#f4f4f4;text-align:right;border-bottom:1px solid #e7e7e7;color:#232323;font-size:13px;}
.row-board03 table tr.total th, .row-board03 table tr.total td{background:#fff;color:#f7681a;}

.col-board01 table{width:100%;border-top:1px solid #2d2d2d;}
.col-board01 table thead th{padding:7px 5px 7px;color:#686868;background:#f4f4f4;border-bottom:1px solid #e7e7e7;font-weight:400;font-size:13px;}
.col-board01 table tbody th{padding:7px 10px 7px;font-weight:400;color:#686868;text-align:left;border-bottom:1px solid #e7e7e7;font-size:13px;vertical-align:top;}
.col-board01 table td{padding:7px 10px 7px 0;border-bottom:1px solid #e7e7e7;color:#404040;font-size:13px; vertical-align: top;}
.col-board01 table td.txt-right{padding-right:10px;text-align:right;}
.col-board01 table .txt-left{padding-left:10px;text-align:left;}
.col-board01 > .unit{display:block;padding:0 0 7px 0;text-align:right;font-size:14px;color:#757575;font-weight:400;}
.col-board01.adrs-search { text-align: left; }
.col-board01.type02 td{ padding: 7px 10px 7px; text-align: center; }
.col-board01.type02 td.txt-left{ text-align: left; }
.col-board02 table{width:100%;border-top:1px solid #0f0f0f;}
.col-board02 table tbody th { border-bottom:1px solid #e7e7e7; }
.col-board02 table th{padding:15px 10px 13px;border-bottom:1px solid #ccc;font-weight:400;}
.col-board02 table td{padding:13px 10px 11px;text-align:center;border-bottom:1px solid #e7e7e7;color:#404040;font-weight:400;}
.col-board02 table td.txt-right{padding-right:10px;text-align:right;}
.col-board02 table td.txt-left{padding-left:10px;text-align:left;}
.form-board01 table{width:100%;}
.form-board01[class*="-type2"] table{table-layout:fixed} /* 2022-01-26 주소검색개선 */
.form-board01 table th{padding:15px 0 4px 0;text-align:left;font-size:13px;color:#686868;font-weight:400;}
.form-board01 table tr:first-child th{padding:0 0 4px 0;}
.form-board01 table td button { margin-left: 3px; }
.form-board01 em.stit{display:block;padding:0 0 7px 0;color:#999;font-size:13px;}
.form-board01 .notice-info{color:#404040;}
.x-scroll {overflow-x:auto;}
.x-scroll table {white-space:nowrap;}

/* padging */
.paging {margin-top:15px; text-align:center;}
.paging a {display:inline-block; padding:0 9px; color:#686868; font-size:14px; line-height:35px; vertical-align:middle;}
.paging strong {display:inline-block; padding:0 9px; color:#2469b0; font-size:14px; font-weight:500; line-height:35px; vertical-align:middle;}
.paging .first {width:35px; height:35px; margin:0 1px; background:url('../img/comm/paging_first.png') no-repeat; background-size:35px auto; font-size:0; line-height:0;}
.paging .prev {width:35px; height:35px; margin:0 1px; background:url('../img/comm/paging_prev.png') no-repeat; background-size:35px auto; font-size:0; line-height:0;}
.paging .next {width:35px; height:35px; margin:0 1px; background:url('../img/comm/paging_next.png') no-repeat; background-size:35px auto; font-size:0; line-height:0;}
.paging .last {width:35px; height:35px; margin:0 1px; background:url('../img/comm/paging_last.png') no-repeat; background-size:35px auto; font-size:0; line-height:0;}

/* 공통 */
.m-0{margin:0 !important}  /* 20240403   main 카드사용 추가 */
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt8{margin-top:8px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt80{margin-top:80px !important;}
.ml0{margin-left:0 !important;}
.ml10{margin-left:10px !important;}
.ml40{margin-left:40px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb80{margin-bottom:80px !important;}
.mr5{margin-right:5px !important;}
.mr0{margin-right:0px !important;}
.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt25{padding-top:25px !important;}
.pt40{padding-top:40px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb50{padding-bottom:50px !important}
.pb70{padding-bottom:70px !important}
.pb100{padding-bottom:100px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important} /* 20240403   main 카드사용 추가 */
.pl25{padding-left:25px !important} /* 20240403   main 카드사용 추가 */
.pr10{padding-right:10px !important}

.txt-r{text-align:right !important;}
.txt-c{text-align:center !important;}
.txt-l{text-align:left !important;}
.board-input{width:100%;overflow:hidden;}
.board-input li {float: left;margin-right:40px;}
.board-input li:last-child{margin-right:0;}
.desh-list li{position:relative;padding:0 0 1px 6px;color:#686868;font-size:13px;line-height:19px;}
.desh-list li:before {content: '';width:4px;height:1px;background:#686868;position:absolute;top:8px;left:0px;}
.dot-list li{position:relative;padding:0 0 1px 8px !important;color:#686868;font-size:13px;line-height:19px;}
.dot-list li:before{content: '';width:2px;height:2px;border-radius:100%;background:#999;position:absolute;top:8px;left:0px;}
.number-list li{position:relative;display:table;padding:7px 0 0 0;color:#686868;font-size:13px;line-height:19px;}
.number-list li:first-child{padding:0 0 0 0;}
.number-list li em{display:inline-block;width:16px;display:table-cell;}
.txt-color01 { color: #999!important; }
.round0{border-radius:0 !important}

/* title */
.tit-wrap {position: relative;margin:40px 0 10px 0;}
.tit-wrap:first-child { margin-top: 0; }
.tit-wrap .stit {font-size:15px;line-height: 100%;font-weight:400;}
.tit-wrap .stit em {display:inline-block; margin-left:5px; color:#686868; font-size:13px; vertical-align:middle;}
.tit-wrap .sstit {color:#686868; font-size:13px; font-weight:400;}
.tit-wrap .r-txt{position:absolute;right:0;top:0;color:#a1a1a1;font-size:13px;}
.tit-wrap .r-txt a{color:#2469b0;font-size:13px;display:inline-block;text-decoration:underline;}
.tit-wrap2 {margin:28px 0 13px 0;}
.tit-wrap2 .stit {  font-size: 16px;font-weight: 500; line-height: 19px; }
.tit-wrap2 .stit2 { margin-top: 14px; font-size:15px;line-height: 100%;font-weight:400;}

/* list */
.dot-none li:before{display:none;}
.notice-list{padding:20px 0 0 0;}
.notice-list .stit{display:block;padding:0 0 4px 22px;color:#f7681a;font-size:13px;background: url('../img/comm/icon_notice_list.png') no-repeat 0 2px;background-size:15px;}
.notice-list li{position: relative;padding: 0 0 6px 10px;color:#999;font-size:13px;line-height:18px;}
.notice-list li:before{width:2px;height:2px;border-radius:100%;background: #999;position: absolute;top:6px;left: 0px;content: '';}
.notice-list li:last-child { padding-bottom:0; }
.notice-list strong.money{display:inline-block; color:#f7681a !important;}
p.notice-list {position:relative;padding: 0 0 0 10px; margin-top: 4px; color:#999 !important;font-size:13px;line-height:18px;}
p.notice-list:before{width:2px;height:2px;border-radius:100%;background: #999;position: absolute;top: 8px;left: 0px;content: '';}
p.notice-list .link-p{color:#2469b0; text-decoration:underline;}
.none-type-list li {padding-left:15px; color:#999; font-weight:400; text-indent:-5px; font-size:13px;}
.dot-list01.mt-type {margin-top:-10px;}
.desh-list01 li{position: relative;padding: 0 0 0 7px; margin-top: 5px; color:#999;font-size:13px;line-height:18px;}
.desh-list01 li:first-child{margin-top:0;}
.desh-list01 li:before{content: '';width:4px;height:1px;background: #999;position:absolute;top:8px;left:0px;}
.dot-list01 > li{position: relative;padding: 0 0 0 7px; margin-top: 5px; color:#999;font-size:13px;line-height:18px;}
.dot-list01 > li:before{content: '';width:2px;height:2px;border-radius:100%;background:#999;position:absolute;top:8px;left:0px;}
.check-txt { padding-left: 21px; margin-top: 17px; background: url(../img/comm/icon_check_txt.png) no-repeat 0 3px; background-size: 16px; color: #999; font-size: 13px;}
/* pick list */
.pick-list {display:inline-block; width:100%; vertical-align:top;}
.pick-list li {float:left; display:table;width:20%; margin-right:-1px;}
.pick-list li:first-child label{border-radius:3px 0 0 3px;}
.pick-list li:last-child label{border-radius:0 3px 3px 0;}
.pick-list li:only-child label{border-radius:3px} /* 2022-08-01 추가 */
.pick-list li input[type="radio"] {position:absolute; width:1px; height:1px !important; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.pick-list li input[type="radio"]:checked + label {border-color:#f58220; color:#f58220; z-index:2;}
.pick-list li label {position:relative; display:table-cell; width:100%; height:38px;padding-top:2px;font-size:13px;border:1px solid #ddd;color:#404040;text-align:center;line-height:15px;vertical-align:middle;}
.pick-list li select{height:38px;text-align:center;text-align-last:center;}
.pick-list.type01 li{width:50%;}
.pick-list.type02 li{width:calc((100% / 4) + 1px); width:-webkit-calc((100% / 4) + 1px); width:-moz-calc((100% / 4) + 1px);}
.pick-list.type03 li{width:33.3%;}


/* pick list03 고객구분 */
.pick-list03 {display:inline-block; width:100%; vertical-align:top;}
.pick-list03 li {float:left; display:table;width:20%; margin-right:-1px;}
.pick-list03 li:first-child label{border-radius:3px 0 0 3px;}
.pick-list03 li:last-child label{border-radius:0 3px 3px 0;}
.pick-list03 li input[type="radio"] {position:absolute; width:1px; height:1px !important; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.pick-list03 li input[type="radio"]:checked + label {border-color:#f58220; background-color: #f58220; color:#fff; z-index:2;}
.pick-list03 li label {position:relative; display:table-cell; width:100%; height:38px;padding-top:2px;font-size:13px;border:1px solid #ddd;color:#404040;text-align:center;line-height:15px;vertical-align:middle;}
.pick-list03 li select{height:38px;text-align:center;text-align-last:center;}
.pick-list03.type01 li{width:50%;}


/* tab */
.tab-type1 ul{display:table;table-layout:fixed;width:100%;border:1px solid #f58220;border-radius:2px;}
.tab-type1 ul li{position: relative;display: table-cell;width: 50%;border-left: 0;text-align: center; background:#fff;}
.tab-type1 ul li a{display:block;position: relative;line-height:41px;color:#f58220;border-left:1px solid #f58220;}
.tab-type1 ul li:first-child.active a{border-radius:2px 0 0 2px;}
.tab-type1 ul li:last-child.active a{border-radius:0 2px 2px 0;}
.tab-type1 ul li.active a{line-height:43px;border-left:0;position:absolute;left:0;top:-1px;width:100%;background:#f58220;color:#fff;}
.tab-type1 li:first-child a{border-left:0;}
.tab-type1.mb ul { border:none; border-bottom: 1px solid #f58220;border-top: 1px solid #f58220; }
.tab-type2 { margin-bottom: 20px; }
.tab-type2 ul{display:table;position: relative;table-layout:fixed;width:100%;height:42px;}
.tab-type2 ul:after{content:'';display:block;width:100%;height: 1px;background:#f58220;position:absolute;left:0;bottom:-1px;}
.tab-type2 ul li{position:relative;display: table-cell;width: 51%;border:1px solid #ccc; border-bottom: 0; border-left: 0; text-align: center;height:42px;border-right:1px solid #ccc;}
.tab-type2 ul li a{position:relative;display:block;line-height:42px;color:#999;}
.tab-type2 ul li.active{border: 1px solid #f58220;border-bottom:0;}
.tab-type2 ul li.active a{color: #f58220;}
.tab-type2 ul li.active:after{content:'';display:inline-block;width:100%;height: 3px;background:#fff;position:absolute;left:0;bottom: -2px;z-index:2;}
.tab-type2 ul li:first-child{border-left:1px solid #ccc;}
.tab-type2 ul li.active:first-child{border-left: 1px solid #f58220;}
.tab-type2 ul li .from {display: inline-block; width:16px; height: 17px;background: url(../img/customer/icon_arrow_gray.png) no-repeat center 4px; background-size: 5px 10px; text-indent: -9999px; }
.tab-type2 ul li.active .from { background: url(../img/customer/icon_arrow_orange.png) no-repeat center 4px; background-size: 5px 10px;} /* 2024-09-25 수정 */
/*.tab-type3 ul{display:table;table-layout:fixed;width:100%;font-size:16px;font-weight:500;color:#999;}
.tab-type3 ul li{height:50px; position:relative;display:table-cell;width:50%;text-align: center;}
.tab-type3 ul li a{display:block;position:relative;line-height:50px; border-bottom:1px solid #ddd;}
.tab-type3 ul li.active a{color:#0c2d4e;}
.tab-type3 ul li.active a:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;border-bottom:2px solid #0c2d4e;}*/
.tab-content {display:none;}
.tab-content.tab-content-selected {display:block;}

/* 인증방식 선택 */
.tab-type1[id="verifyKindDiv"] .item_simple span{display:inline-block;width:18px;height:18px;margin:12px 0 0 4px;background:url(/resource/mb/img/customer/ico_more.svg) 0 0 no-repeat;background-size:100% auto;vertical-align:top}
.tab-type1[id="verifyKindDiv"] .item_simple[class*="active"] span{background-image:url(/resource/mb/img/customer/ico_more_on.svg)}

/* 키패드 */
.keypad-wrap{position:relative;display:inline-block;}
.keypad-wrap .keypad{display:inline-block;font-size:0;line-height:0;width:32px;height:40px;position:absolute;right:0;top:0;background: url('../img/comm/security_keypad.png') no-repeat center;background-size:12px 18px;}
.keypad-wrap a{display:inline-block;width:32px;height:40px;}
.keypad-wrap input{padding-right:32px;}
.input-btn {overflow:hidden;}
.input-btn .keypad-wrap {float:left; width:calc(100% - 120px); width:-webkit-calc(100% - 120px);}
.input-btn > button {float:right; width:115px;}

/* 날짜선택 */
.calender{position:relative;display:inline-block; width:100%;}
.calender .icon{display:inline-block;font-size:0;line-height:0;width:40px;height:40px;position:absolute;right:0;top:0;background: url('../img/comm/icon_calender.png') no-repeat center;background-size:15px 15px;}
.calender a{display:inline-block;width:32px;height:40px;}
.calender input{padding-right:32px;}

/* btn */
.cont-r-btn{display:block;padding:0 0 10px 0;text-align:right;}
.cont-r-btn button + button{margin-left:3px;}
.sticky-btn-cont{padding-bottom:60px;}
.sticky-btn{display:table;table-layout:fixed;width:100%;z-index:5;}
#container .sticky-btn{position:fixed;left:0;bottom:0;display:table;table-layout:fixed;width:100%;}
.sticky-btn button{display:table-cell;width:50%;height:60px;color:#fff;font-size:15px;line-height:60px;font-weight:500;}
.sticky-btn.one button{width:100% !important;}
.sticky-btn .notice-list {margin:0 15px 30px 15px;}

/* 2022-08-10 카카오페이 인증 페이지 추가 및 수정 시작 */
.sticky-btn[class*="-type2"]{padding:20px 15px;background-color:#fff}
.sticky-btn[class*="-type2"] button{width:100%;border-radius:6px;font-size:14px;line-height:58px}
.sticky-btn[class*="-type2"] .wrap_btn{float:left;width:50%;padding:0 5px} 
.sticky-btn[class*="-type2"] .wrap_btn:only-child{float:none;width:100%}
.sticky-btn[class*="-type2"] button[class*="-smalltext"]{font-size:13px;line-height:16px}
.full-popup[class*="-half2"] .pop-btm .sticky-btn[class*="-type2"]{width:calc(100% + 10px);margin:0 -5px}
.full-popup[class*="-half2"] .pop-btm .sticky-btn button{height:50px;line-height:48px}
.full-popup[class*="-half2"] .pop-btm .sticky-btn button[class*="-linebreak"]{line-height:18px}
/* 2022-08-10 카카오페이 인증 페이지 추가 및 수정 끝 */

.btn-sticky01{background:#84888b;}
.btn-sticky01 span{display:inline-block;padding-left:25px;background: url('../img/comm/btn_sticky01.png') no-repeat 0 center;background-size:18px 17px;}
.btn-sticky01.type1 span{display:inline-block;padding-left:25px;background: url('../img/comm/btn_sticky01_1.png') no-repeat 0 center;background-size:14px 17px;}
.btn-sticky02{background:#f3771d;} /* 2021-12-14-모바일색상변경 */
.btn-sticky02 span{display:inline-block;padding-left :22px;background: url('../img/comm/btn_sticky02.png') no-repeat 0 center;background-size:14px 17px;}
.btn-sticky02.type1 span{display:inline-block;padding-left:22px;background: url('../img/comm/btn_sticky01.png') no-repeat 0 center;background-size:18px 17px;}
.btn-sticky03{background:#f3771d} /* 2021-10-08 타입 추가 */
.btn-sticky04{background-color:#003f7e} /* 2022-01-26 주소검색개선 */
.btn-sticky04:disabled{background-color:#99b2cb} /* 2022-01-26 주소검색개선 */
.btn-sticky05{border:1px solid #f58220;background-color:#f58220} /* 2022-05-09 카카오페이 인증 페이지 추가 */
.btn-sticky05:disabled{border-color:#c4c4c5;background-color:#c4c4c5} /* 2022-09-26 추가 */
.btn-sticky05[class*="-type2"]{color:#f58220;background-color:#fff} /* 2022-08-10 카카오페이 인증 페이지 추가 */

.btn-sticky{background:#f3771d;} /* 2021-12-14-모바일색상변경 */
.btn-sticky.dim{opacity:0.5;cursor: default;} /* 2021-12-14-모바일색상변경 */
.btn-center.type01 button:first-child span{margin-left:0;}
.btn-center.type01 button{width:33.3%;}
.btn-center{display:table;table-layout:fixed;width:100%;padding-top:40px;text-align:center;}
.btn-center button{display:table-cell;width:50%;padding:0;color:#fff;font-size:14px;background:#fff;font-weight:500;}
.btn-center button span{display:block;height:50px;line-height:50px;border-radius:3px;}
.btn-center .btn-tb03 { background: #757575;}
.btn-center.one button{width:100% !important;}
.btn-center.one button span{margin:0 !important;}
.btn-center .from {display: inline-block; width:16px; height: 50px;background: url(../img/customer/icon_arrow_white.png) no-repeat center 20px; background-size: 5px 10px; text-indent: -9999px; }
.btn-cont01 span{margin-right:5px;background:#84888b;}
.btn-cont02 span{margin-left:5px;background:#f58220;}
.btn-cont02[class*="-type2"] span{height:36px;padding:7px 0;line-height:18px;background:#043b73}
.btn-cont04{background: #043b73 !important;border-radius: 5px;}
.btn-cont04 span{display: inline-block !important;padding-left: 25px;background: url(../img/comm/btn_sticky01.png) no-repeat 0 center;background-size: 18px 17px;}
.btn-cont05 span{margin-right:5px;background:#757575;}
.btn-cont06{height: 50px; line-height: 50px; background: #fff !important; border: 1px solid #043b73; color: #043b73 !important; border-radius: 5px;}
.btn-cont07{ background: #fff !important;  color: #043b73 !important; }
.btn-cont07 span{display: block;height: 48px !important;line-height: 46px !important;border-radius: 3px;border: 1px solid #043b73;}
.btn-cont08{border:1px solid #f58220;border-radius:6px;color:#f58220 !important} /* 2022-02-04 스탁론 수정 추가 */
.btn-cont09 span{background:#f58220} /* 2022-09-26 추가 */
.btn-more {display: block;width: 100%;margin-top:20px;border: 1px solid #bbb;background: #fff;border-radius:5px;color:#232323;font-size: 14px;font-weight:500;height:50px;line-height:48px;text-align: center;}
.btn-more:before {content: '';display: inline-block;width: 13px;height:13px;margin-right:11px;background: url('../img/comm/btn_more.png') no-repeat;vertical-align:-1px;background-size:100%;}
.btn-cont03{display:inline-block;min-width:80px;padding:0 15px;height:40px;line-height:40px;font-size:13px;background:#fff;border:1px solid #ddd;color:#232323;border-radius:3px;}
.btn-cont03:hover{background:#757575;border:1px solid #757575;color:#fff;}
.btn-popup01 {height: 50px;padding: 0 40px;border-radius: 2px;line-height: 50px;background: #f3771d !important;color: #fff;font-size: 16px;text-align: center;} /* 2021-12-14-모바일색상변경 */
.btn-popup02 {height: 50px;padding: 0 40px;color: #494949 !important;border: 1px solid #84888b;border-radius: 2px;line-height: 48px;background: #fff;font-size: 16px;text-align: center;}/* 2018-10-17 2018-10-19 */
.btn-popup03 {height: 50px;border-radius: 2px;line-height: 50px;background: #84888b !important;color: #fff;font-size: 16px;text-align: center;}/* 2018-10-17  2018-10-19 */
.btn-popup03 span {display:inline-block !important; padding-left:23px; background: url('../img/comm/btn_alret01.png') no-repeat center left; background-size:15px 15px;}/* 2018-10-17*/
.btn-popup04 {height: 50px;border-radius: 2px;line-height: 50px;background: #043b72 !important;color: #fff;font-size: 16px;text-align: center;}/* 2018-10-17  2018-10-19 */
.btn-popup04 span {display:inline-block !important; padding-left:23px; background:url('../img/comm/btn_alret02.png') no-repeat center left; background-size:15px 12px;}/* 2018-10-17 */
.btn-popup05 {height: 50px;padding: 0 40px;color: #f3771d !important;border: 1px solid #f3771d;border-radius: 2px;line-height: 48px;background: #fff;font-size: 16px;text-align: center;}/* 2022-05-11 추가 */
.btn-tb01{display:inline-block;min-width:86px;padding:0 16px;border:1px solid #84888b;border-radius:2px;height:40px;line-height:40px;background:#fff;color:#404040;font-size:13px;text-align:center;}
.btn-tb02{display:inline-block;min-width:86px;padding:0 16px;border:1px solid #84888b;border-radius:2px;height:40px;line-height:38px;background:#84888b !important;color:#fff;font-size:13px;text-align:center;}
.btn-tb03{display:inline-block;padding:0 16px;border:1px solid #757575;border-radius:3px;height:40px;line-height:35px;background:#757575;color:#fff;font-size:13px;text-align:center;}
.btn-tb03.type01{padding:0;}
.btn-tb04 {display: inline-block; height: 30px;padding: 0 14px; background: #fff; border:1px solid #ddd; border-radius: 2px;color: #404040; font-size:13px; font-weight: 400; line-height: 30px; }
.btn-tb05 {display: inline-block; height: 30px;padding: 0 14px; background: #757575;  border-radius: 2px;color: #fff; font-size:13px; font-weight: 400; line-height: 30px; }
.btn-tb06{display: inline-block; height: 40px; background: #fff; border:1px solid #ddd; border-radius: 2px;color: #404040; font-size:14px; font-weight: 400; line-height: 30px;}
.btn-tb07{display: inline-block; height: 40px; background: #f5faff; border:1px solid #043b72; border-radius: 2px;color: #043b72; font-size:14px; font-weight: 400; line-height: 30px;}
.btn-share {display:inline-block; width:30px; height:30px; background:url('../img/comm/icon_share.png') no-repeat; background-size:30px auto; font-size:0; line-height:0; vertical-align:middle; margin-left:0;}
.btn-save{display:inline-block;width:auto !important;font-weight:400 !important;padding:0 20px !important;height:40px;border:1px solid #ddd;border-radius:3px;}
.btn-save span{display:inline-block !important;height:40px !important;line-height:40px !important;padding-left:21px;background: url('../img/myaccount/btn_save.png') no-repeat 0 center;background-size:14px 15px;color:#232323;}
.btn-email{display:inline-block;width:auto !important;font-weight:400 !important;padding:0 20px !important;height:40px;border:1px solid #ddd;border-radius:3px;}
.btn-email span{display:inline-block !important;height:40px !important;line-height:40px !important;padding-left:21px;background: url('../img/myaccount/btn_email.png') no-repeat 0 center;background-size:14px auto;color:#232323;}
.btn-url{display:inline-block;width:auto !important;font-weight:400 !important;padding:0 20px !important;height:40px;border:1px solid #ddd;border-radius:3px;}
.btn-url span{display:inline-block !important;height:40px !important;line-height:40px !important;padding-left:21px;background: url('../img/car/btn_url.png') no-repeat 0 center;background-size:14px auto;color:#232323;}
.btn-fingerprint{display:inline-block;width:auto !important;font-weight:400 !important;padding:0 30px !important;height:40px;border:1px solid #ddd;border-radius:3px;}
.btn-fingerprint span{display:inline-block !important;height:39px !important;line-height:39px !important;padding-left:19px;background: url('../img/login/btn_fingerprint.png') no-repeat 0 center;background-size:12px auto;color:#232323;}
.btn-certificate{display:inline-block;width:auto !important;font-weight:400 !important;padding:0 14px !important; margin-left:5px; height:40px;border:1px solid #ddd;border-radius:3px;}
.btn-certificate span{display:inline-block !important;height:39px !important;line-height:39px !important;padding-left:17px;background: url('../img/login/btn_certificate.png') no-repeat 0 center;background-size:11px auto;color:#232323;}
.btn-certificate2{display:inline-block;width:auto !important;font-weight:400 !important;padding:0 14px !important; height:40px;border:1px solid #ddd;border-radius:3px;}
.btn-certificate2 span{display:inline-block !important;height:39px !important;line-height:39px !important;padding-left:17px;background: url('../img/login/btn_certificate02.png') no-repeat 0 center;background-size:11px auto;color:#232323;}
.btn-download {position:relative; display:inline-block !important;border:1px solid #ddd;color:#2469b0 !important;font-size:13px !important;font-weight:400 !important;border-radius:3px;}
.btn-download span {display:block; background:url('../img/comm/icon_download02.png') no-repeat right center; background-size:13px auto; text-align:left;}
.btn-center.one .btn-download span {margin:0 15px !important; padding-right:20px;}

.btn-tb01{display:inline-block;min-width:80px;padding:0 15px;height:40px;line-height:40px;font-size:13px;background:#757575;border:1px solid #757575;color:#fff;border-radius:3px;}
.btn-tb01:hover{background:#fff;border:1px solid #757575;color:#232323;border:1px solid #ddd;}


/* 팝업 */
.full-popup {position:fixed; top:0; left:0; width:100%; height:100%; padding-top:60px; background:#fff; z-index:13;}
.full-popup .popup-title{position:absolute;top:0;left:0;width:100%;height:60px;line-height:60px;text-align:center;}
.full-popup .popup-title.h-auto{height:auto;background-color: #fff;}  /* 20240320 상단 고정타이틀 영역수정 */
.full-popup .popup-title.h-auto + .pop-cont.type01{padding-top:37px}  /* 20240320 내용 영역 수정 */
.full-popup .box_agree{position:relative;z-index:-1;}  /* 20240320 내용 영역 수정 */
.full-popup .popup-title > span{line-height:12px !important}  /* 20240320 내용 영역 수정 */
.full-popup .popup-title .stit{line-height:60px;display:block;font-size:18px;font-weight:500;}
.full-popup .popup-title .stit02{line-height:60px;display:block;font-size:16px;font-weight:500;}
.full-popup .pop-close{position:absolute;right:16px;top:20px;display:inline-block;width:19px;height:19px;background:url('../img/comm/btn_pop_close.png') no-repeat;background-size:100%;text-indent:-9999px;}
.full-popup .pop-btm{position:fixed;left:0;bottom:0;z-index:3;}
.full-popup .pop-cont{overflow-y:auto; height:100%; padding:30px 15px;}
.full-popup .pop-cont.type01{padding:30px 15px 100px;}
.full-popup .lbltype1{padding: 10px 0px 0px; color:#f58220; }
.full-popup .lbltype1 .openlayer{ position:relative; width:100%; top:0; left:0; border:1px solid #cdcdcd; margin-top:10px; padding:12px; border-radius:3px; color:#0f0f0f; font-size:14px; background-color:#fff;}
.full-popup .wrap_webview{padding:0 0 60px}
.full-popup .wrap_webview iframe{display:block;width:100%;height:100%}

.small-popup{width:305px;position:relative;left:0;top:0;background:#fff;}
.small-popup-wrap{width:100%;height:100%;position:relative;left:0;top:0;z-index:20;}
.small-popup-wrap:after{content:'';display:block;width:100%;height:100%;background: rgba(35,35,35,0.3);top:0;z-index:10;}
.small-popup .popup-title{width:100%;text-align:center;}
.small-popup .popup-title .stit{display:block;height:56px;line-height:56px;font-size:19px;font-weight:500;}
.small-popup .pop-cont{padding:6px 15px 26px;}
.small-popup.profile .pop-cont{padding:6px 20px 0;}
.small-popup .pop-cont > p + p{padding-top:11px;}
.small-popup .pop-cont .point{color:#f7681a;}
.small-popup .pop-btm button{font-size:14px;}
.small-popup .pop-cont .promotion{line-height:28px;}/* 2018-10-18 */
.small-popup .pop-cont .promotion > p > em{color:#f7681a; font-weight:700;}/* 2018-10-18 */

/* .small-popup.banner{border: 1px solid #2469b0;box-shadow: 2px 02px 7px #b5b3b3;} 2024-07-09 삭제 */
.small-popup.banner .pop-cont{position:relative;padding:0;height:350px}
.small-popup.banner .pop-cont ul, .small-popup.banner .pop-cont li{list-style:none} /* 2024-07-09 추가 */
.small-popup.banner .pop-cont > li > a{position:relative}
.small-popup.banner .pop-cont > li > a:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(0,0,0,0.1);content:''}
.small-popup.banner .pop-cont img{display:block;width:100%;height:auto}
.small-popup.banner .sticky-btn button{height:45px;line-height:45px} /* 2024-07-09 추가 */
.small-popup.banner .sticky-btn button:last-child{border-left:1px solid #fff}

/*2021-08-10 추가 */
.small-popup2{width:320px;position:relative;left:0;top:0;padding-top:60px; background:#fff;}
.small-popup2 .popup-title{position:absolute;top:0;left:0;width:100%;height:60px;line-height:60px;border-bottom:1px solid #ccc;text-align:center;}
.small-popup2 .popup-title .stit{line-height:60px;display:block;font-size:18px;font-weight:500;}
.small-popup2 .pop-cont{overflow-y:auto; height:100%; padding:30px 15px;}
.small-popup2 .pop-cont.type01{padding:30px 15px 100px;}
.small-popup2 .pop-btm { border:none; }
.small-popup2 .btn-center{ margin-top: 0;text-align:center; padding-top: 0px !important; padding-bottom: 20px;}
.small-popup2 .pop-close{position:absolute;right:16px;top:20px;display:inline-block;width:19px;height:19px;background:url('../img/comm/btn_pop_close.png') no-repeat;background-size:100%;text-indent:-9999px;}

.layer-popup.alret {width:305px;position: relative;padding:25px 20px; background: #fafafa;z-index:20;} /* 2022-05-09 카카오페이 인증 페이지 추가 */
.layer-popup.alret .pop-btm { border:none; }
.layer-popup.alret .btn-center{ margin-top: 0;text-align:center;}
/* 2019-02-08 추가 */
.layer-popup.alret .push-title{border-bottom: 1px solid #2d2d2d;padding-bottom: 20px;margin-bottom: 20px;}
.layer-popup.alret .push-info{font-size: 14px;text-align: left;padding-bottom: 20px;}
.layer-popup.alret .push-warning{font-size: 12px;text-align: left;margin-bottom: 20px;}
.layer-popup.alret .push-limiteday{font-size: 12px;text-align: left;}
/* //2019-02-08 추가 */
/* 2022-05-11 추가 시작 */
.alret .popup-title{margin:-5px 0 20px}
.alret .popup-title > strong{display:block;font-weight:500;font-size:17px;text-align:center}
.alret .pop-close{overflow:hidden;position:absolute;top:0;right:0;width:50px;height:58px;font-size:1px;line-height:0;color:transparent;background:url(../img/comm/btn_pop_close.png) 50% 50% no-repeat;background-size:15px auto}
/* 2022-05-11 추가 끝 */
.alret .pop-cont { background: transparent; text-align: center; padding: 40px 0 32px; font-size:16px;} /* 2018-10-17  2018-10-18*/
.alret .pop-cont { padding:0; } /* 2018-10-17 2018-10-18 수정 */
.alret .pop-cont .pop-cont-area{margin-top:0; padding-top:83px; background: url('../img/comm/bg_exclamation_point.png') no-repeat center 0;}
.alret .pop-cont .pop-cont-area strong{font-size:20px;line-height: 30px;}
.alret .pop-cont .pop-cont-area p{font-size: 15px; margin-top:7px;line-height: 26px;}
.alret .pop-btm .btn-popup03 { background: #fafafa; }
.alret .pop-btm .btn-center{width:100%;} /* 2018-10-17 */
.alret .pop-btm button {width:calc((100% - 5px)/2) !important; width:-webkit-calc((100% - 5px)/2) !important; width:-moz-calc((100% - 5px)/2) !important; width:48% !important;} /* 2018-10-19 추가 */
.alret .pop-btm button + button{margin-left:5px;} /* 2018-10-17 */
/* 2022-02-14 전자약정 팝업 추가 시작 */
.layer-popup.alret p + .certificate-box-wrap{margin-top:15px}
.layer-popup.alret .certificate-box-wrap{border:1px solid #ddd;border-radius:2px;text-align:left}
.layer-popup.alret .certificate-box-wrap > ul > li{position:relative;display:block;padding-right:40px;color:#404040}
.layer-popup.alret .certificate-box-wrap > ul > li + li{border-top:1px solid #ddd}
.layer-popup.alret .certificate-box-wrap input[type="radio"]{position:absolute;top:50%;right:15px;margin:0;transform:translate(0, -50%)}
.layer-popup.alret .certificate-box-wrap label{display:block;padding:13px 15px}
/* 2022-02-14 전자약정 팝업 추가 끝 */	

/* 2022-08-03 알럿 뉴타입 추가 시작 */
/** 알럿 **/
.alert_g{width:300px;padding:20px 15px;border:1px solid #707070;border-radius:3px;background-color:#fff}
.alert_g .tit{display:block;margin-bottom:15px;font-size:16px;line-height:19px;color:#222}
.alert_g .tit[class="-center"]{text-align:center}
.alert_g .tit:only-child{margin-bottom:0}
.alert_g .cont{line-height:18px;color:#888;word-break:keep-all}
.alert_g .cont .txt_small{font-size:12px}
.alert_g .list_g li{padding-left:10px;text-indent:-10px}
.alert_g .txt_underline{position:relative}
.alert_g .txt_underline:after{position:absolute;bottom:1px;left:0;right:0;height:1px;background-color:#888;content:''}
.alert_g .txt_underline[class*="-type2"]{color:#444}
.alert_g .txt_underline[class*="-type2"]:after{bottom:0;height:5px;border-radius:5px;background-color:rgba(239,130,0,0.5)}
.alert_g[class*="-type2"] .cont{display:table;width:100%;min-height:136px;font-size:15px;line-height:20px;color:#222;table-layout:fixed;text-align:center}
.alert_g[class*="-type2"] .cont .inner{display:table-cell;vertical-align:middle}
.alert_g .foot{overflow:hidden;padding:20px 0;margin:0 -5px -20px}
.alert_g .wrap_btn{float:left;width:50%;padding:0 5px}
.alert_g .wrap_btn:only-child{float:none;width:100%}
.alert_g .wrap_btn:first-child .btn_g{font-weight:400;color:#f58220;background-color:#fff}
.alert_g .wrap_btn .btn_g, .alert_g .wrap_btn:only-child .btn_g{display:block;width:100%;border:1px solid #f58220;font-weight:600;line-height:40px;color:#fff;background-color:#f58220}
/* 2022-08-03 알럿 뉴타입 추가 끝 */

.pop-cont .pop-stit{padding:0 0 7px 0;}
.pop-cont .pop-stit.line{border-bottom:1px solid #2d2d2d;}
.pop-cont .pop-stit strong{display:inline-block;font-size:15px;font-weight:500;line-height: 22px;}
.pop-cont .pop-stit strong em{font-weight:400;}
.pop-cont > strong { color: #232323; font-size: 16px; font-weight: 500; line-height: 22px; }
.pop-cont > p {color: #404040;}
.alret .pop-cont.type02 > p {color: #0f0f0f !important;} /* 2018-10-17 */
.pop-cont .form-board-txt {margin-bottom: 35px; color: #f3771d; } /* 2021-12-14-모바일색상변경 */
.pop-cont .txt-color01 {color: #f7681a; }
/* 2019-08-19 추가 */
.pop-cont .txt-color02 {color: #f7681a; }
/* // 2019-08-19 추가 */
.full-popup .pop-cont.type2{padding:30px 0;}
.full-popup .pop-cont.type2 .pop-stit{margin:0 15px;}
.input-box {overflow: hidden;}
.input-box span { float: left;width: calc((100% - 14px)/2);width: -webkit-calc((100% - 14px)/2); }
.input-box .dash { margin-top: 6px; width: 14px; height: 30px;color: #232323;text-align: center; }
.full-popup.type-notice {padding:0;}
.full-popup.type-notice .pop-cont {padding:30px 30px 75px;}
.full-popup.type-notice img {width:100%; vertical-align:top;}
.full-popup.type-notice .btn-sticky01 {height:45px; line-height:45px;}
.full-popup.type-notice .btn-sticky01 + .btn-sticky01 {border-left:1px solid #fff;}

/* 2022-01-26 주소검색개선 추가 시작 */
/* 주황색 헤더 팝업 타입 추가 */
.full-popup[class*="-type2"] .popup-title{color:#fff;background-color:#f58220}
.full-popup[class*="-type2"] .back{overflow:hidden;position:absolute;top:0;left:0;width:60px;height:60px;padding:0;background:url('../img/comm/ico_back.svg') 50% 50% no-repeat;background-size:37px auto;font-size:1px;line-height:0;color:transparent}
.full-popup[class*="-type2"] .pop-close{top:0;right:0;width:60px;height:60px;background:url('../img/comm/ico_close2.svg') 50% 50% no-repeat;background-size:32px auto}
/* 2022-01-26 주소검색개선 추가 끝 */

/* 2022-05-02 온라인서류제출 - 반팝업 추가 시작 */
/* 반팝업 */
.full-popup[class*="-half"]{top:auto;bottom:0;height:auto;max-height:100%;padding-bottom:77px}
.full-popup[class*="-half"] .pop-cont{padding:0 15px 25px;font-size:13px;line-height:17px;color:#222}
.full-popup[class*="-half"] .pop-cont .tit{display:block;font-weight:500;font-size:16px;line-height:22px;color:#000}
.full-popup[class*="-half"] .pop-cont .tit > span{font-weight:400}
.full-popup[class*="-half"] .pop-cont .tit + p{margin-top:22px}
.full-popup .pop-foot{width:100%;padding:15px 10px}
.full-popup .pop-foot .btn-foot{float:left;width:50%;padding:0 5px}
.full-popup .pop-foot .btn-foot:only-child{float:none;width:100%}
.full-popup .pop-foot button{display:block;width:100%;height:50px;padding:0;border:1px solid #f58220;border-radius:6px;font-weight:400;line-height:50px;color:#fff;background-color:#f58220}
.full-popup .pop-foot .btn-foot + .btn-foot button{color:#f58220;background-color:#fff}

.full-popup[class*="-half2"]{top:auto;bottom:0;height:auto;max-height:100%;padding-bottom:77px;border-radius:15px 15px 0 0}
.full-popup[class*="-half2"][class*="-type2"]{padding-bottom:40px}
/* 2022-05-02 온라인서류제출 - 반팝업 추가 끝 */

/* 툴팁 */
.tooltip{position:relative; display:inline-block; margin-left: 2px;}
.tooltip > a{display:inline-block;width: 16px; height: 16px; vertical-align:middle;overflow: hidden;}
.tooltip > a img{width: 100%; vertical-align:top; }
.tooltip.active > a img{ margin-top:-16px; }
.tooltip.active .box{display:block;}
.tooltip .box{display:none; position: absolute; top: 0; left: -48px; z-index: 2; min-width: 200px; width: 100%; padding: 12px 10px; background: #fff; border: 1px solid #0f0f0f; border-radius: 4px; transform: translateY(-100%); -webkit-transform: translateY(-100%);}
.tooltip .box.type01{top: 200px;left: -68px;}
.tooltip .box.type01 .dot-list01 li{margin-top:0;}
.tooltip .box.type02{top:20px;left: -104px; transform: translateY(0); -webkit-transform: translateY(0);}
.tooltip .box.type03{top:48px; left:-58px;}
.tooltip .box.type04{top:-4px; left:-58px;}
.tooltip .box strong {font-size: 15px;font-weight: 500; color: #404040;}
.tooltip .box .license {width: 186px; margin: 12px auto 0;}
.tooltip .box .license img{width:100%; vertical-align: top;}
.tooltip .box .dot-list01 li:first-child { margin-top: 7px; }
.tooltip .box .txt-desc { margin-top: 7px; color:#999;}
.tooltip .box .text {padding:5px;}
.tooltip .box .close{position: absolute; top: 10px; right: 10px; width: 12px; height: 12px; text-indent: -9999px; background: url(../img/comm/btn_tooltip_close.png) no-repeat; background-size: 100%;}
.tooltip.pop .box{margin: 17px 0 0 253px;}
.tooltip.pop .box:after { width: 8px; height: 14px; left: -1px; bottom: 20px; background: url(../img/comm/bg_arrow_left.png) no-repeat; }

/* 약관동의*/
.tit_clause{display:block;padding:15px 0 4px 0;font-weight:400;font-size:13px;color:#686868}
.clause-box-wrap{border:1px solid #ddd;border-radius:2px;}
.clause-box-wrap > ul > li:last-child .detail-clause{border-bottom:0;border-top:1px solid #ddd;}
.clause-box-wrap > ul > li > em{position:relative;display:block;padding:13px 15px;color:#404040;border-bottom:1px solid #ddd;}
.clause-box-wrap > ul > li:last-child em{border-bottom:0;}
.clause-box-wrap > ul > li > em a{width:40px;height:47px;position:absolute;right:0;top:0;font-size:0;line-height:0;z-index:1;}
.clause-box-wrap > ul > li > em a:after{content:'';display:inline-block;width:6px;height:12px;position:absolute;right:15px;top:50%;margin-top:-6px;background:url('../img/comm/icon_check_arrow.png') no-repeat 0 0; background-size:100%;}
.clause-box-wrap > ul > li.type2 > em a:after{content:'';display:inline-block;width:6px;height:12px;position:absolute;right:17px;background:url('../img/comm/bg_list_arw_right.png') no-repeat 0 0; background-size:100%;}
.clause-box-wrap > ul > li.type2 > em a.toggle-btn:after{width:6px;height:12px;margin-top:-7px;background:url('../img/comm/bg_list_arw_right.png') no-repeat 0 0; background-size:100%;}
.clause-box-wrap > ul > li.type2 > em.active a.toggle-btn:after{background-position:0 0;}
.clause-box-wrap > ul > li > em a.toggle-btn:after{width:12px;height:6px;margin-top:-4px;background:url('../img/comm/bg_list_arw02.png') no-repeat 0 0; background-size:100%;}
.clause-box-wrap > ul > li > em.active a.toggle-btn:after{background-position:0 -7px;}
.clause-box-wrap > ul > li > em.active + .detail-clause{display:block;}
.clause-box-wrap > ul > li > em label.checkLabel01 {padding: 0px; margin-bottom: 6px;}
.clause-box-wrap > ul > li > em label.checkLabel02 {/*margin-left: 28px;*/}
.clause-box-wrap > ul > li > ul > li > em label.checkLabel01 {padding: 0px; margin-bottom: 6px;}
.clause-box-wrap > ul > li > ul > li > em label.checkLabel02 {/*margin-left: 28px;*/}
.clause-box-wrap > ul > li > ul > li > em label.checkLabel03{padding:0}
.clause-box-wrap .detail-clause{display:none;padding:10px 0;background:#fafafa;border-bottom:1px solid #ddd;}
.clause-box-wrap .detail-clause input[type="checkbox"].common-check + label {color:#686868;}
.clause-box-wrap .detail-clause em{position:relative;display:block;padding:7px 15px 6px;color:#535353;}
.clause-box-wrap .detail-clause em + ul.choice{padding:5px 30px 0 40px;}
.clause-box-wrap .detail-clause em a {position:absolute; right:0; top:0; width:40px; height:34px; font-size:0; line-height:0;}
.clause-box-wrap .detail-clause em a:after{content:'';display:inline-block;width:6px;height:12px;position:absolute;right:15px;top:12px;background:url('../img/comm/icon_check_arrow.png') no-repeat 0 0; background-size:100%;}
/*.clause-box-wrap .detail-clause em.active a:after{background-position:0 -7px;}*/
.clause-box-wrap .detail-clause em.active + .cont{display:block;}
.clause-box-wrap .detail-clause .cont{display:none;margin:0;padding:4px 42px;color:#757575;}
.clause-box-wrap .detail-clause .compulsory {color: #686868;}
.clause-box-wrap ul.choice{overflow:hidden;padding:0 0 0 40px;margin-top:-5px;background:#fafafa;}
.clause-box-wrap ul.choice li{width:100%;padding:0 0 8px 0;}
.clause-box-wrap input[type="checkbox"].common-check + label{margin-right:20px;}
.confirm_stipulation { margin-top: 30px; }
.confirm_stipulation input[type="checkbox"].common-check + label { color: #404040; }

/* 2023-05-03 추가 시작 */
.clause-box-wrap .clause_aml em{padding-left:39px}
.clause-box-wrap .clause_aml{display:block !important;border-top:0 none !important}
.clause-box-wrap em.active + .clause_aml{border-top:1px solid #ddd !important}
.clause-box-wrap .clause_aml .checkLabel01{position:absolute;top:7px;left:15px}
.clause-box-wrap .clause_aml .checkLabel03:before, .clause-box-wrap .clause_aml .checkLabel03:after{left:-24px !important}

.clause_aml .tit_statement{display:block;position:relative;padding:7px 15px 7px 39px;font-weight:400;color:#686868}
.clause_aml .tit_statement:before{position:absolute;top:17px;left:30px;width:2px;height:2px;background-color:#686868;content:''}
.clause_aml .agree_statement{padding:0 15px 0 39px;margin-top:5px}
.clause_aml .box_wrap_inp{overflow:visible;position:relative;padding-right:1px}
.clause_aml .box_wrap_inp:after{display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.clause_aml .box_wrap_inp .item_inp2{float:left;position:relative;z-index:10;margin-right:-1px}
.clause_aml .box_wrap_inp[class*="-type2"] .item_inp2{width:calc(50% + 1px)}
.clause_aml .item_inp2 .inp_g{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;opacity:0.01}
.clause_aml .item_inp2 .lab_g{display:block;height:36px;border:1px solid #c5cbd0;font-weight:500;font-size:13px;line-height:34px;color:#666;background-color:#fff;text-align:center}
.clause_aml .item_inp2:first-of-type .lab_g{border-radius:3px 0 0 3px}
.clause_aml .item_inp2:last-of-type .lab_g{border-radius:0 3px 3px 0}
.clause_aml .item_inp2:only-child .lab_g{border-radius:6px}
.clause_aml .item_inp2 .lab_g .ico_g{display:none;width:20px;height:20px;margin:12px 2px 0 0;background-image:url(/resource/mb/img/newcommon/ico_linechecked.svg);vertical-align:top}
.clause_aml .item_inp2[class*="-on"]{z-index:11}
.clause_aml .item_inp2 .inp_g:checked + .lab_g{border-color:#f58220;font-weight:600;color:#f58220}
.clause_aml .item_inp2 .inp_g:checked + .lab_g .ico_g{display:inline-block}

.clause_aml .item_inp3{position:relative;margin-top:10px}
.clause_aml .item_inp3 .inp_g{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;opacity:0.01}
.clause_aml .item_inp3 .lab_g{display:block;height:36px;padding:0 12px;border:1px solid #f58220;border-radius:3px;font-weight:500;font-size:13px;line-height:34px;color:#f58220;background:#fff url(/resource/mb/img/newcommon/ico_linechecked.svg) right 6px center no-repeat;background-size:18px auto}
.clause_aml .item_inp3 .inp_g:checked + .lab_g{color:#fff;background-color:#f58220;background-image:url(/resource/mb/img/newcommon/ico_linecheck2.svg)}
.clause_aml .btn_check{display:block;width:100%;height:36px;padding:0 12px;margin:10px 0 0;border:1px solid #f58220;border-radius:3px;font-weight:500;font-size:13px;line-height:34px;color:#f58220;background:#fff url(/resource/mb/img/newcommon/ico_linechecked.svg) right 6px center no-repeat;background-size:18px auto;text-align:left}

.desc_agree{position:relative;padding-left:6px;font-size:12px;line-height:18px;color:#666}
.desc_agree:before{position:absolute;top:7px;left:0;width:2px;height:2px;background-color:#666;content:''}
/* 2023-05-03 추가 끝 */

/* 본인인증 스텝 */
.step-cont { height: 50px; padding: 0 15px; background: #f5f5f5;}
.step-cont strong { display: inline-block; height:50px; color:#0f0f0f; font-size: 16px; font-weight: 500; line-height: 50px; }
.step-cont .step-num { float: right; margin-top: 15px;}
.step-cont .step-num span { display: inline-block; width: 16px; height: 16px; margin-left: 2px; border: 1px solid #afafaf; border-radius: 25px; color: #afafaf; font-size:9px; font-weight: 700;text-align: center;line-height: 16px; }
.step-cont .step-num span.active { border-color: #2469b0; color: #2469b0; }

/* 입력박스 */
.limit_check{overflow:hidden;border:1px solid #ddd;border-radius:3px;}
.limit_check_wrap .tit-wrap .stit{font-size:40px;line-height:38px;color:#1b1c1d;}
.limit_check .step-info{display:block;padding:0 10px 17px 0;color:#2469b0;text-align:right;font-size:15px;}
.limit_check.active{border:1px solid #2469b0;}
.limit_check.active button:before{content:'';display:inline-block;width:13px;height:1px;margin-right:11px;background:#2469b0;vertical-align:5px;}
.limit_check button:disabled{color:#bbb;}
.limit_check.active .step-info{display:none;}
.limit_check button:disabled + .step-info{display:none;}
.limit_check button{padding:13px 10px 12px 10px;color:#0f0f0f;position:relative;width:100%;text-align:left;display:block;font-size:15px;font-weight:500;background:#fff;}
.limit_check button em{float:right;padding:0 35px 0 0;color: #2469b0;font-size: 18px;font-weight: 400;}
.limit_check.active button em{display:none;}
.limit_check.active button{color:#2469b0;}
.limit_check button:before{content:'';display:inline-block;margin-right:10px;width:13px;height:13px;background:url('../img/car/bg_open.png') no-repeat;background-size:100%;vertical-align:middle;}
.limit_check.active .cont{display:block;}
.limit_check .cont{display:none;margin:30px 33px 29px;}
.limit_check .cont.type01{margin:0 0 29px;}
.limit_check + .limit_check{margin-top:10px;}


/* faq */
.guide-detail-box{overflow:hidden;}
.guide-detail-box .stit{display:block;padding:46px 0 11px 0;font-weight:400;font-size:18px;}
.guide-detail-box > ul{border-top:1px solid #2d2d2d;}
.guide-detail-box > ul > li{border-bottom:1px solid #ddd;}
/*.guide-detail-box > ul > li.active > a{color:#0f0f0f;}*/
.guide-detail-box > ul > li > a{position:relative;display:block;padding:12px 40px 12px 10px;font-weight:400;font-size:14px;color:#0f0f0f;line-height:20px;}
.guide-detail-box > ul > li > a:after{content:'';display:inline-block;width:12px;height:7px;position:absolute;right:9px;top:50%;margin-top:-4px;background:url('../img/comm/bg_list_arw_open.png') no-repeat 0 0; background-size: 100%;}
.guide-detail-box > ul > li > a.active{border-bottom:0;}
.guide-detail-box .active a:after{background:url('../img/comm/bg_list_arw_close.png') no-repeat 0 0; background-size: 100%;}
.guide-detail-box .detail{display:none;max-height:200px;overflow-x:hidden;overflow-y:auto;font-weight:400;padding:2px 0 0 20px;margin:0 50px 30px 0;color:#757575;line-height:24px;}
.guide-detail-box .active .detail {display:block;}
.guide-detail-box .active .detail img {max-width:100%;}
.guide-detail-box02 {border-top:1px solid #2d2d2d;overflow:hidden;}
.guide-detail-box02 li{display:table;width:100%;height: 37px; padding: 8px 0;border-bottom:1px solid #e7e7e7;}
.guide-detail-box02 li em{display:table-cell;width:76%;padding:0 0 0 10px;color: #232323; font-size: 13px; font-weight: 400; line-height: 17px;vertical-align:middle;}
.guide-detail-box02 li .r-btn{position: relative;display:table-cell; }
.guide-detail-box02 li .r-btn .link{font-size: 0; }
.guide-detail-box02 li .r-btn .link:after{ position: absolute; top: 7px; right: 10px; display:block; width: 6px; height: 12px; background:url('../img/car/icon_check_arrow.png') no-repeat; background-size: 6px 12px; content: '';}


/*주소검색*/
.adrs-search { height: 141px; overflow-y: auto; }
.adrs-search table thead th,
.adrs-search table tbody td {  padding-left: 10px; }
.adrs-search .rdo span {display: inline-block; margin-left: 7px; }
.adrs-search .rdo span {display: inline-block; margin-left: 7px; }
.adrs-search .rdo span {display: inline-block; margin-left: 7px; }


/* 완료페이지 */
.result-cont.limit-n {padding: 89px 15px 0 15px;margin-top: 20px;background: url(../img/car/img_limit_n.png) no-repeat 50% 0;background-size: 68px 57px; text-align: center;}
.result-cont strong {color: #0f0f0f;font-size:18px;font-weight: 500;line-height: 25px;}
.result-cont p {margin-top: 15px;color: #686868;font-size: 14px;font-weight: 400;line-height: 20px;}
.result-cont span{display: block; margin-top: 8px;color: #f7681a;font-size: 14px;font-weight: 400;line-height: 20px;}
.result-cont.examine {padding-top: 170px; margin-top: 30px; background: url(../img/comm/img_examine.png) no-repeat 50% 0; background-size: 140px; text-align: center; }
.result-cont.error {padding-top: 94px; margin-top: 30px; background: url(../img/comm/img_error.png) no-repeat 50% 0; background-size: 68px; text-align: center; }

/* 휴대폰인증 */
 .identity-num{margin-top:9px;}
 .identity-num .wrap{width:calc(100% - 87px); width:-webkit-calc(100% - 87px); width:-moz-calc(100% - 87px); display:inline-block;position:relative;}
 .identity-num .time{position:absolute;right:10px;top:10px;font-size:14px;color:#2469b0;}
 .identity-num button{float:right; min-width:82px;}

 /* 비밀번호 체크리스트 */
 .popup-pwd-checklist{margin-top:7px;}
 .popup-pwd-checklist li{display:inline-block; margin-left:14px; font-size:13px; color:#bbb;}
 .popup-pwd-checklist li:first-child{margin-left:0;}
 .popup-pwd-checklist li:before{background: url(../img/comm/icon_check02.png) no-repeat left top; background-size:10px 16px; content:''; overflow:hidden; display:inline-block; width:10px; height:9px; margin-right:5px; }
 .popup-pwd-checklist li.selected{color:#2469b0;}
 .popup-pwd-checklist li.selected:before {background-position:left -8px;}
 .login-cont .form-board01 table tr:first-child th{padding-top:0;}

 /* step */
.step-wrap {overflow:hidden; margin:-30px -15px; padding:0 0 9px 0; background:#f2f5f8;}
.step-box {margin-top:9px; border-bottom:1px solid #e2e7ec; background:#fff;}
.step-box > button {position:relative; display:block; width:100%; min-height:58px; padding:18px 45px 18px 15px; background:#fff; color:#0f0f0f; font-size:15px; font-weight:500; text-align:left;}
.step-box > button:not(.nobutton):before {content:''; position:absolute; right:15px; top:50%; width:29px; height:29px; margin-top:-15px; background:url('../img/comm/step_check.png') no-repeat left -58px; background-size:29px auto;}
.step-box > button.toggle-btn2:before {content:''; position:absolute; right:15px; top:50%; width:29px; height:29px; margin-top:-15px; background:none; }
.step-box > button em {display:block; margin:6px 0 2px; color:#999; font-size:13px;}
.step-box.active > button em {display:none;}
.step-box.active > button:before {background-position:left -29px;}
.step-box > button[disabled='disabled']:before {background-position:left top;}
.step-box.active .step-inner {display:block;}
.step-box .row-board02 table th{vertical-align:top;}
.step-box .row-board02 table td{padding-right:20px;text-align:right;}
.stop-type .step-box.selected > button:before {background-position:left -58px;}
.stop-type .step-box > button:before {background-position:left top;}
/*.stop-type .step-box.disabled > button:before {background-position:left top;}*/
.stop-type .step-box.active > button:before {background-position:left -29px;}
.step-inner {display:none; padding:10px 15px 25px;}

/* 조회서비스 */
.view-service { background:#f2f5f8; font-size:13px;border-bottom:1px solid #e2e7ec;}
.view-service > div {padding:30px 15px 20px; border-bottom:1px solid #e2e7ec;}
.view-service > div .stit{display:inline-block;font-size:13px;color:#686868;padding:0 0 7px 0;}
.view-service div select {height:40px;}
.view-service ul {padding:13px 25px 12px;}
.view-service ul li {overflow:hidden; line-height:27px;}
.view-service ul li:first-child {padding-bottom: 7px; margin:0; line-height: 1;}
.view-service ul li strong {float:left; width:45%; color:#686868; font-weight:400;}
.view-service ul li em {float:left; width:55%; color:#232323; font-size:13px;}
.view-service > .toggle-btn {position:relative; display:block; padding:15px 25px;color: #0f0f0f; font-size:13px; font-weight:500; }
.view-service > .toggle-btn:before {content:''; position:absolute; right:25px; top:50%; width:12px; height:7px; margin-top:-4px; background:url('../img/comm/bg_list_arw_open.png') no-repeat; background-size:12px auto;}
.view-service.active  > .toggle-btn:before {background:url('../img/comm/bg_list_arw_close.png') no-repeat; background-size:12px auto;}
.view-service > .toggle-btn + ul {display:none; padding-top:0;}
.view-service.active  > .toggle-btn + ul {display:block;}
.type-c table td {padding-left:10px; text-align:center;}

.view-service > div:last-child {border-bottom:none;}
.view-service .tit{position:relative; padding:17px 25px;color: #043b73; font-size:15px; font-weight:500;}
.view-service .tit > a{position:absolute; right:25px; font-size:13px; color:#686868; text-decoration:underline;}
.view-service > div .tooltip .box {min-width: 345px;width:100%;transform: translateY(25px);-webkit-transform: translateY(25px);}
.view-service > div .tooltip .box .txt-desc{font-size:13px;}

.view-service-box {padding:0 15px 0 15px; background:#f3f6f9;}
.view-service-box .t-icon {display:inline-block; height:18px; padding:0 6px; background:#043b73; color:#fff; font-size:11px; line-height:18px; text-align:center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.view-service-box .txt-tit {display:block; margin-top:15px; font-size:23px; font-weight:500;}
.view-service-box .txt-desc {margin-top:8px; color:#404040; line-height:18px;}
.view-service-box > div {padding:30px 10px 12px;}
.view-service-box > .toggle-btn {position:relative; display:block; height:43px; border-top:1px solid #e2e7ec; text-align:center; color:#043B72; font-size:13px; line-height:43px;}
.view-service-box > .toggle-btn:before {content:'자세히'; display:inline-block; margin-right:5px;}
.view-service-box > .toggle-btn:after {content:''; display:inline-block; width:9px; height:5px; margin-left:5px; background-image:url('../img/comm/bg_list_arw_open02.png'); background-repeat:no-repeat; background-size:9px 5px; margin-left:5px; vertical-align:2px;}
.view-service-box ul {display:none;}
.view-service-box ul li {/*overflow:hidden;*/ display:inline-block; width:100%; padding:8px 10px; border-top:1px solid #e7e7e7; font-size:13px; vertical-align:top;}
.view-service-box ul li strong {float:left; color:#999; font-weight:400;}
.view-service-box ul li em {float:right; color:#232323; text-align:right;}
.view-service-box ul li em .txt-dec {display:block; font-size:13px; line-height:1.4; margin:3px 0 5px; color:rgb(117, 117, 117);}/*20240108-seoyeon 상세설명 추가*/
.view-service-box ul li em .section {display:block; margin-top:5px;}
.view-service-box.active ul {display:block;}
.view-service-box.active > .toggle-btn:before {content:'';}
.view-service-box.active > .toggle-btn:after {content:''; background-image:url('../img/comm/bg_list_arw_close02.png');}
.view-service-box div ul {display:block; margin-top:12px;}
.view-service-box div ul li {padding:4px 0; border:none;}
.view-service-box div ul li em {color:#404040; font-size:15px;}
.view-service-box div ul li.sum-type01 em {color:#f7681a;}
.view-service-box div ul li.sum-type01 em span {font-size:20px; font-weight:500;}
.view-service-box div ul li.sum-type02 em span {font-size:20px; font-weight:500;}

/*금액입력*/
.sum-box {position: relative;}
.sum-box + .btn-center{padding-top:20px;}
.sum-box .input-btn {position:relative;display:block;width:100%;}
.sum-box .input-btn .unit{position:absolute;right:38px;top:11px;color:#232323;}
.sum-box .input-btn input {padding-right:62px;font-size:14px;font-weight:400;text-align:right;line-height:100%;letter-spacing:0;}
.sum-box .input-btn .btn-init {position:absolute; right:11px; top:50%; margin-top:-9px;width:18px; height:18px; background:url('../img/comm/icon_init.png') no-repeat; background-size:18px auto; font-size:0; line-height:0; vertical-align:middle;}
.sum-box .sum-list {width:100%;overflow:hidden;display:table;text-align:center;}
.sum-box .sum-list a {display:table-cell; padding:18px 0;color:#999; font-size:13px; text-align:center;}
.sum-box .total { position: absolute; top: -23px; right: 0; color: #0b5aa4;font-size: 13px; font-weight: 400;}
.unit-wrap {position: relative;display: block;width: 100%;}
.unit-wrap input{text-align:right;padding-right:35px;}
.unit-wrap .unit{position: absolute;right:10px;top: 11px;color: #232323;}
.unit-wrap input:disabled + .unit{color:#999;}
.unit-wrap input:disabled{padding-right:25px;}
.unit-wrap input:disabled::placeholder{padding-right:0;text-align:right !important;}

/*상품소개*/
.tit-area {padding: 55px 30px; color: #f3771d;} /* 2021-12-14-모바일색상변경 */
.tit-area h3 { position: relative;display: inline-block; font-size: 35px; font-weight: 500; line-height: 42px; }
.tit-area h3 span:after{position: absolute; right: -11px; bottom:3px; display: block; width:7px; height: 7px; border-radius: 25px; background: #f7681a;  content: ''; }
.tit-area h3 span.two-lines:after{content: ''; position: absolute; right: -11px; bottom:0; display: block; width:7px; height: 7px; border-radius: 25px; background: #f7681a;}
.tit-area p { margin-top: 29px; font-size: 16px; line-height: 24px; color: #333; word-break: keep-all;} /* 2021-12-14-모바일색상변경 */

/* 2021-10-08 타이틀 타입 추가 시작 */
.tit-area[class*="-newtype"]{padding:55px 20px 20px;color:#232323;background:#fff}
.tit-area[class*="-newtype"] > h3{color:#f58220}
.tit-area[class*="-newtype"] > h3 span:after{background-color:#f58220}
.tit-area[class*="-newtype"] > p{color:#333} /* 2021-12-14-모바일색상변경 */
.tit-area[class*="-newtype"] > p > em{font-weight:500}
/* 2021-10-08 타이틀 타입 추가 끝 */

.product-top-area .pros{overflow:hidden; padding:0 15px 2px;background:#f2f5f8;}
.product-top-area .pros h4{position:relative;padding:26px 0 6px 0;margin-bottom:17px;font-weight:400;font-size:15px;}
.product-top-area .pros ul li{float:left;width:50%;padding:0 0 23px 19px;font-size:13px;color:#404040;}
.product-top-area .pros ul li span{position: relative; display:table-cell; height: 36px; padding-left: 47px; vertical-align: middle; }
.product-top-area .pros ul li span:before{position: absolute; top: 0; left: 0; content:'';display:inline-block;width:36px;height:36px;vertical-align:middle;}
.product-top-area .pros.type1 ul li{width:33.3%;padding:0 0 25px 0;}
.product-top-area .pros.type1 ul li em{display:block;overflow:hidden;width:100%;padding:52px 0 3px 0;font-size:13px;color:#404040;}
.product-top-area .pros.type1 ul li span{display:block;padding:0;width:100%;height:auto;text-align:center;}
.product-top-area .pros.type1 ul li span:before{left:50%;margin-left:-18px;}
.product-top-area .pros.type1 ul li p{font-size:12px;line-height:16px;color:#999;}
.product-top-area .pros.type2 ul li{width:50%;padding:0 0 25px 0;}
.product-top-area .pros.type2 ul li em{display:block;overflow:hidden;width:100%;padding:52px 0 3px 0;font-size:13px;color:#404040;}
.product-top-area .pros.type2 ul li span{display:block;padding:0;width:100%;height:auto;text-align:center;}
.product-top-area .pros.type2 ul li span:before{left:50%;margin-left:-18px;}
.product-top-area .pros.type2 ul li p{font-size:12px;line-height:16px;color:#999;}
.product-top-area .pros .icon1:before{background:url('../img/comm/icon_pdt01.gif') no-repeat center;background-size:36px 36px;}
.product-top-area .pros .icon2:before{background:url('../img/comm/icon_pdt02.gif') no-repeat center;background-size:36px 36px;}
.product-top-area .pros .icon3:before{background:url('../img/comm/icon_pdt03.gif') no-repeat center;background-size:36px 36px;}
.product-top-area .pros .icon4:before{background:url('../img/comm/icon_pdt04.gif') no-repeat center;background-size:36px 36px;}
.product-top-area .pros.type1 .icon1:before{background:url('../img/comm/icon_pdt05.gif') no-repeat center;background-size:36px 36px;}
.product-top-area .pros.type1 .icon2:before{background:url('../img/comm/icon_pdt06.gif') no-repeat center;background-size:36px 36px;}


/*퀵메뉴*/
.pop-cont.quick { padding: 0 0 60px 0 ; }
.pop-cont.quick > div { padding: 30px 15px; }
.pop-cont.quick .calculation-result {position: relative; padding-bottom: 40px; border-top: 9px solid #f2f5f8; }
.pop-cont.quick .calculation-result:before { position: absolute; top: -10px; left:0;right: 0; display: block; border-top: 1px solid #e2e7ec; content: '';}
.result-cont.quick {padding: 89px 15px 0 15px;background:url('../img/comm/icon_completion.png') no-repeat center top; background-size:63px; margin-top:30px;text-align: center;}

/* 달력 */
.pop-cont .box-calendar {margin:-30px -15px;}
.box-calendar .section-year {background:#f4f4f4;}
.box-calendar .section-year strong {position:relative; display:block; width:135px; height:50px; margin:0 auto; font-size:18px; font-weight:400; text-align:center; line-height:50px;}
.box-calendar .section-year strong a {position:absolute; top:0; width:28px; height:50px; background-size:8px 15px; background-repeat:no-repeat; background-position:center; font-size:0; line-height:0;}
.box-calendar .section-year strong .btn-prev {left:0; background-image:url('../img/comm/btn_year_prev.png');}
.box-calendar .section-year strong .btn-next {right:0; background-image:url('../img/comm/btn_year_next.png');}
.box-calendar .section-month {margin-top:18px;}
.box-calendar .section-month strong {position:relative; display:block; width:130px; height:50px; margin:0 auto; font-size:28px; font-weight:400; text-align:center; line-height:50px;}
.box-calendar .section-month strong a {position:absolute; top:50%; width:25px; height:25px; margin-top:-13px; background-size:25px 25px; background-repeat:no-repeat; background-position:center; font-size:0; line-height:0;}
.box-calendar .section-month strong .btn-prev {left:0; background-image:url('../img/comm/btn_month_prev.png');}
.box-calendar .section-month strong .btn-next {right:0; background-image:url('../img/comm/btn_month_next.png');}
.box-calendar .section-date {padding:0 10px;}
.box-calendar .section-date table {width:100%; table-layout:fixed;}
.box-calendar .section-date table th {padding:12px 0; color:#a5a5a5; font-size:13px; font-weight:400;}
.box-calendar .section-date table td {padding:5px 0; font-weight:400; text-align:center; line-height:45px;}
.box-calendar .section-date table td a {display:block; width:45px; height:45px; margin:0 auto;}
.box-calendar .section-date table td.selected a {background:#2469b0; color:#fff; font-weight:400; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.box-calendar .section-date table td.next-month {color:#a5a5a5;}


/* 마이어카운트 리스트 */
#container #content.myaccount-list-wrap{ background: #f2f5f8; padding: 15px; }
.myaccount-list01 ul li{overflow:hidden;position:relative; margin:15px 0 0; background: #fff; border-radius: 5px;}
.myaccount-list01 ul li:first-child { margin-top: 0; }
.myaccount-list01 ul li div{display:block;padding:18px 20px 10px; position:relative;}
.myaccount-list01 ul li img{position:absolute;right:30px;bottom:30px;width:200px;height:100px;}
.myaccount-list01 ul li .category{display:block;}
.myaccount-list01 ul li .category .menu{vertical-align:top;display:inline-block;padding:0 8px;margin-right:3px;height:18px;line-height:18px;font-size:10px;text-align:center;color:#fff;border:1px solid #043b73;background:#043b73;border-radius:2px;}
.myaccount-list01 ul li .category .menu + span{vertical-align:top;display:inline-block;padding:0 6px;height:18px;line-height:18px;font-size:10px;text-align:center;border-radius:2px;}
.myaccount-list01 ul li .category .type01{color:#3d7fe2;border:1px solid #3d7fe2;}
.myaccount-list01 ul li .category .type02{color:#f58220;border:1px solid #f58220;}
.myaccount-list01 ul li .category .type03{color:#00a1c9;border:1px solid #00a1c9;}
.myaccount-list01 ul li .category .type04{color:#999;border:1px solid #999;}
.myaccount-list01 ul li em{display:block;padding:13px 0 0 0;font-size:20px;font-weight:500;}
.myaccount-list01 ul li p{ padding-top: 8px; font-size:13px;font-weight:400; color: #404040;}
.myaccount-list01 ul li .info{display:inline-block;width:100%;padding:13px 0 0 0}
.myaccount-list01 ul li .info li { margin-top: 0; }
.myaccount-list01 ul li .info span{float:left;padding:0 0 1px 0;width:90px;color:#999;font-weight:400;}
.myaccount-list01 ul li .info > span:first-child { color: #686868; }
/*2018.08.25 수정*/
.myaccount-list01 ul li .info strong{display:inline-block; float: right; padding:0 1px 1px 0;/*width:190px;*/text-align:right;color:#999;font-weight:400;}
/*2018.08.25 수정*/
.myaccount-list01 ul li .info .point{color:#f7681a;}
.myaccount-list01 ul li .info + .info{padding-left:60px;}
.myaccount-list01 ul li .date{display:block;color:#757575;font-size:14px;font-weight:400;}
/* 2022-08-16 수정 시작 */
.myaccount-list01 ul li .wrap_btn{margin-top:8px;height:40px;padding:0;border-top:1px solid #ccc}
.myaccount-list01 ul li .wrap_btn .link{top:0;right:0;height:40px;line-height:40px}
.myaccount-list01 ul li .wrap_btn .link + .link{top:0;right:70px}
.myaccount-list01 ul li .link { position: absolute; top: 18px; right: 20px; color: #2469b0; font-size: 13px; font-weight: 400; padding-right: 12px; background: url(../img/comm/icon_link.png) right center no-repeat; background-size: 6px 10px;}
.myaccount-list01 ul li .link + .link{top:51px}
.myaccount-list01 ul li .link[class*="type02"]{color:#f58220;background:url(/resource/mb/img/comm/icon_link2.png) right center no-repeat;background-size:6px 10px}
.myaccount-list01 ul li .link[class*="type03"]{color:#828282;background:url(/resource/mb/img/comm/icon_link3.png) right center no-repeat;background-size:6px 10px}
/* 2022-08-16 수정 끝 */

/* 설정 */
.set-up{overflow:hidden;margin:-30px -15px 0;}
.set-up h3{height:30px;padding-left:15px;line-height:30px;background:#f2f5f8;font-size:13px;font-weight:400;color:#686868;}
.set-up .login{overflow:hidden;padding:0 15px;border-bottom:1px solid #e2e7ec;}
.set-up .login > span{float:left;height:80px;line-height:80px;color:#999;font-weight:15px;}
.set-up .login > button{float:right;margin-top:20px;height:40px;line-height:40px;width:68px;border-radius:3px;}
.set-up .push{padding:0 15px;position:relative;min-height:98px;border-bottom:1px solid #e2e7ec;}/* 2019-02-08 수정 */
.set-up .push em{display:block;padding:26px 0 7px 0;font-size:15px;font-weight:500;}
.set-up .push p{font-size:13px;color:#999;}
/* 2019-02-08 추가 */
.set-up .push em + p{margin-right: 70px;}
.set-up .push .push-info{padding-bottom: 25px;}
.set-up .push .push-ioslink{padding-bottom: 25px;}
.set-up .push .push-marketing{padding-bottom: 25px;margin-right: 80px;}
.set-up .push a{color:#f7681a;}
/* //2019-02-08 추가 */
.push .switch {position: absolute;right:15px;top:31px;;display: inline-block;width: 70px;height: 35px;}
.push .switch input {display:none;}
.push .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ddd;transition: .4s;border-radius: 34px;}
.push .slider .on{display:none;}
.push input:checked + .slider .on{display:block;}
.push input:checked + .slider .off{display:none;}
.push .slider .off{line-height:35px;position:absolute;right:10px;font-size:12px;display:inline-block;color:#999;}
.push .slider .on{line-height:35px;position:absolute;left:10px;font-size:12px;display:inline-block;color:#fff;}
.push .slider:before {position: absolute;content: "";height: 25px;width: 25px;left: 5px;bottom: 5px;background-color: white;transition: .4s;border-radius: 50%;}
.push input:checked + .slider {background-color: #2469b0;}
.push input:focus + .slider {box-shadow: 0 0 1px #2469b0;}
.push input:checked + .slider:before {transform: translateX(35px);}
/* 2019-02-08 추가 */
.push .switch-ios{position: absolute;right:15px;top:31px;display: inline-block;width: 70px;height: 35px;}
.push .switch-ios.on{background-color: #2469b0;border-radius: 34px;}
.push .switch-ios.on > span{line-height:35px;font-size:12px;color:#fff;display:block;text-align: center}
.push .switch-ios.off{background-color: #ddd;border-radius: 34px;}
.push .switch-ios.off > span{line-height:35px;font-size:12px;color:#999;display:block;text-align: center}
/* //2019-02-08 추가 */
.set-up .version{padding:26px 15px 0;}
.set-up .version em{float:left;font-size:15px;font-weight:500;}
.set-up .version span{float:right;font-size:13px;color:#999;}
.set-up .version span button{margin-top:-5px;}

.login.list{padding:0;}
.login.list > span{padding-left:15px;}
.login.list > button{margin-right:15px;}
.login .push{height:118px;overflow:hidden;width:100%;}
.set-up .login ul{width:100%;overflow:hidden;border-top:1px solid #ddd;}
.set-up .login ul li:first-child a{border-top:0;}
.set-up .login ul li a{position:relative;padding:0 15px;display:block;height:100px;border-top:1px solid #ddd;}
.set-up .login ul li a:after{content:'';display:inline-block;width:7px;height:12px;position:absolute;right:15px;top:42px;background: url('../img/comm/bg_setup_arw.png') no-repeat; background-size:7px 12px;}
.set-up .login ul li em{display:block;padding:26px 0 7px 0;font-size:15px;font-weight:500;}
.set-up .login ul li p{font-size:13px;color:#999;}

/* push 보관함 */
.push-box .guide-detail-box02 li {padding:0; height:0;}
.push-box .guide-detail-box02 li em{width:90%; font-size:14px; color:#0f0f0f; line-height:20px;}
.push-box .guide-detail-box02 li .r-btn{width:100%; display:table; padding:16px 0; font-size:0; position:relative;}
.push-box .guide-detail-box02 li .r-btn:after{content:''; position:absolute; top:50%; right:10px; margin-top:-6px; width:6px; height:12px; background:url('../img/car/icon_check_arrow.png') no-repeat; background-size: 6px 12px;}
.board-view {border-top:1px solid #2d2d2d;}
.board-view .b-tit {position:relative; padding:18px 35px 18px 10px; border-bottom:1px solid #ddd;}
.board-view .b-tit strong {display:block; font-weight:400;}
.board-view .b-tit em {color:#999; font-size:13px;}
.board-view .b-content {padding:20px 10px; color:#404040; font-size:13px;}
.board-view .b-content img {display:block; width:100%; margin-bottom:20px; vertical-align:top;}

/* push 알림 없음 */
.push-box .result-cont{text-align: center;}
.push-box .result-cont:before{content:''; display:block; width:68px; height:68px; margin:30px auto; background:url('../img/comm/bg_push_none.png') no-repeat; background-size:100%;}

.r-txt-uline {margin-top:15px; text-align:right;}
.r-txt-uline a {color:#2469b0;font-size:13px;display:inline-block;text-decoration:underline;}

/* 인증서 가져오기 && 인증서 선택하기 */
.certificate-box > p {height:170px; margin:-30px -15px 0; padding-top:130px; background:#f2f5f8 url('../img/comm/bg_certificate.png') no-repeat center 30px; background-size:245px auto; text-align:center;}
.certificate-box .btn-center {padding-top:30px;}
.certificate-box .step-certificate {margin-top:30px;}
.certificate-box .step-certificate li {position:relative; margin-top:5px; padding-left:25px; line-height:20px;}
.certificate-box .step-certificate li strong {position:absolute; top:1px; left:0; width:18px; height:18px; background:#757575; color:#fff; font-weight:500; line-height:18px; text-align:center; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}

.registration-img-view img{width:100%;height:auto;}

/* 신청정보 확인 */
.pop-cont .form-board01.stock-check {margin-top:20px;}
.pop-cont .form-board01.stock-check tr th{font-weight:500; font-size:14px;}
.pop-cont .form-board01.stock-check p{font-size:13px;color:#999;}

/* 스탁론 대출중단 상품 */
.pop-cont a {text-decoration:  underline;}


/* 약관 */
.pop-consumer-info > strong {display:block; padding-top:20px; font-weight:500;}
.pop-consumer-info p {color:#757575;}
.pop-consumer-info > strong + p {margin-top:5px;}
.pop-consumer-info .terms-list li {margin-top:5px; padding-left:15px; color:#757575; font-weight:400; text-indent:-15px;}
.pop-consumer-info .terms-list.type2 li {padding-left:12px; text-indent:-11px;}
.pop-consumer-info .check-group{margin-top:10px;}
.pop-consumer-info .check-group label{width:110px;}
.pop-consumer-info .check-group input[type="checkbox"].common-check:disabled + label:before{background:#fff;}
.pop-consumer-info .row-board02 th {padding:7px 10px;}
.pop-consumer-info .col-board01.type02 table td {text-align:left;}

/* 스탁론 팝업 약관 */
.pop-consumer-info{overflow: hidden; color:#757575;}
.pop-consumer-info .stit-date{width:100%; position:relative;}
.pop-consumer-info .stit-date em{display:inline-block; position:absolute; right:0;}
.pop-consumer-info .stock-tit{display:block;font-size:18px;padding:30px 0 10px; text-align: center;}
.pop-consumer-info .stock-tit em {font-size:14px;}
.pop-consumer-info .c-text{display:block; text-align:center;}
.pop-consumer-info .r-text{padding-right:10px; font-weight:400; overflow: hidden; text-align:right; color:#757575}
.pop-consumer-info .date ul li{display:inline-block; padding-left:30px;}
.pop-consumer-info .r-text li.name span{display:inline-block; padding-left:120px;}
.pop-consumer-info .r-text li.birth{padding-right:119px;}
.pop-consumer-info span.name{display:inline-block; padding-left:100px;}
.pop-consumer-info .stock-text{padding:20px; border:1px solid #ccc; margin-top:10px;}
.pop-consumer-info .notice-list.gray{background:#f9f9f9; padding:15px;}
.pop-consumer-info .s-text{color:#0f0f0f; font-weight:500; padding-top:30px;}
.pop-consumer-info .col-board01.type2 tr th{background:#fafafa !important; color:#0f0f0f;}
.pop-consumer-info .col-board01.type2 tr th em.stock-num{display:block; border-top:1px solid #ccc; padding-top:10px; margin-top:10px;}
.pop-consumer-info .row-board01.type2 tr th{background:#fff !important}
.pop-consumer-info .row-board01.type2 tr td{background:#fafafa !important}

.pop-consumer-info .empty-box {display:inline-block; width:200px; font-size:0; line-height:0; border-bottom:1px solid #757575;}
.pop-consumer-info .empty-box.type2{display:inline-block; width:80px;height:20px;border:2px solid #404040;  font-size:15px; vertical-align:middle; text-indent:0; line-height:initial; text-align: center; margin:0 10px;}
.pop-consumer-info .empty-box.type3{display:inline-block; width:120px;height:20px;padding:0 10px;border:2px solid #404040; font-size:15px; vertical-align:middle; text-indent:0; line-height:initial;}
.pop-consumer-info .empty-box.type3 .f-r{float:right;}
.pop-consumer-info .typed-box {display: inline-block;width: 200px;border-bottom: 1px solid #757575;text-align: center;}


.pop-breakaway{text-align:center;}
.pop-breakaway p{padding-top:10px;}

/* 입금기관 선택 */
.list-type1 {overflow:hidden; width:100%;}
.list-type1 li{display:table; width:50%; height: 52px; padding: 10px 0; text-align: center; float:left;}
.list-type1 li em{display:table-cell;width: 50%;padding:0 0 0 10px;color: #686868;font-size: 13px;font-weight: 400;line-height: 17px;vertical-align:middle;}
.list-type1 li .select-btn{display:table-cell;vertical-align:middle;}
.list-type1 li .select-btn button{width:95%;}

/* 관리자 등록 관련 css */
.guide-detail-box .active .detail table, .board-view .b-content table{border-collapse: collapse;border-spacing: 0;}
.guide-detail-box .active .detail a, .board-view .b-content a{color:#2469b0;text-decoration:underline;}
.table
{
	margin-bottom: 20px;
	max-width: 100%;
	width: 100%;
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th
{
	border-top: 1px solid #ddd;
	line-height: 1.42857143;
	padding: 7px;
	vertical-align: top;
}
.table>thead>tr>th
{
	border-bottom: 2px solid #ddd;
	vertical-align: bottom;
}
.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th
{
	border-top: 0;
}
.table>tbody+tbody
{
	border-top: 2px solid #ddd;
}
.table .table
{
	background-color: #fff;
}
.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th
{
	padding: 5px;
}
.table-bordered
{
	border: 1px solid #ddd;
}
.table-bordered td,.table-bordered th
	{
		border: 1px solid #ddd;
	}
.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th
{
	border: 1px solid #ddd !important;
}
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th
{
	border-bottom-width: 2px;
}
.table-striped>tbody>tr:nth-of-type(odd)
{
	background-color: #f9f9f9;
}
.table-hover>tbody>tr:hover
{
	background-color: #f5f5f5;
}

/* 2019-01-27 마케팅 활용 동의 조회/철회 수정 */
.list-type2 {border-top:1px solid #2d2d2d; overflow:hidden; width:100%;}
.list-type2 li {display:table; width:100%; height:52px; padding:10px 0; border-bottom:1px solid #e7e7e7; text-align:left; float:left;}
.list-type2 li em {display:table-cell; width:70%; padding:0 0 0 10px; color:#686868; font-size:13px; font-weight:400; line-height:17px; vertical-align:middle;}
.list-type2 li .r-btn{display:table-cell; padding-right:10px; vertical-align:middle; text-align:right;}
.list-type2 li .r-btn .agree{display:inline-block; padding-left:18px; background:url('../img/myaccount/icon_agree.png') no-repeat 0 -12px; background-size:10px 25px; font-size:13px; font-weight:400;}
.list-type2 li .r-btn .agree.check {background-position:0 5px; color: #d83d20;}
.list-type3 {overflow:hidden; width:100%;}
.list-type3 li {display:table; width:100%; height:0px; padding:10px 10px; border:none; text-align:left; float:left;}
.list-type3 li em {padding:0 0 0 10px; color:#686868; font-size:13px; font-weight:400; line-height:17px; vertical-align:middle;}
.list-type3 li .agree {display:inline-block; padding-left:18px; background:url('../img/myaccount/icon_agree.png') no-repeat 0 -12px; background-size:10px 25px; font-size:13px; font-weight:400;}
.list-type3 li .agree.check {background-position:0 5px; color: #d83d20;}

.clause-box-wrap ul.advice {overflow:hidden; padding:10px 0 0 25px; background:#fff;}
.clause-box-wrap ul.advice li{width:100%; padding:0 0 10px 0;}


/* 2019-02-28 추가 */
.tb-info{margin-top: 10px}
.tb-info p strong{font-weight: bold;padding-bottom: 0 !important;}

/* 퀵에스크론 팝업*/
.pop-consumer-info .pop-board01 table {width:100%;border:1px solid #ccc;}
.pop-consumer-info .pop-board01 table th {padding:10px 10px; background:#fff; text-align:left; font-weight:400;}
.pop-consumer-info .pop-board01 table td {padding:10px 10px; background:#fff; text-align:right; font-weight:400;}
.pop-consumer-info .pop-board01 table td.me {padding:10px 10px; background:#e7e7e7; text-align:center; font-weight:400;}
.pop-consumer-info .pop-board02 table {width:100%;border-top:1px solid #2d2d2d;}
.pop-consumer-info .pop-board02 table th {padding:10px 10px; font-weight:700; background:#fafafa; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7;}
.pop-consumer-info .pop-board02 table th:last-child {border-bottom:1px solid #e7e7e7; border-right:none;}
.pop-consumer-info .pop-board02 table td{padding:10px 10px; text-align:center; color:#404040; font-weight:400; border-bottom:1px solid #e7e7e7; border-right:1px solid #e7e7e7;}
.pop-consumer-info .pop-board02 table td:last-child {border-bottom:1px solid #e7e7e7; border-right:none;}
.pop-consumer-info .pop-board02 table td.txt-right{padding-right:10px;text-align:right;}
.pop-consumer-info .pop-board02 table td.txt-left{padding-left:10px;text-align:left;}
.pop-consumer-info .row-board01 table th:before {background:none; width:0; height:0; margin-right:0}
.full-popup .popup-title .stit.extra{line-height: 40px;display:block;font-size: 17px;font-weight:500;}
.full-popup .popup-title .stit.extra.type02 {line-height:0}

/* 2019-07-08 추가 */
.small-popup.type01 .popup-title .stit {padding-top:15px; line-height:inherit;}
.small-popup.type01 .pop-btm button {font-size:13px;}

/* 2020-04-26 추가 */
img {max-width: 100%; height: auto;}

select:required:invalid {color: #999999;}
option[value=""]:disabled {display: none;}
option {color: #232323;}

/* pick list */
.pick-list02 {display:inline-block; width:100%; vertical-align:top;}
.pick-list02 li {float:left; display:table;width:20%; margin-right:-1px;}
.pick-list02 li:first-child label{border-radius:3px 0 0 3px;}
.pick-list02 li:last-child label{border-radius:0 3px 3px 0;}
.pick-list02 li input[type="radio"] {position:absolute; width:1px; height:1px !important; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.pick-list02 li input[type="radio"]:checked + label {border-color:#043b73; color:#043b73; background: #f5faff; z-index:2;}
.pick-list02 li label {position:relative; display:table-cell; width:100%; height:38px;padding-top:2px;font-size:13px;border:1px solid #ddd;color:#404040;text-align:center;line-height:15px;vertical-align:middle;}
.pick-list02 li select{height:38px;text-align:center;text-align-last:center;}
.pick-list02.type01 li{width:50%;}
.pick-list02.type02 li{width:calc((100% / 4) + 1px); width:-webkit-calc((100% / 4) + 1px); width:-moz-calc((100% / 4) + 1px);}
.pick-list02.type03 li{width:33.3%;}

.dot-list03 > li{position: relative;padding: 0 0 0 7px; margin-top: 10px; color:#999;font-size:15px;line-height:18px;}
.dot-list03 > li:before{content: '';width:2px;height:2px;border-radius:100%;background:#999;position:absolute;top:8px;left:0px;}
.dot-list01.dot-list03 {padding-top: 10px}

p.notice-list02 {position:relative;padding: 0 0 0 10px; margin-top: 4px; color:#f68121 !important;font-size:13px;line-height:18px;}
p.notice-list02:before {width:2px;height:2px;border-radius:100%;background: #f68121;position: absolute;top: 8px;left: 0px;content: '';}
p.notice-list02 .link-p{color:#2469b0; text-decoration:underline;}
p.notice-list02.notice-list_bottom {margin-top: 30px;}

.full-popup .pop-cont.type02 {padding:20px 15px 100px;}
.full-popup .popup-title .stit02.identitydocument{display:block;padding-top:10px;padding-left:15px;font-weight:500;font-size:16px;line-height:22px;color:#232323;text-align: left}
.full-popup .popup-title .stit02.identitydocument span{color:#2469b0}

/* 2021-11-02 약관 관리자 연동 추가 시작 */
/* 약관 */
.terms-box .terms-tit:first-child {padding: 0 0 8px 0;}
.terms-box .terms-tit{display:block; padding:20px 0 8px 0; font-weight:500;color:#757575;}
.terms-box .terms-tit2{margin-bottom:25px;font-size:20px;text-align:center}
.terms-box .terms-txt{color:#757575;}
.terms-box .terms-list li {margin-top:5px; padding-left:8px; color:#757575; font-weight:400; text-indent:-8px;}
.terms-box .notice-list{margin-top:0;padding-top:0}
.terms-box .row-board01 th{text-align:center;}
.terms-box .row-board01 tbody th{vertical-align:middle;}
.terms-box .col-board02 th{padding: 7px 5px 7px;color: #686868;background: #f4f4f4;border-bottom: 1px solid #e7e7e7;font-weight: 400;font-size: 13px;}
.terms-box .col-board02 td{padding: 7px 10px 7px 10px;border-bottom: 1px solid #e7e7e7;color: #404040;font-size: 13px;text-align:left;}
.terms-box .stit-date{width:100%; position:relative;}
.terms-box .stit-date em{display:inline-block; position:absolute; right:0;}
.terms-box .stock-tit{display:block;font-size:18px;padding:30px 0 10px; text-align: center;}
.terms-box .stock-tit em {font-size:14px;}
.terms-box .c-text{display:block; text-align:center;}
.terms-box .r-text{padding-right:10px; font-weight:400; overflow: hidden; text-align:right; color:#757575}
.terms-box .date ul li{display:inline-block; padding-left:30px;}
.terms-box .r-text li.name span{display:inline-block; padding-left:120px;}
.terms-box .r-text li.birth{padding-right:119px;}
.terms-box span.name{display:inline-block; padding-left:100px;}
.terms-box .stock-text{padding:20px; border:1px solid #ccc; margin-top:10px;}
.terms-box .notice-list.gray{background:#f9f9f9; padding:15px;}
.terms-box .s-text{color:#0f0f0f; font-weight:500; padding-top:30px;}
.terms-box .col-board01.type2 tr th{background:#fafafa !important; color:#0f0f0f;}
.terms-box .col-board01.type2 tr th em.stock-num{display:block; border-top:1px solid #ccc; padding-top:10px; margin-top:10px;}
.terms-box .row-board01.type2 tr th{background:#fff !important}
.terms-box .row-board01.type2 tr td{background:#fafafa !important}
.terms-box .empty-box {display:inline-block; width:200px; font-size:0; line-height:0; border-bottom:1px solid #757575;}
.terms-box .empty-box.type2{display:inline-block; width:80px;height:20px;border:2px solid #404040;  font-size:15px; vertical-align:middle; text-indent:0; line-height:initial; text-align: center; margin:0 10px;}
.terms-box .empty-box.type3{display:inline-block; width:120px;height:20px;padding:0 10px;border:2px solid #404040; font-size:15px; vertical-align:middle; text-indent:0; line-height:initial;}
.terms-box .empty-box.type3 .f-r{float:right;}
.terms-box .typed-box {display: inline-block;width: 200px;border-bottom: 1px solid #757575;text-align: center;}

.layer-popup .terms-box{margin-top:0 !important;}
/* 2021-11-02 약관 관리자 연동 추가 끝 */

/* 2022-01-26 주소검색개선 추가 시작 */
/* 입력시 삭제버튼 생기는 입력폼 */
.item_tf{position:relative}
.item_tf + .item_tf{margin-top:14px}
.item_tf input[type='text']{border-color:#f58220}
.item_tf > .link{display:block;overflow:hidden;height:40px;padding:0 10px;border:1px solid #ddd;border-radius:3px;line-height:38px;color:#232323;letter-spacing:0;text-decoration:none;white-space:nowrap;text-overflow:ellipsis}
.item_tf .btn_clear {display:none;overflow:hidden;position:absolute;top:0;right:0;bottom:0;width:48px;margin-left:0;font-size:1px;line-height:0;color:transparent;background:url(../img/comm/btn_clear.svg) 50% 50% no-repeat;background-size:18px auto}
.item_tf[class*="_ing"] .btn_clear{display:block}
.item_tf[class*="_done"] input[type="text"]{border-color:#e2e3e8}

.address_list{margin-top:15px}
.address_list .list{overflow:hidden}
.address_list .list > li{padding:10px 0;border-top:1px solid #e2e3e8}
.address_list .list > li:first-child{border-top:0 none}
.address_list .list .link{display:block;text-decoration:none}
.address_list .list strong{display:block;font-size:13px;line-height:15px;color:#4b4b4b}
.address_list .item_address{overflow:hidden;margin-top:10px}
.address_list .item_address .tag{float:left;width:40px;height:18px;margin-right:7px;border:1px solid #c3c3c3;border-radius:3px;font-size:11px;line-height:18px;color:#999;text-align:center}
.address_list .item_address > span{display:block;overflow:hidden;font-size:14px;line-height:18px;color:#999}
.address_list .item_address:first-of-type .tag{border-color:#f58220;color:#f58220}
.address_list .item_address:first-of-type > span{color:#4b4b4b}
/* 2022-01-26 주소검색개선 추가 끝 */

/* 2022-02-21 적합성 적정성 원칙 확인서 수정 시작 */
/* 레이블 붙어있는 셀렉트 박스 */
.item_opt{height:38px;padding-left:10px;border:1px solid #ddd;border-radius:3px;font-size:14px;color:#232323;background-color:#fff}
.item_opt .lab_g{float:left;margin-right:12px;line-height:38px}
.item_opt .wrap_opt{overflow:hidden;position:relative}
.item_opt select{position:relative;z-index:10;width:100%;height:38px;padding:0 30px 0 0;border:0 none;background:none;white-space:nowrap;-webkit-appearance:none;opacity:0.01}
.item_opt .ico_arr{position:absolute;top:0;right:0;bottom:0;width:20px;background:url(/resource/mb/img/comm/bl_select.png) 50% 50% no-repeat;background-size:20px 5px}
.item_opt .txt_selected{overflow:hidden;position:absolute;top:0;left:10px;right:30px;line-height:40px;text-align:right;white-space:nowrap;text-overflow:ellipsis} /* 2024-06-10 수정 */
/* .item_opt2 .wrap_opt:after{position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;background-color:transparent;cursor:pointer;content:''} 2024-06-27 삭제 */

/* 2024-06-27 추가 및 수정 시작 */
.form-suitablility .item_tf2{height:38px;padding-left:10px;border-color:#ddd;color:#232323}
.form-suitablility .item_tf2 .lab_g{line-height:36px}
.form-suitablility .item_tf2 .wrap_tf{padding-right:10px}
.form-suitablility .item_tf2 input{height:36px}
.form-suitablility .item_opt{height:38px;padding-left:10px;border-color:#ddd;color:#232323}
.form-suitablility .item_opt .lab_g{line-height:38px}
.form-suitablility .item_opt select{height:38px;line-height:38px}
.form-suitablility .item_opt .wrap_opt:after{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:20;background-color:transparent;cursor:pointer;content:''}
.form-suitablility .item_opt .txt_selected{position:absolute;line-height:38px}
/* 2024-06-27 추가 및 수정 끝 */

/* 레이블 붙어있는 인풋텍스트 */
.item_tf2{height:38px;padding-left:10px;border:1px solid #ddd;border-radius:3px;font-size:14px;color:#232323;background-color:#fff}
.item_tf2[class*="_focus"]{border-color:#f58220}
.item_tf2[class*="-disabled"]{background-color:#f7f7f7}
.item_tf2 .lab_g{float:left;margin-right:12px;line-height:38px}
.item_tf2 .wrap_tf{overflow:hidden;position:relative;padding-right:10px}
.item_tf2 input{height:36px;padding:0;border:0 none;background:transparent;text-align:right}

/* 적합성 적정성 원칙 확인서 - 옵션 선택 레이어 */
.layer_opt{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:url(/resource/mb/img/common/image/dimmed_bg.png) 0px 0px repeat}
.layer_opt .inner{overflow-y:scroll;position:absolute;bottom:0;left:0;right:0;max-height:calc(100vh - 20px);padding-bottom:20px;border-radius:20px 20px 0 0;background-color:#fff}
.layer_opt .head{position:sticky;top:0;left:0;right:0;border-radius:20px 20px 0 0;background-color:#fff}
.layer_opt .tit{display:block;font-weight:500;font-size:16px;line-height:40px;text-align:center}
.layer_opt .btn_close{overflow:hidden;position:absolute;top:0;right:0;width:50px;height:40px;font-size:1px;line-height:0;color:transparent}
.layer_opt .btn_close:after{display:block;width:24px;height:24px;margin:8px auto;background:url(/resource/mb/img/comm/ico_close.svg) 0 0 no-repeat;background-size:100% auto;content:''}
.layer_opt .list{padding:0 20px}
.layer_opt .list li > a{display:block;font-size:15px;line-height:35px}
.layer_opt .list .on > a{color:#f58220}
.layer_opt .inp_direct{padding:0 20px}
.layer_opt .inp_direct{margin-top:9px;}
.layer_opt .inp_direct .wrap{display:inline-block;position:relative;width:calc(100% - 87px);width:-webkit-calc(100% - 87px);width:-moz-calc(100% - 87px)}
.layer_opt .inp_direct button{float:right;min-width:82px}
/* 2022-02-21 적합성 적정성 원칙 확인서 수정 끝 */

/* 2022-05-02 온라인서류제출 추가 시작 */
.full-popup .pop-cont.type03{padding:0 15px 100px}
.pop_submission .step_list{overflow:hidden;padding:5px 0;font-size:0;text-align:center}
.pop_submission .step_list .list_step{display:inline-block;position:relative;vertical-align:top}
.pop_submission .step_list .list_step:before{position:absolute;top:10px;left:41px;right:41px;height:1px;background-color:#c5cbd0;content:''}
.pop_submission .step_list[class*="-step2"] .list_step:after{position:absolute;top:10px;left:41px;right:50%;height:1px;background-color:#f58220;content:''}
.pop_submission .step_list[class*="-step3"] .list_step:before{background-color:#f58220}
.pop_submission .step_list .list_step li{position:relative;z-index:10;float:left;width:82px;font-size:12px;line-height:15px;color:#666}	
.step_list[class*="-step1"] .list_step li:first-child, 
.step_list[class*="-step2"] .list_step li:nth-child(2), 
.step_list[class*="-step3"] .list_step li:nth-child(3){color:#222}
.pop_submission .step_list .list_step li > span{display:block;width:20px;height:20px;margin:0 auto 6px;border:1px solid #c5cbd0;border-radius:20px;font-size:12px;line-height:20px;font-family:roboto, "Noto Sans KR", sans-serif;color:#c5cbd0;background-color:#fff}
.step_list[class*="-step1"] .list_step li:first-child > span, 
.step_list[class*="-step2"] .list_step li:nth-child(2) > span, 
.step_list[class*="-step3"] .list_step li:nth-child(3) > span{border-color:#f58220;color:#fff;background-color:#f58220}
.step_list[class*="-step2"] .list_step li:first-child > span, 
.step_list[class*="-step3"] .list_step li:first-child > span, 
.step_list[class*="-step3"] .list_step li:nth-child(2) > span{border-color:#f58220;color:#f58220}
.pop_submission .cont_step{margin-top:45px}
.pop_submission .cont_step[class*="-step1"] .wrap_idcard{display:block;position:relative;width:80%;min-width:230px;max-width:460px;margin:0 auto}
.pop_submission .cont_step[class*="-step1"] .wrap_idcard:after{position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid rgba(196,196,197,0.5);border-radius:4px;content:''}
.pop_submission .cont_step[class*="-step1"] .img_idcard{display:block;overflow:hidden;width:100%;height:auto;border-radius:4px}
.pop_submission .cont_step[class*="-step1"] > p{margin-top:20px;font-size:15px;line-height:20px;color:#4b4b4b;text-align:center}
.pop_submission .tit_g{display:block;margin:25px 0 10px;font-weight:400;font-size:14px;line-height:18px;color:#4b4b4b}
.pop_submission .num_id + .tit_g{margin-top:10px}
.pop_submission .num_id{overflow:hidden;border:1px solid #ddd;border-radius:3px;text-align:center}
.pop_submission .num_id .item_opt{float:left;width:80px;height:40px;padding-left:0;border:0 none}
.pop_submission .num_id .item_opt select{height:40px}
.pop_submission .num_id .item_opt .ico_arr{width:30px;background:url(/resource/mb/img/customer/ico_opt.svg) 50% 50% no-repeat;background-size:11px 7px}
.pop_submission .num_id .item_opt .txt_selected{left:15px;line-height:40px;color:#4b4b4b;text-align:left}
.pop_submission .num_id .box_num{overfloW:hidden;font-size:0;text-align:center}
.pop_submission .num_id .box_num .inner{display:inline-block;overflow:hidden;vertical-align:top}
.pop_submission .num_id .item_tf3{position:relative;float:left;width:40px}
.pop_submission .num_id .item_tf3:nth-of-type(2){width:100px}
.pop_submission .num_id .item_tf3 .txt_placeholder{position:absolute;top:0;left:0;right:0;bottom:0;font-size:14px;line-height:40px;color:#c4c4c5;text-align:center}
.pop_submission .num_id .item_tf3 > input{position:relative;padding:0;border:0 none;border-radius:0;background-color:transparent;text-align:center}
.pop_submission .num_id .box_num .txt_g{float:left;margin:0 9px;font-size:14px;line-height:40px}
@media only screen and (max-width: 359px){
	.pop_submission .num_id .box_num .txt_g{margin:0}
}
.pop_submission .class_id{padding-right:5px}
.pop_submission .class_id .item_opt{float:none;width:100%}
.pop_submission .desc_fail{margin-top:45px;font-size:14px;line-height:18px;color:#444;word-break:keep-all;text-align:center}
.pop_submission .desc_fail > em{font-size:12px;line-height:14px;color:#999}
@media only screen and (min-height: 750px){
	.pop_submission .desc_fail{position:fixed;bottom:100px;left:15px;right:15px;margin-top:0}
}
@media only screen and (min-height: 415px){
	.layer_region .list{max-height:415px}
}

.box_g + .box_g{border-top:12px solid #f1f1f1}
.box_g .tit_box{display:block;font-weight:400;font-size:14px;line-height:37px;color:#000}
.pop_submission .box_g{margin:0 -15px;padding:0 15px 30px;color:#4b4b4b}
.item_inp{position:relative}
.item_inp[class*="-type2"]{padding:12px 40px 12px 10px;border:1px solid #ddd;border-radius:6px}
.item_inp .inp_g{position:absolute;top:0;left:0;width:60%;height:100%;margin:0;opacity:0.01}
.item_inp .lab_g{display:block;padding-left:22px;font-size:13px;line-height:18px;color:#686868;background:url(/resource/mb/img/comm/ico_check_18x18.svg) 0 0 no-repeat;background-size:18px 18px;cursor:pointer}
.item_inp .inp_g:checked + .lab_g{background-image:url(/resource/mb/img/comm/ico_checked_18x18.svg)}
.item_inp .btn_view{position:absolute;top:0;right:0;bottom:0;width:40px;font-size:1px;line-height:0;color:transparent;background:url(/resource/mb/img/comm/icon_check_arrow.png) 50% 50% no-repeat;background-size:6px 12px}

.box_submission > strong{display:block;font-weight:400;font-size:14px;line-height:22px}
.box_submission > strong > span{font-weight:500;font-size:20px}
.box_submission .list_document{margin:10px 0 19px}
.box_submission .list_document li{position:relative;padding-left:15px;font-size:14px;line-height:24px}
.box_submission .list_document li:before{position:absolute;top:10px;left:4px;width:4px;height:4px;border-radius:4px;background-color:#c4c4c5;content:''}
.box_submission .box_login{padding:15px;border-radius:6px;background-color:#f0f0f0}
.box_submission .box_login + .box_login{margin-top:12px}
.box_submission .box_login > strong{display:block;margin-bottom:16px;font-weight:500;color:#f58220}
.box_submission .bundle_inp{overflow:hidden;margin-bottom:10px}	
.box_submission .bundle_inp .item_inp{float:left;width:50%}
.box_submission .item_inp .lab_g{background-image:url(/resource/mb/img/comm/ico_check_18x18_empty.svg)}
.box_submission .box_login > p{font-size:12px;line-height:15px;color:#999;word-break:keep-all}
.pop_submission .list_bullet{margin-top:10px}
.pop_submission .list_bullet li{position:relative;padding-left:10px;font-size:12px;line-height:15px;color:#999;word-break:keep-all}
.pop_submission .list_bullet li:before{position:absolute;top:6px;left:0;width:3px;height:3px;border-radius:3px;background-color:#999;content:''}

.pop_submission .cont_step[class*="-step3"]{text-align:center}
.pop_submission .cont_step[class*="-step3"] > img{display:block;width:50px;margin:0 auto 15px}
.pop_submission .cont_step[class*="-step3"] > p{font-size:18px;line-height:22px;color:#f58220}
.pop_submission .cont_step[class*="-step3"] > p > strong{font-weight:500}

.move_page{display:inline-block;margin-bottom:27px;vertical-align:top}
.move_page > img{float:left;width:91px}
.move_page .ani_sending{float:left;margin-top:13px}
.move_page .ico_sending{float:left;width:5px;height:11px;margin-left:1px;background:url(/resource/mb/img/customer/ico_sending.svg) 0 0 no-repeat;background-size:5px 11px;animation-name:sending1;animation-duration:1.3s;animation-iteration-count:infinite;animation-timing-function:linear}
.move_page .ico_sending:nth-child(2){opacity:0.7;animation-name:sending2}
.move_page .ico_sending:last-child{opacity:0.5;animation-name:sending3}

@keyframes sending1{
	0%, 30%, 70%, 100%{opacity:0}
	40%, 60%{opacity:1}
}
@keyframes sending2{
	0%, 40%, 80%, 100%{opacity:0}
	50%, 70%{opacity:1}
}
@keyframes sending3{
	0%, 50%, 90%, 100%{opacity:0}
	60%, 80%{opacity:1}
}
/* 2022-05-02 온라인서류제출 추가 끝 */

/* 2022-07-14 계좌인증 레이어 추가 시작 */
.layer_auth{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9997;background:rgba(0,0,0,0.5);text-align:center;letter-spacing:-0.05em}
.layer_auth .inner{position:absolute;bottom:0;left:0;right:0;max-height:calc(100vh - 20px);padding:55px 0 20px;border-radius:15px 15px 0 0;background-color:#fff}
.layer_auth .head{position:absolute;top:0;left:0;right:0;z-index:10;border-radius:15px 15px 0 0;background-color:#fff;text-align:center}
.layer_auth .head .tit{display:block;font-weight:600;font-size:15px;line-height:55px}
.layer_auth .head .tab_nl{margin:0 20px}
.layer_auth .btn_close{position:absolute;top:0;right:0;padding:17px 15px;background:transparent}
.layer_auth .btn_close .ico{display:block;overflow:hidden;width:17px;height:17px;font-size:1px;line-height:0;color:transparent;background:url(/resource/mb/img/naverItem/ico_close_layer.svg) 0 0 no-repeat;background-size:100% auto}
.layer_auth .cont{padding:0 20px 32px}
.layer_auth .cont > p{font-size:15px;line-height:25px}
.layer_auth .txt_underline{position:relative}
.layer_auth .txt_underline:after{position:absolute;bottom:1px;left:0;right:0;height:1px;background-color:#444;content:''}
.layer_auth .emph_g{color:#f58220}
.layer_auth .cont > p > strong{font-weight:400;font-size:16px}
.layer_auth .list_account{overflow:hidden;width:280px;margin:24px auto 0;border-radius:3px;line-height:50px;background-color:#f1f1f1}
.layer_auth .list_account dt{float:left;width:120px}
.layer_auth .list_account dd{overflow:hidden;font-weight:600;font-size:16px}
.layer_auth .foot{margin-bottom:-20px}
.layer_auth .foot .btn_g{display:block;width:100%;font-weight:500;font-size:17px;line-height:50px;color:#fff;background-color:#f58220}

.layer_auth2 .cont > strong{display:block;font-size:15px;line-height:18px}
.layer_auth2 .cont > p{margin-top:18px;font-size:13px;line-height:16px}
.layer_auth2 .box_auth{display:inline-block;position:relative;margin:20px 0 30px;vertical-align:top}
.layer_auth2 .item_auth{position:relative;float:left;width:36px;height:36px;margin:0 3px;border-radius:3px}
.layer_auth2 .item_auth .tf_g{display:block;position:relative;z-index:10;width:100%;height:36px;padding:0;border:0 none;border-radius:0;font-weight:500;font-size:17px;line-height:36px;background:transparent;text-align:center;-webkit-appearance:none}
.layer_auth2 .item_auth .tf_g:disabled{background:#f7f7f7;letter-spacing:-0.05em}
.layer_auth2 .item_auth:after{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;border:1px solid #444;border-radius:3px;pointer-events:none;content:''}
.layer_auth2 .item_auth[class*="-focus"]:after{border:2px solid #f58220}
.layer_auth2 .txt_remain{position:absolute;bottom:-24px;right:3px;padding-left:50px;font-size:13px;line-height:18px;color:#f58220;text-align:right}
.layer_auth2 .txt_remain .txt_g{position:absolute;top:0;left:0;text-align:left}
.layer_auth2 .txt_remain .num_remain{letter-spacing:0}
.layer_auth2 .box_def{width:280px;margin:0 auto;padding:12px 15px;border-radius:3px;background-color:#f1f1f1}
.layer_auth2 .box_def > em{display:block;font-size:11px;line-height:13px;text-align:left}
.layer_auth2 .box_def dl{overflow:hidden;line-height:23px}
.layer_auth2 .box_def dt{float:left;color:#888}
.layer_auth2 .box_def dd{overflow:hidden;font-weight:500;text-align:right}
/* 2022-07-14 계좌인증 레이어 추가 끝 */

/* 2022-08-10 카카오페이 인증 인증서 정보 없음 페이지 추가 시작 */
.box_empty{padding-top:10vh;word-break:keep-all;text-align:center}
.box_empty .ico_empty{display:block;width:40px;height:40px;margin:0 auto 3vh;background:url(/resource/mb/img/comm/ico_empty.svg) 0 0 no-repeat;background-size:100% auto}
.box_empty .desc_empty{font-size:16px;line-height:22px;color:#f58220}
.box_empty .desc_empty > strong{display:block;font-weight:500;font-size:18px}
/* 2022-08-10 카카오페이 인증 인증서 정보 없음 페이지 추가 끝 */

/* 2022-08-22 비대면 약정시 보이스피싱 예방 안내 추가 시작 */
.notice-list[class*="-fraudinfo"]{margin-top:10px}
.notice-list[class*="-fraudinfo"] .stit{padding:0 0 4px 22px;color:#f7681a}
.notice-list[class*="-fraudinfo"] .link_fraudinfo{display:block;color:#666}
.notice-list[class*="-fraudinfo"] .link_fraudinfo > span{text-decoration:underline}

.full-popup[class*="-fraudinfo"] .popup-title{display:table;table-layout:fixed}
.full-popup[class*="-fraudinfo"] .popup-title .stit02{display:table-cell;padding:0 51px 0 15px;line-height:20px;word-break:keep-all;vertical-align:middle;text-align:left}
.full-popup[class*="-fraudinfo"] .pop-cont{color:#404040;word-break:keep-all}
.full-popup[class*="-fraudinfo"] .pop-cont > strong{display:block;margin:20px 0 10px;font-size:14px}
.full-popup[class*="-fraudinfo"] .pop-cont > ul > li{padding-left:12px;text-indent:-12px}
.full-popup[class*="-fraudinfo"] .pop-cont > ul + p{margin-top:20px}
/* 2022-08-22 비대면 약정시 보이스피싱 예방 안내 추가 끝 */

/* 2024-05-24-스마트스토어사업자대출 추가 시작 */
/* 문의하기 */
.layer-cs[class*="-half2"]{padding-bottom:0}
.layer-cs .list-cs{padding:10px}
.layer-cs .list-cs .link{display:block;position:relative;padding-left:36px;font-size:15px;line-height:43px;color:#666;text-decoration:none}
.layer-cs .list-cs .link:before{position:absolute;top:9px;left:0;width:25px;height:25px;background-position:0 0;background-repeat:no-repeat;background-size:100% auto;content:''}
.layer-cs .list-cs .link[class*="-cs"]:before{background-image:url(/resource/mb/img/comm/ico_cs.svg)}
.layer-cs .list-cs .link[class*="-cs2"]:before{background-image:url(/resource/mb/img/comm/ico_cs2.svg)}
/* 2024-05-24-스마트스토어사업자대출 추가 끝 */

/* 2024-06-27 법인사업자 인증 페이지 ib20 변경 추가 시작 */
/* 법인사업자 인증 페이지 */
.corp_certify{padding-bottom:70px}
.corp_certify > h3{margin-bottom:20px;font-weight:500;font-size:17px;line-height:22px;text-align:center}
.corp_certify .box_corpcertify{padding:15px 17px;margin-bottom:15px;border:1px solid #f58220}
.corp_certify .box_corpcertify > p{line-height:20px;color:#4b4b4b}
.corp_certify .box_corpcertify .item_inp .inp_g{width:100%}
.corp_certify .box_corpcertify .item_inp .lab_g{padding:0 22px 0 0;background-position:100% 0;text-align:right}
.corp_certify > p{line-height:20px;color:#666}
.corp_certify .tit-wrap{margin-top:25px}
.corp_certify .tit-wrap .stit{font-weight:500}
.corp_certify .form-board01 tr + tr td{padding-top:10px}
.corp_certify .form-board01 .item_identify:first-child{margin-top:0}
.corp_certify .list_corpcheck{margin-top:15px}
.corp_certify .list_corpcheck li + li{margin-top:10px}
.corp_certify .txt_sign{padding-top:20px;margin-top:20px;border-top:1px solid #c5cbd0;text-align:right}
.corp_certify .txt_sign > span{display:block;font-size:15px;line-height:22px;color:#4b4b4b}
.form-suitablility[class*="-corpcertify"] .wrap_inp{margin-top:20px}
.form-suitablility[class*="-corpcertify"] .wrap_inp + .wrap_inp{margin-top:10px}
.form-suitablility[class*="-corpcertify"] .txt_sign{position:relative;margin-top:30px;font-size:15px;line-height:22px;color:#4b4b4b;text-align:right}
.form-suitablility[class*="-corpcertify"] .txt_sign > span{display:block}
/* 2024-06-27 법인사업자 인증 페이지 ib20 변경 추가 끝 */

/* 2024-09-09 상담예약 개선 시작 */
.popup-cs .pop-cont.type01{padding-top:20px}
.popup-cs .dot-list li{font-size:14px;line-height:18px;color:#48535b;word-break:keep-all}
.popup-cs .dot-list li + li{margin-top:5px}
.popup-cs .dot-list li:before{background-color:#48535b}

.popup-cs .form-board01{margin-top:10px}
.popup-cs .form-board01 + .form-board01{padding-top:15px;margin-top:15px;border-top:1px solid #ddd}
.popup-cs .wrap-opt{position:relative;margin:5px 0}
.popup-cs .wrap-opt > label{position:absolute;top:0;left:10px;font-size:14px;line-height:40px}
.popup-cs .wrap-opt > select{text-align:right;text-align-last:right} /* 2024-09-30 수정 */
.popup-cs .wrap-opt > select > option{direction:rtl} /* 2024-09-30 추가 */
.popup-cs .form-board01 .info-more{position:relative;margin:10px 0 -31px;background-color:#fff;text-align:right}
.popup-cs .desc-info{margin:15px 0 5px}
.popup-cs .link-underline{display:inline-block;position:relative;font-size:13px;color:#043b72;text-decoration:none}
.popup-cs .link-underline:after{position:absolute;bottom:2px;left:0;right:0;height:1px;background-color:#043b72;content:''}
.popup-cs .link-underline > span{font-size:11px}

.full-popup[class*="popup-cs2"]{overflow-y:auto;padding-top:0}
.full-popup[class*="popup-cs2"] .popup-title{position:sticky;top:0;left:0;right:0;border-radius:15px 15px 0 0;background-color:#fff}
.full-popup[class*="popup-cs2"] .pop-close{top:0;right:0;width:54px;height:60px;padding:0;background-position:50% 50%;background-size:19px auto}
.popup-cs2 .tit-info{display:block;margin:10px 0 5px;font-size:13px;line-height:17px}
.popup-cs2 .list-info li{padding-left:10px;text-indent:-10px}
.popup-cs2 .list-info li + li{margin-top:15px}

.layer-popup.alret[class*="alert-cs"]{padding-top:30px;border-radius:3px}
.alert-cs .result-cont.quick{margin-top:0;padding-top:43px;background-image:url(/resource/mb/img/comm/ico_complete_70x70.svg);background-size:35px 35px}
.alert-cs .result-cont strong{line-height:22px;color:#f58220}
.alert-cs .result-cont p{font-size:16px;line-height:20px;color:#000}
.alert-cs .result-cont p > span{display:block;margin-top:10px;font-size:13px;line-height:17px;color:#666}
.alert-cs .pop-btm .btn-center{padding-top:30px}
.alert-cs .pop-btm button{width:100% !important}
/* 2024-09-09 상담예약 개선 끝 */

/* 2024-10-15 상품설명서 팝업 공통 소스 추가 시작 */
.popup_agreement{overflow-y:scroll;position:fixed;top:0;left:0;z-index:13;width:100%;min-width:320px;height:100%;padding:50px 0;background-color:#fff}
.popup_agreement header{overflow:hidden;position:fixed;top:0;left:0;right:0;z-index:5000;min-height:50px;background-color:#fff}
.popup_agreement header .tit{display:block;font-weight:500;font-size:16px;line-height:50px;color:#000;text-align:center}
.popup_agreement header .btn_close{position:absolute;top:0;right:0;width:53px;height:50px;border:0 none;background-color:transparent;cursor:pointer}
.popup_agreement header .btn_close .ico_g{display:block;overflow:hidden;width:13px;height:13px;margin:0 auto;font-size:1px;line-height:0;color:transparent;background:url(/resource/mb/img/newcommon/ico_close.svg) 0 0 no-repeat;background-size:100% auto}
.popup_agreement .cont{height:100%;padding:0}
.popup_agreement .wrap_webview{height:100%}
.popup_agreement .wrap_webview iframe{display:block;width:100%;height:100%}
.popup_agreement .fixed_btn{position:fixed;bottom:0;left:0;right:0;z-index:5000;background-color:#fff}
.popup_agreement .fixed_btn button{display:block;width:100%;height:50px;font-size:15px;line-height:50px;color:#fff;background-color:#f58220}
/* 2024-10-15 상품설명서 팝업 공통 소스 추가 끝 */

/* toast */
.toast-Div {
	position: fixed;
	width: 100%;
	bottom: 100px;
	text-align: center;
	z-index: 9999;
  }
.toast-Div .toast-Span {
	background-color: rgba(32, 32, 32, 0.7);
	border-radius: 6px;
	color: #fff;
	padding: 20px;
	margin: 20px;
	box-shadow: rgb(34, 34, 34) 3px 3px 8px;
	font-size: 16px;
	white-space: pre-line;
	display: inline-block;
	word-break: break-all;
  }


/*loading bar*/
.sk-circle {
	margin: 300px auto 0;
	width: 120px;
	height: 120px;
	position: relative;
  }
  .sk-circle .sk-child {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
  }
  .sk-circle .sk-child:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	
	border-radius: 100%;
	-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
			animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  }
  
  .sk-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
		-ms-transform: rotate(30deg);
			transform: rotate(30deg); }
  .sk-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
		-ms-transform: rotate(60deg);
			transform: rotate(60deg); }
  .sk-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
			transform: rotate(90deg); }
  .sk-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
		-ms-transform: rotate(120deg);
			transform: rotate(120deg); }
  .sk-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
		-ms-transform: rotate(150deg);
			transform: rotate(150deg); }
  .sk-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
			transform: rotate(180deg); }
  .sk-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
		-ms-transform: rotate(210deg);
			transform: rotate(210deg); }
  .sk-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
		-ms-transform: rotate(240deg);
			transform: rotate(240deg); }
  .sk-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
			transform: rotate(270deg); }
  .sk-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
		-ms-transform: rotate(300deg);
			transform: rotate(300deg); }
  .sk-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
		-ms-transform: rotate(330deg);
			transform: rotate(330deg); }
.sk-circle .sk-circle1:before {
	background-color: #f58220;
}
.sk-circle .sk-circle2:before {
	background-color: #ff9e4b;
	-webkit-animation-delay: -1.1s;
    		animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
	background-color: #ffbb72;
	-webkit-animation-delay: -1s;
		animation-delay: -1s; }
.sk-circle .sk-circle4:before {
	background-color: #ffd7a5;
	-webkit-animation-delay: -0.9s;
		animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
background-color: #ffe8c3;
-webkit-animation-delay: -0.8s;
		animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
background-color: #fff2d9;
-webkit-animation-delay: -0.7s;
		animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
background-color: #fff8e4;
-webkit-animation-delay: -0.6s;
		animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
background-color: #f58220;
-webkit-animation-delay: -0.5s;
		animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
background-color: #ff9e4b;
-webkit-animation-delay: -0.4s;
		animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
	background-color: #ffbb72;
	-webkit-animation-delay: -0.3s;
		animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
	background-color: #ffd7a5;
	-webkit-animation-delay: -0.2s;
		animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
background-color: #ffe8c3;
-webkit-animation-delay: -0.1s;
		animation-delay: -0.1s; }
  
  @-webkit-keyframes sk-circleBounceDelay {
	0%, 80%, 100% {
	  -webkit-transform: scale(0);
			  transform: scale(0);
	} 40% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
  }
  
  @keyframes sk-circleBounceDelay {
	0%, 80%, 100% {
	  -webkit-transform: scale(0);
			  transform: scale(0);
	} 40% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
  }