137 lines
10 KiB
CSS
137 lines
10 KiB
CSS
/* 콜센터 */
|
|
.callcenter_banner{display:flex;width:100%;height:136px;padding:28px 0 10px 100px;margin:0 0 60px 0;font-size:1.7rem;color:#671ec1;background:#d4c9fe url(/kofair_case_seed/usr/images/counsel/img_callcenter.png) no-repeat calc(100% - 130px) calc(100% + 20px);border-radius:10px;}
|
|
.callcenter_banner .title{width:114px;height:36px;margin:8px 18px 0 0;font-size:2rem;font-weight:bold;color:#d4c9fe;text-align:center;line-height:35px;border-radius:37px;background:#671ec1;}
|
|
.callcenter_banner .gMarket_bold{font-size:4rem;}
|
|
|
|
.callcenter_content .title.depth03{margin:9px 0 0 0;}
|
|
.callcenter_content .organ_info{display:flex;margin:30px 0 0 0;flex-wrap:wrap;gap:24px;}
|
|
.callcenter_content .organ_info div{display:flex;width:calc((100% / 2) - 12px);min-height:227px;font-size:1.7rem;padding:35px;border:1px solid #d8d8d8;border-radius:10px;flex-wrap:wrap;}
|
|
.callcenter_content .organ_info div>*{width:100%;}
|
|
.callcenter_content .organ_info .title{font-size:2rem;font-weight:bold;color:#333;}
|
|
.callcenter_content .organ_info .sub_title{color:#888;padding:0 0 0 19px;}
|
|
.callcenter_content .organ_info .organ_tel{color:#333;font-weight:bold;padding:0 0 0 19px;}
|
|
.callcenter_content .organ_info .organ_site{color:#5b639d;padding:0 0 0 19px;margin:5px 0 0 0;align-self:flex-end;}
|
|
.callcenter_content .title.blue_border::after{top:9px;}
|
|
|
|
/* 무료법률 상담 */
|
|
.free_counsel_content .counsel_dl{display:flex;gap:40px;}
|
|
.free_counsel_content .counsel_dl div{position:relative;width:calc((100% / 3) - 20px);padding:45px 25px 40px 25px;background:#f4f5f7;border-radius:5px;text-align:center;}
|
|
.free_counsel_content .counsel_dl div::after{position:absolute;content:"";width:126px;height:8px;background:#2e40ba;border-radius:0 0 3px 3px;top:0;left:50%;transform:translateX(-50%);}
|
|
.free_counsel_content .counsel_dl dt{font-family: 'GmarketSansBold';font-size:2.7rem;color:#333;margin:0 0 10px 0;}
|
|
.free_counsel_content .counsel_dl i{display:block;width:114px;height:114px;margin:0 auto 30px auto;background:#fff;border-radius:100%;}
|
|
.free_counsel_content .counsel_dl i.sort{background-image:url(/kofair_case_seed/usr/images/component/icon_counsel_01.png);}
|
|
.free_counsel_content .counsel_dl i.schedule{background-image:url(/kofair_case_seed/usr/images/component/icon_counsel_02.png);}
|
|
.free_counsel_content .counsel_dl i.method{background-image:url(/kofair_case_seed/usr/images/component/icon_counsel_03.png);}
|
|
.free_counsel_content .counsel_dl dd{font-size:1.6rem;color:#666;}
|
|
.free_counsel_content .process_step_wrap{margin:40px 0 60px 0;}
|
|
.free_counsel_content .box.gray_border{margin:40px 0 0 0;max-height:400px;overflow:auto;line-height:1.4;}
|
|
.free_counsel_content .depth02+.box.gray_border{margin:20px 0 0 0;}
|
|
.free_counsel_content .depth02{display:block;margin:60px 0 0 0;}
|
|
.free_counsel_content .depth02:nth-child(2){margin:0;}
|
|
.free_counsel_content .box.gray_border .info_ul .title{font-weight:400;}
|
|
.free_counsel_content .box.gray_border .info_ul .title::after{top:7px;}
|
|
.free_counsel_content .check_wrap{display:flex;margin:20px 0 0 0;font-size:1.7rem;line-height:1.4;justify-content:space-between;align-items:flex-start;}
|
|
.free_counsel_content .check_wrap .checkbox{margin:-3px 10px 0 0;}
|
|
.free_counsel_content .check_wrap label{color:#888;}
|
|
.free_counsel_content .check_wrap :checked+label{color:#333;}
|
|
.free_counsel_content .all_agree_box{padding:20px;margin:40px 0 0 0;}
|
|
.free_counsel_content .icon.step01{background:url(/kofair_case_seed/usr/images/counsel/icon_step01.png) no-repeat center center;}
|
|
.free_counsel_content .active .icon.step01{background:url(/kofair_case_seed/usr/images/counsel/icon_step01_active.png) no-repeat center center;}
|
|
.free_counsel_content .icon.step02{background:url(/kofair_case_seed/usr/images/counsel/icon_step02.png) no-repeat center center;}
|
|
.free_counsel_content .active .icon.step02{background:url(/kofair_case_seed/usr/images/counsel/icon_step02_active.png) no-repeat center center;}
|
|
.free_counsel_content .icon.step03{background:url(/kofair_case_seed/usr/images/counsel/icon_step03.png) no-repeat center center;}
|
|
.free_counsel_content .active .icon.step03{background:url(/kofair_case_seed/usr/images/counsel/icon_step03_active.png) no-repeat center center;}
|
|
|
|
.free_counsel_content .depth03.title.blue_border::after{top:8px;}
|
|
.free_counsel_content .table_type_rows tr:last-child td[colspan="3"]{flex-wrap:wrap;}
|
|
.free_counsel_content .dragdrop_wrap{margin:0 0 8px 0;}
|
|
.free_counsel_content .dragdrop_wrap.innorix_basic div.irx_filetree.empty-uploader{width:100% !important;}
|
|
|
|
/* ==================== 테블릿 ==================== */
|
|
@media screen and (max-width: 1199px){
|
|
|
|
.callcenter_banner{display:block;height:620px;padding:60px 0 120px 0;margin:0 0 120px 0;font-size:3.4rem;color:#671ec1;background:#d4c9fe url(/kofair_case_seed/usr/images/counsel/img_callcenter_m.png) no-repeat center calc(100% + 20px);border-radius:20px;text-align:center;}
|
|
.callcenter_banner .title{width:228px;height:72px;margin:0 auto 30px auto;font-size:4rem;line-height:70px;border-radius:50px;}
|
|
.callcenter_banner .gMarket_bold{font-size:8rem;}
|
|
|
|
.callcenter_content .title.blue_border.orange_border::after{top:18px;}
|
|
.callcenter_content .title.depth03{margin:18px 0 0 0;}
|
|
.callcenter_content .organ_info{margin:60px 0 0 0;gap:48px;}
|
|
.callcenter_content .organ_info div{width:100%;min-height:454px;font-size:3.4rem;}
|
|
.callcenter_content .organ_info .title{font-size:4rem;}
|
|
.callcenter_content .organ_info .sub_title,.callcenter_content .organ_info .organ_tel,.callcenter_content .organ_info .organ_site{padding:0 0 0 38px;}
|
|
.callcenter_content .title.blue_border::after{top:19px;}
|
|
|
|
.free_counsel_content .counsel_dl{flex-wrap:wrap;}
|
|
.free_counsel_content .counsel_dl div{width:100%;padding:70px 25px 70px 25px}
|
|
.free_counsel_content .counsel_dl div::after{width:267px;height:16px;border-radius:0 0 6px 6px;}
|
|
.free_counsel_content .counsel_dl dt{font-size:5.5rem;margin:0 0 38px 0;}
|
|
.free_counsel_content .counsel_dl i{width:232px;height:232px;}
|
|
.free_counsel_content .counsel_dl i.sort{background-image:url(/kofair_case_seed/usr/images/component/icon_counsel_01_m.png);}
|
|
.free_counsel_content .counsel_dl i.schedule{background-image:url(/kofair_case_seed/usr/images/component/icon_counsel_02_m.png);}
|
|
.free_counsel_content .counsel_dl i.method{background-image:url(/kofair_case_seed/usr/images/component/icon_counsel_03_m.png);}
|
|
.free_counsel_content .counsel_dl dd{font-size:3.2rem;}
|
|
|
|
.free_counsel_content .process_step_wrap{margin:80px 0 120px 0;}
|
|
.free_counsel_content .depth02{margin:120px 0 0 0;}
|
|
.free_counsel_content .depth02+.box.gray_border{margin:40px 0 0 0;}
|
|
.free_counsel_content .icon.step01{background:url(/kofair_case_seed/usr/images/counsel/icon_step01_m.png) no-repeat center center;}
|
|
.free_counsel_content .active .icon.step01{background:url(/kofair_case_seed/usr/images/counsel/icon_step01_active_m.png) no-repeat center center;}
|
|
.free_counsel_content .icon.step02{background:url(/kofair_case_seed/usr/images/counsel/icon_step02_m.png) no-repeat center center;}
|
|
.free_counsel_content .active .icon.step02{background:url(/kofair_case_seed/usr/images/counsel/icon_step02_active_m.png) no-repeat center center;}
|
|
.free_counsel_content .icon.step03{background:url(/kofair_case_seed/usr/images/counsel/icon_step03_m.png) no-repeat center center;}
|
|
.free_counsel_content .active .icon.step03{background:url(/kofair_case_seed/usr/images/counsel/icon_step03_active_m.png) no-repeat center center;}
|
|
|
|
.free_counsel_content .depth03.title.blue_border::after{top:17px;}
|
|
|
|
.free_counsel_content .check_wrap{font-size:3.4rem;flex-wrap:wrap;}
|
|
.free_counsel_content .check_wrap .input_box{margin:40px 0 0 0;}
|
|
.free_counsel_content .all_agree_box{padding:40px;margin:80px 0 0 0;}
|
|
.free_counsel_content .box.gray_border{margin:80px 0 0 0;}
|
|
|
|
.free_counsel_content .btn_wrap:last-child{margin:80px 0 60px 0;justify-content:center;}
|
|
.free_counsel_content .btn_wrap:last-child button:only-child{width:40%;}
|
|
|
|
.free_counsel_content .dragdrop_wrap{margin:0 0 16px 0;}
|
|
}
|
|
|
|
/* ==================== 모바일 ==================== */
|
|
@media screen and (max-width: 767px){
|
|
|
|
.callcenter_banner{height:310px;padding:30px 0 60px 0;margin:0 0 60px 0;font-size:1.7rem;background-size:55% auto;}
|
|
.callcenter_banner .title{width:114px;height:36px;margin:0 auto 15px auto;font-size:2rem;line-height:35px;border-radius:25px;}
|
|
.callcenter_banner .gMarket_bold{font-size:4rem;}
|
|
|
|
.callcenter_content .title.blue_border.orange_border::after{top:9px;}
|
|
.callcenter_content .title.depth03{margin:9px 0 0 0;}
|
|
.callcenter_content .organ_info{margin:30px 0 0 0;gap:24px;}
|
|
.callcenter_content .organ_info div{min-height:227px;font-size:1.7rem;}
|
|
.callcenter_content .organ_info .title{font-size:2rem;}
|
|
.callcenter_content .organ_info .sub_title,.callcenter_content .organ_info .organ_tel,.callcenter_content .organ_info .organ_site{padding:0 0 0 19px;}
|
|
.callcenter_content .title.blue_border::after{top:9px;}
|
|
|
|
.free_counsel_content .counsel_dl div{width:100%;padding:35px 12px 35px 12px;}
|
|
.free_counsel_content .counsel_dl div::after{width:35%;height:8px;border-radius:0 0 3px 3px;}
|
|
.free_counsel_content .counsel_dl dt{font-size:2.75rem;margin:0 0 19px 0;}
|
|
.free_counsel_content .counsel_dl i{width:116px;height:116px;background-size:100%;}
|
|
.free_counsel_content .counsel_dl dd{font-size:1.6rem;}
|
|
|
|
.free_counsel_content .process_step_wrap{margin:40px 0 60px 0;}
|
|
.free_counsel_content .depth02{margin:60px 0 0 0;}
|
|
.free_counsel_content .depth02+.box.gray_border{margin:20px 0 0 0;}
|
|
.free_counsel_content .icon.step,.free_counsel_content .active .icon.step{background-size:auto 100%;}
|
|
|
|
.free_counsel_content .depth03.title.blue_border::after{top:8px;}
|
|
|
|
.free_counsel_content .check_wrap{font-size:1.7rem;flex-wrap:wrap;}
|
|
.free_counsel_content .check_wrap .input_box{margin:20px 0 0 0;}
|
|
.free_counsel_content .all_agree_box{padding:20px;margin:40px 0 0 0;}
|
|
.free_counsel_content .box.gray_border{margin:40px 0 0 0;}
|
|
|
|
.free_counsel_content .btn_wrap:last-child{margin:40px 0 30px 0;}
|
|
|
|
.free_counsel_content .box_complete .btn_wrap:last-child{margin:30px 0;}
|
|
|
|
.free_counsel_content .dragdrop_wrap{margin:0 0 8px 0;}
|
|
|
|
} |