#showimage{width: 25%; top:160px; left:1%; position:absolute;}
#showimage img{width:100%;}


.header{
  position: fixed;
  width: 100%;
  height: 140px;
  background-color: #fff;
  z-index: 999;
  border-bottom: 1px solid #ddd;
}


.gnbWrap{
  margin-top: 30px;
}

.number{
  clear: both;
  text-align: center;
  margin-bottom: 60px;
}

.number > li {
  list-style: none;
  display: inline-block;
}

.main_more{
  font-size: 30px;
  color: #fff;
  border: 3px solid #FFF;
  padding: 15px 70px;
  display: inline-block;
  margin-top: 280px;
}

.login_menu{
  overflow: hidden;
      float: right;
      margin-right: 5%;
}

.login_menu > li{
  float: left;
  padding: 0px 7px;
}

.menu{
  overflow: hidden;
  width: 800px;
  margin: 0 auto;
}

.menuOn{
    color: #39b54a;
}

.menu > li{
  float: left;
  padding: 2px 30px;
}

.gnb{
    width: 850px;
    margin: 0 auto;
  	overflow:auto;
}
.gnb>li{
    float: left;
    padding: 0px 30px;
}
.gnb a{
    display: block;
    padding-bottom: 5px;
    z-index: 9999;
}
.gnb a:hover, .gnb a:focus, .gnb a.on{
    color: #39b54a;
}
.gnbUl{
  width: 400px;
  position: absolute;
  top: 125px;
  z-index: 9999;
  display: none;
}
.gnbUl>li{float: left; font-size: 0.9em;}
.gnbUl a{
  margin-top: 20px;
  padding: 0px 10px;
  padding-bottom: 10px;
}
.gnbLastUl{
    position: absolute;
    width: 530px;
    right: -100px;
    z-index: 9999;
}
.gnbBg{
  position: absolute;
  top: 141px;
  width: 100%;
  left: 0;
  border-bottom: 1px solid #ddd;

  height: 32px;
  background: #fff;
  display: none;
}

.section00{
  margin-top: 70px;
  margin-bottom: 100px;
  overflow: hidden;
}

.story_title{
  font-size: 32px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
}

.story_text{
  text-align: center;
  line-height: 2.1;
  font-size: 18px;
  margin-bottom: 25px;
}

.f_yellow{
  color: #fdda58;
}

.f_blue{
  color:#13a89e;
}

.f_green{
  color:#0c8142;
}

.f_red{
  color:#ed1c24;
}

.story_img1{
  width: 100%;
  height: 650px;
  background-image: url(../images/story01.jpg);
  background-size: cover;
  overflow: hidden;
}

.story_img2{
  width: 100%;
  height: 650px;
  background-image: url(../images/story02.jpg);
  background-size: cover;
  overflow: hidden;
}

.story_img3{
  width: 100%;
  height: 650px;
  background-image: url(../images/story03.jpg);
  background-size: cover;
  overflow: hidden;
}

.imgIn_text{
  color: #fff;
  font-size: 28px;
  text-align: center;
  margin-top: 250px;
}

.story_text2{
  text-align: center;
  line-height: 2.1;
  font-size: 16px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.story_subTitle{
  font-size: 24px;
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
}

.about_subImg{
  width: 920px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 25px;
  margin-bottom: 25px;
}

.about_subImg > li{
  float: left;
  width: 20%;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
}

.about_img1{
  width: 100%;
  height: 650px;
  background-image: url(../images/about01.jpg);
  background-size: cover;
  overflow: hidden;
}

.about_img2{
  width: 100%;
  height: 650px;
  background-image: url(../images/about02.jpg);
  background-size: cover;
  overflow: hidden;
}

.about_img3{
  width: 100%;
  height: 650px;
  background-image: url(../images/about03.jpg);
  background-size: cover;
  overflow: hidden;
}

.about_img4{
  width: 100%;
  height: 650px;
  background-image: url(../images/about04.jpg);
  background-size: cover;
  overflow: hidden;
}

.special_ul{
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 40px;
}

.special_ul > li{
  border: 1px solid #ddd;
  border-radius: 15px;
  padding: 5px 20px;
  width: 1100px;
  margin: 0 auto;
  margin-bottom: 15px;
}

.special_ul > li > img{
  display: inline-block;
}

.special_ul > li > img:first-child{
  display: inline-block;
  margin-left: 40px;
  margin-right: 25px;
}

.special_number{
  display: inline-block;
  margin-bottom: 20px;
}


.special_span{
  position: relative;
  top: -40px;
  margin-left: 25px;
  font-size: 19px;
}

.visit_div{
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 40px;
}

.visit_01{
  width: 49%;
  float: left;
  text-align: center;
}

.visit_hr{
  width: 20%;
  border-color: #39b54a;
  margin-bottom: 20px;
}

.visit_p{
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 19px;
}

.education_img1{
  width: 100%;
  height: 650px;
  background-image: url(../images/education01.jpg);
  background-size: cover;
  overflow: hidden;
}

.multiProgram_img1{
  width: 100%;
  height: 650px;
  background-image: url(../images/multi01.jpg);
  background-size: cover;
  overflow: hidden;
}

.multiProgram_img2{
  width: 100%;
  height: 650px;
  background-image: url(../images/multi02.jpg);
  background-size: cover;
  overflow: hidden;
}

.multiProgram_img3{
  width: 100%;
  height: 650px;
  background-image: url(../images/multi03.jpg);
  background-size: cover;
  overflow: hidden;
}

.multiProgram_img4{
  width: 100%;
  height: 650px;
  background-image: url(../images/multi04.jpg);
  background-size: cover;
  overflow: hidden;
}

.multiProgram_img5{
  width: 100%;
  height: 650px;
  background-image: url(../images/multi05.jpg);
  background-size: cover;
  overflow: hidden;
}

.visualArts_img1{
  width: 100%;
  height: 650px;
  background-image: url(../images/arts01.jpg);
  background-size: cover;
  overflow: hidden;
}

.color_img1{
  width: 100%;
  height: 650px;
  background-image: url(../images/color01.jpg);
  background-size: cover;
  overflow: hidden;
}

.color_img2{
  width: 100%;
  height: 650px;
  background-image: url(../images/color02.jpg);
  background-size: cover;
  overflow: hidden;
}

.gallery{
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.gallery_img{
  width: 300px;
  height: 230px;
  float: left;
}


.gallery_in{
   width: 1000px;
   margin: 0 auto;
}


.tarina1_tb{
  width: 1100px;
  margin: 0 auto;
}

.tarina1_tb > tbody > tr > th{
 background-color: #a3d659;
 color: #fff;
 padding: 10px;
 vertical-align: middle;
}

.tarina1_tb > tbody > tr > td{
 padding: 10px;
 border-bottom: 1px solid #a3d659;
 text-align: center;
}

.tarina2_tb{
  width: 1000px;
  margin: 0 auto;
  border: 1px solid #a3d659;
}

.tarina2_tb > tbody > tr > th{
 background-color: #a3d659;
 color: #fff;
 padding: 10px;
 vertical-align: middle;
 border-bottom: 1px solid #fff;
 width: 140px;
}

.tarina2_tb > tbody > tr > td{
 padding: 10px;
 border-bottom: 1px solid #a3d659;
}

.lock_icon{
  width: 20px;
  vertical-align: sub;
  margin-right: 10px;
}

.tarina_div{
  width: 1100px;
  margin: 0 auto;
  overflow: hidden;
}


.tarina_pw{
  width: 500px;
  height: 250px;
  margin: 0 auto;
  box-sizing: border-box;
  border: 1px solid #ddd;
}

.pw_title{
  background-color: #7cc576;
  color: #fff;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
}

.pw_subtitle{
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  font-weight: bold;
}

.franchisee{
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.franchisee_div1{
  float: left;
  margin-left: 30px;
}

.franchisee1_div{
  width: 1200px;
  overflow: hidden;
  margin: 0 auto;
}

.franchisee1_div > div:first-child{
  margin-left: 0px;
}

.franchisee_font{
  background-color: #C5DF9A;
  color: #fff;
  border-radius: 3px;
  padding: 0px 3px;
}

.fran_gallery{
  width: 550px;
  overflow: hidden;
  float: left;
  margin-left: 30px;
}

.fran_form{
  border-top: 1px solid #39b54a;
  border-bottom: 1px solid #39b54a;
  padding-top: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
}

.fran_text{
  margin-bottom: 10px;
}


.fran_textTitle{
  display: inline-block;
  width: 80px;
  border-right: 1px solid #333333;
  text-align: left;
  margin-right: 10px;
}

.fran2_div{
  width: 70%;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 50px;
}

.fran2_img{
  display: block;
  float: left;
  margin-right: 40px;
}

.fran2_text{
  float: left;
}

.fran2_text_p1{
  font-size: 22px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
}

.fran2_title2{
  margin-top: 40px;
      margin-bottom: 20px;
      margin-left: 180px;
      font-size: 19px;
}


.fran2_table{
  width: 70%;
  margin: 0 auto;
}

.fran2_table > tbody > tr > th{
  padding: 10px;
  vertical-align: middle;
  width: 80px;
}

.fran2_table > tbody > tr > td{
  padding: 10px;
  vertical-align: middle;
}

.store_search{
  text-align: center;
}

.search_icon{
  position: relative;
  left: 90px;
  top: -28px;
}

.store_div{
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.store_menu{
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}

.store_menu > li{
  float: left;
  width: 20%;
  box-sizing: border-box;
  text-align: center;
  padding: 10px 0px;
  background-color: #A3D659;
  border: 1px solid #A3D659;
  border-right: 1px solid #fff;
  font-weight: bold;
}

.store_menuOn{
  background-color: #fff !important;
  border: 1px solid #A3D659;
  box-sizing: border-box;
}

.store_item{
  width: 90%;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 30px;
}

.items{
  width: 24%;
  float: left;
  margin-right: 14px;
}

.items:nth-child(4n+4){
  margin-right: 0px;
}

.items_img{
  display: block;
  width: 260px;
  height: 260px;
}

.items_name{
  text-align: center;
}

.items_price{
  text-align: center;
  font-weight: bold;
}

.store_itemIn{
  width: 90%;
  margin: 30px auto;
  overflow: hidden;
}

.itemIn_title{
  font-size: 19px;
  font-weight: bold;
}

.items_imgIn{
  display: block;
  float: left;
}

.itemIn_div{
  float: left;
  width: 49%;
  margin-left: 50px;
}

.itemIn_table{
  margin-top: 40px;
  margin-bottom: 40px;
  width: 100%;
}


.itemIn_table > tbody > tr >th{
  padding: 10px;
  font-weight: bold;
}

.itemIn_table > tbody > tr >td{
  padding: 10px;
}

.buyBtn{
  background-color: #39b54a;
  border: 1px solid #39b54a;
  color: #fff;

  padding: 10px 93px;
}

.cartBtn{
  background-color: #fff;
  border: 1px solid #969696;
  padding: 10px 93px;
}


.itemIn_prince{
  margin-top: 20px;
  margin-bottom:20px;
}

.detailBtn{
  background-color: #39b54a;
  border: 1px solid #39b54a;
  color: #fff;
  padding: 8px 100px;
}


.store_review{
  width: 46%;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px;
  border: 1px solid #ccc;
}

.itemIn_later_tb{
  width: 80%;
  margin: 0 auto;
  margin-top: 30px;
}

.itemIn_later_tb > tbody > tr > th{
  border: 1px solid #A4D659;
  background-color: #A4D659;
  padding: 10px;
  width: 120px;
  vertical-align: middle;
  color: #fff;
}

.itemIn_later_tb > tbody > tr > td{
  border: 1px solid #A4D659;
  padding: 10px;
}

.cart_img_p{
  text-align: center;
}

.cart_img{
  margin-left: 10px;
}

.cart_table{
  width: 100%;
  text-align: center;
}

.cart_table > tbody > tr > th {
 background-color: #a3d659;
 border-right:1px solid #fff;
 color: #fff;
 padding: 10px;
}

.cart_table > tbody > tr > td {
  border:1px solid #a3d659;
 padding: 10px;
 vertical-align: middle;
}

.cart_table2{
  width: 70%;
  margin: 0 auto;
}

.cart_table2 > tbody > tr > th {
 background-color: #a3d659;
 border-right:1px solid #fff;
 color: #fff;
 padding: 10px;
 width: 110px;
}

.cart_table2 > tbody > tr > td {
  border:1px solid #a3d659;
 padding: 10px;
 vertical-align: middle;
}

.orderBtn1{
  background-color: #707070;
  border: 1px solid #707070;
  color: #fff;
  padding: 5px 20px;
}

.orderBtn2{
  background-color: #F5F5F5;
  border: 1px solid #333333;
  color: #333333;
  padding: 5px 20px;
}

.orderBtn3{
  background-color: #fff;
  border: 1px solid #333333;
  color: #333333;
  padding: 5px 20px;
}

.cart2_p{
  font-size: 18px;
  font-weight: bold;
  border-left: 1px solid;
  padding-left: 3px;
  margin: 20px 0px;
}

.cart2_table{
  width: 100%;

}

.cart2_table > tbody > tr >th{
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  vertical-align: middle;
  width: 150px;
  padding: 10px;
  box-sizing: border-box;
}

.cart2_table > tbody > tr >td{
  border: 1px solid #ddd;
  vertical-align: middle;
  padding: 10px;
  box-sizing: border-box;
}

.orderListBtn{
  background-color: #707070;
  border: 1px solid #707070;
  color: #fff;
  border-radius: 5px;
}

.LoginWrap{
width: 400px;
margin: 0 auto;
padding: 10px;
box-sizing: border-box;
}

.loginBtn{
  background-color: #b7b7b7;
  border: 1px solid #959595;
  padding: 5px 164px;
  color: #fff;
}


.loginBtn2{
  background-color: #707070;
  border: 1px solid #959595;
  padding: 5px 157px;
  color: #fff;
}


.PwWrap{
  width: 400px;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #ccc;
}

.PwWrap2{
  width: 500px;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #ccc;
  overflow: hidden;
}

.wrap_text{
  width: 100%;
  margin-bottom: 5px;
  padding: 2px;
}

.findPwBtn{
  background-color: #b7b7b7;
  border: 1px solid #959595;
  color: #fff;
  padding: 5px 65px;
  display: block;
  margin: 0 auto;
}

.findPw_img{
  display: block;
  float: left;
  margin-right: 30px;
}

.findId2_Btn1{
  background-color: #898989;
  border: 1px solid #898989;
  width: 120px;
  color:#fff;
  padding: 5px 0px;
}

.findId2_Btn2{
  background-color: #fff;
  border: 1px solid #898989;
  width: 120px;
  padding: 5px 0px;
}

.join1_a{
  display: inline-block;
  width: 250px;
  height: 50px;
  text-align: center;
  border: 1px solid;
  margin-left: 10px;
}


.join2_p{
  font-weight: bold;
  border-left: 1px solid;
  padding-left:5px;
}


.join2_tb{
  width: 100%;
}

.join2_tb > tbody > tr > th{
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: middle;
  text-align: left;
  width: 140px;
}

.join2_tb > tbody > tr > td{
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: middle;
  text-align: left;
}

.join2Btn{
  background-color: #fff;
  border: 1px solid #ccc;
  width: 95px;
}

.join2_div{
  width: 100%;
  height: 180px;
  overflow-y: scroll;
  border: 1px solid #ccc;
}

.join2_p2{
  margin-top: 30px;
  font-weight: bold;
}

.join2Btn2{
  background-color: #707070;
  border: 1px solid #707070;
  color: #fff;
  padding: 10px 50px;
}

.mypageBtn1{
  background-color: #707070;
  border: 1px solid #707070;
  color: #fff;
  padding: 10px 50px;
}

.mypageBtn2{
  background-color: #fff;
  border: 1px solid #707070;
  padding: 10px 50px;
}

.join3_tb{
  margin: 0 auto;
}

.join3_tb > tbody > tr > th{
  padding: 10px;

}

.join3_tb > tbody > tr > td{
  padding: 10px;

}

.join3_div{
width: 400px;
margin: 0 auto;
padding: 20px;
border: 1px solid #ccc;
overflow: hidden;
}

.join3Btn{
  background-color: #a3d659;
  border: 1px solid #898989;
  width: 120px;
  color:#fff;
  padding: 5px 0px;
}

.franchisee_kind{
  width: 35px;
  vertical-align: sub;
}

.member_table{
  width: 100%;
}

.member_table>tbody>tr>th{
  background-color: #a3d659;
  color: #fff;
  padding: 10px;
  border: 1px solid #777;
}

.member_table>tbody>tr>td{
  padding: 10px;
  border: 1px solid #777;
  text-align: center;
  vertical-align: middle;
}