input { -webkit-appearance: none; -webkit-border-radius: 0; } /* s:2024.09.25 */ .ec_wrap .innerSection {max-width: 1260px; width: calc(100% - 10px); margin: 0 auto;} /* e:2024.09.25 */ .ec_top { background: url(/resource/images/entCntnts/excellCpn/ec_top.png) no-repeat center; height: 390px; box-sizing: border-box; padding: 70px 0 } .ec_top * { font-family: 'GmarketSans' !important } .ec_top .ec_inner { position: relative; max-width: 1080px; width: calc(100% - 40px); margin: auto; } .ec_top .ec_inner:after { content: ''; display: block; background: url(/resource/images/entCntnts/excellCpn/ec_top_img.png) no-repeat; width: 495px; height: 297px; position: absolute; right: 30px; top: -20px } .SumoSelect .select-all.partial>span i, .SumoSelect .select-all.selected>span i, .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i { background-color: #31978f } .SumoSelect .select-all>span i, .SumoSelect>.optWrapper.multiple>.options li.opt span i { background: #fcfcfc; border: 1px solid #c5c5c5; box-shadow:none } .ec_top .txt { } .SumoSelect .select-all { height: auto; padding: 10px 15px; } .ec_top .txt .tit { font-size: 50px; font-weight: bold; color: #000000; margin-bottom: 10px } .ec_top .txt .tit span { font-size: 50px; font-weight: bold; color: #31978f } .ec_top .txt .desc { font-size: 24px; line-height: 1.5; font-weight: 500 } .ec_top .txt .desc span { font-weight: bold; color: #31978f } .ec_tit { font-size: 55px; text-align: center; font-weight: bold; margin-bottom: 80px; font-family: 'GmarketSans' !important; word-break: keep-all } .ec_tit span { color: #3d6b9f; font-family: 'GmarketSans' !important } .ec_intro { padding: 100px 0; background: #f3f3f3 } .ec_intro * { font-family: 'GmarketSans' !important } .ec_intro .ei_wrap { display: flex; justify-content: space-between; } .ec_intro .ei_wrap .item { background: #fff; width: calc(33.333% - 33.333px); border-radius: 45px; padding: 40px 30px; box-sizing: border-box; } .ec_intro .ei_wrap .item .tit { font-size: 36px; background: #ddd; text-align: center; color: #fff; padding: 25px 10px; border-radius: 20px; margin-bottom: 35px; line-height: 1; } .ec_intro .ei_wrap .item .desc { text-align: center; font-size: 38px; } .ec_intro .ei_wrap .item .desc:after { content: ''; display: block; width: 100%; height: 163px; margin: 40px auto 30px auto } .ec_intro .ei_wrap .item:nth-child(1) { background: url(/resource/images/entCntnts/excellCpn/ec_it_border01.png) no-repeat #fff; background-size: 100% 100% } .ec_intro .ei_wrap .item:nth-child(1) .tit { background: #f9ac4f } .ec_intro .ei_wrap .item:nth-child(1) .desc strong { color: #f9ac4f } .ec_intro .ei_wrap .item:nth-child(2) { background: url(/resource/images/entCntnts/excellCpn/ec_it_border02.png) no-repeat #fff; background-size: 100% 100% } .ec_intro .ei_wrap .item:nth-child(1) .desc:after { background: url(/resource/images/entCntnts/excellCpn/ec_it_img01.png) no-repeat center; } .ec_intro .ei_wrap .item:nth-child(2) .tit { background: #5cc6c9 } .ec_intro .ei_wrap .item:nth-child(2) .desc strong { color: #5cc6c9 } .ec_intro .ei_wrap .item:nth-child(2) .desc:after { background: url(/resource/images/entCntnts/excellCpn/ec_it_img02.png) no-repeat center; } .ec_intro .ei_wrap .item:nth-child(3) { background: url(/resource/images/entCntnts/excellCpn/ec_it_border03.png) no-repeat #fff; background-size: 100% 100% } .ec_intro .ei_wrap .item:nth-child(3) .tit { background: #b2d233 } .ec_intro .ei_wrap .item:nth-child(3) .desc:after { background: url(/resource/images/entCntnts/excellCpn/ec_it_img03.png) no-repeat center; } .ec_intro .ei_wrap .item:nth-child(3) .desc strong { color: #b2d233 } .ec_intro .ei_wrap .item a { font-size: 26px; display: block; text-align: center; background: #434343; color: #fff; padding: 15px 10px; border-radius: 50px } .ec_employ { margin: 100px 0 } .ec_employ .ee_link { text-align: center; } .ec_employ .ee_link a { display: inline-block; background: #3d6b9f; color: #fff; font-size: 24px; font-weight: bold; padding: 10px 60px; border-radius: 50px; font-family: 'GmarketSans' !important } .ee_cont { background: #f6f6f6; padding: 35px 25px; border: 1px solid #d7dce5; margin: 50px auto 0 auto } .ee_cont .ee_search { display: flex; align-items: center; margin-bottom: 15px } .ee_cont .ee_search .SumoSelect { border: 1px solid #000; color: #666666; font-size: 16px; width: 220px; font-family: 'Noto Sans KR' !important } .ee_cont .ee_search .SumoSelect>.CaptionCont { border: 0; padding: 10px 15px; } .ee_cont .ee_search .SumoSelect>.CaptionCont>label { right: 8px } .ee_cont .ee_search .SumoSelect>.CaptionCont>label>i { background: #fcfcfc; border: 1px solid #c5c5c5; border-radius: 3px; } .ee_cont .ee_search .SumoSelect>.CaptionCont.on>label>i { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC') no-repeat center #38bab2; border: 1px solid #38bab2 } .ee_cont .ee_search .SumoSelect.open>.optWrapper { top:100%; border: 1px solid #000; border-radius: 0; width: calc(100% + 2px); left: -1px } .SumoSelect>.CaptionCont>span.placeholder { font-style: normal; color: #000; font-family: 'Noto Sans KR'; font-size: 16px } .ee_cont .SumoSelect>.optWrapper>.options li.opt { padding: 7px 15px; font-size: 14px; border-bottom: 1px solid #f5f5f5; } .ee_cont .SumoSelect>.optWrapper>.options li.group>label { padding: 9px 15px; color: #000; font-weight: 500; font-size: 14px; } .ee_cont .ee_search .SumoSelect.checkd i { background: #38bab2 url(https://www.jobaba.net/resource/images/member/ico_check.png) 50% 50% no-repeat !important; border: 0 !important; background-size: 8px !important } .ee_cont .ee_search input[type="text"] { border: 1px solid #000; padding: 10px 15px; font-family: 'Noto Sans KR'; width: 550px; margin: 0 15px; font-size: 16px } .ee_cont .ee_search input[type="text"]::placeholder { color: #666666; } .ee_cont .ee_search input[type="button"] { max-width: 130px; padding: 10px 50px; color: #fff; border: 0; background: #ff6163; font-weight: 500; font-size: 16px; font-family: 'Noto Sans KR' !important; margin-right: 20px; border: 1px solid #ff6163 } .ee_cont .ee_search .radio { margin:auto 0 } .ee_cont .ee_search .radio .text { font-size: 16px; color: #666666; } .ee_cont .ee_list { display: flex; flex-wrap: wrap; } .ee_cont .ee_list .item { display: block; background: #fff; border: 1px solid #d7dce5; width: calc(50% - 12.5px); margin-right: 25px; border-radius: 15px; padding: 50px; position: relative; margin-top: 25px; } .ee_cont .ee_list .item.none { display: flex; width: 100%; margin-right: 0; align-items: center; justify-content: center;} .ee_cont .ee_list .item:nth-child(2n) { margin-right: 0 } .ee_cont .ee_list .item .cert { width: 43px; height: 62px; position: absolute; left: 20px; top: 0; background: url(/resource/images/entCntnts/excellCpn/ee_cert02.png) top center no-repeat; } .ee_cont .ee_list .item .cert span { position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%); color: #fff; font-size: 12px; } .ee_cont .ee_list .item .ing { position: absolute; right: 20px; top: 20px; } .ee_cont .ee_list .item .ing span { display:flex; align-items: center;; background: #ff6163; color: #fff; padding: 5px 13px; font-size: 14px; border-radius: 30px; } .ee_cont .ee_list .item .ing span:before { content: ''; display: inline-block; background: url(/resource/images/entCntnts/excellCpn/ee_ing.png) no-repeat; width: 20px; height: 15px; margin-right: 5px } .ee_cont .ee_list .item .top { display: flex; align-items:center; margin-right: 5px; margin-top: 40px } .ee_cont .ee_list .item .name { font-size: 24px; font-weight: 600; margin-right: 10px; } .ee_cont .ee_list .item .img { max-width: 200px; height: 50px; } .ee_cont .ee_list .item .img img {height: 100%;} .ee_cont .ee_list .item dl { margin-top: 20px; display: flex; color: #666666; } .ee_cont .ee_list .item dl dt { width: 70px; margin-right: 10px } .ee_cont .ee_list .item dl dd { width: calc(100% - 80px) } /* 2023.11.15 異붽� */ .gMedium { font-family: 'GmarketSans' !important; font-weight: 500; } .gBold { font-family: 'GmarketSans' !important; font-weight: 700; } .ee_cont .anualWrap { margin: 40px 0 20px; } .ee_cont .anualWrap .tit { margin-bottom: 40px; font-weight: 500; text-align: center; } .ee_cont .anualWrap .tit span { color: #ff0000; font-weight: 700; } .ee_cont .anualWrap .anuallist { display: flex; margin: 0 60px; justify-content: center; gap: 10px;} .ee_cont .anualWrap .anuallist li { display: flex; width: calc( 100% / 4 - 10px); padding: 10px 34px 10px 10px; background: #fff; border: 1px solid #d7dce5; border-radius: 10px; align-items: center; justify-content: space-between; } .ee_cont .anualWrap .anuallist li .anNum { display: inline-block; width: 100px; padding: 40px 0 10px; background: url(/resource/images/entCntnts/excellCpn/anual_icon.png) top 10px center #eef7f6 no-repeat; font-size: 16px; text-align: center; border-radius: 5px; } .ee_cont .anualWrap .anuallist li .anTxt span { color: #ff0000; } /* 2023.11.15 異붽� */ .ec_guide { margin: 80px auto 280px auto; background: #d4ece9;} .ec_Tguide h3 { padding-top: 30px; text-align: center; font-size: 36px; font-weight: bold; word-break: keep-all } .ec_Tguide .addTxt { font-size: 24px; text-align: center; margin-top: 10px } .ec_guide .eg_wrap { max-width: 1300px; margin: 50px auto 0; display: flex; flex-wrap: wrap; padding: 40px 70px; border-radius: 15px; justify-content: center; } .ec_guide .eg_wrap > a { width: calc(20% - 36px); margin-right: 45px; } .ec_guide .eg_wrap > a:nth-child(5n) { margin-right: 10 } .ec_guide .eg_wrap > a:nth-child(-n + 4) { margin-bottom: 30px } .ec_guide .eg_wrap span { display: block; background: #fff; max-width: 185px; height: 130px; border-radius: 30px;; width: 100%; } .ec_guide .eg_wrap p { text-align: center; margin-top: 20px; font-size: 20px; letter-spacing: -1px } .ec_guide .eg_wrap .img01 { background: url(/resource/images/entCntnts/excellCpn/eg01.png) no-repeat center #fff; } .ec_guide .eg_wrap .img02 { background: url(/resource/images/entCntnts/excellCpn/eg02.png) no-repeat center #fff; } .ec_guide .eg_wrap .img03 { background: url(/resource/images/entCntnts/excellCpn/eg03.png) no-repeat center #fff; } .ec_guide .eg_wrap .img04 { background: url(/resource/images/entCntnts/excellCpn/eg04.png) no-repeat center #fff; } .ec_guide .eg_wrap .img05 { background: url(/resource/images/entCntnts/excellCpn/eg05.png) no-repeat center #fff; } .ec_guide .eg_wrap .img06 { background: url(/resource/images/entCntnts/excellCpn/eg06.png) no-repeat center #fff; } .ec_guide .eg_wrap .img07 { background: url(/resource/images/entCntnts/excellCpn/eg07.png) no-repeat center #fff; } .ec_guide .eg_wrap .img08 { background: url(/resource/images/entCntnts/excellCpn/eg08.png) no-repeat center #fff; } .ec_guide .eg_wrap .img09 { background: url(/resource/images/entCntnts/excellCpn/eg09.png) no-repeat center #fff; } .ec_bt { background: #e3f1f4; margin-bottom: 50px; position: relative; padding: 100px 0 30px 0 } /* s:2024.09.25 */ .ec_bt .bb {width: 100%; max-width: 630px; position: absolute; left: 50%; transform: translateX(-50%); background: #00aef0; display: inline-block; text-align: center; color: #fff; padding: 40px 10px; border-radius: 100px; top: -90px } /* e:2024.09.25 */ .ec_bt .bb:before { content: ''; display: block; background: url(/resource/images/entCntnts/excellCpn/bt_img.png) no-repeat; width: 433px; height: 136px; position: absolute; left: 50%; top: -118px; transform: translateX(-50%) } .ec_bt .bb:after { content: ''; display: block; background: url(/resource/images/entCntnts/excellCpn/bg_bb.png) no-repeat; width: 42px; height: 41px; bottom: 0; left: 2px; position: absolute; } .ec_bt .bb p { font-size: 30px; } .ec_bt .txt { text-align: center; display: flex; justify-content: center; margin-top: 30px } .ec_bt .txt p { font-size: 30px; font-weight: 500; margin-right: 15px; color: #003281 } .ec_bt .txt p strong { font-weight: bold; } .ec_bt .txt p span { color: #3da8a2; font-weight: bold; } .ei_more { } .ei_more > .item { background: #fff; padding: 40px 60px 80px 60px; border-radius: 10px; border: 1px solid #ddd; border-top: 20px solid #ddd; box-sizing: border-box; position: relative; display: none; margin-top: 30px; } .ei_more > .item:after { content: ''; display: inline-block; border: 30px solid transparent; border-top-color: #f9ac4f; border-right-width: 18px; border-left-width: 18px; position: absolute; left: 170px; top: 0; } .ei_more > .item:nth-child(1) { border-color: #f9ac4f; } .ei_more > .item:nth-child(2) { border-color: #5cc6c9; } .ei_more > .item:nth-child(3) { border-color: #b2d233; } .ei_more > .item:nth-child(2):after { border-top-color: #5cc6c9; left: 50%; transform: translateX(-50%) } .ei_more > .item:nth-child(3):after { border-top-color: #b2d233; left: auto; right: 180px; } .ei_more > .item .close_btn { display: block; margin: 0 0 0 auto; background: url(/resource/images/entCntnts/excellCpn/ei_close01.png) no-repeat; width: 32px; height: 32px; text-indent: -9999px; margin-bottom: 20px; } .ei_more > .item:nth-child(2) .close_btn { background: url(/resource/images/entCntnts/excellCpn/ei_close02.png) no-repeat; } .ei_more > .item:nth-child(3) .close_btn { background: url(/resource/images/entCntnts/excellCpn/ei_close03.png) no-repeat; } .ei_more > .item h4 { display: inline-block; font-size: 30px; padding:10px; background: #ddd; max-width: 250px; width: 100%; text-align: center; border-radius: 50px; margin-bottom: 20px } .ei_more > .item h4 { background: #f9ac4f } .ei_more > .item:nth-child(3) h4 { background: #b2d233 } .ei_more > .item .bg_gray { background: #f2f2f2 !important; padding: 40px; border-radius: 10px; } .ei_more > .item .num_list > li { position: relative; padding-left: 70px } .ei_more > .item .num_list > li:before { content: ''; display: block; font-size: 36px; font-weight: bold; color: #f9ac4f; font-style: italic; position: absolute; left: 0; top: -5px } .ei_more > .item:nth-child(3) .num_list > li:before { color: #b2d233 } .ei_more > .item .num_list > li:nth-child(1):before { content: '01' } .ei_more > .item .num_list > li:nth-child(2):before { content: '02' } .ei_more > .item .num_list > li:nth-child(3):before { content: '03' } .ei_more > .item .num_list > li + li { margin-top: 20px } .ei_more .appGo { display: none } .mt30 { margin-top: 30px } .mt10 { margin-top: 10px } .pl30 { padding-left: 30px } .f28 { font-size: 28px } .f24 { font-size: 24px } .f22 { font-size: 22px } .f18 { font-size: 18px } .ei_more .dot_list > li { position: relative; padding-left: 15px; } .ei_more .dot_list > li:before { content: '\00B7'; display: block; position: absolute; left: 0; top: 0; } .ei_more .dot_list > li + li { margin-top: 5px } .ei_more .orange { color: #f9ac4f; } .ei_more .rf_mark > li { position: relative; padding-left: 30px; } .ei_more .rf_mark > li + li { margin-top: 10px } .ei_more .rf_mark > li:before { content: '\203B'; display: block; position: absolute; left: 0; top: 0 } .ei_more .process { display: flex; justify-content: space-between; } .ei_more .process .item { display: flex; align-items: center; justify-content: center; text-align: center; background: #dcdcdc; font-size: 28px; width: calc(25% - 45px); height: 100px; border-radius: 10px } .ei_more .process .arrow { text-indent: -9999px; background: url(/resource/images/entCntnts/excellCpn/ei_arrow.png) no-repeat center; width: 45px; } .ei_more .ei_table { border: 1px solid #cecece; border-radius: 10px; overflow: hidden; } .ei_more .ei_table table { width: 100% } .ei_more .ei_table table th, .ei_more .ei_table table td { border-right: 1px solid #cecece; padding: 15px; } .ei_more .ei_table table th:last-child, .ei_more .ei_table table td:last-child { border-right: 0 } .ei_more .ei_table table tr { border-bottom: 1px solid #cecece; } .ei_more .ei_table table tbody tr:last-child { border-bottom: 0 } .ei_more .ei_table table tbody td { padding: 20px } .ei_more .ei_table .bg_yellow { background: #fcfdea } .ei_more .ei_table .bg_blue01 { background: #ddf8f9 } .ei_more .ei_table .bg_blue02 { background: #eafcfd } .ei_more .ei_table .bg_gr { background: #ededed } .ei_more .bar_list > li { position: relative; padding-left: 15px; } .ei_more .bar_list > li + li { margin-top: 5px; } .ei_more .bar_list > li:before { content: '-'; display: block; position: absolute; left: 0; top: 0; } .tct { text-align: center; } .ei_more .green { color: #84a20d } .ei_more .process02 { display: flex; justify-content: space-between; } .ei_more .process02 .item { display: flex; align-items: center; justify-content: center; text-align: center; background: #dcdcdc; font-size: 28px; width: calc(25% - 36px); height: 130px; border-radius: 10px } .ei_more .process02 .arrow { text-indent: -9999px; background: url(/resource/images/entCntnts/excellCpn/ei_arrow02.png) no-repeat center; width: 45px; } .ec_intro .appGo { display: flex; margin: 70px auto 0 auto; border-radius: 100px; width: 600px; background: #3d6b9f; align-items: center; padding: 20px 20px 20px 60px; box-sizing: border-box; justify-content: space-between; display: none } .ec_intro .appGo .left { width: calc(100% - 180px) } .ec_intro .appGo .left span { display: block; } .ec_intro .appGo .left p { color: #fff; margin-top: 20px; font-size: 24px; } .ec_intro .item .appGo { display: none !important } .ec_intro .appGo .circle { background: #003a7b; width: 150px; height: 150px; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #fff; font-size: 30px; } .ec_des { margin: 80px 0 } .ec_des .ed_top { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; margin-bottom: 35px; border-bottom: 1px solid #000 } .ec_des .ed_top a { border: 1px solid #aaa; padding: 5px 10px; font-size: 16px; font-weight: 500; border-radius: 5px; display: flex; align-items: center } .ec_des .ed_top a:after { content: ''; background: url(/resource/images/entCntnts/excellCpn/bt_arrow.png) no-repeat center; width: 8px; height: 11px; margin-left: 5px; } .ec_des .ed_top h3 { font-size: 24px; font-weight: 400 } .ec_des .ed_top h3 .black { font-weight: bold; } .ec_des .ed_top h3 .red { font-weight: bold; color: #ff0000 } .ec_des .ed_top h3 .cyan { font-weight: bold; color: #40a19c } .ec_des .hot_tit { font-size: 24px; margin-bottom: 15px; } .ec_des .hot_tit .red { color: #ff0000 } .ed_list .item { background: #fff; padding: 20px; border:1px solid #e6e6e6; border-radius: 15px; display: flex; justify-content: space-between } .ed_list .slick-list { margin: 0 -5px } .ed_list .slick-slide > div > div { padding: 5px } .ed_list .item .left_area { width: 220px; } .ed_list .item + .item { margin-top: 30px } .ed_list .item .left_area .logo { overflow: hidden; margin-bottom: 5px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; border-right: 1px solid #e6e6e6 } .ed_list .item .left_area .logo p { font-size: 24px; text-align: center; font-weight: 500 } .ed_list .item .left_area .logo .long_txt { font-size: 16px; text-align: center } .ed_list .item .left_area .bottom { display: flex; justify-content: space-between; align-items: center; } .ed_list .item .left_area .name { font-weight: 500; font-size: 18px; width: calc(100% - 50px) } .ed_list .item .right_area { width: calc(100% - 240px); display:flex; flex-direction:column; } .ed_list .item .right_area .tit_wrap { display: flex; } .ed_list .item .right_area .tit_wrap .tit { font-size: 20px; font-weight: 500; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; color: #eb6666; width: calc(100% - 40px) } .ed_list .item .right_area .cate { font-size: 16px;; color: #888888; margin: 5px 0 5px 0 } .ed_list .item .right_area .etc { display:flex; flex-wrap:wrap; width: calc(100% - 180px) } .ed_list .item .right_area .etc span { font-size: 16px; color: #888888; position: relative; padding-right: 10px; margin-right: 10px; } .ed_list .item .right_area .etc span:after { content: ''; display: block; width: 1px; height: 10px; background: #b5b5b5; right: 0; position: absolute; top: 8px } .ed_list .item .right_area .etc span:last-child { margin-right: 0; padding-right: 0 } .ed_list .item .right_area .etc span:last-child:after { display: none } .ed_list .item .right_area button.like { } .ed_list .item .etc .textNull:after { display:none !important; } .ed_list .item .etc .textNull { padding-right:0 !important; margin-right:0 !important } .ed_list .item .right_area .area { max-width: calc(100% - 180px); word-break:keep-all; margin-top: 5px } .ed_list .item .right_area .area span { color: #787878; font-size: 16px; display: inline-block; } .ed_list .item .right_area .area span:after { content: ',' } .ed_list .item .right_area .area span:last-child:after { display: none } .ed_list .item .right_area .top { position: relative; } .ed_list .item .right_area .date { font-size: 16px; font-weight: bold; color: #000000; position: absolute; right: 0; bottom: 5px; } .ed_list .item .right_area .d-day { font-size: 18px; font-weight: bold; color: #ff4800; position: absolute; right: 0; bottom: 30px; } .ed_list .item .right_area .date.end { color: #ff6163; letter-spacing: 1px } .ed_list .item .right_area .date.middle { color: #e69138; letter-spacing: 1px } .ed_list .item .right_area .bottom { padding-top:20px; margin-top: 15px; border-top: 1px dotted #dcdcdc; display: flex; justify-content: space-between; align-items: flex-start } .ed_list .item .right_area .cert { width: calc(100% - 280px); display:flex; flex-wrap:wrap; } .ed_list .item .right_area .cert span { font-size: 12px; color: #565454; background: #c6e7f0; border-radius: 5px; padding: 5px; margin: 5px 3px 0 0 } .ed_list .item .right_area .support { display: flex; align-items: flex-start; justify-content: flex-end; align-items: center } .ed_list .item .right_area .support button { font-size: 15px; width: 135px; font-weight: bold; padding: 10px; box-sizing: border-box; display: inline-block } .ed_list .item .right_area .support button + button { margin-left: 15px } .ed_list .item .right_area .support .border_btn { border: 1px solid #38bab2; color: #38bab2 } .ed_list .item .right_area .support .bc_btn { background: #38bab2; color: #fff; } .ed_list .like { background: url('https://www.jobaba.net/resource/images/desEnt/like.png') no-repeat center; width: 30px; height: 30px; border:1px solid #e2e2e2; border-radius: 50%; text-indent: 100%; white-space: nowrap;; overflow: hidden; margin-right: 10px } .ed_list .like.active { border: 1px solid #ff6163; background: url('https://www.jobaba.net/resource/images/desEnt/like_active.png') no-repeat center; } @media all and (max-width:1260px) { .ec_top { height: 320px } .ec_top .ec_inner:after { background-size: 400px; width: 400px; height: 242px; } .ec_intro .ei_wrap .item .tit { font-size: 30px } .ec_intro .ei_wrap .item .desc { font-size: 34px } .ec_intro .ei_wrap .item { width: calc(33.333% - 20px); padding: 30px 20px } .ee_cont .ee_search input[type="text"] { width: 350px } /* 2023.11.15 */ .ee_cont .anualWrap .anuallist { margin: 0; } /* 2023.11.15 */ } @media all and (max-width:1024px) { .ec_top { height: auto } .ec_top .ec_inner:after { display: none } .ec_tit { font-size: 35px; margin-bottom: 40px } .ec_intro .ei_wrap { display: block; } .ec_intro .ei_wrap .item { width: 100%; border-radius: 20px; background: #fff !important } .ec_intro .ei_wrap .item:nth-child(1) { border: 10px solid #f9ac4f; } .ec_intro .ei_wrap .item:nth-child(2) { border: 10px solid #5cc6c9; } .ec_intro .ei_wrap .item:nth-child(3) { border: 10px solid #b2d233; } .ec_intro .ei_wrap .item + .item { margin-top: 20px } .ee_cont .ee_search { flex-wrap: wrap; margin-bottom: 0 } .ee_cont .ee_search .radio { width: 100%; margin-top: 15px } .ee_cont .ee_search input[type="button"] { margin-right: 0; padding: 10px 30px } .ee_cont .ee_search input[type="text"] { width: calc(100% - 380px); margin: 0 10px } .ee_cont .ee_list { display: block; } .ee_cont .ee_list .item { width: 100%; margin-right: 0 } .ec_des .ed_top h3 { font-size: 20px } .ec_des .ed_top a { font-size: 13px } .ec_guide .eg_wrap > a { width: calc(100% / 3 - 20px); margin-right: 20px; } .ec_guide .eg_wrap > a:nth-child(3n) { margin-right: 0 } .ec_guide .eg_wrap > a:nth-child(5n) { margin-right: 20px } .ec_intro { position: relative } .ec_intro .innerSection > .appGo { display: none !important } .ei_more > .item.show { position: fixed; left: 0; top: 0; width: 100%; height: 100%; padding: 30px 20px; z-index: 5; border-left: 0; border-right: 0; border-bottom: 0; border-radius: 0; margin-top: 0 } .ei_more > .item.show .inner { overflow-y: auto; height: calc(100vh - 300px) } .ec_intro .item.show .appGo { margin: 40px auto 0 auto; width: 460px; padding: 20px 20px 20px 60px; display: flex !important } .ec_intro .item.show .appGo img { width: 180px } .ec_intro .appGo .left p { font-size: 18px; word-break: keep-all } .ec_intro .appGo .circle { font-size: 18px; width: 120px; height: 120px } .ec_intro .appGo .left { width: calc(100% - 140px) } .ei_more > .item h4 { font-size: 24px; max-width: 200px } .f28 { font-size: 24px } .f24 { font-size: 20px } .f22 { font-size: 18px } .f18 { font-size: 16px } .ei_more .process .item { font-size: 24px } .ei_more .process02 .item { font-size: 20px; word-break: keep-all; width: calc(20% - 15px) } .ei_more .process02 .item br { display: none } .ei_more > .item .num_list > li:before { font-size: 24px; top: 0 } .ei_more > .item .num_list > li { padding-left: 45px } .ei_more .process .arrow, .ei_more .process02 .arrow { width: 15px; background-size: 10px !important } .ei_more .process .item { width: calc(25% - 15px) } .ec_bt .bb p { font-size: 25px } .ec_bt .txt { margin-top: 0 } .ec_bt .txt p { font-size: 22px } .ec_bt .txt { align-items: center } /* 2023.11.15 */ .ee_cont .anualWrap .anuallist { flex-wrap: wrap; } .ee_cont .anualWrap .anuallist li { width: calc( 100% / 2 - 10px); } /* 2023.11.15 */ } @media all and (max-width:768px) { .ec_top { padding: 50px 0 } .ec_top .txt .tit, .ec_top .txt .tit span { font-size: 38px } .ec_top .txt .desc { font-size: 20px } .ec_intro { padding: 50px 0 } .ec_intro .ei_wrap .item { border-width: 5px !important } .ec_intro .ei_wrap .item .tit { font-size: 20px; padding: 15px 10px; border-radius: 15px } .ec_intro .ei_wrap .item .desc { font-size: 26px } .ec_intro .ei_wrap .item a { font-size: 20px } .ec_employ { margin: 50px 0 } .ec_employ .ee_link a { font-size: 18px; } .ee_cont { margin: 30px auto 0 auto } .ee_cont .ee_list .item { padding: 40px 20px } .ee_cont .ee_list .item .name { font-size: 20px; } .ee_cont .ee_list .item .cert { width: 35px; height: 50px; background-size: contain; } .ee_cont .ee_list .item .cert span { bottom: 12px; font-size: 10px; } /* .ee_cont .ee_list .item .cert img { width: 35px; } */ .ee_cont .ee_list .item .ing a { font-size: 12px; } .ee_cont .ee_list .item .ing a:before { background-size: 15px; width: 15px; height: 10px } .ee_cont .ee_list .item dl { font-size: 13px; margin-top: 15px } .ee_cont .ee_list .item dl dt { width: 60px; } .ee_cont .ee_list .item dl dd { width: calc(100% - 70px) } .ed_list .item { flex-direction: column; } .ed_list .item .left_area, .ed_list .item .right_area { width: 100%; } .ed_list .item .left_area .logo { justify-content: flex-start; align-items: flex-start; border-right: 0 } .ed_list .item .left_area .logo p, .ed_list .item .left_area .long_txt p { font-size: 15px !important; text-align: left } .ed_list .item .right_area .tit_wrap .tit { width: calc(100% - 40px) } .ed_list .item .right_area .date { } .ed_list .item .right_area button.like { top: 0 } .ed_list .item .right_area .etc, .ed_list .item .right_area .area { max-width: calc(100% - 110px) } .ed_list .item .right_area .tit_wrap { margin: 10px 0; } .ed_list .item .right_area .tit_wrap .tit { font-size: 16px } .ed_list .item .right_area .cate, .ed_list .item .right_area .etc span, .ed_list .item .right_area .area span, .ed_list .item .right_area .date, .ed_list .item .right_area .d-day { font-size: 12px } .ed_list .item .right_area .area { margin-top: 0 } .ed_list .item .right_area .support button { font-size: 13px; width: 120px } .ec_des { margin: 50px 0 } .ec_des .ed_top { display: block; margin-bottom: 20px } .ec_des .ed_top a { width: 165px; margin-left: auto; margin-top: 10px } .ec_des .hot_tit { font-size: 18px } .ei_more > .item:after { display: none } .ei_more > .item.show { border-top-width: 5px; padding: 20px } .ei_more > .item.show .inner { height: calc(100vh - 260px) } .ei_more > .item .close_btn { background-size: 25px !important; width: 25px; height: 25px; } .ei_more > .item h4 { font-size: 18px; max-width: 150px; } .f28 { font-size: 18px; } .f24 { font-size: 15px } .f18 { font-size: 13px } .f22 { font-size: 14px } .ei_more .process .item { font-size: 15px } .ei_more > .item .bg_gray { padding: 20px } .ei_more > .item .num_list > li, .ei_more > .item .num_list > li:before { font-size: 18px } .ec_intro .item.show .appGo { max-width: 300px; flex-direction: column; text-align: center; padding: 20px; border-radius: 30px; } .ec_intro .item.show .appGo img { width: 120px } .ec_intro .appGo .left p { font-size: 13px; margin-top: 5px; margin-bottom: 10px } .ec_intro .appGo .left { width: 100%; } .ec_intro .appGo .circle { font-size: 14px; width: 100%; height: auto; padding: 10px; border-radius: 20px; } .ec_intro .appGo .circle br { display: none } .ei_more .process02 .item { font-size: 14px; } .ec_guide { margin: 50px auto 150px auto } /* s:2024.09.25 */ .ec_bt .bb { max-width: 400px; width: 100%; padding: 20px 10px; top: -50px; } /* e:2024.09.25 */ .ec_bt .bb:before { background-size: 300px; width: 300px; height: 100px; top: -70px } .ec_bt .bb p { font-size: 20px; position: relative; z-index: 5 } .ec_bt { padding: 80px 0 30px } .ec_bt img { width: 100px } .sumoStopScroll { overflow: visible } .SumoSelect>.optWrapper.isFloating { position: absolute; height: 200px !important; max-height: 200px !important; bottom: auto !important; margin: 0 } /* 2023.11.15 */ .ee_cont .anualWrap .anuallist li .anNum { font-size: 12px; } /* 2023.11.15 */ } @media all and (max-width:640px) { .ec_top { padding: 30px 0 } .ec_top .txt .tit, .ec_top .txt .tit span { font-size: 30px } .ec_top .txt .desc { font-size: 16px } .ec_intro .ei_wrap .item .tit { font-size: 18px; padding: 15px 10px; border-radius: 15px } .ec_intro .ei_wrap .item .desc { font-size: 22px } .ec_intro .ei_wrap .item a { font-size: 16px } .ec_intro .ei_wrap .item .desc:after { margin: 30px auto 20px auto } .ec_intro .ei_wrap .item:nth-child(1) .desc:after { background-size: 80px; height: 130px } .ec_intro .ei_wrap .item:nth-child(2) .desc:after { background-size: 80px; height: 130px } .ec_intro .ei_wrap .item:nth-child(3) .desc:after { background-size: 80px; height: 130px } .ee_cont .ee_search .SumoSelect { width: 100%; margin-bottom: 10px; } .ee_cont .ee_search input[type="text"] { width: 100%; margin-left: 0; margin-right: 0; } .ee_cont .ee_search input[type="button"] {max-width: 100%; margin-top: 10px; margin-right: 0;} .ec_Tguide h3 { font-size: 25px } .ec_Tguide .addTxt { font-size: 14px } .ec_guide .eg_wrap { margin-top: 25px } .ec_guide .eg_wrap { padding: 15px 10px } .ec_guide .slick-list { margin: 0 -10px } .ec_guide .slick-slide { margin: 0 10px } .ec_guide .slick-dots li button { width: 8px; height: 8px; background: #000; opacity: 0.2 } .ec_guide .slick-dots li.slick-active button { background: #007aff; opacity: 1 } .ei_more > .item h4 { font-size: 16px } .f28 { font-size: 16px } .ei_more > .item .num_list > li, .ei_more > .item .num_list > li:before { font-size: 16px } .ei_more .process, .ei_more .process02 { display: block; overflow: hidden } .ei_more .process .item, .ei_more .process02 .item { width: 100%; height: auto; padding: 20px } .ei_more .process .arrow, .ei_more .process02 .arrow { width: 100%; margin: 10px auto; transform: rotate(90deg); height: 20px } .ec_bt .bb { width: 90%; } .ec_bt .bb:before { background-size: 200px; width: 200px; height: 70px; top: -40px } .ec_bt .bb:after { background-size: 30px; } .ec_bt .bb p { font-size: 14px } .ec_bt .txt { display: block; text-align: center; word-break: keep-all; font-size: 16px; } .ec_bt .txt p { margin-bottom: 10px; margin-right: 0 } .ec_bt { padding: 50px 0 30px } .ec_guide .eg_wrap p { font-size: 12px; margin-top: 10px } .ec_guide .eg_wrap span { height: 80px; background-size: auto 50% !important; border-radius: 10px } .ec_guide .slick-list { margin: 0 -5px } .ec_guide .slick-slide { margin: 0 5px } .ee_cont .ee_list .item .top { display: block; margin-bottom: 20px; margin-top: 30px } .ee_cont .ee_list .item .name { margin-right: 0; margin-bottom: 10px; font-size: 16px } .ee_cont .ee_list .item img { max-width: 150px } .SumoSelect>.optWrapper.multiple.isFloating>.options li.opt { padding-left: 50px } } @media all and (max-width:480px) { .ec_top .txt .tit, .ec_top .txt .tit span { font-size: 22px } .ec_top .txt .desc { font-size: 14px } .ec_tit { font-size: 22px; margin-bottom: 20px } .ec_intro .ei_wrap .item { padding: 20px; } .ec_intro .ei_wrap .item .tit { font-size: 16px; padding: 10px; margin-bottom: 20px } .ec_intro .ei_wrap .item .desc:after { background-size: 50px !important; height: 90px !important } .ec_intro .ei_wrap .item .desc { font-size: 16px } .ec_intro .ei_wrap .item a { font-size: 14px; padding: 10px; } .ec_employ .ee_link a { font-size: 14px; } .ee_cont .ee_search input[type="button"] { font-size: 14px } .SumoSelect>.CaptionCont>span { font-size: 14px } .ee_cont .ee_search input[type="text"] { font-size: 14px; padding: 8px 15px } .ec_des .ed_top h3 { font-size: 16px; word-break: keep-all } .ec_des .ed_top h3 .black { display: block; } .ec_Tguide h3, .ec_bt .txt p { font-size: 18px } .ec_bt .txt p span { display: block; } .ee_cont .ee_search .radio .text { font-size: 12px } .SumoSelect>.optWrapper.multiple>.MultiControls>p { font-size: 14px; } .SumoSelect>.CaptionCont>span.placeholder { font-size: 14px } .ee_cont .ee_search input[type="submit"] { padding: 8px 10px } .ee_cont .ee_search input[type="text"] { padding: 8px 10px } .ee_cont .ee_search .SumoSelect>.CaptionCont { padding: 8px 10px } /* 2023.11.15 */ .ee_cont .anualWrap .anuallist li { padding: 10px; flex-direction: column; } .ee_cont .anualWrap .anuallist li .anNum { width: 100%; margin-bottom: 10px; } }