@charset "utf-8";

.visual_wrap{}
.visual_wrap .visual_bg{height:493px;width:100%;display:table; background:url(../img/sub_visual1.jpg) center 0 no-repeat;text-align:center;background-size:cover;}
.business .visual_wrap .visual_bg,.earphone .visual_wrap .visual_bg,.oem .visual_wrap .visual_bg,.battery .visual_wrap .visual_bg,.promotion .visual_wrap .visual_bg,.smartphone .visual_wrap .visual_bg{ background-image: url(../img/sub_visual2.jpg) }
.product .visual_wrap .visual_bg{ background-image: url(../img/sub_visual3.jpg) }
.notice .visual_wrap .visual_bg{ background-image: url(../img/sub_visual4.jpg) }
.sitemap .visual_wrap .visual_bg{ background-image: url(../img/sub_visual5.jpg) }

.business_en .visual_wrap .visual_bg,.earphone_en .visual_wrap .visual_bg, .oem_en .visual_wrap .visual_bg, .battery_en .visual_wrap .visual_bg, .promotion_en .visual_wrap .visual_bg, .smartphone_en .visual_wrap .visual_bg{ background-image: url(../img/sub_visual2.jpg) }
.product_en .visual_wrap .visual_bg{ background-image: url(../img/sub_visual3.jpg) }
.notice_en .visual_wrap .visual_bg{ background-image: url(../img/sub_visual4.jpg) }
.sitemap_en .visual_wrap .visual_bg{ background-image: url(../img/sub_visual5.jpg) }

.business_ch .visual_wrap .visual_bg, .earphone_ch .visual_wrap .visual_bg, .oem_ch .visual_wrap .visual_bg, .battery_ch .visual_wrap .visual_bg, .promotion_ch .visual_wrap .visual_bg, .smartphone_ch .visual_wrap .visual_bg{ background-image: url(../img/sub_visual2.jpg) }
.product_ch .visual_wrap .visual_bg{ background-image: url(../img/sub_visual3.jpg) }
.notice_ch .visual_wrap .visual_bg{ background-image: url(../img/sub_visual4.jpg) }
.sitemap_ch .visual_wrap .visual_bg{ background-image: url(../img/sub_visual5.jpg) }


.visual_wrap .visual_bg .locations{ vertical-align:middle;display:table-cell; }
.visual_wrap .visual_bg .locations *{
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;opacity:0;top:30px
}
.visual_wrap .visual_bg .locations strong{ color: #fff;font-size: 40px;line-height:42px; position: relative;}
.visual_wrap .visual_bg .locations p{ color: #fff;letter-spacing:5px; margin-top:20px;position: relative;}

.visual_wrap .visual_bg .locations.on strong{ opacity:1;top:0; }
.visual_wrap .visual_bg .locations.on p{ opacity:1;top:0;transition-delay:.1s }


.sub_container{}
.sub_title{ text-align:center; margin-bottom: 90px}
.sub_title h2{ font-size: 40px;line-height:42px;margin-bottom:30px; font-family:'NanumSquareEB',sans-serif; padding-top:120px}
.sub_title p{ font-size:16px;line-height:20px; }


.company .top_box{ width:1050px;margin:0px auto 130px; }
.company .top_box img{ margin-left:185px; }
.company .top_box strong{ display: block;padding-left:90px;position: relative; color: #1c1c1c;font-size: 30px;line-height:32px; font-family:'NanumSquareB',sans-serif;margin:25px 0 }
.company .top_box strong:after{ content:"";display: block;border-top:4px solid #97d600;width:65px;position: absolute;left:0;top:10px; }
.company .top_box p{ padding-left:90px; color: #1c1c1c;font-size: 18px;line-height:24px;;}
.company_en .top_box{ width:1050px;margin:0px auto 130px; }
.company_en .top_box img{ margin-left:185px; }
.company_en .top_box strong{ display: block;padding-left:90px;position: relative; color: #1c1c1c;font-size: 30px;line-height:32px; font-family:'NanumSquareB',sans-serif;margin:25px 0 }
.company_en .top_box strong:after{ content:"";display: block;border-top:4px solid #97d600;width:65px;position: absolute;left:0;top:10px; }
.company_en .top_box p{ padding-left:90px; color: #1c1c1c;font-size: 18px;line-height:24px;;}

.company_ch .top_box{ width:1050px;margin:0px auto 130px; }
.company_ch .top_box img{ margin-left:185px; }
.company_ch .top_box strong{ display: block;padding-left:90px;position: relative; color: #1c1c1c;font-size: 30px;line-height:32px; font-family:'NanumSquareB',sans-serif;margin:25px 0 }
.company_ch .top_box strong:after{ content:"";display: block;border-top:4px solid #97d600;width:65px;position: absolute;left:0;top:10px; }
.company_ch .top_box p{ padding-left:90px; color: #1c1c1c;font-size: 18px;line-height:24px;;}

.icon_area{ background:url(../img/img_company2.jpg) center 0 no-repeat;height:715px; padding:}
.icon_area *{
   font-family:'NanumSquareR',sans-serif;
}
.icon_area > ul{ width:1130px;margin:0 auto;overflow: hidden; padding-left:30px;}
.icon_area > ul > li{ float:left;padding:75px 0 75px;width:525px;padding-left:225px;}
.icon_area > ul > li:first-child{ background:url(../img/icon_company1.png) 25px 100px no-repeat; }
.icon_area > ul > li:first-child+li{ background:url(../img/icon_company2.png) 25px 130px no-repeat;margin-left:50px;}
.icon_area > ul > li:first-child+li+li{ background:url(../img/icon_company3.png) 25px 100px no-repeat;margin-top:100px;}
.icon_area > ul > li:first-child+li+li+li{ background:url(../img/icon_company4.png) 25px 120px no-repeat;margin-top:100px;margin-left:50px; }
.icon_area > ul > li h4{ font-size: 18px;line-height:20px;color: #fff; }
.icon_area > ul > li strong{ color:  #92dd1e;font-size:36px;line-height:40px;display: block;margin-top:75px; font-family:'NanumSquareB',sans-serif; }
.company_en .icon_area > ul > li strong{ font-size: 24px; }
.icon_area > ul > li ul{margin-top:20px;}
.icon_area > ul > li ul li{ color: #92dd1e;font-size: 17px;margin-top:5px;position: relative;padding-left:10px;}
.icon_area > ul > li ul li:after{ content:"";display: block;border:1px solid #92dd1e;position: absolute;left:0;top:7px; }
.icon_area > ul > li ul li:first-child{margin-top:0}

.company .vision{}
.company .vision ul{ overflow: hidden; width:1100px;margin:85px auto 0;}
.company .vision ul li{ text-align:center; width:325px;float:left;margin-left:62px; background:url(../img/bg_company.gif) 0 0 no-repeat;padding-top:45px;}
.company .vision ul li:first-child{ margin-left:0}
.company .vision ul li *{ font-family:'NanumSquareR',sans-serif;  }
.company .vision ul li em{ color: #3d3d3d;font-size: 22px;line-height:24px;display: block;font-family:'NanumSquareB',sans-serif;padding-top:180px; text-transform: uppercase;}
.company .vision ul li:first-child em{ background:url(../img/icon_company5.png) center 0 no-repeat; }
.company .vision ul li:first-child +li em{ background:url(../img/icon_company6.png) center 0 no-repeat; }
.company .vision ul li:first-child +li +li em{ background:url(../img/icon_company7.png) center 0 no-repeat; }
.company .vision ul li strong{ font-size: 20px;color: #808080;line-height:22px;display: block;margin-top:20px;padding-top:20px;position: relative; }
.company .vision ul li strong:after{ content:"";display:block;border-top:3px solid #78c600;width:20px;position: absolute;left:50%;top:0;margin-left:-10px;  }
.company .vision ul li p{margin-top:110px; color: #808080;font-size: 15px;line-height:22px;; }
.company_en .vision{}
.company_en .vision ul{ overflow: hidden; width:1100px;margin:85px auto 0;}
.company_en .vision ul li{ text-align:center; width:325px;float:left;margin-left:62px; background:url(../img/bg_company.gif) 0 0 no-repeat;padding-top:45px;}
.company_en .vision ul li:first-child{ margin-left:0}
.company_en .vision ul li *{ font-family:'NanumSquareR',sans-serif;  }
.company_en .vision ul li em{ color: #3d3d3d;font-size: 22px;line-height:24px;display: block;font-family:'NanumSquareB',sans-serif;padding-top:180px; text-transform: uppercase;}
.company_en .vision ul li:first-child em{ background:url(../img/icon_company5.png) center 0 no-repeat; }
.company_en .vision ul li:first-child +li em{ background:url(../img/icon_company6.png) center 0 no-repeat; }
.company_en .vision ul li:first-child +li +li em{ background:url(../img/icon_company7.png) center 0 no-repeat; }
.company_en .vision ul li strong{ font-size: 16px;color: #808080;line-height:22px;display: block;margin-top:20px;padding-top:20px;position: relative; }
.company_en .vision ul li strong:after{ content:"";display:block;border-top:3px solid #78c600;width:20px;position: absolute;left:50%;top:0;margin-left:-10px;  }
.company_en .vision ul li p{margin-top:110px; color: #808080;font-size: 15px;line-height:22px; }

.company_ch .vision{}
.company_ch .vision ul{ overflow: hidden; width:1100px;margin:85px auto 0;}
.company_ch .vision ul li{ text-align:center; width:325px;float:left;margin-left:62px; background:url(../img/bg_company.gif) 0 0 no-repeat;padding-top:45px;}
.company_ch .vision ul li:first-child{ margin-left:0}
.company_ch .vision ul li *{ font-family:'NanumSquareR',sans-serif; }
.company_ch .vision ul li em{ color: #3d3d3d;font-size: 22px;line-height:24px;display: block;font-family:'NanumSquareB',sans-serif;padding-top:180px; text-transform: uppercase;}
.company_ch .vision ul li:first-child em{ background:url(../img/icon_company5.png) center 0 no-repeat; }
.company_ch .vision ul li:first-child +li em{ background:url(../img/icon_company6.png) center 0 no-repeat; }
.company_ch .vision ul li:first-child +li +li em{ background:url(../img/icon_company7.png) center 0 no-repeat; }
.company_ch .vision ul li strong{ font-size: 16px;color: #808080;line-height:22px;display: block;margin-top:20px;padding-top:20px;position: relative; }
.company_ch .vision ul li strong:after{ content:"";display:block;border-top:3px solid #78c600;width:20px;position: absolute;left:50%;top:0;margin-left:-10px;  }
.company_ch .vision ul li p{margin-top:110px; color: #808080;font-size: 15px;line-height:22px; }


/* organization */
.organization .sub_title{
  margin-bottom: 90px;
}
.organization .contents{
  text-align: center;
}
.organization_en .sub_title{
  margin-bottom: 90px;
}
.organization_en .contents{
  text-align: center;
}
.organization_ch .sub_title{
  margin-bottom: 90px;
}
.organization_ch .contents{
  text-align: center;
}

/* history */
.history .contents{ width:  1200px; margin: auto; background: url(../img/sub/bg_history.png) 70% 0 no-repeat; }
.history .contents>div{ width:100%; }
.history .contents>div .text_box{ width: 600px; padding: 90px 55px 40px; border-bottom: 1px solid #e0e0e0; }
.history .contents .even_y .text_box{ width:601px; }
.history .contents>div:first-child .text_box{ padding-top: 0; }
.history .contents>div div{ content: ''; display: block; clear: both; }
.history .contents .odd_y{text-align: right; }
.history .contents .odd_y .text_box{float: left; border-right: 1px solid #e0e0e0; }
.history .contents .even_y .text_box{float: right;border-left: 1px solid #e0e0e0;}
.history .contents .even_y{text-align: left;}
.history .contents .text_box strong{ display: inline-block; color:#84bb00; font:bold 2.8em 'NanumSquareRound',sans-serif ; margin-bottom: 90px; }
.history .contents .text_box p{ font-family:'NanumSquareRound',sans-serif ; color:#787878; font-size: 1.15em; margin-bottom: 50px; }
.history .contents .text_box p em{ font-size: 1.2em; font-weight: bold; padding: 15px; }
.history .contents .odd_y .text_box p em{padding-right: 0;}
.history .contents .even_y .text_box p em{padding-left:0 ;}
.history .contents>div .text_box p,
.history .contents>div .text_box strong{position: relative;}
.history .contents .odd_y .text_box strong img{ position: absolute; right: -64px; top: 50%; margin-top: -8px; }
.history .contents .odd_y .text_box p img{ position: absolute; right: -61px; top: 50%; margin-top: -4px; }
.history .contents .even_y .text_box strong img{ position: absolute; left: -64px; top: 50%; margin-top: -8px; }
.history .contents .even_y .text_box p img{ position: absolute; left: -61px; top: 50%; margin-top: -4px; }

.history_en .contents{ width:  1200px; margin: auto; background: url(../img/sub/bg_history.png) 70% 0 no-repeat; }
.history_en .contents>div{ width:100%; }
.history_en .contents>div .text_box{ width: 600px; padding: 90px 55px 40px; border-bottom: 1px solid #e0e0e0; }
.history_en .contents .even_y .text_box{ width:601px; }
.history_en .contents>div:first-child .text_box{ padding-top: 0; }
.history_en .contents>div div{ content: ''; display: block; clear: both; }
.history_en .contents .odd_y{text-align: right; }
.history_en .contents .odd_y .text_box{float: left; border-right: 1px solid #e0e0e0; }
.history_en .contents .even_y .text_box{float: right;border-left: 1px solid #e0e0e0;}
.history_en .contents .even_y{text-align: left;}
.history_en .contents .text_box strong{ display: inline-block; color:#84bb00; font:bold 2.8em 'NanumSquareRound',sans-serif ; margin-bottom: 90px; }
.history_en .contents .text_box p{ font-family:'NanumSquareRound',sans-serif ; color:#787878; font-size: 1.15em; margin-bottom: 50px; }
.history_en .contents .text_box p em{ font-size: 1.2em; font-weight: bold; padding: 15px; display: block; }
.history_en .contents .odd_y .text_box p em{padding-right: 0;}
.history_en .contents .even_y .text_box p em{padding-left:0 ;}
.history_en .contents>div .text_box p,
.history_en .contents>div .text_box strong{position: relative;}
.history_en .contents .odd_y .text_box strong img{ position: absolute; right: -64px; top: 50%; margin-top: -8px; }
.history_en .contents .odd_y .text_box p img{ position: absolute; right: -61px; top: 50%; margin-top: -4px; }
.history_en .contents .even_y .text_box strong img{ position: absolute; left: -64px; top: 50%; margin-top: -8px; }
.history_en .contents .even_y .text_box p img{ position: absolute; left: -61px; top: 50%; margin-top: -4px; }

.history_ch .contents{ width:  1200px; margin: auto; background: url(../img/sub/bg_history.png) 70% 0 no-repeat; }
.history_ch .contents>div{ width:100%; }
.history_ch .contents>div .text_box{ width: 600px; padding: 90px 55px 40px; border-bottom: 1px solid #e0e0e0; }
.history_ch .contents .even_y .text_box{ width:601px; }
.history_ch .contents>div:first-child .text_box{ padding-top: 0; }
.history_ch .contents>div div{ content: ''; display: block; clear: both; }
.history_ch .contents .odd_y{text-align: right; }
.history_ch .contents .odd_y .text_box{float: left; border-right: 1px solid #e0e0e0; }
.history_ch .contents .even_y .text_box{float: right;border-left: 1px solid #e0e0e0;}
.history_ch .contents .even_y{text-align: left;}
.history_ch .contents .text_box strong{ display: inline-block; color:#84bb00; font:bold 2.8em 'NanumSquareRound',sans-serif ; margin-bottom: 90px; }
.history_ch .contents .text_box p{ font-family:'NanumSquareRound',sans-serif ; color:#787878; font-size: 1.15em; margin-bottom: 50px; }
.history_ch .contents .text_box p em{ font-size: 1.2em; font-weight: bold; padding: 15px; display: block; }
.history_ch .contents .odd_y .text_box p em{padding-right: 0;}
.history_ch .contents .even_y .text_box p em{padding-left:0 ;}
.history_ch .contents>div .text_box p,
.history_ch .contents>div .text_box strong{position: relative;}
.history_ch .contents .odd_y .text_box strong img{ position: absolute; right: -64px; top: 50%; margin-top: -8px; }
.history_ch .contents .odd_y .text_box p img{ position: absolute; right: -61px; top: 50%; margin-top: -4px; }
.history_ch .contents .even_y .text_box strong img{ position: absolute; left: -64px; top: 50%; margin-top: -8px; }
.history_ch .contents .even_y .text_box p img{ position: absolute; left: -61px; top: 50%; margin-top: -4px; }



/* map */

.map .map_area{ width:100%;
  height: 600px;
  background-color: #ccc;
  margin-bottom: 42px;
}
.map .contents{
  width:1112px;
  margin: auto;
}
.map .contents>p{
  width: 100%;
  border: 1px solid #dcdcdc;
  padding: 35px 9%;
  margin-bottom: 126px;
  text-align: center;
  font-size: 1.3em;
}
p{color:#222;}
.map .contents>div{
  width:100%;
  position: relative;
  margin-bottom: 60px;
}
.map .contents>div:after{
  content: '';
  display: block;
  clear: both;
}
.map .contents>div img{
  float: left;
}
.map .contents>div .text_area{
  padding: 30px 30px 30px 145px;
}
.map .contents .bus .text_area{
  padding: 10px 30px 30px 145px;
}

.map .contents>div h3{
  font-family:'NanumSquareB',sans-serif;
  position: absolute;
  top:0;
  left:145px;
}
.map .contents>div p{
  padding-left: 105px;
}
.map .contents>div .text_area p{
  position: relative;
  margin-bottom: 20px;
  font-family: 'NanumSquareR',sans-serif;
}
.map .contents>div em{
  display: inline-block;
  position: absolute;
  top:0;
  left:0;
  font-family:'NanumSquareB',sans-serif;

}

.map .contents .car em{
  background-color: #faffc1;
  margin-right: 50px;
}
.map .contents .metro em img{
  margin-right: 10px;
}
.map .contents .bus p{
  padding-left: 15px;
  position: relative;
}
.map .contents .bus p:after{
  content: '';
  display: block;
  width:225px;
  height: 1px;
  position: absolute;
  left:0;
  bottom:-7px;
  background-color: #cdcdcd;
}

.map .contents .bus p em{
  color: green;
  font-size: 1.5em;
  font-weight: bold;
}



.map_en .map_area{ width:100%;
  height: 600px;
  background-color: #ccc;
  margin-bottom: 42px;
}
.map_en .contents{
  width:1112px;
  margin: auto;
}
.map_en .contents>p{
  width: 100%;
  border: 1px solid #dcdcdc;
  padding: 35px 9%;
  margin-bottom: 126px;
  text-align: center;
  font-size: 1.3em;
}
p{color:#222;}
.map_en .contents>div{
  width:100%;
  position: relative;
  margin-bottom: 60px;
}
.map_en .contents>div:after{
  content: '';
  display: block;
  clear: both;
}
.map_en .contents>div img{
  float: left;
}
.map_en .contents>div .text_area{
  padding: 30px 30px 30px 145px;
}
.map_en .contents .bus .text_area{
  padding: 10px 30px 30px 145px;
}

.map_en .contents>div h3{
  font-family:'NanumSquareB',sans-serif;
  position: absolute;
  top:0;
  left:145px;
}
.map_en .contents>div p{
  padding-left: 105px;
}
.map_en .contents>div .text_area p{
  position: relative;
  margin-bottom: 20px;
  font-family: 'NanumSquareR',sans-serif;
}
.map_en .contents>div em{
  display: inline-block;
  position: absolute;
  top:0;
  left:0;
  font-family:'NanumSquareB',sans-serif;

}
.map_en .contents .car em{
  background-color: #faffc1;
  margin-right: 50px;
}
.map_en .contents .metro em img{
  margin-right: 10px;
}
.map_en .contents .bus p{
  padding-left: 15px;
  position: relative;
}
.map_en .contents .bus p:after{
  content: '';
  display: block;
  width:225px;
  height: 1px;
  position: absolute;
  left:0;
  bottom:-7px;
  background-color: #cdcdcd;
}
.map_en .contents .bus p em{
  color: green;
  font-size: 1.5em;
  font-weight: bold;
}



.map_ch .map_area{ width:100%;
  height: 600px;
  background-color: #ccc;
  margin-bottom: 42px;
}
.map_ch .contents{
  width:1112px;
  margin: auto;
}
.map_ch .contents>p{
  width: 100%;
  border: 1px solid #dcdcdc;
  padding: 35px 9%;
  margin-bottom: 126px;
  text-align: center;
  font-size: 1.3em;
}
p{color:#222;}
.map_ch .contents>div{
  width:100%;
  position: relative;
  margin-bottom: 60px;
}
.map_ch .contents>div:after{
  content: '';
  display: block;
  clear: both;
}
.map_ch .contents>div img{
  float: left;
}
.map_ch .contents>div .text_area{
  padding: 30px 30px 30px 145px;
}
.map_ch .contents .bus .text_area{
  padding: 10px 30px 30px 145px;
}

.map_ch .contents>div h3{
  font-family:'NanumSquareB',sans-serif;
  position: absolute;
  top:0;
  left:145px;
}
.map_ch .contents>div p{
  padding-left: 105px;
}
.map_ch .contents>div .text_area p{
  position: relative;
  margin-bottom: 20px;
  font-family: 'NanumSquareR',sans-serif;
}
.map_ch .contents>div em{
  display: inline-block;
  position: absolute;
  top:0;
  left:0;
  font-family:'NanumSquareB',sans-serif;

}
.map_ch .contents .car em{
  background-color: #faffc1;
  margin-right: 50px;
}
.map_ch .contents .metro em img{
  margin-right: 10px;
}
.map_ch .contents .bus p{
  padding-left: 15px;
  position: relative;
}
.map_ch .contents .bus p:after{
  content: '';
  display: block;
  width:225px;
  height: 1px;
  position: absolute;
  left:0;
  bottom:-7px;
  background-color: #cdcdcd;
}
.map_ch .contents .bus p em{
  color: green;
  font-size: 1.5em;
  font-weight: bold;
}



/* business */
.business .sub_title{ margin-bottom: 50px; }
.business .sub_Wrap{ width: 1100px; margin: 0 auto; }
.business .sub_Wrap li{ position: relative; overflow: hidden; padding: 100px 0; border-bottom: 1px solid #dadada; }
.business .sub_Wrap li:first-child{ padding-top: 0; }
.business .sub_Wrap li:last-child{ border-bottom: none; }
.business .sub_Wrap li a{ position: absolute; bottom: 100px; right: 74px; color: #2e2e2e; font-size: 16px; font-family: 'NanumSquareR',sans-serif; padding: 20px 25px; padding-right: 180px; border: 1px solid #737373;
  background-image: url('../img/sub/business_list_icon.png');
  background-repeat: no-repeat;
  background-position: 85% center;
  transition: 0.3s;
 }
 .business .sub_Wrap li a:hover{ background-position: 88% center; background-color: #75bd23; border: 1px solid #75bd23; background-image: url('../img/sub/business_list_icon_hover.png'); color: #fff; }
.business .sub_Wrap li img{ float: left; }
.business .sub_Wrap li dl{ float: left; padding-left: 50px; padding-top: 50px; }
.business .sub_Wrap li dl dt{ font-size: 30px; color: #292929; font-family: 'NanumSquareR',sans-serif; padding-top: 30px; padding-bottom: 45px; position: relative; }
.business .sub_Wrap li dl dt:before{ content:""; display: block; width: 50px; height: 4px; background-color: #97d600; position: absolute; top: -5px; left: 0; }
.business .sub_Wrap li dl dt span{ font-family: 'NanumSquareR',sans-serif; font-size: 18px; color: #7cb000; padding-left: 15px; }
.business .sub_Wrap li dl dd{ font-size: 16px; line-height: 24px; font-family: 'NanumSquareR',sans-serif; color: #292929; }

.business_en .sub_title{ margin-bottom: 50px; }
.business_en .sub_Wrap{ width: 1100px; margin: 0 auto; }
.business_en .sub_Wrap li{ position: relative; overflow: hidden; padding: 100px 0; border-bottom: 1px solid #dadada; }
.business_en .sub_Wrap li:first-child{ padding-top: 0; }
.business_en .sub_Wrap li:last-child{ border-bottom: none; }
.business_en .sub_Wrap li a{ position: absolute; bottom: 100px; right: 74px; color: #2e2e2e; font-size: 16px; font-family: 'NanumSquareR',sans-serif; padding: 20px 25px; padding-right: 180px; border: 1px solid #737373;
  background-image: url('../img/sub/business_list_icon.png');
  background-repeat: no-repeat;
  background-position: 85% center;
  transition: 0.3s;
 }
.business_en .sub_Wrap li a:hover{ background-position: 88% center; background-color: #75bd23; border: 1px solid #75bd23; background-image: url('../img/sub/business_list_icon_hover.png'); color: #fff; }
.business_en .sub_Wrap li img{ float: left; }
.business_en .sub_Wrap li dl{ float: left; padding-left: 50px; padding-top: 50px; }
.business_en .sub_Wrap li dl dt{ font-size: 30px; color: #292929; font-family: 'NanumSquareR',sans-serif; padding-top: 30px; padding-bottom: 45px; position: relative; }
.business_en .sub_Wrap li dl dt:before{ content:""; display: block; width: 50px; height: 4px; background-color: #97d600; position: absolute; top: -5px; left: 0; }
.business_en .sub_Wrap li dl dt span{ font-family: 'NanumSquareR',sans-serif; font-size: 18px; color: #7cb000; padding-left: 15px; }
.business_en .sub_Wrap li dl dd{ font-size: 16px; line-height: 24px; font-family: 'NanumSquareR',sans-serif; color: #292929; }


.business_ch .sub_title{ margin-bottom: 50px; }
.business_ch .sub_Wrap{ width: 1100px; margin: 0 auto; }
.business_ch .sub_Wrap li{ position: relative; overflow: hidden; padding: 100px 0; border-bottom: 1px solid #dadada; }
.business_ch .sub_Wrap li:first-child{ padding-top: 0; }
.business_ch .sub_Wrap li:last-child{ border-bottom: none; }
.business_ch .sub_Wrap li a{ position: absolute; bottom: 100px; right: 74px; color: #2e2e2e; font-size: 16px; font-family: 'NanumSquareR',sans-serif; padding: 20px 25px; padding-right: 180px; border: 1px solid #737373;
  background-image: url('../img/sub/business_list_icon.png');
  background-repeat: no-repeat;
  background-position: 85% center;
  transition: 0.3s;
 }
.business_ch .sub_Wrap li a:hover{ background-position: 88% center; background-color: #75bd23; border: 1px solid #75bd23; background-image: url('../img/sub/business_list_icon_hover.png'); color: #fff; }
.business_ch .sub_Wrap li img{ float: left; }
.business_ch .sub_Wrap li dl{ float: left; padding-left: 50px; padding-top: 50px; }
.business_ch .sub_Wrap li dl dt{ font-size: 30px; color: #292929; font-family: 'NanumSquareR',sans-serif; padding-top: 30px; padding-bottom: 45px; position: relative; }
.business_ch .sub_Wrap li dl dt:before{ content:""; display: block; width: 50px; height: 4px; background-color: #97d600; position: absolute; top: -5px; left: 0; }
.business_ch .sub_Wrap li dl dt span{ font-family: 'NanumSquareR',sans-serif; font-size: 18px; color: #7cb000; padding-left: 15px; }
.business_ch .sub_Wrap li dl dd{ font-size: 16px; line-height: 24px; font-family: 'NanumSquareR',sans-serif; color: #292929; }



/* battery */
.battery .box{ width:1112px; margin: auto; }
.battery .sub_title{ margin-bottom: 50px; }
.battery_en .box{ width:1112px; margin: auto; }
.battery_en .sub_title{ margin-bottom: 50px; }
.battery_ch .box{ width:1112px; margin: auto; }
.battery_ch .sub_title{ margin-bottom: 50px; }


/* 공통영역 */

.business_top{ margin-bottom: 95px; }

.business_top img{ width: 100%; }
.sub_container .box.shop{ text-align: center; position: relative; margin-bottom: 130px; font-size: 24px; line-height: 36px; }
.sub_container .box.shop strong{ font-weight: bold; font-size: 24px; }
.shop:before{ content: ''; display: block; width: 50px; height: 4px; background-color: #97d600; position: absolute; top:-40px; left:50%; margin-left: -25px; }
.shop p{ font-size: 24px; line-height: 36px; }
.shop p:first-child{ font-family: 'NanumSquareR',sans-serif; }


.shop a#btn_b{ margin-top: 50px; background-color: #97d600; display: inline-block; padding:13px 30px; padding-top: 14px; color:#fff; }
.shop a span{ display: block; padding-right:100px; background:url(../img/bg_arr_w.png) 90% center no-repeat; font: 1.2em 'NanumSquareR',sans-serif; color:#fff;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.shop a:hover span{ background-position: right center;
}
/* ********************** */

.battery .box1{ margin-bottom: 124px; border: 1px solid #dcdcdc; }
.battery .box1:after{ content: ''; display: block; clear: both; }
.battery .box1>div{ width: 50%; padding: 60px 35px; }
.battery .box1 .left_area{ float: left; position: relative; }
.battery .box1 .right_area{ float: right; }
.battery .box1 .left_area:after{ content: ''; display: block; width:1px; height: 570px; position: absolute; right:0; top:50%; margin-top: -285px; background-color: #dcdcdc; }
.battery .box1 h3{ font: 1.9em 'NanumSquareR',sans-serif; margin-bottom: 30px; }
.battery .box1 h3 em{ font-size: 0.7em; font: 0.7em 'NanumSquareR',sans-serif; color: #9e9e9e; margin-left:10px ; }
.battery .box1 p{ font: 1.05em/1.7em 'NanumSquareR',sans-serif; }
.battery .box1 img{ vertical-align: bottom; border: 1px solid #dcdcdc; }
.battery .box1 .left_area p{ margin-bottom: 186px; }
.battery .box1 .right_area p{ margin-bottom: 30px; }
.battery .box1 .right_area img.first{ display: inline-block; margin-right: 10px; }
.battery .box2{ border: 1px dashed #dcdcdc; border-radius: 30px; padding: 54px 10px 25px; position: relative; margin-bottom: 75px; }
.battery .box2 h4{ width: 225px; height: 50px; text-align: center; border: 2px solid #dcdcdc; background-color: #fff; border-radius: 10px; position: absolute; top:-25px; left:50%; margin-left: -118px; font:bold 1.2em/50px 'NanumSquareRound',sans-serif; color:#5d5d5d; }
.battery .box2 ul li{ float: left; width: 20%; margin:auto; text-align: center; }
.battery .box2 ul:after{ content: ''; display: block; clear: both; }
.battery .box2 ul li h5{ display: inline-block; color:#fff; background-color: #6bbe00; text-align: center; padding: 2% 5%; margin-bottom: 10px; }
.battery .box2 ul li div{ width: 200px; height: 200px; margin:auto; border-radius: 50%; border: 1px solid #97d600; }
.battery .box2 ul li div{ display: table; }
.battery .box2 ul li div .text{ display: table-cell; vertical-align:middle; font: 1.2em 'NanumSquareRound',sans-serif; }
.battery .shop p{ line-height: 36px; font-size: 24px; margin-bottom: 0; }

.battery_en .box1{ margin-bottom: 124px; border: 1px solid #dcdcdc; }
.battery_en .box1:after{ content: ''; display: block; clear: both; }
.battery_en .box1>div{ width: 50%; padding: 60px 35px; }
.battery_en .box1 .left_area{ float: left; position: relative; }
.battery_en .box1 .right_area{ float: right; }
.battery_en .box1 .left_area:after{ content: ''; display: block; width:1px; height: 570px; position: absolute; right:0; top:50%; margin-top: -285px; background-color: #dcdcdc; }
.battery_en .box1 h3{ font: 1.9em 'NanumSquareR',sans-serif; margin-bottom: 30px; }
.battery_en .box1 h3 em{ font-size: 0.7em; font: 0.7em 'NanumSquareR',sans-serif; color: #9e9e9e; margin-left:10px ; }
.battery_en .box1 p{ font: 1.05em/1.7em 'NanumSquareR',sans-serif; }
.battery_en .box1 img{ vertical-align: bottom; border: 1px solid #dcdcdc; }
.battery_en .box1 .left_area p{ margin-bottom: 186px; }
.battery_en .box1 .right_area p{ margin-bottom: 30px; }
.battery_en .box1 .right_area img.first{ display: inline-block; margin-right: 10px; }
.battery_en .box2{ border: 1px dashed #dcdcdc; border-radius: 30px; padding: 54px 10px 25px; position: relative; margin-bottom: 75px; }
.battery_en .box2 h4{ width: 225px; height: 50px; text-align: center; border: 2px solid #dcdcdc; background-color: #fff; border-radius: 10px; position: absolute; top:-25px; left:50%; margin-left: -118px; font:bold 1.2em/50px 'NanumSquareRound',sans-serif; color:#5d5d5d; }
.battery_en .box2 ul li{ float: left; width: 20%; margin:auto; text-align: center; }
.battery_en .box2 ul:after{ content: ''; display: block; clear: both; }
.battery_en .box2 ul li h5{ display: inline-block; color:#fff; background-color: #6bbe00; text-align: center; padding: 2% 5%; margin-bottom: 10px; }
.battery_en .box2 ul li div{ width: 200px; height: 200px; margin:auto; border-radius: 50%; border: 1px solid #97d600; }
.battery_en .box2 ul li div{ display: table; }
.battery_en .box2 ul li div .text{ display: table-cell; vertical-align:middle; font: 1.2em 'NanumSquareRound',sans-serif; }
.battery_en .shop p{ line-height: 36px; font-size: 24px; margin-bottom: 0; }

.battery_ch .box1{ margin-bottom: 124px; border: 1px solid #dcdcdc; }
.battery_ch .box1:after{ content: ''; display: block; clear: both; }
.battery_ch .box1>div{ width: 50%; padding: 60px 35px; }
.battery_ch .box1 .left_area{ float: left; position: relative; }
.battery_ch .box1 .right_area{ float: right; }
.battery_ch .box1 .left_area:after{ content: ''; display: block; width:1px; height: 570px; position: absolute; right:0; top:50%; margin-top: -285px; background-color: #dcdcdc; }
.battery_ch .box1 h3{ font: 1.9em 'NanumSquareR',sans-serif; margin-bottom: 30px; }
.battery_ch .box1 h3 em{ font-size: 0.7em; font: 0.7em 'NanumSquareR',sans-serif; color: #9e9e9e; margin-left:10px ; }
.battery_ch .box1 p{ font: 1.05em/1.7em 'NanumSquareR',sans-serif; }
.battery_ch .box1 img{ vertical-align: bottom; border: 1px solid #dcdcdc; }
.battery_ch .box1 .left_area p{ margin-bottom: 186px; }
.battery_ch .box1 .right_area p{ margin-bottom: 30px; }
.battery_ch .box1 .right_area img.first{ display: inline-block; margin-right: 10px; }
.battery_ch .box2{ border: 1px dashed #dcdcdc; border-radius: 30px; padding: 54px 10px 25px; position: relative; margin-bottom: 75px; }
.battery_ch .box2 h4{ width: 225px; height: 50px; text-align: center; border: 2px solid #dcdcdc; background-color: #fff; border-radius: 10px; position: absolute; top:-25px; left:50%; margin-left: -118px; font:bold 1.2em/50px 'NanumSquareRound',sans-serif; color:#5d5d5d; }
.battery_ch .box2 ul li{ float: left; width: 20%; margin:auto; text-align: center; }
.battery_ch .box2 ul:after{ content: ''; display: block; clear: both; }
.battery_ch .box2 ul li h5{ display: inline-block; color:#fff; background-color: #6bbe00; text-align: center; padding: 2% 5%; margin-bottom: 10px; }
.battery_ch .box2 ul li div{ width: 200px; height: 200px; margin:auto; border-radius: 50%; border: 1px solid #97d600; }
.battery_ch .box2 ul li div{ display: table; }
.battery_ch .box2 ul li div .text{ display: table-cell; vertical-align:middle; font: 1.2em 'NanumSquareRound',sans-serif; }
.battery_ch .shop p{ line-height: 36px; font-size: 24px; margin-bottom: 0; }

/* ear */
.earphone .sub_title{ margin-bottom: 50px; }
.earphone .shop p{ line-height: 1.3em; }
.earphone .box { width: 1112px; margin: auto; }
.earphone .box1{ height: 256px; background: url(../img/img_earphone2.png) 20px center no-repeat; padding-left: 314px; margin-bottom: 30px; }
.earphone .box1 .logo{ height: 256px; padding: 70px 0 ; }
.earphone .box1 .logo h4{ font-weight: bold; font-size: 1.8em; margin-bottom: 35px; position: relative; }
.earphone .box1 .logo h4:before{ content: ''; display: block; width:1px; height: 110px; background-color: #dcdcdc; position: absolute; left:-40px; top:0; }
.earphone .box1 .logo p{ font: 1.2em/1.4em 'NanumSquareR',sans-serif; }
.earphone .box1 img{ float: right; }
.earphone .box2{ }
.earphone .box2 img{ margin-right: 24px; }
.earphone .box2 img:last-child{ margin-right: 0; }

.earphone_en .sub_title{ margin-bottom: 50px; }
.earphone_en .shop p{ line-height: 1.3em; }
.earphone_en .box { width: 1112px; margin: auto; }
.earphone_en .box1{ height: 256px; background: url(../img/img_earphone2.png) 20px center no-repeat; padding-left: 314px; margin-bottom: 30px; }
.earphone_en .box1 .logo{ height: 256px; padding: 70px 0 ; }
.earphone_en .box1 .logo h4{ font-weight: bold; font-size: 1.8em; margin-bottom: 35px; position: relative; }
.earphone_en .box1 .logo h4:before{ content: ''; display: block; width:1px; height: 110px; background-color: #dcdcdc; position: absolute; left:-40px; top:0; }
.earphone_en .box1 .logo p{ font: 1.2em/1.4em 'NanumSquareR',sans-serif; }
.earphone_en .box1 img{ float: right; }
.earphone_en .box2{ }
.earphone_en .box2 img{ margin-right: 24px; }
.earphone_en .box2 img:last-child{ margin-right: 0; }

.earphone_ch .sub_title{ margin-bottom: 50px; }
.earphone_ch .shop p{ line-height: 1.3em; }
.earphone_ch .box { width: 1112px; margin: auto; }
.earphone_ch .box1{ height: 256px; background: url(../img/img_earphone2.png) 20px center no-repeat; padding-left: 314px; margin-bottom: 30px; }
.earphone_ch .box1 .logo{ height: 256px; padding: 70px 0 ; }
.earphone_ch .box1 .logo h4{ font-weight: bold; font-size: 1.8em; margin-bottom: 35px; position: relative; }
.earphone_ch .box1 .logo h4:before{ content: ''; display: block; width:1px; height: 110px; background-color: #dcdcdc; position: absolute; left:-40px; top:0; }
.earphone_ch .box1 .logo p{ font: 1.2em/1.4em 'NanumSquareR',sans-serif; }
.earphone_ch .box1 img{ float: right; }
.earphone_ch .box2{ }
.earphone_ch .box2 img{ margin-right: 24px; }
.earphone_ch .box2 img:last-child{ margin-right: 0; }


/* oem****** tab공통 **** */
.oem .sub_title{ margin-bottom: 50px; }
.oem .box{ width: 1112px; margin: auto; }

.oem_en .sub_title{ margin-bottom: 50px; }
.oem_en .box{ width: 1112px; margin: auto; }

.oem_ch .sub_title{ margin-bottom: 50px; }
.oem_ch .box{ width: 1112px; margin: auto; }
.tab{ height: 490px; }
.tab>ul>li{ width:20%; float: left; }
.tab>ul:after{ content: ''; display: block; clear: both; }
.tab>ul>li>a{ width: 100%; display: inline-block; text-align: center; height: 50px; font: 1.2em/50px 'NanumSquareR',sans-serif; border-bottom: 1px solid #cdcdcd; color:#9b9b9b; }
.tab>ul>li>a:hover{ color:#555; border-bottom: 3px solid #97d600; }
.tab>ul{position: relative;}
.tab .con{ width:100%; position: absolute; top:50px; left:0; display: none; }
.act{display: block !important;}
.tab>ul li .menuAct{color:#555; border-bottom: 3px solid #97d600;}
.con .img_area{margin-bottom: 30px;}
.con .img_area li{ float: left; width:33.3333333%; text-align: center; padding-top: 35px; }
.con .img_area li:nth-child(1){ text-align: left }
.con .img_area li:nth-child(3){ text-align: right; }
.con .img_area:after{ content: '';display: block;clear: both; }
.con .text_area h4{ font: 1.3em 'NanumSquareR',sans-serif; margin-bottom: 25px; }
.con .text_area p{ font: 1em/1.5em 'NanumSquareR',sans-serif; }
.con .text_area{position: relative;}
.con .text_area a{ margin-top: 50px; background-color: #97d600; display: inline-block; padding:20px 40px; color:#fff; position: absolute; right:0; bottom:0px; }
.oem_en .con .text_area a{ padding: 20px 20px; margin-top: 30px; bottom:70px;}
.oem_ch .con .text_area a{ bottom: }

.con .text_area a span{ display: block; padding-right:100px; background:url(../img/bg_arr_w.png) 90% center no-repeat; font: 1.2em 'NanumSquareR',sans-serif; color:#fff;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
.con .text_area a:hover span{ background-position: right center; }
.tab .right_pos{ width: 730px; position: absolute; top:100px; right:0; padding-right: 25px; }



/*  smartphone */
.smartphone .sub_title{ margin-bottom: 50px; }
.smartphone .box{ width: 1112px; margin: auto; }
.smartphone .tab{ height: 380px; }

.smartphone_en .sub_title{ margin-bottom: 50px; }
.smartphone_en .box{ width: 1112px; margin: auto; }
.smartphone_en .tab{ height: 380px; }

.smartphone_ch .sub_title{ margin-bottom: 50px; }
.smartphone_ch .box{ width: 1112px; margin: auto; }
.smartphone_ch .tab{ height: 380px; }

/* promotion */
.promotion .box1{ width: 1110px; margin: auto; }
.promotion .box1 img{ border: 1px solid #dcdcdc; margin-bottom: 40px; }
.promotion .box1 img:nth-child(odd){ margin-right: 28px; }
.promotion .box1 img:nth-child(n+3){ margin-bottom: 0; }

.promotion_en .box1{ width: 1110px; margin: auto; }
.promotion_en .box1 img{ border: 1px solid #dcdcdc; margin-bottom: 40px; }
.promotion_en .box1 img:nth-child(odd){ margin-right: 28px; }
.promotion_en .box1 img:nth-child(n+3){ margin-bottom: 0; }

.promotion_ch .box1{ width: 1110px; margin: auto; }
.promotion_ch .box1 img{ border: 1px solid #dcdcdc; margin-bottom: 40px; }
.promotion_ch .box1 img:nth-child(odd){ margin-right: 28px; }
.promotion_ch .box1 img:nth-child(n+3){ margin-bottom: 0; }

/* sitemap */
.sitemap .wrap_box{ width:1110px; margin: auto; }
.sitemap .wrap_box>div{ width:20%; float: left; padding-left: 40px; }
.sitemap .wrap_box>div h4 a{ font-family: "NanumSquareB"; font-size: 22px; font-weight: bold; margin-bottom: 35px; position: relative; display: block; }
.sitemap .wrap_box>div h4 a:after{ content: ''; display: block; width:22px; height: 2px; background-color: #94c63d; position: absolute; bottom:-20px; }
.sitemap .wrap_box>div li a{ display: inline-block; font-family: "NanumSquareL"; font-size: 16px; margin-bottom: 24px; }

.sitemap_en .wrap_box{ width:1110px; margin: auto; }
.sitemap_en .wrap_box>div{ width:20%; float: left; padding-left: 40px; }
.sitemap_en .wrap_box>div h4 a{ font-family: "NanumSquareB"; font-size: 18px; font-weight: bold; margin-bottom: 35px; position: relative; display: block; }
.sitemap_en .wrap_box>div h4 a:after{ content: ''; display: block; width:22px; height: 2px; background-color: #94c63d; position: absolute; bottom:-20px; }
.sitemap_en .wrap_box>div li a{ display: inline-block; font-family: "NanumSquareL"; font-size: 14px; margin-bottom: 24px; }

.sitemap_ch .wrap_box{ width:1110px; margin: auto; }
.sitemap_ch .wrap_box>div{ width:20%; float: left; padding-left: 40px; }
.sitemap_ch .wrap_box>div h4 a{ font-family: "NanumSquareB"; font-size: 22px; font-weight: bold; margin-bottom: 35px; position: relative; display: block; }
.sitemap_ch .wrap_box>div h4 a:after{ content: ''; display: block; width:22px; height: 2px; background-color: #94c63d; position: absolute; bottom:-20px; }
.sitemap_ch .wrap_box>div li a{ display: inline-block; font-family: "NanumSquareL"; font-size: 16px; margin-bottom: 24px; }