@charset "utf-8";
/* CSS Document */



/* section1 - 서비스소개 */
#spobee_container .main-contents-area-wrap .section1-container .contents-area .service-area > div { float:left; width:540px; height:355px; color: #fff; padding:70px 40px 0;}
#spobee_container .main-contents-area-wrap .section1-container .contents-area .service-area .left-box { background: url("../../../../img/sub/service/homepage/service_intro_th01.png") no-repeat center; margin-right:20px;}
#spobee_container .main-contents-area-wrap .section1-container .contents-area .service-area .right-box {background: url("../../../../img/sub/service/homepage/service_intro_th02.png") no-repeat center; }
#spobee_container .main-contents-area-wrap .section1-container .contents-area .service-area .box h4 {font-size:2.2rem; letter-spacing: -0.025em; margin-bottom:35px;}
#spobee_container .main-contents-area-wrap .section1-container .contents-area .service-area .box p {font-size: 1.6rem; letter-spacing: -0.08em; line-height:30px; color: #b4b4b4;}
@media all and (max-width: 1100px)
{
	#spobee_container .main-contents-area-wrap .section1-container .contents-area .service-area > div {width: 49%; height:300px; padding:50px 20px 0;}
	#spobee_container .main-contents-area-wrap .section1-container .contents-area .service-area .left-box {margin-right:2%;}
}
@media all and (max-width: 840px)
{
	#spobee_container .main-contents-area-wrap .section1-container .contents-area .service-area > div {width:100%; height:auto; padding:50px 20px; text-align: center;}
	#spobee_container .main-contents-area-wrap .section1-container .contents-area .service-area .left-box {margin-right:0; margin-bottom:20px;}
}


/* section2 - 이용현황 */
#spobee_container .main-contents-area-wrap .section2-container {background:#f8f8f8;}
#spobee_container .main-contents-area-wrap .section2-container .contents-area .service-area > div { float:left; width:540px; height:auto; text-align: center; font-size:1.6rem; color: #555; letter-spacing: -0.05em;}
#spobee_container .main-contents-area-wrap .section2-container .contents-area .service-area > div img { width: 100%; }
@media all and (max-width: 1100px)
{
	#spobee_container .main-contents-area-wrap .section2-container .contents-area .service-area > div {width:50%;}
}
@media all and (max-width: 540px)
{
	#spobee_container .main-contents-area-wrap .section2-container .contents-area .service-area > div {width:100%;}
}