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_PHILOSOPHY .gu_content .gu_sub_title {text-align:left; margin-bottom:50px;}
#CO-OP_PHILOSOPHY .gu_content .gu_box_title {text-align:center;}
#CO-OP_PHILOSOPHY .gu_content .diagram {margin:100px 0 80px; text-align:center;}
#CO-OP_PHILOSOPHY .gu_content .diagram .diagram_inner {position:relative; display:inline-block; margin-left:-20px;}
#CO-OP_PHILOSOPHY .gu_content .diagram .diagram_inner .img{width:346px;}
#CO-OP_PHILOSOPHY .gu_content .diagram .diagram_inner .diagram_text {position:absolute; width:100%; 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%);}
#CO-OP_PHILOSOPHY .gu_content .diagram .diagram_inner .diagram_text span {display:inline-block;}
#CO-OP_PHILOSOPHY .gu_content .diagram .diagram_inner .diagram_text span.center {font-size:24px;}
#CO-OP_PHILOSOPHY .gu_content .diagram .diagram_inner .diagram_text span:first-child {position:absolute;left:-16px;}
#CO-OP_PHILOSOPHY .gu_content .diagram .diagram_inner .diagram_text span:last-child {position:absolute; right:-34px;}


#CO-OP_PHILOSOPHY .gu_content .download_list ul {
    font-size: 0;
}
#CO-OP_PHILOSOPHY .gu_content .download_list ul li {
    padding: 30px 60px;
    background: #f2f2f2;
    margin-bottom: 60px;
}
#CO-OP_PHILOSOPHY .gu_content .download_list ul li > div {
    display: inline-block;
    vertical-align: top;
}
#CO-OP_PHILOSOPHY .gu_content .download_list .img_area {width:45%; padding-right:30px;}
#CO-OP_PHILOSOPHY .gu_content .download_list .text_area {width: 50%;}
#CO-OP_PHILOSOPHY .download_list ul li > div.text_area .gu_title {
    text-align: left;
    padding-bottom: 20px;
}
#CO-OP_PHILOSOPHY .download_list ul li > div.text_area .gu_sub_title {
    text-align: left;
    margin-bottom: 60px;
}

#CO-OP_PHILOSOPHY .gu_content .download_list .gu_btn_down {text-align:left;}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    #CO-OP_PHILOSOPHY .gu_content .gu_sub_title {margin-bottom:30px;}
    #CO-OP_PHILOSOPHY .gu_content .diagram {margin:50px 0 40px;}
    #CO-OP_PHILOSOPHY .gu_content .diagram .diagram_inner {width:345px;}
    #CO-OP_PHILOSOPHY .gu_content .diagram .diagram_inner .diagram_text span.center {font-size:18px;}
}


@media all and (max-width: 840px) {
	#CO-OP_PHILOSOPHY .gu_content .download_list .img_area {width:100%;}
	#CO-OP_PHILOSOPHY .gu_content .download_list .text_area {width:100%; padding-top:30px;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    #CO-OP_PHILOSOPHY .gu_content .diagram .diagram_inner {width:244px}
    #CO-OP_PHILOSOPHY .gu_content .diagram .diagram_inner .diagram_text {font-size:15px;}
    #CO-OP_PHILOSOPHY .gu_content .diagram .diagram_inner .diagram_text span.center {font-size:16px;}
    #CO-OP_PHILOSOPHY .gu_content .diagram .diagram_inner .diagram_text span:first-child {left:-11px;}
    #CO-OP_PHILOSOPHY .gu_content .diagram .diagram_inner .diagram_text span:last-child {right:-26px;}
    #CO-OP_PHILOSOPHY .gu_content .gu_box_title {font-size:16px;}
    #CO-OP_PHILOSOPHY .gu_content .download_list ul li {padding: 30px 30px;}
}

@media all and (max-width: 480px) {
	
}