#page-content-wrapper{padding-bottom:288px}
.sub_title{font-size:24px;}


/* ==========푸터========= */


footer .top{width:100%;max-width:none;padding:30px 0;}

footer .top .area ul>li.cscenter_cnt.f_r{max-width:340px}
footer .top .contact_cnt p{font-size:14px;margin: 15px 0;}
footer .top .cscenter_cnt{padding:0 10px}
footer .top .cscenter_cnt .cnt{float:right}
footer .top .cscenter_cnt h2{width:100%}
footer .top .cscenter_cnt h2 span{display:inline-block}

footer .top .area ul>li.cscenter_cnt .cnt{width:100%;margin-left:auto;margin-right:0;}
footer .top .area ul>li.cscenter_cnt .cnt dl{float:left;width:33.3333%;margin-top:0;}
footer .top .cscenter_cnt .cnt dt{width:100%}
footer .top .cscenter_cnt .cnt dd{padding-left:0;padding-top:10px}
/* ==========//푸터========= */



/* 서브 탑 이미지 */
.sub_top>div{height:200px;padding-top:50px;}
.sub_top>div img{max-width:500px;padding:2px; background-color:rgba(0,0,0,0.1)}

/* 서브 로케이션 */
#localNav ul{padding-left:20px;padding-top:13px;}
#localNav ul>li{margin-left:15px;line-height:1;margin-top:0;}
#localNav ul>li>a{font-size:13px;}

/*서브 페이지 로케이션*/
.sub_location .area{padding:50px 20px 20px;}
.sub_location h3{font-size:2em;}
.sub_location .location{padding-top:7px}
/* 페이징 */
.paging ul li a{width:50px;height:50px;line-height:48px;font-size:14px;}
.paging ul li a.point_p_first, 
.paging ul li a.point_p_prev, 
.paging ul li a.point_p_next, 
.paging ul li a.point_p_end{background-position: 48% 17px;}
.paging ul li a.point_p_next, 
.paging ul li a.point_p_end{background-position: 50% -20px}


/* 메인 */
.main_visual{background-position:center top;max-height:none;}
.main_visual .bg{background:transparent;padding:0}
.main_visual .cont{padding:80px 20px 0;text-align:right;}
.main_visual .cont p{font-size:1.5em;padding:2px;display:inline-block;background-color:rgba(0,0,0,0.1)}
.main_visual .cont a{margin-top:35px;display:inline-block;text-align:center;}
.main_visual .bg h2 img{height:auto}


.business_wrap .sub_title{margin-bottom:0}
.main_wrapper.business_wrap ul>li:first-child{margin-top:30px}
.main_wrapper.business_wrap ul>li{float:left;width:50%;padding:0 10px}

/* =======회사소개======= */

/*ceo*/
.ceo_wrapper .area{padding:40px 20px;}
.ceo_wrapper .area>div{width:50%}
.ceo_wrapper .area .greeting{padding-right:30px;line-height:30px;font-size:1.167em}
.ceo_wrapper .area .ceo_image{padding-top:0}

  /* 기업이념 */
.business_wrapper h4{font-size:2em}
.business_wrapper .top_wrap{padding:50px 20px 100px;}
.business_wrapper .bottom_wrap{padding:20px 20px 100px;}



/* 연혁 */
.history_wrapper .btm_wrap dl{margin-top:25px;}



/* =======도입문의======= */
/*공통 정보*/
.company_info{padding:30px 10px 40px;}
.company_info .left_cnt ul>li{float:left;width:33.3333%;border-left:1px solid #e5e5e5;}
.company_info .left_cnt ul>li:first-child{border-left:0;}
.company_info .left_cnt ul>li:nth-child(1){width:31.5%;}
.company_info .left_cnt ul>li:nth-child(2){width:37%;}
.company_info .left_cnt ul>li:nth-child(3){width:31.5%;}
.company_info .left_cnt ul>li dl{padding:15px 0 !important;border-bottom:0;}
.company_info .right_cnt{margin:0 -2%;overflow:hidden}
.company_info .right_cnt>div{float:left;width:46%;margin:0 2%;}



/* =======갤러리======= */

.gallery_default_wrapper .list .inner ul{margin:0 -1%;}
.gallery_default_wrapper .list .inner ul li{width:48%;margin:0 1%;margin-bottom:2%;}



/* 목록 테이블 - 데스크탑 (.list.table>caption+(colgroup>col)+(thead>tr>td)+(tbody>tr>td)) */
.board_default{padding: 0 10px 30px}
.board_default .category_wrap{margin-top:6px}

.list.m_table{display:none}
.list.table{display:table;width:100%;border-bottom:1px solid #ddd;margin:0 0 20px;border-spacing:0;}
.list.table thead{border-bottom:1px solid #454545}
.list.table tbody tr{border-top:1px solid #ddd;background-color:#fff;cursor:pointer}
.list.table tbody tr:first-child{border-top:0}
.list.table tbody tr:hover,.list.table tbody tr:focus{background-color:#F7F7F7}
.list.table thead tr th{padding:15px 0;font-size:14px;font-weight:600}
.list.table tbody tr td{text-align:center;padding:15px 0;font-size:13px;color: #666;}
.list.table tbody tr td>span{display:inline-block;max-width: 90%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.list.table tbody tr td.title{text-align:left}
.list.table tbody tr td.title span{float: left;}
.list.table tbody tr td.title span.tit{max-width: 100%;}
.list.table tbody tr td.title .note small{float:inherit;font-weight:normal;}
.list.table tbody tr td.title .note .lock{float:inherit;}

/*======견적문의========*/
/*오시는길*/
.location_wrapper .info_wrap>ul>li{float:left;width:33.3333%;border-top:0;border-left:1px solid #dedede}
.location_wrapper .info_wrap>ul>li:first-child{border-left:0}




/*탭*/
.flow_wrapper #tab_area{padding:10px}

/*일반 이미지 정렬 css*/
.ul_imgs li{float:left;width:50%;padding:10px}


/*text cont 기초 css*/
.text_cont>div{padding-top:40px}
.text_cont .f_r{padding-top:40px;}
.text_cont .f_r p{padding-top:20px;}


  /*Tongs Crane - STTong key*/
.flow_wrapper #tab4 .ths{display:block;padding-left:30px;padding-bottom:20px}
.flow_wrapper #tab4 .ths .th{float:left;font-size:1.5em;text-align:center;width:40%;font-weight:700}
.flow_wrapper #tab4 .ths .th:first-child{margin-right:20%}
.flow_wrapper #tab4>ul{padding:0 10px 30px}
.flow_wrapper #tab4>ul li{padding-top:40px}

.flow_wrapper #tab4 .text_cont>div{padding-top:40px}
.flow_wrapper #tab4 .text_cont>div ol>li ul li{float:left;width:40%;height:100%;/*padding:0 5px;*/}
.flow_wrapper #tab4 .text_cont>div ol>li ul li.arrow{width:20%;padding-top:10px}
.flow_wrapper #tab4 .text_cont>div ol>li ul li.arrow span{display:inline-block;width:10px;height:14px;background:url(../image/common/blue_arrow.png) no-repeat;-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}


/*Tongs Crane - SF-touch bar*/
.flow_wrapper #tab7 .text_cont>div>div{width:100%}
.flow_wrapper #tab7 .text_cont>div p{padding-left:10px; width:50%;float:left}
.flow_wrapper #tab7 .text_cont>div p:first-child{padding-left:0}

/*Tongs Crane - SF-자가진단*/

.flow_wrapper #tab8 .text_cont{padding-top:0}
.flow_wrapper #tab8 .text_cont>div{padding-top:0}
.flow_wrapper #tab8 .text_cont>div>div{width:100%}
.flow_wrapper #tab8 .text_cont>div p{width:70%;float:right;padding-top:40px}
.flow_wrapper #tab8 .text_cont>div p:first-child{padding-left:0}
.flow_wrapper #tab8 .text_cont>div p.img{width:30%;padding:20px}
.flow_wrapper #tab8 .text_cont>div .left p{float:left}
.flow_wrapper #tab8 .text_cont>div p strong{padding-bottom:10px;font-size:1.333em}