@charset "utf-8"; @keyframes slideUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0px); } } @keyframes lineDraw { from { opacity: 0; width: 0; } to { opacity: 1; width: 100%; } } /* mainVisual : Start */ #main-section-visual { position:relative; z-index:2; } #main-section-visual .main_con_mask { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9;} #main-section-visual .main_con_mask .main_text_wrap { position:relative; top:30%; width:100%; font-size:3rem; color:#fff; text-align:center; } #main-section-visual .main_con_mask .main_text_t1 { font-size: 35px; font-weight: 500; margin-bottom: 30px; } #main-section-visual .main_con_mask .main_text_t2 { font-size: 55px; line-height: 75px; margin-bottom: 30px; font-weight:700; } #main-section-visual .main_con_mask .main_text_t3 { font-size: 24px; font-weight: 400; } #main-section-visual .main_con { position:relative; height:0; background: #000; padding-bottom:56.25%; } #main-section-visual .main_con iframe { position:absolute; top:0; left:0; width:100%; height:100%; } @media(max-width:980px){ #main-section-visual .main_con_mask .main_text_t1 { font-size: 22px; } #main-section-visual .main_con_mask .main_text_t2 { font-size: 35px; line-height: 1.2; word-break:keep-all; } #main-section-visual .main_con_mask .main_text_t3 { font-size: 18px; } } @media(max-width:680px){ #main-section-visual .main_con_mask .main_text_wrap { top:35%; } #main-section-visual .main_con_mask .main_text_t1 { font-size: 20px; margin-bottom:20px; } #main-section-visual .main_con_mask .main_text_t2 { margin-bottom:20px; } #main-section-visual .main_con { height:100vh; padding-bottom:0; overflow:hidden; } #main-section-visual .main_con iframe { position:absolute; top:0; left:50%; transform: translateX(-50%); width:340%; height:100%; } } /* mainVisual : End */ /* 수임료 : Start */ #main-section-fee { background:url('../img/main/bg_fee.jpg') no-repeat 50% 50%; padding:150px 0; background-size:cover; } #main-section-fee .main_con { max-width:1280px; margin:0 auto; } #main-section-fee .main_con .title_wrap { text-align:center; color:#fff; margin-bottom:50px; } #main-section-fee .main_con .title_wrap h2 { font-size:52px; margin-bottom:10px; word-break:keep-all; } #main-section-fee .main_con .title_wrap p { font-size:22px; word-break:keep-all; } #main-section-fee .main_con .title_wrap p strong { color:#000; } #main-section-fee .main_con .title_wrap p .small { font-size:18px; } #main-section-fee .fee_list { display:flex; max-width:1100px; margin:0 auto; gap:30px; } #main-section-fee .fee_list li { width:50%; } #main-section-fee .fee_list li img { width:100%; height:auto; } #main-section-fee .info { font-size:28px; word-break:keep-all; text-align:center; margin-top:100px; color:#fff; } #main-section-fee .mobile_br { display:none; } @media all and ( max-width: 680px){ #main-section-fee { padding:80px 10px; } #main-section-fee .main_con .title_wrap h2 { font-size:30px; margin-bottom:25px; } #main-section-fee .main_con .title_wrap p { font-size:18px; } #main-section-fee .main_con .title_wrap p .small { font-size:12px; letter-spacing:-0.05em; } #main-section-fee .fee_list { gap:10px; } #main-section-fee .mobile_br { display:block; } #main-section-fee .info { font-size:18px; margin-top:50px; } } @media all and ( max-width: 480px){ } /* 수임료 : End */ /* 변호사리스트 : Start */ #main-section-lawyer { background:url('../img/main/bg_laywer.jpg') no-repeat 50% 50%; background-size:cover; } #main-section-lawyer .main_con { max-width:1280px; margin:0 auto; padding:150px 10px 50px; background:url('../img/main/laywer_photo.png') no-repeat right bottom; background-size:45% auto; } #main-section-lawyer .main_con .introduce { width:65%; max-width:750px; } #main-section-lawyer .main_con .introduce h2 { font-size:32px; margin-bottom:50px; } #main-section-lawyer .main_con .introduce h2 strong { color:#f85103; font-size:62px; } #main-section-lawyer .main_con .introduce dl {} #main-section-lawyer .main_con .introduce dl dt { color:#f85103; font-size:22px; font-weight:700; margin-bottom:10px; } #main-section-lawyer .main_con .introduce dl dd { font-size:18px; } #main-section-lawyer .main_con .introduce dl dt + dt, #main-section-lawyer .main_con .introduce dl dd + dt { margin-top:30px; } #main-section-lawyer .main_con .lawyer_sign { text-align:right; font-size:18px; margin-top:30px; } #main-section-lawyer .main_con .lawyer_sign strong { font-size:25px; } #main-section-lawyer .mobile_br { display:none; } @media all and ( max-width: 980px){ #main-section-lawyer .main_con .introduce { width:60%; } } @media all and ( max-width: 680px){ #main-section-lawyer .main_con { padding:80px 10px 30px; background-size:50% auto } #main-section-lawyer .main_con .introduce { width:80%; } #main-section-lawyer .main_con .introduce h2 { font-size:18px; margin-bottom:30px; } #main-section-lawyer .main_con .introduce h2 strong { font-size:32px; } #main-section-lawyer .main_con .introduce dl dt + dt, #main-section-lawyer .main_con .introduce dl dd + dt { margin-top:15px; } #main-section-lawyer .main_con .introduce dl dt { font-size:18px; } #main-section-lawyer .main_con .introduce dl dd { font-size:14px; } #main-section-lawyer .main_con .lawyer_sign { text-align:left; font-size:14px; margin-top:20px; } #main-section-lawyer .main_con .lawyer_sign strong { font-size:20px; } #main-section-lawyer .mobile_br { display:block; } } @media all and ( max-width: 480px){ } /* 변호사리스트 : End */ /* 고객감동후기 : Start */ #main-section-review { padding:150px 50px; background:url('../img/main/bg_review.jpg') no-repeat top center; background-size:cover; } #main-section-review .title_wrap { text-align:center; margin-bottom:50px; } #main-section-review .title_wrap h2 { font-size:58px; font-weight:700; color:#fff; } #main-section-review .ap_review_wrap { position:relative; max-width:1280px; margin:0 auto; } #main-section-review .ap_review_wrap .swiper-pagination { display:none; } #main-section-review .ap_review_wrap .ap_review_btn a {position: absolute; top:50%; width:54px; transform: translateY(-50%); z-index:9; } #main-section-review .ap_review_wrap .ap_review_btn a img { width:100%; height:auto; } #main-section-review .ap_review_wrap .ap_review_btn a.prev {left:-27px;} #main-section-review .ap_review_wrap .ap_review_btn a.next {right:-27px;} #main-section-review .ap_review_swiper { margin: 0; } #main-section-review .ap_review_swiper li {position:relative; padding:0; } #main-section-review .ap_review_swiper li .d-inner { position:relative; margin: 0; height:450px; border:1px solid #c6c6c6; padding:30px 30px; background:#fff; } #main-section-review .ap_review_swiper li + li { margin-left:0px; } #main-section-review .ap_review_swiper li .d-result { color:#937048; font-size:25px; font-weight:700; margin-bottom:20px; } #main-section-review .ap_review_swiper li .d-info { position:relative; color:#000; width:100%; text-align:left; padding:0; word-break:keep-all; } #main-section-review .ap_review_swiper li .d-subj { font-weight:700; font-size:22px; margin-bottom:10px; padding-bottom:10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #main-section-review .ap_review_swiper li .d-desc { font-size:16px; font-weight:300; line-height:1.5; word-wrap: break-word; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; /* 줄 넘어가면 말줄임 */ -webkit-box-orient: vertical; } #main-section-review .ap_review_swiper li .d-etc { position:absolute; bottom:40px; left:30px; display:flex; gap:15px; align-items: baseline; } #main-section-review .ap_review_swiper li .d-etc .d-name { font-size:22px; } #main-section-review .ap_review_swiper li .d-etc .d-name strong { color:#04a8aa; font-weight:500; } #main-section-review .ap_review_swiper li .d-etc .d-date { color:#9e9e9e; } #main-section-review .review_more { text-align:center; margin-top:80px; } #main-section-review .review_more a { display:inline-block; padding:15px 100px; color:#000; background:#fff; border-radius:30px; font-size:18px; font-weight:700; transition:all 0.3s; } #main-section-review .review_more a:hover { background:#f75001; color:#fff; } @media all and ( max-width: 1090px){ #main-section-review { padding:80px 50px; } #main-section-review .ap_review_wrap .ap_review_btn a { width:40px; } #main-section-review .ap_review_wrap .ap_review_btn a.prev {left: -20px;} #main-section-review .ap_review_wrap .ap_review_btn a.next {right: -20px;} } @media all and ( max-width: 680px){ #main-section-review { padding:50px 30px; } #main-section-review .title_wrap { margin-bottom:30px; } #main-section-review .title_wrap h2 { font-size:38px; } #main-section-review .title_wrap p { font-size:14px; } #main-section-review .ap_review_wrap .ap_review_btn a { width:34px; } #main-section-review .ap_review_wrap .ap_review_btn a.prev {left: -17px;} #main-section-review .ap_review_wrap .ap_review_btn a.next {right: -17px;} #main-section-review .ap_review_swiper li .d-inner { height:380px; padding:30px; } #main-section-review .ap_review_swiper li .d-desc { -webkit-line-clamp: 7; /* 줄 넘어가면 말줄임 */ } #main-section-review .review_more { margin-top:50px; } #main-section-review .review_more a { padding:15px 50px; } } /* 고객감동후기 : End */ /* 회생파산정보 : Start */ #main-section-rehabilitation { padding:150px 50px; background:url('../img/main/bg_info.jpg') no-repeat top center; background-size:cover; } #main-section-rehabilitation .title_wrap { text-align:center; margin-bottom:50px; } #main-section-rehabilitation .title_wrap h2 { font-size:58px; font-weight:700; color:#fff; } #main-section-rehabilitation .ap_rehabilitation_wrap { position:relative; max-width:1280px; margin:0 auto; } #main-section-rehabilitation .ap_rehabilitation_wrap .swiper-pagination { display:none; } #main-section-rehabilitation .ap_rehabilitation_wrap .ap_rehabilitation_btn a {position: absolute; top:50%; width:54px; transform: translateY(-50%); z-index:9; } #main-section-rehabilitation .ap_rehabilitation_wrap .ap_rehabilitation_btn a img { width:100%; height:auto; } #main-section-rehabilitation .ap_rehabilitation_wrap .ap_rehabilitation_btn a.prev {left:-27px;} #main-section-rehabilitation .ap_rehabilitation_wrap .ap_rehabilitation_btn a.next {right:-27px;} #main-section-rehabilitation .ap_rehabilitation_swiper { margin: 0; } #main-section-rehabilitation .ap_rehabilitation_swiper li {position:relative; padding:0; } #main-section-rehabilitation .ap_rehabilitation_swiper li .d-inner { position:relative; margin: 0; height:430px; border:1px solid #c6c6c6; padding:30px 30px; background:#fff; } #main-section-rehabilitation .ap_rehabilitation_swiper li + li { margin-left:0px; } #main-section-rehabilitation .ap_rehabilitation_swiper li .d-result { color:#937048; font-size:25px; font-weight:700; margin-bottom:20px; } #main-section-rehabilitation .ap_rehabilitation_swiper li .d-info { position:relative; color:#000; width:100%; text-align:left; padding:0; word-break:keep-all; } #main-section-rehabilitation .ap_rehabilitation_swiper li .d-subj { font-weight:700; font-size:22px; margin-bottom:10px; padding-bottom:10px; } #main-section-rehabilitation .ap_rehabilitation_swiper li .d-desc { font-size:16px; font-weight:300; line-height:1.5; word-wrap: break-word; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; /* 줄 넘어가면 말줄임 */ -webkit-box-orient: vertical; } #main-section-rehabilitation .ap_rehabilitation_swiper li .d-etc { position:absolute; bottom:40px; left:30px; display:flex; gap:15px; align-items: baseline; } #main-section-rehabilitation .ap_rehabilitation_swiper li .d-etc .d-name { font-size:22px; } #main-section-rehabilitation .ap_rehabilitation_swiper li .d-etc .d-name strong { color:#04a8aa; font-weight:500; } #main-section-rehabilitation .ap_rehabilitation_swiper li .d-etc .d-date { color:#9e9e9e; } #main-section-rehabilitation .review_more { text-align:center; margin-top:80px; } #main-section-rehabilitation .review_more a { display:inline-block; padding:15px 100px; color:#000; background:#fff; border-radius:30px; font-size:18px; font-weight:700; transition:all 0.3s; } #main-section-rehabilitation .review_more a:hover { background:#f75001; color:#fff; } @media all and ( max-width: 1090px){ #main-section-rehabilitation { padding:80px 50px; } #main-section-rehabilitation .ap_rehabilitation_wrap .ap_rehabilitation_btn a { width:40px; } #main-section-rehabilitation .ap_rehabilitation_wrap .ap_rehabilitation_btn a.prev {left: -20px;} #main-section-rehabilitation .ap_rehabilitation_wrap .ap_rehabilitation_btn a.next {right: -20px;} } @media all and ( max-width: 680px){ #main-section-rehabilitation { padding:50px 30px; } #main-section-rehabilitation .title_wrap { margin-bottom:30px; } #main-section-rehabilitation .title_wrap h2 { font-size:38px; } #main-section-rehabilitation .title_wrap p { font-size:14px; } #main-section-rehabilitation .ap_rehabilitation_wrap .ap_rehabilitation_btn a { width:34px; } #main-section-rehabilitation .ap_rehabilitation_wrap .ap_rehabilitation_btn a.prev {left: -17px;} #main-section-rehabilitation .ap_rehabilitation_wrap .ap_rehabilitation_btn a.next {right: -17px;} #main-section-rehabilitation .ap_rehabilitation_swiper li .d-inner { height:380px; padding:30px; } #main-section-rehabilitation .ap_rehabilitation_swiper li .d-desc { -webkit-line-clamp: 7; /* 줄 넘어가면 말줄임 */ } #main-section-rehabilitation .review_more { margin-top:50px; } #main-section-rehabilitation .review_more a { padding:15px 50px; } } /* 회생파산정보 : End */ /* 주요성공사례 : Start */ #main-section-successstory { padding:150px 50px; background:#fff; } #main-section-successstory .title_wrap { text-align:center; margin-bottom:50px; } #main-section-successstory .title_wrap h2 { font-size:58px; font-weight:700; margin-bottom:20px; } #main-section-successstory .title_wrap p { font-size:20px; word-break:keep-all; } #main-section-successstory .ap_success_wrap { position:relative; max-width:1280px; margin:0 auto; } #main-section-successstory .ap_success_wrap .swiper-pagination { display:none; } #main-section-successstory .ap_successstory_cate { display:table; margin:0 auto 50px; } #main-section-successstory .ap_successstory_cate h2 { display:table-cell; width:200px; color:#fff; text-align:center; vertical-align:middle; font-size:20px; } #main-section-successstory .ap_successstory_cate ul { padding:20px 20px; display:flex; flex-wrap:wrap; gap:10px; zoom:1} #main-section-successstory .ap_successstory_cate ul:after {display:block;visibility:hidden;clear:both;content:""} #main-section-successstory .ap_successstory_cate li {} #main-section-successstory .ap_successstory_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #f84908;color:#000} #main-section-successstory .ap_successstory_cate a:focus, #main-section-successstory .ap_successstory_cate a:hover, #main-section-successstory .ap_successstory_cate a:active {text-decoration:none;background:#f84908;color:#fff; border:1px solid #f84908;} #main-section-successstory .ap_success_wrap .ap_success_btn a {position: absolute; top:50%; width:54px; transform: translateY(-50%); z-index:9; } #main-section-successstory .ap_success_wrap .ap_success_btn a img { width:100%; height:auto; } #main-section-successstory .ap_success_wrap .ap_success_btn a.prev {left:-27px;} #main-section-successstory .ap_success_wrap .ap_success_btn a.next {right:-27px;} #main-section-successstory .ap_successstory_swiper { margin: 0; } #main-section-successstory .ap_successstory_swiper li {position:relative; padding:25px 5px 0; } #main-section-successstory .ap_successstory_swiper li .d-inner { position:relative; margin: 0; height:270px; border:1px solid #c6c6c6; padding:10px 20px 20px; background:#fff; } #main-section-successstory .ap_successstory_swiper li + li { margin-left:0px; } #main-section-successstory .ap_successstory_swiper li .d-cate { position:absolute; top:-25px; left:20px; background:#f84908; color:#fff; font-weight:700; font-size:18px; text-align:center; width:150px; padding:12px 0; } #main-section-successstory .ap_successstory_swiper li .d-result { color:#937048; font-size:25px; font-weight:700; margin-bottom:20px; } #main-section-successstory .ap_successstory_swiper li .d-info { position:relative; color:#000; width:100%; text-align:left; padding:30px 20px; word-break:keep-all; } #main-section-successstory .ap_successstory_swiper li .d-name { font-weight:700; font-size:18px; margin-bottom:10px; border-bottom:dotted 1px #000; padding-bottom:10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #main-section-successstory .ap_successstory_swiper li .d-desc { font-size:14px; font-weight:300; line-height:20px; word-wrap: break-word; height: 5rem; overflow:hidden; } #main-section-successstory .review_more { text-align:center; margin-top:80px; } #main-section-successstory .review_more a { display:inline-block; padding:15px 100px; color:#fff; background:#e28317; border-radius:30px; font-size:18px; font-weight:700; transition:all 0.3s; } #main-section-successstory .review_more a:hover { background:#f75001; color:#fff; } @media all and ( max-width: 1090px){ #main-section-successstory { padding:80px 50px; } #main-section-successstory .ap_success_wrap .ap_success_btn a { width:40px; } #main-section-successstory .ap_success_wrap .ap_success_btn a.prev {left: -20px;} #main-section-successstory .ap_success_wrap .ap_success_btn a.next {right: -20px;} } @media all and ( max-width: 680px){ #main-section-successstory { padding:50px 30px; } #main-section-successstory .title_wrap { margin-bottom:30px; } #main-section-successstory .title_wrap h2 { font-size:38px; } #main-section-successstory .title_wrap p { font-size:14px; } #main-section-successstory .ap_success_wrap .ap_success_btn a { width:34px; } #main-section-successstory .ap_success_wrap .ap_success_btn a.prev {left: -17px;} #main-section-successstory .ap_success_wrap .ap_success_btn a.next {right: -17px;} #main-section-successstory .ap_successstory_cate { display:none; } #main-section-successstory .ap_successstory_swiper li .d-info { padding:30px 10px 10px; } #main-section-successstory .review_more { margin-top:50px; } #main-section-successstory .review_more a { padding:15px 50px; } } /* 주요성공사례 : End */ /* 상담 : Start */ #main-section-diagnosis { display:flex; } #main-section-diagnosis .diagnosis_info_wrap { width:50%; background:url('../img/main/bg_diagnosis.jpg') no-repeat top center; background-size:cover; padding:120px 50px; } #main-section-diagnosis .diagnosis_info_wrap .diagnosis_info { max-width:440px; margin:0 auto; color:#fff; } #main-section-diagnosis .diagnosis_info_wrap .diagnosis_info h2 { font-weight:700; font-size:72px; line-height:1.5; margin-bottom:30px; color:#fb7810; } #main-section-diagnosis .diagnosis_info_wrap .diagnosis_info p { font-size:17px; font-weight:300; margin-bottom:150px; } #main-section-diagnosis .diagnosis_info_wrap .diagnosis_info .diagnosis_tel { max-width:385px; margin:0 auto; } #main-section-diagnosis .diagnosis_info_wrap .diagnosis_info .diagnosis_tel img { width:100%; height:auto; } /* 상담부분 */ #main-section-diagnosis .diagnosis_frm_wrap { position:relative; width:50%; background:#e28317; color:#fff; padding:120px 50px; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm { max-width:630px; margin:0 auto; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_list { display:flex; flex-direction:column; gap:10px; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_input, #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_desc { display:flex; overflow:hidden; line-height:40px;} #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_input > label, #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_desc .desc_tit { position:relative; width:80px; text-align:left; font-weight:700; font-size:16px; align-self:center; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_input > label.ftop { align-self: flex-start; padding-top:20px; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_input input[type='text'], #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_input select { width:calc(100% - 80px); max-width:250px; height:40px; line-height:40px; font-size:14px; padding:0 10px; border:0; border-radius:8px; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_input textarea { width:calc(100% - 80px); height:150px; line-height:22px; font-size:14px; padding:10px; border:0; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_line { width:100%; height:1px; background-color:#fff; overflow:hidden; margin:10px 0 20px;} #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_frm_half_winp { display:flex; gap:20px; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_frm_half_winp .tk_counsel_frm_input { width:calc(50% - 10px); } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_frm_half_winp + .tk_frm_half_winp, #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_frm_half_winp + .tk_frm_winp, #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_frm_winp + .tk_frm_winp { margin-top:10px; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_agree { position:relative; font-size:16px; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_btn { position:relative; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_btn input[type='button'] { cursor:pointer; width:100%; height:60px; margin-top:30px; line-height:60px; background:#2c211d; color:#fff; font-weight:700; font-size:20px; text-align:center; border:0; border-radius:20px; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_desc .desc_txt { font-size:14px; color:#edcaa4; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_slist { margin-left:80px; display:flex; flex-direction:column; gap:10px; font-size:14px; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_slist .tk_counsel_frm_input > label { padding-left:15px; width:100px; font-size:14px; font-weight:400; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_slist .tk_counsel_frm_input > label:before { position:absolute; left:0px; top:0; content:"ㆍ"; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_slist .tk_counsel_frm_input input[type='text'], #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_slist .tk_counsel_frm_input select { width:calc(100% - 100px); max-width:180px; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_slist .tk_counsel_frm_slist_ul { position:relative; display:flex; gap:10px; margin-left:10px; padding-left:10px; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_slist .tk_counsel_frm_slist_ul:before { position:absolute; left:0; top:50%; margin-top:-6px; content:""; height:12px; width:1px; overflow:hidden; background-color:#edcaa4; } #diagnosis_result_wrap { position:absolute; top:0; left:0; width:100%; height:100%; background:#e28317; display:none; z-index:9; } #diagnosis_result_wrap.active { display:flex; } #diagnosis_result_wrap .diagnosis_result_inner { align-self:center; max-width:440px; width:100%; margin:0 auto; color:#fff; text-align:left; } #diagnosis_result_wrap .diagnosis_result_inner h2 { display:block; font-size:28px; border-bottom:1px solid #fff; padding-bottom:15px; margin-bottom:15px; } #diagnosis_result_wrap .diagnosis_result_inner .diagnosis_result_msg { display:none; line-height:1.5; } #diagnosis_result_wrap .diagnosis_result_inner .diagnosis_result_msg.active { display:block; } #diagnosis_result_wrap .diagnosis_result_inner .diagnosis_result_btn {} #diagnosis_result_wrap .diagnosis_result_inner .diagnosis_result_btn a { display:block; cursor:pointer; width:100%; height:60px; margin-top:30px; line-height:60px; background:#2c211d; color:#fff; font-weight:700; font-size:20px; text-align:center; border:0; border-radius:20px; } @media(max-width:1280px){ #main-section-diagnosis { flex-direction:column; } #main-section-diagnosis .diagnosis_info_wrap, #main-section-diagnosis .diagnosis_frm_wrap { width:100%; } } @media(max-width:680px){ #main-section-diagnosis .diagnosis_info_wrap, #main-section-diagnosis .diagnosis_frm_wrap { padding:80px 10px; } #main-section-diagnosis .diagnosis_info_wrap .diagnosis_info h2 { font-size:38px; margin-bottom:30px; } #main-section-diagnosis .diagnosis_info_wrap .diagnosis_info p { font-size:14px; word-break:keep-all; margin-bottom:50px; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_slist { margin-left:20px; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_input input[type='text'], #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_input select { max-width:180px; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_slist .tk_counsel_frm_input { flex-wrap:wrap; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_slist .tk_counsel_frm_input > label { width:100%; font-size:16px; } #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_slist .tk_counsel_frm_input input[type='text'], #main-section-diagnosis .diagnosis_frm_wrap .tk_counsel_frm .tk_counsel_frm_slist .tk_counsel_frm_input select { max-width:100px; } } /* 상담 : End */ /* 솔루션 : Start */ #main-section-solution { padding:150px 0 200px; } #main-section-solution .main_con { max-width:1280px; margin:0 auto; padding:0 10px; } #main-section-solution .main_con .title_wrap { margin-bottom:100px; } #main-section-solution .main_con .title_wrap h2 { font-weight:700; font-size:52px; line-height:1.2; margin-bottom:20px; color:#000; word-break:keep-all; } #main-section-solution .main_con .title_wrap p { font-size:16px; color:#5e5d62; font-weight:300; word-break:keep-all; } #main-section-solution .main_con .solution_list { display:flex; flex-wrap:wrap; gap:20px; } #main-section-solution .main_con .solution_list li .info { display: flex; justify-content: space-between; align-items: center; background-color: #faf5f1; border-radius: 20px; height: 100%; max-height: 100px; padding: 26px 35px; } #main-section-solution .main_con .solution_list li { width:calc(33.33333333333333333333333% - 14px); } #main-section-solution .main_con .solution_list li .info p { font-weight:700; font-size:18px; word-break:keep-all; } #main-section-solution .main_con .solution_list li .info .logo { max-width: 50%; margin-left: 1rem; } #main-section-solution .main_con .solution_list li .info .logo img { max-height: 60px; } @media(max-width:980px){ #main-section-solution .main_con .solution_list li { width:calc(50% - 10px); } } @media(max-width:680px){ #main-section-solution { padding:80px 0 100px; } #main-section-solution .main_con .title_wrap { margin-bottom:50px; } #main-section-solution .main_con .title_wrap h2 { font-size:26px; } #main-section-solution .main_con .title_wrap p { font-size:14px; } #main-section-solution .main_con .solution_list li .info p { font-size:16px; } } @media(max-width:480px){ #main-section-solution .main_con .solution_list { gap:10px; } #main-section-solution .main_con .solution_list li { width:calc(50% - 5px); } #main-section-solution .main_con .solution_list li .info { display: block; max-height:200px; padding: 20px 10px 10px; } #main-section-solution .main_con .solution_list li .info p { font-size:14px; margin-bottom:10px; text-align:center; } #main-section-solution .main_con .solution_list li .info .logo { max-width:100%; text-align:center; margin-left:0; } #main-section-solution .main_con .solution_list li .info .logo img { max-height:35px; } } /* 솔루션 : End */ .ftxt-c1 { color:#e4033d; font-weight:bold;} .ftxt-c2 { color:#b8130e;} .ftxt-c3 { color:#fb7810;}