/* * main_layout3.css * source: daily/127.20260825_wonju_yeyak_www_publish/new_www_site/site/www/css/main_layout3.css (rowgroup2 region) * extracted: 2026-09-19 * scoping rules: * [A] tab bar (.main_search .search_list / .search_item) - unscoped, overwrites existing rules * [B] .main_search .search_cont - scoped to .search_cont.n1 / .search_cont.n2 (new panel active state) * [C] everything else - scoped under .main_search .search_panel.v3 (new panel wrapper) */ /* [A] 탭바 — 미스코프: 기존 규칙을 덮어씀. 4탭 조정은 후속 작업 */ .main_search .search_list{position:absolute; z-index:1; top:-60px; left:0; text-align:left;} .main_search .search_item+.search_item{margin-left:-10px;} .main_search .search_item{display:inline-block; position: relative; width:260px; vertical-align:top;} .main_search .search_item:before{display:block; position:absolute; z-index:2; left:3px; bottom:1px; width:calc(100% - 6px); height:3px; background-color:#5e72d4;} .main_search .search_item:last-child:before{left:7px;} .main_search .search_item .tab_button{display:block; position:relative; width:100%; height:64px; padding:8px 30px 0; color:rgba(36,35,110,0.8); font-size:20px; line-height:30px; font-family:'JalnanGothic';} .main_search .search_item .tab_button:before{display:block; position:absolute; z-index:-1; top:0; left:0; width:calc(100% - 6px); height:calc(100% - 7px); border-radius:40px 40px 0 0; border:3px solid #cdd4f7; border-bottom:none; background-color:#cdd4f7;} .main_search .search_item .tab_button span{position:relative;} .main_search .search_item.active{z-index:2;} .main_search .search_item.active:before{background-color:#f4f7ff;} .main_search .search_item.active .tab_button{color:#24236e;} .main_search .search_item.active .tab_button:before{border-color:#5e72d4; background-color:#f4f7ff;} .main_search .search_item:not(.active):before{left:40px;} .main_search .search_item:last-child.active:before{left:3px;} @media all and (max-width:1300px) { .main_search .search_item{width:240px;} } @media all and (max-width:1000px) { .main_search .search_list{top:-52px;} .main_search .search_item{width:200px;} .main_search .search_item .tab_button{height:56px; padding:8px 20px 0; font-size:18px; line-height:28px;} } @media all and (max-width:640px) { .main_search .search_list{top:-41px; width:100%;} .main_search .search_item{width:calc(50% + 8px);} .main_search .search_item:not(.active){width:50%;} .main_search .search_item:before{left:2px; bottom:3px; width:calc(100% - 4px); height:2px;} .main_search .search_item:last-child:not(.active):before{width:calc(100% - 60px); left:30px;} .main_search .search_item:last-child.active:before{left:2px;} .main_search .search_item+.search_item{margin-left:-8px;} .main_search .search_item .tab_button{height:46px; padding:6px 10px 0; font-size:16px; line-height:24px;} .main_search .search_item .tab_button:before{width:calc(100% - 4px); border-width:2px; border-radius:30px 30px 0 0;} .main_search .search_item .tab_button span em{display:none;} } /* [A-2] 4탭 조정 — 운영 main_layout.css 의 .main_search{padding-top:59px}(≤640px: 27px) 를 유지한 채 * 탭 하단 라인이 컨테이너 상단 테두리와 겹치도록 top 을 (padding-top - (탭높이 - 4px)) 로 맞춘다. * 탭 폭: 데스크톱 260/240/200px 고정(시안), ≤800px 는 25% 균등, ≤640px 는 가로 스크롤 */ .main_search .search_list{top:-1px; left:0; right:auto; width:auto; margin:0;} .main_search .search_list ul{white-space:nowrap;} .main_search .search_item .tab_button{white-space:nowrap;} /* 운영 main_layout.css 의 구(舊) 탭 디자인(이미지 배경 :before/:after, 어두운 배경색, 고정 높이) 무력화 */ .main_search .search_item, .main_search .search_item.active{height:auto; background-color:transparent; font-size:0; line-height:0; color:inherit;} .main_search .search_item:last-child{margin-left:-10px;} .main_search .search_item .tab_button:after, .main_search .search_item.active .tab_button:after, .main_search .search_item:first-child.active .tab_button:after{display:none;} .main_search .search_item .tab_button:before, .main_search .search_item.active .tab_button:before, .main_search .search_item:last-child.active .tab_button:before{background-image:none; left:0;} .main_search .search_item.active .tab_button span{top:auto;} .main_search .search_item.active .tab_button, .main_search .search_item:last-child .tab_button, .main_search .search_item:last-child.active .tab_button{padding:8px 30px 0;} @media all and (min-width:1001px) { .main_search .search_list{left:0;} } @media all and (max-width:1000px) { .main_search .search_list{top:7px; left:0; right:auto; margin:0;} .main_search .search_item.active .tab_button, .main_search .search_item:last-child .tab_button, .main_search .search_item:last-child.active .tab_button{padding:8px 20px 0;} } @media all and (max-width:800px) { .main_search .search_list{width:100%;} .main_search .search_item{width:calc(25% + 7px);} .main_search .search_item .tab_button, .main_search .search_item.active .tab_button, .main_search .search_item:last-child .tab_button, .main_search .search_item:last-child.active .tab_button{padding:8px 8px 0; font-size:16px;} } @media all and (max-width:640px) { .main_search .search_list{top:-15px; left:0; width:100%; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none;} .main_search .search_list::-webkit-scrollbar{display:none;} .main_search .search_item, .main_search .search_item:not(.active){width:auto; min-width:0;} .main_search .search_item:last-child{margin-left:-8px;} .main_search .search_item .tab_button, .main_search .search_item.active .tab_button, .main_search .search_item:last-child .tab_button, .main_search .search_item:last-child.active .tab_button{width:auto; padding:6px 14px 0;} .main_search .search_item:last-child:not(.active):before{width:calc(100% - 4px); left:2px;} .main_search .search_item:not(.active):before{left:2px;} } /* 신규 패널 결과 필터용 숨김 클래스 (mainAjax3.js) — 접수중 탭의 .hide 와 독립 */ .main_search .search_panel.v3 .result_box .result_item.v3_hide{display:none !important;} /* [B] 컨테이너 — 탭이 컨테이너 상단 테두리에 붙는 디자인이므로 4개 탭 모두에 적용. * 첫 탭이 아닌 탭(.n2~.n4) 활성 시 좌상단 모서리를 둥글게 (mainAjax3.js 가 .search_cont 에 nN 클래스 부여) */ .main_search .search_cont{position:relative; padding:40px;} /* 패널을 :before 배경 박스보다 위에 그리기 위해 필요 (시안 규칙; 기존 패널에도 적용되나 무해) */ .main_search .search_panel{position:relative;} .main_search .search_cont:before{display:block; position:absolute; top:0; left:0; width:calc(100% - 6px); height:calc(100% - 6px); border:3px solid #5e72d4; border-radius:0 30px 30px 30px; background-color:#f4f7ff;} .main_search .search_cont.n2:before, .main_search .search_cont.n3:before, .main_search .search_cont.n4:before{border-top-left-radius:30px;} .main_search .search_cont:after{display:block; position:absolute; z-index:-1; top:0; left:0; width:100px; height:100px; background-color:#cdd4f7;} @media all and (max-width:1300px) { .main_search .search_cont{padding:35px 30px;} } @media all and (max-width:640px) { .main_search .search_cont{padding:21px 18px 18px;} .main_search .search_cont:before{border-width:2px; width:calc(100% - 4px); height:calc(100% - 4px);} .main_search .search_cont:after{width:100%;} } /* [C-0] 구 main_layout.css rowgroup2 규칙 무력화 — 신규 패널(.search_panel.v3) 안에서는 구 규칙의 모든 속성을 revert. * 아래 [C] 시안 규칙이 같은 특이성으로 뒤에 오므로 시안 값이 우선한다. (scratchpad/gen-reset.js 로 생성) */ .main_search .search_panel.v3 .search_panel_h3{display:revert; position:revert; margin-left:revert; margin-bottom:revert; font-family:revert; font-size:revert; line-height:revert; letter-spacing:revert; color:revert;} .main_search .search_panel.v3 .search_panel_h3 span{margin-left:revert; font-family:revert; font-size:revert; color:revert; font-weight:revert;} .main_search .search_panel.v3 .search_bg{display:revert; position:revert; margin-top:revert; padding:revert; border-radius:revert; background-color:revert;} .main_search .search_panel.v3 .institution_box .institution_title{display:revert; position:revert; margin-left:revert; font-family:revert; font-size:revert; line-height:revert; letter-spacing:revert; color:revert;} .main_search .search_panel.v3 .institution_box .institution_button:before{display:revert; position:revert; top:revert; left:revert; width:revert; height:revert; background-image:revert; background-repeat:revert;} .main_search .search_panel.v3 .institution_box .institution_panel{min-height:revert; margin-top:revert;} .main_search .search_panel.v3 .institution_box .institution_list{height:revert; overflow-y:revert;} .main_search .search_panel.v3 .institution_box .institution_item{display:revert; position:revert; width:revert; margin-right:revert; margin-bottom:revert; vertical-align:revert;} /* .main_search .search_panel.v3 .institution_box .institution_item:nth-child(3n){margin-right:revert;} 2026-09-21 원주시청 상주인력 신현이 : 메인화면 출력 오류로 인한 주석처리. */ .main_search .search_panel.v3 .institution_box .classification input, .main_search .search_panel.v3 .institution_box .institution_item input{position:revert; width:revert; height:revert; padding:revert; margin:revert; overflow:revert; clip:revert; border:revert;} .main_search .search_panel.v3 .institution_box .institution_item label{display:revert; position:revert; height:revert; border:revert; border-radius:revert; box-sizing:revert; background-color:revert; box-shadow:revert;} .main_search .search_panel.v3 .institution_box .institution_item input:focus-visible+label{outline:revert;} .main_search .search_panel.v3 .institution_box .institution_item label span{display:revert; width:revert; position:revert; padding:revert; font-size:revert; line-height:revert; color:revert; font-weight:revert; justify-content:revert;} .main_search .search_panel.v3 .institution_box .institution_item label span em{vertical-align:revert;} .main_search .search_panel.v3 .institution_box .institution_item label span .ins_tit{max-width:revert; overflow:revert; text-overflow:revert; -webkit-box-orient:revert; -webkit-line-clamp:revert; white-space:revert;} .main_search .search_panel.v3 .institution_box .institution_item label span .ins_num{margin-left:revert; font-family:revert; font-size:revert; letter-spacing:revert; color:revert; font-weight:revert; vertical-align:revert;} .main_search .search_panel.v3 .institution_box .institution_item .bookmark{display:revert; position:revert; top:revert; bottom:revert; right:revert; width:revert; height:revert; margin:revert; border:revert; border-radius:revert; background-color:revert; box-sizing:revert;} .main_search .search_panel.v3 .institution_box .institution_item .bookmark:before{display:revert; position:revert; top:revert; bottom:revert; left:revert; right:revert; width:revert; height:revert; margin:revert; background:revert;} .main_search .search_panel.v3 .institution_box .institution_item[data-type="favorite"] .bookmark:before{background-position:revert;} .main_search .search_panel.v3 .institution_box .institution_item input:checked + label{border:revert; background:revert; box-shadow:revert;} .main_search .search_panel.v3 .institution_box .institution_item input:checked + label span em, .main_search .search_panel.v3 .institution_box .institution_item input:checked + label span{color:revert;} .main_search .search_panel.v3 .institution_box .institution_item input:checked + label .bookmark{border:revert; background-color:revert;} .main_search .search_panel.v3 .institution_box .institution_item input:checked + label .bookmark:before{background-position:revert;} .main_search .search_panel.v3 .institution_box .institution_wrap.type1{padding-top:revert;} .main_search .search_panel.v3 .institution_box .institution_wrap.type2{padding-bottom:revert; border-bottom:revert;} .main_search .search_panel.v3 .institution_box .institution_wrap.type2 .institution_title{margin-top:revert;} .main_search .search_panel.v3 .institution_box .classification{display:revert; position:revert; margin-left:revert; vertical-align:revert;} .main_search .search_panel.v3 .institution_box .classification li{display:revert; position:revert; width:revert; margin-left:revert; text-align:revert; vertical-align:revert;} .main_search .search_panel.v3 .institution_box .classification .classification_label{display:revert; border:revert; border-radius:revert; background:revert; box-sizing:revert;} .main_search .search_panel.v3 .institution_box .classification .classification_label span{font-size:revert; line-height:revert; font-weight:revert; color:revert;} .main_search .search_panel.v3 .institution_box .classification input:focus-visible+label{outline:revert;} .main_search .search_panel.v3 .institution_box .classification input:checked + label{border:revert; background:revert; box-shadow:revert;} .main_search .search_panel.v3 .institution_box .classification input:checked + label span{color:revert;} .main_search .search_panel.v3 .institution_box .classification_goto{margin-bottom:revert;} .main_search .search_panel.v3 .institution_box .classification_goto_title{display:revert; position:revert; margin-left:revert; margin-top:revert; margin-right:revert; font-family:revert; font-size:revert; line-height:revert; letter-spacing:revert; color:revert;} .main_search .search_panel.v3 .institution_box .classification_goto .classification_label{display:revert; position:revert; width:revert; margin-left:revert; border:revert; border-radius:revert; background:revert; box-sizing:revert; text-align:revert; vertical-align:revert;} .main_search .search_panel.v3 .institution_box .classification_goto .classification_label span{font-size:revert; line-height:revert; font-weight:revert; color:revert;} .main_search .search_panel.v3 .result_box{display:revert; position:revert; width:revert;} .main_search .search_panel.v3 .result_box .result_tab{position:revert; top:revert; left:revert;} .main_search .search_panel.v3 .result_box .result_tab_item{display:revert; position:revert; padding-right:revert;} .main_search .search_panel.v3 .result_box .result_tab_item + .result_tab_item{padding-left:revert;} .main_search .search_panel.v3 .result_box .result_tab_item + .result_tab_item:before{display:revert; position:revert; top:revert; left:revert; width:revert; height:revert; background-color:revert;} .main_search .search_panel.v3 .result_box .result_tab_item .result_button{display:revert; position:revert; padding-left:revert; font-size:revert; line-height:revert; letter-spacing:revert; font-weight:revert; color:revert;} .main_search .search_panel.v3 .result_box .result_tab_item.active .result_button{color:revert;} .main_search .search_panel.v3 .result_box .result_tab_item .result_button:before{display:revert; position:revert; top:revert; left:revert; width:revert; height:revert; background:revert;} .main_search .search_panel.v3 .result_box .result_tab_item.active .result_button:before{background-position:revert;} .main_search .search_panel.v3 .result_box .result_item{display:revert; position:revert; height:revert; margin-top:revert; margin-right:revert; border:revert; border-radius:revert; transition:revert;} .main_search .search_panel.v3 .result_box .result_item.hide{display:revert;} .main_search .search_panel.v3 .result_box .result_item:hover{border-color:revert;} .main_search .search_panel.v3 .result_box .result_item .result_anchor{display:revert; position:revert; padding:revert;} .main_search .search_panel.v3 .result_box .result_item .result_location{margin-bottom:revert; padding:revert; border:revert; border-radius:revert; font-size:revert; line-height:revert; letter-spacing:revert; color:revert;} .main_search .search_panel.v3 .result_box .result_item .result_subject{display:revert; overflow:revert; white-space:revert; -webkit-box-orient:revert; -webkit-line-clamp:revert; font-size:revert; line-height:revert; color:revert; font-weight:revert;} .main_search .search_panel.v3 .result_box .result_item .bookmark{display:revert; position:revert; top:revert; right:revert; width:revert; height:revert; margin:revert; border:revert; border-radius:revert; background-color:revert; box-sizing:revert;} .main_search .search_panel.v3 .result_box .result_item .bookmark:before{display:revert; position:revert; top:revert; bottom:revert; left:revert; right:revert; width:revert; height:revert; margin:revert; background:revert;} .main_search .search_panel.v3 .result_box .result_item .bookmark.favorite:before{background-position:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom{margin-top:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span{font-family:revert; font-size:revert; line-height:revert; color:revert; vertical-align:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.acceptance{position:revert; top:revert; right:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.application{position:revert; top:revert; right:revert; margin-left:revert; font-family:revert; font-size:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span + span{margin-left:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span em{margin-right:revert; font-family:revert; font-size:revert; color:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span em.applicant{margin-right:revert; color:revert; font-size:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.application em{margin-right:revert; font-size:revert;} .main_search .search_panel.v3 .result_box .result_item[data-type="type2"] .result_bottom span em.applicant{color:revert;} .main_search .search_panel.v3 .result_box .result_item .application_apply .apply_item{position:revert; color:revert;} .main_search .search_panel.v3 .result_box .result_item .application_apply .apply_item:before{display:revert; position:revert; bottom:revert; right:revert; content:revert;} .main_search .search_panel.v3 .result_box .result_item .application_apply .apply_item:last-child:before{display:revert;} .main_search .search_panel.v3 .result_box .result_item .result_type{display:revert; position:revert; top:revert; right:revert; width:revert; height:revert; border-radius:revert; font-size:revert; line-height:revert; color:revert; font-weight:revert; text-align:revert; word-break:revert;} .main_search .search_panel.v3 .result_box .result_item[data-type="type1"] .result_type{background-color:revert;} .main_search .search_panel.v3 .result_box .result_item[data-type="type2"] .result_type{background-color:revert;} .main_search .search_panel.v3 .result_box .result_item[data-type="type3"] .result_type{background-color:revert;} .main_search .search_panel.v3 .result_box .result_item[data-type="type4"] .result_type{background-color:revert; padding:revert; line-height:revert; white-space:revert;} .main_search .search_panel.v3 .result_box .result_more{position:revert; top:revert; right:revert; width:revert; height:revert;} .main_search .search_panel.v3 .result_box .result_more .result_more_anchor{position:revert; padding-right:revert; font-size:revert; line-height:revert; font-weight:revert; color:revert;} .main_search .search_panel.v3 .result_box .result_more .result_more_anchor:before{display:revert; position:revert; right:revert; top:revert; width:revert; height:revert; background:revert;} .main_search .search_panel.v3 .result_box{height:revert;} .main_search .search_panel.v3 .result_box .result_panel{height:revert; -webkit-mask-image:revert; overflow:revert; white-space:revert;} .main_search .search_panel.v3 .result_box .result_panel.end{-webkit-mask-image:revert;} .main_search .search_panel.v3 .result_box .result_list{height:revert; min-height:revert;} @media all and (max-width: 1530px) { .main_search .search_panel.v3 .institution_box .classification{margin-left:revert;} .main_search .search_panel.v3 .result_box{width:revert;} .main_search .search_panel.v3 .result_box .result_tab{left:revert; top:revert;} .main_search .search_panel.v3 .result_box .result_item .result_anchor{padding-top:revert; padding-right:revert;} .main_search .search_panel.v3 .result_box .result_item .result_location{margin-bottom:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom{margin-top:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span + span{margin-left:revert;} .main_search .search_panel.v3 .result_box .result_item .result_subject{width:revert; font-size:revert; line-height:revert;} .main_search .search_panel.v3 .result_box .result_item .bookmark{top:revert;} } @media (min-width: 1301px) and (max-width: 1530px) { .main_search .search_panel.v3 .result_box .result_item .result_bottom span.acceptance{display:revert; position:revert; top:revert; right:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.application{position:revert; top:revert; right:revert; margin-left:revert;} .main_search .search_panel.v3 .institution_box .institution_wrap.type2 .institution_title{margin-top:revert; margin-bottom:revert;} } @media all and (max-width: 1300px) { .main_search .search_panel.v3 .institution_box .institution_wrap.type2 .institution_title{margin-right:revert;} .main_search .search_panel.v3 .institution_box .institution_list{height:revert; max-height:revert;} .main_search .search_panel.v3 .institution_box .institution_panel{min-height:revert;} .main_search .search_panel.v3 .result_box{display:revert; width:revert; margin-top:revert;} .main_search .search_panel.v3 .result_box .result_tab{left:revert; right:revert;} .main_search .search_panel.v3 .result_box .result_item .result_anchor{padding-top:revert; padding-right:revert;} .main_search .search_panel.v3 .result_box .result_item .result_location{margin-bottom:revert;} .main_search .search_panel.v3 .result_box .result_item .result_subject{width:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span + span{margin-left:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.acceptance{display:revert; right:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.application{right:revert;} .main_search .search_panel.v3 .result_box .result_item .bookmark{top:revert;} } @media all and (min-width:1001px) { .main_search .search_panel.v3 .result_box .result_more .result_more_anchor:before{transition:revert;} .main_search .search_panel.v3 .result_box .result_more:hover .result_more_anchor:before{transform:revert; transition-duration:revert;} } @media all and (max-width: 1000px) { .main_search .search_panel.v3 .institution_box .institution_panel{min-height:revert;} .main_search .search_panel.v3 .institution_box .institution_item label span .ins_num{position:revert; top:revert;} .main_search .search_panel.v3 .institution_box .institution_wrap.type2 .institution_title{display:revert; margin-bottom:revert; margin-top:revert;} .main_search .search_panel.v3 .institution_box .classification li:first-child{margin-left:revert;} } @media all and (max-width: 800px) { .main_search .search_panel.v3 .institution_box .institution_item label .ins_tit{max-width:revert;} .main_search .search_panel.v3 .institution_box .institution_item label span{font-size:revert;} .main_search .search_panel.v3 .institution_box .institution_item label span .ins_tit{max-width:revert;} .main_search .search_panel.v3 .institution_box .institution_item label span .ins_num{top:revert; font-size:revert;} .main_search .search_panel.v3 .institution_box .institution_item .bookmark{right:revert;} .main_search .search_panel.v3 .institution_box .classification li{margin:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.application, .main_search .search_panel.v3 .result_box .result_item .result_bottom span + span{margin-left:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.application{margin-left:revert;} } @media all and (max-width: 640px) { .main_search .search_panel.v3 .search_panel_h3{margin-left:revert; margin-bottom:revert; font-size:revert; line-height:revert;} .main_search .search_panel.v3 .institution_box .institution_item{width:revert;} .main_search .search_panel.v3 .institution_box .institution_item:nth-child(3n){margin-right:revert;} .main_search .search_panel.v3 .institution_box .institution_item:nth-child(2n){margin-right:revert;} .main_search .search_panel.v3 .institution_box .institution_item label{height:revert;} .main_search .search_panel.v3 .institution_box .institution_item label span{font-size:revert; line-height:revert;} .main_search .search_panel.v3 .institution_box .institution_item label span .ins_tit{max-width:revert;} .main_search .search_panel.v3 .institution_box .classification li{width:revert;} .main_search .search_panel.v3 .institution_box .classification .classification_label span{font-size:revert; line-height:revert;} .main_search .search_panel.v3 .result_box{margin-top:revert;} .main_search .search_panel.v3 .result_box .search_panel_h3{margin-bottom:revert;} .main_search .search_panel.v3 .result_box .result_tab{right:revert; top:revert;} .main_search .search_panel.v3 .result_box .result_tab_item .result_button{font-size:revert;} .main_search .search_panel.v3 .result_box .result_more .result_more_anchor{padding-right:revert; font-size:revert; line-height:revert;} .main_search .search_panel.v3 .result_box .result_more .result_more_anchor:before{right:revert; transform:revert;} .main_search .search_panel.v3 .result_box .result_list{height:revert;} .main_search .search_panel.v3 .result_box .result_item .result_anchor{padding:revert;} .main_search .search_panel.v3 .result_box .result_item .result_location{margin-bottom:revert;} .main_search .search_panel.v3 .result_box .result_item .result_subject{font-size:revert; line-height:revert;} .main_search .search_panel.v3 .result_box .result_item .bookmark{top:revert; right:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom{margin-top:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.period{display:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.acceptance{position:revert; top:revert; right:revert; margin:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.application{position:revert; top:revert; right:revert; margin-left:revert; font-size:revert; line-height:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span em{font-size:revert; line-height:revert;} .main_search .search_panel.v3 .result_box .result_item .result_type{top:revert; bottom:revert; right:revert; width:revert; height:revert; margin:revert; font-size:revert; line-height:revert;} } @media all and (max-width: 480px) { .main_search .search_panel.v3 .institution_box .institution_item{width:revert; margin-right:revert;} .main_search .search_panel.v3 .institution_box .institution_item:nth-child(3n){margin-right:revert;} .main_search .search_panel.v3 .result_box .result_tab{right:revert; top:revert;} .main_search .search_panel.v3 .result_box .result_tab_item .result_button{padding-left:revert; font-size:revert;} .main_search .search_panel.v3 .result_box .result_more{top:revert; right:revert;} .main_search .search_panel.v3 .result_box .result_more .result_more_anchor{width:revert; height:revert; font-size:revert; line-height:revert;} .main_search .search_panel.v3 .result_box .result_more .result_more_anchor:before{right:revert;} .main_search .search_panel.v3 .result_box .result_item{height:revert;} .main_search .search_panel.v3 .result_box .result_item .result_anchor{padding:revert;} .main_search .search_panel.v3 .result_box .result_item .result_subject{font-size:revert; line-height:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom{margin-left:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span em{margin-right:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.application em, .main_search .search_panel.v3 .result_box .result_item .result_bottom span em, .main_search .search_panel.v3 .result_box .result_item .result_bottom span.application, .main_search .search_panel.v3 .result_box .result_item .result_bottom span{font-size:revert; line-height:revert;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.application{display:revert; margin-left:revert; margin-top:revert;} } @media all and (max-width: 640px) { .main_search .search_panel.v3 .result_box{height:revert;} .main_search .search_panel.v3 .result_box .result_panel{height:revert;} .main_search .search_panel.v3 .result_box .result_list{min-height:revert;} } /* [C] 신규 패널 전용 — .search_panel.v3 스코프 */ .main_search .search_panel.v3 .search_panel_h3{display:block; position:relative; margin-left:10px; margin-bottom: 16px; font-family: 'JalnanGothic'; font-size: 19px; line-height: 20px; letter-spacing: 0; color: #1f1f1f;} .main_search .search_panel.v3 .search_panel_h3 span{margin-left:3px; font-family:'Freesentation'; font-size: 16px; color: #808080; font-weight: 500;} .main_search .search_panel.v3 .search_bg{display:block; position:relative;} .main_search .search_panel.v3 .institution_box{display:block; position:relative; width:100%; vertical-align:top;} .main_search .search_panel.v3 .institution_box .institution_title{display:inline-block; position:relative; width:175px; padding-left:15px; color:#1f1f1f; font-size:18px; line-height:24px; letter-spacing:0; font-family:'JalnanGothic';} .main_search .search_panel.v3 .institution_box .institution_title:before{display:block; position:absolute; top:7px; left:0; width:7px; height:7px; border-radius:50%; background-color:#3c56d4;} .main_search .search_panel.v3 .institution_box .institution_wrap.type1{padding-top:22px;} .main_search .search_panel.v3 .institution_box .institution_wrap.type1 .institution_title{margin-top:14px;} .main_search .search_panel.v3 .institution_box .institution_wrap.type2 .institution_title{margin-top:18px;} .main_search .search_panel.v3 .institution_box .classification_wrap{display:inline-block; position:relative; width:calc(100% - 175px); padding-bottom:22px; border-bottom:1px solid #bbbdcb; vertical-align:top;} .main_search .search_panel.v3 .institution_box .classification_wrap:before{display:block; position:absolute; bottom:-4px; left:0; right:0; width:40px; height:7px; margin:0 auto; background-color:#f2f5fe; background-image:url('/site/www/images/main/institution_arrow.png'); background-repeat:no-repeat; background-position:center;} .main_search .search_panel.v3 .institution_box .classification{display:inline-block; position:relative; vertical-align:top;} .main_search .search_panel.v3 .institution_box .classification li{display:inline-block; position:relative; width:110px; text-align:center; vertical-align:top;} .main_search .search_panel.v3 .institution_box .classification li+li{margin-left:6px;} .main_search .search_panel.v3 .institution_box .classification .classification_label{display:block; border:1px solid #e5e5e5; border-radius:50px; background: #fafbff; box-sizing: border-box; transition:border-color 0.35s ease-in-out;} .main_search .search_panel.v3 .institution_box .classification .classification_label:before{opacity:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:inherit; background:linear-gradient(122deg, #6276db 0%,#6690e0 100%); box-shadow:21px 34px 50px 0 rgba(31,40,99,0.14); transition:opacity 0.35s ease-in-out;} .main_search .search_panel.v3 .institution_box .classification .classification_label span{position:relative; width:100%; color:#1f1f1f; font-size:19px; line-height:50px; font-weight:500; transition:color 0.35s ease-in-out;} .main_search .search_panel.v3 .institution_box .classification input:focus-visible+label{outline:2px solid #000;} .main_search .search_panel.v3 .institution_box .classification input:checked + .classification_label{border-color:transparent; box-shadow:21px 34px 50px 0 rgba(31,40,99,0.14);} .main_search .search_panel.v3 .institution_box .classification input:checked + .classification_label:before{opacity:1;} .main_search .search_panel.v3 .institution_box .classification input:checked + .classification_label span{color:#fff;} .main_search .search_panel.v3 .institution_box .classification_goto{display:inline-block; position:relative; margin-left:20px; padding-left:22px; vertical-align:top;} .main_search .search_panel.v3 .institution_box .classification_goto:before{display:block; position:absolute; top:0; left:0; bottom:0; width:1px; height:14px; margin:auto 0; background-color:rgba(98,118,219,0.7);} .main_search .search_panel.v3 .institution_box .classification_goto_title{display: inline-block; position: relative; margin-left: 9px; margin-top: 20px; margin-right: 20px; font-family: 'JalnanGothic'; font-size: 16px; line-height: 16px; letter-spacing: 0; color: #4d4d4d;} .main_search .search_panel.v3 .institution_box .classification_goto .classification_label{display:inline-block; position:relative; width:auto; padding:0 40px 0 19px; border:1px solid #e5e5e5; border-radius:50px; background-color:#fafbff; box-sizing:border-box; text-align:center; vertical-align:top;} .main_search .search_panel.v3 .institution_box .classification_goto .classification_label:before{opacity:0; display:block; position:absolute; top:-1px; left:0; width:calc(100% + 2px); height:calc(100% + 2px); border-radius:inherit; background:linear-gradient(122deg, #6276db 0%,#6690e0 100%); box-shadow:21px 34px 50px 0 rgba(31,40,99,0.14); transition:opacity 0.35s ease-in-out;} .main_search .search_panel.v3 .institution_box .classification_goto .classification_label:after{display:block; position:absolute; top:0; right:19px; bottom:0; width:12px; height:12px; margin:auto 0; background:url('/site/www/images/main/classification_arrow.png') no-repeat 0 0 / contain; transition:background-image 0.35s ease-in-out;} .main_search .search_panel.v3 .institution_box .classification_goto .classification_label+.classification_label{margin-left:6px;} .main_search .search_panel.v3 .institution_box .classification_goto .classification_label span{position:relative; color:#1f1f1f; font-size:19px; line-height:50px; font-weight:500; transition:color 0.35s ease-in-out;} .main_search .search_panel.v3 .institution_box .institution_panel{display:inline-block; position:relative; width:calc(100% - 175px); min-height:122px; padding-bottom:22px; border-bottom:1px solid #bbbdcb; vertical-align:top;} .main_search .search_panel.v3 .institution_box .institution_panel:before{display:block; position:absolute; bottom:-4px; left:0; right:0; width:40px; height:7px; margin:0 auto; background-color:#f2f5fe; background-image:url('/site/www/images/main/institution_arrow.png'); background-repeat:no-repeat; background-position:center;} .main_search .search_panel.v3 .institution_box .institution_list{height:122px; padding-right:10px; overflow-y:auto;} .main_search .search_panel.v3 .institution_box .institution_item{display: inline-block; position: relative; width: calc((100% - 30px) / 4); margin-right: 10px; margin-bottom: 10px; vertical-align: top;} .main_search .search_panel.v3 .institution_box .institution_item:nth-child(4n){margin-right:0;} .main_search .search_panel.v3 .institution_box .classification input, .main_search .search_panel.v3 .institution_box .institution_item input{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;} .main_search .search_panel.v3 .institution_box .institution_item label{display:block; position:relative; height:56px; border:1px solid #d3d5dc; border-radius:10px; background-color:#fafbff; box-shadow:5px 8px 50px 0 rgba(31,40,99,0.05); box-sizing:border-box; transition:border-color 0.35s ease-in-out;} .main_search .search_panel.v3 .institution_box .institution_item label:before{opacity:0; display:block; position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); height:calc(100% + 2px); border-radius:inherit; background:linear-gradient(122deg, #6276db 0%,#6690e0 100%); box-shadow:21px 34px 50px 0 rgba(31,40,99,0.14); transition:opacity 0.35s ease-in-out;} .main_search .search_panel.v3 .institution_box .institution_item input:focus-visible+label{outline:2px solid #000;} .main_search .search_panel.v3 .institution_box .institution_item label span{display:flex; justify-content:space-between; width:100%; position:relative; padding:0 13px; color:#1f1f1f; font-size:19px; line-height:54px; font-weight:500;} .main_search .search_panel.v3 .institution_box .institution_item label span em{vertical-align: top;} .main_search .search_panel.v3 .institution_box .institution_item label span .ins_tit{max-width: calc(50% + 45px); overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:1; white-space: nowrap;} .main_search .search_panel.v3 .institution_box .institution_item label span .ins_num{margin-left:8px; color:#808080; font-size:16px; letter-spacing:0; font-weight:400; vertical-align:top; font-family:'poppins';} .main_search .search_panel.v3 .institution_box .institution_item input:checked + label{border-color:transparent;} .main_search .search_panel.v3 .institution_box .institution_item input:checked + label:before{opacity:1;} .main_search .search_panel.v3 .institution_box .institution_item input:checked + label span em, .main_search .search_panel.v3 .institution_box .institution_item input:checked + label span{color: #fff;} .main_search .search_panel.v3 .institution_box .institution_item input:checked + label .bookmark{border: none; background-color: inherit;} .main_search .search_panel.v3 .institution_box .institution_item input:checked + label .bookmark:before{background-position: left -97px;} .main_search .search_panel.v3 .institution_box .institution_item .bookmark{display:none!important;} .main_search .search_panel.v3.n2 .institution_box .institution_wrap.type1{padding-top:0;} .main_search .search_panel.v3.n2 .institution_box .institution_panel{min-height:auto; padding-bottom:13px;} .main_search .search_panel.v3.n2 .institution_box .institution_list{overflow-y:unset; height:auto;} @media all and (min-width:1001px) { .main_search .search_panel.v3 .institution_box .classification .classification_label:hover{border-color:#5178f8;} .main_search .search_panel.v3 .institution_box .classification_goto .classification_label:hover span{color:#fff;} .main_search .search_panel.v3 .institution_box .classification_goto .classification_label:hover:before{opacity:1;} .main_search .search_panel.v3 .institution_box .classification_goto .classification_label:hover:after{background-image:url('/site/www/images/main/classification_arrow02.png');} .main_search .search_panel.v3 .institution_box .institution_item label:hover{border-color:#5178f8;} } @media all and (max-width:1300px) { .main_search .search_panel.v3 .institution_box .institution_item{width:calc((100% - 20px)/3);} .main_search .search_panel.v3 .institution_box .institution_item:nth-child(3n){margin-right:0;} .main_search .search_panel.v3 .institution_box .institution_item:nth-child(4n){margin-right:10px;} .main_search .search_panel.v3 .institution_box .institution_item:nth-child(12){margin-right:0;} } @media all and (max-width:1000px) { .main_search .search_panel.v3 .institution_box .institution_title{width:150px; font-size:16px; line-height:22px;} .main_search .search_panel.v3 .institution_box .institution_title:before{width:6px; height:6px;} .main_search .search_panel.v3 .institution_box .institution_wrap.type1{padding-top:18px;} .main_search .search_panel.v3 .institution_box .institution_wrap.type1 .institution_title{margin-top:10px;} .main_search .search_panel.v3 .institution_box .institution_wrap.type2 .institution_title{margin-top:14px;} .main_search .search_panel.v3 .institution_box .classification_wrap{width:calc(100% - 150px); padding-bottom:18px;} .main_search .search_panel.v3 .institution_box .classification li{width:95px;} .main_search .search_panel.v3 .institution_box .classification .classification_label span{font-size:17px; line-height:42px;} .main_search .search_panel.v3 .institution_box .classification_goto{display:block; margin-top:6px; margin-left:0; padding-left:0;} .main_search .search_panel.v3 .institution_box .classification_goto:before{display:none;} .main_search .search_panel.v3 .institution_box .classification_goto .classification_label{padding:0 36px 0 18px;} .main_search .search_panel.v3 .institution_box .classification_goto .classification_label:after{right:17px; width:10px; height:10px;} .main_search .search_panel.v3 .institution_box .classification_goto .classification_label span{font-size:17px; line-height:42px;} .main_search .search_panel.v3 .institution_box .institution_panel{width:calc(100% - 155px); min-height:170px; padding-bottom:18px;} .main_search .search_panel.v3 .institution_box .institution_list{height:170px; padding-right:0;} .main_search .search_panel.v3 .institution_box .institution_item label{height:50px;} .main_search .search_panel.v3 .institution_box .institution_item label span{font-size:17px; line-height:48px;} .main_search .search_panel.v3 .institution_box .institution_item label span .ins_tit{max-width:calc(100% - 25px);} .main_search .search_panel.v3 .institution_box .institution_item label span .ins_num{font-size:15px;} } @media all and (max-width:800px) { .main_search .search_panel.v3 .institution_box .institution_wrap.type1 .institution_title{width:100%; margin-top:0;} .main_search .search_panel.v3 .institution_box .institution_wrap.type2 .institution_title{width:100%; margin-top:0;} .main_search .search_panel.v3 .institution_box .classification_wrap{width:100%; margin-top:15px;} .main_search .search_panel.v3 .institution_box .institution_panel{width:100%; margin-top:15px;} } @media all and (max-width:640px) { .main_search .search_panel.v3 .institution_box .institution_title:before{width:5px; height:5px;} .main_search .search_panel.v3 .institution_box .institution_wrap.type1{padding-top:13px;} .main_search .search_panel.v3 .institution_box .institution_wrap.type2 .institution_title{padding-left:11px; font-size:14px; line-height:20px;} .main_search .search_panel.v3 .institution_box .institution_wrap.type1 .institution_title{padding-left:11px; font-size:14px; line-height:20px;} .main_search .search_panel.v3 .institution_box .classification_wrap{margin-top:7px; padding-bottom:15px;} .main_search .search_panel.v3 .institution_box .classification_wrap:before{width:28px; background-size:8px 6px;} .main_search .search_panel.v3 .institution_box .classification li{width:72px;} .main_search .search_panel.v3 .institution_box .classification .classification_label span{font-size:13px; line-height:34px;} .main_search .search_panel.v3 .institution_box .classification_goto .classification_label{padding:0 27px 0 12px;} .main_search .search_panel.v3 .institution_box .classification_goto .classification_label:after{right:13px; width:8px; height:8px;} .main_search .search_panel.v3 .institution_box .classification_goto .classification_label span{font-size:13px; line-height:34px;} .main_search .search_panel.v3 .institution_box .institution_panel{margin-top:6px; padding-bottom:15px;} .main_search .search_panel.v3 .institution_box .institution_panel:before{width:28px; background-size:8px 6px;} .main_search .search_panel.v3 .institution_box .institution_list{height:178px;} .main_search .search_panel.v3 .institution_box .institution_item{width:calc((100% - 6px)/2); margin-right:6px; margin-bottom:6px;} .main_search .search_panel.v3 .institution_box .institution_item:nth-child(3n){margin-right:6px;} .main_search .search_panel.v3 .institution_box .institution_item:nth-child(2n){margin-right:0;} .main_search .search_panel.v3 .institution_box .institution_item label{height:40px;} .main_search .search_panel.v3 .institution_box .institution_item label span{padding:0 15px 0 14px; font-size:15px; line-height:38px;} .main_search .search_panel.v3 .institution_box .institution_item label span .ins_num{font-size:11px;} } @media all and (max-width:480px) { .main_search .search_panel.v3 .institution_box .institution_list{height:224px;} .main_search .search_panel.v3 .institution_box .institution_item{width:100%; margin-right:0!important;} .main_search .search_panel.v3.n2 .institution_box .institution_list{overflow-y:auto; height:224px;} } .main_search .search_panel.v3 .result_box{display:block; position:relative; width:100%; height:299px; margin-top:23px;} .main_search .search_panel.v3 .result_box .result_left{display:inline-block; position:relative; width:175px; vertical-align:top;} .main_search .search_panel.v3 .result_box .result_title{display:block; position:relative; margin-top:17px; padding-left:15px; color:#1f1f1f; font-size:18px; line-height:24px; letter-spacing:0; font-family:'JalnanGothic';} .main_search .search_panel.v3 .result_box .result_title:before{display:block; position:absolute; top:7px; left:0; width:7px; height:7px; border-radius:50%; background-color:#3c56d4;} .main_search .search_panel.v3 .result_box .result_title span{display:block; margin-top:7px; color:#808080; font-size:16px; line-height:20px; letter-spacing:0; font-weight:500; font-family:'Freesentation';} .main_search .search_panel.v3 .result_box .result_tab{display:block; position:relative; margin-top:23px; margin-left:16px;} .main_search .search_panel.v3 .result_box .result_tab_item{display:block; position: relative; padding-right:11px;} .main_search .search_panel.v3 .result_box .result_tab_item+.result_tab_item{margin-top:14px;} .main_search .search_panel.v3 .result_box .result_tab_item .result_button{display:inline-block; position:relative; padding-left:23px; color:#808080; font-size:17px; line-height:20px; letter-spacing:0; font-weight:500;} .main_search .search_panel.v3 .result_box .result_tab_item.active .result_button{color:#1f1f1f;} .main_search .search_panel.v3 .result_box .result_tab_item .result_button:before{display:block; position:absolute; top:3px; left:0; width:14px; height:14px; background:url('/site/www/images/main/result_sprite.png') no-repeat left -24px;} .main_search .search_panel.v3 .result_box .result_tab_item.active .result_button:before{background-position:left top;} .main_search .search_panel.v3 .result_box .result_panel{overflow-x:hidden; overflow-y:auto; display:inline-block; position:relative; width:calc(100% - 175px); height:100%; padding-right:20px; vertical-align:top;} .main_search .search_panel.v3 .result_box .result_list{margin-right:-20px;} .main_search .search_panel.v3 .result_box .result_item{display:inline-block; position:relative; width:calc((100% - 20px)/2); height:93px; margin-bottom:10px; margin-right:10px; border:1px solid #cccccc; border-radius:10px; background-color:#fff; vertical-align:top; transition: border-color 0.25s ease-in-out;} .main_search .search_panel.v3 .result_box .result_item.hide{display:none !important;} .main_search .search_panel.v3 .result_box .result_item .result_anchor{display: block; position: relative; padding:14px 265px 16px 19px;} .main_search .search_panel.v3 .result_box .result_item .result_location{margin-bottom:12px; padding:0 8px; border: 1px solid #5178f8; border-radius: 5px; font-size:15px; line-height:22px; letter-spacing: 0.045em; color: #5178f8;} .main_search .search_panel.v3 .result_box .result_item .result_subject{display:-webkit-box; overflow:hidden; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:1; font-size: 22px; line-height: 25px; color: #1f1f1f; font-weight: 600;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span{color:#808080; font-size:16px; line-height:18px; font-family:'poppins'; vertical-align: top;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.acceptance{position:absolute; top:52px; right:83px;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.application{position:absolute; top:22px; right:82px; margin-left:0; font-size:17px; font-family:'Freesentation';} .main_search .search_panel.v3 .result_box .result_item .result_bottom span + span{margin-left: 10px;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span em{margin-right:3px; font-family:'Freesentation'; font-size:17px; color:#4d4d4d;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span em.applicant{margin-right:0; color: #5367e4; font-size:16px;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.application em{margin-right:0; font-size:16px;} .main_search .search_panel.v3 .result_box .result_item[data-type="type2"] .result_bottom span em.applicant{color:#08a68e;} .main_search .search_panel.v3 .result_box .result_item .result_type{display:inline-block; position:absolute; top:17px; right:19px; width:56px; height:56px; border-radius:50%; font-size:16px; line-height:56px; color:#fff; font-weight:700; text-align:center; word-break:keep-all;} .main_search .search_panel.v3 .result_box .result_item[data-type="type1"] .result_type{background-color:#ee2e5b;} .main_search .search_panel.v3 .result_box .result_item[data-type="type2"] .result_type{background-color:#08a68e;} .main_search .search_panel.v3 .result_box .result_item[data-type="type3"] .result_type{background-color:#8a90ad;} .main_search .search_panel.v3 .result_box .result_item[data-type="type4"] .result_type{background-color:#8a90ad; padding:11px 4px 0; line-height: 19px; white-space: normal;} .main_search .search_panel.v3 .result_box .result_more{position:absolute; bottom:61px; left:16px; width:auto; height:auto;} .main_search .search_panel.v3 .result_box .result_more .result_more_anchor{position:relative; padding-left:28px; font-size: 17px; line-height: 20px; font-weight: 500; color: #808080;} .main_search .search_panel.v3 .result_box .result_more .result_more_anchor:before{display:inline-block; position:absolute; top:0; left:0; width:20px; height:20px; background:url('/site/www/images/main/arrow_sprite.png') left -47px no-repeat;} .main_search .search_panel.v3 .result_box .result_item.no_results{display:block; width:100%; height:299px; margin-right:-10px; margin-bottom:0;} .main_search .search_panel.v3 .result_box .result_item.no_results .result_anchor{display:flex; align-items:center; justify-content:center; padding-right:19px; height:100%; text-align:center;} @media all and (min-width:1001px) { .main_search .search_panel.v3 .result_box .result_item:not(.no_results):hover{border-color:#5178f8;} .main_search .search_panel.v3 .result_box .result_more .result_more_anchor:before{transition:transform 0s ease-in-out;} .main_search .search_panel.v3 .result_box .result_more:hover .result_more_anchor:before{transform:rotate(180deg);transition-duration:.25s;} } @media all and (max-width:1300px) { .main_search .search_panel.v3 .result_box{height:402px;} .main_search .search_panel.v3 .result_box .result_panel{padding-right:10px;} .main_search .search_panel.v3 .result_box .result_list{margin-right:0;} .main_search .search_panel.v3 .result_box .result_item{width:100%; margin-right:0;} .main_search .search_panel.v3 .result_box .result_item.no_results{height:402px;} } @media all and (max-width:1000px) { .main_search .search_panel.v3 .result_box{height:382px; margin-top:19px;} .main_search .search_panel.v3 .result_box .result_left{width:150px;} .main_search .search_panel.v3 .result_box .result_title{margin-top:13px; font-size:16px; line-height:22px;} .main_search .search_panel.v3 .result_box .result_title:before{width:6px; height:6px;} .main_search .search_panel.v3 .result_box .result_tab_item+.result_tab_item{margin-top:10px;} .main_search .search_panel.v3 .result_box .result_tab_item .result_button{font-size:16px;} .main_search .search_panel.v3 .result_box .result_panel{width:calc(100% - 150px); padding-right:0;} .main_search .search_panel.v3 .result_box .result_item{height:88px;} .main_search .search_panel.v3 .result_box .result_item .result_anchor{padding:16px 255px 14px 16px;} .main_search .search_panel.v3 .result_box .result_item .result_location{margin-bottom:10px; font-size:14px; line-height:21px;} .main_search .search_panel.v3 .result_box .result_item .result_subject{font-size:19px; line-height:23px;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.acceptance{top:49px; font-size:15px; line-height:17px;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.application{font-size:16px;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span em{font-size:16px;} .main_search .search_panel.v3 .result_box .result_item .result_type{right:16px; width:54px; height:54px; font-size:15px; line-height:54px;} .main_search .search_panel.v3 .result_box .result_item[data-type="type4"] .result_type{line-height:17px;} .main_search .search_panel.v3 .result_box .result_item.no_results{height:382px;} .main_search .search_panel.v3 .result_box .result_more{bottom:51px;} .main_search .search_panel.v3 .result_box .result_more .result_more_anchor{font-size:16px;} } @media all and (max-width:800px) { .main_search .search_panel.v3 .result_box{height:auto; margin-top:24px;} .main_search .search_panel.v3 .result_box .result_left{width:100%;} .main_search .search_panel.v3 .result_box .result_title{position:relative; margin-top:0;} .main_search .search_panel.v3 .result_box .result_title span{display:inline-block; margin-top:0; margin-left:7px; vertical-align:top;} .main_search .search_panel.v3 .result_box .result_tab{position:absolute; top:1px; right:80px; margin-top:0;} .main_search .search_panel.v3 .result_box .result_tab_item{display:inline-block; padding-right:0; vertical-align:top;} .main_search .search_panel.v3 .result_box .result_tab_item+.result_tab_item{margin-top:0; margin-left:14px; padding-left:15px;} .main_search .search_panel.v3 .result_box .result_tab_item+.result_tab_item:before{display:block; position:absolute; top:0; left:0; bottom:0; width:1px; height:16px; margin:auto 0; background-color:#d4d4d4;} .main_search .search_panel.v3 .result_box .result_panel{width:100%; height:382px; margin-top:15px;} .main_search .search_panel.v3 .result_box .result_more{top:1px; left:auto; right:0; bottom:auto;} } @media all and (max-width:640px) { .main_search .search_panel.v3 .result_box{margin-top:17px;} .main_search .search_panel.v3 .result_box .result_title{padding-left:11px; font-size:14px; line-height:20px;} .main_search .search_panel.v3 .result_box .result_title:before{width:5px; height:5px;} .main_search .search_panel.v3 .result_box .result_title span{font-size:14px; line-height:18px;} .main_search .search_panel.v3 .result_box .result_tab{top:-1px; right:28px;} .main_search .search_panel.v3 .result_box .result_tab_item+.result_tab_item{margin-left:10px; padding-left:8px;} .main_search .search_panel.v3 .result_box .result_tab_item+.result_tab_item:before{height:12px;} .main_search .search_panel.v3 .result_box .result_tab_item .result_button{padding-left:18px; font-size:14px;} .main_search .search_panel.v3 .result_box .result_tab_item .result_button:before{transform:scale(0.8);} .main_search .search_panel.v3 .result_box .result_panel{height:462px; margin-top:7px;} .main_search .search_panel.v3 .result_box .result_item{height:111px; margin-bottom:6px;} .main_search .search_panel.v3 .result_box .result_item.no_results{height:462px;} .main_search .search_panel.v3 .result_box .result_item .result_anchor{padding:10px 13px;} .main_search .search_panel.v3 .result_box .result_item .result_location{margin-bottom:9px; padding:0 6px; font-size:13px; line-height:17px; letter-spacing:0;} .main_search .search_panel.v3 .result_box .result_item .result_subject{font-size:16px; line-height:20px;} .main_search .search_panel.v3 .result_box .result_item .result_bottom{position:relative; margin-top:4px;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.acceptance{display:block; position:relative; top:auto; right:auto; font-size:13px; line-height:17px;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.application{display:block; position:relative; top:auto; right:auto; margin-top:3px; font-size:13px; line-height:17px;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span.application em{margin-right:8px; font-size:13px;} .main_search .search_panel.v3 .result_box .result_item .result_bottom span em{font-size:13px;} .main_search .search_panel.v3 .result_box .result_item .result_type{top:0; bottom:0; right:11px; width:50px; height:50px; margin:auto 0; line-height:50px;} .main_search .search_panel.v3 .result_box .result_item[data-type="type4"] .result_type{line-height:16px;} .main_search .search_panel.v3 .result_box .result_more .result_more_anchor{top:-2px; width:20px; height:20px; padding-left:0; font-size:0; line-height:0;} .main_search .search_panel.v3 .result_box .result_more .result_more_anchor:before{transform:scale(0.8);} } @media all and (max-width:480px) { .main_search .search_panel.v3 .result_box .result_title span{display:none;} } /*26-09-21 원주시청 상주인력 신현이 추가*/ /*메인 모바일 오류 수정.*/ @media (max-width: 640px) { .main_search .search_list{top:-14px;} .main_search .search_cont:after {width: 50px;} .main_search .search_item:not(.active):before {left:40px;} .main_search .search_item:first-child .tab_button:before{left:0;} }