body{word-break:keep-all;}

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

#SUSTAINABILITY_EHS .gu_sub_title {text-align:left;}
#SUSTAINABILITY_EHS .gu_table tbody tr:hover {background:none;}

#EHS_SYSTEM .gu_tab_depth4 {margin-top:120px;}
#EHS_SYSTEM .gu_tab_depth4 ul li {min-width:50%;}

#EHS_SYSTEM .gu_grid_box {margin-top:80px;}
#EHS_SYSTEM .gu_grid_box li .bottom {height:220px;}
#EHS_SYSTEM .gu_grid_box li .bottom p {width:85%;}

#EHS_SYSTEM .certificate ul {font-size:0; margin-top:60px;margin-bottom:30px;}
#EHS_SYSTEM .certificate ul li {display:inline-block; margin-right:17.5px; width: calc(20% - 14px); box-sizing: border-box;}
#EHS_SYSTEM .certificate ul li:last-child {margin-right:0;}
#EHS_SYSTEM .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}
#EHS_SYSTEM .certificate ul li a:hover {border-color:#222}
#EHS_SYSTEM .certificate ul li img {}
#EHS_SYSTEM .certificate ul li .desc {font-size:16px; margin-bottom:20px;}

#EHS_SYSTEM .gu_text.box {background:#f2f2f2; padding:40px;}
#EHS_SYSTEM .gu_text.box p {display:block; position:relative; padding-left:12px;}
#EHS_SYSTEM .gu_text.box span {display:block; position:relative; padding-left:12px;}
#EHS_SYSTEM .gu_text.box .gu_btn_down {margin-top: 20px;}

#EHS_SYSTEM .gu_grid .gu_text .gu_text_box_title{
	display: inline-block;
    width: 100%;
    padding-bottom: 10px;
}
#EHS_SYSTEM .gu_grid .gu_text .gu_text_box_title .left{display: block; float:left;}
#EHS_SYSTEM .gu_grid .gu_text .gu_text_box_title .right{display: block; float:right;}
#EHS_SYSTEM .gu_grid .gu_text .gu_text_box_title p{display:inline-block;}
#EHS_SYSTEM .gu_grid .gu_text .gu_text_box_title p:hover{display:inline-block; text-decoration:underline;}
#EHS_SYSTEM .gu_grid .gu_text .gu_text_box_title p span.down_icon{position:relative; display:inline-block; padding-right:10px; vertical-align:middle;}
#EHS_SYSTEM .gu_grid .gu_text .gu_text_box_title p span.down_icon:before{content:''; width:18px; height:18px; background:url('../../../../img/common/ico_download.png') no-repeat right center / contain; padding-right:97%; margin-top:5px;}
#EHS_SYSTEM .gu_grid .gu_text .gu_text_box_title p span.down_icon:hover:before{ padding-right:97%; background:url('../../../../img/common/ico_download_hov.png') no-repeat right center / contain; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
#EHS_SYSTEM .gu_grid .gu_text .gu_text_box_contents span.content{display : inline-block;}
#EHS_SYSTEM .gu_grid .gu_text .gu_text_box_contents span.content a:before{opacity:1;padding-left:0;background:url('../../../../img/common/ico_outlink_black.svg') no-repeat right center / 14px; padding-right:17px;}
#EHS_SYSTEM .gu_grid .gu_text .gu_text_box_contents span.content a{opacity:1;border-bottom:solid; border-width:1px;padding-left:0;background:url('../../../../img/common/ico_outlink_black.svg') no-repeat right center / 14px; padding-right:17px}
#EHS_SYSTEM .gu_grid .gu_text .gu_text_box_contents span.content a:hover{color: rgba(34, 34, 34, 0.57); opacity:0.5;}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px){
    #EHS_SYSTEM .gu_tab_depth4 {margin-top:70px;}
    #EHS_SYSTEM .gu_grid_box {margin-top:-10px;}
    #EHS_SYSTEM .certificate ul li {width:calc(20% - 12px); margin-right:15px;}
    #EHS_SYSTEM .gu_btn_down {text-align:right;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px){
    #EHS_SYSTEM .gu_grid_box li .bottom {padding:30px 20px;}
    #EHS_SYSTEM .certificate ul {margin-top:30px;}
    #EHS_SYSTEM .certificate ul li {width:calc(33.333% - 10px);}
    #EHS_SYSTEM .certificate ul li:nth-of-type(3) {margin-right:0;}
    #EHS_SYSTEM .certificate ul li .desc {font-size:13px; margin-bottom:10px; margin-top:30px;}
    
    #EHS_SYSTEM .gu_text.box {padding:30px 20px;}
    #EHS_SYSTEM .gu_grid.sec1 .diagram .gu_img {width: 100%;}
    #EHS_SYSTEM .gu_grid .gu_text .gu_text_box_title p span.down_icon:before{width:13px;height:13px;}
 	#EHS_SYSTEM .gu_grid .gu_text .gu_text_box_title p span.down_icon:before:hover{width:13px;height:13px;}
 	#EHS_SYSTEM .gu_grid .gu_text .gu_text_box_title p span.down_icon:before{margin-top:5px;padding-right:100%;}
}