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

#INTEGRATED .integrated_list ul {font-size:0;border-bottom:1px solid #e5e5e5;}
#INTEGRATED .integrated_list ul li {padding:30px 60px;background:#f2f2f2; margin-bottom:60px;}
#INTEGRATED .integrated_list ul li > div {display:inline-block; vertical-align:top;}
#INTEGRATED .integrated_list ul li > div.img_area {width:260px; height:260px; position:relative;}
#INTEGRATED .integrated_list ul li.H_type > div.img_area img {width: 236px; height: 180px;}
#INTEGRATED .integrated_list ul li.V_type > div.img_area img {width:180px; height:236px;}
#INTEGRATED .integrated_list ul li > div.img_area img {border:1px solid rgba(0,0,0,.1); position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%;}
#INTEGRATED .integrated_list ul li > div.text_area {padding-top:20px;padding-left:40px;width:calc(100% - 260px); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#INTEGRATED .integrated_list ul li > div.text_area .gu_title {text-align:left; padding-bottom:20px;}
#INTEGRATED .integrated_list ul li > div.text_area .gu_sub_title {text-align:left; margin-bottom:80px;}
#INTEGRATED .integrated_list ul li > div.text_area .gu_btn_down {display:inline-block; margin-right:50px;}


#INTEGRATED .integrated_list.report_only ul li > div.text_area{width:100%; padding:0;}
#INTEGRATED .integrated_list .text_area .item{display:flex; justify-content:space-between;}
#INTEGRATED .integrated_list .text_area .item + .item{margin-top:30px;}
#INTEGRATED .integrated_list ul li > div.text_area .item .gu_sub_title{margin-bottom:0;}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    #INTEGRATED .integrated_list ul li > div.text_area {padding-left:30px;}
    #INTEGRATED .integrated_list ul li > div.text_area .gu_sub_title {margin-bottom:110px;}
    #INTEGRATED .integrated_list ul li > div.text_area .gu_btn_down {margin-top:10px;margin-right:25px;}
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    #INTEGRATED .gu_content .gu_sub_title br {display:none;}
    #INTEGRATED .integrated_list ul li > div.text_area .gu_sub_title {margin-bottom:100px;}
    #INTEGRATED .integrated_list ul li {padding:25px 20px; height:180px; margin-bottom:30px;position: relative}
    #INTEGRATED .integrated_list ul li {padding:25px 20px; height:180px; margin-bottom:30px;position: relative}
    
    #INTEGRATED .integrated_list ul li > div.img_area {width:150px; height:150px; position:relative;}
	#INTEGRATED .integrated_list ul li.H_type > div.img_area img {width: 142px; height: 108px;}
	#INTEGRATED .integrated_list ul li.V_type > div.img_area img {width:108px; height:142px;}
    
    #INTEGRATED .integrated_list ul li > div.text_area {padding-left:10px;width:calc(100% - 150px);word-break: break-all}
    #INTEGRATED .integrated_list ul li > div.text_area .gu_title {padding-bottom:15px; font-size: 18px; line-height: 25px;}
    #INTEGRATED .integrated_list ul li > div.text_area .down_area{position: absolute;bottom: 25px;left: 0;width: 100%;padding-left: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #INTEGRATED .integrated_list ul li > div.text_area .down_area .gu_btn_down {position:relative;left:inherit !important;margin-right: 20px}
    #INTEGRATED .integrated_list ul li > div.text_area .down_area .gu_btn_down:last-child {margin-right: 0}
    
    #INTEGRATED .integrated_list.report_only ul li{height: auto;}
    #INTEGRATED .integrated_list ul li > div.text_area .item .down_area{position:relative; bottom:0; width:auto; padding-left:0;}

}
@media all and (max-width: 355px){
    #INTEGRATED .integrated_list ul li > div.text_area .down_area .gu_btn_down:nth-child(4),
    #INTEGRATED .integrated_list ul li > div.text_area .down_area .gu_btn_down:nth-child(5),
    #INTEGRATED .integrated_list ul li > div.text_area .down_area .gu_btn_down:nth-child(6){ bottom:-10px; margin-bottom:-5px; }
}