@charset "UTF-8";

@font-face {
    font-family: "Proxima-Extrabold";
    src: url('font/Proxima-Extrabold.html');
    src: url('font/Proxima-Extraboldd41d.html?#iefix') format('embedded-opentype'),
    url('font/Proxima-Extrabold-2.html') format('woff'),
    url('font/Proxima-Extrabold-3.html') format('opentype');
url('font/Proxima-Extrabold-4.html') format('truetype');
    src: local('?'), url('font/Proxima-Extrabold-2.html') format('woff');
}

@font-face {
    font-family: "Proxima-Bold";
    src: url('font/Proxima-Bold.html');
    src: url('font/Proxima-Boldd41d.html?#iefix') format('embedded-opentype'),
    url('font/Proxima-Bold-2.html') format('woff'),
    url('font/Proxima-Bold-3.html') format('opentype');
url('font/Proxima-Bold-4.html') format('truetype');
    src: local('?'), url('font/Proxima-Bold-2.html') format('woff');
}

@font-face {
    font-family: "Proxima-Regular";
    src: url('font/Proxima-Regular.html');
    src: url('font/Proxima-Regulard41d.html?#iefix') format('embedded-opentype'),
    url('font/Proxima-Regular-2.html') format('woff'),
    url('font/Proxima-Regular-3.html') format('opentype');
url('font/Proxima-Regular-4.html') format('truetype');
    src: local('?'), url('font/Proxima-Regular-2.html') format('woff');
}

* {
    margin: 0;
    padding: 0;
}

html {
    width: 100%;
    height: 100%
}

body {
    position: relative;
    /*font-family: 'Noto Sans SC', sans-serif;*/
    /*font-family: "microsoft yahei"!important;*/
    font-family: "Microsoft YaHei", "微软雅黑" !important;
    font-weight: 300;
    font-size: 16px;
    color: #555;
    letter-spacing: 0;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    line-height: 1;
}

body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, table, tr, th, td {
    margin: 0;
    padding: 0
}

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

img, fieldset {
    border: none;
    vertical-align: top
}

legend, caption {
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: -1
}

textarea, button {
    vertical-align: middle
}

input, select {
    vertical-align: middle;
    background: #fff;
    border: 1px solid #e0e0e0;
    /*font-family: 'Noto Sans SC', sans-serif;*/
    font-weight: 300;
    color: #555;
    letter-spacing: 0;
    border-radius: 0;
    font-size: 16px;
    color: #000
}

input {
    padding: 3px 10px;
    height: 32px
}

option {
    padding: 3px 10px;
}

input[type="radio"], input[type="checkbox"] {
    border: 0;
    padding: 0;
    height: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input[type="password"] {
    height: 40px;
    border: 1px solid #e0e0e0;
    color: #999;
    background: #fff;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input[type="text"] {
    width: 278px;
    background: #fff;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input[type="tel"] {
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input[type="file"] {
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

select {
    padding: 5px 30px 5px 10px;
    height: 40px;
    border: 1px solid #e0e0e0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("../images/select_arrow.html") no-repeat right 15px center;
}

select::-ms-expand {
    display: none;
}

@-moz-document url-prefix() {
    select {
        padding-left: 10px;
    }
}

textarea {
    padding: 10px;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #e0e0e0;
    /*font-family: 'Noto Sans SC', sans-serif;*/
    font-weight: 300;
    color: #555;
    font-size: 16px;
    letter-spacing: 0;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

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

a:hover, a:focus, a:active {
    text-decoration: none;
}

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

button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    overflow: visible;
    white-space: nowrap;
    font-size: 16px;
    /*font-family: 'Noto Sans SC', sans-serif;*/
    font-weight: 300;
}

button:active {
    outline: none
}

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

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

/*strong {*/
/*    font-weight: 300*/
/*}*/

th {
    font-weight: 300
}

::-webkit-input-placeholder {
    color: #cfcfcf;
}

:-moz-placeholder {
    color: #cfcfcf;
    opacity: 1;
}

::-moz-placeholder {
    color: #cfcfcf;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #cfcfcf;
}

:placeholder-shown {
    color: #cfcfcf;
}

/* 간격 */
.mt0 {
    margin-top: 0px !important
}

.mt5 {
    margin-top: 5px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt35 {
    margin-top: 35px !important
}

.mt40 {
    margin-top: 40px !important
}

.mt45 {
    margin-top: 45px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt60 {
    margin-top: 60px !important
}

.mt80 {
    margin-top: 80px !important
}

.mb0 {
    margin-bottom: 0px !important
}

.grd {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,131313+100 */
    background: rgb(0, 110, 183); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(115, 207, 70, 1) 0%, rgba(28, 66, 189, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(115, 207, 70, 1) 0%, rgba(28, 66, 189, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(115, 207, 70, 1) 0%, rgba(28, 66, 189, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73cf46', endColorstr='#1c42bd', GradientType=0); /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

#wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#cBody {
    position: relative;
    width: 100%;
    background: #fff;
    z-index: 2;
}

.subWrap {
    padding-bottom: 140px;
}

.ovF {
    overflow: hidden;
}

.clear:after {
    content: '';
    display: block;
    clear: both;
}

.blind {
    width: 0;
    height: 0;
    text-indent: -9999px;
    font-size: 0;
}

.inner {
    width: 1400px;
    margin: 0 auto;
}

.blackBg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* 2018-10-26 z-index추가(메인 문제로 인해)*/
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.borT {
    border-top: 1px solid #e0e0e0;
}

.fBold {
    font-weight: 700;
}

/* 본문 바로가기 */
.goCon {
    position: fixed;
    top: -50px;
    left: 0;
    z-index: 9999;
    text-align: center;
    box-sizing: border-box;
    padding: 15px 0;
    width: 100%;
    height: 50px;
    color: #fff;
    line-height: 1;
    background: #272727;
}

.goCon:focus {
    top: 0;
}

/* header */
#header {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    background: #fff;
}

#header h1 {
    float: left;
    margin: 20px 25px 0 70px;
}

/* 서브페이지 */
#header h1 a {
    display: block;
    width: 170px;
    height: 50px;
    background: url("../images/logo_c.png") no-repeat 0 0;
    text-indent: -9999px;
    font-size: 0;
    background-size: contain;
}

#header .moin {
    float: left;
    margin-top: 25px;
}

#header .moin a {
    display: block;
    width: 67px;
    height: 38px;
    background: url("../images/moin_logo_c.html") no-repeat 0 0;
    text-indent: -9999px;
    font-size: 0;
}

#header #gnb {
    width: 1000px;
    margin: 0 auto;
}

#header #gnb:after {
    content: "";
    display: block;
    clear: both;
}

#header #gnb > li {
    position: relative;
    float: left;
    width: 140px;
}

#header #gnb li .oneD {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    padding: 37px 0;
    text-align: center;
    letter-spacing: 0px;
}

#header #gnb li.on .oneD {
    position: relative;
    color: #9bbc2d;
}

#header #gnb li.on .oneD:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #9bbc2d;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 3
}

#header #gnb li .twoD {
    position: absolute;
    top: 89px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 350px;
    padding-top: 40px;
    display: none;
}

#header #gnb li.on .twoD {
    background: #f5f5f5;
}

#header #gnb li .twoD li a {
    display: block;
    text-align: center;
    line-height: 22px;
    margin-top: 20px;
    font-size: 13px;
}

#header #gnb li .twoD li a:first-child {
    margin-top: 0;
}

#header #gnb li .twoD li a:hover {
    font-weight: 700;
    color: #000;
}

#header .rightDiv {
    position: absolute;
    top: 0;
    right: 50px;
}

#header .rightDiv .util:after {
    content: "";
    display: block;
    clear: both;
}

#header .rightDiv .lang {
    float: left;
    position: relative;
    text-align: center;
    /*font-family: 'Proxima-Regular', sans-serif;*/
    font-weight: normal;
}

#header .rightDiv .lang > a {
    display: block;
    width: 90px;
    margin: 27px 0;
    padding: 10px 0;
    color: #fff;
}

#header .rightDiv .lang > a span {
    background: url("../images/lang_moreicon.png") no-repeat right center;
    padding-right: 15px;
}

#header .rightDiv .lang div {
    position: absolute;
    top: 88px;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 13px 0;
    border-top: 2px solid #9bbc2d;
    background: #fff;
    display: none;
}

#header .rightDiv .lang div a {
    display: block;
    line-height: 26px;
    color: #777
}

#header .rightDiv .lang div a.on {
    color: #9bbc2d;
    /*font-family: 'Proxima-Bold', sans-serif;*/
    font-weight: normal;
}

#header .rightDiv .srchBtn {
    display: block;
    float: left;
    margin-top: 30px;
    width: 90px;
    height: 30px;
    background: url("../images/srchbtn_icon.html") no-repeat center;
    border-left: 1px solid #e0e0e0;
}

#header .rightDiv .allMenu {
    float: left;
}

#header .rightDiv .allMenu .allMenuBtn {
    display: block;
    width: 90px;
    height: 90px;
    background: #000 url("../images/allmenubtn.png") no-repeat center;
}

#header .rightDiv .allMenu .allMenuBtn.on {
    background-image: url("../images/allmenubtn_on.png");
}

#header .gnbBg {
    position: absolute;
    top: 89px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 389px;
    border-top: 1px solid #e0e0e0;
    background: #fff url(../images/top_bg.jpg) no-repeat center;
    background-size: cover;
    display: none;
}

/* 헤더 검색영역 */
.srchArea {
    position: absolute;
    top: 89px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 100;
    border-top: 1px solid #e0e0e0;
    padding: 80px 0 45px;
    display: none;
}

.srchArea .inputArea {
    width: 800px;
    margin: 0 auto;
    padding: 0 0 17px;
    position: relative;
    border-bottom: 2px solid #000;
}

.srchArea .inputArea input {
    width: calc(100% - 60px);
    height: 20px;
    padding-left: 0;
    border: none;
    font-size: 18px;
}

.srchArea .inputArea input::placeholder {
    color: #000;
    font-size: 18px;
}

.srchArea .inputArea input::-webkit-placeholder {
    color: #000;
    font-size: 18px;
}

.srchArea .inputArea input::-moz-placeholder {
    color: #000;
    font-size: 18px;
}

.srchArea .inputArea input::-ms-placeholder {
    color: #000;
    font-size: 18px;
}

.srchArea .inputArea > a {
    position: absolute;
    bottom: 17px;
    right: 20px;
}

.srchArea .exArea {
    text-align: center;
    margin-top: 20px;
}

.srchArea .exArea .ex {
    display: inline-block;
    border-radius: 12px;
    padding: 3px 12px 7px;
    background: #9bbc2d;
    text-align: center;
    font-weight: 700;
    color: #fff;
}

.srchArea .exArea div {
    display: inline-block;
    margin-left: 17px;
}

.srchArea .exArea div p {
    display: inline-block;
    color: #777;
    position: relative;
}

.srchArea .exArea div p:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 15px;
    background: #dfdfdf;
    margin: 0 10px;
}

/* 전체메뉴 */
.allMenu {
}

.allMenu .openDiv {
    display: none;
    overflow-y: auto;
    height: calc(100% - 90px);
    height: -webkit-calc(100% - 90px);
    position: fixed;
    top: 89px;
    left: 100%;
    width: 100%;
    background: #fff;
    border-top: 1px solid #e0e0e0;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.allMenu .openDiv .oneD_area {
    margin: 80px 0;
}

.allMenu .openDiv .oneD_area:last-child {
    margin-bottom: 60px;
}

.allMenu .openDiv .oneD_area .oneD {
    font-size: 24px;
    font-weight: 700;
    color: #000;
}

.allMenu .openDiv .oneD_area > .twoD_area {
    padding: 40px 0;
    margin-top: 30px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.allMenu .openDiv .oneD_area > .twoD_area:after {
    content: "";
    display: block;
    clear: both;
}

.allMenu .openDiv .oneD_area > .twoD_area .twoD {
    float: left;
    width: 233px;
}

.allMenu .openDiv .oneD_area > .twoD_area .twoD > a {
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
    color: #000;
}

.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a {
    display: block;
    margin: 18px 0;
    line-height: 1.3;
}

.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a:last-child {
    margin-bottom: 0;
}

.allMenu .openDiv .oneD_area > .twoD_area .twoD_inner {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    padding-top: 30px;
}

.allMenu .openDiv .oneD_area .oneD.curent {
    color: #9bbc2d;
}

/* 활성화 */
.allMenu .openDiv .oneD_area > .twoD_area .twoD > a.curent {
    color: #9bbc2d;
}

.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a.curent {
    color: #000;
    font-weight: 700;
}

.allMenu .openDiv .oneD_area:hover .oneD {
    color: #9bbc2d;
}

/* hover */
.allMenu .openDiv .oneD_area > .twoD_area .twoD:hover > a {
    color: #9bbc2d;
}

.allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a:hover {
    color: #000;
    font-weight: 700;
}

.allMenu .openDiv .mlangBtn {
    display: none;
}

/* main header */
#header.main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: none;
}

#header.main h1 a {
    background-image: url("../images/logo_w.png");
}

#header.main .moin a {
    background-image: url("../images/moin_logo_w.html");
}

#header.main #gnb li .oneD {
    color: #fff;
}

#header.main .rightDiv .lang > a span {
    color: #fff;
    background: url("../images/main_lang_moreicon.png") no-repeat right center;
}

#header.main .rightDiv .srchBtn {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    background: url("../images/main_srchbtn_icon.html") no-repeat center;
}

/* main header - SCROLLED, HOVER */
#header.main.scrolled, #header.main.hover {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
}

#header.main.scrolled h1 a, #header.main.hover h1 a {
    background: url("../images/logo_w.png") no-repeat 0 0;
    background-size: contain;
}

#header.main.scrolled .moin a, #header.main.hover .moin a {
    background: url("../images/moin_logo_c.html") no-repeat 0 0;
}

#header.main.scrolled #gnb li .oneD, #header.main.hover #gnb li .oneD {
    color: #000;
}

#header.main.scrolled .rightDiv .lang > a span, #header.main.hover .rightDiv .lang > a span {
    color: #555;
    background: url("../images/lang_moreicon.png") no-repeat right center;
}

#header.main.scrolled .rightDiv .srchBtn, #header.main.hover .rightDiv .srchBtn {
    background: url("../images/srchbtn_icon.html") no-repeat center;
    border-left: 1px solid #e0e0e0;
}

#header.main.scrolled .rightDiv .lang > a {
    color: #333;
}

/* footer */
#footer {
    position: relative;
}

#footer .top {
    background: #262626;
    padding: 50px 0;
}

#footer .top .inner {
    position: relative;
}

#footer .top .left .links a {
    display: inline-block;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.6);
}

#footer .top .left .links a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0px;
    height: 4px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    margin: 0 15px 0 20px;
}

#footer .top .left .links a:last-child:after {
    display: none;
}

#footer .top .left > p {
    color: rgba(255, 255, 255, 0.4);
    margin-top: 30px;
    line-height: 24px;
}

#footer .top .left > p a {
    color: rgba(255, 255, 255, 0.4);
}

#footer .top .left > p > span {
    margin-left: 10px;
}

#footer .top .familySite {
    position: absolute;
    top: 5px;
    right: 0;
}

#footer .top .familySite select {
    background-color: #000;
    background-image: url("../images/familysite_arrow.png");
    background-position: right 20px center;
    border: 0;
    color: rgba(255, 255, 255, 0.4);
}

#footer .top .familySite select:first-child {
    width: 280px;
}

#footer .top .familySite select:last-child {
    width: 230px;
}

#footer .bottom {
    background: #303030;
    padding: 20px 0;
}

#footer .bottom .inner:after {
    content: "";
    display: block;
    clear: both;
}

#footer .bottom p {
    float: left;
}

#footer .bottom .copyright {
    padding: 7px 0;
    float: left;
    /* margin-left:30px;  */
    font-size: 12px;
    color: rgba(255, 255, 255, 0.2);
}

#footer .bottom .sns {
    float: right;
    margin-top: 5px;
}

#footer .bottom .sns a:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 18px;
    background: rgba(255, 255, 255, 0.1);
    margin: 0 15px;
}

#footer .bottom .sns a:last-child:after {
    display: none;
    margin: 0
}

#footer .bottom .award {
    float: right;
    margin: -7px 30px 0 0;
}

/* 서브비주얼 영역 */
.subV {
    width: 100%;
    height: 440px;
    position: relative;
}

.subV .titArea {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.subV .titArea .h2Txt {
    font-size: 22px;
    color: #fff;
    margin-bottom: 20px;
    position: relative;
    top: 50px;
    left: 0;
    opacity: 0;
}

.subV .titArea h2 {
    font-size: 60px;
    /*font-family: 'Proxima-Extrabold', sans-serif;*/
    font-weight: normal;
    color: #fff;
    position: relative;
    top: 50px;
    left: 0;
    opacity: 0;
}

.subV .printBtn {
    position: absolute;
    bottom: -90px;
    right: 40px;
    width: 50px;
    height: 50px;
    background: url("../images/print_btn.html") no-repeat 0 0;
}

/* 서브비주얼 이미지 */
.subV .bg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.subV .bg div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.subV .bg.v1 div {
    background: url("../images/subv1.html") no-repeat center;
    background-size: cover;
}

/* 홍보자료 */
.subV .bg.v1_1 div {
    background: url("../images/subv1_1.html") no-repeat center;
    background-size: cover;
}

/* 회사소개_기업소개 */
.subV .bg.v1_2 div {
    background: url("../images/subv1_2.html") no-repeat center;
    background-size: cover;
}

/* 회사소개_CEO인사말 */
.subV .bg.v1_3 div {
    background: url("../images/subv1_3.html") no-repeat center;
    background-size: cover;
}

/* 회사소개_사업장 */
.subV .bg.v1_4 div {
    background: url("../images/subv1_4.html") no-repeat center;
    background-size: cover;
}

/* 회사소개_R&D */
.subV .bg.v1_5 div {
    background: url("../images/subv1_5.html") no-repeat center;
    background-size: cover;
}

/* 회사소개_투자정보 */

.subV .bg.v2_1 div {
    background: url("../images/subv2_1.html") no-repeat center;
    background-size: cover;
}

/* 제품_ncc */
.subV .bg.v2_2 div {
    background: url("../images/subv2_2.html") no-repeat center;
    background-size: cover;
}

/* 제품_수지제품 */
.subV .bg.v2_3 div {
    background: url("../images/subv2_3.html") no-repeat center;
    background-size: cover;
}

/* 제품_화성제품 */
.subV .bg.v2_4 div {
    background: url("../images/subv2_4.html") no-repeat center;
    background-size: cover;
}

/* 제품_기초유분제품 */
.subV .bg.v2_5 div {
    background: url("../images/subv2_5.html") no-repeat center;
    background-size: cover;
}

/* 제품_메가트렌드 */
.subV .bg.v2_6 div {
    background: url("../images/subv2_6.html") no-repeat center;
    background-size: cover;
}

/* 제품_제품담당자 */
.subV .bg.v2_7 div {
    background: url("../images/subv2_7.html") no-repeat center;
    background-size: cover;
}

/* 제품_기술가이드 */
.subV .bg.v2_8 div {
    background: url("../images/subv2_8.html") no-repeat center;
    background-size: cover;
}

/* 제품_인증현황 */
.subV .bg.v2_9 div {
    background: url("../images/subv2_9.html") no-repeat center;
    background-size: cover;
}

/* 제품_제품생산능력 */

.subV .bg.v3_1 div {
    background: url("../images/subv3_1.html") no-repeat center;
    background-size: cover;
}

/* 지속가능경영_지속가능경영소개 */
.subV .bg.v3_2 div {
    background: url("../images/subv3_2.html") no-repeat center;
    background-size: cover;
}

/* 지속가능경영_컴플라이언스 */
.subV .bg.v3_3 div {
    background: url("../images/subv3_3.html") no-repeat center;
    background-size: cover;
}

/* 지속가능경영_윤리경영 */
.subV .bg.v3_4 div {
    background: url("../images/subv3_4.html") no-repeat center;
    background-size: cover;
}

/* 지속가능경영_환경안전 */
.subV .bg.v3_5 div {
    background: url("../images/subv3_5.html") no-repeat center;
    background-size: cover;
}

/* 지속가능경영_CSR */
.subV .bg.v3_6 div {
    background: url("../images/subv3_6.html") no-repeat center;
    background-size: cover;
}

/* 지속가능경영_동반성장 */
.subV .bg.v3_7 div {
    background: url("../images/subv3_7.html") no-repeat center;
    background-size: cover;
}

/* 지속가능경영_지속가능경영 보고서 */

.subV .bg.v4_1 div {
    background: url("../images/subv4_1.html") no-repeat center;
    background-size: cover;
}

/* 인재_인재상 */
.subV .bg.v4_2 div {
    background: url("../images/subv4_2.html") no-repeat center;
    background-size: cover;
}

/* 인재_인재양성 */
.subV .bg.v4_3 div {
    background: url("../images/subv4_3.html") no-repeat center;
    background-size: cover;
}

/* 인재_지원가이드 */
.subV .bg.v4_4 div {
    background: url("../images/subv4_4.html") no-repeat center;
    background-size: cover;
}

/* 인재_채용공고 */
.subV .bg.v4_5 div {
    background: url("../images/subv4_5.html") no-repeat center;
    background-size: cover;
}

/* 인재_직무인터뷰 */

.subV .bg.v5_1 div {
    background: url("../images/subv5_1.html") no-repeat center;
    background-size: cover;
}

/* 푸터_faq */
.subV .bg.v5_2 div {
    background: url("../images/subv5_2.html") no-repeat center;
    background-size: cover;
}

/* 푸터_이메일무단수집거부 */
.subV .bg.v5_3 div {
    background: url("../images/subv5_3.html") no-repeat center;
    background-size: cover;
}

/* 푸터_신규파트너사 정보등록 */

/* 서브페이지 lnb */
.lnb {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}

.lnb:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 60px;
    background: rgba(34, 34, 34, 0.4);
}

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

.lnb .homeBt {
    display: block;
    float: left;
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.3) url("../images/homebt_icon.html") no-repeat center;
}

.lnb .inner .container {
    float: left;
    width: 1340px;
}

.lnb .inner .container > div {
    float: left;
    position: relative;
    width: 447px;
    box-sizing: border-box;
}

.lnb .inner .container > div:first-child {
    width: 446px;
}

.lnb .inner .container > div > a {
    display: block;
    padding: 22px 30px;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.8);
    background: url("../images/lnb_icon.html") no-repeat right 25px center;
}

.lnb .inner .container > div > a.on {
    color: #fff;
    background-image: url("../images/lnb_icon_on.html");
    background-color: #043f66;
}

.lnb .inner .container > div:last-child > a {
    color: #fff;
    font-weight: 700;
}

.lnb .moreMenu {
    position: absolute;
    width: 100%;
    background: #034874;
    padding: 20px 0 24px;
    display: none;
}

.lnb .moreMenu a {
    display: inline-block;
    padding-left: 30px;
    color: #89a7ba;
    line-height: 31px;
}

.lnb .moreMenu a.current, .lnb .moreMenu a.on {
    color: #fff;
    font-weight: 700;
}

.lnb .moreMenu a:hover {
    color: #fff;
    font-weight: 700;
}

.lnb.scroll {
    position: fixed;
    top: 0;
    z-index: 10;
    background: #034874;
}

/* 스크롤 */

.lnb .hoverTwoD {
    position: absolute;
    top: 0;
    left: 100%;
    width: calc(100% + 1px);
    background: #034874;
    padding: 20px 0 24px;
    border-left: 1px solid #1d5b82;
    display: none;
    margin-left: -1px;
}

.lnb .hoverThrD {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    background: #034874;
    padding: 20px 0 24px;
    border-left: 1px solid #1d5b82;
    display: none;
    margin-left: -1px;
}

/* 타이틀 스타일 */
#cBody h3 {
    font-size: 50px;
    color: #000;
    font-weight: 700;
    margin-top: 100px;
    text-align: center;
}

#cBody h4 {
    font-size: 18px;
    margin-top: 20px;
    color: #8bbf45;
    text-align: center
}

.h3TxtArea { /*margin-bottom:80px;*/
    margin-bottom: 73px;
    text-align: center;
}

.h3TxtArea.mt {
    margin-top: 100px;
}

.h3TxtArea.prod {
    margin-top: 69px;
}

.h3TxtArea.prodTab {
    margin-top: 73px;
}

.h3TxtArea .tit {
    font-size: 24px;
    line-height: 1.5;
    color: #000;
    font-weight: 700;
    margin-top: 75px;
}

.h3TxtArea .sTit {
    font-size: 38px;
    color: #000;
    font-weight: 700;
}

.h3TxtArea .sTitSub {
    font-size: 18px;
    font-weight: 700;
    margin-top: 20px;
    color: #8bbf45;
}

.h3TxtArea .txt {
    font-size: 18px;
    line-height: 31px;
    color: #555;
    margin-top: 30px;
}

.productTit {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    padding-left: 32px;
    position: relative;
    margin: 80px 0 30px;
}

.productTit:before {
    content: "";
    display: block;
    width: 15px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/producttit_icon.html") no-repeat center;
}

.productTit2 {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    margin: 60px 0 30px;
}

.productTxt.ncc {
    line-height: 30px;
}

/* 검색영역 */
.srchType1 {
    position: relative;
    margin: 40px 0 30px;
    text-align: right;
}

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

.srchType1 select {
    position: absolute;
    top: 0;
    right: 380px;
    width: 133px;
    height: 54px;
}

.srchType1 .inputDiv {
    width: 380px;
    float: right;
    overflow: hidden;
}

.srchType1 .inputDiv input {
    float: left;
    width: 305px;
    height: 46px;
    border-left: 0;
    border-right: 0;
}

.srchType1 .inputDiv .srchBtn {
    display: block;
    float: left;
    width: 54px;
    height: 54px;
    background: #545a66 url("../images/srchbtn_wicon.html") no-repeat center;
}

.srchType1 .inputDiv .grayBtn {
    display: block;
    float: left;
    padding: 19px 30px;
    background: #545a66;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.srchType1.yearS {
}

.srchType1.yearS select {
    right: 100px;
    width: 325px;
}

.srchType1.yearS .inputDiv {
    width: auto;
}

/* listType */
.listType1 {
    position: relative;
}

/* 보도자료 리스트 */
.listType1 .listTab {
    position: absolute;
    top: -65px;
    left: 0;
}

.listType1 .listTab a {
    display: inline-block;
    position: relative;
    padding: 0 17px;
    color: #666;
}

.listType1 .listTab a.on {
    font-weight: 700;
    color: #333
}

.listType1 .listTab a:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #e0e0e0;
}

.listType1 .listTab a:first-child {
    padding-left: 0;
    border: none;
}

.listType1 .listTab a:first-child:after {
    display: none
}

.listType1 ul {
    padding: 20px 0;
    border-top: 2px solid #000;
    border-bottom: 1px solid #e0e0e0;
}

.listType1 ul li a {
    display: block;
    padding: 40px 0;
    border-top: 1px solid #e0e0e0;
}

.listType1 ul li:first-child a {
    border-top: 0
}

.listType1 ul li a:after {
    content: "";
    display: block;
    clear: both;
}

.listType1 ul li a .date {
    float: left;
    width: 170px;
    /*font-family: 'Proxima-Bold', sans-serif;*/
    font-weight: normal;
    font-size: 25px;
    line-height: 32px;
    color: #000;
}

.listType1 ul li a .date span {
    display: block;
    margin-top: 10px;
    /*font-family: 'Proxima-Regular', sans-serif;*/
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0;
    color: #888;
}

.listType1 ul li a .txtArea {
    float: left;
    position: relative;
    width: 800px;
    padding: 0 240px 0 45px;
    box-sizing: border-box;
}

.listType1 ul li a .txtArea .tit {
    font-size: 20px;
    color: #000;
    line-height: 30px;
    font-weight: 700;
    display: -webkit-box;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.listType1 ul li a .txtArea .txt {
    margin-top: 15px;
    line-height: 26px;
    display: -webkit-box;
    height: 78px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.listType1 ul li a .txtArea:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -60px;
    left: 45px;
    width: 63px;
    height: 12px;
    background: url("../images/listtype_arrow.html") no-repeat 0 0;
}

.listType1 ul li a .img {
    float: right;
    width: 430px;
    height: 275px;
    text-align: right;
    position: relative;
    overflow: hidden;
}

.listType1 ul li a .img img {
    width: 100%;
    transition: all 1s ease;
}

.listType1 ul li a:hover .txtArea:after {
    background-image: url("../images/listtype_arrow_on.html");
}

.listType1 ul li a:hover .txtArea .tit, .listType1 ul li a:hover .txtArea .txt {
    text-decoration: underline;
}

.listType1 ul li a:hover .img img {
    transform: scale(1.1, 1.1);
}

.listType1 ul li a:hover .img:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.8;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,131313+100 */
    background: rgb(139, 191, 69, 0.8); /* Old browsers */
    background: -moz-linear-gradient(120deg, rgba(158, 251, 32, 1) 0%, rgba(3, 72, 116, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(120deg, rgba(158, 251, 32, 1) 0%, rgba(3, 72, 116, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(120deg, rgba(158, 251, 32, 1) 0%, rgba(3, 72, 116, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73cf46', endColorstr='#1c42bd', GradientType=0); /* IE6-9 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.listType2 {
    position: relative;
}

/* 채용공고 리스트 */
.listType2 .poolBtn {
    position: absolute;
    top: -85px;
    left: 0;
    display: inline-block;
    padding: 19px 30px;
    font-weight: 700;
    color: #fff;
    background: #545a66;
    text-align: center;
    border-radius: 3px;
}

.listType2 ul {
    border-top: 2px solid #000;
    border-bottom: 1px solid #e0e0e0;
}

.listType2 ul li a {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #e0e0e0;
}

.listType2 ul li a > p {
    display: table-cell;
}

.listType2 ul li a > p.type {
    width: 160px;
    text-align: center;
}

.listType2 ul li a > p.type span {
    display: inline-block;
    width: 100px;
    height: 36px;
    line-height: 34px;
    border-radius: 20px;
}

.listType2 ul li a > p.type span.type1 {
    color: #fff;
    background: #9bbc2d;
}

/* 접수중 */
.listType2 ul li a > p.type span.type2 {
    color: #000;
    background: #dcdcdc;
}

/* 마감 */
.listType2 ul li a > p.title {
    padding: 0 10px;
}

.listType2 ul li a > p.title span {
    display: block;
    font-size: 18px;
    line-height: 1.3;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.listType2 ul li a > p.date {
    width: 230px;
    text-align: center;
}

.listType2 ul li a:hover .title span {
    text-decoration: underline;
    font-weight: 700;
}

.listType2 ul.type2 li {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 40px 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
}

.listType2 ul.type2 li .num {
    display: table-cell;
    width: 50px
}

/* 공고 리스트 */
.listType2 ul.type2 li .title {
    display: table-cell;
    width: auto;
    font-weight: 700;
    font-size: 18px;
    color: #000;
}

.listType2 ul.type2 li .date {
    display: table-cell;
    width: 120px;
    text-align: center;
}

.listType2 ul.type2 li .down {
    display: table-cell;
    width: 150px;
    text-align: right;
}

.listType2 ul.type2 li .down a {
    display: inline-block;
    width: auto;
    padding: 0;
    border: 2px solid #e0e0e0;
    border-radius: 3px;
    border-radius: 3px;
    padding: 10px 20px;
}

.listType2 ul.type2 li .down a span {
    display: block;
    font-weight: 700;
    padding-right: 25px;
    background: url("../images/alertarea_btnicon.html") no-repeat right center;
}

.listType2 ul.type2 li .down a:hover {
    background: #8bbf45;
    border-color: #8bbf45;
}

.listType2 ul.type2 li .down a:hover span {
    color: #fff;
    background-image: url("../images/down_icon.html");
}

.listType2 ul.type2 li .down.type2 {
    width: 465px;
    text-align: right;
}

.listType3 {
    position: relative;
}

/* pr자료실 - 광고리스트 */
.listType3 .listTab {
    position: absolute;
    top: -65px;
    left: 0;
}

.listType3 .listTab a {
    display: inline-block;
    position: relative;
    padding: 0 17px;
    color: #666;
}

.listType3 .listTab a.on {
    font-weight: 700;
    color: #333
}

.listType3 .listTab a:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #e0e0e0;
}

.listType3 .listTab a:first-child {
    padding-left: 0;
    border: none;
}

.listType3 .listTab a:first-child:after {
    display: none
}

.listType3 .listDiv {
    border-bottom: 1px solid #e0e0e0;
    margin-top: 80px;
}

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

.listType3 .listDiv a {
    display: block;
    float: left;
    width: 326px;
    margin-right: 32px;
    padding-bottom: 30px;
}

.listType3 .listDiv a:nth-child(4n) {
    margin-right: 0;
}

.listType3 .listDiv a .imgCon {
    position: relative;
}

.listType3 .listDiv a .imgCon .label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    line-height: 40px;
}

.listType3 .listDiv a .imgCon .img img {
    width: 100%;
}

.listType3 .listDiv a .txtArea {
    margin-top: 30px;
}

.listType3 .listDiv a .txtArea .tit {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    line-height: 30px;
}

.listType3 .listDiv a .txtArea .date {
    /*font-family: 'Proxima-Regular', sans-serif;*/
    font-weight: normal;
    color: #888;
    margin: 20px 0;
}

.listType3 .listDiv a .txtArea .txt {
    line-height: 26px;
    height: 78px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.listType3 .listDiv.type2 {
    border: none;
    margin-top: 70px;
}

/* pr자료실 - 브로셔 리스트 */
.listType3 .listDiv.type2 > div {
    float: left;
    width: 326px;
    margin-right: 32px;
    margin-top: 30px;
}

.listType3 .listDiv.type2 > div:nth-child(-n+4) {
    margin-top: 0
}

.listType3 .listDiv.type2 > div:nth-child(4n) {
    margin-right: 0;
}

.listType3 .listDiv.type2 > div .imgCon {
    padding: 40px 50px 0;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    border-bottom: 0
}

.listType3 .listDiv.type2 > div .imgCon img {
    width: 100%;
}

.listType3 .listDiv.type2 > div .txtArea {
    border: 1px solid #e0e0e0;
    border-top: 0;
    padding: 38px;
}

.listType3 .listDiv.type2 > div .txtArea .tit {
    color: #000;
    font-weight: 700;
    line-height: 28px;
}

.listType3 .listDiv.type2 > div .txtArea .downBtn:after {
    content: "";
    display: block;
    clear: both;
}

.listType3 .listDiv.type2 > div .txtArea .downLink {
    display: inline-block;
    width: auto;
    margin-top: 25px;
    margin-right: 5px;
    padding: 10px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 3px;
}

.listType3 .listDiv.type2 > div .txtArea .downLink span {
    padding-right: 25px;
    background: url("../images/alertarea_btnicon.html") no-repeat right center;
}

.listType3 .listDiv.type2 > div .txtArea .downLink:hover {
    background: #8bbf45;
    border-color: #8bbf45;
}

.listType3 .listDiv.type2 > div .txtArea .downLink:hover span {
    background-image: url("../images/down_icon.html");
    color: #fff;
}

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

/* 직무인터뷰 리스트 */
.listType4 a {
    display: block;
    float: left;
    position: relative;
    width: 332px;
    margin-right: 24px;
    margin-top: 50px;
    text-align: center;
}

.listType4 a:nth-of-type(4n) {
    margin-right: 0;
}

.listType4 a:nth-of-type(-n+4) {
    margin-top: 0;
}

.listType4 a .label {
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: 1;
    display: inline-block;
    border-radius: 3px;
    padding: 10px;
    color: #fff;
}

.listType4 a .label.t1 {
    background: #034874
}

.listType4 a .label.t2 {
    background: #8bbf45
}

.listType4 a .imgCon {
    position: relative;
}

.listType4 a .imgCon .img img {
    max-width: 100%;
    width: 100%;
}

.listType4 a .imgCon .txt {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 60px);
    background: #fff;
    padding: 20px 0;
}

.listType4 a .imgCon .txt span {
    display: inline-block;
    position: relative;
    font-size: 18px;
    line-height: 28px;
    color: #034874;
    font-weight: 700;
    padding: 0 20px;
}

.listType4 a .imgCon .txt span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 12px;
    height: 8px;
    background: url("../images/listtype4_txt_bg1.html") no-repeat 0 0;
}

.listType4 a .imgCon .txt span:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 12px;
    height: 8px;
    background: url("../images/listtype4_txt_bg2.html") no-repeat 0 0;
}

.listType4 a .txtCon {
    display: inline-block;
    padding-top: 40px;
}

.listType4 a .txtCon span {
    font-weight: 700;
}

.listType4 a:hover .txtCon {
    position: relative;
    color: #000;
}

.listType4 a:hover .txtCon:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
}

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

/* 개발실적 리스트 */
.listType5 a {
    display: block;
    width: 689px;
    margin-top: 30px;
    float: left;
}

.listType5 a:nth-of-type(even) {
    float: right;
}

.listType5 a:nth-child(-n+2) {
    margin-top: 0
}

.listType5 a .imgCon {
    width: 300px;
    height: 256px;
    overflow: hidden;
    float: left;
}

.listType5 a .imgCon img {
    max-height: 100%;
}

.listType5 a .txtArea {
    float: left;
    width: calc(100% - 300px);
    height: 256px;
    padding: 40px;
    box-sizing: border-box;
}

.listType5 a .txtArea > .tit {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 60px;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.listType5 a .txtArea ul {
    margin-top: 25px;
}

.listType5 a .txtArea ul li {
    margin-top: 10px;
}

.listType5 a .txtArea ul li:first-child {
    margin-top: 0
}

.listType5 a .txtArea ul li:after {
    content: "";
    display: block;
    clear: both;
}

.listType5 a .txtArea ul li p {
    float: left;
    width: calc(100% - 80px);
}

.listType5 a .txtArea ul li p.tit {
    color: #000;
    font-weight: 700;
    width: 80px;
    text-align: justify;
}

.noData {
    border-top: 2px solid #000;
    border-bottom: 2px solid #e0e0e0;
    padding: 120px 0 166px;
    text-align: center;
}

/* 검색결과 없을 때*/
.noData .txt {
    font-size: 20px;
    color: #000;
    background: url("../images/faq_nodata.html") no-repeat center 0;
    padding-top: 145px;
}

.noData.faq {
    margin-top: 60px;
}

.noData.recruite .txt {
    background: url("../images/recruite_nodata.html") no-repeat center 0;
    margin-top: 0
}

/* 채용공고 */

/* viewType */
.viewType1 {
    margin: 80px auto 0;
    max-width: 1400px;
}

.viewType1 .titArea {
    background: #ededed;
    display: table;
    width: 100%;
}

.viewType1 .titArea .tit {
    display: table-cell;
    padding: 30px;
    font-size: 20px;
    color: #000;
    font-weight: 700;
}

.viewType1 .titArea .date {
    display: table-cell;
    padding: 30px;
    width: 140px;
    text-align: right;
    color: #888
}

.viewType1 .titArea.type2 .type {
    display: table-cell;
    width: 100px;
    text-align: center;
    padding: 30px;
}

.viewType1 .titArea.type2 .type span {
    display: inline-block;
    width: 100px;
    height: 36px;
    line-height: 34px;
    border-radius: 20px;
}

.viewType1 .titArea.type2 .type span.type1 {
    color: #fff;
    background: #9bbc2d;
}

/* 접수중 */
.viewType1 .titArea.type2 .type span.type2 {
    color: #000;
    background: #dcdcdc;
}

/* 마감 */
.viewType1 .titArea.type2 .tit {
    padding: 30px 10px;
}

.viewType1 .titArea.type2 .date {
    width: 225px;
}

.viewType1 .txtArea {
    padding: 60px 15px 30px;
}

.viewType1 .txtArea .imgCon {
    text-align: center;
    margin-bottom: 40px;
}

.viewType1 .txtArea .imgCon img {
    max-width: 100%;
}

.viewType1 .txtArea .txt {
    width: 850px;
    margin: 0 auto;
    line-height: 30px;
}

.viewType1 .txtArea .txt strong {
    font-weight: 700;
}

.viewType1 .fileArea {
    padding: 0 30px;
    margin-top: 20px;
}

.viewType1 .fileArea a {
    display: inline-block;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background: #f7f7f7;
    padding: 8px 20px;
    margin-right: 5px;
    margin-top: 10px;
}

.viewType1 .fileArea a:last-child {
    margin-right: 0
}

.viewType1 .fileArea a span {
    display: inline-block;
    padding-left: 20px;
    line-height: 1.5;
    background: url("../images/file_icon.html") no-repeat 0 5px;
}

.viewType1 .prevNext {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    margin-top: 30px;
}

.viewType1 .prevNext > div {
    padding: 22px 30px;
}

.viewType1 .prevNext > div > a {
    display: block;
    width: 100%;
    vertical-align: middle;
}

.viewType1 .prevNext > div span {
    display: inline-block;
    vertical-align: middle;
}

.viewType1 .prevNext .prev {
    border-bottom: 1px solid #e2e2e2;
}

.viewType1 .prevNext .prev span:first-child {
    padding-right: 10px;
    width: 60px;
    background: url("../images/prev_icon.html") no-repeat right 0 center;
    font-weight: 700;
    line-height: 1.5;
}

.viewType1 .prevNext .prev span:last-child {
    width: calc(100% - 111px);
    padding-left: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
}

.viewType1 .prevNext .next span:first-child {
    padding-right: 10px;
    width: 60px;
    background: url("../images/next_icon.html") no-repeat right 0 center;
    font-weight: 700;
    line-height: 1.5;
}

.viewType1 .prevNext .next span:last-child {
    width: calc(100% - 111px);
    padding-left: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
}

.viewType2 {
    margin: 80px auto 0;
    max-width: 1400px;
}

/* 개발실적_상세 */
.viewType2 .titArea {
    background: #ededed;
    width: 100%;
}

.viewType2 .titArea .tit {
    padding: 30px;
    font-size: 20px;
    color: #000;
    font-weight: 700;
}

.viewType2 .txtArea {
    display: table;
    margin: 60px 0 80px;
}

.viewType2 .txtArea strong {
    font-weight: 700;
}

.viewType2 .txtArea .imgCon {
    display: table-cell;
    vertical-align: middle;
    width: 396px;
}

.viewType2 .txtArea .imgCon img {
    max-width: 100%;
}

.viewType2 .txtArea .dotList {
    display: table-cell;
    vertical-align: middle;
    padding: 0 50px;
}

.viewType2 .txtArea .dotList li {
    line-height: 30px;
}

.viewType2 .txtArea .dotList li .clear p {
    float: left;
    width: calc(100% - 115px);
}

.viewType2 .txtArea .dotList li .clear .tit {
    position: relative;
    width: 100px;
    font-weight: 700;
    color: #000;
    padding-left: 15px;
    background: url("../images/dotg_4x4.html") no-repeat 0 center;
}

.viewType2 .txtArea .dotList li .clear .tit:after {
    content: ":";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 8px
}

.viewType2 .prevNext {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.viewType2 .prevNext > div {
    padding: 22px 30px;
}

.viewType2 .prevNext > div > a {
    display: block;
    width: 100%;
    vertical-align: middle;
}

.viewType2 .prevNext > div span {
    display: inline-block;
    vertical-align: middle;
}

.viewType2 .prevNext .prev {
    border-bottom: 1px solid #e2e2e2;
}

.viewType2 .prevNext .prev span:first-child {
    padding-right: 10px;
    width: 60px;
    background: url("../images/prev_icon.html") no-repeat right 0 center;
    font-weight: 700;
    line-height: 1.5;
}

.viewType2 .prevNext .prev span:last-child {
    width: calc(100% - 111px);
    padding-left: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
}

.viewType2 .prevNext .next span:first-child {
    padding-right: 10px;
    width: 60px;
    background: url("../images/next_icon.html") no-repeat right 0 center;
    font-weight: 700;
    line-height: 1.5;
}

.viewType2 .prevNext .next span:last-child {
    width: calc(100% - 111px);
    padding-left: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
}

/* writeType */
.writeType1 {
    border-top: 2px solid #000;
    border-bottom: 1px solid #e0e0e0;
    padding: 35px 0 30px;
}

/* 제품문의 */
.writeType1 ul li {
    display: table;
    width: 100%;
    table-layout: fixed
}

.writeType1 ul li .left {
    display: table-cell;
    vertical-align: top;
    width: 106px;
    padding: 25px 20px;
}

.writeType1 ul li .left .tit {
    font-size: 18px;
    color: #000;
}

.writeType1 ul li .right {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 20px;
}

.writeType1 ul li .right .txt {
    color: #000;
}

.writeType1 ul li .right.inputArea select {
    height: 54px;
    padding-right: 66px;
    margin-left: 5px;
}

.writeType1 ul li .right.inputArea select:nth-of-type(1) {
    margin-left: 0
}

.writeType1 ul li .right.inputArea input[type="text"] {
    height: 46px;
    width: 404px;
}

.writeType1 ul li .right.inputArea input[type="tel"] {
    height: 46px;
    width: 404px;
}

.writeType1 ul li .right.inputArea textArea {
    width: 100%;
    height: 134px;
    box-sizing: border-box;
}

.writeType1 ul li .right.inputArea .mark {
    font-size: 15px;
    color: #777;
    margin-top: 15px;
}

.writeType1 ul li .right.inputArea .mark.blackT {
    color: #000;
    margin-bottom: 30px;
}

.writeType1 ul li .right.inputArea .fileDiv:after {
    content: "";
    display: block;
    clear: both;
}

.writeType1 ul li .right.inputArea .fileDiv > input {
    float: left;
    height: 46px;
    margin-right: 5px;
}

.writeType1 ul li .right.inputArea .fileChoice {
    width: 120px;
    height: 14px;
    float: left;
    position: relative;
    text-align: center;
    padding: 18px 0 22px;
    color: #fff;
    border-radius: 3px;
}

.writeType1 ul li .right.inputArea .fileChoice span.textIndent {
    width: 0;
    height: 0;
    text-indent: -9999px;
    opacity: 0
}

.writeType1 ul li .right.inputArea .fileChoice img.file {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.writeType1 ul li .right.inputArea .fileChoice > input {
    width: 100%;
    height: 54px;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    box-sizing: border-box;
    cursor: pointer;
}

.writeType1 ul li .right.inputArea .fileArea {
    margin-top: 10px;
}

.writeType1 ul li .right.inputArea .fileArea a {
    display: inline-block;
    padding: 10px 70px 10px 20px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background: #f7f7f7 url("../images/file_x_icon.html") no-repeat right 19px center;
}

.writeType1 ul li .right.inputArea .captchaDiv .captchaImg {
    width: 178px;
    height: 52px;
    float: left;
    border: 1px solid #e0e0e0;
    margin-right: 5px;
    overflow: hidden
}

.writeType1 ul li .right.inputArea .captchaDiv .captchaImg img {
    width: 100%
}

.writeType1 ul li .right.inputArea .captchaDiv .againBt {
    display: inline-block;
    width: 22px;
    height: 20px;
    vertical-align: middle;
    margin-left: 15px;
    margin-right: 5px;
    background: url("../images/captcha_icon1.html") no-repeat center;
}

.writeType1 ul li .right.inputArea .captchaDiv .listenBt {
    display: inline-block;
    width: 22px;
    height: 20px;
    vertical-align: middle;
    margin-right: 15px;
    background: url("../images/captcha_icon2.html") no-repeat center;
}

.writeType1 ul li .right.inputArea .captchaDiv input {
    width: 457px;
}

.writeType1 ul li .right.division {
}

.writeType1 ul li .right.divisionDiv > a {
    display: block;
    float: left;
    width: 198px;
    height: 52px;
    line-height: 52px;
    border: 1px solid #e0e0e0;
    border-left: 0;
    text-align: center;
}

.writeType1 ul li .right.divisionDiv > a:first-child {
    border-left: 1px solid #e0e0e0;
}

.writeType1 ul li .right.divisionDiv > a.on {
    border: 1px solid #8bbf45;
    color: #8bbf45;
    font-weight: 700;
}

/* 신규파트너사 정보등록 문의 팝업 */
.writeType1.type2 ul li .right.inputArea select {
    width: 290px;
}

.writeType1.type2 ul li .left {
    width: 145px;
}

.writeType1.type2 ul li .right {
    padding: 10px 10px 10px 20px;
}

.writeType1.type2 ul li .right.inputArea .captchaDiv input {
    width: 404px;
}

.writeType1Notice {
    padding: 40px 30px;
    background: #f0f0f0;
    margin-top: 40px;
}

.writeType1Notice .tit {
    font-weight: 700;
    font-size: 20px;
    color: #000;
    line-height: 1;
}

.writeType1Notice ul {
    margin-top: 22px;
}

.writeType1Notice ul li {
    font-weight: 700;
    font-size: 20px;
    color: #000;
    line-height: 32px;
}

.writeType1Notice .txt {
    position: relative;
    padding-left: 13px;
    font-size: 16px;
    color: #555;
    line-height: 30px;
}

.writeType1Notice .txt p {
    padding-left: 75px;
}

.writeType1Notice .txt p:first-child {
    position: absolute;
    top: 0;
    left: 13px;
    padding: 0;
}

/* 페이징 */
.paging {
    margin-top: 50px;
    text-align: center;
}

.paging a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 17px;
}

.paging a.on {
    color: #9bbc2d;
    font-weight: 700;
    position: relative;
}

.paging a.on:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 110%;
    height: 1px;
    background: #9bbc2d;
}

.paging a:hover {
    color: #9bbc2d;
    font-weight: 700;
    position: relative;
}

.paging a:hover:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 110%;
    height: 1px;
    background: #9bbc2d;
}

.paging .first {
    width: 48px;
    height: 48px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background: #fff url("../images/paging_first.html") no-repeat center;
    margin: 0;
}

.paging .prev {
    width: 48px;
    height: 48px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background: #fff url("../images/paging_prev.html") no-repeat center;
    margin: 0;
    margin-right: 17px;
}

.paging .next {
    width: 48px;
    height: 48px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background: #fff url("../images/paging_next.html") no-repeat center;
    margin: 0;
    margin-left: 17px;
}

.paging .last {
    width: 48px;
    height: 48px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background: #fff url("../images/paging_last.html") no-repeat center;
    margin: 0;
}

.paging .first:hover:after, .paging .prev:hover:after, .paging .next:hover:after, .paging .last:hover:after {
    display: none;
}

/* 버튼 스타일 */
.btnArea {
    text-align: center;
}

.btnArea a {
    margin-left: 5px;
}

.btnArea a:first-child {
    margin-left: 0;
}

.btnArea .blueBtn {
    text-align: center;
    margin-top: 50px;
}

.bBlueBtn {
    display: inline-block;
    vertical-align: top;
    padding: 19px 66px;
    border-radius: 3px;
    font-weight: 700;
    color: #034874;
    border: 2px solid #034874;
    font-size: 18px;
}

.blueBtn {
    display: inline-block;
    vertical-align: top;
    padding: 21px 58px;
    border-radius: 3px;
    background: #034874;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.tabBtn {
    display: table;
    table-layout: fixed;
    width: 100%;
}

/* tab 버튼*/
.tabBtn a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 20px 0;
    border: 1px solid #e0e0e0;
    border-left: 0;
    font-size: 18px;
    line-height: 1.3;
}

.tabBtn a:first-child {
    border-left: 1px solid #e0e0e0;
}

.tabBtn a.on {
    background: #8bbf45;
    border-color: #8bbf45;
    color: #fff;
    font-weight: 700;
}

.tabBtn.employ.mobileTab {
    display: none;
}

/* 체크, 라디오 스타일 */
.chkType1 {
    position: relative;
    overflow: hidden;
    margin: 20px 0 0;
    text-align: right;
}

.chkType1 label {
    padding-left: 35px;
    display: inline-block;
    vertical-align: middle;
    height: 22px;
    line-height: 20px;
    background: url("../images/checkbox.html") no-repeat 0 50%;
}

.chkType1 input[type="checkbox"] {
    position: absolute;
    top: -9999px;
    left: -9999px;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.chkType1 input[type="checkbox"]:checked + label {
    background: url("../images/checkbox_on.html") no-repeat 0 50%;
}

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

.radioType1 label {
    padding-left: 30px;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    line-height: 18px;
    font-size: 16px;
    color: #555;
    background: url("../images/radio_btn.html") no-repeat 0 50%;
}

.radioType1 input[type="radio"] {
    position: absolute;
    top: -9999px;
    left: -9999px;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.radioType1 input[type="radio"]:checked + label {
    background: url("../images/radio_btn_on.html") no-repeat 0 50%;
}

/* 알럿창 */
.alertArea {
    width: 340px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
    box-shadow: 20px 20px 60px rgba(0, 0, 0, 0.2);
    display: none;
}

.alertArea .popHead {
    background: #034874;
    padding: 20px 30px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

.alertArea .popBody {
    background: #fff;
    padding: 40px 30px;
}

.alertArea .popBody .popBtn {
    text-align: center;
}

.alertArea .popBody .popBtn a {
    display: inline-block;
    width: 116px;
    height: 46px;
    border: 2px solid #e0e0e0;
    border-radius: 3px;
}

.alertArea .popBody .popBtn a span {
    padding-right: 30px;
    background: url("../images/alertarea_btnicon.html") no-repeat right center;
    font-weight: 700;
    line-height: 46px;
}

.alertArea .popClose {
    display: block;
    position: absolute;
    top: 18px;
    right: 30px;
}

/* 레이어 팝업 */
.layerPop {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 1000px;
    background: #fff;
    z-index: 100;
    display: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform: translate(-50%, -50%);
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.layerPop .popHead {
    position: relative;
    background: #034874;
    padding: 29px 30px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}

.layerPop .popBody {
    position: relative;
    background: #fff;
    padding: 40px 10px 60px 30px;
    height: 530px;
    overflow-y: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.layerPop .popBody .mCustomScrollBox > .mCSB_scrollTools {
    width: 10px;
    right: 0;
    opacity: 1;
}

.layerPop .popBody .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    border-radius: 0;
    background: #c1c1c1;
}

.layerPop .popBody .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    background: #fff;
}

.layerPop .popBody .searchDiv:after {
    content: "";
    display: block;
    clear: both;
}

/*팝업_검색영역*/
.layerPop .popBody .searchDiv .selectArea {
    float: left;
    margin-right: 10px;
    overflow: hidden;
}

.layerPop .popBody .searchDiv .selectArea select {
    float: left;
    width: 150px;
    height: 54px;
    margin-left: 10px;
}

.layerPop .popBody .searchDiv .selectArea select:first-child {
    margin-left: 0;
}

.layerPop .popBody .searchDiv .inputArea {
    width: 401px;
    margin: 0 auto;
    float: left;
    position: relative;
}

.layerPop .popBody .searchDiv .inputArea input {
    width: -webkit-calc(100% - 75px);
    width: calc(100% - 75px);
    height: 46px;
    border: 1px solid #e0e0e0;
    border-right: 0
}

.layerPop .popBody .searchDiv .inputArea input::placeholder {
    color: #cdcdcd;
}

.layerPop .popBody .searchDiv .inputArea input::-webkit-placeholder {
    color: #cdcdcd;
}

.layerPop .popBody .searchDiv .inputArea input::-moz-placeholder {
    color: #cdcdcd;
}

.layerPop .popBody .searchDiv .inputArea input::-ms-placeholder {
    color: #cdcdcd;
}

.layerPop .popBody .searchDiv .inputArea .srchBtn {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 54px;
    height: 54px;
    background: #545a66 url("../images/layerpop_srch.html") no-repeat center;
    text-indent: -9999px;
    font-size: 0;
}

.layerPop .popBody .searchDiv .resetBtn {
    float: right;
    display: block;
    width: 54px;
    height: 54px;
    background: #545a66 url("../images/layerpop_reset.html") no-repeat center;
    text-indent: -9999px;
    font-size: 0;
}

.layerPop .popClose {
    display: block;
    position: absolute;
    top: 30px;
    right: 30px;
}

.layerPop.prodDown .grayBox {
    background: #f0f0f0;
    padding: 30px 50px;
    margin-top: 30px;
}

/*제품 다운로드 팝업*/
.layerPop.prodDown .grayBox .tit {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    text-align: center;
}

.layerPop.prodDown .grayBox .roundList {
    margin-top: 25px;
}

.layerPop.prodDown .grayBox .roundList:after {
    content: "";
    display: block;
    clear: both;
}

.layerPop.prodDown .grayBox .roundList li {
    display: none;
    float: left;
    min-width: 255px;
    width: 33.3%;
    margin: 5px 0;
}

.layerPop.prodDown .grayBox .roundList li .round {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #fff;
    color: #000;
    font-weight: 700;
    font-size: 15px;
    line-height: 35px;
    margin-right: 15px;
    text-align: center;
}

.layerPop.prodDown .grayBox .moreBtn {
    display: block;
    width: 27px;
    height: 15px;
    margin: 25px auto 0;
    background: url("../images/proddown_morebtn.html") no-repeat 0 0;
}

.layerPop.prodDown .grayBox .moreBtn.on {
    background-image: url("../images/proddown_morebtn_on.html");
}

.layerPop.prodDown .popBody .popBtnArea {
    text-align: right;
    margin: 20px 0;
}

.layerPop.prodDown .popBody .popBtnArea .grayBtn {
    display: inline-block;
    padding: 15px 60px;
    border-radius: 3px;
    background: #545a66;
    color: #fff;
    font-weight: 700;
}

.layerPop.prodDown .tableType1 {
    margin-bottom: 0;
}

.layerPop.prodDown .tableType1 table th:nth-child(1) {
    width: 120px;
}

.layerPop.prodDown .tableType1 table th:nth-child(2) {
    width: 220px;
}

.layerPop.prodDown .tableType1 table th:nth-child(3) {
    width: 220px;
}

.layerPop.prodDown .tableType1 table th:nth-child(4) {
    width: 160px;
}

.layerPop.prodDown .tableType1 table th:nth-child(5) {
    width: 220px;
}

.layerPop.prodDown .tableType1 table td {
    padding: 20px;
    line-height: 26px;
}

.layerPop.prodDown .tableType1 table td.btnArea {
    padding: 20px 0;
    text-align: center;
}

.layerPop.prodDown .tableType1 table td .round {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #f0f0f0;
    background: #e0e0e0;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
    color: #000;
    font-weight: 700;
}

.layerPop.prodDown .popBody {
    padding-bottom: 0
}

.layerPop.prodDown .popBody > *:last-child {
    margin-bottom: 60px;
}

.layerPop.contPop .popBody {
    padding-bottom: 0
}

.layerPop.contPop .popBody > *:last-child {
    margin-bottom: 60px;
}

.layerPop.recruitPop .popBody {
    padding-bottom: 0
}

.layerPop.recruitPop .popBody > *:last-child {
    margin-bottom: 60px;
}

.layerPop.mail .popBody {
    height: 400px;
    padding: 60px 30px;
    text-align: center;
}

/* 이메일 무단 수집거부 팝업 */
.layerPop.mail .popBody .txt1 {
    font-size: 18px;
    color: #000;
    line-height: 28px;
    margin-top: 45px;
}

.layerPop.mail .popBody .txt2 {
    font-size: 16px;
    color: #555;
    line-height: 28px;
    margin-top: 10px;
}

.layerPop.mail .popBody .btnArea .blueBtn {
    margin-top: 60px;
}

.layerPop.browser {
    width: 700px;
    box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.3);
}

/* 브라우저 업데이트 안내 팝업 */
.layerPop.browser .popBody {
    padding: 50px 30px 60px;
    height: auto;
    text-align: center;
}

.layerPop.browser .popBody .txt1 {
    font-size: 16px;
    color: #555;
    line-height: 26px;
}

.layerPop.browser .popBody .txt2 {
    font-size: 16px;
    color: #555;
    line-height: 26px;
    margin-top: 10px;
}

.layerPop.browser .popBody .txt2 span {
    font-weight: 700;
    color: #000;
}

.layerPop.browser .popBody .icons {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    margin-top: 43px;
}

.layerPop.browser .popBody .icons a {
    float: left;
    display: inline-block;
    width: 200px;
    padding: 45px 0;
    background: #f0f0f0;
    margin-left: 2px;
}

.layerPop.browser .popBody .icons a:first-child {
    margin-left: 0;
}

.layerPop.browser .popBody .icons a .icon {
    display: block;
}

.layerPop.browser .popBody .icons a .name {
    display: block;
    /*font-family: 'Proxima-Bold', sans-serif;*/
    font-weight: normal;
    font-size: 16px;
    color: #555;
    margin-top: 28px;
}

.layerPop.browser .popFoot {
    padding: 19px 30px;
    background: #f0f0f0
}

.layerPop.browser .popFoot .chkType1 {
    margin: 0;
}

.layerPop.poolPop .popBody {
    height: 400px;
    padding: 40px 30px 0;
}

/* pool 팝업 */
.layerPop.poolPop .txt {
    text-align: center;
    line-height: 28px;
}

.layerPop.poolPop .employBox .tit {
    font-size: 18px;
    font-weight: 700;
    color: #000
}

.layerPop.poolPop .employBox .grayBox {
    border: 1px solid #e0e0e0;
    background: #f4f4f4;
    padding: 50px 0;
    margin-top: 20px;
}

.layerPop.poolPop .employList {
    margin-top: 0
}

.layerPop.poolPop .employList li {
    width: 145px;
    height: 165px;
    background-size: 100%;
    margin-right: 0
}

.layerPop.poolPop .popBody > *:last-child {
    margin-bottom: 60px;
}

.layerPop .imgBtn {
    margin-top: 50px;
    display: inline-block;
}

/* 2018-10-24 추가 */
.layerPop .imgBtn:nth-of-type(2) {
    margin-left: 5px;
}

.layerPop .imgBtn .pc {
    display: inline-block;
}

.layerPop .imgBtn .mobile {
    display: none;
    height: 35px;
}

.layerPop.prodDown2 {
}

/* 2018-12-27 ncc팝업 */
.layerPop.prodDown2 .popBody {
    padding-bottom: 0
}

.layerPop.prodDown2 .h3TxtArea {
    margin-bottom: 30px;
}

.layerPop.prodDown2 .tabBtn a {
    padding: 16px 0;
}

.layerPop.prodDown2 .tabCon {
    margin-top: 30px;
    margin-bottom: 60px;
}

.layerPop2 {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 1200px;
    background: #fff;
    z-index: 100;
    display: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform: translate(-50%, -50%);
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.layerPop2 .popHead {
    position: relative;
    background: #034874;
    padding: 29px 30px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}

.layerPop2 .popBody {
    position: relative;
    background: #fff;
    padding: 40px 0 0 0;
    height: 530px;
    overflow-y: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

/*.layerPop2 .popBody > *:last-child {margin-bottom:60px;}	*/
.layerPop2 .popBody .guide1 {
    margin-bottom: 60px;
}

.layerPop2 .popBody .guideDiv2 {
    margin-bottom: 60px;
}

.layerPop2 .popBody .factoryDiv {
    margin-bottom: 60px;
}

.layerPop2 .popBody .btnArea {
    margin-bottom: 60px;
}

.layerPop2 .popClose {
    display: block;
    position: absolute;
    top: 30px;
    right: 30px;
}

.layerPop2 .imgBtn { /*margin-top:50px;*/
    display: inline-block;
}

.layerPop2 .imgBtn:nth-of-type(2) {
    margin-left: 5px;
}

.layerPop2 .imgBtn .pc {
    display: inline-block;
}

.layerPop2 .imgBtn .mobile {
    display: none; /*height:35px;*/
}

.layerPop2 .tabArea {
    padding: 0 10px 0 30px;
}

.layerPop2 .tabArea .tabBtn2 {
    margin-top: 30px;
    overflow-x: auto;
}

.layerPop2 .tabArea .tabBtn2 .scrollDiv {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.layerPop2 .tabArea .tabBtn2 a {
    position: relative;
    display: table-cell;
    padding: 20px 0;
    text-align: center;
}

.layerPop2 .tabArea .tabBtn2 a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e0e0e0
}

.layerPop2 .tabArea .tabBtn2 a.on {
    color: #8bbf45;
    font-weight: 700;
}

.layerPop2 .tabArea .tabBtn2 a.on:after {
    height: 2px;
    background: #8bbf45
}

.layerPop2 .tabArea .tabBtn2.mt0 a {
    padding-top: 0
}

.layerPop2.guidePop .productTit {
    margin: 60px 0 30px;
}

.layerPop2.guidePop .productTit2 {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    margin: 50px 0 30px;
}

.layerPop2.guidePop .productTit2:first-child {
    margin-top: 0
}

.layerPop2.guidePop .productTxt {
    line-height: 28px
}

.layerPop2.guidePop .h3TxtArea {
    margin: 60px 0;
}

.layerPop2.guidePop .guide1 {
    padding: 0 10px 0 30px;
}

/* 가공기술 */
.layerPop2.guidePop .guide1 .productList:after {
    content: "";
    display: block;
    clear: both;
}

.layerPop2.guidePop .guide1 .productList > div {
    float: left;
    width: 220px;
    margin-left: 10px;
}

.layerPop2.guidePop .guide1 .productList > div img {
    max-width: 100%;
}

.layerPop2.guidePop .guide1 .productList > div:first-child {
    margin-left: 0
}

.layerPop2.guidePop .guide1 .productArea .boxWrap {
    margin-top: 20px;
}

.layerPop2.guidePop .guide1 .productArea .boxWrap:first-child {
    margin-top: 0;
}

.layerPop2.guidePop .guide1 .productArea .boxWrap:after {
    content: "";
    display: block;
    clear: both;
}

.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea {
    float: left;
    width: 50%;
    min-height: 290px;
    padding: 40px 0;
    box-sizing: border-box;
}

/*.layerPop2.guidePop .guide1 .productArea .boxWrap:nth-child(even) .boxArea {float:right;}*/
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.imgType {
    background: #f9f9f9;
    text-align: center;
}

.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.imgType img {
    max-width: 100%;
    max-height: 100%;
}

.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType {
    padding: 40px 40px;
}

/*.layerPop2.guidePop .guide1 .productArea .boxWrap:nth-child(even) .boxArea.txtType {text-align:right;}*/
.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType .tit {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    margin-bottom: 12px;
}

.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType .txt {
    line-height: 28px;
}

.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType .txt .boldT {
    font-weight: 700;
    display: block;
}

.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea .tableDiv {
    display: table;
    width: 100%;
    height: 100%; /*min-height:250px;*/
}

.layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea .tableDiv .cellArea {
    display: table-cell;
    vertical-align: middle;
}

.layerPop2.guidePop .guide1 .compList {
    margin: 50px 0;
}

.layerPop2.guidePop .guide1 .compList li {
    background: url("../images/guide1_complist_bg.html") no-repeat 0 0;
}

.layerPop2.guidePop .guide1 .compList li p span {
    font-size: 16px;
    line-height: 26px;
}

.layerPop2.guidePop .guide1 .grayBox {
    border: 1px solid #e0e0e0;
    background: #f9f9f9;
    padding: 40px 0;
    margin-top: 20px;
    text-align: center;
}

.layerPop2.guidePop .guide1 .grayBox .dotList {
    display: inline-block;
    vertical-align: top;
    margin-left: 100px;
}

.layerPop2.guidePop .guide1 .grayBox .dotList:first-child {
    margin-left: 0;
}

.layerPop2.guidePop .guide1 .grayBox .dotList li {
    padding-left: 15px;
    background: url("../images/dotg_4x4.html") no-repeat 0 15px;
    font-size: 18px;
    line-height: 34px;
    text-align: left;
}

.layerPop2.guidePop .guide1 .grayBox .img {
    display: inline-block;
    margin-right: 140px;
}

.layerPop2.guidePop .guide1 .grayBox .img:last-child {
    margin-right: 0
}

.layerPop2.guidePop .guide1 .grayBox img {
    max-width: 100%;
}

.layerPop2.guidePop .guide1 .grayBox img.mobile {
    display: none;
}

.layerPop2.guidePop .guide1 .whiteBox {
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 40px 0;
    margin-top: 20px;
    text-align: center;
}

.layerPop2.guidePop .guide1 .whiteBox img {
    max-width: 100%;
}

.layerPop2.guidePop .guide1 .whiteBox img.mobile {
    display: none;
}

.layerPop2.guidePop .guideDiv2 .h3TxtArea {
    padding: 0 10px 0 30px;
}

.layerPop2.guidePop .guideDiv2 .topArea {
}

/* 기술지원 */
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn {
    width: 792px;
    margin: 0 auto;
    position: relative;
    top: 50px;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn .scrollDiv {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a {
    position: relative;
    display: table-cell;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-left: 0;
    padding: 15px 0 18px;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a:first-child {
    border-left: 1px solid #e0e0e0
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a .txt {
    font-size: 15px;
    padding-top: 60px;
    text-align: center;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t1 .txt {
    background: url("../images/guidepop_iconbtn1.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t2 .txt {
    background: url("../images/guidepop_iconbtn2.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t3 .txt {
    background: url("../images/guidepop_iconbtn3.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t4 .txt {
    background: url("../images/guidepop_iconbtn4.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t5 .txt {
    background: url("../images/guidepop_iconbtn5.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t6 .txt {
    background: url("../images/guidepop_iconbtn6.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t7 .txt {
    background: url("../images/guidepop_iconbtn7.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t8 .txt {
    background: url("../images/guidepop_iconbtn8.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a:hover:after {
    content: "";
    display: block;
    width: calc(100% + 2px);
    position: absolute;
    bottom: -1px;
    left: -1px;
    border-bottom: 2px solid #8bbf45
}

/* hover */
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a:hover .txt {
    color: #8bbf45;
    font-weight: 700;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t1:hover .txt {
    background: url("../images/guidepop_iconbtn1_on.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t2:hover .txt {
    background: url("../images/guidepop_iconbtn2_on.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t3:hover .txt {
    background: url("../images/guidepop_iconbtn3_on.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t4:hover .txt {
    background: url("../images/guidepop_iconbtn4_on.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t5:hover .txt {
    background: url("../images/guidepop_iconbtn5_on.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t6:hover .txt {
    background: url("../images/guidepop_iconbtn6_on.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t7:hover .txt {
    background: url("../images/guidepop_iconbtn7_on.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t8:hover .txt {
    background: url("../images/guidepop_iconbtn8_on.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.on:after {
    content: "";
    display: block;
    width: calc(100% + 2px);
    position: absolute;
    bottom: -1px;
    left: -1px;
    border-bottom: 2px solid #8bbf45
}

/* on 활성화 */
.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.on .txt {
    color: #8bbf45;
    font-weight: 700;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t1.on .txt {
    background: url("../images/guidepop_iconbtn1_on.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t2.on .txt {
    background: url("../images/guidepop_iconbtn2_on.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t3.on .txt {
    background: url("../images/guidepop_iconbtn3_on.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t4.on .txt {
    background: url("../images/guidepop_iconbtn4_on.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t5.on .txt {
    background: url("../images/guidepop_iconbtn5_on.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t6.on .txt {
    background: url("../images/guidepop_iconbtn6_on.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t7.on .txt {
    background: url("../images/guidepop_iconbtn7_on.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t8.on .txt {
    background: url("../images/guidepop_iconbtn8_on.html") no-repeat center 0;
}

.layerPop2.guidePop .guideDiv2 .grayArea {
    background: #f9f9f9;
    padding: 100px 30px 60px;
}

.layerPop2.guidePop .guideDiv2 .grayArea .tit {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    text-align: center;
}

.layerPop2.guidePop .guideDiv2 .grayArea .linkArea {
    margin-top: 50px;
    text-align: center;
}

.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div {
    width: 32.9%;
    display: inline-block;
    vertical-align: top;
}

.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul {
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #e0e0e0;
    padding-left: 20px;
}

.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul li {
    text-align: left;
    margin-top: 20px;
    line-height: 1.3;
}

.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul li:first-child {
    margin-top: 0
}

.layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul li.on a {
    color: # #8bbf45;
}

.layerPop2.guidePop .productDiv {
    padding: 0 10px 0 30px;
}

.layerPop2.guidePop .productDiv .tit {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    margin-bottom: 30px;
}

.layerPop2.guidePop .productDiv .grayImgBox {
    background: #f9f9f9;
    text-align: center;
    padding: 60px 0;
    margin-bottom: 50px;
}

.layerPop2.guidePop .productDiv .grayImgBox img {
    max-width: 100%;
}

.layerPop2.guidePop .productDiv .tableType1 td {
    border-left: 1px solid #e0e0e0;
}

.layerPop2.guidePop .productDiv .tableType1 td.borL0 {
    border-left: 0
}

.layerPop2.guidePop .productDiv .tableType1.borN td {
    border-left: 0
}

.layerPop2.guidePop .productDiv .imgList {
    margin-top: 30px;
}

.layerPop2.guidePop .productDiv .imgList:after {
    content: "";
    display: block;
    clear: both;
}

.layerPop2.guidePop .productDiv .imgList li {
    float: left;
    width: 268px;
    margin-right: 22px;
}

.layerPop2.guidePop .productDiv .imgList li:last-child {
    margin-right: 0
}

.layerPop2.guidePop .productDiv .imgList li img {
    max-width: 100%;
}

.layerPop2.guidePop .productDiv .whiteBox {
    border: 1px solid #e0e0e0;
    padding: 50px 60px;
    margin-top: 20px;
}

.layerPop2.guidePop .productDiv .whiteBox:after {
    content: "";
    display: block;
    clear: both;
}

.layerPop2.guidePop .productDiv .whiteBox .dotList {
    display: inline-block;
    vertical-align: top;
    margin-left: 100px;
    margin-top: 30px;
}

.layerPop2.guidePop .productDiv .whiteBox .dotList:first-child {
    margin-left: 0;
}

.layerPop2.guidePop .productDiv .whiteBox .dotList li {
    padding-left: 15px;
    background: url("../images/dotg_4x4.html") no-repeat 0 15px;
    font-size: 18px;
    line-height: 34px;
    text-align: left;
}

.layerPop2.guidePop .productDiv .whiteBox .imgCon {
    float: right;
    width: 563px;
}

.layerPop2.guidePop .productDiv .whiteBox .imgCon li {
    display: inline-block;
}

.layerPop2.guidePop .productDiv .whiteBox .imgCon li:first-child {
    margin-right: 22px;
}

.layerPop2 .factoryDiv {
    padding: 0 10px 0 30px;
}

.layerPop2 .factoryDiv .img img {
    max-width: 100%;
}

.layerPop2 .factoryDiv .factoryList > div {
    float: none;
    width: 100%;
}

.layerPop2 .factoryDiv .factoryList > div:after {
    content: "";
    display: block;
    clear: both;
}

.layerPop2 .factoryDiv .factoryList > div .factoryTxt {
    float: left;
    width: 50%;
    padding-right: 65px;
    box-sizing: border-box;
    margin-top: 40px;
}

.layerPop2 .factoryDiv .factoryList > div .factoryTxt .tit {
    font-size: 20px;
    line-height: 32px;
    font-weight: 700;
    color: #000
}

.layerPop2 .factoryDiv .factoryList > div .factoryTxt .tit span {
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 15px;
    line-height: 32px;
    letter-spacing: 0;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: #8bbf45;
    /*font-family: 'Proxima-Bold';*/
    font-weight: normal;
}

.layerPop2 .factoryDiv .factoryList > div .factoryTxt .txt {
    font-size: 16px;
    line-height: 28px;
    margin-top: 20px;
}

.layerPop2 .factoryDiv .tabArea {
    text-align: center;
}

.layerPop2 .factoryDiv .tabArea a {
    display: inline-block;
    padding: 15px 60px;
    border: 1px solid #e0e0e0;
    border-left: 0;
    text-align: center;
}

.layerPop2 .factoryDiv .tabArea a:first-child {
    border-left: 1px solid #e0e0e0;
}

.layerPop2 .factoryDiv .tabArea a.on {
    color: #8bbf45;
    font-weight: 700;
    position: relative;
}

.layerPop2 .factoryDiv .tabArea a.on:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #8bbf45;
    position: absolute;
    bottom: -1px;
    left: 0
}

/* 탑버튼 */
.topBtn {

    display: none;
    position: fixed;
    bottom: 300px;
    right: 14px;
    width: 64px;
    height: 64px;
    z-index: 5;
}

.topBtn a {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 15px;
    text-align: center;
    background: #9bbc2d;
    box-shadow: 7px 7px 30px 0 rgba(0, 0, 0, 0.3);
    border-radius: 32px;
}

/* 미디어쿼리 시작 */
@media screen and (max-width: 1480px) {
    /* 작은 웹, 태블릿가로 */
    .subWrap {
        padding-bottom: 120px;
    }

    .inner {
        width: auto;
        padding: 0 5%;
    }

    /* header */
    #header {
        height: 75px;
    }

    #header h1 {
        margin: 25px 20px 0 20px;
    }

    /* 서브페이지 */
    #header h1 a {
        width: 170px;
        height: 68px;
        background-size: 100% auto;
    }

    #header .moin a {
        width: 48px;
        height: 27px;
        background-size: 100% auto;
    }

    #header #gnb {
        width: 65%;
    }

    #header #gnb > li {
        width: 14%;
    }

    #header #gnb li .oneD {
        font-size: 14px;
        padding: 29px 0 30px;
    }

    #header #gnb li .twoD {
        top: 75px;
        width: 100%;
        height: 290px;
        padding-top: 20px;
    }

    #header #gnb li .twoD li a {
        font-size: 13px;
        line-height: 1.3;
    }

    #header .gnbBg {
        top: 75px;
        height: 309px;
    }

    #header .rightDiv .lang {
        font-size: 14px;
    }

    #header .rightDiv .lang > a {
        width: 70px;
        margin: 21px 0;
    }

    #header .rightDiv .lang div {
        top: 74px;
    }

    #header .rightDiv .srchBtn {
        width: 70px;
        margin-top: 21px;
        background-size: 17px auto;
    }

    #header .rightDiv .allMenu .allMenuBtn {
        width: 75px;
        height: 75px;
        background-size: 27px;
    }

    /* 헤더 검색영역 */
    .srchArea {
        top: 75px;
        padding: 60px 0 25px;
    }

    .srchArea .inputArea {
        width: 600px;
    }

    /* 전체메뉴 */
    .allMenu .openDiv {
        height: calc(100% - 75px);
        height: -webkit-calc(100% - 75px);
        top: 75px;
    }

    .allMenu .openDiv .oneD_area {
        margin: 60px 0;
    }

    .allMenu .openDiv .oneD_area:last-child {
        margin-bottom: 40px;
    }

    .allMenu .openDiv .oneD_area .oneD {
        font-size: 22px;
    }

    .allMenu .openDiv .oneD_area > .twoD_area {
        padding: 30px 0;
        margin-top: 30px;
    }

    .allMenu .openDiv .oneD_area > .twoD_area .twoD {
        width: 16.5%;
    }

    .allMenu .openDiv .oneD_area > .twoD_area .twoD > a {
        font-size: 16px;
    }

    .allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a {
        font-size: 14px;
        margin: 15px 0;
    }

    .allMenu .openDiv .oneD_area > .twoD_area .twoD_inner {
        padding-top: 15px;
    }

    /* main header */
    #header.main h1 a {
        background-size: 100% auto;
    }

    #header.main .moin a {
        background-size: 100% auto;
    }

    /* main header - SCROLLED, HOVER */
    #header.main.scrolled h1 a, #header.main.hover h1 a {
        background-size: 100% auto;
    }

    #header.main.scrolled .moin a, #header.main.hover .moin a {
        background-size: 100% auto;
    }

    /* footer */
    #footer .top {
        padding: 25px 0;
    }

    #footer .top .left {
        padding-right: 380px
    }

    #footer .top .left .links a {
        font-size: 14px;
        margin-top: 5px;
    }

    #footer .top .left .links a:after {
        width: 2px;
        height: 2px;
        margin: 0 5px 0 10px;
    }

    #footer .top .left > p {
        font-size: 14px;
        margin-top: 20px;
    }

    #footer .top .familySite {
        right: 5%;
    }

    #footer .top .familySite select {
        font-size: 14px;
    }

    #footer .top .familySite select:first-child {
        width: 210px;
    }

    #footer .top .familySite select:last-child {
        width: 160px;
    }

    #footer .bottom {
        padding: 15px 0;
    }

    #footer .bottom .inner > p:nth-of-type(1) img {
        width: 143px
    }

    #footer .bottom .copyright {
        padding: 4px 0;
        margin-left: 15px;
    }

    #footer .bottom .sns {
        margin-top: 0;
    }

    #footer .bottom .award {
        margin-top: -4px
    }

    #footer .bottom .award img {
        height: 35px;
    }

    /* 서브페이지 lnb */
    .lnb:after {
        height: 50px;
    }

    .lnb .homeBt {
        width: 50px;
        height: 50px;
    }

    .lnb .inner .container {
        width: calc(100% - 50px);
    }

    .lnb .inner .container > div {
        width: 33.3%;
    }

    .lnb .inner .container > div:first-child {
        width: 33.4%;
    }

    .lnb .inner .container > div > a {
        padding: 17px 30px;
    }

    .lnb .hoverTwoD {
        width: 100%;
    }

    .lnb .hoverThrD {
        width: calc(100% - 2px);
    }

    .lnb .moreMenu > .hoverThrD {
        width: 100%;
    }

    /* listType */
    .listType1 ul li a .date {
        width: 120px;
    }

    .listType1 ul li a .txtArea {
        width: 450px;
        padding: 0;
        padding-left: 25px;
    }

    .listType1 ul li a .img {
        width: 320px;
        height: 204px;
    }

    .listType3 {
        position: relative;
    }

    /* pr자료실 - 광고리스트 */
    .listType3 .listDiv a {
        width: 23%;
        margin-right: 2.5%;
    }

    .listType3 .listDiv.type2 {
        border: none;
    }

    /* pr자료실 - 브로셔 리스트 */
    .listType3 .listDiv.type2 > div {
        width: 23%;
        margin: 30px 2.5% 0 0
    }

    .listType3 .listDiv.type2 > div .txtArea {
        padding: 20px;
    }

    .listType3 .listDiv.type2 > div .txtArea .downLink {
        padding: 10px 5px;
        font-size: 14px;
    }

    .listType3 .listDiv.type2 > div .txtArea .downLink span {
        padding-right: 20px;
    }

    .listType4 a {
        width: 23%;
        margin-right: 2.5%;
        margin-top: 50px;
    }

    /* 직무인터뷰 리스트 */
    .listType4 a .label {
        top: 20px;
        left: 20px;
        padding: 7px 5px 5px;
        font-size: 13px;
    }

    .listType4 a .imgCon .txt {
        width: calc(100% - 40px);
        bottom: -1px;
    }

    .listType4 a .imgCon .txt span {
        font-size: 15px;
        line-height: 25px;
    }

    .listType5 a {
        width: 49%;
    }

    /* 개발실적 리스트 */
    .listType5 a .imgCon {
        width: 200px;
        position: relative;
    }

    .listType5 a .imgCon img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .listType5 a .txtArea {
        width: calc(100% - 200px);
        height: 256px;
        padding: 40px;
        box-sizing: border-box;
    }

    .listType5 a .txtArea > .tit {
        font-size: 22px;
        line-height: 30px;
        font-weight: 700;
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 60px;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .listType5 a .txtArea ul {
        margin-top: 25px;
    }

    .listType5 a .txtArea ul li {
        margin-top: 10px;
    }

    .listType5 a .txtArea ul li:first-child {
        margin-top: 0
    }

    .listType5 a .txtArea ul li:after {
        content: "";
        display: block;
        clear: both;
    }

    .listType5 a .txtArea ul li p {
        float: left;
        width: calc(100% - 80px);
    }

    .listType5 a .txtArea ul li p.tit {
        color: #000;
        font-weight: 700;
        width: 80px;
        text-align: justify;
    }

    /* viewType */
    .viewType1 {
        max-width: 90%;
    }

    .viewType1 .titArea.type2 .date {
        width: 175px;
    }

    .viewType2 {
        max-width: 90%;
    }

    .topBtn {
        /*right: 5%;*/
    }

    .layerPop2 {
        width: 1000px;
    }

    .layerPop2.guidePop .guide1 .productList > div {
        width: 19%;
        margin-left: 1%;
    }

    .layerPop2.guidePop .guide1 .compList li {
        background-size: 120px 136px;
    }

    .layerPop2.guidePop .guide1 .compList li p span br {
        display: none;
    }

    /* 2018-11-15 */
    .layerPop2.guidePop .guide1 .grayBox .img {
        display: inline-block;
        margin-right: 140px;
    }

    .layerPop2.guidePop .guide1 .grayBox .img:last-child {
        margin-right: 0;
    }

    .layerPop2.guidePop .guide1 .grayBox img {
        max-width: 100%;
    }

    .layerPop2.guidePop .guide1 .grayBox img.mobile {
        display: none;
    }

    .layerPop2.guidePop .guide1 .whiteBox {
        border: 1px solid #e0e0e0;
        background: #fff;
        padding: 40px 0;
        margin-top: 20px;
        text-align: center;
    }

    .layerPop2.guidePop .guide1 .whiteBox img {
        max-width: 100%;
    }

    .layerPop2.guidePop .guide1 .whiteBox img.mobile {
        display: none;
    }

    .layerPop2.guidePop .productDiv .imgList li {
        width: 24%;
        margin-right: 1%;
    }

    .layerPop2.guidePop .productDiv .whiteBox {
        padding: 40px 50px;
    }

    .layerPop2.guidePop .productDiv .whiteBox .imgCon {
        width: 463px;
    }

    .layerPop2.guidePop .productDiv .whiteBox .imgCon li {
        width: 48%;
    }

    .layerPop2.guidePop .productDiv .whiteBox .imgCon li:first-child {
        margin-right: 2%;
    }

    .layerPop2.guidePop .productDiv .whiteBox .imgCon li img {
        max-width: 100%;
    }

    .layerPop2.guidePop .productDiv .whiteBox .dotList {
        margin-top: 15px
    }

}

@media screen and (max-width: 1023px) {
    /* 태블릿 세로 */
    /* header*/
    #header #gnb {
        display: none !important;
    }

    #header .rightDiv .lang {
        display: none !important;
    }

    #header .rightDiv .srchBtn {
        display: none !important;
    }

    #header .moin {
        display: none;
    }

    /* 전체메뉴 */
    .allMenu .openDiv {
        border-top: 0;
        padding-top: 40px;
        padding-bottom: 100px;
        box-sizing: border-box;
        overflow-x: hidden;
    }

    .allMenu .openDiv .oneD_area {
        margin: 0;
    }

    .allMenu .openDiv .oneD_area:nth-last-of-type(1) {
        margin-bottom: 0;
        border-bottom: 1px solid #e0e0e0;
    }

    .allMenu .openDiv .oneD_area .oneD {
        display: block;
        padding: 35px 3%;
        font-size: 30px;
        border-top: 1px solid #e0e0e0;
        background: url("../images/all_oned.html") no-repeat right 3% center;
    }

    .allMenu .openDiv .oneD_area:hover .oneD {
        color: #000;
    }

    .allMenu .openDiv .oneD_area .oneD.on {
        color: #000;
        background-image: url("../images/all_oned_on.html");
    }

    /* 활성화 */
    .allMenu .openDiv .oneD_area .oneD.curent {
        color: #9bbc2d;
        background-image: url("../images/all_oned_curent.html");
    }

    /* 활성화_현재 페이지*/
    .allMenu .openDiv .oneD_area .oneD.curent.on {
        color: #9bbc2d;
        background-image: url("../images/all_oned_curent_on.html");
    }

    /* 활성화_현재 페이지*/
    .allMenu .openDiv .oneD_area > .twoD_area {
        display: none;
        padding: 0;
        margin-top: 0;
        border: 0;
        border-top: 1px solid #e0e0e0
    }

    .allMenu .openDiv .oneD_area > .twoD_area .twoD {
        float: none;
        width: 100%;
    }

    .allMenu .openDiv .oneD_area > .twoD_area .twoD > a {
        display: block;
        padding: 30px 5%;
        font-size: 20px;
    }

    .allMenu .openDiv .oneD_area > .twoD_area .twoD > a.thrBt {
        background: url("../images/all_twod.html") no-repeat right 5% center;
    }

    .allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD {
        background: #f6f6f6;
        border: 1px solid #e0e0e0;
        border-top: 0;
        padding: 30px 0;
        display: none;
    }

    .allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a {
        display: block;
        margin: 0;
        font-size: 18px;
        line-height: 42px;
        padding: 0 5%
    }

    .allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a:last-child {
        margin-bottom: 0;
    }

    .allMenu .openDiv .oneD_area > .twoD_area .twoD_inner {
        padding-top: 0;
    }

    .allMenu .openDiv .oneD_area > .twoD_area .twoD > a.curent {
        color: #fff;
        background-color: #555;
    }

    .allMenu .openDiv .oneD_area > .twoD_area .twoD > a.thrBt.curent {
        background-image: url("../images/all_twod_curent.html");
    }

    .allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a.curent {
        color: #000;
        font-weight: 700;
    }

    .allMenu .openDiv .mlangBtn {
        display: block;
        padding: 0 3% 40px;
    }

    .allMenu .openDiv .mlangBtn a {
        display: inline-block;
        font-size: 20px;
        /*font-family: 'Proxima-Regular', sans-serif;*/
        font-weight: normal;
        margin-right: 20px;
    }

    .allMenu .openDiv .mlangBtn a.on {
        /*font-family: 'Proxima-Bold', sans-serif;*/
        font-weight: normal;
        color: #9bbc2d;
    }

    /* footer */
    #footer .top .left {
        padding-right: 200px;
    }

    #footer .top .left .links a:after {
        margin: 0 10px 0 15px;
    }

    #footer .top .left > p > span {
        display: block;
        margin-top: 5px;
        margin-left: 0;
    }

    #footer .top .familySite {
        top: -15px;
        width: 200px;
    }

    #footer .top .familySite select {
        float: none;
    }

    #footer .top .familySite select:first-child {
        width: 100%;
    }

    #footer .top .familySite select:last-child {
        width: 100%;
        margin-top: 5px;
    }

    #footer .bottom .inner {
        position: relative;
    }

    #footer .bottom .inner:after {
        content: "";
        display: block;
        clear: both;
    }

    #footer .bottom p {
        float: none;
    }

    #footer .bottom .copyright {
        float: none;
        margin-left: 0;
        padding: 10px 0;
    }

    #footer .bottom .sns {
        float: none;
        position: absolute;
        top: 0;
        right: 5%;
        margin-top: 0;
    }

    #footer .bottom .award {
        float: none;
        position: absolute;
        top: -4px;
        right: calc(5% + 140px);
        margin: 0;
    }

    /* 서브비주얼 영역 */
    .subV {
        height: 380px;
    }

    .subV .titArea {
        top: 45%;
        transform: translateY(-50%);
    }

    .subV .titArea h2 {
        font-size: 56px;
    }

    .subV .printBtn {
        display: none;
    }

    .subV .bg.v4_5 div {
        background-image: url("../images/subv4_5_t.html");
    }

    /* 인재_직무인터뷰 */
    /* 서브페이지 lnb */
    .lnb {
        top: calc(100% - 60px);
    }

    .lnb:after {
        display: none;
    }

    .lnb .homeBt {
        display: none;
    }

    .lnb .inner {
        padding: 0;
    }

    .lnb .inner .container {
        width: 100%;
    }

    .lnb .inner .container > div {
        float: none;
        display: none;
        width: 100%;
    }

    .lnb .inner .container > div:last-child {
        display: block;
    }

    .lnb .inner .container > div:last-child > a {
        padding: 22px 30px;
        border-right: 0;
        color: #fff;
        background-color: #043f66;
    }

    .lnb .hoverMenu {
        display: none !important;
    }

    /* 검색영역 */
    .srchType1 {
        margin: 40px 0 30px;
        text-align: right;
    }

    .srchType1 select {
        position: relative;
        top: 0;
        right: auto;
        width: 100%;
        height: 54px;
        border-bottom: 0;
    }

    .srchType1 .inputDiv {
        width: 100%;
        float: none;
    }

    .srchType1 .inputDiv input {
        width: calc(100% - 54px);
        height: 54px;
        box-sizing: border-box;
        border: 1px solid #e0e0e0;
        border-right: 0;
    }

    .srchType1.yearS {
    }

    .srchType1.yearS select {
        position: absolute;
        border-bottom: 1px solid #e0e0e0;
    }

    .srchType1.yearS .inputDiv {
        float: right;
    }

    /* listType */
    .listType1 {
        margin-top: 100px;
    }

    .listType1 ul li a {
        padding: 30px 0;
    }

    .listType1 ul li a .date {
        float: none;
        width: 100%;
    }

    .listType1 ul li a .date span {
        display: none;
    }

    .listType1 ul li a .txtArea {
        float: none;
        width: 100%;
        padding: 0;
        margin: 20px 0;
    }

    .listType1 ul li a .txtArea .tit {
        font-size: 20px;
        color: #000;
        line-height: 30px;
        font-weight: 700;
        display: -webkit-box;
        height: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .listType1 ul li a .txtArea .txt {
        display: none;
    }

    .listType1 ul li a .txtArea:after {
        display: none;
    }

    .listType1 ul li a .img {
        float: none;
        width: 100%;
        height: auto;
        text-align: center;
    }

    .listType2 {
        margin-top: 100px;
    }

    .listType2 ul li a {
        display: block;
        padding: 20px 3%;
        box-sizing: border-box;
        position: relative;
    }

    .listType2 ul li a > p {
        display: block;
    }

    .listType2 ul li a > p.type {
        width: 160px;
        text-align: left;
        margin-bottom: 10px;
    }

    .listType2 ul li a > p.type span {
        text-align: center;
    }

    .listType2 ul li a > p.title {
        padding: 0;
    }

    .listType2 ul li a > p.date {
        position: absolute;
        top: 20px;
        right: 3%;
        width: auto;
        line-height: 36px;
        text-align: right;
    }

    .listType2 ul li a:hover .title span {
        text-decoration: underline;
        font-weight: 700;
    }

    .listType2 ul.type2 li {
        padding: 20px 3%;
        position: relative;
    }

    .listType2 ul.type2 li .num {
        display: block;
        width: auto;
        margin-bottom: 10px;
    }

    /* 공고 리스트 */
    .listType2 ul.type2 li .title {
        display: block;
        width: 75%;
    }

    .listType2 ul.type2 li .date {
        display: block;
        width: auto;
        text-align: left;
        position: absolute;
        top: 20px;
        right: 3%;
    }

    .listType2 ul.type2 li .down {
        display: block;
        width: auto;
        text-align: left;
        margin-top: 20px;
    }

    .listType2 ul.type2 li .down a {
        display: inline-block;
        width: auto;
        padding: 0;
        border: 2px solid #e0e0e0;
        border-radius: 3px;
        border-radius: 3px;
        padding: 10px 20px;
    }

    .listType2 ul.type2 li .down a span {
        display: block;
        font-weight: 700;
        padding-right: 25px;
        background: url("../images/alertarea_btnicon.html") no-repeat right center;
    }

    .listType2 ul.type2 li .down a:hover {
        background: #8bbf45;
        border-color: #8bbf45;
    }

    .listType2 ul.type2 li .down a:hover span {
        color: #fff;
        background-image: url("../images/down_icon.html");
    }

    .listType2 ul.type2 li .down.type2 {
        width: 100%;
        display: block;
        text-align: left;
    }

    .listType3 {
        margin-top: 100px;
    }

    /* pr자료실 - 광고리스트 */
    .listType3 .listDiv a {
        display: block;
        float: left;
        width: 48%;
        margin-right: 4%;
    }

    .listType3 .listDiv a:nth-child(even) {
        margin-right: 0;
    }

    .listType3 .listDiv.type2 > div {
        width: 48%;
        margin-right: 0;
        margin-top: 30px;
    }

    /* pr자료실 - 브로셔 리스트 */
    .listType3 .listDiv.type2 > div:nth-child(-n+4) {
        margin-top: 30px;
    }

    .listType3 .listDiv.type2 > div:nth-child(-n+2) {
        margin-top: 0;
    }

    .listType3 .listDiv.type2 > div:nth-child(4n) {
        margin-right: 0;
    }

    .listType3 .listDiv.type2 > div:nth-child(even) {
        float: right
    }

    .listType3 .listDiv.type2 > div .txtArea .downLink {
        padding: 10px 20px;
        font-size: 14px;
    }

    .listType3 .listDiv.type2 > div .txtArea .downLink span {
        padding-right: 25px;
    }

    .listType4 a {
        width: 48%;
        margin-right: 4%;
    }

    /* 직무인터뷰 리스트 */
    .listType4 a:nth-of-type(4n) {
        margin-right: 2%;
    }

    .listType4 a:nth-of-type(2n) {
        margin-right: 0;
    }

    .listType4 a:nth-of-type(-n+4) {
        margin-top: 50px;
    }

    .listType4 a:nth-of-type(-n+2) {
        margin-top: 0;
    }

    .listType4 a .label {
        top: 20px;
        left: 30px;
        padding: 10px;
        font-size: 16px;
    }

    .listType4 a .imgCon .txt {
        bottom: -1px;
        width: calc(100% - 60px);
    }

    .listType5 a {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    /* 개발실적 리스트 */
    .listType5 a:after {
        content: "";
        display: block;
        clear: both;
    }

    .listType5 a:nth-of-type(even) {
        float: none;
    }

    .listType5 a:nth-child(-n+2) {
        margin-top: 20px;
    }

    .listType5 a:first-child {
        margin-top: 0
    }

    .listType5 a .imgCon {
        width: 300px;
        height: 256px;
        overflow: hidden;
        float: left;
    }

    .listType5 a .txtArea {
        float: left;
        width: calc(100% - 300px);
        height: 256px;
        padding: 40px;
    }

    .listType5 a .txtArea > .tit {
        font-size: 22px;
        line-height: 30px;
        font-weight: 700;
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 60px;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .listType5 a .txtArea ul {
        margin-top: 25px;
    }

    .listType5 a .txtArea ul li {
        margin-top: 10px;
    }

    .listType5 a .txtArea ul li:first-child {
        margin-top: 0
    }

    .listType5 a .txtArea ul li:after {
        content: "";
        display: block;
        clear: both;
    }

    .listType5 a .txtArea ul li p {
        float: left;
    }

    .listType5 a .txtArea ul li p.tit {
        color: #000;
        font-weight: 700;
        width: 80px;
        text-align: justify;
    }

    /* viewType */
    .viewType1 {
        max-width: 100%;
    }

    .viewType1 .titArea {
        display: block;
        padding: 40px 5%;
        box-sizing: border-box;
    }

    .viewType1 .titArea .tit {
        display: block;
        padding: 0;
        line-height: 30px;
    }

    .viewType1 .txtArea .txt {
        width: 100%;
    }

    .viewType1 .titArea .date {
        display: block;
        padding: 0;
        margin-top: 20px;
        width: 100%;
        text-align: left;
    }

    .viewType1 .titArea.type2 .type {
        display: block;
        width: 100%;
        text-align: left;
        padding: 0;
        margin-bottom: 20px;
    }

    .viewType1 .titArea.type2 .type span {
        text-align: center;
    }

    .viewType1 .titArea.type2 .tit {
        padding: 0
    }

    .viewType2 {
        max-width: 100%;
    }

    /* 개발실적_상세 */
    .viewType2 .titArea {
        padding: 40px 5%;
        box-sizing: border-box;
    }

    .viewType2 .titArea .tit {
        padding: 0;
        line-height: 30px;
    }

    .viewType2 .txtArea {
        display: block;
        margin: 60px 0 80px;
        padding: 0 5%;
    }

    .viewType2 .txtArea .imgCon {
        display: block;
        width: 100%;
        text-align: center;
    }

    .viewType2 .txtArea .dotList {
        display: block;
        padding: 50px 0 0;
    }

    /* writeType */
    .writeType1 {
        padding: 0;
    }

    .writeType1 ul li {
        display: block;
        padding-bottom: 25px;
        border-top: 1px solid #e0e0e0;
    }

    /* 제품문의 */
    .writeType1 ul li:first-child {
        border-top: 0;
    }

    .writeType1 ul li .left {
        display: block;
        width: 100%;
        padding: 25px 20px;
        box-sizing: border-box;
    }

    .writeType1 ul li .left .tit {
        font-weight: 700;
    }

    .writeType1 ul li .right {
        display: block;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .writeType1 ul li .right.inputArea select {
        width: 100%;
        margin-left: 0;
        margin-top: 5px;
    }

    .writeType1 ul li .right.inputArea select:first-child {
        margin-top: 0;
    }

    .writeType1 ul li .right.inputArea input[type="text"] {
        height: 46px;
        width: 100%;
        box-sizing: border-box;
    }

    .writeType1 ul li .right.inputArea input[type="tel"] {
        height: 46px;
        width: 100%;
        box-sizing: border-box;
    }

    .writeType1 ul li .right.inputArea .fileDiv > input {
        float: left;
        height: 46px;
        width: calc(100% - 147px);
        margin-right: 5px;
    }

    .writeType1 ul li .right.inputArea .mark.blackT {
        margin-bottom: 0
    }

    .writeType1 ul li .right.inputArea .captchaDiv .captchaImg {
        width: 178px;
        height: 52px;
        float: left;
        border: 1px solid #e0e0e0;
        margin-right: 5px;
        overflow: hidden
    }

    .writeType1 ul li .right.inputArea .captchaDiv .captchaImg img {
        width: 100%
    }

    .writeType1 ul li .right.inputArea .captchaDiv .againBt {
        height: 52px;
    }

    .writeType1 ul li .right.inputArea .captchaDiv .listenBt {
        height: 52px;
    }

    .writeType1 ul li .right.inputArea .captchaDiv input {
        width: calc(100% - 274px);
    }

    /* 신규파트너사 정보등록 문의 팝업 */
    .writeType1.type2 ul li .left {
        width: auto;
    }

    .writeType1.type2 ul li .right {
        padding: 10px 20px;
    }

    .writeType1.type2 ul li .right.inputArea select {
        width: 100%;
        height: 46px;
    }

    .writeType1.type2 ul li .right.inputArea select + input {
        margin-top: 5px;
    }

    .writeType1.type2 ul li .right.inputArea .captchaDiv input {
        width: calc(100% - 274px);
    }

    /* 페이징 */
    .paging a.mobile {
        display: none;
    }

    /* 레이어 팝업 */
    .layerPop {
        width: 90%;
    }

    .layerPop .popBody {
        padding: 40px 30px 60px;
    }

    .layerPop.prodDown .tableType1 table {
        width: 150%;
    }

    .layerPop.mail .popBody {
        height: auto;
        padding: 40px 30px 60px;
    }

    .layerPop.mail .popBody .txt1 br {
        display: none;
    }

    .layerPop .popBody .searchDiv .selectArea {
        float: none;
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
    }

    .layerPop .popBody .searchDiv .selectArea select {
        float: left;
        width: calc(33.3% - 2px);
        margin-left: 3px;
    }

    .layerPop .popBody .searchDiv .inputArea {
        width: calc(100% - 57px);
        float: left;
    }

    .layerPop .popBody .searchDiv .resetBtn {
        float: left;
        margin-left: 3px;
    }

    .layerPop.prodDown .grayBox {
        padding: 25px 50px;
        margin-top: 20px;
    }

    /*제품 다운로드 팝업*/
    .layerPop.prodDown .grayBox .roundList li {
        width: 50%;
    }

    .layerPop.prodDown .popBody .popBtnArea {
        margin: 20px 0;
    }

    .layerPop.prodDown .grayBox .moreBtn {
        margin: 20px auto 0;
    }

    .layerPop.poolPop .popBody {
        height: auto;
        padding: 40px 30px 60px;
    }

    /* pool 팝업 */
    .layerPop.poolPop .employBox .tit {
        margin-top: 30px;
    }

    .layerPop.poolPop .employBox .grayBox {
        border: 1px solid #e0e0e0;
        background: #f4f4f4;
        padding: 50px 20px;
        margin-top: 20px;
    }

    .layerPop.poolPop .employList li {
        width: 120px;
        height: 136px;
        margin-right: 5px;
        background-size: 120px 136px;
    }

    .layerPop.poolPop .employList li p span {
        letter-spacing: -2px;
        font-size: 14px
    }

    .layerPop.poolPop .employList li p span strong {
        letter-spacing: 0
    }

    .layerPop.poolPop .employList li p span .greenBt {
        font-size: 12px;
        line-height: 1.3;
        margin-top: 10px;
        border-radius: 3px;
    }

    .layerPop.poolPop .employList li p span .greenT {
        display: block;
        color: #9bbc2d;
        line-height: 20px;
        margin-top: 10px;
    }

    /* 레이어 팝업 */
    .layerPop2 {
        width: 90%;
    }

    .layerPop2 .tabArea {
        padding: 0 30px;
    }

    .layerPop2 .tabArea .tabBtn2 {
        margin-top: 30px;
        overflow-x: auto;
    }

    .layerPop2 .tabArea .tabBtn2 .scrollDiv {
        display: block;
        float: left;
        white-space: nowrap;
        position: relative;
        text-align: center;
    }

    .layerPop2 .tabArea .tabBtn2 a {
        display: inline-block;
        padding: 20px 30px;
        text-align: center;
        font-size: 15px;
    }

    .layerPop2.guidePop .guide1 {
        padding: 0 30px 30px;
    }

    /* 가공기술 */
    .layerPop2.guidePop .guide1 .h3TxtArea .txt br {
        display: none;
    }

    .layerPop2.guidePop .guide1 .productList > div {
        width: 32%;
        margin-left: 2%;
        margin-top: 15px;
    }

    .layerPop2.guidePop .guide1 .productList > div:nth-of-type(-n+3) {
        margin-top: 0;
    }

    .layerPop2.guidePop .guide1 .productList > div:nth-of-type(3n-2) {
        margin-left: 0
    }

    .layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.imgType {
        padding: 20px 30px;
    }

    .layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType {
        padding: 20px 40px;
    }

    .layerPop2.guidePop .guide1 .compList {
        margin: 50px auto;
    }

    .layerPop2.guidePop .guide1 .compList li {
        width: 140px;
        height: 159px;
        background-size: 140px 159px
    }

    .layerPop2.guidePop .guide1 .grayBox .img {
        display: block;
        margin-right: 0;
    }

    .layerPop2.guidePop .guide1 .grayBox .img:last-child {
        margin-top: 35px;
    }

    .layerPop2.guidePop .guideDiv2 .h3TxtArea {
        padding: 0 30px;
    }

    .layerPop2.guidePop .guideDiv2 .h3TxtArea br {
        display: none;
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn {
        width: calc(100% - 60px);
        overflow-x: auto;
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn .scrollDiv {
        width: 792px;
    }

    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea {
        text-align: left;
    }

    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div {
        width: 49%;
        display: inline-block;
        margin-top: 40px;
    }

    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div:nth-of-type(-n+2) {
        margin-top: 0
    }

    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul {
        display: inline-block;
        vertical-align: top;
        border-left: 1px solid #e0e0e0;
        padding-left: 20px;
    }

    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul li {
        text-align: left;
        margin-top: 20px;
    }

    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul li:first-child {
        margin-top: 0
    }

    .layerPop2.guidePop .productDiv {
        padding: 0 30px;
    }

    .layerPop2.guidePop .productDiv .imgList li {
        width: 32%;
        margin-right: 2%;
        margin-top: 20px;
    }

    .layerPop2.guidePop .productDiv .imgList li:nth-of-type(3n) {
        margin-right: 0
    }

    .layerPop2.guidePop .productDiv .imgList li:nth-of-type(-n+3) {
        margin-top: 0;
    }

    .layerPop2.guidePop .productDiv .whiteBox {
        padding: 30px;
    }

    .layerPop2.guidePop .productDiv .whiteBox .imgCon {
        width: 100%;
        margin-top: 15px;
    }

    .layerPop2.guidePop .productDiv .whiteBox .imgCon li {
        width: 48%;
    }

    .layerPop2.guidePop .productDiv .whiteBox .imgCon li:first-child {
        margin-right: 2%;
    }

    .layerPop2.guidePop .productDiv .whiteBox .imgCon li img {
        max-width: 100%;
        width: 100%;
    }

    .layerPop2.guidePop .productDiv .whiteBox .dotList {
        margin-top: 0
    }

    .layerPop2 .factoryDiv {
        padding: 0 30px;
    }

    .layerPop2 .factoryDiv .h3TxtArea br {
        display: none;
    }

    .layerPop2 .factoryDiv .factoryList > div .factoryTxt {
        float: none;
        width: 100%;
        padding-right: 0;
    }

}

@media screen and (max-width: 758px) {
    /* 모바일 */
    select {
        padding: 5px 6% 5px 2%;
        height: 40px;
        font-size: 14px;
        background-position: right 7px center;
        background-size: 8px auto;
    }

    .subWrap {
        padding-bottom: 88px;
    }

    .inner {
        width: auto;
        padding: 0 3%;
    }

    /* 간격 */
    .mt40 {
        margin-top: 20px !important
    }

    .mt60 {
        margin-top: 30px !important
    }

    .mt80 {
        margin-top: 40px !important
    }

    /* header */
    #header {
        height: 45px;
    }

    #header h1 {
        margin: 12px 10px 0 3%;
    }

    /* 서브페이지 */
    #header h1 a {
        width: 119px;
        height: 68px;
        background-size: 100% auto;
    }

    #header .rightDiv .allMenu .allMenuBtn {
        width: 45px;
        height: 45px;
        background-size: 15px 12px;
    }

    #header .rightDiv .allMenu .allMenuBtn.on {
        background-size: 14px;
    }

    /* 전체메뉴 */
    .allMenu .openDiv {
        height: calc(100% - 45px);
        height: -webkit-calc(100% - 45px);
        top: 45px;
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .allMenu .openDiv .oneD_area .oneD {
        padding: 20px 3%;
        font-size: 18px;
        background-size: 13px;
    }

    .allMenu .openDiv .oneD_area > .twoD_area .twoD > a {
        display: block;
        padding: 15px 5%;
        font-size: 15px;
    }

    .allMenu .openDiv .oneD_area > .twoD_area .twoD > a.thrBt {
        background-size: 10px auto;
    }

    .allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD {
        padding: 15px 0;
    }

    .allMenu .openDiv .oneD_area > .twoD_area .twoD .thrD a {
        font-size: 13px;
        line-height: 30px;
        padding: 0 5%
    }

    .allMenu .openDiv .mlangBtn {
        padding: 0 3% 20px;
    }

    .allMenu .openDiv .mlangBtn a {
        font-size: 13px;
        margin-right: 15px;
    }

    /* footer */
    #footer .top {
        padding: 25px 0;
    }

    #footer .top .inner {
        padding-top: 85px;
    }

    #footer .top .left {
        padding-right: 0;
    }

    #footer .top .left .links {
        margin: 15px 0;
    }

    #footer .top .left .links a {
        line-height: 25px;
        font-size: 12px;
        margin-top: 0;
    }

    #footer .top .left .links a:after {
        margin: 0 4px 0 9px;
    }

    #footer .top .left > p {
        font-size: 12px;
        line-height: 1.5;
        margin-top: 0;
    }

    #footer .top .familySite {
        top: 0;
        left: 3%;
        width: 94%;
    }

    #footer .bottom {
        padding: 15px 0;
    }

    #footer .bottom .inner {
        position: relative;
    }

    #footer .bottom .inner:after {
        content: "";
        display: block;
        clear: both;
    }

    #footer .bottom p {
        float: none;
    }

    #footer .bottom .inner > p:nth-of-type(1) img {
        width: 100px;
    }

    #footer .bottom .copyright {
        padding: 15px 0;
        float: none;
        margin-left: 0;
        font-size: 10px;
    }

    #footer .bottom .sns {
        float: none;
        position: absolute;
        top: 0;
        right: 3%;
        margin-top: 0;
    }

    #footer .bottom .sns a:first-child img {
        width: 7px;
    }

    #footer .bottom .sns a:last-child img {
        width: 50px;
    }

    #footer .bottom .sns a:after {
        height: 14px;
        margin: 0 5px;
    }

    #footer .bottom .award {
        float: none;
        position: absolute;
        top: -4px;
        right: calc(3% + 90px);
        margin: 0;
    }

    #footer .bottom .award img {
        width: 18px;
        height: auto;
    }

    /* 서브비주얼 영역 */
    .subV {
        height: 190px;
    }

    .subV .titArea .h2Txt {
        font-size: 11px;
        margin-bottom: 10px;
    }

    .subV .titArea h2 {
        font-size: 28px;
    }

    /* 서브페이지 lnb */
    .lnb {
        top: calc(100% - 40px);
    }

    .lnb .inner .container > div:last-child > a {
        padding: 14px 3%;
        border-right: 0;
        font-size: 12px;
        background-position: right 3% center;
        background-size: 20px;
    }

    .lnb .moreMenu {
        padding: 10px 0 12px;
    }

    .lnb .moreMenu a {
        display: block;
        padding-left: 3%;
        font-size: 12px;
        line-height: 27px;
    }

    /* 타이틀 스타일 */
    #cBody h3 {
        font-size: 29px;
        margin-top: 50px;
    }

    /* 타이틀 스타일 */
    .h3TxtArea {
        margin-bottom: 40px;
    }

    .h3TxtArea.prodTab {
        margin-top: 35px;
    }

    .h3TxtArea.mt {
        margin-top: 50px;
    }

    .h3TxtArea .tit {
        font-size: 16px;
        margin-top: 35px;
    }

    .h3TxtArea .sTit {
        font-size: 29px;
    }

    .h3TxtArea .sTitSub {
        font-size: 13px;
        margin-top: 10px;
    }

    .h3TxtArea .txt {
        font-size: 13px;
        line-height: 20px;
        margin-top: 25px;
        line-height: 1.6;
    }

    .productTit {
        font-size: 16px;
        padding-left: 25px;
        margin: 40px 0 20px;
    }

    .productTit:before {
        width: 15px;
        height: 16px;
        background-size: 13px;
    }

    .productTit2 {
        font-size: 15px;
        margin: 30px 0 15px;
    }

    .productTxt.ncc {
        font-size: 13px;
        line-height: 1.5;
    }

    /* 검색영역 */
    .srchType1 {
        margin: 35px 0 15px;
    }

    .srchType1 select {
        width: 100%;
        height: 40px;
        font-size: 13px;
        padding: 5px 3%;
    }

    .srchType1 .inputDiv input {
        width: calc(100% - 40px);
        height: 40px;
    }

    .srchType1 .inputDiv .srchBtn {
        width: 40px;
        height: 40px;
        background-size: 19px;
    }

    .srchType1 .inputDiv .grayBtn {
        padding: 0;
        font-size: 14px;
        margin-left: 5px;
        width: 60px;
        height: 35px;
        line-height: 37px;
    }

    .srchType1.yearS {
    }

    .srchType1.yearS select {
        position: relative;
        top: 0;
        right: auto;
        width: calc(100% - 65px);
        height: 35px;
        font-size: 13px;
    }

    .srchType1.yearS .inputDiv {
        width: auto;
    }

    /* listType */
    .listType1 {
        margin-top: 50px;
    }

    .listType1 .listTab {
        top: -37px;
        left: 0;
    }

    .listType1 .listTab a {
        padding: 0 8px;
        font-size: 12px;
    }

    .listType1 ul {
        padding: 0
    }

    .listType1 ul li a {
        padding: 30px 0;
    }

    .listType1 ul li a .date {
        font-size: 13px;
        line-height: 16px;
    }

    .listType1 ul li a .txtArea {
        margin: 10px 0 15px;
    }

    .listType1 ul li a .txtArea .tit {
        font-size: 14px;
        line-height: 20px;
        height: 40px;
    }

    .listType2 {
        margin-top: 50px;
    }

    .listType2 .poolBtn {
        top: -45px;
        padding: 10px 15px;
        font-size: 13px;
    }

    .listType2 ul li a {
        padding: 10px 3%;
    }

    .listType2 ul li a > p.type {
        width: 160px;
        margin-bottom: 5px;
    }

    .listType2 ul li a > p.type span {
        width: 50px;
        height: 14px;
        padding: 4px 0 2px;
        font-size: 12px;
        line-height: 1.1;
        border-radius: 10px;
    }

    .listType2 ul li a > p.title span {
        font-size: 14px;
    }

    .listType2 ul li a > p.date {
        top: 10px;
        font-size: 12px;
        line-height: 17px;
    }

    .listType2 ul.type2 li {
        padding: 20px 3%;
    }

    .listType2 ul.type2 li .num {
        font-size: 12px;
    }

    /* 공고 리스트 */
    .listType2 ul.type2 li .title {
        font-size: 14px;
    }

    .listType2 ul.type2 li .date {
        font-size: 12px;
    }

    .listType2 ul.type2 li .down {
        margin-top: 10px;
    }

    .listType2 ul.type2 li .down a {
        border: 1px solid #e0e0e0;
        padding: 5px 10px;
    }

    .listType2 ul.type2 li .down a span {
        padding-right: 15px;
        background-size: 8px;
        font-size: 12px;
    }

    .listType2 ul.type2 li .down a:hover {
        background: #8bbf45;
        border-color: #8bbf45;
    }

    .listType2 ul.type2 li .down a:hover span {
        color: #fff;
        background-image: url("../images/down_icon.html");
    }

    .listType2 ul.type2 li .down.type2 {
        width: 100%;
        display: block;
        text-align: left;
    }

    .listType3 {
        margin-top: 50px;
    }

    /* pr자료실 - 광고리스트 */
    .listType3 .listTab {
        top: -35px;
        left: 0;
    }

    .listType3 .listTab a {
        padding: 0 10px;
        font-size: 13px;
    }

    .listType3 .listDiv {
        margin-top: 60px;
    }

    .listType3 .listDiv a .txtArea .tit {
        font-size: 16px;
        line-height: 1.3;
    }

    .listType3 .listDiv a .txtArea .date {
        margin: 15px 0;
        font-size: 13px;
    }

    .listType3 .listDiv a .txtArea .txt {
        font-size: 13px;
        line-height: 1.3;
        height: 48px;
    }

    .listType3 .listDiv.type2 {
        margin-top: 30px;
    }

    .listType3 .listDiv.type2 > div {
        margin-top: 15px;
    }

    /* pr자료실 - 브로셔 리스트 */
    .listType3 .listDiv.type2 > div:nth-child(-n+2) {
        margin-top: 0;
    }

    .listType3 .listDiv.type2 > div .imgCon {
        padding: 20px 20px 0;
        overflow: hidden;
    }

    .listType3 .listDiv.type2 > div .txtArea {
        padding: 15px;
    }

    .listType3 .listDiv.type2 > div .txtArea .tit {
        font-size: 14px;
        line-height: 1.3;
    }

    .listType3 .listDiv.type2 > div .txtArea .downLink {
        margin-top: 15px;
        padding: 5px 10px;
        border: 1px solid #e0e0e0;
    }

    .listType3 .listDiv.type2 > div .txtArea .downLink span {
        padding-right: 15px;
        background-size: 8px;
        font-size: 12px;
    }

    .listType4 a {
        margin-top: 25px;
    }

    /* 직무인터뷰 리스트 */
    .listType4 a:nth-of-type(-n+4) {
        margin-top: 25px;
    }

    .listType4 a:nth-of-type(-n+2) {
        margin-top: 0;
    }

    .listType4 a .label {
        top: 10px;
        left: 15px;
        padding: 5px 5px 3px;
        font-size: 12px;
    }

    .listType4 a .imgCon .txt {
        width: calc(100% - 30px);
        padding: 10px 0;
    }

    .listType4 a .imgCon .txt span {
        font-size: 13px;
        line-height: 1.5;
        padding: 0 10px;
    }

    .listType4 a .imgCon .txt span:before {
        width: 8px;
        height: 4px;
        background-size: 100%;
    }

    .listType4 a .imgCon .txt span:after {
        bottom: 4px;
        width: 8px;
        height: 4px;
        background-size: 100%;
    }

    .listType4 a .txtCon {
        padding-top: 20px;
        font-size: 13px;
    }

    .listType5 a {
        float: none;
        width: 100%;
        margin-top: 10px;
    }

    /* 개발실적 리스트 */
    .listType5 a:nth-of-type(even) {
        float: none;
    }

    .listType5 a:nth-child(-n+2) {
        margin-top: 10px;
    }

    .listType5 a:first-child {
        margin-top: 0
    }

    .listType5 a .imgCon {
        width: 45%;
        height: 200px;
        overflow: hidden;
        float: left;
    }

    .listType5 a .imgCon img {
        max-height: 100%;
    }

    .listType5 a .txtArea {
        float: left;
        width: calc(100% - 45%);
        height: 200px;
        padding: 20px;
    }

    .listType5 a .txtArea > .tit {
        font-size: 16px;
        line-height: 1.3;
        height: 42px;
    }

    .listType5 a .txtArea ul {
        margin-top: 10px;
    }

    .listType5 a .txtArea ul li {
        margin-top: 8px;
    }

    .listType5 a .txtArea ul li p {
        font-size: 13px;
        line-height: 1.3;
        width: calc(100% - 70px);
    }

    .listType5 a .txtArea ul li p.tit {
        width: 70px;
    }

    .listType5 a .txtArea ul li.t2 p {
        float: none;
        width: 100%;
    }

    .listType5 a .txtArea ul li.t2 p.tit {
        width: 100%;
    }

    .noData {
        padding: 60px 0 85px;
    }

    /* 검색결과 없을 때 */
    .noData .txt {
        font-size: 13px;
        padding-top: 73px;
        background-size: 57px;
    }

    .noData.faq {
        margin-top: 30px;
    }

    /* viewType */
    .viewType1 {
        margin: 40px auto 0;
    }

    .viewType1 .titArea {
        padding: 25px 3%;
    }

    .viewType1 .titArea .tit {
        font-size: 15px;
        line-height: 20px;
        color: #000;
        font-weight: 700;
    }

    .viewType1 .titArea .date {
        font-size: 12px;
        margin-top: 15px;
    }

    .viewType1 .titArea.type2 .type {
        margin-bottom: 15px;
    }

    .viewType1 .titArea.type2 .type span {
        width: 50px;
        height: 14px;
        padding-top: 4px;
        line-height: 1;
        border-radius: 10px;
        font-size: 12px;
    }

    .viewType1 .txtArea {
        padding: 30px 3% 50px;
    }

    .viewType1 .txtArea .imgCon {
        margin-bottom: 30px;
    }

    .viewType1 .txtArea .txt {
        font-size: 12px;
        line-height: 20px;
    }

    .viewType1 .fileArea {
        padding: 0 3%;
    }

    .viewType1 .fileArea a {
        padding: 7px 10px;
        margin-right: 2px;
        font-size: 11px;
    }

    .viewType1 .fileArea a span {
        padding-left: 15px;
        background-size: 11px;
        background-position: 0 3px
    }

    .viewType1 .prevNext {
        border-top: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
        margin-top: 20px;
    }

    .viewType1 .prevNext > div {
        padding: 11px 15px;
    }

    .viewType1 .prevNext .prev span:first-child {
        padding-right: 10px;
        width: 45px;
        background-size: 8px auto;
        font-size: 13px;
    }

    .viewType1 .prevNext .prev span:last-child {
        width: calc(100% - 91px);
        padding-left: 25px;
        font-size: 13px;
    }

    .viewType1 .prevNext .next span:first-child {
        padding-right: 10px;
        width: 45px;
        background-size: 8px auto;
        font-size: 13px;
    }

    .viewType1 .prevNext .next span:last-child {
        width: calc(100% - 91px);
        padding-left: 25px;
        font-size: 13px;
    }

    .viewType2 {
        margin: 40px auto 0;
    }

    /* 개발실적_상세 */
    .viewType2 .titArea {
        padding: 25px 3%;
    }

    .viewType2 .titArea .tit {
        font-size: 15px;
        line-height: 20px;
    }

    .viewType2 .txtArea {
        margin: 30px 3% 50px;
        padding: 0
    }

    .viewType2 .txtArea .dotList {
        padding: 25px 0 0
    }

    .viewType2 .txtArea .dotList li {
        font-size: 13px;
        line-height: 1.5;
        margin-top: 10px;
    }

    .viewType2 .txtArea .dotList li:first-child {
        margin-top: 0
    }

    .viewType2 .txtArea .dotList li .clear .tit {
        float: left;
        width: 85px;
        padding-left: 8px;
        background-size: 2px;
    }

    .viewType2 .txtArea .dotList li .clear .tit:after {
        right: auto;
        left: 80px;
        font-size: 13px;
    }

    .viewType2 .txtArea .dotList li.t2 .clear p {
        float: none;
        width: 100%;
    }

    .viewType2 .prevNext {
        border-top: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
        margin-top: 20px;
    }

    .viewType2 .prevNext > div {
        padding: 11px 15px;
    }

    .viewType2 .prevNext .prev span:first-child {
        padding-right: 10px;
        width: 45px;
        background-size: 8px auto;
        font-size: 13px;
    }

    .viewType2 .prevNext .prev span:last-child {
        width: calc(100% - 91px);
        padding-left: 25px;
        font-size: 13px;
    }

    .viewType2 .prevNext .next span:first-child {
        padding-right: 10px;
        width: 45px;
        background-size: 8px auto;
        font-size: 13px;
    }

    .viewType2 .prevNext .next span:last-child {
        width: calc(100% - 91px);
        padding-left: 25px;
        font-size: 13px;
    }

    /* writeType */
    .writeType1 ul li {
        padding-bottom: 15px;
    }

    /* 제품문의 */
    .writeType1 ul li .left {
        padding: 15px 3%;
    }

    .writeType1 ul li .left .tit {
        font-size: 15px;
    }

    .writeType1 ul li .right {
        padding: 0 3%;
    }

    .writeType1 ul li .right .txt {
        font-size: 14px;
        line-height: 1.3
    }

    .writeType1 ul li .right.inputArea select {
        height: 35px;
        padding-right: 20px;
    }

    .writeType1 ul li .right.inputArea input[type="text"] {
        height: 35px;
        font-size: 14px;
    }

    .writeType1 ul li .right.inputArea input[type="tel"] {
        height: 35px;
        font-size: 14px;
    }

    .writeType1 ul li .right.inputArea .mark {
        font-size: 13px;
        line-height: 1.5;
        margin-top: 10px;
    }

    .writeType1 ul li .right.inputArea .fileDiv > input {
        height: 27px;
        width: calc(100% - 87px);
    }

    .writeType1 ul li .right.inputArea .fileChoice {
        width: 60px;
        height: 14px;
        padding: 10px 0 10px;
        font-size: 13px;
    }

    .writeType1 ul li .right.inputArea .fileChoice > input {
        height: 35px;
    }

    .writeType1 ul li .right.inputArea .fileArea {
        margin-top: 5px;
    }

    .writeType1 ul li .right.inputArea .fileArea a {
        font-size: 13px;
        padding: 5px 25px 5px 10px;
        background-size: 10px;
        background-position: right 10px center;
    }

    .writeType1 ul li .right.inputArea .captchaDiv {
        position: relative;
    }

    .writeType1 ul li .right.inputArea .captchaDiv .captchaImg {
        width: 135px;
        height: 35px;
        position: absolute;
        top: -30px;
        right: 50px;
    }

    .writeType1 ul li .right.inputArea .captchaDiv .againBt {
        height: 35px;
        background-size: 15px auto;
        margin: 0;
        position: absolute;
        top: -30px;
        right: 25px;
    }

    .writeType1 ul li .right.inputArea .captchaDiv .listenBt {
        height: 35px;
        background-size: 15px auto;
        margin: 0;
        position: absolute;
        top: -30px;
        right: 0;
    }

    .writeType1 ul li .right.inputArea .captchaDiv input {
        width: 100%;
        margin-top: 15px;
        font-size: 13px;
    }

    /* 신규파트너사 정보등록 문의 팝업 */
    .writeType1.type2 ul li .right {
        padding: 0 3%;
    }

    .writeType1.type2 ul li .right.inputArea select {
        height: 35px;
    }

    .writeType1.type2 ul li .right.inputArea .captchaDiv input {
        width: 100%;
    }

    .writeType1Notice {
        padding: 20px 3%;
    }

    .writeType1Notice .tit {
        font-size: 16px;
    }

    .writeType1Notice ul {
        margin-top: 10px;
    }

    .writeType1Notice ul li {
        font-size: 14px;
        line-height: 1.5;
    }

    .writeType1Notice .txt {
        padding-left: 8px;
        font-size: 13px;
        line-height: 1.5;
    }

    .writeType1Notice .txt p {
        padding-left: 0;
        display: inline;
    }

    .writeType1Notice .txt p:first-child {
        position: relative;
        left: 0;
    }

    .writeType1Notice .txt p br {
        display: none;
    }

    /* 페이징 */
    .paging {
        margin-top: 30px;
    }

    .paging a {
        font-size: 12px;
        margin: 0 9px;
    }

    .paging a:hover:after, .paging a.on:after {
        bottom: 0;
    }

    .paging .first {
        width: 28px;
        height: 28px;
        background-size: auto 9px;
    }

    .paging .prev {
        width: 28px;
        height: 28px;
        background-size: auto 9px;
        margin-right: 0;
    }

    .paging .next {
        width: 28px;
        height: 28px;
        background-size: auto 9px;
        margin-left: 0;
    }

    .paging .last {
        width: 28px;
        height: 28px;
        background-size: auto 9px;
    }

    /* 버튼 스타일 */
    .btnArea {
        margin-top: 25px;
    }

    .btnArea a {
        margin: 2px;
    }

    .btnArea a:first-child {
        margin: 2px;
    }

    .btnArea .blueBtn {
        margin-top: 40px;
    }

    .bBlueBtn {
        padding: 9px 36px 10px;
        font-size: 12px;
    }

    .blueBtn {
        padding: 11px 40px 12px;
        font-size: 12px;
    }

    .tabBtn {
        display: block;
        width: 100%;
    }

    /* tab 버튼*/
    .tabBtn.mt80 {
        margin-top: 40px !important;
    }

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

    .tabBtn a {
        display: block;
        float: left;
        width: 50%;
        padding: 12px 0 13px;
        box-sizing: border-box;
        border-left: 0;
        border-top: 0;
        font-size: 13px;
    }

    .tabBtn a:nth-of-type(2n-1) {
        border-left: 1px solid #e0e0e0;
    }

    .tabBtn a:nth-of-type(-n+2) {
        border-top: 1px solid #e0e0e0;
    }

    .tabBtn a.on {
        background: #8bbf45;
        color: #fff;
        font-weight: 700;
    }

    .tabBtn a.w100 {
        width: 100%;
    }

    .tabBtn.employ {
        display: none;
    }

    .tabBtn.employ.mobileTab {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .tabBtn.employ.mobileTab div {
        display: table-row;
    }

    .tabBtn.employ.mobileTab div a {
        float: none;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        border-top: 0;
    }

    .tabBtn.employ.mobileTab > div:first-child a:nth-of-type(-n+2) {
        border-top: 1px solid #e0e0e0;
    }

    .tabBtn.table {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    /* tab 버튼*/
    .tabBtn.table a {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        float: none;
    }

    .tabBtn.table a:first-child {
        border-left: 1px solid #e0e0e0;
    }

    .tabBtn.table a.on {
        background: #8bbf45;
        border-color: #8bbf45;
        color: #fff;
        font-weight: 700;
    }

    /* 체크, 라디오 스타일 */
    .chkType1 {
        margin: 10px 0 0;
    }

    .chkType1 label {
        padding-left: 22px;
        font-size: 14px;
        height: 16px;
        line-height: 16px;
        background: url("../images/checkbox.html") no-repeat 0 50%;
        background-size: 15px 15px;
    }

    .chkType1 input[type="checkbox"]:checked + label {
        background: url("../images/checkbox_on.html") no-repeat 0 50%;
        background-size: 15px 15px
    }

    .radioType1 label {
        padding-left: 20px;
        height: 15px;
        line-height: 15px;
        font-size: 13px;
        background: url("../images/radio_btn.html") no-repeat 0 50%;
        background-size: 15px 15px;
    }

    .radioType1 input[type="radio"]:checked + label {
        background: url("../images/radio_btn_on.html") no-repeat 0 50%;
        background-size: 15px 15px;
    }

    /* 레이어 팝업 */
    .layerPop {
        width: 100%;
        height: 100%;
    }

    .layerPop .popHead {
        padding: 15px 3%;
        font-size: 16px;
    }

    .layerPop .popBody {
        padding: 20px 3% 30px;
        height: calc(100% - 66px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .layerPop .popBody .searchDiv .selectArea {
        margin-bottom: 5px;
    }

    .layerPop .popBody .searchDiv .selectArea select {
        height: 40px;
        font-size: 14px;
    }

    .layerPop .popBody .searchDiv .inputArea {
        width: calc(100% - 43px);
    }

    .layerPop .popBody .searchDiv .inputArea input {
        width: calc(100% - 61px);
        height: 32px;
        font-size: 14px;
    }

    .layerPop .popBody .searchDiv .inputArea .srchBtn {
        width: 40px;
        height: 40px;
        background-size: 15px auto;
    }

    .layerPop .popBody .searchDiv .resetBtn {
        width: 40px;
        height: 40px;
        background-size: 15px auto;
    }

    .layerPop .popClose {
        top: 15px;
        right: 3%;
    }

    .layerPop .popClose img {
        width: 14px;
        height: 14px;
    }

    .layerPop.prodDown .grayBox {
        padding: 15px 3%;
        margin-top: 20px;
    }

    .layerPop.prodDown .grayBox .tit {
        font-size: 18px;
    }

    .layerPop.prodDown .grayBox .roundList {
        margin-top: 10px
    }

    .layerPop.prodDown .grayBox .roundList li {
        min-width: 195px;
        width: 100%;
        font-size: 13px;
    }

    .layerPop.prodDown .grayBox .roundList li .round {
        width: 25px;
        height: 25px;
        font-size: 13px;
        line-height: 25px;
        margin-right: 5px;
    }

    .layerPop.prodDown .grayBox .moreBtn {
        width: 24px;
        height: 13px;
        margin: 10px auto 0;
        background-size: 24px 13px;
    }

    .layerPop.prodDown .popBody .popBtnArea {
        margin: 10px 0 25px;
    }

    .layerPop.prodDown .popBody .popBtnArea .grayBtn {
        padding: 10px 30px;
        font-size: 14px;
    }

    .layerPop.prodDown .tableType1 table {
        width: 200%;
    }

    .layerPop.prodDown .tableType1 table th {
        padding: 15px 0;
        font-size: 14px;
    }

    .layerPop.prodDown .tableType1 table th:nth-child(1) {
        width: 100px;
    }

    .layerPop.prodDown .tableType1 table th:nth-child(2) {
        width: 160px;
    }

    .layerPop.prodDown .tableType1 table th:nth-child(3) {
        width: 160px;
    }

    .layerPop.prodDown .tableType1 table th:nth-child(4) {
        width: 130px;
    }

    .layerPop.prodDown .tableType1 table th:nth-child(5) {
        width: 160px;
    }

    .layerPop.prodDown .tableType1 table td {
        padding: 10px 5px;
        font-size: 13px;
        line-height: 1.5;
    }

    .layerPop.prodDown .tableType1 table td.roundTd img {
        width: 25px
    }

    .layerPop.prodDown .popBody > *:last-child {
        margin-bottom: 30px;
    }

    .layerPop.contPop .popBody > *:last-child {
        margin-bottom: 30px;
    }

    .layerPop.recruitPop .popBody > *:last-child {
        margin-bottom: 30px;
    }

    .layerPop.mail .popBody {
        padding: 20px 3%;
        height: calc(100% - 85px);
    }

    .layerPop.mail .popBody .icon > img {
        height: 70px;
    }

    .layerPop.mail .popBody .txt1 {
        font-size: 16px;
        line-height: 1.5;
        margin-top: 15px;
    }

    .layerPop.mail .popBody .txt2 {
        font-size: 13px;
        line-height: 1.5;
        margin-top: 10px;
    }

    .layerPop.mail .popBody .btnArea .blueBtn {
        margin-top: 30px;
    }

    .layerPop.browser {
        width: 100%;
    }

    .layerPop.browser .popBody {
        padding: 20px 3%;
        height: calc(100% - 85px);
    }

    .layerPop.browser .popBody .txt1 {
        font-size: 14px;
        line-height: 1.5;
    }

    .layerPop.browser .popBody .txt1 br {
        display: none;
    }

    .layerPop.browser .popBody .txt2 {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 5px;
    }

    .layerPop.browser .popBody .txt2 br {
        display: none;
    }

    .layerPop.browser .popBody .icons {
        display: block;
        text-align: center;
        margin-top: 20px;
    }

    .layerPop.browser .popBody .icons a {
        float: none;
        padding: 15px 0;
        width: 32%;
        margin: 0;
    }

    .layerPop.browser .popBody .icons a .icon img {
        height: 30px;
    }

    .layerPop.browser .popBody .icons a .name {
        font-size: 13px;
        margin-top: 10px;
    }

    .layerPop.browser .popFoot {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 94%;
        padding: 10px 3%;
    }

    .layerPop.poolPop .popBody {
        height: calc(100% - 96px);
        padding: 20px 3% 30px;
    }

    /* pool 팝업 */
    .layerPop.poolPop .txt {
        font-size: 13px;
        line-height: 1.5;
    }

    .layerPop.poolPop .employBox .tit {
        font-size: 15px;
        margin-top: 15px;
    }

    .layerPop.poolPop .employBox .grayBox {
        padding: 25px 10px;
        margin-top: 20px;
    }

    .layerPop.poolPop .employList li {
        width: 120px;
        height: 136px;
        margin-right: 5px;
        background-size: 120px 136px;
    }

    .layerPop.poolPop .employList li p span {
        letter-spacing: -2px;
        font-size: 14px
    }

    .layerPop.poolPop .employList li p span strong {
        letter-spacing: 0
    }

    .layerPop.poolPop .employList li p span .greenBt {
        font-size: 12px;
        line-height: 1.3;
        margin-top: 10px;
        border-radius: 3px;
    }

    .layerPop.poolPop .employList li p span .greenT {
        display: block;
        color: #9bbc2d;
        line-height: 20px;
        margin-top: 10px;
    }

    .layerPop .imgBtn {
        margin-top: 25px;
    }

    /* 2018-10-24 추가 */
    .layerPop .imgBtn .pc {
        display: none;
    }

    .layerPop .imgBtn .mobile {
        display: inline-block;
        height: 35px;
    }

    .layerPop .msdsBtn img {
        width: 50px;
    }

    .layerPop.prodDown2 {
    }

    /* 2018-12-27 ncc팝업 */
    .layerPop.prodDown2 .h3TxtArea {
        margin-bottom: 15px;
    }

    .layerPop.prodDown2 .tabBtn a {
        padding: 8px 0;
    }

    .layerPop.prodDown2 .tabCon {
        margin-top: 15px;
        margin-bottom: 30px;
    }

    .layerPop2 {
        width: 100%;
        height: 100%;
    }

    .layerPop2 .popHead {
        padding: 15px 3%;
        font-size: 16px;
    }

    .layerPop2 .popBody {
        padding: 20px 0 0;
        height: calc(100% - 66px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    /*.layerPop2 .popBody > *:last-child {margin-bottom:30px;}	*/
    .layerPop2 .popBody .guide1 {
        margin-bottom: 30px;
    }

    .layerPop2 .popBody .guideDiv2 {
        margin-bottom: 30px;
    }

    .layerPop2 .popBody .factoryDiv {
        margin-bottom: 30px;
    }

    .layerPop2 .popBody .btnArea {
        margin-bottom: 30px;
    }

    .layerPop2 .popClose {
        top: 15px;
        right: 3%;
    }

    .layerPop2 .popClose img {
        width: 14px;
        height: 14px;
    }

    /*.layerPop2 .imgBtn {margin-top:25px;}*/
    .layerPop2 .imgBtn .pc {
        display: none;
    }

    .layerPop2 .imgBtn .mobile {
        display: inline-block;
        height: 35px;
    }

    .layerPop2 .tabArea {
        padding: 0 3%;
    }

    .layerPop2 .tabArea .tabBtn2 {
        margin-top: 15px;
    }

    .layerPop2 .tabArea .tabBtn2 a {
        font-size: 13px;
        padding: 10px 20px;
    }

    .layerPop2.guidePop .productTit {
        margin: 30px 0 15px;
    }

    .layerPop2.guidePop .productTit2 {
        font-size: 14px;
        margin: 25px 0 15px;
    }

    .layerPop2.guidePop .productTxt {
        font-size: 13px;
        line-height: 1.5
    }

    .layerPop2.guidePop .h3TxtArea {
        margin: 30px 0;
    }

    .layerPop2.guidePop .guide1 {
        padding: 0 3% 15px;
    }

    .layerPop2.guidePop .guide1 .productList > div {
        float: left;
        width: 49%;
        margin-top: 10px;
    }

    .layerPop2.guidePop .guide1 .productList > div:nth-of-type(-n+3) {
        margin-top: 10px;
    }

    .layerPop2.guidePop .guide1 .productList > div:nth-of-type(-n+2) {
        margin-top: 0;
    }

    .layerPop2.guidePop .guide1 .productList > div:nth-of-type(3n-2) {
        margin-left: 2%
    }

    .layerPop2.guidePop .guide1 .productList > div:nth-of-type(2n-1) {
        margin-left: 0
    }

    .layerPop2.guidePop .guide1 .productArea .boxWrap {
        margin-top: 10px;
    }

    .layerPop2.guidePop .guide1 .productArea .boxWrap:nth-of-type(1) {
        margin-top: 0;
    }

    .layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea {
        float: none;
        width: 100%;
        min-height: auto;
        padding: 15px 0;
    }

    .layerPop2.guidePop .guide1 .productArea .boxWrap:nth-child(even) .boxArea {
        float: none;
    }

    .layerPop2.guidePop .guide1 .productArea .boxWrap:nth-child(even) .boxArea {
        float: left;
    }

    .layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType {
        padding: 20px 0;
    }

    .layerPop2.guidePop .guide1 .productArea .boxWrap:last-child .boxArea.txtType {
        padding-bottom: 0
    }

    .layerPop2.guidePop .guide1 .productArea .boxWrap:nth-child(even) .boxArea.txtType {
        text-align: left;
    }

    .layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType .tit {
        font-size: 16px;
        line-height: 1.3;
    }

    .layerPop2.guidePop .guide1 .productArea .boxWrap .boxArea.txtType .txt {
        font-size: 13px;
        line-height: 1.5;
    }

    .layerPop2.guidePop .guide1 .compList {
        width: 290px;
        margin: 10px auto;
    }

    .layerPop2.guidePop .guide1 .compList li {
        width: 70px;
        height: 80px;
        padding-right: 40px;
        background-size: 70px 80px;
    }

    .layerPop2.guidePop .guide1 .compList li:last-child {
        padding-right: 0;
    }

    .layerPop2.guidePop .guide1 .compList li:after {
        width: 40px;
        height: 80px;
        background-size: 15px auto;
    }

    .layerPop2.guidePop .guide1 .compList li:last-child:after {
        display: none
    }

    .layerPop2.guidePop .guide1 .compList li p span {
        padding: 0 6px;
        font-size: 12px;
        line-height: 1.3;
    }

    .layerPop2.guidePop .guide1 .grayBox {
        padding: 40px 0;
        margin-top: 15px;
    }

    .layerPop2.guidePop .guide1 .grayBox .dotList {
        margin-left: 25px;
    }

    .layerPop2.guidePop .guide1 .grayBox .dotList li {
        padding-left: 7px;
        background-size: 2px;
        background-position: 0 8px;
        font-size: 13px;
        line-height: 1.6;
    }

    .layerPop2.guidePop .guide1 .grayBox .img:last-child {
        margin-top: 30px
    }

    .layerPop2.guidePop .guide1 .grayBox img.pc {
        display: none;
    }

    .layerPop2.guidePop .guide1 .grayBox img.mobile {
        display: inline-block;
    }

    .layerPop2.guidePop .guide1 .whiteBox {
        padding: 30px 3%;
        margin-top: 10px;
        overflow-x: auto
    }

    .layerPop2.guidePop .guide1 .whiteBox img.pc {
        display: none;
    }

    .layerPop2.guidePop .guide1 .whiteBox img.mobile {
        display: inline-block; /*max-width:120%;*/
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn {
        margin: 0 auto;
        position: relative;
        top: 50px;
        width: 94%
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn .scrollDiv {
        width: 722px;
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a .txt {
        font-size: 13px;
        padding-top: 50px;
        text-align: center;
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t1 .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t2 .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t3 .txt {
        background-size: 49px auto;
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t4 .txt {
        background-size: 49px auto;
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t5 .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t6 .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t7 .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t8 .txt {
        background-size: 49px auto;
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a:hover:after {
        content: "";
        display: block;
        width: calc(100% + 2px);
        position: absolute;
        bottom: -1px;
        left: -1px;
        border-bottom: 2px solid #8bbf45
    }

    /* hover */
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a:hover .txt {
        color: #8bbf45;
        font-weight: 700;
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t1:hover .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t2:hover .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t3:hover .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t4:hover .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t5:hover .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t6:hover .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t7:hover .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t8:hover .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.on:after {
        content: "";
        display: block;
        width: calc(100% + 2px);
        position: absolute;
        bottom: -1px;
        left: -1px;
        border-bottom: 2px solid #8bbf45
    }

    /* on 활성화 */
    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.on .txt {
        color: #8bbf45;
        font-weight: 700;
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t1.on .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t2.on .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t3.on .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t4.on .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t5.on .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t6.on .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t7.on .txt {
        background-size: 49px auto;
    }

    .layerPop2.guidePop .guideDiv2 .topArea .iconBtn a.t8.on .txt {
        background-size: 49px auto
    }

    .layerPop2.guidePop .guideDiv2 .grayArea {
        background: #f9f9f9;
        padding: 100px 3% 30px;
    }

    .layerPop2.guidePop .guideDiv2 .grayArea .tit {
        font-size: 16px;
        color: #000;
        font-weight: 700;
        text-align: center;
    }

    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea {
        margin-top: 30px;
    }

    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div {
        width: 100%;
        display: block;
        margin-top: 25px;
    }

    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div:nth-of-type(-n+2) {
        margin-top: 25px
    }

    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div:first-child {
        margin-top: 0
    }

    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul {
        display: inline-block;
        vertical-align: top;
        border-left: 1px solid #e0e0e0;
        padding-left: 20px;
        font-size: 13px;
    }

    .layerPop2.guidePop .guideDiv2 .grayArea .linkArea > div ul li {
        margin-top: 10px;
    }

    .layerPop2.guidePop .productDiv {
        padding: 0 3%;
    }

    .layerPop2.guidePop .productDiv .tit {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .layerPop2.guidePop .productDiv .grayImgBox {
        padding: 30px 30px;
        margin-bottom: 25px;
    }

    .layerPop2.guidePop .productDiv .tableType1 .scrollDiv {
    }

    .layerPop2.guidePop .productDiv .tableType1 .scrollDiv table {
        width: 200%;
    }

    .layerPop2.guidePop .productDiv .tableType1 table thead th {
        font-size: 13px;
        padding: 10px 0;
    }

    .layerPop2.guidePop .productDiv .tableType1 table tbody td {
        padding: 10px 15px;
        font-size: 12px;
        line-height: 1.3;
    }

    .layerPop2.guidePop .productDiv .tableType1 table tfoot td {
        padding: 10px 15px;
        font-size: 12px;
        line-height: 1.3;
    }

    .layerPop2.guidePop .productDiv .imgList {
        margin-top: 15px;
    }

    .layerPop2.guidePop .productDiv .imgList li {
        float: left;
        width: 49%;
        margin-right: 2%;
        margin-top: 10px;
    }

    .layerPop2.guidePop .productDiv .imgList li:nth-of-type(-n+3) {
        margin-top: 10px;
    }

    .layerPop2.guidePop .productDiv .imgList li:nth-of-type(-n+2) {
        margin-top: 0;
    }

    .layerPop2.guidePop .productDiv .imgList li:nth-of-type(3n) {
        margin-right: 2%;
    }

    .layerPop2.guidePop .productDiv .imgList li:nth-of-type(2n) {
        margin-right: 0;
    }

    .layerPop2.guidePop .productDiv .whiteBox {
        padding: 25px 5%;
    }

    .layerPop2.guidePop .productDiv .whiteBox .dotList li {
        padding-left: 7px;
        background-size: 2px;
        background-position: 0 8px;
        font-size: 13px;
        line-height: 1.6;
    }

    .layerPop2 .factoryDiv {
        padding: 0 3%;
    }

    .layerPop2 .factoryDiv .factoryList > div .factoryTxt {
        margin-top: 30px;
    }

    .layerPop2 .factoryDiv .factoryList > div .factoryTxt .tit {
        font-size: 14px;
        line-height: 25px;
    }

    .layerPop2 .factoryDiv .factoryList > div .factoryTxt .tit span {
        width: 25px;
        height: 25px;
        font-size: 12px;
        line-height: 25px;
        margin-right: 5px;
    }

    .layerPop2 .factoryDiv .factoryList > div .factoryTxt .txt {
        font-size: 13px;
        line-height: 1.5;
        margin-top: 10px;
    }

    .layerPop2 .factoryDiv .tabArea a {
        padding: 10px;
        font-size: 13px;
    }

    /* 탑버튼 */
    .topBtn {
        right: 20px;
        width: 40px;
        height: 40px;
        bottom: 20px;
    }

    .topBtn a {
        padding-top: 9px;
    }

    .topBtn a img {
        height: 19px;
    }
}

@media screen and (max-width: 450px) {
    .listType3 .listDiv.type2 > div .txtArea .downBtn {
        margin-top: 15px;
    }

    .listType3 .listDiv.type2 > div .txtArea .downLink {
        margin-top: 5px
    }

    .listType3 .listDiv.type2 > div .txtArea .downLink:first-child {
        margin-top: 0
    }
}

.top {
    font-size: 14px;
}

@media (max-width: 1550px) {
    #header #gnb > li {
        width: 13% !important;
    }
}