input:focus{
    outline:none;
}

textarea{
    outline:none;
    resize:none;
}

/* mobile */
@media (max-width: 833px) { 
    .text1{font-size:20px; font-weight:600; line-height:135%; margin-top:100px;}
    .contact_type_btn{width:120px; height:38px; margin:0px 7px 50px 0px;}
    .text2{font-size:16px; font-weight:500; line-height:135%; margin-top:40px; margin-bottom:16px;}
    .text3{font-size:14px; font-weight:500; line-height:120%;}
    .text4{font-size:16px; font-weight:500; line-height:135%;}
    .input-div{width:312px; height:68px; margin-bottom:28px;}
    .form-text, .form-select{height:46px; padding-left:6px; padding-right:6px; font-size:13px; font-weight:400; line-height:135%;}
    .select-text{font-size:13px; font-weight:400; line-height:135%;}
    
    .textarea-div span, .textarea-div div{width:312px;} .textarea-div span{margin-bottom:6px;}
    .textarea-div div textarea{height:135px; margin-bottom:20px;}
    .text5{font-size:13px; font-weight:300; line-height:135%; margin-left:5px;}
    .text6{font-size:14px; font-weight:400; line-height:135%; margin-top:6px;}
    .text7{font-size:14px; font-weight:500; line-height:120%;}
    .submit-btn{width:112px; height:40px; margin-top:24px; margin-bottom:100px;}
    .custom-select-arrow { position: absolute; top: 0px; right: 6px; }
    .booked_day, .booked_time{padding-left:6px; padding-right:6px; background-position: calc(100% - 6px) center;}
    .datepicker-dropdown {width:312px; left:0px}
    .mobile-flex-column{flex-flow:column;}
    .daySubmit, .customSubmit{width:138px; height:36px;}
}
/* pad */
@media (min-width: 834px) and (max-width: 1279px) { 
    .text1{font-size:44px; font-weight:600; line-height:125%; margin-top:170px;}
    .contact_type_btn{width:320px; height:75px; margin:0px 10px 148px 10px;}
    .text2{font-size:24px; font-weight:500; line-height:135%; margin-top:50px; margin-bottom:30px;}
    .text3{font-size:24px; font-weight:500; line-height:120%;}
    .text4{font-size:24px; font-weight:500; line-height:135%;}
    .input-div{width:340px; height:102px; margin-bottom:50px;}
    .input-div:first-child{margin-right:58px;}
    .form-text, .form-select{height:64px; padding-left:16px; padding-right:16px; font-size:22px; font-weight:400; line-height:135%;}
    .select-text{font-size:22px; font-weight:400; line-height:135%;}
    
    .textarea-div span, .textarea-div div{width:738px;}
    .textarea-div span{margin-bottom:14px;}
    .textarea-div div textarea{height:234px; margin-bottom:50px;}
    .text5{font-size:22px; font-weight:300; line-height:135%; margin-left:14px;}
    .text6{font-size:20px; font-weight:300; line-height:135%; margin-left:10px;}
    .text7{font-size:24px; font-weight:500; line-height:120%;}
    .submit-btn{width:195px; height:75px; margin-top:50px; margin-bottom:130px;}
    .custom-select-arrow { position: absolute; top: 15px; right: 15px; }
    .booked_day, .booked_time{padding-left:16px; padding-right:16px; background-position: calc(100% - 16px) center;}
    .datepicker-dropdown {width:413px;}
    .daySubmit, .customSubmit{width:174.5px; height:36px;}
}
/* pc */
@media (min-width: 1280px) and (max-width: 1919px) { 
    .text1{font-size:50px; font-weight:600; line-height:125%; margin-top:200px;}
    .contact_type_btn{width:320px; height:75px; margin:0px 15px 86px 15px;}
    .text2{font-size:30px; font-weight:400; line-height:125%; margin-top:60px; margin-bottom:30px;}
    .text3{font-size:24px; font-weight:500; line-height:120%;}
    .text4{font-size:24px; font-weight:500; line-height:135%;}
    .input-div{width:456px; height:102px; margin-bottom:50px;}
    .input-div:first-child{margin-right:72px;}
    .form-text, .form-select{height:64px; padding-left:16px; padding-right:16px; font-size:22px; font-weight:400; line-height:135%;}
    .select-text{font-size:22px; font-weight:400; line-height:135%;}
    
    .textarea-div span, .textarea-div div{width:984px;}
    .textarea-div span{margin-bottom:14px;}
    .textarea-div div textarea{height:234px; margin-bottom:50px;}
    .text5{font-size:22px; font-weight:300; line-height:135%; margin-left:14px;}
    .text6{font-size:20px; font-weight:300; line-height:135%; margin-left:20px;}
    .text7{font-size:24px; font-weight:500; line-height:120%;}
    .submit-btn{width:173px; height:75px; margin-top:50px; margin-bottom:180px;}
    .custom-select-arrow { position: absolute; top: 15px; right: 15px; }
    .booked_day, .booked_time{padding-left:16px; padding-right:16px; background-position: calc(100% - 16px) center;}
    .datepicker-dropdown {width:413px;}
    .daySubmit, .customSubmit{width:174.5px; height:36px;}
}
/* hd */
@media (min-width: 1920px) {
    .text1{font-size:60px; font-weight:600; line-height:125%; margin-top:280px;}
    .contact_type_btn{width:320px; height:75px; margin:0px 15px 120px 15px;}
    .text2{font-size:30px; font-weight:400; line-height:125%; margin-top:90px; margin-bottom:30px;}
    .text3{font-size:24px; font-weight:500; line-height:120%;}
    .text4{font-size:24px; font-weight:500; line-height:135%;}
    .input-div{width:514px; height:102px; margin-bottom:50px;}
    .input-div:first-child{margin-right:80px;}
    .form-text, .form-select{height:64px; padding-left:16px; padding-right:16px; font-size:22px; font-weight:400; line-height:135%;}
    .select-text{font-size:22px; font-weight:400; line-height:135%;}
    .textarea-div span, .textarea-div div{width:1108px;}
    .textarea-div span{margin-bottom:14px;}
    .textarea-div div textarea{height:234px; margin-bottom:48px;}
    .text5{font-size:22px; font-weight:300; line-height:135%; margin-left:14px;}
    .text6{font-size:20px; font-weight:300; line-height:135%; margin-left:14px;}
    .text7{font-size:24px; font-weight:500; line-height:120%;}
    .submit-btn{width:195px; height:75px; margin-top:70px; margin-bottom:324px;}
    .custom-select-arrow { position: absolute; top: 15px; right: 15px; }
    .booked_day, .booked_time{padding-left:16px; padding-right:16px; background-position: calc(100% - 16px) center;}
    .datepicker-dropdown {width:413px;}
    .daySubmit, .customSubmit{width:174.5px; height:36px;}
}
.form-text{width:100%;background-color: transparent;border: 0;border-bottom: 1px solid #CBCBCB;}

.form-textarea{
    width:100%;
    border:1px solid #CBCBCB;
}

.text2{
    color:#2A3F96;
}

.btn-radio:checked + label {
    background-color: black;
    color: white;
}

.btn-radio:not(:checked) + label {
    background-color: #E7E7E7;
    color: black;
}

.submit-btn{
    border:0px;
}


/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

.datepicker table{
    width:100%;
}

.datepicker-dropdown {
    border-radius:12px;
    box-shadow:0 3px 12px rgba(0, 0, 0, 0.2);
    border:0px;
}

.datepicker tr{
    display:flex;
    justify-content: space-between;
}

.datepicker thead tr:nth-child(2){
    padding:16px;
}

.datepicker thead tr:nth-child(3){
    padding: 0px 14px;
}

.datepicker td, .datepicker th {
    height: 32px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.datepicker td, .datepicker th:not(.datepicker-switch, .datepicker .prev, .datepicker .next) {
    width: 32px;
}

.datepicker .prev, .datepicker .next{
    width:40px !important; height:40px !important;
}

.datepicker th{
    font-size:15px;
    font-weight:400;
    line-height: 135%;
}

.datepicker td {
    font-size:14px;
    font-weight:400;
}

.datepicker tbody tr:first-child{
    padding:16px 16px 4px 16px !important;
}

.datepicker tbody tr:last-child{
    padding:4px 16px 16px 16px !important;
}

.datepicker tbody tr{
    padding: 4px 16px;
}


.datepicker {
    text-align:center;
    padding:0px;
}

.datepicker .prev, .datepicker .next{
    box-shadow:0 1px 5px rgba(17, 12, 34, 0.1);
    border:1px solid #E4E6E7;
    border-radius: 6px;
}

.daySubmit{
    box-shadow:0 1px 2px rgba(42, 59, 81, 0.11), 0px 0px 0px 1px rgba(18, 55, 105, 0.08);
    border:1px solid #F4F4F5;
    border-radius: 6px;
}

.datepicker .prev, .datepicker .next, .customSubmit, .customTimeSubmit{
    cursor:pointer;
}

.customSubmit{
    background-color:black;
    color:white;
    border-radius:6px;
}

.customTimeSubmit{
    background-color:black;
    color:white;
    border-radius:6px;
    margin-top:134px;
    height:30px;
    /* width: 206px; */
}

.daySubmit, .customSubmit, .customTimeSubmit{
    font-size:14px; font-weight:500;
}

.datepicker-custom{
    padding:16px;
    border-top:1px solid #F4F4F5;
}

.old.day, .new.day{
    color:lightgray;
}

.datepicker thead tr:nth-child(2){
    border-bottom:1px solid #F4F4F5;
}

.datepicker .datepicker-switch{
    font-size:24px; font-weight: 600; line-height: 135%; height:40px;
}

.datepicker .dow{
    color:#71717A;
    width:36px; height:36px;
}

.datepicker .day{
    border-radius:999px;
    cursor:pointer;
}

.datepicker .day.active{
    background-color:#000000;
    color:white;
}

.datepicker .day:hover{
    background-color:rgba(26,26,26,0.28);
    color:white;
}

.form-select{
    border-radius:0;
}

.form-check-input[type=checkbox]{
    border-radius:0;
}
.form-check-input:checked{
    background-color: black;
    border-color:black;
    border-radius:2px;
}

.text6{
 color:#486DFB;
 text-decoration: underline;   
}

#privacy_popup .modal-dialog{
    max-width:356px;
}

#privacy_popup .modal-dialog{
    margin:0 auto;
}



#incoming_path option {
    background: white;
    color: black;
    padding: 3px 0;
  }

/* select  */
li {
    margin: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    padding:5px 20px;
}
ol, ul {
list-style: none;
padding:0;
}

.area-custom-select {
    position: relative;
    height:80%;
}

.custom-select {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #CBCBCB;
    background-color: transparent;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    outline: 0px;
}

.select-origin {
    position: absolute;
    right: 10px;
}

.custom-select-text {
    position: absolute;
}



.custom-select-list {
    position: absolute;
    width: 100%;
    height: 286px;
    z-index: 15;
    border: solid 1px #c4ccd8;
    background-color: #ffffff;
    text-align: left;
    margin-top: -3px;
    box-sizing: border-box;
    overflow-y:scroll;
    overflow-x:hidden;
}

.custom-select-option {
    line-height: 48px;
    padding-left: 15px;
    cursor: pointer;
    box-sizing: border-box;
    height:60px;
}

.custom-select-option:hover {
    background-color: var(--color-white2);
    box-sizing: border-box;
}

.form-check-input{margin-top:0px;}


.booked_day, .booked_time{
    background-image:url('/assets/images/sub_inquire/select_arrow.png');
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.booked_day.active, .booked_time.active {
    background-image:url('/assets/images/sub_inquire/select_arrow_up.png');
    background-repeat: no-repeat;
}