/*********************************************************** * @OMNITEL SITE MediaQueries CSS * @Auther Jung-Kwang-Won * @Since 2015-12-24 ************************************************************/ @media screen and (max-width: 1920px){ .wrap header h1 {position:absolute; top:31px; left:70px; max-width: 115px;} .wrap header a.omni_header_main_title {width:132px;top:80px; left:85px} .wrap header a.omni_header_svc {width:180px;top:51px; right:130px} /*.wrap header a.omni_header_side {width:40px;top:31px; right:39px}*/ .modal-1250{width: 1250px;} .dropdown-menu {margin-top: 40px; min-width: 180px; margin-left: 200px;} .omni_foot_family {margin-top: 10px;margin-left: 258px;} #section3 .parallax__item__img.i3-1{width: 17vw;height: 15vw;top: 35vh;left: 26vw;} #section3 .parallax__item__img.i3-2{width: 17vw;height: 15vw;top: 41vh;left: 57vw;} #section3 .parallax__item__img.i3-3{width: 19vw;height: 12vw;top: 70vh;left: 41vw;} } @media screen and (max-width: 1850px){ .wrap .omni_news_visual_view .omni_news_view_wrap .omni_news_view_date {font-size:18px;} .wrap .omni_news_visual_view .omni_news_view_wrap h4 {font-size:35px;} .wrap .omni_news_visual_view .omni_news_view_wrap .omni_news_view_press {font-size:14px;} } @media screen and (max-width: 1750px){ .wrap header h1 {position:absolute; top:25px; left:70px; max-width: 115px;} .wrap header h1 img {width: 100%;} .wrap header a.omni_header_logo {position:absolute; top: 37px; left: 80px; max-width: 120px} .wrap header a.omni_header_about {position:absolute; top: 43px; right:506px;max-width: 58px} .wrap header a.omni_header_omnifit {position:absolute; top: 43px; right:384px;max-width: 78px} .wrap header a.omni_header_blog {position:absolute; top: 43px;right:300px;max-width: 40px} .wrap header a.omni_header_contact {position:absolute; top: 43px; right:178px;max-width: 74px} .wrap header a.omni_header_lang {position:absolute; top: 43px; right:75px; max-width: 55px} .header-top {position: fixed; top: 0; left: 0; width: 100%; height: 120px; border-bottom: 1px solid #ececec; background-color: white;} .about-main-img, #contact-main .contact-main-img {padding-top: 120px;} } /* NOTEBOOK START & SMALL MONITOR */ @media screen and (max-width: 1600px){ .wrap header {width:100%; height:7.5vw;} .wrap header h1 {position:absolute; top:25px; left:70px; max-width: 100px;} .wrap header h1 img {width: 100%;} .wrap header a.omni_header_logo {position:absolute; top: 37px; left: 80px; max-width: 120px} .wrap header a.omni_header_about {position:absolute; top: 43px; right:506px;max-width: 58px} .wrap header a.omni_header_omnifit {position:absolute; top: 43px; right:384px;max-width: 80px} .wrap header a.omni_header_blog {position:absolute; top: 43px;right:300px;max-width: 40px} .wrap header a.omni_header_contact {position:absolute; top: 43px; right:178px;max-width: 74px} .wrap header a.omni_header_lang {position:absolute; top: 43px; right:75px; max-width: 55px} .header-top {position: fixed; top: 0; left: 0; width: 100%; height: 120px; border-bottom: 1px solid #ececec; background-color: white;} .wrap .omni_side_navigation {right:40px;} .wrap .omni_main_visual_works .omni_main_visual_works_top {height:30%; } .wrap .omni_main_visual_works .omni_main_visual_works_top p {width:40%;max-width:518px;max-height:206px; margin:0 auto;padding:7% 0;} .omni_main_visual_works .omni_main_visual_works_top p img {width:100%;} .wrap .omni_main_visual_news {width:100%;height:auto; overflow:hidden;padding:90px 0;background:#FFF;} .wrap .omni_main_visual_news h3 {width:9%;text-align:center;margin:0 auto} .wrap .omni_main_visual_news ol.omni_news_list {width:85%;max-width:1226px;height:auto;margin:0 auto;margin-top:90px;overflow:hidden;} .wrap .omni_main_visual_news ol.omni_news_list li {width:28%;height:auto;float:left;padding:0 8% 0 0} .wrap .omni_main_visual_news ol.omni_news_list li .omni_news_count {width:28%} .wrap .omni_main_visual_news ol.omni_news_list li dt {font-size:20px;padding-top:35px; } .wrap .omni_main_visual_news ol.omni_news_list li dd {font-size:14px;padding:40px 0; } .wrap .omni_main_visual_news ol.omni_news_list li dd p {padding-top:5px;} .wrap .omni_main_visual_omFamily {width:100%;height:auto;overflow:hidden;padding:90px 0 160px 0;background:#f5f5f5;} .wrap .omni_main_visual_omFamily h3 {width:23%;text-align:center;margin:0 auto} .wrap .omni_main_visual_omFamily ul.omni_omFamily_list {width:85%;max-width:1210px;height:auto;margin:0 auto;margin-top:90px;overflow:hidden;} .wrap .omni_main_visual_omFamily ul.omni_omFamily_list li {width:32%;height:auto;float:left;padding:0 0 2% 2%;} /* company */ .wrap .omni_company_visual_history {padding:90px 0 72px 0;} .wrap .omni_company_visual_history h3 {width:15%;margin:0 auto} .wrap .omni_company_visual_history .omni_comany_history_thumb {width:80%; margin:0 auto;margin-top:68px} .wrap .omni_company_visual_works {padding:30px 0 0 0;} .wrap .omni_company_visual_works h3 {width:13%;padding-bottom:62px} .wrap .omni_company_visual_overseas {padding:98px 0 148px 0;} .wrap .omni_company_visual_overseas h3 {width:33%;padding-bottom:39px} .wrap .omni_company_visual_overseas p.omni_company_overseas_text {width:50%;padding-bottom:103px;max-width:582px;} .wrap .omni_company_visual_overseas p.omni_company_overseas_text img {width:100%;max-width:582px;} .wrap .omni_company_visual_overseas .omni_company_overseas_map {width:80%;} .wrap .omni_company_visual_overseas .omni_company_overseas_map img {width:100%;} .wrap .omni_company_vision {padding:98px 0 148px 0;} .wrap .omni_company_vision h3 {width:33%;padding-bottom:39px} .wrap .omni_company_vision p.omni_company_overseas_text {width:50%;padding-bottom:103px;max-width:582px;} .wrap .omni_company_vision p.omni_company_overseas_text img {width:100%;max-width:582px;} .wrap .omni_company_vision .omni_company_overseas_map {width:80%;} .wrap .omni_company_vision .omni_company_overseas_map img {width:100%;} /* Add */ .wrap .omni_ring {padding:98px 0 148px 0;} .wrap .omni_ring h3 {width:33%;padding-bottom:39px} .wrap .omni_ring p.omni_company_overseas_text {width:50%;padding-bottom:103px;max-width:582px;} .wrap .omni_ring p.omni_company_overseas_text img {width:100%;max-width:582px;} .wrap .omni_ring .omni_company_overseas_map {width:80%;} .wrap .omni_ring .omni_company_overseas_map img {width:100%;} .wrap .omni_company_history {padding:98px 0 148px 0;} .wrap .omni_company_history h3 {width:33%;padding-bottom:39px} .wrap .omni_company_history p.omni_company_overseas_text {width:50%;padding-bottom:103px;max-width:582px;} .wrap .omni_company_history p.omni_company_overseas_text img {width:100%;max-width:582px;} .wrap .omni_company_history .omni_company_overseas_map {width:80%;} .wrap .omni_company_history .omni_company_overseas_map img {width:100%;} .wrap .omni_company_visual_contact {padding:97px 0 1px 0;} .wrap .omni_company_visual_contact h3 {width:15%;padding-bottom:60px} .wrap .omni_company_visual_contact .omni_company_contact_list {width:80%;margin-bottom:73px;position:relative;height:179px} .wrap .omni_company_visual_contact .omni_company_contact_list li.item01 {position:absolute;top:0;left:0;} .wrap .omni_company_visual_contact .omni_company_contact_list li.item02 {width:100%;text-align:center;} .wrap .omni_company_visual_contact .omni_company_contact_list li.item02 img {display:inline} .wrap .omni_company_visual_contact .omni_company_contact_list li.item03 {position:absolute;top:0;right:0;} .wrap .omni_company_visual_contact .omni_company_contact_map {width:100%;height:400px;text-align:center;max-height:400px;background:#fff} .wrap .omni_company_visual_contact .omni_company_contact_map p {text-align:center;padding-top:180px;} /* company */ .wrap .omni_recruit_visual_omin {padding:98px 0 88px 0;} .wrap .omni_recruit_visual_omin h3 {width:10%;padding-bottom:34px} .wrap .omni_recruit_visual_omin .omni_recruit_omin_text {width:30%;padding-bottom:55px;} .wrap .omni_recruit_visual_inje {padding:98px 0 88px 0;} .wrap .omni_recruit_visual_inje h3 {width:9%;padding-bottom:34px;max-width:121px;} .wrap .omni_omnifit {padding:98px 0 88px 0;} .wrap .omni_omnifit h3 {width:9%;padding-bottom:34px;max-width:260px;} .wrap .omni_omnivas {padding:98px 0 88px 0;} .wrap .omni_omnivas h3 {width:9%;padding-bottom:34px;max-width:150px;} .wrap .omni_recruit_visual_depth {padding:98px 0 88px 0;} .wrap .omni_recruit_visual_depth h3 {width:10%;padding-bottom:77px} .wrap .omni_recruit_visual_join .omni_recruit_join_wrap {padding:91px 0 109px 0;} .wrap .omni_recruit_visual_join h3 {width:11%;padding-bottom:57px} .wrap .omni_recruit_visual_join .omni_recruit_join_text {width:50%;padding-bottom:58px} .wrap .omni_recruit_visual_join .omni_recruit_join_btn {width:300px;max-width:344px;margin:0 auto;} .wrap .omni_recruit_visual_join .omni_recruit_join_btn img {width:100%;} /* service */ .wrap .omni_service_visual_commerce01 {padding:86px 0 111px 0;} .wrap .omni_service_visual_commerce01 h3 {width:47%;padding-bottom:70px} .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list {width:80%;position:relative} .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item01 {position:absolute;top:0;left:0;} .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item02 {width:100%;text-align:center;} .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item02 img {display:inline} .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item03 {position:absolute;top:0;right:0;} .wrap .omni_service_visual_commerce02 .omni_service_visual_commerce02_top {padding:103px 0 120px 0;} .wrap .omni_service_visual_commerce02 h3 {width:50%;padding-bottom:98px} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list {width:80%;position:relative} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item01 {position:absolute;top:0;left:0;} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item02 {width:100%;text-align:center;} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item02 img {display:inline} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item03 {position:absolute;top:0;right:0;} /* news */ .wrap .omni_news_visual_intro .omni_news_visual_intro_text {width:12%} /* contact */ .wrap .omni_contact_visual_intro .omni_contact_visual_intro_text {width:23%;} .wrap .omni_contact_visual_cont h3 {width:85%;} /* privacy */ .wrap .omni_privacy_visual_intro .omni_privacy_visual_intro_text {width:22%;} #privacy.privacy-container {height: 900px;} #privacy .privacy-pt {padding-top: 7vw;} /* ir */ .wrap .omni_ir_visual_intro .omni_ir_visual_intro_text {width:10%} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_acdn {height:60px;padding:50px 0;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_acdn h4 img {width:80%;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_acdn a img {width:80%;} } @media screen and (max-width: 1400px){ .wrap header {width:100%; height:7.5vw;} .wrap header h1 {position:absolute; top:1.7vw; left:70px; max-width: 85px;} .wrap header h1 img {width: 100%;} .wrap header a.omni_header_logo {position:absolute; top: 27px; left: 80px; max-width: 120px} .wrap header a.omni_header_about {position:absolute; top: 34px; right:506px;max-width: 58px} .wrap header a.omni_header_omnifit {position:absolute; top: 34px; right:384px;max-width: 78px} .wrap header a.omni_header_blog {position:absolute; top: 34px;right:300px;max-width: 40px} .wrap header a.omni_header_contact {position:absolute; top: 34px; right:178px;max-width: 74px} .wrap header a.omni_header_lang {position:absolute; top: 34px; right:75px; max-width: 55px} .header-top {position: fixed; top: 0; left: 0; width: 100%; height: 100px; border-bottom: 1px solid #ececec; background-color: white;} .about-main-img, #contact-main .contact-main-img {padding-top: 100px;} /* service */ .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item01 img {width:322px} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item02 img {display:inline;width:243px} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item03 img {width:239px;} /* privacy */ #privacy.privacy-container {height: 1000px;} #privacy .privacy-pt {padding-top: 6vw;} /* main */ #section3 .parallax__item__img.i3-0 {width: 100%;height: 55%;left: 0;} #section3 .parallax__item__img.i3-1 {width: 20vw;height: 15vw;top: 40vh;left: 22vw;} #section3 .parallax__item__img.i3-2 {width: 20vw;height: 15vw;top: 46vh;left: 59vw;} #section3 .parallax__item__img.i3-3 {width: 21vw;height: 16vw;top: 72vh;left: 41vw;} #section6 .parallax__item__img.i6-0 {top: 17vh; left: 0;} } @media screen and (max-width: 1300px){ .wrap header {width:100%; height:7.5vw;} .modal-1250{width: 1150px;} .wrap .omni_recruit_visual_omin .omni_recruit_omin_list {width:90%;margin:0 auto;overflow:hidden} .wrap .omni_recruit_visual_omin .omni_recruit_omin_list li{width:16%;max-width:216px;padding:0 5% 0 0} .wrap .omni_recruit_visual_omin .omni_recruit_omin_list li.item05 {padding-right:0;} .wrap .omni_recruit_visual_omin .omni_recruit_omin_list li img {width:100%;} .wrap .omni_recruit_visual_omin .omni_recruit_omin_text {width:35%;padding-bottom:55px;} .wrap .omni_recruit_visual_inje .omni_recruit_inje_list {width:90%;margin:0 auto;overflow:hidden} .wrap .omni_recruit_visual_inje .omni_recruit_inje_list li{width:50%;padding:0 5% 0 0;max-width:316px;} .wrap .omni_recruit_visual_inje .omni_recruit_inje_list li.item03 {padding-right:0} .wrap .omni_recruit_visual_inje .omni_recruit_inje_list li img {width:100%;} .wrap .omni_omnifit .omni_recruit_inje_list {width:90%;margin:0 auto;overflow:hidden} .wrap .omni_omnifit .omni_recruit_inje_list li{width:36%;padding:0 5% 0 0;max-width:240px;} .wrap .omni_omnifit .omni_recruit_inje_list li.item01 {padding-right:0} .wrap .omni_omnifit .omni_recruit_inje_list li.item02 {padding-right:0} .wrap .omni_omnifit .omni_recruit_inje_list li.item03 {padding-right:0} .wrap .omni_omnifit .omni_recruit_inje_list li.item04 {padding-right:0} .wrap .omni_omnifit .omni_recruit_inje_list li img {width:100%;} .wrap .omni_omnivas .omni_recruit_inje_list {width:90%;margin:0 auto;overflow:hidden} .wrap .omni_omnivas .omni_recruit_inje_list li{width:36%;padding:0 5% 0 0;max-width:150px;} .wrap .omni_omnivas .omni_recruit_inje_list li.item01 {padding-right:0} .wrap .omni_omnivas .omni_recruit_inje_list li.item02 {padding-right:0} .wrap .omni_omnivas .omni_recruit_inje_list li.item03 {padding-right:0} .wrap .omni_omnivas .omni_recruit_inje_list li.item04 {padding-right:0} .wrap .omni_omnivas .omni_recruit_inje_list li img {width:100%;} .wrap .omni_recruit_visual_depth .omni_recruit_depth_list {width:85%;max-width:962px;margin:0 auto;overflow:hidden} .wrap .omni_recruit_visual_depth .omni_recruit_depth_list dt, .wrap .omni_recruit_visual_depth .omni_recruit_depth_list dd {margin-bottom:69px;} .wrap .omni_recruit_visual_depth .omni_recruit_depth_list dt {width:17%;max-width:212px;padding:0 20% 0 0;} .wrap .omni_recruit_visual_depth .omni_recruit_depth_list dd {width:58%;} } @media screen and (max-width: 1250px){ .wrap header {width:100%; height:8.5vw;} .modal-1250{width: 1100px;} .wrap .omni_main_visual_news {padding:75px 0;} .wrap .omni_main_visual_omFamily {padding:75px 0 120px 0;} .wrap .omni_main_visual_omFamily ul.omni_omFamily_list {margin-top:75px} /* .wrap .omni_main_visual_news {padding:75px 0;} .wrap .omni_main_visual_news h3 {width:11%;} .wrap .omni_main_visual_news ol.omni_news_list {width:80%;} .wrap .omni_main_visual_omFamily {padding:75px 0 120px 0;} .wrap .omni_main_visual_omFamily h3 {width:27%;} .wrap .omni_main_visual_omFamily ul.omni_omFamily_list {width:80%;margin-top:75px}*/ /* service */ .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item01 img {width:258px;} .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item02 img {width:217px;} .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item03 img {width:236px} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item01 img {width:269px} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item02 img {display:inline;width:203px} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item03 img {width:199px;} /* news */ .wrap .omni_news_visual_cont .omni_news_list li {width:100%;border-bottom:1px solid #e5e5e5} .wrap .omni_news_visual_cont .omni_news_item_wrap {width:85%;padding:40px 0} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_count_box {width:20%;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_count_box .omni_news_count {width:55%;min-width:78px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_count_box .omni_news_count strong {font-size:55px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_count_box .omni_news_date {font-size:15px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_text_wrap {width:70%} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_text_wrap dl dt {font-size:26px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_text_wrap dl dd {font-size:15px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_text_wrap .omni_news_more {width:82px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_text_wrap .omni_news_more img {width:82px;} .wrap .omni_news_visual_cont .omni_news_paging {margin:32px 0 56px 0;} .wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_link_page {padding:0 8px;font-size:15px;padding-top:8px;} .wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_prev_last img,.wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_prev img {width:35px;} .wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_next_last img,.wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_next img {width:35px;} .wrap .omni_news_visual_view .omni_news_view_wrap {width:85%;padding:44px 0 33px 0;} .wrap .omni_news_visual_view .omni_news_view_wrap .omni_news_view_date {font-size:16px;} .wrap .omni_news_visual_view .omni_news_view_wrap h4 {font-size:30px;padding:15px 0;} .wrap .omni_news_visual_view .omni_news_view_wrap .omni_news_view_press {font-size:13px;} .wrap .omni_news_visual_view .omni_news_view_wrap .omni_news_view_article {padding:25px 0 35px 0;font-size:14px;} .wrap .omni_news_visual_view .omni_news_view_wrap .omni_news_view_article .omni_news_view_photo {padding-bottom:30px} .wrap footer .omni_footer_wrap {width:85%;} } @media screen and (max-width: 1140px){ .wrap header {width:100%; height:9vw;} .wrap header h1 {position:absolute; top:1.5vw; left:70px; max-width: 85px;} .wrap header h1 img {width: 100%;} .wrap header a.omni_header_logo {position:absolute; top: 27px; left: 80px; max-width: 120px} .wrap header a.omni_header_about {position:absolute; top: 34px; right:506px;max-width: 58px} .wrap header a.omni_header_omnifit {position:absolute; top: 34px; right:384px;max-width: 78px} .wrap header a.omni_header_blog {position:absolute; top: 34px;right:300px;max-width: 40px} .wrap header a.omni_header_contact {position:absolute; top: 34px; right:178px;max-width: 74px} .wrap header a.omni_header_lang {position:absolute; top: 34px; right:75px; max-width: 55px} .header-top {position: fixed; top: 0; left: 0; width: 100%; height: 100px; border-bottom: 1px solid #ececec; background-color: white;} .modal-1250{width: 900px;} /* ir */ .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .wrap_irCont {width:85%;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_top .omni_ir_stockholder_left, .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_bottom .omni_ir_stockholder_left {width:100%;float:none;margin-top:5%;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_top .omni_ir_stockholder_right, .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_bottom .omni_ir_stockholder_right {width:100%;float:none;margin-top:5%;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_bottom .omni_ir_stockholder_stock dl {margin:0;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_bottom .omni_ir_stockholder_stock dl dt {width:25%;padding-left:5%;line-height:60px;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_bottom .omni_ir_stockholder_stock dl dd {width:65%;padding-right:5%;line-height:45px;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_bottom .omni_ir_stockholder_stock dl dd span {font-size:40px;} .wrap .omni_ir_notice_list .omni_table th, .wrap .omni_ir_stockholder_cont .omni_table td, .wrap .omni_ir_notice_list .omni_table th, .wrap .omni_ir_stockholder_cont .omni_table th {padding:10px !important;font-size:14px !important;} .wrap .omni_table th.type03 img {width:13px} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_chart {width:562px;margin:0 auto;} /* pravicy */ .wrap #privacy {margin-top: 28px; margin-bottom: 40px;} .wrap .omni_privacy_visual_cont {padding:89px 0 105px 0;} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap {width:90%} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap h3 {width:23%;} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap .omni_privacy_sub_title {width:21%;} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap .omni_privacy_sub_title img {width:100%;max-width:234px;} #section3 .parallax__item__img.i3-0{height: 42%;} #section3 .parallax__item__img.i3-1 {width: 32vw;height: 33vw;top: 35vh;left: 3vw;} #section3 .parallax__item__img.i3-2 {width: 32vw;height: 33vw;top: 42vh;left: 64vw;} #section3 .parallax__item__img.i3-3 {width: 34vw;height: 31vw;top: 57vh;left: 33vw;} #section6 .parallax__item__img.i6-0{height: 64%;top: 23vh;} #section6 .parallax__item__img.i6-1{width: 21vw;height: 21vw;top: 61vh;left: -1vw;} #section6 .parallax__item__img.i6-2{width: 21vw;height: 21vw;top: 61vh;left: 15.3vw;} #section6 .parallax__item__img.i6-3{width: 21vw;height: 21vw;top: 61vh;left: 31.5vw;} #section6 .parallax__item__img.i6-4{width: 21vw;height: 21vw;top: 61vh;left: 47.6vw;} #section6 .parallax__item__img.i6-5{width: 21vw;height: 21vw;top: 61vh;left: 63.8vw;} #section6 .parallax__item__img.i6-6{width: 21vw;height: 21vw;top: 61vh;left: 79.9vw;} } @media screen and (max-width: 980px){ .wrap header {width:100%; height:9.5vw;} } @media screen and (max-width: 980px){ .wrap header {width:100%; height:8.5vw;} .wrap header {width:100%; height:10vw;} .modal-1250{width: 900px;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stock_bottom .omni_ir_stock_today_left {width:100%;float:none;margin-bottom: 8%;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stock_bottom .omni_ir_stock_today_right {width:100%;float:none;} .wrap .omni_contact_visual_cont {padding:58px 0 107px 0} .wrap header a.omni_header_logo {position:absolute; top: 27px; left: 44px; max-width: 120px} .wrap header a.omni_header_about {position:absolute; top: 34px; right:412px;max-width: 58px} .wrap header a.omni_header_omnifit {position:absolute; top: 34px; right:307px;max-width: 78px} .wrap header a.omni_header_blog {position:absolute; top: 34px;right:238px;max-width: 40px} .wrap header a.omni_header_contact {position:absolute; top: 34px; right:134px;max-width: 74px} .wrap header a.omni_header_lang {position:absolute; top: 34px; right:42px; max-width: 55px} .header-top {position: fixed; top: 0; left: 0; width: 100%; height: 100px; border-bottom: 1px solid #ececec; background-color: white;} .about-main-img, #contact-main .contact-main-img {padding-top: 75px;} .job-title {width: 35%; display: flex; align-items: center;} } @media screen and (max-width: 950px){ .wrap header h1 {position:absolute; top:1.5vw; left:70px; max-width: 75px;} .wrap header h1 img {width: 100%;} .modal-1250{width: 800px;} /* service */ .wrap .omni_service_visual_commerce01 h3 {width:65%;padding-bottom:50px;} .wrap .omni_service_visual_commerce01 {padding:66px 0 91px 0} .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item01, .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item03, .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item01,.wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item03 {position:relative;float:none;padding:20px 0;text-align:center;} .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item01 img {width:auto;display:inline} .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item02 {padding:40px 0;} .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item02 img {width:auto;display:inline} .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item03 img {width:auto;display:inline} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item01 img {width:auto;display:inline} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item02 img {width:auto;display:inline} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item03 img {width:auto;display:inline} .wrap .omni_service_visual_commerce02 .omni_service_visual_commerce02_top {padding:83px 0 80px 0} .wrap .omni_service_visual_commerce02 h3 {width:70%;padding-bottom:78px;} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list {width:392px;} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item02, .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item03 {text-align:left;} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item02 img, .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item03 img {padding:40px 0;text-align:left;} /* contact */ .wrap .omni_contact_visual_cont .omni_contact_cont_wrap {width:90%;margin:0 auto} /* privacy */ .wrap #privacy {margin-top: 40px; margin-bottom: 92px;} #privacy.privacy-container {height: 1500px;} #privacy .privacy-pt {padding-top: 6vw;} } /*@media screen and (max-width: 850px){ .modal-1250{width: 700px;} .wrap header.fixed .omni_header a.omni_header_eve {width:100px;top:8px;} .wrap header.fixed .omni_header a.omni_header_lang {width:60px;top:8px;} .wrap header a.omni_header_eve {width:100px;top:8px; right:110px} .wrap header a.omni_header_lang {width:60px;top:8px; right:50px} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .wrap_irCont {width:85%;} }*/ @media screen and (max-width: 955px){ #section2 .parallax__item__img.i2-1, #section4 .parallax__item__img.i4-1{width: 95%;left: 2.5%;} /* main */ #section3 .parallax__item__img.i3-0 {height: 48%; width: 50%; left:25%;} #section3 .parallax__item__img.i3-1 {width: 32%;height: 32%;top: 40vh;left: 5%;} #section3 .parallax__item__img.i3-2 {width: 32%;height: 32%;top: 46vh;left: 65%;} #section3 .parallax__item__img.i3-3 {width: 32%;height: 32%;top: 58vh;left: 35%;} #section6 .parallax__item__img.i6-0 {height: 50%;} #section6 .parallax__item__img.i6-1, #section6 .parallax__item__img.i6-2, #section6 .parallax__item__img.i6-3, #section6 .parallax__item__img.i6-4, #section6 .parallax__item__img.i6-5, #section6 .parallax__item__img.i6-6{top: 52%} } @media screen and (max-width: 900px) { .wrap header {width: 100%;height: 11vw;} } @media screen and (max-width: 817px){ .wrap footer .omni_footer_wrap .footer_block_2-3 {flex: 1 0 400px; max-width: 200px;} } /* TAB START */ @media screen and (max-width: 800px){ .wrap header:hover {background-color: rgb(0,0,0,0)} .modal-1250{width: 650px;} .modalclose{width: 80px;} .wrap .omni_main_visual_intro .omni_main_visual_intro_text {width:45%;} .wrap header {width:100%;height:43px;} .wrap .omni_side_navigation {right:3%;} .wrap header a.omni_header_svc {width:120px;top:14px; right:15%} .wrap header.fixed {height:43px;} .wrap header.fixed .omni_header {height:51px;} .wrap header.fixed h1 {width:70px;top:10px;} .wrap header.fixed .omni_header a.omni_header_svc {width:120px;top:14px;} .omni_header_web {display: none;} .wrap header a.omni_header_logo {position:absolute; top: 24px; left: 6%; max-width: 85px} .wrap header a.omni_header_lang {position:absolute; top: 22px; right:12%; max-width: 48px} .wrap header a.omni_header_side {display:block; width:26px;top:27px; right:6%} .header-top {position: fixed; top: 0; left: 0; width: 100%; height: 75px; border-bottom: 1px solid #ececec; background-color: white;} .wrap .omni_main_visual_works .omni_main_visual_works_top {height:auto; max-height:436px;} .wrap .omni_main_visual_works .omni_main_visual_works_top p {width:80%;max-width:518px;max-height:206px; margin:0 auto;padding:10% 0} .omni_main_visual_works .omni_itemGroupPosition {width:100%;} .wrap .omni_main_visual_news {padding-top:10%;} .wrap .omni_main_visual_news h3 {width:17%;text-align:center;margin:0 auto} .wrap .omni_main_visual_news ol.omni_news_list {margin-top:60px;} .wrap .omni_main_visual_news ol.omni_news_list li {width:100%;height:auto;float:none;padding:6% 0;overflow:hidden} .wrap .omni_main_visual_news ol.omni_news_list li.item01 {padding-top:0;} .wrap .omni_main_visual_news ol.omni_news_list li .omni_news_count {width:15%} .wrap .omni_main_visual_news ol.omni_news_list li dt {font-size:22px;} .wrap .omni_main_visual_news ol.omni_news_list li dd {font-size:14px; padding:25px 0;} .wrap .omni_main_visual_news ol.omni_news_list .omni_news_more {float: right} .wrap .omni_main_visual_news ol.omni_news_list .omni_news_more img {width:80%;} .wrap .omni_main_visual_omFamily {padding:10% 0 15% 0;} .wrap .omni_main_visual_omFamily h3 {width:41%;} .wrap .omni_main_visual_omFamily ul.omni_omFamily_list {width:85%;max-width:800px;} .wrap .omni_main_visual_omFamily ul.omni_omFamily_list li {width:48%;height:auto;float:left;padding:0 0 2% 2%;} .wrap .omni_main_visual_omFamily ul.omni_omFamily_list li.item04 {padding:0 0 2% 2%;} .wrap .omni_main_visual_omFamily ul.omni_omFamily_list li.item03, .wrap .omni_main_visual_omFamily ul.omni_omFamily_list li.item05 {padding-left:0;} .wrap .omni_main_visual_omFamily ul.omni_omFamily_list li.item02, .wrap .omni_main_visual_omFamily ul.omni_omFamily_list li.item04, .wrap .omni_main_visual_omFamily ul.omni_omFamily_list li.item06 {padding-right: 0} /* company */ .wrap .omni_company_visual_history {padding:10% 0 8% 0;} .wrap .omni_company_visual_history h3 {width:20%;} .wrap .omni_company_visual_history .omni_comany_history_thumb {width:90%;margin-top:8%} .wrap .omni_company_visual_works {padding:10% 0 0 0;} .wrap .omni_company_visual_works h3 {width:17%;padding-bottom:8%} .wrap .omni_company_visual_works .omni_company_works_list .company_works_box.item01 {width:100%} .wrap .omni_company_visual_works .omni_company_works_list .company_works_box.item02 {width:100%} .wrap .omni_company_visual_works .omni_company_works_list .company_works_box.item02 a {width:100%} .wrap .omni_company_visual_works .omni_company_works_list .company_works_box.item03 {width:100%} .wrap .omni_company_visual_works .omni_company_works_list .company_works_box.item03 a {width:100%} .wrap .omni_company_visual_overseas {padding:10% 0 15% 0;} .wrap .omni_company_visual_overseas h3 {width:48%;padding-bottom:5%} .wrap .omni_company_visual_overseas p.omni_company_overseas_text {width:70%;padding-bottom:12%;} .wrap .omni_company_visual_overseas .omni_company_overseas_map {width:90%;} .wrap .omni_company_visual_contact {padding:10% 0 1px 0;} .wrap .omni_company_visual_contact h3 {width:19%;padding-bottom:8%} .wrap .omni_company_visual_contact .omni_company_contact_list {width:90%;margin-bottom:8%;height:179px} .wrap .omni_company_visual_contact .omni_company_contact_list li.item01 {position:absolute;top:0;left:0;} .wrap .omni_company_visual_contact .omni_company_contact_list li.item01 img {width:94px;} .wrap .omni_company_visual_contact .omni_company_contact_list li.item02 {width:100%;text-align:center;} .wrap .omni_company_visual_contact .omni_company_contact_list li.item02 img {display:inline;width:113px} .wrap .omni_company_visual_contact .omni_company_contact_list li.item03 {position:absolute;top:0;right:0;} .wrap .omni_company_visual_contact .omni_company_contact_list li.item03 img {width:196px;} .wrap .omni_company_visual_contact .omni_company_contact_map {width:100%;height:350px;} .wrap .omni_company_visual_contact .omni_company_contact_map p {padding-top:150px;} /* recruit */ .wrap .omni_recruit_visual_omin {padding:11% 0 10% 0;} .wrap .omni_recruit_visual_omin h3 {width:18%;padding-bottom:8%} .wrap .omni_recruit_visual_omin .omni_recruit_omin_text {width:65%;padding-bottom:12%;} .wrap .omni_recruit_visual_inje {padding:11% 0 10% 0;} .wrap .omni_recruit_visual_inje h3 {width:15%;padding-bottom:8%;} .wrap .omni_omnifit {padding:11% 0 10% 0;} .wrap .omni_omnifit h3 {width:15%;padding-bottom:8%;} .wrap .omni_omnivas {padding:11% 0 10% 0;} .wrap .omni_omnivas h3 {width:15%;padding-bottom:8%;} .wrap .omni_recruit_visual_depth {padding:11% 0 10% 0;} .wrap .omni_recruit_visual_depth h3 {width:18%;padding-bottom:8%} .wrap .omni_recruit_visual_join .omni_recruit_join_wrap {padding:11% 0 9% 0;} .wrap .omni_recruit_visual_join h3 {width:18%;padding-bottom:9%} .wrap .omni_recruit_visual_join .omni_recruit_join_text {width:80%;padding-bottom:10%} .wrap .omni_recruit_visual_depth .omni_recruit_depth_list dt, .wrap .omni_recruit_visual_depth .omni_recruit_depth_list dd {margin-bottom:0} .wrap .omni_recruit_visual_join .omni_recruit_join_wrap {background-size:100%} .wrap .omni_recruit_visual_join .omni_recruit_join_btn {width:45%;max-width:344px;margin:0 auto;} /* news */ .wrap .omni_news_visual_intro {height:326px;} .wrap .omni_news_visual_intro .omni_news_visual_intro_text {padding-top:140px} .wrap .omni_news_visual_intro .omni_news_visual_intro_text {width:15%} /* contact */ .wrap .omni_contact_visual_intro {height:326px;} .wrap .omni_contact_visual_intro .omni_contact_visual_intro_text {width:30%;padding-top:140px} .wrap .omni_contact_visual_cont {padding:58px 0 107px 0} .wrap .omni_contact_visual_cont h3 {width:85%} .wrap .omni_contact_visual_cont .omni_contact_sub_title01 {width:70%;padding-bottom:55px;} .wrap .omni_contact_visual_cont .omni_contact_sub_title02 {width:53%;padding:38px 0 27px 0} /* pravicy */ .wrap .omni_privacy_visual_intro {height:326px;} .wrap .omni_privacy_visual_intro .omni_privacy_visual_intro_text {width:31%;padding-top:140px} .wrap .omni_privacy_visual_cont {padding:69px 0 85px 0;} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap {width:90%} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap h3 {width:35%;text-align:center;margin:0 auto} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap .omni_privacy_sub_title {width:35%;text-align:center;margin:0 auto;padding-bottom:130px} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap .omni_privacy_sub_title img {width:100%;max-width:234px;} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap .omni_privacy_tab {top:120px} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap .omni_privacy_tab img {display:inline} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap .omni_privacy_tab.tab01 {left:0;width:50%;padding:0;text-align:center;} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap .omni_privacy_tab.tab02 {right:0;width:50%;padding:0;text-align:center;} .wrap .omni_privacy_cont_wrap .omni_privacy_tab_conts dl dt, .wrap .omni_privacy_cont_wrap .omni_privacy_tab_conts dl dd {width:75%;} .wrap .omni_privacy_cont_wrap .omni_privacy_tab_conts dl dt {width:25%} .wrap #privacy {margin-top: 40px; margin-bottom: 98px;} /* ir */ .wrap .omni_ir_visual_intro {height:326px;} .wrap .omni_ir_visual_intro .omni_ir_visual_intro_text {width:15%;padding-top:140px} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_sub_cont {padding-bottom:10%;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .wrap_irCont {width:90%;} .wrap .omni_ir_notice_list .omni_table th, .wrap .omni_ir_notice_list .omni_table td {padding:10px !important;font-size:14px !important;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_notice_read_wrap .omni_notice_read_title h4 {font-size:14px;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_notice_read_wrap .omni_notice_read_title dl {font-size:14px;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stock_top .omni_ir_stock_left {width:100%;float: none;border:0;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stock_top .omni_ir_stock_right {width:100%;float:none;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stock_middle ul li {padding-right: 10%} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stock_middle ul li img {width:80%;} .omni_mask_txt img {max-width:80%;display:inline;} .contact-title {font-size: 28px;} .wrap #privacy {margin-top: 40px; margin-bottom: 150px;} #departmentButtons {display: none;} } @media screen and (max-width: 765px){ .chaeyong>p {display: flex; justify-content: center; text-align: center; font-weight:bold; color:black; font-size: 26px; margin-top: 6vw; margin-bottom: 5vw;} .job-title {width: 50%; display: flex; align-items: center;} } @media screen and (max-width: 650px){ .contact-title {font-size: 20px;} .modal-1250{width: 500px;} .modalclose{width: 60px;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_chart {margin-top:0} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_chart_item {width:80px;height: 80px;border-radius: 50%;background:#eeeeee;position: relative;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_chart_item.gt-50 {background: #81CE97;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_chart_progress {content: "";position: absolute;border-radius: 50%;left: calc(50% - 40px);top: calc(50% - 40px);width: 80px;height: 80px;clip: rect(0, 80px, 80px, 40px);} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_chart_progress .omni_chart_progress_fill {content: ""; position: absolute;border-radius: 50%;left: calc(50% - 40px);top: calc(50% - 40px);width: 80px;height: 80px;clip: rect(0, 40px, 80px, 0);background: #81CE97;transform: rotate(60deg);} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .gt-50 .omni_chart_progress {clip: rect(0, 40px, 80px, 0);} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .gt-50 .omni_chart_progress .omni_chart_progress_fill {clip: rect(0, 80px, 80px, 40px);background: #E5E5E5;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_chart_percents {content: "";position: absolute; border-radius: 50%;left: calc(50% - 54.91304px/2); top: calc(50% - 54.91304px/2);width: 54.91304px;height: 54.91304px;text-align: center;display: table;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_chart_percents span {display: block;font-size: 14px;font-weight: bold;color: #81CE97;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_chart_percents_wrap {display: table-cell;vertical-align: middle;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_chart {width:304px;} .wrap header h1 {position:absolute; top:1.1vw; left:30px; max-width: 60px;} .wrap #privacy {margin-top: 40px; margin-bottom: 100px;} .job-title {width: 100%; display: flex; align-items: center;} #section6 .parallax__item__img.i6-1{width: 21vw;height: 21vw;left: -1vw;} #section6 .parallax__item__img.i6-2{width: 21vw;height: 21vw;left: 15.3vw;} #section6 .parallax__item__img.i6-3{width: 21vw;height: 21vw;left: 31.5vw;} #section6 .parallax__item__img.i6-4{width: 21vw;height: 21vw;left: 47.6vw;} #section6 .parallax__item__img.i6-5{width: 21vw;height: 21vw;left: 63.8vw;} #section6 .parallax__item__img.i6-6{width: 21vw;height: 21vw;left: 79.9vw;} } @media screen and (max-width: 600px){ .modalclose{width: 60px;} .wrap header h1 {position:absolute; width:90px;top:26px; left:45px;} .wrap .omni_main_visual_intro .omni_main_visual_intro_text {width:45%;} .wrap header {width:100%;height:43px;} .wrap header h1 {width:70px;top:10px; left:5%;} /*.wrap header a.omni_header_side {width:20px;top:16px; right:5%}*/ .wrap .omni_side_navigation {right:3%;} .wrap header a.omni_header_svc {width:120px;top:14px; right:15%} .wrap header.fixed {height:43px;} .wrap header.fixed .omni_header {height:51px;} .wrap header.fixed h1 {width:70px;top:10px;} /*.wrap header.fixed .omni_header a.omni_header_side {width:20px;top:16px;}*/ .wrap header.fixed .omni_header a.omni_header_svc {width:120px;top:14px;} .wrap header.fixed .omni_header a.omni_header_eve {width:100px;top:8px;} .wrap header.fixed .omni_header a.omni_header_lang {width:60px;top:36px;} .wrap header a.omni_header_eve {width:100px;top:8px; right:110px} .modal-1250{width: 500px;} .wrap .omni_main_visual_intro .omni_main_visual_intro_text {width:45%;} .wrap header h1 {position:absolute; top:1.1vw; left:30px; max-width: 60px;} .wrap .omni_main_visual_news ol.omni_news_list {margin-top:40px;} .wrap .omni_main_visual_omFamily ul.omni_omFamily_list{margin-top:40px;} /* company */ .wrap .omni_company_visual_contact .omni_company_contact_list {height:auto} .wrap .omni_company_visual_contact .omni_company_contact_list li {padding:0;} .wrap .omni_company_visual_contact .omni_company_contact_list li.item01 {width:50%;position:relative;text-align:center;float:left;padding:0;} .wrap .omni_company_visual_contact .omni_company_contact_list li.item01 img {width:94px;max-width:114px;} .wrap .omni_company_visual_contact .omni_company_contact_list li.item02 {width:50%;text-align:center;float:left;padding:0;} .wrap .omni_company_visual_contact .omni_company_contact_list li.item02 img {display:inline;width:113px;max-width:133px} .wrap .omni_company_visual_contact .omni_company_contact_list li.item03 {width:100%;position:relative;text-align:center;} .wrap .omni_company_visual_contact .omni_company_contact_list li.item03 img {width:196px;max-width:216px} .wrap .omni_company_visual_contact .omni_company_contact_list li img {display:inline;} /* recruit */ .wrap .omni_recruit_visual_omin .omni_recruit_omin_list {width:85%;} .wrap .omni_recruit_visual_omin .omni_recruit_omin_list li{width:30%;max-width:108px;padding:0 5% 0 0} .wrap .omni_recruit_visual_omin .omni_recruit_omin_list li.item01 {padding:0 14% 15px 13%;} .wrap .omni_recruit_visual_omin .omni_recruit_omin_list li.item02 {padding: 0 13% 15px 0} .wrap .omni_recruit_visual_inje .omni_recruit_inje_list {width:85%;} .wrap .omni_recruit_visual_inje .omni_recruit_inje_list li{width:70%;padding:0;max-width:316px;float:none;padding-bottom:10%;display:block;margin: 0 auto} .wrap .omni_omnifit .omni_recruit_inje_list {width:85%;} .wrap .omni_omnifit .omni_recruit_inje_list li{width:70%;padding:0;max-width:240px;float:none;padding-bottom:10%;display:block;margin: 0 auto} .wrap .omni_omnivas .omni_recruit_inje_list {width:85%;} .wrap .omni_omnivas .omni_recruit_inje_list li{width:70%;padding:0;max-width:150px;float:none;padding-bottom:10%;display:block;margin: 0 auto} .wrap .omni_recruit_visual_depth .omni_recruit_depth_list {width:85%;} .wrap .omni_recruit_visual_depth .omni_recruit_depth_list dt, .wrap .omni_recruit_visual_depth .omni_recruit_depth_list dd {height:auto;float:none} .wrap .omni_recruit_visual_depth .omni_recruit_depth_list dt {width:40%;max-width:212px;} .wrap .omni_recruit_visual_depth .omni_recruit_depth_list dd {width:90%;float:right;margin:25px 0;} .wrap .omni_recruit_visual_depth .omni_recruit_depth_list dd.item05 {margin:25px 0;} /* service */ .wrap .omni_service_visual_commerce01 h3 {width:75%;padding-bottom:5%;} .wrap .omni_service_visual_commerce01 {padding:10% 0 8% 0} .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item01, .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item03, .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item01,.wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item03 {position:relative;float:none;padding:20px 0;text-align:center;} .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item01 img {width:58%;display:inline} .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item02 {padding:20px 0;} .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item02 img {width:50%;display:inline} .wrap .omni_service_visual_commerce01 .omni_service_commerce01_list li.item03 img {width:55%;display:inline} .wrap .omni_service_visual_commerce02 .omni_service_visual_commerce02_top {padding:10% 0 8% 0} .wrap .omni_service_visual_commerce02 h3 {width:80%;padding-bottom:5%;} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list {width:60%; margin-left:20%;} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item02, .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item03 {text-align:left;width:100%;} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item02 img, .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item03 img {padding:20px 0;text-align:left;} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item01 img {width:100%;display:inline} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item02 img {width:75%;display:inline} .wrap .omni_service_visual_commerce02 .omni_service_commerce02_list li.item03 img {width:75%;display:inline} /* news */ .wrap .omni_news_visual_intro {height:226px;} .wrap .omni_news_visual_intro .omni_news_visual_intro_text {width:20%;padding-top:90px} .wrap .omni_news_visual_cont .omni_news_list li {width:100%;} .wrap .omni_news_visual_cont .omni_news_item_wrap {width:90%;padding:25px 0} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_count_box {width:20%;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_count_box .omni_news_count {width:5%;min-width:64px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_count_box .omni_news_count strong {font-size:40px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_count_box .omni_news_count img {top:15px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_count_box .omni_news_date {font-size:13px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_text_wrap {width:75%} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_text_wrap dl dt {font-size:19px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_text_wrap dl dd {font-size:13px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_text_wrap .omni_news_more {width:82px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_text_wrap .omni_news_more img {width:82px;} .wrap .omni_news_visual_cont .omni_news_paging {margin:32px 0 56px 0;} .wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_link_page {padding:0 5px;font-size:15px;padding-top:8px;} .wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_prev_last img,.wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_prev img {width:35px;} .wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_next_last img,.wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_next img {width:35px;} .wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_next_last, .wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_next {margin-left:5px;} .wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_prev_last, .wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_prev {margin-right:5px} .wrap .omni_news_visual_view .omni_news_view_wrap {width:90%;padding:10% 0 8% 0;} .wrap .omni_news_visual_view .omni_news_view_wrap .omni_news_view_date {font-size:13px;} .wrap .omni_news_visual_view .omni_news_view_wrap h4 {font-size:19px;padding:5% 0;} .wrap .omni_news_visual_view .omni_news_view_wrap .omni_news_view_press {font-size:12px;} .wrap .omni_news_visual_view .omni_news_view_wrap .omni_news_view_article {padding:5% 0 6% 0;font-size:12px;} .wrap .omni_news_visual_view .omni_news_view_wrap .omni_news_view_article .omni_news_view_photo {padding-bottom:7%;} .wrap .omni_news_visual_view .omni_news_view_wrap .omni_news_view_func {padding-top:10%;} .wrap .omni_news_visual_view .omni_news_view_wrap .omni_news_view_fr a.omni_news_view_print {right:40px} .wrap .omni_news_visual_view .omni_news_view_wrap .omni_news_view_paging img, .wrap .omni_news_visual_view .omni_news_view_wrap .omni_news_view_fr img {width:35px;} /* contact */ .wrap .omni_contact_visual_intro {height:226px;} .wrap .omni_contact_visual_intro .omni_contact_visual_intro_text {width:40%;padding-top:90px} .wrap .omni_contact_visual_cont {padding:10% 0 8% 0;} .wrap .omni_contact_visual_cont h3 {width:90%} .wrap .omni_contact_visual_cont .omni_contact_sub_title01 {width:75%;padding-bottom:8%;} .wrap .omni_contact_visual_cont .omni_contact_sub_title02 {width:45%;padding:5% 0 3% 0} .wrap .omni_contact_visual_cont .omni_contact_submt_btn {margin-top:10%;width:150px;} .wrap .omni_contact_visual_cont .omni_table_contact li.left {width:100%;padding-right:0;} .wrap .omni_contact_visual_cont .omni_table_contact li.right {width:100%;padding-left:0;} /* pravicy */ .wrap .omni_privacy_visual_intro {height:226px;} .wrap .omni_privacy_visual_intro .omni_privacy_visual_intro_text {width:39%;padding-top:90px} .wrap .omni_privacy_visual_cont {padding:10% 0 8% 0;} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap {width:90%} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap h3 {width:45%;text-align:center;margin:0 auto} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap .omni_privacy_sub_title {width:60%;padding-bottom:100px} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap .omni_privacy_tab {top:100px} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap .omni_privacy_tab img {height:16px;} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap .omni_privacy_tab.tab01 {width:49%;} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap .omni_privacy_tab.tab02 {width:51%;} .wrap .omni_privacy_cont_wrap .omni_privacy_tab_conts {font-size:13px;line-height:20px} /* ir */ .wrap .omni_ir_visual_intro {height:226px;} .wrap .omni_ir_visual_intro .omni_ir_visual_intro_text {width:15%;padding-top:90px} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .wrap_irCont {width:90%;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_acdn {height:40px;padding:25px 0;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_acdn h4 {padding: 10px 0} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_acdn h4 img {width:50%;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_acdn a img {width:38px;} .wrap .omni_ir_notice_list .omni_table th, .wrap .omni_ir_notice_list .omni_table td {padding:10px !important;font-size:13px !important;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_notice_read_wrap .omni_notice_read_title {padding: 10px} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_notice_read_wrap .omni_notice_read_title h4 {font-size:13px;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_notice_read_wrap .omni_notice_read_title dl {font-size:13px;padding-right:10px;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_notice_read_wrap .omni_notice_read_desc {padding: 15px 10px 15px 10px} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_notice_read_wrap .omni_ir_func {padding-top:5%;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_notice_read_wrap .omni_ir_paging img, .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_notice_read_wrap .omni_ir_fr img{width:35px;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_notice_read_wrap .omni_ir_fr a.omni_ir_pdf {width:174px;height:13px; right:80px; padding:12px 8px;background-size:100%;font-size:11px;letter-spacing:-1px;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_notice_read_wrap .omni_ir_fr a.omni_ir_pdf span {width:150px;height:13px} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_notice_read_wrap .omni_ir_fr a.omni_ir_print {right:40px} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stock_top .omni_ir_stock_left dl {width:50%;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stock_top .omni_ir_stock_left .omni_ir_stock_main_count {width:35%;font-size:30px;height:56px;line-height: 56px;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stock_top .omni_ir_stock_left .omni_ir_stock_main_count.up {background-size:17px auto;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stock_middle {padding:10% 0 5% 0;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stock_date {font-size:13px;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_finace_title img {width:70%;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_finace_title p {font-size:13px;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_finace_title {margin-bottom:20px;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stock_middle ul li {padding-right: 5%} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stock_middle ul li img {width:50%;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_sub_cont .omni_performance_down img {width:35px;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_top_block h5 img, .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_bottom h5 img{width:70%} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_top_block .omni_ir_stockholder_sub_date, .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_bottom_block .omni_ir_stockholder_sub_date {font-size:13px} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_bottom .omni_ir_stockholder_stock dl dd span {font-size:30px;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_bottom .omni_ir_stockholder_stock dl dt, .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_bottom .omni_ir_stockholder_stock dl dd {font-size:13px;line-height:45px} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_bottom .omni_ir_stockholder_stock dl dt {line-height:55px} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_bottom {margin-top:13%} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_top_block, .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_ir_stockholder_bottom_block {padding-bottom:3%;} .wrap footer {height:auto;} .wrap footer .omni_footer_wrap {width:85%;padding:30px 0;margin:0 auto;} .wrap footer .omni_footer_wrap .omni_footer_left_block {min-width:100%;} .wrap footer .omni_footer_wrap .omni_footer_left_block .omni_foot_privacy {left:100px;top:9px;} .wrap footer .omni_footer_wrap .omni_footer_left_block .omni_footer_contact_list {margin-top:52px;top:0;position:relative;} .wrap footer .omni_footer_wrap .omni_footer_left_block .omni_footer_contact_list li {padding:3px 5px;float:left} .wrap footer .omni_footer_wrap .omni_footer_center_block {width:100%;} .wrap footer .omni_footer_wrap .omni_footer_center_block .omni_footer_address {margin:10px 0;} .wrap footer .omni_footer_wrap .omni_footer_center_block .omni_footer_address p {float:left;padding:3px 5px;} .wrap footer .omni_footer_wrap .omni_footer_center_block .omni_footer_address p.item01 {padding:3px 5px;} .wrap footer .omni_footer_wrap .omni_footer_center_block .omni_footer_address p span {display:inline} .wrap footer .omni_footer_wrap .omni_footer_right_block {margin:0;position:relative;top:0;padding:0 5px;} .wrap footer .omni_footer_wrap .omni_footer_right_block .omni_footer_copyright span {display:inline} .footer-brochure {margin-left: 0; margin-top: 15px;} .dropdown-menu {margin-top: -30px; min-width: 180px; margin-left: 96px;} .omni_foot_family {margin-top: 10px;margin-left: 158px;} .wrap #privacy {margin-top: 40px; margin-bottom: 180px;} #privacy .privacy-pt {padding-top: 12vw;} #section2 .parallax__item__img.i2-1 {top: 120px;} #section4 .parallax__item__img.i4-1 {top: 130px;} #section5 .parallax__item__img.i5-1 {top: 125px;} } /* MOBILE START */ @media screen and (max-width: 480px){ .contact-title {font-size: 18px;} .contact-mt {margin-top: 20px;} .modal-1250{width: 350px;} .wrap .omni_main_visual_news h3 {width:23%;} .wrap .omni_main_visual_omFamily h3 {width:51%;} .wrap header a.omni_header_lang {position:absolute; top: 22px; right:17%; max-width: 48px} /* company */ .wrap .omni_company_visual_contact h3 {width:32%;padding-bottom:8%} .wrap .omni_company_visual_overseas h3 {width:70%;padding-bottom:5%} .wrap .omni_company_visual_history h3 {width:32%;} .wrap .omni_company_visual_works h3 {width:25%;padding-bottom:8%} .wrap .omni_company_visual_contact .omni_company_contact_list li.item01 img {width:74px;max-width:114px;} .wrap .omni_company_visual_contact .omni_company_contact_list li.item02 img {display:inline;width:93px;max-width:133px} .wrap .omni_company_visual_contact .omni_company_contact_list li.item03 img {width:176px;max-width:216px;margin-top:15px} /* recruit */ .wrap .omni_recruit_visual_omin h3 {width:25%;padding-bottom:5%;} .wrap .omni_recruit_visual_inje h3 {width:23%;padding-bottom:10%} .wrap .omni_recruit_visual_depth h3 {width:28%;padding-bottom:8%} .wrap .omni_recruit_visual_join h3 {width:28%;padding-bottom:7%} /* news */ .wrap .omni_news_visual_intro {height:200px;} .wrap .omni_news_visual_intro .omni_news_visual_intro_text {width:25%;padding-top:84px} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_count_box {width:100%;float:none;margin:0 auto} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_count_box .omni_news_count {width:47px;min-width:47px;height:35px;float:left;line-height:30px} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_count_box .omni_news_count strong {font-size:25px;padding-left:13px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_count_box .omni_news_count img {top:0;width:10px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_count_box .omni_news_date {float:right;padding-top:15px;height:16px;font-size:13px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_text_wrap {width:100%;margin-top:20px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_text_wrap dl dt {font-size:19px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_text_wrap dl dd {font-size:13px;padding:20px 0 20px 0} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_text_wrap .omni_news_more {width:70px;} .wrap .omni_news_visual_cont .omni_news_item_wrap .omni_news_text_wrap .omni_news_more img {width:70px;} .wrap .omni_news_visual_cont .omni_news_paging {margin:20px 0 30px 0;} .wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_link_page {padding:0 2px;font-size:12px;padding-top:8px;} .wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_prev_last img,.wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_prev img {width:26px;} .wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_next_last img,.wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_next img {width:26px;} .wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_next_last, .wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_next {margin-left:2px;} .wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_prev_last, .wrap .omni_news_visual_cont .omni_news_paging .omni_news_paging_prev {margin-right:2px} /* contact */ .wrap .omni_contact_visual_intro {height:200px;} .wrap .omni_contact_visual_intro .omni_contact_visual_intro_text {width:40%;padding-top:84px} .wrap .omni_contact_visual_cont {padding:30px 0 20px 0;} .wrap .omni_contact_visual_cont h3 {width:100%;padding-bottom:20px;} .wrap .omni_contact_visual_cont .omni_contact_sub_title01 {width:85%;padding-bottom:25px;} .wrap .omni_contact_visual_cont .omni_contact_sub_title02 {width:55%;padding:5% 0 3% 0} .wrap .omni_contact_visual_cont .omni_contact_submt_btn {margin-top:10%;width:150px;} /* pravicy */ .wrap .omni_privacy_visual_intro {height:200px;} .wrap .omni_privacy_visual_intro .omni_privacy_visual_intro_text {width:47%;padding-top:84px} .wrap .omni_privacy_visual_cont {padding:10% 0 8% 0;} .wrap .omni_privacy_visual_cont .omni_privacy_cont_wrap .omni_privacy_tab img {height:15px;} /* ir */ .wrap .omni_ir_visual_intro {height:200px;} .wrap .omni_ir_visual_intro .omni_ir_visual_intro_text {width:25%;padding-top:84px} .job-title {width: 185%; display: flex; align-items: center;} #section3 .parallax__item__img.i3-1 {top: 28vh;} #section3 .parallax__item__img.i3-2 {top: 31vh;} #section3 .parallax__item__img.i3-3 {top: 46vh;} } @media screen and (max-width: 400px){ .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_notice_read_wrap .omni_ir_func {height:90px;} .wrap .omni_ir_visual_cont .omni_ir_cont_wrap .omni_notice_read_wrap .omni_ir_fr a.omni_ir_pdf {width:190px;top:50px;right:0;margin-right:0;} .job-type { display: none; } #section3 .parallax__item__img.i3-1 {top: 28vh;} #section3 .parallax__item__img.i3-2 {top: 31vh;} #section3 .parallax__item__img.i3-3 {top: 47vh;} } @media print { body * { visibility: hidden; } #print_wrap, #print_wrap * { visibility: visible; } #print_wrap { position: absolute; left: 0; top: 0; } #print_not_wrap, #print_not_wrap * {visibility: hidden;} } @media screen and (max-width: 650px) { .contact-50 { flex-direction: column; } .contact-50 input { width: 100%; } .contact-50 span.label-right { display: none; } .contact-50 span.label-mobile { display: block; font-size: 17px; font-weight: bold; color: black; margin-left: 5px; } .contact-50 input.left { background-color: #fbfcfc; border: 1px solid #d9d9d9; border-radius:7px !important; width: 100%; padding: 15px 20px; margin: 10px 20px 25px 0px; color: black; } .contact-50 input.right { background-color: #fbfcfc; border: 1px solid #d9d9d9; border-radius:7px !important; width: 100%; padding: 15px 20px; margin: 10px 20px 25px 0px; color: black; } .contact-hr { margin-bottom: 0; } .contact-full input { margin : 15px 0 25px 0; } }