@charset 'utf-8';
@import "base.css";


/* Main */
#main{padding-top:90px;}
.mainCon{position:relative;}
.mainCon h3{text-align:center;text-indent:5px;letter-spacing:5px;text-transform:uppercase;font-family:"YiSunShinDotume";font-weight:700;font-size:32px;color:#3c3c3c;line-height:100%;padding-bottom:15px;}
.mainCon .slick-slide img{max-width:100%;display:inline-block;}
.mainCon .slide_img{text-align:center;}
.mainCon .slick-arrow{position:absolute;bottom:52px;font-size:0;line-height:0;letter-spacing:-1000em;text-indent:-1000em;width:61px;height:61px;border:0;cursor:pointer;z-index:1;}
.mainCon .slick-prev{background:url(/img/main/main_arrow_prev.png) no-repeat left center;left:50%;margin-left:-89.5px;border:1px solid #fff;border-right:0;}
.mainCon .slick-next{background:url(/img/main/main_arrow_next.png) no-repeat left center;left:50%;margin-left:29.5px;border:1px solid #fff;border-left:0;}
.mainCon .slick-dots{position:absolute;right:4.3%;bottom:73px;}
.mainCon .slick-dots li{display:inline-block;margin-left:5px;font-size:0;letter-spacing:-1000em;text-indent:-1000em;line-height:0;vertical-align:top;}
.mainCon .slick-dots li button{width:15px;height:15px;background:#fff;border-radius:50%;border:0;cursor:pointer;box-sizing:border-box;border:1px solid #141a98;}
.mainCon .slick-dots li.slick-active button{width:29px;background:#273783;border:0;border-radius:30px;}
.link_view{position:absolute;left:50%;bottom:65px;transform:translateX(-50%);}
.link_view a{width:168px;height:52px;display:inline-block;background:#2e3b83;border-radius:30px;color:#fff;font-size:16px;line-height:52px;}

/*table*/
.verticalTable{text-align:center;border-top:2px solid #294736;letter-spacing:-0.02em;color:#333;}
.verticalTable table{width:100%;}
.verticalTable tr th{font-size:18px;border-bottom:1px solid #cecece;border-right:1px solid #cecece;padding:11px 0;background:#f5f5f5;}
.verticalTable tr td{font-size:16px;border-bottom:1px solid #cecece;border-right:1px solid #cecece;padding:13px 0;}
.verticalTable tr th:last-child,.verticalTable tr td:last-child{border-right:0;}

/*tabDesign*/
.tabDesign{margin-bottom:59px;}
.tabDesign ul:after{display:block;clear:both;content:'';}
.tabDesign ul li{float:left;margin-left:-1px;margin-top:-1px;font-size:16px;text-align:center;border:1px solid #ddd;color:#999;}
.tabDesign ul li.active{z-index:4;}
.tabDesign ul li.active {background:#0e4a29;color:#fff;border:1px solid #0e4a29;}
.tabDesign ul li{}
.tabDesign ul li a{display:block;padding:10px 0 9px;}
.tabDesign.tabDesign02 ul li{width:calc(50% + 0.5px);} 
.tabDesign.tabDesign03 ul li{width:calc(33.333% + 1px);}

/* 인사말 */
.greeting .greetingWrap{position:relative;letter-spacing:-0.02em;color:#333;;background:url(/img/introduce/greeting_bg.jpg)no-repeat center top;padding: 73px 0 0 55px;}
.greeting .greetingBox{width:769px;border:1px solid #e9e8e8;background:url(/img/introduce/greeting_cont_bg.png)no-repeat center top;padding:78px 101px 75px 94px;box-shadow:6px 10px 10px #bbb;word-break:keep-all;}
.greeting .greetingBox h4{font-size:30px;font-weight:bold;color:#1a5635;}
.greeting .greetingBox .greetingCont > p{margin-top:15px;line-height:28px;}
.greeting .greetingBox .greetingContBottom{display:flex;justify-content:space-between;align-items:center;font-size:18px;}

/*거림*/
.btn_view_img{display:none;}
.mainSlidePause{display:inline-block;position:absolute;left:50%;bottom:52px;margin-left:-29.5px;cursor:pointer;border:1px solid #fff;}
.quickList{padding:47.5px 0 35.5px;position:relative;}
.quickList:after{z-index:-2;content:'';width:100%;height:100%;background:url(/img/main/main_quick_bg.gif)no-repeat 0 0;position:absolute;left:0;top:0;}
.quickList .quickListCont{width:1360px;margin:0 auto;}
.quickList .quickListCont ul{padding-left:24px;}
.quickList .quickListCont ul:after{display:block;clear:both;content:'';}
.quickList .quickListCont ul li{width:23.5%;float:left;margin-right:2%;position:relative;}
.quickList .quickListCont ul li:after{width:300px;height:340px;background:url(/img/common/shadow_bg.png)no-repeat 0 0;content:'';z-index:-1;position:absolute;left:0;top:0;display:none;}
.quickList .quickListCont ul li:hover:after{display:block;}
.quickList .quickListCont ul li:last-child{margin-right:0;}
.productListBox{width:1490px;margin:46px auto 0;}
.productListBox h4{font-size:37px;font-weight:500;text-align:center;color:#1e3e2c;margin-bottom:20px;}
.productListBox .productList .productListCont{position:relative;display:inline-block;}
.productListBox .productList .productListCont .productListInfo{width:100%;display:flex;justify-content:space-between;align-items:center;position:absolute;left:0;bottom:9.22%;font-size:23px;color:#fff;font-weight:500;padding:0 7.2%;}
.productListBox .productList .slick-arrow{position:absolute;top:50%;font-size:0;line-height:0;letter-spacing:-1000em;text-indent:-1000em;width:30px;height:57px;border:0;cursor:pointer;z-index:1;margin-top:-28px}
.productListBox .productList .slick-prev{background:url(/img/main/product_arrow_prev.gif) no-repeat left center;left:0;}
.productListBox .productList .slick-next{background:url(/img/main/product_arrow_next.gif) no-repeat left center;right:0;}
.productListBox .productList .slick-slide{margin-right:0.33%;}
.productListBox .productList .slick-slide .imgBox img{width:100%;border:1px solid #aaa;box-sizing:border-box;}
.productListBox .slick-list{width:93.54%;margin-left: 4%;}
.productListBox .productList .productListCont:hover .productListHover{opacity:1;transform:scale(1);}
.productListBox .productList .productListCont .productListHover{width:100%;height:100%;display:table;opacity:0;position:absolute;left:0;top:0;z-index:6;transform:scale(1.1);transition:all .3s;background:rgba(0,149,68,.8);text-align:center;}
.productListBox .productList .productListCont .productListHover dl{display:table-cell;vertical-align:middle;padding:0 15px;}
.productListBox .productList .productListCont .productListHover dl dt{font-size:30px;color:#fff;}
.productListBox .productList .productListCont .productListHover .btnDetailView{width:142px;height:42px;border:1px solid rgba(255,255,255,1);margin:25px auto 0;line-height:42px;background:rgba(255,255,255,.2);color:#fff;font-size:14px;letter-spacing:0.01em;}


.tabDesignContBox{text-align:center;}
/*커뮤니티*/
#community #bo_gall #bo_sch, #community #bo_list #bo_sch{margin-top:-34px;}

/* 커뮤니티 > 납품실적 */
.tableTitle{font-size:17px;letter-spacing:-0.02em;font-weight:300;margin-bottom:10px;}
.tableTitle span{color:#26804f;}

/* layerCard */
.layerCard{position:fixed;right:13px;top:379px;z-index:99;}
.layerCard .imgBox{text-align:right;}
.layerCard .layerCardCont{letter-spacing:-0.02em;width:180px;padding:11px 13px 24px;border:1px solid #aaa;background:#fff;box-shadow:3px 3px 5px #ccc;border-radius:3px;}
.layerCard .layerCardCont .imgBox{text-align:left;}
.layerCard .layerCardCont dl dt{color:#000;font-size:21px;font-weight:bold;margin:27px 0 12px;font-family:"NanumMyeongjo";}
.layerCard .layerCardCont dl dt span{font-size:14px;color:#666;font-weight:300;font-family:'Noto Sans KR';}
.layerCard .layerCardCont dl dd{color:#333;font-size:14px;}
.layerCard .layerCardCont dl dd img{vertical-align:middle;}

@media screen and (max-width:1490px) {
/*common*/
img{max-width:100%;}

/* Main */
.mainCon .slick-next{right:20px;}
.productListBox{width:100%;padding:0 20px;box-sizing:border-box;}
.productListBox .quickListCont{width:100%;padding:0 20px;box-sizing:border-box;}
.productListBox .productList .productListCont .productListInfo{font-size:16px;}
.productListBox .productList .productListCont .productListInfo img{width:20px;}
.productListBox .productList .productListCont .productListHover dl dt{font-size:24px;}
.quickList .quickListCont ul li:after{max-width:286px;max-height:340px;width:100%;height:100%;background-size:100% 100%;} 

/* 인사말 */
.greeting .greetingBox{width:90%;left:5%;top:50px;background-size:cover;}
.greeting img{max-width:100%;}
}

@media screen and (max-width:1360px) {
.quickList .quickListCont{width:100%;}
.quickList .quickListCont{padding:0 32px;}
.quickList .quickListCont ul{padding-left:0;}
}

@media screen and (max-width:1240px) {
.productListBox .slick-list{width:85%;margin-left: 8%;}
}

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

/* Main */
.scroll_down{display:none;}
.mainSlidePause img{width:40px;height:40px;}
.mainCon .slick-arrow{width:42px;height:42px;background-size:100%;}
.mainCon .slick-next{margin-left:12px;}
.mainCon .slick-prev{margin-left:-71px;}


/* 인사말 */
.greeting .greetingBox {padding: 39px 50px 37px 47px;}
.greeting .greetingBox .greetingContBottom{display:block;}
.greeting .greetingBox .greetingContBottom strong{display:block;margin-bottom:10px;}
}

@media screen and (max-width:1000px) {
/* Main */
.productListBox .productList .productListCont .productListHover dl dt{font-size:18px;}
.productListBox .productList .productListCont .productListHover .btnDetailView{width:100px;height:30px;line-height:30px;font-size:12px;margin:15px auto 0;}
.productListBox .productList .slick-arrow{width:25px;height:45px;background-size:100% 100%;}

/*tabDesign*/
.tabDesign ul li{font-size:12px;}
}

@media screen and (max-width:900px) {
.productListBox .productList .productListCont .productListInfo{font-size:12px;}
}

@media screen and (max-width:767px) {
.btn_view_img{display:block;}
/* Main */
#main{padding-top:70px;}
.quickList{background:#f1fcf6;padding:30px 0 12px;}
.quickList .quickListCont{padding:0 5px 0 16px;}
.quickList .quickListCont ul li{width:49%;margin-bottom:3px;text-align:center;}
.quickList .quickListCont ul li:nth-child(2n){margin-right:0;}
.quickList .quickListCont ul li:hover:after{display:none;}
.productListBox{margin:23px auto 0;padding:0 16px;}
.productListBox h4{font-size:28px;}
.productListBox .productList .productListCont .productListInfo{font-size:12px;}
.productListBox .productList .productListCont .productListHover{display:none;}

/*table*/
.verticalTable{border-top:1px solid #294736;}
.verticalTable tr th{font-size:16px;padding:11px 0px;}
.verticalTable tr td{font-size:14px;padding:13px 0px;}
.verticalTable tr th:last-child,.verticalTable tr td:last-child{border-right:0;}

/*tabDesign*/
.tabDesign{margin-bottom:30px;}
.tabDesign ul li{height:42px;font-size:10px;display:flex;justify-content:center;align-items:center;padding:0;line-height:1.4}
.tabDesign ul li a{padding:0;}

/* layerCard */
.layerCard{display:none;}

/* 인사말 */
.greeting .greetingWrap{background:none;padding:0;}
.greeting .greetingBox{position:static;width:100%;background:none;border:0;padding:0;box-shadow:none;}
.greeting .greetingBox h4{font-size:24px;}
.greeting .greetingBox .greetingContBottom img{width:130px;}
.cont_area.espgreeting{width:100%;}
.greeting .greetingBox .greetingContBottom{font-size:16px;display:flex;}
.greeting .greetingBox .greetingContBottom strong{margin-bottom:0;}

/*커뮤니티*/
#community #bo_gall #bo_sch, #community #bo_list #bo_sch{margin-top:-28px;}

/* 커뮤니티 > 납품실적 */
.tableTitle{font-size:15px;letter-spacing:-0.02em;font-weight:300;margin-bottom:10px;}
}

@media screen and (max-width:650px) {
/* Main */
.mainCon h3{font-size:22px;background-size:30px;padding-bottom:15px;text-indent:2px;letter-spacing:2px;}
}

@media screen and (max-width:530px){
.productListBox .productList .productListCont .productListInfo{font-size:10px;}
.productListBox .productList .productListCont .productListInfo img{width:15px;}
.productListBox .productList .productListCont .productListHover dl dt{font-size:16px;}

}
@media screen and (max-width:480px){
.productListBox .slick-list{width:75%;margin:0 auto;}
.productListBox .productList .slick-slide{margin-right:0;}

/* 인사말 */
.greeting .greetingBox .greetingContBottom{display:block;}
.greeting .greetingBox .greetingContBottom strong{margin-bottom:10px;}

}