539 lines
33 KiB
CSS
539 lines
33 KiB
CSS
@charset "utf-8";
|
|
|
|
/* 아이콘 */
|
|
.icon{display:inline-block;vertical-align:middle;}
|
|
.icon.search{width:23px;height:23px;background:url(/kofair_case_seed/usr/images/component/icon_search.png) no-repeat center center;}
|
|
.icon.sertification{width:15px;height:17px;background:url(/kofair_case_seed/usr/images/component/icon_sertification.png) no-repeat center center;}
|
|
.icon.sertification_out{width:21px;height:17px;background:url(/kofair_case_seed/usr/images/component/icon_sertification_out.png) no-repeat center center;}
|
|
.icon.outlink{width:16px;height:22px;background:url(/kofair_case_seed/usr/images/component/icon_outlink.png) no-repeat center top;}
|
|
.icon.plus{width:15px;height:15px;background:url(/kofair_case_seed/usr/images/component/icon_plus.png) no-repeat center center;}
|
|
.icon.minus{width:15px;height:15px;background:url(/kofair_case_seed/usr/images/component/icon_minus.png) no-repeat center center;}
|
|
.icon.menu{width:20px;height:20px;background:url(/kofair_case_seed/usr/images/component/icon_menu.png) no-repeat center center;}
|
|
.icon.file.clip{width:40px;height:40px;background:url(/kofair_case_seed/usr/images/component/icon_file_clip.png) no-repeat center center;}
|
|
.icon.file.clip.blue{width:20px;height:20px;background:url(/kofair_case_seed/usr/images/component/icon_file_clip_blue.png) no-repeat center center;}
|
|
.icon.info.gray_fill{width:20px;height:20px;background:url(/kofair_case_seed/usr/images/component/icon_info_gray_fill.png) no-repeat center center;}
|
|
.icon.delete.gray_fill{width:22px;height:22px;background:url(/kofair_case_seed/usr/images/component/icon_delete_fill_round_gray.png) no-repeat center center;}
|
|
.icon.arrow.right{width:7px;height:13px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_right.png) no-repeat center center;}
|
|
.icon.home{width:19px;height:19px;background:url(/kofair_case_seed/usr/images/component/icon_home.png) no-repeat center center;}
|
|
.icon.popup.close{width:18px;height:18px;background:url(/kofair_case_seed/usr/images/component/icon_popup_close.png) no-repeat center center;}
|
|
.icon.popup.close.white{background:url(/kofair_case_seed/usr/images/component/icon_popup_close_white.png) no-repeat center center;}
|
|
.icon.file_download{width:18px;height:18px;background:url(/kofair_case_seed/usr/images/component/icon_file_download.png) no-repeat center center;}
|
|
.icon.lnb_slide_toggle{width:12px;height:7px;background:url(/kofair_case_seed/usr/images/component/icon_lnb_toggle_slide.png) no-repeat center bottom;}
|
|
.active .icon.lnb_slide_toggle{background:url(/kofair_case_seed/usr/images/component/icon_lnb_toggle_slide_active.png) no-repeat center top;}
|
|
|
|
.icon.td_type{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_td_type.png) no-repeat center center;}
|
|
.icon.td_result{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_td_result.png) no-repeat center center;}
|
|
.icon.td_view{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_td_view.png) no-repeat center center;}
|
|
.icon.td_writer{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_writer.png) no-repeat center center;}
|
|
.icon.td_calendar{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_calendar.png) no-repeat center center;}
|
|
.icon.td_case_number{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_td_case_number.png) no-repeat center center;}
|
|
.icon.td_person{width:32px;height:32px;background:url(/kofair_case_seed/usr/images/component/icon_td_person.png) no-repeat center center;}
|
|
.icon.td_time{width:34px;height:34px;background:url(/kofair_case_seed/usr/images/component/icon_td_time.png) no-repeat center center;}
|
|
|
|
/* sub layout */
|
|
.sub_content,.wrap>.sub>.inner>form[method="post"]:not(#listForm,#searchForm){width:calc(100% - 366px);margin:10px 0 0 0;}
|
|
.wrap>.sub>.inner form#signup,.wrap>.sub>.inner form#hpSignup,.wrap>.sub>.inner form#signCms{width:0 !important;}
|
|
.wrap>.sub>.inner>form .sub_content{width:100%;}
|
|
.page_location{display:flex;align-items:center;}
|
|
.page_location li{position:relative;padding:0 13px;font-size:1.6rem;color:#888;}
|
|
.page_location li::after{position:absolute;content:"";width:7px;height:13px;right:-4px;top:5px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_right.png) no-repeat center center;}
|
|
.page_location li:last-child::after{display:none;}
|
|
.page_location li:first-child{padding:0 13px 0 0;}
|
|
.sub_con_tit{margin:32px 0 0 0;font-size:3.6rem;font-weight:bold;color:#333;}
|
|
.sub_con_sub_tit{margin:40px 0;font-size:1.7rem;font-weight:400;color:#666;}
|
|
|
|
.search_wrap{display:flex;margin:40px 0 30px 0;padding:30px;border-radius:5px;background:#f4f5f7;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;}
|
|
.search_wrap li{display:flex;font-size:1.6rem;align-items:center;gap:10px;}
|
|
.search_wrap .calendar{width:130px;}
|
|
.search_wrap .calendar .duet-date__input{font-size:1.5rem;;}
|
|
.search_wrap .btn_search{width:80px;}
|
|
|
|
.page{display:flex;margin:40px 0 0 0;justify-content:center;align-items:center;}
|
|
.page a{display:flex;width:40px;height:40px;font-size:1.7rem;color:#666;border-radius:5px;align-items:center;justify-content:center;}
|
|
.page a:hover{background:#e5e5e5;}
|
|
.page .active,.page .active:hover{background:#888888;font-weight:500;color:#fff;}
|
|
.page .only_icon{border:1px solid #d8d8d8;margin:0 5px;}
|
|
.page i{width:40px;height:40px;}
|
|
.page .page_first{background:url(/kofair_case_seed/usr/images/component/icon_page_first.png) center center;}
|
|
.page .page_prev{background:url(/kofair_case_seed/usr/images/component/icon_page_prev.png) center center;}
|
|
.page .page_next{background:url(/kofair_case_seed/usr/images/component/icon_page_next.png) center center;}
|
|
.page .page_last{background:url(/kofair_case_seed/usr/images/component/icon_page_last.png) center center;}
|
|
|
|
/* table */
|
|
.table_top{display:flex;align-items:center;justify-content:space-between;}
|
|
.table_top.title{align-items:flex-end;}
|
|
.table_top.title .depth02{font-size:2.2rem;}
|
|
.table_top.title .cf_text{font-size:1.5rem;font-weight:400;color:#666;}
|
|
.table_top .search_wrap{padding:0;margin:0;background:#fff;}
|
|
.table_top .list_total_number{font-size:1.7rem;color:#666;}
|
|
|
|
.vtc_top{vertical-align:top;}
|
|
.vtc_mid{vertical-align:middle;}
|
|
.vtc_bottom{vertical-align:bottom;}
|
|
|
|
.table_type_cols table{width:100%;margin:20px 0 0 0;border-top:3px solid #2e40ba;font-size:1.7rem;text-align:center;}
|
|
.table_type_cols table thead th{height:58px;border-bottom:1px solid #c9c9c9;background:#f4f5f7;vertical-align:middle;}
|
|
.table_type_cols table tbody tr{border-bottom:1px solid #d8d8d8;}
|
|
.table_type_cols table tbody td{height:60px;color:#888;background:#fff;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
|
|
.table_type_cols table tbody tr:hover td{text-decoration:underline;text-underline-offset:3px;}
|
|
.table_type_cols table tbody tr:hover td.list_none{text-decoration:none;}
|
|
.table_type_cols table tbody td.table_number{color:#666;}
|
|
.table_type_cols table tbody td.list_none{color:#666;}
|
|
.table_type_cols table tbody td .list_title{color:#333;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
|
|
.table_type_cols table tbody td .select{min-width:0;}
|
|
.table_type_cols table tfoot tr{border-bottom:1px solid #d8d8d8;background:#f4f5f7;text-align:center;}
|
|
.table_type_cols table tfoot tr td{height:50px;color:#333;vertical-align:middle;}
|
|
|
|
.table_type_cols.line th,.table_type_cols.line td{color:#333;border-right:1px solid #d8d8d8;padding:0 5px;}
|
|
.table_type_cols.line td{font-weight:300;color:#666;}
|
|
.table_type_cols.line th:last-child,.table_type_cols.line td:last-child{border-right:0;}
|
|
.table_type_cols.line tfoot td{font-weight:400;color:#333;}
|
|
|
|
.table_type_cols+.cf_text{margin:15px 0 0 0;}
|
|
|
|
.table_type_rows table{width:100%;margin:10px 0 0 0;border-top:2px solid #2e40ba;font-size:1.7rem;text-align:left;}
|
|
.table_type_rows table tbody th{position:relative;color:#333;padding:18px 5px 18px 30px;background:#f4f5f7;border-bottom:1px solid #dbdbdb;vertical-align:text-top;}
|
|
.table_type_rows table tbody td{height:60px;padding:5px 16px;border-bottom:1px solid #dbdbdb;vertical-align:middle;}
|
|
.table_type_rows table tbody td.td_substance{height:150px;padding:15px 5px 0 16px;vertical-align:top;}
|
|
.table_type_rows table .select{padding:0 14px;font-size:1.6rem;background-position:calc(100% - 10px) 16px;}
|
|
.table_type_rows table .phone_wrap .select{min-width:80px;}
|
|
.table_type_rows table .phone_wrap .input_text{width:calc((100% - 115px)/2);}
|
|
.table_type_rows+.cf_text{margin:15px 0 0 0;}
|
|
|
|
/* view */
|
|
.list_view{margin:40px 0 0 0;}
|
|
.list_view_tit{border-bottom:1px solid #c9c9c9;padding:24px;font-size:2.1rem;font-weight:bold;color:#333;border-top:3px solid #2e40ba;background:#f4f5f7;}
|
|
.list_view_wrap .view_info{display:flex;padding:18px 24px;font-size:1.7rem;color:#666;border-bottom:1px solid #c9c9c9;flex-wrap:wrap;gap:15px;}
|
|
.list_view_wrap .view_info .icon{display:none;}
|
|
.list_view_wrap .view_info .view_info_tit{display:inline-block;color:#888;}
|
|
.list_view_wrap .view_content{font-size:1.7rem;padding:40px 24px;border-bottom:1px solid #d8d8d8;}
|
|
|
|
/* box */
|
|
.box{padding:30px;margin:20px 0 0 0;border-radius:5px;font-size:1.7rem;font-weight:400;color:#333;}
|
|
.box.gray_border{border:1px solid #d8d8d8;}
|
|
.box.gray_fill{background:#f4f5f7;}
|
|
.box.gray_border.gray_fill{margin:40px 0 0 0;font-size:1.9rem;font-weight:500;text-align:center;color:#000;border:1px solid #eeeeee;background:#f8f9fa;}
|
|
.box.border_3{border:3px solid #eeeeee;}
|
|
.box.white_fill{background:#fff;}
|
|
|
|
.box pre{white-space:break-spaces;}
|
|
|
|
/* tab */
|
|
.tabs{display:flex;flex-wrap:wrap;}
|
|
.tab_contents{display:none;}
|
|
.tab_contents.active{display:block;}
|
|
|
|
.tab_02 li{width:calc(100% / 2);}
|
|
.tab_03 li{width:calc(100% / 3);}
|
|
.tab_04 li{width:calc(100% / 4);}
|
|
.tab_05 li{width:calc(100% / 5);}
|
|
.tab_06 li{width:calc(100% / 6);}
|
|
.tab_07 li{width:calc(100% / 7);}
|
|
|
|
.tab{width:100%;height:60px;font-size:1.8rem;font-weight:400;color:#333;}
|
|
.tab.active{font-weight:bold;}
|
|
|
|
.tabs.blue_fill{background:#f4f5f7;border:1px solid #d8d8d8;border-radius:5px;}
|
|
.tabs.blue_fill .tab{position:relative;border-bottom:1px solid #d8d8d8;}
|
|
.tabs.blue_fill .tab::after{position:absolute;content:"";width:1px;height:26px;background:#d8d8d8;right:0;top:16px;}
|
|
.tabs.blue_fill .tab.active{background:#2870ed;border:1px solid #2870ed;border-radius:5px;color:#fff;}
|
|
.tabs.blue_fill .tab.active::after{display:none;}
|
|
|
|
|
|
.tabs.blue_fill.tab_02 :nth-child(2n) .tab::after{display:none;}
|
|
.tabs.blue_fill.tab_03 :nth-child(3n) .tab::after{display:none;}
|
|
.tabs.blue_fill.tab_04 :nth-child(4n) .tab::after{display:none;}
|
|
.tabs.blue_fill.tab_05 :nth-child(5n) .tab::after{display:none;}
|
|
.tabs.blue_fill.tab_06 :nth-child(6n) .tab::after{display:none;}
|
|
.tabs.blue_fill.tab_07 :nth-child(7n) .tab::after{display:none;}
|
|
|
|
.tabs.blue_fill.tab_02 :nth-last-child(-n+2) .tab{border-bottom:0;}
|
|
.tabs.blue_fill.tab_03 :nth-last-child(-n+3) .tab{border-bottom:0;}
|
|
|
|
/* file_list */
|
|
.view_file_list{display:flex;padding:18px 24px;border-bottom:1px solid #c9c9c9;flex-direction:column;font-size:1.7rem;font-weight:500;color:#5b639d;gap:10px;}
|
|
.view_file_list .icon.file_download{margin:-5px 10px 0 0;}
|
|
|
|
.view_file_list.border_0{padding:10px 0;;border:0;font-weight:400;}
|
|
.view_file_list.border_0 .icon{margin:0 10px 0 0;}
|
|
|
|
.file_upload_wrap{display:flex;align-items:flex-start;}
|
|
.file_upload_wrap .file_list{display:flex;width:calc(100% - 100px);margin:0 0 0 10px;flex-direction:column;gap:8px;}
|
|
.file_upload_wrap li{display:flex;}
|
|
.file_upload_wrap li a{display:flex;max-width:calc(100% - 30px);font-size:1.5rem;color:#333;padding:0 15px 0 0;background:#f4f5f7;border-radius:5px;align-items:center;}
|
|
.file_upload_wrap li a .file_name{max-width:calc(100% - 130px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
|
|
.file_upload_wrap li a .file_size{font-size:1.4rem;font-weight:300;color:#666;margin:0 0 0 35px;}
|
|
|
|
/* info_ul */
|
|
.info_ul{display:flex;flex-direction:column;gap:25px;}
|
|
.info_ul .btn_wrap{margin:20px 0 0 0;}
|
|
.info_ul .title+.btn_wrap{padding:0 0 0 19px;}
|
|
|
|
.sub_info_ul{display:flex;margin:8px 0 0 0;font-size:1.6rem;font-weight:400;color:#666;flex-direction:column;gap:10px;}
|
|
.sub_info_ul li{position:relative;padding:0 0 0 10px;margin:0 0 0 21px;}
|
|
.sub_info_ul li::after{position:absolute;content:"-";font-size:1.6rem;left:0;top:0;}
|
|
|
|
/* blue_row_dl */
|
|
.blue_row_dl{display:flex;margin:20px 0 0 0;flex-direction:column;border-top:2px solid #2e40ba;}
|
|
.blue_row_dl>dt{display:flex;height:60px;padding:0 30px;font-size:1.7rem;font-weight:500;color:#333;background:#f4f5f7;border-bottom:1px solid #d8d8d8;align-items:center;}
|
|
.blue_row_dl>dd{display:flex;min-height:65px;padding:14px 30px;border-bottom:1px solid #d8d8d8;align-items:center;}
|
|
|
|
/* step */
|
|
.process_step_wrap{display:flex;margin:40px 0 0 0;gap:60px;}
|
|
.process_step_wrap li{display:flex;color:#888;padding:0 20px;background:#fff;border:2px solid #e4e4e4;border-radius:10px;justify-content:space-between;}
|
|
.process_step_wrap li.active{border:2px solid #2e40ba;color:#2e40ba;box-shadow:0 0 10px rgba(22,28,45,0.25);}
|
|
.process_step_wrap li::before{position:absolute;content:"";width:64px;height:2px;background:#e8e8e8;left:100%;z-index:-1;}
|
|
.process_step_wrap li::after{position:absolute;content:"";width:27px;height:27px;background:url(/kofair_case_seed/usr/images/component/icon_process_next.png) no-repeat center center;left:calc(100% + 20px);}
|
|
.process_step_wrap li:last-child::before,.process_step_wrap li:last-child::after{display: none;}
|
|
.process_step_wrap.step3 li{position:relative;display:flex;width:calc(100% / 3);align-items:center;}
|
|
.process_step_wrap.step5 li{position:relative;display:flex;width:calc(100% / 5);align-items:center;}
|
|
.process_step_wrap li p{font-size:1.4rem;}
|
|
.process_step_wrap li p span{display:block;font-size:1.7rem;font-weight:bold;}
|
|
.process_step_wrap li .step{width:45px;height:74px;}
|
|
|
|
.box_complete{padding:50px 0;text-align:center;}
|
|
.box_complete i.icon.process.complete{display:block;width:130px;height:130px;background:url(/kofair_case_seed/usr/images/component/icon_process_complete.png) no-repeat center center;margin:0 auto;}
|
|
.box_complete .gMarket_bold{font-size:3rem;}
|
|
|
|
/* calendar */
|
|
.calendar{border:1px solid #d8d8d8;margin:10px 0 0 0;}
|
|
.calendar_wrap .calendar{border:0;margin:0;}
|
|
.calendar.fc .fc-toolbar.fc-header-toolbar{position:relative;height:70px;background:#f4f5f7;border-bottom:1px solid #d8d8d8;margin-bottom:0;justify-content:center;}
|
|
.calendar.fc .fc-toolbar.fc-header-toolbar button{min-width:40px;height:40px;margin:0 5px;background:#fff;border:1px solid #d8d8d8;border-radius:5px;}
|
|
.calendar.fc .fc-today-button{position:absolute;width:56px;left:calc(50% - 185px);font-size:1.7rem;color:#666;line-height:1;}
|
|
.calendar.fc .fc-prev-button{position:absolute;width:40px;left:calc(50% - 205px);font-size:1.7rem;color:#666;line-height:1;}
|
|
.calendar.fc .fc-prev-button ::before{margin:-1px 0 0 -2px;}
|
|
.calendar.fc .fc-toolbar-title{font-size:2.2rem;font-weight:500;color:#222;margin:-1px 0 0 56px;}
|
|
.calendar .fc-icon{width:auto;margin:-2px 0 0 0;}
|
|
.calendar .fc-icon-chevron-left::before,.calendar .fc-icon-chevron-right::before{font-size:2rem;font-weight:bold;color:#666;line-height:15px;}
|
|
|
|
.fc-theme-standard .fc-scrollgrid{border:0;}
|
|
.fc-theme-standard td, .fc-theme-standard th{height:40px;font-size:1.7rem;color:#666;vertical-align:middle;}
|
|
.fc-theme-standard td{height:140px;color:#333;}
|
|
.fc-theme-standard tr:last-child td{border-bottom:0;}
|
|
.fc-theme-standard td:last-child, .fc-theme-standard th:last-child{border-right:0;}
|
|
|
|
.fc .fc-scroller-liquid-absolute{overflow:visible !important;}
|
|
.fc .fc-daygrid-day-top{justify-content:flex-end;}
|
|
.fc .fc-daygrid-day.fc-day-today{background:#fef2ef;}
|
|
|
|
.calendar .fc-day-sun{color:#b61f1f;}
|
|
.calendar .fc-day-sat{color:#394c83;}
|
|
.calendar .fc-day-other{color:#94949c;}
|
|
|
|
.fc-h-event{background:transparent;border:0;}
|
|
.fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title{color:#333;}
|
|
|
|
/* duet_calendar */
|
|
.calendar .duet-date__dialog-content{position:relative;padding:25px 23px 54px 23px;} /* 달력 박스 */
|
|
.calendar .duet-date__mobile{position:unset;}
|
|
.calendar .duet-date__select span,.calendar .duet-date__header{font-size:1.8rem;} /* 달력 select, button */
|
|
.calendar .duet-date__select-label svg{width:20px;height:20px;margin:3px 0 0 0;} /* 달력 select 아이콘 */
|
|
.calendar .duet-date__prev, .calendar .duet-date__next{width:26px;height:26px;background:transparent;border:1px solid #d8d8d8;border-radius:5px;} /* 달력 이전, 다음 버튼 */
|
|
.calendar .duet-date__prev::before,.calendar .duet-date__next::before{font-size:1.8rem;} /* 달력 이전, 다음 버튼 아이콘 */
|
|
.calendar .duet-date__table-header{font-size:1.5rem;} /* 달력 요일 */
|
|
.calendar .duet-date__table thead tr,.calendar .duet-date__table tbody{border-bottom:1px solid #d8d8d8;} /* 달력 요일 밑줄 */
|
|
.calendar .duet-date__table tbody tr:first-child td{padding:4px 0 0 0;}
|
|
.calendar .duet-date__table tbody tr:last-child td{padding:0 0 6px 0;}
|
|
.calendar .duet-date__day{height:36px;font-size:1.5rem;color:#333;} /* 달력 날짜 */
|
|
|
|
.calendar .duet-date__day:hover::before{background:transparent;border:1px solid #2870ed;opacity:1;} /* 달력 날짜 호버 */
|
|
.calendar .duet-date__day.is-today::before{background:#e3edfe;border:1px solid #2870ed;opacity:1;z-index:-1;} /* 달력 날짜 오늘 */
|
|
.calendar .duet-date__day[aria-pressed=true],.calendar .duet-date__day:focus{background:#2870ed;color:#fff;} /* 달력 날짜 선택 */
|
|
.calendar .duet-date__close{display:flex !important;position:absolute;width:26px;height:26px;border:1px solid #d8d8d8;border-radius:5px;background:#fff;right:25px;bottom:15px;opacity:1 !important;} /* 달력 닫기 */
|
|
|
|
|
|
/* 2870ed / e3edfe */
|
|
|
|
|
|
/* ==================== 테블릿 ==================== */
|
|
@media screen and (max-width: 1199px){
|
|
|
|
/* 아이콘 */
|
|
.icon.file.clip{width:80px;height:80px;background:url(/kofair_case_seed/usr/images/component/icon_file_clip_m.png) no-repeat center center;}
|
|
.icon.file.clip.blue{width:40px;height:80px;background:url(/kofair_case_seed/usr/images/component/icon_file_clip_blue_m.png) no-repeat center center;}
|
|
.icon.delete.gray_fill{width:60px;height:60px;background:url(/kofair_case_seed/usr/images/component/icon_delete_fill_round_gray_m.png) no-repeat center center;}
|
|
|
|
/* sub layout */
|
|
.sub_visual{margin:0;}
|
|
.lnb{display:none;}
|
|
.sub_visual h2{font-size:4.2rem;}
|
|
.sub_content{width:100%;margin:0;}
|
|
.page_location{width:calc(100% + 60px);height:80px;border-bottom:2px solid #2e40ba;margin:0 0 0 -30px;padding:0 0 0 30px;gap:50px;}
|
|
.page_location li{font-size:3.2rem;padding:0;}
|
|
.page_location li:first-child{padding:0;}
|
|
.page_location li::after{width:11px;height:20px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_right_m.png) right center;right:-30px;top:12px;}
|
|
.page_location .icon.home{width:28px;height:28px;margin:-3px 0 0 0;background:url(/kofair_case_seed/usr/images/component/icon_home_m.png) no-repeat top center;}
|
|
|
|
.sub_con_tit{font-size:5rem;margin:60px 0 0 0;}
|
|
.sub_con_sub_tit{font-size:3.4rem;margin:80px 0 ;}
|
|
.search_wrap{padding:60px;margin:80px 0;gap:20px;}
|
|
.search_wrap select[name=search_category],.search_wrap select[name=reservation_category]{width:100%;}
|
|
.search_wrap select[name=search_type]{width:180px;}
|
|
.search_wrap .input_text{width:calc(100% - 330px);}
|
|
.search_wrap .btn_search{width:110px;padding:0;}
|
|
|
|
.page a{font-size:3.4rem;}
|
|
.page a,.page .only_icon{width:80px;height:80px;border-radius:10px;}
|
|
.page i{width:80px;height:80px;}
|
|
.page li:nth-child(n+6):nth-child(-n+12){display:none;}
|
|
.page .page_first{background:url(/kofair_case_seed/usr/images/component/icon_page_first_80.png) center center;}
|
|
.page .page_prev{background:url(/kofair_case_seed/usr/images/component/icon_page_prev_80.png) center center;}
|
|
.page .page_next{background:url(/kofair_case_seed/usr/images/component/icon_page_next_80.png) center center;}
|
|
.page .page_last{background:url(/kofair_case_seed/usr/images/component/icon_page_last_80.png) center center;}
|
|
/* //sub layout */
|
|
|
|
/* table */
|
|
.table_top{flex-wrap:wrap;}
|
|
.table_top .list_total_number{font-size:3.4rem;}
|
|
.table_top .search_wrap{width:100%;margin:40px 0 0 0;}
|
|
.table_top.title .cf_text{font-size:3rem;}
|
|
|
|
.table_type_cols table{font-size:3.4rem;}
|
|
|
|
.table_type_cols:not(.mobile_view_table, .scroll_table) colgroup,.table_type_cols:not(.line) thead{display:none;}
|
|
.table_type_cols:not(.mobile_view_table, .scroll_table) table tbody tr{position:relative;display:flex;min-height:120px;padding:30px 40px 30px 120px;flex-wrap:wrap;align-items:center;justify-content:flex-start;box-sizing:border-box;gap:20px;}
|
|
.table_type_cols:not(.mobile_view_table, .scroll_table) table tbody tr.tr_list_none{justify-content:center;padding:0;}
|
|
.table_type_cols:not(.mobile_view_table, .scroll_table) table tbody td{max-width:50%;height:auto;order:5;background:none;}
|
|
.table_type_cols:not(.mobile_view_table, .scroll_table) table tbody td.list_none{display:flex;max-width:100%;height:40px;align-items:center;justify-content:center;text-align:center;}
|
|
.table_type_cols:not(.mobile_view_table, .scroll_table) table tbody .table_number{position:absolute;width:110px;left:0;top:50%;transform:translateY(-50%);}
|
|
.table_type_cols:not(.mobile_view_table, .scroll_table) table tbody .td_title{width:100%;max-width:100%;order:1;white-space:wrap;}
|
|
.table_type_cols:not(.mobile_view_table, .scroll_table) table tbody .td_title a{display:-webkit-box;text-align:left;max-height:96px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:wrap;}
|
|
.table_type_cols:not(.mobile_view_table, .scroll_table) table tbody .td_title a .pc_hide{text-align:left;}
|
|
.table_type_cols:not(.mobile_view_table, .scroll_table) table tbody .td_icon{display:inline-block !important;margin:-5px 13px 0 0;}
|
|
.table_type_cols:not(.mobile_view_table, .scroll_table) table tbody .td_hide{display:none;}
|
|
|
|
.mobile_view_table table{margin:40px 0 0 0;border-top:4px solid #2e40ba;}
|
|
.mobile_view_table table thead th,.mobile_view_table table tbody td{height:100px;border-bottom:2px solid #d8d8d8;border-right:2px solid #d8d8d8;}
|
|
.mobile_view_table table tbody td{white-space:wrap;overflow:visible;text-overflow:unset;}
|
|
|
|
.table_type_rows table{font-size:3.4rem;margin:20px 0 0 0;border-top:4px solid #2e40ba;}
|
|
.table_type_rows colgroup{display:none;}
|
|
.table_type_rows table tr{display:flex;flex-wrap:wrap;}
|
|
.table_type_rows table tbody th,.table_type_rows table tbody td{display:flex;width:100%;min-height:116px;height:auto;padding:15px 20px;align-items:center;}
|
|
.table_type_rows table tbody td.td_substance{height:auto;padding:15px;}
|
|
.table_type_rows table tbody th{padding:15px 45px;}
|
|
|
|
.table_type_rows table .select{font-size:3.2rem;padding:0 28px;background-position:calc(100% - 28px);}
|
|
|
|
.table_type_rows table .phone_wrap{width:100%;}
|
|
.table_type_rows table .phone_wrap *,.table_type_rows table .phone_wrap .input_text{width:calc((100% / 3) - 20px);}
|
|
|
|
.table_type_rows table .email_wrap{display:flex;flex-wrap:wrap;align-items:center;gap:20px;}
|
|
.table_type_rows table .email_wrap .input_email:first-child{width:calc(100% - 80px);}
|
|
.table_type_rows table .email_wrap .input_email:nth-child(2){width:55%;}
|
|
.table_type_rows table .email_wrap .email_select{width:calc(45% - 20px);}
|
|
|
|
.table_type_rows table+.cf_text{margin:30px 0 0 0;}
|
|
|
|
.scroll_table{overflow:auto;}
|
|
|
|
|
|
/* view */
|
|
.list_view_tit{font-size:4.2rem;line-height:1.5;}
|
|
.list_view_wrap .view_info{font-size:3.4rem;padding:30px 24px;gap:15px 30px;}
|
|
.list_view_wrap .view_info .view_info_tit{display:none;}
|
|
.list_view_wrap .view_info .icon{display:inline-block;margin:-5px 8px 0 0;}
|
|
.list_view_wrap .view_file_list{font-size:3.4rem;font-weight:500;text-indent:-55px;padding:30px 24px 30px 89px;gap:20px;}
|
|
.list_view_wrap .view_file_list .icon.file_download{width:36px;height:36px;margin:-5px 20px 0 0;background:url(/kofair_case_seed/usr/images/component/icon_file_download_m.png) no-repeat center center;}
|
|
|
|
.list_view_wrap .view_content{padding:60px 0px;font-size:3.4rem;}
|
|
|
|
/* box */
|
|
.box{padding:40px;margin:40px 0 0 0;border-radius:10px;font-size:3.4rem;}
|
|
.box.gray_border.gray_fill{font-size:3.8rem;}
|
|
|
|
/* tab */
|
|
.tab{height:120px;font-size:3.4rem;}
|
|
|
|
.tabs.blue_fill .tab::after{width:2px;height:52px;top:50%;transform:translateY(-50%);}
|
|
|
|
.tab_03 li{width:calc(100% / 2);}
|
|
.tabs.blue_fill.tab_03 :nth-last-child(-n+3) .tab{border-bottom:1px solid #d8d8d8;}
|
|
.tabs.blue_fill.tab_03 :nth-last-child(-n+2) .tab{border-bottom:0;}
|
|
.tabs.blue_fill.tab_03 :nth-child(3n) .tab::after{display:block;}
|
|
.tabs.blue_fill.tab_03 :nth-child(2n) .tab::after{display:none;}
|
|
|
|
/* info_ul */
|
|
.info_ul .btn_wrap{margin:40px 0 0 0;}
|
|
|
|
.sub_info_ul{margin:16px 0 0 0;font-size:3.2rem;gap:20px;}
|
|
.sub_info_ul li{padding:0 0 0 20px;margin:0 0 0 42px;}
|
|
.sub_info_ul li::after{font-size:3.2rem;}
|
|
|
|
/* blue_row_dl */
|
|
.blue_row_dl>dt{height:auto;padding:40px;font-size:3.4rem;}
|
|
.blue_row_dl>dd{position:relative;padding:40px !important;}
|
|
|
|
/* file_list */
|
|
.file_upload_wrap{width:100%;flex-wrap:wrap;}
|
|
.file_upload_wrap .file_button{width:100%;}
|
|
.input_file+.file{width:100%;}
|
|
.file_upload_wrap .file_list{width:100%;margin:20px 0 0 0;}
|
|
.file_upload_wrap li a{width:calc(100% - 80px);height:80px;font-size:3rem;margin:0 15px 0 0;padding:0 30px 0 0;border-radius:10px;}
|
|
.file_upload_wrap li a .file_size{font-size:2.8rem;}
|
|
|
|
.view_file_list{font-size:3.4rem;}
|
|
|
|
/* step */
|
|
.process_step_wrap{gap:40px;}
|
|
.process_step_wrap li{padding:30px;border:4px solid #e4e4e4;border-radius:20px;justify-content:center;flex-wrap:wrap;}
|
|
.process_step_wrap li.active{border:4px solid #2e40ba;}
|
|
.process_step_wrap li::after{display:none;}
|
|
.process_step_wrap li .step{width:100%;height:60px;margin:0 0 17px 0;order:1;}
|
|
.process_step_wrap li p{width:100%;font-size:2.8rem;text-align:center;order:2;}
|
|
.process_step_wrap li p span{font-size:2.8rem;}
|
|
|
|
.box_complete{padding:90px 0;}
|
|
.box_complete i.icon.process.complete{width:220px;height:220px;margin:0 auto 50px auto;background:url(/kofair_case_seed/usr/images/component/icon_process_complete_m.png) no-repeat center center;}
|
|
.box_complete .gMarket_bold{font-size:6rem;}
|
|
|
|
/* calendar */
|
|
.search_wrap li{width:100%;font-size:3.2rem;gap:20px;white-space:nowrap;}
|
|
.search_wrap .calendar_term{width:calc(100% - 150px);}
|
|
.search_wrap .calendar_term .calendar{width:calc((100% - 50px)/2);}
|
|
.search_wrap .calendar_term .duet-date__input{font-size:3rem;}
|
|
|
|
|
|
}
|
|
|
|
|
|
/* ==================== 모바일 ==================== */
|
|
@media screen and (max-width: 767px){
|
|
|
|
/* 아이콘 */
|
|
.icon.file.clip{width:40px;height:40px;background-size:auto 100%;}
|
|
.icon.delete.gray_fill{width:30px;height:30px;background-size:auto 100%;}
|
|
.icon.file.clip.blue{width:20px;height:20px;background:url(/kofair_case_seed/usr/images/component/icon_file_clip_blue.png) no-repeat center center;}
|
|
|
|
/* sub layout */
|
|
.sub_visual{height:80px;background-size:auto 100%;background-position:right center;}
|
|
.sub_visual h2{font-size:2.1rem;}
|
|
|
|
.page_location{min-height:40px;height:auto;gap:0 25px;flex-wrap:wrap;}
|
|
.page_location li{font-size:1.6rem;}
|
|
.page_location li::after{width:7px;height:13px;background:url(/kofair_case_seed/usr/images/component/icon_arrow_right.png) no-repeat center center;top:5px;right:-15px;}
|
|
.page_location .icon.home{width:19px;height:19px;background:url(/kofair_case_seed/usr/images/component/icon_home.png) no-repeat center center;}
|
|
|
|
.sub_con_tit{font-size:2.5rem;margin:30px 0 0 0;}
|
|
.sub_con_sub_tit{font-size:1.7rem;margin:40px 0;}
|
|
.search_wrap{padding:30px;margin:40px 0;gap:10px;}
|
|
.search_wrap select[name=search_category]{width:100%;}
|
|
.search_wrap select[name=search_type]{width:90px;}
|
|
.search_wrap .input_text{width:calc(100% - 220px);}
|
|
.search_wrap .btn_search{width:80px;}
|
|
|
|
.page a, .page .only_icon,.page i{width:40px;height:40px;border-radius:5px;font-size:1.7rem;}
|
|
.page i{background-size:100% auto !important;}
|
|
/* //sub layout */
|
|
|
|
|
|
/* table */
|
|
.table_top .list_total_number{font-size:1.7rem;}
|
|
.table_top .search_wrap{margin:20px 0 0 0;}
|
|
.table_top.title .cf_text{font-size:1.5rem;}
|
|
|
|
.table_type_cols table{font-size:1.7rem;}
|
|
.table_type_cols:not(.mobile_view_table) table tbody tr{min-height:60px;padding:15px 20px 15px 60px;gap:10px;}
|
|
.table_type_cols:not(.mobile_view_table) table tbody .table_number{width:50px;}
|
|
.table_type_cols:not(.mobile_view_table) table tbody .td_icon{width:16px;height:16px;background-size:100% auto;margin:-3px 6.5px 0 0;}
|
|
|
|
.mobile_view_table table{margin:20px 0 0 0;border-top:2px solid #2e40ba;}
|
|
.mobile_view_table table thead th,.mobile_view_table table tbody td{height:50px;border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
|
|
|
|
.table_type_rows table{font-size:1.7rem;margin:10px 0 0 0;border-top:2px solid #2e40ba;}
|
|
.table_type_rows table tbody th,.table_type_rows table tbody td{display:flex;min-height:58px;padding:7px 10px;}
|
|
.table_type_rows table tbody th{padding:7px 22.5px;}
|
|
|
|
.table_type_rows table .select{font-size:1.6rem;padding:0 14px;background-position:calc(100% - 14px);}
|
|
|
|
.table_type_rows table .phone_wrap{width:100%;}
|
|
.table_type_rows table .phone_wrap *,.table_type_rows table .phone_wrap .input_text{width:calc((100% / 3) - 10px);}
|
|
|
|
.table_type_rows table .email_wrap{gap:10px;}
|
|
.table_type_rows table .email_wrap .input_email:first-child{width:calc(100% - 40px);}
|
|
.table_type_rows table .email_wrap .input_email:nth-child(2){width:55%;}
|
|
.table_type_rows table .email_wrap .email_select{width:calc(45% - 10px);}
|
|
|
|
.table_type_rows table+.cf_text{margin:30px 0 0 0;}
|
|
|
|
/* view */
|
|
.list_view_tit{font-size:2.1rem;}
|
|
.list_view_wrap .view_info{font-size:1.7rem;padding:15px 12px;gap:7px 15px;}
|
|
.list_view_wrap .view_info .view_info_tit{display:none;}
|
|
.list_view_wrap .view_info .icon{width:18px;height:18px;background-size:100% auto;margin:-2px 4px 0 0;}
|
|
.list_view_wrap .view_file_list{font-size:1.7rem;text-indent:-22.5px;padding:15px 12px 15px 44.5px;gap:10px;}
|
|
.list_view_wrap .view_file_list .icon.file_download{width:18px;height:18px;margin:-5px 10px 0 0;background:url(/kofair_case_seed/usr/images/component/icon_file_download.png) no-repeat center center;}
|
|
|
|
.list_view_wrap .view_content{padding:30px 0px;font-size:1.7rem;}
|
|
|
|
/* box */
|
|
.box{padding:20px;margin:20px 0 0 0;border-radius:5px;font-size:1.7rem;}
|
|
.box.gray_border.gray_fill{font-size:1.9rem;;}
|
|
|
|
/* tab */
|
|
.tab{height:60px;font-size:1.7rem;}
|
|
.tabs.blue_fill .tab::after{width:1px;height:26px;}
|
|
|
|
/* info_ul */
|
|
.info_ul .btn_wrap{margin:20px 0 0 0;}
|
|
|
|
.sub_info_ul{margin:8px 0 0 0;font-size:1.6rem;gap:10px;}
|
|
.sub_info_ul li{padding:0 0 0 10px;margin:0 0 0 21px;}
|
|
.sub_info_ul li::after{font-size:1.6rem;}
|
|
|
|
/* blue_row_dl */
|
|
.blue_row_dl>dt{height:auto;padding:20px;font-size:1.7rem;}
|
|
.blue_row_dl>dd{position:relative;padding:20px !important;}
|
|
|
|
/* file_list */
|
|
.file_upload_wrap .file_list{margin:10px 0 0 0;}
|
|
.file_upload_wrap li a{position:relative;width:calc(100% - 40px);height:40px;font-size:1.5rem;margin:0 7px 0 0;padding:0 15px 0 0;border-radius:5px;}
|
|
.file_upload_wrap li a .file_name{max-width:calc(100% - 100px);}
|
|
.file_upload_wrap li a .file_size{position:absolute;font-size:1.4rem;right:20px;}
|
|
|
|
.view_file_list{font-size:1.7rem;}
|
|
|
|
/* step */
|
|
.process_step_wrap{gap:20px;}
|
|
.process_step_wrap li{padding:15px;border:2px solid #e4e4e4;border-radius:10px;}
|
|
.process_step_wrap li.active{border:2px solid #2e40ba;}
|
|
.process_step_wrap li::after{display:none;}
|
|
.process_step_wrap li .step{width:100%;height:30px;margin:4px 0 9px 0;}
|
|
.process_step_wrap li p{width:100%;font-size:1.4rem;}
|
|
.process_step_wrap li p span{font-size:1.4rem;}
|
|
|
|
.box_complete i.icon.process.complete{width:110px;height:110px;border-radius:100%;background-size:100%;margin:30px auto 25px auto;}
|
|
.box_complete .gMarket_bold{font-size:3rem;}
|
|
|
|
/* calendar */
|
|
.is-active .duet-date__dialog-content{position:absolute;}
|
|
.calendar .duet-date__close{bottom:auto;top:12px;}
|
|
|
|
|
|
.search_wrap li{font-size:1.6rem;gap:10px;}
|
|
.search_wrap .calendar_term{width:calc(100% - 50px);}
|
|
.search_wrap .calendar_term .calendar{width:calc((100% - 20px)/2);}
|
|
.search_wrap .calendar_term .duet-date__input{font-size:1.5rem;}
|
|
.search_wrap .input_calendar .duet-date__toggle{width:40px;top:-1px;}
|
|
.search_wrap .select{background:#fff url(/kofair_case_seed/usr/images/component/icon_select.png) no-repeat calc(100% - 16px) calc(50% - 1px);}
|
|
}
|
|
|
|
@media screen and (max-width: 499px){
|
|
|
|
.page_location{width:calc(100% + 50px);}
|
|
|
|
/* sub layout */
|
|
.contents.sub .inner{padding:0 20px;}
|
|
|
|
.search_wrap select[name=search_category],.search_wrap select[name=search_type]{width:100%;}
|
|
.search_wrap .input_text{width:calc(100% - 90px);}
|
|
|
|
.page a, .page .only_icon, .page i{width:35px;height:35px;padding:0;}
|
|
.page .only_icon{margin:0 2.5px;}
|
|
/* //sub layout */
|
|
|
|
/* view */
|
|
|
|
|
|
} |