@charset "euc-kr";
/* CSS Document 

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);*/

@font-face {
  font-family: "nanumsquare";
  font-weight: normal;
  src: url(/font/nanumsquare.eot);
  src: local("��"),
    url(/font/nanumsquarer.eot?#iefix) format("embedded-opentype"),
    url(/font/nanumsquarer.woff) format("woff"),
    url(/font/nanumsquarer.woff2) format("woff");
}

@font-face {
  font-family: "nanumsquare";
  font-weight: bold;
  src: url(/font/nanumsquareb.eot);
  src: local("��"),
    url(/font/nanumsquareb.eot?#iefix) format("embedded-opentype"),
    url(/font/nanumsquareb.woff) format("woff"),
    url(/font/nanumsquareb.woff2) format("woff");
}

@font-face {
  font-family: "nanumsquarexb";
  font-weight: bold;
  src: url(/font/NanumSquareEB.eot);
  src: local("��"),
    url(/font/NanumSquareEB.eot?#iefix) format("embedded-opentype"),
    url(/font/NanumSquareEB.woff) format("woff");
}
@font-face {
  /* �������� Regular */
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix)
      format("embedded-opentype"),
    url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2)
      format("woff2"),
    url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff)
      format("woff"),
    url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf)
      format("truetype");
}
@font-face {
  /* �������� Bold */
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix)
      format("embedded-opentype"),
    url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2)
      format("woff2"),
    url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff)
      format("woff"),
    url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf)
      format("truetype");
}
@font-face {
  /* �������� ExtraBold */
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix)
      format("embedded-opentype"),
    url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2)
      format("woff2"),
    url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff)
      format("woff"),
    url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf)
      format("truetype");
}
/*---reset---*/
html {
  overflow-y: scroll;
  overflow-x: hidden;
}
* {
  margin: 0;
  padding: 0;
}
img {
  border: 0;
}
ul,
ol,
dl,
li {
  list-style: none;
}
caption {
  width: 1px;
  height: 1px;
  overflow: hidden;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-family: "nanumsquare", "Nanum Gothic", "Malgun Gothic",
    "AppleSDGothicNeo-Light", "AppleSDGothicNeo", sans-serif, Arial, dotum,
    "����" !important;
}
body {
  font-family: "nanumsquare", "Nanum Gothic", "Malgun Gothic",
    "AppleSDGothicNeo-Light", "AppleSDGothicNeo", sans-serif, Arial, dotum,
    "����" !important;
  font-size: 15px;
  color: #252525;
  line-height: 23px;
  text-decoration: none;
  -webkit-text-size-adjust: none;
  word-break: keep-all;
}

/*---a link---*/
a {
  text-decoration: none;
  color: #4e4e4e;
}
a.top {
  color: #bbb;
  text-decoration: none;
}
a.top:hover {
  color: #eee;
  text-decoration: none;
}
a.subtop {
  text-decoration: none;
  color: #4e4e4e;
}
a.subtop:hover {
  text-decoration: none;
  color: #002844;
  font-weight: bold;
}
a.subtop:active {
  text-decoration: none;
  color: #002844;
  font-weight: bold;
}

/*---header---*/
#header_wrap {
  width: 100%;
  height: 93px;
  margin: 0 auto;
}
#header {
  width: 1200px;
  height: 93px;
  margin: 0 auto;
}
#logo {
  float: left;
  margin-top: 18px;
}
.nav_wrap {
  width: 736px;
  height: 93px;
  float: right;
}

/* @group core nav menu */
#nav {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 93px;
}
#nav li.menu_bar {
  font-family: "nanumsquare";
  font-size: 18px;
}
#nav li.menu_bar:nth-child(4) {
  display: none;
}
#nav li {
  float: left;
  display: block;
  position: relative;
  z-index: 500;
}
#nav li a {
  display: block;
  padding: 0;
  line-height: 93px;
  text-decoration: none;
  zoom: 1;
  width: 147px;
  text-align: center;
  color: #000;
}
#nav li a:hover,
#nav li a.hov {
  color: #7a7a7a;
}
#nav li.last {
  margin-top: 36px;
}
select {
  outline: none;
  margin-left: 10px;
  width: 121px;
  height: 30px;
  border: 1px solid #e6e9ed;
  padding-left: 10px;
  margin-top: -5px;
  background: url(../images/select_arrow.png) 100px 13px no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}

/* @group subnav */
#nav ul {
  position: absolute;
  left: -30px;
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px #e0e0e0 solid;
}
#nav ul.menu1 li {
  width: 204px;
  float: left;
  font-family: Nanum Gothic;
  font-size: 13px;
}
#nav ul li:hover {
  background: 045cb5;
}
#nav ul.menu1 a {
  width: 200px;
  display: block;
  height: 25px;
  line-height: 25px;
  padding: 10px 0;
  color: #858585;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  background: #fff;
}
#nav ul.menu1 a:hover {
  font-weight: 300;
  text-decoration: none;
  color: #000;
  padding: 10px 0;
  background: #f1f1f1;
  font-size: 13px;
}

#nav ul.menu2 li {
  width: 210px;
  float: left;
  font-family: Nanum Gothic;
  font-size: 13px;
}
#nav ul.menu2 a {
  width: 210px;
  display: block;
  height: 25px;
  line-height: 25px;
  padding: 10px 0;
  color: #858585;
  border-left: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  background: #fff;
}
#nav ul.menu2 a:hover {
  left: -20px;
  text-decoration: none;
  font-weight: 300;
  color: #000;
  padding: 10px 0;
  background: #f1f1f1;
}

/* ---main_slider--- */
.slider-wrap {
  position: relative;
}
.slider-wrap .slider-btn {
  position: absolute;
  top: 0%;
  z-index: 500;
  cursor: pointer;
}
.slider-wrap .slider-btn.left {
  left: 0%;
  margin-top: 220px;
  z-index: 501;
}
.slider-wrap .slider-btn.right {
  right: 0%;
  margin-top: 220px;
  z-index: 501;
}
.slider-wrap .slider-btn.main_bn {
  right: 0%;
}
.slider-wrap .main_text_con {
  width: 100%;
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 10;
}
.slider-wrap .main_text_con > p {
  width: 1100px;
  margin: 0 auto;
  text-align: left;
}
.slider-wrap .slider-index {
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 500;
  bottom: 40px;
  margin-left: -350px;
}
.slider-wrap .slider-index img {
  cursor: pointer;
  margin: 0 2px;
}
.slider-wrap .slider {
  position: relative;
  width: 100%;
  height: 533px;
  overflow: hidden;
}
.slider-wrap .slider li {
  position: absolute;
  width: 100%;
  height: 533px;
  top: 0;
  overflow: hidden;
}
.slider-wrap .slider .slider-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1920px;
  min-height: 533px;
}
.slider-wrap .slider .slider-copy {
  margin-top: 80px;
}

#sec1_wrap {
  width: 100%;
  padding: 40px 0;
  border-bottom: 3px solid #fa961a;
}
#sec1_wrap ul {
  width: 1450px;
  margin: 0 auto;
  overflow: hidden;
}
#sec1_wrap ul li {
  width: 198px;
  height: 240px;
  border: 5px solid #ccc;
  float: left;
  margin-right: 40px;
}
#sec1_wrap ul li.m_rightno {
  folat: left;
  margin-right: 0;
}

#sec1_wrap ul li a {
  width: 100%;
  height: 100%;
}
#sec1_wrap ul li a .img {
}

#sec2_wrap {
  width: 1200px;
  margin: 40px auto;
  overflow: hidden;
}
#sec2_wrap > div {
  float: left;
}

.sec2_box {
  width: 580px;
  margin-right: 17px;
}
.sec2_2 {
  width: 480px;
  height: 188px;
  background: url(../images/sec2_2bg.png) no-repeat;
  margin-bottom: 12px;
}
.sec2_2 a {
  display: block;
  padding-bottom: 50px;
}
.sec2_2 p {
  font-size: 28px;
  color: #fff;
  padding: 60px 0 0 43px;
  line-height: 35px;
  font-weight: bold;
}
.sec2_2 p span {
  font-size: 28px;
  color: #fa961a;
}

.sec2_3 {
  width: 1200px;
  height: 150px;
  background: url(../images/sec2_3bg_new.png) no-repeat;
}
.sec2_3 p {
  color: #fff;
  padding: 30px 0 0 43px;
}
.sec2_3 p span {
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}

.new_sec2_3 {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.new_sec2_3 p {
  padding: 0;
  font-size: 18px;
  line-height: 1.5;
}
.new_sec2_3 p span {
  font-size: 18px;
  margin-right: 20px;
}

#moveBox {
  width: 100%;
  height: 531px;
  overflow: hidden;
  background: url(../images/move_bg.png) repeat center;
  position: relative;
}
#moveBox a {
  display: block;
  height: 531px;
}
#moveBox > div {
  width: 1200px;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
#moveBox h2 {
  position: absolute;
  top: 80px;
  left: 50%;
  margin-left: -220px;
  width: 440px; /*margin:75px auto;*/
  font-weight: 300;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
}
#moveBox h2 em {
  font-weight: 400;
}
#moveBox h2 a {
  display: block;
  width: auto;
  padding-bottom: 90px;
  background: url(../images/icon_moveBox.png) no-repeat center bottom;
  color: #e94609;
  line-height: 40px;
}
#moveBox h2 a:hover {
  background: url(/en/img/main/icon_moveBox_ov.png) no-repeat center bottom;
  transition: all 0.3s, color 0.1s 0.1s;
}
#leftMove {
  position: absolute;
  opacity: 0;
  float: left;
  left: -666px;
  transition: all 1.5s;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
}
#leftMove.revealed {
  opacity: 1;
  left: -500px;
}
#rightMove {
  position: absolute;
  opacity: 0;
  float: right;
  right: -548px;
  transition: all 1.5s;
  -webkit-transition: all 1.5s;
  -moz-transition: all 1.5s;
}
#rightMove.revealed {
  opacity: 1;
  right: -503px;
}

/**/

.ih-item.square.effect3 {
  overflow: hidden;
}
.ih-item.square.effect3.bottom_to_top {
  width: 198px;
  height: 240px;
}
.ih-item.square.effect3.colored .info {
  background: #1a4a72;
}
.ih-item.square.effect3 .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect3 .info {
  /* height: 65px; */
  background: #333333;
  /* opacity: 0; */
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.square.effect3 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 13px 10px 7px 4px;
}

.ih-item.square.effect3 a:hover .info {
  visibility: visible;
  opacity: 1;
}

.ih-item.square.effect3.bottom_to_top .info {
  top: auto;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  /* transform: translateY(100%); */
}
.ih-item.square.effect3.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  -o-transform: translateY(-15px);
  transform: translateY(-15px);
}
.ih-item.square.effect3.bottom_to_top a:hover .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}

.ih-item.square.effect3.top_to_bottom .info {
  bottom: auto;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ih-item.square.effect3.top_to_bottom a:hover .img {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}
.ih-item.square.effect3.top_to_bottom a:hover .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}

#sub_visual {
  clear: both;
  width: 100%;
  height: 235px;
  margin: 0 auto;
  background: #f7f7f7 url(../images/sub_bg.png) no-repeat;
}

#contents {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  top: 0px;
}
#leftmenu_wrap {
  top: 0px;
  left: 0;
  bottom: 0;
  width: 260px;
  float: left;
  z-index: 10;
  color: #44444a;
}
#left_top {
  width: 230px;
  height: 124px;
  color: #fff;
  background: #818181;
  line-height: 124px;
  padding-left: 30px;
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 1px;
}

#left_menu a {
  display: block;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #818181;
  color: #525252;
  padding-left: 30px;
  font-weight: 600;
  text-decoration: none;
  font-size: 15px;
  font-family: "Nanum Gothic", sans-serif;
}
#left_menu a.on {
  display: block;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #fff;
  color: #fff;
  padding-left: 30px;
  font-weight: 600;
  background: url(../images/left_on_bg.png) no-repeat;
}
#left_menu a:hover {
  display: block;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #fff;
  color: #fff;
  padding-left: 30px;
  font-weight: 600;
  text-decoration: none;
  background: url(../images/left_on_bg.png) no-repeat;
}

#article_wrap {
  width: 885px;
  float: right;
}
#article_top {
  width: 885px;
  height: 124px;
}
#article_top ul li.article_tit {
  font-size: 29px;
  font-weight: 600;
  color: #44444a;
  line-height: 104px;
  float: left;
}
.midle_tit {
  width: 854px;
  font-size: 24px;
  font-weight: 600;
  color: #44444a;
  line-height: 60px;
  float: left;
}
#article_top ul li.home {
  font-size: 13px;
  color: #787878;
  line-height: 104px;
  float: right;
}

.greeting {
  background: url(../images/ceo.jpg) no-repeat right;
  height: 700px;
}
h3.greeting_title {
  font-size: 28px;
  color: #3c3c3c;
  margin-bottom: 10px;
}
h3.greeting_title span {
  font-size: 28px;
  color: #fe6600;
}
h4.greeting_subtitle {
  color: #999;
  font-size: 20px;
  margin-bottom: 50px;
  line-height: 1.5;
}
h4.greeting_subtitle span {
  display: block;
  text-align: right;
  font-size: 16px;
  margin-top: 30px;
}
h4.greeting_subtitle b {
  color: #fe6600;
}

p.greeting_subtitle2 {
  color: #fd8900;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 20px;
}
p.greeting_subtitle2_sp {
  color: #6e6e6e;
  font-size: 16px;
  font-weight: normal;
  padding-bottom: 40px;
  line-height: 1.5;
}
p.greeting_subtitle2_sp span {
  color: #fd8900;
}
p.greeting_subtitle2_1_sp {
  color: #6e6e6e;
  font-size: 15px;
  font-weight: normal;
  padding-left: 16px;
  line-height: 30px;
  padding-bottom: 30px;
}

p.greeting_subtitle3 {
  color: #fd8900;
  font-size: 17px;
  font-weight: 600;
}
p.greeting_subtitle3_sp {
  color: #6e6e6e;
  font-size: 15px;
  font-weight: normal;
  padding-left: 16px;
  line-height: 30px;
  padding-bottom: 30px;
  background: url(../images/subtitle3_bg.png) center bottom no-repeat;
}
p.greeting_subtitle4 {
  color: #fd8900;
  font-size: 17px;
  font-weight: 600;
  margin-top: 30px;
}
p.greeting_subtitle4_sp, div.greeting_subtitle4_sp {
  color: #6e6e6e;
  font-size: 15px;
  font-weight: normal;
  padding-left: 16px;
  line-height: 30px;
  padding-bottom: 30px;
  background: url(../images/subtitle3_bg.png) center bottom no-repeat;
}

p.greeting_subtitle5_sp {
  color: #6e6e6e;
  font-size: 15px;
  font-weight: normal;
  line-height: 30px;
  padding-bottom: 30px;
  background: url(../images/subtitle3_bg.png) center bottom no-repeat;
}

p.greeting_subtitle6_sp {
  color: #333;
  line-height: 17px;
  display: inline-block;
  font-size: 15px;
  border-bottom: 1px solid #333;
  padding-bottom: 1px;
  font-weight: normal;
  margin-left: 16px;
  margin-bottom: 40px;
}

p.greeting_subtitle3_sp span.text_bold {
  color: #000;
}
p.greeting_subtitle4_sp span.text_bold {
  color: #000;
}

.down_btn {display: flex;}
.down_btn a {
    margin-top: 10px;
    padding: 13px 22px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -.32px;
    border-radius: 8px;
    background: #333;
    transition: all .3s ease-in-out
}

.greeting_wrap {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.greeting_subtitle4_sp span {
  color: #fd8900;
}

p.mar40_tb {
  margin: 40px 0;
}

.gray_txt {
  width: 805px;
  background-color: #efefef;
  padding: 30px 40px;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  margin-top: 30px;
}

/**����**/
.left_wrap {
  overflow: hidden;
  margin-top: 40px;
}
.left_1 {
  float: left;
  width: 390px;
  margin-right: 52px;
}
.right_1 {
  float: left;
  width: 442px;
}

ul.tabs {
  width: 885px;
  margin-bottom: 40px;
  padding: 0;
  float: left;
  list-style: none;
}
ul.tabs li {
  float: left;
  text-align: center;
  cursor: pointer;
  width: 290px;
  height: 50px;
  font-size: 18px;
  font-weight: 600;
  line-height: 50px;
  border: 1px solid #e3e3e3;
  background: #818181;
  color: #fff;
}

ul.tabs li.active {
  background: #fa961a;
}
.tab_container {
  margin-top: 15px;
  clear: both;
  float: left;
  width: 885px;
}

/********************************************/
ul.tabs2 {
  width: 885px;
  margin-bottom: 40px;
  padding: 0;
  float: left;
  list-style: none;
}
ul.tabs2 li {
  float: left;
  text-align: center;
  cursor: pointer;
  width: 219px;
  height: 50px;
  font-size: 18px;
  font-weight: 600;
  line-height: 50px;
  border: 1px solid #e3e3e3;
  background: #818181;
  color: #fff;
}

ul.tabs2 li.active {
  background: #fa961a;
}
.tab_container {
  margin-top: 15px;
  clear: both;
  float: left;
  width: 885px;
}

/********************************************/
ul.tabs3 {
  width: 885px;
  margin-bottom: 40px;
  padding: 0;
  float: left;
  list-style: none;
}
ul.tabs3 li {
  float: left;
  text-align: center;
  cursor: pointer;
  width: 293px;
  height: 50px;
  font-size: 18px;
  font-weight: 600;
  line-height: 50px;
  border: 1px solid #e3e3e3;
  background: #818181;
  color: #fff;
}

ul.tabs3 li.active {
  background: #fa961a;
}
.tab_container {
  margin-top: 15px;
  clear: both;
  float: left;
  width: 885px;
}

/********************************************/
ul.tabs4 {
  width: 885px;
  margin-bottom: 40px;
  padding: 0;
  float: left;
  list-style: none;
}
ul.tabs4 li {
  float: left;
  text-align: center;
  cursor: pointer;
  width: 293px;
  height: 50px;
  font-size: 18px;
  font-weight: 600;
  line-height: 50px;
  border: 1px solid #e3e3e3;
  background: #818181;
  color: #fff;
}
ul.tabs4 li.active {
  background: #fa961a;
}
.tab_container {
  margin-top: 15px;
  clear: both;
  float: left;
  width: 885px;
}

/********************************************/
ul.tabs_2 {
  width: 885px;
  margin-bottom: 40px;
  padding: 0;
  float: left;
  list-style: none;
}
ul.tabs_2 li {
  float: left;
  text-align: center;
  cursor: pointer;
  width: 150px;
  height: 40px;
  margin-right: 10px;
  font-size: 17px;
  line-height: 40px;
  border: 1px solid #e3e3e3;
  background: #fff;
  color: #454545;
}
ul.tabs_2 li.active {
  color: #fa961a;
}
.tab_container_2 {
  margin-top: 15px;
  clear: both;
  float: left;
  width: 885px;
}

#history {
  width: 885px;
  background: url(../images/history_bg.png) no-repeat top right;
  overflow: hidden;
  font-size: 15px;
  margin-bottom: 20px;
}
#history ul {
  margin-bottom: 59px;
}

#history ul li.noyear {
  margin-left: 120px;
  height: 40px;
  background: url(../images/bottom_history.png) 0px 30px no-repeat;
}
#history ul li.noyear2 {
  margin-left: 120px;
  margin-bottom: 40px;
  height: 40px;
  background: url(../images/bottom_history.png) 0px 30px no-repeat;
}
#history ul li.year {
  height: 40px;
  background: url(../images/bottom_history.png) 120px 30px no-repeat;
  margin-bottom: 40px;
  margin-top: 5px;
}

#history ul li.year2 {
  height: 40px;
  background: url(../images/bottom_history.png) 120px 30px no-repeat;
}
#history ul li.year3 {
  height: 40px;
  background: url(../images/bottom_history.png) 120px 30px no-repeat;
  margin-top: 5px;
}

#history ul li.year span {
  display: block;
  float: left;
  width: 40px;
  font-size: 30px;
  font-weight: 600;
  color: #fa961a;
  padding-right: 80px;
}
#history ul li.year2 span {
  display: block;
  float: left;
  width: 40px;
  font-size: 30px;
  font-weight: 600;
  color: #fa961a;
  padding-right: 80px;
}
#history ul li.year3 span {
  display: block;
  float: left;
  width: 40px;
  font-size: 30px;
  font-weight: 600;
  color: #fa961a;
  padding-right: 80px;
}
#history ul li b {
  padding-right: 15px;
}

/***********/
/* .img_wrap img:last-child{margin-left:15px;} */
.img_wrap {
  width: 885px;
  margin-bottom: 40px;
}
.img_wrap img {
  border: 1px solid #ccc;
}

.table_1 {
  border-top: 2px solid #fa961a;
  border-bottom: 2px solid #fa961a;
  margin-top: 5px;
}
.table_1 th {
  line-height: 1.6;
  background: #ededed;
  font-size: 16px;
    padding: 10px 15px
}
.th_right {
  border-right: 1px solid #ccc;
}
.table_1 td {
  border: 1px solid #ccc;
  line-height: 1.6;
    padding: 10px 15px;
}
.table_1 td:last-child {
  border-right: 0;
}
.table_1 td:first-child {
  border-left: 0;
}

.table_2 {
  border-top: 2px solid #fa961a;
  border-bottom: 2px solid #fa961a;
  margin-top: 5px;
}
.table_2 th {
  background: #ededed;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  line-height: 1.6;
    padding: 10px 15px;
}
.table_2 td {
  border: 1px solid #ccc;
  line-height: 1.6;
    padding: 10px 15px;
}
.table_2 td:last-child {
  border-right: 0;
}
.table_2 td:first-child {
  border-left: 0;
}

.table_3 {
  border-top: 2px solid #fa961a;
  border-bottom: 2px solid #fa961a;
  margin-top: 5px;
}
.table_3 th {
  line-height: 1.6;
  background: #ededed;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
    padding: 10px 15px;
}
.th_right {
  border-right: 1px solid #ccc;
}
.table_3 td {
  border: 1px solid #ccc;
  line-height: 1.6;
    padding: 10px 15px;
}
.table_3 td:last-child {
  border-right: 0;
}
.table_3 td:first-child {
  border-left: 0;
}
.table_3 th.bd {
  border-right: 1px solid #ccc;
}

.table_4 {
  border-top: 2px solid #fa961a;
  border-bottom: 2px solid #fa961a;
  margin-top: 5px;
}
.table_4 th {
  text-align: center;
  line-height: 1.6;
  background: #ededed;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
    padding: 10px 15px;
    font-weight: 500;
}
.table_4 td {
  border: 1px solid #ccc;
  line-height: 1.6;
    padding: 10px 15px;
}
.table_4 td:last-child {
  border-right: 0;
}
.table_4 td:first-child {
  border-left: 0;
}
.table_4 th.bd {
  border-right: 1px solid #ccc;
}

.table_5 {
  border-top: 2px solid #fa961a;
  border-bottom: 2px solid #fa961a;
}
.table_5 th {
  text-align: center;
  line-height: 1.6;
  background: #ededed;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
    padding: 10px 15px;
}
.table_5 td {
  border: 1px solid #ccc;
  line-height: 1.6;
    padding: 10px 15px;
}
.table_5 td:last-child {
  border-right: 0;
}
.table_5 td:first-child {
  border-left: 0;
}
.table_5 th.bd {
  border-right: 1px solid #ccc;
}
/*****��ǰ��******/
.product4 {
  width: 885;
  clear: both;
  overflow: hidden;
}
.product4 div {
  float: left;
}
.product4_1 {
  width: 275px;
}
.product4_2 {
  width: 275px;
  margin-left: 30px;
}
.product4_2_img1 {
  width: 275px;
  height: 180px;
  margin-bottom: 10px;
}
p.product4_sp {
  color: #000;
  line-height: 30px;
  padding-bottom: 1px;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 10px;
}

p.product4_1_sp {
  color: #000;
  line-height: 17px;
  padding-bottom: 1px;
  font-size: 15px;
  font-weight: norma;
  margin-bottom: 5px;
}

p.product4_2_sp {
  color: #6e6e6e;
  font-size: 15px;
  font-weight: normal;
  line-height: 25px;
  padding-bottom: 40px;
}

.product4_3 {
  width: 885px;
  clear: both;
  overflow: hidden;
  margin-bottom: 40px;
}
.product4_3 div {
  float: left;
}
.product4_3_img1 {
  width: 250px;
  display: block;
  margin-right: 50px;
}
.product4_3_img1 p {
  line-height: 25px;
  font-size: 15px;
  padding-top: 5px;
  display: block;
  text-align: center;
}
.product4_3_cont1 {
  width: 585px;
  float: right;
  display: block;
  padding-bottom: 40px;
}
.product4_3_cont2 {
  width: 585px;
  float: right !important;
  display: block;
  background: url(../images/subtitle3_bg.png) center bottom no-repeat;
}
.product4_3_cont2 p {
  display: block;
}

.product4_4 {
  width: 885px;
  clear: both;
  overflow: hidden;
  margin-bottom: 40px;
}
.product4_4 div {
  float: left;
}
.img_wrap2 {
  width: 432px;
  margin-right: 25px;
  margin-bottom: 40px;
}
.img_wrap3 {
  width: 427px;
  margin-bottom: 40px;
}

/***�̹��� ����***/
.mar_b {
  margin-left: 0px !important;
}
.mar_b40 {
  margin-bottom: 40px;
}
.mar_b15 {
  margin-bottom: 15px;
}
.mar_b15_2 {
  margin-bottom: 15px;
  margin-left: 15px;
}

/***��������*****/

.rnd1 li {
  display: block;
}
.rnd_cont {
  clear: both;
  overflow: hidden;
}
.rnd_cont2 {
  clear: both;
  overflow: hidden;
}
.rnd_cont3 {
  clear: both;
  overflow: hidden;
}
.rnd_cont3 ul {
  width: 885px;
}
.rnd_cont3 ul li {
  float: left;
}
.rnd_cont li {
  float: left;
  display: block;
}
.rnd_txt1 {
  width: 655px;
  margin-left: 30px;
  height: 200px;
  margin-bottom: 40px;
  background: url(../images/subtitle3_bg.png) center bottom no-repeat;
}
.rnd_txt1 p {
  color: #454545;
  font-size: 15px;
  font-weight: normal;
  line-height: 25px;
  padding-left: 25px;
  margin-bottom: 10px;
  background: url(../images/rnd_bar.png) top left no-repeat;
}
.rnd_txt2 {
  width: 655px;
  margin-left: 30px;
  height: 250px;
  background: url(../images/subtitle3_bg.png) center bottom no-repeat;
}
.rnd_txt2 p {
  color: #454545;
  font-size: 15px;
  font-weight: normal;
  line-height: 25px;
  padding-left: 25px;
  margin-bottom: 10px;
  background: url(../images/rnd_bar.png) top left no-repeat;
}
.rnd_txt3 {
  color: #454545;
  font-size: 15px;
  font-weight: normal;
  line-height: 25px;
  padding-left: 25px;
  margin-top: 30px;
  margin-bottom: 10px;
  background: url(../images/rnd_bar.png) top left no-repeat;
}
.rnd_txt4 {
  color: #454545;
  font-size: 15px;
  font-weight: normal;
  line-height: 25px;
  padding-left: 25px;
  margin-bottom: 10px;
  background: url(../images/rnd_bar.png) top left no-repeat;
}

/*---footer---*/
.blank {
  clear: both;
  width: 784px;
  height: 80px;
}
.blank2 {
  clear: both;
  width: 784px;
  height: 150px;
}
#footer_wrap {
  clear: both;
  width: 100%;
  height: 160px;
  border-top: 1px solid #e1e1e1;
  background: #2d2d2d;
}
#footer {
  width: 1200px;
  margin: 0 auto;
}
#footer h2 {
  float: left;
  margin: 50px 0 0 20px;
}
#footer p {
  float: left;
  margin: 35px 0 0 120px;
  color: #b0b0b0;
}

/*===2019-04-30 �ű� �޴� �߰�========*/
.detail01 {
  background: url(../images/company/talent_img01.gif) 710px 0 no-repeat;
  padding-bottom: 45px;
  border-bottom: 1px solid #d2d2d2;
}
.detail01 dl {
  letter-spacing: -0.8px;
  line-height: 1.6;
}
.detail01 dl dt {
  color: #45555c;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.detail01 dl dd {
  color: #8a8a8a;
  font-size: 16px;
}
.detail02 {
  padding-top: 55px;
}
.detail02 ul:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.detail02 ul {
  display: flex;
  flex-wrap: wrap;
}
.detail02 ul li {
  width: calc(100% / 2 - 40px);
  margin: 20px;
}
.detail02 ul li dl {
  min-height: 81px;
  padding: 5px 30px 0 100px;
  letter-spacing: -1px;
}
.detail02 ul li dl dt {
  color: #000;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
}
.detail02 ul li dl dt span {
  color: #fa961a;
}
.detail02 ul li dl dd {
  line-height: 22px;
}
.detail02 ul li.first dl {
  background: url("../images/icon01.gif") 0 0 no-repeat;
}
.detail02 ul li.second dl {
  background: url("../images/icon02.gif") 0 0 no-repeat;
  padding-right: 0 !important;
}
.detail02 ul li.third dl {
  background: url("../images/icon03.gif") 0 0 no-repeat;
}
.detail03_p {
  border-top: 1px solid #ddd;
  line-height: 1.9;
  padding-top: 30px;
  font-size: 17px;
}

/*OUR VALUES*/
.values {
}
.values li {
  line-height: 2;
  font-size: 22px;
}
.values li em {
  color: #fa961a;
  font-weight: 600;
}
.values li span {
  color: #fa961a;
  font-weight: 600;
}

/*vision*/
.vision_tit {
  font-size: 30px;
  line-height: 1.2;
  text-align: center;
  position: relative;
  margin: 50px 0;
}
.vision_tit span {
  color: #fa961a;
  display: block;
}
.vision_tit::before {
  content: "";
  width: 40px;
  height: 40px;
  background: url(../images/vision_tit.png) no-repeat;
  position: absolute;
  top: -20px;
  left: 0;
  z-index: -1;
  background-size: contain;
}
.vision_tit::after {
  content: "";
  width: 40px;
  height: 400px;
  background: url(../images/vision_tit.png) no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  transform: rotate(180deg);
  background-size: contain;
}

/*�ൿ�Թ�*/
.Behavior {
}
.Behavior li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.Behavior li h3 {
  width: 30%;
  text-align: center;
  color: #fff;
  font-size: 30px;
}
.Behavior li h3 span {
  opacity: 0.8;
  padding-left: 15px;
  font-size: 26px;
}
.Behavior li p {
  font-size: 16px;
  color: #fff;
  line-height: 1.5;
  width: 60%;
}
.Behavior li.beh1 {
  background: url(../images/beh1.jpg) no-repeat center;
  width: 100%;
  height: 200px;
  background-size: cover;
}
.Behavior li.beh2 {
  background: url(../images/beh2.jpg) no-repeat center;
  width: 100%;
  height: 200px;
  background-size: cover;
}
.Behavior li.beh3 {
  background: url(../images/beh3.jpg) no-repeat center;
  width: 100%;
  height: 200px;
  background-size: cover;
}
.Behavior li.beh4 {
  background: url(../images/beh4.jpg) no-repeat center;
  width: 100%;
  height: 200px;
  background-size: cover;
}
.Behavior li.beh5 {
  background: url(../images/beh5.jpg) no-repeat center;
  width: 100%;
  height: 200px;
  background-size: cover;
}

/*�����Ļ�*/
.welfare {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.welfare li {
  width: calc(100% / 3 - 80px);
  margin: 20px;
  padding: 0 20px;
  text-align: center;
  position: relative;
}
.welfare li::after {
  content: "";
  width: 1px;
  height: 100px;
  background-color: #ccc;
  position: absolute;
  right: -25px;
  bottom: 0px;
}
.welfare li div {
  margin-bottom: 10px;
}
.welfare li div img {
}
.welfare li h3 {
  font-size: 18px;
  text-align: center;
  font-weight: 500;
}
.welfare li:nth-child(3)::after,
.welfare li:nth-child(6)::after,
.welfare li:nth-child(9)::after {
  display: none;
}
#tab2 .welfare li:nth-child(2)::after {
  display: none;
}
#tab2 .welfare li {
  width: calc(100% / 3 - 40px);
}

.com4_warp {
}
.com4_warp p {
  margin-bottom: 30px;
  font-size: 20px;
}
.com4_warp div {
  margin-top: 50px;
}

.tab-content {
  display: none;
}
.tab-content.current {
  display: inherit;
}
.tab li.current {
  background-color: #fa961a;
}

/*��������*/
.com12 {
}
.com12 .gray_txt {
  margin-bottom: 50px;
}
.com12 .gray_txt span {
  display: block;
  font-size: 16px;
  margin-top: 10px;
}

.com12 p {
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 1.5;
}
.com12 p img {
  margin-right: 10px;
}
.com12 .com12_date {
  text-align: center;
  font-size: 18px;
  margin-top: 50px;
}
.com12 .com12_ceo {
  text-align: center;
  font-size: 22px;
}

.com12_txt {
  display: flex;
  align-items: start;
  margin-bottom: 20px;
}
.com12_txt img {
  margin-top: 4px;
}
.com12_txt div {
  display: flex;
  margin-left: 10px;
}
.com12_txt em {
  font-style: normal;
  font-size: 20px;
  margin-right: 10px;
  padding-top: 3px;
}
.com12_txt span {
  font-size: 20px;
  line-height: 1.5;
}

.pro_new_wrap{margin-bottom: 30px;}

.list_style {padding-left: 27px; margin-bottom: 40px;}
.list_style li {font-size: 20px; line-height: 1.5; position: relative; padding-left: 15px; padding-bottom: 5px;}
.list_style li:before {content: ''; width: 5px; height: 5px; background: #000; position: absolute; left: 0; top: 11px; border-radius: 50%;}