@charset "utf-8";

/* font */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	src: url(../font/Pretendard-Regular.woff2) format('woff2'),
		 url(../font/Pretendard-Regular.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	src: url(../font/Pretendard-SemiBold.woff2) format('woff2'),
		 url(../font/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 800;
	src: url(../font/Pretendard-ExtraBold.woff2) format('woff2'),
		 url(../font/Pretendard-ExtraBold.woff) format('woff');
}

/* reset */
*, *::before, *::after {
	padding:0px; margin:0px; box-sizing:border-box; outline:0;
}
html, body, div, span, img, iframe, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, pre, form, input, button, textarea, blockquote, abbr, address, em, cite, fieldset, label, legend, select, table, caption, thead, tbody, tfoot, th, tr, td, header, footer, section, article, nav, aside, figure {
	margin:0px; padding:0px; box-sizing:border-box;
}
h1, h2, h3, h4, h5, h6 {
	font-family:inherit;
}
pre, code, address, figcaption, caption, em, code, samp, cite {
	font-family:inherit; font-size:inherit; line-height:1.5; font-style:normal; font-weight:normal;
}
input, button, select, optgroup, textarea {
    font-family:inherit; font-size:inherit; line-height:inherit;
}
button {
	cursor:pointer;
}
img {
	border:0; vertical-align:top;
}
iframe, table {
	border:none;
}
table {
	border-spacing:0; border-collapse:collapse;
}
caption {
	display:none;
}
th {
	font-weight:normal; text-align:inherit; vertical-align:middle;
}
td {
	font-weight:normal; text-align:inherit; vertical-align:middle;
}
article, aside, figcaption, figure, footer, header, main, nav, section {
	display:block;
}
a, a:link, a:visited, a:hover, a:active {
	text-decoration:none;
}
textarea {
	resize:none;
}

/* common */
html, body {
	font-family:'Pretendard','Malgun Gothic','맑은 고딕',sans-serif; font-size:16px; line-height:1.4; color:#555; word-break:break-all; word-wrap:break-word;
}
.sc-block {
	display:block !important;
}
.sc-hide {
	display:none !important;
}
ul {
	list-style:none;
}
.sc-ta-l {
	text-align:left;
}
.sc-ta-c {
	text-align:center;
}
.sc-ta-r {
	text-align:right;
}
.sc-w-120 {
	width:120px !important;
}
::placeholder {
	color:#aaa !important;
}

.sc-form-input {
	width:100%; height:32px; font-size:14px; color:#222; padding:0 8px; border:1px solid #ccc; border-radius:3px;
}
textarea.sc-form-input {
	width:100%; height:auto; padding:5px 8px;
}
.sc-form-input.sc-calendar {
	padding:0 25px 0 8px; background:url("../images/calendar_24.svg") 100% 50% no-repeat; cursor:default;
}
.sc-form-input-set {
	position:relative; display:block;
}
.sc-form-input-set .sc-label {
	position:relative; font-size:14px; line-height:1.4; color:#222; font-weight:400; margin-bottom:5px;
}
.sc-form-input-set .sc-form-input {
	width:100%;
}
.sc-radio-group {
	position:relative; display:flex; flex-wrap:wrap;
}
.sc-radio-group .sc-item {
	position:relative; flex:0 0 25%; min-width:150px; max-width:25%; padding:3px 0;
}
.sc-form-checkbox, #sc-safetyCheck .sc-form-radio {
	display:inline-flex; align-items:center; font-family:inherit; font-size:14px; line-height:1.4; color:#222;
}
.sc-form-checkbox input, #sc-safetyCheck .sc-form-radio input {
	margin-right:7px;
}

.sc-form-file {
	position:relative; width:100%; max-width:280px; min-width:120px; height:32px;
}
.sc-form-file .sc-fileName {
	display:flex; align-items:center; position:absolute; top:0; left:0; width:100%; height:100%;  font-size:14px; line-height:1.2; color:#222; font-weight:400; white-space:nowrap; overflow:hidden; padding:0 32px 0 8px; border:1px solid #ccc; border-radius:3px; z-index:0;
}
.sc-form-file .sc-fileName::after {
	content:""; position:absolute; top:0; right:0; width:32px; height:100%; border-left:1px solid #ddd; background:#f4f4f4 url("../images/file_24.svg") 50% 50% no-repeat;
}
.sc-form-file input[type='file'] {
	width:100%; height:100%; opacity:0; z-index:1;
}
.sc-tbl-wrapper {
	position:relative; width:100%; overflow-x:auto;
}
.sc-tbl {
	width:100%;
}
.sc-tbl thead > tr {
	border-top:1px solid #e4e4e4; background-color:#f8f8f8;
}
.sc-tbl thead th {
	font-size:inherit; line-height:1.2; color:#333; font-weight:600; text-align:center; vertical-align:middle; padding:5px; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;
}
.sc-tbl tbody > tr {
	border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;
}
.sc-tbl thead + tbody > tr:first-child {
	border-top:2px solid #e4e4e4;
}
.sc-tbl tbody td {
	font-size:inherit; line-height:1.2; color:inherit; text-align:center; vertical-align:middle; padding:5px; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;
}
.sc-tbl tbody th {
	font-size:inherit; line-height:1.2; color:#333; font-weight:600; text-align:inherit; vertical-align:middle; padding:5px; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; background-color:#f8f8f8;
}
.sc-btn-tbl {
	display:inline-flex; align-items:center; font-size:14px; line-height:1.2; color:#555; font-weight:600; border:0; outline:0; background-color:transparent; transition:all 0.25s;
}
.sc-btn-tbl:hover {
	color:#222;
}
.sc-btn-tbl.sc-btn-add::before {
	content:""; display:inline-block; width:12px; height:12px; background:url("../images/btn-icon-add.png") 50% 50% no-repeat; margin-right:3px;
}
.sc-btn-tbl.sc-btn-del::before {
	content:""; display:inline-block; width:12px; height:12px; background:url("../images/btn-icon-del.png") 50% 50% no-repeat; margin-right:3px;
}
.sc-btn-register {
	cursor:pointer; display:inline-flex; align-items:center; justify-content:center; width:120px; height:40px; font-size:16px; line-height:1.2; color:#00224B; font-weight:600; border:0; outline:0; border-radius:5px; background:#ffd600; transition:all 0.25s;
}
.sc-btn-register:hover {
	background-color:#ffae12;
}
.sc-row-inline {
	display:flex; align-items:center; position:relative;
}
.sc-row-inline span {
	padding:0 5px;
}

/* modal */
.sc-modal {
	position:fixed; display:none; width:100%; height:100%; top:0; left:0; z-index:999; overflow:hidden;
}
.sc-modal::after {
	content:""; position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.5); z-index:-1;
}
.sc-modal.sc-show {
	display:block;
}
.sc-modal-dialog {
	position:relative; display:flex; width:auto; max-width:360px; min-height:calc(100% - 60px); align-items:center; margin:30px auto;
}
.sc-modal-content {
	position:relative; display:flex; flex-direction:column; width:100%; border-radius:4px; background-color:#fff; box-shadow:0 2px 6px 0 rgba(0,0,0,0.2); overflow:hidden;
}
.sc-modal-header {
	display:flex; align-items:center; justify-content:flex-end; padding:10px 10px 5px 10px;
}
.sc-modal-header .sc-btn-close {
	position:relative; width:20px; height:20px; border:0; background:transparent;
}
.sc-modal-header .sc-btn-close::before {
	content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background-color:#999; transform:rotate(45deg); transition:all 0.25s;
}
.sc-modal-header .sc-btn-close::after {
	content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background-color:#999; transform:rotate(-45deg); transition:all 0.25s;
}
.sc-modal-header .sc-btn-close:hover::before {
	background-color:#555;
}
.sc-modal-header .sc-btn-close:hover::after {
	background-color:#555;
}
.sc-modal-body {
	position:relative; flex:1 1 auto; display:flex; align-items:center; justify-content:center; min-height:120px; padding:0 15px 15px 15px;
}
.sc-modal-body .sc-inner {
	text-align:center;
}
.sc-modal-body .sc-complete-message {
	font-size:20px; line-height:1.4; color:#222; font-weight:400;
}
.sc-modal-body .sc-addtional-message {
	font-size:16px; line-height:1.4; color:#222; font-weight:400; margin-top:15px;
}
.sc-modal-footer {
	display:flex; height:42px; border-top:1px solid #d3d7dc;
}
.sc-modal-footer .sc-btn {
	flex:1; border:0; background:#eaeff4; transition:all 0.25s;
}
.sc-modal-footer .sc-btn:hover {
	background:#d8e5f2;
}
.sc-modal-footer .sc-btn:not(:first-child) {
	border-left:1px solid #d3d7dc;
}

@media screen and (max-width:500px) {
	.sc-modal-dialog {
		width:auto; max-width:none; margin:30px 20px;
	}
}