@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
body {}
.c-tit01{background:url(/hscmb/_Img/Layout/c-tit01.jpg) no-repeat; font-weight:500; font-size:24px; padding-bottom:15px;margin-bottom:15px;}
.c-tit02{background:url(/hscmb/_Img/Layout/c-tit02.jpg) no-repeat 0 5px; font-weight:500;color:#d40201; font-size:18px; padding-bottom:7px;padding-left:22px;margin-bottom:8px; }
.c-tit03{background:url(/hscmb/_Img/Layout/c-tit03.jpg) no-repeat 0 6px; font-weight:500;color:#24459c; font-size:16px; padding-bottom:5px;padding-left:20px;margin-bottom:8px; }
.b-tit02{ font-weight:500;color:#d40201; font-size:18px; padding-bottom:7px;margin-bottom:8px; }


.c-tit01 .atr, .c-tit02 .atr{font-size:13px;  font-weight:normal; color:#666; float:right;padding-top:3px;}
.ov-line{background:url(/hscmb/_Img/Content/line-bg.jpg) repeat; height:4px;}
.vc-line{background:url(/hscmb/_Img/Layout/vertical-line.jpg) repeat-x ; height:4px;}

.bd-line{background:#d40201 !important;}

i{font-style:normal}
	.th-bg-none tbody th {background:none; font-weight:100; color:#555;}

/*라이센스*/
.lisence-list{overflow:hidden; padding:20px 0}
.lisence-list li{width:23%; margin-left:2.5%; float:left; margin-bottom:2%}
.lisence-list li.c-01{margin-left:0}
.lisence-list li img{ width:100%}
.lisence-list li span{border:1px solid #ddd; display:block;}

.hatch-list{overflow:hidden; padding:0px 0}
.hatch-list li{width:30.33%; margin-left:4.33%; float:left; margin-bottom:4%}
.hatch-list li.c-01{margin-left:0}
.hatch-list li img{ width:100%}
.hatch-list li span{border:1px solid #ddd; display:block;}
.hatch-list li span.txt{background:#f9f9f9; border-top:none; text-align:center; font-size:12px; line-height:130%;padding:7px 0;}
.hatch-list li.c-02{width:49%;margin-left:2%}
.hatch-list li.c-01.c-02{margin-left:0}

	@media all and (max-width:740px){
		.hatch-list li{width:49%; margin-left:0%; float:left; margin-bottom:4%}
		.hatch-list li:nth-child(even){float:right}
	 }
	 @media all and (max-width:420px){
		.hatch-list li{width:100%; margin-left:0%; float:left; margin-bottom:4%}
		.hatch-list li:nth-child(even){float:right}

		.hatch-list li.c-02{width:100%;margin-left:0%}
	 
	}


/* 인사말 */
.greeting-01{ position:relative; padding-right:380px; height:300px;}
.greeting-01 .btxt{ font-size:24px; font-weight:600;letter-spacing:-0.03em; background:url(/hscmb/_Img/Content/greeting-01.jpg) no-repeat; padding-top:35px; color:#000;display:block;line-height:120%}
.greeting-01 .btxt b {color:#d40201;}
.greeting-01 .stxt{font-size:20px; color:#222; display:block; margin-top:36px;line-height:140%}
.greeting-01 .stxt b{font-weight:100; font-size:16px; display:block}

.greeting-01 .img{position:absolute;z-index:5; width:320px; height:300px; background:url(/hscmb/_Img/Layout/no-imgs.png) no-repeat center center #f2f2f2; ;right:0; top:0}
.greeting-01 .img  img{width:100%; position:relative; z-index:3}
.greeting-01 .ceo{z-index:6; height:30px; position:absolute; right:0; bottom:-15px;background:rgba(215,2,1,0.9); padding-right:15px; width:155px;text-align:right; color:#fff; line-height:30px;}
.greeting-01 .name{ font-weight:600; font-size:20px; color:#000; position:absolute;right:0; bottom:-45px;}

.greeting-01:after{position:absolute;width:100%;height:1px; background:#ccc; right:0; top:299px; display:block; content:""; z-index:-1}


.greeting-02{ position:relative;  padding: 20px 380px 20px 0;margin-top:20px;}
.greeting-02 p{line-height:170%}
.greeting-02 .btxt{ line-height:150%;font-size:17px; font-weight:300; position:absolute; right:0; width:320px; top:30px; text-align:center; padding:50px 0}
.greeting-02 .btxt:before{display:block;content:"";position:absolute;left:50%;margin-lefT:-40px; width:80px;  height:2px;background:url(/hscmb/_Img/Content/greeting-02.jpg) no-repeat; top:0}
.greeting-02 .btxt:after{display:block;content:"";position:absolute;left:50%;margin-lefT:-40px; width:80px; height:2px; background:url(/hscmb/_Img/Content/greeting-03.jpg) no-repeat; bottom:0}



.greeting-03{ position:relative;  padding: 20px 0 20px 400px;margin-top:20px;}
.greeting-03 .btxt{ line-height:150%;font-size:20px; font-weight:300; position:absolute; left:0; width:375px; height:238px; top:30px; text-align:center; padding:50px 0; background:url(/hscmb/_Img/Content/greeting-04.jpg) no-repeat;}
.greeting-03 .btxt span{display:block;padding-top:128px; color:#fff; line-height:150%; font-size:14px; font-weight:500;padding-left:30px}
.greeting-03 .btxt span b{ font-weight:500}
.greeting-03 p{line-height:170%}
	@media all and (max-width:999px){ 
	.greeting-03 .btxt span b{display:block}
	}
	@media all and (max-width:700px){ 
	    .greeting-01{padding-right:0;height:auto}
		.greeting-01 .btxt{font-size:27px;text-align:center;background-position: center top;padding-top:45px}
		.greeting-01 .stxt{margin-top:15px; margin-bottom:30px;font-size:18px;text-align:center;}
		.greeting-01 .stxt b{}
		.greeting-01 .img{position:relative;width:auto; height:auto;min-height:300px}

		.greeting-02{padding: 40px 0px 20px 0;}

		.greeting-02 .btxt{ position:relative;right:auto; top:auto; margin:80px auto 20px auto;width:auto;max-width:320px; font-size:17px}

		.greeting-03{padding:0px 0 0px 0px;}

		.greeting-03 .btxt{ position:relative;right:auto; top:auto; margin:60px auto 0px auto;}
		
	}




/* 회사소개 */
.introduce-01{margin-bottom:35px;}
.introduce-01 .btxt{ font-size:16px; font-weight:500; color:#333; display:block; padding-bottom:5px;}
.introduce-01 .btxt span{ color:#24459c}
.introduce-01 .btxt.kor{ color:#24459c}
.introduce-02 li{ width:240px; height:100px;text-align:center;position:absolute;margin-left:-120px; color:#555}
.introduce-02 strong{display:block; font-size:24px; color:#222; padding-bottom:18px;letter-spacing:-0.03em; line-height:120%}
.introduce-02 i{display:block; }
.introduce-02 {position:relative;margin:0 auto;width:465px; min-height:650px;background:url(/hscmb/_Img/Content/introduce.jpg) no-repeat center center; }
.introduce-02 li.c-01{ left:50%; top:0}
.introduce-02 li.c-02{ left:-24%; top:468px;margin-left:0}
.introduce-02 li.c-03{ right:-24%; top:468px;margin-left:0}
	
.introduce-03 {overflow:hidden;}
.introduce-03 li{float:left; width:29.33% ;margin-left:6%; /* height:133px;  */position:relative;padding-top:80px}
.introduce-03 li:first-child{margin-left:0}
.introduce-03 strong{display:block;font-weight:500; font-size:20px; color:#222;margin:0 0 30px 0; padding:0 0px; min-height:65px;}
.introduce-03 span{display:block; padding:0 0px}
.introduce-03 li:after{position:absolute;left:0; top:54px; background:#d40201; width:100%;height:3px; z-index:-1;display:block;content:""}
.introduce-03 li.c-01{background:url(/hscmb/_Img/Content/introduce-04.jpg) no-repeat;}
.introduce-03 li.c-02{background:url(/hscmb/_Img/Content/introduce-05.jpg) no-repeat 0 9px;}
.introduce-03 li.c-03{background:url(/hscmb/_Img/Content/introduce-06.jpg) no-repeat 0 7px;}



	@media all and (max-width:800px){ 
	    .introduce-02{background-size:100%;width:auto;max-width:465px}
		.introduce-02 li.c-02,.introduce-02 li.c-03{width:160px}
		.introduce-02 li.c-02{left:-16%; text-align:center;}
		.introduce-02 li.c-03{right:-16%; text-align:center;}
		.introduce-03 strong{font-size:18px; }

	}
	@media all and (max-width:550px){ 
		.introduce-02{background-size:290px}
		.introduce-02 strong{font-size:21px;padding-bottom:10px}
		.introduce-02{min-height:400px;margin-bottom:120px}
		.introduce-02 li.c-02,.introduce-02 li.c-03{width:130px}
		.introduce-02 li.c-02{ left:0; top:328px}
		.introduce-02 li.c-03{ right:0; top:328px}
		.introduce-03 strong{margin-bottom:10px}
		.introduce-03 li{width:100%;margin:0;margin-bottom:20px; height:auto;padding-bottom:15px}
		.introduce-03 strong{text-align:center;margin-top:10px}
		.introduce-03 span{text-align:center; padding:0 30px 35px 30px;border-bottom:1px solid #ddd}
		.introduce-03 li.c-01{background:url(/hscmb/_Img/Content/introduce-04.jpg) no-repeat center top;}
		.introduce-03 li.c-02{background:url(/hscmb/_Img/Content/introduce-05.jpg) no-repeat center 9px;}
		.introduce-03 li.c-03{background:url(/hscmb/_Img/Content/introduce-06.jpg) no-repeat center 7px;}
	}



/*연햑*/
.history-01{text-align:center;}
.history-01 .btxt{font-weight:600; color:#24459c; font-size:30px; display:block; margin-bottom:30px;}
.history-01 .stxt{display:block; line-height:150%; font-weight:normal}
.history-01 .img{width:643px; margin:30px auto}


.history-02{margin:80px 0 0 0;position:relative; background:url(/hscmb/_Img/Content/history-bg.png) no-repeat center 80px;;}
.history-02:after{width:20px; height:25px; background:url(/hscmb/_Img/Content/history-02.jpg)no-repeat center top;left:50%;margin-left:-10px; top:0; display:block;content:""; position:absolute;}
.history-02 ul{overflow:hidden ; padding:15px 0px; background:url(/hscmb/_Img/Content/history-03.jpg) repeat-y center -5px}
.history-02 li{margin:7px 0}
.history-02 li.c-01{ float:left;width:42%;padding-right:8.5%;text-align:right}
.history-02 li.c-02{float:right;width:42%;padding-left:8.5%;text-align:left;}

.history-02 li.c-01 .year:after{ background:url(/hscmb/_Img/Content/history-04.jpg)no-repeat; width:53px; height:7px; position:absolute; right:-70px; top:5px; display:block;content:""}
.history-02 li.c-02 .year:after{ background:url(/hscmb/_Img/Content/history-05.jpg)no-repeat; width:53px; height:7px; position:absolute; left:-70px; top:5px; display:block;content:""}

.history-02 li strong{ font-weight:600; color:#444;}
.history-02 li .year{display:block; font-weight:normal; color:#d40201; font-size:30px;padding-bottom:17px;position:relative; line-height:120%}
.history-02 li .txt{display:block; position:relative;font-weight:normal; color:#555; font-size:14px;  line-height:160%}

.history-02 li:first-child{margin-top:40px;}
.history-02 li.c-01 .txt{padding-right:28px;}
.history-02 li.c-02 .txt{padding-left:28px;}
.history-02 li .txt b{ font-weight:normal}

.history-02 li.c-02.mg10b{margin-top:15px;}

.history-02 li.c-01 strong{ position:absolute;right:0; top:0 ;}
.history-02 li.c-02 strong{ position:absolute;left:0; top:0 ;}

		@media all and (max-width:900px){ 
			.history-01 .img img{ width:100%}
			.history-01 .img{max-width:643px; width:90%;margin:20px auto}

			.history-01 .btxt{ font-size:24px}
			.history-01 .stxt{padding:0 15px;}
		}

		@media all and (max-width:600px){ 
			
			.history-02{margin:50px 0 0 0}
			.history-02 ul{ background:url(/hscmb/_Img/Content/history-03.jpg) repeat-y left -5px ;padding:0; margin:0 auto; width:90%}
			.history-02:after{left:0;margin-left:5%; top:0px}
			.history-02 li:first-child{margin-top:0;}
			.history-02 li{margin:7px 0 20px 0}
			.history-02 li.c-01{float:none;width:auto;padding-right:0%;text-align:left; padding-left:100px}
			.history-02 li.c-02{float:none;width:auto;padding-left:0%;text-align:left; padding-left:100px}
			.history-02 li.c-01 strong{left:0}
			.history-02 li.c-01 .txt{padding-left:28px;padding-right:0}
			.history-02 li.c-01 .year:after,.history-02 li.c-02 .year:after{display:none}
			
			.history-02 li{position:relative; }
			.history-02 li .year{  font-size:16px; display:inline-block ; position:absolute; left:40px ;top:0}
			.history-02 li .txt{display:inline-block;margin-left:10px;}

		}

/*홍보영상*/
.hit-txt{ background:url(/hsrna/_Img/Content/hit-bg.png) no-repeat right center; position:relative;padding-left:50px;margin-bottom:40px;}
.hit-txt .btxt{ font-weight:600; font-size:40px; letter-spacing:-0.03em;color:#adadad;display:block;line-height:100%;padding-top:0;}
.hit-txt .stxt{ font-size:22px; color:#222; font-weight:500; display:block;line-height:130%;margin-top:10px;margin-bottom:3px;}
.hit-txt .ctxt{ font-size:15px; color:#555; display:block; line-height:120%;}
.hit-txt:after{background:#ccc; width:1px; left:0; top:0; height:100%; position:absolute;display:block; content:"";}

.prmovie-01{ position:relative;}
.prmovie-01 .movie-info{border:1px solid #ddd; width:206px; height:100%; position:absolute;right:0; top:0}
.prmovie-01 .movie-info p{ padding:30px 25px;}
.prmovie-01 .movie-info:after{position:absolute; left:20px; top:-9px; width:5px; height:18px; display:block; content:""; background:#de2724}
.prmovie-01 .movie-info{background:url(/hscmb/_Img/Content/prmovie-logo.png) no-repeat 85% 90%}

.prmovie-list{}
.prmovie-list ul{overflow:hidden}
.prmovie-list li{float:left; width:23%; height:150px; margin-left:2.5%}
.prmovie-list li:first-child{margin-left:0}
.prmovie-list li a{display:block;}
.prmovie-list li a img{width:100%;}
.prmovie-list li span{display:block; margin-top:15px; text-align:center; line-height:120%}

	@media all and (max-width:730px){ 

	  .movie-area img{width:100%}
	  .prmovie-01 .movie-info {position:relative;right:auto; top:auto;width:auto; height:auto;background:none; margin-top:20px;}
	}
	@media all and (max-width:550px){ 
	.hit-txt {padding-left:6%; width:90%;}
	.hit-txt .btxt {	font-size:2.5em;}
	  .prmovie-list li{width:48%; margin-left:0; height:auto;margin-bottom:25px}
	  .prmovie-list li:nth-child(even){margin-left:2%}

	  .movie-area iframe{ width:100%}
	}


/* CI소개*/
.ci{overflow:hidden;background:url(/hscmb/_Img/Content/ci-bg.jpg) repeat; height:230px;border:1px solid #ddd; }
.ci li{height:230px; width:50%;float:left;}
.ci li.c-01{ background:url(/hscmb/_Img/Content/ci-01.png) no-repeat center center;}
.ci li.c-02{ background:url(/hscmb/_Img/Content/ci-02.png) no-repeat center center;}


		@media all and (max-width:900px){ 
		    
		}

		@media all and (max-width:600px){ 
		    .ci{height:auto;}
		    .ci li{text-align:center; height:auto; padding:30px 0;float:none; width:auto}
		    .ci li span{display:block; text-indent:0;position:relative; left:auto; top:auto;width:auto; height:auto; }
			.ci li.c-01, .ci li.c-02{background:none;}
			.ci li.c-01 span {margin-top:20px;}
			.ci li.c-02 span {margin-top:0px;margin-bottom:20px;}
				
		
		}



/*사회공헌*/
.social-01 .btxt{ background:url(/hsrna/_Img/Content/social-01.jpg) no-repeat center center;  height:36px;display:block;text-align:center}
.social-01 .btxt span{display:none;}
.social-01 .stxt{margin-top:30px; text-align:center; font-weight:normal; font-size:16px; color:#222}
.social-01 .ctxt{margin-top:20px; text-align:center; font-weight:normal; font-size:15px; color:#666}

.social-02{  position:relative; padding-top:48px;margin-top:40px; }
.social-02:after{background:url(/hsrna/_Img/Content/social-bg.jpg) no-repeat center top; position:absolute;left:50%;width:740px;margin-left:-370px; height:48px; display:block;top:0; content:"";}
.social-02 li{height:334px;position:relative;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}

.social-02 li.bg-01{background:url(/hsrna/_Img/Content/social-bg.jpg) no-repeat center -48px}
.social-02 li.bg-02{background:url(/hsrna/_Img/Content/social-bg.jpg) no-repeat center -382px}
.social-02 li.bg-03{background:url(/hsrna/_Img/Content/social-bg.jpg) no-repeat center -716px}
.social-02 li.bg-04{background:url(/hsrna/_Img/Content/social-bg.jpg) no-repeat center -1050px}
.social-02 li.bg-05{background:url(/hsrna/_Img/Content/social-bg.jpg) no-repeat center bottom}



.social-02 li.c-01, .social-02 li.c-03,.social-02 li.c-05{padding-left:428px;}
.social-02 li.c-02, .social-02 li.c-04{padding-right:428px}


.social-02 li.c-01 .btxt{display:block; padding:66px 68px 0 0px;text-align:left}
.social-02 li.c-01 .stxt{display:block; padding:40px 68px 0 0px;text-align:left}
.social-02 li.c-01 img{position:absolute; width:254px; height:254px;left:57px; top:40px;box-shadow:1px 1px 4px 1px silver; border-radius:254px 254px;}

.social-02 li.c-02 .btxt{display:block; padding:46px 0 0 68px;text-align:right}
.social-02 li.c-02 .stxt{display:block; padding:28px 0 0 68px;text-align:right}
.social-02 li.c-02 img{position:absolute; width:254px; height:254px;right:57px; top:40px;box-shadow:1px 1px 4px 1px silver; border-radius:254px 254px; }

.social-02 li .btxt{font-weight:600;; font-size:20px}
.social-02 li .stxt{letter-spacing:0; font-weight:300}

.social-02 li.bg-01 .btxt{color:#23928b}
.social-02 li.bg-02 .btxt{color:#254c91}
.social-02 li.bg-03 .btxt{color:#c35379}
.social-02 li.bg-04 .btxt{color:#814e15}
.social-02 li.bg-05 .btxt{color:#036e20}
	
	  @media all and (max-width:900px){ 
		.social-02{ padding-top:38px;margin-top:20px; }
		.social-02 li{height:274px;}
		.social-02 li.c-01 img { width:200px; height:200px; }
		.social-02 li.c-02 img { width:200px; height:200px;}

		.social-02 li.c-01, .social-02 li.c-03,.social-02 li.c-05{padding-left:328px;}
		.social-02 li.c-02, .social-02 li.c-04{padding-right:328px}

      }

	 @media all and (max-width:600px){ 
		.social-02 li{height:auto; padding-bottom:30px;}
		.social-01 .stxt{padding:0 15px}
		.social-01 .ctxt{padding:0 15px}

		.social-02 li.c-01 img { width:150px; height:150px; display:inline-block; margin:30px auto 10px auto; position:relative; left:auto; top:auto;}
		.social-02 li.c-02 img { width:150px; height:150px; display:inline-block; margin:30px auto 10px auto; position:relative; right:auto; top:auto;}


		.social-02 li.c-01, .social-02 li.c-03,.social-02 li.c-05{padding-left:0;text-align:center;}
		.social-02 li.c-02, .social-02 li.c-04{padding-right:0;text-align:center;background:#E4EDF4;}
		.social-02 li.bg-05{background:#EAECDE}
		.social-02 li.bg-03 {background:#F6E4E4}
		.social-02 li.bg-01 {background:#E1EEE5}

		.social-02 li.c-01 .btxt{ font-size:17px; text-align:center;padding:10px 15px 0 15px }
		.social-02 li.c-01 .stxt{font-size:14px; text-align:center;padding:10px 20px 0 20px }
		.social-02 li.c-02 .btxt{ font-size:17px; text-align:center;padding:10px 15px 0 15px }
		.social-02 li.c-02 .stxt{font-size:14px; text-align:center;padding:10px 20px 0 20px }
		
      }


/*품질경영*/
.quality-01{padding:10px; position:relative;}
.quality-01:after{background:url(/hscmb/_Img/Content/line-bg.jpg) repeat; position:absolute;left:0;top:0; width:100%; height:100%;display:block;content:"";z-index:-1}
.quality-01 .quality-ov{background:#fff;overflow:hidden; padding:50px 50px 50px 50px}
.quality-01 .quality-ov.ov2{padding-top:0}
.quality-01 .quality-vision{width:50%;float:left;background:url(/hscmb/_Img/Content/quality-vision.jpg) no-repeat;width:262px; height:248px; position:relative;}
.quality-01 .quality-vision  li{position:absolute;width:142px; height:134px;text-align:center;line-height:134px; font-weight:600; color:#24459c; font-size:17px}
.quality-01 .quality-vision .c-01{  left:50%;margin-left:-71px; top:0;}
.quality-01 .quality-vision .c-02{  left:0;margin-left:0; bottom:0;width:130px;}
.quality-01 .quality-vision .c-03{  right:0;margin-left:0; bottom:0;width:130px;}

.quality-01 .btxt{ float:right;width:286px; font-weight:600; color:#24459c; margin-bottom:30px; display:block;margin-top:30px; font-size:16px;}
.quality-01 .quality-list { float:right;width:286px;}
.quality-01 .quality-list li{background:url(/hscmb/_Img/Layout/list-dot.jpg) no-repeat 0 8px; padding-left:12px; line-height:120%; padding-bottom:10px;}

.dream-btxt{float:left; display:block;background:url(/hscmb/_Img/Content/quality-dream.jpg) no-repeat; width:246px;line-height:81px; height:81px; text-align:center; font-weight:600; color:#d40201; font-size:17px; padding-right:18px;}


.qualty-09{ padding:20px 70px 30px 70px; position:relative;}
.qualty-09 .btxt{font-family:"Nanum Myeongjo"; font-size:30px; letter-spacing:0; font-weight:300;margin-top:20px; color:#252525; padding-bottom:15px;}
.qualty-09 .stxt{color:#555; font-size:15px;}

.qualty-09 .btxt span b{display:inline-block; position:relative;}
.qualty-09 .btxt span.red{ color:#d40201}
.qualty-09 .btxt span.blue{ color:#24459c}
.qualty-09 .btxt span b:after{ width:4px; height:4px; position:absolute; top:-12px; left:50%;margin-lefT:-2px; display:block; content:"";background:url(/hscmb/_Img/Content/red-dot.jpg) no-repeat;}
.qualty-09 .btxt span.blue b:after{ width:4px; height:4px; position:absolute; top:-12px; left:50%;margin-lefT:-2px; display:block; content:"";background:url(/hscmb/_Img/Content/blue-dot.jpg) no-repeat;}

.qualty-09:before{width:40px; height:120px; position:absolute; left:0;top:0; z-index:-1; display:block;content:"";background:url(/hscmb/_Img/Content/quality-line01.jpg) no-repeat;}
.qualty-09:after{width:40px; height:120px; position:absolute; right:0;top:0; z-index:-1;display:block;content:"";background:url(/hscmb/_Img/Content/quality-line02.jpg) no-repeat;}

.qualty-sun{padding:64px 90px;background:url(/hscmb/_Img/Content/quality-09bg.jpg) no-repeat right top #f5f5f5;border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.qualty-sun .btxt{ font-size:25px; font-weight:400; color:#111;margin-bottom:30px}
.qualty-sun .btxt span{ color:#b0afaf; font-size:16px; font-weight:400;display:inline-block; margin-left:10px; text-transform:uppercase}
.qualty-sun p{line-height:160%}


	 @media all and (max-width:800px){ 
	    .qualty-09{padding:30px 0px 0px 00px;}
		.qualty-09 .btxt{font-size:28px; height:100px; line-height:40px;text-align:center; padding:0 30px;}
		.qualty-09 .stxt{color:#222}
		.qualty-09:before, .qualty-09:after{}

		.qualty-sun{padding:40px 30px;}
      }
	  @media all and (max-width:500px){ 
	    .qualty-09 .btxt{font-size:24px; padding:0 15px;height:100px;letter-spacing:0}
		.qualty-sun .btxt{font-size:22px}
		.qualty-sun .btxt span{display:block; margin-left:0; font-size:15px;line-height:120%; font-weight:100}
      }
	  @media all and (max-width:375px){ 
			.qualty-09 .btxt {margin-top:0;}
			.qualty-09 .btxt span.blue b:after, .qualty-09 .btxt span b:after {top:0;}
		}


/*인증서*/
.confirm-list ul{ overflow:hidden}
.confirm-list li{width:33.33%; padding-bottom:40px; float:left; position:relative; }
.confirm-list li:first-child:after{display:none}
.confirm-list li:after{height:100%;width:1px; background:#ddd; left:-1px; position:absolute; top:0; display:block;content:"";}

.confirm-list li .img{ text-align:center;background:#f1f3f2;padding:40px 0;display:block}
.confirm-list li .img img{box-shadow:1px 1px 4px 1px silver;display:inline-block;}
.confirm-list li .tit{display:block; padding:30px 0 5px 0; text-align:center; color:#444; font-size:14px; }
.confirm-list li .serial{ font-size:12px; color:#d40201; display:block; text-align:center;}
.confirm-list li .down-btn{  line-height:38px; font-size:14px;display:block;text-align:center;padding: 20px 0 0 0}
.confirm-list li .down-btn span{display:inline-block; padding:0 0 0 20px;text-align:left; width:120px;border:1px solid #ddd; background:url(/hscmb/_Img/Content/down-ico.jpg) no-repeat 90% center}




/*친환경*/
.environment-01{overflow:hidden;padding-top:15px;}
.environment-01 .environment-l{float:left;width:280px;height:300px;background:url(/hsrnaen/_Img/Content/environment-01.jpg) no-repeat;}
.environment-01 .environment-l .btxt{font-size:12px;  color:#444;display:block;text-align:left; padding:65px 50px 0 50px;}
.environment-01 .environment-l .stxt{padding:10px 0 0 50px; font-size:23px;font-weight:400; color:#222;line-height:120%;}

.environment-01 .environment-r{float:right;width:400px;}
.environment-01 .environment-r .btxt{ color:#d40201; font-size:20px; font-weight:600; margin-bottom:20px;margin-top:10px}
.environment-01 .environment-r .stxt{line-height:150%;}

.environment-02{}
.environment-02 ul{overflow:hidden}
.environment-02 li{float:left;width:36%; height:252px;padding:80px 7% 60px 7%;border-bottom:1px solid #ddd}
.environment-02 strong{margin:0 auto; display:block;text-align:center; font-weight:400; font-size:18px; line-height:76px;width:76px ;height:112px;}
.environment-02 span{display:block; line-height:150%; text-align:center;}



.environment-02 li.c-02 {background:url(/hsrna/_Img/Content/environment-bg01.png) no-repeat right bottom #f7f7f7;}
.environment-02 li.c-03 {background:url(/hsrna/_Img/Content/environment-bg02.png) no-repeat left top #f7f7f7;}
.environment-02 li.c-06 {background:url(/hsrna/_Img/Content/environment-bg03.png) no-repeat left bottom #f7f7f7;}

.environment-02 li.c-02, .environment-02 li.c-04, .environment-02 li.c-06{position:relative;}
.environment-02 li.c-02:after, .environment-02 li.c-04:after, .environment-02 li.c-06:after{width:1px;height:100%; left:0;top:0; background:#ddd; position:absolute; display:block; content:"";}

.environment-02 li.c-05, .environment-02 li.c-06{border-bottom:none;}

.environment-02 li.c-01 strong{background:url(/hsrna/_Img/Content/environment-01a.png) no-repeat;color:#d40201}
.environment-02 li.c-02 strong{background:url(/hsrna/_Img/Content/environment-02a.png) no-repeat;color:#d40201}
.environment-02 li.c-03 strong{background:url(/hsrna/_Img/Content/environment-03a.png) no-repeat;color:#24459c}
.environment-02 li.c-04 strong{background:url(/hsrna/_Img/Content/environment-04a.png) no-repeat;color:#333}
.environment-02 li.c-05 strong{background:url(/hsrna/_Img/Content/environment-05a.png) no-repeat;color:#24459c}
.environment-02 li.c-06 strong{background:url(/hsrna/_Img/Content/environment-06a.png) no-repeat;color:#333}


.environment-03 p.btxt{ font-size:30px; display:block; color:#d40201;text-align:center;}
.environment-03 p.stxt{padding-top:20px;text-align:center;}
.environment-03 ul{margin-top:55px;}
.environment-03 li{position:relative; padding-left:186px; display:block;margin-bottom:55px;}
.environment-03 li .ico{width:124px; position:absolute;left:0;top:0;height:auto;text-align:right; display:block;}
.environment-03 li .btxt{ color:#222; font-size:16px; font-weight:600; margin-bottom:15px; display:block;}
.environment-03 li .stxt{color:#555;font-size:14px; display:block;}


.environment-04{position:relative; display:block;margin-bottom:55px;border:1px solid #eee; padding:50px 50px 50px 180px}
.environment-04 p.btxt{  color:#222; font-size:16px; font-weight:600; margin-bottom:15px; display:block;padding-top:2px}
.environment-04 p.stxt{color:#555;font-size:14px; display:block;}
.environment-04 .ico{width:124px; position:absolute;left:10px;top:50px;height:auto;text-align:right; display:block;}
    
	@media all and (max-width:800px){ 
		.environment-01{overflow:hidden;padding-top:15px;}
		.environment-01 .environment-l{float:left;width:45%;}
		.environment-01 .environment-l .btxt{padding-top:40px}
		.environment-01 .environment-l .btxt span{display:block}
		.environment-01 .environment-r{float:right;width:50%;}
    }
	@media all and (max-width:680px){ 
	    .environment-02 li {height:300px;padding:60px 7% 60px 7%;}
	    .environment-04{padding:30px}
		.environment-04 .ico{width:auto; text-align:center; position:relative; left:auto; top:auto;}
		.environment-04 p.btxt{text-align:center; padding-top:25px;}
		.environment-04 p.stxt{text-align:center; padding:0 10px}
	}
	@media all and (max-width:600px){ 
	   .environment-01 .environment-l{position:relative;float:none;height:220px; width:auto; margin:0 auto; background:url(/hsrnaen/_Img/Content/environment-01m.jpg) no-repeat;}
	   .environment-01 .environment-l:after{height:180px; z-index:-1; background:#f6f7f9; position:absolute;right:0;width:100%; bottom:0; display:block; content:"";}
	   .environment-01 .environment-r{float:none;height:auto;margin-top:25px; width:auto}
	}
	@media all and (max-width:480px){ 
	.environment-01 .environment-l .stxt {padding-top:0;}
	  .environment-02 li{width:auto; height:auto}
	  .environment-02 li.c-02:after, .environment-02 li.c-04:after, .environment-02 li.c-06:after{display:none}
	  .environment-02 li.c-03{background:none}
	  .environment-02 li.c-04 {background:url(/hsrna/_Img/Content/environment-bg02.png) no-repeat left top #f7f7f7;}
	}

/*주요고객*/
.major-list ul{overflow:hidden}
.major-list li{width:31.33%;float:left; margin-left:3%}
.major-list li.c-01{margin-left:0;}
.major-list a {border:1px solid #ddd; display:block;;height:auto;margin-bottom:20px}
.major-list a .img{display:table-cell;vertical-align:middle;height:148px;text-align:center;width:231px;;border:none;/* background:url(/hscmb/_Img/Layout/no-img.jpg) no-repeat center center */}
.major-list a .dxt{height:148px;width:auto; display:block; color:#333; line-height:148px; font-weight:600; font-size:17px; letter-spacing:-0.03em; text-align:center;}
.major-list a .txt{display:block;border-top:1px solid #ddd;line-height:58px;text-align:center;}
.major-list a .txt.c02{ height:34px; line-height:120%; padding: 12px 0}
.major-list.list02 a .txt {line-height:20px; min-height:60px; padding-top:16px;}
 
	@media all and (max-width:650px){ 
		.major-list li{width:49%; margin-left:0%} 
		.major-list li:nth-child(even){width:49%;float:right; margin-left:0%} 
		.major-list a .img {display:table-cell;vertical-align:middle; text-align:center;width:400px; height:78px; padding:15px 0}
		.major-list a .dxt{height:78px; padding:15px 0; line-height:78px}
		.major-list li img{magrg}
	}
	@media all and (max-width:400px){ 
		.major-list li{width:100%; margin-left:0%} 
		.major-list li:nth-child(even){width:100%;float:right; margin-left:0%} 
		.major-list a .img{}
		.major-list li img{}
	}




/*비전*/
.vision-top .img{height:320px; background:url(/hscmb/_Img/Content/vision-01.jpg) no-repeat; position:relative;}
.vision-top .img span{width:198px; height:124px; position:absolute; left:50%; top:50%;margin-top:-62px; margin-left:-99px;text-align:center;}
.vision-top p{line-height:160%}
.vision-con li{ position:relative; padding-left:134px; padding-bottom:30px;}
.vision-con li .img{position:absolute;left:0; top:0;}
.vision-con li .btxt{ font-weight:normal; font-size:17px; color:#222; padding-bottom:15px; display:block;}
.vision-con li .stxt{display:block; line-height:170%; color:#555; padding-left:1px}
.vision-con li b.break{font-weight:normal; color:#555}
	
	@media all and (max-width:650px){ 
	    .vision-con li{padding-left:0;text-align:center;background:#f7f7f7; padding-top:0;padding-bottom:0;margin-bottom:25px}
		.vision-con li .img{position:absolute;left:0; top:0;text-align:center;display:inline-block;margin:0px 0}
		.vision-con li .btxt{display:inline-block; line-height:97px;padding-left:90px; padding-bottom:0;padding-right:10px }
		.vision-con li .stxt{padding:20px;text-align:left; background:#fff;border:1px solid #ddd}
	}

/*미션*/
.mission-top{ text-align:center;background:url(/hscmb/_Img/Content/mission-line03.jpg) no-repeat bottom center; padding-bottom:80px;}
.mission-top .tit{font-family:"Nanum Myeongjo"; font-size:32px; letter-spacing:0; font-weight:200;margin-top:20px; color:#252525; display:inline-block; position:relative;}
.mission-top .tit:before{width:96px;height:10px; background:url(/hscmb/_Img/Content/mission-line01.jpg) no-repeat center center; position:absolute; left:-150px; top:50%;margin-top:-5px; display:block; content:"";}
.mission-top .tit:after{width:96px;height:10px; background:url(/hscmb/_Img/Content/mission-line02.jpg) no-repeat center center; position:absolute; right:-150px; top:50%;margin-top:-5px; display:block; content:"";}
.mission-top .btxt{ font-size:22px; font-weight:normal;display:block; color:#222; margin:30px 0 20px 0}
.mission-top .btxt span{color:#d40201; display:inline-block; }
.mission-top .btxt span b{font-weight:normal; position:relative;}
.mission-top .btxt span b:after{position:absolute; left:50%;background:url(/hscmb/_Img/Layout/red-dot.jpg) no-repeat center center; width:4px; height:4px; top:-2px; margin-left:-2px; display:block; content:"";}
.mission-top .stxt{ font-size:15px; font-weight:300;display:block; color:#666}

.mission-con{background:url(/hscmb/_Img/Content/mission-bg.jpg) no-repeat center center; position:relative; height:445px;margin-bottom:20px;}
.mission-con dt{ background:url(/hscmb/_Img/Content/mission-00.jpg) no-repeat center center;width:156px;height:156px; position:absolute; left:50%;margin-top:-78px; margin-left:-78px; top:50%; color:#fff;text-transform:uppercase;text-align:center; line-height:156px; font-weight:600; font-size:21px}
.mission-con dd{width:153px; height:103px; position:absolute; line-height:120%; color:#fff;text-align:center; font-size:15px; padding-top:50px;}
.mission-con dd.c-01{ background:url(/hscmb/_Img/Content/mission-01.jpg) no-repeat center center; top:0; left:17%; padding-top:55px; height:98px;}
.mission-con dd.c-02{ background:url(/hscmb/_Img/Content/mission-02.jpg) no-repeat center center; top:0; right:15%}
.mission-con dd.c-03{ background:url(/hscmb/_Img/Content/mission-03.jpg) no-repeat center center; bottom:0; left:17%; padding-top:45px;height:130px;}
.mission-con dd.c-04{ background:url(/hscmb/_Img/Content/mission-04.jpg) no-repeat center center; bottom:0; right:15%; padding-top:45px;height:130px;}
.mission-con dd span.break{display:block;}
	@media all and (max-width:650px){ 
		.mission-top .tit{font-size:25px;}
		.mission-top .btxt{font-size:20px}
		.mission-top .stxt{font-size:14px;}
		.mission-con{overflow:hidden;background-size:260px; background-position: center 150px;height:auto;vertical-align:top; padding-top:130px; width:100%; margin:0 auto;}
		.mission-con dt{background:#444 ; position:relative;display:block; position:absolute;left:50%;margin-left:-65px; top:0;line-height:130px; width:130px;border-radius:130px;height:130px;  padding:0;margin-top:0;}
		.mission-con dd.c-01{ background:#23459c; float:left;box-sizing:border-box; margin: 18px 0 18px 0%; height:130px;left:auto;  top:auto; padding:48px 20px;}
		.mission-con dd.c-02{ background:#de2724; float:right;box-sizing:border-box;margin: 18px 0 18px 0; right:auto; top:auto ; padding:41px 20px; }
		.mission-con dd.c-03{ background:#de2724;float:left; box-sizing:border-box; margin: 0 0 0 0; left:auto; bottom:auto; padding:10px 20px;}
		.mission-con dd.c-04{ background:#23459c;float:right;box-sizing:border-box; margin: 0 0 0 0; right:auto; bottom:auto; padding:10px 20px; }
		.mission-con dd{vertical-align:top;width:130px;border-radius:130px;height:130px; position:relative; }
		.mission-top .btxt span b:after {display:none;}
	}

	@media all and (max-width:320px){ 
		.mission-con {width:295px;}
	}
/*화승그룹 소개*/
.group-tit {text-align:center; padding-bottom:80px; position:relative;}
.group-tit:after{background:#ddd; width:1px ;height:40px; left:49.8%; bottom:10px; position:absolute; display:block; content:"";}
.group-tit .btxt{font-family:"Nanum Myeongjo"; font-size:24px; letter-spacing:-0.02em; font-weight:200;margin-top:20px; color:#252525; display:inline-block;line-height:130%;}
.group-tit .btxt span{font-weight:600;color:#111}
.group-tit .stxt{font-size:15px; font-weight:300;display:block; color:#666; margin:15px 0 0 0}
.group-tit.business{padding-bottom:20px;}
.group-tit.business:after{display:none;}

.group-01 li{position:relative; padding-bottom:40px; margin-bottom:40px; background:url(/hscmb/_Img/Layout/vertical-line.jpg) repeat-x left bottom}
.group-01 li div{display:table;overflow:hidden;}
.group-01 li .img{ float:left; width:50%;height:191px;display:table-cell;}
.group-01 li .btxt{width:50%;height:191px; display:table-cell;vertical-align:middle;text-align:center; color:#333;font-size:16px; letter-spacing:0;}
.group-01 li .btxt strong{font-weight:600; font-size:33px; letter-spacing:-0.03em;; display:block;line-height:130%; margin-bottom:10px}
.group-01 li .stxt{display:block;padding-top:30px;}


.group-01 li.c-02 .img{position:absolute ;right:0; top:0}
.group-01 li.c-02 .btxt{width:380px;}

.group-global{margin:5px 0; border:1px solid #ddd;background:#fafafa}


.group-02 li{position:relative; padding-bottom:60px; margin-bottom:60px; border-bottom:1px solid #ddd; padding-left:45%;text-align:left;}
.group-02 li.last{border:none ; padding-bottom:0; margin-bottom:0}
.group-02 li.c-02{ padding-right:45%; padding-left:0}
.group-02 li.c-02 .img{left:auto; right:0}
.group-02 li .img{position:absolute;left:0; top:0; height:auto;}
.group-02 li .btxt{ display:block; color:#a5a5a5;font-size:18px; }
.group-02 li .btxt strong{font-weight:normal; color:#222; font-size:24px;display:inline-block; margin-right:14px;letter-spacing:0}
.group-02 li .stxt{display:block;padding-top:20px;}


	@media all and (max-width:900px){ 
		.group-tit .btxt{ font-size:23px ; line-height:120%; padding:0 20px}
		.group-01 li div{display:block}
		.group-01 li .img{ float:none; width:auto;height:auto;display:block;text-align:center;}
	    .group-01 li .img img{ width:100%}
		.group-01 li .btxt{width:auto;height:auto; display:block;font-size:18px; padding:25px 0 15px 0}
		.group-01 li .btxt strong{ font-size:23px}
		.group-01 li .stxt{display:block;padding:10px 1% 5% 1%;}
		.group-global img{ width:100%}

		.group-01 li.c-02 .img{position:relative;right:auto; top:auto;}
		.group-01 li.c-02 .btxt{width:auto}
	}
	@media all and (max-width:650px){ 
		.group-02 li{padding-bottom:40px; margin-bottom:40px;}
		.group-02 li .img{position:relative;left:auto; top:auto; height:auto;text-align:center; }	
		.group-02 li .img img{width:100%}
		.group-02 li{padding-left:0}
		.group-02 li.c-02{padding-right:0}
		.group-02 li .btxt{padding:20px 10px 0 10px; font-size:14px}
		.group-02 li .btxt strong{ font-size:18px; }
		.group-02 li .stxt {padding:30px 10px 0 10px}
	}
	@media all and (max-width:320px){ 
		.group-tit .btxt{ font-size:20px ;}
	}


/*브로슈어*/
.brochure-01{overflow:hidden; padding:0 0 2% 0;position:relative; height:392px;}
.brochure-01 .brochure-img{position:absolute; left:1%; top:0; width:48%; }
.brochure-01 .brochure-img img{box-shadow:3px 3px 4px 1px silver; border:10px solid #f1f3f2}
.brochure-01 .brochure-info{width:52%;float:right;text-align:center;}
.brochure-01 .brochure-info .btxt{font-family:"Nanum Myeongjo"; line-height:110%;font-size:26px; letter-spacing:0; font-weight:200;margin-top:40px; color:#252525; display:block;}
.brochure-01 .brochure-info .btxt span{font-weight:600}
.brochure-01 .brochure-info .stxt{display:block;padding-top:10px;}
.brochure-01 ul{border-bottom:3px solid #333;overflow:hidden; padding:77px 0 35px 0; position:absolute; right:0;width:52%; bottom:15px;text-align:center;}
.brochure-01 ul li{width:50%; float:left; position:relative; padding-bottom:12px}
.brochure-01 ul li:first-child .ico{padding-top:0; height:83px;}
.brochure-01 ul li:first-child:after{left:99.5%;width:1px;height:168px;  top:0; background:#eee; display:block;position:absolute; content:"";}
.brochure-01 .ico{display:block; padding-bottom:10px; height:73px; padding-top:10px;}
.brochure-01 .tit{ font-weight:400; font-size:15px; color:#333; display:block}
.brochure-01 .view-btn{  line-height:38px; font-size:14px;display:block;text-align:center;padding: 20px 0 0 0}
.brochure-01 .view-btn span{display:inline-block; padding:0 0 0 20px;text-align:left; width:120px;border:1px solid #ddd; background:url(/hscmb/_Img/Content/down-ico.jpg) no-repeat 90% center}


	@media all and (max-width:900px){ 
	 .brochure-01 .brochure-img{width:40%;}
	 .brochure-01 .brochure-img img{width:90%}
	 .brochure-01 .brochure-info{float:right;}

	 .brochure-01 .brochure-info .btxt{margin-top:20px;}

	}
	@media all and (max-width:500px){ 
	  .brochure-01{height:auto;}
	  .brochure-01 .brochure-img{position:relative;left:auto; top: auto; width:auto;text-align:center;padding:10px 0}
	  .brochure-01 .brochure-img img{width:60%}
	  .brochure-01 ul{position:relative; right:auto;bottom:auto; width:100%;border-bottom: none; padding-top:15px}
	  .brochure-01 .brochure-info{width:auto;float:none;position:relative; padding-bottom:40px;}
	  .brochure-01 .brochure-info:after{background:#ddd; width:1px ;height:30px; left:49.8%; bottom:-10px; position:absolute; display:block; content:"";}
      .brochure-01 .brochure-img{float:none; width:auto; margin:20px 0}
	  .brochure-01 .brochure-img img{border:5px solid #f1f3f2}
	  .brochure-01 .brochure-info .btxt{margin-top:5px;font-size:22px}
	  .brochure-01 .view-btn span{width:100px;}
	  .brochure-01 .tit{ font-size:13px;}
	}

/*해외법인*/
.global-01{overflow:hidden}
.global-01 .logo{ width:24%; position:absolute;left:0; top:0;height:105px; display:table;border:1px solid #ddd;position:relative;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}
.global-01 .logo span{ vertical-align:middle;display:table-cell; width:100%;height:105px;text-align:center;} 
.global-01 div.img{ width:24%; position:absolute;left:0; top:0;height:auto; display:block;border:1px solid #ddd;position:relative;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}
.global-01 div.img span{ display:block;}
.global-01 div.img img{width:100%}



.global-01 .info{width:70%;float:right}
.global-01 .info h3{margin-bottom:10px;padding-bottom:5px}
.global-01 .info h3 .year{ color:#767676; font-size:14px; float:right; font-weight:normal}

.global-02{ background:url(/hsrna/_Img/Content/hsr-bg.jpg) no-repeat center top; height:744px; padding:70px 0; position:relative;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}
.global-02 .tit{ font-size:28px;display:block; text-align:center; position:relative; color:#fff; padding-bottom:70px;}
.global-02 .tit span{font-weight:400}
.global-02 .tit:after{background:rgba(255,255,255,0.4); width:1px ;height:30px; left:49.8%; bottom:10px; position:absolute; display:block; content:"";}

.global-02  ul{ overflow:hidden; margin:0 auto; width:90%; padding:30px 0; color:#fff; font-size:14px;text-align:center;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}
/* .global-02  ul li:first-child{width:30% ;padding-left:5%;} */
.global-02  ul li{ float:left;width:33%;}
.global-02  ul li span{ display:block; padding:7px 0;}
.global-02  ul li.last{width:100%;margin-top:30px;}
.global-02  ul li .btxt{ font-size:28px; font-weight:600; height:auto;}
.global-02  ul li b{ font-size:20px;font-weight:600}

.global-02  dl{text-align:center;}
.global-02  dl dt{display:block; font-size:15px; color:#fff; margin:20px 0 6px 0;}
.global-02  dl dd{ display:inline-block;width:auto; text-align:center; font-weight:600; font-size:26px;color:#fff; position:relative; margin:0 12px; line-height:120%;}
.global-02  dl dd:after{ background:url(/hsrna/_Img/Content/hsr-line.png) no-repeat;width:6px; height:14px; left:-15px; top:50%;margin-top:-9px; position:absolute; display:block; content:"";}
.global-02  dl dd.first:after{display:none}
.global-02  .contact{ background:url(/hsrna/_Img/Content/hsmi-contact.png) no-repeat; width:317px; height:88px; position:absolute; left:175px;top:537px; color:#fff;}
.global-02 p.logo{ float:left; width:110px; height:72px;display:table}
.global-02 p.logo span{display:table-cell; vertical-align:middle; text-align:center}
.global-02 p.btxt{ float:right; width:205px; font-weight:600; font-size:15px; margin-top:5px;}
.global-02 p.stxt{ float:right; width:205px;  font-size:14px;}

.global-02  .contact.hst{ background:url(/hsrna/_Img/Content/hst-contact.png) no-repeat; width:320px; height:88px; position:absolute; left:162px; top:550px; color:#fff;}
/* .global-02  .contact.hst p.btxt, .global-02  .contact.hst p.stxt{width:125px;}
 */
.global-02  .contact.hsb{ background:url(/hsrna/_Img/Content/hst-contact.png) no-repeat; width:236px; height:88px; position:absolute; left:135px; top:530px; color:#fff;}
.global-02  .contact.hsb p.btxt, .global-02  .contact.hsb p.stxt{width:125px;}

.global-02  .contact.hsi{ background:url(/hsrna/_Img/Content/hst-contact.png) no-repeat; width:236px; height:88px; position:absolute; left:88px; top:562px; color:#fff;}
.global-02  .contact.hsi p.btxt, .global-02  .contact.hsi p.stxt{width:125px;}

.global-02  .contact.hstr{ background:url(/hsrna/_Img/Content/hst-contact.png) no-repeat; width:236px; height:88px; position:absolute; left:-20px; top:535px; color:#fff;}
.global-02  .contact.hstr p.btxt, .global-02  .contact.hstr p.stxt{width:125px;}

.global-02  .contact.hsam{ background:url(/hsrna/_Img/Content/hsam-contact.png) no-repeat; width:317px; height:88px; position:absolute; left:482px; top:575px; color:#fff;}
.global-02  .contact.hsam p.btxt, .global-02  .contact.hsam p.stxt{width:205px;}

.global-02  .contact.hsah{ background:url(/hsrna/_Img/Content/hst-contact.png) no-repeat; width:236px; height:88px; position:absolute; left:485px; top:535px; color:#fff;}
.global-02  .contact.hsah p.btxt, .global-02  .contact.hsah p.stxt{width:100%;}


.global-02  .contact.hsab{ background:url(/hsrna/_Img/Content/hsab-contact.png) no-repeat; width:297px; height:88px; position:absolute; left:440px; top:645px; color:#fff; padding-left:20px;}
.global-02  .contact.hsab p.btxt, .global-02  .contact.hsab p.stxt{width:185px;}

.global-02  .contact.hsr{ background:url(/hsrnaen/_Img/Content/hsr-contact.png) no-repeat; width:347px; height:88px; position:absolute; left:158px; top:550px; color:#fff;}
.global-02  .contact.hsr p.btxt, .global-02  .contact.hsr p.stxt{width:235px;}


.global-02  .contact.hsmi{ background:url(/hsrna/_Img/Content/hst-contact.png) no-repeat; width:236px; height:88px; position:absolute; left:83px; top:562px; color:#fff;}
.global-02  .contact.hsmi p.btxt, .global-02  .contact.hsmi p.stxt{width:125px;}


.global-02.new-page {padding:20px 20px 70px 20px; background:#314175 url(/hsrna/_Img/Content/hsr-bg.jpg) no-repeat center bottom; height:1114px;}
.global-02.new-page .global-cen {margin-bottom:50px;}

.global-02 .contact.hsmi {top:882px}
.global-02 .contact.hsr {top:867px; left:158px;}

.global-cen{overflow:hidden; position:relative; }
.global-cen img{width:100%;}
.global-cen .owl-controls {position:absolute;right:0;bottom:1px;}
.global-cen .owl-prev,.global-cen .owl-next {width:45px;height:45px;display:inline-block;border:none;text-indent:-9999px}
.global-cen .owl-prev {background:url(/hsrna/_Img/Content/global-prev.png)  no-repeat center center rgba(0,0,0,0.5);margin-right:1px;}
.global-cen .owl-next {background:url(/hsrna/_Img/Content/global-next.png)  no-repeat center center rgba(0,0,0,0.5);}


	@media all and (max-width:800px){ 
	 .global-02  .contact, 
	 .global-02  .contact.hsb,
	 .global-02  .contact.hst, 
	 .global-02  .contact.hstr, 
	 .global-02  .contact.hsam, 
	 .global-02  .contact.hsah, 
	 .global-02  .contact.hsab, 
	 .global-02  .contact.hsmi, 
	 .global-02  .contact.hsr, 
	 .global-02  .contact.hsi{background:#dd0906; width:317px;padding-bottom:15px;height:auto;lefT:auto; margin:0 auto; position:relative; margin-top:30px; top:auto; padding-left:110px; box-sizing:border-box}
	 .global-02 p.logo{ float:none; width:32%; height:72px; position:absolute; left:0 ;top:0}
	 .global-02 p.btxt, .global-02 p.stxt, .global-02  .contact.indo p.btxt, .global-02  .contact.indo p.stxt{width:auto; font-size:14px; font-weight:400; line-height:126%}
	 .global-02 p.btxt{padding-top:15px;}
	 .global-02 p.btxt, .global-02 p.stxt{text-align:left !important; width:auto !important; float:none !important}
	 .global-02 p.stxt{ font-size:13px; color:rgba(255,255,255,0.7); font-weight:300}
	 .global-02 {height:auto;background:url(/hsrna/_Img/Content/hsr-bg2.jpg) no-repeat center center;}
	}
	
	@media all and (max-width:640px){ 
	  .global-01 .info h3{ font-size:18px}
	  .global-01 .logo img{width:50%;max-width:90px;}
	  .global-02 .tit{font-size:21px; padding:0 15px 40px 15px; line-height:130%;}
	  .global-02 .tit:after{height:20px; bottom:0}
      .global-02  ul{width:98% ; padding:20px 0 10px 0}
	  .global-02  ul li:first-child{width:100% ;padding-left:0;display:block;text-align:center; }
	  .global-02  ul li{ width:33%; height:80px;text-align:center; vertical-align:top}
	  .global-02  ul li .btxt{font-size:15px;}
	  .global-02  ul li .btxt b{display:inline; font-size:13px; font-weight:300; padding-left:5px}
      .global-02{padding-bottom:30px;}
	  .global-02  dl dd{line-height:130%; font-size:16px}

	  .global-02  ul li.last{width:33%; margin:0 }

	}
	@media all and (max-width:440px){ 
	   .global-01 .logo{width:auto; float:none; position:relative; left:auto; top:auto; margin-top:30px; display:block}
	   .global-01 .logo span{display:block; margin:30px 0; text-align:center}
	   .global-01 div.img{ width:auto; position:relative;;left:auto; top:auto;height:auto;}
	   .global-01 .info{ float:none;width:auto}
	   .global-02  .contact, 
	   .global-02  .contact.hsb,
	   .global-02  .contact.hst,
	   .global-02  .contact.hstr,
	   .global-02  .contact.hsam, 
	   .global-02  .contact.hsah, 
	   .global-02  .contact.hsab, 
	   .global-02  .contact.hsr, 
	   .global-02  .contact.hsmi, 
	   .global-02  .contact.hsi{ width:96%; margin:40px auto 0 auto; }


	  .global-02  ul li {height:105px; width:100%;}
	  .global-02  ul li.last {width:100%;}
	  .global-02  ul li > span {height:40px}
	  .global-01 .info h3 .year {display:block; float:none; margin-top:3%;}
	}


/*경영정보*/
.structure-01 ul{overflow:hidden; padding:40px 0;text-align:center;border-top:1px solid #333}
.structure-01 li{float:left;width:33.33%; height:55px; position:relative;}
.structure-01 li:first-child:after{display:none}
.structure-01 li:after{width:1px; height:48px; position:absolute;background:#ddd; left:0; top:50%;margin-top:-24px; display:block; content:"";}

.structure-01 li span{display:block;}
.structure-01 li span.stxt{ font-weight:500; color:#333; margin:10px 0; font-size:20px;}

	@media all and (max-width:840px){ 
	  .structure-01 li{height:auto;}
	  .structure-01 li span.stxt{font-size:16px; padding:0 10px}
	}


/*정관*/
.articles-01{overflow:hidden; padding:0 0 2% 0; position:relative;}
.articles-01 .img{width:48%; float:left;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}
.articles-01 .img img{box-shadow:3px 3px 4px 1px silver; border:10px solid #f1f3f2;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}
.articles-01 .info{width:52%;float:left;text-align:left;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}
.articles-01 .info .btxt{font-size:24px; line-height:150%; letter-spacing:0; font-weight:400;margin-top:20px; color:#252525; display:block;}
.articles-01 .info .btxt span{font-weight:600}
.articles-01 .info .stxt{display:block;padding-top:10px;}
.articles-01 .btn-wr{width:52%; position:absolute; right:0; top:170px;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}
.articles-01 .new-win{background:#24459c;line-height:40px; width:140px; display:inline-block;position:relative;margin-right:5px; }
.articles-01 .new-win span{ text-align:left;background:url(/hscmb/_Img/Layout/newwin-white.png) no-repeat 92% center; display:block; padding-left:15px; color:#fff;position:relative; z-index:5}
.articles-01 .new-win span.bg{background:#1b3483; z-index:1; width:28px; top:0;padding:0; right:0; height:100%; position:absolute; display:block;content:"";}
.articles-01 .down-btn{line-height:38px;border:1px solid #ddd; width:170px; display:inline-block;position:relative;}
.articles-01 .down-btn span{text-align:left;display:block; padding-left:45px;}
.articles-01 .down-btn:before{width:30px; height:30px; background:url(/hscmb/_Img/Layout/pdf-ico.jpg) no-repeat center center; position:absolute; left:10px; top:50%;margin-top:-15px; display:block; z-index:1; content:"";}
.articles-01 .down-btn:after{width:30px; height:30px; background:url(/hscmb/_Img/Layout/down-ico.png) no-repeat center center; position:absolute; right:5px; top:50%;margin-top:-15px; display:block; z-index:-1; content:"";}

.gray-box.articles{ background:#f7f7f7; width:52%; position:absolute; right:0; bottom:15px;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}
.gray-box.articles div{padding:20px; border:1px solid #ddd;}
.gray-box.articles .viewer-down{display:inline-block; position:relative;}
.gray-box.articles .viewer-down span{display:block; padding-left:25px; font-size:12px; color: #dd0906}
.gray-box.articles .viewer-down:after{ background:url(/hscmb/_Img/Layout/pdf-viewer.jpg) no-repeat center center;width:20px; height:20px; position:absolute; left:0px; top:50%;margin-top:-9px; display:block; z-index:1; content:"";}


.pdf-view{background:#595959; height:900px}
.pdf-view p, .pdf-view a{color:#fff}
.pdf-view .reday{ display:table; width:100%;height:900px}
.pdf-view .reday span{display:table-cell; vertical-align:middle; color:rgba(255,255,255,0.6);text-align:center; font-size:32px; font-weight:400}
	
	@media all and (max-width:650px){ 
     .articles-01 .info .btxt{font-size:20px}
	 .articles-01 .img{width:40%;margin-left:1%}
	 .articles-01 .img img{width:90%}
	 .articles-01 .btn-wr{width:52%; top:157px}
	 .articles-01 .info{float:right; width:52%}
	 .articles-01 .down-btn{margin-top: 10px}
	 .gray-box.articles{position:relative;right:auto; bottom:auto;;margin:30px 1% 0 1%; display:block;float:left; width:98%;box-sizing:border-box;}

	 .pdf-view{height:500px}
	 .pdf-view .reday{height:500px;}
	 .pdf-view .reday span{font-size:18px}
	}
	@media all and (max-width:500px){ 
	 .articles-01 .img{width:20%;margin-left:1%}
	 .articles-01 .img img{border:5px solid #f1f3f2}
	 .articles-01 .info{float:right; width:70%}
     .articles-01 .info .btxt{margin-top:0; line-height:130%; font-size:17px}

	 .articles-01 .down-btn, .articles-01 .new-win{width:130px;}
	 .articles-01 .down-btn{margin-top:0}
	 .articles-01 .down-btn:after{display:none;}
	 .articles-01 .down-btn span{padding-left:40px}
	 .articles-01 .down-btn:before{left:5px}
     .articles-01 .btn-wr{ float:left;right:auto; position:relative; top:auto;;margin:30px 1% 0 1%;width:98%;text-align:center;}  
	 .gray-box.articles{position:relative;right:auto; bottom:auto;;margin:30px 1% 0 1%; display:block;float:left; width:98%;box-sizing:border-box;}
	}




/*오시는 길*/
.location-01{position:relative; padding-bottom:90px;}
.location-01 .map{}
.location-01 ul{ overflow:hidden; background:#f5f5f5; position:absolute;border-bottom:1px solid #ddd;left:0; bottom:1px; height:73px;width:100%;padding-top:20px;}
.location-01 ul:after{background:#ddd; width:1px ; height:100%; left:0; top:0; position:absolute;display:block; content:"";}
.location-01 ul:before{background:#ddd; width:1px ; height:100%; right:0; top:0; position:absolute;display:block; content:"";}
.location-01 ul li:first-child{ width:100% ;margin-left:5%;letter-spacing:0}
.location-01 ul li{/* line-height:93px; float:left; width:20%; */float:left;}

.location-01 ul .ico, .location-01 ul .stxt{display:inline-block;/* vertical-align:middle */ }
.location-01 ul .ico-01{background:url(/hsrna/_Img/Content/location-addr.png) no-repeat center center;width:30px; height:18px;margin-right:5px;text-indent:-9999px}
.location-01 ul .ico-02{position:relative; padding-left:30px; }
.location-01 ul .ico-02:after{background:url(/hsrna/_Img/Content/location-tel.png) no-repeat center center;width:30px; height:18px;text-indent:-9999px; top:50%;margin-top:-9px; left:0;position:absolute;display:block; content:"";}
.location-01 ul .btxt {display:inline-block; font-weight:600; margin-right:10px; font-weight:300; margin-left:37px;margin-top:15px;}


.location-02 dl{padding-left:160px; position:relative;padding-bottom:50px; border-bottom:1px solid #ddd; margin-top:50px;}
.location-02 dl.last{border:none;}
.location-02 dt{ position:absolute;left:0; top:0; width:100px; text-align:center; }
.location-02 dt .img{width:84px; height:84px; background-color:#24459c; border-radius:84px 84px;display:block;;vertical-align:middle;text-align:center;margin:0 auto;}
.location-02 dt .txt{display:block; margin-top:15px; font-size:15px;}
.location-02 dt .stxt{ display:block;}
.location-02 dt .img img{display:inline-block;margin-top:27px;}
.location-02 dt.b-01 .img{ background-color:#de2724}

.location-02 dd .btxt{ font-size:18px;margin-bottom:10px; margin-top:25px; font-weight:400; display:block;color:#222}
.location-02 dd .img{display:block; margin-top:25px;}

	@media all and (max-width:840px){ 
	  .location-01{padding-bottom:0}
	  .location-01 ul{position:relative; lefT:auto; bottom:auto; height:auto; width:auto;border-top:1px solid #ddd;}

	  .location-02 dl{padding-left:130px;}
	  .location-02 dd .btxt{font-size:16px}

	}
	@media all and (max-width:800px){ 
	   .location-01 ul{padding:25px;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}
	  .location-01 ul li:first-child{width:auto; float:none;margin-left:0; margin-bottom:5px;margin-right:0}
	  .location-01 ul li{ line-height:150%;width:auto; margin-left:0;margin-bottom:0;margin-right:10px;}
	  .location-01 ul .ico-01{background:url(/hsrna/_Img/Content/location-addr.png) no-repeat left center; text-align:left; margin-right:0; width:20px;}
	  .location-01 ul li:first-child .stxt{padding-left:10px; }
	  .location-01 ul .ico-02{background:url(/hsrna/_Img/Content/location-tel.png) no-repeat left center; padding-left:30px;}
	  .location-01 ul .ico-02:after{display:none;}
	  .location-02 dl{padding-left:110px;}
	  .location-01 ul .btxt {margin-left:0;}

	}
	@media all and (max-width:400px){ 
	   .location-01 ul{padding:15px; border:none;}
	   .location-01 ul:after,.location-01 ul:before{display:none}
	   .location-01 ul .ico-01{text-indent:0; display:block; width:auto; background:none; font-weight:400; color:#222; font-size:15px;}
	   .location-01 ul .ico-02{background:none;padding-left:0}
	   .location-01 ul li:first-child .stxt{padding-left:0px;}
	   .location-01 ul li {width:46%}
	   .location-01 ul li:first-child{width:auto;}
	   .location-01 ul .btxt{display:block; font-weight:400; color:#222; font-size:15px;}
		
	   .location-02 dl{padding-left:0; border-bottom:1px dotted #ddd}
       .location-02 dt{position:relative;left:auto;top:auto; width:auto;text-align:left;background:url(/hsrna/_Img/Layout/c-tit02.jpg) no-repeat 0 7px; font-weight:500; padding-bottom:0px;padding-left:20px;margin-bottom:0px; }
	   .location-02 dt:before{background:#ccc; width:30px;height:1px; left:-50px; top:49%; position:absolute; display:block; content:"";}
	   .location-02 dt:after{background:#ccc; width:30px;height:1px; right:-50px; top:49%; position:absolute; display:block; content:"";}
	   .location-02 dt .img{ display:none;}
	   .location-02 .last  .img img{width:100%}
	   .location-02 dd .btxt{margin-top:15px}
	   .location-02 dt .txt{display:inline-block; line-height:150%; margin-left:0px;color:#24459c; font-size:18px;}
	   .location-02 dd{text-align:left}
	}


/*계열사*/
.network-top{ text-align:center; position:relative;padding-bottom:60px;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}
.network-top:before{width:121px; height:121px; background:url(/hscmb/_Img/Content/network-bg.png) no-repeat center center; position:absolute; left:63%; top:-18%; display:block; content:"";z-index:-1}
.network-top:after{background:#ddd; width:1px ;height:40px; left:49.8%; bottom:10px; position:absolute; display:block; content:"";-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}

.network-top .btxt{background:url(/hscmb/_Img/Content/network-tit.png) no-repeat center center;padding-top:15px;display:block; height:31px; font-weight:600; font-size:28px; text-indent:-9999px;}
.network-top .stxt{ font-size:15px; display:block;margin:10px 0 20px 0}

.network-con ul{overflow:hidden;padding-top:15px;}
.network-con li{width:31.33%;float:left; margin-left:3%}
.network-con li.c-01{margin-left:0;}
.network-con a {display:block;;height:auto;margin-bottom:20px;border-bottom:1px solid #fff;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out; }
.network-con a .img{position:relative;display:table-cell;vertical-align:middle;height:135px;text-align:center;width:229px;;border:1px solid #ddd; background:url(/hscmb/_Img/Layout/no-img.jpg) no-repeat center center}
.network-con a .txt{display:block;line-height:48px;text-align:center;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out; }

.network-con a .img:after{opacity:0; background:url(/hscmb/_Img/Content/network-over.png) no-repeat center center rgba(6,45,148,0.8) ;padding:1px;width:100%; height:135px;position:absolute; top:-1px; left:-1px;display:block;
content:"";-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out; }
.network-con a:hover .img:after{ opacity:1; }
.network-con a:hover {border-bottom:1px solid #062d94}
.network-con a:hover .txt{color: #062d94}
	
	@media all and (max-width:650px){ 
	    .network-top{padding-bottom:40px}
		.network-top:after{height:30px}
		.network-top .btxt{background:none; text-indent:0; color:#888}
		.network-top .btxt span{ color:#111}
		.network-con li{width:49%;margin-left:0%}
		.network-con li:nth-child(even){float:right}
		.network-con a .img{width:300px;box-sizing:border-box;}
		.network-con a .txt{width:auto;}
		.network-con a:hover{border-bottom:1px solid #fff;}
	}
	@media all and (max-width:400px){ 
		.network-top .btxt{font-size:26px}
		.network-top .stxt{padding:0 20px}
		.network-con li{width:100%; float:none;text-align:center;margin-bottom:15px;}
		.network-con li:nth-child(even){float:none;}
		.network-con a {padding:0 1px;/* width:300px; */ margin:0 auto}
		.network-con a .img{width:300px;box-sizing:border-box;}
		.network-con a .txt{width:300px;}
		.network-con a:hover{border-bottom:none;}
	}


/*제품소개01 -cmb-*/
.cmb-ov{position:relative;}
.cmb-01, .cmb-02, .cmb-03, .cmb-04{position:relative; line-height:170%}
.cmb-01 .cmb-con, .cmb-02 .cmb-con, .cmb-03 .cmb-con, .cmb-04 .cmb-con{ margin-top:35px; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}

.cmb-top .btxt{ font-size:18px;line-height:140%}
.cmb-top .btxt b{ font-weight:600;}
.cmb-top .num{width:50px; height:56px; color:#fff;line-height:50px;margin-bottom:20px; font-weight:600;text-align:center; margin-top:25px; font-size:18px; display:inline-block; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}

.cmb-01 .num{background:url(/hscmb/_Img/Content/cmb-num01.png) no-repeat}
.cmb-02 .num{background:url(/hscmb/_Img/Content/cmb-num02.png) no-repeat}
.cmb-03 .num{background:url(/hscmb/_Img/Content/cmb-num03.png) no-repeat}
.cmb-04 .num{background:url(/hscmb/_Img/Content/cmb-num04.png) no-repeat}


.cmb-01  .timg, .cmb-03  .timg{position:absolute; right:0; top:0; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}
.cmb-02  .timg{position:absolute; left:0; top:0; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}
.cmb-04  .timg{position:absolute; left:0; top:0; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}

.cmb-01 .cmb-top, .cmb-02 .cmb-top, .cmb-03 .cmb-top, .cmb-04 .cmb-top{text-align:center}
.cmb-01 .cmb-top, .cmb-02 .cmb-top, .cmb-03 .cmb-top{ height:198px;}

.cmb-01 .cmb-top, .cmb-03 .cmb-top{padding-right:50%;}


.cmb-02 .cmb-con {overflow:hidden}
.cmb-02 .cmb-con p span{display:block;}
.cmb-02 .cmb-con p.fl{ float:left;width:47%}
.cmb-02 .cmb-con p.fr{float:right;width:44%}

.cmb-02 .cmb-top{padding-left:55%;}
.cmb-04 .cmb-top, .cmb-04 .cmb-con{padding-left:40%;}
.cmb-04{padding-bottom:60px;}

	@media all and (max-width:720px){ 
		.cmb-ov{overflow:hidden}
		.cmb-top .num{margin-top:20px; margin-bottom:10px}
		.cmb-top .btxt{font-size:17px; padding:0 15px}
		.cmb-01 .cmb-top, .cmb-03 .cmb-top{ float:left; width:49%; padding-right:0}
		.cmb-02 .cmb-top{padding-lefT:0; float:right;width:49%}
		.cmb-01 .cmb-top, .cmb-02 .cmb-top, .cmb-03 .cmb-top{height:auto; padding-bottom:20px}
		.cmb-01 .timg, .cmb-03 .timg{ width:44%; position:relative;float:right; right:auto; top: auto;}
		.cmb-02 .timg{ width:44%; position:relative;float:left; left:auto; top: auto;}
		.cmb-01 .timg img, .cmb-03 .timg img, .cmb-02 .timg img, .cmb-04  .timg img{width:100%}
		.cmb-04 .timg{width:35%;}
		
	}
	@media all and (max-width:640px){ 
	.cmb-top .num{margin-top:0}
	.cmb-01 .cmb-top, .cmb-03 .cmb-top{ float:none; width:auto; padding-right:0}
	.cmb-02 .cmb-top{padding-lefT:0; float:none;width:auto}
	.cmb-01 .cmb-top, .cmb-02 .cmb-top, .cmb-03 .cmb-top{height:auto; padding-bottom:20px}
	.cmb-01 .timg, .cmb-03 .timg{ width:auto; position:relative;float:none; right:auto; top: auto;}
	.cmb-02 .timg{ width:auto; position:relative;float:none; left:auto; top: auto;}
	.cmb-01 .timg img, .cmb-03 .timg img, .cmb-02 .timg img{width:100%}
	.cmb-02 .cmb-con p.fl{ float:none;width:auto}
	.cmb-02 .cmb-con p.fr{float:none;width:auto}
	.cmb-04 .cmb-top, .cmb-04 .cmb-con{padding-left:0%;}

	.cmb-04 .timg{width:auto; position:relative;left:auto;top:auto; padding-top:30px;}
	}


/*제품소개02 -tpe-*/
.tpe-01, .tpe-02, .tpe-03{position:relative;text-align:center;line-height:170%}
.tpe-top .btxt{ font-size:18px;line-height:140%}
.tpe-top .btxt b{ font-weight:600;}

.tpe-01 .btxt{ font-size:20px;line-height:140%}
.tpe-01 .btxt.tpe{margin-bottom:50px;}
.tpe-01 .btxt b{ font-weight:600;}

.tpe-01 .num{background:url(/hscmb/_Img/Content/tpe-num01.png) no-repeat;width:50px; height:56px; color:#fff;line-height:50px;margin-bottom:20px; font-weight:600;text-align:center; margin-top:0; font-size:18px; display:inline-block;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}
.tpe-02 .num{background:url(/hscmb/_Img/Content/tpe-num02.png) no-repeat;width:50px; height:56px; color:#fff;line-height:50px;margin-bottom:20px; font-weight:600;text-align:center; margin-top:25px; font-size:18px; display:inline-block;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}

.tpe-02 .timg{position:absolute; left:0; top:0; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}
.tpe-01 .timg, .tpe-03 .timg{position:absolute; right:0; top:0; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}

.tpe-02 .tpe-top{padding-left:55%;}
.tpe-01 .tpe-top{padding-right:55%;}
.tpe-03 .tpe-con{padding-right:50%;}

.tpe-01 .tpe-top, .tpe-02 .tpe-top{height:198px;}

.tpe-01 .tpe-top .btxt.tpe{text-align:left; font-size:16px;padding-top:20px; line-height:160%}
.tpe-01 .tpe-top p{ font-size:14px;text-align:left;}

.tpe-01 .tpe-top, .tpe-02 .tpe-top, .tpe-03 .tpe-top{ position:relative;}
.tpe-01 .tpe-con, .tpe-02 .tpe-con, .tpe-03 .tpe-con{text-align:left;margin-top:65px; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}

	@media all and (max-width:720px){ 
	    .tpe-02 .num{margin-top:20px; margin-bottom:10px}

	    .tpe-01 .tpe-top{padding-right:0;float:left;width:50%}
		.tpe-01 .btxt.tpe, .tpe-02 .btxt{font-size:17px; padding:0 15px}
		.tpe-01 .tpe-top .btxt.tpe{margin-bottom:20px;  padding:0}
		
		.tpe-01 .timg{ width:44%; position:relative;float:right; right:auto; top: auto;}
		.tpe-01 .timg img, .tpe-02 .timg img, .tpe-03 .timg img{width:100%}
		
		.tpe-01 .tpe-top, .tpe-02 .tpe-top{height:auto}
		
		.tpe-02 .timg{ width:44%; position:relative;float:left; right:auto; top: auto;}
		.tpe-02 .tpe-top{padding-left:0;float:right; width:50%}

		.tpe-03 .timg{ width:44%; }
	}

	@media all and (max-width:640px){ 
		 .tpe-01 .num, .tpe-02 .num{margin-top:0px;}
		
		.tpe-01 .tpe-top{float:none;width:auto}
		.tpe-01 .timg{width:auto; float:none; margin-top:25px;}

		.tpe-02 .tpe-top{float:none;width:auto}
		.tpe-02 .timg{width:auto; float:none; margin-top:25px;}
		.tpe-03 .tpe-con{padding-right:0;}
		.tpe-03 .timg{position:relative; width:auto; right:auto; top: auto;margin-top:25px;}
	}


/*제품소개03 -defense-*/
.defense-01 .btxt{ font-size:20px;line-height:140%;text-align:center;}
.defense-01 .btxt b{ font-weight:600;}
.defense-01 .img{padding:50px 0; text-align:center}
.defense-con{line-height:160%}

	@media all and (max-width:640px){ 
	    .defense-01 .btxt{padding:0 15px; font-size:17px}
	    .defense-01 .img{padding:25px 0}
		.defense-01 .img img{max-width:260px; width:80%}
		.defense-con .img img{width:100%}
	}

/*사이트맵*/
.sitemap-tit{ font-size:20px;line-height:140%;text-align:center; margin-bottom:35px;}
.sitemap-tit span{ font-weight:600; color:#d40201; font-size:24px}
	@media all and (max-width:720px){ 
		.sitemap-tit{font-size:17px}
		.sitemap-tit span{font-size:19px;}
	}
	@media all and (max-width:650px){ 
		.sitemap-tit{font-size:17px;margin:0 auto 25px auto; width:90%}
		.sitemap-tit span{font-size:19px;}
		
		.ssgap{height:10px}
		.sgap{height:15px;}
		.gap{height:25px}
	}


/*신뢰경영*/
.trust-top{ text-align:center; position:relative;padding-bottom:60px;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}
.trust-top:before{width:121px; height:121px; background:url(/hscmb/_Img/Content/network-bg.png) no-repeat center center; position:absolute; left:72%; top:-14%; display:block; content:"";z-index:-1}
.trust-top:after{background:#ddd; width:1px ;height:40px; left:49.8%; bottom:10px; position:absolute; display:block; content:"";-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;	transition: all 0.4s ease-out;}

.trust-top .btxt{font-family:"Nanum Myeongjo"; font-size:28px; letter-spacing:-0.03em; font-weight:200;color:#252525;padding-top:25px;display:block; height:31px; }
.trust-top .btxt span{ font-weight:600; color:#24459c}
.trust-top .stxt{ font-size:15px; display:block;margin:10px 0 20px 0; line-height:160%}


.trust-list ul{overflow:hidden}
.trust-list li{ float:left; width:30.33%; margin-left:4%}
.trust-list li:first-child{margin-left:0}
.trust-list li span.img{display:block;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.trust-list li span.img img{width:99.9%}
.trust-list li span.txt{ line-height:30px; text-align:center;display:block;}
.trust-list li a{display:block}
.trust-list li .cw-btn{width:auto;height:auto;border:1px solid #ddd;background:#fff;box-sizing:border-box;margin:0;height:60px;}
.trust-list li .cw-btn span{padding:12px 10px 10px 10px; font-size:13px; line-height:120%;text-align:center}
.trust-list li .cw-btn span.down{background-position:98% 3px;background:none;}
.trust-list li .cw-btn:hover{background:#555; }
.trust-list li .cw-btn:hover span{color:#fff}

	@media all and (max-width:670px){ 
		.trust-list li{ float:left; width:48%; height:auto;margin-left:0%; margin-bottom:30px;}
		.trust-list li:nth-child(even){margin-left:4%}
		.trust-list li .cw-btn span.down{background:none;}
		.trust-list li .cw-btn{height:auto;}

		.trust-top .btxt{ font-size:22px}
		.trust-top .stxt{ padding:0 20px}
	}
	@media all and (max-width:400px){ 
		.trust-list li{ float:none; width:auto; height:auto;margin-left:0%; margin-bottom:30px;}
		.trust-list li:nth-child(even){margin-left:0%}

		.trust-top .btxt{height:auto; margin-bottom:20px;line-height:130%}
	}



/*연구분야*/
.lab-01{ padding-left:347px; position:relative; background:#f9f9f9; /* height:200px */}
.lab-01 .img{ position:absolute;left:0; top:0; width:347px}
.lab-01 .img img{width:100%;}
.lab-01 .con{padding:25px;}

.lab-02 li:first-child{margin-top:0;}
.lab-02 li{position:relative; padding-left:260px; min-height:130px;border-bottom:1px dotted #ececec;margin-top:20px; padding-bottom:20px;}
.lab-02 img{position:absolute; width:222px; height:auto; left:0; top:0;}
.lab-02 span{display:block}
.lab-02 span.btxt{ font-size:16px ; font-weight:500; color:#222; margin-bottom:15px;padding-top:10px;}
.lab-02 span.stxt{ font-size:14px; font-weight:300; line-height:140%;}


@media all and (max-width:680px){ 
    .lab-01{padding-left:0; height:auto}
	.lab-01 .img{ position:relative;left:auto; top:auto; width:auto}
	
	.lab-02 li{padding-left:0; min-height:auto}
	.lab-02 img{ position:relative;left:auto; top:auto; width:100%}
	}
	@media all and (max-width:400px){ 
		.lab-01 .con{padding:15px;}
	}



/*연구소소개*/
.lababout-01 li{ width:190px; height:100px;text-align:center;position:absolute;margin-left:-95px; color:#555}
.lababout-01 strong{display:block; font-size:23px; color:#24459c; padding-bottom:5px;letter-spacing:-0.03em;}
.lababout-01 i{display:block; }
.lababout-01 {position:relative;margin:0 auto;width:465px; min-height:530px;background:url(/hscmb/_Img/Content/lababout-01.jpg) no-repeat center center; }
.lababout-01 li.c-01{ left:50%; top:0}
.lababout-01 li.c-02{ left:-19%; top:428px;margin-left:0}
.lababout-01 li.c-02 strong{color:#dd0906}
.lababout-01 li.c-03{ right:-19%; top:428px;margin-left:0}

.lababout-02 ul{overflow:hidden}
.lababout-02 li{ width:32%; margin-bottom:4%; margin-right:1%; float:left;height:260px;}
/* .lababout-02 li.c-01{margin-left:0;} */
.lababout-02 li span{display:block;text-align:center ; padding:10px 0}
.lababout-02 li img{width:100%}

.lababout-03{ position:relative ;background:url(/hscmb/_Img/Content/lababout-03line.jpg) no-repeat 85px 53px}
.lababout-03 dl{text-align:center; margin-right:20%}
.lababout-03 dt{text-align:center;margin-bottom:50px}
.lababout-03 dt span{display:inline-block; width:146px; height:58px; line-height:58px; font-weight:400; font-size:16px; color:#fff; background:url(/hscmb/_Img/Content/lababout-0301.jpg) no-repeat}
.lababout-03 dd{ display:inline-block; width:20%; vertical-align:top;margin:0 10px}
.lababout-03 dd span{display:block; color:#fff; font-size:13px; font-weight:300; line-height:120%; background:url(/hscmb/_Img/Content/lababout-0303.jpg) repeat; padding:10px 10px;}
.lababout-03 dd ul{border:1px solid #ddd; border-top:none; padding:20px 15px; background:#f9f9f9}
.lababout-03 dd li{ line-height:24px}

.lababout-03 dl.d-02{ position:absolute;right:0; top:7px;width:20%;margin:0}
.lababout-03 dl.d-02 dt {margin-bottom:22px;}
.lababout-03 dl.d-02 dt span{ width:126px; line-height:45px; height:47px;  background:url(/hscmb/_Img/Content/lababout-0302.jpg) no-repeat}
.lababout-03 dl.d-02 dd{width:126px;}

.lababout-04 .btxt{ font-size:26px; color:#222; margin-bottom:90px;line-height:120%; position:relative;}
.lababout-04 .btxt span{ font-weight:600; font-size:26px; display:block; }
.lababout-04 .btxt:after{width:30px; height:1px ; background:#333; position:absolute; left:0; bottom:-20px; display:block; content:"";}
.lababout-04 .stxt{ font-size:15px; color:#222;}

.lababout-04{position:relative;}
.lababout-04 .img{position:absolute;right:0; bottom:10px; width:377px;}
.lababout-04 .img img{width:100%;}
.lababout-04  ul{margin-top:30px;}
.lababout-04 li{margin-bottom:25px;line-height:130%}
.lababout-04  .year{ font-weight:600; font-size:23px; display:inline-block;color:#111; width:90px;vertical-align:top;}
.lababout-04  .stxt{display:inline-block;vertical-align:top; line-height:130%;width:250px;}

table.about-t tbody td {text-align:left; padding: 10px;}

	@media all and (max-width:800px){ 
	    .lababout-01{background-size:100%;width:auto;max-width:465px}
		.lababout-01 li.c-02,.lababout-01 li.c-03{width:160px}
		.lababout-01 li.c-02{left:-16%; text-align:center;}
		.lababout-01 li.c-03{right:-16%; text-align:center;}
		.lababout-02 li {height:340px;}
		.lababout-02 li:nth-child(even){margin-left:4%; width:47%}
		.lababout-02 li:nth-child(odd){width:47%;margin-left:0}


	}
	@media all and (max-width:700px){ 
	.lababout-03{ background:none;}
	.lababout-03:after{ position:absolute; left:50%;width:1px; height:100%; top:0; background:#ddd; content:""; z-index:-1; display:block;}
	.lababout-03 dl{margin-right:0; overflow:hidden}
	.lababout-03 dt { float:left; width:100%;margin-bottom:10px} 
	.lababout-03 dd{ float:left; width:100%; margin:0 0% 3% 0%}
	.lababout-03 dt span{display:block; background:#24459c;width:100%;}
	.lababout-03 dd span{ background:#3e4861 }

	.lababout-03 dl.d-02{position:relative;right:auto; top:auto; width:auto; margin-top:20px;; overflow:hidden}
	.lababout-03 dl.d-02 dt {margin-bottom:10px;}
	.lababout-03 dl.d-02 dt span{display:block; background:#dd0906;width:100%;}
	.lababout-03 dl.d-02 dd{ float:left; width:100%; margin:0 0% 3% 0%}
    .lababout-03 dl.d-02 dd span{background:#3e4861 }
	.lababout-03 dl.d-02 dd:last-child{margin:0}

	.lababout-04 .img{ position:relative;right:auto; bottom:auto; margin:10px 0;text-align:center;width:auto;}
	.lababout-04 .img img{ width:100%; max-width:377px;}
	}


	@media all and (max-width:550px){ 
		.lababout-01{background-size:290px}
		.lababout-01 strong{font-size:21px;padding-bottom:10px}
		.lababout-01{min-height:400px;margin-bottom:30px}
		.lababout-01 li.c-02,.lababout-01 li.c-03{width:140px}
		.lababout-01 li.c-02{ left:-7%; top:328px}
		.lababout-01 li.c-03{ right:-7%; top:328px}
		.lababout-02 li {height:auto;}
		.lababout-02 li:nth-child(2n) {margin-left:2%;}

	}

	@media all and (max-width:440px){ 
		.lababout-02 li:nth-child(even){margin-left:0%; width:100%}
		.lababout-02 li:nth-child(odd){width:100%;margin-left:0}
	}

 

.sitemap-list .depth1 .sitemap-slist .depth2 li.lm_l2{ padding-left:0;}
.sitemap-list .depth1 .sitemap-slist .lm_a2{position:relative; left:auto; top:auto; width:auto; display:block;}
.sitemap-list .depth1 .sitemap-slist .depth2 li.lm_l2{ min-height:auto}
.sitemap-list .depth1 .sitemap-slist .depth3{ padding-left:0}



.global-cen{overflow:hidden; position:relative;}
.global-cen img{width:100%;}
.global-cen .owl-controls {position:absolute;right:0;bottom:1px;}
.global-cen .owl-prev,.global-cen .owl-next {width:45px;height:45px;display:inline-block;border:none;text-indent:-9999px}
.global-cen .owl-prev {background:url(/hsrna/_Img/Content/global-prev.png)  no-repeat center center rgba(0,0,0,0.5);margin-right:1px;}
.global-cen .owl-next {background:url(/hsrna/_Img/Content/global-next.png)  no-repeat center center rgba(0,0,0,0.5);}


/*재무지표*/
.graph-info{height:40px; text-align:right}
.graph-info li{display:inline-block}
.graph-info span{position:relative; padding-left:18px; display:block; line-height:17px;margin-right:10px;}
.graph-info span.c-01:after{ position:absolute; background:url(/hsrna/_Img/Content/finance-ico.png) no-repeat; width:14px; height:14px; display:block; content:"";left:0; top:3px}
.graph-info span.c-02:after{ position:absolute; background:url(/hsrna/_Img/Content/finance-ico.png) no-repeat -17px 0; width:14px; height:14px; display:block; content:"";left:0; top:3px}
.graph-info span.c-03:after{ position:absolute; background:url(/hsrna/_Img/Content/finance-ico.png) no-repeat -34px 0; width:14px; height:14px; display:block; content:"";left:0; top:3px}
.graph-info span.c-04:after{ position:absolute; background:url(/hsrna/_Img/Content/finance-ico.png) no-repeat -51px 0; width:14px; height:14px; display:block; content:"";left:0; top:3px}
.graph-info span.c-05:after{ position:absolute; background:url(/hsrna/_Img/Content/finance-ico.png) no-repeat -68px 0; width:14px; height:14px; display:block; content:"";left:0; top:3px}


.finance-graph{background:url(/hsrna/_Img/Content/finance-line.jpg) repeat; height:270px ;overflow:hidden; padding-bottom:30px; position:relative;}
.finance-graph:after{ position:absolute; width:100%;height:3px; background:#444; display:block; content:""; left:0; bottom:57px;}
.finance-graph li{position:relative;width:33.33%; height:240px; float:left;}
.finance-graph li:first-child:after{display:none}
.finance-graph li:after{background:#dedede; position:absolute;left:0;top:0;height:100%; width:1px; display:block; content:"";}
.finance-graph li .btxt{position:absolute; width:100%;height:30px; line-height:30px; text-align:center; font-size:15px; font-weight:400; left:0; bottom:-50px;}

.finance-graph li .graph-01, .finance-graph li .graph-02, .finance-graph li .graph-03, .finance-graph li .graph-04, .finance-graph li .graph-05{width:17px; background:url(/hsrna/_Img/Content/finance-graph.png) no-repeat left top; position:absolute;bottom:0}
.finance-graph li .graph-01{ left:20%}
.finance-graph li .graph-02{ left:40%;background-position:-17px top}
.finance-graph li .graph-03{ left:60%;background-position:-34px top}
.finance-graph li .graph-04{ left:80%;background-position:-51px top}

.finance-graph li.c-01 .graph-01{ left:15%}
.finance-graph li.c-01 .graph-02{ left:35%;background-position:-17px top}
.finance-graph li.c-01 .graph-03{ left:50%;background-position:-34px top}
.finance-graph li.c-01 .graph-04{ left:65%;background-position:-51px top}
.finance-graph li.c-01 .graph-05{ left:80%;background-position:-68px top}

.finance-graph li i{position:absolute; letter-spacing:-0.03em;left:50%;margin-left:-100px; width:200px; top:-30px; text-align:center; font-size:13px; font-weight:300; height:20px; line-height:20px;}


	@media all and (max-width:650px){ 
	    .graph-info{height:auto; padding-bottom:25px;overflow:hidden;text-align:left;}
		.graph-info li{ float:left;width:50%; font-size:13px;}
	    .finance-graph{height:auto;background:none}
		.finance-graph:after{display:none}
		.finance-graph li:after{display:none;}
		.finance-graph li{border-bottom:3px solid #444; background:url(/hsrna/_Img/Content/finance-line.jpg) repeat;}
		.finance-graph li{width:auto; float:none; margin-bottom:50px}
        .finance-graph li .btxt{bottom:-35px}
	}


.news-list-wrap .news-list .pcont .pinfo span.writer {color:#333 !important;}