@charset "utf-8";

#container_wrap {position:relative;min-width:320px;padding:80px 0 0 0;}
#container_wrap:after {display:block;visibility:hidden;clear:both;content:""}

#container_wrap h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

#top_btn {display:block;position:fixed;right:10px;bottom:10px;width:40px;height:40px;color:#222;font-size:32px;line-height:38px;text-align:center;background:#fff;border:solid 1px #444;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#top_btn i {}
#top_btn:hover {color:#ff7700;background:#444;}

#viz {position:relative;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#viz_table {display:table;width:100%;}
#viz_cell {display:table-cell;width:100%;height:400px;vertical-align:middle;}
#viz_cell h2 {display:block;margin:70px 0 0 0;color:#fff;font-size:48px;font-weight:700;text-align:center;}
#viz_cell h3 {display:block;margin:12px 0 0 0;color:#fff;font-size:30px;text-align:center;word-break:keep-all;}

#viz_cell,
#viz_cell h2,
#viz_cell h3 {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

/* location */
#location_wrap {position:relative;margin:0 0 40px 0;background:#f6f6f6;border-bottom:solid 1px #ccc}
#location_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#location_wrap strong {color:#444;font-weight:700;}
ul.lnb {width:100%;max-width:1200px;margin:0 auto;}
ul.lnb li {display:block;float:left;position:relative;font-size:0;}
ul.lnb li a {display:block;position:relative;width:100%;min-width:240px;padding:0 40px 0 16px;font-size:14px;color:#666;line-height:50px;cursor:pointer;border-right:solid 1px #ddd;}
ul.lnb li a.lnb_home {width:40px !important;min-width:50px !important;padding:0;text-align:center;background:none}
ul.lnb li a strong {color:#444 !important;font-weight:400 !important}
ul.lnb li a .arrow {display:block;position:absolute;right:10px;top:50%;margin:-22px 0 0 0;color:#444;font-size:18px;}
ul.lnb li a i {}
ul.lnb li ul {display:none;position:absolute;left:0;top:50px;width:100%;overflow:hidden;z-index:99}
ul.lnb li ul li {display:block;float:none;}
ul.lnb li ul li:last-child {border-bottom:solid 1px #ccc;}
ul.lnb li ul li a {display:block;overflow:hidden;margin:0;color:#666;font-size:13px;line-height:40px;white-space:nowrap;background:#f6f6f6;border-left:solid 1px #ccc;border-right:solid 1px #ccc;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;

text-overflow:ellipsis;  /* IE, Safari */
-o-text-overflow:ellipsis;  /* Opera under 10.7 */
-moz-binding: url('ellipsis.xml#ellipsis');
}
ul.lnb li ul li a:hover {color:#fff;background:#444}

.snb {position:relative;width:100%;max-width:1200px;margin:0 auto;}
.snb ul {font-size:0;line-height:0;text-align:center;}
.snb ul:after {display:block;visibility:hidden;clear:both;content:""}
.snb ul li {display:inline-block;max-width:300px;margin:0 -1px 0 0;border:solid 1px #ddd;}
.snb ul li a {display:block;font-size:14px;line-height:48px;text-align:center;background:#f6f6f6;overflow:hidden;white-space:nowrap;
text-overflow:ellipsis;  /* IE, Safari */
-o-text-overflow:ellipsis;  /* Opera under 10.7 */
-moz-binding: url('ellipsis.xml#ellipsis');

-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.snb ul li a:hover {color:#fff;background:#059740;}
.snb ul li a.on {color:#fff200;background:#059740;}


#body_wrap {position:relative;}
#body_wrap:after {display:block;visibility:hidden;clear:both;content:""}

.body_content {padding:40px 0 0 0;}
.body_normal {padding:40px 0;}

/*#body_wrap h2.title {display:block;margin:0 0 48px 0;color:#222;font-size:48px;font-weight:700;text-align:center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}*/

#body_wrap h2.title {display:block;width:100%;max-width:1200px;margin:0 auto 24px auto;color:#222;font-size:24px;font-weight:500;text-align:left;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#body_index_wrap {position:relative;width:100%;max-width:1200px;margin:0 auto;}
#body_index_wrap:after {display:block;visibility:hidden;clear:both;content:""}

#bnb_wrap {padding:12px 20px;text-align:center;background:#f6f6f6;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
#bnb_wrap a {display:inline-block;padding:0 12px;color:#666;}

#footer_wrap {position:relative;padding:40px 20px;background:#fff;}
#footer_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#footer_wrap .footer {position:relative;width:100%;max-width:1200px;margin:0 auto;}


.footer {font-size:13px;text-align:center;}
.footer .logo {margin:0 0 18px 0;}
.footer ul {font-size:0;line-height:0;}
.footer ul:after {display:block;visibility:hidden;clear:both;content:""}
.footer ul li {display:inline-block;margin:0 12px 0 0;padding:0 12px 0 0;color:#666;font-size:13px;line-height:30px;background:url(../../../img/var.gif) no-repeat right 50%;}
.footer ul li:last-child {margin:0;padding:0;background:none;}
.footer .copy {margin:12px 0 0 0;}





#index_header {padding:20px 0 40px 0;background:#f6f6f6;}
.index_header_content {width:100%;max-width:1200px;margin:0 auto;}
.index_header_content:after {display:block;visibility:hidden;clear:both;content:""}

.index_header_left {float:left;width:100%;max-width:700px;}

.search_form {position:relative;padding:0 40px 0 0;border:solid 2px #059740}
.search_form:after {display:block;visibility:hidden;clear:both;content:""}
.search_form .select {display:block;float:left;width:30%;}
.search_form .select {display:block;position:relative;width:30%;height:40px;line-height:40px;border:none;background:#fff;}
.search_form .select label {display:block;position:absolute;top:0;left:0;width:100%;padding:0;color:#666;font-weight:300;line-height:40px;text-indent:10px;}
.search_form .select label:after{position:absolute;top:0;right:0;width:38px;height:38px;padding:0;content:'';font-size:13px;color:#444;text-align:center;background:url(../../../img/board/ico-select.png) no-repeat 50% 50% #fff;}
.search_form .select select {display:block;width:100%;height:40px;opacity:0;filter:alpha(opacity=0);-ms-filter:alpha(opacity=0)/* IE 8 */;}

.search_form .input {display:block;float:left;width:70%;height:40px;text-indent:10px;line-height:40px;background:#fff;border:none}
.search_form .btn {display:block;position:absolute;right:0;top:0;width:40px;height:40px;overflow:hidden;color:#059740;font-size:20px;text-align:center;line-height:999px;background:url(../../../img/sch_btn_all.png) no-repeat 50% 50% #fff;border:none;z-index:1;}

.index_header_right {float:right;width:470px;}
.index_header_right:after {display:block;visibility:hidden;clear:both;content:""}
.index_header_right .contact {margin:0 0 18px 0;padding:0 0 0 70px;font-size:24px;background:url(../../../img/icon_talk.png) no-repeat 0 6px;}
.index_header_right .contact strong {display:block;font-family:'Lato';color:#222;font-size:30px;font-weight:900;}

.index_header_right .contact_time {padding:0 0 0 70px;background:url(../../../img/icon_clock.png) no-repeat 0 0;}


#recent_goods_wrap {position:relative;width:100%;max-width:1200px;margin:0 auto;padding:40px 0;}

.recent_goods_title {position:relative;margin:0 0 20px 0;}
.recent_goods_title h2 {display:block;padding:0 10px;color:#444;font-size:30px;font-weight:300;letter-spacing:-1px;}
.recent_goods_title h2 strong {font-weight:700;}
.recent_goods_title a.more {display:block;position:absolute;right:10px;top:0;padding:12px 16px;color:#444;border:solid 1px #444;}
.recent_goods_title a.more i {font-size:24px;}
.recent_goods_title a.more:hover {color:#fff;background:#444;}

.recent_goods_title h2,
.recent_goods_title a.more {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


.newp_wrap {padding:40px 0 ;background:#f6f6f6;border-bottom:solid 1px #ddd;}
.newp_recent {position:relative;width:100%;max-width:1180px;min-height:200px;margin:0 auto;padding:0 0 0 240px;}
.newp_recent:after {display:block;visibility:hidden;clear:both;content:""}
.newp_recent .newp_title {position:absolute;left:0;top:0;}
.newp_recent .newp_title:after {display:block;visibility:hidden;clear:both;content:""}
.newp_recent .newp_title h2 {display:block;margin:0 0 12px 0;color:#222;font-size:24px;font-weight:300;}
.newp_recent .newp_title h2 strong {font-weight:500;}
.newp_recent .newp_title p {margin:0 0 24px 0;color:#444;font-size:16px;}
.newp_recent .newp_title a.btn {display:block;width:160px;color:#444;line-height:40px;background:#fff;border:solid 1px #ddd;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.newp_recent .newp_title a.btn i {color:#444;}
.newp_recent .newp_title a.btn:hover {color:#fff;background:#444;}
.newp_recent .newp_title a.btn:hover i {color:#fff;}


#kind_wrap {margin:0 0 60px 0;padding:60px 0;border-bottom:solid 1px #ddd;}
.kind_box {width:100%;max-width:1200px;margin:0 auto;}
.kind_box ul {margin:5px;}
.kind_box ul:after {display:block;visibility:hidden;clear:both;content:""}
.kind_box ul li {display:block;float:left;width:16.66%;padding:5px;}
.kind_box ul li .box_label {position:relative;height:200px;padding:15px 10px;background:#04973f}
.kind_box ul li .box_label strong {display:block;margin:0 0 4px 0;color:#fff;font-size:22px;font-weight:500;letter-spacing:-1px;}
.kind_box ul li .box_label p {color:#fff;font-size:16px;line-height:20px;}
.kind_box ul li .box_label p span {display:block;}
.kind_box ul li .box_label .btn {position:absolute;left:0;bottom:20px;width:100%;}
.kind_box ul li .box_label a {display:block;color:#fff;text-align:center;line-height:38px;border:solid 1px #fff;}
.kind_box ul li .box_label a i {color:#fff;font-size:24px;}

.kind_box ul li .box {position:relative;height:200px;background:#fff;border:solid 3px #04973f}
.kind_box ul li .box img {width:100%;height:auto;}
.kind_box ul li .box .label {display:block;position:absolute;left:0;bottom:0;width:100%;overflow:hidden;color:#fff;text-align:center;line-height:40px;white-space:nowrap;background:#04973f;
text-overflow:ellipsis;  /* IE, Safari */
-o-text-overflow:ellipsis;  /* Opera under 10.7 */
-moz-binding: url('ellipsis.xml#ellipsis');
}


#recent_wrap {position:relative;width:100%;max-width:1200px;margin:0 auto;padding:40px 0;}

.recent_mov {position:relative;margin:0 0 40px 0;}
.recent_mov h2 {display:block;padding:0 10px;color:#444;font-size:24px;font-weight:300;letter-spacing:-1px;}
.recent_mov h2 strong {font-weight:700;}
.recent_mov h2 .sub {display:block;color:#666;font-size:16px;font-weight:300;}
.recent_mov a.more {display:block;position:absolute;right:10px;top:0;padding:12px 16px;color:#444;border:solid 1px #444;}
.recent_mov a.more i {font-size:24px;}
.recent_mov a.more:hover {color:#fff;background:#444;}

.recent_mov h2,
.recent_mov h2 .sub,
.recent_mov a.more {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


#recent_wrap ul {}
#recent_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
#recent_wrap ul li {display:block;float:left;width:33.33%;padding:10px;}
#recent_wrap ul li .banner {display:block;margin:8px 0 0 0;padding:16px 20px;background:url(../../../img/bg_banner.jpg) no-repeat right 50%;border:solid 1px #ddd;}
#recent_wrap ul li .banner strong {display:block;color:#444;font-family:'Lato';font-size:18px;font-weight:900;}
#recent_wrap ul li .banner p {color:#666;}


#customer_wrap {padding:40px 0;background:#444;}
.customer_box {position:relative;width:100%;max-width:1200px;margin:0 auto;color:#fff;}
.customer_box:after {display:block;visibility:hidden;clear:both;content:""}
.customer_box .left,
.customer_box .mid,
.customer_box .consult_form {display:block;position:relative;float:left;}
.customer_box .left {width:30%;}
.customer_box .mid {width:30%;}
.customer_box .consult_form {width:40%;}
.customer_box h2 {display:block;margin:0 0 18px 0;font-family:'Lato';color:#fff;font-size:24px;font-weight:300;}
.customer_box h2 strong {font-weight:700;}
.customer_box .var {display:block;margin:0 0 18px 0;width:20px;height:1px;background:#ccc;}
.customer_box .account,
.customer_box .tel {margin:0;font-family:'Lato';color:#fff;font-size:36px;font-weight:700;}
.customer_box .mail {margin:0 0 18px 0;font-family:'Lato';color:#999;font-size:30px;font-weight:300;}
.customer_box p {line-height:24px;}
.customer_box .mid p {font-size:18px;}
.customer_box .bank {margin:0 0 12px 0;}

.consult_form {}
.consult_form .frm_input {border:none;}
.consult_form ul {}
.consult_form ul li {display:block;margin:0 0 10px 0;}
.consult_form ul li textarea {display:block;width:100%;height:100px;padding:10px;border:none;}
.consult_form .consult_chk {height:30px;}
.consult_form .consult_btn {display:block;width:100%;height:40px;color:#fff;text-align:center;line-height:40px;background:#222;border:none;}


.customer_box .left,
.customer_box .mid,
.customer_box .consult_form,
.customer_box h2,
.customer_box .account,
.customer_box .tel,
.customer_box .mail,
.customer_box p,
.customer_box .bank {
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}







@media screen and (max-width:1280px) {
}




@media screen and (max-width:1024px) {
#container_wrap {padding:60px 0 0 0;}

.snb {width:auto;margin:0 10px;}
.snb ul li a {font-size:13px;}

#outlogin_wrap {display:none;}

#body_wrap h2.title {margin:0 0 36px 0;padding:0 10px;}

.index_header_content {width:auto;margin:0 20px;}

.index_header_left {float:none;max-width:100%;margin:0 0 30px 0;}

.index_header_right {float:none;width:100%;}
.index_header_right .left {float:left;width:50%;}
.index_header_right .right {float:left;width:50%;padding:10px 20px;}

.index_header_right .contact {margin:0 0 18px 0;padding:0 0 0 70px;font-size:18px;}
.index_header_right .contact strong {font-size:24px;}

.index_header_right .contact_time {padding:0 0 0 70px;}



#recent_goods_wrap {width:auto;margin:0 10px;}

.kind_box ul {margin:5px 15px;}
.kind_box ul li {width:25%;}

.newp_recent {width:auto;margin:0 20px;padding:0 0 0 240px;}

#recent_wrap {width:auto;margin:0 10px 40px 10px;}
#recent_wrap ul li {width:50%;margin:0 0 30px 0;}
#recent_wrap ul li:nth-child(2) {margin:0 0 30px 0;}
#recent_wrap ul li:last-child {width:100%;}

.customer_box {width:auto;margin:0 20px;}
.customer_box .left {width:50%;}
.customer_box .mid {width:50%;}
.customer_box .consult_form {width:100%;margin:20px 0 0 0;}
}





@media screen and (max-width:768px) {
#viz_cell {height:300px;}
#viz_cell h2 {margin:70px 0 0 0;font-size:36px;}
#viz_cell h3 {margin:12px 0 0 0;padding:0 20px;font-size:24px;}

.index_header_right .left {float:none;width:100%;}
.index_header_right .right {float:none;width:100%;padding:10px 20px;}

/* location */
#location_wrap {display:block;margin:0;}
ul.lnb li {position:static;width:50%;}
ul.lnb li a {min-width:100%;font-size:13px;line-height:40px;}
ul.lnb li:last-child a {border-right:none;}
ul.lnb li a.lnb_home {display:none;}
ul.lnb li a .arrow {margin:-18px 0 0 0;}
ul.lnb li ul {top:41px;}
ul.lnb li ul li {width:100%;}
ul.lnb li ul li a {background:#eee;border:none}
ul.lnb li ul li:last-child a {border-right:none}

.body_content {padding:0;}
.body_normal {padding:0 0 40px 0;}

.snb {display:none;}

#body_wrap h2.title {margin:0 0 30px 0;padding:8px 10px;font-size:18px;border-bottom:solid 1px #ddd;}

#bnb_wrap a {font-size:13px;}

.footer {font-size:12px;}
.footer .logo img {width:180px;height:auto;}
.footer ul li {margin:0;padding:0 12px;font-size:12px;line-height:24px;background:none;}
.footer ul li:last-child {padding:0 12px;}


#recent_goods_wrap {width:auto;margin:0 10px;}
.recent_goods_title h2 {margin:0 0 18px 0;font-size:24px;}
.recent_goods_title a.more {position:relative;left:0;right:auto;margin:0 10px;padding:8px 14px;font-size:13px;}
.recent_goods_title a.more i {font-size:18px;}

.recent_goods_title h2,
.recent_goods_title a.more {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.kind_box ul li {width:33.33%}
.kind_box ul li .box_label {height:200px;}
.kind_box ul li .box_label strong {font-size:18px;}
.kind_box ul li .box_label p {font-size:14px;line-height:18px;}
.kind_box ul li .box_label .btn a {font-size:13px;}

.kind_box ul li .box {height:200px;}
.kind_box ul li .box .label {font-size:13px;

#recent_wrap {width:auto;margin:0 10px 40px 10px;}

.recent_mov h2 {margin:0 0 18px 0;font-size:18px;}
.recent_mov h2 .sub {font-size:14px;}
.recent_mov a.more {position:relative;left:0;right:auto;margin:0 10px;padding:8px 14px;font-size:13px;}
.recent_mov a.more i {font-size:18px;}


.customer_box h2 {font-size:18px;}
.customer_box .account,
.customer_box .tel {font-size:30px;}
.customer_box .mail {font-size:24px;}
.customer_box .mid p {font-size:16px;}
.customer_box .bank img {width:100px;height:auto;}


.index_header_right .left {float:none;width:100%;}
.index_header_right .right {float:none;width:100%;padding:0;}

.newp_recent {padding:0;}
.newp_recent .newp_title {position:relative;}
.newp_recent .newp_title h2 {font-size:18px;}
.newp_recent .newp_title p {font-size:14px;}
.newp_recent .newp_title a.btn {position:absolute;right:0;top:0;width:120px;}
}





@media screen and (max-width:480px) {
#viz_cell h2 {margin:60px 0 0 0;font-size:30px;}
#viz_cell h3 {margin:10px 0 0 0;font-size:18px;}

#body_wrap h2.title {margin:0 0 24px 0;font-size:16px;}


.recent_goods_title h2 {font-size:18px;}

.kind_box ul li {width:50%}
.kind_box ul li .box_label {height:180px;}
.kind_box ul li .box {height:180px;}

.recent_mov h2 {margin:0 0 18px 0;padding:0;font-size:16px;}
.recent_mov h2 .sub {font-size:13px;}
.recent_mov a.more {position:relative;left:0;width:auto;margin:0;padding:8px 14px;font-size:13px;}
.recent_mov a.more i {font-size:18px;}

#recent_wrap {width:auto;margin:0 20px 40px 20px;}
#recent_wrap ul li {width:100%;margin:0 0 30px 0;padding:0;}
#recent_wrap ul li:nth-child(2) {margin:0 0 30px 0;}

.customer_box .left {width:100%;margin:0 0 40px 0;}
.customer_box .mid {width:100%;}
.customer_box h2 {font-size:16px;}
.customer_box .account,
.customer_box .tel {font-size:24px;}
.customer_box .mail {font-size:18px;}
.customer_box .mid p {font-size:14px;}
}