@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;line-height:1.4;} .list_view_wrap .view_content *{font-family:'Noto Sans KR', sans-serif !important;font-weight:300;color:#222;transform: skew(-0.1deg);} /* 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__table{border-top:0;} .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;padding:10px 0;background:#fff;text-align:center;} /* 달력 요일 */ .calendar .duet-date__table thead tr,.calendar .duet-date__table tbody{border-bottom:1px solid #d8d8d8;} /* 달력 요일 밑줄 */ .calendar .duet-date__table tbody tr td{height:auto;padding:0;border-bottom:0;} .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;} /* 달력 닫기 */ /* 통합검색 */ .total_search .search_form{display:flex;width:100%;min-height:100px;padding:30px 0;margin:30px 0;border-radius:5px;background:#f4f5f7;justify-content:center;align-items:center;gap:10px;} .total_search .search_form input{width:590px;} .total_search .search_result{text-align:center;font-size:2rem;color:#222;} .total_search .search_category{display:flex;align-items:flex-end;gap:11px;} .total_search .search_result_wrap{margin:40px 0 0 0;} .total_search .search_result_wrap:first-child{margin:0;} .total_search .search_result_wrap .title{font-size:2.5rem;color:#222;} .total_search .search_result_wrap .list_number{font-size:1.7rem;color:#666;} .total_search .search_list{width:100%;margin:20px 0 0 0;border-top:3px solid #2e40ba;} .total_search .search_list li{position:relative;padding:26px 13px;border-bottom:1px solid #d8d8d8;} .total_search .search_list li.search_none{display:inline-flex;width:100%;height:100px;font-size:1.7rem;color:#666;justify-content:center;align-items:center;} .total_search .search_list li .list_title{display:block;width:100%;font-size:1.9rem;font-weight:500;color:#222;line-height:1.4;} .total_search .search_list li .category{display:block;margin:8px 0 0 0;font-size:1.6rem;color:#666;} .total_search .search_list li .date{position:absolute;font-size:1.6rem;color:#888;right:0;top:50%;transform:translateY(-50%);} /* ==================== 테블릿 ==================== */ @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;flex-wrap:unset;white-space:nowrap;} .page_location li{font-size:3.2rem;padding:0;} .page_location li:first-child{padding:0;} .page_location li:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .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;} .calendar .duet-date__dialog{background:rgba(0,0,0,0.8);bottom:0;position:fixed;right:0;top:0;transform:translateZ(0);transform-origin:bottom center;} .calendar .duet-date__dialog-content{position:fixed;width:100%;max-width:100%;min-height:60vh;padding:50px 50px 100px 50px;bottom:0;} .calendar .duet-date__select span, .calendar .duet-date__header{font-size:3.6rem;margin-right:0;} .calendar .duet-date__header{margin:0 0 32px 0;} .calendar .duet-date__select-label{padding:0 16px;} .calendar .duet-date__select-label svg{width:40px;height:40px;} .calendar .duet-date__table thead tr,.calendar .duet-date__table tbody tr{display:table-row;} .calendar .duet-date__table thead tr th,.calendar .duet-date__table tbody tr td{display:table-cell;font-size:3rem;padding:20px 0;} .calendar .duet-date__table tbody tr td{height:80px;} .calendar .duet-date__table td .duet-date__day{width:60px;height:60px;font-size:2.8rem;} .calendar .duet-date__prev, .calendar .duet-date__next,.calendar .duet-date__close{width:52px;height:52px;} .calendar .duet-date__close{bottom:22px;right:50px;} .calendar .duet-date__prev svg, .calendar .duet-date__next svg,.calendar .duet-date__close svg{width:40px;height:40px;} /* 통합검색 */ .total_search .search_form{padding:35px 30px;margin:60px 0;border-radius:10px;gap:20px;} .total_search .search_form input{width:calc(100% - 110px);} .total_search .search_result{font-size:4rem;} .total_search .search_category{gap:22px;} .total_search .search_result_wrap{margin:80px 0 0 0;} .total_search .search_result_wrap:first-child{margin:0;} .total_search .search_result_wrap .title{font-size:5rem;color:#222;} .total_search .search_result_wrap .list_number{font-size:3.4rem;color:#666;} .total_search .search_list{margin:40px 0 0 0;border-top:6px solid #2e40ba;} .total_search .search_list li{padding:50px 20px;border-bottom:2px solid #d8d8d8;} .total_search .search_list li a{display:flex;flex-wrap:wrap;} .total_search .search_list li.search_none{height:110px;font-size:3.4rem;} .total_search .search_list li .list_title{font-size:3.8rem;} .total_search .search_list li .category{margin:30px 0 0 0;font-size:3.2rem;} .total_search .search_list li .date{font-size:3.2rem;right:20px;top:auto;bottom:50px;transform:none;} .total_search .btn_wrap.right{margin:60px 0 0 0;justify-content:center;} .total_search .btn_wrap.right button{width:25%;} } /* ==================== 모바일 ==================== */ @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;} .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;} .calendar .duet-date__dialog-content{position:fixed;width:100%;max-width:100%;min-height:44vh;padding:25px 25px 50px 25px;bottom:0;} .calendar .duet-date__select span, .calendar .duet-date__header{font-size:1.8rem;} .calendar .duet-date__header{margin:0 0 16px 0;} .calendar .duet-date__select-label{padding:0 8px;} .calendar .duet-date__select-label svg{width:20px;height:20px;} .calendar .duet-date__table thead tr th,.calendar .duet-date__table tbody tr td{font-size:1.5rem;padding:10px 0;} .calendar .duet-date__table tbody tr td{height:40px;} .calendar .duet-date__table td .duet-date__day{width:30px;height:30px;font-size:1.4rem;} .calendar .duet-date__prev, .calendar .duet-date__next,.calendar .duet-date__close{width:26px;height:26px;} .calendar .duet-date__close{bottom:11px;right:25px;} .calendar .duet-date__prev svg, .calendar .duet-date__next svg,.calendar .duet-date__close svg{width:20px;height:20px;} .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);} /* 통합검색 */ .total_search .search_form{padding:17.5px 15px;margin:30px 0;border-radius:5px;gap:10px;} .total_search .search_form input{width:calc(100% - 110px);} .total_search .search_result{font-size:2rem;} .total_search .search_category{gap:11px;} .total_search .search_result_wrap{margin:40px 0 0 0;} .total_search .search_result_wrap:first-child{margin:0;} .total_search .search_result_wrap .title{font-size:2.5rem;} .total_search .search_result_wrap .list_number{font-size:1.7rem;} .total_search .search_list{margin:20px 0 0 0;border-top:3px solid #2e40ba;} .total_search .search_list li{padding:25px 10px;border-bottom:1px solid #d8d8d8;} .total_search .search_list li.search_none{height:80px;font-size:1.7rem;} .total_search .search_list li .list_title{font-size:1.9rem;} .total_search .search_list li .category{margin:15px 0 0 0;font-size:1.6rem;} .total_search .search_list li .date{font-size:1.6rem;right:10px;bottom:25px;} .total_search .btn_wrap.right{margin:30px 0 0 0;} .total_search .btn_wrap.right button{width:25%;} } @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 */ }