/*---------------------------------------------------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;}
 			/*보더와 패딩을쓸때(마진아님) 위드스값에 포함시켜서 별도의계산없이 편하게쓸수있음*/
 			.conwrap input{-webkit-appearance:none;-webkit-border-radius:0;}

					.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;}
					
					/*전체*/
					
					.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: url("/css/fonts/NanumBarunGothic.eot') format('embedded-opentype'),
      url("/css/fonts/NanumBarunGothic.woff")format("woff"),
	  url("/css/fonts/NanumBarunGothic.ttf")format("truetype");
} */


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

/*-----------font----------------------------------------------------------------------------------------*/
.de_con04 table{background:#EFEFEF;}
.de_con04 table tr img{width:100%; margin-left:-4%;}

.group_sub_menu div a{/*font-weight:300!important;*/ color:#737373;}
.submenu{display:none; border-top:1px solid #f7f7f7;}

.group_botline{border:0px solid #fff!important;}


.background{width:100%;
			float:left;
			background:#f9f9f9;}

.container{
		   margin: 0 auto;
		   max-width: 1900px;
		   margin-top:47px;
		   display: block;
		   }
.conwrap{width:1273px;
		 margin:0 auto;}

.group_header{width:100%;
			  height:157px;
			  float:left;
			  background:url('/media_lib/3232235777_ufFCkaRA_menu_bg.jpg');
			  background-repeat:no-repeat;
			  background-size:cover;
			  margin-top:55px;
			  margin-bottom:42px;}

.group_header div{width:1273px;
				  margin:0 auto;
				  }
.group_header h2{font-size:44px;
				 color:#fff;
				 font-weight:500;
				 margin-top:65px;
				 }
.group_header p{font-size:16px;
				color:#fff;
				}



#leftmenu_mo{display:none;}


.group_left_con{width:19.7%;
				height:auto;
				float:left;
				}

.group_left_con ul{width:100%;
				   float:left;
				   }

.group_left_con ul li{width:100%;
					  float:left;
					  background:#fff;
					  border-bottom:1px solid #f7f7f7;
					  font-size:15px;
					  cursor:pointer;
					  }

.group_left_con ul>li>a{color:#3e3e3e;padding-right:29px;}
.group_left_con ul li a{width:1%;
						height:48px;
						display:table-cell;
						vertical-align:middle;
						padding-left:20px;
						font-weight:bold;
						}
.group_left_con ul li a:hover{color:#BE0445;}

.group_left_con ul li a span{float:right;
							 color:#a0a0a0;
							 font-size:10px;
					    	 }


/*.group_left_con>ul>li:hover>a{color:#c70c47;}*/

.group_sub_menu{float:left;
				height:auto!important;}

.group_sub_menu div{
					width:100%;
					float:left;
					padding:20px 0;
					background:#fefefe;}

.group_sub_menu div p{width:100%;
					  height:13px;
					  margin:12px 0;
					  font-size:13px;
					  padding-left:20px;
					  font-weight:bold;
					  }

.group_sub_menu div a{       padding-left:35px!important;
					 width:100%!important;
					 display:block!important;
					 height:12px!important;
					 margin-top:9px;
					 font-size:13px;
                                         color:#000;
                                        font-weight:normal!important;
					 }

.group_sub_menu div p:first-child{margin-top:0px!important;}

.group_right_con{width:77.9%;
				 float:right;
				 }
.mobile{display:none;}

/**/

.de_con01{width:100%;
		  float:left;
		  }

.slidewrap{width:59%;
		   height:500px;
		   margin-right:1%;
		   float:left;
		   }

.slide { width:100%;
		 height:500px;
		 position:relative;
		 }

#wrap{position:absolute;
	  width:100%;
	  height:500px;
	  }

#brandVisual {
			   position:relative;
			   width:100%;
			   min-width:100%;
			   margin:0 auto;
			   overflow:hidden;
			   height:500px;
			   border: 1px solid #c6c6c6;
			   background:#fff;
			   }

#brandVisual ul { position:relative;
				  float:left;
				  width:100%;
				  height:500px;}

#brandVisual li { position:absolute;
				  width:100%;
				  height:500px;
				  text-indent:-9999px; 
				  background-repeat:no-repeat!important;
				  background-position:center 0!important;}

#brandVisual .visual_0 { left:0px;  background:url("/images/detail_0.png"); }
#brandVisual .visual_1 { left: 100%;  background:url("/images/detail_1.jpg");  }
#brandVisual .visual_2 { left: 200%;  background:url("/images/detail_2.jpg");  }
#brandVisual .visual_3 { left: 300%;  background:url("/images/detail_3.jpg");  }
#brandVisual .visual_4 { left: 400%;  background:url("/images/detail_1.jpg");  }
#brandVisual .visual_5 { background:url("/images/detail_0.png");left: 500%; }
#brandVisual .visual_6 { background:url("/images/detail_1.jpg");left: 600%; }
#brandVisual .visual_7 { background:url("/images/detail_0.png");left: 700%; }
#brandVisual .visual_8 { background:url("/images/detail_1.jpg");left: 800%; }
#brandVisual .visual_9 { background:url("/images/detail_0.png");left: 900%; }
#brandVisual .visual_10 { background:url("/images/detail_1.jpg");left: 1000%; }



#buttonList{width:100%;
			float:left;
			margin-top:33px;
			}


#buttonList li{width:8.54%;
			   height:100%;
			   float:left;
			   overflow:hidden;
			   border:1px solid #c6c6c6;
			   margin-right:6px;
			   background:#fff;
                           margin-bottom:1%;
			   }

#buttonList li:last-child{margin-right:0px;}


#buttonList li a{width:100%;
				 height:100%;
				 float:left;
				 background-repeat:no-repeat;
				 background-size:cover;
                                 text-indent:-9999px;}

#buttonList li a img{width:100%;
					 float:left;
					 moz-transition: 0.5s all ease;
					 -o-transition: 0.5s all ease;
					 -webkit-transition: 0.5s all ease;
					 transition: 0.5s all ease;}

#buttonList li a:hover img {-moz-transform: scale(1.2);
						-ms-transform: scale(1.2);
						-o-transform: scale(1.2);
						-webkit-transform: scale(1.2);
						transform: scale(1.2); }

/*slide-end*/


.de_slide_txt{width:35%;
			  height:500px;
			  float:left;
			  background:#fff;
			  border:1px solid #c6c6c6;
			  padding:57px 45px;
			  margin-right:1%;}

.de_slide_txt h2{font-size:35px;
				 text-align:left;}
.slide_p2{font-size:19px;}
.slide_p3{font-size:18px;
		  color:#696969;}

.de_slide_txt span{display:block;
				   width:29px;
				   height:3px;
				   background:#000;
				   text-indent:-9999px;
				   margin:30px 0;}


.de_sns{width:4%;
		height:500px;
		float:left;
		position:relative;}

.sns_top{width:100%;
		 float:left;}

.sns_top a{width:auto;
		   float:left;
		   padding:6px 0;
		   border-bottom:1px solid #c6c6c6;
		   }

.sns_top a:last-child{border-bottom:0px solid #fff;}



.sns_bot{width:100%;
		 position:absolute;
		 bottom:0px;
		 text-align:center;}
.sns_bot a img{text-align:center;}
.sns_bot a{float:left;
		   margin-top:23px;}



.de_con02{
		  width:100%;
		  float:left;
		  margin-top: 30px;
		  }

h3{font-size:20px;
   width:100%;
   float:left;
   font-weight:bold!important;
   margin-bottom:8px;}

.de_con02 > div{width:100%;
				height:60px;
				float:left;
				border:1px solid #c6c6c6;
				background:#f7f7f7;
				}


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

.de_con02 div ul li{
					display: inline-block;
					width:16.5%;
					height:60px;
					/* float:left; */
					}

.de_con02 div ul li a{width:100%;
					  height:14px;
					  margin-top:22px;
					  font-weight:bold;
					  font-size:16px;
					  display:block;
					  vertical-align:middle;
					  border-right:1px solid #dcdcdc;
					  }
.de_con02 div ul li a:hover{color:#c70c47;}
.de_con02 div ul li:last-child a{border:0px solid #fff;}

.de_con02a{width:100%;
		float:left;
		margin-top: 60px;
		 }
.de_con02b{width:100%;float:left; margin-top: 50px;}
					  
					  


.de_con02a ul{width:100%;
			  float:left;}

.de_con02a ul li{width:49.5%; float:left;height: 56px;}
.de_con02a ul li:first-child{margin-right:1%;
							 background:#959595;}
.de_con02a ul li:last-child{background:#959595;}

.de_con02a ul li a{
				   width:1%;
				   height: 56px;
				   display:table-cell;
				   vertical-align:middle;
				   text-align:center;
				   color:#fff;
				   font-size:20px;
				   font-family:'NanumBarunGothic';
				   }

.de_con02a ul li a img{margin-right:20px;
					   margin-bottom:-2px;}

.de_con02b ul{width:100%;
			  float:left;}

.de_con02b ul li{width:49.5%;
				 float:left;
				 height: 56px;
				 background:#959595;}
.de_con02b ul li:first-child{margin-right:1%;}

.de_con02b ul li a{
				   width:1%;
				   height: 56px;
				   display:table-cell;
				   vertical-align:middle;
				   text-align:center;
				   color:#fff;
				   font-size:20px;
				   font-family:'NanumBarunGothic';
				   }

.de_con02b ul li a img{margin-right:20px;
					   margin-bottom:-2px;}

.de_con02a ul li:hover{background:#4a4a4a;}
.de_con02b ul li:hover{background:#4a4a4a;}



.de_con04{width:100%;
		  float:left;
		  margin-top:51px;
          margin-bottom:119px;}
.de_con04 h3{display:inline-block;
			 width:auto;
			 }
.de_con04 table{width:100%;
				float:left;
				border-bottom:1px solid #cecece;
				border-left:1px solid #cecece;}

.long_tr{width:100%!important;}
.long_tr th{width:15.5%!important; padding-left: 1.75%!important;}
.long_tr td{width:84.5%!important; padding-left: 1.75%!important;}

.de_con04 table tr{width:50%;
				   min-height:54px;
				   float:left;
				   background:#EFEFEF;}

.de_con04 table tr th{
					  width:31%;
					  padding-left: 3.5%;
					  min-height:54px;
					  float:left;
					  border-top:1px solid #cecece;
					  }

.de_con04 table tr th p{width:100%;
					  padding-top:20px;
					  font-size:14px;}
.de_con04 table tr td p{
					  width:100%;
					  padding:20px 0;
					  font-size:14px;
                                          overflow:hidden;
					  }

.de_con04 table tr td{
					  width:69%;
					  min-height:54px;
					  padding-left: 3.5%; padding-right:3.5%;
					  float:right;
					  border-left:1px solid #cecece;
					  border-right:1px solid #cecece;
					  border-top:1px solid #cecece;
					  background:#fff;
					  }


				
.de_con04 div{float:right;
			  width:151px;
			  height:31px;
			  border:1px solid #000;
			  display:inline-block;
			  /*margin-bottom:7px;*/ margin-top:-7px;
			  background:#fff;
			  }
.de_con04 div a{width:149px;
				height:29px;
				text-align:center;
				display:table-cell;
				vertical-align:middle;
				font-size:13px;
				position:relative;
				padding-left:15px;
				}
.de_con04 div a img{position:absolute;
					bottom:6px;
					left:6px;}


.de_con05{width:100%;
		  float:left;
          margin-bottom:119px;}
.de_con05 h3{display:inline-block;
			 width:auto;
			 }
.de_con05 table{width:100%;
				float:left;}

.de_con05 table tr{width:33.3%;
				   height:54px;
				   float:left;}

.de_con05 table tr th{
					  width:35%;
					  padding-left:4.6%;
					  height:54px;
					  float:left;
					  background:#EFEFEF;
					  border-left:1px solid #cecece;
					  border-top:1px solid #cecece;
					  border-bottom:1px solid #cecece;
					  }
.de_con05 table tr:last-child td{border-right:1px solid #cecece;}

.de_con05 table tr th p{width:100%;
					  height:54px;
					  display:table-cell;
					  vertical-align:middle;
					  font-size:14px;}
.de_con05 table tr td p{width:100%;
					  height:54px;
					  display:table-cell;
					  vertical-align:middle;
					  font-size:14px;}

.de_con05 table tr td{
					  width:65%;
					  height:54px;
					  padding-left:4.6%;
					  float:right;
					  background:#fff;
					  border-left:1px solid #cecece;
					  border-top:1px solid #cecece;
					  border-bottom:1px solid #cecece;
					 
					  }

/*line-공통*/

.group_botline{
			   height: 0px;
			   width:100%;
			   float:left;
			   margin-top:80px;
			   text-indent:-9999px;
			   }

.title_a{margin-left:0px;
           padding-right:0px!important;
           font-size:13px!important;
           font-weight:bold;}


.on_bold{font-weight:bold;}


/*---------------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width:961px){
.sns_top a img.sns_on {
	display: none;
}
.sns_top a img.sns_off {
	display: inline;
}
.sns_top a:hover img.sns_on {
	display: inline;
}
.sns_top a:hover img.sns_off {
	display: none;
}

}

@media screen and (min-width:1291px){
#buttonList li:nth-child(11){margin-right:0px;}
#brandVisual li { position:absolute;
				  width:100%;
				  height:500px;
				  text-indent:-9999px; background-size:100%!important;
				  background-repeat:no-repeat!important;
                                  background-position:15%!important;
				  /*background-position:center 15%!important;*/}
}
/*media query*/

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

.group_header div{width:92%;}
.conwrap{width:92%;
		 margin:0 auto;}

.de_con01{width:100%;
		  float:left;
          height:auto;
		  }

.slidewrap{width:100%;
		   height:511px;
		   margin-right:0%;
		   float:left;
		   }

.slide { width:100%;
		 position:relative;}

#wrap{position:absolute;
	  width:100%;
	  }

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

#brandVisual ul { position:relative;
				  float:left;
				  width:100%;
				  height:511px;}

#brandVisual li { position:absolute;
				  width:100%;
				  height:511px;
				  text-indent:-9999px;
				  background:url('/images/detail_0.png');
				  background-repeat:no-repeat;
				  background-position:center 0;}


#buttonList{
			width:100%;
			/*height:71px;*/
			float:left;
			}
#buttonList li{width:11%; margin-bottom:1%;}

/*slide-end*/


.de_slide_txt{width:100%;
			  /*height:350px;*/
                          height:auto;
			  float:left;
			  border:1px solid #c6c6c6;
			  padding:40px;
			  margin-right:1%;
			  margin-top:0px;
			  text-align:center;}


.de_slide_txt h2{font-size:25px;
				 text-align:center;}


.de_slide_txt h2 p{text-align:center!important;}


.slide_p2{font-size:19px;}
.slide_p3{font-size:16px;
		  color:#696969;}

.de_slide_txt span{display:block;
				   width:29px;
				   height:3px;
				   background:#000;
				   text-indent:-9999px;
				   margin:30px auto;}


.de_sns{width:100%;
		margin-top:10px;
		height:41px;
		float:left;
		position:relative;}

.sns_top{width:50%!important;
		 float:left;}

.sns_top a{width:auto;
		   float:left;
		   padding:0 6px;
		   border-right:1px solid #c6c6c6;
		   border-bottom:0px solid #c6c6c6;
		   }

.sns_top a:last-child{border-right:0px solid #fff;}



.sns_bot{width:auto!important;
		 float:right!important;
		 position:relative!important;
		 text-align:center;}

.sns_bot a img{text-align:center;}
.sns_bot a{float:left;
		   margin-left:5px;
		   margin-top:0px;}





}

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

#buttonList{
			width:92%;
			/*height:71px;*/
			float:none;
			margin:0 auto;
			}
#buttonList li{width:23.6%;
			   margin-bottom:2%;}
#buttonList li:nth-child(4){margin-right:0%;}
#buttonList li:nth-child(8){margin-right:0%;}
#buttonList li:nth-child(12){margin-right:0%;}
#buttonList li:nth-child(16){margin-right:0%;}
#buttonList li:nth-child(20){margin-right:0%;}

}

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

#buttonList{
			width:100%;
			/*height:71px;*/
			float:none;
			margin:0 auto;
			}
#buttonList li{width:31.9%;
			   margin-bottom:2%;}
#buttonList li:last-child{margin-right:6px;}
#buttonList li:nth-child(3){margin-right:0%;}
#buttonList li:nth-child(6){margin-right:0%;}
#buttonList li:nth-child(9){margin-right:0%;}
#buttonList li:nth-child(12){margin-right:0%;}
#buttonList li:nth-child(15){margin-right:0%;}

}

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

.sns_top a img.sns_on {
	display: none;
}
.sns_top a img.sns_off {
	display: inline;
}


.title_a{margin-left:0px;
           padding-right:0px!important;
           font-size:13px!important;
           font-weight:bold;}
#leftmenu{display:none;}
#leftmenu_mo{display:block;}
.group_header{margin-bottom:14px;
			  background-position:40%;}
.group_header div{width:92%;}
.group_header h2{font-size:30px;
				 margin-top:54px;
				 margin-bottom:16px;
				 }
.group_header p{font-size:12px;}


.mobile{display:block!important;
		color:#3e3e3e!important;
		margin-right:17px;}

.left-sub{height:auto!important;
		  position:relative;
		  width:100%!important;
		  z-index:10;}
.left-sub div a{text-align:left!important;
				width:100%;
				margin-left:10%!important;}

.group_left_con{width:100%;
				float:none;
				margin:0 auto!important;
				}

.left_li{width:/*88px*/49%!important;
				   height:36px!important;
				   border-bottom:0px solid #fff!important;
				   margin-right:2%!important;
				   margin-bottom:2%;
				   }
.left_li:last-child{margin-right:0!important;}
.left_li a{width:1%!important;
					 height:36px!important;
					 font-size:12px;
					 }

.group_left_con li span{display:none;}

.left_li:hover{border:1px solid #be0445!important;}

.group_left_con li a{text-align:center;
					 padding:0!important;
					 }
.group_sub_menu div a{font-size:11px;}
.group_sub_menu div p{font-size:13px; padding:0; margin-left:10%;}




.group_right_con{width:100%;
				 margin-top:4px;
				 }


/*160118*/
.de_con02a,.de_con02b{margin-top:50px;} 
.de_con02a ul li,.de_con02b ul li{height:50px;}
.de_con02a ul li a,.de_con02b ul li a{font-size:14px;height:50px;}
.de_con02a ul li a img,.de_con02b ul li a img{margin-right:5px;}

/*160118*/
.topline div{width:96%;
			 margin-left:4%;}

h3{padding-left:4%;}

.conwrap{width:100%;
		 float:left;}

.container{width:92%;}

.de_con01{width:100%;
		  float:left;
		  margin-top:0px;
		  /*height:300px;
		  margin-bottom:400px;*/
                  height:auto!important;
		  }

.slidewrap{width:100%;
		   height:311px;
		   margin-right:0%;
		   float:left;
		   margin-bottom:10px;
		   }

.slide { width:100%;
		 margin:0 auto;
		 height:300px;
		 position:relative;}

#wrap{position:absolute;
	  width:100%;
	  height:300px;
	  }

#brandVisual { position:relative;
			   width:100%;
			   min-width:100%;
			   margin:0 auto;
			   overflow:hidden;
			   height:311px;
			   background:#fff;
			   }

#brandVisual ul { position:relative;
				  float:left;
				  width:100%;
				  height:311px;}

#brandVisual li { height:311px;
                        background-position:center!important;
				  background-size:260px!important;}


/*slide-end*/


.de_slide_txt{width:100%;
			  /*height:320px;*/
              height:auto;
			  padding:5% 4%;
			  margin:0;
			  text-align:center;}

.de_slide_txt h2{font-size:25px;
				 text-align:center;}

.de_slide_txt h2 p{text-align:center!important;}

.slide_p2{font-size:16px;}
.slide_p3{font-size:14px;
		  color:#696969;}

.de_slide_txt span{display:block;
				   width:29px;
				   height:3px;
				   background:#000;
				   text-indent:-9999px;
				   margin:30px auto;}


.de_sns{width:100%;
		margin-top:10px;
		height:41px;
		float:left;
		position:relative;
		margin-bottom:33px;}

.sns_top{width:55%!important;
		 float:left;
		 margin-left:4%;}

.sns_top a{width:25%;
		   float:left;
		   text-align:center;
		   padding:0 6px;
		   border-right:1px solid #c6c6c6;
		   border-bottom:0px solid #c6c6c6;
		   }

.sns_top a:last-child{border-right:0px solid #fff;}
.sns_top a:first-child{text-align:left;}


.sns_bot{width:35%!important;
		 float:right!important;
		 position:relative!important;
		 text-align:center;
		 margin-right:4%;
		 margin-top:5px;}

.sns_bot a img{text-align:center;width:49px;}
.sns_bot a{float:left;
		   width:46%;
		   margin:0 2%!important;
		   margin-top:0px;}





.de_con02 div ul{width:70%;}
.de_con02 div ul li a{font-size:13px;}


.long_tr th{width:35%!important;padding-left: 4%!important;}
.long_tr td{width:65%!important;padding-left: 4%!important;}


.de_con04{margin-top:60px; margin-bottom:0px;}

/*.de_con04 table tr{width:100%; min-height:35px;}
.de_con04 table tr th{width:35%; padding-left:4%; min-height:35px;}

.de_con04 table tr th p{font-size:12px;min-height:35px; padding-top:11px;}

.de_con04 table tr td p{font-size:12px;min-height:35px; padding:11px 0;}
.de_con04 table tr th p span{display:block;
							 font-size:11px;}
.de_con04 table tr td span{display:block;}

.de_con04 table tr td{width:65%; padding:0 4%; min-height:35px;}*/

.de_con04{margin-top:60px; margin-bottom:0px;}

.de_con04 table tr{width:100%; height:100%;}
.de_con04 table tr th{width:35%; padding-left:4%; height:100%;}

.de_con04 table tr th p{font-size:12px;min-height:100%;display:table-cell; vertical-align:middle;}

.de_con04 table tr td p{font-size:12px;min-height:100%; display:table-cell; vertical-align:middle;}
.de_con04 table tr th p span{display:block;
							 font-size:11px;}
.de_con04 table tr td span{display:block;}

.de_con04 table tr td{width:65%; padding:0 4%; height:100%;}

.de_con05{margin-top:60px; margin-bottom:60px!important;}

.de_con05 table tr{width:100%;height: 100%;}
.de_con05 table tr th{width:35%;padding-left:4%;height: 100%;}
.de_con05 table tr th p{font-size:12px;min-height: 100%;}
.de_con05 table tr th{border-left:1px solid #cecece;border-top:0px; solid #fff;}
.de_con05 table tr td{border-right:1px solid #cecece;border-top:0px; solid #fff;}
.de_con05 table tr:first-child th,.de_con05 table tr:first-child td{border-top:1px solid #cecece;}

.de_con05 table tr td p{font-size:12px;min-height: 100%;}
.de_con05 table tr td{width:65%;padding-left:4%;height: 100%;}


#top_btn a{margin-right:4%;}
.group_botline{margin-top:10px;}
}

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

.sns_top a img.sns_on {
	display: none;
}
.sns_top a img.sns_off {
	display: inline;
}


#de_con04_p{padding:55px 0 0 0;}
#leftmenu{display:none;}
#leftmenu_mo{display:block;}

.group_header{margin-bottom:24px;
			  background-position:40%;}
.group_header div{width:92%;}
.group_header h2{font-size:44px;
				 color:#fff;
				 font-family:'NanumBarunGothicOTF';
				 font-weight:500;
				 margin-top:65px;
				 }

.group_left_con{width:100%;
				float:left;
				}

.group_left_con>ul>li{width:49.5%!important;
				   height:45px!important;
				   border-bottom:0px solid #fff!important;
				   margin-right:1%!important;
				   margin-bottom:11px;
				   }

.group_sub_menu{width:100%!important;}

.group_left_con li:last-child{margin-right:0px!important;}

.group_left_con li span{display:none;}

.left_li:hover{border:1px solid #be0445!important;}

.group_left_con li a{text-align:center;
					 padding:0!important;
					 }


.mobile{display:block!important;
		color:#3e3e3e!important;
		margin-right:17px;}

.left-sub{height:auto!important;
		  position:relative;
		  z-index:10;}
.left-sub div a{text-align:left;
		     padding-left:35px!important;}
#title_a{padding-left:20px!important;}


.group_right_con{width:100%;
				 margin-top:13px;
				 }


/*160118*/

.de_con02a ul li a,.de_con02b ul li a{font-size:15px;}
.de_con02a,.de_con02b{margin-top:40px;}

/*160118*/
.conwrap{width:92%;}

.de_con01{width:100%;
		  float:left;
		  /*height:581px;
		  margin-bottom:380px;*/
                  height:auto!important;
		  }

.slidewrap{width:100%;
		   height:511px;
		   margin-right:0%;
		   float:left;
		   }

.slide { width:100%;
		 position:relative;}

#wrap{position:absolute;
	  width:100%;
	  }

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

#brandVisual ul { position:relative;
				  float:left;
				  width:100%;
				  height:511px;}

#brandVisual li { position:absolute;
				  width:100%;
				  height:511px;
				  text-indent:-9999px;
				  background:url('/images/detail_0.png');
				  background-repeat:no-repeat;
				  background-position:center 0;}

#buttonList{
			width:100%;
			/*height:71px;*/
			float:left;
			}
#buttonList li{width:13%; margin-bottom:1%;}

/*slide-end*/


.de_slide_txt{width:100%;
			  /*height:350px;*/
                          height:auto;
			  float:left;
			  border:1px solid #c6c6c6;
			  padding:40px;
			  margin-right:1%;
			  margin-top:0px;
			  text-align:center;}

.de_slide_txt h2{font-size:25px;
				 text-align:center;}


.de_slide_txt h2 p{text-align:center!important;}


.slide_p2{font-size:19px;}
.slide_p3{font-size:16px;
		  color:#696969;}

.de_slide_txt span{display:block;
				   width:29px;
				   height:3px;
				   background:#000;
				   text-indent:-9999px;
				   margin:30px auto;}


.de_sns{width:100%;
		margin-top:10px;
		height:41px;
		float:left;
		position:relative;}

.sns_top{width:50%!important;
		 float:left;}

.sns_top a{width:auto;
		   float:left;
		   padding:0 6px;
		   border-right:1px solid #c6c6c6;
		   border-bottom:0px solid #c6c6c6;
		   }

.sns_top a:last-child{border-right:0px solid #fff;}



.sns_bot{width:auto!important;
		 float:right!important;
		 position:relative!important;
		 text-align:center;}

.sns_bot a img{text-align:center;}
.sns_bot a{float:left;
		   margin-left:5px;
		   margin-top:0px;}





.de_con02 div ul{width:50%;}
.de_con02 div ul li a{font-size:14px;}

.long_tr th{width:33%!important;padding-left: 4%!important;}
.long_tr td{width:67%!important;padding-left: 4%!important;}

.de_con04{margin-bottom:0px;}
.de_con04 table tr{width:100%;}
.de_con04 table tr th{width:33%;padding-left: 4%;}

.de_con04 table tr th p{font-size:13px;}

.de_con04 table tr td p{font-size:13px;}
.de_con04 table tr th p span{display:block;
							 font-size:11px;}
.de_con04 table tr td span{display:block;}

.de_con04 table tr td{width:67%;padding-left: 4%;}

.de_con05{margin-top:33px;}
.de_con05 table tr{width:100%;}
.de_con05 table tr th{width:33%;padding-left: 4%;border-left:1px solid #cecece;border-top:0px; solid #fff;}
.de_con05 table tr td{width:67%;padding-left: 4%;border-right:1px solid #cecece;border-top:0px; solid #fff;}
.de_con05 table tr:first-child th,.de_con05 table tr:first-child td{border-top:1px solid #cecece;}
.de_con05 table tr th p{font-size:13px;}
.de_con05 table tr td p{font-size:13px;}

}