@font-face {
    font-family: 'Nanum Square';
    src: url('/css/fonts/nanumsquarer.eot');
    src: url('/css/fonts/nanumsquarer.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/nanumsquarer.woff2') format('woff2'),
         /* url('/css/fonts/nanumsquarer.woff') format('woff'),
         url('/css/fonts/nanumsquarer.ttf') format('truetype'), */
         url('/css/fonts/nanumsquarer.svg#nanumsquarerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Godo';
	 font-style:normal;
    font-weight: 400;
    src: url('/css/fonts/GodoM.woff2') format('woff2');
}
@font-face {
    font-family: 'Godo';
	font-style:normal;
    font-weight: 700;
    src: url('/css/fonts/GodoM.woff') format('woff');
}


/* Center Wrap*/
.center_wrap{ position:relative; width:1200px; margin:0 auto; }

/*------------------------------------
	메인
------------------------------------*/
.Main .basic-bs .basic-bs-main{ padding:0; position:inherit; }
.Main .basic-bs.basic-bs-wrap.container.content{ background:none; }
.Main .navbar.fixed{position:relative;}

.Main .basic-bs-body{  }

/* 메인 랩 */
.main_content{ overflow:hidden; background:#fff; }
.main_content:after{ content:""; display:block; clear:both; }

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

/*------------------------------------
	메인비주얼
------------------------------------*/
.main_visaulArea{ float:left; position:relative; width:100%; height:656px; background:#eee/*url("/img/main_visual_1.jpg") no-repeat scroll center top*/; border:1px solid #dee3eb; }


/* 메인비주얼 텍스트 */
.visual_text{ position:relative; width:100%; max-width:1200px; margin:0 auto; }
.visual_text p{ position:absolute; top:190px; left:0; }
.visual_text p.visual_text1_p{ padding:43px 47px 38px; left:50%; margin-left:-282px; background:rgba(0,0,0,0.3); border:5px solid rgba(255,255,255,0.4); }
.visual_text2 p{ top:239px; }
.visual_text img{ }
.visual_text2 p.visual_text1_p{ display:none; }

/*------------------------------------
	메인 컨텐츠
------------------------------------*/
/* 메인 컨텐츠 */
.content_wrap{ padding:0; }
.content_wrap .container{ max-width:100%; padding:0; }

.content_middle{ position:relative; margin:75px auto 60px auto; padding:0; }
.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}


/* 메인 롤링배너 */
.rolling_banner{ clear:both; position:relative; overflow:hidden; width:100%; height:402.5px; padding:0; margin:20px 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 { width:100%; max-width:1100px; margin:0 auto; height:auto; padding:0; }
.jcarousel-skin-tango li{ text-align:center; font:normal 11px Dotum; width:275px; }
.jcarousel-skin-tango .jcarousel-clip{ overflow:hidden; }
.jcarousel-skin-tango .jcarousel-prev-horizontal{ position:absolute; top:110px; left:-50px; padding-right:1px; width:42px; height:42px; cursor:pointer; background:#fff;  }
.jcarousel-skin-tango .jcarousel-prev-horizontal:after{ content:url(/img/prev_left.jpg); }
.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:42px; height:42px; cursor:pointer; background:#fff;  }
.jcarousel-skin-tango .jcarousel-next-horizontal:after{ content:url(/img/next_right.jpg);  }
.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.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:after, .jcarousel-skin-tango .jcarousel-next-horizontal: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{ position:relative; width:100%; margin:0 0 25px 0; cursor:pointer;}
.main_goods_wrap:hover dd h3:after{ height:2px; content:''; background:##c20035; margin:15px auto 10px; }
.main_goods_wrap dt{ position:relative; overflow:hidden; position:relative; width:100%;  height:260px; 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:hov	23er 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:500 16px/20px 'Nanum Square',Malgungothic; color:#333; }
.main_goods_wrap dd h3:after{ margin:16px auto 10px; display:block; width:70px; height:1px; content:''; background:#c20035; }
.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:5px 10% 4px 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;}



/*------------------------------------
	하단 컨텐츠
------------------------------------*/
.content_bottom{ clear:both;  width:100%; max-width:1230px; padding:0px 15px 0; overflow:hidden; margin:0 auto 75px; }
.content_bottom ul{ display:block; width:100%; margin:0 auto;}
.content_bottom li{ display:inline-block; position:relative; float:left;  height:232px; padding:34px; box-sizing:border-box; color:#fff;}
.content_bottom li:first-child,
.content_bottom li:nth-child(2),
.content_bottom li:nth-child(4),
.content_bottom li:nth-child(5),
.content_bottom li:nth-child(6),
.content_bottom li:last-child{ width:25%;}

.content_bottom li:first-child{background:#e97c3b}
.content_bottom li:nth-child(2){background:url(/img/li_2_bg.jpg) no-repeat center;}
.content_bottom li:nth-child(3){ width:50%; background:#8b8b8b; }
.content_bottom li:nth-child(4){background:url(/img/li_4_bg.jpg) no-repeat center;}
.content_bottom li:nth-child(5){background:#3e4a60}
.content_bottom li:nth-child(6){background:url(/img/li_6_bg.jpg) no-repeat center;}
.content_bottom li:last-child{ background:#1b3b6c}

.content_bottom li dt{ display:block; font-size:23px; font-weight:400; font-family:'Noto Sans KR'; }
.content_bottom li dt a{ float:right; color:#fff; font-size:35px; line-height:33px;}
.content_bottom li dd{ display:block; padding:10px 0 0 0; font-size:13px; font-family:'Noto Sans KR'; font-weight:300; color:rgba(255,255,255,0.9); }
.content_bottom li a.go_btn{ display:inline-block; position:absolute; right:34px; bottom:34px; color:rgba(255,255,255,0.8); border:1px solid rgba(255,255,255,0.7); padding:3px 8px 5px 8px; min-width:128px; box-sizing:border-box; }
.content_bottom li a.go_btn:after{ content:'+'; position:absolute; top:2px; right:8px; }
.content_bottom li a.go_btn:hover{background:url(/img/black_20.png);}







/* 1199px 반응형 */

@media (max-width:1200px) {
.content_top_wrap{ overflow:hidden; }

/* Center Wrap*/
.center_wrap{ width:100%; min-width:320px; }

/*메인비주얼*/
.main_visaulArea{ float:none; width:100%; height:500px; }
.content_wrap { padding:0; }
.visual_text p { max-width:500px; }
.visual_text p.visual_text1_p { margin-left:-250px; top:128px; }
.visual_text2 p{ left:15px; top:171px; max-width:400px; }
.visual_text p img{ width:auto; max-width:100%; }


.content_middle{width:100%; margin:50px auto 40px; }

.content_bottom ul{ width:100%; margin:0 auto;}
.content_bottom li:nth-child(2),
.content_bottom li:nth-child(4),
.content_bottom li:nth-child(6) { display:none;}


.content_bottom li:first-child,
.content_bottom li:nth-child(3),
.content_bottom li:nth-child(4),
.content_bottom li:nth-child(5),
.content_bottom li:last-child{ width:50%;}

.rolling_banner{ }
.jcarousel-skin-tango .jcarousel-next-horizontal{ right:0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal{ left:0; }

}



/* 999px 반응형 */

@media (max-width:999px) {

.content_wrap .container{ padding:0; }
.content_top_wrap{ padding:0; }

/*메인비주얼*/
.main_visaulArea{ width:100%; height:350px; margin-bottom:0; border-width:0; }
.visual_text{ width:100%;}
.visual_text p{ max-width:300px; }
.visual_text p.visual_text1_p{ margin-left:-150px; padding:22px 27px 18px; top:108px; border-width:2px; }
.visual_text2 p{ display:none; top:115px; }
.visual_text p img{ }
.visual_text p.visual_text1_p{ display:block; }
.content_title{ font-size:22px; line-height:30px; }
.sm_title{ font-size:12px; }

/* 메인 롤링배너 */
.rolling_banner{ clear:both; position:relative; height:368px; padding:0; margin:0 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:500px; padding:0; }
.jcarousel-skin-tango li{ text-align:center; width:330px; margin:0 15px; font:normal 11px Dotum; }
.jcarousel-skin-tango .jcarousel-clip{ overflow:hidden; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:after{ content:url(/img/prev_left.jpg); }
.jcarousel-skin-tango .jcarousel-next-horizontal:after{ content:url(/img/next_right.jpg);  }
.jcarousel-skin-tango .jcarousel-prev-horizontal{ left:0px; }
.jcarousel-skin-tango .jcarousel-next-horizontal{right:0px; }

.main_goods_wrap dd h3{ padding-top:15px; font-size:14px; }
.main_goods_wrap dd h3:after{ margin:12px auto 6px; }
.main_goods_wrap dd a{ margin-top:10px; padding:3px 10% 2px 10%; font-size:12px; }

.content_bottom{ padding:0; margin:0; }
.content_bottom li{ padding:20px 15px; height:auto; text-align:center; }
.content_bottom li dt{ font-size:16px; }
.content_bottom li dt a{ display:none; font-size:18px; line-height:23px;}
.content_bottom li dd{ font-size:12px; line-height:18px; }
.content_bottom li:first-child, .content_bottom li:nth-child(3), .content_bottom li:nth-child(4), .content_bottom li:nth-child(5), .content_bottom li:last-child{ width:100%; float:none; }
.content_bottom li a.go_btn{ margin-top:16px; position:relative; right:auto; bottom:auto; min-width:100px; padding:0px 8px 1px 8px; font-size:12px; text-align:left; }
.content_bottom li a.go_btn:after{ top:-1px; }

}

@media (max-width:600px) {

.main_visaulArea{ height:300px; }
.flexslider .slides > li:nth-child(2){ /* background-position:81% center !important; */ }
.visual_text p.visual_text1_p{ top:78px; }
.visual_text2 p{ display:none; }

}