/* 사업분야>의료기기 */
.bisi-list {display: flex;}
.bisi-list .item {display: flex; padding:20px 70px; flex-direction: column; align-items: center;flex: 1 0 0;}
.bisi-list .item:before {content:''; display:block; width:150px; height:150px; background:#F3F3F3 url("/healthcare/_Img/Contents/img_MN0000011_ico01.png") no-repeat center center; border-radius: 75px; }
.bisi-list .item:nth-child(2):before {background-image: url("/healthcare/_Img/Contents/img_MN0000011_ico02.png")}
.bisi-list .item:nth-child(3):before {background-image: url("/healthcare/_Img/Contents/img_MN0000011_ico03.png")}
.bisi-list .txtBox {display: flex;flex-direction: column; align-items: center;flex: 1 0 0;gap:10px;margin-top: -20px;}
.bisi-list .txtBox .num {border-radius: 21px; border: 1px solid #E61836; background: #FFF; color:#E61836; padding:0 20px; font-size: 1.222em; font-weight: 700;}
.bisi-list .txtBox .tit { font-size:1.444em; font-weight: 700;}
.bisi-list .txtBox .txt {text-align:center;}
.bisi-list .txtBox .txt span {color:#E61836; vertical-align:top}

@media all and (max-width:999px) {
	.bisi-list .item { padding:40px; }
}
@media all and (max-width:768px) {
	.bisi-list .item { padding:0;gap:20px}
	.bisi-list .item:before {width:100px; height:100px;  background-size: contain;}
}
@media all and (max-width:399px) {
	.bisi-list {flex-direction: column; gap:30px}
}

.bisi-produ {display: flex;flex-wrap: wrap; gap:50px}
.bisi-produ .item {display: flex; flex: 1 1 40%; flex-direction: column;  gap:10px}
.bisi-produ .item .cimg {background:#f3f3f3; text-align:center}
.bisi-produ .item .tit { font-size:1.444em; font-weight: 700;}





/* . */
.tbl-top{display:flex;justify-content: space-between;    align-items: center;}
.tbl-top .txt-r{font-size:.9em}
 

.btn-center-box{display:flex;justify-content:center;align-items: center; }
.btn-center-box a{margin:0 20px;background-color:#dd042b;;border-color:#dd042b;font-size:1.1em;padding:0 20px}
.btn-center-box a .txt{color:#ffffff}

.img-text-box{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center;margin-top: 5px;}
.img-text-box .img-box{width:40%;margin-right:25px;}
.img-text-box .text-box{width:65%;border:0px solid #000;}

@media only screen and (max-width:1199px){
    .img-text-box .img-box{width:100%;margin-right:0px;}
	.img-text-box .text-box{width:100%;}
}


/* 이메일무단수집거부 */
.email-wr {padding:0px;background:#fff;margin-top:0px;}
.email-wr .email-top {font-weight:bold;color:#111;margin-bottom:20px;border-bottom:1px solid #ccc;padding-bottom:20px;}

/*컨텐츠 내부 뉴스룸 연동*/
.notice-list div.item {/*width:23.5%;margin-right:2%;*/float:left;border:1px solid #ddd;box-sizing:border-box;transition:all .3s ease;}
.notice-list div.item:nth-child(4n) {margin-right:0;}
.notice-list div.item .img-box {height: 180px;overflow: hidden;}
.notice-list div.item .img-box img {transition:all .3s ease;}
.notice-list div.item .txtBox {padding:15px 25px 0px 25px;height: 130px;}
.notice-list div.item .txtBox .tit {color:#000;margin-bottom:15px;font-size:18px;font-weight:bold;line-height: 1.3;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.notice-list div.item .txtBox .txt{margin-bottom:15px;font-size:15px;color:#777;line-height: 1.3;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.notice-list div.item:hover .txtBox .tit {color: #dd042b;text-decoration: underline;}
.notice-list div.item:hover {border-color:#be0325;}
.notice-list div.item:hover .img-box img {transform: scale(110%);}

.notice-list .owl-nav {display:block!important;}
.notice-list .owl-nav button {position: absolute;top: 45%;text-indent: -9999px;width: 30px;height: 30px;}
.notice-list .owl-nav button.owl-prev {left: -5%;border-bottom: 2px solid #666 !important;border-left: 2px solid #666 !important;transform: rotate(45deg);}
.notice-list .owl-nav button.owl-next {right: -5%;border-top: 2px solid #666 !important;border-right: 2px solid #666 !important;transform: rotate(45deg);}

@media all and (max-width:1200px) {
	.notice-list .owl-nav button span {text-indent: -9999px;   font-size: 0;}
	.notice-list .owl-nav button::before {content:'';display:block;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #fff;position: absolute;top: 19px;left: 18px;}
	.notice-list .owl-nav button.owl-prev::before {transform: rotate(180deg);}
	.notice-list .owl-nav button.owl-prev {left: 15px;border-bottom: none !important;border-left: none !important;}
	.notice-list .owl-nav button.owl-next {right:15px;border-top: none !important;border-right: none !important;}
	.notice-list .owl-nav button {background: rgba(0 0 0 / 50%) !important;width: 50px;height: 50px;border-radius: 50px;border:none;}


}

@media all and (max-width:500px) {
	.notice-list .owl-nav button.owl-prev , 
    .notice-list .owl-nav button.owl-next {top: 22%;}
	.notice-list .owl-nav button::before {top: 20px;left: 19px;}
	.notice-list .owl-nav button.owl-prev::before {top: 18px;left: 20px;}
}











/* 컴플라이언스 */
.MN0000073 {background-color:#87b0a9;}



/*스텝아이콘*/
.stepbox {width:1200px;margin:0 auto 60px;}
.stepbox .esgBox {text-align:left;}
.stepbox .esgBox .esg-list {padding: 50px 15px 50px 15px;/* background:url(/holding/_Img/Main/esgBoxBg.jpg)no-repeat; background: url(/holding/_Img/Main/bg_recruit.jpg) repeat 0 0;*/ background-color:#fafafa;border-radius:10px;}
.stepbox .esgBox .esg-list li {transition: all .3s ease;float:left;text-align:center;width: 12.5%;padding: 0 0px;box-sizing: border-box;}
.stepbox .esgBox .esg-list .icon {margin-bottom:10px;width:120px;height:120px;border-radius:100px;box-shadow: 0 0 0px rgb(0 0 0 / 50%);display: inline-block;background-color: #fff;position: relative;border:1px solid #ccc;}
.stepbox .esgBox .esg-list .icon::before {content:'';display:block;position:absolute;top: 50%;left:50%;background: url(/holding/_Img/Main/main-esgic.png) no-repeat;}
.stepbox .esgBox .esg-list .icon.i01::before {width:45px;height:43px;margin-top: -22px;margin-left: -20px;}
.stepbox .esgBox .esg-list .icon.i02::before {width: 55px;height: 45px;margin-top: -26px;margin-left: -27px;background-position: -70px 0px;}
.stepbox .esgBox .esg-list .icon.i03::before {width: 70px;height: 44px;margin-top: -22px;margin-left: -18px;background-position: -164px 0px;}
.stepbox .esgBox .esg-list .icon.i04::before {width: 43px;height: 45px;margin-top: -21px;margin-left: -19px;background-position: -243px 0px;}
.stepbox .esgBox .esg-list .icon.i05::before {width: 43px;height: 45px;margin-top: -19px;margin-left: -20px;background-position: -326px 0px;}
.stepbox .esgBox .esg-list .icon.i06::before {width: 42px;height: 45px;margin-top: -21px;margin-left: -19px;background-position: -409px 0px;}
.stepbox .esgBox .esg-list .icon.i07::before {width: 45px;height: 44px;margin-top: -20px;margin-left: -17px;background-position: -495px 0px;}
.stepbox .esgBox .esg-list .icon.i08::before {width: 46px;height: 45px;margin-top: -18px;margin-left: -20px;background-position: -577px 0px;}
.stepbox .esgBox .esg-list .txt {font-size:18px;font-weight:500;line-height:1.2;color:#000;}

.stepbox .esgBox .esg-list li:hover {transform: translateY(-15px);}
.stepbox .esgBox .esg-list li:hover .icon {background: #e51938;}
.stepbox .esgBox .esg-list li:hover .icon.i01::before {background-position: 0px bottom;}
.stepbox .esgBox .esg-list li:hover .icon.i02::before {background-position: -70px bottom;}
.stepbox .esgBox .esg-list li:hover .icon.i03::before {background-position: -164px bottom;}
.stepbox .esgBox .esg-list li:hover .icon.i04::before {background-position: -243px bottom;}
.stepbox .esgBox .esg-list li:hover .icon.i05::before {background-position: -326px bottom;}
.stepbox .esgBox .esg-list li:hover .icon.i06::before {background-position: -409px bottom;}
.stepbox .esgBox .esg-list li:hover .icon.i07::before {background-position: -495px bottom;}
.stepbox .esgBox .esg-list li:hover .icon.i08::before {background-position: -577px bottom;}
.stepbox .esgBox .esg-list li:hover .txt {color:#e51938;}

@media all and (max-width:1200px) {
	.stepbox {width:90%;}
	.stepbox .esgBox .esg-list {    padding: 40px 20px;}
}
@media all and (max-width:899px) {
	.stepbox .esgBox .esg-list {    padding: 40px 20px 20px;}
	.stepbox .esgBox .esg-list li {width:25%;    margin-bottom: 25px;}
}
@media all and (max-width:699px) {
	.stepbox .esgBox .esg-list {    padding: 20px 20px 5px;}
	.stepbox .esgBox .esg-list .icon {width: 90px;height: 90px;}
	.stepbox .esgBox .esg-list li {width:50%; }
}




/*인권경영 > 인권경영기본원칙*/
.hc-list03 > li{margin-bottom:1rem}
.hc-list03 > li .c-tit03{font-weight:bold}

/* Compliance > 사이버감사실*/
.MN0000031 {}
.MN0000031 .tit {width:30%;text-align:center;border:0px solid #000;margin: auto;border-radius: 2em;padding:10px;background-color:#dd042b;color:#fff;}
.MN0000031 .titcol {color:#dd042b;font-weight:600;}





/* 지속가능한공급망 > 지속가능한공급망관리 */
.MN0000033 {display:flex; flex-direction:row; flex-wrap:wrap;/* justify-content:center;*/ border:0px solid #000;padding:5px 0px 5px 0px}
.globalbox {border:1px solid #ccc; /*flex: 1 20px;*/ margin:3px 10px 3px 10px;width:44.8%;padding:20px 20px 20px 20px;}
.MN0000033 .tit {font-size:1.2em;color:#222;font-weight:600;}

.MN0000033 dl {position:relative;line-height:2;margin-bottom:0px;}
.MN0000033 dl:last-child {margin-bottom:0;}
.MN0000033 dt {font-size:1.0em;color:#222;font-weight:600;position:absolute;left:0;top:0;}
.MN0000033 dd {font-size:1.0em;color:#333;margin:0 0 0 100px;line-height:1.8;}
.MN0000033 dd a[href^=tel] {color:#333;}
.MN0000033 .comtit {font-size:0.9em; }


@media only screen and (max-width:1299px){
	.MN0000033 {}
    .globalbox {border:1px solid #ccc; /*flex: 1 20px;*/ margin:3px 10px 3px 10px;width:43.5%;padding:20px 20px 20px 20px;}
}

@media only screen and (max-width:999px){
	.MN0000033 {}
    .globalbox {border:1px solid #ccc; /*flex: 1 20px;*/ margin:3px 10px 3px 10px;width:100%;padding:20px 20px 20px 20px;}
}



/* 연혁 */
.MN0000015 {margin-left:40px;}
.MN0000015 .tit1 {color:#d50030;font-size:1.6em;font-weight:600;line-height:1.647}
.MN0000015 .tit2 {color:#888888;}
.MN0000015 .year {font-weight:700;line-height:1.3;}
.MN0000015 .month {font-weight:700;line-height:1.3;}
.MN0000015 .day {font-weight:400;line-height:1.647}

.MN0000015 dl {margin-top:30px;}
.MN0000015 dl::before {content:'';display:block;clear:both;}
.MN0000015 dl dt.year {float:left;width:50px;} 
.MN0000015 dl .month {float:left;width:25px;} 
.MN0000015 dl dd {width: calc(100% - 50px);float:left;}
.MN0000015 dl dd ul li {line-height:1.3;margin-bottom:13px; /*margin-left:20px*/margin-left:45px;}

.MN0000015.r dl dt.year {float:right;}

@media only screen and (max-width:599px){
	.MN0000015 {margin:0 15px;}
	.MN0000015 dl dt.year {width:40px;}
	.MN0000015 dl dd {width: calc(100% - 40px);}
	.MN0000015 dl dd ul li {margin-left:25px;}
}


.tbl-top{display:flex;justify-content: space-between;    align-items: center;}
.tbl-top .txt-r{font-size:.9em}
 

.btn-center-box{display:flex;justify-content:center;align-items: center; }
.btn-center-box a{margin:0 20px;background-color:#dd042b;;border-color:#dd042b;font-size:1.1em;padding:0 20px}
.btn-center-box a .txt{color:#ffffff}

.img-text-box{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center;margin-top: 5px;}
.img-text-box .img-box{width:40%;margin-right:25px;}
.img-text-box .text-box{width:65%;border:0px solid #000;}

@media only screen and (max-width:1199px){
    .img-text-box .img-box{width:100%;margin-right:0px;}
	.img-text-box .text-box{width:100%;}
}


/* 이메일무단수집거부 */
.email-wr {padding:0px;background:#fff;margin-top:0px;}
.email-wr .email-top {font-weight:bold;color:#111;margin-bottom:20px;border-bottom:1px solid #ccc;padding-bottom:20px;}

/*컨텐츠 내부 뉴스룸 연동*/
.notice-list div.item {/*width:23.5%;margin-right:2%;*/float:left;border:1px solid #ddd;box-sizing:border-box;transition:all .3s ease;}
.notice-list div.item:nth-child(4n) {margin-right:0;}
.notice-list div.item .img-box {height: 180px;overflow: hidden;}
.notice-list div.item .img-box img {transition:all .3s ease;}
.notice-list div.item .txtBox {padding:15px 25px 0px 25px;height: 130px;}
.notice-list div.item .txtBox .tit {color:#000;margin-bottom:15px;font-size:18px;font-weight:bold;line-height: 1.3;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.notice-list div.item .txtBox .txt{margin-bottom:15px;font-size:15px;color:#777;line-height: 1.3;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.notice-list div.item:hover .txtBox .tit {color: #dd042b;text-decoration: underline;}
.notice-list div.item:hover {border-color:#be0325;}
.notice-list div.item:hover .img-box img {transform: scale(110%);}

.notice-list .owl-nav {display:block!important;}
.notice-list .owl-nav button {position: absolute;top: 45%;text-indent: -9999px;width: 30px;height: 30px;}
.notice-list .owl-nav button.owl-prev {left: -5%;border-bottom: 2px solid #666 !important;border-left: 2px solid #666 !important;transform: rotate(45deg);}
.notice-list .owl-nav button.owl-next {right: -5%;border-top: 2px solid #666 !important;border-right: 2px solid #666 !important;transform: rotate(45deg);}

@media all and (max-width:1200px) {
	.notice-list .owl-nav button span {text-indent: -9999px;   font-size: 0;}
	.notice-list .owl-nav button::before {content:'';display:block;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #fff;position: absolute;top: 19px;left: 18px;}
	.notice-list .owl-nav button.owl-prev::before {transform: rotate(180deg);}
	.notice-list .owl-nav button.owl-prev {left: 15px;border-bottom: none !important;border-left: none !important;}
	.notice-list .owl-nav button.owl-next {right:15px;border-top: none !important;border-right: none !important;}
	.notice-list .owl-nav button {background: rgba(0 0 0 / 50%) !important;width: 50px;height: 50px;border-radius: 50px;border:none;}


}

@media all and (max-width:500px) {
	.notice-list .owl-nav button.owl-prev , 
    .notice-list .owl-nav button.owl-next {top: 22%;}
	.notice-list .owl-nav button::before {top: 20px;left: 19px;}
	.notice-list .owl-nav button.owl-prev::before {top: 18px;left: 20px;}
}











/* 컴플라이언스 */
.MN0000073 {background-color:#87b0a9;}



/*스텝아이콘*/
.stepbox {width:1200px;margin:0 auto 60px;}
.stepbox .esgBox {text-align:left;}
.stepbox .esgBox .esg-list {padding: 50px 15px 50px 15px;/* background:url(/holding/_Img/Main/esgBoxBg.jpg)no-repeat; background: url(/holding/_Img/Main/bg_recruit.jpg) repeat 0 0;*/ background-color:#fafafa;border-radius:10px;}
.stepbox .esgBox .esg-list li {transition: all .3s ease;float:left;text-align:center;width: 12.5%;padding: 0 0px;box-sizing: border-box;}
.stepbox .esgBox .esg-list .icon {margin-bottom:10px;width:120px;height:120px;border-radius:100px;box-shadow: 0 0 0px rgb(0 0 0 / 50%);display: inline-block;background-color: #fff;position: relative;border:1px solid #ccc;}
.stepbox .esgBox .esg-list .icon::before {content:'';display:block;position:absolute;top: 50%;left:50%;background: url(/holding/_Img/Main/main-esgic.png) no-repeat;}
.stepbox .esgBox .esg-list .icon.i01::before {width:45px;height:43px;margin-top: -22px;margin-left: -20px;}
.stepbox .esgBox .esg-list .icon.i02::before {width: 55px;height: 45px;margin-top: -26px;margin-left: -27px;background-position: -70px 0px;}
.stepbox .esgBox .esg-list .icon.i03::before {width: 70px;height: 44px;margin-top: -22px;margin-left: -18px;background-position: -164px 0px;}
.stepbox .esgBox .esg-list .icon.i04::before {width: 43px;height: 45px;margin-top: -21px;margin-left: -19px;background-position: -243px 0px;}
.stepbox .esgBox .esg-list .icon.i05::before {width: 43px;height: 45px;margin-top: -19px;margin-left: -20px;background-position: -326px 0px;}
.stepbox .esgBox .esg-list .icon.i06::before {width: 42px;height: 45px;margin-top: -21px;margin-left: -19px;background-position: -409px 0px;}
.stepbox .esgBox .esg-list .icon.i07::before {width: 45px;height: 44px;margin-top: -20px;margin-left: -17px;background-position: -495px 0px;}
.stepbox .esgBox .esg-list .icon.i08::before {width: 46px;height: 45px;margin-top: -18px;margin-left: -20px;background-position: -577px 0px;}
.stepbox .esgBox .esg-list .txt {font-size:18px;font-weight:500;line-height:1.2;color:#000;}

.stepbox .esgBox .esg-list li:hover {transform: translateY(-15px);}
.stepbox .esgBox .esg-list li:hover .icon {background: #e51938;}
.stepbox .esgBox .esg-list li:hover .icon.i01::before {background-position: 0px bottom;}
.stepbox .esgBox .esg-list li:hover .icon.i02::before {background-position: -70px bottom;}
.stepbox .esgBox .esg-list li:hover .icon.i03::before {background-position: -164px bottom;}
.stepbox .esgBox .esg-list li:hover .icon.i04::before {background-position: -243px bottom;}
.stepbox .esgBox .esg-list li:hover .icon.i05::before {background-position: -326px bottom;}
.stepbox .esgBox .esg-list li:hover .icon.i06::before {background-position: -409px bottom;}
.stepbox .esgBox .esg-list li:hover .icon.i07::before {background-position: -495px bottom;}
.stepbox .esgBox .esg-list li:hover .icon.i08::before {background-position: -577px bottom;}
.stepbox .esgBox .esg-list li:hover .txt {color:#e51938;}

@media all and (max-width:1200px) {
	.stepbox {width:90%;}
	.stepbox .esgBox .esg-list {    padding: 40px 20px;}
}
@media all and (max-width:899px) {
	.stepbox .esgBox .esg-list {    padding: 40px 20px 20px;}
	.stepbox .esgBox .esg-list li {width:25%;    margin-bottom: 25px;}
}
@media all and (max-width:699px) {
	.stepbox .esgBox .esg-list {    padding: 20px 20px 5px;}
	.stepbox .esgBox .esg-list .icon {width: 90px;height: 90px;}
	.stepbox .esgBox .esg-list li {width:50%; }
}




/*인권경영 > 인권경영기본원칙*/
.hc-list03 > li{margin-bottom:1rem}
.hc-list03 > li .c-tit03{font-weight:bold}

/* Compliance > 사이버감사실*/
.MN0000031 {}
.MN0000031 .tit {width:30%;text-align:center;border:0px solid #000;margin: auto;border-radius: 2em;padding:10px;background-color:#dd042b;color:#fff;}
.MN0000031 .titcol {color:#dd042b;font-weight:600;}





/* 지속가능한공급망 > 지속가능한공급망관리 */
.MN0000033 {display:flex; flex-direction:row; flex-wrap:wrap;/* justify-content:center;*/ border:0px solid #000;padding:5px 0px 5px 0px}
.globalbox {border:1px solid #ccc; /*flex: 1 20px;*/ margin:3px 10px 3px 10px;width:44.8%;padding:20px 20px 20px 20px;}
.MN0000033 .tit {font-size:1.2em;color:#222;font-weight:600;}

.MN0000033 dl {position:relative;line-height:2;margin-bottom:0px;}
.MN0000033 dl:last-child {margin-bottom:0;}
.MN0000033 dt {font-size:1.0em;color:#222;font-weight:600;position:absolute;left:0;top:0;}
.MN0000033 dd {font-size:1.0em;color:#333;margin:0 0 0 100px;line-height:1.8;}
.MN0000033 dd a[href^=tel] {color:#333;}
.MN0000033 .comtit {font-size:0.9em; }


@media only screen and (max-width:1299px){
	.MN0000033 {}
    .globalbox {border:1px solid #ccc; /*flex: 1 20px;*/ margin:3px 10px 3px 10px;width:43.5%;padding:20px 20px 20px 20px;}
}

@media only screen and (max-width:999px){
	.MN0000033 {}
    .globalbox {border:1px solid #ccc; /*flex: 1 20px;*/ margin:3px 10px 3px 10px;width:100%;padding:20px 20px 20px 20px;}
}



/* 연혁 */
.MN0000015 {margin-left:40px;}
.MN0000015 .tit1 {color:#d50030;font-size:1.6em;font-weight:600;line-height:1.647}
.MN0000015 .tit2 {color:#888888;}
.MN0000015 .year {font-weight:700;line-height:1.3;}
.MN0000015 .month {font-weight:700;line-height:1.3;}
.MN0000015 .day {font-weight:400;line-height:1.647}

.MN0000015 dl {margin-top:30px;}
.MN0000015 dl::before {content:'';display:block;clear:both;}
.MN0000015 dl dt.year {float:left;width:50px;} 
.MN0000015 dl .month {float:left;width:25px;} 
.MN0000015 dl dd {width: calc(100% - 50px);float:left;}
.MN0000015 dl dd ul li {line-height:1.3;margin-bottom:13px; /*margin-left:20px*/margin-left:45px;}

.MN0000015.r dl dt.year {float:right;}

@media only screen and (max-width:599px){
	.MN0000015 {margin:0 15px;}
	.MN0000015 dl dt.year {width:40px;}
	.MN0000015 dl dd {width: calc(100% - 40px);}
	.MN0000015 dl dd ul li {margin-left:25px;}
}



/* 사회공헌활동 */

.MN0000087 {margin-left:40px;}
.MN0000087 .tit1 {color:#d50030;font-size:1.6em;font-weight:600;line-height:1.647}
.MN0000087 .tit2 {color:#888888;}
.MN0000087 .year {font-weight:700;line-height:1.3;}
.MN0000087 .month {font-weight:700;line-height:1.3;}
.MN0000087 .day {font-weight:400;line-height:1.647}

.MN0000087 dl {margin:30px 0px 30px 0px;}
.MN0000087 dl::before {content:'';display:block;clear:both;}
.MN0000087 dl dd {width: calc(100% - 50px);float:left;padding-left:10px;}


.MN0000087.r dl dt.year {float:right;}

@media only screen and (max-width:599px){
	.MN0000087 {margin:0 15px;}
	.MN0000087 dl dt.year {}
	.MN0000087 dl dd {width: calc(100% - 20px);}
}




/* 환경성과 */
.MN0000078 {
  /*display:flex;
  align-items:center;  방향이 row 기준: 세로 중앙 정렬
  flex-wrap:wrap;
  justify-content:center;
  background:green;*/
  background:url(/holding/_Img/Common/img_MN0000078_01.jpg) no-repeat 0 0;
  height:270px;
}

@media all and (max-width: 980px) {
	.MN0000078 {height:100%;}
}


.boxItem1{
  display:inline-block;
  color:#fff;
  margin:auto;
  text-align:center;
}



/* 
.container-wr {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-gap: 1em 1em;
	place-items: end start;
	place-content: space-between space-between;
}

.item1 {
	grid-area: 1 / 1 / 2 / 2;
	width: 10em;
	height: 5em;
}

.item2 {
	grid-area: 1 / 1 / 2 / 2;
	width: 5em;
	height: 5em;
}

.item3 {
	grid-area: 1 / 1 / 2 / 2;
	width: 15em;
	height: 5em;
}

.item4 {
	grid-area: 1 / 1 / 2 / 2;
	width: 20em;
	height: 5em;
}

.item5 {
	grid-area: 1 / 1 / 2 / 2;
	width: 25em;
	height: 5em;
} */

/*사회공헌활동*/
.mn87Box {display: flex;flex-wrap: wrap;}
.mn87Box::after {content:'';display:block;clear:both;}
.mn87Box .item {position:relative;color:#000;width:590px;margin-bottom:20px;margin-right:20px;background:#f4f4f7;padding: 40px 25px;box-sizing: border-box;padding-left: 160px;}
.mn87Box .item:nth-child(2n) {margin-right:0;}
.mn87Box .item span.icon {position:absolute;width:80px;height:80px;background:#fff;border-radius:80px;top: 50%;margin-top: -40px;left: 45px;}
.mn87Box .item p.title {font-size: 1.1rem;margin-bottom:8px;}
.mn87Box .item span.icon::after{ content:'';width:37px;height:37px;display:block;position:absolute;top: 50%;left: 50%;margin-top: -18px;margin-left: -18px;background:url(/_Img/Common/icon/iocn01.png)no-repeat;}
.mn87Box .item span.icon.ic01::after {}
.mn87Box .item span.icon.ic02::after {background-position: -82px 0;}
.mn87Box .item span.icon.ic03::after {background-position: -160px 4px;}
.mn87Box .item span.icon.ic04::after {background-position: -237px 5px;}
.c-list07 {font-size:18px;font-weight:300;}
.c-list07 li {position:relative;padding-left:11px;font-size: 1rem;padding-bottom: 7px;line-height: 1.4;}
.c-list07 li::before {content:'';display:block;width:6px;height:2px;background:#999;position:absolute;top:11px;left:0;}

@media all and (max-width: 1240px) {
	.mn87Box .item {width:49%;margin-right:2%;}
}	

@media all and (max-width: 899px) {
	.mn87Box .item {width:100%;margin-right:0;}
}	

@media all and (max-width: 499px) {
	.mn87Box .item {padding: 90px 25px 25px;padding-left: 25px;}
	.mn87Box .item p.title {text-align:center;}
	.mn87Box .item span.icon::after {background-size: 190px;width: 28px;height: 28px;margin-top: -13px;margin-left: -14px;}
	.mn87Box .item span.icon {width: 50px;height:50px;top: 20px;margin-top: 0;left: 50%;margin-left: -25px;}
	.mn87Box .item span.icon.ic02::after {background-position: -56px 0;}
	.mn87Box .item span.icon.ic03::after {background-position: -111px 4px;}
	.mn87Box .item span.icon.ic04::after {background-position: -165px 4px;}
}

/*환경성과*/
.cB::after {content:'';display:block;clear:both;}
.linkBox {}
.linkBox li a {position:relative;display:block;overflow: hidden;width:380px;margin-right:30px;height:280px;float:left;transition: all .3s ease;}
.linkBox li a p {font-size:1.5rem;position: absolute;top: 65px;left: 50px;z-index: 1;color:#fff;transition: all .3s ease;line-height: 1.3;}
.linkBox li a span {position:relative;z-index: 1;}
.linkBox li:last-child a {margin-right:0;}
.linkBox li a .imgBox {position:relative;position: absolute;top: 0;right:0;z-index: 0;}
.linkBox li a .imgBox::after {content:'';display:block;width:100%;height:0;background:rgba(0 0 0 / 50%);position:absolute;bottom:0;left:0;transition: all .3s ease;}
.linkBox li a:hover .imgBox::after {height:100%;}
.linkBox li a:hover::after {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:3px;background:#dd042b;}
.linkBox li a span.arr {width:43px;height:43px;display:inline-block;border-radius:50%;border:1px solid #fff;position: absolute;bottom: 55px;left: 50px;transition: all .4s ease;}
.linkBox li a:hover span.arr {background:#dd042b;border-color:#dd042b;}

.linkBox li a span.arr::after {content:'';display:block;width:15px;height:12px;background:url(/_Img/Common/bg/arrIcon.png)no-repeat;position: absolute;top: 50%;left: 50%;margin-top: -6px;margin-left: -7px;}

@media all and (max-width: 1250px) {
	.linkBox li a {width:32%;margin-right:2%;}
}
@media all and (max-width: 850px) {
	.linkBox li a {height:240px;}
	.linkBox li a .imgBox img {height:100%;}
	.linkBox li a p {    left: 40px;}
	.linkBox li a span.arr {left: 40px;}

}
@media all and (max-width: 540px) {
	.linkBox li a {width:100%;height:180px;margin-right:0;margin-bottom:10px;}
	.linkBox li a p {top:45px;}
	.linkBox li a .imgBox {width: 100%;}
	.linkBox li a .imgBox img {height:auto;width:100%;}
}

.linkPad {padding:50px 0 65px;}
.linkPad.outcome {padding:0;}
.linkBox02 {margin-top:40px;}
.linkBox02 li {width:275px;margin-right:33.33px;float:left;border-radius: 10px;color:#000;box-sizing: border-box;box-shadow: 0 0 5px rgba(0 0 0 /20%);text-align: center;}
.linkBox02 li:last-child {margin-right:0;}
.linkBox02 li a {color:#000;display:block;position:relative;padding: 25px;    transition: .3s ease;}
.linkBox02 li a:hover {box-shadow: 0 0 0 1px #dd042b inset;border-radius: 10px;    transition: .3s ease;}
.linkBox02 li a:hover .ptit {color:#dd042b;    transition: .3s ease;}
.linkBox02 li a .imgBox {padding-top:40px;}
.linkBox02 li a img {width:80%;}
.linkBox02 li a .ptit {font-size:15px;font-weight:400;margin-top: 20px;margin-bottom:25px;line-height:1.4; transition: .3s ease;}
.linkBox02 li a .ptit br {display:none;}
.linkBox02 li a span {width: 10px;height: 10px;border-top: 2px solid #999;border-right: 2px solid #999;display: inline-block;transform: rotate(45deg);position: absolute;top:25px; right:25px;}

/*3개일떄*/
.linkBox02.n03 li {width:375px;margin-right:35px;}
.linkBox02.n03 li:last-child {margin-right:0;}

/*2개일떄*/
.linkBox02.n02 {display: flex; justify-content: center;}
.linkBox02.n02 li {width:355px;margin-right:40px;}
.linkBox02.n02 li:last-child {margin-right:0;}
.linkBox02.n02 li a {padding: 20px;}
.linkBox02.n02 li a .ptit {font-weight: 700; font-size: 20px; letter-spacing: -1px;}

@media all and (max-width: 1250px) {
	.linkBox02 li {width:23.5%;margin-right:2%;margin-bottom:15px;}
	.linkBox02 li a {padding: 25px 15px;}
	.linkBox02 li:last-child {margin-right:0;}

	.linkBox02.n03 li {width:32%;margin-right:2%;}
}

@media all and (max-width: 999px) {
	.linkBox02 li a .ptit br {display:block;}
	.linkPad {padding:0;}
}

@media all and (max-width: 699px) {
	.linkBox02 li {width:49%;margin-bottom:15px;}
	.linkBox02 li:nth-child(2n) {margin-right:0;}
	.linkBox02.n03 li:nth-child(2n) {margin-right:2%;}
}


@media all and (max-width: 499px) {
	.linkBox02 li {width:100%;margin-right:0;}
	.linkBox02 li a .ptit br {display:none;}
	.linkBox02 li a .imgBox {padding-top:30px;}
	.linkBox02 li a .ptit {margin-bottom:15px;}
	.linkBox02.n03 li {width:100%;}
	.linkBox02.n02 li {width:100%;}
	.linkBox02.n02 {display: block}
}




.esgbox {display: inline-block;}
.esgbox img {float: left;}
.esgbox .box {float: right; padding: 30px;}
.esgbox .box a {width: 200px; display: block; margin: 10px;}

@media all and (max-width: 999px) {
	.esgbox img {width: 100%;}
	.esgbox .box {float: none;}
	.esgbox .box a {display: inline-block; width: auto;}
}