/* PC */ @media screen and (max-width: 1560px) { html {font-size: 15.5px !important;} } @media screen and (max-width: 1440px) { html {font-size: 15px!important;} } @media screen and (max-width: 1380px) { html {font-size: 14.5px !important;} } @media screen and (max-width: 1200px) { html {font-size: 14px !important;} .mypage_wrap .info_section .reason_box .item { width: calc((100% - 1rem * 2) / 3);} .mypage_wrap .info_section .reason_box .item.input_box { width: calc((100% - 1rem * 2) / 3 * 2 + 1rem);} .main_wrap .ms2 .slidebox .ms2_swiper .item .topbox .desc {word-break: keep-all;} .main_wrap .ms2 .slidebox .ms2_swiper .item .topbox .desc br {display: none;} } @media screen and (max-width: 1180px) { .main_wrap .ms1 .ms1_cont .contbox { flex-direction: column;} .main_wrap .ms1 .ms1_cont .contitem1, .main_wrap .ms1 .ms1_cont .contitem3 { width: 100%; max-width: 100%; flex-direction: row;} .main_wrap .ms1 .ms1_cont .contitem1 .profile_box {width: 100%;} .main_wrap .ms1 .ms1_cont .contitem1 .banner1 {display: none;} .main_wrap .ms1 .ms1_cont .contitem3 .banner1 {display: flex;} } /* Tablet */ @media screen and (max-width: 1080px) { html {font-size: 16px !important;} :root {--shadow: 0 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.08);} .pc {display: none !important;} .tablet {display: block !important;} .inner {width: 100%; padding: 0 1.6rem;} .container { padding-top: 6rem;} /* 공통 - 헤더 */ .header { height: 6rem;} .header .h_inner { gap: 2rem;} .header .h_logo { width: 6.5rem;} .header .h_nav > li > .link { display: none;} .header .h_side .button { display: none;} .header .h_side .menu_open { display: flex;} /* 모바일 메뉴 */ .mobile_menu { width: 85%; max-width: 32rem;} .mobile_menu_header { padding: 2.4rem 2rem;} .mobile_menu_header .logo { width: 7rem;} .mobile_menu_close { width: 2.4rem; height: 2.4rem;} .mobile_menu_close::before, .mobile_menu_close::after { width: 2.4rem; height: 0.3rem;} .mobile_menu_content { padding: 2.4rem 2rem;} .mobile_menu_buttons { gap: 1.2rem;} .mobile_menu_buttons .button { height: 4.8rem; font-size: 1.4rem; border-radius: 0.8rem;} /* 공통 - 푸터 */ .footer { padding: 4rem 0;} .footer .f_inner { flex-direction: column; align-items: unset; font-size: 1.3rem; line-height: 154%; gap: 0;} .footer .f_tit { font-size: 1.4rem; line-height: 157%;} .footer .f_info { order: 3; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 4rem; margin-top: 4.6rem;} .footer .f_info .logo { width: 7.8rem; margin-bottom: 2.4rem;} .footer .f_info .info_txt { margin-bottom: 1.2rem;} .footer .f_cont { justify-content: space-between; gap: 1rem; order: 1; margin-bottom: 2.4rem;} .footer .f_cont .item { width: 50%; gap: 0.8rem;} .footer .f_cont .item .contbox { gap: 0.6rem;} .footer .f_cont .sitebox .contbox .link { gap: 0.7rem;} .footer .f_cont .sitebox .contbox .link .desc { font-size: 1.2rem; line-height: 150%;} .footer .f_contact { gap: 0.8rem; order: 2;} .footer .f_contact .contbox .inq_btn { font-size: 1.3rem; border-radius: 0.8rem; height: 3.2rem; padding: 0 1.6rem;} /* 공통 - 폼 */ .form_box { gap: 2.4rem;} .input_box { gap: 1.2rem;} .input_box .label_text { font-size: 1.4rem; line-height: 157%;} .input_box .input_text { height: 4.8rem; border-radius: 1.2rem; padding: 0 2rem; font-size: 16px; line-height: 157%;} .input_box textarea.input_text { height: 14rem; padding: 1.6rem 2rem;} .input_box textarea.input_text::placeholder {word-break: keep-all;} .input_box .input_text.datepicker {background: url(/images/ic_datepicker.png) no-repeat right 2rem center / 2.4rem auto #fff; padding-right: 5.4rem;} .input_box .word_number {font-size: 1.3rem; right: 1.6rem; bottom: 1.5rem;} .input_box .input_txt { font-size: 1.4rem; line-height: 157%;} .input_box .input_btn { width: auto; min-width: 8.9rem; height: 4.8rem; font-size: 1.4rem; line-height: 1; border-radius: 1.2rem; padding: 0 1rem;} .input_box_sch .input_text {padding-right: 5.4rem;} .input_box_sch .search_btn { width: 2.4rem; right: 2rem;} .input_box .input_item {gap:1.2rem;} .input_box .email_item {flex-wrap: wrap;} .input_box .email_item .email_input { max-width: 100%; width: 100%; flex: unset;} .input_box .email_item .email_txt {display: block;} .input_box .email_item .email_select { max-width: unset;} .input_box.input_box_sch {width: 65% !important} .check_box {gap: 0.8rem;} .check_box .input_check {width: 2.4rem; height: 2.4rem;} .check_box .label_check { font-size: 1.3rem;} .radio_wrap { gap: 1.6rem;} .radio_box { gap: 0.6rem;} .radio_box .input_radio {width: 2.4rem; height: 2.4rem;} .radio_box .label_radio { font-size: 1.3rem; line-height: 154%;} .select_box .select { height: 4.8rem; border-radius: 1.2rem; padding: 0 5.8rem 0 2rem; font-size: 1.4rem; background: url(/images/select_arrow.png) no-repeat right 2rem top 50% / 2.8rem #ffffff;} .button { border-radius: 1.2rem; padding: 0 3.2rem; height: 4.8rem; font-size: 1.4rem; width: 60%;} .button.small { font-size: 1.2rem; line-height: 150%; height: 3.2rem; border-radius: 0.8rem; padding: 0 2rem;} .button.big { font-size: 1.6rem; line-height: 150%; height: 5.6rem; border-radius: 1.2rem;} .bookmark_btn {width: 3.2rem;} /* 공통 - datepicker */ .ui-datepicker { margin-top: 1rem; width: 28.8rem; border-radius: 0.8rem; padding: 2rem 1.6rem;} .ui-datepicker .ui-datepicker-header { gap: 0.8rem; margin-bottom: 2rem; ;} .ui-datepicker .ui-datepicker-title { font-size: 1.4rem; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 2rem !important; } .ui-datepicker-calendar>thead>tr>th { width: 3.6rem; height: 3.6rem; font-size: 1.3rem; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { font-size: 1.3rem; width: 2.8rem; height: 2.8rem; margin: 0.4rem;} .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover, .ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus, .ui-button:hover,.ui-button:focus { font-size: 1.3rem; width: 2.8rem; height: 2.8rem;} .ui-state-highlight::after, .ui-widget-content .ui-state-highlight::after, .ui-widget-header .ui-state-highlight::after {width: 0.4rem; bottom: 0.2rem; } /* 공통 - 테이블 */ /* 공통 - 모달 */ .modal .modal_box { min-width: unset; width: calc(100% - 1.6rem * 2); max-width: 100%; padding: 4rem 2rem 2.4rem; border-radius: 1.6rem; } #common_modal.modal .modal_box { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: calc(100% - 3.2rem) !important; max-width: 50rem !important; min-width: 20rem !important; right: auto !important; margin: 0 !important; } #common_modal.modal { min-width: unset !important; } .modal .modal_box.mx400 { max-width: 100%;} .modal .modal_box .modal_img { width: 8rem; margin-bottom: 2.4rem;} .modal .modal_box .modal_tit { font-size: 1.6rem;} .modal .modal_box .modal_desc { margin-top: 0.8rem; font-size: 1.4rem;} .modal .modal_box .modal_btnbox { gap: 1.2rem; margin-top: 2.4rem;} .modal .modal_box .modal_tit + .modal_btnbox { margin-top: 2.4rem;} .modal .modal_box .modal_btn { border-radius: 0.8rem;} .modal .modal_box .modal_head { height: 5.6rem; padding: 1.6rem;} .modal .modal_box .modal_head .close_btn { width: 2.4rem; right: 2rem;} .modal .modal_box .modal_body { padding: 1.6rem 2.4rem 0;} .modal .modal_box .modal_foot { gap: 1.2rem; padding: 2.4rem;} /* 공통 - 탭 */ .tab_navbox { overflow: auto; justify-content: flex-start; } .tab_navbox::-webkit-scrollbar {display: none;} .tab_navbox .tab_nav { font-size: 1.4rem;line-height: 157%; flex: unset; width: auto; white-space: nowrap;} .tab_navbox .tab_nav::after { height: 0.3rem; border-radius: 0.8rem;} .tab_navbox .tab_nav .link { padding: 1.2rem 2rem;} /* 공통 - 페이지네이션 */ .paging { gap: 0.8rem; margin-top: 4rem;} .paging .page { width: 4rem; height: 4rem; font-size: 1.4rem; border-radius: 0.8rem;} .paging .page_btn:nth-child(2) { margin-right: 0.8rem;} .paging .page_btn:nth-last-child(2) {margin-left: 0.8rem;} /* 공통 - 채용정보 */ .joblist .item { position: relative; padding: 2rem 0; flex-direction: column; align-items: unset; gap: 0.8rem;} .joblist .item .logo { width: auto;} .joblist .item .logo .img { max-height: 2.8rem; width: 20%;} .joblist .item .txtbox .tit { font-size: 1.4rem; line-height: 157%; margin-bottom: 0.5rem;} .joblist .item .txtbox .tit .dday {display: none;} .joblist .item .txtbox .desc { font-size: 1.2rem; line-height: 150%;} .joblist .item .txtbox .tagbox { margin-top: 1.2rem; gap: 0.4rem; flex-wrap: wrap;} .joblist .item .txtbox .tagbox .tag { border-radius: 10rem; font-size: 1.1rem; line-height: 145%; padding: 0.4rem 1.2rem; white-space: nowrap;} .joblist .item .btnbox { gap: 0.6rem; margin-top: 0.8rem;} .joblist .item .btnbox .bookmark_btn { width: 3.2rem;} .joblist.chk_ver .item { padding-left: 2.2rem; } .joblist.chk_ver .item .check_box { position: absolute; left: 0; top: 2rem; } .joblist .item .btnbox .btnitem .msg { padding: 0.7rem 1.2rem; right: auto;left: 90px; bottom: 0; top: calc(100% + 0.8rem); width: 16.8rem; height: 5.6rem; border-radius: 0.8rem; white-space: unset; font-size: 1.1rem; line-height: 145%; z-index: 30; box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.12); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease;} .joblist .item .btnbox .btnitem:hover .msg { opacity: 1; visibility: visible;} .joblist .item .btnbox .btnitem .msg::before {content: ""; position: absolute; left: 1.6rem; bottom: calc(100% - 0.2rem); background: url(/images/msgbg_tail.png) no-repeat center / contain; width: 1.8rem; height: 1.2rem; } /* 공통 - 브레드크럼 */ .breadcrumb { padding: 1.6rem 1.6rem 0; font-size: 1.3rem; gap: 0.4rem; } .breadcrumb .home { width: 2rem;} .breadcrumb .arrow { width: 1.6rem;} /* 공통 - 페이지 타이틀 */ .page_title { font-size: 2.8rem; line-height: 129%;} .page_title.mb1 { margin-bottom: 3.2rem;} .page_title.mb2 { margin-bottom: 2.4rem;} .page_subtitle { font-size: 2rem; line-height: 150%;} /* 01마이루핏_01메인 */ .m_titbox { margin-bottom: 2.4rem;} .m_titbox .m_txt1 { font-size: 2rem; line-height: 150%; color: #181818;} .main_wrap .ms1 { margin-bottom: 8rem;} .main_wrap .ms1 .ms1_cont { padding: 2.4rem 0;} .main_wrap .ms1 .ms1_cont .contbox { gap: 1.6rem;} .main_wrap .ms1 .ms1_cont .contitem1 .profile_box { border-radius: 1.6rem;} .main_wrap .ms1 .ms1_cont .contitem1 .profile_box .top { gap: 0.8rem; padding: 1.6rem 2rem 1.4rem;} .main_wrap .ms1 .ms1_cont .contitem1 .profile_box .top .thum { width: 2rem;} .main_wrap .ms1 .ms1_cont .contitem1 .profile_box .top .txt { font-size: 1.4rem; line-height: 157%;} .main_wrap .ms1 .ms1_cont .contitem1 .profile_box .bottom { padding: 2rem 1rem 1.6rem; gap: 0.8rem;} .main_wrap .ms1 .ms1_cont .contitem1 .profile_box .bottom .tit { font-size: 1.3rem; line-height: 154%;} .main_wrap .ms1 .ms1_cont .contitem1 .profile_box .bottom .infobox { gap: 5.6rem;} .main_wrap .ms1 .ms1_cont .contitem1 .profile_box .bottom .infoitem .subtit { font-size: 1.2rem; line-height: 150%;} .main_wrap .ms1 .ms1_cont .contitem1 .profile_box .bottom .infoitem .desc { font-size: 2rem; line-height: 140%;} .main_wrap .ms1 .ms1_cont .contitem2 { border-radius: 1.6rem;} .main_wrap .ms1 .ms1_cont .contitem2 > .title { padding: 1.6rem 2rem 0; font-size: 1.4rem; line-height: 157%; gap: 0.8rem;} .main_wrap .ms1 .ms1_cont .contitem2 > .title .icon {width: 2rem;} .main_wrap .ms1 .ms1_cont .contitem2 .ms1_swiper { padding: 1.6rem 2rem 2.4rem;} .main_wrap .ms1 .ms1_cont .contitem2 .ms1_swiper .item { width: 24rem; border-radius: 1.6rem; box-shadow: 0 0.6rem 1rem 0 rgba(0, 0, 0, 0.08);} .main_wrap .ms1 .ms1_cont .contitem2 .ms1_swiper .item .topbox { padding: 2rem;} .main_wrap .ms1 .ms1_cont .contitem2 .ms1_swiper .item .topbox .dday { font-size: 1.1rem; padding: 0.3rem 0.8rem; height: 2.2rem; border-radius: 0.8rem; margin-bottom: 1.2rem;} .main_wrap .ms1 .ms1_cont .contitem2 .ms1_swiper .item .topbox .logo { height: 1.6rem; margin-bottom: 0.4rem;} .main_wrap .ms1 .ms1_cont .contitem2 .ms1_swiper .item .topbox .tit { font-size: 1.6rem; line-height: 150%; margin-bottom: 0.4rem;} .main_wrap .ms1 .ms1_cont .contitem2 .ms1_swiper .item .topbox .sub { font-size: 1.1rem; line-height: 145%; margin-bottom: 1.6rem;} .main_wrap .ms1 .ms1_cont .contitem2 .ms1_swiper .item .topbox .location { gap: 0.2rem;} .main_wrap .ms1 .ms1_cont .contitem2 .ms1_swiper .item .topbox .location .icon { width: 1.6rem;} .main_wrap .ms1 .ms1_cont .contitem2 .ms1_swiper .item .topbox .location .txt { font-size: 1.1rem; line-height: 145%; gap: 0.4rem;} .main_wrap .ms1 .ms1_cont .contitem2 .ms1_swiper .item .topbox .location .txt .dot { width: 0.3rem;} .main_wrap .ms1 .ms1_cont .contitem2 .ms1_swiper .item .topbox .bookmark_btn { right: 2rem; top: 2rem;} .main_wrap .ms1 .ms1_cont .contitem2 .ms1_swiper .item .bottombox { padding: 1.6rem 2.4rem 1.6rem 2rem; gap: 1.2rem;} .main_wrap .ms1 .ms1_cont .contitem2 .ms1_swiper .item .bottombox .progress { height: 0.8rem; border-radius: 10rem;} .main_wrap .ms1 .ms1_cont .contitem2 .ms1_swiper .item .bottombox .txt { width: 5.6rem; font-size: 1.08rem; line-height: 145%;} .main_wrap .ms1 .ms1_cont .contitem2 .ms1_swiper .prev_btn, .main_wrap .ms1 .ms1_cont .contitem2 .ms1_swiper .next_btn {display: none;} .main_wrap .ms1 .ms1_cont .contitem2 .ms1_swiper::after {display: none;} .main_wrap .ms1 .ms1_cont .ms1_banner { display: unset; width: calc(100% + 1.6rem * 2); max-width: unset; margin: 0 -1.6rem; padding: 0 1.6rem; } .main_wrap .ms1 .ms1_cont .ms1_banner .swiper-wrapper { gap: 0; align-items: stretch; display: flex; height: auto;} .main_wrap .ms1 .ms1_cont .ms1_banner .swiper-slide { height: 100%; display: flex; align-items: stretch; align-self: stretch;} .main_wrap .ms1 .ms1_cont .ms1_banner .item:last-child {margin-right: 0 !important;} .main_wrap .ms1 .ms1_cont .ms1_banner .item { flex: none; width: auto; gap: 1.1rem; padding: 2rem; border-radius: 1.6rem; height: 100%; min-height: 100%; display: flex; align-items: center; box-sizing: border-box;} .main_wrap .ms1 .ms1_cont .ms1_banner .item.banner1 { justify-content: center;} .main_wrap .ms1 .ms1_cont .ms1_banner .item.banner1 .img { max-height: 100%; max-width: 100%; width: auto; height: auto; object-fit: contain; display: block;} .main_wrap .ms1 .ms1_cont .ms1_banner .item .txtbox { display: flex; flex-direction: column; justify-content: center; flex: 1;} .main_wrap .ms1 .ms1_cont .ms1_banner .item .txtbox .tit { font-size: 1.6rem; line-height: 162%;} .main_wrap .ms1 .ms1_cont .ms1_banner .item .txtbox .desc { font-size: 1.2rem; line-height: 150%;} .main_wrap .ms1 .ms1_cont .ms1_banner .item .imgbox { width: 7.2rem; flex-shrink: 0;} .main_wrap .ms1 .ms1_bottom { padding: 0;} .main_wrap .ms1 .ms1_bottom .slidebox {flex-direction: column; padding: 0; gap: 0;} .main_wrap .ms1 .ms1_bottom .slideitem { position: relative; width: 100%; padding: 2rem 8.4rem 2rem 1.6rem; border-bottom: 1px solid #dfe5ec; flex-direction: column; align-items: unset; gap: 0.6rem; } .main_wrap .ms1 .ms1_bottom .slideitem:last-child { border-bottom: 0;} .main_wrap .ms1 .ms1_bottom .slideitem .titbox { gap: 0.8rem;} .main_wrap .ms1 .ms1_bottom .slideitem .titbox .icon1 { width: 2rem;} .main_wrap .ms1 .ms1_bottom .slideitem .titbox .icon2 { width: 5.2rem;} .main_wrap .ms1 .ms1_bottom .slideitem .tit { font-size: 1.4rem; line-height: 157%;} .main_wrap .ms1 .ms1_bottom .slideitem .ms1_latest { flex: unset; height: 2rem; margin: 0;} .main_wrap .ms1 .ms1_bottom .slideitem .ms1_latest .item { font-size: 1.3rem; line-height: 154%;} .main_wrap .ms1 .ms1_bottom .slideitem .contols { border-radius: 0.6rem; position: absolute; top: 50%; transform: translateY(-50%); right: 1.6rem;} .main_wrap .ms1 .ms1_bottom .slideitem .contols .prev_btn, .main_wrap .ms1 .ms1_bottom .slideitem .contols .next_btn { width: 2.4rem; background-size: 1.5rem;} .main_wrap .ms2 {margin-bottom: 8rem;} .main_wrap .ms2 .slidebox .ms2_swiper { width: calc(100% + 1.6rem * 2); padding: 1.2rem 1.6rem; margin: -1.2rem -1.6rem;} .main_wrap .ms2 .slidebox .ms2_swiper .item { border-radius: 1.6rem; width: 28rem;} .main_wrap .ms2 .slidebox .ms2_swiper .item .topbox .tit { font-size: 1.4rem; line-height: 157%;} .main_wrap .ms2 .slidebox .ms2_swiper .item .topbox .desc { font-size: 1.3rem;} .main_wrap .ms2 .slidebox .ms2_swiper .item .topbox { gap: 0.4rem; padding: 2rem 2rem 4rem;} .main_wrap .ms2 .slidebox .ms2_swiper .item .bottombox { height: 17.2rem} .main_wrap .ms2 .slidebox .ms2_swiper .item .bottombox .icon { left: 5rem; top: unset; width: 6.4rem; height: 6.4rem; border-radius: 0.8rem; box-shadow: 0 0.3rem 1rem 0 rgba(0, 0, 0, 0.12);} .main_wrap .ms2 .slidebox .prev_btn, .main_wrap .ms2 .slidebox .next_btn {display: none;} .main_wrap .ms3 { margin-bottom: 6.8rem;} .main_wrap .ms3 .slidebox .ms3_swiper { width: calc(100% + 1.6rem * 2); padding: 1.2rem 1.6rem; margin: -1.2rem -1.6rem;} .main_wrap .ms3 .slidebox .ms3_swiper .item { border-radius: 1.6rem; padding: 2rem; width: 28rem;} .main_wrap .ms3 .slidebox .ms3_swiper .item .dday { font-size: 1.1rem; height: 2.2rem; border-radius: 0.8rem; padding: 0 0.8rem; margin-bottom: 1.2rem;} .main_wrap .ms3 .slidebox .ms3_swiper .item .logo { height: 1.8rem; margin-bottom: 0.4rem} .main_wrap .ms3 .slidebox .ms3_swiper .item .tit { font-size: 1.6rem; line-height: 150%; margin-bottom: 0.4rem;} .main_wrap .ms3 .slidebox .ms3_swiper .item .sub { font-size: 1.1rem; line-height: 145%; margin-bottom: 1.6rem;} .main_wrap .ms3 .slidebox .ms3_swiper .item .location { gap: 0.2rem;} .main_wrap .ms3 .slidebox .ms3_swiper .item .location .icon { width: 1.6rem;} .main_wrap .ms3 .slidebox .ms3_swiper .item .location .txt { font-size: 1.1rem; line-height: 145%; gap: 0.4rem;} .main_wrap .ms3 .slidebox .prev_btn, .main_wrap .ms3 .slidebox .next_btn {display: none;} .main_wrap .ms5 { margin-bottom: 6.8rem;} .main_wrap .ms5 .slidebox .ms5_swiper { width: calc(100% + 1.6rem * 2); padding: 1.2rem 1.6rem; margin: -1.2rem -1.6rem;} .main_wrap .ms5 .slidebox .ms5_swiper .item { border-radius: 1.6rem; padding: 2rem; width: 28rem;} .main_wrap .ms5 .slidebox .ms5_swiper .item .dday { font-size: 1.1rem; height: 2.2rem; border-radius: 0.8rem; padding: 0 0.8rem; margin-bottom: 1.2rem;} .main_wrap .ms5 .slidebox .ms5_swiper .item .logo { height: 1.8rem; margin-bottom: 0.4rem} .main_wrap .ms5 .slidebox .ms5_swiper .item .tit { font-size: 1.6rem; line-height: 150%; margin-bottom: 0.4rem;} .main_wrap .ms5 .slidebox .ms5_swiper .item .sub { font-size: 1.1rem; line-height: 145%; margin-bottom: 1.6rem;} .main_wrap .ms5 .slidebox .ms5_swiper .item .location { gap: 0.2rem;} .main_wrap .ms5 .slidebox .ms5_swiper .item .location .icon { width: 1.6rem;} .main_wrap .ms5 .slidebox .ms5_swiper .item .location .txt { font-size: 1.1rem; line-height: 145%; gap: 0.4rem;} .main_wrap .ms5 .slidebox .prev_btn, .main_wrap .ms5 .slidebox .next_btn {display: none;} .main_wrap .ms4 {margin-bottom: 8rem;} .main_wrap .ms4 .m_titbox { margin-bottom: 2.4rem;} .main_wrap .ms4 .top_box { margin-bottom: 2.4rem; flex-direction: column; align-items: unset; gap: 1.2rem;} .main_wrap .ms4 .top_box .leftbox .check_box { gap: 0.6rem; height: 4.8rem; border-radius: 1.2rem; padding: 0 2rem;} .main_wrap .ms4 .top_box .leftbox .check_box .label_check { font-size: 1.4rem; line-height: 157%;} .main_wrap .ms4 .top_box .rightbox .select_box { width: 100%;} .main_wrap .ms4 .joblist .item {padding-right: 3.2rem;} .main_wrap .ms4 .joblist .item .btnbox {position: absolute; top: 2rem; right: 0;} .main_wrap .ms4 .joblist .item .btnbox :not(.bookmark_btn) {display: none;} /* 01마이루핏_02상세_01디폴트 */ #detail_modal .modal_box {top: 0; height: 100%; max-height: 100%; padding-bottom: 8rem; min-width: unset; } #detail_modal .modal_box .modal_head { height: 6rem; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #dfe5ec; } #detail_modal .modal_box .modal_head .modal_tit {width: 100%;} #detail_modal .modal_box .modal_head .close_btn { right: 1.6rem;} #detail_modal .detail_top { margin-bottom: 0; border-bottom: 0.8rem solid #f5f5f5;} #detail_modal .detail_top .contbox { height: unset; padding: 2.4rem 1.6rem; flex-direction: column; align-items: flex-start; gap: 0;} #detail_modal .detail_top .contbox .dday { width: auto;height: 2.4rem; font-size: 1.2rem; border-radius: 0.8rem; display: inline-flex !important; padding: 0 1.2rem; margin-bottom: 1.2rem;} #detail_modal .detail_top .contbox .logo { max-width: unset; margin-bottom: 0.6rem;} #detail_modal .detail_top .contbox .logo .img { max-height: 3.2rem;} #detail_modal .detail_top .contbox .title { width: 100%; font-size: 2rem; line-height: 140%;} #detail_modal .detail_top .contbox .title .tit {max-width: 100%;} #detail_modal .detail_top .contbox .title .dday{display: none !important;} #detail_modal .detail_top .contbox .btnbox { position: fixed; left: 0; bottom: 0; width: 100%; height: 8rem; box-shadow: 0 -1px 0.8rem 0 rgba(0, 0, 0, 0.06); background: #fff; border-top: 1px solid #dfe5ec; gap: 1.1rem; padding: 1.6rem;} #detail_modal .detail_top .contbox .btnbox .bookmark_btn { width: 4.8rem;} #detail_modal .detail_top .contbox .btnbox .apply_btn { width: 100%; height: 4.8rem; border-radius: 0.8rem; font-size: 1.4rem; line-height: 157%;} #detail_modal .tab_navwrap {padding: 0; padding-top: 0;} #detail_modal .tab_navbox { margin-bottom: 0; } #detail_modal .ds_titbox { gap: 0.8rem; margin-bottom: 2.4rem;} #detail_modal .ds_tit { font-size: 1.6rem; line-height: 150%;} #detail_modal .ds_desc { font-size: 1.3rem; line-height: 169%; } #detail_modal .ds_sub { font-size: 1.4rem; line-height: 157%;} #detail_modal .ds_titbox .ds_desc {word-break: keep-all;} #detail_modal .ds_wrap { flex: 1; gap: 4rem; padding: 2.4rem 0 8rem; margin-bottom: 5rem;} #detail_modal .ds_wrap .section .inner {padding-bottom: 4rem; border-bottom: 0;} #detail_modal .ds_wrap .section .inner::after {content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: calc(100% - 1.6rem*2); height: 1px; background: #dfe5ec;} #detail_modal .ds_wrap .section:last-child .inner::after {display: none;} #detail_modal .ds_wrap .section.ds5 .inner:after {display: none;} #detail_modal .ds1 .ds_titbox .ds_desc {word-break: unset;} #detail_modal .ds2 .contbox { flex-wrap: wrap; gap: 1.6rem; margin-bottom: 2.4rem;} #detail_modal .ds2 .contbox .item { width: calc((100% - 1.6rem) / 2); border-radius: 1.6rem; padding: 2.4rem 1.6rem;} #detail_modal .ds2 .contbox .item .icon { width: 4.8rem; margin-bottom: 1.6rem;} #detail_modal .ds2 .contbox .item .sub { font-size: 1.3rem; line-height: 154%;} #detail_modal .ds2 .contbox .item .tit { font-size: 1.6rem; line-height: 150%;} #detail_modal .ds2 .infobox { gap: 0.4rem;} #detail_modal .ds2 .infobox .item { gap: 2.4rem; font-size: 1.3rem; line-height: 169%;} #detail_modal .ds2 .infobox .item .tit { width: 4.5rem;} #detail_modal .ds3 .ds_titbox { margin-bottom: 2.4rem;} #detail_modal .ds3 .slidewrap { gap: 1.6rem; margin-bottom: 2.4rem;} #detail_modal .ds3 .ds3_swiper { width: calc(100% + 1.6rem * 2); margin: 0 -1.6rem; padding: 0 1.6rem;} #detail_modal .ds3 .ds3_swiper .item { width: 28rem; border-radius: 1.6rem; padding: 2rem; height: 19rem; display: flex; flex-direction: column;} #detail_modal .ds3 .ds3_swiper .item .jobkorea { font-size: 1.3rem; gap: 0.8rem; margin-bottom: 1.2rem;} #detail_modal .ds3 .ds3_swiper .item .jobkorea .icon { width: 2rem;} #detail_modal .ds3 .ds3_swiper .item > .tit { font-size: 1.4rem; line-height: 157%; margin-bottom: 0.4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; text-overflow: ellipsis;} #detail_modal .ds3 .ds3_swiper .item > .desc { font-size: 1.3rem; line-height: 154%; margin-bottom: 1.2rem; flex: 1;} #detail_modal .ds3 .ds3_swiper .item > .cmt { gap: 0.4rem; font-size: 1.3rem; margin-top: auto;} #detail_modal .ds3 .ds3_swiper .item > .cmt .icon { width: 1.6rem;} #detail_modal .ds3 .slidebox .prev_btn, #detail_modal .ds3 .slidebox .next_btn {display: none;} #detail_modal .ds3 .analyzewrap { gap: 0.8rem;} #detail_modal .ds4 .ds4_swiper { padding: 1.2rem 1.6rem; margin: -1.2rem -1.6rem; width: calc(100% + 1.6rem * 2);} #detail_modal .ds4 .ds4_swiper .contbox { gap: 0;} #detail_modal .ds4 .ds4_swiper .contbox .item { width: 28rem; border-radius: 1.6rem; padding: 2.4rem 2.9rem; word-break: unset;} #detail_modal .ds4 .ds4_swiper .contbox .item .icon { width: 4.8rem; margin-bottom: 1.2rem;} #detail_modal .ds4 .ds4_swiper .contbox .item .tit { font-size: 1.6rem; line-height: 150%; margin-bottom: 0.8rem;} #detail_modal .ds4 .ds4_swiper .contbox .item .desc { font-size: 1.3rem; line-height: 154%;} #detail_modal .joblist .item {padding-right: 3.2rem;} #detail_modal .joblist .item .btnbox {position: absolute; top: 2rem; right: 0;} #detail_modal .joblist .item .btnbox :not(.bookmark_btn) {display: none;} .ed_btn_close { background-color: rgba(0, 0, 0, 0.7); width: 4.8rem !important; height: 4.3rem !important; border-radius: 20% !important; right: -5px !important; } .ed_btn_close::before, .ed_btn_close::after{ width: 25px !important; } /* 위쪽 ed_btn_close 버튼 숨기기 */ .modal_head .ed_btn_close { display: none !important; } /* 01마이루핏_02상세_04지원서작성하기popup */ #applyForm_modal .modal_body {width: 100%;} #applyForm_modal .topbox .logo { height: 3.2rem; margin-bottom: 0.9rem;} #applyForm_modal .topbox .tit { font-size: 1.6rem; line-height: 150%; margin-bottom: 0.5rem;} #applyForm_modal .topbox .location { gap: 0.2rem;} #applyForm_modal .topbox .location .icon { width: 1.6rem;} #applyForm_modal .topbox .location .txt { font-size: 1.2rem; gap: 0.4rem;} #applyForm_modal .topbox .location .txt .dot { width: 0.3rem;} #applyForm_modal .bottombox { gap: 1.2rem; padding-top: 2.4rem; margin-top: 2.4rem;} #applyForm_modal .bottombox > .title { font-size: 1.4rem;} #applyForm_modal .bottombox .applybox { border-radius: 1.6rem; padding: 2rem; gap: 1.6rem;} #applyForm_modal .bottombox .applybox .imgbox { width: 4.8rem;} #applyForm_modal .bottombox .applybox .txtbox { gap: 0.3rem;} #applyForm_modal .bottombox .applybox .txtbox .tit { font-size: 1.3rem; line-height: 154%;} #applyForm_modal .bottombox .applybox .txtbox .desc { font-size: 1.2rem; word-break: keep-all;} #applyForm_modal .bottombox .applybox .txtbox .desc br {display: none;} #applyForm_modal .topbox .input_box { margin-top: 2.4rem; gap: 1.2rem;} #applyForm_modal .topbox .input_box .label_text { font-size: 1.3rem;} #applyForm_modal .topbox .input_box .input_text { height: 4.8rem; padding: 0 2rem; border-radius: 1.2rem; font-size: 1.4rem; } #applyForm_modal .bottombox .applybox2 { border-radius: 1.6rem;} #applyForm_modal .bottombox .applybox2 .apply_top { padding: 1.6rem 2.4rem; gap: 1.6rem;} #applyForm_modal .bottombox .applybox2 .apply_top .tit { font-size: 1.3rem;} #applyForm_modal .bottombox .applybox2 .apply_top .edit_btn { font-size: 1.1rem; border-radius: 0.8rem; width: 4rem; height: 2.4rem;} #applyForm_modal .bottombox .applybox2 .apply_bottom { flex-direction: column; gap: 2.4rem; padding: 2rem;} #applyForm_modal .bottombox .applybox2 .apply_bottom .input_box .label_text { font-size: 1.3rem;} #applyForm_modal .bottombox .applybox2 .apply_bottom .input_box .input_text { height: 4.8rem; padding: 0 2rem; border-radius: 1.2rem; font-size: 1.4rem;} #applyForm_modal .bottombox .descbox { gap: 0.2rem; font-size: 1.2rem; text-indent: -0.8em; padding-left: 0.8em;} /* 01마이루핏_03로그인 */ .login_wrap .login_section { margin: 2.4rem 0 8rem;} .login_wrap .login_box .form_box { gap: 1.2rem; margin-bottom: 4rem} .login_wrap .login_box .form_box .check_box {gap: 0.4rem; margin-top: -0.4rem;} .login_wrap .login_box .bottom_box { margin-top: 1.6rem; gap: 0.6rem;} .login_wrap .login_box .bottom_box .link { font-size: 1.3rem; line-height: 154%;} .login_wrap .login_box .bottom_box .dot { width: 0.3rem;} /* 01마이루핏_04회원가입_01입력 */ .join_wrap .join_section { margin: 2.4rem 0 8rem;} .join_wrap .join_box .form_box { margin-bottom: 1.6rem;} .join_wrap .join_box .form_check { gap: 0.4rem; margin-bottom: 3.8rem;} .join_wrap .join_box .form_check .check_line { margin: 0.6rem 0 0.8rem;} .join_wrap .join_box .form_btn .cancel_btn { width: 8rem; padding: 0;} /* 01마이루핏_04회원가입_03회원가입정보로찾기 */ .join_wrap .search_section { margin: 2.4rem 0 8rem;} .join_wrap .search_section .page_title.mb2 {margin-bottom: 2rem;} .join_wrap .search_wrap { gap: 4rem;} .join_wrap .search_wrap .tab_navbox { width: calc(100% + 1.6rem * 2); margin: 0 -1.6rem;} .join_wrap .search_wrap .tab_navbox .tab_nav { flex: 1;} .join_wrap .search_wrap .tab_navbox .tab_nav .link {padding-bottom: 1.4rem;} .join_wrap .search_box { gap: 4rem;} .join_wrap .search_box .form_box .sch_tit { font-size: 1.6rem; line-height: 150%;} .join_wrap .search_box .form_box { gap: 2.4rem;} /* 01마이루핏_05마이페이지_01지원관리_01매칭지원서 */ .mypage_wrap .mypage_section { padding: 0; margin: 2.4rem 0 8rem;} .mypage_wrap .mypage_section > .inner { padding-bottom: 0;} .mypage_wrap .mypage_section .page_title.mb2 {margin-bottom: 1.2rem;} .mypage_wrap .mypage_section .tab_navbox { width: calc(100% + 1.6rem * 2); margin: 0 -1.6rem;} .mypage_wrap .mypage_section .tab_navbox .tab_nav { flex: 1;} .mypage_wrap .mypage_section .tab_navbox .tab_nav .link {padding-bottom: 1.4rem;} .mypage_wrap .mypage_titbox { margin-bottom: 4rem;} .mypage_wrap .mypage_titbox .tabs { flex-wrap: wrap;} .mypage_wrap .mypage_titbox .tabs .tab { flex: unset; width: 50%; height: 4.4rem; font-size: 1.4rem; line-height: 157%;} .mypage_wrap .mypage_titbox .tabs .tab:nth-child(1) { border-radius: 1.2rem 0 0 0;} .mypage_wrap .mypage_titbox .tabs .tab:nth-child(2) { border-radius: 0 1.2rem 0 0;} .mypage_wrap .mypage_titbox .tabs .tab:nth-child(3) { border-radius: 0 0 0 1.2rem;} .mypage_wrap .mypage_titbox .tabs .tab:nth-child(4) { border-radius: 0 0 1.2rem 0;} .mypage_wrap .mypage_titbox .tabs .tab::before { border: 1px solid #c4cdd6; } .mypage_wrap .mypage_titbox .tabs .tab:nth-child(1)::before { border-bottom: 0;} .mypage_wrap .mypage_titbox .tabs .tab:nth-child(2)::before { border-left: 0; border-bottom: 0;} .mypage_wrap .mypage_titbox .tabs .tab:nth-child(4)::before { border-left: 0;} .mypage_wrap .mypage_titbox .tabs .tab.on {z-index: 5;} .mypage_wrap .mypage_titbox .tabs .tab.on::before { border: 2px solid #131720; width: calc(100% - 4px); height: calc(100% - 4px);} .mypage_wrap .suppoer_banner { gap: 1.4rem; padding: 2rem 1.6rem 2rem 2rem; border-radius: 1.6rem; word-break: keep-all;} .mypage_wrap .suppoer_banner.banner1 {gap: 3.5rem;} .mypage_wrap .suppoer_banner .txtbox { gap: 0.4rem;} .mypage_wrap .suppoer_banner .txtbox .tit { font-size: 1.6rem; line-height: 162%;} .mypage_wrap .suppoer_banner .txtbox .desc { font-size: 1.2rem; line-height: 150%;} .mypage_wrap .suppoer_banner .imgbox { width: 7.2rem;} .mypage_wrap .support_section .form_wrap { margin-top: 4rem;} .mypage_wrap .support_section .form_wrap .form_tit { font-size: 1.6rem; margin-bottom: 2rem;} .mypage_wrap .support_section .form_wrap .form_box { padding-top: 2rem;} .mypage_wrap .support_section .form_wrap .form_box .form_item.wid50 { width: 100%;} .mypage_wrap .support_section .form_wrap .form_box .input_box.row_ver { flex-direction: column; gap: 2.4rem;} .mypage_wrap .support_section .form_wrap .form_box .input_box.row_ver .input_item .radio_wrap {gap: 1.2rem;} .mypage_wrap .support_section .form_wrap .form_box .form_txtbox { gap: 0.9rem; padding-bottom: 3.1rem; margin-top: 1.6rem;} .mypage_wrap .support_section .form_wrap .form_box .form_txtbox .tit { font-size: 1.6rem; line-height: 150%;} .mypage_wrap .support_section .form_wrap .form_box .form_txtbox .desc { font-size: 1.3rem; line-height: 154%;} .mypage_wrap .support_section .form_wrap .form_btn { margin-top: 4rem;} .mypage_wrap .support_section .form_wrap .form_btn .button { width: 100%;} /* 01마이루핏_05마이페이지_01지원관리_01매칭지원서_(플로팅버전) */ #matching_popup { position: fixed; right: auto; left: 50%; width: calc(100% - 1.6rem * 2); bottom: 2.4rem; transform: translateX(-50%); border-radius: 1.6rem; box-shadow: 0 0.6rem 1.2rem 0 rgba(0, 0, 0, 0.12); padding: 2rem 9rem 2rem 2rem; z-index: 30;} #matching_popup .txtbox .tit { font-size: 1.6rem; line-height: 162%; margin-bottom: 0.4rem;} #matching_popup .txtbox .desc { margin-bottom: 0; font-size: 1.2rem; line-height: 150%;} #matching_popup .txtbox .button {display: none;} #matching_popup .imgbox { right: 2.4rem; top: 50%; bottom: auto; width: 6.4rem; transform: translateY(-50%);} #matching_popup .pop_close { width: 2rem; top: 1.2rem; right: 1.2rem;} #matching_popup .mob_hide {display: none;} /* 01마이루핏_05마이페이지_01지원관리_02지원기업 */ .mypage_wrap .support_section .filter_box { flex-wrap: wrap; padding: 2rem; border-radius: 1.6rem; gap: 1.2rem;} .mypage_wrap .support_section .filter_box .leftbox { width: 100%; flex-direction: column; align-items: unset; gap: 0; } .mypage_wrap .support_section .filter_box .leftbox.mob_line { padding-bottom: 1.5rem; border-bottom: 1px solid #dfe5ec; margin-bottom: 0.8rem;} .mypage_wrap .support_section .filter_box .leftbox .check_box {gap: 0.6rem;} .mypage_wrap .support_section .filter_box .leftbox .check_box .label_check { font-size: 1.3rem; line-height: 154%;} .mypage_wrap .support_section .filter_box .leftbox .bar { width: 100%; height: 1px; margin: 1.5rem 0 2rem; background: #dfe5ec;} .mypage_wrap .support_section .filter_box .leftbox .input_box.date .label_text { display: none;} .mypage_wrap .support_section .filter_box .leftbox .input_box.date .input_text.datepicker {width: 100%;} .mypage_wrap .support_section .filter_box .rightbox { width: 100%; gap: 1.2rem;} .mypage_wrap .support_section .filter_box .rightbox.mob_column { flex-direction: column; align-items: unset; gap: 1.2rem;} .mypage_wrap .support_section .filter_box .rightbox .select_box { width: unset; flex: 1;} .mypage_wrap .support_section .filter_box .rightbox .sch_btn { height: 4.8rem; border-radius: 1.2rem; font-size: 1.4rem; line-height: 1; padding: 0 2rem;} .mypage_wrap .support_section .filter_box .rightbox .input_box_sch { width: 100%;} .mypage_wrap .support_section .joblist { margin-top: 4rem;} .mypage_wrap .mypage_section .alert_txt + .paging { margin-top: 4rem;} /* 01마이루핏_05마이페이지_02정보관리_01기본정보 */ .mypage_wrap .info_section .form_wrap { margin-top: 4rem;} .mypage_wrap .info_section .form_wrap .form_tit { font-size: 1.6rem; line-height: 150%; margin-bottom: 2rem;} .mypage_wrap .info_section .form_wrap .form_box .form_item { padding: 0; flex-direction: column;} .mypage_wrap .info_section .form_wrap .form_box .form_item .input_box { width: 100%; gap: 2rem; padding: 0.4rem 0; } .mypage_wrap .info_section .form_wrap .form_box .form_item .input_box + .input_box {border-top: 1px solid #dfe5ec;} .mypage_wrap .info_section .form_wrap .form_box .form_item .input_box.mob_column { flex-direction: column; align-items: unset; gap: 1.2rem; padding: 2rem 0; } .mypage_wrap .info_section .form_wrap .form_box .form_item .input_box .input_text { flex: unset;} .mypage_wrap .info_section .form_wrap .form_btn { gap: 1.2rem; margin-top: 4rem;} .mypage_wrap .info_section .form_wrap .form_btn .submit_btn { flex: 1;} /* 01마이루핏_05마이페이지_02정보관리_02비밀번호변경 */ .mypage_wrap .info_section .info_titbox { margin-bottom: 2.4rem;} .mypage_wrap .info_section .info_titbox .tit { font-size: 1.6rem; line-height: 150%;} .mypage_wrap .info_section .info_titbox .desc { font-size: 1.3rem; line-height: 154%; word-break: keep-all;} .mypage_wrap .info_section .pwd_box { padding: 2rem; border-radius: 1.6rem; gap: 2.4rem; flex-direction: column; align-items: unset;} .mypage_wrap .info_section .pwd_box .input_box { width: 100%; flex-direction: column; gap: 1.2rem; align-items: unset;} .mypage_wrap .info_section .pwd_box .input_box .input_txt {margin-top: -0.4rem;} .mypage_wrap .info_section .pwd_box .input_box .input_text { width: 100%;} .mypage_wrap .info_section .pwd_box .bar {display: none;} .mypage_wrap .mypage_section .alert_txt { gap: 0.4rem; margin-top: 1.6rem; font-size: 1.2rem; line-height: 150%;} .mypage_wrap .mypage_section .alert_txt .icon { width: 1.6rem;} /* 01마이루핏_05마이페이지_02정보관리_03알림서비스 */ .mypage_wrap .info_section .alarm_box { flex-direction: column; gap: 1.4rem;} .mypage_wrap .info_section .alarm_box .item { width: 100%; border-radius: 1.6rem; padding: 2.4rem;} .mypage_wrap .info_section .alarm_box .item .icon { width: 4.8rem; margin-bottom: 1.2rem;} .mypage_wrap .info_section .alarm_box .item .tit { font-size: 1.6rem; line-height: 150%; margin-bottom: 0.8rem;} .mypage_wrap .info_section .alarm_box .item .desc { font-size: 1.3rem; line-height: 154%; margin-bottom: 2rem;} /* 01마이루핏_05마이페이지_02정보관리_04회원탈퇴 */ .mypage_wrap .info_section .withdraw_box { margin-bottom: 4.8rem;} .mypage_wrap .info_section .withdraw_box > .title { font-size: 1.6rem; line-height: 150%; margin-bottom: 1.6rem;} .mypage_wrap .info_section .withdraw_box .contbox { flex-direction: column; gap: 1.2rem; margin-bottom: 1.6rem;} .mypage_wrap .info_section .withdraw_box .contbox .item { width: 100%; border-radius: 1.6rem; padding: 2.4rem 4rem; gap: 1.2rem;} .mypage_wrap .info_section .withdraw_box .contbox .item .icon { width: 2.4rem;} .mypage_wrap .info_section .withdraw_box .contbox .item .tit { font-size: 1.6rem; word-break: keep-all;} .mypage_wrap .info_section .reason_box { padding: 2rem 0; gap: 0.8rem; margin-top: -0.4rem;} .mypage_wrap .info_section .reason_box .item { width: 100%; } .mypage_wrap .info_section .reason_box .item.input_box { width: 100%;} .mypage_wrap .info_section .reason_box .item.input_box .input_text { margin-left: 3rem; width: calc(100% - 3rem); height: 4.8rem; font-size: 1.4rem; border-radius: 1.2rem;} .mypage_wrap .info_section .reason_box .item.input_box .radio_box .label_radio {word-break: keep-all;} /* 01마이루핏_07약관_01이용약관_01PC */ .policy_wrap .policy_section { padding: 2.4rem 0 0; margin-bottom: 8rem;} .policy_wrap .policy_section .policy_tabwrap .tab_swiper {width: calc(100% + 1.6rem*2); margin: 0 -1.6rem;} .policy_wrap .policy_section .policy_tabwrap .tab_swiper .tab_navbox .tab_nav { width: auto;} .policy_wrap .policy_section .policy_tabwrap .tab_swiper .tab_navbox .tab_nav .link { padding: 0 2.4rem 1.4rem;} .policy_wrap .policy_section .policy_contbox { gap: 4rem;} .policy_wrap .policy_section .policy_cont .tit { font-size: 1.6rem; line-height: 150%;} .policy_wrap .policy_section .policy_cont .desc { font-size: 1.4rem; line-height: 171%;} .policy_wrap .policy_section .policy_cont .tit + .desc { margin-top: 0.8rem;} .policy_wrap .policy_section .policy_cont .tit + .desc.ver2 { margin-top: 2.4rem;} .policy_wrap .policy_section .policy_cont .desc + .desc { margin-top: 2.4rem;} .policy_wrap .policy_section .policy_cont .desc + .desc.ver3 { margin-top: 2.4rem;} #common_modal.modal .modal_box .modal_title { font-size: 1.4rem;} .ft_visual_box {position: relative;width: 100%;height: 150px;} .ft_visual_inner {position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 150px;margin: 0 auto;padding: 30px 10px 0 10px;font-size: 1.5rem;font-weight: 600;line-height: 120%;letter-spacing: -1.2px;text-align: center;z-index: 10;background: none;} } @media screen and (max-width: 900px) { html {font-size: 14px !important;} #common_modal.modal .modal_box { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: calc(100% - 3.2rem) !important; max-width: 50rem !important; right: auto !important; margin: 0 !important; } } @media screen and (max-width: 700px) { html {font-size: 11.5px !important;} #common_modal.modal .modal_box { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: calc(100% - 3.2rem) !important; max-width: 50rem !important; right: auto !important; margin: 0 !important; } } /* Mobile */ @media screen and (max-width: 599px) { html {font-size: 11px !important;} .mobile {display: block !important;} #common_modal.modal .modal_box { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: calc(100% - 3.2rem) !important; max-width: 50rem !important; right: auto !important; margin: 0 !important; } } @media screen and (max-width: 480px) { html {font-size: 10px !important;} #common_modal.modal .modal_box { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: calc(100% - 3.2rem) !important; max-width: 50rem !important; right: auto !important; margin: 0 !important; } } @media screen and (max-width: 320px) { html { font-size: 9px !important;} #common_modal.modal .modal_box { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; width: calc(100% - 3.2rem) !important; max-width: 50rem !important; right: auto !important; margin: 0 !important; } }