/*---------------------------------------------------basic--------------------------------------------------*/
		
			/* reset-css  */
			/* 요소(element) 여백 초기화  */
			*{margin:0;padding:0;}
			/* 제목요소 */
			h1, h2, h3, h4, h5, h6 { font-size:100%;   font-weight:normal;} 
			/* 테두리 없애기 */
			fieldset, img, abbr,acronym { border:0 none; } 
			/* 목록 */
			 ul { list-style:none; }
			/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
			table {border-collapse: separate;border-spacing:0;border:0 none;}
			caption, th, td {text-align:left;font-weight: normal;}
			/* 텍스트 관련 요소 초기화 */
			address, caption, strong, em, cite {font-weight:normal;font-style:normal;}
			ins { text-decoration:none; }
			del { text-decoration:line-through; }
			/* 인용문 */
			blockquote:before, blockquote:after, q:before, q:after { content:""; }
			blockquote,q { quotes:"" ""; }
			/* 수평선*/
			hr { display:none; }
			/* reset-css  */
			*{margin:0px; padding:0px; -webkit-box-sizing: border-box;
 			-moz-box-sizing: border-box; box-sizing: border-box;}
 			/*보더와 패딩을쓸때(마진아님) 위드스값에 포함시켜서 별도의계산없이 편하게쓸수있음*/
 			

					.hide{display:none;}
					a{text-decoration:none;color:#000000;}
					li{list-style:none;}
					.block{display:block;}
					.border_right_none{border-right:0px solid #fff;}
					.border_left_none{border-left:0px solid #fff;}
					.border_top_none{border-top:0px solid #fff;}
					.border_bottom_none{border-bottom:0px solid #fff;}
					.border_none{border:0px solid #fff;}
					
					/*전체*/
					
					.inline{
						display: inline-block;
						*display: inline;
						*zoom:1;
						}


					body {
						overflow-y:scroll;
						font-family:"NanumBarunGothic", "나눔바른고딕";
						font-size:100%;
						line-height: inherit;
						color: #000;
                                                background:#363636;
						}



/*---------------------------------------------------basic-end----------------------------------------------*/



@font-face{
  font-family:"NanumBarunGothic"; 
  src:url("/css/fonts/NanumBarunGothic.eot");
  src:local(※), url("/css/fonts/NanumBarunGothic.woff")format("woff");
}

/*-----------font----------------------------------------------------------------------------------------*/




/*어바웃스타리온 new*/
.mo_none{display:inline!important;}
.align_bot{width:67%; margin:0 auto;}

.main_bottom_nav{width:100%;
				 float:left;
				 border-top:1px solid #ebebeb;
				 padding:10px 0;}

.main_bottom_nav ul{display:block;
					margin:0 auto;
					text-align:center;}

/*.main_bottom_nav ul li{width:19.3%;
					   display:inline-block;}*/

.main_bottom_nav ul li{
					   width:123px;
					   display:inline-block;
					   margin:0 6%;
					   }

.main_bottom_nav ul li:first-child{width:155px;}
.main_bottom_nav ul li:first-child{margin-left:0px;margin-right:6%;}
.main_bottom_nav ul li:last-child{margin-left:6%;margin-right:0%;}


.main_bottom_nav ul li div img{float:left;
							 margin-right:10px;}

.main_bottom_nav ul li a {float:left;
                          text-align:left;
						  font-size:18px;
						  color:#3a3939;
						  line-height:1.9em;
						  }

.main_bottom_nav ul li a span{display:block;
							  font-size:12px;
							  color:#c0c0c0;
							  line-height:0em;}					   									 


/*어바웃스타리온 new*/


.owl-theme .owl-controls{display:none;}

/*main*/
.main {
	width: 100%;
	float: left;
}

.slide { width:100%;
		 /*height:840px;*/
                 height:/*710px;*/665px;
                 overflow:hidden;}

.align{width:67%; margin:0 auto;}

#wrap { position:absolute;
	    width:100%;
	   /*height:840px;*/
                 height:/*710px;*/665px;
 overflow:hidden;}

#brandVisual { position:relative;
			   width:100%;
			   min-width:100%;
			   margin:0 auto;
			   overflow:hidden;
			  /*height:840px;*/
                 height:/*710px;*/665px;}

#brandVisual ul { position:relative;
				  float:left;
				  width:100%;
				 /*height:840px;*/
                 height:/*710px;*/665px;  overflow:hidden;}

#brandVisual li { position:absolute;
				  width:100%;
				 /*height:840px;*/
                   height:/*710px;*/665px;
				  background-repeat: no-repeat;
				  background-size:cover;  overflow:hidden;}

/*#brandVisual .visual_0 { left:0px;background:url('/media_lib/3232235777_o9th70X3_slide01_bg.jpg'); background-repeat:no-repeat; background-size:cover;
background-position:100% 80%;  }*/

#brandVisual .visual_0 { left:0px;background:url('/media_lib/3232235777_27AKdLkE_slide01_bg.jpg'); background-repeat:no-repeat; background-size:cover;
background-position:100% 80%;  }

#brandVisual .visual_2 { left: 100%; background:url('/media_lib/3232235777_AK1SehHC_slide02_re.jpg'); background-repeat:no-repeat; background-size:cover;background-position:0% 80%; }
#brandVisual .visual_1 { left: 200%; background:url('/media_lib/1028346246_SvDab5G0_main_banner04.jpg '); background-repeat:no-repeat; background-size:cover;background-position:0% 80%;  }


        .demo .item{
            margin-bottom:0px;
        }
		.demo{
			width:100%;
		}



/*.slide_mo { width:100%;
		 height:840px;
                 overflow:hidden;}

#wrap_mo { position:absolute;
	    width:100%;
	    height:840px;
 overflow:hidden;}


#owl-demo{ position:relative;
		   float:left;
		   width:100%;
		   height:840px;  overflow:hidden;}


#brandVisual_mo { position:relative;
			   width:100%;
			   min-width:100%;
			   margin:0 auto;
			   overflow:hidden;
			   height:840px;}
*/

/*#brandVisual_mo .visual_00 { left:0px;background:url('/media_lib/3232235777_o9th70X3_slide01_bg.jpg'); background-repeat:no-repeat; background-size:cover;
background-position:100% 80%;  }*/

.visual_00 { left:0px;background:url('/media_lib/3232235777_27AKdLkE_slide01_bg.jpg'); background-repeat:no-repeat; background-size:cover;
background-position:100% 80%;  }
.visual_02 { left: 100%; background:url('/media_lib/3232235777_AK1SehHC_slide02_re.jpg'); background-repeat:no-repeat; background-size:cover;background-position:0% 80%; }
.visual_01 { left: 200%; background:url('/media_lib/1028346246_SvDab5G0_main_banner04.jpg'); background-repeat:no-repeat; background-size:cover;background-position:0% 80%;  }

/*.visual_00,.visual_02 ,.visual_01{ position:absolute;
								width:100%;
                                                                 height:710px;
								background-repeat: no-repeat;
								background-size:cover;  overflow:hidden;} */

.visual_00,.visual_02 ,.visual_01{ width:100%;
						background-repeat: no-repeat;
						background-size:cover;  overflow:hidden;} 


.align_wrap{width:100%;
			height:100%;
			float:left;
			position:relative;
			}

.imgbox00{position:absolute;
		width:auto;
		right:0%;
		/*top:145px;*/
                /*top:168px;*/
                /*top:110px;*/top:132px;     	
		}

.imgbox00 img{float:left;
		     /*width:650px;*/
                     /*width:627px;*/
                    /* width:560px;*/
                    width:500px;}


.imgbox002{/*top:160px;*/top:131px;}
.imgbox002 img{width:/*1200px;990px;*/905px;}

.pbox00{float:left;
	  /*margin-top:143px;*/
          margin-top:130px;
	  position:relative;
	  }

.p_block01{display:block;
		 font-size:50px;
		 margin-bottom:19px;
                 color:#000; text-shadow:none;
		 }

.p_sub01{
	   display:block;
	   font-size:25px;
	   color: #FFF;
	   text-shadow: 1px 1px 7px rgba(70,70,70,1);
	   font-weight:normal;
	   }

.p_line{text-indent:-9999px;
          width:39px; height:1px;
          background:#000;
          margin:25px 0;
          display:block;}

.p_bottom{font-size:14px;display:block;color:#000; text-shadow:none;}
.p_bottom_title{font-size:18px;display:block;color:#000; text-shadow:none;}

.p_block{display:block;
		 font-size:50px;
		 margin-bottom:13px;
		 }

.p_sub{display:block;
	   font-size:25px;
	   margin-top:46px;
	   color:#fff;
	   font-weight:bold;
	   text-shadow:none;
	   }

.pbox00 p{font-size:50px;
		color:#fff;
		text-shadow:2px 2px 10px #333;
		}


.p_block02{display:block;
		   font-size:50px;
		   margin-bottom:13px;
		   }

.p_sub02{display:block;
	    font-size:25px;
	    /*margin-top:46px;*/
            margin-top:25px;
	    color:#fff;
	    font-weight:bold;
		text-shadow:1px 1px 7px #333;
	    }

.pbox002 p{font-size:50px;
		  color:#BE0445;
		  text-shadow:none;
		  }


.pbox00 a{width:138px;
		height:38px;
		border:1px solid #000;
		font-size:14px;
		float:left;
		margin-top:38px;
		position:relative;
		}
.pbox00 a span{width:138px;
		 height:38px;
		 display:table-cell;
		 text-align:center;
		 vertical-align:middle;
		 position:relative;
		 z-index:1;
		 color:#000;}

.abox01 a{border:1px solid #fff;}
.abox01 a span{color:#fff;}

/*--*/

.imgbox{position:absolute;
		width:auto;
		right:14.5%;
		bottom:66px;	
}
.imgbox img{float:left;
			width:800px;}

.pbox{float:left;
	  /*margin-top:143px;*/
          margin-top:130px;
	  position:relative;
	  }
.pbox p span{display:block;
			 font-size:30px;
			 font-weight:normal;
			 }
.pbox p{font-size:50px;
		font-weight:bold;
		color:#000;
		}
.pbox a{width:138px;
		height:38px;
		border:1px solid #000;
		font-size:14px;
		float:left;
		margin-top:38px;
		position:relative;
		}
.pbox a span{width:138px;
		 height:38px;
		 display:table-cell;
		 text-align:center;
		 vertical-align:middle;
		 position:relative;
		 z-index:1;
		 color:#000;}

/* Ujarak */
.button--ujarak, .button--ujarak span {
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.button--ujarak::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 37px;
	background:rgba(0,0,0,0.5);
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak,
.button--ujarak::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--ujarak:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--ujarak:hover{ color:#fff;}

.button--ujarak02::before {
	height:36px;
	background:rgba(0,0,0,0.5);
}
.button--ujarak02:hover{ color:#fff;}

/* Ujarak */


/*slide02*/
.imgbox02 {bottom:/*33*/50px;}
.imgbox02 img{width: /*720px;*/769px;}
.pbox02 p{color:#000;}
.abox02 a span{color:#000;}
.abox02 a {border:1px solid #000;}


/*slide03*/
.imgbox03 {bottom:-50px;}
.imgbox03 img{width:auto;}
.pbox03 p{color:#000;}
.abox03 a span{color:#000;}
.abox03 a {border:1px solid #000;}

.buttonList{ width:100%; 
		 position:absolute;
		 top:323px;}

.buttonList span{ width:53px;
			height:94px;
		        cursor:pointer;
			background-repeat:none; }

#button_prev{ float:left;
	            margin-left:34px; }

#button_next{ float:right;
		    margin-right:34px; }

#buttonList li a { display:block;
			 text-indent:-9999px; }

/*slide-end*/

/*slide-end*/

/*icon_box*/

.icon{    margin: 0 auto;
		   max-width: 1900px;
		   display: block;
		   }
.icon{margin:0 auto;
	  text-align:center;}

.thumb {width:8%;
		margin-right:3%;
		padding:1% 0;
		display:inline-block;}

.icon a:last-child{margin-right:0%!important;}

.thumb img {
	width:60%;height:auto;
	-moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease; }



 .thumb:hover img {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }




/*responsible*/

/*
@media screen and (max-width:431px) {
.main_bottom_nav ul li{width:24%;position:relative;top:-14px;}
.main_bottom_nav ul li:first-child{top:0px;}
}


@media screen and (min-width:661px) and (max-width:696px) {
.main_bottom_nav ul li{width:24%;position:relative;top:-14px;}
.main_bottom_nav ul li:first-child{top:0px;}
}
*/


@media screen and (min-width:1341px) and (max-width:1714px) {

/*어바웃스타리온 new*/

/*.main_bottom_nav ul li{width:19.3%;
					   display:inline-block;}*/

.main_bottom_nav ul li{
					   width:123px;
					   display:inline-block;
					   margin:0 6%;
					   }

.main_bottom_nav ul li:first-child{width:155px;}
.main_bottom_nav ul li:first-child{margin-left:0px;margin-right:6%;}
.main_bottom_nav ul li:last-child{margin-left:6%;margin-right:0%;}

.main_bottom_nav ul li a span{font-size:11px;}					   									 

/*어바웃스타리온 new*/


}


@media screen and (min-width:961px) and (max-width:1340px) {

/*어바웃스타리온 new*/
.mo_none{display:inline!important;}

.main_bottom_nav ul li{
					   width:24.5%!important;
					   display:inline-block;
					   margin:0!important;
					   }

.main_bottom_nav ul li div{margin:0 auto!important; width:45px;}
.main_bottom_nav ul li div img{margin-right:0px;}
.main_bottom_nav ul li a {width:100%;text-align:center;float:left!important;line-height:1.2em;margin-top:10px;}
.main_bottom_nav ul li a span{font-size:12px;
							  width:100%;
							  line-height:1em;}					   									 

/*어바웃스타리온 new*/


}



/*@media screen and (min-width:1272px) and (max-width:1618px) {
.pbox00 p{font-size:33px;}
.p_block{font-size:33px;}
}*/

@media screen and (min-width:1272px) and (max-width:1666px) {

.imgbox{
		width: 873px!important;
		position:absolute;
		right:13.5%;
		}
.imgbox img{float:left;
		width:680px!important;}

.imgbox02 {
		   bottom: 56px!important;
		   right:0%;
		   }
.imgbox02 img{width: 651px!important;}

.imgbox03 {bottom:0px; width:900px;}
.imgbox03 img{width:900px!important;}



/*.imgbox00{width:580px;
		top:220px;}
.imgbox00 img{width:580px;}

.imgbox002{top:218px;top:190px; width:1100px;}
.imgbox002 img{width:1100px;}*/

}


@media screen and (min-width:660px) and (max-width:1869px) {
	.about_open div:last-child {
		width: 11%;
	}
	.about_open div {
		width: 18%;
	}
}

@media screen and (min-width:320px) and (max-width:660px) {
/*어바웃스타리온 뉴*/
.mo_none{display:none!important;}
.align_bot{width:100%;}

.main_bottom_nav ul li{width:24%!important;;margin:0!important;}
.main_bottom_nav ul li div{margin:0 auto!important; width:45px;}
.main_bottom_nav ul li div img{margin-right:0px;}
.main_bottom_nav ul li a {width:100%;text-align:center;float:left!important;line-height:1.2em;margin-top:10px; font-size:15px;}
.main_bottom_nav ul li a span{font-size:11px;
							  float:left!important;
							  width:100%;
							  padding:0 4%;
							  line-height:1.3em;}		

/*어바웃스타리온 뉴*/

.demo .item{margin-top:55px;margin-bottom:0px!important;}

	/*slide*/
	.slide_mo { height:422px;margin-top:40px;
		 z-index:-12;}
.align{width:100%;}

#wrap_mo { height:422px;}

#brandVisual_mo {height:422px;}

#owl-demo{height:422px;}

.visual_00,.visual_02 ,.visual_01{height:422px;}
.visual_00{background-position:100% 0;}
#brandVisual_mo .visual_00 { left:0px;background-size:cover!important;background-position:60%;}



.imgbox{width:280px; height:auto!important;
		margin:0 auto;
		position:relative;
                top:220px;
		right:0;
		}

.imgbox img{float:left!important;
		 width:280px!important;}

.pbox{margin:0 auto;
	  width:300px;
	  float:none;
         top:-97px;
	  text-align:center;
	  }

.pbox p span{font-size:17px;
			 margin-bottom:5px;}
.pbox p{font-size:27px;}

.abox{margin:0 auto;
	  width:100px;}

.pbox a{margin-top:0px;}

.pbox a{width:100px;
		height:30px;
		font-size:12px;
		float:left;
		margin-top:18px;
		position:relative;
		}
.pbox a span{width:100px;
			 height:30px;
			 display:table-cell;
			 text-align:center;
			 vertical-align:middle;
			 position:relative;
			 z-index:1;}


.button--ujarak::before {

	height: 29px;

}


.imgbox00{width:300px; height:auto!important;
		margin:0 auto;
		position:relative;
		/*top:80px;*/
        top:206px;
		right:0;
		}

.imgbox00 img{float:none!important;
			display:block!important;
			margin:0 auto!important;
			width:200px!important;}

.imgbox002{width:350px; height:auto!important;
		margin:0 auto;
		position:relative;
		/*top:80px;*/
                /*top:220px;*/
                top:215px;
		right:50px;
		}

.imgbox002 img{float:left!important;
			width:350px!important;}

.pbox00{margin:0 auto;
	  width:300px;
	  float:none;
	  /*top:100px;*/
          /*top:-150px;*/
          top:-180px;
	  text-align:center;
	  }


.p_sub01{font-size:15px;
	   margin-top:10px;}
.p_block01{font-size:22px;
		 margin-bottom:1px;}
.p_sub{font-size:15px;
	   margin-top:10px;}
.p_block{font-size:22px;
		 margin-bottom:1px;}
.pbox00 p{font-size:22px;}

.abox00{margin:0 auto;
	  width:100px;}

.pbox00 a{margin-top:0px;}

.pbox00 a{width:100px;
		height:30px;
		font-size:12px;
		float:left;
		margin-top:18px;
		position:relative;
		}
.pbox00 a span{width:100px;
			 height:30px;
			 display:table-cell;
			 text-align:center;
			 vertical-align:middle;
			 position:relative;
			 z-index:1;}

.pbox002{/*top:-135px!important;*/
              /*top:-175px!important;*/top:-170px!important;}

.button--ujarak::before {

	height: 29px;

}
.buttonList{top:200px;}

#button_prev{ float:left;
			  margin-left:0px; }

#button_next{ float:right;
			  margin-right:0px; }

#button_next img{float:right;}

.buttonList img {width:30%;}

.pbox02 a{
		border:1px solid #000!important;
		}
.pbox02 a span{width:100px;
			 height:30px;
			 display:table-cell;
			 text-align:center;
			 vertical-align:middle;
			 position:relative;
			 z-index:1;
			 color:#000!important;}

.abox02 a span{color:#000!important;}
.abox02 a {border:1px solid #000!important;}


.button--ujarak02::before {
	height:28px!important;
	background:rgba(0,0,0,0.5)!important;
}
.button--ujarak02:hover{ color:#fff!important;}


.abox03 a span{color:#000!important;}
.abox03 a {border:1px solid #000!important;}


.pbox02 a{
		border:1px solid #000!important;
		}
.pbox02 a span{width:100px;
			 height:30px;
			 display:table-cell;
			 text-align:center;
			 vertical-align:middle;
			 position:relative;
			 z-index:1;
			 color:#000!important;}


/*slide02*/

.imgbox02{
		width: 303px;
		margin:0 auto;
		position:relative;
		top:210px;
		right:0;
		}

.imgbox02 img{
			float:left!important;
			width: 292px!important;
			}

.pbox02{
	  margin:0 auto;
	  width:250px;
	  float:none;
	  text-align:center;
	  /*top:-110px;*/
	  top: /*-145px;*/-103px;
	  }

.imgbox03{width:250px;
		margin:0 auto;
		position:relative;
		right:0;
		top:280px;
		}

.imgbox03 img{float:left!important;
			width:250px!important;}

.pbox03{margin:0 auto;
	  width:250px;
	  float:none;
	  top:-60px;
	  text-align:center;
	  }
.pbox03_block{display:block;}

.pbox02 a,.pbox03 a{
		border:1px solid #000;
		}
.pbox02 a span,.pbox03 a span{color:#000;}


	/*icon_box*/
               .icon_box{width:100%; margin:10px 0;}
               .thumb{width:45%;
	          margin-right:0%;
	          text-align:center;}
               .thumb img{width:40%;
	                text-align:center;}


	/*about_starion*/

	.about_open li {
		width: 100%;
	}
	.about_open div:first-child {
		display: none;
	}
	.about_open div {
		width: 25%;
	}
	.about_open div a {
		width: 25%;
		text-align: center;
	}
	.about_open div:last-child {
		width: 22%;
	}
	.about_open div a span {
		font-size: 11px;
	}
	.about_open div a img {
		transform: scale(0.6);
		-webkit-transform: scale(0.6);
	}
}

@media screen and (min-width:661px) and (max-width:960px) {

header{height:55px!important;}
.depth{height:40px;}
.depth li{height:40px;}

/*어바웃스타리온 뉴*/
.mo_none{display:none!important;}
.align_bot{width:100%;}

.main_bottom_nav ul li{width:24.5%!important;margin:0!important;}
.main_bottom_nav ul li div{margin:0 auto!important; width:45px;}
.main_bottom_nav ul li div img{margin-right:0px;}
.main_bottom_nav ul li a {width:100%;text-align:center;float:left!important;line-height:1.2em;margin-top:10px;}
.main_bottom_nav ul li a span{font-size:12px;
							  float:left!important;
							  width:100%;
							  padding:0 20%;
							  line-height:1em;}		

/*어바웃스타리온 뉴*/


	.button--ujarak02::before {
	height:28px!important;
	background:rgba(0,0,0,0.5)!important;
}
.button--ujarak02:hover{ color:#fff!important;}
	/*slide*/
.slide_mo { height:660px;
		 background-size:cover;
		 background-position:50%;}
#wrap_mo { height:660px;}
#brandVisual_mo {height:660px;}
#owl-demo{height:660px;}
.visual_00,.visual_02 ,.visual_01{height:660px;}
.align{width:100%;}
#brandVisual_mo .visual_00 { left:0px;background-size:cover!important; background-position:60%;}



.imgbox00{width:620px;
		margin:0 auto;
		position:relative;
		/*top:100px;*/
        top:280px;
		right:0;
		}

.imgbox00 img{margin:0 auto!important;
			width:355px!important;
			display:block!important;
			float:none!important;}


.pbox00{
	  width:620px;
	  margin-top:-280px!important;
	  display:block;
	  margin:0 auto;
	  float:none;
	  text-align:center;
	  }

.p_sub01{font-size:20px;margin-top:10px;}
.p_block01{font-size:30px;
		 margin-bottom:4px!important;}
p_line{margin:0 auto;}

.p_sub{font-size:20px;margin-top:10px;}
.p_block{font-size:30px;
		 margin-bottom:4px!important;}
.pbox00 p{font-size:30px;}

.abox00{margin:0 auto;
	  width:100px;}

.pbox00 a{margin-top:0px;}

.pbox00 a{width:100px;
		height:30px;
		font-size:12px;
		float:left;
		margin-top:8px;
		position:relative;
		}
.pbox00 a span{width:100px;
			 height:30px;
			 display:table-cell;
			 text-align:center;
			 vertical-align:middle;
			 position:relative;
			 z-index:1;}


.imgbox002{width:720px;
		margin:0 auto;
		position:relative;
		/*top:100px;*/
               /* top:250px;*/
               top:235px;
		right:60px;
		}

.imgbox002 img{float:left!important;
			width:720px!important;}



.imgbox{width:520px;
		margin:0 auto;
		position:relative;
                top:280px;
		right:0;
		}

.imgbox img{float:left!important;
			width:520px!important;}

.pbox{margin:0 auto;
	  width:520px;
	  float:none;
          top:-240px;
	  text-align:center;
	  }


.pbox002{
	  width:100%;
	  position:absolute;
	  top:380px;
	  float:none;
	  text-align:center;
          margin-top:-270px!important;
	  }


.pbox p{font-size:35px;}
.pbox p span{margin-bottom:5px;
			 font-size:25px;}


.abox{margin:0 auto;
	  width:100px;}

.pbox a{width:100px;
		height:30px;
		font-size:12px;
		float:left;
		margin-top:8px;
		position:relative;
		}
.pbox a span{width:100px;
			 height:30px;
			 display:table-cell;
			 text-align:center;
			 vertical-align:middle;
			 position:relative;
			 z-index:1;}

.pbox a{margin-top:8px;}



.imgbox02{
		width:470px;
		margin:0 auto;
		position:relative;
		top: 328px;
		right:0;
		}

.imgbox02 img{float:left!important;
		    width:470px!important;}

.pbox02{
	  margin:0 auto;
	  width: 500px;
	  float:none;
	  top: -121px;
	  text-align:center;
	  }


/*slide02*/



/*slide03*/
#brandVisual .visual_2{background-position:0%; background-size:none; background-repeat:no-repeat;}
.imgbox03{width:520px;
		margin:0 auto;
		position:relative;
		right:0;
		top:348px;
		}

.imgbox03 img{float:left!important;
			width:520px!important;}

/*바꿈*/
.pbox03{margin:0 auto;
	  width:520px;
	  float:none;
	  top:-205px;
	  text-align:center;
	  }



.buttonList{top:306.5px;}

#button_prev{ float:left;
			  margin-left:0px; }

#button_next{ float:right;
			  margin-right:0px; }

#button_next img{float:right;}

.buttonList img {width:50%;}

	/*slide-end*/

/*icon_box*/
.thumb{width:12%;
	   margin-right:0%;
	   padding:3% 0;}

.thumb img{width:80%;}

.about_open li{width:80%;}


/*about_starion*/
         .about_ci{height:155px;}
         .about_open{height:155px;}

	.about_open div {
		float: left;
		width: 25%;
		/*height: 132px;*/
                height: 155px;
	}
	.about_open div a {
		display: table-cell;
		width: 23%;
		/*height: 132px;*/
                height: 155px;
		text-align: center;
		vertical-align: middle;
		font-size: 14px;
		color: #fff;
	}
	.about_open div:first-child {
		display: none;
	}
	.about_open div:last-child {
		width: 20%;
	}
	.about_open div:last-child a {
		width: 20%;
		text-align: center;
	}
}


@media screen and (min-width:961px) {

.slide_mo{display:none;}

}

@media screen and (max-width:960px) {

.p_line{text-indent:-9999px;
          width:39px; height:1px;
          background:#fff;
          margin:25px 0;
          display:none;}

.p_bottom{font-size:14px;display:none;}
.p_bottom_title{font-size:18px;display:none;}
.slide{display:none;}

}


@media screen and (min-width:961px) and (max-width:1272px) {


.button--ujarak02::before {
	height:28px!important;
	background:rgba(0,0,0,0.5)!important;
}
.button--ujarak02:hover{ color:#fff!important;}
	/*slide*/
	.slide { height:622px;
		 z-index:-12;}

#wrap { height:622px;}

#brandVisual {height:622px;}

#brandVisual ul {height:622px;}

#brandVisual li {height:622px;}
#brandVisual .visual_0 { left:0px;background-size:cover!important;background-position:60%;}



.imgbox{width:550px;
		position:absolute;
		right:13.5%;
		}

.imgbox img{float:left;
			width:550px;}


.imgbox002{width:700px!important;
		position:absolute!important;
		/*top:225px!important;*/
                top:210px!important;
		right:0!important;
		}

.imgbox002 img{float:left!important;
			width:700px!important;}


.pbox{width:auto;
	  float:none;
	  margin-top:130px;
	  }

.pbox p span{font-size:27px;
			 margin-bottom:5px;}
.pbox p{font-size:47px;}


.pbox a{margin-top:0px;}

.pbox a{width:100px;
		height:30px;
		font-size:12px;
		float:left;
		margin-top:18px;
		position:relative;
		}
.pbox a span{width:100px;
			 height:30px;
			 display:table-cell;
			 text-align:center;
			 vertical-align:middle;
			 position:relative;
			 z-index:1;}



.imgbox00{width:450px;
		position:absolute;
		right:0;
                top:132px;
		}

.imgbox00 img{float:left;
			width:450px;}



.pbox00{width:auto;
	  float:none;
	  margin-top:130px;
	  }

/*.p_sub{font-size:20px;}
.p_block{font-size:30px;}
.pbox00 p{font-size:30px;}
*/

.pbox00 a{margin-top:0px;}

.pbox00 a{width:100px;
		height:30px;
		font-size:12px;
		float:left;
		margin-top:18px;
		position:relative;
		}
.pbox00 a span{width:100px;
			 height:30px;
			 display:table-cell;
			 text-align:center;
			 vertical-align:middle;
			 position:relative;
			 z-index:1;}


.button--ujarak::before {
	height: 29px;
}




.imgbox02 {bottom:33px!important;
		   width:550px;
		   right:13.5%;}
.imgbox02 img{width:550px!important;}

.pbox02 a{
		border:1px solid #000!important;
		}
.pbox02 a span{width:100px;
			 height:30px;
			 display:table-cell;
			 text-align:center;
			 vertical-align:middle;
			 position:relative;
			 z-index:1;
			 color:#000!important;}

.abox02 a span{color:#000!important;}
.abox02 a {border:1px solid #000!important;}


.abox03 a span{color:#000!important;}
.abox03 a {border:1px solid #000!important;}


.pbox02 a{
		border:1px solid #000!important;
		}
.pbox02 a span{width:100px;
			 height:30px;
			 display:table-cell;
			 text-align:center;
			 vertical-align:middle;
			 position:relative;
			 z-index:1;
			 color:#000!important;}

/*slide03*/
.imgbox03 {bottom:0px; width:700px;}
.imgbox03 img{width:700px!important;}


.buttonList{top:283px;}
#button_next img{float:right;}
.buttonList img {width:60%;}

	/*slide-end*/

.thumb{width:12%;
	   margin-right:0%;
	   padding:2% 0;}
/*바꿈*/
.thumb img{width:50%;}

	/*about_starion*/
	#cssmenu {
		width: 100%;
		float: left;
	}
	.about_open div {
		float: left;
		width: 17.25%;
		height: 132px;
	}
	.about_open div a {
		display: table-cell;
		width: 17.25%;
		height: 132px;
		text-align: center;
		vertical-align: middle;
		font-size: 14px;
		color: #fff;
	}
	.about_open div p {
		display: table-cell;
		width: 18%;
		height: 81px;
		text-align: left;
		vertical-align: middle;
		font-size: 14px;
		color: #fff;
	}
	.about_open div p span {
		width: 100%;
		display: block;
		text-align: left;
		font-size: 14px;
		font-weight: bold;
	}
	.about_open div:first-child {
		width: 25%;
		height: 81px;
		margin-top: 28px;
		margin-right: 5%;
		float: left;
		border-right: 1px solid #a2a2a2;
	}
	.about_open div:last-child {
		width: 17.25%;
	}
	.about_open div:last-child a {
		width: 17.25%;
		text-align: center;
	}
	.about_open div a span {
		display: block;
		margin-top: 5px;
	}

.ci_new{position:absolute;
		left:-100px;
		top:center;
		width:90px;}
}
/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/ 

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    /* background-image: url('../img/controls.png'); */
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}
.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}




/*---------------------------------------------------2020-02-10 메인 수정 --------------------------------------------------*/

#brandVisual .new_visual_0 { left:0px;background:url('/images/main/202010_bg3.jpg'); background-repeat:no-repeat; background-size:cover; background-position:50% 50%;  }
#brandVisual .new_visual_2 { left: 100%; background:url('/images/main/202010_bg4.jpg'); background-repeat:no-repeat; background-size:cover; background-position:50% 50%;  }
#brandVisual .new_visual_1 { left: 400%; background:url('/images/main/202010_bg1.jpg'); background-repeat:no-repeat; background-size:cover;background-position:50% 50%;  }
#brandVisual .new_visual_3 { left: 300%; background:url('/images/main/202010_bg5.jpg'); background-repeat:no-repeat; background-size:cover;background-position:50% 50%;  }
#brandVisual .new_visual_4 { left: 200%; background:url('/images/main/202010_bg2.jpg'); background-repeat:no-repeat; background-size:cover;background-position:50% 50%;  }
#brandVisual .new_visual_5 { left: 500%; background:url('/images/main/new1810_bg4.jpg'); background-repeat:no-repeat; background-size:cover;background-position:50% 50%;  }

.new_visual_00 { left:0px;background:url('/images/main/202010_mbg3.jpg'); background-repeat:no-repeat; background-size:cover; background-position:0% 100%;  }
.new_visual_02 { left:0px;background:url('/images/main/202010_mbg4.jpg'); background-repeat:no-repeat; background-size:cover; background-position:0% 100%;  }
.new_visual_01 { left:0px;background:url('/images/main/202010_mbg1.jpg'); background-repeat:no-repeat; background-size:cover; background-position:0% 100%;  }
.new_visual_03 { left:0px;background:url('/images/main/202010_mbg5.jpg'); background-repeat:no-repeat; background-size:cover; background-position:0% 100%;  }
.new_visual_04 { left:0px;background:url('/images/main/202010_mbg2.jpg'); background-repeat:no-repeat; background-size:cover; background-position:0% 100%;  }
.new_visual_05 { left:0px;background:url('/images/main/new1810_bg1.jpg'); background-repeat:no-repeat; background-size:cover; background-position:0% 100%;  }

.new_align{width:85%; margin:0 auto;}

.new_align_wrap{width:100%;
			height:665px;
			float:left;
			position:relative;
			}


.main_img1 {position:absolute; width:auto; right:-60px; bottom:0px; }
.main_img2 {position:absolute; width:auto; right:0px; bottom:0px; }
.main_img3 {position:absolute; width:auto; right:-150px; bottom:-80px; }
.main_img4 {position:absolute; width:auto; left:110px; bottom:0px; }
.main_img5 {position:absolute; width:auto; right:0px; bottom:0px; }
.main_img6 {position:absolute; width:auto; right:0px; bottom:-18px; }
.main_img6_2 {position:absolute; width:auto; left:0px; top:75px; }

.main_img1 img{float:left; width:903px;} /* 냉장고 */
.main_img2 img{float:left; width:855px;} /* 난방기 */
.main_img3 img{float:left; width:1455px;} /* 전기레인지 */
.main_img4 img{float:left; width:836px;} /* 선풍기 580*/
.main_img5 img{float:left; width:1313px;} /* 소형가전 */
.main_img6 img{float:left; width:1313px;}
.main_img6_2 img{float:left; width:230px;}


.text_box1{float:left; width:963px; margin-left:50px; margin-top:130px; position:relative; } /* 냉장고 */
.text_box1 img{width:100%;} 
.text_box2{float:left; width:427px; margin-left:80px; margin-top:150px; position:relative; } /* 난방기 */
.text_box2 img{width:100%;}
.text_box3{float:left; width:399px; margin-left:50px; margin-top:160px; position:relative; } /* 전기레인지 */
.text_box3 img{width:100%;}
.text_box4{float:right; width:485px; margin-right:110px; margin-top:150px; position:relative; } /* 선풍기 */
.text_box4 img{width:100%;}
.text_box5{float:left; width:506px; margin-left:80px; margin-top:150px; position:relative; } /* 소형가전 */
.text_box5 img{width:100%;}
.text_box6{float:left; width:503px; margin-top:80px; position:relative; }
.text_box6 img{width:100%;}


.text_btn {width:138px; margin:0 auto;}
.text_btn .btn {width:138px;
		height:38px;
		font-size:14px;
		padding-top:10px;
		float:left;
		margin-top:38px;
		position:relative;
		text-align:center;
		z-index:1;
		background:#fff;
		opacity:0.7;
		}

.text_btn .btn:hover{ opacity:1.0; }



.text_btn .border1 {border:1px solid #c21b4b;
		 color:#c21b4b;
		 }
.text_btn .border2 {border:1px solid #000;
		 color:#000;
		 }

.text_box .main1 {border:1px solid #c21b4b;
		 color:#c21b4b;
		 }
.text_box .main2 {border:1px solid #000;
		 color:#000;
		 }


@media screen and (min-width:1373px) and (max-width:1800px) {

.main_img1 {position:absolute; width:auto; right:-150px; bottom:0px; }
.main_img3 {position:absolute; width:auto; right:-230px; bottom:-80px; }
.main_img4 {position:absolute; width:auto; left:20px; bottom:0px; }

.main_img1 img{float:left; width:890px;} /* 냉장고 */
.main_img2 img{float:left; width:750px;} /* 난방기 */
.main_img3 img{float:left; width:1380px;} /* 전기레인지 */
.main_img4 img{float:left; width:750px;} /* 선풍기 550 */
.main_img5 img{float:left; width:1100px;} /* 소형가전 */


.text_box1{float:left; width:850px; margin-left:0px; margin-top:130px; position:relative; } /* 냉장고 */
.text_box1 img{width:100%;} 
.text_box2{float:left; width:427px; margin-left:10px; margin-top:150px; position:relative; } /* 난방기 */
.text_box2 img{width:100%;}
.text_box3{float:left; width:399px; margin-left:0px; margin-top:150px; position:relative; } /* 전기레인지 */
.text_box3 img{width:100%;}
.text_box4{float:right; width:470px; margin-right:10px; margin-top:150px; position:relative; } /* 선풍기 */
.text_box4 img{width:100%;}
.text_box5{float:left; width:506px; margin-left:10px; margin-top:140px; position:relative; } /* 소형가전 */
.text_box5 img{width:100%;}

}


@media screen and (min-width:961px) and (max-width:1372px) {
.new_visual_0 , .new_visual_4 { background-position:50% 50%;  }
.new_visual_1 , .new_visual_2 , .new_visual_3 , .new_visual_5 { background-position:40% 60%;  }

.main_img1 {position:absolute; width:auto; right:-150px; bottom:50px; }
.main_img2 {position:absolute; width:auto; right:0px; bottom:30px; }
.main_img3 {position:absolute; width:auto; right:-150px; bottom:0px; }
.main_img4 {position:absolute; width:auto; left:20px; bottom:50px; }
.main_img5 {position:absolute; width:auto; right:0px; bottom:50px; }

.main_img1 img{float:left; width:690px;} /* 냉장고 */
.main_img2 img{float:left; width:600px;} /* 난방기 */
.main_img3 img{float:left; width:980px;} /* 전기레인지 */
.main_img4 img{float:left; width:580px;} /* 선풍기 430 */
.main_img5 img{float:left; width:800px;} /* 소형가전 */


.text_box1{float:left; width:750px; margin-left:0px; margin-top:180px; position:relative; } /* 냉장고 */
.text_box1 img{width:80%;} 
.text_box2{float:left; width:427px; margin-left:20px; margin-top:100px; position:relative; } /* 난방기 */
.text_box2 img{width:80%;}
.text_box3{float:left; width:399px; margin-left:10px; margin-top:100px; position:relative; } /* 전기레인지 */
.text_box3 img{width:80%;}
.text_box4{float:right; width:350px; margin-right:0px; margin-top:160px; position:relative; } /* 선풍기 */
.text_box4 img{width:100%;}
.text_box5{float:left; width:506px; margin-left:20px; margin-top:100px; position:relative; } /* 소형가전 */
.text_box5 img{width:80%;}

.text_btn {width:180px; margin:0 auto;}
.text_btn .btn {width:120px;
		height:33px;
		font-size:14px;
		padding-top:8px;
		float:left;
		margin-top:30px;
		position:relative;
		text-align:center;
		z-index:1;
		background:#fff;
		opacity:0.7;
		}

}


@media screen and (min-width:661px) and (max-width:960px) {

.new_visual_00,.new_visual_02 ,.new_visual_01 ,.new_visual_03 ,.new_visual_04 ,.new_visual_05{height:660px; background-position:50% 50%; background-size:auto 660px;}

.new_align{width:100%;}
.new_align_wrap{ height:660px; }

.main_img1 {width:620px; height:auto!important; margin:0 auto; position:relative; right:-40px; top:315px;} /* 냉장고 */
.main_img2 {width:620px; height:auto!important; margin:0 auto; position:relative; right:-15px; top:300px;} /* 난방기 */
.main_img3 {width:100%; max-width:800px; height:auto!important; margin:0 auto; position:relative; right:0px; top:240px; overflow:hidden; } /* 전기레인지 */
.main_img4 {width:640px; height:auto!important; margin:0 auto; position:relative; left:30px; right:0px; top:260px;} /* 선풍기 */
.main_img5 {width:550px; height:auto!important; margin:0 auto; position:relative; right:0px; top:270px;} /* 소형가전 */
.main_img6 {width:550px; height:auto!important; margin:0 auto; position:relative; right:0px; top:270px;}


.main_img1 img{float:left!important; width:590px!important;}
.main_img2 img{float:left!important; width:600px!important;}
.main_img3 img{float:left!important; width:800px!important;}
.main_img4 img{float:left!important; width:580px!important;}
.main_img5 img{float:left!important; width:540px!important;}
.main_img6 img{float:left!important; width:540px!important;}

.text_box{margin:0 auto; width:450px; float:none; text-align:center; position:relative; }
.top1 {top:-250px;}
.top2 {top:-300px;}
.top3 {top:-330px;}
.top4 {top:-290px;}
.top5 {top:-300px;}
.top6 {top:-300px;}
.text_box .text1 {width:290px; margin-left:80px;}
.text_box .text2 {width:280px; margin-left:85px;}
.text_box .text3 {width:300px; margin-left:75px;}
.text_box .text4 {width:350px; margin-left:50px;}
.text_box .text5 {width:400px; margin-left:25px;}
.text_box .text6 {width:400px; margin-left:25px;}
.text_box .text img{width:95%;}

.text_box .btn {float:left; width:100px; height:30px; padding-top:7px; font-size:12px; position:relative; text-align:center; margin-top:15px; opacity:1; margin-left:175px; z-index:1; background:#fff;}

}


@media screen and (min-width:320px) and (max-width:660px) {

.new_visual_00,.new_visual_02 ,.new_visual_01 ,.new_visual_03 ,.new_visual_04 ,.new_visual_05{height:422px; background-position:50% 50%; background-size:auto 422px;}

.new_align{width:100%;}
.new_align_wrap{height:422px;}

.main_img1 {width:320px; height:auto!important; margin:0 auto; position:relative; right:-20px; top:220px; overflow:hidden;} /* 냉장고 */
.main_img2 {width:320px; height:auto!important; margin:0 auto; position:relative; right:-10px; top:200px; overflow:hidden;} /* 난방기 */
.main_img3 {width:100%; max-width:450px; height:auto!important; margin:0 auto; position:relative; right:0px; top:190px; overflow:hidden; text-align:center;} /* 전기레인지 */
.main_img4 {width:320px; height:auto!important; margin:0 auto; position:relative; left:0px; top:190px; overflow:hidden;} /* 선풍기 */
.main_img5 {width:320px; height:auto!important; margin:0 auto; position:relative; right:0px; top:190px; overflow:hidden;} /* 소형가전 */
.main_img6 {width:320px; height:auto!important; margin:0 auto; position:relative; right:0px; top:190px;}
.main_img1 img{float:left!important; width:350px!important;}
.main_img2 img{float:left!important; width:310px!important;}
.main_img3 img{float:left!important; width:450px!important;}
.main_img4 img{float:left!important; width:330px!important;}
.main_img5 img{float:left!important; width:310px!important;}
.main_img6 img{float:left!important; width:310px!important;}

.text_box{margin:0 auto; width:280px; float:none; top:-175px; text-align:center; position:relative; }
.top1 {top:-175px;}
.top2 {top:-170px;}
.top3 {top:-200px;}
.top4 {top:-175px;}
.top5 {top:-200px;}
.top6 {top:-200px;}
.text_box .text1 {width:236px; margin-left:23px;}
.text_box .text2 {width:190px; margin-left:45px;}
.text_box .text3 {width:190px; margin-left:45px;}
.text_box .text4 {width:240px; margin-left:20px;}
.text_box .text5 {width:100%;}
.text_box .text6 {width:100%;}
.text_box .text img{width:95%;}
.text_box .btn {float:left; width:100px; height:30px; padding-top:7px; font-size:12px; position:relative; text-align:center; margin-top:15px; opacity:1; margin-left:90px; z-index:1; background:#fff;}

}

/*---------------------------------------------------2020-02-10 메인 수정 --------------------------------------------------*/