/* INDEX------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------- */ .main_wrap { display:block; overflow:hidden; position:relative; z-index:3; background:url('../images/sub/s_top_bg.png') left 400px no-repeat; } .main_cont_wrap { display:block; overflow:hidden; position:relative; background:url('../images/main/main_cont_bg.png') right top no-repeat; } .m_tit_wrap { display:block; overflow:hidden; text-align:center; position:relative; } .m_tit { display:block; overflow:hidden; font-size:70px; font-family: 'Play', sans-serif; font-weight:700; line-height:120%; } .m_text { display:block; overflow:hidden; font-size:18px; opacity:.7; font-weight:500; margin:10px auto 0 auto; line-height:150%; width:80% } /* ------------------------------------------------------------------------------- */ /* 메인슬라이드 */ /* ------------------------------------------------------------------------------- */ .main_slide_wrap { display:block; overflow:hidden; position:relative; } /* 슬라이드 조작 및 텍스트 */ .ms_set_wrap { display:block; overflow:hidden; position:absolute; left:0; width:100%; z-index:4; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .ms_set_core { display:block; overflow:hidden; width:90%; max-width:1500px; margin:0 auto; } /* 슬라이드 텍스트 */ .ms_text_wrap { display:block; overflow:hidden; } .ms_ttext { display:block; overflow:hidden; font-family: 'Play', sans-serif; font-weight:700; color:#0595d5; font-size:100px; line-height:100%; word-break:Keep-all; } .ms_stext { display:block; overflow:hidden; font-size:40px; line-height:120%; font-weight:500; margin:15px 0 10px 0; word-break:Keep-all; } .ms_ctext { display:block; overflow:hidden; } .ms_ctext span { display:block; overflow:hidden; font-size:20px; line-height:140%; word-break:Keep-all; } /* 슬라이드 조작 */ .main_slide_etc { display:block; overflow:hidden; margin:80px 0 0 0; } .ms_btn { display:inline-block; overflow:hidden; width:10px; height:18px; vertical-align:middle;} .ms_btn a { display:block; overflow:hidden; width:100%; height:100%; } .ms_prev a { background:url('../images/main/ms_prev.png') center center no-repeat; } .ms_next a { background:url('../images/main/ms_next.png') center center no-repeat; } .main_slide_pager { display:inline-block; overflow:hidden; vertical-align:middle; } .main_slide_pager a { display:inline-block; overflow:hidden; vertical-align:middle; letter-spacing:0; font-family: 'Play', sans-serif; font-size:16px; font-weight:700; margin:0 10px; } .main_slide_pager a span { display:none; overflow:hidden; vertical-align:middle; width:80px; height:2px; background:#000; margin:0 0 0 10px; } .main_slide_pager a.active span { display:inline-block; } .probtn { overflow:hidden; vertical-align:middle; margin:3px 0 0 10px; } .prostart { display:inline-block; } .prostop { display:none; } /* 슬라이드 */ .ms_slide_wrap { display:block; overflow:hidden; position:relative; padding:0 0 25px 0; } .ms_slide_view { display:block; overflow:hidden; width:100%; position:relative; width:1100px; margin:0 0 0 auto; z-index:3; float:right; } .ms_slide_view:before { width: 0; height: 0; content: ''; display: block; position: absolute; right: 0; top: 0; border-right: 170px solid #fff; border-bottom: 170px solid transparent; -webkit-transition: 1.2s cubic-bezier(0.33, 0.25, 0.04, 0.87) 0.1s; -o-transition: 1.2s cubic-bezier(0.33, 0.25, 0.04, 0.87) 0.1s; transition: 1.2s cubic-bezier(0.33, 0.25, 0.04, 0.87) 0.1s; z-index: 1; } /* .ms_slide_view:after { width: 0; height: 0; content: ''; display: block; position: absolute; left: 0; bottom: 0; border-left: 150px solid #fff; border-top: 150px solid transparent; -webkit-transition: 1.2s cubic-bezier(0.33, 0.25, 0.04, 0.87) 0.1s; -o-transition: 1.2s cubic-bezier(0.33, 0.25, 0.04, 0.87) 0.1s; transition: 1.2s cubic-bezier(0.33, 0.25, 0.04, 0.87) 0.1s; z-index: 1;} */ .ms_slide { display:block; overflow:hidden; } .ms_slide li { display:block; overflow:hidden; position:relative; height:700px; } .ms1 { background:url('../images/main/vi_img1.png') top center no-repeat; background-size:100% 100%; } .ms2 { background:url('../images/main/vi_img2.png') top center no-repeat; background-size:100% 100%; } .ms_slide_bg { display:block; overflow:hidden; position:absolute; top:30px; right:30px; width:1100px; height:700px; background:url('../images/main/vi_img_bg.png') left bottom no-repeat; background-size:cover; } /* ------------------------------------------------------------------------------- */ /* ABOUT US */ /* ------------------------------------------------------------------------------- */ .m_f1_wrap { display:block; overflow:hidden; } .m_f1_core { display:block; overflow:hidden; width:90%; max-width:1400px; margin:120px auto 170px auto; } .m_about_move { display:block; overflow:hidden; position:absolute; top:30px; right:0; width:60px; height:60px; background:url('../images/main/m_about_move.png') center center no-repeat; border:1px solid #a6a6a6; box-sizing:border-box; } .m_about_wrap { display:block; overflow:hidden; margin:100px auto 0 auto; position:relative;} .m_about_item { display:block; overflow:hidden; float:left; width:33.3%; position:relative; } .m_about_text_wrap { display:block; overflow:hidden; background:url('../images/common/t_bullet.png') top left no-repeat; } .m_about_text_core { display:block; overflow:hidden; margin:0 20px 40px 20px; } .m_about_ttext { display:block; overflow:hidden; padding:25px 0 0 5px; font-size:36px; line-height:120%; font-weight:500; margin:0 0 30px 0; } .m_about_stext { display:block; overflow:hidden; } .m_about_stext span { display:block; overflow:hidden; opacity:.7; font-weight:300; line-height:150%; min-height:100px; } .m_about_img { display:block; overflow:hidden; } .m_about_img img { display:block; overflow:hidden; width:100%; margin:0 auto; transition-duration:.5s; } .m_about_img:hover img { transform: scale(1.05); } .m_about_more { display:block; overflow:hidden; position:relative; margin:10px 0 0 0; padding:15px 0; width:160px; border-bottom:1px solid #000; } .m_about_more span { display:block; overflow:hidden; float:left; font-size:14px; font-family: 'Play', sans-serif; font-weight:700; } .m_about_more img { display:block; overflow:hidden; margin:8px 0 0 0; float:right; } .m_about_line { display:block; overflow:hidden; position:absolute; top:0; left:0; width:0; height:1px; background:#000; transition-duration:.5s; } .m_about_more:hover .m_about_line { width:100%; } /* ------------------------------------------------------------------------------- */ /* PRODUCT */ /* ------------------------------------------------------------------------------- */ .m_f2_wrap { display:block; overflow:hidden; } .m_f2_core { display:block; overflow:hidden; margin:0 auto; width:100%; } .m_f2_core .m_text { width:80%; max-width:800px; margin:10px auto 0 auto; } .m_product_wrap { display:block; overflow:hidden; margin:60px 0 0 0; position:relative; } .m_product_item { display:block; overflow:hidden; width:16.6%; float:left; height:690px; } .m_product1 { background:url('../images/main/m_product_bg1.jpg') center center no-repeat; background-size:cover; } .m_product2 { background:url('../images/main/m_product_bg2.jpg') center center no-repeat; background-size:cover; } .m_product3 { background:url('../images/main/m_product_bg3.jpg') center center no-repeat; background-size:cover; } .m_product4 { background:url('../images/main/m_product_bg4.jpg') center center no-repeat; background-size:cover; } .m_product5 { background:#333 url('../images/main/m_product_bg5.jpg') center center no-repeat; background-size:cover; } .m_product6 { background:#333 url('../images/main/m_product_bg6.jpg') center center no-repeat; background-size:cover; } .m_product_cont { display:block; overflow:hidden; position:relative; margin:0 10px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .m_product_top { display:block; overflow:hidden; text-align:center; color:#fff; } .m_product_icon { display:block; overflow:hidden; margin:0 auto; } .m_product_icon img { display:block; overflow:hidden; width:auto; margin:0 auto; } .m_product_line { display:block; overflow:hidden; width:30px; height:1px; background:#fff; margin:30px auto 20px auto; } .m_product_tit { display:block; overflow:hidden; font-size:26px; font-weight:500; line-height:120%; word-break:keep-all; height:60px; } .m_product_text { display:block; overflow:hidden; margin:25px 0 0 0; height:180px; } .m_product_text span { display:block; overflow:hidden; line-height:140%; font-weight:300; opacity:.7; word-break:keep-all; } .m_product_btn_wrap { display:block; overflow:hidden; margin:20px 0 0 0; opacity:0; height:0; transition-duration:.5s } .m_product_btn { display:block; overflow:hidden; margin:10px auto 0 auto; width:100%; max-width:250px; border:1px solid #fff; box-sizing:Border-box; position:relative; } .m_product_btn_inner { display:block; overflow:hidden; margin:10px 10px; position:relative; z-index:3; } .m_product_btn_inner span { display:block; overflow:hidden; float:left; color:#fff; letter-spacing:0; } .m_product_btn_inner img { display:block; overflow:hidden; float:right; color:#fff; margin:8px 0 0 0; } .m_product_btn_bg { display:block; overflow:hidden; background:rgba(0,0,0,.5); width:0; height:100%; position:absolute; top:0; left:0; z-index:1; transition-duration:.5s } .m_product_item:hover .m_product_btn_wrap { opacity:1; height:auto; } .m_product_btn:hover .m_product_btn_bg { width:100%; } /* ------------------------------------------------------------------------------- */ /* R&D CENTER */ /* ------------------------------------------------------------------------------- */ .m_f3_wrap { display:block; overflow:hidden; background:#ededed; position:relative; } .m_f3_core { display:block; overflow:hidden; width:90%; max-width:1400px; margin:150px auto 220px auto; position:relative; z-index:2; } .m_rnd_wrap { display:block; overflow:hidden; } .m_rnd_tit { display:block; overflow:hidden; font-size:36px; font-weight:700; font-family: 'Play', sans-serif; line-height:120%; margin:0 0 120px 0; } .m_rnd_content_wrap { display:block; overflow:hidden; position:relative; color:#fff; } .m_rnd_content { display:block; overflow:hidden; position:absolute; top:0; left:0; } .m_rnd_text_wrap { display:block; overflow:hidden; } .m_rnd_ttext { display:block; overflow:hidden; } .m_rnd_ttext span { display:block; overflow:hidden; font-size:50px; font-family: 'Play', sans-serif; line-height:120%; } .m_rnd_stext { display:block; overflow:hidden; margin:20px 0 0 0; width:100%; max-width:700px; } .m_rnd_stext span { display:block; overflow:hidden; font-size:18px; line-height:150%; } .m_rnd_btn_wrap { display:block; overflow:hidden; margin:60px 0 0 0; } .m_rnd_btn { display:inline-block; overflow:hidden; vertical-align:top; margin:0 60px 0 0; } .m_rnd_btn:last-child { margin:0; } .m_rnd_icon { display:block; overflow:hidden; width:140px; height:140px; border:1px solid #fff; box-sizing:border-box; border-radius:999px; } .m_rnd_icon img { display:block; overflow:hidden; width:100%; height:100%; } .m_rnd_text { display:block; overflow:hidden; text-align:center; text-align:center; margin:15px 0 0 0; color:#fff; } .m_rnd_img { display:block; overflow:hidden; margin:0 0 0 700px; position:relative; } .m_rnd_img:after { display:block; overflow:hidden; width:700px; height:470px; position:absolute; top:10px; right:10px; content:''; background:url('../images/main/m_rnd_pattern.png'); z-index:2; } .m_rnd_img img { display:block; overflow:hidden; width:100%; margin:0 auto; position:relative; z-index:3; padding:0 0 10px 10px; } .m_rnd_bg { display:block; overflow:hidden; position:absolute; bottom:140px; left:50%; margin:0 0 0 -1400px; width:100%; height:640px; background:#0595d5; z-index:1;} /* ------------------------------------------------------------------------------- */ /* CAREER */ /* ------------------------------------------------------------------------------- */ .m_f4_wrap { display:block; overflow:hidden; } .m_f4_core { display:block; overflow:hidden; width:90%; max-width:1580px; margin:150px auto 0 auto; position:relative; background:url('../images/main/m_f4_bg.jpg') center center no-repeat; background-size:cover; } .m_career_wrap { display:block; overflow:hidden; color:#fff; } .m_career_core { display:block; overflow:hidden; position:relative; margin:90px 135px; } .m_career_tit_wrap { display:block; overflow:hidden; } .m_career_etit { display:inline-block; overflow:hidden; vertical-align:middle; font-size:70px; font-family: 'Play', sans-serif; font-weight:700; line-height:120%; margin:0 20px 0 0; } .m_career_ktit { display:inline-block; overflow:hidden; vertical-align:middle; font-size:40px; line-height:120%; } .m_career_cont_wrap { display:block; overflow:hidden; margin:80px auto 100px auto; } .m_career_btn_wrap { display:block; overflow:hidden; float:left; } .m_career_btn { display:inline-block; overflow:hidden; vertical-align:top; margin:0 30px 0 0;} .m_career_btn span { display:block; overflow:hidden; color:#fff; font-size:24px; margin:0 0 20px 0; line-height:100%; } .m_career_btn img { display:block; overflow:hidden; width:auto; } .m_career_text { display:block; overflow:hidden; float:right; pointer-events: none; cursor: default; width:50%; margin:30px 0 0 0; } .m_career_text span { display:block; overflow:hidden; font-size:36px; opacity:.7; line-height:140%; color:#fff; word-break:Keep-all;} .m_career_slide_wrap { display:block; overflow:hidden; border-top:1px solid rgba(255,255,255,.35); border-bottom:1px solid rgba(255,255,255,.35); } .m_career_slide_core { display:block; overflow:hidden; margin:35px auto; position:relative; } .mcs_tit_wrap { display:block; overflow:hidden; width:220px; position:absolute; top:0; left:0; font-size:20px; font-weight:500; text-align:center; line-height:120%;} .mcs_slide_wrap { display:block; overflow:hidden; margin:0 160px 0 220px; } .mcs_slide { display:block; overflow:hidden; } .mcs_slide li { display:block; overflow:hidden; position:relative; } .mcs_btn { display:block; overflow:hidden; color:#fff; font-weight:200; opacity:.7; white-space:nowrap; text-overflow:ellipsis; padding:2px 0; line-height:120%; } .mcs_btn:hover { opacity:1; } .mcs_etc_wrap { display:block; overflow:hidden; position:absolute; top:0; right:0; } .mcs_etc_btn { display:inline-block; overflow:hidden; vertical-align:middle; width:16px; height:16px; margin:0 0 0 30px; } .mcs_etc_btn a { display:block; overflow:hidden; width:100%; height:100%; } .mcs_prev a { background:url('../images/main/mcs_prev_icon.png') center center no-repeat; } .mcs_next a { background:url('../images/main/mcs_next_icon.png') center center no-repeat; } .mcs_more { background:url('../images/main/mcs_more_icon.png') center center no-repeat; } /* ------------------------------------------------------------------------------- */ /* NEWS */ /* ------------------------------------------------------------------------------- */ .m_f5_wrap { display:block; overflow:hidden; } .m_f5_core { display:block; overflow:hidden; width:90%; max-width:1400px; margin:150px auto; } .m_new_wrap { display:block; overflow:hidden; margin:50px 0 0 0; } .m_new_item { display:block; overflow:hidden; float:left; width:25%; border-right:1px dashed #ddd; box-sizing:border-box; } .m_new_item:last-child { border:0; } .m_new_btn { display:block; overflow:hidden; padding:30px; } .m_new_tit { display:block; overflow:hidden; font-size:19px; color:#000; font-weight:700; word-break:keep-all; line-height:130%; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:49px; transition-duration:.3s; word-wrap: break-word; } .m_new_text { display:block; overflow:hidden; font-size:16px; opacity:.7; font-weight:300; word-break:keep-all; line-height:140%; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:66px; transition-duration:.3s; word-wrap: break-word; margin:30px 0 60px 0; } .m_new_date { display:block; overflow:hidden; font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:600; letter-spacing:0; } .m_new_btn:hover .m_new_tit { color:#0072bc; } .m_new_btn:hover .m_new_text { text-decoration:underline; } /* ------------------------------------------------------------------------------- */ /* BANNER */ /* ------------------------------------------------------------------------------- */ .m_f6_wrap { display:block; overflow:hidden; } .m_f6_core { display:block; overflow:hidden; width:90%; max-width:1400px; margin:0 auto 110px auto; } .m_banner_wrap { display:block; overflow:hidden; } .m_banner_btn { display:block; overflow:hidden; float:left; width:50%; position:relative; } .m_banner1 { background:url('../images/main/m_banner_bg1.jpg') center center no-repeat; background-size:cover; } .m_banner2 { background:url('../images/main/m_banner_bg2.jpg') center center no-repeat; background-size:cover; } .m_banner_inner { display:block; overflow:hidden; position:relative; margin:50px 10px; text-align:Center; color:#fff; } .m_banner_tit { display:block; overflow:hidden; font-family: 'Play', sans-serif; font-weight:700; font-size:30px; line-height:120%; word-break:keep-all; } .m_banner_text { display:block; overflow:hidden; max-width:70%; margin:20px auto 40px auto; min-height:80px; } .m_banner_text span { display:block; overflow:hidden; font-size:18px; opacity:.7; line-height:140%; } .m_banner_inner img { display:block; overflow:hidden; margin:0 auto; } /* ------------------------- */ .mian_img { overflow:hidden; width:100%; margin:0 auto; } .m_pc { display:block;} .m_mob { display:none;} /* ----------------------------------------------------------------------------- */ /* 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) { /* 모바일(갤럭시노트급 대상) */ .m_pc { display:none;} .m_mob { display:block;} /* ------------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------- */ .main_wrap { background:none; } .main_cont_wrap { background:none; } .m_tit { font-size:35px; } .m_text { display:none; } /* ------------------------------------------------------------------------------- */ /* 메인슬라이드 */ /* ------------------------------------------------------------------------------- */ /* 슬라이드 조작 및 텍스트 */ /* 슬라이드 텍스트 */ .ms_text_wrap { display:block; overflow:hidden; } .ms_ttext { font-size:60px; } .ms_stext { font-size:24px; } .ms_ctext { display:none; } /* 슬라이드 */ .ms_slide_view { width:600px; margin:0 -270px 0 0; } .ms_slide_view:before { display:none; } .ms_slide li { height:360px; } .ms_slide_bg { right:-245px; width:600px; height:360px; } /* ------------------------------------------------------------------------------- */ /* ABOUT US */ /* ------------------------------------------------------------------------------- */ .m_f1_core { margin:40px auto 40px 5%; width:95%; } .m_f1_core .m_tit_wrap { } .m_about_move { display:none; } .m_about_wrap { margin:20px auto 0 auto; } .m_about_item { float:none; width:100%; } .m_about_text_wrap { position:absolute; top:0; left:0; width:145px; } .m_about_text_core { margin:0; } .m_about_ttext { padding:25px 0 0 20px; font-size:24px; margin:0;} .m_about_stext { display:none; } .m_about_img { margin:0 0 0 160px; } .m_about_more { display:none; } /* ------------------------------------------------------------------------------- */ /* PRODUCT */ /* ------------------------------------------------------------------------------- */ .m_product_wrap { margin:40px 0 0 0; } .m_product_item { height:auto; width:50%; } .m_product_cont { position:relative; margin:0; top:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); } .m_product_top { padding:40px 0;} .m_product_icon { } .m_product_icon img { display:block; overflow:hidden; width:auto; margin:0 auto; } .m_product_line { display:none; } .m_product_tit { display:block; vertical-align:middle; font-size:22px; margin:15px 0 0 0; height:50px; } .m_product_text { display:none; } .m_product_btn_wrap { display:none; } /* ------------------------------------------------------------------------------- */ /* R&D CENTER */ /* ------------------------------------------------------------------------------- */ .m_f3_core { width:100%; margin:60px auto 100px auto; } .m_rnd_tit { font-size:24px; width:90%; margin:0 auto 60px auto; } .m_rnd_content { width:90%; margin:0 auto; position:relative; } .m_rnd_ttext span { font-size:25px; } .m_rnd_stext { display:none; } .m_rnd_btn_wrap { margin:20px 0 0 0; } .m_rnd_btn { margin:20px 0 0 0; display:block; text-align:center; } .m_rnd_btn:last-child { margin:20px 0 0 0; } .m_rnd_icon { width:90px; height:90px; margin:0 auto 10px auto; } .m_rnd_img { margin:50px 0 0 auto; width:90%; display:none; } .m_rnd_img img { height:320px;} .m_rnd_img:after { width:100%; height:320px;} .m_rnd_bg { bottom:50px; left:auto; right:5%; margin:0; width:95%; height:600px; } /* ------------------------------------------------------------------------------- */ /* CAREER */ /* ------------------------------------------------------------------------------- */ .m_f4_core { width:100%; margin:0 auto; } .m_career_core { margin:40px 0; } .m_career_tit_wrap { display:block; text-align:center; } .m_career_etit { display:block; font-size:35px; } .m_career_ktit { display:block; font-size:25px; } .m_career_cont_wrap { margin:40px auto 0 auto; } .m_career_btn_wrap { display:none;} .m_career_text { text-align:center; pointer-events:auto; cursor: pointer; float:none; width:100%; margin:0 auto; } .m_career_text span { font-size:20px; } .m_career_slide_wrap { height:0; opacity:0; } /* ------------------------------------------------------------------------------- */ /* NEWS */ /* ------------------------------------------------------------------------------- */ .m_f5_core { margin:50px auto; } .m_new_wrap { margin:0; } .m_new_item { float:none; width:100%; border-right:0; border-bottom:1px dashed #ddd; } .m_new_item:nth-child(2) { border:0; } .m_new_item:nth-child(3), .m_new_item:nth-child(4) { display:none; opacity:0; height:0; } .m_new_btn { padding:20px 0; } .m_new_item:nth-child(2) .m_new_btn { padding-bottom:0; } .m_new_tit { font-size:18px; white-space:nowrap; text-overflow:ellipsis; -webkit-line-clamp:1; height:auto; display:block !important; } .m_new_text { -webkit-line-clamp:2; height:43px; margin:25px 0; } /* ------------------------------------------------------------------------------- */ /* BANNER */ /* ------------------------------------------------------------------------------- */ .m_f6_core { width:100%; margin:0 auto 50px auto; } .m_banner_tit { font-size:26px; min-height:100px; } .m_banner_text { display:none; } } @media only screen and (min-width:768px) and (max-width:1023px) { /* 테블릿() iPad Portrait */ /* ------------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------- */ .main_cont_wrap { background:none; } .m_tit { font-size:50px; } /* ------------------------------------------------------------------------------- */ /* 메인슬라이드 */ /* ------------------------------------------------------------------------------- */ /* 슬라이드 조작 및 텍스트 */ /* 슬라이드 텍스트 */ .ms_text_wrap { display:block; overflow:hidden; } .ms_ttext { font-size:60px; } .ms_stext { font-size:28px; } .ms_ctext { display:none; } /* 슬라이드 */ .ms_slide_view { width:800px; margin:0 -120px 0 0; } .ms_slide_view:before { display:none; } .ms_slide li { height:500px; } .ms_slide_bg { right:-95px; width:800px; height:500px; } /* ------------------------------------------------------------------------------- */ /* ABOUT US */ /* ------------------------------------------------------------------------------- */ .m_f1_core { margin:40px auto 40px 5%; width:95%; } .m_f1_core .m_tit_wrap { } .m_about_move { display:none; } .m_about_wrap { margin:50px auto 0 auto; } .m_about_text_core { margin:0; } .m_about_ttext { padding:25px 0 0 20px; font-size:24px; margin:0 0 20px 0;} .m_about_stext { display:none; } .m_about_more { display:none; } /* ------------------------------------------------------------------------------- */ /* PRODUCT */ /* ------------------------------------------------------------------------------- */ .m_product_wrap { margin:40px 0 0 0; } .m_product_item { height:auto; width:33.3%; } .m_product_cont { position:relative; margin:0; top:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); } .m_product_top { padding:40px 0;} .m_product_icon { } .m_product_icon img { display:block; overflow:hidden; width:auto; margin:0 auto; } .m_product_line { display:none; } .m_product_tit { display:block; vertical-align:middle; font-size:22px; margin:15px 0 0 0; height:50px; } .m_product_text { display:none; } .m_product_btn_wrap { display:none; } /* ------------------------------------------------------------------------------- */ /* R&D CENTER */ /* ------------------------------------------------------------------------------- */ .m_f3_core { width:100%; margin:60px auto 100px auto; } .m_rnd_tit { font-size:30px; width:90%; margin:0 auto 60px auto; } .m_rnd_content { width:90%; margin:0 auto; position:relative; } .m_rnd_ttext span { font-size:40px; } .m_rnd_stext { font-size:18px; } .m_rnd_btn_wrap { margin:40px 0 0 0; } .m_rnd_btn { margin:0 20px 0 0; } .m_rnd_icon { width:100px; height:100px; } .m_rnd_img { margin:50px 0 0 auto; width:80%; } .m_rnd_img img { height:310px; } .m_rnd_img:after { width:100%; height:320px; right:50px; } .m_rnd_bg { bottom:50px; left:auto; right:5%; margin:0; width:95%; height:830px; } /* ------------------------------------------------------------------------------- */ /* CAREER */ /* ------------------------------------------------------------------------------- */ .m_f4_core { width:100%; margin:0 auto; } .m_career_core { margin:80px 40px; text-align:center; } .m_career_etit { font-size:50px; } .m_career_ktit { font-size:30px; } .m_career_cont_wrap { margin:40px auto 0 auto; } .m_career_btn_wrap { text-align:center; float:none; } .m_career_btn { margin:0 10px; } .m_career_text { text-align:center; pointer-events:auto; cursor: pointer; float:none; margin:0 0 30px 0; width:100%;} .m_career_text span { font-size:28px; } .m_career_slide_wrap { height:0; opacity:0; } /* ------------------------------------------------------------------------------- */ /* NEWS */ /* ------------------------------------------------------------------------------- */ .m_f5_core { margin:80px auto; width:100%; } .m_new_wrap { margin:50px 0 0 0; } .m_new_item { float:left; width:33.3%; } .m_new_item:nth-child(3) { border:0; } .m_new_item:last-child { display:none; } .m_new_wrap { margin:30px 0 0 0 ; } /* ------------------------------------------------------------------------------- */ /* BANNER */ /* ------------------------------------------------------------------------------- */ .m_f6_core { width:100%; margin:0 auto 50px auto; } .m_banner_tit { font-size:26px; margin:0 0 30px 0; } .m_banner_text { display:none; } } @media only screen and (min-width:1024px) and (max-width:1139px) { /* 테블릿() iPad LandSpace */ /* ------------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------- */ .main_cont_wrap { background:url('../images/main/main_cont_bg.png') right -150px top no-repeat; } /* ------------------------------------------------------------------------------- */ /* 메인슬라이드 */ /* ------------------------------------------------------------------------------- */ /* 슬라이드 */ .ms_slide_view { margin:0 -200px 0 0; } .ms_slide_view:before { display:none; } .ms_slide_bg { right:-175px; } /* ------------------------------------------------------------------------------- */ /* ABOUT US */ /* ------------------------------------------------------------------------------- */ .m_about_stext span { font-size:16px; } /* ------------------------------------------------------------------------------- */ /* PRODUCT */ /* ------------------------------------------------------------------------------- */ .m_product_wrap { margin:40px 0 0 0; } .m_product_item { height:auto; width:33.3%; } .m_product_cont { position:relative; margin:0; top:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); } .m_product_top { padding:40px 0;} .m_product_icon { } .m_product_icon img { display:block; overflow:hidden; width:auto; margin:0 auto; } .m_product_line { display:none; } .m_product_tit { display:block; vertical-align:middle; font-size:24px; margin:15px 0 0 0; height:60px; } .m_product_text { display:none; } .m_product_btn_wrap { display:none; } /* ------------------------------------------------------------------------------- */ /* R&D CENTER */ /* ------------------------------------------------------------------------------- */ .m_f3_core { width:100%; margin:60px auto 100px auto; } .m_rnd_tit { font-size:30px; width:90%; margin:0 auto 60px auto; } .m_rnd_content { width:90%; margin:0 auto; position:relative; } .m_rnd_ttext span { font-size:40px; } .m_rnd_stext { font-size:18px; } .m_rnd_btn_wrap { margin:40px 0 0 0; } .m_rnd_btn { margin:0 20px 0 0; } .m_rnd_icon { width:100px; height:100px; } .m_rnd_img { margin:50px 0 0 auto; width:60%; } .m_rnd_img img { height:310px; } .m_rnd_img:after { width:100%; height:320px; right:50px; } .m_rnd_bg { bottom:50px; left:auto; right:5%; margin:0; width:95%; height:830px; } /* ------------------------------------------------------------------------------- */ /* CAREER */ /* ------------------------------------------------------------------------------- */ .m_f4_core { width:100%; margin:0 auto; } .m_career_core { margin:80px 40px; } .m_career_text { margin:20px 0 0 0; } .m_career_text span { font-size:30px; } .m_career_cont_wrap { margin:60px auto; } /* ------------------------------------------------------------------------------- */ /* NEWS */ /* ------------------------------------------------------------------------------- */ .m_f5_core { width:100%; margin:100px auto; } /* ------------------------------------------------------------------------------- */ /* BANNER */ /* ------------------------------------------------------------------------------- */ .m_f6_core { width:100%; } } @media only screen and (min-width:1140px) and (max-width:1400px) { /* 작은 PC */ /* ------------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------- */ .main_cont_wrap { background:url('../images/main/main_cont_bg.png') right -150px top no-repeat; } /* ------------------------------------------------------------------------------- */ /* 메인슬라이드 */ /* ------------------------------------------------------------------------------- */ /* 슬라이드 */ .ms_slide_view { margin:0 -200px 0 0; } .ms_slide_view:before { display:none; } .ms_slide_bg { right:-175px; } /* ------------------------------------------------------------------------------- */ /* PRODUCT */ /* ------------------------------------------------------------------------------- */ .m_product_wrap { margin:40px 0 0 0; } .m_product_item { height:auto; width:33.3%; } .m_product_cont { position:relative; margin:0; top:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); } .m_product_top { padding:40px 0;} .m_product_icon { } .m_product_icon img { display:block; overflow:hidden; width:auto; margin:0 auto; } .m_product_line { display:none; } .m_product_tit { display:block; vertical-align:middle; font-size:26px; margin:15px 0 0 0; height:60px; } .m_product_text { display:none; } .m_product_btn_wrap { display:none; } /* ------------------------------------------------------------------------------- */ /* R&D CENTER */ /* ------------------------------------------------------------------------------- */ .m_f3_core { width:100%; margin:60px auto 100px auto; } .m_rnd_tit { width:90%; margin:0 auto 60px auto; } .m_rnd_content { width:50%; margin:0 0 0 5%; } .m_rnd_btn_wrap { margin:40px 0 0 0; } .m_rnd_btn { margin:0 20px 0 0; } .m_rnd_icon { width:100px; height:100px; } .m_rnd_img { margin:50px 0 0 auto; width:45%; height:380px; } .m_rnd_img img { width:90%; height:360px; } .m_rnd_img:after { width:90%; height:360px; top:10px; right:30px;} .m_rnd_bg { left:auto; margin:0; right:10%; width:90%; height:470px; bottom:80px; } /* ------------------------------------------------------------------------------- */ /* CAREER */ /* ------------------------------------------------------------------------------- */ .m_f4_core { width:100%; margin:0 auto; } .m_career_core { margin:80px 40px; } .m_career_text { margin:20px 0 0 0; } .m_career_text span { font-size:30px; } .m_career_cont_wrap { margin:60px auto; } } @media only screen and (min-width:1401px) and (max-width:1560px) { /* 작은 PC */ /* ------------------------------------------------------------------------------- */ /* R&D CENTER */ /* ------------------------------------------------------------------------------- */ .m_rnd_icon { width:120px; height:120px; } .m_rnd_img img { height:470px; } .m_rnd_bg { left:auto; margin:0; right:10%; width:90%; } /* ------------------------------------------------------------------------------- */ /* CAREER */ /* ------------------------------------------------------------------------------- */ .m_career_core { margin:90px; } } @media only screen and (min-width:1140px) { /* PC */ }