/* 스타일 초기화 */
html{height:100%}
body,ol,ul,li,a,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,fieldset,legend{margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;}
ol,ul,li{list-style:none;}
a,a:hover,a:active,a:visited,a:focus{color:inherit;text-decoration:none;}
body{overflow-x:hidden;font-size:0.875em;color:#333;font-family: 'Nanum Gothic', '나눔 고딕', 'NanumGothic', 'Dotum', '돋움', Arial, sans-serif;letter-spacing:normal;background-color:#fff;}
header,section,footer{display:block;}
input{line-height:normal}
address{font-style:normal}
small{font-size:inherit}
fieldset{border:0}
caption,legend{display:block;position:absolute;left:-9999px;font-size:0}
button{border:0;padding:0;margin:0;}

::-moz-selection {
  background-color: #3b9717;
  color: #fff;
}
::selection {
  background-color: #3b9717;
  color: #fff;
}


/*레이아웃 (푸터 바닥에 고정)*/
html{height: 100%;}
body{position: relative;min-height: 100%;}
footer{position:absolute;bottom:0;width:100%;}
#page-content-wrapper{padding-bottom:340px}

html.open_nav{overflow:hidden;}
body.open_nav{overflow:auto;height:100%}
body.open_nav footer{position:relative;}

/*공통 스타일*/
*{-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}
.hide_text{clip: rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px;}
.hide{display:none !important;}
.font_v{font-family:Verdana, Arial,'Nanum Gothic', '나눔 고딕', 'NanumGothic';}
.inset_wrap,.area{width:100%;max-width:1160px;margin:0 auto}
.red_font{color:#d73032}
.green_font{color:#6fb12f !important}
img{max-width:100%;}
img.m_img{display:inline-block;max-width:100%;}
img.pc_img{display:none;}
.t_stroke{text-shadow:-1px -1px 4px rgba(0, 0, 0, 0.2),1px -1px 4px rgba(0, 0, 0, 0.2),-1px 1px 4px rgba(0, 0, 0, 0.2),1px 1px 4px rgba(0, 0, 0, 0.2);}
/* ios에서 inner shadow 나오는 스타일 없애기 */
textarea, input[type="text"], input[type="email"] {
	-webkit-appearance: none;
	border-radius:0;
}


/*제목*/
.sub_title{font-size:20px;font-weight:600;color:#222;letter-spacing: -1.7px;}

/*연두색 밑줄*/
.under_2line{display:block;}
.under_2line:after{content:"";display:block;width:100%;height:1px;margin-top:18px;border-top:1px solid #e5e5e5;border-bottom:1px solid #f2f2f2}

/* 버튼 공통스타일 */
.btn{display:inline-block;height: 48px;line-height:46px;padding: 0 30px;color:#fff;font-size:14px;background:#aaa;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s;}

.blue_btn{background-color:#2a87f9;color:#fff !important}
.blue_btn:hover,
.blue_btn:focus{background-color:#1763c1;color:#fff}
.black_btn{background-color:#333;color:#fff !important}
.black_btn:hover,
.black_btn:focus{background-color:#111;color:#fff}




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

#mMenu{display:block;float:right;width:48px;height:48px;background:url(../image/common/m_menu.png) no-repeat center;background-size:50%;outline:none;}
#mMenu.on{background-image:url(../image/common/m_close.png)}
header .sub_bg{display:none;}

header{width:100%;height:48px;background-color:#fff}
header.on{background-color:#454545}
header .top{z-index: 8009;position: fixed;width: 100%;background-color: #fff;border-bottom:1px solid #e5e5e5}
header.on .top{background-color:#535353}

header .logo{float:left;width:110px;height:46px;margin-left:15px;background:url(../image/common/big_ci.png) no-repeat center;background-size:contain;}
header .logo a{display:block;height:100%;}
header.on .logo{background-image:url(../image/common/logo_white.png)}

header #navigation{display:none;z-index:8008;position:fixed;top:0;left:0;width:100%;height:100%;padding-top:48px;background-color:rgba(85, 85, 85, 0.9);}
header #navigation>ul{height:100%;overflow-y:auto}
header #navigation>ul>li>a{display:block;height:50px;line-height:50px;padding-left:18px;font-size:14px;color:#555;border-bottom:1px solid #ddd;background-color:#f5f5f5;}
header #navigation>ul>li.active>a{background-color:#fff;}
header #navigation>ul>li>ul.submenu{display:none;}
header #navigation>ul>li>ul.submenu>li>a{display:block;width:100%;height:45px;line-height:45px;padding-left:20px;color:#fff;border-bottom:1px solid #888;background-color:#555}
header #navigation>ul>li.active>ul.submenu{display:block;}

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




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

footer{border-top:1px solid #e5e5e5}


footer .top{margin:0 auto;padding: 20px 10px;}
footer .top h2{margin-bottom:20px;}
footer .top .area ul>li{width:100%;float:none;margin-top:35px;}
footer .top .area ul>li:first-child{margin-top:0;}
footer .top .contact_cnt p{margin:10px 0;font-size:13px;line-height:20px;color:#666;}
footer .top .contact_cnt a{height:45px;line-height:45px;}

footer .top .cscenter_cnt h2{margin-bottom:20px;width:100%}
footer .top .cscenter_cnt .cnt{float:none}
footer .top .cscenter_cnt .cnt dl{position:relative;width:100%;margin-top:10px;}
footer .top .cscenter_cnt .cnt dl:first-child{margin-top:0;}
footer .top .cscenter_cnt .cnt dt{float:left;padding-top:5px;width:50px}
footer .top .cscenter_cnt .cnt dd{float:left;text-align:left;font-size:17px;padding-left:40px;font-weight:bold;letter-spacing:-1px;font-family:Verdana, Arial,'Nanum Gothic', '나눔 고딕', 'NanumGothic';}

footer .bottom{padding:20px 0;text-align:center;background:#555555;}
footer .info p{line-height:22px;color:#fff;font-weight:600}
footer .info p.copy{font-weight:normal}

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



/* 서브 탑 이미지 */
.sub_top>div{height:170px;padding:38px 10px 0;text-align:center;border-bottom:1px solid #cecece;background-size:100%;background-repeat:no-repeat;background-position:center;}
.sub_top>div img{display:inline-block;max-width:450px;width:100%;}
.sub_top>div p{max-width: 400px;padding:2px;margin:0 auto;margin-top:10px;font-size:13px;line-height:18px;color:#fff;background-color:rgba(0,0,0,0.1)}

.sub_top>div.id2 p{background-color:rgba(0,0,0,0.4)}
.sub_top>div.id2 img{background-color:rgba(0,0,0,0.5)}
.sub_top>div.id1 p{color:#fff;}



/* 서브 로케이션 */
#localNav{padding:15px 10px;border-bottom:1px solid #e5e5e5}
#localNav h2,
#localNav ul{float:left;}
#localNav h2 {padding-right:10px;}
#localNav ul{padding-top:9px;}
#localNav ul>li{float:left;margin-right:10px;line-height:1.66; margin-top:-5px;}
#localNav ul>li>a{color:#828282;font-weight:600;}
#localNav ul>li:hover>a,
#localNav ul>li:focus>a,
#localNav ul>li.active>a{color:#000;}

/*서브 페이지 로케이션*/
.sub_location .area{padding:20px 10px 10px;border-bottom:1px solid #eee}
.sub_location h3{font-size:1.333em;font-weight:600; width:38%;word-break: keep-all;}
.sub_location .location {width:62%; text-align:right; padding-top:2px;}
.sub_location .location>*{display:inline-block;vertical-align:middle}
.sub_location .location a:hover,.sub_location .location a:focus{color:#999}
.sub_location .location .home,
.sub_location .location .rt{background:url(../image/common/location_icons.png) no-repeat}
.sub_location .location .home{width:12px;height:11px;}
.sub_location .location .rt{width:5px;height:7px;background-position:-12px 0;margin:0 6px 0 8px}


/* 페이징 */
.paging{width:100%;text-align:center;margin-top:40px;}
.paging ul{display:inline-block;}
.paging ul li{display:inline-block;margin:0 2px;font-family:Verdana, Arial,'Nanum Gothic', '나눔 고딕', 'NanumGothic';}
.paging ul li a{display:block;width:34px;height:34px;line-height:32px;padding-right:1px;color:#ccc;font-weight:bold;border:2px solid #ccc;font-size:1em;letter-spacing: -1px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.paging ul li:hover a
,.paging ul li:focus a
,.paging ul li:active a{border-color:#666;color:#666;}
.paging ul li.active a{border-color:#666;background-color:#fff;color:#666;}
.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{border-color:#666;background:url(../image/common/ico_paging_new.png) no-repeat 48% 9px;text-indent:-9999px;}
.paging ul li a.point_p_next,
.paging ul li a.point_p_end{background-position: 50% -28px;}



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

.main_visual{position:relative;color:#fff;background-repeat:no-repeat;background-position:center;background-size:cover}
.main_visual .back_image{font-size:0}
.main_visual .back_image img{min-height:280px}
.main_visual .cont{position:absolute;left:0;top:0;padding:20px 20px 0;text-align:center;}
.main_visual .bg{padding:20px;background-color:rgba(0,0,0,0.5)}
.main_visual .bg h2 img{width:auto;height:30px;display:inline}
.main_visual .cont>div>*,.main_visual .cont a{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition:transform 0.5s,opacity 0.5s;transition:transform 0.5s,opacity 0.5s}
.main_visual .active .cont>div>*,.main_visual .active .cont a{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.main_visual .cont h2{padding-bottom:10px;-webkit-transition-delay:0.5s;transition-delay:0.5s}
.main_visual .cont p{ -webkit-transition-delay:1s;transition-delay:1s}
.main_visual .cont a{display:block;margin:20px auto 0;width:200px;height:60px;line-height:60px;font-size:1.167em;text-align:center;background-color:#333;-webkit-transition-delay:1.5s;transition-delay:1.5s}
.main_visual .cont a:hover,.main_visual .cont a:focus{background-color:#222}


.main_visual .scroll_btn{display:none;position:absolute;bottom:40px;left:50%;margin-left:-40px;width:80px;height:80px;background:url(../image/main/scroll_btn.png) no-repeat;background-size:80px;outline: none}
.main_visual .owl-dots{position:absolute;left:50%;margin-left:-35px;bottom:10px;}
.main_visual .owl-dots .owl-dot{margin-left:10px;float:left;width:10px;height:10px;background-color:rgba(255,255,255,0.5);border-radius:5px}
.main_visual .owl-dots .owl-dot:first-child{margin-left:0}
.main_visual .owl-dots .owl-dot.active{background-color:#fff}

.main_wrapper{padding:40px 10px;border-top:1px solid #e5e5e5}
.main_wrapper .sub_title{margin-bottom:20px;}

.main_wrapper.business_wrap ul>li{margin-top:30px}
.main_wrapper.business_wrap ul>li:first-child{margin-top:0;}
.main_wrapper.business_wrap ul>li>div{margin:0 auto;max-width:300px}
.main_wrapper.business_wrap ul>li hr{margin:1px 0 9px 0;border:0;border-top:1px solid #f2f2f2}
.main_wrapper.business_wrap .thumb{text-align:center;border-top:1px solid #e5e5e5}
.main_wrapper.business_wrap .thumb img{display:inline-block;width:100%;border:1px solid #d0d0d0;}
.main_wrapper.business_wrap .title>*{display:block;}
.main_wrapper.business_wrap .title{margin:10px auto;}
.main_wrapper.business_wrap .title span{font-size:14px;font-weight:600;margin-bottom: 3px;}
.main_wrapper.business_wrap .title span a:hover,.main_wrapper.business_wrap .title span a:focus{text-decoration: underline}

.main_wrapper.business_wrap .title small{color:#16669e}
.main_wrapper.business_wrap .cnt{color:#555;line-height:21px;}

.main_wrapper.mid_wrap ul{border: 1px solid #d3d3d3;border-width:1px 0;border-top-color:#e5e5e5}
.main_wrapper.mid_wrap ul>li{position:relative;width:100%;height: 45px;line-height: 45px;border-top: 1px solid #eee;padding: 0 10px;}
.main_wrapper.mid_wrap ul>li:first-child{border-top:1px solid #d3d3d3;margin-top:1px}
.main_wrapper.mid_wrap ul>li>div{color:#666;font-size:13px;}
.main_wrapper.mid_wrap ul>li .title{width:100%;padding-right:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main_wrapper.mid_wrap ul>li .title>a:hover,
.main_wrapper.mid_wrap ul>li .title>a:focus{text-decoration:underline}
.main_wrapper.mid_wrap ul>li .date{position:absolute;top:0;right:10px;text-align:right;}

.main_wrapper.mid_wrap .right_cnt{margin-top:40px;}
.main_wrapper.mid_wrap .right_cnt hr{border:0;border-top:1px solid #e5e5e5;margin:0 0 1px 0}
.main_wrapper.mid_wrap .right_cnt .root_daum_roughmap{height:200px;width:100%;border:1px solid #d3d3d3;margin-bottom:20px;}
.main_wrapper.mid_wrap .right_cnt .info{color:#666;margin-bottom:10px;line-height: 17px;}


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

/* 인사말 */
.ceo_wrapper .area{padding:20px 10px;}
.ceo_wrapper .area .greeting{max-width:500px;line-height:24px;color:#555;}
.ceo_wrapper .area .greeting div{padding-top:50px}
.ceo_wrapper .area .ceo_image{padding-top:50px;}


/* 기업이념 */
.business_wrapper h4{padding:20px 0 30px;font-size:1.333em;font-weight:600;color:#222}
.business_wrapper .top_wrap{padding:20px 10px}
.business_wrapper .bottom_wrap{padding:0 10px 20px;border-top:1px solid #e5e5e5}
.business_wrapper .image{text-align:center}

/* 연혁 */
.history_wrapper .top_wrap{display:none;}

.history_wrapper .btm_wrap{padding:30px 10px;}
.history_wrapper .btm_wrap>div{max-width: 450px;margin:0 auto;background:url(../image/company/gray_dot.gif) repeat-y 8px 0;}
.history_wrapper .btm_wrap dl{padding-left:30px; position:relative;min-height:15px;margin-top: 20px;background:url(../image/company/history_cercle.png) no-repeat;background-size:20px;}
.history_wrapper .btm_wrap dl.last{background-color:#fff}
.history_wrapper .btm_wrap>div dl:first-child{margin-top:0;}
.history_wrapper .btm_wrap>div.btm{margin-top:30px;}
.history_wrapper .btm_wrap dl dt{position:relative;font-size:14px;font-weight:bold;color:#4185ea;letter-spacing:-1px;font-family:Verdana, Arial,'Nanum Gothic', '나눔 고딕', 'NanumGothic';}
.history_wrapper .btm_wrap dl dt span{display:block;position:absolute;left:70px;top:-4px;font-size:12px;color:#fff;background-color:#454545;padding:5px;}
.history_wrapper .btm_wrap dl dd{padding-top:6px;font-size:13px;line-height:17px;color:#454545;}
.history_wrapper .btm_wrap dl dd img{width:104px;height:auto;border:1px solid #dedede}

/* 조직도 */
.group_wrapper>div{padding:40px 10px;text-align:center;}




/* =======사업분야======= */
/*탭*/
.flow_wrapper .tab_menu{white-space: nowrap;overflow-x:auto;-webkit-overflow-scrolling: touch}
.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:1.167em;color:#333;background-color:#eee}
.flow_wrapper.flow .tab_menu>li a{padding:22px 16px}

.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.aluminum li a .image .thumb {background-size:contain;}
.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}
.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:1.333em;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;}

/*ready_tab*/
.ready_tab{border:1px solid #ddd;background-color:#f9f9f9;text-align:center;padding:100px 0;font-size:1.333em;font-weight:600;color:#888}

/*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}


/*facilities - 연료전지 - Crane Table*/
.fac_wrapper table{width:100%;text-align:center}
.fac_wrapper table tr td,.fac_wrapper table tr th{height:40px;border-bottom:1px solid #dedede}
.fac_wrapper table tr th{border-top:1px solid #dedede}
.fac_wrapper table tr:nth-child(odd) td{background-color:#fafafa}





/* =======도입문의======= */
/*공통 정보*/
.company_info{padding:20px 10px 40px;border-bottom:1px solid #e5e5e5}
.company_info .left_cnt ul dl{width:100%;padding:20px 0;border-bottom:1px solid #e5e5e5;text-align:center;font-weight:600;}
.company_info .left_cnt ul li:first-child dl{padding-top:0;}
.company_info .left_cnt ul dd{color:#6fb12f;font-size:18px;font-weight:bold;padding-top: 10px;}
.company_info .left_cnt>div{padding:20px 0 40px;font-size:13px;color:#555;line-height:20px}
.company_info .left_cnt>div br{display:none;}

.company_info .right_cnt>div{margin-top:25px;}
.company_info .right_cnt>div:first-child{margin-top:0;}
.company_info .right_cnt .image{text-align:center;}
.company_info .right_cnt .image img{display:inline-block;width: 100%;}
.company_info .right_cnt .info{padding-top:10px;}
.company_info .right_cnt .info dt{float:left;font-weight:bold;font-size:24px;padding-top:8px;}
.company_info .right_cnt .info dd{float:right;text-align:right;color:#555;font-size:14px;line-height: 18px;}




/* 오시는 길 */
.location_wrapper .pic_img{padding:10px 0}
.location_wrapper .map_wrap{padding:10px;}
.location_wrapper .map_wrap #map{width:100%;height:400px;border:1px solid #ddd}
.location_wrapper .map_wrap p{padding-top:10px;color:#e63946}
.location_wrapper .map_wrap>div .wrap_controllers{display:none}
.location_wrapper .info_wrap{padding:0 10px}
.location_wrapper .info_wrap h3{padding-bottom:60px;padding-top:30px;line-height:20px;font-size:1.167em;text-align:center;font-weight:600;color:#222}
.location_wrapper .root_daum_roughmap{width:100% !important}

.location_wrapper .info_wrap>ul>li{padding:30px 0;border-top:1px solid #dedede;text-align:center}
.location_wrapper .info_wrap>ul>li:first-child{border-top:0}
.location_wrapper .info_wrap>ul>li h4{padding-bottom:10px;font-size:1.333em;font-weight:600}
.location_wrapper .info_wrap>ul>li>ul>li{float:left;width:50%}
.location_wrapper .info_wrap>ul>li>ul>li span{display:block;margin:0 auto 10px;width:32px;height:32px;background:url(../image/contact/contact_icons.png) no-repeat}
.location_wrapper .info_wrap>ul>li>ul>li span.fax{background-position:-32px 0}

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

.gallery_default_wrapper{padding:30px 10px}
.gallery_default_wrapper img{max-width:100%;max-height: 100%;}
.gallery_default_wrapper .list .btns{text-align:right;}
.gallery_default_wrapper .list .inner{margin-top:20px;overflow:hidden}
.gallery_default_wrapper .list .inner ul li{float:left;position:relative;width:100%;margin-bottom:15px;overflow:hidden}
.gallery_default_wrapper .list .inner ul li:hover .thumb,.gallery_default_wrapper .list .inner ul li:focus .thumb{opacity: 0.8;}

.gallery_default_wrapper .list .inner ul li a{display:block;margin-bottom:180px;}
.gallery_default_wrapper .list .inner ul li a:before{content: "";display: block;padding-top: 100%;}
.gallery_default_wrapper .list .inner ul li .thumb{position: absolute;top: 0;left: 0;bottom: 95px;right: 0;text-align:center;background:#fff;}
.gallery_default_wrapper .list .inner ul li .thumb:before {content: '';display: inline-block;vertical-align: middle;height: 100%;}
.gallery_default_wrapper .list .inner ul li .thumb img{display:inline-block;vertical-align: middle;border:1px solid #ddd}
/*.gallery_default_wrapper .list .inner ul li a .title{position:absolute;bottom:-50px;left:0;width:100%;text-align:center;padding:10px;background-color: #000;color: #fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}*/
.gallery_default_wrapper .list .inner ul li p{z-index:10;position:absolute;bottom:35px;width:100%;height:35px;line-height:33px;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.gallery_default_wrapper .list .inner ul li .title{font-weight:600;bottom:52px;font-size:12px;color:#888}
.gallery_default_wrapper .list .inner ul li .contents{font-weight:600;font-size:14px;bottom: 0;line-height: 18px;height:55px;color: #555;white-space: normal;overflow: visible;text-overflow: inherit;word-wrap: break-word;white-space: pre-line;}
.gallery_default_wrapper .list .inner ul li .contents strong{color:#000}

.gallery_default_wrapper .list .inner .nodata{width: 100%;text-align: center;color: #888;padding: 35px 0;background-color: #F7F7F7;border: 1px solid #ECECEC;}

.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}



/* 게시판 목록 테이블 - 모바일 (.list.m_table>ul>li) */
.board_default{padding:20px 10px;}
.board_default .btns{text-align:right;}
.board_default .nodata{text-align:center;color:#888}
.board_default .category_wrap{float:left;margin-top: 6px}
.board_default .category_wrap strong{display: inline-block;border-right: 2px solid #ddd;margin-right: 8px;padding-right: 10px;}
.board_default .category_wrap button{display:inline-block;background-color:#fff;padding: 3px 7px;border: 1px solid #8A8A8A;border-radius:3px;}
.board_default .category_wrap button.active{background-color:#e8e8e8;font-weight:600}
.board_default .category_wrap button:hover,.board_default .category_wrap button:focus{background-color:#e8e8e8;font-weight:600}

	
.list.table{display:none}
.list.m_table{display:block;width:100%;margin:30px 0}
.list.m_table ul{border-top:1px solid #9be157; border-bottom:1px solid #ddd}
.list.m_table ul li{position:relative;border-top:1px solid #ddd;background-color:#fff;cursor:pointer;color: #666;padding:15px 10px}
.list.m_table ul li:first-child{border-top:0;}
.list.m_table ul li:hover,.list.m_table ul li:focus{background-color:#F7F7F7}
.list.m_table ul li .is_ntc,.list.m_table ul li .is_pop{position:absolute;top:15px;right:10px;}
.list.m_table ul li .title{font-size:15px;font-weight:600;padding-bottom:5px;width: 90%;word-break: break-all;}
.list.m_table ul li .title .tit{display: inline-block;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list.m_table ul li .title .tit small{font-weight:normal;}
.list.m_table ul li .title>span{float:left;}
.list.m_table ul li .info p{float:left;margin-left: 10px;padding-left: 10px;background: url(../image/admin/gray_bar.gif) no-repeat 0% 50%;}
.list.m_table ul li .info p:first-child{margin-left:0;padding-left:0;background:none;}
.list.m_table ul li .info p.name{font-weight:600;max-width: 100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: top;}
.list.m_table ul li.normal_item .title{width:100%}

/*.board_default .list .gray_bg{background-color:#f8f8f8 !important;}*/
.board_default .list .is_ntc>span{display: block;width:20px;height:16px;line-height: 200px;margin:0 auto;text-indent:-9999px;overflow: hidden;background:url(../image/common/ico_notice.png) no-repeat center;}
.board_default .list .depth{display:inline-block;width:14px;height:14px;margin-right:2px;}
.board_default .list .depth i{display:inline-block;width:100%;height:100%;line-height:200px;overflow:hidden;background:url(../image/board/depth_icon.gif) no-repeat 0 1px;}
.board_default .list .tit .depth:first-child{margin-left:5px;}
.board_default .list .note{float:left;margin-left:2px;line-height:17px;vertical-align:middle;}
.board_default .list .note small{float:left;display:block;font-weight:normal;color: #999;}
.board_default .list .lock{display: inline-block;width:14px;height:14px;margin-left: 2px;line-height:200px;overflow:hidden;background:url(../image/board/lock_icon.gif) no-repeat 0 1px;}


/* 게시판 상세보기 (.board.view_wrap>content_wrap) */
.board.view_wrap{padding:20px 10px 40px;}
.board.view_wrap .content_wrap .top_btns{padding-bottom:10px;}
.board.view_wrap .content_wrap .top_btns{text-align:right;}
.board.view_wrap .content_wrap .top_btns label{margin-right:2px;}
.board.view_wrap .content_wrap .top_btns input{margin:0 2px;}

.board.view_wrap .content_wrap .content_inner{border-bottom:1px solid #454545;padding:0 15px;color:#555}
.board.view_wrap .content_wrap .content_inner .title_wrap{margin: 0 -15px;padding:15px;border-bottom:1px solid #454545}
.board.view_wrap .content_wrap .content_inner .date{letter-spacing:-1px;color:#888}
.board.view_wrap .content_wrap .content_inner .title{position:relative;padding:10px 0 15px;font-size:20px;line-height: 25px;font-weight:600;word-wrap: break-word;}

.board.view_wrap .content_wrap .content_inner .title_wrap.is_notice .date{padding-left:30px;background:url(../image/common/ico_notice.png) no-repeat 0 0;}
.board.view_wrap .content_wrap .content_inner .title_wrap .right_cnt dl{float:left;font-size: 13px;}
.board.view_wrap .content_wrap .content_inner .title_wrap .right_cnt .hit{margin-right:15px;}
.board.view_wrap .content_wrap .content_inner .title_wrap .right_cnt dl>*{float:left;}
.board.view_wrap .content_wrap .content_inner .title_wrap .right_cnt dl dt{font-weight: 600;}
.board.view_wrap .content_wrap .content_inner .title_wrap .right_cnt dl dd{padding-left:10px;}

.board.view_wrap .content_wrap .content_inner .dotborder{border-bottom:1px solid #ddd;margin: 0 -15px;padding: 15px;}
.board.view_wrap .content_wrap .content_inner .dotborder .view_info .add_files_wrap{position:relative;}
.board.view_wrap .content_wrap .content_inner .dotborder .view_info .file_title{position:absolute;top:5px;left:0px;font-size:13px;font-weight:600}
.board.view_wrap .content_wrap .content_inner .dotborder .view_info .add_files{padding-left:70px;margin:-5px}
.board.view_wrap .content_wrap .content_inner .dotborder .view_info .add_files a{display:inline-block;margin:5px;color:#888}
.board.view_wrap .content_wrap .content_inner .dotborder .view_info .add_files a:hover,
.board.view_wrap .content_wrap .content_inner .dotborder .view_info .add_files a:focus{color:#aaa}
/*.board.view_wrap .content_wrap .content_inner .dotborder .view_info .add_files{display:none;position:absolute;top:32px;right:0;width: 180px;padding:10px;background-color: #fff;z-index: 10;border: 1px solid #AFAFAF;box-shadow: 4px 4px 6px rgba(144, 144, 144, 0.3);}
.board.view_wrap .content_wrap .content_inner .dotborder .view_info .add_files p{line-height:1.3em}
.board.view_wrap .content_wrap .content_inner .dotborder .view_info .add_files a{display:inline-block;font-size:13px;width:100%;}
.board.view_wrap .content_wrap .content_inner .dotborder .view_info .add_files a span{float:right}
.board.view_wrap .content_wrap .content_inner .dotborder .view_info .add_files a span:first-child{display: inline-block;float: left;text-align: left;padding-right: 5px;width: 65%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.board.view_wrap .content_wrap .content_inner .dotborder .view_info .add_files a:hover span{text-decoration: underline}*/	

.board.view_wrap .content_wrap .content_inner .contents_wrap{position:relative;padding:20px 0;min-height:300px;word-wrap: break-word;}
.board.view_wrap .content_wrap .content_inner .contents_wrap img{max-width:100%;}
.board.view_wrap .content_wrap .content_inner .contents_wrap .linkurl{position:absolute;top:5px;right:-10px;font-size:11px}

.board_default_view .view_wrap .content_wrap .content_inner .contents_wrap{font-size:13px;}
.board_default_view .view_wrap .content_wrap .content_inner .contents_wrap p{line-height:1.7em;}

.board.view_wrap .share_btns{text-align:right;margin-bottom: 10px;margin-top: 5px;}
.board.view_wrap .share_btns a{display:inline-block;width:40px;height:40px;background:#fff url(../image/admin/sns_bg.png) -1px -1px;border:1px solid #8A8A8A;line-height:200px;overflow:hidden;border-radius:3px;}
.board.view_wrap .share_btns a.sh_fb{background-position:-42px -1px;}
.board.view_wrap .share_btns a.sh_twitter{background-position:-82px -1px;}
.board.view_wrap .share_btns a.sh_google{background-position:-122px -1px;}
.board.view_wrap .share_btns a:hover,.board.view_wrap .share_btns a:focus{background-color:#e8e8e8}

.board_default_view .view_wrap .list_btns{width:100%;background-color:#fff;}
.board_default_view .view_wrap .list_btns ul>li{width:100%;border-bottom:1px solid #ddd;}
.board_default_view .view_wrap .list_btns ul>li:hover{background-color:#fafafa}
.board_default_view .view_wrap .list_btns .pn_notice dl{position:relative;padding:15px 10px;}
.board_default_view .view_wrap .list_btns .pn_notice dt{position:absolute;top:15px;left:10px;padding-left:15px;color:#222;background:url(../image/common/ico_prev.gif) no-repeat 0 50%;}
.board_default_view .view_wrap .list_btns .pn_notice .next dt{background-image:url(../image/common/ico_next.gif)}
.board_default_view .view_wrap .list_btns .pn_notice dd{padding-left:70px;color:#666;width:100%;color: #aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board_default_view .view_wrap .list_btns .pn_notice dd a{width:100%;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.board_default_view .view_wrap .btns{text-align:right;margin-top:10px;}
.board_default_view .view_wrap .btns .btn{padding: 0 20px;height: 40px;line-height: 38px;font-size: 13px;}



/*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}