@charset "utf-8";

.tit-dl {position:relative;}
.tit-dl dt {position:relative;font-size:36px; font-weight:300; color:#333; line-height:50px; padding-bottom:35px; letter-spacing:-2px}
.tit-dl dt span {position:absolute; bottom:0; left:2px; display:block; width:90px; height:2px; background:#333}
.tit-dl dd.txt {margin:33px 0 0 2px; line-height:32px; font-weight:300;}
.tit-dl .img {position:absolute; right:0; top:-10px; z-index:5; width:550px; text-align:center}
.tit-dl .img span {position:absolute;line-height:1;}
.tit-dl .img span > .txt {position:static;font-size:17px;line-height:26px;color:#45464e;font-weight:700;letter-spacing:-0.05em;}
.tit-dl .img span.circle_top:before {content:"●"; position:absolute; top:-20px; width:100%; text-align:center; font-size:10px}
.tit-dl .img span.circle_bot:before {content:"●"; position:absolute; bottom:-18px; width:100%; text-align:center; font-size:10px}
.tit-dl .img .safety_simg {top:77px; left:97px; width:303px; height:287px; background:url(../images/tech/safety_simg02.png?v20250319000000) no-repeat center}
.tit-dl .img .safety_txt01 {top:32px; left:200px; transform:scale(0)}
.tit-dl .img span.safety_txt01:before {top:-24px;}
.tit-dl .img .safety_txt02 {top:135px; left:389px; transform:scale(0)}
.tit-dl .img .safety_txt03 {bottom:126px; left:391px; transform:scale(0)}
.tit-dl .img .safety_txt04 {bottom:13px; left:175px; transform:scale(0)}
.tit-dl .img .safety_txt05 {bottom:126px; left:-13px; transform:scale(0)}
.tit-dl .img .safety_txt06 {top:135px; left:15px; transform:scale(0)}
.tit-dl .img .envi_simg {top:132px; left:153px; width:241px; height:229px; background:url(../images/tech/environment_simg02.png?v20250319000000) no-repeat center}
.tit-dl .img .envi_img01 {top:0; left:214px; width:120px; height:120px; transform:scale(0)}
.tit-dl .img .envi_img02 {bottom:50px; right:47px; width:120px; height:120px; transform:scale(0)}
.tit-dl .img .envi_img03 {bottom:50px; left:47px; width:120px; height:120px; transform:scale(0)}
.tit-dl .img .envi_line01 {z-index:-1; top:110px; left:50%;}
.tit-dl .img .envi_line02 {z-index:-1; bottom:110px; left:150px;}
.tit-dl .img .envi_line03 {z-index:-1; bottom:110px; right:150px;}
.tit-dl .img .envi_txt01 {top:115px; right:30px; transform:scale(0)}
.tit-dl .img .envi_txt02 {bottom:18px; left:204px; transform:scale(0)}
.tit-dl .img .envi_txt03 {top:115px; left:46px; transform:scale(0)}

.tit-dl.quality .img img.img_pc {z-index:10}
.tit-dl.environment .img img.img_pc {z-index:10; opacity:0}
.tit-dl.safety .img img.img_pc {z-index:10; opacity:0}
.tit-dl .img img.img_m {display:none}
.tit-dl .img.type2 span {position:absolute;}
.tit-dl .img [class*=quality_txt] {font-size:17px;font-weight:700;color:#fff;line-height:20px;}
.tit-dl .img .quality_txt01 {top:45px; left:240px;}
.tit-dl .img .arrow01 {top:-10px; left:390px; width:12px; height:143px; background:url(../images/tech/arrow01.png) no-repeat center; top:144px}
.tit-dl .img .side01 {top:20px; left:20px; width:64px; height:297px; background:url(../images/tech/quality_side_bg.png) no-repeat center}
.tit-dl .img .side01 > span {font-size:17px;font-weight:700;line-height:20px;color:#333;left:50%;transform:translateX(-50%);}
.tit-dl .img .side01 > span.slide_top {top:28px;}
.tit-dl .img .side01 > span.slide_btm {bottom:14px;}
.tit-dl .img .arrow02 {top:50px; left:100px; width:130px; height:12px; background:url(../images/tech/arrow02.png) no-repeat center}
.tit-dl .img .quality_txt02 {bottom:36px; left:250px;}
.tit-dl .img .arrow03 {bottom:40px; left:100px; width:127px; height:12px; background:url(../images/tech/arrow03.png) no-repeat center}
.tit-dl .img .arrow04 {bottom:40px; left:320px; width:43px; height:12px; background:url(../images/tech/arrow04.png) no-repeat center}
.tit-dl .img .quality_product {bottom:15px; left:370px; width:69px; height:69px; background:url(../images/tech/quality_product.png?v20250319000000) no-repeat center; transform:scale(0);line-height:69px;font-weight:700;color:#fff;}
.tit-dl .img .arrow05 {z-index:-1; bottom:40px; left:405px; width:55px; height:12px; background:url(../images/tech/arrow05.png) no-repeat center}
.tit-dl .img .side02 {bottom:20px; right:29px; width:62px; height:297px; background:url(../images/tech/quality_side_bg.png) no-repeat center}
.tit-dl .img .side02 > span {font-size:17px;font-weight:700;line-height:20px;color:#333;left:50%;transform:translateX(-50%);}
.tit-dl .img .side02 > span.slide_top {top:28px;}
.tit-dl .img .side02 > span.slide_btm {bottom:14px;}
.tit-dl .img .quality_txt03 {top:132px; right:146px;}
.tit-dl .img .arrow06 {top:158px; left:426px; width:33px; height:12px; background:url(../images/tech/arrow06.png) no-repeat center}
.tit-dl .img .quality_tit {top:-50px; left:280px; width:227px; height:37px; background:#7b4334; font-size:17px; font-weight:700; color:#fff; line-height:37px; transform:scale(0)}
.tit-dl .img .quality_txt04 {top:152px; left:142px;}

.arrow02_msk{position:absolute;overflow:hidden;width:0;height:64px;left:230px;top:0}
.arrow03_msk{position:absolute;overflow:hidden;width:0;height:330px;left:0;top:0;}
.arrow04_msk{position:absolute;overflow:hidden;width:318px;height:330px;left:0;top:0;}
.arrow05_msk{position:absolute;overflow:hidden;width:405px;height:330px;left:0;top:0;}
.arrow06_msk{position:absolute;overflow:hidden;width:425px;height:330px;left:40px;top:0;}
.arrow01_msk{position:absolute;overflow:hidden;width:416px;height:143px;left:0;top:-10px;}
.side01_msk{position:absolute;overflow:hidden;width:107px;height:0;left:0;top:0}
.side02_msk{position:absolute;overflow:hidden;width:550px;height:0;left:0;bottom:0}

.tit-dl .img img {max-width:100%}
.tit-dl .img.type2 {top:-5px; }

.techfull {height:420px; color:#fff;  margin-top:-20px}
.techfull.safe { background:url(../images/tech/safety_bg.jpg) no-repeat center 0;}
.techfull.environment {height:536px; background:url(../images/tech/environment_bg.jpg) no-repeat center 0;}
.techfull.quality {height:416px; background:url(../images/tech/quality_bg.jpg) no-repeat center 0;}
.techfull h4 {font-size:24px; color:#fff; padding-top:75px; margin:0 0 35px 0}
.techfull ul li {line-height:32px}

.techfull ul.round-ver {position:relative}
.techfull ul.round-ver li {float:left; width:25%;} 
.techfull ul.round-ver:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
.techfull ul.round-ver li span.round, .techfull ul.round-ver li span.txt {display:block; text-align:center; }
.techfull ul.round-ver li span.round {display:table; width:100%; margin:0 auto}
.techfull ul.round-ver li span.round .tit {display:table-cell; vertical-align:top;}
.techfull ul.round-ver li span.round.property {position:relative; z-index:100; height:62px; background:url(../images/tech/circle_white.png) no-repeat center bottom}
.techfull ul.round-ver li .line {position:absolute; z-index:10; top:50px; width:260px; border-top:1px solid #ccc}
.techfull ul.round-ver li span.txt {line-height:32px; margin-top:25px;  text-align:left; font-size:15px; font-weight:300;}

.techfull p {font-size: 15px; line-height:26px; color:#FFF; margin-top:20px; font-weight:300; }
.techfull .conTxt {font-size: 18px; line-height: 32px; color: #FFF;}
.techfull.quality ul li {line-height:26px; margin-bottom:22px}
.techfull.quality ul li strong {display:block; font-weight:normal; font-weight:400;}
.techfull.quality ul li span {display:block; margin-left:10px; font-size:15px; font-weight:300;}
.techfull.quality ul li:last-child {margin-bottom:0}
.act-list {position: relative; margin-top: 25px; padding-bottom:120px;}
.act-list ul:after {content: ''; clear: both; display: block; height: 0; visibility: hidden;}
.act-list ul li {position: relative; float: left; width: 32%; box-sizing: border-box; margin-left: 2%;}
.act-list ul li:first-child {margin-left: 0;}
.act-list ul li .img {margin-bottom: 20px;}
.act-list ul li .img img {width:100%;}
.act-list ul li dl dt {color: #916b4a; }
.act-list ul li dl dd {font-size: 15px; line-height: 26px; text-indent: -12px; margin-left: 10px; margin-top: 7px; letter-spacing: -1.5px; font-weight:300;}
.section-in h4 {padding-top:72px}
.missionWrap {margin-top: 25px; text-align: center;}
.missionWrap .type1 {margin-bottom: 15px;}
.missionWrap .type1:after {content: ''; display: block; clear: both;}
.missionWrap .type1 li {position: relative; float: left; width: 32%; padding-bottom: 15px; margin-left: 2%; color: #444; font-weight: bold; border-bottom: 1px solid #444;}
.missionWrap .type1 li:first-child {margin-left: 0;}
.missionWrap .type1 li i {position: absolute; left: 0px; bottom: -5px; display: block; width: 100%; font: 0/0 a;}
.missionWrap .type1 li i:before {content: ''; display: inline-block; width: 9px; height: 9px; background-color: #444; border-radius: 9px;}
.missionWrap .type2 {padding-top: 60px; background: url(../images/tech/safety_bg_img01.gif) no-repeat 0 0; background-size: 100% auto;}
.missionWrap .type2:after {content: ''; display: block; clear: both;}
.missionWrap .type2 li {position: relative; float: left; width: 24%; padding: 7px 0; margin-left: 1.33%; color: #FFF; background-color: #444; border-radius: 80px;}
.missionWrap .type2 li:first-child,
.missionWrap .type2 li:last-child {margin-top: -20px;}
.missionWrap .type2 li:first-child {margin-left: 0;}
.missionWrap .type2 li span {font-size: 20px; font-weight: bold;}
.safe_list {margin-bottom: 120px; text-align: center;}
.safe_list ul:after {content: ''; display: block; clear: both;}
.safe_list ul li {position: relative; float: left; width: 19%; padding: 7px 0; margin-left: 8%; color: #926b4a;  border: 1px solid #926b4a; box-sizing: border-box;}
.safe_list ul li:first-child {margin-left: 0;}
.safe_list ul li span {font-size: 20px;}
.safe_list ul li i {position: absolute; top: 0; left: -43%; display: block; width: 43%; height: 100%;}
.safe_list ul li:first-child i {display: none;}
.safe_list ul li i:before {content: ''; display: inline-block; width: 24px; height: 100%; background: url(../images/common/icon_plus.png) no-repeat 0 50%;}

.certificate {position:relative; padding-top:70px; border-top:2px solid #eaeaea; margin-top:108px;}
.certificate.type4 {padding-top:0; border-top:0; margin-top:0}
.certificate h4 {font-size:30px; margin:-10px 0 10px 0; font-weight:500;}
.certificate h5 {margin-top: 35px; font-size: 24px; color: #333; font-weight:400;}
.certificate h5 + ul {margin-top: 5px;}
.certificate p {line-height:32px; color:#333; margin-bottom:35px;font-weight:300;}
.certificate .line10 {margin-bottom: 10px; }
.certificate dl dt {font-size:24px; color:#333; font-weight:400; margin-top:16px;}
.certificate dl dt:first-child {margin-top:0}
.certificate dl dd {line-height:32px;font-weight:300;}
.certificate ul {margin-top:20px}
.certificate ul li {font-size:15px; line-height:30px; color:#666;font-weight:300;}
.certificate ul li:after {content:""; clear:both; display:block; height:0; visibility:hidden; }
.certificate ul li span:first-child {float:left; display:block; width:103px}
.certificate ul li span:last-child {float:left; display:block;  }
.certificate .img {position:absolute; text-align:center}
.certificate .img img {max-width:100%; display:block; margin-bottom:20px}
.certificate.type1 .img {top:60px; right:5%;}
.certificate.type2 .img {top:60px; left:5%;}
.certificate.type3 .img {top:80px; right:5%;}
.certificate.type4 .img {top:9px; left:5%;}
.certificate.type5 .img {top:60px; left:5%;}
.certificate.type5 .img a {margin-bottom: 40px;}
.certificate.type2 .text-area {padding-left:38%; box-sizing:border-box}
.certificate.type4 .text-area {padding-left:38%; box-sizing:border-box}
.certificate.type5 .text-area {padding-left:38%; box-sizing:border-box; min-height: 880px;}
.certificate .btw {}
.certificate ul li span:last-child {width:80%}

/* 윤리경영 */
.tit-dl.ethics .img img.img_pc {z-index:10}
.techfull.ethics {min-height:634px;height:auto; background:url(../images/tech/ethics_bg.jpg?v20250916) no-repeat center 0; margin-top: -60px;}
.techfull.ethics .conTxt {font-size: 18px; line-height:32px; letter-spacing: -0.45px; color: #FFF;margin-top: 35px;padding-right:34%;padding-bottom:72px}
.ethics_con01{position:relative}
.ethics_con01 .conTxt02 {line-height:32px; padding-top:4px; font-weight:300;}
.ethics_con01 .bratt{display:block;}
.ethics_con01 .bratt02{display:none;}

.ethics_con01 .btn_download{position:absolute;top:122px;right:0;}
.ethics_con02 .btn_download{position:relative;padding-top:25px;margin:0 auto;text-align:center}
[class*=ethics_con] .btn_download a {position:relative;width:158px;height:40px;line-height:40px;border:1px solid #ccc;display:inline-block;text-align:center;font-size:14px;color:#666;}
[class*=ethics_con] .btn_download a:after{content:'';display:inline-block;width:17px;height:12px;background:url(../images/tech/ico_btn_download.png) no-repeat 0 0;margin-left:6px;background-size:17px 12px}

.ethics_con_list01{position:relative;margin:42px -10px 0 0;}
.ethics_con_list01:after {clear:both; display:block; content:"";}
.ethics_con_list01 li{float:left;width:210px;height:332px;border:1px solid #926b4a;background-color:#fff;margin-right:10px;margin-bottom:10px;box-shadow:10px 10px rgba(217,217,217,1)}
.ethics_con_list01 dl{padding:0 12px;}
.ethics_con_list01 dl dt{color:#916b4a;text-align:center;font-size:18px;font-weight:400;padding:24px 0 18px;}
.ethics_con_list01 dl dd{font-size:15px;color:#4c4c4c;line-height:24px;padding-bottom:10px;text-indent: -15px; padding-left: 12px;font-weight:300;}

.ethics_con02{position:relative}
.ethics_con02 .conTxt02{padding-top:4px;line-height: 32px;font-weight:300;}
.ethics_con_list02{position:relative;margin:0;}
.ethics_con_list02:after {clear:both; display:block; content:"";}
.ethics_con_list02 li{position:relative;display:inline-block;text-align:center;width:30.8%;margin-top:54px;}
.ethics_con_list02 li:before{content:'';position:absolute;left:50%;top:-5px;margin-left:-5px;width:10px;height:10px;background-color:#47484b;border-radius:10px;}
.ethics_con_list02 li:after{content:'';position:absolute;left:50%;top:-10px;margin-left:-10px;width:18px;height:18px;border-radius:18px;border:1px solid #bcbfc5}
.ethics_con_list02 dl{border-top:1px solid #808080;border-bottom:1px solid #808080;padding-bottom:30px;}
.ethics_con_list02 li + li {margin-left:37px}
.ethics_con_list02 li:nth-child(3n+1){margin-left:0;}
.ethics_con_list02 dl dt{color:#4c4c4c;text-align:center;font-size:18px;font-weight:400;padding:32px 12px 10px;}
.ethics_con_list02 dl dd{font-size:15px;color:#4c4c4c;line-height:24px;padding:0 12px;font-weight:300;}

.ethics_con03 .conTxt02 {line-height:32px; padding-top:4px;}
.ethics_con_list03 {padding-top:12px;font-size:0}/* 2023-08-16 수정 */
.ethics_con_list03:after {clear:both; display:block; content:"";}
.ethics_con_list03 ul{display:flex;gap:30px 35px;flex-wrap:wrap;}
.ethics_con_list03 ul li{position:relative;border:1px solid #808080;display:inline-block;vertical-align:top;width:calc((100% - 105px)/4);height:248px;padding-top:60px;text-align:center;font-size:16px;line-height:26px;box-sizing:border-box;}
.ethics_con_list03 ul li:first-child{margin-left:0}
.ethics_con_list03 ul li:before{content:'';display:block;width:90px;height:90px;margin:0 auto 24px;}
.ethics_con_list03 ul li:nth-child(1):before{background:url(../images/tech/ethics_con03_img01.png) no-repeat 0 0;}
.ethics_con_list03 ul li:nth-child(2):before{background:url(../images/tech/ethics_con03_img05.png) no-repeat 0 0;}
.ethics_con_list03 ul li:nth-child(3):before{background:url(../images/tech/ethics_con03_img06.png) no-repeat 0 0;}
.ethics_con_list03 ul li:nth-child(4):before{background:url(../images/tech/ethics_con03_img04.png) no-repeat 0 0;}
.ethics_con_list03 ul li:nth-child(5):before{background:url(../images/tech/ethics_con03_img07.png) no-repeat 0 0;}
.ethics_con_list03 ul li:nth-child(6):before{background:url(../images/tech/ethics_con03_img08.png) no-repeat 0 0;}
.ethics_con_list03 ul li:nth-child(7):before{background:url(../images/tech/ethics_con03_img09.png) no-repeat 0 0;}
.ethics_con_list03 ul li:nth-child(8):before{background:url(../images/tech/ethics_con03_img10.png) no-repeat 0 0;}

.ethics_con04 {padding-bottom:100px;}
.ethics_con04 .conTxt02{padding-top:4px;line-height: 32px;font-weight:300;}
.ethics_con04 .btn_link{padding-top:24px;}
.ethics_con04 .btn_link a{position:relative;width:228px;height:48px;line-height:48px;border:1px solid #ded2c8;display:inline-block;text-align:center;font-size:18px;color:#916b4a;}
.ethics_con04 .btn_link a:after{content:'';display:inline-block;width:14px;height:14px;background:url(../images/tech/ico_btn_link.png) no-repeat 0 0;margin-left:10px;background-size:14px 14px}

.ethics_con05 .btn-downlist {display:flex;margin-top:20px;gap:10px 20px}
.ethics_con05 .btn-downlist > li .btn_download > a {width:166px;}

.tit-dl.ethics .img{top:0;width:438px;}
.tit-dl .img .ethics_simg {z-index:1;top:40px; left:81px; width:278px; height:275px; background:url(../images/tech/ethics_img02.png) no-repeat center}
.tit-dl .img .ethics_img01 {z-index:1;top:46px; left:0px; width:116px; height:116px; transform:scale(0)}
.tit-dl .img .ethics_img02 {z-index:1;top:46px; right:0px; width:116px; height:116px; transform:scale(0)}
.tit-dl .img .ethics_img03 {z-index:1;bottom:-51px; left:162px; width:117px; height:116px; transform:scale(0)}
.tit-dl .img .ethics_line01 {top:125px; left:99px;}
.tit-dl .img .ethics_line02 {top:125px; right:98px;}
.tit-dl .img .ethics_line03 {bottom:44px; left:219px;}

/* 안전보건경영 - 202501 */
.techfull.safe {margin-bottom:24px;}
/* 20250224 */
.tech-safety .tit-dl .img {width:490px;}
.tech-safety .section-list h4 {margin-bottom:8px;}
.tech-safety .list-ascend {padding-bottom:38px;}
.tech-safety .list-ascend > li > ul {padding:0;}
.tech-safety .list-safe-strategy {display:flex;padding:49px 40px;margin:13px 0 4px;border:1px solid #e1e1e1;}
.tech-safety .list-safe-strategy > li {width:33.333%;text-align:center;}
.tech-safety .list-safe-strategy > li .tit {display:block;font-size:18px;line-height:28px;font-weight:400;border-bottom:1px solid #808080;margin:0 9% 19px;padding-bottom:14px;}
.tech-safety .list-safe-strategy .sub-list {display:inline-block;text-align:left;}
.tech-safety .list-safe-strategy .sub-list > li {font-size:15px;line-height:26px;font-weight:300;}
.tech-safety .list-safe-value {display:flex;flex-wrap:wrap;padding:5px 0 5px;}
.tech-safety .list-safe-value > li {width:calc((100% - 60px)/4);border:1px solid #967f64;border-radius:40px;text-align:center;box-sizing:border-box;}
.tech-safety .list-safe-value > li + li {margin-left:20px;}
.tech-safety .list-safe-value > li > span {font-size:18px;line-height:78px;color:#967f64;}
.tech-safety .list-safe-rule {display:flex;flex-wrap:wrap;margin-top:-7px;}
.tech-safety .list-safe-rule > li {width:calc((100% - 9%)/2);font-size:18px;line-height:28px;color:#333;letter-spacing:-0.02em;padding:16px 0;text-align:center;border-bottom:1px solid #e1e1e1;}
.tech-safety .list-safe-rule > li:nth-child(2n) {margin-left:9%;}
.tech-safety .list-safe-rule > li:nth-child(2n+1) > span {display:inline-block;min-width:384px;text-align:left;}
.tech-safety .list-safe-logo {margin-top:12px;border:1px solid #e1e1e1;padding:40px 0 30px;}
.tech-safety .list-safe-logo .logo-wrap {display:flex;flex-wrap:wrap;}
.tech-safety .list-safe-logo .logo-wrap img {width:244px;height:180px;}
.tech-safety .list-safe-logo .logo-left {width:52%;box-sizing:border-box;text-align:center;padding:30px 0;}
.tech-safety .list-safe-logo .logo-right {width:48%;box-sizing:border-box;text-align:center;padding:30px 0;border-left:1px solid #e1e1e1;}
.tech-safety .list-safe-logo .logo-desc {font-size:15px;line-height:24px;text-align:center;margin-top:31px;padding:0 10px;}

/* 환경경영 - 202501 */
.tech-env .tit-dl dd.txt {width:588px}
.tech-env .tit-dl .img .envi_img01 {background:url(../images/tech/envi01.png?v20250319000000) no-repeat;}
.tech-env .tit-dl .img .envi_img02 {background:url(../images/tech/envi02.png?v20250319000000) no-repeat;}
.tech-env .tit-dl .img .envi_img03 {background:url(../images/tech/envi03.png?v20250319000000) no-repeat;}
.tech-env .tit-dl .img [class*=envi_img] {padding-top:46px;box-sizing:border-box;}
.tech-env .tit-dl .img [class*=envi_img] > .txt {position:static;font-size:20px;font-weight:700;letter-spacing:-0.05em;color:#fff;height:auto;}
.tech-env .tit-dl .img span.circle_bot:before {left:0;bottom:-14px;}
.tech-env .tit-dl .img span > .txt {font-size:20px;}

/* 스마트건설 - 202501  */
/* .contents.property h3 + section > h4 {margin-top:0;} */
.smartcon-chart {border:1px solid #e1e1e1;height:440px;box-sizing:border-box;margin-bottom:5px;}
.smartcon-chart .img_m {display:none;}
.smartcon-chart .smartcon-chart-list {position:relative;}
.smartcon-chart .smartcon-chart-list::before {content:'';display:block;width:260px;height:260px;box-sizing:border-box;border:2px solid #967f64;border-radius:50%;position:absolute;top:143px;left:50%;transform:translateX(-50%);}
.smartcon-chart .smartcon-chart-list dt {width:106px;height:106px;border-radius:50%;border:1px solid #c0afa2;background-color:#f7f5f3;padding:39px 0 40px;box-sizing:border-box;text-align:center;position:absolute;}
.smartcon-chart .smartcon-chart-list dt > span {font-size:19px;line-height:26px;color:#967f64;font-weight:700;letter-spacing:-0.05em;}
.smartcon-chart .smartcon-chart-list .chart-list-tit1 {top:100px;left:50%;transform:translateX(-50%);}
.smartcon-chart .smartcon-chart-list .chart-list-tit2 {top:265px;right:50%;margin-right:-170px;}
.smartcon-chart .smartcon-chart-list .chart-list-tit3 {top:265px;left:50%;margin-left:-165px;}
.smartcon-chart .smartcon-chart-list dd {border:1px solid #c0afa2;border-radius:2px;position:absolute;box-shadow:0 4px 0 0 rgba(150, 120, 100, .2);box-sizing:border-box;background-color:#fff;text-align:center;}
.smartcon-chart .smartcon-chart-list dd > span {font-size:18px;line-height:26px;color:#333;font-weight:400;letter-spacing:-0.07em;}
.smartcon-chart .smartcon-chart-list .chart-list-desc1 {width:393px;top:36px;left:50%;transform:translateX(-50%);padding:10px 28px;}
.smartcon-chart .smartcon-chart-list .chart-list-desc1::after {content:'';width:18px;height:13px;background:url(../images/tech/smartcon_simg_desc1.png) no-repeat;position:absolute;bottom:-13px;left:50%;transform:translateX(-50%);}
.smartcon-chart .smartcon-chart-list .chart-list-desc2 {width:25.8%;top:280px;left:50%;margin-left:190px;padding:10px 38px;}
.smartcon-chart .smartcon-chart-list .chart-list-desc2::after {content:'';width:10px;height:20px;background:url(../images/tech/smartcon_simg_desc2.png) no-repeat;position:absolute;left:-9px;top:50%;transform:translateY(-50%);}
.smartcon-chart .smartcon-chart-list .chart-list-desc3 {width:25.8%;top:280px;right:50%;margin-right:185px;padding:10px 36px;}
.smartcon-chart .smartcon-chart-list .chart-list-desc3::after {content:'';width:9px;height:20px;background:url(../images/tech/smartcon_simg_desc3.png) no-repeat;position:absolute;right:-9px;top:50%;transform:translateY(-50%);}
.smartcon-video-list {display:flex;}
.smartcon-video-list > li {width:calc((100% - 80px)/3);border:1px solid #e1e1e1;}
.smartcon-video-list > li + li {margin-left:40px;}
.smartcon-video-list .video-thumb {display:block;position:relative;width:calc(100% + 2px);margin-left:-1px;margin-top:-1px;}
.smartcon-video-list .video-thumb::after {content:'';width:52px;height:52px;background:url(../images/tech/smartcon_video_play.png) no-repeat;background-size:100% auto;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.smartcon-video-list .video-thumb > img {width:100%;}
.smartcon-video-list .video-desc {padding:23px 19px 32px;box-sizing:border-box;}
.smartcon-video-list .video-desc .tit {font-size:18px;line-height:28px;color:#333;letter-spacing:-0.05em;font-weight:700;border-bottom:1px solid #e1e1e1;padding:0 5px 17px 10px}
.smartcon-video-list .video-desc .txt > dt {font-size:18px;line-height:28px;color:#333;letter-spacing:-0.04em;border-bottom:1px solid #e1e1e1;padding:15px 10px 17px;margin-bottom:14px;}
.smartcon-video-list .video-desc .txt > dd {font-size:15px;line-height:28px;color:#333;letter-spacing:-0.04em;font-weight:300;position:relative;padding:0 10px 0 22px;}
.smartcon-video-list .video-desc .txt > dd::before {content:'';width:4px;height:4px;background-color:#4c4c4c;border-radius:50%;position:absolute;top:12px;left:10px;}

.smartcon .list-ascend.tp-icon li span.round.order01::before {background-image:url('../images/tech/icon-smartcon-pcs1.png');}
.smartcon .list-ascend.tp-icon li span.round.order02::before {background-image:url('../images/tech/icon-smartcon-pcs2.png');}
.smartcon .list-ascend.tp-icon li span.round.order03::before {background-image:url('../images/tech/icon-smartcon-pcs3.png');}
.smartcon .list-ascend.tp-icon li span.round.order04::before {background-image:url('../images/tech/icon-smartcon-pcs4.png');}
.smartcon .list-ascend.tp-icon li span.round.order05::before {background-image:url('../images/tech/icon-smartcon-pcs5.png');}
.smartcon .list-ascend.tp-icon li span.round.order06::before {background-image:url('../images/tech/icon-smartcon-pcs6.png');}

.smartcon .list-ascend {margin-top:-38px;margin-bottom:12px;}

.tech-tit {position:relative;font-size:36px; color:#333; line-height:50px; padding-bottom:35px; letter-spacing:-2px; font-weight:300;}
.tech-tit  span {position:absolute; bottom:0; left:2px; display:block; width:90px; height:2px; background:#333}


@media all and (min-width:1600px) {
	.techfull.safe {background-size:cover;}
	.techfull.environment {background-size:cover;}
	.techfull.quality {background-size:cover;}
	.techfull.ethics {background-size:cover;}
}

@media all and (min-width:1280px) {
	.techfull ul.round-ver li span.txt {padding-left:14px}
}

@media all and (max-width:1279px) {
	.tit-dl {padding:0 50px; }
	.section-in {padding:0 50px}
	.section-in h4 {padding-left:0;}
	.certificate {margin-left:50px; margin-right:50px}
	.certificate h4 {padding:0; }
	.tit-dl dd.txt br {display:none}
	.tit-dl .img {position:relative; margin:80px auto 0; text-align:center; top:0; right:0 }
	.tit-dl .img .safety_txt01 {top:28px; left:230px}
	.tit-dl .img .safety_txt02 {top:135px; left:416px}
	.tit-dl .img .safety_txt03 {bottom:105px; left:416px}
	.tit-dl .img .safety_txt04 {bottom:-3px; left:203px}
	.tit-dl .img .safety_txt05 {bottom:105px; left:19px}
	.tit-dl .img .safety_txt06 {top:135px; left:43px}
	.tit-dl .img img.img_pc, .tit-dl .img span {display:none}
	.tit-dl .img img.img_m {display:block; margin:0 auto}

	.techfull.safe {position:relative; margin-top:-190px; background-size:cover}
	.techfull.environment {position:relative; margin-top:-155px; height:auto; padding-bottom:100px; background-size:cover}
	.techfull.quality {position:relative; margin-top:-170px; height:auto; padding-bottom:100px; background-size:cover}
	.act-list ul li {float: none; width: 100%; margin: 0 0 40px 0;}
	.act-list ul li:last-child {margin-bottom: 0;}
	.act-list ul li:after {content: ''; display: block; clear: both;}
	.act-list ul li .img,
	.act-list ul li dl {float: left;}
	.act-list ul li .img {width: 35%; margin-bottom: 0;}
	.act-list ul li dl {width: 65%; padding-left: 5%; box-sizing: border-box;}
	.act-list ul li dl dt {margin-top: -5px;}
	.act-list ul li dl dd {font-size: 15px;}
	.act-list ul li dl dd br {display: none;}
	.topbt {bottom: -60px;}

	.techfull ul.round-ver {margin-top:-60px}
	.techfull ul.round-ver li {position:relative; width:40%; margin-top:60px; margin-left:5%; margin-right:5%; box-sizing:border-box}
	.techfull ul.round-ver li span.txt {width:100%; text-align:left; margin:25px auto 0}
	.techfull ul.round-ver li span.txt br {display:none}
	.techfull ul.round-ver li .line {position:absolute; z-index:1; top:50px; width:100%; border-top:1px solid #ccc}

	.tit-dl.quality dt br {display:none}
	.certificate.type1 .text-area, .certificate.type3 .text-area {padding-right:38%; box-sizing:border-box}
	.text-area br {display:none}
	.certificate.type1 .img img, .certificate.type2 .img img, .certificate.type3 .img img, .certificate.type4 .img img, .certificate.type5 .img img {margin: 0 auto 20px;}
	.certificate.type1 .img, .certificate.type2 .img, .certificate.type3 .img, .certificate.type5 .img {top: 70px;}
	.certificate.type4 .img {top: 10px;}
	.certificate.type2 .text-area {margin-left:0; width:100%;}
	.certificate.type2 ul li span:last-child {width:80% }
	.certificate.type4 .text-area {margin-left:0; width:100%;}/* 2016.07.06 추가 */
	.certificate.type4 ul li span:last-child {width:80% }/* 2016.07.06 추가 */
	.certificate.type1 .img {right:0;}
	.certificate.type2 .img {left:0;}
	.certificate.type3 .img {right:0;}
	.certificate.type4 .img {left:0;}/* 2016.07.06 추가 */
	.certificate.type5 .img {left: 0;}
	
	.tit-dl.quality dt br {display:none}
	.ethics_con01 .btn_download{right:50px;}
	.techfull.ethics .conTxt {padding-right:0;}
	.techfull.ethics .conTxt .bratt02{display:none;}
	.ethics_con04 {padding-bottom:100px;}
	.techfull.ethics {position:relative; background-size:cover;margin-top: -138px;}
	.tit-dl.ethics .img {margin:55px auto 0;}

	/* 환경경영 - 202501 */
	.tech-env .tit-dl dd.txt {width:100%}

	/* 스마트건설 - 202501  */
	.smartcon-video-list > li {width:calc((100% - 40px)/3);}
	.smartcon-video-list > li + li {margin-left:20px;}

}

@media all and (max-width:1212px) {
	.ethics_con01 .btn_download{position:relative;top:auto;right:auto;margin-top:22px}
	.ethics_con_list01{margin:42px auto 0;width:678px;}
	.ethics_con_list01 li {margin-bottom:20px;}
	.ethics_con_list01 li:nth-child(4) {margin-left:112px;}
	.ethics_con_list02 dl dt .bratt, .ethics_con_list02 dl dd .bratt{display:block;}
	.ethics_con_list02 dl dd br{display:none;}
	.ethics_con_list02 li + li{margin-left:23px}
	.ethics_con04 .conTxt02 br{display:none}
	.ethics_con04 .conTxt02 .bratt{display:block}
	.ethics_con05 .btn-downlist {flex-wrap:wrap;}
}

@media all and (max-width:980px) {
	.certificate ul li span:last-child {width:65% }
	.certificate.type2 .text-area, .certificate.type4 .text-area {width:100%;}/* 2016.07.06 수정 */

	.ethics_con_list03 ul li{padding-top: 22px;width:calc((100% - 70px)/3);height:163px;line-height:20px;font-size:15px;}
	.ethics_con_list03 ul li:before{margin:0 auto 11px;}
	.ethics_con_list03 ul li:nth-child(2):before{margin:0 auto 2px;}
	.ethics_con_list03 ul li .bratt{display:block;}
}
@media all and (max-width:950px) {
	.certificate.type2 ul li span:last-child, .certificate.type4 ul li span:last-child {width:70%}/* 2016.07.06 수정 */

	/* 안전보건경영 - 20250224 */
	.tech-safety .section-list h4 + p br {display:block;}
	.tech-safety .list-safe-rule > li {padding:16px 14px;box-sizing:border-box;}
	.tech-safety .list-safe-rule > li:nth-child(2n) {text-align:left;}
	.tech-safety .list-safe-rule > li:nth-child(2n+1) > span {display:block;min-width:auto;text-align:left;}

	/* 스마트건설 - 202501  */
	.smartcon-chart .smartcon-chart-list dd > span {font-size:16px;}
	.smartcon-chart .smartcon-chart-list .chart-list-desc1 {padding:10px 12px;}
	.smartcon-chart .smartcon-chart-list .chart-list-desc2 {width:20%;top:270px;padding:10px 12px;}
	.smartcon-chart .smartcon-chart-list .chart-list-desc3 {width:20%;top:270px;padding:10px 12px;}
}

@media all and (max-width:850px) {
	.certificate.type2 .text-area, .certificate.type4 .text-area, .certificate.type5 .text-area {padding-left: 45%;}
	.certificate.type1 .text-area, .certificate.type3 .text-area {padding-right:45%}
	.ethics_con_list02 li + li{margin-left:20px}
}

@media all and (max-width:767px) {
	.tit-dl {padding:0 15px}
	.section-in {padding:0 15px}
	.tit-dl dt {font-size:23px; line-height:32px; letter-spacing:-1px;padding-bottom:25px}
	.tit-dl dt br {display:none}
	.tit-dl dt span {width:60px; }
	.tit-dl dd.txt {margin:25px 0 0 2px; font-size:16px; line-height:26px}
	.tit-dl .img {width:80%; margin:40px auto 0;}

	.tit-dl .img .safety_txt01 {top:6.5%; left:42%}
	.tit-dl .img .safety_txt02 {top:31%; left:74.5%}
	.tit-dl .img .safety_txt03 {bottom:24.5%; left:74.5%}
	.tit-dl .img .safety_txt04 {bottom:-0.8%; left:37%}
	.tit-dl .img .safety_txt05 {bottom:24.5%; left:5.5%}
	.tit-dl .img .safety_txt06 {top:31%; left:9.7%}

	.tit-dl .img.type2 div, .tit-dl .img.type2 span {display:none}

	.techfull.safe {margin-top:-133px; height:auto; padding-bottom:74px; }
	.techfull.environment {margin-top:-145px; }
	.techfull.quality ul li {text-indent:initial}
	.techfull h4 {font-size:20px; margin:0 0 25px 0}
	.techfull ul li {font-size:16px; line-height:26px; margin-left:6px}
	.techfull .conTxt {font-size: 16px; line-height: 26px;}
	.act-list ul li .img,
	.act-list ul li dl {float: none; width: 100%; padding-left: 0;}
	.act-list ul li .img {margin-bottom: 20px;}
	.act-list ul li dl dt {margin-top: 0px; margin-bottom: 5px;}
	.act-list ul li dl dt,
	.act-list ul li dl dd {margin-top: 3px; font-size: 16px;}

	.missionWrap {margin-top: 15px; font-size: 16px;}
	.missionWrap .type1 {margin-bottom: 30px;}
	.missionWrap .type1 li {float: none; width: 100%; margin-left: 0; padding: 15px 0 10px 0;}
	.missionWrap .type2 {padding-top: 50px; background-size: 110% 15%; background-position: 50% 0px;}
	.missionWrap .type2 li {float: none; width: 100%; margin: 0 0 10px 0;}
	.missionWrap .type2 li:first-child,
	.missionWrap .type2 li:last-child {margin-top: 0;}
	.safe_list ul li {float: none; width: 100%; margin: 40px 0 0 0; font-size: 16px;}
	.safe_list ul li:first-child {margin-top: 0;}
	.safe_list ul li i {top: -41px; left: 0; width: 100%; height: 40px;}

	.techfull ul.round-ver {margin-top:0px; box-sizing:border-box}
	.techfull ul.round-ver li {width:100%; margin-top:35px; margin-left:0; margin-right:0; box-sizing:border-box}
	.techfull ul.round-ver li:first-child{margin-top:0}
	.techfull ul.round-ver li span.txt {width:100%; text-align:center; margin:10px auto 0}
	.techfull ul.round-ver li span.round {width:240px; height:129px;}
	.techfull ul.round-ver li span.round .tit {height:29px;}
	.techfull ul.round-ver li span.txt {line-height:32px; margin-top:25px;  width:80%}
	.techfull ul.round-ver li .line {position:absolute; z-index:1; top:50px; width:100%; border-top:1px solid #ccc}

	.tit-dl.quality dt br {display:block}
	.techfull.quality ul li strong {text-indent:-9px; margin-left:10px }
	.certificate {margin-left:15px; margin-right:15px; padding-top:0; margin-top: 70px; border-top:0}
	.certificate .img  {position:relative; top:0 !important; left:0; margin:40px auto 0; text-align:center}
	.certificate .img img {width:auto !important; margin:0 auto}
	.certificate .img a {display:none}
	.certificate dl, .certificate ul {width:100%; }
	.certificate.type2 dl, .certificate.type2 ul,
	.certificate.type4 dl, .certificate.type4 ul {padding-left:0}/* 2016.07.06 수정 */
	.certificate h4 {font-size:23px; margin-bottom:17px}
	.certificate p {font-size:16px; line-height:26px; color:#333;}
	.certificate dl dt {font-size:20px; margin-top:27px;}
	.certificate dl dt:first-child {margin-top:0}
	.certificate dl dd {font-size:16px; line-height:26px;}
	.certificate ul {margin-top:7px}
	.certificate ul li {font-size:13px; line-height:22px;}
	.certificate .text-area {width:100%;}
	.certificate ul li span:first-child {width:74px}
	.certificate ul li span:last-child {width:79%}
	.certificate.type2 ul li span:last-child, .certificate.type4 ul li span:last-child {width:70%}/* 2016.07.06 수정 */
	.certificate.type2 .text-area, .certificate.type4 .text-area, .certificate.type5 .text-area {padding-left: 0; width: 100%; margin-left: 0;}
	.certificate.type1 .text-area, .certificate.type3 .text-area {padding-right:0; width:100%; }
	.certificate.type5 .text-area {min-height: auto;}
	.certificate.type2 ul li span:first-child, .certificate.type4 ul li span:first-child {width:74px;}/* 2016.07.06 수정 */

	.tit-dl.ethics .bratt02{display:block;}
	.tit-dl.ethics .bratt{display:none;}
	.tit-dl.ethics dt br {display:block}
	.techfull.ethics {height:auto;min-height:auto;}
	.techfull.ethics h4 {padding-top:66px;font-size:18px;}
	.techfull.ethics .conTxt {font-size:13px;line-height:1.6;letter-spacing:-0.04em;padding-right:0;padding-bottom:66px;margin-top:30px;}
	.ethics_con01 .bratt{display:none;}
	.ethics_con01 .bratt02{display:block;}
	.section-in[class*=ethics_con] h4{padding-top:40px}

	.ethics_con_list01{margin:16px auto 0;width:auto;}
	.ethics_con_list01 li{float:none;width:auto;height:auto;margin-right:0;margin-bottom:15px;box-shadow:none;padding-bottom:20px;}
	.ethics_con_list01 li:last-child {margin-bottom:0;}
	.ethics_con_list01 dl dt{font-size:15px;padding:28px 0 15px;font-weight:normal}
	.ethics_con_list01 dl dt br{display:none}
	.ethics_con_list01 dl dd{font-size:15px;color:#4c4c4c;line-height:24px;padding-bottom:5px;text-indent: -14px; padding-left: 12px;}
	.ethics_con_list01 dd{margin:0 auto;width:233px}
	.ethics_con_list01 dd br{display:none}
	.ethics_con_list01 li:nth-child(4) {margin-left:0;}

	.ethics_con_list02 li{display:block;width:100%;margin-top:0;}
	.ethics_con_list02 dl{padding-bottom:25px;}
	.ethics_con_list02 li + li{margin:26px 0 0 0}
	.ethics_con_list02 dl dt{font-size:15px;padding:27px 12px 5px;}
	.ethics_con_list02 dl dd{font-size:15px;line-height:22px;}
	.ethics_con_list02 dl dt .bratt, .ethics_con_list02 dl dd .bratt{display:none;}
	.ethics_con_list02 dl dd br{display:block;}
	.ethics_con02 .btn_download {padding-top: 18px;}

	.ethics_con_list03 ul {gap:16px 12px;}
	.ethics_con_list03 ul li{padding-top: 22px;width:calc((100% - 12px)/2);height:120px;line-height:1.6;font-size:13px;font-weight:normal;}
	.ethics_con_list03 ul li:before{width:45px;height:45px;margin:0 auto 10px;background-size:45px auto !important; }
	.ethics_con_list03 ul li:nth-child(2):before{margin:0 auto 10px;}
	.ethics_con_list03 ul li:nth-child(3){margin-left:0}

	.ethics_con04 {padding-bottom:45px;}
	.ethics_con04 .conTxt02 .bratt{display:none}
	.ethics_con04 .btn_link{padding-top:17px;}
	.ethics_con04 .btn_link a{width:179px;height:42px;line-height:42px;font-size:15px;font-weight:normal;}
	.ethics_con04 .btn_link a:after{margin-left:5px;}
	.tit-dl.ethics .img img.img_m {width:438px}
	.tit-dl.ethics .img {width:90%; margin:30px auto 0;}

	.ethics_con05 .btn-downlist {margin-top:16px;gap:16px 12px}
	.ethics_con05 .btn-downlist > li {width:calc((100% - 12px)/2);}
	.ethics_con05 .btn-downlist > li .btn_download > a {width:100%;}

	/* 안전보건경영 - 202501 */
	.techfull.safe {margin-bottom:15px;}
	/* 20250224 */
	.tech-safety .section-list h4 + p br {display:block;}
	.tech-safety .section-list h4 {margin-bottom:2px;}
	.tech-safety .list-ascend {padding-bottom:0;}
	.tech-safety .list-safe-strategy {flex-wrap:wrap;padding:6px 29px 35px;margin-top:6px;margin-bottom:6px;}
	.tech-safety .list-safe-strategy > li {width:100%;margin-top:32px;}
	.tech-safety .list-safe-strategy > li .tit {font-size:14px;line-height:18px;color:#333;border-bottom:1px solid #808080;margin:0 0 5px;padding-bottom:8px;}
	.tech-safety .list-safe-strategy .sub-list > li {font-size:13px;line-height:23px;}
	.tech-safety .list-safe-value {padding:6px 0;}
	.tech-safety .list-safe-value > li {width:100%;border-radius:50px;}
	.tech-safety .list-safe-value > li + li {margin-left:0;margin-top:10px;}
	.tech-safety .list-safe-value > li > span {font-size:15px;line-height:48px;}
	.tech-safety .list-safe-rule {margin-top:-4px;}
	.tech-safety .list-safe-rule > li {width:100%;font-size:14px;line-height:23px;letter-spacing:-0.05em;padding:10px 15px;}
	.tech-safety .list-safe-rule > li:nth-child(2n) {margin-left:0;}
	.tech-safety .list-safe-rule > li:last-child {border:0;padding-bottom:0;}
	.tech-safety .list-safe-logo {margin:8px 0 49px;padding:0 19px 35px;}
	.tech-safety .list-safe-logo .logo-wrap img {width:78%;height:auto;max-width:390px;}
	.tech-safety .list-safe-logo .logo-left {width:100%;padding:40px 0;}
	.tech-safety .list-safe-logo .logo-right {width:100%;padding:40px 0;border-left:0;border-top:1px solid #e1e1e1;}
	.tech-safety .list-safe-logo .logo-desc {font-size:13px;line-height:23px;letter-spacing:-0.06em;margin-top:0}
	.tech-safety .tit-dl .img {width:80%;}

	/* 환경경영 - 202501 */
	.tech-env .tit-dl .img {width:96.6%;}

	/* 스마트건설 - 202501 */
	.smartcon .tech-tit br {display:block;}
	.smartcon-chart {height:auto;text-align:center;margin-top:9px;margin-bottom:6px;}
	.smartcon-chart .img_m {display:inline-block;width:100%;max-width:576px;}
	.smartcon-chart-list {position:absolute;width:0;height:0;overflow:hidden;margin:-1px;visibility:hidden;font-size:0;line-height:0;clip:rect(0px,0px,0px,0px);}
	.smartcon-video-list {display:block;}
	.smartcon-video-list > li {width:100%;}
	.smartcon-video-list > li + li {margin-left:0;margin-top:30px;}
	.smartcon-video-list .video-thumb::after {width:50px;height:50px;background-size:100% auto;}
	.smartcon-video-list .video-desc {padding:12px 9px 19px;}
	.smartcon-video-list .video-desc .tit {font-size:14px;line-height:18px;padding:0 6px 15px;}
	.smartcon-video-list .video-desc .txt > dt {font-size:14px;line-height:18px;padding:12px 6px 14px;margin-bottom:10px;}
	.smartcon-video-list .video-desc .txt > dd {font-size:13px;line-height:23px;color:#4c4c4c;letter-spacing:-0.04em;position:relative;padding:0 6px 0 12px;}
	.smartcon-video-list .video-desc .txt > dd::before {width:3px;height:3px;top:10px;left:6px;}

	.smartcon .list-ascend {margin-top:-18px;}

	.tech-tit {font-size:23px; line-height:32px; letter-spacing:-1px;padding-bottom:25px}
	.tech-tit br {display:none}
	.tech-tit span {width:60px;}
}

@media all and (max-width:650px) {
	.ethics_con01 .conTxt02 br{display:none;}
	.ethics_con01 .bratt02{display:none;}
	.ethics_con01 .conTxt02, .ethics_con02 .conTxt02, .ethics_con04 .conTxt02 {font-size: 16px; line-height:26px;}
	.ethics_con01 .btn_download{margin-top:18px}
	.ethics_con01 .btn_download a{width:140px;height:37px;line-height:37px;font-size:13px;}
	.ethics_con_list02{margin: 30px 0 0;}
}

@media all and (max-width:600px) {	
	.tit-dl.ethics .bratt02{display:none;}
}

@media all and (max-width:470px) {
	.techfull.ethics .conTxt .bratt02{display:block;}	
}

@media all and (max-width:420px) {
	.tit-dl.ethics dt br {display:none;}
	.techfull.ethics {margin-top: -158px;}
}

@media all and (max-width:400px) {
	.certificate ul li span:last-child {width:75%}
}

@media all and (max-width:370px) {
	.tit-dl dt br {display:none;}	
	.certificate ul li span:last-child {width:70%}
}