@charset "utf-8";

:root{
      --container: 1100px;
      --nav:#0b3b8f;
      --navHover:#072f73;
      --line:#e9edf3;
      --text:#111827;
      --muted:#6b7280;
      --bg:#ffffff;
      --soft:#f6f7f9;
      --accent:#34c2c7;
      --radius:14px;
    }

    *{ box-sizing:border-box; }
    body{
      margin:0;
      font-family: 'Priston', 'Noto Sans KR', Arial, sans-serif;
      color:var(--text);
      background:var(--bg);
    }
    a{ color:inherit; text-decoration:none; }

    .wrap{
      max-width:var(--container);
      margin:0 auto;
      padding:0 18px;
    }

    /* ===== Header (100% 배경 + 내부만 정렬) ===== */
    .header{
      background:#fff;
      border-bottom:1px solid var(--line);
    }
    .header-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:18px 0;
      gap:16px;
    }
    .brand{
      display:flex;
      align-items:center;
      min-width:0;
    }
    .brand img{
      height:54px;  /* 로고 크기 */
      width:auto;
      display:block;
    }

    /* ===== Nav ===== */
    .nav{
      background:var(--nav);
      color:#fff;
      box-shadow: 0 10px 24px rgba(11,59,143,.10);
    }
    .nav-inner{
      display:flex;
      align-items:center;
      justify-content:center;
      padding:10px 0;
      gap:10px;
      position:relative;
    }

    .menu{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:26px;
      flex-wrap:wrap;
      margin:0;
      padding:0;
      list-style:none;
    }
    .menu a{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:10px 14px;
      border-radius:999px;
      font-weight:700;
      font-size:18px;
      color:rgba(255,255,255,.92);
      letter-spacing:0.8px;
      transition: background .18s ease, transform .18s ease, color .18s ease;
    }
    .menu a:hover{
      background:rgba(255,255,255,.14);
      color:#fff;
      transform:translateY(-1px);
    }
    .menu a.is-active{
      background:#ffffff;
      color:var(--nav);
    }

    /* 모바일 햄버거 */
    .hamburger{
      display:none;
      position:absolute;
      left:0;
      top:50%;
      transform:translateY(-50%);
      width:44px;
      height:38px;
      border:1px solid rgba(255,255,255,.35);
      border-radius:10px;
      background:transparent;
      color:#fff;
      align-items:center;
      justify-content:center;
      cursor:pointer;
    }
    .hamburger span{
      display:block;
      width:18px; height:2px; background:#fff; position:relative;
    }
    .hamburger span::before,
    .hamburger span::after{
      content:""; position:absolute; left:0; width:18px; height:2px; background:#fff;
    }
    .hamburger span::before{ top:-6px; }
    .hamburger span::after{ top:6px; }

    .mobile-panel{
      display:none;
      background:var(--navHover);
      border-top:1px solid rgba(255,255,255,.12);
    }
    .mobile-panel a{
      display:block;
      padding:14px 18px;
      border-bottom:1px solid rgba(255,255,255,.10);
      font-weight:800;
      color:#fff;
    }
    .mobile-panel a:hover{ background:rgba(255,255,255,.10); }

    /* ===== Main ===== */
    .main{
      padding:30px 0 0px;
    }
    .hero-card{
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:#fff;
      overflow:hidden;
      box-shadow: 0 16px 40px rgba(15,23,42,.06);
    }
    .hero-card img{
      width:100%;
      height:auto;
      display:block;
    }

    /* ===== Footer (심플+단정) ===== */
    .footer{
	  width:100%;
	  background:linear-gradient(180deg,#f8fafc 0%, #eef2f7 100%);
	  border-top:1px solid #e3e7ee;
	  margin-top:40px;        /* 본문과 간격 */
	  padding:28px 0;         /* 내부 위아래 여백 */
	}

.footer .wrap {
  max-width: 1200px;
  margin: 0 auto;
}

.footer-info p {
  margin: 6px 0;
  line-height: 1.8;
  word-break: keep-all;
}

.footer-info strong {
  font-weight: 700;
  color: #000;
  margin-right: 6px;
}

/* 모바일에서도 줄 유지 */
@media (max-width: 768px) {
  .footer {
    font-size: 13px;
  }
}






    /* ===== Responsive ===== */
/*    @media (max-width: 860px){
      .brand img{ height:46px; }
      .nav-inner{ justify-content:center; }
      .menu{ display:none; }
      .hamburger{ display:inline-flex; }

    }*/

/* 모바일 최적화 */
@media (max-width: 768px){
 .brand img{ height:46px; }
 .menu{ display:none; }
 .hamburger{ display:inline-flex; }

  /* ✅ NAV(메뉴바) 높이 줄이기 */
  .nav-inner{
    padding:10px 0;     /* 기존 4~6px → 10px */
    min-height:48px;
  }

  .col .row{
    grid-template-columns: 90px 1fr;   /* 기존 120~140 → 90 */
  }


  /* 햄버거 버튼도 바 높이에 맞게 */
  .hamburger{
    width:42px;
    height:38px;
    border-radius: 9px;
  }

  /* 모바일 메뉴 펼쳐졌을 때 항목 높이도 조금 줄이기 */
  .mobile-panel a{
    padding: 12px 18px;          /* 기존 14px -> 12px */
    font-size: 14px;
  }

  /* ✅ FOOTER 글자 작게 */
  .footer{
    font-size: 12px;             /* PC 15px 사용 중이면 모바일은 12px 권장 */
    padding: 16px 0;             /* 여백도 살짝 줄이기 */
  }

  /* 라벨(문의처, 주소...)도 같이 살짝 줄이기 */
  .label{
    width:90px;
    font-size:12px;
  }

  .value{
    font-size:12px;
    line-height:1.5;
  }
}






/*sub*/
.regist_ares {position:relative; width:860px; margin:0 auto; padding-top:150px;}
.regist_ares h3 {font-size:20px; letter-spacing:-1px; background:#e2e2e2; border:1px solid #bcbcbc; border-bottom:none; color:#000; padding:7px 15px;}

.regist_ares table.tbl_regist {width:100%; border-collapse: collapse; font-size:16px; line-height:20px; word-break: keep-all;}
.regist_ares table.tbl_regist th, td {border: 1px solid #bcbcbc;}
.regist_ares table.tbl_regist th {text-align:left; padding:10px 0 10px 15px;}
.regist_ares table.tbl_regist td {padding:10px 20px;}
.regist_ares table.tbl_regist td input {height:30px; vertical-align:middle; border: 1px solid #bcbcbc; padding:0 10px;}
.regist_ares table.tbl_regist td select {height:30px; vertical-align:middle; border: 1px solid #bcbcbc;}
.regist_ares table.tbl_regist td span.txt1 {vertical-align:middle; display:inline-block;}
.radio {width:20px; height:20px; vertical-align:middle; margin-right:5px;}
.star {font-weight:500; padding-right:5px;}
.red {color:#e20000;}
.bank {width:100%; background:#e9fbd8; border:1px solid #d0ebb6; color:#67913e; text-align:center; padding:2% 0;}

.btn_foot {width:100%; text-align:center; padding:2% 0;}
.button {font-size:16px; font-weight:500; text-align:center;  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); 
background: #012f85; border: 0; border-bottom: 2px solid #012f85; border-radius: 5px; color:#fff; padding:12px 30px 14px 30px; cursor: pointer;
   -webkit-box-shadow: inset 0 -2px #012f85;
   box-shadow: inset 0 -2px #012f85;}


.regist {background:url('../img/bg_regist.jpg') no-repeat 0 0; min-height:1050px;}
.regist_check {background:url('../img/bg_regist_check.jpg') no-repeat 0 0; min-height:560px; border:1px solid #fff;}

/*모바일*/
@media all and (max-width:1000px){
	/*
	.regist {background:url('../img/m_bg_regist.jpg') no-repeat 0 0; min-height:1050px;}

	.regist_check {background:url('../img/m_bg_regist_check.jpg') no-repeat 0 0; background-size:100%; min-height:420px;}
	*/
	
	.regist_ares {position:relative; width:100%; padding-top:12%;}
	.login_txt {font-size:20px; font-weight:800; letter-spacing:-3px;}
}




/* 온라인부스 */
.both {max-width:1000px; width:100%; margin:0 auto; min-height:400px; position:relative; padding-bottom:2%;}

.both ul {width:100%;}
.both ul li {float:left; width:182px;}

.bbox1 {width:182px; float:left; position:relative; box-shadow: 0 0 20px #bebebe; margin:9px;}
.bbox1 img {width:182px; height:130px;}
.bbox1 span {display:inline-block; width:90%; height:36px; line-height:34px; background:url('../img/bg_both.gif') no-repeat 0 0; color:#fff; font-size:14px; font-weight:700; padding:0 5%;}

.bbox2 {margin-top:1%;}
.bbox2  p {border:1px solid #d1d1d1; border-radius:15px; float:left; margin:0 4.5% 4.5% 0;}


/*모바일*/
@media all and (max-width:1000px){
	.both {min-height:290px;}
	.both ul li {float:left; width:110px;}
	.bbox1 {width:110px; float:left; position:relative; box-shadow: 0 0 20px #bebebe; margin:9px;}
	.bbox1 img {width:110px; height:79px;}
}




/*로그인*/
.login_txt {text-align:center; font-size:24px; font-weight:700; margin-top:20px;}
.signUp {
   position: relative;
   margin: 50px auto;
   width: 280px;
   padding: 33px 25px 29px;
   background: #FFFFFF;
   border-bottom: 1px solid #C4C4C4;
   border-radius: 5px;
   -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.signUp:before,
.signUp:after {
   content: '';
   position: absolute;
   bottom: 1px;
   left: 0;
   right: 0;
   height: 10px;
   background: inherit;
   border-bottom: 1px solid #D2D2D2;
   border-radius: 4px;
}

.signUp:after {
   bottom: 3px;
   border-color: #D2D2D2;
}

input {
   font-family: inherit;
   color: inherit;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.signUpInput {
   width: 300px;
   height: 50px;
   margin-bottom: 25px;
   padding: 0 15px 2px;
   font-size: 17px;
   background: white;
   border: 2px solid #EBEBEB;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 -2px #EBEBEB;
   box-shadow: inset 0 -2px #EBEBEB;
}

.signUpInput:focus {
   border-color: #62C2E4;
   outline: none;
   -webkit-box-shadow: inset 0 -2px #7e8ac8;
   box-shadow: inset 0 -2px #7e8ac8;
}

.lt-ie9 .signUpInput {
   line-height: 48px;
}

.signUpButton {
   position: relative;
   vertical-align: top;
   width: 300px;
   height: 54px;
   padding: 0;
   font-size: 20px;
   color: white;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
   background: #012f85;
   border: 0;
   border-bottom: 2px solid #012f85;
   border-radius: 5px;
   cursor: pointer;
   -webkit-box-shadow: inset 0 -2px #012f85;
   box-shadow: inset 0 -2px #012f85;
}

.signUpButton:active {
   top: 1px;
   outline: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

:-moz-placeholder {
   color: #AAAAAA;
   font-weight: 300;
}

::-moz-placeholder {
   color: #AAAAAA;
   opacity: 1;
   font-weight: 300;
}

::-webkit-input-placeholder {
   color: #AAAAAA;
   font-weight: 300;
}

:-ms-input-placeholder {
   color: #AAAAAA;
   font-weight: 300;
}

::-moz-focus-inner {
   border: 0;
   padding: 0;
}




@media all and (max-width:1000px){
	
}

@media all and (max-width:640px){
	
}