.block {
		
  width:100%;

  font-size:18px;
  
}


#Container{
min-height:600px;

}
.sblock{    
  
  width:100%;
  height:100%;    
}

.ssblock{
  max-width:800px;
  margin:0 auto;
}

.bgimg1 {
	background-image: url('/images/menu_bg1.png');    
  /* background-size: cover; */
  background-position: -200px -1390px;
  background-repeat: no-repeat;
}
.bgcolor {
  background-color: rgba(0, 0, 0, 0.5);
}


.block0 {		
  color:white;
  text-align:center;
}

.ssblock010{
  margin:0 auto;
  max-width:1100px;
  width:100%;
  text-align:center;
  

  font-size:20px;
  padding-top:10px;
  padding-bottom:5px;
}

.ssblock010 .txt2{ 
  font-size:16px;
  font-weight:600;
  padding-bottom:10px;
  color:#b6b6b6
}

.ssblock020{
  margin:0 auto;
  max-width:1100px;
  width:100%;
  text-align:left;

  font-size:16px;
  font-weight:600;
  padding-bottom:30px;
  color:#b6b6b6
}





/* ################ */
/* block1 */
/* ################ */


.block1{
  text-align:left;  
}

.block1 .ssblock110{
  font-size:16px;
  padding-top:30px;
  padding-bottom:30px;
  /* background-color: #5e5e5e; */
}

.block1 .txt1 {
  font-size:16px; 
  font-weight:800;   
  color:#5D5D5D;
  padding-bottom:10px;
  
}
.block1 .txt2 {
  font-size:22px;
  font-weight:900;    
  color:#026150;
  padding-bottom:40px;
  line-height:1.5;
}
.block1 .txt3 {
  font-size:18px;    
  color:#333333;
  line-height:2;
}


.table_top_line {background-color: #b8b8b8;height: 1px;}
.table_td_subject {background-color: #f3f3f3;font-weight: bold;padding:5px 10px;height: 35px;line-height: 16px;text-align:right;min-width:90px;}
.table_td_split {width: 1px;background-color: #d9d9d9;display:none;}
.table_td_contents {padding: 5px;height: 25px;line-height: 16px;}


.table_middle_line {background-color: #eaeaea;height: 1px;}
.inBtn {position: relative;width: 100%;height: 60px;padding-top: 10px;overflow: hidden;}
.inBtn ul { float: left;vertical-align: middle;overflow:hidden;}
.inBtn ul li {float: left;padding-left: 5px;}
.inBtn > div img {display:inline-block;}



/* ################ */
/*  */
/* ################ */

.ssblock0 {
  position:relative;  
}


.ssblock {
  position:relative;
  /* padding-left:250px; */
}
.ssblock .line{
  position: absolute;
  left:0px;
  top:80px;

  height:2px;
  width:200px;  
}

.ssblock .line.whi{
  background-color: #fff;;
}

.ssblock .line.blk{
  background-color: #000;;
}

.ssblock .line.gre{
  background-color: #026150;;
}


.block2{
  text-align:left;
  
}

.block2 .ssblock210{
  font-size:25px;
  padding-top:60px;
  padding-bottom:60px;
}

.block2 .txt1 {
  font-size:21px; 
  font-weight:800;   
  color:#fff;
  padding-bottom:10px;
}
.block2 .txt2 {
  font-size:28px;
  font-weight:800;    
  color:#fff;
  padding-bottom:40px;
  line-height:1.5;
}
.block2 .txt3 {
  font-size:18px;    
  color:#fff;
  line-height:2;
}
.bgimg2 {
  background-image: url('./img/intro1_1.jpg');    
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}




.block3{
  text-align:left;  
}

.block3 .ssblock310{
  font-size:25px;
  padding-top:60px;
  padding-bottom:60px;
}

.block3 .txt1 {
  font-size:21px; 
  font-weight:800;   
  color:#5D5D5D;
  padding-bottom:10px;
}
.block3 .txt2 {
  font-size:28px;
  font-weight:800;    
  color:#026150;
  padding-bottom:40px;
  line-height:1.5;
}
.block3 .txt3 {
  font-size:18px;    
  color:#333333;
  line-height:2;
}



.block4{
  text-align:left;
  
}

.block4 .ssblock410{
  font-size:25px;
  padding-top:60px;
  padding-bottom:60px;
}

.block4 .txt1 {
  font-size:21px; 
  font-weight:800;   
  color:#fff;
  padding-bottom:10px;
}
.block4 .txt2 {
  font-size:28px;
  font-weight:800;    
  color:#fff;
  padding-bottom:40px;
  line-height:1.5;
}
.block4 .txt3 {
  font-size:18px;    
  color:#fff;
  line-height:2;
}
.bgimg4 {
  background-image: url('./img/intro1_2.jpg');    
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


/* 로그인 */
.BLlogin{
  width:600px;
  margin:0 auto;
  border-radius: 10px;
  border:1px solid #ececec;
  /* margin:20px; */

  margin-top:20px;
  padding:20px;

}

.BLlogin .title{
  font-size:20px;
  font-weight:600;
  width:100%;
  text-align:center;
}

.BLlogin ul{
  
  width:100%;
  margin:0 auto;
  margin-top:20px;
}
.BLlogin li{
  float:left;
  width:250px;
  text-align:center;
  background-color: gray;
}




/* 가입0 */
.BLjoin0{
  width:600px;
  margin:0 auto;
  border-radius: 10px;
  border:1px solid #ececec;
  /* margin:20px; */

  margin-top:50px;
  padding:20px;

}

.BLbtn{
  margin-top:20px;
  margin-bottom:20px;
  width:100%;
  overflow:hidden;
  padding:20px;
  font-weight: 600;
}

.BLbtn .img{
  margin:0 auto;
  text-align:center;
  padding:20px;
}
.BLbtn .img img{  
  margin:0 auto;  
}
.BLbtn .join {
  float:left;
  border:1px solid #ececec;
  
  padding:10px;
  
  width:45%;
  text-align:center;
  border-radius: 10px;
  cursor:pointer;
}
.BLbtn .join2 {
  
  float:right;
  border:1px solid #ececec;
  
  padding:10px;
  
  width:45%;
  text-align:center;
  border-radius: 10px;
  cursor:pointer;
}

.BLjoin0 .title{
  font-size:20px;
  font-weight:600;
  width:100%;
  text-align:center;
}

.BLjoin0 ul{
  
  width:100%;
  margin:0 auto;
  margin-top:20px;
}
.BLjoin0 li{
  float:left;
  width:250px;
  text-align:center;
  background-color: gray;
}

.BLjoin0 .guide{
  width:100%;
  text-align: center;

}