@charset "utf-8";

/*
 * PRODUCT STYLE
 * Lim Dae Won - Won
 * 2022.11.14
*/

@import url(reset.css);
@import url(common.css);




/************************* product ********************************/
.inner {
	width: 63.7500vw;
	margin: 0 auto;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

h1,
h2,
h3,
h4,
p {
	margin: 0;
}

.product {
	margin-top: 7.2917vw;
}

.product .strength {
	width: 63.7500vw;
	margin: 0 auto 7.2917vw;
}

.product .strength .g1-logo {
	width: 33.3333vw;
	/*outline :1px solid red;*/
	margin: 0 auto;
	margin-bottom: 4.1667vw;
	/**/
}

.product .strength .g1-logo img {
	display: block;
	width: 100%;
}

.product .strength .box-wrap {}

.product .strength .box-wrap .box {
	width: 20.4167vw;
	height: 18.7500vw;
	float: left;
	border: 0.0521vw solid #333;
	box-sizing: border-box;
	text-align: center;

}

.product .strength .box-wrap .box~.box {
	margin-left: 1.2500vw;
}

.box-wrap .box .line {
	width: 1.2500vw;
	height: 0.1042vw;
	margin: 0 auto;
	background-color: #f05626;
	margin-top: 1.9792vw;
	margin-bottom: 2.6042vw;
}

.box-wrap .box h3 {
	/*outline: 1px solid red;*/
	height: 4.1667vw;
	font-size: 1.4583vw;
	line-height: 2.0833vw;
	margin-bottom: 1.3542vw;
	font-weight: 500;
}

.box-wrap .box p {
	line-height: 1.2500vw;
	color: #767676;
	margin-bottom: 3.9583vw;
}

/*****PRO-NEWS*************************************/
.pro-news {
	background-color: #f7f7f7;
	margin-bottom: 7.2917vw;
}

.pro-news .inner {
	padding: 7.2917vw 0 7.5000vw;

}

.pro-news .news-left {
	width: 26.5625vw;
	float: left;
}

.pro-news .news-left h3 {
	font-size: 1.4583vw;
	line-height: 2.0833vw;
	font-weight: bold;
	margin-bottom: 0.8333vw;
}

.pro-news .news-left>p {
	font-weight: medium;
	margin: 0;
	margin-bottom: 3.2292vw;

}

.pro-news .news-left>p span {
	display: inline-block;
	font-weight: normal;
	color: #767676;
	margin-left: 0.7292vw;

}

.pro-news .news-left>a {
	display: inline-block;
	font-weight: 400;
	letter-spacing: -0.0208vw;
	position: relative;
	/*after 기준(line)*/


}

.pro-news .news-left>a::after {
	content: "";
	display: block;
	width: 100%;
	height: 0.0521vw;
	background-color: #000;
	position: absolute;
	left: 0;
	bottom: -0.2083vw;
}

.pro-news .news-right {
	width: 37.1875vw;
	float: left;
}

.pro-news .news-right p {
	color: #767676;
	line-height: 1.2500vw;
	margin: 0;
	margin-bottom: 2.3438vw;
}

.pro-news .news-right .platform a {
	float: left;
}

.pro-news .news-right .platform a.g1_partners {
	width: 9.8438vw;
}

.pro-news .news-right .platform a.g1_partners img {
	display: block;
	width: 100%;
}

.pro-news .news-right .platform a.aws {
	width: 5.4688vw;
	margin-left: 0.5208vw;
}

.pro-news .news-right .platform a.aws img {
	display: block;
	width: 100%;
}

.pro-news .news-right .platform a.nice {
	width: 3.1250vw;
	margin-left: 0.5208vw;
}

.pro-news .news-right .platform a.nice img {
	display: block;
	width: 100%;
}

/**************CLOUD-LINK***********************************/
.cloud-link {
	width: 63.7500vw;
	margin: 0 auto;
	text-align: center;

}

.cloud-link .cloud-tit {
	font-size: 1.4583vw;
	line-height: 2.0833vw;
	margin-bottom: 2.8125vw;
}

.cloud-link .box {
	margin-bottom: 5.2083vw;
}

.cloud-link .box .img-box {
	margin: 0 auto;
	width: 9.3750vw;
	margin-bottom: 0.8333vw;
}

.cloud-link .box .img-box img {
	display: block;
	width: 100%;
}

.cloud-link .box .img-des {}

.cloud-link .cloud-btn {
	display: block;
	margin: 0 auto;
	width: 18.7500vw;
	margin-bottom: 10.4167vw;
}

.cloud-link .cloud-btn img {
	width: 100%;
	display: block;
}


/**/
/***********MOBILE*************************************************************/
/**/


.w640 .inner {
	width: 89.3333vw;
	margin: 0 auto;
}

.w640 .product {
	margin-top: 18.6667vw;
}

.w640 .product .strength {
	width: 89.3333vw;
	margin: 0 auto;
	margin-bottom: 24.0000vw;
}

.w640 .product .strength .g1-logo {
	width: 66.0000vw;
	margin: 0 auto;
	margin-bottom: 10.2667vw;
}

.w640 .product .strength .g1-logo img {
	display: block;
	width: 100%;
}

.w640 .product .strength .box-wrap {
	width: 100%;
}

.w640 .product .strength .box-wrap .box {
	width: 100%;
	height: 48.0000vw;
	float: none;
	border: 0.2667vw solid #333;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 4.0000vw;

}

.w640 .product .strength .box-wrap .box~.box {
	margin-left: 0;
}

.w640 .box-wrap .box .line {
	width: 5.3333vw;
	height: 0.5333vw;
	margin: 0 auto;
	background-color: #f05626;
	margin-top: 5.3333vw;
	margin-bottom: 8.0000vw;
}

.w640 .box-wrap .box h3 {
	font-size: 4.8000vw;
	line-height: 5.3333vw;
	margin-bottom: 5.3333vw;
	font-weight: 500;
}

.w640 .box-wrap .box p {
	font-size: 3.4667vw;
	line-height: 4.8000vw;
	color: #767676;
	margin-bottom: 10.6667vw;
	font-weight: 300;
}

/*****PRO-NEWS*************************************/
.w640 .pro-news {
	background-color: #f7f7f7;
	margin-bottom: 7.2917vw;
}

.w640 .pro-news .inner {
	padding: 24.0000vw 0;
}

.w640 .pro-news .news-left {
	width: 100%;
	float: none;
}

.w640 .pro-news .news-left h3 {
	font-size: 5.3333vw;
	line-height: 8.0000vw;
	font-weight: bold;
	margin-bottom: 5.3333vw;
}

.w640 .pro-news .news-left>p {
	font-weight: medium;
	font-size: 3.2000vw;
	margin-bottom: 8.0000vw;
	font-weight: 500;

}

.w640 .pro-news .news-left>p span {
	display: inline-block;
	font-weight: normal;
	color: #767676;
	margin-left: 3.4667vw;

}

.w640 .pro-news .news-left>a {
	display: block;
	font-size: 3.2000vw;
	letter-spacing: -0.0208vw;
	position: relative;
	/*after 기준(line)*/
	margin-bottom: 11.2000vw;


}

.w640 .pro-news .news-left>a::after {
	content: "";
	display: block;
	width: 16.0000vw;
	height: 0.2667vw;
	background-color: #000;
	position: absolute;
	left: 0;
	bottom: -0.5333vw;
}

.w640 .pro-news .news-right {
	width: 100%;
	float: none;
}

.w640 .pro-news .news-right p {
	color: #767676;
	font-size: 3.4667vw;
	line-height: 4.8000vw;
	margin-bottom: 4.0000vw;
	font-weight: 300;
}

.w640 .pro-news .news-right .platform a {
	float: left;
}

.w640 .pro-news .news-right .platform a.g1_partners {
	width: 25.2000vw;
}

.w640 .pro-news .news-right .platform a.g1_partners img {
	display: block;
	width: 100%;
}

.w640 .pro-news .news-right .platform a.aws {
	width: 14.0000vw;
	margin-left: 1.3333vw;
}

.w640 .pro-news .news-right .platform a.aws img {
	display: block;
	width: 100%;
}

.w640 .pro-news .news-right .platform a.nice {
	width: 8.0000vw;
	margin-left: 1.3333vw;
}

.w640 .pro-news .news-right .platform a.nice img {
	display: block;
	width: 100%;
}

/**************CLOUD-LINK***********************************/
.w640 .cloud-link {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 24.0000vw 0 0;

}

.w640 .cloud-link .cloud-tit {
	font-size: 3.7333vw;
	line-height: 5.3333vw;
	margin-bottom: 8.0000vw;
}

.w640 .cloud-link .box {
	margin-bottom: 13.3333vw;
}

.w640 .cloud-link .box .img-box {
	margin: 0 auto;
	width: 24.0000vw;
	margin-bottom: 2.6667vw;
}

.w640 .cloud-link .box .img-box img {
	display: block;
	width: 100%;
}

.w640 .cloud-link .box .img-des {
	font-size: 2.9333vw;
	color: #767676;
	font-weight: 300;
}

.w640 .cloud-link .cloud-btn {
	display: block;
	margin: 0 auto;
	width: 53.3333vw;
	margin-bottom: 26.6667vw;
}

.w640 .cloud-link .cloud-btn img {
	width: 100%;
	display: block;
}