/* Custom color theme properties */ :root { --f7-theme-color: #0048b1; --f7-theme-color-rgb: 0, 72, 177; --f7-theme-color-shade: #003788; --f7-theme-color-tint: #0059da; --f7-preloader-modal-bg-color: transparent !important } .fr-video iframe {width:100%; height:250px;} /* ********************************** 공용 요소 ********************************* */ #siteMapSheetModal {height:auto;} #siteMapSheetModal .sheet-modal-inner .media-list {margin:0 !important; max-height:80vh; min-height:100px; overflow-y:scroll;} /*여백 보정*/ .marginBottomT {margin-bottom: 10px !important;} .marginBottomS {margin-bottom: 12px !important;} .marginBottomM {margin-bottom: 20px !important;} .marginBottomL {margin-bottom: 30px !important;} .marginBottomEL {margin-bottom: 50px !important;} /*텍스트 컬러*/ .textRed {color: #ff0000 !important;} .textBlack {color:#111111 !important;} .textGray {color:#666666 !important;} .textLightGray {color:#bfbfbf !important;} /*스와이퍼 내부에 들어가는 컨텐츠페이지의 스크롤래퍼*/ .slideInnerScrollWrap {height: 100%; overflow-y: auto; background-color: #f4f4f4;} .slideInnerScrollWrap.white {background-color: #ffffff;} /* 페이지 타이틀 */ .pageTitle {margin-bottom:70px;} .pageTitle.centerAlign {text-align:center;} .pageTitle.centerAlign .underBar {margin:0 auto;} .pageTitle .title {font-size:35px; font-family:NotoSansM; color:#1a1a1a; margin-bottom:25px;} .pageTitle .title .engTitle {font-family:Neothic;} .pageTitle .title .smallThin {font-size:25px; font-family:NotoSansL;} .pageTitle .title .eng {font-size:20px; font-family:Neothic; color:#cccccc; margin-left:15px;} .pageTitle .underBar {width:30px; height:3px; background-color:#5869CF;} /* ********************************** framework7 요소 보정 ********************************* */ /* ********************************** 메인 ************************************** */ .mainTabPage {padding-top: 0; padding-bottom: 0;} .mainTabPage .mainTabPageSwiper {height: 100%;} #main-home .mainTabPage {padding-top:0 !important;} /* *** 탭 - 지도현장 */ #mapSite .saleListArea {position:absolute; bottom:12px; left:0; width:100%;} #mapSite .mapArea {height:100%;} #mapSite .bagdeList img{position: absolute; top: 6px; left: 4px; width: 30px; height: 36px; object-fit: contain;} /* ******************************************* 개별 페이지 ******************************************* */ /* *** 지역현장 */ #main-home .recruitListWrapper {padding-top:10px;} /* *** 구인글 상세보기 */ /*위치정보 지도*/ #recruitView .mapBoxWrap {position: relative;} #recruitView .mapBoxWrap .floatingBtn{position: absolute;top: 10px; left: 10px; z-index: 100;} #recruitView .mapArea .mapWrap {margin-bottom:24px;} #recruitView .mapArea .mapWrap:last-child {margin-bottom:0;} #recruitView .mapArea .mapWrap .map {height:200px; background-color:#f1f1f1;} #recruitView .mapArea .mapWrap .infoText {font-size:12px; color:#797979; margin-top:12px;} #recruitView .recruitViewBottomButtonWrapper {background-color:#fff !important; height:60px; box-shadow: 0 -5px 5px 0 rgba(117, 117, 117, 0.05);} #recruitView .recruitViewBottomButtonWrapper .cl_infoBoxBasic {width:100%;} #recruitView .photo-browser-page .navbar .left i {color:#000 !important;} #supportersView .mapBoxWrap {position: relative;} #supportersView .mapBoxWrap .floatingBtn{position: absolute;top: 10px; left: 10px; z-index: 100;} /* *** 구인글 등록하기 */ #recruitForm .navbar .right .btnInfo {width:24px;} #recruitForm .workPlaceWrap {margin-bottom:24px;} #recruitForm .mapArea {position:relative; height:200px; background-color:#f0f0f0;} #recruitForm .mapArea .cl_iconButton {position:absolute; bottom:8px; z-index: 1000000;} #recruitForm .mapArea .cl_iconButton.btnOk {left:8px;} #recruitForm .mapArea .cl_iconButton.btnEdit {right:8px;} #recruitForm .ageInputWrap {display:flex; justify-content:space-between; align-items:center;} #recruitForm .ageInputWrap .cl_input {width:42px; margin:0;} #recruitForm .ageInputWrap .cl_input input {width:100%; min-width:auto;} #recruitForm .payInputWrapper .payInputCell .payInputValue[data-value-type=RANGE] {display:none;} #recruitForm .payInputWrapper .payInputCell[data-sale-type=LEASE] {display:none;} #recruitForm .payInputWrapper > div:last-child, #recruitForm .payInputWrapper > div:nth-last-child(2){ margin-bottom: 0 !important;} #recruitForm .siteLinkWrapper {margin-bottom:20px;} @media (max-width: 1600px) { #recruitForm .contentWrap {max-width: 1200px;margin: 0 20px;} #recruitForm .cl_commonForm table td:first-child{font-size: 14px;word-break: keep-all; width: 130px !important; min-width: 130px !important;} #recruitForm .cl_commonForm table.rowType td:nth-child(odd){font-size: 14px; word-break: keep-all; width: 130px !important; min-width: 130px !important;} #recruitForm .cl_commonForm textarea {width: 100%;} #recruitForm .cl_commonForm input[name="youtube_link_url"] {width: 100% !important;} #recruitForm .cl_commonForm input[name="site_link_url[]"]{width: 100% !important;} } @media (max-width: 1360px) { #recruitForm .contentWrap {max-width: 960px;} #recruitForm .cl_commonForm table td input + .subTdTxt{display: block;margin-top: 5px;} #recruitForm .cl_commonForm .rowType tr td .input{width: 100% !important;} #recruitForm .cl_commonForm .cl_check.type4+label{font-size: 14px;} #recruitForm .cl_commonForm .cl_gridWrapper.col8 .grid .gridCell{width: calc(100% / 6);} } /* *** 홍보글 상세보기 */ #supportersView .recruitViewBottomButtonWrapper {background-color:#fff !important; height:60px; box-shadow: 0 -5px 5px 0 rgba(117, 117, 117, 0.05);} #supportersView .recruitViewBottomButtonWrapper .cl_infoBoxBasic {width:100%;} /* *** 프리미엄 결제하기 */ #paymentPremium .iconQuestion {font-size:16px; color:#bdbdbd; vertical-align:-1px;} #paymentPremium .smallText {font-size:12px;} #paymentPremium .cl_radio:checked + label i {color:#5747ec;} #paymentPremium .cl_radio:checked + label .price {color:#5747ec;} #paymentPremium .cl_check:checked + label i {color:#5747ec;} #paymentPremium .cl_check:checked + label .price {color:#5747ec;} #paymentPremium .useCheckCell {margin-bottom:18px;} #paymentPremium .priceInfo {display:flex; justify-content:space-between; align-items:center; font-size:14px; color:#666666;} #paymentPremium .defaultIconTable {width:100%; border-collapse:collapse;} #paymentPremium .defaultIconTable th {width:55px; font-size:18px; font-weight:normal; text-align:left; padding-bottom:20px;} #paymentPremium .defaultIconTable tr:nth-of-type(1) th {color:#e34140;} #paymentPremium .defaultIconTable tr:nth-of-type(2) th {color:#00bcd5;} #paymentPremium .defaultIconTable tr:nth-of-type(3) th {color:#a33fef;} #paymentPremium .defaultIconTable tr:nth-of-type(4) th {color:#ff5803;} #paymentPremium .defaultIconTable td {font-size:0; padding-bottom:20px;} #paymentPremium .defaultIconTable tr:last-child th, #paymentPremium .defaultIconTable tr:last-child td {padding-bottom:0;} #paymentPremium .selfIconArea .selfIconEditWrap {display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;} #paymentPremium .selfIconArea .selfIconEditWrap .cl_input {width:100px; margin-bottom:0;} #paymentPremium .selfIconArea .selfIconEditWrap .previewCell {display:flex;} #paymentPremium .selfIconArea .selfIconEditWrap .previewCell .colorWrap {font-size:0;} #paymentPremium .selfIconArea .selfIconEditWrap .previewCell .colorCircle {display:inline-block; width:24px; height:24px; border-radius:50%; margin-left:6px;} #paymentPremium .selfIconArea .selfIconEditWrap .previewCell .colorCircle.red {background-color:#e34140;} #paymentPremium .selfIconArea .selfIconEditWrap .previewCell .colorCircle.blue {background-color:#00bcd5;} #paymentPremium .selfIconArea .selfIconEditWrap .previewCell .colorCircle.purple {background-color:#a33fef;} #paymentPremium .selfIconArea .selfIconEditWrap .previewCell .colorCircle.orange {background-color:#ff5803;} #paymentPremium .selfIconArea .infoText {font-size:12px; color:#ff0000; margin-bottom:24px;} #paymentPremium .lineAdArea .useCheckCell {margin-bottom:0;} #paymentPremium .adPeriodArea {padding:0 10px;} #paymentPremium .adPeriodArea .range-slider {margin-bottom:30px; margin-top:40px; box-sizing:border-box;} #paymentPremium .cl_commonInfoBox ul{padding-left: 0;} #paymentPremium .cl_commonInfoBox ul li {margin-bottom: 10px;} #paymentPremium .cl_commonInfoBox ul .tit{font-size: 18px; font-family: "PretendardSB"; margin-bottom: 5px; color:#333;} #paymentPremium .cl_commonInfoBox ul .txt{font-family: "PretendardM"; text-indent: -10px; padding-left: 10px; box-sizing: border-box;} #paymentPremium .cl_commonInfoBox .requiredMark {color: #17A2E2;} /* *** 프리미엄 업그레이드 */ #premiumUpgrade .upgradePriceInfo .lineWrap {display:flex; justify-content:space-between; align-items:flex-start; font-size:16px; color:#666666; margin-bottom:12px;} #premiumUpgrade .upgradePriceInfo .lineWrap .smallText {font-size:12px;} /* *** 서비스 해지 */ #withdrawService .withdrawInfo {padding:24px 20px; box-sizing:border-box; border-radius:16px; margin-bottom:24px; background-color:#f6f6f6;} #withdrawService .withdrawInfo .contentTextUl li {display:flex; font-size:12px; margin-bottom:8px;} #withdrawService .withdrawInfo .contentTextUl li:last-child {margin-bottom:0;} #withdrawService .withdrawInfo .contentTextUl li span:first-child {width:10px;} #withdrawService .withdrawInfo .contentTextUl li span:last-child {flex:1;} /* *** 회원가입 */ #joinForm .cl_commonInfoBox .viewTerms {color: #728499; font-family:"PretendardSB"; font-size: 14px;} .joinFullBanner .subTit {color: #728499;font-size: 14px;margin-bottom: 15px;} .joinFullBanner .content{ display: flex; align-items: center; justify-content: space-between; width: 100%; height:222px; padding: 0 150px; box-sizing: border-box; background: url(../images/joinBanner_bg.png) no-repeat top / 100% auto;} .joinFullBanner .content .contL .tit { color: #fff; font-family: "PretendardB"; font-size: 48px; margin-bottom: 5px;} .joinFullBanner .content .contL .txt { color: #fff; font-family: "PretendardSB"; font-size: 45px;} .joinFullBanner .content .contL .txt.iconTel{ display: flex; align-items: center; gap: 5px;} .joinFullBanner .content .contL .txt.iconTel::before{ content: ""; display: inline-block; width: 49px; height: 51px; background:url("../images/icon_tel2.png") no-repeat top / 100% auto;} .joinFullBanner .content .contR {color: #fff; font-family: "PretendardSB"; font-size: 20px; line-height: 35px;} .joinFullBanner .content .contR .dateWrap { display: flex; gap: 15px;} .joinFullBanner .content .contR .dateWrap { display: flex; gap: 15px;} .joinFullBanner .content .contR .dateItem { display: flex; gap: 5px;} .joinFullBanner .content .contR .dateItem .tit{ color: rgba(255, 255, 255, 0.9)} .joinFullBanner .content .contR .dateItem .txt{ color: rgba(255, 255, 255, 0.5)} .joinFullBanner .content .contR .textWrap { display: flex; gap: 10px;} .joinFullBanner .content .contR .textWrap .txt{ color: rgba(255, 255, 255, 0.5)} #joinForm .buttonCell {padding-top:24px; padding-bottom:24px; background-color:#ffffff;} #joinForm .viewTerms {cursor:pointer;} /* [수정] 12/03 버튼에 마우스 오버시 cursor모양 변경 추가 */ /* *** 회원정보 */ #memberInfo .cl_navbarRightButtonWrap {display:none;} #memberInfo .cl_infoBoxBasic .infoBoxContent .infoBoxTable th {width:90px;} /* *** 위치저장 */ #saveLocation .mapArea {position:relative; height:calc(100% - 56px - 98px);} #saveLocation .messageBox {position:absolute;top:0;left:0;display: flex;justify-content: center;align-items: center;width: 100%;height: 48px;font-size: 12px;color: #ffffff;border-radius:4px;box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14);opacity: 0.8;background-color: #000000;z-index:10000000;} /* *** 문의/제안하기 */ #inquiryForm .detailContentTa {height:250px;} #myInquiry .inquiryListWrapper {margin-top:10px;} #myInquiry .inquiryListWrapper .swipeout-actions-right i {font-size:16px; margin-right:8px;} #myInquiry .inquiryListWrapper .badge {width:70px;} #myInquiryView .replyWrapper .replyContent {font-size:16px;} #myInquiryView .noReplyWrapper .replyContent {color: #FF9501; font-size:16px; text-align:center;} #myInquiryView .noReplyWrapper .replyContent i {font-size:25px; text-align:center;} #myInquiryView .boxMidTitle {font-family:"NotoSansL";} /* ******************************************* 팝업 개별설정 ******************************************* */ /* *** 주 활동지역 팝업 내용 */ .mainActAreaWrap {} .mainActAreaWrap .gridWrapper {overflow:hidden;} .mainActAreaWrap .grid {display:flex; flex-wrap:wrap; padding:5px 0 0 5px; margin:-5px} .mainActAreaWrap .grid .gridCell {box-sizing:border-box;width:calc(100% / 4);border:0 solid transparent;border-width:0 5px 5px 0;} .mainActAreaWrap .gridCell .cl_flatButton.on {color:#5747ec; border-color:#5747ec;} /* *** 검색 팝업 내용 */ #popupMainSearch .btnSearch i {font-size:24px;} #popupMainSearch .cl_formGridWrap {margin-bottom:8px;} #popupMainSearch .searchInfoText {font-size:12px; color:#797979; margin-bottom:24px;} #popupMainSearch .searchEmptyText {font-size:16px; color:#000000; font-family:NotoSansM; text-align:center;} /* *** 주요서비스 팝업 */ #popupMainService .popupCenterTitle .smallText {font-size:12px; color:#797979; font-family:NotoSansR;} /* *** 서비스지역선택 팝업 */ #popupServiceArea .treeview .checkbox .icon-checkbox {border:solid 1px #bfbfbf; width:20px; height:20px; background-color:#f6f6f6;} #popupServiceArea .treeview .checkbox .icon-checkbox:after {width:20px; height:20px; margin-top:1px; margin-left:1px; background-color:#5747ec;} #popupServiceArea .treeview-toggle {width:24px; height:24px;} #popupServiceArea .treeview-toggle:after {transition-duration: 0s;content: '';position: absolute;left: 50%;top: 50%;width: 24px;height: 24px;border:none;transform: translate(-50%,-50%);background-image:url("../images/treeview_plus.png");} #popupServiceArea .treeview-item-opened>.treeview-item-root .treeview-toggle:after {transform: translate(-50%,-50%);background-image:url("../images/treeview_minus.png");} /* 2411 pub 작업 */ /* *** 마이페이지 메인 */ .mypageMainBasic .myinfoBoxContent {margin-bottom: 15px;border-radius: 10px;background-color: rgba(23, 162, 226, 0.1); } .mypageMainBasic .myinfoBoxInner {display: flex;align-items: center;justify-content: space-between;padding: 25px 40px; } .mypageMainBasic .myinfoBoxInner .hText {color: #728499;font-size: 18px; font-family: "PretendardM";padding-bottom: 10px; } .mypageMainBasic .myinfoContent {display: flex;align-items: center; } .mypageMainBasic .myinfoContent .name {color: #111111;font-size: 28px;font-family: "PretendardSB";margin-right: 15px; } .mypageMainBasic .myinfoContent .glMember {color: #17A2E2;font-size: 14px;font-family: "PretendardSB";margin-right: 8px;padding: 6px 12px;box-sizing: border-box;border-radius: 30px;background-color: rgba(23, 162, 226, 0.1);} .mypageMainBasic .myinfoContent .approvW {color: rgb(74, 203, 80);font-size: 14px;font-family: "PretendardSB";display: flex;align-items: center;gap: 4px;padding: 6px 12px;box-sizing: border-box;border-radius: 30px;border: 1px solid rgba(74, 203, 80, 0.4);} .mypageMainBasic .myinfoContent .approvW::before {content: "";display: block;width: 20px;height: 20px;background: url("../images/icon_approval.png") no-repeat top / 100% auto; } .mypageMainBasic .myinfoBoxInner .myinfoR a {display: flex;justify-content: center;align-items: center;gap: 5px; font-family: "PretendardSB";height: 40px;color: #fff;margin-right: 5px;padding: 8px 15px 8px 10px;box-sizing: border-box;border-radius: 5px;border: 1px solid #17A2E2;background: #17A2E2; } .mypageMainBasic .myinfoBoxInner .myinfoR a::before {content: "";display: block;width: 22px;height: 22px;background: url("../images/icon_penW.png") no-repeat top / 100% auto; } .mypageMainBasic .myinfoBoxInner .myinfoButton a {display: flex; width:180px; margin-top:10px; justify-content: center;align-items: center;gap: 5px; font-family: "PretendardSB";height: 40px;color: #fff;margin-right: 5px;padding: 8px 15px 8px 10px;box-sizing: border-box;border-radius: 5px;border: 1px solid #17A2E2;background: #17A2E2; } .mypageMainBasic .myinfoBoxInner .myinfoButton a::before {content: "";display: block;width: 22px;height: 22px;background: url("../images/icon_penW.png") no-repeat top / 100% auto; } .mypageMainBasic .mypageSubpageList {margin-bottom: 80px; } .mypageMainBasic .mypageSubpageList ul {display: flex;align-items: center;justify-content: space-between;gap: 1%;padding-left: 0; } .mypageMainBasic .mypageSubpageList ul li {display: block;width: 24%;height: 100px; } .mypageMainBasic .mypageSubpageList ul li a {display: flex;align-items: center;justify-content: space-between;font-size: 18px;font-family: "PretendardSB";width: 100%;height: 100%;padding: 0 25px;box-sizing: border-box;border: 1px solid #D9D9D9;border-radius: 10px; } .mypageMainBasic .mypageSubpageList ul li a::after {content: "";display: block;width: 40px;height: 40px;background-repeat: no-repeat;background-size: 100% auto; } .mypageMainBasic .mypageSubpageList ul li a.iconHome::after {background-image: url("../images/icon_home.png"); } .mypageMainBasic .mypageSubpageList ul li a.iconLocation::after {background-image: url("../images/icon_locations.png"); } .mypageMainBasic .mypageSubpageList ul li a.iconPencil::after {background-image: url("../images/icon_pencil.png"); } .mypageMainBasic .mypageSubpageList ul li a.iconProfile::after {background-image: url("../images/icon_profile.png"); } .mypageMainBasic .favoriteButtons {margin-bottom: 0} .mypageMainBasic .favoriteButtons ul {display: flex;align-items: center;justify-content: space-between;gap: 20px;padding-left: 0; margin-bottom:0;} .mypageMainBasic .favoriteButtons ul li {display: flex; width: 300px;height: 100px;} .mypageMainBasic .favoriteButtons ul li a {display: flex; background-color:#fff;align-items: center;justify-content: space-between;font-size: 18px;font-family: "PretendardSB";width: 100%;height: 100%;padding: 0 25px;box-sizing: border-box;border: 1px solid #D9D9D9;border-radius: 10px; } .mypageMainBasic .favoriteButtons ul li a::after {content: "";display: block;width: 40px;height: 40px;background-repeat: no-repeat;background-size: 100% auto; } .mypageMainBasic .favoriteButtons ul li a.iconHome::after {background-image: url("../images/icon_home.png"); } .mypageMainBasic .favoriteButtons ul li a.iconLocation::after {background-image: url("../images/icon_locations.png"); } .mypageMainBasic .favoriteButtons ul li a.iconPencil::after {background-image: url("../images/icon_pencil.png"); } .mypageMainBasic .favoriteButtons ul li a.iconProfile::after {background-image: url("../images/icon_profile.png"); } .mypageMainBasic .cl_maypageTable {margin-bottom: 30px; } /* [수정]-11/17 .cl_maypageTalbe 클래스명 오타 수정 */ .mypageMainBasic .cl_maypageTable .remainPeriod { /* [수정]-12/03 남은서비스기간 클래스 추가 */ color: #F66274; font-size: 12px; margin-top:5px; display:block; } .mypageMainBasic .cl_TalbeListHeader {display: flex;align-items: center;justify-content: space-between; margin-top:50px;} .mypageMainBasic .cl_TalbeListHeader .subTitle {color: #111;font-size: 24px;font-family: "PretendardSB"; } .mypageMainBasic .cl_TalbeListHeader .subMore {display: flex;align-items: center;gap: 5px;color: #5988AA;font-size: 14px; } .mypageMainBasic .cl_TalbeListHeader .subMore::before {content: "";display: block;width: 9px;height: 9px;background: url("../images/icon_more.png") no-repeat center / 100% auto; } .cl_guideCommentBox {margin-top:15px; padding:15px; border:1px solid #e1e1e1; border-radius:10px; background-color: #f8f6f6;} /* *** Footer 이용동의, 개인정보 수집 동의 */ .footerService .cl_SelectBox { width: 365px; } .footerService .termstHeader { display: flex; align-items: center; justify-content: space-between; margin: 30px 0 40px 0; } .footerService .termstHeader .textWrap { display: flex; align-items: center; color: #A1A1A1; font-size: 14px; font-family: "PretendardM"; } .footerService .termstHeader .textWrap>div { display: flex; align-items: center; } .footerService .termstHeader .textWrap>div:not(:last-child)::after { content: ""; display: inline-block; width: 1px; height: 14px; margin: 0 10px 0 8px; background-color: #A1A1A1; } .footerService .termsText { color: #272727; font-family: "PretendardM"; } /* *** 광고안내 */ .adInfoPage .cl_boardHeader.depth2.type2 .category ul li a { color: #111111; font-size: 16px; padding: 13px 23px !important;} .adInfoPage .cl_boardHeader.depth2.type1.tabDepth03 .category ul li {width: 177px;} .adInfoPage .priceHeader { display: flex; align-items: center; justify-content: space-between; margin: 25px 0 30px 0; } .adInfoPage .priceHeader .category .title {color: #111; font-size: 34px; font-family: "PretendardSB";} .adInfoPage .priceHeader .priceWrap { display: flex; align-items: center; color: #111111; font-family: "PretendardM";} .adInfoPage .priceHeader .priceWrap .subTxt { color: #728499; font-size: 14px; font-family: "PretendardM"; margin-right: 10px; } .adInfoPage .priceHeader .priceWrap .priceTxt { color: #17A2E2; font-size: 34px; font-family: "PretendardSB"; margin-right: 5px; } .adInfoPage .tabList ul {display: flex; align-items: center; gap: 10px; padding-left: 0; margin-bottom: 0;} .adInfoPage .tabList ul li {color: #17A2E2; font-family: "PretendardM"; min-width: 110px; height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid #17A2E2; border-bottom: 0; border-radius: 2px; cursor: pointer;} .adInfoPage .tabList ul li.on {color: #fff; font-family: "PretendardSB"; background-color: #17A2E2;} .adInfoPage .fullBnSwiper {height: auto; } .adInfoPage .fullBnSwiper .swiper-container { position: relative; width: 100%; height: auto !important; overflow: hidden;} .adInfoPage .fullBnSwiper .swiper-wrapper { height: auto !important;} /*.adInfoPage .fullBnSwiper .swiper-slide {height: auto !important; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 40px; }*/ .adInfoPage .fullBnSwiper .swiper-slide {padding: 40px; box-sizing: border-box; border: 1px solid #D9D9D9;border-radius: 0 10px 10px 10px !important; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 40px; background-color: #F8F8F8;} .adInfoPage .fullBnSwiper .swiper-slide .imgArea {height: 590px; display: flex; align-items: center; overflow: hidden;} .adInfoPage .fullBnSwiper .swiper-slide .imgArea img {width: 100%; height: 100%; object-fit: contain; } .adInfoPage .fullBnSwiper .swiper-slide .textArea {color:#111111;font-family: "PretendardM"; max-width: 640px; max-height: 400px; margin: 0 auto; } .adInfoPage .fullBnSwiper .swiper-slide ul {} .adInfoPage .fullBnSwiper .swiper-slide ul li {color: #4a4a4a; line-height:1.8;} .adInfoPage .fullBnSwiper .swiper-slide ul li span {font-weight:bold;} .adInfoPage .fullBnSwiper .swiper-slide.nonImg { background-color: #F8F8F8; } .adInfoPage .fullBnSwiper .swiper-button-prev::after, .adInfoPage .fullBnSwiper .swiper-button-next::after { color: #A1A1A1; } .adInfoPage .fullBnSwiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {width: 8px !important; height: 8px !important; opacity: 1 !important; margin-left: 4px !important; margin-right: 4px !important; bottom: 0 !important; border-radius: 100px; background: #BCBCBC !important; } .adInfoPage .fullBnSwiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {width: 30px !important; background-color: #00BCD5 !important; } .adInfoPage .tabContentWrap .tabContent {display: none;} .adInfoPage .tabContentWrap .tabContent.on {display: block;} .adInfoPage .pcContent, .adInfoPage .appContent {display: none;} .adInfoPage .pcContent.on {display: block;} .adInfoPage .appContent.on {display: block;} .adInfoPage .cl_boardHeader .category ul li a.active{color: #fff;background-color: #17A2E2;} /* *** 회사소개(회사소개, 분양라인 사업부, 분양라인 발자취) */ .companyBasic .banner {margin-bottom: 70px;} .companyBasic .title {color: #000000; font-size: 34px; font-family: "PretendardSB"; text-align: center; padding-bottom: 40px;} .companyBasic .title::after{content: ""; position: relative; top:30px; left: 50%; transform: translateX(-50%); display: block; width: 50px; height: 3px; background-color: #17A2E2;} .companyBasic .contWrap {color: #000000; font-family: "PretendardSB"; text-align: center; padding-top: 40px; box-sizing: border-box; margin-bottom: 60px;} .companyBasic .imgWrap {text-align: center; margin-bottom: 60px;} .companyBasic .tableBox table {width: 500px; margin: 0 auto;} .companyBasic .tableBox table tr {border-bottom: 1px solid #D9D9D9;} .companyBasic .tableBox table tr:first-child{border-top: 1px solid #D9D9D9;} .companyBasic .tableBox table td:first-child { color: #728499; font-family: "PretendardSB"; font-size: 16px; text-align: center; width: 185px; background-color: #F6F6F6; } .companyBasic .tableBox table td { color: #000000; font-family: "PretendardM"; font-size: 16px; padding: 17px; box-sizing: border-box; } .companyBasic .historyWrap { width: 740px; margin: 100px auto 0 auto; } .companyBasic .historyWrap::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 5px; height: 2200px; border-radius: 30px; background-image: linear-gradient(to bottom, #D9D9D9 80%, #ffffff); } /* 241206 pub 수정 */ .companyBasic .historyItem { position: relative; display: flex; align-items: start; justify-content: center; gap: 145px; margin-bottom: 120px; } .companyBasic .historyItem::after { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 42px; height: 46px; background: #fff url("../images/icon_marker.jpg") no-repeat center / 42px 42px; } .companyBasic .historyItem.imgLeft .textWrap { order: 2; } .companyBasic .historyItem.imgLeft .img { order: 1; } .companyBasic .historyItem.imgLeft .textWrap { text-align: left; } .companyBasic .historyItem .textWrap { text-align: right; } .companyBasic .historyItem .textWrap .tit { color: #17A2E2; font-size: 34px; font-family: "PretendardSB"; margin-bottom: 4px; } .companyBasic .historyItem .textWrap .subtit { color: #111111; font-size: 24px; font-family: "PretendardSB"; margin-bottom: 30px; } .companyBasic .historyItem .textWrap .txtWrap p { color: #595959; font-size: 18px; font-family: "PretendardSB"; margin: 0; } /* *** 마이페이지 > 프리미엄 구인글 관리 */ .preSwiperArea .listSwiperWrap{ width: 700px; position: relative;} .preSwiperArea .listSwiperWrap .swiper-pagination{ bottom: -25px;} .preSwiperArea .listSwiperWrap .swiper-pagination-bullet {width: 8px !important;height: 8px !important;opacity: 1 !important;margin-left: 4px !important;margin-right: 4px !important;bottom: 0 !important;border-radius: 100px;background: #BCBCBC !important;} .preSwiperArea .listSwiperWrap .swiper-pagination-bullet-active {width: 30px !important;background: #00BCD5 !important;} /* *** 마이페이지 > 맞춤현장설정 */ .settingCustomSiteForm .cl_infoBoxBasic {padding: 24px 10px !important;} .settingCustomSiteForm .cl_infoBoxBasic .infoBoxContent{margin-bottom: 50px !important;} .settingCustomSiteForm .cl_infoBoxBasic .boxTitle { color: #000000; font-size: 22px; font-family: "PretendardSB"; padding-left: 10px !important;} .settingCustomSiteForm .cl_infoBoxBasic .smallText { color: #728499 !important; font-size: 16px; font-family: "PretendardM" !important; margin-left: 5px; } /* *** 고객센터 > FAQ */ .questionSection .qWrap { position: relative; padding-right: 20px; } .questionSection .qWrap::after { content: ""; position: absolute; top: 0; right: 0; width: 25px; height: 25px; background: url("../images/arrow_down.png") no-repeat top / 100% auto; } .questionSection[data-status="unfold"] .qWrap::after { transform: rotate(180deg); }