@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype'); } 
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 700; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype'); } 
@font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 800; src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot); src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype'); }


body {
  margin: 0;
  font-family:'noto sans kr', 'nanum gothic', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7em;
  color: #555;
  word-break: keep-all; 
  background-color: #fff; 
}

@media (max-width: 991px) {
body {
  font-size: 14px;}
 }
 
 
h1, h2, h3, h4, h5, h6 {
font-family: 'noto sans kr', 'nanum gothic', sans-serif;
font-weight: 600; margin:0;
}

h2 {
font-size: 2.1em; color:#222; line-height:1.4em;}
h3 {
font-size: 1.6em; color:#333; line-height:1.3em;}
h4 {
font-size: 1.2em; color:#333; line-height:1.4em;}
h5 {
font-size: 1.05em; color:#444;}
h6 {
font-size: 0.95em; color:#444; }

p { margin: 0; font-size:1.2em; line-height:1.7em;}

 @media (max-width: 991px) {
 h2 {font-size: 1.8em; }
h3 {font-size: 1.4em;}
p {font-size:1.1em; }
 }
 
 
 .fw-300 {font-weight:300;}
 .fw-400 {font-weight:400;}
 .fw-500 {font-weight:500;}
.fw-600 {font-weight:600;}
.fw-700 {font-weight:700;}
 
.tt-u {text-transform:uppercase;}

span.small {font-size:95%;}
span.big {font-size:105%;}

.alt-font {font-family: 'Montserrat';}


a, a:hover, a:focus {
  color: inherit; text-decoration:none; outline:none;
}


ul {
list-style:none; margin:0; padding:0;}
ul.hor li {
float:left;}

.img_cell img {
			max-width:100%;}
.img-cell {
overflow:hidden;
background-size: cover !important; background-position: center !important;}
.img-cell img {
		width:100%;}
.img-cell-max {
 text-align:center;}
.img-cell-max img {
	max-width:100%;}
		
.container {
  position:relative;}


table {
  width: 100%; background:none;}
  table.default th {
		text-align: center;
				padding: 10px 10px;
			}
			table.default thead {
				background: #666;
				color: #fff;
			}
			table.default td {
				padding: 10px 10px;
			}
			
			
.btn {
  font-size: 1em; color:inherit;
  border: 1px solid #ccc;
  padding: 8px 30px; margin:20px auto 0;
  border-radius: 30px; 
}
.btn:hover {
  color:#fff; background:#4f8fc0;  border-color:transparent;
  }
.btn:focus{
  outline: 0;
  box-shadow: none;}
 
@media (max-width: 991px) {
  .btn {
  padding: 6px 25px; font-size:0.95em;}
  }
  
.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 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-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-small {
padding:4px 20px; font-size:0.95em;}
 
.btn-circle {
 width:80px; height:80px; padding:0; border-radius:50%; display:table; line-height:1.5em;}
.btn-circle span {
display:table-cell; vertical-align:middle;}
.btn-circle:hover {
border-color:transparent; background:rgba(0,0,0, 0.5);}

@media (max-width: 991px) {
.btn-circle {
 width:70px; height:70px; }
  }
  
.btn-text {
border-color:transparent; padding:0; margin-top:10px; font-weight:500;}
.btn-text:hover {
background:transparent; color:inherit;}

.btn-solid {
		border:1px solid transparent; color:#fff; background: rgba(14, 129, 136, 0.5);	}
	.btn-solid:hover {
		background: rgba(14, 129, 136, 1);}

.btn-white {
color:#fff; border-color:#fff;}
.btn-white:hover {
border-color:transparent; background:rgba(0,0,0, 0.5);}

.btn-solid-white {
		border:1px solid transparent; color:#333; background: rgba(255, 255, 255, 1);	}


  
.alert {
  position: relative;
  padding: 15px; margin-bottom: 0;
  border: 1px solid transparent; border-radius: 5px;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.alert-green {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;}


 .modal-dialog {
margin:0 auto;}
.modal-header {
  padding: 20px 1rem 10px;
}
.modal-header .close {
margin:0; padding:0; font-size:2.5em; color:#777;}



.bg {
background-size: cover !important;
		background-position: center center !important;}
.bg-none {
background:none;}
.bg-primary {
  background-color: #83a1bd !important;
}
.bg-secondary {
  background-color: #6c757d !important;
}
.bg-light {
  background-color: #f8f9fa !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-orange {
background:#e69934;}
.bg-blue {
background:#5b95c9;}
  .bg-green {
 background-color: #478d49; color:#fff; }
  .bg-gray {
 background:#eee;}
 .bg-red {
 background:#e12239;}
 .bg-yellow {
background:#e9d820;}
.bg-black {
background:#000;}
.bg_green_dark {
background:#073324;}

		
.border {
border:1px solid #ccc;}
.bd {
border:1px solid #ccc;}
.bd-5 {
border:5px solid #ccc;}
.bdt {
border-top:1px solid #ccc;}
.bdb {
border-bottom:1px solid #ccc;}

.border-light {
  border-color: #f8f9fa !important;
}
.border-dark {
  border-color: #343a40 !important;
}
.border-white {
  border-color: #fff !important;
}
.bd-light {
border-color:#eee;}


.border-radius {
border-radius:5px;}
.bdrs-5 {
border-radius:5px;}
.bdrs-10 {
border-radius:10px;}
.bdrs-50 {
border-radius:50%;}


.c-white, .c-white h1, .c-white h2, .c-white h3, .c-white h4, .c-white h5, .c-white h6  {
 color: #fff; }
.c-primary {
color:#96b533;}
.c-blue {
color:#5b95c9;}
.c-green-dark {
 color: #0f6749; }
.c-green {
color:#96b533;}
 .c-gray {
 color:#aaa;}
.c-orange {
color:#dd7130;}
.c-yellow {
color:#e9d820;}
.c-dark {
color:#073324;}


.d-none {
  display: none !important;}

@media (max-width: 991px) {
  .lg-d-none {display:none;}
}

.d-table {
  display: table !important;
}

.d-table-cell {
  display: table-cell !important;
}
.d-tb{display:table; position:relative;}	
.d-tbc {display:table-cell; vertical-align:middle;}	

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.ov-h {
overflow:hidden;}

.d-block {
display:block;}
.d-i-block {
display:inline-block;}

.pos-r {position:relative;}
.pos-a {position:absolute;}

 @media (min-width: 992px) {
.pos-lg-a {position:absolute;}
 }
 
.z-0 {z-index:0;}
.z-10 {z-index:10;}

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

@media (max-width: 991px) {
.lg-t-center {text-align:center;}
}

.f-right {float:right;}

@media (min-width: 992px) {
.f-lg-right {float:right;}
 }

	
	.m-0 {margin:0px;}
	.mlr-auto {margin:0 auto;}
	.m-0-auto{margin:0 auto;}
	
	.mt-10-auto {margin:10px auto 0;}
	.mt-15-auto {margin:15px auto 0;}
	.mt-20-auto {margin:20px auto 0;}
	.mt-30-auto {margin:30px auto 0;}
	.mt-40-auto {margin:40px auto 0;}
	
	.mt-1 {margin-top:1px !important;}
	.mt-2 {margin-top:2px !important;}
	.mt-5 {margin-top:5px !important;}
	.mt-10 {margin-top:10px;}
	.mt-15 {margin-top:15px;}
	.mt-20 {margin-top:20px;}
	.mt-25 {margin-top:25px;}
	.mt-30 {margin-top:30px;}
	.mt-40 {margin-top:40px;}
	.mt-50 {margin-top:50px;}
	.mt-60 {margin-top:60px;}
	.mt-70 {margin-top:70px;}
	.mt-80 {margin-top:80px;}

	.mb-10 {margin-bottom:10px;}
	.mb-50 {margin-bottom:50px;}
	
.ml-5 {margin-left:5px !important;}
.ml-10 {margin-left:10px;}
	
	.mr-5 {margin-right:5px !important;}
	.mr-10 {margin-right:10px;}
	.mr-20 {margin-right:20px;}
	.mr-30 {margin-right:30px;}

@media (min-width: 768px) {
.mt-md-0 {margin-top:0px;}
}

@media (min-width: 992px) {
.mt-lg-0 {margin-top:0px;}
.mt-lg-10 {margin-top:10px;}
.mt-lg-20 {margin-top:20px;}
.mt-lg-30 {margin-top:30px;}
.mt-lg-40 {margin-top:40px;}
.mt-lg-50 {margin-top:50px;}
.mt-lg-60 {margin-top:60px;}
.mt-lg-80 {margin-top:80px;}
.mt-lg-100 {margin-top:100px;}
.mt-lg-120 {margin-top:120px;}
.mb-lg-50 {margin-bottom:50px;}
}	


.p-0 {padding:0 !important;}
.p-4 {padding:4% !important;}
.p-5 {padding:5% !important;}
.p-10 {padding:10px;}
.p-20 {padding:20px;}
.p-30 {padding:30px;}

.ptb-2 {padding-top:2%; padding-bottom:2%;}
.ptb-3 {padding-top:3%; padding-bottom:3%;}
.ptb-4 {padding-top:4%; padding-bottom:4%;}
.ptb-5 {padding-top:5%; padding-bottom:5%;}
.ptb-20 {padding-top:20px; padding-bottom:20px;}
.ptb-30 {padding-top:30px; padding-bottom:30px;}
.ptb-40 {padding-top:40px; padding-bottom:40px;}
.ptb-50 {padding-top:50px; padding-bottom:50px;}
.ptb-60 {padding-top:60px; padding-bottom:60px;}

.plr-2 {padding-left:2%; padding-right:2%;}
.plr-3 {padding-left:3%; padding-right:3%;}
.plr-5 {padding-left:5%; padding-right:5%;}
.plr-6 {padding-left:6%; padding-right:6%;}
.plr-10 {padding-left:10%; padding-right:10%;}
.plr-15 {padding-left:15%; padding-right:15%;}

@media (min-width: 768px) {
.plr-md-0 {padding-left:0%; padding-right:0%;}
.plr-md-15 {padding-left:15%; padding-right:15%;}
}

@media (min-width: 992px) {
.p-lg-5 {padding:5% !important;}
.ptb-lg-4 {padding-top:4%; padding-bottom:4%;}
.ptb-lg-40 {padding-top:40px; padding-bottom:40px;}
.ptb-lg-50 {padding-top:50px; padding-bottom:50px;}
.ptb-lg-60 {padding-top:60px; padding-bottom:60px;}
.ptb-lg-80 {padding-top:80px; padding-bottom:80px;}
.ptb-lg-100 {padding-top:100px; padding-bottom:100px;}
.plr-lg-5 {padding-left:5%; padding-right:5%;}
.plr-lg-10 {padding-left:10% !important; padding-right:10% !important;}
.plr-lg-15 {padding-left:15%; padding-right:15%;}
.plr-lg-20 {padding-left:20%; padding-right:20%;}
.plr-lg-25 {padding-left:25%; padding-right:25%;}
.pl-lg-5 {padding-left:5% !important;}
}


.w-30 {width:30%;}
.w-35 {width:35%;}
.w-40 {width:40%;}
.w-45 {width:45%;}
.w-55 {width:55%;}
.w-60 {width:60%;}
.w-70 {width:70%;}
.w-80 {width:80%;}
.w-90 {width:90%;}

@media (min-width: 992px) {
.w-lg-30 {width:30%;}
.w-lg-35 {width:35%;}
.w-lg-40 {width:40%;}
.w-lg-45 {width:45%;}
.w-lg-50 {width:50%;}
.w-lg-55 {width:55%;}
	.w-lg-60 {width:60%;}
	.w-lg-70 {width:70%;}
	.w-lg-80 {width:80%;}
	.w-lg-85 {width:85%;}
	.w-lg-90 {width:90%;}
	.w-lg-100 {width:100%;}
	}

 
@media (min-width: 992px) {
.h-lg-500 {height:500px;}
}

 
.line {background:#ddd; height:1px;}
.line-ver {width:1px; height:20px; background:#ddd;}




/* overlay */
	
	@-moz-keyframes overlay-hide {
		0% {
			opacity: 1;
			z-index: 100000;
		}

		15% {
			opacity: 1;
			z-index: 100000;
		}

		99% {
			opacity: 0;
			z-index: 100000;
		}

		100% {
			opacity: 0;
			z-index: -1;
		}
	}

	@-webkit-keyframes overlay-hide {
		0% {
			opacity: 1;
			z-index: 100000;
		}

		15% {
			opacity: 1;
			z-index: 100000;
		}

		99% {
			opacity: 0;
			z-index: 100000;
		}

		100% {
			opacity: 0;
			z-index: -1;
		}
	}

	@keyframes overlay-hide {
		0% {
			opacity: 1;
			z-index: 100000;
		}

		15% {
			opacity: 1;
			z-index: 100000;
		}

		99% {
			opacity: 0;
			z-index: 100000;
		}

		100% {
			opacity: 0;
			z-index: -1;
		}
	}



		body:after {
			-moz-animation: overlay-hide 0.5s ease-in forwards !important;
			-webkit-animation: overlay-hide 0.5s ease-in forwards !important;
			animation: overlay-hide 0.5s ease-in forwards !important;
			background: #ffffff;
			content: '';
			display: block;
			height: 100%;
			left: 0;
			opacity: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: -1;
		}