@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
body {
  font-family: "Noto Sans KR", sans-serif !important;
}

/* hover */
.nav_in:hover .nav_box{color:#ef4b49;font-weight:bold;}
.lnb_box a:hover{background:#ef4b49;color:#fff}

/* common */
body{width:100vw;height:100%;overflow-x:hidden}
main{width:100vw;height:100%;overflow:hidden;margin-top:100px}
.r{color:#ef4b49}
.bg_g{background:#f2f2f2}
.dot_box{float:left;width:1%;height:50px;line-height:50px;margin-right:1%}
.dot{display:inline-block;width:100%;height:6px;background:#ef4b49;border-radius:50px;vertical-align:middle}
.fl{float:left}
.fr{float:right}


/* popup layer */
.op2{opacity:0.2} .op8{opacity:0.8}
#layer-pop-box{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-9999;display:none}
#popDiv{position:absolute;z-index:1;top:50%;left:50%;overflow-y:auto;max-height:90vh}
#layer-pop-box>div:last-child{width:100%;height:100%;position:absolute}

/* header */
.header{width:100vw;height:100px;background:#fff;position:fixed;top:0;z-index:999}
.header_in{width:80%;height:100px;margin:0 auto}
.header_l{display:table;float:left;width:20%;height:100%}
.logo{display:table-cell;;width:100%;height:100%;vertical-align:middle;}
.logo img{width:50%}
.header_r{float:right;width:80%;height:100%}
.rebon{float:right;height:40px;line-height:40px;margin-top:10px}
.rebon_in{float:left}
.btn_manager{display:inline-block;width:100%;height:100%;text-decoration:none;color:#000;font-weight:bold}
.geo{margin-left:10px;position:relative;z-index:9999}
.geo_in{height:40px;line-height:40px;overflow:hidden;padding:0 15px;box-sizing:border-box;background:#212121;border-radius:5px;color:#fff;font-weight:bold}
.geo_box{float:left}
.text_geo{padding-right:5px;box-sizing:border-box}
.ic_geo{font-size:10px;padding-left:5px;box-sizing:border-box}
.ic_geo.on{font-size:10px;padding-left:0px;padding-right:5px;box-sizing:border-box;transform:rotate(180deg)}
.geo_menu{text-align:center;font-weight:bold;display:none;background:#fafafa;position:absolute;width:100%}
.geo_menu.on{display:block}

.nav{clear:both;width:100%;height:50px;float:right;line-height:45px;background:#fff}
.nav_box{display:inlin-block;width:100%;height:100%}
.nav_box_in{width:70%;float:right}
.nav_in, .nav_in1{float:left;height:100%;line-height:50px;font-size:18px;text-align:center;cursor:pointer;}
.nav_in {width:25%;}
.nav_in1 {width:20%;}
.lnb_in{position:relative;width:140%;left:50%;margin-left:-70%;overflow:hidden;display:none;background:#fff}
.lnb_box{text-align:center;font-size:16px;border-bottom:1px solid #ef4b49;border-left:2px solid #ef4b49;border-right:2px solid #ef4b49}
.lnb_box a{display:inline-block;width:100%;height:100%;text-decoration:none;color:#000}
.lnb_box:first-child{;border-top:2px solid #ef4b49}
.lnb_box:last-child{;border-bottom:2px solid #ef4b49}
.lnb.active{display:block}

/* footer */
.footer{width:100%;overflow:hidden;background:#212121}
.footer_in{overflow:hidden;padding:25px 0;border-bottom:1px solid #979797}
.footer_box{width:80%;margin:0 auto;overflow:hidden}
.footer_box_in{float:left;width:25%;text-align:center;font-size:25px;line-height:40px;font-weight:bolder;color:#fff}
.footer_menu{display:inline-block;line-height:30px;font-size:16px;color:#979797;text-decoration:none}
.address{padding:10px 0}
.address_menu{margin:0 auto}
.address_menu_in{float:left;width:50%;display:inline-block;line-height:50px;font-size:16px}
.address_menu_in a{display:inline-block;width:100%;line-height:20px;color:#fff;border-right:1px solid #fff;text-decoration:none;padding:0 20px;box-sizing:border-box}
.address_menu_in:last-child a{border-right:none}
.address_menu_in.left{text-align:right}
.address_text{clear:both;font-size:16px;line-height:25px;color:#868686;text-align:center}

/* banner */
.banner{width:100%;height:40vh;overflow:hidden}
.btn_baneer_view{display:inline-block;width:20%;height:50px;line-height:46px;position:absolute;bottom:20px;left:50%;margin-left:-10%;font-size:20px;background:#212121;color:#fff;text-align:center;border-radius:50px;border:2px solid #ef4b49;box-sizing:border-box}
.btn_baneer_view:hover{background:#ef4b49;color:#fff}

/* bx-slider */
.bx-wrapper{height:100%;z-index:0}
.bx-wrapper img{margin:0 auto}
.bx-wrapper .bx-loading{background:url(images/bx_loader.gif) center center no-repeat #fff}
.bx-wrapper .bx-prev{left:2%;background:url(/images/test/controls.png) 0 0 no-repeat}
.bx-wrapper .bx-next{right:2%;background:url(/images/test/controls.png) 0 0 no-repeat;transform:rotate(180deg)}
.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover{background-position:0 0}
.bx-wrapper .bx-controls-direction a{margin-top:-25px;width:50px;height:50px}
.bx-wrapper img{height:40vh}

/* main */
.main_box{width:1024px;;margin:0 auto;padding:40px 0;overflow:hidden}
.main_product{width:100%;overflow:hidden;margin-top:20px;text-align:center;box-sizing:border-box}
.main_product_in{width:20%;height:100%;display:inline-block}
.main_product_in a{display:inline-block;width:100%;height:100%;text-decoration:none}
.main_product_img{height:20vh;max-height:20vh;overflow:hidden;padding:5% 0;box-sizing:border-box}
.main_product_img img{width:100%;height:100%;object-fit:scale-down;}
.main_product_text{height:75px;padding:0 2%;box-sizing:border-box;overflow:hidden;position:relative;margin-top:10px;overflow:hidden}
.main_product_text .va{width:100%;line-height:25px;color:#000;padding:0 15px;box-sizing:border-box;}
.main_notic{width:47%;overflow:hidden;margin-top:20px}
.main_notic.fl{float:left;}
.main_notic.fr{float:right;}
.main_notic_title{width:100%;height:50px;line-height:50px;color:#ef4b49;border-bottom:1px solid #ef4b49;font-size:20px;font-weight:bold}
.main_notic_list{padding:5px 0}
.main_notic_list li{width:100%;height:40px;line-height:40px}
.main_notic_list li a{display:inline-block;width:100%;height:100%;color:#000;border-bottom:1px solid #f2f2f2}
.main_notic_list li div{float:left}
.main_notic_text{width:80%;text-indent:10px}
.main_notic_date{width:20%;text-align:right}
.product_ck_input{display:inline-block;width:20px;height:20px}

/* admin */
.admin_product{height:40px;line-height:40px;margin-bottom:10px}
.admin_product_in{float:left;width:50%}
.admin_product_in.right{text-align:right}
.admin_product a{display:inline-block;width:100px;height:100%;border-radius:5px;border:1px solid #ddd;color:#777;text-align:center;text-decoration:none}
.admin_product a:hover{background:#ef4b49;border:1px solid #ef4b49;color:#fff}
.admin_product_ck{width:100%;position:absolute;left:5px;top:0;text-align:left;}

/* snb */
.snb_title{width:100%;min-height:52px;line-height:40px;background:#ef4b49;padding:5px 10px;box-sizing:border-box;font-weight:bold;color:#fff;font-size:20px;text-align:center;}
.snb_list{width:100%;overflow:hidden;border:1px solid #ddd;box-sizing:border-box;border-bottom:none}
.snb_list li{border-bottom:1px solid #ddd;box-sizing:border-box}
.snb_list li a{line-height:40px;padding:0 10px;box-sizing:border-box;display:inline-block;width:100%;height:100%;text-decoration:none;color:#000;font-size:14px;text-align:center}
.snb_list li a.on{font-weight:bold;color:#ef4b49}

/* sub title bg */
.bg1{background:url(/images/common/bg1.png)no-repeat center/cover}
.bg2{background:url(/images/common/bg2.png)no-repeat center/cover}
.bg_main_{background:url(/images/common/bg3.png)no-repeat center/cover}
.bg_main_Test{background:url(/images/common/bg3.png)no-repeat center/cover}
.bg_main_Production{background:url(/images/common/bg3.png)no-repeat center/cover}
.bg_main_OEM{background:url(/images/common/bg3.png)no-repeat center/cover}
.bg_main_Specialty{background:url(/images/common/bg3.png)no-repeat center/cover}
.bg_main_Components{background:url(/images/common/bg3.png)no-repeat center/cover}
.bg4{background:url(/images/common/bg4.png)no-repeat center/cover}

/* sub_type */
.sub_title{width:100%;height:35vh;overflow:hidden;line-height:35vh;color:#fff;font-weight:bold;text-align:center;font-size:60px}
.sub_title img{height:100%}
.sub_box{width:1024px;min-height:50vh;overflow:hidden;padding:30px 0;box-sizing:border-box;margin:0 auto}
.sub_box_in{float:left}
.sub_l{width:20%}
.sub_r{width:76%;margin-left:4%}
.sub_r_t{text-align:center}

.sub_address .title{font-size:30px;line-height:50px;font-weight:bold}
.sub_address .text{font:25px;line-height:25px}

.business_box{margin-bottom:30px}
.business_main_title{line-height:50px;font-weight:bold;border-top:1px solid #fff;font-size:20px;border-bottom:1px solid #ef4b49;box-sizing:border-box}
.main_bmt{font-weight:bold}
.business .box1_text{width:100%;text-align:center;margin:40px 0;}
.business .box1_text li:first-child{font-size:30px;font-weight:bold;line-height:50px}
.business .box1_text li:last-child{line-height:30px}

.business_list{width:100%;margin:0 auto;overflow:hidden;display:flex;justify-content:space-between}
.business_list li{width:33%;overflow:hidden;padding:40px 20px;box-sizing:border-box;background:#fafafa;border:1px solid #ddd;border-radius:5px}
.bl_num{width:50px;background:#fff;border:2px solid #ef4b49;color:#000;text-align:center;border-radius:50px;margin-bottom:10px;line-height:50px;}
.bl_img{text-align:center;height:120px;margin-bottom:10px}
.bl_img img{height:100%}
.bl_title{font-weight:bold;line-height:35px;text-align:center;padding:10px 0;box-sizing:border-box;font-size:20px}
.bl_title.active{line-height:70px}
.bl_line{border-bottom:1px solid #000;width:80%;margin:0 auto;}
.bl_text{line-height:30px;text-align:center;padding-top:10px;box-sizing:border-box}

.strategy_list{width:100%;margin:0 auto;overflow:hidden;display:flex;justify-content:space-between}
.strategy_list li{width:25%;overflow:hidden;padding:0 20px;box-sizing:border-box;border-right:1px solid #ddd}
.strategy_list li:last-child{border-right:none}
.sl_num{font-size:50px;font-weight:bold;line-height:80px}
.sl_title{text-align:center;line-height:30px;font-size:20px}
.sl_title>.bold{font-weight:bold;font-size:25px;line-height:50px;}
.sl_img{text-align:center;margin:30px 0;}
.sl_img>img{border:1px solid #000;padding:15px;border-radius:50px;background:#fafafa}
.sl_text{line-height:25px;text-align:center}

.sub2_r_t{overflow:hidden;margin-bottom:10px;box-sizing:border-box;line-height:40px;border-bottom:1px solid #ef4b49;position:relative;}
.sub2_r_t .title{float:left;width:98%;line-height:50px;font-weight:bold;font-size:20px;white-space:nowrap;}

.btn_add{margin-bottom:10px;display:inline-block;padding:10px 20px;border:1px solid #ddd;text-align:center;color:#777;border-radius:5px;text-decoration:none}
.btn_add.fl{float:left}
.btn_add.fr{float:right;}
.btn_add:hover{background:#ef4b49;border:1px solid #ef4b49;color:#fff}

.sub_product{width:100%;overflow:hidden}
.sub_product_in{float:left;width:33.3%;box-sizing:border-box;text-decoration:none;color:#000;text-align:center}

.sub_product_in img{width:100%;height:100%;object-fit:scale-down;display: block;vertical-align:middle;margin:0 auto;padding:1%;box-sizing:border-box;border:1px #ddd}
.sub_product_text{height:75px;padding:0 2%;box-sizing:border-box;overflow:hidden;position:relative;margin:10px 0}
.sub_product_text .va{width:100%;line-height:25px;color:#000;padding:0 15px;box-sizing:border-box;font-size:14px}

.sub_type2{overflow:hidden;}
.sub_type2_title{padding:0 20px;box-sizing:border-box;font-weight:bold;font-size:30px;line-height:50px;font-weight:bold;margin-bottom:10px}
.sub_type2_l{float:left;width:40%}
.sub_type2_img{text-align:center;height:30vh}
.sub_type2_img img{width:100%;height:100%;object-fit:scale-down;box-sizing:border-box;vertical-align:middle;display:block;margin:0 auto;padding:1%}
.sub_type2_r{float:left;width:60%;line-height:30px;padding-left:20px;box-sizing:border-box}
.sub_type2_r img{width:100%;height:100%;object-fit: scale-down;}

.products_help_title{line-height:20px;font-weight:bold;height:50px;background:#f2f2f2;padding:15px;box-sizing:border-box;border:1px solid #ddd;border-bottom:none}
.products_help_title img{height:20px;margin-right:5px}
.Products_help{width:100%;overflow:hidden;margin:10px auto;}
.products_help_file{padding:0 15px;border:1px solid #ddd;background:#fff}
.products_help_file_in{height:20px;padding:5px 0;border-bottom: 1px solid #ddd;cursor:pointer;}
.products_help_file_in div{line-height:20px;float:left;text-align:right;font-size:14px;width:96%}
.products_help_file_in:last-child{border-bottom:none}
.products_help_file_in img{height:20px;float:right;}

.products_list_box{height:20vh;line-height:30vh;margin-bottom:10px}
.table{clear:both}

/* layer */
.layer{width:100%;overflow:hidden}
.layer_products_add{width:100%;font-size:14px}
.pa_title th{float:left;width:90%;height:50px;line-height:50px;text-align:left;font-size:20px;font-weight:bold;padding:0 10px;box-sizing:border-box;}
.pa_title td{float:left;width:10%;height:50px;line-height:50px;}
.pa_title_box{width:100%;height:50px;line-height:50px;;border:1px solid #000;border-bottom:none;box-sizing:border-box}
.pa_title_box th{float:left;width:15%;height:100%;background:#f2f2f2;text-align:center;border-right:1px solid #000;box-sizing:border-box}
.pa_title_box td{float:left;width:35%;height:50px;line-height:50px}
.pa_title_box td input{display:inline-block;width:100%;height:100%;border:none;padding:0 10px;box-sizing:border-box}
.pa_title_box td input:focus{outline:none}
.pa_title_box td select{display:inline-block;width:100%;height:100%;border:none;padding:0 10px;box-sizing:border-box}
.pa_title_box td select:focus{outline:none}
.pa_img_box{width:100%;height:50px;border:1px solid #000;border-bottom:none;box-sizing:border-box}
.pa_img_box th{float:left;width:15%;height:50px;line-height:50px;background:#f2f2f2;border-right:1px solid #000;box-sizing:border-box}
.pa_img_box td{float:left;width:35%;height:50px;line-height:30px;padding:10px;font-size:14px;box-sizing:border-box}
.pa_img_box td label{display:inline-block;padding:0 10px;box-sizing:border-box;text-decoration:none;color:#000;background:#ddd;border-radius:5px;cursor:pointer;border:1px solid #ddd;text-overflow:ellipsis;word-spacing:initial;overflow:hidden}
.td_left{border-left:1px solid #000;box-sizing:border-box}
.pa_text{border:1px solid #000;box-sizing:border-box}
.pa_text th{float:left;width:15%;background:#f2f2f2;line-height:300px;border-right:1px solid #000;box-sizing:border-box}
.pa_text td{float:left;width:85%;height:300px; overflow:hidden;}
.pa_text td textarea{width:100%;height:100%;border:none;resize:none;padding:5px;box-sizing:border-box}
.pa_text td textarea:focus{outline:none}

/* notic */
.notic_list{overflow:hidden;width:100%}
.notic_table_title{overflow:hidden;background:#f2f2f2;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.notic_table_text{overflow:hidden;border-bottom:1px solid #f2f2f2}
.notic_main_title{line-height:50px;font-weight:bold;border-top:1px solid #fff;font-size:20px;border-bottom:1px solid #ef4b49;margin-bottom:10px}
.notic_in{float:left;text-align:center;line-height:35px;cursor:pointer}
.notic_num{width:10%}
.notic_title{width:60%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.notic_text{width:30%}
.btn_list{margin-bottom:10px;display:inline-block;padding:10px 20px;border:1px solid #ddd;text-align:center;color:#777;border-radius:5px;text-decoration:none}
.btn_list:hover{border:1px solid #ef4b49;background:#ef4b49;color:#fff}

/* notic page */
.list_pg{width:100%;height:40px;line-height:40px;display:table;margin:0 auto;text-align:center;position:relative;margin-top:10px}
.list_pg a{text-decoration:none;color:#000;padding:5px 10px;box-sizing:border-box;display:inline;border:1px solid #f2f2f2}
.pg_num_on{border:1px solid #ef4b49;background:#ef4b49;color:#fff !important;font-weight:bold;}
.list_btn_l{border:none !important}
.list_btn_r{border:none !important}
.pg_num_area{width:80%;display:inline-block}
.pg_num_area li{display:inline-block;margin:0 5px;}
.fr{float:right;}
.btn_normal{border:1px solid #ddd;color:#777;border-radius:5px;background:#fff;height:100%;padding:0 10px;cursor:pointer}
.btn_normal:hover{border:1px solid #ef4b49;background:#ef4b49;color:#fff}

/* board */
.board_table{width:100%;overflow:hidden;margin-bottom:10px}
.board_title{height:50px;line-height:50px;text-align:left;font-size:20px;font-weight:bold;border:none}
.board_text{border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.board_text_title{border-top:1px solid #ddd;box-sizing:border-box}
.board_title label input {   margin-right: 5px;}
.board_title label {   font-size: 14px;    float: right;    margin-right: 10px;}
.board_text_title th{float:left;width:10%;height:40px;line-height:40px;overflow:hidden;background:#f2f2f2;border-right:1px solid #ddd;box-sizing:border-box}
.board_text_title td{float:left;width:40%;height:40px;line-height:40px;overflow:hidden;padding:0 5px;box-sizing:border-box}
.board_text_title td input{width:100%;height:100%;border:none;box-sizing:border-box}
.board_text_title td input:focus{outline:none}
.board_text th{float:left;width:10%;line-height:300px;background:#f2f2f2;border-right:1px solid #ddd;box-sizing:border-box}
.board_text td{float:left;width:90%;height:300px;line-height:20px}
.board_text td textarea{width:100%;height:100%;border:none;resize:none;box-sizing:border-box;line-height:20px;padding:10px}
.board_text td textarea:focus{outline:none}
.board_btn{float:right;height:40px;line-height:40px;margin-top:10px;border:1px solid #ef4b49;box-sizing:border-box;;padding:0 40px;display:inline-block;text-decoration:none;color:#fff;background:#ef4b49;border-radius:5px;cursor:pointer;margin-right:10px}
.board_btn:focus{outline:#ef4b49}
.board_view_text{height:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:30px}
.board_view_text td{min-height:300px;padding:10px;box-sizing:border-box}

/* login */
.login{width:80%;margin:15vh auto}
.login_title{text-align:center;font-size:40px;line-height:40px}
.login_input{width:30%;overflow:hidden;margin:30px auto}
.login_input input{width:100%;height:50px;line-height:150px;border:none;border-bottom:1px solid #000;padding:0 10px;box-sizing:border-box}
.login_input input:focus{outline:none}
.login_input input:first-child{margin-bottom:20px}
.btn_login{width:30%;margin:0 auto;height:50px;line-height:50px;background:#ef4b49;border:1px solid #ef4b49;text-align:center;border-radius:5px;font-size:18px;font-weight:bold;color:#fff;cursor:pointer}

/* company */
.ceo{overflow:hidden;border:1px solid #f2f2f2;border-left:none;border-right:none;padding:40px 0}
.ceo_name{float:left;width:15%;line-height:50px;text-align:left;font-size:40px;font-weight:bold}
.ceo_name span{font-size:25px;font-weight:normal}
.ceo_text{float:left;width:85%;line-height:50px;text-align:center}
.company_logo{height:100px;line-height:100px;margin-top:40px}
.company_logo img{height:100%;vertical-align:middle}
.ceo_record_title{font-size:30px;line-height:50px;font-weight:bold}
.ceo_record{padding:20px 0 30px 0;box-sizing:border-box;border-bottom:1px solid #f2f2f2}
.ceo_record_text{line-height:40px;text-indent:2%}
.ceo_record_list{line-height:30px;text-indent:2%}
.company_text{font-size:16px;line-height:20px;padding-top:40px}
.company_text .point{font-size:25px;line-height:80px;font-weight:bold;}

/* address */
.address_title{overflow:hidden;height:100px;margin:40px 0}
.address_title>.title{line-height:70px;font-size:50px;font-weight:bold}
.address_title>.text{line-height:30px}

/* add layer */
.layer_box {height:700px;width:600px;background:#fff;padding:2% 0;}
.layer_product_list {width: 100%;text-align: center;height: 80%; overflow: auto;margin:2% 0;}
.layer_product_list li {display: inline-block;width: 30%;height: 130px;border: 1px solid;position: relative;margin-bottom:1%}
.layer_product_list li img {max-width: 100%;max-height: 100%;height:100%}
.layer_product_list .product_title {position: absolute;background: #ffef35;width: 100%;height: 100%;padding: 10px;box-sizing: border-box;display: none;}
.layer_product_list li:hover .product_title, .layer_product_list li.on .product_title {display:block;opacity:0.8;}
.layer_product_list li.on .product_title {background:#57ff43}
.layer_btn_box {margin-top: 10px;text-align: center;position: absolute;bottom: 5px;right: 0;left: 0;}

.add_layer{height:15%;max-height:75px;overflow:hidden}
.add_layer>.title{font-size:30px;line-height:50px;text-align:center;font-weight:bold}
.add_layer>.text{font-size:14px;line-height:20px;text-align:center}
.btn_add_layer{float:right;height:5%;max-height:35px;padding:0 25px;border:1px solid #ef4b49;background:#ef4b49;color:#fff;font-size:14px;border-radius:5px;margin-right:10px;cursor:pointer;min-height: 30px;}

/* input type number up/down none */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.content_box .text table {width: 90%; margin: 0 auto;  margin-bottom: 50px; line-height: 50px;font-size: small;}
.content_box .text table th {text-align: right; padding-right: 10px;}
.content_box .text table td {border: 1px solid;text-align: center;}
.content_box .text table input {height:35px; line-height:35px; text-align:right; padding-right:10px;}
.content_box .text p {padding-left: 5%;font-size: larger;font-weight: bold;}
.data_info {margin-top:15px;}
.data_info tr {height:30px; line-height:30px;}
.data_info p {font-weight: 300 !important;margin-bottom: 10px;font-size: 15px !important;}