/* 주요서비스 */

/* Mobile 환경 */
@media screen and (max-width:800px){
	/* 제휴사 롤링 */
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content{
		text-align:center;
		border-top:1px solid #e3e3e3;
		box-sizing:border-box;
		background:url(/images/partner_bg.jpg) no-repeat;
		background-size:cover;
		background-position:center center;
		margin:0px auto;
		padding:50px 0px;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box{
		margin-left:10px;
		margin-right:10px;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list{
		position:relative;
		display:block;
		max-width:1200px;
		margin:auto;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list > #item_images{
		position:absolute;
		top:0px;
		left:0px;
		width:4200px;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list > #item_images > div{
		float:left;
		width:200px;
		height:70px;
		text-align:center;
		border-radius:10px;
		background:rgba(255, 255, 255, 1);
		padding:20px 0px;
		margin-right:20px !important;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list > #item_images > div > a > .image{
		display:block;
		height:30px;
		background-color:#fff;
		margin-left:10px;
		margin-right:10px;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list > #item_images > div > a > .image > img{
		height:100%;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list > #item_images > div > a > .name{
		position:relative;
		color:#111;
		font-size:16px;
		font-weight:600;
		padding-top:10px;
		margin-top:10px;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list > #item_images > div > a > .name::before{
		position:absolute;
		top:0px;
		left:20px;
		width:calc(100% - 40px);
		height:1px;
		background-color:#aaa;
		content:"";
	}

	/* 서비스 */
	#wrap > #body > #body_content > #service_wrap{
		width:100%;
		height:100%;
		border-top:1px solid #ddd;
		background-color:#fff;
		padding:10px 0px;
	}		
	#wrap > #body > #body_content > #service_wrap > #service{
		margin-left:10px;
		margin-right:10px;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul{
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul > li{
		position:relative;
		list-style:none;
		width:100%;
		text-align:center;
		box-sizing:border-box;
		border:1px solid #eee;
		background-color:#f5f5f5;
		margin-bottom:10px;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul > li:last-child{
		margin-bottom:0px;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul > li > a{
		display:block;
		width:100%;
		height:100%;
		text-align:center;
		padding:15px 0px;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul > li > a > p.image{
		color:#111;
		font-size:30px;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul > li > a > p.title{
		color:#777;
		font-size:16px;
		font-weight:500;
		margin-top:5px;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul > li > a > p.desc{
		color:#000;
		font-size:16px;
		font-weight:600;
		margin-top:5px;
	}
}

/* Tablet 환경 */
@media screen and (min-width:801px) and (max-width:1200px){
	/* 제휴사 롤링 */
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content{
		text-align:center;
		border-top:1px solid #e3e3e3;
		box-sizing:border-box;
		background:url(/images/partner_bg.jpg) no-repeat;
		background-size:cover;
		background-position:center center;
		margin:0px auto;
		padding:80px 0px;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box{
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list{
		position:relative;
		display:block;
		max-width:1200px;
		margin:auto;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list > #item_images{
		position:absolute;
		top:0px;
		left:0px;
		width:4200px;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list > #item_images > div{
		float:left;
		width:250px;
		height:90px;
		text-align:center;
		border-radius:10px;
		background:rgba(255, 255, 255, 1);
		padding:20px 0px;
		margin-right:20px !important;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list > #item_images > div > a > .image{
		display:block;
		height:40px;
		background-color:#fff;
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list > #item_images > div > a > .image > img{
		height:100%;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list > #item_images > div > a > .name{
		position:relative;
		color:#111;
		font-size:18px;
		font-weight:600;
		padding-top:10px;
		margin-top:20px;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list > #item_images > div > a > .name::before{
		position:absolute;
		top:0px;
		left:20px;
		width:calc(100% - 40px);
		height:1px;
		background-color:#aaa;
		content:"";
	}

	/* 서비스 */
	#wrap > #body > #body_content > #service_wrap{
		width:100%;
		height:100%;
		border-top:1px solid #ddd;
		background-color:#fff;
		padding:60px 0px;
	}		
	#wrap > #body > #body_content > #service_wrap > #service{
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul{
		overflow:hidden;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul > li{
		float:left;
		position:relative;
		list-style:none;
		width:calc(25% - 7.5px);
		height:160px;
		text-align:center;
		box-sizing:border-box;
		border:1px solid #eee;
		background-color:#f5f5f5;
		margin-right:10px;
		margin-bottom:10px;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul > li:nth-child(4n){
		margin-right:0px;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul > li > a{
		display:block;
		width:100%;
		height:100%;
		text-align:center;
		padding:15px 0px;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul > li > a > p.image{
		color:#111;
		font-size:35px;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul > li > a > p.title{
		color:#777;
		font-size:17px;
		font-weight:500;
		margin-top:5px;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul > li > a > p.desc{
		color:#000;
		font-size:17px;
		font-weight:600;
		margin-top:5px;
	}
}

/* PC 환경 */
@media screen and (min-width:1201px){
	/* 제휴사 롤링 */
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content{
		text-align:center;
		border-top:1px solid #e3e3e3;
		box-sizing:border-box;
		background:url(/images/partner_bg.jpg) no-repeat;
		background-size:cover;
		background-position:center center;
		margin:0px auto;
		padding:80px 0px;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box{
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list{
		position:relative;
		display:block;
		max-width:1200px;
		margin:auto;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list > #item_images{
		position:absolute;
		top:0px;
		left:0px;
		width:4200px;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list > #item_images > div{
		float:left;
		width:250px;
		height:90px;
		text-align:center;
		border-radius:10px;
		background:rgba(255, 255, 255, 1);
		padding:20px 0px;
		margin-right:20px !important;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list > #item_images > div > a > .image{
		display:block;
		height:40px;
		background-color:#fff;
		margin-left:20px;
		margin-right:20px;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list > #item_images > div > a > .image > img{
		height:100%;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list > #item_images > div > a > .name{
		position:relative;
		color:#111;
		font-size:18px;
		font-weight:600;
		padding-top:10px;
		margin-top:20px;
	}
	#wrap > #body > #body_content > #partner_wrap > #partner > #partner_content > .content_box > #item_list > #item_images > div > a > .name::before{
		position:absolute;
		top:0px;
		left:20px;
		width:calc(100% - 40px);
		height:1px;
		background-color:#aaa;
		content:"";
	}

	/* 서비스 */
	#wrap > #body > #body_content > #service_wrap{
		width:100%;
		height:100%;
		border-top:1px solid #ddd;
		background-color:#fff;
		padding:60px 0px;
	}		
	#wrap > #body > #body_content > #service_wrap > #service{
		width:1200px;
		margin:auto;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul{
		overflow:hidden;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul > li{
		float:left;
		position:relative;
		list-style:none;
		width:calc(25% - 7.5px);
		height:160px;
		text-align:center;
		box-sizing:border-box;
		border:1px solid #eee;
		background-color:#f5f5f5;
		margin-right:10px;
		margin-bottom:10px;
		overflow:hidden;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul > li:nth-child(4n){
		margin-right:0px;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul > li > a{
		display:block;
		width:100%;
		height:100%;
		text-align:center;
		padding:15px 0px;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul > li > a > p.image{
		color:#111;
		font-size:35px;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul > li > a > p.title{
		color:#777;
		font-size:17px;
		font-weight:500;
		margin-top:5px;
	}
	#wrap > #body > #body_content > #service_wrap > #service > ul > li > a > p.desc{
		color:#000;
		font-size:17px;
		font-weight:600;
		margin-top:5px;
	}
}