/* 모바일 환경 */
@media screen and (max-width:800px){

	/* 푸터 */
	#wrap > #body > #body_content > #footer_wrap{
		width:100%;
		background-color:#fff;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top{
		text-align:center;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top > div{
		position:relative;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top > div > .menu{
		padding:10px 0px 5px 0px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top > div > .menu > .page{
		display:inline-block;
		font-size:13px;
		border:1px solid #f7f7f7;
		padding:5px 10px;
		margin-right:5px;
		margin-bottom:5px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top a,
	#wrap > #body > #body_content > #footer_wrap > #footer_top a:visited,
	#wrap > #body > #body_content > #footer_wrap > #footer_top a:hover{
		color:#222;
		text-decoration:none;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top > div > div.sns{
		display:block;
		border-top:1px solid #ddd;
		padding:10px 0px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top > div > div.sns > span{
		margin-left:5px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer{
		padding:20px 0px;
		margin-left:10px;
		margin-right:10px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul{
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li{
		list-style:none;
		text-align:center;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(1){
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(1) img{
		height:40px;
		vertical-align:top;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(2){
		color:#666;
		font-size:14px;
		font-weight:400;
		line-height:24px;
		margin-top:20px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(2) > .content1{
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(2) > .content1 > span{
		margin-right:10px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(2) > .content2{
		margin-top:20px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(2) > .content2 .desc{
		font-size:13px;
		margin-left:0px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(3){
		width:calc(100% - 1035px);
		text-align:right;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(3) > p{
		margin-bottom:5px;
	}
}

/* 테블릿 환경 */
@media screen and (min-width:801px) and (max-width:1200px){

	/* 푸터 */
	#wrap > #body > #body_content > #footer_wrap{
		width:100%;
		min-width:801px;
		background-color:#fff;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top{
		text-align:center;
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top > div{
		position:relative;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top > div > .menu{
		padding:15px 0px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top > div > .menu > .page{
		display:inline-block;
		font-size:15px;
		border:1px solid #f7f7f7;
		padding:5px 10px;
		margin-right:5px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top a,
	#wrap > #body > #body_content > #footer_wrap > #footer_top a:visited,
	#wrap > #body > #body_content > #footer_wrap > #footer_top a:hover{
		color:#222;
		text-decoration:none;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top > div > div.sns{
		display:block;
		border-top:1px solid #ddd;
		padding:15px 0px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top > div > div.sns > span{
		margin-left:5px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer{
		padding:40px 0px;
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul{
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li{
		list-style:none;
		text-align:center;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(1){
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(1) img{
		width:146px;
		vertical-align:top;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(2){
		color:#666;
		font-size:15px;
		font-weight:400;
		line-height:24px;
		margin-top:30px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(2) > .content1{
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(2) > .content1 > span{
		margin-right:10px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(2) > .content2{
		margin-top:20px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(2) > .content2 .desc{
		font-size:13px;
		margin-left:0px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(3){
		width:calc(100% - 1035px);
		text-align:right;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(3) > p{
		margin-bottom:5px;
	}
}

/* PC 환경 */
@media screen and (min-width:1201px){

	/* 푸터 */
	#wrap > #body > #body_content > #footer_wrap{
		width:100%;
		min-width:1200px;
		background-color:#fff;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top{	
		width:100%;
		font-size:14px;
		border-top:1px solid #eaeaea;
		border-bottom:1px solid #eaeaea;
		background-color:#fff;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top > div{
		position:relative;
		width:1200px;
		margin:auto;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top > div > div.menu{
		position:relative;
		color:#d3d4d6;
		text-align:left;
		padding:21px 0px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top > div > div.menu > span{
		position:relative;
		display:inline-block;
		padding:0px 10px 0px 10px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top > div > div.menu > span:not(:last-child)::before{
		position:absolute;
		top:2px;
		right:0px;
		width:1px;
		height:15px;
		background-color:#b0b0b0;
		opacity:0.4;
		content:"";
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top a,
	#wrap > #body > #body_content > #footer_wrap > #footer_top a:visited,
	#wrap > #body > #body_content > #footer_wrap > #footer_top a:hover{
		color:#222;
		text-decoration:none;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top > div > div.sns{
		position:absolute;
		top:15px;
		right:0px;;
		margin-left:600px;
		text-align:right;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer_top > div > div.sns > span{
		margin-left:5px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer{
		width:1200px;
		padding:40px 0px;
		margin:auto;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul{
		overflow:hidden;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li{
		float:left;
		list-style:none;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(1){
		width:185px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(1) img{
		width:146px;
		vertical-align:top;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(2){
		width:850px;
		color:#666;
		font-size:15px;
		font-weight:400;
		line-height:24px;
		text-align:left;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(2) > .content1{
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(2) > .content1 > span{
		margin-right:10px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(2) > .content2{
		margin-top:20px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(2) > .content2 .desc{
		font-size:13px;
		margin-left:0px;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(3){
		width:calc(100% - 1035px);
		text-align:right;
	}
	#wrap > #body > #body_content > #footer_wrap > #footer > ul > li:nth-child(3) > p{
		margin-bottom:5px;
	}
}