/* Àüü ·¹À̾ƿô */

#wrap {
  min-width:500px;
  background: -webkit-linear-gradient(270deg, rgb(255 255 255), rgb(235 235 235));
  position:relative;
}


#container {
  min-width: 500px;
  /* height: 100vh; */
  display:flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}

/* Çܹö°Å ¸Þ´º css -------------------------- */

a.openGirl { cursor:pointer }
a.closeGirl { cursor:pointer }

.bergur_God {
  min-width: 500px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 10000;
  transform: translate(-50%, 0);
  display: flex;
  flex-direction: column;
  display:none;
}

.bergur_President {
  width: 100%;
  height: 540px;
  background: #fff;
  position:sticky;
  top:0;
  z-index : 1000000000000;
}

#bergurKing {
  min-width: 500px;
  height: 100%;
  background: #1d1d1f;
  opacity: 0.5;

}

.hambergur_Menu {
  display: flex;
  flex-direction: column;
}

.hamy {
  height: 62px;
  padding: 0 56px 0 25px;
  min-width: 490px;
  box-sizing: border-box;
}

.hamy div {
  border-bottom: 1px solid #1d1d1f;
  height: 62px;
  line-height:66px;
  cursor:pointer;
}

.hamy div img {
  position:relative;
  top: 4px;
}

/* Top »ö»ó º¯È¯ css -------------------------------- */

header {
  min-width: 500px;
  height: 80px;
  position: sticky;
  top: 0;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  z-index: 1000;
}


/* Top menu */

#gnb {
  min-width: 500px;
  height: 80px;
  border-bottom: 1px solid #1d1d1f;
  display: flex;
 
}

#gnb .logo {
  width:128px;
  height:26px;
  margin-top: 28px;
  margin-left:28px;
}

#gnb .ham {
  width:30px; height:16px;
  margin-top: 38px; margin-right: 28px;
}

#menu {
  min-width: 500px;
  height: 54px;
  font-family: "AppleSDGothicNeoB" , sans-serif ;
  font-size: 1.04rem;
  color: #1d1d1f;
  cursor:pointer;
  margin-bottom: 8px;

}

#menu ul {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
}
#menu ul li {
  display:block;
}

#menu ul li a {
  color: #1d1d1f;
}

#menu ul li a:hover {
  color: #e58011;
}

#menu ul li img {
  width:16px;
  height:16px;
  position:relative;
  top: 2px;
  right: 4px;
}

#menu ul li.menu_margin {
  margin-right: 0rem;
  margin-left: 1.4rem;
}



/* ÄÁÅÙÃ÷µé -------------------------------------------------------*/

.content {
  /* background: pink; */
  width: 100%;
  height:454px;
  margin-bottom: 2px;
  display: flex;
  flex-direction: column;
}


.pic_box {
  width:242px;
  height: 242px;
  background: white;
  margin-top: 54px;
  box-shadow: 8px 8px 24px 0px rgba(29, 29, 31, 0.17);
  border-radius: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  
}
.pic_box img {
  width: 124px;
  height: 124px;
  display:block;
  
}

.pic_box .picText {
  font-size: 14px;
  color: #e58011;
  font-family: "AppleSDGothicNeoB" , sans-serif;
  margin-top: 20px;
  text-align:center;
}

.btnJoin {
  width: 380px;
  height: 64px;
  background: #e58011;
  color:#ffffff;
  font-size: 22px;
  text-align: center;
  line-height: 68px;
  border-radius: 18px;
  box-shadow: 8px 8px 24px 0px rgba(229, 128, 17, 0.16);
  font-family: "AppleSDGothicNeoB" , sans-serif;
  cursor:pointer;
  margin-top: 50px;
}

.content .joInsub {
  font-size: 18px;
  color:#868686;
  font-family: "AppleSDGothicNeoR" , sans-serif ;
  margin-top:16px;
  text-align:center;
}



/* Á¦ÈÞ Åë½Å»çµé -----------------------------------------------------*/

.parners {
  width: 100%;
  height:478px;
  margin-top: 86px;
}

.partBox {
  width: 410px;
  height:385px;
  box-shadow: 8px 8px 24px 0px rgba(29, 29, 31, 0.17);
  border-radius: 50px;
  display: flex;
  flex-direction: row;
  /* justify-content: center; */
  flex-wrap: wrap;
}

.partBox .partText {
  font-size: 32px;
  margin-top:40px;
  font-family: "AppleSDGothicNeoEB" , sans-serif;
  margin-bottom:8px;
}

.iconBox {
  width:376px;
  height:270px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.boxWrap {
  width: 326px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 18px;

}


.parners .btnJoin {
  width: 380px;
  height: 64px;
  background: #fee40c;
  font-size: 22px;
  text-align: center;
  line-height: 68px;
  border-radius: 18px;
  box-shadow: 8px 8px 24px 0px rgba(229, 128, 17, 0.16);
  font-family: "AppleSDGothicNeoEB" , sans-serif;
  cursor:pointer;
  margin-top: 50px;
}

.btnJoin span img {
  width:34px;
  height: 32px;
  position: relative;
  top: 9px;
  right: 5px;
}




/* ǪÅÍ ----------------------------------------------------*/

.footer {
  width: 100%;
  height:358px; 
  margin-top: 96px;
}

.footer .logoZone {
  height: 40px;
}

.footer .logoZone div {
  width: 128px;
  height: 40px;
  margin: 0 auto;
}

.footer .logoZone img {
  width: 128px;
  height: 40px;
  display: block;
  text-align: center;
}

.footerMenu {
  width: 410px;
  font-size: 0.95rem;
  height:56px;
  margin-bottom: 52px;
}

.footerMenu ul {
  display: flex;
  flex-direction: row;
}

.footerMenu ul li {
  display:block;
  margin-top: 28px;
  margin-left:1rem;
  margin-right:1rem;
}

.footerMenu ul li a {
  color:#868686;
}

.footerMenu ul li a:hover {
  text-decoration: underline;
  color:#0077ed
}


.footerian {
  width: 410px;
  height: 48px;
  font-family: "AppleSDGothicNeoR" , sans-serif;
  font-size: 0.8rem;
  border-bottom: 1px solid #1d1d1f;
}

.footerian span {
  color:#0077ed;
}

.footern {
  width: 410px;
  font-size: 0.75rem;
  margin-top: 22px;
  color:#868686;
  font-family: "AppleSDGothicNeoR" , sans-serif;
  line-height: 1.3rem;
  letter-spacing: -0.01rem;
}

.footern span.telecom {
  font-family: "AppleSDGothicNeoB" , sans-serif;
  font-size: 0.8rem;
  text-decoration: underline;
}

.footern span.document {
  font-family: "AppleSDGothicNeoB" , sans-serif;
  font-size: 0.85rem;
}


/* ÈÄºÒ À¯½É ¿µ¿ª ------------------------------------*/

.bg_title {
  width: 100%;
  height:172px;
  margin-top: 31px;
  display: flex;
  flex-direction: column;
}

.bg_title .titleBox {
  width: 410px;
  height: 172px;
  background-image: url( "../../img/assets/bg-top-title.png" );
  display: flex;
  flex-direction:column;
  justify-content: center;
  text-align:center;
}

.title_assets_1 {
  font-family: "AppleSDGothicNeoR" , sans-serif;
  font-size: 1rem;
  color:#fff;
  margin-top: 12px;
}

.title_assets_2 {
  font-family: "AppleSDGothicNeoEB" , sans-serif;
  font-size: 2rem;
  color:#fff;
  margin-bottom: 10px;
}

.title_assets_3 {
  width:32px;
  height:32px;
}


/* 1¹ø° ¿ä±ÝÁ¦ open ¹Ú½º -------------------------- */

.openBox,.openBox_1,.openBox_2,.openBox_3,.openBox_4,.openBox_5,.openBox_6 {
  width: 100%;
  /* height:478px; */
  margin-top: 28px;
}

.boxwraperOpen {
  width: 410px;
  height:554px;
  box-shadow: 8px 8px 24px 0px rgba(29, 29, 31, 0.17);
  border-radius: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
}

.billinger {
  width: 310px;
  height: auto;
}

.billinger:nth-child(2) {
  border-bottom : 1px solid #1d1d1f;
  position:relative;
  height:50px;
  margin-bottom:30px;
  cursor:pointer;
}

.billinger span.fs_26 {
  position:absolute;
  bottom:8px;
}

.arrowCircle {
  width: 2rem;
  height: 2rem;
  background: #fff;
  border-radius: 50%;
  border: 3px solid #1d1d1f;
  display: inline-block;
  position: absolute;
  right: 4px;
  bottom: 10px;
}


.billinger:nth-child(11) {
  height:36px;
  width:283px;
  /* margin-bottom:30px; */
  border-top: 1px solid #1d1d1f;
  margin-top: 10px;
}

.billinger:nth-child(n+3) {
  margin-left:72px;
}

.billinger:nth-child(2n+4) {
  margin-bottom:14px;
}
.empty {
  height: 16px;
}


/* °¡ÀÔ Çϱ⠹öÆ° */
.btnJoin_jr {
  width: 262px;
  height: 52px;
  background: #0077ed;
  color:#ffffff;
  font-size: 22px;
  text-align: center;
  /* line-height: 60px; */
  border-radius: 18px;
  box-shadow: 8px 8px 24px 0px rgb(0 119 237 / 16%);
  font-family: "AppleSDGothicNeoEB" , sans-serif;
  cursor:pointer;
  margin-top: 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.btnJoin_jr span {
  display:block;
  
}

/* 1¹ø° ¿ä±ÝÁ¦ open ¹Ú½º ³¡ --------------------- */

/* 1¹ø° ¿ä±ÝÁ¦ close ¹Ú½º ½ÃÀÛ -------------------- */

.closeBox,.closeBox_1,.closeBox_2,.closeBox_3,.closeBox_4,.closeBox_5,.closeBox_6 {
  width: 100%;
  /* height:478px; */
  margin-top: 28px;
}

.boxwraperClose {
  width: 410px;
  height:210px;
  box-shadow: 8px 8px 24px 0px rgba(29, 29, 31, 0.17);
  border-radius: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
}

.sbillinger {
  width: 310px;
  height: auto;
}

.sbillinger:nth-child(1) {
  margin-top:10px;
}

.sbillinger:nth-child(2) {
  border-bottom : 1px solid #1d1d1f;
  position:relative;
  height:40px;
  cursor:pointer;
}

.sbillinger span.fs_26 {
  position:absolute;
  bottom:8px;
}

.sbillinger .arrowCircle {
  width: 2rem;
  height: 2rem;
  background: #fff;
  border-radius: 50%;
  border: 3px solid #1d1d1f;
  display: inline-block;
  position: absolute;
  right: 4px;
  bottom: 10px;
  cursor:pointer;
}

.smallSpec {
  width:310px;
  height:114px;
  display:flex;
  flex-direction: column;
  justify-content: flex-start;
}

.smallSpec .spector {
  height:30px;
  margin: 6px 0 0 1px;  
}

.spector .small_Joiner {
  width:84px;
  height:32px;
  background: #0077ed;
  text-align:center;
  border-radius: 20px;
  display:inline-block;
  cursor:pointer;
}

.spector:nth-child(3) {
  margin-bottom:20px;
}


/* addClass/removeClass ---------------------------*/

.dis { display: none;}
.notdis { display: block; }