*{margin:0; padding:0; outline:none; }
body{color:#555; font-size:14px}
ul,li{list-style:none;}
	a{text-decoration:none; color:inherit;}
	img{display:block;}
	
input {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}
textarea{
	padding:2%; 
	box-sizing:border-box;
	color:#666; 
	font-size:12px;
}
input::placeholder {
  color: #bbb;
}
select::-ms-expand {
   display: none;   /* 화살표 없애기 for IE10, 11*/
}

#wrap{width:100%; max-width:1024px; margin:0 auto;}
	
.header{
width:100%; 
height:60px; 
background:#000; 
color:#fff; 
position:relative; 
top:0; 
left:0; 
z-index:20
}
.section{
position:relative; z-index:5
}
.section img{width:100%; height:auto;}
.footer{
position:relative;  
width:100%; 
background:#222; 
text-align:center 
}
/*.footer img{
display:inline-block
}*/

/* 메뉴  */
#wrap .over{
	width:100%;  
	height:100%;
	background:rgba(53,53,53,0.5);  
	position:fixed;
	top:0;	
	left:0; 
	z-index:25; 
	display:none;
}	
.menu{
	width:77%; 
	height:100%; 
	background:rgba(25,25,25,0.8); 
	position:fixed; 
	top:0;
	right:0; 
	z-index:50; 
	display:none; 
	color:#fff	;
	
}
.close{
	width:18px; 
	height:29px; 
	margin:5% 0 0 7%; 
}
.close img{width:100%; height:100%;}


.all{width:100%;}
.all:after{content:""; display:block; clear:both;}
.all>div{
	float:left; 
	width:50%; 
	height:25px; 
	line-height:25px; 
	margin:20px 0 5px 0;
	text-align:center; 
}
.all>div a{display:block;}
.login{border-right:1px solid #fff; box-sizing:border-box;}


.nav{ 
	margin-left:5%; 
	font-family:'OmniGothic50', sans-serif;
	font-weight:bold; 
}
.nav>li{
	position:relative;
	color:#fff; 
	font-size:20px; 
	padding:10px 0; 
	cursor:pointer;
}
.nav li a{
	display:inline-block; 
	width:80% ;
	height:20px;
	line-height:20px;
}
.nav li>span {
	position:relative; 
	display:inline-block; 
	width:20px; 
	height:20px;			
	vertical-align:middle; 
	margin-right:10px;
}
.nav li>span:before,.nav li>span:after{
	content:"";
	position:absolute;
	background-color:#fff
}
.nav li>span:before {
	width:2px;
	height:18px;
	left:8px;
	top:1.5px
}
.nav li.on>span:before {
	display:none;
}
.nav li>span:after {
	width:18px;
	height:2px;
	left:0;
	top:8.5px
}
.nav>li:nth-child(1){margin-top:6%;}
.nav span,.nav>li>a{vertical-align:middle;}
/*.nav span,.nav>li,.nav li>span:before,.nav li>span:after{vertical-align:middle;}*/

.submenu{
	display:none; 
	padding-left:30px; padding-top:7px; box-sizing:border-box; 
}
.submenu>li{
	font-size:16.5px; 
	font-family:'OmniGothic30', sans-serif;
	padding:7px 0;
}
.submenu>li:nth-child(1){padding-top:8px;}

.call{
	position:absolute;
	bottom:15%;
	width:100%;
	text-align:center;
}
.call h4{text-indent:-120px}
.call a{color:#3cc0c5}
.call span{
	display:inline-block;
	font-weight:lighter;
	color:#fff;
}
.call h1{font-size:180%;}

.language{position:absolute; bottom:5%; width:100%; }
.language ul:after{content:""; display:block; clear:both;}
.language ul>li{width:50%; float:left; height:40px; line-height:25px; }
.language ul>li a{display:block; width:80px; height:30px; text-align:center; border:1px solid #fff; }
.language ul>li:nth-child(1) a{margin-left:40%;}
.language ul>li:nth-child(2) a{margin-left:7%;}


/* header */
.header .logo{width:88%;}
.header h2{
 line-height:40px;
 text-align:center;
 letter-spacing:0.7px; 
 text-indent:15%;
 }
.header .sub{
 font-size:9px; 
 letter-spacing:7.5px; 
 line-height:5px;
 text-indent:16% 
 }
.main{
 position:absolute; 
 top:14.3px; 
 right:15px; 
 width:28px; 
 height:30px; 
 line-height:40px ;

 }
.main img{
 width:100%; 
 }

/* sns - 다이렉트메뉴*/
.main_dir{
	position:absolute; 
	top:8px; 
	}
.sub_dir{
	position:absolute; 
	top:50px; 
}
.direct{
	position:absolute;
	left:15px; 
	/*top:15px;*/
	width:55px;
	z-index:10
}
.coun,.calling,.kkof{
	width:50px; 
	height:50px;  
	margin-top:10px; 
}
.direct>div img{
	width:100%; 
	opacity:0.7;
}
.direct>div a{
	display:block; 
	width:100%; 
	height:100%
}
.side-btn {
	 position:absolute;
	 right:-20px;
	 top:40px;
	 width:auto;
	 height:auto;  
	 padding:5px;
	 background:rgba(50,50,50,0.6); 
	 border-radius:6px; 
	 writing-mode:tb-rl
}
.side-btn span {
	  display:inline-block;
	  position:absolute;
	  left:0;
	  top:0;
	  overflow:hidden; 
	  text-indent:-9999px 
}
.side-btn:after {content:"Close"; color:#fff;}
.direct.off .side-btn:after {content:"Show"; }
.direct.off {left:-57px}
  
  
/* index 컨텐츠 */  
.insta{
	position:relative;
	border-bottom:1px solid #ddd; 
	box-sizing:border-box; 
}
.push{position:relative; width:100%; height:50px; line-height:50px; text-align:center; 
	 }
p{text-align:center; }
.push p span{
	font-size:18px; 
	font-weight:bold;
}
.ins span{
	color:purple;  
}
.clinic span{
	color:#3cc0c5; 
}

#instafeed{padding:1% ; box-sizing:border-box; margin-bottom:2%;}
#instafeed:after{content:""; display:block; clear:both;}
#instafeed img{width:31.5%; display:inline-block; float:left; margin:0.75% 0 0.75% 1.5%;  border:1px solid #eee; }

.load{position:relative; width:100%; height:100%;}
.load img{width:100%;}


.arrow{position:absolute; top:20px; right:5%;
	width: 0px;height: 0px;
	border-top:10px solid none;
	border-bottom:10px solid #bbb;
	border-right: 10px solid transparent;
	border-left: 10px solid  transparent;
	border-radius:3px;}
.arrow.on{transform:rotate(180deg);}


/* 메인 바로가기 탭  brow/ line/ lips/ mans / special */
.content{position:relative;}
.content .load div{
	width:100%; 
	height:auto;  
	overflow:hidden
}
/*.fotorama li {width:100%;}
	
		
/* footer */
.map{
	width:100%;
	} 
.map img{
	width:100%;
	}	

.sns li{
	display:inline-block;
	width:60px;
	margin:20px 8px 5px 8px;
}
.sns li img{
	width:100%;
}	

.footLine img{ width:100%;}
.nation{
	padding-bottom:10px;
	width:100%;
}	
.nation li{
	display:inline-block;
	background:;
	vertical-align:middle;
	font-size:13px; 
	font-weight:bold;
	color:#ddd;
	margin:0 0.5%;
	padding:2%;
}
/* 국기 *** .nation li:nth-child(1),.nation li:nth-child(2){width:40px; height:28px; }
.nation li:nth-child(1) img,.nation li:nth-child(2) img{width:100%; height:100%;}*/
	
address{
	font-style:normal; 
	font-size:11px; 
	color:#fff; 
	line-height:15px;
	padding:5px 15px 15px 15px
	}
small{font-size:11px; letter-spacing:-1px;}

	
/*  서브페이지 ////////////////////////  sub로 시작하는 .html 페이지  */	

/* 로그인하면 .before b 없애주세요~ Before&After before 사진 !!!!!!!!!!!!!!!!!!!!!!!!!!! */
.before b{position:absolute;top:0; left:0; background:rgba(25,25,25,0.8); width:100%; height:100%; z-index:1; color:#fff; font-size:11px; text-align:center;}
.before b i{display:inline-block; margin-top:20%; font-style:normal;}


/* sub page section */
.sub-section{
	position:relative; 
	width:100%; 
	/*height:100%; */
	}
.sub-section img{
	width:100%; 
	height:100%;
	}

  
/* sub1-2 결색소 video */
.sub_vid2{position:relative; width:100%; margin:20px 0 35px 0;}
.sub_vid2 p{width:100%; height:35px; line-height:35px}
.vid2-1{margin-bottom:20px;}
.sub_vid2 video{width:100%;} 

	

/*  텍스트 제목 서브페이지 CSS  : login, member, memcomplete, reserv, searchid, seachpass */ 

/* 로그인 회원가입 등 '준비중 입니다' 문구 cover  */
.delay{
	position:fixed; 
	top:0;
	left:0;
	width:100%; 
	height:100%; 
	background:rgba(255,255,255,0.9); 
	z-index:40;
	/*display:none*/
}
.delay p{margin-top:45%; line-height:25px}
.delay p img{width:32%; margin-left:50%; transform:translateX(-50%);}
.delay strong{font-size:18px; }
.delay em{color:#3cc0c5; font-style:normal}


/* table wrap */
.subwrap{
	position:relative; 
	width:92%;
	height:auto;
	margin:5% -4% 7% 4%;
	}
.subwrap input{
	font-weight:bold; 
	letter-spacing:-1px; 
	font-size:14px;
	}

/* 전체페이지 title  */
.log1{font-size:25px; letter-spacing:-3.5px}
.log1 span{
	color:#3cc0c5; 
	display:inline-block;
	font-size:26px;
}/* title 설명 */
.log2{
	font-size:11px; 
	letter-spacing:-1px; 
	font-weight:bold;
	margin:1.5% 0 6% 0;
}
/* reserv title 줄간격때문에 log2삭제 .second로 변경 */
.second{font-size:12px; letter-spacing:-1px; line-height:15px; }


/*  전체페이지 span.color 컬러색지정  */
.color{color:#3cc0c5; font-weight:bold; font-size:14px;}


/*  clear:both   --    member, searchid, searchpass, login  */
.clear {clear:both; height:0; overflow:hidden;} 

/* ? 
.big{font-size:20px; color:#3cc0c5; font-weight:bold;}*/


/* table box 테이블 시작 : reserv, member, searchid, searchpass  */
.writebox{width:100%;}
.writebox li >span{display:inline-block; width:19% }
.writebox>li{margin:3.5% 0;}	
.writebox .notempty{font-size:13px; margin:3% 0;  }
.writebox .notempty span{width:auto;}
.writebox .notempty span em{color:#666; font-style:normal; letter-spacing:-1px;}
.writebox li form {display:inline-block; width:80%; }
.writebox li form select:first-child{margin-left:0;}
.writebox>li input{padding:7px;}
.writebox li span,.writebox li form,.check,textarea{vertical-align:middle;}
			/*  생년월일  member, searchid, searchpass */
.writebox select{
	float:left; 
	width:32.3%; 
	height:40px; 
	margin-left:1.5%; 
	border:1px solid #d5d5d5; 
	box-sizing:border-box; 
	color:#aaa;
    padding:10px;
    border-radius: 3px;
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
    -moz-appearance: none;    /* 화살표 없애기 for firefox*/
    appearance: none;
	background: url('../images/joinarrow.png') no-repeat 92% 50%;
	background-size:15px 9px;	/* 화살표 없애기 공통*/
}
	/*  searchpass   */ 
#selectEmail{position:absolute; right:1.2%;  }



/* reserv  하단 개인정보 동의 checkbox + input */
.down{margin-bottom:30px; position:relative;}
.agree{font-weight:bold; font-size:1.1em; margin:6% 0; }
.agree>input[type=checkbox]{appearance:checkbox;-webkit-appearance:checkbox;-moz-appearance:checkbox;border:0px;padding:0px;height:1.5em;margin-top:-0.8%; }
.under{text-decoration:underline; color:#3cc0c5; font-weight:bold;}
			/* reserv 개인정보 취급방침 자세히 보기 클릭시 */
.up{z-index:10;
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; height:100%; 
	background:#fff;
	font-size:14px;
	display:none
}
.ubody{width:90%; height:90%; margin-left:5%;}
.exit{
	width:92%; 
	height:8%; 
	background:#3cc0c5; 
	color:#fff; 
	text-align:center;
	font-size:17px;
	margin-left:4%;
}
.exit strong{display:inline-block; margin-top:2.5%;}
	
	
/* .down1 -> login, searchid, searchpass  하단 취소, 확인 창  member.html은 .writein  */
.down1{width:100%; }
.down1 input,.writein input{
	height:44px;
	background:#3cc0c5;
	color:#fff;
	border:none;
	margin:6.5px 0;
}
.wide input{
	width:100%;
}
.half input{
	width:49%;
	background:#d5d5d5;
	float:left;
}
.half:after{content:""; display:block; clear:both;}
			/* login */
.half a:nth-child(2) input{margin-left:2%;}
			/* member - 취소/ 확인   */
.half input:nth-child(2){margin-left:2%;}
			/*  member '취소버튼', writein 으로  half 창과 따로 분리 */
.writein li input{font-size:16px; font-weight:bold; }
.writein .confirm{background:#3cc0c5}
	
	
/*  login  */
.ltb:after{content:""; display:block; clear:both;}
.ltb>div{float:left; }
.idpass:after{content:""; display:block; clear:both;}
.idpass{width:70%; height:100px;}
.idpass p{float:left; margin-bottom:10px; }
#box{width:75%;}
.title{width:25%; height:40px; line-height:40px; text-align:left; }

.idpass p input,input{
	color:#aaa; 
	font-weight:normal; 
	font-size:12.5px;
}
.idpass em{
	display:inline-block;
	font-style:normal;
	color:#3cc0c5;
	font-weight:bold;
	font-size:14px;
	letter-spacing:-1px
}
			/* login  로그인 버튼 */
.send1{width:30%; height:100px; margin-bottom:5px; }
.send1 input{
	width:98%; 
	height:90%;
	background:#3cc0c5;
	color:#fff;
	border:none;
	margin-left:2%;
}


/* member 약관/개인정보 취급방침 */
.personal{
	width:100%; 
	border:1px solid #ddd; 
	margin-bottom:4.5%;} 
.personal span{
	font-size:13.3px; 
	letter-spacing:-2px;
}
.personal p{
	padding:0 3%;
}
.per1{width:100%; 
	border-bottom:1px solid #ddd;
}
.per1:after{content:"";display:block; clear:both;}
.per1 li{
	display:inline-block;
	float:left;
	padding:2% 3%;
	font-weight:bold;
}
.per1 li:nth-child(1){width:33.5%; }
.per1 li:nth-child(2){width:66.5%; text-align:right;}
			/* member 남/여 checkbox  */
.check{
	display:inline-block;
	width:79%; 
	height:40px;
	margin-left:-1.3%;
	position:relative; 
	overflow:auto;}
.check li {
	display:inline-block;
	border:1px solid #d5d5d5;
	box-sizing:border-box;
	width:30%;
	height:40px;
	line-height:40px;
	color:#3cc0c5; 
	font-weight:bold; 
	font-size:13.5px; 
	text-align:center;
}
input[id="cb1"] + label,input[id="cb2"] + label,input[id="cb3"] + label,input[id="cb4"] + label {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #bbb;
  cursor: pointer;
  position:relative; top:2px;
}
input[id="cb1"]:checked + label:after,input[id="cb2"]:checked + label:after{
  position:absolute; 
  top:-17px; 
  left:0;
  content: '\2713';
  font-size: 18px;
 }
input[id="cb3"]:checked + label:after,input[id="cb4"]:checked + label:after {
  position:absolute; 
  top:-10px; 
  left:0;
  content: '\2713';
  font-size: 18px;
  color:#3cc0c5;
}
input[id="cb1"],input[id="cb2"],input[id="cb3"],input[id="cb4"] {
  display: none;
}
			/*  member  하단 '이메일 확인' 텍스트  */
.memberlogin p{
	font-size:11.5px; 
	letter-spacing:-1px; 
	line-height:16px;
	text-align:left;
	margin:15px 0;
}