/*------------------------------------
	메인
------------------------------------*/

.list-unstyled.top-e1-data{ display:none; }

.Main .basic-bs .basic-bs-main{ padding:0; position:inherit; }
.Main .navbar.fixed{position:relative;}


/* 메인 랩 */
.main_content{ margin:0 ; padding:0;  }
.main_content:after{ content:""; display:block; clear:both; }
.main_content .container{ padding-right:0; padding-left:0; }

body.Main .basic-bs-wrap{ width:100%; padding:0; max-width:none; overflow:hidden;}

/* 메인 비쥬얼 */
.main_visaulArea{ width:1200px; margin:100px auto 0 auto; /*height:700px;*/ background:#eee; }
.main_tab_wrap{ position:absolute; left:0; top:14%;  width:100%; height:100%; }
.main_tab_wrap .main_visul_ment{ position:relative; z-index:9; left:auto; top:0%; margin:0; opacity:0; text-align:center; -webkit-transition-duration:0.8s;  -moz-transition-duration:0.8s;  -o-transition-duration:0.8s;  -ms-transition-duration:0.8s;  transition-duration:0.8s;}


/* 메인 주요제품 */
.content_top{  }
.content_title{ margin:0 auto 11px; padding:0; text-align:center; font:400 36px/44px 'Godo','Malgun Gothic',Sans-serif; color:#333; }
.content_title > b{ display:inline-block; padding-left:10px; font-size:40px; color: #5b731b; }
.sm_title{ width:100%; display:inline-block; text-align:center; font:400 18px/18px 'Nanum Square','Malgun Gothic', Sans-serif; color:#5a5a5a; }
.sm_title b{ color:#004059}

.content_middle{ position:relative;  margin:90px 0 ; padding:0; }

/* 메인 롤링배너 */
.rolling_banner{ clear:both; position:relative; width:100%; height:auto; padding:0; margin:41px auto 0; }
.rolling_banner strong{ float:left; display:inline-block; width:15%; border-right:1px solid #ddd; font:700 14px/70px malgun gothic; color:#745c57; text-align:center;  }
.jcarousel-skin-tango { float:left; width:100%; height:auto; padding:0; }
.jcarousel-skin-tango li{ text-align:center; font:normal 11px Dotum; width:285px; margin-right:15px; }
.jcarousel-skin-tango .jcarousel-clip{ overflow:hidden; }
.jcarousel-skin-tango .jcarousel-prev-horizontal{ position:absolute; top:110px; left:-50px; padding-right:1px; width:40px; height:60px; cursor:pointer; background:#fff;  }
.jcarousel-skin-tango .jcarousel-prev-horizontal:after{ content:url(/img/prev_left.png); }
.jcarousel-skin-tango .jcarousel-prev-horizontal:before{  }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover{ background:#e9e9e9; }
.jcarousel-skin-tango .jcarousel-next-horizontal{ position:absolute; top:110px; right:-50px; padding-left:1px; width:40px; height:60px; cursor:pointer; background:#fff;  }
.jcarousel-skin-tango .jcarousel-next-horizontal:after{ content:url(/img/next_right.png);  }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover{ background:#e9e9e9;  }

.jcarousel-skin-tango .jcarousel-prev-horizontal, .jcarousel-skin-tango .jcarousel-next-horizontal{ -webkit-transition-duration:0.9s; -moz-transition-duration:0.9s; -o-transition-duration:0.9s; -ms-transition-duration:0.9s; transition-duration:0.9s; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:after, .jcarousel-skin-tango .jcarousel-next-horizontal:after{ -webkit-transition-duration:0.9s; -moz-transition-duration:0.9s; -o-transition-duration:0.9s; -ms-transition-duration:0.9s; transition-duration:0.9s; }


/* 메인주요제품 배너 */
.main_goods_wrap{ position:relative; width:100%; margin:0 0 25px 0; cursor:pointer;}
.main_goods_wrap:hover dd h3:after{ height:2px; content:''; background:#283891; margin:15px auto 10px; }
.main_goods_wrap dt{ position:relative; overflow:hidden; position:relative; width:100%;  height:270px; margin:0 auto; }
.main_goods_wrap dt{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }
.main_goods_wrap:hover dt{ border-color:#ddd; }
.main_goods_wrap dt:before{ -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }
.main_goods_wrap:hover dt:before{ background:#7e7e7e; }
/* .main_goods_wrap dt:after{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.main_goods_wrap:hover dt:after{ position:absolute; left:0%; top:0; content:''; width:100%; height:100%; background:url(/img/black_10.png) repeat left top; } */
.main_goods_wrap dt > img{ width:auto; margin:35px auto 0; }
.main_goods_wrap dd{ width:100%; }
.main_goods_wrap dd h3{ padding-top:28px; font:600 22px/20px 'Verdana',Sans-serif; color:#18239e; }
.main_goods_wrap dd h3:after{ margin:16px auto 10px; display:block; width:70px; height:1px; content:''; background:#666; }
.main_goods_wrap dd p{ font:normal 13px/20px 'Malgun Gothic',Sans-serif; color:#555; letter-spacing:-0.5px; }
.main_goods_wrap dd a{ display:inline-block; min-width:100px; margin:10px 0 0 0; padding:6px 10% 3px 10%; border:1px solid #3398ff;  font-size:13px; color:#3398ff;}
.main_goods_wrap dd a:hover{ background:#3398ff; color:#fff; }
.main_goods_wrap dd a:after{ content:'+'; margin-left:5px; font-size:15px;}


/*부트스트랩 초기화*/
 .news .carousel-inner > .item{ display:block;  } 


/*하단 컨텐츠*/
.bottom_content{ clear:both; display:block; position:relative; width:100%; height:100%; min-height:350px; padding:80px 0 ;}
.bottom_content li { float:left; display:block;   position:relative;width:31.25%;  height:180px; margin-right:3%; overflow:hidden; cursor:pointer; }
.bottom_content li:hover dt{ background:url(/img/black_40.png); } 
.bottom_content li:last-child{  margin-right:0%; }
.bottom_content li dt{ position:absolute; z-index:5; width:100%; padding:15px 20px; box-sizing:border-box; background:url(/img/black_20.png);}
.bottom_content li dt:after{ position:absolute; top:10px; right:20px; content:'+'; color:#fff; font-size:45px; }
.bottom_content li dt strong{ display:block; font:600 25px/25px 'Nanum Square','Malgun Gothic', Sans-serif; color:#fff;  }
.bottom_content li dt span{ display:block; padding:10px 0 0 0;font:400 16px/16px 'Nanum Square','Malgun Gothic', Sans-serif; color:#fff; }
.bottom_content li dd{ display:block; height:100%;  overflow:hidden; }
.bottom_content li dd img{ width:100%;}
.bottom_content li.notice_board dt{ padding:0px 0px; background:none;  color:#3c3c3c;}
.bottom_content li.notice_board dt:after{ top:-5px; color:#3c3c3c;  }
.bottom_content li.notice_board dt strong{ line-height:51px ; color:#3c3c3c;}
.bottom_content li.notice_board dd{ height:180px;padding-top:60px; }

.bottom_content li.notice_board dd .main_notice_name{float:left; width:70%; font:normal 12px/22px Dotum; color:#333; overflow:hidden;}
.bottom_content li.notice_board dd .main_notice_name:hover a{ border-bottom:1px solid #333;}
.bottom_content li.notice_board dd > .carousel-inner>.item{ display:block;}

/* ############### ############### ############### ###############  태블릿 반응형############### ############### ###############  ############### */
@media (max-width:1200px) {



}

/* ########################################################################### 모바일 반응형 ########################################################################### */
@media (max-width:999px) {

.main_visaulArea{ width:100%;  margin:53px auto 0 auto; height:auto; }
.main_tab_wrap{ height:auto;}

.content_middle{ margin:40px 0 ; }
.content_title{ font-size:25px; line-height:30px;}
.sm_title{  font:400 15px/15px 'Nanum Square','Malgun Gothic', Sans-serif; }

/*-----------------------------------
	메인 주요제품
------------------------------------*/

/* 메인 롤링배너 */
.rolling_banner{ clear:both; position:relative; width:100%; height:auto; padding:0; margin:41px auto 0; }
.rolling_banner strong{ float:left; display:inline-block; width:15%; border-right:1px solid #ddd; font:700 14px/70px malgun gothic; color:#745c57; text-align:center;  }
.jcarousel-skin-tango { float:left; width:100%; height:auto; padding:0; }
.jcarousel-skin-tango li{ text-align:center; font:normal 11px Dotum; min-width:320px; width:auto; margin:0 auto; }
.jcarousel-skin-tango .jcarousel-clip{ overflow:hidden; }
.jcarousel-skin-tango .jcarousel-prev-horizontal{ top:130px; left:10px; padding-right:0px; width:21px; height:30px;  }
.jcarousel-skin-tango .jcarousel-next-horizontal{ top:130px; right:0; padding-left:0px; width:21px; height:30px;   }
.jcarousel-skin-tango .jcarousel-prev-horizontal:after{ content:url(/img/prev_left_m.png); }
.jcarousel-skin-tango .jcarousel-next-horizontal:after{ content:url(/img/next_right_m.png); }

/* 메인주요제품 배너 */
.main_goods_wrap{ position:relative; width:100%; margin:0 0 0 10%; cursor:pointer;  }
.main_goods_wrap:hover dd h3:after{ height:2px; content:''; margin:15px auto 10px; }
.main_goods_wrap dt{ position:relative; overflow:hidden; position:relative; width:100%;  height:200px; margin:0 auto; text-align:center;}
.main_goods_wrap dt > img{ width:auto; height:80%; margin:15px auto 0;}
.main_goods_wrap dd{ width:100%;  }
.main_goods_wrap dd h3{ padding-top:28px; font:600 18px/20px 'Verdana',Sans-serif; color:#18239e; }
.main_goods_wrap dd h3:after{ margin:16px auto 10px; display:block; width:70px; height:1px; content:''; background:#666; }
.main_goods_wrap dd p{ font:normal 13px/20px 'Malgun Gothic',Sans-serif; color:#555; letter-spacing:-0.5px; }
.main_goods_wrap dd a{ min-width:100px; margin:5px 0 0 0; padding:6px 6% 3px 6%;  font-size:13px; }


/*하단 컨텐츠*/
.bottom_content{ width:100%; height:100%; min-height:350px; padding:50px 0 ;}
.bottom_content li { float:none;  width:95%;  height:180px; margin:0 auto 15px auto;}


}





/* ######## 모바일 가로 모드 ############ */
@media(orientation:landscape) { 

}
