img.m_img{display:none;}
img.pc_img{display:inline-block;max-width:100%;}

#page-content-wrapper{padding-bottom:270px}


/* ==========헤더========= */

#mMenu{display:none;}*

header{position:relative;height:90px;border-color:#e5e5e5}
header.on{background-color:#fff}
header .top{position:static;border:0;}
header .logo{width:250px;margin-left:0;height:90px;background-size:178px;}
header.on .logo{background-image:url(../image/common/big_ci.png)}

header #navigation{float:right;display:block !important;position:static;height:auto;top:0;padding-top:0;overflow-y:visible;background-color:transparent;width:78%;-moz-width: calc(100% - 250px);-webkit-width: calc(100% - 250px);width: calc(100% - 250px);}
header #navigation>ul{display:block;height:auto;overflow-y:visible;}
header #navigation>ul>li>a,
header #navigation>ul>li>ul.submenu>li>a{background-color:transparent;border:0}

header #navigation>ul>li{float:left;position:relative;width:20%;height:90px;border-right:1px solid #eee}
header #navigation>ul>li:first-child{border-left:1px solid #eee}
header #navigation>ul>li>a{width:100%;height:100%;padding-left:0;font-size:0;padding-top:36px}
header #navigation>ul>li>a i{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;  width: 100%;  height: 100%;  background:url(../image/common/nav_pattern.jpg) no-repeat;background-size:100% 100%;  position: absolute;  display: block;  left: 0;  top: 0;-moz-transition: opacity 0.3s;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
header #navigation>ul>li>a:hover i,
header #navigation>ul>li>a:focus i,
header #navigation>ul>li>a.on i,
header #navigation>ul>li.active>a i{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

header #navigation>ul>li>a>span{display:block;position:relative;z-index:10;height:22px;margin:0 auto;background:url("../image/common/top_menu_titles.png") no-repeat left top}
header #navigation>ul>#id1>a>span{width:72px}
header #navigation>ul>#id2>a>span{width:72px;background-position:-72px 0}
header #navigation>ul>#id3>a>span{width:72px;background-position:-145px 0}
header #navigation>ul>#id4>a>span{width:55px;background-position:-225px 0}
header #navigation>ul>#id5>a>span{width:100px;background-position:-285px 0}

header #navigation>ul>#id1:hover>a>span,
header #navigation>ul>#id1:focus>a>span,
header #navigation>ul>#id1.active>a>span{background-position:0 -22px}
header #navigation>ul>#id2:hover>a>span,
header #navigation>ul>#id2:focus>a>span,
header #navigation>ul>#id2.active>a>span{background-position:-72px -22px}
header #navigation>ul>#id3:hover>a>span,
header #navigation>ul>#id3:focus>a>span,
header #navigation>ul>#id3.active>a>span{background-position:-145px -22px}
header #navigation>ul>#id4:hover>a>span,
header #navigation>ul>#id4:focus>a>span,
header #navigation>ul>#id4.active>a>span{background-position:-225px -22px}
header #navigation>ul>#id5:hover>a>span,
header #navigation>ul>#id5:focus>a>span,
header #navigation>ul>#id5.active>a>span{background-position:-285px -22px}

header #navigation>ul>li>ul.submenu{display:block;z-index:9999;position:absolute;left:0;top:89px;width: 100%;height:0;background-color:#333;overflow:hidden;-moz-transition:height 0.3s;-webkit-transition:height 0.3s;transition:height 0.3s;}
header #navigation>ul>li>ul.submenu.on{height:225px;padding: 8px 0;}
header .sub_bg{display:block;z-index:9990;position:absolute;left:0;top:89px;width:100%;height:0;overflow:hidden;background-color:#333;-moz-transition:height 0.3s;-webkit-transition:height 0.3s;transition:height 0.3s}
header .sub_bg.on{height:225px;}

/* header #navigation>ul>li>ul.submenu>li:first-child{margin-top:8px;} */
header #navigation>ul>li>ul.submenu>li>a{width:100%;padding-left:0;height:auto;line-height:1.3;text-align: center;padding: 5px; word-break: keep-all;display: block;}
header #navigation>ul>li>ul.submenu>li>a span{display:inline-block;color:#fff;font-size:16px;font-weight:600;}
header #navigation>ul>li>ul.submenu>li>a:hover span,
header #navigation>ul>li>ul.submenu>li>a:focus span{color:#fff}

 
/* ==========//헤더========= */



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

footer .notice_wrap dd{padding-left:70px;}
footer .top{padding:40px 10px;}
footer .bottom{padding-bottom:30px;}


footer .top .cscenter_cnt h2{width:25%}
footer .top .area ul>li.cscenter_cnt .cnt{width:75%}

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



/* 서브 탑 이미지 */
.sub_top>div{height:280px;padding-top:75px;text-align:right}
.sub_top>div img{max-width: none;width: auto;}
.sub_top>div.id5 img{max-width:none;}
.sub_top>div p{display:inline-block;max-width:none;margin-top:20px;font-size:18px;line-height:25px;}

.sub_top>div.id2{text-align:left}

.sub_top>div.id4{text-align:left}
.sub_top>div.id5{text-align:left;background-position-y:-480px}
/*
.sub_top>div.id3 p{max-width: 480px;}

.sub_top>div.id5 p{max-width: 630px;}
*/
/* 서브 로케이션 */
#localNav{padding:20px 0;}
#localNav h2{font-size:30px;}
#localNav ul{padding-left:40px;padding-top:16px;}
#localNav ul>li{margin-left:20px;}
#localNav ul>li>a{font-size:18px;}



/* 메인 */

.main_visual .cont{margin-left:-580px;left:50%;padding-top:140px}
.main_visual .cont.slide4{padding-top:470px}
.main_visual .scroll_btn{display:block}

.main_wrapper .sub_title{margin-bottom:30px;}

.main_wrapper.business_wrap{padding-bottom:60px;}
.main_wrapper.business_wrap ul{max-width: none;margin:0 -1%;overflow:hidden}
.main_wrapper.business_wrap ul>li{width:23%;margin:0 1%;padding:1px 0 0 0;}
.main_wrapper.business_wrap ul>li:first-child{margin-top:0}
.main_wrapper.business_wrap ul>li>div{max-width:none;}

.main_wrapper.business_wrap .thumb img{width:100%; }
.main_wrapper.business_wrap .title{margin:15px auto;}

.main_wrapper.mid_wrap{padding-bottom:50px;}
.main_wrapper.mid_wrap .area>div{float:left;width:48%;margin:0;}
.main_wrapper.mid_wrap .area .right_cnt{float:right;}
.main_wrapper.mid_wrap ul>li{height:53px;line-height: 53px;}



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

/* 인사말 */
.ceo_wrapper .top_image{padding: 40px 0 60px}
.ceo_wrapper .greeting_wrap{padding:50px 0;}
.ceo_wrapper .greeting_wrap>div{float:left;width:48%}
.ceo_wrapper .greeting_wrap .ceo_greeting{max-width:400px;margin-left:2%}
.ceo_wrapper .greeting_wrap .ceo_greeting .greeting{margin-bottom:40px;font-size:16px;line-height: 26px;}


/* 연혁 */
.history_wrapper .top_wrap{display:block;padding:40px 0;border-bottom:1px solid #e5e5e5}
.history_wrapper .btm_wrap{padding:70px 0;}
.history_wrapper .btm_wrap>div{float:left;width:50%;max-width:none;background-position:30px 0;}
.history_wrapper .btm_wrap>div.btm{margin-top:0;}
.history_wrapper .btm_wrap dl{padding-left:53px;margin-top:27px;min-height:24px;background-position:20px 0;background-size:24px;}
.history_wrapper .btm_wrap dl dt{width:180px;font-size:16px;top: 2px;}
.history_wrapper .btm_wrap dl dd{font-size:14px;}
.history_wrapper .btm_wrap dl dt span{left:-140px;top:-6px;padding:8px;}

/* 조직도 */
.group_wrapper>div{padding:100px 0;}

.business_wrapper .top_wrap{padding-top:10px;padding-bottom:10px}

/* =======도입문의======= */
/*공통 정보*/
.company_info{padding:60px 0 70px;}
.company_info>div{width:49%;}
.company_info .left_cnt{float:left;width:55%}
.company_info .right_cnt{float:right;width:44%;margin:0;}

.company_info .left_cnt ul{margin:0 -25px;overflow:hidden;}
.company_info .left_cnt ul>li{padding:0;padding-left: 25px;}
.company_info .left_cnt ul>li:nth-child(1){width:31%;}
.company_info .left_cnt ul>li:nth-child(2){width:35%;}
.company_info .left_cnt ul>li:nth-child(3){width:31%;}
.company_info .left_cnt ul>li dl{text-align:left;padding:10px 0 !important}
.company_info .left_cnt ul dd{font-size:22px;padding-top:13px}

.company_info .left_cnt>div{padding:0;padding-top:40px;font-size:14px;line-height:22px;}
.company_info .left_cnt>div br{display:block}



/* 오시는 길 */
.location_wrapper .map_wrap{padding:20px 0;}
.location_wrapper .map_wrap>div{width:100%;}
.location_wrapper .map_wrap>div .wrap_map {height:400px;}

.location_wrapper .info_wrap{padding-bottom:0}
.location_wrapper .info_wrap h3{font-size:1.333em}
.location_wrapper .info_wrap>ul>li h4{margin-bottom:30px;font-size:1.833em}
.location_wrapper .info_wrap>ul>li strong{display:inline-block;font-size:1.167em;margin-bottom:5px}
.location_wrapper .info_wrap>ul>li p{font-size:1.333em}

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

.gallery_default_wrapper{padding:50px 0}
.gallery_default_wrapper .list .inner ul{margin:0 -1%;}
.gallery_default_wrapper .list .inner ul li{width:23%}



/* 목록 테이블 - 데스크탑 (.list.table>caption+(colgroup>col)+(thead>tr>td)+(tbody>tr>td)) */
.board_default{padding-left:0;padding-right:0;}
.board.view_wrap{padding:40px 0;}


/* 게시판 상세보기 (.board.view_wrap>content_wrap) */
.board.view_wrap .content_wrap .content_inner .title_wrap.is_notice .date{padding:0;background:none;}
.board.view_wrap .content_wrap .content_inner .title_wrap.is_notice .left_cnt{padding-left: 40px;background: url(../image/common/ico_notice.png) no-repeat 0 30px;}
.board.view_wrap .content_wrap .content_inner .title_wrap .left_cnt{float:left;width:80%}
.board.view_wrap .content_wrap .content_inner .title_wrap .right_cnt{float:right;width:20%}
.board.view_wrap .content_wrap .content_inner .title{padding-bottom:0;}

.board.view_wrap .content_wrap .content_inner .title_wrap .right_cnt dl{float:right;width:180px;position:relative;font-size:14px}
.board.view_wrap .content_wrap .content_inner .title_wrap .right_cnt .hit{margin-right:0;margin-bottom: 15px;}
.board.view_wrap .content_wrap .content_inner .title_wrap .right_cnt dl>*{float:none;}
.board.view_wrap .content_wrap .content_inner .title_wrap .right_cnt dl dt{position:absolute;top:0;left:0;}
.board.view_wrap .content_wrap .content_inner .title_wrap .right_cnt dl dd{text-align:right;color:#666;}

.board.view_wrap .content_wrap .content_inner .dotborder{padding:20px 15px}
.board.view_wrap .content_wrap .content_inner .dotborder .view_info .file_title{font-size:14px;}
.board.view_wrap .content_wrap .content_inner .dotborder .view_info .add_files{padding-left:70px;}
.board.view_wrap .content_wrap .content_inner .dotborder .view_info .add_files a{margin: 5px 8px;font-size:13px;}

.board_default_view .view_wrap .list_btns .pn_notice dl{font-size:14px;padding:20px;}
.board_default_view .view_wrap .list_btns .pn_notice dt{top:20px;left:20px;padding-left:20px;}
.board_default_view .view_wrap .list_btns .pn_notice dd{padding-left:100px}

.board_default_view .view_wrap .btns .btn {padding: 0 30px;height: 48px;line-height: 46px;font-size: 14px;}

.flow_wrapper .area{position:relative}
.flow_wrapper .tab_menu{position:absolute;left:1px;top:-62px;background-color:#fff}
.flow_wrapper #tab_area{padding:20px 0}

/*일반 이미지 정렬 css*/
.ul_imgs li{width:33.3333%;padding:0 10px 35px}
.ul_imgs.li50 li{width:50%}
.ul_imgs.li100 li a .image:before,.ul_imgs.li50 li a .image:before{padding-top:100%}
.ul_imgs.li50 li a .image .thumb{background-size:100% 100%}

.ul_imgs.li100 li{width:100%}

.ul_imgs li p{padding-top:20px}

/*text cont 기초 css*/
.text_cont{padding:40px 10px}
.text_cont h3{font-size:1.833em}
.text_cont>div>.f_l{width:70%}
.text_cont .f_l>p{font-size:1.167em;}
.text_cont>div>.f_r{width:23%;padding-top:0}



/*Tongs Crane - STTong key*/
.flow_wrapper #tab4 .text_cont>div ol{padding-left:10px}
.flow_wrapper #tab4 .text_cont>div ol>li ul li{line-height:22px;font-size:1.167em}
.flow_wrapper #tab4 .text_cont>div ol>li{padding-left:40px;margin-top:40px}

/*Tongs Crane - systemy*/
.ul_imgs li a .image .thumb{background-size:100% 100%}


/*Tongs Crane - SF-자가진단*/
.flow_wrapper #tab8 .text_cont>div p strong{font-size:20px;padding-bottom:20px}



/*Tongs crane - SFTong key 커스텀*/
.sftong-key h2{font-size:48px;padding-top:40px}
.sftong-key h3{font-size:34px;padding-top:23px;padding-bottom:15px}