@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2018-01-16
******************************************************** */
.custom-select {display:inline-block; border:0; width:110px; height:70px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(https://1544-0024.co.kr/images/board/btn_select.png) no-repeat 95% 50%;}
.custom-select::-ms-expand { display: none; }

.custom-checkbox .checkbox-item{display:inline-block; vertical-align:middle; }
.custom-checkbox .checkbox-item input[type="checkbox"]{display:none;}
.custom-checkbox .checkbox-item label{display:inline-block; position:relative; padding-left: 25px; background:url("../images/board/checkbox_style1.jpg") no-repeat center left; height:21px;}
.custom-checkbox .checkbox-item input[type="checkbox"]:checked + label{background:url("../images/board/checkbox_style1_on.jpg") no-repeat center left; }

.custom-checkbox2{display:inline-block; vertical-align:middle; margin-left: 5px;}
.custom-checkbox2 .checkbox-item {display:inline-block; vertical-align:middle; border:1px solid #553F28; border-radius:5px; padding:5px;}
.custom-checkbox2 .checkbox-item input[type="checkbox"]{display:none;}
.custom-checkbox2 .checkbox-item label{display:inline-block; position:relative; padding-left: 25px; background:url("../images/board/checkbox.png") no-repeat center left; font-size:14px; letter-spacing: -0.5px; color:#453422 }
.custom-checkbox2 .checkbox-item input[type="checkbox"]:checked + label{background:url("../images/board/checkbox_on.png") no-repeat center left; }

@media all and (max-width:800px){
	.sub-scroll img {width:800px;}
}

/* ******************  공통 부분 :: 인증샷 ********************** */
.sub-review-wrap {padding:100px 0;}
.sub-review-wrap .sub-tit {position:relative; }
.sub-review-wrap .sub-review-btn {position:absolute; right:0; top:50%;}
.sub-review-wrap .sub-review-btn a {display:block; font-size:14px; letter-spacing: -0.5px; color:#553f28; font-weight: 600; line-height: 46px;}
.sub-review-wrap .sub-review-btn a span {display:inline-block; width:46px; height:46px; border:1px solid #553f28; border-radius:50%; text-align:center; line-height: 48px; margin-left: 10px; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.sub-review-wrap .sub-review-btn a:hover span {background-color:#553f28; color:#fff;}

.cm-review-slider {margin:0 -10px; }
.cm-review-slider-inner {float:left; width:385px; margin:0 10px; padding:35px 0;}
.cm-review-slider-inner a {display:block; position:relative; box-shadow:5px 5px 7px rgba(80, 80, 80, 0.18);}

.cm-review-slider .slick-arrow {position:absolute; z-index:10; width:56px; height:56px; border-radius:50%; background-color:#553F28; line-height: 58px; top:50%; margin-top: -25.5px;}
.cm-review-slider .slick-arrow i {color:#fff;}
.cm-review-slider .slick-prev {left:-110px;}
.cm-review-slider .slick-next {right:-110px;}

.cm-review-img {overflow:hidden;}
.cm-review-img img {width:100%; height:100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.cm-review-info {padding:25px;}
.cm-review-info .category {display:inline-block; width:60px; height:25px; background-color:#4A3A29; border-radius:5px; text-align:center; font-size:13px; line-height: 25px; letter-spacing: -0.5px; color:#fff;}
.cm-review-info h3 {font-size:22px; line-height: 30px; letter-spacing: -0.5px; color:#333333; font-weight: 600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:10px 0;}
.cm-review-info h3 span {font-size:18px; color:#888888;}
.cm-review-info p {font-size:15px; line-height: 24px; letter-spacing: -0.5px; color:#666666; font-weight: 400; height:50px; overflow:hidden; text-overflow:ellipsis;}

.cm-review-line span {position:absolute; z-index:3; background-color:#553F28}

.cm-review-slider-inner a:hover .cm-review-info h3 {color:#553f28}
.cm-review-slider-inner a:hover .cm-review-img img {-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}


@media all and (min-width:801px){
	.cm-review-line .top-bar {left:0; top:0; width:0; height:4px; }
	.cm-review-line .right-bar {right:0; top:0; width:4px; height:0; }
	.cm-review-line .bottom-bar {bottom:0; right:0; width:0; height:4px; }
	.cm-review-line .left-bar {left:0; bottom:0; width:4px; height:0; }
}

@media all and (max-width:800px){
	.sub-review-wrap {padding:50px 0;}
	.sub-review-wrap .sub-tit {padding-bottom: 50px;}
	.sub-review-wrap .sub-review-btn {bottom:0; top:auto; left:50%; margin-left: -17.5px;}
	.sub-review-wrap .sub-review-btn em {display:none;}
	.sub-review-wrap .sub-review-btn a span {width:35px; height:35px; line-height: 35px;}
	.sub-review-wrap .sub-review-btn a span i {font-size:20px;}

	.cm-review-slider-inner {padding:15px 0; padding-top: 0;}

	.cm-review-slider .slick-arrow  {top:-55px; margin-top: 0; width:37px; height:37px; line-height: 37px;}
	.cm-review-slider .slick-prev {left:50%; margin-left: -50px;}
	.cm-review-slider .slick-next {right:50%; margin-right:-75px;}

	.cm-review-info {padding:15px 5%; height:129px;}
	.cm-review-info .category {font-size:12px;}
	.cm-review-info h3 {font-size:16px; line-height: 22px; max-height:44px;  white-space:normal;}
	.cm-review-info h3 span {font-size:14px;}
	.cm-review-info p {font-size:13px; line-height: 20px; max-height:40px; height:auto; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

}

/* ******************  공통 부분 :: 이유 ********************** */
#content .cm-reason-bg {padding:0 352px; margin:0 -352px; padding-top: 90px; padding-bottom: 85px;}
.cm-reason-bg {background:url("../images/main/main_service_bg.jpg") no-repeat fixed center; background-size:cover;}

.sub-reason-tit {text-align:center; margin-bottom: 70px; padding-top: 55px; background:url("../images/content/sub_logo_yl.png") no-repeat center top;}
.sub-reason-tit h3 {display:inline-block; vertical-align: bottom; font-size:40px; letter-spacing: -0.5px; color:#fff; font-weight: 400;}
.sub-reason-tit h3 span {color:#ffc52e; font-weight: 600;}
.sub-reason-tit p {display:inline-block; vertical-align: middle; font-size:18px; letter-spacing: -0.5px; color:rgba(255, 255, 255, 0.8); line-height: 38px; margin-right:10px; margin-top: 15px;}
.sub-reason-tit a {position:relative; overflow:hidden; display:inline-block; vertical-align: middle; width:145px; height:38px; border:1px solid rgba(255, 255, 255, 0.6); font-size:15px; letter-spacing: -0.5px; color:rgba(255, 255, 255, 0.8); line-height: 38px; border-radius:5px; margin-top: 15px;}
.sub-reason-tit a::before {content:""; position:absolute;  width:70px; height:120px; background-color:#ffc52e;
left:-100px; -ms-transform:skewX(-20deg);  -webkit-transform:skewX(-20deg); -moz-transform:skewX(-20deg); -o-transform:skewX(-20deg); transform:skewX(-20deg); -webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s;}
.sub-reason-tit a span {position:relative; z-index:10;}
.sub-reason-tit a i {font-size:16px;}

.sub-reason-tit a:hover::before {left:150px; -webkit-transition:all 1.0s;-moz-transition:all 1.0s;-o-transition:all 1.0s;transition:all 1.0s;}

.cm-reason-list {margin:0 -100px;}
.cm-reason-list-inner {float:left; text-align:center; width:33.33%; margin-top: 100px;}
.cm-reason-list-inner.mt0 {margin-top: 0;} 
.cm-reason-list-inner p {font-size:20px; line-height: 25px; letter-spacing: -0.5px; color:#fff; font-weight: 400; margin-top: 10px;}
.cm-reason-list-inner p span {font-size:16px; color:rgba(255, 255, 255, 0.5);}

@media all and (max-width:800px){
	#content .cm-reason-bg {padding:0 6%; margin:0 -6%; padding-top: 25px; padding-bottom: 45px;}

	.sub-reason-tit {padding-top: 30px; background-size:auto 25px; margin-bottom: 30px;}
	.sub-reason-tit h3 {font-size:20px; line-height: 25px; word-break:keep-all;}
	.sub-reason-tit p {display:block; margin-right:0; margin-top: 10px; font-size:12px; line-height: 25px;}
	.sub-reason-tit a {width:105px; height:30px; line-height: 30px; font-size:11px; }

	.cm-reason-list {margin:0;}
	.cm-reason-list-inner {width:40%; margin-top: 15px;}
	.cm-reason-list-inner.mt0 {margin-top: 15px;}
	.cm-reason-list-inner:nth-child(2n) {float:right;}
	.cm-reason-list-inner img {max-width:70%;}
	.cm-reason-list-inner p {font-size:13px; line-height: 17px; word-break:keep-all; height:51px;}
	.cm-reason-list-inner p span {font-size:12px; line-height: 17px;}
}

/* ****************** 공통 부분 :: 컨텐츠 ********************** */
.sub-tit {margin-bottom: 35px; position:relative;}
.sub-tit h3 {text-align:center; padding-top: 50px; background:url("../images/content/sub_logo.png") no-repeat center top; font-size:36px; letter-spacing: -0.5px; color:#333333; font-weight: 400;}
.sub-tit h3 span {color:#553f28; font-weight: 600;}
.sub-tit h3 em {font-size:24px; line-height: 30px; letter-spacing: -0.5px; color:#888888; font-weight: 400;}
.sub-tit .sub-txt{margin-top:15px; color:#888; font-size:15px; letter-spacing:-0.5px;text-align:center;}
.sub-more-btn {position:absolute; right:0; top:50%; }
.sub-more-btn a {display:block;}
.sub-more-btn p {display:inline-block; vertical-align: middle; font-size:14px; letter-spacing: -0.5px; color:#553f28; font-weight: 600; margin-right:15px;}
.sub-more-btn span {display:inline-block; width:45px; height:45px; border:1px solid rgba(85, 63, 40, 0.8); border-radius:50%; text-align:center; line-height: 48px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.sub-more-btn span i {color:#553F28; font-size:26px; display:inline-block; vertical-align: middle; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

.sub-more-btn a:hover span {background-color:#553F28}
.sub-more-btn a:hover span i {color:#fff;}

.factory-content .sub-tit h3 em {font-size:18px;}

@media all and (max-width:800px){
	.sub-tit {margin-bottom: 15px;}
	.sub-tit h3 {padding-top: 25px; background-size:auto 20px; font-size:20px;}
	.sub-tit h3 em {font-size:14px; line-height: 15px;}
	.sub-tit .sub-txt{font-size:12px;}
	.factory-content .sub-tit h3 em {font-size:14px; line-height: 20px;}
}

/* ******************  가정이사 공통 부분 ********************** */
/* 상단 */
.sub-top-bx {margin-bottom: 100px;}
.sub-top-info {padding:25px 0; text-align:center; margin-bottom: 20px; border:1px solid #D5D5D5; border-top: 2px solid #553F28;}
.sub-top-info p {font-size:24px; line-height: 32px; letter-spacing: -0.5px; color:#444444; font-weight: 600;}
.sub-top-info p:first-child {font-size:20px; line-height: 34px; letter-spacing: -0.5px; color:#444444; font-weight: 400;}
.sub-top-info p span {color:#553f28;}

.company-top-bx .sub-top-info p {font-size:22px; line-height: 36px; font-weight: 600;}

.sub-top-img .sub-top-img-inner {float:left;}
.sub-top-img .sub-top-img-inner:first-child {margin-right:20px;}

/* 서비스 */
.home-service-wrap {background-color:#F6F6F6; padding:70px 350px; margin:0 -350px;}
.home-service-list ul {margin:0 -8px;}
.home-service-list li {float:left; margin:0 8px;}
.home-service-list li p {font-size:18px; line-height: 30px; letter-spacing: -0.5px; color:#333333; margin-top: 5px; margin-bottom: 15px;}

@media all and (max-width:800px){
	/* 상단 */
	.sub-top-bx {margin-bottom: 30px;}
	.sub-top-info {padding:20px 0; margin-bottom: 5px;}
	.sub-top-info p {font-size:15px; line-height: 21px; word-break:keep-all;}
	.sub-top-info p:first-child {font-size:13px; line-height: 19px;}

	.company-tip-tit .sub-tit {padding-bottom: 50px;}
	.sub-more-btn {bottom:5px; top:auto; right:50%; margin-right: -17.5px;}
	.sub-more-btn p {display:none;}
	.sub-more-btn span {width:35px; height:35px; line-height: 35px;}

	.sub-top-img .sub-top-img-inner {width:49%;}
	.sub-top-img .sub-top-img-inner img {max-width:100%;}
	.sub-top-img .sub-top-img-inner:first-child {margin-right:2%;}

	/* 서비스 */
	.home-service-wrap {padding:40px 5%; margin:0 -5%;}
	.home-service-list ul {margin:0 -1%;}
	.home-service-list li {width:48%; margin:0 1%;}
	.home-service-list li img {max-width:100%;}
	.home-service-list li p {font-size:14px; margin-bottom: 10px;}
}


/* ******************  가정이사 :: 가정이사 ********************** */
.home-process-wrap {padding-top: 100px; padding-bottom: 80px;}
.home-process-list ul {display:table; width:100%;}

.home-process-list ul li {display:table-cell; vertical-align: top; text-align:center;}

.home-process-list ul li.bx {width:13.8%;}
.home-process-list ul li.arrow {padding-top: 79px;}

.home-process-list ul li p {margin-top: 20px; font-size:18px; line-height: 30px; letter-spacing: -0.5px; color:#333333;  font-weight: 600;}
.home-process-list ul li p span {display: block; font-size:16px; line-height: 24px; letter-spacing: -0.5px; color:#555555; font-weight: 400; word-break:keep-all;}
.home-process-list ul li p em {font-size:26px; letter-spacing: -0.5px; font-weight: 600; color:#553f28;}
.home-process-list ul li a {position:relative; overflow:hidden; display:inline-block; vertical-align: middle; width:125px; height:35px; border:1px solid #553f28; font-size:15px; letter-spacing: -0.5px; color:#553f28; line-height: 35px; border-radius:5px; margin-top: 15px;}
.home-process-list ul li a::before {content:""; position:absolute;  width:70px; height:120px; background-color:#ffc52e;
left:-100px; -ms-transform:skewX(-20deg);  -webkit-transform:skewX(-20deg); -moz-transform:skewX(-20deg); -o-transform:skewX(-20deg); transform:skewX(-20deg); -webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s;}
.home-process-list ul li a span {position:relative; z-index:10;}
.home-process-list ul li a i {font-size:16px;}

.home-process-list ul li a:hover::before {left:150px; -webkit-transition:all 1.0s;-moz-transition:all 1.0s;-o-transition:all 1.0s;transition:all 1.0s;}

.home-input-list > p {font-size:16px; line-height: 30px; letter-spacing: -0.5px; color:#555555; margin-bottom: 10px;}
.home-input-list ul {display:table; width:100%; padding:55px 0; border:1px solid #D6D6D6; border-top: 2px solid #553F28;}
.home-input-list ul li {display:table-cell; width:25%; vertical-align: top; text-align:center; border-left: 1px solid #D6D6D6;}
.home-input-list ul li:first-child {border-left: 0;}
.home-input-list ul li .category {font-size:20px; line-height: 30px; letter-spacing: -0.5px; color:#333333; font-weight: 400; margin-top: 40px; margin-bottom: 20px;}
.home-input-list ul li .total {font-size:18px; line-height: 30px; letter-spacing: -0.5px; color:#333333; font-weight: 400;}
.home-input-list ul li .total span {font-size:46px; line-height: 30px; letter-spacing: -0.5px; color:#553f28; font-weight: 600;}
.home-input-list ul li .total em {display:block; position:relative; top:-5px; font-size:16px; line-height: 20px; letter-spacing: -0.5px; color:#777777; }

@media all and (max-width:800px){
	.home-process-wrap {padding:30px 0;}
	.home-process-list ul {display:block; }
	.home-process-list ul li {display:block; float:left;  margin-bottom: 10px;}
	.home-process-list ul li img {max-width:100%;}
	.home-process-list ul li.bx {width:41%; padding:0 2%;}
	.home-process-list ul li.arrow {width:5%; padding-top: 70px;}

	.home-process-list ul li p {margin-top: 10px; font-size:16px; line-height: 24px;}
	.home-process-list ul li p span {font-size:14px; line-height: 18px;}
	.home-process-list ul li p em {font-size:20px;}

	.home-process-list ul li a {width:120px; height:30px; line-height: 30px; font-size:13px; margin-top: 10px;}
	.process-info-bx {height:88px;}
	.home-process-info {height:48px;}

	.home-input-list > p {font-size:14px; line-height: 15px; margin-bottom: 5px;}
	.home-input-list ul {padding:0; display:block; border:0; border-top: 2px solid #553F28;}
	.home-input-list ul li {display:block; float:left; width:50%; border:0; }
	.home-input-list ul li .home-input-list-inner {border-right:1px solid #ddd; border-bottom: 1px solid #ddd; padding:30px 0;}
	.home-input-list ul li:nth-child(2n-1) .home-input-list-inner {border-left: 1px solid #ddd;}

	.home-input-list ul li .category {font-size:14px; line-height: 20px; margin-top: 20px; margin-bottom: 20px;}
	.home-input-list ul li .total {font-size:13px; line-height: 20px;}
	.home-input-list ul li .total span {font-size:30px; line-height: 20px;}
	.home-input-list ul li .total em {display:inline-block; margin-left: 5px; font-size:13px; line-height: 20px; top:0;}
}

/* ******************  가정이사 :: 보관이사 ********************** */
.storage-content .sub-top-info dl {display:table; width:800px; margin:0 auto; padding:20px 0; background-color:#F6F6F5; margin-top: 30px;}
.storage-content .sub-top-info dt {display:table-cell; width:50%; vertical-align: middle; border-right:1px solid #CCCCCC;}
.storage-content .sub-top-info dt p {font-size:20px; line-height: 34px; letter-spacing: -0.5px; color:#553f28}
.storage-content .sub-top-info dt p span {font-weight: 600;}
.storage-content .sub-top-info dd {display:table-cell; vertical-align: middle; padding:0 5%; text-align:left;}
.storage-content .sub-top-info dd p {font-size:15px; line-height: 34px; letter-spacing: -0.5px; color:#444444; font-weight: 400;}
.storage-content .sub-top-info dd p i {color:#553F28}

.storage-item-wrap {padding:0 350px; margin:0 -350px; padding-top: 60px; padding-bottom: 80px; background-color:#F6F6F6;}
.storage-item-list li {float:left; margin-left: 25px; text-align:center;}
.storage-item-list li:first-child {margin-left: 0;}
.storage-item-list li p {margin-top: 15px; font-size:17px; line-height: 24px; letter-spacing: -0.5px; color:#333333; font-weight: 400;}

@media all and (max-width:800px){
	.storage-content .sub-top-info dl {margin:0 5%; margin-top: 15px; display:block; padding:0; width:90%;}
	.storage-content .sub-top-info dt {display:block; width:100%; border-right:0; border-bottom: 1px solid #ccc; padding:10px 0;}
	.storage-content .sub-top-info dd {display:block; width:90%; padding:10px 5%;}
	.storage-content .sub-top-info dd p {font-size:13px; line-height: 20px; margin:5px 0;}
	.storage-content .sub-top-info dd p i {font-size:16px;}

	.storage-item-wrap {padding:30px 5%; margin:0 -5%; }
	.storage-item-wrap .storage-item-inner {padding:0;}
	.storage-item-list ul {margin:0 -1%;}
	.storage-item-list li {width:48%; margin:0 1%;}
	.storage-item-list li img {max-width:100%;}
	.storage-item-list li:first-child {margin-left: 1%;}
	.storage-item-list li p {margin-top: 8px; font-size:14px; line-height: 20px; height:60px;}
}

/* ******************  가정이사 :: 해외이사 ********************** */
.overseas-content .sub-top-info p.point {display:inline-block; padding:0 10px; background-color:#553F28; font-size:16px; line-height: 30px; color:#fff; margin-top: 10px;}

.overseas-service-list {border-top: 2px solid #553F28; margin-bottom: 100px;}
.overseas-service-wrap {padding:15px 0; border-bottom: 1px solid #DDDDDD; display:table; width:100%;}
.overseas-img {display:table-cell; vertical-align: middle;}
.overseas-tit {display:table-cell; vertical-align: middle; width:20%; padding:0 3%;}
.overseas-tit h3 {font-size:22px; letter-spacing: -0.5px; color:#333333; font-weight: 600;}
.overseas-tit h3 span {display:inline-block; margin-right:15px; font-size:30px; color:#553f28}
.overseas-info {display:table-cell; vertical-align: middle; width:66%; padding-left: 4%; font-size:16px; line-height: 24px; letter-spacing: -0.5px; color:#555555}


.overseas-period-wrap {padding:0 350px; margin:0 -350px; padding-top: 80px; padding-bottom: 140px; background-color:#F6F6F6;}
.overseas-period-table table {width:100%; background-color:#fff;}
.overseas-period-table table th , .overseas-period-table table td {height:50px; border:1px solid #DDDDDD; padding:0 20px;text-align:center;}
.overseas-period-table table th {color:#fff; background-color:#553F28; font-size:16px; letter-spacing: -0.5px; color:#fff; font-weight: 600;}
.overseas-period-table table td {font-size:15px; letter-spacing: -0.5px; color:#555555}
.overseas-period-table table td.city {text-align:left;}

.overseas-table-caption {text-align:center; background:url("../images/content/overseas_banner.png") no-repeat center; background-size:100% auto; margin-top: 15px; padding:28px 0;}
.overseas-table-caption p {font-size:18px; letter-spacing: -0.5px; color:#fff; }

@media all and (max-width:800px){
	.overseas-content .sub-top-info p.point {padding:0 2%; font-size:13px; line-height: 20px; margin-top: 5px;}

	.overseas-service-list {margin-bottom: 40px;}
	.overseas-service-wrap {display:block; overflow:hidden;}
	.overseas-img {display:block; float:left; width:40%;}
	.overseas-img img {max-width:100%;}
	.overseas-tit {display:block; float:left; width:54%; margin-bottom: 10px;}
	.overseas-tit h3 {font-size:16px;}
	.overseas-tit h3 span {font-size:20px; margin-right:5px;}
	.overseas-info {display:block; float:left; width:54%; padding:0 3%; font-size:13px; line-height: 20px; word-break:keep-all;}

	.overseas-period-wrap {padding:40px 5%; margin:0 -5%; }
	.overseas-period-wrap .overseas-period-inner {padding:0;}
	.overseas-period-table table th, .overseas-period-table table td {padding:10px; height:35px;}
	.overseas-period-table table th {font-size:13px;}
	.overseas-period-table table td {font-size:13px; line-height: 16px; word-break:keep-all;}

	.overseas-table-caption {background-size:cover; border-radius:15px; overflow:hidden; padding:15px 3%; margin-top: 8px;}
	.overseas-table-caption p {font-size:14px; line-height: 18px; word-break:keep-all;}
}


/* ****************** 기업이사 :: 공통부분 ********************** */
.company-process-wrap {padding:80px 350px; margin:0 -350px; background-color:#F6F6F6;}
.company-process p {text-align:right; font-size:15px; line-height: 22px; letter-spacing: -0.5px; color:#666666; margin-bottom: 10px;}

.company-tip {padding:150px 0;}
.company-tip-list li {float:left; width:280px; text-align:center; margin-left: 26.5px;}
.company-tip-list li:first-child {margin-left: 0;}
.company-tip-list li a {display:block;}
.company-tip-list li a p {margin-top: 15px; font-size:18px; line-height: 26px; letter-spacing: -0.5px; color:#333333; font-weight: 600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.company-tip-img {width:278px; height:238px; border:1px solid #ddd;}
.company-tip-img img {width:100%; height:100%; }

.company-customer ul li {float:left; width:20%; height:150px; line-height: 150px;text-align:center;}
.company-customer ul li img {max-width:100%; max-height:100%;}

@media all and (max-width:800px){
	.company-process-wrap {padding:40px 5%; margin:0 -5%;}
	.company-process p {text-align:left; font-size:13px; line-height: 18px; margin-bottom: 5px;}

	.company-tip {padding:40px 0;}
	.company-tip-list {margin:0 -0.5%;}
	.company-tip-list li {width:49%; margin:0 0.5%;}
	.company-tip-list li a p {font-size:14px; line-height: 20px; margin:10px 0;}

	.company-tip-img {position:relative; width:100%; padding-top: 85.61%; height:auto;} 
	.company-tip-img span {position:absolute; width:100%; height:100%; left:0; top:0;}

	.company-customer ul li {width:33.33%; height:100px; line-height: 100px; margin-bottom: 15px;}
}


/* ****************** 기업이사 :: 도서관/문서 이사 :: 창고/물류센터 이사 ********************** */
.library-way-wrap {padding:75px 350px; margin:0 -350px; background-color:#F6F6F6;}
.library-way-wrap li {float:left; width:385px; margin-left: 22px;}
.library-way-wrap li:first-child {margin-left: 0;}
.library-way-wrap li .tit {line-height: 60px; font-size:20px; letter-spacing: -0.5px; color:#fff; font-weight: 600; background-color:#553F28; margin-bottom: 5px; text-align:center;}

.library-way-list {padding:20px; background-color:#fff; height:160px; }
.library-way-list p {padding-left: 15px; position:relative; font-size:15px; line-height: 18px; letter-spacing: -0.5px; color:#333333; margin-top: 15px; word-break:keep-all;}
.library-way-list p:first-child {margin-top: 0;}
.library-way-list p::before {content:""; position:absolute; width:3px; height:3px; background-color:#553F28; left:0; top:10px;}

.company-add-work {padding-top: 90px; }
.company-add-work-inner {float:left; width:385px; margin-left: 22px; text-align:center;}
.company-add-work1 {height:240px; display:table; background:url("../images/content/company_add_img1.jpg") no-repeat center;}
.company-add-work1-inner {display:table-cell; vertical-align: middle; height:240px; text-align:center;}
.company-add-work-inner .company-add-work1-inner p {font-size:24px; line-height: 34px; color:#553f28; font-weight: 600;}
.company-add-work-inner .company-add-work1-inner p span {font-size:16px; opacity:0.8;filter:Alpha(opacity=80);}
.company-add-work-inner:first-child {margin-left: 0;}
.company-add-work-inner p {margin-top: 15px; font-size:18px; line-height: 26px; letter-spacing: -0.5px; color:#333333; }

@media all and (max-width:800px){
	.library-way-wrap {padding:40px 5%; margin:0 -5%;}
	.library-way-wrap .library-way-inner {padding:0;}
	.library-way-wrap li {float:none; width:100%; margin-left: 0;}
	.library-way-wrap li .tit {line-height: 40px; font-size:15px;}
	.library-way-list {padding:10px; height:auto; }
	.library-way-list p {font-size:13px; line-height: 16px; margin-top: 8px;}
	.library-way-list p::before {top:5px;}

	.company-add-work {padding-top: 40px;}
	.company-add-work-inner {float:left; width:49%; margin-left: 0;}
	.company-add-work-inner:last-child {margin-left: 2%;}
	.company-add-work-inner img {max-width:100%;}

	.company-add-work-inner.company-add-work1 {width:100%; float:none; height:auto; margin-bottom: 10px;}
	.company-add-work-inner.company-add-work1 .company-add-work1-inner {height:auto; padding:20px 0;}

	.company-add-work-inner .company-add-work1-inner p {font-size:17px; line-height: 24px;}
	.company-add-work-inner .company-add-work1-inner p span {font-size:13px;}
	.company-add-work-inner p {margin-top: 8px; font-size:14px; line-height: 20px; word-break:keep-all;}
}

/* ****************** 고객센터 :: 행복인증샷 ********************** */
.shot-review-list {margin:0 -10px;}
.shot-review-list .cm-review-slider-inner {padding:15px 0;}
.shot-review-list .cm-review-slider-inner a {box-shadow:none; border:1px solid #ddd; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}

.shot-content .shot-review-list .cm-review-slider-inner a:hover {border-color:#000}

@media all and (max-width:800px){
	.shot-review-list {margin:0 -1%;}
	.shot-review-list .cm-review-slider-inner {width:48%; margin:0 1%;}
}


/* ****************** 서브 :: 서브 리스트 공통 ********************** */
.customer-list {text-align:center;}
.customer-list ul {display:inline-block;}
.customer-list ul li {float:left;}
.customer-list ul li a {display:block; width:145px; height:58px; border:1px solid #553F28; border-left: 0; font-size:16px; line-height: 58px; letter-spacing: -0.5px; color:#553F28}
.customer-list ul li:first-child a {border-left: 1px solid #553F28;}
.customer-list ul li.selected a {background-color:#553F28; color:#fff; }

@media all and (max-width:800px){
	.customer-list ul {display:block; border-top: 1px solid #553F28; border-left: 1px solid #553F28;}
	.customer-list ul li {width:33.33%;}
	.customer-list ul li a {display:table; width:100%; height:auto; padding:10px 0; line-height: 20px; font-size:13px; border-top: 0; word-break:keep-all;}
	.customer-list ul li:first-child a {border-left: 0;}
	.customer-list ul li a span {display:table-cell; width:100%; vertical-align: middle; height:40px;}

	.event-content .customer-list ul li {width:33.33%;}
	.event-content .customer-list ul li a span {height:auto;}
}


/* ****************** 이사정보 :: 손 없는 날 ********************** */
.day-top {padding:45px 50px; border:1px solid #DDDDDD; border-top: 2px solid #553F28;}
.day-top dl {display:table; width:100%;}
.day-top dt {display:table-cell; width:30%; vertical-align: middle; width:30%; text-align:center;}
.day-top dt h3 {font-size:28px; letter-spacing: -0.5px; color:#363636; font-weight: 600;}
.day-top dd {display:table-cell; vertical-align: middle; border-left: 1px solid #CCCCCC; padding-left: 5%;}
.day-top dd > p {font-size:16px; line-height: 34px; letter-spacing: -0.5px; color:#444444; font-weight: 300;}

.point-bx {margin-top: 10px;}
.point-bx span {display:inline-block; vertical-align: middle; width:75px; height:32px; background-color:#553F28; border-radius:5px; text-align:center; font-size:14px; letter-spacing: -0.5px; line-height: 32px; color:#fff; font-weight: 600;}
.point-bx p {display:inline-block; vertical-align: middle; border-radius:5px; background-color:#F3F3F2; padding:0 10px; font-size:14px; line-height: 32px; letter-spacing: -0.5px; color:#666666}

.day-calendar {position:relative; margin-top: 45px;}
.day-calendar-top {position:relative; margin-bottom: 20px; text-align:center;}
.day-calendar-top-tit {display:inline-block;}
.day-calendar-top-tit p {font-size:18px; line-height: 34px; letter-spacing: -0.5px; color:#444444}
.day-calendar-top-tit span {display:block; font-size:38px; letter-spacing: -0.5px; color:#553f28; font-weight: 600;}

.day-calendar-arrow {position:absolute; z-index:10; top:50%; margin-top: -27.5px; }
.day-calendar-prev {left:0;}
.day-calendar-next {right:0;}

.day-calendar img {max-width:1200px; width:100%;}

.day-calendar-arrow .arrow {display:inline-block; vertical-align: middle; width:55px; height:55px; border-radius:50%; background-color:#553F28; color:#fff; text-align:center; line-height: 55px; }
.day-calendar-arrow .txt {display:inline-block; vertical-align: middle; font-size:16px; letter-spacing: -0.5px; color:#444444;}
.day-calendar-prev .txt {margin-left: 10px;}
.day-calendar-next .txt {margin-right:10px;}

@media all and (max-width:800px){
	.day-top {padding:20px 5%;}
	.day-top dl {display:block;}
	.day-top dt {display:block; width:100%; padding-bottom:20px;}
	.day-top dt h3 {font-size:19px; line-height: 24px;}
	.day-top dd {display:block; padding:20px 5%; border-left: 0; border-top: 1px solid #ddd;}
	.day-top dd > p {font-size:13px; line-height: 20px;}
	.point-bx span {width:auto; height:auto; font-size:12px; line-height: 20px; padding:5px 10px;}
	.point-bx p {font-size:12px;line-height: 20px; padding:5px 10px;}

	.day-calendar {position:static;}
	.day-calendar-top {position:relative; overflow:hidden; }
	.day-calendar-top-tit p {font-size:14px; line-height: 25px;}
	.day-calendar-top-tit span {font-size:24px;}

	.day-calendar-inner img {width:800px;}
	
	.day-calendar-arrow {margin-top: -20px;}
	.day-calendar-arrow .arrow {width:40px; height:40px; line-height: 40px;}
	.day-calendar-arrow .txt {font-size:13px;}

}


/* ****************** 청소/생활가전 :: 청소서비스 ********************** */
/*공통*/
.input-txt-bx {background-color: #f3f3f2; border-radius: 6px; font-weight: 400; font-size: 16px; letter-spacing: -0.5px; color: #333; line-height: 50px;  text-align: center;}
/* 청소 서비스 */
/* //청소 서비스 */

/* 청소서비스 진행 순서 */
.home-process-wrap.cleaning-process {position: relative; margin-bottom: 100px;}
.home-process-wrap.cleaning-process:before {content: ''; position: absolute; top: 0; left: -100%; right: -100%; height: 100%; background-color: #f6f6f6; z-index: -1;}
.home-process-wrap.cleaning-process .home-process-list ul li a {background-color: #fff;}
.home-process-wrap.cleaning-process .home-process-list ul li.bx {}
@media all and (max-width:800px){
.home-process-wrap.cleaning-process .home-process-info {height: 91px;}
}
/* //청소서비스 진행 순서 */

/* 청소 유형별 서비스 내용 */

/* 청소 유형별 서비스 내용 -타이틀- */
.room-area .sub-top-info {text-align: left; padding: 39px 0;}
.sub-left-bx {display: inline-block; width: 32.08%; vertical-align: middle; font-size: 28px; letter-spacing: -0.5px; color: #363636; font-weight: 600; padding: 0 160px 0 60px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.sub-left-bx>span {font-size: 30px; font-weight: 600; color: #553f28; margin-right: 27px;}

.sub-right-bx {display: inline-block; width: calc(67.92% - 4px); vertical-align: middle;}
.sub-right-bx > p.room-area-txt {font-weight: 400; font-size: 16px; line-height: 32px; letter-spacing: -0.50px; padding: 6.5px 6.13% 6.5px; border-left: 1px solid #ccc; -ms-word-break: keep-all; word-break: keep-all;}
.sub-right-bx > p.room-area-txt>span {display: block;}

@media all and (max-width:800px){
.home-process-wrap.cleaning-process {margin-bottom: 50px;}
.room-area .sub-top-info {padding: 20px 5%;}
.sub-left-bx {display: block; width: 100%; padding: 0; text-align: center; margin: 0 auto; font-size: 19px; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.sub-left-bx>span {font-size: 20px; margin-right:13px}
.sub-right-bx {width:100%; padding-top: 5px;}
.sub-right-bx > p.room-area-txt {font-size: 13px;text-align: center; padding: 2% 0 0; line-height: 2; border:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.sub-right-bx > p.room-area-txt>span {display: inline;}
}

/* 청소 유형별 서비스 내용 -//타이틀- */

/* 청소 유형별 서비스 내용 -장소- */
.sub-img-wrap {float: left; width: 50%;}
.sub-img-wrap>img {width: 100%;}
.sub-txt-wrap {float: left; width: 50%; padding: 45px 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.room-area .sub-top-img {margin-top: 28px; border:1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 401px;}
.sub-txt-wrap .room-info-list {}
.sub-txt-wrap .room-info-list > li {float: left; width: 45%; height: 270px; padding-left: 5%;}
.sub-txt-wrap .room-info-list > li:last-child {border-left: 1px solid #ddd; width: 50%; padding-right: 3%;	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.sub-txt-wrap .room-name {font-size: 28px; letter-spacing: -0.5px; padding-left: 5%; color: #333; font-weight: 600; margin-bottom: 22px;}
.sub-txt-wrap .room-info-bx {display: inline-block; font-weight: 600; width: 121px; background-color: #553f28; margin:0 0 12px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: #fff; font-size: 16px; line-height: 40px; text-align: center;}
.sub-txt-wrap .room-info-bx:before {content: ''; margin-right: 8px; display: inline-block; width: 15px; height: 19px; background: url("../images/icon/ic_clean_white.png") no-repeat; vertical-align: middle;}
.sub-txt-wrap .room-info-list > li:last-child .room-info-bx:before {background: url("../images/icon/ic_trash_bin.png") no-repeat;}
.sub-txt-wrap .room-info-txt {font-weight: 400; font-size: 15px; line-height: 24px; letter-spacing: -0.5px; color: #333; margin-top: 9px;}
.sub-txt-wrap .room-info-txt dt {display: inline-block; margin-right: 9px; vertical-align: top;}
.sub-txt-wrap .room-info-txt dd {display: inline-block; vertical-align: top; max-width: 200px; font-weight: 400; font-size: 15px; line-height: 24px; letter-spacing: -0.5px; color: #333;}
.sub-txt-wrap .room-info-txt dd>span {display: block; color: #888;}
.sub-txt-wrap .input-txt-bx {font-size: 15px; width: auto; text-align: left; padding-left: 11px; line-height: 42px; font-weight: 600; margin: 17px 0 0;}
.sub-txt-wrap .input-txt-bx>span {color: #888; font-weight: 400; margin-left: 3px;}

@media all and (max-width:800px){
.sub-img-wrap {float: none; width: 100%;}
.sub-txt-wrap {float: none;display: block;	width: 100%; padding: 27px 5% 27px;}
.room-area .sub-top-img {height: auto; margin-top: 14px;}
.sub-txt-wrap .room-info-list > li {float: none; width: 100%; padding: 0; height: auto;}
.sub-txt-wrap .room-info-list > li:last-child {width: 100%; border:0; margin-top: 10px; padding-right: 0;}
.sub-txt-wrap .room-name {font-size: 19px; padding-left: 0; margin-bottom: 11px;}
.sub-txt-wrap .room-info-bx {margin:0 0 11px; font-size: 13px; width: 101px; line-height: 2.5;}
.sub-txt-wrap .room-info-bx:before {}
.sub-txt-wrap .room-info-list > li:last-child .room-info-bx:before {}
.sub-txt-wrap .room-info-txt {font-size: 13px; margin-top: 5px;}
.sub-txt-wrap .room-info-txt dt {margin-right: 5px;}
.sub-txt-wrap .room-info-txt dd {font-size: 13px; line-height: 1.6;}
.sub-txt-wrap .room-info-txt dd>span {}
.sub-txt-wrap .input-txt-bx {width: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.sub-txt-wrap .input-txt-bx>span {}
}
/* 청소 유형별 서비스 내용 -//장소- */
/* //청소 유형별 서비스 내용 */


/* 투입인원 및 장비 */
.home-input-wrap.agent-bx {}
.home-input-wrap.agent-bx .home-input-list {}
.home-input-wrap.agent-bx .category {margin-top: 22px;margin-bottom: 31px;}
.home-input-wrap.agent-bx .total {line-height: 30px; margin-bottom: 30px;}
.home-input-wrap.agent-bx .total span {vertical-align: sub;}
.home-input-wrap.agent-bx .total span.scope {font-size: 24px; color: #333; margin:0 10px;}
.home-input-wrap.agent-bx .home-input-list ul {padding: 76px 0 41px;}
.home-input-wrap.agent-bx .home-input-list ul li.home-input-agent {width: 100%;}

@media all and (max-width:800px){
#content .input-txt-bx {font-size: 13px; line-height: 38px;}
.home-input-wrap.agent-bx {}
.home-input-wrap.agent-bx .home-input-list {}
.home-input-wrap.agent-bx .category {margin-top: 11px; margin-bottom: 15px;}
.home-input-wrap.agent-bx .total {margin-bottom: 15px; line-height: 20px;}
.home-input-wrap.agent-bx .total span {}
.home-input-wrap.agent-bx .total span.scope {}
.home-input-wrap.agent-bx .home-input-list ul {padding: 0;}
.home-input-wrap.agent-bx .home-input-list ul li.home-input-agent {}
}
/* //투입인원 및 장비 */

/* 190703 NH추가수정 */
/* ****************** 콘텐츠 top이미지 추가 ********************** */
.content-top-img {margin-bottom: 40px;}
.content-top-img img {max-width:100%;}

/* ****************** 입주청소 :: 청소유형별 ********************** */
.home-process-tab-list {text-align:center; margin-bottom: 20px; }
.home-process-tab-list ul {display:inline-block; }
.home-process-tab-list ul li {float:left;}
.home-process-tab-list > ul > li > a{
	display:block; height:61px; line-height:61px; color:#4c3d2b; font-size:19px; letter-spacing:-0.5px; font-weight:400; width:196px; border-bottom:2px solid transparent;
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;
}
.home-process-tab-list > ul > li > a:hover, .home-process-tab-list > ul > li.on > a,.home-process-tab-list > ul > li.selected > a{font-weight: 600; border-bottom-color:#4C3D2B;}
.home-process-sub-txt {margin-top: 10px; text-align:left;}

@media all and (max-width:800px){
	.home-process-tab-list ul {display:block; }
	.home-process-tab-list ul li {width: 33.33%;}
	.home-process-tab-list > ul > li > a {font-size: 15px; width:auto; height: 40px; line-height: 40px;}

}

/* ****************** 이사정보 :: 상단탭 ********************** */
.tip-top-tab {text-align:center; margin-bottom: 20px;}
.tip-top-tab ul {display:inline-block; }
.tip-top-tab ul li {float:left;  border-bottom:1px solid #DDDDDD; }
.tip-top-tab > ul > li > a{
	display:block; height:61px; line-height:61px; color:#4c3d2b; font-size:19px; letter-spacing:-0.5px; font-weight:400; width:196px; border-bottom:2px solid transparent;
	-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;
}
.tip-top-tab > ul > li > a:hover, .tip-top-tab > ul > li.on > a,.tip-top-tab > ul > li.selected > a{font-weight: 600; border-bottom-color:#4C3D2B;}

@media all and (max-width:800px){
	.tip-top-tab ul {display:block; }
	.tip-top-tab ul li {width: 33.33%;}
	.tip-top-tab > ul > li > a {font-size: 15px; width:auto; height: 40px; line-height: 40px;}

}

/* ****************** 가정이사 :: 상세서비스 ********************** */
.home-detail-service { margin-top: 86px;}
.home-detail-service .cm-tab-con {border:1px solid #ddd; border-top:none; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.home-detail-service .home-detail-service-tab {width:100%; text-align:center; }
.home-detail-service .home-detail-tab ul {border-top: 2px solid #553F28; }
.home-detail-service .home-detail-tab ul li { float:left; width: 16.66%; border-bottom:1px solid #ddd;  border-left:1px solid #ddd; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.home-detail-service .home-detail-tab ul li:nth-child(6n) {border-right:1px solid #ddd;}
.home-detail-service .home-detail-tab ul li a { display:block;  background-color:#fbfbfb; color: #333; font-size: 16px; letter-spacing:-0.5px; line-height:20px; }
.home-detail-service .home-detail-tab ul li a span { display:table; width:100%; height: 70px;}
.home-detail-service .home-detail-tab ul li a span em{ display:table-cell; vertical-align:middle; font-weight: 600;}
.home-detail-service .home-detail-tab ul li.selected a{background-color: #553f28; color: #fff;}
.home-detail-service .cm-tab-con img {max-width:100%;}

/* 모바일 셀렉트 */
.home-detail-select {display:none; width:100%;text-align:left; margin-bottom: 10px; position:relative; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.home-detail-select-list {position:absolute; display:none; background-color:#fff; width:100%; z-index: 10; height:178px; overflow: scroll; overflow-x: hidden;  border-bottom: 1px solid #d5d5d5;}
.home-detail-select-list li { height: 44px; border:1px solid #D5D5D5; border-top:none;}
.home-detail-select > a {height:44px; display:block;background-color: #fff; position:relative; border:1px solid #D5D5D5; border-top: 2px solid #553F28;  }
.home-detail-select > a:after {content:"";display:block; width:24px; height:23px; background:url("../images/board/btn_select.png") no-repeat; position:absolute; right:15px; top:50%; margin-top:-12.5px; }
.home-detail-select a span {height:44px; display:table; width:100%; padding: 0 15px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;}
.home-detail-select a span em{ display:table-cell; vertical-align:middle; font-weight: 600;}
.select-btn.open:after {background:url("../images/board/btn_select_on.png") no-repeat; }

@media all and (max-width:800px){
	
	.home-detail-service .home-detail-tab ul li a {font-size: 13px;} 
	.home-detail-tab {display:none;}
	.home-detail-select {display:block;}


}

/* ****************** 고객센터 :: 불편신고 ********************** */
.inconvenient-content-info {margin-bottom: 50px;}
.inconvenient-content .file-tbl {margin-top: 50px;}
.inconvenient-content .file-custom-box input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.inconvenient-content .file-custom-box .file-open-btn { display: inline-block; width:15%; height:46px; color: #fff; font-size: 14px; letter-spacing:-0.5px; line-height: 46px; text-align:center; cursor: pointer; border: 1px solid #e5e5e5; vertical-align:middle; margin-left:-4px; background-color:#4E3E2D; } 
.inconvenient-content .file-custom-box .file-num {margin: 0 10px; font-size: 14px;  }
/* named upload */
.inconvenient-content .file-custom-box .upload-name {  display: inline-block; width:50%; height:44px; font-size: 14px; vertical-align:middle; background-color: #fff; border: 1px solid #e5e5e5; -webkit-appearance: none; text-indent:10px; -moz-appearance: none; appearance: none; }
.inconvenient-content .file-catuion-txt{color:#999; font-size:12px; font-weight:300; letter-spacing:-0.3px; line-height:20px; margin-top:10px; word-break:keep-all;}
 
@media all and (max-width:800px){
   .inconvenient-content-info img {max-width:100%;}
   .inconvenient-content  .file-custom-box{position:relative; padding-right:80px}
   .inconvenient-content  .file-custom-box label{position:absolute; top:0px; right:0px; width: 70px; height:34px; line-height:34px;}
   .inconvenient-content .file-custom-box .upload-name{width:100%; height:32px;}
}

/* ******************   고객센터 :: 칭찬하기 ********************** */
/* ---------  갤러리형 게시판 04 (G04-썸네일형)  ---------*/

.bbs-thum-list{border-top:2px solid #4C3D2B;}
.bbs-thum-list li{border-bottom:1px solid #ddd;}
.bbs-thum-list li a{position:relative; display:block; padding:25px; overflow:hidden; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s; }
/* 리스트 :: 썸네일 */
.bbs-thum-list li a .bbs-thumb-img{width:28%; display:inline-block; vertical-align:top;}
.bbs-thum-list li a .bbs-thumb-img span{display:block; position:relative; border:1px solid #d2d2d2; height:0; padding-top:69%;}
.bbs-thum-list li a .bbs-thumb-img img{position:absolute; top:0px; left:0px; width:100%; height:100%; }
/* 리스트 :: 오른쪽정보 */
.bbs-thumb-info-con{overflow:hidden; display:inline-block; vertical-align:top; padding-left:3%; width:65%; height:100%; }
.bbs-thumb-info-con .bbs-category{display:inline-block; min-width:60px; padding:0 10px; height:28px; line-height:28px; color:#fff; background-color:#888; text-align:center; font-size:13px; font-weight:500; margin-bottom:15px;}
.inspection-thum-list-con .bbs-thumb-info-con h3{
    line-height:30px; color:#333; font-size:20px; letter-spacing:-0.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;
}
.bbs-thumb-info-con .bbs-detail-txt{
    overflow:hidden; height:48px; margin:20px 0 30px; letter-spacing:-0.5px;line-height:26px; font-size:15px; color:#626262; 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}
.bbs-thumb-info-con .bbs-thumb-writer-info{overflow:hidden; position:absolute; bottom:25px; right:25px;}
.bbs-thumb-info-con .bbs-thumb-writer-info dl{float:left; margin-left:10px;}
.bbs-thumb-info-con .bbs-thumb-writer-info dl:first-child{margin-left:0;}
.bbs-thumb-info-con .bbs-thumb-writer-info dt, .bbs-thumb-info-con .bbs-thumb-writer-info dd{display:inline-block; vertical-align:middle;}
.bbs-thumb-info-con .bbs-thumb-writer-info dt{margin-right:5px;}
.bbs-thumb-info-con .bbs-thumb-writer-info i{color:#a5a5a5; font-size:20px; vertical-align:middle; }
.bbs-thumb-info-con .bbs-thumb-writer-info dd{color:#888; font-size:13px; font-weight:400;}
.bbs-thum-list li a:hover{background-color:#f1f1f1}
.bbs-thum-list li a:hover h3{color:#4C3D2B} 
 
@media all and (max-width:1220px){
    /* 게시판 :: 리스트 :: 썸네일형 */
    .bbs-thum-list li a{padding:20px 10px;}
    .bbs-thumb-info-con h3{font-size:18px;}
    .bbs-thumb-info-con .bbs-detail-txt{margin:10px 0 20px;}
    .bbs-thumb-info-con .bbs-thumb-writer-info{position:static;}
}
@media all and (max-width:800px){
    /* 게시판 :: 리스트 :: 썸네일형 */
    .bbs-thum-list li a{padding:15px 10px;}
    .bbs-thumb-info-con .bbs-category{width:60px; height:18px; line-height:16px; font-size:12px;}
    .bbs-thumb-info-con h3{font-size:16px; line-height:20px;}
    .bbs-thumb-info-con .bbs-detail-txt{height:42px; font-size:13px; line-height:20px; margin-bottom:10px;}
    .bbs-thumb-info-con .bbs-thumb-writer-info dd{font-size:11px;}
}
@media all and (max-width:480px){
    
    .bbs-thum-list li a{position:relative;}
    .bbs-thum-list li a .bbs-thumb-img,.bbs-thumb-info-con{display:block; width:100%; padding:0;}
    .bbs-thum-list li a .bbs-thumb-img{margin-bottom:10px;}
}




/* ******************  하단부분 :: 간편견적서비스 ********************** */


.qnaForm {
	background: #FFC600;
	padding: 30px 0;
	max-width: 1200px;
	border-radius: 5px;
	margin-bottom:80px;
}

.formWrap, .selectWrap{ width: 100%; max-width: 1200px; margin-bottom: 20px;}
.selectWrap .sel01{ width: 50%;
    margin-left: 5%;
    line-height: 35px; }

.selectWrap .agree_wrap { float: right; margin-right: 5%; }

.clearfix:after {
	display: block;
	content: "";
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.qnaForm p {
	position: relative;
	width: 46%;
	padding: 0 2%;
	margin-bottom: 15px;
}

.qnaForm p label {
	display: inline-block;
	width: 25%;
	font-size: 18px;
	margin-right: 15px;
	color: #333;
	font-weight: bold;
	position: relative;
	top: 3px;
	text-align: center;
}

.selectWrap .sel01 label{ font-size: 18px; }  

.qnaForm p input,
.formWrap select {
	display: inline-block;
	width: 70%;
	box-sizing: border-box;
	outline: none
}

.qnaForm input[type="text"], .formWrap select {
	border: 1px solid #e5e5e5;
	font-size: 1.2em;
	padding: .8em .5em;
	border-radius: 5px;
}

.qnaForm input[type="text"]:focus {
	background: #fff
}

.qnaForm input[type="button"] {
	background: #453422;
	box-shadow: 0 3px 0 0 #2c1b0a;
	border-radius: 5px;
	border: none;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 1.5em;
	outline: none;
	padding: 1% 0;
	text-shadow: 0 1px #68B25B;
	letter-spacing: -0.05em;
	width: 40%;
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;
}


.qnaForm .selectWrap label {
	font-size: 18px;
	font-weight: 500;
	padding-left: 35px;
}

.qnaForm .agree_block{
	display: inline-block;
    width: 100%;
}

.qnaForm .p_inline { display : inline-block; }

label.container {
    position: relative;
    font-size: 20px;
}

.checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 21px;
    width: 21px;
    background-color: #cccccc;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #A80000;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.agree_wrap [type="checkbox"]:not(:checked),
.agree_wrap [type="checkbox"]:checked {
    position: absolute;
    top: 8px;
    left: 10%;
    opacity: 0;
    z-index: 50;
}

.agree_wrap [type="checkbox"] + span:not(.lever):before,
.agree_wrap [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 12px;
    height: 12px;
    z-index: 0;
    border: 2px solid #1b1b1b;
    border-radius: 2px;
    margin-top: 3px;
    -webkit-transition: .2s;
    transition: .2s;
}

.agree_wrap [type="checkbox"]:checked + span:not(.lever):before {
    top: 3px;
    left: -5px;
    width: 6px;
    height: 12px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 3px solid #1b1b1b;
    border-bottom: 3px solid #1b1b1b;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.agree_wrap [type="checkbox"] + span:not(.lever) {
    position: relative;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 35px;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 25px;
    font-weight: 400;
	margin-bottom: 5px;
}

.agree_wrap [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}


.sel01 input{ width: 20px;
    height: 20px;
    background-color: #ccc;
    border: none;
    position: relative;
    top: -3px; }

	.subMit input:hover{
	background: #654019;
    letter-spacing: 3px;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;

	}




@media all and (max-width:800px){
   
	.float_right, .float_left { clear: both; }
	.qnaForm { padding: 20px; }
	.qnaForm p{ width:100%; padding:0; margin:0; }
	.qnaForm p label { display:inline-block; margin:0; padding:0; border:none; width: 100%; margin-bottom:10px; text-align:left; }
	.qnaForm input[type="text"]{width:100%; margin-bottom: 10px; text-align:center; height: 35px; }
	.qnaForm input[type="button"]{ width:100%; padding: 1%; }
	.selectWrap .sel01 { width: inherit; margin-left:0; line-height:inherit; margin-bottom: 10px; text-align: center; }
	.qnaForm input[type="text"], .formWrap select { width: 100%; margin-bottom: 12px;}
	.qnaForm .agree_wrap{ display: block;  width: 100%; text-align: center; float:left; margin:0;}
	.qnaForm .agree_wrap label{ display: block; width:100%; }
	.qnaForm .agree_wrap label { padding-left: 0px; }
	.agree_wrap [type="checkbox"]:not(:checked), .agree_wrap [type="checkbox"]:checked { left: 29%;}

	}



@media all and (max-width:400px){
	.agree_wrap [type="checkbox"]:not(:checked), .agree_wrap [type="checkbox"]:checked { left: 3%;}
}