/* Mobile 환경 */
@media screen and (max-width:1000px){
	/* Footer */
	#footer{
		width:100%;
	}
	#footer a,
	#footer a:visited,
	#footer a:hover{
		color:#919191;
		text-decoration:none;
	}
	#footer > #footer_widget{
		position:fixed;
		bottom:0px;
		left:0px;
		display:block;
		width:100%;
		border-top:1px solid #777;
		background-color:#fff;
		z-index:2;
	}
	#footer > #footer_widget > div{
		margin-left:10px;
		margin-right:10px;
	}
	#footer > #footer_widget > div > ul{
		overflow:hidden;
	}
	#footer > #footer_widget > div > ul > li{
		float:left;
		width:20%;
		list-style:none;
		text-align:center;
		padding:10px 0px;
	}
	#footer > #footer_widget > div > ul > li > a{
		cursor:pointer;
	}
	#footer > #footer_widget > div > ul > li > a > .image > i{
		color:#111;
		font-size:25px;
	}
	#footer > #footer_widget > div > ul > li:nth-child(1) > a > .image > i > img{
		height:15px;
		margin-top:5px;
		vertical-align:top;
	}
	#footer > #footer_widget > div > ul > li > a > .title{
		color:#111;
		font-size:13px;
		margin-top:3px;
	}
	#footer > #footer_widget > div > ul > li:nth-child(1) > a > .title{
		margin-top:-7px;
	}
	#footer > #footer_widget > div > .btn_go_top{
		position:fixed;
		bottom:72px;
		right:10px;
		display:block;
		width:40px;
		height:40px;
		line-height:40px;
		text-align:center;
		border:1px solid #777;
		border-radius:50%;
		background-color:#fff;
		cursor:pointer;
		z-index:2;
	}
	#footer > #footer_widget > div > .btn_go_top > i{
		font-size:20px;
		font-weight:100;
	}
	#footer > #footer_service{
		width:100%;
		border-top:1px solid #eee;
		padding:20px 0px 10px 0px;
	}
	#footer > #footer_service > div{
		color:#444;
		padding:0px 0px;
		margin-left:10px;
		margin-right:10px;
	}
	#footer > #footer_service > div > ul{
		overflow:hidden;
	}
	#footer > #footer_service > div > ul > li{
		float:left;
		position:relative;
		list-style:none;
		width:calc(50% - 5px);
		height:140px;
		text-align:center;
		box-sizing:border-box;
		border:1px solid #eee;
		background-color:#f5f5f5;
		margin-right:10px;
		margin-bottom:10px;
		overflow:hidden;
	}
	#footer > #footer_service > div > ul > li:nth-child(2n){
		margin-right:0px;
	}
	#footer > #footer_service > div > ul > li > a{
		display:block;
		width:100%;
		height:100%;
		text-align:center;
		padding:15px 0px;
	}
	#footer > #footer_service > div > ul > li > a > p.image{
		color:#111;
		font-size:27px;
	}
	#footer > #footer_service > div > ul > li > a > p.title{
		color:#000;
		font-size:15px;
		font-weight:bold;
		margin-top:5px;
	}
	#footer > #footer_service > div > ul > li > a > p.desc{
		line-height:18px;
		color:#777;
		font-size:12px;
		margin-top:5px;
	}
	#footer > #footer_wrap{
		width:100%;
		color:#919191;
		font-size:12px;
		text-align:left;
		background-color:#ebebeb;
		padding-bottom:15px;
	}
	#footer > #footer_wrap > #footer_top{
		display:none;
	}
	#footer > #footer_wrap > #footer_content{
		line-height:20px;
		padding-top:20px;
		margin:20px;
		padding-bottom:45px;
	}
	#footer > #footer_wrap > #footer_content > div{
		position:relative;
	}
	#footer > #footer_wrap > #footer_content > div .company .biz_name{
		font-size:14px;
		font-weight:600;
	}
	#footer > #footer_wrap > #footer_content > div .private{
		margin-top:10px;
	}
	#footer > #footer_wrap > #footer_content > div .barcode{
		display:none;
	}
	#footer > #footer_wrap > #footer_content > div.customer{
		font-size:13px;
		font-weight:600;
		margin-top:10px;
	}
	#footer > #footer_wrap > #footer_content > div.copyright{
		text-align:center;
		margin-top:10px;
	}
}

/* Tablet 환경 */
@media screen and (min-width:1001px) and (max-width:1300px){
	/* Footer */
	#footer{
		width:100%;
	}
	#footer a,
	#footer a:visited,
	#footer a:hover{
		color:#919191;
		text-decoration:none;
	}
	#footer > #footer_widget{
		display:none;
	}
	#footer > #footer_service{
		width:100%;
		border-top:1px solid #eee;
		padding:20px 0px;
	}
	#footer > #footer_service > div{
		color:#444;
		padding:0px 0px;
		margin-left:20px;
		margin-right:20px;
	}
	#footer > #footer_service > div > ul{
		overflow:hidden;
	}
	#footer > #footer_service > div > ul > li{
		float:left;
		position:relative;
		list-style:none;
		width:calc(50% - 10px);
		height:150px;
		text-align:center;
		box-sizing:border-box;
		border:1px solid #eee;
		background-color:#f5f5f5;
		margin-right:20px;
		margin-bottom:20px;
		overflow:hidden;
	}
	#footer > #footer_service > div > ul > li:nth-child(2n){
		margin-right:0px;
	}
	#footer > #footer_service > div > ul > li > a{
		display:block;
		width:100%;
		text-align:center;
		padding:20px 0px;
	}
	#footer > #footer_service > div > ul > li > a > p.image{
		color:#111;
		font-size:27px;
	}
	#footer > #footer_service > div > ul > li > a > p.title{
		color:#000;
		font-size:18px;
		font-weight:bold;
		margin-top:5px;
	}
	#footer > #footer_service > div > ul > li > a > p.desc{
		line-height:18px;
		color:#777;
		font-size:13px;
		margin-top:10px;
	}
	#footer > #footer_wrap{
		width:100%;
		color:#919191;
		font-size:12px;
		text-align:left;
		background-color:#ebebeb;
		padding-bottom:15px;
	}
	#footer > #footer_wrap > #footer_top{	
		width:100%;
		box-sizing:border-box;
		border-bottom:1px solid #d4d4d4;
	}
	#footer > #footer_wrap > #footer_top > ul{
		height:100%;
		color:#989898;
		font-size:0px;
		text-align:center;
		padding:15px 0px;
	}
	#footer > #footer_wrap > #footer_top > ul > li{
		position:relative;
		display:inline-block;
		list-style:none;
		font-size:13px;
		padding:0px 10px;
		margin-top:5px;
	}
	#footer > #footer_wrap > #footer_top > ul > li:first-child{
		padding-left:0px;
		margin-left:0px;
	}
	#footer > #footer_wrap > #footer_top > ul > li::before{
		display:block;
		position:absolute;
		right:0;
		top:2px;
		width:1px;
		height:12px;
		background:#989898;
		content:"";
	}
	#footer > #footer_wrap > #footer_top > ul > li:last-child::before{
		display:none;
	}
	#footer > #footer_wrap > #footer_content{
		line-height:20px;
		margin:20px;
	}
	#footer > #footer_wrap > #footer_content > div{
		position:relative;
	}
	#footer > #footer_wrap > #footer_content > div .company .biz_name{
		font-size:14px;
		font-weight:600;
	}
	#footer > #footer_wrap > #footer_content > div .private{
		margin-top:10px;
	}
	#footer > #footer_wrap > #footer_content > div .barcode{
		position:absolute;
		bottom:-45px;
		right:0px;
	}
	#footer > #footer_wrap > #footer_content > div .barcode img{
		width:70px;
	}
	#footer > #footer_wrap > #footer_content > div.customer{
		font-size:13px;
		font-weight:600;
		margin-top:10px;
	}
	#footer > #footer_wrap > #footer_content > div.copyright{
		text-align:center;
		margin-top:10px;
	}
}

/* PC 환경 */
@media screen and (min-width:1301px){
	/* Footer */
	#footer{
		width:100%;
	}
	#footer a,
	#footer a:visited,
	#footer a:hover{
		color:#919191;
		text-decoration:none;
	}
	#footer > #footer_widget{
		display:none;
	}
	#footer > #footer_service{
		width:100%;
		border-top:1px solid #eee;
		padding:15px 0px;
	}
	#footer > #footer_service > div{
		width:1280px;
		color:#444;
		padding:25px 0px;
		margin:auto;
	}
	#footer > #footer_service > div > ul{
		overflow:hidden;
	}
	#footer > #footer_service > div > ul > li{
		float:left;
		position:relative;
		list-style:none;
		width:calc(25% - 15px);
		height:150px;
		text-align:center;
		box-sizing:border-box;
		border:1px solid #eee;
		background-color:#f5f5f5;
		margin-right:20px;
		overflow:hidden;
	}
	#footer > #footer_service > div > ul > li:last-child{
		margin-right:0px;
	}
	#footer > #footer_service > div > ul > li > a{
		display:block;
		width:100%;
		text-align:center;
		padding:20px 0px;
	}
	#footer > #footer_service > div > ul > li > a > p.image{
		color:#111;
		font-size:27px;
	}
	#footer > #footer_service > div > ul > li > a > p.title{
		color:#000;
		font-size:18px;
		font-weight:bold;
		margin-top:5px;
	}
	#footer > #footer_service > div > ul > li > a > p.desc{
		line-height:18px;
		color:#777;
		font-size:13px;
		margin-top:10px;
	}
	#footer > #footer_wrap{
		width:100%;
		color:#919191;
		font-size:12px;
		text-align:left;
		background-color:#ebebeb;
		padding-bottom:15px;
	}
	#footer > #footer_wrap > #footer_top{	
		width:100%;
		font-size:13px;
		box-sizing:border-box;
		border-bottom:1px solid #d4d4d4;
	}
	#footer > #footer_wrap > #footer_top > ul{
		width:1280px;
		height:100%;
		color:#989898;
		text-align:left;
		padding:15px 0px;
		margin:auto;
	}
	#footer > #footer_wrap > #footer_top > ul > li{
		position:relative;
		display:inline-block;
		list-style:none;
		padding:0px 10px;
		margin-top:5px;
	}
	#footer > #footer_wrap > #footer_top > ul > li:first-child{
		padding-left:0px;
		margin-left:0px;
	}
	#footer > #footer_wrap > #footer_top > ul > li::before{
		display:block;
		position:absolute;
		right:0;
		top:2px;
		width:1px;
		height:12px;
		background:#989898;
		content:"";
	}
	#footer > #footer_wrap > #footer_top > ul > li:last-child::before{
		display:none;
	}
	#footer > #footer_wrap > #footer_content{
		width:1280px;
		line-height:20px;
		margin:20px auto 0px;
	}
	#footer > #footer_wrap > #footer_content > div{
		position:relative;
	}
	#footer > #footer_wrap > #footer_content > div .company .biz_name{
		font-size:14px;
		font-weight:600;
	}
	#footer > #footer_wrap > #footer_content > div .private{
		margin-top:10px;
	}
	#footer > #footer_wrap > #footer_content > div .barcode{
		position:absolute;
		bottom:-45px;
		right:0px;
	}
	#footer > #footer_wrap > #footer_content > div .barcode img{
		width:70px;
	}
	#footer > #footer_wrap > #footer_content > div.customer{
		font-size:13px;
		font-weight:600;
		margin-top:10px;
	}
	#footer > #footer_wrap > #footer_content > div.copyright{
		text-align:center;
		margin-top:10px;
	}
}