@charset "UTF-8";
/* reset css */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
img,
fieldset,
legend,
p,
button,
input,
table,
th,
tr,
td,
a,
form,
figure,
input,
textarea,
button {
  margin: 0;
  padding: 0;
  outline: 0;
}

body {
  font-size: 12px;
  font-family: Malgun Gothic, "맑은 고딕", "돋움", Dotum, Helvetica, Sans-serif;
  line-height: 1.5;
  color: #000;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
header,
section,
footer {
  display: block;
}

blockquote,
q {
  quotes: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

img,
fieldset,
iframe {
  border: 0;
  border-style: none;
}

caption,
legend {
  visibility: hidden;
  height: 0;
  font-size: 0;
  line-height: 0;
  width: 0;
  overflow: hidden;
  text-align: left;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

/*table th {font-weight:normal;}*/
li {
  list-style: none;
}

hr {
  display: none;
}

img {
  vertical-align: top;
}

span,
label,
select,
input,
textarea {
  vertical-align: top;
}

a {
  color: #000;
  text-decoration: none;
}

a,
span,
em,
strong,
button,
label {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

button {
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  color: #666;
}

em {
  vertical-align: top;
  font-style: normal;
}

strong,
b {
  font-weight: normal;
}

/* ------------------------------------
	Global Classname
--------------------------------------- */
.ov-h {
  overflow: hidden;
}

.f-l {
  float: left;
}

.f-r {
  float: right;
}

.cl-b {
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
}

.p-rel {
  position: relative;
}

.d-b {
  display: block;
}

.d-ib {
  display: block;
}

.d-n {
  display: none;
}

.ta-c {
  text-align: center;
}

.ta-l {
  text-align: left;
}

.ta-r {
  text-align: right;
}

.va-t {
  vertical-align: top;
}

.va-m {
  vertical-align: middle;
}

.mgb-0 {
  margin-bottom: 0;
}

.pd-0 {
  padding: 0;
}

.pdt-0 {
  padding-top: 0;
}

.w-160 {
  width: 160px;
}

.bd-t0 {
  border-top: 0;
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/* variable */
/* color */
/* layout */
.wrapper {
  min-width: 1180px;
}

/* header */
.gnb-wrap {
  width: 100%;
  height: 90px;
  border-bottom: 1px solid #ececec;
}

.gnb-wrap .inner {
  position: relative;
  width: 1180px;
  margin: 0 auto;
}

.gnb-wrap .inner .logo {
  padding-top: 24px;
}

.gnb-wrap .inner .logo a {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -217px -440px;
  width: 93px;
  height: 59px;
}

.gnb-wrap .inner:after {
  display: block;
  clear: both;
  content: "";
}

.gnb {
  position: absolute;
  left: 153px;
  top: 13px;
  padding-right: 220px;
}

.gnb ul {
  overflow: hidden;
}

.gnb ul li {
  float: left;
  text-align: center;
}

.gnb ul li:first-child {
  width: 136px;
  text-align: left;
}

.gnb ul li:first-child + li {
  width: 103px;
  text-align: right;
}

.gnb ul li:first-child + li + li {
  width: 168px;
  text-align: right;
}

.gnb ul li:first-child + li + li + li {
  width: 115px;
  margin-left: 0;
  text-align: right;
}

.gnb ul li a {
  font-size: 18px;
  line-height: 77px;
  letter-spacing: -0.5px;
}

.gnb ul li a:hover, .gnb ul li a.on {
  font-weight: bold;
  color: #e75935;
  letter-spacing: -1px;
}

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

.util {
  position: absolute;
  right: 0;
  top: 40px;
}

.util > ul {
  font-size: 0;
}

.util > ul > li {
  display: inline-block;
  position: relative;
  padding-left: 32px;
  vertical-align: top;
}

.util > ul > li a {
  vertical-align: top;
}

.util > ul > li .before {
  position: absolute;
  content: "";
  position: absolute;
  left: 16px;
  top: 0;
  width: 1px;
  height: 24px;
  background: url(../img/content/c80new_sub_util_bar.png) no-repeat;
}

.util > ul > li:first-child:before {
  display: none;
}

.util > ul > li:first-child + li + li {
  padding-left: 0;
}

.util > ul > li .btn-intro {
  position: relative;
  width: 26px;
  height: 25px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../img/content/c80new_btn_intro_sub.png) no-repeat;
}

.util > ul > li .btn-all {
  overflow: hidden;
  position: relative;
  width: 30px;
  height: 30px;
  margin-top: -3px;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../img/content/c80new_btn_suball_off.png) no-repeat;
}

.util > ul > li .btn-all.on {
  background: url(../img/content/c80new_btn_suball_on.png) no-repeat;
}

.util > ul > li .btn-lang {
  width: 38px;
  height: 22px;
  margin-left: 16px;
  border: 1px solid #f19b86;
  font-size: 13px;
  color: #e75935;
  line-height: 22px;
  text-align: center;
}

.util > ul > li .lang-wrap {
  display: none;
  position: absolute;
  right: 0;
  z-index: 10;
  width: 40px;
}

.util > ul > li .lang-wrap.on {
  display: block;
}

.util > ul > li .lang-wrap a {
  display: block;
  height: 24px;
  background: #8e9db0;
  color: #fff;
  font-size: 13px;
  letter-spacing: -0.5px;
  text-align: center;
}

.util > ul:after {
  display: block;
  clear: both;
  content: "";
}

/* container */
.container {
  overflow: hidden;
  padding-bottom: 80px;
}

.breadcrumb-nav {
  overflow: hidden;
  width: 1180px;
  margin: 20px auto 0;
}

.breadcrumb-nav ul {
  float: right;
}

.breadcrumb-nav ul li {
  position: relative;
  float: left;
  padding-left: 25px;
  background: url(../img/content/c80new_bread_arrow.png) no-repeat 9px 50%;
}

.breadcrumb-nav ul li:first-child {
  padding: 0;
  background: none;
}

.content-wrap {
  overflow: hidden;
  width: 1180px;
  margin: 0 auto;
}

.snb-wrap {
  float: left;
  width: 200px;
}

.snb {
  position: relative;
  width: 200px;
  padding: 41px 0;
  margin-top: 45px;
  /*
    .depth-1 > li.active >  a {
        position:relative;
        color:#fff;
        font-weight:bold;
        //background:#5c6066;
        &:after {
            @include pseudo-obj;
            right:20px;
            top:16px;
            display:inline-block;
            width:6px;
            height:6px;
            border-top:1px solid #fff;
            border-right:1px solid #fff;
            transform: rotate(45deg);
            -ms-transform: rotate(45deg);
        }
    }
    */
}

.snb .before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 200px;
  height: 41px;
  background: url(../img/content/c80new_bg_snb_top.jpg) no-repeat;
}

.snb .after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 200px;
  height: 41px;
  background: url(../img/content/c80new_bg_snb_bottom.jpg) no-repeat;
}

.snb ul {
  margin: -1px 0;
  background: #454b52;
}

.snb li {
  padding-top: 4px;
  line-height: 40px;
}

.snb li a {
  display: block;
  padding: 0 0 0 30px;
  font-size: 14px;
  color: #c3c9d4;
  letter-spacing: -0.5px;
}

.snb .depth-1 > li.on > a {
  position: relative;
  color: #fff;
  font-weight: bold;
  background: url(../img/content/c80new_btn_snb.png) no-repeat 173px 17px;
}

.snb .depth-2 {
  display: none;
}

.snb .depth-2 a {
  position: relative;
  padding-left: 46px;
  color: #999;
}

.snb .depth-2 a.hover {
  color: #fff;
  background: url(../img/content/c80new_btn_snb.png) no-repeat 173px 17px #5c6066;
}

.snb .depth-2 .on a {
  color: #fff;
  font-weight: bold;
  background: url(../img/content/c80new_btn_snb.png) no-repeat 173px 17px #5c6066;
}

.customer-wrap {
  margin-top: 20px;
}

.customer-wrap .cs {
  padding: 4px 0 4px 14px;
  border-top: 1px solid #526f9b;
  font-size: 16px;
  font-weight: bold;
  color: #526f9b;
}

.customer-wrap .cs p {
  font-size: 18px;
}

.customer-wrap .btn-email {
  position: relative;
  display: block;
  padding: 9px 0 11px 14px;
  font-size: 14px;
  color: #fff;
  background: url(../img/content/c80new_btn_email.png) no-repeat 179px 14px #526f9b;
}

.content {
  float: right;
  width: 940px;
}

/* footer */
.footer {
  height: 150px;
  background: #e6e6e6;
}

.foot-wrap {
  overflow: hidden;
  width: 1180px;
  padding-top: 30px;
  margin: 0 auto;
  text-align: center;
}

.lnb ul {
  font-size: 0;
}

.lnb li {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  letter-spacing: -0.5px;
}

.lnb li:first-child {
  padding-left: 0;
}

.lnb li:first-child a {
  font-weight: bold;
}

.lnb li .before {
  position: absolute;
  content: "";
  width: 1px;
  height: 13px;
  top: 50%;
  left: 9px;
  margin: -6px 0 0 0;
  background: #c0c0c0;
}

.lnb li a {
  color: #666;
  font-size: 14px;
}

.foot-infotxt {
  margin-top: 12px;
  font-size: 13px;
  color: #999;
  letter-spacing: -0.5px;
}

.foot-infotxt address {
  font-style: normal;
}

/* tab */
.tabs {
  overflow: hidden;
}

.tabs li {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  border-left: 2px solid #fff;
}

.tabs li:first-child {
  border-left: 0;
}

.tabs li a {
  position: relative;
  display: block;
  height: 60px;
  padding: 0 20px;
  vertical-align: middle;
  background: #eee;
  color: #aaaaaa;
  font-size: 18px;
  line-height: 60px;
  text-align: center;
  letter-spacing: -0.5px;
}

.tabs li a:hover {
  background: url(../img/content/c80new_tab_hover.png) no-repeat right top;
  color: #fff;
}

.tabs li.on a {
  background: url(../img/content/c80new_tab_on.png) no-repeat right top;
  color: #fff;
  font-weight: bold;
}

.tabs.tabcol-2 li {
  width: 50%;
  margin-top: 2px;
}

.tabs.tabcol-2 li:first-child,
.tabs.tabcol-2 li:first-child + li {
  margin-top: 0;
}

.tabs.tabcol-2 li:first-child,
.tabs.tabcol-2 li:first-child + li + li,
.tabs.tabcol-2 li:first-child + li + li + li + li,
.tabs.tabcol-2 li:first-child + li + li + li + li + li + li,
.tabs.tabcol-2 li:first-child + li + li + li + li + li + li + li + li,
.tabs.tabcol-2 li:first-child + li + li + li + li + li + li + li + li + li + li,
.tabs.tabcol-2 li:first-child + li + li + li + li + li + li + li + li + li + li + li + li {
  width: 470px;
  border-left: 0;
}

.tabs.tabcol-3 li {
  width: 33.33333333333333%;
  margin-top: 2px;
}

.tabs.tabcol-3 li:first-child,
.tabs.tabcol-3 li:first-child + li,
.tabs.tabcol-3 li:first-child + li + li {
  margin-top: 0;
}

.tabs.tabcol-3 li:first-child + li + li + li,
.tabs.tabcol-3 li:first-child + li + li + li + li + li + li,
.tabs.tabcol-3 li:first-child + li + li + li + li + li + li + li + li + li {
  border-left: 0;
}

.tabs.tabcol-4 li {
  width: 25%;
  margin-top: 2px;
}

.tabs.tabcol-4 li:first-child,
.tabs.tabcol-4 li:first-child + li,
.tabs.tabcol-4 li:first-child + li + li,
.tabs.tabcol-4 li:first-child + li + li + li {
  margin-top: 0;
}

.tabs.tabcol-4 li:first-child + li + li + li + li,
.tabs.tabcol-4 li:first-child + li + li + li + li + li + li + li + li,
.tabs.tabcol-4 li:first-child + li + li + li + li + li + li + li + li + li + li + li + li {
  border-left: 0;
}

.tabs.tabcol-5 li {
  width: 20%;
  margin-top: 2px;
}

.tabs.tabcol-5 li:first-child {
  width: 188px;
}

.tabs.inner {
  margin-bottom: 80px;
}

.tabs.inner li {
  border-left: 0;
}

.tabs.inner li a {
  height: auto;
  padding: 4px 0 6px;
  margin-top: 20px;
  line-height: 1.5;
  background: none;
  font-size: 15px;
  color: #aaa;
  border-right: 2px solid #efefef;
  border-bottom: 2px solid #efefef;
}

.tabs.inner li a:hover {
  color: #4a5565;
  border-color: #4a5565;
}

.tabs.inner li.on a {
  color: #e75935;
  border-color: #e75935;
}

.tabs.inner-col2 li {
  width: 50%;
}

.tabs.inner-col2 li:first-child a,
.tabs.inner-col2 li:first-child + li a {
  margin-top: 0;
}

.tabs.inner-col3 li {
  width: 33.33333333333333%;
}

.tabs.inner-col3 li:first-child a,
.tabs.inner-col3 li:first-child + li a,
.tabs.inner-col3 li:first-child + li + li a {
  margin-top: 0;
}

.tabs.inner-col4 li {
  width: 25%;
}

.tabs.inner-col4 li:first-child a,
.tabs.inner-col4 li:first-child + li a,
.tabs.inner-col4 li:first-child + li + li a,
.tabs.inner-col4 li:first-child + li + li + li a {
  margin-top: 0;
}

.tab-cont {
  margin-top: 80px;
  padding: 0 20px;
}

.tab-cont2 .img-list {
  margin-top: 80px;
}

/* 탭기능이 스크롤인 경우*/
.tab-design {
  overflow: hidden;
}

.tab-design li {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  border-left: 2px solid #fff;
}

.tab-design li:first-child {
  border-left: 0;
}

.tab-design li a {
  overflow: hidden;
  position: relative;
  display: block;
  height: 60px;
  padding: 0 20px;
  vertical-align: middle;
  background: #eee;
  color: #aaaaaa;
  font-size: 18px;
  line-height: 60px;
  text-align: center;
  letter-spacing: -0.5px;
}

.tab-design li a:hover, .tab-design li a:focus {
  background: url(../img/content/c80new_tab_hover.png) no-repeat right top;
  color: #fff;
}

.tab-design li.on a {
  background: url(../img/content/c80new_tab_on.png) no-repeat right top;
  color: #fff;
  font-weight: bold;
}

.tab-design.tabcol-2 li {
  width: 50%;
  margin-top: 2px;
}

.tab-design.tabcol-2 li:first-child,
.tab-design.tabcol-2 li:first-child + li {
  margin-top: 0;
}

.tab-design.tabcol-2 li:first-child,
.tab-design.tabcol-2 li:first-child + li + li,
.tab-design.tabcol-2 li:first-child + li + li + li + li,
.tab-design.tabcol-2 li:first-child + li + li + li + li + li + li,
.tab-design.tabcol-2 li:first-child + li + li + li + li + li + li + li + li,
.tab-design.tabcol-2 li:first-child + li + li + li + li + li + li + li + li + li + li,
.tab-design.tabcol-2 li:first-child + li + li + li + li + li + li + li + li + li + li + li + li {
  border-left: 0;
}

.tab-design.tabcol-3 li {
  width: 33.33333333333333%;
  margin-top: 2px;
}

.tab-design.tabcol-3 li:first-child,
.tab-design.tabcol-3 li:first-child + li,
.tab-design.tabcol-3 li:first-child + li + li {
  margin-top: 0;
}

.tab-design.tabcol-3 li:first-child + li + li + li,
.tab-design.tabcol-3 li:first-child + li + li + li + li + li + li {
  border-left: 0;
}

.tab-design.tabcol-4 li {
  width: 25%;
  margin-top: 2px;
}

.tab-design.tabcol-4 li:first-child,
.tab-design.tabcol-4 li:first-child + li,
.tab-design.tabcol-4 li:first-child + li + li,
.tab-design.tabcol-4 li:first-child + li + li + li {
  margin-top: 0;
}

.tab-design.tabcol-4 li:first-child + li + li + li + li,
.tab-design.tabcol-4 li:first-child + li + li + li + li + li + li + li + li {
  border-left: 0;
}

/* title */
.tit-ty1 {
  position: relative;
  padding: 33px 0 26px 0;
  margin-bottom: 60px;
  font-size: 30px;
  letter-spacing: -0.5px;
  background: url(../img/content/c80new_bg_tit_1.gif) no-repeat left bottom;
}

.tit-ty2 {
  margin-top: 73px;
  font-size: 18px;
  font-weight: bold;
}

.sum-txt + .tit-ty2 {
  margin-top: 20px;
}

.tit-ty3 {
  position: relative;
  padding-left: 20px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.5px;
  background: url(../img/content/c80new_bul_tit_ty3.gif) no-repeat 0 14px;
}

.tit-ty4 {
  font-size: 20px;
  color: #e75935;
}

.tit-ty6 {
  margin-top: 21px;
  font-size: 14px;
  font-weight: bold;
}

.tit-sub {
  font-size: 18px;
  font-weight: bold;
}

.tit-sub2 {
  font-size: 14px;
  color: #000;
  font-weight: bold;
}

.tit-sub3 {
  margin-top: 35px;
  font-size: 14px;
  color: #000;
  font-weight: bold;
}

.tit-sub2 + .txt-ty3 {
  margin-top: 12px;
}

.tit-ty2 + .tit-sub2 {
  margin-top: 12px;
}

.tbl-1 + .tit-sub2 {
  margin-top: 15px;
}

.tit-wrap {
  clear: both;
  overflow: hidden;
  margin: 73px 0 8px;
}

.tit-wrap .tit-ty2 {
  float: left;
  margin: 0;
}

.tit-wrap .caption {
  float: left;
  margin-top: 18px;
}

.tit-wrap .measure {
  float: right;
  margin-top: 18px;
}

.tit-wrap + .tbl-1 {
  margin-top: 0;
}

.tit-wrap2 {
  overflow: hidden;
  margin: 73px 0 8px;
}

.tit-wrap2 .tit-ty2 {
  margin: 0;
}

.tit-wrap2 dt {
  margin-top: 23px;
  font-size: 14px;
  color: #e75935;
}

.tit-wrap2 dd {
  font-size: 14px;
  color: #777;
}

.tit-wrap2 dd + dt + dd {
  margin-bottom: 26px;
}

/* text */
.txt-ty1 {
  margin-top: 4px;
  color: #777;
}

.txt-ty2 {
  margin: 18px 0 0 20px;
  font-size: 14px;
  color: #777;
}

.txt-ty3 {
  margin-top: 4px;
  font-size: 14px;
  color: #777;
}

.txt-ty4 {
  margin-top: 57px;
  font-size: 14px;
  color: #777;
}

.txt-ty5 {
  margin-top: 21px;
  font-size: 14px;
  color: #777;
}

.txt-ty6 {
  font-size: 14px;
  color: #e75935;
}

.tbl-1 + .txt-ty3 {
  margin-top: 15px;
}

.tit-ty2 + .txt-ty3 {
  margin-top: 12px;
}

.intro-txt {
  margin: 0 0 35px 0;
  font-size: 16px;
  color: #777;
}

.sum-txt {
  margin: 74px 0 0 0;
  font-size: 16px;
  color: #777;
}

.note-wrap {
  position: relative;
  padding-left: 32px;
  margin-top: 10px;
  color: #999;
}

.note-wrap em {
  position: absolute;
  left: 0;
}

.note-wrap li {
  line-height: 18px;
}

.note {
  position: relative;
  padding-left: 32px;
  margin-top: 10px;
  line-height: 18px;
  color: #999;
}

.note em {
  position: absolute;
  left: 0;
}

.bul-list1 {
  font-size: 14px;
}

.bul-list1 li {
  position: relative;
  padding-left: 16px;
  color: #777;
  background: url(../img/content/c80new_bul_list1.gif) no-repeat 0 11px;
}

.bul-list1 li em {
  color: #000;
}

.bul-list2 {
  font-size: 14px;
  color: #777;
}

.bul-list2 li {
  position: relative;
  padding-left: 10px;
  margin-top: 1px;
  color: #777;
}

.bul-list2 li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 11px;
  width: 2px;
  height: 2px;
  margin-top: -1px;
  background: #777;
}

.bul-list3 {
  font-size: 14px;
}

.bul-list3 li {
  position: relative;
  padding-left: 10px;
  margin-top: 2px;
}

.bul-list3 li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 10px;
  width: 4px;
  height: 1px;
  background: #000;
}

/* table */
.tbl-1 {
  margin-top: 20px;
  border-top: 3px solid #e75935;
  border-bottom: 1px solid #e75935;
  font-size: 14px;
  line-height: 18px;
  border-collapse: separate;
  letter-spacing: -0.5px;
}

.tbl-1 th {
  padding: 10px 0 13px;
  font-weight: bold;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  text-align: center;
}

.tbl-1 th:first-child {
  border-left: 0;
}

.tbl-1 td {
  padding: 10px 0 13px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  text-align: center;
  line-height: 18px;
  color: #777;
}

.tbl-1 td:first-child {
  border-left: 0;
}

.tbl-1 td.subject {
  padding: 10px 10px 13px;
  text-align: left;
}

.tbl-1 tr:first-child th {
  border-top: 0;
}

.tbl-1 tr:first-child td {
  border-top: 1px solid #e75935;
}

.tbl-1 .l-line {
  border-left: 1px solid #ddd !important;
}

.tbl-1 .tt-line {
  border-top: 1px solid #e75935 !important;
}

.tbl-1 .l-o-line {
  border-left: 1px solid #e75935 !important;
}

.tbl-1.line-ty2 thead tr:first-child th:first-child + th {
  border-left: 1px solid #e75935;
}

.tbl-1.line-ty2 tbody tr:first-child th,
.tbl-1.line-ty2 tbody tr:first-child td {
  border-top: 1px solid #e75935;
}

.tbl-1.line-ty2 th:first-child + td {
  border-left: 1px solid #e75935;
}

.tbl-1 .emt-line {
  border-top: 2px solid red !important;
}

.tbl-1 .emr-line {
  border-right: 2px solid red;
}

.tbl-1 .emb-line {
  border-bottom: 2px solid red;
}

.tbl-1 .eml-line {
  border-left: 2px solid red;
}

.note-wrap + .tbl-1,
.note + .tbl-1 {
  margin-top: 38px;
}

.btn-r + .tbl-1 {
  margin-top: 10px;
}

.tbl-form1 {
  table-layout: fixed;
  border-spacing: 0;
}

.tbl-form1 th {
  padding: 10px 0 0 0;
}

.tbl-form1 td {
  padding: 10px 0 0 10px;
}

.tbl-form1 tr:first-child th,
.tbl-form1 tr:first-child td {
  padding-top: 0;
  vertical-align: top;
}

.tbl-form1 .tit {
  width: 153px;
  height: 38px;
  padding: 0 0 0 7px;
  border-top: 1px solid #e75935;
  border-bottom: 1px solid #e75935;
  text-align: left;
  line-height: 40px;
  letter-spacing: -0.5px;
  font-size: 14px;
  color: #777;
}

.tbl-form1 .tit.tit-required {
  color: #000;
}

.tbl-2 th,
.tbl-2 td {
  padding: 6px 0 8px;
  font-size: 14px;
  border-top: 2px solid #fff;
  line-height: 26px;
  letter-spacing: -0.5px;
}

.tbl-2 th {
  background: #e96442;
  color: #fff;
  font-weight: normal;
}

.tbl-2 td {
  padding: 6px 10px 8px;
  background: #f6f6f6;
}

.tbl-2.bg-2 th {
  background: #afb4bc;
  font-weight: normal;
}

.tbl-3 {
  margin-top: 20px;
  border-top: 3px solid #e75935;
  border-bottom: 1px solid #e75935;
  font-size: 14px;
  line-height: 18px;
  border-collapse: separate;
  letter-spacing: -0.5px;
}

.tbl-3 th {
  padding: 10px 0 13px;
  font-weight: bold;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  text-align: center;
}

.tbl-3 th:first-child {
  border-left: 0;
}

.tbl-3 td {
  padding: 10px 10px 13px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  line-height: 18px;
  color: #777;
}

.tbl-3 td:first-child {
  border-left: 0;
}

.tbl-3 td.form-wrap {
  padding: 5px 10px;
}

.tbl-3 tr:first-child th {
  border-top: 0;
}

.tbl-3 tr:first-child td {
  border-top: 0;
}

/* 폼 요소 */
.input-txt {
  width: 524px;
  height: 40px;
  padding: 0 10px;
  border: 0;
  border-bottom: 1px solid #ddd;
  background: #f6f6f6;
  font-family: Malgun Gothic, "맑은 고딕", "돋움", Dotum;
  color: #777;
  line-height: 40px;
}

.checkbox {
  width: 15px;
  height: 15px;
  margin-top: 3px;
}

.select {
  height: 26px;
  padding: 0 10px;
  border: 1px solid #ddd;
}

/* 제품안내 */
/* 제조공정 */
.process-summary {
  position: relative;
  padding: 60px 0 60px;
  margin-bottom: 60px;
  border-bottom: 1px solid #ececec;
  overflow: hidden;
}

.process-summary .prd-img {
  width: 240px;
  float: left;
  margin-right: 20px;
  margin-top: 5px;
}

.process-summary p {
  color: #777;
  font-size: 16px;
  letter-spacing: -0.5px;
  line-height: 26px;
  color: #777;
  float: right;
  width: 680px;
  min-height: 160px;
}

.flash-area {
  overflow: hidden;
  margin: 30px 0 0 20px;
}

.flash-area .flash-obj {
  float: left;
  border: 1px solid #ececec;
}

.img-area {
  margin: 30px 20px 0;
}

/* 제조설비 */
.img-list ul {
  overflow: hidden;
}

.img-list ul li {
  float: left;
  width: 300px;
  height: 465px;
  margin-left: 20px;
}

.img-list ul li:first-child,
.img-list ul li:first-child + li + li + li {
  margin-left: 0;
}

.img-list ul li.height2 {
  height: 515px;
}

.img-list ul li .txt {
  margin-top: 40px;
}

.img-list ul li .txt p {
  padding: 12px 0 0 20px;
  color: #777;
  font-size: 14px;
  letter-spacing: -0.5px;
}

/* 용도소개 */
.sub-list {
  margin-top: 20px;
}

.sub-list > ul > li {
  overflow: hidden;
  position: relative;
  padding: 60px 20px 60px 20px;
  border-bottom: 1px solid #ececec;
}

.sub-list > ul > li.no-img p {
  padding-right: 0;
  word-break: break-all;
}

.sub-list > ul > li p {
  padding: 12px 300px 0 0;
  font-size: 14px;
  color: #777;
}

.sub-list > ul > li p + .tit-sub2 {
  padding-top: 12px;
}

.sub-list > ul > li .img {
  float: right;
  width: 260px;
  margin-bottom: 20px;
}

.sub-list > ul > li .img img:first-child {
  margin-top: 5px;
}

.sub-list > ul > li .img img + img {
  margin-top: 20px;
}

.sub-list > ul > li ul {
  padding: 23px 40px 0 20px;
  overflow: hidden;
}

.sub-list table {
  clear: both;
}

.sub-list .bul-list1 li > ul {
  display: inline-block;
  padding: 0;
}

.sub-list .bul-list1 li > ul li {
  background: none;
  padding-left: 0;
}

.sub-list.no-img > ul > li {
  padding-right: 20px;
}

.sub-list .tit-sub2 + .bul-list1 {
  padding-top: 0;
}

.sub-list .tit-sub2 {
  color: #000;
}

/* 제품 포장 및 마킹 */
.pack-list table {
  margin: 27px 0 13px;
}

.pack-list .infotxt {
  padding: 22px 20px 0 20px;
  font-size: 14px;
  color: #777;
}

.pack-list .pack-img {
  padding: 27px 0 13px;
}

.pack-list ul {
  overflow: hidden;
}

.pack-list ul li {
  margin-top: 20px;
}

.pack-list ul li p {
  font-size: 14px;
  color: #777;
  padding: 11px 0 0 20px;
}

.pack-list ul li .pack-img {
  padding: 27px 0 13px;
}

.mark-list {
  margin-top: 41px;
}

.mark-list .infotxt {
  padding: 22px 20px 0 20px;
  font-size: 14px;
  color: #777;
}

.mark-list .mark-img {
  margin-top: 27px;
}

.mark-list ul {
  overflow: hidden;
  margin-top: 20px;
}

.mark-list ul li {
  float: left;
  width: 300px;
  margin-left: 20px;
}

.mark-list ul li:first-child {
  margin-left: 0;
}

.mark-list ul li .mark-img {
  margin: 27px 0 0 20px;
}

.precautions-list {
  margin-top: 40px;
}

.precautions-list .infotxt {
  padding: 22px 20px 0 20px;
  font-size: 14px;
  color: #777;
}

.precautions-list .bul-list1 {
  padding: 0 40px;
  overflow: hidden;
}

.precautions-list .bul-list1 li {
  margin-top: 0;
}

/* 버튼 */
.btn-1 {
  height: 60px;
  padding: 0 24px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  background: #8c909a;
  text-align: center;
  line-height: 60px;
}

/*
.btn-2 {
    box-sizing:border-box;
    height:50px;
    padding:0 20px;
    line-height:48px;
    font-size:18px;
    font-weight:bold;
    background:$orange-c;
    color:#fff;
}
*/
.btn-3 {
  width: 100px;
  height: 40px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  background: #8c909a;
  text-align: center;
  line-height: 40px;
}

.btn-4 {
  width: 100px;
  height: 40px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  background: #e75935;
  text-align: center;
  line-height: 40px;
}

.btn-wrap {
  padding: 20px 0 40px;
  text-align: center;
  font-size: 0;
}

.btn-wrap a + a {
  margin-left: 10px;
}

.btn-r {
  text-align: right;
}

/* 팝업 */
.pop-wrap {
  width: 860px;
  padding: 20px 20px 60px;
  margin: 0 auto;
}

.pop-wrap .pop-tit-wrap {
  position: relative;
}

.pop-wrap .pop-tit-wrap .bnt-pclose {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 19px;
  height: 19px;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -618px -206px;
}

.pop-wrap .pop-tit {
  position: relative;
  height: 90px;
  margin-bottom: 60px;
  line-height: 90px;
  font-size: 30px;
  color: #e75935;
}

.pop-wrap .pop-tit:after {
  position: absolute;
  content: "";
  width: 40px;
  height: 1px;
  left: 0;
  bottom: 0;
  background: #e75935;
}

.pop-wrap.lyout-ty2 {
  padding: 10px 20px 0;
}

.pop-wrap.lyout-ty2 .bnt-pclose {
  right: 10px;
  top: 10px;
}

.pop-wrap.lyout-ty2 .pop-tit {
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
  font-size: 24px;
}

.pop-wrap.lyout-ty2 .pop-tit:after {
  display: none;
}

.pop-wrap.lyout-ty2 .result-wrap {
  padding-top: 20px;
  margin-top: 20px;
}

/* 팝업 */
.pop-wrap .pop-tit {
  position: relative;
}

.pop-wrap .pop-tit h1 {
  position: relative;
  height: 90px;
  margin-bottom: 60px;
  line-height: 90px;
  font-size: 30px;
  color: #e75935;
}

.pop-wrap .pop-tit h1:after {
  position: absolute;
  content: "";
  width: 40px;
  height: 1px;
  left: 0;
  bottom: 0;
  background: #e75935;
}

.pop-wrap .pop-tit .bnt-pclose {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 35px;
  width: 19px;
  height: 19px;
  text-indent: 100%;
  white-space: nowrap;
}

.pop-wrap .pop-tit .bnt-pclose:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -618px -206px;
  width: 19px;
  height: 19px;
}

.pop-wrap.ty-2 {
  padding: 0 20px;
  letter-spacing: -0.5px;
}

.pop-wrap.ty-2 .pop-tit-wrap {
  position: relative;
  padding: 25px 100px 10px 0;
  border-bottom: 1px solid #e75935;
}

.pop-wrap.ty-2 .pop-tit-wrap .tit {
  font-size: 24px;
  color: #e75935;
  line-height: 28px;
}

.pop-wrap.ty-2 .pop-tit-wrap .btn-x {
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 30px;
  width: 19px;
  height: 19px;
  text-indent: 100%;
  white-space: nowrap;
}

.pop-wrap.ty-2 .pop-tit-wrap .btn-x:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -618px -206px;
  width: 19px;
  height: 19px;
}

.pop-wrap.ty-2 .pop-cont {
  margin: 30px 10px 60px;
}

.pop-wrap.ty-2 .pop-btn-wrap {
  margin: 60px 0 30px;
  text-align: center;
}

.pop-wrap.ty-2 .pop-btn-wrap .btn-close {
  width: 160px;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  background: #8c909a;
  text-align: center;
}

/* 페이징 */
.paging {
  margin: 30px 0;
  text-align: center;
  line-height: 20px;
  font-size: 0;
}

.paging a,
.paging span {
  line-height: 20px;
  vertical-align: top;
  font-size: 16px;
  margin: 0 7px;
}

.paging a {
  color: #999;
}

.paging .present {
  cursor: text;
  color: #000;
}

.paging .first,
.paging .prev,
.paging .next,
.paging .last {
  overflow: hidden;
  width: 18px;
  height: 18px;
  margin: 0 1px;
  border: 1px solid #ddd;
  text-indent: 100%;
  white-space: nowrap;
}

.paging .first {
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -562px -268px;
  width: 18px;
  height: 18px;
}

.paging .prev {
  margin-right: 13px;
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -598px -236px;
  width: 18px;
  height: 18px;
}

.paging .next {
  margin-left: 13px;
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -616px -236px;
  width: 18px;
  height: 18px;
}

.paging .last {
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -580px -268px;
  width: 18px;
  height: 18px;
}

/* main */
.main-wrapper {
  overflow: hidden;
  min-width: 1280px;
  margin: 0 auto;
  background: url(../img/content/c80new_bg_main.png) no-repeat 50% 480px;
  /*background:url(../img/content/c80new_bg_main_slide.jpg) no-repeat; */
}

.main-wrapper .header {
  position: relative;
  z-index: 30;
}

.main-wrapper .main-bg .inner {
  position: relative;
  width: 100%;
}

.main-wrapper .main-bg .inner li {
  position: absolute;
  left: 50%;
  width: 1920px;
  height: 480px;
  margin-left: -960px;
}

.main-wrapper .util > ul > li .before {
  background: url(../img/content/c80new_util_bar.png) no-repeat;
}

.main-wrapper .util > ul > li:first-child + li + li {
  padding-left: 32px;
}

.main-wrapper .util > ul > li:first-child + li + li + li {
  padding-left: 15px;
}

.main-wrapper .gnb-wrap {
  height: 103px;
  border-bottom: 0;
}

.main-wrapper .gnb-wrap .inner .logo a {
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -124px -440px;
  width: 93px;
  height: 59px;
}

.main-wrapper .gnb-wrap .btn-all {
  display: inline-block;
  background: url(../img/content/c80new_btn_all_off.png) no-repeat;
}

.main-wrapper .gnb-wrap .btn-all.on {
  background: url(../img/content/c80new_btn_all_on.png) no-repeat;
}

.main-wrapper .gnb-wrap .nav-full-wrap {
  background: url(../img/content/c80new_bg_full_menu.png) no-repeat;
}

.main-wrapper .gnb-wrap .nav-full-wrap .nf-depth1 > li > strong {
  color: #000;
}

.main-wrapper .gnb-wrap .nav-full-wrap .nf-depth1 > li.inquiry-link a {
  color: #000;
}

.main-wrapper .gnb-wrap .nav-full-wrap .nf-depth1 > li .nf-depth2 li a {
  color: #777;
}

.main-wrapper .gnb-wrap .nav-full-wrap .nf-depth1 > li .nf-depth2 li a:hover {
  color: #e65631;
}

.main-wrapper .gnb-wrap .nav-full-wrap .nf-depth1 > li .after {
  background: #ccc;
}

.main-wrapper .gnb-wrap .btn-contact {
  position: relative;
  width: 24px;
  height: 17px;
  overflow: hidden;
  margin-top: 4px;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -612px -186px;
}

.main-wrapper .gnb-wrap .btn-intro {
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -592px -206px;
}

.main-wrapper .gnb-wrap .btn-lang {
  margin-left: 0;
  color: #cfc9c3;
  border-color: #cfc9c3;
}

.main-wrapper .gnb-wrap .lang-wrap {
  top: 24px;
}

.main-wrapper .footer {
  margin: 0 auto;
  background: none;
}

.main-wrapper .gnb {
  padding-right: 275px;
}

.main-wrapper .gnb ul li a {
  color: #fff;
}

.main-container {
  width: 1180px;
  margin: 0 auto;
}

.main-container .main-inner-wrap {
  position: relative;
  height: 677px;
}

.float-menu {
  position: absolute;
  content: "";
  right: 0;
  top: 77px;
  z-index: 20;
  width: 300px;
  height: 530px;
}

.main-login-wrap {
  position: relative;
  width: 240px;
  height: 248px;
  padding: 26px 30px;
  background: url(../img/content/c80new_bg_main_login.png) no-repeat;
}

.main-login-wrap .main-login {
  margin-bottom: 14px;
}

.main-login-wrap .main-login li {
  height: 32px;
  margin-top: 12px;
  border-bottom: 1px solid #ff9c82;
}

.main-login-wrap .main-login li input {
  width: 230px;
  height: 32px;
  padding: 0 5px;
  line-height: 32px;
  border: 0;
  background: none;
  font-size: 14px;
  color: #fff !important;
  background: #e87b38;
  -webkit-box-shadow: 0 0 0 100px #e87b38 inset;
  box-shadow: 0 0 0 100px #e87b38 inset;
  font-family: Malgun Gothic, "맑은 고딕";
}

.main-login-wrap .main-login li input:-webkit-autofill {
  -webkit-text-fill-color: #fff;
}

.main-login-wrap .main-login li input::-webkit-input-placeholder {
  -webkit-text-fill-color: #fff;
}

.main-login-wrap .main-login li input:-moz-input-placeholder {
  -webkit-text-fill-color: #fff;
}

.main-login-wrap .main-login li input::-moz-input-placeholder {
  -webkit-text-fill-color: #fff;
}

.main-login-wrap .main-login li input:-ms-input-placeholder {
  -webkit-text-fill-color: #fff;
}

.main-login-wrap .main-login .pw-label {
  position: absolute;
  width: 200px;
  padding: 0 5px;
  color: #fff;
  background: #e87b38;
  line-height: 32px;
  height: 32px;
  font-size: 14px;
}

.main-login-wrap .account-wrap {
  margin: 8px -30px 0;
  text-align: center;
}

.main-login-wrap .account-wrap li {
  position: relative;
  display: inline-block;
  margin-left: 8px;
  padding-left: 9px;
}

.main-login-wrap .account-wrap li .before {
  position: absolute;
  content: "";
  width: 1px;
  height: 12px;
  left: 0;
  top: 50%;
  margin-top: -5px;
  background: #f0966c;
}

.main-login-wrap .account-wrap li:first-child {
  margin-left: 0;
  padding-left: 0;
}

.main-login-wrap .account-wrap li a {
  color: #ffc3b3;
  letter-spacing: -0.5px;
}

.placeholder-wrap {
  position: relative;
}

.placeholder-wrap .placeholder-tit {
  position: absolute;
  left: 5px;
  top: 0;
  color: #fff;
  font-size: 14px;
  line-height: 32px;
}

.main-submit-wrap .btn-submit {
  width: 100%;
  height: 44px;
  background: #e65631;
  color: #fff;
  font-size: 16px;
  line-height: 44px;
  text-align: center;
}

.main-submit-wrap .btn-submit span {
  margin-top: 1px;
}

.main-submit-wrap .check-save {
  position: relative;
  margin-top: 5px;
}

.main-submit-wrap .check-save label {
  color: #fff;
  font-size: 14px;
  line-height: 38px;
}

.main-submit-wrap .check-save input {
  width: 16px;
  height: 16px;
  margin: 12px 5px 0 0;
}

.main-submit-wrap .check-save .btn-link {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 120px;
  height: 38px;
  background: #5b6576;
  color: #fff;
  font-size: 14px;
  line-height: 37px;
  text-align: center;
}

.main-notice-wrap {
  width: 300px;
  height: 230px;
}

.main-notice-wrap .main-notice {
  width: 300px;
  height: 182px;
  background: #fff;
}

.main-notice-wrap .main-notice .main-notice-tit {
  position: relative;
  height: 37px;
  border-bottom: 1px solid #e3e3e3;
}

.main-notice-wrap .main-notice .main-notice-tit strong {
  font-size: 18px;
  line-height: 37px;
  font-weight: bold;
  color: #444;
}

.main-notice-wrap .main-notice .main-notice-tit .btn-more {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  width: 100%;
  height: 37px;
}

.main-notice-wrap .main-notice .main-notice-tit .btn-more:after {
  position: absolute;
  content: "";
  right: 12px;
  top: 50%;
  width: 7px;
  height: 10px;
  margin-top: -5px;
  background: url(../img/content/c80new_btn_main_notice.png) no-repeat;
}

.main-notice-wrap .main-faq-link {
  overflow: hidden;
  height: 48px;
  padding-left: 43px;
  background: url(../img/content/c80new_bg_faq_link.png) no-repeat;
}

.main-notice-wrap .main-faq-link li {
  float: left;
  position: relative;
  margin-right: 10px;
  padding-right: 10px;
}

.main-notice-wrap .main-faq-link li .after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  width: 1px;
  height: 13px;
  margin-top: -5px;
  background: #a1bce5;
}

.main-notice-wrap .main-faq-link li a {
  line-height: 48px;
  font-size: 14px;
  color: #a1bce5;
  letter-spacing: -0.5px;
}

.main-notice-wrap .main-faq-link li:first-child + li {
  position: static;
  margin-right: 0;
  padding-right: 0;
}

.main-notice-wrap .main-faq-link li:first-child + li:before {
  display: none;
}

.main-notice-list {
  padding-top: 12px;
}

.main-notice-list li {
  line-height: 30px;
}

.main-notice-list li a {
  display: block;
}

.main-notice-list li a .board-tit {
  position: relative;
  padding-left: 20px;
  max-width: 163px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #777;
  letter-spacing: -0.5px;
}

.main-notice-list li a .board-tit:before {
  position: absolute;
  content: "";
  left: 11px;
  top: 50%;
  width: 3px;
  height: 3px;
  margin-top: -1.5px;
  background: #d3d3d3;
}

.main-notice-list li a .date {
  color: #999;
}

.main-product {
  position: relative;
  left: 30px;
  top: 400px;
}

.main-product ul {
  overflow: hidden;
  width: 719px;
  height: 209px;
  background: url(../img/content/c80new_main_product.png) no-repeat;
}

.main-product ul li {
  float: left;
  width: 179px;
  height: 69px;
  margin: 0 0 1px 1px;
}

.main-product ul li:first-child,
.main-product ul li:first-child + li + li + li + li,
.main-product ul li:first-child + li + li + li + li + li + li + li + li {
  margin-left: 0;
}

.main-product ul li a {
  display: block;
  line-height: 69px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  letter-spacing: -0.5px;
}

.btn-charger {
  position: absolute;
  left: 740px;
  top: 7px;
  width: 80px;
  height: 65px;
  padding-top: 15px;
  color: #fff;
  text-align: right;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -562px 0px;
}

.main-bottom-wrap {
  position: relative;
  height: 400px;
  margin: 0 auto;
}

.join-process {
  position: absolute;
  left: 585px;
  top: 40px;
  letter-spacing: -0.5px;
}

.join-process .btn-mstep {
  padding-right: 16px;
  margin-left: 25px;
  font-size: 20px;
  color: #404753;
  background: url(../img/content/c80new_btn_mstep.png) 100% 10px no-repeat;
}

.join-process ol {
  overflow: hidden;
  min-width: 576px;
  background: url(../img/content/c80new_bg_process.jpg) no-repeat 24px 30px;
}

.join-process ol li {
  float: left;
  width: 150px;
  padding-top: 180px;
  text-align: center;
}

.join-process ol li:first-child + li + li + li {
  width: 145px;
}

.join-process ol li strong {
  font-size: 14px;
  color: #000;
}

.join-process ol li p {
  margin-top: 8px;
  font-size: 14px;
  color: #888;
  line-height: 18px;
}

.main-news-area {
  position: absolute;
  left: 600px;
  top: 40px;
}

.coop-list {
  position: relative;
  overflow: hidden;
  height: 60px;
  padding: 0 39px;
}

.coop-list li {
  float: left;
}

.coop-list li a {
  overflow: hidden;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
}

.coop-list .bx-prev {
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -562px -236px;
  width: 18px;
  height: 32px;
  position: absolute;
  left: 0;
  top: 17px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.coop-list .bx-next {
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -580px -236px;
  width: 18px;
  height: 32px;
  position: absolute;
  right: 0;
  top: 17px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.coop-list li a {
  height: 60px;
}

.ico-cop1 {
  width: 95px;
  margin: 0 15px;
}

.ico-cop1 a {
  background-image: url(../img/content/c80new-ico-comp1.png);
}

.ico-cop2 {
  width: 95px;
  margin: 0 15px;
}

.ico-cop2 a {
  background-image: url(../img/content/c80new-ico-comp2.png);
}

.ico-cop3 {
  width: 86px;
  margin: 0 15px;
}

.ico-cop3 a {
  background-image: url(../img/content/c80new-ico-comp3.png);
}

.ico-cop4 {
  width: 98px;
  margin: 0 15px;
}

.ico-cop4 a {
  background-image: url(../img/content/c80new-ico-comp4.png);
}

.ico-cop5 {
  width: 90px;
  margin: 0 15px;
}

.ico-cop5 a {
  background-image: url(../img/content/c80new-ico-comp16.png);
}

.ico-cop6 {
  width: 87px;
  margin: 0 15px;
}

.ico-cop6 a {
  background-image: url(../img/content/c80new-ico-comp18.png);
}

.ico-cop7 {
  width: 123px;
  margin: 0 15px;
}

.ico-cop7 a {
  background-image: url(../img/content/c80new-ico-comp17.png);
}

.ico-cop8 {
  width: 149px;
  margin: 0 17px;
}

.ico-cop8 a {
  background-image: url(../img/content/c80new-ico-comp8.png);
}

.ico-cop9 {
  width: 123px;
  margin: 0 20px;
}

.ico-cop9 a {
  background-image: url(../img/content/c80new-ico-comp9.png);
}

.ico-cop10 {
  width: 125px;
  margin-left: 17px;
}

.ico-cop10 a {
  background-image: url(../img/content/c80new-ico-comp10.png);
}

.ico-cop11 {
  width: 144px;
  margin-left: 17px;
}

.ico-cop11 a {
  background-image: url(../img/content/c80new-ico-comp11.png);
}

.ico-cop12 {
  width: 124px;
  margin-left: 17px;
}

.ico-cop12 a {
  background-image: url(../img/content/c80new-ico-comp12.png);
}

.ico-cop13 {
  width: 145px;
  margin-left: 17px;
}

.ico-cop13 a {
  background-image: url(../img/content/c80new-ico-comp13.png);
}

.ico-cop14 {
  width: 123px;
  margin-left: 17px;
}

.ico-cop14 a {
  background-image: url(../img/content/c80new-ico-comp14.png);
}

.ico-cop15 {
  width: 156px;
  margin-left: 17px;
}

.ico-cop15 a {
  background-image: url(../img/content/c80new-ico-comp15.png);
}

.img-nd {
  margin: 30px 0;
}

.hf-tit {
  font-size: 0;
}

.hf-tit span {
  font-size: 14px;
  color: #777;
  text-align: center;
  line-height: 33px;
  letter-spacing: -0.5px;
}

.hf-tit span.second {
  margin-left: 1px;
}

.hft-1 .first {
  width: 209px;
}

.hft-1 .second {
  width: 150px;
}

.hft-2 .first {
  width: 172px;
}

.hft-2 .second {
  width: 187px;
}

.hft-3 .first {
  width: 182px;
}

.hft-3 .second {
  width: 177px;
}

.hft-4 .first {
  width: 187px;
}

.hft-4 .second {
  width: 172px;
}

.hft-5 .first {
  width: 154px;
}

.hft-5 .second {
  width: 204px;
}

.main-check-wrap {
  position: relative;
  width: 570px;
  padding-top: 40px;
}

.main-check-wrap strong {
  font-size: 20px;
  color: #404753;
  font-weight: normal;
}

.main-check-nav {
  position: relative;
  padding-right: 287px;
}

.main-check-nav > li {
  width: 570px;
  height: 280px;
}

.main-check-nav > li > a {
  position: relative;
  display: block;
  width: 241px;
  height: 138px;
  padding-left: 42px;
  background: #637faa;
  font-size: 20px;
  color: #fff;
  line-height: 136px;
}

.main-check-nav > li > a .after {
  position: absolute;
  content: "";
  right: 20px;
  top: 50%;
  display: inline-block;
  width: 10px;
  height: 18px;
  margin-top: -9px;
  background: url(../img/content/c80new_marrow.png) no-repeat;
}

.main-check-nav > li.on a :after {
  border-color: #f3bd9b;
}

.main-check-nav .mcn1.on > a {
  background: url(../img/content/c80new_bg_mtc01.jpg) no-repeat;
}

.main-check-nav .mcn2 {
  position: absolute;
  top: 142px;
  left: 0;
  height: 138px;
}

.main-check-nav .mcn2 > a {
  background: url(../img/content/c80new_banner_btn_n.png) no-repeat #e1e5ec;
}

.main-check-nav .mcn2.on > a {
  background: url(../img/content/c80new_banner_btn_h.png) no-repeat;
}

.main-check-view {
  position: absolute;
  left: 287px;
  top: 40px;
  width: 283px;
}

.customer-center {
  height: 257px;
  position: relative;
  padding: 23px 0 0 30px;
  background: url(../img/content/c80new_customer_center.jpg) no-repeat;
  letter-spacing: -0.5px;
}

.customer-center strong {
  font-size: 24px;
  color: #fff;
  letter-spacing: -0.5px;
}

.customer-center p {
  margin-top: 8px;
  font-size: 18px;
  color: #fff;
}

.customer-center .tel {
  position: absolute;
  bottom: 20px;
  left: 50px;
  font-size: 33px;
  color: #fff;
  letter-spacing: -1px;
}

.sub-check {
  overflow: hidden;
  position: absolute;
  left: 287px;
  top: 0;
  z-index: 10;
  width: 239px;
  height: 280px;
  padding: 0 24px;
  margin-left: -4px;
  background: #405473;
}

.sub-check li a {
  display: block;
  height: 92px;
  line-height: 93px;
  color: #a1bce5;
  font-size: 18px;
  border-bottom: 1px solid #516e9b;
  text-align: center;
}

.sub-check li a:hover {
  color: #fff;
  font-weight: bold;
}

.sub-check.nav1 li:first-child + li + li a {
  border-bottom: 0;
}

.sub-check.nav2 {
  top: -142px;
}

.sub-check.nav2 li:first-child + li + li + li + li a {
  border-bottom: 0;
}

.sub-check.nav2 li a {
  height: 55px;
  line-height: 55px;
}

.nav-full-wrap {
  display: none;
  position: absolute;
  z-index: 30;
  left: -1062px;
  top: 27px;
  width: 1180px;
  background: url(../img/content/c80new_bg_full_menu_sub.png) no-repeat;
  letter-spacing: -0.5px;
}

.nav-full-wrap.on {
  display: block;
}

.nav-full-wrap .nf-depth1 {
  overflow: hidden;
  position: relative;
}

.nav-full-wrap .nf-depth1 > li {
  overflow: hidden;
  position: relative;
  float: left;
  height: 280px;
  padding-top: 60px;
}

.nav-full-wrap .nf-depth1 > li .left-nav {
  float: left;
}

.nav-full-wrap .nf-depth1 > li .right-nav {
  float: left;
  width: 120px;
}

.nav-full-wrap .nf-depth1 > li .nf-depth2 {
  overflow: hidden;
  position: relative;
  padding-top: 30px;
}

.nav-full-wrap .nf-depth1 > li .nf-depth2 li {
  padding-top: 8px;
}

.nav-full-wrap .nf-depth1 > li .nf-depth2 li:first-child {
  padding-top: 0;
}

.nav-full-wrap .nf-depth1 > li .nf-depth2 li a {
  font-size: 14px;
  color: #4a6f99;
}

.nav-full-wrap .nf-depth1 > li .nf-depth2 li a:hover {
  color: #fff;
}

.nav-full-wrap .nf-depth1 > li strong {
  color: #3a597e;
  display: block;
  font-size: 16px;
  font-weight: bold;
}

.nav-full-wrap .nf-depth1 > li .after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 1px;
  height: 255px;
  background: #aec3db;
}

.nav-full-wrap .nf-depth1 > li.nfn1 {
  width: 277px;
  padding: 60px 65px 0;
}

.nav-full-wrap .nf-depth1 > li.nfn1:after {
  display: none;
}

.nav-full-wrap .nf-depth1 > li.nfn1 .left-nav {
  width: 145px;
}

.nav-full-wrap .nf-depth1 > li.nfn2 {
  width: 255px;
  padding: 60px 0 0 70px;
}

.nav-full-wrap .nf-depth1 > li.nfn2 .left-nav {
  width: 120px;
}

.nav-full-wrap .nf-depth1 > li.nfn3 {
  width: 165px;
  padding-left: 70px;
}

.nav-full-wrap .nf-depth1 > li:first-child + li + li + li {
  width: 213px;
}

.nav-full-wrap .btn-full-close {
  position: absolute;
  content: "";
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -562px -206px;
  width: 30px;
  height: 30px;
  overflow: hidden;
  right: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
  text-indent: 100%;
  white-space: nowrap;
}

.inquiry-link {
  text-align: center;
}

.inquiry-link a {
  color: #3a597e;
  font-size: 16px;
  font-weight: bold;
}

/* 탑버튼 */
.btn-top {
  display: none;
  width: 50px;
  height: 50px;
  right: 70px;
  background: url(../img/content/c80new_btn_top.png) no-repeat transparent;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  /* IE8 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
  /* IE6 & 7 */
  z-index: 9998;
}

.btn-top.pos2 {
  bottom: 170px;
}

/* 제품담당자 임시 css */
.tab-area-tabs {
  overflow: hidden;
}

.tab-area-tabs li {
  float: left;
  width: 468px;
  border-left: 2px solid #fff;
}

.tab-area-tabs li:first-child {
  border-left: 0;
}

.tab-area-tabs li a {
  position: relative;
  display: block;
  height: 60px;
  padding: 0 20px;
  vertical-align: middle;
  background: #eee;
  color: #aaaaaa;
  font-size: 18px;
  line-height: 60px;
  text-align: center;
  letter-spacing: -0.5px;
}

.tab-area-tabs li a:hover {
  background: url(../img/content/c80new_tab_hover.png) no-repeat right top;
  color: #fff;
}

.tab-area-tabs li.on a {
  background: url(../img/content/c80new_tab_on.png) no-repeat right top;
  color: #fff;
  font-weight: bold;
}

.tab-area-tabs.tabcol-3 li {
  width: 311px;
  margin-top: 2px;
}

.tab-area-tabs.tabcol-3 li:first-child,
.tab-area-tabs.tabcol-3 li:first-child + li,
.tab-area-tabs.tabcol-3 li:first-child + li + li {
  margin-top: 0;
}

.tab-area-tabs.tabcol-3 li:first-child + li + li + li,
.tab-area-tabs.tabcol-3 li:first-child + li + li + li + li + li + li,
.tab-area-tabs.tabcol-3 li:first-child + li + li + li + li + li + li + li + li + li {
  border-left: 0;
}

.tab-area-tabs.tabcol-4 li {
  width: 233px;
  margin-top: 2px;
}

.tab-area-tabs.tabcol-4 li:first-child,
.tab-area-tabs.tabcol-4 li:first-child + li,
.tab-area-tabs.tabcol-4 li:first-child + li + li,
.tab-area-tabs.tabcol-4 li:first-child + li + li + li {
  margin-top: 0;
}

.tab-area-tabs.tabcol-4 li:first-child + li + li + li + li,
.tab-area-tabs.tabcol-4 li:first-child + li + li + li + li + li + li + li + li,
.tab-area-tabs.tabcol-4 li:first-child + li + li + li + li + li + li + li + li + li + li + li + li {
  border-left: 0;
}

.tab-area-tabs.tabcol-5 li {
  width: 186px;
  margin-top: 2px;
}

.tab-area-tabs.inner {
  margin-bottom: 80px;
}

.tab-area-tabs.inner li {
  border-left: 0;
}

.tab-area-tabs.inner li a {
  height: auto;
  padding: 4px 0 6px;
  margin-top: 20px;
  line-height: 1.5;
  background: none;
  font-size: 15px;
  color: #aaa;
  border-right: 2px solid #efefef;
  border-bottom: 2px solid #efefef;
}

.tab-area-tabs.inner li a:hover {
  color: #4a5565;
  border-color: #4a5565;
}

.tab-area-tabs.inner li.on a {
  color: #e75935;
  border-color: #e75935;
}

.tab-area-tabs.inner li:first-child a,
.tab-area-tabs.inner li:first-child + li a,
.tab-area-tabs.inner li:first-child + li + li a {
  margin-top: 0;
}

.tab-area-cont {
  margin-top: 80px;
  padding: 0 20px;
}

.processing1 .pop {
  width: 600px;
  height: 500px;
  position: absolute;
  left: 100px;
  top: 100px;
  background-color: #fff;
  z-index: 9;
}

.processing1 .iframe {
  width: 100%;
  height: 100%;
}

.processing1 .back {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  z-index: 8;
}

.processing1 p {
  color: #777;
  font-size: 16px;
}

.processing1 a {
  color: #777;
}

.processing1 li {
  display: inline-block;
  padding-left: 24px;
  background: url(../img/content/c80new_bar_comp.png) no-repeat 11px 50%;
}

.processing1 li:first-child {
  padding-left: 0;
  background: none;
}

/* 제품안내 담당자 */
.namecard {
  overflow: hidden;
}

.namecard li {
  position: relative;
  float: left;
  width: 382px;
  height: 167px;
  padding: 22px 28px 29px;
  margin-top: 40px;
  border: 1px solid #ccc;
}

.namecard li:first-child + li,
.namecard li:first-child + li + li + li,
.namecard li:first-child + li + li + li + li + li {
  margin-left: 20px;
}

.namecard li:first-child,
.namecard li:first-child + li {
  margin-top: 0;
}

.namecard li dt {
  display: none;
}

.namecard li .product {
  margin-bottom: 10px;
  color: #e75935;
  font-size: 20px;
  font-weight: bold;
}

.namecard li .department {
  color: #777;
  font-size: 14px;
  line-height: 22px;
}

.namecard li .name {
  position: absolute;
  top: 114px;
  right: 30px;
  color: #010101;
  font-size: 28px;
  font-style: italic;
  text-align: right;
}

.namecard li .contact {
  position: absolute;
  right: 30px;
  bottom: 28px;
  color: #777;
  font-size: 16px;
  text-align: right;
  letter-spacing: -0.3px;
}

.namecard li .contact span {
  padding-left: 25px;
  margin: 0 10px 0 0;
  color: #e1e1e1;
  background: url(../img/content/c80new_bg_namecard.gif) no-repeat 12px 50%;
}

.namecard li .contact a {
  color: #777;
  font-size: 16px;
  letter-spacing: -0.3px;
}

/* POSCO 판매조직 */
.organization {
  margin-top: 20px;
  letter-spacing: -0.5px;
}

.organization .tit-sub {
  display: block;
  height: 56px;
  padding-top: 53px;
  margin-bottom: 30px;
  text-align: center;
  letter-spacing: -0.5px;
  background: url(../img/content/c80new_bg_tit_sub.png) no-repeat 50% 100%;
}

.organization ul {
  position: relative;
  text-align: center;
  font-size: 0;
}

.organization ul li {
  position: relative;
  display: inline-block;
  width: 298px;
  height: 270px;
  margin: 0 10px 20px;
  border: 1px solid #ccc;
  vertical-align: top;
}

.organization ul li:first-child,
.organization ul li:first-child + li + li + li,
.organization ul li:first-child + li + li + li + li + li + li {
  margin-left: 0;
}

.organization ul li:first-child + li + li,
.organization ul li:first-child + li + li + li + li + li, .organization ul li:last-child {
  margin-right: 0;
}

.organization ul li .duty {
  position: absolute;
  top: 32px;
  left: 0;
  width: 100%;
  text-align: center;
}

.organization ul li .personal {
  padding-top: 110px;
}

.organization ul li dt {
  display: none;
}

.organization ul li dd {
  text-align: center;
}

.organization ul li dd.section {
  font-size: 20px;
  font-weight: bold;
  color: #e75935;
}

.organization ul li dd.position {
  padding-top: 2px;
  font-size: 16px;
}

.organization ul li dd.director {
  font-size: 16px;
}

.organization ul li dd.name {
  margin-bottom: 27px;
  font-size: 28px;
  color: #010101;
}

.organization ul li dd.tel {
  margin-bottom: -4px;
  font-size: 18px;
  color: #777;
}

.organization ul li dd.email a {
  font-size: 18px;
  color: #777;
}

/* About Steel-N.com */
.about-s h2 {
  display: none;
}

.about-s .info {
  padding: 72px 0 55px;
  border-bottom: 1px solid #ececec;
  line-height: 26px;
  font-size: 14px;
  color: #777;
  text-align: center;
}

.about-s .info span {
  font-weight: bold;
  color: #e75935;
}

.about-s strong {
  margin: 53px 0 29px;
}

.about-s li {
  margin-left: 20px;
}

.about-s li em {
  padding-left: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #e75935;
  background: url(../img/content/c80new_ico_list.png) no-repeat 0 50%;
}

.about-s li p {
  margin: 11px 0 31px 20px;
  line-height: 22px;
  font-size: 14px;
  color: #777;
}

.about-s li:last-child p {
  margin-bottom: 0;
}

.history-wrap {
  position: relative;
  margin-left: 20px;
}

.history-wrap .before {
  position: absolute;
  content: "";
  left: 3px;
  top: 8px;
  width: 1px;
  height: 600px;
  background: #e75935;
}

.history-wrap .after {
  position: absolute;
  content: "";
  left: 3px;
  bottom: 11px;
  z-index: -1;
  width: 1px;
  height: 600px;
  background: #e75935;
}

.history-wrap .history > li {
  overflow: hidden;
  position: relative;
  padding-left: 27px;
  margin: 0 0 22px 0;
}

.history-wrap .history > li .before {
  position: absolute;
  content: "";
  left: 0;
  top: 12px;
  z-index: 10;
  width: 7px;
  height: 7px;
  background: url("../img/content/c80new_ico_history.gif");
}

.history-wrap .history > li:first-child .before {
  top: 8px;
}

.history-wrap .history > li:first-child + li + li + li + li + li,
.history-wrap .history > li:first-child + li + li + li + li + li + li + li,
.history-wrap .history > li:first-child + li + li + li + li + li + li + li + li,
.history-wrap .history > li:first-child + li + li + li + li + li + li + li + li + li,
.history-wrap .history > li:first-child + li + li + li + li + li + li + li + li + li + li {
  margin-bottom: 26px;
}

.history-wrap .history > li:last-child {
  margin-bottom: 0;
}

.history-wrap .history > li span {
  float: left;
  width: 93px;
  font-size: 20px;
  color: #bec2ca;
  font-style: italic;
}

.history-wrap .history > li .h-txt {
  float: left;
  max-width: 780px;
}

.history-wrap .history > li .h-txt ul {
  padding-left: 0;
}

.history-wrap .history > li .h-txt ul li {
  position: relative;
  padding-left: 10px;
}

.history-wrap .history ul {
  position: relative;
  padding-left: 10px;
  line-height: 26px;
  font-size: 14px;
  color: #777;
}

.history-wrap .history ul li {
  padding: 0;
  margin: 0;
}

.history-wrap .history ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 13px;
  width: 4px;
  height: 2px;
  background: #b5b5b5;
}

.history-wrap .history p {
  position: relative;
  padding-left: 10px;
  margin: 0;
  line-height: 26px;
}

.history-wrap .history p:before {
  position: absolute;
  content: "";
  left: 0;
  top: 13px;
  width: 4px;
  height: 2px;
  background: #b5b5b5;
}

/* 제품규격 */
.standard-sec .tit-wrap {
  margin-top: 20px;
}

.standard-sec .tit-wrap:first-child {
  margin: 73px 0 8px;
}

.standard-sec .tit-wrap:first-child .tit-sub2 {
  margin-top: 12px;
}

.standard-sec .tit-wrap .tit-ty2 {
  float: none;
}

.standard-sec .tit-wrap .tit-sub2 {
  margin-top: 12px;
}

.standard-sec table {
  margin-top: 0;
}

.btn-down {
  position: relative;
  height: 50px;
  padding: 0 14px 0 43px;
  color: #fff;
  font-size: 14px;
  line-height: 49px;
  background: url(../img/content/c80new_btn_down.png) no-repeat 14px 16px #8c909a;
}

.btn-down + .sum-txt {
  margin-top: 36px;
}

.btn-down + table {
  margin-top: 40px;
}

/* 전기아연도금-제품규격-품질특성 */
.standard-eleg .infotxt {
  padding: 22px 0 0 20px;
  font-size: 14px;
  color: #777;
}

.standard-eleg ul {
  overflow: hidden;
}

.standard-eleg ul li {
  margin-top: 30px;
}

.standard-eleg ul li:first-child {
  margin-top: 20px;
}

.standard-eleg ul li.f-l {
  position: relative;
  width: 430px;
}

.standard-eleg ul li.f-l:first-child {
  margin-top: 30px;
}

.standard-eleg ul li.f-l.odd {
  margin-right: 20px;
}

.standard-eleg ul li.f-l.even {
  margin-left: 20px;
}

.standard-eleg ul li.f-l span {
  font-weight: normal;
}

.standard-eleg ul li.f-l .grp {
  margin: 17px 0 52px;
}

.standard-eleg ul li.f-l .grp2 {
  position: absolute;
  top: 70px;
  left: 0;
}

.standard-eleg ul li p {
  padding: 11px 0 0 20px;
  font-size: 14px;
  color: #777;
}

.standard-eleg ul li table {
  margin: 17px 0 13px;
}

.standard-eleg .film li {
  margin-top: 0;
}

.standard-eleg .film li.f-l {
  margin-left: 20px;
}

.standard-eleg .film li.f-l.odd {
  width: 260px;
  margin-top: 0;
  margin-right: 0;
}

.standard-eleg .film li.f-l.even {
  width: 600px;
}

.standard-eleg .film li.f-l p {
  padding-left: 0;
}

.standard-eleg .film li.f-l em {
  font-weight: bold;
  color: #000;
}

.standard-eleg .film li.f-l .grp {
  margin: 17px 0 3px;
}

/* 냉연강판-제조설비-시험방법 */
.test {
  position: relative;
}

.test .test-sec {
  float: left;
  width: 620px;
}

.test .img {
  position: absolute;
  top: 45px;
  right: 0;
  float: right;
  width: 243px;
}

.test .img img {
  width: auto;
}

.test .img img:first-child {
  margin-bottom: 114px;
}

.test .tit-ty4 {
  clear: both;
  margin: 49px 0 21px;
}

.test:first-child {
  margin-top: 0;
}

.test dl {
  margin-top: 22px;
}

.test dl dt {
  font-size: 14px;
  font-weight: bold;
}

.test dl dd {
  margin: 2px 0 22px 15px;
  font-size: 14px;
  color: #777;
}

.test img {
  width: auto;
  vertical-align: top;
}

.test-7 {
  margin: 22px 0 49px;
  overflow: hidden;
}

.test-7 li {
  float: left;
  width: 600px;
  margin-right: 56px;
  font-size: 14px;
  color: #777;
}

.test-7 li:first-child + li {
  width: 244px;
  margin-right: 0;
}

.test-7 li img {
  width: auto;
}

.test-8 {
  margin-top: 23px;
  overflow: hidden;
}

.test-8 li {
  float: left;
  margin-right: 64px;
  font-size: 14px;
  color: #777;
}

.test-8 li:first-child + li {
  margin-right: 0;
}

.test-8 li:first-child + li li {
  float: left;
  width: 272px;
  margin-right: 30px;
}

.test-8 li:first-child + li li:first-child + li {
  width: 74px;
  margin-right: 0;
}

.test-8 li ul {
  overflow: hidden;
}

.test-8 li ul li {
  float: left;
  width: 277px;
  margin-right: 20px;
}

.test-8 li ul li:first-child + li {
  width: 153px;
  margin-right: 0;
}

/* 용융아연도금-제품규격-품질특성 */
.standard-gal ul {
  margin-top: 19px;
  overflow: hidden;
}

.standard-gal ul li {
  margin-bottom: 30px;
}

.standard-gal ul li:first-child + li + li + li + li + li {
  margin-bottom: 0;
}

.standard-gal ul li strong {
  font-size: 18px;
  font-weight: bold;
}

.standard-gal ul li p {
  margin-top: 12px;
  font-size: 14px;
  color: #777;
}

.standard-gal ul li:first-child + li + li + li {
  float: left;
  width: 600px;
  margin-right: 57px;
}

.standard-gal ul li:first-child + li + li + li + li {
  float: left;
  width: 243px;
  margin-right: 0;
}

.standard-gal ul li:first-child + li + li + li + li img {
  margin-top: 8px;
}

.standard-gal ul li:first-child + li + li + li + li + li {
  float: left;
  width: 600px;
  margin-top: -85px;
}

/* 티타늄 - 제품규격 */
.std-tit {
  overflow: hidden;
  margin: 40px 0 73px;
  font-size: 14px;
  color: #777;
}

.std-tit ul {
  float: left;
  width: 500px;
}

.std-tit li:before {
  content: "- ";
}

.std-tit img {
  float: left;
  width: 440px;
}

/*제조공정*/
.img-area .btn-img {
  margin-bottom: 10px;
}

.img-area .btn-img a {
  position: relative;
  padding-left: 20px;
  color: #e75935;
  background: url(../img/common/icons/origin/c80new_ico_view.png) 0 3px no-repeat;
}

.img-area img {
  border: 1px solid #ececec;
}

/* 사이트맵 */
.sitemap .depth1 {
  overflow: hidden;
  margin-top: 53px;
}

.sitemap .depth1 h2 {
  margin-bottom: 25px;
  padding: 0 10px 16px;
  color: #e75935;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 2px solid #ececec;
}

.sitemap .depth1 .sitemap-tit {
  display: block;
  margin-bottom: 25px;
  padding: 0 10px 16px;
  color: #e75935;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 2px solid #ececec;
}

.sitemap .depth1 > li {
  float: left;
  width: 265px;
  margin: 0 40px 70px 0;
}

.sitemap .depth1 > li:first-child + li {
  width: 570px;
}

.sitemap .depth1 > li:first-child + li + li,
.sitemap .depth1 > li:first-child + li + li + li {
  margin-right: 0;
}

.sitemap .depth1 .depth2 {
  margin: 0 10px;
}

.sitemap .depth1 .depth2 li {
  margin-bottom: 18px;
  font-size: 14px;
}

.sitemap .depth1 .depth3 {
  margin: 6px 0 0;
}

.sitemap .depth1 .depth3 li {
  position: relative;
  padding-left: 6px;
  margin: 0 0 6px 10px;
  font-size: 12px;
  color: #777;
}

.sitemap .depth1 .depth3 li a {
  color: #777;
}

.sitemap .depth1 .depth3 li:before {
  position: absolute;
  content: "·";
  left: 0;
  top: 0;
}

.sitemap .depth1 .depth3 li.last {
  margin-bottom: 0;
}

.sitemap .prd .mgb-22 {
  margin-bottom: 19px;
}

.sitemap .prd .prd-con {
  overflow: hidden;
  margin: 0 10px;
}

.sitemap .prd ul {
  float: left;
  width: 180px;
  margin: 0 30px 0 0;
}

.sitemap .prd ul:first-child + ul + ul {
  width: 130px;
  margin-right: 0;
}

.sitemap .prd li {
  overflow: hidden;
  margin-bottom: 20px;
}

.sitemap .prd li strong {
  display: block;
  font-size: 14px;
}

/* 팝업-이메일무단수집거부 */
.pop-clt-wrap {
  overflow: hidden;
  width: 600px;
  margin: 0 auto;
}

.tit-clt-pop {
  margin: 0 20px;
  border-bottom: 1px solid #000;
}

.tit-clt-pop .tit {
  margin: 22px 10px 10px;
  font-size: 24px;
  color: #010101;
}

.pop-clt-cont {
  margin: 24px 30px 0;
  font-size: 16px;
}

.pop-clt-cont span {
  font-weight: bold;
  color: #e75935;
}

/* 팝업- 개인정보처리방침 */
.pop-plc-wrap {
  overflow: hidden;
  width: 1000px;
  margin: 0 auto;
}

.tit-plc-pop {
  margin: 0 20px;
  border-bottom: 1px solid #000;
}

.tit-plc-pop .tit {
  margin: 22px 10px 10px;
  font-size: 24px;
  color: #010101;
}

.pop-plc-cont {
  margin: 0 30px;
}

.plc-sec1 h2 {
  float: left;
  margin: 22px 0;
  font-size: 20px;
  color: #e75935;
}

.plc-sec1 .btn-pop-plc {
  float: right;
  margin: 19px 0;
}

.plc-sec1 .btn-pop-plc a {
  margin-left: 4px;
  width: 120px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-align: center;
  background-color: #e75935;
}

.plc-sec1 .btn-pop-plc a.on {
  background-color: #8c909a;
}

.plc-sec1 .btn-pop-plc a:first-child + li {
  background-color: #8c909a;
}

.plc-sec1 .btn-pop-plc a:first-child + li:hover {
  background-color: #e75935;
}

.plc-sec1 .btn-pop-plc a:first-child + li.on {
  background-color: #8c909a;
}

.plc-sec1 .btn-pop-plc a:first-child + li.on:hover {
  background-color: #8c909a;
}

.plc-sec1 .con-plc {
  clear: both;
  padding: 15px 20px 17px;
  border: 1px solid #ddd;
}

.plc-sec1 .con-plc p {
  margin-bottom: 25px;
  font-size: 14px;
  color: #777;
}

.plc-sec1 .con-plc ul {
  overflow: hidden;
  padding: 25px 20px 0;
  border-top: 1px solid #ddd;
}

.plc-sec1 .con-plc ul li {
  float: left;
  margin-bottom: 8px;
  letter-spacing: -0.5px;
}

.plc-sec1 .con-plc ul li:first-child,
.plc-sec1 .con-plc ul li:first-child + li + li + li,
.plc-sec1 .con-plc ul li:first-child + li + li + li + li + li + li,
.plc-sec1 .con-plc ul li:first-child + li + li + li + li + li + li + li + li + li {
  width: 275px;
  margin-right: 49px;
}

.plc-sec1 .con-plc ul li:first-child + li,
.plc-sec1 .con-plc ul li:first-child + li + li + li + li,
.plc-sec1 .con-plc ul li:first-child + li + li + li + li + li + li + li,
.plc-sec1 .con-plc ul li:first-child + li + li + li + li + li + li + li + li + li + li {
  width: 255px;
  margin-right: 34px;
}

.plc-sec1 .con-plc ul li:first-child + li + li,
.plc-sec1 .con-plc ul li:first-child + li + li + li + li + li,
.plc-sec1 .con-plc ul li:first-child + li + li + li + li + li + li + li + li,
.plc-sec1 .con-plc ul li:first-child + li + li + li + li + li + li + li + li + li + li + li {
  width: 231px;
}

.plc-sec1 .con-plc ul li a {
  font-size: 14px;
  font-weight: bold;
}

.plc-sec2 {
  font-size: 14px;
  color: #777;
}

.plc-sec2 a {
  font-size: 14px;
  color: #777;
}

.plc-sec2 .tit-sub {
  margin-top: 50px;
  color: #000;
}

.plc-sec2 .tit-sub2 {
  margin-top: 22px;
}

.plc-sec2 .tbl-1 + p {
  margin-top: 25px;
}

.plc-sec2 p + ul {
  padding-top: 22px;
}

.plc-sec2 li {
  position: relative;
  margin-left: 12px;
  padding-left: 12px;
}

.plc-sec2 li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 11px;
  width: 4px;
  height: 1px;
  background: #777;
}

.plc-sec2 th {
  color: #000;
}

.plc-sec2 dl {
  margin-top: 23px;
}

.plc-sec2 dl dt {
  color: #e75935;
}

.plc-sec2 p span {
  display: block;
  position: relative;
  padding-left: 12px;
  margin-left: 12px;
  font-size: 14px;
  color: #777;
}

.plc-sec2 p span:before {
  position: absolute;
  content: "";
  left: 0;
  top: 11px;
  width: 4px;
  height: 1px;
  background: #777;
}

.plc-sec2 .con-plc {
  padding: 12px 20px 0;
}

.plc-sec2 .con-plc .tit-sub2:first-child {
  margin: 0;
}

.item .txt-ty6 {
  margin-top: 24px;
}

.item > ul > li {
  margin-top: 23px;
  margin-left: 0;
  padding-left: 0;
}

.item > ul > li:before {
  content: "";
  width: 0;
  height: 0;
}

.item > ul > li:first-child {
  margin-top: 0;
}

/* 제품규격 */
.grp-wrap {
  overflow: hidden;
}

.grp-wrap li {
  float: left;
  width: 430px;
}

.grp-wrap li:first-child {
  margin-right: 20px;
}

.grp-wrap li:first-child + li,
.grp-wrap li:first-child + li + li + li {
  margin-left: 20px;
}

.tab-cont .grp-wrap:first-child li:first-child .tit-wrap,
.tab-cont .grp-wrap:first-child li:first-child + li .tit-wrap {
  margin-top: 0;
}

/* 열연 제조공정 */
.flash-change {
  float: left;
  margin-left: 20px;
}

.flash-change .btn-flash {
  position: relative;
  padding: 10px 40px 10px 10px;
  background: #b5b5b5;
  font-size: 14px;
  color: #fff;
}

.flash-change .btn-flash:after {
  position: absolute;
  content: "";
  right: 10px;
  top: 15px;
  display: inline-block;
  width: 7px;
  height: 10px;
  background: url(../img/content/c80new_btn_flashchange.png) no-repeat;
}

.flash-change .btn-flash span {
  position: absolute;
  content: "";
  top: 60px;
  left: 34px;
  width: 62px;
  height: 136px;
  background: url(../img/content/c80new_bg_flashchange_off.gif) no-repeat;
}

.flash-change .btn-flash:hover {
  background: #e75935;
}

.flash-change .btn-flash:hover span {
  background: url(../img/content/c80new_bg_flashchange_on.gif) no-repeat;
}

/* inquiry */
.inquiry-wrap {
  overflow: hidden;
}

.inquiry-head {
  position: relative;
  height: 154px;
  text-align: center;
  border-bottom: 1px solid #e75935;
  background: url(../img/content/c80new_bg_inquiry.jpg) center center no-repeat;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/content/c80new_bg_inquiry.jpg',sizingMethod='scale');
  -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/content/c80new_bg_inquiry.jpg', sizingMethod='scale');
}

.inquiry-head strong {
  padding: 43px 0 0 0;
  font-size: 24px;
  color: #fff;
  font-weight: bold;
}

.inquiry-head strong:before {
  display: block;
  content: url(../img/content/c80new_pop_posco.png);
  width: 96px;
  height: 25px;
  margin: 0 auto 6px;
}

.inquiry-head p {
  font-size: 14px;
  color: #fff;
}

.inquiry-head .bnt-pclose {
  overflow: hidden;
  position: absolute;
  right: 30px;
  top: 30px;
  width: 19px;
  height: 19px;
  text-indent: 100%;
  white-space: nowrap;
}

.inquiry-head .bnt-pclose:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 19px;
  height: 19px;
  background: url(../img/content/c80new_btn_close2.png) no-repeat;
}

.inquiry-cont {
  width: 552px;
  margin: 0 auto;
  padding: 24px 24px 30px;
}

.inquiry-cont .btn-wrap {
  padding: 0;
}

.inquiry-select {
  overflow: hidden;
}

.inquiry-select .head-txt {
  padding: 23px 0 28px;
  text-align: center;
  background: #ececec;
  font-size: 18px;
  line-height: 26px;
}

.inquiry-select .head-txt strong {
  font-weight: bold;
}

.inquiry-select .head-txt2 {
  padding: 23px 0 28px;
  text-align: center;
  background: #ececec;
  font-size: 16px;
  line-height: 28px;
}

.inquiry-select .head-txt2 strong {
  font-weight: bold;
}

.inquiry-select > li {
  width: 270px;
  float: left;
}

.inquiry-select > li:first-child + li {
  margin-left: 12px;
}

.inquiry-select > li .head-txt {
  width: 270px;
}

.inquiry-list {
  height: 100px;
  margin: 8px 0 0 8px;
}

.inquiry-list li {
  position: relative;
  padding-left: 9px;
  font-size: 14px;
  color: #777;
  line-height: 22px;
}

.inquiry-list li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 10px;
  width: 4px;
  height: 1px;
  background: #777;
}

/* esales */
/* posco 윤리규범 */
.tit-ethics {
  height: 150px;
  background: url(../img/content/c80new_bg_moral.jpg) no-repeat;
  line-height: 150px;
  color: #fff;
  font-size: 22px;
  text-align: center;
}

.def-list + .tit-ethics {
  margin-top: 80px;
  background: url(../img/content/c80new_bg_moral2.jpg) no-repeat;
}

.def-list strong {
  color: #e75935;
  font-size: 18px;
}

.def-list > li {
  padding-top: 53px;
}

.def-list ul {
  padding: 11px 0 0 20px;
}

.def-list ul li {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  color: #777;
  background: url(../img/content/c80new_bul_deflist.png) no-repeat 0 11px;
}

.def-list ul li + li {
  margin-top: 5px;
}

.def-list ul.check-tamper {
  padding: 0;
}

.def-list ul.check-tamper li {
  padding: 21px 0 0 0;
  background: none;
}

.def-list ul.check-tamper li:before {
  display: none;
}

.def-list ul.check-tamper li em {
  position: relative;
  padding: 0 0 0 20px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  background: url(../img/content/c80new_check_tem.gif) no-repeat 0 50%;
}

.def-list ul.check-tamper li:first-child + li {
  padding-top: 34px;
  margin-top: 0;
}

.def-list ul.check-tamper li .set {
  position: relative;
}

.def-list ul.check-tamper li .imgs {
  width: 600px;
  margin: 17px 0 0 20px;
}

.tit-behavior {
  font-size: 0;
}

.tit-behavior strong {
  line-height: 28px;
}

.tit-behavior p {
  position: relative;
  display: inline-block;
  padding-left: 13px;
  margin-left: 13px;
  color: #e75935;
  font-size: 16px;
  line-height: 28px;
  background: url(../img/content/c80new_bar_moral.png) no-repeat 0 50%;
}

/* posri 경영정보 */
.mi-summary {
  padding-bottom: 56px;
  font-size: 16px;
  color: #777;
}

.mi-summary em {
  color: #3762b3;
}

.mi-list {
  overflow: hidden;
  padding-top: 40px;
  border-top: 1px solid #ececec;
}

.mi-list li {
  float: left;
  width: 220px;
  margin: 20px 0 0 20px;
  text-align: center;
}

.mi-list li a {
  display: block;
  height: 86px;
  padding-top: 134px;
  color: #3762b3;
  font-size: 18px;
}

.mi-list li a:hover {
  color: #fff;
}

.mi-list li:first-child {
  margin-left: 0;
  background: url(../img/content/c80new_mi_01.gif) no-repeat;
}

.mi-list li:first-child + li {
  background: url(../img/content/c80new_mi_02.gif) no-repeat;
}

.mi-list li:first-child + li + li {
  background: url(../img/content/c80new_mi_03.gif) no-repeat;
}

.mi-list li:first-child + li + li + li {
  background: url(../img/content/c80new_mi_04.gif) no-repeat;
}

.mi-list li:first-child + li + li + li + li {
  margin-left: 0;
  background: url(../img/content/c80new_mi_05.gif) no-repeat;
}

.mi-list li:first-child + li + li + li + li + li {
  background: url(../img/content/c80new_mi_06.gif) no-repeat;
}

.mi-list li:first-child + li + li + li + li + li + li {
  background: url(../img/content/c80new_mi_07.gif) no-repeat;
}

.mi-list li:first-child:hover {
  background: url(../img/content/c80new_mi_01_on.gif) no-repeat;
}

.mi-list li:first-child + li:hover {
  background: url(../img/content/c80new_mi_02_on.gif) no-repeat;
}

.mi-list li:first-child + li + li:hover {
  background: url(../img/content/c80new_mi_03_on.gif) no-repeat;
}

.mi-list li:first-child + li + li + li:hover {
  background: url(../img/content/c80new_mi_04_on.gif) no-repeat;
}

.mi-list li:first-child + li + li + li + li:hover {
  background: url(../img/content/c80new_mi_05_on.gif) no-repeat;
}

.mi-list li:first-child + li + li + li + li + li:hover {
  background: url(../img/content/c80new_mi_06_on.gif) no-repeat;
}

.mi-list li:first-child + li + li + li + li + li + li:hover {
  background: url(../img/content/c80new_mi_07_on.gif) no-repeat;
}

/* 솔루션 마케팅 */
.solution-summary .tit-ty4 {
  margin-top: 49px;
}

.solution-summary .tit-ty6 + .txt-ty5 {
  margin-top: 0;
}

.solution-summary .tit-ty3 {
  margin-top: 19px;
}

.solution-summary .tit-ty3 + .txt-ty5 {
  margin: 12px 0 0 20px;
}

.sm-sum-list li {
  margin-top: 22px;
  font-size: 14px;
}

.sm-sum-list li strong {
  color: #e75935;
}

.sm-sum-list li p {
  color: #777;
}

.solution-view {
  overflow: hidden;
}

.solution-view .quick-txt {
  float: right;
  width: 500px;
}

.solution-view .quick-txt .bul-list2 {
  margin-top: 21px;
}

.solution-view .quick-txt .tit-ty4 {
  margin-top: 0;
}

.solution-view .solution-media {
  float: left;
  width: 400px;
  height: 360px;
}

.solution-view .solution-media .tabs li {
  width: 200px;
  border-left: 0;
}

.solution-view .solution-media .tabs li a {
  height: 35px;
  line-height: 35px;
  background: #fff;
  border-bottom: 2px solid #efefef;
  border-right: 2px solid #efefef;
  font-size: 15px;
}

.solution-view .solution-media .tabs li a:hover {
  color: #4a5565;
  border-color: #4a5565;
}

.solution-view .solution-media .tabs li a:after {
  display: none;
}

.solution-view .solution-media .tabs li.on a {
  border-color: #e75935;
  color: #e75935;
}

.solution-view .solution-media iframe {
  z-index: -1;
}

.solution-view .solution-motor {
  float: left;
  width: 400px;
}

.solution-view .solution-motor .motor-img {
  margin-top: 10px;
}

.tab-media-cont {
  width: 400px;
  height: 300px;
}

.btn-arr {
  position: relative;
  height: 50px;
  padding: 0 40px 0 10px;
  margin-top: 27px;
  color: #fff;
  font-size: 14px;
  line-height: 49px;
  background: url(../img/content/c80new_btn_arr.png) no-repeat 92% 20px #8c909a;
}

.solution-orderlist li {
  margin-top: 30px;
}

.solution-orderlist li:first-child {
  margin-top: 20px;
}

.solution-orderlist li strong {
  font-size: 18px;
  font-weight: bold;
}

.solution-orderlist li p {
  padding: 12px 0 0 30px;
  font-size: 14px;
  color: #777;
}

.Hadfield-wrap li {
  overflow: hidden;
  padding-top: 60px;
  margin-top: 60px;
  border-top: 1px solid #ececec;
}

.Hadfield-wrap li:first-child {
  padding-top: 42px;
  margin-top: 0;
  border-top: 0;
}

.Hadfield-wrap li .hf-visual {
  float: left;
  width: 360px;
}

.Hadfield-wrap li .hf-txt {
  float: right;
  width: 540px;
}

.Hadfield-wrap li .hf-txt .tit-ty3 {
  margin-top: -2px;
  line-height: 22px;
}

.Hadfield-wrap li .hf-txt dt {
  margin-top: 15px;
  font-weight: bold;
  font-size: 14px;
}

.Hadfield-wrap li .hf-txt dd {
  position: relative;
  padding-left: 8px;
  margin-top: 2px;
  color: #777;
  font-size: 14px;
}

.Hadfield-wrap li .hf-txt dd:before {
  position: absolute;
  content: "";
  left: 0;
  top: 10px;
  width: 4px;
  height: 2px;
  background: #777;
}

/* 위변조 신고센터 */
a.link-mail {
  color: #777;
}

/* 검사증명서 원본 확인 */
.result-wrap {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid #ececec;
}

.required {
  overflow: hidden;
  position: relative;
  width: 9px;
  height: 7px;
  margin: 15px 0 0 3px;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -625px -146px;
}

.msg-required {
  position: relative;
  padding-left: 11px;
  font-size: 12px;
  color: #aaa;
}

.msg-required:before {
  position: absolute;
  content: "";
  left: 0;
  top: 7px;
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -625px -146px;
  width: 9px;
  height: 7px;
}

.condition-wrap {
  position: relative;
  padding-right: 146px;
}

.condition-wrap .btn-wrap {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
}

.condition-wrap .btn-wrap .btn-check {
  width: 90px;
  height: 140px;
  padding: 0 20px;
  line-height: 140px;
  font-size: 18px;
  font-weight: bold;
  background: #e75935;
  color: #fff;
}

/* 업체팝업 */
.pop-pcr-wrap {
  overflow: hidden;
  width: 840px;
  margin: 0 auto;
}

.tit-prc-pop {
  position: relative;
  padding: 16px 0 0;
  border-bottom: 1px solid #e75935;
}

.tit-prc-pop .tit {
  display: inline-block;
  line-height: 50px;
  color: #e75935;
  font-size: 24px;
  letter-spacing: -0.5px;
}

.tit-prc-pop .link {
  position: relative;
  padding-right: 11px;
  margin-left: 8px;
  font-size: 13px;
  color: #777;
}

.tit-prc-pop .link:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 10px;
  top: 5px;
  right: 2px;
  background: url(../img/content/c80new_btn_comp_link.png) no-repeat;
}

.tit-prc-pop .bnt-pclose {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 30px;
  width: 19px;
  height: 19px;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -618px -206px;
}

.pop-pcr-cont {
  padding-top: 20px;
}

.btn-pop-pcr {
  padding: 30px 0;
  text-align: center;
}

.btn-pop-pcr .btn-close {
  width: 160px;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  background: #8c909a;
  text-align: center;
}

/* 안내팝업 */
.guidance-wrap {
  font-size: 14px;
}

.guidance-wrap strong {
  font-weight: bold;
}

.guidance-wrap .bul-list3 {
  padding: 23px 0 23px 8px;
}

/* 가입안내 */
.new-join-pop-wrap {
  width: 740px;
  padding: 40px 30px;
  margin: 0 auto;
  font-size: 14px;
  color: #777;
  letter-spacing: -0.5px;
}

.new-join-pop-wrap h1 {
  display: inline-block;
  *display: inline;
  padding-bottom: 30px;
  zoom: 1;
  line-height: 50px;
  color: #e75935;
  font-size: 24px;
  letter-spacing: -0.5px;
}

.new-join-pop-wrap .new-join-tit-wrap {
  position: relative;
}

.new-join-pop-wrap .new-join-tit-wrap a {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 15px;
  width: 19px;
  height: 19px;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -618px -206px;
}

.new-join-pop-wrap .new-join-process {
  overflow: hidden;
  height: 105px;
  border: 1px solid #ececec;
}

.new-join-pop-wrap .new-join-process ol {
  text-align: center;
}

.new-join-pop-wrap .new-join-process li {
  display: inline-block;
  position: relative;
  width: 157px;
  height: 105px;
  padding: 24px 0 0 13px;
  font-size: 12px;
  color: #999;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background: url(../img/content/c80new_bg_newjoin.png) no-repeat 0 40px;
}

.new-join-pop-wrap .new-join-process li.on {
  color: #e75935;
}

.new-join-pop-wrap .new-join-process li:first-child {
  background: none;
}

.new-join-pop-wrap .new-join-process li .num {
  font-size: 16px;
}

.new-join-pop-wrap .new-join-process li p {
  line-height: 16px;
}

.new-join-pop-wrap table th {
  color: #000;
}

.new-join-pop-wrap .btn-top {
  right: 30px;
}

.nj-tit-wrap {
  overflow: hidden;
  margin: 10px 0 30px;
}

.nj-tit-wrap .nj-tit {
  float: left;
  padding-top: 12px;
  font-size: 20px;
  color: #e75935;
}

.nj-tit-wrap .btn-wrap {
  float: right;
  padding: 0;
}

.nj-tit-wrap a {
  height: 40px;
  line-height: 40px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background: #8c909a;
}

.nj-txt {
  margin-top: 30px;
}

.nj-txt em {
  font-weight: bold;
  color: #000;
}

.nj-tit2 {
  padding-top: 30px;
  font-size: 14px;
  color: #e75935;
}

.nj-tit2 + .nj-txt {
  margin-top: 0;
}

.nj-list {
  padding: 0 0 0 13px;
}

.nj-list li {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  color: #777;
}

.nj-list li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 11px;
  width: 4px;
  height: 1px;
  background: #777;
}

.nj-list li em {
  color: #e75935;
}

.nj-sub-process > li {
  margin-top: 40px;
  color: #000;
}

.nj-sub-process > li:first-child {
  margin-top: 0;
}

.nj-sub-process > li .num {
  font-weight: bold;
  font-size: 18px;
}

.nj-sub-process > li .nj-desc {
  padding-top: 30px;
  font-size: 14px;
  color: #777;
}

.nj-sub-process > li .njsp-img {
  padding-top: 30px;
  text-align: center;
}

.nj-sub-process > li .njsp-img img {
  width: auto;
}

.nj-sub-process > li .nj-list2 {
  margin-top: 20px;
}

.nj-sub-process > li .nj-list2 li {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
}

.nj-sub-process > li .nj-list2 li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 11px;
  width: 4px;
  height: 1px;
  background: #000;
}

.nj-sub-process > li .int-txt {
  margin-top: 40px;
  font-size: 14px;
  font-weight: bold;
}

.nj-sub-process > li .int-txt em {
  color: #e75935;
}

.nj-list3 li:first-child .int-txt {
  margin-top: 20px;
}

.int-txt + .nj-list {
  padding: 15px 0 0 20px;
}

/* 에러페이지 */
.error-wrap {
  width: 680px;
  margin: 140px auto 80px;
}

.error-wrap strong {
  position: relative;
  display: block;
  padding-top: 100px;
  font-size: 24px;
  font-weight: bold;
  color: #e75935;
  text-align: center;
}

.error-wrap strong:after {
  position: absolute;
  content: "";
  background-image: url(../img/common/icons/c80new_spritesheet.png);
  background-position: -562px -80px;
  width: 63px;
  height: 76px;
  top: 0;
  left: 50%;
  margin-left: -31.5px;
}

.error-wrap em {
  color: #000;
}

.error-wrap .error-box {
  width: 625px;
  padding: 30px;
  margin-top: 40px;
  border: 1px solid #ececec;
  font-size: 14px;
  color: #777;
  letter-spacing: -0.5px;
}

/* 로그인 팝업 */
.pop-wrap2 {
  padding: 23px 30px 30px 30px;
}

.pop-wrap2 .pop-tit2 {
  font-size: 20px;
  color: #e75935;
  line-height: 34px;
  border-bottom: 1px solid #e75935;
}

.login-wrap {
  padding: 20px 0;
}

.login-wrap li {
  position: relative;
  padding-left: 8px;
  line-height: 20px;
  font-size: 0;
}

.login-wrap li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background: #e75935;
}

.login-wrap li label {
  width: 120px;
  padding: 8px 0 9px;
  font-size: 16px;
  color: #777;
  letter-spacing: -0.5px;
}

.login-wrap li .txt-dt {
  width: 240px;
  padding: 8px 10px;
  line-height: 20px;
  border: 0;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
}

.btn-pwd {
  width: 220px;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  color: #777;
  border: 1px solid #ddd;
  vertical-align: top;
}

.btn-login {
  width: 154px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  background: #e75935;
  color: #fff;
  vertical-align: top;
}

body.lang-cn {
  font-family: arial, "SimHei", "Microsoft YaHei";
  /* 메인 */
  /* Facilities */
  /* About Steel-N.com */
  /* 냉연 제조설비 - 시험방법*/
  /* Standard */
  /* Standard - Electronical Galvanized Steel */
}

body.lang-cn .nav-full-wrap {
  height: 340px;
  background: url(../img/content/c80new_cn_bg_full_menu_sub.png) no-repeat;
}

body.lang-cn .nav-full-wrap .nf-depth1 > li {
  height: 285px;
}

body.lang-cn .nav-full-wrap .nf-depth1 > li.nfn1 {
  width: 182px;
  padding: 55px 0 0 140px;
}

body.lang-cn .nav-full-wrap .nf-depth1 > li.nfn2 {
  width: 257px;
  padding: 55px 0 0 71px;
}

body.lang-cn .nav-full-wrap .nf-depth1 > li.nfn2 .left-nav {
  width: 120px;
}

body.lang-cn .nav-full-wrap .nf-depth1 > li.nfn2 .right-nav {
  width: 100px;
}

body.lang-cn .nav-full-wrap .nf-depth1 > li.nfn3 {
  width: 205px;
  padding: 55px 0 0 72px;
}

body.lang-cn .nav-full-wrap .nf-depth1 > li:first-child + li + li + li {
  width: 252px;
  padding-top: 55px;
}

body.lang-cn .main-wrapper .nav-full-wrap {
  background: url(../img/content/c80new_cn_bg_full_menu.png) no-repeat;
}

body.lang-cn .gnb {
  padding-right: 0;
}

body.lang-cn .gnb ul li:first-child {
  width: 146px;
}

body.lang-cn .gnb ul li:first-child + li {
  width: 107px;
  text-align: left;
}

body.lang-cn .gnb ul li:first-child + li + li {
  width: 175px;
  text-align: left;
}

body.lang-cn .gnb ul li:first-child + li + li + li {
  width: 54px;
  text-align: left;
}

body.lang-cn .main-product ul li a {
  font-weight: normal;
}

body.lang-cn .account-wrap {
  margin: 0;
  text-align: left;
}

body.lang-cn .account-wrap p a {
  color: #ffc3b3;
  letter-spacing: -0.5px;
}

body.lang-cn .main-faq-link p {
  margin-right: 40px;
  text-align: right;
}

body.lang-cn .main-faq-link p a {
  position: relative;
  line-height: 48px;
  font-size: 14px;
  color: #a1bce5;
  letter-spacing: -0.5px;
}

body.lang-cn .main-faq-link p a:after {
  position: absolute;
  content: "";
  right: -18px;
  top: 50%;
  width: 7px;
  height: 10px;
  margin-top: -5px;
  background: url(../img/content/c80new_remote_arr.png) no-repeat;
}

body.lang-cn .main-check-nav > li > a .ch-txt {
  padding-top: 47px;
  line-height: 24px;
}

body.lang-cn .snb li {
  line-height: 15px;
}

body.lang-cn .snb li a {
  display: table-cell;
  width: 170px;
  height: 40px;
  vertical-align: middle;
}

body.lang-cn .snb .depth-1 > li.on > a {
  background-position: 173px 15px;
}

body.lang-cn .snb .depth-2 a:hover,
body.lang-cn .snb .depth-2 .on a {
  background-position: 173px 15px;
}

body.lang-cn .img-list ul li.height3 {
  height: 565px;
}

body.lang-cn .sub-check.nav2 {
  top: -142px;
}

body.lang-cn .sub-check.nav2 li a {
  height: 69px;
  line-height: 69px;
}

body.lang-cn .organ-tabs li {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 312px;
}

body.lang-cn .organ-tabs li a {
  padding: 0;
  line-height: 18px;
}

body.lang-cn .organ-tabs li a span {
  display: table-cell;
  width: 312px;
  height: 60px;
  vertical-align: middle;
}

body.lang-cn .organization .section {
  line-height: 20px;
}

body.lang-cn .organization .position {
  padding-top: 7px;
}

body.lang-cn .about-s .history > li {
  overflow: hidden;
}

body.lang-cn .about-s .history > li span {
  float: left;
  display: block;
  width: 190px;
}

body.lang-cn .about-s .history > li > ul {
  float: left;
  width: 600px;
}

body.lang-cn .about-s .history > li .h-txt {
  float: left;
  max-width: 680px;
}

body.lang-cn .inquiry-list {
  height: 130px;
}

body.lang-cn .head-txt2 + .inquiry-list {
  height: 99px;
}

body.lang-cn .test .img img:first-child {
  margin-bottom: 65px;
}

body.lang-cn .btn-down {
  padding: 0 14px 0 44px;
  line-height: 50px;
  font-size: 16px;
}

body.lang-cn .btn-down:before {
  position: absolute;
  content: "";
  left: 14px;
  top: 4px;
  content: url(../img/content/c80new_btn_down.png);
}

body.lang-cn .flash-change .btn-flash span {
  left: 10px;
}

body.lang-cn .standard-eleg .film li.f-l p {
  height: 67px;
}

body.lang-cn .tit-ty2,
body.lang-cn .tit-ty3,
body.lang-cn .tit-sub,
body.lang-cn .tit-sub2,
body.lang-cn .tit-sub3,
body.lang-cn .test dl dt {
  font-weight: normal;
}

body.lang-cn .tbl-1 th {
  font-weight: normal;
}

.lang-en {
  /* 공통 */
  /* 메인 */
  /* Facilities */
  /* About Steel-N.com */
  /* Standard */
  /* Standard - Electronical Galvanized Steel */
}

.lang-en .note {
  padding-left: 35px;
}

.lang-en .note-wrap {
  padding-left: 35px;
}

.lang-en .nav-full-wrap {
  height: 340px;
  background: url(../img/content/c80new_en_bg_full_menu_sub.png) no-repeat;
}

.lang-en .nav-full-wrap .nf-depth1 > li {
  height: 285px;
}

.lang-en .nav-full-wrap .nf-depth1 > li.nfn1 {
  width: 206px;
  padding: 55px 0 0 70px;
}

.lang-en .nav-full-wrap .nf-depth1 > li.nfn2 {
  width: 383px;
  padding: 55px 0 0 60px;
}

.lang-en .nav-full-wrap .nf-depth1 > li.nfn2 .left-nav {
  width: 160px;
}

.lang-en .nav-full-wrap .nf-depth1 > li.nfn2 .right-nav {
  width: 160px;
}

.lang-en .nav-full-wrap .nf-depth1 > li.nfn3 {
  width: 201px;
  padding: 55px 0 0 60px;
}

.lang-en .nav-full-wrap .nf-depth1 > li:first-child + li + li + li {
  width: 199px;
  padding-top: 55px;
}

.lang-en .main-wrapper .nav-full-wrap {
  background: url(../img/content/c80new_en_bg_full_menu.png) no-repeat;
  /*
            .nf-depth1 {
                & > li {
                    height:285px;
                    &.nfn1 {
                        width:206px;
                        padding:55px 0 0 70px;
                    }
                    &.nfn2 {
                        width:383px;
                        padding:55px 0 0 60px;
                        .left-nav {
                            width:160px;
                        }
                    }
                    &.nfn3 {
                        width:201px;
                        padding:55px 0 0 60px;
                    }
                    &:first-child + li + li + li {
                        width:199px;
                        padding-top:55px;
                    }
                    &.inquiry-link a {
                        color:#000;
                    }
                }
            }*/
}

.lang-en .gnb {
  padding-right: 0;
}

.lang-en .gnb ul li:first-child {
  width: 133px;
}

.lang-en .gnb ul li:first-child + li {
  width: 118px;
}

.lang-en .gnb ul li:first-child + li + li {
  width: 188px;
}

.lang-en .gnb ul li:first-child + li + li + li {
  width: 92px;
}

.lang-en .main-product {
  position: relative;
  left: 30px;
  top: 400px;
}

.lang-en .main-product ul {
  overflow: hidden;
  width: 719px;
  height: 209px;
  background: url(../img/content/c80new_main_product.png) no-repeat;
}

.lang-en .main-product ul li a {
  font-weight: normal;
}

.lang-en .main-product ul li.egs a {
  line-height: 18px;
  padding-top: 14px;
}

.lang-en .account-wrap {
  margin: 0;
  text-align: left;
}

.lang-en .account-wrap p a {
  color: #ffc3b3;
  letter-spacing: -0.5px;
}

.lang-en .main-faq-link p {
  margin-right: 40px;
  text-align: right;
}

.lang-en .main-faq-link p a {
  position: relative;
  line-height: 48px;
  font-size: 14px;
  color: #a1bce5;
  letter-spacing: -0.5px;
}

.lang-en .main-faq-link p a:after {
  position: absolute;
  content: "";
  right: -18px;
  top: 50%;
  width: 7px;
  height: 10px;
  margin-top: -5px;
  background: url(../img/content/c80new_remote_arr.png) no-repeat;
}

.lang-en .snb li a {
  display: table-cell;
  width: 170px;
  height: 40px;
  vertical-align: middle;
}

.lang-en .snb li.line2 {
  line-height: 18px;
}

.lang-en .img-list ul li.height3 {
  height: 565px;
}

.lang-en .sub-check.nav2 {
  top: -142px;
}

.lang-en .sub-check.nav2 li a {
  height: 69px;
  line-height: 69px;
}

.lang-en .organ-tabs li {
  width: 312px;
}

.lang-en .organ-tabs li a {
  padding: 0;
  line-height: 18px;
}

.lang-en .organ-tabs li a span {
  display: table-cell;
  width: 312px;
  height: 60px;
  vertical-align: middle;
}

.lang-en .organization .section {
  line-height: 20px;
}

.lang-en .organization .position {
  padding-top: 7px;
}

.lang-en .about-s .history > li {
  overflow: hidden;
}

.lang-en .about-s .history > li span {
  float: left;
  display: block;
  width: 190px;
}

.lang-en .about-s .history > li > ul {
  float: left;
  width: 600px;
}

.lang-en .about-s .history > li .h-txt {
  float: left;
  max-width: 680px;
}

.lang-en .inquiry-list {
  height: 130px;
}

.lang-en .head-txt2 + .inquiry-list {
  height: 99px;
}

.lang-en .btn-down {
  padding: 0 14px 0 44px;
  line-height: 50px;
  font-size: 16px;
}

.lang-en .btn-down:before {
  position: absolute;
  content: "";
  position: absolute;
  left: 14px;
  top: 4px;
  content: url(../img/content/c80new_btn_down.png);
}

.lang-en .flash-change .btn-flash span {
  left: 10px;
}

.lang-en .standard-eleg .film li.f-l p {
  height: 109px;
}

/* 영문 제품안내 담당자 Contact Information */
.namecard-en {
  overflow: hidden;
}

.namecard-en li {
  position: relative;
  float: left;
  width: 382px;
  height: 197px;
  padding: 22px 28px 29px;
  margin-top: 40px;
  border: 1px solid #ccc;
}

.namecard-en li:first-child + li,
.namecard-en li:first-child + li + li + li,
.namecard-en li:first-child + li + li + li + li + li {
  margin-left: 20px;
}

.namecard-en li:first-child,
.namecard-en li:first-child + li {
  margin-top: 0;
}

.namecard-en li dt {
  display: none;
}

.namecard-en li .product {
  margin-bottom: 10px;
  color: #e75935;
  font-size: 20px;
  font-weight: bold;
}

.namecard-en li .department {
  color: #777;
  font-size: 14px;
  line-height: 22px;
}

.namecard-en li .name {
  position: absolute;
  top: 144px;
  right: 30px;
  color: #010101;
  font-size: 28px;
  font-style: italic;
  text-align: right;
}

.namecard-en li .contact {
  position: absolute;
  right: 30px;
  bottom: 28px;
  color: #777;
  font-size: 16px;
  text-align: right;
  letter-spacing: -0.3px;
}

.namecard-en li .contact span {
  padding-left: 25px;
  margin: 0 10px 0 0;
  color: #e1e1e1;
  background: url(../img/content/c80new_bg_namecard.gif) no-repeat 12px 50%;
}

.namecard-en li .contact a {
  color: #777;
  font-size: 16px;
  letter-spacing: -0.3px;
}

body.lang-jp {
  font-family: Meiryo, Tahoma, "Microsoft Sans Serif", sans-serif, "MS PGothic",
 "MS PMincho";
  /* Standard - Electronical Galvanized Steel */
  /* Standard */
}

body.lang-jp .gnb-wrap .nav-full-wrap {
  height: 340px;
  background: url(../img/content/c80new_jp_bg_full_menu_sub.png) no-repeat;
}

body.lang-jp .gnb-wrap .nav-full-wrap .nfn1 {
  width: 224px;
  height: 280px;
  padding: 60px 0 0 60px;
}

body.lang-jp .gnb-wrap .nav-full-wrap .nfn2 {
  width: 340px;
  height: 280px;
  padding: 60px 0 0 60px;
}

body.lang-jp .gnb-wrap .nav-full-wrap .nfn2 .left-nav {
  width: 160px;
}

body.lang-jp .gnb-wrap .nav-full-wrap .nfn2 .right-nav {
  width: 160px;
}

body.lang-jp .gnb-wrap .nav-full-wrap .nfn3 {
  width: 243px;
  height: 280px;
  padding: 60px 0 0 60px;
}

body.lang-jp .gnb-wrap .nav-full-wrap .inquiry-link {
  width: 193px;
  height: 280px;
}

body.lang-jp .main-wrapper .gnb-wrap .nav-full-wrap {
  background: url(../img/content/c80new_jp_bg_full_menu.png) no-repeat;
}

body.lang-jp .gnb {
  left: 133px;
}

body.lang-jp .gnb ul li {
  text-align: center;
}

body.lang-jp .gnb ul li:first-child {
  width: 150px;
}

body.lang-jp .gnb ul li:first-child + li {
  width: 108px;
}

body.lang-jp .gnb ul li:first-child + li + li {
  width: 245px;
}

body.lang-jp .gnb ul li:first-child + li + li + li {
  width: 92px;
}

body.lang-jp .main-faq-link p {
  margin-right: 40px;
  text-align: right;
}

body.lang-jp .main-faq-link p a {
  position: relative;
  line-height: 48px;
  font-size: 14px;
  color: #a1bce5;
  letter-spacing: -0.5px;
}

body.lang-jp .main-faq-link p a:after {
  position: absolute;
  content: "";
  right: -18px;
  top: 50%;
  width: 7px;
  height: 10px;
  margin-top: -5px;
  background: url(../img/content/c80new_remote_arr.png) no-repeat;
}

body.lang-jp .account-wrap {
  margin: 0;
  text-align: left;
}

body.lang-jp .account-wrap p a {
  color: #ffc3b3;
  letter-spacing: -0.5px;
}

body.lang-jp .sub-check.nav2 {
  top: -142px;
}

body.lang-jp .sub-check.nav2 li a {
  height: 69px;
  line-height: 69px;
}

body.lang-jp .inquiry-list {
  height: 130px;
}

body.lang-jp .head-txt2 + .inquiry-list {
  height: 99px;
}

body.lang-jp .history-wrap .history > li span {
  width: 150px;
  font-style: normal;
}

body.lang-jp .history-wrap .history > li .h-txt {
  max-width: 743px;
}

body.lang-jp .tit-ty3:after {
  top: 12px;
  margin-top: 0;
}

body.lang-jp .snb li {
  line-height: 15px;
}

body.lang-jp .snb li a {
  display: table-cell;
  width: 170px;
  height: 40px;
  vertical-align: middle;
}

body.lang-jp .standard-eleg .film li.f-l p {
  height: 88px;
}

body.lang-jp .flash-change .btn-flash span {
  left: 10px;
}

body.lang-jp .note {
  padding-left: 20px;
}

body.lang-jp .organ-tabs li {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 312px;
}

body.lang-jp .organ-tabs li a {
  padding: 0;
  line-height: 18px;
}

body.lang-jp .organ-tabs li a span {
  display: table-cell;
  width: 312px;
  height: 60px;
  vertical-align: middle;
}
/*# sourceMappingURL=c80new_style.css.map */