@charset "utf-8"; 

* {font-family: 'Noto sans';}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

header {padding: 32px 120px;position: absolute;top:0;left:0;display: flex;width: 100%;justify-content: space-between;}
header nav ul {display: flex;gap:48px;}
header nav ul li a {color: #9e9e9e;transition: all 0.3s;}
header nav ul li a.active, header nav ul li a:hover {color: #004A7B;text-decoration: underline;}

.signup {display: flex;}
.signup > * {width: 100%;height: 100vh;align-content: center;}

.mainvisual{background: url('../images/maivisual.png') no-repeat center center/cover;align-content: flex-end;}
.mainvisual .maintxt {color: #fff;padding: 104px 64px;}
.mainvisual .maintxt h2 {font-family: 'Roboto';font-weight: 300;font-size: 56px;line-height: 120%;margin:0 0 18px;}
.mainvisual .maintxt p {font-size: 24px;}


input[type="text"],input[type="password"],input[type="email"],input[type="file"], select {border: 1px solid #ddd;border-radius: 5px;line-height: 40px;padding: 0 12px;width: 100%;font-family: 'Noto sans';height: 40px;}
input[type="file"] {height: auto;}
input::placeholder {color: #a8a8a8;}
.input_box {margin:0 0 24px;}
.input_box p {margin:0 0 12px;}
.radio {display: flex;align-items: center;gap:4px;}
.m0 {margin:0 !important;}

.btn_double {display: flex;gap:24px;}
button {border:none;outline: none;font-family: 'Noto sans';cursor: pointer;}
.btn_lg {display: block;width: 100%;height:52px;background: #004A7B;color: #fff;border-radius: 5px;font-weight: 500;font-size: 16px;line-height: 52px;text-align: center;}
a.btn_sm {display: inline-block; background: #004A7B;color: #fff;border-radius: 5px;font-weight: 500;font-size: 14px;padding: 8px 16px;line-height: 1;}
a.btn_sm.gray {background: #ddd;color: #818181;}
a.btn_view {color: #9e9e9e;text-decoration: underline;text-align: center;display: block;margin:8px 0 0;}
.disable {background: #bbb;color: #eee;}

.flex {display: flex;gap:12px;align-items: center;}
.flex_radio {display: flex;gap:24px;}
.right {text-align: right;justify-content: end;}

.line {border: 1px solid #ddd;padding: 16px 24px;border-radius: 5px;margin:12px 0;}

.sign_wrap {max-width:560px;margin:0 auto;}
.sign_wrap h2 {font-size: 24px;font-weight:700;color: #004A7B;margin:0 0 4px;}
.sign_wrap h3 {font-size: 24px;font-weight: 600;}
.sign_wrap .input {margin:40px 0 0;}
.sign_wrap .insert_btn {border: 1px solid #004A7B;border-radius: 20px;display: block;padding: 24px 32px;display: flex;align-items: center;gap:16px;}
.sign_wrap .insert_btn:hover {background: #004a7b;}
.sign_wrap .insert_btn:hover h2 {color: #fff;}
.sign_wrap .insert_btn:hover path {stroke: #fff;}
.sign_wrap .confirm {padding: 24px 32px;border: 1px solid #a8a8a8;border-radius: 20px;margin:24px 0 0;}

.content {margin:180px auto;padding:0 120px 140px;max-width:1200px;}
.content .top {margin:0 0 60px;}
.content .top h2 {font-size: 28px;font-weight:700;color: #004A7B;margin:0 0 4px}
.content .top p {font-size: 18px;}
.content .sec_title {font-size: 28px;font-weight: 700;margin:0 0 20px;}
.content .insert_sec.first {border-top: 2px solid #eee;}
.content .insert_sec {display: block;gap:40px; padding: 40px 0;border-bottom: 2px solid #eee;}
.content .insert_sec.last {border-bottom: none;}
.content .input_tit {font-size: 18px;font-weight: 600;text-indent: -20px;padding:0 0 0 20px;margin:0 0 20px;}

.insert .input_tit_mg {margin:0 0 20px;align-items: center;}
.insert .address div:first-child {flex:1;}
.insert .address div:last-child {flex:3;}
.insert p {color: #333;}
.insert p.red {color: #df0000;font-size: 14px;}
.insert .question_btn {height:20px;display: block;}

.insert .insert_sec.between {justify-content: space-between;}
.insert .insert_sec.between .input_box {margin:0;}
.insert .insert_sec.between .input {width: auto;}
.insert .insert_sec.column {flex-direction: column;gap:20px}
.insert .insert_sec.column .input {width: auto;}

.confirm table th {width:160px;text-align: left;font-weight: 500;padding: 12px 0;}
.confirm table td {padding: 12px 0;color: #333;}

.modal_wrap {display: none; position: fixed;top:0;left:0;background: rgba(0,0,0,0.4);width: 100%;height: 100vh;}
.modal {position: absolute;width: 980px;max-height:90vh;background: #fff;border-radius: 10px;padding: 40px;top:50%;left:50%;transform:translate(-50%, -50%);overflow-y: scroll;}
.modal_sm {width: 460px;}
.modal_md {width: 760px;}
.modal .modal_tit {margin: 0 0 20px;}
.modal .modal_btn {margin: 40px 0 0;display: flex;justify-content: end;gap:8px;}
.modal .modal_tit h4 {font-size: 20px;font-weight: 700;}
.modal.payment .radio {margin:0 0 6px;}
.modal.refund .input_box {display: flex;align-items: center;}
.modal.refund .input_box p {min-width:280px;margin: 0;}

.noti ul {list-style: disc;padding:0 0 0 20px;margin:0 0 20px;}
.noti ul li {margin:0 0 8px;line-height: 1.7em;}
.noti p {font-weight: 600;margin:0 0 8px;}