/* INDEX------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------- */ /* 메인 팝업 */ /* ------------------------------------------------------------------------------- */ .main_pop1 { display:block; overflow:auto; width:auto; max-width:100%; position:absolute; top:100px; left:0; z-index:9992; } .main_pop2 { display:block; overflow:auto; width:auto; max-width:100%; position:absolute; top:100px; left:0; z-index:9991; } .pop_content { display:block; overflow-y:auto; width:100%; } .pop_content a { display:block; overflow:hidden; width:100%; } .pop_content img { overflow:hidden; width:100%; display:block; } .pop_footer_wrap { display:block; overflow:hidden; background:#333; } .pop_footer_core { display:block; overflow:hidden; margin:10px; } .pop_footer_core a { display:block; overflow:hidden; color:#fff; font-size:14px; } .day_close { float:left; } .pop_close { float:right; } /* ------------------------------------------------------------------------------- */ /* LAYOUT*/ /* ------------------------------------------------------------------------------- */ .m_content { width:100%; clear:both; } .m_tet { display:block; overflow:hidden; font-size:54px; line-height:130%; word-break:keep-all; } .m_tit { display:block; overflow:hidden; font-size:70px; line-height:130%; word-break:keep-all; } /* ----------------------------------------------------------------------------- */ /* 총 탕감금액 */ /* ----------------------------------------------------------------------------- */ .m_f1_wrap { display:block; overflow:hidden; /* background:#12151c url('../images/main_renew/m_f1_bg.jpg') center center no-repeat; */ background:#abc; background-size:cover; clear:both; } .m_visual_wrap { display:block; overflow:hidden; position:relative; width:100%; margin:0 auto; } /* .m_visual_wrap .bx-wrapper { height:100% !important; } .m_visual_wrap .bx-viewport { height:100% !important; } */ .mv_slide_wrap { display:block; } .mv_slide_wrap li { display:block; overflow:hidden; text-align:center; position:relative; } .mv_item_wrap { display:inline-block; overflow:hidden; position:relative; padding:17% 0 ; z-index:5; } .mv_txt_wrap { display:block; text-align:center; color:#fff; /* font-family: 'S-CoreDream-4Regular' */; font-weight:100; font-size:36px; } .mv_txt1 { display:block; overflow:hidden; line-height:150%; word-break:keep-all; margin-bottom:30px; font-family: 'GmarketSansLight'; } .mv_txt2 { display:block; overflow:hidden; line-height:150%; word-break:keep-all; font-family: 'GmarketSansBold'; } .mv_txt3 { display:block; overflow:hidden; line-height:150%; word-break:keep-all; } .mv1 .mv_txt2 { font-size:46px; } .mv2 .mv_txt_wrap { display:inline-block; text-align:left; margin-left:30px; } .mv2 .mv_item_wrap img { display:inline-block; } .mv2 .mv_txt3 { font-size:46px; } .mv_video { display:block; overflow:hidden; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:120%; height:100%; } /* .mv_video::before { display:block; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); content:''; z-index:2; } */ .mv_video video { display:block; overflow:hidden; min-width:100%; min-height:100%; } /* ----------------------------------------------------------------------------- */ /* 리포트/성공사례 */ /* ----------------------------------------------------------------------------- */ .m_f2_wrap { display:block; overflow:hidden; background:#1a1a1a; position:relative; } .m_f2_wrap:before { display:block; overflow:hidden; background:url('../images/main_renew/m_report_bg.png') center top no-repeat; background-size:contain; content:''; position:absolute; top:0; left:2%; width:40px; height:635px; } .m_f2_core { display:block; overflow:hidden; width:90%; max-width:1700px; margin:100px auto; } .m_f2_inner { display:block; overflow:hidden; margin-bottom:50px; } .m_f2_inner:last-child { margin-bottom:0; } /* 리포트 */ .m_report_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; color:#fff; } .mr_top_wrap { display:block; overflow:hidden; width:700px; } .mr_top_core { display:block; overflow:hidden; position:relative; top:50%; transform:translateY(-50%); margin:0 60px; } .mr_top_tit { display:block; overflow:hidden; font-family: 'GmarketSansBold'; } .mr_top_tit .m_tet { font-size:40px; } .mr_top_txt { display:block; overflow:hidden; margin-top:30px; } .mr_top_txt span { display:block; overflow:hidden; font-size:24px; line-height:150%; word-break:keep-all; font-family: 'S-CoreDream-4Regular'; } .mr_cont_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; width:calc(100% - 750px); margin-left:auto; height:650px; } .mr_cont_item { display:block; overflow:hidden; width:32%; height:100%; } .mr_cont_item .swiper-slide { height:auto !important; } .mr_cont_item img { display:block; overflow:hidden; width:100%; margin:0 auto 15px auto; } /*성공사례 */ .m_success_wrap { display:block; overflow:hidden; background:#2d2e30; border-radius:20px; } .m_success_core { display:block; overflow:hidden; margin:40px 60px; } .ms_top_wrap { display:block; overflow:hidden; text-align:center; margin:0 0 30px 0; } .ms_ttxt { display:block; overflow:hidden; color:#fff; font-size:30px; line-height:140%; word-break:keep-all; font-family: 'GmarketSansMedium'; } .ms_ttit { display:block; overflow:hidden; color:#30ebd3; font-size:55px; line-height:140%; word-break:keep-all; font-family: 'GmarketSansBold';} .ms_cont_wrap { display:block; overflow:hidden; } .ms_slide_wrap { display:block; overflow:hidden; } .ms_slide { display:block; overflow:hidden; } .ms_slide li { display:block; overflow:hidden; min-height:380px; } .ms_slide_inner { display:block; overflow:hidden; float:left; width:25%; } .ms_slide_btn { display:block; overflow:hidden; position:relative; border-radius:10px; box-sizing:border-box; background:#fff; } .ms_slide_inner:nth-child(4n+1) .ms_slide_btn { margin:0 20px 0 0; } .ms_slide_inner:nth-child(4n+2) .ms_slide_btn { margin:0 13px 0 7px; } .ms_slide_inner:nth-child(4n+3) .ms_slide_btn { margin:0 7px 0 13px; } .ms_slide_inner:nth-child(4n) .ms_slide_btn { margin:0 0 0 20px; } .ms_slide_img_wrap { display:block; overflow:hidden; position:relative; height:236px; } .ms_slide_img { display:none; overflow:hidden; width:100%; height:100%; margin:0 auto; } .ms_slide_tit_wrap { display:block; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; } .ms_slide_tit_core { display:block; overflow:hidden; position:relative; margin:0; text-align:center; } .ms_slide_tit1 { background:rgba(15,65,114,.8); } .ms_slide_tit2 { background:rgba(15,33,62,.8); } .ms_slide_tit3 { background:rgba(15,114,110,.8); } .ms_slide_tit_inner { display:block; overflow:hidden; margin:20px 10px; } .ms_slide_type { display:block; overflow:hidden; font-family: 'EliceDigitalBaeum_Bold'; font-size:42px; line-height:120%; } .ms_slide_tit1 .ms_slide_type { color:#72c6dd; } .ms_slide_tit2 .ms_slide_type { color:#729ae7; } .ms_slide_tit3 .ms_slide_type { color:#72ddba; } .ms_slide_info { display:block; overflow:hidden; font-size:18px; font-family: 'EliceDigitalBaeum_Bold'; color:#fff; margin:5px 0; line-height:120%;} .ms_slide_pay { display:block; overflow:hidden; font-size:28px; font-family: 'TmonMonsori'; color:#fff2a9; line-height:120%;} .ms_slide_solute { display:block; overflow:hidden; font-family: 'EliceDigitalBaeum_Bold'; font-size:40px; line-height:120%; color:#fff; } .ms_slide_text { display:block; overflow:hidden; font-size:18px; word-wrap:break-word; word-break:keep-all; margin:30px 40px; text-align:center; line-height:140%; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:72px; transition-duration:.5s; font-weight:500; font-family: 'S-CoreDream-4Regular'; } .ms_slide_btn:hover .ms_slide_text { color:#0072bc; } .ms_slide_wrap .bx-wrapper .bx-pager { position:relative; margin:30px 0 0 0; } .ms_slide_wrap .bx-wrapper .bx-pager.bx-default-pager a { width:14px; height:14px; border-radius:999px; margin:0 10px; background:#609fae; } .ms_slide_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .ms_slide_wrap .bx-wrapper .bx-pager.bx-default-pager a.active { background:#f9f1a9; } .ms_more { display:block; overflow:hidden; width:250px; margin:40px auto 0 auto; border:3px solid #fff; box-sizing:border-box; border-radius:999px; height:65px; line-height:64px; font-size:24px; text-align:center; color:#fff; font-family: 'S-CoreDream-4Regular'; } .ms_more span { color:#30ebd3; } /* ----------------------------------------------------------------------------- */ /* 자가진단 */ /* ----------------------------------------------------------------------------- */ .m_f3_wrap { display:block; background: rgb(11,33,47); background: linear-gradient(90deg, rgba(11,33,47,1) 30%, rgba(9,50,82,1) 70%); overflow:hidden; } .m_f3_core { display:block; width:90%; max-width:1480px; margin:0 auto; padding:100px 0; } .m_diagnosis_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .md_top_wrap { display:block; text-align:left; color:#fff; font-family: 'S-CoreDream-4Regular'; margin-top:50px; } .md_top_core { } .md_top_tit { display:block; overflow:hidden; font-family: 'GmarketSansBold'; } .md_top_stit { display:block; position:relative; padding-top:120px; margin:80px 0 50px 0; } .md_top_stit:before { display:block; position:absolute; width:860px; height:40px; background:url('../images/main_renew/m_diag_bg.png') center right no-repeat; background-size:cover; top:0; left:-85%; content:''; } .md_top_stit span { display:block; overflow:hidden; font-size:34px; line-height:140%; word-break:keep-all; } .md_top_txt { display:block; overflow:hidden; } .md_top_txt span { display:block; overflow:hidden; font-size:30px; line-height:140%; word-break:keep-all; } .md_top_txt span strong { color:#fff227; font-weight:normal; font-family: 'S-CoreDream-5Medium'; } .md_content_wrap { display:block; overflow:hidden; border-radius:50px; border:1px solid rgba(255,255,255,.5); box-sizing:border-box; width:590px; height:100%; background: rgb(17,17,17); background: linear-gradient(0deg, rgba(17,17,17,1) 0%, rgba(20,20,20,1) 100%); box-shadow:20px 20px 20px rgba(0,0,0,.5); } .m_graph_wrap { display:block; overflow:hidden; border-radius:30px; border:1px solid rgba(255,255,255,.5); box-sizing:border-box; margin:25px; background:#1a1a1a; } .m_graph_core { display:block; overflow:hidden; height:700px; } .m_graph_core .bx-wrapper, .m_graph_core .bx-viewport { height:100% !important; } .m_graph_core .bx-controls { display:none; } .m_graph_list { height:100%; } .m_graph_list li { height:100%; background:#fff; } .m_graph_cover { display:block; overflow:hidden; padding:0 50px; position:relative; top:50%; transform:translateY(-50%); background:#1a1a1a; } .m_graph_top { display:block; overflow:hidden; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:10px 0; width:100%; max-width:280px; } .m_graph_top span { display:block; overflow:hidden; color:#fff; text-align:justify; font-size:46px; font-family: 'S-CoreDream-5Medium'; line-height:120%; } .m_graph_top span:first-child { letter-spacing:2px; } .m_graph_top span strong { color:#30ecd3; font-weight:normal; font-family: 'S-CoreDream-5Medium'; } .m_graph_img { display:block; overflow:hidden; margin:25px 0; } .m_graph_img img { display:block; overflow:hidden; width:auto; max-width:100%; margin:0 auto; } .m_graph_item { display:block; overflow:hidden; } .mg_tab_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; background:#f8f8f8; } .mg_tab { display:block; overflow:hidden; width:25%; text-align:center; background-position:center 15px !important; background-repeat:no-repeat !important; background-size:50px !important; padding:50px 0 15px 0; border-bottom:3px solid #eee; } .mg_tab span { display:block; overflow:hidden; text-align:center; font-family: 'S-CoreDream-3Light'; margin-top:20px; } .mg_tab1 { background:url('../images/main_renew/mg_icon1_off.png'); } .mg_tab2 { background:url('../images/main_renew/mg_icon2_off.png'); } .mg_tab3 { background:url('../images/main_renew/mg_icon3_off.png'); } .mg_tab4 { background:url('../images/main_renew/mg_icon4_off.png'); } .mg_tab.active { border-color:#1fa4b6; } .mg_tab.active span { font-family: 'S-CoreDream-5Medium'; color:#1fa4b6; } .mg_tab1.active { background:url('../images/main_renew/mg_icon1_on.png'); } .mg_tab2.active { background:url('../images/main_renew/mg_icon2_on.png'); } .mg_tab3.active { background:url('../images/main_renew/mg_icon3_on.png'); } .mg_tab4.active { background:url('../images/main_renew/mg_icon4_on.png'); } .mg_cont_wrap { display:block; overflow:hidden; margin:70px 50px; } .mg_top_wrap { display:block; overflow:hidden; background-size:100px !important; background-position:center right !important; background-repeat:no-repeat !important; } .mg_tit1 { background:url('../images/main_renew/mg_icon1_on.png'); } .mg_tit2 { background:url('../images/main_renew/mg_icon2_on.png'); } .mg_tit3 { background:url('../images/main_renew/mg_icon3_on.png'); } .mg_tit4 { background:url('../images/main_renew/mg_icon4_on.png'); } .mg_tit_wrap { display:block; overflow:hidden; margin:0 120px 0 0; } .mg_tit_wrap span { display:block; overflow:hidden; font-size:30px; font-family: 'S-CoreDream-4Regular'; line-height:140%; } .mg_tit_wrap strong { font-family: 'S-CoreDream-7ExtraBold'; font-weight:normal; } .mg_body_wrap { display:block; overflow:hidden; margin-top:50px; background:#f8f8f8; border-radius:10px; } .mg_body_core { display:block; overflow:hidden; margin:30px; } .mg_input_wrap { display:block; overflow:hidden; position:relative; border-bottom:1px solid #333; } .mg_input_wrap:before { display:block; overflow:hidden; position:absolute; bottom:0; left:0; font-family: 'GmarketSansMedium'; height:40px; line-height:40px; font-size:17px; } .mg_input1:before { content:'약'; } .mg_input { display:block; overflow:hidden; margin:0 0 0 50px; } .mg_input2 .mg_input { margin:0; } .mg_input input { display:block; overflow:hidden; background:none; width:100%; height:40px; line-height:40px; font-size:17px; font-family: 'GmarketSansMedium'; text-align:right; } .mg_input select { display:block; overflow:hidden; background:url('../images/main_renew/mc_arrow.png') center right no-repeat; width:100%; height:40px; line-height:40px; font-size:17px; font-family: 'GmarketSansMedium'; border:0; } .mg_etc_txt { display:block; overflow:hidden; position:relative; opacity:.7; margin-top:10px; font-family: 'GmarketSansMedium'; line-height:140%; font-size:.95em; padding:0 0 0 18px; font-family: 'S-CoreDream-4Regular'; word-break:keep-all; } .mg_etc_txt:before { display:block; overflow:hidden; position:absolute; top:0; left:0; content:'※'; } .m_graph_result { display:block; overflow-y:auto; max-height:85%; } .m_graph_box { display:block; overflow:hidden; margin:50px; } .mg_result_inner { display:block; overflow:hidden; margin:0 0 30px 0; } .mg_result_inner:last-child { display:block; overflow:hidden; margin:0; } .mg_result_tit { display:block; overflow:hidden; font-family: 'S-CoreDream-4Regular'; font-weight:normal; color:#1fa4b6; font-size:20px; line-height:120%; margin:0 0 15px 0; } .mg_result_cont { display:block; overflow:hidden; } .mg_result_dl { display:block; overflow:hidden; border-bottom:1px solid #ececec; margin:0 0 10px 0; padding:0 0 10px 0; } .mg_result_dt { display:block; overflow:hidden; font-family: 'GmarketSansMedium'; margin:0 0 5px 0; font-size:14px; } .mg_result_dd { display:block; overflow:hidden; font-family: 'S-CoreDream-4Regular'; text-align:right; font-size:16px; } .mg_summary_wrap { display:block; overflow:hidden; background:#f8f8f8; } .mg_summary_core { display:block; overflow:hidden; margin:15px; line-height:140%; word-break:keep-all; font-family: 'S-CoreDream-4Regular'; font-size:16px; } .mg_etc_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; position:absolute; bottom:0; left:0; width:100%; } .mg_move_btn { display:block; overflow:hidden; text-align:center; padding:25px 0; width:50%; } .mg_move_prev { background:#30e7eb; } .mg_move_next { background:#1fa4b6; } .mg_move_btn.pop_custormer { background:#1fa4b6; } .mg_move_ok { background:#1fa4b6; } .mg_move_btn img { display:inline-block; overflow:hidden; vertical-align:middle; } .mg_move_btn span { display:inline-block; overflow:hidden; vertical-align:middle; font-family: 'S-CoreDream-4Regular'; margin:0 10px; color:#fff; } .m_graph_more { display:block; overflow:hidden; width:100%; max-width:350px; text-align:center; border-radius:9999px; background: rgb(48,236,211); background: linear-gradient(90deg, rgba(48,236,211,1) 0%, rgba(255,255,255,1) 100%); margin:0 auto; padding:20px 0 5px 0; } .m_graph_more span { display:inline-block; overflow:hidden; vertical-align:top; font-size:28px; font-family: 'S-CoreDream-6Bold'; line-height:130%; } .m_graph_more img { display:inline-block; overflow:hidden; vertical-align:top; margin:0 0 0 5px; animation-duration:1.5s; animation-name: icon_fade; animation-iteration-count: infinite; opacity:0; } @keyframes icon_fade { 0 { opacity:0; } 50% { opacity:1;} } /* ----------------------------------------------------------------------------- */ /* 영상 */ /* ----------------------------------------------------------------------------- */ .m_f4_wrap { display:block; overflow:hidden; position:relative; } .m_f4_wrap:after { display:block; overflow:hidden; position:absolute; top:0; right:5%; width:25%; height:100%; background:rgba(0,0,0,.1); content:''; } .m_f4_core { display:block; overflow:hidden; width:90%; max-width:1480px; margin:150px auto; position:relative; z-index:2; } .main_video { display:block; overflow:hidden; width:100%; } .m_video_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .m_video_top { display:block; overflow:hidden; width:calc(100% - 870px); } .mv_top_tit { display:block; overflow:hidden; font-family: 'GmarketSansBold'; } .mv_top_txt { display:block; overflow:hidden; margin-top:30px; } .mv_top_txt p { display:block; overflow:hidden; margin-top:10px; font-size:30px; line-height:140%; word-break:keep-all; font-family: 'S-CoreDream-4Regular'; } .mv_top_txt p strong { font-family: 'S-CoreDream-6Bold'; font-weight:normal; } .m_video_cont { display:block; overflow:hidden; width:870px; margin-left:auto; } .m_video { display:block; overflow:hidden; margin:0 0 0 50px; } .m_video video { display:block; overflow:hidden; width:100%; } /* ----------------------------------------------------------------------------- */ /* 카운설링 */ /* ----------------------------------------------------------------------------- */ .m_f5_wrap { display:block; overflow:hidden; background:#fff; } .m_f5_core { display:block; width:90%; max-width:1480px; margin:0 auto; padding:0 0 200px 0; } .m_consult_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; } .m_consult_top { display:block; overflow:hidden; width:50%; margin-top:90px; } .mc_top_tit { display:block; overflow:hidden; font-family: 'GmarketSansBold'; margin-left:180px; } .mc_content_wrap { display:block; width:calc(50% - 80px); margin-left:auto; position:relative; } .mc_content_wrap:before { display:block; overflow:hidden; width:2000px; height:12px; top:0; left:0; background:#484848; content:''; position:absolute; } .mc_content_wrap:after { display:block; overflow:hidden; width:800px; height:30px; background:url('../images/main_renew/mc_content_bg.png') left center no-repeat; background-size:cover; content:''; position:absolute; bottom:0; left:15%; } .mc_text_wrap { display:block; position:relative; margin:30px 0 70px 0; } .mc_text_wrap:after { display:block; overflow:hidden; position:absolute; top:0; left:0; width:2000px; height:100%; background:#1a1a1a; content:''; } .mc_text_core { display:block; overflow:hidden; padding:60px 70px; padding-right:0 !important; position:relative; z-index:2; color:#fff; } .mc_tit { display:block; overflow:hidden; } .mc_tit span { display:block; overflow:hidden; color:#30e7eb; font-family: 'S-CoreDream-6Bold'; font-size:34px; line-height:140%; word-break:keep-all; } .mc_txt { display:block; overflow:hidden; margin-top:30px; } .mc_txt span { display:block; overflow:hidden; font-family: 'S-CoreDream-4Regular'; font-size:24px; line-height:150%; word-break:keep-all; } .mc_btn_wrap { display:block; overflow:hidden; width:50%; position:absolute; top:290px; left:0; } .mc_btn_core { display:block; overflow:hidden; margin-left:180px; } .mc_btn { display:block; overflow:hidden; border:2px solid #000; box-sizing:border-box; height:80px; line-height:76px; margin-top:20px; transition-duration:.5s; } .mc_btn span { display:inline-block; overflow:hidden; vertical-align:middle; float:left; margin-left:30px; font-size:32px; font-family: 'S-CoreDream-4Regular'; } .mc_btn img { display:inline-block; overflow:hidden; vertical-align:middle; float:right; margin:32px 30px 0 0; } .mc_btn:hover { background:#ffdc44; } /* ----------------------------------------------------------------------------- */ /* 최근게시물 */ /* ----------------------------------------------------------------------------- */ .m_f6_wrap { display:block; overflow:hidden; } .m_f6_core { display:block; overflow:hidden; } .m_noti_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .m_noti_item { display:block; overflow:hidden; width:50%; } .m_noti2 { background:#f9f9f9; } .mn_top_wrap { display:block; overflow:hidden; text-align:center; } .m_noti1 .mn_top_wrap { background:#ededed; } .m_noti2 .mn_top_wrap { background:#102730; color:#fff; } .mn_top_core { display:block; overflow:hidden; margin:40px 80px; } .mn_ttit { display:block; overflow:hidden; } .mn_ttit img { display:inline-block; overflow:hidden; vertical-align:middle; margin:-5px 10px 0 0; } .mn_ttit span { display:inline-block; overflow:hidden; vertical-align:middle; font-size:40px; font-family: 'GmarketSansBold'; line-height:140%; word-break:keep-all; } .mn_ttxt { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-size:30px; font-family: 'S-CoreDream-4Regular'; } .mn_cont_wrap { display:block; overflow:hidden; margin:50px 80px; } /* 빠른상담 */ .m_inqu_wrap { display:block; overflow:hidden; height:450px; position:relative; } .m_inqu_wrap:before { display:none; overflow:hidden; position:absolute; width:100%; height:100%; background:none; content:''; z-index:10; } .m_inqu_wrap .swiper-slide { height:30px !important;} .m_inqu_list { display:block; overflow:hidden; overflow:hidden; height:450px;} .m_inqu_inner { display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:30px; font-family: 'GmarketSansMedium'; } .m_inqu_inner:last-child { margin-bottom:0; } .m_inqu_item { display:block; overflow:hidden; font-size:20px; line-height:140%; text-align:center; } .m_inqu1 { width:120px; text-align:left; } .m_inqu2 { width:calc(100% - 260px); } .m_inqu3 { width:140px; } .m_inqu_type { display:block; overflow:hidden; border-radius:5px; font-size:14px; color:#fff; height:30px; line-height:32px; } .m_inqu_type1 { background:#2a5a88; } .m_inqu_type2 { background:#1fa4b6; } /* 온라인문의 */ .m_online_wrap { display:block; overflow:hidden; } .m_online_list { display:block; overflow:hidden; } .m_online_list li { display:block; overflow:hidden; border-bottom:1px solid #e0e0e0; margin-bottom:20px; padding-bottom:20px; position:relative; } .m_online_list li:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0; } .m_online_item { display:block; overflow:hidden; position:relative; } .m_online_date_wrap { display:block; overflow:hidden; position:absolute; top:0; left:0; width:110px; text-align:center; font-family: 'Barlow', sans-serif; } .m_online_date1 { display:block; overflow:hidden; font-size:32px; line-height:120%; font-weight:500; } .m_online_date2 { display:block; overflow:hidden; color:#aaaaaa; line-height:120%; font-weight:500; } .m_online_text_wrap { display:block; overflow:hidden; margin:14px 0 14px 110px; border-left:1px solid #e0e0e0; box-sizing:border-box; } .m_online_text_inner { display:block; overflow:hidden; margin:0 35px; position:relative; } .m_online_type { display:block; overflow:hidden; position:absolute; top:0; left:0; width:77px; text-align:center; color:#fff; border-radius:999px; text-align:center; font-family: 'GmarketSansMedium'; font-size:14px; padding:6px 0 4px 0; } .m_online_type1 { background:#1fa4b6; } .m_online_type2 { background:#182e61; } .m_online_type3 { background:#16af7d; } .m_online_btn { display:block; overflow:hidden; margin:6px 0 2px 85px; font-size:18px; font-family: 'GmarketSansMedium'; line-height:120%; white-space:nowrap; text-overflow:ellipsis; } .m_online_btn:hover { color:#0072bc; } /* ------------------------------------------------------------------------------- */ /* 지점소개 */ /* ------------------------------------------------------------------------------- */ .m_f7_wrap { display:block; overflow:hidden; } .m_f7_core { display:block; overflow:hidden; } .m_spot_wrap { display:block; overflow:hidden; } .m_spot_btn { display:flex; flex-wrap:wrap; justify-content:space-between; font-family: 'GmarketSansMedium'; border-top:1px dashed #ddd; box-sizing:border-box; transition-duration:.5s; } .m_spot_btn1 { background:rgba(0,0,0,.03); } .m_spot_btn2 { } .m_spot_top { display:block; overflow:hidden; width:50%; border-right:1px dashed #ddd; box-sizing:border-box; transition-duration:.5s; } .m_spot_tit { display:block; overflow:hidden; width:94%; margin:0 auto; text-align:center; position:relative; top:50%; transform:translateY(-50%); font-family: 'GmarketSansBold'; font-size:50px; line-height:130%; background-image:url('../images/main_renew/m_spot_tit1.png'); background-position:center center; background-repeat:no-repeat; background-size:150px; padding:50px 0; transition-duration:.5s; } .m_spot_cont { display:block; overflow:hidden; width:50%; transition-duration:.5s; } .m_spot_inner { display:block; overflow:hidden; width:94%; margin:50px auto; position:relative; } .m_spot_address { display:block; overflow:hidden; margin-right:150px; } .m_spot_address span { display:block; overflow:hidden; font-size:20px; line-height:150%; word-break:keep-all; } .m_spot_info { display:block; overflow:hidden; margin-top:30px; margin-right:150px; } .m_spot_dl { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:10px; font-size:24px; } .m_spot_dt { display:block; overflow:hidden; line-height:130%; word-break:keep-all; width:100px; } .m_spot_dd { display:block; overflow:hidden; line-height:130%; word-break:keep-all; width:calc(100% - 100px); font-family: 'GmarketSansBold'; } .m_spot_more { display:block; position:absolute; top:50%; transform:translateY(-50%); right:0; width:130px; height:130px; background-position:center center; background-repeat:no-repeat; z-index:9910; opacity:1; background-image:url('../images/main_renew/m_spot_more1.png'); background-position:center center; background-repeat:no-repeat; transition-duration:.5s; } .m_spot_more .circle-txt { position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-content:center; flex-wrap:wrap; animation: rotate_more 20s linear infinite; transform-origin: 50% 50%; font-family: "GmarketSansLight"; } .m_spot_more .circle-txt svg { height:110px; overflow:visible; } .m_spot_more .circle-txt svg text textPath { fill:#0d2899; font-weight:100; letter-spacing:.5px; font-size:7px; transition-duration:.5s; } @keyframes rotate_more { 100% { transform: rotate(360deg); } } .m_spot_btn:hover { color:#fff; } .m_spot_btn:hover .m_spot_top { background:#102730; /* #041c5a */ border-color:rgba(255,255,255,.1); } .m_spot_btn:hover .m_spot_tit { background-image:url('../images/main_renew/m_spot_tit2.png'); } .m_spot_btn1:hover .m_spot_cont { background:url('../images/main_renew/m_location_bg1.jpg') center center no-repeat; background-size:cover; } .m_spot_btn2:hover .m_spot_cont { background:url('../images/main_renew/m_location_bg2.jpg') center center no-repeat; background-size:cover; } .m_spot_btn:hover .m_spot_more { background-image:url('../images/main_renew/m_spot_more2.png'); } .m_spot_btn:hover .m_spot_more .circle-txt svg text textPath { fill:#fff; } /* ----------------------------------------------------------------------------- */ /* 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*/ /* ------------------------------------------------------------------------------- */ .m_tet { font-size:36px; } .m_tit { font-size:44px; } /* ------------------------------------------------------------------------------- */ /* 메인 팝업 */ /* ------------------------------------------------------------------------------- */ .main_pop1 { top:70px; left:50%; margin-left: -200px; max-width: 400px; display:none !important; } .main_pop2 { top:70px; left:50%; margin-left: -200px; max-width: 400px;} /* ----------------------------------------------------------------------------- */ /* 총 탕감금액 */ /* ----------------------------------------------------------------------------- */ .mv_item_wrap { padding:26% 0; } .mv_txt_wrap { font-size:20px; } .mv_txt1 { margin-bottom:15px;} .mv1 .mv_txt2 { font-size:24px; } .mv2 .mv_txt_wrap { display:block; margin-left:0; margin-top:10px; text-align:center; } .mv2 .mv_item_wrap img { display:block; width:120px; margin:0 auto; } .mv2 .mv_txt3 { font-size:24px; } .mv_video { width:150%; } /* ----------------------------------------------------------------------------- */ /* 리포트/성공사례 */ /* ----------------------------------------------------------------------------- */ .m_f2_wrap:before { width:40px; height:160px; } .m_f2_core { margin:80px auto; } /* 리포트 */ .mr_top_wrap { width:100%; margin-bottom:30px; } .mr_top_core { top:0; transform:translateY(0); margin:0 0 0 50px; } .mr_top_tit .m_tet { font-size:28px; display:inline; } .mr_top_txt span { font-size:20px; } .mr_cont_wrap { width:100%; height:300px; } .mr_item { width:100%; } .mr_dl { margin:30px; } .mr_dt { margin-bottom:10px; } .mr_tit_stxt { font-size:18px; } .mr_tit_txt { font-size:24px; } .mr_count_wrap strong { font-size:48px; } .mr_count_wrap span { font-size:26px; } .mr_cont_item img { margin-bottom:5px; } /*성공사례 */ .m_success_core { margin:30px 15px; } .ms_top_wrap { margin:0 0 20px 0; } .ms_ttxt { font-size:24px; } .ms_ttit { font-size:40px; } .ms_slide li { min-height:160px; } .ms_slide_inner { width:50%; } .ms_slide_inner:nth-child(2n+1) .ms_slide_btn { margin:0 5px 10px 0; } .ms_slide_inner:nth-child(2n) .ms_slide_btn { margin:0 0 10px 5px; } .ms_slide_img_wrap { height:160px; } .ms_slide_tit_core { text-align:center; } .ms_slide_tit_inner { margin:10px; } .ms_slide_type { font-size:22px; } .ms_slide_info { font-size:13px; } .ms_slide_pay { font-size:15px; } .ms_slide_solute { font-size:18px; } .ms_slide_text { display:none; } .ms_slide_wrap .bx-wrapper .bx-pager { margin:10px 0 0 0; } .ms_more { margin-top:20px; height:55px; line-height:54px; font-size:18px; } /* ----------------------------------------------------------------------------- */ /* 자가진단 */ /* ----------------------------------------------------------------------------- */ .m_f3_wrap { background: linear-gradient(-180deg, rgba(11,33,47,1) 30%, rgba(9,50,82,1) 70%); } .m_f3_core { padding:80px 0; } .m_diagnosis_wrap { display:block; } .md_top_wrap { width:100%; margin:0 0 30px 0; } .md_top_stit { padding-top:50px; margin:30px 0 30px 0; } .md_top_stit:before { width:500px; height:30px; left:-50%; } .md_top_stit span { display:inline; font-size:24px; } .md_top_txt span { display:inline; font-size:22px; } .md_content_wrap { width:100%; max-width:400px; margin:0 auto; } .m_graph_wrap { border-radius:30px; border:0; margin:10px;} .m_graph_core { height:500px; } .m_graph_cover { padding:0 30px; } .m_graph_top { max-width:170px; } .m_graph_top span { font-size:28px; } .m_graph_top span:first-child { letter-spacing:1px; } .mg_tab { background-size:30px !important; padding:30px 0 10px 0; } .mg_cont_wrap { margin:50px 20px; } .mg_top_wrap { background-size:80px !important; } .mg_tit_wrap { margin:10px 100px 0 0; } .mg_tit_wrap span { font-size:24px; } .mg_body_core { margin:15px; } .mg_move_btn { padding:15px 0; } .m_graph_box { margin:20px; } .mg_result_inner { margin:0 0 15px 0; } .mg_result_tit { font-size:18px; margin:0 0 10px 0; } .mg_result_dl { margin:0 0 10px 0; padding:0 0 10px 0; } .mg_summary_core { margin:10px; } .m_graph_more { padding:15px 0 5px 0; margin-top:30px; } .m_graph_more span { font-size:22px; } .m_graph_more img { width:40px; } /* ----------------------------------------------------------------------------- */ /* 영상 */ /* ----------------------------------------------------------------------------- */ .m_f4_wrap:after { right:5%; } .m_f4_core { margin:80px auto; } .m_video_top { width:100%; } .m_video_top .m_tit { font-size:34px; } .mv_top_txt { margin-top:10px; } .mv_top_txt p { margin-top:7px; font-size:18px; } .m_video_cont { width:100%; } .m_video { margin:30px 0 0 0; } /* ----------------------------------------------------------------------------- */ /* 카운설링 */ /* ----------------------------------------------------------------------------- */ .m_f5_core { padding:0 0 80px 0; } .m_consult_wrap { display:block; } .m_consult_top { width:100%; margin-top:0; } .mc_top_tit { margin-left:0; } .mc_content_wrap { width:100%; margin-top:50px; } .mc_content_wrap:before { top:-30px; height:8px; } .mc_content_wrap:after { bottom:-50px; left:30%; width:500px; } .mc_text_core { padding:30px; } .mc_tit span { font-size:26px; } .mc_txt { margin-top:20px; } .mc_txt span { font-size:18px; } .mc_btn_wrap { position:relative; width:100%; top:0; } .mc_btn_core { margin-left:0; } .mc_btn { height:65px; line-height:62px; margin-top:10px; } .mc_btn span { margin-left:15px; font-size:20px; } .mc_btn img { margin:22px 15px 0 0; } /* ----------------------------------------------------------------------------- */ /* 최근게시물 */ /* ----------------------------------------------------------------------------- */ .m_noti_wrap { display:block; } .m_noti_item { width:100%; } .mn_top_core { width:90%; margin:25px auto; } .mn_ttit img { display:block; margin:0 auto 10px auto; } .mn_ttit span { display:block; font-size:28px; } .mn_ttxt { font-size:18px; } .mn_cont_wrap { width:90%; margin:30px auto; } /* 빠른상담 */ .m_inqu_wrap:before { display:block; } .m_inqu_inner { margin-bottom:20px; } .m_inqu_item { font-size:17px; padding:5px 0; } .m_inqu1 { width:70px; text-align:left; } .m_inqu2 { width:auto; } .m_inqu3 { padding:0; width:80px; } /* 온라인문의 */ .m_online_date_wrap { display:none; } .m_online_text_wrap { margin:0; border-left:0; } .m_online_text_inner { margin:0; } .m_online_btn { font-size:16px; margin:6px 0 5px 85px; } /* ------------------------------------------------------------------------------- */ /* 지점소개 */ /* ------------------------------------------------------------------------------- */ .m_spot_btn { color:#fff; border:0; } .m_spot_btn1 { background:url('../images/main_renew/m_location_bg1.jpg') center center no-repeat; background-size:cover; } .m_spot_btn2 { background:url('../images/main_renew/m_location_bg2.jpg') center center no-repeat; background-size:cover; } .m_spot_top { border:0; width:100%; } .m_spot_tit { font-size:36px; background-size:120px; background-image:url('../images/main_renew/m_spot_tit2.png'); } .m_spot_cont { width:100%; /* color:#fff; */ } .m_spot_inner { margin:15px auto 30px auto; text-align:center; } .m_spot_address { margin-right:0; } .m_spot_address span { font-size:17px; } .m_spot_info { margin-top:10px; margin-right:0; } .m_spot_dl { justify-content:center; margin-top:10px; font-size:20px; } .m_spot_dt { width:auto; margin-right:5px; } .m_spot_dd { width:auto; } .m_spot_more { display:none; } .m_spot_btn:hover { color:#fff; } .m_spot_btn:hover .m_spot_top { background:none; } .m_spot_btn:hover .m_spot_tit { background-image:url('../images/main_renew/m_spot_tit2.png'); } .m_spot_btn1:hover .m_spot_cont { background:none } .m_spot_btn2:hover .m_spot_cont { background:none } } @media only screen and (min-width:768px) and (max-width:1023px) { /* 테블릿() iPad Portrait */ /* ------------------------------------------------------------------------------- */ /* LAYOUT*/ /* ------------------------------------------------------------------------------- */ .m_tet { font-size:50px; } .m_tit { font-size:60px; } /* ----------------------------------------------------------------------------- */ /* 총 탕감금액 */ /* ----------------------------------------------------------------------------- */ .mv_txt_wrap { font-size:24px; } .mv_txt1 { margin-bottom:30px;} .mv1 .mv_txt2 { font-size:30px; } .mv2 .mv_txt_wrap { margin-left:10px; } .mv2 .mv_item_wrap img { width:180px; } .mv2 .mv_txt3 { font-size:30px; } /* ----------------------------------------------------------------------------- */ /* 리포트/성공사례 */ /* ----------------------------------------------------------------------------- */ .m_f2_wrap:before { width:40px; height:250px; } .m_f2_core { margin:70px auto; } .m_f2_inner { margin-bottom:30px; } .mr_cont_wrap { height:500px; } /* 리포트 */ .mr_top_wrap { width:100%; margin-bottom:30px; } .mr_top_core { top:0; transform:translateY(0); margin:0 0 0 50px; } .mr_top_txt span { font-size:28px; } .mr_cont_wrap { width:100%; } .mr_dl { margin:30px; } .mr_dt { margin-bottom:10px; } .mr_tit_stxt { font-size:18px; } .mr_tit_txt { font-size:24px; } .mr_count_wrap strong { font-size:48px; } .mr_count_wrap span { font-size:26px; } /*성공사례 */ .m_success_core { margin:30px; } .ms_top_wrap { margin:0 0 20px 0; } .ms_ttxt { font-size:26px; } .ms_ttit { font-size:46px; } .ms_slide li { min-height:220px; } .ms_slide_inner { width:50%; } .ms_slide_inner:nth-child(2n+1) .ms_slide_btn { margin:0 10px 20px 0; } .ms_slide_inner:nth-child(2n) .ms_slide_btn { margin:0 0 20px 10px; } .ms_slide_img_wrap { height:220px; } .ms_slide_tit_core { text-align:center; } .ms_slide_tit_inner { margin:10px; } .ms_slide_type { font-size:36px; } .ms_slide_info { font-size:18px; } .ms_slide_pay { font-size:30px; } .ms_slide_solute { font-size:30px; } .ms_slide_text { display:none; } .ms_slide_wrap .bx-wrapper .bx-pager { margin:10px 0 0 0; } .ms_more { margin-top:30px; font-size:20px; } /* ----------------------------------------------------------------------------- */ /* 자가진단 */ /* ----------------------------------------------------------------------------- */ .m_f3_wrap { background: linear-gradient(-180deg, rgba(11,33,47,1) 30%, rgba(9,50,82,1) 70%); } .m_f3_core { padding:70px 0; } .m_diagnosis_wrap { display:block; } .md_top_wrap { width:100%; margin:0 0 30px 0; } .md_top_stit { padding-top:80px; margin:50px 0 50px 0; } .md_top_stit:before { left:-50%; } .md_top_stit span { display:inline-block; font-size:30px; } .md_top_txt span { display:inline-block; font-size:28px; } .md_content_wrap { width:100%; max-width:500px; margin:0 auto; } .m_graph_wrap { border-radius:30px; border:0; margin:10px;} .m_graph_cover { padding:0 30px; } .m_graph_top { max-width:550px; } .m_graph_top span { font-size:36px; } .m_graph_more { padding:15px 0 5px 0; margin-top:30px; } .m_graph_more span { font-size:22px; } .m_graph_more img { width:40px; } /* ----------------------------------------------------------------------------- */ /* 영상 */ /* ----------------------------------------------------------------------------- */ .m_f4_wrap:after { right:5%; } .m_f4_core { margin:70px auto; } .m_video_top { width:100%; } .m_video_cont { width:100%; } .m_video { margin:30px 0 0 0; } /* ----------------------------------------------------------------------------- */ /* 카운설링 */ /* ----------------------------------------------------------------------------- */ .m_f5_core { padding:0 0 70px 0; } .m_consult_wrap { display:block; } .m_consult_top { width:100%; margin-top:0; } .mc_top_tit { margin-left:0; } .mc_content_wrap { width:100%; margin-top:70px; } .mc_content_wrap:before { top:-30px; height:8px; } .mc_content_wrap:after { bottom:-50px; } .mc_text_core { padding:50px; } .mc_tit span { font-size:30px; } .mc_txt { margin-top:20px; } .mc_txt span { font-size:22px; } .mc_btn_wrap { position:relative; width:100%; top:0; } .mc_btn_core { display:flex; flex-wrap:wrap; justify-content:space-between; margin-left:0; } .mc_btn { height:65px; line-height:62px; margin-top:10px; width:calc(50% - 10px); } .mc_btn span { margin-left:15px; font-size:20px; } .mc_btn img { margin:22px 15px 0 0; } /* ----------------------------------------------------------------------------- */ /* 최근게시물 */ /* ----------------------------------------------------------------------------- */ .m_noti_wrap { display:block; } .m_noti_item { width:100%; } .mn_top_core { width:90%; margin:30px auto; } .mn_ttit img { margin-top:0; } .mn_ttit span { font-size:34px; } .mn_ttxt { font-size:24px; } .mn_cont_wrap { width:90%; margin:50px auto; } /* 빠른상담 */ .m_inqu_inner { margin-bottom:20px; } .m_inqu_item { font-size:17px; padding:5px 0; } .m_inqu1 { text-align:left; } .m_inqu3 { padding:0; } /* 온라인문의 */ .m_online_btn { font-size:16px; margin:6px 0 5px 85px; } /* ------------------------------------------------------------------------------- */ /* 지점소개 */ /* ------------------------------------------------------------------------------- */ .m_spot_btn { color:#fff; border:0; } .m_spot_btn1 { background:url('../images/main_renew/m_location_bg1.jpg') center center no-repeat; background-size:cover; } .m_spot_btn2 { background:url('../images/main_renew/m_location_bg2.jpg') center center no-repeat; background-size:cover; } .m_spot_top { border:0; width:100%; } .m_spot_tit { font-size:36px; background-size:120px; background-image:url('../images/main_renew/m_spot_tit2.png'); } .m_spot_cont { width:100%; /* color:#fff; */ } .m_spot_inner { margin:15px auto 30px auto; text-align:center; } .m_spot_address { margin-right:0; } .m_spot_address span { font-size:17px; } .m_spot_info { margin-top:10px; margin-right:0; } .m_spot_dl { justify-content:center; margin-top:10px; font-size:20px; } .m_spot_dt { width:auto; margin-right:5px; } .m_spot_dd { width:auto; } .m_spot_more { display:none; } .m_spot_btn:hover { color:#fff; } .m_spot_btn:hover .m_spot_top { background:none; } .m_spot_btn:hover .m_spot_tit { background-image:url('../images/main_renew/m_spot_tit2.png'); } .m_spot_btn1:hover .m_spot_cont { background:none } .m_spot_btn2:hover .m_spot_cont { background:none } } @media only screen and (min-width:1024px) and (max-width:1139px) { /* 테블릿() iPad LandSpace */ /* ------------------------------------------------------------------------------- */ /* LAYOUT*/ /* ------------------------------------------------------------------------------- */ .m_tet { font-size:50px; } .m_tit { font-size:60px; } /* ----------------------------------------------------------------------------- */ /* 총 탕감금액 */ /* ----------------------------------------------------------------------------- */ .mv_txt_wrap { font-size:30px; } .mv1 .mv_txt2 { font-size:40px; } .mv2 .mv_txt_wrap { margin-left:20px; } .mv2 .mv_item_wrap img { width:220px; } .mv2 .mv_txt3 { font-size:40px; } /* ----------------------------------------------------------------------------- */ /* 리포트/성공사례 */ /* ----------------------------------------------------------------------------- */ .m_f2_wrap:before { width:40px; height:250px; } /* 리포트 */ .mr_top_wrap { width:100%; margin-bottom:30px; } .mr_top_core { top:0; transform:translateY(0); margin:0 0 0 50px; } .mr_cont_wrap { width:100%; } .mr_dl { margin:30px; } .mr_count_wrap strong { font-size:50px; } .mr_count_wrap span { font-size:30px; } /*성공사례 */ .m_success_core { margin:40px; } .ms_slide li { min-height:250px; } .ms_slide_inner { width:50%; } .ms_slide_inner:nth-child(2n+1) .ms_slide_btn { margin:0 10px 20px 0; } .ms_slide_inner:nth-child(2n) .ms_slide_btn { margin:0 0 20px 10px; } .ms_slide_img_wrap { height:250px; } .ms_slide_tit_core { margin:0; text-align:center; } .ms_slide_tit_inner { margin:30px 10px; } .ms_slide_text { display:none; } .ms_more { margin-top:30px; font-size:20px; } /* ----------------------------------------------------------------------------- */ /* 자가진단 */ /* ----------------------------------------------------------------------------- */ .m_f3_wrap { background: linear-gradient(-180deg, rgba(11,33,47,1) 30%, rgba(9,50,82,1) 70%); } .m_diagnosis_wrap { display:block; } .md_top_wrap { width:100%; margin:0 0 50px 0; } .md_top_stit { padding-top:80px; margin:50px 0 50px 0; } .md_top_stit:before { left:-30%; } .md_top_stit span { display:inline-block; } .md_top_txt span { display:inline-block; } .md_content_wrap { margin:0 auto; } /* ----------------------------------------------------------------------------- */ /* 영상 */ /* ----------------------------------------------------------------------------- */ .m_f4_wrap:after { right:5%; } .m_f4_core { margin:120px auto; } .m_video_top { width:100%; } .m_video_cont { width:100%; } .m_video { margin:30px 0 0 0; } /* ----------------------------------------------------------------------------- */ /* 카운설링 */ /* ----------------------------------------------------------------------------- */ .m_f5_core { padding:0 0 130px 0; } .m_consult_top { margin-top:60px; } .mc_top_tit { margin-left:0; } .mc_content_wrap { width:calc(50% - 50px ); } .mc_content_wrap:before { top:0; height:8px; left:30px; } .mc_content_wrap:after { bottom:-50px; } .mc_text_wrap { margin:30px; margin-top:10px; } .mc_text_core { padding:50px; } .mc_tit span { font-size:30px; } .mc_txt { margin-top:20px; } .mc_txt span { font-size:22px; } .mc_btn_wrap { top:230px; } .mc_btn_core { margin:0; } .mc_btn { height:65px; line-height:62px; margin-top:10px; } .mc_btn span { margin-left:15px; font-size:20px; } .mc_btn img { margin:22px 15px 0 0; } /* ----------------------------------------------------------------------------- */ /* 최근게시물 */ /* ----------------------------------------------------------------------------- */ .mn_top_core { margin:40px 30px; } .mn_ttit img { margin:0 10px 0 0; } .mn_ttit span { font-size:34px; } .mn_ttxt { font-size:24px; } .mn_cont_wrap { margin:50px 30px; } .m_inqu1 { width:100px; } .m_inqu2 { width:calc(100% - 180px); } .m_inqu3 { width:80px; } /* 온라인문의 */ .m_online_date_wrap { width:80px; } .m_online_text_wrap { margin-left:80px; } .m_online_text_inner { margin:0 20px; } /* ------------------------------------------------------------------------------- */ /* 지점소개 */ /* ------------------------------------------------------------------------------- */ .m_spot_tit { font-size:36px; background-size:120px; padding:50px 0; } .m_spot_inner { margin:30px auto; } .m_spot_address span { font-size:18px; } .m_spot_info { margin-top:20px; } .m_spot_dl { font-size:20px; } .m_spot_dt { width:80px; } .m_spot_dd { width:calc(100% - 80px); } } @media only screen and (min-width:1140px) and (max-width:1400px) { /* 작은 PC */ /* ----------------------------------------------------------------------------- */ /* 리포트/성공사례 */ /* ----------------------------------------------------------------------------- */ .m_f2_wrap:before { width:40px; height:250px; } /* 리포트 */ .mr_top_wrap { width:520px; margin-bottom:30px; } .mr_top_core { margin:0; } .mr_cont_wrap { width:calc(100% - 550px); } .mr_dl { margin:30px; } .mr_count_wrap strong { font-size:50px; } .mr_count_wrap span { font-size:30px; } /*성공사례 */ .m_success_core { margin:40px; } .ms_slide_inner:nth-child(4n+1) .ms_slide_btn { margin:0 10px 0 0; } .ms_slide_inner:nth-child(4n+2) .ms_slide_btn { margin:0 5px 0 0; } .ms_slide_inner:nth-child(4n+3) .ms_slide_btn { margin:0 0 0 5px; } .ms_slide_inner:nth-child(4n) .ms_slide_btn { margin:0 0 0 10px; } /* ----------------------------------------------------------------------------- */ /* 자가진단 */ /* ----------------------------------------------------------------------------- */ .md_top_stit { padding-top:80px; margin:30px 0 50px 0; } .md_content_wrap { max-width:500px; } /* ----------------------------------------------------------------------------- */ /* 영상 */ /* ----------------------------------------------------------------------------- */ .m_video_top { width:100%; } .m_video_cont { width:100%; } .m_video { margin:30px 0 0 0; } /* ----------------------------------------------------------------------------- */ /* 카운설링 */ /* ----------------------------------------------------------------------------- */ .m_f5_core { padding:0 0 120px 0; } .m_consult_top { margin-top:60px; } .mc_top_tit { margin-left:0; } .mc_btn_wrap { top:220px; } .mc_btn_core { margin:0; } /* ----------------------------------------------------------------------------- */ /* 최근게시물 */ /* ----------------------------------------------------------------------------- */ .mn_top_core { margin:40px 50px; } .mn_cont_wrap { margin:50px 50px; } /* ------------------------------------------------------------------------------- */ /* 지점소개 */ /* ------------------------------------------------------------------------------- */ .m_spot_tit { font-size:44px; } .m_spot_address span { font-size:19px; } .m_spot_info { margin-top:20px; } .m_spot_dl { font-size:21px; } .m_spot_dt { width:80px; } .m_spot_dd { width:calc(100% - 80px); } } @media only screen and (min-width:1401px) and (max-width:1560px) { /* 작은 PC */ /* ----------------------------------------------------------------------------- */ /* 리포트/성공사례 */ /* ----------------------------------------------------------------------------- */ /* 리포트 */ .mr_top_wrap { width:600px; } .mr_top_core { margin-right:30px; } .mr_cont_wrap { width:calc(100% - 650px); } .mr_dl { margin:30px; } .mr_count_wrap strong { font-size:50px; } .mr_count_wrap span { font-size:30px; } /* ----------------------------------------------------------------------------- */ /* 영상 */ /* ----------------------------------------------------------------------------- */ .m_video_top { width:calc(100% - 680px); } .m_video_cont { width:680px; } .m_video { margin:0 0 0 30px; } /* ----------------------------------------------------------------------------- */ /* 카운설링 */ /* ----------------------------------------------------------------------------- */ .mc_top_tit { margin-left:100px; } .mc_btn_core { margin:0 0 0 100px; } /* ------------------------------------------------------------------------------- */ /* 지점소개 */ /* ------------------------------------------------------------------------------- */ .m_location_add { margin:20px; } } @media only screen and (min-width:1401px) and (max-width:1620px) { /* 안내 */ /* ----------------------------------------------------------------------------- */ /* 리포트/성공사례 */ /* ----------------------------------------------------------------------------- */ .mr_dl { margin:30px; } } @media only screen and (min-width:1620px) { /* PC */ }