@media screen and (max-width: 1180px) {
	#main{
		width:100%;
	}
	
	#main .shortcut{
		width:94%;
		margin:0 auto;
		padding:50px 0px;
		display:flex;
	}
	
	#main .shortcut .tit{
		width:15%;
		display:inline-block;
		padding-right:50px;
		box-sizing:Border-box;
		vertical-align:top;
		font-size:18px;
		font-family:'nanumsquare';
		word-break:keep-all;
		line-height:28px;
	}
	
	#main .shortcut .shortcutList{
		width:85%;
		display:flex;
		vertical-align:top;
	}
	
	#main .shortcut .shortcutList li{
		width:24.5%;
		display:inline-block;
		border-left:1px solid #e5e5e5;
		padding:0px 20px;
		box-sizing:border-box;
		vertical-align:top;
	}
	
	#main .shortcut .shortcutList li .subj{
		font-size:16px;
		font-weight:bold;
		color:#222;
		font-family:'nanumsquare';
	}
	
	#main .shortcut .shortcutList li .subs{
		font-size:15px;
		color:#777;
		font-family:'nanumsquare';
		line-height:24px;
		word-break:keep-all;
		margin-top:20px;
	}
	
	
	
	
	#main .visual{
		width:100%;
	}
	
	#main .visual .mainVisual{
		width:100%;
	}
	
	#main .visual .mainVisual li{
		width:100%;
		background:#fdedf1;
		padding:4em 0px;
	}
	
	#main .visual .mainVisual li .inner{
		width:94%;
		margin:0 auto;
	}
	
	#main .visual .mainVisual li .inner .thum{
		width:39%;
		display:inline-block;
		vertical-align:middle;
	}
	
	#main .visual .mainVisual li .inner .thum img{
		width:100%;
	}
	
	#main .visual .mainVisual li .inner .txArea{
		width:60%;
		display:inline-block;
		vertical-align:middle;
		padding-left:50px;
		box-sizing:border-box;
	}
	
	#main .visual .mainVisual li .inner .txArea .new{
		font-size:16px;
		color:#f18e24;
		padding:15px 30px;
		border-radius:50px;
		border:1px solid #f18e24;
		box-sizing:border-box;
		display:inline-block;
		font-family:'lato'
	}
	
	#main .visual .mainVisual li .inner .txArea .subj{
		font-size:30px;
		color:#222222;
		font-weight:bold;
		font-family:'nanumsquare';
		margin-top:40px;
	}
	
	#main .visual .mainVisual li .inner .txArea .subj span{
		font-family:'noto sans kr';
	}
	
	
	#main .visual .mainVisual li .inner .txArea .subs{
		font-size:16px;
		color:#444444;
		margin-top:30px;
		word-break:keep-all;
	}
	
	#main .visual .mainVisual li .inner .txArea .subs br{
		display:none;
	}
	
	#main .visual .mainVisual li .inner .txArea .linkBtn{
		display:inline-block;
		margin-top:50px;
		border:1px solid #222;
		color:#222;
		font-family:'nanumsquare';
		padding:15px 30px;
	}
	
	
	
	
	#main .mainTit{
		width:100%;
		text-align:Center;
		font-size:26px;
		font-weight:bold;
		font-family:'nanumsquare';
	}
	
	.recommend{
		display:none;
	}
	
	
	#main .renew_reco{
		width:94%;
		margin:100px auto 0;
	}
	
	#main .renew_reco .recoList{
		width:100%;
		display:flex;
		margin-top:50px;
	}
	
	
	#main .renew_reco .recoList li{
		width:100%;
		display:inline-block;
		margin-left:10px;
	}
	
	#main .renew_reco .recoList li:first-child{
		margin-left:0px;
	}
	
	#main .renew_reco .recoList li img{
		width:100%;
	}

	
	#main .info{
		width:100%;
		margin-top:0px;
		padding:100px 0px;
		background:#f7f7f7;
	}
	
	#main .info .inner{
		width:94%;
		margin:0 auto;
	}
	
	#main .info .infoList{
		width:100%;
		display:flex;
		margin-top:50px;
	}
	
	
	#main .info .infoList li{
		width:100%;
		display:inline-block;
		margin-left:10px;
		position:relative;
	}
	
	
	#main .info .infoList li:first-child{
		margin-left:0px;
	}
	
	
	#main .info .infoList li .thum{
		width:100%;
	}
	
	#main .info .infoList li .thum img{
		width:100%;
	}
	#main .info .infoList li .thum{
		width:100%;
	}
	#main .info .infoList li .txA{
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		right:0;
		background:Rgba(0,0,0,0.5)
	}
	
	#main .info .infoList li .txA .tx{
		width:100%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		padding:10px;
		box-sizing:border-box;
	}
	
	
	#main .info .infoList li .txA .tx .subj{
		font-size:16px;
		color:#fff;
		text-align:Center;
		font-family:'nanumsquare';
		font-weight:bold;
		width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	
	#main .info .infoList li .txA .tx .subj span{
		font-family:'noto sans kr';
		font-weight:500;
	}
	
	#main .info .infoList li .txA .tx .subs{
		font-size:14px;
		color:#fff;
		text-align:Center;
		margin-top:15px;
		word-break:keep-all;
		height:60px;
		overflow:Hidden;
	}
	
	
	
	
	#main .info .blogLink{
		width:100%;
		margin-top:30px;
		display:inline-block;
	}
	
	#main .info .blogLink .subj{
		font-size:16px;
		color:#777777;
		display:inline-block;
		font-family:'nanumsquare';
		line-height:26px;
	}
	
	#main .info .blogLink .ico{
		display:inline-block;
		float:right;
		width:42px;
	}
	#main .info .blogLink .ico img{
		width:100%;
	}
	
	
	
	
	
		
	
	#main .review{
		width:94%;
		margin:100px auto 0;
	}
	
	#main .review .reviewVisual{
		width:100%;
		margin-top:50px
	}
	
	#main .review .reviewVisual li{
		width:100%;
		margin:0px 10px;
	
	}
	
	#main .review .reviewVisual li .thum{
		width:100%;
		filter:grayscale(100%)
	}
	
	#main .review .reviewVisual li .thum img{
		width:100%;
	}
	
	#main .review .reviewVisual li .txA{
		width:100%;
		margin-top:30px;
		display:none;
	}
	
	#main .review .reviewVisual li .txA .subj{
		width:100%;
		font-size:18px;
		text-align:Center;
	}
	
	
	#main .review .reviewVisual li .txA .subs{
		width:100%;
		font-size:15px;
		text-align:Center;
		color:#777;
		margin-top:10px;
		word-break:keep-all;
		min-height:126px;
	}
	
	
	
	#main .review .reviewVisual .slick-center .thum{
		filter:grayscale(0%)
	}
	
	
	#main .review .reviewVisual .slick-center .txA{
		display:block;
	}
	
	
	
	#main .review .reviewVisual .slick-dots{
		width:100%;
		background:#e5e5e5;
		margin-top:30px;
		display:flex;
	}
	
	#main .review .reviewVisual .slick-dots li{
		display:inline-block;
		height:3px;
		width:100%;
		margin:0;
		border-radius:0;
		padding:0;
		background:#ffddb8;
	}
	
	#main .review .reviewVisual .slick-dots .slick-active{
		background:#f18e24;
	}
	
	#main .review .reviewVisual .slick-dots li button{
		text-indent:-99989999px
	}
	
	
	

	
	
	
	
	
	#main .menuShortcut{
		width:94%;
		margin:100px auto;
		display:flex;
	}
	
	#main .menuShortcut li{
		width:100%;
		display:inline-block;
	}
	
	
	#main .menuShortcut li .ico{
		width:69px;
		margin:0 auto;
	}
	
	#main .menuShortcut li .ico img{
		width:100%;
	}
	
	#main .menuShortcut li .subj{
		text-align:Center;
		font-size:18px;
		color:#222;
		margin-top:20px;
	}


}

@media screen and (max-width: 767px) {
	#main{
		width:100%;
	}
	
	#main .shortcut{
		width:94%;
		margin:0 auto;
		padding:50px 0px;
		display:flex;
		display:none;

	}
	
	#main .shortcut .tit{
		width:15%;
		display:inline-block;
		padding-right:50px;
		box-sizing:Border-box;
		vertical-align:top;
		font-size:18px;
		font-family:'nanumsquare';
		word-break:keep-all;
		line-height:28px;
	}
	
	#main .shortcut .shortcutList{
		width:85%;
		display:flex;
		vertical-align:top;
	}
	
	#main .shortcut .shortcutList li{
		width:24.5%;
		display:inline-block;
		border-left:1px solid #e5e5e5;
		padding:0px 20px;
		box-sizing:border-box;
		vertical-align:top;
	}
	
	#main .shortcut .shortcutList li .subj{
		font-size:16px;
		font-weight:bold;
		color:#222;
		font-family:'nanumsquare';
	}
	
	#main .shortcut .shortcutList li .subs{
		font-size:15px;
		color:#777;
		font-family:'nanumsquare';
		line-height:24px;
		word-break:keep-all;
		margin-top:20px;
	}
	
	
	
	
	#main .visual{
		width:100%;
	}
	
	#main .visual .mainVisual{
		width:100%;
	}
	
	#main .visual .mainVisual li{
		width:100%;
		background:#fdedf1;
		padding:4em 0px;
	}
	
	#main .visual .mainVisual li .inner{
		width:94%;
		margin:0 auto;
	}
	
	#main .visual .mainVisual li .inner .thum{
		width:80%;
		display:block;
		margin:0 auto;
	}
	
	#main .visual .mainVisual li .inner .thum img{
		width:100%;
	}
	
	#main .visual .mainVisual li .inner .txArea{
		width:100%;
		display:inline-block;
		vertical-align:middle;
		padding-left:0px;
		box-sizing:border-box;
		margin-top:50px;
		text-align:Center;
	}
	
	#main .visual .mainVisual li .inner .txArea .new{
		font-size:16px;
		color:#f18e24;
		padding:15px 30px;
		border-radius:50px;
		border:1px solid #f18e24;
		box-sizing:border-box;
		display:inline-block;
		font-family:'lato'
	}
	
	#main .visual .mainVisual li .inner .txArea .subj{
		font-size:26px;
		color:#222222;
		font-weight:bold;
		font-family:'nanumsquare';
		margin-top:40px;
		word-break:keep-all;
	}
	
	#main .visual .mainVisual li .inner .txArea .subj span{
		font-family:'noto sans kr';
	}
	
	
	#main .visual .mainVisual li .inner .txArea .subs{
		font-size:16px;
		color:#444444;
		margin-top:30px;
		word-break:keep-all;
	}
	
	#main .visual .mainVisual li .inner .txArea .subs br{
		display:none;
	}
	
	#main .visual .mainVisual li .inner .txArea .linkBtn{
		display:inline-block;
		margin-top:50px;
		border:1px solid #222;
		color:#222;
		font-family:'nanumsquare';
		padding:15px 30px;
	}
	
	
	
	
	#main .mainTit{
		width:100%;
		text-align:Center;
		font-size:20px;
		font-weight:bold;
		font-family:'nanumsquare';
	}
	
	#main .recommend{
		display:none;
	}
	
	
	
	#main .renew_reco{
		width:94%;
		margin:100px auto 0;
	}
	
	#main .renew_reco .recoList{
		width:100%;
		display:inline-block;
		margin-top:1em;
	}
	
	
	#main .renew_reco .recoList li{
		width:48%;
		display:inline-block;
		margin-left:2%;
		margin-top:10px;
	}
	
	#main .renew_reco .recoList li:nth-child(2n+1){
		margin-left:0px;
	}
	
	#main .renew_reco .recoList li img{
		width:100%;
	}
	
	
	#main .info{
		width:100%;
		margin-top:0px;
		padding:100px 0px;
		background:#f7f7f7;
	}
	
	#main .info .inner{
		width:94%;
		margin:0 auto;
	}
	
	#main .info .infoList{
		width:100%;
		display:inline-block;
		margin-top:30px;
	}
	
	
	#main .info .infoList li{
		width:49%;
		display:inline-block;
		margin-left:2%;
		position:relative;
		margin-top:10px;
		float:left;
	}
	
	
	#main .info .infoList li:nth-child(2n+1){
		margin-left:0px;
	}
	
	
	#main .info .infoList li .thum{
		width:100%;
	}
	
	#main .info .infoList li .thum img{
		width:100%;
	}
	#main .info .infoList li .thum{
		width:100%;
	}
	#main .info .infoList li .txA{
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		right:0;
		background:Rgba(0,0,0,0.5)
	}
	
	#main .info .infoList li .txA .tx{
		width:100%;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		padding:10px;
		box-sizing:border-box;
	}
	
	
	#main .info .infoList li .txA .tx .subj{
		font-size:16px;
		color:#fff;
		text-align:Center;
		font-family:'nanumsquare';
		font-weight:bold;
		width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	
	
	#main .info .infoList li .txA .tx .subj span{
		font-family:'noto sans kr';
		font-weight:500;
	}
	
	#main .info .infoList li .txA .tx .subs{
		font-size:14px;
		color:#fff;
		text-align:Center;
		margin-top:15px;
		word-break:keep-all;
		height:60px;
		overflow:Hidden;
	}
	
	
	
	
	#main .info .blogLink{
		width:100%;
		margin-top:30px;
		display:inline-block;
	}
	
	#main .info .blogLink .subj{
		font-size:16px;
		color:#777777;
		display:inline-block;
		font-family:'nanumsquare';
		line-height:26px;
	}
	
	#main .info .blogLink .ico{
		display:inline-block;
		float:right;
		width:42px;
	}
	#main .info .blogLink .ico img{
		width:100%;
	}
	
	
	
	

	
	
	
	
	
	#main .review{
		width:94%;
		margin:5em auto 0;
	}
	
	#main .review .reviewVisual{
		width:100%;
		margin-top:50px
	}
	
	#main .review .reviewVisual li{
		width:100%;
		margin:0px 10px;
	
	}
	
	#main .review .reviewVisual li .thum{
		width:100%;
		filter:grayscale(0%)
	}
	
	#main .review .reviewVisual li .thum img{
		width:100%;
	}
	
	#main .review .reviewVisual li .txA{
		width:100%;
		margin-top:30px;
		display:block;
	}
	
	#main .review .reviewVisual li .txA .subj{
		width:100%;
		font-size:16px;
		text-align:Center;
	}
	
	
	#main .review .reviewVisual li .txA .subs{
		width:100%;
		font-size:14px;
		text-align:Center;
		color:#777;
		margin-top:10px;
		word-break:keep-all;
		min-height:126px;
	}
	
	
	
	#main .review .reviewVisual .slick-center .thum{
		filter:grayscale(0%)
	}
	
	
	#main .review .reviewVisual .slick-center .txA{
		display:block;
	}
	
	
	
	#main .review .reviewVisual .slick-dots{
		width:100%;
		background:#e5e5e5;
		margin-top:30px;
		display:flex;
	}
	
	#main .review .reviewVisual .slick-dots li{
		display:inline-block;
		height:3px;
		width:100%;
		margin:0;
		border-radius:0;
		padding:0;
		background:#ffddb8;
	}
	
	#main .review .reviewVisual .slick-dots .slick-active{
		background:#f18e24;
	}
	
	#main .review .reviewVisual .slick-dots li button{
		text-indent:-99989999px
	}
	
	
	

	
	
	
	
	
	
	
	#main .menuShortcut{
		width:94%;
		margin:4em auto;
		display:flex;
	}
	
	#main .menuShortcut li{
		width:100%;
		display:inline-block;
	}
	
	
	#main .menuShortcut li .ico{
		width:40px;
		margin:0 auto;
	}
	
	#main .menuShortcut li .ico img{
		width:100%;
	}
	
	#main .menuShortcut li .subj{
		text-align:Center;
		font-size:14px;
		color:#222;
		margin-top:20px;
	}


}