/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

/*
포인트 색은 #4b665d

*/


/** 공통 **/

/* 가로,세로 비율 유지 박스 : 필요시 해당 요소의 padding-bottom 값을 바꿔서 사용 */
.ratioBoxWrap {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 100%;
}
.ratioBox {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 백그라운드로 이미지가 들어가는 박스 : 기본은 중앙 포지션, 박스에 cover */
.bgImageBox {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}


/* index */
.section_subject b {
	color: #4b665d;
}

/* 페이매니저를 써야하는 이유 */
.whyusepaym {
	padding: 100px 0 100px 0;
}
.whyusepaym .section_subject {
	text-align: center;
	margin-bottom: 60px;
}
.whyusepaym .box {
	display: flex;
	justify-content: center;
	align-items: center;
}
.whyusepaym .box .item {
	display: inline-flex;
	width: 400px;
	height: 400px;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	font-weight: bold;
	margin:0 10px 10px 10px;
	color: #ffffff;
	background-color: #000000;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 20px;
}

/* 페이매니저만의 서비스 */
.mainservice {
	padding: 100px 0 100px 0;
	background-color: #f4f6fa;
}
.mainservice .section_subject {
	text-align: center;
	margin-bottom: 60px;
}
.mainservice .service_wrap {
}
.mainservice .service_wrap .service_left {
}
.mainservice .service_wrap .service_left ul.service_list {
	margin: 0 40px 0 0;
}
.mainservice .service_wrap .service_left ul.service_list li {
	height: 66px;
	width: 100%;
	background-color: #ffffff;
	border-radius: 33px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 40px;
	margin-bottom: 20px;
}
.mainservice .service_wrap .service_left ul.service_list li a {
	font-size: 20px;
}
.mainservice .service_wrap .service_left ul.service_list li i {
	font-size: 20px;
}
.mainservice .service_wrap .service_left ul.service_list li.selected {
	background-color: #A65D57;
}
.mainservice .service_wrap .service_left ul.service_list li.selected a {
	color: #ffffff;
}
.mainservice .service_wrap .service_left ul.service_list li.selected i {
	color: #ffffff;
}
.mainservice .service_wrap .service_right {
}
.mainservice .service_wrap .service_right .service_img_area {
}
.mainservice .service_wrap .service_right .service_img_area img {
	border:10px solid #ffffff;
}

/* 메인 미들섹션 3 : 후기, 리뷰 */
.mainReview {
	padding: 80px 0;
}
.mainReview .box {
	padding: 0 15px;
}
.mainReview .box > div {
	border-radius: 15px;
	background-color: #f8f8f8;
}
.mainReview .box:hover > div {
	background-color: #f4f4f4;
}
.mainReview .box .boxContent {
	padding:11px 15px;
}
.mainReview .box .boxContent .boxSubject {
	font-size: 20px;
	margin-bottom: 8px;
	color: #000000;
}
.mainReview .box .boxContent .boxText {
	color: #696969;
}

/* 결제 회사 로고 */
.payCompany {
	padding: 90px 0;
	background-color: #ebf6ed;
}
.payCompany .payCompanySlider {
}
.payCompany .slick-slide img {
	height: 40px;
	margin: 0 35px;
}


/* tail */
.footer-inner .footer-top ul.footer-top-list > li .footer-info address span.footer-info-email {
	display: inline-block;
}



/* 개발자용 레이어 */
.devsection {
	position:fixed;
	bottom:0;
	right:0;
}