@import url('/assets/fonts/Pretendard-1.2.1/web/static/pretendard.css');


* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'Pretendard';
}

html {
	overflow: hidden;
}

body {
	/*overflow-y: hidden;*/
	overflow-y: scroll;
}

a,
a:hover,
a:active,
a:visited,
a:focus {
	text-decoration: none;
	color: #000;
}


input, textarea, select, button {
	outline: none;
}

textarea:not(.camoflauge) {
	height: 200px !important;
}

textarea.camoflauge {
	line-height: 24px;
	overflow: hidden;
	transition: height ease .2s;
	-webkit-transition: height ease .2s;
	-moz-transition: height ease .2s;
	-ms-transition: height ease .2s;
	-o-transition: height ease .2s;
}

textarea.camoflauge:focus {
	height: 100px !important;
	overflow-y: auto;
}

input[type=search] {
	width: 150px !important;
}

input[type=file] {
	width: 100%;
}

button:not(.fc-button), a.button, input[type=button], input[type=submit], input[type=reset], label.button {
	font-size:13px;
	font-weight:800;
	min-width: 91px;
    padding: 3px 25px;
    height: 32px;
    line-height: 23px;
    cursor: pointer;
    display: inline-block;
    /*margin: 15px;*/
    /*width:200px;
    height: 44px;*/
    border-radius: 12px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

button.back, a.button.back {
	float: right;
}


button:not(.fc-button):after, a.button:after, input[type=button]:after, input[type=submit]:after, input[type=reset]:after, label.button:after {
	content: '';
	position: absolute;
	/*z-index: -1;*/
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 100%;
	height: 100%;
	/*border-radius를 부모버튼모양에 어떻게 맞추지...*/
	/*여의치 않을 경우 모양이 다른 버튼스타일마다 after, hover에 대한 부분을 별개로 작성해야 할듯*/
	border-radius:12px;
	top: 0;
	left: -100%;
	/*opacity: 0;/*opacity처리 한 이유는 width값이 시작 될 때 어색해서*/
	background: rgba(0,0,0,0.3);
}

/*hover*/
button:hover:after, a.button:hover:after, input[type=button]:hover:after, input[type=submit]:hover:after, input[type=reset]:hover:after, label.button:hover:after,
button:active:after, a.button:active:after, input[type=button]:active:after, input[type=submit]:active:after, input[type=reset]:active:after, label.button:active:after,
button:focus:after, a.button:focus:after, input[type=button]:focus:after, input[type=submit]:focus:after, input[type=reset]:focus:after, label.button:focus:after {
	left: 0;
	/*opacity: 1;*/
}

.text-center {
	text-align: center;
}


button, a.button, input[type=button], input[type=submit], input[type=reset], label.button, .btn-normal {background-color: #5c7182; color:#fff;}
.btn-silver, .nextBtn {background-color: #bfc5c9 !important; color:#fff !important;}
.btn-gray, button[type=reset] {background-color: #a0a0a0 !important; color:#fff !important;}
.btn01 {background-color: #2d9b78 !important; color: #ffffff !important;}
.btn02 {background-color: #d76464 !important; color:#fff !important;}
.btn03 {background-color: #f0824b !important; color:#fff !important;}
.btn04 {background-color: #3c7382 !important; color:#fff !important;}
.btn-disable {background-color: #e1e1e1 !important; color:#fff !important;}

.btn-disable.btn:after {
	display: none;
}

button > i, a.button > i, input[type=button] > i, input[type=submit] > i, input[type=reset] > i, label.button > i {
	font-style: normal;
	position: relative;
	z-index: 1;
	margin: 0 auto;
}

/*button:hover, a.button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
	background-color: #173949;
}*/

.button-area {
	text-align: center;
	margin: 0 0 50px;
}


ul, ol {
	list-style: none;
}

body, html {
	height: 100%;
	background-color: #eef0f4;
}

header > div,
section > div,
nav > div,
article .content-area,
footer .links,
footer .copyright {
	width: 1170px;
	margin: 0 auto;
}


/*********************************************/
/********custom*ad*kpbma*style****************/
/*********************************************/
header, nav, article, section {
	width: 100%;
}
.container {
	width: 1170px;
	margin:0 auto;
}

header {
	height: 70px;
	border-bottom: 1px #e1e1e1 solid;
}
header>.logo>.container>div {
	/*이미지로넣으면됩니다 임시로지정해둔부분입니다*/
	/*font-family: 'Nanum Square';*/
	color:#005dab;
	padding-top: 20px;
	font-size: 12px;
	font-weight: 700;
	float: right;
}
header>.logo>.container>div>a {
	float: left;
	margin-left: 10px;
	box-sizing: border-box;
	padding: 7px 21px;
	border: 1px #e1e1e1 solid;
	font-size: 14px;
	font-weight: 700;
	border-radius: 100px;
}
header>.logo>.container>div>a:hover {
    background-color: #005dab;
    color: #fff;
}
/************nav****************/
nav {
	height: 44px;
	background-color: #fff;
	border-bottom: 1px #e1e1e1 solid;
}
nav>.menu-wrap {
	font-size: 0;
}
nav>.menu-wrap>.menu-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	padding: 0 30px;
	box-sizing: border-box;
	width: 25%;
	border-left: 1px #e1e1e1 solid;
	cursor: pointer;
	transition: all .1s ease-out;
}
nav>.menu-wrap>.menu-btn:last-child {
	border-right: 1px #e1e1e1 solid;
}
nav>.menu-wrap>.menu-btn>span {
	/* font-family: 'Nanum Gothic'; */
	font-weight: 700;
	font-size: 16px;
	transition: all .1s ease-out;
}
nav>.menu-wrap>.menu-btn>span:nth-of-type(2) {
    font-size: 9px;
    margin-left: 2em;
    color: #ccc;
}

nav>.menu-wrap>.menu-btn>span:first-child {	color:#3c3c3c; }
nav>.menu-wrap>.menu-btn>span:last-child { color:#c8c8c8; }
/*hover action*/
nav>.menu-wrap>.menu-btn:hover {
	background-color: #173949;
}
nav>.menu-wrap>.menu-btn:hover>span {color:#fff;}

nav>.menu-wrap>.menu-btn>.dropdown-menu {
	display: none;
	position: absolute;
    background-color: #fff;
    top: 44px;
    left: 0;
    width: 100%;
    z-index: 6;
	box-shadow: 0 15px 15px 0 rgb(0 0 0 / 30%);
}
nav>.menu-wrap>.menu-btn>.dropdown-menu>a {
	width: 100%;
	display: block;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	padding: 0 30px;
    border-left: 1px #e1e1e1 solid;
    border-right: 1px #e1e1e1 solid;
    border-bottom: 1px #e1e1e1 solid;
}
nav>.menu-wrap>.menu-btn>.dropdown-menu>a:hover {
	background-color: #173949;
    border-left: 1px #173949 solid;
    border-right: 1px #173949 solid;
    border-bottom: 1px #173949 solid;
	color:#fff;
}
nav>.menu-wrap>.menu-btn:hover>.dropdown-menu {
	display: block;
}

/************nav****************/


.img-btn {
	display: block;
	text-indent: -9999px;
}

.text01 {
	/* font-family: "Nanum Square"; */
	color: #3c3c3c;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.05em;
}

.text01 > .point {
	/* font-family: "Nanum Square"; */
	font-size: 22px;
	font-weight: 900;
}

.text01 > .point.red {
	color: #ee6670;
}

.text01 > .point.green {
	color: #15aaaa;
}

.text02 {
	color: #787878;
	font-size: 12px;
	font-weight: 800;
}

.text03 {
	color: #3c3c3c;
	font-size: 12px;
	font-weight: 700;
}

.text04 {
	color: #26436b;
	font-size: 11px;
	font-weight: 400;
}

.text05 {
	/* font-family: "Nanum Square"; */
	color: #3c3c3c;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.05em;
}

#top-logo {
	margin: 15px 0 0;
}

#footer-logo {
	width: 210px;
	height: 36px;
	margin: 15px 0 0;
}

body > .wrapper {
	min-height: 100%;
	position: relative;
	padding-bottom: 120px;
}


header,
nav.main {
	width: 1170px;
	min-width: 100%;
	background-color: #fff;
	border-bottom: #e1e1e1 1px solid;
}

/* header style - start */
header {
	height: 70px;
}


header ul {
	float: right;
}

header ul > li {
	float: left;

}
header ul >li > a {
	display: block;
	height: 70px;
	line-height: 70px;
	padding: 0 15px;
	width: 100px;
	text-align: center;

	color: #8c8c8c !important;
	font-size: 13px;
	font-weight: 800;
}
header ul >li > a:hover {
	color: #3c3c3c !important;
}
/* header style - end */

/* nav main style - start */

nav.main ul {
	width: 100%;
	height: 44px;
}

nav.main ul > li {
	border-right: 1px solid #e1e1e1;
	float: left;
	width: 20%;
}
nav.main ul > li:nth-of-type(1) {
	border-left: 1px solid #e1e1e1;
}

nav.main ul > li > a {
	/*font-family: 'Nanum Square';*/
	text-align: center;
	display: block;
	width: 100%;
	height: 44px;
	line-height: 44px;

	color: #3c3c3c;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.05em;
}


nav.main ul > li > a:hover {
	background-color: #173949;
	color: #fff;
}

/* nav main style - end */


/* footer links style - start */

footer {
	width: 1170px;
	min-width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #fff;
}

footer > div.footer {
	border-top: 1px solid #e1e1e1;
}

footer .links {
	height: 36px;
}

footer .links ul {
	float: right;
}

footer .links ul > li {
	float: left;

	color: #646464;
	font-size: 14px;
	font-weight: 400;
}

footer .links ul > li::before {
	content: "|";
	width: 10px;
	padding: 0 15px;
}

footer .links ul > li:nth-of-type(1)::before {
	content: " ";
}

footer .links ul > li > a {
	display: inline-block;
	height: 36px;
	line-height: 36px;
}

/* footer links style - end */

/* footer copyright style - start */

footer .copyright {
	height: 84px;
}

footer .copyright table {
	width: 100%;
	height: 100%;
}

footer .copyright p {
	color: #646464;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: -0.025em;
}

footer .copyright p.small {
	margin-top: 17px;
	font-size: 10px;
}

/* footer copyright style - end */

/* section style - start */

section {
	padding: 30px 0;
}

section aside.left {
	float: left;
	width: 270px;
}

section aside.right {
	float: right;
	width: 870px;
	/*padding-left: 30px;*/
}

section aside div.box {
	position: relative;
	width: 100%;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 15px;
    overflow: hidden;
}

section aside div.box > div {
	width: 100%;
	padding: 15px;
}

section aside div.box > div.header {
	height: 44px;
	padding: 8px 10px 5px;	
	border-bottom: 1px solid #e1e1e1;
}

section aside div.box > div.header + div.body {
	padding: 5px 10px 10px;
}

/* section style - end */

.modal {
	max-width: inherit !important;
}


/* JQUERY MODAL CUSTOM */
.modal {
	border-radius: unset !important;
	-wekit-border-radius: unset !important;
	-moz-border-radius: unset !important;
	-ms-border-radius: unset !important;
	-o-border-radius: unset !important;

	box-shadow: unset !important;
	-wekit-box-shadow: unset !important;
	-moz-box-shadow: unset !important;
	-ms-box-shadow: unset !important;
	-o-box-shadow: unset !important;
}

.modal a.close-modal {
/*top: 1.5px !important;
right: 2.5px !important;
background-image: none !important;
content: "×" !important;
color: #000 !important;*/
display: none !important;
}


table.table.table-bordered:not(.dataTable) {
	margin-bottom: 50px;
}

table.table.table-bordered:not(.dataTable) th,
table.table.table-bordered:not(.dataTable) td {
	border: 1px solid #e1e1e1;
}

table.table.table-bordered:not(.dataTable) th {
	background-color: #fafafa;
}


.prevInput, .nextBtn {
	border-radius: 12px;
	cursor: pointer;
	background-color: #a0a0a0;
    text-align: center;
    margin: 0 !important;
    padding: 3px 25px;
    min-width: 91px;
    width: auto !important;
	float: left;
}

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

.prevInput {
	max-width: 100px;
	border-radius: 12px 0 0  12px !important;
}

input[type=file] + .prevInput {
	max-width: 120px;
}

.nextBtn {
	line-height: 18px !important;
	height: 24px !important;
	border-radius: 0 12px 12px 0 !important;
}

.nextBtn:after {
	border-radius: 0 12px 12px 0 !important;
}

[type=file] + a,
.nextBtn + a {
	display: block;
	clear: both;
}

/* popup custom */

div:not(.ssi-warning) > .ssi-modalTitle {
	/* font-family: 'Nanum Square' !important; */
	font-size: 18px !important;
	font-weight: 700 !important;
	letter-spacing: -0.05em !important;
	font-style: normal !important;
	width: 100%;
	padding: 20px 25px !important;
	color: #fff;
	border-radius: 8px 8px 0 0;
	background: #0b1c24; /* Old browsers */
	background: -moz-linear-gradient(top, #0b1c24 0%, #173949 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0b1c24 0%,#173949 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0b1c24 0%,#173949 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b1c24', endColorstr='#173949',GradientType=0 ); /* IE6-9 */
}

.ssi-modalWindow {
	/* 18 6 5*/
	padding: 0 !important;
}

.ssi-modalContent,
.ssi-buttons {
	margin-left: 6px;
	margin-right: 6px;
}

.ssi-buttons {
	margin-bottom: 5px;
}

.document-box, .alert-box {
	border-radius: 16px;
	padding: 15px 50px;
}

.document-box {
	border: 2px solid #5c7182;
	background: url(/assets/images/result-infobox-background.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: right bottom;
}

.document-box > h4,
.alert-box > h4 {
	position: relative;
	/* font-family: "Nanum Square"; */
	font-size: 18px;
	font-weight: 500;
}
.document-box > h4 {
	color: #000;
}

.document-box > h4::before {
	position: absolute;
	left: -30px;
	top: 2px;
	content: "";
	width: 22px;
	height: 20px;
	background-image: url(/assets/images/result-infobox-icon04.png);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.document-box > div,
.alert-box > div {
	/* font-family: "Nanum Gothic"; */
	font-size: 13px;
	font-weight: 700;
}

.document-box > div {
	color: #18394a;	
}

.document-box > *:not(:first-child) {
	margin-top: 5px;
}


.alert-box {
	margin-top: 15px;
	border: 2px solid #d76464;
}

.alert-box > h4 {
	color: #ff0000;
}

.alert-box > h4::before {
	position: absolute;
	left: -30px;
	top: 2px;
	content: "";
	width: 22px;
	height: 20px;
	background-image: url(/assets/images/result-modify-icon.png);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.alert-box > div {
	color: #646464;	
}

/* navigator */
.navigator {
	position: fixed;
	bottom: 50px;
	right: 50%;
	margin-right: -475px;
	z-index: 99;
	width: 640px;
	height: 80px;
	/*margin-left: 100px;*/
	opacity: .5;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;

}

.navigator:hover {
	opacity: 1;
}

.navigator .step {
	width: 100%;
	overflow: hidden;
	border: none;
	border-radius : 16px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
	height: 80px;
	cursor: move;
}

.navigator.short {
	width: 80px;
}

.navigator.short .step {
}

.navigator.short .step > div:not(.active) {
	display: none;
}

.navigator .step > div {
	position: relative;
	height: 100%;
	font-size: 10px;
	width: 80px;
	float: left;
	text-align: center;
	/*padding-left: 25px;*/
	background: #f2f2f2;
	background: -moz-linear-gradient(left, #f2f2f2 0%, #ffffff 25%);
	background: -webkit-linear-gradient(left, #f2f2f2 0%,#ffffff 25%);
	background: linear-gradient(to right, #f2f2f2 0%,#ffffff 25%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1 );
}

.navigator .step > div.active > .normal-img {
	display: none;
}

.navigator .step > div:not(.active) > .active-img {
	display: none;
}

.navigator .step + span {
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	top: -20px;
	right: -20px;
	background-image: url(/assets/images/icom-zoom-in.png);
	cursor: pointer;
}

.navigator.short .step + span {
	background-image: url(/assets/images/icom-zoom-out.png);
}

.navigator .step > div.active {
	background: #18394a;
}

.navigator .step div:not(:last-child)::after {
	z-index: 1;
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid none;
	border-left: 10px solid  #fff;
	bottom: 20px;
	right: -10px;
}
.navigator .step > div.active:not(:last-child)::after {
	border-left: 10px solid #18394a;
}

a[href^="/uploads/"][href$=".pdf"] {
	color: blue
}

.info.file .flex {
    display: flex;
    justify-content: flex-end;
}

.info.file .flex > label + img {
    margin-left: 5px;
}

.info.file .hiddenInput ~ div > a {
    color: #00f;
    font-size: 12px;
    display: inline-block;
    width: 220px;
    word-break: break-all;
    margin-top: 2.5px;
    padding: 0 2.5px;
    /* border-right: 1px #e1e1e1 dashed; */
    /* background-color: #f0f0f0; */
}

.info.file .hiddenInput ~ div > span {
    float: right;
    margin-right: 10px;
    margin-left: 0px!important;
    font-size: 11px;
    line-height: 0;
    margin-top: 1.5px;
    position: relative;
    /* background-color: #f0f0f0; */
    padding: 2px 6px;
}

.info.file .hiddenInput ~ div > span > span {
    position: relative;
    display: block;
    float: right;
    margin-top: 7px;
    margin-left: 3.5px;
}

.info.file .hiddenInput ~ div > span::before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 1px;
    border-top: 1px #aaa dotted;
    left: -7.5px;
    top: 50%;
}

.info.file tr:not(:first-child):not(:last-child) {
    border-bottom: 1px #f0f0f0 solid;
}

.info.file tr:not(:first-child):not(:last-child) td:last-child {
    background-color: #fafafa;
    font-size: 12px;
}