@charset "utf-8";




/* main */
.s-main .s_container {
	position: relative;
	max-width: 1980px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.s-main figure {
	width: 100%;
}

.s-main figure img {
	width: 100%;
}

.s-main .s_content {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
}

.s-main ul {
	width: 100%;
}

.s-main ul:after {
	content: "";
	display: block;
	clear: both;
}

.s-main ul li {
	float: left;
	position: relative;
	width: 33.33%;
	height: 19.7979vw;
}

.s-main ul li .inner {
	width: 100%;
	height: 100%;
}

.s-main ul li .inner a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 3.4343vw 0;
	z-index: 1;
}

.s-main ul li .inner .title {
	text-align: center;
}

.s-main ul li .inner .title * {
	color: #fff;
}

.s-main ul li:hover:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(18,64,118,0.7);
}

.s-main ul li .title {
	padding-top: 6.0606vw;
	background: url("../../images/connect/main_img01.png") no-repeat center 0 / 6.0101vw auto;
}

.s-main ul li .title h3 {
	font-size: 1.3131vw;
	font-family: "NanumBarunGothicBold";
}

.s-main ul li .title p {
	margin-top: 0.8080vw;
	font-size: 0.9090vw;
	font-family: "NanumGothic";
}

.s-main ul li + li .title {
	background: url("../../images/connect/main_img02.png") no-repeat center 0.8080vw / 4.4949vw auto;
}

.s-main ul li + li + li .title {
	background: url("../../images/connect/main_img03.png") no-repeat center 1.2121vw / 5.2020vw auto;
}

.s-main ul li + li + li + li a {
	padding-top: 4.5454vw !important;
}

.s-main ul li + li + li + li .title {
	padding-top: 4.5454vw;
	background: url("../../images/connect/main_img04.png") no-repeat center 0.3030vw / 2.9797vw auto;
}

.s-main ul li + li + li + li + li .title {
	background: url("../../images/connect/main_img05.png") no-repeat center 0 / 1.8686vw auto;
}

.s-main ul li + li + li + li + li + li .title {
	background: url("../../images/connect/main_img06.png") no-repeat center 0.7575vw / 3.6363vw auto;
}


/* visit us */
.s-visit .base {
	position: static;
}

.s-visit .base .s_content {
	position: static;
	width: 1770px;
	margin: 0 auto;
	padding-bottom: 84px;
	border-bottom: 1px solid #dbdbdb;
}

.s-visit .s_content .text h2 {
	margin-top: 130px;
}

.s-visit .inner_content {
	margin-top: 40px;
}

.s-visit .google_map {
	width: 100%;
	height: 530px;
}

.s-visit .google_map .mk-advanced-gmaps {
	width: 100%;
	height: 100%;
}

.s-visit ul {
	width: 1440px;
	margin: 65px auto 0;
}

.s-visit ul:after {
	content: "";
	display: block;
	clear: both;
}

.s-visit ul li {
	float: left;
	width: 700px;
}

.s-visit ul li + li {
	width: 384px;
}

.s-visit ul li + li + li {
	width: 356px;
}

.s-visit ul li h3 {
	margin-bottom: 14px;
	font-size: 22px;
	font-family: "NanumBarunGothic";
}

.s-visit ul li p {
	font-size: 22px;
	line-height: 36px;
	font-family: "NotoSans";
}

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

    /* visit us */
	.s-visit .base .s_content {
		width: 100%;
		padding-bottom: 4.7457vw;
	}

	.s-visit .s_content .text h2 {
		margin-top: 7.3446vw;
	}

	.s-visit .inner_content {
		margin-top: 2.2598vw;
	}

	.s-visit .google_map {
		width: 100%;
		height: 29.9435vw;
	}
}

@media screen and (max-width:1440px) {
    
     /* visit us */
	.s-visit ul {
		width: 100%;
		margin: 4.5138vw auto 0;
		padding: 0 1.3888vw;
	}

	.s-visit ul li {
		float: left;
		width: 47vw;
	}

	.s-visit ul li + li {
		width: 25vw;
	}

	.s-visit ul li + li + li {
		width: 23vw;
	}

	.s-visit ul li h3 {
		margin-bottom: 0.9722vw;
		font-size: 1.5277vw;
	}

	.s-visit ul li p {
		font-size: 1.5277vw;
		line-height: 2.5vw;
	}
}

@media screen and (max-width:768px) {
	.s-main .s_container {
		padding-bottom: 174.6341vw;
		background: #000000;
	}

	.s-main ul li {
		float: none;
		width: 100%;
		height: 47.5609vw;
	}

	.s-main ul li .inner {
		width: 100%;
		height: 100%;
	}

	.s-main ul li .inner a {
		padding: 9.2682vw 0;
	}

	.s-main ul li .title {
		padding-top: 14.6341vw;
		background-position: center 0;
		background-size: 14.5121vw auto;
	}

	.s-main ul li .title h3 {
		font-size: 3.1707vw;
		/*font-family:*/
	}
    .s-main ul li .title p { margin-top:1.2vw;
		font-size: 2.9268vw;
		line-height: 4.5vw;
	}

	.s-main ul li + li .title {
		background-position: center 1.0975vw;
		background-size: 10.8536vw auto;
	}

	.s-main ul li + li + li .title {
		background-position: center 0.6097vw;
		background-size: 12.5609vw auto;
	}

	.s-main ul li + li + li + li a {
		padding-top: 10.2682vw !important;
	}

	.s-main ul li + li + li + li .title {
		padding-top: 11.4634vw;
		background-position: center 1.9512vw;
		background-size: 7.1951vw auto;
	}

	.s-main ul li + li + li + li + li .title {
		background-position: center 1.7073vw;
		background-size: 4.5121vw auto;
	}

	.s-main ul li + li + li + li + li + li .title {
		background-position: center 2.3170vw;
		background-size: 8.7804vw auto;
	}


     /* visit us */
	.s-visit .base .s_content {
		padding-bottom: 6.0975vw;
	}

	.s-visit .s_content .text h2 {
		margin-top: 14.6341vw;
	}

	.s-visit .inner_content {
		margin-top: 4.8780vw;
	}

	.s-visit .google_map {
		height: 64.6341vw;
	}

	.s-visit ul {
		margin: 6.0975vw auto 0;
	}

	.s-visit ul li {
		float: none;
		width: 100% !important;
		margin-bottom: 4.8780vw;
		padding: 0 9.7560vw;
	}

	.s-visit ul li h3 {
		margin-bottom: 2vw;
		font-size: 2.9268vw;
	}

	.s-visit ul li p {
		font-size: 2.9268vw;
		line-height: 4.5vw;
	}
}