@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@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'); }

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}



/* Reset */

	html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ol, ul, li, table, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
	}

	body {
		background: #fff;
		font-family:'open sans', 'Noto Sans KR', sans-serif;
		font-weight: 400;
		font-size: 15px;
		line-height: 1.7em;
		color: #555;
			text-decoration: none; word-break: keep-all; overflow-x:hidden !important;
	}

	ol, ul {
		list-style: none;
	}
	
	@media all and (max-width: 991px) {
			body {
			 font-size:14px;}
			}


	
/* Basic */

	h1, h2, h3, h4, h5, h6 {
	font-family: 'open sans', 'Noto Sans KR', sans-serif;
		font-weight: 700;
		color: inherit;
	}

	h2 {font-family: 'Montserrat','Noto Sans KR'; font-size: 2.1em; color:#222; line-height:1.3em;}
	h3 {font-size: 1.4em; color:#333; line-height:1.4em;}
	h4 {font-size: 1.2em; color:#333; line-height:1.5em;}
	h5 {font-size:1.0em; color:#444;}
	
	p {margin:0;}

@media (max-width: 991px) {
	h2 {font-size: 1.7em; }
	h3 {font-size: 1.3em;}
			}
			
.fw-100 {font-weight:100;}
.fw-300 {font-weight:300;}
.fw-400 {font-weight:400;}
.fw-500 {font-weight:500;}
.fw-700 {font-weight:700;}

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


.lh-0 {line-height:0;}


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

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


	
	/* 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;
		}



	.border{border:1px solid red;}
	.text_center {text-align:center;}
	.text_right {text-align:right;}	
	
	.m-0 {margin:0 !important;}
	.m-0-auto {margin:0 auto;}
	
	.mt-20-auto {margin:20px auto 0;}
	
	.mt-1 {margin-top:1px !important;}
	.mt-5 {margin-top:5px !important;}
	.mt-10 {margin-top:10px;}
	.mt-15 {margin-top:15px;}
	.mt-20 {margin-top:20px;}
	.mt-30 {margin-top:30px;}
	.mt-40 {margin-top:40px;}
	.mt-50 {margin-top:50px;}
	.mt-60 {margin-top:60px;}
	
	.mb-50 {margin-bottom:50px;}

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

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

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

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

.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-30 {padding-top:30px; padding-bottom:30px;}

.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%;}

@media (min-width: 992px) {
.plr-lg-5 {padding-left:5%; padding-right:5%;}
.plr-lg-10 {padding-left:10%; padding-right:10%;}
.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%;}
}


.w-40 { width:40%;}
.w-55 { width:55%;}
.w-80 { width:80%;}

@media (min-width: 768px) {
	.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-30 {width:30%;}
.w-lg-40 {width:40%;}
	.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-90 {width:90%;}
	}



 
 	.line {background:#ddd; width:100%; height:1px;}
	
		.img_cell img {
			max-width:100%;}
	.img-cell img {
		width:100%;}


.ov-h {overflow:hidden;}

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

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

.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;
}

.d-block {
display:block;}
.d-i-block {
display:inline-block;}
		
.pos-r {position:relative;}
.pos-a {position:absolute;}

.z-10 {z-index:10;}

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



/* Table */

	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;
			}
			

/* Button */
	.btn {
	padding:8px 30px;  margin:20px auto 0; border:1px solid #ccc; 
	font-family: 'Montserrat','Noto Sans KR', sans-serif; font-weight:500;
	transition: 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
	}
.btn:hover{
color:#fff; background:#5c8dba; border-color:transparent;}
.btn:focus, .btn:active:focus {
outline:none; box-shadow:none; color:inherit; }

.btn-small {
padding:4px 25px; font-size:0.9em;}

.btn-big {
padding:10px 40px; font-weight:600; border-width:2px; border-radius:6px;}

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

@media (max-width: 991px) {
.btn {
	padding:6px 25px;}
}
		
.btn-circle {
 width:80px; height:80px; padding:0; border-radius:50%; display:table; line-height:1.5em;
border-color:#fff;}
.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-white {
color:#fff; border-color:#fff;}

.btn-text {
border:0; padding:0; margin-top:10px; font-size:0.95em;}
.btn-text:hover {
background:transparent; color:inherit;}



.bg {
background-size: cover !important;
		background-position: center center !important;}
.bg-none {
background:none !important;}
	.bg-primary {
 background: #5b95c9; }
.bg-dark {
 background:#32363a !important;}
.bg-white {
 background:#fff;}
 .bg-blue {
background:#5b95c9;}
.bg-light {
background:#eee;}
.bg-gray {
background:#eee;}
.bg-green {
 background: #478d49; }
.bg-org {
background:#e69934;}

 
 .c-primary {
 color: #5b95c9; }
.c-white, .c-white h2, .c-white h3, .c-white h4, .c-white h5, .c-white a {
	color:#fff;}	
.c-blue {
color:#5b95c9;}
.c-green {
 color: #478d49; }
.c-org {color:#e18429;}
.c-yellow { color: #ece022;}
.c-gray {color:#777;}


 .border-1c {border:1px solid #ccc;overflow:hidden;}
 .bdt {border-top:1px solid #ccc;}
 
.bdrs-5 { border-radius:5px;}
 
 
 .overlay {position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;
background:#000; transition: 0.2s ease-out; -webkit-transition: all 0.2s ease-out;}

  .alert {
  padding: 20px; margin-bottom:0;
  border: 1px solid #ccc;  border-radius: 5px;
}
.alert-gray {background:#eee; border-color:#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-color:#bce8f1;}
 .alert-yellow {
 color: #8a6d3b;  background-color: #fcf8e3;
 border-color: #faebcc;}
  
  
 .modal-dialog { 
 margin:0 auto;}
.modal-header .close {
font-size:2.5em;}