body {word-break:keep-all;}

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

#FAIRTRADE_TEAM-UP .grid_box3 {font-size:0; text-align:center;max-width:876px;margin:0 auto;}
#FAIRTRADE_TEAM-UP .grid_box3 .box.box_top {display:block;width:calc(33.33% * 2);margin:0 auto;padding-right:0;}
#FAIRTRADE_TEAM-UP .grid_box3 .box {position:relative;display:inline-block; vertical-align:top;padding-right:20px;width:33.33%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#FAIRTRADE_TEAM-UP .grid_box3 .box.box3 {padding-right:0; padding-left:20px;}
#FAIRTRADE_TEAM-UP .grid_box3 .box p {position:relative; width:100%; padding:18px 12px; margin-bottom:16px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#FAIRTRADE_TEAM-UP .grid_box3 .box > span {display:block; text-align:left; position:relative; padding-left:15px;}
#FAIRTRADE_TEAM-UP .grid_box3 .box > span:before {content:'-'; display:inline-block; position:absolute; left:0; }

#FAIRTRADE_TEAM-UP .grid_box3 .box.box_top p:nth-child(1) {background:#188aa4;color:#fff;margin-bottom:80px;width:50%;}
#FAIRTRADE_TEAM-UP .grid_box3 .box.box1 p:nth-child(1),
#FAIRTRADE_TEAM-UP .grid_box3 .box.box2 p:nth-child(1) {background:#e0edf0;}
#FAIRTRADE_TEAM-UP .grid_box3 .box.box1 p:nth-child(2),
#FAIRTRADE_TEAM-UP .grid_box3 .box.box2 p:nth-child(2),
#FAIRTRADE_TEAM-UP .grid_box3 .box.box3 p:nth-child(2),
#FAIRTRADE_TEAM-UP .grid_box3 .box.box3 p:nth-child(3) {background:#fff;border:1px solid #dcdcdc;}
#FAIRTRADE_TEAM-UP .grid_box3 .box.box3 p:nth-child(1) {background:#e7e7e7;}

#FAIRTRADE_TEAM-UP .grid_box3 .box.box_top p:nth-child(1):before {content: ''; position: absolute; width: 1px; height: 37px; background: #c8c8c8; bottom: -37px; left: 50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
#FAIRTRADE_TEAM-UP .grid_box3 .box.box_top p:nth-child(1):after {content: ''; position: absolute; width: 100%; height: 1px; background: #c8c8c8; bottom: -37px; left: 50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
#FAIRTRADE_TEAM-UP .grid_box3 .box.box1:before {content: ''; position: absolute; width: 1px; height: 44px; background: #c8c8c8; top: -44px; left: 50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
#FAIRTRADE_TEAM-UP .grid_box3 .box.box2:before {content: ''; position: absolute; width: 1px; height: 44px; background: #c8c8c8; top: -44px; left: 50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}



/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    #FAIRTRADE_TEAM-UP .grid_box3 {max-width:650px;}
    #FAIRTRADE_TEAM-UP .grid_box3 .box {padding-right:15px;}
    #FAIRTRADE_TEAM-UP .grid_box3 .box p {font-size:14px;padding:12px 4px;}
    #FAIRTRADE_TEAM-UP .grid_box3 .box > span {font-size:13px; line-height:24px;}
    #FAIRTRADE_TEAM-UP .grid_box3 .box.box3 {padding-left:15px;}
    #FAIRTRADE_TEAM-UP .grid_box3 .box.box_top p:nth-child(1) {margin-bottom:39px;}
    #FAIRTRADE_TEAM-UP .grid_box3 .box.box_top p:nth-child(1):before {height:20px;bottom:-20px;}
    #FAIRTRADE_TEAM-UP .grid_box3 .box.box_top p:nth-child(1):after {bottom:-20px;}
    #FAIRTRADE_TEAM-UP .grid_box3 .box.box1:before {height:20px;top:-20px;}
    #FAIRTRADE_TEAM-UP .grid_box3 .box.box2:before {height:20px;top:-20px;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    #FAIRTRADE_TEAM-UP .grid_box3 .box {width:50%;}
    #FAIRTRADE_TEAM-UP .grid_box3 .box.box_top {width:100%;}
    #FAIRTRADE_TEAM-UP .grid_box3 .box.box_top p:nth-child(1) {margin:0 auto 39px;}
    #FAIRTRADE_TEAM-UP .grid_box3 .box.box1 {padding-right:7px;}
    #FAIRTRADE_TEAM-UP .grid_box3 .box.box2 {padding-right:0; padding-left:7px;}
    #FAIRTRADE_TEAM-UP .grid_box3 .box.box3 {width:100%; padding-left:0; margin-top:20px;}
    #FAIRTRADE_TEAM-UP .grid_box3 .box p {margin-bottom:5px;}

}