/* INDEX------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------- */ .m_pc { display:block; } .m_mob { display:none; } /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ----------------------------------------------------------------------------- */ .main_wrap { display:block; overflow:hidden; clear:both; } .main_content_wrap { display:block; overflow:hidden; clear:both; } .m_tit_wrap { display:block; overflow:hidden; margin:0 0 55px 0; font-weight:normal; } .m_etit { display:block; overflow:hidden; margin:0 0 15px 0; font-family: 'Montserrat', sans-serif; font-size:16px; color:#155a5a; font-weight:700; letter-spacing:0; line-height:100%; } .m_tit { display:block; overflow:hidden; } .m_tit h2 { display:inline-block; overflow:hidden; vertical-align:bottom; font-weight:normal; font-family: 'GmarketSansBold'; line-height:130%; font-size:44px; } .m_tit span { display:inline-block; overflow:hidden; vertical-align:bottom; font-family: 'GmarketSansMedium'; line-height:130%; font-size:17px; margin:0 0 10px 10px; color:#777; word-break:keep-all; } /* ----------------------------------------------------------------------------- */ /* 메인 슬라이드 */ /* ----------------------------------------------------------------------------- */ .main_vis_wrap { display:block; overflow:hidden; position:relative; } .m_vis_slide { display:block; overflow:hidden; } .m_vis_slide li { display:block; overflow:hidden; position:relative; height:700px; } /* 장애인 표준사업장 */ .m_vis_item1 { background:url('/images/main/m_vi1_bg.jpg') center center no-repeat; background-size:cover; } .mv_dis_wrap { display:block; overflow:hidden; position:relative; text-align:center; width:90%; max-width:1400px; margin:100px auto 0 auto; } .mv_dis_text1 { display:block; overflow:hidden; font-family: 'OTEnjoystoriesBA'; color:#fff; font-size:60px; line-height:100%; word-break:keep-all; word-wrap:break-word; } .mv_dis_text2 { display:block; overflow:hidden; font-family: 'GmarketSansMedium'; font-size:54px; line-height:130%; color:#fff; word-break:keep-all; word-wrap:break-word; margin:40px 0; } .mv_dis_text2 span { font-family: 'GmarketSansBold'; } .mv_dis_color1 { color:#5ec2d2; } .mv_dis_color2 { color:#1169b3; } .mv_dis_text3 { display:block; overflow:hidden; width:100%; max-width:810px; margin:0 auto; color:#fff; font-size:35px; font-family: 'GmarketSansMedium'; word-break:keep-all; word-wrap:break-word; line-height:120%; padding:0; } .mv_dis_text4 { display:block; overflow:hidden; margin:30px 0 0 0; } .mv_dis_text4 span { display:block; overflow:hidden; font-size:20px; font-family: 'GmarketSansMedium'; color:#fff; opacity:.9; line-height:140%; } /* ONE STOP*/ .m_vis_item2 { background:url('/images/main/m_vi2_bg.jpg') center center no-repeat; background-size:cover; } .mv_one_wrap { display:block; overflow:hidden; position:relative; width:90%; max-width:1400px; margin:100px auto 0 auto; font-family: 'GmarketSansMedium'; color:#fff; word-break:keep-all; word-wrap:break-word; } .mv_one_text1 { display:block; overflow:hidden; } .mv_one_text1 span { display:inline-block; overflow:hidden; font-size:30px; line-height:120%; word-break:keep-all; word-wrap:break-word; background:#1169b3; padding:15px 30px 10px 30px;} .mv_one_text2 { display:block; overflow:hidden; font-size:70px; font-family: 'GmarketSansBold'; line-height:120%; word-break:keep-all; word-wrap:break-word; margin:35px 0 50px 0; } .mv_one_text3 { display:block; overflow:hidden; font-size:35px; line-height:120%; word-break:keep-all; word-wrap:break-word; } .mv_one_text4 { display:block; overflow:hidden; line-height:120%; margin:25px 0 0 0; } .mv_one_text4 span { display:block; overflow:hidden; font-size:20px; opacity:.7; line-height:140%; word-break:keep-all; word-wrap:break-word; } /* 슬라이드 에디터 */ .main_slide_util_wrap { display:block; overflow:hidden; position:absolute; bottom:50px; left:0; width:100%; } .main_slide_util_core { display:block; overflow:hidden; width:90%; max-width:1400px; margin:0 auto; } .main_slide_util_inner { display:block; overflow:hidden; width:100%; max-width:400px; position:relative; } .main_slide_util { display:block; overflow:hidden; margin:0 110px; position:relative; min-height:45px; text-align:center; } #sliderStatus { display:inline-block; overflow:hidden; vertical-align:middle; color:#fff; font-family: 'Montserrat', sans-serif; font-size:18px; } .numerhere { display:inline-block; overflow:hidden; vertical-align:middle; line-height:45px; font-weight:700; margin:0 10px 0 0; } .numerhere:after { display:inline-block; overflow:hidden; vertical-align:middle; line-height:45px; font-weight:100; letter-spacing:0; font-size:16px;padding:0 2px 0 0;margin:0 0 0 15px; content:'/'; } .ltest { display:inline-block; overflow:hidden; vertical-align:middle; line-height:45px; } .m_controll { display:inline-block; overflow:hidden; vertical-align:middle; margin:-2px 0 0 5px; } .pro_btn { display:inline-block; overflow:hidden; vertical-align:middle; margin:0 0 0 5px; background:none; cursor:pointer; } .prostart { display:none; } .pro_cont { display:block; overflow:hidden; position:absolute; top:0; width:90px; height:45px; } .vis_prev { left:0 ; } .vis_prev a { display:block; overflow:hidden; position:relative; width:100%; height:100%; background:url('/images/main/vis_prev_icon.png') center center no-repeat; font-size:0; text-indent:-9999px; } .vis_next { right:0 ; } .vis_next a { display:block; overflow:hidden; position:relative; width:100%; height:100%; background:url('/images/main/vis_next_icon.png') center center no-repeat; font-size:0; text-indent:-9999px; } /* ----------------------------------------------------------------------------- */ /* 사업소개 */ /* ----------------------------------------------------------------------------- */ .m_f1_wrap { display:block; overflow:hidden; } .m_f1_core { display:block; overflow:hidden; width:90%; max-width:1400px; margin:120px auto; position:relative; } .m_business_wrap { display:block; overflow:hidden; } /* 사업 안내 */ .mb_info_wrap { display:block; overflow:hidden; margin:0 0 25px 0; } .mb_info_list { display:flex; flex-wrap:wrap; justify-content:space-between; } .mb_info_item { display:block; overflow:hidden; position:relative; width:32%; height:370px; } .mb_info1 { background:url('/images/main/m_info_bg1.jpg') center center no-repeat; background-size:cover; } .mb_info2 { background:url('/images/main/m_info_bg2.jpg') center center no-repeat; background-size:cover; } .mb_info3 { background:url('/images/main/m_info_bg3.jpg') center center no-repeat; background-size:cover; } .mb_info_text_wrap { display:block; overflow:hidden; width:100%; height:100%; background:rgba(0,0,0,.5); } .mb_info_text { display:block; overflow:hidden; margin:0 15px; position:relative; text-align:center; color:#fff; } .mb_info_ttext { display:block; overflow:hidden; font-family: 'GmarketSansBold'; font-size:30px; line-height:130%; margin:0 0 15px 0; } .mb_info_stext { display:block; overflow:hidden; font-family: 'GmarketSansMedium'; word-break:keep-all; line-height:160%; } /* 장애인 고용 선순환*/ .mb_employ_wrap { display:block; overflow:hidden; background:url('/images/main/mb_employ_bg.jpg') top center no-repeat; background-size:cover; } .mb_employ_core { display:block; overflow:hidden; margin:60px; position:relative; } .mbe_item_wrap { display:block; overflow:hidden; margin:0 730px 0 0; } .mbe_item_dl { display:block; overflow:hidden; } .mbe_item_dl1 { margin:0 0 60px 0; } .mbe_item_dt { display:block; overflow:hidden; position:relative; z-index:2; text-align:center; } .mbe_item_tit { display:block; overflow:hidden; width:380px; border-radius:999px; color:#fff; padding:15px 0 11px 0; font-family: 'GmarketSansMedium'; line-height:120%; font-size:20px; margin:0 auto; } .mbe_item_dl1 .mbe_item_tit { background:#155a5a; } .mbe_item_dl2 .mbe_item_tit { background:#456006; } .mbe_item_dd { display:block; overflow:hidden; position:relative; z-index:1; box-sizing:border-box; border-radius:20px; margin:-25px 0 0 0; } .mbe_item_dl1 .mbe_item_dd { border:1px solid #5ec2d2; } .mbe_item_dl2 .mbe_item_dd { border:1px solid #92c123; } .mbe_item_list { display:block; overflow:hidden; margin:30px 40px 30px 40px; } .mbe_item_list li { display:block; overflow:hidden; color:#fff; font-family: 'GmarketSansMedium'; margin:18px 0 0 0; word-break:keep-all; position:relative; padding:0 0 0 15px; } .mbe_item_dl1 .mbe_item_list li { width:45%; float:left; margin:15px 1% 0 0; } .mbe_item_dl1 .mbe_item_list li:before { display:block; overflow:hidden; background:#5ec2d2; position:absolute; top:7px; left:0; width:5px; height:5px; border-radius:999px; content:''; } .mbe_item_dl2 .mbe_item_list li:before { display:block; overflow:hidden; background:#92c123; position:absolute; top:7px; left:0; width:5px; height:5px; border-radius:999px; content:''; } .mbe_result_wrap { display:block; overflow:hidden; width:670px; position:absolute; top:0; right:0; text-align:center; color:#fff; font-family: 'GmarketSansMedium'; } .mbe_result_top { display:block; overflow:hidden; margin:0 0 50px 0; } .mbe_result_stit { display:block; overflow:hidden; word-break:keep-all; font-size:26px; line-height:140%; } .mbe_result_tit { display:block; overflow:hidden; color:#5ec2d2; font-size:40px; line-height:120%; word-break:keep-all; margin:10px 0 0 0; } .mbe_result_tit span { font-family: 'GmarketSansBold'; } .mbe_result_cont { display:block; overflow:hidden; } .mbe_result_dl { display:block; overflow:hidden; } .mbe_result_dt { display:block; overflow:hidden; width:380px; border-radius:999px; color:#fff; padding:15px 0 11px 0; font-family: 'GmarketSansMedium'; line-height:120%; font-size:20px; margin:0 auto; background:#1169b3; } .mbe_result_dd { display:block; overflow:hidden; margin:25px 0 0 0; position:relative; } .mbe_result_list { display:block; overflow:hidden; position:relative; height:200px; width:100%; max-width:485px; margin:0 auto; background:url('/images/main/mbe_result_list.png') left 80px bottom no-repeat; } .mbe_result_list li { display:block; overflow:hidden; position:absolute; word-break:keep-all; line-height:130%; } .mbe_result1 { top:0; left:50%; margin:0 0 0 -97px; width:194px; } .mbe_result2 { bottom:10px; right:0; width:205px; } .mbe_result3 { bottom:10px; left:0; width:205px; } /* ----------------------------------------------------------------------------- */ /* 제품소개 */ /* ----------------------------------------------------------------------------- */ .m_f2_wrap { display:block; overflow:hidden; position:relative; z-index:2; } .m_f2_core { display:block; overflow:hidden; width:90%; max-width:1400px; margin:0 auto; position:relative; } .m_f2_core .m_tit h2 { display:block; } .m_f2_core .m_tit span { display:block; margin:10px 0 0 0; } .m_goods_wrap { display:block; overflow:hidden; } .m_goods_slide { display:block; overflow:hidden; } .m_goods_item { display:block; overflow:hidden; position:relative; color:#fff; } .m_goods1 { background:url('/images/main/m_goods_bg1.jpg') center top no-repeat; background-size:cover; color:#000; } .m_goods2 { background:url('/images/main/m_goods_bg2.jpg') center center no-repeat; background-size:cover; } .m_goods3 { background:url('/images/main/m_goods_bg3.jpg') center center no-repeat; background-size:cover; } .m_goods4 { background:url('/images/main/m_goods_bg4.jpg') center center no-repeat; background-size:cover; } .m_goods_inner { display:block; overflow:hidden; position:relative; margin:60px; font-family: 'GmarketSansMedium'; } .m_goods_text_wrap { display:block; overflow:hidden; width:100%; max-width:290px; text-shadow:1px 1px 0 rgba(0,0,0,.7); } .m_goods1 .m_goods_text_wrap { text-shadow:1px 1px 0 rgba(255,255,255,.9); } .m_goods_etext { display:block; overflow:hidden; font-size:16px; font-family: 'Montserrat', sans-serif; font-weight:600; line-height:120%; } .m_goods_ttext { display:block; overflow:hidden; font-size:36px; line-height:120%; margin:20px 0 30px 0; } .m_goods_stext { display:block; overflow:hidden; font-family: 'ONE-Mobile-Regular'; line-height:140%; min-height:120px; word-break:keep-all; } .m_goods_btn { display:block; overflow:hidden; } .m_goods_btn span { display:inline-block; overflow:hidden; vertical-align:middle; font-size:12px; font-family: 'Montserrat', sans-serif; font-weight:600; color:#fff; } .m_goods1 .m_goods_btn span { color:#000; } .m_goods_btn img { display:inline-block !important; overflow:hidden; vertical-align:middle; width:auto !important; margin:-2px 0 0 5px; } .m_goods_wrap .owl-nav { text-align:center; margin:20px 0 0 0; } .m_goods_wrap .owl-nav button { display:inline-block; overflow:hidden; margin:0 -1px; width:40px; height:40px; vertical-align:middle; font-size:0; text-indent:-9999px; } .m_goods_wrap .owl-nav button.owl-prev { background:#aaa url('/images/main/m_goods_prev.png') center center no-repeat !important; } .m_goods_wrap .owl-nav button.owl-next { background:#666 url('/images/main/m_goods_next.png') center center no-repeat !important; } /* ----------------------------------------------------------------------------- */ /* 추천상품 */ /* ----------------------------------------------------------------------------- */ .m_f3_wrap { display:block; overflow:hidden; position:relative; z-index:1; margin:-180px 0 0 0; background:#ebebed; } .m_f3_core { display:block; overflow:hidden; padding:180px 0 0 0; margin:120px 0 120px auto; width:calc(100% - 250px); position:relative; } .m_recom_wrap { display:block; margin: 50px 0 0 0; font-family: 'GmarketSansMedium'; } .m_recom_list { display:block; height:570px; position:relative;} .m_recom_list li { float:left; overflow:visible; } .m_recom_btn { display:block; overflow:hidden; width:130px; height:50px; line-height:50px; border:1px solid #1169b3; box-sizing:border-box; text-align:center; color:#1169b3; margin:0 10px 0 0;} .m_recom_comnt { display:none; position:absolute; top:95px; left:0; width:100%; height:475px; } .m_recom_list li.mr_act .m_recom_btn { color:#fff; background:#1169b3; } .m_recom_list li.mr_act .m_recom_comnt { display:block; } .mr_goods_list { display:block; } .mr_goods_btn { display:block; overflow:hidden; background:#fff; height:475px; } .mr_goods_img { display:block; overflow:hidden; height:335px; } .mr_goods_img img { display:block; overflow:hidden; height:auto; width:100%; } .mr_goods_text { display:block; overflow:hidden; margin:30px; } .mr_goods_type { display:block; overflow:hidden; color:#1169b3; font-size:14px; line-height:120%; } .mr_goods_tit { display:block; overflow:hidden; font-size:20px; white-space:nowrap; text-overflow:ellipsis; margin:18px 0 8px 0; line-height:120%; } .mr_goods_stext { display:block; overflow:hidden; font-size:15px; white-space:nowrap; text-overflow:ellipsis; font-family: 'ONE-Mobile-Regular'; color:#777; line-height:120%; } .mr_goods_list .owl-nav { display:block; overflow:hidden; width:170px; height:70px; position:absolute; top:-240px; right:250px; } .mr_goods_list .owl-nav button { display:block; overflow:hidden; float:left; width:70px; height:70px; border-radius:9999px; font-size:0; text-indent:-9999px; } .mr_goods_list .owl-nav button.owl-prev { background:#fff url('/images/main/m_rec_prev.png') center center no-repeat !important; margin:0 30px 0 0; } .mr_goods_list .owl-nav button.owl-next { background:#fff url('/images/main/m_rec_next.png') center center no-repeat !important; } .mr_data_none { display:block; overflow:hidden; width:calc(100% - 250px); height:100%; text-align:center; } .mr_data_text { display:block; overflow:hidden; position:relative; margin:0 10px; } /* ----------------------------------------------------------------------------- */ /* ABOUT US */ /* ----------------------------------------------------------------------------- */ .m_f4_wrap { display:block; overflow:hidden; position:relative; background:#fff url('/images/main/m_f4_bg.jpg') -15% top no-repeat; background-size:contain; } .m_f4_core { display:block; overflow:hidden; width:90%; max-width:1400px; margin:190px auto; } .m_f4_tit_wrap { display:block; overflow:hidden; margin:0 0 90px auto; width:100%; max-width:820px; } .m_f4_tit_core { display:block; overflow:hidden; position:relative; } .m_f4_tit { display:block; overflow:hidden; margin:0 250px 0 0; } .m_f4_tit h2 { display:block; overflow:hidden; font-size:55px; font-family: 'Play', sans-serif; line-height:120%; } .m_f4_ttext { display:block; overflow:hidden; margin:50px 0 0 0; } .m_f4_ttext span { display:block; overflow:hidden; font-family: 'GmarketSansMedium'; line-height:140%; word-break:keep-all; color:#777; } .m_f4_more { display:block; overflow:hidden; position:absolute; bottom:3px; right:0; width:190px; height:55px; line-height:55px; border:1px solid #1169b3; box-sizing:border-box; text-align:center; background:url('/images/main/m_f4_more.jpg') center left no-repeat; color:#1169b3; font-size:12px; font-family:'Montserrat', sans-serif; font-weight:600; letter-spacing:0; text-indent:60px; } .m_about_wrap { display:block; overflow:hidden; background:#fff; } .m_about_list { display:flex; flex-wrap:wrap; justify-content:space-between background:#fff; border:1px solid #d1d1d1; box-sizing:border-box; } .m_about_btn { display:block; overflow:hidden; width:25%; border-right:1px solid #d1d1d1; box-sizing:border-box; } .m_about_btn:hover { background:#fbfaf4; } .m_about_btn:last-child { border-right:0; } .m_about_inner { display:block; overflow:hidden; margin:55px 30px; } .m_about1 { background:url('/images/main/m_about_icon1.png') top right no-repeat; } .m_about2 { background:url('/images/main/m_about_icon2.png') top right no-repeat; } .m_about3 { background:url('/images/main/m_about_icon3.png') top right no-repeat; } .m_about4 { background:url('/images/main/m_about_icon4.png') top right no-repeat; } .m_about_tit { display:block; overflow:hidden; font-family: 'GmarketSansMedium'; font-size:20px; line-height:120%; margin:10px 0 0 0; } .m_about_text { display:block; overflow:hidden; width:90%; font-family: 'ONE-Mobile-Regular'; font-size:16px; line-height:150%; word-break:keep-all; margin:50px 0 30px 0; color:#777; } /* ----------------------------------------------------------------------------- */ /* CUSTOMER CENTER */ /* ----------------------------------------------------------------------------- */ .m_f5_wrap { display:block; overflow:hidden; background:#333 url('/images/main/m_f5_bg.jpg') center center no-repeat; background-size:cover; } .m_f5_core { display:block; overflow:hidden; width:90%; max-width:1400px; margin:90px auto; } .m_cus_wrap { display:block; overflow:hidden; text-align:center; color:#fff; } .m_cus_top { display:block; overflow:hidden; } .m_cus_tit { display:block; overflow:hidden; font-size:40px; font-family: 'Play', sans-serif; line-height:120%; } .m_cus_ttext { display:block; overflow:hidden; font-family: 'GmarketSansMedium'; opacity:.8; margin:10px 0 0 0; word-break:keep-all; } .m_cus_num { display:block; overflow:hidden; margin:35px 0; } .m_cus_num img { display:inline-block; overflow:hidden; vertical-align:middle; margin:0 20px 0 0; } .m_cus_num span { display:inline-block; overflow:hidden; vertical-align:middle; color:#fff; font-family: 'Montserrat', sans-serif; font-size:60px; font-weight:400; line-height:120%; letter-spacing:0; } .m_cus_btn_wrap { display:block; overflow:hidden; } .m_cus_btn { display:inline-block; overflow:hidden; vertical-align:middle; border-radius:999px; border:1px solid #fff; box-sizing:border-box; width:47%; max-width:250px; height:55px; line-height:55px; color:#fff; font-family: 'GmarketSansMedium'; margin:0 15px; } /* ----------------------------------------------------------------------------- */ /* 납품사례 */ /* ----------------------------------------------------------------------------- */ .m_f6_wrap { display:block; overflow:hidden; position:relative; background:url('/images/main/m_f6_bg.jpg') center center repeat-y; } .m_f6_core { display:block; overflow:hidden; margin:0 auto; width:90%; max-width:1400px; } .m_banner_btn { display:block; overflow:hidden; float:left; width:50%; } .m_banner1 { background:#1a1f29; } .m_banner2 { background:#121a2e; } .m_banner_inner { display:block; overflow:hidden; margin:80px 50px; position:relative; } .m_banner_text { display:block; overflow:hidden; margin:0 120px 0 0; } .m_banner_etext { display:block; overflow:hidden; font-family: 'Montserrat', sans-serif; font-size:16px; color:#5ec2d2; font-weight:700; letter-spacing:0; line-height:100%; margin:0 0 15px 0; } .m_banner_ttext { display:block; overflow:hidden; color:#fff; word-break:keep-all; font-family: 'GmarketSansMedium'; line-height:140%; word-break:keep-all; } .m_banner_more { display:block; overflow:hidden; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .m_banner_more span { display:inline-block; overflow:hidden; vertical-align:middle; font-family: 'Montserrat', sans-serif; font-size:12px; color:#5ec2d2; font-weight:600; letter-spacing:0; line-height:100%; margin:3px 10px 0 0; } .m_banner_more img { display:inline-block; overflow:hidden; vertical-align:middle; } /* ----------------------------------------------------------------------------- */ /* 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 */ /* ----------------------------------------------------------------------------- */ .m_tit_wrap { text-align:center; margin:0 0 15px 0; } .m_etit { display:none; } .m_tit h2 { font-size:30px; } .m_tit span { display:none; } /* ----------------------------------------------------------------------------- */ /* 메인 슬라이드 */ /* ----------------------------------------------------------------------------- */ .m_vis_slide li { height:350px; } /* 장애인 표준사업장 */ .mv_dis_wrap { margin:50px auto 0 auto; } .mv_dis_text1 { font-size:26px; } .mv_dis_text2 { font-size:30px; margin:15px 0 20px 0; } .mv_dis_text3 { font-size:15px; padding:12px 0 8px 0; } .mv_dis_text4 { display:none; } /* ONE STOP*/ .mv_one_wrap { margin:50px auto 0 auto; } .mv_one_text1 span { font-size:18px; padding:10px 20px 7px 20px; } .mv_one_text2 { font-size:34px; margin:20px 0; } .mv_one_text3 { font-size:15px; } .mv_one_text4 { display:none; } /* 슬라이드 에디터 */ .main_slide_util_inner { width:100%; max-width:100%; } /* ----------------------------------------------------------------------------- */ /* 사업소개 */ /* ----------------------------------------------------------------------------- */ .m_f1_core { margin:60px auto; } /* 사업 안내 */ .mb_info_wrap { margin:0; } .mb_info_item { width:100%; margin:0 0 10px 0; height:150px; } .mb_info_ttext { font-size:24px; margin:0; } .mb_info_stext { display:none; } /* 장애인 고용 선순환*/ .mb_employ_wrap { background:url('/images/main/mb_employ_bgm.jpg') center center no-repeat; background-size:cover; } .mb_employ_core { margin:50px 20px; position:relative; } .mbe_item_wrap { margin:0; } .mbe_item_dl1 { margin:0 0 20px 0; } .mbe_item_tit { width:260px; padding:14px 0 10px 0; font-size:14px; } .mbe_item_dd { margin:-20px 0 0 0; text-align:center; } .mbe_item_list { display:inline-block; margin:25px 30px 15px 30px; } .mbe_item_list li { margin:10px 0 0 0; font-size:13px; text-align:left; } .mbe_item_dl1 .mbe_item_list li { width:100%; float:none; margin:10px 0 0 0; } .mbe_result_wrap { width:100%; position:relative; margin:40px 0 0 0; } .mbe_result_top { margin:0 0 30px 0; } .mbe_result_stit { font-size:18px; } .mbe_result_tit { font-size:24px; } .mbe_result_dt { width:260px; padding:14px 0 10px 0; font-size:14px; } .mbe_result_dd { margin:25px 0 0 0; position:relative; } .mbe_result_list { height:200px; background:url('/images/main/mbe_result_list.png') center center no-repeat; background-size:224px; } .mbe_result_list li { font-size:14px; } .mbe_result1 { margin:0 0 0 -77px; width:154px; } .mbe_result2 { bottom:10px; right:0; width:115px; } .mbe_result3 { bottom:10px; left:0; width:105px; } /* ----------------------------------------------------------------------------- */ /* 제품소개 */ /* ----------------------------------------------------------------------------- */ .m_f2_core .m_tit span { display:none; } .m_goods_inner { margin:40px 25px; } .m_goods_text_wrap { max-width:210px; } .m_goods_etext { font-size:12px; } .m_goods_ttext { font-size:24px; margin:10px 0 15px 0; } .m_goods_stext { font-size:14px; min-height:90px; } /* ----------------------------------------------------------------------------- */ /* 추천상품 */ /* ----------------------------------------------------------------------------- */ .m_f3_core { margin:60px auto; width:90%; } .m_recom_wrap { margin:10px 0 0 0; } .m_recom_list { height:370px; padding:0 0 80px 0 } .m_recom_list li { width:16.6%; } .m_recom_btn { width:100%; height:40px; line-height:42px; font-size:13px; border-right:0; } .m_recom_list li:last-child .m_recom_btn { border-right:1px solid #1169b3; } .m_recom_comnt { top:65px; left:0;height:310px; } .mr_goods_list { display:block; } .mr_goods_btn { height:310px; } .mr_goods_img { height:170px; } .mr_goods_text { margin:15px; } .mr_goods_type { font-size:12px; } .mr_goods_tit { white-space:normal; word-wrap:break-word; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:38px; font-size:15px; margin:10px 0 8px 0; line-height:140%; } .mr_goods_stext { white-space:normal; word-wrap:break-word; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:36px; font-size:13px; line-height:140%; } .mr_goods_list .owl-nav { width:130px; height:50px; position:relative; margin:20px auto 0 auto; top:0; right:0; } .mr_goods_list .owl-nav button { width:50px; height:50px; margin:0 !important; } .mr_goods_list .owl-nav button.owl-next { float:right; } .mr_data_none { width:100%; } /* ----------------------------------------------------------------------------- */ /* ABOUT US */ /* ----------------------------------------------------------------------------- */ .m_f4_wrap { background:#fff; } .m_f4_core { margin:60px auto; } .m_f4_tit_wrap { margin:0 0 40px auto; } .m_f4_tit { margin:0; } .m_f4_tit h2 { font-size:30px; } .m_f4_ttext { margin:30px 0 0 0; } .m_f4_ttext span { display:inline; font-size:14px; } .m_f4_more { bottom:auto; top:0; width:140px; height:40px; line-height:40px; background:url('/images/main/m_f4_more.jpg') center left no-repeat; background-size:40px; text-indent:40px; } .m_about_btn { width:50%; border-bottom:1px solid #d1d1d1; } .m_about_btn:nth-child(2) { border-right:0; } .m_about_btn:nth-child(3) { border-bottom:0; } .m_about_btn:nth-child(4) { border-bottom:0; border-right:0; } .m_about_inner { display:block; overflow:hidden; margin:10px 20px; } .m_about1 { background:url('/images/main/m_about_icon1.png') center right no-repeat; background-size:36px; } .m_about2 { background:url('/images/main/m_about_icon2.png') center right no-repeat; background-size:36px; } .m_about3 { background:url('/images/main/m_about_icon3.png') center right no-repeat; background-size:36px; } .m_about4 { background:url('/images/main/m_about_icon4.png') center right no-repeat; background-size:36px; } .m_about_tit { font-size:16px; margin:13px 0 10px 0; } .m_about_text { display:none; } /* ----------------------------------------------------------------------------- */ /* CUSTOMER CENTER */ /* ----------------------------------------------------------------------------- */ .m_f5_core { margin:40px auto; } .m_cus_tit { font-size:20px; } .m_cus_ttext { font-size:15px; } .m_cus_num img { width:40px; margin:0 10px 0 0; } .m_cus_num span { font-size:35px; } .m_cus_btn { max-width:150px; margin:0 5px; } /* ----------------------------------------------------------------------------- */ /* 납품사례 */ /* ----------------------------------------------------------------------------- */ .m_f6_core { width:100%; background:none; } .m_banner_btn { float:none; width:100%; } .m_banner_inner { width:90%; margin:30px auto; text-align:center; } .m_banner_text { display:block; overflow:hidden; margin:0 0 40px 0; } .m_banner_more { position:relative; right:0; top:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); } } @media only screen and (min-width:768px) and (max-width:1023px) { /* 테블릿() iPad Portrait */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ----------------------------------------------------------------------------- */ .m_tit_wrap { margin:0 0 30px 0; } /* ----------------------------------------------------------------------------- */ /* 메인 슬라이드 */ /* ----------------------------------------------------------------------------- */ .m_vis_slide li { height:500px; } /* 장애인 표준사업장 */ .mv_dis_wrap { margin:80px auto 0 auto; } .mv_dis_text1 { font-size:40px; } .mv_dis_text2 { font-size:45px; margin:15px 0 20px 0; } .mv_dis_text3 { font-size:24px; padding:12px 0 8px 0; } .mv_dis_text4 { display:none; } /* ONE STOP*/ .mv_one_wrap { margin:80px auto 0 auto; } .mv_one_text1 span { padding:10px 20px 5px 20px; } .mv_one_text2 { font-size:60px; margin:20px 0; } .mv_one_text4 { display:none; } /* ----------------------------------------------------------------------------- */ /* 사업소개 */ /* ----------------------------------------------------------------------------- */ .m_f1_core { margin:100px auto; } /* 사업 안내 */ .mb_info_item { height:250px; } .mb_info_ttext { font-size:24px; margin:0; } .mb_info_stext { display:none; } /* 장애인 고용 선순환*/ .mb_employ_core { margin:50px 30px; position:relative; } .mbe_item_wrap { margin:0 0 50px 0; } .mbe_item_dl { float:left; width:48.5%; } .mbe_item_dl1 { margin:0 3% 0 0; } .mbe_item_tit { width:300px; border-radius:999px; font-size:17px; } .mbe_item_list { display:block; overflow:hidden; margin:30px 20px 30px 20px; height:145px; } .mbe_item_list li { font-size:16px; margin:15px 0 0 0 !important; } .mbe_item_dl1 .mbe_item_list li { width:100%; float:none; } .mbe_result_wrap { width:100%; position:relative; margin:40px 0 0 0; } .mbe_result_top { margin:0 0 30px 0; } .mbe_result_stit { font-size:22px; } .mbe_result_tit { font-size:34px; } /* ----------------------------------------------------------------------------- */ /* 제품소개 */ /* ----------------------------------------------------------------------------- */ .m_f2_core .m_tit span { margin:10px 0 0 0; } .m_goods_inner { margin:40px 25px; } /* ----------------------------------------------------------------------------- */ /* 추천상품 */ /* ----------------------------------------------------------------------------- */ .m_f3_core { margin:100px auto; width:90%; } .m_f3_core .m_tit span { margin:10px 0 0 0; } .m_recom_wrap { margin:10px 0 0 0; } .m_recom_list { height:410px; padding:0 0 80px 0 } .m_recom_list li { width:16.6%; } .m_recom_btn { width:100%; font-size:15px; border-right:0; } .m_recom_list li:last-child .m_recom_btn { border-right:1px solid #1169b3; } .m_recom_comnt { left:0;height:310px; } .mr_goods_list { display:block; } .mr_goods_btn { height:310px; } .mr_goods_img { height:170px; } .mr_goods_text { margin:15px; } .mr_goods_list .owl-nav { width:130px; height:50px; position:relative; margin:30px auto 0 auto; top:0; right:0; } .mr_goods_list .owl-nav button { width:50px; height:50px; margin:0 !important; } .mr_goods_list .owl-nav button.owl-next { float:right; } .mr_data_none { width:100%; } /* ----------------------------------------------------------------------------- */ /* ABOUT US */ /* ----------------------------------------------------------------------------- */ .m_f4_wrap { background:#fff; } .m_f4_core { margin:100px auto; } .m_f4_tit_wrap { margin:0 0 40px auto; } .m_f4_tit { margin:0; } .m_f4_ttext { margin:30px 0 0 0; } .m_f4_ttext span { display:inline; } .m_f4_more { bottom:auto; top:0; } .m_about_btn { width:50%; border-bottom:1px solid #d1d1d1; } .m_about_btn:nth-child(2) { border-right:0; } .m_about_btn:nth-child(3) { border-bottom:0; } .m_about_btn:nth-child(4) { border-bottom:0; border-right:0; } /* ----------------------------------------------------------------------------- */ /* 납품사례 */ /* ----------------------------------------------------------------------------- */ .m_banner_inner { margin:50px 20px; } .m_banner_text { display:block; overflow:hidden; margin:0 0 40px 0; } .m_banner_more { position:relative; right:0; top:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); } } @media only screen and (min-width:1024px) and (max-width:1139px) { /* 테블릿() iPad LandSpace */ /* ----------------------------------------------------------------------------- */ /* 메인 슬라이드 */ /* ----------------------------------------------------------------------------- */ .m_vis_slide li { height:600px; } /* 장애인 표준사업장 */ .mv_dis_wrap { margin:80px auto 0 auto; } .mv_dis_text1 { font-size:50px; } .mv_dis_text2 { font-size:48px; margin:20px 0; } .mv_dis_text3 { font-size:26px; } .mv_dis_text4 { font-size:18px; } /* ONE STOP*/ .mv_one_wrap { margin:80px auto 0 auto; } .mv_one_text2 { margin:30px 0; } /* ----------------------------------------------------------------------------- */ /* 사업소개 */ /* ----------------------------------------------------------------------------- */ /* 사업 안내 */ .mb_info_item { height:270px; } /* 장애인 고용 선순환*/ .mbe_item_wrap { margin:0 0 50px 0; } .mbe_item_dl { float:left; width:48.5%; } .mbe_item_dl1 { margin:0 3% 0 0; } .mbe_item_list { height:145px; } .mbe_item_list li { margin:15px 0 0 0 !important; } .mbe_item_dl1 .mbe_item_list li { width:100%; float:none; } .mbe_result_wrap { width:100%; position:relative; margin:40px 0 0 0; } /* ----------------------------------------------------------------------------- */ /* 제품소개 */ /* ----------------------------------------------------------------------------- */ .m_f2_core .m_tit span { margin:10px 0 0 0; } .m_goods_inner { margin:40px 25px; } /* ----------------------------------------------------------------------------- */ /* 추천상품 */ /* ----------------------------------------------------------------------------- */ .m_f3_core { margin:120px auto; width:90%; } .m_recom_wrap { margin:10px 0 0 0; } .m_recom_list { height:520px; padding:0 0 80px 0 } .m_recom_list li { width:16.6%; } .m_recom_btn { width:100%; border-right:0; } .m_recom_list li:last-child .m_recom_btn { border-right:1px solid #1169b3; } .m_recom_comnt { left:0;height:425px; } .mr_goods_list { height:500px; display:block; } .mr_goods_btn { height:425px; } .mr_goods_img { height:290px; } .mr_goods_list .owl-nav { width:130px; height:50px; position:relative; margin:30px auto 0 auto; top:0; right:0; } .mr_goods_list .owl-nav button { width:50px; height:50px; margin:0 !important; } .mr_goods_list .owl-nav button.owl-next { float:right; } .mr_data_none { width:100%; } /* ----------------------------------------------------------------------------- */ /* ABOUT US */ /* ----------------------------------------------------------------------------- */ .m_f4_wrap { background:#fff url('/images/main/m_f4_bg.jpg') -125% top no-repeat; } .m_f4_core { margin:150px auto; } .m_f4_tit_wrap { max-width:100%; } .m_about_inner { margin:30px; } .m_about_text { margin:30px 0 0 0; } /* ----------------------------------------------------------------------------- */ /* 납품사례 */ /* ----------------------------------------------------------------------------- */ .m_banner_inner { margin:50px; } .m_banner_text { display:block; overflow:hidden; margin:0 0 40px 0; } .m_banner_more { position:relative; right:0; top:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); } } @media only screen and (min-width:1140px) and (max-width:1400px) { /* 작은*/ /* ----------------------------------------------------------------------------- */ /* 메인 슬라이드 */ /* ----------------------------------------------------------------------------- */ .m_vis_slide li { height:600px; } /* 장애인 표준사업장 */ .mv_dis_wrap { margin:80px auto 0 auto; } .mv_dis_text1 { font-size:50px; } .mv_dis_text2 { font-size:48px; margin:20px 0; } .mv_dis_text3 { font-size:26px; } .mv_dis_text4 { font-size:18px; } /* ----------------------------------------------------------------------------- */ /* 사업소개 */ /* ----------------------------------------------------------------------------- */ /* 사업 안내 */ .mb_info_item { height:270px; } /* 장애인 고용 선순환*/ .mb_employ_core { } .mbe_item_wrap { margin:0 0 50px 0; } .mbe_item_dl { float:left; width:48.5%; } .mbe_item_dl1 { margin:0 3% 0 0; } .mbe_item_list { height:145px; } .mbe_item_list li { margin:15px 0 0 0 !important; } .mbe_item_dl1 .mbe_item_list li { width:100%; float:none; } .mbe_result_wrap { width:100%; position:relative; margin:40px 0 0 0; } /* ----------------------------------------------------------------------------- */ /* 제품소개 */ /* ----------------------------------------------------------------------------- */ .m_goods_inner { margin:40px; } /* ----------------------------------------------------------------------------- */ /* 추천상품 */ /* ----------------------------------------------------------------------------- */ .m_f3_core { margin:120px auto; width:90%; } .m_recom_list { height:480px; } .m_recom_comnt { height:385px; } .mr_goods_btn { height:385px; } .mr_goods_img { height:240px; } .mr_goods_list .owl-nav { width:120px; height:50px; right:0; } .mr_goods_list .owl-nav button { width:50px; height:50px; margin:0 !important; } .mr_goods_list .owl-nav button.owl-next { float:right; } /* ----------------------------------------------------------------------------- */ /* ABOUT US */ /* ----------------------------------------------------------------------------- */ .m_f4_wrap { background:#fff url('/images/main/m_f4_bg.jpg') -125% top no-repeat; } } @media only screen and (min-width:1401px) and (max-width:1600px) { /* 작은*/ /* ----------------------------------------------------------------------------- */ /* 사업소개 */ /* ----------------------------------------------------------------------------- */ /* 장애인 고용 선순환*/ .mbe_item_list li { margin:15px 0 0 0 !important; } .mbe_item_dl1 .mbe_item_list li { width:100%; float:none; } /* ----------------------------------------------------------------------------- */ /* 추천상품 */ /* ----------------------------------------------------------------------------- */ .m_f3_core { margin:120px auto; width:90%; } .m_recom_list { height:500px; } .m_recom_comnt { height:405px; } .mr_goods_btn { height:405px; } .mr_goods_img { height:258px; } .mr_goods_list .owl-nav { right:0; } } @media only screen and (min-width:1140px) { /* PC */ /* ----------------------------------------------------------------------------- */ /* 제품소개 */ /* ----------------------------------------------------------------------------- */ .m_goods_slide .owl-item { width:49% !important; margin:0 2% 20px 0; } .m_goods_slide .owl-item:nth-child(2n) { margin:0 0 20px 0; } }