@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      : web_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
body.fixe {overflow:hidden; height:100%;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.br_st {display:none;}
#navigation {display: none;}

img {max-width: 100%;}
/* wrap */
#wrap {width:100%; max-width:2200px; overflow:hidden; margin:0 auto; padding-top:100px;}

#inner_wrap {max-width:1200px; margin:0 auto; position:relative;}
#inner_wrap:after {clear:both; content:""; display:block;}
.inner {max-width:1200px; margin:0 auto;}
.inner:after { clear: both; content: ""; display: block;}


/* header */
#header {width:100%; position:fixed; left:0px; top:0px; z-index:9999; border-bottom:1px solid #eeeeee; border-top:6px solid #0f68b3; box-sizing: border-box; background: #fff; height:100px; }

#header h1 {position: absolute; left:10px; top:18px; overflow: hidden; transition: all 0.3s 0s ease-in-out; }
#header h1 a {display: block; overflow: hidden; height: 100%; outline: none;}
#header .top_btns {overflow: hidden; position: absolute; right: 15px; top:26px; background: #fff; border-radius:30px; border: 1px solid #d0d0d0}
#header .top_btns > li {float: left; padding:6px 10px; background: url(../img/common/top_line2.gif) no-repeat left center;}
#header .top_btns > li:first-child {background:none;}
#header .top_btns > li > a {display: block; font-size:14px; font-weight: 500; color: #000; line-height: 23px;}
#header .top_btns > li.on > a {color: #1c589e; padding-left: 30px; background: url(../img/common/bg_language.gif) no-repeat left center;}
#header .top_btns > li.on > a {color: #1c589e;}

.m_gnb_on {position:absolute; left:10px; top:30px; display:none;}
.in_header {max-width:1200px; width:100%; padding: 0px 10px; box-sizing: border-box; margin:0 auto; position:relative; z-index:9}



/* GNB */
.w_gnb {padding:15px 200px 0px 240px}
.w_gnb .gnb:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul {font-size:0px; text-align: center;}
.w_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.w_gnb .gnb > ul > li {width: 25%; display:inline-block; zoom:1; *display:inline; position:relative;}

.w_gnb .gnb > ul > li > a {display:block; color:#000000; padding:0px 0px;}
.w_gnb .gnb > ul > li:first-child > a {margin-left:0px;}
.w_gnb .gnb > ul > li > a > span {font-size:20px; line-height:20px; padding: 20px 0px; font-weight:500; height:38px; transition: all 0.2s 0s ease-in-out; display: block;}
.w_gnb .gnb > ul > li:hover > a > span {color:#0f68b3;  border-bottom: 4px solid #0f68b3; height:34px;}
.w_gnb .gnb > ul > li.on > a > span {color:#0f68b3;  border-bottom: 4px solid #0f68b3; height:34px;}


.w_gnb .sub_menu  {position:absolute; left:0%; width:100%; box-sizing:border-box; overflow:hidden; top:79px; line-height:20px; display:none; padding:0px 0px; border-right:1px solid #cbcbcb; height:210px; padding-top: 20px;}
.w_gnb .gnb01 .sub_menu {border-left:1px solid #cbcbcb; display:}
.w_gnb .sub_menu > li {padding:2px 10px 2px 10px; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > a {display:block; font-size:15px; text-align:left; color:#333333; padding:3px 0px;  line-height:18px;}
.w_gnb .sub_menu > li > a:hover {color:#000; text-decoration: underline;}
.w_gnb .sub_menu > li > ul {padding-bottom: 10px;}
.w_gnb .sub_menu > li > ul > li {padding:2px 0px; letter-spacing:-0.5px;}
.w_gnb .sub_menu > li > ul > li > a {display:block; font-size:15px; text-align:left; color:#333333; padding:0px 0px 0px 8px; line-height:18px; background: url(../img/common/bul03.gif) no-repeat left 8px;}


#gnb_bar {position:absolute; display:none; left:0%; top:93px; border-top:1px solid #839cb8; border-bottom:1px solid #839cb8; width:100%; background: url(../img/common/png_h.png) repeat left top; height:210px;}



/* visual */

.main_visual {position:relative; }
.main_visual .bxslider > li { background-size:cover !important;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a {width:13px; height:13px; margin:0 3px; border: none; background:none; -moz-border-radius:13px;  -webkit-border-radius:13px; border-radius:13px; border: 1px solid #fff;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover {background:#ffffff;}
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active {width:69px; background:#fff;}

.main_visual .bx-wrapper .bx-controls-direction a {width:62px; height:66px; top:50%; position: absolute; margin-top: -33px; text-indent:-9999px;}
.main_visual .bx-wrapper .bx-prev {left:24px; background:url(../img/common/controls3.png) no-repeat 0 0px;}
.main_visual .bx-wrapper .bx-next {right:24px; background: url(../img/common/controls3.png) no-repeat right 0px;}


.main_visual .bx-wrapper .bx-pager {text-align: center; position: absolute; z-index: 99; left: 0px; bottom:10%; width: 100%; box-sizing: border-box;}
.main_visual .bx-wrapper .bx-controls-auto .active {display: none;}
.main_visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: relative; bottom:auto; display: inline-block; right: auto; text-align: left;}

.table {display: table; width: 100%;}
.visual_txt {width:100%; height:647px; display: table-cell; box-sizing: border-box; padding-bottom: 47px; padding-left:58px; vertical-align: bottom; color: #fff; text-align: left;}
.visual_txt .txt > strong {font-weight: 500;}

.visual_txt .txt_s {font-size:22px; font-weight: 300; line-height:150%; padding-top: 20px; word-break: keep-all;}
.visual_txt .txt {font-size:58px; line-height:130%; font-weight:700;}

.visual_txt .txt {text-shadow: 4px 4px 1px #111;}


/* section */
.section {padding:20px 0px 20px 0px;}
.section .inner {max-width:1200px;}

.m_tit_wrap {text-align: center; padding:30px 0px 25px 0px; background: url(../img/common/tit_line.gif) no-repeat center bottom; margin-bottom:50px;}
.m_tit_wrap .m_tit {display: inline-block; padding: 0px;}

.m_tit_wrap .s_txt {font-size:16px; padding-top:5px; line-height: 140%; font-weight: 300; word-break: keep-all;}
.m_tit {padding:20px 0px 10px 0px; font-size:40px; text-align:center; font-weight:700; line-height:150%; display:block;}
.m_tit > span {font-weight: 300;}
.m_tit_txt {margin:-20px 0px 30px 0px; color:#555555; font-size:18px; text-align:center; line-height:150%; display:block;}
.ms_tit {padding:0px 0px 15px 0px; font-size:24px; color: #435057; font-weight:700; line-height:150%; display:block;}



#section2 {margin-top: 10px; background:url(../img/main/bg_section2.jpg) no-repeat center center}
#section2 .m_tit_wrap {color: #fff; background: url(../img/common/tit_line_h.gif) no-repeat center bottom;}


.section .more {position: absolute; right:20px; top:20px;}
.section .more a {display:block; min-height:15px; line-height:18px; padding:6px 30px 6px 0px; background: url(../img/main/more2.gif) no-repeat right center; font-size:15px; font-weight:300;  color: #333333; }

.prd_tab_wrap {position: relative;}
#section1 .more {position: absolute; right: 0px; top:45px;}


.roll_tab {font-size: 0px; text-align: center; padding-bottom: 30px; max-width:350px;  margin: 0 auto;}
.roll_tab > li {display: inline-block; box-sizing:border-box; width:33.33%; padding: 0px 5px;}
.roll_tab > li > a {display:block; width: 100%; height:40px; font-weight: 300; line-height:20px; padding:8px 3px; text-align:center; color:#666666; box-sizing:border-box; border:1px solid #666666; font-size: 16px; }
.roll_tab > li.on a {color: #ff3333; border: 1px solid #ff3333;}

.prd_slider > li {margin-bottom: 10px; max-width: 400px;}
.prd_slider > li .prdW {position: relative; padding: 20px 20px 0px 20px; box-sizing: border-box; margin-bottom: 10px; transition: all 0.2s 0s ease-in-out; border-bottom:5px solid #dfdfdf; overflow: hidden;}
.prd_slider > li .prdW .arrow {display: block; position: absolute; left: 50%; bottom:-12px; width:16px; height: 11px; margin-left: -8px; background: url(../img/common/prd_arrow.gif) no-repeat center bottom; transition: all 0.2s 0s ease-in-out;}
.prd_slider > li .prdW > a {display: block;}
.prd_slider > li .pic {display: block; background-size: cover !important}
.prd_slider > li .pic img {width: 100%;}
.prd_slider > li .txt {padding:20px 5px; display: block; position: relative;}
.prd_slider > li .txt .tit {font-size:22px; line-height: 140%; display: block; font-weight:700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; min-height: 25px; color: #333333; letter-spacing: -1px; margin-bottom: 10px;}
.prd_slider > li .txt .tit_s {display: block; font-weight: 300; height:60px; line-height: 20px; overflow: hidden; font-size:13px; color: #666666; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;  -webkit-box-orient: vertical;}
.prd_slider > li .bottom {display: block; overflow: hidden; font-weight: 300; border-top:1px solid #e5e5e5; padding: 10px 0px 15px 0px; position: relative;}
.prd_slider > li .bottom .cate {float: left; padding-left: 20px; background: url(../img/common/ico_cate.gif) no-repeat left center;}
/*.prd_slider > li .bottom .bt {float: right; padding-right: 32px; background: url(../img/common/b_arrow.gif) no-repeat right center; color: #8bc24e;}*/
.prd_slider > li .bottom .bt {float: right; padding-right: 0px; background:none; color: #0f68b3;}

.prd_slider > li:hover .prdW {box-shadow:0px 2px 20px 10px #eee; border-bottom:5px solid #0f68b3; transition: all 0.2s 0s ease-in-out;}
.prd_slider > li:hover .bottom {font-weight: 500;}
.prd_slider > li:hover .prdW .arrow {bottom:0px; transition: all 0.2s 0s ease-in-out;}


.prd_sliderW .bx-wrapper .bx-controls-direction a {margin-top: -25px; width:51px; height:51px;}
.prd_sliderW .bx-wrapper .bx-prev {left:0px; background:url(../img/common/controls2.png) no-repeat 0 0px;}
.prd_sliderW .bx-wrapper .bx-next {right:0px; background: url(../img/common/controls2.png) no-repeat right 0px;}
.prd_sliderW .bx-viewport {padding: 10px 0px;}

.m_technology {width: 50%; float: left; box-sizing: border-box; min-height: 490px; background: url(../img/main/bg_section2_1.jpg) no-repeat left top; background-size:cover; padding: 10px 30px; color: #fff;}
.m_technology .txt {font-size:22px; line-height: 140%; padding:40px 0px 60px 0px; word-break: keep-all;}
.m_technology .ms_tit {color: #fff;}
.m_technology > ul {overflow: hidden; margin: 0px -9px;}
.m_technology > ul > li {float: left; width: 33.33%; box-sizing:border-box; padding:0px 9px}
.m_technology > ul > li > div {padding-bottom:165px; position: relative;}
.m_technology > ul > li > div .line {display: block; width: 1px; height:40px; background: #fff; opacity:0.6;  position: absolute; left: 50%; top:60px;}
.m_technology > ul > li > div a {display: block; border: 1px solid #fff; padding: 10px 15px;}
.m_technology > ul > li > div a > span {display:block; color: #fff; font-size:14px; line-height:21px; padding-right: 30px; background: url(../img/main/arrow2.png) no-repeat right center;  }

.m_technology > ul > li.ico01 > div {background: url(../img/main/ico01.png) no-repeat center bottom}
.m_technology > ul > li.ico02 > div {background: url(../img/main/ico02.png) no-repeat center bottom}
.m_technology > ul > li.ico03 > div {background: url(../img/main/ico03.png) no-repeat center bottom}


.main_board {width: 50%; float: right; box-sizing: border-box; min-height: 490px; padding-left: 10px;}
.main_board .board {background: #fff; min-height:200px; padding: 20px; position: relative;}

.main_board .first_new {padding:0px 0px 15px 110px; position:relative; min-height:80px;}
.main_board .first_new .day {position: absolute; left:0px; top: 0px; width:95px; height:63px; padding-top:10px; text-align: center; font-size: 18px; color: #435057; border: 1px solid #dddddd}
.main_board .first_new .day strong {display: block; font-size:1.5em; line-height: 140%;}
.main_board .first_new a { display: block;}
.main_board .first_new a .tit {display: inline-block; vertical-align: middle; max-width: 80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size: 16px; color: #435057;}
.main_board .first_new a .txt {display:block; margin: 10px 0px 0px 0px; overflow: hidden;text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color: #666666; font-size: 14px; line-height: 20px; height: 40px; font-weight: 300;}
.main_board .link {color:#000;}
.news_list {min-height:47px;}
.news_list li {position:relative; padding:0px 80px 0px 15px; line-height:20px; background:url(../img/common/bl_list00.gif) no-repeat left 10px; height:20px; position: relative; margin-top:7px;  font-size: 14px;}
.news_list li:first-child {margin-top:0px;}
.news_list li a {display:inline-block; max-width:100%; vertical-align:middle; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; color:#666666; font-weight: 300;}
.news_list li .date {position: absolute; line-height: 20px; right: 0px; top: 0px; color:#666666; font-weight: 300;}
.news_list li img {margin-left:5px; vertical-align: middle;}

.main_board .two_col {overflow: hidden; padding:10px 0px 0px 0px; margin: 0px -5px;}
.main_board .two_col > div {float: left; width: 50%; box-sizing: border-box; padding: 0px 5px;}
.main_board .two_col > div .txtW {font-size: 14px; color: #333333; font-weight: 300;}
.main_board .two_col > div .txtW > a {display: block; color: #333333; min-height: 140px; word-break: keep-all; position: relative;}
.main_board .two_col > div .txtW > a .txt {display: block; padding-top: 5px;}
.main_board .two_col > div .txtW > a .more2 {display:block; padding-left:40px; min-height: 33px; line-height:33px; background: url(../img/main/more.gif) no-repeat left center; color: #000; font-weight: 500; position: absolute; left:0px; bottom:0px;}
.main_board .two_col > div.ico01 .txtW {background: url(../img/main/c_ico01.gif) no-repeat right bottom;}
.main_board .two_col > div.ico02 .txtW {background: url(../img/main/c_ico02.gif) no-repeat right bottom;}



/* 회사소개 */

/*인사말*/
.greet_box {/*position:relative;*/ overflow:hidden; min-height:700px;}
.greet_img {/*position:absolute; top:0; left:0;*/ float:left; width:50%;}
.greet_txt {/*position: absolute; overflow:hidden; top:0px; right:0;*/ float:left; width:50%; padding-top:30px; box-sizing:border-box; background: #fff; line-height:24px;}
.ceo_line {display:block; width:30px; padding-bottom:20px; border-top:1px solid #000000;}
.ceo_name {float:right; padding-top:80px; font-weight:500; background:url(../img/company/ceo_sign.png) no-repeat right center;}
.ceo_name span {display:block; color:#0f68b3; }

.greet_txt.tit {font-size:1.5em; line-height:140%;}
.greet_txt.tit strong {color:#0f68b3;}

/*연혁*/
.history_box {width:100%; overflow:hidden;}
.history_box > ul {float:left;  width:33.33%; padding:5px 0;}
.history_box > ul > li {padding:0 20px; min-height:420px; border-right:1px solid #ccc;}
.history_box dd {position: relative; font-size: 18px; color: #000000; padding-left: 60px; padding-bottom:17px;}
.history_box dd .year {position: absolute; left: 0;}
.history_box dd > ul > li {font-size:14px; color:#333; padding-bottom:6px; line-height:21px;}
.history_box > ul > li.nrl {border-right:none;}

.Wyear {width:130px; margin:0 auto; position:relative; border:1px solid #0e68b4; border-radius:30px; height:30px; margin-bottom:30px; text-align:center; line-height:30px; color:#0e68b4; font-weight:600;  }
.Wyear:after {display:block; position:absolute; left:50%; bottom:-4px; content:""; width:6px; height:6px; background:url(../img/company/b_dot.png) no-repeat center center;}

/*오시는길*/
.map_W {clear:both; width:100%;}
.way_tit {font-size:25px; font-weight:bold; padding-bottom:20px;}
.come_ul {overflow:hidden;}
.come_ul li:first-child {margin-top:0px; background:none; float:none; clear:both; width:100%; padding-right:0px; margin-right:0px;}
.come_ul li float:left; margin-top:5px; background:url(../img/company/bar.gif) no-repeat right center; padding-right:20px; margin-right:20px;}
.come_ul li.last {padding-right:0px; margin-right:0px; background:none;}
.come_ul li p {color:#000; font-size:13px; line-height:160%; font-weight:300; font-size:15px; height:26px;}
.come_ul li p > strong{padding-left:22px;}
.come_ul li p a {color:#000;}
.come_ul li .n01 {background:url(../img/company/ic01.png) no-repeat left 5px; padding-left:56px; text-indent: -56px;}
.come_ul li .n02 {background:url(../img/company/ic02.png) no-repeat left center;}
.come_ul li .n03 {background:url(../img/company/ic03.png) no-repeat left center;}
.come_ul li .n04 {background:url(../img/company/ic04.png) no-repeat left center;}
.come_ul li .n06 {background:url(../img/company/ic06.png) no-repeat left center;}

/* 오시는길 */
.add_box {overflow:hidden; float:left; width:50%}
.add_box ul {width:100%; float:left;}
.map_W_new {overflow:hidden;}
.con_W_new {width:50%; float:right;}

.way_tit {font-size:25px; font-weight:bold; padding-bottom:20px; color:#0f68b3;}
.come_ul_new li {padding-bottom:5px; padding-left:20px; font-size:17px; font-weight:300; line-height:24px;}
.come_ul_new li.ico01 {background:url(../img/company/ic01.png) no-repeat 2px 5px;}
.come_ul_new li.ico02 {background:url(../img/company/ic02.png) no-repeat 2px 5px;}
.come_ul_new li.ico03 {background:url(../img/company/ic03.png) no-repeat 2px 6px;}
.come_ul_new li.ico04 {background:url(../img/company/ic04.png) no-repeat 2px 7px;}
.come_ul_new li.ico05 {background:url(../img/company/ic06.png) no-repeat 2px 5px;}

/* 제품소개 */

/*공통*/
.pro_tit {font-weight:bold; font-size:20px; padding-bottom:15px; background:url(../img/common/bul_blue.gif) no-repeat left 8px; padding-left:13px;}

/*시위진압*/
.p_info {width:100%; text-align:center;}
.p_tit,
.p_stit,
.p_txt {margin:0 auto;}
.p_tit {font-size:30px; color:#000; padding:15px; font-weight:bold; text-align:center;}
.p_stit {padding:50px 0 20px 0; background:url(../img/product/line_gray.png) no-repeat center 6px; font-size:30px; max-width:770px; line-height:42px;}
.p_stit > strong {display:inline-block; color:#0f68b3;}
.p_txt {max-width:915px; line-height:23px; padding-bottom:20px;}
.p_line {background:url(../img/product/p_line.png) repeat left center;}

/*물대포차 DWC 6500*/
.box_W {width:100%; overflow:hidden;}
.equ_img {float:left; width:100%;  margin-bottom:30px;box-sizing:border-box; text-align:center;}

.equ_W {float:left; width:50%; height:422px; background:#eee; box-sizing:border-box;}
.equ_W.four_row {min-height:550px;}
.equ_W.full {width:100%; height:auto;}
.equ_W h5 {font-size:14px; background:url(../img/common/w_dot.png) no-repeat 10px center #0f68b3; color:#fff; padding-left:25px; min-height:36px; line-height:34px;}
.equ_img > img {max-width:100%;}
.W_table {width:49.1%; float:right; box-sizing:border-box;}

.dj_tb.height {height:422px;}
.dj_tb.height.row_four {height:550px;}


.equ {overflow:hidden; text-align:center; margin:0 auto; padding:8px; box-sizing:border-box; background:#eee; /*min-height:340px;*/}
.equ li {float:left; padding-right:10px; width:20%; padding:4px; box-sizing:border-box;}
.equ:after {clear:both; content:""; display:block;}
.equ li span {display:block; text-align:center; min-height:41px; line-height:18px; padding-top:5px; font-size:13px;}
.equ.m_txt_row2 span {display:block; text-align:center; padding-top:5px; min-height:auto; font-size:13px;}
.equ_W.row {min-height:340px; overflow:hidden; padding:8px; box-sizing:border-box; background:#eee;}

.equ.txt_row1 span {display:block; min-height:17px; letter-spacing:0;}
.equ.txt_row2 span {display:block; min-height:40px; letter-spacing:0;}
.equ.txt_row2 li {width:16.666%;}
.equ li.two {width:40%; box-sizing:border-box;}

.s_line {background:url(../img/common/s_line.png) repeat-x; padding-top:50px;}
.bb {border-bottom:3px solid #000; padding-bottom:30px;}
.pro_W {}
.pro {margin:-5px}
.pro:after {clear:both; content:""; display:block;}
.pro li {float:left; width:25%; padding:5px; min-height:30px; box-sizing:border-box;}
.pro li.t_pic {width:50%;}

/*물대포차 DWC 10000A*/
.equ.info {}
.equ.info li {float:none; width:100%; border-bottom:1px solid #ccc; font-size:13px; text-align:left; padding-left:10px; background:url(../img/common/b_dot.png) no-repeat left 13px;}
.equ.info li.no_bl {border:none;}

/*물대포차 DWC 15000*/
.equ li.two {width:40%;} 

/*장갑차*/
h5.b_tit {background:url(../img/common/w_dot.png) no-repeat 12px center #0f68b3; color:#fff; font-size:14px; text-align:left; padding:7px 0 7px 27px; border-right:1px solid #e1e1e1; border-bottom:1px solid #ddd; }
.dim_W {overflow:hidden;}
.dim_W > p {width:50%; float:left;}
.dim_box {width:48%; float:left; border-top:3px solid #000; margin-top:25px;}
.dim_box > ul {width:100%;}
.dim_box > ul > li {float:left; width:50%; padding:8px 0px 8px 18px; box-sizing:border-box; border-bottom:1px solid #ccc;}
.bul_g {background:url(../img/common/bul_g.png) no-repeat 3px center; font-weight:500;}

.spec_etc {}
.spec_etc ul {overflow:hidden; margin:-5px;}
.spec_etc li {width:25%; float:left; padding:5px; border:1px solid #ccc; border-right:none; box-sizing:border-box;}
.spec_etc li.border_r {border-right:1px solid #ccc;}
.spec_etc li.two {width:40%;}
.spec_etc li span {display:block; text-align:center; padding-top:5px;}
.spec_etc img {width:100%;}
.spec_etc span {}

.int_box {overflow:hidden; margin:-5px; padding-top:10px;}
.int_box li {float:left; width:25%; padding:5px; box-sizing:border-box;}
.int_box li span {display:block; text-align:center; padding:7px 0; background:#eee; font-weight:500; color:#000; margin-top:10px; font-size:13px;}

.int_box li .table {display:table;}
.int_box li .table > span {display:table-cell; vertical-align:middle; height:60px;}
.int_box li .table.row_two > span {height:45px;}


/*환경차량*/
.env_img {width:100%;}


/*기타제품*/
.hos {overflow:hidden;}
.hos li {float:left; width:50%;}

/*소방차*/
.fire_W {overflow:hidden; margin:-10px;}

.fire_W .intro {float:left; width:100%; padding:5px; box-sizing:border-box;}
.fire_tit {font-size:22px; padding-top:20px; padding-bottom:30px; background:url(../img/common/fire_tit.png) no-repeat top left; color:#000;}
.feature_tit {font-size:16px; border:1px solid #0f68b3; margin-bottom:5px; width:90px; height:30px; border-radius:30px; color:#0f68b3; text-align:center; line-height:27px; /*background: url(../img/common/bul_blue.gif) no-repeat left center; padding-left:13px;*/}
.feature_box {padding-bottom:20px;}
.feature li {line-height:24px; background: url(../img/common/bul05.gif) no-repeat 3px 12px; padding-left:13px; padding-bottom:10px;}
.feature li strong {color:#000;}
.fire_info {float:left; width:100%; padding:5px; box-sizing:border-box;}


/*액화제설차*/
/*.compet.nl {border-top:none;}
.compet > li {float: left; width: 33.33%; box-sizing: border-box; text-align: center; border-left:1px solid #d9d9d9;}
.compet > li:first-child {border: none;}
.compet > li .block {background:#444; width:150px; height:30px; border-radius:15px; line-height:30px; display: block; color:#fff; margin:0 auto; margin-top:15px;}
.compet > li .txt {display: block; padding-top:15px; margin:0 auto;}*/

.liq_box {padding-bottom:30px; padding-bottom:30px; padding-top:15px;}
.liq {overflow:hidden; padding-top:30px;}
.liq li {width:20%; float:left; min-height:205px; text-align:center; padding:10px; line-height:24px; box-sizing:border-box; /*background:url(../img/product/line_eee.png) no-repeat left center;*/}
.liq li > span {display:block; font-weight:500; font-size:25px; padding-bottom:15px; padding-bottom:10px; color:#0f68b3; border-bottom:1px solid #ccc; width:25px; margin:0 auto; margin-bottom:10px;}
li.no_back {background:none;}

.liq.six { border-bottom:3px solid #000;}
.liq.six li {width:16.66%; min-height:120px;}


/* 기술현황 */
/*설비현황*/
.tech {overflow:hidden; margin:-5px;}
.tech li {float:left; width:50%; padding:5px; box-sizing:border-box;}
.tech_box {border:1px solid #dfdfdf; box-sizing:border-box; overflow:hidden; position:relative; padding-left:300px; min-height:205px;}
.tech li .img_box {width:300px; height:200px; position:absolute; left:0px; top:0px; padding:5px; box-sizing:border-box;}
.tech li .img_box img {width:100%; height:100%;}
.tech li .text_box {padding:15px; box-sizing:border-box;}
.tech li .text_box h3.tit_txt {font-size:16px; color:#0f68b3; line-height:20px; font-weight:500; padding:0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.tech li .text_box h4.sub_tit {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.tech li .text_box .txt {font-size:13px;color:#666;line-height:23px; padding-top:10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; color: #666666; line-height: 20px; height:80px;}
.tech_line {width:10px; border-top:1px solid #ccc; margin-top:10px;}

.tech_pop_box .img {text-align:center; padding:10px 0px;}

.tech_pop_box .text_box {padding:5px; box-sizing:border-box;}
.tech_pop_box .text_box h3 {font-size:16px; color:#0f68b3; line-height:20px; font-weight:500; padding:0;}
.tech_pop_box .text_box h4 {padding:5px 0px;}
.tech_pop_box .text_box .txt {border:1px solid #ccc; overflow:auto; max-height:200px; margin-top:10px; font-size:13px;color:#666; padding:10px; line-height:140%;}

/*공정순서*/
.justice_box {}
.justice {overflow:hidden;}
.justice li {float:left; width:12.5%; text-align:center; border-right:1px solid #e8e8e8; box-sizing:border-box; min-height:180px; color:#666;}
.justice li span {display:block; font-size:17px; padding-bottom:5px; padding-top:50px; color:#000; font-size:18px; font-weight:500; line-height:140%;}
.justice li.ico01 {background:url(../img/technology/ico01.gif) no-repeat center top; padding-top:50px;}
.justice li.ico02 {background:url(../img/technology/ico02.gif) no-repeat center top; padding-top:50px;}
.justice li.ico03 {background:url(../img/technology/ico03.gif) no-repeat center top; padding-top:50px;}
.justice li.ico04 {background:url(../img/technology/ico04.gif) no-repeat center top; padding-top:50px;}
.justice li.ico05 {background:url(../img/technology/ico05.gif) no-repeat center top; padding-top:50px;}
.justice li.ico06 {background:url(../img/technology/ico06.gif) no-repeat center top; padding-top:50px;}
.justice li.ico07 {background:url(../img/technology/ico07.gif) no-repeat center top; padding-top:50px;}
.justice li.ico08 {background:url(../img/technology/ico08.gif) no-repeat center top; padding-top:50px;}
.justice p {font-size:15px; color:#333; line-height:20px;}
.justice li .just_info {width:100%;}
.just_info .j_info {width:100%; overflow:hidden; box-sizing:border-box; padding-top:10px; font-weight:normal; display:block;}
.just_info .j_info li {width:50%; min-height:30px; float:left; box-sizing:border-box; font-size:13px; line-height:20px; background:url(../img/common/b_dot.gif) no-repeat left center;}
.just_info .j_info .s_ico01 {background:url(../img/technology/s_ico01.gif) no-repeat center top; padding-top:23px;}
.just_info .j_info .s_ico02 {background:url(../img/technology/s_ico02.gif) no-repeat center top; padding-top:23px;}

/* 고객지원 */

/*서비스센터*/
.service_box {}
.sev_tit {font-size:25px; font-weight:bold; padding-bottom:30px; }
.service {overflow:hidden; margin:-5px;}
.service li {float:left; width:16.666%; text-align:center; padding:5px; box-sizing:border-box; background:#eee;}





/* 180516 조은아 추가 */

/*환경차량 하수구청소차*/
.pro.suc li {width:50%;}
.equ_W.suc .equ li {width:33.333%;}
.equ_W.suc {height:270px;}
.dj_tb.suc {height:270px;}

/*암롤*/
.int_box.arm li {width:50%;}
.W_arm {width:100%; float:left;}
.equ_W.arm {height:200px;}

/*액체수송*/

/*유류수송차*/
.int_box.fuel li {}

/*식수차*/
.int_box.row_three li {width:33.333%;}
.int_box.row_three .one {width:100%;}

/*살수차*/
.int_box.row_two li {width:50%; text-align:center;}
.int_box.row_two li.two {width:100%;}
.int_box.row_three li.three {width:100%;}
.pic {text-align:center;}
.p_name {display:block; background:#eee; padding:10px 0; text-align:center; font-weight:500; color:#000; font-size:13px;}

/*이동식 병원차*/
.int_box > .vert {float:left;}
.int_box > .vert > ul {overflow:hidden; float:none;}
.int_box > .vert > ul > li {float:none; width:100%;}
.int_box > .vert > ul > li .bul {background:url(../img/common/bul02.gif) no-repeat 5px 14px; padding-left:13px; line-height:26px;}
/*.int_box > .vert > ul > li h6 {background:#0f68b3; padding:5px 0 5px 10px; color:#fff; margin-bottom:10px;}*/
.equ_W.no_back {background:none;}
.equ.row_four li {width:25%;}
.int_box.row_four .two{width:50%;}
.int_box.row_four .one{width:100%;}
li h6 {background:#0f68b3; padding:5px 0 5px 10px; color:#fff; margin-bottom:10px;}
.int_box .bul {background:url(../img/common/bul02.gif) no-repeat 5px 14px; padding-left:13px; line-height:26px;}
.img {text-align:center;}

.int_box.row_three .half {width:50%;}
.int_box.row_three .d_half {width:25%}
.int_box.row_three .d_half ul {width:100%; overflow:hidden;}
.int_box.row_three .d_half li {width:100%;}

.int_box.row_two .exp {overflow:hidden;}
.int_box.row_two .exp p,
.int_box.row_two .exp ul {float:left; width:50%;}
.int_box.row_two .exp ul li {width:100%;}
.int_box.row_two .exp ul li .bul {background:url(../img/common/bul02.gif) no-repeat 5px 14px; padding-left:13px; line-height:26px;}


.int_box.row_four li {width:25%;}
.int_box.row_four .half {width:50%;}
.int_box.row_five li {width:20%;}

/*액화제설차*/
.W_sno_exp {}
.sno_tit {font-weight:bold; font-size:17px; color:#0f68b3; padding-bottom:10px;}
.sno_exp {}
.sno_exp > li {line-height:25px; background:url(../img/common/bul01.gif) no-repeat left 10px; padding-left:13px;}
.sno_sub > li {background:url(../img/common/bul02.gif) no-repeat left 11px; padding-left:8px;}

.W_sno_step ul {overflow:hidden; margin:-15px;}
.W_sno_step li {float:left; width:25%; text-align:center; padding:15px; box-sizing:border-box;}
.step_name {display:block; padding-top:10px;}

.W_sno_step .arrow {position:relative;}
.W_sno_step .arrow:after {display:block; content:""; position:absolute; top:42%; left:-7px; width:18px; height:18px; background:url(../img/product/b_arrow.png) no-repeat center center;}

.comm {font-size:17px; text-align:center; line-height:28px; padding: 8px 0; margin-top:10px; background:#333; color:#fff;}


/* 바리게이트 */

.int_box.nf {overflow:inherit; padding-bottom:30px;}


/* 카피라이트 */
#footerW {clear:both; width:100%; background:#fff; border-top:1px solid #dddddd;  box-sizing: border-box;}
#footer_add {max-width:1200px; padding:30px 170px 30px 265px; box-sizing: border-box; background:url(../img/common/f_logo.gif) no-repeat 10px 22px; margin:0 auto; position:relative; color:#999999; font-weight: 300; min-height: 60px;}
#footer_add .txt {color:#000; font-weight: 500;}
#footer_add:after {clear:both; display:block; content:""}
#footer_add .copyright {padding-top:10px; color: #666666; font-weight:300;}
#footer_add .copyright span {padding:0px 15px;}



.web_info span {display:inline-block; zoom:1; display:inline-block; padding-right: 10px; margin-right: 10px; line-height: 130%;}
.web_info span a { color:#d3d3d3;}
.web_info:after { clear:both; content:""; display:block;}

#footerW .familySite {position:absolute; right:0px; top:30px; z-index: 9}
#footerW .familySite ul.show {display:block;}
#footerW .familySite ul {position:absolute;   right:0px; bottom:37px; display:none; background:#363636; width:100%; border-top:1px solid #6c6f78;}
#footerW .familySite ul li {min-height:32px; border:1px solid #6c6f78; border-top:none; line-height:31px; font-size:13px; }
#footerW .familySite ul li:last-child {border-bottom:1px solid #6c6f78; }
#footerW .familySite ul li a {display:block; color:#c0c2c5; padding-left:17px; font-weight: 300;}
#footerW .familySite ul li a:hover {color:#c0c2c5; background: #272727}
#footerW .familySite p.on {width:89px; color:#000; cursor:pointer; font-size:13px; line-height:36px; background:url(../img/common/familySite_bg.png) no-repeat right center #fff; padding:0px 32px 0px 17px; border: 1px solid #fff; text-transform: uppercase; font-weight: 700;}




.sub_wrap #footerW {margin-top:50px;}
.sub_wrap .w_gnb {background: #fff;}


#content {width:100%; max-width:1200px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}


.sub_wrap_1 .sub_visual {background:url(../img/company/sub_visual.jpg) no-repeat center bottom;}
.sub_wrap_2 .sub_visual {background:url(../img/product/sub_visual.jpg) no-repeat center bottom;}
.sub_wrap_3 .sub_visual {background:url(../img/technology/sub_visual.jpg) no-repeat center bottom;}
.sub_wrap_4 .sub_visual {background:url(../img/customer/sub_visual.jpg) no-repeat center bottom;}

.sub_wrap_2 .sub_visual.sec {background:url(../img/product/sub_visual_sec.jpg) no-repeat center bottom;}
.sub_wrap_2 .sub_visual.thi {background:url(../img/product/sub_visual_thi.jpg) no-repeat center bottom;}
.sub_wrap_2 .sub_visual.fou {background:url(../img/product/sub_visual_fou.jpg) no-repeat center bottom;}

.sub_visual {height:267px; padding: 0px 10px; box-sizing: border-box; overflow: hidden; position: relative; background-size: cover!important}
.sub_visual .sub_txt {display: table; height: 100%; width: 100%;}
.sub_visual .sub_txt p {display: table-cell; vertical-align: middle; height: 100%; text-align: center; font-size:28px; color: #fff;  font-weight:300; line-height:140%;}
.sub_visual .sub_txt p strong {font-weight:700;}

.sub_visual .sub_txt p {text-align:right; padding-right:30px;}
/*.sub_visual .sub_txt p.prdt {text-align:right; padding-right:10px;}*/


#m_lnb {display:none;}


#lnb_wrap {width:100%; z-index:9; position: relative; border-bottom:2px solid #e1e1e1; height: 50px;}
#lnb_wrap.fix {position: fixed; left: 0px; top:193px; box-shadow: 0px 1px 1px #ccc;}
#lnb_wrap .lnb {max-width:1200px; margin:0 auto; position:relative;}
#lnb_wrap .lnb:after {clear:both; content:""; display:block;}
#m_lnb {display:none;}

.lnb ul:after { clear:both; content:""; display:block;}
.lnb ul li {color:#666666; float:left; width:25%; display: table;}
.lnb ul li a {color:#666666; font-size:15px; display:table-cell; width: 100%; height: 100%; line-height:20px; vertical-align: middle; height:52px; padding:0px 2px; box-sizing: border-box; text-align:center; border-left: none;}

.lnb ul li.on a {color:#0f68b3;  border-bottom:2px solid #0f68b3; font-weight: 500; background: url(../img/common/lnb_arrow2.gif) no-repeat center bottom;}
.lnb .lnbs .copy_menu {position:absolute; left:0px; top:40px; width:100%; display:none;}
.lnb ul li > ul {display: none;}

.sub_wrap_1 .lnb ul li {width:25%;}
.sub_wrap_2 .lnb ul li {width:25%;}
.sub_wrap_3 .lnb ul li {width:33.33%;}
.sub_wrap_4 .lnb ul li {width:25%;}



#lnb_tit {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 90% center; cursor:pointer;}
#lnb_tit2 {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#333333; line-height:39px; height:39px; background:url(../img/common/lnb_arrow.png) no-repeat 95% center; cursor:pointer;}

.rightW {float: right; width: 900px; box-sizing: border-box;}


.title_bar {position: relative; padding:20px 0px 20px 0px; text-align: center; margin-bottom:30px;}

.title_bar h2 {font-size:28px; padding:15px 0px 20px 0px; color:#000000; font-weight:500; line-height:150%;  transition: all 0.2s 0s ease-in-out;  background: url(../img/common/title_line.gif) no-repeat center bottom;}
.title_bar .s_txt {font-size:13px; color:#555555}
.title_bar .title_s {font-size:18px; color:#333; font-weight: 300;}

.location {line-height:20px; text-align:right;}
.location span {display:inline-block; zoom:1; *display:inline; padding-left:17px; margin-left:10px; background:url(../img/common/location.gif) no-repeat left center; color:#686868; font-size: 13px;}
.location span:first-child {padding-left:0px; margin-left:0px; background:none}
.location #location_2 {color:#0f68b3; font-weight:500;}
.location img {vertical-align:middle; margin-top: -3px;}

.list_count {float: left; padding-top: 5px; font-size:13px; }



.prd_list {margin:-10px -6px; margin-top: -10px; overflow: hidden;}
.prd_list > li {float: left; width:33.3333%; box-sizing: border-box; padding:10px 6px;}
.prd_list > li .prdW {position: relative; box-sizing: border-box; border: 1px solid #fff; margin-bottom: 10px; transition: all 0.2s 0s ease-in-out;}
.prd_list > li:hover .prdW {background: #fff; box-shadow:0px 3px 10px #ccc; transition: all 0.2s 0s ease-in-out; border: 1px solid #f82c2c}
.prd_list > li:hover .txt .tit {color: #f82c2c;}

.prd_list > li .num {display: block; width:46px; height: 46px; position: absolute; right: 0px; top: 0px;}
.prd_list > li .pic > a {display: block; background-size: cover !important}
.prd_list > li .pic > a img {width: 100%;}
.prd_list > li .txt {padding:15px 5px 20px 5px; position: relative; text-align: center;}
.prd_list > li .txt .tit {font-size:18px; line-height: 140%; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; min-height: 25px;}

.prd_list > li .txt .tit > span {display: inline-block;}
.prd_list > li .txt .bt {padding-top:15px; text-align: center;}
.prd_list > li .txt .bt a {display:inline-block; border: 1px solid #cccccc; border-radius:20px; background: #fff; color: #000000; font-size: 14px; font-weight: 300; max-width:157px; width: 100%; line-height: 20px; padding: 10px 0px; }
.list_more {text-align: center; padding:30px 0px; border-top:1px solid #d9d9d9}
.list_more button {display:inline-block; background:#fff; border: 1px solid #333333; padding:10px 20px; text-align: center; color: #333333; font-size:20px; line-height:25px; font-weight: 300;}

.pop_wrap .pop_body.rental_pop {padding:50px 0px 0px 0px; position: relative; background: none;}

.view_top {overflow: hidden;}
.view_top .prd_img {float: left; width: 50%; max-width:600px; padding-right:80px; box-sizing: border-box;}
.view_top .prd_txt {float: right; width: 50%; max-width:600px;  box-sizing: border-box;}
.view_top .prd_img .photo {width: 100%; border: 1px solid #cccccc; max-width: 520px; height: 520px; overflow: hidden; box-sizing: border-box; margin-bottom: 20px; display:table}
.view_top .prd_img .photo .table_cell {display: table-cell; height: 100%; width: 100%; vertical-align: middle;}
.view_top .prd_img .photo img {width: 100%;}
.view_top .bx-wrapper .bx-prev {left:  -50px;}
.view_top .bx-wrapper .bx-next {right:  -50px;}
.view_top .prd_thumW {padding: 0px 50px;}
.view_top .prd_thum > li {cursor: pointer;}


.view_top .prd_info .txt {font-size:14px; color: #666666; line-height: 140%; padding-bottom:20px; border-bottom: 1px solid #000; }
.view_top .prd_info .shop_btns {padding-top:30px; font-size:0px; margin:0px -2px;}
.view_top .prd_info .shop_btns > li {display: inline-block; box-sizing:border-box; padding:0px 2px; width:33.33%; text-align:center;}
.view_top .prd_info .shop_btns > li a {display:block; background: #f25154; color: #fff; font-size:22px;  box-sizing:border-box; line-height: 68px; height:70px; }
.view_top .prd_info .shop_btns > li.basket a {background: #4a4a4a; color: #fff; }
.view_top .prd_info .shop_btns > li.buy2 a {background: #fff; border:1px solid #333; color: #333; }


.prd_option > li {position:relative; padding-left:130px; font-size: 15px; margin-top:15px; line-height:20px; min-height:20px; color:#333333; font-weight: 300;}
.prd_option > li:first-child {margin-top:0px;}
.prd_option > li .price {color: #f25154; font-size: 22px;}
.prd_option > li .dd_tit {position:absolute; left:0px; top:0px; font-weight: 500; color:#666666; line-height:20px; min-height:20px;}
.prd_option > li .input_amount {height:24px; min-height:24px; line-height:23px; text-align:center; padding:0px; border-radius:0px;}
.prd_option .count { line-height:0px; display: inline-block; border: 1px solid #dbdbdb}
.prd_option .count li {float:left;}
.prd_option .count li .input_amount {border: none; width: 42px; line-height: 30px; padding: 0px; text-align: center; height: 40px; border-left: 1px soldi #dbdbdb; border-right:1px solid #dbdbdb; border-left:1px solid #dbdbdb;}
.price_total {padding:30px 0px 0px 0px; text-align: right; margin-top: 30px; border-top:1px solid #cccccc; color:#000; overflow:hidden; position:relative;}
.price_total dt {display: inline-block; font-size:18px; line-height: 140%; vertical-align: middle;}
.price_total dd {display: inline-block; padding-left:30px; font-size:26px; color: #f25154; line-height: 140%; vertical-align: middle;}
.price_total dd strong {font-size:1.4em;}
.prd_option.line {padding: 30px 0px 0px 0px; margin-top: 30px;}


.delivery_info h4 {font-size:18px; color: #666666; font-weight: 500; padding-bottom: 10px; line-height: 140%; padding-top: 40px; }
.delivery_info {color: #666666; font-weight: 300;}


.view_info {padding-top:60px; position: relative;}
.view_info .position {height: 5px; position: absolute; left: 0px; top:-155px;}
.view_info .atab > li {width: 50%;}
.view_info .atab > li a {background: #f3f3f3; border: 1px solid #dcdcdc; border-left: none; font-size: 18px;}
.view_info .atab > li:first-child a {border-left: 1px solid #dcdcdc;}



.sub_con {min-height:300px; padding-bottom: 50px; font-size:14px; line-height: 160%}
.parking { text-align:center; font-size:32px; padding:70px 0px 360px 20px; background: url(../img/common/parking.gif) no-repeat center bottom; background-size:contain; max-width:579px; margin:0 auto;}

.s_tit {font-size:20px; color:#333333; line-height:140%; margin:45px 0px 15px 0px; padding:15px 0px 0px 0px; background: url(../img/common/tit_line2.gif) no-repeat left top; font-family: Noto Sans; font-weight:500;}
.ss_tit {font-size:18px; color:#000000; font-family: Noto Sans; font-weight:500; padding:2px 0px 2px 20px; margin-top:30px; line-height:140%; background:url(../img/common/ss_bul.gif) no-repeat 0px 8px; min-height:20px; text-align:left; margin-bottom:8px;}
.sss_tit {font-size:13px; color:#333333; padding:0px 0px 10px 0px; margin-top:20px; line-height:140%; font-size: 15px;}
.imgW img {max-width:100%;}



.info_toggleW {border-top:5px solid #333;}
.info_toggle {border-bottom: 1px solid #f1f1f1;}
.info_toggle .s_tit {margin:0px; font-size:16px; color: #000000; padding:18px 50px 18px 20px; background: url(../img/common/toggle_on.png) no-repeat 98% center;  cursor: pointer;}
.info_toggle .s_tit > p {padding:18px 0px 18px 70px; background: url(../img/common/q.png) no-repeat left top;}
.info_toggle .s_tit.on {background: url(../img/common/toggle_off.png) no-repeat 98% center; }
.toggle_in { line-height: 160%; border-top: 1px solid #f1f1f1;}
.toggle_in .con {padding:30px 20px 30px 90px; background:url(../img/common/a.png) no-repeat 18px 18px #fafafa; line-height: 160%;}
.toggle_in_t {padding:0px 20px 0px 170px;}






/* line */
.line {border-top:1px solid #ccc; /*padding-top:20px;*/}



/*atab*/
.atab { margin-bottom:100px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:33.33%; box-sizing:border-box; position:relative; display: table;}
.atab li a {display:table-cell; width: 100%; height:49px; vertical-align: middle; background:#fff; line-height:20px; padding:0px 3px; text-align:center; color:#333333; border: 1px solid #0f68b3; border-left:none; }
.atab li:first-child a {border-left:1px solid #0f68b3; }
.atab li.on a {background: #0f68b3; color: #fff; font-weight:500;}
.atab.two li {width:50%;}
.atab.four li {width:25%;}
.atab.five li {width:20%;}

/*thd*/
.thd {margin-bottom:100px; margin-top:-75px; border-top:1px solid #ddd; padding-bottom:15px; background:url(../img/common/tab_nav_bg.png) repeat-x center bottom;  text-align:center; font-size:0px;}
.thd:after {clear:both; display:block; content:"";}
.thd li {display:inline-block; padding:0px 10px; background:#ffffff; }
.thd li a {color:#333333; display:block; font-size:15px; padding:15px 20px; border-bottom:1px solid #fff; position:relative;}
/*.thd li:first-child a {border-left:1px solid #0f68b3;}*/
.thd li.on a {color: #0f68b3; font-weight:500; border-bottom:1px solid #0f68b3}
.thd li.on a:after {display:block; content:""; width:10px; height:10px; position:absolute; left:50%; bottom:0px; margin:0px 0px -6px -5px; background:url(../img/common/arrow_b2.gif) no-repeat center bottom;}
.thd.two li {width:50%;}
.thd.four li {width:25%;}
.thd.five li {width:20%;}

.of_hi .fl50 {float:left; width:48%;}
.of_hi .fr50 {float:right; width:48%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display: none;}

/* 레이어팝 */
#black {display:none;}
.layerPop {-webkit-overflow-scrolling: touch; overflow-y: auto; width: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; background:url(../img/common/png_70.png) repeat left top;/*background:#d7d7d7;*/ zoom: 1;}

.layerPop_inner {width: 100%; height: 100%; padding: 15px; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.pop_wrap {display: table-cell; vertical-align: middle; position: relative;}
.pop_wrap .pop_body {padding:15px 30px; background: #fff;}
.pop_wrap .pop_body .btns {padding-top: 20px;}
.pop_wrap .pop_wrap_in {width:100%; margin: 0 auto;}
.pop_wrap .x_btn {position: absolute; right:0px; top:0%; display: inline-block; cursor: pointer; background: none}
.pop_wrap .pop_head {background: #86368c; position: relative;}
.pop_wrap .pop_head .title {font-size:32px; line-height:35px;  color: #fff; padding:15px 15px 20px 15px; text-align: left; font-weight:500;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color: #646464; text-align: center; padding: 0px 0px 30px 0px;}





/* 팝업 */

.popup_scroll {overflow-x:hidden; overflow-y:auto;}

.layers_wrap {background:#FFF; position:relative; min-width:300px;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; text-indent:10px; line-height:150%; background:#f29600; font-size:1.8em; color:#fff; font-family:Noto Sans; font-weight:500; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto Sans; font-weight:500; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto Sans; font-weight:500; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Noto Sans; font-weight:500; color:#444444; font-size:22px; line-height:38px;}

/*조직도*/
.line_pic {text-align:center;}
.line_pic img {max-width:100%;}
.line_box {text-align:center; clear:both; box-sizing:border-box; padding-top:10px;}
.line_box.top {padding-top:0px;}
.line_box.sm {padding-top:0px;}
.line_top {box-sizing:border-box; border-radius:16px; overflow:hidden; border:1px solid #023a8a; text-align:center; display:inline-block; min-width:200px;}
.line_top.n2 {border:1px solid #0060b0;}
.line_top.n2 .tt {background:#0060b0;}
.line_top.n3 {border:1px solid #00a3b8;}
.line_top.n3 .tt {background:#00a3b8;}
.line_top.db {display:block;}
.line_top .tt {background:#0f68b3; color:#fff; font-size:16px; line-height:22px; padding:12px 5px;}
.ln_ul {overflow:hidden; box-sizing:border-box; margin-left:-5px;}
.ln_ul li {box-sizing:border-box; float:left; width:100%; margin-bottom:5px;}
.ln_ul li.one {margin-bottom:0px;}
.ln_ul li .nm {box-sizing:border-box; margin-left:5px; color:#333; border:1px solid #e2e2e2; font-size:13px; line-height:22px; background:#fff; padding:5px;}
.ln_ul.three li {width:33.33%;}
.ln_ul.two li {width:50%;}
.ln_ul li.n2 {width:50%;}
.ln_ul li.big {width:100%;}

.line_up {display:block; box-sizing:border-box; text-align:center; border-radius:16px 16px 0px 0px; overflow:hidden; }
.line_up .tt {background:#0099de; color:#000000; font-size:16px; line-height:22px; padding:7px 5px;}
.line_up.n2 .tt {background:#e0e0e0;}
.line_up.n3 .tt {background:#00b89c;}
.line_up.n4 .tt {background:#00b852;}



/*추가*/
.line_top.two {min-width:130px;}
.line_top .tt.ro {background:#104b7d; border:none;}


/* 오시는길 */


/* 제품소개 */
.movie_area {width:100%; text-align:center; padding:20px 0 50px 0;}
.movie_area iframe {max-width:100%;}

/* 경찰지휘버스 */
.medi_ul li .box {box-sizing:border-box; position:relative; border: 1px solid #ccc;}
.medi_ul li .box .txtW {text-align:center; box-sizing:border-box; background:url(../img/about/png_60.png) repeat left top; width:100%; min-height:50px; line-height:50px; position:absolute; left:0; bottom:0;}
.medi_ul li .box .txtW .txt {display:inline-block; box-sizing:border-box; font-size:18px; color:#fff; font-family: nGothicB;}

.medi_ul li .pic {box-sizing:border-box;}
.medi_ul li .pic .png {width:100%; }
.me_roll .lSAction>.lSPrev {left:3%; background: url(../img/product/m_prev.png) no-repeat left top;}
.me_roll .lSAction>.lSNext {right:3%; background: url(../img/product/m_next.png) no-repeat left top;}
.me_roll .lSAction>a {width: 44px; display: block;  top: 50%; margin-top:-50px; height: 60px; cursor: pointer; position: absolute; z-index: 99; -webkit-transition: opacity .35s linear 0s; transition: opacity .35s linear 0s;}
.me_roll .lSPager {margin-top:20px !important; padding:20px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.me_roll .lSSlideOuter .lSPager.lSGallery li {box-sizing:border-box; border-radius:0px; position:relative;}
.me_roll .lSSlideOuter .lSPager.lSGallery li span {position: absolute; left: 0; top: 0; display: block; box-sizing: border-box; border: 2px solid #0f68b3; width: 100%; height: 100%; display: none;}
.me_roll .lSSlideOuter .lSPager.lSGallery li.active span {display: block;}
.me_roll .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 0px;}

.int_box.row_two li .s_box {width:100%; overflow:hidden;}
.int_box.row_two li .s_box > li {width:25%; float:left;}
.int_box.row_two li span {padding:0 0;}

/* 181119 추가 */

.history_box dl li {background:url(../img/common/bul03.gif) no-repeat left 13px; padding-left:10px;}
.br_main {display:none;}
.ln_ul li .nm.hgt {padding:16px 0;}

.loc_new li {background: url(../img/company/ic01.png) no-repeat left 7px; padding-left:18px; line-height:24px;}
.loc_new .ico02 {background: url(../img/company/ic02.png) no-repeat left 7px; padding-left:18px;}
.loc_new .ico03 {background: url(../img/company/ic04.png) no-repeat left 7px; padding-left:18px;}
.loc_new .ico04 {background: url(../img/company/ic06.png) no-repeat left 6px; padding-left:18px;}

.m_technology > ul > li > div a.pd_ht {padding:21px;}


/* ------------------------------------------------------------
 * Name      : mobile_layout.css    
 * Desc      : page layout 
 * Created   : 
 * Updated   : 
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:94px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position: relative;}

.cbar_wrap {width:100%; background-color:#0f68b3;}
.cbar {max-width:1200px; width:850px;color:#eee; font-weight:; font-size:18px; padding:12px 0; margin:0 auto;}
.cbar > ul {height:22px; width:850px}
.cbar > ul > li {float:left; padding:0 15px;}

.table_elastic.prd_ela {display:none;}

/* 1200px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
	.sub_visual .sub_txt {width:1199px; margin:0 auto;}
}

@media screen and (max-width:1280px) {
	.visual_txt img {width:35%;}
}

/* 1220px 이하 */
@media screen and (max-width:1219px) {

    .rightW {float:none; width:100%; margin: 0 auto; box-sizing: border-box; padding:0px 10px;}
    #inner_wrap {padding:0px 10px;}
    .prd_sliderW .bx-wrapper .bx-prev {left: 0px;}
    .prd_sliderW .bx-wrapper .bx-next {right: 0px;}

	.justice li {width:25%; min-height: 245px;}
	.just_info .j_info li {padding: 5px; margin-top: 10px;}

	/*.visual02 {background:url(/img/main/visual02m.jpg) no-repeat center center !important;}*/
}

@media screen and (max-width:1024px) {
	.visual_txt img {width:40%;}
} 

/* 980px 이하 */
@media screen and (max-width:979px) {
    
    .w_gnb {display:none;}
	.m_gnb_on {display:block}
    #header h1 {left:50%; margin-left:-103px; }
	.web_dis {display:none;}
	.mb_dis {display:block;}
    
	
    .visual_txt {text-align:center; padding-left:0; height:500px;}
    .visual_txt .txt {font-size:46px;}
    .visual_txt .txt_s {font-size:20px; padding-top: 10px}
    .main_visual .bx-wrapper .bx-pager {bottom:5%;}
	.main_visual .bx-controls {margin-left:130px;}
    #section2 {background-size:cover !important}
    .m_technology {width:100%; float:none; max-width: 700px; min-height: auto; margin: 0 auto;}
    .m_technology .txt {padding:10px 0px 30px 0px;}
    
    
    
    .main_board {width:100%; float:none; padding: 0px; max-width:700px; margin: 0 auto; padding-top: 10px;}
  
    
    
	#footer_add {padding-right: 0px;}
    #footerW .familySite {display: none;}
    
    .prd_list > li {width:33.33%; }
    .view_top .prd_img {float: none; margin: 0 auto; max-width: 520px; width:100%; padding: 0px;}
    .view_top .prd_txt {float: none; margin: 0 auto; max-width: 600px; width:100%; padding:30px 0px 0px 0px;}
    .view_top .prd_img .photo {height: auto;}
    
    .prd_list > li {width: 50%;}    

	/*인사말*/
    
	/*제품소개*/
	.equ_img {width:100%; padding-right:0; text-align:center;}
	
	.equ {min-height:auto;}
	.equ li > img {width:100%;}

	/*장갑차*/
	.dim_W > p {width:100%; text-align:center;}
	.dim_box {width:100%;}


	.tech li {float:none; width:100%;}
	
	/* 제품소개 */
	/*소방차*/
	.fire_W .intro {width:100%;}
	.fire_W .intro > p {margin:0 auto;}
	.fire_info {width:100%; margin-top:20px;}

	/* 기술현황 */	

	/*공정순서*/
	.justice li {width:25%; min-height:265px; margin-bottom:20px;}

	.m_technology > ul > li > div a.pd_ht {padding:10px 15px;}

	.cbar {max-width:980px; width:850px; font-size:18px;}
	.cbar > ul {height:22px; width:850px}

	.visual_txt img {width:50%;}
}


/* 860 이하 추가 */
@media screen and (max-width:859px) {
	.equ.m_txt_row2 span {min-height:38px;}

	.visual_txt {text-align:center; padding-left:0; height:400px;}
    .visual_txt .txt {font-size:40px;}
}


/* 825 이하 */
@media screen and (max-width:824px) {
	
	/*.dj_tb.height,
	.equ_W {height:320px;}*/

	.int_box li span {}



	/*180516 조은아 추가*/

	/*환경차량 하수구청소차*/
	.equ_W.suc,
	.dj_tb.suc {height:auto;}
	
	/*오시는길*/
	.add_box {float:none; width:100%; padding-bottom:10px;}
	.con_W_new {float:none; width:100%;}
	.way_tit {font-size:20px; line-height: 27px;}
	.come_ul_new li {font-size:14px; line-height: 22px;}

	.cbar {max-width:824px; width:800px; font-size:15px; }
	.cbar > ul {height:22px; width:800px}
}


/* 768 이하 */
@media screen and (max-width:767px) {
   
    
    .visual_txt {height:350px;}
    .visual_txt .txt {font-size:36px;}
    .main_visual .bx-controls-direction {display: none;}
    .prd_sliderW .bx-wrapper .bx-prev {display: none;}
    .prd_sliderW .bx-wrapper .bx-next {display: none;}
    
 
    
    .m_tit {font-size:36px;}
    .m_tit_wrap .s_txt {font-size:16px;}
    .title_bar .title_s {font-size:16px;}
    
    
    #footer_add {max-width: 100%; text-align: center; font-size: 12px; padding:20px 10px; background:none;}

    
	.sub_visual {height: 180px;}
	.sub_visual .sub_txt {width:80%; float: none; margin: 0 auto;}
    .sub_visual .sub_txt p {font-size:24px;}
	.sub_con {min-height:300px; font-size:13px; padding-bottom: 0px;}
    .title_bar {margin-bottom: 20px;}
	.title_bar h2 {font-size:36px;}
	
	.sub_title {font-size:14px;}
	.of_hi .fl50 {float:none; width:100%;}
	.of_hi .fr50 {float:none; width:100%; margin-top:15px;}
	.advantage > li {padding: 10px;}
    .advantage > li br {display: none; }
    
    /*atab*/
	.atab {margin-bottom:50px;}
    .atab li a {font-size:13px;}
    .my_tab > li {width:33.33%;}
	.my_tab > li > a {margin-top:-1px;}

    .prd_list > li .txt .tit {font-size:16px;}
    .prd_list > li .txt .price {font-size:18px;}
    

    
	.m_th {width:80px !important;}
	.m_th2 {width:100px !important;}
    .t_cell {display: none !important;}
    
    .info_toggle .s_tit {font-size:14px; padding:10px 50px 10px 10px;}
    .info_toggle .s_tit > p {padding:10px 0px 10px 70px;}
    .toggle_in .con {padding:20px 10px 20px 80px; background-position:10px 10px;}
    .list_count {display: none; }
   
   
	/*4depth*/
	.thd {margin-bottom:50px;}


    /*인사말
	.greet_box {min-height:960px;}
	.greet_txt {position:absolute; width:100%; right:0; top:auto; bottom:0; padding:0; padding-top:50px;}
	.ceo_line {display:none;}
	.greet_img { position: absolute; top: 0; left: 14px; width: 100%;}
	*/

	.greet_img {width:100%; text-align:center;}
	.greet_txt {width:100%;}


	/*연혁*/
	.history_box > ul {width:100%; padding:20px 0; border-bottom:1px solid #ccc;}
    .history_box > ul > li {min-height:auto; border-right:none;}
	.history_box > ul:nth-child(3) {border-bottom:none;}
	
	/* 제품소개 */
	.p_stit {font-size:25px;}
	.equ_W {width:100%; margin-bottom:30px; height:auto;}
	.dj_tb.height,
	.dj_tb.height.row_four {height:auto;}
	.equ {width:100%;}

	.W_table {width:100%;}



	/*장갑차*/
    .dj_tb_W .dj_tb.half {padding:0}
	.dj_tb.half {width:100%; text-align:center;}

	/*액화제설차*/
	.liq li {width:33.333%; min-height:209px;}
	.liq.six li {width:33.33%; min-height:120px;}

	.br_st {display:block;}		

	/*180516 조은아 추가*/

	/*환경차량 하수구청소차*/
	.dj_tb.suc {height:auto; margin-bottom:20px;}
	.equ_W.suc .equ li span {min-height:auto;}

	/*암롤*/
	.W_arm {width:100%;}
	.equ_W.arm {height:auto;}

	/*이동병원차*/
	.int_box.row_three .m_half {width:100%;}
	.int_box.row_three .m_half img {width:100%;}
	.int_box.row_three li.full_img img {width:100%;}

	.equ_W.no_mb {margin-bottom:0;}
	.int_box.row_three.no_drop li {width:33.333%;}

	/*살수차*/
	.int_box.row_three.high li {width:50%;}
	.int_box.row_three.high .tl.spec {width:100%;}
	.int_box.row_two.high.drop768 li {width:100%;}
	
	.cbar {max-width:765px; width:700px; font-size:14px; }
	.cbar > ul {height:22px; width:700px}
}

/* 683 이하 추가 */
@media screen and (max-width:683px) {

	.int_box li {width:50%;}
	.int_box.row_three li {width:100%;}
	.int_box.row_three li.full_img {width:100%;}

	/*이동병원차*/
	.int_box.row_two .exp p, .int_box.row_two .exp ul {width: 100%; }
	.int_box.row_two .exp ul {margin-top:10px;}
	.int_box.row_two .exp ul li {padding:0; margin-top:10;}

	
	/*추가*/
	.p_txt br {display:none;}

	.cbar {max-width:683px; width:600px; font-size:12px; }
	.cbar > ul {height:22px; width:600px}

	.visual_txt {text-align:center; padding-left:0; height:300px;}
    .visual_txt .txt {font-size:30px;}

}


/* 600 이하 */
@media screen and (max-width:599px) {
    #header .top_btns {right:10px;}
	#header .top_btns > li.on > a {padding-left:0px;background: none}
    /*.visual_txt {height:400px;}
    .visual_txt .txt {font-size:32px;}*/
    .visual_txt .txt_s {font-size:18px; }
	.sub_visual .sub_txt p {font-size:18px;}
     
    .prd_slider > li .txt .tit {font-size:18px; min-height: 25px;}
    
    .section {padding:20px 10px !important;}
    .ms_tit {font-size: 20px;}
    .m_technology .txt {font-size:16px; padding-top: 0px;}
    
    
    .main_board .m_tit {padding:0px; font-size:26px;}
   
    
    #lnb_wrap {background:#000; border: none;}
	#w_lnb {display:none;}
    .web_cell {display: none !important;}
	#m_lnb {display:block;}
	#lnb_tit2 {font-size:14px; letter-spacing:-1px; padding:0px 0px 0px 20px; color:#fff; line-height:45px; height:45px; background:url(../img/common/lnb_arrow.png) no-repeat 95% center; cursor:pointer;}
	.lnb:after {clear:both; content:""; display:block;}
	.lnb .lnbs {width:100%; position:relative;}
	.lnb .lnbs .copy_menu {position:absolute; left:0px; top:45px; width:100%; display:none;}
	.lnb ul li {color:#fff; float:none; width:100% !important;}
	.lnb ul li.on {display:none !important;}
	.lnb ul li a {color:#fff; font-size:14px; display:block; line-height:25px; height: auto; min-height:25px; padding:8px 0px; border: none; background:#3f3f40; border-top:1px solid #656565}
	.lnb ul li a:hover {color:#fff; background:#3f3f40;}

  
    .list_btnW {margin: 0px;}
  
    
    .info_toggle .s_tit {padding-left:10px; }
    
      
    .prd_list > li {width:100%;}    
    
    .prd_list > li .txt .tit {white-space: inherit;}
    
    .rental_btns > li > span {font-size:16px; height: 70px;}
    .rental_btns > li {width: 50%;}
    .rental_btns > li.bt {width:100%; float: none;}
     .w_date {width:80px;}
	
	/*atab*/
	.atab {margin-bottom:50px;}
	.atab li a {font-size:12px;}
	.atab.five li {word-break:break-all;}
	.atab.five li br {display:none;}


	/*제품소개*/
	.p_stit {font-size:1.5em; line-height:28px;}
	.fire_tit {font-size:1.5em; line-height:28px;}
	.equ.txt_row2 li {width:33.333%;}
	.equ li span {min-height:55px;}
	.pro li {width:50%;}
	.pro li.t_pic {width:100%;}

	/*장갑차*/
	.spec_etc li {width:50%; border-right:1px solid #ccc;}
	.spec_etc li span {min-height:35px; line-height:35px;}
	
	.tech_box {padding-left:200px; min-height:140px;}
	.tech li .img_box {width:200px; /*height: auto;*/ height:137px;}
	.tech li .text_box .txt {-webkit-line-clamp:2; height:40px;}

	.dim_box > ul > li {min-height:57px;}
	.bul_g {background: url(../img/common/bul_g.png) no-repeat 3px 16px;}

	/* 기술현황 */	
	/*공정순서*/
	.justice li {width:50%; min-height:260px; margin-bottom:20px;}
	.justice li.ico02,
	.justice li.ico04,
	.justice li.ico06 {border-right:none;}

	/*이동식 병원차*/
	.equ.row_four li {width:50%;}

	.W_sno_step ul {margin:0;}
	.W_sno_step .arrow:after {display:none;}
	.W_sno_step li {width:100%; padding:5px;}

	/*.step_name.ico01 {display:block; background:url(../img/common/no_01.png) no-repeat 228px 10px;}*/
	.step_name.ico01 {position:relative; display:inline-block;}
	.step_name.ico01:before {display:block; position:absolute; left:-25px; bottom:0; content:""; width:20px; height:20px; background:url(../img/common/no_01.png) no-repeat center center;}


	.step_name.ico02 {position:relative; display:inline-block;}
	.step_name.ico02:before {display:block; position:absolute; left:-25px; bottom:0; content:""; width:20px; height:20px; background:url(../img/common/no_02.png) no-repeat center center;}
	
	.step_name.ico03 {position:relative; display:inline-block;}
	.step_name.ico03:before {display:block; position:absolute; left:-25px; bottom:0; content:""; width:20px; height:20px; background:url(../img/common/no_03.png) no-repeat center center;}

	.step_name.ico04 {position:relative; display:inline-block;}
	.step_name.ico04:before {display:block; position:absolute; left:-25px; bottom:0; content:""; width:20px; height:20px; background:url(../img/common/no_04.png) no-repeat center center;}

	
	.cbar {max-width:400px; width:380px; font-size:12px; padding:8px 0;}
	.cbar > ul {height:42px; width:380px}
	.cbar > ul > li {float:left; padding:0 10px;}
	.cbar > ul > li:last-child {float:left; padding-left:116px;}
}


/* 510px 이하 추가*/
@media screen and (max-width:509px) {
	.equ.txt_row2 span {min-height:55px;}
}

/* 500px 이하 추가*/
@media screen and (max-width:499px) {
	.equ.txt_row1.vac span {min-height:40px;}
	.int_box li span {word-spacing:-1px;}

	.visual_txt {text-align:center; padding-left:0; height:250px;}
    .visual_txt .txt {font-size:25px;}

	.prd_sz {max-width:499px;}

	.sub_visual {height: 150px;}
}


/* 480px 이하 */
@media screen and (max-width:479px) {
    #wrap {padding-top: 75px;}
    #header {height:75px;}
    #header h1 {top: 15px; margin-left: -72px;}
    #header h1 img {height:35px;}
    #header .top_btns {right:5px; top:18px;}
    #header .top_btns > li {padding:4px 12px; background: none;}
    #header .top_btns > li.on {display: none; padding:4px 8px;}
    #header .top_btns > li > a {font-size:13px; line-height:20px;}

	.m_gnb {top:69px}
    .main_visual .bx-controls-direction { display: none;}
    .m_technology {padding: 15px;}
    .m_technology .txt {font-size:15px;}
    .m_technology > ul {margin: 0px -5px;}
    .m_technology > ul > li {padding: 0px 5px;}
    .m_technology > ul > li > div {background: none !important; padding: 0px;}
    .m_technology > ul > li > div .line {display: none;}
    .m_technology > ul > li > div a > span {padding: 0px 0px 10px 0px; background-position:center bottom; text-align: center;}
    .main_board .board {padding: 15px}
    .main_board .first_new a .tit {font-size:15px;}
    .main_board .first_new a .txt {font-size:13px;}
    .news_list li {font-size:13px;}
    .main_board {min-height: auto;}
    .main_board .board {min-height: auto;}
    .main_board .two_col > div .txtW {font-size:13px; background: none !important}
    .main_board .two_col > div .txtW > a {min-height: 130px;}

    
    .section .more {right: 15px; top:10px;}
    .section .more a {font-size: 13px;}

    .atab li a {height:59px; font-size:11px; line-height:17px; letter-spacing:0px;}
    
    
    .prd_slider > li .txt {padding:10px 5px;}
    .prd_slider > li .txt .tit {font-size:16px; min-height:20px; }
    .prd_slider > li .txt .tit > span {display: block;}
    .prd_slider > li .txt .tit .prd_n {display: none;}
    .prd_slider > li .txt .bt a {font-size:13px;}
    
    
	
	.m_gnb_on {top:23px;}
	.m_gnb_on img {width:23px;}
	
	
   
    .m_tit_wrap {padding: 20px 0px; margin-bottom:30px;}
    .m_tit {font-size:28px;}
    .m_tit_wrap .s_txt {font-size:14px;}

    

    .prd_slider > li .num {width:30px; height:30px; line-height:30px; font-size:18px;}

    
    .roll_tab > li > a {font-size: 14px;}
    
    .location {display: none;}
    
	#footer_add {font-size: 11px;}
    #footer_add .copyright {padding-top: 0px;}
    
	.sub_con {font-size: 13px;}
    
	.subject {padding-left:10px;}
	.bbs_search {margin-bottom:10px;}
	.bbs_search_in {padding:0px;}
	.bbs_search_in .select { position:relative; margin-bottom:5px; width:100%;}
	.bbs_search_in .btn_search { position:relative; display:block; margin:5px 0px 0px 0px; width:100%;}
	.paging a {width:23px;}
	.paging a.prev, .paging a.next, .paging a.first, .paging a.last {width:33px;}
    .block_m {display: block;}
    .block_m.fl {float: none;}
    .list_btn .block_m {margin: 2px 0px;}
	.board-view td.view_td {padding:20px 10px;}
    .list_btnW a {display: block;}
    
	
	.s_tit {margin:30px 0px 10px 0px; font-size: 18px;}
	.ss_tit {margin-top:20px;}
	#inner_wrap {font-size:0.95em;}
    .title_bar {padding:10px 0px 10px 0px;}
	.title_bar h2 {font-size:1.8em; }
    .title_bar .title_s {font-size: 15px;}
	
	.sub_visual .sub_txt {width:100%;}
	#lnb_wrap.fix {top:156px;}
	.m_th {width:90px !important;}
    
    .menu_btn {height:20px; width:30px;}
    .menu_btn .line-middle {top:8px;}
    
    .m_block {display: block; margin-bottom: 3px; float: none;}
    

    .prd_list > li .txt {padding:10px;}
    .prd_list > li .txt .tit > span {display: block;}
    .prd_list > li .txt .tit > .prd_n {display: none;}
    

    .view_top .prd_info .shop_btns {margin: 0px;}
    .view_top .prd_info .shop_btns > li {width:100%; padding: 2px 0px;}
    .view_top .prd_info .shop_btns > li a {font-size:18px; line-height:58px; height:60px;}
    .prd_option > li {font-size:13px; margin-top: 10px; padding-left: 100px;}
    .prd_option.line {padding:20px 0px 0px 0px; margin-top:20px;}
    .prd_option > li .price {font-size:18px;}
    .price_total dd {padding-left:20px; font-size:22px;}
    
    .point_use_in .btnNormalS {position: relative; margin-top: 5px;}
    .point_use_in {padding: 0px 0px 0px 60px;  max-width:500px;}
    .point_use_in .btnNormalS {display: block;}
    .point_use_in .btnNormalS span {width: 100% !important; box-sizing: border-box; display: block;}

	/*메인*/
	.main_board .two_col > div {min-height:235px;}

	/*4depth*/
	.thd {margin-bottom:10px;}

	
	/*오시는길*/
	.come_ul li {background:none;}


	/*제품소개*/
	.p_tit {font-size:23px; line-height:28px;}
	.p_stit {font-size:18px; line-height:25px;}
	.equ li {width:33.333%;}
	.equ li span {min-height:55px;}
	.hos li {width:100%;}

	.tech li .img_box {width:150px;}
	.tech_box {padding-left:150px; min-height:105px;}
	.tech li .text_box {padding:5px;}
	.tech li .text_box .txt {-webkit-line-clamp:1;    height: 20px;}
	.equ.txt_row1 span {min-height:60px;}
	.equ.txt_row1 span br {display:none;}
	.equ.txt_row1 li {padding:3px;}
	.equ li.two {width:66%;}

    .m_mh165 li {min-height:165px;}

	
	/*액화제설차*/
	.liq li {width:50%; min-height:135px;}

	.hos li {width:100%;}
	.thd li {padding: 0px 3px;}
	.thd li a {padding:15px 5px; font-size:13px;}

	.liq.six li {width:100%;}
	
	/*설비현황*/
	.tech li .img_box {height:101px;}
	

	/*atab*/
	.atab li {float:left; width:33.33%; box-sizing:border-box; position:relative; display: table; min-height:62px;}
	.atab.five li {word-break:break-all;}
	
	/*이동병원차*/
	.int_box li,
	.int_box.row_three li,
	.int_box.row_two li {width:100%;}
	.int_box.row_four .two{width:100%;}

	.int_box.row_three .m_half {width:100%;}

	.int_box.row_four .half {width:100%;}
	.int_box.row_four li {width:100%;}
	
	.int_box.row_three.no_drop li {width:100%;}

	.int_box.row_three.high li {width:100%;}

		
	/* 181119 추가 */
	.m_technology > ul > li > div a > span {min-height:42px;}
	.int_box.row_two li .s_box > li {width:50%;}

	.m_technology > ul > li > div a.pd_ht {padding:10px 15px;}

	.visual_txt {text-align:center; padding-left:0; height:200px;}
    .visual_txt .txt {font-size:20px;}

	.table_scroll.prd_ela {display:none;}
	.table_elastic.prd_ela {display:block;}
}



/* 440px 이하 추가*/
@media screen and (max-width:439px) {

    .m_mh165 li {min-height:145px;}
	
	/* atab */
	.atab.five li {min-height:85px;}
}

@media screen and (max-width:400px) {
	.atab li a {font-size:10px;padding:0px 2px;}

	.sub_visual {height: 100px;}
}

/* 380px 이하 */
@media screen and (max-width:379px) {

	/*인사말
	.greet_txt {padding-top:17px;}
	*/

	/*액화제설차*/
	.liq li {width:100%; background:none; line-height:23px;}
	.liq li:last-child {padding-bottom:30px;}

	/*장갑차*/
	.spec_etc li {width:100%; margin-bottom:5px;}

	
	/* 기술현황 */	
	/*공정순서*/
	.justice li {width:100%; min-height:auto; margin-bottom:20px; border-right:none;}
	.photo_listW li .txt {height:30px;}]
	
	.atab li a {font-size:10px;padding:0px 2px;}
	
}

/* 330px 이하 */
@media screen and (max-width:329px) {
	.equ.m_txt_row2 span {min-height:58px;}


	.equ.txt_row1 span {min-height:75px;}
}

/* 320px 이하 */
@media screen and (max-width:320px) {
    .prd_list > li {width: 100%;}


	/*인사말
	.greet_box {min-height:1030px;}
	*/


	/*제품소개*/
	.pro li {width:100%;}

	/*경찰지휘버스*/
	.int_box > li {width:100%;}

	.equ li span {min-height:95px;}
}



.loading_area {position:fixed; width:100%; height:100%; z-index:9999;}
.loading_area #bg {background-color:#000; display:block; height:100%; left:0;  opacity:0.5; filter:alpha(opacity=50); position:fixed; top:0; width:100%; z-index:9999;}
.loading_area .loading_img { position:fixed; left:50%; top:50%;}

.table_scroll {width:100%; overflow:auto;}
.table_scroll .dj_tb {min-width:320px;}

tr.prd_line > th, tr.prd_line > td { border-top:2px solid #ccc; }