#groupHeader>div .h1 { z-index: 11; position: relative; } #groupHeader>div .h1 #websiteTitle { position: absolute; display: inline-block; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #groupHeader>div .h1 a { display: block; } #groupHeader>div .h1 a img { display: block; width: 100%; } @media (max-width: 1024px) { #groupHeader>div .h1 a { width: 17px; } } #contents.groupBd .intro .info .logo img, #contents.groupGr .intro .info .logo img, #contents.groupBd .ongoing ul li a::after, #detailContents.portfolioDetail .progressCalendar .performance .pagination .timelabs button span::before, #detailContents.portfolioDetail .progressCalendar .performance .pagination .timelabs button::after, #contents.statusList>.list .list a:not(.btn) .img img, #contents.statusList .tabTarget>.list .list a:not(.btn) .img img, #contents.home .vi .h1, #recruit .container .board .recommend>a>div img, .recruit .container .board .recommend>a>div img, #contents.crList .tabTarget .recommend>a>div img, #contents.pressList>.list .recommend>a>div img, #contents.performanceList>.list .recommend>a>div img, #contents.research .list .recommend>a>div img, #recruit .container .board .recommend>a .imgLink img, .recruit .container .board .recommend>a .imgLink img, #contents.crList .tabTarget .recommend>a .imgLink img, #contents.pressList>.list .recommend>a .imgLink img, #contents.performanceList>.list .recommend>a .imgLink img, #contents.research .list .recommend>a .imgLink img, #recruit .container .board .recommend .swiper-slide>div img, .recruit .container .board .recommend .swiper-slide>div img, #contents.crList .tabTarget .recommend .swiper-slide>div img, #contents.pressList>.list .recommend .swiper-slide>div img, #contents.performanceList>.list .recommend .swiper-slide>div img, #contents.research .list .recommend .swiper-slide>div img, #recruit .container .board .recommend .swiper-slide .imgLink img, .recruit .container .board .recommend .swiper-slide .imgLink img, #contents.crList .tabTarget .recommend .swiper-slide .imgLink img, #contents.pressList>.list .recommend .swiper-slide .imgLink img, #contents.performanceList>.list .recommend .swiper-slide .imgLink img, #contents.research .list .recommend .swiper-slide .imgLink img, .thumbMode.active~.list>a>div img, .thumbMode.active~.list>a .imgLink img, .thumbMode.active~.list .swiper-slide>div img, .thumbMode.active~.list .swiper-slide .imgLink img, #detailContents.portfolioDetail .detailContainer>section.gallery .zoom>div>.closeZoom, #contents.develop .detailContainer>section.gallery .zoom>div>.closeZoom, #detailContents.portfolioDetail .detailContainer>section.gallery .zoom>div, #contents.develop .detailContainer>section.gallery .zoom>div, .popup>div, .popup>div>.closePopup, .popup>.closePopup, .toastMessage p { position: absolute !important; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } /* 신영그룹 */ /* 신영그룹 > 메인 */ #groupHeader>div .h1 #websiteTitle { position: absolute; display: inline-block; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } @media (min-width: 1025px) { #contents.home.groupHome .vi .groupTxt { margin-bottom: 15px; } } #contents.home.groupHome .vi .h1 { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-start; } #contents.home .vi .h1 { z-index: 2; margin-left: auto; margin-right: auto; width: 100%; max-width: 1240px; min-width: 315px; padding-left: 20px; padding-right: 20px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin-top: auto; margin-bottom: auto; font-weight: 700; line-height: 1.3; word-break: keep-all; pointer-events: none; color: #fff; transition: all 1s; } @media (max-width: 1024px) { #contents.home .vi .h1 { padding-bottom: 60px; font-size: 30px; } #contents.home .vi .h1 br.narrowOnly { display: none; } } @media (min-width: 1025px) { #contents.home .vi .h1 { padding-bottom: 49px; font-size: 70px; } } #contents.home.groupHome .vi .h1 .groupTxt { display: none; width: 100%; text-align: center; } @media (max-width: 1024px) { #contents.home.groupHome .vi .h1 { padding-bottom: 150px !important; } } /* 신영그룹 > 푸터 */ #footer>div>.h1 { width: 159px; height: 38px; } #footer>div>.h1 img { display: block; } @media (min-width: 1025px) { body.groupMain #footer.group .h1 { background: url(../images/shinyoungGroup/common/group_logo.svg) no-repeat left center; background-size: 30px; } body.groupMain #footer.group .h1 img { display: none; } } /* 신영그룹 > 팝업 */ @media (min-width: 1025px) { #contents.groupBd .category h3, #contents.groupGr .category h3, #contents.groupBd .intro>header h3, #contents.groupGr .intro>header h3, #contents.groupBd .headline ul .summary em, #contents.groupBd .headline>header h3, #contents.groupBd .headline>h3, #contents.groupBd .recommend .swiperContainer .swiper-slide strong, #contents.groupBd .recommend h3, #contents.recruitInfo .copyText, #contents.jobinfo .heading h1, #contents.jobinfo .heading p:first-child, #contents.hr .heading h1, #contents.hr .heading p:first-child, #recruit .find h2, #recruit .join h2, #recruit .complete h2, .recruit .find h2, .recruit .join h2, .recruit .complete h2, #recruit .selectjob>header h1, .recruit .selectjob>header h1, #contents.crDetail>section>header .cover .h1, #contents.crDetail>section>header .h1, #contents.crList .total, #contents.introduction .heading h1, #contents.introduction .heading p:first-child, #contents.history .historyInfo, #contents.historyCenter .book h1, #contents.cibi .heading .h1, #contents.cibi .heading p:first-child, #contents.cibi .heading h2+p, #contents.ci .heading h1, #contents.ci .heading p:first-child, #contents.ci .heading h1+p, #contents.brochure .heading, #detailContents.portfolioDetail .progressCalendar .performance header .h1, #contents.performance .headline .summary em, #contents.performance .performanceInfo, #contents.research .heading .h1, #contents.research .heading p:first-child, #contents.develop .process .h1, #contents.develop .overview>p, #detailContents>header hgroup .title, .popup>div .terms .h1, .popup>div .full h1:not(.caseSmall) { font-size: 40px; line-height: 52px; letter-spacing: -0.03em; } } @media (max-width: 1024px) { #contents.groupBd .category h3, #contents.groupGr .category h3, #contents.groupBd .intro>header h3, #contents.groupGr .intro>header h3, #contents.groupBd .headline ul .summary em, #contents.groupBd .headline>header h3, #contents.groupBd .headline>h3, #contents.groupBd .recommend .swiperContainer .swiper-slide strong, #contents.groupBd .recommend h3, #contents.recruitInfo .copyText, #contents.jobinfo .heading h1, #contents.jobinfo .heading p:first-child, #contents.hr .heading h1, #contents.hr .heading p:first-child, #recruit .find h2, #recruit .join h2, #recruit .complete h2, .recruit .find h2, .recruit .join h2, .recruit .complete h2, #recruit .selectjob>header h1, .recruit .selectjob>header h1, #contents.crDetail>section>header .cover .h1, #contents.crDetail>section>header>.h1, #contents.crList .total, #contents.introduction .heading h1, #contents.introduction .heading p:first-child, #contents.history .historyInfo, #contents.historyCenter .book h1, #contents.cibi .heading .h1, #contents.cibi .heading p:first-child, #contents.cibi .heading h2+p, #contents.ci .heading h1, #contents.ci .heading p:first-child, #contents.ci .heading h1+p, #contents.brochure .heading, #detailContents.portfolioDetail .progressCalendar .performance header h1, #contents.performance .headline .summary em, #contents.performance .performanceInfo, #contents.research .heading .h1, #contents.research .heading p:first-child, #contents.develop .process .h1, #contents.develop .overview>p, #detailContents>header hgroup .title, .popup>div .terms .h1, .popup>div .full h1:not(.caseSmall) { font-size: 26px; line-height: 36px; letter-spacing: -0.02em; } } .popup>div .terms .h1 { font-weight: 400; } /* 신영그룹 > 종합부동산그룹 */ #contents>header hgroup h1 { position: relative; width: unset; height: unset; margin: 0; padding: 0; overflow: visible; clip: unset; } #contents>header hgroup h2 { position: absolute; display: inline-block; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #contents>header hgroup .h1 { font-weight: 400; } @media (min-width: 1025px) { #recruit .loginWrap .joinInfo>div h2, .recruit .loginWrap .joinInfo>div h2, #recruit .loginWrap .login h2, .recruit .loginWrap .login h2, #recruit .container h2, .recruit .container h2, #contents.pressList .newsCollect>div .swiper button em, #contents.home .news header p, #contents.home .performance ul li em, #contents>header hgroup .h1, .error404 section h2, .preview>section>div>header .h1 { font-size: 50px; line-height: 62px; letter-spacing: -0.035em; } } @media (max-width: 1024px) { #recruit .loginWrap .joinInfo>div h2, .recruit .loginWrap .joinInfo>div h2, #recruit .loginWrap .login h2, .recruit .loginWrap .login h2, #recruit .container h2, .recruit .container h2, #contents.pressList .newsCollect>div .swiper button em, #contents.home .news header p, #contents.home .performance ul li em, #contents>header hgroup .h1, .error404 section h2, .preview>section>div>header .h1 { font-size: 30px; line-height: 40px; letter-spacing: -0.025em; } } #contents.groupBd .intro .info p, #contents.groupGr .intro .info p, #contents.groupBd .headline ul .summary p, #contents.groupBd .recommend .swiperContainer .swiper-slide p, #contents.groupSt .developer header p, #contents.groupSt .value section.swiper-slide .imgWrapper .inside .insidePgn, #contents.groupSt .value section.swiper-slide .imgWrapper>p, #contents.groupSt .challenge section p, #contents.groupSt>section header:not(.case) p, #contents.groupSt section.swiper-slide header:not(.case) p, #contents.groupSt>section header:not(.case) .h1, #contents.groupSt section.swiper-slide header:not(.case) .h1, #contents.recruitInfo .recruitList a p, #contents.jobinfo .collapse li, #recruit .join .phoneCertify>strong, .recruit .join .phoneCertify>strong, #recruit .join .phoneCertify p strong, .recruit .join .phoneCertify p strong, #recruit .completeBox dl, .recruit .completeBox dl, #recruit .find.result>div.logout>button, #recruit .join.result>div.logout>button, #recruit .complete.result>div.logout>button, .recruit .find.result>div.logout>button, .recruit .join.result>div.logout>button, .recruit .complete.result>div.logout>button, #recruit .find form label:not(.check) span, #recruit .find form .label span, #recruit .find .completeBox label:not(.check) span, #recruit .find .completeBox .label span, #recruit .join form label:not(.check) span, #recruit .join form .label span, #recruit .join .completeBox label:not(.check) span, #recruit .join .completeBox .label span, #recruit .complete form label:not(.check) span, #recruit .complete form .label span, #recruit .complete .completeBox label:not(.check) span, #recruit .complete .completeBox .label span, .recruit .find form label:not(.check) span, .recruit .find form .label span, .recruit .find .completeBox label:not(.check) span, .recruit .find .completeBox .label span, .recruit .join form label:not(.check) span, .recruit .join form .label span, .recruit .join .completeBox label:not(.check) span, .recruit .join .completeBox .label span, .recruit .complete form label:not(.check) span, .recruit .complete form .label span, .recruit .complete .completeBox label:not(.check) span, .recruit .complete .completeBox .label span, #recruit .loginWrap .joinInfo>div .swiper p, .recruit .loginWrap .joinInfo>div .swiper p, #recruit .loginWrap .joinInfo>div>p, .recruit .loginWrap .joinInfo>div>p, #recruit .loginWrap .login form label span, .recruit .loginWrap .login form label span, #recruit .selectjob .form .application div.case1 .label, #recruit .selectjob .form .application div.case2 .label, .recruit .selectjob .form .application div.case1 .label, .recruit .selectjob .form .application div.case2 .label, #recruit .container #faq ul li, .recruit .container #faq ul li, #contents.historyCenter .historyTab section p, #contents.historyCenter .historyTab nav, #detailContents.portfolioDetail .progressCalendar .performance header h2, #detailContents.portfolioDetail .progressCalendar .performance header ul, #detailContents.portfolioDetail .progressCalendar .performance header div, #detailContents.portfolioDetail .overview, #detailContents.portfolioDetail>header .detailInfo, #contents.statusList>.list .list a:not(.btn) dl, #contents.statusList .tabTarget>.list .list a:not(.btn) dl, #contents.performance .headline .summary p, #contents.develop .detailContainer .accordionWrapper li div, #contents.develop .detailContainer .accordionWrapper button span, #contents.develop .detailContainer .developSwiper li p, #contents.develop .detailContainer dd, #contents.develop .processSwipe .swiper .swiper-wrapper>li ul, #contents.develop .overview>ul li span, #groupHeader .menu section ul, #recruit .selectjob .form .application>section>label, .recruit .selectjob .form .application>section>label, #recruit .form>section>label, .recruit .form>section>label, #recruit .container #inquiry form.inquiry>section>label, .recruit .container #inquiry form.inquiry>section>label, #contents.contact .inquiry>section>label, #contents.research .application>section>label, #recruit .selectjob .form .application>section>.label, .recruit .selectjob .form .application>section>.label, #recruit .form>section>.label, .recruit .form>section>.label, #recruit .container #inquiry form.inquiry>section>.label, .recruit .container #inquiry form.inquiry>section>.label, #contents.contact .inquiry>section>.label, #contents.research .application>section>.label, #recruit .selectjob .form .application>section .half>label, .recruit .selectjob .form .application>section .half>label, #recruit .form>section .half>label, .recruit .form>section .half>label, #recruit .container #inquiry form.inquiry>section .half>label, .recruit .container #inquiry form.inquiry>section .half>label, #contents.contact .inquiry>section .half>label, #contents.research .application>section .half>label, #recruit .selectjob .form .application>section .half>.label, .recruit .selectjob .form .application>section .half>.label, #recruit .form>section .half>.label, .recruit .form>section .half>.label, #recruit .container #inquiry form.inquiry>section .half>.label, .recruit .container #inquiry form.inquiry>section .half>.label, #contents.contact .inquiry>section .half>.label, #contents.research .application>section .half>.label, #recruit .selectjob .form .application>section .clear>label, .recruit .selectjob .form .application>section .clear>label, #recruit .form>section .clear>label, .recruit .form>section .clear>label, #recruit .container #inquiry form.inquiry>section .clear>label, .recruit .container #inquiry form.inquiry>section .clear>label, #contents.contact .inquiry>section .clear>label, #contents.research .application>section .clear>label, #recruit .selectjob .form .application>section .clear>.label, .recruit .selectjob .form .application>section .clear>.label, #recruit .form>section .clear>.label, .recruit .form>section .clear>.label, #recruit .container #inquiry form.inquiry>section .clear>.label, .recruit .container #inquiry form.inquiry>section .clear>.label, #contents.contact .inquiry>section .clear>.label, #contents.research .application>section .clear>.label, #recruit .container .myinfoInfo>div>dl, .recruit .container .myinfoInfo>div>dl, #contents.contact .info>div>dl, #detailContents.pressDetail .info>div>dl, #recruit .container .myinfoInfo>ul li span, .recruit .container .myinfoInfo>ul li span, #contents.contact .info>ul li span, #detailContents.pressDetail .info>ul li span, #recruit .container .myinfoInfo>ul li small, .recruit .container .myinfoInfo>ul li small, #contents.contact .info>ul li small, #detailContents.pressDetail .info>ul li small, #contents.brochure .downloadInfo>div>p p, #contents.research .downloadInfo>div>p p, #contents.brochure .downloadInfo>div>div p, #contents.research .downloadInfo>div>div p, #detailContents.pressDetail>header .utility>span, #detailContents.portfolioDetail .detailContainer>section .detail, #contents.develop .detailContainer>section .detail, #detailContents.pressDetail .detail, .popup>div .terms .termsContents h2, .popup>div .full.joinComplete .info ul, .popup>div .full .bullet, .popup>div .full .result h1, .popup>div .full>p.case, .popup>div .full>label span { color: #666; } @media (min-width: 1025px) { #contents.groupBd .intro .info p, #contents.groupGr .intro .info p, #contents.groupBd .headline ul .summary p, #contents.groupBd .recommend .swiperContainer .swiper-slide p, #contents.groupSt .developer header p, #contents.groupSt .value section.swiper-slide .imgWrapper .inside .insidePgn, #contents.groupSt .value section.swiper-slide .imgWrapper>p, #contents.groupSt .challenge section p, #contents.groupSt>section header:not(.case) p, #contents.groupSt section.swiper-slide header:not(.case) p, #contents.groupSt>section header:not(.case) .h1, #contents.groupSt section.swiper-slide header:not(.case) .h1, #contents.recruitInfo .recruitList a p, #contents.jobinfo .collapse li, #recruit .join .phoneCertify>strong, .recruit .join .phoneCertify>strong, #recruit .join .phoneCertify p strong, .recruit .join .phoneCertify p strong, #recruit .completeBox dl, .recruit .completeBox dl, #recruit .find.result>div.logout>button, #recruit .join.result>div.logout>button, #recruit .complete.result>div.logout>button, .recruit .find.result>div.logout>button, .recruit .join.result>div.logout>button, .recruit .complete.result>div.logout>button, #recruit .find form label:not(.check) span, #recruit .find form .label span, #recruit .find .completeBox label:not(.check) span, #recruit .find .completeBox .label span, #recruit .join form label:not(.check) span, #recruit .join form .label span, #recruit .join .completeBox label:not(.check) span, #recruit .join .completeBox .label span, #recruit .complete form label:not(.check) span, #recruit .complete form .label span, #recruit .complete .completeBox label:not(.check) span, #recruit .complete .completeBox .label span, .recruit .find form label:not(.check) span, .recruit .find form .label span, .recruit .find .completeBox label:not(.check) span, .recruit .find .completeBox .label span, .recruit .join form label:not(.check) span, .recruit .join form .label span, .recruit .join .completeBox label:not(.check) span, .recruit .join .completeBox .label span, .recruit .complete form label:not(.check) span, .recruit .complete form .label span, .recruit .complete .completeBox label:not(.check) span, .recruit .complete .completeBox .label span, #recruit .loginWrap .joinInfo>div .swiper p, .recruit .loginWrap .joinInfo>div .swiper p, #recruit .loginWrap .joinInfo>div>p, .recruit .loginWrap .joinInfo>div>p, #recruit .loginWrap .login form label span, .recruit .loginWrap .login form label span, #recruit .selectjob .form .application div.case1 .label, #recruit .selectjob .form .application div.case2 .label, .recruit .selectjob .form .application div.case1 .label, .recruit .selectjob .form .application div.case2 .label, #recruit .container #faq ul li, .recruit .container #faq ul li, #contents.historyCenter .historyTab section p, #contents.historyCenter .historyTab nav, #detailContents.portfolioDetail .progressCalendar .performance header h2, #detailContents.portfolioDetail .progressCalendar .performance header ul, #detailContents.portfolioDetail .progressCalendar .performance header div, #detailContents.portfolioDetail .overview, #detailContents.portfolioDetail>header .detailInfo, #contents.statusList>.list .list a:not(.btn) dl, #contents.statusList .tabTarget>.list .list a:not(.btn) dl, #contents.performance .headline .summary p, #contents.develop .detailContainer .accordionWrapper li div, #contents.develop .detailContainer .accordionWrapper button span, #contents.develop .detailContainer .developSwiper li p, #contents.develop .detailContainer dd, #contents.develop .processSwipe .swiper .swiper-wrapper>li ul, #contents.develop .overview>ul li span, #groupHeader .menu section ul, #recruit .selectjob .form .application>section>label, .recruit .selectjob .form .application>section>label, #recruit .form>section>label, .recruit .form>section>label, #recruit .container #inquiry form.inquiry>section>label, .recruit .container #inquiry form.inquiry>section>label, #contents.contact .inquiry>section>label, #contents.research .application>section>label, #recruit .selectjob .form .application>section>.label, .recruit .selectjob .form .application>section>.label, #recruit .form>section>.label, .recruit .form>section>.label, #recruit .container #inquiry form.inquiry>section>.label, .recruit .container #inquiry form.inquiry>section>.label, #contents.contact .inquiry>section>.label, #contents.research .application>section>.label, #recruit .selectjob .form .application>section .half>label, .recruit .selectjob .form .application>section .half>label, #recruit .form>section .half>label, .recruit .form>section .half>label, #recruit .container #inquiry form.inquiry>section .half>label, .recruit .container #inquiry form.inquiry>section .half>label, #contents.contact .inquiry>section .half>label, #contents.research .application>section .half>label, #recruit .selectjob .form .application>section .half>.label, .recruit .selectjob .form .application>section .half>.label, #recruit .form>section .half>.label, .recruit .form>section .half>.label, #recruit .container #inquiry form.inquiry>section .half>.label, .recruit .container #inquiry form.inquiry>section .half>.label, #contents.contact .inquiry>section .half>.label, #contents.research .application>section .half>.label, #recruit .selectjob .form .application>section .clear>label, .recruit .selectjob .form .application>section .clear>label, #recruit .form>section .clear>label, .recruit .form>section .clear>label, #recruit .container #inquiry form.inquiry>section .clear>label, .recruit .container #inquiry form.inquiry>section .clear>label, #contents.contact .inquiry>section .clear>label, #contents.research .application>section .clear>label, #recruit .selectjob .form .application>section .clear>.label, .recruit .selectjob .form .application>section .clear>.label, #recruit .form>section .clear>.label, .recruit .form>section .clear>.label, #recruit .container #inquiry form.inquiry>section .clear>.label, .recruit .container #inquiry form.inquiry>section .clear>.label, #contents.contact .inquiry>section .clear>.label, #contents.research .application>section .clear>.label, #recruit .container .myinfoInfo>div>dl, .recruit .container .myinfoInfo>div>dl, #contents.contact .info>div>dl, #detailContents.pressDetail .info>div>dl, #recruit .container .myinfoInfo>ul li span, .recruit .container .myinfoInfo>ul li span, #contents.contact .info>ul li span, #detailContents.pressDetail .info>ul li span, #recruit .container .myinfoInfo>ul li small, .recruit .container .myinfoInfo>ul li small, #contents.contact .info>ul li small, #detailContents.pressDetail .info>ul li small, #contents.brochure .downloadInfo>div>p p, #contents.research .downloadInfo>div>p p, #contents.brochure .downloadInfo>div>div p, #contents.research .downloadInfo>div>div p, #detailContents.pressDetail>header .utility>span, #detailContents.portfolioDetail .detailContainer>section .detail, #contents.develop .detailContainer>section .detail, #detailContents.pressDetail .detail, .popup>div .terms .termsContents h2, .popup>div .full.joinComplete .info ul, .popup>div .full .bullet, .popup>div .full .result h1, .popup>div .full>p.case, .popup>div .full>label span { font-size: 18px; line-height: 28px; letter-spacing: -0.015em; line-height: 30px; } } @media (max-width: 1024px) { #contents.groupBd .intro .info p, #contents.groupGr .intro .info p, #contents.groupBd .headline ul .summary p, #contents.groupBd .recommend .swiperContainer .swiper-slide p, #contents.groupSt .developer header p, #contents.groupSt .value section.swiper-slide .imgWrapper .inside .insidePgn, #contents.groupSt .value section.swiper-slide .imgWrapper>p, #contents.groupSt .challenge section p, #contents.groupSt>section header:not(.case) p, #contents.groupSt section.swiper-slide header:not(.case) p, #contents.groupSt>section header:not(.case) .h1, #contents.groupSt section.swiper-slide header:not(.case) .h1, #contents.recruitInfo .recruitList a p, #contents.jobinfo .collapse li, #recruit .join .phoneCertify>strong, .recruit .join .phoneCertify>strong, #recruit .join .phoneCertify p strong, .recruit .join .phoneCertify p strong, #recruit .completeBox dl, .recruit .completeBox dl, #recruit .find.result>div.logout>button, #recruit .join.result>div.logout>button, #recruit .complete.result>div.logout>button, .recruit .find.result>div.logout>button, .recruit .join.result>div.logout>button, .recruit .complete.result>div.logout>button, #recruit .find form label:not(.check) span, #recruit .find form .label span, #recruit .find .completeBox label:not(.check) span, #recruit .find .completeBox .label span, #recruit .join form label:not(.check) span, #recruit .join form .label span, #recruit .join .completeBox label:not(.check) span, #recruit .join .completeBox .label span, #recruit .complete form label:not(.check) span, #recruit .complete form .label span, #recruit .complete .completeBox label:not(.check) span, #recruit .complete .completeBox .label span, .recruit .find form label:not(.check) span, .recruit .find form .label span, .recruit .find .completeBox label:not(.check) span, .recruit .find .completeBox .label span, .recruit .join form label:not(.check) span, .recruit .join form .label span, .recruit .join .completeBox label:not(.check) span, .recruit .join .completeBox .label span, .recruit .complete form label:not(.check) span, .recruit .complete form .label span, .recruit .complete .completeBox label:not(.check) span, .recruit .complete .completeBox .label span, #recruit .loginWrap .joinInfo>div .swiper p, .recruit .loginWrap .joinInfo>div .swiper p, #recruit .loginWrap .joinInfo>div>p, .recruit .loginWrap .joinInfo>div>p, #recruit .loginWrap .login form label span, .recruit .loginWrap .login form label span, #recruit .selectjob .form .application div.case1 .label, #recruit .selectjob .form .application div.case2 .label, .recruit .selectjob .form .application div.case1 .label, .recruit .selectjob .form .application div.case2 .label, #recruit .container #faq ul li, .recruit .container #faq ul li, #contents.historyCenter .historyTab section p, #contents.historyCenter .historyTab nav, #detailContents.portfolioDetail .progressCalendar .performance header h2, #detailContents.portfolioDetail .progressCalendar .performance header ul, #detailContents.portfolioDetail .progressCalendar .performance header div, #detailContents.portfolioDetail .overview, #detailContents.portfolioDetail>header .detailInfo, #contents.statusList>.list .list a:not(.btn) dl, #contents.statusList .tabTarget>.list .list a:not(.btn) dl, #contents.performance .headline .summary p, #contents.develop .detailContainer .accordionWrapper li div, #contents.develop .detailContainer .accordionWrapper button span, #contents.develop .detailContainer .developSwiper li p, #contents.develop .detailContainer dd, #contents.develop .processSwipe .swiper .swiper-wrapper>li ul, #contents.develop .overview>ul li span, #groupHeader .menu section ul, #recruit .selectjob .form .application>section>label, .recruit .selectjob .form .application>section>label, #recruit .form>section>label, .recruit .form>section>label, #recruit .container #inquiry form.inquiry>section>label, .recruit .container #inquiry form.inquiry>section>label, #contents.contact .inquiry>section>label, #contents.research .application>section>label, #recruit .selectjob .form .application>section>.label, .recruit .selectjob .form .application>section>.label, #recruit .form>section>.label, .recruit .form>section>.label, #recruit .container #inquiry form.inquiry>section>.label, .recruit .container #inquiry form.inquiry>section>.label, #contents.contact .inquiry>section>.label, #contents.research .application>section>.label, #recruit .selectjob .form .application>section .half>label, .recruit .selectjob .form .application>section .half>label, #recruit .form>section .half>label, .recruit .form>section .half>label, #recruit .container #inquiry form.inquiry>section .half>label, .recruit .container #inquiry form.inquiry>section .half>label, #contents.contact .inquiry>section .half>label, #contents.research .application>section .half>label, #recruit .selectjob .form .application>section .half>.label, .recruit .selectjob .form .application>section .half>.label, #recruit .form>section .half>.label, .recruit .form>section .half>.label, #recruit .container #inquiry form.inquiry>section .half>.label, .recruit .container #inquiry form.inquiry>section .half>.label, #contents.contact .inquiry>section .half>.label, #contents.research .application>section .half>.label, #recruit .selectjob .form .application>section .clear>label, .recruit .selectjob .form .application>section .clear>label, #recruit .form>section .clear>label, .recruit .form>section .clear>label, #recruit .container #inquiry form.inquiry>section .clear>label, .recruit .container #inquiry form.inquiry>section .clear>label, #contents.contact .inquiry>section .clear>label, #contents.research .application>section .clear>label, #recruit .selectjob .form .application>section .clear>.label, .recruit .selectjob .form .application>section .clear>.label, #recruit .form>section .clear>.label, .recruit .form>section .clear>.label, #recruit .container #inquiry form.inquiry>section .clear>.label, .recruit .container #inquiry form.inquiry>section .clear>.label, #contents.contact .inquiry>section .clear>.label, #contents.research .application>section .clear>.label, #recruit .container .myinfoInfo>div>dl, .recruit .container .myinfoInfo>div>dl, #contents.contact .info>div>dl, #detailContents.pressDetail .info>div>dl, #recruit .container .myinfoInfo>ul li span, .recruit .container .myinfoInfo>ul li span, #contents.contact .info>ul li span, #detailContents.pressDetail .info>ul li span, #recruit .container .myinfoInfo>ul li small, .recruit .container .myinfoInfo>ul li small, #contents.contact .info>ul li small, #detailContents.pressDetail .info>ul li small, #contents.brochure .downloadInfo>div>p p, #contents.research .downloadInfo>div>p p, #contents.brochure .downloadInfo>div>div p, #contents.research .downloadInfo>div>div p, #detailContents.pressDetail>header .utility>span, #detailContents.portfolioDetail .detailContainer>section .detail, #contents.develop .detailContainer>section .detail, #detailContents.pressDetail .detail, .popup>div .terms .termsContents h2, .popup>div .full.joinComplete .info ul, .popup>div .full .bullet, .popup>div .full .result h1, .popup>div .full>p.case, .popup>div .full>label span { font-size: 16px; line-height: 26px; letter-spacing: -0.015em; } } #contents.groupSt>section header:not(.case) .h1, #contents.groupSt section.swiper-slide header:not(.case) .h1 { color: #4415a0; font-weight: 700; height: auto; } @media (min-width: 1025px) { #contents.groupSt .value section.swiper-slide header .h1 { margin-top: 45px; } } @media (max-width: 1024px) { #contents.groupSt .value section.swiper-slide header .h1 { margin-top: 30px; } } #contents.groupSt .developer header .h1 { font-weight: 400; } #contents.groupSt .developer header .h1 { font-size: 40px; line-height: 52px; letter-spacing: -0.03em; } @media (min-width: 1025px) { #contents.groupSt .developer header .h1 { font-size: 40px; line-height: 52px; letter-spacing: -0.03em; } } @media (max-width: 1024px) { #contents.groupSt .developer header .h1 { font-size: 30px; line-height: 40px; letter-spacing: -0.025em; } } #contents.groupSt .challenge section h3, #contents.groupSt .challenge section p { margin-left: auto; margin-right: auto; width: 100%; max-width: 1240px; min-width: 315px; padding-left: 20px; padding-right: 20px; color: #fff; } /* 신영그룹 > 오시는 길 */ #contents.location .info .h1 { color: #212121; font-weight: 400; } #contents.location .info .h1 .emph { color: #4415a0; font-weight: 700; } @media (min-width: 1025px) { #contents.crList .sort .selectBox>div, #contents.location .info .h1, .historyContainer .content ul li figure figcaption, .awardContainer .content ul li figure figcaption, #contents.historyCenter .historyTab section>div>div button, #contents.historyCenter .historyTab section>div>button, #contents.pressList .newsCollect>div .swiper button em::after, #contents.pressList .newsPick>div li .detail>span, #detailContents.portfolioDetail .progressCalendar .calendar .selectBox>div, #contents.statusList .empty span, #contents.performance .headline .summary span, .popNotice footer, #contents.home .performanceList>div li .detail>span, #recruit .selectjob .form .application>section .terms>p, .recruit .selectjob .form .application>section .terms>p, #recruit .form>section .terms>p, .recruit .form>section .terms>p, #recruit .container #inquiry form.inquiry>section .terms>p, .recruit .container #inquiry form.inquiry>section .terms>p, #contents.contact .inquiry>section .terms>p, #contents.research .application>section .terms>p, #recruit .selectjob .form .application>section .terms>section, .recruit .selectjob .form .application>section .terms>section, #recruit .form>section .terms>section, .recruit .form>section .terms>section, #recruit .container #inquiry form.inquiry>section .terms>section, .recruit .container #inquiry form.inquiry>section .terms>section, #contents.contact .inquiry>section .terms>section, #contents.research .application>section .terms>section, #recruit .selectjob .form .application>section .email span, .recruit .selectjob .form .application>section .email span, #recruit .form>section .email span, .recruit .form>section .email span, #recruit .container #inquiry form.inquiry>section .email span, .recruit .container #inquiry form.inquiry>section .email span, #contents.contact .inquiry>section .email span, #contents.research .application>section .email span, #recruit .selectjob .form .application>section .phone span, .recruit .selectjob .form .application>section .phone span, #recruit .form>section .phone span, .recruit .form>section .phone span, #recruit .container #inquiry form.inquiry>section .phone span, .recruit .container #inquiry form.inquiry>section .phone span, #contents.contact .inquiry>section .phone span, #contents.research .application>section .phone span, #recruit .selectjob .form .application>section .selectBox>div, .recruit .selectjob .form .application>section .selectBox>div, #recruit .form>section .selectBox>div, .recruit .form>section .selectBox>div, #recruit .container #inquiry form.inquiry>section .selectBox>div, .recruit .container #inquiry form.inquiry>section .selectBox>div, #contents.contact .inquiry>section .selectBox>div, #contents.research .application>section .selectBox>div, #recruit .selectjob .form .application>section .selectBox>button, .recruit .selectjob .form .application>section .selectBox>button, #recruit .form>section .selectBox>button, .recruit .form>section .selectBox>button, #recruit .container #inquiry form.inquiry>section .selectBox>button, .recruit .container #inquiry form.inquiry>section .selectBox>button, #contents.contact .inquiry>section .selectBox>button, #contents.research .application>section .selectBox>button, #recruit .selectjob .form .application>section .file>p, .recruit .selectjob .form .application>section .file>p, #recruit .form>section .file>p, .recruit .form>section .file>p, #recruit .container #inquiry form.inquiry>section .file>p, .recruit .container #inquiry form.inquiry>section .file>p, #contents.contact .inquiry>section .file>p, #contents.research .application>section .file>p, #recruit .selectjob .form .application>section .period span, .recruit .selectjob .form .application>section .period span, #recruit .form>section .period span, .recruit .form>section .period span, #recruit .container #inquiry form.inquiry>section .period span, .recruit .container #inquiry form.inquiry>section .period span, #contents.contact .inquiry>section .period span, #contents.research .application>section .period span, #recruit .selectjob .form .application>section>header p, .recruit .selectjob .form .application>section>header p, #recruit .form>section>header p, .recruit .form>section>header p, #recruit .container #inquiry form.inquiry>section>header p, .recruit .container #inquiry form.inquiry>section>header p, #contents.contact .inquiry>section>header p, #contents.research .application>section>header p, .inquiry.groupCr>div>div>a, #detailContents.portfolioDetail .inquiry>div>div>a, #contents.contact .contactInfo>div>div>a, .inquiry.groupCr>div>a, #detailContents.portfolioDetail .inquiry>div>a, #contents.contact .contactInfo>div>a, #contents.performance .portfolio>div>p, #contents.performance .portfolio .mapMode.active~.list .swiperContainer .swiper-slide em, #contents.performance .portfolio .mapMode.active~.list .swiperContainer .swiper-slide p, #contents.performance .portfolio .mapMode.active~.list .swiperContainer .swiper-slide .subjectLink, #contents.performance .portfolio header .selectBox>div, #contents.performance .portfolio header .selectBox>button, #contents.performance .portfolio header .h1, #recruit .container .board .recommend>a span, .recruit .container .board .recommend>a span, #contents.crList .tabTarget .recommend>a span, #contents.pressList>.list .recommend>a span, #contents.performanceList>.list .recommend>a span, #contents.research .list .recommend>a span, #recruit .container .board .recommend .swiper-slide span, .recruit .container .board .recommend .swiper-slide span, #contents.crList .tabTarget .recommend .swiper-slide span, #contents.pressList>.list .recommend .swiper-slide span, #contents.performanceList>.list .recommend .swiper-slide span, #contents.research .list .recommend .swiper-slide span, #recruit .container .board .recommend>a em, .recruit .container .board .recommend>a em, #contents.crList .tabTarget .recommend>a em, #contents.pressList>.list .recommend>a em, #contents.performanceList>.list .recommend>a em, #contents.research .list .recommend>a em, #recruit .container .board .recommend .swiper-slide em, .recruit .container .board .recommend .swiper-slide em, #contents.crList .tabTarget .recommend .swiper-slide em, #contents.pressList>.list .recommend .swiper-slide em, #contents.performanceList>.list .recommend .swiper-slide em, #contents.research .list .recommend .swiper-slide em, #recruit .container .board .recommend>p, .recruit .container .board .recommend>p, #contents.crList .tabTarget .recommend>p, #contents.pressList>.list .recommend>p, #contents.performanceList>.list .recommend>p, #contents.research .list .recommend>p, #recruit .container .board .empty span, .recruit .container .board .empty span, #contents.crList .tabTarget .empty span, #contents.pressList>.list .empty span, #contents.performanceList>.list .empty span, #contents.research .list .empty span, #recruit .container .board .downloadList>a span, .recruit .container .board .downloadList>a span, #contents.crList .tabTarget .downloadList>a span, #contents.pressList>.list .downloadList>a span, #contents.performanceList>.list .downloadList>a span, #contents.research .list .downloadList>a span, #recruit .container .board .listTextMode>a span, .recruit .container .board .listTextMode>a span, #contents.crList .tabTarget .listTextMode>a span, #contents.pressList>.list .listTextMode>a span, #contents.performanceList>.list .listTextMode>a span, #contents.research .list .listTextMode>a span, #recruit .container .board .mapMode.active~.list .swiperContainer .swiper-slide em, .recruit .container .board .mapMode.active~.list .swiperContainer .swiper-slide em, #contents.crList .tabTarget .mapMode.active~.list .swiperContainer .swiper-slide em, #contents.pressList>.list .mapMode.active~.list .swiperContainer .swiper-slide em, #contents.performanceList>.list .mapMode.active~.list .swiperContainer .swiper-slide em, #contents.research .list .mapMode.active~.list .swiperContainer .swiper-slide em, #recruit .container .board .mapMode.active~.list .swiperContainer .swiper-slide p, .recruit .container .board .mapMode.active~.list .swiperContainer .swiper-slide p, #contents.crList .tabTarget .mapMode.active~.list .swiperContainer .swiper-slide p, #contents.pressList>.list .mapMode.active~.list .swiperContainer .swiper-slide p, #contents.performanceList>.list .mapMode.active~.list .swiperContainer .swiper-slide p, #contents.research .list .mapMode.active~.list .swiperContainer .swiper-slide p, #recruit .container .board .mapMode.active~.list .swiperContainer .swiper-slide .subjectLink, .recruit .container .board .mapMode.active~.list .swiperContainer .swiper-slide .subjectLink, #contents.crList .tabTarget .mapMode.active~.list .swiperContainer .swiper-slide .subjectLink, #contents.pressList>.list .mapMode.active~.list .swiperContainer .swiper-slide .subjectLink, #contents.performanceList>.list .mapMode.active~.list .swiperContainer .swiper-slide .subjectLink, #contents.research .list .mapMode.active~.list .swiperContainer .swiper-slide .subjectLink, #recruit .container .board>p, .recruit .container .board>p, #contents.crList .tabTarget>p, #contents.pressList>.list>p, #contents.performanceList>.list>p, #contents.research .list>p, .thumbMode.active~.list>a span, .thumbMode.active~.list .swiper-slide span, .thumbMode.active~.list>a em, .thumbMode.active~.list .swiper-slide em, .thumbMode.active~.list>p, .textMode.active~.list>a span, .popup>div .terms .termsContents *:not(h2):not(h1), .popup>div .terms .selectBox>div, .popup>div .terms .selectBox>button, .popup>div .full .result table, .popup>div .full>p:not(.case), .toastMessage p, #recruit .selectjob .form .application>section .textarea textarea, .recruit .selectjob .form .application>section .textarea textarea, #recruit .form>section .textarea textarea, .recruit .form>section .textarea textarea, #recruit .container #inquiry form.inquiry>section .textarea textarea, .recruit .container #inquiry form.inquiry>section .textarea textarea, #contents.contact .inquiry>section .textarea textarea, #contents.research .application>section .textarea textarea, #recruit .selectjob .form .application>section .file>div, .recruit .selectjob .form .application>section .file>div, #recruit .form>section .file>div, .recruit .form>section .file>div, #recruit .container #inquiry form.inquiry>section .file>div, .recruit .container #inquiry form.inquiry>section .file>div, #contents.contact .inquiry>section .file>div, #contents.research .application>section .file>div, #recruit .find form label:not(.check) input, #recruit .find form .label input, #recruit .find .completeBox label:not(.check) input, #recruit .find .completeBox .label input, #recruit .join form label:not(.check) input, #recruit .join form .label input, #recruit .join .completeBox label:not(.check) input, #recruit .join .completeBox .label input, #recruit .complete form label:not(.check) input, #recruit .complete form .label input, #recruit .complete .completeBox label:not(.check) input, #recruit .complete .completeBox .label input, .recruit .find form label:not(.check) input, .recruit .find form .label input, .recruit .find .completeBox label:not(.check) input, .recruit .find .completeBox .label input, .recruit .join form label:not(.check) input, .recruit .join form .label input, .recruit .join .completeBox label:not(.check) input, .recruit .join .completeBox .label input, .recruit .complete form label:not(.check) input, .recruit .complete form .label input, .recruit .complete .completeBox label:not(.check) input, .recruit .complete .completeBox .label input, #recruit .loginWrap .login form label input, .recruit .loginWrap .login form label input, #recruit .selectjob .form .application>section .input input, .recruit .selectjob .form .application>section .input input, #recruit .form>section .input input, .recruit .form>section .input input, #recruit .container #inquiry form.inquiry>section .input input, .recruit .container #inquiry form.inquiry>section .input input, #contents.contact .inquiry>section .input input, #contents.research .application>section .input input, .popup>div .full .inputTxt input, #recruit .find form label:not(.check) textarea, #recruit .find form .label textarea, #recruit .find .completeBox label:not(.check) textarea, #recruit .find .completeBox .label textarea, #recruit .join form label:not(.check) textarea, #recruit .join form .label textarea, #recruit .join .completeBox label:not(.check) textarea, #recruit .join .completeBox .label textarea, #recruit .complete form label:not(.check) textarea, #recruit .complete form .label textarea, #recruit .complete .completeBox label:not(.check) textarea, #recruit .complete .completeBox .label textarea, .recruit .find form label:not(.check) textarea, .recruit .find form .label textarea, .recruit .find .completeBox label:not(.check) textarea, .recruit .find .completeBox .label textarea, .recruit .join form label:not(.check) textarea, .recruit .join form .label textarea, .recruit .join .completeBox label:not(.check) textarea, .recruit .join .completeBox .label textarea, .recruit .complete form label:not(.check) textarea, .recruit .complete form .label textarea, .recruit .complete .completeBox label:not(.check) textarea, .recruit .complete .completeBox .label textarea, #recruit .loginWrap .login form label textarea, .recruit .loginWrap .login form label textarea, #recruit .selectjob .form .application>section .input textarea, .recruit .selectjob .form .application>section .input textarea, #recruit .form>section .input textarea, .recruit .form>section .input textarea, #recruit .container #inquiry form.inquiry>section .input textarea, .recruit .container #inquiry form.inquiry>section .input textarea, #contents.contact .inquiry>section .input textarea, #contents.research .application>section .input textarea, .popup>div .full .inputTxt textarea, .guideBtnEx12, .guideBtnEx11, #recruit .selectjob .form .application>section .radio>label span, .recruit .selectjob .form .application>section .radio>label span, #recruit .form>section .radio>label span, .recruit .form>section .radio>label span, #recruit .container #inquiry form.inquiry>section .radio>label span, .recruit .container #inquiry form.inquiry>section .radio>label span, #contents.contact .inquiry>section .radio>label span, #contents.research .application>section .radio>label span { font-size: 16px; line-height: 26px; letter-spacing: -0.015em; line-height: 28px; } } @media (max-width: 1024px) { #contents.groupBd .intro .info p span, #contents.groupGr .intro .info p span, #contents.groupBd .headline ul .summary span, #recruit .applicationBtn p, .recruit .applicationBtn p, #recruit .join .phoneCertify p, .recruit .join .phoneCertify p, #recruit .find.result>div dl, #recruit .join.result>div dl, #recruit .complete.result>div dl, .recruit .find.result>div dl, .recruit .join.result>div dl, .recruit .complete.result>div dl, #recruit .find.result>div span, #recruit .join.result>div span, #recruit .complete.result>div span, .recruit .find.result>div span, .recruit .join.result>div span, .recruit .complete.result>div span, #recruit .find form label:not(.check).email .selectBox>div, #recruit .find form .label.email .selectBox>div, #recruit .find .completeBox label:not(.check).email .selectBox>div, #recruit .find .completeBox .label.email .selectBox>div, #recruit .join form label:not(.check).email .selectBox>div, #recruit .join form .label.email .selectBox>div, #recruit .join .completeBox label:not(.check).email .selectBox>div, #recruit .join .completeBox .label.email .selectBox>div, #recruit .complete form label:not(.check).email .selectBox>div, #recruit .complete form .label.email .selectBox>div, #recruit .complete .completeBox label:not(.check).email .selectBox>div, #recruit .complete .completeBox .label.email .selectBox>div, .recruit .find form label:not(.check).email .selectBox>div, .recruit .find form .label.email .selectBox>div, .recruit .find .completeBox label:not(.check).email .selectBox>div, .recruit .find .completeBox .label.email .selectBox>div, .recruit .join form label:not(.check).email .selectBox>div, .recruit .join form .label.email .selectBox>div, .recruit .join .completeBox label:not(.check).email .selectBox>div, .recruit .join .completeBox .label.email .selectBox>div, .recruit .complete form label:not(.check).email .selectBox>div, .recruit .complete form .label.email .selectBox>div, .recruit .complete .completeBox label:not(.check).email .selectBox>div, .recruit .complete .completeBox .label.email .selectBox>div, #recruit .find form label:not(.check).email .selectBox>button, #recruit .find form .label.email .selectBox>button, #recruit .find .completeBox label:not(.check).email .selectBox>button, #recruit .find .completeBox .label.email .selectBox>button, #recruit .join form label:not(.check).email .selectBox>button, #recruit .join form .label.email .selectBox>button, #recruit .join .completeBox label:not(.check).email .selectBox>button, #recruit .join .completeBox .label.email .selectBox>button, #recruit .complete form label:not(.check).email .selectBox>button, #recruit .complete form .label.email .selectBox>button, #recruit .complete .completeBox label:not(.check).email .selectBox>button, #recruit .complete .completeBox .label.email .selectBox>button, .recruit .find form label:not(.check).email .selectBox>button, .recruit .find form .label.email .selectBox>button, .recruit .find .completeBox label:not(.check).email .selectBox>button, .recruit .find .completeBox .label.email .selectBox>button, .recruit .join form label:not(.check).email .selectBox>button, .recruit .join form .label.email .selectBox>button, .recruit .join .completeBox label:not(.check).email .selectBox>button, .recruit .join .completeBox .label.email .selectBox>button, .recruit .complete form label:not(.check).email .selectBox>button, .recruit .complete form .label.email .selectBox>button, .recruit .complete .completeBox label:not(.check).email .selectBox>button, .recruit .complete .completeBox .label.email .selectBox>button, #recruit .find form label:not(.check).phone div button, #recruit .find form .label.phone div button, #recruit .find .completeBox label:not(.check).phone div button, #recruit .find .completeBox .label.phone div button, #recruit .join form label:not(.check).phone div button, #recruit .join form .label.phone div button, #recruit .join .completeBox label:not(.check).phone div button, #recruit .join .completeBox .label.phone div button, #recruit .complete form label:not(.check).phone div button, #recruit .complete form .label.phone div button, #recruit .complete .completeBox label:not(.check).phone div button, #recruit .complete .completeBox .label.phone div button, .recruit .find form label:not(.check).phone div button, .recruit .find form .label.phone div button, .recruit .find .completeBox label:not(.check).phone div button, .recruit .find .completeBox .label.phone div button, .recruit .join form label:not(.check).phone div button, .recruit .join form .label.phone div button, .recruit .join .completeBox label:not(.check).phone div button, .recruit .join .completeBox .label.phone div button, .recruit .complete form label:not(.check).phone div button, .recruit .complete form .label.phone div button, .recruit .complete .completeBox label:not(.check).phone div button, .recruit .complete .completeBox .label.phone div button, #recruit .find form .required, #recruit .find .completeBox .required, #recruit .join form .required, #recruit .join .completeBox .required, #recruit .complete form .required, #recruit .complete .completeBox .required, .recruit .find form .required, .recruit .find .completeBox .required, .recruit .join form .required, .recruit .join .completeBox .required, .recruit .complete form .required, .recruit .complete .completeBox .required, #recruit .find h2+p+p, #recruit .join h2+p+p, #recruit .complete h2+p+p, .recruit .find h2+p+p, .recruit .join h2+p+p, .recruit .complete h2+p+p, #recruit .selectjob .form .application .languages .period p, #recruit .selectjob .form .application .licenses .period p, #recruit .selectjob .form .application .acts .period p, #recruit .selectjob .form .application .globalExp .period p, #recruit .selectjob .form .application .prizeExp .period p, #recruit .selectjob .form .application .expContainer .period p, #recruit .selectjob .form .application .exps .period p, .recruit .selectjob .form .application .languages .period p, .recruit .selectjob .form .application .licenses .period p, .recruit .selectjob .form .application .acts .period p, .recruit .selectjob .form .application .globalExp .period p, .recruit .selectjob .form .application .prizeExp .period p, .recruit .selectjob .form .application .expContainer .period p, .recruit .selectjob .form .application .exps .period p, #recruit .selectjob .form .application .edu div.case span, .recruit .selectjob .form .application .edu div.case span, #recruit .selectjob .form .application .salary span, .recruit .selectjob .form .application .salary span, #recruit .selectjob .form .application .box2, .recruit .selectjob .form .application .box2, #recruit .selectjob .form .application .box, .recruit .selectjob .form .application .box, #recruit .form .phone button, .recruit .form .phone button, #recruit .form .passwordInfo, .recruit .form .passwordInfo, #recruit .container .list>li>div, .recruit .container .list>li>div, #recruit .container .list>li>ul, .recruit .container .list>li>ul, #recruit .container .list>li>span, .recruit .container .list>li>span, #recruit .container .board .selectBox>div, .recruit .container .board .selectBox>div, #contents.crDetail>section .department>.table table tbody th, #contents.crDetail>section .department>.table table tbody td, #contents.crList .sort .selectBox>div, #contents.location .info h1, .historyContainer .content ul li figure figcaption, .awardContainer .content ul li figure figcaption, #contents.historyCenter .historyTab section>div>div button, #contents.historyCenter .historyTab section>div>button, #contents.pressList .newsCollect>div .swiper button em::after, #contents.pressList .newsPick>div li .detail>span, #detailContents.portfolioDetail .progressCalendar .calendar .selectBox>div, #contents.statusList .empty span, #contents.performance .headline .summary span, .popNotice footer, #contents.home .performanceList>div li .detail>span, #recruit .selectjob .form .application>section .terms>p, .recruit .selectjob .form .application>section .terms>p, #recruit .form>section .terms>p, .recruit .form>section .terms>p, #recruit .container #inquiry form.inquiry>section .terms>p, .recruit .container #inquiry form.inquiry>section .terms>p, #contents.contact .inquiry>section .terms>p, #contents.research .application>section .terms>p, #recruit .selectjob .form .application>section .terms>section, .recruit .selectjob .form .application>section .terms>section, #recruit .form>section .terms>section, .recruit .form>section .terms>section, #recruit .container #inquiry form.inquiry>section .terms>section, .recruit .container #inquiry form.inquiry>section .terms>section, #contents.contact .inquiry>section .terms>section, #contents.research .application>section .terms>section, #recruit .selectjob .form .application>section .email span, .recruit .selectjob .form .application>section .email span, #recruit .form>section .email span, .recruit .form>section .email span, #recruit .container #inquiry form.inquiry>section .email span, .recruit .container #inquiry form.inquiry>section .email span, #contents.contact .inquiry>section .email span, #contents.research .application>section .email span, #recruit .selectjob .form .application>section .phone span, .recruit .selectjob .form .application>section .phone span, #recruit .form>section .phone span, .recruit .form>section .phone span, #recruit .container #inquiry form.inquiry>section .phone span, .recruit .container #inquiry form.inquiry>section .phone span, #contents.contact .inquiry>section .phone span, #contents.research .application>section .phone span, #recruit .selectjob .form .application>section .selectBox>div, .recruit .selectjob .form .application>section .selectBox>div, #recruit .form>section .selectBox>div, .recruit .form>section .selectBox>div, #recruit .container #inquiry form.inquiry>section .selectBox>div, .recruit .container #inquiry form.inquiry>section .selectBox>div, #contents.contact .inquiry>section .selectBox>div, #contents.research .application>section .selectBox>div, #recruit .selectjob .form .application>section .selectBox>button, .recruit .selectjob .form .application>section .selectBox>button, #recruit .form>section .selectBox>button, .recruit .form>section .selectBox>button, #recruit .container #inquiry form.inquiry>section .selectBox>button, .recruit .container #inquiry form.inquiry>section .selectBox>button, #contents.contact .inquiry>section .selectBox>button, #contents.research .application>section .selectBox>button, #recruit .selectjob .form .application>section .file>p, .recruit .selectjob .form .application>section .file>p, #recruit .form>section .file>p, .recruit .form>section .file>p, #recruit .container #inquiry form.inquiry>section .file>p, .recruit .container #inquiry form.inquiry>section .file>p, #contents.contact .inquiry>section .file>p, #contents.research .application>section .file>p, #recruit .selectjob .form .application>section .period span, .recruit .selectjob .form .application>section .period span, #recruit .form>section .period span, .recruit .form>section .period span, #recruit .container #inquiry form.inquiry>section .period span, .recruit .container #inquiry form.inquiry>section .period span, #contents.contact .inquiry>section .period span, #contents.research .application>section .period span, #recruit .selectjob .form .application>section>header p, .recruit .selectjob .form .application>section>header p, #recruit .form>section>header p, .recruit .form>section>header p, #recruit .container #inquiry form.inquiry>section>header p, .recruit .container #inquiry form.inquiry>section>header p, #contents.contact .inquiry>section>header p, #contents.research .application>section>header p, .inquiry.groupCr>div>div>a, #detailContents.portfolioDetail .inquiry>div>div>a, #contents.contact .contactInfo>div>div>a, .inquiry.groupCr>div>a, #detailContents.portfolioDetail .inquiry>div>a, #contents.contact .contactInfo>div>a, #contents.performance .portfolio>div>p, #contents.performance .portfolio .mapMode.active~.list .swiperContainer .swiper-slide em, #contents.performance .portfolio .mapMode.active~.list .swiperContainer .swiper-slide p, #contents.performance .portfolio .mapMode.active~.list .swiperContainer .swiper-slide .subjectLink, #contents.performance .portfolio header .selectBox>div, #contents.performance .portfolio header .selectBox>button, #contents.performance .portfolio header .h1, #recruit .container .board .recommend>a span, .recruit .container .board .recommend>a span, #contents.crList .tabTarget .recommend>a span, #contents.pressList>.list .recommend>a span, #contents.performanceList>.list .recommend>a span, #contents.research .list .recommend>a span, #recruit .container .board .recommend .swiper-slide span, .recruit .container .board .recommend .swiper-slide span, #contents.crList .tabTarget .recommend .swiper-slide span, #contents.pressList>.list .recommend .swiper-slide span, #contents.performanceList>.list .recommend .swiper-slide span, #contents.research .list .recommend .swiper-slide span, #recruit .container .board .recommend>a em, .recruit .container .board .recommend>a em, #contents.crList .tabTarget .recommend>a em, #contents.pressList>.list .recommend>a em, #contents.performanceList>.list .recommend>a em, #contents.research .list .recommend>a em, #recruit .container .board .recommend .swiper-slide em, .recruit .container .board .recommend .swiper-slide em, #contents.crList .tabTarget .recommend .swiper-slide em, #contents.pressList>.list .recommend .swiper-slide em, #contents.performanceList>.list .recommend .swiper-slide em, #contents.research .list .recommend .swiper-slide em, #recruit .container .board .recommend>p, .recruit .container .board .recommend>p, #contents.crList .tabTarget .recommend>p, #contents.pressList>.list .recommend>p, #contents.performanceList>.list .recommend>p, #contents.research .list .recommend>p, #recruit .container .board .empty span, .recruit .container .board .empty span, #contents.crList .tabTarget .empty span, #contents.pressList>.list .empty span, #contents.performanceList>.list .empty span, #contents.research .list .empty span, #recruit .container .board .downloadList>a span, .recruit .container .board .downloadList>a span, #contents.crList .tabTarget .downloadList>a span, #contents.pressList>.list .downloadList>a span, #contents.performanceList>.list .downloadList>a span, #contents.research .list .downloadList>a span, #recruit .container .board .listTextMode>a span, .recruit .container .board .listTextMode>a span, #contents.crList .tabTarget .listTextMode>a span, #contents.pressList>.list .listTextMode>a span, #contents.performanceList>.list .listTextMode>a span, #contents.research .list .listTextMode>a span, #recruit .container .board .mapMode.active~.list .swiperContainer .swiper-slide em, .recruit .container .board .mapMode.active~.list .swiperContainer .swiper-slide em, #contents.crList .tabTarget .mapMode.active~.list .swiperContainer .swiper-slide em, #contents.pressList>.list .mapMode.active~.list .swiperContainer .swiper-slide em, #contents.performanceList>.list .mapMode.active~.list .swiperContainer .swiper-slide em, #contents.research .list .mapMode.active~.list .swiperContainer .swiper-slide em, #recruit .container .board .mapMode.active~.list .swiperContainer .swiper-slide p, .recruit .container .board .mapMode.active~.list .swiperContainer .swiper-slide p, #contents.crList .tabTarget .mapMode.active~.list .swiperContainer .swiper-slide p, #contents.pressList>.list .mapMode.active~.list .swiperContainer .swiper-slide p, #contents.performanceList>.list .mapMode.active~.list .swiperContainer .swiper-slide p, #contents.research .list .mapMode.active~.list .swiperContainer .swiper-slide p, #recruit .container .board .mapMode.active~.list .swiperContainer .swiper-slide .subjectLink, .recruit .container .board .mapMode.active~.list .swiperContainer .swiper-slide .subjectLink, #contents.crList .tabTarget .mapMode.active~.list .swiperContainer .swiper-slide .subjectLink, #contents.pressList>.list .mapMode.active~.list .swiperContainer .swiper-slide .subjectLink, #contents.performanceList>.list .mapMode.active~.list .swiperContainer .swiper-slide .subjectLink, #contents.research .list .mapMode.active~.list .swiperContainer .swiper-slide .subjectLink, #recruit .container .board>p, .recruit .container .board>p, #contents.crList .tabTarget>p, #contents.pressList>.list>p, #contents.performanceList>.list>p, #contents.research .list>p, .thumbMode.active~.list>a span, .thumbMode.active~.list .swiper-slide span, .thumbMode.active~.list>a em, .thumbMode.active~.list .swiper-slide em, .thumbMode.active~.list>p, .textMode.active~.list>a span, .popup>div .terms .termsContents *:not(h2):not(h1), .popup>div .terms .selectBox>div, .popup>div .terms .selectBox>button, .popup>div .full .result table, .popup>div .full>p:not(.case), .toastMessage p, #recruit .selectjob .form .application>section .textarea textarea, .recruit .selectjob .form .application>section .textarea textarea, #recruit .form>section .textarea textarea, .recruit .form>section .textarea textarea, #recruit .container #inquiry form.inquiry>section .textarea textarea, .recruit .container #inquiry form.inquiry>section .textarea textarea, #contents.contact .inquiry>section .textarea textarea, #contents.research .application>section .textarea textarea, #recruit .selectjob .form .application>section .file>div, .recruit .selectjob .form .application>section .file>div, #recruit .form>section .file>div, .recruit .form>section .file>div, #recruit .container #inquiry form.inquiry>section .file>div, .recruit .container #inquiry form.inquiry>section .file>div, #contents.contact .inquiry>section .file>div, #contents.research .application>section .file>div, #recruit .find form label:not(.check) input, #recruit .find form .label input, #recruit .find .completeBox label:not(.check) input, #recruit .find .completeBox .label input, #recruit .join form label:not(.check) input, #recruit .join form .label input, #recruit .join .completeBox label:not(.check) input, #recruit .join .completeBox .label input, #recruit .complete form label:not(.check) input, #recruit .complete form .label input, #recruit .complete .completeBox label:not(.check) input, #recruit .complete .completeBox .label input, .recruit .find form label:not(.check) input, .recruit .find form .label input, .recruit .find .completeBox label:not(.check) input, .recruit .find .completeBox .label input, .recruit .join form label:not(.check) input, .recruit .join form .label input, .recruit .join .completeBox label:not(.check) input, .recruit .join .completeBox .label input, .recruit .complete form label:not(.check) input, .recruit .complete form .label input, .recruit .complete .completeBox label:not(.check) input, .recruit .complete .completeBox .label input, #recruit .loginWrap .login form label input, .recruit .loginWrap .login form label input, #recruit .selectjob .form .application>section .input input, .recruit .selectjob .form .application>section .input input, #recruit .form>section .input input, .recruit .form>section .input input, #recruit .container #inquiry form.inquiry>section .input input, .recruit .container #inquiry form.inquiry>section .input input, #contents.contact .inquiry>section .input input, #contents.research .application>section .input input, .popup>div .full .inputTxt input, #recruit .find form label:not(.check) textarea, #recruit .find form .label textarea, #recruit .find .completeBox label:not(.check) textarea, #recruit .find .completeBox .label textarea, #recruit .join form label:not(.check) textarea, #recruit .join form .label textarea, #recruit .join .completeBox label:not(.check) textarea, #recruit .join .completeBox .label textarea, #recruit .complete form label:not(.check) textarea, #recruit .complete form .label textarea, #recruit .complete .completeBox label:not(.check) textarea, #recruit .complete .completeBox .label textarea, .recruit .find form label:not(.check) textarea, .recruit .find form .label textarea, .recruit .find .completeBox label:not(.check) textarea, .recruit .find .completeBox .label textarea, .recruit .join form label:not(.check) textarea, .recruit .join form .label textarea, .recruit .join .completeBox label:not(.check) textarea, .recruit .join .completeBox .label textarea, .recruit .complete form label:not(.check) textarea, .recruit .complete form .label textarea, .recruit .complete .completeBox label:not(.check) textarea, .recruit .complete .completeBox .label textarea, #recruit .loginWrap .login form label textarea, .recruit .loginWrap .login form label textarea, #recruit .selectjob .form .application>section .input textarea, .recruit .selectjob .form .application>section .input textarea, #recruit .form>section .input textarea, .recruit .form>section .input textarea, #recruit .container #inquiry form.inquiry>section .input textarea, .recruit .container #inquiry form.inquiry>section .input textarea, #contents.contact .inquiry>section .input textarea, #contents.research .application>section .input textarea, .popup>div .full .inputTxt textarea, .guideBtnEx12, .guideBtnEx11, #recruit .selectjob .form .application>section .radio>label span, .recruit .selectjob .form .application>section .radio>label span, #recruit .form>section .radio>label span, .recruit .form>section .radio>label span, #recruit .container #inquiry form.inquiry>section .radio>label span, .recruit .container #inquiry form.inquiry>section .radio>label span, #contents.contact .inquiry>section .radio>label span, #contents.research .application>section .radio>label span { font-size: 14px; line-height: 24px; letter-spacing: 0; } } /* 신영그룹 > 뉴스룸 */ #contents.pressList>section .h1, #contents.groupBd .recommend .h1, #detailContents.portfolioDetail .recommend .h1, #detailContents.pressDetail .recommend .h1 { display: block; padding-bottom: 20px; } #contents.pressList>section .h1 { margin-left: auto; margin-right: auto; width: 100%; max-width: 1240px; min-width: 315px; padding-left: 20px; padding-right: 20px; } @media (min-width: 1025px) { #recruit .loginWrap .joinInfo>div .swiper strong, .recruit .loginWrap .joinInfo>div .swiper strong, #recruit .container #inquiry h2, .recruit .container #inquiry h2, #recruit .container .list>li>p, .recruit .container .list>li>p, #contents.crDetail>section>header .cover em, #contents.historyCenter .book>div p, #contents.cibi>section h2.h1, #contents.ci>section h1, #contents.pressList .newsCollect>div .swiper button p, #contents.pressList .newsPick>div li .detail em, #contents.performance .performanceInfo.enc+section>header .h1, #contents.develop .processSwipe .swiper .swiper-wrapper>li em, #contents.home .performanceList>div li .detail em, #recruit .selectjob .form .application>section>header h1, .recruit .selectjob .form .application>section>header h1, #recruit .form>section>header h1, .recruit .form>section>header h1, #recruit .container #inquiry form.inquiry>section>header h1, .recruit .container #inquiry form.inquiry>section>header h1, #contents.contact .inquiry>section>header h1, #contents.research .application>section>header h1, #recruit .selectjob .form .application>section>h1, .recruit .selectjob .form .application>section>h1, #recruit .form>section>h1, .recruit .form>section>h1, #recruit .container #inquiry form.inquiry>section>h1, .recruit .container #inquiry form.inquiry>section>h1, #contents.contact .inquiry>section>h1, #contents.research .application>section>h1, #recruit .selectjob .form .application>section>header h2, .recruit .selectjob .form .application>section>header h2, #recruit .form>section>header h2, .recruit .form>section>header h2, #recruit .container #inquiry form.inquiry>section>header h2, .recruit .container #inquiry form.inquiry>section>header h2, #contents.contact .inquiry>section>header h2, #contents.research .application>section>header h2, #recruit .selectjob .form .application>section>h2, .recruit .selectjob .form .application>section>h2, #recruit .form>section>h2, .recruit .form>section>h2, #recruit .container #inquiry form.inquiry>section>h2, .recruit .container #inquiry form.inquiry>section>h2, #contents.contact .inquiry>section>h2, #contents.research .application>section>h2, #contents.performance .portfolio header p, #recruit .container .board .recommend .h1, .recruit .container .board .recommend .h1, #contents.crList .tabTarget .recommend h1, #contents.pressList>.list .recommend h1, #contents.performanceList>.list .recommend h1, #contents.research .list .recommend h1, #recruit .container .board .empty p, .recruit .container .board .empty p, #contents.crList .tabTarget .empty p, #contents.pressList>.list .empty p, #contents.performanceList>.list .empty p, #contents.research .list .empty p, #recruit .container .board .jobOpeningList a p, .recruit .container .board .jobOpeningList a p, #contents.crList .tabTarget .jobOpeningList a p, #contents.pressList>.list .jobOpeningList a p, #contents.performanceList>.list .jobOpeningList a p, #contents.research .list .jobOpeningList a p, #detailContents.portfolioDetail .detailContainer>section .detail .summary, #contents.develop .detailContainer>section .detail .summary, #detailContents.pressDetail .detail .summary, .popup>div .full>p:not(.case).big, #contents.pressList>section .h1, #contents.groupBd .recommend .h1, #detailContents.portfolioDetail .recommend .h1, #detailContents.pressDetail .recommend .h1 { font-size: 30px; line-height: 40px; letter-spacing: -0.025em; line-height: 42px; } } @media (max-width: 1024px) { #recruit .loginWrap .joinInfo>div .swiper strong, .recruit .loginWrap .joinInfo>div .swiper strong, #recruit .container #inquiry h2, .recruit .container #inquiry h2, #recruit .container .list>li>p, .recruit .container .list>li>p, #contents.crDetail>section>header .cover em, #contents.historyCenter .book>div p, #contents.cibi>section h2.h1, #contents.ci>section .h1, #contents.pressList .newsCollect>div .swiper button p, #contents.pressList .newsPick>div li .detail em, #contents.performance .performanceInfo.enc+section>header .h1, #contents.develop .processSwipe .swiper .swiper-wrapper>li em, #contents.home .performanceList>div li .detail em, #recruit .selectjob .form .application>section>header h1, .recruit .selectjob .form .application>section>header h1, #recruit .form>section>header h1, .recruit .form>section>header h1, #recruit .container #inquiry form.inquiry>section>header h1, .recruit .container #inquiry form.inquiry>section>header h1, #contents.contact .inquiry>section>header h1, #contents.research .application>section>header h1, #recruit .selectjob .form .application>section>h1, .recruit .selectjob .form .application>section>h1, #recruit .form>section>h1, .recruit .form>section>h1, #recruit .container #inquiry form.inquiry>section>h1, .recruit .container #inquiry form.inquiry>section>h1, #contents.contact .inquiry>section>h1, #contents.research .application>section>h1, #recruit .selectjob .form .application>section>header h2, .recruit .selectjob .form .application>section>header h2, #recruit .form>section>header h2, .recruit .form>section>header h2, #recruit .container #inquiry form.inquiry>section>header h2, .recruit .container #inquiry form.inquiry>section>header h2, #contents.contact .inquiry>section>header h2, #contents.research .application>section>header h2, #recruit .selectjob .form .application>section>h2, .recruit .selectjob .form .application>section>h2, #recruit .form>section>h2, .recruit .form>section>h2, #recruit .container #inquiry form.inquiry>section>h2, .recruit .container #inquiry form.inquiry>section>h2, #contents.contact .inquiry>section>h2, #contents.research .application>section>h2, #contents.performance .portfolio header p, #recruit .container .board .recommend .h1, .recruit .container .board .recommend .h1, #contents.crList .tabTarget .recommend .h1, #contents.pressList>.list .recommend .h1, #contents.performanceList>.list .recommend .h1, #contents.research .list .recommend .h1, #recruit .container .board .empty p, .recruit .container .board .empty p, #contents.crList .tabTarget .empty p, #contents.pressList>.list .empty p, #contents.performanceList>.list .empty p, #contents.research .list .empty p, #recruit .container .board .jobOpeningList a p, .recruit .container .board .jobOpeningList a p, #contents.crList .tabTarget .jobOpeningList a p, #contents.pressList>.list .jobOpeningList a p, #contents.performanceList>.list .jobOpeningList a p, #contents.research .list .jobOpeningList a p, #detailContents.portfolioDetail .detailContainer>section .detail .summary, #contents.develop .detailContainer>section .detail .summary, #detailContents.pressDetail .detail .summary, .popup>div .full>p:not(.case).big, #contents.pressList>section .h1, #contents.groupBd .recommend .h1, #detailContents.portfolioDetail .recommend .h1, #detailContents.pressDetail .recommend .h1 { font-size: 22px; line-height: 32px; letter-spacing: -0.02em; } } #contents.cibi>section .h1, #contents.ci>section .h1 { padding-bottom: 20px; } #contents.cibi>section.identity:not(.heading):not(.tabTarget) h2.h1, #contents.ci>section.identity:not(.heading):not(.tabTarget) h2.h1 { margin-left: auto; margin-right: auto; width: 100%; max-width: 1240px; min-width: 315px; padding-left: 20px; padding-right: 20px; } #contents.cibi>section.identity:not(.heading):not(.tabTarget) .h1, #contents.ci>section.identity:not(.heading):not(.tabTarget) h1 { margin-left: auto; margin-right: auto; width: 100%; max-width: 1240px; min-width: 315px; padding-left: 20px; padding-right: 20px; } /* 신영그룹 > CI.BI. */ #contents.cibi.groupPr #groupPr h2.h1 { font-size: 30px; line-height: 40px; letter-spacing: -0.025em; line-height: 42px } @media (min-width: 1025px) { #contents.cibi.groupPr #groupPr h2.h1 { font-size: 30px; line-height: 40px; letter-spacing: -0.025em; line-height: 42px } } @media (max-width: 1024px) { #contents.cibi.groupPr #groupPr h2.h1 { font-size: 22px; line-height: 32px; letter-spacing: -0.02em; } } #contents.cibi section.identity:not(.heading):not(.tabTarget) div>ul, #contents.ci section.identity:not(.heading):not(.tabTarget) div>ul { margin-left: auto; margin-right: auto; width: 100%; max-width: 1240px; min-width: 315px; padding-left: 20px; padding-right: 20px; margin-top: 20px; } #contents.cibi section.identity:not(.heading):not(.tabTarget) div>ul li, #contents.ci section.identity:not(.heading):not(.tabTarget) div>ul li { text-align: center; } #contents.cibi.groupPr #groupPr .identity .h1 { margin-left: auto; margin-right: auto; width: 100%; max-width: 1240px; min-width: 315px; padding-left: 20px; padding-right: 20px; } #contents.cibi.groupPr #groupPr .identity { padding-bottom: 100px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div span, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div span { width: 50%; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li a, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li a { position: absolute !important; left: 0; right: 0; bottom: 0; margin-left: auto; margin-right: auto; position: relative; display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; border: 1px solid #c8c8c8; background-color: #fff; text-align: center; letter-spacing: -0.02em; line-height: 1.2; word-break: keep-all; color: #666; width: 260px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; border-top: 1px solid #c8c8c8; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>div>ul a, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>div>ul a { min-width: 260px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) .brandstory li a, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) .brandstory li a { position: absolute !important; left: 0; right: 0; bottom: 0; margin-left: auto; margin-right: auto; position: relative; display: inline-flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; border: 1px solid #c8c8c8; background-color: #fff; text-align: center; letter-spacing: -0.02em; line-height: 1.2; word-break: keep-all; color: #666; width: 260px; } @media (min-width: 1025px) { #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>div, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>div { padding-bottom: 100px; background: #f9f9f9; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li { padding-top: 70px; padding-bottom: 50px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div span, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div span { padding-top: 30px; } } @media (min-width: 1025px) { #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:first-child, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:first-child { background: #37234D; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:last-child, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:last-child { background: #C77D63; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:first-child a, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:first-child a { margin-top: 47px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:last-child a, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:last-child a { margin-top: 40px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li a, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li a { background: transparent !important; color: #fff !important; border-color: #fff !important; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li a::after, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li a::after { -moz-filter: grayscale(1) brightness(100) !important; -ms-filter: grayscale(1) brightness(100) !important; -o-filter: grayscale(1) brightness(100) !important; filter: grayscale(1) brightness(100) !important; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li a, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li a { font-size: 16px; height: 44px; padding: 0 20px; border-radius: 22px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div { margin-top: 40px; margin-left: auto; margin-right: auto; width: 348px; padding-top: 10px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li img.middleOnly, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li img.middleOnly { display: none; } } @media (max-width: 1024px) { #contents.cibi.groupPr #groupPr .identity .h1 { padding-top: 5px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul { padding-top: 50px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li { width: 100%; padding-bottom: 40px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:last-child, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:last-child { padding-bottom: 0; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li a, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li a { font-size: 14px; height: 40px; padding: 0 18px; border-radius: 20px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li div, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li div { position: relative; margin-bottom: 30px; height: 109px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div { margin-top: 30px; padding-top: 3px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div span, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div span { padding-top: 27px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:first-child div, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:first-child div { background: #37234D; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:last-child div, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:last-child div { background: #C77D63; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div span img, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div span img { height: 16px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li:last-child, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li:last-child { margin-top: 50px; padding-top: 50px; border-top: 1px solid #c8c8c8; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) .brandstory li, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) .brandstory li { width: 100%; position: relative; padding-bottom: 74px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) .brandstory li a, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) .brandstory li a { font-size: 14px; height: 40px; padding: 0 18px; border-radius: 20px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) .brandstory li img.wideOnly, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) .brandstory li img.wideOnly { display: none; } } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li img, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li img { -moz-filter: grayscale(1) brightness(100); -ms-filter: grayscale(1) brightness(100); -o-filter: grayscale(1) brightness(100); filter: grayscale(1) brightness(100); } @media (min-width: 1025px) { #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:first-child img, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:first-child img { width: 278px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:last-child img, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:last-child img { width: 338px; } } @media (max-width: 1024px) { #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li div img, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li div img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } } @media (max-width: 1024px) { #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:first-child div img, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget) div>ul li:first-child div img { width: 110px; } } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul { margin-left: auto; margin-right: auto; width: 100%; max-width: 1240px; min-width: 315px; padding-left: 20px; padding-right: 20px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; border-top: 1px solid #c8c8c8; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>img, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>img { display: block; margin: auto; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; border-top: 1px solid #c8c8c8; } @media (min-width: 1025px) { #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul { padding-top: 100px; } } @media (min-width: 1025px) { #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li { position: relative; width: 50%; height: 330px; } } @media (min-width: 1025px) { #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li:first-child, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li:first-child { border-right: 1px solid #c8c8c8; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li:last-child, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li:last-child { padding-top: 11px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li:first-child>img, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li:first-child>img { width: 349px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div { margin-top: 40px; margin-left: auto; margin-right: auto; width: 348px; padding-top: 10px; } #contents.cibi #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div, #contents.ci #groupPr section.identity:not(.heading):not(.tabTarget)>ul li>div { margin-top: 40px; margin-left: auto; margin-right: auto; width: 348px; padding-top: 10px; } } /* 신영그룹 > 역사관 */ input, select, textarea, button { margin: 0; padding: 0; font: inherit; letter-spacing: inherit; color: inherit; } #contents.historyCenter .historyTab nav { z-index: 2; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 100%; max-width: 1240px; min-width: 315px; padding-left: 20px; padding-right: 20px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; font-weight: 300; color: #fff; } #contents.historyCenter .historyTab section p { word-break: keep-all; color: #fff; } #contents.historyCenter .historyTab section .h1 { font-weight: 100; color: #fff; } @media (min-width: 1025px) { #contents.historyCenter .historyTab section .h1 { font-size: 60px; line-height: 74px; letter-spacing: -0.05em; padding-bottom: 60px; } } @media (max-width: 1024px) { #contents.historyCenter .historyTab section .h1 { font-size: 40px; line-height: 52px; letter-spacing: -0.03em; padding-bottom: 30px; } } /* 신영 */ /* 신영 > 헤더 */ #header .h1 { position: relative; } #header .h1 span { position: absolute; display: inline-block; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } #header .h1 a { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; } #header .h1 img { left: 0; display: block; width: 100%; } @media (min-width: 1025px) { #header .h1 { margin-top: -7px; width: 162px; height: 39px; } } @media (max-width: 1024px) { #header .h1 { margin-left: 10px; width: 138px; height: 33px; } } #header .h1 img { position: absolute !important; top: 0; bottom: 0; margin: auto; } /* 신영 > 푸터 */ #footer>div>.h1 { width: 159px; height: 38px; } #footer>div>.h1 img { display: block; } @media (min-width: 1025px) { #footer:not(.group)>div>.h1 { margin-bottom: 30px; } } @media (max-width: 1024px) { #footer:not(.group)>div>.h1 { margin-bottom: 20px; } } #footer nav section .h1 { position: absolute; top: 2px; left: 0; vertical-align: middle; font-size: 16px; line-height: 26px; letter-spacing: -0.015em; color: #fff; } @media (max-width: 1024px) and (max-width: 640px) { #footer nav section .h1 { top: 0; } } /* 신영 > 메인 */ body.animationStart #contents.home.mainHome .vi .h1 { top: -350px; color: #4415a0; } @media (min-width: 1025px) { #contents.home .news header .h1 { margin-bottom: 44px; font-size: 20px; line-height: 30px; letter-spacing: -0.02em; } } #contents.home .banner>div.case .h1 { color: #4415a0; } @media (max-width: 1024px) { #contents.home .banner>div.case .h1 { margin-bottom: 23px; width: 100%; line-height: 1.3; } } /* 신영 > 부동산 리서치 */ #contents.research .heading .h1+p, #contents.research .heading p:first-child { word-break: keep-all; } @media (min-width: 1025px) { #contents.research .heading .h1+p { margin-top: 45px; font-size: 30px; line-height: 40px; letter-spacing: -0.025em; line-height: 42px; } } @media (max-width: 1024px) { #contents.research .heading .h1+p { margin-top: 35px; font-size: 26px; line-height: 36px; letter-spacing: -0.02em; } } #recruit .selectjob .form .application>section>header .h1 em, .recruit .selectjob .form .application>section>header .h1 em, #recruit .form>section>header .h1 em, .recruit .form>section>header .h1 em, #recruit .container #inquiry form.inquiry>section>header .h1 em, .recruit .container #inquiry form.inquiry>section>header .h1 em, #contents.contact .inquiry>section>header .h1 em, #contents.research .application>section>header .h1 em { color: #4415a0; } @media (max-width: 1024px) { #recruit .selectjob .form .application>section .h1 br, .recruit .selectjob .form .application>section .h1 br, #recruit .form>section .h1 br, .recruit .form>section .h1 br, #recruit .container #inquiry form.inquiry>section .h1 br, .recruit .container #inquiry form.inquiry>section .h1 br, #contents.contact .inquiry>section .h1 br, #contents.research .application>section .h1 br { display: none; } } @media (max-width: 1024px) { #recruit .selectjob .form .application>section>header, .recruit .selectjob .form .application>section>header, #recruit .form>section>header, .recruit .form>section>header, #recruit .container #inquiry form.inquiry>section>header, .recruit .container #inquiry form.inquiry>section>header, #contents.contact .inquiry>section>header, #contents.research .application>section>header, #recruit .selectjob .form .application>section>.h1, .recruit .selectjob .form .application>section>.h1, #recruit .form>section>.h1, .recruit .form>section>.h1, #recruit .container #inquiry form.inquiry>section>.h1, .recruit .container #inquiry form.inquiry>section>.h1, #contents.contact .inquiry>section>.h1, #contents.research .application>section>.h1 { margin-bottom: 32px; } } @media (min-width: 1025px) { #recruit .selectjob .form .application>section>header, .recruit .selectjob .form .application>section>header, #recruit .form>section>header, .recruit .form>section>header, #recruit .container #inquiry form.inquiry>section>header, .recruit .container #inquiry form.inquiry>section>header, #contents.contact .inquiry>section>header, #contents.research .application>section>header, #recruit .selectjob .form .application>section>.h1, .recruit .selectjob .form .application>section>.h1, #recruit .form>section>.h1, .recruit .form>section>.h1, #recruit .container #inquiry form.inquiry>section>.h1, .recruit .container #inquiry form.inquiry>section>.h1, #contents.contact .inquiry>section>.h1, #contents.research .application>section>.h1 { position: absolute; left: 0; top: 0; } } /* 신영 > 복합개발 */ #contents.performance .portfolio header .h1 { font-weight: 400; color: #212121; } /* 신영 > 복합개발 > 상세 */ @media (min-width: 1025px) { #detailContents.portfolioDetail .detailContainer>section .h1 { position: absolute; display: inline-block; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } } @media (max-width: 1024px) { #detailContents.portfolioDetail .detailContainer>section .h1 { margin-bottom: 23px; font-size: 22px; line-height: 32px; letter-spacing: -0.02em; font-weight: normal; color: #4415a0; } } .historyContainer .content .year .h1, .awardContainer .content .year .h1 { position: relative; font-weight: 500; } @media (min-width: 1025px) { .historyContainer .content .year .h1, .awardContainer .content .year .h1 { font-size: 40px; line-height: 52px; letter-spacing: -0.03em; } } @media (max-width: 1024px) { .historyContainer .content .year .h1, .awardContainer .content .year .h1 { font-size: 32px; line-height: 42px; letter-spacing: -0.025em; } } .historyContainer .content .year .h1::before, .historyContainer .content .year .h1::after, .awardContainer .content .year .h1::before, .awardContainer .content .year .h1::after { position: absolute !important; top: 0; bottom: 0; margin: auto; } .historyContainer .content .year .h1::before, .awardContainer .content .year .h1::before { z-index: 1; content: ""; width: 10px; height: 10px; border: 2px solid #4415a0; border-radius: 50%; background: #fff; } .historyContainer .content .year .h1::after, .awardContainer .content .year .h1::after { z-index: 0; content: ""; width: 100%; max-width: 0; height: 1px; background: #c8c8c8; transition: all 0.2s; } @media (min-width: 1025px) { .historyContainer .content .year .h1::before, .awardContainer .content .year .h1::before { left: -120px; } } @media (min-width: 1025px) { .historyContainer .content .year .h1::after, .awardContainer .content .year .h1::after { left: -120px; } } @media (min-width: 1025px) { .historyContainer .content .year .h1.active::after, .awardContainer .content .year .h1.active::after { max-width: 93px; } } @media (max-width: 1024px) { .historyContainer .content .year .h1::before, .awardContainer .content .year .h1::before { left: -40px; } } @media (max-width: 1024px) { .historyContainer .content .year .h1::after, .awardContainer .content .year .h1::after { left: -40px; } } @media (max-width: 1024px) { .historyContainer .content .year .h1.active::after, .awardContainer .content .year .h1.active::after { max-width: 30px; } } @media (max-width: 1024px) { .historyContainer .content .year:first-of-type .h1::after, .awardContainer .content .year:first-of-type .h1::after { min-width: 30px; } } /* 신영 > 복리후생 */ @media (min-width: 1025px) { #contents.benefits .detailContainer>section .h1 { position: absolute; display: inline-block; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } } @media (max-width: 1024px) { #contents.benefits .detailContainer>section .h1 { margin-bottom: 23px; font-size: 22px; line-height: 32px; letter-spacing: -0.02em; font-weight: 700; color: #4415a0; } } /* 신영 > 모집공고 */ #contents.crDetail>section .department .h1 { padding-bottom: 18px; color: #4415a0; } @media (min-width: 1025px) { #contents.recruitInfo .recruitList a strong, #recruit .find.result>div p, #recruit .join.result>div p, #recruit .complete.result>div p, .recruit .find.result>div p, .recruit .join.result>div p, .recruit .complete.result>div p, #contents.crDetail>section .department .h1 { font-size: 24px; line-height: 36px; letter-spacing: -0.02em; } } @media (max-width: 1024px) { #contents.recruitInfo .recruitList a strong, #recruit .find.result>div p, #recruit .join.result>div p, #recruit .complete.result>div p, .recruit .find.result>div p, .recruit .join.result>div p, .recruit .complete.result>div p, #contents.crDetail>section .department .h1 { font-size: 20px; line-height: 30px; letter-spacing: -0.02em; } } /* 신영 에셋 > 투자부문 */ #contents.develop .overview>ul li span { display: block; background-repeat: no-repeat; background-position: center top; color: #4415a0; } /* 신영 에셋 > 이메일 무단 수집 거부 */ .popup>div .terms .termsContents .h1 { font-weight: 700; } @media (min-width: 1025px) { .popup>div .terms .termsContents .h1 { font-size: 20px; line-height: 30px; letter-spacing: -0.02em; line-height: 32px; } } @media (max-width: 1024px) { .popup>div .terms .termsContents .h1 { font-size: 16px; line-height: 26px; letter-spacing: -0.015em; } } .popup > div .terms .termsContents h2 { font-weight: 400; color: #212121; } .popup>div .terms .termsContents .h1 { font-weight: 700; } .popup>div .terms .termsContents .h1 { color: #666; }