.hcTable { border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-collapse: collapse; font-size:11px; font-family:돋움; width:220px; } .hcTitle { padding-left:15px; padding-right:15px; } .hcControlBar { font-size:13px;} .hcTable th { background-color:#f0efec; padding:6px 0px 3px 0px; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #CCCCCC; } .hcTable td { padding:4px 5px 4px 5px; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; text-align:center; background-color:#FFFFFF; color:#626262; } .hcPrev,.hcNext { cursor:pointer; } .hcTable select { border: 1px; border-color: #C8C8C8; border-style: solid; background-color: white; font-size: 12px; color: #6C6C6C; font-family: ??,Dotum, AppleGothic, sans-serif; } .hcTable .mouseOver { background-color:#D9ECFF; cursor:arrow; } .hcTable .hcSun { color:#FF0000; } .hcTable .hcSat { color:#0080C0; } .hcTable .selectDay { background-color:#FFC8E4; } .hcPrev { border: 1px; border-color: #C8C8C8; border-style: solid; background-color: #f6f6f6; font-size: 12px; color: #6C6C6C; font-family: Dotum, AppleGothic, sans-serif; padding-top:4px; } .hcNext { border: 1px; border-color: #C8C8C8; border-style: solid; background-color: #f6f6f6; font-size: 12px; color: #6C6C6C; font-family: Dotum, AppleGothic, sans-serif; padding-top:4px; } .hcToday { border: 1px; border-color: #C8C8C8; border-style: solid; background-color: #aba9f8; font-size: 12px; color: #ffffff; font-family: Dotum, AppleGothic, sans-serif; padding-top:4px; } .hcToday { margin-right:25px; } .hcTable .noSelect { background-color:#EAEAEA; } #sDateCal , #eDateCal { margin-bottom:-2px; } .posi_r {position: relative;} .back_color_01 {background-color:#ff0000;} .back_color_02 {background-color:#6600ff;} .back_color_03 {background-color:#996666;} .back_color_04 {background-color:#339900;} .h50 {height:50px;} input:focus { outline: none;} .btn_close2 {border:0 ; font-size:30px; } .coltable .border0 {border:0} #user_sub_layout #user_pg_info { margin-bottom: 0px;} .this_mon {font-size:25px; font-weight:bold; } .info_p {font-size:16px; } .user_pg_info_tb {margin: 0 auto; width:200px; border:0; padding:0; } .user_pg_info_tb td{ border:0; padding:0; } .user_pg_info_tb td.TL{ text-align:left; padding-top:6px; } .user_pg_info_tb td.TC{ text-align:center; padding-top:0px;} .user_pg_info_tb td.TR{ text-align:right; padding-top:6px; } .user_pg_info_tb.pre, .user_pg_info_tb.pre:link, .user_pg_info_tb.pre:visited , .user_pg_info_tb.pre:hover{ text-decoration:none; padding:5px} .btn_ST1 , .btn_ST1 :link, .btn_ST1 :visited, .btn_ST1 :hover { text-decoration:none; border-radius:20px; } .tb_shadow {box-shadow: 2px 1px 7px 3px #eee;} .reserve_list_tit {min-height:18px; font-size:18px; color:#333; font-weight:normal; padding:13px 0 15px 4px } .reserve_td td {padding:14px 5px } .reserve_td .btn_gblue { height: 38px; line-height: 38px; color: #fff !important; font-size: 15px; border: 1px solid #385ef8 !important; background-color: #385ef8 !important; padding: 0px 10px; border-radius:5px; display: inline-block; vertical-align: middle; cursor: pointer; } .reserve_td .btn_gray { height: 27px; line-height: 27px; color: #333 !important; font-size: 12px; border: 1px solid #ddd !important; background-color: #f9f9f9 !important; padding: 0 10px; border-radius:13px; display: inline-block; vertical-align: middle; cursor: pointer; } .schedule_search {margin:0 0 10px 0} .schedule_search select { border: 1px solid #ddd; background-color: #fff; border-radius: 3px; vertical-align: middle; font-size: 16px; padding:6px 10px ;} } .schedule_tb td{min-width:80px} .schedule_div {width:100%} .schedule_div li{float:left} .schedule_div li.schedule_left{width:690px; padding:0 40px 0 0} .schedule_div li.schedule_right{width:calc(100% - 690px);} .sc_left_tb{width:100%; border-collapse: collapse; border-spacing: 0; } .sc_left_tb th.box_tit,.sc_left_tb td.box_cont { margin: 0; vertical-align: top; border: 1px solid #aaa;} .sc_left_tb th.box_tit { text-align: left; padding:20px 20px 20px 70px ; color:#000 ; font-size:20px; background:#F7F7F7 url(/fnc_images/sub/icon_call_bg.png) 22px 18px no-repeat; width:100%; height:30px ; } .sc_left_tb td.box_cont { text-align: left; padding:10px 15px; color:#000 ; font-size:18px; } .calendar_div {min-height:518px; border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top:0px;} .calendar_tb {width:100%} .calendar_tb th {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0 ; font-size:16px; } .calendar_tb td { padding:10px 5px; } /*.calendar_tb td.td_cell {border-right:0 !important; text-align:center; padding:2px 10px; }*/ .calendar_tb td.td_cell { padding:2px 10px; } .calendar_tb td .day_cell {border-radius:10px} .order_end {color:#888; font-weight:normal; font-size:12px; word-break: keep-all; } .order_ok {color:#fff; font-weight:normal; font-size:12px;word-break: keep-all; } .order_ready {color:#000; font-weight:normal; font-size:12px;word-break: keep-all; } .order_none {color:#fff; font-weight:normal; font-size:12px; padding: 0px 30px; display: block;} span.day_tit {border-bottom:1px solid #aaa; padding-bottom:3px; } .sc_right_tb{width:100%; border-collapse: collapse; border-spacing: 0; } .sc_right_tb th.box_tit,.sc_right_tb td.box_cont { margin: 0; vertical-align: top; border: 1px solid #aaa;} .sc_right_tb th.box_tit { text-align: left; padding:20px 20px 20px 70px ; color:#000 ; font-size:20px; background:#F7F7F7 url(/fnc_images/sub/icon_list_bg.png) 22px 18px no-repeat; width:100%; height:30px ; } .sc_right_tb td.box_cont { text-align: left; padding:10px 15px; color:#000 ; font-size:18px; } .reserve_list_tb {min-height:120px; border-bottom:1px solid #ddd} .reserve_list_tb .fnc_Table.tb_horizon th { font-weight: normal !important;} .reserve_list_p {padding:0 0 10px 10px} .reserve_list_tb .fnc_Table.tb_horizon th, .reserve_list_tb .fnc_Table.tb_horizon td { border-bottom: 0px solid #ddd !important; } .reserve_list_tb .fnc_Table.tb_horizon tr { border-bottom: 1px solid #ddd !important; border-top: 1px solid #ddd !important;} .reserve_list_tb .fnc_Table.tb_horizon tr:last-child { border-bottom: 0px !important; } .reserve_list_tb_bottom {min-height:240px; } .sc_bottom_tb{width:100%; border-collapse: collapse; border-spacing: 0; } .sc_bottom_tb th.box_tit,.sc_bottom_tb td.box_cont { margin: 0; vertical-align: top; border: 1px solid #aaa;} .sc_bottom_tb th.box_tit { text-align: left; padding:20px 20px 20px 70px ; color:#000 ; font-size:20px; background:#F7F7F7 url(/fnc_images/sub/icon_info_bg.png) 22px 10px no-repeat; width:100%; height:38px ; } .sc_bottom_tb td.box_cont { text-align: left; padding:30px 30px; color:#000 ; font-size:18px; } .sc_bottom_tb td.box_cont h3 {margin-top:20px; margin-bottom:10px; } .sc_bottom_tb .sc_info_tit {text-align: left; padding:0px 20px 20px 34px ; color:#000 ; font-size:18px; font-weight:bold; background: url(/fnc_images/sub/reser_bul1.png) 0px -2px no-repeat; width:100%; height:26px ; } .sc_bottom_tb .sc_info_txt {padding-left:30px; } .sc_bottom_tb .sc_info_btom {padding-bottom:30px; } input[type="button"].fnc_input.custom_sc {width:70px; text-align:center; } @media screen and (max-width: 1240px) { .schedule_div li.schedule_left { float:none; width: 100%; padding: 0 0px 0 0;} .schedule_div li.schedule_right { float:none; width: 100%; padding: 0 0px 0 0; margin-top:20px; } .reserve_list_tb { min-height: auto; } } @media screen and (max-width: 980px) { .schedule_div li{float:none} .schedule_div li.schedule_left{width:100%} .schedule_div li.schedule_right{width:100%} #user_sub_layout {min-width:100%; padding: 10px 0;} .schedule_tb td { min-width: auto;} .btn_ST1 {font-size:11px!important; padding: 0 4px!important; margin-left: 2px!important; margin-right: 2px!important; } .schedule_tb td {font-size:11px!important;} input[type="button" ].btn_ST1 {padding: 0 4px;} .coltable td { padding: 8px 0px; } .schedule_tb td { min-width: 14%; width: 14%; max-width: 14%;} .schedule_div li{float:none} .schedule_div li.schedule_left{width:100%} .schedule_div li.schedule_right{width:100%} .sc_left_tb td.box_cont { padding: 10px 0px; } } @media screen and (max-width: 720px) { .sub_contents { padding: 0 10px;} .reserve_list_tb .fnc_Table.tb_horizon th{ font-size:16px; } .reserve_list_tb .fnc_Table.tb_horizon td{ font-size:16px; } } @media screen and (max-width: 620px) { .order_none { padding: 0px 10px;} .order_end {font-size:10px; } .order_ok {font-size:10px } .order_ready {font-size:10px; } .calendar_tb td.td_cell {padding:2px 2px; } } @media all and (max-width: 480px) { #user_sub_layout { min-width: 100%; padding: 0px 0;} #user_sub_layout #user_sub_title { height: 36px; line-height: 36px;} #user_divine_center {margin-top:0 !important} .schedule_tb td { min-width: 50px} input[type="button" ].btn_ST1 {padding: 0 4px;font-size:10px!important;} .coltable td { padding: 5px 0px;} .reserve_td input[type="button" ].btn_gblue {width:100%!important} .reserve_td input[type="button" ].btn_gray {width:10%!important} #user_sub_layout #user_sub_title ul li.location { padding: 0 0px 0 0;} .reserve_list_tb .fnc_Table.tb_horizon th{ font-size:14px; } .reserve_list_tb .fnc_Table.tb_horizon td{ font-size:14px; } .reserve_td .btn_gblue { padding: 0px 10px; font-size: 14px;} .sc_bottom_tb td.box_cont { padding: 10px 10px 10px 0;font-size: 16px; } .sc_right_tb td.box_cont { padding: 10px 5px; font-size: 14px;} .reserve_list_tb .fnc_Table.tb_horizon th:nth-child(1) {width:15% } .reserve_list_tb .fnc_Table.tb_horizon th:nth-child(2) {width:30% } .reserve_list_tb .fnc_Table.tb_horizon th:nth-child(3) {width:30%} .reserve_list_tb .fnc_Table.tb_horizon th:nth-child(4) {width:25% } } .schedule_tb tr{height:60px;} .schedule_tb1 tr{height:78px;} .schedule_tb td{height:auto !important;} .sc_left_tb td.box_cont .calendar_div{min-height:auto !important;} #sc_right_tb_if body{margin:0px;} label { width: 100%; display: block; font-size: 18px; line-height: 27px; font-weight: bold; margin-bottom: 30px; } input, select, textarea { font-family: "Noto Sans KR", sans-serif; width: 100%; height: 50px !important; outline: none; padding: 0 20px; border: 1px solid #c4c4c4; border-radius: 5px; margin-top: 10px; line-height: 33px; } select {height: 50px; } textarea { display: block; width: 100%; height: 200px; padding: 15px; line-height: 25px; resize: none; } .sc-modal{position: relative;} .sc-modal-close {font-weight:bold;position:absolute; top:10px;right:20px;height:40px !important;padding:0 20px !important;} .modal-check > label > div {font-size:12px;font-weight:normal;background:#ebebeb;padding:10px;} .modal-check > label >input {width:20px;height:20px !important; margin:0;} .sc-btn {width:80px;height:40px !important; background:#006f9d;color:#fff;font-weight:bold;} .modal-header {box-sizing:border-box; width: 100%; height: 60px; display: flex; align-items: center; justify-content: space-between; padding: 15px 20px;background-color: #006f9d;} .modal-header h3{margin:0;font-size: 20px; line-height: 29px;color: #fff;} .modal-form{box-sizing:border-box; width: 100%; height: calc(100% - 60px); padding: 45px 40px;}