#preloader {background-color:#fff; display:table; height:100%; left:0; opacity:1; position:fixed; top:0; transition:all .5s ease; width:100%; z-index:999; pointer-events:none;}
#preloader.on {opacity:0;}
#preloader .pre-box {display:table-cell; width:100%; height:100%; vertical-align:middle;}
#preloader strong {display:block; margin:0 auto 20px; width:100%; height:30px; background-image:url('../images/logo.png'); background-repeat:no-repeat; background-size:auto 30px; background-position:50% 50%; text-align:center;}
#loading-center {height:1px; width:150px; margin:0 auto; background-color:#e3e3e3; position:relative; overflow:hidden;}
#loading-center:after {content:""; display:block; width:80px; height:100%; box-sizing:border-box; background-color:#23477c; position:absolute; top:0; left:-100%; -webkit-animation:loading-center 2s infinite; animation:loading-center 2s infinite;}
@keyframes loading-center {
	0% {left:-100%;}
	100% {left:100%;}
}
@-webkit-keyframes loading-center {
	0% {left:-100%;}
	100% {left:100%;}
}

.box-sd {
	box-shadow:0 20px 25px -12px rgba(0, 0, 0, 0.15);
	width:200px;
	height:200px;
}
.box-circle {
	width:50px;
	height:50px;
	border-radius:50%;
	box-shadow:0 15px 20px 0 rgba(0, 0, 0, 0.06)
}
.slide1 {
	background:url(../images/slide/back1.jpg) center top repeat-x;
	background-size:100% 500px;
}
.slide2 {
	background:url(../images/slide/back2.jpg) center top repeat-x;
	background-size:100% 500px;
}
.slide3 {
	background:url(../images/slide/back3.jpg) center top repeat-x;
	background-size:100% 500px;
}
.b4-textbox2 {
	background-image:url(../images/map.png);
	background-repeat:no-repeat;
	background-position:bottom 20px right 20px;
}
.box2 {
	background-color:#F5F5F5;
	width:100%;
	margin-top:20px;
	padding:50px;
	box-sizing:border-box;
	background-image:url(../images/box2_bg.png);
	background-repeat:no-repeat;
	background-position:top 50% right 50px;
	background-size:auto 290px;
}
.b2-textbox h3 {
	font-size:30px;
	font-weight:500;
	margin-bottom:50px;
	color:#23477c;
}
.b2-textbox p {
	font-size:18px;
	line-height:24px;
	color:#666666;

}
.b2-textbox button {
	border:none;
	background:none;
	font-size:16px;
	margin-top:50px;
	transition:0.2s;
	color:#333333;
}
.b2-textbox button i {
	color:#FFA409;
	font-size:16px;
	transition:0.2s;
	margin-right:5px;
}
.b2-textbox button:hover {
	color:#999999;
}
.b2-textbox button:hover i {
	margin-right:10px;
}
.box3 {
	background-color:#f0f0f0;
	width:100%;
	margin-top:20px;
	position:relative;
	background-image:url(../images/box3_bg.png);
	background-repeat:no-repeat;
	background-position:top 50% left 50px;
	background-size:auto 270px;
}
.box3:after {
	content:"";
}
.b3-textbox {
	float:right;
	padding:50px;
	box-sizing:border-box;
}
.b3-textbox h3 {
	font-size:30px;
	font-weight:500;
	margin-bottom:50px;
	color:#23477c;
}
.b3-textbox p {
	font-size:18px;
	line-height:24px;
	color:#666666;
}
.b3-textbox button {
	border:none;
	background:none;
	font-size:16px;
	margin-top:50px;
	transition:0.2s;
	color:#333333;
}
.b3-textbox button i {
	color:#FFA409;
	font-size:16px;
	transition:0.2s;
	margin-right:5px;
}
.b3-textbox button:hover {
	color:#999999;
}
.b3-textbox button:hover i {
	margin-right:10px;
}
.box4 {
	background-color:#ffffff;
	width:100%;
	margin-top:20px;
}
.box4:after {
	content:"";
}
.box4 > div {
	background-color:#F5F5F5;
	min-height:300px;
	width:32.66%;
	margin-right:1%;
	float:left;
	padding:50px;
	box-sizing:border-box;
	position:relative;
}
.box4 > div h3 {
	font-size:30px;
	line-height:30px;
	font-weight:500;
	margin-bottom:10px;
	color:#555555;
}
.box4 > div p {
	font-size:16px;
	line-height:20px;
	color:#696969;
}
.box4 > div button {
	border:none;
	background:none;
	font-size:16px;
	transition:0.2s;
	position:absolute;
	bottom:50px;
	left:50px;
}
.box4 > div button i {
	color:#FFA409;
	font-size:16px;
	transition:0.2s;
	margin-right:5px;
}
.box4 > div button:hover {
	color:#999999;
}
.box4 > div button:hover i {
	margin-right:10px;
}
.box4 > div:last-of-type {
	margin-right:0;
}

@media (max-width: 960px) {
	.box-sd {
		box-shadow:0 20px 25px -12px rgba(0, 0, 0, 0.15);
		width:200px;
		height:200px;
	}
	.box-circle {
		width:50px;
		height:50px;
		border-radius:50%;
		box-shadow:0 15px 20px 0 rgba(0, 0, 0, 0.06)
	}
	.box2 {
		margin-top:0;
		padding:30px;
		background-image:none;
		text-align:center;
	}
	.b2-textbox h3 {
		font-size:26px;
		margin-bottom:20px;
	}
	.b2-textbox p {
		font-size:16px;
		line-height:20px;
		color:#000000;
	}
	.b2-textbox button {
		margin-top:20px;
	}
	.box3 {
		margin-top:0;
		background-image:none;
		text-align:center;
		background-color:#333333;
	}
	.b3-textbox {
		padding:30px;
		width:100%;
	}
	.b3-textbox h3 {
		font-size:26px;
		margin-bottom:20px;
	}
	.b3-textbox p {
		font-size:16px;
		line-height:20px;
		color:#ffffff;
	}
	.b3-textbox button {
		margin-top:20px;
		color:#FFFFFF;
	}
	.box4  {
		margin-top:0;
	}
	.box4 > div {
		min-height:170px;
		width:100%;
		margin-right:0;
		float:none;
		padding:30px;
		border-bottom:1px solid #CCCCCC;
	}
	.box4 > div h3 {
		font-size:26px;
		line-height:30px;
		font-weight:500;
	}
	.box4 > div p {
		font-size:14px;
		font-weight:500;
	}
	.box4 > div button {
		border:none;
		background:none;
		font-size:16px;
		transition:0.2s;
		position:absolute;
		bottom:30px;
		left:50px;
	}
	.b4-textbox2 {
		background-size:auto 75%;
		background-position:bottom 20px right 20px;
	}
}
/*슬라이드*/
.slide-text {
	position:absolute;
	z-index:5;
}
.slide-text.t1,
.slide-text.t3 {
	right:50%;
	margin-right:-480px;
	bottom:20%;
	text-align:right;
}
.slide-text.t1 h2,
.slide-text.t3 h2 {
	font-weight:500;
	font-size:60px;
	line-height:60px;
	color:#FFFFFF;
	text-shadow:0px 7px 15px rgba(0,0,0,0.6);
	margin-bottom:30px;
}
.slide-text.t1 h2 span,
.slide-text.t3 h2 span {
	display:block;
	font-size:36px;
	line-height:40px;
	font-weight:500;
	color:#FFFFFF;
	text-shadow:0px 5px 15px rgba(0,0,0,0.6);
}
.slide-text.t1 p,
.slide-text.t3 p {
	display:block;
	font-size:36px;
	line-height:42px;
	font-weight:400;
	color:#FFFFFF;
	text-shadow:0px 5px 15px rgba(0,0,0,0.6);
}

.slide-text.t2 {
	left:50%;
	margin-left:-480px;
	bottom:20%;
	text-align:left;
}
.slide-text.t2 h2 {
	font-weight:500;
	font-size:40px;
	line-height:54px;
	color:#FFFFFF;
	text-shadow:0px 5px 15px rgba(0,0,0,0.6);
	margin-bottom:30px;
}
.slide-text.t2 h2 span {
	display:block;
	font-size:36px;
	line-height:40px;
	font-weight:500;
	color:#FFFFFF;
	text-shadow:0px 5px 15px rgba(0,0,0,0.6);
}
.slide-text.t2 p {
	display:block;
	font-size:20px;
	line-height:24px;
	font-weight:400;
	color:#FFFFFF;
	text-shadow:0px 5px 15px rgba(0,0,0,0.6);
}
.slide-text.t3 {
	bottom:30%;
}
.slide-text.t3 p {
	font-size:30px;
	line-height:30px;
}
@media (max-width: 960px) {
	.slide-text.t1,
	.slide-text.t2,
	.slide-text.t3 {
		left:0;
		right:0;
		margin-right:0;
		margin-left:0;
		bottom:50%;
		margin-bottom:-61px;
		text-align:center;
		width:100%;
	}
	.slide-text.t3 {
		margin-bottom:-52px;
	}
	.slide-text.t1 h2,
	.slide-text.t2 h2,
	.slide-text.t3 h2 {
		font-size:26px;
		line-height:30px;
		margin-bottom:20px;
		letter-spacing:-0.5px;
		font-weight:900;
	}
	.slide-text.t1 h2 span,
	.slide-text.t2 h2 span,
	.slide-text.t3 h2 span {
		font-size:20px;
		line-height:24px;
		letter-spacing:-0.5px;
		font-weight:700;
	}
	.slide-text.t1 p,
	.slide-text.t3 p {
		font-size:16px;
		line-height:24px;
		font-weight:500;
		letter-spacing:-0.5px;
	} 
	.slide-text.t2 p {
		font-size:16px;
		line-height:24px;
		font-weight:500;
		letter-spacing:-0.5px;
	}
}

/*sub page setting*/
.sub-page {
	min-height:800px;	
	border-bottom:1px solid #CCCCCC;
}
.home-overlay {
	background-color:rgba(44, 62, 80, 0.3);
    background-image:url(../images/pattern.png);
    background-repeat:repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width:100%;
    z-index:0;
}

/*page1*/
.sub-title-box {
	width:100%;
	text-align:center;
	position:relative;
	box-sizing:border-box;
	background-image:url(../images/sub1.jpg);
    background-attachment:fixed;
    background-position:top 75px left 50%;
    background-size: auto 200%;
	display:table;
}
.sub-title-box:after {
	content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.5); z-index:1;
}
.st-inbox {
	display:table-cell;
	position:relative;
	z-index:2;
	text-align:center;
	vertical-align:middle;
	width:100%;
	padding:75px;
}
.st-inbox h2 {
	color:#FFFFFF;
	font-weight:700;
	font-size:32px;
}
.st-inbox .margin-line {
	width:30px;
	height:1px;
	background-color:#FFFFFF;
	margin:20px auto;
}
.st-inbox p {
	max-width:500px;
	margin:0 auto;
	font-size:16px;
	font-weight:400;
	color:#FFFFFF;
}
.st-inbox p:first-of-type {
	font-size:20px;
	font-weight:700;
	color:#FFFFFF;
}
.sub-nav {
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:0;
	border-bottom:1px solid #CCCCCC;
	box-sizing:border-box;
}
.hidden-nav {
	position:fixed;
	top:75px;
	width:100%;
	left:0;
	box-sizing:border-box;
	background-color:#FFFFFF;
	z-index:8;
	display:none;
}
.hidden-nav.on {
	display:block;
}
.sub-nav:after {
	content:"";
}
.sub-nav li {
	display:inline-block;
	width:200px;
	padding:15px 0;
	box-sizing:border-box;
	text-align:center;
	position:relative;
}
.sub-nav li a {
	font-size:14px;
	font-weight:400;
	color:#666666;
	position:relative;
}
.sub-nav li a.on {
	color:#23477c;
	font-weight:700;
}
.sub-nav li a.on:after {
	bottom:-15px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 169, 167, 0);
	border-bottom-color: #666666;
	border-width: 5px;
	margin-left: -5px;
}
.sub-nav li a.on:before {
	top:-15px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 169, 167, 0);
	border-top-color: #666666;
	border-width: 5px;
	margin-left: -5px;
}
.sub-nav li a:focus {
	color:#23477c;
	font-weight:700;
}
.sub-nav li a:focus:after {
	bottom:-15px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 169, 167, 0);
	border-bottom-color: #666666;
	border-width: 5px;
	margin-left: -5px;
}
.sub-nav li a:focus:before {
	top:-15px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 169, 167, 0);
	border-top-color: #666666;
	border-width: 5px;
	margin-left: -5px;
}
.sub-nav li:after {
	content:"";
	width:1px;
	height:14px;
	position:absolute;
	background-color:#999999;
	opacity:0.5;
	top:50%;
	margin-top:-7px;
	right:0;
}
.sub-nav li:last-of-type:after {
	display:none;
}
.sub-title-after {
	width:100%;
	padding:30px;
	text-align:center;
	position:relative;
	box-sizing:border-box;
	background-image:url(../images/sub2.jpg);
    background-attachment: fixed;
    background-position: top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.sub-title-after.page2 {
	background-image:url(../images/sub2-2.jpg);
}
.sub-title-after.page3 {
	background-image:url(../images/sub2-3.jpg);
}
.sub-title-after.page4 {
	background-image:url(../images/sub2-4.jpg);
}
.sub-title-after.page5 {
	background-image:url(../images/sub2-5.jpg);
}
@media (max-width: 1000px) {
	.sub-title-box {
    	background-size:auto 150%;
		background-position: top 65px left 50%;
	}
	.st-inbox {
		padding:35px;
	}
	.st-inbox h2 {
		font-weight:700;
		font-size:26px;
	}
	.st-inbox p {
		font-size:14px;
		letter-spacing:-1px;
	}
	.st-inbox p:first-of-type {
		font-size:18px;
	}
	.st-inbox .margin-line {
		margin:10px auto;
	}
	.sub-nav li {
		width:auto;
		padding:15px 10px;
	}
	.sub-nav li a {
		font-size:12px;
	}
	.sub-nav li a:focus {
		font-weight:400;
	}
	.sub-nav li:after {
		content:"";
		width:1px;
		height:14px;
		position:absolute;
		background-color:#999999;
		opacity:0.5;
		top:50%;
		margin-top:-7px;
		right:0;
	}
	.sub-title-after {
		padding:10px;
	}
}
/*서브 1페이지들*/
.sub1-1box {
	width:1000px;
	margin:0 auto;
	padding:0px;
	box-sizing:border-box;
	position:relative;
	text-align:center;
	font-size:0;
}
.sub1-1box img {
	max-width:100%;
}
.sub1-1box:after {
	content:"";
}
.sub1-1box > div {
	width:445px;
	height:400px;
	float:left;
	border:1px solid #CCCCCC;
	margin-right:10px;
	margin-bottom:10px;
	box-sizing:border-box;
	padding:20px;
	position:relative;
}
.sub1-1box > div:nth-of-type(even) {
	margin-right:0;
	text-align:right;
}
.sub1-1box > div:nth-of-type(3),
.sub1-1box > div:nth-of-type(4) {
	padding-top:100px;
}
.sub1-1box > span {
	position:absolute;
	display:block;
	width:150px;
	height:150px;
	background-color:#EDEDED;
	transform:rotate(45deg);
	border:1px solid #CCCCCC;
	box-sizing:border-box;
	top:50%;
	left:50%;
	margin-top:-75px;
	margin-left:-75px;
}
.sub1-1box > span > img {
	max-width:100%;
	transform:rotate(-45deg);
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-23px;
	margin-left:-72px;	
}
.sub1-1box > div > h3 {
	font-size:36px;
	font-weight:700;
	letter-spacing:-1px;
	color:#333333;
}
.sub1-1box > div > p {
	font-size:24px;
	line-height:28px;
	letter-spacing:-1px;
	font-weight:500;
	color:#666666;
	margin-top:20px;
}
.sub1-1box > div > span {
	font-size:18px;
	line-height:22px;
	font-weight:500;
	color:#3677A2;
	margin-top:10px;
	display:block;
}
.sub1-1box > div > span > i {
	color:#3677A2;
	font-size:16px;
}
.sub1-1box > div > button {
	color:#FFFFFF;
	background-color:#333333;
	padding:10px 30px;
	font-size:20px;
	border:none;	
	border-radius:10px;
	margin-top:20px;
}
.sub1-1box > div > button i {
	color:#FFFFFF;
}
.sub1-1box > div:nth-of-type(3) > button,
.sub1-1box > div:nth-of-type(4) > button {
	margin-top:0;
	margin-bottom:20px;
}
.sub1-1box > div .ficto_box {
	position:absolute;
	width:120px;
	font-size:0;
	bottom:50px;
	right:50px;
}
.sub1-1box > div:nth-of-type(2) .ficto_box {
	right:auto;
	left:50px;
	width:100px;
}
.sub1-1box > div:nth-of-type(3) .ficto_box {
	bottom:auto;
	top:50px;
	width:100px;
	
}
.sub1-1box > div:nth-of-type(4) .ficto_box {
	bottom:auto;
	top:50px;
	right:auto;
	width:100px;
	left:50px;
}
.ficto_box img {
	max-width:100%;
}
@media (max-width: 1000px) {
	.sub1-1box {
		width:100%;
		padding:0;
	}
	.sub1-1box:after {
		content:"";
	}
	.sub1-1box > div {
		width:100%;
		height:350px;
		margin-right:0;
		margin-bottom:10px;
	}
	.sub1-1box > div:nth-of-type(even) {
		margin-right:0;
		text-align:right;
	}
	.sub1-1box > div:nth-of-type(3),
	.sub1-1box > div:nth-of-type(4) {
		padding-top:70px;
	}
	.sub1-1box > span {
		display:none;
	}
	.sub1-1box > div > h3 {
		font-size:28px;
	}
	.sub1-1box > div > p {
		font-size:18px;
		line-height:22px;
	}
	.sub1-1box > div > span {
		font-size:16px;
		line-height:20px;
	}
	.sub1-1box > div > span > i {
		color:#3677A2;
		font-size:16px;
	}
	.sub1-1box > div > button {
		padding:8px 25px;
		font-size:18px;
		margin-top:10px;
	}
	.sub1-1box > div > button i {
		color:#FFFFFF;
	}
	.sub1-1box > div:nth-of-type(3) > button,
	.sub1-1box > div:nth-of-type(4) > button {
		margin-top:0;
		margin-bottom:10px;
	}
	.sub1-1box > div .ficto_box {
		width:100px;
		bottom:30px;
		right:30px;
	}
	.sub1-1box > div:nth-of-type(2) .ficto_box {
		right:auto;
		left:30px;
		width:80px;
	}
	.sub1-1box > div:nth-of-type(3) .ficto_box {
		bottom:auto;
		top:30px;
		width:80px;
		
	}
	.sub1-1box > div:nth-of-type(4) .ficto_box {
		top:30px;
		width:80px;
		left:30px;
	}
	.ficto_box img {
		max-width:100%;
	}
}
/*서브 2페이지들*/
.sub2-1box {
	width:1000px;
	box-sizing:border-box;
	margin:0 auto;
	padding:50px;
}
#sub2-box1 {
	width:100%;
	font-size:0;
	margin-bottom:100px;
}
#sub2-box2 {
	width:100%;
	font-size:0;
	margin-bottom:30px;
}
.sub2-1box h3 {
	width:auto;
	display:inline-block;
	padding:10px 40px 20px 20px;
	border-top:1px solid #CCCCCC;
	font-size:30px;
	font-weight:700;
	letter-spacing:-1px;
}
#sub2-box1 > div,
#sub2-box2 > div {
	background-color:#006396;
	border-radius:10px;
	padding:50px 20px;
	box-sizing:border-box;
	text-align:center;
}
#sub2-box1 > div > p,
#sub2-box2 > div > p {
	color:#FFFFFF;
	font-size:18px;
	font-weight:400;
	letter-spacing:-0.75px;
}
#sub2-box2 > span {
	display:block;
	width:600px;
	text-align:center;
	padding:20px;
	box-sizing:border-box;
	margin:0 auto;
}
#sub2-box2 > span img {
	max-width:100%;
}
#sub2-box3 > span {
	display:block;
	width:100%;
	text-align:center;
	padding:20px;
	box-sizing:border-box;
}
@media (max-width: 1000px) {
	.sub2-1box {
		width:100%;
		padding:10px;
	}
	#sub2-box1 {
		margin-bottom:10px;
		text-align:center;
	}
	#sub2-box2 {
		margin-bottom:10px;
		text-align:center;
	}
	.sub2-1box h3 {
		font-size:20px;
		padding: 10px 20px;
	}
	#sub2-box1 > div,
	#sub2-box2 > div {
		padding:20px;
	}
	#sub2-box1 > div > p,
	#sub2-box2 > div > p {
		font-size:14px;
		line-height:22px;
		letter-spacing:0px;
	}
	#sub2-box2 > span {
		width:100%;
		padding:40px 20px 10px;
	}
	#sub2-box2 > span img {
		max-width:100%;
	}
	#sub2-box3 {
		text-align:center;
	}
	#sub2-box3 > span {
		display:block;
		width:100%;
		text-align:center;
		padding:20px;
		box-sizing:border-box;
	}
	#sub2-box3 > span img {
		max-width:100%;
	}
}

/*서브 3페이지들*/
.sub3-1box {
	width:1000px;
	box-sizing:border-box;
	margin:0 auto;
	padding:50px;
}
.sub3-1box h3 {
	width:auto;
	display:inline-block;
	padding:10px 40px 20px 20px;
	border-top:1px solid #CCCCCC;
	font-size:30px;
	font-weight:700;
	letter-spacing:-1px;
}
.sub-cont31 {
	width:100%;
	margin-bottom:100px;
	border:1px solid #666666;
	box-sizing:border-box;
	border-radius:10px;
	padding:30px;
}
.sub-cont31 h4 {
	text-align:center;
	font-size:20px;
	font-weight:500;
	color:#666666;
	margin-bottom:10px;
}
.sub-cont31 h5 {
	text-align:center;
	font-size:24px;
	font-weight:600;
	color:#333333;
	margin-bottom:20px;
}
.sub-cont31 table {
	width:100%;
}
.sub-cont31 table th {
	border-top:1px solid #F79040;
	padding:10px;
	box-sizing:border-box;
	font-size:18px;
	line-height:20px;
	text-align:left;
	width:250px;
}
.sub-cont31 table td {
	padding:10px;
	box-sizing:border-box;
	font-size:18px;
	line-height:20px;
	text-align:center;
	width:180px;
}
.sub-cont31 table td:first-of-type {
	width:50px;
}
.sub-cont31 table td span {
	display:inline-block;
	width:150px;
	padding:10px;
	box-sizing:border-box;
	font-size:14px;
	line-height:16px;
	text-align:center;
	background-color:#666666;
	color:#FFFFFF;
	border-radius:10px;
	box-sizing:border-box;
}
.sub-cont32 {
	width:100%;
	margin-bottom:100px;
	border:1px solid #666666;
	box-sizing:border-box;
	border-radius:10px;
	padding:30px;
}
.sub-cont32 table {
	width:100%;
}
.sub-cont32 table th {
	width:20%;
	font-size:18px;
	box-sizing:border-box;
	font-weight:700;
	color:#333333;
}
.sub-cont32 table td {
	padding:10px 20px;
	box-sizing:border-box;
}
.sub-cont32 ul li {
	list-style:disc;
	font-size:14px;
	text-align:center;
	color:#666666;
}
.sub-board {
	width:100%;
	box-sizing:border-box;
}
.sub-board table {
	width:100%;
	box-sizing:border-box;
}
.sub-board table th {
	font-size:16px;
	font-weight:500;
	color:#333333;
	border-top:2px solid #333333;
	padding:10px;
	box-sizing:border-box;
	border-bottom:1px solid #666666;
}
.sub-board table tr {
	cursor:pointer;
}
.sub-board table td {
	font-size:16px;
	font-weight:500;
	color:#333333;
	border-top:2px solid #333333;
	padding:10px;
	box-sizing:border-box;
	border-bottom:1px solid #666666;
}
.sub-board table th:nth-of-type(1) {
	width:150px;
	text-align:left;
}
.sub-board table th:nth-of-type(2) {
	width:600px;
	text-align:left;
}
.sub-board table th:nth-of-type(3) {
	width:80px;
	text-align:center;
}
.sub-board table th:nth-of-type(4) {
	width:70px;
	text-align:center;
}
.sub-board table td {
	font-size:12px;
	font-weight:400;
	color:#666666;
	border-top:1px solid #666666;
	padding:10px;
	box-sizing:border-box;
	border-bottom:1px solid #666666;
}
.sub-board table td:nth-of-type(1) {
	text-align:left;
	color:#999999;
}
.sub-board table td:nth-of-type(2) {
	text-align:left;
	color:#000000;
}
.sub-board table td:nth-of-type(2) span {
	color:#666666;
}
.sub-board table td:nth-of-type(3) {
	text-align:center;
	color:#F68933;
}
.sub-board table td:nth-of-type(4) {
	text-align:center;
}
.sub-board table tr.board-tr {
	display:none;
}
.sub-board table tr.board-tr td {
	min-height:100px;
	padding:20px;
	box-sizing:border-box;
	width:100%;
	color:#333333;
	font-size:14px;
	cursor:context-menu;
}

@media (max-width: 1000px) {
	.sub3-1box {
		width:100%;
		padding:10px;
		text-align:center;
	}
	.sub3-1box h3 {
		padding:10px 20px 10px;
		font-size:20px;
	}
	.sub-cont31 {
		width:100%;
		margin-bottom:10px;
		padding:20px 5px;
	}
	.sub-cont31 h4 {
		font-size:18px;
		line-height:22px;
		letter-spacing:-1px;
	}
	.sub-cont31 h5 {
		font-size:20px;
		font-weight:700;
	}
	.sub-cont31 table {
		width:100%;
	}
	.sub-cont31 table th {
		padding:3px;
		font-size:10px;
		line-height:18px;
		width:auto;
	}
	.sub-cont31 table td {
		padding:3px 1px;
		font-size:10px;
		line-height:18px;
		width:auto;
	}
	.sub-cont31 table td:first-of-type {
		width:0;
	}
	.sub-cont31 table td span {
		width:65px;
		padding:10px 7px;
		font-size:12px;
		line-height:14px;
		word-break:break-all;
		height:48px;
	}
	.sub-cont32 {
		width:100%;
		margin-bottom:10px;
		padding:10px;
	}
	.sub-cont32 table {
		width:100%;
	}
	.sub-cont32 table th {
		width:20%;
		font-size:0;
		padding:2px;
	}
	.sub-cont32 table th img {
		max-width:100%;
	}
	.sub-cont32 table td {
		padding:5px;
		vertical-align:top;
	}
	.sub-cont32 ul li {
		list-style:none;
		font-size:10px;
		word-break:break-all;
	}
	.sub-board table th {
		font-size:14px;
		padding:7px;
	}
	.sub-board table td {
		font-size:14px;
		padding:7px;
	}
	.sub-board table th:nth-of-type(1) {
		width:60px;
		text-align:left;
	}
	.sub-board table th:nth-of-type(2) {
		width:auto;
		text-align:left;
	}
	.sub-board table th:nth-of-type(3) {
		width:40px;
		text-align:center;
	}
	.sub-board table th:nth-of-type(4) {
		width:40px;
	}
	.sub-board table td {
		font-size:10px;
		padding:7px;
	}
	.sub-board table td:nth-of-type(4) {
		text-align:center;
	}
	.sub-board table tr.board-tr {
		display:none;
	}
	.sub-board table tr.board-tr td {
		padding:15px 7px;
		font-size:10px;
	}
}



/*서브 4페이지들*/
.sta-inbox {
	position:relative;
	z-index:1;
}
.sta-inbox h2 {
	color:#FFFFFF;
	font-weight:700;
	font-size:40px;
}
.sta-inbox .margin-line {
	width:30px;
	height:1px;
	background-color:#23477c;
	margin:20px auto;
}
.sta-inbox p {
	font-size:16px;
	font-weight:300;
	color:#FFFFFF;
}
.sta-inbox p:first-of-type {
	font-size:20px;
	font-weight:700;
	color:#DEDEDE;
}
.sub-page-box1,
.sub-page-box2,
.sub-page-box3 {
	width:100%;
	padding:50px;
	box-sizing:border-box;
	text-align:center;
}
.sub-page-box2 {
	background-color:#666666;
}
.sbp-title {
	font-size:30px;
	color:#333333;
	font-weight:700;
	letter-spacing:-1px;
}
.sbp-inbox {
	font-size:20px;
	letter-spacing:-1px;
}
.sbp-inbox p {
	font-size:16px;
	font-weight:500;
	letter-spacing:-0.5px;
}
.sbp-line {
	width:100px;
	height:1px;
	margin:20px auto;
	background-color:#333333;
}

@media (max-width: 1000px) {
	.sub-page {
		min-height:500px;
	}
	.sta-inbox h2 {
		font-size:26px;
	}
	.sta-inbox .margin-line {
		width:40px;
		margin:7px auto;
	}
	.sta-inbox p {
		font-size:14px;
	}
	.sta-inbox p:first-of-type {
		font-size:17px;
	}
	.sub-page-box1,
	.sub-page-box2,
	.sub-page-box3 {
		padding:20px;
	}
	.sbp-title {
		font-size:20px;
	}
	.sbp-inbox {
		font-size:14px;
		letter-spacing:-1px;
	}
	.sbp-inbox p {
		font-size:14px;
		line-height:18px;
		font-weight:400;
		letter-spacing:0px;
	}
	.sbp-line {
		width:40px;
	}
}

/*page2*/
.sub-page-box2 .sbp-title {
	color:#FFFFFF;
}
.sub-page-box2 .sbp-inbox {
	color:#FFFFFF;
}
.sub-page-box2 .sbp-line {
	background-color:#FFFFFF;
}
.sub-page-ceo {
	width:100%;
	padding:20px;
	box-sizing:border-box
}
.sub-page-ceo:after {
	content:"";
}
.ceo-img {
	float:left;
	width:48%;
	margin:1%;
	padding:20px;
	box-sizing:border-box;
	text-align:center;
	background-color:#666666;
	color:#FFFFFF;
	line-height:500px;
}
.ceo-text {
	float:left;
	width:48%;
	padding:20px;
	margin:1%;
	box-sizing:border-box;
	text-align:left;
	background-color:#666666;
	color:#FFFFFF;
	line-height:500px;
}

/*page3*/
.years-page {
	width:100%;
	box-sizing:border-box;
}
.yp-in {
	width:800px;
	padding:40px 20px;
	margin:0 auto;
	text-align:center;
	box-sizing:border-box;
}
.yp-text {
	width:100%;
	text-align:center;
	font-size:24px;
	line-height:30px;
	padding:20px 0;
	box-sizing:border-box;
}
.yp-item {
	width:800px;
	padding:30px;
	padding-left:120px;
	box-sizing:border-box;
	position:relative;
}
.yp-item:last-of-type {
	padding-bottom:0;
}
.yp-line {
	width:4px;
	height:100%;
	position:absolute;
	top:0;
	left:38px;
	background-color:#666666;
}
.yp-circle {
	width:80px;
	height:80px;
	border-radius:50%;
	overflow:hidden;
	position:absolute;
	display:block;
	top:10px;
	left:0;
	background-color:#23477c;
	color:#FFFFFF;
	font-size:18px;
	font-weight:700;
	line-height:80px;
	text-align:center;
}
.yp-mon-mess {
	position:relative;
	width:100%;
	text-align:left;
	border:3px solid #23477c;
	box-sizing:border-box;
	border-radius:10px;
	padding:12px;
	padding-left:64px;
	margin-bottom:20px;
	min-height:68px;
}
.yp-mon-mess:last-of-type {
	margin-bottom:0;
}
.yp-mon-mess:after {
	right: 100%;
	top: 10px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-right-color: #23477c;
	border-width: 15px;
}
.yp-mon-mess p {
	font-size:16px;
	line-height:22px;
	font-weight:500;
	color:#666666;
	margin-bottom:5px;
}
.yp-mon-mess p:last-of-type {
	margin-bottom:0;
}
.yp-day {
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	background:#EDEDED;
	border-radius:50%;
	text-align:center;
	position:absolute;
	top:12px;
	left:12px;
	font-size:18px;
	font-weight:700;
	color:#333333;
}
@media (max-width: 1000px) {
	.yp-in {
		width:100%;
		padding:20px 10px;
	}
	.yp-item {
		width:100%;
		padding:10px;
		padding-left:80px;
	}
	.yp-line {
		left:28px;
	}
	.yp-circle {
		width:60px;
		height:60px;
		font-size:16px;
		font-weight:700;
		line-height:60px;
	}
	.yp-mon-mess {
		border:3px solid #23477c;
		padding:10px;
		padding-left:54px;
		margin-bottom:10px;
		min-height:64px;
	}
	.yp-mon-mess:after {
		top: 7px;
	}
	.yp-mon-mess p {
		font-size:12px;
		line-height:20px;
		font-weight:400;
	}
	.yp-day {
		width:30px;
		height:30px;
		line-height:30px;
		font-size:16px;
		font-weight:500;
	}
}

/*page3*//*
.sub-page-simbol {
	width:100%;
	padding:20px;
	box-sizing:border-box;
}
.sb-textbox {
	width:700px;
	margin:0 auto 20px;
	text-align:center;
}
.sb-textbox h3 {
	color:#23477c;
	font-weight:700;
	font-size:24px;
	letter-spacing:-1px;
	line-height:28px;
	margin-bottom:20px;
}
.sb-textbox p {
	color:#333333;
	font-weight:400;
	font-size:14px;
	line-height:18px;
}
.sb-imgbox {
	max-width:1000px;
	margin:0 auto;
	text-align:center;
}
.img-intext {
	background-color:#F5F5F5;
	width:720px;
	margin:15px auto;
	padding:20px;
	box-sizing:border-box;
	position:relative;
	text-align:left;
	border-radius:10px;
	box-shadow:5px 5px 15px rgba(25,25,25,0.3);
}
.img-intext h4 {
	color:#333333;
	font-weight:700;
	font-size:22px;
	margin-bottom:5px;
}
.img-intext p {
	color:#666666;
	font-weight:400;
	font-size:14px;
	margin-bottom:10px;
}
.img-intext p:last-of-type {
	margin-bottom:0;
}
.img-intext > a {
	position:absolute;
	bottom:15px;
	right:15px;
	padding:7px 10px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	font-size:14px;
	border-radius:10px;
	box-shadow:3px 3px 7px rgba(25,25,25,0.3);
	text-align:center;
}
*/
/*page4*/
.sub-page-jehu {
	width:100%;
	padding:30px 50px;
	box-sizing:border-box;
}
.sub-page-jehu:after {
	content:"";
}
.life-box,
.son-box {
	width:48%;
	padding:20px;
	box-sizing:border-box;
	float:left;
	border:1px solid #666666;
	border-radius:3px;
}
.life-box {
	margin-right:4%;
}
.sub-page-jehu h3 {
	text-align:center;
	font-weight:700;
	color:#333333;
	font-size:30px;
}
.jeju-line {
	width:50px;
	height:1px;
	margin:15px auto;
	background-color:#23477c;
}
.jeju-imgbox {
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
.jeju-imgbox:after{
	content:"";
}
.jeju-imgbox a {
	display:block;
	width:23%;
	margin:2% 1%;
	border:1px solid #666666;
	color:#666666;
	text-align:center;
	float:left;
	box-sizing:border-box;
	padding:3px;
	border-radius:3px;
	transition:0.2s;
	font-size:0;
}
.jeju-imgbox a img {
	max-width:100%;
	border-radius:5px;
}
.jeju-imgbox a:hover {
	opacity:0.7;
}
@media (max-width: 1000px) {
	.sub-page-jehu {
		width:100%;
		padding:10px;
	}
	.sub-page-jehu:after {
		content:"";
	}
	.life-box,
	.son-box {
		width:100%;
		padding:10px;
		float:none;
		clear:both;
	}
	.life-box {
		margin-bottom:10px;
	}
	.life-box {
		margin-right:0;
	}
	.sub-page-jehu h3 {
		font-weight:700;
		font-size:20px;
	}
	.jeju-line {
		margin:10px auto;
	}
	.jeju-imgbox {
		padding:0;
	}
	.jeju-imgbox a {
		display:block;
		width:31.3%;
		margin:1% 1%;
		border:1px solid #666666;
		color:#666666;
		text-align:center;
		float:left;
		box-sizing:border-box;
		padding:5px 3px;
		border-radius:3px;
		transition:0.2s;
		font-size:0;
	}
	.jeju-imgbox a img {
		max-height:100%;
		width:auto;
		border-radius:5px;
	}
	.jeju-imgbox a:hover {
		opacity:0.7;
	}
}

/*page5*/
.sub-page-map {
	width:1000px;
	margin:0 auto;
	padding:30px 0;
	box-sizing:border-box;
}
.input-box {
	width:100%;
	position:relative;
	box-sizing:border-box;
	padding:5px 0;
	padding-left:120px;
}
.map-input form {
	border:1px solid #CCCCCC;
	padding:30px;
	box-sizing:border-box;
	padding-right:200px;
	position:relative;
	border-radius:5px;
}
.map-input button {
	position:absolute;
	width:150px;
	height:100px;
	text-align:center;
	background-color:#666666;
	color:#FFFFFF;
	font-weight:700;
	font-size:20px;
	border:none;
	border-radius:5px;
	top:50%;
	right:20px;
	margin-top:-50px;
}
.input-box label {
	width:100px;
	position:absolute;
	top:5px;
	left:10px;
	font-size:20px;
	font-weight:500;
	line-height:30px;
	color:#333333;
}
.input-box select {
	width:100%;
	height:30px;
	font-size:14px;
	font-weight:500;
	padding-left:10px;
	box-sizing:border-box;
}
.map-title {
	margin:15px auto;
	text-align:center;
}
.map-title h4 {
	margin:15px auto;
	font-size:30px;
	font-weight:700;
}
.map-tline {
	width:70px;
	margin:15px auto;
	height:1px;
	background-color:#23477c;
}
#map {
	width:1000px;
	height:400px;
	overflow:hidden;
	border-radius:5px;
	border:1px solid #CCCCCC;
	box-sizing:border-box;
}
.place-map {
	width:1000px;
	margin:0 auto;
}
.place-map:after {
	content:"";
}
.pm-img {
	width:300px;
	padding-right:20px;
	box-sizing:border-box;
	float:left;
}
.pm-img img {
	max-height:100%;
	width:100%;
}
.pm-table {
	width:700px;
	float:left;
}
.pm-table table {
	width:100%;
}
.pm-table table th,
.pm-table table td {
	padding:5px 10px;
	box-sizing:border-box;
	font-size:14px;
	border:1px solid #DEDEDE;
	color:#666666;
}
.pm-table table th {
	height:40px;
	background-color:#1c4285;
	color:#FFFFFF;
	font-size:18px;
	font-weight:700;
	border:1px solid #1c4285;
}
.pm-table table td:nth-of-type(1) {
	width:120px;
	text-align:center;
	color:#333333;
}
.pm-table table td:nth-of-type(2) {
	width:150px;
	text-align:center;
}
.pm-table table td:nth-of-type(3) {
	width:200px;
	text-align:center;
}
.pm-table table td:last-of-type {
	width:330px;
	text-align:left;
}
.pm-table table td.t-center {
	text-align:center;
}
@media (max-width: 1000px) {
	.sub-page-map {
		width:100%;
		padding:10px 10px;
	}
	.input-box {
		padding-left:50px;
	}
	.map-input form {
		padding:10px;
		padding-right:100px;
	}
	.map-input button {
		width:80px;
		height:70px;
		font-size:18px;
		right:10px;
		margin-top:-35px;
	}
	.input-box label {
		width:50px;
		left:0;
		font-size:14px;
	}
	.input-box select {
		font-size:14px;
		padding-left:5px;
	}
	.map-title {
		margin:0 auto;
		text-align:center;
		padding:10px 0;
	}
	.map-title h4 {
		font-size:20px;
	}
	.map-tline {
		width:50px;
		margin:10px auto;
	}
	#map {
		width:100%;
		height:300px;
		border-radius:0;
	}
	.place-map {
		width:100%;
		margin:0 auto;
	}
	.pm-img {
		display:none;
	}
	.pm-table {
		width:100%;
		float:none;
	}
	.pm-table table {
		width:100%;
	}
	.pm-table table th,
	.pm-table table td {
		padding:3px 7px;
		font-size:10px;
		word-break:break-all;
	}
	.pm-table table th {
		height:30px;
		font-size:14px;
		font-weight:500;
	}
	.pm-table table td:nth-of-type(1) {
		width:50px;
		text-align:center;
		color:#333333;
	}
	.pm-table table td:nth-of-type(2) {
		width:60px;
		text-align:center;
	}
	.pm-table table td:nth-of-type(3) {
		width:auto;
		text-align:center;
	}
	.pm-table table td:last-of-type {
		width:auto;
		text-align:left;
	}
	.pm-table table td.t-center {
		text-align:center;
	}
}