@charset "utf-8";
/* CSS Document */


/*  basic  */

html, body {
	width:100%;
	margin:0;
	padding:0;}

body {
	scrollbar-3dlight-color:#ccc;
	scrollbar-arrow-color:#666;
	scrollbar-base-color:#eee;
	scrollbar-darkshadow-color:#aaa;
	scrollbar-face-color:#dfdfdf;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#dfdfdf;
	color:#414141;
	background-color:#fff;
	font-family:"나눔 고딕","돋움", dotum, tahoma, monospace;
	line-height:20px;
	font-size:9pt;
	/* overflow-x: hidden;* /
	
}
* html body {	/*font size hack */
	font-size:9pt;
	height: 100%;
}
div, td, ul, li, ol, dl, dt, dd, p {
	color:#333;
	font-family:"나눔고딕",Nanum Gothic, "돋움", Dotum, tahoma, san-serif;
	line-height:20px;
	font-size:9pt;
	padding:0px;
	margin:0px;
}
td			{font-family:"나눔고딕",Nanum Gothic, "돋움", Dotum, tahoma, san-serif;}
dl, dt, dd	{line-height:0;}
li			{list-style:none; float:left;}
table		{border-collapse:collapse;table-layout:fixed;}
caption		{display:none;}

/* h1, h2, h3, h4 {padding:0px; margin:0px; color:#333; clear:both;}
h1	{font-size:16pt;}
h2	{font-size:10pt;}
h3	{font-size:9pt;}
h4	{font-size:8pt;}
hr	{width:98%; padding:0; margin:0; border:none; border-top:solid 1px #ccc;}

img	{border:none;vertical-align:middle;}
table{width:100%;} */
img	{border:none;vertical-align:middle;}
/********************************************************************************************************/
/*link*/
a			{padding:0; margin:0;line-height:normal;}
a:active 	{color: #444444; text-decoration: none;}
a:link 		{color: #444444; text-decoration: none;}
a:visited 	{color: #444444; text-decoration: none;}
a:hover 	{color: #ff9620; text-decoration: none;}
/********************************************************************************************************/

/*form*/
form	{margin:0; }
input {
	font-family: "나눔고딕",Nanum Gothic, "돋움", dotum, tahoma, san-serif; font-size:9pt; color: #666;
	padding:0px; margin:0px; 
	height: 28px;	*height: auto; line-height:28px; 
	border:1px solid #ccc;
	background-color:#fff;
	/* vertical-align:top; */
	vertical-align:middle;
	
}
button{
	font-family:"나눔고딕", Nanum Gothic, "굴림", Gullim, tahoma, san-serif; font-size: 8pt; color: #444;
	border:none; 
	cursor:pointer;_cursor:hand;
	background-color:transparent;
	overflow:visible !important; /*ie6,7 padding bug hack*/
	vertical-align:top;
	margin:0; padding:0;
}
select {
	font-family: "돋움", dotum, tahoma, san-serif; font-size:9pt;
	padding:0px; margin:0px;
	line-height:30px; vertical-align:top;
	background-color:#fff;
	height: 30px;
	*height: auto;
	border-radius: 0;
	border: 1px solid #ccc;
}
textarea {
	background-color: #fff;
	font-family: "돋움", dotum, tahoma, san-serif; font-size:9pt; color:#666; line-height:20px;
	width: 97%; padding:0;
	border:1px solid #ccc;
	ime-mode:active; /*only IE*/
}


/*******************************************************************************************************/


html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;	
}
#wrap {
	width: 100%;
	min-height: 100%;
	 margin: 0 0 -70px 0;
	border-top:5px solid #8a569e;	
	background:url(../image/bg.jpg) center repeat;

}
	
* html #wrap {
	height: 100%;
}

#header {
	overflow: hidden;
	margin:auto;
	text-align:center;
}

#content{
	margin: 10px 1%;
}



#content h2{
	  border:none;	
	  font-size:26px;	 
	    line-height: 28px; 
	  font-weight:600;
	  padding:40px 0 15px 10px;
	  color:#c073de;
	  background:url(../image/common/h2_bar.png) repeat-x bottom;
 }

.sub_contents{
	
	padding:20px 10px 0 10px;
}
/******************************************************************************************************

.first{ background:none !important; }
	
.t_center{ text-align:center;}
.t_left{ text-align:left;}
.t_right{ text-align:right;}

.f_left{ float:left;}
.f_right{ float:right;}

.ml0{margin-left:0 !important;}
.mt0{margin-top:0 !important;}
.mb20{ margin-bottom:20px !important;}




.mt7{ margin-top:7px !important; }
.pl0{ padding-left:0 !important;}*/




/* 메뉴     ******************************************************************************************************/

.logo{ position:relative; }
.logo_img{ 
	margin: 18px 0 18px 0; 
	text-align:center; 
}

.tel{
	position:absolute;
	top: 20px; right:1%;
}



.nav{ 	
	display:inline-block;
	width:100%;
	background:#8a569e;
	
}

.nav li{
	width:25%;
	background:url(../image/common/menu_bar.png) left no-repeat;
}

.nav li a{ 
	color:#ffffff; 
	font-size:14px; 
	font-weight:600;line-height:36px; height:36px;
}

.nav li a:hover,
.nav li a.on{ color:#e2bbf1; }



.nav_sub{
	background:#e8e8e8;
	display:inline-block;
	width:100%;
	height:36px;
}
.nav_sub li{ margin-left:15px;}
.nav_sub a{
	color:#666666;
	font-size:12px;
	font-weight:600;
	line-height:36px; height:36px;
}

.nav_sub a:hover,
.nav_sub li a.on{ color:#333; font-weight:bold; }



/*  푸터     ******************************************************************************************************/


#footer {
	width: 100%;	
	overflow: hidden;
	clear: both;
	display: inline-block; 
	background:#0e0e0e;
    margin-top: 20px;
}

#footer p{ 
	color:#858585; 
	text-align:center;
	font-size:11px;
	line-height:25px; height:25px;  
 }


/*   메인     ******************************************************************************************************/

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

.banner li{
	width:50%;
	height:68px;
	margin-top:10px;
	
	
}
.banner li a{ 	
	/* width:96.6%;*/ height:35px;
	display:inline-block;
	font-size:14px; 
	font-weight:600;
	color:#fff;
	padding: 15px 0 5px 15px;
}
.banner li img{
	padding-right:10px;	
}

.banner_1{
	background:url(../image/plus.png)  bottom right no-repeat #704f7d;
}
.banner_1 a span{ color:#d46400 !important;}
.banner_2{ 
	background:url(../image/plus.png)   bottom right no-repeat #836291;
	
}
.banner_2 span{ color:#b91b00 !important;}




/*헤어스타일 div*/
.hair_style{
	/*position:absolute;left:198px;z-index:10;padding-left:10px;*/
	
	bottom:0;	
	padding: 15px 3% 20px 2%;
	width:96%;
}

/*헤어스타일 타이틀 부분과 more 부분*/
.hair_tit, .hair_tit a { color:#fff;}

.hair_tit{ 
	font-size:16px; 
	font-weight:400; 
	margin:10px 0;
}

.hair_tit a{ 
	font-size: 11px; 
	margin-top: 7px;
}

.hair_tit a img{ 
	margin:0 0 3px 5px; 
	
}
/*헤어스타일 내용 부분*/
.hair_style ul {margin:0 auto; text-align:center;}
.hair_style ul li { 
	/* width: 46%;
	 width: 130px;*/
	margin-left:3%; }

.hair_style ul li img{
	/* width:100%; 
	height:100%; */
	 width: 150px;
  height: 150px;
}

.hair_style ul li p {
	text-align:center;
	color:#fffefe; 
	padding:10px 0;}




/***  메인_ 공지사항부분  *****************/


.notice{
	display:inline-block;
	width:95%;
	padding:15px 3% 20px 10px;
}

.notice li{ 
	width:100%; 
}

.notice_tit{
	font-size:16px;
	background:url(../image/common/line.png) repeat-x bottom;
	color:#ffffff;
	padding: 0 0 5px 0;
}

.more{
	font-size:11px;
	color:#444444;
	float:right;
}


.notice_tit a img{
	margin:0 0 0 5px;
}

.notice ul li{
	list-style:url(../image/common/list_style.png);
	position:relative;
	left:10px;
	padding-top:5px; 
}

.notice a{
	line-height:20px;
	color:#898989;
  font-size: 14px;
}


/**  서브 공통   *****************************************************************/

.title{
	color:#fefefe;
	font-size:16px;
	line-height:30px;
}
.title span{
	color:#fefefe;
	font-size:14px;
	margin-left:10px;
}
.about_txt{
	font-size:14px;
	color:#999;
	padding-top:20px;
}



/* LNB 영역 */

 #lnb {
	  text-align: center;
      position: absolute;
      left: 0;
      margin-top: 85px;
     /* width: 100%;*/
	  padding: 0 15px;
  }

  #lnb ul {	 
	  border-radius: 0px;
  }
  #lnb ul li {
	  /* min-width:94px;*/
	  height:30px; line-height:30px;
	  font-size:14px;
	  margin:2px;
	  font-weight:600;
  }
  #lnb ul li a {
	  position: relative;
	  display: block;
	  background: #ffffff;
	  color: #000000;
	  height:30px; line-height:30px;
	  padding: 0 5px;
  }
  #lnb ul li a:hover,
  #lnb ul li a:focus{
	  color: #fff;
	  background:#8a569e;
	  height:30px; line-height:30px;
  }
#lnb ul > li > a.current{	  
  color:#fff; 
  background: url(../images/common/menu_arrow.png) no-repeat center bottom #8a569e !important;
}

  #lnb h2 {
	  border:none;
	  margin:20px 0 15px 18px;
	  font-size:21px;
	  color: #1e739a;
  }
  



/**  브랜드소개  **/

.brand{
	display:block;
	margin: 10px auto;	
}

/**  가맹점가입안내  **/

.academy, .join{
	width:100%;
	border-top:#8a569e 2px solid;	
	margin-top:20px;
}

.academy{ text-align:center; }

.join{ text-align:left; }
.join th, .join td{ padding:0 15px;}

.academy th, .join th{
	background:#f9eaff;
	color:#6f4380;
	font-size:14px;
	font-weight:600;
	border-left:#bfbfbf 1px solid;
}
.academy td, .join td{
	background:#fff;
	color:#666; font-size:14px;
	border-left:#bfbfbf 1px solid;
	padding-top:10px;
	padding-bottom:10px;
}

.academy tr, .join tr{
	height:40px;
	border-bottom:#bfbfbf 1px solid;
}



/**  제휴사, 헤어스타일 이미지 부분   *******************************************

.partner, .all, .small_img, .view_sns{
	display:inline-block;
	width: 46%;
	margin-left:2.5%;
}*/


/**  헤어스타일   *****************************************************************/

.all {width:100%;}
.all_img{
	background:#fff;
	height:100%;
	width:100%;
	border:1px solid #000;
	margin: 10px;
}

.all_img, .all_tit/*, .all_txt */{
	display:block;	
	/* margin-left: 2.5%;*/
	margin-left:0;
}
 .all_tit{
	color:#fff;
	text-align:center;
	font-size:14px;
	line-height:16px;
	margin-top: 5px;
	 /* height:14px;
	padding:0 10px;*/
}/*
.all_tit span{
	font-size:12px;
	float:right;
}
.all_txt{
	color:#999;
	text-align:left;
	line-height:14px; height:30px;
	padding:15px 10px 20px 10px;
}
*/
.all li{/* width:44%; */  width: 125px;  margin: 0 2.5% 2% 2px;}
.all li img, .small_img li img{
	/*width:100%;
	 height:100%;*/
	 
	 width: 125px;
     height: 125px;
}

/**  헤어스타일 뷰   *****************************************************************/

.view_img{ 
	margin-top:10px;
	width:100%; 
	height:100%;
	border:1px solid #000; 
	float:left;
}

.view{ 
	margin-top:10px;	
	display:inline-block;
	margin-left:10px;
}

.view p{
	font-size:14px;
	color:#adadad;
}
.view p span{
	color:#ffffff;
}

.view_sns{ margin:25px 0 11px 0;}
.view_sns li{ margin-right:10px;}

.box{
	clear:both;
	width:97%;
	background:#fff;
	border:1px solid #000;
	color:#666;
	
	padding:20px 10px;
	margin-top:10px;
}
.small_img li{
	background:#fff;
	height:83px;
	width:83px;
	border:1px solid #000;
	margin: 3px 2px;
}



/***   스토어 ***********************/

.search{ 
	text-align:right; 
}

.com_table, .inquire{
	width:100%;
	margin-bottom:20px;
	border-top: #8a569e 2px solid;
	margin-top:10px;
}

.com_table	{background:#ffffff;}
.inquire	{background:#f5f5f5;}
.inquire td input, .inquire td textarea{ width:80%;}
.division{ width:auto !important; margin-left:10px;}
.inquire_input select{ width:16% !important; text-align:center; }
.inquire_input input{ width:25% !important;}
.com_table tr, .inquire tr{ height:40px; }


.inquire th{
	font-size:14px;
	color:#666;
	text-align:left;
	padding: 0 15px;
}
.inquire td{ 
	padding:5px 0;
}

.com_table th{
	color:#6f4380;
	font-size:14px;	
	border-bottom:#bfbfbf 1px solid;
}
	
.com_table td {
	border-bottom:#bfbfbf 1px solid;
	color:#666;
	font-size:13px;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}

.com_txt_point td{ font-weight:600;}

.com_table a{ color:#666666; }


.com_table .com_point{ 
	background:#f9eaff; 
	color:#7b568a;
}

.com_table .data{ text-align:right !important; }
.com_table .data span{margin-left:20px;}
.com_table .com_view{
	text-align:left;
	padding: 20px;}
	
.com_view{ width:100%; min-height:200px;  }
.com_view td{ border-bottom:none !important; padding:20px 0; text-align:left; }



/***   스토어  팝업 ***********************/

.store_view{
	width:100%; height:100%;
	background:#fff;
	margin:0 auto;
	  margin-top: 15px;
}
.popup_tit{
	padding: 25px 0 20px 0;
	font-size:26px;
	font-weight:600;
	color:#fff;
	background:#8a569e;
	text-align:center;
}

.popup_txt{
	font-size:16px;
	color:#666;
	font-weight:600;
	padding:20px 30px 10px 30px;
}
.popup_txt span{ display:block; }

.popup ul{ 
	display:inline-block;
	padding: 0 30px 10px 30px;
}
.popup li{ margin-right:10px; }

.popup iframe{ border:#bfbfbf 1px solid;  margin-left:30px;}




/*    게시판    ******************************************************************************************************/

.qna {background: #ffffff;}
.qna ul{display:inline-block; width:100%; margin-top:10px;}
.qna ul li{ border-bottom:#bfbfbf 1px solid; width:100%; color:#666666; padding: 5px 0;}
.qna ul li span{ margin: 5px 0; display:block; padding-left:2%;}
.qna_tit{  color:#666666; font-size:14px;}
.qna_tit img { margin: 0 2px;}
.qna_txt, .qna_txt_re{ color:#929292;}
.qna_txt_re{ padding-left: 42px;}




notice_view .inquire_table th{ 
	vertical-align: top; 
	text-align:left; 
	font-weight:normal;
	background-color:#fff;}



.notice_view{ border-bottom:#bfbfbf 1px solid;   width: 100%;
  background-color: #fff;
} 
.notice_view th{
	background-color:#f5f5f5;
	height:40px;
}

.notice_view td	{	border-top: #bfbfbf 1px solid;   width: 96%;}


.view01{
	text-align:left;
	line-height:24px;
    padding:20px 10px;
}
.date{
	text-align:right;
	padding:10px 0;
	color:#666666;
	padding-right:3%;
}





/***   페이징   ***********************/

.paging{
	text-align:center;
	margin:0 auto; 
	padding: 30px 0;
	clear: both;
	font-size: 14px;
}
.paging img{ 
	border:#9d9d9d 1px solid; 
}
.paging span{ 
	/* margin: 0 5px ;*/
	margin: 2px 8px;
	color: #fff;
}
.paging_on{ 
	display:inline-block;
	color: #fff;
	background-color:#8a569e;
	padding: 2px 8px;
}




/**   버튼   *****/
.btn_center{
	text-align:center;
	margin-top:20px;
}

.btn_purple_M, .btn_purple_SR, .btn_purple_S, .btn_gray_S{
    color:#fff;
	font-weight:600;
}
.btn_purple_M{

	font-size:16px;	
	padding:10px 15px;
	background:#8a569e;
	border:#7e4594 1px solid;
}

.btn_purple_SR{	
	font-size:12px;
	background:#a88db7;
	border-radius:4px;
	padding:5px 8px;
	float:right;
	right:10px;
}



.btn_purple_S, .btn_gray_S{	
    font-size:13px;
	padding:7px 15px 6px 15px;
	line-height:15px;
}
.btn_purple_S{	
	background:#8a569e;
	border:#7b4092 1px solid;
	
}

.btn_gray_S{	
	background:#444444;
	border:#393939 1px solid;
}


/**   공통  **************************************************/

.pt0{ padding-top:0 !important;}
.pt10{ padding-top:10px !important; }

.mt10{ margin-top:10px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}

.t_center{text-align:center;}
.bl_none{ border-left:none !important;}

.f_right{ float:right; }	

.f20{
	font-size:20px;   
	margin-bottom:10px;
}

.w80p{width:80%;}