/* 스타일 초기화 */
body{font-family: 'Open Sans', Arial, sans-serif; margin: 0px;}
ol,ul,li,a,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,fieldset,legend{margin:0px; padding:0px;}
ol,ul,li{list-style:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.clear{*zoom:1}
.clear:after{clear:both;content:"";display:block;}
.f_l{float:left}
.f_r{float:right}
.font_v{font-family:Verdana, Arial,'Nanum Gothic', '나눔 고딕', 'NanumGothic';}
img{max-width:115%;}

/* 메인 */
.nodata{width:100%;padding:20px 0;color:#aaa;text-align:center;}

/* =======사업분야======= */
/*탭*/
.flow_wrapper .tab_menu{white-space: nowrap;overflow-x:auto;-webkit-overflow-scrolling: touch;margin-bottom:20px;}
.flow_wrapper .tab_menu>li{display:inline-block;margin-left:-2px}
.flow_wrapper .tab_menu>li:first-child{margin-left:0;}
.flow_wrapper .tab_menu>li a{display:inline-block;padding:22px;font-size:13px;color:#333;background-color:#eee;}
.flow_wrapper.flow .tab_menu>li a{padding:16px 16px;text-decoration:none;}
.flow_wrapper .tab_menu>li.on a{background-color:#2b8cef;color:#fff}
.flow_wrapper #tab_area{padding:10px}
.flow_wrapper #tab_area>div{display:none}
.flow_wrapper #tab_area>div.on{display:block}

/*일반 이미지 정렬 css*/
.ul_imgs li{padding-bottom:20px}
.ul_imgs li a{display:block;width:100%;border:1px solid #a5a5a5}
.ul_imgs li a .image{position:relative;width:100%;background:#fff;overflow:hidden;}
.ul_imgs li a .image:before{content:"";display:block;padding-top:268px}
.ul_imgs li a .image .thumb{position:absolute;top:-1px;left:0;right:0;bottom:0;background-repeat:no-repeat;background-position:center;background-size:cover}
.ul_imgs li a .image .thumb:before{content:"";display:inline-block;vertical-align:middle;height:100%}
.ul_imgs li p{padding-top:10px;text-align:center;color:#333;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;height: 50px;}
.ul_imgs li>strong{padding-top:5px;display:block;text-align:center}
.ul_imgs.tit li p{padding-top:5px}
.ul_imgs.tit li strong{padding-top:10px}

/*text cont 기초 css*/
.text_cont{padding-top:20px;border-top:1px solid #dedede}
.text_cont>h3{font-size:22px;color:#222;font-weight:600;padding-bottom:10px}
.text_cont>div>div{width:100%}
.text_cont .f_l>p{padding-top:10px;line-height:26px;}
.text_cont .f_r{padding-top:30px;text-align:center}
.text_cont .acc{max-width:258px;margin:0 auto;border:1px solid #ddd;font-size:0}
.text_cont .f_r p{padding-top:10px;color:#888}
.text_cont .f_r strong{padding-top:5px;display:block;}

/*Tongs Crane - STTong key*/
.flow_wrapper #tab4 .ths{display:none}
.flow_wrapper #tab4 .text_cont>div{padding-top:20px}
.flow_wrapper #tab4 .text_cont>div ol>li{position:relative;padding-left:30px;margin-top:30px}
.flow_wrapper #tab4 .text_cont>div ol>li:first-child{margin-top:0}
.flow_wrapper #tab4 .text_cont>div ol>li strong{position:absolute;left:0;top:0;display:block;font-size:2.167em}
.flow_wrapper #tab4 .text_cont>div ol>li ul li{padding:5px 0;line-height:17px;word-break: keep-all;letter-spacing: -0.05em}
.flow_wrapper #tab4 .text_cont>div ol>li ul li:first-child{padding-top:0}
.flow_wrapper #tab4 .text_cont>div ol>li ul li.arrow{text-align:center}
.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(90deg);transform:rotateZ(90deg)}
.flow_wrapper #tab4>ul li{padding-top:20px}
.flow_wrapper #tab4>ul li:first-child{padding-top:0}
/*Tongs Crane - SF-JAW*/
.flow_wrapper #tab6 .ul_imgs li{float:none;margin:0 auto}
/*Tongs Crane - SF-touch bar*/
.flow_wrapper #tab7 .text_cont{border-top:0;padding-top:0}
.flow_wrapper #tab7 .text_cont .img{text-align:center;padding-top:40px}
/*Tongs Crane - SF-자가진단*/
.flow_wrapper #tab8 .text_cont{border-top:0}
.flow_wrapper #tab8 .text_cont>div p strong{font-size:1.333em;font-weight:600}
.flow_wrapper #tab8 .text_cont>div p.img{text-align:center}
.flow_wrapper #tab8 .text_cont>div p.img img{border:1px solid #ddd}
.flow_wrapper #tab8 .text_cont>div p strong{display:inline-block;padding-bottom:10px}

/*Tongs crane - SFTong key 커스텀*/
.sftong-key h2{padding-left:15px;font-size:1.5em;font-weight:900;padding-bottom:10px;}
.sftong-key h3{padding-left:15px;font-size:1.333em;font-weight:900;padding-top:10px;padding-bottom:10px;border-top:1px solid #cacaca}
.sftong-key .text_cont{border-top:0;padding-bottom:30px}

.fancybox-wrap .fancybox-title{font:inherit;}
.fancybox-wrap .fancybox-title p{font-size:14px;padding-top: 10px;line-height: 1.4em;word-break: break-all;}
.fancybox-wrap .fancybox-title p:first-child{font-size: 15px;font-weight: 900;padding-top:0;}