.br_mb { display:inline-block; } .mb_view { display:none !important; } .mb_view2 { display:none !important; } .flex_view { display:flex; } /* 1200px 이하 사이즈 수정용 */ @media (max-width:1200px) { .menu-list .menu-profile { background:#262626; color:#fff; text-align:left; padding:15px; display:flex; justify-content:space-between; align-items:center; } .menu-list .menu-profile a { position:relative; color:#fff; font-size:12px; margin-right:20px; font-weight:500; letter-spacing:0px;} .menu-list .menu-profile a::before { content:''; width:1px; height:12px; background:#dcdcdc; position:absolute; right:-10px; top:calc(50% - 6px); } .menu-list .menu-profile a:nth-last-child(1)::before { display:none; } .menu-list .menu-profile a:nth-last-child(1) { margin-right:0; } .menu-list .menu-profile a.consultingSubmit { background:#fff; letter-spacing:-0.25px; font-weight:600; padding:2px 8px; border-radius:4px; color:#000; display:flex; justify-content:center; align-items:center; } .menu-list .menu-profile a.consultingSubmit object { max-height:14px; margin-right:4px;} .phantom-header-type01 .phantom-header-type01-container .logo { float:left; line-height:60px; } .phantom-header-type01 .phantom-header-type01-container .phantom-nav ul li.depth1 { min-width:140px; position:relative; text-align:center; line-height:60px; } #Solaris_Section01 .wrap { padding:0; } footer#pd_footer_style .footer_content .wrapper { padding:30px 10px; flex-wrap:wrap; flex-direction: column-reverse;} footer#pd_footer_style .footer_content .wrapper .firstSection, footer#pd_footer_style .footer_content .wrapper .secondSection, footer#pd_footer_style .footer_content .wrapper .thirdSection .halfBox { display: flex; width: 100%; max-width: 100%; flex-wrap: wrap; text-align: center; justify-content: center; align-content: center; } footer#pd_footer_style .footer_content .wrapper .thirdSection { max-width:100%; margin:0 auto; margin-bottom:20px; flex-wrap:wrap; padding-left:0; } footer#pd_footer_style .footer_content .wrapper .thirdSection .halfBox a { width:50%; } footer#pd_footer_style .footer_content .wrapper .thirdSection .halfBox .tStitle { font-size:min(14px, 5vw); font-weight:600; } footer#pd_footer_style .footer_content .wrapper .thirdSection .halfBox .tStitle, footer#pd_footer_style .footer_content .wrapper .secondSection .sStitle, footer#pd_footer_style .footer_content .wrapper .firstSection .fStitle{ width:100%; } footer#pd_footer_style .footer_content .wrapper .firstSection .fStitle { margin-top:20px; } footer#pd_footer_style .footer_content .wrapper .thirdSection .halfBox .tScontent { line-height:1em; margin-top:2px; margin-bottom:10px; } footer#pd_footer_style .footer_content .wrapper .thirdSection .halfBox a.comapnyBox { margin-top:0; } footer#pd_footer_style .footer_content .fc_copyright .fc_wrap { text-align:center; flex-wrap:wrap; justify-content: center; } footer#pd_footer_style .footer_content .fc_copyright .fc_wrap .left_copy { font-weight:600; } #Solaris_Section01 { margin-top:61px; } #Solaris_Section01 .wrap { flex-wrap:wrap; } #Solaris_Section01 .wrap .leftSection { width:100%; max-width:100%; margin:0px; } .pmv_wrapper p.content01 { padding-top:20px; } #Solaris_Section01 .wrap .rightSection { max-width:100%; margin-top:20px; padding: 0 10px; padding-bottom:60px; } #Solaris_Section01 .wrap .rightSection .popupSection .mRSS { max-height:100%; } .swiper-progress-bar {width: 100%; max-width: 200px; left:calc(50% - 400px); height: 4px; position: absolute; margin: 0px auto; z-index: 999; background: #f2f2f2; bottom: 50px;} .pmv_wrapper { padding:0; } #Solaris_Section02 .wrap .bPwrap .bestProduct { font-size:min(24px, 6vw); } #Solaris_Section02 .wrap .bPwrap .bestProductContent { font-size:min(16px, 4vw); } #Solaris_Section02 .wrap .bPwrap .mS2s_wrap {display: flex; align-items: center; justify-content: flex-start; position: relative; left: 0; bottom: 0; margin-top: 10px; } #Solaris_Section02 .wrap .bPwrap .mS2s_wrap .swiper-pagination-mS2s {display: flex; align-items: center; justify-content: center; background: #362405; color: #fff; border-radius: 4px; padding: 4px 8px; font-size: 12px; width: auto; height: 20px; margin-right: 4px; } #Solaris_Section02 .wrap .bPwrap .mS2s_wrap .swiper-button-prev-mS2s,#Solaris_Section02 .wrap .bPwrap .mS2s_wrap .swiper-button-next-mS2s {display: flex; align-items: center; justify-content: center; background: #362405; color: #fff; border-radius: 4px; padding: 4px; font-size: 14px; width: 20px; height: 20px; margin-right: 4px; cursor: pointer;} #Solaris_Section03 .wrap .rightSection { max-width:100%; } #Solaris_Section02 .wrap .bPwrap { padding:0 10px; } #Solaris_Section03 .wrap .leftSection { max-width:100%; margin-right:0; } #Solaris_Section03 .wrap .leftSection > .subLatest { flex-wrap:wrap; } #Solaris_Section03 .wrap .leftSection .pL_list { margin-bottom:20px; } #Solaris_Section03 .wrap .leftSection .pL_list a { width:100%; margin-right:0; margin-bottom:10px; } #Solaris_Section03 .wrap .rightSection .realTime .rTcontent a { padding:8px 10px; } #bo_gall .gall_img { height: auto !important } .phantom_burger_menu { width: 24px; height: 24px; cursor: pointer; border-radius: 5px; position:absolute; display:none; top: 12px; z-index:9999; right: 20px; flex-direction:column; } .phantom_burger_menu span { display: inline-block; position: absolute; width: 100%; left: 0; height: 2px; border-radius: 2px; background: #000; transition: all 0.4s; } .phantom_burger_menu span:nth-of-type(1) { top: 10px; } .phantom_burger_menu span:nth-of-type(2) { top: 17px; } .phantom_burger_menu span:nth-of-type(3) { top: 24px; } .phantom_burger_menu.active span:nth-of-type(1) { top: 12px; left: 0; transform: translateY(6px) rotate(-45deg); width: 100%; } .phantom_burger_menu.active span:nth-of-type(2) { opacity: 0; } .phantom_burger_menu.active span:nth-of-type(3) { top: 24px; left: 0; transform: translateY(-6px) rotate(45deg); width: 100%; } .phantom-header-type01 .phantom-header-type01-container .logo img { max-height:36px; } .phantom-header-type01 .phantom-header-type01-container { text-align:left; padding-left:20px; } /* 메인페이지 시작 */ #phantom_leafgreen_sec02 .wrap > ul > li { width:100%; margin-left:0; margin-bottom:20px; } #phantom_leafgreen_sec02 .wrap > ul > li:hover { margin-top:0; } #phantom_leafgreen_sec02 .wrap > ul { flex-direction: column; } #phantom_leafgreen_sec03 .wrap ul li:nth-child(n+4) { margin-bottom:30px; } #phantom_content .wrap img { width:auto; max-width:100%; } #phantom_content_company .wrap img { width:auto; max-width:100%; } /* 메인페이지 종료 */ /* 회사소개 */ #phantom_content_ceo_content .wrap { flex-direction: column; } #phantom_content_ceo_content .wrap img { margin-right:0; } #phantom_content_ceo_content .wrap .ceo_content h3, #phantom_content_ceo_content .wrap .ceo_content .explain, #phantom_content_ceo_content .wrap .ceo_content h1.subject { text-align:center; } #phantom_content_ceo_content .wrap .ceo_content .explain h1 { margin-top:20px; } #phantom_content_ceo_content .wrap .ceo_content h1.subject { margin-top:50px; } .phantom-header-type01 { position:fixed; background:#fff; } #phantom_content .wrap > .wrap_content > h1, #phantom_content_company .wrap > h1, #phantom_content_eco .wrap .subject, #phantom_content_eco .wrap .num_box h2, #phantom_content_company .wrap > ul > li .content h1, #phantom_content_ceo_content .wrap .ceo_content h1.subject, #phantom_content_ceo_content .wrap .ceo_content .explain h1, #phantom_history .wrap > h1, #phantom_history .wrap > ul > li > h1, { font-size: clamp(1.5rem, 2.5vw, 3rem); } /* 글씨크기 본문 subject 수준 */ #phantom_content .wrap > .wrap_content > p, #phantom_content_eco .wrap .num_box p, #phantom_content_company .wrap > h2, #phantom_content_company .wrap > ul > li .content p, #phantom_content_ceo_content .wrap .ceo_content .explain p, #phantom_history .wrap > ul > li > p, #phantom_history .wrap > ul > li > h2, #phantom_location .wrap .location_info li p, #phantom_location .wrap .location_info li h1 { font-size: clamp(14px, 2.5vw, 1rem); padding:0 10px; word-break:keep-all;} /* 글씨크기 본문 content 수준 */ #phantom_content_eco .wrap { flex-direction: column; } #phantom_content_eco .wrap .subject, #phantom_content_eco .wrap .num_box { width:100%; } #phantom_content_eco .wrap .num_box p { margin-top:0px; } #phantom_content_eco .wrap .num_box .flex_box { margin-left:0px; } #phantom_content_eco .wrap .num_box { margin-top:30px; text-align:center;align-items: center; justify-content: center; flex-direction: column; align-content: center;} #phantom_content_eco .wrap .subject { text-align:center; } #phantom_content_eco .wrap .num_box h2 { margin:25px 0; } #phantom_content_eco .wrap .num_box h1 { background:#c0c0c0; color:#fff; padding:10px; } #phantom_content_company .wrap > ul > li:nth-last-child(1) { margin-bottom:0;} #phantom_history .wrap > ul > li > h2 {margin:0px; } #phantom_history .wrap > ul > li > p { padding:0; } #phantom_history .wrap > ul > li::after { left:8px; } #phantom_history .wrap > ul > li::before { left:16px; top:4px; } #phantom_location .wrap .location_info { flex-direction: column; margin-top:10px;} #phantom_location .wrap .location_info li { margin:5px 20px; } #phantom_location .wrap .location_info li h1 { padding-left:40px; padding-right:0; min-width:90px; } #phantom_location .wrap .location_info li p { margin-left:0; } /* 회사소개 종료 */ footer#pd_footer { width:100%; display:inline-block; padding:0px 20px; position:relative; bottom:0; font-family:'Noto Sans Kr'; } footer#pd_footer .wrapper { width:100%; max-width:1200px; border-bottom:1px solid #9a9a9a; margin:40px auto; font-size:0;padding:10px 0px;} footer#pd_footer .wrapper .ft_left .ft_top { font-size:13px; } footer#pd_footer .wrapper .ft_left { width:100%; font-size:13px; text-align:center; color:#ddd; display:inline-block; } footer#pd_footer .wrapper .ft_left p { display:block; font-weight:350; letter-spacing:0px; line-height:24px; margin:20px 0px;  } footer#pd_footer .wrapper .ft_left p b { margin:0px 10px; font-size:1px; border-right:1px solid #777;} footer#pd_footer .wrapper .ft_right { width:100%; display:inline-block; text-align:center; vertical-align:top; margin-bottom:20px;} footer#pd_footer .wrapper .ft_right .ft_box { display:inline-block; text-align:left; position:relative; color:#222; font-weight:600; letter-spacing:-1px; font-size:15px; padding:12px 20px; min-width:205px; } footer#pd_footer .wrapper .ft_right .ft_box img { vertical-align:middle; position:absolute; right:20px; top:20px; } footer#pd_footer .wrapper .ft_right .ft_tbox { display:inline-block; text-align:left; position:relative; color:#303030; font-weight:600; letter-spacing:-1px; margin-top:10px; min-width:205px; font-size:15px; padding:12px 20px; } footer#pd_footer .wrapper .ft_right .ft_tbox img { vertical-align:middle; position:absolute; right:20px; top:18px; } footer#pd_footer .ft_copyright {width:100%; max-width:1200px; display:inline-block; margin:40px auto; margin-top:0px; font-weight:600; color:#6b6b6b; padding:10px 0px; text-align:center;} footer#pd_footer .ft_copyright .left_copy {display:inline-block; text-align:left; font-weight:600; letter-spacing:-1px;  font-size:15px;} footer#pd_footer .ft_copyright .right_copy {float:right; font-size:11px; font-weight:500; letter-spacing:-0.5px;} .br_mb { display:none; } .mb_view { display:inline-block !important; } .mb_view2 { display:block !important; } .pc_view { display:none !important; } .jm_pd { padding:20px; padding-bottom:0; font-size:3vw; line-height:6vw; word-break:keep-all;} .flex_view { display:none !important; } #phantom_leafgreen_sec02 { background-size:contain; border-top:none; } #phantom_leafgreen_sec02 .wrap { width:96%; flex-direction:column; text-align:center;} #phantom_leafgreen_sec02 .joo_lt { width:100%; pointer-events:none; margin-left:0; } #phantom_leafgreen_sec02 .joo_lt h1 { font-size:7vw; letter-spacing:-2px; line-height:10vw; color:#222;} #phantom_leafgreen_sec02 .joo_lt h2 { font-size:3vw; word-break:keep-all;letter-spacing:-0.7px; font-weight:350; line-height:24px; margin-top:20px; margin-bottom:30px; color:#222;} #phantom_leafgreen_sec02 .joo_lt h3 { font-weight:500; } #phantom_leafgreen_sec02 img { width:100%; } #phantom_leafgreen_sec02 .joo_rt { width:100%; pointer-events:none; margin-bottom:40px; } #phantom_leafgreen_sec02 .joo_rt img { width:100%; height:auto; } #phantom_leafgreen_sec03 {background-size:cover; word-break:keep-all;} #phantom_leafgreen_sec03 .wrap { padding:0px 15px; } #phantom_leafgreen_sec03 h1 { border-top:1px solid #fff; letter-spacing:-1px; border-bottom:1px solid #fff; padding:15px 0px; font-size:6vw; line-height:10vw; font-weight:500; } #phantom_leafgreen_sec03 h2 { font-size:3.6vw; } #phantom_leafgreen_sec03 .wrap ul { margin-top:40px; } #phantom_leafgreen_sec03 .wrap ul li { width:calc(50% - 10px); border:1px solid rgba(255,255,255, .5); text-align:center; font-size:0.9rem; background:none; padding:10px 0px; margin-right:20px; } #phantom_leafgreen_sec03 .wrap ul li.active, #phantom_leafgreen_sec03 .wrap ul li:hover {background:none; color:#fff;} #phantom_leafgreen_sec03 .wrap ul li:nth-child(3n) {margin-right:20px; } #phantom_leafgreen_sec03 .wrap ul li:nth-child(2n) {margin-right:0px; } #phantom_leafgreen_sec03 .wrap ul li img { width:auto; display:block; margin:0 auto; margin-bottom:10px; } #phantom_leafgreen_sec04 .wrap { padding:0 10px; } } /* 1200이하 768이상 수정용 */ @media (min-width:768px) and (max-width:1200px) { #phantom_content_company .wrap > ul > li { max-width:380px; margin-right:10px; } } /* 768px 이하 사이즈 수정용 */ @media (max-width:768px) { #phantom_content_company .wrap > ul { flex-direction: column; align-items: center;} #phantom_content_company .wrap > ul > li { max-width:380px; margin-bottom:30px; margin-right:0; } #Solaris_Section03 .wrap .rightSection .realTime { padding:20px; } #Solaris_Section03 .wrap .rightSection .realTime .rTcontent a > li .subject { font-size:min(12px, 4vw); } #Solaris_Section03 .wrap .rightSection .realTime .rTcontent a > li .category, footer#pd_footer_style .footer_menu > ul { font-size:min(11px, 3vw); } #Solaris_Section03 .wrap .rightSection .consultingSubmit { font-size:min(12px, 4vw); padding:10px 0; border-radius:0; } footer#pd_footer_style .footer_menu > ul > li { margin-right:4px; padding-right:8px; } footer#pd_footer_style .footer_menu > ul > li::before { right:-2px; } /* 서브페이지 snb */ #sub_menu { width:96%; } #sub_menu .wrap .depth01 > li { width:50%; } #sub_menu .wrap .depth01 > li:nth-last-child(1)::before { right:8px; } #sub_menu .wrap .depth01 > li:nth-child(1) { border-left:0; } #sub_menu .wrap .depth01 > li > ul > a > li, #sub_menu .wrap .depth01 > li { padding:0 20px; } #Solaris_Section03 .wrap .leftSection > .subBanner { padding: 40px 20px; } /* 리스트 */ #bo_list, #bo_gall { padding:0 10px; } /* 간편상담신청 */ #consulting { width:100%; background: #fff; float:left; text-align:center; margin:60px 0px; margin-bottom:0;} #consulting h1 { display:block; font-size:7vw;line-height:30px; color:#000; margin-bottom:30px;font-weight:500; letter-spacing:-1px; } #consulting .wrapper { width:100%; max-width:1200px; margin:0 auto; text-align:left;} #consulting .wrapper ul { width:90%; margin-left:5%; display:inline-block; border:1px solid #dcdcdc; border-radius:5px;} #consulting .wrapper ul li { width:100%; float:left; padding:5vw 4vw;} #consulting .wrapper ul li:nth-last-child(1) { width:100%; float:left; padding:5vw 4vw; border-left:none; border-top:1px solid #dcdcdc;} #consulting .wrapper ul li img { vertical-align:middle; padding-top:5px; } #consulting .wrapper ul li .mb_cont { display:inline-block; padding-top:5px; font-size:4vw; letter-spacing:-1px; vertical-align:middle; margin:0px 10px;} #consulting .wrapper ul li .submitbox { float:right; font-size:12px; font-weight:500; padding:8px 8vw; letter-spacing:-1px; box-shadow: 0px 1px 7px 0 rgba(0, 60, 55, 0.3); border-radius:30px;} #consulting .wrapper ul li:nth-last-child(1) .submitbox { float:right; font-size:12px; color:#fff; font-weight:500; padding:8px 8vw; letter-spacing:-1px; box-shadow: 0px 1px 7px 0 rgba(0, 60, 55, 0.3); border-radius:30px;} .consulting_form {border-radius:5px; width:100%; text-align:center; display:inline-block;} .consulting_form h1 { font-size:6vw; letter-spacing:-1px; color:#000; font-weight:500; line-height:36px; word-break:keep-all;} .consulting_form h2 { font-size:3vw; letter-spacing:-1px; color:#999; font-weight:350; line-height:24px; margin-bottom:20px; word-break:keep-all;} .consulting_form .wrapper { width:100%; max-width:1200px; margin:60px auto; background:#f9f9f9; border:1px solid #dcdcdc; padding:20px;} #bo_w .write_div { text-align:center; } .modal-content { width:90%; padding:20px; } .modal-content .pop_bt { top:20px; right:25px; } .modal-content .content .privacy_content { height:auto; max-height:80vh; } .pmv_wrapper { text-align:center; } .pmv_wrapper h3 { font-size: max(1em, 12px); } .pmv_wrapper p { font-size: max(.7em, 12px); } .pmv_wrapper h1 { font-size: max(1em, 24px); letter-spacing:0;} .pmv_wrapper p:before { left:calc(50% - 20px);} .menu-title img { max-height:36px; vertical-align:baseline; } .swiper-progress-bar {width: 100%; left: calc(50% - 100px); max-width: 200px; height: 4px; position: absolute; margin: 0px auto; z-index: 999; background: #f2f2f2; bottom: 50px;} .mRSS .swiper-wrapper .swiper-slide img { max-height:165px; } #bo_cate a { padding:0 15px !important;} } @media (max-width:480px) { .mRSS .swiper-wrapper .swiper-slide img { max-height:100%; } #Solaris_Section01 .wrap .rightSection .mainSideMenu > a { width:calc(100% / 2 - 6px); margin-right:12px; margin-bottom:12px; } #Solaris_Section01 .wrap .rightSection .mainSideMenu > a:nth-of-type(3n) { margin-right:12px; margin-bottom:12px; } #Solaris_Section01 .wrap .rightSection .mainSideMenu > a:nth-of-type(n+4) { margin-bottom:12px; } #Solaris_Section01 .wrap .rightSection .mainSideMenu > a:nth-of-type(2n) { margin-right:0; } }