@import url('fonts.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500;600;700&display=swap');
@import url("bootstrap-icons.css");
body::-webkit-scrollbar {
    width: 0.7em;
		height: 0.7em;
		background-color: #fff;
}
nav::-webkit-scrollbar,
ul::-webkit-scrollbar,
div::-webkit-scrollbar {
    width: 0.3em;
		height: 0.3em;
		background-color: #fff;
}
@media (max-width: 992px) {
	nav::-webkit-scrollbar,
	ul::-webkit-scrollbar,
	div::-webkit-scrollbar {
			width: 0em;
			height: 0em;
			background-color: #fff;
	}
}
nav::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track, 
div::-webkit-scrollbar-track, 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
}
nav::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb,
div::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background-color: #ddd;
  outline: 0px solid slategrey;
}
body {
  font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;
	font-size:15px;
	padding:0;
	margin:0;
	font-weight:400;
	color:#000;	
	overflow-y:scroll;
}
@media (max-width: 992px) {
	body {
		font-size:13px;
		padding-top:47px;
	}
	body.termswrap {
		padding-top:0;
	}
}
button:focus:not(:focus-visible) {
  outline: 0;
}
button:focus {
  outline: 0 !important;
}
/* Common */
img {
  border: 0;
}
a {
  color: #000;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #555;
  text-decoration: none;
}
a.link {
  color: #555;
	text-decoration: underline;
}
a.link:hover,
a.link:focus {
  color: #555;
  text-decoration: underline;
}
.underline {
	text-decoration: underline;
}
ol, ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.text-grey, 
a.grey:link, 
a.grey:hover, 
a.grey:visited, 
a.grey:active { 
	color:#999999;
}
@media (max-width: 992px) {
	h1, .h1 {
		font-size: 2.2rem;
	}

	h2, .h2 {
		font-size: 1.75rem;
	}

	h3, .h3 {
		font-size: 1.25rem;
	}

	h4, .h4 {
		font-size: 1.15rem;
	}

	h5, .h5 {
		font-size: 1rem;
	}

	h6, .h6 {
		font-size: 0.9rem;
	}
}
.text-primary {
  color: #eb008b !important;
}
a.text-primary:hover, a.text-primary:focus {
  color: #c81369 !important;
}
.text-lg {
	font-size:27px;
}
/* Button */
.btn {
  line-height: 1.5;
	min-width:110px;
  border-radius: 50rem;
  padding: 0.75rem 1rem;
  font-size: 17px;
  line-height: 1.5;
	font-weight:700;
}
.modal .btn {
  padding: 0.75rem 1rem;
  font-size: 15px;
	min-width:110px;
}
@media (max-width: 992px) {
	.btn {
		padding: 0.55rem 1rem;
		font-size: 15px;
		line-height: 1.3;
	}
}
@media (max-width: 992px) {
	.btn-block + .btn-block {
		margin-top: 0.2rem;
	}
}
.btn-circle {
	border-radius:50px;
	width:28px;
	height:28px;
	min-width:auto;
	padding:0;
	padding:1px;
	border:1px solid #fff;
}
.btn-primary {
  color: #fff;
  background-color: #e6007e;
  border-color: #e6007e;
}

.btn-primary:hover {
  color: #fff;
  background-color: #d80081;
  border-color: #d80081;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #d80081;
  border-color: #d80081;
  box-shadow: 0 0 0 0.2rem rgba(239, 101, 177, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #aaa;
  background-color: #ddd;
  border-color: #ddd;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #d80081;
  border-color: #d80081;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(239, 101, 177, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #aaa;
  background-color: #ddd;
  border-color: #ddd;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-outline-primary {
  color: #e6007e;
  border-color: #e6007e
}

.btn-outline-primary:hover {
  color: #d80081;
  background-color: #fff;
  border-color: #d80081;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
   box-shadow: 0 0 0 0.2rem rgba(239, 101, 177, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #e6007e;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #d80081;
  background-color: #fff;
  border-color: #d80081;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(239, 101, 177, 0.5);
}

.btn-outline-secondary {
  color: #777;
  border-color: #777;
	background-color: #fff;
}

.btn-outline-secondary:hover {
	background-color: #fff;
	color: #777;
  border-color: #777;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.1);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #777
	background-color: #fff;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  background-color: transparent;
  color: #777;
  border-color: #777;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.2);
}

.btn-outline-dark {
  color: #070707;
  border-color: #070707;
}

.btn-outline-dark:hover {
  background-color: transparent;
	color: #070707;
  border-color: #070707;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-lg, .btn-group-lg > .btn {
  padding: 0.75rem 1rem;
  font-size: 17px;
  line-height: 1.5;
	font-weight:700;
}
.btn-sm, .btn-group-sm > .btn {
  padding: 0.35rem 1.75rem;
  font-size: 14px;
  line-height: 1.5;
	min-width:auto;
}
.btnwrap {
	border-radius:100px;
	background-color:#f8f8f8;
	padding:30px;
	margin-top:30px;
	margin-bottom:50px;
}
.btnwrap.white {
	background-color:#fff !important;
}
@media (max-width: 992px) {
	.btn-lg, .btn-group-lg > .btn {
		padding: 0.55rem 1rem;
		font-size: 15px;
		 line-height: 1.3;
	}
	.btnwrap {
		position:fixed;
		bottom:0;
		z-index:999;
		width:100%;
		border-radius:0px;
		background-color:#f8f8f8;
		padding:20px 30px;
		margin-bottom:0px;
		margin-left:-12px;
		margin-right:-12px;
		font-size:12px;
	}
	.btnwrap .col-6 {
		padding-right: 5px;
		padding-left: 5px;		
	}
	.btnwrap h6 {
		font-size:13px;
		margin:0;
	}
}
/* Grid */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  padding-right: 10px;
  padding-left: 10px;
}
.container {	
	clear:both;
	max-width: 1220px;	
	position:relative;
}
@media (max-width: 992px) {
	.container {	
		clear:both;
		position:relative;
	}
}
/* Layout */
@charset "UTF-8";
.navbar {
	position:relative;
	width:100%; 
	padding:0; 
	margin:0; 
	height:70px; 
	border-bottom:0px solid #ddd;
}
.navbar .container .navbar-brand {
	position:absolute;
	top:5px;
	margin:-20px 20px 5px 0px;
	padding:0;
	z-index:9999;
}
@media (max-width: 992px) {
	.navbar {
		position:relative;
		width:100%; 
		padding:0; 
		margin:0; 
		height:50px; 
		border-bottom:0px solid #ddd;
	}
	.navbar .container .navbar-brand {
	top:0px;
	}
	.navbar .container .navbar-brand img {
	height:19px;
	}
}
.footerwrap {
	clear:both; 
	width:100%; 
	border-top:1px solid #ccc;
	margin:50px 0 0 0; 
	overflow:auto; 
	overflow:hidden; 
}
.footer {
	margin:0 auto; 
	padding:40px 0 10px; 
	font-size:13px; 
	line-height:160%;
	margin-bottom:30px;
	font-weight:400;
	color:#777;
}
.footer-link {	
	display:inline-block;
	margin:0 auto;	
}
.footer-link li {
	list-style-type:none;	
	display:inline; 
	float:left;
	padding-right:20px;	
}
.footer-link li a {
	color:#777;
}
.footer-copy {
	clear:both;
	font-size:13px; 
	padding:5px 0 !important;	
	font-weight:400;
}
.footer h5 {
	color:#333;
	font-weight:700;
	font-size:17px;
	margin:5px 0 10px 0;
}
.footer-line {
	display:inline-block;
	width:10px;
	height:9px;
	border-right:1px solid #ccc;
	margin-right:10px;
}
@media (max-width: 992px) {
	.footer {
		padding:30px 0 90px 0; 
		font-size:12px; 
		line-height:140%;
	}
	.termswrap .footer {
		padding:30px 0 20px 0; 
	}
	.footer-link li {
		padding-right:7px;	
	}
	.footer-copy {
		font-size:12px; 
		padding:5px 0 !important;
		line-height:1.3;
	}
	.footer h5 {
		font-size:15px;
		margin:15px 0 10px 0;
	}
	.footer-line {
		display:block;
		width:100%;
		height:0;
		border-right:0px solid #ccc;
		margin-right:0px;
	}
}
.chat-icon {
	position:fixed; 
	right:30px; 
	bottom:70px; 
	z-index:9999;
}
#pagetop {
	position:fixed; 
	right:30px; 
	bottom:142px; 
	z-index:9999;
}
#pagetop a {
	background-color:#ddd;
	color:#333;
	font-size:17px;
	display:block;
	width:62px;
	height:34px;
	padding-top:3px;
	border-radius:50px;
	text-align:center;
}
@media (max-width: 992px) {
	.chat-icon {
		right:7px; 
		bottom:65px; 
	}
	#pagetop {
		right:7px;
		bottom:135px; 
	}
	.termswrap #pagetop {
		right:7px;
		bottom:35px; 
	}
}
.hide {
	display:none;
}
.breadcrumb {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  padding: 0.75rem 1rem;
  background-color: transparent;
  border-radius: 0rem;
	font-size:13px;
	color: #999 !important;
	margin-bottom:0;
}
.breadcrumb a {
  color: #222;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #999;
  content: "\f285"; 
  font-family: "bootstrap-icons";
}
.breadcrumb-item.active {
  color: #333;
}
@media (max-width: 992px) {
	.breadcrumb {
		font-size:	12px;
		letter-spacing:-1px;
		padding: 0.75rem 0rem;
	}
	.breadcrumb-item + .breadcrumb-item {
		padding-left: 0.2rem;
	}
}
.subvisualwrap {
	padding:70px 0;
	background-color:#fff5ff;
	overflow:auto;
}
.page-header {
	position:relative;
	margin:0 0 5px; 
	padding:27px 0 0px 0;	
	text-align:left;
	height:200px;
}
.page-header.auto {
	height:auto;
}
.page-header h2 {
	font-size:37px;
	font-weight:700;
	letter-spacing:-1px;
	margin:0;
	line-height: 47px;
}
.page-header p {
	margin-top: 17px;
	color: #333;
	font-size: 20px;
	line-height: 30px;
	letter-spacing:-1px;
}
.page-header figure {
	position:absolute;
	right:0;
	bottom:-10px;
}
@media (max-width: 992px) {
	.page-header {
		padding:17px 0 0px 0;	
		text-align:center;
		height:auto;
	}
	.page-header h2 {
		font-size:21px;
		margin:0 auto;
		line-height: 23px;
	}
	.page-header p {
		margin-top: 10px;
		color: #333;
		font-size: 13px;
		line-height: 1.5;
		letter-spacing:-1px;
	}
	.page-header figure {
		position:relative;
	}
	.page-header figure img {
		height:100px;
	}
}
.subvisual {
	position:absolute;
	right:0;
	bottom:0;
}

.sub-line {
	width:100%;
	position: relative;
	margin: 0 auto;
	border-top:1px solid #ddd;
}
.sub-wrap {
	position: relative;
	margin: 0 auto;
}
.sub-wrap .sub-head {
	position: relative;
	min-height: 200px;
	padding: 20px 30px 0 40px;
	margin: 0 auto;
	background-size: cover;
	background: no-repeat bottom bottom;
	border-radius: 17px;
	background-color:#dfd6ff;
	color: #000;
}
.termswrap .sub-wrap .sub-head {
	background: no-repeat bottom bottom;
	min-height: 177px;
	padding-top:30px;
}
.sub-wrap .sub-head-lg {
	position: relative;
	padding: 20px 30px 20px 40px;
	min-height:200px;
	margin: 0 auto;
	background-size: cover;
	background: no-repeat bottom center;
	border-radius:17px;
	background-color:#dfd6ff;
	color: #000;
}
.apply-bg  {
	border-radius: 17px;
	border:1px solid #ececec;
	box-shadow: 0 6px 12px 0 rgb(0 0 0 / 5%);
	background: #fff;
	position: relative;
	margin-top: 30px;
	padding: 30px 55px 30px 55px;
}
.apply-bg-grey  {
	border-radius: 17px;
	border:1px solid #ececec;
	box-shadow: 0 6px 12px 0 rgb(0 0 0 / 5%);
	background: #f5f6f8;
	position: relative;
	margin-top: 30px;
	padding: 30px 55px 30px 55px;
}
.apply-bg.top  {
	margin-top: 0px;
}
.info-top {
	padding: 10px 50px;
	border: 3px solid #e6007e;
	display:inline-block;
	margin:30px auto;
	border-radius:500px;
	font-size:27px;
	font-weight:700;
	text-align:center;
}
@media (max-width: 992px) {
	.info-top {
		padding: 7px 30px;
		margin:20px auto;
		font-size:17px;
	}
}
.form-bg-grey {
	margin:20px -20px;
	padding:30px 20px 15px 20px;
	background-color:#efefef;
	border-radius: 12px;
}
.form-bg-yellow {
	margin:20px -20px 0 -20px;
	padding:30px 20px 15px 20px;
	background-color:#fbf5d5;
	border-radius: 12px;
}
@media (max-width: 1280px) {
	.sub-wrap {
		min-width: 100%;
	}
	.sub-wrap .sub-head {
		margin: 0 10px;
		border-radius: 40px 0 40px 40px;
	}
	.sub-wrap .sub-head-lg {
		padding: 0px 0 0 0;
		margin: 0;
		border-radius: 40px 0 40px 40px;
	}
	.form-bg-grey {
		margin:20px -16px;
		padding:30px 16px 15px 16px;
		border-radius: 0px;
	}
	.form-bg-yellow {
		margin:20px -16px 0 -16px;
		padding:30px 16px 15px 16px;
		border-radius: 0px;
	}
}
@media (max-width: 992px) {
	.sub-wrap {
		min-width: 100%;
	}
	.sub-wrap .sub-head {
		min-width: 100%;
		min-height: 210px;
		padding: 0px 0 0 0;
		border-radius: 0px 0 0px 0px;
		margin: 0px;
	}
	.sub-wrap .sub-head-lg {
		padding: 0px 0 0 0;
		margin: 0;
		min-height: 470px;
		border-radius: 0px 0 0px 0px;
	}
	.apply-bg  {
		border-radius: 17px;
		margin-top: 30px;
		margin-left:3px;
		margin-right:3px;
		padding: 20px 15px 20px 15px;
	}
	.apply-bg.top  {
		margin-top: -275px;
		border:1px solid #fff;
	}
}

hr {
	border-top: 1px solid #ddd;
}
hr.dark {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 3px solid #000;
}
.darklight {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #000;
}
.bbs-list a:hover {
	background-color:#F7F8F8;
}
.p-05 {
  padding: 0.15rem !important;
}
.num {
	text-align:center;
}
.date {
	text-align:center;
}
.memo {
	line-height:200% !important;
	margin-bottom:0;
}
@media (max-width: 992px) {
	.bbs-list {
		margin-left:-10px;
		margin-right:-10px;
	}
	.bbs-list .row {
		padding-left:12px;
		padding-right:12px;
	}
	.num {
		text-align:left;
	}
	.date {
		text-align:left;
	}
}
.terms {
	font-size:14px;
}
.terms h5 {
	font-weight:700;
	font-size:21px;
	margin-top:30px;
}
.terms h6 {
	font-weight:700;
	font-size:17px;
	margin-top:30px;
	margin-bottom:15px;
}
.terms ul {
	margin:0;
	padding:0;
	margin-left:20px;
	line-height:170%;
}
@media (max-width: 992px) {
	.terms {
		font-size:12px;
	}
	.terms .sub-title {
		font-size: 17px;
    line-height: 21px;
    padding: 0px 0 0px 0;		
	}
	.terms h5 {
		font-size:15px;
		margin-top:30px;
	}
	.terms h6 {
		font-size:14px;
		margin-top:30px;
		margin-bottom:15px;
	}
}
table thead th {
	background-color: #f7f7f7;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.table-bordered thead th, .table-bordered thead td {
	border-bottom-width: 1px;
}
.table-active,
.table-active > th,
.table-active > td {
	background-color: #f7f7f7;
}