header{width:80%; margin:0 auto;}
.logo_wrap{overflow:hidden}
header h1{float:left;width:50%}
header h1 img{width:80%;padding:36px 0  20px 0;min-width:615px}
header .search{width:50%; float:right;margin-top:34px;}
header .search .search_box{float:right;width:30%;min-width:220px;border:2px solid #36b044;margin:30px 0}
header .search .search_box input{border:0;width:calc(100% - 35px);height:27px;vertical-align:middle}
header .search .search_box i{width:20px;text-align:center;color:#36b044;font-size:20px;margin:5px;vertical-align:middle}
nav{width:100%;min-height:50px}
nav .navi{float:left;width:70%; display:flex; flex-wrap:wrap}
nav .navi li{position:relative;padding:0 25px;text-align:center}
nav .navi li:first-child{padding-left:0}
nav .navi li:last-child{padding-right:0}
nav .navi li a{font-weight:700; color:#000;font-size:14px;padding:10px 0;}
nav .gnb{float:right;width:30%;text-align:right}
nav .gnb li {display:inline-block;padding:0 5px;text-align:right}
nav .gnb li a{display:inline-block;font-weight:700; color:#000;font-size:14px;}
nav .navi li ul{display:none;position:absolute;z-index:99992; background:rgba(32,45,90,0.9);padding:0; amtgin:0;width:160px;margin-top:5px}
nav .navi li ul li{padding:0;text-align:left;}
nav .navi li ul li a{display:inline-block; width:100%;color:#fff;font-size:12px;font-weight:400;padding:5px 10px}
nav .navi li ul li a:hover{background:rgba(255,255,255,0.2)}
nav .navi li:hover ul{display:block;}

/*모바일메뉴*/
.mobile-sticky {display: none; position: fixed;z-index:99999; top: 30px; right: 5%; cursor:pointer;}
#slide-menu {display: none;}
#slide-menu {background: #fff; position: fixed; top: 0; right: -100%; bottom: 0; display: block; float: right; width: 100%; height: 100%; overflow-x:hidden; overflow-y: auto; padding-bottom: 5%; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; z-index: 99999999999;}
.icon-btn.slide-close {position: absolute; margin: 17.5px 20px 0 0; top: 0; right: 0; cursor: pointer;}
.inner-sticky li {float: left;width: 33.33%; text-align: center; background: #DD3333; padding: 6px 0; list-style-type: none;}
.menu-active #slide-menu {right: 0px;}
#slide-menu .menu {padding: 20px; box-sizing:border-box;}
.m_menu_login {background:#36b044; width:100%; height:60px; line-height:60px; font-weight:300; padding-left:20px; box-sizing:border-box;}
.m_menu_login > a {color:#fff !important}
.m_menu_login i {line-height:60px; margin-right:5px; color:#fff}
.close_btn {width:25px;}
.m_menu_icon_wrap, .m_menu_icon_wrap ul {width:100%; overflow:hidden;}
.m_menu_icon_wrap ul{display:flex; flex-wrap:wrap;background:#259732;}
.m_menu_icon_wrap ul li {width:calc(100%/3); text-align:center;border-bottom:1px solid rgba(0,0,0,0.1);color:#fff;padding:15px;border-right:1px solid rgba(0,0,0,0.1)}
.m_menu_icon_wrap ul li a {display:inline-block;line-height:1.2}
.m_menu_icon_wrap ul li:nth-child(3n){border-right:0}
.m_menu_icon_wrap ul li img{height:40px; margin-bottom:10px}
.m_menu_icon_wrap ul.cs-nav{background:#f6f6f6;border-top:7px solid #ddd; border-bottom:1px solid #ddd}
.m_menu_icon_wrap ul.cs-nav li{ color:#000; border-top:1px solid #ddd; border-bottom:0}

.sp-nav{width: 100%; height: auto; overflow-y:auto;}
.m_sub_menu {width:100%;}
.m_sub_menu > li:last-child {border-bottom: none;}
.slidedown > p, .noslidedown >  p > a {padding-left: 10px; color:#666}
.sp-nav ul > li{font-size: 16px; line-height: 50px; border-bottom: 1px solid #e0e0e0; cursor:pointer;}
.sp-nav ul > li.on > ul {max-height: 1000px; transition: 1s;}
.sp-nav ul > li > ul{max-height: 0; overflow: hidden; transition: 0.2s; background: #f9f9f9;}
.sp-nav ul > li > ul li {padding-left:20px;}
.fa-angle-right {float:right; line-height: 50px; margin-right: 10px; font-size:20px !important; margin-top: 14.5px; color:#b5b5b5}

/*메인비쥬얼*/
#main_visual {width:90%; margin:0 auto;overflow:hidden; position:relative;}
.slider {width:100%; height:auto; position:relative;}
.slider_01 {width:100%; min-height:500px; height:50vh; background:url(../images/main/visual_01.jpg) no-repeat 50% 30%; background-size:cover}
.slider_02 {width:100%; min-height:500px; height:50vh; background:url(../images/main/visual_02.jpg) no-repeat 50% 50%; background-size:cover}
.slider_03 {width:100%; min-height:500px; height:50vh; background:url(../images/main/visual_03.jpg) no-repeat 50% 30%; background-size:cover}
.slider_04 {width:100%; min-height:500px; height:50vh; background:url(../images/main/visual_04.jpg) no-repeat 50% 30%; background-size:cover}
.slider_05 {width:100%; min-height:500px; height:50vh; background:url(../images/main/visual-05.jpg) no-repeat 50% 30%; background-size:cover}
.slider_06 {width:100%; min-height:500px; height:50vh; background:url(../images/main/visual-06.jpg) no-repeat 50% 30%; background-size:cover}
.slider_07 {width:100%; min-height:500px; height:50vh; background:url(../images/main/visual-07.jpg) no-repeat 50% 30%; background-size:cover}
.slider_08 {width:100%; min-height:500px; height:50vh; background:url(../images/main/visual-08.jpg) no-repeat 50% 50%; background-size:cover}
.slider_09 {width:100%; min-height:500px; height:50vh; background:url(../images/main/visual-09.jpg) no-repeat 50% 80%; background-size:cover}
.slider_10 {width:100%; min-height:500px; height:50vh; background:url(../images/main/visual-10.jpg) no-repeat 30% 50%; background-size:cover}
.slider_10 .sild_txt{text-align:right}
.slider_10 .sild_txt img{display:inline-block}
.slider_10 .sild_txt p{margin:10px 0}
.slider_10 .sild_txt span{display:inline-block; border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px; font-size:20px;}

.slider .sild_txt{position:absolute;right:80px;width:calc(100% - 450px);float:right;text-align:right;font-family:'Exo',sans-serif;text-shadow:10px 10px 10px rgba(0,0,0,.4);top:50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.slider .sild_txt p{font-size:60px;color:#fff;font-weight:700; line-height:1.2}
.slider .sild_txt .btn a{font-size:20px;display:inline-block;background:rgba(24,176,68,0.8);color:#fff;padding:0 5px}
.main_slider_top {overflow:hidden; width:90%;margin:0 auto}
.main_slider_top ul {width:100%; margin:0 auto;}
.main_slider_top ul li {float:left; width:calc(70%/4); background:#36b044; text-align:left;text-align:center;height:70px;}
.main_slider_top ul li:last-child {width:30%;margin-right:0 !important; }
.main_slider_top ul li a {color:#fff; font-size:24px; font-weight:700;display:inline-block; width:100%; height:70px;position:relative;}
.main_slider_top ul li a span{position:absolute; top:50%; left:0; width:100%; text-align:center;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);line-height:1.2}
.main_slider_wrap .bx-wrapper .bx-controls-direction a{z-index:999; width:23px; height:39px;top:55%;padding:0 10px}
.main_slider_wrap .bx-wrapper .bx-prev{left:2%; z-index:9999;background:url(../images/common/slid_prev.png)}
.main_slider_wrap .bx-wrapper .bx-next{right:2%; z-index:9999;background:url(../images/common/slid_next.png)}

.main_search_wrap {position:absolute; top:15%;left:5.5%;z overflow:hidden; ; z-index:9999;}
.main_search {width:300px;max-width:450px;}
.search_bar {width:100%; }
.search_bar > div:first-child {width:100%; overflow:hidden; padding:20px 25px; background:rgba(24,176,68,0.8)}
.search_bar > div:first-child p {color:#fff; font-size:25px; margin-bottom:10px;}
.search_bar > div:last-child {width:100%;}
.search_bar > div:last-child button {width:100%; border:none; color:#fff;background:rgba(0,0,0,0.5); padding:15px 0; font-size:18px; cursor:pointer;border-radius:7px}
.search_bar > div > select {width:100%; padding:10px 15px; font-family: inherit; background:#fff; border-radius: 7px; border:0;font-weight:normal; box-sizing:border-box; margin:5px 0; font-size:18px;font-weight:700;background:#fff url(../images/main/ico_down.jpg) no-repeat 95% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/*주요 제품*/
#main02 {width:90%;margin:0 auto; overflow:hidden; position:relative; padding:50px 0; }
.main_contents_wrap2 {width:100%; margin:0 auto; }
.main_contents_wrap2 h2 {font-size:35px;}
.main_pd2 {text-align:center;}
.main_pd2 > p:first-child {color:#fff}
.slick-prev, .slick-list {float:left}
.slick-prev, .slick-next{width:45px; height: 45px; margin-top: 10%; background:none; border:none; cursor:pointer; }
.slick-prev {margin-right: 10px;}
.slick-next {float:right; margin-left: 10px;}
.slick-list {width:calc(100% - 110px );}
.autoplay {margin-top:30px; padding:0 90px;}
.autoplay p {text-align: left; }
.autoplay .bx-wrapper {width:100% !important;max-width:100% !important;}
.main_product02 a {color:#000 !important; font-weight:500;text-align:left}
.main_product02 a img{width:100%;border:1px solid #ddd}
.main_product02 a br{display:none}
.main_product02 a:hover {color:#000 !important}
.main_p_name {height:48px !important; overflow:hidden;}
.main_product02 p img{display:inline}

footer{border-top:1px solid #ddd}
.cs_wrap{width:80%;margin:0 auto;border-bottom:1px solid #ddd;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;}
.cs_wrap .tel{width:290px;font-size:40px;font-weight:700;vertical-align:middle;padding:20px 0}
.cs_wrap .tel i{background:#36b044; color:#fff; width:40px; height:40px;border-radius:50px;text-align:center;font-size:20px;padding-top:10px;vertical-align:middle}
.cs_wrap .time{width:360px;color:#888; font-weight:500;font-size:14px;padding:30px}
.cs_wrap .time hr{display:inline-block;width:1px; height:11px; border:0px; background:#ddd;margin:0 5px}
.cs_wrap .btn{width:280px;padding:30px}
.cs_wrap .btn a{display:inline-block; border:1px solid #ddd; color:#555; padding:8px 20px;font-size:14px;font-weight:600}
.cs_wrap .social{width:calc(100% - 930px);text-align:right;padding:30px 0;}
.cs_wrap .social a{display:inline-block; padding:0 10px}
.footer_nav{display:flex;flex-wrap:wrap;width:80%; margin:30px auto}
.footer_nav dl{width:33.3%}
.footer_nav dt{font-size:15px; font-weight:700;margin-bottom:10px;color:#222}
.footer_nav dd{font-size:12px;font-family:dotum;margin-bottom:5px;color:#555}

.copyright{background:#f6f6f6; padding:40px 0; width:100%}
.copyright .con{width:80%; margin:0 auto;color:#888; font-size:11px; font-family:dotum;line-height:170%}

.btn-box{width:100%; background:#36b044; border-radius:50px; margin-top:50px; font-size:20px; color:#fff;font-weight:bold;overflow:hidden}
.btn-box a{display:inline-block; width:100%;padding:10px 0;transition: all .2s ease-in-out;}
.btn-box a:hover{background:#207f2b}
.btn-box span{font-size:40px; vertical-align:middle;margin-right:10px}

.main-his{background:#202d5a;color:#fff;padding:20px;text-align:center;font-size:30px; color:#52ec67;font-weight:600 }
.main-his img{width:450px; max-width:50%; vertical-align:bottom}

@media(max-width:1000px){
.main-his{font-size:20px;padding:15px 20px;}
}

@media(max-width:768px){
.main-his{font-size:15px;padding:10px 20px;}
}