.quickSearch-body { display: flex; justify-content: space-between; align-items: center; width: 1000px; height: 70px; margin-bottom: 15px; padding: 0 30px 0 20px; border-radius: 6px; background: #f5f5f5; } .quickSearch-title { display: flex; justify-content: flex-start; align-items: center; margin-right: 35px; font-size: 18px; font-weight: bold; line-height: 1; } .quickSearch-title .icon { margin-right: 10px; } .quickSearch-title .color_text { font-weight: bold; color: #1CB5B6; } .quickSearch-selectOuter { position: relative; width: 200px; height: 35px; border-radius: 3px; border: 1px solid #D3D3D3; background: #fff; margin: 0 13px 0 0; cursor: pointer; } .quickSearch-selectOuter:before { content: ""; display: block; border-left: 2px solid #1CB5B6; border-bottom: 2px solid #1CB5B6; margin-top: -2px; width: 6px; height: 6px; position: absolute; top: 49%; right: 10px; transform: translateY(-50%) rotate(-45deg); z-index: 1; } .quickSearch-text { display: none; } .quickSearchSelect { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: flex; align-items: center; cursor: pointer; width: 100%; height: 100%; border: none; padding: 0 10px; background: none; font-size: 14px; } .quickSearch-btn { display: flex; justify-content: center; align-items: center; width: 105px; height: 35px; border: none; border-radius: 3px; background: #1CB5B6; color: #ffffff; font-size: 16px; font-weight: bold; transition: all .3s ease; } .quickSearch-btn:hover { opacity: 0.7; } .quickSearch-btn i { margin-right: 8px; } .selectLabel { display: none; } @media screen and (max-width: 1029px) { .quickSearch-body { flex-wrap: wrap; max-width: none; width: 100%; height: auto; margin-bottom: 20px; padding: 20px 10px; border-radius: 6px; background: #f5f5f5; } .quickSearch-title { justify-content: center; width: 100%; margin: 0 0 20px; font-size: 18px; line-height: 1; text-align: center; } .quickSearch-title .icon { width: 27px; } .quickSearch-selectOuter { width: 49%; height: 50px; margin-right: 0; border-radius: 6px; } .quickSearch-selectOuter.qualification { width: 100%; margin-bottom: 10px; } .quickSearch-selectOuter.qualification .quickSearch-select { text-align: center; } .quickSearchSelect { appearance: none; cursor: pointer; width: 100%; height: 100%; border: none; background: none; opacity: 0; } .quickSearch-btnOuter { margin-top: 10px; width: 100%; } .quickSearch-btn { display: block; width: 100%; height: 50px; border-radius: 6px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15); } .selectLabel { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0 10px; font-size: 14px; text-align: center; } .selectLabel.small { font-size: 13px; } } .typeSearch { display: flex; justify-content: space-between; margin-bottom: 30px; width: 100%; } @media screen and (max-width: 749px) { .typeSearch { display: none; } } @media screen and (min-width: 1030px) { .typeSearch { width: 1000px; } } .typeSearch-dl { display: flex; flex-direction: column; } .typeSearch-dl1 { width: calc((100% - 40px) / 3); } @media screen and (min-width: 1030px) { .typeSearch-dl1 { width: 346px; } } .typeSearch-dl2 { width: calc((100% - 40px) / 3); } @media screen and (min-width: 1030px) { .typeSearch-dl2 { width: 264px; } } .typeSearch-dl3 { width: calc((100% - 40px) / 3); } @media screen and (min-width: 1030px) { .typeSearch-dl3 { width: 360px; } } @media screen and (min-width: 1030px) { .typeSearch-dl.typeSearch-dl1 .ul > li.__small { width: 105px; } .typeSearch-dl.typeSearch-dl1 .ul > li.__mid { width: 146px; } .typeSearch-dl.typeSearch-dl1 .ul > li.__big { width: 187px; } .typeSearch-dl.typeSearch-dl2 .ul > li.__small { width: 105px; } .typeSearch-dl.typeSearch-dl2 .ul > li.__big { width: 220px; } .typeSearch-dl.typeSearch-dl3 .ul > li.__small { width: 120px; } .typeSearch-dl.typeSearch-dl3 .ul > li.__mid { width: 155px; } .typeSearch-dl.typeSearch-dl3 .ul > li.__big { width: 190px; } } .typeSearch-dt { display: flex; justify-content: center; align-items: center; flex: none; border-radius: 6px 6px 0 0; height: 40px; background: #1CB5B6; font-size: 18px; font-weight: bold; color: #fff; } .typeSearch-dd { height: 100%; padding: 23px 20px; border: 2px solid #1CB5B6; border-top: none; border-radius: 0 0 6px 6px; } .typeSearch .ul { display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; gap: 10px 5px; } .typeSearch .ul > li { width: 100%; } .typeSearch .link { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 37px; padding: 0 15px; border: 2px solid #1CB5B6; border-radius: 50px; font-size: 14px; font-weight: bold; color: #1CB5B6; transition: all .3s ease; } .typeSearch .link:after { content: ""; display: block; border-top: 2px solid #1CB5B6; border-right: 2px solid #1CB5B6; width: 4px; height: 4px; position: absolute; top: 50%; right: 8px; transform: translateY(-50%) rotate(45deg); z-index: 1; transition: all .3s ease; } .typeSearch .link:hover { background: #1CB5B6; color: #fff; } .typeSearch .link:hover:after { border-color: #fff; } .typeSearch .li:last-child .link { margin-bottom: 0; } .typeSearch-sp { display: none; } @media screen and (max-width: 749px) { .typeSearch-sp { display: block; margin-bottom: 30px; } } .typeSearch-sp-list { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 9px; } .typeSearch-sp-list .li { position: relative; display: flex; align-items: center; justify-content: center; width: calc( (100% - 9px) / 2); height: 60px; padding-right: 10px; border-radius: 5px; box-shadow: 0 1px 0 #084E25; border: 1px solid #1CB5B6; font-size: 15px; font-weight: bold; color: #1CB5B6; } .typeSearch-sp-list .li.__big { width: 100%; } .typeSearch-sp-list .li:after { content: ""; display: block; border-top: 2px solid #1CB5B6; border-right: 2px solid #1CB5B6; width: 6px; height: 6px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%) rotate(45deg); } .typeSearch-sp__modal { display: none; position: fixed; z-index: 110001; top: 5px; left: 5px; width: calc( 100% - 10px); height: calc( 100% - 10px); padding: 30px 13px; border: 2px solid #1CB5B6; border-radius: 6px; background: #fff; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .typeSearch-sp__modal .title { margin-bottom: 20px; font-size: 20px; text-align: center; } .typeSearch-sp__modal .tab { display: flex; justify-content: center; align-items: center; width: calc( 33% - 2px); height: 45px; border-radius: 6px 6px 0 0; background: #EFEFEF; font-size: 16px; color: #8b8b8b; } .typeSearch-sp__modal .tabwrap { display: flex; justify-content: space-between; border-bottom: 2px solid #1CB5B6; } .typeSearch-sp__modal .tab.is-active { background: #1CB5B6; color: #fff; } .typeSearch-sp__modal .tabcontent { display: none; justify-content: space-between; flex-wrap: wrap; margin-bottom: 24px; padding: 24px 10px; border-bottom: 2px solid #1CB5B6; } .typeSearch-sp__modal .tabcontent.is-shown { display: flex; } .typeSearch-sp__modal .tabcontent .li { width: 100%; } .typeSearch-sp__modal .tabcontent .li:nth-last-of-type(1) .link { border-bottom: none; } .typeSearch-sp__modal .tabcontent .link { display: block; margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px dashed #1CB5B6; font-weight: bold; color: #1CB5B6; font-size: 16px; } .typeSearch-sp__modal .button { display: flex; align-items: center; justify-content: center; width: 265px; margin: auto; padding: 10px 17px 9px; border-radius: 50px; background: #e8f6ee; font-size: 14px; font-weight: bold; color: #1CB5B6; } .typeSearch-sp__modal .button:after { content: ""; width: 6px; height: 6px; margin-left: 15px; border-right: 2px solid #1CB5B6; border-bottom: 2px solid #1CB5B6; transform: rotate(-45deg); } body.modal-opened { overflow: hidden; } .button-close { position: absolute; top: 4px; right: 4px; display: block; width: 26px; height: 26px; border-radius: 50%; background: #1CB5B6; border: none; } @media screen and (max-width: 749px) { .button-close { width: 30px; height: 30px; } } .button-close:before, .button-close:after { content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 14px; height: 2px; background: #fff; transform-origin: 0 0; } .button-close:before { transform: rotate(45deg) translate(-50%, -50%); } .button-close:after { transform: rotate(-45deg) translate(-50%, -50%); } .cvPrivate { border: 1px solid #d6d6d6; border-radius: 6px; margin: 0 0 70px !important; position: relative; overflow: hidden; } .cvPrivate:nth-last-child(1) { margin-bottom: 0 !important; } .cvPrivate_bg { position: relative; width: 100%; z-index: 1; display: block; } .cvPrivate_bg img { display: block; width: 100%; height: auto; } .cvPrivate_inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; box-sizing: border-box; padding: 30px 20px 0; } @media screen and (max-width: 749px) { .cvPrivate_inner { padding: 0 20px; } } .cvPrivate_txt { background-color: #1CB5B6; color: #fff; font-weight: bold; width: calc(100% + 40px); height: 32px; display: flex; justify-content: center; align-items: center; font-size: 14px; margin: 0 -20px; } .cvPrivate_btn { max-width: 360px; width: 100%; height: 64px; display: flex; justify-content: center; align-items: center; gap: 14px; border-radius: 8px; background-color: #F7790B; border-bottom: 3px solid #dc6700; transition: all .5s ease; } .cvPrivate_btn:hover { border-bottom-width: 0; transform: translateY(3px); opacity: 0.8; } .cvPrivate_btn_txt1 { width: 38px; height: 24px; background-color: #fff; border-radius: 4px; color: #F7790B; font-weight: bold; font-size: 14px; line-height: 1.1; display: flex; justify-content: center; align-items: center; } .cvPrivate_btn_txt2 { color: #fff; font-size: 16px; font-weight: bold; text-align: center; }