@import url("/CSS/font-awesome.min.css");
/*
	Verti by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}
/*
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
*/


html {
	box-sizing: border-box;
}

*, *:before, *:after {
		box-sizing: inherit;
}

body {
		background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("images/bg01.png");
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("images/bg01.png");
		background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("images/bg01.png");
		background-image: linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("images/bg01.png");
		background-color: #fff;
		background-position: top left, top left;
		background-repeat: repeat-x, repeat;
		background-size: 100% 30em, auto;
		font-family: 'Noto Sans KR', sans-serif;
		font-size: 1em;
		color: #696969;
		font-weight: 300;
		line-height: 2.25em;
}

body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
}

input, select, textarea {
		font-size: 1em;
		color: #696969;
		font-weight: 300;
		line-height: 2.25em;
}

a {
		color: #0090c5;
		text-decoration: underline;
}

a:hover {
		text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
		color: #444;
		font-weight: 700;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
			outline: 0;
}

h2 {
		font-size: 2.25em;
		margin: 0 0 1.1em 0;
		line-height: 1em;
}

h3 {
		font-size: 1.35em;
		margin: 0 0 1em 0;
}

b, strong {
		font-weight: 700;
		color: #444;
}

i {
		font-style: italic;
}

br.clear {
		clear: both;
}

sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
}

sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
}

hr {
		border: 0;
		border-top: solid 1px #eee;
}

blockquote {
		border-left: solid 0.5em #eee;
		padding: 1em 0 1em 2em;
		font-style: italic;
}

p, ul, ol, dl, table {
		margin-bottom: 2em;
}

/* À̹ÌÁö, Å×ÀÌºí ¹ÝÀÀÇü - È®´ë, Á¿ì À̵¿ ¹öÆ° */
.j-conts-img-wrap {position:relative;margin:auto; max-width:100%; padding:0;overflow-y:auto; overflow-x:none; }
.j-conts-img-wrap-box {position:relative; width:254px; margin:10px auto 5px;}
.j-conts-img-wrap .j-conts-img-wrap-btn {display:inline-block; padding:5px 0; margin:0 0 0 1px; width:60px; font-size:12px; text-align:center; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#f9f9f9;}
.j-conts-tbl-wrap {position:relative; max-width:100%; margin:0; padding:30px 0 5px; overflow-y:auto; overflow-x:none;}
.j-conts-tbl-wrap .j-conts-tbl-wrap-btn {position:absolute; top:1px; left:0; margin:0; padding:5px 10px; font-size:12px; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#f9f9f9;}


/* Container */

.container {
		margin: 0 auto;
		max-width: 100%;
		width: 1400px;
}

		@media screen and (max-width: 1680px) {

			.container {
				width: 1400px;
			}

		}

		@media screen and (max-width: 1400px) {

			.container {
				width: calc(100% - 20px);margin:0 0 0 10px;
			}

		}

		@media screen and (max-width: 980px) {

			.container {
				width: calc(100% - 20px);margin:0 0 0 10px;
			}

		}

		@media screen and (max-width: 736px) {

			.container {
				width: calc(100% - 20px);margin:0 0 0 10px;
			}

		}




/* Section/Article */

	section, article {
		margin-bottom: 5em;
	}

	section > :last-child,
	article > :last-child,
	section:last-child,
	article:last-child {
		margin-bottom: 0;
	}

	header {
		margin: 0 0 2em 0;
	}

		header h2, header h3 {
			margin: 0 0 0.25em 0;
		}

		header p {
			margin: 0;
		}

	footer {
		margin: 2.5em 0 0 0;
	}

/* Forms */

	form label {
		font-weight: 500;
		margin: 0;
		font-size: 1em;
		line-height: 3em;
		color: #444;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form textarea {
		-webkit-appearance: none;
		border-radius: 8px;
		border: solid 1px #ccc;
	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="password"]:focus,
		form select:focus,
		form textarea:focus {
			border-color: #0090c5;
		}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"] {
		line-height: 3em;
		padding: 0 1em;
	}

	form select {
		line-height: 3em;
		padding: 0 1em;
	}

	form textarea {
		min-height: 9em;
		padding: 1em;
	}

	form ::-webkit-input-placeholder {
		color: #555 !important;
	}

	form :-moz-placeholder {
		color: #555 !important;
	}

	form ::-moz-placeholder {
		color: #555 !important;
	}

	form :-ms-input-placeholder {
		color: #555 !important;
	}

	form ::-moz-focus-inner {
		border: 0;
	}

/*  tab */

.tabs { width:100%;overflow:hidden; padding:0 0 1px 0;margin:0 0 0px 0; }
.tabs div{float:left; width:24.999%;}
.tabs div a {display:block;text-align:center;font-size:1.2em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs div a.over { display:block;text-align:center; border:1px solid #ddd; border-bottom:5px solid #2351dc; background:#fff; color:#2351dc; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.b_tabs { width:100%;overflow:hidden;padding:0 0 1px 0; margin:0 0 20px 0; }
.b_tabs div{float:left; width:19.999%;}
.b_tabs div a {display:block;text-align:center;font-size:1em;height:3em;line-height:3em;overflow:hidden; color:#2780e3; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#ffff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.b_tabs div a.over { display:block;text-align:center; border:1px solid #2780e3; border-bottom:0px solid #333; background:#2780e3; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }


.main_tabs { width:100%;overflow:hidden; padding:0 0 1px 0;margin:0 0 20px 0; }
.main_tabs div{float:left; width:24.999%;}
.main_tabs div a {display:block;text-align:center;font-size:1.2em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#f7f7f7; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.main_tabs div a.over { display:block;text-align:center; border:1px solid #ddd; border-bottom:5px solid #333; background:#fff; color:#111; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }


ul.mtabs { width:100%;max-width:1000px; margin:auto;padding:0;overflow:hidden;padding-bottom:30px }
ul.mtabs li{float:left; width:19.9999%;}
ul.mtabs li a {display:block;text-align:center;font-size:1em;height:3em;line-height:3em;overflow:hidden; border:1px solid #aaa;border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; color:#111; padding:0px;margin:0 0px 0px 0;word-break:keep-all}
ul.mtabs li.active a { display:block;text-align:center; border:1px solid #204ba4; background:#204ba4; color:#fff; padding:0px;margin:0 0px 0px 0;word-break:keep-all}


/* Button */
.btn_h1 {-webkit-appearance:none; display:inline-block; font-size:1.6em;  text-decoration:none; cursor:pointer; border:0; border-radius:5px; background:#333; color:#fff !important; font-weight:500; outline:0;  padding:0.4em 1.2em 0.4em 1.2em; text-align:center; -moz-transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; -ms-transition:background-color .25s ease-in-out; transition:background-color .25s ease-in-out;}
.btn_h1:hover {background:#111;}
.btn_h1:active {background:#222;}
.btn_h1.blue {background:#0090c5 }
.btn_h1.blue:hover {background:#0061c5;}
.btn_h1.blue:active {background:#184a87;}

.btn_h2 {-webkit-appearance:none; display:inline-block; font-size:1.2em;  text-decoration:none; cursor:pointer; border:0; border-radius:5px; background:#333; color:#fff !important; font-weight:500; outline:0;  padding:0.4em 1.2em 0.4em 1.2em; text-align:center; -moz-transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; -ms-transition:background-color .25s ease-in-out; transition:background-color .25s ease-in-out;}
.btn_h2:hover {background:#111;}
.btn_h2:active {background:#222;}
.btn_h2.blue {background:#0090c5 }
.btn_h2.blue:hover {background:#0061c5;}
.btn_h2.blue:active {background:#184a87;}

.btn_h3 {-webkit-appearance:none; display:inline-block; font-size:1em;  text-decoration:none; cursor:pointer; border:0; border-radius:5px; background:#333; color:#fff !important; font-weight:500; outline:0;  padding:0.4em 1.2em 0.4em 1.2em; text-align:center; -moz-transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; -ms-transition:background-color .25s ease-in-out; transition:background-color .25s ease-in-out;}
.btn_h3:hover {background:#111;}
.btn_h3:active {background:#222;}
.btn_h3.blue {background:#0090c5 }
.btn_h3.blue:hover {background:#0061c5;}
.btn_h3.blue:active {background:#184a87;}

.btn_h4 {-webkit-appearance:none; display:inline-block; font-size:0.875em;  text-decoration:none; cursor:pointer; border:0; border-radius:5px; background:#333; color:#fff !important; font-weight:500; outline:0;  padding:0.4em 1.2em 0.4em 1.2em; text-align:center; -moz-transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; -ms-transition:background-color .25s ease-in-out; transition:background-color .25s ease-in-out;}
.btn_h4:hover {background:#111;}
.btn_h4:active {background:#222;}
.btn_h4.blue {background:#0090c5 }
.btn_h4.blue:hover {background:#0061c5;}
.btn_h4.blue:active {background:#184a87;}

.btn_h5 {-webkit-appearance:none; display:inline-block; font-size:0.75em;  text-decoration:none; cursor:pointer; border:0; border-radius:5px; background:#333; color:#fff !important; font-weight:500; outline:0;  padding:0.4em 1.2em 0.4em 1.2em; text-align:center; -moz-transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; -ms-transition:background-color .25s ease-in-out; transition:background-color .25s ease-in-out;}
.btn_h5:hover {background:#111;}
.btn_h5:active {background:#222;}
.btn_h5.blue {background:#0090c5 }
.btn_h5.blue:hover {background:#0061c5;}
.btn_h5.blue:active {background:#184a87;}

/* °úÁ¤º¸±â¿¡¼­ ¿ÞÂÊ ¿À¸¥ÂÊ ¼³Á¤ */
 .eview-box {border:3px solid #eee; border-radius:5px; padding:20px; overflow:hidden; width:100%; max-width:1400px; margin:0 auto 30px;}

 .l-eview { width:300px; float:left; }
 .l-eview img { width:100%; }
 .r-eview { width:calc(100% - 320px); float:right;}
 .r-eview a { display:inline-block;margin:10px 0 0;}

/* ÇöÀç¸ðÁýÁßÀΰúÁ¤ ¿ë */
table.reg-tbl-edu thead tr th {border-bottom:1px solid #ccc;line-height:1.1em;}
table.reg-tbl-edu tbody tr td {}
table.reg-tbl-edu thead tr th:nth-child(1) {width:100px;}
table.reg-tbl-edu tbody tr td:nth-child(1) {width:100px;}
table.reg-tbl-edu thead tr th:nth-child(2) {width:calc(100% - 180px);}
table.reg-tbl-edu tbody tr td:nth-child(2) {width:calc(100% - 180px);}
table.reg-tbl-edu thead tr th:nth-child(3) {width:120px;}
table.reg-tbl-edu tbody tr td:nth-child(3) {width:120px;}
table.reg-tbl-edu thead tr th:nth-child(4) {width:130px;}
table.reg-tbl-edu tbody tr td:nth-child(4) {width:130px;}

/* Table */
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #373a3c;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

/* Image */

	.image {
		display: inline-block;
		outline: 0;
	}

		.image img {
			display: block;
			width: 100%;
			border-radius: 8px;
		}

		.image.fit {
			display: block;
			width: 100%;
		}

		.image.featured {
			display: block;
			width: 100%;
			margin: 0 0 2.5em 0;
		}

		.image.left {
			float: left;
			margin: 0 2em 2em 0;
		}

		.image.centered {
			display: block;
			margin: 0 0 2.5em 0;
		}

			.image.centered img {
				margin: 0 auto;
				width: auto;
			}

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		-webkit-appearance: none;
		position: relative;
		display: inline-block;
		background: #0090c5;
		color: #fff;
		text-decoration: none;
		border-radius: 6px;
		font-weight: 500;
		outline: 0;
		border: 0;
		cursor: pointer;
		font-size: 1em;
		line-height: 3em;
		padding:0px 10px;
		margin:0 2px;
	}
/*
		input[type="button"].icon:before,
		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		button.icon:before,
		.button.icon:before {
			position: relative;
			margin-right: 0.5em;
			top: 0.05em;
		}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button:hover,
		.button:hover {
			background: #10a0d5;
		}

		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		button:active,
		.button:active {
			background: #20b0e5;
		}

		input[type="button"].alt,
		input[type="submit"].alt,
		input[type="reset"].alt,
		button.alt,
		.button.alt {
			background: #f1f1f1;
			background: rgba(0, 0, 0, 0.05);
			color: #444;
		}

			input[type="button"].alt:hover,
			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			button.alt:hover,
			.button.alt:hover {
				background: #e8e8e8;
				background: rgba(0, 0, 0, 0.085);
			}

			input[type="button"].alt:active,
			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			button.alt:active,
			.button.alt:active {
				background: #e4e4e4;
				background: rgba(0, 0, 0, 0.15);
			}

		input[type="button"].large,
		input[type="submit"].large,
		input[type="reset"].large,
		button.large,
		.button.large {
			font-size: 2.25em;
			padding: 0.8em 0.9em;
		}
*/
/* List */

	ul {
		list-style: disc;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

		ul.style2 {
			list-style: none;
			padding-left: 0;
		}

			ul.style2 li {
				padding-left: 0;
			}

	ol {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

/* Actions */

	ul.actions {
		list-style: none;
		padding-left: 0;
	}

		ul.actions li {
			display: inline-block;
			padding: 0 0 0 0.25em;
			margin: 0 0 0 0.25em;
		}

			ul.actions li:first-child {
				margin-left: 0;
				padding-left: 0;
			}

/* Menu */

	ul.menu {
		list-style: none;
		padding-left: 0;
	}

		ul.menu li {
			border-left: solid 1px #e0e0e0;
			display: inline-block;
			padding: 0 0 0 0.75em;
			margin: 0 0 0 0.75em;
		}

			ul.menu li:first-child {
				border-left: 0;
				margin-left: 0;
				padding-left: 0;
			}

/* Box */

	.box {
		background: #fff;
		border-radius: 6px;
		box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
		padding: 2em;
	}

		.box.feature {
			padding: 0;
		}

			.box.feature .inner {
				padding: 4em 2em 3em 2em;
			}

			.box.feature h2 {
				font-size: 1.35em;
			}

			.box.feature p {
				margin: 0;
			}

			.box.feature .image {
				position: relative;
				margin: 0;
			}

				.box.feature .image img {
					border-bottom-left-radius: 0;
					border-bottom-right-radius: 0;
				}

/* Icons */

	.icon {
		text-decoration: none;
		position: relative;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family:FontAwesome; 
			font-weight: 400;
		}

		.icon:before {
			line-height: inherit;
		}

		.icon.solid:before {
			font-weight: 900;
		}

		.icon.brands:before {
			font-family:FontAwesome; 
		}

		.icon > .label {
			display: none;
		}

/* Widgets */

	.widget.thumbnails .grid {
		margin: 0 0 3em 0;
	}

	.widget.thumbnails .image {
		margin: 0;
	}

	.widget.contact ul {
		list-style: none;
		padding-left: 0;
		overflow: hidden;
		position: relative;
		left: -4px;
		top: 4px;
		margin-bottom: 1.5em;
	}

		.widget.contact ul li {
			display: inline-block;
			margin-right: 0.25em;
			padding-left: 0;
		}

			.widget.contact ul li a {
				-moz-transition: background-color .25s ease-in-out;
				-webkit-transition: background-color .25s ease-in-out;
				-ms-transition: background-color .25s ease-in-out;
				transition: background-color .25s ease-in-out;
				display: inline-block;
				width: 2.5em;
				height: 2.5em;
				text-align: center;
				line-height: 2.5em;
				border-radius: 0.35em;
				outline: 0;
				opacity: 0.75;
				text-decoration: none;
				background: #222222;
			}

				.widget.contact ul li a:before {
					color: #f3f3f3;
					font-size: 1.5em;
					line-height: inherit;
				}

				.widget.contact ul li a:hover {
					background: #444444;
				}

				.widget.contact ul li a:active {
					background: #666666;
				}

/* Wrappers */

	#header-wrapper {
		padding: 4.5em 0 3em 0;
	}

	#features-wrapper {
		padding: 3em 0 3em 0;
	}

	#main-wrapper {
		background: #fff;
		box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
		padding: 5em 0 5em 0;
	}

	#footer-wrapper {
		padding: 6em 0 8em 0;
	}

/* Header */

	#header {
		position: fixed;
		width:100%;
		z-index:999;
		padding:0 0px;
	}


/* Logo */
	#header h1{display:inline-block;}

	#top_phone { display:none; }
/* Nav */

	#nav {
		position: absolute;
		right: 50px;
		top: 30px;
		font-size: 1.2em;
	}

		#nav ul {
			list-style: none;
			padding-left: 0;
		}

			#nav ul li {
				float: left;
				line-height: 3em;
				padding-left: 1.5em;
			}

				#nav ul li a, #nav ul li span {
					-moz-transition: background-color .25s ease-in-out;
					-webkit-transition: background-color .25s ease-in-out;
					-ms-transition: background-color .25s ease-in-out;
					transition: background-color .25s ease-in-out;
					font-weight: 400;
					letter-spacing: -0.025em;
					color: #fff;
					text-decoration: none;
					border-radius: 6px;
					padding: 0.5em 0.5em 0.5em 0.5em;
				}

				#nav ul li > ul {
					display: none;
				}

				#nav ul li:hover a, #nav ul li:hover span {
					background: none;
					color:#fdc89a;
				}

				#nav ul li.active a, #nav ul li.active span {
					background: none;
				}

				#nav ul li.current a {
					background: #444;
					color: #fff;
				}

	.dropotron {
		background: #fff;
		letter-spacing: -0.025em;
		color: #696969;
		text-decoration: none;
		border-radius: 6px;
		padding: 0.75em 0;
		min-width: 11em;
		box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0.25em 0.25em 0.1em rgba(0, 0, 0, 0.025);
		margin-top: calc(-0.75em + 1px);
		margin-left: -1px;
		list-style: none;
		padding-left: 0;
	}

		.dropotron li {
			border-top: solid 1px #eee;
			font-size:1em;
			line-height: 3em;
			padding-left: 0;
		}

			.dropotron li:first-child {
				border-top: 0;
			}

			.dropotron li > a, .dropotron li > span {
				-moz-transition: color .25s ease-in-out, background-color .25s ease-in-out;
				-webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out;
				-ms-transition: color .25s ease-in-out, background-color .25s ease-in-out;
				transition: color .25s ease-in-out, background-color .25s ease-in-out;
				text-decoration: none;
				color: inherit;
				display: block;
				padding: 0 1.5em;
			}

				.dropotron li > a:hover, .dropotron li > span:hover {
					background: none;
					color:#111;
				}

			.dropotron li.active > a, .dropotron li.active > span {
				background: #eee;
			}

		.dropotron.level-0 {
			font-size: 1em;
			margin-left: 1.5em;
			margin-top: 0;
		}

			.dropotron.level-0:before {
				content: '';
				position: absolute;
				top: -0.5em;
				left: 1em;
				border-bottom: solid 0.75em #ffffff;
				border-left: solid 0.75em transparent;
				border-right: solid 0.75em transparent;
				z-index: 1;
			}

/* Banner */

	#banner {
		position: relative;
		padding: 4.5em;
	}

		#banner h2 {
			font-size: 3.5em;
			margin: 0.1em 0 0.35em 0;
		}

		#banner p {
			font-size: 2.75em;
			line-height: 1.35em;
			margin: 0;
		}

		#banner .button {
			width: 100%;
			margin-bottom: 0.5em;
		}

			#banner .button.icon:before {
				position: absolute;
				right: 0.15em;
				top: 50%;
				margin-top: -0.5em;
			}

			#banner .button.alt {
				margin-bottom: 0;
			}

		#banner ul {
			list-style: none;
			padding-left: 0;
			margin: 0 0 0 2em;
		}

			#banner ul li {
				padding-left: 0;
			}

/* ȸ»ç¼Ò°³ */
#greetting {padding:1em 0 3em;}
#greetting .img01{float:left; width:100%; max-width:300px;margin:0 3em 35em 0;}
#greetting p.gretting_txt1  {font-size:1.5em; font-weight:300; letter-spacing:-0.06em;}
#greetting p.gretting_txt2 {font-size:1em;line-height:1.8em;margin-top:1.75em}

/* Footer */


#footer {clear:both; position:relative; color:#ccc; margin:0; padding:0; background:#333;}
#footer address {display:inline-block;}
#footer em {font-style:normal;}
#footer .addr {padding:12px 5px;}
#downQuickBox .downQuick {padding:5px 0; border-bottom:1px solid #444;}
#downQuickBox .downQuick a {display:inline-block; padding:2px 15px;background:url(/images/f_ico_bar01px.gif) no-repeat right center;color:#fff; text-decoration:none; font-size:1em;   }
#downQuickBox .downQuick a.last {background:none;}
/* XLarge */

	@media screen and (max-width: 1680px) {

		/* Basic */

			body, input, select, textarea {
				font-size: 12pt;
			}

	}

/* Large */

	@media screen and (max-width: 1280px) {

		/* Basic */

			body, input, select, textarea {
				font-size: 11pt;
			}
#divMenu{display:none;}
	}

/* Medium */

	#navPanel, #navToggle {
		display: none;
	}

	@media screen and (max-width: 1200px) {

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

			body, input, select, textarea {
				font-size: 11pt;
			}

		/* Section/Article */

			section, article {
				clear: both;
				margin-bottom: 3em !important;
			}

			section.last, article.last {
				margin-bottom: 0 !important;
			}









		/* Image */

			.image.left {
				width: 25%;
				margin-bottom: 2em !important;
			}

		/* Menu */

			ul.menu li {
				display: block;
				border: 0 !important;
				padding: 0 !important;
				margin: 0 !important;
			}

		/* Actions */

			ul.actions li {
				display: block;
				padding: 0;
				margin: 1em 0 0 0;
			}

				ul.actions li:first-child {
					margin-top: 0;
				}

		/* Button */



		/* Wrappers */

			#header-wrapper {
				padding: 3em 0 1em 0;
				text-align: center;
			}

			#footer-wrapper {
				padding: 6em 0 4em 0;
			}

		/* Header */

			#header {
				margin: 0 auto;
			}

		/* Logo */

			#logo span {
				display: block;
				margin: 0;
			}

		/* Nav */

			#nav {
				display: none;
			}

		/* Banner */

			#banner {
				padding: 4.5em 3em;
				text-align: center;
			}

				#banner ul {
					margin: 2em 0 0 0;
				}

				#banner .button.icon:before {
					position: relative;
					right: auto;
					top: auto;
				}

		/* Content */

			#content {
				border-bottom: solid 1px #e8e8e8;
				padding-bottom: 4em;
				margin-bottom: 0 !important;
			}

				#content > :last-child {
					margin-bottom: 0 !important;
				}

			#sidebar > :last-child {
				margin-bottom: 0 !important;
			}

		/* Footer */

			#copyright {
				padding: 0;
			}

		/* Nav */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}

			#navToggle {
				font-family:FontAwesome;
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;

				width:50px;
				height:50px;
				z-index:999999;
			}

				#navToggle .toggle {
					text-decoration: none;
					width: 50px;
					height: 50px;
					opacity: 1;
				}

					#navToggle .toggle:before {
						-moz-osx-font-smoothing: grayscale;
						-webkit-font-smoothing: antialiased;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						text-rendering: auto;
						line-height: 1;
						text-transform: none !important;
						font-weight: 700;
					}

					#navToggle .toggle:before {
						display: inline-block;
						text-decoration: none;
						position: absolute;
						left: 6px;
						top: 6px;
						background: rgba(0, 0, 0, 0.5);
						width: 38px;
						height: 38px;
						border-radius: 6px;
						content: '\f0c9';
						color: #fff;
						text-align: center;
						line-height: 38px;
						font-size: 25px;
					}

					#navToggle .toggle:active {
						opacity: 0.75;
					}

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
				background: #fff;
				box-shadow: inset -3px 0px 0px 0px #dfdfdf;
				padding: 0 23px 0 20px;
			}

				#navPanel .link {
					display: block;
					text-decoration: none;
					height: 40px;
					line-height: 40px;
					border-top: solid 1px #e8e8e8;
					color: #696969;
				}

					#navPanel .link:first-child {
						border-top: 0;
					}

				#navPanel .indent-1 {
					display: inline-block;
					width: 1em;
				}

				#navPanel .indent-2 {
					display: inline-block;
					width: 2em;
				}

				#navPanel .indent-3 {
					display: inline-block;
					width: 3em;
				}

				#navPanel .indent-4 {
					display: inline-block;
					width: 4em;
				}

				#navPanel .indent-5 {
					display: inline-block;
					width: 5em;
				}

				#navPanel .depth-0 {
					color: #444;
					font-weight: 800;
				}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navToggle {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}

	}

/* Small */

	@media screen and (max-width: 736px) {

		/* Basic */

			body, input, select, textarea {
				line-height: 2em;
			}

			h2, h3, h4, h5, h6 {
				font-size: 13pt;
				margin: 0 0 1em 0;
			}

		/* Section/Article */

			section, article {
				clear: both;
				margin-bottom: 3em !important;
			}

				section.last, article.last {
					margin-bottom: 0 !important;
				}

		/* Image */

			.image.left {
				width: 25%;
				margin-bottom: 2em !important;
			}

		/* Menu */

			ul.menu li {
				display: block;
				border: 0 !important;
				padding: 0 !important;
				margin: 0 !important;
			}

		/* Actions */

			ul.actions li {
				display: block;
				padding: 0;
				margin: 1em 0 0 0;
			}

				ul.actions li:first-child {
					margin-top: 0;
				}


		/* Box */

			.box {
				padding: 15px 15px 15px 15px;
				margin: 0;
			}

				.box.feature {
					margin: 20px 0 0 0 !important;
					padding: 0;
				}

					.box.feature .inner {
						padding: 30px 15px 30px 15px;
					}

					.box.feature p {
						margin: 0;
					}

					.box.feature .image {
						position: relative;
						margin: 0;
					}

						.box.feature .image img {
							border-bottom-left-radius: 0;
							border-bottom-right-radius: 0;
						}

		/* Widgets */

			.widget.thumbnails .image {
				margin: 0;
			}

			.widget.thumbnails .x {
				padding: 1em 0.5em 0 0;
			}

			.widget.thumbnails .y {
				padding: 1em 0 0 0.5em;
			}

			.widget.thumbnails .row:first-child .x, .widget.thumbnails .row:first-child .y {
				padding-top: 0;
			}

		/* Wrappers */

			#header-wrapper {
				padding: 3em 0 1.5em 0;
			}

			#banner-wrapper {
				padding: 0 15px 0 15px;
			}

			#features-wrapper {
				padding: 0 15px 40px 15px;
			}

			#main-wrapper, #footer-wrapper {
				padding: 40px 30px 40px 30px;
			}

		/* Logo */

			#logo h1 {
				font-size: 2.75em;
				padding: 0.2em 0.275em;
			}

			#logo span {
				line-height: 3em;
			}

		/* Banner */

			#banner {
				text-align: center;
				padding: 15px 15px 15px 15px;
				margin: 0 auto !important;
			}

				#banner h2 {
					font-size: 2em;
					margin: 0.75em 0 0.5em 0;
				}

				#banner p {
					font-size: 1.5em;
					line-height: 1.5em;
					margin: 0;
				}

				#banner ul {
					margin: 0;
				}

				#banner .button {
					margin: 0 0 1em 0;
				}

		/* Content */

			#content {
				padding-bottom: 3em;
			}

		/* Footer */

			#footer section {
				border-bottom: solid 1px #ccc;
				padding-bottom: 3em;
				margin-bottom: 1em !important;
			}

			#copyright {
				text-align: left;
			}

	}



/*------------------------------------------------------------*/

/* global */
#j-top {border-bottom:0px solid #eee; background:none;}
#j-family{float:left;}
#j-family a{font-size:0.875em; line-height:200% !important;}
#j-lnb ul {text-align:right; margin:0; padding:0 38px 0 0;}
#j-lnb ul li {display:inline-block;padding:0 0.3em;}
#j-lnb ul li a {display:block; font-size:0.875em; color:#fff; line-height:200% !important;}

#header h1 {margin:0 0 0 20px; padding:0; width:100%; font-size:2.5em;letter-spacing:-0.035em; text-align:left;}

#top_phone {display:none;}

/* ·Ñ¸µ¸ÞÀÎ */
.swiper-slide .main_txt_box {width:90%; max-width:1000px;margin:auto;padding:300px 0 0;}
.swiper-slide .main_txt_box .title {font-size:2.5em;font-weight:500;color:#fff;text-shadow:2px 2px 2px #777;}
.swiper-slide .main_txt_box .text p {color:#fff;text-shadow:2px 2px 2px #222;font-size:1.4em;margin:1em 0;}
.swiper-slide .main_txt_box .subtitle a{display:block;font-size:1.3em;font-weight:500;width:170px;line-height:3em;color:#fff;text-align:center;background:none;border:3px solid #fff;}

.swiper-slide .sub_txt_box {width:90%; max-width:1000px;margin:auto;padding:130px 0 0;}
.swiper-slide .sub_txt_box .title {font-size:2em;font-weight:500;color:#fff;text-shadow:2px 2px 2px #777;}
.swiper-slide .sub_txt_box .text p {color:#fff;text-shadow:2px 2px 2px #222;font-size:1.2em;margin:1em 0;line-height:1.2em;}
.swiper-slide .sub_txt_box .subtitle a{display:block;font-size:1.2em;font-weight:500;width:150px;line-height:2.5em;color:#fff;text-align:center;background:none;border:3px solid #fff;}

/* À§ÂÊ */
#leftMenuTitle { text-align:center; font-size:2.5em; font-weight:500; color:#111; padding:20px 0 40px;}
#leftMenu { clear:both;width:100%; vertical-align:top;margin:0;padding:1px 0 0;text-align:center; }
#leftMenu li { display:inline-block; vertical-align:top; min-width:145px; padding:0px; margin:0 0 0 2px; height:60px; }
#leftMenu li a {display:block; font-size:1.1em; width:100%; padding:10px 10px; text-align:center;  margin:0px; color:#111; letter-spacing:-0.5px;border:1px solid #ddd; border-radius:15px;  }
#leftMenu li a.a {display:block; font-size:1.1em; width:100%; padding:10px 0px; text-align:center;  margin:0; color:#fff; background:#333; }
#leftMenu > li > ol {display:none;}



@media screen and (max-width: 1200px) {

	#j-top {display:none;}
	#header h1 {text-align:center; margin:0;padding:5px 0 0;}
	#top_phone { display:block;position:absolute;top:6px;right:10px;z-index:999;font-size:2.5em;}

	/* ·Ñ¸µ¸ÞÀÎ */
	.swiper-slide .main_txt_box {width:90%; max-width:1000px;margin:auto;padding:200px 0 0;}
	.swiper-slide .main_txt_box .title {font-size:2.5em;font-weight:500;color:#fff;text-shadow:2px 2px 2px #777;}
	.swiper-slide .main_txt_box .text p {color:#fff;text-shadow:2px 2px 2px #222;font-size:1.4em;margin:1em 0;}
	.swiper-slide .main_txt_box .subtitle a{display:block;font-size:1.3em;font-weight:500;width:150px;line-height:2.5em;color:#fff;text-align:center;background:none;border:2px solid #fff;}

	.swiper-slide .sub_txt_box {width:90%; max-width:1000px;margin:auto;padding:90px 0 0;}
	.swiper-slide .sub_txt_box .title {font-size:1.5em;font-weight:500;color:#fff;text-shadow:2px 2px 2px #777;}
	.swiper-slide .sub_txt_box .text p {color:#fff;text-shadow:2px 2px 2px #222;font-size:1em;margin:0.5em 0;line-height:1.2em;}
	/* À§ÂÊ */
	#leftMenu li {height:57px; }
}


@media screen and (max-width: 736px) {

	/* ·Ñ¸µ¸ÞÀÎ */
	.swiper-slide .main_txt_box {width:90%; max-width:1000px;margin:auto;padding:100px 0 0;}
	.swiper-slide .main_txt_box .title {font-size:2em;font-weight:500;color:#fff;text-shadow:2px 2px 2px #777;}
	.swiper-slide .main_txt_box .text p {color:#fff;text-shadow:2px 2px 2px #222;font-size:1em;margin:1em 0;line-height:1.2em;}
	.swiper-slide .main_txt_box .subtitle a{display:block;font-size:1.1em;font-weight:500;width:150px;line-height:2em;color:#fff;text-align:center;background:none;border:2px solid #fff;}

	.swiper-slide .sub_txt_box {width:90%; max-width:1000px;margin:auto;padding:50px 0 0;}
	.swiper-slide .sub_txt_box .title {font-size:1.3em;font-weight:500;color:#fff;text-shadow:2px 2px 2px #777;}
	.swiper-slide .sub_txt_box .text p {color:#fff;text-shadow:2px 2px 2px #222;font-size:0.9em;margin:0.5em 0;line-height:1.1em;}
	/* À§ÂÊ */
	#leftMenu li {height:53px; }

	.tabs div{float:left; width:49.999%;}
	.tabs div a {font-size:1em;}

		/* °úÁ¤º¸±â¿¡¼­ ¿ÞÂÊ ¿À¸¥ÂÊ ¼³Á¤ */
	 .eview-box {border-bottom:1px dotted #ccc; border-radius:0px; padding:20px; overflow:hidden; width:100%; margin:0 auto 30px;}
	 .l-eview { clear:both; width:100%; text-align:center; }
	 .l-eview img { width:100%; max-width:300px; }
	 .r-eview { clear:both; width:100%; margin:0px 0 0; }

	 	/* ÇöÀç¸ðÁýÁßÀΰúÁ¤ ¿ë */
	table.reg-tbl-edu thead tr th {border:none; height:30px;}
	table.reg-tbl-edu tbody tr td {border:none;}
	table.reg-tbl-edu thead tr th:nth-child(1) {display:none;}
	table.reg-tbl-edu tbody tr td:nth-child(1) {display:none;}
	table.reg-tbl-edu thead tr th:nth-child(2) {width:calc(100% - 250px);}
	table.reg-tbl-edu tbody tr td:nth-child(2) {width:calc(100% - 250px);}
	table.reg-tbl-edu thead tr th:nth-child(3) {width:120px;}
	table.reg-tbl-edu tbody tr td:nth-child(3) {width:120px;}
	table.reg-tbl-edu thead tr th:nth-child(4) {width:130px;}
	table.reg-tbl-edu tbody tr td:nth-child(4) {width:130px;}

		/* ȸ»ç¼Ò°³ */
	#greetting {padding:2em 1em 2em;}
	#greetting .img01{float:none; width:100%; max-width:300px;margin:0 auto 0;}
	#greetting p.gretting_txt1  {font-size:1.2em; letter-spacing:-0.06em; font-weight:500;}
	#greetting p.gretting_txt2 {margin-top:1em}

}

@media screen and (max-width: 480px) {

	/* ·Ñ¸µ¸ÞÀÎ */
	.swiper-slide .main_txt_box {width:90%; max-width:1000px;margin:auto;padding:70px 0 0;}
	.swiper-slide .main_txt_box .title {font-size:1.6em;font-weight:500;color:#fff;text-shadow:2px 2px 2px #777;}
	.swiper-slide .main_txt_box .text p {color:#fff;text-shadow:2px 2px 2px #222;font-size:1em;margin:0.5em 0;line-height:1.2em;}

	.swiper-slide .sub_txt_box {display:none;}

			/* ÇöÀç¸ðÁýÁßÀΰúÁ¤ ¿ë */
	table.reg-tbl-edu thead tr th {border:none; height:30px;}
	table.reg-tbl-edu tbody tr td {border:none;}
	table.reg-tbl-edu thead tr th:nth-child(1) {display:none;}
	table.reg-tbl-edu tbody tr td:nth-child(1) {display:none;}
	table.reg-tbl-edu thead tr th:nth-child(2) {width:calc(100% - 130px);}
	table.reg-tbl-edu tbody tr td:nth-child(2) {width:calc(100% - 130px);}
	table.reg-tbl-edu thead tr th:nth-child(3) {display:none;}
	table.reg-tbl-edu tbody tr td:nth-child(3) {display:none;}
	table.reg-tbl-edu thead tr th:nth-child(4) {width:130px;}
	table.reg-tbl-edu tbody tr td:nth-child(4) {width:130px;}

	#j-BBS #search {width:10em;}
	#downQuickBox .downQuick a {padding:2px 5px;}
}


#j-BBS {padding: 0 0 40px 0;}

#leftMenu {padding:0 0 80px 0;}