/*---------------------------------------------------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;
						}



/*---------------------------------------------------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----------------------------------------------------------------------------------------*/








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



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

.guest_title{width:100%;
			 height:286px;
			 float:left;
			 text-align:center;
			 background:url('/images/bg5.jpg');
			 background-size:cover;
			 background-repeat:no-repeat;
			 background-position:20% 20%;
			 }

.guest_title h2{font-size:44px;
				width:1%;
				height:286px;
				display:table-cell;
				vertical-align:middle;
				}

.background-none{background:none!important;}

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

.con01 h3{font-size:15px;
		  font-weight:bold;
		  padding-bottom:11px;
		  margin-top:40px;
		  border-bottom:2px solid #4c4c4c;
		  }

.slide_wrap{width:100%;
			float:left;
			height:470px;
			position:relative;}

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


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

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

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

#brandVisual li { position:absolute;
				  width:100%;
				  height:470px;
				  background:url('/images/register_slide01.png');
				  background-repeat: no-repeat;
				  }
#brandVisual li a{width:100%;
				  height:100%;
				  float:left;
				  text-indent:-9999px;}


#brandVisual .visual_0 { left:0px; }
#brandVisual .visual_1 { left:100%; }
#brandVisual .visual_2 { left:200%; }


#buttonList{width:105px;margin:0 auto;margin-top:-100px;}
#buttonList:after {content:""; display:block; clear:both;}
#buttonList li{ background:url("images/slidebtn.png") center -29px no-repeat; width:30px; height:30px;
				float:left;position:relative;overflow:hidden; margin:0 2.5px; cursor:pointer;
				opacity:1;}
#buttonList li.on { background-position:0 0px;
					opacity:1;}
#buttonList li a {display:block;text-indent:-9999px}


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

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

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

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

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



.con02{width:100%;
	   float:left;
	   margin-top:102px;t
	   }

.con02 h3{font-size:15px;
		  font-weight:bold;
		  margin-bottom:17px;
		  }

.con02_list{width:100%;
			height:151px;
			float:left;
			background:#fafafa;
			border:2px solid #be0445;
			}

.con02_list ul{width:100%;
			   float:left;
			   padding:40px 0%;
			   }
.con02_list ul li{width:25%;
				  height:151px;
				  float:left;
				  position:relative;
				  padding:0 4.5%;
				  }
.con02_list ul li img{float:left;
					  margin-right:15%;
					  }

.con02_list ul li p{font-size:16px;}

.con02_list ul li span{display:block;
					   font-weight:bold;
					   }

.list_arrow{font-size:29px!important;
			position:absolute;
			right:0;
			top:10px;
			}

.tab{width:100%;
	 float:left;
	 margin-top:16px;
	 background:#fafafa;
	 height:302px;
	 }



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

.tab01 .wrap{margin:0 auto;
			 display:table-cell;
			 width:40%;
			 text-align:center;
			 vertical-align:middle;
			 height:302px;
			 }

.tab01 .wrap div{display:inline-block;}

.tab01 .wrap div img{float:left;
					 margin-right:30px;
					 }

.tab01 .wrap p{display:inline-block;
			   font-size:14px;
			   color:#4a4a4a;
			   }
.tab01 .wrap a{display:block;
			   width:115px;
			   height:31px;
			   background:#4a4a4a;
			   border:1px solid #252525;
			   margin-top:13px;
			   }

.tab01 .wrap a span{width:115px;
					height:31px;
					text-align:center;
					vertical-align:middle;
					display:table-cell;
					color:#fff;}


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

.tab02 .wrap{margin:0 auto;
			 display:table-cell;
			 width:1%;
			 text-align:center;
			 vertical-align:middle;
			 height:302px;
			 }

.tab02 form{width:59%;
			border-bottom:1px solid #e1e1e1;
			margin:0 auto;
			display:inline-block;
			position:relative;
			padding-bottom:28px;
			}

.tab02 form ul li{float:left;
				  margin-right:4px;
				  }

.tab02 form input{width:26px;
				  height:32px;
				  text-align:center;
				  }

.tab02 .wrap div{display:inline-block;
				 text-align:left!important;
				 float:left;
				 }

.tab02 .wrap div img{float:left;
					 margin-right:30px;
					 }

.tab02 form ul{float:left;
			   margin-bottom:7px;
			   margin-top:6px;
			   }

.tab02 form ul li a{display:block;
					float:right;
					margin-top:0px!important;
				   width:115px!important;
				   height:31px!important;
				   background:#4a4a4a!important;
				   border:1px solid #252525!important;
				   margin-left:13px!important;
				   }

.tab02 form ul li a span{width:115px!important;
						height:31px!important;
						text-align:center!important;
						vertical-align:middle!important;
						display:table-cell!important;
						color:#fff!important;}

.tab02_title{font-size:14px;
			 font-weight:bold;
			 text-align:left;
			 }
.tab02_p{text-align:left;
		 font-size:12px;
		 color:#7b7a7a;
		 }

.tab02_line{font-size:16px;
			color:#e1e1e1;
			padding-top:7px;
			}

.tab02 .wrap a{display:block;
			   width:151px;
			   height:41px;
			   background:#c70c47;
			   border:1px solid #b40039;
			   margin:20px auto;
			   margin-bottom:0px!important;
			   }

.tab02 .wrap a span{width:151px;
					height:41px;
					text-align:center;
					vertical-align:middle;
					display:table-cell;
					color:#fff;}




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

.tab03 .wrap{margin:0 auto;
			 display:table-cell;
			 width:1%;
			 text-align:center;
			 vertical-align:middle;
			 height:302px;
			 }

.tab03 form{width:59%;
			border-bottom:1px solid #e1e1e1;
			margin:0 auto;
			display:inline-block;
			position:relative;
			padding-bottom:28px;
			}

.tab03 .wrap div{margin-right:30px;
				 float:left;
				 }

.tab03 .wrap div img{float:left;
					 }

.tab03 select{font-size:14px;
	   color:#4a4a4a;
	   font-family:"NanumBarunGothic"; 
	   }
#step3_01{width:26.3%;float:left;margin-right:3%;height:36px;margin-top:20px;}
#step3_02{width:26.3%;float:left;margin-right:3%;height:36px;margin-top:20px;}
#step3_03{width:26.3%;float:left;height:36px;margin-top:20px;color:#4a4a4a!important;}

.tab03 .wrap a{display:block;
			   width:151px;
			   height:41px;
			   background:#c70c47;
			   border:1px solid #b40039;
			   margin-top:20px!important;
			   margin:0 auto;
			   }

.tab03 .wrap a span{width:151px;
					height:41px;
					text-align:center;
					vertical-align:middle;
					display:table-cell;
					color:#fff;}



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

.tab04 .wrap{margin:0 auto;
			 display:table-cell;
			 width:25%;
			 text-align:center;
			 vertical-align:middle;
			 height:302px;
			 }

.tab04 .wrap div{display:inline-block;}

.tab04 .wrap div img{float:left;
					 margin-right:30px;
					 }

.tab04 .wrap p{display:inline-block;
			   font-size:14px;
			   color:#4a4a4a;
			   }

.tab04 .wrap a{display:block;
			   width:151px;
			   height:41px;
			   background:#c70c47;
			   border:1px solid #b40039;
			   margin-top:13px;
			   }

.tab04 .wrap a span{width:151px;
					height:41px;
					text-align:center;
					vertical-align:middle;
					display:table-cell;
					color:#fff;}




/*line-怨듯넻*/

.group_botline{width:100%;
			   float:left;
			   margin-top:113px;
			  /* border-top:1px solid #c4c4c4;*/
			   text-indent:-9999px;
			   }



.on_bold{font-weight:bold;}




input{cursor:pointer}

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



/*media query*/









@media screen and (min-width:320px) and (max-width:660px) {
.container{margin-top:-30px!important;}

.guest_contents{margin-top:80px;}
.guest_wrap{width:100%;
			margin:0 auto;}

.guest_title{height:98px;}
.guest_title h2{height:98px;
				font-size:25px;}

.title{padding-left:4%;}
.slide_wrap {width:100%;
			 margin:0 auto;
			 height:300px;}

/*�뒳�씪�씠�뱶*/
.slide{height:270px;}

#wrap {height:270px;}

#brandVisual {height:270px;}

#brandVisual ul {height:270px;}

#brandVisual li { height:270px;
				  background-size:cover;
				  background-position:24%;
				  }

.buttonList{top:130px!important;}



.tab03 form{width:92%;}

.tab03 .wrap div{
				 margin:0!important;
				 width:100%!important;
				 text-align:center!important;
				 }

.tab03 .wrap div img{
					 margin:0 auto!important;
					 display:block!important;
					 float:none!important;
					 }
#step3_01,#step3_02,#step3_03{width:32%; margin-right:1%;}




.tab04 .wrap{
			 padding:0 4%;
			 }

.tab04 .wrap div{
				 margin:0!important;
				 width:100%!important;
				 text-align:center!important;
				 }

.tab04 .wrap div img{
					 margin:0 auto!important;
					 display:block!important;
					 float:none!important;
					 }


.tab04 .wrap p {text-align:center!important;
				width:100%;
				margin-top:10px;
				}
.tab04 .wrap a{margin:10px auto;}



.tab01 .wrap{
			 padding:0 4%;
			 }

.tab01 .wrap div{
				 margin:0!important;
				 width:100%!important;
				 text-align:center!important;
				 }

.tab01 .wrap div img{
					 margin:0 auto!important;
					 display:block!important;
					 float:none!important;
					 }


.tab01 .wrap p {text-align:center!important;
				width:100%;
				margin-top:10px;
				}
.tab01 .wrap a{margin:10px auto;}

.con02{margin-top:0px;}

.con02_list{height:100px;}
.con02_list ul{height:100px!important;
			   padding:0px;
			   padding-top:13px;}

.con02_list ul li{width:24%!important;
				  height:71px;
				  float:left;
				  position:relative;
				  padding:0%;
				  text-align:center;
				  }

.con02_list ul li:nth-child(2){width:28%!important;}

.list_arrow{font-size:11px!important;
			width:11px!important;
			float:none;
			top:25px;}

.con02_list ul li img{
					  height:30px;
					  float:none;
					  margin:0 auto;
					  margin-right:0%;
					  }

.con02_list ul li p{font-size:10px;
					text-align:center;
					float:left;
					width:100%;
					}

.tab02{height:360px;
	   background:#fafafa;}

.tab02 form{width:290px;
			margin:0 auto;}
.tab02_title{text-align:center!important;
			 margin:5px 0!important;}
.tab02_p{width:100%!important;
		 clear:both;}

.tab02 form ul li a{float:none!important;
					margin:0 auto!important;}
.tab02 .wrap div{
				 margin:0;
				 width:100%;
				 text-align:center;
				 }
.tab02 .wrap div img{
					 margin:10px auto;
					 display:block;
					 float:none;
					 }
.tab02 form input{margin-top:3px;
				  display:inline-block;}

.tab02 form ul{width:290px;
			   display:block!important;
			   float:none!important;
			   clear:both!important;
			   margin:0 auto!important;
			   }
.tab02 form ul li:nth-child(10){display:none!important;}
.tab02 form ul li{width:11%; margin:0; float:left;}

.tab02 form ul li a{margin-left:87.5px!important;
					margin-top:10px!important;}
.tab02_p{padding-top:10px!important;}

h3{padding-left:4%;}

}



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

.guest_wrap{width:92%;}
.guest_contents{margin-top:80px;}

.guest_title{height:108px;}
.guest_title h2{height:108px;
				font-size:28px;}
.guest_contents{margin-top:0px;}

/*�뒳�씪�씠�뱶*/

.slide_wrap {width:100%;
			 margin:0 auto;
			 height:300px;}

.slide{height:270px;}

#wrap {height:270px;}

#brandVisual {height:270px;}

#brandVisual ul {height:270px;}

#brandVisual li { height:270px;
				  background-size:cover;}


.buttonList{top:130px!important;}


.con02{margin-top:0px!important;}


.con02_list ul{height:151px!important;
			   padding:0px;
			   padding-top:20px;}

.con02_list ul li{width:25%!important;
				  height:71px;
				  float:left;
				  position:relative;
				  padding:0%;
				  text-align:center;
				  }

.list_arrow{
			width:13px!important;
			float:none;
			top:50px;}

.con02_list ul li img{
					  float:none;
					  margin:0 auto;
					  margin-right:0%;
					  }

.con02_list ul li p{font-size:13px;
					text-align:center;
					float:left;
					width:100%;
					}



.tab01 .wrap{
			 padding:0 4%;
			 }

.tab01 .wrap div{
				 margin:0!important;
				 width:100%!important;
				 text-align:center!important;
				 }

.tab01 .wrap div img{
					 margin:0 auto!important;
					 display:block!important;
					 float:none!important;
					 }


.tab01 .wrap p {text-align:center!important;
				width:100%;
				margin-top:10px;
				}
.tab01 .wrap a{margin:10px auto;}

.tab03 form{width:90%;}
#step3_01,#step3_02,#step3_03{width:25.5%;}



.tab04 .wrap{
			 padding:0 4%;
			 }

.tab04 .wrap div{
				 margin:0!important;
				 width:100%!important;
				 text-align:center!important;
				 }

.tab04 .wrap div img{
					 margin:0 auto!important;
					 display:block!important;
					 float:none!important;
					 }


.tab04 .wrap p {text-align:center!important;
				width:100%;
				margin-top:10px;
				}
.tab04 .wrap a{margin:10px auto;}


.tab02 .wrap form{width:580px!important;
				  margin:0 auto!important;
				  } 
			   
.tab02 form ul li a{float:none!important;
					margin:0!important;
					width:60px!important;
					}

.tab02 form ul li:last-child{margin:0px!important;}


.tab02 form input{width:19.5px;
				  height:32px;
				  text-align:center;
				  }
}



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



.container{width:100%;overflow:hidden;}
.guest_contents{margin-top:52px;}
.guest_search>form legend{font-size:13px;
						  line-height:3.8em;}


.con02_list ul{height:151px!important;
			   padding:0px;
			   padding-top:20px;}

.con02_list ul li{width:25%!important;
				  height:71px;
				  float:left;
				  position:relative;
				  padding:0%;
				  text-align:center;
				  }

.con02{margin-top:0px;}



.list_arrow{
			width:13px!important;
			float:none;
			top:50px;}

.con02_list ul li img{
					  float:none;
					  margin:0 auto;
					  margin-right:0%;
					  }

.con02_list ul li p{font-size:13px;
					text-align:center;
					float:left;
					width:100%;
					}



.tab02 .wrap form{width:580px!important;
				  margin:0 auto!important;
				  } 
			   
.tab02 form ul li a{float:none!important;
					margin:0!important;
					width:60px!important;
					}

.tab02 form ul li:last-child{margin:0px!important;}


.tab02 form input{width:19.5px;
				  height:32px;
				  text-align:center;
				  }

}


@media screen and (min-width:961px) and (max-width:1492px) {
.tab03 form{width:90%;}
#step3_01,#step3_02,#step3_03{width:25%;}
}





@media screen and (min-width:1273px) and (max-width:1864px) {


.con02_list ul li{width:25%;
				  height:151px;
				  float:left;
				  position:relative;
				  padding:0 3.5%;
				  }



.con02_list ul li:nth-child(2){padding-right:5%!important;
							 padding-left:2%!important;}

.con02_list ul li:nth-child(3){padding-right:2%!important;
							 padding-left:5%!important;}


.con02_list ul li:last-child{padding-right:0%!important;
							 padding-left:7%!important;}



.con02_list ul li img{float:left;
					  margin-right:4%;
					  }

.con02_list ul li p{font-size:13px;
					float:left;}


.tab02 form{width:756px;
			margin:0 auto;
			}

}

.font_red{color:#be0445;}