@media screen and (max-width: 1180px){
	#main{
		width:100%;
		min-width:100%;
		overflow:hidden;
	}
	
	#main .visual{
		width:100%;
		left:50%;
		margin-left:-50%;
		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:94%;
		position:absolute;
		left:50%;
		margin-left:-47%;
		top:50%;
		transform:translateY(-50%);
	}
	
	#main .visual .mainVisual li .cont .title{
		font-size:30px;
		color:#fff;
		letter-spacing:-0.7px;
		font-weight:300;
		line-height:38px;
		text-shadow:3px 3px 30px #000;
	}
	
	#main .visual .mainVisual li .cont .title span{
		font-weight:bold;
	}
	
	
	
	
	#main .visual .mainVisual li .cont .subs{
		font-size:20px;
		color:#fff;
		letter-spacing:-0.7px;
		font-weight:300;
		text-shadow:3px 3px 30px #000;
		margin-top:10px;
	}
	
	#main .visual .mainVisual li .cont .more{
		display:inline-block;
		background:#cc1f28;
		color:#fff;
		padding:10px 20px;
		margin-top:30px;
		font-size:16px;
	}
	
	
	#main .visual .mainVisual li .cont .more a{
		color:#fff;
	}
	
	
	
	
	#main .visual .searchArea{
		width:94%;
		position:absolute;
		bottom:0;
		background:rgba(0,0,0,0.5);
		left:50%;
		margin-left:-47%;
		display:none;
	}
	
	
	#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:94%;
		margin:1.5em auto 0;
	}
	
	#main .shortcut .shortMenu{
		width:100%;
		display:flex;
	}
	
	#main .shortcut .shortMenu li{
		width:10%;
		display:inline-block;
	}
	#main .shortcut .shortMenu li .ico{
		width:40px;
		margin:0 auto;
	}
	#main .shortcut .shortMenu li .ico img{
		width:100%;
	}
	
	#main .shortcut .shortMenu li .text{
		text-align:center;
		margin-top:10px;
		font-size:14px;
	}
	
	
	
	#main .mainTitle {
		display:inline-block;
		font-size:36px;
	}
	
	
	#main .shortView{
		width:94%;
		margin:4em auto 0;
	}
	
	#main .proList{
		width:100%;
		display:inline-block;
	}
	
	#main .proList li{
		width:32%;
		display:inline-block;
		float:left;
		margin-left:2%;
		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:100%;
		display:inline-block;
		overflow:Hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		color:#222;
		font-weight:bold;
		font-size:15px;
		font-family:'roboto','noto sans kr';
		line-height:15px;
		vertical-align:middle;
	}
	
	#main .proList li .titleLine .title .bestBat{
		display:inline-block;
		padding:2px 5px;
		background:#cc1f28;
		color:#fff;
		font-size:12px;
		font-weight:normal;
		font-family:'roboto','noto sans kr';
		vertical-align:Middle;
	}
	
	
	#main .proList li .titleLine .price{
		width:100%;
		display:inline-block;
		text-align:left;
		font-size:15px;
		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:94%;
		margin:4em auto 0;
	}
	
	
	#main .theme{
		width:94%;
		margin:4em 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:94%;
		margin:4em auto 0;
	}
	
	#main .youtube .youtubeList{
		width:100%;
		display:inline-block;
	}
	
	#main .youtube .youtubeList li{
		width:23.5%;
		display:inline-block;
		margin-top:1.5em;
		float:left;
		margin-left:2%;
	}
	
	
	#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:94%;
		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:23.5%;
		display:inline-block;
		float:left;
		margin-left:2%;
		margin-top:20px;
		background:#fff;
		padding-bottom:20px;
	}
	#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;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	
	
	#main .blog .mainTitleArea .blogList li .substance{
		width:100%;
		height:90px;
		padding:10px 20px;
		box-sizing:border-box;
		font-size:14px;
		overflow:hidden;
		word-break:keep-all;
	}
	
}












@media screen and (max-width: 767px){
	#main{
		width:100%;
		min-width:100%;
		overflow:hidden;
	}
	
	#main .visual{
		width:100%;
		left:50%;
		margin-left:-50%;
		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:94%;
		position:absolute;
		left:50%;
		margin-left:-47%;
		top:50%;
		transform:translateY(-50%);
	}
	
	#main .visual .mainVisual li .cont .title{
		font-size:20px;
		color:#fff;
		letter-spacing:-0.7px;
		font-weight:300;
		line-height:32px;
		text-shadow:3px 3px 30px #000;
	}
	
	#main .visual .mainVisual li .cont .title span{
		font-weight:bold;
	}
	
	
	
	
	#main .visual .mainVisual li .cont .subs{
		font-size:13px;
		color:#fff;
		letter-spacing:-0.7px;
		font-weight:300;
		text-shadow:3px 3px 30px #000;
		margin-top:10px;
	}
	
	#main .visual .mainVisual li .cont .more{
		display:inline-block;
		background:#cc1f28;
		color:#fff;
		padding:10px 20px;
		margin-top:30px;
		font-size:14px;
		display:none;
	}
	
	
	#main .visual .mainVisual li .cont .more a{
		color:#fff;
	}
	
	#main .visual .mainVisual li .bg{
		width:100%;
	}
	#main .visual .mainVisual li .bg img{
		width:130%;
	}
	
	
	#main .visual .searchArea{
		width:94%;
		position:absolute;
		bottom:0;
		background:rgba(0,0,0,0.5);
		left:50%;
		margin-left:-47%;
		display:none;
	}
	
	
	#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:94%;
		margin:1.5em auto 0;
		display:none;
	}
	
	#main .shortcut .shortMenu{
		width:100%;
		display:flex;
	}
	
	#main .shortcut .shortMenu li{
		width:10%;
		display:inline-block;
	}
	#main .shortcut .shortMenu li .ico{
		width:40px;
		margin:0 auto;
	}
	#main .shortcut .shortMenu li .ico img{
		width:100%;
	}
	
	#main .shortcut .shortMenu li .text{
		text-align:center;
		margin-top:10px;
		font-size:14px;
	}
	
	
	
	#main .mainTitle {
		display:inline-block;
		font-size:20px;
	}
	
	
	#main .shortView{
		width:94%;
		margin:4em auto 0;
	}
	
	#main .proList{
		width:100%;
		display:inline-block;
	}
	
	#main .proList li{
		width:48%;
		display:inline-block;
		float:left;
		margin-left:2%;
		margin-top:30px;
	}
	
	#main .proList li:nth-child(3n+1){
		margin-left:0px;
	}
	
	#main .proList li:last-child{
		display:none;
	}
	
	#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:100%;
		display:inline-block;
		overflow:Hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		color:#222;
		font-weight:bold;
		font-size:15px;
		font-family:'roboto','noto sans kr';
		line-height:15px;
		vertical-align:middle;
	}
	
	#main .proList li .titleLine .title .bestBat{
		display:inline-block;
		padding:2px 5px;
		background:#cc1f28;
		color:#fff;
		font-size:12px;
		font-weight:normal;
		font-family:'roboto','noto sans kr';
		vertical-align:Middle;
	}
	
	
	#main .proList li .titleLine .price{
		width:100%;
		display:inline-block;
		text-align:left;
		font-size:15px;
		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:94%;
		margin:4em auto 0;
	}
	
	
	#main .theme{
		width:94%;
		margin:4em 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:94%;
		margin:4em auto 0;
	}
	
	#main .youtube .youtubeList{
		width:100%;
		display:inline-block;
	}
	
	#main .youtube .youtubeList li{
		width:48%;
		display:inline-block;
		margin-top:1em;
		float:left;
		margin-left:2%;
		
	}
	
	
	#main .youtube .youtubeList li:nth-child(4n+1){
		margin-left:0px;
	}
	
	#main .youtube .youtubeList li .thum{
		width:100%;
		height:100px;
		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:20px;
		display:inline-block;
		vertical-align:middle;
	}
	#main .youtube .youtubeList li .opArea .playIco img{
		width:100%;
	}
	
	#main .youtube .youtubeList li .opArea .date{
		display:inline-block;
		vertical-align:middle;
		font-family:'roboto','noto sans kr';
		color:#999;
		margin-left:5px;
		width:70%;
		font-size:12px;
	}
	
	#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:4em 0px;
		margin-top:4em;
	}
	
	#main .blog .inner{
		width:94%;
		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;
		width:30px;
	}
	
	#main .blog .mainTitleArea .blogMenu li img{
		width:100%;
	}
	#main .blog .mainTitleArea .blogList{
		width:100%;
		display:inline-block;
		margin-top:10px;
	}
	#main .blog .mainTitleArea .blogList li{
		width:48%;
		display:inline-block;
		float:left;
		margin-left:2%;
		margin-top:20px;
		background:#fff;
		padding-bottom:20px;
	}
	#main .blog .mainTitleArea .blogList li:nth-child(2n+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:20px;
		display:inline-block;
	}
	
	#main .blog .mainTitleArea .blogList li .opArea .playIco img{
		width:20px;
	}
	
	
	#main .blog .mainTitleArea .blogList li .opArea .date{
		display:inline-block;
		vertical-align:middle;
		font-family:'roboto','noto sans kr';
		color:#999;
		margin-left:5px;
		width:70%;
		font-size:12px;
	}
	
	
	#main .blog .mainTitleArea .blogList li .subject{
		width:100%;
		padding:10px 20px;
		box-sizing:border-box;
		font-size:16px;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	
	
	#main .blog .mainTitleArea .blogList li .substance{
		width:100%;
		height:90px;
		padding:10px 20px;
		box-sizing:border-box;
		font-size:14px;
		overflow:hidden;
		word-break:keep-all;
	}
	
}