/* The Modal (background) */
        .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 10000; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }
    
        /* Modal Content/Box */
        .modal-content {
            background-color: #fefefe;
            margin: 15% auto; /* 15% from the top and centered */
            padding: 20px;
            border: 1px solid #888;
            width: 30%; /* Could be more or less, depending on screen size */ 
			min-width:400px;
        }

		.modal-content p {
			text-align:center;
			font-size:20px;
		}

		@media(max-width:1000px) {
		 .modal-content {
					background-color: #fefefe;
					margin: 70% auto !important; /* 15% from the top and centered */
					padding: 20px;
					border: 1px solid #888;
					width: 80%;
					max-width: 600px; /* Could be more or less, depending on screen size */ 
			}	
		}




/*°øÅë*/
#wrap{position:relative;clear:both; margin:10px; }
#contents{position:relative;clear:both;}


#wrap .c_text{font-size:12px;line-height:40px;}
#wrap .flatbtn{color:#8c6239;text-decoration:underline;}


#loginmodal{border:3px solid #705c3b;background:#fff;}
#loginmodal h2{color:#636363;font-size:24px;line-height:40px;text-align:center;}
#loginmodal h3 {color:#636363;font-size:15px;line-height:40px;text-align:center;}

/** modal window styles **/
#lean_overlay {
    position: fixed;
    z-index:10000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}


#loginmodal {
  width: 800px;
  height:700px;  /*Æ˾÷âÀÇ Å©±âÁ¶Àý*/
  margin-top:0px;           /*Æ˾÷â À§¾Æ·¡ °£°ÝÁ¶Àý*/
  padding: 18px;
  background: #f3f6fa;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}



*{
  margin:0; padding:0;
  line-height:1.3;
}
ul{list-style:none;}

.tabmenu{ 
  max-width:750px; 
  margin: 0 auto; 
  position:relative; 
}
.tabmenu ul li{
  display:  inline-block;
  width:50%; 
  float:left;  
  text-align:center; 
  background :#f9f9f9;
}
.tabmenu ul li a{
  display:block;
  line-height:40px;
  height:40px;
  text-decoration:none; 
  color: #000;
}
.tabCon{
  display:none; 
  text-align:left; 
  padding: 20px;
  position:absolute; 
  left:0; top:40px; 
  box-sizing: border-box; 
  border : 5px solid #f9f9f9;
}
.btnCon:target  {
  background : #ccc;
}
.btnCon:target .tabCon{
  display: block;
}


.tabcon table thead tbody {
	width:100%;
	max-width:800px;
}

.tabcon tr  td{
	text-align:center;
	}