@charset "utf-8";

html, body {height: 100%;}
body {overflow-x: hidden; background: #fff;}
body *,
body *:before,
body *:after {word-break: keep-all; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body.yscroll-disabled {overflow-y: hidden;}
select::-ms-expand {display: none;}

/* 공통 - 헤더 */
#header {position: fixed; top: 0; left: 0; right: 0; height: 90px; z-index: 100; background: #fff; border-bottom: 1px solid #e0e0e0; box-shadow: 0 0.15em 2em rgba(0,0,0,0.15)}
#header:after {content: ''; display: block; clear: both;}
#header > .inner {position: relative; margin: 0 auto; height: 100%;}
#header hgroup {position: absolute; margin-left: 20px;}
#header hgroup h1 img {width: auto; height: 38px; margin-top: 24px;}
#header .inner #gnb menu > li .lnb {display: none;}
#header .inner #gnb .secondary {display: none;}
#header .inner #gnb {display: none;}
#nav-menu {display: none;}
#gnb-secondary-bg {display: none; position:absolute; top: 90px; left: 0; right: 0; height: 270px; background: rgba(255, 255, 255, 0.9);}

/* 공통 - 햄버거 메뉴 */
#hambuger {position: absolute; top: 0; right: 20px; bottom: 0; width: 24px; z-index: 200; padding: 0;}
#hambuger span {position: relative; display: block; width: 24px; height: 2px; margin: 0 auto; background: #333; border-radius: 10px; text-indent: -9999px; transition: .3s;}
#hambuger span:before {content: ''; display: block; position: absolute; top: -8px; left: 0; width: 100%; height: 100%; background: #333; border-radius: 10px; transition: .3s;}
#hambuger span:after {content: ''; display: block; position: absolute; top: 8px; left: 0; width: 100%; height: 100%; background: #333; border-radius: 10px; transition: .3s;}
#hambuger.open span {width: 24px; height: 2px; background: transparent;}
#hambuger.open span:before {top: 0; transform: rotate(45deg); background: #e7380d;}
#hambuger.open span:after {top: 0; transform: rotate(-45deg); background: #e7380d;}

/* 공통 - 모바일 메뉴 */
#m-nav {position: fixed; top: 90px; bottom: 0; z-index: 100; overflow-x: hidden; overflow-y: auto; visibility: hidden; width: 100%; opacity: 0; background: rgba(0,0,0,0.5); transition: .3s; transition-delay: .2s;}
#m-nav.open {visibility: visible; opacity: 1; transition: .3s; transition-delay: 0s;}
#m-nav .inner {position: relative; top: -100%; background: #fff; transition: .3s;}
#m-nav.open .inner {top: 0; transition: .5s; transition-delay: .0.5s;}
#m-nav .inner > .menu > li {border-bottom: 1px solid #eee;}
#m-nav .inner > .menu > li > a {display: block; padding: 20px 15px; color: #333; font-weight: bold; font-size: 16px; transition: .2s;}
#m-nav .inner > .menu > li > a:hover, #m-nav .inner > .menu > li > a:focus {font-weight: bold;}
#m-nav .inner > .menu > li.active > a {color: #e7380d;}
#m-nav .sub {display: none; background: #eee; border-top: 1px solid #eee;}
#m-nav .sub li:first-child {border-top: 0 none;}
#m-nav .sub a {display: block; padding: 16px 20px; color: #333; font-size: 15px; background-position: 5px 50%; transition: .2s;}
#m-nav .sub li.active a {font-weight: bold;}

/* 공통 - TOP */
a.top_go {position: fixed; display: block; width: 45px; height: 45px; background-image: url(/assets/images/btn_top.png); background-size: contain; bottom: 20px; right: 20px; transition: bottom 0.6s; z-index: 100;}
a.top_go:hover {background-image: url(/assets/images/btn_top.png); z-index: 100;}

/* 공통 - 언어변경 */
#lang {width: 25px; height: 25px; background: url('/assets/images/icon_lang_off.png') no-repeat; background-size: 100% 100%; text-indent: -9999px;}
#lang:hover {background: url('/assets/images/icon_lang_on.png') no-repeat; background-size: 100% 100%;}
.lang-on {color: #e7380d !important; font-weight: bold;}
.lang-off {color: #333 !important; font-weight: 400;}

/* 공통 - 서브페이지 비쥬얼 */
.sub-visual {position: relative; overflow: hidden; height: auto; margin-bottom: 30px;}
.sub-visual .bg {position: absolute; top:0; right:0; bottom:0; left:0; background:url('/assets/images/banner/sub_top_banner_info.png') no-repeat 50% 0%; background-size: cover;}
.sub-visual .inner {position: relative; text-align: center; padding: 0 30px 30px;}
.sub-visual h1 {padding: 35px 0 25px; color:#fff; font-size: 28px;}
.sub-visual p.royalty {text-align: right; font-size: 12px; color:#777; }
.sub-visual p.inner-text-gray {font-size: 12px; color: #aaa; font-weight: bold; line-height: 20px; padding-bottom: 30px;}
.sub-visual p.inner-text-white {font-size: 14px; color: #fff; line-height: 25px;}
.sub-visual .overview-bg {background:url('/assets/images/bg_business_car.png') no-repeat 0% 0%; background-size: cover;}

/* 공통 - 서브 페이지 상단 비주얼&상단 메뉴 */
#visual {position: absolute; overflow: hidden; width: 100%; height: 180px; top: 90px;}
#visual .bg {position: absolute; top: 0; right: 0; bottom:0; left:0; background:url('/assets/images/banner/sub_top_banner_info.png') no-repeat 50% 0%; background-size: cover;}
#visual .inner {position: relative; margin: 0 auto; overflow: hidden;}
#visual h1 {padding: 75px 0 15px; color:#fff; font-size: 26px; text-align: center;}
#snb {position: absolute; overflow: hidden; width: 100%; top: 270px; border-bottom: 1px solid #d5d5d5;}
#snb nav {margin: 0 auto; max-width: 1244px; }
#snb nav > .menu {display: table; width: 100%; height: 50px; overflow: hidden;}
#snb nav > .menu li {display: table-cell; width: 16.666%; vertical-align: middle; border-bottom: 2px solid transparent;}
#snb nav > .menu li a {display: block; padding: 10px 4px 9px; text-align: center; font-size: 14px; word-break: keep-all; line-height: 18px;}
#snb nav > .menu li:first-child a {border: 0 none;}
#snb nav > .menu li:last-child {}
#snb nav > .menu li.on {border-bottom: 1px solid #e7380d; transition: all 0.4s;}
#snb nav > .menu li.on a {color: #e7380d;}

/* 공통 - 버튼 */
.small-btn {}
.middle-btn {padding: 0.7em 2.8em 0.7em; font-size: 14px;}
.big-btn {padding: 0.5em 1.6em 0.5em; font-size: 14px;}
.gray-btn {background: #616161 !important; color: #fff;}
.gray-btn:hover {}
.dark-blue-btn {background: #40596b !important; color: #fff;}

/* 공통 - 컨테이너 */
#container {min-height: 100%; padding: 320px 0 562px; background: #fff;}
#container:after {content: ''; display: block; clear: both;}
#container-for-main {min-height: 100%; padding: 90px 0 562px; background: #fff;}
#container-for-main:after {content: ''; display: block; clear: both;}
#container-no-pd {min-height: 100%; padding: 20px 20px; background: #efefef;}
#container-no-pd:after {content: ''; display: block; clear: both;}
#container > .content {position: relative; margin: 50px auto 50px; background: #fff;}
#container > .content aside {width: 100%; height: 60px; border-bottom: 1px solid #d7d7d7;}

/* 공통 - 내용 리스트 */
.common-content-list {width: 100%; margin: 0 auto; text-align: center;}
.common-content-list:after {content: ''; display: block; clear: both;}
.common-content-list li {position: relative; float: left; display: table-cell; width: 50%; margin-bottom: 0;}
.common-content-list li:nth-child(1) {padding-bottom: 50px;}
.common-content-list li:nth-child(2) {padding-bottom: 50px;}
.common-content-list li:last-child {}
.common-content-list li:after {content: ''; display: block; clear: both;}
.common-content-list li .inner {width: 120px; margin: 0 auto;}
.common-content-list li .inner > p {display: table-cell; width: 120px; height: 120px; vertical-align: middle; border: 1px solid #fff; border-radius: 100%; transition: .3s;}
.common-content-list li .inner > p > a {padding: 0; font-size: 17px; color: #fff; font-weight: 300;}
.common-content-list li .inner > p:hover {background: rgba(255, 255, 255, 0.9); transition: .3s;}
.common-content-list li .inner > p:hover a {color: #333; font-weight: bold; cursor: pointer;}

/* 공통 - 푸터 */
.show-mobile {display: block;}
.show-pc {display: none;}
#footer {height: 562px; box-sizing: border-box; margin: -562px 0 0 0;}
#footer .inner-top {background: #2c2c2c;}
#footer .inner-top .inner {position: relative; padding: 0; margin: 0 auto; color: #ccc; font-size: 14px;}
#footer .inner-top .inner:after {content: ''; display: block; clear: both;}
#footer .inner-top .footer-menu > menu {overflow: hidden;}
#footer .inner-top .footer-menu > menu > li {float: unset; padding: 15px 20px; border-bottom: 1px solid #494949;}
#footer .inner-top .footer-menu > menu > li:last-child {border-bottom: none;}
#footer .inner-top .footer-menu > menu > li > a {display: block; color: #fff; font-size: 16px;}
#footer .inner-top .footer-menu > menu > li > ul.lnb {display: none; margin-top: 30px;}
#footer .inner-top .footer-menu > menu > li > ul.lnb > li {line-height: 30px;}
#footer .inner-top .footer-menu > menu > li > ul.lnb > li > a {color: #ccc;}
#footer .inner-top .footer-menu > menu > li > ul.lnb > li > ul > li > a {color: #ccc; padding-left: 5px;}
#footer .inner-bottom {background: #494949;}
#footer .inner-bottom .inner {position: relative; padding: 20px; margin: 0 auto; color: #ccc; font-size: 14px; text-align: center;}
#footer .inner-bottom .inner:after {content: ''; display: block; clear: both;}
#footer .inner-bottom .policy-menu {margin-bottom: 25px;}
#footer .inner-bottom .policy-menu a {padding: 0 10px; border-right: 1px solid #ccc; color: #ccc;}
#footer .inner-bottom .policy-menu a:first-child {padding-left: 0;}
#footer .inner-bottom .policy-menu a:last-child {border-right: none;}
#footer .inner-bottom .site-info {margin-bottom: 25px;}
#footer .inner-bottom .site-info p {margin-bottom: 5px;}
#footer .inner-bottom .site-info span {padding: 0 10px; border-right: 1px solid #ccc;}
#footer .inner-bottom .site-info span:first-child {padding-left: 0;}
#footer .inner-bottom .site-info span:last-child {border-right: none;}
#footer .family-site {position: relative; margin: 20px auto 0; width: 175px; height: 30px; text-indent: 12px; line-height: 30px; cursor: pointer;}
#footer .family-site .btn-show-family-site {display: block; width: 100%; height: 30px; font-size: 14px; color: #fff; border-bottom: 1px solid #fff; text-align: left; padding-left: 10px; text-transform: uppercase;}
#footer .family-site .btn-show-family-site .on {position: absolute; width: 16px; height: 10px; top: 11px; right: 10px; background: url('/assets/images/btn_arrow_on.png') no-repeat; background-size: 100% 100%; text-indent: -9999px; transition: all 0.3s;}
#footer .family-site .btn-show-family-site .off {position: absolute; width: 16px; height: 10px; top: 11px; right: 10px; background: url('/assets/images/btn_arrow_off.png') no-repeat; background-size: 100% 100%; text-indent: -9999px; transition: all 0.3s;}
#footer .family-site .list {display: none; position: absolute; bottom: 30px; width: 100%; text-align: left;}
#footer .family-site .list li {border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff}
#footer .family-site .list li a {display: block; width: 100%; height: 100%; font-size: 14px; line-height: 30px;}
#footer .text-caution {color: #ccc; width: 100%; margin-bottom: 20px;}

/* 정보 */
.basic-info-box {position: relative; padding: 20px; margin: 0 20px; min-height: 380px; border: 1px solid #d5d5d5;}

/* 메인 - 기타 */
.main-banner-cover-round img {position: absolute; z-index: 50; left: 0; bottom: 0;}
.main-careers-cover-round img {position: absolute; z-index: 50; left: 0; top: 0;}
.owl-prev {position: absolute; width: 25px; height: 25px; top: 44%; left: 20px; z-index: 1000; background: url(/assets/images/main/btn_main_visual_left.png) no-repeat !important; background-size: cover !important; cursor: pointer; text-indent: -9999px;}
.owl-next {position: absolute; width: 25px; height: 25px; top: 44%; right: 20px; z-index: 1000; background: url(/assets/images/main/btn_main_visual_right.png) no-repeat !important; background-size: cover !important; cursor: pointer; text-indent: -9999px;}
.page-main-title {width: 100%; margin-bottom: 15px;}
.page-main-title > h3 {font-size: 17px; font-weight: bold;}
#player i {color: #fff; cursor: pointer; padding: 8px 10px;}
#controls {position: absolute; width: 100%; text-align: center; bottom: 0;}
#volume-bar {width: 50px; vertical-align: middle; padding: 0px; background: #000; margin-bottom: 2px;}
.play, .pause {margin-right: 5px; width: 32px;}
.mute, .unmute {font-size: 17px; width: 32px;}
progress {color: #fff; font-size: 12px; width: calc(100% - 168px); height: 4px; border: none; margin-right: 10px; background: #434343; border-radius: 15px; vertical-align: middle; cursor: pointer; margin-bottom: 1px; -webkit-appearance: none;}
progress::-moz-progress-bar {color: #fff; background:#fff; cursor: pointer;}
progress::-webkit-progress-bar {background-color: #434343; border-radius: 15px;}
progress::-webkit-progress-value {background-color: #fff; border-radius: 15px;}
input[type=range] {-webkit-appearance: none; width: 100%;}
input[type=range]:focus {outline: none;}
input[type=range]::-webkit-slider-runnable-track {width: 100%; height: 4px; cursor: pointer; background: #fff; border-radius: 15px; border: none;}
input[type=range]::-webkit-slider-thumb {height: 12px; width: 12px; border-radius: 50%; background: #e7380d; cursor: pointer; -webkit-appearance: none; margin-top: -4px;}
input[type=range]::-moz-range-track {width: 100%; height: 4px; cursor: pointer; background: #fff; border-radius: 15px; border: none;}
input[type=range]::-moz-range-thumb {height: 12px; width: 12px; border-radius: 50%; background: #e7380d; cursor: pointer; -webkit-appearance: none; margin-top: 0;}
input[type=range]::-ms-track {width: 100%; height: 4px; cursor: pointer; background: #fff; border-radius: 15px; border: none;}
input[type=range]::-ms-thumb {height: 12px; width: 12px; border-radius: 50%; background: #e7380d; cursor: pointer; -webkit-appearance: none; margin-top: 0; z-index: 10;}
input[type=range]::-ms-fill-upper {background: #fff;}
input[type=range]::-ms-fill-lower {background: #fff;}
input[type=range]:focus::-ms-fill-upper {background: #fff;}
input[type=range]:focus::-ms-fill-lower {background: #fff;}


/* 메인 - 배너 */
.banner-img {display: none !important;}
.banner-mobile-img {display: block !important; height: 380px;}
.main-visual {position: relative; width: 100%; height: 380px; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;}
.main-visual .fullimage {position: absolute; width: 100%; height: 100%;}
.main-visual .fullimage:after {content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.main-visual .owl-carousel {position: relative;}
.main-visual .owl-carousel .owl-stage-outer {height: 100%;}
.main-visual .owl-carousel .owl-stage {height: 100%; width: 100%;}
.main-visual .owl-carousel .owl-item img {height: 100%;}
.main-visual .infos {position: relative; display: table; width: 100%; height: 100%; margin: 0 auto; max-width: 100%;}
.main-visual .infos:after {content: ''; display: block; clear: both;}
.main-visual .infos .inner {position: absolute; width: 210px; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 0; z-index: 1;}
.main-visual .infos h1 {font-size: 35px; font-weight: 400; color: #fff; word-spacing: 5px; font-style: italic; font-family: 'Russo One';}
.main-visual .infos h3 {font-size: 16px; font-weight: 300; color: #fff; margin-bottom: 45px;}
.main-visual .infos .bar {position: relative; float: unset; left: unset; right: 0; margin: 0 auto 10px; width: 35px; height: 3px; background: #a9083b;}
.main-visual .infos p {font-size: 16px; font-weight: 300; color: #fff; line-height: 30px; padding-top: 15px;}
.main-visual .nav {position: absolute; bottom: 2.2em; left: 0; right: 0; z-index: 1; text-align: center;}
.main-visual .nav .n {display: inline-block; width: 50px; margin: 0 -0.13em; cursor: pointer;}
.main-visual .nav .count {display: block; width: 38px; height: 3px; background: #d6d6d6; text-indent: -9999px; transition: background .3s;}
.main-visual .nav .n.a .count {background: #a9083b;}

/* 메인 - 사업영역 */
#container-for-main.off .main-business {margin-bottom: 74px;}
.main-business {margin-bottom: 74px; height: auto; overflow: hidden; transition: all 1s; -webkit-transition: all 1s;}
.main-business > .inner {max-width: 1244px; margin: 0 auto; text-align: center; padding: 0 20px;}
.main-business > .inner h1 {font-size: 28px; font-weight: bold; text-align: center; padding: 50px 0 40px;}
.main-business > .inner p {font-size: 16px; text-align: center; padding: 0 0 28px; line-height: 26px; font-weight: 300;}
.main-business > .inner .list {position: relative; width: 100%; margin-left: 0; margin-top: -20px;}
.main-business > .inner .list:after {content: ''; display: block; clear: both;}
.main-business > .inner .list li {float: left; width: 100%; box-sizing: border-box;}
.main-business > .inner .list li:first-child {padding-top: 20px;}
.main-business > .inner .list .info-box {position: relative; height: 160px; overflow: hidden;}
.main-business > .inner .list .background-top-right-box {background-size: 180px 180px !important; background-position: bottom -20px right -20px  !important;}
.main-business > .inner .list .background-full-box {background-position: 50% 50% !important; background-size: cover !important;}
.main-business > .inner .list .info-box .desc {position: relative; padding: 25px; color: #fff; text-align: left; transition: all 0.5s; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.main-business > .inner .list .info-box .desc:hover {transition: all 0.5s; -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.main-business > .inner .list .info-box .desc h3 {font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.main-business > .inner .list .info-box .desc span {font-size: 16px; line-height: 26px; font-weight: 300;}
.main-business > .inner .list .info-box .text-dark-gray {color: #333;}
.btn-main-business-white-arrow {position: absolute; right: 10px; bottom: 10px; width: 40px; height: 40px; background: url('/assets/images/main/btn_next01.png') no-repeat; background-size: 100% 100%; text-indent: -9999px;}
.btn-main-business-gray-arrow {position: absolute; right: 10px; bottom: 10px; width: 40px; height: 40px; background: url('/assets/images/main/btn_next02.png') no-repeat; background-size: 100% 100%; text-indent: -9999px;}

/* 메인 - 글로벌 네트워크 */
.main-global-networks {position: relative; background: url('/assets/images/main/bg_global_networks.png') center top no-repeat; background-size: cover;}
.main-global-networks .title {padding: 60px 0 30px; text-align: center;}
.main-global-networks .title h1 {font-size: 32px; font-weight: bold; margin-bottom: 10px;}
.main-global-networks .title p {font-size: 14px; font-weight: bold;}
.main-global-networks .map {position: relative; height: 200px; background: url(/assets/images/main/main_map_m.png) center top no-repeat; margin-bottom: 0; background-size: contain;}

/* 메인 - 주요 메뉴 */
.main-menuinfo {position: relative; background: url('/assets/images/main/bg_gray.png') center top no-repeat; background-size: cover; margin-bottom: 74px; padding: 0 20px;}
.main-menuinfo > .inner {max-width: 100%; margin: 0 auto; padding: 0;}
.main-menuinfo > .inner .common-info-list {width: 100%; padding-top: 60px;}
.main-menuinfo > .inner .common-info-list:after {content: ''; display: block; clear: both;}
.main-menuinfo > .inner .common-info-list .inner-left {float: unset; width: 100%; margin-bottom: 30px; padding-right: 0;}
.main-menuinfo > .inner .common-info-list .inner-center {float: unset; width: 100%; margin-bottom: 30px; padding-right: 0;}
.main-menuinfo > .inner .common-info-list .inner-right {float: unset; width: 100%; padding-left: 0;}
.main-menuinfo > .inner .common-info-list .image-box {position: relative; height: 200px; background: url('/assets/images/main/bg_r&d.png') no-repeat 50% 50%; background-size: cover; overflow: hidden;}
.main-menuinfo > .inner .common-info-list .menu-ethics-box-bg {background: url('/assets/images/main/bg_ethics.png') no-repeat 50% 50%;}
.main-menuinfo > .inner .common-info-list .image-box p {padding: 0 20px; text-align: center;}
.main-menuinfo > .inner .common-info-list .image-box p > a {color: #fff; font-size: 14px; font-weight: 300px; line-height: 24px;}
.main-menuinfo > .inner .common-info-list .video-box {position: relative; height: auto; background: #000; text-align: center;}
.main-menuinfo > .inner .common-info-list .video-box video {width: 99.5%;}

/* 메인 - 인재채용 */
.main-career {position: relative;}
.main-career > .inner {max-width: 100%; margin: 0 auto; text-align: center; padding: 0 20px;}
.main-career .fullvideo {position: absolute; width: 100%; height: 100%; overflow: hidden;}
.main-career .fullvideo video {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; background: rgba(42, 57, 113, .3); width:auto; transform: translateX(-50%) translateY(-50%); object-fit: cover;}
.main-career .fullvideo:after {content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(24, 24, 24, .6);}
.main-career .title {position: relative; font-size: 28px; color: #fff; font-weight: bold; text-align: center; padding: 88px 0 30px;}
.main-career .desc {position: relative; font-size: 16px; color: #fff; text-align: center; padding: 0 0 58px; line-height: 26px; font-weight: 300;}
.main-career > .inner .common-content-list {padding: 0 0 74px;}

/* 기업정보 - 기업개요 */
.overview {position: relative; padding: 0 20px;}
.overview > .common-data-table {margin-bottom: 50px;}
.overview > .common-info-list {margin-bottom: 50px;}
.overview > .common-info-list .inner-left {float: unset; width: 100%; text-align: center;}
.overview > .common-info-list .inner-left img {width: 100%;}
.overview > .common-info-list .inner-right {float: unset; width: 100%;}
.overview-box {margin-bottom: 50px;}
.overview-box p {font-size: 14px; line-height: 24px; margin-bottom: 10px;}
.overview-box p:last-child {margin-bottom: 0;}
.overview-box .point {font-size: 20px; font-weight: bold; line-height: 30px; margin-bottom: 15px;}
.overview .common-data-table ul {width: 100%;}
.overview .common-data-table li {float: left; width: 100%;}
.overview > .show-mobile {display: table;}
.overview > .show-pc {display: none;}

/* 기업정보 - 역사 */
.history {position: relative; padding: 0 20px;}
.history:after {content: ''; display: block; clear: both;}
.history > .inner {position: relative; overflow: hidden; z-index: 0;}
.history > .inner .right-content-box, .history > .inner .left-content-box {position: relative; display: flex; margin-top: 30px;}
.history > .inner .content-box-top {margin-top: 50px;}
.history > .inner .content-box-top > .text-now {top: -20px !important; line-height: 30px !important;}
.history > .inner .content-box-top > .text-main-year {top: -70px;}
.history > .inner h3 {position: relative; width: 50%; font-size: 22px; font-weight: 400; line-height: 36px; z-index: 50; margin-top: -6px;}
.history > .inner .right-content-box h3 {float: left; padding-right: 15px; text-align: right;}
.history > .inner .left-content-box h3 {float: right; padding-left: 15px; text-align: left;}
.history > .inner .list {position: relative; width: 50%; box-sizing: border-box; z-index: 50;}
.history > .inner .list li:last-child {margin-bottom: 15px;}
.history > .inner .list .info {margin-bottom: 10px;}
.history > .inner .list .info .year {font-size: 18px; font-weight: bold; line-height: 28px; margin-bottom: 5px;}
.history > .inner .right-content-box dl {position: relative; margin-bottom: 5px;}
.history > .inner .right-content-box dt {float: unset; font-size: 16px; line-height: 24px;}
.history > .inner .right-content-box dd {font-size: 14px; line-height: 24px; padding-left: 0; word-break: keep-all;}
.history > .inner .left-content-box dl {position: relative; margin-bottom: 5px;}
.history > .inner .left-content-box dt {float: unset; font-size: 16px; line-height: 24px;}
.history > .inner .left-content-box dd {font-size: 14px; line-height: 24px; padding-right: 0; word-break: keep-all;}
.history > .inner .right-content-box .list {float: right; padding-left: 15px; text-align: left;}
.history > .inner .left-content-box .list {float: left; padding-right: 15px; text-align: right;}
.history .icon-history-round {position: absolute; top: 8px; left: -8px; width: 15px; height: 15px; border-radius: 100%; background: #6f7c87;}
.history .left-content-box .icon-history-round {top: 13px;}
.history .history-vertical-line {position: absolute; background:url('/assets/images/history_line.png') 50% 0 repeat-y; width: calc(100% - 40px); height: calc(100% - 45px); top: 45px; z-index: 10;}
.history .text-main-year {position: absolute; width: 100%; text-align: center; line-height: 65px; font-size: 120px; font-weight: 900; color: #f9f9f9; top: 0; z-index: 0;}

/* 기업정보 - 인증 */
.certificate {position: relative;}
.certificate .list {position: relative; width: 100%; margin-left: 0; margin-top: 30px;}
.certificate .list:after {content: ''; display: block; clear: both;}
.certificate .list li {float: left; width: 50%; padding: 10px 20px; box-sizing: border-box;}
.certificate .list li img {width: 100%;}
.certificate .list li p {position: relative; width: 100%; text-align: center; font-size: 14px; font-weight: bold; height: 30px;}
.certificate > .date {float: right; font-size: 14px; margin-bottom: 10px;}
.certificate .common-data-table tbody th {line-height: 24px;}
.certificate .common-data-table ul {width: 100%;}
.certificate .common-data-table li {float: left; width: 100%;}
.certificate .common-data-table-wrap {padding: 0 20px;}

/* 기업정보 - 인사말 */
.ceo {position: relative; padding: 0 20px;}
.ceo .image {text-align: center;}
.ceo .image img {width: 320px;}
.ceo .txt {margin-top: 40px;}
.ceo .txt .point-title {font-size: 26px; font-weight: bold; margin-bottom: 24px;}
.ceo .txt .point-sub-title {font-size: 16px; font-weight: bold; line-height: 26px; margin-bottom: 24px;}
.ceo .txt p {margin: 0 0 40px; font-size: 14px; line-height: 24px; margin-bottom: 24px;}
.ceo .txt p:last-child {margin-bottom: 0;}
.ceo .txt .name-box {text-align: right; margin-top: 30px;}
.ceo .txt .name-box span {display: inline-block; font-size: 16px;}
.ceo .txt .name-box .name {font-size: 20px; margin-left: 5px;}

/* 기업정보 - CI&BI */
.ci-bi {position: relative; padding: 0 20px;}
.ci-bi > .common-info-list:first-child {margin-bottom: 25px;}
.ci-bi > .common-info-list .inner-left {float: unset; width: 100%; margin-bottom: 25px;}
.ci-bi > .common-info-list .inner-center {float: unset; width: 100%; margin-bottom: 25px;}
.ci-bi > .common-info-list .inner-right {float: unset; width: 100%;}
.ci-bi > .common-info-list img {width: 100%;}
.ci-bi .desc-box {margin-top: 50px;}
.ci-bi .desc-box p {font-size: 14px; line-height: 24px; text-align: left;}
.ci-bi .desc-box .inner-left {float: unset; width: 100%; margin-bottom: 20px;}
.ci-bi .desc-box .inner-right {float: unset; width: 100%;}

/* 기업정보 - 사업장 위치 */
.location {position: relative;}
.location .map {position: relative; width: 100%; height: 300px; white-space: nowrap; margin-bottom: 50px; text-align: center;}
.location .map .bg-map {width: 100%; height: 300px; background: #f9f9f9 url('/assets/images/about/bg_map_m.png') no-repeat 50% 50%; background-size: contain;}
.location .map .nation-image {width: 100%; height: 300px; background: url('/assets/images/about/ic_map_korea_m.png') no-repeat 50% 50%; background-size: contain;}
.location .map .m-map-info {display: block; position: absolute; left: 20px; bottom: 20px; text-align: left;}
.location .map .m-map-info .graph-title {font-size: 16px; font-weight: bold; color: #565656;}
.location .map .m-map-info p {text-align: left; margin-top: 10px;}
.location .map .m-map-info .nation {display: block; font-size: 15px; font-weight: bold; color: #e7380d;}
.location .map .m-map-info .number {display: inline-block; font-size: 17px; color: #e7380d;}
.location .map .m-map-info .total-number {display: inline-block; font-size: 15px; margin-bottom: 5px;}
.location .map .map-info {display: none; position: absolute; left: 40px; bottom: 40px; text-align: center;}
.location .map .map-info .graph-title {font-size: 17px; font-weight: bold; color: #565656;}
.location .map .map-info .graph {display: table; position: relative; text-align: center; width: 110px; height: 110px; margin: 0 auto 11px; background: url('/assets/images/about/bg_pie_graph.png') no-repeat 50% 50%; background-size: cover;}
.location .map .map-info .graph .fill-image {position: absolute; width: 100%; height: 100%;}
.location .map .map-info .graph p {display: table-cell; width: 110px; height: 110px; vertical-align: middle; text-align: center;}
.location .map .map-info .graph .nation {display: block; font-size: 16px; font-weight: bold; color: #e7380d; margin-bottom: 12px;}
.location .map .map-info .graph .number {display: block; font-size: 18px; color: #e7380d;}
.location .map .map-info .total-number {display: block; font-size: 16px; margin-bottom: 5px; margin-top: 10px;}
.location .map .map-info .text-total {display: block; font-size: 14px; color: #565656;}
.location .info {position: relative; width: 100%; margin-top: 50px; padding: 0 20px;}
.location .info:after {content: ''; display: block; clear: both;}
.location .info .inner {position: relative; float: unset; width: 100%; margin-bottom: 30px;}
.location .info .inner:last-child {margin-bottom: 0;}
.location .info .inner > ul li dl {position: relative; line-height: 30px; margin-bottom: 5px;}
.location .info .inner > ul li dt {position: absolute; top: 0; left: 0; font-size: 14px; font-weight: bold; color: #e7380d;}
.location .info .inner > ul li dt:after {bottom: 0;}
.location .info .inner > ul li dd {font-size: 14px; padding-left: 120px;}
.location .info .inner > ul li.vertical dl {position: relative; line-height: 26px; margin-bottom: 20px;}
.location .info .inner > ul li.vertical dt {position: relative; top: 0; left: 0; font-size: 16px; font-weight: bold; color: #e7380d; margin-bottom: 5px;}
.location .info .inner > ul li.vertical dd {font-size: 16px; padding-left: 0;}
.location .info .inner .desc {font-size: 16px; line-height: 26px; margin-bottom: 10px;}
.location .common-data-table {margin-bottom: 40px;}
.location .common-data-table:last-child {margin-bottom: 0;}
.location .common-data-table tbody th {line-height: 27px; font-size: 16px;}
.location .common-data-table tbody td dt {position: relative; display: block; font-weight: bold; vertical-align: top;}
.location .common-data-table tbody td dd {display: inline-block; word-break: keep-all;}
.location .en-text {display: block; font-size: 14px; font-weight: 300; padding-top: 5px;}
.location .tab-menu li {width: 16.666%;}

/* 지속가능경영 - 비전 및 목표 */
.vision {position: relative; padding: 0 20px;}
.vision .page-black-middle-line-sub-title {margin: 50px auto 40px;}

.vision .point-box {position: relative; width: 100%; text-align: center; margin-top: 50px; margin-bottom: 80px;}
.vision .point-box h1 {margin-left: -20%; font-weight: 900; font-size: 26px; line-height: 40px;}
.vision .point-box h3 {margin-right: -20%;/* font-weight: 900;  */font-size: 24px; line-height: 40px;}
.vision .point-text {font-size: 18px; font-weight: bold; color: #a90022; /*margin-bottom: 30px;*/ text-align: center;}

.vision .image-box {position: relative; text-align: center;}
.vision img {width: 100%; max-width: 100%; margin-bottom: 10px;}
.vision > .common-info-list {text-align: left; margin: 0 auto; width: 100%;}
.vision > .common-info-list .inner-left {float: none; width: 100%; margin-bottom: 30px; }
.vision > .common-info-list .inner-center {float: none; width: 100%; margin-bottom: 30px;}
.vision > .common-info-list .inner-right {float: none; width: 100%;}
.vision > .common-info-list .inner>.inner-title {position: relative; font-size: 16px; background-color: #a90022; color: #fff; padding: 16px 20px; text-align: center; margin-bottom: 0; border-radius: 15px 15px 0px 0px;}
.vision > .common-info-list .inner>.inner-content {font-size: 14px; line-height: 24px; padding: 20px; border: 1px solid #d5d5d5;}
.vision > .common-content-list {margin-bottom: 50px; width: 100%;}
.vision > .common-content-list li {width: 33.333%; padding-bottom: 0 !important;}
.vision > .common-content-list li .inner {width: 90px;}
.vision > .common-content-list li .inner > p {width: 90px; height: 90px; border: 2px solid #a90022; font-weight: 900; font-size: 17px;}

/* 지속가능경영 - 윤리경영 */
.ethics {position: relative; padding: 0 20px;}
.ethics .page-black-middle-line-sub-title {margin: 50px auto 20px;}
.ethics .info-gray-box {margin-bottom: 50px;}
.ethics .info-gray-box:last-child {margin-bottom: 0;}
.ethics .info-gray-box b {display: block; margin-bottom: 10px;}
.ethics .common-dot-box {position: relative; width: 100%; text-align: left; margin: 0 auto;}
.ethics .common-data-table {margin-bottom: 30px;}
.ethics .common-data-table:last-child {margin-bottom: 0;}
.ethics .en-common-icon-content-list li:nth-child(2) .inner span {min-height: 145px;}
.ethics .en-common-icon-content-list li .inner span {margin: 10px 7px 0;}

/* 지속가능경영 - 사회 기여 */
.sub-visual-by-quotes .social-contribution-bg {background: url('/assets/images/banner/bg_social_contribution_sub_banner.png') no-repeat 0% 0%; background-size: cover;}
.social-contribution {position: relative; padding: 0 20px;}
.social-contribution .page-black-middle-line-sub-title {margin: 50px auto 20px;}
.social-contribution .active-desc {position: relative; width: 100%; font-size: 14px; line-height: 24px; text-align: center; margin: 0 auto 20px;}

.social-contribution2 {position: relative; padding: 45px;}
.social-contribution2 .page-black-middle-line-sub-title {margin: 50px auto 20px;}
.social-contribution2 .active-desc {position: relative; width: 100%; font-size: 14px; line-height: 24px; text-align: center; margin: 0 auto 20px;}



/* 사업소개 */
.product .tab-menu li {width: 33.333%;}
.product .sub-visual {margin-bottom: 0;}
.product .sub-visual .inner {padding: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.product .sub-visual h1 {position: relative; padding: 30px; font-size: 32px; padding: 0; font-weight: 300;}
.product .info-gray-box {margin: 0 20px 50px; padding: 30px; font-size: 16px; line-height: 26px; background: url(/assets/images/business/bg_subtitle.png) no-repeat 50% 0%; background-size: cover;}
.product .info-gray-box2 {margin: 0 30px 50px; padding: 50px 20px 50px 20px; font-size: 16px; line-height: 26px; background: url(/assets/images/business/bg_subtitle_2x.png) no-repeat 50% 0%; background-size:cover;}
.product .info-gray-box a {display: block; max-width: 190px; margin: 20px auto 0; padding: 0.5em 1.6em 0.5em;}
.product .info-gray-box2 a {display: block; max-width: 190px; margin: 20px auto 0; padding: 0.5em 1.6em 0.5em;}
.product .page-black-middle-line-sub-title {margin-bottom: 50px; margin-top: 40px;}
.product .product-banner-img {/*margin-bottom: 70px;*/ padding: 0 20px;}
.product .product-m-banner-img {/*margin-bottom: 50px;*/ padding: 0 20px;}
.product .show-certificate-btn {color: #333 !important; border: 1px solid #40596b; background-color: rgba(255, 255, 255, 0.7); font-size: 15px; margin-top: 20px;}
.inner-product-text {position: relative; text-align: center; display: table; order: 1; padding: 0 0 30px; -ms-grid-row: 2;}
.inner-product-text .inner {display: table-cell; vertical-align: middle; text-align: center;}
.inner-product-text .inner .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.inner-product-text p.text-top-line {width: 25px; border: 2px solid #a0a0a0; margin: 0 auto; margin-bottom: 10px; background: #a0a0a0;}
.inner-product-text h3 {font-size: 20px; font-weight: bold; margin-bottom: 25px;}
.inner-product-text h5 {font-size: 13px; line-height: 18px; margin-bottom: 8px; margin-top: 8px;}
.inner-product-text dl {position: relative; width: 100%; text-align: left;}
.inner-product-text dt {position: relative; float: left; font-size: 20px; line-height: 24px;}
.inner-product-text dt > .icon-dot {position: absolute; top: 11px; left: 0; width: 3px; height: 3px;}
.inner-product-text dd {display: block; font-size: 15px; font-weight: bold; line-height: 20px; margin-bottom: 8px; padding-left: 12px;}
.inner-product-text dd:last-child {margin-bottom: 0;}
.inner-product-text .text-regular {font-weight: 400;}
.inner-product-text .inner-content {width: auto; margin: 0 auto; text-align: center; padding: 30px 30px;}
.inner-product-text .list {width: 220px; text-align: center; margin: 10px auto;}
.inner-product-text .list:after {content: ''; display: block; clear: both;}
.inner-product-text .list li {position: relative; float: left; width: 25%; text-align: center; padding: 5px;}
.inner-product-text .list p {display: table-cell; width: 43px; height: 43px; background: rgba(255, 255, 255, 0.4); vertical-align: middle; border: 1px solid #d5d5d5; border-radius: 100%;}
.inner-product-text .list p > img {width: 35px; height: 35px;}

.inner-product-text .list2 {width: 220px; text-align: center; margin: 10px auto;}
.inner-product-text .list2:after {content: ''; display: block; clear: both;}
.inner-product-text .list2 li {position: relative; float: left; text-align: center; padding: 5px;}
.inner-product-text .list2 p {width: 100%; text-align: center;}
.inner-product-text .list2 p > img.remote1 {width: 48%; height: auto;}

.inner-product-text .tech-list {width: 100%; text-align: center; margin: 20px 0;}
.inner-product-text .tech-list:after {content: ''; display: block; clear: both;}
.inner-product-text .tech-list li {position: relative; width: 100%; text-align: center; padding: 10px;}
.inner-product-text .tech-list p {background: rgba(255, 255, 255, 0.4); border: 1px solid #40596b; border-radius: 30px; font-size: 16px; font-weight: bold; padding: 8px 15px; text-align: left;}
.product-content-box {position: relative; padding: 0 20px;}
.product-content-box > ul {overflow: hidden; display: -ms-grid; display: grid;}
.product-content-box > ul> li {float: none; width: 100%; height: auto;}
.product-content-box > ul> li img {width: 100%; height: auto;}
.product-content-box .inner-image {-ms-grid-row: 1;}
.product-content-box .border-top {border-top: none;}
.product-content-box .border-right {border-right: none;}
.product-content-box .border-bottom {border-bottom: none;}
.product-content-box .border-left {border-left: none;}
.product-content-wide-box {position: relative; padding: 0 20px; margin-top: 0;}
.product-content-wide-box > ul {overflow: hidden;}
.product-content-wide-box > ul> li {float: none; width: 100%; height: auto; padding: 20px;}
.product-content-wide-box > ul> li img {height: auto;}
.product-content-wide-box .inner-image {display: none;}
.product-content-wide-box .inner-product-text .inner {background: rgba(255, 255, 255, 0.8);}
.product-content-wide-box .inner-product-text .inner-content {width: auto; padding: 20px;}
.product-banner-img {display: none !important;}
.product-m-banner-img {display: block !important;}

/* 고객지원 - Sales */
.sales .sub-visual {margin-bottom: 0;}
.sales .sub-visual h1 {font-size: 30px; font-weight: 300; color: #fff; padding: 80px 0 20px;}
.sales .sub-visual p {font-size: 16px; line-height: 26px; font-weight: 300; color: #fff; padding-bottom: 20px;}
.sales > .tab-menu li {width: 33.333%; margin-bottom: 50px;}
.sales > .sub-visual .bg {background: url('/assets/images/banner/banner_productconsultation.png') no-repeat 50% 0%;}
.sales .product-content-box .inner-text h3 {font-size: 32px; font-weight: 300; margin-bottom: 10px;}
.sales .product-content-box .inner-text p {font-size: 14px; font-weight: 300; line-height: 24px;}
.sales .list {position: relative; width: 100%; margin-left: 0; margin-top: 40px;}
.sales .list:after {content: ''; display: block; clear: both;}
.sales .list li {float: left; width: 100%; padding: 20px; box-sizing: border-box;}
.sales .list li .inner {position: relative; border: 1px solid #d1d1d1; text-align: center; padding: 5px 10px 20px;}
.sales .list li img {width: 80px; margin-bottom: 12px;}
.sales .list li h3 {font-size: 20px; color: #e7380d; font-weight: bold; margin-bottom: 12px;}
.sales .list li p {position: relative; width: 100%; height: auto; padding-top: 12px; text-align: center; font-size: 16px; line-height: 26px;}
.sales .list li span {display: block; margin-bottom: 0;}
.sales .list li span:last-child {margin-bottom: 0;}
.sales .list li span.bold {display: inline-block; font-weight: 900;}
.sales .logo-collection-img {width: 100%;}
.sales .inner-product-text {padding: 20px 0 30px;}
.sales .product-content-box .border-top {border-top: none;}
.sales .product-content-box .border-right {border-right: none;}
.sales .product-content-box .border-bottom {border-bottom: none;}
.sales .product-content-box .border-left {border-left: none;}
.sales .common-data-table {margin-top: 50px;}
.sales .point-bar {display: block; font-size: 38px; font-weight: bold; line-height: 15px; padding-top: 10px;}
.sales .pd-area {padding-top: 10px;}
.sales .common-data-table-wrap {padding: 0 20px;}
.sales .common-data-table-wrap > .show-mobile {display: table;}
.sales .common-data-table-wrap > .show-pc {display: none;}

/* 고객지원 - 온라인 문의 */
.online-contact {position: relative; padding: 0 20px;}
.online-contact .privacy-box {position: relative; padding: 20px; height: 200px; overflow-y: scroll; border: 1px solid #d5d5d5;}
.online-contact .agree-box {padding-top: 20px; font-size: 14px; margin-bottom: 50px; text-align: right;}
.online-contact .agree-box input[type="checkbox"] {margin-right: 10px;}
.online-contact .not-required-field {padding-left: 16px;}

/* 홍보센터 - 기업소개 */
.company-introduce {position: relative;}
.company-introduce video {width: 100%;}

/* 인재채용 - 인재상 */
.careers-philosophy-and-promote {position: relative; padding: 0 20px;}
.careers-philosophy-and-promote .point {position: relative; font-size: 15px; line-height: 25px; font-weight: bold; color: #333; border-top: 2px solid #e7380d; background-color: #eee; padding: 15px 15px; text-align: center;}
.careers-philosophy-and-promote > .common-info-list {border-left: 2px solid #eee; border-right: 2px solid #eee; border-bottom: 2px solid #eee; border-radius: 0 0 30px 30px; padding: 20px 20px;}
.careers-philosophy-and-promote > .common-info-list > li {margin-bottom: 25px;}
.careers-philosophy-and-promote > .common-info-list > li:last-child {margin-bottom: 0;}
.careers-philosophy-and-promote > .common-info-list .inner-left {width: 95px;}
.careers-philosophy-and-promote > .common-info-list .inner-right {width: calc(100% - 95px);}
.careers-philosophy-and-promote .img {width: 80px; height: 80px;}
.careers-philosophy-and-promote-box {height: auto;}
.careers-philosophy-and-promote-box span.title {display: block; font-size: 16px; font-weight: bold; padding-bottom: 10px;}
.careers-philosophy-and-promote-box span.content {display: block; font-size: 14px; line-height: 24px;}

/* 인재채용 - 인사제도 */
.careers-system {position: relative; padding: 0 20px;}
.careers-system .common-data-table {margin-bottom: 50px;}
.careers-system .common-data-table:last-child {margin-bottom: 0;}
.careers-system .welfare-box col:first-child {width: 37%;}

/* 인재채용 - 직무소개 */
.careers-employment {position: relative; padding: 0 20px;}
.careers-employment .m-list {display: block;}
.careers-employment .list {display: none;}
.careers-employment .m-list {width: 100%; font-size: 16px; height: 44px; padding: 0.5em 1em 0.5em; background: #f9f9f9 url('/assets/images/admin/selectbox_arrow_normal.png') no-repeat 98% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #f9f9f9; vertical-align: middle; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.careers-employment .m-list:focus {border: 1px solid #333; background-color: #fff;}
.careers-employment > .common-info-list:first-child {margin-bottom: 25px;}
.careers-employment > .common-info-list .inner-left {float: unset; width: 100%; margin-bottom: 25px;}
.careers-employment > .common-info-list .inner-right {float: unset; width: 100%;}
.careers-employment > .common-info-list img {width: 100%;}
.careers-employment .desc-box {margin-top: 50px;}
.careers-employment .desc-box p {font-size: 14px; line-height: 24px; text-align: left;}
.careers-employment .desc-box .inner-left {float: unset; width: 100%; margin-bottom: 30px;}
.careers-employment .desc-box .inner-right {float: unset; width: 100%;}
.careers-employment .desc-box b {display: block;}
.careers-employment .desc-box span {display: block; margin-bottom: 10px;}
.careers-employment .desc-box span:last-child {margin-bottom: 0;}
.careers-employment .recruit-box {text-align: center; font-size: 20px; line-height: 32px; margin-top: 50px; margin-bottom: 20px; font-weight: 300;}
.careers-employment .recruit-box .point-color {color: #333; font-weight: bold;}
.careers-employment .recruit-box .point-bar {display: block; font-size: 30px; font-weight: bold; padding-top: 10px;}
.careers-employment .recruit-box .point-desc {font-size: 16px; line-height: 26px; font-weight: 400;}
.careers-employment .info-gray-box {font-size: 16px; line-height: 26px; background: url(/assets/images/business/bg_subtitle.png) no-repeat 50% 0%;}
.careers-employment .info-gray-box span {display: block;}
.careers-employment .info-gray-box .point-text {margin-bottom: 10px; font-weight: bold;}

/* 공통 - 하단 버튼 영역 */
.common-bottom-button {padding: 25px 0 0;}
.common-bottom-button a {margin-right: 10px;}
.common-bottom-button a.download-btn {padding: 0.5em 2em 0.5em 1em; background: #40596b url('/assets/images/ic_download.png') no-repeat 94% 50%; background-size: 11px 12px;}
.common-bottom-button a:last-child {margin-right: 0;}

/* 공통 - 데이터 테이블 */
.common-data-table {width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; border-top: 2px solid #e7380d; border-bottom: 2px solid #eee;}
.common-data-table tbody th, .common-data-table tbody td {padding: 6px 6px; color: #333; text-align: left; border-top: 1px solid #fff; word-break: keep-all;}
.common-data-table tbody th {font-size: 14px; line-height: 20px; font-weight: bold; background-color: #eee; border-right: 1px solid #fff; text-align: center; word-break: keep-all;}
.common-data-table tbody td {font-size: 14px; line-height: 24px; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
.common-data-table tbody td.end {border-right: none;}
.common-data-table tbody .center {text-align: center;}

/* 공통 - 서브페이지 타이틀 */
#container > .content > .inner-title {text-align: center; margin-bottom: 50px;}
#container > .content > .inner-title h3 {font-size: 28px; font-weight: bold; color: #333; margin-bottom: 14px;}
#container > .content > .inner-title p {font-size: 14px; color: #676767; font-weight: 300; letter-spacing: 4px;}

/* 공통 - 기타 */
.info-gray-box {position: relative; font-size: 16px; line-height: 26px; background-color: #f9f9f9; padding: 20px; text-align: center; border: 1px solid #eee;}
.info-gray-box2 {position: relative; font-size: 16px; line-height: 26px; background-color: #f9f9f9; padding: 20px; text-align: center; border: 1px solid #eee;}
.icon-essential {color: #e7380d; margin-right: 10px;}
.icon-dot {background: url('/assets/images/ic_text_dot.png') left center no-repeat; background-size: 3px 3px; padding-left: 10px;}

.icon-dot2 {background: url('/assets/images/sustainability/tag_1.png') left center no-repeat; background-size: 20px 20px; padding-left: 10px;}

.page-sub-title {width: 100%; margin-bottom: 15px;}
.page-sub-title > h3 {font-size: 18px; font-weight: bold; background: url('/assets/images/ic_green_bar.png') left center no-repeat; background-size: 4px 20px; padding-left: 12px;}
.page-sub-title > h5 {font-size: 15px; font-weight: bold; background: url('/assets/images/ic_green_bar.png') left center no-repeat; background-size: 4px 20px; padding-left: 12px;}
.tab-section {display: none;}
.tab-section div:last-child .inner-image {margin-bottom: 0;}
.common-dot-box dl {position: relative; width: 100%; text-align: left;}
.common-dot-box dt {position: relative; float: left; font-size: 20px; line-height: 24px;}
.common-dot-box dt > .icon-dot {position: absolute; top: 12px; left: 0; width: 3px; height: 3px;}

.common-dot-box dt > .icon-dot2 {position: absolute; top: 2px; left: 0; width: 20px; height: 20px;}

.common-dot-box dd {display: block; font-size: 14px; line-height: 24px; margin-bottom: 5px; padding-left: 22px;}

.common-dot-box dd:last-child {margin-bottom: 0;}

/*  공통 - 정보 리스트 */
.common-info-list {position: relative; width: 100%;}
.common-info-list:after {content: ''; display: block; clear: both;}
.common-info-list li {}
.common-info-list li:last-child {padding-bottom: 0;}
.common-info-list li:after {content: ''; display: block; clear: both;}
.common-info-list .inner-left {position: relative; float: left; width: 50%; padding-right: 0;}
.common-info-list .inner-left:after {content: ''; display: block; clear: both;}
.common-info-list .inner-right {position: relative; float: left; width: 50%; padding-left: 0;}
.common-info-list .inner-right:after {content: ''; display: block; clear: both;}
.common-info-list .content-middle {display: table;}
.common-info-list .content-middle>.content {display: table-cell; vertical-align: middle;}

/* 공통 - 게시판 정보 */
.common-board {padding: 0 20px;}
.common-board > .common-board-paging {padding-top: 30px; padding-bottom: 0;}
.common-board-info {display: table; width: 100%; height: 45px; padding: 0; font-size: 14px;}
.common-board-info .total {vertical-align: middle; display: table-cell;}

/* 공통 - 게시판 갤러리형 리스트 */
.common-board-gallery-list .list {position: relative; width: 100%; margin-left: 0; margin-top: -20px;}
.common-board-gallery-list .list:after {content: ''; display: block; clear: both;}
.common-board-gallery-list .list li {float: left; width: 50%; padding: 20px; box-sizing: border-box;}
.common-board-gallery-list .list li > a {border: 1px solid transparent; transition: .3s; display: block;}
.common-board-gallery-list .list li > a:hover {border: 1px solid #e7380d; transition: .3s;}
.common-board-gallery-list .list li .thumbnail-image {position: relative; padding: 75% 0 0; background: url('/images/@class_thumbnail.jpg') no-repeat 50% 50%; background-size: cover; overflow: hidden;}
.common-board-gallery-list .list li .thumbnail-image img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform .5s ease;}
.common-board-gallery-list .list li > a:hover .thumbnail-image img {transform: scale(1.1);}
.common-board-gallery-list .list .info-box {padding: 20px 10px;}
.common-board-gallery-list .list .info-box strong {display: block; width: 100%; font-size: 15px; font-weight: bold; line-height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.common-board-gallery-list .list .info-box p {overflow: hidden; height: 45px; margin: 8px 0 15px; font-size: 13px; line-height: 20px; word-break: keep-all;}
.common-board-gallery-list .list .info-box .date {font-size: 13px; color: #666;}
.common-board-gallery-list .list .blank {width: 100%; padding: 50px; text-align: center; font-size: 16px; font-weight: bold;}

/* 공통 - 게시판 리스트형 리스트 */
.common-board-list {width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #333;}
.common-board-list thead {background: #f9f9f9;}
.common-board-list thead th {padding: 15px 20px; text-align: center; text-align: center; font-size: 14px; font-weight: bold; border-top: 1px solid #333; border-bottom: 1px solid #d5d5d5;}
.common-board-list tbody td {padding: 15px 10px; text-align: left; font-size: 14px; line-height: 24px; border-bottom: 1px solid #eee;}
.common-board-list tbody .center {text-align: center;}
.common-board-list .on-display {display: none;}
.common-board-list .on-display-m {display: table-cell;}
.common-board-list .on-display-p {display: none;}

/* 공통 - 게시판 입력폼 */
.common-board-write {position: relative; width: 100%; border-top: 1px solid #333;}
.common-board-write th, .common-board-write td {font-size: 14px; padding: 8px 0; border-bottom: 1px solid #d5d5d5;}
.common-board-write th {color: #d5d5d5; font-size: 13px; font-weight: bold; text-align: left;}
.common-board-write input, .common-board-write select {width: 100%; height: 44px; border: 1px solid #f9f9f9; font-size: 13px; vertical-align: middle; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.common-board-write select {background: #f9f9f9 url('/assets/images/admin/selectbox_arrow_normal.png') no-repeat 98% 50%; padding: 0.5em 1em 0.5em; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.common-board-write textarea {width: 100%; height: 44px; background-color: #f9f9f9; border: 1px solid #f9f9f9; font-size: 13px; vertical-align: middle; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.common-board-write input:focus, .common-board-write select:focus, .common-board-write textarea:focus {border: 1px solid #333; background-color: #fff;}
.common-board-write select {height: 44px;}
.common-board-write textarea {width: 100%; height: 200px;}
.common-board-write #email {width: 45%;}
.common-board-write #phone {width: 25%;}
.common-board-bottom-btn {padding: 30px 0 0;}

/* 공통 - 게시판 상세 */
.common-board-view {padding: 0 20px;}
.common-board-view .board-view-title {padding: 10px; border-top: 1px solid #333; border-bottom: 1px solid #d5d5d5;}
.common-board-view .board-view-title h1 {font-size: 18px; color: #282828; margin-bottom: 8px; line-height: 28px; word-break: keep-all; font-weight: bold;}
.common-board-view .board-view-title dt, .common-board-view .board-view-title dd {display: inline-block; font-size: 13px; font-weight: bold; vertical-align: middle;}
.common-board-view .board-view-title dd {margin: 0 10px 0 5px; font-weight: 400;}
.common-board-view .board-view-content {padding: 20px 10px;}
.common-board-view .board-view-content:after {content: ''; display: block; clear: both;}
.common-board-view .board-view-content img {max-width: 100% !important; height: auto !important;}
.common-board-view .board-view-file {width: 100%; padding: 10px 10px; line-height: 20px; font-size: 14px; background: #f9f9f9; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;}
.common-board-view .board-view-file dt {float: left; width: 85px; font-weight:600; color:#333;}
.common-board-view .board-view-file dd {float: left; width:70%; margin-left: 100px;}
.common-board-view .board-view-file dd:first-of-type {margin-left: 0;}
.common-board-view .board-view-file:after {content: ''; display: block; clear: both;}

/* 공통 - 게시판 페이징 */
.common-board-paging {padding: 10px 0; text-align: center;}
.common-board-paging ul {position: relative; text-align: center;}
.common-board-paging ul a, .common-board-paging ul strong {display: inline-block; padding: 4px 9px; font-size: 13px; text-align: center; transition: .2s; border: 1px solid #eee; margin-right: 5px;}
.common-board-paging ul strong {font-weight: bold; background: #e7380d; color: #fff;}
.common-board-paging ul a:hover, .common-board-paging ul a:focus {background: #e7380d; color: #fff;}

/* 공통 - 탭 */
.tab-menu {position: relative; display: table; z-index: 99; width: 100%; height: 40px; margin: 0 auto; overflow: hidden;}
.tab-menu li {display: table-cell; vertical-align: middle; width: 20%; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; background: #fff;}
.tab-menu li.on {border-top: 1px solid #40596b; border-bottom: 1px solid #40596b; background: #40596b;}
.tab-menu li a {display: block; color: #a1a1a1; padding: 10px 0; font-size: 13px; text-align: center;}
.tab-menu li.on a {color: #fff;}

/* 공통 - 페이지 서브 타이틀 */
.page-black-middle-line-sub-title {position: relative; width: 100%; margin: 0 auto; text-align: center;}
.page-black-middle-line-sub-title > .title {font-size: 22px; font-weight: bold; padding-bottom: 10px; margin-bottom: 12px; border-bottom: 2px solid #000;}
.page-black-middle-line-sub-title > .content {font-size: 16px; line-height: 26px;}

/* 공통 - 서브 배너 */
.sub-visual-by-quotes {position: relative; display: table; width: 100%; overflow: hidden; height: auto; margin-bottom: 50px;}
.sub-visual-by-quotes .bg {position: absolute; top:0; right:0; bottom:0; left:0; background:url('/assets/images/banner/bg_social_contribution_sub_banner.png') no-repeat 50% 0%; background-size: cover;}
.sub-visual-by-quotes .inner {position: relative; display: table-cell; vertical-align: middle; text-align: center; padding: 30px 30px;}
.sub-visual-by-quotes h1 {font-size: 32px; font-weight: 300; color: #fff; padding: 65px 0 40px;}
.sub-visual-by-quotes p {font-size: 16px; font-weight: 300; line-height: 28px; color: #fff;}
.sub-visual-by-quotes p:before {content: ''; display: block; width: 23px; height: 18px; background: url('/assets/images/sustainability/ic_double_quotes_before.png'); background-size: 23px 18px; margin: 0 auto; margin-bottom: 20px;}
.sub-visual-by-quotes p:after {content: ''; display: block; width: 23px; height: 18px; background: url('/assets/images/sustainability/ic_double_quotes_after.png'); background-size: 23px 18px; margin: 0 auto; margin-top: 20px;}
.sub-visual-by-quotes p > span {display: block; font-size: 14px; line-height: 26px; margin-top: 10px;}

/* 공통 - 아이콘&내용 조합 리스트 */
.common-icon-content-list {width: 100%; margin: 0 auto; text-align: center;}
.common-icon-content-list:after {content: ''; display: block; clear: both;}
.common-icon-content-list li {position: relative; float: left; display: table-cell; width: 50%; margin-bottom: 0;}
.common-icon-content-list li:nth-child(1) {padding-bottom: 20px;}
.common-icon-content-list li:nth-child(2) {padding-bottom: 20px;}
.common-icon-content-list li:last-child {}
.common-icon-content-list li:after {content: ''; display: block; clear: both;}
.common-icon-content-list li .inner {margin: 0 auto;}
.common-icon-content-list li .inner > p {position: relative; display: inline-block; width: 100px; height: 100px; vertical-align: middle; border: 1px solid #e6e6e6; border-radius: 100%;}
.common-icon-content-list li .inner > p > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px;}
.common-icon-content-list li .inner span {display: block; margin: 10px 8px 0; font-size: 14px; line-height: 24px; font-weight: bold;}

/* 공통 - 아이콘&내용 조합 리스트 */
.common-icon-content-list2 {width: 100%; margin: 0 auto; text-align: center;}
.common-icon-content-list2:after {content: ''; display: block; clear: both;}
.common-icon-content-list2 li {position: relative; float: left; width: 33.3%; margin-bottom: 0; padding-bottom: 20px;}
/*.common-icon-content-list2 li:nth-child(1) {padding-bottom: 20px;}
.common-icon-content-list2 li:nth-child(2) {padding-bottom: 20px;}
.common-icon-content-list2 li:last-child {}*/
.common-icon-content-list2 li .inner {margin: 0 auto;}
.common-icon-content-list2 li .inner > p {position: relative; display: inline-block; width: 75px; height: 75px; vertical-align: middle; border: 1px solid #e6e6e6; border-radius: 100%;}
.common-icon-content-list2 li .inner > p > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px;}
.common-icon-content-list2 li .inner span {display: block; margin: 6px 10px 15px 10px; font-size: 14px; line-height: 24px; font-weight: normal;}



@media all and (min-width:480px) {
	/* 공통 - 헤더 */
	#header hgroup h1 img {height: 40px; margin-top: 22px;}

	/* 공통 - 하단 버튼 영역 */
	.common-bottom-button a {margin-right: 20px;}
	.common-bottom-button a.download-btn {padding: 0.5em 2.5em 0.5em 1.3em; background-size: 13px 14px;}

	/* 공통 - 아이콘&내용 조합 리스트 */
	.common-icon-content-list li .inner span {margin: 10px 10px 0;}

		/* 공통 - 아이콘&내용 조합 리스트 */
	.common-icon-content-list2 li .inner span {margin: 6px 10px 15px 10px;}

	/* 메인 - 배너 */
	.main-visual .infos .inner {width: 350px;}
	.main-visual .infos h1 {font-size: 38px;}
	.main-visual .infos h3 {font-size: 18px; margin-bottom: 45px;}
	.main-visual {height: 450px;}
	.banner-mobile-img {height: 450px;}

	/* 공통 - 기타 */
	.page-main-title > h3 {font-size: 20px;}
	.info-gray-box {padding: 30px;}
	.info-gray-box2 {padding: 30px;}

	/* 메인 - 글로벌 네트워크 */
	.main-global-networks .title {padding: 80px 0 30px;}
	.main-global-networks .title h1 {font-size: 40px;}
	.main-global-networks .title p {font-size: 20px;}
	.main-global-networks .map {height: 300px; background: url(/assets/images/main/main_map_tm.png) center top no-repeat; background-size: contain;}

	/* 메인 - 주요 메뉴 */
	.main-menuinfo > .inner .common-info-list {padding-top: 80px;}
	.main-menuinfo > .inner .common-info-list .inner-center {float: left; width: 50%; margin-bottom: 0; padding-right: 10px;}
	.main-menuinfo > .inner .common-info-list .inner-right {float: left; width: 50%; padding-left: 10px;}

	/* 기업정보 - 역사 */
	.history > .inner h3 {font-size: 26px; line-height: 36px; margin-top: -6px;}
	.history > .inner .right-content-box h3 {padding-right: 30px;}
	.history > .inner .left-content-box h3 {padding-left: 30px;}
	.history .text-main-year {font-sise: 135px;}
	.history > .inner .right-content-box .list {padding-left: 30px;}
	.history > .inner .left-content-box .list {padding-right: 30px;}

	/* 기업정보 - 사업장위치 */
	.location .map .m-map-info {left: 20px; bottom: 20px;}
	.location .map .m-map-info .graph-title {font-size: 17px;}
	.location .map .m-map-info p {margin-top: 10px;}
	.location .map .m-map-info .nation {font-size: 16px; margin-bottom: 5px;}
	.location .map .m-map-info .number {font-size: 18px;}
	.location .map .m-map-info .total-number {font-size: 16px; margin-bottom: 5px;}

	/* 지속가능경영 - 비전 */
	.vision .point-box h1 {margin-left: -20%; font-size: 35px; line-height: 40px;}
	.vision .point-box h3 {margin-right: -20%; font-size: 35px; line-height: 70px;}

	.vision > .common-content-list li .inner {width: 120px;}
	.vision > .common-content-list li .inner > p {width: 120px; height: 120px; font-size: 17px;}

	/* 지속가능경영 - 윤리경영 */
	.ethics .en-common-icon-content-list li:nth-child(2) .inner span {min-height: 100px;}

	/* 사업소개 */
	.product .sub-visual h1 {font-size: 30px;}
	.inner-product-text .list {width: 280px;}
	.inner-product-text .list li {padding: 8px;}
	.inner-product-text .list p {width: 50px; height: 50px;}
	.inner-product-text .list p > img {width: 40px; height: 40px;}

	.inner-product-text .list2 {width: 440px;}
	.inner-product-text .list2 li {padding: 8px;}
	.inner-product-text .list2 p {width: 100%; text-align: center;}
	.inner-product-text .list2 p > img.remote1 {width: 48%; height: auto;}

	.inner-product-text h3 {font-size: 20px; font-weight: bold; margin-bottom: 25px;}

	/* 인재채용 - 인재상/인재육성 */
	.careers-philosophy-and-promote > .common-info-list {padding: 30px 30px;}
	.careers-philosophy-and-promote > .common-info-list .inner-left {width: 120px;}
	.careers-philosophy-and-promote > .common-info-list .inner-right {width: calc(100% - 120px);}
	.careers-philosophy-and-promote .img {width: 95px; height: 95px;}

	/* 인재채용 - 인사제도 */
	.careers-system .welfare-box col:first-child {width: 30%;}

	/* 공통 - 페이지 서브 타이틀 */
	.page-black-middle-line-sub-title {position: relative; width: 300px; margin: 0 auto; text-align: center;}
	.page-black-middle-line-sub-title > .title {font-size: 24px; font-weight: bold; padding-bottom: 10px; margin-bottom: 12px; border-bottom: 2px solid #000;}
	.page-black-middle-line-sub-title > .content {font-size: 16px; line-height: 26px;}

	/* 공통 - 탭 */
	.tab-menu li a {font-size: 14px;}

	/* 공통 - 게시판 상세 */
	.common-board-view .board-view-title dt, .common-board-view .board-view-title dd {font-size: 14px;}

	/* 공통 - 서브 페이지 상단 비주얼&상단 메뉴 */
	#snb nav > .menu li a {font-size: 15px; padding: 10px 7px 9px;}
}

@media all and (min-width: 768px) {
	/* 공통 - 헤더 */
	#header hgroup h1 img {height: 40px; margin-top: 22px;}
	#header hgroup {margin-left: 30px;}

	/* 공통 - 햄버거 메뉴 */
	#hambuger {right: 30px}

	/* 공통 - TOP */
	a.top_go {width: 50px; height: 50px; bottom: 30px; right: 30px;}

	/* 공통 - 버튼 */
	.middle-btn {font-size: 16px;}
	.big-btn {font-size: 16px;}

	/* 공통 - 서브페이지 비쥬얼 */
	.sub-visual {height: auto; margin-bottom: 65px;}
	.sub-visual .inner {padding: 0 40px;}
	.sub-visual h1 {padding: 100px 0 34px; font-size: 30px;}
	.sub-visual p.inner-text-gray {font-size: 14px; line-height: 25px; padding-bottom: 61px;}
	.sub-visual p.inner-text-white {font-size: 16px; line-height: 35px;}

	/* 공통 - 서브 페이지 상단 비주얼&상단 메뉴 */
	#visual {height: 230px; top: 90px;}
	#visual h1 {padding: 100px 0 15px; font-size: 30px;}
	#snb {top: 320px;}
	#snb nav {margin: 0 auto; max-width: 1244px; }
	#snb nav > .menu {display: table; width: 100%; height: 65px; overflow: hidden;}
	#snb nav > .menu li a {padding: 12px 10px 9px; font-size: 16px; line-height: 26px;}

	/* 공통 - 컨테이너 */
	#container {min-height: 100%; padding: 386px 0 562px; background: #fff;}
	#container-for-main {min-height: 100%; padding: 90px 0 562px; background: #fff;}
	#container > .content {position: relative; margin: 70px auto 100px; background: #fff;}
	#container > .content aside {width: 100%; height: 60px; border-bottom: 1px solid #d7d7d7;}

	/* 공통 - 푸터 */
	.show-mobile {display: none;}
	.show-pc {display: block;}
	#footer .inner-top .inner {position: relative; padding: 25px 0 45px 0; margin: 0 auto; color: #ccc; font-size: 14px;}
	#footer .inner-top .footer-menu > menu > li {float: left; padding-left: 30px; border-bottom: none;}
	#footer .inner-top .footer-menu > menu > li > ul.lnb {display: block; margin-top: 30px;}
	#footer .inner-top .footer-menu > menu > li > ul.lnb > li > a {color: #ccc;}
	#footer .inner-top .footer-menu > menu > li > ul.lnb > li > ul > li > a {color: #ccc; padding-left: 5px;}
	#footer .inner-bottom .inner {padding: 28px 30px 50px; font-size: 14px; text-align: left;}
	#footer .family-site {position: relative; float: right; margin: 10px 0 0; right: 30px;}
	#footer .text-caution {width: 100%; text-align: right; margin-bottom: 0; padding-right: 30px;}

	/* 정보 */
	.basic-info-box {margin: 0 30px; padding: 30px;}

	/* 메인 - 배너 */
	.banner-img {display: block !important; height: 500px;}
	.banner-mobile-img {display: none !important;}
	.main-visual {height: 500px;}
	.main-visual .nav {bottom: 3em; max-width: 950px; width: 80%; margin: 0 auto;}
	.main-visual .infos h1 {font-size: 45px; margin-bottom: 8px;}
	.main-visual .infos h3 {font-size: 26px; margin-bottom: 50px;}
	.main-visual .infos .bar {margin: 0 auto 15px; width: 45px; height: 4px;}
	.main-visual .infos .inner {width: auto;}
	.main-visual .infos p {font-size: 18px; line-height: 30px; padding-top: 20px;}
	.main-visual .nav .n {width: 60px;}
	.main-visual .nav .count {width: 45px;}

	/* 메인 - 사업영역 */
	#container-for-main.off .main-business {margin-bottom: 100px;}
	.main-business {margin-bottom: 100px;}
	.main-business > .inner {padding: 0 30px;}
	.main-business > .inner h1 {font-size: 35px; padding: 80px 0 60px;}
	.main-business > .inner p {font-size: 18px; padding: 0 0 38px; line-height: 28px;}
	.main-business > .inner .list li {float: left; width: 50%; padding: 20px; box-sizing: border-box;}
	.main-business > .inner .list .info-box {position: relative; height: 300px; overflow: hidden;}
	.main-business > .inner .list .info-box .desc {padding: 60px 30px;}
	.main-business > .inner .list .info-box .desc h3 {font-size: 26px; margin-bottom: 14px;}
	.main-business > .inner .list .info-box .desc span {font-size: 16px; line-height: 24px;}
	.btn-main-business-white-arrow {right: 20px; bottom: 20px; width: 50px; height: 50px;}
	.btn-main-business-gray-arrow {right: 20px; bottom: 20px; width: 50px; height: 50px;}

	/* 메인 - 글로벌 네트워크 */
	.main-global-networks {}
	.main-global-networks .title {padding: 136px 0 56px;}
	.main-global-networks .title h1 {font-size: 60px; margin-bottom: 25px;}
	.main-global-networks .map {height: 420px; background: url(/assets/images/main/main_map_tablet.png) center top no-repeat; margin-bottom: 50px;}

	/* 메인 - 주요 메뉴 */
	.main-menuinfo {margin-bottom: 94px; padding: 0 30px;}
	.main-menuinfo > .inner {max-width: 1244px; margin: 0 auto; padding: 0;}
	.main-menuinfo > .inner .common-info-list {width: 100%; padding-top: 100px;}
	.main-menuinfo > .inner .common-info-list .inner-left {margin-bottom: 50px;}
	.main-menuinfo > .inner .common-info-list .image-box {height: 295px;}
	.main-menuinfo > .inner .common-info-list .image-box p {padding: 0 20px; text-align: center;}
	.main-menuinfo > .inner .common-info-list .image-box p > a {font-size: 18px; line-height: 28px;}
	.main-menuinfo > .inner .common-info-list .video-box {height: 295px;}

	/* 메인 - 인재채용 */
	.main-career {}
	.main-career > .inner {max-width: 1244px; margin: 0 auto; text-align: center; padding: 0 30px;}
	.main-career .title {font-size: 35px; padding: 138px 0 60px;}
	.main-career .desc {font-size: 18px; padding: 0 0 78px; line-height: 30px;}
	.main-career > .inner .common-content-list {padding: 0 0 182px;}

	/* 기업정보 - 기업개요 */
	.overview {padding: 0 30px;}
	.overview > .common-data-table {margin-bottom: 70px;}
	.overview > .common-info-list {margin-bottom: 70px;}
	.overview > .common-info-list .inner-left {float: left; width: 50%; text-align: left;}
	.overview > .common-info-list .inner-right {float: left; width: 50%;}
	.overview-box {margin-bottom: 70px;}
	.overview-box p {font-size: 16px; line-height: 26px;}
	.overview-box .point {font-size: 26px; line-height: 36px; margin-bottom: 23px;}
	.overview > .show-mobile {display: none;}
	.overview > .show-pc {display: table;}

	/* 기업정보 - 역사 */
	.history {padding: 0 30px;}
	.history > .inner {position: relative; overflow: hidden; z-index: 0;}
	.history > .inner .right-content-box, .history > .inner .left-content-box {position: relative; display: flex; margin-top: 50px;}
	.history > .inner .content-box-top {margin-top: 100px;}
	.history > .inner .content-box-top > .text-now {top: -100px !important;  line-height: 162px !important;}
	.history > .inner .content-box-top > .text-main-year {top: -100px;}
	.history > .inner h3 {position: relative; width: 50%; font-size: 30px; font-weight: 400; line-height: 40px; z-index: 50;}
	.history > .inner .right-content-box h3 {float: left; padding-right: 50px; text-align: right;}
	.history > .inner .left-content-box h3 {float: right; padding-left: 50px; text-align: left;}
	.history > .inner .list {position: relative; width: 50%; box-sizing: border-box; z-index: 50;}
	.history > .inner .list li:last-child {margin-bottom: 20px;}
	.history > .inner .list .info {margin-bottom: 10px;}
	.history > .inner .list .info .year {font-size: 20px; font-weight: bold; line-height: 30px; margin-bottom: 5px;}
	.history > .inner .right-content-box dl {position: relative; margin-bottom: 10px;}
	.history > .inner .right-content-box dt {float: left; font-size: 20px; line-height: 28px;}
	.history > .inner .right-content-box dd {font-size: 16px; line-height: 28px; padding-left: 55px;}
	.history > .inner .left-content-box dl {position: relative; margin-bottom: 10px;}
	.history > .inner .left-content-box dt {float: right; font-size: 20px; line-height: 28px;}
	.history > .inner .left-content-box dd {font-size: 16px; line-height: 28px; padding-right: 55px;}
	.history > .inner .right-content-box .list {float: right; padding-left: 50px; text-align: left;}
	.history > .inner .left-content-box .list {float: left; padding-right: 50px; text-align: right;}
	.history .icon-history-round {position: absolute; top: 8px; left: -7px; width: 15px; height: 15px;}
	.history .history-vertical-line {position: absolute; background:url('/assets/images/history_line.png') 50% 0 repeat-y; width: calc(100% - 60px); height: calc(100% - 80px); top: 80px; z-index: 10;}
	.history .text-main-year {position: absolute; width: 100%; text-align: center; line-height: 100px; font-size: 250px; top: 0; z-index: 0;}

	/* 기업정보 - 인증 */
	.certificate .list li {width: 33.333%;}
	.certificate .list li p {font-size: 16px; height: 45px; padding-top: 5px;}
	.certificate > .date {font-size: 15px;}
	.certificate .common-data-table tbody th {line-height: 26px;}
	.certificate .common-data-table li {float: left; width: 50%;}
	.certificate .common-data-table-wrap {padding: 0 30px;}

	/* 기업정보 - 인사말 */
	.ceo {padding: 0 30px;}
	.ceo .image {text-align: center;}
	.ceo .image img {width: 350px;}
	.ceo .txt {margin-top: 70px;}
	.ceo .txt .point-title {font-size: 30px; margin-bottom: 24px;}
	.ceo .txt .point-sub-title {font-size: 18px; line-height: 28px; margin-bottom: 24px;}
	.ceo .txt p {margin: 0 0 40px; font-size: 16px; line-height: 26px; margin-bottom: 24px;}
	.ceo .txt .name-box {margin-top: 50px;}
	.ceo .txt .name-box span {font-size: 18px;}
	.ceo .txt .name-box .name {font-size: 24px;}

	/* 기업정보 - CI&BI */
	.ci-bi {padding: 0 30px;}
	.ci-bi > .logo-image-box {width: calc(100% + 20px); margin-left: -20px;}
	.ci-bi > .common-info-list:first-child {margin-bottom: 40px;}
	.ci-bi > .logo-image-box .inner-left {float: left; width: 33.333%; margin-bottom: 0; padding-left: 20px; padding-right: 0;}
	.ci-bi > .logo-image-box .inner-center {float: left; width: 33.333%; margin-bottom: 0; padding-left: 20px;}
	.ci-bi > .logo-image-box .inner-right {float: left; width: 33.333%; padding-left: 20px;}
	.ci-bi .desc-box {margin-top: 70px;}
	.ci-bi .desc-box p {font-size: 16px; line-height: 26px;}
	.ci-bi .desc-box .inner-left {float: left; width: 50%; margin-bottom: 0;}
	.ci-bi .desc-box .inner-right {float: left; width: 50%;}

	/* 기업정보 - 사업장 위치 */
	.location .map {height: 400px;}
	.location .map .bg-map {height: 400px; background: #f9f9f9 url('/assets/images/about/bg_map_t.png') no-repeat 50% 50%; background-size: contain;}
	.location .map .nation-image {height: 400px; background: url('/assets/images/about/ic_map_korea_t.png') no-repeat 50% 50%; background-size: contain;}
	.location .map .m-map-info {left: 30px; bottom: 30px;}
	.location .map {margin-bottom: 70px;}
	.location .info {margin-top: 50px; padding: 0 30px;}
	.location .info .inner {position: relative; float: left; width: 50%; margin-bottom: 0;}
	.location .info .inner > ul li dl {line-height: 30px; margin-bottom: 5px;}
	.location .info .inner > ul li dt {font-size: 16px;}
	.location .info .inner > ul li dd {font-size: 16px; padding-left: 100px;}
	.location .info .inner > ul li.vertical dl {line-height: 28px; margin-bottom: 10px;}
	.location .info .inner > ul li.vertical dt {font-size: 18px; margin-bottom: 15px;}
	.location .info .inner > ul li.vertical dd {font-size: 18px; padding-left: 0;}
	.location .info .inner .desc {font-size: 18px; line-height: 28px; margin-bottom: 10px;}
	.location .common-data-table {margin-bottom: 70px;}
	.location .common-data-table:last-child {margin-bottom: 0;}
	.location .common-data-table tbody th {line-height: 26px; font-size: 20px;}
	.location .common-data-table tbody td dt {position: absolute; display: inline-block; font-weight: bold; width: 140px; vertical-align: top;}
	.location .common-data-table tbody td dd {padding-left: 155px;}
	.location .en-text {font-size: 16px; font-weight: 300; padding-top: 5px;}

	/* 지속가능경영 - 비전 및 목표 */
	.vision {padding: 0 30px;}
	.vision .page-black-middle-line-sub-title {margin: 100px auto 90px;}

	.vision .point-box {margin-top: 70px; margin-bottom: 60px;}
	.vision .point-box h1 {margin-left: -25%; font-size: 45px; /*line-height: 56px;*/}
	.vision .point-box h3 {margin-right: -25%; font-size: 40px; /*line-height: 56px;*/}
	.vision .point-text {font-size: 22px; /*margin-bottom: 50px;*/}


	.vision img {width: 100%; max-width: 600px; margin-bottom: 10px;}
	.vision > .common-info-list .inner-left {padding-right: 0;}
	.vision > .common-info-list .inner-right {padding-left: 0;}
	.vision > .common-info-list .inner>.inner-title {font-size: 18px; padding: 16px 20px; margin-bottom: 0; border-radius: 15px 15px 0px 0px;}
	.vision > .common-info-list .inner>.inner-content {font-size: 16px; line-height: 26px; padding: 30px;}
	.vision > .common-content-list {margin-bottom: 70px;}
	.vision > .common-content-list li .inner {width: 150px;}
	.vision > .common-content-list li .inner > p {width: 150px; height: 150px; font-weight: 900; font-size: 20px;}

	/* 지속가능경영 - 윤리경영 */
	.ethics {padding: 0 30px;}
	.ethics .page-black-middle-line-sub-title {margin: 100px auto 30px;}
	.ethics .info-gray-box {margin-bottom: 70px;}
	.ethics .common-dot-box {width: 750px;}
	.ethics .common-data-table {margin-bottom: 50px;}

	/* 지속가능경영 - 사회 기여 */
	.social-contribution {padding: 0 30px;}
	.social-contribution .page-black-middle-line-sub-title {margin: 100px auto 30px;}
	.social-contribution .active-desc {font-size: 16px; line-height: 26px; margin: 0 auto 30px;}

	.social-contribution2 {position: relative; padding: 45px;}
	.social-contribution2 .page-black-middle-line-sub-title {margin: 50px auto 20px;}
	.social-contribution2 .active-desc {position: relative; width: 100%; font-size: 14px; line-height: 24px; text-align: center; margin: 0 auto 20px;}


	/* 사업소개 */
	.product .sub-visual .inner {width: 100%; height: 100%;}
	.product .sub-visual h1 {position: absolute; left: 70px; bottom: 70px; font-size: 50px; padding: 0; font-weight: 300; color: #fff;}
	.product .info-gray-box {margin: 0 30px 50px; padding: 50px; font-size: 16px; line-height: 26px; background: url(/assets/images/business/bg_subtitle.png) no-repeat 50% 0%;}
	.product .info-gray-box2 {margin: 0 30px 50px; padding: 50px; font-size: 16px; line-height: 26px; background: url(/assets/images/business/bg_subtitle_2x.png) no-repeat 50% 0%;}
	.product .page-black-middle-line-sub-title {margin-bottom: 70px; margin-top: 50px;}
	.product .product-banner-img {/*margin-bottom: 70px;*/ padding: 0 30px;}
	.product-content-box {padding: 0 30px;}
	.product-content-box > ul {display: block;}
	.product-content-box > ul> li {float: left; width: 50%; height: 420px;}
	.product-content-box2 > ul> li {float: left; width: 100%; height: 420px; }
	.product-content-box > ul> li img {width: 100%; height: auto;}
	.product-content-box .inner-image {order: unset; margin-bottom: 0;}
	.product-content-wide-box {padding: 0 30px; margin-top: 50px;}
	.product-content-wide-box > ul> li {padding: 30px;}
	.product-content-wide-box .inner-product-text .inner-content {width: 100%; padding: 30px;}
	.inner-product-text .inner-content {padding: 20px 30px;}
	.product-content-wide-box > ul> li {height: 420px; padding: 50px;}
	.product-content-wide-box > ul> li img {height: 420px;}
	.product .show-certificate-btn {font-size: 17px; margin-top: 30px;}
	.inner-product-text .list {display: none; width: 280px; margin: 10px auto;}
	.inner-product-text .list p {width: 50px; height: 50px;}
	.inner-product-text .list p > img {width: 37px; height: 37px;}

	.inner-product-text .list2 {/*display: none; */width: 280px; margin: 10px auto;}
	.inner-product-text .list2 p {width: 100%; text-align: center;}
	.inner-product-text .list2 p > img.remote1 {width: 48%; height: auto;}


	.inner-product-text {position: relative; text-align: center; display: table; order: 1; padding: 0;}
	.inner-product-text .inner {display: table-cell; vertical-align: middle; text-align: center;}
	.inner-product-text .inner .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.inner-product-text p.text-top-line {width: 25px; margin-bottom: 10px;}
	.inner-product-text h3 {font-size: 22px;}
	.inner-product-text h5 {font-size: 14px; line-height: 20px; margin-bottom: 10px; margin-top: 10px;}
	.inner-product-text dl {position: relative; width: 100%; text-align: left; margin-top: 20px;}
	.inner-product-text dt {float: left; font-size: 20px; line-height: 24px;}
	.inner-product-text dt > .icon-dot {top: 13px; width: 4px; height: 4px;}
	.inner-product-text dd {display: block; font-size: 15px; font-weight: bold; line-height: 22px; margin-bottom: 8px; padding-left: 12px;}
	.inner-product-text dd:last-child {margin-bottom: 0;}
	.inner-product-text .text-regular {font-weight: 400;}
	.product-banner-img {display: block !important;}
	.product-m-banner-img {display: none !important;}

	/* 고객지원 - Sales */
	.sales .sub-visual h1 {font-size: 50px; padding: 100px 0 30px;}
	.sales .sub-visual p {font-size: 20px; line-height: 30px; padding-bottom: 60px;}
	.sales > .tab-menu li {margin-bottom: 100px;}
	.sales .product-content-box .inner-text h3 {font-size: 48px; margin-bottom: 30px;}
	.sales .product-content-box .inner-text p {font-size: 14px; line-height: 24px;}
	.sales .list {margin-top: 90px;}
	.sales .list li {width: 50%; padding: 10px;}
	.sales .list li .inner {padding: 14px 20px 10px;}
	.sales .list li img {width: 100px; margin-bottom: 20px;}
	.sales .list li h3 {font-size: 24px; margin-bottom: 20px;}
	.sales .list li p {height: 184px; padding-top: 20px; font-size: 16px; line-height: 26px;}
	.sales .list li span {margin-bottom: 0;}
	.sales .inner-product-text {padding: 0 30px;}
	.sales .product-content-box .border-top {border-top: 1px solid #eee;}
	.sales .product-content-box .border-right {border-right: 1px solid #eee;}
	.sales .product-content-box .border-bottom {border-bottom: 1px solid #eee;}
	.sales .product-content-box .border-left {border-left: 1px solid #eee;}
	.sales .product-content-box > ul> li {height: 280px;}
	.sales .product-content-box > ul> li img {height: 280px;}
	.sales .common-data-table-wrap {padding: 0 30px;}
	.sales .common-data-table-wrap > .show-mobile {display: none;}
	.sales .common-data-table-wrap > .show-pc {display: table;}

	/* 고객지원 - 온라인 문의 */
	.online-contact {padding: 0 30px;}
	.online-contact .privacy-box {padding: 20px; height: 200px;}
	.online-contact .agree-box {padding-top: 20px; font-size: 16px; margin-bottom: 70px;}
	.online-contact .not-required-field {padding-left: 26px;}

	/* 인재채용 - 인재상/인재육성 */
	.careers-philosophy-and-promote {padding: 0 30px;}
	.careers-philosophy-and-promote .point {font-size: 18px; line-height: 28px; padding: 20px 50px;}
	.careers-philosophy-and-promote > .common-info-list {padding: 40px 40px;}
	.careers-philosophy-and-promote > .common-info-list > li {margin-bottom: 30px;}
	.careers-philosophy-and-promote > .common-info-list .inner-left {width: 165px;}
	.careers-philosophy-and-promote > .common-info-list .inner-right {width: calc(100% - 165px);}
	.careers-philosophy-and-promote .img {width: 140px; height: 140px;}
	.careers-philosophy-and-promote-box {height: 140px;}
	.careers-philosophy-and-promote-box span.title {font-size: 18px; padding-bottom: 20px;}
	.careers-philosophy-and-promote-box span.content {font-size: 16px; line-height: 26px;}

	/* 인재채용 - 인사제도 */
	.careers-system {padding: 0 30px;}
	.careers-system .common-data-table {margin-bottom: 70px;}

	/* 인재채용 - 직무소개 */
	.careers-employment {padding: 0 30px;}
	.careers-employment > .common-info-list:first-child {margin-bottom: 40px;}
	.careers-employment > .common-info-list .inner-left {float: left; width: 50%; margin-bottom: 0;}
	.careers-employment > .common-info-list .inner-right {float: left; width: 50%;}
	.careers-employment .desc-box {margin-top: 70px;}
	.careers-employment .desc-box p {font-size: 16px; line-height: 26px;}
	.careers-employment .desc-box .inner-left {float: left; width: 50%; margin-bottom: 0;}
	.careers-employment .desc-box .inner-right {float: left; width: 50%;}
	.careers-employment .recruit-box {font-size: 24px; line-height: 35px; margin-top: 70px; margin-bottom: 40px;}
	.careers-employment .recruit-box .point-bar {font-size: 38px; font-weight: bold; padding-top: 10px;}
	.careers-employment .recruit-box .point-desc {font-size: 18px; line-height: 28px; font-weight: 400;}
	.careers-employment .info-gray-box {font-size: 18px; line-height: 30px;}
	.careers-employment .info-gray-box .point-text {font-size: 20px; line-height: 32px;}
	.careers-employment .m-list {font-size: 18px;}

	/* 공통 - 데이터 테이블 */
	.common-data-table tbody th, .common-data-table tbody td {padding: 10px 20px;}
	.common-data-table tbody th {font-size: 16px;}
	.common-data-table tbody td {font-size: 16px; line-height: 26px;}

	/* 공통 - 서브페이지 타이틀 */
	#container > .content > .inner-title {margin-bottom: 80px;}
	#container > .content > .inner-title h3 {font-size: 32px; margin-bottom: 16px;}
	#container > .content > .inner-title p {font-size: 16px; letter-spacing: 6px;}

	/* 공통 - 기타 */
	.info-gray-box {font-size: 18px; line-height: 28px;; padding: 40px 70px;}
	.info-gray-box2 {font-size: 18px; line-height: 28px;; padding: 40px 70px;}
	.icon-dot {background-size: 4px 4px; padding-left: 12px;}
	.page-sub-title {margin-bottom: 20px;}
	.page-sub-title > h3 {font-size: 22px; background-size: 5px 26px; padding-left: 15px;}
	.page-sub-title > h5 {font-size: 15px; background-size: 3px 18px; padding-left: 15px;}

	.owl-prev {width: 35px; height: 35px; top: 45%; left: 30px;}
	.owl-next {width: 35px; height: 35px; top: 45%; right: 30px;}
	.page-main-title {margin-bottom: 15px;}
	.page-main-title > h3 {font-size: 22px;}
	.tab-menu {height: 50px;}
	.common-dot-box dt {font-size: 20px; line-height: 24px;}
	.common-dot-box dt > .icon-dot {top: 11px; left: 0; width: 4px; height: 4px;}
	.common-dot-box dd {display: block; font-size: 16px; line-height: 26px; padding-left: 22px;}


	/* 공통 - 하단 버튼 영역 */
	.common-bottom-button {padding: 40px 0 0;}
	.common-bottom-button a {margin-right: 20px;}
	.common-bottom-button a.download-btn {padding: 0.5em 2.5em 0.5em 1.3em; background-size: 15px 16px;}

	/*  공통 - 정보 리스트 */
	.common-info-list .inner-left {float: left; width: 50%; padding-right: 15px;}
	.common-info-list .inner-right {float: left; width: 50%; padding-left: 15px;}
	.common-info-list .content-middle {display: table;}
	.common-info-list .content-middle>.content {display: table-cell; vertical-align: middle;}

	/* 공통 - 게시판 정보 */
	.common-board-info {font-size: 16px;}
	.common-board {padding: 0 30px;}
	.common-board > .common-board-paging {padding-top: 40px; padding-bottom: 0;}

	/* 공통 - 게시판 갤러리형 리스트 */
	.common-board-gallery-list .list li {width: 33.333%;}
	.common-board-gallery-list .list .info-box {padding: 20px 10px;}
	.common-board-gallery-list .list .info-box strong {font-size: 18px; line-height: 25px;}
	.common-board-gallery-list .list .info-box p {height: 60px; margin: 8px 0 15px; font-size: 14px; line-height: 20px;}
	.common-board-gallery-list .list .info-box .date {font-size: 14px;}
	.common-board-gallery-list .list .blank {padding: 100px; font-size: 18px;}

	/* 공통 - 게시판 리스트형 리스트 */
	.common-board-list thead th {padding: 15px 20px; font-size: 14px;}
	.common-board-list tbody td {padding: 15px 10px; font-size: 14px; line-height: 24px;}
	.common-board-list col.on-display {display: table-column;}
	.common-board-list th.on-display {display: table-cell;}
	.common-board-list td.on-display {display: table-cell;}
	.common-board-list .on-display-m {display: none;}
	.common-board-list .on-display-p {display: table-cell;}

	/* 공통 - 게시판 상세 */
	.common-board-view {padding: 0 30px;}
	.common-board-view .board-view-title {padding: 20px;}
	.common-board-view .board-view-title h1 {font-size: 22px; margin-bottom: 10px; line-height: 32px;}
	.common-board-view .board-view-title dt, .common-board-view .board-view-title dd {font-size: 14px;}
	.common-board-view .board-view-title dd {margin: 0 20px 0 5px;}
	.common-board-view .board-view-content {padding: 30px 20px;}
	.common-board-view .board-view-file {width: 100%; padding: 10px 20px; font-size: 14px; line-height: 20px;}
	.common-board-view .board-view-file dt {width:100px;}
	.common-board-view .board-view-file dd {width:70%; margin-left: 100px;}

	/* 공통 - 게시판 입력폼 */
	.common-board-write th, .common-board-write td {padding: 13px 10px; font-size: 16px;}
	.common-board-write th {font-size: 16px; text-align: left;}
	.common-board-write input, .common-board-write select {width: 40%; height: 44px; font-size: 16px;}
	.common-board-write textarea {width: 100%; height: 44px; font-size: 16px;}
	.common-board-write input:focus, .common-board-write select:focus, .common-board-write textarea:focus {}
	.common-board-write select {height: 44px;}
	.common-board-write textarea {height: 200px;}
	.common-board-write #email {width: 35%;}
	.common-board-write #phone {width: 18%;}

	/* 공통 - 게시판 페이징 */
	.common-board-paging {padding: 30px 0; text-align: center;}
	.common-board-paging ul a, .common-board-paging ul strong {padding: 8px 12px; font-size: 14px;}


	/* 공통 - 탭 */
	.tab-menu li a {padding: 14px 0; font-size: 16px;}

	/* 공통 - 페이지 서브 타이틀 */
	.page-black-middle-line-sub-title {width: 500px;}
	.page-black-middle-line-sub-title > .title {font-size: 30px; padding-bottom: 10px; margin-bottom: 14px;}
	.page-black-middle-line-sub-title > .content {font-size: 18px; line-height: 28px;}

	/* 공통 - 내용 리스트 */
	.common-content-list {width: 100%;}
	.common-content-list li {width: 50%; margin-bottom: 0;}
	.common-content-list li:nth-child(1) {padding-bottom: 70px;}
	.common-content-list li:nth-child(2) {padding-bottom: 70px;}
	.common-content-list li .inner {width: 150px;}
	.common-content-list li .inner > p {width: 150px; height: 150px;}
	.common-content-list li .inner > p > a {font-size: 18px;}

	/* 공통 - 서브 배너 */
	.sub-visual-by-quotes {height: 320px; margin-bottom: 65px; margin-bottom: 70px;}
	.sub-visual-by-quotes .inner {padding: 0 40px;}
	.sub-visual-by-quotes h1 {font-size: 42px; padding: 70px 0 50px;}
	.sub-visual-by-quotes p {font-size: 18px; line-height: 30px;}
	.sub-visual-by-quotes p:before {width: 31px; height: 26px; background-size: 31px 26px; margin: 0 auto; margin-bottom: 30px;}
	.sub-visual-by-quotes p:after {width: 31px; height: 26px; background-size: 31px 26px; margin: 0 auto; margin-top: 30px;}
	.sub-visual-by-quotes p > span {font-size: 18px; line-height: 28px; margin-top: 20px;}

	/* 공통 - 아이콘&내용 조합 리스트 */
	.common-icon-content-list {width: 700px;}
	.common-icon-content-list li {width: 25%;}
	.common-icon-content-list li:nth-child(1) {padding-bottom: 0;}
	.common-icon-content-list li:nth-child(2) {padding-bottom: 0;}


		/* 공통 - 아이콘&내용 조합 리스트 */
	.common-icon-content-list2 {width: 700px;}
	.common-icon-content-list2 li {width: 16.5%;}
/*	.common-icon-content-list2 li:nth-child(1) {padding-bottom: 0;}
	.common-icon-content-list2 li:nth-child(2) {padding-bottom: 0;}
}*/
}

@media all and (min-width: 1025px) {
	/* 공통 - 헤더 */
	#header hgroup {margin-left: 0;}
	#header hgroup h1 img {height: 40px; margin-top: 22px;}
	#header > .inner {padding: 0 30px;}
	#header .inner #gnb {position: absolute; display: block; top: 25px; right: 72px; border: 0 none;}
	#header .inner #gnb menu:after {content:''; display: block; clear: both;}
	#header .inner #gnb menu > li {float: left; width: auto; height: auto;}
	#header .inner #gnb menu > li > a {position: relative; display: block; padding: 7px 30px 34px; font-size: 16px; text-align: center; font-weight: bold;}
	#header .inner #gnb menu > li > a:after {position: absolute; content: ''; left: 0; bottom: -2px; width: 0; height: 3px; background-color:#e7380d; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s}
	#header .inner #gnb menu > li > a:hover:after,
	#header .inner #gnb menu > li > a:focus:after,
	#header .inner #gnb menu > li > a.active:after {width: 100%;}
	#header .inner #gnb menu > li:last-child {text-align: center;}
	#header .inner #gnb menu > li:last-child > a {padding: 6px 20px 27px;}
	#header .inner #gnb menu > li:last-child > a:hover:after,
	#header .inner #gnb menu > li:last-child > a:focus:after,
	#header .inner #gnb menu > li:last-child > a.active:after {width: 0;}
	#header .inner #gnb menu > li:last-child .secondary {padding-left: 0;}
	#header .inner #gnb .secondary {overflow: hidden; height: 270px; padding-top: 10px; padding-left: 30px;}
	#header .inner #gnb .secondary > li > a {display: block; padding: 6px 0 10px 0; font-size: 16px; transition: color .3s;}
	#header .inner #gnb .secondary > li > a:hover, #gnb .secondary > li > a:focus, #gnb .secondary > li > a.active {color: #e7380d;}
	#header .inner #gnb .primary > li .secondary .menu-dropdown {margin-top: 6px;}
	#header .inner #gnb .primary > li .secondary .menu-dropdown > li {padding-bottom: 5px;}
	.en-menu menu > li > a {padding: 9px 20px 33px !important; font-size: 15px !important;}
	.en-menu .secondary {padding-left: 18px !important;}
	.en-menu menu > li:last-child .secondary {padding-left: 0 !important;}

	#footer .text-caution {padding-right: 30px;}
	.lang-on {padding: 10px 0 0 4px !important;}
	.lang-off {padding: 10px 0 0 4px !important;}

	/* 공통 - 햄버거 메뉴 */
	#hambuger {padding: 0; right: 30px}

	/* 공통 - 모바일 메뉴 */
	#m-nav {display: none;}

	/* 공통 - 서브페이지 비쥬얼 */
	.sub-visual {height: 525px; margin-bottom: 65px;}
	.sub-visual .inner {padding: 0 60px;}
	.sub-visual h1 {padding: 145px 0 34px; font-size: 34px;}
	.sub-visual p.inner-text-gray {font-size: 16px; line-height: 25px; padding-bottom: 70px;}
	.sub-visual p.inner-text-white {font-size: 20px; line-height: 35px;}

	/* 공통 - 서브 페이지 상단 비주얼&상단 메뉴 */
	#visual {height: 270px; top: 90px;}
	#visual h1 {padding: 115px 0 15px; font-size: 34px;}
	#snb {top: 360px;}
	#snb nav {margin: 0 auto; max-width: 1244px; }
	#snb nav > .menu {display: table; width: 100%; height: 65px; overflow: hidden;}
	#snb nav > .menu li a {padding: 12px 5px 9px; font-size: 17px; line-height: 27px;}

	/* 공통 - 컨테이너 */
	#container {min-height: 100%; padding: 425px 0 562px; background: #fff;}
	#container-for-main {min-height: 100%; padding: 90px 0 562px; background: #fff;}
	#container > .content {margin: 100px 5% 140px; max-width: 100%;}
	#container > .content aside {width: 100%; height: 60px;}

	/* 정보 */
	.basic-info-box {margin: 0; padding: 50px;}

	/* 메인 - 배너 */
	.main-visual {height: 650px;}
	.banner-img {height: 650px;}
	.main-visual .infos {max-width: 950px;}
	.main-visual .infos .inner {position: absolute; top: auto; left: auto; right: 0; transform: none; bottom: 100px; text-align: right; padding: 0; z-index: 10;}
	.main-visual .infos h1 {font-size: 45px; margin-bottom: 8px;}
	.main-visual .infos h3 {font-size: 30px; margin-bottom: 50px;}
	.main-visual .infos .bar {position: absolute; float: right; left: unset; right: 0; width: 45px; height: 4px; background: #a9083b; margin-bottom: 25px;}
	.main-visual .infos p {font-size: 22px; line-height: 30px; padding-top: 25px;}
	.main-visual .nav {bottom: 4em;}
	.main-visual .nav .n {width: 70px;}
	.main-visual .nav .count {width: 60px;}

	/* 메인 - 사업영역 */
	#container-for-main.off .main-business {height: 100px !important; margin-bottom: 0 !important;}
	.main-business {height: unset;}
	.main-business > .inner {max-width: 950px; padding: 0;}
	.main-business > .inner .list li {padding: 20px !important;}
	.main-business > .inner .list .info-box {height: 300px;}
	.main-business > .inner .list .background-top-right-box {background-size: 265px 265px !important; background-position: right -105px bottom 0px !important;}
	.btn-main-business-white-arrow {right: 20px; bottom: 20px; width: 50px; height: 50px;}
	.btn-main-business-gray-arrow {right: 20px; bottom: 20px; width: 50px; height: 50px;}

	/* 메인 - 주요 메뉴 */
	.main-menuinfo {padding: 0;}
	.main-menuinfo > .inner {max-width: 950px;}
	.main-menuinfo > .inner .common-info-list .inner-left {float: left; width: 33.333%; margin-bottom: 0; padding-right: 20px;}
	.main-menuinfo > .inner .common-info-list .inner-center {float: left; width: 33.333%; margin-bottom: 0; padding-right: 0;}
	.main-menuinfo > .inner .common-info-list .inner-right {float: left; width: 33.333%; padding-left: 20px;}
	.main-menuinfo > .inner .common-info-list .image-box {height: 295px;}
	.main-menuinfo > .inner .common-info-list .image-box p {padding: 0 20px; text-align: center;}
	.main-menuinfo > .inner .common-info-list .image-box p > a {font-size: 18px; line-height: 25px;}
	.main-menuinfo > .inner .common-info-list .video-box {height: 295px;}

	/* 메인 - 글로벌 네트워크 */
	.main-global-networks .title h1 {font-size: 75px; margin-bottom: 25px;}
	.main-global-networks .title p {font-size: 26px;}
	.main-global-networks .map {height: 500px; background: url(/assets/images/main/main_map.png) center top no-repeat;}

	/* 메인 - 인재채용 */
	.main-career {padding: 0;}
	.main-career > .inner {max-width: 950px; padding: 0;}

	/* 메인 - 기타 */
	.owl-prev {width: 35px; height: 35px; top: 45%; left: 30px;}
	.owl-next {width: 35px; height: 35px; top: 45%; right: 30px;}
	.page-main-title {margin-bottom: 15px;}
	.page-main-title > h3 {font-size: 24px;}

	/* 기업정보 - 기업개요 */
	.overview {padding: 0;}

	/* 기업정보 - 역사 */
	.history {padding: 0;}
	.history > .inner .list .info .year {font-size: 22px; line-height: 32px;}
	.history .history-vertical-line {width: 100%;}
	.history > .inner h3 {font-size: 35px; line-height: 42px;}
	.history > .inner .right-content-box h3 {padding-right: 50px;}
	.history > .inner .left-content-box h3 {padding-left: 50px}
	.history .icon-history-round {left: -7px;}

	/* 기업정보 - 인증 */
	.certificate .list li {width: 20%;}
	.certificate .common-data-table-wrap {padding: 0;}

	/* 기업정보 - 인사말 */
	.ceo {padding: 0;}
	.ceo .image {position: absolute; bottom: 50px; right: 0;}
	.ceo .txt {padding: 0 420px 0 0; line-height: 30px; margin-top: 0;}

	/* 기업정보 - CI&BI */
	.ci-bi {padding: 0;}
	.ci-bi > .logo-image-box {width: calc(100% + 20px);}

	/* 기업정보 - 사업장 위치 */
	.location .map {height: 450px;}
	.location .info {padding: 0;}
	.location .map .m-map-info {display: none;}
	.location .map .map-info {display: block; left: 30px; bottom: 30px;}
	.location .map .bg-map {height: 450px; background: #f9f9f9 url('/assets/images/about/bg_map.png') no-repeat 50% 50%;}
	.location .map .nation-image {height: 450px; background: url('/assets/images/about/ic_map_korea.png') no-repeat 50% 50%;}
	.location .common-data-table tbody td dt {width: 150px;}
	.location .common-data-table tbody td dd {padding-left: 170px;}

	/* 지속가능경영 - 비전 및 목표 */
	.vision {padding: 0;}
	.vision img {max-width: 800px;}
	.vision .point-box {margin-bottom: 100px; margin-top: 100px;}
	.vision > .common-info-list .inner-left {float: left; width: 33.333%; margin-bottom: 0; padding-right: 20px;}
	.vision > .common-info-list .inner-center {float: left; width: 33.333%; margin-bottom: 0;}
	.vision > .common-info-list .inner-right {float: left; width: 33.333%; padding-left: 20px;}
	.vision > .common-info-list .inner>.inner-content {min-height: 168px;}
	.vision > .common-info-list {width: 100%;}
	.vision > .common-content-list {width: 100%;}
	.vision > .en-common-info-list .inner-left .inner-title {padding: 27px 20px;}
	.vision > .en-common-info-list .inner>.inner-title {min-height: 80px;}
	.vision > .en-common-info-list .inner>.inner-content {min-height: 240px;}
	.vision .point-box h1 {margin-left: -25%; font-size: 55px; line-height: 60px;}
	.vision .point-box h3 {margin-right: -25%; font-size: 50px; line-height: 100px;}
	.vision > .common-info-list .inner>.inner-title {font-size: 18px; padding: 16px 20px; margin-bottom: 0; border-radius: 15px 15px 0px 0px;}
	.vision > .common-info-list .inner>.inner-content {font-size: 16px; line-height: 26px; padding: 25px 10px 20px 15px}
	.vision > .common-content-list {margin-bottom: 100px;}
	.vision > .common-content-list li .inner {width: 170px;}
	.vision > .common-content-list li .inner > p {width: 170px; height: 170px; font-size: 22px;}

	/* 지속가능경영 - 윤리경영 */
	.ethics .en-common-icon-content-list li:nth-child(2) .inner span {min-height: auto;}

	/* 사업소개 */
	.product .page-black-middle-line-sub-title {margin-bottom: 100px; margin-top: 70px;}
	.product .product-banner-img {margin-bottom: 100px; padding: 0;}
	.product .sub-visual {height: auto;}
	.product .sub-visual h1 {left: 70px; bottom: 70px; font-size: 60px;}
	.product .info-gray-box {margin: 0 0 50px; padding: 50px; font-size: 18px; line-height: 28px;}
	.product .info-gray-box2 {margin: 0 0 50px; padding: 50px; font-size: 18px; line-height: 28px;}
	.product-content-box {padding: 0;}
	.product-content-box > ul> li {height: 450px;}
	.product-content-box > ul> li img {height: 450px;}
	.product-content-wide-box {padding: 0; margin-top: 50px;}
	.product-content-wide-box > ul {display: block;}
	.product-content-wide-box > ul> li {float: left; width: 50%; height: 550px; padding: 30px;}
	.product-content-wide-box > ul> li img {height: 550px;}
	.product-content-wide-box .inner-image {display: block; order: unset; margin-bottom: 0;}
	.product-content-wide-box .inner-product-text .inner-content {width: 400px; padding: 0 30px;}
	.inner-product-text .inner-content {width: 420px; margin: 0 auto; text-align: center;}
	.inner-product-text {padding: 0;}
	.inner-product-text p.text-top-line {width: 25px; margin-bottom: 10px;}
	.inner-product-text h3 {font-size: 26px;}
	.inner-product-text .list {display: block; width: 280px; margin: 10px auto;}
	.inner-product-text .list p {width: 50px; height: 50px;}
	.inner-product-text .list p > img {width: 37px; height: 37px;}

	.inner-product-text .list2 {display: block; width: 280px; margin: 10px auto;}
	.inner-product-text .list2 p {width: 100%; text-align: center;}
	.inner-product-text .list2 p > img.remote1 {width: 48%; height: auto;}

	.inner-product-text .tech-list {width: 100%; text-align: center; margin: 20px 0;}
	.inner-product-text .tech-list li {padding: 10px;}
	.inner-product-text .tech-list p {font-size: 18px; font-weight: bold;}
	.product-content-box .border-top {border-top: 1px solid #eee;}
	.product-content-box .border-right {border-right: 1px solid #eee;}
	.product-content-box .border-bottom {border-bottom: 1px solid #eee;}
	.product-content-box .border-left {border-left: 1px solid #eee;}
	.inner-product-text dt {font-size: 17px; line-height: 24px;}
	.inner-product-text dd {font-size: 15px; line-height: 23px; margin-bottom: 5px; padding-left: 12px;}
	.inner-product-text dl {margin-top: 10px;}

	/* 고객지원 - Sales */
	.sales .sub-visual h1 {font-size: 60px; padding: 140px 0 40px;}
	.sales .sub-visual p {font-size: 20px; line-height: 30px; padding-bottom: 0px;}
	.sales .list li {width: 25%;}
	.sales .list li p {height: 184px; padding-top: 20px; font-size: 16px;}
	.sales .product-content-box > ul> li {height: 350px;}
	.sales .product-content-box > ul> li img {height: 350px;}
	.sales .common-data-table {margin-top: 100px;}
	.sales .common-data-table-wrap {padding: 0;}

	/* 고객지원 - 온라인 문의 */
	.online-contact {padding: 0;}

	/* 인재채용 - 인재상 */
	.careers-philosophy-and-promote .point {font-size: 18px; line-height: 28px; padding: 20px 50px;}
	.careers-philosophy-and-promote {padding: 0;}
	.careers-philosophy-and-promote > .common-info-list {padding: 50px 50px;}

	/* 인재채용 - 인사제도 */
	.careers-system {padding: 0;}

	/* 인재채용 - 직무소개 */
	.careers-employment {padding: 0;}
	.careers-employment .m-list {display: none;}
	.careers-employment .detail-menu-wrap {text-align: center;}
	.careers-employment .list {display: inline-block; width: 950px; overflow: hidden; text-align: center;}
	.careers-employment .list:after {content: ''; display: block; clear: both;}
	.careers-employment .list li {position: relative; display: table; float: left; width: 180px; margin-right: 20px; text-align: left;}
	.careers-employment .list li:last-child {margin-right: 0; width: 110px;}
	.careers-employment .list .ic-step {position: absolute; top: 36%; right: 4px; width: 50px; height: 9px; background: url('/assets/images/careers/ic_next.png') no-repeat; background-size: contain;}
	.careers-employment .list .inner-image {display: table-cell; width: 110px; height: 110px; vertical-align: middle; border: 1px solid #e6e6e6; border-radius: 100%; text-align: center;}
	.careers-employment .list .inner-image:hover {border: 1px solid #333;}
	.careers-employment .list .inner-image img {width: 60px; height: 60px;}
	.careers-employment .list .inner-text {width: 110px; font-size: 18px; font-weight: bold; padding-top: 18px; text-align: center;}
	.careers-employment .list li.on .inner-image {background-color: #333; border: 1px solid #333;}
	.careers-employment .desc-box {margin-top: 100px;}
	.careers-employment .recruit-box {font-size: 26px; line-height: 40px; margin-top: 100px; margin-bottom: 40px;}
	.careers-employment .recruit-box .point-bar {font-size: 38px; padding-top: 10px;}
	.careers-employment .recruit-box .point-desc {font-size: 18px; line-height: 28px;}

	/* 공통 - 게시판 상세 */
	.common-board-view {padding: 0;}

	/* 공통 - 서브페이지 타이틀 */
	#container > .content > .inner-title {margin-bottom: 100px;}
	#container > .content > .inner-title h3 {font-size: 40px; margin-bottom: 20px;}
	#container > .content > .inner-title p {font-size: 16px;}

	/* 공통 - 기타 */
	.page-sub-title {margin-bottom: 30px;}
	.page-sub-title > h3 {font-size: 22px; background-size: 5px 26px; padding-left: 15px;}
	.page-sub-title > h5 {font-size: 15px; background-size: 3px 18px; padding-left: 15px;}
	.tab-menu {max-width: 100%;}

	/* 공통 - 정보 리스트 */
	.common-info-list .inner-left {padding-right: 30px;}
	.common-info-list .inner-right {padding-left: 30px;}

	/* 공통 - 내용 리스트 */
	.common-content-list {width: 100%;}
	.common-content-list li {width: 25%;}
	.common-content-list li:nth-child(1) {padding-bottom: 0;}
	.common-content-list li:nth-child(2) {padding-bottom: 0;}
	.common-content-list li .inner {width: 170px;}
	.common-content-list li .inner > p {width: 170px; height: 170px;}
	.common-content-list li .inner > p > a {font-size: 20px;}

	/* 공통 - 서브 배너 */
	.sub-visual-by-quotes {height: 357px;}
	.sub-visual-by-quotes .inner {padding: 0 50px;}
	.sub-visual-by-quotes h1 {font-size: 48px; padding: 100px 0 70px;}
	.sub-visual-by-quotes p {font-size: 20px; line-height: 34px;}
	.sub-visual-by-quotes p:before {width: 31px; height: 26px; background-size: 31px 26px; margin: 0 auto; margin-bottom: 50px;}
	.sub-visual-by-quotes p:after {width: 31px; height: 26px; background-size: 31px 26px; margin: 0 auto; margin-top: 50px;}
	.sub-visual-by-quotes p > span {font-size: 18px; line-height: 28px; margin-top: 20px;}

	/* 공통 - 아이콘&내용 조합 리스트 */
	.common-icon-content-list {width: 950px;}
	.common-icon-content-list li .inner > p {width: 120px; height: 120px;}
	.common-icon-content-list li .inner > p > img {width: 80px; height: 80px;}
	.common-icon-content-list li .inner span {display: block; margin: 20px 20px 0; font-size: 16px; line-height: 26px;}

		/* 공통 - 아이콘&내용 조합 리스트 */
	.common-icon-content-list2 {width: 900px;}
	.common-icon-content-list2 li .inner > p {width: 100px; height: 100px;}
	.common-icon-content-list2 li .inner > p > img {width: 65px; height: 65px;}
	.common-icon-content-list2 li .inner span {display: block; margin: 10px 20px 20px; font-size: 16px; line-height: 26px;}

}


@media all and (min-width: 1300px) {
	/* 공통 - 헤더 */
	#header hgroup h1 img {height: 45px; margin-top: 20px;}
	#header > .inner {max-width: 1244px; padding: 0;}
	#header .inner #gnb {right: 40px;}
	#header .inner #gnb menu > li > a {padding: 6px 42px 33px; font-size: 17px;}
	#header .inner #gnb menu > li:last-child > a {padding: 6px 20px 32px;}
	#header .inner #gnb .secondary {padding-left: 42px;}
	#header .inner #gnb .secondary > li > a {padding: 6px 0 10px 0;}
	#header .inner #gnb .secondary {height: 270px;}
	.en-menu menu > li > a {padding: 8px 30px 33px !important; font-size: 16px !important;}
	.en-menu .secondary {padding-left: 30px !important;}


	/* 공통 - 햄버거 메뉴 */
	#hambuger {right: 0;}

	/* 공통 - 컨테이너 */
	#container {min-height: 100%; padding: 425px 0 562px; background: #fff;}
	#container-for-main {min-height: 100%; padding: 90px 0 562px; background: #fff;}
	#container > .content {margin: 100px auto 140px; max-width: 1244px;}
	#container > .content aside {width: 100%; height: 60px;}

	/* 공통 - 푸터 */
	#footer .inner-top .inner {max-width: 1244px;}
	#footer .inner-top .footer-menu > menu > li:first-child {padding-left: 0;}
	#footer .inner-top .footer-menu > menu > li {padding-left: 65px;}
	#footer .inner-top .footer-menu > menu > li > ul.lnb {display: block; margin-top: 30px;}
	#footer .inner-top .footer-menu > menu > li > ul.lnb > li > a {color: #ccc;}
	#footer .inner-top .footer-menu > menu > li > ul.lnb > li > ul > li > a {color: #ccc; padding-left: 5px;}
	#footer .inner-bottom .inner {max-width: 1244px; padding: 28px 0 50px 0; font-size: 14px; text-align: left;}
	#footer .family-site {position: absolute; float: unset; top: 80px; right: 0;}
	#footer .text-caution {padding-right: 0;}

	/* 메인 - 배너 */
	.owl-prev {width: 40px; height: 40px; top: 45%; left: 40px;}
	.owl-next {width: 40px; height: 40px; top: 45%; right: 40px;}
	.main-visual .infos {max-width: 1244px;}
	.main-visual .nav {bottom: 4.5em;}
	.main-visual .infos .inner {bottom: 110px;}

	/* 메인 - 사업영역 */
	.main-business > .inner {max-width: 1244px;}
	.main-business > .inner .list {width: 1284px; margin-left: -20px; margin-top: -20px;}
	.main-business > .inner .list li {width: 25%; padding: 20px;}
	.main-business > .inner .list .info-box {height: 270px;}
	.main-business > .inner .list .background-top-right-box {background-size: 200px 200px !important; background-position: right -75px bottom 0px !important;}
	.btn-main-business-white-arrow {right: 20px; bottom: 20px; width: 60px; height: 60px;}
	.btn-main-business-gray-arrow {right: 20px; bottom: 20px; width: 60px; height: 60px;}
	.product .info-gray-box {margin: 0 0 50px; padding: 50px; font-size: 20px; line-height: 30px;}

	.product .info-gray-box2 {margin: 0 0 50px; padding: 50px; font-size: 20px; line-height: 30px;}

	/* 메인 - 주요 메뉴 */
	.main-menuinfo > .inner {max-width: 1244px;}

	/* 메인 - 인재채용 */
	.main-career > .inner {max-width: 1244px;}

	/* 기업정보 - 기업개요 */
	.overview .common-data-table li {float: left; width: 50%;}

	/* 기업정보 - 인사말 */
	.ceo .txt {padding: 0 516px 0 0;}
	.ceo .image {bottom: 0; right: 40px;}

	/* 기업정보 - CI&BI */
	.ci-bi > .logo-image-box {width: 1264px;}

	/* 기업정보 - 인증 */
	.certificate .list {width: 1284px; margin-left: -20px; margin-top: 50px;}
	.certificate .list li {width: 16.666%;}

	/* 지속가능경영 - 비전 및 목표 */
	.vision > .common-info-list {width: 1025px;}
	.vision > .common-content-list {width: 1025px;}
	.vision > .common-info-list .inner>.inner-content {padding: 30px 15px;}

	/* 사업소개 */
	.product .sub-visual h1 {left: 100px; bottom: 100px; font-size: 80px;}
	.inner-product-text h3 {font-size: 30px;}
	.inner-product-text .list {width: 350px; margin: 20px auto;}
	.inner-product-text .list li {padding: 10px;}
	.inner-product-text .list p {width: 60px; height: 60px;}
	.inner-product-text .list p > img {width: 45px; height: 45px;}

	.inner-product-text .list2 {width: 400px; margin: 20px auto;}
	.inner-product-text .list2 li {padding: 10px;}
	.inner-product-text .list2 p {width: 100%; text-align: center;}
	.inner-product-text .list2 p > img.remote1 {width: 48%; height: auto;}


	.inner-product-text .inner-content {width: 460px; margin: 0 auto; text-align: center;}
	.product-content-box > ul> li {height: 622px;}
	.product-content-box > ul> li img {height: 622px;}
	.product-content-wide-box > ul> li {height: 622px; padding: 50px;}
	.product-content-wide-box > ul> li img {height: 622px;}
	.product-content-wide-box .inner-product-text .inner-content {width: 420px; padding: 0 10px;}
	.inner-product-text dt {font-size: 20px; line-height: 24px;}
	.inner-product-text dd {font-size: 17px; line-height: 28px; margin-bottom: 8px; padding-left: 12px;}
	.inner-product-text dl {margin-top: 30px;}

	/* 고객지원 - Sales */
	.sales .list {width: 1264px; margin-left: -10px;}
	.sales .list li {width: 25%; padding: 10px;}
	.sales .product-content-box > ul> li {height: 400px;}
	.sales .product-content-box > ul> li img {height: 400px;}
	.sales .product-content-wide-box > ul> li {height: 400px; padding: 50px;}
	.sales .product-content-wide-box > ul> li img {height: 400px;}
	.sales .sub-visual h1 {font-size: 80px;}

	/* 인재채용 - 직무소개 */
	.careers-employment .list {width: 100%;}
	.careers-employment .list li {position: relative; display: table; float: left; width: 235px; margin-right: 45px; text-align: left;}
	.careers-employment .list li:last-child {margin-right: 0; width: 120px;}
	.careers-employment .list .ic-step {position: absolute; top: 37%; right: 7px; width: 56px; height: 11px;}
	.careers-employment .list .inner-image {display: table-cell; width: 120px; height: 120px; vertical-align: middle; border: 1px solid #e6e6e6; border-radius: 100%; text-align: center;}
	.careers-employment .list .inner-image img {width: 80px; height: 80px;}
	.careers-employment .list .inner-text {width: 120px;}

	/* 공통 - 기타 */
	.tab-menu {max-width: 1244px;}

	/* 공통 - 서브 배너 */
	.sub-visual-by-quotes {height: 467px;}
	.sub-visual-by-quotes p {font-size: 22px; line-height: 38px;}

	/* 공통 - 게시판 정보 */
	.common-board-info {padding: 0;}
	.common-board {padding: 0;}
	.common-board > .common-board-paging {padding-top: 40px; padding-bottom: 0;}

	/* 공통 - 게시판 리스트형 리스트 */
	.common-board-list thead th {padding: 15px 20px; font-size: 15px;}
	.common-board-list tbody td {padding: 15px 10px; font-size: 15px; line-height: 25px;}

	/* 공통 - 게시판 갤러리형 리스트 */
	.common-board-gallery-list .list {width: 1284px; margin-left: -20px; margin-top: -20px;}
	.common-board-gallery-list .list li {width: 25%; padding: 20px;}
}

@media all and (min-width: 1600px) {
	/* 메인 - 배너 */
	.main-visual {height: 800px;}
	.banner-img {height: 800px;}
	.main-visual .infos .inner {bottom: 155px;}
	.main-visual .nav {bottom: 5em;}
	.owl-prev {width: 40px; height: 40px; top: 45%; left: 60px;}
	.owl-next {width: 40px; height: 40px; top: 45%; right: 60px;}
}