html,
body {
  height: 100%;
}

#adv-wrap { margin:0 auto;}

#adv-wrap #form-wrap .card-header .more:before {content:"닫기"}
#adv-wrap #form-wrap .card-header .collapsed.more:before {content:"열기"}

#adv-wrap #form-wrap #step1 .card-body .card .card-body {padding:0;}
#adv-wrap #form-wrap #step1 .card-body select[size] {border:0; padding:0; min-height:1.5em; border-top-right-radius:0; border-top-left-radius:0;}
#adv-wrap #form-wrap #step1 .card-body select[size] option {padding:16px 30px; border-bottom:1px solid #d0d0d0; cursor:pointer}
#adv-wrap #form-wrap #step1 .card-header label {position:relative; display:block; width:100%;}

#cal-select .calendar-days .orderable {position:absolute; bottom:0; left:0; width:100%; padding:0.25em; margin:0; background:rgba(0,0,0,0.05); text-align:center;}


.calendar-days div p {margin:0; padding:0; line-height:100%;}

#adv-wrap span.option_price span {display:block;}

.form-check-input {border-color:#999}

#adv-wrap .time-list-header {display: flex; justify-content: space-between; padding: 1em 2em; align-items:center; height:5em;}
#adv-wrap .time-list-header h3 {margin:0; padding:0; font-weight:700; line-height:100%; width:100%; text-align:center;}

#adv-loading {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.1); display:flex; justify-content:center; align-items:center; z-index:9999}

/* 캡챠 자동등록*/
#captcha {display:flex; position:relative; flex-wrap:wrap;}
#captcha #captcha_mp3,
#captcha legend {display:none;}
#captcha #captcha_img {height:3em; vertical-align:top;padding:0;margin:0; order: 1; border:var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius);}
#captcha #captcha_reload {order: 2; margin-left:0.5em; background:none; border:var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius);}
#captcha #captcha_key {order: 3; border:var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out; margin-left:0.5em; padding:.375rem .75rem; width:30%;}
#captcha_info {display:block; width:100%; order:4;}


span.required-icon {color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important; --bs-text-opacity: 1; font-weight:700; margin:0 0.25em;}

#adv-wrap .table-responsive table th,
#adv-wrap .table-responsive table td,
#adv-wrap .table-time-wrap table td {position:relative; white-space:nowrap; vertical-align:middle;}
#adv-wrap .table-responsive table td.is_refund:after,
#adv-wrap .table-time-wrap table td.order_disabled:after {content:''; position:absolute; left:0; width:100%; top:calc(50% - 1px); height:2px; background:#c80000;}


.form-floating>label { color:#ccc;}
.form-floating>.form-control-plaintext~label::after, 
.form-floating>.form-control:focus~label::after, 
.form-floating>.form-control:not(:placeholder-shown)~label::after, 
.form-floating>.form-select~label::after {background-color:transparent;}



@media (max-width: 767px) {
    /*.step1-wrap {padding:0; margin:0; border:0;}
    .step1-wrap>.card-header {display:none;}
    .step1-wrap>#step1>.card-body {padding:0;}*/
    #adv-wrap #form-wrap #step1 .card-body select[size] {padding:12px 30px;}
    #adv-wrap {width:100%; max-width:100%;}
}

    

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2,
#hd_pop .sound_only {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}


.btn-group{background:#f7f7f7;border:1px solid #d4d4d4;border-radius:3px;}
.btn-group a{font-family: 'NotoSans-Medium';background:#f7f7f7;border:0;color:#333;font-size:1em;padding:10px;position:relative;}
.btn-group a:hover, .btn-group a:active, .btn-group a:visited, .btn-group a:link{background:#fff;color:#333;}
.btn-group a.btn_login {background:url(../images/login.svg) 10px center no-repeat;padding:10px 10px 10px 35px}
.btn-group a.btn_join {background:url(../images/join.svg) 10px center no-repeat;padding:10px 10px 10px 35px}
.btn-group a:after{content:'';width:1px;height:50%;background:#d4d4d4;position:absolute;right:0;top:25%;}
.btn-group a:first-child {margin-right:1px;}
.btn-group a:last-child:after{display:none;}

#adv-wrap h1{font-family: 'NotoSans-Medium';text-align:center;margin-bottom:4%}
#adv-wrap  #form-wrap{font-family: 'NotoSans-Medium';}
#adv-wrap  #form-wrap .mb-3{border-radius:0;}
#adv-wrap  #form-wrap .mb-3 .card-header{background:#293d53;border-radius:0;}
#adv-wrap  #form-wrap .mb-3 .card-header a{color:#fff;font-size:1.2em;}
#adv-wrap  #form-wrap .mb-3 .card-header .more{background:url(../images/btn_more_.svg) center right no-repeat;padding-right:40px;}
#adv-wrap  #form-wrap .mb-3 .card-header .collapsed{background:url(../images/btn_more.svg) center right no-repeat;padding-right:40px;}
#adv-wrap  #form-wrap .mb-3 .card-header .flex-grow-1 a{background:none !important;}
.step1-wrap{border-radius:0;}
.step1-wrap .card-header{background:#293d53;border-radius:0;}
.step1-wrap .card-header a{color:#fff;font-size:1.2em; }
.step1-wrap .card-body .category-select-wrap .card{border-radius:0;}
.step1-wrap .card-body .category-select-wrap .card .card-header{background:#e0e9f3 !important;padding:13px 20px}
.step1-wrap .card-body .category-select-wrap .card .card-header label{color:#004ea2;position:relative;padding-left:15px;font-size:1.2em;}
.step1-wrap .card-body .category-select-wrap .card .card-header label:before{content:'';width:9px;height:9px;border-radius:50%;background:#004ea2;position:absolute;left:0;top:10px;}

.btn-success{width:264px; height:77px;background:#004ea2 url(../images/app_icon.svg) center right 50px no-repeat;border-radius:0;margin:4% auto; transition:all 0.5s;border:0;border-radius:5px;}
.btn-success:hover{background-color:#e50060;}

.form-login{}
.form-login button{padding:22px 5px;margin-top:30px;background:#004ea2;transition:all 0.5s;border-radius:5px;border:0;}
.form-login button:hover{background-color:#293d53;}

.form-signup{font-family: 'NotoSans-Medium';}
.form-signup .card{border-radius:0;}
.form-signup .card-header{background:#293d53;border-radius:0;color:#fff;font-size:1.2em;padding:13px 20px}
.form-signup a.btn-secondary{border-radius:5px;padding:18px 10px;border:0}
.form-signup #btn_submit{border-radius:5px;padding:18px 10px;background:#004ea2;border:0}