#content  { box-sizing: border-box; padding:8% 3% 20% 3%; -moz-box-sizing: border-box;  width:100%; float:left; } 


.m_sub_vi1  { position:relative; width:100%; height:230px; float:left; background:url('/mobile/img/sub/m_sub_vi1.png') no-repeat top center; background-size:cover;  }
.m_sub_vi2  { position:relative; width:100%; height:230px; float:left; background:url('/mobile/img/sub/m_sub_vi2.png') no-repeat top center; background-size:cover;  }
.m_sub_vi3  { position:relative; width:100%; height:230px; float:left; background:url('/mobile/img/sub/m_sub_vi3.png') no-repeat top center; background-size:cover;  }
.m_sub_vi4  { position:relative; width:100%; height:230px; float:left; background:url('/mobile/img/sub/m_sub_vi4.png') no-repeat top center; background-size:cover;  }
.m_sub_vi5  { position:relative; width:100%; height:230px; float:left; background:url('/mobile/img/sub/m_sub_vi5.png') no-repeat top center; background-size:cover;  }


.sub_menu          	  {width:100%; float:left;  height:55px;}
.sub_menu  .in     	  {margin:0 auto; }
.sub_menu  .in  .home {width:10%; float:left; padding:10px 0px 0px 0px; text-align:Center; height:50px; background:#ff9900;
                              box-sizing:border-box;  border-bottom:1px solid #ddd; }
.sub_menu  .in  .box1 {width:35%; border-right:1px solid #ddd; border-left:1px solid #ddd;  height:50px; float:left; background:#fff;} 
.sub_menu  .in  .box2 {width:55%; border-right:1px solid #ddd; float:left; height:50px; background:#fff;} 



/* 서브페이지 상단 메뉴 */
#content_menu    {margin-top:20px; margin-bottom:30px; float:left; width:100%; border:1px solid #ddd;  /*box-shadow:3px 3px 7px rgba(0,0,0,0.5);*/}

#content_menu   li {float:left; text-align:center;  font-size:0.92em; 
			border:1px solid #ddd; line-height:50px; font-weight:600; box-sizing:border-box; }
			
#content_menu li  a {width:100%; display:inline-block; text-decoration:none; float:left; background-color:#fff;  border-right:0px solid #ddd;  }


#content_menu li a:link		{background-color:#fff; color:#666; text-decoration:none;}
#content_menu li a:hover	{background-color:#f18639; color:#fff;  text-decoration:none;}
#content_menu li a:active	{background-color:#f18639; color:#fff;  text-decoration:none;}
#content_menu li a:visited	{background-color:#fff; color:#666; text-decoration:none;}

#content_menu li.ov    { border:1px solid #ddd;}

#content_menu li.ov a { display:inline-block; text-decoration:none; background-color:#f18639;}

#content_menu li.ov a:link	 	{ color:#fff; text-decoration:none;}
#content_menu li.ov a:hover	 	{ color:#fff; text-decoration:none;}
#content_menu li.ov a:active	{ color:#fff; text-decoration:none;}
#content_menu li.ov a:visited	{ color:#fff; text-decoration:none;}

 		   
.border_none {border:none; margin-bottom:0px;}

/*span 꾸며주기*/
.text_1 	 {font-size:1.4em; line-height:1.4em; color:#333; font-weight:600;}

.border_top  {border-top:1px solid #ddd; padding-top:5%;}

.f_red 	 {color:red;}
.f_blue  {color:#2d56d9;}


.s_tt  	 {background:url('/common/img/sub/s_tt_bg.png') no-repeat top left;  width:100%; float:left; padding-left:25px; 
		  font-size:1.5em; line-height:1em; color:#333; font-weight:600; padding-bottom:10px; letter-spacing:-1.5px;}
.box_100 {width:100%; float:left;}
.box_20  {width:20%; float:left;}
.box_30  {width:30%; float:left;}
.box_32  {width:32%; float:left;}
.box_40  {width:40%; float:left;}
.box_45  {width:45%; float:left;}
.box_50  {width:50%; float:left;}
.box_60  {width:60%; float:left;}
.box_70  {width:70%; float:left;}
.box_80  {width:80%; float:left;}

.s_tt_line 		  {width:100%; float:left; font-size:1.4em; line-height:1em; color:#333; font-weight:600; padding-bottom:20px; letter-spacing:-1.5px;}
.s_tt_line  span  {text-decoration:underline; color:#054f98;}

.text_box   {width:100%; float:left; font-size:0.92em; color:#666; line-height:1.5em;}
.span1  	{width:100%; float:left; font-size:1.1em; color:#3b7cc2;  line-height:1.4em; font-weight:600; }
.span2  	{width:100%; float:left; font-size:1.3em; color:#3b7cc2;  line-height:1.3em; font-weight:600; }
.span3  	{width:100%; float:left; font-size:0.92em; color:#777;  line-height:1.3em;  padding-top:5px;}

.top_line 	{background:url('/common/img/sub/title_top_line_bg.png') no-repeat top left; padding-top:5px;}

.bottom_border_box  {width:100%; float:left; border-bottom:1px solid #ddd; padding-bottom:50px; }
.border_box  {width:100%; float:left; border:1px solid #ddd; padding:20px; box-sizing:border-box;}

.font_box1  {font-size:1.3em; color:#444; width:65%; float:right; font-weight:600; line-height:32px; margin-bottom:10px;}

.h3_titcir {width:100%; display:flex; color:#333; font-weight:600; font-size:19px; margin-bottom:15px; align-items:center ; line-height:1.2 ; gap:5px; float:left}
.h3_titcir:before {width:15px; height:15px; border-radius:50%; border:5px solid #f46f2e; flex-shrink:0; content:''; box-sizing:border-box}


/* 사업영역 */
.busin_sub_tit {width:100%; font-size:1.2em; color:#333; float:left; padding:6px 0 6px 15px; font-weight:600; line-height:22px;
background:url('/common/img/sub/tit_dot_black.png') no-repeat center left; margin-bottom:3px; box-sizing:border-box; }

.busin_sub_tit2{width:100%; font-size:1.4em; margin-bottom:10px; color:#ff9933; float:left; font-weight:600; line-height:30px;
 box-sizing:border-box;}

.color_r {color:#f00;}

.no   {width:40px; text-align:Center; line-height:40px; margin-right:10px; font-size:20px; float:left; color:#fff; border-radius:5px;}
.bg1  {background-color:#683103;}
.bg2  {background-color:#009999;}
.border_bottom  {border-bottom:1px dashed #ddd;  padding-bottom:45px; margin-bottom:40px;  width:100%; float:left;}
 
/* 회사소개-힌국오토쉘은 */ 
.greet_wrap h3{font-size:1.1em; font-weight:400; color:#333; margin:15px 0 5px 0;}
.greet_wrap p{font-size:0.92em; color:#666; font-weight:300; line-height:1.5em; margin-bottom:20px;}
.greet_wrap span{font-size:0.92em; color:#333; font-weight:400; }
.greet_wrap img{width:100%; float:left;}

/* 회사개요 bg_img */
.info_bg_img	{background:url(/../common/img/sub/info_bg_logo.gif) no-repeat  right bottom; width:100%; float:left;}

/* 안전점검 */
.safety_wrap {width:100%; display:flex; flex-wrap:wrap; gap:30px 1%; }
.safety_wrap .safety_box  {width:49%;   border:1px solid #ddd; border-radius:15px; overflow:hidden }

.safety_wrap .safety_box .safety_icon { width:100%;  text-align:center; background:#555; padding:25px 0; box-sizing:border-box; }
.safety_wrap .safety_box .safety_icon img {border-radius:30px; box-sizing:border-box; background:#fff; padding:5px;}
.safety_wrap .safety_box span.txt {width:100%; padding:13px; font-size:.93em;  line-height:1.5; box-sizing:border-box; color:#555;  display:flex; align-items:center}

.branch_wrap {width:100%; float:left; text-align:center;}
.branch_wrap div {width:31%; float:left; height:135px; padding-top:22px; background:#f7f7f7; margin-right:2%; border:1px solid #ddd;  box-sizing:border-box; }
.branch_wrap div:nth-child(3) {width:31%; float:right; height:135px; padding-top:22px;  background:#f7f7f7;  border:1px solid #ddd;  box-sizing:border-box; }

.branch_wrap div span {font-size:1em; font-weight:500; color:#333; margin-top:10px; display:block; line-height:1.2em;}

.company08_box {width:100%; display:inline-block}


/* 설치방법 */
.install_wrap {width:100%; float:left; }

.install_box_wrap {width:100%; float:left; padding:30px 15px; box-sizing:border-box; }
.install_box_wrap span {position:absolute; width:100%; float:left; padding:12px 15px; box-sizing:border-box; background:#fff; color:#333; bottom:0; left:0;}

.install_box {position:relative; width:100%; height:300px; float:left; background:#cdf; margin-bottom:20px;}
.install_box li:first-child {position:absolute; width:100%; height:300px; top:0; left:0;  border:1px solid #ddd;}
.install_box li:last-child  {position:absolute; width:45px; line-height:45px; top:0; left:0; background:#333; color:#fff; text-align:center; box-sizing:border-box;}
.install_box li img {width:100%; float:left;}
 

.law_wrap {width:100%; float:left;  border:1px solid #ddd; }
.law_wrap>span {width:100%; float:left; font-weight:500; font-size:0.98em; background:#f7f7f7; color:#333; padding:15px; box-sizing:border-box; line-height:1.35em;}
.law_wrap div {width:100%; float:left; font-size:0.92em; background:#fff; color:#555; padding:15px; box-sizing:border-box; line-height:1.5em;}

 
 /*연혁*/
.line { width:100%; float:left; border-top: 1px solid #a5a5a5; border-bottom:1px solid #ddd; margin-top: 0px; padding: 15px 2px; }

.com_history{width:100%; float:left;}
.com_history ul li{position:relative;  height:100%; margin:0px 0 0 0; padding:0px; list-style:none; }
.com_history ul li:after{content:""; display:block; float:none; clear:both;}

.com_history ul li div.history_y{position:absolute; width:70px; left:0px; font-size: 20px; font-weight: bold; color:#f7791d; margin-top:15px }

.com_history ul li ul {margin:0 0 0 95px; padding:10px 0; border-bottom:1px dotted #a5a5a5;}
.com_history ul li ul li{margin:0; padding:5px 0; line-height:22px; background:none; display:flex; }

.com_history ul li ul li span.title02{display:inline-block; flex-shrink:0; width:50px; float:left; text-indent:15px; font-weight:bold; font-size: 15px; /}
.com_history ul li ul li span.title03{display:inline-block; width:500px; float:left;   font-size: 15px; margin-bottom:20px;}

.com_history ul li ul li span.con, 
.com_history ul li ul li ul {display:inline-block;   margin:0; padding:0; line-height:22px;}
.com_history ul li ul li span.con{padding-left:0px; border:0;   font-size: 15px;letter-spacing:-0.5pt;}
.com_history ul li ul li ul{width:400px;}
.com_history ul li ul li ul li{margin:0; padding:2px 0 2px 10px; border:0;}


.com_history:last-child ul li ul {border-bottom:none}


.guide h2{font-size: 18px;}
.acc_img_wrap {font-size: 0;}
.acc_img_wrap  div{display: inline-block;vertical-align: top;width:50%;padding: 0 5px;box-sizing:border-box;}
.acc_img_wrap  div img{width: 100%;}
.acc_img_wrap  div span{display: block;font-size: 13px;padding: 10px;background: #ddd;}



.company4_flex_box_wrap {width:100%; float:left;   gap:20px; }
.company4_flex_box_wrap > div {width:100%; margin-top:30px; font-size:1em; color:#444;  background-color:#f5f5f5; box-sizing:border-box; padding:20px 25px}
.company4_flex_box_wrap > div b {font-weight:500; color:#222}
 


/* 자료다운로드 버튼 */
.down_btn {width:100%; padding:14px 0; text-align:center; border:1px solid #ddd;  background:#f9f9f9;
		   display:block; float:left; vertical-align:middle; border-radius:7px; }
.down_btn:hover {background:#f0f0f0; display:block;}
.down_btn span {font-size:17px; line-height:1em; margin-left:10px; font-weight:500; color:#555;}


 


.patent {width:100%; display:flex; flex-wrap:wrap; gap:20px 0;  justify-content:space-between }
.patent li {width:calc(50% - 8px); box-sizing:border-box;    }
.patent li div {width:100%; height:60vw; overflow:hidden;  display:flex; align-items:flex-start; justify-content:center; border:1px solid #ddd; }
.patent li p {width:100%; font-size:15px;  line-height:1.4; color:#555;    box-sizing:border-box; padding:0 10px; margin-top:10px;  text-align:center;   }
.patent li img {width:100%}

.n_product_box {  width:100%;   justify-content:space-between}
.n_product_box .t { width:100%; }
.n_product_box .t h4 {font-size:1.2em;}
.n_product_box .t h4 br {display:none}
.n_product_box p {color:#f7791d; font-size:1em; line-height:1.3; border-bottom:1px solid #ddd; padding-bottom:16px} 
.n_product_box ul {margin-top:16px}
.n_product_box ul li {color:#555; margin-bottom:2px; font-size:.95em; line-height:1.3}
.n_product_box ul li.star {color:#f7791d;}
.n_product_box .img {border:1px solid #ddd;   width:100%; margin-top:20px;  padding:20px 0; display:flex;  align-items:center;  justify-content:center}
.n_product_box .img img {max-width:90%}