/*Bg standard S*/
.bg {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


/*Bg standard E*/

html,
body {
	width: 100%;
	height: 100%;
	font-family: 'Noto Sans KR', sans-serif;
}

@media (min-width: 1065px) {
	.content-inseide {
		padding-bottom: 0 !important;
	}

	footer {
		position: relative;
		background: #121212;
		padding: 30px 0;
		z-index: 1;
		width: 100%;
		padding-bottom: 25px;
		z-index: 3;
		bottom: 0;
	}

	.content-inseide {
		position: relative;
		width: 100%;
		height: 100%;
		background-color: #121212;
		z-index: 1;
		overflow: hidden;
	}

	.bg {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.bgPic {
		background: url(..//image/mainPic.jpg) no-repeat center center;
		background-size: cover;
	}

	.bgPic {
		width: 100%;
		height: 100%;
		opacity: 1;
		position: absolute;
		z-index: 1;
	}


	/*mainContent S*/
	.mainContent {
		position: absolute;
		z-index: 3;
		width: 100%;
		height: 100%;
		top: 0;
	}

	.mainContent [class^="line"] {
		height: 100%;
		float: left;
		position: relative;
	}

	.mainContent .line1 {
		width: 12.5%;
	}

	.mainContent .line2 {
		width: 37.5%;
		display: flex;
		align-items: center;
	}

	.mainContent .line3 {
		width: 12.5%;
	}

	.mainContent .line4 {
		width: 25%;
	}

	.mainContent .line5 {
		width: 12.5%;
	}

	.text {
		color: #fff;
		font-size: 47px;
		line-height: 56px;
	}

	.SmallText {
		font-size: 14px;
		color: #fff;
		line-height: 24px;
		margin-top: 20px;
	}

	.btnArea .btn {
		border: 1px solid #c59359;
		color: #c59359;
		float: left;
		padding: 10px 25px;
		margin-right: 10px;
		margin-top: 30px;
		cursor: pointer;
	}

	.logoMove {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
	}


	.logoMove [class^="logoM"] {
		width: 50%;
		float: left;
		height: 50%;
		position: relative;
		overflow: hidden;
	}

	.logoMove [class^="logoM"] img {
		position: absolute;
		width: 100%;
	}

	.logoM1 img {
		right: 0;
		bottom: 0;
	}

	.logoM2 img {
		left: 0;
		bottom: 0;
	}

	.logoM3 img {
		right: 0;
		top: 0;
	}

	.logoM4 img {
		left: 0;
		top: 0;
	}

	/*mainContent E*/

	/*lingArea S*/
	.lingArea {
		width: 100%;
		height: 100%;
		position: absolute;
		min-height: 100%;
		z-index: 2;
		top: 0;
		left: 0;
	}

	.lingArea [class^="line"] {
		position: absolute;
		width: 1px;
		height: 100%;
		background-color: #fff;
		z-index: 1;
		opacity: .1;
	}

	.lingArea .line1 {
		left: 12.5%
	}

	.lingArea .line2 {
		left: 25%
	}

	.lingArea .line3 {
		left: 37.5%
	}

	.lingArea .line4 {
		left: 50%
	}

	.lingArea .line5 {
		left: 62.5%
	}

	.lingArea .line6 {
		left: 75%
	}

	.lingArea .line7 {
		left: 87.5%
	}

	.horizontal {
		position: absolute;
		width: 100%;
		height: 1px;
		top: 50%;
		background-color: #fff;
		opacity: .1;
		z-index: 1;
	}

	/*lingArea E*/

}

@media (max-width: 1064px) and (min-width: 768px) {
	.content-inseide {
		padding-bottom: 0 !important;
	}

	footer {
		position: relative;
		background: #121212;
		padding: 30px 0;
		z-index: 1;
		width: 100%;
		padding-bottom: 25px;
		z-index: 3;
		bottom: 0;
	}

	.content-inseide {
		position: relative;
		width: 100%;
		height: 100%;
		background-color: #121212;
		z-index: 1;
		overflow: hidden;
	}

	.bg {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.bgPic {
		background: url(..//image/mainPic.jpg) no-repeat center center;
		background-size: cover;
	}

	.bgPic {
		width: 100%;
		height: 100%;
		opacity: 1;
		position: absolute;
		z-index: 1;
	}


	/*mainContent S*/
	.mainContent {
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		top: 0;
	}

	.mainContent [class^="line"] {
		height: 100%;
		float: left;
		position: relative;
	}


	.mainContent .line2 {
		width: 100%;
		display: flex;
		align-items: center;
		text-align: center;
	}



	.text {
		color: #fff;
		font-size: 47px;
		line-height: 56px;
	}

	.SmallText {
		font-size: 14px;
		color: #fff;
		line-height: 24px;
		margin-top: 20px;
	}

	.btnArea .btn {
		border: 1px solid #c59359;
		color: #c59359;
		display: inline-block;
		padding: 10px 25px;
		margin-right: 10px;
		margin-top: 30px;
		cursor: pointer;
	}

	.btnArea .btn:last-child {
		margin-right: 0;
	}
	.line2 > div{
		margin: 0 auto;
	}

}

@media (max-width: 767px) {
	.content-inseide {
		padding-bottom: 0 !important;
	}

	footer {
		position: relative;
		background: #121212;
		padding: 30px 0;
		z-index: 1;
		width: 100%;
		padding-bottom: 25px;
		z-index: 3;
		bottom: 0;
	}

	.content-inseide {
		position: relative;
		width: 100%;
		height: 100%;
		background-color: #121212;
		z-index: 1;
		overflow: hidden;
	}

	.bg {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.bgPic {
		background: url(..//image/mainPic.jpg) no-repeat center center;
		background-size: cover;
	}

	.bgPic {
		width: 100%;
		height: 100%;
		opacity: 1;
		position: absolute;
		z-index: 1;
	}


	/*mainContent S*/
	.mainContent {
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		top: 0;
	}

	.mainContent [class^="line"] {
		height: 100%;
		float: left;
		position: relative;
	}


	.mainContent .line2 {
		width: 100%;
		display: flex;
		align-items: center;
		text-align: center;
	}


	.text.leg .bol{
		font-size:50px !important;
	}
	.text {
		color: #fff;
    font-size: 35px;
    line-height: 56px;
	}

	.SmallText {
		font-size: 14px;
		color: #fff;
		line-height: 24px;
		margin-top: 20px;
	}

	.btnArea .btn {
		border: 1px solid #c59359;
		color: #c59359;
		display: inline-block;
		padding: 10px 25px;
		margin-right: 10px;
		margin-top: 30px;
		cursor: pointer;
	}

	.btnArea .btn:last-child {
		margin-right: 0;
	}
	.line2 > div{
		margin: 0 auto;
	}
}