@import "reset.css";
@import "define.css";
@import "layout.css";

/* :root {
    --sidemenu_width: 260px;
    --box_width: 650px;
} */

* {  
    margin:0;
    padding:0;
    box-sizing: border-box;
}
.black_bg{
    display: none;
    position: absolute;
    content: "";
    width: 100vw;
    height: 100vh;
    background-color:rgba(0,0,0, 0.5);
    top:0;
    left:0;
    z-index: 10;
}
.nullbox {
    /* width:1000px; */
    /* height:1300px; */
    font-family: var(--p22_font_family);;
    font-size: 1.0rem;
    outline:var(--debug_style_v);
}
.centerbox {
    /* width:1000px; */
    /* height:1300px; */
    margin-right: auto;
    margin-left: auto;
    font-family: var(--p22_font_family);;
    font-size: 1.0rem;
    outline:var(--debug_style_v);
}
.contentbox {
    width: var(--p22_content_width);
    /* height: 100px; */
    margin-right: auto;
    margin-left: auto;
    vertical-align: middle;
    padding: 0;
    border: none;
    outline: var(--debug_style_r);
}






.navbar {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 130px;
    margin: 0;
    text-align: center;
    background-color: white;
    position: fixed;
    box-shadow: 0px 1px 10px 0px #D0D0D0;
    z-index: 1;
    font-family: var(--p22_ex_font_family);
}
.navbar>ul {
    list-style: none;
    background-color: white;
}
.navbar>ul>li {
    display: inline-block;
    margin-left: 40px;
    margin-top: 40px;
    vertical-align: middle;
    font-size: 1.5em;
}
.navbar>ul>li img {
    margin-right: 100px;
}
.navbar a {
    display: block;
    text-decoration: none;
    background-color: white;
    color : #161E54;
}
.navbar a:hover {
    color : #41BBB5;
}
.navbar a.selected {
    color : #41BBB5;
}

.navbar a.normal {
    font-family: var(--p22_font_family);
    font-size: 1.0rem;
}
.navbar div.normal {
    font-family: var(--p22_font_family);
    font-size: 1.0rem;
}

#nav_login_button {
    width: 100px;
    height: 40px;
    margin: 0;
    padding: 0;
    font-size: 1.0rem;
    color: white;
    background-color: var(--p22_cr_0);
    border: none;
    border-radius: 20px;
}
#nav_login_button:hover {
    color: white;
    background-color: var(--p22_cr_1);
    cursor:pointer;
}
#nav_mypage_button {
    width: 120px;
    height: 40px;
    margin: 0;
    padding: 0;
    font-family: var(--p22_font_family);
    font-size: 1.0rem;
    color: white;
    background-color: var(--btn_default_cr);
    border: none;
    border-radius: 20px;
}
#nav_mypage_button:hover {
    color: white;
    background-color: var(--btn_hover_cr);
    cursor:pointer;
}



.null_space {
    width: 500px;
}
.hrred {
    color: red;
    line-height: 2px;
}
main {
    margin-top:130px;
    margin-left:0px;
    text-align: center;
    display: grid;
    align-items: center; /* 수직 가운데 정렬 */
    justify-content: center; /* 수평 가운데 정렬 */
    /* background-image: url('../images/temp/bg_home.png');
    background-position:center top;
    background-repeat: no-repeat; */
    z-index: 0;
}





















.page_title {
    font-family: var(--p22_ex_font_family);
    font-size: var(--page_title_text_size);
    color: var(--page_title_text_cr);
    text-align: center;
    padding: 80px 0 70px 0;
    border: none;
    outline: var(--debug_style_v);
}
/* license_p sub title align:left 23pt*/
.sub_title {
    width: var(--p22_content_width);
    margin-left: auto;
    margin-right: auto;
    font-family: var(--p22_font_family);
    font-size: 1.44rem;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    color: var(--p22_cr_6);
    border: none;
    outline: var(--debug_style_b);
}
.round_box_title {
    width: var(--p22_content_width);
    margin-left: auto;
    margin-right: auto;
    font-family: var(--p22_font_family);
    font-size: 1.44rem;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    /* color: var(--p22_cr_6); */
    border: none;
    outline: var(--debug_style_b);
}
.wide_container {
    width: var(--p22_main_width);
    height: 400px;
    display: table-cell;
    vertical-align: middle;
    /* background-color: #B8EEFF; */
    background-image: url('../images/common/8_1.svg');
    background-position:center top;
    /* background-position:center 55px; */
    background-repeat: no-repeat;
    border: none;
    outline: var(--debug_style_b);    
}
/* white fullrange round box */
/* license phurchase upper menu */
.round_box {
    width: var(--p22_content_width);
    height: var(--p22_round_box_height);
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    background-color: var(--round_box_body_cr);
    border-radius: 83px;
    border: none;
    outline: var(--debug_style_r);
}
/* grey color main range round box */
.round_box2 {
    width: var(--p22_content_width);
    height: var(--p22_round_box2_height);
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
    font-family: var(--p22_font_family);
    font-size: 1.0rem;
    background-color: var(--round_box2_body_cr);
    border-radius: 20px;
    border: none;
    outline: var(--debug_style_r);
}
/* grey color main range round box */
/* license phurchase total price */
.round_box3 {
    width: var(--p22_content_width);
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    font-family: var(--p22_font_family);
    font-size: 1.0rem;
    background-color: var(--round_box2_body_cr);
    border: none;
    border-radius: 15px;
    outline: var(--debug_style_r);
}
/* border line round box */
/* mypage timeline box */
/* license 입금자 정보, 공지사항 */
.round_box4 {
    width: var(--p22_content_width);
    height: 250px;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
    font-family: var(--p22_font_family);
    font-size: 1.0rem;
    border-radius: 24px;
    border: 1px solid var(--p22_cr_6);
    outline: none;
}
.round_box5 {
    width: var(--p22_content_width);
    margin-left: auto;
    margin-right: auto;
    padding: 30px 50px 30px 50px;
    font-family: var(--p22_font_family);
    font-size: 1.0rem;
    text-align: left;
    line-height:3.5rem;
    background-color:white;
    border-radius: 24px;
    border: 1px solid var(--p22_cr_6);
    outline: none;
}
.round_line {
    width: var(--p22_content_width);
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--round_box_body_cr);
    border-radius: 15px;
    border: 1px solid var(--p22_cr_6);
    outline: none;
}
.center_guide {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    font-family: 'Noto Sans KR';
    text-align: left;
    border: none;
    outline: var(--debug_style_g);
}
.inner_round_box {
    display:inline-block;
    width:280px;
    height:50px;
    margin-left: 30px;
    /*padding-left: 1rem;    padding-right: 1rem;*/
    text-align:center;
    vertical-align: middle;
    font-family: var(--p22_font_family);;
    font-size: 1rem;
    font-weight: bold;
    border: 1px solid var(--p22_cr_6);
    outline: none;
    border-radius: 15px;
}



















/* Table Style (therapist list) */
.terapist_table {
    width: var(--p22_content_width);
    margin-left: auto;
    margin-right: auto;
    font-family: var(--p22_font_family);
    border-radius: 20px;
    border-style: hidden;
    box-shadow: 0 0 0 1px var(--p22_cr_6);
    /* outline: var(--debug_style_b); */
}
.terapist_table th {
    height: 50px;
    font-size: 1.0rem;
    vertical-align: middle;
    text-align: center;
    border: none;
    border-bottom: 1px solid var(--p22_cr_6);
    outline: var(--debug_style_r);
}
.terapist_table td {
    height: 130px;
    font-size: 1.0rem;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    /* border-top: 1px solid var(--p22_cr_6); */
    outline: var(--debug_style_r);
}
.terapist_table th:first-child {
    border-radius: 20px 0 0 0;
}
.terapist_table th:last-child {
    border-radius: 0 20px 0 0;
}
div.terapist_item {
    width: 900px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    background-color: #FFEBCA;
    border: none;
    outline: none;
    border-radius: 50px;
}
div.terapist_img {
    display:table-cell;
    width:80px;
    height:80px;
    vertical-align: middle;
    border: none;
    background-color: white;
    outline:var(--debug_style_r);
    border-radius: 50%;
}
div.terapist_info {
    display:table-cell;
    height:80px;
    font-family: var(--p22_font_family);
    font-size: 1.0rem;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    padding: 0.5rem;
    border: none;
    outline:var(--debug_style_r);
}
div.user_item {
    width: 800px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    padding: 7.5px;
    background-color: #B8EEFF;
    border: none;
    outline: none;
    border-radius: 50px;
}
div.user_img {
    display:table-cell;
    width:65px;
    height:65px;
    vertical-align: middle;
    border: none;
    background-color: white;
    outline:var(--debug_style_r);
    border-radius: 50%;
}
div.user_info {
    display:table-cell;
    height:65px;
    font-family: var(--p22_font_family);
    font-size: 1.0rem;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    padding: 0.5rem;
    border: none;
    outline:var(--debug_style_r);
}








/* Table Style (order list) */
.order_table {
    width: var(--p22_content_width);
    margin-left: auto;
    margin-right: auto;
    font-family: var(--p22_font_family);
    border-radius: 25px;
    border-style: hidden;
    box-shadow: 0 0 0 1px var(--p22_cr_6);
}
.order_table th {
    height: 50px;
    font-size: 1.0rem;
    vertical-align: middle;
    text-align: center;
    padding: 0.5rem;
    color: var(--table_header_text_cr);
    background-color: var(--p22_cr_6);
    /* border: none; */
    border-right: 1px solid white;
}
.order_table td {
    height: 50px;
    font-size: 1.0rem;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    padding: 0.5rem;
    border: 1px solid var(--p22_cr_6);
}
.order_table a {
    text-decoration: none;
}
.order_table th:first-child {
    border-radius: 25px 0 0 0;
}
.order_table th:last-child {
    border-radius: 0 25px 0 0;
}







/* Table Style (order detail) */
.order_detail_table {
    width: var(--p22_content_width);
    margin-left: auto;
    margin-right: auto;
    font-family: var(--p22_font_family);
    border-radius: 25px;
    border-style: hidden;
    box-shadow: 0 0 0 1px var(--p22_cr_6);
}
.order_detail_table th {
    width: 300px;
    height: 50px;
    font-size: 1.0rem;
    vertical-align: middle;
    text-align: center;
    padding: 0.5rem;
    color: var(--table_header_text_cr);
    background-color: var(--p22_cr_6);
    /* border: none; */
    border-bottom: 1px solid white;
}
.order_detail_table td {
    height: 50px;
    font-size: 1.0rem;
    vertical-align: middle;
    text-align: left;
    text-decoration: none;
    padding-left: 2rem;
    border: 1px solid var(--p22_cr_6);
}
.order_detail_table a {
    text-decoration: none;
}
/* .order_detail_table th:first-child {
    border-radius: 25px 0 0 0;
}
.order_detail_table th:last-child {
    border-radius: 0 25px 0 0;
} */
/* 첫번째 tr인 태그의 th */
.order_detail_table tr:first-of-type > th {
    border-radius: 25px 0 0 0;
}
/* 첫번째가 tr인 태그의 td */
.order_detail_table tr:first-child > td {
    border-radius: 0 25px 0 0;
}
/* 마지막 tr인 태그의 th */
.order_detail_table tr:last-of-type > th {
    border-radius: 0 0 0 25px;
}
/* 마지막 tr인 태그의 td */
.order_detail_table tr:last-child > td {
    border-radius: 0 0 25px 0;
}












/* Table Style (inquiry detail) */
.inquiry_detail_table {
    width: var(--p22_content_width);
    margin-left: auto;
    margin-right: auto;
    font-family: var(--p22_font_family);
    border-style: hidden;
    box-shadow: 0 0 0 1px var(--p22_cr_6);
    border-radius: 25px;
}
.inquiry_detail_table th {
    width: 300px;
    height: 50px;
    font-size: 1.0rem;
    vertical-align: middle;
    text-align: center;
    padding: 0.5rem;
    color: var(--table_header_text_cr);
    background-color: var(--p22_cr_6);
    border-top: 1px solid white;
}
.inquiry_detail_table td {
    height: 50px;
    line-height: 1.3rem;
    font-size: 1.0rem;
    vertical-align: middle;
    text-align: left;
    text-decoration: none;
    padding-left: 2rem;
    border: 1px solid var(--p22_cr_6);
}
.inquiry_detail_table tr:first-child > th:first-child {
    border-radius: 25px 0 0 0;
}





.inquiry_input {
    width: 100%;
    height: 100%;
    /* padding-left: 1.5rem; */
    padding-right: 1.5rem;
    font-family: var(--p22_font_family);
    font-size: 1.0rem;
    border: none;
    outline: var(--debug_style_b);
}
.inquiry_select {
    width: 100%;
    height: 100%;
    /* padding-left: 1.5rem; */
    /* padding-right: 1.5rem; */
    font-family: var(--p22_font_family);
    font-size: 1.0rem;
    border: none;
    outline: var(--debug_style_b);
    background-image: url('../images/common/select_arrow.svg');
    background-size: 18px 10px;
    background-position: 90% center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.inquiry_select::-ms-expand {
    display: none;
}






/* Table Style 3 (notification list) */
.notice_table {
    width: var(--p22_content_width);
    margin-left: auto;
    margin-right: auto;
    font-family: var(--p22_font_family);
    border-style: hidden;
    box-shadow: 0 0 0 1px var(--p22_cr_6);
    border-radius: 25px;
    /* outline: var(--debug_style_b); */
}
.notice_table th {
    height: 50px;
    font-size: 1.12rem;
    vertical-align: middle;
    text-align: center;
    padding: 0.5rem;
    color: var(--table_header_text_cr);
    background-color: var(--p22_cr_6);
    border: none;
}
.notice_table td {
    height: 50px;
    font-size: 1.0rem;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    padding: 0.5rem;
    border-top: 1px solid var(--p22_cr_6);
}

.notice_table tr:last-child td:first-child {
    border-radius: 0 0 0 25px;
}
.notice_table tr:last-child td:last-child {
    border-radius: 0 0 25px 0;
}

.notice_table a {
    text-decoration: none;
}
.notice_table th:first-child {
    border-radius: 25px 0 0 0;
}
.notice_table th:last-child {
    border-radius: 0 25px 0 0;
}



.notice_textarea {
    width: 100%;
    height: 100%;
    padding: 0;
    font-family: var(--p22_font_family);
    font-size: 1.0rem;
    border: none;
    outline: var(--debug_style_b);
    resize: none;
}







.clear_ahref {
    font-family: var(--p22_font_family);
    text-align: center;
    font-size: 1.0rem;
    text-decoration: none;
    outline: var(--debug_style_b);
}
.clear_ahref a {
    text-decoration: none;
}
.clear_ahref b {
    font-size: 1.2em;
    font-weight: bold;
    color: var(--p22_cr_6);
    text-decoration: none;
}



/* Table Rect (알림박스) */
.rect_table {
    width: var(--p22_content_width);
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    font-family: var(--p22_font_family);    
    /* border-style: hidden; */
    /* box-shadow: 0 0 0 1px var(--p22_cr_6); */
    /* border-radius: 25px; */
    /* outline: var(--debug_style_b); */
    border:none;
}
.rect_table th {
    /* height: 20px; */
    font-size: 1.0rem;
    vertical-align: middle;
    text-align: center;
    padding: 0;
    margin: 0;
    /* padding: 0.5rem; */
    /* color: var(--table_header_text_cr); */
    /* background-color: var(--p22_cr_6); */
    border: none;
}
.rect_table td {
    /* height: 10px; */
    line-height: 10px;
    font-size: 1.0rem;
    vertical-align: middle;
    text-align: left;
    text-decoration: none;
    padding-left: 10px;
    margin: 0;
    border:none;
    /* border-top: 1px solid var(--p22_cr_6); */
}
.rect_table a {
    text-decoration: none;
}
.rect_table th:first-child {
    /* border-radius: 25px 0 0 0; */
}
.rect_table th:last-child {
    /* border-radius: 0 25px 0 0; */
}





/* 기관이미지 */
.cir_img_box {
    display: inline-block;
    width: 250px;
    height: 250px; 
    padding: 6px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #DDDDDD;
    border-radius: 25px;
    background-color: white;
    overflow: hidden;
}
.cir_img_profile {
    width: 100%;
    height: 100%;
    object-fit: contain;
}




















/* -------------------------------------------------------------- */
/* checkbox */
/* login */
input.chk_login[type=checkbox] {
    display:none;
}
input.chk_login[type=checkbox] + label.chk_login { 
    font-size: 1rem;
    color : var(--p22_cr_7);
    cursor: pointer; 
    padding-left: 45px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-repeat: no-repeat;
    background-image: url('../images/2/4.svg');
    background-size: 35px 35px;
    background-position: left center;
    outline: var(--debug_style_b);
}
input.chk_login[type=checkbox]:checked + label.chk_login {
    background-image: url('../images/2/3.svg');
}
input.chk_login[type=checkbox]:disabled + label.chk_login {
    background-image: url('../images/2/4.svg');
}
/* [checkbox] label */
input.chk_left[type=checkbox] {
    display:none;
}
input.chk_left[type=checkbox] + label.chk_left { 
    font-size: 1rem;
    cursor: pointer; 
    padding-left: 45px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-repeat: no-repeat;
    background-image: url('../images/common/10.svg');
    background-size: 35px 35px;
    background-position: left center;
    outline: var(--debug_style_b);
}
input.chk_left[type=checkbox]:checked + label.chk_left {
    background-image: url('../images/common/9.svg');
}
input.chk_left[type=checkbox]:disabled + label.chk_left {
    background-image: url('../images/common/10.svg');
}
/* label [checkbox] */
input.chk_right[type=checkbox] {
    display:none;
}
input.chk_right[type=checkbox] + label.chk_right { 
    font-size: 1rem;
    cursor: pointer; 
    padding-right: 45px; 
    padding-top: 8px;
    padding-bottom: 8px;
    background-repeat: no-repeat;
    background-image: url('../images/common/10.svg');
    background-size: 35px 35px;
    background-position: right center;
    outline: var(--debug_style_b);
}
input.chk_right[type=checkbox]:checked + label.chk_right {
    background-image: url('../images/common/9.svg');
}
input.chk_right[type=checkbox]:disabled + label.chk_right {
    background-image: url('../images/common/10.svg');
}

input.chk1 {
    display: table-cell;
    vertical-align: middle;
}








.inline_round_box {
    width:300px;
    height:410px;
    display:inline-block;
    border: none;
    border-radius: 40px;
    outline: var(--debug_style_b);
}
table.license_item_table {
    width: 300px;
    height: 410px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    font-family: var(--p22_font_family);
    border-collapse: collapse;
    border: none;
    outline: var(--debug_style_g);
}
td.td_license_item_date {
    height: 60px;
    text-align: center;
    vertical-align: middle;
    font-family: var(--p22_font_family);
    font-weight: bold;
    font-size: 1.44rem;
    border-collapse: collapse;
    border: none;
    outline: var(--debug_style_g);
}
td.td_license_item_cir {
    height: 250px;
    padding: 0 35px 0 35px;
    text-align: center;
    vertical-align: middle;
    border-collapse: collapse;
    border: none;
    outline: var(--debug_style_r);
}
td.td_license_item_type {
    height: 60px;
    padding: 0 25px 0 25px;
    text-align: center;
    vertical-align: middle;
    border-collapse: collapse;
    border: none;
    outline: var(--debug_style_g);
}
div.div_license_item_cir {
    display:table-cell; 
    width: 230px;
    height: 250px;
    line-height: 0.8rem;
    font-weight: normal;
    font-size: 1.0rem;
    color: var(--mypage_license_text_cr);
    text-align: center;
    vertical-align: middle;
    background-color: white;
    border-radius: 30px;
}
div.div_license_item_type {
    display:table-cell; 
    width: 250px;
    height: 60px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 1.44rem;
    color: white;
    background-color: var(--mypage_license_type_cr);
    border-radius: 25px;
    outline: var(--debug_style_b);
}


/* mypage button style td */
td.td_img_button {
    text-align: center;
    font-family: var(--p22_ex_font_family);
    font-size: 1.44rem;
    font-weight: normal;
    background-image: url('images/5/9.svg');
    background-position: center center;
    background-repeat: no-repeat; 
}





.license_button_table {
    width: var(--p22_main_width);
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    outline: var(--debug_style_b);
}
.license_button_table td {
    width: 50%;
    text-align: center;
    vertical-align: middle;
    border: none;
    cursor:pointer;
}
.license_button_table p_1 {
    font-family: var(--p22_ex_font_family);
    font-size: 1.44rem;
    color: var(--page_title_text_cr);
}
.license_button_table p_2 {
    font-family: var(--p22_font_family);
    font-size: 1.0rem;
    font-weight: bold;
}






.cur_license_table {
    width: var(--p22_content_width);
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    text-align: center;
    font-weight: normal;
    border-collapse: collapse;
    border: none;
    outline: var(--debug_style_g);
}
.cur_license_table td {
    height: 2rem;
    vertical-align: middle;
    border-collapse: collapse;
    border: none;
    outline: var(--debug_style_b);
}
.cur_license_table td._date {
    height: 2rem;
    vertical-align: middle;
    border-collapse: collapse;
    color: var(--mypage_text_cr);
    border: none;
    outline: var(--debug_style_b);
}


select.license_s {
    width: 520px;
    height: 100%;
    text-align: center;
    padding: 0px 20px 0px 20px;
    font-size: 1.0rem;
    font-weight: bold;
    /* border: 1px solid red; */
    border: none;
    outline: none;
    /* outline: 3px solid #00a4dd; */
    /* border-radius: 20px; */

    /* background: url('../images/common/select_arrow.svg') no-repeat 95% 50%; */
    background-image: url('../images/common/select_arrow.svg');
    background-size: 18px 10px;
    background-position: 470px center;
    /* background-position:right center; */
    background-repeat: no-repeat;
    /* background-color:rgba(0, 164, 221, 0.2); */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select.license_s::-ms-expand {
    display: none;
}

select.sel_num {
    width: 300px;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    margin-left: 30px;
    margin-bottom: 5px;
    padding: 0px 10px 0px 10px;
    font-size: 1.0rem;
    font-weight: bold;
    border: 1px solid var(--p22_cr_6);
    outline: none;
    border-radius: 15px;

    background-image: url('../images/common/select_arrow.svg');
    background-size: 18px 10px;
    background-position: 95% center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select.sel_num::-ms-expand {
    display: none;
}

.input_license_p {
    display:inline-block;
    width:280px;
    height:50px;
    margin-left: 30px;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align:center;
    font-family: var(--p22_font_family);;
    font-size: 1rem;
    font-weight: bold;
    border: 1px solid var(--p22_cr_6);
    outline: none;
    border-radius: 15px;
}
.input_license_p::placeholder {
    color: #AFAFAF;
}
.input_license_p:read-only {
    background-color: #F1F1F1;
}

.input_license_price {
    display:inline-block;
    width:80%;
    height:50px;
    margin-left: 30px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font-family: var(--p22_font_family);;
    font-size: 1.125rem;
    font-weight: bolder;
    background-color: var(--round_box2_body_cr);
    border: none;
    outline: none;
    /* outline: var(--debug_style_b); */
    border-radius: 15px;
}

.btn_license_p {
    width: 250px;
    height: 50px;
    margin: 0;
    padding: 0;
    font-family: var(--p22_font_family);
    font-size: 1.0rem;
    color: white;
    background-color: var(--p22_cr_6);
    border: none;
    border-radius: 15px;
}
.btn_license_p:hover {
    color: white;
    background-color: var(--p22_cr_0);
    cursor:pointer;
}
.btn_license_p:disabled {
    /* opacity: 0.6; */
    /* cursor: not-allowed; */
    background-color: #7C7C7C;
    cursor: default;
}

.btn_license_order {
    width: var(--p22_content_width);
    height: 50px;
    margin: 0;
    padding: 0;
    font-family: var(--p22_font_family);
    font-size: 1.0rem;
    color: white;
    background-color: var(--p22_cr_6);
    border: none;
    border-radius: 15px;
}
.btn_license_order:hover {
    color: white;
    background-color: var(--p22_cr_0);
    cursor:pointer;
}

.btn_radio_style {
    width: var(--p22_content_width);
    height: 50px;
    margin: 0;
    padding: 0;
    font-family: var(--p22_font_family);
    font-size: 1.0rem;
    color: white;
    background-color: var(--p22_cr_6);
    border: none;
    border-radius: 15px;
}
.btn_radio_style:hover {
    /* color: white; */
    /* background-color: var(--p22_cr_0); */
    cursor:pointer;
}

/* 1:1 문의 삭제, 글쓰기 */
.btn_rect {
    margin: 0;
    padding: 0.5em;
    font-family: var(--p22_font_family);
    font-weight: bold;
    color: white;
    background-color: var(--p22_cr_6);
    border: 1px solid var(--p22_cr_6);
}
.btn_rect:hover {
    color: var(--p22_cr_6);
    background-color: white;
    cursor:pointer;
}
.btn_rect_invert {
    margin: 0;
    padding: 0.5em;
    font-family: var(--p22_font_family);
    font-weight: bold;
    color: var(--p22_cr_6);
    background-color: white;
    border: 1px solid var(--p22_cr_6);
}
.btn_rect_invert:hover {
    color: white;
    background-color: var(--p22_cr_6);
    cursor:pointer;
}


















/*------------------------------------------------------------*/
.button_table {
    width: 900px;
    border-collapse: collapse;
    margin-right: auto;
    margin-left: auto;
    font-family: var(--p22_font_family);
    text-align: center;
    font-size: 1.0rem;
    border: none;
    outline: var(--debug_style_r);
}
.button_table td {
    border: none;
    outline: var(--debug_style_v);
}
/*------------------------------------------------------------*/
.round_btn {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0;
    font-family: var(--p22_font_family);
    font-size: 1.0rem;
    color: white;
    background-color: var(--btn_default_cr);
    outline: none;
    border: 1px solid var(--btn_default_cr);
    border-radius: 20px;
}
.round_btn:hover:not([disabled]) {
    color: var(--btn_default_cr);
    background-color: white;
    outline: none;
    border: 1px solid var(--btn_default_cr);
    cursor: pointer;
}
.round_btn:disabled {
    color: white;
    background-color: var(--btn_disable_cr);
    outline: none;
    border: none;
    cursor: default;
}
/*------------------------------------------------------------*/
.round_btn_i {
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0;
    font-family: var(--p22_font_family);
    font-size: 1.0rem;
    color: var(--btn_default_cr);
    background-color: white;
    outline: none;
    border: 1px solid var(--btn_default_cr);
    border-radius: 20px;
}
.round_btn_i:hover:not([disabled]) {
    color: white;
    background-color: var(--btn_default_cr);
    outline: none;
    border: 1px solid var(--btn_default_cr);
    cursor: pointer;
}
.round_btn_i:disabled {
    color: white;
    background-color: var(--btn_disable_cr);
    outline: none;
    border: none;
    cursor: default;
}
/*------------------------------------------------------------*/















.input_date {
    padding: 0.2rem 1rem;
    font-family: var(--p22_font_family);
    font-size: 1rem;
    vertical-align: middle;
    border: 1px solid var(--p22_cr_6);
    background-color: #F4F4F4;
    border-radius: 10px;
    outline:none;
}









p_s {
    color: var(--p22_cr_6);
}

















.footer_ex {
    width: 100%;
    height: 150px;
    background: #EFF1F6;
    display: flex;
    justify-content: center;
}
.footer_left {
    float: left;
    background: #EFF1F6;
    width: 500px;
    height: 100%;
    padding: 10px;
}
.footer_right {
    float: left;
    background: #D2D7E5;
    width: 200px;
    height: 100%;
    padding: 10px;
}
.footer_left>.container {
    display: grid;
    font-size: 10px;
    height: 100%;
    align-items: center; /* 수직 가운데 정렬 */
     /* grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr; */
}
.footer_left>.container>.item:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
}
.footer_left>.container>.item:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
}
.footer_left>.container>.item:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
    /* background: green; */
}
.footer_left>.container>.item:nth-child(4) {
    grid-column: 1;
    grid-row: 4;
}
.footer_left>.container>.item:nth-child(5) {
    grid-column: 1;
    grid-row: 5;
}
.footer_left>.container>.item:nth-child(6) {
    grid-column: 2;
    grid-row: 1 / span 5;
    /* background: blueviolet; */
    display: grid;
    align-items: center; /* 수직 가운데 정렬 */
    justify-content: center; /* 수평 가운데 정렬 */
}
.footer_img {
    display: grid;
    /* background: darkgreen; */
    align-items: center; /* 수직 가운데 정렬 */
    justify-content: center; /* 수평 가운데 정렬 */
}
.footer_right>.container {
    display: grid;
    font-size: 12px;
    height: 100%;
    align-items: center; /* 수직 가운데 정렬 */
    /* grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr; */
}
.footer_right>.container>.item:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
}
.footer_right>.container>.item:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    /* background: green; */
    font-size: 14px;
}
.footer_right>.container>.item:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
}
.footer_right>.container>.item:nth-child(4) {
    grid-column: 1;
    grid-row: 4;
}