@charset "UTF-8";

/****************** 공통 ******************/
/* ! normalize.css v3.0.1 | MIT License | git.io/normalize  */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

/* HTML5 display definitions ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

/* Links ========================================================================== */
a {
  background: transparent;
}

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content ========================================================================== */
img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content ========================================================================== */
figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms ========================================================================== */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

/* Tables ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
address, big, cite, code, del, dfn, em, font, img, ins,
q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: none 0;
}

/* hidden */
.blind, legend, caption {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.clear {
  clear: both;
}

.vh {
visibility: hidden;
}

label {
  cursor: pointer;
}

input, select {
  margin: 0 0;
  padding: 0 0;
}

ul, li, ol {
  list-style-type: none;
}

a:link, a:visited {
  color: #222;
  text-decoration: none;
}

a:hover {
  cursor: pointer;
}

body, input, button, textarea, select {
  padding: 0 0;
  margin: 0 0;
  line-height:1.5em;
  font-size:12px;
  color: #222;
  font-family: 'nbg','나눔바른고딕','돋움',dotum,'굴림',gulim,Helvetica,sans-serif;
}


body {
  padding:0 0;
  margin:0 0;
  line-height:1.5em;
  color:#222;
   font-family: 'nbg','나눔바른고딕','돋움',dotum,'굴림',gulim,Helvetica,sans-serif;
  font-size:12px;
}

select, input, img, li {
  vertical-align: middle;
}

.wrap {
  background: #fff;
}

/*
.header {
  position: relative;
  padding-top: 69px;
  background: #fff;
  z-index: 10;
}
*/

.dimm{display:none; position:absolute; left:0; top:0; z-index:11; width:100%; height:100%; background-color:rgba(28, 34, 43, 0.80);}

h1.logo {
  position: absolute;
  top: 8px;
  left: 19px;
  z-index: 4;
}
h1.logo img {
  width: 121px;
  height: auto;
}

.lnb_wrap {
  position: absolute;
  top: 0;
  right: 0;
}
.lnb_wrap .btn_view_lnb img {
  margin: 34px 24px 0 0;
}
.lnb_wrap .lnb {
  display: none;
}
.lnb_wrap .groupware_contactus {
  display: none;
  margin-top: 32px;
  text-align: center;
}

.lnb_detail {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: 100%;
  overflow-x: hidden;
  z-index: 10;
  font-size: 16px;
  background: #535a63;
}
.lnb_detail > ul {
  margin-top: 67px;
}
.lnb_detail > ul a {
  color: #cacaca;
  font-weight: bold;
}
.lnb_detail > ul a:hover {
  color: #fff;
}
.lnb_detail > ul .dep1 > a {
  display: block;
  height: 44px;
  line-height: 44px;
  border-top: 2px solid #656b74;
  border-bottom: 1px solid #656b74;
  background: #494f57;
  font-size: 16px;
}
.lnb_detail > ul .dep1 > a strong {
  display: block;
  padding-left: 60px;
}
.lnb_detail > ul .dep1 > .first strong {
  background: url(../images/bg_m_lnb.png) 27px -176px no-repeat;
}
.lnb_detail > ul .dep1 > .second strong {
  background: url(../images/bg_m_lnb.png) 27px -220px no-repeat;
}
.lnb_detail > ul .dep1 > .third strong {
  background: url(../images/bg_m_lnb.png) 27px -264px no-repeat;
}
.lnb_detail > ul .dep1 > .fourth strong {
  background: url(../images/bg_m_lnb.png) 27px -308px no-repeat;
}
.lnb_detail > ul .dep1 > .first.on strong, .lnb_detail > ul .dep1 > .first:hover strong {
  color: #fff;
  background: url(../images/bg_m_lnb.png) 27px 0 no-repeat;
}
.lnb_detail > ul .dep1 > .second.on strong, .lnb_detail > ul .dep1 > .second:hover strong {
  color: #fff;
  background: url(../images/bg_m_lnb.png) 27px -44px no-repeat;
}
.lnb_detail > ul .dep1 > .third.on strong, .lnb_detail > ul .dep1 > .third:hover strong {
  color: #fff;
  background: url(../images/bg_m_lnb.png) 27px -88px no-repeat;
}
.lnb_detail > ul .dep1 > .fourth.on strong, .lnb_detail > ul .dep1 > .fourth:hover strong {
  color: #fff;
  background: url(../images/bg_m_lnb.png) 27px -132px no-repeat;
}
.lnb_detail > ul .dep1 .groupware strong {
  font-size: 15px;
  background: url(../images/bg_m_lnb.png) 27px -396px no-repeat;
}
.lnb_detail > ul .dep1 .groupware.on strong, .lnb_detail > ul .dep1 .groupware:hover strong {
  background: url(../images/bg_m_lnb.png) 27px -352px no-repeat;
}
.lnb_detail > ul .dep1 .contactus {
  border-top: 0;
}
.lnb_detail > ul .dep1 .contactus strong {
  font-size: 15px;
  background: url(../images/bg_m_lnb.png) 27px -484px no-repeat;
}
.lnb_detail > ul .dep1 .contactus.on strong, .lnb_detail > ul .dep1 .contact_Us:hover strong {
  background: url(../images/bg_m_lnb.png) 27px -440px no-repeat;
}
.lnb_detail > ul .dep2 {
}
.lnb_detail > ul .dep2 a {
  display: block;
  padding: 0 10px 5px 30px;
  font-size: 14px;
}
.lnb_detail .btn_m_lnb_close {
  position: absolute;
  top: 32px;
  right: 28px;
}

/*주요고객사*/
  .customers_area ul li.empty_li{ 
    display:inline-block;
    zoom:1;*display:inline;
   }
/* footer */
.footer {
  clear: both;
  position: relative;
  margin-top: 23px;
  text-align: center;
  font-size: 11px;
  z-index: 3;
}
.footer li {
  display: inline;
}
.footer address {
  font-style: normal;
  letter-spacing: -1px;
}
.footer .mtpc {
  display: block;
}

.main_visual {
  position: relative;
  overflow: hidden;
}

.visual {
  float: left;
  width: 100%;
  height: auto;
  text-align: right;
  min-height: 270px;
}
.visual .visual_area {
  position: relative;
  padding: 30px 10px 0 10px;
  line-height: 1;
  color: #222;
  text-align: left;
  z-index: 2;
}

/* 20170119 비주얼 추가 */
.main .visual .head_tit {
  padding-left:25px;
  padding-bottom:17px;
  font-weight:bold;
  font-size: 20px;
  color:#fff;
  background:url('../images/visual_main_logo.png') no-repeat left top;
}
.visual .head_txt {
  position: relative;
  padding-bottom:15px;
  z-index: 2;
  font-size: 22px;
  font-weight:500;
  color:#fff;
  line-height:1.2;
  letter-spacing:-3px
}
.slider_list .visual_img{
  /*display:none;*/
}

.mt20{margin-top:20px;}

@media all and (max-width: 640px) {
    .slider_list.s1 img{
   width:219px;
   margin: -177px 0 0 0;
  }
  .slider_list.s2 img{
   width:219px;
   margin: -142px 0 0 0;
  }
  .slider_list.s3 img{
   width:219px;
   margin: -142px 0 0 0;
  }

  /*주요고객사*/
  .customers_area ul li.empty_li{ 
    display:none
   }
}
@media all and (min-width: 480px) {
  .visual .head_txt {
    font-size: 26px;
  line-height:1.2;
  }
}
.visual .txt {
  position: relative;
  z-index: 2;
  line-height: 1.6;
  font-size: 12px;
}
.visual .link_area {
  margin-top: 15px;
  font-size: 12px;
  font-weight: bold;
}
.visual .link_area a {
  color: #353535;
}
.visual .link_area .arrow {
  display: inline-block;
  width: 6px;
  height: 7px;
  padding-bottom: 1px;
  background: url(../images/bg_visual_link.png) no-repeat;
}
.visual .else_m {
  display: none;
}
.slider_list .visual_img {
  text-align: right;
  z-index: 1;
}

@media all and (min-width: 641px) {
  .main .lnb_detail {
    
  }
  .main .touch_slider1 {
    min-height: 360px;
  }
  .main .visual {
    min-height: 360px;
  }
  .main .visual .visual_area {
    padding: 40px 0 0 30px;
  }

  .slider_list.s0 img{
   width:262px;
   margin: -149px 0 0 0;
  }

  .slider_list.s1 img{
   width:262px;
   margin: -169px 0 0 0;
  }
  .slider_list.s2 img{
   width:262px;
   margin: -163px 0 0 0;
  }
  .slider_list.s3 img{
   width:262px;
   margin: -163px 0 0 0;
  }
  .slider_list.s5 img{
   width:262px;
   margin: -163px 0 0 0;
  }
  .slider_list.s6 img{
   width:262px;
   margin: -163px -20px 0 0;
  }
  .main .visual .head_txt {
    line-height: 1.2;
    font-size: 26px;
  }
  .main .visual .txt {
    font-size: 14px;
  }
  .main .visual .link_area {
    margin-top: 30px;
    font-size: 14px;
    font-weight: bold;
  }
  .main .visual .link_area a {
    color: #353535;
  }
  .main .visual .else_m {
    display: block;
  }

}
@media all and (min-width: 1000px) {
  .main .touch_slider1 {
    min-height: 430px;
  }
  .main .visual {
    min-height: 430px;
  }
  .main .visual .visual_area {
    padding: 90px 0 0 57px;
  }
  .main .visual .head_txt {
    line-height: 52px;
    font-size: 38px;
  }
  .main .visual .link_area {
    margin-top: 30px;
    font-size: 15px;
    font-weight: bold;
  }
  .main .visual .link_area a {
    color: #353535;
  }
}

.touch_slider1 {
  position: relative;
  min-height: 270px;
}
.touch_slider1 > ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.slide_controller {
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -68px;
  z-index: 2;
}
.slide_controller ul {
  width: 100%;
}
.slide_controller li {
  float: left;
  margin: 0 3px;
}
.slide_controller a {
  display: block;
  width: 16px;
  height: 16px;
}
.slide_controller a.on {
  display: block;
  width: 41px;
  height: 16px;
}
.slide_controller a.play {
  width: 13px;
  margin-left: 10px;
}
.slide_controller a.pause {
  width: 15px;
}
.slide_controller img {
  width: 95%;
  display:block;
}

.visual.business {
  background: url(../images/bg_visual_01.gif) repeat;
}
.visual.business img {
  width: 190px;
  margin: -80px 0 0 0;
}
.visual.business .visual_list1 {
  position: relative;
  z-index: 2;
  font-size: 13px;
  font-weight: bold;
  color: #222;
}
.visual.business .visual_list1 li {
  margin-top: 3px;
  line-height: 1.1;
}
.visual.business .visual_list1 strong {
  font-size: 11px;
  color: #0261c0;
}
.visual.business .visual_list1 .only_m {
  display: block;
}

.visual.family {
  background: url(../images/bg_visual_05.gif) repeat;
}
.visual.family img {
  margin: -22px -8px 0 0;
  width:160px;
}
.visual.main1 {
  background: url(../images/bg_visual_06.gif) repeat;
}
.visual.main2 {
  background: url(../images/bg_visual_07.gif) repeat;
}
.visual.main3 {
  background: url(../images/bg_visual_08.gif) repeat;
}
.visual.family .head_txt strong{
  font-weight:600;
  letter-spacing:-3px;
}
.visual.main1 .head_txt span{
  color:#496309;
}
.visual.main1 .txt{
  color:#496309;
}
.visual.main2 .head_txt span{
  color:#8e2606;
}
.visual.main2 .txt{
  color:#8e2606;
  line-height:1.6;
}
.visual.main3 .head_txt span{
  color:#055d8d;
}
.visual.main3 .txt{
  color:#055d8d;
  line-height:24px;
}
.visual.family .head_txt span {
  display: block;
  font-size: 18px;
  margin: 10px 0 10px 0;
  color: #df4311;
  letter-spacing:-1px;
}
.visual.family .visual_list1 {
  position: relative;
  z-index: 2;
  font-size: 13px;
  font-weight: bold;
  color: #222;
}
.visual.family .visual_list1 li {
  margin-top: 3px;
  line-height: 1.1;
}
.visual.family .visual_list1 strong {
  font-size: 11px;
  color: #0261c0;
}
.visual.family .txt{
  margin-top:18px;
  line-height:19px;
}

@media all and (min-width: 480px) {
  .visual.business img {
    width: 250px;
    margin: -120px 0 0 0;
  }
  .visual.business .visual_list1 {
    margin-top: 15px;
  }

  .visual.family img {
    margin: -118px -9px 0 0;
    width:230px;
  }

  .visual.family .head_txt span{
  font-size:24px;
  }

  .slider_list .visual_img{
  display:block;
  }
}
@media all and (min-width: 641px) {
  .visual.business img {
    width: 240px;
    margin: -160px 10px 0 0;
  }
  .visual.business .visual_list1 {
    font-size: 14px;
  }
  .visual.business .visual_list1 li {
    margin-top: 7px;
    line-height: 1.3;
  }
  .visual.business .visual_list1 strong {
    font-size: 12px;
  }
   .visual.family img {
    margin: -115px 0 0 0;
    width:229px;
  }

  .visual.family .head_txt span{
  font-size:18px;
  }
}
@media all and (min-width: 690px) {
   .visual.family img {
    margin: -184px 0 0 0;
    width:293px;
  }
}
@media all and (min-width: 781px) {
  .visual.business img {
    width: 280px;
    margin: -165px 10px 0 0;
  }
  .visual.business .visual_list1 .only_m {
    display: inline;
  }
  .visual.family img {
    margin: -218px 0 0 0;
    width:334px;
  }

  .visual.family .head_txt span{
  font-size:22px;
  }
}
@media all and (min-width: 860px) {
  .visual.business img {
    width: 320px;
    margin: -190px 10px 0 0;
  }
  .visual.family img {
    margin: -260px 0 0 0;
    width:400px;
  }
}
@media all and (min-width: 1000px) {
  .visual.business img {
    width: 380px;
    margin: -200px 40px 0 0;
  }
  .visual.business .visual_list1 {
    font-size: 16px;
  }
  .visual.business .visual_list1 li {
    margin-top: 7px;
    line-height: 1.3;
  }
  .visual.business .visual_list1 strong {
    font-size: 13px;
  }
  .visual.family img {
    margin: -276px 0 0 0;
    width:527px;
  }
}

.visual.vision {
  background: url(../images/bg_visual_02.gif) repeat;
}
.visual.vision img {
  width: 220px;
  margin: -45px 5px 0 0;
}
.visual.vision .head_txt span {
  display: block;
  font-size: 18px;
  margin: 5px 0 10px 0;
  color: #da4403;
}
.visual.vision .txt strong {
  display: block;
  font-size: 15px;
  margin-bottom: 5px;
}
@media all and (min-width: 480px) {
  .visual.vision img {
    width: 320px;
    margin: -75px 5px 0 0;
  }
  .visual.vision .head_txt span {
    font-size: 20px;
  }
}
@media all and (min-width: 641px) {
  .visual.vision .head_txt span {
    display: block;
    margin: 5px 0 10px 0;
    color: #da4403;
    line-height: 1;
  }
  .visual.vision img {
    width: 300px;
    margin: -80px 5px 0 0;
  }
}
@media all and (min-width: 781px) {
  .visual.vision img {
    width: 340px;
    margin: -110px 20px 0 0;
  }
  .visual.vision .head_txt span {
    font-size: 23px;
  }
  .visual.vision .txt strong {
    font-size: 16px;
  }
}
@media all and (min-width: 860px) {
  .visual.vision img {
    width: 390px;
    margin: -120px 20px 0 0;
  }
}
@media all and (min-width: 1000px) {
  .visual.vision img {
    width: 499px;
    margin: -120px 20px 0 0;
  }
  .visual.vision .head_txt span {
    font-size: 27px;
  }
}

.visual.ceo {
  background: url(../images/bg_visual_03.gif) repeat;
}
.visual.ceo img {
  width: 160px;
  margin: -90px 0 0 0;
}
.visual.ceo .head_txt {
  font-size: 20px;
  line-height: 1.2;
}
.visual.ceo .head_txt span {
  display: block;
}
.visual.ceo .txt {
  margin-top: 10px;
  color: #555;
  font-weight: bold;
  font-size: 15px;
}
.visual.ceo .txt strong {
  color: #5e9d05;
}
.visual.ceo .txt span {
  display: block;
}
@media all and (min-width: 480px) {
  .visual.ceo img {
    width: 240px;
    margin: -160px 0 0 0;
  }
}
@media all and (min-width: 641px) {
  .visual.ceo img {
    width: 220px;
    margin: -170px 20px 0 0;
  }
}
@media all and (min-width: 781px) {
  .visual.ceo img {
    width: 260px;
    margin: -210px 20px 0 0;
  }
  .visual.ceo .txt .else {
    display: inline;
  }
}
@media all and (min-width: 860px) {
  .visual.ceo img {
    width: 280px;
    margin: -225px 20px 0 0;
  }
}
@media all and (min-width: 1000px) {
  .visual.ceo img {
    width: 355px;
    margin: -230px 20px 0 0;
  }
  .visual.ceo .txt {
    font-size: 19px;
  }
}

.visual.news {
  background: url(../images/bg_visual_01.gif) repeat;
}
.visual.news img {
  width: 200px;
  margin: -90px -25px 0 0;
}
.visual.news .head_txt {
  font-size: 20px;
}
.visual.news .head_txt span {
  display: block;
  font-size: 18px;
  margin: 7px 0 10px 0;
  color: #086cc1;
}
.visual.news .txt {
  font-size: 14px;
  line-height: 1.4;
}
.visual.news .txt strong {
  font-size: 15px;
}
@media all and (min-width: 320px) {
  .visual.news .txt strong {
    display: block;
  }
}
@media all and (min-width: 400px) {
  .visual.news img {
    width: 230px;
    margin: -115px -10px 0 0;
  }
}
@media all and (min-width: 480px) {
  .visual.news img {
    width: 270px;
    margin: -150px -10px 0 0;
  }
  .visual.news .head_txt {
    font-size: 22px;
  }
  .visual.news .head_txt span {
    font-size: 20px;
  }

  .visual.main1 img{
   width:230px;
   margin: -140px 5px 0 0;
  }
  .visual.main2 img{
     width:230px;
   margin: -177px 16px 0 0;
  }
  .visual.main3 img{
     width:260px;
   margin: -128px 10px 0 0;
  }
}
@media all and (min-width: 641px) {
  .visual.news .head_txt span {
    display: block;
    margin: 7px 0 15px 0;
    line-height: 1;
  }
  .visual.news img {
    width: 290px;
    margin: -160px 0 0 0;
  }
  .visual.news .txt strong {
    font-weight: bold;
  }
  .visual.main1 img{
   width:230px;
   margin: -75px 5px 0 0;
  }
  .visual.main2 img{
     width:230px;
   margin: -80px 16px 0 0;
  }
  .visual.main3 img{
     width:230px;
   margin: -18px 30px 0 0;
  }
}
@media all and (min-width: 781px) {
  .visual.news img {
    width: 310px;
    margin: -210px 5px 0 0;
  }
  .visual.news .head_txt span {
    font-size: 23px;
  }
  .visual.news .txt strong {
    font-size: 16px;
  }
    .visual.main1 img{
   width:260px;
   margin: -135px 23px 0 0;
  }
  .visual.main2 img{
     width:260px;
   margin: -160px 42px 0 0;
  }
  .visual.main3 img{
     width:320px;
   margin: -123px 9px 0 0;
  }
}
@media all and (min-width: 860px) {
  .visual.news img {
    width: 350px;
    margin: -235px 10px 0 0;
  }

  .slider_list.s0 img{
   width:auto;
   margin: -246px 0 0 0;
  }

    .slider_list.s1 img{
   width:auto;
   margin: -246px 0 0 0;
  }
  .slider_list.s2 img{
     width:auto;
     margin:-191px 0 0 0;
  }
  .slider_list.s3 img{
     width:auto;
     margin:-191px 0 0 0;
  }

  .slider_list.s5 img{
   width:auto;
   margin: -230px 0 0 0;
  }

  .slider_list.s6 img{
   width:auto;
   margin: -270px 0 0 0;
  }

}
@media all and (min-width: 1000px) {
  .visual.news img {
    width: 424px;
    margin: -250px 25px 0 0;
  }

 .slider_list.s0 img{
    margin: -300px 0 0 0;
}

 .slider_list.s1 img{
    margin: -292px 0 0 0;
}
 .slider_list.s2 img{
    margin: -313px 0 0 0;
}
 .slider_list.s3 img{
    margin: -318px 0 0 0;
}

 .slider_list.s5 img{
    margin: -240px 0 0 0;
}

.slider_list.s6 img{
    margin: -280px 0 0 0;
}

 .visual.news .head_txt span {
    margin: 10px 0 20px 0;
    font-size: 27px;
  }
  .visual.news .txt strong.else {
    display: inline;
  }
}

/****************** 메인페이지 ******************/
.main_slider {
  position: relative;
  overflow: hidden;
}
.main_slider li {
  position: relative;
  background: #ebebeb;
}
.main_slider .solution_header {
  position: absolute;
  top: 18px;
  left: 23px;
  font-size: 20px;
  color: #222;
  z-index: 2;
}
.main_slider .solution_1 {
  display: block;
  width: 100%;
}
.main_slider .solution_1 .txt1 {
  padding: 54px 0 0 20px;
  font-weight: bold;
  line-height: 1.2;
  font-size: 18px;
}
.main_slider .solution_1 .txt1 span {
  color: #117abd;
  font-size: 16px;
}
.main_slider .solution_1 .txt2 {
  position: relative;
  margin: 5px 20px 0 20px;
  color: #555;
  z-index: 3;
}
.main_slider .solution_2, .main_slider .solution_3, .main_slider .solution_4, .main_slider .solution_5, .main_slider .solution_6 {
  display: block;
  width: 100%;
}
.main_slider .solution_2 .txt1, .main_slider .solution_3 .txt1, .main_slider .solution_4 .txt1, .main_slider .solution_5 .txt1, .main_slider .solution_6 .txt1 {
  padding: 54px 0 0 20px;
  font-weight: bold;
  line-height: 1.2;
  font-size: 18px;
}
.main_slider .solution_2 .txt1 span, .main_slider .solution_3 .txt1 span, .main_slider .solution_4 .txt1 span, .main_slider .solution_5 .txt1 span, .main_slider .solution_6 .txt1 span {
  color: #117abd;
  font-size: 16px;
}
.main_slider .solution_2 .txt2, .main_slider .solution_3 .txt2, .main_slider .solution_4 .txt2, .main_slider .solution_5 .txt2, .main_slider .solution_6 .txt2 {
  position: relative;
  margin: 5px 20px 0 20px;
  color: #555;
  z-index: 3;
}
.main_slider .solution_2 .center, .main_slider .solution_3 .center, .main_slider .solution_4 .center, .main_slider .solution_5 .center, .main_slider .solution_6 .center {
  text-align: center;
}
.main_slider .solution_1 .center {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  text-align: center;
}
.main_slider .solution_1 .center img {
  width: 280px;
}
.main_slider .solution_2 .center {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  text-align: center;
}
.main_slider .solution_2 .center img {
  width: 280px;
}
.main_slider .solution_3 .center {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.main_slider .solution_3 .center img {
  width: 280px;
}
.main_slider .solution_4 img {
  position: absolute;
  bottom: -30px;
  left: -20px;
  width: 300px;
}
.main_slider .solution_5 .center {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  text-align: center;
}
.main_slider .solution_5 img {
  width: 170px;
}
.main_slider .solution_6 .center{
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: center;
}
.main_slider .solution_6 img{
  width:140px;
}
.main_slider .btn_list {
  position: absolute;
  top: 22px;
  right: 20px;
}
.main_slider .btn_list li {
  float: left;
}
.main_slider a {
  display: block;
  width: 19px;
  height: 19px;
}
.main_slider .autoplay {
  margin: 0 8px;
  background: url(../images/btn_slide_controller.gif) no-repeat -57px 0;
}
.main_slider .autoplay.on {
  background: url(../images/btn_slide_controller.gif) no-repeat -38px 0;
}
.main_slider .prev {
  background: url(../images/btn_slide_controller.gif) no-repeat 0 0;
}
.main_slider .next {
  background: url(../images/btn_slide_controller.gif) no-repeat -19px 0;
}
.main_slider .m {
  display: block;
}

.touch_slider2, .touch_slider2 li {
  height: 250px;
}

.banner_n_business_list {
  background: url(../images/bg_main_banner.gif) repeat;
}

.main_banner1 {
  position: relative;
  padding: 4% 25px 4% 25px;
  text-align: left;
  overflow: hidden;
}
.main_banner1 a h2 {
  font-size: 22px;
  color: #fff;
}
.main_banner1 ul {
  margin-top: 20px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1.2;
}
.main_banner1 li {
  float: left;
  width: 25%;
}
.main_banner1 li div {
  margin-left: -6px;
}
.main_banner1 li img {
  width: 56px;
}
.main_banner1 li .else {
  display: block;
}
.main_banner1 li.first, .main_banner1 li.second {
  width: 23%;
  margin: 0 1%;
}

.business_list {
  position: relative;
  padding: 25px 25px 22px 25px;
  background: #fff;
}
.business_list .business_head {
  padding-bottom: 10px;
  line-height: 1;
  font-size: 20px;
}
.business_list ul {
  margin-left: 3px;
}
.business_list li {
  margin-top: 7px;
  padding: 0 0 4px 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background: url(../images/bullet_mainlist_01.gif) left 6px no-repeat;
  line-height: 1.1;
  border-bottom: 1px dotted #d4d4d4;
  font-size: 14px;
}
.business_list li a span {
  font-size: 12px;
}
.business_list .btn_more {
  position: absolute;
  top: 22px;
  right: 20px;
}
.business_list .right_line {
  display: none;
}

.jobs_news {
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-color: #d7d7d7;
  overflow: hidden;
  clear: both;
}
.jobs_news .area {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}
.jobs_news .m_link {
  margin-left: -20px;
}
.jobs_news .link {
  margin: 22px 23px 20px 23px;
  font-size: 12px;
}
.jobs_news .link .title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.jobs_news .link .head_txt {
  font-size: 15px;
  margin-bottom: 4px;
  line-height: 1.4;
  color: #000;
}
.jobs_news .link .head_txt .accent_color {
  color: #457fc7;/* #729f0e; */
}
.jobs_news .link .txt {
  color: #555;
}
.jobs_news .area.second {
  background: #fff;
  border-top: 1px solid #d7d7d7;
}
.jobs_news .area.second .head_txt .accent_color {
  color: #e62e8b;
  letter-spacing:-1px;
}
.jobs_news .area.second .txt{letter-spacing:-1px;}
.jobs_news .area.second .link div {
  position: relative;
  z-index: 2;
}
.jobs_news .area.second .link img {
  z-index: 1;
}
.jobs_news .area {
  float: left;
  width: 100%;
  text-align: left;
  background: #fff;
}
.jobs_news .m_link {
  display: none;
}
.jobs_news img {
  display: none;
}
.jobs_news .btn_more {
  position: absolute;
  top: 22px;
  right: 20px;
}
.jobs_news .btn_more img {
  display: block;
}

/****************** 공통 ******************/
.m_page_link {
  position: relative;
  height: 95px;
}

.dep1_list {
  font-size: 15px;
}
.dep1_list > li {
  float: left;
  width: 50%;
}
.dep1_list a.first {
  display: block;
  height: 46px;
  padding-left: 20px;
  line-height: 46px;
  border-style: solid;
  border-color: #d7d7d7;
  background: url("../images/bullet_link_detail01.gif") right 20px no-repeat;
  font-weight: bold;
  border-width: 1px 1px 0 0;
}
.dep1_list a.second {
  display: block;
  height: 46px;
  padding-left: 20px;
  line-height: 46px;
  border-style: solid;
  border-color: #d7d7d7;
  background: url("../images/bullet_link_detail01.gif") right 20px no-repeat;
  font-weight: bold;
  border-width: 1px 0 0 0;
}
.dep1_list a.third {
  display: block;
  height: 46px;
  padding-left: 20px;
  line-height: 46px;
  border-style: solid;
  border-color: #d7d7d7;
  background: url("../images/bullet_link_detail01.gif") right 20px no-repeat;
  font-weight: bold;
  border-width: 1px 1px 1px 0;
}
.dep1_list a.fourth {
  display: block;
  height: 46px;
  padding-left: 20px;
  line-height: 46px;
  border-style: solid;
  border-color: #d7d7d7;
  background: url("../images/bullet_link_detail01.gif") right 20px no-repeat;
  font-weight: bold;
  border-width: 1px 0 1px 0;
}

.link_detail {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.link_detail .goto_dep1 {
  position: absolute;
  top: 1px;
  left: 0px;
  z-index: 2;
}
.link_detail .goto_dep1 a {
  display: block;
  width: 52px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #fff;
  border-right: 1px solid #5da0d9;
  font-size: 15px;
  font-weight: bold;
}
.link_detail .goto_dep1 a .only_m {
  padding-bottom: 3px;
}
.link_detail .dep1 {
  display: none;
  width: 100%;
}
.link_detail .dep1 > a {
  display: block;
  padding-left: 53px;
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-color: #d7d7d7;
  background: #378ad0;
}
.link_detail .dep1 > a strong {
  display: block;
  min-height: 46px;
  padding-left: 15px;
  line-height: 46px;
  border-left: 1px solid #277cc4;
  color: #fff;
  font-size: 15px;
}
.link_detail .dep2 li {
  background-color: #ebebeb;
}
.link_detail .dep2 li a {
  display: block;
  padding: 15px 22px 12px 18px;
  line-height: 1.2;
  color: #444;
  border-bottom: 1px solid #d7d7d7;
  font-size: 13px;
}
.link_detail .dep2 li.on {
  background-color: #fff;
}
.link_detail .dep2 li.on a {
  background: url("../images/bullet_link_detail02.gif") right 50% no-repeat;
}
.link_detail .dep1 {
  display: block;
}
.link_detail .dep1.else li a {
  height: 46px;
  line-height: 46px;
  padding: 0 0 0 18px;
}

/****************** 서브페이지 ******************/
.sub .main_visual, .sub .link_detail, .etc .main_visual, .etc .link_detail {
  display: block;
}
.sub .link_detail, .etc .link_detail {
  position: relative;
}
.sub .dep1_area, .etc .dep1_area {
  position: relative;
  height: 46px;
  border-style: solid;
  border-width: 1px 0 1px 0;
  border-color: #d7d7d7;
  background: #378ad0;
}
.sub .dep1_area .icon, .etc .dep1_area .icon {
  display: block;
  float: left;
  width: 52px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  z-index: 10;
}
.sub .dep1_area .icon .only_m, .etc .dep1_area .icon .only_m {
  padding-bottom: 3px;
}
.sub .dep1_area .icon .else_m, .etc .dep1_area .icon .else_m {
  display: none;
}
.sub .dep1_area .txt, .etc .dep1_area .txt {
  display: block;
  float: left;
  height: 46px;
  padding-left: 5px;
  line-height: 46px;
  text-align: left;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
.sub .bg_gt, .etc .bg_gt {
  display: block;
  float: left;
  width: 2px;
  height: 46px;
  margin-right: 10px;
  background: url(../images/bg_gt.png) 0 0 no-repeat;
}
.sub .else_m, .etc .else_m {
  display: none;
}
.sub .path:after, .etc .path:after {
  content: "";
  clear: both;
  display: block;
}

/****************** 회사소개 ******************/
.img_area {
  text-align: center;
}

/* 일반현황 */
.company_01_img01 {
  width: 100%;
  height: auto;
  margin: 20px auto 40px auto;
}

/* 비전 및 경영이념 */
.company_02_img01 {
  width: 100%;
  height: auto;
  margin: 0 auto 50px auto;
}

.company_02_list {
  text-align: center;
  margin-bottom: 50px;
}
.company_02_list li {
  display: inline-block;
  *display: inline;
  margin: 5px 3px 0 3px;
}
.company_02_list img {
  width: 172px;
  height: auto;
}

/* ceo 인사말 */
.company_03_img01 {
  width: 90%;
  margin: 20px 0 40px;
}

.accent_txt {
  margin-bottom: 25px;
  line-height: 1.3;
  font-size: 19px;
  font-weight: bold;
  color: #222;
  letter-spacing: -0.3px;
}
.accent_txt span {
  display: block;
  margin-top: 17px;
  color: #666;
}
.accent_txt .normal_txt {
  margin-top: 9px;
}

.accent_txt.else2 {
  margin-bottom: 30px;
}

/* 연혁/사업실적 */
.tab_contents, .subtab_contents {
  display: none;
}

.tab_contents.on, .subtab_contents.on {
  display: block;
}

.tab_contents.else {
  display: block;
  position: absolute;
  left:-9999px;
  overflow: hidden;
}

.tab_contents.else.on {
  display: block;
  position: relative;
  left:0;
  width: auto;
  height: auto;
  line-height: 1.5;
  font-size: 12px;
  overflow: hidden;
}

.subtab {
  margin: 30px 0 38px 0;
  overflow-y: hidden;
}
.subtab li {
  float: left;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.subtab li a {
  display: block;
  height: 40px;
  margin-right: 1px;
  line-height: 40px;
  border-style: solid;
  border-width: 0 0 2px 0;
  border-color: #ebebeb;
}
.subtab li.on a {
  border-color: #fff #fff #378ad0 #fff;
}

.subtab.else li {
  width: 100%;
  font-size: 13px;
}
.subtab.else li a {
  height: 40px;
  line-height: 44px;
}

.tab_area .tab {
  margin: 30px 0 25px 0;
  overflow-y: hidden;
}
.tab_area .tab li {
  float: left;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  border-bottom: 2px solid #378ad0;
}
.tab_area .tab li a {
  display: block;
  height: 40px;
  line-height: 40px;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #cacaca #cacaca #378ad0 #cacaca;
}
.tab_area .tab li.on {
  background: #378ad0;
}
.tab_area .tab li.on a {
  border-color: #0e6ebe #0e6ebe #378ad0 #0e6ebe;
  color: #fff;
}
.tab_area .type2 li {
  width: 50%;
}
.tab_area .type3 li {
  width: 33.333%;
}
.tab_area .history {
  margin-top: 30px;
}
.tab_area .history .year {
  font-size: 18px;
  color: #222;
}
.tab_area .history > li {
  position: relative;
}
.tab_area .history ul {
  margin-left: 0;
}
.tab_area .history ul li {
  padding: 7px 0 7px 40px;
  line-height: 1.2;
  border-bottom: 1px dotted #dbdbdb;
  font-size: 14px;
  color: #222;
}
.tab_area .month {
  margin: 0 10px 0 -39px;
  font-size: 16px;
}
/*2015컨텐츠 늘어나면 제거*/
/* .tab_area .year2015 .year_img{
  top:0
} */
.tab_area .year2016 {
  margin-top: 20px;
}
.tab_area .year2016 .month{
  color:#72a32c;  
}
.tab_area .year2015{
  margin-top:20px
}
.tab_area .year2015 .month{
  color:#f244a7;  
}
.tab_area .year2014{
  margin-top:20px
}
.tab_area .year2014 .month {
  color: #378ad0;
}
.tab_area .year2013 {
  margin-top: 20px;
}
.tab_area .year2013 .month {
  color: #6b9e22;
}
.tab_area .year2012 {
  margin-top: 20px;
  padding-bottom: 50px;
}
.tab_area .year2012 .month {
  color: #e75e11;
}
.tab_area .year_img {
  display: none;
}

.biz_history {
  margin: 30px 0 30px;
}
.biz_history .select_year {
  text-align: center;
  position: relative;
  margin: 0 auto;
  font-size: 22px;
  font-weight: bold;
}
.biz_history .btn_prev {
  position: absolute;
  top: 0;
  left: 10%;
  width: 30px;
  height: 30px;
  background: url(../images/btn_prev_next.gif) no-repeat;
}
.biz_history .btn_next {
  position: absolute;
  top: 0;
  right: 10%;
  width: 30px;
  height: 30px;
  background: url(../images/btn_prev_next.gif) no-repeat right 0;
}
.biz_history .btn_prev.on {
  background: url(../images/btn_prev_next.gif) no-repeat 0 -71px;
}
.biz_history .btn_next.on {
  background: url(../images/btn_prev_next.gif) no-repeat right -71px;
}

.biz_history_slider {
  position: relative;
  width: 100%;
  height: 791px;
  margin: 20px auto 0 auto;
  overflow: hidden;
}
.biz_history_slider ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 99999px;
  height: 500px;
  overflow: hidden;
}
.biz_history_slider ul li {
  float: left;
  width: 100%;
  height: 500px;
  background: #fff;
  font-size: 14px;
  color: #fff;
}
.biz_history_slider .tbl_type1 .width_18p{
  display:none;
}
.biz_history_slider .tbl_type1 .center{
  display:none;
}

/* 주요고객사 */
.customers_area {
  margin-top: 50px;
  text-align: center;
}

.customers {
  display: inline;
  overflow: hidden;
}
.customers li {
  display: inline-block;
  margin: 0 10px;
}
.customers li img {
  border: 1px solid #cecece;
}
.customers li span {
  display: block;
  height: 56px;
  padding-top: 10px;
  font-size: 14px;
  font-weight:bold;
  color: #222;
}

/* CI */
.logo_down {
  overflow: hidden;
}
.logo_down > li {
  margin-bottom: 30px;
  text-align: center;
}
.logo_down > li img {
  width: 100%;
  margin-bottom: 15px;
}
.logo_down > li a {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  border: 1px solid #cececa;
  border-radius: 1px;
}
.logo_down > li li {
  display: inline;
}

.logo_down:after {
  content: "";
  clear: both;
  display: block;
}

.symbol_logotype .ima_area {
  text-align: center;
}
.symbol_logotype .ima_area img {
  width: 90%;
  border: 1px solid #e6e6e6;
}
.symbol_logotype .ima_area img.else {
  border-top: 0;
}

.symbol_logotype_explain {
  margin-bottom: 30px;
}
.symbol_logotype_explain dt {
  font-size: 15px;
  font-weight: bold;
  color: #222;
}
.symbol_logotype_explain dd {
  font-size: 13px;
  color: #666;
}
.symbol_logotype_explain .green {
  margin-top: 20px;
}
.symbol_logotype_explain .green span {
  color: #89b624;
}
.symbol_logotype_explain .orange {
  margin-top: 10px;
}
.symbol_logotype_explain .orange span {
  color: #df4311;
}
.symbol_logotype_explain .blue {
  margin-top: 10px;
}
.symbol_logotype_explain .blue span {
  color: #166eb8;
}
.symbol_logotype_explain .gray {
  margin-top: 10px;
}
.symbol_logotype_explain .gray span {
  color: #5c5f63;
}

.color_system {
  overflow: hidden;
}
.color_system li {
  margin-bottom: 30px;
  text-align: center;
}
.color_system li img {
  width: 131px;
}

/* 찾아오시는 길 */
.map_guide {
  border-top: 1px dotted #dbdbdb;
}
.map_guide > li {
  border-bottom: 1px dotted #dbdbdb;
  padding: 16px 0 18px 72px;
  overflow: hidden;
}
.map_guide > li p {
  float: left;
  width: 168px;
  font-size: 20px;
  font-weight: bold;
}
.map_guide > li p span {
  color: #378ad0;
}
.map_guide > li ul {
  float: left;
  font-size: 13px;
  color: #666;
  line-height: 1.6;
}
.map_guide .first {
  background: url(../images/company/company_07_bg01.gif) 16px 12px no-repeat;
}
.map_guide .second {
  background: url(../images/company/company_07_bg02.gif) 16px 12px no-repeat;
}
.map_guide .third {
  background: url(../images/company/company_07_bg03.gif) 16px 12px no-repeat;
}
.map_guide .third img {
  margin-right: 5px;
}
.map_guide .subway1 {
  color: #0d3b99;
}
.map_guide .subway7 {
  color: #3b6901;
}

#daumRoughmapContainer1489971609940 {
  width: 100% !important;  
}

.root_daum_roughmap .wrap_controllers{display:none;}

#daumRoughmapContainer1489971609940.bg_set {
  width: 600px;
  height: 410px;
  background: url(../images/company/bg_map.gif) no-repeat;
}

.thumbnails_type1 {
  border-top: 2px solid #555;
  margin-bottom: 27px;
  overflow: hidden;
}
.thumbnails_type1 > li {
  position: relative;
  border-bottom: 1px solid #c9c9c9;
  padding: 15px 10px 15px 10px;
}
.thumbnails_type1 > li .title_img {
  display: block;
  width: 100%;
  margin: 0 auto 10px auto;
}
.thumbnails_type1 > li .title {
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: bold;
}
.thumbnails_type1 > li .txt {
  margin-bottom: 0px;
  line-height: 1.6;
  font-size: 13px;
  color: #666;
}
.thumbnails_type1 > li .date {
  font-size: 13px;
  color: #666;
}
.thumbnails_type1 .btn_more {
  display: none;
}
@media all and (min-width: 720px) {
  .thumbnails_type1 > li {
    min-height: 117px;
    padding: 15px 20px 15px 220px;
  }
  .thumbnails_type1 > li .title_img {
    position: absolute;
    top: 15px;
    left: 14px;
    width: 182px;
    margin: 0 auto;
    border: 1px solid #d6d6d6;
  }
  .thumbnails_type1 > li .title {
    font-size: 18px;
  }
}
@media all and (min-width: 850px) {
  .thumbnails_type1 > li {
    padding: 15px 56px 15px 240px;
  }
  .thumbnails_type1 > li .title {
    font-size: 20px;
  }
  .thumbnails_type1 .btn_more {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
  }
}
@media all and (min-width: 1000px) {
  .thumbnails_type1 > li .title {
    margin-bottom: 8px;
  }
  .thumbnails_type1 > li .txt {
    margin-bottom: 11px;
  }
}
@media all and (min-width: 1240px) {
  .thumbnails_type1 > li .txt span {
    display: block;
  }
}

.contens_area .company_08_news {
  position: relative;
  padding-bottom: 21px;
  border-top: 2px solid #555;
  border-bottom: 1px solid #c9c9c9;
}
.contens_area .company_08_news h3 {
  padding: 7px 75px 6px 10px;
  margin-bottom: 19px;
  background: #ebebeb;
  border-style: solid;
  border-color: #555 #fff #c9c9c9 #fff;
  border-width: 0 0 1px 0;
  color: #222;
  font-size: 13px;
}
.contens_area .company_08_news .date {
  position: absolute;
  top: 10px;
  right: 5px;
  color: #666;
  font-size: 13px;
}
.contens_area .company_08_news .company_08_news01 {
  margin: 0 auto;
}
.contens_area .company_08_news .company_news {
  font-size: 13px;
  color: #666;
  margin: 0 auto;
}
.contens_area .company_08_news .company_news img{
  width:100%;
}
.contens_area .company_08_news .company_news .title_img_01 {
  display: block;
  width: 100%;
  max-width: 443px;
  margin: 0 auto 40px auto;
}
.contens_area .company_08_news .company_news .title_img_02 {
  display: block;
  width: 100%;
  max-width: 636px;
  margin: 0 auto 18px auto;
}
.contens_area .company_08_news .company_news .title_img_03 {
  display: block;
  width: 80%;
  max-width: 466px;
  margin: 0 auto 40px auto;
}
.contens_area .company_08_news .news_headtxt {
  color: #0c70c5;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 17px;
}
.contens_area .company_08_news .ana_list li {
  padding-bottom: 16px;
}
.contens_area .company_08_news .ana_list .question {
  padding: 0 0 4px 20px;
  background: url(../images/company/icon_q.gif) no-repeat 0 3px;
  font-size: 13px;
  font-weight: bold;
  color: #222;
}
.contens_area .company_08_news .ana_list .question span {
  font-size: 13px;
  font-weight: normal;
}
.contens_area .company_08_news .ana_list .answer {
  padding-left: 20px;
  background: url(../images/company/icon_a.gif) no-repeat 0 3px;
  font-size: 13px;
  color: #666;
}
@media all and (min-width: 480px) {
  .contens_area .company_08_news .date {
    right: 12px;
  }
}
@media all and (min-width: 641px) {
  .contens_area .company_08_news h3 {
    padding: 6px 100px 5px 18px;
    font-size: 15px;
  }
  .contens_area .company_08_news .company_news .text_area {
    padding-left: 16px;
  }
  .contens_area .company_08_news .news06{/*새소식 new06 추가*/
  padding-left:0 !important;
  }
  .contens_area .company_08_news .company_news .text_news { /*새소식 new06 추가*/
  margin-top:30px;
  }
}
@media all and (min-width: 850px) {
  .contens_area .company_08_news h3 {
    padding: 6px 120px 5px 48px;
    font-size: 17px;
  }
  .contens_area .company_08_news .date {
    right: 45px;
    font-size: 13px;
  }
  .contens_area .company_08_news .news_headtxt {
    font-size: 20px;
  }
  .contens_area .company_08_news .ana_list .question {
    font-size: 15px;
  }
  .contens_area .company_08_news .ana_list .question span {
    font-size: 14px;
  }
  .contens_area .company_08_news .ana_list .answer {
    font-size: 13px;
  }
}
@media all and (min-width: 939px) {
  .contens_area .company_08_news .company_news {
    width: 650px;
  }
}

/****************** 서비스 ******************/
/* 서비스 소개 */
.service_list {
  text-align: center;
  overflow: hidden;
}
.service_list > li {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.service_list .service_explain {
  text-align: left;
  padding: 0 10px;
  color: #666;
}
.service_list .service_explain li {
  margin-top: 15px;
  padding-left: 6px;
  background: url(../images/bullet_01.gif) no-repeat 0 8px;
  font-size: 13px;
}

/****************** 인재채용 ******************/
.recruit_01_img01 {
  width: 100%;
  margin: 20px auto 50px auto;
}

.welfare dl {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}

.recruit_02_img01 {
  width: 100%;
  margin-bottom: 60px;
}

.recruit_03_img01 {
  width: 100%;
  margin-bottom: 28px;
}

a.recruit_email {
  color: #dc0000;
  font-weight: bold;
}

@media all and (min-width: 321px) {
  .company_01_img01 {
    width: 90%;
  }

  .subtab li {
    font-size: 20px;
  }

  .logo_down > li img {
    width: 280px;
  }
  .logo_down a {
    margin: 0 3px 0 2px;
    padding: 0 16px;
  }

  .color_system li {
    float: left;
    width: 50%;
  }

  .service_list > li {
    width: 50%;
    min-height: 450px;
  }
  .service_list .third, .service_list .fourth {
    min-height: 200px;
    margin-top: 0;
  }

  .subtab.else li {
    font-size: 16px;
  }
}
/****************** 솔루션 ******************/
.solution_list3 .list_box{
  position:relative;
  height:145px;
}
.solution_list3 .list_box img{
  position:absolute;
  left:0;
  top:0;
}
.solution_list3 .solution_04_img04{
  width:96px;
}
.solution_list3 .solution_04_img05{
  width:74px;
}
.solution_list3 .solution_04_img06{
  width:91px;
}
.solution_list3 .solution_04_img07{
  width:86px;
}
.solution_list3 .list_txt{
  padding: 0 0 0 120px;
}
.solution_list2 .list_c{
  width:197px;
}
.solution_05_list li.list_04{
  min-height:156px;
  margin-bottom:20px;
}
.solution_05_list > li.lst_04 img{
  width:237px;
}

.solution_list {
  overflow: hidden;
}
.solution_list li {
  position: relative;
  margin-top: 17px;
  padding-bottom: 30px;
  border-style: solid;
  border-width: 2px 1px 1px 1px;
  border-color: #64aae5 #d7d7d7 #d7d7d7 #d7d7d7;
  overflow: hidden;
}
.solution_list li dl {
  margin: 9px 14px 0 14px;
}
.solution_list li dt {
  font-size: 18px;
  font-weight: bold;
}
.solution_list li .normal_txt {
  float: left;
  margin-top: 13px;
  overflow: hidden;
}
.solution_list li .image {
  float: left;
  width: 87px;
  height: 58px;
  margin-right: 13px;
  border: 1px solid #c9cfd4;
}
.solution_list li .detail_link {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-right: 12px;
  background: url(../images/solution/solution_01_bg01.gif) no-repeat 100px 26px;
}
.solution_list li .detail_link a {
  display: block;
  padding: 20px 30px 14px 20px;
  font-size: 14px;
  color: #378ad0;
}
.solution_list li.else .image {
  top: 90px;
}

.solution_02_img01 {
  width: 100%;
}

.solution_02_list li {
  margin-top: 20px;
  padding: 0 0 3px 0;
}
.solution_02_list li dt {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
}
.solution_02_list li dd {
  padding-left: 10px;
  font-size: 13px;
  color: #666;
  background: url(../images/bullet_02.gif) no-repeat 3px 9px;
  line-height: 1.6;
}

.solution_02_img02, .solution_02_img03, .solution_02_img04 {
  width: 90%;
  margin-top: 10px;
}

.solution_03_img01 {
  width: 100%;
  margin-top: 10px;
}

.solution_03_img02 {
  width: 90%;
  margin-top: 10px;
}

.solution_03_box {
  margin-top: 30px;
  padding: 10px 15px;
  background: #f2f2f2;
  border: 1px solid #b6b6b6;
  border-radius: 5px;
  font-size: 14px;
  font-weight: bold;
  color: #1458d7;
}

.solution_03_img03 {
  width: 100%;
  margin-top: 20px;
}

.solution_03_img04 {
  width: 100%;
  margin: 20px 0 30px;
}

.solution_03_img08 {
  width: 90%;
  margin-top: 20px;
}

.solution_04_img01{
  width: 60%;
  margin-top:-10px;
}

.solution_04_img02 {
  width: 60%;
  margin-top:-10px;
}

.solution_04_img03{
  width:60%;
  margin-top:-9px;
}
.solution_list2 {
  margin-bottom: 50px;
}

.solution_list2 li {
  padding-left: 6px;
  color: #666;
  background: url(../images/bullet_02.gif) no-repeat 0 10px;
  font-size: 13px;
  line-height: 1.6;
}

.solution_list_wrap {
  position: relative;
}
.solution_list_wrap .solution_list2 {
  margin-bottom: 20px;
}
.solution_list_wrap strong {
  font-size: 18px;
  color: #222;
}

.solution_04_img04 {
  width: 280px;
}

.solution_05_list > li > strong {
  display: block;
  font-size: 18px;
}
.solution_05_list > li img {
  display: block;
  margin: 10px auto 10px auto;
}
.solution_05_list .solution_list2 li {
  padding-left: 12px;
  background: url(../images/bullet_02.gif) no-repeat 3px 10px;
}

.solution_06_img01 {
  width: 90%;
  margin-top: 10px;
}

.solution_06_img02 {
  border: 1px solid #c8ccd0;
  padding: 20px 0 10px 0;
  text-align: center;
}
.solution_06_img02 img {
  width: 90%;
}

.solution_07_img01 {
  width: 100%;
  margin-top: 20px;
}

.solution_10_list2 > li img {
  display: block;
  margin: 10px auto 10px auto;
}
.solution_10_list2 .solution_list2 li {
  padding-left: 12px;
  background: url(../images/bullet_02.gif) no-repeat 3px 10px;
}

.solution_11_img01 {
  width: 100%;
}

.solution_explain {
  margin-top: 20px;
  padding-top: 15px;
  border: 1px solid #c8ccd0;
  text-align: center;
}
.solution_explain .head_area {
  padding-bottom: 10px;
  color: #ed8d00;
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
}
.solution_explain .head_area strong {
  color: #0076b9;
}
.solution_explain .head_area span {
  font-size: 20px;
  color: #222;
}
.solution_explain .explain {
  padding: 13px 10px 15px 10px;
  background-color: #ebebeb;
  color: #666;
}

.solution_explain2 {
  margin-top: 20px;
  padding-top: 15px;
  border: 1px solid #c8ccd0;
  text-align: center;
}
.solution_explain2 .head_area {
  padding: 0 10px 10px 10px;
  color: #ed8d00;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
}
.solution_explain2 .head_area strong {
  color: #0076b9;
}
.solution_explain2 .head_area span {
  font-size: 16px;
  color: #222;
}
.solution_explain2 .explain {
  padding: 13px 0 15px 0;
  text-align: left;
  background-color: #f4f4f5;
  color: #666;
}
.solution_explain2 .explain .area {
  margin: 0 auto;
  padding: 0 10px;
}
.solution_explain2 .explain strong {
  font-size: 14px;
  color: #005ab3;
}
.solution_explain2 .explain span {
  font-size: 14px;
  font-weight: bold;
}
.solution_explain2 .explain img {
  width: 90%;
}

.solution_07_img02 {
  width: 100%;
  margin: 20px 0 40px 0;
}

.solution_07_list_wrap {
  position: relative;
  margin-top: 20px;
}

.solution_07_list {
  overfiow: hidden;
}
.solution_07_list li {
  margin-top: 20px;
}
.solution_07_list a {
  display: block;
  position: relative;
  padding: 30px 15px 15px 15px;
  margin: 0 6px 0 6px;
  border-width: 2px 1px 1px 1px;
  border-style: solid;
  border-color: #64aae5 #d7d7d7 #d7d7d7 #d7d7d7;
}
.solution_07_list dt {
  margin-bottom: 20px;
  text-align: center;
}
.solution_07_list dd {
  margin-bottom: 10px;
  color: #666;
}

.detail_link2 {
  padding-right: 12px;
  background: url(../images/solution/solution_01_bg01.gif) no-repeat right 3px;
  font-size: 14px;
  color: #378ad0;
}

.layerpop {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-top: 20px;
  background: url(../images/bg_blank_white.png);
}
.layerpop .pop_area {
  position: relative;
  min-height: 500px;
  margin: 0 6px;
  background: white;
  border: 1px solid #d7d7d7;
}
.layerpop ul {
  margin: 20px auto;
  color: #666;
  font-size: 13px;
}
.layerpop li {
  display: none;
}
.layerpop .on {
  display: block;
}
.layerpop h1 {
  margin: 0 0 15px 20px;
  color: #222;
  font-size: 24px;
}
.layerpop .head_area {
  margin-bottom: 15px;
  padding: 30px 0 27px;
  background: #f4f4f5;
}
.layerpop .head_area p {
  text-align: left;
  color: #378ad0;
  font-weight: bold;
}
.layerpop .head_area p span {
  display: block;
  color: #666;
}
.layerpop .first {
  width: 128px;
  margin: 0 auto;
}
.layerpop .second {
  width: 155px;
  margin: 0 auto;
}
.layerpop .txt_area {
  padding: 0 20px;
}
.layerpop .txt_area .txt1 {
  margin-bottom: 15px;
  color: #378ad0;
  font-size: 20px;
  font-weight: bold;
}
.layerpop .txt_area .txt2 {
  margin-bottom: 15px;
  font-size: 17px;
  color: #222;
}
.layerpop .txt_area .txt3 {
  color: #222;
  font-weight: bold;
}
.layerpop .txt_area .explain {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #d1d3d4;
}
.layerpop .txt_area .explain p {
  margin-bottom: 15px;
}

.layer_close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.solution_08_img01 {
  width: 100%;
  margin-top: 20px;
}

.solution_08_list {
  color: #666;
  font-size: 13px;
  line-height: 1.6;
}

.solution_08_img03 {
  width: 100%;
  margin-top: 20px;
}

.solution_09_img00 {
  text-align: center;
}
.solution_09_img00 img {
  margin-bottom: 15px;
  border: 1px solid #d4d4d4;
}
.solution_09_img00 .normal_txt {
  text-align: left;
}

.solution_09_img01 {
  width: 100%;
}

.solution_09_list {
  margin-top: 30px;
}
.solution_09_list > li {
  margin-bottom: 30px;
}
.solution_09_list strong {
  display: block;
  font-size: 19px;
  color: #222;
}
.solution_09_list ul {
  margin-top: 10px;
}
.solution_09_list ul li {
  padding-left: 12px;
  color: #666;
  background: url(../images/bullet_02.gif) no-repeat 3px 10px;
  font-size: 13px;
  line-height: 1.6;
}
.solution_10_img01{
  margin-top: 40px;
  width:100%;
}

.solution_10_img02{
  width:100%;
}
.solution_10_img03{
  width:60%;
}
.solution_10_list {
  margin-top: 30px;

}
.solution_10_list > li {
  margin-bottom: 30px;
}
.solution_10_list strong {
  display: block;
  font-size: 19px;
  color: #222;
}
.solution_10_list ul {
  margin-top: 10px;
}
.solution_10_list ul li {
  padding-left: 12px;
  color: #666;
  background: url(../images/bullet_02.gif) no-repeat 3px 10px;
  font-size: 13px;
  line-height: 1.6;
}

.solution_10_list2 > li {
  position: relative;
  min-height:206px;
  margin-bottom:28px;
}
.solution_10_list2 > li + li {
  min-height:166px;
}
.solution_10_list2 > li + li + li{
  min-height:216px;
}
.solution_10_list2 > li > strong {
  display:block;
  font-size: 18px;
}

.sitemap > li {
  margin-top: 20px;
}
.sitemap > li h3 a {
  display: block;
  margin-right: 1px;
  padding-bottom: 10px;
  font-size: 20px;
}
.sitemap .first ul {
  border-top: 3px solid #2fa8f5;
}
.sitemap .second ul {
  border-top: 3px solid #8bd91a;
}
.sitemap .third ul {
  border-top: 3px solid #ff773e;
}
.sitemap .fourth ul {
  border-top: 3px solid #7e8589;
}
.sitemap ul {
/*   margin-top: 10px; */
  padding-top:29px;
  font-size: 14px;
  color: #666;
}
.sitemap ul li {
  margin-bottom: 8px;
}
.sitemap .bullet_1 li {
  padding-left: 20px;
  background: url(../images/bullet_01.gif) no-repeat 9px 7px;
}

.layer_pop {
  display: none;
  position: relative;
  text-align: left;
}
.layer_pop .company_rules {
  position: absolute;
  bottom: 20px;
  margin: 0 5px;
  background: #fff;
  border: 1px solid #d9d9d9;
  padding: 40px 10px 30px 10px;
}
.layer_pop .company_rules .head_txt {
  margin-bottom: 15px;
}
.layer_pop .company_rules .head_txt strong {
  font-size: 21px;
  color: #222;
}
.layer_pop .company_rules .txt {
  margin-bottom: 15px;
  font-size: 13px;
  color: #666;
}
.layer_pop .company_rules .txt strong {
  color: #ea2c00;
}
.layer_pop .company_rules .center {
  text-align: center;
}
.layer_pop .company_rules .center a {
  display: inline-block;
  height: 34px;
  padding: 0 24px;
  line-height: 34px;
  background: #ee3224;
  border: 1px solid #c52014;
  font-size: 13px;
  color: #fff;
}
.layer_pop .email_rules {
  position: absolute;
  bottom: 20px;
  margin: 0 5px;
  background: #fff;
  border: 1px solid #d9d9d9;
  padding: 40px 10px 30px 10px;
}
.layer_pop .email_rules .head_txt {
  margin-bottom: 15px;
}
.layer_pop .email_rules .head_txt strong {
  font-size: 21px;
  color: #222;
}
.layer_pop .email_rules .txt {
  margin-bottom: 15px;
  font-size: 13px;
  color: #666;
}
.layer_pop .email_rules .txt strong {
  color: #ea2c00;
}
.layer_pop .email_rules .txt.else {
  margin-top: 15px;
}

.btn_layer_close {
  position: absolute;
  top: 0;
  right: 0;
}

.layer_pop.on {
  display: block;
}

.recruit_detail {
  padding: 2% 6%;
}
.recruit_detail .head_txt {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
  color: #222;
}
.recruit_detail .accent_txt1 {
  margin-bottom: 3px;
  font-size: 15px;
  font-weight: bold;
  color: #222;
}

.contens_area .company_rules h3 {
  margin-bottom: 20px;
}
.contens_area .company_rules .normal_txt {
  margin-bottom: 25px;
}
.contens_area .company_rules .normal_txt strong {
  color: #222;
}

@media all and (min-width: 350px) {
  .solution_03_img01 {
    width: 315px;
  }

  .solution_explain2 .explain .area {
    width: 280px;
  }
  .solution_explain2 .explain img {
    width: 246px;
  }
}
@media all and (min-width: 360px) {
 .solution_list3 .title{
  font-size:20px;
  color:#222;
}
  .main_banner1 a h2 {
    font-size: 22px;
    color: #fff;
  }
  .main_banner1 li {
    width: 25%;
  }
  .main_banner1 li div {
    margin-top: -3px;
    margin-left: -11px;
  }
  .main_banner1 li.first, .main_banner1 li.second {
    width: 25%;
    margin: 0 0;
  }
}
@media all and (min-width: 480px) {
  .main_banner1 li img {
    width: 66px;
  }
  .main_banner1 li span {
    display: block;
  }

  .touch_slider2, .touch_slider2 li {
    height: 280px;
  }

  .main_slider .solution_1 .center img {
    width: 370px;
  }
  .main_slider .solution_2 .center img {
    width: 370px;
  }
  .main_slider .solution_3 .center img {
    width: 370px;
  }
  .main_slider .solution_4 img {
    bottom: -15px;
    left: 0px;
    width: 370px;
  }
  .main_slider .solution_5 img {
    width: 270px;
  }
  .main_slider .solution_6 .center {
  bottom:20px;
  }
 .main_slider .solution_6 .center img {
    width: 180px;
  }

  .company_01_img01 {
    width: 396px;
  }

  .company_02_img01 {
    width: 373px;
  }

  .company_03_img01 {
    width: 373px;
  }

  .company_02_list li {
    margin: 5px 10px 0 10px;
  }
  .biz_history_slider{
  height:791px
  }

  .biz_history_slider .tbl_type1 th:first-child{
  display:none;
  }
  .biz_history_slider .tbl_type1 th + th.width_18p{
  display:table-cell;
  }
  .biz_history_slider .tbl_type1 td + td.center{
  display:table-cell;
  }
  .biz_history_slider .tbl_type1 .width_64p{
    width:0;
  }

  .subtab li {
    font-size: 22px;
  }

  .logo_down > li img {
    width: 331px;
  }

  .symbol_logotype .ima_area img {
    width: 329px;
  }

  .service_list > li {
    min-height: 380px;
  }

  .recruit_01_img01 {
    width: 90%;
  }

  .solution_02_list li {
    margin-top: 38px;
  }
  .solution_02_list .first {
    padding-left: 90px;
    background: url(../images/solution/solution_02_bg01.gif) no-repeat 0 5px;
  }
  .solution_02_list .second {
    padding-left: 90px;
    background: url(../images/solution/solution_02_bg02.gif) no-repeat 0 5px;
  }
  .solution_02_list .third {
    padding-left: 90px;
    background: url(../images/solution/solution_02_bg03.gif) no-repeat 0 5px;
  }
  .solution_02_list .fourth {
    padding-left: 90px;
    background: url(../images/solution/solution_02_bg04.gif) no-repeat 0 5px;
  }
  .solution_02_list .fifth {
    padding-left: 90px;
    background: url(../images/solution/solution_02_bg05.gif) no-repeat 0 5px;
  }

  .solution_02_img02 {
    width: 83%;
  }

  .solution_04_img04 {
    width: 310px;
  }

  .solution_07_list {
    text-align: center;
  }
  .solution_07_list li {
    width: 50%;
    float: left;
  }
  .solution_07_list a {
    min-height: 170px;
    padding: 30px 15px 10px 15px;
    text-align: left;
  }

  .detail_link2 {
    position: absolute;
    bottom: 15px;
    left: 15px;
    background: url(../images/solution/solution_01_bg01.gif) no-repeat right 5px;
  }

  .solution_06_img02 {
    padding: 40px 0 30px 0;
  }

  .solution_05_list > li {
    position: relative;
    min-height: 120px;
  }
  .solution_05_list > li > strong {
    margin: 0 0 0 150px;
    font-size: 18px;
  }
  .solution_05_list > li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
    margin: 0 0;
  }

  .solution_05_list .solution_list2 {
    margin: 10px 0 20px 150px;
  }

  .solution_10_list2 > li {
    position: relative;
  }
  .solution_10_list2 > li > strong {
    margin: 0 0 0 150px;
    font-size: 18px;
  }
  .solution_10_list2 > li img {
    position: absolute;
    top: 0;
    left: 0;
  width:130px;
    margin: 0 0;
  }
  .solution_10_list2 .solution_list2 {
    margin: 10px 0 20px 150px;
  }

  .sitemap {
    overflow: hidden;
  }
  .sitemap > li {
    float: left;
    width: 50%;
  }
  .sitemap .first, .sitemap .second {
    min-height: 300px;
  }
  .sitemap span {
    display: block;
  }

  .layer_pop .company_rules, .layer_pop .email_rules {
    margin: 0 20px;
  }

  .subtab.else li {
    width: 50%;
    font-size: 16px;
  }

  .biz_history .btn_prev {
    left: 20%;
  }
  .biz_history .btn_next {
    right: 20%;
  }
}
@media all and (min-width: 571px) {
  .service_list > li {
    min-height: 360px;
  }
}
@media all and (min-width: 641px) {
  .main_banner1 li {
    width: 25%;
  }
  .main_banner1 li div {
    padding: 0 5px;
    margin-left: -7px;
  }
  .main_banner1 li span {
    display: inline;
  }
  .main_banner1 li img {
    width: 56px;
  }

  .main_slider .solution_header {
    top: 20px;
    left: 34px;
    font-size: 22px;
  }
  .main_slider .solution_1 .txt1 {
    padding: 63px 0 0 34px;
    font-size: 20px;
  }
  .main_slider .solution_1 .txt1 span {
    font-size: 19px;
  }
  .main_slider .solution_1 .txt2 {
    margin: 5px 20px 0 34px;
    font-size: 13px;
  }
  .main_slider .solution_1 img {
    bottom: -20px;
    width: 434px;
  }
  .main_slider .solution_1 .txt1, .main_slider .solution_2 .txt1, .main_slider .solution_3 .txt1, .main_slider .solution_4 .txt1, .main_slider .solution_5 .txt1, .main_slider .solution_6 .txt1 {
    padding: 57px 0 0 34px;
    font-weight: bold;
    line-height: 1.2;
    font-size: 20px;
  }
  .main_slider .solution_1 .txt1 span, .main_slider .solution_2 .txt1 span, .main_slider .solution_3 .txt1 span, .main_slider .solution_4 .txt1 span, .main_slider .solution_5 .txt1 span, .main_slider .solution_6 .txt1 span {
    color: #117abd;
    font-size: 19px;
  }
  .main_slider .solution_1 .txt2, .main_slider .solution_2 .txt2, .main_slider .solution_3 .txt2, .main_slider .solution_4 .txt2, .main_slider .solution_5 .txt2, .main_slider .solution_6 .txt2 {
    margin: 5px 20px 0 34px;
    font-size: 13px;
    color: #555;
  }
  .main_slider .solution_2 .txt2 .m, .main_slider .solution_3 .txt2 .m, .main_slider .solution_4 .txt2 .m, .main_slider .solution_5 .txt2 .m, .main_slider .solution_6 .txt2 .m {
    display: block;
  }
  .main_slider .solution_2 .center, .main_slider .solution_3 .center, .main_slider .solution_4 .center, .main_slider .solution_5 .center, .main_slider .solution_6 .center {
    text-align: center;
  }
  .main_slider .solution_2 .center img {
    width: 260px;
  }
  .main_slider .solution_3 .center img {
    width: 332px;
  }
  .main_slider .solution_4 img {
    bottom: -35px;
    width: 380px;
  }
  .main_slider .solution_5 .center {
    bottom: 10px;
  }
  .main_slider .solution_5 .center img {
    width: 210px;
  }
  .main_slider .solution_6 .center {
  bottom:10px;
  }
   .main_slider .solution_6 .center img {
    width: 180px;
  }
  .main_slider .btn_list {
    position: absolute;
    top: 22px;
    right: 20px;
  }
  .main_slider .btn_list li {
    float: left;
  }
  .main_slider a {
    display: block;
    width: 19px;
    height: 19px;
  }
  .main_slider .autoplay {
    margin: 0 8px;
    background: url(../images/btn_slide_controller.gif) no-repeat -57px 0;
  }
  .main_slider .autoplay.on {
    background: url(../images/btn_slide_controller.gif) no-repeat -38px 0;
  }
  .main_slider .prev {
    background: url(../images/btn_slide_controller.gif) no-repeat 0 0;
  }
  .main_slider .next {
    background: url(../images/btn_slide_controller.gif) no-repeat -19px 0;
  }
  .main_slider .m {
    display: inline;
  }

  .company_01_img01 {
    width: 370px;
  }

  .company_02_img01, .company_03_img01 {
    width: 390px;
  }

  .company_02_list img {
    width: 160px;
  }

  .tab_area .tab {
    margin: 35px 0 20px 0;
  }
  .tab_area .tab li {
    font-size: 20px;
  }
  .tab_area .tab li a {
    height: 46px;
    line-height: 46px;
  }
  .tab_area .history {
    margin-top: 40px;
  }
  .tab_area .history .year {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
  }
  .tab_area .history ul {
    margin-left: 120px;
  }
  .tab_area .history ul li {
    padding: 7px 0 7px 40px;
  }
  .tab_area .month {
    margin: 0 10px 0 -38px;
  }
  .biz_history_slider{
  height:750px
  }
  .biz_history_slider .tbl_type1 th:first-child{
  display:table-cell;
  }
  .biz_history_slider .tbl_type1 td:first-child{
  display:table-cell;
  }
  /*2016컨텐츠 늘어나면 제거*/
  .tab_area .year2016 .year_img{
    top:0;
  }
/*   .tab_area .year2015{
    height:180px
    } */
 .tab_area .year2016 ul {
    padding-top: 26px;
  }
  .tab_area .year2013 {
    height: 70px;
    margin-top: 0;
  }
  .tab_area .year2013 ul {
    padding-top: 37px;
  }
  .tab_area .year2012 {
    margin-top: 0;
  }
  .tab_area .year2012 ul {
    padding-top: 37px;
  }
  .tab_area .year_img {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 90px;
  }

  .tbl_type1 td {
    padding: 13px 0 11px 20px;
  }

  .symbol_logotype .ima_area {
    text-align: center;
  }
  .symbol_logotype .ima_area img {
    width: 329px;
  }

  .service_list > li {
    min-height: 400px;
  }

  .recruit_01_img01 {
    width: 90%;
  }

  .recruit .width_30p {
    width: 23%;
  }
  .recruit .width_70p {
    width: 77%;
  }

  .solution_02_list .first {
    padding-left: 100px;
    background: url(../images/solution/solution_02_bg01.gif) no-repeat 10px 5px;
  }
  .solution_02_list .second {
    padding-left: 100px;
    background: url(../images/solution/solution_02_bg02.gif) no-repeat 10px 5px;
  }
  .solution_02_list .third {
    padding-left: 100px;
    background: url(../images/solution/solution_02_bg03.gif) no-repeat 10px 5px;
  }
  .solution_02_list .fourth {
    padding-left: 100px;
    background: url(../images/solution/solution_02_bg04.gif) no-repeat 10px 5px;
  }
  .solution_02_list .fifth {
    padding-left: 100px;
    background: url(../images/solution/solution_02_bg05.gif) no-repeat 10px 5px;
  }

  .solution_07_list a {
    min-height: 180px;
    padding: 30px 15px 15px 15px;
  }

  .solution_explain {
    padding-top: 25px;
  }
  .solution_explain .explain {
    padding: 13px 10px 20px 10px;
  }

  .sitemap > li h3 a {
    padding-bottom: 20px;
  }
  .sitemap ul {
    margin-top: 30px;
  }
  .sitemap .first, .sitemap .second {
    min-height: 330px;
  }

  .layer_pop .company_rules {
    bottom: 0;
    left: 180px;
    width: 300px;
    padding: 50px 40px 50px 40px;
    margin: 0 auto;
  }
  .layer_pop .company_rules .txt {
    margin-bottom: 35px;
  }
  .layer_pop .company_rules .center a {
    font-size: 15px;
  }
  .layer_pop .email_rules {
    bottom: 0;
    left: 180px;
    width: 300px;
    padding: 50px 40px 50px 40px;
    margin: 0 auto;
  }
  .layer_pop .email_rules .txt.else {
    letter-spacing: -0.5px;
  }

  .subtab.else li {
    font-size: 13px;
  }

  .customers li img {
    width: 144px;
  }
}
@media all and (min-width: 720px) {
  .service_list > li {
    min-height: 370px;
  }
  .biz_history_slider{
  height:791px
  }
  .company_01_img01 {
    width: 396px;
  }

  .solution_explain2 {
    padding-top: 25px;
  }
  .solution_explain2 .head_area {
    font-size: 25px;
  }
  .solution_explain2 .head_area span {
    font-size: 20px;
  }
  .solution_explain2 .explain {
    padding: 13px 10px 20px 10px;
  }

  .solution_09_img00 {
    position: relative;
  }
  .solution_09_img00 img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .solution_09_img00 .normal_txt {
    margin-left: 186px;
  }

  .solution_03_box {
    padding: 10px 35px;
  }

  .subtab.else li {
    font-size: 14px;
  }
  .subtab.else li a {
    height: 50px;
    line-height: 60px;
  }

  .customers li img {
    width: 170px;
  }

}
@media all and (min-width: 780px) {
  .main_slider .solution_5 .center img {
    width: 220px;
  }

  .main_banner1 li div {
    padding: 0 0;
    margin-left: -13px;
  }
  .main_banner1 li span {
    display: block;
  }
  .main_banner1 li img {
    width: 66px;
  }

  .color_system li {
    width: 25%;
  }

  .company_02_list img {
    width: 172px;
  }

  .company_03_img01 {
    width: 537px;
  }
 /*20150623 추가*/
 .biz_history_slider{
  /*height:550px*/
  }
  .tab_area .tab {
    margin: 55px 0 35px 0;
  }
  .tab_area .tab li {
    font-size: 20px;
  }
  .tab_area .tab li a {
    height: 46px;
    line-height: 46px;
  }
  .tab_area .history ul {
    margin-left: 190px;
  }
  .tab_area .month {
    margin: 0 10px 0 -41px;
    font-size: 18px;
  }
  .tab_area .year2016 ul {
    padding-top: 42px;
  padding-bottom:40px
  }
  .tab_area .year2015 ul {
    padding-top: 44px;
  }
  .tab_area .year2013 {
    height: 92px;
    margin-top: 0;
  }
  .tab_area .year2013 ul {
    padding-top: 54px;
  }
  .tab_area .year2012 {
    margin-top: 0;
  }
  .tab_area .year2012 ul {
    padding-top: 54px;
  }
  .tab_area .year_img {
    top: 10px;
    width: 125px;
  }

  .symbol_logotype .ima_area {
    text-align: center;
  }
  .symbol_logotype .ima_area img {
    width: 329px;
  }

  .symbol_logotype_explain {
    margin-bottom: 50px;
  }

  .service_list > li {
    min-height: 350px;
  }

  .solution_02_list .first {
    padding-left: 160px;
    background: url(../images/solution/solution_02_bg01.gif) no-repeat 39px 5px;
  }
  .solution_02_list .second {
    padding-left: 160px;
    background: url(../images/solution/solution_02_bg02.gif) no-repeat 39px 5px;
  }
  .solution_02_list .third {
    padding-left: 160px;
    background: url(../images/solution/solution_02_bg03.gif) no-repeat 39px 5px;
  }
  .solution_02_list .fourth {
    padding-left: 160px;
    background: url(../images/solution/solution_02_bg04.gif) no-repeat 39px 5px;
  }
  .solution_02_list .fifth {
    padding-left: 160px;
    background: url(../images/solution/solution_02_bg05.gif) no-repeat 39px 5px;
  }

  .solution_02_img02 {
    width: 494px;
  }

  .solution_07_list a {
    min-height: 163px;
  }

  .subtab.else li {
    font-size: 14px;
  }

  .biz_history .btn_prev {
    left: 32%;
  }
  .biz_history .btn_next {
    right: 32%;
  }

  .customers li img {
    width: 200px;
  }
}
@media all and (min-width: 850px) {
  .main_slider .solution_1 img {
    bottom: 0;
    left: auto;
    right: 0;
    width: 400px;
  }
  .main_slider .solution_1 .txt2 span {
    display: block;
  }
  .main_slider .solution_2 img {
    bottom: 0;
    left: auto;
    right: 0;
    width: 400px;
  }
  .main_slider .solution_2 .txt2 span {
    display: block;
  }
  .main_slider .solution_3 .txt2 span {
    display: block;
  }
  .main_slider .solution_3 .center {
    text-align: right;
    bottom: 0;
  right:0;
  }
  .main_slider .solution_3 .center img {
    width: 500px;
  }
  .main_slider .solution_4 .txt2 span {
    display: block;
  }
  .main_slider .solution_4 img {
    bottom: 0;
    left: auto;
    right: 0;
    width: 400px;
  }
  .main_slider .solution_5 .center img {
    width: 250px;
  }

  .company_02_img01 {
    width: 571px;
    height: auto;
  }

  .symbol_logotype {
    width: 50%;
    float: left;
  }
  .symbol_logotype .ima_area {
    text-align: left;
  }
  .symbol_logotype .ima_area img {
    width: 260px;
  }

  .symbol_logotype_explain {
    width: 50%;
    float: left;
  }
  .symbol_logotype_explain .green {
    margin-top: 0;
  }

  .recruit_01_img01 {
    width: 577px;
  }

  .solution_list li {
    width: 48%;
    min-height: 180px;
  }
  .solution_list li dl {
    margin: 19px 24px 35px 24px;
  }
  .solution_list .fl {
    clear: both;
    float: left;
  }
  .solution_list .fr {
    float: right;
  }
  .solution_list li.else {
    min-height: 210px;
  }

  .solution_02_img03 {
    width: 583px;
  }

  .solution_02_img04 {
    width: 511px;
  }

  .solution_03_img02 {
    width: 592px;
  }

  .solution_03_img08 {
    width: 567px;
  }

  .solution_06_img01 {
    width: 616px;
  }

  .solution_08_img03 {
    width: 562px;
  }

  .sitemap > li {
    width: 25%;
  }

  .subtab.else li {
    width: 33.33333%;
    font-size: 14px;
  }

  #daumRoughmapContainer1406855927377 {
    width: 600px;
  }

  .customers li img {
    width: 218px;
  }
}
@media all and (min-width: 901px) {
  .main_slider .solution_2 .center {
    text-align: right;
    bottom: 30px;
  }
  .main_slider .solution_2 .center img {
    width: 325px;
    margin-right: 20px;
  }

  .symbol_logotype {
    width: 48%;
    float: left;
  }
  .symbol_logotype .ima_area {
    text-align: left;
  }
  .symbol_logotype .ima_area img {
    width: 270px;
  }

  .symbol_logotype_explain {
    width: 52%;
    float: left;
  }

  .recruit_03_img01 {
    width: 629px;
  }

  .solution_02_img01 {
    width: 640px;
  }

  .solution_04_img04 {
    position: absolute;
    top: -40px;
    left: 280px;
    width: 310px;
  }

  .solution_05_list > li {
    min-height: 190px;
  }
  .solution_05_list > li > strong {
    margin: 0 0 0 258px;
    font-size: 18px;
  }
  .solution_05_list > li img {
    width: 224px;
  min-height:156px;
  }
  .solution_05_list .solution_list2 {
    margin: 10px 0 20px 258px;
  }

  .solution_08_img01 {
    width: 667px;
  }

  .solution_10_list2 > li {
    min-height: 190px;
  }
  .solution_10_list2 > li > strong {
    margin: 0 0 0 258px;
    font-size: 18px;
  }
  .solution_10_list2 > li img {
    width: 224px;
  min-height:156px;
  }
  .solution_10_list2 .solution_list2 {
    margin: 10px 0 20px 258px;
  }

}
@media all and (min-width: 951px) {
  .symbol_logotype {
    width: 48%;
    float: left;
  }
  .symbol_logotype .ima_area {
    text-align: left;
  }
  .symbol_logotype .ima_area img {
    width: 290px;
  }

  .symbol_logotype_explain {
    width: 52%;
    float: left;
  }

  .recruit_02_img01 {
    width: 690px;
  }

  .solution_list dt span {
    display: block;
  }
  .solution_list li {
    min-height: 160px;
  }
  .solution_list li.else {
    min-height: 160px;
  }

 .solution_list3 .list_box{
  min-height:130px;
 }

  .solution_02_img01 {
    width: 656px;
  }

  .solution_03_img03 {
    width: 691px;
  }

  .solution_04_img01 {
    width: 283px;
  margin-top:-10px;
  }

  .solution_04_img02{
  width:414px;
  margin-top:-10px;
  }

  .solution_04_img03{
  width:284px;
  margin-top:-9px;
  }

  .solution_04_img04 {
    position: absolute;
    top: -40px;
    left: 383px;
  }

  .solution_06_img02 img {
    width: 616px;
  }

  .solution_07_img01 {
    width: 696px;
  }

  .solution_07_img02 {
    width: 687px;
  }

  .solution_09_img01 {
    width: 675px;
  }

  .solution_10_img01 {
    width:684px;
  }
  .solution_10_img02 {
    width:576px;
  }
   .solution_10_img03 {
    width:145px;
  }
   .solution_10_img04,
   .solution_10_img05,
   .solution_10_img06,
   .solution_10_img07{width:224px;}

.solution_11_img01 {
    width:680px;
  }

 /*솔루션 SBGrid*/
.solution_list3{
  width:100%;
}
.solution_list3 ul .fir{
  margin:0;
}
.solution_list3 .title{
  font-size:20px;
  color:#222;
}
.solution_list3 dt{
  margin-bottom:7px;
}
.solution_list3 .fl{
  float:left;
  width:50%;
  margin-bottom:75px;
}
}
@media all and (min-width: 981px) {
  .symbol_logotype {
    width: 48%;
    float: left;
  }
  .symbol_logotype .ima_area {
    text-align: left;
  }
  .symbol_logotype .ima_area img {
    width: 300px;
  }

  .symbol_logotype_explain {
    width: 50%;
    float: left;
  }

  .service_list > li {
    width: 25%;
    min-height: 400px;
  }
  .service_list .third, .service_list .fourth {
    margin-top: 20px;
  }
  .service_list .fourth {
    letter-spacing: -0.5px;
  }

  .solution_07_list li {
    width: 25%;
  }
  .solution_07_list a {
    min-height: 183px;
  }

  .subtab.else li {
    font-size: 18px;
  }

  .solution_03_img04 {
    width: 696px;
  }

  .layerpop .pop_area {
    position: relative;
    margin: 30px 100px 0 100px;
    background: white;
    border: 1px solid #d7d7d7;
  }

}
@media all and (min-width: 1000px) {
  .main_slider .solution_5 {
    font-size: 14px;
  }
  .main_slider .solution_5 .center {
    bottom: 20px;
  }
  .main_slider .solution_5 .center img {
    width: 342px;
  }

  .symbol_logotype {
    width: 370px;
    float: left;
  }
  .symbol_logotype .ima_area {
    text-align: left;
  }
  .symbol_logotype .ima_area img {
    width: 329px;
  }

  .symbol_logotype_explain {
    width: 47%;
    float: left;
  }
  .symbol_logotype_explain .green {
    margin-top: 0;
  }
  .symbol_logotype_explain .orange {
    margin-top: 20px;
  }
  .symbol_logotype_explain .blue {
    margin-top: 20px;
  }
  .symbol_logotype_explain .gray {
    margin-top: 20px;
  }
}
/****************** 테이블 관련 ******************/
.recruit.tbl_type1 td {
  padding: 13px 0 11px 0;
}

.tbl_type1 {
  position: relative;
  width: 100%;
  border-top: 2px solid #555;
}
.tbl_type1 table {
  width: 100%;
}
.tbl_type1 tr.none_bg th {
  background-color: #fff;
}
.tbl_type1 tr.set_bg1 td {
  font-size: 14px;
  color: #222;
  background-color: #ebebeb;
}
.tbl_type1 th {
  padding: 9px 0 8px 0;
  font-size: 14px;
  color: #222;
  background-color: #ebebeb;
  border-bottom: 1px solid #c9c9c9;
  text-align: center;
}
.tbl_type1 td {
  padding: 13px 0 11px 10px;
  color: #666;
  font-size: 13px;
  border-bottom: 1px solid #c9c9c9;
}
.tbl_type1 .br_line {
  border-right: 1px solid #c9c9c9;
}
.tbl_type1 .last {
  border-right: 0;
}
.tbl_type1 .center {
  padding-left: 0;
  text-align: center;
}
.tbl_type1 .accent_1 {
  color: #222;
}

.bullet_1 li {
  padding-left: 10px;
  background: url(../images/bullet_01.gif) no-repeat 0 9px;
}
.bullet_1.bold li{
  font-weight:bold;
  color:#000;
}

.tbl_type1.else1 {
  margin: 40px 0 50px 0;
}

.tbl_type1.else2 {
  margin: 25px 0 50px 0;
}

.width_15p {
  width: 15%;
}

.width_18p {
  width: 18%;
}

.width_20p {
  width: 20%;
}

.width_25p {
  width: 25%;
}

.width_30p {
  width: 30%;
}

.width_40p {
  width: 40%;
}

.width_50p {
  width: 50%;
}

.width_60p {
  width: 60%;
}

.width_64p {
  width: 64%;
}

.width_65p {
  width: 65%;
}

.width_70p {
  width: 70%;
}

.width_100p {
  width: 100%;
}

.center {
  text-align: center;
}

/****************** 컨텐츠 공통 ******************/
.contens_area {
  padding: 20px 20px;
}
.contens_area h2 {
  margin-bottom: 16px;
  font-size: 32px;
  line-height: 1.2;
}
.contens_area .haed_txt {
  margin-bottom: 25px;
  line-height: 1.3;
  font-size: 19px;
  font-weight: bold;
  color: #444;
}
.contens_area .normal_txt {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  line-height: 1.6;
}
.contens_area h3 {
  clear: both;
  margin-bottom: 11px;
  font-size: 25px;
}
.contens_area h3.type1 {
  margin-top: 20px;
  font-size: 20px;
}
.contens_area h3.type1 span {
  color: #378ad0;
}
.contens_area h4 {
  margin-top: 20px;
  font-size: 20px;
  color: #378ad0;
}
.contens_area h4.type1 {
  float: left;
  margin: 0 27px 0 0;
}
.contens_area h4.type2 {
  margin: 20px 0 20px 0;
  font-size: 20px;
  color: #222;
}
.contens_area h4.type2 span {
  color: #378ad0;
}
.contens_area h4.type3 {
  margin: 50px 0 20px 0;
  font-size: 20px;
  color: #222;
}
.contens_area h4.type3 span{
  color: #378ad0;
}
.contens_area h4.type3 strong {
  color: #00128f;
  font-size: 22px;
}
.contens_area h4.type3 strong span {
  font-size: 16px;
}
.contens_area .haed_txt.type1 {
  margin: 3px 0 50px;
  float: left;
}
.contens_area h5 {
  margin-top: 40px;
  line-height: 1.3;
  font-size: 19px;
  font-weight: bold;
  color: #222;
}

.paging {
  clear: both;
  margin: 33px 0 50px;
  text-align: center;
}
.paging li.first a {
  width: 12px;
  height: 15px;
  margin-right: 5px;
  background: url(../images/btn_paging.gif) no-repeat 0 1px;
}
.paging li.first a:hover {
  background: url(../images/btn_paging.gif) no-repeat 0 -14px;
}
.paging li.prev a {
  width: 12px;
  height: 15px;
  background: url(../images/btn_paging.gif) no-repeat -23px 1px;
}
.paging li.prev a:hover {
  background: url(../images/btn_paging.gif) no-repeat -23px -14px;
}
.paging li.next a {
  width: 12px;
  height: 15px;
  background: url(../images/btn_paging.gif) no-repeat -66px 1px;
}
.paging li.next a:hover {
  background: url(../images/btn_paging.gif) no-repeat -66px -14px;
}
.paging li.last a {
  width: 12px;
  height: 15px;
  margin-left: 5px;
  background: url(../images/btn_paging.gif) no-repeat -89px 1px;
}
.paging li.last a:hover {
  background: url(../images/btn_paging.gif) no-repeat -89px -14px;
}
.paging a, .paging strong {
  display: inline-block;
  width: 18px;
  height: 19px;
  text-align: center;
}
.paging ol a {
  margin: 0 0px;
  color: #999;
  font-weight: bold;
  font-size: 13px;
}
.paging a:hover {
  color: #000;
}
.paging .on a {
  color: #666;
  border: 1px solid #c9c9c9;
}
.paging ul, .paging ol, .paging li {
  display: inline;
}

a.btn_normal {
  display: inline-block;
  height: 34px;
  margin-top: 20px;
  padding: 0 22px;
  line-height: 34px;
  border: 1px solid #2d2d2d;
  background: #555;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
}

.none_mb {
  margin-bottom: 0 !important;
}

.mb_25 {
  margin-bottom: 25px !important;
}

.mt_10 {
  margin-top: 10px !important;
}

.mt_25 {
  margin-top: 25px !important;
}

.right {
  text-align: right;
}

.ls__05 {
  letter-spacing: -0.5px;
}

@media all and (min-width: 641px) {
  .tbl_type1 td {
    padding: 13px 0 11px 20px;
  }

  /****************** 서브페이지 ******************/
  .sub .container, .etc .container {
    margin-left: 300px;
  }
  .sub .main_visual, .etc .main_visual {
    height: 0;
    top: -999px;
    visibility: hidden;
  }

  .etc .lnb_detail {
    left: 300px;
  }
  .etc .path {
    margin: 50px 0 30px 65px;
  }
  .etc .path .dep1_area {
    height: auto;
    background: none;
    border: 0;
  }
  .etc .path .dep1_area .icon {
    width: auto;
    height: auto;
  }
  .etc .path .dep1_area .icon .only_m {
    display: none;
  }
  .etc .path .dep1_area .icon .else_m {
    display: block;
  }
  .etc .path .dep1_area .txt {
    height: auto;
    margin: 0;
    line-height: 1.3;
    color: #666;
    font-size: 13px;
    font-weight: normal;
  }
  .etc .path .dep1_area .bg_gt {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    background: url(../images/bg_gt.gif) 0 0 no-repeat;
  }
  .etc .path .dep1_area .else_m {
    display: block;
  }
  .etc .path .dep2 {
    display: none;
  }
  .etc .contens_area {
    min-height: 919px;
    overflow-y: hidden !important;
    padding: 10px 65px 70px 65px;
  }
  .etc .contens_area .haed_txt {
    margin-bottom: 30px;
  }
  .etc .contens_area .haed_txt span {
    display: block;
  }
  .etc .contens_area .normal_txt {
    font-size: 13px;
  }
  .etc .contens_area h3 {
    margin-bottom: 11px;
  }

  .contents {
    width: auto;
    margin-left: 0;
  }

  /* footer */
  .sub .footer .m {
    display: block;
  }
  .sub .footer .t {
    display: block;
  }
  /****************** 공통 ******************/
  /* skip navigation */
  #skipnavi {
    position: absolute;
    top: -9999px;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    line-height: 30px;
    padding: 10px 0px 10px 0px;
    text-align: center;
    border: 1px solid #000;
    font-size: 12px;
  }
  #skipnavi dt {
    margin: 0 0;
    padding-left: 10px;
    font-weight: bold;
    text-align: left;
    color: #000;
    font-size: 16px;
  }
  #skipnavi dd {
    padding-left: 10px;
    margin: 0 0;
    text-align: left;
  }
  #skipnavi a {
    color: #666;
  }
  #skipnavi a:hover, #skipnavi a:focus, #skipnavi a.focus {
    color: #003399;
    text-decoration: none;
  }

  #skipnavi.skipnavi-focus {
    top: 0px;
    background: #fff 0% 50%;
    color: #000;
    z-index: 1000;
  }

  .header {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 298px;
    border-style: solid;
    border-width: 0 1px 0 1px;
    border-color: #e8e8e8;
    padding-top: 0px;
    background: #fff;
    z-index: 2;
  }

  .contens_area {
    min-height: 919px;
    overflow-y: hidden !important;
    padding: 30px 50px 70px 50px;
  }
  .contens_area h2 {
    font-size: 40px;
  }
  .contens_area h2 span {
    display: block;
  }
  .contens_area .haed_txt {
    margin-bottom: 30px;
  }
  .contens_area .normal_txt {
    font-size: 13px;
  }
  .contens_area h3 {
    margin-bottom: 11px;
  }

  .path {
    margin: 30px 0 0 50px;
  }
  .path .dep1_area {
    height: auto;
    background: none;
    border: 0;
  }
  .path .dep1_area .icon {
    width: auto;
    height: auto;
  }
  .path .dep1_area .icon .only_m {
    display: none;
  }
  .path .dep1_area .icon .else_m {
    display: block;
  }
  .path .dep1_area .txt {
    height: auto;
    margin: 0;
    line-height: 1.3;
    color: #666;
    font-size: 13px;
    font-weight: normal;
  }
  .path .dep1_area .bg_gt {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    background: url(../images/bg_gt.gif) 0 0 no-repeat;
  }
  .path .dep1_area .else_m {
    display: block;
  }
  .path .dep2 {
    display: none;
  }

  h1.logo {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    background: #fff;
    z-index: 10;
  }
  h1.logo img {
    width: 187px;
    height: auto;
  }

  .btn_view_lnb, .btn_lnb_close, .m_page_link {
    display: none;
  }

  .container {
    position: relative;
    margin-left: 300px;
  }

  /* lnb */
  .lnb_wrap {
    position: relative;
    display: block;
  text-align:center;
  margin-top:43px;
  }
  .lnb_wrap .lnb, .lnb_wrap .groupware_contactus {
    display: block;
  }
  .lnb_wrap .lnb .groupware, .lnb_wrap .groupware_contactus .groupware {
    display: block;
    padding-top: 69px;
    font-size: 13px;
    background: url(../images/bg_groupware_contactus.gif) no-repeat center 0;
  }
  .lnb_wrap .lnb .contactus, .lnb_wrap .groupware_contactus .contactus {
    display: block;
    margin-top: 10px;
    padding-top: 69px;
    font-size: 13px;
    background: url(../images/bg_groupware_contactus.gif) no-repeat center -99px;
  }
  .lnb_wrap .lnb .groupware:hover, .lnb_wrap .lnb .groupware.on, .lnb_wrap .groupware_contactus .groupware:hover, .lnb_wrap .groupware_contactus .groupware.on {
    background: url(../images/bg_groupware_contactus.gif) no-repeat center -234px;
  }
  .lnb_wrap .lnb .contactus:hover, .lnb_wrap .lnb .contactus.on, .lnb_wrap .groupware_contactus .contactus:hover, .lnb_wrap .groupware_contactus .contactus.on {
    background: url(../images/bg_groupware_contactus.gif) no-repeat center -333px;
  }

  .lnb {
    display: block;
    background-color: #fff;
  }
  .lnb .dep1 {
  margin-bottom:25px
  }
  .lnb .dep1 > a {
    display: block;
  }
  .lnb .dep1 > a:hover{
  color:#89b624;
  }
  .lnb .dep1 > a strong {
    display: block;
    font-weight: normal;
  font-size:17px;
  }
  .lnb .dep1.on > a {
    background: #378ad0;
    color: #fff;
  }
  .lnb .dep1.on .dep2 {
    display: block;
    border-right: 1px solid #d7d7d7;
  }

 .lnb_detail {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 300px;
    width: 180px;
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: #e8e8e8;
    padding-top: 0px;
    background: #fff;
    z-index: 4;
  }
  .lnb_detail .dep2 .first {

  }
  .lnb_detail .dep2 {
    height: 100%;
  padding-top:238px;
  }
  .lnb_detail .dep2 a {
    display: block;
    padding: 10px 0 10px 15px;
    font-size: 13px;
    color: #444;
    border-bottom: 1px solid #d7d7d7;
  }
  .lnb_detail .dep2 .on {
    background: #fff;
  }
  .lnb_detail .dep2 .on a {
    background: url("../images/bullet_link_detail02.gif") right 50% no-repeat;
  }
  .lnb_detail .dep2 span {
    display: block;
  }
  .lnb_detail .on .dep2 {
    display: block;
  }
  .lnb_detail > ul {
    margin-top: 0;
  }
  .lnb_detail > ul .dep1 > a {
    display: none;
  }
  .lnb_detail > ul a {
    color: #444;
    font-weight: normal;
  }
  .lnb_detail > ul a strong {
    padding-left: 0;
  }
  .lnb_detail > ul a:hover {
    color: #444;
  }
  .lnb_detail > ul .dep2 a {
    display: block;
    
  }
  .lnb_detail .btn_m_lnb_close {
    display: none;
  }

  .slide_controller {
    bottom: 20px;
  }
  .slide_controller a {
    width: 16px;
    height: 16px;
  }
  .slide_controller a.on {
    width: 41px;
    height: 16px;
  }
  .slide_controller a.play {
    width: 13px;
    height: 16px;
  }
  .slide_controller a.pause {
    width: 15px;
    height: 16px;
  }
  .slide_controller img {
    width: 100%;
  }

/********solution_04.php 수정*****/



  /****************** 메인페이지 ******************/
  .main.wrap {
    position: relative;
  }

  .main .footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 3;
    text-align: center;
  }
  .main .footer .m {
    display: block;
  }
  .main .footer .t {
    display: block;
  }

  /****************** 메인페이지 ******************/
  .jobs_news {
    clear: both;
    border: 0;
    background: #ebebeb;
  }
  .jobs_news .area {
    float: left;
    width: 50%;
    text-align: left;
    background: #fff;
  }
  .jobs_news .m_link {
    display: none;
  }
  .jobs_news .link {
    display: block;
    margin: 22px 23px 32px 23px;
  }
  .jobs_news .link .title {
    font-size: 22px;
  }
  .jobs_news .area.second {
    display: block;
    background: #ebebeb;
    border-top: 0;
  }
  .jobs_news .area.second .head_txt .accent_color {
    color: #e62e8b;
  }
}
@media all and (min-width: 641px) and (max-width: 1240px) {
  /****************** 서브페이지 ******************/
  .sub {
    overflow: hidden;
  }
  .sub .logo {
    padding-right: 6px;
  }
  .sub .header {
    width: 46px;
    background: #378ad0;
    border-width: 0 0 0 1px;
  }
  .sub .lnb_wrap .lnb {
    background: #378ad0;
  }
  .sub .lnb_wrap .dep1 > a {
    width: 46px;
    height: 57px;
    padding: 0 0;
    border-bottom: 0;
    background: #378ad0;
    border-right: 0 solid #f00;
  }
  .sub .lnb_wrap .dep1 strong {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
  }
  .sub .lnb_wrap .first a {
    background: url(../images/bg_lnb_t.gif) no-repeat 0 0;
  }
  .sub .lnb_wrap .second a {
    background: url(../images/bg_lnb_t.gif) no-repeat 0 -57px;
  }
  .sub .lnb_wrap .third a {
    background: url(../images/bg_lnb_t.gif) no-repeat 0 -114px;
  }
  .sub .lnb_wrap .fourth a {
    background: url(../images/bg_lnb_t.gif) no-repeat 0 -171px;
  }
  .sub .lnb_wrap .first.on a {
    background: url(../images/bg_lnb_t.gif) no-repeat -46px 0;
  }
  .sub .lnb_wrap .second.on a {
    background: url(../images/bg_lnb_t.gif) no-repeat -46px -57px;
  }
  .sub .lnb_wrap .third.on a {
    background: url(../images/bg_lnb_t.gif) no-repeat -46px -114px;
  }
  .sub .lnb_wrap .fourth.on a {
    background: url(../images/bg_lnb_t.gif) no-repeat -46px -171px;
  }
  .sub .lnb_wrap .groupware_contactus {
    display: none;
    margin-top: 0px;
  }

}
@media all and (min-width: 641px) and (max-width: 999px) {
/*주요고객사*/
  .customers_area ul li.empty_li{ 
    display:none 
   }
  .main_banner1 {
    float: left;
    width: 50%;
    padding: 0 0;
  }
  .main_banner1 a {
    display: block;
    padding: 22px 15px 0 15px;
  }

  .business_list {
    float: left;
    width: 50%;
    padding: 0 0 18px 0;
  }
  .business_list .business_head {
    padding: 27px 0 16px 22px;
    font-size: 22px;
  }
  .business_list ul {
    margin: 0 16px 0 20px;
  }
  .business_list li {
    line-height: 1.3;
    font-size: 13px;
  }
  .business_list li a span {
    font-size: 13px;
  }
  .business_list .btn_more {
    top: 25px;
  }

  .banner_n_business_list {
    overflow: hidden;
  }
}
@media all and (min-width: 781px) {
  .logo_down > li {
    float: left;
    width: 50%;
    margin-bottom: 50px;
  }
  .logo_down > li img {
    width: 90%;
    margin-bottom: 15px;
  }

  /****************** visual ******************/
  .main .visual .head_txt {
  font-size: 37px;
  }
  .main .visual .link_area {
    font-size: 15px;
  }
}
@media all and (min-width: 860px) {
  /****************** visual ******************/
}
@media all and (min-width: 981px) {
  .logo_down > li {
    float: left;
    width: 50%;
  }
  .logo_down > li img {
    width: 331px;
    margin-bottom: 22px;
  }

  .accent_txt.else1 {
    letter-spacing: -1.5px;
  }
}
.sub.wrap {
    position: relative;
    margin: 0 auto;
  }
@media all and (min-width: 1240px) {
  .sub.wrap {
    position: relative;
    /*width: 1180px !important;*/
  width:980px;
    margin: 0 auto;
  }
  .sub.wrap .lnb_detail {
  display:none;
    width: 139px;
    left: 180px;
  }
  .sub.wrap .contents {
    /*margin-left: 140px;*/
  }

  .customers li {
    width: 30%;
  }
}

@media all and (min-width: 1240px) {
  /****************** 서브페이지 ******************/
  .sub .contents {
    border-right: 1px solid #d7d7d7;
  }
  .sub .container {
    margin-left: 300px;
  }

  .path {
    margin: 50px 0 30px 65px;
  }
  .path .dep1_area {
    height: auto;
    background: none;
    border: 0;
  }
  .path .dep1_area .icon {
    width: auto;
    height: auto;
  }
  .path .dep1_area .icon .only_m {
    display: none;
  }
  .path .dep1_area .icon .else_m {
    display: block;
  }
  .path .dep1_area .txt {
    height: auto;
    margin: 0;
    line-height: 1.3;
    color: #666;
    font-size: 13px;
    font-weight: normal;
  }
  .path .dep1_area .bg_gt {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    background: url(../images/bg_gt.gif) 0 0 no-repeat;
  }
  .path .dep1_area .else_m {
    display: block;
  }
  .path .dep2 {
    display: none;
  }

  .contens_area {
    min-height: 919px;
    overflow-y: hidden !important;
    padding: 10px 65px 70px 65px;
  }
  .contens_area .haed_txt {
    margin-bottom: 30px;
  }
  .contens_area .haed_txt span {
    display: block;
  }
  .contens_area .normal_txt {
    font-size: 13px;
  }
  .contens_area h3 {
    margin-bottom: 11px;
  }

 /*footer*/
  .sub .footer .m {
    display: block;
  }
  .sub .footer .t {
    display: block;
  }
  .icon_family{
  display:block;
  }
}
@media all and (min-width: 1000px) {
/*주요고객사*/
  .customers_area ul li.empty_li{ 
    display:inline-block;
    zoom:1;*display:inline;
   }
  /****************** 메인페이지 ******************/
  .etc .contents {
    border-right: 1px solid #d7d7d7;
  }
  .etc .container {
    margin-left: 300px;
  }

  .main.wrap, .etc.wrap {
    position: relative;
    width: 100%;
    margin: 0 auto !important;
  }

  .touch_slider2, .touch_slider2 li {
    height: 377px;
  }

  .main_slider {
    float: left;
    width: 62%;
  }
  .main_slider .solution_1 .txt1 {
    font-size: 22px;
  }
  .main_slider .solution_1 .txt1 span {
    font-size: 20px;
  }
  .main_slider .solution_1 .txt2 {
    font-size: 14px;
  }
  .main_slider .solution_1 .txt2 .m {
    display: block;
  }
  .main_slider .solution_1 img {
  bottom: 0;
    left: 0;
    right: auto;
    width: 496px;
  }
  .main_slider .solution_2 .txt1, .main_slider .solution_3 .txt1, .main_slider .solution_4 .txt1, .main_slider .solution_5 .txt1, .main_slider .solution_6 .txt1 {
    font-size: 22px;
  }
  .main_slider .solution_2 .txt1 span, .main_slider .solution_3 .txt1 span, .main_slider .solution_4 .txt1 span, .main_slider .solution_5 .txt1 span, .main_slider .solution_6 .txt1 span {
    font-size: 20px;
  }
  .main_slider .solution_2 .txt2, .main_slider .solution_3 .txt2, .main_slider .solution_4 .txt2, .main_slider .solution_5 .txt2, .main_slider .solution_6 .txt2 {
    font-size: 14px;
  }
  .main_slider .solution_2 .txt2 .m, .main_slider .solution_3 .txt2 .m, .main_slider .solution_4 .txt2 .m, .main_slider .solution_5 .txt2 .m, .main_slider .solution_6 .txt2 .m {
    display: block;
  }
  .main_slider .solution_1 .center {
    text-align: center;
    bottom: 0;
  }
  .main_slider .solution_1 .center img {
    width: 496px;
    margin-right: 0;
  }
  .main_slider .solution_2 .center {
    text-align: center;
    bottom: 0;
  }
  .main_slider .solution_2 .center img {
    width: 496px;
    margin-right: 0;
  }
  .main_slider .solution_3 .center {
    text-align: center;
    bottom: 0;
  }
  .main_slider .solution_3 .center img {
    width: 496px;
    margin-right: 0;
  }
  .main_slider .solution_4 img {
    bottom: 0;
    left: 0;
    right: auto;
    width: 489px;
  }
  .main_slider .solution_5 .txt2 span {
    display: block;
  }
   .main_slider .solution_6 .center{
  bottom:20px;
   }
  .main_slider .solution_6 .center img{
  width:240px;
  }
  .main_banner1 {
    float: left;
    width: 38%;
    height: 153px;
    padding: 0 0;
    background: url(../images/bg_main_banner.gif) repeat;
  }
  .main_banner1 a {
    display: block;
    padding: 10px 20px 0 20px;
  }
  .main_banner1 ul {
    position: absolute;
    top: 50px;
    left: 24px;
    margin-top: 0;
    text-align: center;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.2;
  }
  .main_banner1 li {
    float: left;
    width: 66px;
  }
  .main_banner1 li div {
    padding: 0 0;
    margin-left: -11px;
  }
  .main_banner1 li span {
    display: block;
  }

  .business_list {
    float: left;
    width: 38%;
    padding: 0 0 22px 0;
  }
  .business_list .business_head {
    padding: 27px 0 16px 22px;
    font-size: 22px;
  }
  .business_list ul {
    margin: 0 16px 0 20px;
  }
  .business_list li {
    line-height: 1.3;
    font-size: 13px;
  }
  .business_list li a span {
    font-size: 13px;
  }
  .business_list .btn_more {
    top: 25px;
  }
  .business_list .right_line {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-right: 1px solid #d7d7d7;
  }

  .jobs_news .area {
    width: 62%;
  }
  .jobs_news .link {
    position: relative;
    margin: 22px 15px 32px 23px;
  }
  .jobs_news .link img {
    display: block;
    position: absolute;
  height:158px;
    top: 0;
    right: 40px;
  }
  .jobs_news .area.second {
    width: 38%;
    background: #ebebeb;
  }
  .jobs_news .area.second .head_txt .accent_color {
    color: #e62e8b;
  }
  .jobs_news .area.second img {
    width: auto; /*100px;*/
  height:auto; /*130px;*/
    top: -12px;
    right: -6px;
  }
  .jobs_news .p {
    display: block;
  }
  .jobs_news .btn_more img {
    display: none;
  }

  /* footer */
  .main .footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 3;
    text-align: center;
  }
  .main .footer .m {
    display: block;
  }
  .main .footer .t {
    display: block;
  }
}
.ielt9 {
@font-face{
  font-family:'nbglight';
  src:url('../font/NanumBarunGothicLight.eot');
  src:url('../font/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype');
  src:local(※), url('../font/NanumBarunGothicLight.woff') format('woff');
}

@font-face{
  font-family:'nbg';
  src:url('../font/NanumBarunGothic.eot');
  src:url('../font/NanumBarunGothic.eot?#iefix') format('embedded-opentype');
  src:local(※), url('../font/NanumBarunGothic.woff') format('woff');
}

@font-face{
  font-family:'nbgbd';
  src:url('../font/NanumBarunGothicBold.eot');
  src:url('../font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype');
  src:local(※), url('../font/NanumBarunGothicBold.woff') format('woff');
}

  /****************** 서브페이지 ******************/
  /****************** 메인페이지 ******************/
  /****************** 메인페이지 ******************/
  /****************** 서브페이지 ******************/
  /****************** 공통 ******************/
  /* skip navigation */
  /* lnb */
  /****************** visual ******************/
  /****************** visual ******************/
  /* footer */
  /* footer */
}
.ielt9 body, .ielt9 input, .ielt9 button, .ielt9 textarea, .ielt9 select {
  font-family: 'nbg','나눔바른고딕','돋움',dotum,'굴림',gulim,Helvetica,sans-serif;
}
.ielt9 .company_01_img01 {
  width: 90%;
}
.ielt9 .subtab li {
  font-size: 20px;
}
.ielt9 .color_system li {
  float: left;
  width: 50%;
}
.ielt9 .service_list > li {
  width: 50%;
  min-height: 450px;
}
.ielt9 .service_list .third, .ielt9 .service_list .fourth {
  min-height: 200px;
  margin-top: 0;
}
.ielt9 .subtab.else li {
  font-size: 16px;
}
.ielt9 .solution_03_img01 {
  width: 315px;
}
.ielt9 .solution_explain2 .explain .area {
  width: 280px;
}
.ielt9 .solution_explain2 .explain img {
  width: 246px;
}
.ielt9 .touch_slider2, .ielt9 .touch_slider2 li {
  height: 280px;
}
.ielt9 .company_01_img01 {
  width: 396px;
}
.ielt9 .company_02_img01 {
  width: 373px;
}
.ielt9 .company_03_img01 {
  width: 373px;
}
.ielt9 .company_02_list li {
  margin: 5px 10px 0 10px;
}
.ielt9 .subtab li {
  font-size: 22px;
}
.ielt9 .symbol_logotype .ima_area img {
  width: 329px;
}
.ielt9 .service_list > li {
  min-height: 380px;
}
.ielt9 .recruit_01_img01 {
  width: 90%;
}
.ielt9 .solution_02_img02 {
  width: 83%;
}
.ielt9 .solution_04_img04 {
  width: 310px;
}
.ielt9 .solution_07_list {
  text-align: center;
}
.ielt9 .solution_07_list li {
  width: 50%;
  float: left;
}
.ielt9 .solution_07_list a {
  min-height: 170px;
  padding: 30px 15px 10px 15px;
  text-align: left;
}
.ielt9 .detail_link2 {
  position: absolute;
  bottom: 15px;
  left: 15px;
  background: url(../images/solution/solution_01_bg01.gif) no-repeat right 5px;
}
.ielt9 .solution_06_img02 {
  padding: 40px 0 30px 0;
}
.ielt9 .solution_05_list > li {
  position: relative;
  min-height: 120px;
}
.ielt9 .solution_05_list > li > strong {
  margin: 0 0 0 150px;
  font-size: 18px;
}
.ielt9 .solution_05_list > li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 130px;
  margin: 0 0;
}
.ielt9 .solution_05_list .solution_list2 {
  margin: 10px 0 20px 150px;
}
.ielt9 .sitemap {
  overflow: hidden;
}
.ielt9 .sitemap > li {
  float: left;
  width: 50%;
}
.ielt9 .sitemap .first, .ielt9 .sitemap .second {
  min-height: 280px;
}
.ielt9 .sitemap span {
  display: block;
}
.ielt9 .layer_pop .company_rules, .ielt9 .layer_pop .email_rules {
  margin: 0 20px;
}
.ielt9 .subtab.else li {
  width: 50%;
  font-size: 16px;
}
.ielt9 .biz_history .btn_prev {
  left: 20%;
}
.ielt9 .biz_history .btn_next {
  right: 20%;
}
.ielt9 .service_list > li {
  min-height: 360px;
}
.ielt9 .company_01_img01 {
  width: 370px;
}
.ielt9 .company_02_img01, .ielt9 .company_03_img01 {
  width: 390px;
}
.ielt9 .company_02_list img {
  width: 160px;
}
.ielt9 .tab_area .tab {
  margin: 35px 0 20px 0;
}
.ielt9 .tab_area .tab li {
  font-size: 20px;
}
.ielt9 .tab_area .tab li a {
  height: 46px;
  line-height: 46px;
}
.ielt9 .tab_area .history {
  margin-top: 40px;
}
.ielt9 .tab_area .history .year {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.ielt9 .tab_area .history ul {
  margin-left: 120px;
}
.ielt9 .tab_area .history ul li {
  padding: 7px 0 7px 40px;
}
.ielt9 .tab_area .month {
  margin: 0 10px 0 -38px;
}
.ielt9 .tab_area .year2013 {
  height: 70px;
  margin-top: 0;
}
.ielt9 .tab_area .year2013 ul {
  padding-top: 37px;
}
.ielt9 .tab_area .year2012 {
  margin-top: 0;
}
.ielt9 .tab_area .year2012 ul {
  padding-top: 37px;
}
.ielt9 .tab_area .year_img {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 90px;
}
.ielt9 .tbl_type1 td {
  padding: 13px 0 11px 20px;
}
.ielt9 .symbol_logotype .ima_area {
  text-align: center;
}
.ielt9 .symbol_logotype .ima_area img {
  width: 329px;
}
.ielt9 .service_list > li {
  min-height: 400px;
}
.ielt9 .recruit_01_img01 {
  width: 90%;
}
.ielt9 .recruit .width_30p {
  width: 23%;
}
.ielt9 .recruit .width_70p {
  width: 77%;
}
.ielt9 .solution_07_list a {
  min-height: 180px;
  padding: 30px 15px 15px 15px;
}
.ielt9 .solution_explain {
  padding-top: 25px;
}
.ielt9 .solution_explain .explain {
  padding: 13px 10px 20px 10px;
}
.ielt9 .sitemap > li h3 a {
  padding-bottom: 20px;
}
.ielt9 .sitemap ul {
  margin-top: 30px;
}
.ielt9 .sitemap .first, .ielt9 .sitemap .second {
  min-height: 330px;
}
.ielt9 .layer_pop .company_rules {
  bottom: 0;
  left: 180px;
  width: 300px;
  padding: 50px 40px 50px 40px;
  margin: 0 auto;
}
.ielt9 .layer_pop .company_rules .txt {
  margin-bottom: 35px;
}
.ielt9 .layer_pop .company_rules .center a {
  font-size: 15px;
}
.ielt9 .layer_pop .email_rules {
  bottom: 0;
  left: 180px;
  width: 300px;
  padding: 50px 40px 50px 40px;
  margin: 0 auto;
}
.ielt9 .layer_pop .email_rules .txt.else {
  letter-spacing: -0.5px;
}
.ielt9 .subtab.else li {
  font-size: 13px;
}
.ielt9 .service_list > li {
  min-height: 370px;
}
.ielt9 .company_01_img01 {
  width: 396px;
}
.ielt9 .solution_explain2 {
  padding-top: 25px;
}
.ielt9 .solution_explain2 .head_area {
  font-size: 25px;
}
.ielt9 .solution_explain2 .head_area span {
  font-size: 20px;
}
.ielt9 .solution_explain2 .explain {
  padding: 13px 10px 20px 10px;
}
.ielt9 .solution_09_img00 {
  position: relative;
}
.ielt9 .solution_09_img00 img {
  position: absolute;
  top: 0;
  left: 0;
}
.ielt9 .solution_09_img00 .normal_txt {
  margin-left: 186px;
}
.ielt9 .solution_03_box {
  padding: 10px 35px;
}
.ielt9 .subtab.else li {
  font-size: 14px;
}
.ielt9 .subtab.else li a {
  height: 50px;
  line-height: 60px;
}
.ielt9 .color_system li {
  width: 25%;
}
.ielt9 .company_02_list img {
  width: 172px;
}
.ielt9 .company_03_img01 {
  width: 537px;
}
.ielt9 .tab_area .tab {
  margin: 55px 0 35px 0;
}
.ielt9 .tab_area .tab li {
  font-size: 20px;
}
.ielt9 .tab_area .tab li a {
  height: 46px;
  line-height: 46px;
}
.ielt9 .tab_area .history ul {
  margin-left: 190px;
}
.ielt9 .tab_area .month {
  margin: 0 10px 0 -41px;
  font-size: 18px;
}
.ielt9 .tab_area .year2013 {
  height: 92px;
  margin-top: 0;
}
.ielt9 .tab_area .year2013 ul {
  padding-top: 54px;
}
.ielt9 .tab_area .year2012 {
  margin-top: 0;
}
.ielt9 .tab_area .year2012 ul {
  padding-top: 54px;
}
/*2015컨텐츠 늘어나면 제거*/
.ielt9 .tab_area .year2015 .year_img{
  top:0;
}
.ielt9 .tab_area .year_img {
  top: 10px;
  width: 125px;
}
.ielt9 .symbol_logotype .ima_area {
  text-align: center;
}
.ielt9 .symbol_logotype .ima_area img {
  width: 329px;
}
.ielt9 .symbol_logotype_explain {
  margin-bottom: 50px;
}
.ielt9 .service_list > li {
  min-height: 350px;
}
.ielt9 .solution_02_list .first {
  padding-left: 160px;
  background: url(../images/solution/solution_02_bg01.gif) no-repeat 39px 5px;
}
.ielt9 .solution_02_list .second {
  padding-left: 160px;
  background: url(../images/solution/solution_02_bg02.gif) no-repeat 39px 5px;
}
.ielt9 .solution_02_list .third {
  padding-left: 160px;
  background: url(../images/solution/solution_02_bg03.gif) no-repeat 39px 5px;
}
.ielt9 .solution_02_list .fourth {
  padding-left: 160px;
  background: url(../images/solution/solution_02_bg04.gif) no-repeat 39px 5px;
}
.ielt9 .solution_02_list .fifth {
  padding-left: 160px;
  background: url(../images/solution/solution_02_bg05.gif) no-repeat 39px 5px;
}
.ielt9 .solution_02_img02 {
  width: 494px;
}
.ielt9 .solution_07_list a {
  min-height: 163px;
}
.ielt9 .subtab.else li {
  font-size: 14px;
}
.ielt9 .biz_history .btn_prev {
  left: 32%;
}
.ielt9 .biz_history .btn_next {
  right: 32%;
}
.ielt9 .company_02_img01 {
  width: 571px;
  height: auto;
}
.ielt9 .symbol_logotype {
  width: 50%;
  float: left;
}
.ielt9 .symbol_logotype .ima_area {
  text-align: left;
}
.ielt9 .symbol_logotype .ima_area img {
  width: 260px;
}
.ielt9 .symbol_logotype_explain {
  width: 50%;
  float: left;
}
.ielt9 .symbol_logotype_explain .green {
  margin-top: 0;
}
.ielt9 .recruit_01_img01 {
  width: 577px;
}
.ielt9 .solution_02_img03 {
  width: 583px;
}
.ielt9 .solution_02_img04 {
  width: 511px;
}
.ielt9 .solution_03_img02 {
  width: 592px;
}
.ielt9 .solution_03_img08 {
  width: 567px;
}
.ielt9 .solution_06_img01 {
  width: 616px;
}
.ielt9 .solution_08_img03 {
  width: 562px;
}
.ielt9 .sitemap > li {
  width: 24.9999999%;
}
.ielt9 .subtab.else li {
  width: 33.33333%;
  font-size: 14px;
}
.ielt9 #daumRoughmapContainer1406855927377 {
  width: 600px;
}
.ielt9 .symbol_logotype {
  width: 48%;
  float: left;
}
.ielt9 .symbol_logotype .ima_area {
  text-align: left;
}
.ielt9 .symbol_logotype .ima_area img {
  width: 270px;
}
.ielt9 .symbol_logotype_explain {
  width: 52%;
  float: left;
}
.ielt9 .recruit_03_img01 {
  width: 629px;
}
.ielt9 .solution_02_img01 {
  width: 640px;
}
.ielt9 .solution_04_img04 {
  position: absolute;
  top: -40px;
  left: 280px;
  width: 310px;
}
.ielt9 .solution_05_list > li {
  min-height: 145px;
}
.ielt9 .solution_05_list > li > strong {
  margin: 0 0 0 258px;
  font-size: 18px;
}
.ielt9 .solution_05_list > li img {
  width: 224px;
}
.ielt9 .solution_05_list > li:first-child img {
  margin-bottom:5px;
}
.ielt9 .solution_05_list .solution_list2 {
  margin: 10px 0 20px 258px;
}
.ielt9 .solution_08_img01 {
  width: 667px;
}
.ielt9 .symbol_logotype {
  width: 48%;
  float: left;
}
.ielt9 .symbol_logotype .ima_area {
  text-align: left;
}
.ielt9 .symbol_logotype .ima_area img {
  width: 290px;
}
.ielt9 .symbol_logotype_explain {
  width: 52%;
  float: left;
}
.ielt9 .recruit_02_img01 {
  width: 690px;
}
.ielt9 .solution_list .fl {
  clear: both;
  float: left;
}
.ielt9 .solution_list .fr {
  float: right;
}
.ielt9 .solution_list dt span {
  display: block;
}
.ielt9 .solution_list li {
  width: 48%;
  min-height: 160px;
}
.ielt9 .solution_list li dl {
  margin: 19px 24px 35px 24px;
}
.ielt9 .solution_list li .normal_txt {
  float: none;
}
.ielt9 .solution_list li.else {
  min-height: 160px;
}
.ielt9 .solution_02_img01 {
  width: 656px;
}
.ielt9 .solution_03_img03 {
  width: 691px;
}
.ielt9 .solution_04_img01 {
  width: 283px;
  margin-top:-5px; 
}
.ielt9 .solution_04_img02{
  width:414px;
  padding-top:5px;
}
.ielt9 .solution_04_img03{
  width:283px;
  margin-top:-5px;
}
/* .ielt9 .solution_04_img04 {
  position: absolute;
  top: -40px;
  left: 383px;
} */

.ielt9 .solution_list3 .list_txt{
  padding: 0 0 0 120px;
}
.ielt9 .solution_list3 .title{
  font-size:20px;
  color:#222;
}
.ielt9 .solution_list3 dt{
  margin-bottom:7px;
}
.ielt9 .solution_list3 li.fl{
  float:left;
  width:364px;
  margin-bottom:75px;
}
.ielt9 .solution_04_img04{
  width:96px;
}

.ielt9 .solution_04_img05{
  width:74px;
}
.ielt9 .solution_04_img06{
  width:91px;
}
.ielt9 .solution_04_img07{
  width:86px;
}

.ielt9 .solution_06_img02 img {
  width: 616px;
}
.ielt9 .solution_07_img01 {
  width: 696px;
}
.ielt9 .solution_07_img02 {
  width: 687px;
}
.ielt9 .solution_09_img01 {
  width: 675px;
}
.ielt9 .symbol_logotype {
  width: 48%;
  float: left;
}
.ielt9 .symbol_logotype .ima_area {
  text-align: left;
}
.ielt9 .symbol_logotype .ima_area img {
  width: 300px;
}
.ielt9 .symbol_logotype_explain {
  width: 50%;
  float: left;
}
.ielt9 .service_list > li {
  width: 25%;
  min-height: 400px;
}
.ielt9 .service_list .third, .ielt9 .service_list .fourth {
  margin-top: 20px;
}
.ielt9 .service_list .fourth {
  letter-spacing: -0.5px;
}
.ielt9 .solution_07_list li {
  width: 25%;
}
.ielt9 .solution_07_list a {
  min-height: 183px;
}
.ielt9 .subtab.else li {
  font-size: 18px;
}
.ielt9 .solution_03_img04 {
  width: 696px;
}
.ielt9 .layerpop .pop_area {
  position: relative;
  margin: 30px 100px 0 100px;
  background: white;
  border: 1px solid #d7d7d7;
}
.ielt9 .symbol_logotype {
  width: 370px;
  float: left;
}
.ielt9 .symbol_logotype .ima_area {
  text-align: left;
}
.ielt9 .symbol_logotype .ima_area img {
  width: 329px;
}
.ielt9 .symbol_logotype_explain {
  width: 47%;
  float: left;
}
.ielt9 .symbol_logotype_explain .green {
  margin-top: 0;
}
.ielt9 .symbol_logotype_explain .orange {
  margin-top: 20px;
}
.ielt9 .symbol_logotype_explain .blue {
  margin-top: 20px;
}
.ielt9 .symbol_logotype_explain .gray {
  margin-top: 20px;
}
.ielt9 .tbl_type1 td {
  padding: 13px 0 11px 20px;
}
.ielt9 .sub .container, .ielt9 .etc .container {
  margin-left: 300px;
}
.ielt9 .sub .main_visual, .ielt9 .etc .main_visual {
  height: 0;
  top: -999px;
  visibility: hidden;
}
.ielt9 .etc .path {
  padding: 50px 0 30px 65px;
}
.ielt9 .etc .path .dep1_area {
  height: auto;
  background: none;
  border: 0;
}
.ielt9 .etc .path .dep1_area .icon {
  width: auto;
  height: auto;
}
.ielt9 .etc .path .dep1_area .icon .only_m {
  display: none;
}
.ielt9 .etc .path .dep1_area .icon .else_m {
  display: block;
}
.ielt9 .etc .path .dep1_area .txt {
  height: auto;
  margin: 0;
  line-height: 1.3;
  color: #666;
  font-size: 13px;
  font-weight: normal;
}
.ielt9 .etc .path .dep1_area .bg_gt {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  background: url(../images/bg_gt.gif) 0 0 no-repeat;
}
.ielt9 .etc .path .dep1_area .else_m {
  display: block;
}
.ielt9 .etc .path .dep2 {
  display: none;
}
.ielt9 .etc .contens_area {
  min-height: 919px;
  overflow-y: hidden !important;
  padding: 10px 65px 70px 65px;
}
.ielt9 .etc .contens_area .haed_txt {
  margin-bottom: 30px;
}
.ielt9 .etc .contens_area .haed_txt span {
  display: block;
}
.ielt9 .etc .contens_area .normal_txt {
  font-size: 13px;
}
.ielt9 .etc .contens_area h3 {
  margin-bottom: 11px;
}
.ielt9 .contents {
  width: auto;
}
.ielt9 .slide_controller {
  bottom: 20px;
}
.ielt9 .slide_controller a {
  width: 20px;
  height: 20px;
}
.ielt9 .slide_controller img {
  width: 100%;
}
.ielt9 .main.wrap {
  position: relative;
}
.ielt9 .main .main_visual {
  position: relative;
  top: 0px;
}
.ielt9 .main .touch_slider1 {
  min-height: 360px;
}
.ielt9 .main .visual {
  width: 100%;
  min-height: 360px;
}
.ielt9 .main .visual .visual_area {
  padding: 69px 0 0 45px;
}
.ielt9 .main .visual .head_txt {
  line-height: 1.1;
  font-size: 30px;
}
.ielt9 .main .visual .link_area {
  margin-top: 30px;
  font-size: 14px;
  font-weight: bold;
}
.ielt9 .main .visual .link_area a {
  color: #353535;
}
.ielt9 .main .visual .else_m {
  display: block;
}
.ielt9 .visual.business img {
  width: 240px;
  margin: -160px 10px 0 0;
}
.ielt9 .visual.business .visual_list1 {
  font-size: 14px;
}
.ielt9 .visual.business .visual_list1 li {
  margin-top: 7px;
  line-height: 1.3;
}
.ielt9 .visual.business .visual_list1 strong {
  font-size: 12px;
}
.ielt9 .visual.vision .head_txt span {
  display: block;
  margin: 5px 0 10px 0;
  color: #da4403;
  line-height: 1;
}
.ielt9 .visual.vision img {
  width: 300px;
  margin: -80px 5px 0 0;
}
.ielt9 .visual.ceo img {
  width: 220px;
  margin: -170px 20px 0 0;
}
.ielt9 .visual.news .txt span {
  display: block;
}
.ielt9 .visual.news .txt strong {
  display: block;
  font-size: 16px;
}
.ielt9 .visual.news .txt strong.else {
  display: inline;
}
.ielt9 .visual.news img {
  width: 424px;
  margin: -250px 25px 0 0;
}
.ielt9 .visual.news .head_txt {
  font-size: 22px;
}
.ielt9 .visual.news .head_txt span {
  display: block;
  margin: 10px 0 20px 0;
  line-height: 1;
  font-size: 27px;
}
.ielt9 .sub {
  overflow: hidden;
  /*
  .lnb_wrap
  {
    //.lnb {
      //background:#378ad0;
    //}
    .dep1 {
      > a {
        width:46px;
        height:57px;
        padding:0 0;
        border-bottom:0;
        background:#378ad0;
        border-right:0 solid #f00;
      }
      strong {
        position:absolute;
        width:0;
        height:0;
        line-height:0;
        font-size:0;
        overflow:hidden;
      }
    }
    .first a {
      background:url(../images/bg_lnb_t.gif) no-repeat 0 0;
    }
    .second a {
      background:url(../images/bg_lnb_t.gif) no-repeat 0 -57px;
    }
    .third a {
      background:url(../images/bg_lnb_t.gif) no-repeat 0 -114px;
    }
    .fourth a {
      background:url(../images/bg_lnb_t.gif) no-repeat 0 -171px;
    }
    .first.on a {
      background:url(../images/bg_lnb_t.gif) no-repeat -46px 0;
    }
    .second.on a {
      background:url(../images/bg_lnb_t.gif) no-repeat -46px -57px;
    }
    .third.on a {
      background:url(../images/bg_lnb_t.gif) no-repeat -46px -114px;
    }
    .fourth.on a {
      background:url(../images/bg_lnb_t.gif) no-repeat -46px -171px;
    }
    .groupware_contactus {
      display:none;
      margin-top:0px;
    }
  }
  */
}
.ielt9 .sub .logo {
  padding-right: 0;
}
.ielt9 .sub .header {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 178px;
  border-style: solid;
  border-width: 0 1px 0 1px;
  border-color: #d7d7d7;
  padding-top: 0px;
  background: #fff;
  z-index: 2;
}
.ielt9 #skipnavi {
  position: absolute;
  top: -9999px;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  line-height: 30px;
  padding: 10px 0px 10px 0px;
  text-align: center;
  border: 1px solid #000;
  font-size: 12px;
}
.ielt9 #skipnavi dt {
  margin: 0 0;
  padding-left: 10px;
  font-weight: bold;
  text-align: left;
  color: #000;
  font-size: 16px;
}
.ielt9 #skipnavi dd {
  padding-left: 10px;
  margin: 0 0;
  text-align: left;
}
.ielt9 #skipnavi a {
  color: #666;
}
.ielt9 #skipnavi a:hover, .ielt9 #skipnavi a:focus, .ielt9 #skipnavi a.focus {
  color: #003399;
  text-decoration: none;
}
.ielt9 #skipnavi.skipnavi-focus {
  top: 0px;
  background: #fff 0% 50%;
  color: #000;
  z-index: 1000;
}
.ielt9 .header {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 178px;
  border-style: solid;
  border-width: 0 1px 0 1px;
  border-color: #d7d7d7;
  padding-top: 0px;
  background: #fff;
  z-index: 2;
}
.ielt9 .contens_area {
  min-height: 919px;
  overflow-y: hidden !important;
  padding: 30px 50px 70px 50px;
}
.ielt9 .contens_area h2 {
  font-size: 40px;
}
.ielt9 .contens_area h2 span {
  display: block;
}
.ielt9 .contens_area .haed_txt {
  margin-bottom: 30px;
}
.ielt9 .contens_area .normal_txt {
  font-size: 13px;
}
.ielt9 .contens_area h3 {
  margin-bottom: 11px;
}
.ielt9 .path {
  padding: 30px 0 0 50px;
}
.ielt9 .path .dep1_area {
  height: auto;
  background: none;
  border: 0;
}
.ielt9 .path .dep1_area .icon {
  width: auto;
  height: auto;
}
.ielt9 .path .dep1_area .icon .only_m {
  display: none;
}
.ielt9 .path .dep1_area .icon .else_m {
  display: block;
}
.ielt9 .path .dep1_area .txt {
  height: auto;
  margin: 0;
  line-height: 1.3;
  color: #666;
  font-size: 13px;
  font-weight: normal;
}
.ielt9 .path .dep1_area .bg_gt {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  background: url(../images/bg_gt.gif) 0 0 no-repeat;
}
.ielt9 .path .dep1_area .else_m {
  display: block;
}
.ielt9 .path .dep2 {
  display: none;
}
.ielt9 h1.logo {
  position: relative;
  top: 0;
  left: 0;
  width: 178px;
  height: 89px;
  padding-top: 23px;
  text-align: center;
  background: #fff;
  z-index: 10;
}
.ielt9 h1.logo img {
  width: 149px;
  height: auto;
}
.ielt9 .btn_view_lnb, .ielt9 .btn_lnb_close, .ielt9 .m_page_link {
  display: none;
}
.ielt9 .container {
  position: relative;
  /*margin-left: 300px;   20170524 kst 수정 */
}
.ielt9 .lnb_wrap {
  position: relative;
  display: block;
  background: #fff;
}
.ielt9 .lnb_wrap .lnb, .ielt9 .lnb_wrap .groupware_contactus {
  display: block;
}
.ielt9 .lnb_wrap .lnb .groupware, .ielt9 .lnb_wrap .groupware_contactus .groupware {
  display: block;
  font-size: 13px;
  padding-top: 0;
}
.ielt9 .lnb_wrap .lnb .groupware div, .ielt9 .lnb_wrap .groupware_contactus .groupware div {
  height: 69px;
  background: url(../images/bg_groupware_contactus.gif) no-repeat center 0;
}
.ielt9 .lnb_wrap .lnb .contactus, .ielt9 .lnb_wrap .groupware_contactus .contactus {
  display: block;
  margin-top: 10px;
  padding-top: 0;
  font-size: 13px;
}
.ielt9 .lnb_wrap .lnb .contactus div, .ielt9 .lnb_wrap .groupware_contactus .contactus div {
  height: 69px;
  background: url(../images/bg_groupware_contactus.gif) no-repeat center -99px;
}
.ielt9 .lnb_wrap .lnb .groupware:hover div, .ielt9 .lnb_wrap .lnb .groupware.on div, .ielt9 .lnb_wrap .groupware_contactus .groupware:hover div, .ielt9 .lnb_wrap .groupware_contactus .groupware.on div {
  background: url(../images/bg_groupware_contactus.gif) no-repeat center -234px;
}
.ielt9 .lnb_wrap .lnb .contactus:hover div, .ielt9 .lnb_wrap .lnb .contactus.on div, .ielt9 .lnb_wrap .groupware_contactus .contactus:hover div, .ielt9 .lnb_wrap .groupware_contactus .contactus.on div {
  background: url(../images/bg_groupware_contactus.gif) no-repeat center -333px;
}
.ielt9 .lnb_wrap .groupware_contactus li.on .groupware {
  background: url(../images/bg_groupware_contactus.gif) no-repeat center -234px;
}
.ielt9 .lnb_wrap .groupware_contactus li.on .contactus {
  background: url(../images/bg_groupware_contactus.gif) no-repeat center -333px;
}
.ielt9 .lnb {
  display: block;
  top: 112px;
  background: #fff;
  border-top: 1px solid #d7d7d7;
}
.ielt9 .lnb .dep1 {
  font-size: 16px;
}
.ielt9 .lnb .dep1 > a {
  display: block;
  width: 156px;
  height: 46px;
  line-height: 46px;
  padding-left: 22px;
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
}
.ielt9 .lnb .dep1 > a strong {
  display: block;
  height: 46px;
  font-weight: normal;
  background: url("../images/bullet_link_detail01.png") right 50% no-repeat;
}
.ielt9 .lnb .dep1.on > a {
  background: #378ad0;
  color: #fff;
}
.ielt9 .lnb .dep1.on .dep2 {
  display: block;
  border-right: 1px solid #d7d7d7;
}
.ielt9 .lnb_detail {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
  width: 139px;
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: #d7d7d7;
  padding-top: 0px;
  background: #ebebeb;
  z-index: 1;
  *font-size: 0;
}
.ielt9 .lnb_detail .dep2 .first {
  margin-top: 112px;
  border-top: 1px solid #d7d7d7;
}
.ielt9 .lnb_detail .dep2 {
  display: none;
  height: 100%;
  background: #ebebeb;
}
.ielt9 .lnb_detail .dep2 a {
  display: block;
  padding: 10px 0 10px 15px;
  font-size: 13px;
  color: #444;
  border-bottom: 1px solid #d7d7d7;
}
.ielt9 .lnb_detail .dep2 .on {
  background: #fff;
}
.ielt9 .lnb_detail .dep2 .on a {
  background: url("../images/bullet_link_detail02.gif") right 50% no-repeat;
}
.ielt9 .lnb_detail .dep2 span {
  display: block;
}
.ielt9 .lnb_detail .on .dep2 {
  display: block;
}
.ielt9 .lnb_detail > ul {
  margin-top: 0;
}
.ielt9 .lnb_detail > ul .dep1 > a {
  display: none;
}
.ielt9 .lnb_detail > ul a {
  color: #444;
  font-weight: normal;
}
.ielt9 .lnb_detail > ul a strong {
  padding-left: 0;
}
.ielt9 .lnb_detail > ul a:hover {
  color: #444;
}
.ielt9 .lnb_detail > ul .dep2 {
  *margin-top: 0;
}
.ielt9 .lnb_detail > ul .dep2 a {
  display: block;
  padding: 0 0 10px 15px;
  font-size: 13px;
  color: #444;
  border-bottom: 1px solid #d7d7d7;
}
.ielt9 .lnb_detail .btn_m_lnb_close {
  display: none;
}
.ielt9 .main .visual .head_txt {
  font-size: 34px;
}
.ielt9 .main .visual .link_area {
  font-size: 15px;
}
.ielt9 .visual.business img {
  width: 280px;
  margin: -165px 10px 0 0;
}
.ielt9 .visual.business .visual_list1 .only_m {
  display: inline;
}
.ielt9 .visual.vision img {
  width: 340px;
  margin: -110px 20px 0 0;
}
.ielt9 .visual.vision .head_txt span {
  font-size: 23px;
}
.ielt9 .visual.vision .txt strong {
  font-size: 16px;
}
.ielt9 .visual.ceo img {
  width: 260px;
  margin: -210px 20px 0 0;
}
.ielt9 .visual.ceo .txt .else {
  display: inline;
}
.ielt9 .visual.business img {
  width: 320px;
  margin: -190px 10px 0 0;
}
.ielt9 .visual.vision img {
  width: 390px;
  margin: -120px 20px 0 0;
}
.ielt9 .visual.ceo img {
  width: 280px;
  margin: -225px 20px 0 0;
}
.ielt9 .logo_down {
  margin-bottom: 50px;
}
.ielt9 .logo_down > li {
  float: left;
  width: 49.999%;
}
.ielt9 .logo_down > li img {
  width: 331px;
  margin-bottom: 22px;
}
.ielt9 .logo_down a {
  margin: 0 3px 0 2px;
  padding: 0 16px;
}
.ielt9 .accent_txt.else1 {
  letter-spacing: -1.5px;
}
.ielt9 .sub.wrap {
  position: relative;
  /*width: 1180px !important;*/
 width:980px;
  margin: 0 auto;
}
.ielt9 .sub.wrap .lnb_detail {
  width: 139px;
  left: 180px;
}
.ielt9 .sub.wrap .contents {
  /*margin-left: 140px;*/
}
.ielt9 .customers li {
  display: inline;
  width: 30%;
}
.ielt9 .sub .contents {
  border-right: 1px solid #d7d7d7;
}
.ielt9 .sub .container {
  margin-left: 300px;
}
.ielt9 .path {
  padding: 50px 0 30px 65px;
}
.ielt9 .path .dep1_area {
  height: auto;
  background: none;
  border: 0;
}
.ielt9 .path .dep1_area .icon {
  width: auto;
  height: auto;
}
.ielt9 .path .dep1_area .icon .only_m {
  display: none;
}
.ielt9 .path .dep1_area .icon .else_m {
  display: block;
}
.ielt9 .path .dep1_area .txt {
  height: auto;
  margin: 0;
  line-height: 1.3;
  color: #666;
  font-size: 13px;
  font-weight: normal;
}
.ielt9 .path .dep1_area .bg_gt {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  background: url(../images/bg_gt.gif) 0 0 no-repeat;
}
.ielt9 .path .dep1_area .else_m {
  display: block;
}
.ielt9 .path .dep2 {
  display: none;
}
.ielt9 .contens_area {
  min-height: 919px;
  overflow-y: hidden !important;
  padding: 10px 65px 70px 65px;
}
.ielt9 .contens_area .haed_txt {
  margin-bottom: 30px;
}
.ielt9 .contens_area .haed_txt span {
  display: block;
}
.ielt9 .contens_area .normal_txt {
  font-size: 13px;
}
.ielt9 .contens_area h3 {
  margin-bottom: 11px;
}
.ielt9 .sub .footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 3;
  text-align: left;
}
.ielt9 .sub .footer .m {
  display: block;
}
.ielt9 .sub .footer .t {
  display: block;
}
.ielt9 .etc .contents {
  border-right: 1px solid #d7d7d7;
}
.ielt9 .etc .container {
  margin-left: 300px;
}
.ielt9 .main.wrap, .ielt9 .etc.wrap {
  position: relative;
  width: 980px !important;
  margin: 0 auto !important;
}
.ielt9 .main .main_visual {
  position: relative;
  top: 0px;
}
.ielt9 .main .touch_slider1 {
  min-height: 430px;
}
.ielt9 .main .visual {
  min-height: 430px;
}
.ielt9 .main .visual .visual_area {
  padding: 85px 0 0 60px;
}
.ielt9 .main .visual .head_txt {
  line-height: 1.1;
  font-size: 34px;
}
.ielt9 .main .visual .link_area {
  margin-top: 30px;
  font-size: 15px;
  font-weight: bold;
}
.ielt9 .main .visual .link_area a {
  color: #353535;
}
.ielt9 .main .visual .link_area .arrow {
  vertical-align: middle;
}
.ielt9 .visual.business img {
  width: 380px;
  margin: -200px 40px 0 0;
}
.ielt9 .visual.business .visual_list1 {
  font-size: 16px;
}
.ielt9 .visual.business .visual_list1 li {
  margin-top: 7px;
  line-height: 1.3;
}
.ielt9 .visual.business .visual_list1 strong {
  font-size: 13px;
}
.ielt9 .visual.vision img {
  width: 499px;
  margin: -120px 20px 0 0;
}
.ielt9 .visual.vision .head_txt span {
  font-size: 27px;
}
.ielt9 .visual.ceo img {
  width: 355px;
  margin: -230px 20px 0 0;
}
.ielt9 .visual.ceo .txt {
  font-size: 19px;
}
.ielt9 .touch_slider2, .ielt9 .touch_slider2 li {
  height: 377px;
}
.ielt9 .main_banner1 {
  float: none;
  width: 100%;
  height: 152px;
  padding: 0 0;
  background: url(../images/bg_main_banner.gif) repeat;
}
.ielt9 .main_banner1 a {
  display: block;
  padding: 10px 20px 0 20px;
}
.ielt9 .main_banner1 ul {
  position: absolute;
  top: 50px;
  left: 8px;
  width: 100%;
  margin-top: 0;
  text-align: center;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1.2;
}
.ielt9 .main_banner1 li {
  float: left;
  width: 70px;
}
.ielt9 .main_banner1 li div {
  padding: 0 0;
  margin-left: -11px;
}
.ielt9 .main_banner1 li span {
  display: block;
}
.ielt9 .main_banner1 li img {
  width: 60px;
}
.ielt9 .main_banner1 li.first, .ielt9 .main_banner1 li.second {
  width: 21%;
  margin: 0 2%;
}
.ielt9 .banner_n_business_list {
  background: url(../images/bg_main_banner.gif) repeat;
  overflow: hidden;
}
.ielt9 .business_list {
  clear: both;
  float: none;
  width: 100%;
  padding: 0 0 22px 0;
}
.ielt9 .business_list .business_head {
  padding: 27px 0 16px 22px;
  font-size: 22px;
}
.ielt9 .business_list ul {
  margin: 0 16px 0 20px;
}
.ielt9 .business_list li {
  line-height: 1.3;
  font-size: 13px;
}
.ielt9 .business_list li a span {
  font-size: 13px;
}
.ielt9 .business_list .btn_more {
  top: 25px;
}
.ielt9 .business_list .right_line {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  border-right: 1px solid #d7d7d7;
}
.ielt9 .jobs_news {
  clear: both;
  border: 0;
  background: #ebebeb;
}
.ielt9 .jobs_news .area {
  float: left;
  width: 62%;
  *padding-bottom: 20px;
  text-align: left;
  background: #fff;
}
.ielt9 .jobs_news .link {
  position: relative;
  display: block;
  margin: 22px 15px 32px 23px;
}
.ielt9 .jobs_news .link img {
  display: block;
  position: absolute;
  top: 15px;
  right: 0;
}
.ielt9 .jobs_news .area.second {
  display: block;
  width: 38%;
  background: #ebebeb;
}
.ielt9 .jobs_news .area.second .head_txt .accent_color {
  color: #d86109;
}
.ielt9 .jobs_news .area.second img {
  width: 141px;
  top: 0;
  right: -10px;
}
.ielt9 .jobs_news .p {
  display: block;
}
.ielt9 .jobs_news .btn_more {
  display: none;
}
.ielt9 .main .footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 3;
  text-align: left;
}
.ielt9 .main .footer .m {
  display: block;
}
.ielt9 .main .footer .t {
  display: block;
}
.ielt9 .solution_07_list_wrap {
  height: 900px;
}
.ielt9 .main_slider {
  float: left;
  width: 62%;
}
.ielt9 .main_slider .solution_header {
  top: 20px;
  left: 34px;
  font-size: 22px;
}
.ielt9 .main_slider .solution_1 {
  display: block;
  width: 100%;
}
.ielt9 .main_slider .solution_1 .txt1 {
  padding: 63px 0 0 34px;
  font-size: 22px;
}
.ielt9 .main_slider .solution_1 .txt1 span {
  font-size: 20px;
}
.ielt9 .main_slider .solution_1 .txt2 {
  margin: 5px 20px 0 34px;
  font-size: 14px;
}
.ielt9 .main_slider .solution_1 .txt2 .m {
  display: block;
}
.ielt9 .main_slider .solution_1 img {
  bottom: 20px;
  width: 434px;
}
.ielt9 .main_slider .solution_2, .ielt9 .main_slider .solution_3, .ielt9 .main_slider .solution_4, .ielt9 .main_slider .solution_5, .ielt9 .main_slider .solution_6 {
  display: block;
  width: 100%;
}
.ielt9 .main_slider .solution_2 .txt1, .ielt9 .main_slider .solution_3 .txt1, .ielt9 .main_slider .solution_4 .txt1, .ielt9 .main_slider .solution_5 .txt1, .ielt9 .main_slider .solution_6 .txt1 {
  padding: 77px 0 0 34px;
  font-weight: bold;
  line-height: 1.2;
  font-size: 22px;
}
.ielt9 .main_slider .solution_2 .txt1 span, .ielt9 .main_slider .solution_3 .txt1 span, .ielt9 .main_slider .solution_4 .txt1 span, .ielt9 .main_slider .solution_5 .txt1 span, .ielt9 .main_slider .solution_6 .txt1 span {
  color: #117abd;
  font-size: 20px;
}
.ielt9 .main_slider .solution_2 .txt2, .ielt9 .main_slider .solution_3 .txt2, .ielt9 .main_slider .solution_4 .txt2, .ielt9 .main_slider .solution_5 .txt2, .ielt9 .main_slider .solution_6 .txt2 {
  margin: 5px 20px 0 34px;
  font-size: 14px;
  color: #555;
}
.ielt9 .main_slider .solution_2 .txt2 .m, .ielt9 .main_slider .solution_3 .txt2 .m, .ielt9 .main_slider .solution_4 .txt2 .m, .ielt9 .main_slider .solution_5 .txt2 .m, .ielt9 .main_slider .solution_6 .txt2 .m{
  display: block;
}
.ielt9 .main_slider .solution_2 .center, .ielt9 .main_slider .solution_3 .center, .ielt9 .main_slider .solution_4 .center, .ielt9 .main_slider .solution_5 .center, .ielt9 .main_slider .solution_6 .center {
  text-align: center;
}
.ielt9 .main_slider .solution_2 .center {
  text-align: center;
  bottom: 20px;
}
.ielt9 .main_slider .solution_2 .center img {
  width: 388px;
  margin-right: 0;
}
.ielt9 .main_slider .solution_3 .txt2 span {
  display: block;
}
.ielt9 .main_slider .solution_3 .center {
  text-align: center;
  bottom: 0;
}
.ielt9 .main_slider .solution_3 .center img {
  width: 516px;
  margin-right: 0;
}
.ielt9 .main_slider .solution_4 .txt2 span {
  display: block;
}
.ielt9 .main_slider .solution_4 img {
  bottom: 0;
  left: 0;
  right: auto;
  width: 489px;
}
.ielt9 .main_slider .solution_5 {
  font-size: 14px;
}
.ielt9 .main_slider .solution_5 .center {
  bottom: 35px;
}
.ielt9 .main_slider .solution_5 .center img {
  width: 292px;
}
.ielt9 .main_slider .solution_5 .txt2 span {
  display: block;
}
.ielt9 .main_slider .solution_6 .center img {
  width: 224px;
}
.ielt9 .main_slider .solution_6 .txt2 span {
  display: block;
}
.ielt9 .main_slider .btn_list {
  position: absolute;
  top: 22px;
  right: 20px;
}
.ielt9 .main_slider .btn_list li {
  float: left;
}
.ielt9 .main_slider a {
  display: block;
  width: 19px;
  height: 19px;
}
.ielt9 .main_slider .autoplay {
  margin: 0 8px;
  background: url(../images/btn_slide_controller.gif) no-repeat -57px 0;
}
.ielt9 .main_slider .autoplay.on {
  background: url(../images/btn_slide_controller.gif) no-repeat -38px 0;
}
.ielt9 .main_slider .prev {
  background: url(../images/btn_slide_controller.gif) no-repeat 0 0;
}
.ielt9 .main_slider .next {
  background: url(../images/btn_slide_controller.gif) no-repeat -19px 0;
}
.ielt9 .main_slider .m {
  display: inline;
}
.ielt9 .tab_area .type2 li {
  width: 49.999%;
}
.ielt9 .thumbnails_type1 > li {
  min-height: 117px;
  padding: 11px 56px 12px 240px;
}
.ielt9 .thumbnails_type1 > li .title_img {
  position: absolute;
  top: 11px;
  left: 14px;
  width: 182px;
  margin: 0 auto;
  border: 1px solid #d6d6d6;
}
.ielt9 .thumbnails_type1 > li .title {
  font-size: 20px;
  margin-bottom: 8px;
}
.ielt9 .thumbnails_type1 > li .txt {
  margin-bottom: 11px;
}
.ielt9 .thumbnails_type1 > li .txt span {
  display: block;
}
.ielt9 .thumbnails_type1 .btn_more {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
}
.ielt9 .contens_area .company_08_news h3 {
  padding: 6px 120px 5px 48px;
  font-size: 17px;
}
.ielt9 .contens_area .company_08_news .date {
  top: 7px;
  right: 45px;
  font-size: 13px;
}
.ielt9 .contens_area .company_08_news .company_news {
  width: 650px;
}
.ielt9 .contens_area .company_08_news .company_news .text_area {
  padding-left: 16px;
}
.ielt9 .contens_area .company_08_news .news_headtxt {
  font-size: 20px;
}
.ielt9 .contens_area .company_08_news .ana_list li {
  padding-bottom: 16px;
}
.ielt9 .contens_area .company_08_news .ana_list .question {
  font-size: 15px;
}
.ielt9 .contens_area .company_08_news .ana_list .question span {
  font-size: 14px;
}
.ielt9 .contens_area .company_08_news .ana_list .answer {
  font-size: 13px;
}