/* INDEX------------------------------------------------------------------------ */ /* FONT */ /* RESET */ /* METHOD */ /* LAYOUT */ /* TOP */ /* FOOTER */ /* MEDIA QUERY */ /* ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- */ /* RESET */ /* ----------------------------------------------------------------------------- */ * { margin:0; padding:0; } article, aside, hgroup, header, footer, figure, figcaption, nav, section { display:block; position:relative; padding:0; margin:0; } form, fieldset { border:0; } body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; } legend, caption { display:none; } dl, dd, dt, ul, li, div, span { margin:0; padding:0; list-style:none; } img { border:0; } html, body { display:block; width:100%; height:100%; min-height:100%; font-size:17px; line-height:120%; font-family:'Noto Sans KR', sans-serif; letter-spacing:-1px; background:#fff; } a { color:#000; text-decoration:none; } address { font-style:normal; } /* p { margin-bottom:10px; } */ table, tr, th, td { border-collapse:collapse; border-spacing:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } h2, h3, h4, h5 { font-family: ''; } .hide { display:none !important; } input[type="submit"] { cursor:pointer; font-family:'Noto Sans KR', sans-serif; } input, select { box-sizing:border-box; } /* input { -webkit-appearance:none; border-radius:0; } */ input[type="text"],i nput[type="password"], input[type="submit"], input[type="button"], textarea { -webkit-appearance:none; border-radius:0; font-family:'Noto Sans KR', sans-serif; } select { -webkit-appearance:none; border-radius:0; background:url('../images/common/select_arrow.html') 96% center no-repeat; font-family:'Noto Sans KR', sans-serif; } iframe { width:100% !important; } .input_area { width:100% !important; background:#abc; } /* strong { font-family:'Noto Sans KR', sans-serif; } */ /* ----------------------------------------------------------------------------- */ /* METHOD */ /* ----------------------------------------------------------------------------- */ .last1 { padding-bottom:0 !important; margin-bottom:0 !important; border-bottom:0 !important; } ._en { ime-mode:disabled; } ._kr { ime-mode:active; } .hid { display:block; width:100px; border:1px solid #aaa; z-index:99; margin:0 auto; } .hid2 { display:inline-block; width:20px; border:1px solid #aaa; margin:0 0 0 5px !important; z-index:99; } .hid3 { display:block; width:80%; border:1px solid #aaa; margin:0 auto !important; z-index:99; } .hide { display:none !important; } .bd_r_none { border-right:0 !important; } .bd_l_none { border-left:0 !important; } .tc { text-align:center !important; } .tl { text-align:left !important; margin:0 0 0 3px; } .tr { text-align:right !important; } .clkDisa { pointer-events:none; } .clickDisable { pointer-events : none; } .bold { font-family:'Nanum Gothic B' !important; } .red { color: red !important; } .v_m { top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .clear { display:block; width:100%; clear:both; } .f_13 { font-size:13px !important; } .req_form:after { content: ' *'; color: #F00; } .fr { float:right; } .fl { float:left; } .tb_x { display:block; overflow-x:auto; } /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ----------------------------------------------------------------------------- */ .ex_wrap { display:block; height:100%; min-height:100%; } /* ----------------------------------------------------------------------------- */ /* TOP */ /* ----------------------------------------------------------------------------- */ .mask_wrap { display:none; overflow:hidden; position:fixed; top:-120%; left:0; width:100%; height:120%; background:#216eec; z-index:99999; transition-duration:1s; } .mask_wrap.active { top:0; } .top_wrap { display:block; position:fixed; top:0; left:0; width:100%; z-index:9980; height:90px; border-bottom:1px solid rgba(255,255,255,.2); box-sizing:border-box; transition-duration:.5s; } .top_wrap.active { background:rgba(0,0,0,.5); border-color:rgba(0,0,0,.5) } .top_core { display:block; width:94%; margin:0 auto; height:100%; position:relative; } /* 로고 */ .top_logo_wrap { display:block; overflow:hidden; position:absolute; top:50%; transform:translateY(-50%); left:0; width:162px; } .top_logo_wrap a { display:block; overflow:hidden; width:100%; } .top_logo_wrap a img { display:block; overflow:hidden; width:100%; } /* 상단메뉴 */ .top_gnb_wrap { display:block; height:100%; position:relative; margin:0 200px 0 200px; } .gnb_wrap { display:block; height:100%; width:100%; max-width:1000px; margin:0 auto; } .gnb_wrap .nav_dep1_ul { display:flex; flex-wrap:wrap; height:100%; width:100%; } .gnb_wrap .nav_dep1_ul .nav_dep1_li { display:block; position:relative; width:16.6%; height:100%; text-align:center; } .gnb_wrap .nav_dep1_ul .nav_dep1_li .nav_dep1_a { display:block; overflow:hidden; height:100%; color:#fff; position:relative; transition-duration:.5s; } .gnb_wrap .nav_dep1_ul .nav_dep1_li .nav_dep1_a.nav_dep1_hover { color:#106bfd; } .gnb_wrap .nav_dep1_ul .nav_dep1_li .nav_dep1_a span { display:block; overflow:hidden; position:relative; top:50%; transform:translateY(-50%); font-size:18px; font-weight:600; line-height:110%; } .gnb_wrap .nav_dep2_ul { display:none; overflow:hidden; position:absolute; width:100%; background:rgba(0,0,0,.6); padding:10px 0; } .gnb_wrap .nav_dep2_ul .nav_dep2_li { display:block; overflow:hidden; margin:10px 8px; } .gnb_wrap .nav_dep2_ul .nav_dep2_li a { display:block; overflow:hidden; line-height:120%; color:#fff; word-break:keep-all; font-weight:300; } .gnb_wrap .nav_dep2_ul .nav_dep2_li a:hover { text-decoration:underline; } /* 기타버튼 */ .top_etc_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; position:absolute; top:50%; transform:translateY(-50%); right:0; align-items:center; } .top_consulting_btn { display:block; overflow:hidden; position:relative; border-radius:999px; width:170px; height:46px; background:#fff; transition-duration:.5s; } .t_consulting_inner { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; position:relative; top:50%; transform:translateY(-50%); margin:0 10px; } .t_consulting_txt { display:block; overflow:hidden; font-size:16px; line-height:110%; word-break:keep-all; letter-spacing:-2px; font-weight:500; margin-right:10px; transition-duration:.5s; padding-right:2px; } .t_consulting_icon { display:block; overflow:hidden; width:15px; height:15px; background-position:center center; background-repeat:no-repeat; background-image:url('../images/common/t_consulting_off.png'); transition-duration:.5s; } .top_consulting_btn:hover { background:#216eec; } .top_consulting_btn:hover .t_consulting_txt { color:#fff; } .top_consulting_btn:hover .t_consulting_icon { background-image:url('../images/common/t_consulting_on.png'); } .top_mm_btn { display:none; overflow:hidden; width:25px; margin-left:15px; } .top_mm_btn span { display:block; overflow:hidden; width:100%; height:2px; background:#fff; } .top_mm_btn span:nth-child(2) { margin:5px 0 5px auto; width:calc(100% - 5px); } .top_mm_btn span:nth-child(3) { margin-left:auto; width:calc(100% - 10px); } /* 전체메뉴 */ .total_menu_pop { display:none; overflow:hidden; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9990; } .total_menu_bg { display:block; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9991; background:rgba(0,0,0,.5); } .total_menu_wrap { display:block; overflow-y:auto; position:absolute; top:0; right:-100%; width:100%; max-width:450px; height:100%; z-index:9992; background:#f8f8f8; } .total_menu_core { display:block; margin:30px; } .total_menu_top { display:block; position:relative; } .total_etc_wrap { display:none; overflow:hidden; } .total_etc_btn { display:inline-block; overflow:hidden; vertical-align:middle; font-size:16px; margin:0 20px 0 0; } .total_close_btn { display:block; overflow:hidden; width:30px; height:24px; position:absolute; top:50%; transform:translateY(-50%); right:0; } .total_close { display:block; overflow:hidden; width:1px; height:100%; background:#000; position:absolute; top:0; left:50%; transform:translateX(-50%);} .total_close1 { transform:rotate(45deg); } .total_close2 { transform:rotate(-45deg); } .total_menu_cont { display:block; overflow:hidden; padding-top:0; } .total_menu_cont .nav_dep1_ul { display:block; overflow:hidden; margin-top:15px; } .total_menu_cont .nav_dep1_li { display:block; overflow:hidden; margin-top:15px; } .total_menu_cont .nav_dep1_li.hide { display:block !important; } .total_menu_cont .nav_dep1_li .nav_dep1_a { display:block; overflow:hidden; line-height:120%; font-size:30px; font-weight:600; position:relative; } .total_menu_cont .nav_dep1_li .nav_dep1_a span { display:inline-block; overflow:hidden; position:relative; z-index:1; } .total_menu_cont .nav_dep1_li .nav_dep1_a span::after { display:block; overflow:hidden; position:absolute; bottom:5px; left:0; width:0; height:10px; background:#216eec; content:''; opacity:.2; transition-duration:.5s; } .total_menu_cont .nav_dep1_li .nav_dep1_a:hover span::after { width:100%;} .total_menu_cont .nav_dep1_li .nav_dep1_a.active span::after { width:100%;} .total_menu_cont .nav_dep2_ul { display:block; overflow:hidden; } .total_menu_cont .nav_dep2_ul .nav_dep2_li { display:block; overflow:hidden; vertical-align:middle; letter-spacing:-.5px; padding:0 3px 0 7px; margin:10px 0 0 0; opacity:.7; position:relative; font-weight:400; } .total_menu_cont .nav_dep2_ul .nav_dep2_li::nth-child(1) { margin-top:0; } .total_menu_cont .nav_dep2_ul .nav_dep2_li::before { display:block; overflow:hidden; width:3px; height:3px; background:#333; content:''; position:absolute; top:8px; left:0; } /* 빠른상담신청 팝업 */ .counsel_pop { display:none; overflow:hidden; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9990; } .counsel_bg { display:block; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9991; background:rgba(0,0,0,.9); } .counsel_close_btn { display:block; overflow:hidden; width:30px; height:24px; position:absolute; top:10px; right:10px; z-index:9993; } .counsel_close { display:block; overflow:hidden; width:2px; height:100%; background:#fff; position:absolute; top:0; left:50%; transform:translateX(-50%);} .counsel_close1 { transform:rotate(45deg); } .counsel_close2 { transform:rotate(-45deg); } .counsel_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:94%; max-height:90%; z-index:9992; color:#fff; overflow-y:auto } .counsel_top { display:block; overflow:hidden; width:500px; } .counsel_ttit { display:block; overflow:hidden; font-size:50px; line-height:120%; word-break:keep-all; font-weight:700; letter-spacing:-2px; } .counsel_ttxt { display:block; overflow:hidden; font-size:24px; line-height:140%; word-break:keep-all; font-weight:500; margin:15px auto 30px auto; } .counsel_txt { display:block; overflow:hidden; } .counsel_txt span { display:block; overflow:hidden; font-size:18px; line-height:160%; word-break:keep-all; font-weight:300; opacity:.7; } .counsel_tel_btn { display:inline-block; overflow:hidden; margin-top:50px; color:#106bfd; font-size:50px; line-height:120%; word-break:keep-all; font-family: "Play", sans-serif; font-weight:bold; } .counsel_cont { display:block; overflow:hidden; width:calc(100% - 800px); } .counsel_form_wrap { display:block; overflow:hidden; } .counsel_form_inner { display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:70px; } .counsel_form_inner:nth-child(3) { margin:0; } .counsel_form_item { display:block; overflow:hidden; width:100%; border-bottom:1px solid #888888; box-sizing:border-box; } .counsel_form_item2 { width:calc(50% - 22px); } .counsel_form_tit { display:block; overflow:hidden; margin:0 20px 20px 20px; font-size:18px; line-height:130%; } .counsel_form_write { display:block; overflow:hidden; margin:0 20px 25px 20px; } .counsel_form_inner:nth-child(3) .counsel_form_write { margin-bottom:0; } .counsel_form_txt { width:100%; background:none; font-size:18px; color:#fff; } .counsel_form_txt::placeholder { color:#fff; } textarea.counsel_form_txt { resize:none; height:90px; overflow-y:auto; line-height:150%; } .counsel_chk_wrap { display:flex; flex-wrap:wrap; } .counsel_form_chk { display:flex; flex-wrap:wrap; align-items:center; margin:0 60px 0 0; } .counsel_form_chk:last-child { margin:0; } .counsel_form_chk input { display:block; overflow:hidden; width:16px; height:16px; } .counsel_form_chk label { display:block; overflow:hidden; margin-left:10px; line-height:130%; color:#fff; } .counsel_priv_wrap { display:flex; flex-wrap:wrap; justify-content:end; margin:20px 0 35px 0; } .counsel_priv_chk { display:flex; flex-wrap:wrap; align-items:center; } .counsel_priv_chk input { display:block; overflow:hidden; width:16px; height:16px; } .counsel_priv_chk label { display:block; overflow:hidden; margin-left:10px; line-height:130%; color:#fff; } .counsel_priv_btn { display:block; overflow:hidden; color:#919090; font-size:14px; line-height:130%; text-decoration:underline; margin-left:15px; } .counsel_btn { display:block; overflow:hidden; width:100%; text-align:center; height:80px; line-height:80px; background:#0d6ffc; font-size:18px; color:#fff; border:0; border-radius:5px; transition-duration:.5s; cursor:pointer; } .counsel_btn:hover { background:#fff; color:#0d6ffc; } /* ----------------------------------------------------------------------------- */ /* FOOTER */ /* ----------------------------------------------------------------------------- */ .footer_wrap { display:block; overflow:hidden; background:#222; color:#fff; font-size:16px; } .footer_wrap a { color:#fff; } .footer_core { display:block; overflow:hidden; width:94%; max-width:1400px; margin:60px auto; } /* 로고 / 버튼 */ .footer_top_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; margin-bottom:35px; padding-bottom:35px; border-bottom:1px solid #656565; box-sizing:border-box; } .f_logo_wrap { display:block; overflow:hidden; width:162px; } .f_logo_wrap img { display:block; overflow:hidden; width:100%; } .f_etc_wrap { display:flex; flex-wrap:wrap; } .f_etc_btn { display:block; overflow:hidden; line-height:140%; word-break:keep-all; margin-right:30px; } .f_etc_btn:last-child { margin:0; } .f_etc_btn:hover { text-decoration:underline; } /* 정보 및 버튼 */ .footer_cont_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } .f_link_wrap { display:block; overflow:hidden; width:200px; order:2; margin-left:auto; } .f_link_btn { display:block; overflow:hidden; height:50px; background:#333; border:1px solid #333; box-sizing:border-box; transition-duration:.5s; } .f_link_btn:hover { border-color:#444; background:#444;} .f_link_inner { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; position:relative; top:50%; transform:translateY(-50%); margin:0 25px; } .f_link_inner span { display:block; overflow:hidden; line-height:130%; } .f_link_inner img { display:block; overflow:hidden; } .f_info_wrap { display:block; overflow:hidden; width:calc(100% - 250px); } .f_company_wrap { display:block; overflow:hidden; } .f_company_inner { display:flex; flex-wrap:wrap; } .f_company_item { display:flex; flex-wrap:wrap; margin:0 25px 7px 0; } .f_company_item span { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-weight:400; color:#6a6a6a; margin-right:10px; } .f_company_item b { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-weight:400; } .f_copy_wrap { display:block; overflow:hidden; margin-top:45px; line-height:140%; word-break:keep-all; color:#b3b3b3; font-family: "Nanum Myeongjo", serif; font-size:13px; letter-spacing:0; } /* ----------------------------------------------------------------------------- */ /* QUICK */ /* ----------------------------------------------------------------------------- */ .quick_wrap { display:block; position:fixed; z-index:9980; top:50%; transform:translateY(-50%); right:10px; width:70px; text-align:center; } .quick_f1_wrap { display:block; overflow:hidden; } .quick_name_wrap { display:block; overflow:hidden; background:#333; color:#fff; height:75px; } .quick_name_core { display:block; overflow:hidden; position:relative; top:50%; transform:translateY(-50%); margin:0 10px; } .quick_name_core img { display:block; overflow:hidden; margin:0 auto; } .quick_name_core span { display:block; overflow:hidden; font-family: "Barlow Semi Condensed", sans-serif; font-size:16px; line-height:130%; letter-spacing:0; margin-top:7px; font-weight:500; } .quick_content_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; background:#f3f3f3; } .quick_btn { display:block; overflow:hidden; width:100%; border-bottom:1px solid #e1e1e1; box-sizing:border-box; height:70px; } .quick_btn:last-child { border:0; } .quick1 { height:auto; } .quick_inner { display:block; overflow:hidden; position:relative; top:50%; transform:translateY(-50%); margin:0 5px; } .quick1 .quick_inner { top:0; transform:translateY(0); margin:10px 5px; } .quick_inner img { display:block; overflow:hidden; margin:0 auto; } .quick1 .quick_inner img { display:none; } .quick_txt { display:block; overflow:hidden; font-size:12px; font-weight:500; color:#a0a0a0; line-height:130%; margin-top:3px; } .quick_tel_num { display:block; overflow:hidden; } .quick_tel_num span { display:block; overflow:hidden; line-height:100%; word-break:keep-all; font-family: "Barlow Semi Condensed", sans-serif; font-size:18px; font-weight:bold; letter-spacing:0; } .quick1 .quick_tel_tit { font-weight:bold; font-size:13px; color:#333; margin-top:5px; } .quick_f2_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .quick_top_btn { display:block; overflow:hidden; margin:12px auto; width:46px; height:46px; border-radius:999px; background:#fff; } .quick_top_inner { display:block; overflow:hidden; position:relative; text-align:center; top:50%; transform:translateY(-50%); margin:0 5px; } .quick_top_inner img { display:block; overflow:hidden; margin:2px auto 0 auto; } .quick_top_inner span { display:block; overflow:hidden; font-family: "Barlow Semi Condensed", sans-serif; color:#838282; font-size:14px; letter-spacing:0; line-height:100%; margin-top:5px; } .quick_kakako_btn { display:block; overflow:hidden; background:#f9e000; width:100%; } .quick_kakako_inner { display:block; overflow:hidden; text-align:center; margin:20px 5px 0 5px; } .q_kakao_icon { display:none; overflow:hidden; margin:0 auto; } .quick_kakako_cont { display:block; overflow:hidden; } .quick_kakako_tit { display:block; overflow:hidden; } .quick_kakako_tit span { display:block; overflow:hidden; line-height:130%; word-break:keep-all; font-size:13px; color:#3f1a22; font-weight:600; } .quick_kakako_more { display:block; overflow:hidden; margin:8px auto; width:100%; max-width:56px; height:20px; line-height:20px; background:#b4a200; border-radius:999px; color:#fff; font-size:10px; font-weight:500; letter-spacing:0; } .q_kakao_img { display:block; overflow:hidden; margin:0 auto; max-width:100%; } .quick_naver_btn { display:block; overflow:hidden; width:100%; background:#03cf5d; } .quick_naver_inner { display:block; overflow:hidden; margin:15px 0; text-align:center; } .q_naver_icon { display:block; overflow:hidden; width:auto; max-width:100%; margin:0 auto; } .q_naver_txt { display:block; overflow:hidden; color:#fff; margin-top:8px; } .q_naver_txt span { display:block; overflow:hidden; line-height:130%; word-break:keep-all; font-size:13px; font-weight:600; } /* ----------------------------------------------------------------------------- */ /* 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) { /* 모바일(갤럭시노트급 대상) */ /* ----------------------------------------------------------------------------- */ /* RESET */ /* ----------------------------------------------------------------------------- */ html, body { font-size:16px; } .aos-animate { transition-delay: .1s !important; } /* ----------------------------------------------------------------------------- */ /* TOP */ /* ----------------------------------------------------------------------------- */ .top_wrap { height:70px; } /* 로고 */ .top_logo_wrap { width:140px; } /* 상단메뉴 */ .top_gnb_wrap { display:none; } /* 기타버튼 */ .top_consulting_btn { width:130px; height:36px; } .t_consulting_inner { margin:0 5px; } .t_consulting_txt { font-size:15px; margin-right:5px; } .top_consulting_btn:hover { background:#fff; } .top_consulting_btn:hover .t_consulting_txt { color:#000; } .top_consulting_btn:hover .t_consulting_icon { background-image:url('../images/common/t_consulting_off.png'); } .top_mm_btn { display:block; } /* 전체메뉴 */ .total_menu_cont .nav_dep1_li .nav_dep1_a { font-size:24px; } /* 빠른상담신청 팝업 */ .counsel_top { width:100%; } .counsel_ttit { font-size:30px; } .counsel_ttxt { font-size:20px; margin:15px auto 20px auto; } .counsel_txt span { font-size:15px; } .counsel_tel_btn { margin:20px 0 30px 0; font-size:30px; } .counsel_cont { width:100%; } .counsel_form_inner { margin-bottom:30px; } .counsel_form_inner:nth-child(3) { margin:0; } .counsel_form_item2 { width:100%; } .counsel_form_item2:nth-child(2) { margin-top:30px; } .counsel_form_tit { margin:0 0 10px 0; font-size:16px; } .counsel_form_write { margin:0 0 15px 0; } .counsel_form_txt { font-size:16px; } .counsel_form_chk { margin:0 20px 0 0; } .counsel_form_chk input { width:15px; height:15px; margin-top:2px; } .counsel_form_chk label { margin-left:5px; } .counsel_priv_chk input { width:15px; height:15px; margin-top:2px; } .counsel_priv_chk label { margin-left:5px; } .counsel_btn { height:60px; line-height:60px; font-size:17px; } /* ----------------------------------------------------------------------------- */ /* FOOTER */ /* ----------------------------------------------------------------------------- */ .footer_wrap { font-size:14px; padding-bottom:70px; } .footer_core { margin:30px auto; position:relative; } /* 로고 / 버튼 */ .footer_top_wrap { display:block; margin-bottom:0; padding-bottom:0; border-bottom:0; margin-top:10px; } .f_logo_wrap { width:120px; } .f_etc_wrap { margin:30px 0 20px 0; } .f_etc_btn { margin-right:20px; } /* 정보 및 버튼 */ .footer_cont_wrap { display:block; } .f_link_wrap { margin-left:0; width:180px; position:absolute; top:0; right:0; } .f_link_btn { height:45px; } .f_link_inner { margin:0 15px; } .f_info_wrap { width:100%; margin-top:30px; } .f_company_item { margin:0 15px 7px 0; } .f_copy_wrap { margin-top:25px; font-size:12px; } /* ----------------------------------------------------------------------------- */ /* QUICK */ /* ----------------------------------------------------------------------------- */ .quick_wrap { top:auto; bottom:0; transform:translateY(0); right:0; width:100%; } .quick_name_wrap { display:none; } .quick_btn { width:33.3%; height:70px !important; border-bottom:0; border-right:1px solid #e1e1e1; } .quick_inner { top:50% !important; transform:translateY(-50%) !important; margin:0 5px !important; } .quick1 .quick_inner img { margin:0 auto; display:block; } .quick_tel_num { display:none; } .quick1 .quick_tel_tit { font-size:12px; margin-top:3px; } .quick_f2_wrap { position:absolute; bottom:80px; right:10px; width:45px; } .quick_top_btn { margin:0; width:48px; height:48px; order:2; border-radius:15px; } .quick_kakako_btn { width:48px; height:48px; order:1; border-radius:15px; margin-bottom:10px; } .quick_kakako_inner { position:relative; top:50%; transform:translateY(-50%); margin:0 5px; } .q_kakao_icon { display:block; width:20px;} .quick_kakako_cont { display:none; } .quick_naver_btn { width:48px; height:48px; border-radius:15px; margin-bottom:10px; } .quick_naver_inner { position:relative; margin:0; top:50%; transform:translateY(-50%); } .q_naver_icon { width:20px; } .q_naver_txt { display:; margin-top:3px; } .q_naver_txt span { font-size:10px; font-weight:400; } } @media only screen and (min-width:768px) and (max-width:1023px) { /* 테블릿() iPad Portrait */ /* ----------------------------------------------------------------------------- */ /* TOP */ /* ----------------------------------------------------------------------------- */ .top_wrap { height:80px; } /* 로고 */ .top_logo_wrap { width:150px; } /* 상단메뉴 */ .top_gnb_wrap { display:none; } /* 기타버튼 */ .top_consulting_btn { width:150px; height:40px; } .top_mm_btn { display:block; } /* 빠른상담신청 팝업 */ .counsel_top { width:100%; } .counsel_ttit { font-size:36px; } .counsel_ttxt { font-size:22px; margin:15px auto 20px auto; } .counsel_txt span { font-size:17px; } .counsel_tel_btn { margin:20px 0 30px 0; font-size:36px; } .counsel_cont { width:100%; } .counsel_form_inner { margin-bottom:30px; } .counsel_form_inner:nth-child(3) { margin:0; } .counsel_form_item2 { width:100%; } .counsel_form_item2:nth-child(2) { margin-top:30px; } .counsel_form_tit { margin:0 0 10px 0; font-size:16px; } .counsel_form_write { margin:0 0 15px 0; } .counsel_form_txt { font-size:16px; } .counsel_form_chk { margin:0 20px 0 0; } .counsel_form_chk input { width:15px; height:15px; margin-top:2px; } .counsel_form_chk label { margin-left:5px; } .counsel_priv_chk input { width:15px; height:15px; margin-top:2px; } .counsel_priv_chk label { margin-left:5px; } .counsel_btn { height:60px; line-height:60px; font-size:17px; } /* ----------------------------------------------------------------------------- */ /* FOOTER */ /* ----------------------------------------------------------------------------- */ .footer_wrap { font-size:15px; padding-bottom:60px; } .footer_core { margin:40px auto; position:relative; } /* 로고 / 버튼 */ .footer_top_wrap { display:block; margin-bottom:0; padding-bottom:0; border-bottom:0; margin-top:10px; } .f_logo_wrap { width:120px; } .f_etc_wrap { margin:30px 0 20px 0; } .f_etc_btn { margin-right:20px; } /* 정보 및 버튼 */ .footer_cont_wrap { display:block; } .f_link_wrap { margin-left:0; width:180px; position:absolute; top:0; right:0; } .f_link_btn { height:45px; } .f_link_inner { margin:0 15px; } .f_info_wrap { width:100%; margin-top:30px; } .f_company_item { margin:0 15px 7px 0; } .f_copy_wrap { margin-top:25px; font-size:13px; } /* ----------------------------------------------------------------------------- */ /* QUICK */ /* ----------------------------------------------------------------------------- */ .quick_wrap { top:auto; bottom:0; transform:translateY(0); right:0; width:100%; } .quick_name_wrap { display:none; } .quick_btn { width:33.3%; height:60px !important; border-bottom:0; border-right:1px solid #e1e1e1; } .quick_inner { top:50% !important; transform:translateY(-50%) !important; margin:0 5px !important; } .quick1 .quick_inner img { margin:0 auto; display:block; } .quick_tel_num { display:none; } .quick1 .quick_tel_tit { font-size:12px; margin-top:3px; } .quick_txt br { display:none; } .quick_f2_wrap { position:absolute; bottom:80px; right:10px; width:45px; } .quick_top_btn { margin:0; width:50px; height:50px; order:2; border-radius:15px; } .quick_kakako_btn { width:45px; height:45px; order:1; border-radius:999px; margin-bottom:10px; } .quick_kakako_inner { position:relative; top:50%; transform:translateY(-50%); margin:0 5px; } .q_kakao_icon { display:block; width:20px;} .quick_kakako_cont { display:none; } .quick_naver_btn { width:50px; height:50px; border-radius:15px; margin-bottom:10px; } .quick_naver_inner { position:relative; margin:0; top:50%; transform:translateY(-50%); } .q_naver_icon { width:20px; } .q_naver_txt { margin-top:3px; } .q_naver_txt span { font-size:10px; } } @media only screen and (min-width:1024px) and (max-width:1139px) { /* 테블릿() iPad LandSpace */ /* ----------------------------------------------------------------------------- */ /* TOP */ /* ----------------------------------------------------------------------------- */ .top_wrap { height:80px; } /* 로고 */ .top_logo_wrap { width:150px; } /* 상단메뉴 */ .top_gnb_wrap { margin:0 160px; } .gnb_wrap .nav_dep1_ul .nav_dep1_li { width:auto; flex-grow:1; } .gnb_wrap .nav_dep1_ul .nav_dep1_li .nav_dep1_a span { font-size:17px; } .gnb_wrap .nav_dep2_ul { padding:5px 0; } .gnb_wrap .nav_dep2_ul .nav_dep2_li { margin:8px 5px; } .gnb_wrap .nav_dep2_ul .nav_dep2_li a { font-size:16px; } /* 기타버튼 */ .top_consulting_btn { width:150px; height:40px; } /* 빠른상담신청 팝업 */ .counsel_ttit { font-size:36px; } .counsel_ttxt { font-size:22px; margin:15px auto 20px auto; } .counsel_txt span { font-size:17px; } .counsel_tel_btn { margin:20px 0 30px 0; font-size:36px; } .counsel_cont { width:calc(100% - 550px); } .counsel_form_inner { margin-bottom:50px; } .counsel_form_item2 { width:calc(50% - 10px); } .counsel_form_tit { margin:0 0 10px 0; font-size:17px; } .counsel_form_write { margin:0 0 15px 0; } .counsel_form_txt { font-size:17px; } .counsel_form_chk { margin:0 20px 0 0; } .counsel_form_chk input { width:15px; height:15px; margin-top:2px; } .counsel_form_chk label { margin-left:5px; font-size:17px; } .counsel_priv_chk input { width:15px; height:15px; margin-top:2px; } .counsel_priv_chk label { margin-left:5px; font-size:17px; } /* ----------------------------------------------------------------------------- */ /* FOOTER */ /* ----------------------------------------------------------------------------- */ .footer_wrap { font-size:15px; padding-bottom:60px; } .footer_core { margin:50px auto; position:relative; } /* 로고 / 버튼 */ .footer_top_wrap { margin-bottom:20px; padding-bottom:25px; } .f_etc_btn { margin-right:20px; } /* 정보 및 버튼 */ .f_link_wrap { width:180px; } .f_info_wrap { width:calc(100% - 250px); } .f_company_item { margin:0 15px 7px 0; } /* ----------------------------------------------------------------------------- */ /* QUICK */ /* ----------------------------------------------------------------------------- */ .quick_wrap { top:auto; bottom:0; transform:translateY(0); right:0; width:100%; } .quick_f1_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .quick_name_wrap { width:25%; height:60px; } .quick_name_core span { margin-top:3px; font-size:14px; } .quick_content_wrap { width:75%; } .quick_btn { width:33.3%; height:60px !important; border-bottom:0; border-right:1px solid #e1e1e1; } .quick_inner { top:50% !important; transform:translateY(-50%) !important; margin:0 5px !important; } .quick1 .quick_inner img { margin:0 auto; display:block; } .quick_tel_num { display:none; } .quick1 .quick_tel_tit { font-size:12px; margin-top:3px; } .quick_txt br { display:none; } .quick_f2_wrap { position:absolute; bottom:80px; right:10px; width:45px; } .quick_top_btn { margin:0; width:55px; height:55px; order:2; border-radius:15px; } .quick_kakako_btn { width:50px; height:50px; order:1; border-radius:999px; margin-bottom:10px; } .quick_kakako_inner { position:relative; top:50%; transform:translateY(-50%); margin:0 5px; } .q_kakao_icon { display:block; width:20px;} .quick_kakako_cont { display:none; } .quick_naver_btn { width:55px; height:55px; border-radius:15px; margin-bottom:10px; } .quick_naver_inner { position:relative; margin:0; top:50%; transform:translateY(-50%); } .q_naver_icon { width:20px; } .q_naver_txt { margin-top:3px; } } @media only screen and (min-width:1140px) and (max-width:1400px) { /* 작은 PC */ /* ----------------------------------------------------------------------------- */ /* TOP */ /* ----------------------------------------------------------------------------- */ /* 상단메뉴 */ .gnb_wrap .nav_dep1_ul .nav_dep1_li .nav_dep1_a span { font-size:17px; } .gnb_wrap .nav_dep2_ul { padding:5px 0; } .gnb_wrap .nav_dep2_ul .nav_dep2_li { margin:8px 5px; } .gnb_wrap .nav_dep2_ul .nav_dep2_li a { font-size:16px; } /* 빠른상담신청 팝업 */ .counsel_cont { width:calc(100% - 550px); } /* ----------------------------------------------------------------------------- */ /* QUICK */ /* ----------------------------------------------------------------------------- */ .quick_wrap { width:60px; } .quick_txt { font-size:10px; } .q_naver_txt { margin-top:5px; } .q_naver_txt span { font-size:11px; } } @media only screen and (min-width:1401px) and (max-width:1600px) { /* 작은 PC */ /* ----------------------------------------------------------------------------- */ /* TOP */ /* ----------------------------------------------------------------------------- */ /* 빠른상담신청 팝업 */ .counsel_cont { width:calc(100% - 650px); } } @media only screen and (min-width:1024px) { /* PC */ /* ----------------------------------------------------------------------------- */ /* TOP */ /* ----------------------------------------------------------------------------- */ /* 전체메뉴 */ .total_menu_pop { display:none !important; } } @media only screen and (min-width:1140px) { /* PC */ } @media only screen and (min-height:0px) and (max-height:600px) { /* 세로 */ }