/*	header	*/
.headerContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 89px;
    background: #fff;
    -webkit-transition: top 0.3s ease-out;
    -moz-transition: top 0.3s ease-out;
    -o-transition: top 0.3s ease-out;
    transition: top 0.3s ease-out;
}

.headerContainer.active {
    top: -88px;
}

.header {
    position: relative;
    height: 88px;
    padding: 0 36px;
}

.header .logoWrap {
    float: left;
}

.header .logoWrap .logo {
    height: 18px;
    position: absolute;
    top: 38%;
}

.header .logoWrap .logo_purecell {
    display: none;
}

.header .gnbWrap {
    float: left;
}

.header .gnbWrap .langSelect {
    display: none;
}

.header .gnbWrap .close {
    display: none;
}

.header .gnbWrap .footerMenu li {
    display: none;
}

.header .gnbWrap > ul.gnb > li > p + ul > li > p + ul {
    display: none;
}

.header .gnbWrap > ul.gnb {
    text-align: center;
    position: absolute;
    top: 0;
    left: calc(50% - 542px);
    width: 1056px;
    font-size: 0;
    z-index: 10;
}

.header .gnbWrap > ul.gnb > li {
    position: relative;
    display: inline-block;
    width: 176px;
    height: 100%;
    min-height: 88px;
    margin-left: -1px;
}

.header .gnbWrap > ul.gnb > li:before {
    content: "";
    position: absolute;
    width: 0%;
    height: 3px;
    top: 0;
    left: 0;
    background: #00ad83;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header .gnbWrap > ul.gnb > li:hover, .header .gnbWrap > ul.gnb > li.on {
    background: #fafafa;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.header .gnbWrap > ul.gnb > li:hover:before, .header .gnbWrap > ul.gnb > li.on:before {
    width: 100%;
}

.header .gnbWrap > ul.gnb:hover > li {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.header .gnbWrap > ul.gnb > li > p {
    height: 100%;
    font-size: 20px;
    line-height: 88px;
}

.header .gnbWrap > ul.gnb > li:hover > p, .header .gnbWrap > ul.gnb > li.on > p {
    color: #00ad83;
}

.header .gnbWrap > ul.gnb > li > p + ul {
    overflow: hidden;
    width: 100%;
    height: 0;
    background: #fff;
    z-index: 2;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/*@@*/
.header .gnbWrap > ul.gnb.open > li > p + ul, .header .gnbWrap ul.gnb.open + .footerMenu:before {
    height: 330px;
    border-bottom: 1px solid #e5e5e5;
}

.header .gnbWrap ul.gnb + .footerMenu {
}

.header .gnbWrap ul.gnb + .footerMenu:before {
    content: "";
    position: absolute;
    top: 78px;
    left: 0;
    width: 100%;
    height: 0;
    background: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/*@@*/
.header .gnbWrap ul.gnb.open + .footerMenu:before {
    background: #fff;
    z-index: 1;
}

.header .gnbWrap > ul.gnb > li > p + ul {
    margin-top: -10px;
}

.header .gnbWrap > ul.gnb > li.on > p + ul, .header .gnbWrap > ul.gnb > li:hover > p + ul {
    background: #fafafa;
}

.header .gnbWrap > ul.gnb > li > p + ul > li > p {
    position: relative;
    display: inline-block;
}

.header .gnbWrap > ul.gnb > li > p + ul > li > p a {
    font-size: 15px;
    color: #777;
    padding: 10px 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header .gnbWrap > ul.gnb > li > p + ul > li > p:after {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 8px;
    left: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header .gnbWrap > ul.gnb > li > p + ul > li > p:hover:after, .header .gnbWrap > ul.gnb > li > p + ul > li > p.on:after {
    width: 100%;
    background: #00ad83;
}

.header .gnbWrap > ul.gnb > li > p + ul > li > p:hover a {
    color: #00ad83;
}

.header .gnbWrap > ul.gnb > li > p + ul > li > p.on a {
    color: #00ad83;
}

.header .gnbWrap > ul.gnb li a.link {
    padding-right: 17px;
    width: 100%;
    background: url("../images/ico_link.png") 100% 50% no-repeat;
    margin-right: 3px;
}

@media (max-width: 1580px) {
    .header .gnbWrap > ul.gnb {
        width: calc(50% - -190px);
        left: calc(50% - 470px);
    }

    .header .gnbWrap > ul.gnb > li {
        width: 17%;
    }

    .header .gnbWrap > ul.gnb > li:nth-child(1) {
        width: 20%;
    }
}

.header .servicesWrap {
    float: right;
}

.header .servicesWrap .selectForm {
    position: relative;
    vertical-align: top;
    display: inline-block;
    margin-top: -2px;
    font-size: 13px;
}

.header .servicesWrap .selectForm:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    vertical-align: middle;
    margin: -1px 14px 0 0;
    background: #ccc;
}

.header .servicesWrap .selectForm p {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 24px;
    line-height: 24px;
    padding-left: 28px;
    cursor: pointer;
    background: url("../images/ico_lang.png") #fff 0% 50% no-repeat;
    background-size: contain;
}

.header .servicesWrap .selectForm p + ul {
    display: none;
    position: absolute;
    width: 78px;
    left: 0;
    top: -7px;
    padding: 4px 0;
    background: #00ad83;
    z-index: 2;
}

.header .servicesWrap .selectForm p + ul li {
    width: 100%;
    padding-left: 16px;
    text-align: left;
}

.header .servicesWrap .selectForm p + ul li.on {
    background: rgba(255,255,255,.1);
}

.header .servicesWrap .selectForm p + ul li a {
    position: relative;
    display: inline-block;
    color: #fff;
    line-height: 36px;
}

.header .servicesWrap .selectForm ul li.selected a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 1px;
    background: #fff;
}

.header .servicesWrap .selectForm.on p + ul {
    display: block;
}

.header .servicesWrap .searchWrap {
    vertical-align: top;
    display: inline-block;
    margin-right: 11px;
    margin-top: -4px;
}

.header .servicesWrap .searchWrap p {
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: url("../images/ico_search.png") #fff 50% 50% no-repeat;
    background-size: contain;
    font-size: 0;
    text-indent: -9999px;
}

.header .servicesWrap .searchWrap p:hover {
    background-image: url("../images/ico_search_on.png")
}

.header .servicesWrap .searchWrap p.inputWrap {
    height: 78px;
}

.header .servicesWrap .searchWrap .searchContainer {
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 88px;
    width: 100%;
    height: 0;
    background: #fff;
    z-index: 10;
    margin-top: -1px;
    border-top: 1px solid #fff;
    -webkit-animation: opacity_hide 0.3s 0s forwards;
    animation: opacity_hide 0.3s 0s forwards;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.header .servicesWrap .searchWrap .searchContainer.on {
    height: 172px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    -webkit-animation: opacity_show 0.1s 0s forwards;
    animation: opacity_show 0.1s 0s forwards;
}

.header .servicesWrap .searchWrap .searchContainer .inputWrap {
    margin: 46px auto;
    width: 100%;
    padding: 0 160px;
}

.header .servicesWrap .searchWrap .searchContainer .inputWrap input[type="text"] {
    float: left;
    width: calc(100% - 80px);
    height: 80px;
    padding: 0 20px;
    border: none;
    font-size: 36px;
    outline: none;
}

.header .servicesWrap .searchWrap .searchContainer .inputWrap a {
    float: left;
    width: 80px;
    height: 80px;
    background: url("../images/input_search.png") #fff 50% 50% no-repeat;
    background-size: contain;
    font-size: 0;
    text-indent: -9999px;
}

.header .servicesWrap .searchWrap .searchContainer .inputWrap input[type="text"]:focus + a, .header .servicesWrap .searchWrap .searchContainer .inputWrap a:hover {
    background-image: url("../images/input_search_on.png");
}

.header .servicesWrap .logo_purecell {
    display: inline-block;
    height: 18px;
}

.header .servicesWrap .menuWrap {
    display: none;
}

.headerContainer .header_submenu {
    overflow: hidden;
    position: relative;
    width: auto;
    z-index: 0;
    height: 0;
    text-align: center;
    background: #fafafa;
    margin-top: -1px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.headerContainer.fix .header_submenu {
    height: 75px;
}

.headerContainer.fix .header_submenu:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 48px;
    z-index: 9;
    pointer-events: none;
    background: -webkit-linear-gradient(to right, rgba(250,250,250,.97), rgba(250,250,250,0));
    background: -moz-linear-gradient(to right, rgba(250,250,250,.97), rgba(250,250,250,0));
    background: -ms-linear-gradient(to right, rgba(250,250,250,.97), rgba(250,250,250,0));
    background: -o-linear-gradient(to right, rgba(250,250,250,.97), rgba(250,250,250,0));
    background: linear-gradient(to right, rgba(250,250,250,.97), rgba(250,250,250,0));
}

.headerContainer.fix .header_submenu:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 48px;
    z-index: 9;
    pointer-events: none;
    background: -webkit-linear-gradient(to left, rgba(250,250,250,.97), rgba(250,250,250,0));
    background: -moz-linear-gradient(to left, rgba(250,250,250,.97), rgba(250,250,250,0));
    background: -ms-linear-gradient(to left, rgba(250,250,250,.97), rgba(250,250,250,0));
    background: -o-linear-gradient(to left, rgba(250,250,250,.97), rgba(250,250,250,0));
    background: linear-gradient(to left, rgba(250,250,250,.97), rgba(250,250,250,0));
}

.headerContainer .header_submenu ul {
}

.headerContainer .header_submenu li.swiper-slide {
    width: auto;
    height: auto;
    margin: 22px 18px;
}

.headerContainer .header_submenu li.swiper-slide:first-child {
}

.headerContainer .header_submenu li a {
    position: relative;
    padding: 8px 0;
    color: #777;
    font-size: 15px;
}

.headerContainer .header_submenu li.on a, .headerContainer .header_submenu li a:hover {
    color: #00ad83;
}

.headerContainer .header_submenu li a:after {
    content: "";
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 0;
    height: 1px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.headerContainer .header_submenu li.on a:after, .headerContainer .header_submenu li a:hover:after {
    width: 100%;
    background: #00ad83;
}

.headerContainer .header_submenu li a.link {
    padding-right: 18px;
    background: url("../images/ico_link.png") 100% 9px no-repeat;
    background-size: 12px;
}

.ps_btn {
    float: right;
    margin-top: 30px;
}

.ps_btn img {
    width: 18px;
    vertical-align: middle;
}

/* footer */
.footerContainer {
    clear: both;
    position: relative;
    background: #f2f2f2;
    width: 100%;
    margin-top: 160px;
}

.footer {
    max-width: 1632px;
    margin: 0 auto;
    font-size: 16px;
    padding: 0 7.5%;
}

.footer a {
    font-weight: 300;
    line-height: 1.6;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.footer a:hover {
    opacity: .6;
}

.footer a img {
    vertical-align: middle;
    height: 0.8em;
    margin-left: 0.3em;
}

.footer ul.gnb {
    width: 100%;
    overflow: hidden;
    padding: 80px 0 75px;
}

.footer ul.gnb > li {
    width: 16.6%;
    float: left;
    padding: 0 10px;
}

.footer ul.gnb > li > p {
    font-weight: 700;
    margin-bottom: 24px;
}

.footer ul.gnb > li a {
    padding: 6px 0;
}

.footer .footerMenuWrap {
    height: 50px;
}

.footer .footerMenuWrap > ul {
    float: left;
    margin: 0 auto;
}

.footer .footerMenuWrap > ul li {
    float: left;
    margin-left: 30px;
}

.footer .footerMenuWrap > ul li:first-child {
    margin-left: 0;
}

.footer .footerMenuWrap > ul li a {
    line-height: 50px;
}

.footer .footerMenuWrap .familysiteWrap {
    float: right;
    width: 225px;
    font-weight: 300;
}

.footer .footerMenuWrap .familysiteWrap .selectForm {
    position: relative;
}

.footer .footerMenuWrap .familysiteWrap .selectForm p {
    border: 1px solid #b3b3b3;
    font-size: 14px;
    cursor: pointer;
    padding: 17px 20px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.footer .footerMenuWrap .familysiteWrap .selectForm p:hover {
    background: #fff;
}

.footer .footerMenuWrap .familysiteWrap .selectForm p img {
    vertical-align: middle;
    float: right;
    height: 9px;
    margin-top: 2px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.footer .footerMenuWrap .familysiteWrap .selectForm ul {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -1px;
    height: 0;
    display: block;
    overflow: hidden;
    border: 1px solid #b3b3b3;
    border-bottom: 0;
    -webkit-transition: height 0.3s ease-out;
    -moz-transition: height 0.3s ease-out;
    -o-transition: height 0.3s ease-out;
    transition: height 0.3s ease-out;
}

.footer .footerMenuWrap .familysiteWrap .selectForm ul li {
    font-size: 15px;
    background: #f2f2f2;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.footer .footerMenuWrap .familysiteWrap .selectForm ul li:hover {
    background: #fff;
}

.footer .footerMenuWrap .familysiteWrap .selectForm ul li a {
    padding: 13px 20px;
}

.footer .footerMenuWrap .familysiteWrap .selectForm ul li:hover a {
    opacity: 1;
}

.footer .footerMenuWrap .familysiteWrap .selectForm.on p img {
    transform: rotate(180deg);
}

.footer .footerMenuWrap .familysiteWrap .selectForm.on ul {
    height: 151px;
    background: #f2f2f2;
}

.footer .footerMenuWrap .familysiteWrap .ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

.footer .footerMenuWrap .familysiteWrap .ps__rail-y {
    position: absolute;
    width: 6px;
    right: 0;
}

.footer .footerMenuWrap .familysiteWrap .ps--active-y > .ps__rail-y {
    display: block;
    background: #f2f2f2;
}

.footer .footerMenuWrap .familysiteWrap .ps__thumb-y {
    position: absolute;
    background: #b3b3b3;
    width: 6px;
    right: 0;
    min-height: 162px;
}

.footer .logoWrap {
    clear: both;
    border-top: 1px solid #d9d9d9;
    padding: 30px 0;
    margin-top: 30px;
    line-height: 60px;
    overflow: hidden;
}

.footer .logoWrap > img {
    width: 120px;
    height: 16px;
    margin-top: 20px;
    float: left;
}

.footer .logoWrap p {
    float: right;
    font-size: 14px;
    color: #222;
}

/*quickmenu	*/
.quick_bottom_top {
    margin-top: 50px;
    margin-top: 30px;
    right: 6px;
    position: absolute;
    width: 23px;
}

.quickmenu {
    position: fixed;
    text-align: right;
    top: 50%;
    right: 36px;
    z-index: 9;
    margin-top: -22px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.quickmenu.on {
    margin-top: -150px;
}

.quickmenu .quickWrap {
    position: relative;
    width: 152px;
    height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.quickmenu.on .quickWrap {
    height: 248px;
}

.quickmenu ul {
    position: absolute;
    bottom: 0;
    height: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.quickmenu.on ul {
    height: 248px;
}

.quickmenu li {
    position: relative;
    width: 152px;
    margin-top: 7px;
}

.quickmenu li:first-child {
    margin-top: 0;
}

.quickmenu li a {
}

.quickmenu li p {
    text-align: left;
    color: #646464;
    font-size: 12px;
    background: rgba(204,204,204,0.7);
    height: 43px;
    line-height: 45px;
    width: calc(100% - 22px);
    padding-left: 26px;
    border-radius: 22px 0 0 22px;
}

.quickmenu li a:hover p {
    background: rgba(198,237,228,0.7);
}

.quickmenu li:first-child p {
    background: #b1e2fa !important;
}

.quickmenu li span {
    position: absolute;
    top: 0;
    right: 0;
    border: 2px solid #dcdcdc;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    width: 43px;
    height: 43px;
}

.quickmenu li a:hover span {
    border-color: #bfeae0;
}

.quickmenu li:first-child a span {
    border-color: #b1e2fa !important;
}

.quickmenu li span img {
    width: 100%;
}

.quickmenu > p {
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background: #dcdcdc;
    width: 43px;
    height: 43px;
    cursor: pointer;
    margin-top: 8px;
}

.quickmenu > p img {
    width: 22px;
    margin-top: 11px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.quickmenu.on > p img {
    transform: rotate(45deg);
}

.titleWrap {
    text-align: center;
}

.titleWrap > p {
    font-weight: 700;
    font-size: 24px;
}

.titleWrap > span {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.7;
    margin: 1.6em 0 4em;
}

.sust0201 .titleWrap a, .sust0301 .titleWrap a {
    display: inline-block;
}

.sust0201 .titleWrap a img, .sust0301 .titleWrap a img {
    margin-left: 0.3em;
    vertical-align: middle;
    padding-right: 0.2em;
}

.imgDeviceWrap {
}

.imgDeviceWrap li {
    display: none;
}

.imgDeviceWrap li img {
    max-width: 100%;
}

.imgDeviceWrap li.deviceD {
    display: block;
}

/*	effect	*/
.contentsWrap .contents .leftToRight {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.contentsWrap .contents .leftToRight:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    z-index: 2;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.contentsWrap .contents.on .leftToRight:after {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
}

.contentsWrap .contents .topToBottom {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.contentsWrap .contents .topToBottom:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    z-index: 2;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.contentsWrap .contents.on .topToBottom:after {
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
}

@-webkit-keyframes opacity_show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes opacity_show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes opacity_hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes opacity_hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*	content	*/
/*	all	*/
.contentsContainer {
    padding-top: 88px;
}

.headerContainer.active + .contentsContainer {
}

.contentsContainer .keyvisualWrap {
    position: relative;
    height: 400px;
}

.contentsContainer .keyvisual {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    background: #ccc;
    color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.container.tech01 .contentsContainer .keyvisual {
    background-image: url("../images/img_tech01.png");
}

.container.tech02 .contentsContainer .keyvisual {
    background-image: url("../images/img_tech02.png");
}

.container.prod .contentsContainer .keyvisual {
    background-image: url("../images/img_prod.png");
}

.container.intr.intr0701 .contentsContainer .keyvisual,.container.intr.intr0701-1 .contentsContainer .keyvisual, .container.intr.intr06 .contentsContainer .keyvisual, .container.sust .contentsContainer .keyvisual {
    background-image: url("../images/KV_sustainability_ehs.png");
}

.container.inve .contentsContainer .keyvisual {
    background-image: url("../images/img_inve.png");
}

.container.inve0201 .contentsContainer .keyvisual {
    background-image: url("../images/inve0201bg.png") !important;
}

.container.inve03 .contentsContainer .keyvisual {
    background-image: url("../images/img_inve03.png");
}

.container.inve0401 .contentsContainer .keyvisual {
    background-image: url("../images/inve0401bg.png") !important;
}

.container.inve0501 .contentsContainer .keyvisual {
    background-image: url("../images/inve0501bg.png");
}

.container.medi .contentsContainer .keyvisual {
    background-image: url("../images/img_medi.png");
}

.container.medi2 .contentsContainer .keyvisual {
    background-image: url("../images/medi0201bg.png");
}

.container.serv .contentsContainer .keyvisual {
    background: #fff;
    color: #000;
    width: 1116px;
}

.container.cont .contentsContainer .keyvisual {
    background-image: url("../images/img_cont.png");
}

.container.loca .contentsContainer .keyvisual {
    background-image: url("../images/img_loca.png");
}

.container.recr .contentsContainer .keyvisual {
    background-image: url("../images/img_recr.png");
}

.container.intr .contentsContainer .keyvisual {
    background-image: url("../images/img_intr01.png");
}

.container.intr.intr01 .contentsContainer .keyvisual {
    background-image: url("../images/intr0101bg.png");
}

.container.intr.intr0101 .contentsContainer .keyvisual {
    background-image: url("../images/intr0101bg.png");
}

.container.intr.intr0201 .contentsContainer .keyvisual {
    background-image: url("../images/intr0201bg.png");
}

.container.intr.intr04 .contentsContainer .keyvisual {
    background-image: url("../images/img_intr04.png");
    /* color: #000; */
}

.container.intr.intr05 .contentsContainer .keyvisual {
    background-image: url("../images/img_intr05_new.jpg");
    background-blend-mode: multiply;
}

.container.intr.intr07 .contentsContainer .keyvisual {
    background-image: url("../images/img_intr07.png");
}

.contentsContainer .keyvisual h1 {
    padding-top: 150px;
}

.contentsContainer .keyvisual h1 p {
    display: inline-block;
    font-size: 40px;
    font-weight: 700;
    position: relative;
    padding-bottom: 17px;
}

.contentsContainer .keyvisual h1 p:after {
    content: "";
    position: absolute;
    width: 0;
    bottom: 0;
    left: 0%;
    height: 1px;
    background: #fff;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.contentsContainer .keyvisual.on h1 p:after {
    width: 100%;
}

.container.serv .contentsContainer .keyvisual h1 p:after {
    background: #000;
}

/* .container.intr04 .contentsContainer .keyvisual h1 p:after {
    background: #000;
} */

.container.loca .contentsContainer .keyvisual h1 p:after {
    background: #fff;
}

.contentsContainer .keyvisual h1 span {
    display: block;
    margin-top: 17px;
    font-size: 28px;
}

.contentsContainer .keyvisual h1 span.lettertop {
    display: inline-block;
    margin-top: 0;
    font-size: 0.6em;
}

.contentsContainer .indicatorWrap {
    position: absolute;
    z-index: 1;
    bottom: 32px;
    right: 64px;
    text-align: right;
}

.contentsContainer .indicatorWrap a {
    display: inline-block;
    font-size: 13px;
}

.contentsContainer .indicatorWrap a:after {
    content: "/";
    display: inline-block;
    width: auto;
    height: 13px;
    margin: 0 4px 0 6px;
}

.contentsContainer .indicatorWrap a:last-child:after {
    display: none;
}

.container.serv .contentsContainer .indicatorWrap {
    bottom: 44px;
    right: 0;
}

.contentsContainer .menuContainer {
    position: relative;
    clear: both;
    width: 100%;
    padding: 0 36px;
    text-align: center;
}

.contentsContainer .menuContainer:after {
    background: #dadada;
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    margin-top: -1px;
}

.contentsContainer .menuContainer ul {
    text-align: center;
}

.contentsContainer .menuContainer li.swiper-slide {
    position: relative;
    width: auto;
    margin: 0 29px;
}

.contentsContainer .menuContainer li a {
    font-size: 18px;
    padding: 21px 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.contentsContainer .menuContainer li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.contentsContainer .menuContainer li:hover:after, .contentsContainer .menuContainer li.on:after {
    left: 0;
    width: 100%;
    background: #00ad83;
}

.contentsContainer .menuContainer li:hover a, .contentsContainer .menuContainer li.on a {
    color: #00ad83;
}

.contentsWrap {
    clear: both;
    width: 1116px;
    margin: 0 auto;
    /*overflow:hidden;*/
}

.contentsWrap:after {
    content: "";
    display: table;
    zoom:1; clear: both;
}

.contentsWrap.wide {
    width: 100%;
    max-width: 1920px;
}

.contentsWrap .contents {
}

.contentsWrap .contents:first-child {
    margin-top: 100px;
}

.contentsWrap .contents.video {
    margin-top: 75px;
    display: inline-block;
}

.contentsWrap .contents.ebook {
    width: 100%;
    display: inline-block;
    margin-top: 75px;
}

dl.information {
    width: 100%;
}

dl.information dt {
    clear: both;
    float: left;
    margin-bottom: 130px;
    width: 227px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    margin-top: -0.1em;
}

dl.information dd {
    float: left;
    width: calc(100% - 227px);
    margin-bottom: 130px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.78;
}

dl.information dt p {
    display: block;
    font-size: 0.68em;
    font-weight: 400;
    margin-top: 0.8em;
}

dl.information dd ul, dl.information dd ol {
    margin-bottom: 30px;
}

dl.information dd ul li {
    text-indent: -1em;
    padding-left: 1em;
}

dl.information dd ul.brackets li {
    text-indent: -1.7em;
    padding-left: 1.7em;
}

dl.information dd .subWrap {
    font-size: 15px;
    overflow: hidden;
    padding: 30px 30px 0;
    background: #f7f7f7;
    margin: 40px 0;
}

dl.information dd .btnWrap {
    margin-top: 120px;
    text-align: left;
}

p.information {
    clear: both;
    width: 100%;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.72;
}

p.information a {
    display: inline-block;
    color: #0088ce;
}

p.information + dl.information {
    margin-top: 100px;
}

.tab + p.information {
    font-size: 18px;
    font-weight: 300;
    line-height: 2;
}

div.information {
    width: 100%;
}

div.information h2 {
    font-weight: 700;
    font-size: 24px;
    margin: 130px 0 40px;
}

div.information .infoWrap {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.8;
}

div.information .infoWrap li {
    text-indent: -1em;
    padding-left: 1em;
}

div.information .infoWrap a {
    display: inline-block;
    color: #0088ce;
    text-indent: 0;
}

div.information .infoWrap p + ol,div.information .infoWrap ol + p {
    margin-top: 2em;
}

div.information .infoWrap table {
    width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-top: 30px;
}

div.information .infoWrap table thead th {
    font-size: 16px;
    font-weight: 700;
    background: #fafafa;
    padding: 13px 10px;
    text-align: center;
}

div.information .infoWrap table tbody td {
    font-size: 16px;
    text-align: center;
    border-top: 1px solid #e1e1e1;
    padding: 13px 10px;
}

div.information .infoWrap table + p,div.information .infoWrap table + ol {
    margin-top: 1em;
}

div.information .infoWrap .downWrap {
    margin: 2em 0;
}

div.information .infoWrap .downWrap a {
    color: #000;
    font-weight: 400;
}

div.information .infoWrap .downWrap img {
    height: 1em;
    vertical-align: middle;
    margin-left: 0.5em;
}

.tableWrap {
}

.tableWrap .inputContainer {
    float: right;
    margin-bottom: 56px;
    text-align: right;
}

.tableWrap .inputContainer .selectWrap {
    float: left;
    width: 148px;
    margin-right: 24px;
}

.tableWrap .inputContainer .selectWrap select {
    height: 45px;
    padding: 0;
    border: none;
    background-image: url("../images/btn_select.png");
    border-bottom: 2px solid #aaa;
    font-size: 18px;
}

.tableWrap .inputContainer .inputWrap {
    float: left;
}

.tableWrap .inputContainer .inputWrap input[type="text"] {
    float: left;
    width: 240px;
    height: 45px;
    padding: 0;
    border: none;
    border-bottom: 2px solid #aaa;
    font-size: 18px;
}

.tableWrap .inputContainer .inputWrap a {
    float: left;
    width: 45px;
}

.tableWrap .inputContainer .inputWrap a img {
    width: 100%;
    height: auto;
}

.tableWrap table {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    font-size: 16px
}

.tableWrap table th {
    padding: 19px 0;
    background: #fafafa;
    text-align: center;
    font-weight: 700;
    line-height: 1.4;
}

.tableWrap table tr:hover td {
    background: #f2fcf9;
}

.tableWrap table td {
    border-top: 1px solid #dadada;
    text-align: center;
    font-weight: 300;
    padding: 15px 0;
    line-height: 1.4;
}

.tableWrap table td a img {
    margin-left: 10px;
}

.tableWrap table td.left {
    padding-left: 25px;
}

.tableWrap table td a {
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    /*padding:19px 0;*/
    font-weight: 300;
    width: 100%;
}

.tableWrap2 {
}

.tableWrap2 .inputContainer {
    float: right;
    margin-bottom: 56px;
    text-align: right;
}

.tableWrap2 .inputContainer .selectWrap {
    float: left;
    width: 148px;
    margin-right: 24px;
}

.tableWrap2 .inputContainer .selectWrap select {
    height: 45px;
    padding: 0;
    border: none;
    background-image: url("../images/btn_select.png");
    border-bottom: 2px solid #aaa;
    font-size: 18px;
}

.tableWrap2 .inputContainer .inputWrap {
    float: left;
}

.tableWrap2 .inputContainer .inputWrap input[type="text"] {
    float: left;
    width: 240px;
    height: 45px;
    padding: 0;
    border: none;
    border-bottom: 2px solid #aaa;
    font-size: 18px;
}

.tableWrap2 .inputContainer .inputWrap a {
    float: left;
    width: 45px;
}

.tableWrap2 .inputContainer .inputWrap a img {
    width: 100%;
    height: auto;
}

.tableWrap2 table {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    font-size: 16px
}

.tableWrap2 table th {
    padding: 19px 5px;
    background: #fafafa;
    text-align: center;
    font-weight: 700;
    line-height: 1.4;
}

.tableWrap2 table td {
    border-top: 1px solid #dadada;
    text-align: center;
    font-weight: 300;
    padding: 17px 5px;
    line-height: 1.2;
    word-break: break-word;
}

.tableWrap2 table td.left {
    padding-left: 25px;
}

.tableWrap2 table td.h12 {
    height: 12em;
}

.tableWrap2 table td a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /*padding:19px 0;*/
    font-weight: 300;
}

.tableWrap2 table td .down-form {
    display: inline-block;
    width: 23%;
}

/* 19% -> 23% */
#table-inve-0202 th:nth-child(1) {
    width: 23%;
}

#table-inve-0202 th:nth-child(2) {
    width: 34%;
}

#table-inve-0202 th:nth-child(3) {
    width: auto;
}

#table-inve-0202 th:nth-child(4) {
    width: 12%;
}


dl.information.profile .list .item dl {display: flex; margin-bottom: 15px;}
dl.information.profile .list .item dd {margin-bottom: 0; font-size: 16px; line-height: 1.5; color: #666666; width:120px;}
dl.information.profile .list .item dt {clear:none; font-weight: 300; font-size: 16px; margin-bottom: 0; line-height: 1.5; padding-left: 15px; color: #666666;}
dl.information.profile dd.first-dd {margin-bottom: 60px;}

.paginate {
    text-align: center;
    margin-top: 56px;
}

.paginate li {
    display: inline-block;
    margin: 0 5px;
}

.paginate li a {
    width: 20px;
    height: 100%;
    padding: 6px 0;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 2px solid transparent;
}

.paginate li.on {
}

.paginate li.on a {
    color: #01ae83;
    border-color: #01ae83;
}

.tab {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-bottom: 100px;
    border-bottom: 1px solid #dadada;
}

.tab li {
    float: left;
}

.tab li.swiper-slide {
    width: auto;
}

.tab li:first-child {
    margin-right: 80px;
}

.tab li a {
    display: inline-block;
    color: #949494;
    font-size: 18px;
    line-height: 36px;
    border-bottom: 2px solid transparent
}

.tab li.on a, .tab li a:hover {
    color: #000;
    border-color: #000;
}

.viewWrap {
}

.viewWrap .titleWrap {
    background: #fafafa;
    padding: 60px 115px 50px;
    border-top: 2px solid #000;
    border-bottom: 1px solid #dadada;
    text-align: left;
}

.viewWrap .titleWrap p {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px;
}

.viewWrap .titleWrap span {
    font-size: 16px;
    font-weight: 300;
    margin: 0;
}

.viewWrap .viewContents {
}

.viewWrap .viewContents .view {
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    margin: 80px 2%;
    width: 96%
}

.viewWrap .viewContents .view .imgContents {
    margin: 65px auto;
}

.viewWrap .viewContents .view .imgContents p img {
    max-width: 100%;
}

.viewWrap .viewContents .view p img {
    max-width: 100%;
    margin-bottom: 10px;
}

.viewWrap .viewContents .view .imgContents p {
    color: #626262;
    margin-top: 16px;
    max-width: 100%;
}

.viewWrap .viewContents .file {
    margin: 0 auto 56px;
    width: 888px;
    background: #fafafa;
    overflow: hidden;
    line-height: 19px;
}

.viewWrap .viewContents .file p.title {
    padding: 19px 30px;
    font-size: 16px;
    float: left;
}

.viewWrap .viewContents .file ul {
    padding: 19px 40px;
    float: left;
}

.viewWrap .viewContents .file ul li a {
    font-size: 16px;
    font-weight: 300;
}

.viewWrap .viewContents .file ul li a img {
    height: 19px;
    margin-left: 8px;
}

.viewWrap .boardList {
    color: #aaa;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.viewWrap .boardList li {
    padding: 18px 0;
    height: 56px;
}

.viewWrap .boardList li:first-child {
    border-bottom: 1px solid #dadada;
}

.viewWrap .boardList a {
    display: inline-block;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 111px);
    margin-top: 2px;
}

.viewWrap .boardList img {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    margin: -4px 60px 0 40px;
}

.viewWrap .boardList li:last-child img {
    margin-top: -10px;
}

.viewWrap .boardList a:hover {
    color: #00ad83;
}

.viewWrap .btnWrap {
    text-align: right;
    margin-top: 40px;
}

/** 기술/제품 > 연료전지란 > 연료전지 원리 **/
.tech0101 {
}

.tech0101 .techWrap {
    background: url("../images/img_tech0101_02.png") 50% 50% no-repeat;
    background-size: contain;
    overflow: hidden;
    width: 100%;
    margin-top: 120px;
}

.tech0101 .techWrap li {
    text-align: center;
    width: 230px;
    height: 200px;
}

.tech0101 .techWrap li br {
}

.tech0101 .techWrap li:nth-child(-n + 2) {
    margin-bottom: 40px;
}

.tech0101 .techWrap li:nth-child(odd) {
    clear: both;
    float: left;
}

.tech0101 .techWrap li:nth-child(even) {
    float: right;
}

.tech0101 .techWrap li p {
    position: relative;
    display: inline-block;
    padding-bottom: 0.6em;
    margin-bottom: 0.4em;
}

.tech0101 .techWrap li p:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #00ad83;
    position: absolute;
    left: 0;
    bottom: 0;
}

.tech0101 .techWrap li span {
    display: block;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
}

/** 기술/제품 > 연료전지란 > 두산퓨얼셀 기술 **/
.tech0102 {
}

.tech0102 .techContainer {
    position: relative;
}

.tech0102 .techWrap {
    position: relative;
    width: 660px;
    height: 611px;
    margin: 0 auto;
}

.tech0102 .techWrap .product {
    position: absolute;
    top: 0;
}

.tech0102 .techWrap .product li {
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.tech0102 .techWrap .product li.on {
    opacity: 1;
    top: 0;
    display: block;
    -webkit-animation: productImg 1s forwards;
    animation: productImg 1s forwards;
}

.tech0102 .techWrap .product li img {
    width: 100%;
    height: auto;
}

.tech0102 .techWrap .product li p {
    line-height: 1.6;
    font-size: 15px;
    text-align: center;
    position: absolute;
    top: 520px;
    width: 100%;
    left: 0;
}

.tech0102 .techBtn {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.tech0102 .techBtn li {
    width: 133px;
    height: 158px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    background-size: contain;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    padding-top: 128px;
    margin-top: 80px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.tech0102 .techBtn li:nth-child(odd) {
    clear: both;
    float: left;
}

.tech0102 .techBtn li:nth-child(even) {
    float: right;
}

.tech0102 .techBtn li p {
    position: relative;
    display: inline-block;
    padding-bottom: 0.6em;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.tech0102 .techBtn li.on p {
    color: #00ad83;
}

.tech0102 .techBtn li p:after {
    content: "";
    width: 12px;
    height: 1px;
    background: #c1c1c1;
    position: absolute;
    left: calc(50% - 6px);
    bottom: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.tech0102 .techBtn li.on p:after {
    background: #00ad83;
    width: 100%;
    left: 0;
}

.tech0102 .techBtn li:first-child {
    background-image: url("../images/ico_tech0102_01.png");
}

.tech0102 .techBtn li:nth-child(2) {
    background-image: url("../images/ico_tech0102_02.png");
}

.tech0102 .techBtn li:nth-child(3) {
    background-image: url("../images/ico_tech0102_03.png");
}

.tech0102 .techBtn li:last-child {
    background-image: url("../images/ico_tech0102_04.png");
}

.tech0102 .techBtn li.on:first-child {
    background-image: url("../images/ico_tech0102_01_on.png");
}

.tech0102 .techBtn li.on:nth-child(2) {
    background-image: url("../images/ico_tech0102_02_on.png");
}

.tech0102 .techBtn li.on:nth-child(3) {
    background-image: url("../images/ico_tech0102_03_on.png");
}

.tech0102 .techBtn li.on:last-child {
    background-image: url("../images/ico_tech0102_04_on.png");
}

.tech0102 .techWrap .plus {
    width: 100%;
    height: 100%;
}

.tech0102 .techWrap .plus li {
    width: 17px;
    height: 17px;
    position: absolute;
    z-index: 2;
}

.tech0102 .techWrap .plus li:after {
    width: 17px;
    height: 1px;
    content: "";
    background: #bcbcbc;
    display: block;
    margin-top: -9px;
}

.tech0102 .techWrap .plus li:before {
    width: 1px;
    height: 17px;
    content: "";
    background: #bcbcbc;
    display: block;
    margin-left: 8px;
}

.tech0102 .techWrap .plus li:first-child {
    top: 0;
    left: 0;
}

.tech0102 .techWrap .plus li:nth-child(2) {
    top: 0;
    right: 0;
}

.tech0102 .techWrap .plus li:nth-child(3) {
    bottom: 0;
    left: 0;
}

.tech0102 .techWrap .plus li:last-child {
    bottom: 0;
    right: 0;
}

.tech0102 .techWrap .plus.on li:after {
    background: #00ad83;
}

.tech0102 .techWrap .plus.on li:before {
    background: #00ad83;
}

@-webkit-keyframes productImg {
    0% {
        opacity: 0;
        top: -20px;
        display: none;
    }

    100% {
        opacity: 1;
        top: 0;
        display: flex;
    }
}

@keyframes productImg {
    0% {
        opacity: 0;
        top: -20px;
        display: none;
    }

    100% {
        opacity: 1;
        top: 0;
        display: flex;
    }
}

/** 기술/제품 > 고객가치 > 친환경 에너지 **/
.tech0201 {
}

.tech0201 .titleWrap br {
    display: none;
}

.tech0201 .graphContainer {
}

.tech0201 .graphContainer table + ul {
    font-size: 14px;
    color: #525252;
    margin-left: calc(18% + 23px);
    margin-top: 32px;
}

.tech0201 .graphContainer table + ul li {
    margin-right: 4em;
    display: inline-block;
}

.tech0201 .graphContainer table {
    width: 100%;
}

.tech0201 .graphContainer table.title thead tr th p {
    font-size: 20px;
    padding: 7px 0;
}

.tech0201 .graphContainer table.title thead tr th:nth-child(1) {
    width: 20%;
}

.tech0201 .graphContainer table.title thead tr th:nth-child(2) {
    width: 40%;
}

.tech0201 .graphContainer table.title thead tr th:nth-child(3) {
    width: 22%;
}

.tech0201 .graphContainer table.title thead tr th:nth-child(4) {
    width: 18%;
}

.tech0201 .graphContainer table.title thead tr th:nth-child(2) p {
    color: #0088ce;
    border-bottom: 1px solid #0088ce;
    margin: 0 23px;
}

.tech0201 .graphContainer table.title thead tr th:nth-child(3) p {
    color: #00ad83;
    border-bottom: 1px solid #00ad83;
    margin: 0 23px;
}

.tech0201 .graphContainer th, .tech0201 .graphContainer td {
    width: 20%;
}

.tech0201 .graphContainer thead th {
    font-weight: 700;
    text-align: center;
}

.tech0201 .graphContainer thead th br {
    display: none;
}

.tech0201 .graphContainer thead tr th p {
    font-size: 16px;
    padding: 24px 0;
    margin-bottom: 20px;
}

.tech0201 .graphContainer table + table thead tr th:nth-child(2) p {
    color: #0088ce;
    border-bottom: 1px solid #0088ce;
    margin-right: 15px;
    margin-left: 23px;
}

.tech0201 .graphContainer table + table thead tr th:nth-child(3) p {
    color: #0088ce;
    border-bottom: 1px solid #0088ce;
    margin-left: 15px;
    margin-right: 23px;
}

.tech0201 .graphContainer table + table thead tr th:nth-child(4) p {
    color: #00ad83;
    border-bottom: 1px solid #00ad83;
    margin-left: 23px;
}

.tech0201 .graphContainer tbody th, .tech0201 .graphContainer tbody td {
    font-size: 14px;
}

.tech0201 .graphContainer tbody th {
    text-align: left;
}

.tech0201 .graphContainer tbody th img {
    width: 100%;
}

.tech0201 .graphContainer tbody th p {
    text-align: right;
}

.tech0201 .graphContainer tbody td .imgWrap {
    text-align: center;
    margin: 0 19px;
}

.tech0201 .graphContainer tbody td .imgWrap img {
    width: 100%;
    max-width: 144px;
    margin-bottom: 0.8em;
}

.tech0201 .graphContainer tbody td .graphWrap {
    border-left: 1px solid #c9caca;
    border-bottom: 1px solid #c9caca;
    padding: 4px 0 4px 1px;
}

.tech0201 .graphContainer tbody tr:first-child td .graphWrap {
    border-top: 1px solid #c9caca;
}

.tech0201 .graphContainer tbody td .graphWrap .graphBox {
    width: 100%;
    height: 200px;
    font-size: 16px;
}

.tech0201 .graphContainer tbody tr:first-child td .graphWrap .graphBox {
    background: #e0f4ff;
    font-size: 20px;
}

.tech0201 .graphContainer tbody tr:nth-child(2) td .graphWrap .graphBox {
    background: #e0f4ff;
    font-size: 20px;
}

.tech0201 .graphContainer tbody tr:first-child td:nth-child(4) .graphWrap .graphBox {
    background: #daf7ef;
}

.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(4) .graphWrap .graphBox {
    background: #daf7ef;
}

.tech0201 .graphContainer tbody tr td:nth-child(2) .graphWrap {
    margin-right: 15px;
    margin-left: 23px;
}

.tech0201 .graphContainer tbody tr td:nth-child(3) .graphWrap {
    margin-left: 15px;
    margin-right: 23px;
}

.tech0201 .graphContainer tbody tr td:nth-child(4) .graphWrap {
    margin-left: 23px;
}

.tech0201 .graphContainer tbody tr td .graphWrap span {
    margin-top: 94px;
    vertical-align: top;
    color: #000;
    margin-left: 0.5em;
    display: inline-block;
}

.tech0201 .graphContainer tbody tr td .graphWrap .graph {
    margin-top: 90px;
    margin-left: 1px;
    background: #b5b5b6;
    display: inline-block;
    width: 0;
    height: 20px;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.tech0201 .graphContainer tbody tr:first-child td .graphWrap .graphBox {
    background: #e0f4ff;
}

.tech0201 .graphContainer tbody tr:nth-child(2) td .graphWrap .graphBox {
    background: #e0f4ff;
}

.tech0201 .graphContainer tbody tr:first-child td:nth-child(4) .graphWrap .graphBox {
    background: #daf7ef;
}

.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(4) .graphWrap .graphBox {
    background: #daf7ef;
}

.tech0201 .graphContainer tbody tr:first-child td:nth-child(2) .graphWrap .graphBox span {
    margin-top: 92px;
    opacity: 0.6;
    font-weight: 700;
}

.tech0201 .graphContainer tbody tr:first-child td:nth-child(3) .graphWrap .graphBox span {
    margin-top: 92px;
    opacity: 0.6;
    font-weight: 700;
}

.tech0201 .graphContainer tbody tr:first-child td:nth-child(4) .graphWrap .graphBox span {
    margin-top: 92px;
    color: #00bf8f;
    font-weight: 700;
}

.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(2) .graphWrap .graphBox span {
    margin-top: 92px;
    color: #27b0f5;
    font-weight: 700;
}

.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(3) .graphWrap .graphBox span {
    margin-top: 92px;
    color: #27b0f5;
    font-weight: 700;
}

.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(4) .graphWrap .graphBox span {
    margin-top: 92px;
    color: #00bf8f;
    font-weight: 700;
}

.tech0201 .graphContainer tbody tr:first-child td:nth-child(4) .graphWrap .graphBox .graph {
    background: #00ad83;
    width: 0%;
}

.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(2) .graphWrap .graphBox .graph {
    background: #0088ce;
    width: 0%;
}

.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(3) .graphWrap .graphBox .graph {
    background: #0088ce;
    width: 0%;
}

.tech0201 .graphContainer tbody tr:nth-child(2) td:nth-child(4) .graphWrap .graphBox .graph {
    background: #00ad83;
    width: 0%;
}

.tech0201 .graphContainer tbody tr:nth-child(3) td:nth-child(2) .graphWrap .graphBox .graph {
    width: 0%;
}

.tech0201 .graphContainer tbody tr:nth-child(3) td:nth-child(3) .graphWrap .graphBox .graph {
    width: 0%;
}

.tech0201 .graphContainer tbody tr:nth-child(3) td:nth-child(4) .graphWrap .graphBox .graph {
    width: 0%;
}

.tech0201 .graphContainer tbody tr:nth-child(4) td:nth-child(2) .graphWrap .graphBox .graph {
    width: 0%;
}

.tech0201 .graphContainer tbody tr:nth-child(4) td:nth-child(3) .graphWrap .graphBox .graph {
    width: 0%;
}

.tech0201 .graphContainer tbody tr:nth-child(4) td:nth-child(4) .graphWrap .graphBox .graph {
    width: 0%;
}

.tech0201 .graphContainer.on tbody tr:first-child td:nth-child(4) .graphWrap .graphBox .graph {
    background: #00ad83;
    width: 13%;
}

.tech0201 .graphContainer.on tbody tr:nth-child(2) td:nth-child(2) .graphWrap .graphBox .graph {
    background: #0088ce;
    width: 1%;
}

.tech0201 .graphContainer.on tbody tr:nth-child(2) td:nth-child(3) .graphWrap .graphBox .graph {
    background: #0088ce;
    width: 45.3%;
}

.tech0201 .graphContainer.on tbody tr:nth-child(2) td:nth-child(4) .graphWrap .graphBox .graph {
    background: #00ad83;
    width: 13%;
}

.tech0201 .graphContainer.on tbody tr:nth-child(3) td:nth-child(2) .graphWrap .graphBox .graph {
    width: 36%;
}

.tech0201 .graphContainer.on tbody tr:nth-child(3) td:nth-child(3) .graphWrap .graphBox .graph {
    width: 67.9%;
}

.tech0201 .graphContainer.on tbody tr:nth-child(3) td:nth-child(4) .graphWrap .graphBox .graph {
    width: 14%;
}

.tech0201 .graphContainer.on tbody tr:nth-child(4) td:nth-child(2) .graphWrap .graphBox .graph {
    width: 72%;
}

.tech0201 .graphContainer.on tbody tr:nth-child(4) td:nth-child(3) .graphWrap .graphBox .graph {
    width: 52.5%;
}

.tech0201 .graphContainer.on tbody tr:nth-child(4) td:nth-child(4) .graphWrap .graphBox .graph {
    width: 16%;
}

/** 기술/제품 > 고객가치 > 안전한 기술 **/
.tech0202 {
}

.tech0202 .contents > ul > li {
    float: left;
    width: calc((100% - 36px) / 2);
    overflow: hidden;
}

.tech0202 .contents > ul > li:nth-child(even) {
    margin-left: 36px;
}

.tech0202 .contents > ul > li:nth-child(-n + 2) {
    margin-bottom: 70px;
}

.tech0202 .contents > ul > li:nth-child(3) {
    clear: both;
}

.tech0202 .contents > ul > li:nth-child(n + 3) .imgWrap {
    vertical-align: top;
}

.tech0202 .contents > ul > li .imgWrap {
    width: 208px;
    min-height: 188px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.tech0202 .contents > ul > li .imgWrap img {
    max-width: 100%;
}

.tech0202 .contents > ul > li .textWrap {
    padding-left: 1.5em;
    display: inline-block;
    width: calc(100% - 218px);
    /*vertical-align: middle;*/
}

.tech0202 .contents > ul > li .textWrap p {
    font-size: 18px;
    position: relative;
    display: inline-block;
    padding-bottom: 0.6em;
    margin-bottom: 0.4em;
    /*margin-top:3em;*/
}

.tech0202 .contents > ul > li .textWrap p:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #00ad83;
    position: absolute;
    left: 0;
    bottom: 0;
}

.tech0202 .contents > ul > li .textWrap span {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
    display: block;
}

.tech0202 .contents > ul > li .imgWrap ul li {
    width: 33.3%;
    float: left;
}

/** 기술/제품 > 고객가치 > 고효율 발전 **/
.tech0203 {
}

.tech0203 .contents > ul > li {
    margin-top: 120px;
}

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

.tech0203 .contents > ul > li .titleWrap {
}

.tech0203 .contents > ul > li .titleWrap p {
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-weight: 400;
}

.tech0203 .contents > ul > li .titleWrap span {
    display: block;
    font-size: 15px;
    margin: 1.6em 0 3.7em;
}

.tech0203 .contents > ul > li .titleWrap p:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -0.8em;
    background: #00ad83;
}

.tech0203 .contents > ul > li:first-child {
}

.tech0203 .contents > ul > li:first-child .tableContainer {
    background: #f5f5f5;
    overflow: hidden;
    position: relative;
    padding: 30px 0;
}

.tech0203 .contents > ul > li:first-child .tableContainer .icon {
}

.tech0203 .contents > ul > li:first-child .tableContainer .icon li {
    height: 82px;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    position: absolute;
    left: 5%;
}

.tech0203 .contents > ul > li:first-child .tableContainer .icon li img {
    width: 56px;
}

.tech0203 .contents > ul > li:first-child .tableContainer .icon li span {
    font-size: 16px;
    margin-left: 0.6em;
}

.tech0203 .contents > ul > li:first-child .tableContainer .icon li:first-child {
    color: #27b0f5;
    top: 135px;
}

.tech0203 .contents > ul > li:first-child .tableContainer .icon li:nth-child(2) {
    color: #00bf8f;
    top: 53px;
}

.tech0203 .contents > ul > li:first-child .graphContainer {
    width: 100%;
    padding: 20px 60px 0 140px;
    overflow: hidden;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li {
    float: left;
    text-align: center;
    width: 33.3%;
    border-bottom: 1px solid #c9caca;
    position: relative;
    padding-bottom: 1px;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li p {
    position: absolute;
    width: 100%;
    left: 0;
    opacity: .6;
    font-size: 20px;
    margin-bottom: 12px;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li ul {
    height: 164px;
    position: relative;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li > ul > li {
}

.tech0203 .contents > ul > li:first-child .graphContainer > li li .graphWrap span {
    font-size: 20px;
    margin-left: 1.5em;
    display: inline-block;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li li .graphWrap {
    position: absolute;
    bottom: 0;
    display: inline-block;
    width: 20px;
    left: 50%;
    margin-left: -10px;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li li:first-child .graphWrap span {
    color: #27b0f5;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li li:first-child .graphWrap {
    background: #0088ce;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li li:nth-child(2) .graphWrap span {
    color: #00bf8f;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li li:nth-child(2) .graphWrap {
    background: #00ad83;
    margin-bottom: 2px;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li:first-child p {
    bottom: 90%;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li:nth-child(2) p {
    bottom: 88%;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li:nth-child(3) p {
    bottom: 70%;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li:first-child li:first-child .graphWrap {
    height: 0%;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li:first-child li:nth-child(2) .graphWrap {
    height: 0%;
    bottom: 43%;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li:nth-child(2) li:first-child .graphWrap {
    height: 0%;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li:nth-child(2) li:nth-child(2) .graphWrap {
    height: 0%;
    bottom: 37%;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li:nth-child(3) li:first-child .graphWrap {
    height: 0%;
}

.tech0203 .contents > ul > li:first-child .graphContainer > li:nth-child(3) li:nth-child(2) .graphWrap {
    height: 0%;
    bottom: 31%;
}

.tech0203 .contents > ul > li:first-child .graphContainer.on > li:first-child li:first-child .graphWrap {
    height: 43%;
}

.tech0203 .contents > ul > li:first-child .graphContainer.on > li:first-child li:nth-child(2) .graphWrap {
    height: 47%;
    bottom: 43%;
}

.tech0203 .contents > ul > li:first-child .graphContainer.on > li:nth-child(2) li:first-child .graphWrap {
    height: 37%;
}

.tech0203 .contents > ul > li:first-child .graphContainer.on > li:nth-child(2) li:nth-child(2) .graphWrap {
    height: 51%;
    bottom: 37%;
}

.tech0203 .contents > ul > li:first-child .graphContainer.on > li:nth-child(3) li:first-child .graphWrap {
    height: 31%;
}

.tech0203 .contents > ul > li:first-child .graphContainer.on > li:nth-child(3) li:nth-child(2) .graphWrap {
    height: 39%;
    bottom: 31%;
}

.tech0203 .contents > ul > li:first-child .title {
    width: 100%;
    padding: 0 60px 0 140px;
}

.tech0203 .contents > ul > li:first-child .title li {
    float: left;
    width: 33.3%;
    padding: 14px 40px 10px;
}

.tech0203 .contents > ul > li:first-child .title li img {
    width: 100%;
}

.tech0203 .contents > ul > li:first-child .title li .headWrap {
    position: relative;
    text-align: center;
}

.tech0203 .contents > ul > li:first-child .title li .headWrap p {
    font-size: 14px;
    position: absolute;
    left: 12%;
    bottom: 0;
}

.tech0203 .contents > ul > li:first-child .title li:nth-child(1) .headWrap p {
    font-size: 14px;
    text-shadow: 3px 3px 3px #fff;
    position: absolute;
    left: 7%;
    bottom: 0;
    color: #00ad83;
    font-weight: 900;
}

.tech0203 .contents > ul > li:nth-child(2) {
}

.tech0203 .contents > ul > li:nth-child(2) > ul > li {
    overflow: hidden;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 20px;
}

.tech0203 .contents > ul > li:nth-child(2) > ul > li:first-child {
    margin-top: 0;
}

.tech0203 .contents > ul > li:nth-child(2) > ul > li .imgDeviceWrap {
    float: left;
    width: calc(100% - 110px);
}

.tech0203 .contents > ul > li:nth-child(2) > ul > li p {
    float: left;
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 105px;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    border: 5px solid #828282;
}

.tech0203 .contents > ul > li:nth-child(2) > ul > li:nth-child(2) p {
    color: #00ad83;
    border-color: #00ad83;
}

.tech0203 .contents > ul > li:nth-child(3) {
}

.tech0203 .contents > ul > li:nth-child(3) .titleWrap span br {
    display: none;
}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(1) {
    overflow: hidden;
}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(1) > li {
    float: left;
    width: calc((100% - 60px) / 4);
    margin-left: 20px;
    font-size: 14px;
    text-align: center;
}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(1) > li img {
    width: 100%;
    margin-bottom: 1em;
}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(1) > li:first-child {
    margin-left: 0;
}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) {
    overflow: hidden;
    margin-top: 56px;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li {
    float: left;
    width: calc((100% - 220px) / 4);
    margin: 0 30px;
}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:last-child {
    margin-right: 20px;
}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:first-child {
    margin-left: 20px;
    text-align: center;
    font-weight: 700;
    color: #00ad83;
}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:first-child img {
    width: 134px;
}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:first-child span {
    display: block;
    margin: 20px 0 20px -10px;
    font-size: 60px;
    transform: rotate(90deg);
}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li:first-child p {
    font-size: 50px;
}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .headWrap {
    margin-bottom: 5px;
    position: relative;
    text-align: center;
}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .headWrap img {
    width: 67%
}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .headWrap span {
    font-size: 14px;
    position: absolute;
    right: 25px;
    bottom: 12px;
}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .imgWrap {
    position: relative;
}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .imgWrap img {
    width: 100%;
}

.tech0203 .contents > ul > li:nth-child(3) > ul:nth-of-type(2) > li .imgWrap p {
    position: absolute;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    left: 0;
    top: 50%;
    text-shadow: 0 0 7px rgba(0,0,0,.7);
    margin-top: -18px;
    width: 100%;
    text-align: center;
}

/** 기술/제품 > 고객가치 > 높은 신뢰성 **/
.tech0204 {
}

.tech0204 .contents > ul > li {
    margin-top: 120px;
}

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

.tech0204 .contents > ul > li .titleWrap {
}

.tech0204 .contents > ul > li .titleWrap p {
    display: inline-block;
    position: relative;
    font-size: 18px;
    font-weight: 400;
}

.tech0204 .contents > ul > li .titleWrap span {
    display: block;
    font-size: 15px;
    margin: 1.6em 0 3.7em;
}

.tech0204 .contents > ul > li .titleWrap p:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -0.8em;
    background: #00ad83;
}

.tech0204 .contents > ul > li:last-child {
    text-align: center;
}

.tech0204 .contents > ul > li:last-child img {
    max-width: 576px;
}

.tech0204 .dataWrap {
    padding: 0 15px;
    background: #f5f5f5;
    overflow: hidden;
    padding-top: 200px;
    position: relative;
}

.tech0204 .dataWrap .imgContainer li {
    float: left;
    width: 20%;
}

.tech0204 .dataWrap .imgContainer li .title {
    position: relative;
    border-top: 1px solid #c9caca;
    padding: 26px 5px 40px;
}

.tech0204 .dataWrap .imgContainer li .title img {
    width: 100%;
}

.tech0204 .dataWrap .imgContainer li .title span {
    position: absolute;
    bottom: 50px;
    left: 30px;
    font-size: 14px;
}

.tech0204 .dataWrap .imgContainer li:nth-child(1) .title span {
    color: #00ad83;
    font-weight: 900;
    left: 0px;
    text-shadow: 3px 3px 3px #fff;
}

.tech0204 .dataWrap .graphContainer {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    overflow: hidden
}

.tech0204 .dataWrap .graphContainer li {
    float: left;
    width: 20%;
    height: 170px;
    position: relative;
}

.tech0204 .dataWrap .graphContainer li .graphWrap span {
    font-size: 20px;
    color: #0088ce;
    margin-left: 1.5em;
    display: inline-block;
}

.tech0204 .dataWrap .graphContainer li .graphWrap {
    position: absolute;
    background: #0088ce;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 16px;
    height: 0;
    left: 50%;
    margin-left: -8px;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.tech0204 .dataWrap .graphContainer li:first-child .graphWrap span {
    color: #00ad83;
}

.tech0204 .dataWrap .graphContainer li:first-child .graphWrap {
    background: #00ad83;
}

.tech0204 .dataWrap .graphContainer.on li:first-child .graphWrap {
    height: 95%;
}

.tech0204 .dataWrap .graphContainer.on li:nth-child(2) .graphWrap {
    height: 90%
}

.tech0204 .dataWrap .graphContainer.on li:nth-child(3) .graphWrap {
    height: 85%
}

.tech0204 .dataWrap .graphContainer.on li:nth-child(4) .graphWrap {
    height: 17%
}

.tech0204 .dataWrap .graphContainer.on li:last-child .graphWrap {
    height: 26%
}

/** 기술/제품 > PureCell Model400 **/
.prod .prodContainer {
    clear: none;
    float: right;
    margin-left: 50px;
    width: calc(100% - 370px);
}

.prod .prodContainer .prodWrap {
    position: relative;
    width: 100%;
    height: 611px;
    margin: 0 auto;
}

.prod .prodContainer .prodWrap .product {
}

.prod .prodContainer .prodWrap .product li {
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    opacity: 0;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.prod .prodContainer .prodWrap .product li.on {
    opacity: 1;
    top: 0;
    display: flex;
    -webkit-animation: productImg 1s forwards;
    animation: productImg 1s forwards;
}

.prod .prodContainer .prodWrap .product li img,
.prod .prodContainer .prodWrap .product li video {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.prod .prodContainer .prodBtn {
    width: 100%;
    margin: 0px auto 0
}

.prod .prodContainer .prodBtn li {
    cursor: pointer;
    display: inline-block;
    float: left;
    width: 20%;
    text-align: center;
}

.prod .prodContainer .prodBtn li.on img {
    margin-top: -10%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.prod .prodContainer .prodBtn li img,
.prod .prodContainer .prodBtn li video {
    width: 100%;
    margin: 0 auto;
    vertical-align: middle;
}

.prod .prodContainer .prodWrap .plus {
    width: 100%;
    height: 100%;
    position: relative;
}

.prod .prodContainer .prodWrap .plus li {
    width: 17px;
    height: 17px;
    position: absolute;
    z-index: 2;
}

.prod .prodContainer .prodWrap .plus li:after {
    width: 17px;
    height: 1px;
    content: "";
    background: #00ad83;
    display: block;
    margin-top: -9px;
}

.prod .prodContainer .prodWrap .plus li:before {
    width: 1px;
    height: 17px;
    content: "";
    background: #00ad83;
    display: block;
    margin-left: 8px;
}

.prod .prodContainer .prodWrap .plus li:first-child {
    top: 0;
    left: 0;
}

.prod .prodContainer .prodWrap .plus li:nth-child(2) {
    top: 0;
    right: 0;
}

.prod .prodContainer .prodWrap .plus li:nth-child(3) {
    bottom: -160px;
    left: 0;
}

.prod .prodContainer .prodWrap .plus li:last-child {
    bottom: -160px;
    right: 0;
}

.prod .prodInfo {
    clear: none;
    float: left;
    width: 320px;
}

.prod .prodInfo ul li {
    background-position: 100% 50%;
    background-repeat: no-repeat;
    height: 132px;
    border-top: 1px solid #bfbfbf;
    background-size: contain;
}

.prod .prodInfo ul li:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle;
}

.prod .prodInfo ul li:first-child {
    border-top: none;
}

.prod .prod0101 .prodInfo ul li:first-child {
    background-image: url("../images/ico_proc01_01.png");
}

.prod .prod0102 .prodInfo ul li:first-child {
    background-image: url("../images/ico_proc01_02.png");
}

.prod .prod0103 .prodInfo ul li:first-child {
    background-image: url("../images/ico_proc01_03.png");
}

.prod .prodInfo ul li:nth-child(2) {
    background-image: url("../images/ico_proc02.png");
}

.prod .prodInfo ul li:nth-child(3) {
    background-image: url("../images/ico_proc03.png");
}

.prod .prodInfo ul li:nth-child(4) {
    background-image: url("../images/ico_proc04.png");
}

.prod .prodInfo ul li:nth-child(5) {
    background-image: url("../images/ico_proc05.png");
}
.prod .prod0105 .prodInfo ul li.production {
    background-image: none;
}
.prod .prod0105 .prodContainer .prodBtn {
    display: flex;
    margin-top: 30px;
}
.prod .prod0201 .prodInfo ul li:nth-child(4){
    background-image: url("../images/ico_proc05.png");
}
.prod .prodInfo ul li.characteristic{
    background-image: none !important;
}

:lang(en) .prod .prod0201 .prodInfo ul li.characteristic,
.prod .prodInfo ul li.characteristic.column{
    height: auto;
}
.prod .prodInfo ul li.characteristic.column dd {
    display: flex;
    flex-direction: column;
}
.prod .prod0202 .sub_content {
    clear: both;
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    padding-top: 50px;

}
.prod .prod0202 .sub_content .title {
    display: flex;
    align-items: center;
    gap: 0 10px;
    font-size: 18px;
    line-height: 1.5;
}
.prod .prod0202 .sub_content .title img {
    height: 24px;
    margin-bottom: 4px;
}
.prod .prod0202 .sub_content .description {
    font-size: 15px;
    line-height: 1.5;
}
.prod .prod0202 .prodInfo ul li:nth-child(4),
.prod .prod0201 .prodInfo ul li:nth-child(4) {
    background-image: url(../images/ico_proc05.png);
}
.prod .prod0301 .prodInfo ul li:first-child {
    background-image: url(../images/ico_proc01_02.png);
}
.prod .prod0301 .prodInfo ul li:nth-child(3) {
    background-image: url(../images/ico_proc03_01.png);
}
.prod .prod0301 .prodInfo ul li:nth-child(4) {
    background-image: url(../images/ico_proc06.png);
}
.prod .prodInfo ul li dl {
    font-size: 18px;
    padding-left: 5px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.55;
}

.prod .prodInfo ul li dt {
    color: #010101;
}

.prod .prodInfo ul li dd {
    color: #0088ce;
}

.prod .prodInfo ul li dd span {
    display: inline-block;
    width: 38px;
}
.prod .prodInfo ul li.characteristic dl dd span{
    width: auto;
}

.prod .prodInfo ul li.characteristic::before{
    content:none;
}
.prod .prodInfo ul li.characteristic dl{
    margin-top: 10px;
}
.prod .prodInfo ul li.characteristic dl dd span.description{
    color: #010101;
    margin-left: 10px;
    font-size: 15px;
}
.prod .prodInfo ul li.characteristic.column dl dd span.description {
    margin-left: 0;
}
:lang(en) .prod .prodInfo ul li.characteristic dl dd span.description {
    margin-left: 0;
}
/* 회사소개 > CEO 메시지 */
.intr0101 {
}

.intr0101 .titleWrap > p {
    line-height: 1.75;
    margin-top: -9px;
}

.intr0101 .imgWrap {
    width: 100%;
    height: 604px;
    background: url("../images/img_intr0101.png") 0 50% no-repeat;
    background-size: cover;
    margin: 67px auto 40px;
}

.intr0101 .contents > p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.75;
}

.intr0101 .contents > p span {
    font-size: 18px;
    font-weight: 400;
    float: right;
}

.intr0101 .contents > p span img {
    height: 45px;
    margin-top: -23px;
    margin-left: 24px;
}

/* 회사소개 > 비전 */
.intr0201 {
}

.intr0201 .motionContainer {
    text-align: center;
    position: relative;
}

.intr0201 .motionContainer img {
    margin: 0 auto;
    width: 100%;
}

.intr0201 .motionContainer .logo {
    padding-top: 50px;
    /*width:171px;*/
    margin: 0 auto;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.intr0201 .motionContainer.on .logo {
    padding: 0 0 50px;
}

.intr0201 .motionContainer .logo img {
    width: auto;
    height: 80px;
}

.intr0201 .motionContainer ul {
    position: relative;
}

.intr0201 .motionContainer ul:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 1px;
    background: #eee;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.intr0201 .motionContainer.on ul:after {
    width: 100%;
    left: 0;
}

.intr0201 .motionContainer li {
    position: absolute;
    overflow: hidden;
    text-align: center;
    width: 100%;
    top: 50%;
    height: 0;
    font-size: 26px;
    line-height: 1;
    font-weight: 700;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.intr0201 .motionContainer li:first-child {
    opacity: 0;
    position: static;
    height: auto;
}

.intr0201 .motionContainer li span {
    display: block;
    width: 100%;
    left: 0;
}

.intr0201 .motionContainer li:nth-child(3) ~ li {
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    -webkit-transition-delay: 2.1s;
    -moz-transition-delay: 2.1s;
    -ms-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
    transition-delay: 2.1s;
}

.intr0201 .motionContainer li:nth-child(2) {
}

.intr0201 .motionContainer li:nth-child(3) {
}

.intr0201 .motionContainer li:nth-child(3) img {
    position: absolute;
    left: 0;
    bottom: 50%;
}

.intr0201 .motionContainer li:nth-child(4) {
}

.intr0201 .motionContainer li:last-child {
}

.intr0201 .motionContainer li:last-child span {
    position: absolute;
    bottom: 50%
}

.intr0201 .motionContainer.on li:nth-child(2) {
    top: 10%;
    height: 40%;
}

.intr0201 .motionContainer.on li:nth-child(3) {
    height: 50%;
}

.intr0201 .motionContainer.on li:nth-child(3) img {
    bottom: 0;
}

.intr0201 .motionContainer.on li:nth-child(4) {
    top: calc(50% - 1.2em);
    height: 1.2em;
}

.intr0201 .motionContainer.on li:last-child {
    height: 1.2em;
}

.intr0201 .motionContainer.on li:last-child span {
    bottom: 0;
    letter-spacing: 0.03em;
}

.intr0201 .contents > ul {
    width: 100%;
}

.intr0201 .contents > ul:before {
    content: "";
    display: block;
    width: 44px;
    height: 1px;
    background: #00ad83;
    margin: 74px auto 100px;
}

.intr0201 .contents > ul li {
    float: left;
    width: calc((100% - 2px) / 3);
    margin-left: 1px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-align: center;
}

.intr0201 .contents > ul li:first-child {
    margin-left: 0;
    background-image: url("../images/img_intr0201_03.png");
}

.intr0201 .contents > ul li:nth-child(2) {
    background-image: url("../images/img_intr0201_04.png");
}

.intr0201 .contents > ul li:last-child {
    background-image: url("../images/img_intr0201_05.png");
}

.intr0201 .contents > ul li .title {
    width: 157px;
    height: 157px;
    border-radius: 50%;
    background: rgba(255,255,255,0.8);
    margin: 32px auto;
    padding: 0;
}

.intr0201 .contents > ul li .title img {
    width: 100%;
}

.intr0201 .contents > ul li p {
    width: 100%;
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    line-height: 1.4;
    padding: 23px 0;
    background: rgba(0,0,0,0.5);
}

.intr0201 .contents > ul li p span {
    display: block;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 5px;
}

/* 회사소개 > 역사 */
.intr0301 {
}

.intr0301 .graphContainer .historyGraph {
    width: 100%;
}

.intr0301 .graphContainer .historyGraph .leftGrapth {
    float: left;
    width: 60%;
    height: 626px;
    position: relative;
}

.intr0301 .graphContainer .historyGraph .leftGrapth .cover {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('/images/intr0301_left.png') no-repeat;
    -webkit-transition: height 2s ease-out;
    -moz-transition: height 2s ease-out;
    -o-transition: height 2s ease-out;
    transition: height 2s ease-out;
}

.intr0301 .graphContainer .historyGraph .rightGrapth {
    position: relative;
    float: left;
    width: 40%;
    padding-top: 15%;
}

.intr0301 .graphContainer .historyGraph .rightGrapth img {
    width: 100%;
}

.intr0301 .graphContainer .historyGraph .rightGrapth .rate-number {
    position: absolute;
    top: 53%;
    left: 32%;
    font-size: 150px;
    color: #00ad83;
}

.intr0301 .graphContainer.on .historyGraph .leftGrapth .cover {
    height: 0%;
}

/* 회사소.graphContainer 개 > 두산퓨얼셀의 활약상 */
.intr0401 {
}

.intr0401 .titleWrap + .titleWrap {
}

.intr0401 .titleWrap + .titleWrap p {
    position: relative;
    font-weight: 300;
    color: #00ad83;
    font-size: 18px;
    display: inline-block;
}

.intr0401 .titleWrap + .titleWrap p:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -0.8em;
    background: #00ad83;
}

.intr0401 .titleWrap + .titleWrap span {
    display: block;
}

.intr0401 .imgWrap {
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
}

.intr0401 .imgWrap img {
    width: 100%;
    margin: 0 auto;
}

.intr0401 .titleWrap + .imgWrap img {
    max-width: 1098px;
}

.intr0401 .listWrap + .imgWrap img {
    max-width: 540px;
}

.intr0401 .contents .listWrap {
    margin: 70px 0 100px;
}

.intr0401 .contents .listWrap> ul {
    overflow: hidden;
}

.intr0401 .contents .listWrap> ul > li {
    float: left;
    width: calc((100% - 221px)/ 3);
    margin-left: 110px;
}

.intr0401 .contents .listWrap> ul > li:first-child {
    margin-left: 0;
}

.intr0401 .contents .listWrap> ul > li > img {
    height: 93px;
    border: 1px solid #000;
}

.intr0401 .contents .listWrap> ul > li dl {
    height: 109px;
    margin-bottom: 20px;
}

.intr0401 .contents .listWrap> ul > li dl dt {
    line-height: 1;
    margin: 20px 0 10px;
}

.intr0401 .contents .listWrap> ul > li dl dd {
    font-size: 15px;
    line-height: 1.75;
    font-weight: 300;
}

.intr0401 .contents .listWrap> ul > li ul li img {
    width: 100%;
}

.intr0401 .contents .listWrap> ul > li:nth-child(2) ul li img {
    width: 92%;
}

.intr0401 .contents .listWrap> ul > li:first-child ul li img {
    width: 33%;
}

.intr0401 .contents .listWrap p {
    text-align: right;
    font-size: 15px;
    margin-top: 1.25em;
}

/* 회사소개 > CI */
.intr0501 {
}

.intr0501 .downWrap {
    margin-bottom: 1.3em;
}

.intr0501 .downWrap a {
    position: relative;
    display: inline-block;
    background: url("../images/btn_down_blue.png") 100% 50% no-repeat;
    font-size: 18px;
    background-size: 1em;
    padding-right: 1.6em;
    margin-left: 3em;
    font-weight: 400;
}

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

.intr0501 dl dd p {
    margin-bottom: 3.8em;
}

.intr0501 dl dd > img {
    max-width: 100%;
}

.intr0501 dl dd:nth-of-type(1) > img {
    width: auto;
    margin-bottom: 60px;
}

.intr0501 .color p {
    font-size: 16px;
    line-height: 27px;
    margin: 0;
}

.intr0501 .color .c-title1 {
    font-size: 19px;
    font-weight: 600;
    line-height: 34px;
}

.intr0501 .color .c-desc1 {
    padding-bottom: 25px;
    font-weight: 600;
}

.intr0501 .color .c-desc2 {
    padding-bottom: 25px;
}

.intr0501 .color .c-desc3 {
    padding-bottom: 80px;
}

.intr0501 .color .c-desc4 {
    padding-bottom: 50px;
}

.intr0501 .color img {
    float: right;
    margin-left: 15px
}

.intr0501 .downWrap a:before {
    content: '';
    width: 0%;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.intr0501 .downWrap a:hover:before {
    width: 100%;
}

.intr0501 .ci2022_img3 {
    margin-bottom: 38px;
}

.intr0501 .ci2022_img4 {
    margin: 0 0 90px -7%;
}

.intr0501 .ci2022_desc6, .intr0501 .ci2022_desc7 {
    font-size: 18px;
    line-height: 26px;
    color: #005db8;
}

.intr0501 .ci2022_desc6 {
    margin-bottom: 110px;
}

.intr0501 .ci2022_desc7 {
    width: 75%;
}

.intr0501 .ci2022_img3_txt, .intr0501 .ci2022_img4_txt {
    display: none;
}

.intr0501 dl dd .tableWrap {
    width: 80%;
    max-width: 660px;
}

.intr0501 dl dd .tableWrap table {
    border: none;
    font-size: 16px;
    line-height: 1;
}

.intr0501 dl dd .tableWrap th {
    background: none;
    border: none;
    padding: 0;
    position: relative;
    vertical-align: bottom;
    padding-bottom: 0.4em;
    font-weight: 300;
}

.intr0501 dl dd .tableWrap td {
    text-align: left;
    background: none;
    border: none;
    padding: 0.4em 0;
}

.intr0501 dl dd .tableWrap th.right span {
    position: absolute;
    left: 70px;
    bottom: 0.4em;
}

.intr0501 dl dd .tableWrap tr:nth-child(6) td,.intr0501 dl dd .tableWrap tr:nth-child(12) td {
    padding: 1.2em 0;
}

.intr0501 dl dd .tableWrap th p {
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
}

.intr0501 dl dd .tableWrap tr:first-child th p {
    background: #0018a8;
    top: 14px;
    left: 14px;
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    transform: rotate(18deg);
    -o-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
}

.intr0501 dl dd .tableWrap tr:nth-child(7) th p {
    background: #0088ce;
    top: 5px;
    left: 5px;
    -webkit-transform: rotate(-4.2deg);
    -moz-transform: rotate(-4.2deg);
    transform: rotate(-4.2deg);
    -o-transform: rotate(-4.2deg);
    -ms-transform: rotate(-4.2deg);
}

.intr0501 dl dd .tableWrap tr:nth-child(13) th p {
    background: #00ad83;
    top: 7px;
    left: 7px;
    -webkit-transform: rotate(6.3deg);
    -moz-transform: rotate(6.3deg);
    transform: rotate(6.3deg);
    -o-transform: rotate(6.3deg);
    -ms-transform: rotate(6.3deg);
}

.intr05 .contentsWrap.wide {
    width: calc(100% - 72px);
    margin: 0 36px;
    padding: 0;
}

.intr05 .contentsWrap.wide a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    width: 50%;
    height: 240px;
    color: #fff;
    font-size: 22px;
    overflow: hidden;
}

.intr05 .contentsWrap.wide a .bg {
    position: absolute;
    z-index: -1;
}

.intr05 .contentsWrap.wide a:first-child .bg {
    background: url("../images/img_intr0501_05.png") 50% 50% no-repeat;
    background-size: cover;
}

.intr05 .contentsWrap.wide a:last-child .bg {
    background: url("../images/img_intr0501_06.png") 50% 50% no-repeat;
;background-size: cover;
}

.intr05 .contentsWrap.wide a img {
    height: 1em;
    margin-left: 0.5em;
}

.intr05 .contentsWrap.wide a .bg {
    width: 100%;
    height: 100%;
    transition: all 0.4s;
}

.intr05 .contentsWrap.wide a:hover .bg {
    transform: scale(1.05);
    background-color: rgb(0 0 0 / 40%);
    background-blend-mode: multiply;
}

/* 회사소개 > 윤리경영 > 윤리규범 */
.intr0601 {
}

.intr0601 .titleWrap span {
    text-align: left;
    margin-bottom: 0;
}

.intr0601 .titleWrap p + span {
    font-weight: 400;
}

.intr0601 .titleWrap .imgWrap {
    width: 577px;
    max-width: 100%;
    position: relative;
    margin: 130px auto 80px;
}

.intr0601 .titleWrap .imgWrap img {
    width: 100%;
    max-width: 577px;
    max-height: 100%
}

.intr0601 .titleWrap .imgWrap dl {
    line-height: 1.3;
    text-align: center;
}

.intr0601 .titleWrap .imgWrap dt {
    position: absolute;
    width: 204px;
    height: 204px;
    background: #01ae83;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    margin-left: -102px;
    margin-top: -102px;
}

.intr0601 .titleWrap .imgWrap dt p {
    vertical-align: middle;
    display: inline-block;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}

.intr0601 .titleWrap .imgWrap dt:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle;
}

.intr0601 .titleWrap .imgWrap dd {
    position: absolute;
    width: 136px;
    height: 136px;
    background: #d1eee7;
    border-radius: 50%;
}

.intr0601 .titleWrap .imgWrap dd p {
    vertical-align: middle;
    display: inline-block;
    font-size: 20px;
}

.intr0601 .titleWrap .imgWrap dd:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle;
}

.intr0601 .titleWrap .imgWrap dd:nth-of-type(1) {
    top: 0;
    left: 50%;
    margin-left: -68px;
}

.intr0601 .titleWrap .imgWrap dd:nth-of-type(2) {
    top: 27%;
    left: 4%;
}

.intr0601 .titleWrap .imgWrap dd:nth-of-type(3) {
    top: 27%;
    right: 4%;
}

.intr0601 .titleWrap .imgWrap dd:nth-of-type(4) {
    bottom: 8%;
    left: 17%;
}

.intr0601 .titleWrap .imgWrap dd:nth-of-type(5) {
    bottom: 8%;
    right: 17%;
}

.intr0601 dl.information dd p + ul {
    margin-top: 1em;
}

.intr0601 dl.information dd p + ul li {
    font-size: 15px;
}

.intr0601 dl.information dd p + ul li:before {
    content: "";
    width: 0.3em;
    height: 0.3em;
    background: #000;
    display: inline-block;
    border-radius: 50%;
    margin-right: 0.6em;
    vertical-align: top;
    margin-top: 0.6em;
}

.intr0601 dl.information dd .subWrap ul {
    margin-top: 0;
}

.intr0601 dl.information dd .subWrap ul li {
    font-size: 1em;
}

.intr0601 dl.information dd .subWrap a {
    display: inline-block;
    text-indent: 0;
    color: #0289cd;
}

.intr0601 dl.information dd:last-child {
    margin-bottom: 90px;
}

.sust0901 .contents .information{
    display: inline-block;
}

.sust0901 .titleWrap span {
    margin-bottom: 0;
}

.sust0901 .titleWrap p + span {
    font-weight: 400;
}

.sust0901 .titleWrap .imgWrap {
    width: 577px;
    max-width: 100%;
    position: relative;
    margin: 0 auto 80px;
}

.sust0901 .titleWrap .imgWrap img {
    width: 100%;
    max-width: 577px;
    max-height: 100%
}

.sust0901 .titleWrap .imgWrap dl {
    line-height: 1.3;
    text-align: center;
}

.sust0901 .titleWrap .imgWrap dt {
    position: absolute;
    width: 204px;
    height: 204px;
    background: #01ae83;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    margin-left: -102px;
    margin-top: -102px;
}

.sust0901 .titleWrap .imgWrap dt p {
    vertical-align: middle;
    display: inline-block;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}

.sust0901 .titleWrap .imgWrap dt:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle;
}

.sust0901 .titleWrap .imgWrap dd {
    position: absolute;
    width: 136px;
    height: 136px;
    background: #d1eee7;
    border-radius: 50%;
}

.sust0901 .titleWrap .imgWrap dd p {
    vertical-align: middle;
    display: inline-block;
    font-size: 20px;
}

.sust0901 .titleWrap .imgWrap dd:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle;
}

.sust0901 .titleWrap .imgWrap dd:nth-of-type(1) {
    top: 14.5%;
    left: 50%;
    margin-left: 0;
    transform: translate(-50%, -50%);
}

.sust0901 .titleWrap .imgWrap dd:nth-of-type(2) {
	top: 67.75%;
	bottom: auto;
	left: 19.26%;
	transform: translate(-50%, -50%);
}

.sust0901 .titleWrap .imgWrap dd:nth-of-type(3) {
	top: 67.75%;
	right: 19.26%;
	transform: translate(50%, -50%);
}

.sust0901 .titleWrap .imgWrap dd:nth-of-type(4) {
    bottom: 8%;
    left: 17%;
}

.sust0901 .titleWrap .imgWrap dd:nth-of-type(5) {
    bottom: 8%;
    right: 17%;
}

.sust0901 dl.information dd p + ul {
    margin-top: 1em;
}

.sust0901 dl.information dd p + ul li {
    font-size: 15px;
}

.sust0901 dl.information dd p + ul li:before {
    content: "";
    width: 0.3em;
    height: 0.3em;
    background: #000;
    display: inline-block;
    border-radius: 50%;
    margin-right: 0.6em;
    vertical-align: top;
    margin-top: 0.6em;
}

.sust0901 dl.information dd .subWrap ul {
    margin-top: 0;
}

.sust0901 dl.information dd .subWrap ul li {
    font-size: 1em;
}

.sust0901 dl.information dd .subWrap a {
    display: inline-block;
    text-indent: 0;
    color: #0289cd;
}

.sust0901 dl.information dd:last-child {
    margin-bottom: 90px;
}

/* 회사소개 > 윤리경영 > 사이버 신고센터 */
.intr0602 {
}

.intr0602 dd ol {
}

.intr0602 dd li {
    background: #f5f5f5;
    margin-bottom: 40px;
    overflow: hidden;
    padding: 35px 0;
}

.intr0602 dd li p {
    float: left;
    font-size: 30px;
    font-weight: 700;
    color: #00ad83;
    width: 90px;
    text-align: center;
    margin-top: -6px;
}

.intr0602 dd li span {
    float: left;
    width: calc(100% - 90px);
    padding-right: 35px;
}

.intr0602 dl.information dd {
    margin-bottom: 90px;
}

.sust0902 {
}

.sust0902 dd ol {
}

.sust0902 dd li {
    background: #f5f5f5;
    margin-bottom: 40px;
    overflow: hidden;
    padding: 35px 0;
}

.sust0902 dd li p {
    float: left;
    font-size: 30px;
    font-weight: 700;
    color: #00ad83;
    width: 90px;
    text-align: center;
    margin-top: -6px;
}

.sust0902 dd li span {
    float: left;
    width: calc(100% - 90px);
    padding-right: 35px;
}

.sust0902 dl.information dd {
    margin-bottom: 90px;
}

/***********************************************************************************************************/
/* 회사소개 > EHS */
.contentsWrap[class*="intr07"] {
}

.contentsWrap[class*="intr07"] .ehsWrap {
    font-size: 18px;
    position: relative;
}

.contentsWrap[class*="intr07"] .ehsWrap li:after {
    content: "";
    width: 1px;
    height: 32px;
    background: #00ad83;
    position: absolute;
    left: 50%;
    top: -32px;
}

.contentsWrap[class*="intr07"] .ehsWrap li:first-child:after {
    display: none;
}

.contentsWrap[class*="intr07"] .ehsWrap li {
    height: 151px;
    max-height: 151px;
    clear: both;
    display: flex;
    /*justify-content:center; */
    align-items: center;
    position: relative;
    margin-bottom: 32px;
    text-align: left;
}

.contentsWrap[class*="intr07"] .ehsWrap li:first-child {
    align-items: flex-start;
}

.contentsWrap[class*="intr07"] .ehsWrap li:last-child {
    align-items: flex-end;
    margin-bottom: 0;
}

.contentsWrap[class*="intr07"] .ehsWrap li p.num {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    font-weight: 700;
    color: #00ad83;
    position: absolute;
}

.contentsWrap[class*="intr07"] .ehsWrap li div.text {
    width: 50%;
}

.contentsWrap[class*="intr07"] .ehsWrap li:nth-child(odd) p.num {
    right: calc(50% + 100px);
}

.contentsWrap[class*="intr07"] .ehsWrap li:nth-child(even) p.num {
    left: calc(50% + 100px);
}

.contentsWrap[class*="intr07"] .ehsWrap li:nth-child(odd) div.text {
    margin-left: 50%;
    padding-left: 100px;
}

.contentsWrap[class*="intr07"] .ehsWrap li:nth-child(even) div.text {
    text-align: right;
    padding-right: 100px;
}

.contentsWrap[class*="intr07"] .ehsWrap li div.text p {
    position: relative;
    display: inline-block;
    padding-bottom: 0.6em;
    margin-bottom: 0.4em;
}

.contentsWrap[class*="intr07"] .ehsWrap li div.text p:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #00ad83;
    position: absolute;
    left: 0;
    bottom: 0;
}

.contentsWrap[class*="intr07"] .ehsWrap li div.text span {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
}

.contentsWrap[class*="intr07"] .ehsWrap + p {
    margin-top: 60px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}

.contentsWrap[class*="intr07"] .ehsWrap + p span {
    font-size: 1.25em;
    font-weight: 400;
    margin-left: 0.5em;
}

.contentsWrap[class*="intr07"] .ehsWrap li {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.contentsWrap[class*="intr07"] .ehsWrap + p > img.sign {
    height: 45px;
    margin-top: -14px;
    margin-left: 24px;
}

/* 회사소개 > EHS > EHS 방침 sust-0401 */
/*.contentsWrap.intr0701 .titleWrap span	{text-align:left;}*/
.contentsWrap.intr0701 .titleWrap span + span {
    text-align: center;
    font-weight: 700;
}

.contentsWrap.intr0701 .ehsWrap li:first-child {
    align-items: center;
}

.contentsWrap.intr0701 .ehsWrap li:last-child {
    align-items: center;
}

.contentsWrap.intr0701 .ehsWrap li:first-child {
    background-image: url("../images/bg_intr0701_01.png");
}

.contentsWrap.intr0701 .ehsWrap li:nth-child(2) {
    background-image: url("../images/bg_intr0701_02.png");
}

.contentsWrap.intr0701 .ehsWrap li:nth-child(3) {
    background-image: url("../images/bg_intr0701_03.png");
}

.contentsWrap.intr0701 .ehsWrap li:nth-child(4) {
    background-image: url("../images/bg_intr0701_04.png");
}

.contentsWrap.intr0701 .ehsWrap li:last-child {
    background-image: url("../images/bg_intr0701_05.png");
}

/* 회사소개 > EHS > EHS 목표 */
.contentsWrap.intr0701-1 .ehs-target {
    display: flex;
    width: 796px;
    margin: 0 auto;
}

.contentsWrap.intr0701-1 .ehs-target > div {
    width: 50%;
}

.contentsWrap.intr0701-1 .ehs-target > div p {
    padding-bottom: 30px;
    text-align: center;
}

.contentsWrap.intr0701-1 .ehs-target > div li {
    position: relative;
    display: table;
    width: 100%;
    margin-top: 2px;
    text-align: center;
}

.contentsWrap.intr0701-1 .ehs-target > div li:before {
    content: '';
    position: absolute;
    bottom: -23px;
    left: 50%;
    margin-left: -23px;
    display: block;
    width: 46px;
    height: 46px;
    background-image: url("../images/ico_ehs_plus.png");
    z-index: 5;
}

.contentsWrap.intr0701-1 .ehs-target > div li:last-child:before {
    display: none;
}

.contentsWrap.intr0701-1 .ehs-target > div li > div {
    display: table-cell;
    vertical-align: middle;
}

.contentsWrap.intr0701-1 .ehs-target span, .contentsWrap.intr0701-1 .ehs-target em {
    display: inline-block;
    width: 100%;
    line-height: 30px;
}

.contentsWrap.intr0701-1 .ehs-target span {
    font-weight: 600;
}

.contentsWrap.intr0701-1 .ehs-target > div:nth-child(1) {
    padding-right: 12px;
}

.contentsWrap.intr0701-1 .ehs-target > div:nth-child(1) span {
    color: #0088ce;
}

.contentsWrap.intr0701-1 .ehs-target > div:nth-child(1) li {
    height: 150px;
    background: #e0f4ff;
}

.contentsWrap.intr0701-1 .ehs-target > div:nth-child(2) {
    padding-left: 12px;
}

.contentsWrap.intr0701-1 .ehs-target > div:nth-child(2) span {
    color: #00ad83;
}

.contentsWrap.intr0701-1 .ehs-target > div:nth-child(2) li {
    height: 125px;
    background: #daf7ef;
}

/* 회사소개 > EHS > 안전 및 보건관리 */
.sust0702 dl.information dt , .sust0703 dl.information dt {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
}


.sust0702 dl.information dd {
    padding-left: 50px;
}

.contentsWrap.intr0702 .ehsWrap li:first-child {
    background-image: url("../images/bg_intr0702_01.png");
}

.contentsWrap.intr0702 .ehsWrap li:nth-child(2) {
    background-image: url("../images/bg_intr0702_07.png");
}

.contentsWrap.intr0702 .ehsWrap li:nth-child(3) {
    background-image: url("../images/bg_intr0702_02.png");
}

.contentsWrap.intr0702 .ehsWrap li:nth-child(4) {
    background-image: url("../images/bg_intr0702_06.png");
}

.contentsWrap.intr0702 .ehsWrap li:nth-child(5) {
    background-image: url("../images/bg_intr0702_03.png");
}

.contentsWrap.intr0702 .ehsWrap li:nth-child(6) {
    background-image: url("../images/bg_intr0702_04.png");
}

.contentsWrap.intr0702 .ehsWrap li:last-child {
    background-image: url("../images/bg_intr0702_05.png");
}

/* 회사소개 > EHS > 환경관리 */
.contentsWrap.intr0703 .ehsWrap li:first-child {
    background-image: url("../images/bg_intr0703_01.png");
}

.contentsWrap.intr0703 .ehsWrap li:nth-child(2) {
    background-image: url("../images/bg_intr0703_02.png");
}

.contentsWrap.intr0703 .ehsWrap li:nth-child(3) {
    background-image: url("../images/bg_intr0703_03.png");
}

.contentsWrap.intr0703 .ehsWrap li:last-child {
    background-image: url("../images/bg_intr0703_04.png");
}

/***********************************************************************************************************/
/* 투자정보 공통 */
.container.inve .contentsWrap[class*="inve"] {
}

.container.inve .contentsWrap[class*="inve"] div.title {
    float: left;
    width: 205px;
}

.container.inve .contentsWrap[class*="inve"] div.title p {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
}

.container.inve .contentsWrap[class*="inve"] div.title .tableWrap2 .inputContainer {
    float: none;
    text-align: left;
    margin: 30px 0 0;
}

.container.inve .contentsWrap[class*="inve"] div.title + div {
    float: left;
    width: calc(100% - 205px);
    padding-left: 24px;
}

.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 table td.left span {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.2;
    vertical-align: middle;
}

.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 table td a {
    line-height: 1.2;
    display: inline-block;
}

.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 table td a img {
    margin-left: 0.8em;
    height: 0.9em;
}

.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 > img {
    max-width: 100%;
}

.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 table + p,.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 img + p {
    font-size: 14px;
    margin-top: 30px;
    font-weight: 300;
    text-align: right;
}

.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 > p {
    font-size: 14px;
    text-align: right;
    margin-bottom: 30px;
    font-weight: 300;
}

.container.inve .contentsWrap[class*="inve"] div.title + div.tableWrap2 > p span {
    vertical-align: middle;
    font-size: 14px;
    float: right;
}

.container.inve .inve0101 div.title + div.tableWrap2 table td a {
    margin: 0 35px !important;
}

.container.inve .inve0301 div.title + div.tableWrap2 table td a {
    margin: 0 35px !important;
}

.container.inve .contentsWrap[class*="inve"] .contents > ul > li {
    margin-top: 130px;
    clear: both;
    overflow: hidden;
}

.container.inve .contentsWrap[class*="inve"] .contents > ul > li:first-child {
    margin-top: 0;
}

/* 투자정보 > 거버넌스 > 감사기구 */
.inve0203 {
}

.inve0203 .listWrap ul {
}

.inve0203 .listWrap ul li {
    font-size: 18px;
    line-height: 65px;
}

.inve0203 .listWrap ul li > p {
    font-weight: 700;
    float: left;
    width: 343px;
}

.inve0203 .listWrap ul li ul {
    float: left;
}

.inve0203 .listWrap ul li ul li {
    display: inline-block;
}

.inve0203 .listWrap ul li ul li:first-child {
    width: 240px;
    line-height: 24px;
}

.inve0203 .listWrap ul li ul li:last-child {
    font-weight: 700;
    padding-left: 40px;
    border-left: 1px solid #bfbfbf;
    width: 290px;
    line-height: 24px;
}

.inve0203 .listWrap > ul > li {
    position: relative;
    clear: both;
    background-position: 72px 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 228px;
    padding: 80px 0;
    margin-top: 54px;
}

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

.inve0203 .listWrap > ul > li:first-child {
    background-image: url("../images/img_inve0203_01.png");
}

.inve0203 .listWrap > ul > li:nth-child(2) {
    background-image: url("../images/img_inve0203_02.png");
}

.inve0203 .listWrap > ul > li:nth-child(3) {
    background-image: url("../images/img_inve0203_03.png");
}

.inve0203 .listWrap > ul > li:last-child {
    background-image: url("../images/img_inve0203_04.png");
}

.inve0203 .listWrap > ul > li:after {
    width: 15px;
    height: 15px;
    content: "";
    position: absolute;
    top: -25px;
    left: 176px;
    background: url("../images/img_inve0203.png") 50% 50% no-repeat;
    background-size: contain;
}

.inve0203 .listWrap > ul > li:first-child:after {
    display: none;
}

/* 투자정보 > 공시자료 */
.inve0401 {
}

.inve0401 .iframeWrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.inve0401 #content .ico_drag {
    display: none;
}

/* 투자정보 > 전자공고 */
.inve0501 {
}

.inve0501 .tableWrap table th:last-child, .inve0501 .tableWrap table td:last-child {
    width: 357px;
}

/* 채용 */
.recr {
    overflow: hidden;
}

.recr .titleWrap > span {
    text-align: left;
}

.recr .recrWrap {
    width: 100%;
}

.recr .recrWrap li {
    float: left;
    width: calc((100% - 48px)/ 3);
    margin-left: 24px;
    margin-bottom: 70px;
}

.recr .recrWrap li:first-child, .recr .recrWrap li:nth-child(4) {
    clear: both;
    margin-left: 0;
}

.recr .recrWrap li > img {
    width: 100%;
    max-width: 100%;
}

.recr .recrWrap li p {
    font-size: 16px;
    font-weight: 300;
    color: #444;
    line-height: 1.7;
}

.recr .recrWrap li p.title {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin: 15px 0 20px;
}

.recr .recrWrap li p.title span {
    color: #00ad83;
    display: block;
    margin-top: 2px;
}

.recr .recrWrap li:nth-child(2) p.title span {
    font-style: italic;
}

.recr .contentsWrap.wide {
    width: calc(100% - 72px);
    margin: 90px 36px 0;
    height: 400px;
    background: url("../images/bg_recr.png") 50% 50% no-repeat;
    background-size: cover;
}

.recr .contentsWrap.wide .btnWrap > img {
    height: 77px;
    display: block;
    margin: 109px auto 37px;
}

.recr .contentsWrap.wide .btnWrap a {
    background: none;
    color: #fff;
    border-color: #fff;
}

.recr .contentsWrap.wide .btnWrap a img {
    vertical-align: middle;
    height: 14px;
    margin: -3px 0 0 18px;
}

.recr .goLink .btnWrap a span:before {
    background: url(../../images/common/ico_outlink_2dep.png) no-repeat 0 0 / contain;
    width: 18px;
    height: 18px;
    margin: -10px -2px 0 0;
    filter: brightness(0);
}

.recr .goLink .btnWrap a:hover span:before {
    filter: none;
    right: 0;
}

.recr .goLink .btnWrap a img {
    vertical-align: middle;
    height: 12px;
    margin: -3px 0 0 10px;
}

.recr .goLink .btnWrap a:hover img {
    filter: invert(1);
}

.recr .goLink {
    text-align: center;
    margin-left: 0;
    float: none;
}

.recr .goLink .btnWrap {
    margin-left: 0;
}

/* 미디어센터 > 뉴스 */
.medi0101 .viewWrap {
}

.medi0101 .viewWrap .viewContents {
    padding: 80px 114px;
}

.medi0101 .viewWrap .viewContents .view {
    margin: 0;
    width: 100%
}

.medi0101 .viewWrap .viewContents .view p img {
    margin-bottom: 10px;
}

.medi0101 .viewWrap .viewContents .summary {
    padding: 0 0 65px 0;
    font-size: 20.5px;
    border-bottom: 1px solid #e5e5e5;
}

/* 미디어센터 > 카달로그 */
.medi0201 {
}

.medi0201 .title {
    float: left;
    width: 20%;
    font-size: 32px;
    font-weight: 700;
}

.medi0201 .catalogWrap {
    float: left;
    width: 80%;
}

.medi0201 li > p {
    position: absolute;
    top: 20px;
    left: 220px;
    line-height: 1.5;
    word-break: keep-all;
}

.medi0201 .catalogWrap > ul > li {
    float: left;
    width: calc(50% - 24px);
    margin-left: 24px;
    margin-bottom: 20px;
    background: #f8f8f8;
    padding: 20px 30px;
    position: relative;
}

.medi0201 .catalogWrap li > img {
    height: 229px;
    border: 1px solid #e1e1e1;
}

.medi0201 .catalogWrap li ul {
    position: absolute;
    left: 220px;
    bottom: 40px;
}

.medi0201 .catalogWrap li ul li {
    display: inline-block;
    margin-left: 30px;
}

.medi0201 .catalogWrap li ul li:first-child {
    margin-left: 0;
}

.medi0201 .catalogWrap li ul li a {
    font-size: 16px;
    line-height: 19px;
}

.medi0201 .catalogWrap li ul li img {
    height: 19px;
    margin-left: 0.5em
}

.medi0201 .contents.video li > p {
    position: relative;
    top: 0;
    left: 0;
    font-size: 18px;
}

.medi0201 .contents.video .catalogWrap > ul > li {
    margin-bottom: 30px;
}

.medi0201 .contents.video .catalogWrap iframe {
    width: 100%;
    height: 200px;
}

.medi0201 .contents:not(.video) .catalogWrap ul:nth-child(2n)>li {
    margin-left: 16px
}

/* 카탈로그 다운로드 요청 form */
.medi0201.popup-wrapper .title {
    font-weight: 400;
}

.medi0201.popup-wrapper .pop-inner, .medi0201.popup-wrapper .title {
    font-size: 13px;
}

.medi0201.popup-wrapper .agreeWrap {
    font-size: 13px;
}

.medi0201.popup-wrapper p.information {
    text-align: center;
}

.medi0201.popup-wrapper .contantWrap {
    margin-top: 20px;
    margin-bottom: 20px;
}

.medi0201.popup-wrapper .contantWrap > p {
    font-size: 13px;
    line-height: 28px;
    font-weight: 300;
}

.medi0201.popup-wrapper .contantWrap > p span.check {
    color: #02ad83;
    margin-right: 3px;
    font-weight: 700;
}

.medi0201.popup-wrapper .contantWrap > ul {
    display: table;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.medi0201.popup-wrapper .contantWrap > ul > li {
    clear: both;
    overflow: hidden;
    width: 100%;
    padding: 9px 0;
    border-top: 1px solid #e1e1e1;
}

.medi0201.popup-wrapper .contantWrap > ul > li:first-child {
    border-top: none;
}

.medi0201.popup-wrapper .contantWrap .title {
    float: left;
    position: relative;
    width: 86px;
    line-height: 30px;
    padding-left: 18px;
    top: 0;
    left: 0;
    margin-bottom: 0;
}

.medi0201.popup-wrapper .contantWrap p.title span.check {
    color: #02ad83;
    position: absolute;
    top: -4px;
    left: 6px;
    font-weight: 700;
}

.medi0201.popup-wrapper .contantWrap p.title + div {
    float: left;
    width: calc(100% - 86px);
}

.medi0201.popup-wrapper .contantWrap > ul > li:first-child, .medi0201.popup-wrapper .contantWrap > ul > li:nth-child(3),.medi0201.popup-wrapper .contantWrap > ul > li:nth-child(4) {
    padding-right: 116px;
}

.medi0201.popup-wrapper .contantWrap > ul > li:nth-child(2),.medi0201.popup-wrapper .contantWrap > ul > li:nth-child(4) {
    clear: none;
    float: left;
}

.medi0201.popup-wrapper .mailWrap input[type="text"] {
    float: left;
    width: calc(100% - 185px);
}

.medi0201.popup-wrapper .mailWrap input[type="text"]:first-child {
    width: 150px;
}

.medi0201.popup-wrapper .mailWrap span.mail {
    float: left;
    text-align: center;
    line-height: 30px;
    width: 34px;
}

.medi0201.popup-wrapper .agreeWrap p.title {
    clear: both;
    width: auto;
    float: left;
    margin-bottom: 0;
}

.medi0201.popup-wrapper .agreeWrap .scrollWrap {
    display: none;
    width: 100%;
    height: 100px;
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid #dcdcdc;
    overflow-y: scroll;
    color: #727272;
    line-height: 1.5;
    font-size: 13px;
    font-weight: 300;
}

.medi0201.popup-wrapper .agreeWrap .checkWrap {
    display: inline-block;
    float: right;
    margin: 0;
    overflow: hidden;
}

.medi0201.popup-wrapper .agreeWrap .checkWrap p {
    float: left;
}

.medi0201.popup-wrapper .agreeWrap .checkWrap p.inputWrap {
    float: right;
    top: -2px;
}

.medi0201.popup-wrapper .agreeWrap .checkWrap.all {
    margin: 59px 0 40px;
}

.medi0201.popup-wrapper .btnWrap {
    clear: both;
    padding-top: 40px;
    border-top: 1px solid #dcdcdc;
    text-align: center;
}

.medi0201.popup-wrapper .contantWrap input,.medi0201.popup-wrapper .contantWrap select {
    font-size: 13px;
    padding: 0 10px;
    height: 30px;
}

.medi0201.popup-wrapper .inputWrap input[type=checkbox]+label {
    font-size: 13px;
    line-height: 1.5;
}

.medi0201.popup-wrapper .inputWrap input[type=checkbox]+label:before {
    width: 13px;
    height: 13px
}

.medi0201.popup-wrapper .agreeWrap .checkWrap.all {
    clear: both;
    width: 100%;
    margin: 0 0 15px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee
}

.medi0201.popup-wrapper .popup .contxt {
    position: relative;
    padding: 0 20px;
    overflow: hidden;
    overflow-y: hidden;
    width: 500px;
}

.medi0201.popup-wrapper .agreeWrap p.title+span {
    color: #01ae83;
    padding-left: 3px;
    float: left;
    cursor: pointer;
}

.medi0201.popup-wrapper .agreeWrap p.title+span:after {
    content: '';
    display: inline-block;
    width: 83%;
    top: -8px;
    left: 8%;
    position: relative;
    height: 1px;
    background: #01ae83
}

.medi0201.popup-wrapper .btnWrap2ps_half {
    clear: both
}

.medi0201.popup-wrapper .btnWrap input,.medi0201.popup-wrapper .btnWrap2ps_half a span {
    line-height: 34px
}

.medi0201.popup-wrapper .btnWrap input,.medi0201.popup-wrapper .btnWrap2ps_half a {
    height: 36px;
    font-size: 13px;
    width: 65px
}

.medi0201.popup-wrapper .btnWrap input,.medi0201.popup-wrapper .btnWrap2ps_half a:before {
    content: none
}

.medi0201.popup-wrapper .btnWrap input,.medi0201.popup-wrapper .btnWrap2ps_half a:hover {
    color: inherit
}

.medi0201.popup-wrapper .btnWrap2ps_half a:last-child {
    width: 140px;
    background: #01ae83;
    color: #fff;
    border-color: #01ae83
}

.medi0201.popup-wrapper .popup .btn-pop-close {
    display: none
}

.medi0201.popup-wrapper .inputWrap input[type="checkbox"]:checked + label:after {
    width: 5px;
    height: 5px;
    left: 4px;
    top: 7px;
}

:lang(en) .medi0201.popup-wrapper .btnWrap input,:lang(en) .medi0201.popup-wrapper .btnWrap2ps_half a span {
    line-height: 36px
}

:lang(en) .medi0201.popup-wrapper .agreeWrap p.title+span:after {
    width: 92%;
    left: 4%;
}

:lang(en) .medi0201.popup-wrapper .agreeWrap p.title {
    max-width: 280px;
    text-align: left;
    margin-bottom: 20px;
}

:lang(en) .medi0201.popup-wrapper .btnWrap input,:lang(en) .medi0201.popup-wrapper .btnWrap2ps_half a span {
    font-size: 13px;
    line-height: 31px;
}

:lang(en) .medi0201.popup-wrapper .agreeWrap .checkWrap.all {
    margin-top: 0
}

:lang(en) .medi0201.popup-wrapper .inputWrap input[type="checkbox"]:checked + label:after {
    top: 9px;
}

/* Contact Us */
.serv0101 p.information {
    text-align: center;
}

.serv0101 .contantWrap {
    margin-top: 58px;
}

.serv0101 .contantWrap > p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
}

.serv0101 .contantWrap > p span.check {
    color: #02ad83;
    margin-right: 3px;
    font-weight: 700;
}

.serv0101 .contantWrap > ul {
    border-top: 2px solid #444;
    border-bottom: 2px solid #444;
}

.serv0101 .contantWrap > ul > li {
    clear: both;
    overflow: hidden;
    width: 100%;
    padding: 11px 0;
    border-top: 1px solid #e1e1e1;
}

.serv0101 .contantWrap > ul > li:first-child {
    border-top: none;
}

.serv0101 .contantWrap p.title {
    float: left;
    position: relative;
    width: 146px;
    line-height: 53px;
    padding-left: 34px;
}

.serv0101 .contantWrap p.title span.check {
    color: #02ad83;
    position: absolute;
    top: -4px;
    left: 24px;
    font-weight: 700;
}

.serv0101 .contantWrap p.title + div {
    float: left;
    width: calc(100% - 146px);
}

.serv0101 .contantWrap > ul > li:first-child,.serv0101 .contantWrap > ul > li:nth-child(3) {
    float: left;
    width: 616px;
    padding-right: 116px;
}

.serv0101 .contantWrap > ul > li:nth-child(2),.serv0101 .contantWrap > ul > li:nth-child(4) {
    clear: none;
    float: left;
    width: 500px;
}

.serv0101 .mailWrap {
}

.serv0101 .mailWrap input[type="text"] {
    float: left;
    width: calc(100% - 216px);
}

.serv0101 .mailWrap input[type="text"]:first-child {
    width: 182px;
}

.serv0101 .mailWrap span.mail {
    float: left;
    text-align: center;
    line-height: 53px;
    width: 34px;
}

.serv0101 .agreeWrap {
}

.serv0101 .agreeWrap p.title {
    clear: both;
    margin: 95px 0 20px;
}

.serv0101 .agreeWrap .scrollWrap {
    width: 100%;
    height: 330px;
    padding: 40px 30px;
    border: 1px solid #dcdcdc;
    overflow-y: scroll;
    color: #727272;
    line-height: 1.8;
    font-size: 16px;
    font-weight: 300;
}

.serv0101 .agreeWrap .checkWrap {
    clear: both;
    margin-top: 30px;
    overflow: hidden;
    padding-bottom: 5px;
}

.serv0101 .agreeWrap .checkWrap p {
    float: left;
}

.serv0101 .agreeWrap .checkWrap p.inputWrap {
    float: right;
}

.serv0101 .agreeWrap .checkWrap.all {
    margin: 59px 0 40px;
}

.serv0101 .btnWrap {
    clear: both;
    padding-top: 40px;
    border-top: 1px solid #dcdcdc;
    text-align: center;
}

.inve0101 .title + div.tableWrap2 table td a {
    overflow: visible
}

/* 사업장 위치 */
.serv0201 {
}

.serv0201 .contents {
    text-align: center;
}

.serv0201 .contents ul {
    display: inline-block;
    width: 780px;
    margin: 0 auto 80px;
}

.serv0201 .contents ul li {
    width: 33.3%;
    float: left;
    margin-left: -1px;
}

.serv0201 .contents ul li:first-child {
    margin-left: 1px;
    width: 33.4%;
}

.serv0201 .contents ul li a {
    text-align: center;
    font-size: 18px;
    line-height: 60px;
    border: 1px solid #c8c8c8;
}

.serv0201 .contents ul li.on a,.serv0201 .contents ul li a:hover {
    background: #00ad83;
    color: #fff;
}

.serv0201 .contents dl {
    overflow: hidden;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 20px;
}

.serv0201 .contents dt {
    float: left;
    clear: both;
    margin-right: 4px;
}

.serv0201 .contents dd {
    float: left;
    text-align: left;
}

.serv0201 .mapWrap {
    width: 100%;
    height: 481px;
}

/* 법적고지 */
.serv0301 dl.information dt {
    font-size: 28px;
    margin-right: 40px;
}

.serv0301 dl.information dd {
    width: calc(100% - 297px);
}

/* 이용약관 */
.serv0401 dl.information dt {
    font-size: 28px;
    margin-right: 40px;
}

.serv0401 dl.information dd {
    width: calc(100% - 297px);
}

.serv0401 .btnWrap {
    margin-left: 267px;
}

/* 사이트맵 */
.container.serv .contentsWrap[class*="serv"] {
    margin-top: 0;
}

.container.serv .contentsWrap[class*="serv"] .contents:first-child {
    margin-top: 0;
}

/* Patent */
.serv0801 .information {
    margin-bottom: 100px;
}

.serv0801 .title {
    float: left;
    width: 205px;
}

.serv0801 .title + .tableWrap2 {
    float: left;
    width: calc(100% - 205px);
    padding-left: 24px;
}

.serv0801 .title + .tableWrap2 table td a {
    line-height: 1;
    display: inline-block;
    margin: 0 35px;
    overflow: visible
}

.serv0801 .title p {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
}

.serv0801 .title + div.tableWrap2 table td a img {
    margin-left: 0.8em;
    height: 0.9em;
    vertical-align: bottom;
}

.serv0801 .title + div.tableWrap2 table td a {
    margin: 0 auto;
    overflow: visible
}

.sitemap {
}

.sitemap a:hover {
    color: #00ad83;
}

.sitemap > li {
    clear: both;
    overflow: hidden;
    padding: 80px 0;
    border-top: 1px solid #dadada;
}

.sitemap > li:first-child {
    padding-top: 100px;
}

.sitemap > li:last-child {
    padding-bottom: 0;
}

.sitemap > li > p {
    float: left;
    width: 172px;
    font-size: 24px;
    font-weight: 700;
}

.sitemap > li > ul {
    float: left;
    width: calc(100% - 192px);
}

.sitemap > li > ul > li {
    float: left;
    width: 25%;
    border-left: 1px solid #dadada;
    padding-left: 40px;
    height: 220px;
}

.sitemap > li > ul > li.min-height {
    height: 100px;
}

.sitemap > li > ul > li > p > a {
    font-size: 20px;
    padding-bottom: 30px;
}

.sitemap > li > ul > li > ul > li > a {
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
    font-weight: 300;
}

.popup.pop_img {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    display: none;
}

.popup.pop_img .dim {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
    background: #000;
    opacity: .7;
}

.popup.pop_img .pop_inner {
    position: absolute;
    width: calc(100% - 40px);
    height: calc(100% - 160px);
    left: 50%;
    top: 50%;
    z-index: 1001;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 1020px;
    max-height: 705px;
}

.popup.pop_img .pop_inner .btn_close_pop {
    position: absolute;
    top: -50px;
    right: 0;
    width: 24px;
    height: 24px;
}

.popup.pop_img .pop_inner .btn_close_pop:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: url(../../images/btn_close.png) no-repeat 0 0 / contain;
    width: 24px;
    height: 24px;
}

.popup.pop_img .pop_inner .pop_img_box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.popup.pop_img .pop_inner img {
    max-width: 100%;
    max-height: 130%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.over-x-1080 .ico-touch {
    display: none;
    opacity: .8;
    position: absolute;
    width: 60px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 1px 1px 20px rgba(0,0,0,0.1);
    animation: guide 1.3s ease-in-out infinite;
    -ms-animation: guide 1.3s ease-in-out infinite;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 0.5s;
    animation-direction: alternate;
}

.over-x-1080 .ico-touch img {
    width: 100%;
}

@keyframes guide {
    0% {
        transform: translate3d(0px, 0, 0);
    }

    100% {
        transform: translate3d(-60px, 0, 0);
    }
}

.tbstyle02 table {
    border-top: 2px solid #000000;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.tbstyle02 table thead th {
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    background: #fafafa;
    color: #000000;
    font-weight: 400;
}

.tbstyle02 table td {
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    color: #666;
    font-weight: 300;
}

.tbstyle02 table tfoot td {
    color: #000;
    font-weight: 400;
}

.tbstyle02 table thead th:first-child {
    border-left: none !important;
}

.tbstyle02 table tbody td:first-child {
    border-left: none !important;
}

.tbstyle02 table tfoot td:first-child {
    border-left: none !important;
}

/*지속가능경영 공통*/
.contentsWrap.sus_linebox .list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.contentsWrap.sus_linebox .list .item {
    flex: auto;
    width: calc(50% - 10px);
    padding: 60px 50px;
    border: solid 1px #dcdcdc;
    border-top: solid 2px #00ad83;
    box-sizing: border-box;
}

.contentsWrap.sus_linebox .list .item p {
    font-size: 20px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 30px;
}

.contentsWrap.sus_linebox .list .item ul li {
    font-size: 16px;
    color: #666666;
    line-height: 1.5;
    position: relative;
    margin-bottom: 15px;
    padding-left: 14px;
    text-indent: 0;
}

.contentsWrap.sus_linebox .list .item ul li:before {
    content: '';
    width: 3px;
    height: 3px;
    display: inline-block;
    background: #666;
    position: absolute;
    top: 8px;
    left: 2px;
    border-radius: 10px;
}

.container > .contentsContainer > .titleWrap {
    margin-top: 100px;
    margin-bottom: -100px;
}

.container > .contentsContainer > .titleWrap > span.desc {
    font-weight: 300;
    font-size: 2.7rch;
    line-height: 1.7;
    margin: 1.6em 0 2em;
}

/* 지속가능경영 */
/*.container.sust .contentsWrap[class*="sust"] .contents * { font-size: 18px; font-weight: 300; }*/
.container.sust .contentsWrap.sust0101 .contents * {
    font-weight: 300;
}

.container.sust .contentsWrap.sust0102 .contents dd * {
    font-weight: 300;
}

.container.sust .contentsWrap.sust0202 .contents * {
    font-weight: 300;
}

.container.sust .contentsWrap[class*="sust"] .contents .font-small {
    font-size: 16px;
}

/* background-image */
.container.sust .contentsContainer .keyvisual {
    background-image: url("../images/KV_sustainability_ehs.png");
}

/* titleWrap p, span */
/*.container.sust .contentsWrap[class*="sust"] .contents .titleWrap > span.desc	{font-size:2.7rch; line-height:1.7; margin:1.6em 0 2em;}*/
.container.sust .contentsWrap[class*="sust"] .contents .titleWrap > p + span {
    line-height: 1.7;
    margin: 1.6em 0 6em;
}

.container.sust .contentsWrap[class*="sust"] .contents .titleWrap > span {
    margin: 0 0 3rem 0;
}
.container.sust .contentsWrap.sust0703 .contents .titleWrap > span {
    text-align: left;
}

.container.sust > .contentsContainer > .contentsWrap.sust0702 {
    margin-top: 100px;
}

/* 지속가능경영 - 개요-ESG 추진체계 */
.container.sust .sust0101 .titleWrap + div.sust0103 {
    margin-top: 1.6em;
}

/* 지속가능경영 - 1-1 ESG 전략 sust-0101 */
/* 도형 CSS */
div.circle {
    height: 2rem;
    display: inline-flex;
    background-color: #2a967c;
    border-radius: 50%;
}

div.circle.inner {
    width: 31px;
    height: 31px;
    display: inline-flex;
    padding: 6px 0 0 8px;
}

div.inner > div.triangle.up {
    border-left-width: 0.5rem;
    border-right-width: 0.5rem;
    border-bottom-width: 1rem;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-width: 0;
    color: #ffffff;
}

div.triangle {
    display: inline-flex;
    width: 0;
    height: 0;
    border-style: solid;
    color: #ffffff;
}

div.triangle.up.inner {
    border-left-width: 1rem;
    border-right-width: 1rem;
    border-bottom-width: 2rem;
    display: inline-flex;
    color: #28596b;
}

div.triangle.up.inner > div.triangle.up {
    border-left-width: 0.5rem;
    border-right-width: 0.5rem;
    border-top-width: 0;
    border-bottom-width: 1rem;
    margin: 0.666rem -0.5rem;
}

div.triangle.up {
    border-left-width: 0.6rem;
    border-right-width: 0.6rem;
    border-top-width: 0;
    border-bottom-width: 1.2rem;
    border-left-color: transparent;
    border-right-color: transparent;
}

/* 도형 CSS */
/* 0101 - ESG strategy table */
.content table.strategy {
    width: 85%;
    /*900px;*/
    margin: 0 9.5%;
    text-align: center;
    text-size-adjust: auto;
}

.content table.strategy th {
    width: 15%;
    /*font-weight: bolder;*/
    vertical-align: top;
    text-align: left;
}

.contentsWrap.sust0101 .content table.strategy th.head {
    font-weight: 700 !important;
}

.content table.strategy td {
    width: 100%;
    padding: 0.7rem;
}

/* EMPTY */
.content table.strategy tr.emptyLine th {
    padding: 1rem 1.5rem;
}

/* LOGO */
.content table.strategy tr.top-logo th, .content table.strategy tr.top-logo td {
    border-width: 0;
}

.content table.strategy tr.top-logo > td.logo-purecell h2 {
    color: #294c9a;
    font-size: 30px;
    /*font-weight: bolder;*/
    margin-bottom: 2rem;
}

/* VISION */
.content table.strategy tr.vision th {
    border-width: 0;
}

.content table.strategy tr.vision > td.blue-box {
    /*padding: 2vw 1vw;*/
    /*font-size: 23px;*/
    /*font-weight: bolder;*/
    border-width: 2px;
    border-style: solid;
    border-color: #00ad83;
    color: #fff;
    /* border-radius: 10%; */
    text-align: center;
    padding: 20px 0;
    background: #00ad83;
}

/* BORDER */
.content table.strategy tr:nth-child(n+4):nth-child(-n+9) > td:nth-child(-n+4), .content table.strategy tr.emptyLine:nth-child(n+4):nth-child(-n+9) > td:nth-child(-n+4) {
    /* dot border :nth-child(2):nth-child(5)*/
    border-left-width: 0;
    border-right-width: 0.1vw;
    border-top-width: 0;
    border-bottom-width: 0;
    border-right-color: #000000;
    border-right-style: dotted;
}

.dot-cust {
    width: 0.3rem;
    height: auto;
    border-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='55' ry='55' stroke='black' stroke-width='25' stroke-dasharray='1%2c 1' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
    background-repeat: repeat;
}

/* 전략목표 - upper blue line */
.content table.strategy tr.bt-line > td {
    /* T&B, L&R | T L B R */
    /*
  .content table.strategy tr.bt-line > td {
  .content table.strategy tr.direction > td {
  .content table.strategy tr.task > td {
  3개의 좌우 padding 통일.
  */
    padding: 2em 1em 0 1em;
}

.content table.strategy tr.bt-line td > div.bt-line {
    color: #00ad83;
    border-bottom: solid;
    border-radius: 10% 10% 0 0;
    display: inline-block;
    width: 100%;
    border-width: 2px;
}

/* 전략목표 */
.content table.strategy tr.goal > td {
    color: #2a967c;
}

.content table.strategy tr.goal > td p {
    /* 줄 간격 */
}

/* 전략목표 <- 전략방향 */
.content table.strategy tr.arrow td {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

/* 전략방향 */
.content table.strategy tr.direction > td {
    vertical-align: top;
    display: table-cell;
    width: 100%;
}

.content table.strategy tr.direction > td > div {
    /* ë°°ê²½ */
    background-color: #eef9f5;
    width: 100%;
    vertical-align: middle;
    padding-top: 20%;
    padding-bottom: 20%;
    height: auto;
    word-break: break-all;
}

.content table.strategy tr.direction > td > div > img {
    /* 아이콘 */
    display: table-row;
    vertical-align: middle;
    width: 50%;
    height: auto;
    margin: 0 25% 10%;
    word-break: break-all;
}

.content table.strategy tr.direction > td > div > p {
    /* 줄간격 */
    color: #28596b;
}

/* 전략과제 */
.content table.strategy tr.task > td {
    /* border box */
    padding: 0.7rem 0.7rem 0;
}

.content table.strategy tr.task > td > div {
    /* border box */
    display: table;
    /*inline-block*/
    width: 100%;
    height: 75px;
    /*fit-content*/
    border: 1px solid #2a967c;
    word-break: break-all;
    word-break: break-word;
}

.content table.strategy tr.task > td > div p {
    display: table-cell;
    /*inline*/
    font-size: smaller;
    vertical-align: middle;
    line-height: 1;
    padding: 10px 5px;
}

.content table.strategy tr.task > td > div.single {
    padding: 1em 0;
    line-height: 0;
}

/* 지속가능경영 - 1-2 ESG 추진체계 sust-0102 */
.container.sust .sust0101 .tableWrap2 > img {
    max-width: 100%;
}

.container.sust .contentsWrap.sust0101 .content table.strategy tr.vision > td.blue-box {
    font-weight: 600;
}

.container.sust .sust0101 .tableWrap2 table + p, .container.sust .sust0101 div.title + div.tableWrap2 img + p {
    font-size: 14px;
    margin-top: 30px;
    text-align: right;
}

.container.sust .sust0101 .tableWrap2 > p {
    font-size: 14px;
    text-align: right;
    margin-bottom: 30px;
    font-weight: 300;
}

.container.sust .sust0101 .tableWrap2 > p span {
    vertical-align: middle;
    font-size: 14px;
    float: right;
}

.container.sust .sust0101 .contents > ul > li:first-child {
    margin-top: 0;
}

.container.sust .sust0101 .contents > ul > li {
    margin-top: 130px;
    clear: both;
    overflow: hidden;
}

.container.sust .sust0101 .title.thumb img {
    width: 100%;
    border: 1px solid #e1e1e1;
}

/* 지속가능경영 - 1-3 보고서 ADD */
/*.container.sust .sust0103 .contents:first-child	{margin-top:4rem;}*/
.container.sust .sust0103 .contents > .titleWrap + .tableWrap2 {
    margin-top: 2rem;
}

.container.sust .sust0103 .contents > .tableWrap2 .thumb {
    width: 120px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 30px 0 20px;
}

.container.sust .sust0103 .contents > .tableWrap2 table td.left span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.2;
    vertical-align: middle;
    font-weight: 500;
}

.container.sust .sust0103 .contents > .tableWrap2 table td div.down-form {
    display: inline-block;
    width: 23%;
}

.container.sust .sust0103 .contents > .tableWrap2 table td div.down-form > a {
    line-height: 1.2;
    display: inline-block;
}

.container.sust .sust0103 .contents > .tableWrap2 table td div.down-form > a > img {
    margin-left: 0.8em;
    height: 0.9em;
    margin-top: 0.2em;
}

/* 지속가능경영 - 1-4 대외평가 ADD */
/*.container.sust .sust0104 .contents:first-child	{margin-top:4rem;}*/
.container.sust .sust0104 .contents > .titleWrap + .btm_section {
    margin-top: 4rem;
}

/*@@@@@*/
.container.sust .sust0104 .contents .img_box {
    border: 1px solid #000;
    margin-bottom: 20px;
    min-height: 175px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container.sust .sust0104 .img_box img {
    image-rendering: -webkit-optimize-contrast;
    transform: translateZ(0);
    backface-visibility: hidden;
}

.container.sust .sust0104 .contents .information > dd, .container.sust .sust0104 .contents .information > dt {
    margin-bottom: 100px;
}
.container.sust .sust0104 .contents .information > dt {
    width: 250px;
}
.container.sust .sust0104 .contents .information .logos {
    padding-left: 40px;
    width: fit-content;
}

.container.sust .sust0104 .contents .information .logos.each {
    min-width: 500px;
}

.container.sust .sust0104 .contents .information .logos:nth-child(1) {
    flex-basis: 70%;
}

.container.sust .sust0104 .contents .information .logos .img_box {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}
.container.sust .sust0104 .contents .information .img_wraps {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.container.sust .sust0104 .contents .information .img_wraps .img_block:last-child {
  width: 207px;
}

.container.sust .sust0104 .contents .information .img_wraps .img_block:last-child .img_box {
  aspect-ratio: 1/1;
  height: 207px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container.sust .sust0104 .contents .information .logos .img_block > p {
  white-space: nowrap;
}

@media screen and (max-width: 1440px) {
  .container.sust .sust0104 .contents .information .logos .img_block > p {
    white-space: wrap;
  }
}

@media screen and (max-width: 768px) {
  .container.sust .sust0104 .contents .information .img_wraps .img_block {
    width: 100% !important;
  }

  .container.sust .sust0104 .contents .information .img_wraps .img_block:last-child .img_box {
    aspect-ratio: auto;
  }

  .container.sust .sust0104 .contents .logos {
    width: 100% !important;
  }

  .container.sust .sust0104 .contents .logos .img_box {
    display: flex;
    justify-content: center !important;
    align-items: center !important;
  }

  .container.sust .sust0104 dt br {
    display: none;
  }
}

.container.sust .sust0104 .contents .information .logos > p,
.container.sust .sust0104 .contents .information .logos .img_block > p {
    font-weight: 500;
}

.container.sust .sust0104 .contents .information .logos .img_box .img {
    flex-basis: 25%;
    text-align: center;
}
.container.sust .sust0104 .contents .information .logos .img_box > img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    flex-basis: 25%;
    text-align: center;
}

.container.sust .sust0104 .contents .information .logos .img_box .img p {
    margin-top: 5px;
}

.container.sust .contentsWrap[class*="sust"] .ehsWrap.list-flow {
    position: relative;
}

/* 지속가능경영 - 2 환경경영 ->>> .contentsWrap[class*="intr07"] ~ */
.container.sust .contentsWrap[class*="sust"] {
}

.container.sust .contentsWrap[class*="sust"] .ehsWrap {
    font-size: 18px;
    position: relative;
}

.container.sust .contentsWrap[class*="sust"] .ehsWrap li:after {
    content: "";
    width: 1px;
    height: 32px;
    background: #00ad83;
    position: absolute;
    left: 50%;
    top: -32px;
}

.container.sust .contentsWrap[class*="sust"] .ehsWrap li:first-child:after {
    display: none;
}

.container.sust .contentsWrap[class*="sust"] .ehsWrap li {
    height: 151px;
    max-height: 151px;
    display: flex;
    /*justify-content:center; */
    clear: both;
    align-items: center;
    position: relative;
    margin-bottom: 32px;
    text-align: left;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.container.sust .contentsWrap[class*="sust"] .ehsWrap li:first-child {
    align-items: flex-start;
}

.container.sust .contentsWrap[class*="sust"] .ehsWrap li:last-child {
    align-items: flex-end;
    margin-bottom: 0;
}

.container.sust .contentsWrap[class*="sust"] .ehsWrap li p.num {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    font-weight: 700;
    color: #00ad83;
}

.container.sust .contentsWrap[class*="sust"] .ehsWrap li div.text {
    width: 50%;
}

.container.sust .contentsWrap[class*="sust"] .ehsWrap li:nth-child(odd) p.num {
    right: calc(50% + 100px);
}

.container.sust .contentsWrap[class*="sust"] .ehsWrap li:nth-child(even) p.num {
    left: calc(50% + 100px);
}

.container.sust .contentsWrap[class*="sust"] .ehsWrap li:nth-child(odd) div.text {
    margin-left: 50%;
    padding-left: 100px;
}

.container.sust .contentsWrap[class*="sust"] .ehsWrap li:nth-child(even) div.text {
    text-align: right;
    padding-right: 100px;
}

.container.sust .contentsWrap[class*="sust"] .ehsWrap li div.text p {
    font-weight: 400;
    position: relative;
    display: inline-block;
    padding-bottom: 0.6em;
    margin-bottom: 0.4em;
}

.container.sust .contentsWrap[class*="sust"] .ehsWrap li div.text p:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #00ad83;
    content: "";
}

.container.sust .contentsWrap[class*="sust"] .ehsWrap li div.text span {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6;
}

/* sign sust0202, sust0302 */
.container.sust .contentsWrap[class*="sust"] .ehsWrap + p {
    font-size: 16px;
    margin-top: 60px;
    text-align: center;
}

.container.sust .contentsWrap[class*="sust"] .ehsWrap + p > span {
    font-size: 20px;
    font-weight: 400;
    margin-left: 0.5em;
}

.container.sust .contentsWrap[class*="sust"] .ehsWrap + p > img.sign {
    height: 45px;
    margin-top: -14px;
    margin-left: 24px;
}

/* 지속가능경영 - 환경경영 > EHS 방침 intr0701 */
/* 지속가능경영 - 환경경영 > 환경방침 sust0201 */
.whtFormWrap {
    margin-top: 0;
    padding: 0 15%;
}

.whtFormWrap > .white-paper-form {
    /* display:flex; */
    /* border-width: 1px; */
    /* border-style: solid; */
    /* border-color: black; */
    /* padding: 1em 2em; */
    /* text-align: left; */
}

.whtFormWrap > .white-paper-form > ul li {
    background: #f5f5f5;
    margin-bottom: 40px;
    overflow: hidden;
    padding: 35px 0;
}

/*숫자 다음줄 들여쓰기, */
.white-paper-form > ul li:last-child {
    border-bottom-width: 0;
}

.whtFormWrap > .white-paper-form > ul li p {
    float: left;
    font-size: 30px;
    font-weight: 700;
    color: #00ad83;
    width: 90px;
    text-align: center;
    margin-top: 3px;
}

.whtFormWrap > .white-paper-form > ul li span {
    float: left;
    width: calc(100% - 90px);
    padding-right: 35px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.78;
}

.sust0201 .whtFormWrap {
    padding: 0 5%;
}

.whtFormWrap > .white-paper-form .signp {
    margin-top: 60px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
}

.whtFormWrap > .white-paper-form .signp span {
    font-size: 1.25em;
    font-weight: 400;
    margin-left: 0.5em;
}

.whtFormWrap > .white-paper-form .signp .sign {
    height: 45px;
    margin-top: -14px;
    margin-left: 24px;
}

/*.contentsWrap.sust0401 .titleWrap span	        {text-align:center;}*/
/*.contentsWrap.sust0401 .titleWrap span + span	  {text-align:center; font-weight:700;}*/
/*.contentsWrap.sust0401 .ehsWrap li:first-child  {align-items:center;}*/
/*.contentsWrap.sust0401 .ehsWrap li:last-child   {align-items:center;}*/
.container.sust .contentsWrap.sust0401 .ehsWrap li:nth-child(1) {
    background-image: url("../images/bg_love_with_leaf.png");
}

/*bg_intr0701_01*/
.container.sust .contentsWrap.sust0401 .ehsWrap li:nth-child(2) {
    background-image: url("../images/bg_two_person_with_love.png");
}

/*bg_intr0701_02*/
.container.sust .contentsWrap.sust0401 .ehsWrap li:nth-child(3) {
    background-image: url("../images/bg_plant_on_hand.png");
}

/*bg_intr0701_03*/
.container.sust .contentsWrap.sust0401 .ehsWrap li:nth-child(4) {
    background-image: url("../images/bg_globe_on_hands.png");
}

/*bg_intr0701_04*/
.container.sust .contentsWrap.sust0401 .ehsWrap li:nth-child(5) {
    background-image: url("../images/bg_hands.png");
}

/*bg_intr0701_05*/
.container.sust .contentsWrap.sust0401 .ehsWrap li {
    height: 151px;
    max-height: 151px;
    clear: both;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 108px;
    text-align: left;
}

.container.sust .contentsWrap.sust0401 .ehsWrap li:first-child {
    align-items: center;
}

.container.sust .contentsWrap.sust0401 .ehsWrap li:last-child {
    align-items: center;
    margin-bottom: 0;
}

.container.sust .contentsWrap.sust0401 .ehsWrap li:after {
    background: #00ad83;
    position: absolute;
    width: 1px;
    height: 108px;
    top: -108px;
    left: 50%;
    content: "";
}

/* 지속가능경영 - 환경경영 > EHS 목표 intr0701-1 */
.contentsWrap.sust0201-1 .ehs-target {
    display: flex;
    width: 796px;
    margin: 0 auto;
}

.contentsWrap.sust0201-1 .ehs-target > div {
    width: 50%;
}

.contentsWrap.sust0201-1 .ehs-target > div p {
    padding-bottom: 30px;
    text-align: center;
}

.contentsWrap.sust0201-1 .ehs-target > div li {
    position: relative;
    display: table;
    width: 100%;
    margin-top: 2px;
    text-align: center;
}

.contentsWrap.sust0201-1 .ehs-target > div li:before {
    content: '';
    position: absolute;
    bottom: -23px;
    left: 50%;
    margin-left: -23px;
    display: block;
    width: 46px;
    height: 46px;
    background-image: url("../images/ico_ehs_plus.png");
    z-index: 5;
}

.contentsWrap.sust0201-1 .ehs-target > div li:last-child:before {
    display: none;
}

.contentsWrap.sust0201-1 .ehs-target > div li > div {
    display: table-cell;
    vertical-align: middle;
}

.contentsWrap.sust0201-1 .ehs-target span, .contentsWrap.sust0201-1 .ehs-target em {
    display: inline-block;
    width: 100%;
    line-height: 30px;
}

.contentsWrap.sust0201-1 .ehs-target span {
    font-weight: 600;
}

.contentsWrap.sust0201-1 .ehs-target > div:nth-child(1) {
    padding-right: 12px;
}

.contentsWrap.sust0201-1 .ehs-target > div:nth-child(1) span {
    color: #0088ce;
}

.contentsWrap.sust0201-1 .ehs-target > div:nth-child(1) li {
    height: 150px;
    background: #e0f4ff;
}

.contentsWrap.sust0201-1 .ehs-target > div:nth-child(2) {
    padding-left: 12px;
}

.contentsWrap.sust0201-1 .ehs-target > div:nth-child(2) span {
    color: #00ad83;
}

.contentsWrap.sust0201-1 .ehs-target > div:nth-child(2) li {
    height: 125px;
    background: #daf7ef;
}

/* 지속가능경영 - 환경경영 > 안전 및 보건관리 intr0702 */
.contentsWrap.sust0202 .ehsWrap li:first-child {
    background-image: url("../images/bg_intr0703_01.png");
}

.contentsWrap.sust0202 .ehsWrap li:nth-child(2) {
    background-image: url("../images/bg_intr0703_02.png");
}

.contentsWrap.sust0202 .ehsWrap li:nth-child(3) {
    background-image: url("../images/bg_intr0703_03.png");
}

.contentsWrap.sust0202 .ehsWrap li:nth-child(4) {
    background-image: url("../images/bg_intr0703_04.png");
}

.contentsWrap.sust0202 .ehsWrap li:nth-child(5) {
    background-image: url("../images/bg_intr0702_04.png");
}

.contentsWrap.sust0202 .ehsWrap li:last-child {
    background-image: url("../images/bg_intr0702_04.png");
}

/* 지속가능경영 - 환경경영 > 환경관리 intr0703 */
.contentsWrap.sust0203 .ehsWrap li:first-child {
    background-image: url("../images/bg_intr0703_01.png");
}

.contentsWrap.sust0203 .ehsWrap li:nth-child(2) {
    background-image: url("../images/bg_intr0703_02.png");
}

.contentsWrap.sust0203 .ehsWrap li:nth-child(3) {
    background-image: url("../images/bg_intr0703_03.png");
}

.contentsWrap.sust0203 .ehsWrap li:last-child {
    background-image: url("../images/bg_intr0703_04.png");
}

.sust0303 .titleWrap > p {margin-bottom:4rem}

/* 지속가능경영 - 인권경영 */
.container.sust .contentsWrap.sust0301 .contents > ul > li {
    overflow: visible;
    margin-top: 0
}

.contentsWrap.sust0301 .ehsWrap li:first-child {
    align-items: center;
}

.contentsWrap.sust0301 .ehsWrap li:last-child {
    align-items: center;
}

.contentsWrap.sust0301 .ehsWrap li:first-child {
    background-image: url("../images/sustainability/sust0301_icon_01.png");
}

.contentsWrap.sust0301 .ehsWrap li:nth-child(2) {
    background-image: url("../images/sustainability/sust0301_icon_02.png");
}

.contentsWrap.sust0301 .ehsWrap li:nth-child(3) {
    background-image: url("../images/sustainability/sust0301_icon_03.png");
}

.contentsWrap.sust0301 .ehsWrap li:nth-child(4) {
    background-image: url("../images/sustainability/sust0301_icon_04.png");
}

.contentsWrap.sust0301 .ehsWrap li:last-child {
    background-image: url("../images/sustainability/sust0301_icon_05.png");
}

.contentsWrap.sust0301 .ehsWrap li div.text span strong {
    position: relative;
    display: inline-block;
    padding-bottom: 0.6em;
    margin-bottom: 0.4em;
}

.contentsWrap.sust0301 .ehsWrap li div.text span strong:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #00ad83;
    position: absolute;
    left: 0;
    bottom: 0;
}

/*지속가능경영 - 인증서*/
.contentsWrap.sust0502 .imgwrap {
    margin-top: 130px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.contentsWrap.sust0502 .imgwrap.ehs {
    justify-content: center;
    gap: 100px;
}

.contentsWrap.sust0502 .imgwrap .item {
    flex-basis: 30%;
    width: 30%;
}

.contentsWrap.sust0502 .imgwrap .item img {
    box-shadow: 10px 0 27px rgb(0 0 0 / 11%);
    width: 90%;
    cursor: pointer;
    margin-left: 5%;
}

.contentsWrap.sust0502 .imgwrap .item span {
    display: block;
    text-align: center;
    margin-top: 50px;
    font-size: 18px
}

/*지속가능경영 - 환경경영 -> 인증현황 ADD */
.container.sust .sust0203 .contents > .titleWrap + .over-x-1080 {
    margin-top: 4rem;
}

.container.sust .sust0203 .cert-form {
    margin-top: 130px;
    display: flex;
    /* gap: 20px; justify-content: space-between; */
}

.container.sust .sust0203 .cert-form {
    justify-content: center;
    /* gap: 100px;*/
}

.container.sust .sust0203 .cert-form > .form {
    flex-basis: 30%;
    width: 30%;
}

.container.sust .sust0203 .cert-form > .form > img.cert {
    box-shadow: 10px 0 27px rgb(0 0 0 / 11%);
    width: 90%;
    cursor: pointer;
    margin-left: 5%;
}

.container.sust .sust0203 .cert-form > .form > span.cert-name {
    display: block;
    text-align: center;
    margin-top: 50px;
    font-size: 18px;
}

/*지속가능경영 - 환경경영 -> 인증서 양식 ADD */
.table-style-cert > table th:first-child {
    width: 10%;
}

.table-style-cert > table th:nth-child(n+2):nth-child(-n+3) {
    width: 25%;
}

.table-style-cert > table th:last-child {
    width: 40%;
}

.table-style-cert > table {
    border-top: 2px solid #000000;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.table-style-cert > table thead th {
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    background: #fafafa;
    color: #000000;
    font-weight: 400;
}

.table-style-cert > table td {
    border-bottom: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    color: #666;
    font-weight: 300;
}

.table-style-cert > table th:first-child, .table-style-cert > table td:first-child {
    border-left-style: none
}

/*지속가능경영 - 안전보건 -> 인증현황 ADD */
.container.sust .sust0303 .contents > .titleWrap + .over-x-1080 {
    margin-top: 4rem;
}

.container.sust .sust0303 .cert-form {
    margin-top: 130px;
    display: flex;
    /* gap: 20px; justify-content: space-between; */
}

.container.sust .sust0303 .cert-form {
    justify-content: center;
    /* gap: 100px;*/
}

.container.sust .sust0303 .cert-form > .form {
    flex-basis: 30%;
    width: 30%;
}

.container.sust .sust0303 .cert-form > .form > img.cert {
    box-shadow: 10px 0 27px rgb(0 0 0 / 11%);
    width: 90%;
    cursor: pointer;
    margin-left: 5%;
}

.container.sust .sust0303 .cert-form > .form > span.cert-name {
    display: block;
    text-align: center;
    margin-top: 50px;
    font-size: 18px;
}

.contentsWrap.sus_linebox.sust0701 .list {
    max-width: 880px;
    margin: auto;
    gap: 0;
}

.contentsWrap.sus_linebox.sust0701 .list .item {
    width: 100%;
    border: solid 1px #00ad83;
    border-radius: 37.69px;
    padding: 8px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    /* height: 80px; */
    min-height: 80px;
    position: relative;
}

.contentsWrap.sus_linebox.sust0701 .list .item p {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: #00ad83;
    width: 170px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    position: absolute;
    top: 9px;
    left: 10px;
}

.contentsWrap.sus_linebox.sust0701 .list .item ul li {
    width: 100%;
    text-align: left;
    font-size: 19px;
    color: #333333;
    position: relative;
    margin: 0;
    padding-left: 200px;
    line-height: 1;
}

.contentsWrap.sus_linebox.sust0701 .list .item ul {
    width: 100%;
}

.contentsWrap.sus_linebox.sust0701 .list .item ul li:before {
    background: #00ad83;
    position: relative;
    top: -3px;
    left: -10px;
    width: 6px;
    height: 6px;
}

.contentsWrap.sus_linebox.sust0701 .btn-wrap {
    text-align: center;
    width: 300px;
    margin: 50px auto 0;
}

.contentsWrap.sus_linebox.sust0701 a.btnset.btn-download {
    position: relative;
    padding: 17px 20px;
    border: 1px solid #1b1b1b;
    font-size: 17px;
    color: #333333;
    line-height: 1.5;
    min-width: 320px;
}

.contentsWrap.sus_linebox.sust0701 a.btnset.btn-download:hover {
    border-color: #333;
    background: #333;
    color: #fff;
}

.contentsWrap.sus_linebox.sust0701 a.btnset.btn-download:hover img {
    filter: invert(1);
}

.contentsWrap.sus_linebox.sust0701 a.btnset.btn-download span {
    margin-right: 10px;
}

.contentsWrap.sus_linebox.sust0701 a.btnset.btn-download img {
    width: 17px;
    vertical-align: middle;
}

/*지속가능경영 - 협력사helpdesk*/
.contentsWrap.sust0504.sus_linebox dl.information dd {
    float: none;
    width: 100%;
    margin: auto;
    max-width: 880px;
}

.contentsWrap.sust0504.sus_linebox dl.information dd .subWrap {
    margin: 0;
    padding: 50px 60px 20px;
    font-size: 16px;
}

.contentsWrap.sust0504.sus_linebox dl.information dd ul {
    border-top: 1px solid #555;
    margin-top: 15px;
    padding-top: 15px;
}

.contentsWrap.sust0504.sus_linebox dl.information dd ul li em {
    font-weight: 600;
    width: 90px;
    display: inline-block;
}

.contentsWrap.sust0504.sus_linebox dl.information dd .subWrap a {
    display: inline-block;
    text-indent: 0;
    color: #0289cd;
}

.contentsWrap.sust0504.sus_linebox dl.information dd ul li em.dot {
    display: none;
}

.contentsWrap.sust0504.sus_linebox dl.information dd ul li {
    text-indent: 0;
    padding: 0;
}

/*지속가능경영 - 동반성장 - 동반성장 전략 */
.contentsWrap.sust0601 .contents dl.information {
    width: 100%;
}


.contentsWrap.sust0601 .contents dl.information dt {
    clear: both;
    float: left;
    margin-bottom: 130px;
    width: 227px;
    font-weight: 700;
    line-height: 1.5;
    margin-top: -0.1em;
}

.contentsWrap.sust0601 .contents dl.information dd {
    float: left;
    width: calc(100% - 227px);
    margin-bottom: 130px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.78;
}
.contentsWrap.sust0601 .contents dl.information dd > img.one {
    width: 100%;
}

.contentsWrap.sust0601 .contents dl.information dd > span.nomargin {
    margin: 30px 30px 0 0;
}

.contentsWrap.sust0601 .contents dl.information dd.desc {
    text-align: left;
}

.contentsWrap.sust0601 .contents dl.information dd ul, .contentsWrap.sust0601 .contents dl.information dd ol {
    margin-bottom: 30px;
}

.contentsWrap.sust0601 .contents dl.information dd ul li {
    padding-left: 1em;
}

.contentsWrap.sust0601 .contents dl.information dd ul.brackets li {
    text-indent: -1.7em;
    padding-left: 1.7em;
}

.contentsWrap.sust0601 .contents dl.information dd .subWrap {
    padding: 20px 20px 0;
    margin: 30px 0;
}

.contentsWrap.sust0601 .contents dl.information dd .btnWrap {
    margin-top: 80px;
}

.contentsWrap.sust0601 .contents dl.information dd .diagram {
    margin: 0 0 100px 0;
    text-align: center;
}

.contentsWrap.sust0601 .contents dl.information dd .diagram img {
    width: 90%;
}

.contentsWrap.sust0601 .contents dl.information dd .list {
    margin-top: 40px;
}

.contentsWrap.sust0601 .contents dl.information dd .list .item {
    padding: 40px 50px;
}

.contentsWrap.sust0601 .contents dl.information dd .diagram img.mobile {
    display: none
}

/*지속가능경영 - 동반성장 - 공정거래 */
.contentsWrap.sust0602 .contents dl.information {
    width: 100%;
}

.contentsWrap.sust0602 .contents dl.information dt {
    clear: both;
    float: left;
    margin-bottom: 130px;
    width: 227px;
    /* font-size: 27px; */
    font-weight: 700;
    line-height: 1.5;
    margin-top: -0.1em;
    padding-right: 10px;
}

.contentsWrap.sust0602 .contents dl.information dd {
    float: left;
    width: calc(100% - 227px);
    margin-bottom: 130px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.78;
}

.contentsWrap.sust0602 .contents dl.information dd.desc {
    text-align: center;
}

.contentsWrap.sust0602 .contents dl.information dd ul, .contentsWrap.sust0602 .contents dl.information dd ol {
    margin-bottom: 30px;
}

.contentsWrap.sust0602 .contents dl.information dd ul li {
    padding-left: 1em;
}

.contentsWrap.sust0602 .contents dl.information dd ul.brackets li {
    text-indent: -1.7em;
    padding-left: 1.7em;
}

.contentsWrap.sust0602 .contents dl.information dd .subWrap {
    padding: 20px 20px 0;
    margin: 30px 0;
}

.contentsWrap.sust0602 .contents dl.information dd .btnWrap {
    margin-top: 80px;
}

.contentsWrap.sust0602 .contents dl.information dd .diagram {
    margin: 0 0 100px 0;
    text-align: center;
}

.contentsWrap.sust0602 .contents dl.information dd .diagram img {
    width: 90%;
}

.contentsWrap.sust0602 .contents dl.information dd .list {
    margin-top: 0;
}

.contentsWrap.sust0602 .contents dl.information dd .list .item {
    padding: 40px 50px;
}

.contentsWrap.sust0602 .contents dl.information dd .diagram img.mobile {
    display: none
}


.contentsWrap[class*="sust06"] .list {margin-top: 40px;}
.contentsWrap[class*="sust06"] .list .item{padding: 40px 50px;}
.contentsWrap[class*="sust06"] .diagram {margin: 0 0 100px 0;text-align: center;}
.contentsWrap.sus_linebox.sust0601 .diagram img.mobile {display:none}
.contentsWrap.sus_linebox.sust0502 .list { max-width: 880px; margin: auto;gap: 0; }
.contentsWrap.sus_linebox.sust0502 .list .item { width: 100%; border: solid 1px #00ad83; border-radius: 37.69px; padding: 8px; display: flex; align-items: center; margin-bottom: 15px; height: 80px; position: relative; }
.contentsWrap.sus_linebox.sust0502 .list .item p { font-size: 20px; font-weight: 700; color: #fff; background: #00ad83; width: 170px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 30px; position: absolute; top: 9px; left: 10px; }
.contentsWrap.sus_linebox.sust0502 .list .item ul li { width: 100%; text-align: center; font-size: 19px; color: #333333; position: relative; margin: 0; padding-left: 160px; line-height: 1; }
.contentsWrap.sus_linebox.sust0502 .list .item ul { width: 100%; }
.contentsWrap.sus_linebox.sust0502 .list .item ul li:before { background: #00ad83; position: relative; top: -3px; left: -10px; width: 6px; height: 6px; }
.contentsWrap.sus_linebox.sust0502 .btn-wrap { text-align: center; width: 300px; margin: 50px auto 0; }
.contentsWrap.sus_linebox.sust0502 a.btnset.btn-download { position: relative; padding: 17px 20px; border: 1px solid #1b1b1b; font-size: 17px; color: #333333; line-height: 1.5;min-width: 320px; }
.contentsWrap.sus_linebox.sust0502 a.btnset.btn-download:hover { border-color: #333; background: #333; color: #fff; }
.contentsWrap.sus_linebox.sust0502 a.btnset.btn-download:hover img {filter: invert(1);}
.contentsWrap.sus_linebox.sust0502 a.btnset.btn-download span { margin-right: 10px; }
.contentsWrap.sus_linebox.sust0502 a.btnset.btn-download img {width: 17px;vertical-align: middle;}
/*지속가능경영 - 협력사helpdesk*/
.contentsWrap.sus_linebox.sust0504 dl.information dd {float: none;width: 100%;margin: auto;max-width: 880px;}
.contentsWrap.sus_linebox.sust0504 dl.information dd .subWrap {margin: 0;padding: 50px 60px 20px;font-size: 16px;}
.contentsWrap.sus_linebox.sust0504 dl.information dd ul {border-top: 1px solid #555;margin-top: 15px;padding-top: 15px;}
.contentsWrap.sus_linebox.sust0504 dl.information dd ul li em {font-weight: 600;width: 90px;display: inline-block;}
.contentsWrap.sus_linebox.sust0504 dl.information dd .subWrap a {display: inline-block;text-indent: 0;color: #0289cd;}
.contentsWrap.sus_linebox.sust0504 dl.information dd ul li em.dot {display: none;}
.contentsWrap.sus_linebox.sust0504 dl.information dd ul li {text-indent: 0;padding: 0;}
.contentsWrap.sus_linebox.sust0504 dl.information dd .info > li {display: flex;}
.contentsWrap.sus_linebox.sust0504 dl.information dd .info > li > span {font-weight: 600;}

.contentsWrap.sus_linebox.sust0504 dl.information dd .subWrap .subWrap-inner > p {margin-bottom: 5px; font-weight: 900;}
.contentsWrap.sus_linebox.sust0504 dl.information dd .subWrap .subWrap-inner ul {border: 0; margin:0; padding:0;}
.contentsWrap.sus_linebox.sust0504 dl.information dd .subWrap .subWrap-inner ul ul {padding: 0 0 15px 2%;}
.contentsWrap.sus_linebox.sust0504 dl.information dd .subWrap .subWrap-inner ul ul li {position: relative; padding-left: 20px;}
.contentsWrap.sus_linebox.sust0504 dl.information dd .subWrap .subWrap-inner ul ul li:before {content: ""; width: 7px; height: 1px; display: inline-block; background: #000; position: absolute; top: 11px; left: 2px;}
.contentsWrap.sus_linebox.sust0504 dl.information dd .subWrap .subWrap-inner ul ul li br {display: none;}
.contentsWrap.sus_linebox.sust0504 dl.information dd .subWrap .subWrap-inner > ul > li {position: relative; padding-left: 15px;}
.contentsWrap.sus_linebox.sust0504 dl.information dd .subWrap .subWrap-inner > ul > li:before {content: ""; width: 3px; height: 3px; display: inline-block; background: #000; position: absolute; top: 11px; left: 2px; border-radius: 10px;}


/*지속가능경영 - 기부*/
.contentsWrap.sust0802 .titleWrap > p:before {
    content: "";
    width: 100%;
    height: 2px;
; background: #00ad83;
    position: absolute;
    left: 0;
    bottom: -8px;
}

.contentsWrap.sust0802 .titleWrap > p {
    position: relative;
    display: inline-block;
}

.contentsWrap.sust0802 .titleWrap > span.nomargin {
    margin-bottom: 10px;
}

.contentsWrap.sust0802 .titleWrap .thumb {
    width: 100%;
    margin-bottom: 4em;
    margin-top: 4em;
    max-width: 650px;
}

.contentsWrap.sust0802 .titleWrap > span {
    max-width: 1080px;
}

.contentsWrap.sust0802 .titleWrap + .titleWrap {
    margin-top: 50px;
}

/* .contentsWrap.sust0601 .titleWrap > p {margin: 0 auto;color: #333333;border: dotted 2px #00ad83;border-radius: 32.5px;padding: 20px;width: 300px;display: inline-block;font-size: 19px;margin-bottom: 0;background: #daf7ef26;} */
.contentsWrap[class*="sust080"] dl.information dt {
    padding-right: 30px;
}

.contentsWrap[class*="sust080"] img.one {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
}

.contentsWrap[class*="sust080"] img.two {
    float: left;
    width: calc(50% - 7px);
    margin-right: 14px;
}

.contentsWrap[class*="sust080"] img.two + img.two {
    margin-right: 0;
}

/* 환경경영 2-2 아이콘박스 */
.contentsWrap > .contents > ul.inline-icon-box {
    display: block;
    text-align: center;
    margin-bottom: 5em;
}

.contentsWrap > .contents > ul.inline-icon-box li {
    display: inline-block;
    margin-right: 5%;
    margin-bottom: 5%;
}

.contentsWrap > .contents > ul.inline-icon-box li:last-child {
    margin-right: 0;
}

.contentsWrap > .contents > ul.inline-icon-box li > div {
    width: 100%;
    height: 14em;
    text-align: center;
}

.contentsWrap > .contents > ul.inline-icon-box li > div > img {
    width: 7em;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
}

.contentsWrap > .contents > ul.inline-icon-box li:nth-child(1) > div > img, .contentsWrap > .contents > ul.inline-icon-box li:nth-child(4) > div > img {
    background-color: #2C7C91;
}

.contentsWrap > .contents > ul.inline-icon-box li:nth-child(n+2):nth-child(-n+3) > div > img {
    background-color: #7285d6;
}

.contentsWrap > .contents > ul.inline-icon-box li > div > p {
    text-align: center;
    margin-top: 1em;
}

/* mid-line */
.contentsWrap > .contents > ul.inline-icon-box li > div > .mid-line {
    border-top-width: 0.3em;
    border-top-style: solid;
    border-top-color: #000000;
    vertical-align: middle;
    height: fit-content;
    margin: 1em 0;
}

.contentsWrap > .contents > ul.inline-icon-box li:first-child > div > .mid-line {
    border-top-color: #2C7C91;
}

.contentsWrap > .contents > ul.inline-icon-box li:nth-child(n+2):nth-child(-n+3) > div > .mid-line {
    border-top-color: #7285d6;
}

.contentsWrap > .contents > ul.inline-icon-box li:last-child > div > .mid-line {
    border-top-color: #2C7C91;
}

/* title-color */
.contentsWrap > .contents > ul.inline-icon-box li:first-child > div > p, .contentsWrap > .contents > ul.inline-icon-box li:last-child > div > p {
    color: #2C7C91;
}

.contentsWrap > .contents > ul.inline-icon-box li:nth-child(n+2):nth-child(-n+3) > div > p {
    color: #7285d6;
}

/* desc */
.contentsWrap > .contents > ul.inline-icon-box li > div > .desc {
    padding: 0;
    height: 1em;
}

.contentsWrap > .contents > ul.inline-icon-box li > div > .desc > p {
    color: #000000;
}

.container.sust .contentsWrap[class*="sust"] > .contents > ul.inline-icon-box li > div > .desc > p {
    font-weight: 400;
}

/* 3-2 안전보건 - intr0702 */
.contentsWrap.sust0302 .ehsWrap li:first-child {
    background-image: url("../images/bg_intr0702_01.png");
}

.contentsWrap.sust0302 .ehsWrap li:nth-child(2) {
    background-image: url("../images/bg_intr0702_07.png");
}

.contentsWrap.sust0302 .ehsWrap li:nth-child(3) {
    background-image: url("../images/bg_intr0702_02.png");
}

.contentsWrap.sust0302 .ehsWrap li:nth-child(4) {
    background-image: url("../images/bg_intr0702_06.png");
}

.contentsWrap.sust0302 .ehsWrap li:nth-child(5) {
    background-image: url("../images/bg_intr0702_03.png");
}

.contentsWrap.sust0302 .ehsWrap li:nth-child(6) {
    background-image: url("../images/bg_intr0702_04.png");
}

.contentsWrap.sust1302 .ehsWrap li:nth-child(7) {
    background-image: url("../images/bg_intr0702_05.png");
}

/* sust0302 안전보건경영 2-2 실린더 박스 */
.contentsWrap > .contents > ul.inline-cylinder-box {
    display: block;
    text-align: center;
    margin-bottom: 5em;
}

.contentsWrap > .contents > ul.inline-cylinder-box > li {
    display: inline-block;
    margin-bottom: 5%;
    line-height: 1.7;
}

/* 픽토그램 img */
.contentsWrap > .contents > ul.inline-cylinder-box > li > div.img-box > img {
    width: 8em;
    padding: 0 1.5em 0.5em;
}

/* box */
.contentsWrap > .contents > ul.inline-cylinder-box > li > div.box {
    width: 100%;
    height: fit-content;
    text-align: center;
    padding: 0 20px;
}

/* box 사이 border */
ul.inline-cylinder-box > li > .between-border {
    border-right-width: 1px;
    border-style: dotted;
    border-color: black;
}

ul.inline-cylinder-box > li:last-child > .between-border {
    border-right-width: 0;
}

/* 원기둥 */
ul.inline-cylinder-box > li > .box > .cylinder-background {
    /* cylinder-background */
    position: relative;
    width: 10em;
    height: 5em;
    display: inline-block;
}

ul.inline-cylinder-box > li > .box > .cylinder-background > .cylinder:before {
    /* cylinder top-cover */
    position: absolute;
    width: 9.86em;
    height: 3.8em;
    left: 0;
    top: 0;
    background-color: #586cac;
    border-radius: 50% / 50%;
    content: '';
}

ul.inline-cylinder-box > li > .box > .cylinder-background > .cylinder {
    /* cylinder body */
    position: absolute;
    left: 0;
    top: 0;
    width: inherit;
    height: inherit;
    border-radius: 50% / 40%;
    background-color: #6375ae;
    border: 1px solid black;
}

ul.inline-cylinder-box > li > .box > .cylinder-background > .front-text {
    /* 도형 앞 텍스트 */
    width: inherit;
    padding: 8% 0;
    line-height: 1.7;
}

ul.inline-cylinder-box > li > .box > .cylinder-background > .front-text > p {
    position: relative;
    display: inline-block;
    height: fit-content;
    text-align: center;
    color: white;
}

/* desc */
ul.inline-cylinder-box li > div.box > .desc {
    padding: 0;
    height: fit-content;
    margin-top: 1em;
}

.container.sust .contentsWrap.sust0302 .contents ul.inline-cylinder-box li > div.box > .desc > p {
    font-weight: 400;
}

.container.sust .contentsWrap.sust0302 .contents .font-small {
    font-size: 15px;
    letter-spacing: -0.5px;
}

.container.sust .contentsWrap.sust0302 ul.inline-cylinder-box > li > .box > .cylinder-background > .front-text {
    line-height: 1.2;
    padding: 10px 10px;
    margin-top: 20px;
}

.container.sust .contentsWrap.sust0302 .contents ul.inline-cylinder-box li > div.box > .desc > p {
    max-width: 12vw;
    line-height: 1.3;
}

/* sust-0402 */
.contentsWrap[class*="sust"] > .contents > div.sign-box > p {
    text-align: center;
}

.sust0402 .sign-box {
    text-align: center;
}


.contentsWrap[class*="sust"] > .contents > div.sign-box > p > span {
    font-size: 1.25em;
    font-weight: bolder;
    /*400*/
    margin-left: 0.5em;
}

.contentsWrap[class*="sust"] > .contents > div.sign-box > p > img.sign {
    height: 45px;
    margin-top: -14px;
    margin-left: 24px;
}

/* UNGC - Title / Table */
.contentsWrap[class*="sust"] > .contents > div.ungc-box {
    margin-top: 2em;
    text-align: center;
}

.contentsWrap[class*="sust"] > .contents > div.ungc-box > p {
    margin: 2em 0 1.5em;
    font-size: 24px;
    font-weight: bolder;
    /*400*/
}

div.ungc-box .table-style-principles {
    display: grid;
    text-align: left;
}

div.ungc-box .table-style-principles > ul {
    display: inline-block;
    padding: 0 8%;
}

div.ungc-box .table-style-principles > ul > li {
    display: flex;
}

div.ungc-box .table-style-principles > ul > li:first-child {
    text-align: left;
    width: inherit;
}

/* colgroup */
div.ungc-box .table-style-principles > ul > li:first-child > div:nth-child(1) {
    width: 20%;
}

div.ungc-box .table-style-principles > ul > li:first-child > div:nth-child(2) {
    width: 100%;
}

/* headline */
div.ungc-box .table-style-principles > ul > li:first-child > div {
    text-align: left;
    font-weight: bold;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    border-bottom: 0.3em solid #000000;
}

div.ungc-box .table-style-principles > ul > li:nth-child(2) > .title {
    background-color: #4766a7;
}

div.ungc-box .table-style-principles > ul > li:nth-child(3) > .title {
    background-color: #3b575f;
}

div.ungc-box .table-style-principles > ul > li:nth-child(4) > .title {
    background-color: #4766a7;
}

div.ungc-box .table-style-principles > ul > li:nth-child(5) > .title {
    background-color: #3b575f;
}

div.ungc-box .table-style-principles > ul > li > .title {
    display: block;
    width: 20%;
    height: auto;
    color: #ffffff;
    text-align: center;
    border-right: 0.3em solid #ffffff;
    border-bottom: 0.3em solid #ffffff;
}

div.ungc-box .table-style-principles > ul > li > .title > span {
    display: inline-flex;
    position: relative;
    top: 43%;
}

div.ungc-box .table-style-principles > ul > li > .desc {
    display: block;
    width: 100%;
    padding: 1.4em;
    background-color: #eeeeed;
    border-bottom: 0.3em solid #ffffff;
}

div.ungc-box .table-style-principles > ul > li > .desc > p {
    display: flex;
    line-height: 2;
    font-size: 18px;
}

/* sust0702 - supply-chain ESG assessment  */
/* 1) Supplier Sustainability Assessment Process */
.assessment-process-flow {
    display: inline-block;
    width: 100%;
    height: fit-content;
}

.assessment-process-flow > p.subject {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 1.6em;
    text-align: center;
}

.assessment-process-flow > .parent {
    display: flow;
}

.assessment-process-flow > .parent > .proc-row {
    display: flex;
}

.assessment-process-flow > .parent > .proc-row:first-child {
    margin-bottom: 20px;
    /* box height */
}

/* box odd, even  */
.assessment-process-flow > .parent > .proc-row > .box {
    display: table;
    text-align: center;
}

.assessment-process-flow > .parent > .proc-row > .box > span {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    width: 250px;
    height: fit-content;
    padding: 0 10px;
    height: 74px;
    line-height: 1.2;
}

.assessment-process-flow > .parent > .proc-row > .box.odd {
    background-color: #eef9f5;
}

.assessment-process-flow > .parent > .proc-row > .box.even {
    background-color: #00ad83;
}

.assessment-process-flow > .parent > .proc-row > .box.odd > span {
    color: #000000;
}

.assessment-process-flow > .parent > .proc-row > .box.even > span {
    color: #ffffff;
}

/* right-arrow-line */
.assessment-process-flow > .parent > .proc-row > .right-arrow-line {
    display: block;
    position: relative;
    width: 40px;
    background: none;
}

.assessment-process-flow > .parent > .proc-row > .right-arrow-line::before {
    display: block;
    position: relative;
    top: 37px;
    left: 0;
    width: 40px;
    height: 2px;
    content: "";
    background-color: #c7c7c7;
}

.assessment-process-flow > .parent > .proc-row > .right-arrow-line::after {
    display: block;
    position: absolute;
    top: 31px;
    left: 44%;
    width: 0;
    height: 0;
    content: "";
    border: 0.45rem solid transparent;
    border-left-color: #2a967c;
}

/* left-arrow-line */
.assessment-process-flow > .parent > .proc-row > .left-arrow-line {
    display: block;
    position: relative;
    width: 40px;
    background: none;
}

.assessment-process-flow > .parent > .proc-row > .left-arrow-line::before {
    display: block;
    position: relative;
    top: 37px;
    left: 0;
    width: 40px;
    height: 2px;
    content: "";
    background-color: #c7c7c7;
}

.assessment-process-flow > .parent > .proc-row > .left-arrow-line::after {
    display: block;
    position: absolute;
    top: 31px;
    left: 24%;
    width: 0;
    height: 0;
    content: "";
    border: 0.45rem solid transparent;
    border-right-color: #2a967c;
}

/* return-arrow-line */
.assessment-process-flow > .parent > .proc-row > .return-arrow-line {
    display: block;
    position: relative;
    width: 50px;
    height: 30px;
    background: none;
}

.assessment-process-flow > .parent > .proc-row > .return-arrow-line:before {
    display: block;
    position: relative;
    left: 0;
    top: 37px;
    width: 30px;
    height: 49px;
    content: "";
    border: 2px solid #c7c7c7;
    border-left-width: 0;
    border-bottom-width: 0;
}

.assessment-process-flow > .parent > .proc-row > .return-arrow-line.btm::before {
    border-bottom-width: 2px;
    border-top-width: 0;
    top: -10px;
}

.assessment-process-flow > .parent > .proc-row > .return-arrow-line::after {
    display: block;
    position: absolute;
    top: 76px;
    left: 22.4px;
    width: 0;
    height: 0;
    content: "";
    border: 0.45rem solid transparent;
    border-top-color: #2a967c;
}

.assessment-process-flow > .parent > .proc-row > .return-arrow-line.btm::after {
    display: none;
}

/* 2) List of supply chain ESG self-assessment items */
.self-check-list {
    display: block;
    height: fit-content;
}
.self-check-list > ul.self-check-list-form > li.head > div.count > p {
    text-indent: 0;
    line-height: 1.5;
}

.self-check-list > p.subject {
    font-size: 24px;
    font-weight: bold;
    margin: 4em 0 1.6em;
    text-align: center;
}

.self-check-list > ul.self-check-list-form {
    display: flex;
    text-align: center;
    width: 100%;
    font-size: 16px;
    border-top: 2px solid;
}

.self-check-list > ul.self-check-list-form > li {
    margin-right: 1%;
    /*20px*/
}

.self-check-list > ul.self-check-list-form > li > div.count {
    padding: 18px 0;
    height: 70px;
}

.self-check-list > ul.self-check-list-form > li > div.count > p {
    line-height: 2;
}

.self-check-list > ul.self-check-list-form > li > div.desc {
    padding: 0 0 18px;
}

.self-check-list > ul.self-check-list-form > li > div.desc > p {
    margin: 18px 0 0;
    line-height: 1.5;
    text-indent: 0;
}

.self-check-list > ul.self-check-list-form > li > div.desc > p .details {
    line-height: 1.1;
    margin-bottom: 15px;
    text-indent: 0;
    display: block;
}

.self-check-list > ul.self-check-list-form > li > div.desc > p.sub {
    margin: 18px 0;
}

.self-check-list > ul.self-check-list-form > li.head {
    width: 20%;
    height: inherit;
}

.self-check-list > ul.self-check-list-form > li.head > div {
    text-align: left;
    font-weight: bold;
}

.self-check-list > ul.self-check-list-form > li.head > div.img-box:first-child {
    height: 198px;
}

.self-check-list > ul.self-check-list-form > li.head > div.count, .self-check-list > ul.self-check-list-form > li.head > div.desc {
    border-top: 1px solid #707db2;
}

.self-check-list > ul.self-check-list-form > li.head > div.desc {
    height: 33%;
}

.self-check-list > ul.self-check-list-form > li.body {
    width: 20%;
    height: inherit;
}

.self-check-list > ul.self-check-list-form > li.body:last-child {
    margin-right: 0;
}

.self-check-list > ul.self-check-list-form > li.body > div.img-box {
}

.self-check-list > ul.self-check-list-form > li.body > div.img-box > img {
    width: 5.5em;
    margin: 30px 0 15px;
}

.self-check-list > ul.self-check-list-form > li.body > div.img-box > p.title {
    padding: 9px 0 18px;
    color: #00ad83;
    font-weight: bold;
    line-height: 1.2;
    min-height: 65px;
}

.self-check-list > ul.self-check-list-form > li.body > div.count, .self-check-list > ul.self-check-list-form > li.body > div.desc {
    border-top: 1px solid #717070;
}

/* sust0703 - Risk-management */
/* 1) process-info-box */
.process-info-box {
}

.process-info-box > p.subject {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 1em;
    text-align: center;
}

/* .info-box */
.info-box {
    display: flex;
}

.info-box > ul {
    width: 50%;
}

.info-box > ul > li {
    background-color: #eef9f5;
    text-align: center;
    display: inline-block;
    height: 100%;
}

.info-box > ul:first-child > li:first-child {
    padding-bottom: 17px;
}

.info-box > ul > li.title {
    width: 100%;
    height: auto;
}

.info-box > ul > li > img {
    margin: 2em 0 1em 0;
    width: 5em;
}

.info-box > ul > li > p {
    width: 90%;
}

.info-box > ul > li > p:nth-child(3) {
    margin: 5% 5% 0;
}

.info-box > ul > li > p:nth-child(4) {
    margin: 0 5% 0;
}

.info-box > ul > li > p.title {
    background-color: #00ad83;
    color: #ffffff;
    margin: 0 5%;
    width: 90%;
    padding: 2.5% 0;
    font-size: 20px;
}

.info-box > ul > li > p.desc {
    font-size: 18px;
    text-align: left;
    color: black;
    background-color: #ffffff;
    border-bottom: 1em solid #eef9f5;
    padding: 1em;
    font-weight: 300;
    line-height: 1.2;
    text-indent: 0;
}

/* .info-box.left */
.info-box > ul.left {
    margin-right: 1em;
}

/* .info-box.right */
.info-box > ul.right {
    margin-left: 1em;
}

/* color */
.info-box > ul.right > li > p.desc > span {
    color: #6f7cb1;
    font-weight: 400;
    /* margin-left: 35px; */
}

/* 2) system-info-box */
.system-info-box {
}

/* system-info-box - subject */
.system-info-box > p.subject {
    font-size: 2.5ch;
    font-weight: bold;
    margin-bottom: 1em;
    text-align: center;
}

/* system-info-box - table */
.system-info-box > table.horizontal {
    display: table;
    text-align: center;
    background-color: transparent;
    border-top: 0.2em solid #2a967c;
}

/* system-info-box - h table head */
.system-info-box > table.horizontal > thead > tr {
    background-color: #00ad83;
    color: #ffffff;
}

.system-info-box > table.horizontal > thead > tr > th {
    border: 0.1em solid #ffffff;
    font-weight: 300;
    font-size: 15px;
    padding: 10px 4px;
}

.system-info-box > table.horizontal > thead > tr:first-child > th {
    padding: 1em 0;
}

/* system-info-box - h table border */
.system-info-box > table.horizontal > tbody > tr > th, .system-info-box > table.horizontal > tbody > tr > td {
    border: 0.1em solid #b0b0b0;
}

.system-info-box > table.horizontal > tbody > tr > th {
    border-left-width: 0;
}

.system-info-box > table.horizontal > thead > tr:first-child > th:first-child {
    border-bottom-width: 0;
    padding: 1em 0;
}

.system-info-box > table.horizontal > thead > tr:nth-child(2) > th {
    border-bottom-width: 0;
}

.system-info-box > table.horizontal > thead > tr:first-child > th:first-child, .system-info-box > table.horizontal > thead > tr:first-child > th:last-child, .system-info-box > table.horizontal > thead > tr:nth-child(2) > th:last-child {
    border-left-width: 0;
    border-right-width: 0;
}

.system-info-box > table.horizontal > tbody > tr > td:last-child {
    border-right-width: 0;
}

/* system-info-box - h table body */
.system-info-box > table.horizontal > tbody > tr > th, .system-info-box > table.horizontal > tbody > tr > td {
    font-weight: 300;
    font-size: 0.7em;
}

.system-info-box > table.horizontal > tbody > tr > td {
    FONT-SIZE: 1em;
}

.system-info-box > table.horizontal > tbody > tr > th {
    border-left-width: 0;
    padding: 2em 4px;
    font-size: 15px;
}

/* table horizontal - vertical */
.system-info-box > table.vertical {
    display: none;
}

/* sust0801 Social Contribution - Activity System and Direction */
.social-n-economic-activity-system {
    margin: 0 18%;
    font-weight: 300;
}

.social-n-economic-activity-system > .table {
    display: block;
    position: relative;
    font-size: 18px;
    text-align: center;
}

.social-n-economic-activity-system > .table > li {
    width: 100%;
    min-height: fit-content;
    display: inline-flex;
    flex-direction: row;
    align-items: flex-start;
}

.social-n-economic-activity-system > .table > li > .title {
    min-height: inherit;
    width: 11%;
}

.social-n-economic-activity-system > .table > li > .title > p {
    text-align: left;
    font-weight: 400;
}

.social-n-economic-activity-system > .table > li > .desc {
    width: 33.333%;
    padding-left: 5px;
    padding-right: 5px;
}

.social-n-economic-activity-system > .table > li:nth-child(n+2):nth-child(-n+4) > .desc {
    border-right: 1px dotted #000000;
}

.social-n-economic-activity-system > .table > li:nth-child(n+2):nth-child(-n+4) > .desc:last-child {
    border-right-width: 0;
}

.social-n-economic-activity-system > .table > li.mission > .desc {
    background-color: #00ad83;
}

.social-n-economic-activity-system > .table > li.strategy {
    margin-top: 20px;
    margin-bottom: 10px;
}

.social-n-economic-activity-system > .table > li.strategy > .desc {
    padding-bottom: 5px;
}

.social-n-economic-activity-system > .table > li.strategy > .desc > .txt-box {
    border: 2px solid #00ad83;
    display: table;
    text-align: center;
    width: 100%;
    height: inherit;
    padding: 5px;
}

.social-n-economic-activity-system > .table > li.strategy > .desc > .txt-box > p {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}

.social-n-economic-activity-system > .table > li.direction > .desc {
    padding-bottom: 10px;
    display: table;
}

.social-n-economic-activity-system > .table > li.direction > .desc > .txt-box {
    background-color: #eef9f5;
    min-height: fit-content;
    height: 5em;
    padding: 20px;
    display: table-cell;
    vertical-align: top;
}

.direction .desc span:first-child {
    font-size: 21px;    margin-top: -1px;
}

.social-n-economic-activity-system > .table > li.direction > .desc > .txt-box > .descs {
    display: table-cell;
    vertical-align: middle;
}

.social-n-economic-activity-system > .table > li.direction > .desc > .txt-box > .descs > p.title {
    text-align: left;
    padding-bottom: 20px;
}

.social-n-economic-activity-system > .table > li.direction > .desc > .txt-box > .descs > p.desc {
    display: flex;
    text-align: left;
    margin-bottom: 5px;
}

.social-n-economic-activity-system > .table > li.sdgs > .desc {
    height: fit-content;
    display: block;
    text-align: center;
}

.social-n-economic-activity-system > .table > li.sdgs > .desc > .icons {
    display: block;
    width: 100%;
    height: fit-content;
    text-align: center;
    border: 2px solid #00ad83;
}

.social-n-economic-activity-system > .table > li.sdgs > .desc > .icons > .square-icon {
    display: inline-block;
    vertical-align: middle;
    margin: 3% 0;
}

.social-n-economic-activity-system > .table > li.sdgs > .desc > .icons > .square-icon > img {
    display: block;
    width: 60px;
}

/**/
.social-n-economic-activity-system > .table > li.mission > .desc, .social-n-economic-activity-system > .table > li.enabler > .desc {
    margin: 0 6px;
    display: table;
    width: 100%;
    height: 30px;
    text-align: center;
    color: #ffffff;
}

.social-n-economic-activity-system > .table > li.mission > .desc > p, .social-n-economic-activity-system > .table > li.enabler > .desc > p {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 0;
}

.social-n-economic-activity-system > .table > li.enabler {
    margin-top: 10px;
    margin-bottom: 10px;
}

.social-n-economic-activity-system > .table > li.enabler > .desc {
    background-color: #00ad83;
}

.social-n-economic-activity-system > .table > li.business-kpi {
    margin-bottom: 5px;
}

.social-n-economic-activity-system > .table > li.social-kpi {
    margin-bottom: 5px;
}

.social-n-economic-activity-system > .table > li.business-kpi > .desc, .social-n-economic-activity-system > .table > li.social-kpi > .desc {
    min-height: fit-content;
    height: fit-content;
}

.social-n-economic-activity-system > .table > li.business-kpi > .desc > .txt-box, .social-n-economic-activity-system > .table > li.social-kpi > .desc > .txt-box {
    display: table;
    min-height: fit-content;
    height: 4em;
    text-align: center;
    background-color: #f1f1f1;
}

.social-n-economic-activity-system > .table > li.social-kpi > .desc > .txt-box { height: 3em;	}

.social-n-economic-activity-system > .table > li.business-kpi .txt-box ,.social-n-economic-activity-system > .table > li.social-kpi .txt-box{
    font-size: 17px;
}

.social-n-economic-activity-system > .table > li.business-kpi > .desc > .txt-box > p, .social-n-economic-activity-system > .table > li.social-kpi > .desc > .txt-box > p {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 10px;
}

/* sust0802 Social Contribution - The growth of a person */
/* sust0803 Social Contribution - Contributing to the community */
/* sust0804 Social Contribution - Leverage your capabilities */