@charset "utf-8";
/*대표색상 #ef3026 */


img{max-width:100%;}

/*마진패딩*/
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}

/*공통*/
.ff_02{font-family: "Fjalla One", sans-serof;}
.sub_title{text-align: center; font-size: 26px; letter-spacing: -1px; margin-top: 50px; padding-bottom: 30px; margin-bottom: 50px; border-bottom: 1px solid #ddd;}
/*.title_ff{font-family: 'Fjalla One', sans-serof;}*/
.title_ff{font-family: 'ns', sans-serof;font-weight:bold;}
.content{padding-bottom: 50px;}
h3.sub_con_tit{background: url("../img/tit_deco.png") no-repeat left center / 15px; font-size: 26px; padding-left: 20px;}

.comm_li{overflow:hidden; }
.comm_li li {background:url("../img/dot_li.gif") no-repeat 0px 8px; font-size:14px; color:#777; padding-left:10px; line-height:1.4em}
.comment{font-size:0.8em;}

/*sub_top*/
.sub_visual{position: relative; width:100%;}
.sub_visual .sub_top1{height: 400px; background: url("../img/top_bg_01.jpg") no-repeat 50% top;}
.sub_visual .sub_top2{height: 400px; background: url("../img/top_bg_01.jpg") no-repeat 50% top;}
.sub_visual .sub_top3{height: 400px; background: url("../img/top_bg_03.jpg") no-repeat 50% top;}
.sub_visual .sub_top4{height: 400px; background: url("../img/top_bg_01.jpg") no-repeat 50% top;}
.sub_visual .sub_top5{height: 400px; background: url("../img/top_bg_01.jpg") no-repeat 50% top;}
.sub_visual .sub_top6{height: 400px; background: url("../img/top_bg_01.jpg") no-repeat 50% top;}
.sub_visual .sbutop_text{text-align: center; padding-top: 185px;}
.sub_visual .sbutop_text .text1{font-size: 60px; color: rgba(255,255,255,1); margin-bottom: 15px;}
.sub_visual .sbutop_text .text2{font-size: 18px; color: #eee;}

/*left_menu*/
#sub_cont #sidemenu .sub_title{height: 170px; background: #007fc2 url("../img/sub_tilte_bg.jpg") no-repeat bottom right; line-height: 170px; text-align: center; color: #fff; font-size: 18px; font-family:'NanumSquareB';}
#sub_cont #sidemenu .sub_left_list{background-color: #fff; border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#sub_cont #sidemenu .sub_left_list > li:last-child{border-bottom: none;}
#sub_cont #sidemenu .sub_left_list > li > a{display: block; width: 100%; height: 100%; font-size: 17.5px;font-weight:bold}
#sub_cont #sidemenu .sub_left_list .sub_left_menu_01{line-height: 55px; border-bottom: 1px solid #ddd; text-indent: 20px;}

#sub_cont #sidemenu .sub_left_list .sub_left_menu_01 > a:hover{color: #ef3026}
#sub_cont #sidemenu .sub_left_list .side_menu_02{display: none;  background: #f8f8f8; padding: 10px 0;}
#sub_cont #sidemenu .sub_left_list .on{display:block; color: #ef3026}
#sub_cont #sidemenu .sub_left_list .side_menu_02 > li > a{display: block; color: #fff; color: #000; text-indent: 30px; letter-spacing: -0.5px; font-size: 14.5px; line-height: 36px; background: url("../img/t_dot.jpg") no-repeat 20px center / 3px;} 
#sub_cont #sidemenu .sub_left_list .side_menu_02  li.select a{color: #ef3026;}
#sub_cont #sidemenu .sub_left_list .side_menu_02 > li > a:hover{color: #ef3026; text-decoration: underline;}
#sub_cont #sidemenu .sub_left_list .side_menu_02 > li > a:on{color: #ef3026; text-decoration: underline; font-weight: bold;}
#sub_cont #sidemenu .sub_left_list .side_menu_02 > li > a:active{color: #ef3026; text-decoration: underline; font-weight: bold;}
#sub_cont #sidemenu .left_click_menu{display:block; position: relative; background: url("../img/ico_acc_plus.gif") no-repeat 92% center / 10px;}
#sub_cont #sidemenu .left_click_menu.on{background: url("../img/ico_acc_minus.gif") no-repeat 185px center / 10px; color: #ef3026;}
#sub_cont #sidemenu  h2{padding: 50px; text-align: center; background: rgba(239,48,38,1); color: #fff; background: url("../img/h2bg_02.jpg") no-repeat;}



/*서브탭*/
.sub_tab .toresponsive li{float: left; text-align: center;}
.sub_tab .toresponsive li a{display: block; background: #eee; font-weight: bold; color: #888;  padding: 17px 0; font-size:17px; border: 1px solid #fff; box-sizing: border-box; margin-top: -1px; margin-left: -1px;}
.sub_tab .toresponsive li.active a{background: #ef3026 url("../img/h2bg_02.jpg") no-repeat; color: #fff; font-weight: bold;}
.sub_tab .toresponsive li:hover a{background: #ef3026 url("../img/h2bg_02.jpg") no-repeat; color: #fff; font-weight: bold;}
.sub_tab .list2 li{width: 50%;}
.sub_tab .list3 li{width: 33.333%;}
.sub_tab .list4 li{width: 25%;}
.sub_tab .list5 li{width: 20%;}
.sub_tab .list6 li{width: 16.666%;}

/*서브네비*/
#sub_cont .sub_menu_bar{position: absolute; bottom: 0; width: 100% ;background-color: rgba(0,0,0,0.5);} 
#sub_cont .sub_menu_bar .menu_bar_list{float: left; padding: 1.3% 3%; border-right: 1px solid rgba(255,255,255,0.3);}
#sub_cont .sub_menu_bar .menu_bar_list > a{color: #fff;}
#sub_cont .sub_menu_bar .on a{font-weight:bold;}

/*sitemap*/
.sub_tit_wrap{position: absolute; bottom: 0;background: rgba(47,50,63,0.8); width: 100%; height: 45px;} 
.sub_tit_wrap li{float: left; line-height: 45px; color: rgba(255,255,255,0.8); padding:0 18px; border-right:1px solid rgba(255,255,255,0.2); font-size: 14px;}
.sub_tit_wrap li.on{color: #fff;}
.sub_tit_wrap .home{border-left: 1px solid rgba(255, 255, 255, 0.2);}
.sub_tit_wrap .home img{width:16px;}
.sub_tit_wrap .left{float: left;}
.sub_tit_wrap .catalog{float: right;}
.sub_tit_wrap .catalog a{display: inline-block; font-weight: 400; color: rgba(255, 255, 255, 0.7); line-height: 45px; padding: 0 20px 0 40px; font-size: 14px; background: #22232c url("../img/link_03.png") no-repeat 13px center/ 17px;}

/*타이틀*/
#sub_cont .sub_cont_in .sub_cont_title{font-size: 28px; color: #111; margin-bottom: 35px;}
#sub_cont .sub_cont_in .sub_cont_title_02{padding-left: 20px; font-size: 22px; color: #007fc2; margin-bottom: 15px;}
#sub_cont .sub_cont_in .sub_cont_title_03{padding-left: 20px; font-size: 19px; color: #007fc2; background: url("../img/dot_05.gif") no-repeat left 7px; line-height: 30px; margin-bottom: 6px; letter-spacing: 0px;}
.text_dot{text-indent: 10px; background: url("../img/dot.gif") no-repeat left 14px / 4px;}

/*sub_cont*/
#sub_cont{width: 100%;}
#sub_cont .c_left{float: left; width: 17%;}
#sub_cont .c_right{float: right; width: 80%;}

/*카달로그*/
.catalogue_box{border: 5px solid #eee; padding: 50px 50px 50px 200px; background: url("../img/ico_catalogue.jpg") no-repeat 50px center / 100px; margin-bottom: 50px;}
.catalogue_box p{font-size: 15px; line-height: 22px; float: left;}
.catalogue_box a{display: inline-block; padding: 15px 50px 15px 20px; background: #ef3026 url("../img/arr_ca_ico.png") no-repeat 90% center / 15px; color: #fff; font-size: 13px; float: right; margin-top: 5px;}

/*Besiness*/
.feature h3{background: url("../img/tit_deco.png") no-repeat left center / 15px; font-size: 26px; padding-left: 20px; text-transform: capitalize;}
.feature .list{background: #1d2b36 url("../img/wavebg.png") no-repeat center/ cover; padding: 30px 0;}
.feature .list li{margin-bottom: 20px; float:left; width: 20%; text-align: center; color: #fff; font-weight: 400; padding:0 20px}
.feature .list li p{line-height: 24px; color: rgba(255, 255, 255, 0.9)}
.feature .list .num{display: block; font-size: 24px; color: #fbc714; font-family: 'Fjalla One', sans-serof; margin-bottom: 20px;}
.feature .list .bar{display: block; text-indent: -9999px; background: rgba(255, 255, 255, 0.6); width: 20px; height: 1px; margin: 0 auto; margin-bottom: 20px;}

.feature .list01 li{width: 100%;}
.feature .list02 li{width: 50%;}
.feature .list04 li{width: 25%;}
.feature .list03 li{width: 33.33%;}
.feature .box_3 li{width: 33.33%;}

/*team*/
#team .ceo .name{background: url("../img/Organization_ceo.jpg") no-repeat center / 180px; height: 180px; text-align: center; line-height: 180px; color: #fff; font-size: 26px;}
#team .ceo .line{height: 70px; width: 1px; background: url("../img/line.gif") repeat-y center; text-indent: -99999px; display: block; margin: 0 auto;}
#team .topline{background: url("../img/line.gif") repeat-x center top; width: 80%; text-indent: -9999px; display: block; margin: 0 auto; height: 1px;}
#team .depart p{padding: 18px 5px; background: #282c36; color: #fff; font-size: 16px; width: 90%; margin: 0 auto; text-align: center; box-sizing: border-box;}
#team .depart .box{float:left; width: 20%;}
#team .depart .line{height: 70px; width: 1px; background: url("../img/line.gif") repeat-y center; text-indent: -99999px; display: block; margin: 0 auto;}

/*certificate*/
.certificate li{text-align: center; width: 32.333%; margin-bottom: 40px; display:inline-block;}
.certificate li .box{width: 90%; margin: 0 auto; text-align: center;}
.certificate li .box img{border: 1px solid #ddd; box-sizing: border-box;}
.certificate li .box p{background: url("../img/h2bg_02.jpg") no-repeat; padding: 15px 0; color: #fff;}

/*About*/
.company h4{font-size: 30px; margin: 30px 0; color: #ef3026;}
.company .txt{margin-top: 40px; color: #444; font-weight:300; font-size: 16px; letter-spacing: 0.5px; line-height: 27px;}

/*History*/
.hisrtory{background: url("../img/line.gif") repeat-y center;}
.hisrtory .first{margin-top: 50px;}
.hisrtory .box li{background: url("../img/dot.gif") no-repeat left 8px; padding-left: 10px;  margin-bottom: 10px; font-size: 15px;}
.hisrtory .box li:last-child{margin-bottom: 0;}
.hisrtory .month{padding: 30px 20px; background: #f6f6f6; box-sizing: border-box;}
.hisrtory .year{width: 150px; height: 150px; background: #282c36 url("../img/h2bg_02.jpg") center; border-radius: 50%; text-align: center; color: #fff; line-height: 150px; font-size: 26px; font-weight: bold; margin: 0 auto;}

.hisrtory .right{float: right; width: 50%; clear:both; background: url("../img/balloon_right.jpg") no-repeat 1px top;}
.hisrtory .right .month{position: relative; width:90%; margin-left: 10%; overflow: hidden;}
.hisrtory .num{position: absolute; bottom: -15px; right: 0; font-size: 60px; font-weight: bold; opacity: 0.05;}

.hisrtory .left{float: left; width: 50%; clear:both; background: url("../img/balloon_left.gif") no-repeat right top;}
.hisrtory .left .month{position: relative; width:90%; margin-right: 10%;}

/*principle*/
.principle{text-align: center;}
.principle h2{font-size: 40px; margin-bottom: 30px;}
.principle img{width: 600px;}

/*contact*/
.ico_list{position: relative; top: -5px; background: #f9f9f9; padding: 30px 40px; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.ico_list li{float: left; box-sizing: border-box; padding-left: 47px; margin-bottom:20px;}
.ico_list li:last-child{margin-bottom:0px;}
.ico_list li.list1{background: url("../img/map_ico_02.png") no-repeat top left / auto 40px; width: 50%;}
.ico_list li.list2{background: url("../img/map_ico_01.png") no-repeat top left / auto 40px; width: 50%; }
.ico_list li.list3{background: url("../img/map_ico_03.png") no-repeat top left / auto 40px; width: 50%;}
.ico_list li.list4{background: url("../img/map_ico_04.png") no-repeat top left / auto 40px; width: 50%;}
.ico_list li h4{font-size: 22px; color: #ef3026; margin-bottom: 5px;}



/*제품테이블*/
.wd15 {width:15%}
.wd10 {width:10%}
.move_table{width:100%; overflow-x:auto; max-width:100%}
.pro_table{width:100%; border-collapse:separate; font-size:0.9em; letter-spacing:-0.065em; margin-bottom:10px;}
.pro_table th, .pro_table td{border-bottom:1px solid #c8c8c8; padding:7px 5px; vertical-align:middle; border-right:1px solid #c8c8c8; text-align:center;}
.pro_table th{font-weight:500; background:#ad291d; color:#ffffff; font-size:500; border-color:#cb2e1f; padding:10px 5px;}
.pro_table tr.bgc td{ background:#dcdcdc;}

.pro_table td.shead{background:#888785 !important; color:#ffffff; border-color:#818181;}
.table_hide{display:none; font-size:0.8em;}

.pro_table .bgc2{background:#fafafa}
.pro_table .tal{text-align:left;}

.img_box{text-align:center;}

.bdLine{border-bottom:1px solid #e6e6e6;}