@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face{
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face{ 
	font-family: 'GmarketSansMedium'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
	font-weight: normal; 
	font-style: normal; 
}
@font-face{ 
	font-family: 'GmarketSansLight'; 
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); 
	font-weight: normal; 
	font-style: normal; 
} 
* {-webkit-text-size-adjust:none;}
* { margin:0;padding:0; }
a { text-decoration: none;color:#444; }
a:visited{ text-decoration: none;color:#444; }
a:hover{ color:#444; }
img{ border:0px;vertical-align:bottom; }

body{
	margin:0px;
	padding:0px;
}

/* Table */
table{
	border:0px;
	border-spacing:0px;
	border-collapse:collapse;
}
td, th{
	padding:0px;
	word-break:break-all;
}

/* 공통 */
.text_overflow{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

#wrap{ 
	width:100%;
	font-family:Noto Sans KR,Nanum Gothic,Helvetica,sans-serif;
	letter-spacing:-1px;
}

/* 모바일 환경 */
@media screen and (max-width:800px){
	.main_title{
		color:#000;
		font-size:25px;
		font-family: 'GmarketSansBold';
		letter-spacing:-1px;
		text-align:center;
	}
	.main_title_desc{
		color:#666;
		font-size:18px;
		font-weight:100;
		text-align:center;
		margin-top:5px;
	}

	/* 본문 */
	#wrap > #body{
		position:relative;
		width:100%;
		background-color:#fff;
	}
	#wrap > #body > #body_content{
		position:relative;
		width:100%;
	}

	/* CES 소개 */
	#wrap > #body > #body_content > #product_wrap{
		width:100%;
		background-color:#fff;
		border-top:1px solid #ddd;
		padding:50px 0px;
	}
	#wrap > #body > #body_content > #product_wrap > #product{
		position:relative;
		margin-left:10px;
		margin-right:10px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content{
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box{
		margin-top:30px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .ces{
		color:#293658;
		font-size:17px;
		font-weight:600;
		margin-left:0px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .ces > ul{
		margin-top:30px;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .ces > ul > li{
		float:left;
		list-style:none;
		width:calc(50% - 5px);
		color:#fff;
		font-size:22px;
		font-weight:500;
		text-align:center;
		border-radius:15px 0px 15px 0px;
		background-color:#808589;
		padding:30px 0px;
		margin-right:10px;
		margin-bottom:10px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .ces > ul > li:nth-child(2n){
		margin-right:0px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .ces > ul > li > span{
		display:inline-block;
		font-size:25px;
		font-weight:600;
		margin-top:10px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .image{
		text-align:center;
		margin-top:30px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .image img{
		width:100%;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .desc{
		display:inline-block;
		width:100%;
		color:#00662d;
		font-size:16px;
		font-weight:300;
		font-family: 'GmarketSansBold';
		line-height:30px;
		text-align:center;
		box-sizing:border-box;
		border:1px solid #00662d;
		padding:35px 20px 30px 20px;
		background-color:#fff;
		margin-top:30px;
		margin-right:10px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .desc br{
		display:none;
	}

	/* 제품 롤링 */
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content{
		text-align:center;
		border-top:1px solid #e3e3e3;
		box-sizing:border-box;
		background:url(/images/main_item_bg.jpg) no-repeat;
		background-position:center center;
		margin:0px auto;
		padding:50px 0px;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box{
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list{
		position:relative;
		display:block;
		max-width:1400px;
		margin:auto;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images{
		position:absolute;
		top:0px;
		left:0px;
		width:4200px;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images > div{
		float:left;
		width:250px;
		height:270px;
		text-align:center;
		background:rgba(0, 0, 0, 0.8);
		padding:20px 0px;
		margin-right:10px !important;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images > div > a > .image{
		display:block;
		height:150px;
		background-color:#fff;
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images > div > a > .image > img{
		height:150px;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images > div > a > .name{
		color:#fff;
		font-size:14px;
		margin-top:20px;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images > div > a > .more{
		width:150px;
		color:#fff;
		font-size:15px;
		border:1px solid #fff;
		padding:10px 0px;
		margin:30px auto 0px;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images > div > a > .more:hover{
		background:rgba(0, 102, 45, 0.8);
	}
}

/* 테블릿 환경 */
@media screen and (min-width:801px) and (max-width:1400px){
	.main_title{
		color:#000;
		font-size:30px;
		font-family: 'GmarketSansBold';
		letter-spacing:-1px;
		text-align:center;
	}
	.main_title_desc{
		color:#666;
		font-size:18px;
		font-weight:100;
		text-align:center;
		margin-top:5px;
	}

	/* 본문 */
	#wrap > #body{
		position:relative;
		width:100%;
		background-color:#fff;
	}
	#wrap > #body > #body_content{
		position:relative;
		width:100%;
	}

	/* CES 소개 */
	#wrap > #body > #body_content > #product_wrap{
		width:100%;
		background-color:#fff;
		border-top:1px solid #ddd;
		padding:90px 0px;
	}
	#wrap > #body > #body_content > #product_wrap > #product{
		position:relative;
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content{
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box{
		margin-top:30px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .ces{
		color:#293658;
		font-size:17px;
		font-weight:600;
		margin-left:0px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .ces > ul{
		margin-top:30px;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .ces > ul > li{
		float:left;
		list-style:none;
		width:calc(25% - 15px);
		color:#fff;
		font-size:22px;
		font-weight:500;
		text-align:center;
		border-radius:15px 0px 15px 0px;
		background-color:#808589;
		padding:30px 0px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .ces > ul > li:last-child{
		margin-right:0px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .ces > ul > li > span{
		display:inline-block;
		font-size:20px;
		font-weight:600;
		margin-top:10px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .image{
		text-align:center;
		padding:0px 50px;
		margin-top:50px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .image img{
		width:100%;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .desc{
		display:inline-block;
		width:100%;
		color:#00662d;
		font-size:18px;
		font-weight:300;
		font-family: 'GmarketSansBold';
		line-height:30px;
		text-align:center;
		box-sizing:border-box;
		border:1px solid #00662d;
		padding:35px 20px 30px 20px;
		background-color:#fff;
		margin-top:30px;
		margin-right:10px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .desc br{
		display:none;
	}

	/* 제품 롤링 */
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content{
		text-align:center;
		border-top:1px solid #e3e3e3;
		box-sizing:border-box;
		background:url(/images/main_item_bg.jpg) no-repeat;
		background-position:center center;
		margin:0px auto;
		padding:80px 0px;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box{
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list{
		position:relative;
		display:block;
		max-width:1400px;
		margin:auto;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images{
		position:absolute;
		top:0px;
		left:0px;
		width:4200px;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images > div{
		float:left;
		width:250px;
		height:270px;
		text-align:center;
		background:rgba(0, 0, 0, 0.8);
		padding:20px 0px;
		margin-right:20px !important;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images > div > a > .image{
		display:block;
		height:150px;
		background-color:#fff;
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images > div > a > .image > img{
		height:150px;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images > div > a > .name{
		color:#fff;
		font-size:14px;
		margin-top:20px;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images > div > a > .more{
		width:150px;
		color:#fff;
		font-size:15px;
		border:1px solid #fff;
		padding:10px 0px;
		margin:30px auto 0px;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images > div > a > .more:hover{
		background:rgba(0, 102, 45, 0.8);
	}
}

/* PC 환경 */
@media screen and (min-width:1401px){
	.main_title{
		color:#000;
		font-size:35px;
		font-family: 'GmarketSansBold';
		letter-spacing:-1px;
		text-align:center;
	}
	.main_title_desc{
		color:#666;
		font-size:18px;
		font-weight:100;
		text-align:center;
		margin-top:5px;
	}

	/* 본문 */
	#wrap > #body{
		position:relative;
		width:100%;
		background-color:#fff;
	}
	#wrap > #body > #body_content{
		position:relative;
		width:100%;
	}

	/* CES 소개 */
	#wrap > #body > #body_content > #product_wrap{
		width:100%;
		background-color:#fff;
		border-top:1px solid #ddd;
		padding:120px 0px;
	}
	#wrap > #body > #body_content > #product_wrap > #product{
		position:relative;
		max-width:1400px;
		margin:auto;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content{
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box{
		margin-top:50px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .ces{
		color:#293658;
		font-size:17px;
		font-weight:600;
		margin-left:0px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .ces > ul{
		margin-top:30px;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .ces > ul > li{
		float:left;
		list-style:none;
		width:calc(25% - 15px);
		color:#fff;
		font-size:22px;
		font-weight:500;
		text-align:center;
		border-radius:25px 0px 25px 0px;
		background-color:#808589;
		padding:50px 0px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .ces > ul > li:last-child{
		margin-right:0px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .ces > ul > li > span{
		display:inline-block;
		font-size:26px;
		font-weight:600;
		margin-top:10px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .image{
		text-align:center;
		padding:0px 80px;
		margin-top:80px;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .image img{
		width:100%;
	}
	#wrap > #body > #body_content > #product_wrap > #product > #product_content > .content_box > .desc{
		display:inline-block;
		width:100%;
		color:#00662d;
		font-size:20px;
		font-weight:600;
		font-family: 'GmarketSansBold';
		line-height:35px;
		text-align:center;
		box-sizing:border-box;
		border:1px solid #00662d;
		padding:35px 20px 30px 20px;
		background-color:#fff;
		margin-top:80px;
		margin-right:10px;
	}	

	/* 제품 롤링 */
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content{
		text-align:center;
		border-top:1px solid #e3e3e3;
		box-sizing:border-box;
		background:url(/images/main_item_bg.jpg) no-repeat;
		background-position:center center;
		margin:0px auto;
		padding:80px 0px;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box{
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list{
		position:relative;
		display:block;
		max-width:1400px;
		margin:auto;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images{
		position:absolute;
		top:0px;
		left:0px;
		width:4200px;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images > div{
		float:left;
		width:250px;
		height:270px;
		text-align:center;
		background:rgba(0, 0, 0, 0.8);
		padding:20px 0px;
		margin-right:20px !important;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images > div > a > .image{
		display:block;
		height:150px;
		background-color:#fff;
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images > div > a > .image > img{
		height:150px;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images > div > a > .name{
		color:#fff;
		font-size:14px;
		margin-top:20px;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images > div > a > .more{
		width:150px;
		color:#fff;
		font-size:15px;
		border:1px solid #fff;
		padding:10px 0px;
		margin:30px auto 0px;
	}
	#wrap > #body > #body_content > #product2_wrap > #product2 > #product2_content > .content_box > #item_list > #item_images > div > a > .more:hover{
		background:rgba(0, 102, 45, 0.8);
	}
}