body {word-break:keep-all;}

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

#CO-OP_PARTNER-CSR .gu_content .gu_sub_title {text-align:left;}
#CO-OP_PARTNER-CSR .gu_tab_depth4 {margin-top:120px;}
#CO-OP_PARTNER-CSR .gu_tab_depth4 ul li {min-width: 50%;}

#CO-OP_PARTNER-CSR .gu_contents_depth4 .gu_btn_down {margin-bottom: 20px;}

#CO-OP_PARTNER-CSR .gu_contents_depth4 .un {margin-top:118px;}
#CO-OP_PARTNER-CSR .gu_contents_depth4 .circles {overflow:hidden; width:100%; font-size:0; margin-bottom: 60px;}
#CO-OP_PARTNER-CSR .gu_contents_depth4 .circles div {width:192px; height:192px; border-radius:100%; background-color:#e0edf0; position:relative; display:inline-block; vertical-align:top;}
#CO-OP_PARTNER-CSR .gu_contents_depth4 .circles div:nth-child(even) {background-color:#f5f5f5;}
#CO-OP_PARTNER-CSR .gu_contents_depth4 .circles div p {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center; width:100%;}
#CO-OP_PARTNER-CSR .gu_contents_depth4 .circles:after {content:''; display:block; clear:both;}

#CO-OP_PARTNER-CSR .gu_contents_depth4.conflict-minerals .gu_box_title {margin:90px 0 30px;}
#CO-OP_PARTNER-CSR .gu_contents_depth4.conflict-minerals .gu_title + .gu_box_title {margin-top:0;}

#CO-OP_PARTNER-CSR .gu_contents_depth4.guideline .gu_grid {margin-top:70px;}
#CO-OP_PARTNER-CSR .gu_contents_depth4.guideline .gu_grid .gu_box_title {margin-bottom:20px;}



/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    #CO-OP_PARTNER-CSR .gu_tab_depth4 {margin-top:60px;}
    #CO-OP_PARTNER-CSR .gu_contents_depth4 .circles div {width:130px;height:130px;}
    #CO-OP_PARTNER-CSR .gu_contents_depth4 .gu_btn_down {margin:25px auto 20px;max-width:667px; text-align:right;}
    #CO-OP_PARTNER-CSR .gu_contents_depth4 .un {margin-top:100px;}
    #CO-OP_PARTNER-CSR .gu_contents_depth4 .circles {margin:0 auto 20px; max-width:652px;}
    #CO-OP_PARTNER-CSR .gu_contents_depth4.conflict-minerals .gu_box_title {margin: 60px 0 20px;}

    #CO-OP_PARTNER-CSR .gu_contents_depth4.guideline .gu_grid {margin-top:60px;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    #CO-OP_PARTNER-CSR .gu_contents_depth4 .circles {max-width:600px;}
    #CO-OP_PARTNER-CSR .gu_contents_depth4 .circles div {width:120px;height:120px;}
    #CO-OP_PARTNER-CSR .gu_contents_depth4 .circles div p {font-size:13px;}
    #CO-OP_PARTNER-CSR .gu_contents_depth4 .un {margin-top:80px;}
    #CO-OP_PARTNER-CSR .gu_contents_depth4 .gu_simple_grid_box li {width:calc(50% - 8px); margin-right:15px;}
    #CO-OP_PARTNER-CSR .gu_contents_depth4 .gu_simple_grid_box li:nth-child(2n) {margin-right:0;}
    #CO-OP_PARTNER-CSR .gu_contents_depth4 .gu_simple_grid_box li:nth-child(1), #CO-OP_PARTNER-CSR .gu_contents_depth4 .gu_simple_grid_box li:nth-child(2) {margin-bottom:20px;}
    #CO-OP_PARTNER-CSR .gu_contents_depth4.guideline .gu_grid {margin-top:50px;}
}
@media all and (max-width: 639px){
    #CO-OP_PARTNER-CSR .gu_contents_depth4 .circles{ max-width:400px; }
    #CO-OP_PARTNER-CSR .gu_contents_depth4 .circles div{ width:99px; height:99px; }
}
@media all and (max-width: 435px){
    #CO-OP_PARTNER-CSR .gu_contents_depth4 .circles{ max-width:280px; }
    #CO-OP_PARTNER-CSR .gu_contents_depth4 .circles div{ width:93px; height:93px; }
}