@charset "utf-8";
.contents-tab-nav {width:100%; overflow:hidden; margin-bottom:20px; border-left:1px solid #ddd; background:url('../img/board/board-category-nav.gif') 0 30px repeat-x; margin-top:20px;}
.contents-tab-nav li {display:inline; float:left; font-size:11px;height:25px; width:140px; line-height:23px; border-right:1px solid #ddd; *zoom:1;}
.contents-tab-nav li.tab-off {border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:4px 15px 0 15px;background:#f6f6f6; text-align:center;margin:0 auto;}
.contents-tab-nav li.tab-off * {color:#666 !important;}
.contents-tab-nav li.tab-on {background:#fff;border-bottom:1px solid #fff;border-top:2px solid #76b11f;padding:4px 15px 0 15px; text-align:center;margin:0 auto;}
.contents-tab-nav li.tab-on * {font-weight:700;color:#76b11f !important;}

#waiting {width:100%; height:300px; margin:100px 0; border-top:2px solid #11318f;border-bottom:1px solid #ddd; text-align:center;}
#waiting .img {padding:50px;}
#waiting .text {color:#000; font-size:30px; line-height:180%;}

#contents section {margin-top:50px; width:100%; line-height:180%;}



/* 회사소개 */
.greeting {position:relative; font-size:15px; text-align:center; line-height:160%;}
.greetingcon {overflow:hidden; margin:0 0 60px 0; opacity:0;}
.greetingcon h3 {padding:60px 0 40px 0; line-height:160%; font-size:30px; color:#000; word-break:keep-all;}
.greetingcon h3 span {display:block; color:#666;}
.greetingcon h3:before {content:''; width:60px; height:1px; background:#666; position:absolute; left:50%; top:0; margin-left:-35px; margin-top:50px;}
.greetingcon .comImg {width:50%;}
.greetingcon .comImg .pattern {position:absolute; top:0; left:0; right:0; bottom:0; background:url(../img/main/visual-pattern.png) repeat;}
.greetingcon .comImg img {width:100%; max-width:600px; height:auto;}
.greetingcon .comTxt {width:47%;}
.greetingcon .comTxt p {margin:0 0 25px 0; word-break:keep-all;}
.greetingcon .comTxt p:last-child {margin-bottom:0;}
.greetingcon.con_right .comImg {float:left;}
.greetingcon.con_left .comImg {float:right;}
.greetingcon.con_right .comTxt {float:right;}
.greetingcon.con_left .comTxt {float:left;}

@media(max-width:767px){
	.greeting {font-size:12px;}
	.greetingcon {margin:0 0 30px 0;}
	.greetingcon h3 {padding:40px 0 20px 0; font-size:21px;}
	.greetingcon h3:before {width:50px; margin-left:-25px; margin-top:30px;}
    .greetingcon .comImg {width:100%;}
	.greetingcon .comImg img {max-width:767px;}
	.greetingcon .comTxt {width:100%;}
	.greetingcon .comTxt p:last-child {margin-bottom:60px;}
}
@media(min-width:768px){
	.greeting {font-size:13px;}
	.greetingcon {margin:0 0 60px 0;}
	.greetingcon h3 {padding:0 0 30px 0; font-size:24px;}
	.greetingcon h3:before {width:50px; margin-left:-25px; margin-top:0;}
    .greetingcon .comImg {width:45%;}
	.greetingcon .comImg img {max-width:600px;}
	.greetingcon .comTxt {width:53%;}
	.greetingcon .comTxt p:last-child {margin-bottom:0;}
}
@media(min-width:992px){
	.greeting {font-size:15px;}
	.greetingcon {margin:0 0 60px 0;}
	.greetingcon h3 {padding:60px 0 40px 0; font-size:30px;}
	.greetingcon h3:before {width:60px; margin-left:-35px; margin-top:50px;}
    .greetingcon .comImg {width:50%;}
	.greetingcon .comImg img {max-width:600px;}
	.greetingcon .comTxt {width:47%;}
	.greetingcon .comTxt p:last-child {margin-bottom:0;}
}

/* 조직도*/
.chart {position:relative; width:100%;}
.chart:after {content:""; display:block; clear:both;}
.chart .ceo {width:100%; height:150px; background:url(../img/sub/chart-w.jpg) no-repeat center center;}
.chart .ceo:before {content:''; width:84%; height:1px; background:#ddd; position:absolute; left:50%; top:0; margin-left:-42%; margin-top:150px;}
.chart .ceo div {margin:0 auto; text-align:center; width:100px; height:100px; line-height:100px; font-size:19px; color:#fff; font-weight:700; letter-spacing:5px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%; background-color:#005fca;}
.chart .list {float:left; width:16%; text-align:center;margin-right:5%;background:url(../img/sub/chart-w.jpg) no-repeat center center;}
.chart .list-last {margin-right:0 !important;background:url(../img/sub/chart-w.jpg) no-repeat center center;}
.chart .list h2 {margin:30px 0; line-height:50px; font-size:15px;color:#fff; background-color:#ff6d00; letter-spacing:-1px; font-weight:700;}
.chart .list-last h2 {background-color:#85b026;}
.chart .list ul li {float:left; width:100%; text-align:center; margin-bottom:10px; border:1px solid #ddd; line-height:40px; font-size:13px; background-color:#f5f5f5; letter-spacing:-1px;}
.chart .list ul li:last-child {margin-bottom:0}
@media (max-width:767px) {
	.chart .ceo {height:130px;}
	.chart .ceo:before {width:81.6%; margin-left:-40.8%; margin-top:130px;}
	.chart .ceo div { width:80px; height:80px;line-height:80px; font-size:15px;}
	.chart .list {width:18.4%; margin-right:2%;}
	.chart .list h2 {margin:20px 0;line-height:40px; font-size:12px;}
	.chart .list ul li {line-height:30px; font-size:11px;}
}
@media (min-width:768px){
	.chart .ceo {height:150px;}
	.chart .ceo:before {width:84%; margin-left:-42%; margin-top:150px;}
	.chart .ceo div { width:100px; height:100px;line-height:100px; font-size:17px;}
	.chart .list {width:16%; margin-right:5%;}
	.chart .list h2 {margin:30px 0;line-height:50px; font-size:15px;}
	.chart .list ul li {line-height:45px; font-size:13px;}
}
@media (min-width:992px) {
	.chart .ceo {height:150px;}
	.chart .ceo:before {width:84%; margin-left:-42%; margin-top:150px;}
	.chart .ceo div { width:100px; height:100px;line-height:100px; font-size:19px;}
	.chart .list {width:16%; margin-right:5%;}
	.chart .list h2 {margin:30px 0;line-height:50px; font-size:15px;}
	.chart .list ul li {line-height:40px; font-size:13px;}
}

/* 오시는길*/
#location {position:relative; width:100%;}
#location #map {width:100%; height:400px;}
#location #map .iw_inner {padding:10px; text-align:center;}
#location #map .iw_inner h3 {font-size:15px; color:#005fca;}
#location #map .iw_inner p {font-size:13px;}
#location ul {margin-top:50px;}
#location ul li {float:left; width:33.333333333333%; text-align:center; border:0;}
#location ul li .icon {width:100%; margin:0 auto;}
#location ul li .icon .bg-color {font-size:90px;}
#location ul li.con1 .bg-color {color:#ff6c00;}
#location ul li.con2 .bg-color {color:#005fca;}
#location ul li.con3 .bg-color {color:#8ab80f;}
#location ul li .icon .icon-color {color:#fff;font-size:28px;}
#location ul li .title {font-size:17px; color:#333; font-weight:700; margin:10px 0; text-align:center;}
#location ul li .text {line-height:160%; font-size:14px; text-align:center;}
#location ul li .text .tel {font-size:16px; font-weight:700; margin:10px 0;}
#location ul li .text i {font-size:14px; color:#999;}
#location ul li .text .fax,
#location ul li .text .emal {font-size:13px;}
#location .text i.icon-bus {margin-right:5px; width:30px; height:16px; line-height:16px;display:inline-block; font-style:normal; text-align:center; font-size:11px; color:#fff; vertical-align:middle; background-color:#4ea031;}
#location .text i.icon-bus-local {background-color:#4ea031;}
#location .text i.icon-bus-town {background-color:#4ea031;}
#location .text i.icon-bus-air {background-color:#70b0e0;}
#location .text i.icon-bus-trunk {background-color:#395cb4;}

@media (max-width:767px) {
	#location #map {width:100%; height:300px;}
	#location #map .iw_inner {padding:5px;}
	#location #map .iw_inner h3 {font-size:12px;}
	#location #map .iw_inner p {font-size:11px;}
	#location ul li {width:100%; border-top:1px dotted #ccc;}
	#location ul li:first-child {border-top:0;}
	#location ul li .icon {padding:10px 0 0 0;}
	#location ul li .icon .bg-color {font-size:90px;}
	#location ul li .icon .icon-color {font-size:28px;}
	#location ul li .text {width:100%; margin-left:0%; font-size:14px; padding:0 0 10px 0; text-align:center;}
	#location ul li .title {font-size:17px; margin-bottom:20px; text-align:center;}
}
@media (min-width:768px){
	#location #map {width:100%; height:350px;}
	#location #map .iw_inner {padding:7px;}
	#location #map .iw_inner h3 {font-size:13px;}
	#location #map .iw_inner p {font-size:12px;}
	#location ul li {width:100%;border-top:1px dotted #ddd;}
	#location ul li:first-child {border-top:0;}
	#location ul li .icon {float:left; width:20%; padding:10px 0;}
	#location ul li .icon .bg-color {font-size:90px;}
	#location ul li .icon .icon-color {font-size:28px;}
	#location ul li .text {width:80%; margin-left:20%; font-size:14px; padding:20px 0; text-align:left;}
	#location ul li .title {font-size:17px; margin-bottom:0; text-align:left;}
}
@media (min-width:992px) {
	#location #map {width:100%; height:400px;}
	#location #map .iw_inner {padding:10px;}
	#location #map .iw_inner h3 {font-size:15px;}
	#location #map .iw_inner p {font-size:13px;}
	#location ul li {width:33.333333333333%; border-top:0;}
	#location ul li:first-child {border-top:0;}
	#location ul li .icon {float:none; width:100%; padding:0;}
	#location ul li .icon .bg-color {font-size:90px;}
	#location ul li .icon .icon-color {font-size:28px;}
	#location ul li .text {width:100%; margin-left:0; font-size:14px; padding:0; text-align:center;}
	#location ul li .title {font-size:17px; margin-bottom:20px; text-align:center;}
}


/* business*/
#business {width:100%; line-height:160%;}
#business ul:after {content:""; display:block; clear:both;}
#business .Top {opacity:0;}
#business .TopWrap {padding-right:30%; position:relative;}
#business .infoBgbox {position:absolute; right:0; top:10%; width:35%; text-align:center; padding:50px 40px; margin:0; z-index:2;}
#business .manufacture {background:#ff6c00;}
#business .construction {background:#005fca;}
#business .objectsell {background:#8ab80f;}
#business .provision {background:#8ab80f;}
#business .infoBgbox p {position:relative; color:#fff; font-size:22px; line-height:160%; word-break:keep-all;}
#business .infoBgbox p.tit {padding-bottom:20px; font-size:19px; font-weight:700; letter-spacing:1px;}
#business img {width:100%; height:auto;}
#business .conTxt {padding:80px 0; font-size:15px; line-height:160%; word-break:keep-all;}
#business .thumb {margin-left:-3%;}
#business .thumb li {float:left; width:30.333333333333%; margin:0 0 0 3%;}
#business h2 {padding:120px 0 30px 0; font-size:17px; color:#666; text-align:center;}
#business h2:before {content:''; width:60px; height:1px; background:#666; position:absolute; left:50%; top:100px; margin-left:-35px;}
#business .shop-list li {float:left; width:16.66%; padding:5px 0; font-size:15px; letter-spacing:-1px;}
#business .shop-list li a:hover {color:#005fca;}
@media(max-width:480px){
	#business .TopWrap {padding-right:0;}
	#business .infoBgbox {position:inherit; width:90%; padding:20px; margin:-10% 5% 0 5%;}
	#business .infoBgbox p {font-size:15px;}
	#business .conTxt {padding:40px 0; font-size:12px;}
	#business h2 {padding:70px 0 30px 0; font-size:14px;}
	#business h2:before {top:50px;}
	#business .shop-list li {width:50%; padding:3px 0; font-size:12px;}
}
@media(min-width:481px){
	#business .TopWrap {padding-right:0;}
	#business .infoBgbox {position:inherit; width:90%; padding:20px; margin:-10% 5% 0 5%;}
	#business .infoBgbox p {font-size:15px;}
	#business .conTxt {padding:40px 0; font-size:13px;}
	#business h2 {padding:70px 0 30px 0; font-size:17px;}
	#business h2:before {top:50px;}
	#business .shop-list li {width:33.33%; padding:3px 0; font-size:12px;}
}
@media(min-width:768px){
	#business .TopWrap {padding-right:30%;}
	#business .infoBgbox {position:absolute; right:0;top:10%; width:40%; padding:30px 20px; margin:0;}
	#business .infoBgbox p {font-size:17px;}
	#business .conTxt {padding:40px 0; font-size:13px;}
	#business h2 {padding:70px 0 30px 0; font-size:17px;}
	#business h2:before {top:50px;}
	#business .shop-list li {width:25%; padding:5px 0; font-size:13px;}
}
@media(min-width:992px){
	#business .TopWrap {padding-right:30%;}
	#business .infoBgbox {position:absolute; right:0;top:10%; width:35%; padding:50px 30px; margin:0;}
	#business .infoBgbox p {font-size:19px;}
	#business .conTxt {padding:60px 0; font-size:13px;}
	#business h2 {padding:100px 0 30px 0; font-size:17px;}
	#business h2:before {top:80px;}
	#business .shop-list li {width:25%; padding:5px 0; font-size:13px;}
}
@media(min-width:1220px){
	#business .TopWrap {padding-right:30%;}
	#business .infoBgbox {position:absolute; right:0;top:10%; width:35%; padding:50px 40px; margin:0;}
	#business .infoBgbox p {font-size:22px;}
	#business .conTxt {padding:80px 0; font-size:15px;}
	#business h2 {padding:120px 0 30px 0; font-size:17px;}
	#business h2:before {top:100px;}
	#business .shop-list li {width:16.66%; padding:5px 0; font-size:15px;}
}
#business .step-icon {padding:0; letter-spacing:-1px;}
#business .step-icon li {float:left; width:9%; text-align:center; padding-bottom:20px;}
#business .step-icon li div {float:left; width:100%; text-align:center;}
#business .step-icon li.arrow {width:4%; text-align:center; margin-top:25px;}
#business .step-icon li.arrow i {color:#ddd; font-size:28px;}
#business .step-icon li.arrow-hidden {display:block;}
#business .icon {float:left; margin-top:15px;}
#business .icon .bg-color {color:#616770; font-size:72px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#business a:hover .icon .bg-color {color:#005fca;}
#business .icon .icon-color {color:#fff; font-size:28px;}
#business .step-icon .title {display:block; margin-top:15px; font-size:15px; line-height:160%; color:#666;}
#business .step-icon .title h1 {font-weight:700;}
@media(max-width:320px){
	#business .step-icon {padding:0;}
	#business .step-icon li {width:18%;}
	#business .step-icon li.arrow {width:9%;margin-top:15px;}
	#business .step-icon li.arrow i {font-size:14px;}
	#business .step-icon li.arrow-hidden {display:none;}
	#business .icon {margin-top:0;}
	#business .icon .bg-color {font-size:48px;}
	#business .icon .icon-color {font-size:21px;}
	#business .step-icon .title {margin-top:10px; font-size:12px;}
}
@media(min-width:321px){
	#business .step-icon {padding:0 20px;}
	#business .step-icon li {width:18%;}
	#business .step-icon li.arrow {width:9%; margin-top:15px;}
	#business .step-icon li.arrow i {font-size:14px;}
	#business .step-icon li.arrow-hidden {display:none;}
	#business .icon {margin-top:0;}
	#business .icon .bg-color {font-size:48px;}
	#business .icon .icon-color {font-size:21px;}
	#business .step-icon .title {margin-top:10px; font-size:12px;}
}
@media(min-width:768px){
	#business .step-icon {padding:0;}
	#business .step-icon li {width:9%;}
	#business .step-icon li.arrow {width:4%; margin-top:25px;}
	#business .step-icon li.arrow i {font-size:28px;}
	#business .step-icon li.arrow-hidden {display:block;}
	#business .icon {margin-top:10px;}
	#business .icon .bg-color {font-size:60px;}
	#business .icon .icon-color {font-size:24px;}
	#business .step-icon .title {margin-top:15px; font-size:13px;}
}
@media(min-width:992px){
	#business .step-icon {padding:0;}
	#business .step-icon li {width:9%;}
	#business .step-icon li.arrow {width:4%;}
	#business .step-icon li.arrow i {font-size:28px; margin-top:25px;}
	#business .step-icon li.arrow-hidden {display:block;}
	#business .icon {margin-top:15px;}
	#business .icon .bg-color {font-size:60px;}
	#business .icon .icon-color {font-size:24px;}
	#business .step-icon .title {margin-top:15px; font-size:15px;}
}
@media( min-width:1220px){
	#business .step-icon {padding:0;}
	#business .step-icon li {width:9%;}
	#business .step-icon li.arrow {width:4%;}
	#business .step-icon li.arrow i {font-size:28px; margin-top:25px;}
	#business .step-icon li.arrow-hidden {display:block;}
	#business .icon {margin-top:15px;}
	#business .icon .bg-color {font-size:72px;}
	#business .icon .icon-color {font-size:28px;}
	#business .step-icon .title {margin-top:15px; font-size:15px;}
}
#business .moreWrap {margin-top:30px; text-align:center;}
#business .moreWrap .more {display:inline-block; padding:10px 50px; font-size:14px; color:#000; font-weight:700; white-space:nowrap; cursor:pointer; border:1px solid #333; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out}
#business .moreWrap a:hover .more {color:#fff; background-color:#333; border:1px solid #333;}
@media(max-width:767px){
	.main-section-more {display:none;}
}
@media(min-width:992px){
	.main-section-more {margin-top:20px;}
}

/* 의뢰*/
#estimate .step-icon {float:left; padding:0; letter-spacing:-1px; width:40%;}
#estimate .step-icon li {float:left; width:25%; text-align:center; padding-bottom:20px;}
#estimate .step-icon li div {float:left; width:100%; text-align:center;}
#estimate .step-icon li.arrow {width:12.5%; text-align:center; margin-top:25px;}
#estimate .step-icon li.arrow i {color:#ddd; font-size:28px;}
#estimate .icon {float:left; margin-top:15px;}
#estimate .icon .bg-color {color:#616770; font-size:72px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#estimate a:hover .icon .bg-color {color:#005fca;}
#estimate .icon .icon-color {color:#fff; font-size:28px;}
#estimate .step-icon .title {margin:15px 0; font-size:15px; color:#666;}
#estimate .step-icon .title h1 {font-weight:700;}
#estimate .notice {float:right; padding:10px; font-size:15px;color:#666; text-align:left; line-height:160%; width:55%;}
@media(max-width:320px){
	#estimate .step-icon {padding:0; width:100%;}
	#estimate .step-icon li.arrow {margin-top:15px;}
	#estimate .step-icon li.arrow i {font-size:14px;}
	#estimate .icon {margin-top:0;}
	#estimate .icon .bg-color {font-size:48px;}
	#estimate .icon .icon-color {font-size:21px;}
	#estimate .step-icon .title {margin-top:10px; font-size:12px;}
	#estimate .notice {padding:0 0 10px 0; font-size:12px; width:100%;}
}
@media(min-width:321px){
	#estimate .step-icon {padding:0 20px; width:100%;}
	#estimate .step-icon li.arrow {margin-top:15px;}
	#estimate .step-icon li.arrow i {font-size:14px;}
	#estimate .icon {margin-top:0;}
	#estimate .icon .bg-color {font-size:48px;}
	#estimate .icon .icon-color {font-size:21px;}
	#estimate .step-icon .title {margin-top:10px; font-size:12px;}
	#estimate .notice {padding:0 0 10px 0; font-size:12px; width:100%;}
}
@media(min-width:768px){
	#estimate .step-icon {padding:0; width:100%;}
	#estimate .step-icon li.arrow {margin-top:25px;}
	#estimate .step-icon li.arrow i {font-size:28px;}
	#estimate .icon {margin-top:10px;}
	#estimate .icon .bg-color {font-size:60px;}
	#estimate .icon .icon-color {font-size:24px;}
	#estimate .step-icon .title {margin-top:15px; font-size:13px;}
	#estimate .notice {padding:10px 0; font-size:13px; width:100%;}
}
@media(min-width:992px){
	#estimate .step-icon {padding:0; width:40%;}
	#estimate .step-icon li.arrow {margin-top:25px;}
	#estimate .step-icon li.arrow i {font-size:28px;}
	#estimate .icon {margin-top:15px;}
	#estimate .icon .bg-color {font-size:60px;}
	#estimate .icon .icon-color {font-size:24px;}
	#estimate .step-icon .title {margin-top:15px; font-size:15px;}
	#estimate .notice {padding:10px; font-size:15px; width:50%;}
}
@media( min-width:1220px){
	#estimate .step-icon {padding:0; width:40%;}
	#estimate .step-icon li.arrow {margin-top:25px;}
	#estimate .step-icon li.arrow i {font-size:28px;}
	#estimate .icon {margin-top:15px;}
	#estimate .icon .bg-color {font-size:72px;}
	#estimate .icon .icon-color {font-size:28px;}
	#estimate .step-icon .title {margin-top:15px; font-size:15px;}
	#estimate .notice {padding:10px; font-size:15px; width:55%;}
}

.footer-agree {margin-bottom:20px; line-height:160%}
.footer-agree label {line-height:30px;}
.modal-backdrop {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:999998; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; opacity:.70; filter:alpha(opacity=70);}
.modal-open {overflow:hidden;}
.modal {display:none; position:fixed; top:10%; right:0; bottom:10%; left:0; z-index:999999; overflow:auto; -webkit-overflow-scrolling:touch; outline:0; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.modal .modal-close {position:absolute; top:15px; right:15px;}
.modal .modal-close i {color:#fff; font-size:28px;}
.modal-dialog {position:relative; margin:auto auto; width:1200px;}
.modal-content {position:relative; margin:0 auto; color:#555; border:1px solid #555; background-color:#fff; outline:none; -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5); box-shadow:0 3px 9px rgba(0, 0, 0, .5);}
.modal-content .header {padding:15px 25px; color:#fff; background:#005fca;}
.modal-content .header h4 {margin:0; font-size:19px; color:#fff; font-weight:700;}
.modal-content .body {padding:25px 25px; line-height:160%; color:#666; font-size:13px; word-break:keep-all;}


@media (max-width:767px) {
	.modal {top:10px; bottom:10px;}
	.modal .modal-close {top:10px; right:10px;}
	.modal .modal-close i {font-size:14px;}
	.modal-dialog {width:auto; margin:auto 10px;}
	.modal-content .header {padding:10px 10px;}
	.modal-content .header h4 {margin:0; font-size:15px;}
	.modal-content .body {padding:10px 10px; font-size:12px;}
}
@media (min-width:768px){
	.modal {top:10px; bottom:10px;}
	.modal .modal-close {top:10px; right:10px;}
	.modal .modal-close i {font-size:20px;}
	.modal-dialog {width:auto; margin:auto 10px;}
	.modal-content .header {padding:10px 20px;}
	.modal-content .header h4 {margin:0; font-size:17px;}
	.modal-content .body {padding:20px 20px; font-size:13px;}
}
@media (min-width:1220px) {
	.modal {top:10%; bottom:10%;}
	.modal .modal-close {top:15px; right:15px;}
	.modal .modal-close i {font-size:28px;}
	.modal-dialog {width:1200px; margin:auto auto;}
	.modal-content .header {padding:15px 25px;}
	.modal-content .header h4 {margin:0; font-size:19px;}
	.modal-content .body {padding:25px 25px; font-size:13px;}
}

/*고객사*/
#customer-list ul {margin:0 0 0 -3%; zoom:1;}
#customer-list ul:after {content:""; display:block; clear:both;}
#customer-list li {position:relative;float:left; width:17%; margin:0 0 0 3%; text-align:center;}
#customer-list li a {display:block; text-decoration:none;}
#customer-list .thumb {position:relative; overflow:hidden; margin:0 auto 10px auto; border:1px solid #ddd; padding:15px;}
#customer-list .thumb img {width:100%; height:auto; vertical-align:top;vertical-align:top;}
#customer-list .text {display:block; overflow:hidden; font-size:17px; color:#666; font-weight:700; word-break:keep-all; margin-bottom:20px;}
@media(max-width:767px){
	#customer-list li {width:47%;}
	#customer-list .text {font-size:13px;}
}
@media(min-width:768px){
	#customer-list li {width:30.333333%;}
	#customer-list .text {font-size:13px;}
}
@media(min-width:992px){
	#customer-list li {width:22%;}
	#customer-list .text {font-size:15px;}
}
@media(min-width:1220px){
	#customer-list li {width:17%;}
	#customer-list .text {font-size:17px;}
}
@media(min-width:1220px){
	#customer-list li {width:17%;}
	#customer-list .text {font-size:17px;}
}

/*도면설계*/
#board-list-plan {margin-bottom:20px; margin-left:-3%; text-align:center; zoom:1;}
#board-list-plan:after {content:""; display:block; clear:both;}
#board-list-plan li {position:relative;display:block; overflow:hidden; float:left; width:30.333333333333%; margin:0 0 25px 3%; border:1px solid #ddd;}
#board-list-plan li:after {display:block;visibility:hidden;clear:both;content:"";}
#board-list-plan li:hover {text-decoration:none; border:1px solid #666;}
#board-list-plan .thumb {display:block; overflow:hidden; border-bottom:1px solid #ddd; padding:10px; background:#fff;}
#board-list-plan .thumb img {width:100%; height:auto; vertical-align:middle; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#board-list-plan li:hover .thumb img {-webkit-transform:scale(1.1); transform:scale(1.1);}
#board-list-plan .info {line-height:160%; padding:10px 0; height:70px; background:#f5f5f5;}
#board-list-plan .category {height:20px; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#board-list-plan .category a {color:#666;}
#board-list-plan .subject {margin-top:5px; height:25px; font-size:15px; overflow:hidden;}
#board-list-plan .subject a {color:#333; font-weight:700;}
@media (max-width:767px) {

	#board-list-plan {margin-left:-2%;}
	#board-list-plan li {width:48%; margin:0 0 10px 2%;}
}

@media (min-width:768px) and (max-width:991px) {

	#board-list-plan {clear:both; margin-left:-2%;}
	#board-list-plan li {width:31.333333333333%; margin:0 0 15px 2%;}
}

@media (min-width:992px) {
	#board-list-plan {clear:none;}
}



/* 공통 */
.sct_noitem,
.noproduct {padding:200px 0;color:#666;text-align:center}

#sit_inf_option {margin:0 0 30px 0 !important;}
#sit_inf h4 {font-size:1.2em; margin:30px 0 10px 10px;color:#000;}
#sit_inf_option .tbl_frm {width:100%;border-collapse:collapse;border-spacing:0; border-top:1px solid #ddd;}
#sit_inf_option .tbl_frm th,
#sit_inf_option .tbl_frm td {padding:10px; border-bottom:1px dotted #ddd; color:#666; font-size:13px;}
#sit_inf_option .tbl_frm th {width:20%;text-align:left; font-weight:700; background:#fff;}
#sit_inf_option .tbl_frm td {width:80%;}


#item-search-form {margin-bottom:20px; padding:15px; background:#f5f5f5; border:1px solid #ddd; text-align:center; zoom:1;}
#item-search-form .search-sort {margin:0 0 10px ; color:#666;}
#item-search-form label {padding:6px 10px 0 4px; color:#666;}
#item-search-form select { height:31px; display:inline-block;white-space:nowrap; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#item-search-form .iText {display:inline-block; width:30%; font-size:13px; padding:7px 0; background:url('../img/common/wrest.gif') #fff top left no-repeat !important; border:1px solid #ddd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
#item-search-form .btn-search {font-size:13px; font-weight:700; padding:5px 15px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
#item-search-form p {margin-top:10px;}
@media (max-width:767px) {
	#item-search-form {padding:15px;}
	#item-search-form select { width:100%;}
	#item-search-form .iText { width:100%; margin:10px 0;}
	#item-search-form .btn-search {width:100%;}
}	

#ssch_ov {margin-bottom:10px;}

/* 상품 목록 스킨 20 */
.product-list{margin-top:20px; font-size:13px; line-height:160%;}
.product-list:after {display:block;visibility:hidden;clear:both;content:""} 
.product-list ul {margin:0 0 0 -2%;} 
.product-list li {position:relative;float:left;width:23%; margin:0 0 2% 2%; padding:20px; text-align:center; border:1px solid #ddd;background:#fff;}
.product-list .thumb img{width:100%;height:auto;}
.product-list .title {overflow:hidden; height:70px; margin:0 0 10px 0; font-size:15px; color:#000;}
@media(max-width:320px){
	.product-list ul {margin:0 0 0 0;} 
	.product-list li {width:50%;margin:-1px 0 0 -1px; padding:10px;}
	.product-list .title {height:80px; margin:10px; font-size:12px; }
}
@media(min-width:321px){
	.product-list ul {margin:0 0 0 0;} 
	.product-list li {width:50%;margin:-1px 0 0 -1px; padding:10px;}
	.product-list .title {height:80px; margin:10px; font-size:12px; }
}
@media(min-width:768px){
	.product-list ul {margin:0 0 0 -2%;} 
	.product-list li {width:31.3333333%; margin:0 0 2% 2%; padding:10px;}
	.product-list .title {height:65px; margin:15px; font-size:13px; }
}
@media(min-width:992px){
	.product-list ul {margin:0 0 0 -2%;} 
	.product-list li {width:23%; margin:0 0 2% 2%; padding:15px;}
	.product-list .title {height:70px; margin:15px; font-size:15px; }
}
@media(min-width:1220px){
	.product-list ul {margin:0 0 0 -2%;} 
	.product-list li {width:23%; margin:0 0 2% 2%; padding:20px;}
	.product-list .title {height:70px; margin:15px; font-size:15px; }
}

/* 상품 상세보기 - 개요 */
#sit_ov_wrap {margin:20px 0 ;}
#sit_ov_wrap:after {display:block;visibility:hidden;clear:both;content:""}

/* 상품 상세보기 - 이미지 미리보기 */
#sit_pvi {position:relative;float:left; width:53%; text-align:center; padding-right:0}
#sit_pvi .thumb li img {width:100%; max-width:500px; height:auto;}
#sit_pvi .thumb { max-width:500px; margin:10px auto 0 auto;}
#sit_pvi .thumb ul:after {display:block;visibility:hidden;clear:both;content:""}

@media (max-width:767px){
    #sit_pvi {padding:0;width:100%; max-width:100%;float:none;}
	#sit_pvi .thumb li img{max-width:100%;}
}
@media (min-width:768px){
    #sit_pvi {padding:0; width:53%;} 
	#sit_pvi .thumb li img {max-width:500px;}
}

/* 상품 상세보기 - 간략정보 및 구매기능 */
#sit_hhtml img{width:100%;height:auto}
#sit_ov {position:relative;float:right;width:42%;padding: 0;height:auto !important;}
#sit_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_ov h3 {margin:0 0 5px;font-size:1em}
#sit_ov section{margin: 10px 0;border-bottom:1px solid #d3d3d3;padding-bottom:5px}
#sit_title {display:block;margin:10px 0 0;font-size:1.5em;}
#sit_desc {display:inline-block;margin:5px 0 0;color:#999}
#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.sit_icon {display:block;margin: 0 0;}
.sit_icon img {margin:0 1px 0 0;vertical-align:top;margin:0 1px}
.sit_ov_tel {margin-top:20px; text-align:center;}
.sit_ov_tel .tel i {color:#005fca; font-size:28px;}
.sit_ov_tel .tel a {margin-bottom:15px; margin-left:5px; color:#005fca; font-size:30px;font-weight:700;}
.sit_ov_tel .time {color:#666; font-size:13px;}
@media (max-width:767px){
    #sit_ov{padding:0;width:100%;float:none;}
	#sit_title {font-size:1.2em;}
	.sit_ov_tel .tel i {font-size:14px;}
	.sit_ov_tel .tel a {font-size:21px;}
}
@media (min-width:768px){
    #sit_ov{width:42%;padding-left:20px}
	#sit_title {font-size:1.2em;}
	.sit_ov_tel .tel i {font-size:14px;}
	.sit_ov_tel .tel a {font-size:24px;}
}
@media (min-width:992px){
    #sit_ov{width:42%;padding-left:0}
	#sit_title {font-size:1.5em;}
	.sit_ov_tel .tel i {font-size:28px;}
	.sit_ov_tel .tel a {font-size:30px;}
}
.sit_ov_tbl {margin:10px 0px;padding:10px 0;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;color:#707070}
.sit_ov_tbl table{border-collapse:collapse;width:100%;border:0;font-size:0.917em}
.sit_ov_tbl th {font-weight:normal;text-align:left;padding:6px 0;}
.sit_ov_tbl td {padding:5px 0}
.sit_ov_tbl tr:first-child td,.sit_ov_tbl tr:first-child th{border:none}
.sit_ov_ro {padding:2px 2px 3px;border:0;background:transparent;text-align:right;vertical-align:middle}
.sit_ov_opt {padding:2px 2px 3px;border:0;background:transparent;vertical-align:middle}
.sit_ov_input {height:1.8em;border:1px solid #b8c9c2;background:transparent;vertical-align:middle}
.sit_ov_tbl button {margin:0}
@media(max-width:991px){
	.sit_ov_tbl table {font-size:0.917em}

}
@media(min-width:992px){
	.sit_ov_tbl table {font-size:1.2em;}
}
.sit_op_sl{width:100%;border-collapse:collapse;}
.sit_op_sl th{font-weight:normal;text-align:left;font-size:0.92em;}
.sit_op_sl td{text-align:left;padding:5px 0 5px 0;}
.sit_op_sl td select{width:100%;}
.sit_sel_btn {position:relative;top:-15px;right:-2px} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button {width:100%}

#sit_ov_soldout {margin:0 0 20px;color:#ff3061;font-weight:700;text-align:center}
#sit_ov_btn {padding:0 0 10px 0;text-align:center;}
#sit_ov_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sit_ov_btn a {display:inline-block;padding: 0;vertical-align:middle;text-decoration:none;line-height:42px;height:42px;border:1px solid #ccc;color:#999;font-size:0.917em;background:#fff;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
#sit_ov_btn a:hover{color:#666;}
#sit_ov_btn input {height:42px;line-height:42px;vertical-align:middle;font-weight:700;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
#sit_btn_cart {float:left;margin-right:1%;width:28%; border:1px solid #333;color:#fff;background:#444;}
#sit_btn_buy {float:left; margin-right:1%;width:28%;border:1px solid #005fca !important;color:#fff !important; background:#005fca !important;}
#sit_btn_wish {float:left; margin-right:0; width:13%; margin-bottom:5px;}
#sit_btn_rec {float:left; margin-right:0;width:13%; padding:0 3px;height:42px;line-height:42px;display:inline-block;vertical-align:middle;}
#sit_btn_qna {float:left; margin-right:1%;width:28%;border:1px solid #888 !important;color:#fff !important; background:#999 !important;}
#sit_btn_order {float:left; margin-right:1%;width:28%;border:1px solid #888 !important;color:#fff !important; background:#999 !important;}


/* 상품 상세보기 */
.sit_con{margin:15px 0 30px}
#sit {margin: 0;}
.sit_con h5 {position:relative; margin:50px 0; text-align:center; font-size:17px; color:#666; font-weight:700;}
.sit_con h5:before {content:""; position:absolute; top:50%; left:0; right:0; height:1px; background:#ddd;}
.sit_con h5 span {position:relative; display:inline-block; padding:0 20px; background:#fff;}
.sit_con img {width:auto; height:auto;}
.sit_con .it-tag {position:relative; margin:0 0 0 -10px;}
.sit_con .it-tag:after {display:block;visibility:hidden;clear:both;content:""} 
.sit_con .it-tag li {position:relative; float:left; margin:0 0 10px 10px; border:0; padding:5px 10px; background:#f5f5f5; -moz-border-radius: 2px; -0-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.sit_con .it-tag li a {line-height:160%; font-size:17px; color:#999; font-weight:700;white-space:normal;}
.sit_con .it-tag li a:hover {color:#005fca;}
.sit_con .it-tag li i {font-size:14px;}
.sit_admin {margin:10px 10px 0;text-align:right}
.sit_empty {padding:30px 0;text-align:center;color:#666}

@media(max-width:767px){
	.sit_con img {width:100%; height:auto;}
	.sit_con .it-tag li a {font-size:15px;}
}
@media(min-width:768px){
	.sit_con img {width:100%; height:auto;}
	.sit_con .it-tag li a {font-size:17px;}
}
@media (min-width:992px) {
	.sit_con img {width:100%; height:auto;}
	.sit_con .it-tag li a {font-size:17px;}
}
@media (min-width:1220px) {
	.sit_con img {width:auto; height:auto;}
	.sit_con .it-tag li a {font-size:17px;}
}