#main{
	width:100%;
	min-width:1180px;
	overflow:hidden;
}

#main .visual{
	width:1920px;
	left:50%;
	margin-left:-960px;
	position:relative;
}

#main .visual .mainVisual{
	width:100%;
}

#main .visual .mainVisual li{
	width:100%;
}

#main .visual .mainVisual li .bg{
	width:100%;
}

#main .visual .mainVisual li .bg img{
	width:100%;
}

#main .visual .mainVisual li .cont{
	width:1180px;
	position:absolute;
	left:50%;
	margin-left:-590px;
	top:50%;
	transform:translateY(-50%);
}

#main .visual .mainVisual li .cont .title{
	font-size:48px;
	color:#fff;
	letter-spacing:-0.7px;
	font-weight:300;
	line-height:60px;
	text-shadow:3px 3px 30px #000;
}

#main .visual .mainVisual li .cont .title span{
	font-weight:bold;
}




#main .visual .mainVisual li .cont .subs{
	font-size:24px;
	color:#fff;
	letter-spacing:-0.7px;
	font-weight:300;
	text-shadow:3px 3px 30px #000;
	margin-top:20px;
}

#main .visual .mainVisual li .cont .more{
	display:inline-block;
	background:#cc1f28;
	color:#fff;
	padding:10px 20px;
	margin-top:30px;
	font-size:18px;
}


#main .visual .mainVisual li .cont .more a{
	color:#fff;
}




#main .visual .searchArea{
	width:1180px;
	position:absolute;
	bottom:0;
	background:rgba(0,0,0,0.5);
	left:50%;
	margin-left:-590px;
}


#main .visual .searchBox{
	width:100%;
	display:inline-block;
	vertical-align:middle;
	padding:10px;
}
#main .visual .searchBox .inputBox{
	width:95%;
	display:inline-block;
	background:rgba(0,0,0,0);
	border:0;
	color:#fff;
}


#main .visual .searchBox .submitBTN{
	width:37px;
	display:inline-block;
	
}


#main .shortcut{
	width:1180px;
	margin:30px auto 0;
}

#main .shortcut .shortMenu{
	width:100%;
	display:flex;
}

#main .shortcut .shortMenu li{
	width:10%;
	display:inline-block;
}
#main .shortcut .shortMenu li .ico{
	width:69px;
	margin:0 auto;
}
#main .shortcut .shortMenu li .ico img{
	width:100%;
}

#main .shortcut .shortMenu li .text{
	text-align:center;
	margin-top:10px;
	font-size:18px;
}



#main .mainTitle {
	display:inline-block;
	font-size:36px;
}


#main .shortView{
	width:1180px;
	margin:80px auto 0;
}

#main .proList{
	width:100%;
	display:inline-block;
}

#main .proList li{
	width:380px;
	display:inline-block;
	float:left;
	margin-left:20px;
	margin-top:30px;
}

#main .proList li:nth-child(3n+1){
	margin-left:0px;
}

#main .proList li .thum{
	widtH:100%;
}

#main .proList li .thum img{
	widtH:100%;
}

#main .proList li .titleLine{
	widtH:100%;
	margin-top:10px;
	display:inline-block;
}

#main .proList li .titleLine .title{
	width:80%;
	display:inline-block;
	overflow:Hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#222;
	font-weight:bold;
	font-size:18px;
	font-family:'roboto','noto sans kr';
	line-height:18px;
	vertical-align:middle;
}

#main .proList li .titleLine .title .bestBat{
	display:inline-block;
	padding:3px 5px;
	background:#cc1f28;
	color:#fff;
	font-size:13px;
	font-weight:normal;
	font-family:'roboto','noto sans kr';
	vertical-align:Middle;
}


#main .proList li .titleLine .price{
	width:19%;
	display:inline-block;
	text-align:right;
	font-size:18px;
	font-family:'roboto','noto sans kr';
	font-weight:bold;
}



#main .proList li .cha{
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#222;
	margin-top:10px;
	font-size:14px;
}

#main .proList li .op{
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#999;
	font-size:14px;
}

#main .mainMore{
	width:250px;
	margin:50px auto 0;
	border-radius:50px;
	background:#999999;
	text-align:center;
	padding:15px 0px;
	font-size:16px;
}

#main .mainMore a{
	color:#fff;
}



#main .recommend{
	width:1180px;
	margin:80px auto 0;
}


#main .theme{
	width:1180px;
	margin:80px auto 0;
}


#main .theme .themeCategory{
	width:100%;
	margin-top:30px;
	text-align:center;
}

#main .theme .themeCategory li{
	display:inline-block;
	color:#c1c1c1;
	background:#e5e5e5;
	padding:10px 20px;
	border-radius:20px;
	font-size:15px;
	
}





#main .youtube{
	width:1180px;
	margin:80px auto 0;
}

#main .youtube .youtubeList{
	width:100%;
	display:inline-block;
}

#main .youtube .youtubeList li{
	width:280px;
	display:inline-block;
	margin-top:30px;
	float:left;
	margin-left:20px;
}


#main .youtube .youtubeList li:nth-child(4n+1){
	margin-left:0px;
}

#main .youtube .youtubeList li .thum{
	width:100%;
	height:148px;
	overflow:Hidden;
	margin-top:10px;
}


#main .youtube .youtubeList li .thum img{
	width:100%;
}



#main .youtube .youtubeList li .opArea{
	width:100%;
	border-bottom:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
}

#main .youtube .youtubeList li .opArea .playIco{
	width:37px;
	display:inline-block;
	vertical-align:middle;
}


#main .youtube .youtubeList li .opArea .date{
	display:inline-block;
	vertical-align:middle;
	font-family:'roboto','noto sans kr';
	color:#999;
	margin-left:5px;
}

#main .youtube .youtubeList li .subject{
	width:100%;
	font-size:16px;
	margin-top:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

#main .blog{
	width:100%;
	background:#f7f7f7;
	padding:80px 0px;
	margin-top:80px;
}

#main .blog .inner{
	width:1180px;
	margin:0 auto;
}

#main .blog .mainTitleArea{
	display:inline-block;
	width:100%;
}

#main .blog .mainTitleArea .blogMenu{
	display:inline-block;
	float:right;
}


#main .blog .mainTitleArea .blogMenu li{
	display:inline-block;
}


#main .blog .mainTitleArea .blogList{
	width:100%;
	display:inline-block;
	margin-top:10px;
}
#main .blog .mainTitleArea .blogList li{
	width:280px;
	display:inline-block;
	float:left;
	margin-left:20px;
	margin-top:20px;
	background:#fff;
}
#main .blog .mainTitleArea .blogList li:nth-child(4n+1){
	margin-left:0px;
}

#main .blog .mainTitleArea .blogList li .opArea{
	width:100%;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	box-sizing:border-box;
}


#main .blog .mainTitleArea .blogList li .opArea .playIco{
	width:37px;
	display:inline-block;
}

#main .blog .mainTitleArea .blogList li .opArea .playIco img{
	width:100%;
}

#main .blog .mainTitleArea .blogList li .opArea .date{
	display:inline-block;
	vertical-align:middle;
	font-family:'roboto','noto sans kr';
	color:#999;
	margin-left:5px;
}


#main .blog .mainTitleArea .blogList li .subject{
	width:100%;
	padding:10px 20px;
	box-sizing:border-box;
	font-size:16px;
}


#main .blog .mainTitleArea .blogList li .substance{
	width:100%;
	padding:10px 20px;
	box-sizing:border-box;
	font-size:14px;
	overflow:hidden;
	word-break:keep-all;
}