@charset "utf-8";

/*===========================
root
===================================*/
strong {font-weight:800;}
.blue {color:var(--navy03)}
.blue02 {color:var(--blue04)}
.mb20 {margin-bottom:20px; }

:root {
--navy01: #0A2A43;   /* 가장 핵심. 공공기관 느낌의 깊은 네이비 */
--navy02: #123A57;   /* 서브 네이비. 헤더/푸터에 잘 어울림 */
--navy03: #1F4F6E;   /* 버튼/강조 라인 */
--navy04: #2F6A8C;   /* 서브 타이틀, 강조 텍스트 */
--navy05: #3D8EBB;   /* 링크/아이콘 포인트 */
--navy06: #61B0D4;   /* 호버/엑센트 */
--navy07: #AFC3D4;   /* 카드 배경, 보조 영역 */
--navy08: #D7E2EB;   /* 밝은 컨테이너 배경 */
--navy09: #F1F5F9;


--blue01: #0D1E4F;   /* 아주 딥한 네이비블루 */
--blue02: #102C6D;   /* 기준색보다 더 어두운 톤 */
--blue03: #153A91;   /* ★ 기준색 (메인) */
--blue04: #1F56B9;   /* 좀 더 퓨어하고 선명한 블루 */
--blue05: #2D72D9;   /* 강한 포인트 블루 (버튼/CTA) */
--blue06: #5A9EF0;   /* 라이트하고 밝은 블루 */
--blue07: #A9D0F8;   /* 파스텔 블루 (배경/카드) */
--blue08:#E1F7FF;
--blue09:#AEE0F9;
--gray01: #1B1B1B;   /* 제목용 깊은 차콜 */
--gray02: #3A3A3A;   /* 본문 텍스트 */
--gray03: #6A6A6A;   /* 보조 텍스트 */
--gray04: #E5E7EA;   /* 라인/테두리 */
--gray05: #F5F7FA;   /* 페이지 전체 배경 */
--gray06: #ddd;
--gray07: #eee;
--gray08: #888;


}









/*===========================
br
===================================*/
	span.br {display:block; }

		@media (min-width: 1024px) {
			span.br {display:none;}
		}


/*===========================
new_header
===================================*/
.new_header  {background:#fff; border-bottom:1px solid #ddd; gap:0px 3%; height:120px; position:fixed;z-index:999; top:0; left:0; width:100%;}
.new_header h1{background:#153a91; width:140px;  padding:30px 0px;  height: 100%; }
.new_header h1 img {width:48%;   filter: brightness(7);}

.new_header h2 {font-size:clamp(14px, 2.5vw, 21px); font-weight:900; line-height:1.3; flex:1;}

.new_header ul {gap:20px; background:#eee; height: 100%;  padding:0px 30px;}
	.new_header ul  li a {display:flex; align-items: center;}
	.new_header ul  li img{height:30px; width:auto; }

		@media (min-width: 1250px) {
			.new_header ul  li img{height:36px; }
		}
		@media (max-width: 1249px) {
			.new_header ul{flex-direction:column;}
		}

		@media (min-width: 1024px) {
		 .new_header h1{width:16%; max-width:240px;}
		}
		@media (max-width: 1023px) {
			.new_header{flex-wrap:wrap;}
			.new_header ul {width:100%;  height:auto; padding:10px 0px; flex-direction:row;}

			}




		@media (max-width: 768px) {

		}


/*===========================
sub_wrap
===================================*/

.sub_wrap  { background:#fff;  width:100%; padding-top:160px; 
padding-bottom:40px;min-height:500px; max-width:1500px; width:90%; margin:0 auto;}



		@media (max-width: 768px) {
		.sub_wrap  { padding-top:200px; ;}
		}



/*===========================
info
===================================*/




.reg-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  table-layout: fixed;
}

.reg-table th,
.reg-table td {
  border: 1px solid #cccccc;
  padding: 8px 10px;
  text-align: left;
}

.reg-table thead th {
  background: #00669b;      /* 상단 진파랑 */
  color: #ffffff;
  font-weight: 600;
}

.reg-table .th-sub {
  font-weight: 400;
  font-size: 12px;
}

/* 본문 행 배경 (이미지처럼 은은한 스트라이프) */
.reg-table tbody tr.row-light td:first-child {
  background: #e8f0f4;      /* 연한 블루 */
}

.reg-table tbody tr:not(.row-extra):not(.row-light) td:first-child {
  background: #f4f7f9;      /* 조금 다른 연블루 */
}

/* 추가 옵션 영역 (연한 그린) */
.reg-table tbody tr.row-extra td {
  background: #e7f3df;
}

/* 숫자 오른쪽 정렬하고 싶으면 */
.reg-table td:nth-child(2),
.reg-table td:nth-child(3) {
  text-align: right;
}











/*===========================
new_header
===================================*/

@media (min-width: 768px) {
  /* tablet */
}

@media (min-width: 1024px) {
  /* desktop */
}


/*===========================
box
===================================*/
.box {padding:clamp(20px, 2.5vw, 40px); margin-bottom:30px;}
.box.st01 {background:#F5F7FA; border:1px solid #ddd; }
.box.st02 {border:1px solid #ddd; }


/*===========================
tit
===================================*/
h2.tit {font-size:clamp(20px, 2.5vw, 30px); font-weight:800; line-height:1.3; padding-bottom:25px; padding-top:40px;}
h3.tit {font-size:clamp(17px, 2.5vw, 23px); color:var(--blue03); font-weight:600; line-height:1.3; padding-bottom:10px; padding-top:10px;}
h3.tit:before{content:'-'; color:var(--blue03); padding-right:10px;}



/*===========================
dept_st01 
===================================*/

.dept_st01 > li {
  position: relative;
  padding-left: 14px;
  color: var(--gray01);
  line-height: 1.6;
  font-size:clamp(15px, 2.5vw, 17px);
}

.dept_st01 > li::before {
  content: "";
  position: absolute;
  left: 0;
  border-radius:50%;
  top: 11px;
  width: 4px;
  height: 4px;
  background: var(--navy04);
}

/* ===========================
   3Depth (dept_st03)
   =========================== */
.dept_st01 li ul {
  padding-left: 16px;
  margin-top:8px; margin-bottom:20px;
}

.dept_st01 li ul > li {
  position: relative;
  padding-left: 16px;
  margin-bottom: 4px;
  color: var(--gray03);
  font-size:clamp(14px, 2.5vw, 16px);
}

.dept_st01 li ul > li::before {
  content: "–";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--gray03);
}





/* ===========================
   progress-container
   =========================== */

.progress-container {
    width: 100%;
    padding: 20px 0 50px 0px;; 
}

.progress-bar {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}

.progress-bar::before {
    content: '';
    position: absolute;
    top: 18px;
    left: 0;
    right: 0;
    height: 1px;
    background:var(--gray04);
    z-index: 1;
}

.progress-step {
    flex: 1;
    text-align: center;
    position: relative;
    z-index: 2;
    color: var(--grey04);
}

.step-label {
    background:var(--navy07);
    color: white;
    padding: 10px 0;
    padding-left:clamp(13px, 2.5vw, 25px);
    padding-right:clamp(13px, 2.5vw, 25px);
    border-radius: 999px;
    display: inline-block;
    font-weight: 900; line-height:1.9;
    font-size:clamp(13px, 2.5vw, 16px);
    margin-bottom: 20px;
}

.step-description {
    font-size:clamp(15px, 2.5vw, 20px);
    line-height: 1.4;
    color:var(--navy07);
    font-weight:600;
}

.progress-step.active .step-label {
    background:var(--blue04);
    color: #fff;
}
.progress-step.active .step-description {
    color:var(--blue04);
    font-weight: 900;
}

/*===========================
footer
===================================*/


#footer {background:var(--gray03); line-height:1.3;  text-align:Center; overflow:hidden; 
color:#fff; font-size:clamp(12px, 2.5vw, 16px)}
#footer  .inner-f {display:Flex; width:100%;}
#footer  .inner-f > div {flex:1; display:flex; 
flex-wrap:wrap; gap:10px 20px; text-align:Center;  overflow:hidden;justify-content: center;  padding:50px 40px;}
#footer  .inner-f > div:nth-child(1) {background:rgba(0,0,0,0.5)}
#footer  .inner-f > div:nth-child(2) {background:rgba(0,0,0,0.4); }
#footer  .inner-f > div h3 { width:100%;  margin:0; color:#fff; font-size:clamp(15px, 2.5vw, 22px); font-weight:600;}
#footer  .inner-f dl {display:flex; gap:5px; opacity:0.8; flex-wrap:wrap; justify-content: center; }

#footer  .inner-f > div:nth-child(2) dl{min-width:35%;}
#footer  .inner-f > div:nth-child(2) dl:last-child{max-width:100%}


#footer  .inner-f dl dt {font-weight:500;}
#footer  .inner-f dl dd {font-weight:300;}
#footer .copy { font-size:13px; line-height:1.3;  opacity:0.6; padding:20px; text-align:center; width:100%;}

@media (max-width: 1023px) {
#footer  .inner-f {flex-direction:column;}

#footer  .inner-f > div { gap:6px 20px;   padding:20px 20px;}


}


@media (min-width: 768px) {
}

/*===========================
section.form_wrap
===================================*/
.form_wrap {display:flex; border-top:2px solid var(--gray03);
 border-bottom:1px solid var(--gray03); margin-bottom:30px;
margin-top:30px; flex-wrap:wrap; flex-direction:column; gap:0px 0px;}



.form_wrap  dl{ width:100%; padding: 25px 0px; gap:20px 10px; display: flex; flex-wrap:wrap; border-top:1px solid var(--gray04);}

.form_wrap  dt { width:260px;
  font-weight: 700;
  font-size:clamp(14px, 2.5vw, 20px);
}

.form_wrap .dt_wide dt {width:700px;}

.form_wrap  dt.required::after {
  content: "*";
  margin-left: 11px;
  color: #e11d48;
  font-size: 1rem;
}

.form_wrap  dd {
  flex:1;
}

ul.tiny {padding-top:20px;}
ul.tiny li{font-size:14px; line-height:1.3; margin-bottom:5px; position:relative; padding-left:15px;}
ul.tiny li:before{content:'-'; position:absolute; top:0; left:0;}


button,
 input:not([type="checkbox"]):not([type="radio"]),
select,
textarea,
.form_wrap button,
.form_wrap input:not([type="checkbox"]):not([type="radio"]),
.form_wrap select,
.form_wrap textarea {
max-width:400px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  line-height:40px; height:40px;
  border: 1px solid #d1d5db;
  padding:0px 14px;
  outline: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}
button {max-width:auto;}
.form_wrap .btn {background:var(--blue03); border:none !important;  width:fit-content !important;
padding:0px 30px !important; 
font-weight:800 !important; color:#fff;  font-size:clamp(14px, 2.5vw, 16px);}
.form_wrap input:not([type="checkbox"]):not([type="radio"]),
.form_wrap select {
  background-repeat: no-repeat;
  background-position: 16px center;
  background-size: 16px 16px;
  font-weight:600;
}
.form_wrap textarea {
  padding-left: 14px; height:100px; line-height:1.4;
  resize: vertical;
  background-image: none !important;
}
.form_wrap input:not([type="checkbox"]):not([type="radio"]):focus,
.form_wrap select:focus,
.form_wrap textarea:focus {
  background-color: var(--gray05);
  box-shadow: 0 0 0 1px rgba(21, 58, 145, 0.12);
}

.form_wrap input::placeholder,
.form_wrap textarea::placeholder {
  color:var(--gray08);
}
 .checklist {gap:7px 30px; flex-wrap:wrap; align-items: center;}

 .checklist label{font-size:clamp(14px, 2.5vw, 17px); line-height:1.3;}



.form_wrap select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 40px;
  background-color:#fff;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm19.5%208.25-7.5%207.5-7.5-7.5'%20%2F%3E%3C%2Fsvg%3E");
background-size: auto 20px;
background-repeat: no-repeat;
background-position: right 17px center;
  background-repeat: no-repeat;
}

/* 체크박스 스타일 */
.form_wrap input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: #153a91;
}



.btn-box {display:flex; flex-wrap:wrap; gap:0px; flex-direction:column;  padding:20px; background:var(--navy09);}

.btn-box .btn-toggle { border:none;border-top:1px solid rgba(0,0,0,0.1); width:100% !important;
    cursor: pointer; font-weight:700;  max-width:100%;
   text-align:left; padding:10px;
   font-size:17px; line-height:1.5 !important; color:var(--blue03);
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'2.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm19.5%208.25-7.5%207.5-7.5-7.5'%20%2F%3E%3C%2Fsvg%3E");
	background-size: auto 20px;
	background-repeat: no-repeat;
	background-position: right 20px center;
}

.btn-box .btn-toggle.on {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'2.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm4.5%2015.75%207.5-7.5%207.5%207.5'%20%2F%3E%3C%2Fsvg%3E");
}
.btn-box .btn-toggle:nth-child(1) {border-top:0;}

.oneday {
    display: none;
}

.btn-box .terms-box {
    width: 100%; background:#fff;
    display: none;  padding:clamp(10px, 2.5vw,20px);
}

.terms-box .inner {height:200px;  padding:20px 0px;  background:rgba(100,100,100,0.05); padding:30px;
width:100%; overflow-y:scroll;}
.terms-box .inner h3{font-size:17px; line-height:1.3; margin-top:0; padding-top:10px;}
.terms-box .inner > * {font-size:14px; line-height:1.5;}


.terms-box  .agree-area {
    display: none; 
    margin-top: 20px; line-height:1.3;
	font-size:clamp(14px, 2.5vw, 17px)
}
.terms-box  .disabled {
    opacity: 0.4;
    pointer-events: none;
}
.terms-box  .btn-box {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.next_btn {display:flex; flex-wrap:wrap; gap:20px; padding:30px 0px; justify-content: center;}


.next_btn  button,
.next_btn  a {border-radius:9999px; background:var(--blue03); height:auto; color:#fff !important;  width:45%; text-align:Center;
font-size:clamp(20px, 2.5vw, 25px); max-width:300px; line-height:1.4; padding:15px 0px; font-weight:900;}

.next_btn .prev {background:var(--blue05);}

.chk {
    appearance: none;
    -webkit-appearance: none;
    width: 22px;
		border-radius:50%;
    height: 22px;
    cursor: pointer;
    vertical-align: middle;
    transition: all .3s;
}


.chk{
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'4.5'%20stroke%3D'%23fff'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm4.5%2012.75%206%206%209-13.5'%20%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center center;
	background-size:auto 0px;
}
.chk{
    background-color:#fff;
	border:1px solid #ccc;
}

.chk:checked {
	background-size:auto 12px;
    background-color:var(--blue04); 
	border:1px solid var(--blue04);

}

/* disabled */
.chk:disabled {
    background-color: #e5e5e5;
    border-color: #ccc;
    cursor: not-allowed;
    opacity: .6;
}


@media (max-width: 768px) {
	.progress-container {padding-bottom:0px;}
	.progress-step {display:none;}
	.progress-step.active {display:block;}
.form_wrap dl {gap:0px 0px; padding:10px 0px;}
.form_wrap dl dt {width:100%;}
.form_wrap .btn {width:100% !important;}
.terms-box .inner {padding:10px !important;}
}





/*===========================
step02
===================================*/

#total_display {
  display: flex; flex-wrap:wrap;
  gap:20px 30px;
	justify-content: right;
  align-items: center;
  font-weight:500;
  font-size:clamp(20px, 2.5vw, 30px);
  padding:30px 3%;
  border: 2px solid var(--blue05);
}

#total_display dt {font-weight:800; color:var(--blue04)}





.welcome_msg dt {font-weight:800; font-size:clamp(20px,2.5vw, 30px); line-height:1.5;}
.welcome_msg dd {font-size:clamp(16px,2.5vw, 17px);  line-height:1.5; padding-top:10px;}

#file_upload_field {margin-top:20px; border:1px solid var(--blue05); padding:15px; background-color:var(--gray05) }
#file_upload_field  .int {color:var(--blue03); font-weight:700;}


.wd12per {width:12%;}
.wd15per {width:15%;}

.tbl-registration th,
.tbl-registration td {text-align:center;}

.tbl-registration .highlight-rate {
    background-color: var(--blue08);
}
.tbl-registration .hr02 td{
    background-color: var(--blue09);

}
.period-passed {
    color: #ccc;
    background-color: #f9f9f9;
}
.reg-option {
    cursor: pointer;
}
.cate-radio-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 25px;
    align-items: center;
}
.cate-radio-wrap label {
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
}
.cate-radio-wrap input[type="radio"] {
    margin-right: 5px;
}



.tb_base {    width: 100%; margin-top:20px;
    border-collapse: collapse;
	border-top: 2px solid var(--gray03);
  border-bottom: 1px solid var(--gray03);}

.tb_base thead {background:var(--gray05);}
.tb_base  th,
.tb_base  td {border:1px solid rgba(0,0,0,0.1);
    padding-top:clamp(10px, 2.5vw, 20px);  
	padding-bottom:clamp(10px, 2.5vw, 20px);  
    padding-left:clamp(5px, 2.5vw, 15px);  
    padding-right:clamp(5px, 2.5vw, 15px);  
	font-size:clamp(14px, 2.5vw, 18px); line-height:1.3;
}



.inq {display:flex; flex-wrap:wrap; gap:10px 20px;}
.inq dt,
.inq dd {font-size:clamp(17px, 2.5vw, 20px); font-weight:700; line-height:1.5;}
.inq dd a {color:var(--blue03)}
.inq dt svg {width:20px; height:20px; vertical-align:middle;}



/*===========================
sectoin reg3
===================================*/

    .section-header {
        display: flex; padding-top:30px;
        align-items: center;
		font-size:clamp(18px, 2.5vw, 25px);
		color:var(--blue04);
        line-height:1.5;
		font-weight:700;
		padding-bottom: 10px;
    }

    /* Edit 버튼 스타일 */
    .edit-btn {
		background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'%23fff'%20class%3D'size-4'%3E%3Cpath%20d%3D'M13.488%202.513a1.75%201.75%200%200%200-2.475%200L6.75%206.774a2.75%202.75%200%200%200-.596.892l-.848%202.047a.75.75%200%200%200%20.98.98l2.047-.848a2.75%202.75%200%200%200%20.892-.596l4.261-4.262a1.75%201.75%200%200%200%200-2.474Z'%20%2F%3E%3Cpath%20d%3D'M4.75%203.5c-.69%200-1.25.56-1.25%201.25v6.5c0%20.69.56%201.25%201.25%201.25h6.5c.69%200%201.25-.56%201.25-1.25V9A.75.75%200%200%201%2014%209v2.25A2.75%202.75%200%200%201%2011.25%2014h-6.5A2.75%202.75%200%200%201%202%2011.25v-6.5A2.75%202.75%200%200%201%204.75%202H7a.75.75%200%200%201%200%201.5H4.75Z'%20%2F%3E%3C%2Fsvg%3E");
		background-color:var(--blue04);
		background-size: auto 18px;
		background-repeat: no-repeat;
		background-position: left 23px center;
        padding:10px 20px 10px 47px;
        color: #fff !important;
        border-radius: 5px;
        font-size: 14px;
        font-weight: 800;
        margin-left: 10px;
        transition: all 0.2s;
    }
    .edit-btn:hover {
		background-color:var(--blue02);
    }

    /* 취소 정책 박스 */
    .cancel-policy-box {
        border: 1px solid var(--gray03); 
        margin-top: 10px; 
    }

    .cancel-policy-box > div {padding:30px 30px;}
	    .cancel-policy-box > div dl {display:flex; flex-wrap:wrap; gap:10px 20px; font-weight:600;}
	    .cancel-policy-box > div dl dd{color:var(--blue04); font-weight:800}
    .cancel-policy-box .check_area {background:var(--gray07); padding:10px 20px; }

.checkpayment {gap:20px;}

    /* 결제 상세 박스 숨김 처리 (초기값) */
    #payment_credit_detail, #payment_wire_detail {
        display: none;
    }



#payment_credit_detail {padding:30px 3%; background:var(--blue04)}
#payment_credit_detail  ul  {display:flex; flex-wrap:wrap; flex-direction:column; gap:10px 0px;}
	#payment_credit_detail  ul li{font-weight:600;color:#fff; position:relative; font-size:clamp(14px, 2.5vw, 16px);  padding-left:15px;
	line-height:1.4; }
	#payment_credit_detail  ul li:before {content:''; background:#fff; width:4px; height:4px; position:absolute; top:11px; left:0; border-radius:50%;}

#payment_credit_detail  button {width:100%; text-align:Center; margin-top:30px;  border:0px; max-width:100%; color:#fff;
 font-weight:800; font-size:clamp(18px, 2.5vw, 25px); line-height:1.5; height:auto; padding-top:15px; padding-bottom:15px;
background:Rgba(0,0,0,0.6)}

#payment_credit_detail  p {font-weight:800; color:#fff;  text-align:Center; font-size:13px; padding-top:15px;  line-height:1.3; opacity:0.7;}

@media (max-width: 768px) {
.form_wrap {margin-top:10px;}
    .edit-btn {
        padding:6px 10px 6px 37px;
		background-position: left 13px center;
    }




}

@media (min-width: 1024px) {
  /* desktop */
}




.mypage_btnarea {gap:20px 20px;  flex-wrap:wrap;
padding-top:clamp(30px, 2.5vw, 70px);
padding-bottom:clamp(30px, 2.5vw, 70px);}
.mypage_btnarea dl {flex:1; cursor:pointer; text-align:Center; transition:all 1s; border:1px solid var(--blue03); padding:clamp(10px, 2.5vw, 40px);  }
.mypage_btnarea dl dt svg{width:clamp(40px,2.5vw, 130px); height:clamp(40px,2.5vw, 130px);}
.mypage_btnarea dl dd{border-top:1px solid #ddd; padding-top:10px; font-weight:600;  line-height:1.4; font-size:clamp(17px,2.5vw,21px); }

.mypage_btnarea dl:hover {background-color:var(--gray05)}

@media (max-width: 768px) {
.mypage_btnarea dl  {flex-basis:calc(50% - 20px)}
    }



/*===========================
new_header
===================================*/





@media (min-width: 768px) {
  /* tablet */
}

@media (min-width: 1024px) {
  /* desktop */
}



/*===========================
inner_login_wrap
===================================*/
.inner_login_wrap {display:flex; flex-wrap:wrap; gap:20px 20px;justify-content: center;  align-items: center;
padding:30px 30px; background:var(--blue05); margin-top:20px;}
	.inner_login_wrap div {display:flex; flex-wrap:wrap;gap: 20px 40px; }
	.inner_login_wrap dl dt {color:#fff;}
	.inner_login_wrap dl {display:flex; flex-wrap:wrap;gap: 20px 20px;}
	.inner_login_wrap dd input {width:100%; max-width:350px; border:none}
	.inner_login_wrap .reg_btn input{color:#fff; background:var(--blue03); border:none; padding:0px 40px;
	font-weight:700; font-size:17px;}


@media (max-width: 767px) {
.inner_login_wrap {gap:20px 10px; padding:20px 20px;}
	.inner_login_wrap dl dt {width:70px; font-size:15px;}
	.inner_login_wrap div {gap: 10px 3px; }
	.inner_login_wrap dl dd{flex:1}
	.inner_login_wrap dd input { max-width:100%;}
	.inner_login_wrap .reg_btn{width:100% }
	.inner_login_wrap .reg_btn input{width:100%;}

}