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

/* main banner */
#content .mainBanner .slide ul li {width: 100%;}

#content .mainBanner .slide ul li div.inner {width: 1200px; margin: 0 auto;}

#content .mainBanner .slide .s_btn {position: absolute; bottom: 100px; left: 52px;}
#content .mainBanner .slide .s_btn a {float: left;}
#content .mainBanner .slide .s_btn a:first-child {margin-right: 10px;}

/* 중간 제품 슬라이드 */
.p_gallery .inner h1 {font-size: 25px; margin-bottom: 30px;}
/* 버튼 변경 */
.p_gallery .bx-wrapper .bx-controls-direction a {width: 36px; height: 36px;}
.p_gallery .bx-wrapper .bx-prev {background: url('../images/prev_img.jpg') no-repeat center center; }
.p_gallery .bx-wrapper .bx-next {background: url('../images/next_img.jpg') no-repeat center center; }
.p_gallery .bx-wrapper .bx-next:hover {background-position: 0 0;}

/* 빠른견적 상담 */
#content .counsel {width: 1200px; margin: 0 auto; margin-top: 15px; height: 238px;
	background: url("../images/counsel_bg_01.jpg") no-repeat center center;

}

#content .counsel .coun_t {float: left; margin: 70px 0 0 180px;}
#content .counsel .coun_t h1 {color: #f15c00; font-size: 20px; font-weight: bold; margin-bottom: 15px;}
#content .counsel .coun_t p {color: #424242; font-size: 14px;}

#content .counsel .counForm {float: left; margin: 45px 0 0 20px; width: 768px; height: 137px; background: url("../images/counsel_bg_02.jpg") no-repeat center center; }
#content .counsel .counForm table {width: 90%; margin: 30px 0 0 40px;}
#content .counsel .counForm table tr {margin-left: 10px;}
#content .counsel .counForm table td {font-size: 12px; padding: 0 5px;}
#content .counsel .counForm table td.dot {background: url("../images/td_dot.jpg") no-repeat left center; }
#content .counsel .counForm table td span {color: #dcdcdc;}

/* input style */
#content .counsel .counForm table .gk_input {width: 70px !important; vertical-align: top; height: 12px;}
#content .counsel .counForm table select {width: 110px;}
#content .counsel .counForm table input[type=text] {border: 1px solid #dcdcdc; width: 140px; padding: 3px 0;}
#content .counsel .counForm table .name {width: 80px !important;}
#content .counsel .counForm table input[type=checkbox] {vertical-align: middle;}

/* 중간 배너 버튼 */
#content .btnBanner {width: 100%; background-color: #f2f2f2; overflow: hidden; padding: 50px 0;}
#content .btnBanner .inner {width: 1200px; margin: 0 auto;}
#content .btnBanner .inner .bbt {float: left;}
#content .btnBanner .inner .bbt .btnImg {float: left; box-sizing: border-box; border: 1px solid #dcdcdc; border-left: 0; text-indent: -9999px; }
#content .btnBanner .inner .bbt .btnImg a {display: block; height: 198px; width: 298px; background: url("../images/btn_images.png") no-repeat;}
/* 라인 */
#content .btnBanner .inner .bbt .btnImg:first-child {border-left: 1px solid #dcdcdc;}
#content .btnBanner .inner .bbt .btnImg.b05, #content .btnBanner .inner .bbt .btnImg.b06 {border-top: 0;}
#content .btnBanner .inner .bbt .btnImg.b07, #content .btnBanner .inner .bbt .btnImg.b08 {border-top: 0;}
#content .btnBanner .inner .bbt .btnImg.b03, #content .btnBanner .inner .bbt .btnImg.b07 {border-left: 0;}

/* 각 배너 이미지 위치 */
#content .btnBanner .inner .bbt .btnImg.b01 a {background-position: 0px -203px;}
#content .btnBanner .inner .bbt .btnImg.b02 a {background-position: -300px -203px;}
#content .btnBanner .inner .bbt .btnImg.b03 a {background-position: -601px -203px;}
#content .btnBanner .inner .bbt .btnImg.b04 a {background-position: -901px -203px;}
#content .btnBanner .inner .bbt .btnImg.b05 a {background-position: 0px -402px;}
#content .btnBanner .inner .bbt .btnImg.b06 a {background-position: -300px -402px;}
#content .btnBanner .inner .bbt .btnImg.b07 a {background-position: -600px -402px;}
#content .btnBanner .inner .bbt .btnImg.b08 a {background-position: -902px -402px;}

/* 마우스 올렸을때 */
#content .btnBanner .inner .bbt .btnImg.b01 a:hover {background-position: 0 -1px;}
#content .btnBanner .inner .bbt .btnImg.b02 a:hover {background-position: -300px -1px;}
#content .btnBanner .inner .bbt .btnImg.b03 a:hover {background-position: -601px -1px;}
#content .btnBanner .inner .bbt .btnImg.b04 a:hover {background-position: -902px -1px;}
#content .btnBanner .inner .bbt .btnImg.b05 a:hover {background-position: 0 -601px;}
#content .btnBanner .inner .bbt .btnImg.b06 a:hover {background-position: -300px -601px;}
#content .btnBanner .inner .bbt .btnImg.b07 a:hover {background-position: -600px -601px;}
#content .btnBanner .inner .bbt .btnImg.b08 a:hover {background-position: -902px -601px;}

/* 제품 나열 */
.p_gallery {margin: 40px 0;}


/* 고객센터 영역 */
#content .cscenter {width: 100%; height: 100%; padding: 50px 0; overflow: hidden;}
#content .cscenter .inner {width: 1200px; margin: 0 auto;}
#content .cscenter .inner > div {float: left; height: 235px;}

/* 고객센터 */
#content .cscenter .cs {background: url("../images/cs_bg.jpg") no-repeat right top; width: 46.5%;}
#content .cscenter .cs h1 {font-size: 50px; font-weight: bold; color: #424242; white-space: pre;}
#content .cscenter .cs h1 span {display: block; font-size: 16px; font-weight: normal;}

/* 서비스 갤러리 */
#content .cscenter .serviceGallery {width: 53.5%; padding: 20px 30px; border: 1px solid #dcdcdc; box-sizing: border-box; position: relative;}
#content .cscenter .serviceGallery h1 {font-size: 20px; font-weight: bold; color: #424242;}
#content .cscenter .serviceGallery a.more {position: absolute; top: 15px; right: 15px;}
.bbs_gallery {margin-top: 32px;}
#content .cscenter .serviceGallery ul {}
#content .cscenter .serviceGallery ul li {float: left; }


/* 질문과 답변 */
#content .cscenter .qna {background-color: #f9f9f9; width: 46.5%; padding: 30px 30px; position: relative; box-sizing: border-box;}
#content .cscenter .qna h1 {font-size: 20px; font-weight: bold; color: #424242;}
#content .cscenter .qna a.more {position: absolute; top: 30px; right: 30px;}
#content .cscenter .qna ul {margin-top: 35px; margin-left: 15px; overflow: hidden;}
#content .cscenter .qna ul li {margin: 4px 0; position: relative; color: #727272; font-size: 14px; padding-left: 10px;}
#content .cscenter .qna ul li:before {position: absolute; width: 2px; height: 2px; left: 0; top: 8px; content: ""; background-color: #000000;}
#content .cscenter .qna ul li span {position: absolute; right:0; top: 0;}

/* 공지사항 */
#content .cscenter .notice {background-color: #f9f9f9; width: 53.5%; background-image: url("../images/notice_bg.jpg"); background-repeat: no-repeat; background-position: top left;}
#content .cscenter .notice .noticeZone {width: 52%; margin-left: 280px; position: relative; padding: 30px 0; position: relative; box-sizing: border-box;}
#content .cscenter .notice .noticeZone h1 {font-size: 20px; font-weight: bold; color: #424242;}
#content .cscenter .notice .noticeZone a.more {position: absolute; top: 30px; right: 0px;}
#content .cscenter .notice .noticeZone ul {margin-top: 35px; overflow: hidden;}
#content .cscenter .notice .noticeZone ul li {margin: 4px 0; position: relative; color: #727272; font-size: 14px; padding-left: 10px;}
#content .cscenter .notice .noticeZone ul li:before {position: absolute; width: 2px; height: 2px; left: 0; top: 8px; content: ""; background-color: #000000;}
#content .cscenter .notice .noticeZone ul li span {position: absolute; right:0; top: 0;}