#contents .visu {
  height: 416px;
  position: relative;
}
#contents .visu.sub01 {
  background: url('/images/contents/visu01.jpg') 50% 50% no-repeat;
}
#contents .visu.sub02 {
  background: url('/images/contents/visu02.jpg') 50% 50% no-repeat;
}
#contents .visu.sub03 {
  background: url('/images/contents/visu03.jpg') 50% 50% no-repeat;
}
#contents .visu.sub04 {
  background: url('/images/contents/visu04.jpg') 50% 50% no-repeat;
}
#contents .visu.sub05 {
  background: url('/images/contents/visu05.jpg') 50% 50% no-repeat;
}
#contents .visu.sub06 {
  background: url('/images/contents/visu06.jpg') 50% 50% no-repeat;
}
#contents .visu.sub07 {
  background: url('/images/contents/visu07.jpg') 50% 50% no-repeat;
}
#contents .visu .title {
  text-align: center;
  color: #fff;
  font-size: 48px;
  position: absolute;
  top: 165px;
  width: 100%;
  font-weight: 400;
}
#contents .visu .navigator {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#contents .visu .navigator ul {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
#contents .visu .navigator ul li {
  float: left;
  position: relative;
}
#contents .visu .navigator ul li a {
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 20px;
  color: #000;
  background: rgba(255, 255, 255, 0.7);
  line-height: 65px;
}
#contents .visu .navigator ul li a:after {
  content: "";
  display: inline-block;
  background: #9fa2a5;
  width: 1px;
  height: 20px;
  position: absolute;
  right: -1px;
  top: 24px;
}
#contents .visu .navigator ul li:hover a,
#contents .visu .navigator ul li.on a {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}
#contents .visu .navigator ul li:hover a:after,
#contents .visu .navigator ul li.on a:after {
  display: none;
}
#contents .visu .navigator ul li:hover:last-child a:after,
#contents .visu .navigator ul li.on:last-child a:after {
  display: none;
}
#contents .visu .navigator ul.type01 li {
  width: 20%;
}
#contents .visu .navigator ul.type02 li {
  width: 14.28%;
}
#contents .visu .navigator ul.type03 li {
  width: 20%;
}
#contents .visu .navigator ul.type04 li {
  width: 33.3%;
}
#contents .visu .navigator ul.type05 li {
  width: 25%;
}
#contents .visu .navigator ul.type06 li {
  width: 20%;
}
#contents .visu .navigator ul.type07 li {
  width: 16.6%;
}
#contents .container {
  width: 1200px;
  margin: 0 auto;
  padding: 70px 0;
}
#contents .container .row {
  padding-bottom: 45px;
  margin-bottom: 35px;
  border-bottom: 1px dashed #7f7f7f;
  overflow: hidden;
}
#contents .container .quality .row, #contents .container .environmental .row, #contents .container .safety .row {
  margin-bottom: 35px;
  border-bottom:none;
  padding-bottom:0;
  overflow: hidden;
  width:100%;
}
#contents .container .quality .row.bg_img {
 background:url('/images/contents/cleancenter/quality_bg01.jpg') 100% 50% no-repeat;
 height:480px;
}
#contents .container .environmental .row.bg_img {
 background:url('/images/contents/cleancenter/environmental_bg01.jpg') 100% 0% no-repeat;
 height:480px;
}
#contents .container .safety .row img.safety_bg {
margin:50px auto;
display:block;
}
#contents .container .row p {
  font-size: 16px;
  color: #555;
}
#contents .container .row.last {
  margin-bottom: 0;
}
#contents .container .row .left {
  width: 420px;
  float: left;
}
#contents .container .row .right {
  width: 730px;
  float: right;
}
#contents .container .row.default {
  border-bottom: none;
}
#contents .container .company .ceo .con01 {
  height: 450px;
  background: url('/images/contents/company/ceo_bg01.jpg') 50% 50% no-repeat;
  text-align: center;
  box-sizing: border-box;
  padding-top: 80px;
}
#contents .container .company .ceo .con01 strong {
  color: #fff;
  font-size: 36px;
  font-weight: 400;
  line-height: 45px;
  position: relative;
}
#contents .container .company .ceo .con01 strong:after {
  content: "";
  display: inline-block;
  width: 37px;
  height: 3px;
  background: #fff;
  position: absolute;
  left: 50%;
  margin-left: -19px;
  bottom: -25px;
}
#contents .container .company .ceo .con01 p {
  font-size: 18px;
  color: #fff;
  margin-top: 60px;
  font-weight: 300;
  line-height: 30px;
}
#contents .container .company .ceo .con01 span {
  display: inline-block;
  margin-top: 10px;
}
#contents .container .company .ceo .con02 {
  background: #f3f3f3;
  padding: 50px 150px 70px;
}
#contents .container .company .ceo .con02 strong {
  display: block;
  text-align: center;
  font-size: 25px;
  color: #000;
  padding-bottom: 50px;
  font-weight: 400;
}
#contents .container .company .ceo .con02 p {
  border-top: 1px solid #cfcfcf;
  padding-top: 60px;
  font-size: 18px;
  color: #222;
  text-align: justify;
}
#contents .container .company .ceo .con02 p span {
  display: block;
  text-align: right;
  margin-top: 20px;
}
#contents .container .company .ceo .con02 p span strong {
  display: inline-block;
  padding: 0;
  position: relative;
  top: 2px;
  margin-left: 10px;
}
#contents .container .company .history .tab-type01 {
  height: 60px;
}
#contents .container .company .history .tab-type01 ul li {
  width: 20.08%;
}
#contents .container .company .history .tab-type01-contents .ad-spot {
  position: relative;
}
#contents .container .company .history .tab-type01-contents .ad-spot .bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0px;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 30px;
  font-size: 17px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}
#contents .container .company .history .tab-type01-contents .ad-spot .bx-wrapper .bx-caption span {
  color: #fff;
  font-family: 'Noto Sans KR';
  display: inline-block;
  font-size: 17px;
  padding: 0px;
}
#contents .container .company .history .tab-type01-contents .ad-spot .bx-wrapper .bx-pager {
  text-align: right;
  width: 100%;
  box-sizing: border-box;
  padding-right: 95px;
  padding-top: 0;
  bottom: 20px;
}
#contents .container .company .history .tab-type01-contents .ad-spot .bx-wrapper .bx-pager.bx-default-pager a {
  box-sizing: border-box;
  background: transparent;
  border-radius: 50%;
  border: 2px solid #fff;
}
#contents .container .company .history .tab-type01-contents .ad-spot .bx-wrapper .bx-pager.bx-default-pager a.active,
#contents .container .company .history .tab-type01-contents .ad-spot .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #fff;
}
#contents .container .company .history .tab-type01-contents .ad-spot .bx-wrapper .bx-controls-direction a {
  width: 10px;
  height: 20px;
  margin-top: 0;
  top: 244px;
}
#contents .container .company .history .tab-type01-contents .ad-spot .bx-wrapper .bx-prev {
  background: url('/images/common/arrow_icon09.png') no-repeat;
  left: 95%;
}
#contents .container .company .history .tab-type01-contents .ad-spot .bx-wrapper .bx-next {
  background: url('/images/common/arrow_icon10.png') no-repeat;
  right: 20px;
}
#contents .container .company .history .tab-type01-contents dl dt {
  display: table-cell;
  border-bottom: 1px solid #d9d9d9;
  text-align: left;
  padding: 40px 0;
  font-size: 30px;
  color: #000;
  font-weight: 400;
  width: 115px;
  vertical-align: top;
}
#contents .container .company .history .tab-type01-contents dl dd {
  display: table-cell;
  border-bottom: 1px solid #d9d9d9;
  text-align: left;
  padding: 40px 0;
  width: 1080px;
}
#contents .container .company .history .tab-type01-contents dl dd strong {
  font-size: 20px;
  color: #222;
  display: inline-block;
  font-weight: 400;
  vertical-align: top;
  position: relative;
  top: 8px;
}
#contents .container .company .history .tab-type01-contents dl dd ul {
  display: inline-block;
  margin-left: 30px;
  position: relative;
  top: 10px;
}
#contents .container .company .history .tab-type01-contents dl dd ul li {
  font-size: 17px;
  color: #555;
  margin-bottom: 5px;
}
#contents .container .company .introduce .vision .row {
  padding-bottom: 40px;
  border-bottom: 1px solid #d9d9d9;
  overflow: hidden;
}
#contents .container .company .introduce .vision .row figure {
  float: left;
  width: 50%;
}
#contents .container .company .introduce .vision .row .info {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 50px;
}
#contents .container .company .introduce .vision .row .info p {
  font-size: 15px;
  color: #444;
  margin-top: 20px;
  line-height: 25px;
}
#contents .container .company .introduce .vision .row:last-child {
  border-bottom: none;
  padding-top: 40px;
}
#contents .container .company .introduce .manage-rule .top {
  background: url('/images/contents/company/rule_img01.jpg') no-repeat;
  background-size: cover;
  height: 300px;
  overflow: hidden;
  box-sizing: border-box;
  padding-top: 85px;
}
#contents .container .company .introduce .manage-rule .top p {
  font-size: 28px;
  color: #fff;
  text-align: center;
  font-weight: 300;
}
#contents .container .company .introduce .manage-rule .box {
  padding: 50px;
  background: #f3f3f3;
}
#contents .container .company .introduce .manage-rule .box .row {
  padding-bottom: 40px;
  border-bottom: 1px solid #d9d9d9;
  overflow: hidden;
}
#contents .container .company .introduce .manage-rule .box .row figure {
  float: left;
  width: 50%;
}
#contents .container .company .introduce .manage-rule .box .row .info {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0 50px;
}
#contents .container .company .introduce .manage-rule .box .row .info ul {
  margin-top: 20px;
}
#contents .container .company .introduce .manage-rule .box .row:last-child {
  border-bottom: none;
  padding-top: 40px;
}
#contents .container .company .introduce .ty-spirit .row {
  overflow: hidden;
  padding: 40px 0;
  border-bottom: 1px solid #d9d9d9;
}
#contents .container .company .introduce .ty-spirit .row figure {
  display: table-cell;
  width: 275px;
  text-align: center;
  vertical-align: middle;
}
#contents .container .company .introduce .ty-spirit .row ul {
  display: table-cell;
  vertical-align: middle;
  width: 925px;
}
#contents .container .company .introduce .ty-spirit .row:first-child {
  padding: 0 0 40px;
}
#contents .container .company .introduce .ty-spirit .row:last-child {
  border-bottom: none;
}
#contents .container .company .location .row {
  border-top: 1px solid #d9d9d9;
  border-bottom: none;
  padding: 40px 0 60px;
}
#contents .container .company .location .row .info {
  overflow: hidden;
}
#contents .container .company .location .row .info .tit {
  float: left;
  width: 280px;
}
#contents .container .company .location .row .info .info-box {
  float: left;
  position: relative;
  width: 920px;
  height: 120px;
}
#contents .container .company .location .row .info .info-box p {
  font-size: 15px;
  margin-bottom: 10px;
}
#contents .container .company .location .row .info .info-box span.btn {
  margin-right: 10px;
}
#contents .container .company .location .row .info .info-box .last {
  position: absolute;
  right: 125px;
  top: 0;
}
#contents .container .company .location .row .info .info-box ul {
  margin-top: 10px;
}
#contents .container .company .location .row .info .info-box ul li {
  margin-bottom: 5px;
}
#contents .container .company .location .row .map {
  height: 400px;
  background: #e5e5e5;
}
#contents .container .business .tit {
  text-align: center;
}
#contents .container .business .info {
  margin-top: 50px;
  background: #ebebeb;
  overflow: hidden;
  margin-bottom: 100px;
  height: 355px;
}
#contents .container .business .info figure {
  width: 50%;
  float: left;
}
#contents .container .business .info .info-txt {
  width: 50%;
  float: left;
  padding: 50px;
  box-sizing: border-box;
  font-size: 15px;
  color: #222;
  text-align: justify;
  line-height: 25px;
}
#contents .container .business .business-spot {
  margin-bottom: 100px;
}
#contents .container .business .business-spot .bx-wrapper .caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  padding: 40px 60px;
}
#contents .container .business .business-spot .bx-wrapper .caption strong {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}
#contents .container .business .business-spot .bx-wrapper .caption ul {
  margin-top: 10px;
}
#contents .container .business .business-spot .bx-wrapper .caption ul li {
  color: #fff;
  margin-bottom: 5px;
  font-weight: 300;
}
#contents .container .business .business-spot .bx-wrapper .caption ul li:before {
  background: #fff;
}
#contents .container .business .business-spot .bx-wrapper .caption ul li span {
  display: table-cell;
}
#contents .container .business .business-spot .bx-wrapper .caption ul li span:first-child {
  width: 70px;
  position: relative;
}
#contents .container .business .business-spot .bx-wrapper .caption ul li span:first-child:after {
  content: ":";
  position: absolute;
  right: 0;
}
#contents .container .business .business-spot .bx-wrapper .caption ul li span:last-child {
  padding-left: 10px;
}
#contents .container .business .business-spot .bx-wrapper .bx-controls-direction a {
  width: 51px;
  height: 51px;
  margin-top: -110px;
}
#contents .container .business .business-spot .bx-wrapper .bx-prev {
  left: 60px;
  background: url('/images/common/arrow_icon11.png') 50% 50% no-repeat;
}
#contents .container .business .business-spot .bx-wrapper .bx-prev:hover {
  background: url('/images/common/arrow_icon13.png') 50% 50% no-repeat;
}
#contents .container .business .business-spot .bx-wrapper .bx-next {
  right: 60px;
  background: url('/images/common/arrow_icon12.png') 50% 50% no-repeat;
}
#contents .container .business .business-spot .bx-wrapper .bx-next:hover {
  background: url('/images/common/arrow_icon14.png') 50% 50% no-repeat;
}
#contents .container .business .business-spot .bx-wrapper .bx-pager {
  border: 1px solid #4d4d4d;
  padding: 0;
  width: 75px;
  height: 30px;
  line-height: 30px;
  font-size: 15px;
  right: 40px;
  bottom: 40px;
}
#contents .container .business .list-box {
  padding: 20px 70px;
  border: 1px solid #999;
}
#contents .container .business .list-box ul li {
  position: relative;
  font-size: 15px;
  color: #666;
  padding-left: 10px;
  display: inline-block;
  width: 190px;
  vertical-align: top;
  margin: 10px 0;
}
#contents .container .business .list-box ul li:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #535353;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 11px;
}
#contents .container .business .list-box.type02 {
  padding: 0 40px;
}
#contents .container .business .list-box.type02 dl {
  border-bottom: 1px dashed #7f7f7f;
  padding: 40px 0;
}
#contents .container .business .list-box.type02 dl dt {
  display: table-cell;
  font-size: 20px;
  color: #333;
  text-align: center;
  width: 165px;
  vertical-align: middle;
}
#contents .container .business .list-box.type02 dl dd {
  display: table-cell;
  padding-left: 80px;
}
#contents .container .business .list-box.type02 dl dd ul {
  overflow: hidden;
}
#contents .container .business .list-box.type02 dl dd ul li {
  display: inline-block;
  width: 278px;
  vertical-align: middle;
  cursor: pointer;
}
#contents .container .business .list-box.type02 dl:last-child {
  border-bottom: none;
}
#contents .container .ir .tit {
  margin-bottom: 20px;
}
#contents .container .ir .stock {
  height: 180px;
  box-sizing: border-box;
  padding: 55px 0 0 180px;
  background: #f6f6f6;
  border: 1px solid #ddd;
}
#contents .container .ir .stock p {
  font-size: 48px;
  float: left;
}
#contents .container .ir .stock p strong {
  color: #000;
  font-weight: 400;
}
#contents .container .ir .stock p strong span {
  font-size: 35px;
  display: inline-block;
  padding-left: 30px;
  font-weight: 300;
  margin-left: 40px;
}
#contents .container .ir .stock p strong span.up {
  color: #f74f47;
  background: url('/images/common/arrow_icon15.png') no-repeat;
  background-position: 0% 50%;
}
#contents .container .ir .stock p strong span.down {
  color: #4d9eef;
  background: url('/images/common/arrow_icon16.png') no-repeat;
  background-position: 0% 50%;
}
#contents .container .ir .stock .price-list {
  float: left;
  margin-left: 130px;
  position: relative;
  top: 5px;
}
#contents .container .ir .stock .price-list ul li {
  float: left;
  padding: 0 30px;
  text-align: center;
  color: #000;
  font-size: 17px;
  position: relative;
}
#contents .container .ir .stock .price-list ul li span {
  display: block;
  margin-top: 10px;
}
#contents .container .ir .stock .price-list ul li:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 58px;
  position: absolute;
  right: 0;
  top: 0;
  background: #c5c5c5;
}
#contents .container .ir .stock .price-list ul li:last-child:after {
  display: none;
}
#contents .container .ir .stock.type01 {
  border: none;
  background: url('/images/contents/ir/stock_bg.jpg') 50% 50% no-repeat;
}
#contents .container .ir .stock.type01 p strong {
  color: #fff;
}
#contents .container .ir .stock.type01 .price-list ul li {
  color: #fff;
}
#contents .container .ir .stock.type01 .price-list ul li:after {
  background: #535356;
}
#contents .container .ir .explanation {
  padding: 15px 0;
}
#contents .container .ir .explanation .txt01 {
  display: inline-block;
  font-size: 16px;
  color: #555;
  padding-left: 30px;
  line-height: 23px;
}
#contents .container .safety02 .explanation{
margin-bottom:60px;
}
#contents .container .environmental .explanation .txt01,
#contents .container .safety02 .explanation .txt01,
#contents .container .social .explanation .txt01,
#contents .container .human .explanation .txt01{
  display: inline-block;
  font-size: 16px;
  color: #555;
  line-height: 23px;
}
#contents .container .ir .explanation .txt02 {
  display: inline-block;
  font-size: 16px;
  color: #555;
  float: right;
}
#contents .container .ir .bottom-group {
  background: url('/images/contents/ir/bg_img01.jpg') 50% 50% no-repeat;
  text-align: center;
  height: 180px;
  box-sizing: border-box;
  vertical-align: middle;
  padding-top: 65px;
}
#contents .container .ir .bottom-group strong {
  font-size: 28px;
  font-weight: 300;
  color: #000;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
#contents .container .ir .bottom-group .btn {
  background-position: 88% 51%;
  box-sizing: border-box;
  width: 175px;
  text-align: left;
  vertical-align: middle;
  margin: 0 3px;
}
#contents .container .ir .total-stock {
  height: 180px;
  background: url('/images/contents/ir/stock_bg02.jpg') 50% 50% no-repeat;
}
#contents .container .ir .total-stock div {
  width: 50%;
  float: left;
  text-align: center;
  padding-top: 30px;
}
#contents .container .ir .total-stock div strong {
  color: #000;
  font-size: 25px;
  font-weight: 400;
  display: block;
}
#contents .container .ir .total-stock div p {
  font-size: 38px;
  font-weight: 400;
  display: inline-block;
  padding-right: 50px;
  color: #000;
}
#contents .container .ir .total-stock div p.up {
  background: url('/images/common/arrow_icon18.png') 100% 15px no-repeat;
}
#contents .container .ir .total-stock div p.down {
  background: url('/images/common/arrow_icon17.png') 100% 15px no-repeat;
}
#contents .container .ir .total-stock div span {
  display: block;
  font-size: 18px;
  color: #555;
}
#contents .container .ir .b-top {
  position: relative;
  padding: 15px 0;
  overflow: hidden;
}
#contents .container .ir .b-top legend {
  float: left;
}
#contents .container .ir .b-top .search {
  position: relative;
  float: right;
}
#contents .container .ir .b-top .search select {
  width: 95px;
  height: 40px;
  border: none;
  border-bottom: 1px solid #000;
  font-size: 13px;
  padding: 0 10px;
  display: inline-block;
}
#contents .container .ir .b-top .search .input {
  display: inline-block;
  border-bottom: 1px solid #000;
  height: 36px;
  margin-left: 5px;
  width: 200px;
  position: relative;
}
#contents .container .ir .b-top .search .input input {
  width: 175px;
  height: 32px;
  display: inline-block;
}
#contents .container .ir .b-top .search .input a {
  position: absolute;
  right: 0;
  top: 8px;
}
#contents .container .ir .report table {
  border-top: 2px solid #000;
}
#contents .container .ir .report table tbody tr th,
#contents .container .ir .report table tbody tr td {
  padding: 20px;
}
#contents .container .ir .report .btn {
  display: inline-block;
  margin-left: 10px;
}
#contents .container .ir .toggle-table tbody tr.toggle-tr {
  display: none;
}
#contents .container .ethical .code-ethics-contents {
  background: url('/images/contents/cleancenter/ethics_bg01.png') 50% 0 no-repeat;
}
#contents .container .ethical .code-ethics .tit {
  text-align: center;
  margin-bottom: 90px;
}
#contents .container .quality .code-ethics .tit, #contents .container .environmental .code-ethics .tit, #contents .container .safety .code-ethics .tit {
  text-align: center;
  font-size:22px;
}
#contents .container .quality .linktab-type01-contents, #contents .container .environmental .linktab-type01-contents, #contents .container .safety .linktab-type01-contents{
	padding-top:0;
}
#contents .container .safety02 .linktab-type01-contents{
padding-top:60px;
}
#contents .container .ethical .code-ethics .colunm {
  float: left;
  width: 33.3333%;
  box-sizing: border-box;
  padding: 0 30px;
}
#contents .container .ethical .code-ethics .colunm figure {
  text-align: center;
  margin-bottom: 35px;
}
#contents .container .ethical .ethical-box {
  padding: 45px 50px 45px 205px;
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  margin-top: 20px;
  line-height: 28px;
}
#contents .container .ethical .ethical-box.type01 {
  background: url('/images/contents/cleancenter/ethics_icon01.png') 50px 50% no-repeat;
  background-color: #3d4757;
}
#contents .container .ethical .ethical-box.type02 {
  background: url('/images/contents/cleancenter/ethics_icon02.png') 50px 50% no-repeat;
  background-color: #3d4757;
}
#contents .container .ethical .ol-type01 {
  margin-top: 40px;
}
#contents .container .ethical .ul-type01,
#contents .container .ethical .ul-type02 {
  margin-top: 20px;
}
#contents .container .ethical .tit {
  margin-bottom: 20px;
}
#contents .container .quality .tit, #contents .container .environmental .tit, #contents .container .safety .tit {
  margin-bottom: 20px;
}
#contents .container .ethical table {
  margin-top: 20px;
}
#contents .container .ethical .toggle-type01 {
  margin: 20px 0 40px;
}
#contents .container .ethical .step-box {
  background: #f8f8f8;
  padding: 50px 0;
  margin-bottom: 20px;
}
#contents .container .ethical .step-box ul {
  overflow: hidden;
}
#contents .container .ethical .step-box ul li {
  box-sizing: border-box;
  float: left;
  text-align: center;
  width: 25%;
  position: relative;
}
#contents .container .ethical .step-box ul li p {
  margin-top: 20px;
}
#contents .container .ethical .step-box ul li:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 240px;
  border-right: 1px dashed #7c7c7c;
  position: absolute;
  top: 0;
  right: 0;
}
#contents .container .ethical .step-box ul li:last-child:after {
  display: none;
}
#contents .container .ethical .icon-notice03 {
  padding-left: 35px;
}
#contents .container .ethical .agree-box .agreement {
  border: 1px solid #ccc;
  padding: 40px;
  box-sizing: border-box;
  height: 360px;
  overflow-y: auto;
}
#contents .container .ethical .group-box {
  margin-top: 20px;
  background: #f1f1f1;
  padding: 30px 0;
  text-align: center;
}
#contents .container .ethical .btn-group {
  text-align: center;
  margin-top: 50px;
}
#contents .container .ethical .btn-group a {
  width: 180px;
  margin: 0 3px;
}
#contents .container .ethical .result-box .top {
  overflow: hidden;
  padding: 50px 0;
  background: #f6f6f6;
}
#contents .container .ethical .result-box .top figure {
  width: 300px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
}
#contents .container .ethical .result-box .top .table-wrap {
  display: table-cell;
  padding-left: 50px;
  width: 900px;
  box-sizing: border-box;
  border-left: 1px solid #d3d3d3;
}
#contents .container .ethical .result-box .top .table-wrap table tbody tr td input {
  background: #fff;
}
#contents .container .ethical .result-box .top .table-wrap table tbody tr td a {
  height: 40px;
  box-sizing: border-box;
  vertical-align: top;
  line-height: 40px;
  padding: 0 10px;
  font-size: 13px;
}
#contents .container .ethical .result-box .top .table-wrap table tbody tr td .icon-notice01 {
  padding-left: 35px;
}
#contents .container .ethical .result-box .btn-group {
  background: url('/images/contents/cleancenter/result_bg01.jpg') 50% 0 no-repeat;
  padding: 30px 0;
  margin: 0;
  text-align:center;
}
#contents .container .ethical .result-box .btn-group .btn-type02 {
  background-color: #fff;
}
#contents .container .growth .partner .top {
  height: 300px;
  text-align: center;
  overflow: hidden;
  padding-top: 105px;
  box-sizing: border-box;
}
#contents .container .growth .partner .top h3 {
  font-size: 37px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 10px;
}
#contents .container .growth .partner .top p {
  font-size: 18px;
  font-weight: 300;
  color: #fff;
}
#contents .container .growth .partner .bottom {
  text-align: center;
  height: 240px;
  background: url('/images/contents/cleancenter/growth_bg01.jpg') 50% 50% no-repeat;
  overflow: hidden;
  box-sizing: border-box;
  padding-top: 45px;
}
#contents .container .growth .partner .bottom strong {
  color: #fff;
  font-sizE: 28px;
  font-weight: 300;
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
}
#contents .container .growth .partner .bottom strong:after {
  content: "";
  display: inline-block;
  width: 38px;
  height: 4px;
  position: absolute;
  left: 50%;
  margin-left: -19px;
  bottom: -16px;
  background: #fff;
}
#contents .container .growth .partner .bottom p {
  color: #fff;
  font-size: 15px;
}
#contents .container .growth .partner.visu01 .top {
  background: url('/images/contents/cleancenter/growth01.jpg') 50% 50% no-repeat;
}
#contents .container .growth .partner.visu02 .top {
  background: url('/images/contents/cleancenter/growth02.jpg') 50% 50% no-repeat;
}
#contents .container .growth .box {
  background: #f6f6f6;
  padding: 50px 65px;
}
#contents .container .growth .box .tit02 {
  margin-top: 20px;
}
#contents .container .growth .box .tit02:first-child {
  margin-top: 0;
}
#contents .container .growth .box p {
  font-size: 15px;
  color: #444;
  font-weight: 400;
}
#contents .container .growth .box p.icon-notice03 {
  padding-left: 33px;
}
#contents .container .growth .box .ul-type01 li {
  margin-bottom: 10px;
  font-weight: 400;
}
#contents .container .growth .e-procurement {
  height: 400px;
  box-sizing: border-box;
  padding-top: 80px;
  background: url('/images/contents/cleancenter/growth03.jpg') 50% 50% no-repeat;
}
#contents .container .growth .e-procurement h3 {
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  color: #fff;
}
#contents .container .growth .e-procurement .btn-group {
  text-align: center;
  margin-top: 70px;
}
#contents .container .growth .e-procurement .btn-group a.btn {
  font-size: 17px;
  color: #000;
  padding: 0px 40px 0 120px;
  box-sizing: border-box;
  width: 450px;
  vertical-align: middle;
  text-align: left;
  line-height: 100px;
  margin: 0 5px;
}
#contents .container .growth .e-procurement .btn-group a.btn strong {
  font-size: 25px;
  font-weight: 500;
  display: inline-block;
  color: #000;
  vertical-align: middle;
  position: relative;
  top: -3px;
  margin-left: 10px;
}
#contents .container .growth .e-procurement .btn-group a.btn.btn-procurement01 {
  background: url('/images/contents/cleancenter/btn_procurement01.png') no-repeat;
  background-color: rgba(255, 255, 255, 0.7);
  background-position: 40px 50%;
  border: 1px solid rgba(255, 255, 255, 0.7);
}
#contents .container .growth .e-procurement .btn-group a.btn.btn-procurement02 {
  background: url('/images/contents/cleancenter/btn_procurement02.png') no-repeat;
  background-color: rgba(255, 255, 255, 0.7);
  background-position: 40px 50%;
  border: 1px solid rgba(255, 255, 255, 0.7);
}
#contents .container .growth .e-procurement .btn-group a.btn i {
  display: inline-block;
  background: url('/images/common/sp_btn_ico.png') no-repeat;
  width: 19px;
  height: 8px;
  background-position: 0px -7px;
  position: absolute;
  right: 8%;
  top: 50%;
  margin-top: -4px;
}
#contents .container .growth .e-procurement .btn-group a.btn:hover {
  color: #4d73ef;
}
#contents .container .growth .e-procurement .btn-group a.btn:hover strong {
  color: #4d73ef;
}
#contents .container .growth .e-procurement .btn-group a.btn:hover.btn-procurement01 {
  background: url('/images/contents/cleancenter/btn_procurement01_on.png') no-repeat;
  background-color: #ffffff;
  background-position: 40px 50%;
  border: 1px solid #4d73ef;
}
#contents .container .growth .e-procurement .btn-group a.btn:hover.btn-procurement02 {
  background: url('/images/contents/cleancenter/btn_procurement02_on.png') no-repeat;
  background-color: #ffffff;
  background-position: 40px 50%;
  border: 1px solid #4d73ef;
}
#contents .container .growth .e-procurement .btn-group a.btn:hover i {
  background-position: 1px -64px;
}
#contents .container .growth .login-form {
  overflow: hidden;
}
#contents .container .growth .login-form figure {
  float: left;
  width: 400px;
}
#contents .container .growth .login-form .login-box {
  position: relative;
  background: #f2f2f2;
  box-sizing: border-box;
  padding: 60px 80px;
  float: left;
  width: 800px;
  height: 260px;
}
#contents .container .growth .login-form .login-box fieldset p:first-child {
  margin-bottom: 20px;
}
#contents .container .growth .login-form .login-box fieldset label {
  display: inline-block;
  font-size: 14px;
  color: #444;
  font-weight: 400;
  width: 125px;
}
#contents .container .growth .login-form .login-box fieldset input {
  background: #fff;
  display: inline-block;
  width: 320px;
  height: 40px;
  box-sizing: border-box;
  padding: 10px 15px;
  border: 1px solid #d6d6d6;
}
#contents .container .growth .login-form .login-box fieldset .submit {
  position: absolute;
  right: 123px;
  top: 60px;
  z-index: 10;
  display: inline-block;
  background: #5c626b;
  color: #fff;
  width: 130px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  font-size: 17px;
  font-weight: 500;
}
#contents .container .growth .login-form .login-box .icon-notice01 {
  padding-left: 30px;
  font-size: 14px;
  color: #555;
  margin-left: 125px;
  margin-top: 10px;
  font-weight: 400;
}
#contents .container .growth .result-list .top {
  text-align: center;
  padding: 20px 0;
}
#contents .container .growth .result-list .top .col {
  display: inline-block;
  position: relative;
}
#contents .container .growth .result-list .top .col input {
  background: #fff;
  display: inline-block;
  width: 200px;
  height: 40px;
  box-sizing: border-box;
  padding: 10px 32px 10px 15px;
  border: 1px solid #d6d6d6;
  vertical-align: middle;
  text-align: center;
}
#contents .container .growth .result-list .top .col .cal {
  position: absolute;
  right: 10px;
  top: 8px;
}
#contents .container .growth .result-list .top .top-btn {
  display: inline-block;
}
#contents .container .growth .result-list .top .top-btn .btn {
  color: #fff;
  height: 40px;
  box-sizing: border-box;
  line-height: 40px;
  padding: 0;
  width: 100px;
  display: inline-block;
  vertical-align: middle;
}
#contents .container .growth .result-list .top .top-btn.btn01 {
  margin-left: 20px;
}
#contents .container .growth .result-list .top .top-btn.btn01 .btn {
  background: #5c626b;
}
#contents .container .growth .result-list .top .top-btn.btn02 .btn {
  background: #4d73ef;
  color: #fff;
}
#contents .container .prcenter .brochure .box {
  height: 473px;
  box-sizing: border-box;
  background: url('/images/contents/prcenter/brochure.png') no-repeat;
  padding: 75px 0 0 430px;
}
#contents .container .prcenter .brochure .box .tit {
  color: #fff;
  font-size: 28px;
  margin-bottom: 5px;
}
#contents .container .prcenter .brochure .box .tit:before {
  background: #fff;
}
#contents .container .prcenter .brochure .box p {
  font-size: 15px;
  color: #fff;
  font-weight: 400;
}
#contents .container .prcenter .brochure .box .btn {
  margin-top: 50px;
  box-sizing: border-box;
  width: 230px;
  text-align: left;
}
#contents .container .prcenter .ci-box .btn-group,
#contents .container .prcenter .bi-box .btn-group {
  text-align: center;
  margin-top: 30px;
}
#contents .container .prcenter .ci-box .btn-group a,
#contents .container .prcenter .bi-box .btn-group a {
  box-sizing: border-box;
  width: 180px;
  margin: 0 5px;
}
#contents .container .prcenter .info {
  margin-top: 45px;
}
#contents .container .prcenter .info dt {
  float: left;
  width: 170px;
}
#contents .container .prcenter .info dd {
  font-size: 15px;
  color: #444;
  font-weight: 400;
  line-height: 28px;
  margin-left: 170px;
}
#contents .container .prcenter .art-hall .tit {
  margin-bottom: 20px;
}
#contents .container .prcenter .art-hall .sub-tit {
  font-size: 17px;
  color: #444;
  font-weight: 400;
  padding-bottom: 45px;
}
#contents .container .prcenter .art-hall .ad-spot {
  position: relative;
}
#contents .container .prcenter .art-hall .ad-spot .bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0px;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 30px;
  font-size: 17px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
}
#contents .container .prcenter .art-hall .ad-spot .bx-wrapper .bx-caption span {
  color: #fff;
  font-family: 'Noto Sans KR';
  display: inline-block;
  font-size: 17px;
  padding: 0px;
}
#contents .container .prcenter .art-hall .ad-spot .bx-wrapper .bx-pager {
  text-align: right;
  width: 100%;
  box-sizing: border-box;
  padding-right: 95px;
  padding-top: 0;
  bottom: 25px;
}
#contents .container .prcenter .art-hall .ad-spot .bx-wrapper .bx-pager.bx-default-pager a {
  box-sizing: border-box;
  background: transparent;
  border-radius: 50%;
  border: 2px solid #fff;
}
#contents .container .prcenter .art-hall .ad-spot .bx-wrapper .bx-pager.bx-default-pager a.active,
#contents .container .prcenter .art-hall .ad-spot .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #fff;
}
#contents .container .prcenter .art-hall .ad-spot .bx-wrapper .bx-controls-direction a {
  width: 10px;
  height: 20px;
  margin-top: 0;
  top: 383px;
}
#contents .container .prcenter .art-hall .ad-spot .bx-wrapper .bx-prev {
  background: url('/images/common/arrow_icon09.png') no-repeat;
  left: 95%;
}
#contents .container .prcenter .art-hall .ad-spot .bx-wrapper .bx-next {
  background: url('/images/common/arrow_icon10.png') no-repeat;
  right: 20px;
}
#contents .container .prcenter .art-hall table tbody tr td p {
  margin-bottom: 5px;
  font-size: 15px;
}
#contents .container .prcenter .art-hall .ul-type01,
#contents .container .prcenter .art-hall .ul-type02 {
  margin-top: 25px;
}
#contents .container .prcenter .art-hall .ul-type01 li,
#contents .container .prcenter .art-hall .ul-type02 li {
  margin-bottom: 5px;
}
#contents .container .prcenter .art-hall .icon-notice02 {
  margin-top: 20px;
  font-size: 15px;
}
#contents .container .recruitment .recruiment-visu {
  height: 300px;
  overflow: hidden;
  box-sizing: border-box;
  text-align: center;
  padding-top: 70px;
}
#contents .container .recruitment .recruiment-visu strong {
  color: #fff;
  font-size: 37px;
  font-weight: 400;
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
}
#contents .container .recruitment .recruiment-visu strong:after {
  content: "";
  display: inline-block;
  width: 38px;
  height: 4px;
  position: absolute;
  left: 50%;
  margin-left: -19px;
  bottom: -16px;
  background: #fff;
}
#contents .container .recruitment .recruiment-visu p {
  color: #fff;
  font-size: 25px;
}
#contents .container .recruitment .recruiment-visu.visu01 {
  background: url('/images/contents/recruitment/recruitment_visu01.jpg') no-repeat;
}
#contents .container .recruitment .recruiment-visu.visu02 {
  background: url('/images/contents/recruitment/recruitment_visu02.jpg') no-repeat;
}
#contents .container .recruitment .tit {
  margin-bottom: 10px;
}
#contents .container .recruitment .box {
  background: #f6f6f6;
  padding: 50px 65px;
}
#contents .container .recruitment .box .row {
  margin-bottom: 0;
}
#contents .container .recruitment .box .tit {
  margin-bottom: 10px;
}
#contents .container .recruitment .box figure {
  text-align: center;
  margin: 40px 0;
}
#contents .container .recruitment .box p {
  margin-bottom: 5px;
}
#contents .container .recruitment .box .ul-type01 li {
  margin-bottom: 5px;
}
#contents .container .recruitment .box .col {
  float: left;
  width: 50%;
}
#contents .container .recruitment .box .col .list {
  padding-left: 110px;
  min-height: 100px;
  margin-top: 30px;
}
#contents .container .recruitment .box .col .list strong {
  font-size: 18px;
  color: #222;
  font-weight: 400;
  display: block;
  padding-top: 20px;
}
#contents .container .recruitment .box .col .list .ul-type02 {
  margin-top: 10px;
}
#contents .container .recruitment .box .col .list .ul-type02 li {
  margin-bottom: 5px;
}
#contents .container .recruitment .box .col .list.li01 {
  background: url('/images/contents/recruitment/welfare_benefits01.png') no-repeat;
}
#contents .container .recruitment .box .col .list.li02 {
  background: url('/images/contents/recruitment/welfare_benefits02.png') no-repeat;
}
#contents .container .recruitment .box .col .list.li03 {
  background: url('/images/contents/recruitment/welfare_benefits03.png') no-repeat;
}
#contents .container .recruitment .box .col .list.li04 {
  background: url('/images/contents/recruitment/welfare_benefits04.png') no-repeat;
}
#contents .container .recruitment .box .col .list.li05 {
  background: url('/images/contents/recruitment/welfare_benefits05.png') no-repeat;
}
#contents .container .recruitment .box .col .list.li06 {
  background: url('/images/contents/recruitment/welfare_benefits06.png') no-repeat;
}
#contents .container .recruitment .box .col .list.li07 {
  background: url('/images/contents/recruitment/welfare_benefits07.png') no-repeat;
}
#contents .container .recruitment .btn-group {
  padding: 50px 0;
  text-align: center;
}
#contents .container .recruitment .btn-group .btn {
  font-size: 18px;
  text-align: left;
  background: url('/images/contents/recruitment/btn_icon.png') no-repeat;
  background-color: #4d73ef;
  border-color: #4d73ef;
  width: 250px;
  box-sizing: border-box;
  color: #fff;
  padding: 20px;
  font-weight: 400;
  background-position: 90% 50%;
}
#contents .container .recruitment .education .education-visu {
  margin-bottom: 50px;
}
#contents .container .recruitment .education .education-list .list {
  min-height: 100px;
  padding: 40px 0 40px 180px;
  border-bottom: 1px dashed #7f7f7f;
}
#contents .container .recruitment .education .education-list .list strong {
  font-size: 18px;
  color: #222;
  font-weight: 400;
  display: block;
  padding-top: 20px;
}
#contents .container .recruitment .education .education-list .list .ul-type01 {
  margin-top: 10px;
}
#contents .container .recruitment .education .education-list .list .ul-type01 li {
  margin-bottom: 5px;
}
#contents .container .recruitment .education .education-list .list.li01 {
  background: url('/images/contents/recruitment/education_li01.png') no-repeat;
  background-position: 0% 50%;
}
#contents .container .recruitment .education .education-list .list.li02 {
  background: url('/images/contents/recruitment/education_li02.png') no-repeat;
  background-position: 0% 50%;
}
#contents .container .recruitment .education .education-list .list.li03 {
  background: url('/images/contents/recruitment/education_li03.png') no-repeat;
  background-position: 0% 50%;
}
#contents .container .customer .tit {
  margin-bottom: 10px;
}
#contents .container .customer .btn-group {
  margin-top: 30px;
}
#contents .container .customer .agree-box .agreement {
  border: 1px solid #ccc;
  padding: 40px;
  box-sizing: border-box;
  height: 360px;
  overflow-y: auto;
}
#contents .container .customer .group-box {
  margin-top: 20px;
  background: #f1f1f1;
  padding: 30px 0;
  text-align: center;
}
#contents .container .customer .btn-group a {
  width: 180px;
  margin: 0 3px;
}
#contents .container .customer .board-view .reply table tbody tr th {
  background: #f2f2f2;
}
#contents .container .customer .btn-group {
  text-align: center;
  margin-top: 50px;
}
#contents .container .customer .btn-group a {
  width: 180px;
  margin: 0 3px;
}
#contents .container .customer .result-box .top {
  overflow: hidden;
  padding: 50px 0;
  background: #f6f6f6;
}
#contents .container .customer .result-box .top figure {
  width: 300px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  box-sizing: border-box;
}
#contents .container .customer .result-box .top .table-wrap {
  display: table-cell;
  padding-left: 50px;
  width: 900px;
  box-sizing: border-box;
  border-left: 1px solid #d3d3d3;
}
#contents .container .customer .result-box .top .table-wrap table tbody tr td input {
  background: #fff;
}
#contents .container .customer .result-box .top .table-wrap table tbody tr td a {
  height: 40px;
  box-sizing: border-box;
  vertical-align: top;
  line-height: 40px;
  padding: 0 10px;
  font-size: 13px;
}
#contents .container .customer .result-box .top .table-wrap table tbody tr td .icon-notice01 {
  padding-left: 35px;
}
#contents .container .customer .result-box .btn-group {
  background: url('/images/contents/cleancenter/result_bg01.jpg') 50% 0 no-repeat;
  padding: 30px 0;
  margin: 0;
  text-align:center;
}
#contents .container .customer .result-box .btn-group .btn-type02 {
  background-color: #fff;
}

#contents .container .etc .info-box {
  border: 1px solid #ccc;
  padding: 50px 0 50px 220px;
  background: url('/images/contents/etc/etc_icon.png') 75px 50% no-repeat;
  font-size: 15px;
  color: #444;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 50px;
}
#contents .container .error {
  width: 1200px;
  margin: 0 auto;
}
#contents .container .error figure {
  text-align: center;
  margin-bottom: 70px;
}
#contents .container .error .btn-group a {
  box-sizing: border-box;
  width: 200px;
  margin: 0 3px;
}
#contents .container .error .btn-group a.btn02 {
  background: #f0f0f0;
}

#contents .prcenter .btn-group {text-align:center; margin-top:50px;}
#contents .prcenter .btn-group > a{padding-right:30px;}
#contents .prcenter .btn-group > a i {right:2%;}

#contents .safety02 table.basic tbody tr td .btn.btn-dwn{border:none;}
#contents table.basic tbody tr td .btn.btn-dwn2{border:none;padding:0;}
#contents .safety02 table.basic tbody tr td .btn.btn.btn-medium{padding:0; font-size:15px;}
#contents .safety02 table.basic tbody tr td .btn.btn.btn.btn-dwn span{margin-left:35px;}

#contents .container .safety .safety02_bg02{border:1px solid #999999; margin:60px 0;}

#contents .container .safety .row .safetyTit01{color:#fff; font-size:36px; text-align:center; background:#4d73ef; width:664px; margin:0 auto;}
#contents .container .safety .row .safetyTit02{color:#000; font-size:30px; text-align:center; margin-top:40px;}
#contents .container .safety .row .safetyTit03{margin-top:25px; border:1px solid #ababab;}
#contents .container .safety .row .safetyTit03 p{text-align:center; padding:40px 0; line-height:34px; color:#444444;}

#contents .container .safety .toggle-type01 dd{overflow:hidden;}
#contents .container .safety .toggle-type01 dd .imagebox_wrap{width:639px;height:620px; float:left;}
#contents .container .safety .toggle-type01 dd .imagebox_wrap2{width:639px;height:830px; float:left;}
#contents .container .safety .toggle-type01 dd .imagebox_wrap .imagebox01{width:639px; height:410px; margin-bottom:10px; background:#000;}
#contents .container .safety .toggle-type01 dd .imagebox_wrap .imagebox02{width:639px; height:200px;}
#contents .container .safety .toggle-type01 dd .imagebox_wrap .imagebox03{width:639px; height:410px;background:#000;}
#contents .container .safety .toggle-type01 dd .imagebox_wrap .imagebox02 > div{width:314px; height:200px; background:#000; overflow:hidden;}
#contents .container .safety .toggle-type01 dd .imagebox_wrap .imagebox02 .imagebox02_01{float:left;}
#contents .container .safety .toggle-type01 dd .imagebox_wrap .imagebox02 .imagebox02_02{float:right;}
#contents .container .safety .toggle-type01 dd .txtbox_wrap{width:440px;height:620px; float:right; border:1px solid #aaaaaa; box-sizing:border-box; padding:20px 25px;}
#contents .container .safety .toggle-type01 dd .txtbox_wrap2{height:830px;}
#contents .container .safety .toggle-type01 dd .txtbox_wrap p{font-size:15px; color:#333;font-weight:400;}
#contents .container .safety .toggle-type01 dd .txtbox_wrap ul{margin:40px 0;}
#contents .container .safety .toggle-type01 dd .txtbox_wrap ul li{font-size:15px; color:#333;font-weight:400;}

#contents .container .safety .row .add_img{overflow:hidden;height:392px;margin-bottom:60px;}
#contents .container .safety .row .add_img img:nth-of-type(1){float:left;width:49%;}
#contents .container .safety .row .add_img img:nth-of-type(2){float:right;width:49%;}
#contents .container .safety .txtbox_wrap2 .table_add{margin-top:20px;border: 1px solid #444444;border-collapse: collapse;}
#contents .container .safety .txtbox_wrap2 .table_add th,
#contents .container .safety .txtbox_wrap2 .table_add td {border: 1px solid #444444;padding: 10px;text-align:center;}

/* 20210311 �������� �˾�â */
body.customerPage{position:relative;}
body.customerPage .black_bg{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0; left:0; z-index:9999;}


#contents .container .environmental .environmental_img{display:block;margin:70px auto 0;}
#contents .container .environmental .explanation_ex{overflow:hidden;width:90%;margin:60px auto 50px;}
#contents .container .environmental .explanation_ex li{border:1px solid #9a9a9a; background:#f9f9fb;float:left;border-radius:30px;text-align:center;padding:29px 47px;margin-right:30px;}
#contents .container .environmental .explanation_ex li:last-of-type{margin-right:0;}
#contents .container .environmental .explanation_ex li h3{color:#9a9a9a;font-size:28px;}
#contents .container .environmental .explanation_ex li p{color:#282828;font-size:17px;}
#contents .container .environmental .basic{margin:60px auto 70px;}

#contents .container .environmental .goal_performance{margin:60px auto 0; width:832px;}
#contents .container .environmental .goal_performance::after{content:""; display:block; clear:both;}
#contents .container .environmental .goal_performance li{float:left; box-sizing:border-box; border:2px solid #e1e1e1; border-bottom:none; width:264px; margin-right:20px; text-align:center; position:relative; height:290px; padding-top:47px;}
#contents .container .environmental .goal_performance li:last-of-type{margin-right:0px;}
#contents .container .environmental .goal_performance li::after{content:""; display:block; background:#9c1f47; height:17px; position:absolute; bottom:-17px; left:-2px; width:264px;}
#contents .container .environmental .goal_performance li h3{margin-top:37px; font-size:20px;}
#contents .container .environmental .goal_performance li p{margin-top:20px; font-size:16px; color:#6d6d6d;}

#contents .container .environmental .goal_performance2{margin:60px auto 78px; width:832px;}
#contents .container .environmental .goal_performance2 h2{font-size:20px; color:#9c1f47;}
#contents .container .environmental .goal_performance2 table{width:832px; margin-top:20px;}
#contents .container .environmental .goal_performance2 table tr td.left_gp span.gray{display:block; width:5px; height:5px; background:#7c7c7c; border-radius:10px;}
#contents .container .environmental .goal_performance2 table tr td.left_gp {font-size:16px; color:#000;}
#contents .container .environmental .goal_performance2 table tr td.left_gp span{font-size:12px; color:#000;}
#contents .container .environmental .goal_performance2 table tr td.right_gp {font-size:20px; color:#000; font-weight:bold; text-align:right;}
#contents .container .environmental .goal_performance2 table tr td.right_gp span{font-size:16px; color:#000; font-weight:bold;}
#contents .container .environmental .goal_performance2 table tr td{padding-top:20px; border-bottom:3px solid #efdae5;}

#contents .container .environmental .toggle-type01{margin-top:60px;}
#contents .container .environmental .toggle-type01 dd div.dd_in{margin-top:30px;overflow:hidden;}
#contents .container .environmental .toggle-type01 dd div.dd_in + div.dd_in{margin-top:60px;}
#contents .container .environmental .toggle-type01 dd div.dd_in_last{margin-top:30px;}
#contents .container .environmental .toggle-type01 dd div.dd_in > div{float:left;}
#contents .container .environmental .toggle-type01 dd div.dd_in > div span{font-weight:bold;display:block;margin-bottom:10px;}
#contents .container .environmental .toggle-type01 dd div.dd_in > table{float:right;margin:0;width:57%;}
#contents .container .environmental .toggle-type01 dd div.dd_in > table th{background:#e2e3e8;padding:8px 20px;}
#contents .container .environmental .toggle-type01 dd div.dd_in > table td{background:#fff;padding:8px 20px;}
#contents .container .environmental .toggle-type01 dd div.dd_in > table td.c{text-align:center;}
#contents .container .environmental .toggle-type01 dd div.dd_in > table td.r{text-align:right;}

#contents .container .environmental .toggle-type01 dd div.dd_in > ul.add_ph{overflow:hidden;}
#contents .container .environmental .toggle-type01 dd div.dd_in > ul.add_ph li{float:left;}
#contents .container .environmental .toggle-type01 dd div.dd_in > ul.add_ph li:nth-of-type(1){width:350px;margin-right:25px;}
#contents .container .environmental .toggle-type01 dd div.dd_in > ul.add_ph li:nth-of-type(2){width:725px;}
#contents .container .environmental .toggle-type01 dd div.dd_in > ul.add_ph li:nth-of-type(2) img{width:350px;}
#contents .container .environmental .toggle-type01 dd div.dd_in > ul.add_ph li:nth-of-type(2) img:nth-of-type(1){margin-right:21px;}
#contents .container .environmental .toggle-type01 dd div.dd_in > ul.add_ph li img{width:350px; height:240px;}
#contents .container .environmental .toggle-type01 dd div.dd_in > ul.add_ph li p{text-align:center;}

#contents .container .environmental .toggle-type01 dd div.dd_in_last > span{font-weight:bold;display:inline-block;margin-bottom:10px;}
#contents .container .environmental .toggle-type01 dd div.dd_in_last > table{margin:0;}
#contents .container .environmental .toggle-type01 dd div.dd_in_last > table th{background:#e2e3e8;padding:8px 20px;}
#contents .container .environmental .toggle-type01 dd div.dd_in_last > table td{background:#fff;padding:8px 20px;}
#contents .container .environmental .toggle-type01 dd div.dd_in_last > table td.c{text-align:center;}
#contents .container .environmental .toggle-type01 dd div.dd_in_last > table td.r{text-align:right;}
#contents .container .environmental .toggle-type01 dd div.dd_in_last > table + img{margin-top:30px;display:block;width:100%;}


#contents .container .social .social_img{display:block;margin:70px auto 0;}
#contents .container .social .social_2page{overflow:hidden;}
#contents .container .social .social_2page li{overflow:hidden;padding:60px 0;border-top:1px solid #888;}
#contents .container .social .social_2page li > div{width:50%;float:left;}
#contents .container .social .social_2page li div.img_wrap{}
#contents .container .social .social_2page li div.txt_wrap{box-sizing:border-box; padding-left:50px;padding-top:30px;}
#contents .container .social .social_2page li:nth-of-type(2n) div.img_wrap{float:right;}
#contents .container .social .social_2page li:nth-of-type(2n) div.txt_wrap{float:left;}
#contents .container .social .social_2page > .img_wrap{width:50%;float:left;margin-bottom:60px;}
#contents .container .social .social_2page > .txt_wrap{width:50%;float:left;box-sizing:border-box; padding-left:50px;padding-top:30px;}
#contents .container .social .social_2page > .txt_wrap > p{color:#444;font-size:19px;margin-bottom:40px;font-weight:400;}

#contents .container .social .row.social04 {overflow:hidden;border-bottom:none;}
#contents .container .social .row.social04 h4{color:#444;font-size:21px;font-weight:400;text-align:center;}
#contents .container .social .row.social04 > .img_wrap{position:relative;float:left;margin:80px 0 0 80px;box-sizing:border-box;}
#contents .container .social .row.social04 > .img_wrap .btnFoundation{position:absolute;bottom:5px;left:83px;width:151px;height:35px;display:block;}
#contents .container .social .row.social04 > .txt_wrap{margin:80px 0 0 460px;box-sizing:border-box;}
#contents .container .social .row.social04 > .txt_wrap h2{color:#4d73ef;font-size:30px;font-weight:500;margin-bottom:30px;margin-top:140px;}
#contents .container .social .row.social04 > .txt_wrap p{color:#555555;font-size:15px;font-weight:400;line-height:1.7;}


#contents .container .social .clear4th{margin-top:30px;}
#contents .container .social .clear4th::after{content:"";display:block;clear:both;}
#contents .container .social .clear4th li{float:left;width:280px;margin-right:26px;box-sizing:border-box;border:1px solid #9a9a9a;background:#f9f9fb;border-radius:20px;padding:25px 0;text-align:center;}
#contents .container .social .clear4th li:last-of-type{margin-right:0px;}
#contents .container .social .clear4th li span{font-size:34px;color:#9a9a9a;font-weight:400;}
#contents .container .social .clear4th li p{font-size:17px;color:#3a3a3a;}
#contents .container .social .clear4th li a{padding:9px 17px;background:#fff;border:1px solid #999999;display:inline-block;color:#999999;font-size:14px;margin-top:15px;}
#contents .container .social .clear4th li a:hover{color:#4d73ef; border:1px solid #4d73ef;}
#contents .container .social .gray_bg_exp li{margin-top:20px;background:#f6f6f6;border-radius:20px;padding:32px 40px;}
#contents .container .social .gray_bg_exp li h2{color:#3a3a3a;font-size:22px;margin-bottom:15px;font-weight:400;}
#contents .container .social .gray_bg_exp li p{color:#3a3a3a;font-size:16px;letter-spacing:-1px;line-height:1.5;}
#contents .container .social .clear3th{margin-top:50px;}
#contents .container .social .clear3th::after{content:"";display:block;clear:both;}
#contents .container .social .clear3th li{float:left;background:#f6f6f6;width:387px;height:243px;border-radius:15px;margin-right:19px;padding:30px;box-sizing:border-box;}
#contents .container .social .clear3th li:last-of-type{margin-right:0px;}
#contents .container .social .clear3th li p{color:#3a3a3a;margin-bottom:5px;}
#contents .container .social .clear3th li p:nth-of-type(1){font-size:24px;font-weight:400;}
#contents .container .social .clear3th li p:nth-of-type(2){font-size:18px;letter-spacing:-1px;}
#contents .container .social .clear3th li p:nth-of-type(3){font-size:15px;}
#contents .container .social p.sub_tit{color:#3a3a3a;font-size:22px;margin-left:20px;}
#contents .container .social p.sub_tit:first-of-type ~ p.sub_tit {margin-top:35px;}
#contents .container .social p.sub_tit + ul.gray_bg_exp li{margin-top:5px;}
#contents .container .social p.sub_tit.exp + ul.gray_bg_exp li:nth-of-type(2){margin-top:20px;}
#contents .container .social .clear3th2{}
#contents .container .social .clear3th2::after{content:"";display:block;clear:both;}
#contents .container .social .clear3th2 li{float:left;background:#fff;margin-right:19px;}
#contents .container .social .clear3th2 li:last-of-type{margin-right:0px;}
#contents .container .social .clear3th2 li p.li_child{width:387px;height:123px;background:#f6f6f6;border-radius:20px;margin-top:5px;padding:37px 29px;box-sizing:border-box;letter-spacing:-1px;}
#contents .container .social .clear_photo::after{content:"";display:block;clear:both;}
#contents .container .social .clear_photo > div{float:left;width:50%;}
#contents .container .social .clear_photo > div.photo_wrap{}
#contents .container .social .clear_photo > div.photo_wrap img:nth-of-type(2n-1){margin-right:5px;margin-bottom:5px;}
#contents .container .social .clear_photo > div.photo_wrap img:nth-of-type(2n){margin-bottom:5px;}

#contents .container .prcenter .brochure_ .box {height:277px; box-sizing:border-box; background:url('/images/contents/prcenter/brochure_banner.jpg') no-repeat; text-align:center; padding-top:75px;}
#contents .container .prcenter .brochure_ .box *{color:#fff;}
#contents .container .prcenter .brochure_ .box .tit.type01{padding-bottom:50px;}
#contents .container .prcenter .brochure_ .box .tit.type01:before{background:#fff; left:50%; margin-left:-18px; bottom:24px;}
#contents .container .prcenter .brochure_ .box p{font-size:15px;}
#contents .container .prcenter .brochure_ .brochure_download_wrap{margin-top:57px;}
#contents .container .prcenter .brochure_ .brochure_download_wrap::after{content:""; display:block; clear:both;}
#contents .container .prcenter .brochure_ .brochure_download_wrap .brochure_kr{height:439px;position:relative;width:50%; border-right:1px solid #d7d7d7; box-sizing:border-box;  text-align:center; padding:0px 0 10px 240px; float:left;}
#contents .container .prcenter .brochure_ .brochure_download_wrap .brochure_kr img{display:block; margin:0 auto;}
#contents .container .prcenter .brochure_ .brochure_download_wrap .brochure_kr p{position:absolute; bottom:59px; right:182px; font-size:15px; font-weight:bold; color:#000; z-index:9999999999;}
#contents .container .prcenter .brochure_ .brochure_download_wrap .brochure_kr a{font-size:12px;position:absolute; bottom:50px; right:82px; padding:10px 35px 10px 10px; z-index:9999999999;}
#contents .container .prcenter .brochure_ .brochure_download_wrap .brochure_kr .en{bottom:0;}
#contents .container .prcenter .brochure_ .brochure_download_wrap .brochure_kr p.en{bottom:10px;}
#contents .container .prcenter .brochure_ .brochure_download_wrap .brochure_etc{position:relative; height:196px;}
#contents .container .prcenter .brochure_ .brochure_download_wrap .brochure_etc img{position:absolute; top:10px; left:667px;border:1px solid #999;}
#contents .container .prcenter .brochure_ .brochure_download_wrap .brochure_etc p{position:absolute; top:120px; left:833px; font-size:15px; font-weight:bold; color:#000;}
#contents .container .prcenter .brochure_ .brochure_download_wrap .brochure_etc a{font-size:12px;position:absolute; bottom:0px; left:833px; padding:10px 35px 10px 10px;}
#contents .container .prcenter .brochure_ .brochure_download_wrap .brochure_etc:last-of-type{margin-top:32px;}