/* INDEX------------------------------------------------------------------------ */ /* MEDIA QUERY */ /* ----------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ----------------------------------------------------------------------------- */ .m_tit_wrap { display:block; overflow:hidden; margin-bottom:80px; } .m_ttit { display:block; overflow:hidden; font-size:65px; line-height:130%; word-break:keep-all; font-family: "Libre Franklin", serif; font-weight:600; } .m_ttxt { display:block; overflow:hidden; line-height:140%; word-break:keep-all; color:#323232; font-size:16px; font-weight:500; margin-top:15px; } /* ----------------------------------------------------------------------------- */ /* 메인 비주얼 */ /* ----------------------------------------------------------------------------- */ .m_visual_wrap { display:block; overflow:hidden; height:100%; min-height:800px; position:relative; /* background:url('../images/main/mv_bg1.jpg') center center no-repeat; background-size:cover; */} .m_visual_slide { display:block; overflow:hidden; height:100%; position:relative; } .m_visual_item { display:block; overflow:hidden; width:100%; height:100%; position:relative; } .m_visual_text { display:block; overflow:hidden; position:relative; top:50%; left:50%; transform:translate(-50%, -50%); width:94%; max-width:1400px; z-index:2; } .mv_txt { display:block; overflow:hidden; font-family: "Roboto", serif; color:#fff; } .mv_txt1 { line-height:130%; word-break:keep-all; letter-spacing:1px; font-weight:400; font-size:15px; opacity:0; transition-duration:1s; position:relative; left:-50px; } .mv_txt2 { margin-top:30px; opacity:0; transition-duration:1s; position:relative; left:-50px; transition-delay: 1s; } .mv_txt2 span { display:block; overflow:hidden; font-family: "Archivo Narrow", serif; font-size:80px; line-height:110%; word-break:keep-all; letter-spacing:0; font-weight:500; } .m_visual_bg { display:block; overflow:hidden; position:absolute; top:0; right:-100px; width:calc(100% + 100px); height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition-duration:5s; } .m_visual1 .m_visual_bg { background-image:url('../images/main/mv_bg1.jpg'); } .m_visual2 .m_visual_bg { background-image:url('../images/main/mv_bg2.jpg'); } .m_visual_item.swiper-slide-active .m_visual_bg { right:0; } .m_visual_item.swiper-slide-active .mv_txt1 { opacity:1; left:0; } .m_visual_item.swiper-slide-active .mv_txt2 { opacity:1; left:0; } .mv_page_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; background:#05151b; width:calc(50% + 80px); position:absolute; bottom:0; left:0; z-index:990; height:160px; } .mv_page_core { display:block; overflow:hidden; width:calc(100% - 80px); height:100%; } .mv_page_slide { display:block; overflow:hidden; margin-left:100px; color:#fff; position:relative; top:50%; transform:translateY(-50%); margin-right:20px; } .mv_page_item { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } .mv_page_num { display:block; overflow:hidden; color:#1095d3; font-family: "Roboto", serif; font-weight:600; font-size:70px; letter-spacing:0; line-height:100%; } .mv_page_txt { display:block; overflow:hidden; width:calc(100% - 100px); font-size:16px; line-height:160%; word-break:keep-all; opacity:.5; font-weight:300; } .mv_page_etc { display:block; overflow:hidden; width:80px; height:100%; } .mv_page_move { display:block; overflow:hidden; width:100%; height:50%; background-position:center center; background-repeat:no-repeat; background-size:cover; } .mv_page_next { background-color:#374449; background-image:url('../images/main/mv_next_icon.png'); } .mv_page_prev { background-color:#1e2d32; background-image:url('../images/main/mv_prev_icon.png'); } /* ----------------------------------------------------------------------------- */ /* 회사소개 */ /* ----------------------------------------------------------------------------- */ .m_f1_wrap { display:block; overflow:hidden; background:#fff; } .m_info_wrap { display:block; overflow:hidden; } .m_info_core { display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; width:94%; max-width:1400px; margin:130px auto; } .m_info_top { display:block; width:50%; } .m_info_title { display:block; overflow:hidden; margin-right:70px; } .m_info_ttit { display:block; overflow:hidden; font-size:36px; line-height:130%; word-break:keep-all; font-weight:600; } .m_info_ttct { display:block; overflow:hidden; margin:15px 0 20px 0; } .m_info_ttct span { display:block; overflow:hidden; font-size:22px; line-height:140%; word-break:keep-all; font-weight:500; } .m_info_ttxt { display:block; overflow:hidden; line-height:170%; word-break:keep-all; font-size:16px; color:#323232; } .m_info_etc { display:block; overflow:hidden; font-family: "Archivo Narrow", serif; letter-spacing:0; font-size:16px; line-height:130%; word-break:keep-all; color:#05151b; font-weight:500; } .m_info_more { display:block; overflow:hidden; position:absolute; bottom:0; left:0; width:100px; height:100px; border-radius:9999px; border:1px solid #93b4d7; transition-duration:.5s; } .m_info_more:hover { background:#f1f8ff; } .m_info_icon { display:block; overflow:hidden; position:absolute; top:10px; left:50%; transform:translateX(-50%); animation:updown 4s infinite; } @keyframes updown { 0 { top:0; } 100% { top:60px; } } .m_info_cont { display:block; overflow:hidden; width:50%; } .m_info_list { display:block; overflow:hidden; border-top:1px solid #ccc; box-sizing:border-box; counter-reset: section; } .m_info_list li { display:block; overflow:hidden; border-bottom:1px solid #ccc; box-sizing:border-box; font-weight:500; } .m_info_item { display:block; overflow:hidden; margin:45px 10px 45px 45px; position:relative; } .m_info_item::before { display:block; overflow:hidden; position:absolute; top:0; left:0; counter-increment:section; content: "" counter(section) ""; font-size:60px; font-weight:300; line-height:100%; } .m_info_inner { display:block; overflow:hidden; margin-left:80px; } .m_info_text { display:block; overflow:hidden; } .m_info_tit { display:block; overflow:hidden; font-size:30px; line-height:130%; word-break:keep-all; margin-bottom:15px; } .m_info_list li:nth-child(1) .m_info_tit { color:#0d5fb3; } .m_info_list li:nth-child(2) .m_info_tit { color:#1095d3; } .m_info_list li:nth-child(3) .m_info_tit { color:#646593; } .m_info_txt { display:block; overflow:hidden; font-size:16px; line-height:160%; word-break:keep-all; color:#323232; } /* ----------------------------------------------------------------------------- */ /* 제품 */ /* ----------------------------------------------------------------------------- */ .m_f2_wrap { display:block; overflow:hidden; height:100%; min-height:800px; position:relative; /* background:#f5f5f5; */ } .m_product_wrap { display:block; overflow:hidden; position:relative; height:100%; } .m_product_top_wrap { display:block; overflow:hidden; width:50%; top:150px; left:50%; position:absolute; z-index:990; } .m_product_top_core { display:block; overflow:hidden; width:100%; max-width:700px; } .m_product_title { display:block; overflow:hidden; margin-left:80px; } .m_product_etit { display:block; overflow:hidden; position:relative; font-size:20px; letter-spacing:7px; line-height:120%; word-break:keep-all; font-family: "Archivo Narrow", serif; font-weight:500; padding-left:40px; padding-top:2px; } .m_product_etit::before { display:block; overflow:hidden; position:absolute; top:0; left:4px; width:12px; height:30px; background:#1095d3; content:''; transform:skew(-20deg); } .m_product_ttit { display:block; overflow:hidden; margin-top:40px; } .m_product_ttit span { display:block; overflow:hidden; font-size:45px; font-weight:300; line-height:130%; word-break:keep-all; } .m_product_ttit span b { font-weight:300; color:#1095d3; } .m_product_cont_wrap { display:block; overflow:hidden; height:100%; position:relative; } .m_product_slide { display:block; overflow:hidden; height:100%; } .m_product_item { display:flex; flex-wrap:wrap; justify-content:space-between; height:100%; background:#f5f5f5; } .m_product_img { display:block; overflow:hidden; width:50%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:0; transition-duration:1s; position:relative; left:-50px; } .m_product1 .m_product_img { background-image:url('../images/main/m_product_bg1.jpg'); } .m_product2 .m_product_img { background-image:url('../images/main/m_product_bg2.jpg'); } .m_product3 .m_product_img { background-image:url('../images/main/m_product_bg3.jpg'); } .m_product4 .m_product_img { background-image:url('../images/main/m_product_bg4.jpg'); } .m_product_text { display:block; overflow:hidden; width:50%; height:100%; background:#f5f5f5 url('../images/main/mp_slide_bg.jpg') bottom right no-repeat; background-size:cover; position:relative; opacity:0; transition-duration:1s; position:relative; right:-50px; } .m_product_inner { display:block; overflow:hidden; width:100%; max-width:700px; position:absolute; top:400px; left:0; } .m_product_view { display:block; overflow:hidden; margin-left:80px; } .m_product_tit { display:block; overflow:hidden; font-size:48px; line-height:130%; word-break:keep-all; font-weight:600; } .m_product_info { display:block; overflow:hidden; margin-top:30px; } .m_product_info ul { display:flex; flex-wrap:wrap; justify-content:space-between; } .m_product_info ul li { display:block; overflow:hidden; flex:1; text-align:center; margin-right:1px; } .m_product_btn { display:block; overflow:hidden; height:70px; color:#a7a7a7; border:1px solid #d9d9d9; box-sizing:border-box; transition-duration:.5s; } .m_product_btn:hover { border-color:#333; background:#333; color:#fff; } .m_product_txt { display:block; overflow:hidden; position:relative; top:50%; transform:translateY(-50%); margin:0 5px; line-height:120%; font-weight:22px; word-break:keep-all; } .m_product_count_wrap { display:block; overflow:hidden; position:absolute; bottom:150px; right:0; width:50%; z-index:990; } .m_product_count_core { display:block; overflow:hidden; margin-left:80px; } .m_product_count { display:block; overflow:hidden; font-family: "Roboto", serif; opacity:.2; } .m_product_count span { line-height:140%; } .m_product_count span::before { content:'0'; } .m_product_count span.swiper-pagination-current { font-size:60px; font-weight:700; } .m_product_count span.swiper-pagination-total { font-size:25px; font-weight:300; } .m_product_item.swiper-slide-active .m_product_img { opacity:1; left:0; } .m_product_item.swiper-slide-active .m_product_text { opacity:1; right:0; } /* ----------------------------------------------------------------------------- */ /* 최근게시물 */ /* ----------------------------------------------------------------------------- */ .m_f3_wrap { display:block; overflow:hidden; background:#fff; } .m_notice_wrap { display:block; overflow:hidden; } .m_notice_core { display:block; overflow:hidden; width:94%; max-width:1400px; margin:130px auto; } .m_notice_top { display:block; overflow:hidden; } .m_notice_cont { display:flex; flex-wrap:wrap; justify-content:space-between; } .m_notice_slide { display:block; overflow:hidden; width:calc(100% - 100px); order:2; } .m_notice_btn { display:block; overflow:hidden; } .m_notice_inner { display:block; overflow:hidden; } .m_notice_subj { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:25px; line-height:130%; font-weight:500; transition-duration:.5s; } .m_notice_txt { display:block; overflow:hidden; margin-top:30px; word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:68px; line-height:150%; font-size:16px; opacity:.5; transition-duration:.5s; } .m_notice_btn:hover .m_notice_subj { color:#002d74; font-weight:600px; } .m_notice_btn:hover .m_notice_txt { opacity:.7; } .mn_util_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; width:40px; order:1; } .mn_move_btn { display:block; overflow:hidden; width:100%; height:calc(50% - 1px); background-color:#dadada; background-position:center center; background-repeat:no-repeat; border-radius:5px; transition-duration:.5s; } .mn_move_btn:hover { background-color:#002d74; } .mn_prev_btn { background-image:url('../images/main/mn_prev_icon.png'); margin-bottom:2px; } .mn_next_btn { background-image:url('../images/main/mn_next_icon.png'); } /* ----------------------------------------------------------------------------- */ /* 고객사 */ /* ----------------------------------------------------------------------------- */ .m_f4_wrap { display:block; overflow:hidden; background:#fff; } .m_major_wrap { display:block; overflow:hidden; } .m_major_core { display:block; overflow:hidden; width:94%; max-width:1400px; margin:0 auto 130px auto; } .m_major_top { display:block; overflow:hidden; } .m_major_cont { display:block; overflow:hidden; position:relative; } .m_major_slide { display:block; overflow:hidden; width:calc(100% - 85px); margin:0 auto; } .m_major_btn { display:block; overflow:hidden; } .m_major_inner { display:block; overflow:hidden; } .m_major_inner img { display:block; overflow:hidden; width:auto; max-width:100%; margin:5px auto; transition-duration:.5s; } .m_major_btn:hover .m_major_inner img { transform:scale(1.1); } .mm_util_wrap { } .mm_move_btn { display:block; overflow:hidden; width:40px; height:100%; border:1px solid #b7b7b7; box-sizing:border-box; border-radius:5px; position:absolute; top:0; background-position:center center; background-repeat:no-repeat; transition-duration:.5s; } .mm_prev_btn { left:0; background-image:url('../images/main/mm_prev_icon.png'); } .mm_next_btn { right:0; background-image:url('../images/main/mm_next_icon.png'); } .mm_move_btn:hover { border-color:#002d74; background-color:#002d74; } .mm_prev_btn:hover { background-image:url('../images/main/mn_prev_icon.png'); } .mm_next_btn:hover { background-image:url('../images/main/mn_next_icon.png'); } /* ----------------------------------------------------------------------------- */ /* 배너 */ /* ----------------------------------------------------------------------------- */ .m_f5_wrap { display:block; overflow:hidden; } .m_banner_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .m_banner_btn { display:block; overflow:hidden; flex:1; position:relative; background-color:#000; } .m_banner_bg { display:block; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transition-duration:.5s; } .m_banner1 .m_banner_bg { background-image:url('../images/main/m_banner_bg1.jpg'); } .m_banner2 .m_banner_bg { background-image:url('../images/main/m_banner_bg2.jpg'); } .m_banner3 .m_banner_bg { background-image:url('../images/main/m_banner_bg3.jpg'); } .m_banner_inner { display:block; overflow:hidden; margin:95px 10px; position:relative; z-index:2; } .m_banner_text { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; color:#fff; } .m_banner_txt { display:block; overflow:hidden; font-size:27px; line-height:130%; word-break:keep-all; font-weight:600; font-family: "Roboto", serif; letter-spacing:-.5px; } .m_banner_icon { display:block; overflow:hidden; width:27px; border-radius:999px; border:1px solid #fff; box-sizing:border-box; border-radius:9999px; margin-left:15px; transition-duration:.5s; } .m_banner_icon img { display:block; overflow:hidden; width:100%; } .m_banner_btn:hover .m_banner_bg { opacity:.5; transform:scale(1.05); } .m_banner_btn:hover .m_banner_icon { margin-left:25px; } /* ----------------------------------------------------------------------------- */ /* 메뉴 */ /* ----------------------------------------------------------------------------- */ .m_f6_wrap { display:block; overflow:hidden; } .m_gnb_wrap { display:block; overflow:hidden; } .m_gnb_core { display:block; overflow:hidden; width:94%; max-width:1400px; margin:70px auto 130px auto; } .m_gnb_core .nav_dep1_ul { display:flex; flex-wrap:wrap; justify-content:space-between; } .m_gnb_core .nav_dep1_li { display:block; flex-grow:1;; } .m_gnb_core .nav_dep1_li .nav_dep1_a { display:block; overflow:hidden; } .m_gnb_core .nav_dep1_li .nav_dep1_a .nav_k { display:none; } .m_gnb_core .nav_dep1_li .nav_dep1_a .nav_e { display:block; overflow:hidden; font-size:22px; line-height:120%; font-weight:500; font-family: "Roboto", serif; letter-spacing:0;} .m_gnb_core .nav_dep2_ul { display:block; overflow:hidden; margin-top:30px; } .m_gnb_core .nav_dep2_ul.hide { display:block !important; } .m_gnb_core .nav_dep2_ul .nav_dep2_li { display:block; overflow:hidden; margin-bottom:10px; } .m_gnb_core .nav_dep2_ul .nav_dep2_li a { display:block; overflow:hidden; line-height:130%; word-break:keep-all; font-size:16px; color:#8f8f8f; letter-spacing:-.5px; } .m_gnb_core .nav_dep1_ul a:hover { text-decoration:underline; } /* ----------------------------------------------------------------------------- */ /* 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_tit_wrap { margin-bottom:30px; } .m_ttit { font-size:30px; } .m_ttxt { font-size:15px; margin-top:10px; } /* ----------------------------------------------------------------------------- */ /* 메인 비주얼 */ /* ----------------------------------------------------------------------------- */ .m_visual_wrap { height:auto; min-height:0; } .m_visual_slide { height:450px; position:relative; } .mv_txt1 { font-size:14px; letter-spacing:0; } .mv_txt2 span { font-size:50px; } .mv_page_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; position:relative; height:auto; } .mv_page_core { width:100%; } .mv_page_slide { margin:25px; top:0; transform:translateY(0); } .mv_page_item { align-items:start; } .mv_page_num { font-size:40px; } .mv_page_txt { width:calc(100% - 50px); font-size:14px; margin-top:0; } .mv_page_etc { position:absolute; top:-50px; right:0; width:100px; height:50px; display:flex; flex-wrap:wrap; justify-content:space-between; } .mv_page_move { width:50%; height:100%; } .mv_page_next { order:2; } .mv_page_prev { order:1; } /* ----------------------------------------------------------------------------- */ /* 회사소개 */ /* ----------------------------------------------------------------------------- */ .m_info_core { margin:50px auto; } .m_info_top { width:100%; } .m_info_title { margin:0; } .m_info_ttit { font-size:50px; } .m_info_ttxt { font-size:15px; margin:20px 0 25px 0; } .m_info_etc { font-size:15px; } .m_info_more { bottom:auto; top:0; left:auto; right:0; width:70px; height:70px; } .m_info_icon { height:30px; } @keyframes updown { 0 { top:0; } 100% { top:25px; } } .m_info_cont { width:100%; margin-top:50px; } .m_info_item { margin:20px 0; } .m_info_item::before { font-size:50px; } .m_info_inner { margin-left:50px; } .m_info_tit { font-size:24px; margin-bottom:10px; } .m_info_txt { font-size:15px; } /* ----------------------------------------------------------------------------- */ /* 제품 */ /* ----------------------------------------------------------------------------- */ .m_f2_wrap { height:auto; min-height:0; } .m_product_top_wrap { width:94%; top:0; left:0; position:relative; margin:0 auto 30px auto; } .m_product_top_core { max-width:100%; } .m_product_title { margin-left:0; } .m_product_etit { font-size:16px; letter-spacing:3px; padding-left:20px; padding-top:1px; } .m_product_etit::before { width:7px; height:20px; } .m_product_ttit { margin-top:20px; } .m_product_ttit span { font-size:30px; } .m_product_img { width:100%; height:250px; } .m_product_text { width:100%; height:auto; } .m_product_inner { width:94%; max-width:1400px; position:relative; top:0; left:0; margin:30px auto 50px auto; } .m_product_view { margin-left:0; } .m_product_tit { font-size:30px; } .m_product_info { margin-top:15px; } .m_product_info ul li { flex:auto; width:calc(50% - 1px); margin:0 1px 1px 0; } .m_product_btn { height:50px; } .m_product_txt { font-size:16px; } .m_product_count_wrap { bottom:165px; width:94%; right:3%; text-align:right; } .m_product_count_core { margin:0; } .m_product_count span.swiper-pagination-current { font-size:30px; } .m_product_count span.swiper-pagination-total { font-size:16px; } /* ----------------------------------------------------------------------------- */ /* 최근게시물 */ /* ----------------------------------------------------------------------------- */ .m_notice_core { margin:50px auto; } .m_notice_slide { width:100%; order:1; } .m_notice_subj { font-size:20px; } .m_notice_txt { margin-top:15px; font-size:15px; height:64px; } .mn_util_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; width:100px; margin-top:-70px; position:absolute; top:0; right:0; } .mn_move_btn { width:calc(50% - 1px); height:35px; } .mn_prev_btn { margin:0; } /* ----------------------------------------------------------------------------- */ /* 고객사 */ /* ----------------------------------------------------------------------------- */ .m_major_core { margin-bottom:50px; } .m_major_slide { width:calc(100% - 65px); } .mm_move_btn { width:30px;} /* ----------------------------------------------------------------------------- */ /* 배너 */ /* ----------------------------------------------------------------------------- */ .m_banner_btn { flex:auto; width:100%; } .m_banner_inner { margin:50px 10px; } .m_banner_txt { font-size:22px; } .m_banner_icon { width:20px; } /* ----------------------------------------------------------------------------- */ /* 메뉴 */ /* ----------------------------------------------------------------------------- */ .m_gnb_core { margin:30px auto 10px auto; } .m_gnb_core .nav_dep1_li { flex-grow:auto; width:100%; margin-bottom:20px; } .m_gnb_core .nav_dep1_li .nav_dep1_a .nav_e { font-size:18px; } .m_gnb_core .nav_dep2_ul { display:flex; flex-wrap:wrap; margin-top:10px; } .m_gnb_core .nav_dep2_ul .nav_dep2_li { display:flex; flex-wrap:wrap; } .m_gnb_core .nav_dep2_ul .nav_dep2_li a { font-size:14px; } .m_gnb_core .nav_dep2_ul .nav_dep2_li a::after { display:inline-block;vertical-align:middle; width:1px; height:8px; background:#333; transform:rotate(20deg); margin:0 10px; content:''; opacity:.5; } .m_gnb_core .nav_dep2_ul .nav_dep2_li:last-child a::after { display:none; } } @media only screen and (min-width:768px) and (max-width:1023px) { /* 테블릿() iPad Portrait */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ----------------------------------------------------------------------------- */ .m_tit_wrap { margin-bottom:50px; } .m_ttit { font-size:46px; } /* ----------------------------------------------------------------------------- */ /* 메인 비주얼 */ /* ----------------------------------------------------------------------------- */ .m_visual_wrap { height:600px; min-height:0; } .mv_txt2 span { font-size:64px; } .mv_page_wrap { width:100%; height:100px; } .mv_page_core { width:calc(100% - 50px); } .mv_page_slide { margin-left:50px; } .mv_page_num { font-size:60px; } .mv_page_txt { width:calc(100% - 80px); font-size:15px; } .mv_page_etc { width:50px; } /* ----------------------------------------------------------------------------- */ /* 회사소개 */ /* ----------------------------------------------------------------------------- */ .m_info_core { margin:80px auto; } .m_info_top { width:100%; } .m_info_title { margin:0; } .m_info_ttit { font-size:60px; } .m_info_ttxt { margin:30px 0 35px 0; } .m_info_more { bottom:auto; top:0; left:auto; right:0; width:90px; height:90px; } @keyframes updown { 0 { top:0; } 100% { top:50px; } } .m_info_cont { width:100%; margin-top:50px; } .m_info_item { margin:20px 0; } .m_info_inner { margin-left:70px; } .m_info_tit { font-size:27px; margin-bottom:10px; } /* ----------------------------------------------------------------------------- */ /* 제품 */ /* ----------------------------------------------------------------------------- */ .m_f2_wrap { height:auto; min-height:0; } .m_product_top_wrap { width:94%; top:0; left:0; position:relative; margin:0 auto 50px auto; } .m_product_top_core { max-width:100%; } .m_product_title { margin-left:0; } .m_product_etit { font-size:18px; padding-left:30px; padding-top:1px; } .m_product_etit::before { width:10px; height:20px; } .m_product_ttit { margin-top:20px; } .m_product_ttit span { font-size:38px; } .m_product_img { height:auto; } .m_product_text { width:50%; margin:0; } .m_product_inner { position:relative; top:0; left:0; margin:80px 3% 200px 0; width:97%; } .m_product_view { margin-left:30px; } .m_product_tit { font-size:30px; } .m_product_info { margin-top:15px; } .m_product_info ul li { flex:auto; width:calc(50% - 1px); margin:0 1px 1px 0; } .m_product_btn { height:50px; } .m_product_txt { font-size:16px; } .m_product_count_wrap { bottom:40px; } .m_product_count_core { margin-left:30px; } .m_product_count span.swiper-pagination-current { font-size:40px; } .m_product_count span.swiper-pagination-total { font-size:18px; } /* ----------------------------------------------------------------------------- */ /* 최근게시물 */ /* ----------------------------------------------------------------------------- */ .m_notice_core { margin:80px auto; } .m_notice_slide { width:calc(100% - 60px); } .m_notice_subj { font-size:20px; } .m_notice_txt { margin-top:15px; } /* ----------------------------------------------------------------------------- */ /* 고객사 */ /* ----------------------------------------------------------------------------- */ .m_major_core { margin-bottom:80px; } .m_major_slide { width:calc(100% - 75px); } .mm_move_btn { width:30px;} /* ----------------------------------------------------------------------------- */ /* 배너 */ /* ----------------------------------------------------------------------------- */ .m_banner_inner { margin:50px 10px; } .m_banner_txt { font-size:22px; } .m_banner_icon { width:20px; } /* ----------------------------------------------------------------------------- */ /* 메뉴 */ /* ----------------------------------------------------------------------------- */ .m_gnb_core { margin:40px auto 20px auto; } .m_gnb_core .nav_dep1_li { margin-bottom:20px; } .m_gnb_core .nav_dep1_li .nav_dep1_a .nav_e { font-size:18px; } .m_gnb_core .nav_dep2_ul { margin-top:10px; } .m_gnb_core .nav_dep2_ul .nav_dep2_li a { font-size:14px; } } @media only screen and (min-width:1024px) and (max-width:1139px) { /* 테블릿() iPad LandSpace */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ----------------------------------------------------------------------------- */ .m_ttit { font-size:54px; } /* ----------------------------------------------------------------------------- */ /* 메인 비주얼 */ /* ----------------------------------------------------------------------------- */ .m_visual_wrap { height:700px; min-height:0; } .mv_txt2 span { font-size:74px; } .mv_page_wrap { height:120px; } .mv_page_core { width:calc(100% - 80px); } .mv_page_slide { margin-left:50px; } .mv_page_num { font-size:60px; } .mv_page_txt { width:calc(100% - 80px); font-size:15px; } .mv_page_etc { width:60px; } /* ----------------------------------------------------------------------------- */ /* 회사소개 */ /* ----------------------------------------------------------------------------- */ .m_info_core { margin:100px auto; } .m_info_title { margin-right:50px; } .m_info_ttit { font-size:60px; } .m_info_item { margin:30px 0; } .m_info_tit { font-size:27px; margin-bottom:10px; } /* ----------------------------------------------------------------------------- */ /* 제품 */ /* ----------------------------------------------------------------------------- */ .m_f2_wrap { height:700px; min-height:0; } .m_product_top_wrap { top:100px; } .m_product_title { margin-left:50px; } .m_product_ttit { margin-top:30px; } .m_product_ttit span { font-size:36px; } .m_product_inner { top:300px; } .m_product_view { margin-left:50px; } .m_product_tit { font-size:40px; } .m_product_info { margin:20px 15px 0 0; } .m_product_count_wrap { bottom:100px; } .m_product_count_core { margin-left:50px; } .m_product_count span.swiper-pagination-current { font-size:50px; } .m_product_count span.swiper-pagination-total { font-size:20px; } /* ----------------------------------------------------------------------------- */ /* 최근게시물 */ /* ----------------------------------------------------------------------------- */ .m_notice_core { margin:100px auto; } .m_notice_slide { width:calc(100% - 80px); } .m_notice_subj { font-size:22px; } /* ----------------------------------------------------------------------------- */ /* 고객사 */ /* ----------------------------------------------------------------------------- */ .m_major_core { margin-bottom:100px; } .m_major_slide { width:calc(100% - 75px); } .mm_move_btn { width:30px;} /* ----------------------------------------------------------------------------- */ /* 배너 */ /* ----------------------------------------------------------------------------- */ .m_banner_inner { margin:70px 10px; } .m_banner_txt { font-size:25px; } /* ----------------------------------------------------------------------------- */ /* 메뉴 */ /* ----------------------------------------------------------------------------- */ .m_gnb_core { margin:70px auto 50px auto; } .m_gnb_core .nav_dep1_li { margin-bottom:20px; } .m_gnb_core .nav_dep1_li .nav_dep1_a .nav_e { font-size:20px; } .m_gnb_core .nav_dep2_ul .nav_dep2_li a { font-size:15px; } } @media only screen and (min-width:1140px) and (max-width:1400px) { /* 작은 PC */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ----------------------------------------------------------------------------- */ .m_ttit { font-size:60px; } /* ----------------------------------------------------------------------------- */ /* 메인 비주얼 */ /* ----------------------------------------------------------------------------- */ .m_visual_wrap { height:750px; min-height:0; } .mv_page_slide { margin-left:50px; } /* ----------------------------------------------------------------------------- */ /* 회사소개 */ /* ----------------------------------------------------------------------------- */ .m_info_title { margin-right:50px; } .m_info_ttit { font-size:60px; } .m_info_item { margin:30px 0 30px 20px; } .m_info_tit { font-size:27px; margin-bottom:10px; } /* ----------------------------------------------------------------------------- */ /* 제품 */ /* ----------------------------------------------------------------------------- */ .m_f2_wrap { height:750px; min-height:0; } .m_product_title { margin-left:50px; } .m_product_ttit { margin-top:30px; } .m_product_ttit span { font-size:36px; } .m_product_inner { top:350px; } .m_product_view { margin-left:50px; } .m_product_tit { font-size:40px; } .m_product_info { margin:20px 15px 0 0; } .m_product_count_wrap { bottom:100px; } .m_product_count_core { margin-left:50px; } /* ----------------------------------------------------------------------------- */ /* 최근게시물 */ /* ----------------------------------------------------------------------------- */ .m_notice_subj { font-size:22px; } } @media only screen and (min-width:1401px) and (max-width:1600px) { /* 작은 PC */ } /* ----------------------------------------------------------------------------- */ /* 제품 */ /* ----------------------------------------------------------------------------- */ .m_product_info { margin:20px 15px 0 0; } @media only screen and (min-width:1140px) { /* PC */ }