body {word-break:keep-all;}

/* 서브페이지 키비쥬얼 */
#SUB_KEYVISUAL .gu_sub_top .kv_img_area {background-image: url('../../../img/sustainability/ehs/KV_sustainability_ehs.jpg');}

#SUSTAINABILITY_QUALITY-OPERATION .gu_sub_title {text-align:left;}

#QUALITY-OPERATION .gu_grid_box {margin-top:150px;}
#QUALITY-OPERATION .gu_grid_box li {width:calc((100% - 48px)/3);margin-right:24px; margin-bottom:40px; position:relative;}
#QUALITY-OPERATION .gu_grid_box li:nth-child(3) {margin-right:0;}
#QUALITY-OPERATION .gu_grid_box li:nth-child(4) {margin-bottom:0; padding-bottom:0;}
#QUALITY-OPERATION .gu_grid_box li:nth-child(5) {margin-bottom:0; padding-bottom:0;}
#QUALITY-OPERATION .gu_grid_box li:before {position:absolute;top:-50px;left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); font-size:18px; line-height:32px;}
#QUALITY-OPERATION .gu_grid_box li:nth-child(1):before {content:'01'}
#QUALITY-OPERATION .gu_grid_box li:nth-child(2):before {content:'02'}
#QUALITY-OPERATION .gu_grid_box li:nth-child(3):before {content:'03'}
#QUALITY-OPERATION .gu_grid_box li:nth-child(4):before {content:'04'}
#QUALITY-OPERATION .gu_grid_box li:nth-child(5):before {content:'05'}
#QUALITY-OPERATION .gu_grid_box li .bottom {height:140px;}
#QUALITY-OPERATION .gu_grid_box li .bottom p {width:80%; text-align:left; }
#QUALITY-OPERATION .gu_grid_box li .bottom p span{display:block; position: relative; padding-left: 15px;}
#QUALITY-OPERATION .gu_grid_box li .bottom p span:before{content: '•'; display: inline-block; position: absolute; left: 0;}

#QUALITY-OPERATION .diagram {position:relative; text-align:center;}
#QUALITY-OPERATION .diagram img{width:360px;}
#QUALITY-OPERATION .diagram .diagram_text {position:absolute;top:50%;left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); font-size:22px; line-height:36px;color:#222;}

/* EHS 경영시스템 */
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .gu_text.box span{display:block;position:relative;padding-left:12px}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .gu_text.box{background:#f2f2f2;padding:40px}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .gu_text.box span::before{content:"•";position:absolute;left:0;top:0}

#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .gu_text.boxnum span{display:block;position:relative;}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .gu_text.boxnum {background:#f2f2f2;padding:40px}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .gu_text.boxnum span::before{position:absolute;left:0;top:0}

#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .gu_grid_box li:nth-child(4){margin-right:0}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .gu_grid_box li:nth-child(3){margin-right:12px}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .gu_grid_box li:before{display:none}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .diagram_text+.gu_sub_title{margin-bottom:30px;text-align:center}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .diagram_mid .line{position:relative;width:1px;height:60px;background:#e5e5e5;margin: -20px auto 0;}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .diagram_mid .triangle-top{width:0;height:0;margin:20px auto;border-bottom:20px solid #e5e5e5;border-left:12px solid transparent;border-right:12px solid transparent}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .gu_grid_box li .bottom p span{font-size:16px}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .gu_grid_box li .bottom{height:290px}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .diagram_mid .box {text-align: center;}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .diagram_mid .box .gu_sub_title {background: #e5e5e5; width: auto;display: inline-block;padding: 5px 30px;}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .diagram_mid .box:before {content: '';position: relative;display: block;border-top: 1px solid #e5e5e5;top: 22px;z-index: -1;}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .diagram_mid + .gu_grid_box {margin-top: 0px;}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .diagram_btm .line{position:relative;width:80%;height:50px;border:1px solid #64b6c9;border-top:0;margin:-60px auto 0;z-index:-1}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .diagram_btm{border-top:1px solid #64b6c9;text-align:center;padding-top:60px}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .diagram_btm .box .gu_sub_title{background:#64b6c9;width:auto;display:inline-block;padding:5px 30px;color:#fff}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .diagram_btm .box{width:100%;text-align:center;margin-top:-23px}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .certificate ul {font-size:0; margin-top:60px;margin-bottom:30px;}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .certificate ul li {display:inline-block; margin-right:17.5px; width: calc(20% - 14px); box-sizing: border-box;}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .certificate ul li:last-child {margin-right:0;}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .certificate ul li a {display: block;border:1px solid #dedede; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;transition:border 0.3s}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .certificate ul li a:hover {border-color:#222}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .certificate ul li .desc {font-size:16px; margin-bottom:20px;}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation #certificationAll_download {text-align: left;}
#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .diagram img { width:310px;height: auto;}
#QUALITY-OPERATION .diagram .diagram_text {font-size: 21px;}

/* ================================== pc css ================================== */
@media all and (min-width: 1081px) {
	#SUSTAINABILITY_QUALITY-OPERATION.quality-operation .gu_grid_box li{width:calc((25% - 10px));margin-right:12px;padding-top: 10px;border-top:0;margin-bottom: 0;}
}
/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    #QUALITY-OPERATION .diagram img {width:251px;height:253px;}
    #QUALITY-OPERATION .diagram .diagram_text {font-size:16px; line-height:24px;}
    #QUALITY-OPERATION .gu_grid_box {margin-top:100px;}
    #QUALITY-OPERATION .gu_grid_box li {width:calc(50% - 10px); margin-bottom:60px;}
    #QUALITY-OPERATION .gu_grid_box li {margin-right:20px;}
    #QUALITY-OPERATION .gu_grid_box li:nth-child(3) {margin-right:20px;}
    #QUALITY-OPERATION .gu_grid_box li:nth-child(2n) {margin-right:0;}
    #QUALITY-OPERATION .gu_grid_box li .bottom {height:120px;}
    
    /* EHS 경영시스템 */
    #SUSTAINABILITY_QUALITY-OPERATION.quality-operation .diagram_text + .gu_sub_title {margin-bottom: 15px;}
    #SUSTAINABILITY_QUALITY-OPERATION.quality-operation .certificate ul li {width:calc(20% - 12px); margin-right:15px;}
    #SUSTAINABILITY_QUALITY-OPERATION.quality-operation .gu_btn_down {text-align:right;}
    #SUSTAINABILITY_QUALITY-OPERATION.quality-operation .diagram img {width: 230px;}
    
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    #QUALITY-OPERATION .gu_grid_box {margin-top:80px;}
    #QUALITY-OPERATION .diagram .diagram_text {width:100%}
    #QUALITY-OPERATION .gu_grid_box li {width:100%;margin-right:0;margin-bottom:40px;}
    #QUALITY-OPERATION .gu_grid_box li:nth-child(4) {margin-bottom:40px; padding:20px 0;}
    #QUALITY-OPERATION .gu_grid_box li:before {font-size:16px;top:-45px;}
    #QUALITY-OPERATION .gu_grid_box li .bottom {padding:30px 20px;}
    
    /* EHS 경영시스템 */
    #SUSTAINABILITY_QUALITY-OPERATION.quality-operation .diagram img {width: 251px;}
    #SUSTAINABILITY_QUALITY-OPERATION.quality-operation .gu_text.box {padding: 30px 20px;}
    #SUSTAINABILITY_QUALITY-OPERATION.quality-operation .gu_text.boxnum {padding: 30px 20px;}
    #SUSTAINABILITY_QUALITY-OPERATION.quality-operation .diagram_mid .line{ height: 45px;margin: -20px auto 0px;}
    #SUSTAINABILITY_QUALITY-OPERATION.quality-operation .certificate ul {margin-top:30px;}
    #SUSTAINABILITY_QUALITY-OPERATION.quality-operation .certificate ul li {width:calc(50% - 10px);}
    #SUSTAINABILITY_QUALITY-OPERATION.quality-operation .certificate ul li:nth-of-type(3) {margin-right:0;}
    #SUSTAINABILITY_QUALITY-OPERATION.quality-operation .certificate ul li .desc {font-size:13px; margin-bottom:10px; margin-top:30px;}
    #SUSTAINABILITY_QUALITY-OPERATION.quality-operation .gu_grid_box li .bottom p span {font-size: 13px;}
}