@charset "utf-8";

/* Color */
.c_fffc00{color:#fffc00;}
.c_056393{color:#056393;}
/* Title */
.subTitleBox{text-align:center;}
.subTitle{font-size:4.4rem;font-weight:600;}
.whiteText{color:#fff;}
.basicDesign .imgBox{text-align:center;}
.textDesignBox{display:flex;}
.textDesignBox .leftText{width:50%;word-break:keep-all;letter-spacing:-0.03em;line-height:1.3637;}
.textDesignBox .basicText{width:50%;padding-left:25px;}
.basicText{word-break:keep-all;}
.basicText{line-height:1.546;letter-spacing:-0.02em;}
.basicText p{font-size:1.8rem;margin-top:55px;line-height:1.889;color:#555;}
.textDesignBox .basicText p{letter-spacing:0.03em;}
.mbNone{margin-bottom:0 !important;}


.fullImg.fullImgType dl dt{margin-bottom:55px;}
.fullImg.fullImgType dl dd{font-size:2.8rem;line-height:1.393;}


.btnList.btnList2{justify-content:center;margin-top:70px;}
.iconBtn.iconBtn2{width:200px;border:0;background:#0aae4b;color:#fff;}

.fullImg.fullImg2{height:825px;}

.grayBgBox{position:relative;}
.grayBgBox:before{width:100vw;height:100%;content:'';background:#eee;top:0;left:50%;transform:translateX(-50%);z-index:-1;position:absolute;}


.imgCross ul li{height:447px;}
.imgCross ul li:last-child{margin-bottom:0;}
.imgCross ul li:nth-child(even) .imgBox{order:1;left:auto;right:-18%;}
.imgCross ul li:nth-child(even) .imgBox:before{left:auto;right:0;}
.imgCross ul li:nth-child(odd) dl{order:0;}
.imgCross ul li dl{padding-left:51.858%;}
.imgCross ul li:nth-child(even) dl{padding:0 51.858% 0 0;}
.overImgBox{position:relative;}
.overImgBox .imgBox{width:66.215%;height:447px;left:-18%;position:absolute;font-size:0;}
.overImgBox .imgBox:before{width:100%;height:100%;content:'';top:0;left:0;background:url('/img/introduce/history_jump_img_01.jpg')no-repeat;position:absolute;}



/* 회사소개 > 회사개요 */
.outlineImgBox{margin:150px 0 120px;padding:8.215% 0;text-align:center;position:relative;}
.outlineImgBox:before{width:100vw;height:100%;z-index:-1;content:'';top:0;left:50%;transform:translateX(-50%);background:url('/img/introduce/outline_bg_img.jpg')no-repeat center top;position:absolute;}
.outlineImgBox .pageSubTitle{text-align:center;margin-bottom:37px;}
.outlineImgBox ul{display:flex;}
.outlineImgBox ul li{width:15%;background-color: rgba( 255, 255, 255, 0.4 );padding:42px 3px 33px;border:1px solid #ccc;border-right:0;}
.outlineImgBox ul li:last-child{border-right:1px solid #ccc;}
.outlineImgBox ul li p{margin-bottom:20px;}
.outlineImgBox ul li dl dd{font-size:1.8rem;margin-top:2px;color:#555;line-height:1.223;word-break:keep-all;}
.outlineRecord ul{display:flex;flex-wrap:wrap;}
.outlineRecord li{width:30%;display:flex;align-items:center;padding:43px 20px 45px 39px;margin-right:4.858%;border:1px solid #ccc;}
.outlineRecord li:nth-child(3n){margin-right:0;}
.outlineRecord li:nth-child(n+4){margin-top:4.858%;}
.outlineRecord li p{margin-right:28px;flex-shrink:0;}
.outlineRecord li dl dt{color:#056393;margin-bottom:5px;word-break:keep-all;}
.outlineRecord li dl dd{font-size:1.8rem;color:#555;word-break:keep-all;}
.outlineImgCont{margin-top:70px;}
.outlineImgCont .imgBox{margin-bottom:60px;}
.outlineImgCont div{word-break:keep-all;letter-spacing:-0.008em;font-size:1.8rem;color:#555;line-height:1.889;}
.outlineImgCont div p{margin-top:33px;}

/* 회사소개 > 비전과 경영이념 */
.visionImg{margin-bottom:140px;}
.basicDesign .subTitleBox{margin-bottom:67px;}
.vision .subTitleBox .bottomText{margin-top:25px;}


/* 회사소개 > 회장인사말 */
.greetingsImgBox{display:flex;margin-bottom:107px;}
.greetingsImgBox .imgBox{width:50%;}
.greetingsImgBox dl{width:50%;word-break:keep-all;padding-left:27px;}
.greetingsImgBox dl dt{margin-bottom:55px;line-height:1.546;}
.greetingsImgBox dl dd{color:#555;font-size:1.8rem;line-height:1.889;}
.profileBox{padding:107px 0 115px;}
.profileBox .subTitleBox{margin-bottom:37px;}
.profileBox > ul{display:flex;}
.profileBox > ul > li{margin-right:7.858%;}
.profileBox > ul > li:last-child{margin-right:0;}
.profileBox > ul > li > div{margin-bottom:13px;display:flex;align-items:center;}
.profileBox > ul > li > div img{margin-right:10px;}
.profileBox > ul > li ol{padding-left:20px;}
.profileBox > ul > li ol li dl{line-height:1.889;color:#555;font-size:1.8rem;display:flex;}
.profileBox > ul > li ol li dl dt{width:100px;flex-shrink:0;}
.profileBox > ul > li ol li dl dd ul li{margin-bottom:13px;word-break:keep-all;}
.profileBox > ul > li ol li dl dd ul li:last-child{margin-bottom:0;}

.recordCont{position:relative;margin-top:50px;}
.recordCont.historyGrowth .imgBox:before{background:url('/img/introduce/history_growth_img_01.jpg')no-repeat;}
.recordCont.historyEstablish .imgBox:before{background:url('/img/introduce/history_establish_img_01.jpg')no-repeat;}
.recordCont > ol{color:#555;padding:5px 0 0 51.858%;}
.recordCont > ol > li{margin-bottom:20px;}
.recordCont > ol > li:last-child{margin-bottom:0;}
.recordCont > ol > li dl{display:flex;}
.recordCont > ol > li dl dt{width:90px;flex-shrink:0;}
.recordCont > ol > li dl dd{position:relative;font-size:1.8rem;padding-left:40px;}
.recordCont > ol > li dl dd:before{width:1px;height:calc(100% + 20px);background:#ccc;content:'';left:0;;top:0;position:absolute;}

.recordCont > ol > li dl dd ol{padding-top:2px;}
.recordCont > ol > li dl dd ol li{display:flex;margin-bottom:13px;}
.recordCont > ol > li dl dd ol li:last-child{margin-bottom:0;}
.recordCont > ol > li dl dd ol li span{margin-right:6px;}

.sustainableTop{text-align:center;margin-bottom:150px;}
.sustainableTop .topBasicText{margin-bottom:60px}
.winwinTop{margin-bottom:52px}

.topBasicText{word-break:keep-all;}
.topBasicText dt{line-height:1.546;}
.topBasicText dd{font-size:1.8rem;color:#555;line-height:1.889;margin-top:25px;}
.sustainableTop .imgText{margin-top:33px;}

.imgHalfCont{height:799px;position:relative;padding:120px 51% 0 0;}
.imgHalfCont:after{width:66.143%;height:100%;content:'';position:absolute;top:0;right:-18%;background:url('/img/introduce/sustainable_environment_img_02.jpg')no-repeat center right;}
.imgHalfCont.sustainableSafety:after{background:url('/img/introduce/sustainable_safety_img_02.jpg')no-repeat center;}
.imgHalfCont.sustainableWinWin:after{background:url('/img/introduce/sustainable_winwin_img_02.jpg')no-repeat center;}
.imgHalfCont .subTitle{margin-bottom:50px;}
.imgHalfCont .basicText{letter-spacing:0;}
.imgHalfCont .basicText p{margin-top:25px;}


.esgTop .fullImg:before{background-image:url('/img/introduce/sustainable_esg_bg_img_01.jpg');}
.esgTop .fullImg.fullImgType dl dt{margin-bottom:70px;}
.esgBottom .fullImg:before{background-image:url('/img/introduce/sustainable_esg_bg_img_02.jpg');}
.esgCont{width:100%;}
.sustainableEsg .esgImgCont{text-align:center;padding:120px 0;}
.sustainableEsg .esgImgCont .subTitle{margin-bottom:70px;}
.sustainableEsg .esgImgCont .subTitle{margin-bottom:70px;}
.sustainableEsg .esgBottom .subTitle{margin-bottom:65px;}
.sustainableEsg .esgBottom dl{width:100%;}
.sustainableEsg .esgBottom dl dt{text-align:center;}
.sustainableEsg .esgBottom dl dd{display:flex;position:relative;left:-25px;}
.sustainableEsg .esgBottom dl dd > div{width:50%;margin-right:4.286%;}
.sustainableEsg .esgBottom dl dd > div:last-child{margin-right:0;}
.sustainableEsg .esgBottom dl dd > div > ul > li{margin-bottom:57px;}
.sustainableEsg .esgBottom dl dd > div > ul > li:last-child{margin-bottom:0;}
.sustainableEsg .esgBottom dl dd > div ul li p{font-weight:600;margin-bottom:10px;letter-spacing:-0.02em;}
.sustainableEsg .esgBottom dl dd > div ul li ul{font-size:1.8rem;}
.sustainableEsg .esgBottom dl dd > div ul li ul li{margin-bottom:6px;word-break:keep-all;}
.sustainableEsg .esgBottom dl dd > div > ul > li .greenDot > li:before{top:10px;}

.ciWrap .ciCont:first-child{align-items: center;}
.ciWrap .ciCont{margin-bottom:120px;display:flex;justify-content: space-between;}
.ciWrap .ciCont:last-child{margin-bottom:0;}
.ciWrap .ciCont.ciMean .imgBox{padding-top:15px;}
.ciWrap .ciCont > dl{width:41%;min-width:41%;}
.ciWrap .ciCont > dl dd{word-break:keep-all;line-height:1.546;margin-top:48px;padding-right:45px;}
.ciWrap .ciCont > ul{padding-top:15px;}
.ciWrap .ciCont > ul > li{margin-bottom:58px;}
.ciWrap .ciCont > ul > li:last-child{margin-bottom:0;}
.ciWrap .ciCont > ul > li.wordMarkCont{padding-left:26px;}
.ciWrap .ciCont > ul > li .introText{margin-bottom:16px;}
.ciWrap .ciCont > ul > li .wordMarkBlack{border:1px solid #ccc;display:flex;padding:7.043% 5.122% 5.122%;}
.ciWrap .ciCont > ul > li .wordMarkBlack dl{margin-right:4.372%;}
.ciWrap .ciCont > ul > li .wordMarkBlack dl:last-child{margin-right:0;}
.ciWrap .ciCont > ul > li .wordMarkBlack dl dt{font-size:1.8rem;color:#555;margin-bottom:5px;}
.ciWrap .ciCont > ul > li.colorCont{display:flex;}
.ciWrap .ciCont > ul > li.colorCont .colorBox{border:1px solid #ccc;padding:20px 10px 20px 20px;}
.ciWrap .ciCont > ul > li.colorCont > div{margin-right:21px;}
.ciWrap .ciCont > ul > li.colorCont > div:last-child{margin-right:0;}
.ciWrap .ciCont > ul > li.colorCont .colorBox ul li dl{display:flex;align-items:center;}
.ciWrap .ciCont > ul > li.colorCont .colorBox ul li dl dt{width:190px;height:54px;flex-shrink:0;margin-right:20px;font-size:0;}
.ciWrap .ciCont > ul > li.colorCont .colorBox ul li{margin-bottom:16px;}
.ciWrap .ciCont > ul > li.colorCont .colorBox ul li:last-child{margin-bottom:0;}
.ciWrap .ciCont > ul > li.colorCont .colorBox ul li dl dt.greenBox{background:#00a33e;}
.ciWrap .ciCont > ul > li.colorCont .colorBox ul li dl dt.blueBox{background:#005e95;}
.ciWrap .ciCont > ul > li.colorCont .colorBox ul li dl dt.orangeBox{background:#eb6e00;}
.ciWrap .ciCont > ul > li.colorCont .colorBox ul li dl dt.blackBox1{background:#485157;}
.ciWrap .ciCont > ul > li.colorCont .colorBox ul li dl dt.blackBox2{background:#727171;}
.ciWrap .ciCont > ul > li.colorCont .colorBox ul li dl dt.blackBox3{background:#949495;}
.ciWrap .ciCont > ul > li.colorCont .colorBox ul li dl dd{color:#555;font-size:1.6rem;letter-spacing: 0.062em;}
.ciWrap .ciCont > ul > li.colorGray{display:flex;}
.ciWrap .ciCont > ul > li.colorGray > div{margin-right:21px;}
.ciWrap .ciCont > ul > li.colorGray > div:last-child{margin-right:0;}
.ciBtnWrap{margin-top:120px;display:flex;justify-content:center;}
.ciBtnWrap li{margin:0 3px;}
.ciSonghyun .imgBox{text-align:center;}
.ciSonghyun .imgBox img{width:41.5%;}
.ciSonghyun .grayBgBox{padding:120px 8.072% 115px 11.072%;margin-top:70px;}
.ciSonghyun .grayBgBox ul{display:flex;}
.ciSonghyun .grayBgBox ul > li{margin-right:0.884%}
.ciSonghyun .grayBgBox ul > li:first-child{width:46.996%;}
.ciSonghyun .grayBgBox ul > li:last-child{width:46.581%;margin-right:0}
.ciSonghyun .grayBgBox ul li > div{display:flex;align-items:center;}
.ciSonghyun .grayBgBox ul li > div img{margin-right:10px;}
.ciSonghyun .grayBgBox ul li ol{margin-top:12px;padding-left:21px;}
.ciSonghyun .grayBgBox ul li ol li{color:#555;display:flex;font-weight:500;font-size:1.8rem;line-height:1.889;word-break:keep-all;}
.ciSonghyun .grayBgBox ul li ol li span{margin-right:5px;color:#07a33f;}

.locationBox .addressBox{max-width:1400px;margin:-5px auto 0;padding:110px 0 120px;}
.locationBox .addressBox .locationCont{display:flex;justify-content:space-between;}
.locationBox .addressBox .locationCont.address{padding:0 4.738% 53px;}
.locationBox .addressBox .locationCont:first-child{border-bottom:1px solid #ccc;}
.locationBox .addressBox .locationCont:last-child{border-bottom:none;padding-bottom:0 !important;}
.locationBox .addressBox .locationCont.traffic{padding:60px 7.654% 0;}
.locationBox .addressBox .locationCont li:last-child{margin-right:0;}
.locationBox .addressBox .locationCont li dl{display:flex;align-items:flex-start;}
.locationBox .addressBox .locationCont li dl dt{flex-shrink:0;margin:5px 45px 0 0;display:flex;align-items:center;}
.locationBox .addressBox .locationCont li dl dt img{margin-right:10px;}
.locationBox .addressBox .locationCont li dl dd{font-size:1.8rem;color:#555;}
.locationBox .addressBox .locationCont li dl dd ul li{word-break:keep-all;line-height:1.889;}

.laboratoryWrap{text-align:center;}
.laboratoryWrap .topBasicText{margin-bottom:100px;}
.laboratoryWrap .laboratoryBox{padding:110px 0 100px;}
.laboratoryWrap .laboratoryBox:last-child{padding-bottom:0;}
.laboratoryWrap .laboratoryBox .subTitle{margin-bottom:20px;}
.laboratoryWrap .laboratoryBox .imgBox{margin-top:60px;}

.rndField ul li{display:flex;margin-bottom:120px;align-items: center}

.rndField ul li dl dt span{font-weight:400;display:block;font-size:2.2rem;margin-top:-10px;}
.rndField ul li dl dd{color:#555;font-size:1.8rem;margin-top:27px;line-height:1.889;word-break:keep-all;}
.rndField ul li:nth-child(1) .imgBox:before{background-image:url('/img/research/rndfield_list_img_01.jpg');background-position:right top;}
.rndField ul li:nth-child(2) .imgBox:before{background-image:url('/img/research/rndfield_list_img_02.jpg');}
.rndField ul li:nth-child(3) .imgBox:before{background-image:url( '/img/research/rndfield_list_img_03.jpg');}
.rndField ul li:nth-child(4) .imgBox:before{background-image:url('/img/research/rndfield_list_img_04.jpg');}
.rndField ul li:nth-child(5) .imgBox:before{background-image:url('/img/research/rndfield_list_img_05.jpg');}

.qualityWrap .topBasicText{text-align:center;margin-bottom:110px;}
.qualityList{padding:120px 0;}
.qualityList > ul{justify-content:flex-start;}
.qualityList > ul > li{display:flex;align-items:center;padding:43px 20px 53px 40px;background:#fff;margin-right:5%;}
.qualityList > ul > li:nth-child(3n){margin-right:0;}
.qualityList > ul > li:last-child{margin-right:0;}
.qualityList > ul > li:nth-child(n+4){margin-top:5%;}
.qualityList ul li dl dd ul li{color:#555;display:flex;}
.qualityList ul li dl dd ul li span{width:74px;flex-shrink:0;color:#000;}
.qualitySystem .textDesignBox:last-child{padding-bottom:0;}

.ledQualityList.qualityList > ul > li{align-items:flex-start;}

.qualitySystem .topImgBox{margin-bottom:120px;text-align:center;}
.qualitySystem .textDesignBox{padding:110px 0;}
.qualitySystem .textDesignBox .basicText{font-size:1.8rem;letter-spacing:0;line-height:1.889;padding-left:28px;margin-top:2px;color:#555;}
.qualitySystem .qualityImgCont .imgBox{margin-top:60px;}


.networkWrap > ul > li{margin-bottom:110px;}
.networkWrap > ul > li:last-child{margin-bottom:0;}
.networkWrap .titleWrap{position:relative;margin-bottom:39px;}
.networkWrap .titleWrap .clickText{color:#555;font-size:1.8rem;position:absolute;right:0;top:30px;}
.networkWrap .borderList{justify-content:flex-start;}
.networkWrap .borderList > li{width:22.9%;height:auto;padding:0;background-position:right 23px bottom 16px;background-image:url('/img/common/mail_send_icon.png');margin-right:2.786%;}
.networkWrap .borderList > li a{display:block;width:100%;height:100%;padding:43px 29px;}
.networkWrap .borderList > li:last-child{margin-right:0;}
.networkWrap .borderList > li:nth-child(n+5){margin-top:39px;}
.networkWrap .borderList > li:nth-child(4){margin-right:0;}
.networkWrap .borderList > li a dl dt{word-break:keep-all;}

.performanceWrap > ul > li{display:flex;justify-content:space-between;padding:107px 0 120px;}
.performanceWrap > ul > li:first-child{padding-top:0;}
.performanceWrap > ul > li:nth-child(1) .imgBox{margin-top:11px;}
.performanceWrap > ul > li:nth-child(n+2){border-top:1px solid #ccc;}
.performanceWrap > ul > li:last-child{padding-bottom:0;}
.performanceWrap > ul > li dl{position:relative;flex-shrink:0;padding-right:20px;}
.performanceWrap > ul > li dl dt{margin-bottom:7px;letter-spacing:-0.03em;}
.performanceWrap > ul > li dl dd{line-height: 1.546;}
.performanceWrap > ul > li dl dd span{display:block;position:absolute;bottom:0;color:#8f8f8f;font-size:1.4rem;}

.growthstrategyWrap .topBasicText{padding-top:0 !important;}
.growthstrategyWrap .topBasicText, .growthstrategyWrap .laboratoryBox{text-align:center;padding:110px 0;}
.growthstrategyWrap .laboratoryBox .basicText02{margin:20px 0 60px;}
.growthstrategyList{margin-top:120px;}
.growthstrategyList ul li:nth-child(1) .imgBox:before{background-image:url('/img/invest/growthstrategy_list_img_01.jpg');}
.growthstrategyList ul li:nth-child(2) .imgBox:before{background-image:url('/img/invest/growthstrategy_list_img_02.jpg');background-position: right 12% top;}
.growthstrategyList ul li{display:flex;align-items:center;margin-bottom:120px;}
.growthstrategyList ul li:last-child{margin-bottom:0;}
.growthstrategyList ul li dl dt span{font-weight:400;display:block;font-size:2.2rem;margin-top:-10px;}
.growthstrategyList ul li dl dd{color:#555;font-size:1.8rem;margin-top:27px;line-height:1.889;word-break:keep-all;}


@media all and (max-width:1480px)  {
.sustainableEsg .esgBottom dl dd{left:0;}

}

@media all and (max-width:1440px) {
.locationBox .addressBox{width:100%;padding:110px 20px 120px;}
.locationBox .addressBox .locationCont.traffic li:first-child{padding-right:20px;}
.locationBox .addressBox .locationCont li dl{padding-right:10px;}
.locationBox .addressBox .locationCont li:last-child dl{padding-right:0;}
 
.qualityList > ul > li{height:auto;}
.qualityList ul li dl dd ul li{margin-bottom:10px;display:block;}
.qualityList ul li dl dd ul li:last-child{margin-bottom:0;}
.qualityList ul li dl dd ul li span{width:100%;display:block;}
}
@media all and (max-width:1400px) {

}

@media all and (max-width:1279px) {
/* Sub Common */
.br_none{display:none;}

.outlineImgBox ul li dl dt{font-size:1.8rem;}
.outlineImgBox ul li dl dd{font-size:1.4rem;}

.fullImg:before{background-position:right 39% top;}

.ciWrap .ciCont > ul > li.wordMarkCont{padding-left:0;}
.ciWrap .ciCont > ul > li.colorCont{display:block;}
.ciWrap .ciCont > ul > li.colorCont > div{width:100%;margin-bottom:20px;}
.ciWrap .ciCont > ul > li.colorCont > div:last-child{margin-bottom:0;}
.ciWrap .ciCont > ul > li.colorCont .colorBox{padding:20px;}
.ciWrap .ciCont > ul > li.colorCont .colorBox ul li dl dt{width:50%;}
.ciWrap .ciCont > ul > li.colorCont .colorBox ul li dl dd br{display:none;}


.locationBox .addressBox .locationCont li dl{display:block;}
.locationBox .addressBox .locationCont li dl dt{justify-content:center;margin:0 0 10px 0;}
.locationBox .addressBox .locationCont li dl dd ul li{text-align:center;}

.qualityList > ul > li{width:30%;}
}



@media all and (max-width:979px) {
/*.fullImg{height:400px;}
.fullImg:before{background-position:right 30% top;}*/

/* 회사소개 > 오시는 길 */
.location_cont .root_daum_roughmap .section_address .phone br{display:block;}


.textDesignBox{display:block;}
.textDesignBox .leftText{width:100%;margin-bottom:20px;line-height:1.3;}
.textDesignBox .basicText{width:100%;padding-left:0;}
.basicText{width:100%;}
.basicText p{margin-top:10px;}

/* 회사소개 > 회사개요 */
.outlineImgBox ul{flex-wrap:wrap;}
.outlineImgBox ul li{width:25%;padding:27px 10px;}
.outlineImgBox ul li:nth-child(4){border-right:1px solid #ccc;}
.outlineImgBox ul li:nth-child(n+5){border-top:0;}
.outlineImgBox{padding:49px 0;}
.outlineRecord li{width:47.6%;padding:25px;margin-right:4.773%;}
.outlineRecord li p{margin-right:10px;}
.outlineRecord li:nth-child(2n){margin-right:0;}
.outlineRecord li:nth-child(n+3){margin-top:4.773%;}
.outlineRecord li:nth-child(3){margin-right:4.773%;}

.overImgBox .imgBox:before{width:100%;height:100%;background-position:top;}

.ciSonghyun .grayBgBox{padding:120px 20px;}

.locationBox .addressBox .locationCont.address{padding:0 20px 30px;}
.locationBox .addressBox .locationCont.traffic{padding:30px 20px 0;}

.qualityList > ul > li{padding:20px;min-height:auto;}
.qualitySystem .textDesignBox .basicText{padding-left:0;margin-top:0;}
.qualitySystem .qualityImgCont .imgBox{text-align:center;margin-top:30px;}

.networkWrap .borderList > li{min-height:170px;}
.networkWrap .borderList > li:nth-child(4){margin-top:0 !important;}
.networkWrap .borderList > li a{padding:20px;}


.performanceWrap > ul > li{display:block;padding:60px 0;}
.performanceWrap > ul > li .imgBox{text-align:center;}
.performanceWrap > ul > li dl{padding-right:0;margin-bottom:60px;}
.performanceWrap > ul > li:nth-child(1) .imgBox{margin-top:0;}
.performanceWrap > ul > li dl dd span{position:static;margin-top:10px;}

.profileBox > ul{justify-content: space-between;}
.profileBox > ul > li{margin-right:0;}
.profileBox > ul > li ol li dl{display:block;}
.profileBox > ul > li ol li dl dd{margin-top:5px;}
}

@media all and (max-width:767px) {
.pcView{display:none;}
.btnList.btnList2{margin-top:35px;}
.iconBtn.iconBtn2{width:165px;}


.fullImg.fullImgType dl dt{margin-bottom:27.5px;}
.fullImg.fullImgType dl dd{font-size:2.2rem;}

.fullImg.fullImg2{height:auto;min-height:930px;}
.subTitleBox{margin-bottom:35px;}
.vision .subTitleBox .bottomText{margin-top:12px;}
.subTitleBox .subTitle{font-size:3.8rem;}

.overImgBox .imgBox{width:100%;height:300px;left:auto;position:relative;}
.imgCross ul li:nth-child(even) .imgBox{right:0;}
.imgCross ul li{height:auto;display:block;}
.imgCross ul li dl{width:100%;padding:0 !important;}

/* 회사소개 > 회사개요 */
.outlineImgBox{margin:75px 0 60px;}
.outlineImgBox:before{background-size:cover;}
.outlineImgBox .pageSubTitle{margin-bottom:15px;}
.outlineImgBox ul li{width:50%;padding:15px 10px;}
.outlineImgBox ul li:nth-child(2n){border-right:1px solid #ccc;}
.outlineImgBox ul li:nth-child(n+3){border-top:0;}
.outlineImgBox ul li p{margin-bottom:10px;}
.outlineImgBox ul li p img{width:38px;}
.outlineRecord li{display:block;padding:20px 10px;text-align:center;}
.outlineRecord li p{text-align:center;margin-right:0;}
.outlineRecord li p img{width:43px;}
.outlineRecord li dl{margin-top:10px;}
.outlineRecord li dl dt{font-size:1.8rem;margin-bottom:2px;}
.outlineRecord li dl dd{font-size:1.6rem;}
.outlineRecord li dl dt br{display:none;}
.outlineImgCont{margin-top:35px;}
.outlineImgCont .imgBox{margin-bottom:30px;}
.outlineImgCont div p{margin-top:15px;}

/* 회사소개 > 비전과 경영이념 */
.visionImg{margin-bottom:50px;}


.greetingsImgBox{display:block;margin-bottom:50px;}
.greetingsImgBox .imgBox{width:100%;text-align:center;margin-bottom:20px;}
.greetingsImgBox .imgBox img{width:80%;}
.greetingsImgBox dl{width:100%;padding-left:0;}
.greetingsImgBox dl dt{margin-bottom:30px;}

.profileBox{padding:50px 0;}
.profileBox .subTitleBox{margin-bottom:18px;}
.profileBox > ul{display:block;}
.profileBox > ul > li{margin-bottom:30px;}
.profileBox > ul > li:last-child{margin-bottom:0;}
.profileBox > ul > li ol{padding-left:15px;}
.profileBox > ul > li ol li dl{display:flex;}
.profileBox > ul > li ol li dl dt{width:70px;}
.profileBox > ul > li ol li dl dd{margin-top:0;}
.profileBox > ul > li > div{margin-bottom:14px;padding-left:5px;}
.profileBox > ul > li > div img{width:46px;}

.recordCont{margin-top:25px;}
.recordCont > ol{margin-top:30px;padding:0;}
.recordCont > ol > li{margin-bottom:15px;}
.recordCont > ol > li dl dt{width:60px;}
.recordCont > ol > li dl dd{padding-left:20px;}
.recordCont > ol > li dl dd:before{height:calc(100% + 15px);}
.recordCont > ol > li dl dd ol{padding-top:0;}
.recordCont > ol > li dl dd ol li{margin-bottom:7px;}
.recordCont > ol > li dl dd ol li span{margin-right:4px;}

.winwinTop{margin-bottom:30px;}
.sustainableTop .topBasicText{margin-bottom:30px;}
.topBasicText dd{margin-top:15px;}
.sustainableTop .imgText{margin-top:15px;}

.imgHalfCont{padding:30px 0;height:auto;padding-right:0;}
.imgHalfCont:after{width:335px;height:40%;right:auto;left:50%;transform:translateX(-50%);top:auto;bottom:30px;background-size:100% auto !important;background-position:bottom !important;}
.imgHalfCont .subTitle{margin-bottom:25px;}
.imgHalfCont .basicText{padding-bottom:345px;}
.imgHalfCont .basicText p{margin-top:15px;}
.esgTop .fullImg.fullImgType dl dt{margin-bottom:35px;}
.sustainableEsg .esgBottom .subTitle{margin-bottom:26px;}
.sustainableEsg .esgBottom dl dd{flex-wrap:wrap;}
.sustainableEsg .esgBottom dl dd > div{width:100%;margin:0 0 25px 0;}
.sustainableEsg .esgBottom dl dd > div:last-child{margin-bottom:0;}
.sustainableEsg .esgBottom dl dd > div > ul > li{margin-bottom:25px;}
.esgBottom .fullImg:before{background-size: cover;}
.sustainableEsg .esgImgCont .subTitle{margin-bottom:35px;}

.sustainableEsg .esgImgCont{padding:60px 0;}

.ciWrap .ciCont{display:block;margin-bottom:40px;}
.ciWrap .ciCont > dl{width:100%;}
.ciWrap .ciCont > dl dd{margin-top:24px;padding-right:0;}
.ciWrap .ciCont > dl dd br{display:none;}
.ciWrap .ciCont > ul > li{margin-bottom:30px;}
.ciWrap .ciCont > ul > li .introText{margin-bottom:10px;}
.ciWrap .ciCont > ul > li.colorCont > div{margin-right:0;}
.ciWrap .ciCont > ul > li.colorCont .colorBox{padding:15px;}
.ciWrap .ciCont > ul > li.colorCont .colorBox ul li dl{display:block}
.ciWrap .ciCont > ul > li.colorCont .colorBox ul li dl dt{width:100%;height:45px;margin:0 0 5px 0;}
.ciWrap .ciCont > ul > li.colorCont .colorBox ul li dl dd{width:100%;}
.ciWrap .ciCont > ul > li.colorGray > div{margin-right:10px;}
.ciWrap .ciCont > ul > li .wordMarkBlack{padding:20px;}
.ciBtnWrap{margin-top:40px;}


.ciSonghyun .grayBgBox{padding:50px 20px;}
.ciSonghyun .grayBgBox ul{display:block;}
.ciSonghyun .grayBgBox ul > li{width:100% !important;margin-bottom:20px;}
.ciSonghyun .grayBgBox ul > li:last-child{margin-bottom:0;}
.ciSonghyun .grayBgBox ul li ol li{margin-bottom:0;}
.ciSonghyun .imgBox img{width:61%;}


.locationBox iframe{height:300px;}
.locationBox .addressBox{padding:40px 20px;}
.locationBox .addressBox .locationCont{display:block;}
.locationBox .addressBox .locationCont li dl dt{justify-content:flex-start;}
.locationBox .addressBox .locationCont > li{margin-bottom:30px;}
.locationBox .addressBox .locationCont > li:last-child{margin-bottom:0;}
.locationBox .addressBox .locationCont.address{padding:0 0 20px;}
.locationBox .addressBox .locationCont.traffic{padding:20px 0 0;}
.locationBox .addressBox .locationCont li dl dd ul li{text-align:left;}
.locationBox .addressBox .locationCont li dl dt img{margin-right:5px;}

.laboratoryWrap .topBasicText{margin-bottom:50px;}
.laboratoryWrap .laboratoryBox{padding:55px 0 50px;}
.laboratoryWrap .laboratoryBox .imgBox{margin-top:30px;}
.laboratoryWrap .laboratoryBox .subTitle{margin-bottom:10px;}


.rndField ul li{margin-bottom:60px;}
.rndField ul li dl{margin-top:20px;}
.rndField ul li dl dt.subTitle{line-height:1.2;} 
.rndField ul li dl dt span{margin-top:0;font-size:1.8rem;}
.rndField ul li dl dd{margin-top:10px;}


.qualityWrap .topBasicText{margin-bottom:55px;}
.qualityList{padding:60px 0;}
.qualityList > ul > li{width:49%;margin-right:2%;}
.qualityList > ul > li:nth-child(2n){margin-right:0;}
.qualityList > ul > li:nth-child(3){margin-right:2%;}
.qualityList ul li dl dd ul li{margin-bottom:6px;}

.qualitySystem .topImgBox{margin-bottom:60px;}
.qualitySystem .textDesignBox{padding:55px 0;}

.networkWrap > ul > li{margin-bottom:55px;}
.networkWrap .titleWrap{margin-bottom:15px;}
.networkWrap .titleWrap .clickText{position:static;text-align:right;}
.networkWrap .borderList > li{width:49%;min-height:auto;margin-right:2%;background-position: right 10px bottom 10px}
.networkWrap .borderList > li a{padding:20px 10px 40px;}
.networkWrap .borderList > li:nth-child(2n){margin-right:0;}
.networkWrap .borderList > li:nth-child(n+3){margin-top:2% !important}

.growthstrategyWrap .topBasicText, .growthstrategyWrap .laboratoryBox{padding:60px 0;}
.growthstrategyList{margin-top:60px;}
.growthstrategyList ul li{margin-bottom:40px;}
.growthstrategyList ul li dl{margin-top:20px;}
.growthstrategyList ul li dl dd{margin-top:10px;}
}


@media all and (max-width:501px) {
.imgHalfCont .basicText{padding-bottom:300px;}

.ciWrap .ciCont > ul > li .wordMarkBlack{display:block;}
.ciWrap .ciCont > ul > li .wordMarkBlack dl{margin:0 0 15px 0;}
.ciWrap .ciCont > ul > li .wordMarkBlack dl:last-child{margin-bottom:0;}
.ciWrap .ciCont > ul > li .wordMarkBlack dl dd img{width:100%;}

}