@charset "utf-8";

/* Default */
body, html {width:100%;height:auto;min-width: 1200px;min-height:100vh;}
body::-webkit-scrollbar,
html::-webkit-scrollbar { width: 8px; height: 8px; }
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb { background-color: #666666; border-radius: 14px; }
body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track { background-color: #ffffff; }
#wrap {position:relative;width:100%;height:auto;margin:0 auto; background-color: #ffffff;min-height:100%;}
.hide { display: none !important; }

header { width: 100%; height: 56px; background-color: #ffffff; border-bottom: 1px solid #efefef; position: fixed; top: 0; left: 0; box-sizing: border-box; z-index: 10; }
header .header_wrap,
footer .footer_wrap { min-width: 1200px; width: 1200px; margin: 0 auto; height: 100%; box-sizing: border-box; }
footer { z-index: 10; }
.contents_area .contents_wrap { min-width: 1200px; width: 1200px; margin: 0 auto; padding: 0 56px 96px; box-sizing: border-box; }
.contents_area .contents_wrap.contents_bot_set88 { padding-bottom: 76px; }

header .header_wrap { display: flex; justify-content: space-between; padding: 0 32px; }
header .logo_area { width: 140px; height: 100%; margin-right: 52px; display: inline-block; }
header .logo_area a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;  }
header .logo_area img { display: inline-block; max-height:100%; }
header .logo_area .hospital_name { font-weight: 700; font-size: 12px; line-height: 20px; display: inline-block;  }
header .menu_area { display: flex; justify-content: space-between; height: 100%; flex-grow: 1; }
header .gnb_area ul { display: flex; height: 100%; align-items: center; justify-content: flex-start; }
header .gnb_area ul li { margin-right: 24px; }
header .gnb_area ul li:last-of-type { margin-right: 0px; }
header .gnb_area ul a { display: inline-block; height: 56px; line-height: 56px; font-weight: bold; font-size: 14px; padding: 0 12px; }

header .state_view_area { height: 100%; }
header .state_view_area .state { display: inline-block; font-weight: 500; font-size: 12px; height: 56px; line-height: 56px; color: #999999; }

header .sub_menu_area{ width: calc(100% - 130px); }
header .sub_menu_area ul { display: flex; width: 100%; height: 100%; align-items: center; justify-content: space-between; }
header .sub_menu_area ul li { position: relative; }
header .sub_menu_area ul a { display: inline-block; height: 56px; line-height: 56px; font-weight: 500; font-size: 14px; padding: 0; }
header .sub_menu_area .depth_02 { position: absolute; left: 50%; transform: translateX(-50%); top: 48px; display: inline-block; padding: 0 8px; background-color: #ffffff; border-radius: 16px; box-sizing: border-box; height: auto ; width: auto; overflow: hidden; transition: all 0.5s; height: 0; border: 1px solid #ffffff; }
header .sub_menu_area .depth_02.active { border: 1px solid #efefef; }
header .sub_menu_area .depth_02 li { display: block; width: auto; padding: 0; height: 40px; border-bottom: 1px solid #efefef; text-align: center; margin-left: 0; position: static; }
header .sub_menu_area .depth_02 li:last-of-type { border-bottom: 0; }
header .sub_menu_area .depth_02 li a { height: 40px; display: block; padding: 0; width: auto; font-weight: 500; font-size: 12px; color: #999999; line-height: inherit; width: 104px; line-height: 40px; }
header .sub_menu_area .depth_02 li a:hover,
header .sub_menu_area .depth_02 li a.active{ font-weight: bold; color: #231815; }

/*header .logout_area { width: 192px; display: flex; justify-content: flex-end; }*/
header .logout_area { width: 140px; margin-left:52px; display: flex; justify-content: flex-end; }
header .logout_area .btn { font-weight: 500; font-size: 12px; line-height: 56px; color: #999999; font-family: 'Poppins'; }

.contents_area { width: 100%; box-sizing: border-box; padding-top: 56px; padding-bottom: 52px; background-color: #fafafa; min-height: 100vh; }
.contents_area.bg_white { background-color: #ffffff; }



footer { width: 100%; height: 52px; border-top: 1px solid #efefef; box-sizing: border-box; position: fixed; bottom: 0px; left: 0; position: fixed; background-color: #ffffff; line-height: 52px; }
footer .footer_wrap { padding: 0 16px; display: flex; justify-content: center; align-items: center; }
footer .copyright,
footer .phone_num { font-family: 'Poppins'; font-weight: 500; font-size: 12px; line-height: 18px; color: #999999; }


/* input */
.input_text.type_normal label,
.input_text.type_btn label,
.input_text.type_file label { font-weight: normal; font-size: 16px; line-height: 20px; display: block; }

.input_text.type_normal label + input,
.input_text.type_btn label + input,
.input_text.type_file label + input[type="text"] { margin-top: 8px }
.input_text.type_normal input,
.input_text.type_btn input,
.input_text.type_file input[type="text"] { margin-top: 0px; width: 352px; height: 48px; background-color: #ffffff; border: 1px solid #d0d0d0; box-sizing: border-box; border-radius: 8px; padding: 0 16px; color: #231815; font-weight: normal; font-size: 14px; }
.input_text.type_normal input::placeholder,
.input_text.type_btn input::placeholder { color: #999999; }
.input_text.type_normal input:disabled,
.input_text.type_normal input:read-only,
.input_text.type_btn input:disabled,
.input_text.type_btn input:read-only { background-color: #efefef80; border-radius: 8px; color: #999999; border-color: #efefef80; }
.input_text.type_btn input:read-only::selection { background-color: #efefef; }

.input_text.type_normal input:focus,
.input_text.type_btn input:focus { border: 1px solid #fee934; }

.input_text.type_btn .btn { display: inline-block; margin-left: 8px; width: 92px; height: 48px; line-height: 48px; border-radius: 8px; background-color: #231815; vertical-align: bottom; font-weight: 500; font-size: 13px; line-height: 24px; color: #ffffff; }
.input_text.type_file .btn { display: inline-block; margin-left: 8px; width: 92px; height: 48px; border-radius: 8px; background-color: #d0d0d0; vertical-align: bottom; font-weight: 500; font-size: 13px; line-height: 24px; color: #ffffff; }

.input_text.type_file { width: 452px; /*height: 76px;*/ position: relative; }
.input_text.type_file input[type="file"] { position: absolute; display: inline-block; width: 100%; height: 48px; left: 0; bottom: 0; cursor: pointer; z-index: 1; opacity: 0; }
.input_text.type_file .btn { position: absolute; right: 0; bottom: 0; }


.input_text.type_file.type_slim { width: 458px; height: 40px; }
.input_text.type_file.type_slim input[type="file"] { margin-top: 0; top: 0; }
.input_text.type_file.type_slim input[type="text"] { width: 362px; height: 40px; line-height: 40px; }
.input_text.type_file.type_slim .btn { width: 88px; height: 40px; line-height: 40px; background-color: #d0d0d0; border-radius: 8px; font-weight: normal; font-size: 14px; line-height: 16px; color: #666666; }

.input_text.type_list_unit { position: relative; }
.input_text.type_list_unit input { display: inline-block; width: 220px; height: 36px; line-height: 36px; background-color: transparent; padding: 0 14px; font-weight: 400; font-size: 14px; text-align: right; position: relative; }
.input_text.type_list_unit input::placeholder { color: #d0d0d0; font-weight: 400; }
.input_text.type_list_unit input:focus,
.input_text.type_list_unit input:valid { padding-right: 28px; }
.input_text.type_list_unit span.unit { width: auto; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-weight: 500; font-size: 14px; line-height: 20px; color: #d0d0d0; }
.input_text.type_list_unit input:focus::placeholder { display: none; }
.input_text.type_list_unit input:focus {  }
.input_text.type_list_unit input:focus + .unit,
.input_text.type_list_unit input:valid + .unit { display: inline-block; color: #231815; }


.input_text.type_list_unit input:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; } 
.input_text.type_list_unit input:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; } 
.input_text.type_list_unit input:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; } 
.input_text.type_list_unit input:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }

.input_text.type_search { display: flex; justify-content: flex-start; align-items: center; }
.input_text.type_search input { width: 288px; height: 32px; line-height: 32px; padding: 0 12px; background-color: #ffffff; border: 1px solid #d0d0d0; box-sizing: border-box; border-radius: 8px; font-weight: 500; font-size: 12px; line-height: 20px; margin-right: 16px; }
.input_text.type_search input::placeholder { color: #999999; }
.input_text.type_search .btn { display: inline-block; width: 64px; height: 32px; line-height: 32px; background-color: #231815; border-radius: 8px; color: #ffffff; font-weight: bold; font-size: 12px; border: 0; }


.input_text.type_slim label { display: block; font-weight: normal; font-size: 16px; line-height: 20px; }
.input_text.type_slim .title_area { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 8px; }
.input_text.type_slim .title_area .sub_text { font-family: 'Roboto'; margin-left: 12px; font-weight: 400; font-size: 12px; line-height: 14px; color: #999999; margin-top: 4px; margin-bottom: 0; }
.input_text.type_slim input { width: 362px; height: 40px; line-height: 40px; background-color: #ffffff; border: 1px solid #d0d0d0; box-sizing: border-box; border-radius: 8px; font-weight: normal; font-size: 16px; padding: 0 20px; }
.input_text.type_slim input:focus { border: 1px solid #231815; }
.input_text.type_slim label + input { margin-top: 8px; }
.input_text.type_slim input::placeholder { color: #d0d0d0; }

.input_text.type_slim.type_auto { width: 362px; height: 67px; position: relative; }
.input_text.type_slim.type_auto input { position: absolute; left: 0; top: 27px; z-index: 2; margin-top: 0; }

.input_text.type_slim.type_auto input + .auto_list { display: none; position: absolute; width: 100%; height: auto; left: 0; top: 27px; padding-top: 48px; padding-bottom: 10px; background-color: #ffffff; border-radius: 8px; border: 1px solid #d0d0d0; box-sizing: border-box; border-radius: 8px; z-index: 1; }
.input_text.type_slim.type_auto input + .auto_list ul { height: auto; max-height: 160px; overflow: auto; }
.input_text.type_slim.type_auto input + .auto_list li { width: 100%; height: 40px; line-height: 40px; padding: 0 20px; cursor: pointer; margin: 0; font-weight: normal; font-size: 16px; color: #666666; }
.input_text.type_slim.type_auto input + .auto_list li:hover { background-color: #f7f7f7; color: #231815; }
.input_text.type_slim.type_auto input:focus { border: 1px solid #fee934; }
.input_text.type_slim.type_auto input:focus + .auto_list {  display: block; }

.input_text + .sub_message { font-weight: normal; font-size: 12px; line-height: 14px; margin-top: 8px; display: block; }
.input_text + .sub_message.type_warning { color: #ff525b; }

.input_text.type_btn.type_slim .btn { width: 112px; height: 40px; line-height: 40px; background-color: #231815; border-radius: 8px; font-weight: 500; font-size: 13px; color: #ffffff; }
.input_text.type_btn.type_slim .btn:disabled { background-color: #d0d0d0; }

.input_text label + .sub_text { margin: 4px 0 8px; font-weight: 400; font-size: 12px; line-height: 20px; }

.input_file.type_photo { position: relative; width: 124px; height: 124px; }
.input_file.type_photo input[type="file"] { display: inline-block; width: 124px; height: 124px; left: 0; top: 0; position: absolute; opacity: 0; z-index: 1; cursor: pointer; }
.input_file.type_photo .photo_view { width: 124px; height: 124px; position: absolute; left: 0; top: 0; }
.input_file.type_photo .photo_view .type_view { display: none; }
.input_file.type_photo .photo_view .type_view { width: 100%; height: 100%; border-radius: 16px; box-sizing: border-box; }
.input_file.type_photo .photo_view .type_view:nth-of-type(1) { background-color: #efefef; border: 1px solid #efefef; justify-content: center; align-items: center; }
.input_file.type_photo .photo_view .type_view:nth-of-type(1) p { display: inline-block; text-align: center; font-weight: 500; font-size: 11px; line-height: 20px; color: #666666; }
.input_file.type_photo .photo_view .type_view:nth-of-type(2) { background-color: #f7f7f7; border: 1px solid #999999; justify-content: center; align-items: center; flex-wrap: wrap; }
.input_file.type_photo .photo_view .type_view:nth-of-type(2) i { display: block; width: 24px; height: 24px; background-image: url(../image/icon_file.svg); background-repeat: no-repeat; background-position: center center; margin: 0 auto; }
.input_file.type_photo .photo_view .type_view:nth-of-type(2) span { display: block; font-weight: 500; font-size: 14px; line-height: 20px; color: #999999; width: 100%; text-align: center; margin-top: 4px }
.input_file.type_photo .photo_view .type_view:nth-of-type(3) { background-color: #ffffff; border: 1px solid #ffffff; position: relative; overflow: hidden; }
.input_file.type_photo .photo_view .type_view:nth-of-type(3) img { width: 100%; height: auto; }
.input_file.type_photo .photo_view .type_view:nth-of-type(3) .btn { display: inline-block; position: absolute; right: 8px; top: 8px; width: 24px; height: 24px; background-color: rgba(35,24,21,0.8); border-radius: 16px; background-image: url(../image/icon_delete.svg); background-repeat: no-repeat;  background-position: center center; }
.input_file.type_photo .photo_view.type_disabled,
.input_file.type_photo .photo_view.type_active { z-index: 2; }
.input_file.type_photo .photo_view.type_disabled .type_view:nth-of-type(1),
.input_file.type_photo .photo_view.type_abled .type_view:nth-of-type(2) { display: flex; }
.input_file.type_photo .photo_view.type_active .type_view:nth-of-type(3) { display: inline-block; }


.input_check input[type="checkbox"] { display: none; }
.input_check input[type="checkbox"] + label { font-weight: 500; font-size: 14px; line-height: 20px; color: #666666; padding-left: 28px; background-image: url(../image/checkbox01_off.svg); background-repeat: no-repeat; background-position: left center; }
.input_check input[type="checkbox"]:checked + label { background-image: url(../image/checkbox01_on.svg); color: #231845; }
.input_check.type_light input[type="checkbox"] + label { font-weight: normal; font-size: 16px; line-height: 20px; color: #231815; background-size: 24px; padding-left: 32px; }

.input_radio input[type="radio"] { display: none; }
.input_radio input[type="radio"] + label { padding-left: 28px; position: relative; display: inline-block; font-weight: 500; font-size: 14px; line-height: 20px; }
.input_radio input[type="radio"] + label::before { content: ""; width: 20px; height: 20px; border: 5px solid #d0d0d0; background-color: #d0d0d0; box-sizing: border-box; border-radius: 50%; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.input_radio input[type="radio"]:checked + label::before { border-color: #231815; background-color: #f0f0f0; }
.input_radio.type_text_active { display: flex; align-items: center; }
.input_radio.type_text_active input[type="text"] { width: 64px; height: 40px; padding: 0 16px; border: 1px solid #efefef; box-sizing: border-box; border-radius: 6px; margin-left: 12px; font-weight: 500; font-size: 14px; line-height: 18px; color: #888888; }
.input_radio.type_light { font-weight: normal; font-size: 16px; line-height: 19px; color: #666666; }

.input_radio.type_light input[type="radio"] + label::before { width: 21px; height: 21px; border: 5px solid #d0d0d0; background-color: #d0d0d0; }
.input_radio.type_light input[type="radio"]:checked + label::before { background-color: #231815; }

.input_check.type_label { position: relative; width: 40px; height: 20px; }
.input_check.type_label input[type="checkbox"] { display: inline-block; opacity: 0; z-index: 1; width: 40px; height: 20px; position: absolute; left: 0; top: 0; cursor: pointer; }
.input_check.type_label input[type="checkbox"] + .label { width: 40px; height: 20px; display: inline-block; background-color: #d0d0d0; border-radius: 25px; transition: left color 0.5s; position: absolute; cursor: pointer; left: 0; top: 0; }
.input_check.type_label input[type="checkbox"] + .label i { width: 20px; height: 20px; background-color: #fcfcfc; border: 1px solid #d0d0d0; box-sizing: border-box; border-radius: 50%; display: inline-block; position: absolute; left: 0; transition: left color 0.5s; }
.input_check.type_label input[type="checkbox"]:focus + .label { outline: 2px solid #231815; }
.input_check.type_label input[type="checkbox"]:checked + .label { background-color: #231815; }
.input_check.type_label input[type="checkbox"]:checked + .label i { left: 20px; border-color: #231815; }


.input_msg { margin-top: 8px; font-weight: 400; font-size: 12px; line-height: 14px; }
.input_msg.type_red { color: #FF525B; }

/* Select */
.select_box { display: inline-block; padding: 0 40px 0 16px; height: 32px; line-height: 30px; background-color: #ffffff; border-radius: 38px; border: 0; font-weight: 500; font-size: 14px; background-image: url(../image/icon_arrow01.svg); background-repeat: no-repeat; background-position: calc(100% - 16px) center; border: 1px solid #231815; box-sizing: border-box; border-radius: 8px; }


.select_box.type_slim { padding: 0; height: auto; background-color: transparent; border-radius: 0; background-image: none; border: 0; }
.select_box.type_slim label { display: block; font-weight: normal; font-size: 16px; line-height: 20px; }
.select_box.type_slim select { margin-top: 8px; width: 362px; height: 40px; background-color: #ffffff; border: 1px solid #d0d0d0; box-sizing: border-box; border-radius: 8px; padding: 0 32px 0 20px; background-image: url(../image/icon_arrow05.svg); background-repeat: no-repeat; background-position: calc(100% - 16px) center; }
.select_box.type_slim select { font-weight: normal; font-size: 16px; line-height: 19px; }
.select_box.type_slim select:focus { border: 1px solid #fee934; }
.select_box.type_slim select:disabled { background-color: #efefef; border: 1px solid #efefef; color: #999999; opacity: 0.5; }
.select_box.type_slim select.selected { color: #231815; }
.select_box.type_slim select option { color: #231815; }

.select_box.type_normal { padding: 0px 36px 0px 16px; background-color: #f7f7f7; border-radius: 8px; border: 0; height: 48px; font-size: 14px; color: #666666;  background-image: url(../image/icon_arrow07.svg); }
.select_box.wid_set { width: 352px; }
/* Button */
.contents_btn_area {
    margin-top: 64px;
    text-align: center;
}
.contents_btn_area.type_fix { position: relative; height:72px; }
.contents_btn_area.type_fix .btn { position: fixed; bottom: 76px; left: 50%; transform: translateX(-50%); } 
.contents_btn_area.type_fix .btn.fix { position: static; transform: none; }
.contents_btn_area .btn.type_main { width: 428px; height: 72px; background-color: #fee934; border-radius: 16px; line-height: 72px; text-align: center; font-weight: bold; font-size: 18px; color: #231815; }
.contents_btn_area .btn.type_detail {  width: 124px; height: 48px; line-height: 48px; background-color: #231815; border-radius: 8px; text-align: center; font-weight: 500; font-size: 14px; color: #ffffff; }

.sub_contents_btn_area { display: flex; justify-content: center; align-items: center; }
.sub_contents_btn_area .btn { width: 124px; height: 48px; line-height: 48px; font-weight: 500; font-size: 14px; color: #ffffff; border-radius: 8px; }
.sub_contents_btn_area .btn:nth-child(1) { background-color: #d0d0d0; margin-right: 8px; }
.sub_contents_btn_area .btn:nth-child(2) { background-color: #231815; }

.contect_num_area { position: fixed; bottom: 76px; right: 56px; z-index: 10; }
.contect_num_area .link,
.contect_num_area .box { width: 212px; height: 54px; background-color: #231815; border-radius: 26px; display: flex; color: #ffffff; justify-content: center; align-items: center; }
.contect_num_area .link i,
.contect_num_area .link i { display: inline-block; width: 20px; height: 20px; background-image: url(../image/icon_call.svg); background-repeat: no-repeat;  margin-right: 10px; }
.contect_num_area .link p { text-align: left; }
.contect_num_area .link p span { font-weight: bold; font-size: 16px; display: block; line-height: 20px; }
.contect_num_area .link p em { font-weight: 400; font-size: 9px; line-height: 18px; letter-spacing: -0.03em; color: #f0f0f0; display: block; }


/* Datepicker */
.date_select_area { display: flex; justify-content: flex-start; }
.date_select_area .date_area { position: relative; width: 196px; height: 32px; }
.date_select_area .date_view_area { position: absolute; left: 0; top: 0; }
.date_select_area .datepicker_area,
.date_select_area .date_view_area { display: flex; justify-content: space-between; }

    .date_select_area .datepicker_area .datepicker:nth-of-type(1) {
        display: inline-block;
        width: 88px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        border: 1px solid #f0f0f0;
        background-color: #ffffff;
        box-sizing: border-box;
        border-radius: 8px;
    }

    .date_select_area .datepicker_area em {
        display: inline-block;
        width: 20px;
        height: 32px;
        line-height: 32px;
        text-align: center;
    }

    .date_select_area .datepicker_area .datepicker:nth-of-type(2) {
        display: inline-block;
        width: 88px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        border: 1px solid #f0f0f0;
        background-color: #ffffff;
        box-sizing: border-box;
        border-radius: 8px;
    }

    .date_select_area .datepicker_area .datepicker,
    .date_select_area .datepicker_area em {
        font-weight: 500;
        font-size: 12px;
        letter-spacing: 0.25px;
        color: #666666;
    }
    /*

.date_select_area .datepicker_area input:nth-of-type(1) { width: 88px; height: 32px; z-index: 1; opacity: 0; display: inline-block; }
.date_select_area .datepicker_area input:nth-of-type(2) {  width: 88px; height: 32px; z-index: 1; opacity: 0; display: inline-block; }

*/
.date_select_area .date_view_area .start { display: inline-block; width: 88px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #f0f0f0; background-color: #ffffff; box-sizing: border-box; border-radius: 8px; }
.date_select_area .date_view_area em { display: inline-block; width: 20px; height: 32px; line-height: 32px; text-align: center; }
.date_select_area .date_view_area .end { display: inline-block; width: 88px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #f0f0f0; background-color: #ffffff; box-sizing: border-box; border-radius: 8px; }
.date_select_area .date_view_area .start,
.date_select_area .date_view_area em,
.date_select_area .date_view_area .end { font-weight: 500; font-size: 12px; letter-spacing: 0.25px; color: #666666; }

.date_select_area .period_area { margin-left: 24px; }
.date_select_area .period_area input[type="radio"] { display: none; }
.date_select_area .period_area input[type="radio"] + label { padding: 0 8px; height: 32px; display: inline-block; background-color: #f7f7f7; border-radius: 8px; line-height: 32px; font-weight: 500; font-size: 12px; letter-spacing: 0.25px; color: #666666; }
.date_select_area .period_area input[type="radio"]:checked + label { background-color: #231815; color: #ffffff; }
.date_select_area .period_area ul { display: flex; justify-content: flex-start; }
.date_select_area .period_area li { margin-right: 8px; }
.date_select_area .period_area li:last-of-type { margin-right: 0px; }

/* pagination */
.pagination { width: 100%; text-align: center; display: flex; justify-content: center; align-items: center; }
.pagination .prev,
.pagination .next { text-indent: -999999px; width: 32px; height: 32px; background-image: url(../image/icon_arrow04.svg); background-repeat: no-repeat; background-position: center center; overflow: hidden; }
.pagination .prev.disabled,
.pagination .next.disabled,
.pagination .prev:disabled,
.pagination .next:disabled { background-image: url(../image/icon_arrow04_off.svg); }

.pagination .first.disabled,
.pagination .last.disabled,
.pagination .first:disabled,
.pagination .last:disabled{ color: #d0d0d0; }

.pagination .first,
.pagination .last { width: 34px; text-align: center; height: 32px; line-height: 32px; font-size: 12px; font-weight: 500; }
.pagination .prev { margin-right: 24px; }
.pagination .next { transform: rotate(180deg); margin-left: 24px; }
.pagination ul { display: inline-block; width: auto; }
.pagination li { display: inline-block; margin-right: 8px; }
.pagination li:last-of-type { margin-right: 0px; }
.pagination .page { display: inline-block; width: 32px; height: 32px; font-weight: 500; font-size: 16px; color: #d0d0d0; line-height: 32px; }
.pagination .page.active { color: #231815;  }

/* Datepicker */
.dcalendarpicker .dudp__calendar-header { background-color: #231815; }
.dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-week .dudp__date.selected { background-color: #fee934; border-radius: 50%; font-weight: 900; font-size: 14px; }

/* Error */
.error_wrap { width: 100%; height: 100vh; }
.error_wrap .error_contents_area { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; flex-wrap: wrap; flex-direction: column; }
.error_wrap .error_contents_area .text_area { width: 100%; }
.error_wrap .error_contents_area .text_area i { display: block; width: 88px; height: 88px; background-image: url(../image/icon_error02.svg); margin: 0 auto; }
.error_wrap .error_contents_area .text_area strong { display: block; margin-top: 8px; font-weight: 500; font-size: 24px; line-height: 32px; text-align: center; }
.error_wrap .error_contents_area .text_area p { margin-top: 16px; font-weight: 500; font-size: 16px; line-height: 24px; text-align: center; color: #666666; }
.error_wrap .error_contents_area .btn { margin-top: 88px; display: inline-block; width: 428px; height: 72px; line-height: 72px; background-color: #fee934; border-radius: 16px; font-weight: 700; font-size: 18px; letter-spacing: 0.75px; }


/* 마우스 오버 */
.mover_underline:hover { text-decoration: underline; }
.mover_underline:hover input { text-decoration: underline; }
.mover_pointer:hover { cursor: pointer; }
.mover_pointer:hover input { cursor: pointer; }

/* 로딩 */
.loading_dim { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); z-index: 9999; }
.loading_dim.on { display: block; }
.loading_dim #lottie_loading { width: 64px; height: 64px; display: inline-block; position: absolute; left: 50%;  top: 50%; transform: translate(-50%, -50%); }

.noticeArea {
    margin-top: 0px;
    width: 70%;
    height: 300px;
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 16px 16px;
    color: #231815;
    font-weight: normal;
    font-size: 14px;
}