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



/* section1 - 홍보 영상 */
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .service-area { margin:70px 0;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .service-area .box-wrap { float:left; width:33.33%; text-align: center; padding:15px;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .service-area .box-wrap:nth-child(2) {border-left:1px dashed #dddddd; border-right:1px dashed #dddddd;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .service-area .box-wrap .text-area .txt-box h3 {font-size:3.9rem; letter-spacing: -0.025em; color: #e2e1e1;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .service-area .box-wrap .text-area .txt-box .tit {font-size:2rem; letter-spacing: -0.025em; color: #222; margin-top:10px; margin-bottom:15px;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .service-area .box-wrap .text-area .txt-box .txt {font-size:1.5rem; letter-spacing: -0.025em; color: #8a8a8a; line-height: 27px;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .video-area {margin-bottom:30px;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .video-area .img-box img {width:49%;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .video {margin:40px 0;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .video .video-container {position: relative; padding-bottom:56.25%; height:0; overflow: hidden;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .video .video-container iframe, 
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .video .video-container object,
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .video .video-container embed {position: absolute; top:0; left:0; width:100%; height:100%;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .customer-area {margin-top:40px;}
@media all and (max-width: 1100px)
{
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .service-area {width:100%;}
}
@media all and (max-width: 640px)
{
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .service-area {width:315px; margin: 0 auto; padding-bottom:30px;}
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .service-area .box-wrap {padding-bottom: 15px;float:none; width:100%; }
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .service-area .box-wrap:nth-child(2) {border-right:0; border-left:0; border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;}
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .video-area .img-box img {width:100%;}
}





/* 고객문의 */
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table { border-top:1px solid #000; width: 100%;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table tr  {border-bottom:1px solid #d9d9d9; }
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table tr .ver-t {vertical-align: top;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table th { font-size:1.5rem; letter-spacing: -0.025em; color:#333; padding: 30px 15px; width:30%; }
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table tr:nth-child(6) th {padding:50px 15px;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table th .sm {display: inline-block; padding-left:5px; font-size:1.4rem; color:#c75151;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table select { display: block; width:50%; height:45px; font-size:1.5rem; color: #b3b3b3; letter-spacing: -0.025em; padding: 0 18px; border:1px solid #d9d9d9;-webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../../../../img/sub/customer/select_arrow.png") no-repeat 95% 50%;}
select::-ms-expand {display: none;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table .select-ex {position:relative; display: inline-block; width:160px; height:30px; line-height:30px; padding-left:10px; background:#eaebf7; margin:10px 0 0; margin-right:10px; font-size:1.3rem; color: #424351;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table .select-ex img {position:absolute; top:10px; right:10px; cursor: pointer;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table select option {color: #555;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table tr td > input { width:100%; height:45px; border: 1px solid #d9d9d9; font-size:1.5rem; letter-spacing: -0.025em; padding: 0 18px; }
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table textarea {width:100%; margin:20px 0; padding:10px; border:1px solid #d9d9d9; resize: none;}
@media all and (max-width: 1100px)
{
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table th {padding: 18px 10px; width: 35%;}
}
@media all and (max-width: 640px)
{
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table select {width: 100%;}
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table .select-ex {width:140px;}
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table th .sm {display: block;padding:0; padding-top:5px;}
}

/* 파일첨부 버튼 */
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table tr td .file_wrap {position:relative; width:100%; height:100%;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table tr td .file_wrap input {position: absolute; top:0; right:0; width:100px; height:45px; opacity: 0; z-index: 1;cursor: pointer;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table tr td .file_wrap .file_btn {position: absolute; top:0; right:0; width:100px; height:45px; line-height:45px; text-align: center; background:#8c8b90; font-size:1.5rem; color:#fff; }
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table tr td .file_wrap label {cursor:default; width:100%; height:45px; line-height: 45px; border:1px solid #eee; display: inline-block; padding-left:18px;}
@media all and (max-width: 640px)
{
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area table tr td .file_wrap .file_btn, #spobee_container .main-contents-area-wrap .contents-area-container .contents-area table tr td .file_wrap input {width:70px;}
}


/* 견적신청하기 버튼 */
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .request-btn { width:550px; height:60px; line-height: 60px; margin: 0 auto; margin-top:40px; background:#2ea7e0; text-align: center;}
#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .request-btn button { background: none; border: 0; color: #fff; font-size:1.6rem; width: 100%; height: 100%; }
@media all and (max-width: 1100px)
{
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .request-btn {width:50%;}
}
@media all and (max-width: 640px)
{
	#spobee_container .main-contents-area-wrap .contents-area-container .contents-area .request-btn {width:100%; margin-top:10px;}
	.file_input label {width:70px; font-size:1.3rem;}
}