@charset "UTF-8";
@font-face {
	font-family: 'malgun';
	src: url("../fonts/malgun.ttf") format("truetype"), url("../fonts/malgun.woff") format("woff"), url("../fonts/malgun.woff2") format("woff2"), url("../fonts/malgun.svg") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: 'malgun';
	src: url("../fonts/malgunbd.ttf") format("truetype"), url("../fonts/malgunbd.woff") format("woff"), url("../fonts/malgunbd.woff2") format("woff2"), url("../fonts/malgunbd.svg") format("svg");
	font-weight: bold;
	font-style: normal;
	font-display: block;
}
/**********************************************************************************
reset
***********************************************************************************/
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-style: normal;
	font-family: "malgun", "맑은고딕", Dotum, Arial, sans-serif;
}
/**********************************************************************************
common
***********************************************************************************/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html, body {
	height: 100%;
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	-webkit-text-size-adjust: none;
	margin: 0;
	font: 14px/1.4 "malgun", "맑은고딕", Dotum, Arial, sans-serif;
	color: #1e1e1e;
}
body, button, select, input, textarea, table {
	font-family: "malgun", "맑은고딕", Dotum, Arial, sans-serif;
}
body.bodyfixed {
	overflow: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}
a {
	color: #1e1e1e;
}
embed, object {
	position: absolute;
}
button {
	padding: 0;
	margin: 0;
	vertical-align: top;
	cursor: pointer;
	background-color: transparent;
	border: 0;
}
img {
	vertical-align: top;
}
input[type="submit"] {
	cursor: pointer;
}
select::-ms-expand {
	display: none;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
button, input, select, textarea {
	display: inline-block;
	margin: 0;
	font-size: 100%;
	vertical-align: top;
}
strong {
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6, pre {
	font-weight: normal;
	font-size: 100%;
}
legend, caption, .blind {
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip: rect(1px 1px 1px 1px);
	word-break: initial;
	word-wrap: initial;
}
a, a:active, a:focus, a:hover, a:link, a:visited {
	text-decoration: none;
}
a.disabled,
button[disabled] {
	pointer-events: none;
	cursor: default;
}
input {
	/* -webkit-appearance: none; */
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	-webkit-appearance: none;
}
input::-ms-clear {
	display: none;
}
a:focus, button:focus, input:focus, textarea:focus, select:focus {
	outline: none;
}
.skipnav {
	width: 100%;
}
.skipnav a {
	color: #fff;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	overflow: hidden;
	text-align: center;
	width: 1px;
}
.skipnav a:focus, #accessibility a:active {
	background: #0054a6;
	height: auto;
	padding: 5px 0;
	width: 100%;
}
.block {
	display: block !important;
}
.ib {
	display: inline-block !important;
}
.flex-row-ac {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
}
.mgt5 {
	margin-top: 5px !important;
}
.mgt10 {
	margin-top: 10px !important;
}
.mgt15 {
	margin-top: 15px !important;
}
.mgt20 {
	margin-top: 20px !important;
}
.mgt30 {
	margin-top: 30px !important;
}
.mgt40 {
	margin-top: 40px !important;
}
.mgr5 {
	margin-right: 5px !important;
}
.mgr15 {
	margin-right: 15px !important;
}
.mgb10 {
	margin-bottom: 10px !important;
}
.mgb5 {
	margin-bottom: 5px !important;
}
.mgl5 {
	margin-left: 5px !important;
}
.mgl10 {
	margin-left: 10px !important;
}
.mgl15 {
	margin-left: 15px !important;
}
.mgl40 {
	margin-left: 40px !important;
}
.mgl55 {
	margin-left: 55px !important;
}
.mtauto {
	margin-top: auto !important;
}
.mrauto {
	margin-right: auto !important;
}
.mbauto {
	margin-bottom: auto !important;
}
.mlauto {
	margin-left: auto !important;
}
.al {
	text-align: left !important;
}
.ar {
	text-align: right !important;
}
.ac {
	text-align: center !important;
}
.vt {
	vertical-align: top !important;
}
.vm {
	vertical-align: middle !important;
}
.vb {
	vertical-align: bottom !important;
}
.w70 {
	width: 70px !important;
}
.w80 {
	width: 80px !important;
}
.w90 {
	width: 90px !important;
}
.w100 {
	width: 100px !important;
}
.w120 {
	width: 120px !important;
}
.w125 {
	width: 125px !important;
}
.w130 {
	width: 130px !important;
}
.w150 {
	width: 150px !important;
}
.w160 {
	width: 160px !important;
}
.w170 {
	width: 170px !important;
}
.w180 {
	width: 180px !important;
}
.w200 {
	width: 200px !important;
}
.w250 {
	width: 250px !important;
}
.w260 {
	width: 260px !important;
}
.w270 {
	width: 270px !important;
}
.w280 {
	width: 280px !important;
}
.w300 {
	width: 300px !important;
}
.w320 {
	width: 320px !important;
}
.w330 {
	width: 330px !important;
}
.w340 {
	width: 340px !important;
}
.w400 {
	width: 400px !important;
}
.w440 {
	width: 440px !important;
}
.w640 {
	width: 640px !important;
}
.w740 {
	width: 740px !important;
}
.w90p {
	width: 90% !important;
}
.m-w60 {
	min-width: 60px !important;
}
.m-w70 {
	min-width: 70px !important;
}
.mx-w80p {
	max-width: 80% !important;
}
.w-flex {
	flex: 1 !important;
}
.w-flex-auto {
	flex: auto !important;
}
.tx-ellipsis {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: normal;
	display: inherit;
	height: auto;
	max-height: none;
	-webkit-box-orient: inherit;
	-webkit-line-clamp: inherit;
	display: block;
}
.inline-ellipsis {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: normal;
	display: inherit;
	height: auto;
	max-height: none;
	-webkit-box-orient: inherit;
	-webkit-line-clamp: inherit;
	display: inline-block;
	vertical-align: middle;
	max-width: none;
}
.tx-error {
	color: #ed5565;
}
.tx-red {
	color: #ed5565;
}
.tx-red-dark {
	color: #ed5565;
}
.tx-gray {
	color: #666;
}
.tx-gray2 {
	color: #999;
}
.tx-gray3 {
	color: #555459;
}
.tx-blue {
	color: #148ee5;
}
.tx-line {
	text-decoration: underline;
	text-underline-position: under;
}
.icon, .forgery-verification .box .file-upload a::before, .forgery-verification .box .file-upload a::after {
	display: inline-block;
	vertical-align: middle;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.icon.icon-document, .forgery-verification .box .file-upload a::before, .forgery-verification .box .file-upload a.icon-document::after {
	width: 18px;
	height: 23px;
	background-image: url(../images/common/icon-document.png);
}
.icon.icon-info, .forgery-verification .box .file-upload a.icon-info::before, .forgery-verification .box .file-upload a.icon-info::after {
	width: 24px;
	height: 24px;
	background-image: url(../images/common/icon-info.png);
}
.icon.icon-file, .forgery-verification .box .file-upload a.icon-file::before, .forgery-verification .box .file-upload a.icon-file::after {
	width: 16px;
	height: 20px;
	background-image: url(../images/common/icon-file.png);
}
.icon.icon-del, .forgery-verification .box .file-upload a.icon-del::before, .forgery-verification .box .file-upload a.icon-del::after {
	width: 18px;
	height: 18px;
	background-image: url(../images/common/icon-x.png);
}
.icon.icon-clip, .forgery-verification .box .file-upload a.icon-clip::before, .forgery-verification .box .file-upload a.icon-clip::after {
	width: 18px;
	height: 18px;
	background-image: url(../images/common/icon-clip.png);
}
.icon.ui-arr-next, .forgery-verification .box .file-upload a.ui-arr-next::before, .forgery-verification .box .file-upload a.ui-arr-next::after {
	width: 20px;
	height: 20px;
	background-image: url(../images/common/ui-arrow-next.png);
}
.icon.icon-new, .forgery-verification .box .file-upload a.icon-new::before, .forgery-verification .box .file-upload a.icon-new::after {
	width: 14px;
	height: 14px;
	background-image: url(../images/common/icon-new.png);
}
.icon.icon-lock, .forgery-verification .box .file-upload a.icon-lock::before, .forgery-verification .box .file-upload a.icon-lock::after {
	width: 14px;
	height: 14px;
	background-image: url(../images/common/icon-lock.png);
}
.icon.icon-pen, .forgery-verification .box .file-upload a.icon-pen::before, .forgery-verification .box .file-upload a.icon-pen::after {
	width: 17px;
	height: 17px;
	background-image: url(../images/common/icon-pen.png);
}
.icon.icon-reset, .forgery-verification .box .file-upload a.icon-reset::before, .forgery-verification .box .file-upload a.icon-reset::after {
	width: 16px;
	height: 19px;
	background-image: url(../images/common/icon-reset.png);
}
.icon.icon-certification, .forgery-verification .box .file-upload a.icon-certification::before, .forgery-verification .box .file-upload a.icon-certification::after {
	width: 18px;
	height: 18px;
	background-image: url(../images/common/icon-certification.png);
}
.icon.icon-check, .forgery-verification .box .file-upload a.icon-check::before, .forgery-verification .box .file-upload a.icon-check::after {
	width: 16px;
	height: 16px;
	background-image: url(../images/common/icon-check.png);
}
.icon.icon-delete, .forgery-verification .box .file-upload a.icon-delete::before, .forgery-verification .box .file-upload a::after {
	width: 11px;
	height: 10px;
	background-image: url(../images/common/icon-delete.png);
}
.icon.icon-cloud, .forgery-verification .box .file-upload a.icon-cloud::before, .forgery-verification .box .file-upload a.icon-cloud::after {
	width: 49px;
	height: 60px;
	background-image: url(../images/common/icon-cloud.png);
}
.icon.icon-verify, .forgery-verification .box .file-upload a.icon-verify::before, .forgery-verification .box .file-upload a.icon-verify::after {
	width: 80px;
	height: 80px;
	background-image: url(../images/common/icon-verify.png);
}
.icon.icon-verify2, .forgery-verification .box .file-upload a.icon-verify2::before, .forgery-verification .box .file-upload a.icon-verify2::after {
	width: 100px;
	height: 100px;
	background-image: url(../images/common/icon-verify2.png);
}
.icon.icon-history, .forgery-verification .box .file-upload a.icon-history::before, .forgery-verification .box .file-upload a.icon-history::after {
	width: 28px;
	height: 28px;
	background-image: url(../images/common/icon-history.png);
}
.ui-tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	border-bottom: 2px solid #3daaf7;
}
.ui-tab button {
	min-width: 100px;
	height: 30px;
	padding: 0 15px;
	border: 1px solid #e1e2e6;
	background-color: #f3f4f7;
	text-align: center;
	color: #333;
	line-height: 25px;
}
.ui-tab button + button {
	border-left: none;
}
.ui-tab button.active, .ui-tab button:hover {
	border-color: #3daaf7;
	background-color: #3daaf7;
	color: #fff;
}
.slideContainer {
	overflow: hidden;
}
.swiper-wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.swiper-wrapper .swiper-slide {
	width: 100%;
	flex-shrink: 0;
}
.btn {
	display: inline-block;
	min-width: 60px;
	height: 30px;
	line-height: 25px;
	padding: 0 10px 5px;
	font-size: 14px;
	border-radius: 3px;
	text-align: center;
}
.btn-white {
	background-color: #fff;
	border: 1px solid #7a7e85;
}
.btn-gray {
	border: 1px solid #7c808b;
	background-color: #7c808b;
	color: #fff;
}
.btn-blue {
	border: 1px solid #2a85c5;
	background-color: #148ee5;
	color: #fff;
}
.btn:disabled, .btn.disabled {
	background-color: #f6f6f6;
	border-color: #e1e2e6;
	color: #666;
	pointer-events: none;
}
.btn-text {
	font-size: 16px;
	font-weight: 700;
}
.btn-text.blue {
	color: #0f67c8;
}
.btn-file-upload {
	position: relative;
}
.btn-file-upload input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	font-size: 0;
	opacity: 0;
	cursor: pointer;
}
.btn-file-upload input::file-selector-button {
	display: none;
}
label.inp {
	display: block;
	position: relative;
}
label.inp input {
	display: block;
	width: 100%;
	height: 30px;
	padding: 3px 10px 6px;
	outline: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 3px;
	border: 1px solid #c2c4ca;
	color: #1e1e1e;
}
label.inp input:focus {
	color: #1e1e1e;
}
label.inp input::placeholder {
	color: #999;
}
label.inp.inp-error input {
	border-color: #ed5565;
}
label.inp.inp-error + .msg-error {
	display: block;
	margin-top: 5px;
	color: #ed5565;
	font-size: 12px;
}
.msg-error {
	display: block;
	margin-top: 5px;
	color: #ed5565;
	font-size: 12px;
}
.msg-success {
	display: block;
	margin-top: 5px;
	color: blue;
	font-size: 12px;
}
.inp-file {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.inp-file .inp {
	width: 100%;
	height: 30px;
	padding: 3px 10px 6px;
	outline: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 3px;
	border: 1px solid #c2c4ca;
	color: #1e1e1e;
}
.inp-file input[type="file"]::file-selector-button {
	display: none;
}
.inp-file input[type="file"] {
	display: block;
	width: 100%;
	height: 100%;
}
.inp-file .tx-file {
	margin-left: 10px;
}
select {
	padding: 0 10px;
	border: 1px solid #c2c4ca;
	border-radius: 3px;
	width: 100%;
	height: 30px;
	color: #1e1e1e;
	cursor: pointer;
}
select:hover, select:focus {
	border-color: #1e1e1e;
}
select[disabled] {
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: default;
	user-select: none;
	background: #f3f4f7;
}
select[disabled]:hover, select[disabled]:focus {
	border-color: #c2c4ca;
}
label.select {
	display: block;
	height: 30px;
}
.date-picker {
	display: inline-block;
	overflow: hidden;
	position: relative;
	height: 30px;
	padding-right: 33px;
	border: 1px solid #c2c4ca;
	border-radius: 3px;
	background-color: #fff;
}
.date-picker .icon-date {
	position: absolute;
	top: 0;
	right: 0;
	width: 33px;
	height: 28px;
	border-left: 1px solid #c2c4ca;
	text-align: center;
}
.date-picker .icon-date:before {
	display: inline-block;
	overflow: hidden;
	width: 17px;
	height: 16px;
	margin-top: 6px;
	background: url("../images/common/icon-calendar.png") 0 0 no-repeat;
	content: '';
}
.date-picker .form-control {
	width: 100%;
	height: 28px;
	padding: 5px 10px 6px;
	line-height: 29px;
	border: none;
	background: #fff;
	color: #1e1e1e;
	outline: 0;
}
.date-picker .form-control::-webkit-input-placeholder,
.date-picker .form-control::placeholder {
	color: #999;
}
.date-picker-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
}
.date-text {
	margin: 0 5px;
}
label.rdo {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 0;
}
label.rdo i.ico {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	border: 1px solid #c2c4ca;
	border-radius: 50%;
	background: #fff;
}
label.rdo i.ico + span {
	display: inline-block;
	margin-left: 5px;
	font-size: 14px;
	line-height: 18px;
}
label.rdo input {
	visibility: hidden;
	width: 1px;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
}
label.rdo input:checked + i.ico {
	border-color: #148ee5;
}
label.rdo input:checked + i.ico:before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 10px;
	height: 10px;
	background: #148ee5;
	border-radius: 100%;
	content: '';
}
label.rdo input:disabled + i.ico {
	background: #f3f4f7;
}
label.rdo input:disabled ~ span {
	color: #999;
}
label.chk {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 0;
}
label.chk i.ico {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	border: 1px solid #c2c4ca;
	border-radius: 3px;
	background: #fff;
}
label.chk i.ico + span {
	display: inline-block;
	margin-left: 5px;
	font-size: 14px;
	line-height: 18px;
}
label.chk input {
	visibility: hidden;
	width: 1px;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
}
label.chk input:checked + i.ico {
	border-color: #148ee5;
	background: #fff;
}
label.chk input:checked + i.ico:before {
	position: absolute;
	left: 6px;
	top: 1px;
	width: 7px;
	height: 13px;
	transform: rotate(-135deg);
	display: block;
	border-width: 2px 0 0 2px;
	border-style: solid;
	border-color: #148ee5;
	content: '';
}
label.chk input:disabled + i.ico {
	background: #f3f4f7;
}
label.chk input:disabled ~ span {
	color: #999;
}
.textarea {
	width: 100%;
	min-height: 100px;
	padding: 5px 10px 5px;
	outline: none;
	border-radius: 3px;
	border: 1px solid #c2c4ca;
	resize: none;
}
.textarea:focus {
	color: #1e1e1e;
}
.textarea::placeholder {
	color: #999;
}
.search-box {
	padding: 20px 15px 20px 20px;
	background-color: #f3f4f7;
}
.search-box .center-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
}
.search-box .center-wrap .items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
	column-gap: 6px;
}
.search-box .column-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	flex-direction: column;
	row-gap: 10px;
}
.search-box .column-wrap .items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
	column-gap: 5px;
	flex: 1;
}
.search-box .column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
}
.search-box .title {
	margin-right: 10px;
}
.search-box .btn-search {
	position: relative;
}
.search-box .btn-search .icon-search {
	position: absolute;
	top: 7px;
	left: 16px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 16px;
	height: 16px;
	background: url(../images/common/icon-search.png) 0 0 no-repeat;
}
.search-box .btn-search .icon-search + .btn {
	padding: 0 10px 5px 38px;
	text-align: left;
}
.search-box .btn-search .btn {
	min-width: 80px;
}
.search-box + .tbl-wrap {
	margin-top: 20px;
}
.tbl-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
}
.tbl-info .tbl-title .title {
	display: inline-block;
	color: #333;
}
.tbl-info .tbl-title .num {
	color: #ff6769;
}
.tbl-info + .tbl {
	margin-top: 6px;
}
.tbl-util {
	font-size: 0;
}
.tbl-util .btn {
	margin-left: 6px;
}
.tbl-util:first-of-type {
	width: 100%;
	text-align: right;
}
.tbl {
	border-top: 2px solid #148ee5;
}
.tbl + .tbl-info {
	margin-top: 20px;
}
.tbl table {
	width: 100%;
}
.tbl table thead th,
.tbl table tbody td,
.tbl table tfoot td {
	height: 40px;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #e1e2e6;
	word-break: break-all;
}
.tbl table thead th:first-child,
.tbl table tbody td:first-child,
.tbl table tfoot td:first-child {
	border-left: none;
}
.tbl table thead th {
	padding: 10px 5px 12px;
	background-color: #f3f4f7;
}
.tbl table tbody {
	border-bottom: 1px solid #e1e2e6;
}
.tbl table tbody th {
	background-color: #f3f4f7;
	border-bottom: 1px solid #e1e2e6;
}
.tbl table tbody tr:last-child th, .tbl table tbody tr:last-child td {
	border-bottom: none;
}
.tbl table td {
	padding: 5px 0 5px;
}
.tbl .btn-view {
	text-decoration: underline;
	text-underline-position: under;
}
.tbl select, .tbl .select {
	text-align: left;
}
.tbl .required {
	position: relative;
}
.tbl .required::before {
	position: absolute;
	top: 3px;
	left: -10px;
	width: 10px;
	color: #ed5565;
	content: '*';
}
.tbl .td-in {
	padding: 0 10px;
}
.tbl .noread {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 10px;
	background-color: #ef2c30;
}
.tbl .view-content {
	padding: 10px 0;
	line-height: 24px;
}
.tbl .subject {
	display: block;
}
.tbl .subject .text {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: normal;
	display: inherit;
	height: auto;
	max-height: none;
	-webkit-box-orient: inherit;
	-webkit-line-clamp: inherit;
	max-width: 90%;
	vertical-align: middle;
	display: inline-block;
}
.tbl .total, .tbl .total td {
	background-color: #fffaec;
}
.tbl .answer-area {
	padding: 15px 0;
	line-height: 24px;
}
.tbl .icon-file-clip {
	padding-top: 3px;
	width: 28px;
	height: 28px;
	border: 1px solid #e1e2e6;
	border-radius: 3px;
	background-color: #f6f6f6;
}
.tbl .tbl-list td {
	text-align: center;
}
.tbl .tbl-list .al {
	padding-left: 15px;
	padding-right: 15px;
}
.tbl .tbl-detail tbody th {
	padding-left: 25px;
	text-align: left;
}
.tbl .tbl-detail tbody td {
	padding-left: 15px;
	padding-right: 10px;
}
.tbl .tbl-view thead th {
	text-align: left;
	padding-left: 20px;
}
.tbl .tbl-view tbody th {
	position: relative;
	background: #fff;
	padding-right: 20px;
	padding-left: 20px;
	text-align: left;
}
.tbl .tbl-view tbody th::after {
	position: absolute;
	top: 10px;
	right: 0;
	width: 1px;
	height: calc(100% - 20px);
	border-right: 1px solid #e1e2e6;
	content: '';
}
.tbl .tbl-view tbody td {
	border-left: none;
	padding: 10px 20px;
}
.tbl .scrolltbody {
	display: block;
}
.tbl .scrolltbody tbody {
	display: block;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 410px;
}
.tbl .scrolltbody.column5 tbody {
	max-height: 200px;
}
.tbl .scrolltbody .tx-ellipsis {
	display: table;
	table-layout: fixed;
	width: 100%;
	white-space: nowrap;
}
.tbl .scrolltbody .tx-ellipsis .ellipsis {
	display: table-cell;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tbl-move li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #e1e2e6;
}
.tbl-move li .title {
	width: 125px;
	padding: 0 45px 0 20px;
	color: #666;
}
.tbl-move li .title::after {
	display: inline-block;
	margin-left: 20px;
	width: 10px;
	height: 6px;
	background: url(../images/common/ui-arr-paging.png) 0 0 no-repeat;
	content: '';
}
.tbl-move li .title.next::after {
	transform: rotate(180deg);
}
.tbl-move li .text {
	width: calc(100% - 125px);
	padding-right: 20px;
}
.tbl-move li .text a {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: normal;
	display: inherit;
	height: auto;
	max-height: none;
	-webkit-box-orient: inherit;
	-webkit-line-clamp: inherit;
	display: block;
}
.list-wrap {
	margin-top: 10px;
	border-top: 1px solid #e1e2e6;
}
.list-wrap .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 1px solid #e1e2e6;
	padding: 20px 0;
}
.list-wrap .list .choose {
	width: 60px;
	text-align: center;
}
.list-wrap .list .state {
	width: 80px;
}
.list-wrap .list .state .status {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 80px;
	height: 80px;
	border-radius: 5px;
	padding: 0 5px;
	text-align: center;
	word-break: keep-all;
}
.list-wrap .list .state .status span {
	display: block;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
}
.list-wrap .list .state .status .icon.icon-complete, .list-wrap .list .state .status .forgery-verification .box .file-upload a.icon-complete::before, .forgery-verification .box .file-upload .list-wrap .list .state .status a.icon-complete::before, .list-wrap .list .state .status .forgery-verification .box .file-upload a.icon-complete::after, .forgery-verification .box .file-upload .list-wrap .list .state .status a.icon-complete::after {
	margin-bottom: 10px;
	width: 24px;
	height: 24px;
	background: url(../images/common/icon-contract-complete.png) 0 50% no-repeat;
}
.list-wrap .list .state .status .icon.icon-ing, .list-wrap .list .state .status .forgery-verification .box .file-upload a.icon-ing::before, .forgery-verification .box .file-upload .list-wrap .list .state .status a.icon-ing::before, .list-wrap .list .state .status .forgery-verification .box .file-upload a.icon-ing::after, .forgery-verification .box .file-upload .list-wrap .list .state .status a.icon-ing::after {
	margin-bottom: 10px;
	width: 24px;
	height: 24px;
	background: url(../images/common/icon-contract-ing.png) 0 50% no-repeat;
}
.list-wrap .list .state .status .icon.icon-return, .list-wrap .list .state .status .forgery-verification .box .file-upload a.icon-return::before, .forgery-verification .box .file-upload .list-wrap .list .state .status a.icon-return::before, .list-wrap .list .state .status .forgery-verification .box .file-upload a.icon-return::after, .forgery-verification .box .file-upload .list-wrap .list .state .status a.icon-return::after {
	margin-bottom: 10px;
	width: 24px;
	height: 24px;
	background: url(../images/common/icon-contract-return.png) 0 50% no-repeat;
}
.list-wrap .list .state .status .icon.icon-ing-return, .list-wrap .list .state .status .forgery-verification .box .file-upload a.icon-ing-return::before, .forgery-verification .box .file-upload .list-wrap .list .state .status a.icon-ing-return::before, .list-wrap .list .state .status .forgery-verification .box .file-upload a.icon-ing-return::after, .forgery-verification .box .file-upload .list-wrap .list .state .status a.icon-ing-return::after {
	margin-bottom: 10px;
	width: 24px;
	height: 24px;
	background: url(../images/common/icon-contract-ing-return.png) 0 50% no-repeat;
}
.list-wrap .list .state .status .icon.status-complete, .list-wrap .list .state .status .forgery-verification .box .file-upload a.status-complete::before, .forgery-verification .box .file-upload .list-wrap .list .state .status a.status-complete::before, .list-wrap .list .state .status .forgery-verification .box .file-upload a.status-complete::after, .forgery-verification .box .file-upload .list-wrap .list .state .status a.status-complete::after {
	margin-bottom: 5px;
	width: 32px;
	height: 30px;
	background: url(../images/common/status-complete.png) 0 50% no-repeat;
}
.list-wrap .list .state .status .icon.status-ing, .list-wrap .list .state .status .forgery-verification .box .file-upload a.status-ing::before, .forgery-verification .box .file-upload .list-wrap .list .state .status a.status-ing::before, .list-wrap .list .state .status .forgery-verification .box .file-upload a.status-ing::after, .forgery-verification .box .file-upload .list-wrap .list .state .status a.status-ing::after {
	margin-bottom: 5px;
	width: 32px;
	height: 30px;
	background: url(../images/common/status-ing.png) 0 50% no-repeat;
}
.list-wrap .list .state .status .icon.status-return, .list-wrap .list .state .status .forgery-verification .box .file-upload a.status-return::before, .forgery-verification .box .file-upload .list-wrap .list .state .status a.status-return::before, .list-wrap .list .state .status .forgery-verification .box .file-upload a.status-return::after, .forgery-verification .box .file-upload .list-wrap .list .state .status a.status-return::after {
	margin-bottom: 5px;
	width: 32px;
	height: 30px;
	background: url(../images/common/status-return.png) 0 50% no-repeat;
}
.list-wrap .list .state .status .icon.status-ing-return, .list-wrap .list .state .status .forgery-verification .box .file-upload a.status-ing-return::before, .forgery-verification .box .file-upload .list-wrap .list .state .status a.status-ing-return::before, .list-wrap .list .state .status .forgery-verification .box .file-upload a.status-ing-return::after, .forgery-verification .box .file-upload .list-wrap .list .state .status a.status-ing-return::after {
	margin-bottom: 5px;
	width: 32px;
	height: 30px;
	background: url(../images/common/status-ing-return.png) 0 50% no-repeat;
}
.list-wrap .list .state .status .icon.status-expiration, .list-wrap .list .state .status .forgery-verification .box .file-upload a.status-expiration::before, .forgery-verification .box .file-upload .list-wrap .list .state .status a.status-expiration::before, .list-wrap .list .state .status .forgery-verification .box .file-upload a.status-expiration::after, .forgery-verification .box .file-upload .list-wrap .list .state .status a.status-expiration::after {
	margin-bottom: 5px;
	width: 32px;
	height: 30px;
	background: url(../images/common/status-expiration.png) 0 50% no-repeat;
}
.list-wrap .list .state .status .icon.status-request, .list-wrap .list .state .status .forgery-verification .box .file-upload a.status-request::before, .forgery-verification .box .file-upload .list-wrap .list .state .status a.status-request::before, .list-wrap .list .state .status .forgery-verification .box .file-upload a.status-request::after, .forgery-verification .box .file-upload .list-wrap .list .state .status a.status-request::after {
	margin-bottom: 5px;
	width: 32px;
	height: 30px;
	background: url(../images/common/status-request.png) 0 50% no-repeat;
}
.list-wrap .list .state .status.complete {
	background-color: #2976d5;
}
.list-wrap .list .state .status.ing {
	background-color: #555459;
}
.list-wrap .list .state .status.return {
	background-color: #cf3e3e;
}
.list-wrap .list .state .status.ing-return {
	background-color: #d57813;
}
.list-wrap .list .state .status.expiration {
	background-color: #865191;
}
.list-wrap .list .state .status.request {
	background-color: #53923a;
}
.list-wrap .list .cont {
	flex: 1;
	min-height: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: stretch;
	flex-direction: column;
	padding: 0 20px;
}
.list-wrap .list .cont .title {
	margin-top: 5px;
	font-weight: 700;
	word-break: keep-all;
}
.list-wrap .list .cont .date > span {
	margin-right: 10px;
	margin-top: 10px;
	display: inline-block;
	height: 24px;
	padding: 0 6px;
	border: 1px solid #c1c6cc;
	border-radius: 10px;
	background-color: #fff;
	line-height: 21px;
	font-size: 12px;
	color: #666;
}
.list-wrap .list .cont .date .bt span {
	border-color: #e1e2e6;
	background-color: #f6f6f6;
}
.list-wrap .list .cont .date .tx-red {
	color: #ef2c30;
}
.list-wrap .list .info {
	width: 205px;
}
.list-wrap .list .info li {
	color: #666;
	line-height: 24px;
}
.list-wrap .list .info li .price {
	font-size: 16px;
	color: #1e1e1e;
}
.list-wrap .list .info li .btn {
	min-width: 80px;
	height: 20px;
	line-height: 1;
}
.list-wrap .list .btns {
	width: 130px;
	padding: 0 10px;
}
.list-wrap .list .btns .btn {
	width: 100%;
	height: 34px;
	font-size: 12px;
	text-align: left;
	line-height: 31px;
}
.list-wrap .list .btns .btn + .btn {
	margin-top: 7px;
}
.list-wrap .list .btns .icon, .list-wrap .list .btns .forgery-verification .box .file-upload a::before, .forgery-verification .box .file-upload .list-wrap .list .btns a::before, .list-wrap .list .btns .forgery-verification .box .file-upload a::after, .forgery-verification .box .file-upload .list-wrap .list .btns a::after {
	margin-right: 5px;
}
.list-wrap .list:not(.selected):not(.complete) .btns .btn {
	border-color: #e1e2e6;
	background: #f6f6f6;
	color: #666;
}
.list-wrap .list.selected {
	background: #e3f0fb;
}
.list-wrap .list.selected .icon-clip, .list-wrap .list.complete .icon-clip {
	background-image: url(../images/common/icon-clip-light.png);
}
.list-wrap .list.selected .icon-pen, .list-wrap .list.complete .icon-pen {
	background-image: url(../images/common/icon-pen-light.png);
}
.list-wrap .list.selected .icon-certification, .list-wrap .list.complete .icon-certification {
	background-image: url(../images/common/icon-certification-light.png);
}
.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	column-gap: 4px;
	text-align: center;
}
.pagination a {
	padding: 0 8px;
	height: 24px;
	line-height: 20px;
	border: 1px solid #c2c4ca;
	border-radius: 3px;
	background-color: #fff;
	font-size: 12px;
}
.pagination a.btn-move {
	min-width: 24px;
}
.pagination a.btn-move::before {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 50%;
	background-repeat: no-repeat;
	content: '';
}
.pagination a.active, .pagination a:not(.btn-move):hover {
	border-color: #6a6d76;
	background-color: #7c808b;
	color: #fff;
}
.pagination a.first::before {
	background-image: url(../images/common/ui-paging-first.png);
}
.pagination a.prev::before {
	background-image: url(../images/common/ui-paging-prev.png);
}
.pagination a.next::before {
	background-image: url(../images/common/ui-paging-next.png);
}
.pagination a.last::before {
	background-image: url(../images/common/ui-paging-last.png);
}
.tbl-btm {
	margin-top: 33px;
}
.tbl-btm .pagination ~ .btn-area {
	margin-top: -24px;
	text-align: right;
}
.btn-area {
	text-align: center;
}
.tbl + .btn-area {
	margin-top: 20px;
}
.tbl + .btn-area .btn {
	margin: 0 3px;
}
.faq-wrap {
	margin-top: 34px;
}
.faq-list li {
	border-bottom: 1px solid #e1e2e6;
}
.faq-list .faq-q, .faq-list .faq-a {
	position: relative;
	padding: 10px 20px 15px 50px;
	width: 100%;
	min-height: 50px;
	vertical-align: top;
	line-height: 24px;
}
.faq-list .faq-q::before, .faq-list .faq-a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	content: '';
}
.faq-list .faq-q {
	display: block;
	text-align: left;
}
.faq-list .faq-q::before {
	background: url(../images/contents/icon-q.png) 50% no-repeat;
}
.faq-list .faq-a {
	display: none;
	border-top: 1px solid #e1e2e6;
	background-color: #fbfbfc;
}
.faq-list .faq-a::before {
	background: url(../images/contents/icon-re.png) 50% no-repeat;
}
.wrap {
	height: 100%;
}
/* s:header */
header.header {
	    z-index: 2;
    position: fixed;
    min-width: 1240px;
    height: 84px;
    border-bottom: 2px solid #0674d6;
    background-color: white;
    width: 100%;
}
header.header .header-inner {
	width: 1240px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
	align-self: flex-start;
}
header.header h1 {
	width: 210px;
}
header.header h1 a {
	display: block;
	width: 196px;
	height: 39px;
}
header.header h1 a:before {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/common/logo.png);
	content: '';
}
header.header .gnb {
	flex: 1;
}
header.header .gnb ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
header.header .gnb li {
	overflow: hidden;
	position: relative;
	width: calc(100% / 5);
}
header.header .gnb li > a {
	display: block;
	padding: 34px 0 22px;
	width: 100%;
	height: 82px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.05em;
	text-align: center;
}
header.header .gnb li.hover .sub-menu, header.header .gnb li:hover .sub-menu {
	background-color: #0674d6;
}
header.header .gnb li.hover .sub-menu > a, header.header .gnb li:hover .sub-menu > a {
	color: #fff;
}
header.header .gnb li.hover .sub-menu > a.active, header.header .gnb li.hover .sub-menu > a:hover, header.header .gnb li:hover .sub-menu > a.active, header.header .gnb li:hover .sub-menu > a:hover {
	background-color: #75dcff;
	color: #00294e;
}
header.header .gnb li.hover .sub-menu::after, header.header .gnb li:hover .sub-menu::after {
	position: absolute;
	top: -22px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 11px 9px;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #0674d6;
	content: '';
}
header.header .gnb .sub-menu {
	z-index: 90;
	position: absolute;
	top: 82px;
	left: 50%;
	transform: translateX(-50%);
	padding-top: 2px;
	width: 125px;
	opacity: 0;
	transition: opacity .6s;
}
header.header .gnb .sub-menu > a {
	display: block;
	padding: 10px;
	width: 100%;
	word-break: keep-all;
}
header.header .gnb .bg {
	z-index: 89;
	position: absolute;
	top: 84px;
	left: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 30px 30px #7272724c;
	opacity: 0;
	height: 0;
	transition: height .3s, opacity .3s;
}
header.header .gnb.open li {
	overflow: visible;
}
header.header .gnb.open .sub-menu {
	opacity: 1;
}
header.header .gnb.open .bg {
	height: 260px;
	opacity: 1;
}
header.header .util {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
	margin-top: 9px;
	margin-left: auto;
}
header.header .util > a {
	margin-left: 10px;
}
header.header .util a {
	display: inline-block;
}
header.header .util .btn-verify, header.header .util .btn-wallet {
	padding: 0 6px;
	height: 32px;
	font-size: 13px;
	line-height: 27px;
	border-radius: 3px;
	letter-spacing: -0.05em;
}
header.header .util .btn-verify {
	color: #0674d6;
	border: 1px solid #0674d6;
}
header.header .util .btn-wallet {
	color: #1e1e1e;
	border: 1px solid #e1e2e4;
	background-color: #f3f4f8;
}
header.header .util .member {
	    margin-left: 0;
    /* position: absolute; */
    top: -25px;
    right: 0;
    font-size: 0;
    width: 102px;
    text-align: right;
}
header.header .util .member a {
	font-size: 12px;
	color: #000;
}
header.header .util .member a:nth-child(n + 2)::before {
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px;
	width: 1px;
	height: 12px;
	border-left: 1px solid #cdcfd5;
	content: '';
}
header.header.corporate .gnb li {
	width: calc(100% / 6);
}
/* //e:header */
/* s:container */
.wrap .container {
	width: 1240px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding-top: 15px;
	min-height: calc(100% - 84px - 145px);
}
/* //e:container */
/* s:lnb */
.lnb {
	position: relative;
	width: 210px;
	padding-bottom: 100px;
}
.lnb::before, .lnb::after {
	position: absolute;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #e1e2e6;
	content: '';
}
.lnb:before {
	left: 0;
}
.lnb::after {
	right: 0;
}
.lnb .lnb-inner {
	z-index: 1;
	position: relative;
	width: 100%;
	background-color: #fff;
}
.lnb h2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	height: 80px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #0674d6;
	border-radius: 7px 7px 0 0;
}
.lnb .lnb-menu {
	border-bottom: 1px solid #e1e2e6;
}
.lnb .lnb-menu > li {
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #e1e2e6;
}
.lnb .lnb-menu > li > a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	padding: 10px 19px 10px 22px;
	font-size: 14px;
}
.lnb .lnb-menu > li .sub-mebu {
	display: none;
	padding: 8px 0 10px;
	background: #fff;
}
.lnb .lnb-menu > li .sub-mebu a {
	position: relative;
	display: block;
	padding: 5px 0 6px 30px;
	width: 100%;
}
.lnb .lnb-menu > li .sub-mebu a::before {
	display: block;
	position: absolute;
	top: 15px;
	left: 20px;
	width: 4px;
	height: 1px;
	background-color: #1e1e1e;
	content: '';
}
.lnb .lnb-menu > li .sub-mebu a.active, .lnb .lnb-menu > li .sub-mebu a:hover {
	color: #148ee5;
}
.lnb .lnb-menu > li .sub-mebu a.active::before, .lnb .lnb-menu > li .sub-mebu a:hover::before {
	background-color: #148ee5;
}
.lnb .lnb-menu > li.depth > a::after {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(../images/common/icon-lnb-depth.png) 0 0 no-repeat;
	content: '';
}
.lnb .lnb-menu > li.open > a::after {
	width: 8px;
	height: 2px;
	background: #aeafb1;
}
.lnb .lnb-menu > li.open .sub-mebu {
	display: block;
}
.lnb .lnb-menu > li.active {
	border: none;
}
.lnb .lnb-menu > li.active > a {
	background-color: #148ee5;
	color: #fff;
}
.lnb .lnb-menu > li.active .sub-mebu {
	border-width: 0 1px;
	border-style: solid;
	border-color: #e1e2e6;
}
.lnb .lnb-menu > li.active.depth.open a::after {
	width: 8px;
	height: 2px;
	background: #fff;
}
.lnb .lnb-menu > li:last-child .sub-mebu {
	padding-bottom: 100px;
}
/* //e :lnb */
/* s:cotent */
.lnb + .contents {
	width: 1000px;
}
.contents {
	width: 100%;
	padding-bottom: 100px;
}
.contents .sub-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 18px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #c2c4ca;
}
.contents .sub-title h3 {
	font-size: 25px;
	line-height: 29px;
}
.contents .sub-title .location {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	font-size: 12px;
}
.contents .sub-title .location span {
	color: #999;
}
.contents .sub-title .location span::after {
	margin: 0 5px;
	content: '>';
}
/* //e:cotent */
/* s:footer */
.footer {
	width: 100%;
	min-width: 1240px;
	border-top: 2px solid #d2d2d2;
	background-color: #f3f4f7;
}
.footer .footer-inner {
	width: 1240px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 20px 0;
}
.footer h1 {
	width: 115px;
	height: 23px;
	background: url(../images/common/footer-logo.png);
}
.footer .foot-content {
	margin-left: 30px;
	margin-right: 130px;
}
.footer .foot-content .nav {
	margin-bottom: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
}
.footer .foot-content .nav a, .footer .foot-content .nav span {
	font-size: 14px;
	color: #1e1e1e;
}
.footer .foot-content .nav a::after {
	display: inline-block;
	margin: 0 9px;
	width: 1px;
	height: 12px;
	background-color: #ddd;
	content: '';
}
.footer .foot-content p {
	color: #666;
	font-size: 12px;
	line-height: 22px;
}
.footer .outlink-wrap {
	margin-left: auto;
}
.footer .outlink-wrap .select-box {
	column-gap: 10px;
}
.footer .outlink-wrap .select .selectric .label,
.footer .outlink-wrap .select .selectric-items li {
	font-size: 12px;
	color: #666;
	line-height: 22px;
}
.footer .outlink-wrap .outlink {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	column-gap: 10px;
}
.footer .outlink-wrap .links {
	position: relative;
}
.footer .outlink-wrap .links.link2 {
	width: 150px;
}
.footer .outlink-wrap .links > a {
	display: block;
	padding: 2px 30px 3px 10px;
	min-width: 120px;
	height: 24px;
	border: 1px solid #c2c4ca;
	background-color: #fff;
	font-size: 12px;
	color: #666;
}
.footer .outlink-wrap .links > a::after {
	position: absolute;
	top: 7px;
	right: 9px;
	display: inline-block;
	width: 14px;
	height: 8px;
	background: url(../images/common/arr-footer.png) 0 0 no-repeat;
	content: '';
}
.footer .outlink-wrap .links ul {
	opacity: 0;
	height: 0;
	position: absolute;
	left: 0;
	bottom: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	flex-direction: column-reverse;
	width: 100%;
	border: 1px solid #c2c4ca;
	border-bottom: none;
	background-color: #fff;
	overflow: hidden;
	transition: opacity .5s;
}
.footer .outlink-wrap .links ul li + li {
	border-bottom: 1px solid #e1e2e6;
}
.footer .outlink-wrap .links ul a {
	display: block;
	padding: 4px 10px 5px;
	font-size: 12px;
	color: #666;
}
.footer .outlink-wrap .links ul.open {
	overflow: visible;
	opacity: 1;
	height: auto;
}
.footer .outlink-wrap .family-site {
	text-align: right;
}
.footer .outlink-wrap .family-site dt {
	margin-top: 15px;
	color: #ef2c30;
}
.footer .outlink-wrap .family-site dd {
	margin-top: 10px;
}
.footer .outlink-wrap .family-site dd a {
	font-size: 12px;
	color: #1e1e1e;
}
.footer .outlink-wrap .family-site dd a + a::before {
	display: inline-block;
	margin: 0 5px;
	width: 1px;
	height: 12px;
	background-color: #ddd;
	content: '';
}
/* //e:footer */
/* s:home */
.home .inner {
	width: 1240px;
	min-width: 1240px;
	margin: 0 auto;
}
.home .container, .home .contents {
	position: relative;
}
.home .home-visual-swiper {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-width: 1240px;
	height: 515px;
}
.home .home-visual-swiper .swiper-slide {
	width: 100%;
	height: 100%;
	background-position: 50% 40PX;
	background-repeat: no-repeat;
	background-size: cover;
}
.home .home-visual-swiper .swiper-slide.visual-slide1 {
	background-image: url(../images/home/swiper-visual1.png);
}
.home .home-visual-swiper .swiper-slide.visual-slide2 {
	background-image: url(../images/home/swiper-visual2.png);
}
.home .home-visual-swiper .swiper-slide.visual-slide3 {
	background-image: url(../images/home/swiper-visual3.png);
}
.home .home-visual-swiper .swiper-slide.visual-slide4 {
	background-image: url(../images/home/swiper-visual4.png);
}
.home .home-visual-swiper .swiper-slide.visual-slide5 {
	background-image: url(../images/home/swiper-visual5.png);
}
.home .home-visual-swiper .swiper-slide.visual-slide6 {
	background-image: url(../images/home/swiper-visual6.png);
}
.home .home-visual-swiper .swiper-slide.visual-slide7 {
	background-image: url(../images/home/swiper-visual7.png);
}
.home .home-visual-swiper .swiper-slide.visual-slide8 {
	background-image: url(../images/home/swiper-visual8.png);
}
.home .home-visual-swiper .swiper-slide.visual-slide9 {
	background-image: url(../images/home/swiper-visual9.png);
}
.home .home-visual-swiper .inner h2 {
	margin-top: 170px;
	margin-left: 10px;
	font-size: 40px;
	color: #fff;
	line-height: 52px;
	letter-spacing: -2.5px;
}
.home .home-visual-swiper .btn-move {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1240px;
	height: 100%;
}
.home .home-visual-swiper .btn-move button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 99px;
}
.home .home-visual-swiper .btn-move button::before {
	display: block;
	width: 100%;
	height: 100%;
	/* background: url(../images/home/arr-swiper-visual.png) 0 0 no-repeat; */
	content: '';
}
.home .home-visual-swiper .btn-move .swiper-prev {
	left: -140px;
}
.home .home-visual-swiper .btn-move .swiper-prev::before {
	transform: rotate(180deg);
}
.home .home-visual-swiper .btn-move .swiper-next {
	right: -140px;
}
.home .home-visual-swiper .swiper-control {
	z-index: 2;
	position: absolute;
	top: 310px;
	left: 50%;
	transform: translateX(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-left: 10px;
	width: 1240px;
}
.home .home-visual-swiper .swiper-control .swiper-prev::before, .home .home-visual-swiper .swiper-control .swiper-next::before {
	display: block;
	width: 20px;
	height: 10px;
	background: url(../images/home/arr-swiper-visual_sm.png) 0 0 no-repeat;
	content: '';
}
.home .home-visual-swiper .swiper-control .swiper-next::before {
	transform: rotate(180deg);
}
.home .home-visual-swiper .swiper-control .swiper-pagination {
	position: static;
	display: inline-block;
	margin: 0 15px;
	width: unset;
	font-size: 8px;
	color: #fff;
}
.home .home-visual-swiper .swiper-control .swiper-pagination span {
	font-size: 12px;
}
.home .home-visual-swiper .swiper-control .swiper-pause {
	margin-left: 10px;
	width: 20px;
	height: 20px;
}
.home .home-visual-swiper .swiper-control .swiper-pause::before {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../images/home/arr-swiper-visual_stop.png) 50% no-repeat;
	content: '';
}
.home .home-visual-swiper .swiper-control .swiper-pause.play_active::before {
	background-image: url(../images/home/arr-swiper-visual_play.png);
}
.home .home-menu {
	position: relative;
	z-index: 1;
	margin-top: -100px;
	font-size: 0;
}
.home .home-menu a {
	width: 100px;
	height: 100px;
	display: -ms-inline-flexbox;
	display: -webkit-inline-box;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: column;
	align-items: center;
	font-size: 14px;
	color: #fff;
	background-color: #907c63;
}
.home .home-menu a::before {
	width: 30px;
	height: 30px;
	background-position: 50%;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	content: '';
}
.home .home-menu a:nth-child(1):before {
	background-image: url(../images/home/icon-menu1.png);
}
.home .home-menu a:nth-child(2):before {
	background-image: url(../images/home/icon-menu2.png);
}
.home .home-menu a:nth-child(3):before {
	background-image: url(../images/home/icon-menu3.png);
}
.home .home-menu a:nth-child(4):before {
	background-image: url(../images/home/icon-menu4.png);
}
.home .home-menu a:nth-child(5):before {
	background-image: url(../images/home/icon-menu5.png);
}
.home .home-menu a:nth-child(6):before {
	background-image: url(../images/home/icon-menu6.png);
}
.home .home-menu a:nth-child(7):before {
	background-image: url(../images/home/icon-menu7.png);
}
.home .home-menu a:nth-child(8):before {
	background-image: url(../images/home/icon-menu8.png);
}
.home .home-menu a:nth-child(9):before {
	background-image: url(../images/home/icon-menu9.png);
}
.home .contract-wrap {
	position: relative;
	margin-top: -2px;
	border-top: 1px solid #c2c4ca;
}
.home .contract-wrap::before, .home .contract-wrap::after {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	content: '';
}
.home .contract-wrap::before {
	left: 0;
	background-color: #938067;
}
.home .contract-wrap::after {
	right: 0;
	background-color: #103779;
}
.home .contract-wrap .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	height: 240px;
}
.home .contract-wrap a {
	z-index: 1;
	position: relative;
	flex: 1;
	height: 100%;
	padding: 40px 170px 50px 50px;
	font-size: 20px;
	color: #fff;
	font-weight: 700;
}
.home .contract-wrap a p strong, .home .contract-wrap a p span {
	display: inline-block;
}
.home .contract-wrap a p strong {
	vertical-align: bottom;
	font-size: 50px;
}
.home .contract-wrap a p span {
	margin-top: -5px;
	font-size: 24px;
	vertical-align: 13px;
}
.home .contract-wrap a::after {
	position: absolute;
	right: 60px;
	bottom: 35px;
	width: 101px;
	height: 95px;
	background-position: right bottom;
	background-repeat: no-repeat;
	opacity: .5;
	content: '';
}
.home .contract-wrap a.contract1::after {
	background-image: url(../images/home/icon-contract1.png);
}
.home .contract-wrap a.contract2::after {
	background-image: url(../images/home/icon-contract2.png);
}
.home .contract-wrap a.contract3::after {
	background-image: url(../images/home/icon-contract3.png);
}
.home .contract-wrap a.contract1 {
	background-color: #b89e7d;
}
.home .contract-wrap a.contract2 {
	background-color: #326dd1;
}
.home .contract-wrap a.contract3 {
	background-color: #134395;
}
.home .main-banner-wrap {
	overflow: hidden;
	margin-top: 105px;
	padding: 40px 0 50px;
	min-width: 1240px;
	background-color: #f3f4f7;
}
.home .main-banner-wrap .main-banner-swiper {
	position: relative;
	width: 100%;
}
.home .main-banner-wrap .main-banner-swiper .swiper-slide {
	width: 1240px;
}
.home .main-banner-wrap .main-banner-swiper .swiper-slide h3 {
	opacity: .6;
}
.home .main-banner-wrap .main-banner-swiper .swiper-slide .cont {
	position: relative;
}
.home .main-banner-wrap .main-banner-swiper .swiper-slide .cont:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: .6;
	content: '';
}
.home .main-banner-wrap .main-banner-swiper .swiper-slide-active h3 {
	opacity: 1;
}
.home .main-banner-wrap .main-banner-swiper .swiper-slide-active .cont::after {
	display: none;
}
.home .main-banner-wrap .main-banner-swiper h3 {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -2.5px;
	text-align: center;
}
.home .main-banner-wrap .main-banner-swiper .cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 35px;
	width: 100%;
	height: 340px;
	background-color: #fff;
}
.home .main-banner-wrap .main-banner-swiper dl {
	width: 680px;
	padding: 70px 50px 50px 120px;
	word-break: keep-all;
}
.home .main-banner-wrap .main-banner-swiper dl dt {
	font-size: 30px;
	font-weight: 700;
	color: #907c63;
}
.home .main-banner-wrap .main-banner-swiper dl dd {
	margin-top: 25px;
}
.home .main-banner-wrap .main-banner-swiper dl .text {
	font-size: 16px;
	line-height: 24px;
	color: #666;
}
.home .main-banner-wrap .main-banner-swiper dl a {
	display: block;
	width: 106px;
	height: 40px;
	background-color: #323232;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 37px;
}
.home .main-banner-wrap .main-banner-swiper [class^="image"] {
	width: 560px;
	height: 100%;
}
.home .main-banner-wrap .main-banner-swiper .image1 {
	background-image: url(../images/home/main-banner1.png);
}
.home .main-banner-wrap .main-banner-swiper .image2 {
	background-image: url(../images/home/main-banner2.png);
}
.home .main-banner-wrap .main-banner-swiper .image3 {
	background-image: url(../images/home/main-banner3.png);
}
.home .main-banner-wrap .swiper-pagination {
	position: absolute;
	top: 40px;
	left: 50%;
	bottom: unset;
	transform: translateX(-50%);
	width: 1240px;
	font-size: 8px;
	text-align: right;
}
.home .main-banner-wrap .swiper-pagination span {
	font-size: 12px;
}
.home .main-banner-wrap .swiper-control {
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1240px;
	height: 50px;
}
.home .main-banner-wrap .swiper-control button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
}
.home .main-banner-wrap .swiper-control button::before {
	display: block;
	width: 100%;
	height: 100%;
	/* background: url(../images/home/arr-swiper-banner.png) 0 0 no-repeat; */
	content: '';
}
.home .main-banner-wrap .swiper-control .swiper-prev {
	left: -30px;
}
.home .main-banner-wrap .swiper-control .swiper-next {
	right: -30px;
}
.home .main-banner-wrap .swiper-control .swiper-next::before {
	transform: rotate(180deg);
}
.home .main-content {
	padding-top: 50px;
}
.home .main-content .notice h3 {
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -2.5px;
	text-align: center;
}
.home .main-content .notice ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.home .main-content .notice ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	flex-direction: column;
	width: 295px;
	height: 224px;
	padding: 40px 30px 50px;
	background-color: #f3f4f7;
}
.home .main-content .notice ul li p {
	font-size: 20px;
	font-weight: 700;
	overflow: hidden;
	max-height: 84px;
	line-height: 28px;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	text-overflow: -o-ellipsis-lastline;
	white-space: normal;
	word-break: break-word;
}
.home .main-content .notice ul li .date {
	display: block;
	margin-top: auto;
	color: #666;
}
.home .main-content .links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	column-gap: 220px;
	padding: 60px 0;
}
.home .main-content .links a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	column-gap: 20px;
}
.home .main-content .links a::before {
	width: 90px;
	height: 90px;
	background-position: 0 0;
	background-repeat: no-repeat;
	content: '';
}
.home .main-content .links a.faq::before {
	background-image: url(../images/home/icon-faq.png);
}
.home .main-content .links a.qna::before {
	background-image: url(../images/home/icon-qna.png);
}
.home .main-content .links a.reference::before {
	background-image: url(../images/home/icon-reference.png);
}
.home .main-content .links a p {
	font-size: 20px;
}
.home .main-content .links a strong {
	display: block;
	font-size: 22px;
}
.home .main-content .service {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin-top: 50px;
}
.home .main-content .service a {
	flex: 1;
	height: 100px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}
.home .main-content .service a::before {
	display: inline-block;
	width: 140px;
	height: 100px;
	background-position: 0 0;
	background-repeat: no-repeat;
	vertical-align: middle;
	content: '';
}
.home .main-content .service a.menu1::before {
	background-image: url(../images/home/img-service1.png);
}
.home .main-content .service a.menu2::before {
	background-image: url(../images/home/img-service2.png);
}
.home .main-content .service a.menu3::before {
	background-image: url(../images/home/img-service3.png);
}
.home .main-content .service .menu1 {
	background-color: #b89e7d;
}
.home .main-content .service .menu2 {
	background-color: #326dd1;
}
.home .main-content .service .menu3 {
	background-color: #134395;
}
/* //e :home */
.about-wrap {
	padding-top: 25px;
	padding-left: 17px;
}
.about-wrap li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
}
.about-wrap li::before {
	margin-right: 20px;
	width: 216px;
	height: 160px;
	background-position: 0 0;
	background-repeat: no-repeat;
	content: '';
}
.about-wrap li.about1::before {
	background-image: url(../images/contents/about1.png);
}
.about-wrap li.about2::before {
	background-image: url(../images/contents/about2.png);
}
.about-wrap li.about3::before {
	background-image: url(../images/contents/about3.png);
}
.about-wrap li.about4::before {
	background-image: url(../images/contents/about4.png);
}
.about-wrap li.about5::before {
	background-image: url(../images/contents/about5.png);
}
.about-wrap li.about6::before {
	background-image: url(../images/contents/about6.png);
}
.about-wrap li + li {
	margin-top: 20px;
}
.about-wrap dl dt {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 700;
}
.about-wrap dl dd {
	line-height: 24px;
}
.step-progress {
	margin-bottom: 20px;
	text-align: center;
	font-size: 0;
}
.step-progress li {
	position: relative;
	display: -ms-inline-flexbox;
	display: -webkit-inline-box;
	display: inline-flex;
	display: -webkit-inline-flex;
	margin-left: 55px;
	height: 30px;
	padding: 3px 13px 3px 3px;
	border: 1px solid #e1e2e6;
	background-color: #f3f4f7;
	border-radius: 30px;
	text-align: center;
}
.step-progress li .num {
	width: 23px;
	height: 23px;
	border-radius: 100%;
	font-size: 16px;
	line-height: 21px;
	color: #fff;
	background-color: #ccc;
}
.step-progress li .txt {
	margin-left: 7px;
	font-size: 16px;
	line-height: 20px;
	color: #999;
}
.step-progress li::before, .step-progress li::after {
	position: absolute;
	top: 8px;
	left: -55px;
	width: 55px;
	height: 14px;
	content: '';
}
.step-progress li::before {
	background: url(../images/common/ui-arr-progress.png) 50% 0 no-repeat;
}
.step-progress li::after {
	opacity: 0;
	background: url(../images/common/ui-arr-progress-active.png) 50% 0 no-repeat;
}
.step-progress li:first-child {
	margin-left: 0;
}
.step-progress li:first-child::before, .step-progress li:first-child::after {
	display: none;
}
.step-progress li.active {
	background-color: #0674d6;
	border: none;
}
.step-progress li.active .num {
	color: #326dd1;
	background-color: #fff;
	font-weight: bold;
}
.step-progress li.active .txt {
	color: #fff;
	font-weight: bold;
}
.step-progress li.active::before {
	opacity: 0;
}
.step-progress li.active::after {
	opacity: 1;
}
.step-active {
	position: relative;
	display: -ms-inline-flexbox;
	display: -webkit-inline-box;
	display: inline-flex;
	display: -webkit-inline-flex;
	height: 30px;
	margin-left: 10px;
	padding: 3px 13px 3px 3px;
	border: 1px solid #e1e2e6;
	background-color: #0674d6;
	border-radius: 30px;
	text-align: center;
	color: #fff;
}
.step-active::before {
	margin-right: 7px;
	width: 23px;
	height: 23px;
	border-radius: 100%;
	font-size: 16px;
	line-height: 21px;
	color: #fff;
	background: #fff url(../images/common/ui-arr-steap-chk.png) 50% no-repeat;
	content: '';
}
.add-file input[type="file"] {
	visibility: hidden;
	opacity: 0;
	width: 1px;
	height: 1px;
}
.templete {
	min-height: 285px;
	background-color: #d6d6d6;
}
.add-file-txt {
	margin-top: 7px;
}
.add-file-txt .icon, .add-file-txt .forgery-verification .box .file-upload a::before, .forgery-verification .box .file-upload .add-file-txt a::before, .add-file-txt .forgery-verification .box .file-upload a::after, .forgery-verification .box .file-upload .add-file-txt a::after, .add-file-txt .text {
	display: inline-block;
	vertical-align: top;
}
.add-file-txt .icon, .add-file-txt .forgery-verification .box .file-upload a::before, .forgery-verification .box .file-upload .add-file-txt a::before, .add-file-txt .forgery-verification .box .file-upload a::after, .forgery-verification .box .file-upload .add-file-txt a::after {
	margin-top: 3px;
}
.add-file-txt .text {
	margin: 0 3px 0 8px;
	line-height: 17px;
}
.lookup-next {
	text-align: center;
}
.lookup-next .ui-arr-next {
	margin: 20px 0;
}
.lookup-next .text {
	padding: 10px;
	background-color: #f3f4f7;
}
.graph-area {
	margin-top: 10px;
	padding: 15px;
	border: 1px solid #e1e2e6;
}
.member h2 {
	margin-top: 30px;
	text-align: center;
	font-size: 25px;
}
.member .btn-member {
	min-width: 200px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	color: #fff;
	border: 1px solid #2a85c5;
	border-radius: 5px;
	background-color: #148ee5;
	font-size: 16px;
}
.member .member-btm {
	margin-top: 40px;
	text-align: center;
}
.member .member-content {
	width: 800px;
	margin: 0 auto;
}
.member.join-index .join-type {
	margin-top: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	column-gap: 20px;
}
.member.join-index .join-type a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 300px;
	height: 320px;
	border: 1px solid #e1e2e6;
	border-radius: 5px;
	text-align: center;
}
.member.join-index .join-type a::before {
	width: 150px;
	height: 150px;
	background-position: 0 0;
	background-repeat: no-repeat;
	content: '';
}
.member.join-index .join-type a.general::before {
	background-image: url(../images/contents/join-general.png);
}
.member.join-index .join-type a.corporate::before {
	background-image: url(../images/contents/join-corporate.png);
}
.member.join-index .join-type a.member-info::before {
	background-image: url(../images/contents/join-member-info.png);
}
.member.join-index .join-type a:hover, .member.join-index .join-type a.active {
	border: 2px solid #0f67c8;
}
.member.join-index .join-type a.member-info span {
	position: relative;
}
.member.join-index .join-type a.member-info span::before {
	position: absolute;
	top: 17px;
	left: 5px;
	display: block;
	width: 67px;
	height: 16px;
	background: url(../images/contents/join-type-title.png) 0 0 no-repeat;
	content: '';
}
.member.join-index .join-type a span {
	padding-top: 35px;
	color: #0f67c8;
	font-size: 20px;
	font-weight: 700;
}
.member .join-wrap .step-progress {
	padding: 35px 0 35px;
}
.member .join-wrap .step-progress li.active::before {
	opacity: 1;
}
.member .join-wrap .step-progress li.active::after {
	opacity: 0;
}
.member .join-wrap h3 {
	font-size: 20px;
	font-weight: 700;
}
.member .join-wrap .terms + .terms {
	margin-top: 45px;
}
.member .join-wrap .box {
	overflow-x: hidden;
	overflow-y: auto;
	padding: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 260px;
	border: 1px solid #e1e2e6;
}
.member .join-wrap .box .tit {
	margin-top: 20px;
	font-weight: 700;
	font-size: 20px;
}
.member .join-wrap .box .s-tit {
	margin-top: 15px;
	margin-bottom: 3px;
	font-weight: 600;
}
.member .join-wrap .box ul.s-list {
	margin-left: 15px;
}
div.policy-terms p{
	line-height: 1.7;
}
div.policy-terms p.tit{
		margin-top: 20px;
	font-weight: 700;
	font-size: 20px;
}
div.policy-terms p.s-tit {
	margin-top: 15px;
	margin-bottom: 3px;
	font-weight: 600;
}
div.policy-terms ul.s-list {
	margin-left: 15px;
}
.member .join-wrap .box .tit:first-of-type, .member .join-wrap .box .s-tit:first-of-type {
	margin-top: 0;
}
.member .join-wrap .box p {
	line-height: 1.7;
}
.member .join-wrap .all-chk {
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid #eeeff1;
	text-align: center;
}
.member .join-wrap .verified {
	text-align: center;
	font-size: 20px;
}
.member .join-wrap .verified .ico {
	display: block;
	margin: 110px auto 15px;
	width: 100px;
	height: 100px;
	background-color: #f6f9ff;
	border-radius: 100%;
}
.member .join-wrap .verified .ico::before {
	display: inline-block;
	margin-top: 27px;
	width: 20px;
	height: 37px;
	border-width: 0 5px 5px 0;
	border-style: solid;
	border-color: #0f67c8;
	transform: rotate(45deg);
	content: '';
}
.member .alram-accept {
	margin-top: 35px;
}
.member .alram-accept h3 {
	font-size: 14px;
}
.member .alram-accept .chk-alram {
	border-top: 2px solid #148ee5;
	border-bottom: 1px solid #e1e2e6;
	margin-top: 10px;
	padding: 10px 20px;
}
.member .alram-accept .chk-alram label + label {
	margin-left: 15px;
}
.member .alram-accept .chk-alram p {
	margin-top: 10px;
	color: #666;
}
.member .tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 40px;
}
.member .tab a {
	min-width: 103px;
	height: 34px;
	padding: 0 15px;
	border: 1px solid #e1e2e6;
	background-color: #f3f4f7;
	text-align: center;
	line-height: 32px;
}
.member .tab a.active {
	border-color: #0674d6;
	background-color: #0674d6;
	color: #fff;
	font-weight: 700;
}
.member .tab + .login-wrap {
	margin-top: 0;
}
.member .login-wrap {
	margin-top: 40px;
	padding: 50px 0 60px;
	border-width: 2px 1px 1px 1px;
	border-style: solid;
	border-color: #e1e2e6;
	border-top-color: #148ee5;
}
.member .login-wrap .login-area {
	margin: 0 auto;
}
.member .login-wrap label.inp {
	margin-bottom: 8px;
}
.member .login-wrap label.inp input {
	height: 44px;
}
.member .login-wrap .col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	column-gap: 5px;
	margin-bottom: 8px;
}
.member .login-wrap .col label.inp {
	margin-bottom: 0;
}
.member .login-wrap .col span {
	color: #666;
}
.member .login-wrap .chk {
	width: 100%;
	text-align: right;
}
.member .login-wrap .btn-member {
	margin-top: 20px;
	min-width: 100%;
}
.member .login-wrap .btn-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	column-gap: 20px;
	margin-top: 30px;
}
.member .login-wrap .btn-area a {
	margin-top: 0;
	width: 50%;
	height: 44px;
	line-height: 42px;
	min-width: unset;
	border-radius: 5px;
	font-size: 16px;
}
.member .login-wrap .msg {
	margin-top: 30px;
	padding: 12px 10px 12px;
	border-radius: 5px;
	background-color: #f3f4f7;
	text-align: center;
}
.member .login-wrap .find-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
}
.member .login-wrap .find-wrap a {
	color: #666;
}
.member .login-wrap .find-wrap a + a::before {
	display: inline-block;
	vertical-align: -1px;
	margin: 0 10px;
	width: 1px;
	height: 12px;
	background-color: #e1e2e6;
	content: '';
}
.member .login-wrap .login-sns {
	margin-top: 35px;
}
.member .login-wrap .login-sns h3 {
	font-weight: 700;
}
.member .login-wrap .login-sns a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 8px;
	width: 100%;
	height: 44px;
	border-radius: 5px;
	font-size: 16px;
}
.member .login-wrap .login-sns a::before {
	width: 46px;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	content: '';
}
.member .login-wrap .login-sns a::after {
	position: absolute;
	top: 50%;
	left: 47px;
	margin-top: -12px;
	width: 1px;
	height: 24px;
	background-color: #fff;
	content: '';
}
.member .login-wrap .login-sns a span {
	position: relative;
	flex: 1;
	line-height: 44px;
	text-align: center;
}
.member .login-wrap .login-sns a.naver {
	background-color: #03c75a;
	color: #fff;
}
.member .login-wrap .login-sns a.naver::before {
	background-image: url(../images/contents/icon-naver.png);
}
.member .login-wrap .login-sns a.kakao {
	background-color: #fee500;
	color: #000;
}
.member .login-wrap .login-sns a.kakao::before {
	background-image: url(../images/contents/icon-kakao.png);
}
.member .login-wrap .text-result {
	margin-top: 30px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
}
.member .login-wrap .idpw-result {
	margin-top: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	background-color: #f6f9ff;
	height: 100px;
	font-size: 20px;
	font-weight: 700;
}
.member .login-guide {
	margin-top: 20px;
	padding: 20px;
	border: 1px solid #e1e2e6;
	background-color: #f3f4f7;
}
.member .login-guide dt {
	padding-bottom: 5px;
	font-weight: 700;
}
.member .login-guide dt::before {
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	width: 16px;
	height: 16px;
	background: url(../images/common/icon-arr-info.png) 0 0 no-repeat;
	content: '';
}
.member .login-guide dt ~ dt {
	margin-top: 15px;
}
.member .login-guide dd {
	position: relative;
	margin-top: 5px;
	padding-left: 10px;
	color: #666;
	font-weight: 600;
}
.member .login-guide dd::before {
	position: absolute;
	top: 8px;
	left: 0;
	display: block;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background-color: #666;
	content: '';
}
.member .login-guide dd span {
	font-size: 12px;
	font-family: 'Dotum',Arial,sans-serif;
}
.forgery-verification h3 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
}
.forgery-verification .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	flex-direction: column;
	align-items: center;
	border: 1px dashed #ced4da;
	background-color: #f3f4f7;
	padding: 30px;
}
.forgery-verification .box + .box {
	margin-top: 50px;
}
.forgery-verification .box .icon-cloud, .forgery-verification .box .icon-verify {
	margin-bottom: 15px;
}
.forgery-verification .box .title {
	font-size: 20px;
	font-weight: 600;
	color: #0f67c8;
}
.forgery-verification .box .text {
	margin-top: 2px;
	color: #999;
}
.forgery-verification .box .btn {
	margin-top: 15px;
	min-width: 100px;
}
.forgery-verification .box .file-upload {
	display: block;
	margin-top: 12px;
	padding: 15px 15px 14px;
	border: 1px solid #c2c4ca;
	border-radius: 3px;
	background-color: #fff;
	width: 800px;
}
.forgery-verification .box .file-upload a {
	position: relative;
	display: block;
	padding-right: 15px;
}
.forgery-verification .box .file-upload a::before {
	margin-right: 15px;
	vertical-align: middle;
	content: '';
}
.forgery-verification .box .file-upload a::after {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -5px;
	content: '';
}
.status.complete {
	color: #2976d5;
}
.status.ing {
	color: #555459;
}
.status.return {
	color: #cf3e3e;
}
.status.ing-return {
	color: #d57813;
}
.status.request-cancel {
	color: #ff0000;
}
.status.expiration {
	color: #865191;
}
.status.request {
	color: #53923a;
}
.seal-wrap {
	width: 800px;
	margin: 0 auto;
}
.seal-wrap .tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	column-gap: 20px;
	margin-bottom: 40px;
}
.seal-wrap .tab a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	height: 60px;
	border: 1px solid #e1e2e6;
	border-radius: 5px;
	width: 50%;
	text-align: center;
	font-size: 20px;
	color: #0f67c8;
	font-weight: 700;
}
.seal-wrap .tab a::before {
	margin-right: 20px;
	width: 64px;
	height: 144px;
	content: '';
}
.seal-wrap .tab a.general::before {
	background: url(../images/contents/seal-general.png) 50% no-repeat;
}
.seal-wrap .tab a.corporation::before {
	background: url(../images/contents/seal-corporation.png) 50% no-repeat;
}
.seal-wrap .tab a.active, .seal-wrap .tab a:hover {
	border: 2px solid #0f67c8;
}
.seal-wrap .tab-seal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
}
.seal-wrap .tab-seal button {
	min-width: 120px;
	height: 34px;
	border: 1px solid #e1e2e6;
	background: #f3f4f7;
	text-align: center;
	font-size: 14px;
}
.seal-wrap .tab-seal button.active {
	background-color: #0674d6;
	border-color: #0674d6;
	color: #fff;
}
.seal-wrap .tab-content {
	min-height: 450px;
	border: 1px solid #e1e2e6;
	border-top: 2px solid #148ee5;
}
.seal-wrap .tab-content .inner {
	width: 400px;
	margin: 0 auto;
	padding: 50px 0 40px;
}
.seal-wrap .tab-content h3 {
	height: 38px;
	background-color: #f3f4f7;
	text-align: center;
	font-size: 16px;
	line-height: 35px;
}
.seal-wrap .tab-content label.inp input {
	height: 44px;
}
.seal-wrap .tab-content button.btn {
	margin-top: 20px;
	width: 100%;
	height: 44px;
	font-size: 16px;
}
.seal-wrap p {
	margin: 25px 0 20px;
	text-align: center;
}
.seal-wrap .seal-type {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.seal-wrap .seal-type a {
	position: relative;
	overflow: hidden;
}
.seal-wrap .seal-type a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #e1e2e6;
	border-radius: 5px;
	content: '';
}
.seal-wrap .seal-type a.selected::after {
	border: 2px solid #148ee5;
}
.seal-wrap .btn-file-upload {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: stretch;
}
.seal-wrap .btn-file-upload .text {
	flex: 1;
	padding: 0 10px;
	height: 44px;
	line-height: 41px;
	border: 1px solid #c2c4ca;
	border-radius: 3px;
	color: #999;
}
.seal-wrap .btn-file-upload .text.value {
	color: #1e1e1e;
}
.seal-wrap .btn-file-upload .btn {
	margin-left: 10px;
	width: 80px;
	height: 44px;
	font-size: 16px;
	line-height: 41px;
}
.seal-wrap .seal-upload {
	margin: 50px 0 30px;
	border: 1px solid #e1e2e6;
}
.seal-wrap .seal-upload .img-area {
	overflow: hidden;
	width: 398px;
	height: 278px;
	background: url(../images/contents/bg-transparent.png);
}
.seal-wrap .seal-upload .slider-bar {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
	padding: 10px;
	background-color: #f3f4f7;
}
.seal-wrap .seal-upload .slider-bar .text {
	font-size: 14px;
}
.seal-wrap .seal-upload .slider-bar .slider {
	position: relative;
	margin: 0 8px;
}
.seal-wrap .seal-upload .slider-bar .slider button {
	position: absolute;
	top: 0;
	width: 16px;
	height: 16px;
	background-color: #148ee5;
	border-radius: 100%;
}
.seal-wrap .seal-upload .slider-bar .slider span {
	display: block;
	margin-top: 4px;
	width: 120px;
	height: 8px;
	background-color: #cedeea;
	border-radius: 10px;
}
.seal-wrap .seal-upload .slider-bar .btn-rotate {
	margin-left: auto;
	border: 1px solid #c2c4ca;
	border-radius: 15px;
	background-color: #fff;
	padding: 0 11px 2px 8px;
	height: 24px;
	line-height: 19px;
}
.seal-wrap .seal-upload .slider-bar .btn-rotate::before {
	margin-right: 3px;
	display: inline-block;
	width: 14px;
	height: 12px;
	background: url(../images/common/icon-rotate.png);
	content: '';
}
.seal-wrap .select-seal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	column-gap: 20px;
	margin-bottom: 30px;
}
.seal-wrap .select-seal li {
	width: 120px;
}
.seal-wrap .select-seal .box {
	background-color: #e1e2e6;
	border-radius: 5px;
	padding: 1px;
}
.seal-wrap .select-seal .chk {
	display: block;
	padding: 5px 6px;
}
.seal-wrap .select-seal .chk span {
	color: #999;
}
.seal-wrap .select-seal .img {
	overflow: hidden;
	display: block;
	position: relative;
	border-radius: 3px;
	background-color: #fff;
}
.seal-wrap .select-seal .img img {
	max-width: 100%;
}
.seal-wrap .select-seal .selected .box {
	background-color: #148ee5;
	padding: 2px;
}
.seal-wrap .select-seal .selected .chk span {
	color: #fff;
}
.seal-wrap .select-seal .btn-area {
	margin-top: 10px;
	font-size: 0;
}
.seal-wrap .select-seal .btn-del {
	min-width: 30px;
	margin-right: 10px;
	padding-right: 0;
	padding-left: 0;
	background: url(../images/common/btn-popup-close.png) 50% no-repeat;
	background-size: 14px 14px;
	vertical-align: top;
}
.seal-wrap .sample {
	background-color: #f3f4f7;
}
.seal-wrap .sample .inner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 20px;
	flex-wrap: wrap;
}
.seal-wrap .sample .inner strong {
	position: absolute;
	top: 50px;
	left: -60px;
}
.seal-wrap .sample .inner span {
	width: 85px;
	overflow: hidden;
	border: 1px solid #e1e2e6;
	border-radius: 5px;
}
.seal-wrap .sample .inner span img {
	max-width: 100%;
}
.config-wrap h3 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
}
.config-wrap .certification {
	border: 1px solid #e1e2e6;
	border-top: 2px solid #148ee5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 35px 150px 40px;
}
.config-wrap .certification ul {
	position: relative;
	padding: 5px 0 0 90px;
	min-height: 70px;
}
.config-wrap .certification ul::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 68px;
	height: 70px;
	background: url(../images/contents/certification.png) 0 0 no-repeat;
	content: '';
}
.config-wrap .certification ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.config-wrap .certification ul li span {
	display: inline-block;
	min-width: 65px;
	margin-right: 5px;
	text-align: justify;
}
.config-wrap .certification .btn {
	margin-top: 40px;
}
.config-wrap .box-wthdr {
	border: 1px solid #e1e2e6;
	margin-top: 15px;
	padding: 30px;
}
.config-wrap .box-wthdr p {
	font-weight: 600;
	text-align: center;
}
.config-wrap .box-wthdr p strong {
	color: #148ee5;
}
.config-wrap .guide {
	margin-top: 20px;
	padding: 20px;
	border: 1px solid #e1e2e6;
	background-color: #f3f4f7;
}
.config-wrap .guide ul li {
	position: relative;
	padding-left: 9px;
	line-height: 20px;
}
.config-wrap .guide ul li:before {
	position: absolute;
	top: 9px;
	left: 0;
	width: 3px;
	height: 3px;
	background-color: #666;
	border-radius: 5px;
	content: '';
}
.config-wrap .guide .btn {
	margin-top: 15px;
	margin-left: 9px;
}
.config-wrap .btn-area {
	margin-top: 30px;
}
.config-wrap .btn-area .btn {
	margin: 0 10px;
	min-width: 200px;
	height: 44px;
	font-size: 16px;
}
.verify-wrap {
	padding: 100px 0;
	text-align: center;
}
.verify-wrap .text {
	margin-top: 15px;
	font-size: 20px;
}
.service-prod {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	column-gap: 60px;
	padding-top: 35px;
}
.service-prod > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	flex-direction: column;
	position: relative;
	width: 300px;
	min-height: 380px;
	border: 1px solid #e1e2e6;
	border-radius: 5px;
	background-color: #f3f4f7;
	padding: 30px 40px;
	text-align: center;
}
.service-prod > a .label {
	position: absolute;
	top: -20px;
	left: -30px;
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.service-prod > a h4 {
	font-size: 20px;
	font-weight: 700;
	color: #0f67c8;
}
.service-prod > a h4::before {
	display: block;
	margin: 0 auto 15px;
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 0 0;
	content: '';
}
.service-prod > a.rcmnd .label {
	background-image: url(../images/contents/label-rcmnd.png);
}
.service-prod > a.rcmnd h4::before {
	background-image: url(../images/contents/icon-rcmnd.png);
}
.service-prod > a.pplr .label {
	background-image: url(../images/contents/label-pplr.png);
}
.service-prod > a.pplr h4::before {
	background-image: url(../images/contents/icon-pplr.png);
}
.service-prod ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: left;
	margin-top: 20px;
}
.service-prod ul li + li {
	margin-top: 10px;
}
.service-prod ul li::before {
	margin-top: 3px;
	margin-right: 8px;
	width: 15px;
	height: 15px;
	background: url(../images/common/icon-check-blue.png) 0 0 no-repeat;
	vertical-align: top;
	content: '';
}
.service-prod ul li .title {
	width: 70px;
}
.service-prod ul li .text {
	flex: 1;
}
.service-prod ul li .text span {
	font-weight: normal;
	color: #ff6769;
	letter-spacing: -0.05px;
}
.service-prod .btn {
	margin: auto auto 0;
	width: 100px;
}
.signing-wrap {
	padding: 20px 40px;
}
.signing-wrap .signing-sort {
	font-size: 0;
	text-align: center;
}
.signing-wrap .signing-sort li {
	display: inline-block;
	width: 280px;
	height: 320px;
	border: 1px solid #e1e2e6;
	border-radius: 5px;
}
.signing-wrap .signing-sort li + li {
	margin-left: 20px;
}
.signing-wrap .signing-sort li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: 20px;
	font-weight: 700;
	color: #0f67c8;
}
.signing-wrap .signing-sort li a::before {
	margin-bottom: 30px;
	width: 150px;
	height: 150px;
	background-position: 0 0;
	background-repeat: no-repeat;
	content: '';
}
.signing-wrap .signing-sort li a.sign::before {
	background-image: url(../images/contents/icon-signing-sign.png);
}
.signing-wrap .signing-sort li a.stamp::before {
	background-image: url(../images/contents/icon-signing-stamp.png);
}
.signing-wrap .signing-sort li a.seal::before {
	background-image: url(../images/contents/icon-signing-seal.png);
}
.signing-wrap .sign-pad {
	overflow: hidden;
	width: 400px;
	height: 200px;
	background-color: #f3f4f8;
}
.signing-wrap .sign-tool {
	height: 450px;
	background-color: #f3f4f8;
}
.signing-wrap .tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
}
.signing-wrap .tab button {
	min-width: 120px;
	height: 34px;
	border: 1px solid #e1e2e6;
	background: #f3f4f7;
	text-align: center;
	font-size: 14px;
}
.signing-wrap .tab button.active {
	background-color: #0674d6;
	border-color: #0674d6;
	color: #fff;
}
.signing-wrap .tab .info {
	margin-left: auto;
}
.signing-wrap .tab .info span {
	display: inline-block;
}
.signing-wrap .tab .info span + span::before {
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	margin-left: 6px;
	width: 1px;
	height: 14px;
	background-color: #e1e2e6;
	content: '';
}
.signing-wrap .tab-content {
	border: 1px solid #e1e2e6;
	border-top: 2px solid #148ee5;
}
.signing-wrap .tab-content .inner {
	padding: 0 40px 40px;
}
.signing-wrap .tab-content .title {
	margin-top: 30px;
	margin-bottom: 5px;
	font-weight: 700;
}
.signing-wrap .tab-content .title span {
	color: #ed5565;
}
.signing-wrap .tab-content .tbl {
	border-top: 1px solid #e1e2e6;
}
.signing-wrap .tab-content .tb-cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
}
.signing-wrap .tab-content .tb-cont > div {
	padding-right: 20px;
	flex: 1;
	color: #666;
}
.signing-wrap .tab-content .tb-cont .btn {
	width: 85px;
}
.certificate-verification {
	margin: 20px 40px;
	padding: 50px 0;
	background-color: #f3f4f8;
	text-align: center;
}
.certificate-verification h4 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
}
.certificate-verification .icon, .certificate-verification .forgery-verification .box .file-upload a::before, .forgery-verification .box .file-upload .certificate-verification a::before, .certificate-verification .forgery-verification .box .file-upload a::after, .forgery-verification .box .file-upload .certificate-verification a::after {
	display: block;
	margin: 30px auto;
	width: 68px;
	height: 70px;
	background: url(../images/contents/certification.png) 0 0 no-repeat;
	content: '';
}
.document-wrap {
	padding-top: 25px;
	color: #333;
}
.document-wrap .select {
	float: right;
}
.document-wrap .date {
	display: block;
	color: #666;
}
.document-wrap h5 {
	padding: 30px 0 10px;
	font-weight: 700;
}
.document-wrap h6 {
	margin: 25px 0 5px;
}
.document-wrap p, .document-wrap ul {
	line-height: 1.7;
}
.layer-popup {
	display: none;
	z-index: 99;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.layer-popup::before {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #00000099;
	content: '';
}
.layer-popup .popup-inner {
	overflow: hidden;
	z-index: 2;
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translate(-50%, 0);
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 20px #00000066;
	width: 1000px;
}
.layer-popup .btn-close {
	width: 58px;
	height: 50px;
	background: url(../images/common/btn-popup-close.png) 50% no-repeat;
}
.layer-popup .popup-header {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	align-items: center;
	padding: 0 20px;
	height: 50px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #e1e2e6;
}
.layer-popup .popup-header .title {
	font-size: 20px;
	font-weight: bold;
}
.layer-popup .popup-header .btn-close {
	margin-left: auto;
	margin-right: -20px;
}
.layer-popup .popup-contents {
	padding: 20px 20px 30px;
}
.layer-popup .popup-contents .btn-area {
	margin-top: 20px;
}
.layer-popup.alert-popup {
	z-index: 100;
}
.layer-popup.alert-popup .popup-inner {
	width: 440px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.layer-popup .alert-file {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	flex-direction: column;
	justify-content: center;
	min-height: 120px;
	padding: 20px;
	background-color: #f3f4f8;
}
.layer-popup .popup-login dt {
	margin-top: 15px;
}
.layer-popup .popup-login dt:first-child {
	margin-top: 0;
}
.layer-popup .popup-login dd {
	margin-top: 5px;
}
.layer-popup.login-error::before {
	background: transparent;
}
.layer-popup.login-error .popup-inner {
	top: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 4px 13px #00000033;
}
.layer-popup.login-error .popup-contents {
	padding-top: 0;
}
.layer-popup.login-error .text {
	max-width: 285px;
	margin: 0 auto;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
}
.slideContainer {
	overflow: hidden;
}
.swiper-wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.swiper-wrapper .swiper-slide {
	width: 100%;
	flex-shrink: 0;
}
.selectric-wrapper {
	position: relative;
	cursor: pointer;
}
.selectric-responsive {
	width: 100%;
}
.selectric {
	border: 1px solid #c2c4ca;
	background: #fff;
	position: relative;
	border-radius: 3px;
}
.selectric .label {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 28px 0 10px;
	font-size: 14px;
	line-height: 24px;
	color: #1e1e1e;
	height: 28px;
	user-select: none;
}
.selectric .button {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 28px;
	height: 28px;
	text-align: center;
	font: 0/0 a;
}
.selectric .button:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 14px;
	height: 8px;
	background: url("../images/common/ui-select-arr.png") 0 0 no-repeat;
}
.selectric-focus .selectric, .selectric-hover .selectric {
	border-color: #1e1e1e;
}
.selectric-open {
	z-index: 9999;
}
.selectric-open .selectric {
	border-color: #1e1e1e;
}
.selectric-open .selectric-items {
	display: block;
}
.selectric-disabled {
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: default;
	user-select: none;
}
.selectric-disabled .selectric {
	background: #f3f4f7;
}
.selectric-hide-select {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
}
.selectric-hide-select select {
	position: absolute;
	left: -100%;
	display: none;
}
.selectric-input {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 1px !important;
	height: 1px !important;
	outline: none !important;
	border: none !important;
	*font: 0/0 a !important;
	background: none !important;
}
.selectric-temp-show {
	position: absolute !important;
	visibility: hidden !important;
	display: block !important;
}
/* Items box */
.selectric-items {
	display: none;
	position: absolute;
	top: calc(100% - 1px);
	left: 0;
	background: #fff;
	border: 1px solid #dbdbdb;
	z-index: -1;
}
.selectric-items .selectric-scroll {
	max-height: 120px;
	overflow: auto;
	overflow-x: hidden;
}
.selectric-above .selectric-items {
	top: auto;
	bottom: 100%;
}
.selectric-items ul, .selectric-items li {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	min-height: 20px;
}
.selectric-items li {
	display: block;
	padding: 5px 9px;
	color: #666;
	cursor: pointer;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.selectric-items li.selected {
	background: #f3f4f7;
	color: #1e1e1e;
}
.selectric-items li:hover {
	background: #f3f4f7;
	color: #1e1e1e;
}
.selectric-items .disabled {
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: default !important;
	background: none !important;
	color: #666 !important;
	user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
	font-weight: bold;
	padding-left: 10px;
	cursor: default;
	user-select: none;
	background: none;
	color: #444;
}
.selectric-items .selectric-group.disabled li {
	filter: alpha(opacity=100);
	opacity: 1;
}
.selectric-items .selectric-group li {
	padding-left: 25px;
}
.select-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.ofr .selectric-items, .ofl .selectric-items {
	height: auto !important;
}
.ofr .selectric-items li, .ofl .selectric-items li {
	overflow: hidden;
	white-space: nowrap;
}
.ofr .selectric-items {
	left: auto;
	right: 0;
}
.lst-select .selectric {
	border-width: 0 0 1px 0;
	border-color: #000;
}
.lst-select .selectric .label {
	height: 38px;
	line-height: 38px;
}
.lst-select .selectric .button {
	width: 28px;
	height: 38px;
}
.lst-select .selectric .button:after {
	width: 7px;
	height: 4px;
}
/*!
 * Datepicker v1.0.10
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2020-09-29T14:46:09.037Z
 */
.datepicker-container {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 220px;
	background-color: #fff;
	font-size: 12px;
	line-height: 30px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	direction: ltr;
	-webkit-tap-highlight-color: transparent;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-touch-callout: none;
}
.datepicker-dropdown {
	position: absolute;
	z-index: 1;
	box-sizing: content-box;
	border-radius: 3px;
	overflow: hidden;
}
.datepicker-inline {
	position: static;
}
.datepicker-panel > ul {
	width: 100%;
	margin: 0;
	padding: 0;
}
.datepicker-panel > ul::after,
.datepicker-panel > ul::before {
	display: table;
	content: " ";
}
.datepicker-panel > ul::after {
	clear: both;
}
.datepicker-panel > ul > li {
	float: left;
	width: 31px;
	height: 31px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: center;
	list-style: none;
	cursor: pointer;
}
.datepicker-panel > ul > li:hover {
	background-color: #0674d6;
	color: #fff;
}
.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
	color: #999;
}
.datepicker-panel > ul > li.highlighted {
	background-color: #e5f2ff;
}
.datepicker-panel > ul > li.highlighted:hover {
	background-color: #0674d6;
	color: #fff;
}
.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
	background-color: #0674d6;
	color: #fff;
}
.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
	background-color: #fff;
	color: #ccc;
	cursor: default;
}
.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
	background-color: #e5f2ff;
}
.datepicker-panel > ul > li[data-view="month current"],
.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="years current"] {
	width: calc(100% - 50px);
	height: 39px;
	border-bottom: 1px solid #dbdbdb;
	background: #0674d6;
	color: #fff;
	line-height: 39px;
}
.datepicker-panel > ul > li[data-view="month current"]:hover,
.datepicker-panel > ul > li[data-view="year current"]:hover,
.datepicker-panel > ul > li[data-view="years current"]:hover {
	background: #0674d6;
}
.datepicker-panel > ul > li[data-view="month current"].disabled,
.datepicker-panel > ul > li[data-view="year current"].disabled,
.datepicker-panel > ul > li[data-view="years current"].disabled {
	background: #f7f7f7;
	background: #0674d6;
	color: #fff;
}
.datepicker-panel > ul > li[data-view="month next"],
.datepicker-panel > ul > li[data-view="month prev"],
.datepicker-panel > ul > li[data-view="year next"],
.datepicker-panel > ul > li[data-view="year prev"],
.datepicker-panel > ul > li[data-view="years next"],
.datepicker-panel > ul > li[data-view="years prev"],
.datepicker-panel > ul > li[data-view=next] {
	width: 25px;
	height: 39px;
	border-bottom: 1px solid #dbdbdb;
	background: #0674d6;
	color: #fff;
	font-size: 0;
	line-height: 39px;
}
.datepicker-panel > ul > li[data-view="month next"].disabled,
.datepicker-panel > ul > li[data-view="month prev"].disabled,
.datepicker-panel > ul > li[data-view="year next"].disabled,
.datepicker-panel > ul > li[data-view="year prev"].disabled,
.datepicker-panel > ul > li[data-view="years next"].disabled,
.datepicker-panel > ul > li[data-view="years prev"].disabled,
.datepicker-panel > ul > li[data-view=next].disabled {
	background: #0674d6;
	color: #fff;
}
.datepicker-panel > ul > li[data-view="month next"]:after,
.datepicker-panel > ul > li[data-view="month prev"]:after,
.datepicker-panel > ul > li[data-view="year next"]:after,
.datepicker-panel > ul > li[data-view="year prev"]:after,
.datepicker-panel > ul > li[data-view="years next"]:after,
.datepicker-panel > ul > li[data-view="years prev"]:after,
.datepicker-panel > ul > li[data-view=next]:after {
	display: inline-block;
	width: 13px;
	height: 13px;
	border: 1px solid #fff;
	vertical-align: middle;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: '';
}
.datepicker-panel > ul > li[data-view="month next"].disabled:after,
.datepicker-panel > ul > li[data-view="month prev"].disabled:after,
.datepicker-panel > ul > li[data-view="year next"].disabled:after,
.datepicker-panel > ul > li[data-view="year prev"].disabled:after,
.datepicker-panel > ul > li[data-view="years next"].disabled:after,
.datepicker-panel > ul > li[data-view="years prev"].disabled:after,
.datepicker-panel > ul > li[data-view=next].disabled:after {
	opacity: .3;
}
.datepicker-panel > ul > li[data-view="month prev"],
.datepicker-panel > ul > li[data-view="year prev"],
.datepicker-panel > ul > li[data-view="years prev"] {
	text-align: right;
}
.datepicker-panel > ul > li[data-view="month prev"]:after,
.datepicker-panel > ul > li[data-view="year prev"]:after,
.datepicker-panel > ul > li[data-view="years prev"]:after {
	border-width: 1px 0 0 1px;
}
.datepicker-panel > ul > li[data-view="month next"],
.datepicker-panel > ul > li[data-view="year next"],
.datepicker-panel > ul > li[data-view="years next"] {
	text-align: left;
}
.datepicker-panel > ul > li[data-view="month next"]:after,
.datepicker-panel > ul > li[data-view="year next"]:after,
.datepicker-panel > ul > li[data-view="years next"]:after {
	border-width: 0 1px 1px 0;
}
.datepicker-panel > ul[data-view=months] > li,
.datepicker-panel > ul[data-view=years] > li {
	width: 52.5px;
	height: 52.5px;
	line-height: 52.5px;
}
.datepicker-panel > ul[data-view=week] > li,
.datepicker-panel > ul[data-view=week] > li:hover {
	background-color: #fff;
	cursor: default;
}
.datepicker-hide {
	display: none;
}
.datepicker-panel > ul[data-view=week] {
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
	border-width: 0 1px;
}
.datepicker-panel > ul[data-view=week] li {
	font-weight: 700;
}
.datepicker-panel > ul[data-view=days],
.datepicker-panel > ul[data-view=months],
.datepicker-panel > ul[data-view=years] {
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
	border-top: none;
}
.datepicker-panel > ul[data-view=days] {
	border-width: 1px 1px 0 1px;
}
.datepicker-panel > ul[data-view=days] li {
	border: 1px solid #e6e6e6;
	border-width: 0 1px 1px 0;
}
.datepicker-panel > ul[data-view=days] li:nth-child(7n + 1) {
	border-width: 0 1px 1px 0;
}
.datepicker-panel > ul[data-view=days] li:nth-of-type(7n) {
	width: 32px;
	border-width: 0 0 1px 0;
}


/*kdh custom 추가*/
 /*팝업 줄바꿈 적용*/
 .layer-popup.login-error .text{white-space: pre-wrap;}
 
/* Kim Donghan */ 
/*input:read-only {*/
input:read-only:not([type=submit],[type=button]) {/* Ha Younghyumn */
	cursor: default;
    background: #f3f4f7 !important;
}	

/* sns image icon */
img.sns_text_icon{height: 22px; margin-right:20px; width: 90px;}






/*START: add by jhmin ####################################################### */
.blockbox{zoom:1}
.blockbox:after{content:"";display:block;clear:both;}
.leftbox {float:left;}
.leftbox:after{content:"";display:block;clear:both;}
.rightbox {float:right;}
.rightbox:after{content:"";display:block;clear:both;}
.centerbox {text-align:center;}
.centerbox:after{content:"";display:block;clear:both;}
.leftbox, .rightbox, .centerbox *{vertical-align:top;}
.leftbox input[type="image"], .leftbox input[type="submit"]{vertical-align:top;}
.rightbox input[type="image"], .rightbox input[type="submit"]{vertical-align:top;}
.centerbox input[type="image"], .centerbox input[type="submit"]{vertical-align:top;}

p.blank   {clear:both; margin: 0px; padding:0px; padding-top:10px;}
p.blank10 {clear:both; margin: 0px; padding:0px; padding-top:10px;}
p.blank20 {clear:both; margin: 0px; padding:0px; padding-top:20px; *margin-top:20px; *padding-top:0px;}
p.blank30 {clear:both; margin: 0px; padding:0px; padding-top:30px;}
p.blank40 {clear:both; margin: 0px; padding:0px; padding-top:40px;}
p.blank7  {clear:both; margin: 0px; padding:0px; padding-top:7px;}
p.blank6  {clear:both; margin: 0px; padding:0px; padding-top:6px;}
p.blank5  {clear:both; margin: 0px; padding:0px; padding-top:5px;}
p.blank4  {clear:both; margin: 0px; padding:0px; padding-top:4px;}
p.blank3  {clear:both; margin: 0px; padding:0px; padding-top:3px;}
p.blank2  {clear:both; margin: 0px; padding:0px; padding-top:2px;}
p.blank1  {clear:both; margin: 0px; padding:0px; padding-top:1px;}
p.c_f00 {color:red;display:inline;}

/*margin, padding, p.blank */
.mt0{margin-top:0px;} .mt10{margin-top:10px;} .mt20{margin-top:20px;} .mt30{margin-top:30px;} .mt40{margin-top:40px;} .mt50{margin-top:50px;}
.mt5{margin-top:5px;} .mt15{margin-top:15px;} .mt25{margin-top:25px;} .mt35{margin-top:35px;} .mt45{margin-top:45px;}
.mb0{margin-bottom:0px;} .mb10{margin-bottom:10px;} .mb20{margin-bottom:20px;} .mb30{margin-bottom:30px;} .mb40{margin-bottom:40px;} .mb50{margin-bottom:50px;}
.ml2{margin-left:2px;} .ml3{margin-left:3px;} .ml4{margin-left:4px;} .ml5{margin-left:5px;}
.ml10{margin-left:10px;} .ml20{margin-left:20px;} .ml30{margin-left:30px;} .ml40{margin-left:40px;} .ml50{margin-left:50px;} .ml70{margin-left:70px;}
.mrgt2{margin-right:2px;} .mrgt3{margin-right:3px;} mrgt4{margin-right:4px;} .mrgt5{margin-right:5px;}
.mrgt10{margin-right:10px;} .mrgt20{margin-right:20px;} .mrgt30{margin-right:30px;} .mrgt40{margin-right:40px;} .mrgt50{margin-right:50px;} .mrgt70{margin-right:70px;}

/*button. use a, submit*/
.fororo_btn_l {display:inline-block; height:38px; padding:0 30px; border:1px solid #afafaf; background:none; font-size:12px; line-height:38px; text-align:center; vertical-align:top; color:#888888 !important; zoom:1;}
.fororo_btn_m {display:inline-block; height:28px; padding:0 15px; border:1px solid #afafaf; background:none; font-size:11px; line-height:28px; text-align:center; vertical-align:top; color:#888888 !important; zoom:1;}
.fororo_btn_s {display:inline-block; height:18px; padding:0 15px; border:1px solid #afafaf; background:none; font-size:11px; line-height:18px; text-align:center; vertical-align:top; color:#888888 !important; zoom:1;}
.fororo_btn_l2 {display:inline-block; height:50px; padding:0 28px; width:298px; border:1px solid #afafaf; background:none; font-size:20px; line-height:50px; text-align:center; vertical-align:top; color:#888888 !important; zoom:1;}
input[type="submit"].fororo_btn_l, input[type="button"].fororo_btn_l, input[type="reset"].fororo_btn_l {height:40px; line-height:38px;}
input[type="submit"].fororo_btn_m, input[type="button"].fororo_btn_m, input[type="reset"].fororo_btn_m {height:30px; line-height:28px;}
input[type="submit"].fororo_btn_s, input[type="button"].fororo_btn_s, input[type="reset"].fororo_btn_s {height:20px; line-height:18px;}

.fororo_btn_orange_l {display:inline-block; height:40px; padding:0 30px; border:none; background:#ff4b19; font-weight:bold; font-size:12px; line-height:40px; text-align:center; vertical-align:top; color:#fff !important; zoom:1;}
.fororo_btn_orange_m {display:inline-block; height:30px; padding:0 15px; border:none; background:#ff4b19; font-size:11px; line-height:30px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_orange_s {display:inline-block; height:20px; padding:0 15px; border:none; background:#ff4b19; font-size:11px; line-height:20px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_orange_l2 {display:inline-block; height:50px; padding:0 25px; width:295px; border:none; background:#ff4b19; font-weight:bold; font-size:20px; line-height:50px; text-align:center; vertical-align:top; color:#fff !important; zoom:1;}

.fororo_btn_gray_l {display:inline-block; height:40px; padding:0 25px; border:none; background:#8f8f8f; font-size:12px; line-height:40px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_gray_m {display:inline-block; height:30px; padding:0 15px; border:none; background:#8f8f8f; font-size:11px; line-height:30px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_gray_s {display:inline-block; height:20px; padding:0 15px; border:none; background:#8f8f8f; font-size:11px; line-height:20px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_gray_l2 {display:inline-block; height:50px; padding:0 25px; width:295px; border:none; background:#8f8f8f; font-size:20px; line-height:50px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}

.fororo_btn_blue_l {display:inline-block; height:40px; padding:0 25px; border:none; background:#3F58A1; font-size:12px; line-height:40px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_blue_m {display:inline-block; height:30px; padding:0 15px; border:none; background:#3F58A1; font-size:11px; line-height:30px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_blue_s {display:inline-block; height:20px; padding:0 15px; border:none; background:#3F58A1; font-size:11px; line-height:20px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_blue_l2 {display:inline-block; height:50px; padding:0 28px; width:295px; border:none; background:#3F58A1; font-size:20px; line-height:50px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}

.fororo_btn_skyblue_l {display:inline-block; height:40px; padding:0 25px; border:none; background:#87ceeb; font-size:12px; line-height:40px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_skyblue_m {display:inline-block; height:30px; padding:0 15px; border:none; background:#87ceeb; font-size:11px; line-height:30px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_skyblue_s {display:inline-block; height:20px; padding:0 15px; border:none; background:#87ceeb; font-size:11px; line-height:20px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_skyblue_l2 {display:inline-block; height:50px; padding:0 28px; width:295px; border:none; background:#87ceeb; font-size:20px; line-height:50px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}

.fororo_btn_lightblue_l {display:inline-block; height:40px; padding:0 25px; border:none; background:#3e91b5; font-size:12px; line-height:40px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_lightblue_m {display:inline-block; height:30px; padding:0 15px; border:none; background:#3e91b5; font-size:11px; line-height:30px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_lightblue_s {display:inline-block; height:20px; padding:0 15px; border:none; background:#3e91b5; font-size:11px; line-height:20px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_lightblue_l2 {display:inline-block; height:50px; padding:0 28px; width:295px; border:none; background:#3e91b5; font-size:20px; line-height:50px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}

.fororo_btn_darkgray_l {display:inline-block; height:40px; padding:0 25px; border:none; background:#464646; font-size:12px; line-height:40px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_darkgray_m {display:inline-block; height:30px; padding:0 15px; border:none; background:#464646; font-size:11px; line-height:30px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_darkgray_s {display:inline-block; height:20px; padding:0 15px; border:none; background:#464646; font-size:11px; line-height:20px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_darkgray_l2 {display:inline-block; height:50px; padding:0 28px; width:295px; border:none; background:#464646; font-size:20px; line-height:50px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}

.fororo_btn_green_l {display:inline-block; height:40px; padding:0 25px; border:none; background:#00be7c; font-size:12px; line-height:40px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_green_m {display:inline-block; height:30px; padding:0 15px; border:none; background:#00be7c; font-size:11px; line-height:30px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_green_s {display:inline-block; height:20px; padding:0 15px; border:none; background:#00be7c; font-size:11px; line-height:20px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}
.fororo_btn_green_l2 {display:inline-block; height:50px; padding:0 28px; width:295px; border:none; background:#00be7c; font-size:20px; line-height:50px; vertical-align:top; text-align:center; color:#fff !important; zoom:1;}


/*START: Daum-Address Api ---------------------- */
.layer_daum_postcode { display:none;position:fixed;overflow:hidden;z-index:999;-webkit-overflow-scrolling:touch; }
.btn_daum_postcode_close {cursor:pointer;position:absolute;right:-3px;top:-3px;z-index:1; }
/*END  : Daum-Address Api ---------------------- */


/* Tab Menu */
.fororo-tab-mn {text-align:left; margin-bottom:10px;}
.fororo-tab-mn:after{content:"";display:block;clear:both;}
.fororo-tab-mn ul{display:table;table-layout:fixed;width:100%; margin:0; padding:0;}
.fororo-tab-mn li{display:table-cell;}
.fororo-tab-mn a{display:block;position:relative;height:50px;line-height:50px;text-align:center;font-size:17px}
.fororo-tab-mn a span{position:relative;z-index:3}
.fororo-tab-mn a:before{display:block;content:"";position:absolute;left:0;top:0;z-index:2;width:calc(100% - 1px);height:100%;border-color:#d3d3d3 #d3d3d3 #222;border-style:solid;border-width:1px;background-color:#fff}
.fororo-tab-mn a:hover,.fororo-tab-mn .on{font-weight:500;color:#222}
.fororo-tab-mn a:hover:before,.fororo-tab-mn .on:before{z-index:3;width:calc(100% + 1px);border-color:#222 #222 #fff}

/* Layer Popup2 - alert, confirm ************ */
.fororo_layer_popup {display: none; z-index: 99; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.fororo_layer_popup::before { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #00000099; content: ''; }
.fororo_layer_popup .popup-inner { overflow: hidden; z-index: 2; position: absolute; top: 50px; left: 50%; transform: translate(-50%, 0); background-color: #fff; border-radius: 10px; box-shadow: 0 4px 20px #00000066; width: 1000px; }
.fororo_layer_popup .btn-close { width: 58px; height: 50px; background: url(../images/common/btn-popup-close.png) 50% no-repeat; }
.fororo_layer_popup .popup-header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; align-items: center; padding: 0 20px; height: 50px; background-color: #f8f8f8; border-bottom: 1px solid #e1e2e6; }
.fororo_layer_popup .popup-header .title { font-size: 20px; font-weight: bold; }
.fororo_layer_popup .popup-header .btn-close { margin-left: auto; margin-right: -20px; }
.fororo_layer_popup .popup-contents { padding: 20px 20px 30px; }
.fororo_layer_popup .popup-contents .btn-area { margin-top: 20px; }
.fororo_layer_popup.alert-popup { z-index: 100; }
.fororo_layer_popup.alert-popup .popup-inner { width: 440px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.fororo_layer_popup .alert-file { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; flex-direction: column; justify-content: center; min-height: 120px; padding: 20px; background-color: #f3f4f8; }
.fororo_layer_popup .popup-login dt { margin-top: 15px; }
.fororo_layer_popup .popup-login dt:first-child { margin-top: 0; }
.fororo_layer_popup .popup-login dd { margin-top: 5px; }
.fororo_layer_popup.login-error::before { background: transparent; }
.fororo_layer_popup.login-error .popup-inner { top: 50%; transform: translate(-50%, -50%); box-shadow: 0 4px 13px #00000033; }
.fororo_layer_popup.login-error .popup-contents { padding-top: 0; }
.fororo_layer_popup.login-error .text { max-width: 285px; margin: 0 auto; text-align: center; font-weight: 700; font-size: 16px; }
.fororo_layer_popup .btn-white { background-color: #fff; border: 1px solid #7a7e85; display: inline-block; min-width: 60px; height: 30px; line-height: 25px; padding: 0 10px 5px; margin:0 5px; font-size: 14px; border-radius: 3px; text-align: center;}
.fororo_layer_popup .btn-gray { border: 1px solid #7c808b; background-color: #7c808b; color: #fff; display: inline-block; min-width: 60px; height: 30px; line-height: 25px; padding: 0 10px 5px; margin:0 5px; font-size: 14px; border-radius: 3px; text-align: center;}
.fororo_layer_popup .btn-blue { border: 1px solid #2a85c5; background-color: #148ee5; color: #fff; display: inline-block; min-width: 60px; height: 30px; line-height: 25px; padding: 0 10px 5px; margin:0 5px; font-size: 14px; border-radius: 3px; text-align: center;}
/*END  : add by jhmin ####################################################### */


/* viewPasswd*/
.eye_passwd{position: absolute;float: right;display: block;right: 9px;top: 8px;width: 30px;height: 30px;}




/* 로그인화면 css */
#wrap, #header, #container, #content, #footer {
    width: 100%;
    position: relative;
    min-width: 320px;
}

.m-main {
    width: 100%;
    max-width: 1620px;
    margin: 0 auto;
    position: relative;
    padding: 0 10px;
}

div#content2 {
    padding: 150px 0 93px 0;
}


.page-header {color:#666; font-size:22px; text-align: center;}
.page-header .page-dec {margin-top:30px;}
.page-header .page-dec small {font-size:18px; display:block;}
.page-header + .page-body {margin-top:60px;}
.page-tit {
    font-size: 34px;
    display: block;
    line-height: 1.1;
    color: #000;
    font-weight: 700;
    position: relative;
    padding-bottom: 30px;
}

/* page-login*/
.page-login .login-container {margin:0 auto; margin-top:60px; width:100%; max-width:690px; background:#F8F8F8;border-radius: 8px; padding:45px 60px;}
.page-login .login-container .col-left {width:calc(100% - 190px);}
.page-login .login-container .col-right {width:190px; text-align: right;}
.page-login .login-container .form-wrap dl {margin-bottom:15px;vertical-align: middle; align-items: center}
.page-login .login-container .form-wrap dl:last-child {margin-bottom:0}
.page-login .login-container .form-wrap dl dt {width:70px; font-weight:500; color:#7A7A7A}
.page-login .login-container .form-wrap dl dd {width:calc(100% - 70px);}
.page-login .login-container .form-wrap .btn-login {width: 566px;
    border: 0px;
    vertical-align: middle;
    height: 49px;
    background-color: #0674d6;
    line-height: 49px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    font-weight: bold;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0;
    margin-top: 20px;
    }
.page-login .login-container .btt-flex {margin-top:20px; display:flex;}
.page-login .login-container .btt-flex .col-left {/* padding-left:70px; */}
.page-login .login-btt {text-align: center; margin-top:50px; color:#666; font-weight:bold;}
.page-login .login-btt .under {color:#0256B9; text-decoration: underline; margin-left:10px; font-weight:bold;}

/*page-find*/
.page-find .login-container {max-width:910px;}
.page-find .login-container .form-wrap {margin:0 auto; max-width:630px;}
.page-find .login-container .form-wrap dl dt {width:105px; text-align: right; padding-right:55px;}
.page-find .login-container .form-wrap dl dd {width:calc(100% - 105px);}
.page-find .login-container .form-wrap dl dd [type=text] {max-width:270px;}
.page-find .login-container .form-wrap .ex {color:#999; font-size:16px;}
.email-wrap select {width:140px; margin-left:7px;}
.email-wrap .bar {margin:0 4px;}
.page-find .btn-wrap {margin-top:55px;}

.page-find .login-container .form-wrap dl.result {text-align: center;}
.page-find .login-container .form-wrap dl.result dt,
.page-find .login-container .form-wrap dl.result dd {width:auto; display:inline-block;}
.page-find .login-container .form-wrap .id {color:#0055B8; font-size:22px;font-weight:700;}

.page-find .login-container .password-wrap {max-width:500px;}
.page-find .login-container .password-wrap dl dt {width:165px; padding-right:0; text-align: left;}
.page-find .login-container .password-wrap dl dd {width:calc(100% - 165px);}

/* page-join*/
.page-join .step-bar {background:#FCFCFC; border:1px solid #C2C2C2; border-radius: 100px; height:135px; justify-content: center; align-items: center; vertical-align: middle}
.page-join .step-bar .item {width:20%; color:#A7A7A7; font-size:24px; line-height:1; text-align: center; position:relative}
.page-join .step-bar .item._active {color:#0256B9;}
.page-join .step-bar .item:after {
    content:""; display:block; width:18px; height:30px; background:url(../../img/step_arrow.png) center no-repeat; position:absolute; right:-9px; top:50%;
    -webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%);
}
.page-join .step-bar .item:last-child:after {display:none;}
.page-join .term-container,
.page-join .content-container {margin-top:75px;}
.page-join .term-container .term-article {padding-bottom:70px; margin-bottom:65px; border-bottom:1px dashed #A5A5A5;}
.page-join .term-container .term-article:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0}
.page-join .term-container .term-wrap {border:1px solid #DADADA; padding:40px 45px; color:#333; height:230px; overflow-y:auto }
.page-join .term-container .term-article .chk-label {font-size:20px;margin-top:35px;}
.page-join .btt-btn .btn {width:325px;}

.page-join .gray-container .dec {text-align: center}

.sign-flex {margin-left:-25px; margin-right:-25px;}
.sign-flex > .col {padding:0 25px; width:50%;}
.sign-container {position:relative; width:100%; margin:0;}
.sign-container .txt {right:20px ;top:20px;position:absolute;}
.sign-container .sign-label {border:1px solid #DADADA;outline:2px solid transparent; height:210px;width:100%; padding:0 40px;}
.sign-container :checked + .txt + .sign-label {border-color:#8EB7E9;outline-color:#8EB7E9; background:#f8fbfd}
.sign-container .no-data {color:#5E5E5E;font-size:18px;padding:40px 0;}
.sign-container .no-data .tit {font-weight:500;display:block;}
.sign-container .no-data .c1 {display:block;margin-top:10px;}
.sign-container .sign-label .stamp-item {width:135px;}
.sign-container .sign-label .stamp-dec {width:calc(100% - 135px); padding-left:30px; color:#5E5E5E;text-align: left;margin-top:0;}
.sign-container .sign-label .stamp-dec .tit {line-height:1.1; font-weight:700; display:block; font-size:20px;}
.sign-container .sign-label .stamp-dec .dl-wrap {margin-top:15px;}
.sign-container .sign-label .stamp-dec .dl-wrap dt,
.sign-container .sign-label .stamp-dec .dl-wrap dd {display:inline-block; font-weight:400;font-size:18px;}
.sign-container .sign-label .stamp-dec .dl-wrap dt:after {content:":"; display:inline-block; margin:0 3px;}

.page-join input,
.page-join select,
.page-join .add-label {max-width:525px;}

/* page-join type-joinok*/
.page-join .m-main.join-ok {max-width:910px;}
.page-join .join-ok .gray-container {margin-top:100px; text-align: center ;font-size:22px; color:#747474;}
.page-join .join-ok .gray-container .c1 {color:#0256B9;}
.page-join .join-ok .gray-container .tit {display:block; line-height:1.1;  font-size:36px; margin-bottom:50px;}
.page-join .join-ok .gray-container .btn {height:60px; line-height:58px;}
.page-join .join-ok .btt-wrap {padding:40px 0; border-bottom:1px dashed #A5A5A5; color:#747474; font-size:18px;}

input#uid {
    height: 40px;
    width: 566px;
    border: 1px solid #e3e7ee;
    background-image: url(../images/common/login_id.png);
    background-repeat: no-repeat;
    background-position: center left 30px;
    text-indent: 60px;
}

input#pwd {
    height: 40px;
    width: 566px;
    border: 1px solid #e3e7ee;
    background-image: url(../images/common/login_pw.png);
    background-repeat: no-repeat;
    background-position: center left 30px;
    text-indent: 60px;
}


input#chk_save {
    width: 20px;
    height: 20px;
}


#container_main 
{
    padding-top: 82px;
}