@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&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 {
  font-family:'open sans', 'nanum gothic', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.7em;
  color: #555;
  text-decoration: none; word-break: keep-all; 
  min-width:360px;
}

@media (max-width: 991px) {
body {
  font-size: 14px;}
}


ol, ul {
		list-style: none; margin:0; padding:0;}

	
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
color: inherit;
margin:0;
}

h2 {
font-family:'open sans', 'nanum gothic', sans-serif; font-size: 2.1em; color:#222; line-height:1.4em;}
h3 {
font-size:1.5em; color:#222; line-height:1.5em;}
/*h3.sml {
font-size:1.45em;}*/
h4 {
font-size:1.2em; color:#333; line-height:1.5em;}
/*h4.sml {
font-size:1.15em;}*/
h5 {
font-size:1.0em; color:#444; line-height:1.5em;}
h6 {
font-size:0.95em;}

p { margin: 0;}
/*p.sml { font-size:0.95em;}*/

 @media (max-width: 991px) {
 h2 {font-size:1.7em;}
h3 {font-size:1.4em;}
}


.fw-200 {font-weight:200;}
.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;}

.small, span.small {font-size:95%; font-weight:inherit;}
.min, span.min {font-size:95%; font-weight:inherit;}
span.big {font-size:105%;}
span.max {font-size:105%;}

.tt-none {text-transform:none;}
.tt-u {text-transform:uppercase;}
.tt-c {text-transform:capitalize;}

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

 @media (min-width: 992px) {
 .t-lg-left {text-align:left;}
 .t-lg-right {text-align:right;}
 }
 
.lh-15 {line-height:1.5em;}


a {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}

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

img {
  vertical-align: middle;
  border-style: none;
}


.img-fluid {
  max-width: 100%;
  height: auto;
}

.img_cell img {
			width:100%;}
.img-cell {
overflow:hidden;}
.img-cell img {
			width:100%;}

.container {
  position:relative;}


.btn {
  border: 1px solid #ccc; padding: 5px 30px; margin:20px auto 0; border-radius: 30px;
  font:inherit; color:inherit;
  transition:0.2s ease-out; -webkit-transition: all 0.2s ease-out;
}
.btn:hover {
  color:#fff; border-color:transparent; background:#4894b0;
  text-decoration: none;
  box-shadow: none;
}
.btn:focus {
  box-shadow: none;}
 
  @media (max-width: 991px) {
 .btn {padding: 3px 20px; font-size:0.9em;}
 }
 
.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-small {
padding:3px 25px; margin-top:15px; font-size:0.95em;}

.btn-min {
padding:3px 25px; margin-top:15px; 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:75px; height:75px;}
 }
 
.btn-circle-min {
 width:70px; height:70px; padding:0; border-radius:50%; display:table; font-size:0.95em; line-height:1.4em;}
.btn-circle-min span {
display:table-cell; vertical-align:middle;}
.btn-circle-min:hover {
border-color:transparent; background:rgba(0,0,0, 0.5);}

 @media (max-width: 991px) {
 .btn-circle-min {
 width:65px; height:65px;}
 }

.btn-solid {
		border-color:transparent; color:#fff; background: rgba(72, 148, 176, 0.6);	}
.btn-solid:hover {
	background: rgba(72, 148, 176, 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-color:transparent; background:rgba(255,255,255, 1); color:#444;}
.btn-solid-white:hover {
 background:rgba(0,0,0, 0.5); color:#fff;}

.btn-text {
border:0; padding:0; margin-top:10px;  
font-family: 'Montserrat','nanum gothic'; font-weight:600; font-size:0.95em;}
.btn-text:hover {
background:transparent; color:inherit;}



  .m-0 {margin:0 !important;}
  .m-0-auto {margin:0 auto;}
  
  .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-50-auto {margin:50px 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-80 {margin-top:80px;}
	
	.mb-50 {margin-bottom:50px;}
	.mb-60 {margin-bottom:60px;}
	.mb-80 {margin-bottom:80px;}
	.mb-100 {margin-bottom:100px;}
	
	.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;}

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

@media (min-width: 992px) {
.mt-lg-50-auto {margin:50px auto 0;}
.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-70 {margin-top:70px;}
.mt-lg-80 {margin-top:80px;}
.mt-lg-100 {margin-top:100px;}
.mt-lg-120 {margin-top:120px;}
.mb-lg-0 {margin-bottom:0px;}
.mb-lg-50 {margin-bottom:50px;}
.mb-lg-100 {margin-bottom:100px;}
}	

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

.ptb-1 {padding-top:1%; padding-bottom:1%;}
.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-4 {padding-left:4%; padding-right:4%;}
.plr-5 {padding-left:5%; padding-right:5%;}

.pb-50 {padding-bottom:50px;}

.pl-20 {padding-left:20%;}

@media (min-width: 768px) {
.ptb-md-10 {padding-top:10px; padding-bottom:10px;}
.plr-md-5 {padding-left:5%; padding-right:5%;}
.pl-md-5 {padding-left:5%;}
.pr-md-5 {padding-right:5%;}
}

@media (min-width: 992px) {
.plr-lg-2 {padding-left:2%; padding-right:2%;}
.plr-lg-3 {padding-left:3%; padding-right:3%;}
.ptb-lg-4 {padding-top:4%; padding-bottom:4%;}
.ptb-lg-5 {padding-top:5%; padding-bottom:5%;}
.ptb-lg-10 {padding-top:10px; padding-bottom:10px;}
.ptb-lg-20 {padding-top:20px; padding-bottom:20px;}
.ptb-lg-30 {padding-top:30px; padding-bottom:30px;}
.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%;}
.pb-lg-70 {padding-bottom:70px;}
.pb-lg-80 {padding-bottom:80px;}
}


.wh-100 {width:100%; height:100%;}

.w-30 {width:30%;}
.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: 768px) {
.w-md-40 {width:40%;}
	.w-md-50 {width:50%;}
	.w-md-60 {width:60%;}
	.w-md-70 {width:70%;}
	.w-md-80 {width:80%;}
	.w-md-90 {width:90%;}
	}
	
@media (min-width: 992px) {
.w-lg-20 {width:20%;}
.w-lg-25 {width:25%;}
.w-lg-30 {width:30%;}
.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-75 {width:75%;}
	.w-lg-80 {width:80%;}
	.w-lg-90 {width:90%;}
	.w-lg-95 {width:95%;}
	.w-lg-100 {width:100%;}
	}
	

.h-80 {height:80%;}
.h-300 {height:300px;}
.h-400 {height:400px;}
	
@media (min-width: 992px) {
.h-lg-auto {height:auto;}
.h-lg-100 {height:100%;}
.h-lg-200 {height:200px;}
.h-lg-300 {height:300px;}
.h-lg-350 {height:350px;}
.h-lg-400 {height:400px;}
.h-lg-450 {height:450px;}
.h-lg-500 {height:500px;}
.h-lg-600 {height:600px;}
}


 
table {
  width: 100%;}
  table.default th {
				text-align: center;
				padding: 10px 10px;
			}
			table.default thead {
				background: #666;
				color: #fff;
			}
			table.default td {
				padding: 10px 10px;
			}
			
 
 
.alert {
  padding: 20px; margin-bottom:0;
  border: 1px solid transparent;  border-radius: 5px;
}
.alt {
position: relative;
  padding: 15px; margin-bottom:0; border-radius: 4px;}
  
.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-gray {background:#eee; border:1px solid #ccc;}
.alert-green {
  color: #478d49; background-color: #dff0d8;
  border:1px solid #d6e9c6;}
 .alert-green-hard {
color: #fff; background-color: #478d49; }
.alert-blue {
  color: #31708f;  background-color: #d9edf7;
  border:1px solid #bce8f1;}
.alert-yellow {
  color: #8a6d3b;  background-color: #fcf8e3;
 border:1px solid #faebcc;} 
.alert-red {
  color: #a94442;  background-color: #f2dede;
  border:1px solid #ebccd1;}
  

.modal-dialog {
margin:0 auto;}
.modal-header .close {
font-size:2.5em;}



.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  opacity: 0;
}


.bg {
background-size: cover !important;
		background-position: center center !important;}
.bg-none {
background:none !important;}

.bg-primary {
  background:#5b95c9 !important;}
.bg-secondary {
  background-color: #6c757d !important;
}
.bg-light {
  background-color: #f8f9fa !important;
}
.bg-dark {
  background-color: #343a40 !important; color:#fff;}
.bg-orange {
background:#e69934;}
.bg-blue {
background:#5b95c9;}
  .bg-green {
 background-color: #478d49; }
.bg_red {
background:#d02940;}
.bg-gray {
background:#eee;}
.bg-yellow {
background:#e8db44;}
.bg-brown {
background:#bf8c4c;}


 .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: #4a8cc8 !important; }
 .c-blue {
color:#4a8cc8;}
 .c-red {
color:#d02940;}
.c-orange {
color:#e69934;}
.c-green {
 color: #478d49; }
.c-yellow {color:#ffda2e;}
.c-dark {
color:#444;}
.c-gray {
color:#666;}
.c-light {
color:#ddd;}

.white, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6 {
 color:#fff;}
 .primary {
 color: #4a8cc8; }
.orange {
color:#e69934;}
.brown {
color:#bf8c4c;}


.d-none {
  display: none !important;}
 
@media (min-width: 992px) {
  .d-lg-none {display:none;}
}

 @media (max-width: 991px) {
.lg-d-none {display:none;}
 }
 
.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;
}

.ov-h {overflow:hidden;}

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

.d-tb{display:table; }	
.d-tbc {display:table-cell; vertical-align:middle;}	

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

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

.f-right {float:right;}
.f-left {float:left;}

@media (min-width: 992px) {
.f-lg-right {float:right;}
 }
 
 
.line {background:#ddd; width:100%; height:1px;}

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

.bdrs-0 {border-radius:0px !important;}
.bdrs-3 {border-radius:3px;}
.bdrs-5 {border-radius:5px;}
.bdrs-10 {border-radius:10px;}

.bdrs-50 {border-radius:50%;}

		
ul.hor li {
float:left;}

ul.bullet li::before {
	background: #666; width: 3px; height: 3px; margin-right: 5px; vertical-align: middle; display: inline-block; content: "";}

.no {
 width:18px; height:18px; border-radius:50%; display:inline-block; text-align:center;}


.card {
border:0; border-radius:0;}
.card .img-cell {
	overflow: hidden;  border-radius:5px; position:relative;}
.card .img-cell img {
	transition:0.2s ease-out;  transform: scale(1); -webkit-transition: all 0.2s ease-out; -webkit-transform: scale(1);	}
.card .co:hover .img-cell img {
	transform: scale(1.2); -webkit-transform: scale(1.2);}
.card .desc {
	margin-top:25px; text-align:center; position: relative; }
.card .desc h3, .card .desc h4 {
border-bottom:1px solid #ccc; padding: 0px 0 15px; }
.card .desc h3 {
text-transform:capitalize; }
.card .desc h4 {
text-transform:uppercase; word-spacing:0.02em; }
.card .desc p { 
margin: 10px 0px 0px; padding:0 5%;}

@media (max-width: 575px) {
.card .desc {
	margin-top:15px;}
.card .desc h3 {
padding: 0px 0 10px; }
}





/* 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.3s ease-in forwards !important;
			-webkit-animation: overlay-hide 0.3s ease-in forwards !important;
			animation: overlay-hide 0.3s ease-in forwards !important;
			background: #ffffff;
			content: '';
			display: block;
			height: 100%;
			left: 0;
			opacity: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: -1;
		}