.pc {display:block;} .mb {display:none;} .mb_480 {display:none;} .mb_ttl{display:none} .mb_ttl_fir{display:none} .pc_img{display:block} .mb_img{display:none} .footer .mb_info{display:none;} .header .m_right_box { display:none; } /*============================================*/ /* HEAD */ /*============================================*/ @media (max-width:1620px){ .main_ctt { overflow:hidden; } .container { padding-left: 1.5rem; padding-right: 1.5rem; } } @media (max-width:1400px){ .header .gnb .de1_ul .de1_li .de1_a { padding: 0 3.5rem; } .header .m_gnb .all_gnb .inner .de1_ul .de1_li .de1_a { width:200px; font-size:2.4rem; } .header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul .de2_li .de2_a { font-size:2rem; } .header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul { width: calc(100% - 200px); } .header .m_gnb .all_gnb .inner { display:block; } .header .m_gnb .all_gnb .inner .de1_ul { flex-wrap:wrap; } .header .m_gnb .all_gnb .inner .de1_ul .de1_li { width:25%; margin-top: 5rem; } .header .m_gnb .all_gnb .inner .gnb_ft { padding-bottom:2rem; box-sizing:border-box; } } @media (max-width:1200px){ .header { xpadding:2rem; box-sizing:border-box; } .header .m_logo{padding:2rem 1rem} .header .gnb { display:none; } .header .m_gnb .all_gnb .inner .de1_ul .de1_li .de1_a { width:170px; font-size:2.2rem; } .header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul .de2_li .de2_a { font-size:1.8rem; } .header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul { width: calc(100% - 170px); } .footer .info_line .info { margin: 3rem 0 3.4rem; } .footer .info_line .info li { flex-wrap:wrap; } .footer .info_line .info li span:first-child { width:100%; margin-bottom: 14px; } .footer .info_line .info li span:nth-child(2):before { display:none; } } @media (max-width:992px){ .header { xpadding:1.5rem 1rem; box-sizing:border-box; } .header .m_logo img{ width:100% } .header .m_gnb { overflow-y:scroll;} .header .m_gnb .all_gnb .m_logo { padding: 1rem 0; } .header .m_gnb .all_gnb .m_logo .container { display:flex; align-items:center; justify-content:space-between; padding-left: 1.5rem !important; padding-right: 75px !important; } .header .m_gnb .all_gnb .m_logo .m_lang { display:block; font-size:0; } .header .m_gnb .all_gnb .m_logo .m_lang li { display:inline-block; vertical-align: middle; margin-left: 22px; } .header .m_gnb .all_gnb .m_logo .m_lang li:first-child { margin-left: 0; } .header .m_gnb .all_gnb .m_logo .m_lang li a { font-size:16px; color:#fff; font-weight: 300; } .header .m_gnb .all_gnb .m_logo .cir_type li { margin-left: 14px; } .header .m_gnb .all_gnb .m_logo .cir_type li a { display:inline-flex; align-items:center; justify-content:center; text-align: center; border-radius:50%; width:30px; height:30px; overflow:hidden; } .header .m_gnb .all_gnb .inner .de1_ul { margin-top:3rem; } .header .m_gnb .all_gnb .inner .de1_ul .de1_li { flex-direction:column; padding: 0; width:100%; margin-top: 0; } .header .m_gnb .all_gnb .inner .de1_ul .de1_li .de1_a { width:100%; font-size:22px; display:flex; align-items:center; justify-content:space-between; padding: 22px 20px 15px 10px; box-sizing:border-box; transition:all 0.5s; } .header .m_gnb .all_gnb .inner .de1_ul .de1_li .de1_a:after { content:"\f077"; font-family: "Font Awesome 5 Free"; color:#fff; opacity:0.4; font-size:1.6rem; transform:rotateX(180deg); transition:all 0.5s; } .header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul { flex-direction:column; width:100%; align-items:start; display:none; padding: 4px 10px 38px; box-sizing:border-box; } .header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul .de2_li { margin-top: 2.0rem; width:100%; } .header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul .de2_li .de2_a { font-size:1.6rem; font-weight: 500; } .header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul .de2_li .de2_a:before { content:""; font-weight: 200; margin-right: 8px; } .header .m_gnb .all_gnb .inner .de1_ul .de1_li .de1_a.active { padding-bottom: 0; } .header .m_gnb .all_gnb .inner .de1_ul .de1_li .de1_a.active:after { transform:rotateX(0deg); } .header .m_gnb .all_gnb .inner .gnb_ft { display:none; } .sub-head { position:relative; background-position: right top; } .sub-head:after { content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0, 0, 0, 0.3); } .sub-head .container { position:relative; z-index:1; flex-direction:column; align-items:start; justify-content:center; padding-bottom: 0; height:300px; } .sub-head .sub_tit { font-size:6rem; } .sub-head .nav { padding-left: 1rem; margin-top: 3rem; padding-bottom: 0; } .sub-head.bg10.s1020 { background-position: left top; } .header .m_right_box { display:flex; align-items:center; justify-content:center; } .header .m_right_box .lang { position:relative; } .header .m_right_box .lang label { font-weight: 700; font-size:1.6rem; color:#3a3a3a; display:flex; align-items:center; padding-right: 22px; box-sizing:border-box; position:relative; cursor:pointer; } .header .m_right_box .lang label span { display:inline-block; } .header .m_right_box .lang label i { display:inline-block; width:10px; height:10px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; box-sizing:border-box; transform:rotate(45deg); transform-origin: center; transition:all 0.5s; position:absolute; right:0; top:50%; margin-top: -7.7px; } .header .m_right_box .lang .list { display:none; width:80px; padding:1rem 0; box-sizing:border-box; border-radius:0 10px 10px 10px; background:var(--main_c1); position:absolute; left:2px; top:26px; z-index:3; } .header .m_right_box .lang .list li { text-align: center; margin-top: 6px; } .header .m_right_box .lang .list li:first-child { margin-top: 0; } .header .m_right_box .lang .list li a { font-size:1.6rem; color:#eaeaea; } .header .m_right_box .lang.show label i { transform:rotate(-135deg); margin-top: 0; margin-bottom: -7.7px; } .header .m_right_box .lang_type02 { position:relative; } .header .m_right_box .lang_type02 a { cursor:pointer; display:inline-flex;align-items:center; justify-content:center; text-align: center; overflow:hidden; margin:0 2rem;background:#fff;width:65px;height:65px;border-radius:100px;} .header .m_right_box .lang_type02 a img{ width:25px;} .header .m_right_box .lang_type02 .list { display:none; width:100px; padding: 1.5rem 0rem; box-sizing:border-box; border-radius:10px; background:#fff;border:0px solid #c5c5c5; position:absolute; right:0; top:38px; z-index:3; } .header .m_right_box .lang_type02 .list li { margin-top: 10px;border-bottom:1px dashed #d5d5d5;padding-bottom:5px } .header .m_right_box .lang_type02 .list li:first-child { margin-top: 0; } .header .m_right_box .lang_type02 .list li a { display:flex; width:100%; align-items:center; font-size:1.3rem; color:#353535;padding-left:15px } .header .m_right_box .lang_type02 .list li a img { margin-right: 6px; } .header .m_right_box .lang_type02 .list .bd_br_none{border:0px} .Btm_Bn_BX .bn_bg1{background:url('../../m_img/sub/btm_b1.jpg') center top no-repeat;background-size:cover;border-radius:40px 0 40px 0} .Btm_Bn_BX .bn_bg2{background:url('../../m_img/sub/btm_b2.jpg') center top no-repeat;background-size:cover;border-radius:40px 0 40px 0} } @media (max-width:768px){ .sub-head { background-size:cover; } .header .m_gnb .all_gnb .inner .de1_ul .de1_li .de1_a { font-size:2.2rem; color:#fff; font-weight: 500; } .header .m_gnb .all_gnb .inner .de1_ul .de1_li .de2_ul { margin-top:2rem; } .Btm_Bn_BX .bn_bg1{background:url('../../m_img/sub/btm_b1.jpg') center top no-repeat;background-size:cover;border-radius:30px 0 30px 0} .Btm_Bn_BX .bn_bg2{background:url('../../m_img/sub/btm_b2.jpg') center top no-repeat;background-size:cover;border-radius:30px 0 30px 0} } @media (max-width:600px){ .header .right_box .lang_type02 { display:none; } .sub-head .container { height:200px; } .sub-head .sub_tit { font-size:2.7rem;width:50% } .Btm_Bn_BX .bn_bg1{background:url('../../m_img/sub/btm_b1.jpg') center top no-repeat;background-size:cover;border-radius:20px 0 20px 0} .Btm_Bn_BX .bn_bg2{background:url('../../m_img/sub/btm_b2.jpg') center top no-repeat;background-size:cover;border-radius:20px 0 20px 0} } @media (max-width:479px){ .footer .fnb .all_company label { width:195px; } .footer .fnb .all_company .list { width:195px; } .sub-head .nav .home { display:none; } .sub-head .nav .nav_de1:before { display:none; } .Btm_Bn_BX .bn_bg1{background:url('../../m_img/sub/btm_b1.jpg') center top no-repeat;background-size:cover;border-radius:12px 0 12px 0} .Btm_Bn_BX .bn_bg2{background:url('../../m_img/sub/btm_b2.jpg') center top no-repeat;background-size:cover;border-radius:12px 0 12px 0} } /*============================================*/ /* MAIN */ /*============================================*/ @media (max-width:1620px){ .m_search_Bx{top:-65px;left:15%;background:#ff6b23;border-radius:100px;width:80%;min-height:100px;z-index:999999999999;} .main_ctt .section02 .prd_wrap .box.left { padding-right: 5rem; } .main_ctt .section02 .prd_wrap .box.right { padding-left: 5rem; } .main_ctt .section02 .prd_wrap { display:flex; padding: 7rem 0 11.5rem; column-gap: 10px;box-sizing:border-box;flex-wrap: nowrap;justify-content: space-around; align-items: flex-start; } .main_ctt .section02 .prd_wrap .box { display:flex; flex:1; justify-content:space-between; box-sizing:border-box; align-items:center;max-width:350px; min-height:580px;border-top-left-radius:60px;border-bottom-right-radius:60px;} .main_ctt .section02 .prd_wrap .box .txt_box {margin-top:110%;border-bottom-right-radius:60px;width:100%;height:180px} .main_ctt .section02 .prd_wrap .box .txt_box .tit { font-size:3.3rem; color:#fff; font-weight: 600; margin:3rem 0 0 4rem; } .main_ctt .section02 .prd_wrap .box .txt_box .more { font-size:1.3rem; color:rgba(255,255,255,0.4); line-height: 2rem; margin:1rem 4rem 0 4rem;background:url('../../m_img/main/more_bg.png') 60% center no-repeat;background-size:10%; } .main_ctt .section02 .prd_wrap .box .img { box-sizing:border-box; } .main_ctt .section02 .prd_wrap .box .txt_box_bg1{background:#ff722c;} .main_ctt .section02 .prd_wrap .box .txt_box_bg2{background:#7a7878;} .main_ctt .section02 .prd_wrap .bxb_01{background:url('../../m_img/main/m01.jpg') center top no-repeat;background-size:130%;min-height:520px;margin-top:100px} .main_ctt .section02 .prd_wrap .bxb_02{background:url('../../m_img/main/m02.jpg') center top no-repeat;background-size:130%;min-height:520px} .main_ctt .section02 .prd_wrap .bxb_03{background:url('../../m_img/main/m03.jpg') center top no-repeat;background-size:130%;min-height:520px;margin-top:100px} .main_ctt .section02 .prd_wrap .bxb_04{background:url('../../m_img/main/m04.jpg') center top no-repeat;background-size:130%;min-height:520px} .main_ctt .section04 .prd_wrap { display:flex; padding: 7rem 0 11.5rem;column-gap: 10px; box-sizing:border-box;flex-wrap: nowrap;justify-content: space-around; align-items: flex-start; } } @media (max-width:1400px){ .main_ctt .visual_wrap .visual .inner_flex .txt_box .tit span{ font-size:2.8rem; line-height: 3.6rem; color:#fff; font-weight: 400; margin: 1.8rem 0 6.6rem; } .main_ctt .section03 .right_list { max-width:calc(100% - 380px); padding-left: 10rem; } .main_ctt .section04 .box li a .txt_box { padding: 4rem 4rem; } .main_ctt .section04 .box li a .txt_box .tit { font-size:4.2rem; line-height: 5.6rem; } } @media (max-width:1260px){ .main_ctt .visual_wrap .visual .inner_flex .txt_box .tit span{ font-size:2.6rem; line-height: 3.4rem; color:#fff; font-weight: 400; margin: 1.8rem 0 6.6rem; } .m_search_Bx{top:-80px;left:3%;background:#ff722c;border-radius:100px 0 0px 100px;width:98%;min-height:90px;z-index:9999;} .m_search_Bx .m_s_bx{margin:1.6rem 1.5rem 0 1rem;display:flex;flex-wrap: wrap;justify-content: center;} .m_search_Bx .m_s_bx div{margin-right:10px} .m_s_bx span img{width:50px} .m_s_bx a{font-size:1.6rem;font-weight:500;color:#fff;padding-left:0rem} .m_s_Box{border:0px solid #fff;width:55%;background:#383838 url('../../m_img/main/ico_search.png') 15px center no-repeat;background-size:40px;margin-top:3px;border-radius:100px;min-height:45px;display: inline-block; flex-wrap: nowrap; align-items: flex-start;} .m_s_Box input{float:left;border:0;padding:1rem;color:rgba(255,255,255,0.6);font-size:1.5rem;text-align:left;background:none;margin:0.3rem 0 0 4rem;border-radius:100px;width: 100px ! important} .m_Btn_ico_search{float:right;border:0px solid #fff;background:none;background-size:25px;width:25%;margin:0.8rem 0 0 0} .m_Btn_ico_search img{width:30px;text-align:right} .main_ctt .section02 .prd_wrap .box .txt_box .tit { font-size:2.8rem; color:#fff; font-weight: 600; margin:3rem 0 0 4rem; } .main_ctt .section04 .prd_wrap { display: flex; column-gap: 15px;margin-left:1rem} .main_ctt .section04 .prd_wrap .review_box { border:1px solid #ffb17f;max-width:32%;min-width:32%; min-height:280px;border-top-left-radius:20px;border-bottom-right-radius:20px;} .main_ctt .section04 .prd_wrap .review_box .txt_box {padding:1.8rem;width:100%;border-bottom:1px solid #f1ebe5;display:block} .main_ctt .section04 .prd_wrap .review_box .txt_box p{font-size:1.6rem;line-height:2.8rem;word-break: keep-all;min-height:130px} } @media (max-width:1200px){ .pc {display:none;} .mb {display:inline-block;} .mb_480 {display:none;} .pc_img{display:none} .mb_img{display:block} .main_ctt .visual_wrap .visual .inner_flex .txt_box .company { display:inline-flex; background:var(--main_c1); font-size:1.7rem; color:#fff; font-weight: 600; height:40px; align-items:center; border-radius:5px; padding: 0 1.5rem; box-sizing:border-box; } .main_ctt .section01 .icon_box li a .txt { font-size:2rem; } .main_ctt .section02 .prd_wrap { display:flex; padding: 2.5rem 0 5rem; box-sizing:border-box;flex-wrap: nowrap;justify-content: space-around; align-items: flex-start; } .main_ctt .section02 .prd_wrap .box { align-items:center; } .main_ctt .section02 .prd_wrap .box.left { padding: 0 3rem 5rem; } .main_ctt .section02 .prd_wrap .box.right { padding: 5rem 3rem 0; border-left: 0; border-top: 2px dotted #dadada; } .main_ctt .section02 .prd_wrap .box .txt_box .txt { margin-bottom: 4.5rem; } .main_ctt .section02 .prd_wrap .box .img { padding-top: 0; } .main_ctt .section02 .prd_wrap .bxb_01{background:url('../../m_img/main/m01.jpg') center top no-repeat;background-size:130%;min-height:520px;margin-top:0px} .main_ctt .section02 .prd_wrap .bxb_02{background:url('../../m_img/main/m02.jpg') center top no-repeat;background-size:130%;min-height:520px} .main_ctt .section02 .prd_wrap .bxb_03{background:url('../../m_img/main/m03.jpg') center top no-repeat;background-size:130%;min-height:520px;margin-top:0px} .main_ctt .section02 .prd_wrap .bxb_04{background:url('../../m_img/main/m04.jpg') center top no-repeat;background-size:130%;min-height:520px} .main_ctt .section04 .box li a .txt_box { padding: 3rem 3rem; } .main_ctt .section04 .box li a .txt_box .txt { font-size:1.8rem; } .main_ctt .section04 .box li a .txt_box .tit { font-size:3.6rem; line-height: 5rem; } /*수정*/ .top_fixed_mo { z-index:5; } .top_fixed_mo a { display:flex; width:60px; height:60px;border-radius:100px; align-items:center; justify-content:center; text-align: center; transition:all 0.5s; background:#ff722c;font-size:1.45rem; color:#fff; font-weight: 500; flex-direction:column; } .top_fixed_mo a i { display:block; margin-bottom:4px; } .top_fixed_mo a i:before { content:"\f106"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size:1.45rem; font-style: normal; color:#fff; } } @media (max-width:1060px){ .main_ctt .visual_wrap .visual .inner_flex .txt_box .tit span{ font-size:2.4rem; line-height: 3.2rem; color:#fff; font-weight: 400; margin: 1.8rem 0 6.6rem; } .main_ctt .section01 { padding: 3rem 0; } .main_ctt .section01 .tit_box .tit { display:block; } .main_ctt .section01 .tit_box .tit .cir { vertical-align: 23px; } .main_ctt .section01 .icon_box li a .txt { font-size:1.8rem; } .m_s_Box{border:0px solid #fff;width:53%;background:#383838 url('../../m_img/main/ico_search.png') 15px center no-repeat;background-size:40px;margin-top:3px;border-radius:100px;min-height:45px;display: inline-block; flex-wrap: nowrap; align-items: flex-start;} .main_ctt .section02 {background:#fff; padding: 4rem 0 2rem 0; box-sizing:border-box; border-bottom-right-radius:80px} .main_ctt .section02 .tit_box .tit { font-size:4rem; color:#000; font-weight: 600; display:flex; justify-content:center;padding-top:20px } .bt_bx_Bg_w { background: #fff; padding: 0.6rem 2rem 1.6rem 2rem; border: 1px solid #ececec; border-radius: 20px; } /** on **/ .main_ctt .section02 .prd_wrap .hover { z-index:20; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.3); width:100%; height:100%; color:#efefef; text-align:center; padding-top:0%; box-sizing:border-box; opacity:0; transition:opacity .5s ease-out; -webkit-transition:opacity .5s ease-out; -moz-transition:opacity .2s ease-out;border-top-left-radius:20px;border-bottom-right-radius:20px; } .main_ctt .section03 { padding:0rem 0 2rem; position:relative; } .main_ctt .section03 .container { flex-direction:column; } .main_ctt .section03 .tit_box { text-align: center; padding-bottom:2rem;background:#fff url('../../m_img/main/con_logo2.png') center top no-repeat;background-size:180px;border-bottom-right-radius:100px ;} .main_ctt .section03 .tit_box .tit { font-size:4rem; color:#000; font-weight: 600; display:flex; justify-content:center;padding-top:9rem ;padding-left:0rem} .main_ctt .section03 .tit_box .tit_tab{margin:2rem auto 1.5rem auto;text-align:center} .tit_tab_m button { width:auto;border: none; outline: none; margin:0 4px; cursor: pointer; padding:1rem 1.3rem; transition: 0.3s; font-size: 1.4rem;color:#fff;background:#999;border-top-right-radius:6px;border-bottom-left-radius:6px;font-weight:500} .main_ctt .section03 .prd_wrap {padding: 2rem 0 1rem; box-sizing:border-box;} /**/ .profile_box{display:flex;flex-wrap: nowrap;align-items: flex-start; justify-content:center;justify-content: space-around;} .profile_card {box-shadow:none;} .main_ctt .section04 {background:#fff; padding:6rem 0 0 0; box-sizing:border-box; border-bottom-right-radius:80px} .main_ctt .section04 .tit_box .tit { font-size:4rem; color:#000; font-weight: 600; display:flex; justify-content:center;padding-top:20px } .main_ctt .section04 .prd_wrap { display: flex; column-gap: 10px;padding: 3rem 0 5rem; box-sizing:border-box; overflow-y:hidden;overflow-x:auto;} .main_ctt .section05 {background:#fff; padding:1rem 0; box-sizing:border-box; border-bottom-right-radius:60px} /** 상담하기 박스 **/ #myDIV {position:fixed;display:none;bottom:0px;width: 100%;z-index:9999999;padding:1rem; min-height:100px;text-align: center; background:#ff722c;margin-top: 1rem;border-radius:0px} .Quick_bar_close{top:0%;right:0%;width:40px;height:40px;padding:0px 0 3px;border-radius:0%;text-align:center;font-weight:600;font-size:2rem;color:#fff;z-index:9999999999999999999;background:#333} .Con_Bx{padding:0;margin:35px auto 0 auto;max-width:100%} .Con_Bx .Con_Bx_left p{float:left;width:50px} .Con_Bx .Con_Bx_left p img{width:40px;} .Con_Bx .Con_Bx_left .Con_Bx_left_div{float:left; width:calc(100% - 50px);text-align:left} .Con_Bx .Con_Bx_left .Con_Bx_left_div span{width:100%;padding:0.5rem;text-align:left;font-size:1.5rem;color:#fff;} .Con_Bx .Con_Bx_left .Con_Bx_left_div .Con_Bx_form{width:100%;padding:1rem 0;display:flex;align-items: flex-start; justify-content: flex-start;} .Con_Bx .Con_Bx_left .Con_Bx_left_div .Con_Bx_form input{width:37%;border-radius:5px;border:0;margin-right:5px;padding:6px} .Con_Bx .Con_Bx_left .Con_Bx_left_div .Con_Bx_form button img{width:40px} .Con_Bx .Con_Bx_left .Con_Bx_left_div .Con_Bx_form2{width:100%;padding:0rem 0;display:flex;align-items: flex-start; justify-content: flex-start;align-items: center;} .Con_Bx .Con_Bx_left .Con_Bx_left_div .Con_Bx_form2 input{width:5%;border-radius:60px;border:0;margin-right:10px} .Con_Bx .Con_Bx_left .Con_Bx_left_div .Con_Bx_form2 span{font-size:1.25rem;color:#fff;text-align:left;width:60%;border:0px solid #fff} .Con_Bx .Con_Bx_left .Con_Bx_left_div .Con_Bx_form2 button{background:#222;padding:1rem 1.4rem;color:#fff;font-size:1.2rem;border-radius:60px;text-align:center;} .Con_Bx .Con_Bx_right p{float:left;width:50px} .Con_Bx .Con_Bx_right p img{width:40px;} .Con_Bx .Con_Bx_right dl{float:left; width:calc(100% - 50px);} .Con_Bx .Con_Bx_right dt{;width:100%;font-size:1.45rem;color:#1e1e1e;text-align:left;padding-bottom:1.6rem} .Con_Bx .Con_Bx_right dd{width:100%;font-size:2.6rem;color:#fff;font-weight:600;line-height:3.5rem;text-align:left} .Con_Bx .Con_Bx_right dd span{width:100%;font-size:1.5rem;color:rgba(255,255,255,0.5);font-weight:500;padding-top:0rem;text-align:left} } @media all and (max-width:768px){ .main_ctt .visual_wrap .visual .inner_flex .txt_box .tit span{ font-size:2.0rem; line-height: 2.8rem; color:#fff; font-weight: 400; margin: 1.8rem 0 6.6rem; } } @media all and (max-width:1230px){ .top_fixed_kakao{ height:70px;position:fixed;bottom:380px;right:20px;z-index:99; } .top_fixed_kakao img{ width:70px;height:auto; } } @media (max-width:1200px){ /* 의뢰 버튼 */ .Re_O_btn{position:absolute;top:50px;right:2%;border-radius:20px;font-size:1.56rem;line-height:1.7rem;padding-top:45px;color:#fff;background:#ff6917 url('../../m_img/sub/ico_btn_w.png') center 10px no-repeat;background-size:50px;width:120px;height:120px;} .Re_O_btn:hover{transition:0.6s;background:#ff4c0d url('../../m_img/sub/ico_btn_w.png') center 10px no-repeat;background-size:50px;} .Re_V_btn{position:absolute;top:50px;right:160px;border-radius:20px;font-size:1.56rem;line-height:1.7rem;padding-top:45px;color:#fff;background:#ff3a56 url('../../m_img/sub/ico_btn_v.png') center 10px no-repeat;background-size:50px;width:120px;height:120px;} .Re_V_btn:hover{transition:0.6s;background:#ff1e3e url('../../m_img/sub/ico_btn_v.png') center 10px no-repeat;background-size:50px;} .m_line{border:1px dashed #cfcfcf;background:#f8f8f8;padding:1.5rem ! important;margin:30px 0 20px;border-radius:20px} /* .main_ctt .section04 .prd_wrap .review_box { border:1px solid #ffb17f;max-width:48%;min-width:48%; min-height:280px;border-top-left-radius:20px;border-bottom-right-radius:20px;} .main_ctt .section04 .prd_wrap .review_box .txt_box {padding:1.8rem;width:100%;border-bottom:1px solid #f1ebe5;display:block} .main_ctt .section04 .prd_wrap .review_box .txt_box p{font-size:1.6rem;line-height:2.8rem;word-break: keep-all;min-height:130px} */ } @media (max-width:1060px){ .Re_V_btn{position:absolute;top:50px;right:15%;border-radius:20px;font-size:1.56rem;line-height:1.7rem;padding-top:45px;color:#fff;background:#ff3a56 url('../../m_img/sub/ico_btn_v.png') center 10px no-repeat;background-size:50px;width:120px;height:120px;} /* Quick_bar */ .Quick_bar{display:none} .Quick_bar_mb{display:flex;width:80%;z-index:999;border-bottom:1px solid #ddd;margin:auto 10%} .Quick_bar_mb button{border-radius:20px 0 20px 20px;min-height:100px;padding:2rem;width:100%;margin:4px 0;font-size:1.56rem;line-height:1.72rem;padding-top:90px;font-weight:600;color:#565656} .Quick_bar_mb button:hover{transition:0.6s;color:#fff} .Quick_bar_mb button img{width:50px;} .Quick_bar_mb .q01{background:#fff url('../../m_img/main/q_01_on.png') center 10px no-repeat;background-size:80px;} .Quick_bar_mb .q01:hover{transition:0.6s;background:#ff6b23 url('../../m_img/main/q_01_off.png') center 10px no-repeat;background-size:80px;} .Quick_bar_mb .q02{background:#fff url('../../m_img/main/q_02_on.png') center 10px no-repeat;background-size:80px;} .Quick_bar_mb .q02:hover{transition:0.6s;background:#ff6b23 url('../../m_img/main/q_02_off.png') center 10px no-repeat;background-size:80px;} .Quick_bar_mb .q03{background:#fff url('../../m_img/main/q_03_on.png') center 10px no-repeat;background-size:80px;} .Quick_bar_mb .q03:hover{transition:0.6s;background:#ff6b23 url('../../m_img/main/q_03_off.png') center 10px no-repeat;background-size:80px;} .Quick_bar_mb .q04{background:#fff url('../../m_img/main/q_04_on.png') center 10px no-repeat;background-size:80px;} .Quick_bar_mb .q04:hover{transition:0.6s;background:#ff6b23 url('../../m_img/main/q_04_off.png') center 10px no-repeat;background-size:80px;} /***/ .top_fixed_kakao{ height:65px;position:fixed;bottom:120px;right:10px;z-index:99; } .top_fixed_kakao img{ width:65px; } } @media (max-width:1000px){ .main_ctt .section02 .prd_wrap { display:flex; padding: 2rem 2rem 4rem 2rem; box-sizing:border-box;flex-wrap: wrap; justify-content: space-around; align-items: flex-start;width:100%} .main_ctt .section02 .prd_wrap .box { display:flex; flex:1; justify-content:space-between; box-sizing:border-box; align-items:center;min-width:47%;margin:0.8%; min-height:300px;border-top-left-radius:20px;border-bottom-right-radius:60px;} .main_ctt .section02 .prd_wrap .box .txt_box {margin-top:110%;border-bottom-right-radius:20px;width:100%;height:140px} .main_ctt .section02 .prd_wrap .box .txt_box .tit { font-size:2.4rem; color:#fff; font-weight: 600; margin:3rem 0 0 1.5rem; } .main_ctt .section02 .prd_wrap .box .txt_box .more { font-size:1.2rem; color:rgba(255,255,255,0.4); line-height: 2rem; margin:1rem 4rem 0 1.5rem;background:url('../../m_img/main/more_bg.png') 90% center no-repeat;background-size:10%; } .main_ctt .section02 .prd_wrap .box .img { box-sizing:border-box; } .main_ctt .section02 .prd_wrap .bxb_01{background:url('../../m_img/main/m01.jpg') center top no-repeat;background-size:130%;min-height:300px;margin-top:0px} .main_ctt .section02 .prd_wrap .bxb_02{background:url('../../m_img/main/m02.jpg') center top no-repeat;background-size:130%;min-height:300px} .main_ctt .section02 .prd_wrap .bxb_03{background:url('../../m_img/main/m03.jpg') center top no-repeat;background-size:130%;min-height:300px;margin-top:0px} .main_ctt .section02 .prd_wrap .bxb_04{background:url('../../m_img/main/m04.jpg') center top no-repeat;background-size:130%;min-height:300px} } @media (max-width:960px){ /* 의뢰 버튼 */ .Re_V_btn{position:absolute;top:50px;right:150px;border-radius:20px;font-size:1.56rem;line-height:1.7rem;padding-top:45px;color:#fff;background:#ff3a56 url('../../m_img/sub/ico_btn_v.png') center 10px no-repeat;background-size:50px;width:120px;height:120px;} } @media (max-width:768px){ .Quick_bar_mb{display:flex;xwidth:100%;z-index:999;border-bottom:1px solid #ddd} .Quick_bar_mb button{border-radius:20px 0 20px 20px;min-height:100px;padding:2rem;width:100%;margin:4px 0;font-size:1.45rem;line-height:1.52rem;padding-top:70px;font-weight:600;color:#565656} .Quick_bar_mb button:hover{transition:0.6s;color:#fff} .Quick_bar_mb button img{width:30px;} .Quick_bar_mb .q01{background:#fff url('../../m_img/main/q_01_on.png') center 10px no-repeat;background-size:60px;} .Quick_bar_mb .q01:hover{transition:0.6s;background:#ff6b23 url('../../m_img/main/q_01_off.png') center 10px no-repeat;background-size:60px;} .Quick_bar_mb .q02{background:#fff url('../../m_img/main/q_02_on.png') center 10px no-repeat;background-size:60px;} .Quick_bar_mb .q02:hover{transition:0.6s;background:#ff6b23 url('../../m_img/main/q_02_off.png') center 10px no-repeat;background-size:60px;} .Quick_bar_mb .q03{background:#fff url('../../m_img/main/q_03_on.png') center 10px no-repeat;background-size:60px;} .Quick_bar_mb .q03:hover{transition:0.6s;background:#ff6b23 url('../../m_img/main/q_03_off.png') center 10px no-repeat;background-size:60px;} .Quick_bar_mb .q04{background:#fff url('../../m_img/main/q_04_on.png') center 10px no-repeat;background-size:60px;} .Quick_bar_mb .q04:hover{transition:0.6s;background:#ff6b23 url('../../m_img/main/q_04_off.png') center 10px no-repeat;background-size:60px;} /***/ .top_fixed_kakao{ height:60px;position:fixed;bottom:120px;right:10px;z-index:99; } .top_fixed_kakao img{ width:60px; } /* 의뢰 버튼 */ .Re_O_btn{position:absolute;top:15px;right:2%;border-radius:10px;font-size:1.46rem;line-height:1.7rem;padding-top:35px;color:#fff;background:#ff6917 url('../../m_img/sub/ico_btn_w.png') center 10px no-repeat;background-size:30px;width:90px;height:90px;} .Re_O_btn:hover{transition:0.6s;background:#ff4c0d url('../../m_img/sub/ico_btn_w.png') center 10px no-repeat;background-size:30px;} .Re_V_btn{position:absolute;top:15px;right:15%;border-radius:10px;font-size:1.46rem;line-height:1.7rem;padding-top:35px;color:#fff;background:#ff3a56 url('../../m_img/sub/ico_btn_v.png') center 10px no-repeat;background-size:30px;width:90px;height:90px;} .Re_V_btn:hover{transition:0.6s;background:#ff1e3e url('../../m_img/sub/ico_btn_v.png') center 10px no-repeat;background-size:30px;} /**/ .main_ctt .visual_wrap .visual { background-position:center center; } .main_ctt .visual_wrap .visual .inner_flex { display:block; height:500px; padding-top: 4rem; } .main_ctt .visual_wrap .visual .inner_flex .num { display:none; } .main_ctt .visual_wrap .visual .inner_flex .txt_box .tit { font-size:2.4rem; line-height: 3.0rem; } .main_ctt .visual_wrap .visual .inner_flex .txt_box .txt { display:none; } .main_ctt .side_arrow { right:auto; left:0; } .main_ctt .section01 { padding: 4rem 0; } .main_ctt .section01 .tit_box { margin-bottom: 40px; } .main_ctt .section01 .tit_box .tit .cir { width:20px; height:20px; margin-right: -10px; vertical-align: 27px; } .main_ctt .section01 .icon_box { justify-content:center; flex-wrap:wrap; margin-left: -5px; } .main_ctt .section01 .icon_box li { flex:none; width:33.33%; border: 0 !important; padding-left: 5px; margin-top: 5px; } .main_ctt .section01 .icon_box li a { height:202px; border: 1px solid #e6ecec !important; box-sizing:border-box; background:#fbfbfb; } .main_ctt .section01 .icon_box li a .txt { font-size:1.7rem; } .main_ctt .visual_wrap .visual .txt_box{width:95%} .main_ctt .section04 .box li a .txt_box .txt { font-size:0; } .main_ctt .section02 .prd_wrap { display:inline-block; padding: 2rem 2rem 2rem 2rem; box-sizing:border-box;flex-wrap: wrap; justify-content: space-around; align-items: flex-start;width:100%} .main_ctt .section02 .prd_wrap .box { display:inline-block; flex:1; justify-content:space-between; box-sizing:border-box; align-items:center;xwidth:48%;margin:0.8%; min-height:250px;border-top-left-radius:20px;border-bottom-right-radius:60px;} .main_ctt .section02 .prd_wrap .box .txt_box .tit { font-size:2.0rem; color:#fff; font-weight: 600; margin:3rem 0 0 1.5rem;padding-top:2.5rem } .main_ctt .section02 .prd_wrap .box .txt_box .more { font-size:1.2rem; color:rgba(255,255,255,0.4); line-height: 2rem; margin:1rem 4rem 0 1.5rem;background:url('../../m_img/main/more_bg.png') 90% center no-repeat;background-size:10%; } .main_ctt .section02 .prd_wrap .box .txt_box .more a{color:#fff} .main_ctt .section02 .tit_box .tit {font-size: 3rem;} .main_ctt .section03 .tit_box .tit {font-size: 3rem;} .main_ctt .section04 .tit_box .tit {font-size: 3rem;} .bt_bx_Bg_w { background: #fff; padding: 0.6rem 1rem 1.6rem 1rem; border: 1px solid #ececec; border-radius: 20px; } .my_btm_bx .my_btm_in .my_btm_in_bx div{margin-bottom:1rem} } @media (max-width:600px){ .Con_Bx .Con_Bx_left{float:left;width:100%;display:flex} .Con_Bx .Con_Bx_right{float:left;width:100%;margin-top:1rem;display: flex;} /* 의뢰 버튼 */ .Re_O_btn{position:absolute;top:15px;right:2%;border-radius:10px;font-size:1.46rem;line-height:1.7rem;padding-top:35px;color:#fff;background:#ff6917 url('../../m_img/sub/ico_btn_w.png') center 10px no-repeat;background-size:30px;width:90px;height:90px;} .Re_O_btn:hover{transition:0.6s;background:#ff4c0d url('../../m_img/sub/ico_btn_w.png') center 10px no-repeat;background-size:30px;} .Re_V_btn{position:absolute;top:15px;right:27%;border-radius:10px;font-size:1.46rem;line-height:1.7rem;padding-top:35px;color:#fff;background:#ff3a56 url('../../m_img/sub/ico_btn_v.png') center 10px no-repeat;background-size:30px;width:90px;height:90px;} .Re_V_btn:hover{transition:0.6s;background:#ff1e3e url('../../m_img/sub/ico_btn_v.png') center 10px no-repeat;background-size:30px;} /**/ .main_ctt .section02 .prd_wrap .box { flex-direction:column !important; } .main_ctt .section02 .prd_wrap .box .txt_box, .main_ctt .section02 .prd_wrap .box .img { width:100%; } .main_ctt .section02 .prd_wrap .box .txt_box { margin-bottom: 2rem; } .main_ctt .section02 .prd_wrap .box .img { text-align: center; } .footer .fnb { flex-direction:column; align-items:center; } .footer .fnb .all_company { margin-top: 20px; } .footer .info_line { text-align: center; } .footer .info_line .info li { margin-left: -3rem; justify-content:center; } .footer .info_line .info li span { margin-left: 3rem; } .footer .info_line .info li span:before { display:none; } .footer .copyright { text-align: center; } .Con_Bx{padding:0;margin:20px auto 0 auto;max-width:100%} .Quick_bar_close{top:0%;right:0%;width:30px;height:30px;padding:0px 0 3px;border-radius:0%;text-align:center;font-weight:600;font-size:1.56rem;color:#fff;z-index:9999999999999999999;background:#333} } @media (max-width:760px){ .main_ctt .section01 { padding: 3rem 0 0 0; } .m_search_Bx{top:-80px;left:3%;background:#ff722c;border-radius:100px 0 0px 100px;width:98%;min-height:115px;z-index:9999;} .m_search_Bx .m_s_bx{margin:1.3rem 1.2rem 0 0.8rem;display:flex;flex-wrap: nowrap;justify-content: center;margin-left:15px} .m_search_Bx .m_s_bx div{margin-right:10px} .m_s_bx span{text-align:center;display:flex;justify-content: space-around;} .m_s_bx span img{width:50px;display:block;text-align:center} .m_s_bx a{font-size:1.35rem;font-weight:500;color:#fff;padding-left:0rem} .m_s_Box{border:0px solid #fff;width:45%;background:#383838 url('../../m_img/main/ico_search.png') 15px center no-repeat;background-size:40px;margin-top:10px;margin-left:15px;border-radius:100px;min-height:45px;display: inline-block; flex-wrap: nowrap; align-items: flex-start;} .m_s_Box input{float:left;border:0;padding:1rem;color:rgba(255,255,255,0.6);font-size:1.42rem;text-align:left;background:none;margin:0.3rem 0 0 4rem;border-radius:100px;width: 100px ! important} .m_Btn_ico_search{float:right;border:0px solid #fff;background:none;background-size:25px;width:20%;margin:0.8rem 0 0 0} .m_Btn_ico_search img{width:30px;text-align:right} } @media (max-width:480px){ .mb_480 {display:block;} .main_ctt .section01 .icon_box li { width:50%; } .main_ctt .section01 { padding: 3rem 0 3rem 0; } .m_search_Bx{top:-80px;left:3%;background:#ff722c;border-radius:100px 0 0px 100px;width:98%;min-height:135px;z-index:9999;} .m_search_Bx .m_s_bx{margin:1.2rem 1.5rem 0 2rem;display:flex;flex-wrap: wrap;justify-content: center;} .m_search_Bx .m_s_bx div{margin-right:10px} .m_s_bx span{text-align:center;display:inline-block;} .m_s_bx span img{width:50px;display:inline-block;text-align:center} .m_s_bx a{font-size:1.40rem;font-weight:500;color:#fff;padding-left:0rem} .m_s_Box{border:0px solid #fff;width:70%;background:#383838 url('../../m_img/main/ico_search.png') 15px center no-repeat;background-size:40px;margin-top:3px;border-radius:100px;min-height:45px;display: inline-block; flex-wrap: nowrap; align-items: flex-start;} .m_s_Box input{float:left;border:0;padding:1rem;color:rgba(255,255,255,0.6);font-size:1.5rem;text-align:left;background:none;margin:0.3rem 0 0 4rem;border-radius:100px;width: 100px ! important} .m_Btn_ico_search{float:right;border:0px solid #fff;background:none;background-size:25px;width:25%;margin:0.8rem 0 0 0} .m_Btn_ico_search img{width:30px;text-align:right} .main_ctt .section04 .prd_wrap { display: flex; column-gap: 10px;padding: 3rem 0 5rem; box-sizing:border-box; overflow-y:hidden;overflow-x:auto;} .main_ctt .section04 .prd_wrap .review_box { border:1px solid #ffb17f;max-width:97%;min-width:97%; min-height:280px;border-top-left-radius:20px;border-bottom-right-radius:20px;} } /*============================================*/ /* SUB_01_돌봄의뢰 */ /*============================================*/ @media (max-width:1200px){ /******footer*********/ .footer { background:#1e1e1e; padding-bottom:6rem; margin-top:10rem;box-sizing:border-box; } .footer .footer_t{padding:3rem 0 2rem;border-bottom:1px solid rgba(255,255,255,0.3)} .footer .footer_b{padding:2rem 0;} .footer .fl { display:inline-block; width:100%;align-items:start; justify-content:space-between; box-sizing:border-box; padding: 3.1rem 0; } .footer .fl p{font-size:3.5rem;color:#8e8e8e;line-height:4.0rem;font-family: Pretendard-Medium;} .footer .fr { display:inline-block; width:100%;align-items:start; justify-content:space-between; box-sizing:border-box; padding: 3.1rem 0; } .footer .fr .fr_list { display:flex; align-items:center; margin-bottom:3rem;justify-content: flex-end; } .footer .fr .fr_list li { padding-right: 2rem;margin-left:2rem;background:url('../../m_img/common/fmenu_ico.png') right top no-repeat;background-size:13px; } .footer .fr .fr_list li a { font-size:1.3rem; color:#fff; font-weight: 500;} .footer .fr p {width:100%;text-align:right} .footer .fr p img{width:200px;} .footer .mb_info { display:inline-block;width:100%;} .footer .mb_info { margin: 25px 0 20px; } .footer .mb_info p { display:block; font-size:1.32rem; color:#777;width:100%;padding-bottom:0.7rem;text-align:left } .footer .mb_info p:first-child:before { display:none; } .footer .mb_info p span { padding:0 1rem } .footer .copyright { font-size:1.2rem; color:#555; text-transform: uppercase; } .footer .copyright strong { font-weight: 600; } .footer .info_line_R { display:inline-block;width:100%;} .footer .info_line_R .info_tel {margin: 12px 0 10px;display:block;width:100%;text-align:left } .footer .info_line_R .info_tel span{display:block;text-align:left } .footer .info_line_R .info_tel .info_tel_h1{color:#ededff;font-size:1.6rem;padding-bottom:1.8rem;font-weight:600} .footer .info_line_R .info_tel .info_tel_h2{color:#fff;font-size:5rem;padding-bottom:1rem;font-weight:600} .footer .info_line_R .info_tel .info_tel_time{color:#646464;font-size:1.5rem;padding-bottom:2rem} .footer .info_line_R .f_sns{text-align:left;display:block;width:100%} .footer .info_line_R .f_sns span{display:inline-block;text-align:left} .footer .info_line_R .f_sns span img{width:60px;} /*********************************************/ .sub_ctt { padding: 1rem 0 1rem 0; box-sizing:border-box; z-index:1} .m365_s_bx{padding:1rem 0rem 2rem 0rem;margin:0 auto;text-align:center;z-index:-1} .m365_s_bx_my{padding:1rem 0rem 2rem 2.3rem;margin:0;text-align:right;z-index:-1} .m365_s_bx select, input{} .sub_ctt .t_h3{ font-size:4.3rem;padding: 2rem 0 0rem 0rem;text-align:left } .sub_ctt .t_h4{ font-size:3rem ;padding: 2rem 0 0rem 0rem;text-align:left } .sub_ctt .t_h5{ font-size:2.4rem ;padding: 2rem 0 0rem 0rem;text-align:left;} .sub_ctt .t_h5 span{background:#ffb17f;border-radius:60px;color:#fff;padding:1.5rem 3rem;font-size:1.6rem;} .sub_ctt .t_line{border-bottom:1px solid #454545;text-align:left;min-height:30px;z-index:-1} .rule_40{min-height:200px;max-height:200px;min-width:23%;max-width:23%;margin:10px 0.6%;border-radius:0px 20px 0px 20px;border:1px solid #ffb17f;padding:1rem;} .rule_40 h6{font-weight:600;font-size:2.4rem;text-align:center;color:#ffb17f;padding:1.2rem 0;border-bottom:1px dashed #ffb17f} .rule_40 p{font-weight:400;font-size:1.43rem;line-height:1.8rem;text-align:center;color:#565656;padding:1.2rem 1rem;} .rule_50{min-height:200px;max-height:200px;min-width:18.5%;max-width:18.5%;margin:10px 0.6%;border-radius:0px 20px 0px 20px;border:1px solid #ffb17f;padding:1rem;} .rule_50 h6{font-weight:600;font-size:2.4rem;text-align:center;color:#ffb17f;padding:1.2rem 0;border-bottom:1px dashed #ffb17f} .rule_50 p{font-weight:400;font-size:1.43rem;line-height:1.8rem;text-align:center;color:#565656;padding:1.2rem 1rem;} .myPage .my_btns button{ margin:5px;padding:8px 12px;} } @media screen and (max-width: 1120px) { /********** 동행 탑 부분 수정 ************/ .together_top_Bx{display:flex;justify-content: space-around;align-items: center;flex-wrap: nowrap;} .together_top_Bx p img{min-width:300px;max-width:200px;width:100%} .together_top_Bx .to_top_Text{font-family: 'Tenada' ! important;display:flex;font-size:2.6rem;line-height:4rem;color:#6c6c6c;font-weight:600;flex-direction: column; justify-content: center; align-items: center;} .together_top_Bx .to_top_Text .to_top_Ts{font-size:3.6rem;color:#ff6e37} .together_top_Bx .to_top_Text .to_top_Tst{font-family: Pretendard-Regular ! important;font-size:1.62rem;color:#a7a7a7;font-weight:400 ! important;padding:1rem 8rem;line-height:2.2rem;text-align:center} .to_img_pc{width:100%;display:none} .to_img_pc img{width:100%} .together_btm{margin:0px auto;text-align:center;padding:3.5rem 0 0 0;border-top:0px solid #ddd;display:flex;align-items: center;} .together_btm_img{display:inline-block;width:100%;} .together_btm_img img{max-width:360px;min-width:360px;width:100%;border-radius:30px 0px 30px 0} .together_btm_txt{display:inline-block;width:100%;} .together_btm_txt p{padding:0rem 0rem 2rem 0;font-size:1.9rem;line-height:2.8rem} .together_btm_span{margin:2rem 0;display:flex} .together_btm_span span{font-size:1.65rem;border-radius:100px;border:1px solid #ff8236;text-align:center;padding:1rem 1rem;margin:10px 0 0 5px } .myPage .my_btns { width: auto; display: flex; flex-wrap: nowrap; flex-direction: column;} .myPage .my_btns button{ margin:5px 0;padding:8px 18px;} } @media (max-width:992px){ textarea { font-size: 1.3rem;border-radius:4px; padding: 8px 15px; height: 80px; min-width: 80px; } select { font-size: 1.3rem;border-radius:4px; padding: 8px 35px 8px 10px; height: 40px; min-width: 80px; } input[type='search']{ font-size: 1.3rem; padding: 8px 45px 8px 15px;border-radius:4px; height: 40px; xmin-width: 100%; } input[type='date'], input[type='number'], input[type='text'], input[type='password'], input[type='submit'], input[type='search'] { padding: 10px 8px;font-size: 1.26rem;} /******footer*********/ .footer { background:#1e1e1e; padding-bottom:6rem; margin-top:3rem;box-sizing:border-box; } /******************/ .form-group .w30{width:32% ! important} /*************/ .Bd_line_all{margin:1.6rem 2.3rem;padding:2rem 3rem} .m365_s_bx{xpadding:1rem 0rem 0rem 0.7rem;margin:0 auto;text-align:center;z-index:-1} .header .container { padding-left: 1rem; padding-right: 1rem; display:flex; justify-content:space-between; align-items:center; } .sub-head .nav > span > a { font-size:1.45rem; color:#dadada; } .search-select { display:inline;gap: 1px;z-index:-1;text-align:left} .form-item{display:inline-table ! important;text-align:left;margin:0.2rem} .sub-head { background-size:cover; margin-bottom:0rem;z-index:4} /*paging*/ .pg_wrap { float: none; text-align: center;margin-top:5rem } .pg_wrap .pg { font-size:0; } .pg_wrap .pg_page { text-indent: 0 !important; } .pg_wrap .pg_arrow { background:#f7f7f7; width:35px; height:35px; border-radius:4px; display:inline-flex; align-items:center; justify-content:center; text-align: center; border: 1px solid #dadada; } .pg_wrap .pg_num { width:35px; height:35px; border-radius:4px; display:inline-flex; align-items:center; justify-content:center; text-align: center; border: 1px solid #dadada; font-size:1.6rem; color:#aaa; font-weight: 500; background:#fff; margin-left: 1rem; } .pg_wrap .pg_current { background:#ff6b23; color:#fff; font-weight: 700; } .pg_wrap .pg_start { margin-right: 0rem; } .pg_wrap .pg_prev { margin-right: 3rem; } .pg_wrap .pg_end { margin-left: 1rem; } .pg_wrap .pg_next { margin-left: 4rem; } /* N_SEARCH_btn */ .Btn_ico_search { position: absolute; z-index: 999; left:85%; top: 8px; box-shadow: none; display: inline-block; width: 25px; height: 25px; padding: 0 11px 0 7px; background: url('../../m_img/common/ico_search.png'); background-repeat: no-repeat; background-position: 93% center;;background-size:20px; } .Btn_cr{border:0;outline:0;width:130px;height:60px;border-radius:60px;line-height:1.8rem;font-size:1.5rem;position:relative;top:auto;right:auto;margin:10px 5px 0 5px} .Btn_cr02{border:0;outline:0;width:130px;height:60px;border-radius:60px;line-height:1.8rem;font-size:1.5rem;position:relative;top:auto;right:auto;margin:10px 5px 0 5px} .conts_List{padding:1rem 0.5rem;} .conts_flex{display:flex;padding:0rem;margin-top:2.5rem;justify-content: space-around;align-items: center;flex-wrap: wrap;} /*********************************/ /* 돌봄의뢰 소개 */ /********************************/ .to_img_pc{width:100%;display:none} .to_img_pc img{width:100%} .to_img_mb{width:100%;display:block} .to_img_mb img{width:100%} .to_img_mb560{width:100%;display:none} .to_img_mb560 img{width:100%} .sub_ctt .t_h3{ font-size:4.3rem;padding: 2rem 0 0rem 0rem;text-align:left } .sub_ctt .t_h4{ font-size:3rem ;line-height:2.6rem;padding: 2rem 0 0rem 0rem;text-align:left } .sub_ctt .t_h5{ font-size:2.4rem ;padding: 2rem 0 0rem 0rem;text-align:center;} .sub_ctt .t_h5 span{background:#ffb17f;border-radius:60px;color:#fff;padding:1.5rem 3rem;font-size:1.6rem;} .caution{font-size:1.32rem;color:rgba(0,0,0,0.4);padding:0rem 0 3rem 0; text-align:center} .sub1_left{width:100%;display:inline-block;background-size:cover;border-radius:0px 50px 0px 50px;margin:2rem 0} .sub1_left h3{padding-top:15%;padding-right:12%;text-align:right;color:#fff;font-weight:600;font-size:4rem;line-height:5rem} .sub1_left_bg1{background:url('../../m_img/sub/sub1_img1.png') center center no-repeat;min-height:300px;background-size:cover} .sub1_left_bg2{background:url('../../m_img/sub/sub1_img2.png') center center no-repeat;min-height:300px;} .sub1_right{width:100%;display:inline-block;} .sub1_right ul{width:100%} .sub1_right li{border-bottom:1px solid rgba(0,0,0,0.15);padding:1.2rem;font-size:1.6rem;line-height:2.3rem;text-align:left} .rule{min-height:200px;max-height:200px;min-width:48%;max-width:48%;margin:10px 0.6%;border-radius:0px 20px 0px 20px;border:1px solid #ffb17f;padding:1rem;} .rule h6{font-weight:600;font-size:2.4rem;text-align:center;color:#ffb17f;padding:1.2rem 0;border-bottom:1px dashed #ffb17f} .rule p{font-weight:400;font-size:1.43rem;line-height:1.8rem;text-align:center;color:#565656;padding:1.2rem 1rem;} .rule_40{min-height:260px;max-height:260px;min-width:48%;max-width:48%;margin:10px 0.6%;border-radius:0px 20px 0px 20px;border:1px solid #ffb17f;padding:1rem;} .rule_40 h6{font-weight:600;font-size:2.4rem;text-align:center;color:#ffb17f;padding:1.2rem 0;border-bottom:1px dashed #ffb17f} .rule_40 p{font-weight:400;font-size:1.43rem;line-height:1.8rem;text-align:center;color:#565656;padding:1.2rem 1rem;} /** 가족간병 절차 **/ .fa_stit{border-radius:60px;min-width:150px;max-width:150px;font-size:1.45rem ! important;color:#fff ! important;letter-spacing:0rem ! important;;font-weight:400;text-align:center;padding:1rem 2rem 0.7rem 2rem;background:#ff8933;font-family: 'Tenada' ! important;} .fa_step_4{min-height:205px;max-height:205px;min-width:48%;max-width:48%;margin:10px 0.4%;border-radius:0px 20px 0px 20px;border:1px solid #ffb17f;padding:2.5rem;box-shadow: 5px 5px 20px rgba(204, 204, 204, 0.4) ; -webkit-box-shadow: 5px 5px 20px rgba(204, 204, 204, 0.4) ; -moz-box-shadow: 5px 5px 20px rgba(204, 204, 204, 0.4) ; } .fa_step_4 h6{font-weight:600;font-size:2.4rem;text-align:center;color:#ffb17f;padding:1rem 0;border-bottom:1px dashed #ffb17f} .fa_step_4 p{font-weight:400;font-size:1.43rem;line-height:1.8rem;text-align:center;color:#565656;padding:1.2rem 1rem;;} .fa_step_4 .fm_img{width:100%;text-align:center} .fa_step_4 .fm_img img{max-width:100px;min-width:90px;text-align:center} .fa_step_5{min-height:205px;max-height:205px;min-width:48%;max-width:48%;margin:10px 0.4%;border-radius:0px 20px 0px 20px;border:1px solid #ffb17f;padding:2.5rem;box-shadow: 5px 5px 20px rgba(204, 204, 204, 0.4) ; -webkit-box-shadow: 5px 5px 20px rgba(204, 204, 204, 0.4) ; -moz-box-shadow: 5px 5px 20px rgba(204, 204, 204, 0.4) ; } .fa_step_5 h6{font-weight:600;font-size:2.4rem;text-align:center;color:#ffb17f;padding:1rem 0;border-bottom:1px dashed #ffb17f} .fa_step_5 p{font-weight:400;font-size:1.43rem;line-height:1.8rem;text-align:center;color:#565656;padding:1.2rem 1rem;;} .fa_step_5 .fm_img{width:100%;text-align:center} .fa_step_5 .fm_img img{max-width:100px;min-width:90px;text-align:center} /*****/ .house{min-height:140px;max-height:140px;min-width:32%;max-width:32%;margin:10px 0.4% 1rem 0.4%;border-radius:0px 20px 0px 20px;border:1px solid #ffb17f;padding:1rem 1rem;} .house h6{font-weight:600;font-size:2.4rem;text-align:center;color:#ffb17f;padding:1.2rem 0;border-bottom:1px dashed #ffb17f} .house p{font-weight:400;font-size:1.43rem;line-height:1.8rem;text-align:center;color:#565656;padding:1.2rem 1rem;} .conts_flex_in{width:30%;margin:10px 0.6%;border-radius:0 40px 0 40px;border:2px solid #ffc4a7;padding:1rem 3rem 4rem 3rem;text-align:center;} .conts_flex_in .flex_in_img{text-align:center;padding:2rem 0 0 0;} .conts_flex_in .flex_in_img img{max-width:148px;min-width:148px} .conts_flex_in .flex_in_ttl{font-size:2.6rem;text-align:center;font-weight:600;padding:0rem 0 1rem 0;color:#ff722b} .conts_flex_in .flex_in_txt{font-size:1.52rem;line-height:2rem;text-align:center ! important;font-weight:500;padding:1rem 0rem;word-break: break-all;word-wrap: break-word;color:#757575} .conts_g_List{padding:4%;border-radius:0px 60px 0px 60px;border:2px solid rgba(0,0,0,0.1)} .conts_flex_g{display:flex;padding:3rem;justify-content: space-around;flex-wrap: wrap;} .flex_in_g_ttl{font-size:2.5rem;text-align:center;font-weight:600;padding:0rem;color:#333} .flex_in_g_txt{font-size:1.56rem;line-height:2.5rem;text-align:center;font-weight:400;padding:2rem 0 0 0;color:#757575} .conts_flex_g_in{width:48%;margin:10px 0.6%;border-radius:0 40px 0 40px;border:1px solid #ffc4a7;padding:1rem 3rem 4rem 3rem;text-align:center;} .conts_flex_g_in .flex_g_in_ttl{font-size:2.2rem;text-align:left;font-weight:600;padding:2rem 0 1rem 0;color:#ff722b;border-bottom:1px dashed #cacaca} .conts_flex_g_in .flex_g_in_txt{width:100%} .conts_flex_g_in .flex_g_in_txt li{width:100%;border-top:1px dashed #cacaca;font-size:1.55rem;line-height:2.3rem;text-align:left ! important;font-weight:500;padding:1rem 0rem;word-break: break-all;word-wrap: break-word;color:#757575} /******* 동행서비스 **********/ .together_t_bx{padding:1.5rem 0rem;text-align:center;min-height:0} .together_t_bx .to_ttl{font-size:2.5rem;font-weight:500;line-height:2.9rem;text-align:center;} .together_t_bx .to_txt{font-size:2.5rem;font-weight:600;color:#ff722b;display:block;text-align:center;} .together_t_bx_pro{display:flex;padding:0rem;justify-content: space-around;flex-wrap: wrap;} .together_t_bx_in{width:48%;margin:10px 0.6%;border-radius:0 40px 0 40px;border:2px solid #ffc4a7;padding:2rem 2rem 4rem 2rem;text-align:center;min-height:200px} .together_t_bx_in .to_in_ttl{font-size:2rem;line-height:2.5rem;text-align:center;font-weight:400;padding:2rem 0 1rem 0;color:#565656;} .together_t_bx_in .to_in_ttl span{font-size:2.2rem;font-weight:600;color:#ff722b;} .together_btm_btn_Order{background:#ff6b23;border:1px solid #ff6b23;padding:1.5rem 3rem;color:#fff;text-align:center;font-size:1.65rem;border-radius:60px;margin-top:3rem} .together_btm_btn_Order:hover{background:#333;border:1px solid #333;transition:0.6s} .to_in_img{text-align:center;padding:2rem 0 0 0;} .to_in_img img{max-width:120px;min-width:120px} /****** 돌봄 일감 지원 서비스 ***********/ .work_in_bx{display:flex;padding:2rem 0 0 0;justify-content: space-around;flex-wrap: wrap;} .work_in{width:24%;margin:10px 0.3%;border-radius:0 40px 0 40px;border:2px solid #ffc4a7;padding:1rem 1rem 0rem 1rem;text-align:center;} .work_in h6{font-weight:600;font-size:3rem;text-align:center;color:#ffb17f;padding:1.5rem 0 2rem 0;border-bottom:1px dashed #ffb17f} .work_in p{font-weight:400;font-size:1.7rem;line-height:2.5rem;text-align:center;color:#565656;padding:3rem;} .work_tv{padding:5rem 0 0 5rem} .work_tv .tv_ttl{text-align:left;font-weight:600;font-size:4rem;padding:3rem 0 1rem} .work_tv .tv_txt{text-align:left;font-weight:400;font-size:1.23rem;line-height:1.8rem;color:#dadada} .tv_bx{border:0px solid #ddd;} .work_tv .the_more{width:auto;margin-top:6rem;font-weight:500;text-align:left;font-size:1.2rem;text-align:center;padding:10px 15px;background:#ffb17f;color:#fff;border-radius:100px} .work_tv .the_more:hover{transition:0.6s;background:#333} .work_img{padding:0 ! important} .work_img img{width:100%;border-radius:0 40px 0 40px;} .work_in_g{width:49%;margin:20px 0.3%;border-radius:0 40px 0 40px;border:0px solid #ffc4a7;padding:0rem;text-align:center;} .work_in_g h6{border-radius:0 40px 0 40px;text-align:center;color:#ffb17f;padding:0;border-bottom:0px dashed #ffb17f;float:left;width:40%} .work_in_g p{font-weight:400;font-size:1.8rem;line-height:2.5rem;text-align:left;color:#565656;padding:3rem;float:right;width:58%} .work_in_g img{width:100%;border-radius:0 40px 0 40px;} /******** 가족 간병 서비스 ***********/ .sub3_left_bg{background:url('../../m_img/sub/sub3_img.png') center top no-repeat;min-height:500px;} .sub3_txt{text-align:center;margin:25px auto} .sub3_txt span{padding:1.3rem 3rem;border-radius:60px;background:#ffb894;color:#fff;font-weight:500;text-align:center;font-size:1.6rem} .family_caution{padding:2rem 3rem;border-radius:0 30px 0 30px;border:1px solid #e8e8e8;margin:4rem 4rem 6rem 4rem} .family_caution h5{text-align:left;font-weight:600;font-size:2.2rem;padding:1rem 2rem 2rem 2rem;border-bottom:1px solid #cdcdcd;color:#626262} .family_caution .family_caution_in{} .family_caution .family_caution_in li{font-size:1.6rem;padding:2rem;border-bottom:1px dashed #cdcdcd;color:#6c6c6c} .family_caution p{text-align:left;font-weight:400;font-size:1.2rem;padding:2rem 2rem 3rem 2rem;color:#b4b4b4} /********* 고객센터 **************/ .Btm_Bn_BX_BD{margin:25px auto 20px auto;text-align:center;display:inline-block;width:100%} .L_bd{margin:0 2.5% 5% 2.5%;display:inline-block;float:left;width:95%} .L_bd_t{padding:15px 0} .L_bd_t h4{float:left;width:60%;font-weight:600;text-align:left;font-size:3rem} .L_bd_t span{float:right;width:38%;margin-top:4px;font-weight:500;text-align:left;font-size:1.2rem;text-align:center;padding:10px 10px;background:#ffb17f;color:#fff;border-radius:100px} .L_bd_bx{width:100%;margin-top:20px;padding-bottom:10px;text-align:left;display:inline-block;border-bottom:1px solid #d5d5d5} .L_bd_bx:hover{border-bottom:1px solid #333;transition:0.6s} .L_bd_bx .L_db_list{float:left;width:85%} .L_bd_bx .L_db_list dl{float:left;width:100%;padding:8px 0;} .L_bd_bx .L_db_list dt{float:left;width:100%;padding-bottom:8px;font-size:1.55rem;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;} .L_bd_bx .L_db_list dd{float:left;width:100%;font-size:1.2rem;color:#b3b3b3} .L_bd_bx .L_db_more{float:right;width:13%;text-align:right;font-size:3rem;color:#ffb17f;} .bd_s_bx{padding:3rem 2.3rem 0.5rem 2.3rem;margin:0.5rem auto 3rem auto;text-align:center;border-top:2px solid #555} .bd_s_bx input{background:#fff;min-width:100%;border-radius:100px;padding:1.5rem ! important;border:2px solid #ff722c ! important} /*** gallery **/ .gall_bd_bx{border-radius:5px;border:1px solid #d5d5d5;} .gall_movie { display:inline-block; vertical-align: middle;min-height:200px;text-align:center;width:100% } .gall_bd_con { display:flex; align-items:start;flex-direction: column;} .gall_bd_t { padding:0 2rem 1.0rem 2rem; box-sizing:border-box; width:100%; } .gall_bd_t dl{border-bottom:0px dashed rgba(0,0,0,0.2);padding:0.4rem 0} .gall_bd_t dt{display:inline-block;width:30%;padding:0.5rem 0;font-size:1.35rem;color:#999} .gall_bd_t dd{display:inline-block;width:68%;padding:0.5rem 0;font-size:1.35rem;color:#555} .gall_bd_t p{font-size:1.3rem;border-bottom:1px dashed rgba(0,0,0,0.2);border-top:1px dashed rgba(0,0,0,0.2);color:#999;padding:1rem 0} /****************************/ .sub_h3{font-size:3.0rem;padding:1rem 0 1rem 0} .m365_bd_tab {overflow: hidden; margin: 15px auto 0px auto; text-align: center;} .m365_bd_tab button { width:auto;border: none; outline: none; margin:0 0.5rem; cursor: pointer; padding: 1.0rem 2rem; transition: 0.3s; font-size: 1.55rem;color:#fff;background:#999;border-radius:0 12px 0px 12px;font-weight:500} .m365_bd_tab button:hover { background-color: #333;} .m365_bd_tab button.active { background-color: #ff6b23;border:1px solid #ff6b23;} .m365_tabcontent { display: none; padding: 1.5rem 1.5rem; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s;} .m365_tabcontent_or { display: none; padding: 1rem 1rem; -webkit-animation: fadeEffect 1s;animation: fadeEffect 1s;border-radius:3px;border:1px solid #c5c5c5} .m365_top_tabcontent { display: none; padding: 1rem 1rem; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s;} /************** 갤러리 *****************/ .conts_B{padding:0.5rem 0.3rem;} /* 갤러리 + 간병인 목록 */ .gall_row { } .gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding-left: 3rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0; padding-right: 0;} .gall_row .col-gn-0,.gall_row .col-gn-1 {width:100%} .gall_row .col-gn-2 {width:50%} .gall_row .col-gn-3 {width:33.33333333%} .gall_row .col-gn-4 {width:32%;margin:1% 0.5%;} .gall_row .col-gn-5 {width:20%} .gall_row .col-gn-6 {width:16.66666667%} .gall_row .col-gn-7 {width:14.28571428%} .gall_row .col-gn-8 {width:12.5%} .gall_row .col-gn-9 {width:11.11111111%} .gall_row .col-gn-10 {width:10%} .gall_row .box_clear {clear:both} .gall_row .gall_li:first-child { box-sizing:border-box; } .gall_li { padding: 1.2rem !important; box-sizing:border-box;border-radius:5px;border:0px solid #d5d5d5;} .gall_row {display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap;justify-content: center;} .gall_img { display:inline-block; vertical-align: middle;text-align:center; } .gall_img a { display:block; box-sizing:border-box; text-align:center;} .gall_img img{width:100%} .gall_box{border-radius:5px;border:1px solid #d5d5d5;} .gall_con { display:flex; align-items:start;flex-direction: column;} .gall_con .num { width:50px; text-align: right; font-size:2.6rem; color:#aaa; font-weight: 700; font-family: var(--mont); flex-shrink: 0; } .gall_text_bx1 { padding: 1rem 2rem; box-sizing:border-box; width:100%; } .gall_text_bx1 p{padding:0.5rem 0;font-size:1.65rem;display:flex;justify-content: space-between;} .gall_text_bx1 .name{font-size:2.2rem;font-weight:600;color:#333} .job{font-size:1.6rem;padding-left:20px;padding-top:6px;font-weight:500;color:#565656} .gall_text_bx1 .cate_name{color:#999;font-size:1.5rem;text-align:right} .gall_text_bx1 .price{font-size:1.65rem;color:#999} .gall_text_bx1 .cate_price{font-size:1.8rem;color:#ff6b23} .gall_text_bx2 { padding:1rem 2rem; box-sizing:border-box; width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .gall_text_bx2 p{padding:0.5rem 0;font-size:1.65rem;display:flex;justify-content: space-between;width:31%;display:inline-block;text-align:center;color:#999} .gall_text_bx2 p:first-child{ border:0} .gall_text_bx2 p:last-child { border:0} .gall_text_bx2 p { border-left:1px solid #ddd;border-right:1px solid #ddd; } .gall_text_bx2 .age{color:#454545;font-size:1.8rem;text-align:center;display:block} .gall_text_bx3 { padding: 1.0rem 2rem; box-sizing:border-box; width:100%; } .gall_text_bx3 dl{border-bottom:1px dashed rgba(0,0,0,0.2);padding:0.4rem 0} .gall_text_bx3 dt{display:inline-block;width:30%;padding:0.5rem 0;font-size:1.45rem;color:#999} .gall_text_bx3 dd{display:inline-block;width:68%;padding:0.5rem 0;font-size:1.45rem;color:#555} .gall_text_bx4 { padding: 1rem 2rem; box-sizing:border-box; width:100%; } .gall_text_bx4 button{width:49%;} .gall_text_bx4 button:hover{transition:0.6s;background:#222;color:#fff;border:1px solid #222} .gall_text_bx4 .btn_detail{background:#fff;border:1px solid #565656;padding:1rem 2rem;color:#555;text-align:center;font-size:1.5rem;border-radius:4px;} .gall_text_bx4 .btn_order{background:#ff6b23;border:1px solid #ff6b23;padding:1rem 2rem;color:#fff;text-align:center;font-size:1.5rem;border-radius:4px;} .m_td_Btns{margin:3rem auto;text-align:center;} .m_td_Btns button{display:inline-block;margin:0 5px;border-radius:50px;padding:10px 20px;text-align:center;color:#fff;font-weight:600;font-size:1.5rem} /*******************마이페이지 _ 메인****************************/ .my_left_mBx{display:none} .my_left_mBx{width:100%} .my_right{display:block;width:100%} /*******************마이페이지 _ 메인****************************/ .myPage{} .myPage .my_t_bx{width:100%;display:flex;flex-wrap: nowrap; justify-content: space-around;flex-direction: column;} .mybx_left{width:100%;padding-bottom:20px;margin-bottom:5px} .mybx_left div{padding:1.5%;} .myPage .my_t_bx .mybx{width:100%;padding-bottom:20px;margin-bottom:5px} .myPage .my_t_bx .mybx div{padding:1.5%;} .myPage .my_t_bx .mybx .myPage .M_calendar{margin-top:15px} .myPage .my_t_bx .mybx .M_month{padding-top:10px} .myPage .my_line{border:2px solid rgba(0,0,0,0.1);border-radius:6px;} .myPage .my_B{background:#ff722c;border-radius:6px;} .myPage .my_line:hover{transition:0.6s;border:2px solid rgba(255,144,44,0.9);border-radius:6px;} .myPage .my_B:hover{transition:0.6s;background:#565656;border-radius:6px;} .myPage .my_t_bx .mybx_in{width:100%;padding:20px 0 50px 0;margin-bottom:10px} .myPage .my_t_bx .mybx_in .mybx div{padding:5%;} .myPage .my_in{margin:20px auto;text-align:center;width:100px;height:100px;border-radius:100%; border:2px solid rgba(255,255,255,0.6)} .myPage .my_in:hover{transition:0.6s;border:2px solid #ff722c} .myPage .my_in img{width:85%;padding-top:5px} .myPage .my_name{font-size:1.8rem;color:#fff;padding:0px 0 10px 0;margin:0px auto;text-align:center;width:100px;} .myPage .my_btns{margin:3px auto;text-align:center;width:96%;display:flex;flex-wrap: nowrap; justify-content: center;flex-direction: row;} .myPage .my_btns button{padding:8px 18px;;text-align:center;font-size:1.5rem;border-radius:60px;margin:0 3px;} .myPage .my_btns .my_btn_bank{background:#333;color:#fff;} .myPage .my_btns .my_btn_logout{border:1px solid rgba(255,255,255,0.6);color:#fff;} .myPage .my_btns .my_btn_bank span{color:#ff722c} .myPage .my_btns .my_btn_g{border:1px solid rgba(255,144,44,0.9);color:#ff722c;} .myPage .my_cal_in{margin:20px auto;text-align:center;width:100px;height:100px;border-radius:100%; border:2px solid rgba(255,144,44,0.6)} .myPage .my_cal_in:hover{transition:0.6s;border:0px solid rgba(0,0,0,0.8)} .myPage .my_cal_in img{width:75%;padding-top:10px} .myPage .my_cal_t{font-size:2rem;color:#333;padding:0px 0 0px 0;margin:0px auto;text-align:center;width:100%;font-weight:600} .my_btm_bx{margin:80px auto 0px auto;width:100%;display:flex; flex-wrap: wrap; justify-content: space-around;} .my_btm_bx .my_btm_in{width:98%;margin:0 0.6%} .my_btm_bx .my_btm_in h4{font-size:2.5rem;text-align:left;color:#333} .my_btm_bx .my_btm_in .my_btm_in_bx{margin:20px 0;display:flex;flex-wrap: nowrap; justify-content: space-around;} .my_btm_bx .my_btm_in .my_btm_in_bx div{border-radius:5px;border:1px solid rgba(0,0,0,0.1);width:24%;} .my_btm_bx .my_btm_in .my_btm_in_bx div dl{padding:10px 0px;} .my_btm_bx .my_btm_in .my_btm_in_bx div dt{width:100%;border-bottom:1px solid rgba(0,0,0,0.1);font-weight:500;font-size:1.52rem;padding:55px 0 15px 0;text-align:center;color:#595959} .my_btm_bx .my_btm_in .my_btm_in_bx div dd{width:100%;font-size:1.7rem;padding:15px 0;text-align:center;font-weight:600;color:#565656} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx1{background:url('../../m_img/sub/ico_my_ing.png') center top no-repeat;background-size:55px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx2{background:url('../../m_img/sub/ico_my_end.png') center top no-repeat;background-size:55px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx3{background:url('../../m_img/sub/ico_my_cancle.png') center top no-repeat;background-size:55px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx4{background:url('../../m_img/sub/ico_my_review.png') center top no-repeat;background-size:55px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx11{background:url('../../m_img/sub/ico_my_ing2.png') center top no-repeat;background-size:55px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx22{background:url('../../m_img/sub/ico_my_end2.png') center top no-repeat;background-size:55px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx33{background:url('../../m_img/sub/ico_my_cancle2.png') center top no-repeat;background-size:55px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx44{background:url('../../m_img/sub/ico_my_review2.png') center top no-repeat;background-size:55px;} /*** 마이페이지_내지갑 ***/ .myPage .my_card_bx{width:100%;display:flex;flex-wrap: nowrap; justify-content: space-around;} .myPage .card_list{border-bottom:0px dashed #959595} .card_list_Bx{padding:2.5%;background:#f3f3f3;margin-top:10px;border-radius:15px} .card_list_Bx dl{display:flex;align-items: center;} .card_list_Bx dt{display:inline-block;width:130px;} .card_list_Bx dt img{width:100px;} .card_list_Bx dd{display:inline-block; width: calc(100% - 130px);text-align:left;font-size:1.42rem;font-weight:600;padding-top:0px;position:relative} .card_list_Bx dd span{display:block;width:100%;font-size:1.25rem;padding-top:10px} .myPage .my_card_bx .mybx_bank{width:48%;margin:30px 0;padding-bottom:20px} .myPage .my_card_bx .mybx_bank div{padding:3%;} .my_b_ttl{font-size:2rem;width:100%;text-align:center} .myPage .my_bank_in{margin:20px auto;text-align:center;width:100px;height:100px;border-radius:100%; border:2px solid rgba(255,144,44,0.6)} .myPage .my_bank_in:hover{transition:0.6s;border:2px solid rgba(0,0,0,0.8)} .myPage .my_bank_in img{width:50%;padding-top:25px} .modal-body .modal_h5{font-size:2.5rem;} .modal-body .modal_p{font-size:1.45rem;padding:0px 0} .modal_p_text{font-size:1.35rem;padding:5px 0 5px 0} .modal_inBx{padding:10px;} .card_form{display:flex;flex-direction: column; flex-wrap: nowrap; justify-content: flex-start;} .card_form_p{border:1px solid #e8e8e8;border-radius:6px;padding:20px;margin-top:20px} .modal-body .modal_bank_p{font-size:1.55rem;padding:0px 0} .modal-body .modal_bank_p span{font-weight:600} /*********************************/ /***** 마이페이지 _ 카드계좌 수정 *****/ .my_mo_btns{position:absolute;top:10px;right:10px;font-size:1.3rem;color:#fff;background:#333;padding:8px 15px;border-radius:60px} /*** 회원정보 ***/ .modal_h5{font-size:2.8rem;padding-bottom:20px;border-bottom:1px solid #565656;margin-bottom:20px} .modal_h6{font-size:2rem;} .modal_p2{padding:15px 10px 5px 1px;font-size:1.42rem;line-height:1.8rem} /************************************/ /********** 마이_의뢰인_돌봄현황*********/ .Depth_mm{display:flex;justify-content: center; flex-wrap: nowrap;margin:40px 0 5px 0} .Depth_mm a{margin:0 5px} .Depth_mm span{border-radius:60px;padding:12px 35px;font-size:1.62rem;border:1px solid #a6a6a6;background:#fff;} .Depth_mm span:hover{transition:0.6s;border:1px solid #333;background:#fff;} .Depth_mm .on{border:1px solid #ff722b;background:#ff722b;color:#fff;margin:0 5px} .Depth_mm .on:hover{transition:0.6s;border:1px solid #333;background:#333;color:#fff;margin:0 5px} .subW{margin:30px auto 0px auto;text-align:center;display:flex;justify-content: space-between; flex-wrap: nowrap;} .Depth_m{display:flex;justify-content: left; flex-wrap: nowrap;margin:20px 0 30px 0} .Depth_m button{margin:0 3px} .Depth_m button{border-radius:60px;padding:10px 25px;font-size:1.5rem;border:1px solid #d6d6d6;background:#fff;} .Depth_m button:hover{transition:0.6s;border:1px solid #333;background:#fff;} .Depth_m .active{border:1px solid #333;background:#333;color:#fff;margin:0 5px} .Depth_m .active:hover{transition:0.6s;border:1px solid #333;background:#333;color:#fff;margin:0 5px} .m365_status_tabcontent{display:none} .selected-item .my_search_ico{background:#555 url('../../m_img/common/ico_search_W.png') center center no-repeat;background-size:23px;color:#fff;width:30px ! important;} .my_status{z-index:-1;top:-90px;right:10px;border-radius:60px;padding:15px;border:0px solid #c5c5c5;display:flex;flex-wrap: nowrap; align-items: flex-start; justify-content: flex-end;} .my_status .my_status_div{border-radius:100px;margin:0 2px;width:90px;height:90px;background: #eee;} .my_status .my_status_div p{text-align:center;font-weight:600;font-size:1.35rem;color:#565656;padding-top:30px} .my_status .my_status_div span{text-align:center;font-weight:600;font-size:1.45rem;color:#ff722b} .my_status .my_status_div:hover{transition:0.6s;background: #d6d6d6;} .subW_in{margin:10px auto;text-align:center;} .my_status_Bx{display:flex;justify-content: space-between;background: #F8F8F8; border-radius:0px;width:100%;min-height:200px;background:#fff;margin:0px 0 20px 0;border: solid #E3E3E3 1px; box-shadow: 5px 5px 20px rgba(201, 201, 201, 0.5) ; -webkit-box-shadow: 5px 5px 20px rgba(201, 201, 201, 0.5) ; -moz-box-shadow: 5px 5px 20px rgba(201, 201, 201, 0.5) ; } .my_status_Bx .my_sta_inL{margin:1%;display:inline-block;width:70%;text-align:left;padding:0.8%;border:0px solid #000} .my_sta_ls_T{width:100%;text-align:left;} .my_sta_ls_T .my_sta_cate{display:inline-block;border-radius:60px;text-align:center;background:#787878;color:#fff;font-size:1.4rem;padding:8px 12px;width:80px} .my_sta_ls_T dl{display:inline-block;border:0px solid #000;margin-left:3%} .my_sta_ls_T dt{display:inline-block;font-size:1.38rem;padding:0 10px;color:#979797} .my_sta_ls_T dd{display:inline-block;font-size:1.38rem;font-weight:500;} .my_sta_ls_T .my_sta_btn1{top:5px;right:95px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;border:1px solid #ff722b} .my_sta_info_BX{padding:2%;border-radius:0px;border:1px solid rgba(0,0,0,0.2);margin:40px auto} /***** 상태 버튼 *******/ .my_ing_guide{margin:50px 0 30px 0;width:100%;padding:2%;border-top:1px solid #d6d6d6} .my_ing_g_bx{display:flex;justify-content: space-between;text-align:left} .my_ing_g_bx p{font-size:1.3rem;margin:8px 0;width:32%} .my_list_btns{display: inline-flex; width:60%; justify-content: flex-end;} .my_list_btns button{margin:0 0 0 3px;} /*등록*/ .my_sta_btn01{top:5px;right:0px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#ffb368;color:#fff} /*대기*/ .my_sta_btn02{top:5px;right:0px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#74cb3a;color:#fff} /*진행*/ .my_sta_btn03{top:5px;right:0px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#5777ff;color:#fff} /*종료*/ .my_sta_btn04{top:5px;right:0px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#333;color:#fff} /*간병종료*/ .my_sta_btn05{top:5px;right:0px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#ff5757;color:#fff} /*정산대기*/ .my_sta_btn06{top:5px;right:0px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#789bff;color:#fff} /*처리완료*/ .my_sta_btn07{top:5px;right:0px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#9578ff;color:#fff} /*취소*/ .my_sta_btn08{top:5px;right:0px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#858585;color:#fff} /*마감*/ .my_sta_btn09{top:5px;right:0px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#565656;color:#fff} /**/ .my_sta_ls_M{width:100%;text-align:left;padding:1%;display:flex; justify-content: flex-start;} .my_sta_ls_M .my_sta_ls_Mt{font-size:2.3rem;font-weight:600;width:100%;display:block;padding-left:10px;} .my_sta_ls_Min{width:100%;} .my_sta_ls_in{display:flex;flex-wrap: nowrap; align-items: flex-start; justify-content: space-between;margin:20px 0} .my_sta_ls_in dl{width:32%;margin:0 0 0 0.5%;border-left:1px solid #ddd;border-radius:4px} .my_sta_ls_in dt{font-size:1.5rem;text-align:center;} .my_sta_ls_in dd{font-size:1.5rem;font-weight:600;text-align:center;padding-top:10px} .my_sta_ls_B{width:100%;text-align:left;display:flex; justify-content: flex-start;border-top:1px dashed rgba(0,0,0,0.25);padding:20px 0 0 0} .my_sta_ls_B .my_sta_ttl{text-align:left;font-weight:500;font-size:1.5rem;padding:10px 20px 0 30px;} .my_sta_ls_B .my_sta_btn3{border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#565656;color:#fff} .my_status_Bx .my_sta_inR{margin:1%;padding:23px 1% 0 1%;display:flex;justify-content: space-between;width:28%;background:#fff0e9;} .my_status_Bx .my_sta_inR dl{width:30%;margin:20px 1.3%;} .my_status_Bx .my_sta_inR dt{width:100%;font-weight:600;font-size:1.5rem;border-bottom:1px dashed rgba(0,0,0,0.3);padding:5% 0 10% 0;text-align:center;} .my_status_Bx .my_sta_inR dd{width:100%;font-weight:600;font-size:1.7rem;text-align:center;padding:8% 0 3% 0} .my_status_Bx .my_sta_inR button{border-radius:60px;padding:8px 16px;font-weight:600;font-size:1.35rem;text-align:center;color:#565656;border:1px solid #565656} .gall_img_cir{text-align:center;width:100%;} .gall_img_cir img{border-radius:30px;width:70%;} /********** 의뢰관리 **********/ .my_admin_Bx{background: #F8F8F8; border-radius:0px;width:100%;min-height:170px;background:#fff;margin:0px 0 20px 0;border: solid #E3E3E3 1px; box-shadow: 5px 5px 20px rgba(201, 201, 201, 0.5) ; -webkit-box-shadow: 5px 5px 20px rgba(201, 201, 201, 0.5) ; -moz-box-shadow: 5px 5px 20px rgba(201, 201, 201, 0.5) ; } .my_admin_Bx .my_admin_in{display:flex;justify-content: space-between;width:100%;text-align:left;padding:0.8%;border:0px solid #000} .my_admin_Bx .my_admin_in dl{width:30%;margin:20px 1.3%;border:1px solid #ddd;background:#f8f8f8} .my_admin_Bx .my_admin_in dt{width:100%;font-weight:600;font-size:1.5rem;border-bottom:1px dashed rgba(0,0,0,0.3);padding:5% 0 5% 0;text-align:center;} .my_admin_Bx .my_admin_in dd{width:100%;font-weight:600;font-size:1.9rem;text-align:center;padding:5% 0 5% 0} .my_admin_Btm{margin:60px auto 60px auto;} /** 지원자관리 **/ .my_admin_BxIn{display:flex;justify-content: space-between;} .my_admin_g_bxl{width:80%;padding:1.5% 3%;text-align:left} .my_admin_g_bxl .my_admin_Lt{width:100%;} .my_admin_g_bxr{width:17%;padding:3%;text-align:center;background:#f5f5f5} .my_admin_Lt_span{font-size:1.4rem} .my_admin_Lt_h4{font-size:2rem;padding-top:10px} .my_admin_View_conts{padding:0rem 0rem;border-top:0px dashed #d5d5d5;font-size:1.4rem;line-height:1.8rem;margin-top:25px;display:flex;flex-wrap: nowrap;flex-wrap: nowrap; justify-content: flex-start; align-items: center;} .my_admin_View_conts span{display:inline-block;padding:7px 16px;border-radius:60px;color:#fff;text-align:center;font-size:1.45rem;margin:5px 5px 0 0} .my_admin_View_top{display:flex;flex-wrap: nowrap;width:50%;margin-left:3%} .my_admin_View_top dl{display:inline-block;width:100%;padding-top:10px} .my_admin_View_top dt{float:left;width:33%;padding:7px 12px;border-radius:60px;background:#696969;color:#fff;text-align:center;font-size:1.45rem;} .my_admin_View_top dd{float:right;width:65%;font-size:1.45rem;padding:7px 10px} .my_admin_num{padding:15% 2% 0 2%;} .my_admin_num dt{text-align:center;font-size:1.6rem} .my_admin_num dd{padding:3% 0 0 0;text-align:center;font-size:2.2rem;color:#333;font-weight:600} .g_admin_View_con {position:relative;border:1px solid #d9d9d9;padding:1.3rem 0;border-radius:10px;display:flex;margin:30px 0 0 0} .g_admin_View_gcon {position:relative;border-bottom:1px solid #d9d9d9;padding:1.3rem 3.5rem 2rem 3.5rem;border-radius:0px;display:flex;margin:15px 0 0 0;} .g_admin_View_gcon .g_View_img img{max-width:80%;min-width:80%;} /***** 마이 _ 제안관리 *******/ .my_a_Table{display:block;width:100%;float:left;margin-bottom:30px} .my_a_Table .my_a_Table_th{background:#fbfbfb;border-top:1px solid #454545;border-bottom:1px solid #999;height:55px;text-align:center} .my_a_Table .my_a_Table_th li{padding:10px 0;text-align:center;font-size:1.6rem;font-weight:600;float:left;line-height:3rem;color:#787878;} .my_a_Table .my_a_Table_td{border-bottom:1px solid #b3b3b3;text-align:center;display:block;width:100%;min-height:130px;display:flex} .my_a_Table .my_a_Table_td li{padding:10px 0;text-align:center;font-size:1.45rem;font-weight:500;float:left;line-height:2.5rem;color:#787878;} .my_a_Table .my_a_Table_td .dl50{display:inline-block;width:40%;margin:12px auto;text-align:center} .my_a_Table .my_a_Table_td .dl50 dt{float:left;width:37%;text-align:center;border-radius:50px;color:#535353;background:#f3f3f3;} .my_a_Table .my_a_Table_td .dl50 dd{float:right;width:62%;text-align:center} .my_a_Table .my_a_Table_td .dl50 span{display:inline-block} .my_a_Table .my_a_Table_td .dl100{display:inline-block;width:100%;margin:0px auto 0 auto;text-align:center} .my_a_Table .my_a_Table_td .dl100 dt{float:left;width:37%;text-align:center;border-radius:50px;color:#535353;background:#f3f3f3;} .my_a_Table .my_a_Table_td .dl100 dd{float:right;width:62%;text-align:center} .my_a_Table .my_a_Table_td .dl100 span{display:inline-block} .my_a_Table .my_a_Table_td .td_c{margin-top:1rem} .my_a_Table .my_a_Table_td .td_t{background:#ff6b23;color:#fff;border-radius:50px;padding:5px 10px;text-align:center} .my_a_Table .my_a_Table_td .td_c2{font-size:1.3rem;color:#959595;display:block} .my_a_Table_td button{margin:2px 0 0 0} .m_bd_Table_th{display:none} .m_info_Table_th{display:none} .my_bank_card_bx{width:100%;display:flex;flex-wrap: nowrap; justify-content: space-around;} .mybx_bank_in{width:48%;margin:30px 0;padding-bottom:20px;border-radius:20px; border:2px solid rgba(255,144,44,0.6)} .mybx_bank_in div{padding:3%;} .my_card_bank_in{margin:0px auto 10px auto;text-align:center;} .my_card_bank_in:hover{transition:0.6s;border:0px solid rgba(0,0,0,0.8)} .my_card_bank_in img{width:70px;padding-top:25px} /*** 리뷰쓰기 ******/ .my_W_R{margin:10px auto} /*** 마이_ 상담하기 ***/ .my_cs_ttl{font-size:3rem;font-weight:600;text-align:center;line-height:4rem} .my_cs_ttl span{font-weight:500;font-size:1.8rem;} .cs_list_Bx{padding:5% 5% 3% 5%;background:#fff;margin:5% 5% 3% 5%;border-radius:15px} .cs_list_Bx dl{display:flex;align-items: center;} .cs_list_Bx dt{display:inline-block;width:150px;} .cs_list_Bx dt img{width:100px;} .cs_list_Bx dd{display:inline-block; width: calc(100% - 130px);text-align:left;font-size:2rem;font-weight:600;padding-top:0px;position:relative} .cs_list_Bx dd span{font-size:2rem;font-weight:600;color:#888;padding-left:30px} /*************************************************/ /* ============================================= MEMBER ============================================= */ /* 로그인 */ .loginW{margin:2.7rem auto;max-width:500px;text-align:center;border-top:1px solid #555;border-bottom:1px solid #555;min-height:500px;} .loginW .login_bx{padding:3rem 0rem} .loginW .login_bx h3{text-align:center;font-size:3.5rem;font-weight:600;color:#515151} .loginW .login_bx .login_B{margin:2rem 0} .login_B input{margin:5px 0;width:80%} .login_B .loginBtn{border-radius:4px;background:#ff722c;color:#fff;font-weight:600;font-size:1.6rem; display:block;width:70%;height:50px;margin:30px auto 15px auto} .login_B .loginBtn:hover{background:#333;color:#fff;transition:0.6s} .login_B .login_menu{display:block;width:100%;font-size:1.33rem;color:#a2a2a2;width:70%;text-align:right;margin:0 auto 25px auto} .login_B .loginBtn_kakao{border-radius:4px;background:#ffeb3b url('../../m_img/sub/ico_kakao.png') 20px center no-repeat;background-size:30px;color:#333;font-weight:600;font-size:1.4rem; display:block;width:70%;height:50px;margin:10px auto} .login_B .loginBtn_naver{border-radius:4px;background:#00bf18 url('../../m_img/sub/ico_naver.png') 20px center no-repeat;background-size:30px;color:#fff;font-weight:600;font-size:1.4rem; display:block;width:70%;height:50px;margin:10px auto} .login_btm{display:block;margin-top:35px} .login_btm span{display:inline-block;font-size:1.33rem;color:#8f8f8f} .login_join{display:inline-block;margin-left:20px} /* 회원가입 */ .joinW{margin:2.5rem auto;max-width:100%;text-align:center;border-top:1px solid #555;border-bottom:1px solid #555;min-height:500px;} .joinW .join_bx{padding:1rem 0} .joinW .join_bx h3{text-align:center;font-size:3.5rem;font-weight:600;color:#515151} .joinW .join_bx .join_B{margin:2rem 0} .icon-collapse{width: 24px;height: 24px;background-image: url('../../m_img/sub/arrow-up.svg');transform: scaleY(-1);} .form-member{border: 2px solid;border-width: 2px 0;text-align:left} .form-width{width:100%;margin:0px auto} .form-group{position:relative} .ico_search{position:absolute;right:7px;top:7px;} .custom-control-label{font-size:1.3rem} .signup-list{display: flex;align-items: center;counter-reset: signup-process;margin-bottom: 3rem;justify-content: center;line-height: 1.8rem;color: #999;font-weight: 600;font-size:1.4rem} .signup-list>li{display: inline-flex;align-items: center;vertical-align: top} .signup-list>li:before{counter-increment: signup-process;content: counter(signup-process);width: 2rem;height: 2rem;display: inline-flex;vertical-align: top;align-items: center;justify-content: center;background: #ccc;color: #fff;border-radius: 100%;margin-right: .8rem} .signup-list>li+li{position: relative;padding-left: 2rem} .signup-list>li+li:after{content: '';position: absolute;width: .85rem;height: .2rem;left: 2rem;top: 50%;margin: -.1rem 0 0 -.4rem;opacity: .2} .signup-list>.active{color: #111} .signup-list>.active:after{opacity: 1} .signup-list>.active:before{background: #111} .term-hd .custom-control{font-size: 1.4rem} .all-agree{padding: 1.5rem 0} .all-agree .custom-control{font-size: 1.4rem} .all-agree .text-muted{font-size: 1.35rem;margin-left: .25rem} .collapse-item, .collapse{border-top: 1px solid #ddd} .term-hd{display: flex;justify-content: space-between;align-items: center;padding: 1rem 1rem 1rem 0;font-size:1.42em} .term-ct{padding: 2rem 3rem 3rem 3rem;font-size:1.13rem;background: #F5F8FD;max-height: 12rem;overflow-y: auto} .form-member .fs-4{margin-bottom: .75rem} .form-member.form-write{padding: 2rem 0 1rem 0} .signup-end{padding: 4rem 2rem;text-align: center;font-size: var(--text-base-size)} .signup-end>p{margin: .5rem 0 1rem} .form-footer{padding-top:0rem} .form-footer_btns{margin-top: 3rem;display: flex;flex-wrap: nowrap; justify-content: center;} .form-footer_btns button{margin:0 0.5rem;} .join_Btn{border-radius:40px;background:#ff722c;color:#fff;font-weight:600;font-size:1.7rem; display:block;width:auto;padding:15px 50px 12px 50px;margin:30px auto 15px auto} .join_Btn:hover{background:#333;color:#fff;transition:0.6s} .form-member .form_bx{padding:1rem} .form-write{border-top: 2px solid;padding-top: 1.0rem} .form-write .form-group{max-width: none;flex: 1;max-width: 100%; margin-bottom: 0;width:100%;} .form-write .form-label{width:8rem;font-weight:600;font-size:1.5rem;padding-top:8px} .form-write .form-plain{line-height: 20px;padding: 10px 0;font-size: var(--text-base-size)} .form-write .form-footer{margin-top: 3rem} .form-field { display: flex; font-size: 16px; margin-bottom: 1rem; flex-wrap: wrap;} .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;margin-right: 0px; margin-left:0px;flex-direction: column;} .form-row input{width:98% ! important;display:block} .input-group .btn, .form-row>.btn{display: inline-flex;padding-top: 0;padding-bottom: 0;justify-content: center;align-items: center;min-width: 6rem;margin-left: .5rem} .form-row>.btn{margin-left: 5px} .form-row>.col,.form-row>[class*=col-] { padding-right: 5px; padding-left: 0px} select.form-control { -webkit-appearance: none; padding:10px 30px 10px 12px;width:100%; height:45px; background: #fff url('../../m_img/common/select.svg') no-repeat center right 12px;} .check_btn{border-radius:4px;width:100px;padding:5px 10px;border:1px solid #ff722c;text-align:center;font-size:1.43rem;margin-top:5px} .invalid-feedback{font-size:1.36rem;padding-top:5px;color:#ff722c;} .text-primary {color: #ff722c !important;font-weight:600;font-size:1.6rem;padding-left:5px} .group_st{font-weight:400;font-size:1.3rem;padding:12px 0} .form-label_bx{width:13rem;display:inline-block;font-weight:600;font-size:1.35rem;padding:8px} /******/ .form-group input[type='submit']{font-size:1.3rem} .form-group input[type='date']{font-size:1.3rem} .guide_ti{font-size:1.32rem} .guide_tx{font-size:1.26rem} .form-money .money_t{font-size:1.52rem;padding-bottom:1rem} .form-money .money_txt{font-size:1.52rem} .form-money .money_txt span{font-size:2.5rem} .form-money .money_stxt{font-size:1.25rem} /*********************/ .m_Table_th{display:none} .m_Table_td{border:1px solid #ddd;border-radius:6px;padding:1rem 1.3rem;display:inline-block ! important;width:100%;margin:5px 0} .m_Table_td li{width:100% ! important;line-height:1.5rem ! important;display:flex;align-items: center;clear:both;float:none;text-align:left ! important;border-bottom:1px solid #e9e9e9} .m_Table .m_Table_td .td_c{margin:0} .mb_txt{width:66%;display:inline-block;} .mb_ttl{display:inline-block;width:33%;font-size:1.4rem;line-height:1.5rem;font-weight:600;} .mb_txt_fir{width:66%;display:inline-block;} .mb_ttl_fir{display:inline-block;width:33%;font-size:1.4rem;line-height:1.5rem;font-weight:600;} .m_Table .m_Table_td dl{float:left;width:100%} .m_Table .m_Table_td dt{float:left;width:100%;text-align:left;border-radius:0px;color:#535353} .m_Table .m_Table_td dd{float:left;width:100%;text-align:left} .m_Table_td .mt5{margin-top:0px ! important} /***** view ******/ .o_View_con_in h4{padding:1rem 1rem;font-size:1.85rem} .o_View_conts{padding:1rem;border-top:1px dashed #d5d5d5;font-size:1.4rem;line-height:1.8rem;} /**** view_의뢰내용 ***/ .o_View{display:inline-block;position:relative;flex-wrap: nowrap; justify-content: space-between;align-items: flex-start;margin:0} .o_View_con_left{text-align:left;width:100%;} .o_View_con_right{text-align:left;width:100%;margin:0rem 0;border:1px solid #d9d9d9;padding:1.3rem;border-radius:20px;} .o_View_con{text-align:left;width:100%;margin:1rem 0 1rem 0;border:1px solid #d9d9d9;padding:1.7rem 1.3rem;border-radius:20px;} .o_View_con_t h4{padding:1rem 1rem;font-size:1.7rem;border-bottom:1px solid #ddd} .O_V_address{font-size:1.42rem;padding:2rem 2rem} .o_View_con_t .day_dl{display:inline-block;padding:1rem 0 0 1rem;width:100%} .o_View_con_t .day_dl dt{font-weight:600;color:#555;font-size:1.5rem;float:left;width:35%} .o_View_con_t .day_dl dd{color:#555;font-size:1.5rem;float:right;width:64%} .O_V_day{font-size:1.5rem;padding:0rem 0rem 1rem 2rem ! important;border-bottom:0px solid #ddd;width:100%} .O_V_day .day{font-size:1.8rem;color:#ff722c;font-weight:600} .o_View_con_t span{display:inline-block;font-size:1.45rem;color:#fff;text-align:center;border-radius:60px;padding:8px 15px} .o_View_con_t p{display:inline-block;font-size:1.35rem;color:#565656;text-align:left;padding-left:15px;padding-top:10px} .o_View_info{padding:1rem 0rem 1rem 0rem} .o_View_info .dl50{margin:0 0 5px 0;align-content: flex-start; flex-wrap: wrap; align-items: flex-start; flex-direction: row; justify-content: space-between;display:inline-block;width:100%} .o_View_info .dl50 dt{float:left;width:30%;text-align:left;font-size:1.4rem;border-radius:100px;padding:6px 15px;font-size:1.4rem ! important;color:#333 ! important;background:#ddd;} .o_View_info .dl50 dd{float:right;width:68%;text-align:left;font-size:1.4rem;padding-top:6px} .o_View_info .dl100{margin:0 0 5px 0;align-content: flex-start; flex-wrap: wrap; align-items: flex-start; flex-direction: row; justify-content: space-between;display:inline-block;width:100%} .o_View_info .dl100 dt{float:left;width:30%;text-align:left;font-size:1.4rem;border-radius:100px;padding:6px 15px;font-size:1.4rem ! important;color:#333 ! important;background:#ddd;} .o_View_info .dl100 dd{float:right;width:68%;text-align:left;font-size:1.4rem;padding-top:6px} /*** 간병인 상세 ***/ .g_View_con {position:relative;border:1px solid #d9d9d9;padding:1.3rem;border-radius:40px;display:flex} .g_View_img { width:30%;display:inline-block; vertical-align: middle; } .g_View_img img{width:90%;border-radius:25px;} .g_View_bx{display:inline-block;;width:68%} .g_View_text_bx1 { padding: 1rem; box-sizing:border-box; width:85%; } .g_View_text_bx1 p{padding:0.5rem 0;font-size:1.65rem;display:flex;} .g_View_text_bx1 .name{font-size:2.2rem;font-weight:600;color:#333} .g_View_text_bx1 .cate_name{color:#999;font-size:1.5rem;text-align:left;padding:8px } .order_btn{border-radius:50px;background:#fff;border:1px solid #555;font-size:1.4rem;margin-left:40px;padding:7px 20px} .g_View_text_bx1 .price{font-size:1.65rem;color:#999} .g_View_text_bx1 .cate_price{font-size:1.8rem;color:#ff6b23;margin-left:30px;margin-right:50px;} .g_View_text_bx2 { padding:1rem 1.5rem; box-sizing:border-box; width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd; } .g_View_text_bx2 p{padding:0.5rem 0;font-size:1.65rem;display:flex;justify-content: space-between;width:31%;display:inline-block;text-align:center;color:#999} .g_View_text_bx2 p:first-child{ border:0} .g_View_text_bx2 p:last-child { border:0} .g_View_text_bx2 p { border-left:1px solid #ddd;border-right:1px solid #ddd; } .g_View_text_bx2 .age{color:#454545;font-size:1.8rem;text-align:center;display:block} .g_View_text_bx3 { padding: 1.0rem; box-sizing:border-box;display:inline-block;width:49%; } .g_View_text_bx3 dl{border-bottom:1px dashed rgba(0,0,0,0.2);padding:0.4rem 0} .g_View_text_bx3 dt{display:inline-block;width:30%;padding:0.5rem 0;font-size:1.45rem;color:#999} .g_View_text_bx3 dd{display:inline-block;width:68%;padding:0.5rem 0;font-size:1.45rem;color:#555} .g_View_text_bx4 { width:100px;position:absolute;right:20px;top:10px } .g_View_text_bx4 .btn_order{width:100px;height:100px;background:#ff6b23;color:#fff;font-size:1.6rem;text-align:center;border-radius:100%} .g_View_text_bx4 .btn_order:hover{transition:0.6s;background:#333;color:#fff;} .g_View_text_bx4 .btn_no{width:100px;height:100px;background:#868686;color:#fff;font-size:1.6rem;text-align:center;border-radius:100%;margin:10px 0 0 0} .g_View_text_bx4 .btn_no:hover{transition:0.6s;background:#333;color:#fff;} .g_n_line{border-bottom:0px ! important} .g_View_con_in {position:relative;border:1px solid #d9d9d9;padding:1.3rem;border-radius:20px;margin:25px 0} .g_View_con_in h4{padding:1rem 3.5rem;font-size:2.3rem} .g_View_conts{padding:2rem 3.5rem;border-top:1px dashed #d5d5d5;font-size:1.4rem;line-height:1.8rem;text-align:left} .g_View_review {padding: 1.2rem 0 !important; box-sizing:border-box;border-radius:5px;border:1px solid #d5d5d5;} .g_View_review:first-child { box-sizing:border-box; } .g_View_review_row {display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap;} .re_name{width:100%;text-align:center;padding:15px 0px 0 0px;font-size:1.4rem} .re_text{width:100%;text-align:left;padding:15px 0;border-top:1px solid #ddd;word-break: break-all} .re_text h5{font-size:1.42rem;line-height:1.8rem;padding:1.3rem;font-weight:600} .re_text p{font-size:1.30rem;line-height:1.6rem;padding:1.3rem;} /*************************************/ /******* 캘린더 **********/ .s21_schedulebx_left{display:none} .s21_schedulebx_right{float:left ! important;width:100% ! important;} /**************ETC*********************/ .etc_Bx{padding:2rem;} .etc_Bx h4{font-size:2.3rem;text-align:left;padding-bottom:2.3rem;border-bottom:1px solid #ddd} .etc_Bx_in{padding:1.6rem 1.1rem;} .etc_Bx_in p{font-size:1.4rem;line-height:1.8rem;text-align:left} } @media (max-width:768px){ .container { padding-left: 1.3rem; padding-right: 1.3rem; } .m365_s_bx_my{padding:0rem 1rem 2rem 1rem;margin:0;text-align:right;z-index:-1} .sub-head .nav > span > a { font-size:1.38rem; color:#dadada; } .sub_ctt .t_h3{ font-size:3rem;padding: 2rem 0 0rem 0rem;text-align:left } .sub_ctt .t_h4{ font-size:1.8rem ;padding: 1.3rem 0 0rem 0rem;text-align:left } .sub_ctt .t_h5{ font-size:1.7rem ;padding: 1rem 0 0rem 0rem;text-align:center;} .sub_ctt .t_h5 span{background:#ffb17f;border-radius:60px;color:#fff;padding:1.5rem 3rem;font-size:1.6rem;} .house{min-height:140px;max-height:140px;min-width:48%;max-width:48%;margin:10px 0.4% 1rem 0.4%;border-radius:0px 20px 0px 20px;border:1px solid #ffb17f;padding:1rem;} .house h6{font-weight:600;font-size:2.4rem;text-align:center;color:#ffb17f;padding:1.2rem 0;border-bottom:1px dashed #ffb17f} .house p{font-weight:400;font-size:1.43rem;line-height:1.8rem;text-align:center;color:#565656;padding:1.2rem 1rem;} .together_t_bx_pro{display:flex;padding:0rem;justify-content: space-around;flex-wrap: wrap;} .together_t_bx_in{width:98%;margin:10px 0.8%;border-radius:0 20px 0 20px;border:2px solid #ffc4a7;padding:2rem 2rem 4rem 2rem;text-align:center;min-height:200px} .together_t_bx_in .to_in_ttl{font-size:2rem;line-height:2.5rem;text-align:center;font-weight:400;padding:2rem 0 1rem 0;color:#565656;} .together_t_bx_in .to_in_ttl span{font-size:2.2rem;font-weight:600;color:#ff722b;} .together_btm{margin:0px auto;text-align:center;padding:3.5rem 0 0 0;border-top:1px solid #ddd;display:flex;align-items: flex-start; flex-direction: column; flex-wrap: nowrap; justify-content: center;} .together_btm_img{display:inline-block;width:100%;text-align:center} .together_btm_img img{max-width:100%;min-width:100%;width:100%;border-radius:25px 0px 25px 0} .together_btm_txt{display:inline-block;width:100%;} .together_btm_txt p{padding:3rem 2rem 2rem 0;font-size:1.7rem;line-height:3rem;text-align:left} .together_btm_span{margin:2rem 0;text-align:left} .together_btm_span span{font-size:1.6rem;border-radius:100px;border:1px solid #ff8236;text-align:center;padding:1rem 2rem;margin:10px 0 0 10px ;display:block;} /****** 돌봄 일감 지원 서비스 ***********/ .work_in_bx{display:flex;padding:2rem 0 0 0;justify-content: space-around;flex-wrap: wrap;} .work_in_bx_btm{display:inline-block;padding:0rem 0 0 0;justify-content: space-around;flex-wrap: wrap;width:100%} .work_in{width:48%;margin:10px 0.7%;border-radius:0 20px 0 20px;border:2px solid #ffc4a7;padding:1rem 1rem 0rem 1rem;text-align:center;} .work_in h6{font-weight:600;font-size:2.5rem;text-align:center;color:#ffb17f;padding:1.5rem 0 2rem 0;border-bottom:1px dashed #ffb17f} .work_in p{font-weight:400;font-size:1.4rem;line-height:2.0rem;text-align:center;color:#565656;padding:1.5rem 1rem;} .work_tv_tbx{padding:2rem 0 0 0rem;width:100%} .work_tv_tbx .tv_ttl{text-align:left;font-weight:600;font-size:4rem;padding:1rem 0 1rem} .work_tv_tbx .tv_txt{text-align:left;font-weight:400;font-size:1.23rem;line-height:1.8rem;color:#dadada} .work_tv{padding:2rem 0 0 0rem;width:100%} .tv_bx{border:0px solid #ddd;} .work_tv_tbx .the_more{width:auto;margin-top:1rem;font-weight:500;text-align:left;font-size:1.2rem;text-align:center;padding:10px 15px;background:#ffb17f;color:#fff;border-radius:100px} .work_tv_tbx .the_more:hover{transition:0.6s;background:#333} .work_img{padding:0 ! important} .work_img img{width:100%;border-radius:0 18px 0 18px;} .work_in_g{width:49%;margin:20px 0.3%;border-radius:0 40px 0 40px;border:0px solid #ffc4a7;padding:0rem;text-align:center;} .work_in_g h6{border-radius:0 40px 0 40px;text-align:center;color:#ffb17f;padding:0;border-bottom:0px dashed #ffb17f;float:left;width:40%} .work_in_g p{font-weight:400;font-size:1.8rem;line-height:2.5rem;text-align:left;color:#565656;padding:3rem;float:right;width:58%} .work_in_g img{width:100%;border-radius:0 40px 0 40px;} /******** 가족 간병 서비스 ***********/ .sub3_left_bg{background:url('../../m_img/sub/sub3_img.png') center center no-repeat;min-height:400px;} .sub3_txt{text-align:center;margin:25px auto;padding:1.3rem 3rem;border-radius:60px;background:#ffb894;color:#fff;font-weight:500;text-align:center;font-size:1.6rem} .sub3_txt span{padding:0rem;border-radius:0px;background:none;color:#fff;font-weight:500;text-align:center;font-size:1.6rem} .family_caution{padding:2rem 3rem;border-radius:0 30px 0 30px;border:1px solid #e8e8e8;margin:4rem 4rem 6rem 4rem} .family_caution h5{text-align:left;font-weight:600;font-size:2.2rem;padding:1rem 2rem 2rem 2rem;border-bottom:1px solid #cdcdcd;color:#626262} .family_caution .family_caution_in{} .family_caution .family_caution_in li{font-size:1.6rem;padding:2rem;border-bottom:1px dashed #cdcdcd;color:#6c6c6c} .family_caution p{text-align:left;font-weight:400;font-size:1.2rem;padding:2rem 2rem 3rem 2rem;color:#b4b4b4} /********* 갤러리 *************/ .gall_row .col-gn-4 {width:98%;margin:1% 0.3%;} .w_name{display:none} .n_num{width:20% ! important;margin-right:1% ! important} .m_info_st{font-size:1.25rem} .nums{font-size:1.45rem} .nums span{font-size:1.55rem} /***************************/ .conts_flex_in{width:48%;margin:10px 0.6%;border-radius:0 20px 0 20px;border:2px solid #ffc4a7;padding:1rem 3rem 4rem 3rem;text-align:center;} .conts_flex_in .flex_in_img{text-align:center;padding:1rem 0 0 0;} .conts_flex_in .flex_in_img img{max-width:148px;min-width:148px} .conts_flex_in .flex_in_ttl{font-size:2.2rem;text-align:center;font-weight:600;padding:0rem 0 1rem 0;color:#ff722b} .conts_flex_in .flex_in_txt{font-size:1.4rem;line-height:1.7rem;text-align:center ! important;font-weight:500;padding:1rem 0rem;word-break: break-all;word-wrap: break-word;color:#757575} .conts_g_List{padding:2rem 1rem;border-radius:0px 20px 0px 20px;border:2px solid rgba(0,0,0,0.1);margin-top:2rem} .conts_flex_g{display:flex;padding:1.6rem 0.8rem;justify-content: space-around;flex-wrap: wrap;} .flex_in_g_ttl{font-size:2.2rem;text-align:center;font-weight:600;padding:0rem;color:#333} .flex_in_g_txt{font-size:1.4rem;line-height:2rem;text-align:center;font-weight:400;padding:2rem 0 0 0;color:#757575} .conts_flex_g_in{width:98%;margin:10px 0.6%;border-radius:0 17px 0 17px;border:1px solid #ffc4a7;padding:1rem 1.5rem 2rem 1.5rem;text-align:center;} .conts_flex_g_in .flex_g_in_ttl{font-size:1.85rem;text-align:left;font-weight:600;padding:1rem 0 1rem 0;color:#ff722b;border-bottom:1px dashed #cacaca} .conts_flex_g_in .flex_g_in_txt{width:100%} .conts_flex_g_in .flex_g_in_txt li{width:100%;border-top:1px dashed #cacaca;font-size:1.4rem;line-height:1.8rem;text-align:left ! important;font-weight:500;padding:1rem 0rem;word-break: break-all;word-wrap: break-word;color:#757575} /****************************/ .work_cate .work_bx .cate_img{float:left;width:20%;padding:1.5%;text-align:center;border-right:0px solid #e1e1e1} .work_cate .work_bx .cate_img img{width:80px;} .work_cate .work_bx .cate_bx{float:right;width:70%;padding:1% 4% 3% 4%;border-left:1px solid #e1e1e1;min-height:80px} .work_cate .work_bx .cate_bx dl{width:100%;padding-top:10px} .work_cate .work_bx .cate_bx dt{width:100%;font-size:1.5rem;font-weight:600;text-align:left;} .work_cate .work_bx .cate_bx dd{width:100%;font-size:1.35rem;text-align:left;padding-top:5px} .o_View_con_in {position:relative;float:left;border:1px solid #d9d9d9;padding:1.1rem;border-radius:20px;margin:10px 0;background:#fafafa} .o_View_top{display:flex;float:left;flex-wrap: nowrap;width:100%} .o_View_top dl{display:inline-block;width:48%;padding-top:10px;margin:0 0.6%} .o_View_top dt{float:left;width:100%;padding:7px 12px;border-radius:60px;background:#787878;color:#fff;text-align:center;font-size:1.4rem;} .o_View_top dd{float:left;width:100%;font-size:1.4rem;padding:7px 10px;text-align:center;} .g_View_text_bx4 { width:60px;position:absolute;right:8px;top:-15px;text-align:center; } .g_View_text_bx4 .btn_order{width:60px;height:60px;background:#ff6b23;color:#fff;font-size:1.4rem;text-align:center;border-radius:100%} /*******************마이페이지 _ 메인****************************/ /*.myPage{} .myPage .my_t_bx{width:100%;display:flex;flex-wrap: nowrap; justify-content: space-around;flex-direction: column;} .mybx_left{width:100%;padding-bottom:20px;margin-bottom:5px} .mybx_left div{padding:1.5%;} .myPage .my_t_bx .mybx{width:100%;padding-bottom:20px;margin-bottom:5px} .myPage .my_t_bx .mybx div{padding:1.5%;} .myPage .my_line{border:2px solid rgba(0,0,0,0.1);border-radius:6px;} .myPage .my_B{background:#ff722c;border-radius:6px;} .myPage .my_line:hover{transition:0.6s;border:2px solid rgba(255,144,44,0.9);border-radius:6px;} .myPage .my_B:hover{transition:0.6s;background:#565656;border-radius:6px;} .myPage .my_t_bx .mybx_in{width:100%;padding:20px 0 50px 0;margin-bottom:10px} .myPage .my_t_bx .mybx_in .mybx div{padding:5%;} */ .myPage .my_in{margin:20px auto;text-align:center;width:100px;height:100px;border-radius:100%; border:2px solid rgba(255,255,255,0.6)} .myPage .my_in:hover{transition:0.6s;border:2px solid #ff722c} .myPage .my_in img{width:85%;padding-top:5px} .myPage .my_name{font-size:1.8rem;color:#fff;padding:0px 0 10px 0;margin:0px auto;text-align:center;width:100px;} .myPage .my_btns{margin:0px auto;text-align:center;width:auto;display:flex;flex-wrap: nowrap; justify-content: center;} .myPage .my_btns button{padding:8px 18px;;text-align:center;font-size:1.5rem;border-radius:60px;margin:0 3px;} .myPage .my_btns .my_btn_bank{background:#333;color:#fff;} .myPage .my_btns .my_btn_logout{border:1px solid rgba(255,255,255,0.6);color:#fff;} .myPage .my_btns .my_btn_bank span{color:#ff722c} .myPage .my_btns .my_btn_g{border:1px solid rgba(255,144,44,0.9);color:#ff722c;} .myPage .my_cal_in{margin:20px auto;text-align:center;width:100px;height:100px;border-radius:100%; border:2px solid rgba(255,144,44,0.6)} .myPage .my_cal_in:hover{transition:0.6s;border:0px solid rgba(0,0,0,0.8)} .myPage .my_cal_in img{width:75%;padding-top:10px} .myPage .my_cal_t{font-size:1.8rem;color:#333;padding:0px 0 0px 0;margin:0px auto;text-align:center;width:100%;font-weight:600} .my_btm_bx{margin:20px auto 0px auto;width:100%;display:flex;flex-wrap: nowrap; justify-content: space-around;flex-direction: column;} .my_btm_bx .my_btm_in{width:98%;margin:0 0.4%} .my_btm_bx .my_btm_in h4{font-size:2rem;text-align:left;color:#333} .my_btm_bx .my_btm_in .my_btm_in_bx{margin:20px 0;display:flex;flex-wrap: nowrap; justify-content: space-around;} .my_btm_bx .my_btm_in .my_btm_in_bx div{border-radius:5px;border:1px solid rgba(0,0,0,0.1);width:24%;} .my_btm_bx .my_btm_in .my_btm_in_bx div dl{padding:10px 0px;} .my_btm_bx .my_btm_in .my_btm_in_bx div dt{width:100%;border-bottom:1px solid rgba(0,0,0,0.1);font-weight:500;font-size:1.42rem;padding:60px 2% 5px 2%;text-align:center;color:#595959;min-height:115px} .my_btm_bx .my_btm_in .my_btm_in_bx div dd{width:100%;font-size:1.62rem;padding:10px 0;text-align:center;font-weight:600;color:#565656} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx1{background:url('../../m_img/sub/ico_my_ing.png') center top no-repeat;background-size:55px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx2{background:url('../../m_img/sub/ico_my_end.png') center top no-repeat;background-size:55px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx3{background:url('../../m_img/sub/ico_my_cancle.png') center top no-repeat;background-size:55px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx4{background:url('../../m_img/sub/ico_my_review.png') center top no-repeat;background-size:55px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx11{background:url('../../m_img/sub/ico_my_ing2.png') center top no-repeat;background-size:55px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx22{background:url('../../m_img/sub/ico_my_end2.png') center top no-repeat;background-size:55px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx33{background:url('../../m_img/sub/ico_my_cancle2.png') center top no-repeat;background-size:55px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx44{background:url('../../m_img/sub/ico_my_review2.png') center top no-repeat;background-size:55px;} /*** 마이페이지_내지갑 ***/ .modal-content {border-radius:25px;} .myPage .my_card_bx{width:100%;display:flex;flex-wrap: nowrap; justify-content: space-around;flex-direction: column;margin-top:10px} .myPage .card_list{border-bottom:0px dashed #959595} .myPage .card_list .mb30{margin-bottom:10px ! important} .card_list_Bx{padding:1%;background:#f3f3f3;margin-top:10px;border-radius:5px} .card_list_Bx dl{display:flex;align-items: center;} .card_list_Bx dt{display:inline-block;width:100px;} .card_list_Bx dt img{width:85px;} .card_list_Bx dd{display:inline-block; width: calc(100% - 100px);text-align:left;font-size:1.42rem;font-weight:600;padding-top:0px;position:relative} .card_list_Bx dd span{display:block;width:100%;font-size:1.25rem;padding-top:10px} .myPage .my_card_bx .mybx_bank{width:100%;margin:15px 0;padding-bottom:20px} .myPage .my_card_bx .mybx_bank div{padding:3%;} .my_b_ttl{font-size:1.8rem;width:100%;text-align:center;font-weight:600} .myPage .my_bank_in{margin:20px auto;text-align:center;width:100px;height:100px;border-radius:100%; border:2px solid rgba(255,144,44,0.6)} .myPage .my_bank_in:hover{transition:0.6s;border:2px solid rgba(0,0,0,0.8)} .myPage .my_bank_in img{width:50%;padding-top:25px} .modal-body .modal_h5{font-size:2.5rem;} .modal-body .modal_p{font-size:1.45rem;padding:0px 0} .modal_p_text{font-size:1.35rem;padding:5px 0 5px 0} .modal_inBx{padding:10px;} .card_form{display:flex;flex-direction: column; flex-wrap: nowrap; justify-content: flex-start;} .card_form_p{border:1px solid #e8e8e8;border-radius:6px;padding:20px;margin-top:20px} .modal-body .modal_bank_p{font-size:1.55rem;padding:0px 0} .modal-body .modal_bank_p span{font-weight:600} /*********************************/ /***** 마이페이지 _ 카드계좌 수정 *****/ .my_mo_btns{position:absolute;top:0px;right:0px;font-size:1.25rem;color:#fff;background:#333;padding:8px 15px;border-radius:60px} /*** 회원정보 ***/ .modal_h5{font-size:2.8rem;padding-bottom:20px;border-bottom:1px solid #565656;margin-bottom:20px} .modal_h6{font-size:2rem;} .modal_p2{padding:15px 10px 5px 1px;font-size:1.42rem;line-height:1.8rem} /************************************/ /********** 마이_의뢰인_돌봄현황*********/ .Depth_mm{display:flex;flex-wrap: wrap;margin: 10px 0 5px 0; } .Depth_mm a{margin:0 5px;} .Depth_mm span{border-radius:5px;padding:10px 15px;font-size:1.48rem;border:1px solid #a6a6a6;background:#fff;} .Depth_mm span:hover{transition:0.6s;border:1px solid #333;background:#fff;} .Depth_mm .on{border:1px solid #ff722b;background:#ff722b;color:#fff;margin:0 5px} .Depth_mm .on:hover{transition:0.6s;border:1px solid #333;background:#333;color:#fff;margin:0 5px} .subW{margin:30px auto 0px auto;text-align:center;display:flex;justify-content: space-between; flex-wrap: nowrap;flex-direction: column;} .Depth_m{display: flex; margin:0px 0 10px 0; flex-wrap: nowrap; justify-content: center; align-items: center;} .Depth_m button{margin:0 3px} .Depth_m button{border-radius:8px;padding:10px 15px;font-size:1.4rem;border:1px solid #d6d6d6;background:#fff;} .Depth_m button:hover{transition:0.6s;border:1px solid #333;background:#fff;} .Depth_m .active{border:1px solid #333;background:#333;color:#fff;margin:0 5px} .Depth_m .active:hover{transition:0.6s;border:1px solid #333;background:#333;color:#fff;margin:0 5px} .m365_status_tabcontent{display:none} .selected-item .my_search_ico{background:#555 url('../../m_img/common/ico_search_W.png') center center no-repeat;background-size:23px;color:#fff;width:30px ! important;} .search-select { display:flex;flex-wrap: wrap;gap: 1px;justify-content: flex-start;align-items:center;z-index:-1;text-align:left} .my_status{position:relative;z-index:-1;top:0px;right:10px;border-radius:10px;padding:15px 0;border:0px solid #c5c5c5;display: flex; align-items: center; justify-content: space-around; flex-direction: row;} .my_status .my_status_div{border-radius:10px;margin:0 2px;min-width:115px;height:90px;background: #eee;} .my_status .my_status_div p{text-align:center;font-weight:600;font-size:1.35rem;color:#565656;padding-top:30px} .my_status .my_status_div span{text-align:center;font-weight:600;font-size:1.45rem;color:#ff722b} .my_status .my_status_div:hover{transition:0.6s;background: #d6d6d6;} .subW_in{margin:10px auto;text-align:center;} .my_status_Bx{display:flex;justify-content: space-between;flex-wrap: wrap;background: #F8F8F8; border-radius:0px;width:100%;min-height:200px;background:#fff;margin:0px 0 20px 0;border: solid #E3E3E3 1px; box-shadow: 5px 5px 20px rgba(201, 201, 201, 0.5) ; -webkit-box-shadow: 5px 5px 20px rgba(201, 201, 201, 0.5) ; -moz-box-shadow: 5px 5px 20px rgba(201, 201, 201, 0.5) ; } .my_status_Bx .my_sta_inL{position:relative;margin:1% 1% 0 1%;display:inline-block;width:100%;text-align:left;padding:3% 3% 1% 3%;border:0px solid #000} .my_sta_ls_T{width:100%;text-align:left;} .my_sta_ls_T .my_sta_cate{display:inline-block;border-radius:60px;text-align:center;background:#787878;color:#fff;font-size:1.4rem;padding:8px 12px;width:80px} .my_sta_ls_T dl{display:inline-block;border:0px solid #000;margin-left:1%;margin-top:20px;padding:3% 0} .my_sta_ls_T dt{display:inline-block;font-size:1.38rem;padding:0 10px;color:#979797} .my_sta_ls_T dd{display:inline-block;font-size:1.38rem;font-weight:500;} .my_sta_ls_T .my_sta_btn1{top:5px;right:95px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;border:1px solid #ff722b} .my_sta_info_BX{padding:2%;border-radius:0px;border:1px solid rgba(0,0,0,0.2);margin:40px auto} /***** 상태 버튼 *******/ .my_ing_guide{margin:50px 0 30px 0;width:100%;padding:2%;border-top:1px solid #d6d6d6} .my_ing_g_bx{display: flex; text-align: left;flex-direction: column; align-content: flex-start; flex-wrap: nowrap;} .my_ing_g_bx p{font-size:1.3rem;margin:8px 0;width:100%;display: flex;flex-wrap: nowrap; align-items: center;} .my_ing_g_bx button{font-size:1.3rem;min-width:90px} .my_list_btns{position:absolute;top:0;right:0;display: inline-flex; width:100%; justify-content: flex-end;} .my_list_btns button{margin:0 0 0 3px;} /*등록*/ .my_sta_btn01{top:5px;right:0px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#ffb368;color:#fff} /*대기*/ .my_sta_btn02{top:5px;right:0px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#74cb3a;color:#fff} /*진행*/ .my_sta_btn03{top:5px;right:0px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#5777ff;color:#fff} /*종료*/ .my_sta_btn04{top:5px;right:0px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#333;color:#fff} /*간병종료*/ .my_sta_btn05{top:5px;right:0px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#ff5757;color:#fff} /*정산대기*/ .my_sta_btn06{top:5px;right:0px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#789bff;color:#fff} /*처리완료*/ .my_sta_btn07{top:5px;right:0px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#9578ff;color:#fff} /*취소*/ .my_sta_btn08{top:5px;right:0px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#858585;color:#fff} /*마감*/ .my_sta_btn09{top:5px;right:0px;border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#565656;color:#fff} /**/ .my_sta_ls_M{width:100%;text-align:left;padding:1%;display:flex; justify-content: flex-start;} .my_sta_ls_M .my_sta_ls_Mt{font-size:2.3rem;font-weight:600;width:100%;display:block;padding-left:10px;} .my_sta_ls_Min{width:100%;} .my_sta_ls_in{display: flex;flex-wrap: wrap; justify-content: space-between; margin: 20px 0; flex-direction: column;border:1px solid #ddd;border-radius:6px;padding:10px;} .my_sta_ls_in dl{width:100%;margin:5px 0 0% 2%;padding-bottom:7px;border-left:0px solid #ddd;border-bottom:1px dashed #ddd;border-radius:0px} .my_sta_ls_in dt{font-size:1.42rem;text-align:left;float:left;width:34%;} .my_sta_ls_in dd{font-size:1.42rem;font-weight:600;text-align:left;padding-top:0px;float:right;width:64%;} .my_sta_ls_in .my_bd_none{border:0} .my_sta_ls_B{width:100%;text-align:left;display:flex; justify-content: flex-start;border-top:1px dashed rgba(0,0,0,0.25);padding:20px 0 0 0} .my_sta_ls_B .my_sta_ttl{text-align:left;font-weight:500;font-size:1.5rem;padding:10px 20px 0 30px;} .my_sta_ls_B .my_sta_btn3{border-radius:60px;padding:8px 20px;font-size:1.42rem;text-align:center;background:#565656;color:#fff} .my_status_Bx .my_sta_inR{margin:1%;padding:10px 1% 15px 1%;display:flex;justify-content: space-between;width:100%;background:#fff0e9;} .my_status_Bx .my_sta_inR dl{width:30%;margin:5px 1.3%;} .my_status_Bx .my_sta_inR dt{width:100%;font-weight:600;font-size:1.5rem;border-bottom:1px dashed rgba(0,0,0,0.3);padding:5% 0 10% 0;text-align:center;} .my_status_Bx .my_sta_inR dd{width:100%;font-weight:600;font-size:1.7rem;text-align:center;padding:8% 0 3% 0} .my_status_Bx .my_sta_inR button{border-radius:60px;padding:8px 16px;font-weight:600;font-size:1.35rem;text-align:center;color:#565656;border:1px solid #565656} .gall_img_cir{text-align:center;width:100%;} .gall_img_cir img{border-radius:30px;width:70%;} /**/ .g_View_text_bx3 .name{font-size:1.65rem;font-weight:600;color:#333;display:block;padding-bottom:1rem} /********** 의뢰관리 **********/ .my_admin_Bx{background: #F8F8F8; border-radius:0px;width:100%;min-height:170px;background:#fff;margin:0px 0 20px 0;border: solid #E3E3E3 1px; box-shadow: 5px 5px 20px rgba(201, 201, 201, 0.5) ; -webkit-box-shadow: 5px 5px 20px rgba(201, 201, 201, 0.5) ; -moz-box-shadow: 5px 5px 20px rgba(201, 201, 201, 0.5) ; } .my_admin_Bx .my_admin_in{display:inline-block;justify-content: space-between;width:100%;text-align:left;padding:0 1% 3% 1%;border:0px solid #000} .my_admin_Bx .my_admin_in dl{display:inline-block;width:47%;margin:10px 1% 0 1%;border:1px solid #ddd;background:#f8f8f8} .my_admin_Bx .my_admin_in dt{width:100%;font-weight:600;font-size:1.35rem;border-bottom:1px dashed rgba(0,0,0,0.3);padding:5% 0 5% 0;text-align:center;} .my_admin_Bx .my_admin_in dd{width:100%;font-weight:600;font-size:1.7rem;text-align:center;padding:5% 0 5% 0} .my_admin_Btm{margin:30px auto 30px auto;} /** 지원자관리 **/ .my_admin_BxIn{display:flex;flex-direction: column; flex-wrap: wrap;} .my_admin_g_bxl{width:94%;padding:3% 3%;text-align:left} .my_admin_g_bxl .my_admin_Lt{width:100%;} .my_admin_g_bxr{width:100%;padding:1%;text-align:center;background:#f5f5f5} .my_admin_Lt_span{font-size:1.4rem} .my_admin_Lt_h4{font-size:2rem;padding-top:10px} .my_admin_View_conts{padding:0rem 0rem;border-top:0px dashed #d5d5d5;font-size:1.4rem;line-height:1.8rem;margin-top:10px;display:flex;flex-wrap: wrap;} .my_admin_View_conts span{display:inline-block;padding:7px 16px;border-radius:60px;color:#fff;text-align:center;font-size:1.4rem;margin:5px 5px 0 0} .my_admin_View_top{display:flex;flex-wrap: nowrap;width:100%;margin-left:0%;flex-direction: column;} .my_admin_View_top dl{display:inline-block;width:100%;padding-top:10px} .my_admin_View_top dt{float:left;width:33%;padding:7px 12px;border-radius:60px;background:#696969;color:#fff;text-align:center;font-size:1.45rem;} .my_admin_View_top dd{float:right;width:65%;font-size:1.45rem;padding:7px 10px} .my_admin_num{padding:4% 2% 4% 2%;} .my_admin_num dt{text-align:center;font-size:1.6rem} .my_admin_num dd{padding:3% 0 0 0;text-align:center;font-size:2.2rem;color:#333;font-weight:600} .g_admin_View_con {position:relative;border:1px solid #d9d9d9;padding:1.3rem 0;border-radius:10px;display:flex;margin:30px 0 0 0;flex-direction: column;} .g_admin_View_gcon {position:relative;border-bottom:1px solid #d9d9d9;padding:1.3rem 1.5rem 2rem 1.5rem;border-radius:0px;display:flex;margin:15px 0 0 0;flex-direction: column;} .g_admin_View_gcon .g_View_img img{max-width:100%;min-width:100%;border-radius:10px} /***** 마이 _ 제안관리 *******/ .my_a_Table{display:block;width:100%;float:left;margin-bottom:30px} .my_a_Table .mt20{margin-top:0px} .my_a_Table .mt40{margin-top:0px} .my_a_Table .w20{width:100%} .my_a_Table .my_a_Table_th{display:none} .my_a_Table .my_a_Table_td{border:1px solid #ddd;border-radius:6px;padding:1rem 1.3rem;display:inline-block ! important;width:100%;margin:5px 0} .my_a_Table .my_a_Table_td li{width:100% ! important;display:flex;align-items: center;clear:both;float:none;text-align:left ! important;border-bottom:1px solid #e9e9e9;justify-content: space-between; align-items: flex-start; flex-direction: row; flex-wrap: wrap;} .my_a_Table .my_a_Table_td .dl50{display:inline-block;width:100%;margin:5px auto 0 auto;text-align:center} .my_a_Table .my_a_Table_td .dl50 dt{float:left;width:37%;text-align:center;border-radius:50px;color:#535353;background:#f3f3f3;} .my_a_Table .my_a_Table_td .dl50 dd{float:right;width:62%;text-align:center} .my_a_Table .my_a_Table_td .dl50 span{display:inline-block} .my_a_Table .my_a_Table_td .dl100{display:inline-block;width:100%;margin:5px auto 0 auto;text-align:center} .my_a_Table .my_a_Table_td .dl100 dt{float:left;width:37%;text-align:center;border-radius:50px;color:#535353;background:#f3f3f3;} .my_a_Table .my_a_Table_td .dl100 dd{float:right;width:62%;text-align:center} .my_a_Table .my_a_Table_td .dl100 span{display:inline-block} .my_a_Table .my_a_Table_td .td_c{margin-top:0rem} .my_a_Table .my_a_Table_td .td_t{background:#ff6b23;color:#fff;border-radius:50px;padding:5px 10px;text-align:center} .my_a_Table .my_a_Table_td .td_c2{font-size:1.3rem;color:#959595;display:block} .td_span{display:flex;flex-wrap: wrap;flex-direction: column; justify-content: center; align-items: center;flex-direction: row;} /* btn */ .Btns_Bx{width:100%;margin:30px auto;text-align:center;} .my_btn_Order{background:#ff6b23;border:1px solid #ff6b23;padding:1.2rem 1.5rem;color:#fff;text-align:center;font-size:1.45rem;border-radius:60px;} .my_btn_Cancle{background:#565656;border:1px solid #565656;padding:1.2rem 1.5rem;color:#fff;text-align:center;font-size:1.45rem;border-radius:60px;} .my_btn_Ok{background:#fff;border:1px solid #ff6b23;padding:1.2rem 1.5rem;color:#333;text-align:center;font-size:1.45rem;border-radius:60px;} .my_btn_No{background:#fff;border:1px solid #565656;padding:1.2rem 1.5rem;color:#333;text-align:center;font-size:1.45rem;border-radius:60px;} /***/ .m_btn_ok{border-radius:60px;padding:10px 25px;font-size:1.42rem;border:1px solid #ff722c;background:#fff; display: inline-block;} .m_btn_no{border-radius:60px;padding:10px 25px;font-size:1.42rem;border:1px solid #333;background:#fff; display: inline-block;} .m_btn_print{border-radius:60px;padding:10px 25px;font-size:1.42rem;border:1px solid #333;background:#fff; display: inline-block;} .my_bank_card_bx{width:100%;display:flex;flex-wrap: nowrap; justify-content: space-around;} .mybx_bank_in{width:48%;margin:30px 0;padding-bottom:20px;border-radius:20px; border:2px solid rgba(255,144,44,0.6)} .mybx_bank_in div{padding:3%;} .my_card_bank_in{margin:0px auto 10px auto;text-align:center;} .my_card_bank_in:hover{transition:0.6s;border:0px solid rgba(0,0,0,0.8)} .my_card_bank_in img{width:70px;padding-top:25px} /*************/ .m_Table_td li { width: 100% ! important; line-height: 1.5rem ! important; display: inline-block; align-items: center; clear: both; float: none; text-align: left ! important; border-bottom: 1px solid #e9e9e9; height:auto; } .m_Table_td .mt5{margin-top:0 ! important} .m_Table_td .mt15{margin-top:0 ! important} .mb_txt_fir{width:100%;display:flex;float:left;padding-left:1rem;align-items: center; justify-content: space-between;flex-direction: row;} .mb_ttl_fir{display:inline-block;width:100%;float:left;font-size:1.4rem;line-height:1.5rem;font-weight:600;padding:0.3rem 1rem 0.6rem 1rem} .mb_txt{width:100%;display:flex;float:left;padding-left:1rem;align-items: flex-start;flex-direction: column;} .mb_ttl{display:inline-block;width:100%;float:left;font-size:1.4rem;line-height:1.5rem;font-weight:600;padding:0.3rem 1rem 1rem 1rem;text-align:left} /*게시판 table1*/ .m_bd_Table{z-index:-1;border-top:1px solid #b3b3b3;} .m_bd_Table .m_bd_Table_td{border-bottom:1px solid #b3b3b3;height:auto;text-align:center;display: flex;width: 100%; align-items: center;} .m_bd_Table .m_bd_Table_td:hover{transition:0.6s;border-bottom:1px solid #333;} .m_bd_Table .m_bd_Table_td li{padding:5px 0;text-align:center;font-size:1.45rem;font-weight:500;float:left;line-height:2.5rem;color:#787878;} .m_bd_Table .m_bd_Table_td .m_info_st{display:inline-block;background:#ff6b23;color:#fff;border-radius:50px;padding:2px 15px;text-align:center} .m_bd_Table .m_bd_Table_td .m_info_tit{text-align:left} /*** 리뷰쓰기 ******/ .my_W_R{margin:10px auto} /*게시판 table2*/ .m_info_Table .m_info_Table_td{border:1px solid #ddd;border-radius:6px;padding:1rem 1.3rem;display:inline-block ! important;width:100%;margin:5px 0} .m_info_Table_td li{width:100% ! important;line-height:1.5rem ! important;display:flex;align-items: center;flex-direction: column;;border-bottom:1px solid #e9e9e9;text-align:left ! important} /*** 마이_ 상담하기 ***/ .my_cs_ttl{font-size:3rem;font-weight:600;text-align:center;line-height:4rem} .my_cs_ttl span{font-weight:500;font-size:1.8rem;} .cs_list_Bx{padding:5% 5% 3% 5%;background:#fff;margin:5% 5% 3% 5%;border-radius:15px} .cs_list_Bx dl{display:flex;align-items: center;} .cs_list_Bx dt{display:inline-block;width:150px;} .cs_list_Bx dt img{width:100px;} .cs_list_Bx dd{display:inline-block; width: calc(100% - 130px);text-align:left;font-size:2rem;font-weight:600;padding-top:0px;position:relative} .cs_list_Bx dd span{font-size:2rem;font-weight:600;color:#888;padding-left:0px} /*paging*/ .pg_wrap { float: none; text-align: center;margin-top:5rem } .pg_wrap .pg { font-size:0; } .pg_wrap .pg_page { text-indent: 0 !important; } .pg_wrap .pg_arrow { background:#f7f7f7; width:30px; height:30px; border-radius:4px; display:inline-flex; align-items:center; justify-content:center; text-align: center; border: 1px solid #dadada; } .pg_wrap .pg_num { width:30px; height:30px; border-radius:4px; display:inline-flex; align-items:center; justify-content:center; text-align: center; border: 1px solid #dadada; font-size:1.45rem; color:#aaa; font-weight: 500; background:#fff; margin-left: 1rem; } .pg_wrap .pg_current { background:#ff6b23; color:#fff; font-weight: 700; } .pg_wrap .pg_start { margin-right: 0rem; } .pg_wrap .pg_prev { margin-right: 3rem; } .pg_wrap .pg_end { margin-left: 1rem; } .pg_wrap .pg_next { margin-left: 4rem; } /**********/ /*** 간병인 상세 ***/ .g_View_con {position:relative;border:1px solid #d9d9d9;padding:1.3rem;margin:20px 0;border-radius:20px;display:flex;flex-wrap: wrap;} .g_View_img { width:94%;display:inline-block; vertical-align: middle;margin:0 auto } .g_View_img img{width:100%;border-radius:10px;} .g_View_bx{display:inline-block;;width:100%} .g_View_text_bx1 { padding: 1rem; box-sizing:border-box; width:85%; } .g_View_text_bx1 div{padding:0.5rem 0;font-size:1.65rem;display:flex;} .g_View_text_bx1 p{padding:0.4rem 0;font-size:1.65rem;display:inline-block;width:98%;text-align:left;} .g_View_text_bx1 .name{font-size:1.85rem;font-weight:600;color:#333} .g_View_text_bx1 .cate_name{color:#999;font-size:1.4rem;text-align:left;padding:5px } .order_btn{border-radius:50px;background:#fff;border:1px solid #555;font-size:1.35rem;margin-left:20px;padding:7px 15px} .g_View_text_bx1 .price{font-size:1.5rem;color:#999} .g_View_text_bx1 .cate_price{font-size:1.65rem;color:#ff6b23;margin-left:20px;margin-right:30px;} .g_View_text_bx2 { padding:1rem 1rem; box-sizing:border-box; width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd; } .g_View_text_bx2 p{padding:0.5rem 0;font-size:1.45rem;display:flex;justify-content: space-between;width:31%;display:inline-block;text-align:center;color:#999} .g_View_text_bx2 p:first-child{ border:0} .g_View_text_bx2 p:last-child { border:0} .g_View_text_bx2 p { border-left:1px solid #ddd;border-right:1px solid #ddd; } .g_View_text_bx2 .age{color:#454545;font-size:1.55rem;text-align:center;display:block} .g_View_text_bx3 { padding:0rem 1rem; box-sizing:border-box;display:inline-block;width:100%; } .g_View_text_bx3 dl{border-bottom:1px dashed rgba(0,0,0,0.2);padding:0.4rem 0;text-align:left} .g_View_text_bx3 dt{display:inline-block;width:30%;padding:0.5rem 0;font-size:1.45rem;color:#999} .g_View_text_bx3 dd{display:inline-block;width:68%;padding:0.5rem 0;font-size:1.45rem;color:#555} .g_View_text_bx3 .g_n_line{border-bottom:1px dashed rgba(0,0,0,0.2) ! important;} .g_View_text_bx3 .g_n_line2{} .g_View_text_bx4 { width:100px;position:absolute;right:-15px;top:-10px } .g_View_text_bx4 .btn_order{width:80px;height:80px;background:#ff6b23;color:#fff;font-size:1.45rem;text-align:center;border-radius:100%} .g_View_text_bx4 .btn_order:hover{transition:0.6s;background:#333;color:#fff;} .g_View_text_bx4 .btn_no{width:80px;height:80px;background:#868686;color:#fff;font-size:1.45rem;text-align:center;border-radius:100%;margin:10px 0 0 0} .g_View_text_bx4 .btn_no:hover{transition:0.6s;background:#333;color:#fff;} .g_n_line{border-bottom:0px ! important} .g_View_con_in {position:relative;border:1px solid #d9d9d9;padding:1.3rem;border-radius:20px;margin:25px 0} .g_View_con_in h4{padding:1rem 3.5rem;font-size:2.3rem} .g_View_conts{padding:2rem 1.5rem;border-top:1px dashed #d5d5d5;font-size:1.4rem;line-height:1.8rem;text-align:left} .g_View_review {padding: 1.2rem 0 !important; box-sizing:border-box;border-radius:5px;border:1px solid #d5d5d5;} .g_View_review:first-child { box-sizing:border-box; } .g_View_review_row {display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap;} .re_name{width:100%;text-align:center;padding:15px 0px 0 0px;font-size:1.4rem} .re_text{width:100%;text-align:left;padding:15px 0;border-top:1px solid #ddd;word-break: break-all} .re_text p{font-size:1.30rem;line-height:1.6rem;padding:1.3rem;} .More_Page span { text-align: center; font-size: 1.5rem; padding: 1rem 3rem; background: #ffb17f; color: #fff;border-radius: 100px;} .Btn_cr_mb{border:0;outline:0;width:130px;height:40px;border-radius:60px;line-height:1.6rem;font-size:1.4rem;position:relative;top:26px;right:-70px;margin:0px 5px 0 5px} /******* 2025.03.22 추가 *********/ .gall_text_bxName{text-align:center;font-size:1.65rem} .gall_sm_tit{font-weight:600;font-size:1.45rem;background:#ededed;border-radius:60px;padding:0.7rem 1.5rem;text-align:center;margin:5px 0;width:100%} .pop_Sup{width:100%;} .pop_Sup h3{font-weight:600;font-size:2.3rem;text-align:left} .pop_Sup_r{top:30px;right:20px;} .pop_Sup_r label{font-size:1.43rem;text-align:right;background:#ededed;padding:0.7rem 1rem;border-radius:100px} .pop_Sup_t{font-size:1.45rem;text-align:left;padding:15px 0 0px 0} /******* 정책보기 팝업 ********/ /* Popup container - can be anything you want */ .mt_popup_rule { display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* The actual popup */ .mt_popup_rule .popuptext { visibility: hidden; min-width: 200px;max-width:200px; background-color: #ff6e5e; color: #fff; text-align: center; border-radius: 60px; padding: 8px 1rem; line-height:1.36rem; position: absolute; z-index: 1; left:-140%;top:-70px;font-size:1.2rem } /* Popup arrow */ .mt_popup_rule .popuptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #ff6e5e transparent transparent transparent; } /* Toggle this class - hide and show the popup */ .mt_popup_rule .show { visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s; } } @media (max-width:600px){ .form-member.form-write{padding: 1rem 0 1rem 0} .gall_con { display:flex; align-items:start;flex-direction: column;} .gall_text_bx4 .btn_detail {font-size: 1.36rem;} .gall_text_bx4 .btn_order {font-size: 1.36rem;} .to_img_pc{width:100%;display:none} .to_img_pc img{width:100%} .to_img_mb{width:100%;display:none} .to_img_mb img{width:100%} .to_img_mb560{width:100%;display:block} .to_img_mb560 img{width:100%} .Btn_cr{border:0;outline:0;width:130px;height:60px;border-radius:60px;line-height:1.8rem;font-size:1.5rem;position:relative;top:30px;right:-70px;margin:10px 5px 0 5px} .Btn_cr02{border:0;outline:0;width:130px;height:60px;border-radius:60px;line-height:1.8rem;font-size:1.5rem;position:relative;top:30px;right:-70px;margin:10px 5px 0 5px} .Btm_Bn_BX{margin:25px auto 60px auto;text-align:center;display:inline-block;width:100%} .Btm_Bn_BX .bn{margin:1%;min-height:180px;float:left;width:98%;} .bn_conts{margin:8% 0 0 10%;text-align:left} .bn_conts p{padding-bottom:10px;font-size:2.3rem;color:#ff8f48} .bn_conts h4{font-size:3rem;color:#fff;padding-bottom:10px;} .bn_conts span{font-size:1.2rem;color:#fff;} .work_in_g{width:98%;margin:10px 0.6%;border-radius:0 20px 0 20px;border:0px solid #ffc4a7;padding:0rem;text-align:center;} .work_in_g h6{border-radius:0 20px 0 20px;text-align:center;color:#ffb17f;padding:0;border-bottom:0px dashed #ffb17f;float:left;width:100%} .work_in_g p{font-weight:400;font-size:1.6rem;line-height:2.2rem;text-align:left;color:#565656;padding:1.5rem;float:right;width:100%} .work_in_g img{width:100%;border-radius:0 18px 0 18px;} /******** 가족 간병 서비스 ***********/ .sub3_left_bg{background:url('../../m_img/sub/sub3_img.png') center 20% no-repeat;min-height:340px;} .sub3_txt{text-align:center;margin:25px auto;padding:1.3rem 3rem;border-radius:60px;background:#ffb894;color:#fff;font-weight:500;font-size:1.6rem;} .sub3_txt span{padding:0rem;border-radius:0px;background:none;color:#fff;font-weight:500;text-align:center;font-size:1.6rem} .family_caution{padding:1rem 1rem;border-radius:0 15px 0 15px;border:1px solid #e8e8e8;margin:2rem 1rem 2rem 1rem} .family_caution h5{text-align:left;font-weight:600;font-size:2.2rem;padding:1rem 2rem 2rem 2rem;border-bottom:1px solid #cdcdcd;color:#626262} .family_caution .family_caution_in{} .family_caution .family_caution_in li{font-size:1.6rem;padding:2rem;border-bottom:1px dashed #cdcdcd;color:#6c6c6c} .family_caution p{text-align:left;font-weight:400;font-size:1.2rem;padding:2rem 2rem 3rem 2rem;color:#b4b4b4} /********* 갤러리 *************/ .gall_row .col-gn-4 {width:98%;margin:1% 0.3%;} .gall_img_smcir{text-align:center;width:70px;height:70px;border-radius:100%;} .gall_img_smcir img{border-radius:100%;width:100%;} /************************/ .signup-list{display: flex;align-items: center;counter-reset: signup-process;margin-bottom: 2rem;justify-content: center;line-height: 1.6rem;color: #999;font-weight: 600;font-size:1.27rem} .signup-list>li{display: inline-flex;align-items: center;vertical-align: top} .signup-list>li:before{counter-increment: signup-process;content: counter(signup-process);width: 2rem;height: 2rem;display: inline-flex;vertical-align: top;align-items: center;justify-content: center;background: #ccc;color: #fff;border-radius: 100%;margin-right: .8rem} .signup-list>li+li{position: relative;padding-left: 2rem} .signup-list>li+li:after{content: '';position: absolute;width: .65rem;height: .1rem;left: 1rem;top: 50%;margin: -.1rem 0 0 -.4rem;opacity: .2} .form-write .form-group{max-width: 100%;flex: 1;margin-bottom: 0;width:100%;} .form-write .form-label{width:100%;font-weight:600;font-size:1.42rem;padding-top:0px;padding-bottom:1rem} .m365_tab_or button { display:inline-block;width:auto;border: none; outline: none; margin:0 0.5rem; cursor: pointer; padding: 1rem 0.8rem; transition: 0.3s; font-size: 1.4rem;color:#555;background:#fff;border:1px solid #bbb;font-weight:500} .modal-body {padding:2rem 1.8rem;text-align:center;font-size:1.5rem;line-height:1.8rem;} .end_img{text-align:center;margin:5px auto;} /***************************/ .conts_flex_in{width:98%;margin:10px 0.6%;border-radius:0 20px 0 20px;border:2px solid #ffc4a7;padding:1rem 3rem 4rem 3rem;text-align:center;} .conts_flex_in .flex_in_img{text-align:center;padding:1rem 0 0 0;} .conts_flex_in .flex_in_img img{max-width:148px;min-width:148px} .conts_flex_in .flex_in_ttl{font-size:2.2rem;text-align:center;font-weight:600;padding:0rem 0 1rem 0;color:#ff722b} .conts_flex_in .flex_in_txt{font-size:1.4rem;line-height:1.7rem;text-align:center ! important;font-weight:500;padding:1rem 0rem;word-break: break-all;word-wrap: break-word;color:#757575} .conts_g_List{padding:2rem 1rem;border-radius:0px 20px 0px 20px;border:2px solid rgba(0,0,0,0.1);margin-top:2rem} .conts_flex_g{display:flex;padding:1.6rem 0.8rem;justify-content: space-around;flex-wrap: wrap;} .flex_in_g_ttl{font-size:2.2rem;text-align:center;font-weight:600;padding:0rem;color:#333} .flex_in_g_txt{font-size:1.4rem;line-height:2.0rem;text-align:center;font-weight:400;padding:2rem 0 0 0;color:#757575} .conts_flex_g_in{width:98%;margin:10px 0.6%;border-radius:0 17px 0 17px;border:1px solid #ffc4a7;padding:1rem 1.5rem 2rem 1.5rem;text-align:center;} .conts_flex_g_in .flex_g_in_ttl{font-size:1.85rem;text-align:left;font-weight:600;padding:1rem 0 1rem 0;color:#ff722b;border-bottom:1px dashed #cacaca} .conts_flex_g_in .flex_g_in_txt{width:100%} .conts_flex_g_in .flex_g_in_txt li{width:100%;border-top:1px dashed #cacaca;font-size:1.4rem;line-height:1.8rem;text-align:left ! important;font-weight:500;padding:1rem 0rem;word-break: break-all;word-wrap: break-word;color:#757575} .rule_50{min-height:260px;max-height:260px;min-width:31.5%;max-width:31.5%;margin:10px 0.6%;border-radius:0px 20px 0px 20px;border:1px solid #ffb17f;padding:1rem;} .rule_50 h6{font-weight:600;font-size:2.4rem;text-align:center;color:#ffb17f;padding:1.2rem 0;border-bottom:1px dashed #ffb17f} .rule_50 p{font-weight:400;font-size:1.43rem;line-height:1.8rem;text-align:center;color:#565656;padding:1.2rem 1rem;} /**************************************/ .m365_tabcontent{padding:1rem 0} .m365_tab{margin:1rem 0 2rem 0} .m365_tab button{font-size:1.4rem;padding:1rem 1rem} .nums{padding:1rem 0 0 0} /** 상세검색 NUM **/ .sub-head .sub_t_num { display:flex; align-items:center; color:#fff; font-weight: 600; opacity:0.9;padding: 12px 0;margin-top:25px;border-top:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2);width:100%} .sub-head .sub_t_num p{ display:inline-block;font-size:1.4rem;padding: 0 1rem} .sub-head .sub_t_num p span{ display:inline-block;padding:0 0 0 1rem;font-size:2.0rem;color:#ff6b23} /***/ .sub1_right li .sub_number { background: #ff7c12; width: 40px; height: 40px; border-radius: 100%; color: #fff; font-weight: 600; font-size: 1.7rem; line-height: 40px; text-align: center; } .sub1_right li dd { float: right; width: calc(100% - 70px); font-size: 1.45rem; line-height: 2.0rem; } .sub_ctt .t_h5 { font-size: 1.7rem; padding: 2rem 0 0rem 0rem; text-align: center; } .caution { font-size: 1.32rem; color: rgba(0, 0, 0, 0.4); padding: 3rem 0 1rem 0; text-align: center; } .conts_flex { display: flex; padding: 0rem; margin-top: 2rem; justify-content: space-around; align-items: center; flex-wrap: wrap; } .house { min-height: 215px; max-height: 215px; min-width: 48%; max-width: 48%; margin: 10px 0.4% 1rem 0.4%; border-radius: 0px 20px 0px 20px; border: 1px solid #ffb17f; padding: 1rem; } .together_btm_txt p { padding: 2rem 2rem 2rem 0; font-size: 1.56rem; line-height: 2.5rem; text-align: left; } .to_in_img img { max-width: 90px; min-width: 90px; } .together_t_bx_in .to_in_ttl { font-size: 1.7rem; line-height: 2.3rem; text-align: center; font-weight: 400; padding: 1rem 0 1rem 0; color: #565656; } .bd_s_bx { padding:1.6rem 2.3rem 0.5rem 2rem; margin: 0.5rem auto 1rem auto; text-align: center; border-top: 2px solid #555; } .search-select {display:block} .search-select select { font-size: 1.3rem; border-radius: 4px; padding: 5px 25px 5px 8px; height: 40px; min-width: 70px; } .search-select input{min-width:100px} .m365_bd_tab { margin: 15px auto 15px auto;} .m365_bd_tab button { padding: 0.7rem 1.2rem;font-size: 1.45rem; } .my_btm_bx .my_btm_in .my_btm_in_bx {display:flex;flex-wrap: wrap; justify-content: space-between;} .my_btm_bx .my_btm_in .my_btm_in_bx div {width: 48%;} .my_btm_bx .my_btm_in .my_btm_in_bx div dt {min-height: 70px;padding: 40px 2% 5px 2%; } .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx1{background:url('../../m_img/sub/ico_my_ing.png') center top no-repeat;background-size:35px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx2{background:url('../../m_img/sub/ico_my_end.png') center top no-repeat;background-size:35px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx3{background:url('../../m_img/sub/ico_my_cancle.png') center top no-repeat;background-size:35px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx4{background:url('../../m_img/sub/ico_my_review.png') center top no-repeat;background-size:35px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx11{background:url('../../m_img/sub/ico_my_ing2.png') center top no-repeat;background-size:35px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx22{background:url('../../m_img/sub/ico_my_end2.png') center top no-repeat;background-size:35px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx33{background:url('../../m_img/sub/ico_my_cancle2.png') center top no-repeat;background-size:35px;} .my_btm_bx .my_btm_in .my_btm_in_bx div .my_B_bx44{background:url('../../m_img/sub/ico_my_review2.png') center top no-repeat;background-size:35px;} } @media (max-width:479px){ .work_in{width:98%;margin:10px 0.7%;border-radius:0 20px 0 20px;border:2px solid #ffc4a7;padding:1rem 1rem 0rem 1rem;text-align:center;} .work_in h6{font-weight:600;font-size:2.5rem;text-align:center;color:#ffb17f;padding:1.5rem 0 2rem 0;border-bottom:1px dashed #ffb17f} .work_in p{font-weight:400;font-size:1.4rem;line-height:2.0rem;text-align:center;color:#565656;padding:1.5rem 1rem;} } @media (max-width:400px){ .myPage .my_btns{margin:0px auto;text-align:center;width:auto;display:flex;flex-direction: column;} .myPage .my_btns button{padding:8px 18px;;text-align:center;font-size:1.5rem;border-radius:60px;margin:3px 0;} } @media (max-width:1060px){ /********** 소개페이지 추가 *****************/ .info_conts_bx{padding:3rem 3rem 0 3rem;width:100%;display:flex;justify-content: space-between;} .info_conts_bx_l{display:inline-block;width:32%;margin-right:3%} .info_conts_bx_l img{width:100%} .info_conts_bx_r{display:inline-block;width:64%} .info_conts_bx_r .bxslider{width:100% ! important} .info_conts{min-height:300px;border:0px solid #000} .info_conts_in{width:96%;padding:9rem 3rem 3rem 3rem;border-radius:60px 60px 0px 0px;margin:0 2%} .info_num{color:#ff752e;font-weight:600;font-size:6rem;text-align:center;padding-bottom:1.5rem} .info_conts_in p{color:#fff;font-weight:400;font-size:2.4rem;line-height:3rem;padding:0 5rem;text-align:center;} .info_bg1{background:url('../../m_img/sub/info_p011.jpg') center center no-repeat;background-size:cover;min-height:300px;border-radius:60px 0px 60px 0px} .info_bg2{background:url('../../m_img/sub/info_p022.jpg') center center no-repeat;background-size:cover;min-height:300px;border-radius:60px 0px 60px 0px} .info_bg3{background:url('../../m_img/sub/info_p033.jpg') center center no-repeat;background-size:cover;min-height:300px;border-radius:60px 0px 60px 0px} .info_bg4{background:url('../../m_img/sub/info_p044.jpg') center center no-repeat;background-size:cover;min-height:300px;border-radius:60px 0px 60px 0px} .info_bg5{background:url('../../m_img/sub/info_p055.jpg') center center no-repeat;background-size:cover;min-height:300px;border-radius:60px 0px 60px 0px} .info_bg6{background:url('../../m_img/sub/info_p066.jpg') center center no-repeat;background-size:cover;min-height:300px;border-radius:60px 0px 60px 0px} .info_ttl{font-weight:600;font-size:4rem;text-align:center;padding:4rem 3rem 1rem 3rem;color:#3d3d3d;} .info_ttl span{font-weight:500;font-size:4rem;color:#a7a7a7} .line-top-dashed{border-top:3px dashed #e2e2e2} .info_arrow{margin:0 auto 2rem auto;text-align:center;width:100%} .info_arrow img{text-align:center;width:70px;} .work_movie{display:inline-block;width:60%;padding:8rem 2rem;justify-content: space-around;flex-wrap: wrap;} .work_Btn_Bx{display:flex;width:36%;flex-direction: column;flex-wrap: nowrap; justify-content: center; align-items: center;} .work_Btn_Bx button{border-radius:30px;font-size:2.3rem;font-weight:600;color:#565656;line-height:2rem;text-align:left;padding-left:27%;width:100%;min-height:150px;margin:10px 0;border:1px solid #ddd} .work_Btn_Bx button:hover{border-radius:30px;font-size:2.6rem;color:#333;line-height:2rem;text-align:left;padding-left:27%;width:100%;min-height:150px;margin:10px 0;border:1px solid #ff7022} .work_Btn_Bx .W_O_btn{background:#fff url('../../m_img/sub/ico_btn_w_g.png') 10% center no-repeat;background-size:70px;} .work_Btn_Bx .W_O_btn:hover{transition:0.6s;background:#fff url('../../m_img/sub/ico_btn_w_o.png') 10% center no-repeat;background-size:70px;} .work_Btn_Bx .W_V_btn{background:#fff url('../../m_img/sub/ico_btn_v_g.png') 10% center no-repeat;background-size:70px;} .work_Btn_Bx .W_V_btn:hover{transition:0.6s;background:#fff url('../../m_img/sub/ico_btn_v_o.png') 10% center no-repeat;background-size:70px;} .more_img{width:50px;text-align:right;margin-left:30%} .more_img img{width:40px} } @media (max-width:960px){ /********** 소개페이지 추가 *****************/ .info_conts_bx{padding:1rem 0rem 0 0rem;width:100%;display:flex;justify-content: center; flex-direction: column; flex-wrap: nowrap;} .info_conts_bx_l{display:inline-block;width:100%;margin-right:0%} .info_conts_bx_l img{width:100%} .info_conts_bx_r{display:inline-block;width:100%} .info_conts{min-height:300px;border:0px solid #000} .info_conts_in{width:96%;padding:9rem 3rem 3rem 3rem;border-radius:40px 40px 0px 0px;margin:0 2%} .info_num{color:#ff752e;font-weight:600;font-size:4rem;text-align:center;padding-bottom:1.5rem} .info_conts_in p{color:#fff;font-weight:400;font-size:2rem;line-height:2.5rem;padding:0 2rem;text-align:center;} .info_bg1{background:url('../../m_img/sub/info_p01.jpg') center center no-repeat;background-size:cover;min-height:300px;border-radius:60px 0px 60px 0px} .info_bg2{background:url('../../m_img/sub/info_p02.jpg') center center no-repeat;background-size:cover;min-height:300px;border-radius:60px 0px 60px 0px} .info_bg3{background:url('../../m_img/sub/info_p03.jpg') center center no-repeat;background-size:cover;min-height:300px;border-radius:60px 0px 60px 0px} .info_bg4{background:url('../../m_img/sub/info_p04.jpg') center center no-repeat;background-size:cover;min-height:300px;border-radius:60px 0px 60px 0px} .info_bg5{background:url('../../m_img/sub/info_p05.jpg') center center no-repeat;background-size:cover;min-height:300px;border-radius:60px 0px 60px 0px} .info_bg6{background:url('../../m_img/sub/info_p06.jpg') center center no-repeat;background-size:cover;min-height:300px;border-radius:60px 0px 60px 0px} .info_ttl{font-weight:600;font-size:2.8rem;text-align:center;padding:2rem 1rem 1rem 1rem;color:#3d3d3d;} .info_ttl span{font-weight:500;font-size:2.8rem;color:#a7a7a7} .line-top-dashed{border-top:0px dashed #e2e2e2} .info_arrow{margin:0 auto 2rem auto;text-align:center;width:100%} .info_arrow img{text-align:center;width:60px;} .work_in_bx_btm { display: flex; padding: 0rem 0 0 0; justify-content: space-around; flex-wrap: wrap; width: 100%; } .work_movie{display:inline-block;width:55%;padding:4rem 2rem;justify-content: space-around;flex-wrap: wrap;} .work_Btn_Bx{display:flex;width:42%;flex-direction: column;flex-wrap: nowrap; justify-content: center; align-items: center;} .work_Btn_Bx button{position:relative;border-radius:30px;font-size:2rem;font-weight:600;color:#565656;line-height:2rem;text-align:left;padding-left:27%;width:100%;min-height:110px;margin:10px 0;border:1px solid #ddd;display:inline-block} .work_Btn_Bx button:hover{border-radius:30px;font-size:2.6rem;color:#333;line-height:2rem;text-align:left;padding-left:27%;width:100%;min-height:130px;margin:10px 0;border:1px solid #ff7022} .work_Btn_Bx .W_O_btn{background:#fff url('../../m_img/sub/ico_btn_w_g.png') 10% center no-repeat;background-size:60px;} .work_Btn_Bx .W_O_btn:hover{transition:0.6s;background:#fff url('../../m_img/sub/ico_btn_w_o.png') 10% center no-repeat;background-size:60px;} .work_Btn_Bx .W_V_btn{background:#fff url('../../m_img/sub/ico_btn_v_g.png') 10% center no-repeat;background-size:60px;} .work_Btn_Bx .W_V_btn:hover{transition:0.6s;background:#fff url('../../m_img/sub/ico_btn_v_o.png') 10% center no-repeat;background-size:60px;} .more_img{width:40px;text-align:right;margin-left:0;position:absolute;right:20px;top:35px} .more_img img{width:30px} } @media (max-width:760px){ /********** 소개페이지 추가 *****************/ .info_conts_in{width:96%;padding:5rem 3rem 3rem 3rem;border-radius:30px 30px 0px 0px;margin:0 2%} .info_num{color:#ff752e;font-weight:600;font-size:3.6rem;text-align:center;padding-bottom:1.5rem} .info_conts_in p{color:#fff;font-weight:400;font-size:1.6rem;line-height:2rem;padding:0 1rem;text-align:center;} .info_conts{min-height:300px;max-height:300px;border:0px solid #000} .info_bg1{background:url('../../m_img/sub/info_p01.jpg') center center no-repeat;background-size:cover;min-height:300px;border-radius:30px 0px 30px 0px} .info_bg2{background:url('../../m_img/sub/info_p02.jpg') center center no-repeat;background-size:cover;min-height:300px;border-radius:30px 0px 30px 0px} .info_bg3{background:url('../../m_img/sub/info_p03.jpg') center center no-repeat;background-size:cover;min-height:300px;border-radius:30px 0px 30px 0px} .info_bg4{background:url('../../m_img/sub/info_p04.jpg') center center no-repeat;background-size:cover;min-height:300px;border-radius:30px 0px 30px 0px} .info_bg5{background:url('../../m_img/sub/info_p05.jpg') center center no-repeat;background-size:cover;min-height:300px;border-radius:30px 0px 30px 0px} .info_bg6{background:url('../../m_img/sub/info_p06.jpg') center center no-repeat;background-size:cover;min-height:300px;border-radius:30px 0px 30px 0px} .info_ttl{font-weight:600;font-size:2.5rem;text-align:center;padding:2rem 1rem 1rem 1rem;color:#3d3d3d;} .info_ttl span{font-weight:500;font-size:2.5rem;color:#a7a7a7} .line-top-dashed{border-top:0px dashed #e2e2e2} .info_arrow{margin:0 auto 2rem auto;text-align:center;width:100%} .info_arrow img{text-align:center;width:50px;} .work_movie{display:inline-block;width:100%;padding:3rem 2rem 2rem 2rem;justify-content: space-around;flex-wrap: wrap;} .work_Btn_Bx{display:flex;width:100%;flex-direction: column;flex-wrap: nowrap; justify-content: center; align-items: center;} .work_Btn_Bx button{position:relative;border-radius:30px;font-size:2rem;font-weight:600;color:#565656;line-height:2rem;text-align:left;padding-left:27%;width:100%;min-height:110px;margin:10px 0;border:1px solid #ddd;display:inline-block} .work_Btn_Bx button:hover{border-radius:30px;font-size:2rem;color:#333;line-height:2rem;text-align:left;padding-left:27%;width:100%;min-height:110px;margin:10px 0;border:1px solid #ff7022} .work_Btn_Bx .W_O_btn{background:#fff url('../../m_img/sub/ico_btn_w_g.png') 10% center no-repeat;background-size:50px;} .work_Btn_Bx .W_O_btn:hover{transition:0.6s;background:#fff url('../../m_img/sub/ico_btn_w_o.png') 10% center no-repeat;background-size:50px;} .work_Btn_Bx .W_V_btn{background:#fff url('../../m_img/sub/ico_btn_v_g.png') 10% center no-repeat;background-size:50px;} .work_Btn_Bx .W_V_btn:hover{transition:0.6s;background:#fff url('../../m_img/sub/ico_btn_v_o.png') 10% center no-repeat;background-size:50px;} .more_img{width:30px;text-align:right;margin-left:0;position:absolute;right:20px;top:35px} .more_img img{width:25px} } /**** 고객센터 탑 ********/ @media screen and (max-width: 1380px) { .wrap-cs .box {padding: 0 30px;} .wrap-cs .box .ico span {width: 140px; height: 140px; background-size: 50%;} .wrap-cs .box .text .big-txt {font-size: 22px;} .wrap-cs .box .text .small-txt {font-size: 15px;} .wrap-cs .box .text .phone {font-size: 40px;} } @media screen and (max-width: 1200px) { .wrap-cs .row {align-items: flex-start;} .wrap-cs .box {flex-wrap: wrap; align-items: flex-start;} .wrap-cs .box .ico {display: flex; justify-content: center; width: 100%;} .wrap-cs .box .text {width: 100%; padding: 0; text-align: center;} .wrap-cs .box .text .big-txt {display: block; margin-top: 20px;} .wrap-cs .box .text .btn {margin-top: 35px;} .wrap-cs .box .text .phone {display: block; margin-top: 7px;} } @media screen and (max-width: 910px) { .btn-style1{border-radius:6px;padding:1.5rem 3rem;text-align:center;font-size:1.5rem;font-weight:600;border:1px solid #ddd;min-height:40px;} .btn-style1:hover{border-radius:6px;padding:1.5rem 3rem;text-align:center;font-size:1.5rem;font-weight:600;border:1px solid #333;min-height:40px;} .wrap-cs .box .text .big-txt {font-size: 18px;} .wrap-cs .box .text .phone {font-size: 35px;} } @media screen and (max-width: 750px) { .wrap-cs .row {flex-wrap: wrap; padding: 0;} .wrap-cs .row .box {width: 100%; padding: 45px;} .wrap-cs .box1::after {top: auto; bottom: 0; width: 100%; height: 1px;} .wrap-cs .box .ico span {width: 100px; height: 100px;} .wrap-cs .box .text .big-txt {margin-top: 15px;} .wrap-cs .box .text .phone {font-size: 30px;} .my_call_p { padding: 1rem 1rem; text-align: center; font-size: 1.4rem; line-height: 1.7rem; } /******** call center ********/ .my_call_p{padding:2rem 1rem;text-align:left;font-size:1.4rem;line-height:1.7rem} .my_call_center{padding:2rem 1rem;text-align:left;border-radius:10px;background:#f6f6f6} .my_call_center h4{font-weight:600;font-size:1.6rem;padding:1rem 1rem;border-bottom:1px dashed #d0d0d0} .my_call_center .my_call_dl{padding:1rem 1rem;} .my_call_center .my_call_dl dt{padding:1rem 0;float:left;width:35%;font-weight:600;font-size:1.4rem;text-align:left;} .my_call_center .my_call_dl dd{padding:1rem 0;float:right;width:63%;font-weight:400;font-size:1.4rem;text-align:left;} } @media screen and (max-width: 640px) { /*** 마이_ 상담하기 ***/ .my_cs_ttl{font-size:2.6rem;font-weight:600;text-align:center;line-height:4rem} .my_cs_ttl span{font-weight:500;font-size:1.7rem;} .cs_list_Bx{padding:3% 1% 2% 1%;background:#fff;margin:2%;border-radius:15px} .cs_list_Bx dl{display:flex;align-items: center;} .cs_list_Bx dt{display:inline-block;width:100%;text-align:center} .cs_list_Bx dt img{width:80px;text-align:center} .cs_list_Bx dd{display:inline-block; width:100%;text-align:center;font-size:1.8rem;font-weight:600;padding-top:0px;position:relative} .cs_list_Bx dd span{font-size:1.8rem;font-weight:600;color:#888;padding-left:0px} .my_call_p { padding: 1rem 1rem; text-align: center; font-size: 1.4rem; line-height: 1.7rem; } /******** call center ********/ .my_call_p{padding:2rem 1rem;text-align:left;font-size:1.4rem;line-height:1.7rem} .my_call_center{padding:2rem 1rem;text-align:left;border-radius:10px;background:#f6f6f6} .my_call_center h4{font-weight:600;font-size:1.6rem;padding:1rem 1rem;border-bottom:1px dashed #d0d0d0} .my_call_center .my_call_dl{padding:1rem 1rem;} .my_call_center .my_call_dl dt{padding:1rem 0;float:left;width:35%;font-weight:600;font-size:1.4rem;text-align:left;} .my_call_center .my_call_dl dd{padding:1rem 0;float:right;width:63%;font-weight:400;font-size:1.4rem;text-align:left;} .together_top_Bx .to_top_Text .to_top_Tst{font-family: Pretendard-Regular ! important;font-size:1.42rem;color:#a7a7a7;font-weight:400 ! important;padding:1rem 8rem;line-height:1.7rem;text-align:center} }