.sub_visual {width:100%; text-align: center;   background:url("../img/common/sub_visual.jpg")no-repeat;}
.sub_visual p {font-size:20px; color:#666; padding:19.5px 0px;}

.section {overflow: hidden; padding-top:35px;}
.smu_contact{padding-top:20px;}

.smu {float:left; width:210px;}
.smu_tit {width:100%; height:145px; text-align: center; background:url("../img/common/smu_bg.png")no-repeat; }
.smu_tit>p {line-height:145px; color:#fff; font-size:24px;}

.smu ul li {padding:10px 0px; border-bottom:1px solid #ccc;  padding-left:5px;}
.smu ul li a {font-size:16px; color:#666;}
.smu ul li.smu_on {background:url("../img/common/smu_list_on.png")left center no-repeat;}
.smu ul li.smu_on a {color:#4d9d40;}

.right_con {float:right; width:755px; }

.stit {width:100%; overflow: hidden; }
.stit h6 {font-size:30px; padding-top:57px; padding-bottom:45px; font-weight:500;} 
.stit .line_bar {width:100%; height:1px;
	background: linear-gradient(to left,
            #ccc 80%, #4d9d40 20%);
}

.company {padding-bottom:60px;}
.company>p {font-size:28px; color:#333; padding:40px 0px; line-height:38px; font-weight:600;}
.company span {font-size:16px; color:#666;}
.company span.con_span {display: block;}
.company span.bt_span {float:left; padding:40px 10px 40px 0px; }

.company h6 {font-size:22px; color:#333; padding:36px 10px 40px 0px; letter-spacing:10px;}

.map {padding:40px 0px;}
table.map_info {border-top:1px solid #ccc;}
table.map_info tr th {border-bottom:1px solid #ccc; background-color:#fafafa; font-size:14px; color:#333;}
table.map_info tr td {border-bottom:1px solid #ccc; font-size:14px; color:#666; padding:15px;}
table.map_info tr td p {font-size:12px; float:left; border:1px solid #ccc; padding:2px 12px; border-radius:20px; margin-right:8px;}

.business img {padding:60px 0px;}
.business p {font-size:16px; color:#666; padding-bottom:100px; line-height:26px;}

.counsel {padding-bottom:60px;}
.counsel table {border-collapse:collapse; width:100%; margin-top:60px; border-top:3px solid #000;}
.counsel table tr {border-bottom:1px solid #d7d7d7;}
.counsel table tr th {padding:12px 20px; text-align: left; color:#666;}
.counsel table tr td {padding:12px 0px; }
.counsel table tr td input {width:100%; border:1px solid #d7d7d7; font-size:14px; padding:10px 12px; color:#999;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
   -webkit-appearance: none; /* 화살표 없애기 for chrome*/
   -moz-appearance: none;    /* 화살표 없애기 for firefox*/
   appearance: none;         /* 화살표 없애기 공통*/
	margin: 0;
}

select {
   -webkit-appearance: none; /* 화살표 없애기 for chrome*/
   -moz-appearance: none;    /* 화살표 없애기 for firefox*/
   appearance: none;         /* 화살표 없애기 공통*/
	
}

.counsel table tr td ul.num_ul {width:50%;}
.counsel table tr td ul.num_ul li {width:28%; float:left;}
.counsel table tr td ul.num_ul li:nth-child(2n) {width:8%; text-align: center; line-height:34px; font-size:18px; color:#4e4e4e;}
.counsel table tr td ul.num_ul li select {width:100%; border:1px solid #d7d7d7; padding:5px 15px; font-size:15px; color:#999; background: url("../img/common/select_btn.png") right 10px center no-repeat; height:38px; }
.counsel table tr td ul.num_ul li input {text-align: center;}

.counsel table tr td ul.e_mail {width:100%;}
.counsel table tr td ul.e_mail li {width:29%; float:left;}
.counsel table tr td ul.e_mail li:nth-child(2) {width:5%; text-align: center; line-height:34px; font-size:16px; color:#999;}
.counsel table tr td ul.e_mail li:nth-child(4) {margin-left:2%; width:35%;}

.counsel table tr td ul.e_mail select {width:100%; border:1px solid #d7d7d7; padding:5px 15px; font-size:15px; color:#999; background: url("../img/common/select_btn.png") right 10px center no-repeat; height:38px; }

.counsel table tr td textarea {width:100%; height:230px; border:1px solid #d7d7d7; resize:vertical;}

.counsel table tr td ul.contact_info {width:100%; padding-top:15px; padding-bottom:5px;}
.counsel table tr td ul.contact_info li {width:100%; color:#999; font-size:14px; line-height:22px;}

.counsel table tr:last-child th {vertical-align: text-top;}

.contact_btn {width:100%; overflow: hidden; padding:20px 0px;}
.contact_btn input {width:49%; float:left; background-color:#4d9d40; padding:15px 0px; text-align: center; color:#fff; font-size:16px; font-weight:600;}
.contact_btn a {width:49%; float:right; background-color:#eee; padding:15px 0px; text-align: center; color:#666; font-size:16px; font-weight:600;}

.product {padding:40px 0px; padding-bottom:50px;}
.product>ul {width:100%; overflow: hidden; padding-top:10px;}
.product>ul li {width:32%; margin-right:1%; float:left; border:1px solid #ccc; margin-top:1%; position: relative;}
.product>ul li:nth-child(1),.product ul li:nth-child(2),.product ul li:nth-child(3) {margin-top:0;}
.product>ul li:nth-child(3n) {margin-right:0;}
.product>ul li img {width:100%;}

/***  over_css ***/
.product>ul li .gall_hover {position: absolute; width:100%; top:0; left:0;}
.product>ul li .gall_hover .gh_position img {width:100%; opacity:0; transition:all 0.3s;}
.product>ul li .gall_hover .gall_center {position: absolute; top:46%; width:100%; left:118px; -webkit-transform:translateY(-10%); -moz-transform:translateY(-10%); -ms-transform:translateY(-10%); -o-transform:translateY(-10%); transform:translateY(-10%); opacity:0;  transition:all 0.3s;}

.product>ul li .gall_hover:hover .gh_position img {opacity:1; transition:all 0.3s;}
.product>ul li .gall_hover:hover .gall_center
{
	position: absolute;
    top: 46%;
    width: 100%;
    left: 118px;
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 1;
    transition: all 0.3s;
	}

.list_name {text-align: center; padding:18px 0px; border-top:1px solid #ccc;}
.list_name p {font-size:15px; color:#666; font-weight:500;}

.best_icon {width:46px; height:70px; position:absolute; top:-7px; left:10px; background:url(../img/product/best.png)no-repeat;}


.pro_view_tit {padding-bottom:30px; text-align:center;}
.pro_view_tit p {font-size:26px; color:#333; font-weight:600;}

.pro_info {width:100%; overflow:hidden;}
.pro_info .info_left {float:left; width:315px;}
.pro_info .info_left img {width:100%;}
.pro_info .info_right {float:right; width:420px;}

.pro_info .info_right table {width:100%; height:235px; border-top:2px solid #000;}
.pro_info .info_right table tr th {color:#666; padding:0px 10px; text-align:left; font-size:15px; border-bottom:1px solid #ccc;}
.pro_info .info_right table tr td {color:#333; font-weight:600; font-size:14px; border-bottom:1px solid #ccc;}

.zoom_btn01 {width:160px; margin:0 auto; padding-top:20px;}
.item_btn01 {width:210px; margin:0 auto; padding-top:15px;}

.pro_info02 {padding:30px 0px; border-bottom:2px solid #000;}
.pro_info02 p {font-size:24px; color:#333; line-height:60px; border-bottom:2px solid #000;}
.pro_info02 ul {padding:20px 0px;}
.pro_info02 ul li {width:100%; color:#666; font-weight:500; font-size:15px; line-height:22px;}

.pro_info03 {}
.pro_info03>p {font-size:24px; color:#333; padding:30px 0px; text-align: center;}
.pro_info03 ul {width:100%; overflow: hidden;}
.pro_info03 ul li {position: relative; width:245px; float:left; margin-right:10px; margin-top:10px;}
.pro_info03 ul li:nth-child(1), .pro_info03 ul li:nth-child(2), .pro_info03 ul li:nth-child(3) {margin-top:0}
.pro_info03 ul li:nth-child(3n) {margin-right:0}
.pro_info03 ul li img {width:100%;}
.pro_info03 ul li .info_box {border:1px solid #ccc; text-align: center; padding:15px 0px;}
.pro_info03 ul li .info_box p {font-size:16px; color:#333; font-weight:600; padding-bottom:3px;}
.pro_info03 ul li .info_box span {font-size:15px; color:#666;}
.pro_info03 ul li .info_box .item_btn02 {background-color:#666; color:#fff; font-weight: 600; font-size:13px; padding:5px 0px; -webkit-border-radius:20px; -ms-border-radius:20px; border-radius:20px; width:98px; margin:0 auto; margin-top:15px;}


/***  over_css ***/
.pro_info03 ul li .gall_hover {position: absolute; width:100%; top:0; left:0;}
.pro_info03 ul li .gall_hover .gh_position img {width:100%; opacity:0; transition:all 0.3s;}
.pro_info03 ul li .gall_hover .gall_center {position: absolute; top:50%; width:100%; left:118px; -webkit-transform:translateY(-10%); -moz-transform:translateY(-10%); -ms-transform:translateY(-10%); -o-transform:translateY(-10%); transform:translateY(-10%); opacity:0;  transition:all 0.3s;}

.pro_info03 ul li .gall_hover:hover .gh_position img {opacity:1; transition:all 0.3s;}
.pro_info03 ul li .gall_hover:hover .gall_center
{
	position: absolute;
    top: 50%;
    width: 100%;
    left: 118px;
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 1;
    transition: all 0.3s;
	}


.cart_box01 {padding:10px; border:3px solid #d9d9d9; margin-top:50px; margin-bottom:30px;}
.cart_box02 {border-bottom: solid 1px #666;}
.cart_box02 table {width:100%;}
.cart_box02 table tr td {text-align: center; padding:8px 0px; border-top: solid 1px #ccc; font-size:15px;}
.cart_box02 table tr td:nth-child(1){width:70%;}
.cart_box02 table tr td:nth-child(2){width:30%;}
.cart_box02 table tr:first-child td {font-size:15px; font-weight:600; border-top: solid 2px #6c6c6c;}
.del_btn {width:25%; padding:3px 0px; margin:0 auto; background-color:#4D9D40;  color:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px;}

.cart_btn_box {width:40%; margin:0 auto; overflow:hidden; padding:30px 0px;}
.cart_btn_box .cart_btn {width:48%; padding:10px 0px; text-align:center; font-weight:600; font-size:14px;}
.cart_btn_box .requ_btn {float:left; background-color:#4D9D40; color:#fff;}
.cart_btn_box .more_btn {float:right;  background-color:#eee; color:#333;}

.search_box {width:100%; padding:20px; border:1px solid #ccc; overflow: hidden; margin-top:40px;}
.search_box select {width:20%; border:1px solid #ccc; float:left; height:40px; padding:5px 10px;  color:#666; font-weight:600; line-height:30px; background:url("../img/common/select_btn.png")no-repeat 90%; border-right:0;}
.search_box input.search_bar {width:65%; border:1px solid #ccc; float:left; height:40px; padding:10px;  border-right:0;}
.search_box input.search_btn {width:15%; border:1px solid #000; height:40px; padding:10px; background:url("../img/community/search_icon.png")no-repeat center center; background-color:#000; cursor: pointer;}

.contact_tb {width:100%; border-top:2px solid #000; margin:20px 0px;}
.contact_tb thead th{ color:#333; padding:8px 0px; font-size: 15px;  background:url("../img/community/border_icon.jpg")no-repeat right center;  background-size:0.7px; border-bottom:1px solid #ccc;}
.contact_tb thead th:last-child {background:none;}
.contact_tb tr td{ text-align: center; padding:8px 0px; border-bottom:1px solid #ccc;}
.contact_tb tr td:first-child p {background-color:#4d9d40; color:#fff; width:50px; margin:0 auto; font-size:12px; padding:3px 0px; -webkit-border-radius:20px; -ms-border-radius:20px; border-radius:20px;}
.contact_tb tr td:nth-child(2) {text-align: left; padding-left:20px;}
.contact_tb tr td:nth-child(2) p {float:left;}
.contact_tb tr td:nth-child(2) img {float:left; padding-left:10px;}

.page {width:216px; margin:0 auto; overflow: hidden; margin-bottom:30px;}
.page ul {width:190px; overflow: hidden; float:left;}
.page ul li {width:20%; float:left; text-align:center; font-size:20px; padding-bottom:6px;}
.page ul li a {color:#666; font-weight:400;}
.page .prev {width:8px; height:27px; float:left; padding:8.4px 0px; margin-right:5px;}
.page .next {width:8px; height:27px; float:left; padding-top:8.4px; margin-left:5px;}

.page ul li.page_on {background:url("../img/community/page_on.jpg")no-repeat bottom center;}
.page ul li.page_on a {color:#4d9d40; font-weight:600;}

.contact_btn div {width:200px; margin:0 auto; background:#4d9d40; text-align: center; color:#fff; padding:12px 0px; font-size:16px; font-weight:500; margin-bottom:60px;}
.notice {padding-bottom:100px;}
.notice_tb {margin-top:40px;}

.write_tb {width:100%; text-align:left; border-top:2px solid #000; margin-top:30px; margin-bottom:20px;}
.write_tb tr th {padding:15px 20px; border-bottom:1px solid #ccc; }
.write_tb tr td {border-bottom:1px solid #ccc;}
.write_tb tr td input {border:1px solid #ccc; padding:10px 15px; width:100%; margin:10px 0px;}

.write_tb tr:last-child th {vertical-align:top;}
.write_tb tr td textarea {border:1px solid #ccc; padding:10px; width:100%; height:250px; margin:10px 0px; resize: vertical;}
.write_btn {width:50%; overflow: hidden; margin:0 auto; margin-bottom:50px;}
.write_btn02 {width:48%; padding:8px 0px; font-weight:600; text-align: center;}
.write_ok_btn {background-color:#4d9d40; color:#fff; float:left;}
.back_btn {background-color:#eee; color:#333; float:right;}

.view_tb {width:100%; text-align:left; border-top:2px solid #000; margin-top:30px;}
.view_tb tr th {padding:10px 0px; border-bottom:1px solid #ccc; padding-left:20px; font-size:13px;}
.view_tb tr td {padding:10px 0px; border-bottom:1px solid #ccc;}
.view_tb tr:first-child td {font-weight:600; font-size:15px; padding-left:20px;}
.view_tb tr:last-child td {padding:20px; font-size:13px; color:#666;}

.view_tb tr td:nth-child(2),.view_tb tr td:nth-child(5) {color:#d7d7d7; font-weight:600;}
.view_tb tr td:nth-child(3n) {padding-left:5px; color:#666; font-size:14px;}


.view_btn {width:100%; overflow: hidden; margin-bottom:50px;}
.btn_left {width:120px; float:left; overflow:hidden;}
.btn_right {width:120px; float:right; overflow:hidden;}

.view_btn02 {width:46%; padding:3px 0px; border:1px solid #d9d9d9; background:linear-gradient(to top, #f5f5f5 2px, #fff);  text-align: center; border-radius:5px;}
.more_btn02, .modify_btn {float:left;}
.write_btn03, .del_btn02 {float:right;}

.comments_box {margin-bottom:15px; background:#f5f5f5; padding:10px;}
.comments_box ul {margin-bottom:10px;}
.comments_box ul li:last-child .comments {border-bottom:0;}
.comments_box ul li .comments {width:100%; overflow: hidden; border-bottom:1px solid #ddd; padding:10px 15px; background-color:#fff;}
.comments_box ul li .comments .comm_name {width:50%; float:left; padding-bottom:5px;}
.comments_box ul li .comments .comm_name p {font-size:14px; font-weight:600; color:#333; float:left; padding-right:5px;}
.comments_box ul li .comments .comm_name span {color:#ccc; font-weight:100; font-size:12px; line-height:18px;}
.comments_box ul li .comments .comm_btn {width:115px; float:right; text-align: right;}
.comments_box ul li .comments .comm_btn p {color:#ccc; font-weight:100; font-size:11px;}
.comments_box ul li .comments .comm_btn a {color:#333; font-weight:100; font-size:13px;}
.comments_box ul li .comments .comm_con {width:100%; float:left;}
.comments_box ul li .comments .comm_con p {color:#666; font-weight:400; font-size:14px;}

.comments_box ul li .reply {width:100%; overflow: hidden; border-bottom:1px solid #ddd; padding:10px 0px; background-color:#fff; padding:10px;}
.comments_box ul li .reply .reply_name {width:50%; float:left; padding-bottom:5px; background:url("../img/community/reply_icon.png") left top no-repeat; background-size:15px; padding-left:22px; }
.comments_box ul li .reply .reply_name p {font-size:14px; font-weight:600; color:#333; float:left; padding-right:5px;}
.comments_box ul li .reply .reply_name span {color:#ccc; font-weight:100; font-size:11px; line-height:19px; }
.comments_box ul li .reply .reply_btn {width:115px; float:right; text-align: right;  margin-right:5px;}
.comments_box ul li .reply .reply_btn p {color:#ccc; font-weight:100; font-size:11px;}
.comments_box ul li .reply .reply_btn a {color:#333; font-weight:100; font-size:13px;}
.comments_box ul li .reply .reply_con {width:100%; float:left;}
.comments_box ul li .reply .reply_con p {color:#666; font-weight:400; font-size:14px; padding-left:22px;}

.input_box {width:100%; overflow: hidden; background:#eee; padding:2px; border:1px solid #ddd;}
.input_box textarea {width:85%; float:left; background:#fff; border:1px solid #ddd; height:70px; padding:10px; resize: none;}
.input_box .input_btn {width:15%; float:right; background:linear-gradient(to top, #eee 2px, #fff); border:1px solid #ddd; border-left:0; height:70px; text-align: center; line-height: 70px; color:#777; font-size:15px; font-weight:600;}

.pass {width:400px; margin:80px auto;}
.pass .pass_tit {background-color:#333; color:#fff; padding:10px 0px; text-align: center; font-size:15px; font-weight:600;}
.pass .pass_con {border:1px solid #ccc; background-color:#F9F9F9; color:#333; margin-bottom:300px;} 
.pass_input {width:100%; overflow: hidden; padding:40px 82px;}
.pass_input p {float:left; line-height:24px; margin-right:10px;}
.pass_input input {border:1px solid #ccc; padding:5px 10px; width:160px;}
.pass_btn {width:180px; margin:0 auto; overflow: hidden; padding-bottom:30px;}
.pass_btn input {width:45%; float:left; background:linear-gradient(to top,#eee, #fff); border:1px solid #ccc; padding:5px 0px; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px;}
.pass_btn a {width:45%; float:right; text-align:center; background:linear-gradient(to top,#eee, #fff); border:1px solid #ccc; padding:5px 0px; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px;}