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;}

#EHS_STRATEGY .gu_tab_depth4 {padding-top: 60px; margin-bottom: 130px;}
#EHS_STRATEGY .gu_tab_depth4 ul li { min-width: calc(100% / 4); }
#EHS_STRATEGY .gu_tab_depth4 ul.col5 li { min-width: calc(100% / 5); width: calc(100% / 5); }

#EHS_STRATEGY .gu_grid_box {margin-top:150px;}
#EHS_STRATEGY .gu_grid_box.type_2{margin-top:100px;}
#EHS_STRATEGY .gu_grid_box li {width:calc((100% - 48px)/3);margin-right:24px; margin-bottom:40px; position:relative;}
#EHS_STRATEGY .gu_grid_box li:nth-child(3) {margin-right:0;}
#EHS_STRATEGY .gu_grid_box li:nth-child(4) {margin-bottom:0; padding-bottom:0;}
#EHS_STRATEGY .gu_grid_box li:nth-child(5) {margin-bottom:0; padding-bottom:0;}
#EHS_STRATEGY .gu_grid_box.type_2 li{width:calc((100% - 72px)/4);  margin-bottom:0; padding: 24px 0 0;}
#EHS_STRATEGY .gu_grid_box.type_2 li:nth-child(3){margin-right: 24px;}
#EHS_STRATEGY .gu_grid_box.type_2 li:nth-child(4){margin-right:0;}
#EHS_STRATEGY .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;}
#EHS_STRATEGY .gu_grid_box li:nth-child(1):before {content:'01'}
#EHS_STRATEGY .gu_grid_box li:nth-child(2):before {content:'02'}
#EHS_STRATEGY .gu_grid_box li:nth-child(3):before {content:'03'}
#EHS_STRATEGY .gu_grid_box li:nth-child(4):before {content:'04'}
#EHS_STRATEGY .gu_grid_box li:nth-child(5):before {content:'05'}
#EHS_STRATEGY .gu_grid_box li .bottom {height:140px;}
#EHS_STRATEGY .gu_grid_box li .bottom p {width:80%; text-align:left; }
#EHS_STRATEGY .gu_grid_box li .bottom p span{display:block; position: relative; padding-left: 15px;}
#EHS_STRATEGY .gu_grid_box li .bottom p span:before{content: '•'; display: inline-block; position: absolute; left: 0;}

#EHS_STRATEGY .diagram {position:relative; text-align:center;}
#EHS_STRATEGY .diagram img{width:360px;}
#EHS_STRATEGY .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_EHS.quality-operation .gu_text.box span{display:block;position:relative;padding-left:12px}
#SUSTAINABILITY_EHS.quality-operation .gu_text.box{background:#f2f2f2;padding:40px}
#SUSTAINABILITY_EHS.quality-operation .gu_text.box span::before{content:"•";position:absolute;left:0;top:0}

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

#SUSTAINABILITY_EHS.quality-operation .gu_grid_box li:nth-child(4){margin-right:0}
#SUSTAINABILITY_EHS.quality-operation .gu_grid_box li:nth-child(3){margin-right:12px}
#SUSTAINABILITY_EHS.quality-operation .gu_grid_box li:before{display:none}
#SUSTAINABILITY_EHS.quality-operation .diagram_text+.gu_sub_title{margin-bottom:30px;text-align:center}
#SUSTAINABILITY_EHS.quality-operation .diagram_mid .line{position:relative;width:1px;height:60px;background:#e5e5e5;margin: -20px auto 0;}
#SUSTAINABILITY_EHS.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_EHS.quality-operation .gu_grid_box li .bottom p span{font-size:16px}
#SUSTAINABILITY_EHS.quality-operation .gu_grid_box li .bottom{height:290px}
#SUSTAINABILITY_EHS.quality-operation .diagram_mid .box {text-align: center;}
#SUSTAINABILITY_EHS.quality-operation .diagram_mid .box .gu_sub_title {background: #e5e5e5; width: auto;display: inline-block;padding: 5px 30px;}
#SUSTAINABILITY_EHS.quality-operation .diagram_mid .box:before {content: '';position: relative;display: block;border-top: 1px solid #e5e5e5;top: 22px;z-index: -1;}
#SUSTAINABILITY_EHS.quality-operation .diagram_mid + .gu_grid_box {margin-top: 0px;}
#SUSTAINABILITY_EHS.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_EHS.quality-operation .diagram_btm{border-top:1px solid #64b6c9;text-align:center;padding-top:60px}
#SUSTAINABILITY_EHS.quality-operation .diagram_btm .box .gu_sub_title{background:#64b6c9;width:auto;display:inline-block;padding:5px 30px;color:#fff}
#SUSTAINABILITY_EHS.quality-operation .diagram_btm .box{width:100%;text-align:center;margin-top:-23px}
#SUSTAINABILITY_EHS.quality-operation .certificate ul {font-size:0; margin-top:60px;margin-bottom:30px;}
#SUSTAINABILITY_EHS.quality-operation .certificate ul li {display:inline-block; margin-right:17.5px; width: calc(20% - 14px); box-sizing: border-box;}
#SUSTAINABILITY_EHS.quality-operation .certificate ul li:last-child {margin-right:0;}
#SUSTAINABILITY_EHS.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_EHS.quality-operation .certificate ul li a:hover {border-color:#222}
#SUSTAINABILITY_EHS.quality-operation .certificate ul li .desc {font-size:16px; margin-bottom:20px;}
#SUSTAINABILITY_EHS.quality-operation #certificationAll_download {text-align: left;}
#SUSTAINABILITY_EHS.quality-operation .diagram img { width:310px;height: auto;}
#EHS_STRATEGY .diagram .diagram_text {font-size: 21px;}

#EHS_STRATEGY .gu_contents_depth4 h2.gu_title {
    margin: 120px 0 60px 0;
    border-top: 1px solid #808080;
    padding-top: 180px;
}
#EHS_STRATEGY .gu_contents_depth4 h2.gu_title:first-child {
	margin: 0 0 60px 0;
	border: 0;
	padding-top: 60px;
}
#EHS_STRATEGY .strategy_area .inner_desc {padding-top: 70px;}
#EHS_STRATEGY .strategy_area h2 {font-size: 22px; line-height: 34px; color: #222; font-weight: 700; margin:70px 0 55px; padding-top:70px;border-top:1px solid #e5e5e5;}
#EHS_STRATEGY .strategy_area h2:first-child {border-top:0;padding-top:0;margin-top:0;}
#EHS_STRATEGY .strategy_area h2 + p {font-size: 18px; line-height: 30px; color: #222; padding-left:0; margin-bottom:45px;}
#EHS_STRATEGY .strategy_area h3 {padding-left:20px;font-size: 20px; line-height: 34px; color: #222; font-weight: 700; margin:50px 0 20px; padding-top:20px;}
#EHS_STRATEGY .strategy_area h3 + p {font-size: 18px; line-height: 30px; color: #222; padding-left:20px; margin-bottom:45px;}
#EHS_STRATEGY .strategy_area h3.margin0{margin:0;}
#EHS_STRATEGY .strategy_area h3.pt_0{padding-top:0;}

#EHS_STRATEGY .strategy_area h4 {padding-left:38px;font-size: 18px; line-height: 30px; color: #222; margin: 50px 0 20px;}
#EHS_STRATEGY .strategy_area h4 + p {font-size: 18px; padding-left:38px;}
#EHS_STRATEGY .strategy_area h5 {padding-left:20px;font-size: 15px; line-height: 30px; font-weight:1000;}
#EHS_STRATEGY .strategy_area p + h5, #EHS_STRATEGY .strategy_area ul + h5 {margin-top:30px;}
#EHS_STRATEGY .strategy_area p {padding-left:20px;}
#EHS_STRATEGY .strategy_area .p_number {font-size: 18px; line-height: 30px; color: #222; padding-left:0; margin-bottom:20px; text-indent: -20px; margin-left: 20px;}
#EHS_STRATEGY .strategy_area .p_number.indent{padding-left: 20px;}
#EHS_STRATEGY .strategy_area .type-bullet + .type-bullet {margin-top:30px;}
#EHS_STRATEGY .strategy_area .type-bullet li {font-size:18px; position:relative;padding-left:38px;text-indent:-12px;}
#EHS_STRATEGY .strategy_area .type-bullet li:before {content:'-'; margin-right:6px;}
#EHS_STRATEGY .strategy_area .type-none {padding-bottom: 20px;}
#EHS_STRATEGY .strategy_area .type-none li {font-size: 18px;position:relative;padding-left:38px;text-indent:-12px;}
#EHS_STRATEGY .strategy_area .type-none li:before {content:''; margin-right:6px;}
#EHS_STRATEGY .strategy_area .type-bullet + p {margin:30px 0;}
#EHS_STRATEGY .strategy_area p + .type-bullet {margin-top:30px;}
#EHS_STRATEGY .strategy_area a.link {color:#188aa4;}

#EHS_STRATEGY .gu_text.box {background:#f2f2f2; padding:40px;}
#EHS_STRATEGY .gu_text.box.mb_50{margin-bottom:50px;}
#EHS_STRATEGY .gu_text.box p {display:block; position:relative; padding-left:12px;}
#EHS_STRATEGY .gu_text.box span {display:block; position:relative; padding-left:12px;}
#EHS_STRATEGY .gu_text.box .gu_btn_down {margin-top: 20px;}
#EHS_STRATEGY .gu_btn_down.right_caption {padding-top: 90px;}

#EHS_STRATEGY .gu_grid .gu_text .gu_text_box_title{
	display: inline-block;
    width: 100%;
    padding-bottom: 10px;
}
#EHS_STRATEGY .gu_grid .gu_text .gu_text_box_title .left{display: block; float:left;}
#EHS_STRATEGY .gu_grid .gu_text .gu_text_box_title .right{display: block; float:right;}
#EHS_STRATEGY .gu_grid .gu_text .gu_text_box_title p{display:inline-block;}
#EHS_STRATEGY .gu_grid .gu_text .gu_text_box_title p:hover{display:inline-block; text-decoration:underline;}
#EHS_STRATEGY .gu_grid .gu_text .gu_text_box_title p span.down_icon{position:relative; display:inline-block; padding-right:10px; vertical-align:middle;}
#EHS_STRATEGY .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_STRATEGY .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_STRATEGY .gu_grid .gu_text .gu_text_box_contents span.content{display : inline-block;}
#EHS_STRATEGY .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_STRATEGY .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_STRATEGY .gu_grid .gu_text .gu_text_box_contents span.content a:hover{color: rgba(34, 34, 34, 0.57); opacity:0.5;}
.gu_text .gu_text_box_contents .flex{display:flex; flex-wrap: wrap;}
.gu_text .gu_text_box_contents .flex li{flex:1 0 45%;}

#EHS_STRATEGY .maxinner { margin-top: 120px;}
#EHS_STRATEGY .maxinner .space.bd-t { padding-top: 5%; margin-top: 5%;}
#EHS_STRATEGY .maxinner .space.bd-t:first-child{padding: 0; margin: 0;}
#EHS_STRATEGY .halfbox { display:flex;}
#EHS_STRATEGY .halfbox .left { width: 30%; padding-right:10%;}
#EHS_STRATEGY .halfbox .left .tit { font-size:1.4rem; color:#333333; letter-spacing:-0.007em; font-weight:700; line-height:1.588em;}
#EHS_STRATEGY .halfbox .left .tit span { display:block; font-size:2.4rem; color:#333333; font-weight:500; line-height:1.4em; letter-spacing:-0.010em;}
#EHS_STRATEGY .halfbox .left .txt { margin-top:0.722em; font-size:1.8rem; color:#666666; letter-spacing:-0.014em; font-weight:300; line-height:1.667em;}
#EHS_STRATEGY .halfbox .right { width: 60%;}
#EHS_STRATEGY .halfbox .right .tbstyle02 { margin-top:1em;}
#EHS_STRATEGY .halfbox .btnwrap { margin-top:5em;}

#EHS_STRATEGY .flexbox { display:flex; margin-left:-2%;padding-bottom: 20px; flex-wrap:wrap; margin-top:-2%;}
#EHS_STRATEGY .flexbox li { display:flex; flex-direction:column; justify-content:flex-start; padding:1em; margin-left:2%; width: 24%; min-height:5.5em; border:1px solid #dcdcdc;  margin-top:2%;}
#EHS_STRATEGY .flexbox li span { font-size: 1rem;}
#EHS_STRATEGY .flexbox li strong { font-size:1.5rem; color:#333333; line-height:1.667em; letter-spacing:-0.014em; font-weight:700;}
#EHS_STRATEGY .flexbox li p { font-size:1rem; color:#666666; line-height:1.667em; letter-spacing:-0.014em; font-weight:300;}


/* ================================== pc css ================================== */
@media all and (min-width: 1081px) {
	#SUSTAINABILITY_EHS.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) {
    #EHS_STRATEGY .diagram img {width:251px;height:253px;}
    #EHS_STRATEGY .diagram .diagram_text {font-size:16px; line-height:24px;}
    #EHS_STRATEGY .gu_grid_box {margin-top:100px;}
    #EHS_STRATEGY .gu_grid_box li {width:calc(50% - 10px); margin-bottom:60px;}
    #EHS_STRATEGY .gu_grid_box li {margin-right:20px;}
    #EHS_STRATEGY .gu_grid_box li:nth-child(3) {margin-right:20px;}
    #EHS_STRATEGY .gu_grid_box li:nth-child(2n) {margin-right:0;}
    #EHS_STRATEGY .gu_grid_box li .bottom {height:120px;}
    
    /* EHS 경영시스템 */
    #SUSTAINABILITY_EHS.quality-operation .diagram_text + .gu_sub_title {margin-bottom: 15px;}
    #SUSTAINABILITY_EHS.quality-operation .certificate ul li {width:calc(20% - 12px); margin-right:15px;}
    #SUSTAINABILITY_EHS.quality-operation .gu_btn_down {text-align:right;}
    #SUSTAINABILITY_EHS.quality-operation .diagram img {width: 230px;}
 
    #EHS_STRATEGY .gu_tab_depth4 {margin-top:100px;}
    #EHS_STRATEGY .strategy_area h2 {font-size:20px; line-height:26px;margin:45px 0 30px; padding-top:45px;}
    #EHS_STRATEGY .strategy_area h3 {font-size:18px; line-height:26px;margin:45px 0 30px; padding-top:45px;}
    #EHS_STRATEGY .strategy_area h4 {font-size:14px; line-height:24px; padding-left:10px;}
    #EHS_STRATEGY .strategy_area h5 {font-size:14px; line-height:24px; padding-left:10px;}
    #EHS_STRATEGY .strategy_area h3 + p {font-size:15px; line-height:25px; margin-bottom:25px;}
    #EHS_STRATEGY .strategy_area p {padding-left:10px;}
    #EHS_STRATEGY .strategy_area .type-bullet + p {margin:25px 0;}
    #EHS_STRATEGY .strategy_area .type-bullet li {padding-left:22px;}
    #EHS_STRATEGY .strategy_area p + .type-bullet {margin-top:25px;}   
    
    
}
@media all and (max-width: 876px) {
	#EHS_STRATEGY .flexbox li {width: 23%;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    #EHS_STRATEGY .gu_grid_box {margin-top:80px;}
    #EHS_STRATEGY .diagram .diagram_text {width:100%}
    #EHS_STRATEGY .gu_grid_box li {width:100%;margin-right:0;margin-bottom:40px;}
    #EHS_STRATEGY .gu_grid_box.type_2 li {width:100%;margin-right:0;margin-bottom:40px;}
    #EHS_STRATEGY .gu_grid_box li:nth-child(4) {margin-bottom:40px; padding:20px 0;}
    #EHS_STRATEGY .gu_grid_box li:before {font-size:16px;top:-45px;}
    #EHS_STRATEGY .gu_grid_box li .bottom {padding:30px 20px;}
    
    /* EHS 경영시스템 */
    #SUSTAINABILITY_EHS.quality-operation .diagram img {width: 251px;}
    #SUSTAINABILITY_EHS.quality-operation .gu_text.box {padding: 30px 20px;}
    #SUSTAINABILITY_EHS.quality-operation .gu_text.boxnum {padding: 30px 20px;}
    #SUSTAINABILITY_EHS.quality-operation .diagram_mid .line{ height: 45px;margin: -20px auto 0px;}
    #SUSTAINABILITY_EHS.quality-operation .certificate ul {margin-top:30px;}
    #SUSTAINABILITY_EHS.quality-operation .certificate ul li {width:calc(50% - 10px);}
    #SUSTAINABILITY_EHS.quality-operation .certificate ul li:nth-of-type(3) {margin-right:0;}
    #SUSTAINABILITY_EHS.quality-operation .certificate ul li .desc {font-size:13px; margin-bottom:10px; margin-top:30px;}
    #SUSTAINABILITY_EHS.quality-operation .gu_grid_box li .bottom p span {font-size: 13px;}
    
    #EHS_STRATEGY .gu_tab_depth4 {margin-top:60px;}
    #EHS_STRATEGY .strategy_area h4 {font-size:13px; padding-left:0;}
    #EHS_STRATEGY .strategy_area h5 {padding-left:0;}
    #EHS_STRATEGY .strategy_area h3 + p {font-size:14px; line-height:24px; margin-bottom:20px;}
    #EHS_STRATEGY .strategy_area p {padding-left:0; font-size:13px;}
    #EHS_STRATEGY .strategy_area .type-bullet + p {margin:20px 0;}
    #EHS_STRATEGY .strategy_area .type-bullet li {padding-left:12px;}
    #EHS_STRATEGY .strategy_area p + .type-bullet {margin-top:20px;}
    
    #EHS_STRATEGY .halfbox .left { width: 30%; padding-right:10%;}
    #EHS_STRATEGY .flexbox li {width: 35%;}
    #EHS_STRATEGY .halfbox .left .tit span { font-size:1.9rem;}
}

@media all and (max-width: 550px) {
	#EHS_STRATEGY .flexbox li {width: 34%;}
}