/* INDEX------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------ */ /* LAYOUT */ /* ------------------------------------------------------------------------------ */ .sub_wrap { display:block; overflow:hidden; clear:both; font-family: 'S-CoreDream-4Regular'; } /* 상단 */ .sub_top_wrap { display:block; clear:both; height:270px; background:#000; background-size:cover; position:relative;} body#intro .sub_top_wrap { background:#000 url('../images/sub/s_vi1.jpg') top center no-repeat; background-size:cover; } body#success .sub_top_wrap { background:#000 url('../images/sub/s_vi2.jpg') center center no-repeat; background-size:cover; } body#return .sub_top_wrap { background:#000 url('../images/sub/s_vi3.jpg') left center no-repeat; background-size:cover; } body#ruptcy .sub_top_wrap { background:#000 url('../images/sub/s_vi4.jpg') center center no-repeat; background-size:cover; } body#custormer .sub_top_wrap { background:#000 url('../images/sub/s_vi4.jpg') center center no-repeat; background-size:cover; } body#use .sub_top_wrap { background:#000 url('../images/sub/s_vi1.jpg') center center no-repeat; background-size:cover; } .sub_top_tit_wrap { display:block; position:relative; overflow:hidden; } .sub_top_tit_core { display:block; position:relative; text-align:center; width:90%; max-width:1400px; margin:0 auto; } .sub_top_tit { display:block; overflow:hidden; color:#fff; font-size:45px; line-height:120%; word-break:keep-all; font-family: 'TmonMonsori'; font-weight:normal; } .sub_top_tit span { display:inline-block; overflow:hidden; vertical-align:middle; } .st_tit1 { color:#ae7e63; } .st_tit2 { color:#77b8ca; } /* 페이지 NAVI */ .sub_nav_wrap { display:block; position:absolute; bottom:-35px; left:5%; width:95%; margin:0; background:#1b3066; } .sub_nav_wrap .eng_nav { display:none; } .sub_nav_core { display:block; margin:0; width:100%; max-width:1700px; } .sub_tabmenu_wrap { display:block; } .sub_tabmenu { display:block; } .sub_home, .menu_list { display:block; float:left; border-right:1px solid rgba(255,255,255, .3); box-sizing:border-box; border-radius:5px 0 0 0; } .sub_home { background:#6292a0 url('../images/sub/s_icon_home.png') no-repeat center center; width:10px; padding:35px; border-right:0; } .menu_list { width:300px; position:relative; background:url('../images/sub/path_2depth_bg01.png') no-repeat right 15px center; } a.menu_head { display:block; font-size:22px; text-indent:20px; padding:25px 0; font-weight:300; color:#fff; font-weight:200; } .menu_body { display:none; width:100%; background:#f8f8f8; position:absolute; z-index:9; top:70px; } .menu_body li { display:block; overflow:hidden; } .menu_body li a { display:block; overflow:hidden; font-size:17px; height:50px; line-height:50px; text-indent:20px; } .menu_body li a:hover { color:#fff; background:#171b21; } #thirdpane { display:none; } .menu_list.on { display:block !important; } /* 본문 */ .sub_body_wrap { display:block; overflow:hidden; clear:both; } .sub_body_core { display:block; overflow:hidden; /* width:90%; max-width:1300px; */ margin:130px auto 100px auto; clear:both; } .sub_body_core2 { margin-bottom:0 !important; } .sub_layout_tit { display:block; overflow:hidden; overflow:hidden;clear:both; margin:0 auto 70px auto; width:90%; max-width:1400px; text-align:center; } .sub_tit { display:block; overflow:hidden; font-size:45px; line-height:150%; font-weight:normal; text-align:center; font-family: 'TmonMonsori';} .sub_article_wrap { display:block; overflow:hidden; margin:0 0 70px 0; line-height:150%; } .sub_article_wrap:last-child { margin:0; } .sub_article_bg { background:#f7f7f7; } .sub_article_bg2 { background:#073d83; } .sub_article_core { display:block; overflow:hidden; width:90%; max-width:1400px; margin:0 auto; } .sub_article_core2 { padding:70px 0; } .h4_tit { display:block; position:relative; overflow:hidden; margin:0 0 30px 0; font-family: 'GmarketSansMedium'; font-size:36px; line-height:140%; font-weight:normal; background:url('../images/sub/h4_bullet.png') left top no-repeat; padding:25px 0 0 0; } .h5_tit { display:block; overflow:hidden; margin:0 0 30px 0; font-family: 'GmarketSansMedium'; font-size:28px; line-height:140%; font-weight:normal; color:#1b5bb8; } .h5_tit span { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-size:.8em; color:#000; font-family: 'GmarketSansLight'; } /* 준비중*/ .ready_wrap { display:block; overflow:hidden; background:#f8f8f8; border:1px solid #ddd; box-sizing:border-box; } .ready_core { display:block; overflow:hidden; margin:50px 30px; } .ready_img { display:block; overflow:hidden; margin:0 auto 30px auto; width:200px; } .ready_text_wrap { display:block; overflow:hidden; text-align:Center; word-break:keep-all; } .ready_ttext { display:block; overflow:hidden; font-family: 'S-CoreDream-5Medium'; font-size:40px; line-height:120%; } .ready_stext { display:block; overflow:hidden; margin:25px 0 0 0; font-size:20px; line-height:150%; } .ready_stext span { display:block; overflow:hidden; margin: 0 0 3px 0; font-family: 'S-CoreDream-4Regular';} .article_tit_wrap { display:block; overflow:hidden; } .article_tit_core { display:block; overflow:hidden; } .article_ttit { display:inline-block; overflow:hidden; font-size:50px; line-height:120%; font-family: 'GmarketSansBold'; color:#073d83; } .article_etit { display:inline-block; overflow:hidden; font-size:30px; line-height:120%; font-family: 'GmarketSansMedium'; color:#073d83; margin:0 0 5px 0;} .process_line_bg .article_ttit, .process_line_bg .article_etit { color:#fff; } /* ------------------------------------------------------------------------------- */ /* 이용안내 */ /* ------------------------------------------------------------------------------- */ /* 개인정보 */ .privacy_wrap { display:block; overflow:hidden; } .privacy_summary_wrap { display:block; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; background:#efefef; margin:0 0 50px 0; } .privacy_summary_core { display:block; overflow:hidden; margin:25px; } .privacy_body_wrap { display:block; overflow:hidden; } .privacy_content_wrap { display:block; overflow:hidden; margin:0 0 50px 0; } .privacy_content_wrap:last-child { margin:0; } .privacy_tit { display:block; overflow:hidden; margin:0 0 0 0; } .privacy_tit h4 { display:block; overflow:hidden; background: none; padding-top: 0; font-weight:500; font-size:24px; line-height:140%; font-family:'Noto Sans KR', sans-serif; } .privacy_cont { display:block; overflow:hidden; margin:15px 0 0 0; line-height:140%; font-weight:300; } .privacy_text { display:block; overflow:hidden; } .privacy_cont p { display:block; overflow:hidden; margin:0 0 5px 0; } .privacy_cont h5 { margin:10px 0 5px 0; } .privacy_content_wrap ol, .privacy_content_wrap ul { display:block; margin:10px 0 0 0; } .privacy_content_wrap li { display:block; margin:10px 0 0 15px; } /* 이메일무단수집거부 */ .email_denial_wrap { display:block; overflow:hidden; margin:0; background:#f8f8f8; text-align:center; } .email_denial_core { display:block; overflow:hidden; margin:100px 40px; } .email_denial_img_wrap { display:block; overflow:hidden; margin:0 auto 50px auto; width:80%; max-width:150px; } .email_denial_img_wrap img { display:block; overflow:hidden; width:100%; } .email_denial_text_wrap { display:block; overflow:hidden; } .email_denial_ttext { display:block; overflow:hidden; font-size:34px; line-height:130%; word-wrap:break-word; word-break:keep-all; font-weight:600; } .email_denial_stext { display:block; overflow:hidden; word-wrap:break-word; word-break:keep-all; line-height:150%; margin:30px 0 0 0; } /* 사이트맵 */ .site_map .nav_dep1_ul { display:block; overflow:hidden; margin:50px 0 0 0; } .site_map .nav_dep1_li { display:inline-block; overflow:hidden; width:30%; vertical-align:top; margin:0 1% 40px 1%; text-align:center; } .site_map .nav_dep1_a { display:block; overflow:hidden; border-bottom:1px solid #ddd; padding:20px 0; margin:0 0 15px 0; background:#f8f8f8; border-radius:10px 10px 0 0; font-size:20px; } .site_map .nav_dep2_ul { display:block; position:relative; background:none; } .site_map .nav_dep2_li { display:block; overflow:hidden; margin:0 0 20px 0; } .site_map .nav_dep2_li a { display:block; overflow:hidden; color:#333; font-size:18px; font-weight:300; padding:5px 0; } .site_map .nav_dep2_li a:hover { display:block; overflow:hidden; color:#333; background:none; text-decoration:underline;} .site_map .nav_dep1_li.hide { display:inline-block !important; } .site_map .nav_dep1_li.hide:last-child { display:none !important; } /* ------------------------------------------------------------------------------- */ /* 소개 */ /* ------------------------------------------------------------------------------- */ /* 인사말 */ .greet_top_text { display:block; overflow:hidden; margin:0 0 30px 0; word-break:keep-all; text-align:center; line-height:150%; font-size:22px; color:#5c5c5c; font-family: 'GmarketSansMedium'; } .greet_top_img { display:block; overflow:hidden; } .greet_top_img img { display:block; overflow:hidden; width:100%; } .greet_info_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; margin:-110px 80px 0 80px; border:1px solid #e1e1e1; box-sizing:border-box; position:relative; z-index:1; } .greet_info_item { display:block; overflow:hidden; border-right:1px solid #e1e1e1; box-sizing:border-box; width:25%; background:#fff; } .greet_info_item:last-child { border:0 } .greet_info_inner { display:block; overflow:hidden; margin:40px 20px; } .greet_info_inner img { display:block; overflow:hidden; margin:0 auto; } .greet_info_inner span { display:block; overflow:hidden; margin:30px auto 0 auto; text-align:center; font-size:20px; word-break:keep-all; } .greet_text_wrap { display:block; overflow:hidden; } .greet_text_inner { display:block; overflow:hidden; margin:0 0 30px 0; } .greet_text_inner:last-child { margin:0; } .greet_text_inner p { display:block; overflow:hidden; line-height:150%; font-size:20px; color:#363636; font-family: 'GmarketSansMedium'; word-break:keep-all; } .greet_text_inner p span { display:block; overflow:hidden; } /* 변호사 소개 */ .lawer_wrap { display:block; overflow:hidden; margin:0 auto; width:90%; max-width:1400px; min-height:660px; position:relative; } .lawer2, .lawer4, .lawer6 { background:#fdf6ef; margin:0 !important;} .lawer1, .lawer3, .lawer5, .lawer7 { margin:0 !important;} .lawyer_img_wrap { display:block; overflow:hidden; position:absolute; bottom:0; left:0; width:600px; z-index:2; } .lawyer_img_wrap img { display:block; overflow:hidden; width:100%; } .lawer_info_wrap { display:block; overflow:hidden; margin:150px 0 70px 650px; position:relative; } .lawer_info_top { display:block; overflow:hidden; border-bottom:1px solid #000; margin:0 0 20px 0; padding:0 0 20px 0; position:relative; z-index:2; } .lawer_info_etext { display:block; overflow:hidden; font-family: 'Montserrat', sans-serif; font-weight:600; letter-spacing:0; } .lawer_info_name { display:block; overflow:hidden; } .lawer_info_name span { display:inline-block; overflow:hidden; vertical-align:middle; font-size:30px; line-height:140%; } .lawer_info_name strong { display:inline-block; overflow:hidden; vertical-align:middle; font-size:40px; line-height:140%; font-weight:normal; font-family: 'GmarketSansBold'; } .lawer_info_content { display:block; overflow:hidden; position:relative; z-index:2; } .lawer_info_inner { display:block; overflow:hidden; margin:15px 0 0 0; } .lawer_info_list { display:block; overflow:hidden; } .lawer_info_list li { display:block; overflow:hidden; margin:0 0 5px 0; word-break:keep-all; background:url('../images/sub/bullet_k.jpg') left 10px no-repeat; padding:0 0 0 15px; position:relative; } .lawer_info_t { display:block; overflow:hidden; position:absolute; top:0; left:15px; } .lawer_info_c { display:block; overflow:hidden; margin:0 0 0 27px; } .lawer_info_bg { display:block; overflow:hidden; position:absolute; top:200px; right:0; z-index:1; color:#000; font-family: 'GmarketSansBold'; font-size:100px; line-height:120%; letter-spacing:0; opacity:.05; /* text-align:right; */width:100%; } .lawer_info_bg span { display:inline-block; } .staff_wrap {display:block; overflow:hidden; margin:0 auto; width:90%; max-width:1400px;} .staff {border: 1px solid #ddd; box-sizing: border-box; margin-bottom: 30px; overflow: hidden; padding: 35px;} .staff .con {} .staff .team {font-family: 'GmarketSansMedium'; background: #cfd8dc; padding: 8px 10px 4px; font-size: 21px;} .staff .name {font-family: 'GmarketSansMedium'; margin-top: 30px; font-size: 21px;} .staff .name > span {font-family: 'GmarketSansBold'; font-size: 30px; line-height: 40px;} .staff .img { margin-top: 20px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;} .staff .img img {margin:2px; width: 47%; max-width: 200px;} /* 오시는 길 */ .map_wrap { display:block; overflow:hidden; } .map_view_wrap { display:block; overflow:hidden; border-bottom:1px solid #ddd; box-sizing:border-box; height:360px; } .map_view_wrap .root_daum_roughmap { width:100% !important; height:360px !important; } .map_view_wrap .wrap_map { width:100% !important; height:360px !important; } .map_view { display:block; overflow:hidden; width:100%; height:360px; background:url('../images/sub/map_img1.jpg') center center no-repeat; background-size:auto; } .map_info_wrap { display:block; overflow:hidden; position:relative; margin:50px 0 0 0; } .map_info_line { display:block; overflow:hidden; position:relative; margin:0 0 30px 0; float:left; width:50%; } .map_info_dl { display:block; overflow:hidden; position:relative; } .map_info_dt { display:block; overflow:hidden; float:left; width:30%; border-top:3px solid #000; padding:30px 0 0 0; font-size:18px; } .map_info_dd { display:block; overflow:hidden; float:left; width:70%; border-top:3px solid #ddd; padding:30px 0 0 0; font-size:18px; font-weight:400; word-break:keep-all; } .map_info_line2 { width:100%; } .map_info_dl2 .map_info_dt { width:15%; } .map_info_dl2 .map_info_dd { width:85%; } .map_info_dl2 div { display:inline-block; } .map_info_dl span { font-family: 'Montserrat', sans-serif; font-weight:500; letter-spacing:0; } .sub-map-btn {height:48px; width:48px; right:0; position:absolute; top:0} .sub-map-btn a { background:#fbe300; height:48px; width:48px; border:1px solid #fbe300; line-height:0; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; align-items:center; } .sub-map-btn a:first-child {display:none; background:#fff; border:1px solid #017cff;} .sub-map-btn a img {width:40px;} .sub-map-btn a span {display:none} /* ------------------------------------------------------------------------------- */ /* 자가진단 */ /* ------------------------------------------------------------------------------- */ .diagnosis_top_wrap { display:block; overflow:hidden; text-align:center; font-family: 'GmarketSansMedium'; font-size:36px; line-height:120%; word-break:keep-all; } .diagnosis_top_wrap span { font-family: 'GmarketSansBold'; color:#1b5bb8; } .diagnosis_content_wrap { display:block; overflow:hidden; background:#05233d; margin:50px 0; border-radius:10px; position:relative; } .diagnosis_content_bg { display:block; overflow:hidden; position:absolute; top:0; left:0; width:380px; height:100%; background:url('../images/sub/diagnosis_bg.jpg') top center no-repeat; } .diagnosis_item_wrap { display:block; overflow:hidden; margin:0 0 0 380px; } .diagnosis_item_inner { display:block; overflow:hidden; margin:70px 50px; } .diagnosis_item_top { display:block; overflow:hidden; margin:0 0 50px 0; } .diagnosis_item_ttext { display:block; overflow:hidden; color:#fff; font-family: 'GmarketSansMedium'; font-size:30px; line-height:120%; } .diagnosis_item_stext { display:block; overflow:hidden; color:#628bae; font-family: 'GmarketSansMedium'; margin:15px 0 0 0; position:relative; } .diagnosis_item_stext:before { display:block; overflow:hidden; position:absolute; top:0; left:0; content:'*'; } .diagnosis_item_stext span { display:block; overflow:hidden; margin:0 0 0 15px; word-break:keep-all; } .diagnosis_item_cont { display:flex; flex-wrap:wrap; justify-content:space-between; font-size:17px; margin:30px 0 0 0; } .diagnosis_item { display:block; overflow:hidden; width:48%; float:left; padding:0 0 20px 0; position:relative; margin:0 0 40px 0; } .diagnosis_item_t { display:block; overflow:hidden; position:absolute; top:1px; left:0; color:#fff; opacity:.5; height:40px; line-height:40px; } .diagnosis_item_c { display:block; overflow:hidden; margin:0 0 0 90px; position:Relative; color:#fff; } .diagnosis_item_c span { display:block; overflow:hidden; position:absolute; top:0; left:0; height:40px; line-height:40px; } .diagnosis_input { display:block; overflow:hidden; margin:0 0 0 30px; } .diagnosis_input input { display:block; overflow:hidden; width:100%; background:none; color:#fff; text-align:right; font-family: 'GmarketSansMedium' !important; font-size:17px; border-bottom:1px solid #506578; height:40px; line-height:40px; } .diagnosis_input input::placeholder { color:#fff; } .diagnosis_select { display:block; overflow:hidden; background:url('../images/main/mc_arrow.png') center right no-repeat; width:100%; color:#fff; font-size:17px; height:20px; line-height:18px; font-weight:400; border:0; border-bottom:1px solid #506578; height:40px; line-height:40px; } .diagnosis_select option { color:#333; } .diagnosis_etc { display:block; overflow:hidden; margin:7px 0 0 0; word-break:keep-all; font-family: 'GmarketSansLight'; opacity:.7; font-size:16px; } .diagnosis_btn_wrap { display:block; overflow:hidden; text-align:center; margin:30px 0 0 0; } .diagnosis_btn_wrap a { display:inline-block; overflow:hidden; width:300px; max-width:45%; text-align:center; padding:20px 0 17px 0; margin:0 5px; border-radius:10px; color:#fff; font-size:18px; font-family: 'GmarketSansMedium'; } .diagnosis_btn1 { background:#a06c6c; } .diagnosis_btn2 { background:#6c85a0; } .diagnosis_summary_wrap { display:block; overflow:hidden; padding:7px 10px 5px 10px; text-align:center; border-radius:10px; word-break:keep-all; background:#ffd91e; font-family: 'GmarketSansMedium'; } .diagnosis_info_wrap { display:block; overflow:hidden; } .diagnosis_info_list { display:flex; flex-wrap:wrap; justify-content:space-between; border-top:1px solid #333; } .diagnosis_info_dl { display:flex; flex-wrap:wrap; justify-content:space-between; width:50%; border-bottom:1px solid #ddd;} .diagnosis_info_dt { display:block; overflow:hidden; width:30%; padding:15px 0; background:#dde9f6; text-align:center; color:#1b5bb8; } .diagnosis_info_dd { display:block; overflow:hidden; width:70%; padding:15px 0; text-indent:10px; } .diagnosis_result_cont { display:block; overflow:hidden; text-align:center; } .dr_item_wrap { display:inline-block; overflow:hidden; vertical-align:middle; width:280px; height:280px; margin:0 10px 30px 10px; border:1px solid #1b5bb8; box-sizing:border-box; border-radius:999px; } .dr_item_core { display:block; overflow:hidden; position:relative; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .dr_item_t { display:block; overflow:hidden; margin:0 0 5px 0; color:#2e2e2e; } .dr_item_c { display:block; overflow:hidden; font-family: 'GmarketSansBold'; color:#1b5bb8; line-height:120%; font-size:30px; } .diagnosis_result_top_wrap { display:block; overflow:hidden; background:#dde9f6; text-align:center; border-radius:10px; margin:30px auto; } .diagnosis_result_top_core { display:block; overflow:hidden; margin:30px; color:#2e2e2e; font-family: 'GmarketSansMedium'; word-break:keep-all; font-size:20px;} /* ------------------------------------------------------------------------------- */ /* 개인회생 / /* ------------------------------------------------------------------------------- */ .return_wrap { display:block; overflow:hidden; } .return_top_wrap { display:block; overflow:hidden; background:#dde9f6; text-align:center; font-family: 'GmarketSansMedium'; border-radius:10px; margin:0 0 50px 0; } .return_top_core { display:block; overflow:hidden; margin:30px; word-break:Keep-all; font-size:20px; line-height:140%; } .return_cont_wrap { display:block; overflow:hidden; } .contnent_list { display:block; overflow:hidden; } .contnent_list li { display:block; overflow:hidden; font-size:20px; margin:0 0 15px 0; background:url('../images/sub/bullet_k.jpg') left 10px no-repeat; padding:0 0 0 15px; position:relative; font-family: 'GmarketSansMedium'; word-break:keep-all;} .contnent_etc { display:block; overflow:hidden; font-size:17px; opacity:.5; line-height:120%; margin:5px 0 0 0; word-break:keep-all; } .return_step_inner { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 0 20px 0; text-align:center; font-family: 'GmarketSansMedium'; position:relative; padding:0 0 20px 0; } .return_step_top_wrap { display:block; width:40%; font-size:20px; background:#dde9f6; border:1px solid #b7cde4; box-sizing:border-box; border-radius:10px; color:#1b5bb8; position:relative; } .return_next { display:block; overflow:hidden; position:absolute; bottom:-25px; left:50%; margin:0 0 0 -6px; } .return_step_top_core { display:block; overflow:hidden; margin:20px; line-height:120%; word-break:keep-all; } .return_step_reason_wrap { display:block; overflow:hidden; width:18%; } .return_step_reason_wrap img { display:block; overflow:hidden; margin:0 auto; } .return_step_reason_wrap span { display:block; overflow:hidden; margin:10px 0 0 0; } .return_step_reason_core { display:block; overflow:hidden; position:relative; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); word-break:keep-all; } .return_resulte_wrap { display:block; overflow:hidden; width:40%; font-size:20px; background:#f8f8f8; border:1px solid #ddd; box-sizing:border-box; border-radius:10px; } .return_resulte_core { display:block; overflow:hidden; margin:20px; line-height:120%; word-break:keep-all; } /* 파산 */ .ruptcy_step_wrap { display:block; overflow:hidden; padding:15px; background:#fff; border:1px solid #ddd; box-sizing:border-box; } .ruptcy_step_inner { display:block; margin:0 0 20px 0; text-align:center; font-family: 'GmarketSansMedium'; position:relative; padding:0 0 20px 0; } .ruptcy_step_top_wrap { display:block; width:30%; font-size:20px; background:#dde9f6; border:1px solid #b7cde4; box-sizing:border-box; border-radius:10px; color:#1b5bb8; position:relative; margin:0 auto; } .ruptcy_next { display:block; overflow:hidden; position:absolute; bottom:-25px; left:50%; margin:0 0 0 -6px; } .ruptcy_step_top_core { display:block; overflow:hidden; margin:20px; line-height:120%; word-break:keep-all; } .ruptcy_resulte_wrap { display:block; width:25%; font-size:20px; background:#f8f8f8; border:1px solid #ddd; box-sizing:border-box; border-radius:10px; position:absolute; top:0; word-break:keep-all; z-index:2; } .ruptcy_resulte1 { right:0; } .ruptcy_resulte2 { left:0; } .ruptcy_resulte_core { display:block; overflow:hidden; margin:20px; line-height:120%; word-break:keep-all; font-size:16px; } .ruptcy_arrow { display:block; overflow:hidden; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); left:-20%; } .ruptcy_arrow2 { display:block; overflow:hidden; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); right:-20%; } .ruptcy_vline { display:none; overflow:hidden; width:40%; height:1px; background:red; position:absolute; bottom:0; } .ruptcy_vline1 { left:50%;} .ruptcy_vline2 { right:50%;} .ruptcy_line { display:block; overflow:hidden; position:absolute; bottom:0; width:30%; border-top:1px dotted #333; } .ruptcy_line1 { right:15%; } .ruptcy_line2 { left:15%; } .ruptcy_hline { display:block; overflow:hidden; position:absolute; bottom:0; z-index:1; border-left:1px dotted #333; } .ruptcy_hline1 { right:15%; height:795%; } .ruptcy_hline2 { left:15%; height:273%; } .ruptcy_down { display:block; overflow:hidden; position:absolute; bottom:-10px; right:45%; transform: rotate(90deg); } .ruptcy_down2 { display:block; overflow:hidden; position:absolute; bottom:-10px; left:45%; transform: rotate(-90deg); } .ruptcy_type_list { display:block; overflow:hidden; counter-reset: section; } .ruptcy_type_dl { display:block; overflow:hidden; margin-bottom:15px; position:relative; } .ruptcy_type_dl:last-child { margin:0; } .ruptcy_type_dt { display:block; overflow:hidden; font-size:20px; font-family: 'GmarketSansMedium'; line-height:140%; word-break:keep-all; position:relative; padding-left:35px; } .ruptcy_type_dt::before { display:block; overflow:hidden; position:absolute; top:0; left:0; width:24px; height:24px; line-height:24px; text-align:center; font-family: 'Montserrat', sans-serif; color:#fff; counter-increment: section; content: "" counter(section) ""; background:#6c85a0; font-size:16px; border-radius:999px; font-weight:500; } .ruptcy_type_dd { display:block; overflow:hidden; } .ruptcy_type_dd ul { display:block; overflow:hidden; margin-top:5px; } .ruptcy_type_dd ul li { display:block; overflow:hidden; margin-top:5px; line-height:140%; word-break:keep-all; font-size:18px; position:relative; padding-left:15px; } .ruptcy_type_dd ul li::before { display:block; overflow:hidden; position:absolute; top:10px; left:0; width:4px; height:4px; background:#333; content:''; } .ruptcy_type_dd ul li span { display:block; overflow:hidden; opacity:.8; line-height:140%; word-break:keep-all; margin-top:5px; font-size:.9em; } .ruptcy_type_list2 .ruptcy_type_dt { margin-bottom:15px; } .ruptcy_type_list2 .ruptcy_type_dt:last-child { margin-bottom:0; } .tb_x { display:block; overflow-x:auto; } .tb_01 { width:100%; border-top:2px solid #1b5bb8; background:#fff; word-break:keep-all; min-width:800px; } .tb_01 thead th { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:17px; vertical-align:middle; font-weight:normal; background:#dde9f6; color:#1b5bb8; } .tb_01 tbody th { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:17px; vertical-align:middle; font-weight:normal; text-align:center; background:#f8f8f8; } .tb_01 tbody td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:17px; vertical-align:middle; } .tb_01 thead th:last-child, .tb_01 tbody td:last-child { border-right:0; } .tb_01 ul li { display:block; overflow:hidden; background:url('../images/sub/bullet_mi.gif') left 12px no-repeat; padding:0 0 0 20px; word-break:keep-all; } .link_btn { display:block; overflow:hidden; width:100px; padding:5px 0; text-align:center; font-size:16px; background:#676767; border-radius:10px; color:#fff; margin:5px auto 0 auto; } .tb_02 { width:100%; border-top:2px solid #1b5bb8; background:#fff; word-break:keep-all; min-width:800px; text-align:center; font-size:16px; } .tb_02 thead th { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; vertical-align:middle; font-weight:normal; background:#efefef; } .tb_02 tbody th { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; vertical-align:middle; font-weight:normal; text-align:center; background:#f8f8f8; } .tb_02 tbody td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; vertical-align:middle; } .tb_02 thead th:last-child, .tb_02 tbody td:last-child { border-right:0; } .down_btn { display:block; overflow:hidden; width:300px; max-width:100%; text-align:center; border-radius:10px; background:#6c85a0; color:#fff; font-family:'GmarketSansMedium'; padding:20px 0 17px 0; margin:30px auto 0 auto; font-size:18px;} /* 마지막 문구 */ .return_last_bg1 { background:#333 url('../images/sub/return_last_bg1.jpg') center center no-repeat; background-size:cover; } .return_last_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; } .return_last_txt { display:block; overflow:hidden; width:30%; font-family: 'GmarketSansMedium'; } .return_last_icon { display:block; overflow:hidden; width:150px; margin-bottom:30px; } .return_last_icon img { display:block; overflow:hidden; width:100%; } .return_last_top { display:block; overflow:hidden; } .return_last_ttit1 { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-size:40px; } .return_last_ttit1 b { color:#005bac; } .return_last_middle { display:flex; flex-wrap:wrap; justify-content:start; align-items:center; margin:30px 0; } .return_last_ttxt1 { display:block; overflow:hidden; font-family: 'GmarketSansBold'; font-size:60px; line-height:120%; word-break:keep-all; } .return_last_ttxt2 { display:block; overflow:hidden; font-size:24px; line-height:120%; word-break:keep-all; margin-top:10px; } .return_last_cont { display:block; overflow:hidden; } .return_last_cont p { display:block; overflow:hidden; margin-bottom:20px; } .return_last_cont p:last-child { margin:0; } .return_last_cont p span { display:block; overflow:hidden; line-height:160%; word-break:keep-all; } .return_last_cont p b { color:#005bac; } .return_last_img { display:block; overflow:hidden; width:60%; position:absolute; bottom:50px; right:0; } .return_last_img img { display:block; overflow:hidden; width:100%; opacity:.8; } .return_last_btn { display:flex; flex-wrap:wrap; justify-content:space-between; width:calc(100% - 40px); max-width:500px; position:absolute; bottom:20px; right:20px; } .return_last_btn a { display:block; overflow:hidden; width:calc(50% - 5px); background:#fff; color:#333; height:54px; line-height:59px; font-family: 'GmarketSansMedium'; text-align:center; border-radius:10px; border-radius:5px; font-size:18px; transition-duration:.5s; } .return_last_btn a:hover { background:#005bac; color:#fff; } /* ------------------------------------------------------------------------------- */ /* 고객상담 */ /* ------------------------------------------------------------------------------- */ /* 방문상담 */ .visit_form_wrap { display:block; overflow:hidden; border-radius:5px; font-family: 'GmarketSansMedium'; } .visit_form_top_wrap { display:block; overflow:hidden; margin:0 0 30px 0; text-align:center; } .visit_form_tit { display:block; overflow:hidden; font-size:36px; font-family: 'GmarketSansBold'; line-height:120%; color:#677f9a; } .visit_form_summary { display:block; overflow:hidden; color:#4f5a6a; margin:15px 0 0 0; word-break:keep-all; } .visit_form_cont_wrap { display:block; overflow:hidden; margin:50px auto 0 auto; background:#fff; } .visit_form { display:block; overflow:hidden; } .visit_form_inner { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 0 30px 0; } .visit_form_item, .visit_form_dl { display:flex; flex-wrap:wrap; justify-content:space-between; width:48%; border-bottom:2px solid #677f9a; padding:0 0 20px 0; position:relative; } .visit_form_100 { display:block; overflow:hidden; width:100%; } .visit_form_dt { display:block; overflow:hidden; float:left; width:20%; color:#506578; } .visit_form_dd { display:block; overflow:hidden; float:left; width:80%; } .visit_form_100 .visit_form_dt { width:10%; } .visit_form_100 .visit_form_dd { width:90%; } .visit_form_input { display:block; overflow:hidden; background:none; width:100%; color:#333; font-family: 'GmarketSansMedium' !important; font-size:17px; height:20px; line-height:18px; font-weight:400; } .visit_form_input::placeholder { color:#506578; } .visit_form_textarea { display:block; overflow:hidden; height:100px; padding:10px; width:100%; resize:none; /* border:1px solid #ddd; box-sizing:border-box; */ background:#f8f8f8; font-size:17px; margin:20px 0 0 0; } .visit_form_select { display:block; overflow:hidden; background:url('../images/common/q_arrow.png') center right no-repeat; width:90%; color:#333; font-size:17px; height:20px; line-height:18px; font-weight:400; border:0; font-family: 'GmarketSansMedium' !important; } .visit_date_select { display:block; overflow:hidden; width:100%; } .visit_date_select_in { display:block; overflow:hidden; margin:0 100px 0 0; } .visit_date_check { display:block; overflow:hidden; position:absolute; top:0; right:0;} .visit_check_type { display:inline-block; vertical-align:middle; vertical-align:middle; margin:0 20px 0 0; } .visit_check_type input { display:inline-block; vertical-align:middle; vertical-align:middle; margin:-3px 0 0 0; } .visit_check_type label { display:inline-block; vertical-align:middle; vertical-align:middle; } .visit_form_check_wrap { display:block; overflow:hidden; } .visit_form_check { display:inline-block; overflow:hidden; vertical-align:middle; } .visit_form_check input { display:inline-block; vertical-align:middle; vertical-align:middle; margin:-3px 0 0 0; } .visit_form_check label { display:inline-block; vertical-align:middle; vertical-align:middle; padding:2px 0; } .visit_prive_btn { display:inline-block; overflow:hidden; vertical-align:middle; font-size:14px; background:#f8f8f8; padding:4px 10px 2px 10px; border-radius:10px; border:1px solid #ddd; box-sizing:border-box; line-height:100%; } .visit_prive_btn:hover { background:#333; border-color:#333; color:#fff; } .visit_form_btn_wrap { display:block; overflow:hidden; margin:40px 0 0 0; text-align:center;} .visit_form_btn { display:inline-block; vertical-align:middle; overflow:hidden; width:40%; max-width:200px; box-sizing:border-box; padding:20px 0 17px 0; margin:0 5px; } .visit_form_btn1 { background:#6c85a0; border:1px solid #3a5d82; color:#fff; } .visit_form_btn2 { background:#f8f8f8; border:1px solid #ddd; } .visit_form_btn1:hover { background:#3a5d82; } .visit_form_btn2:hover { background:#ddd; } /* 계약서 */ .contract_login_top { display:block; overflow:hidden; margin:0 auto 20px auto; } .contract_write_btn { display:block; overflow:hidden; width:100%; max-width:200px; height:60px; line-height:62px; margin:0 0 0 auto; background:#ef4123; text-align:center; color:#fff; font-family: 'GmarketSansMedium'; } .contract_login_wrap { display:block; overflow:hidden; background:#f8f8f8; border-top:2px solid #677f9a; font-family: 'GmarketSansMedium';} .contract_login_core { display:block; overflow:hidden; width:90%; max-width:800px; margin:40px auto; } .contract_login_tit { display:block; overflow:hidden; text-align:center; font-size:36px; line-height:120%; } .contract_login_body { display:block; overflow:hidden; margin:50px 0 0 0; } .contract_login_inner { display:block; overflow:hidden; margin:0 0 15px 0; } .contract_login_dl { display:block; overflow:hidden; position:relative; } .contract_login_dt { display:block; overflow:hidden; width:200px; position:absolute; top:0; left:0; text-align:right; height:46px; line-height:46px; } .contract_login_dd { display:block; overflow:hidden; position:relative; margin:0 0 0 240px; } .contract_login_dd input { display:block; overflow:hidden; position:relative; width:100%; height:46px; line-height:46px; background:#fff; border:1px solid #ddd; box-sizing:border-box; font-family: 'GmarketSansMedium'; font-size:17px; text-indent:10px; } .contract_btn { display:block; overflow:hidden; text-align:center; margin:30px 0 0 0; } .contract_btn a { display:inline-block; overflow:hidden; width:100%; max-width:145px; height:60px; line-height:62px; } .btn1 { background:#677f9a; color:#fff; } .btn2 { background:#585858; color:#fff; } .btn3 { background:#679a8e; color:#fff; } .btn4 { background:#9a6e67; color:#fff; } .btn5 { background:#9a6798; color:#fff; } .contract_wrap { display:block; overflow:hidden; font-family: 'GmarketSansMedium';} .contract_list_wrap { display:block; overflow:hidden; border-top:2px solid #677f9a; } .contract_list { display:block; overflow:hidden; text-align:center; } .contract_list_top { background:#edf3f9; color:#1b5bb8; } .contract_list li { display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; border-bottom:1px solid #ddd; } .contract_item { display:block; position:relative; padding:15px 0;} .contract_list_top .contract_item { padding:10px 0;} .contract_item1 { width:10%; } .contract_item2 { width:55%; } .contract_item2 a { display:block; overflow:hidden; text-align:left; white-space:nowrap; text-overflow:ellipsis; text-decoration:underline; } .contract_item2 a:hover { color:#1b5bb8; } .contract_item3 { width:20%; } .contract_item4 { width:15%; } .contract_inner { display:block; overflow:hidden; margin:0 10px; } .page_wrap { display:block; overflow:hidden; text-align:center; margin:50px 0 0 0; } .page_btn { display:inline-block; vertical-align:middle; width:30px; height:30px; line-height:32px; border:1px solid #ddd; box-sizing:border-box; border-radius:999px; font-size:15px; text-align:center; margin:0 3px 5px 3px; } .page_btn_edit { background:#ddd; color:#000; font-size:10px; } .page_btn_edit span:last-child { margin:0 0 0 -3px; } .page_act { color:#fff; background:#1b5bb8; } .contract_view_top { display:block; overflow:hidden; position:relative; } .contract_view_tit { display:block; overflow:hidden; position:relative; } /* .contract_view_tit:before { display:block; overflow:hidden; position:absolute; top:0; left:0; width:20px; height:20px; border-radius:999px; background:#1b5bb8; content:''; } */ .contract_view_tit span { display:block; overflow:hidden; font-size:40px; line-height:120%; color:#1b5bb8; margin:0; word-break:keep-all; font-family:'GmarketSansBold'; } .contract_view_body { display:block; overflow:hidden; } .contract_view_inner { display:block; overflow:hidden; margin:50px 0 0 0; } .contract_body_tit { display:block; overflow:hidden; font-size:26px; line-height:120%; margin:0 0 30px 0; } .contract_info_wrap { display:block; overflow:hidden; border-top:2px solid #333; } .contract_info_inner { display:block; overflow:hidden; border-bottom:1px solid #ddd; } .contract_info_dl { display:block; overflow:hidden; position:relative; } .contract_info_dl2 { float:left; width:50%; } .contract_info_inner .contract_info_dl2:nth-child(2n) { border-left:1px solid #ddd; box-sizing:border-box; } .contract_info_dt { display:block; overflow:hidden; position:absolute; top:0; left:0; height:100%; background:#f8f8f8; width:150px; text-align:center; border-right:1px solid #ddd; box-sizing:border-box; } .contract_info_dt span { display:block; overflow:hidden; position:relative; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .contract_info_dd { display:block; overflow:hidden; margin:0 0 0 150px; } .contract_info { display:block; overflow:hidden; margin:10px; word-break:keep-all; font-weight:400; } .contract_att { display:inline-block; overflow:hidden; margin:0 ; text-decoration:underline; vertical-align:middle; background:#f8f8f8; background:#f8f8f8; padding:5px 10px; border:1px solid #ddd; box-sizing:border-box; border-radius:10px; } .contract_att:hover { color:#0072bc; } .contract_info_write .contract_info_dt { width:250px; } .contract_info_write .contract_info_dd { margin:0 0 0 250px; } .contract_input { display:block; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; height:46px; line-height:46px; width:100%; font-size:17px; } .contract_check { display:inline-block; overflow:hidden; vertical-align:middle; height:46px; line-height:46px; font-size:17px; margin:0 20px 0 0; } .contract_check input { display:inline-block; overflow:hidden; vertical-align:middle; margin:0; } .contract_check label { display:inline-block; overflow:hidden; vertical-align:middle; font-size:17px; } .contract_tel { display:block; overflow:hidden; float:left; width:30%; } .contract_line { display:block; overflow:hidden; float:left; width:5%; text-align:center; height:46px; line-height:46px; } .address_wrap { display:block; overflow:hidden; } .address_f1 { display:block; overflow:hidden; } .contract_zip { float:left; width:30%; } .zip_find { display:block; overflow:hidden; float:left; width:30%; margin:0 0 0 10px; background:#333; color:#fff; text-align:Center; height:46px; line-height:46px; } .address_f2 { display:block; overflow:hidden; margin:15px 0 0 0; } .address_write_wrap { display:block; overflow:hidden; width:50%; float:left; } .address_write_inner { display:block; overflow:hidden; margin:0 15px 0 0; } .address_write_wrap:last-child .address_write_inner { margin:0 0 0 15px; } .contract_summary { display:block; overflow:hidden; margin:0 0 10px 0; color:#777; } .contract_tb { width:100%; border-top:2px solid #333; background:#fff; word-break:keep-all; text-align:center; min-width:700px; } .contract_tb thead th { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:17px; vertical-align:middle; font-weight:normal; background:#f8f8f8; } .contract_tb tbody th { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:17px; vertical-align:middle; font-weight:normal; text-align:center; } .contract_tb tbody td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:17px; vertical-align:middle; } .contract_tb thead th:last-child, .contract_tb tbody td:last-child { border-right:0; } .pay_etc { color:#777; } .contract_img_wrap { display:block; overflow:hidden; } .contract_img_wrap img { display:block; overflow:hidden; margin:0 auto; width:auto; max-width:100%; } .contract_sign_wrap { display:block; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; background:#f8f8f8; margin:0 auto; } .contract_sign_core { display:block; overflow:hidden; margin:15px auto; background:#fff; height:200px; width:600px; max-width:95%; border:1px solid #ddd; box-sizing:border-box; } .contract_sign_chek_wrap { display:block; overflow:hidden; width:100%; text-align:center; width:800px; max-width:100%; margin:0 auto; position:relative; padding:40px 0;} .contract_sign_chek { display:inline-block; overflow:hidden; font-size:20px; padding:30px 0 10px 0; } .contract_sign_chek2 { border-bottom:1px solid #333; padding:30px 0 10px 50px; margin:0 0 0 10px; } .sign_img { display:block; overflow:hidden; position:absolute; top:0; right:0; z-index:2; width:400px;} .contract_page_wrap { display:block; overflow:hidden; font-family: 'Ridibatang'; letter-spacing:-.5px; position:relative; } .contract_page_wrap:nth-child(1) { margin-bottom:30px; } .contract_page_core { display:block; overflow:hidden; margin:30px; } .cert_bg { display:block; overflow:hidden; position:absolute; bottom:-20%; right:-20%; } .contract_page_top { display:block; overflow:hidden; } .contract_page_top img { display:block; overflow:hidden; width:150px; margin-bottom:20px; } .print_view { display:none; } .contract_content_wrap { display:block; overflow:hidden; } .contract_content_title { display:block; overflow:hidden; font-size:20pt; line-height:130%; border-bottom:2px solid #000; box-sizing:border-box; text-align:Center; padding-bottom:10px; margin-bottom:10px; font-weight:bold; } .contract_content_body { display:block; overflow:hidden; font-size:11pt } .contract_util_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } .contract_util_text { display:block; overflow:hidden; width:calc(100% - 320px); } .contract_util_dl { display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:20px; } .contract_util_dl:last-child { margin:0; } .contract_util_dt { display:block; overflow:hidden; width:100px; line-height:130%; word-break:keep-all; } .contract_util_dd { display:block; overflow:hidden; width:calc(100% - 100px); line-height:130%; word-break:keep-all; } .contract_util_tb { display:block; overflow:hidden; width:300px; font-size:13pt; } .cp_tb { border-top:1px solid #777; border-left:1px solid #777; box-sizing:border-box; width:100%; } .cp_top { margin-top:5px; } .cp_tb thead th { border-bottom:1px solid #777; border-right:1px solid #777; box-sizing:border-box; padding:7px; line-height:130%; vertical-align:middle; font-weight:normal; text-align:center; background:rgba(0,0,0,.15); } .cp_tb tbody th { border-bottom:1px solid #777; border-right:1px solid #777; box-sizing:border-box; padding:7px; line-height:130%; vertical-align:middle; font-weight:normal; text-align:center; } .cp_tb tbody th.bg { background:rgba(0,0,0,.07); } .cp_tb tbody td { border-bottom:1px solid #777; border-right:1px solid #777; box-sizing:border-box; padding:7px; line-height:130%; vertical-align:middle; } .contract_footer_wrap .cp_tb tbody td { padding:0 7px; height:45px; } .contract_footer_wrap .cp_tb tbody th { padding:0 7px; height:45px; } .contract_text { display:block; overflow:hidden; margin-top:15px; } .contract_text p { display:block; overflow:hidden; line-height:140%; word-break:keep-all; text-indent:10px; } .contract_footer_wrap { display:block; overflow:hidden; } .contract_footer_text { display:block; overflow:hidden; margin:25px 0; text-align:center; } .contract_footer_text p { display:block; overflow:hidden; line-height:140%; word-break:keep-all; margin-bottom:15px; } .contract_footer_text p:last-child { margin:0; } .contract_priv_wrap { display:block; overflow:hidden; position:relative; z-index:4; } .contract_priv_top { display:block; overflow:hidden; font-size:13pt; font-weight:bold; line-height:140%; margin-bottom:10px; } .contract_priv_body { display:block; overflow:hidden; } .contract_priv_item { display:block; overflow:hidden; margin-bottom:10px; font-size:12pt; } .contract_priv_item:last-child { margin:0; } .contract_priv_tit { display:block; overflow:hidden; font-weight:bold; line-height:140%; word-break:keep-all; } .contract_priv_text { display:block; overflow:hidden; } .contract_priv_text ul { display:block; overflow:hidden;} .contract_priv_text li { display:block; overflow:hidden; line-height:140%; word-break:keep-all; } .contract_priv_text li b { text-decoration:underline; } .contract_priv_etc { margin-top:15px; } /* 계약서 보기 */ .contract_preview_wrap { display:block; overflow:hidden; } .contract_preview_core { display:block; overflow:hidden; margin:20px; } .contract_company_wrap { display:block; overflow:hidden; text-align:center; } .contract_company_name { display:block; overflow:hidden; font-size:40px; line-height:120%; font-family: 'GmarketSansBold'; } .contract_company_info { display:block; overflow:hidden; margin:20px 0 0 0; } .contract_company_info span { display:block; overflow:hidden; margin:10px 0 0 0; font-size:15px; font-weight:300; text-decoration:underline; word-break:keep-all; font-family: 'GmarketSansMedium'; } .contract_body_wrap { display:block; overflow:hidden; margin:40px 0; font-family: 'Nanum Myeongjo'; } .cb_tit { display:block; overflow:hidden; padding:20px 0; border-top:10px solid #ddd; border-bottom:2px solid #333; font-size:20px; } .cb_info_wrap { display:block; overflow:hidden; position:relative; } .cb_info { display:block; overflow:hidden; margin:25px 0 0 0; font-family: 'Nanum Myeongjo extrabold'; } .cb_info:nth-child(2) { margin:40px 0 0 0; } .cb_info_part { display:block; overflow:hidden; position:absolute; top:25px; right:0; width:350px; } .cb_info_part .cb_tb td { height:50px; } .cb_info_item_wrap { display:block; overflow:hidden; } .cb_info_item_inner { display:block; overflow:hidden; margin:25px 0 0 0; } .cb_info_item_tit { display:block; overflow:hidden; font-size:18px; font-family: 'Nanum Myeongjo extrabold'; } .cb_info_item_text { display:block; overflow:hidden; word-break:keep-all; margin:10px 0 0 0; line-height:180%; text-align:justify; } .sb_bank_wrap { display:block; overflow:hidden; margin:10px 0 0 0; border:1px solid #ddd; box-sizing:border-box; } .sb_bank_core { display:block; overflow:hidden; margin:15px; text-align:center; font-family: 'Nanum Myeongjo extrabold'; font-size:20px; } .cb_info_item_etc { display:Block; overflow:hidden; font-size:.9em; } .cb_footer_wrap { display:block; overflow:hidden; page-break-before: always; font-family: 'Nanum Myeongjo extrabold'; } .cb_tb_wrap { display:block; overflow:hidden; } .cb_tb { width:100%; border-top:1px solid #ddd; word-break:keep-all; text-align:center; border-left:1px solid #ddd; } .cb_tb thead th { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px; vertical-align:middle; font-weight:normal; } .cb_tb tbody th { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px; vertical-align:middle; font-weight:normal; text-align:center; } .cb_tb tbody td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px; vertical-align:middle; text-align:right; } .cb_date_wrap { display:block; overflow:hidden; margin:100px 0 0 0; text-align:center; } .cb_date_wrap span { display:inline-block; overflow:hidden; width:50px; vertical-align:top; } .cb_footer_info_wrap { display:block; overflow:hidden; position:relative; } .cb_footer_info_linner { display:block; overflow:hidden; margin:50px 0 0 0; } .cb_footer_info { display:block; position:relative; margin:20px 0 0 0; line-height:180%; } .cb_footer_info .sign_img { width:200px; left:30px; right:auto; top:-30px; } .cb_footer_tel { display:inline-block; width:50%; float:right; } .cb_footer_info_linner th, .cb_footer_info_linner td { height:50px; } /* ----------------------------------------------------------------------------- */ /* MEDIA QUERY */ /* ------------------------------------------------------------------------------ */ @media only screen and (min-width:0px) and (max-width:359px) { /* width 360이하 모바일(갤럭시S2 대상) */ } @media only screen and (min-width:0px) and (max-width:767px) { /* 모바일(갤럭시노트급 대상) */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------ */ .sub_top_tit { font-size:38px; } /* 상단 */ .sub_top_wrap { height:180px; } .sub_top_tit { font-size:30px; margin:0; } /* 페이지 NAVI */ .sub_nav_wrap { left:0; width:100%; } .sub_nav_core { border-left:0; box-sizing:border-box; width:100%; } .sub_home { display:none} .menu_list { width:50%; position:relative; background:url('../images/sub/path_2depth_bg01.png') no-repeat right 15px center; } a.menu_head { font-size:16px; text-indent:10px; padding:20px 0; } .menu_body li a { font-size:16px; text-indent:10px; } #secondpane { border-right:0; } .menu_body { top:60px; } /* 본문 */ .sub_body_core { margin:50px auto; } .sub_layout_tit { margin:0 auto 50px auto; } .sub_tit { font-size:28px; } .sub_article_wrap { margin:0 0 50px 0; } .sub_article_core2 { padding:50px 0; } .h4_tit { font-size:30px; } .h5_tit { font-size:24px; margin:0 0 15px 0; } .article_ttit { display:block; font-size:30px; } .article_etit { display:block; font-size:20px; margin:10px 0 0 0;} /* ------------------------------------------------------------------------------- */ /* 이용안내 */ /* ------------------------------------------------------------------------------- */ /* 개인정보 */ .privacy_tit h4 { font-size:22px; } /* 이메일무단수집거부 */ .email_denial_wrap { display:block; overflow:hidden; margin:0; background:#f8f8f8; text-align:center; } .email_denial_core { display:block; overflow:hidden; margin:50px 30px; } .email_denial_ttext { font-size:20px; } /* 사이트맵 */ .site_map .nav_dep1_ul { margin:0; text-align:left; } .site_map .nav_dep1_li { width:47%; text-align:center; margin:0 1% 20px 0;} .site_map .nav_dep1_li:nth-child(2n) { margin:0 0 20px 1%; } .site_map .nav_dep1_a { font-size:18px; } .site_map .nav_dep2_li a { font-size:16px; } /* ------------------------------------------------------------------------------- */ /* 소개 */ /* ------------------------------------------------------------------------------- */ /* 인사말 */ .greet_top_text { font-size:20px; } .greet_info_wrap { margin:40px 0 0 0;} .greet_info_item { width:50%; } .greet_info_item:nth-child(1) { border-bottom:1px solid #e1e1e1; } .greet_info_item:nth-child(2) { border-bottom:1px solid #e1e1e1; border-right:0; } .greet_info_inner { margin:40px 20px; } .greet_info_inner img { width:70px; } .greet_info_inner span { font-size:17px; margin:20px auto 0 auto; } .greet_text_inner p { font-size:17px; } .greet_text_inner p span { display:inline; } /* 변호사 소개 */ .lawer_wrap { min-height:auto;} .lawyer_img_wrap { position:relative; top:0; left:0; width:100%; max-width:400px; margin:0 auto; height:400px; } .lawyer_img_wrap img { width:100%; margin:0 0 0 auto; } .lawer_info_wrap { margin:0 0 50px 0; position:relative; border-top:1px solid #000; } .lawer1 .lawer_info_wrap, .lawer3 .lawer_info_wrap { margin:0 0 30px 0; } .lawer_info_top { border:0; padding:0; margin:25px 0 0 0; } .lawer_info_name span { font-size:24px; } .lawer_info_name strong { font-size:34px; } .lawer_info_bg { top:30px; font-size:40px; } .lawer_info_bg span { display:block; } .lawer_info_bg span:last-child { margin:0 0 0 80px; } /* 오시는 길 */ .map_info_line { margin:0 0 20px 0; float:none; width:100%; } .map_info_dt { width:25% !important; padding:20px 0 0 0; font-size:16px; } .map_info_dd { width:75% !important; padding:20px 0 0 0; font-size:16px; text-indent:0; } /* ------------------------------------------------------------------------------- */ /* 개인회생 / /* ------------------------------------------------------------------------------- */ .return_top_wrap { margin:0 0 30px 0; } .return_top_core { margin:20px; font-size:17px; line-height:140%; } .return_cont_wrap { display:block; overflow:hidden; } .contnent_list { display:block; overflow:hidden; } .contnent_list li { font-size:17px; } .contnent_etc { font-size:16px; } .return_step_inner { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 0 20px 0; text-align:center; font-family: 'GmarketSansMedium'; position:relative; padding:0 0 20px 0; } .return_step_top_wrap { font-size:16px; } .return_step_top_core { margin:10px; } .return_step_reason_wrap span { margin:5px 0 0 0; font-size:14px; } .return_resulte_wrap { font-size:16px; } .return_resulte_core { margin:10px; } /* 파산 */ .ruptcy_step_wrap { max-width:370px; margin:0 auto; } .ruptcy_step_top_wrap { width:36%; font-size:16px; } .ruptcy_step_top_core { margin:10px; } .ruptcy_resulte_wrap { width:30%; font-size:15px; } .ruptcy_resulte_core { margin:5px; font-size:14px; } .ruptcy_hline1 { height:985%; } .ruptcy_hline2 { height:323%; } .ruptcy_down { right:43%; } .ruptcy_down2 { left:43%; } .ruptcy_type_dt { font-size:17px; padding:0 0 0 28px; } .ruptcy_type_dt::before { width:20px; height:20px; line-height:20px; font-size:14px; } .ruptcy_type_dd ul { margin-top:0; } .ruptcy_type_dd ul li { font-size:16px; padding-left:12px; } .ruptcy_type_dd ul li::before { top:7px; } .tb_01 { font-size:16px; } .tb_01 thead th { padding:10px; } .tb_01 tbody th { padding:10px; } .tb_01 tbody td { padding:10px; } .tb_01 tbody td:last-child { border-right:0; } .link_btn { font-size:15px; } /* 마지막 문구 */ .return_last_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; } .return_last_txt { width:100%; } .return_last_icon { width:100px; margin-bottom:20px; } .return_last_ttit1 { font-size:30px; } .return_last_middle { margin:20px 0; } .return_last_ttxt1 { font-size:40px; } .return_last_ttxt2 { font-size:20px; } .return_last_cont p { margin-bottom:15px; } .return_last_img { width:100%; position:relative; bottom:0; margin-top:30px; display:flex; flex-wrap:wrap; justify-content:space-between;} .return_last_btn { width:100%; bottom:0; right:0; position:relative; } .return_last_btn a { width:calc(50% - 2px); height:46px; line-height:50px; font-size:16px; border:1px solid #ddd; box-sizing:border-box; margin-top:10px; } /* ------------------------------------------------------------------------------- */ /* 고객상담 */ /* ------------------------------------------------------------------------------- */ /* 방문상담 */ .visit_form_tit { font-size:30px; } .visit_form_cont_wrap { margin:50px auto 0 auto; background:#fff; } .visit_form { display:block; overflow:hidden; } .visit_form_inner { margin: 0; } .visit_form_item, .visit_form_dl { width:100%; margin:0 0 30px 0; } .visit_form_dt { width:30%; } .visit_form_dd { width:70%; } .visit_form_100 .visit_form_dt { width:30%; } .visit_form_100 .visit_form_dd { width:70%; } .visit_form_textarea { margin:10px 0 0 0; } /* 계약서 */ .contract_login_core { margin:30px auto; } .contract_login_tit { font-size:30px; } .contract_login_body { margin:30px 0 0 0; } .contract_login_dt { width:100%; text-align:left; position:relative; } .contract_login_dd { position:relative; margin:0; } .contract_login_dd input { font-size:16px; } .contract_list { text-align:left; } .contract_list_top { display:none; } .contract_list li { display:block; overflow:hidden; margin:10px 0; } .contract_item { padding:3px 0; float:left; } .contract_item1 { width:15%; } .contract_item2 { width:85%; } .contract_item2 a { display:block; overflow:hidden; text-align:left; white-space:nowrap; text-overflow:ellipsis; text-decoration:underline; } .contract_item2 a:hover { color:#1b5bb8; } .contract_item3 { width:50%; color:#777; } .contract_item4 { width:50%; color:#777; } .contract_view_tit span { font-size:30px; } .contract_view_inner { margin:30px 0 0 0; } .contract_body_tit { font-size:22px; margin:0 0 20px 0; } .contract_info_dl2 { float:none; width:100%; } .contract_info_inner .contract_info_dl2:nth-child(2n) { border-left:0; border-top:1px solid #ddd; } .contract_info_dt { width:130px; } .contract_info_dd { margin:0 0 0 130px; } .contract_info_write .contract_info_dt { width:100%; position:relative; border-right:0; } .contract_info_write .contract_info_dt span { top:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); padding:10px 0; } .contract_info_write .contract_info_dd { margin:0;} .contract_sign_chek_wrap { text-align:left; } .contract_sign_chek { font-size:18px; } .sign_img { top:50px; right:0; z-index:2; width:200px;} .contract_zip { width:40%; } .zip_find { width:40%; } .address_f2 { margin:0; } .address_write_wrap { width:100%; float:none; } .address_write_inner { margin:5px 0 0 0 !important; } .contract_tb thead th { padding:10px; } .contract_tb tbody th { padding:10px; } .contract_tb tbody td { padding:10px; } /* ------------------------------------------------------------------------------- */ /* 자가진단 */ /* ------------------------------------------------------------------------------- */ .diagnosis_top_wrap { font-size:24px; } .diagnosis_content_wrap { margin:0; } .diagnosis_content_bg { display:none; } .diagnosis_item_wrap { margin:0; } .diagnosis_item_inner { margin:50px 20px; } .diagnosis_item_top { margin:0 0 30px 0; } .diagnosis_item_ttext { font-size:22px; } .diagnosis_item_cont { margin:30px 0 0 0; } .diagnosis_item { width:100%; float:none; padding:0 0 20px 0; position:relative; margin:0 0 20px 0; } .diagnosis_item_t { position:relative; height:auto; line-height:120%; } .diagnosis_item_c { margin:10px 0 0 0; } .diagnosis_etc { font-size:15px; } .diagnosis_info_dl { width:100%; } .dr_item_wrap { display:block; width:100%; height:auto; margin:0 0 20px 0; } .dr_item_core { top:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); padding:10px 0; } .diagnosis_result_top_wrap { margin:20px auto; } .diagnosis_result_top_core { margin:20px; font-size:18px;} } @media only screen and (min-width:768px) and (max-width:1023px) { /* 테블릿() iPad Portrait */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------ */ /* 상단 */ .sub_top_wrap { height:200px; } .sub_top_tit { font-size:38px; } /* 페이지 NAVI */ .sub_nav_wrap { left:0; width:100%; } .sub_nav_core { border-left:0; box-sizing:border-box; width:100%; } .sub_home { display:none} .menu_list { width:50%; position:relative; background:url('../images/sub/path_2depth_bg01.png') no-repeat right 15px center; } a.menu_head { font-size:16px; text-indent:10px; padding:20px 0; } .menu_body li a { font-size:16px; text-indent:10px; } #secondpane { border-right:0; } .menu_body { top:60px; } /* 본문 */ .sub_body_core { margin:90px auto 60px auto; } .sub_layout_tit { margin:0 auto 50px auto; } .sub_tit { font-size:36px; } .sub_article_wrap { margin:0 0 50px 0; } .sub_article_core2 { padding:50px 0; } .article_ttit { font-size:30px; } .article_etit { font-size:20px; margin:10px 0 0 0;} /* ------------------------------------------------------------------------------- */ /* 이용안내 */ /* ------------------------------------------------------------------------------- */ /* 사이트맵 */ .site_map .nav_dep1_ul { margin:0; text-align:left; } .site_map .nav_dep1_li { width:47%; text-align:center; margin:0 1% 20px 0;} /* ------------------------------------------------------------------------------- */ /* 소개 */ /* ------------------------------------------------------------------------------- */ /* 인사말 */ .greet_top_text { font-size:20px; } .greet_info_wrap { margin:40px 0 0 0;} .greet_info_item { width:50%; } .greet_info_item:nth-child(1) { border-bottom:1px solid #e1e1e1; } .greet_info_item:nth-child(2) { border-bottom:1px solid #e1e1e1; border-right:0; } .greet_info_inner { margin:40px 20px; } .greet_info_inner img { width:70px; } .greet_info_inner span { font-size:17px; margin:20px auto 0 auto; } .greet_text_inner p { font-size:17px; } .greet_text_inner p span { display:inline; } /* 변호사 소개 */ .lawer_wrap { min-height:auto;} .lawyer_img_wrap { position:relative; top:0; left:0; width:100%; max-width:400px; margin:0 auto; height:400px; } .lawyer_img_wrap img { width:100%; margin:0 0 0 auto; } .lawer_info_wrap { margin:0 0 50px 0; position:relative; border-top:1px solid #000; } .lawer1 .lawer_info_wrap, .lawer3 .lawer_info_wrap { margin:0; } .lawer_info_top { border:0; padding:0; margin:25px 0 0 0; } .lawer_info_name span { font-size:24px; } .lawer_info_name strong { font-size:34px; } .lawer_info_bg { top:30px; font-size:80px; } .lawer_info_bg span { display:block; } .lawer_info_bg span:last-child { margin:0 0 0 200px; } /* ------------------------------------------------------------------------------- */ /* 개인회생 / /* ------------------------------------------------------------------------------- */ .return_top_wrap { margin:0 0 30px 0; } .return_top_core { margin:20px; font-size:17px; line-height:140%; } .return_cont_wrap { display:block; overflow:hidden; } .contnent_list { display:block; overflow:hidden; } .contnent_list li { font-size:17px; } .contnent_etc { font-size:16px; } .return_step_inner { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 0 20px 0; text-align:center; font-family: 'GmarketSansMedium'; position:relative; padding:0 0 20px 0; } .return_step_top_wrap { font-size:16px; } .return_step_top_core { margin:15px; } .return_step_reason_wrap span { margin:5px 0 0 0; font-size:14px; } .return_resulte_wrap { font-size:16px; } .return_resulte_core { margin:15px; } /* 파산 */ .ruptcy_step_top_wrap { width:36%; font-size:16px; } .ruptcy_step_top_core { margin:10px; } .ruptcy_resulte_wrap { width:30%; font-size:15px; } .ruptcy_resulte_core { margin:5px; font-size:14px; } .ruptcy_hline1 { height:860%; } .ruptcy_hline2 { height:296%; } .ruptcy_down { right:43%; } .ruptcy_down2 { left:43%; } .ruptcy_type_dt { font-size:17px; padding:0 0 0 25px; } .ruptcy_type_dt::before { width:20px; height:20px; line-height:20px; font-size:14px; } .ruptcy_type_dd ul { margin-top:0; } .ruptcy_type_dd ul li { font-size:16px; padding-left:12px; } .ruptcy_type_dd ul li::before { top:7px; } .tb_01 { font-size:16px; } .tb_01 thead th { padding:10px; } .tb_01 tbody th { padding:10px; } .tb_01 tbody td { padding:10px; } .tb_01 tbody td:last-child { border-right:0; } .link_btn { font-size:15px; } /* 마지막 문구 */ .return_last_txt { width:100%; } .return_last_icon { width:120px; margin-bottom:30px; } .return_last_ttit1 { font-size:34px; } .return_last_middle { margin:30px 0; } .return_last_ttxt1 { font-size:50px; } .return_last_ttxt2 { font-size:22px; } .return_last_img { width:100%; position:relative; bottom:0; margin-top:30px; display:flex; flex-wrap:wrap; justify-content:space-between;} .return_last_btn a { width:calc(50% - 2px); height:46px; line-height:50px; } /* ------------------------------------------------------------------------------- */ /* 고객상담 */ /* ------------------------------------------------------------------------------- */ /* 방문상담 */ .visit_form_cont_wrap { margin:50px auto 0 auto; background:#fff; } .visit_form { display:block; overflow:hidden; } .visit_form_inner { margin: 0; } .visit_form_item, .visit_form_dl { width:100%; margin:0 0 30px 0; } .visit_form_100 .visit_form_dt { width:20%; } .visit_form_100 .visit_form_dd { width:80%; } .visit_form_textarea { margin:10px 0 0 0; } /* 계약서 */ .contract_login_tit { font-size:34px; } .contract_login_body { margin:30px 0 0 0; } .contract_login_dt { width:100px; } .contract_login_dd { margin:0 0 0 120px; } .contract_list { text-align:left; } .contract_list_top { display:none; } .contract_list li { display:block; overflow:hidden; margin:10px 0; } .contract_item { padding:3px 0; float:left; } .contract_item1 { width:15%; } .contract_item2 { width:85%; } .contract_item2 a { display:block; overflow:hidden; text-align:left; white-space:nowrap; text-overflow:ellipsis; text-decoration:underline; } .contract_item2 a:hover { color:#1b5bb8; } .contract_item3 { width:35%; margin:0 0 0 15%; color:#777; } .contract_item4 { width:35%; margin:0 0 0 15%; color:#777; } .contract_info_write { width:100%; } .contract_info_write:nth-child(2n) { border-top:1px solid #ddd; border-left:0 !important; } .contract_tb thead th { padding:10px; } .contract_tb tbody th { padding:10px; } .contract_tb tbody td { padding:10px; } .total_pay, .pay_etc { display:block; } /* ------------------------------------------------------------------------------- */ /* 자가진단 */ /* ------------------------------------------------------------------------------- */ .diagnosis_top_wrap { font-size:30px; } .diagnosis_content_wrap { margin:0; } .diagnosis_content_bg { display:none; } .diagnosis_item_wrap { margin:0; } .diagnosis_item_inner { margin:50px; } .diagnosis_item_top { margin:0 0 30px 0; } .diagnosis_item_ttext { font-size:22px; } .diagnosis_item_cont { margin:30px 0 0 0; } .diagnosis_item { width:100%; float:none; padding:0 0 20px 0; position:relative; margin:0 0 20px 0; } .diagnosis_item_t { position:relative; height:auto; line-height:120%; } .diagnosis_item_c { margin:10px 0 0 0; } .diagnosis_etc { font-size:15px; } .dr_item_wrap { display:block; width:100%; height:auto; margin:0 0 20px 0; } .dr_item_core { top:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); padding:10px 0; } .diagnosis_result_top_wrap { margin:20px auto; } .diagnosis_result_top_core { margin:20px; font-size:18px;} } @media only screen and (min-width:1024px) and (max-width:1139px) { /* 테블릿() iPad LandSpace */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------ */ /* 페이지 NAVI */ .menu_list { width:30%; } /* 본문 */ .sub_layout_tit { margin:0 auto 80px auto; } .sub_article_wrap { margin:0 0 80px 0; } .sub_article_core2 { padding:80px 0; } /* ------------------------------------------------------------------------------- */ /* 소개 */ /* ------------------------------------------------------------------------------- */ /* 인사말 */ .greet_info_wrap { margin:-90px 40px 0 40px; } .greet_info_item { display:block; overflow:hidden; border-right:1px solid #e1e1e1; box-sizing:border-box; width:25%; background:#fff; } .greet_info_item:last-child { border:0 } .greet_info_inner { margin:30px 10px; } .greet_info_inner img { width:70px;} .greet_info_inner span { font-size:17px; } /* 변호사 소개 */ .lawer_wrap { min-height:750px; } .lawer1, .lawer3, .lawer5 { margin:0 !important;} .lawer2, .lawer4 { background:#fdf6ef; margin:0 !important;} .lawyer_img_wrap { bottom:0; top:auto; left:-50px; width:450px; } .lawyer_img_wrap img { width:100%; } .lawer_info_wrap { margin:70px 0 50px 400px; position:relative; } .lawer_info_bg span:last-child { margin:0 0 0 250px; } /* ------------------------------------------------------------------------------- */ /* 개인회생 / /* ------------------------------------------------------------------------------- */ .return_top_core { font-size:22px; } .contnent_list li { font-size:18px; } .contnent_etc { font-size:17px; } .return_step_top_wrap { font-size:17px; } .return_step_top_core { margin:16px; } .return_step_reason_wrap span { font-size:15px; } .return_resulte_wrap { font-size:17px; } .return_resulte_core { margin:16px; } .ruptcy_type_dt { font-size:18px; padding:0 0 0 25px; } .ruptcy_type_dt::before { width:20px; height:20px; line-height:20px; font-size:14px; } .ruptcy_type_dd ul li { font-size:17px; padding-left:12px; } .ruptcy_type_dd ul li::before { top:8px; } .tb_01 { font-size:17px; } .tb_01 thead th { padding:15px; } .tb_01 tbody th { padding:15px; } .tb_01 tbody td { padding:15px; } .tb_01 tbody td:last-child { border-right:0; } .link_btn { font-size:16px; } /* 마지막 문구 */ .return_last_txt { width:45%; } .return_last_icon { width:120px; margin-bottom:30px; } .return_last_ttit1 { font-size:34px; } .return_last_middle { margin:30px 0; } .return_last_ttxt1 { font-size:50px; } .return_last_ttxt2 { font-size:22px; } .return_last_img { width:50%; bottom:auto; top:50%; transform:translateY(-50%);} .return_last_btn a { height:46px; line-height:50px; font-size:17px; } /* ------------------------------------------------------------------------------- */ /* 자가진단 */ /* ------------------------------------------------------------------------------- */ .diagnosis_content_wrap { margin:0; } .diagnosis_content_bg { display:none; } .diagnosis_item_wrap { margin:0; } .diagnosis_item_inner { margin:50px; } .diagnosis_item_top { margin:0 0 30px 0; } .dr_item_wrap { width:47%; height:auto; margin:0 10px 20px 10px; } .dr_item_core { top:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); padding:10px 0; } .diagnosis_result_top_wrap { margin:20px auto; } .diagnosis_result_top_core { margin:20px; font-size:18px;} /* ------------------------------------------------------------------------------- */ /* 고객상담 */ /* ------------------------------------------------------------------------------- */ /* 계약서 */ .contract_info_write { width:100%; } .contract_info_write:nth-child(2n) { border-top:1px solid #ddd; border-left:0 !important; } } @media only screen and (min-width:1140px) and (max-width:1400px) { /* 작은 PC */ /* ------------------------------------------------------------------------------- */ /* 소개 */ /* ------------------------------------------------------------------------------- */ /* 인사말 */ .greet_info_wrap { margin:-90px 40px 0 40px; } .greet_info_item { display:block; overflow:hidden; border-right:1px solid #e1e1e1; box-sizing:border-box; width:25%; background:#fff; } .greet_info_item:last-child { border:0 } .greet_info_inner { margin:30px 10px; } .greet_info_inner img { width:70px;} .greet_info_inner span { font-size:17px; } /* 변호사 소개 */ .lawer_info_wrap { margin:70px 0 50px 600px; } /* ------------------------------------------------------------------------------- */ /* 개인회생 / /* ------------------------------------------------------------------------------- */ /* 마지막 문구 */ .return_last_txt { width:45%; } .return_last_icon { width:120px; margin-bottom:30px; } .return_last_ttit1 { font-size:34px; } .return_last_middle { margin:30px 0; } .return_last_ttxt1 { font-size:50px; } .return_last_ttxt2 { font-size:22px; } .return_last_img { width:50%; bottom:auto; top:50%; transform:translateY(-50%);} .return_last_btn a { height:46px; line-height:50px; font-size:17px; } /* ------------------------------------------------------------------------------- */ /* 고객상담 */ /* ------------------------------------------------------------------------------- */ /* 계약서 */ /* ------------------------------------------------------------------------------- */ /* 자가진단 */ /* ------------------------------------------------------------------------------- */ .diagnosis_item_inner { margin:50px 30px; } .diagnosis_item_top { margin:0 0 30px 0; } .diagnosis_item_cont { margin:30px 0 0 0; } .diagnosis_item { padding:0 0 20px 0; position:relative; margin:0 0 20px 0; } .diagnosis_item_t { position:relative; height:auto; line-height:120%; } .diagnosis_item_c { margin:10px 0 0 0; } .diagnosis_etc { font-size:15px; } .dr_item_wrap { width:47%; height:auto; margin:0 10px 20px 10px; } .dr_item_core { top:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); padding:10px 0; } .diagnosis_result_top_wrap { margin:20px auto; } } @media only screen and (min-width:1140px) { /* PC */ .sub-map-btn {width:70px; height:70px; right:auto; left:420px } .sub-map-btn a {width:70px; height:70px; } .sub-map-btn a:first-child {background:#fff; border:1px solid #017cff;} .sub-map-btn a span {display:block; font-size:13px; line-height:15px; color:#000; margin:3px 0} .sub-map-btn a:first-child span {color:#017cff} .staff_wrap {display: flex; flex-wrap: wrap; justify-content: space-between; } .staff {width: 49%; } .staff .con {float: left; margin-top: 20px;} .staff .img {float: right; margin-top: 0; max-width:408px;} .staff .img img {width: auto;} /* ------------------------------------------------------------------------------- */ /* 개인회생 / /* ------------------------------------------------------------------------------- */ /* 마지막 문구 */ .return_last_txt { width:45%; } .return_last_img { width:50%; } } @page { size: A4; margin: 0; } @media print { .contract_preview_core { margin:0; } .contract_btn { display:none; } .contract_page_wrap { min-height:297mm; } .contract_page_wrap:nth-child(1) { margin-bottom:0; } .print_view { display:block; } }