.htmlTemplate {display:none;}

.contentWrap {width:1280px; margin:0 auto;}
.subPagePadding {padding-top:30px; padding-bottom:50px;}
.narrowWidth {width:850px; margin:0 auto;}
.contentMinHeight {display:flex; align-items: center; min-height:600px;}
.blockWrapper {display:block; width:100%; box-sizing:border-box;}

.subPagePaddingTop {padding-top:30px; padding-bottom:0;}

.supportersBanner {width:1280px; height:200px;}
.supportersBanner img {object-fit: contain; width:100%; height:100%;}

/*
    ************************************************* 헤더 *************************************************
*/

/* 헤더와 헤더박스 기본 상태 */
.header,
.headerBox {
    transition: opacity 0.3s ease; /* opacity에 대한 전환 효과 */
    opacity: 1; /* 기본적으로 완전 보임 */
}

/* 숨길 때 */
.header.hidden,
.headerBox.hidden {
    opacity: 0;  /* 투명하게 만들기 */
    pointer-events: none; /* 클릭 막기 */
}

/* 나타날 때 */
.header,
.headerBox {
    opacity: 1;  /* 보이게 만들기 */
}

.headerBox {height: 340px;}
.header {position: fixed; width: 100%; z-index: 999; background: #fff;}
/*.header.hidden {display: none;}*/
/*.headerBox.hidden {display: none;}*/
.headerTopLine {font-size: 14px; color: #fff; background: #17A2E2; height: 49px; box-shadow: 0px 4px 14px 0px rgba(168, 168, 168, 0.15);}
.headerTopLine .contentWrap {display: flex; align-items: center; justify-content: space-between; height: 100%;}
.headerTopLine .contentWrap .headerTopLeft {display: flex; align-items: center; justify-content: space-between; gap: 15px; height: 100%;}
.headerTopLine .contentWrap .arrowArea {display: flex; align-items: center; gap: 3px;}
.headerTopLine .contentWrap .arrowArea .arrow{cursor: pointer;}
.headerTopLine .contentWrap .joinMember {display: flex; align-items: center; gap: 30px; cursor:pointer;}
.headerTopLine .contentWrap .joinMember .joinMemTitle {position: relative; font-family: "PretendardSB";}
.headerTopLine .contentWrap .joinMember .joinMemTitle::after {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -15px; width: 1px; height: 14px; background: rgba(255, 255, 255, 0.30);}
.headerTopLine .contentWrap .joinMember .joinMemNum {display: flex; align-items: center; gap: 10px;}
.headerTopLine .contentWrap .joinMember .joinNum {display: flex; align-items: center; gap: 4px;}
.headerTopLine .contentWrap .joinMember .joinDesc {font-family: "PretendardM"; opacity: 0.6; }
.headerTopLine .contentWrap .joinMember .joinNumber {font-family: "PretendardR";}
.headerTopLine .contentWrap .joinMember .joinNumber span {font-family: "PretendardSB"; font-size: 16px;}

.headerTopLine .headerTopRight {display: flex; align-items: center; height: 100%;}
.headerTopLine a {position: relative; display: flex; align-items: center; font-family: "PretendardR"; color: #fff; height: 100%; padding: 0 11px;}
.headerTopLine a::after {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 14px; background: rgba(255, 255, 255, 0.30);}
.headerTopLine a:last-child::after {display: none;}

.headerMid {text-align: center; padding: 35px 0 30px;}
.headerMid .logoArea {margin-bottom: 25px;}
.headerMid .logoArea.noMargin {margin:0;}
.headerMid .searchbar {display: flex; justify-content: space-between; width: 805px; padding: 10px 20px;border-radius: 100px;border: 2px solid #00BCD5; box-sizing: border-box; margin-bottom: 20px;}
.headerMid .searchbarWrap {display: flex; justify-content: center;}
.headerMid .searchbarWrap .searchbarCont {position: relative;}
.headerMid .searchbarInnerWrap {display: flex; align-items: center; gap: 30px; width: 100%;}
.headerMid .searchClk{cursor: pointer;}
.headerMid .searchTheme{display: flex; justify-content: space-between; align-items: center; width: 150px; height: 100%;}
.headerMid .searchTheme .searchThemeTopic {-webkit-appearance: none;-moz-appearance: none;appearance: none;font-family: "PretendardSB";font-size: 18px;color: #3DACE2;width: 100%;background: url(/app/layout/web/images/headerSearchArrow.png) no-repeat 95% 50%;cursor: pointer;padding: 0 10px;height: 100%;}
.headerMid .searchEnter {height: 100%;  flex: 1;}
.headerMid .searchEnter input{font-family: "PretendardM"; font-size: 18px; color: #111; width: 100%; height: 100%;}
.headerMid .searchEnter input::placeholder{font-family: "PretendardM"; font-size: 18px; color: #ADBCC3;}

.advertiseArea {position: relative;left: 440px;cursor: pointer;z-index: 100;overflow: hidden;width: 600px; height: 24px;}
.advertiseArea ul{ padding: 0;}
.advertiseArea li{ display: flex;align-items: center;font-size: 16px;gap: 5px;}
.advertiseArea {width: 600px;}
.advertiseArea .adTit {font-family: "PretendardM"; color: #17A2E2; }
.advertiseArea .adDesc {font-family: "PretendardR"; color: #728499; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; max-width: 500px;}

.advertiseArea.fixed .adDesc {font-family: "PretendardB"; font-size:16px; color: #000; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; max-width: 500px;}
.advertiseArea.fixed .adDesc .wordFromField {font-family: "PretendardR"; margin-left:15px; font-size:14px; color: #8293A5;}

.header.on .headerMid {display: flex; align-items: center; justify-content: space-between; gap: 40px;}
.header.on .headerMid .logoArea {margin-bottom: 0;}
.header.on .headerMid .searchbar {margin-bottom: 0; width: 650px;}
.header.on .headerMid .advertiseArea {left: 0; width: 310px; text-align: left;}
.header.on .headerMid .advertiseArea .adDesc {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 260px; max-width: 260px;}


.header .bunyangGnb {position:relative; display: flex; justify-content: center; border-top: 1px solid #EFEFEF;box-shadow: 4px 7px 15px 0 rgba(92, 92, 92, 0.16); z-index:10000000;}
.header .bunyangGnb .contentWrap {display: flex; justify-content: center; }
.header .bunyangGnb .contentWrap a {position: relative;display: flex;align-items: center;justify-content: center;font-family: "PretendardSB";font-size: 20px;color: #111;width: 100%;padding: 18px 0;}
.header .bunyangGnb .contentWrap a:hover {color: #17A2E2;}
.header .bunyangGnb .contentWrap a.on::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #17A2E2;}
.header .bunyangGnb .contentWrap a.on { color: #17A2E2;}
.joinMemberSwiper{width: 300px;}
.noHeader .headerTopLine .contentWrap .headerTopLeft{gap: 0;}


/*
    ************************************************* 헤더 스크롤시 *************************************************
*/
.headerScrollBox {height: 100px;display: none;}
.headerScrollBox.on{display: block;}
.headerScroll {position: fixed; top: 0; z-index: 150; width: 100%; height: 75px; display: none; align-items: center; background-color: #17A2E2; box-shadow: 4px 4px 15px 0 rgba(92, 92, 92, 0.16);}
.headerScroll.on{display: flex; }
.headerScroll .contentWrap{display: flex; align-items: center; position: relative; justify-content: space-between;}
.headerScroll .contentWrap .headerTopLeft{display: flex; align-items: center;}
.headerScroll .contentWrap .logoArea{width: 32px; height: 30px; margin-right: 55px;}
.headerScroll .contentWrap .bunyangGnb{display: flex; align-items: center; gap: 55px; margin: 0 64px 0 0; padding: 0;}
.headerScroll .contentWrap .bunyangGnb.hidden {display: none;}
.headerScroll .contentWrap .bunyangGnb li a{color: #FFFFFF; font-size: 20px;font-family: "PretendardSB";padding-bottom: 4px; box-sizing: border-box;}
.headerScroll .contentWrap .bunyangGnb li a.on{border-bottom: 2px solid #fff;}
.headerScroll .contentWrap .headerTopRight {display: flex; align-items: center; }

.headerScroll .contentWrap .searchBtn{width: 21px; height: 21px; background-color: transparent; margin: 0 100px 0 0; cursor: pointer;}
.headerScroll .contentWrap .searchBtn img{width: 100%;}
.headerScroll .contentWrap .searchbarWrap {display: none; justify-content: center; margin-right: 18px;}
.headerScroll .contentWrap .searchbarWrap.on {display: flex;}
.headerScroll .contentWrap .searchbarWrap .searchbarCont {position: relative;}
.headerScroll .contentWrap .searchbar {display: flex; align-items: center; justify-content: space-between; width: 725px; height: 50px; padding: 14px 20px;border-radius: 100px;box-sizing: border-box;background-color: #fff;}
.headerScroll .contentWrap .searchbarInnerWrap {display: flex; align-items: center; gap: 30px; width: 100%;}
.headerScroll .contentWrap .searchClk{cursor: pointer;}
.headerScroll .contentWrap .searchTheme{display: flex; justify-content: space-between; align-items: center; width: 100px; height: 100%;}
.headerScroll .contentWrap .searchTheme .searchThemeTopic {-webkit-appearance: none;-moz-appearance: none;appearance: none;font-family: "PretendardSB";font-size: 18px;color: #3DACE2;width: 100%;background: url(/app/layout/web/images/scroll_searchArrow.png) no-repeat 95% 50%;cursor: pointer;padding: 0 10px;height: 100%;}
.headerScroll .contentWrap .searchEnter {height: 100%;  flex: 1;}
.headerScroll .contentWrap .searchEnter input{font-family: "PretendardM"; font-size: 18px; color: #111; width: 100%; height: 100%;}
.headerScroll .contentWrap .searchEnter input::placeholder{font-family: "PretendardM"; font-size: 18px; color: #ADBCC3;}


.headerScroll .contentWrap .utilArea {display: flex; align-items: center; }
.headerScroll .contentWrap .utilArea a{color: #fff; font-size:14px; font-family: "PretendardM"; display: flex; align-items: center; gap: 10px;}
.headerScroll .contentWrap .utilArea a:not(:first-of-type){padding-left: 10px; box-sizing: border-box;}
.headerScroll .contentWrap .utilArea a:not(:last-of-type)::after{content:""; display: inline-block; width: 1px; height: 14px; background-color: rgba(255, 255, 255, 0.3);}

.headerScroll .contentWrap .headerTopRight {padding-right: 125px; box-sizing: border-box;}
.headerScroll .contentWrap .subSelectMenu{position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 105px;z-index: 10;}
.headerScroll .contentWrap .subSelectMenu .btnSubMenu {color: #fff; font-size: 14px; font-family: "PretendardM"; display: flex; align-items: center; justify-content: space-between; padding: 5px 12px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.5); box-sizing: border-box; background-color: transparent; cursor: pointer;}
.headerScroll .contentWrap .subSelectMenu .btnSubMenu .imgArrow{transform: rotate(180deg);}
.headerScroll .contentWrap .subSelectMenu .subMenuList {display: none; position: absolute; top: 30px; width: 100%; margin: 0; border: 1px solid #D9D9D9; border-radius: 0 0 10px 10px; padding: 10px; box-sizing: border-box; background-color: #fff;box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 2px 0; z-index:10000;}
.headerScroll .contentWrap .subSelectMenu .subMenuList li:not(:last-child){margin-bottom: 10px;}
.headerScroll .contentWrap .subSelectMenu .subMenuList li a{color: #111; font-size: 14px;font-family: "PretendardM";}

.headerScroll .contentWrap .subSelectMenu.on .btnSubMenu {border-radius: 10px 10px 0 0; box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 2px 0;}
.headerScroll .contentWrap .subSelectMenu.on .btnSubMenu .imgArrow{transform: rotate(0);}
.headerScroll .contentWrap .subSelectMenu.on .subMenuList {display: block;}



    /*
        ************************************************* 푸터 *************************************************
    */
.footer {background: #48575F; padding: 30px 0;}
.footer .footerList {display: flex; align-items: center; margin-bottom: 25px;}
.footer .footerList a {position: relative; font-family: "PretendardR"; font-size: 14px; color: #fff; padding: 0 11px;}
.footer .footerList a:first-child {padding-left: 0;}
.footer .footerList a::after {content: '';position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 1px;height: 14px;background: #687B86;}
.footer .footerList a:last-child::after {display: none;}
.footer .footerLogo {margin-bottom: 15px; cursor:pointer;}
.footer .footerDesc {display: flex; align-items: center; justify-content: space-between; font-family: "PretendardR"; font-size: 14px; color: #8F9EA6;}
.footer .footerDesc .under {color: #8F9EA6; border-bottom: 1px solid #8F9EA6;}
.footer .footerRight {display: flex; align-items: center; gap: 22px;}
.footer .footerRight img {vertical-align: top;}



/*
    ************************************************* 메인페이지 *************************************************
*/


/*
    *** 섹션
*/
.mpSectionWrap {padding-top:50px; padding-bottom:50px;}
.mpSectionWrap.gray {background-color:#F8F8F8;}
.mpSectionWrap.noPadding {padding-top:0; padding-bottom:0;}
.mpSectionWrap.noMargin {margin-top:0; margin-bottom:0;}

/*
    *** 유니크, 서포터즈 섹션
*/
.uniqueSupporters {display:flex; align-items: flex-start;}
.uniqueSupporters .uniqueArea {width:100%;}
/*
.bestWrap.supportersArea .listSwiperWrap .swiper-slide:not(:last-of-type) .cl_supportersList {margin-bottom: 13px;}
.bestWrap.supportersArea .listSwiperWrap .swiper-slide .cl_supportersList .listInfo{min-width:150px; width: 150px; height: 150px;}
.bestWrap.supportersArea .listSwiperWrap .swiper-slide .cl_supportersList .listTitleCell .hashtagCell {font-size: 16px; margin-bottom: 10px;}
.bestWrap.supportersArea .listSwiperWrap .swiper-slide .cl_supportersList .conditionInfo .listTitleCell .titleText .mainText {font-size: 20px;}
.bestWrap.supportersArea .listSwiperWrap .swiper-slide .cl_supportersList .conditionInfo .infoText {font-size: 16px;}
.bestWrap.supportersArea .listSwiperWrap .swiper-slide .cl_supportersList .conditionInfo { width: calc(100% - 150px - 15px);}
.bestWrap.supportersArea .listSwiperWrap .swiper-slide .cl_supportersList .labelWrap{ margin-top: 28px;}
*/

/*유니크*/
.uniqueSupporters .uniqueArea .cl_listTitle {width:700px;}
.uniqueSupporters .uniqueArea .cl_listTitle .sPart{width:auto;}
.uniqueSupporters .uniqueArea .swiper-pagination {width:700px;}
.uniqueSupporters .uniqueArea .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;}
.uniqueSupporters .uniqueArea .swiper-pagination-bullet-active {width:30px !important; background: #00BCD5 !important;}


/*서포터즈*/
.uniqueSupporters .supportersArea {max-height:636px; min-height: 636px; border-radius:10px; padding:20px 0; box-sizing: border-box; background-color:#F8F8F8;}
.uniqueSupporters .supportersArea .cl_listTitle {margin-bottom:15px; padding:0 20px; box-sizing: border-box;}
.uniqueSupporters .supportersArea .cl_supportersList {margin-left:20px; margin-right:20px;}


.uniqueSupporters + .cl_homeFullBanner {margin-top:50px;}


/*
    *** 유니크(그리드)
*/
.uniqueListWrap {display:flex; flex-wrap:wrap; gap:20px; --webkit-gap: 20px;}
.uniqueListWrap.type1 {gap:22px; --webkit-gap: 22px;}
.uniqueListWrap.type1 .cl_uniqueList .listInfoCell{height: 230px;}
.uniqueListWrap.type1 .cl_uniqueList .listInfoCell .titleTopInfo{margin-bottom: 10px;}
.uniqueListWrap.type1 .cl_uniqueList .listInfoCell .titleText .mainText{height: 52px; line-height: 1.25; white-space: normal; word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.uniqueListWrap.type1 .cl_uniqueList .listInfoCell .infoText{height: 44px;line-height: 1.3; margin-top: 10px; white-space: normal; word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.uniqueListWrap.type1 .cl_uniqueList {flex: 0 0 calc((100% - 44px) / 3);}
.uniqueListWrap.type1 .cl_uniqueList .photoCell{height: 258px;}


.uniqueListWrap.type2 {gap: 25px; --webkit-gap: 25px;}
.uniqueListWrap.type2 .cl_uniqueList {flex: 0 0 calc((100% - 25px) / 2);}
.uniqueListWrap.type2 .cl_uniqueList .photoCell{height: 394px;}

/*
    *** 서포터즈불꽃 (구 서포터즈 포커스)
*/
.supportersFocusListWrap {display:flex; flex-wrap:wrap; gap:20px; --webkit-gap: 20px;}
.supportersFocusListWrap.type1 .cl_supportersFocusList {flex: 0 0 calc((100% - 60px) / 4); border: 1px solid #D9D9D9;}
.supportersFocusListWrap.type1 .cl_supportersFocusList .listInfoCell .titleText .mainText {height: 52px; line-height: 1.25; white-space: normal; word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.supportersFocusListWrap.type1 .cl_supportersFocusList .listInfoCell .infoText {height: 66px;line-height: 1.35; margin-top: 10px; white-space: normal; word-break: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.supportersFocusListWrap.type1 .cl_supportersFocusList .photoCell{height: 190px;}
.supportersFocusListWrap.type1 .cl_supportersFocusList .listInfoCell{height: 252px;}

.supportersFocusListWrap.type2 .cl_supportersFocusList {flex: 0 0 calc((100% - 20px) / 2);}
.supportersFocusListWrap.type2 .cl_supportersFocusList .photoCell{height: 394px;}

/*
    *** 슈페리어(그리드)
*/
.superiorListWrap {display:flex; flex-wrap:wrap; gap:20px; --webkit-gap: 20px;}
.superiorListWrap.type1 .cl_superiorList {flex: 0 0 calc((100% - 60px) / 4);}
.superiorListWrap.type1 .cl_superiorList .listInfoCell {height: 252px;}
.superiorListWrap.type1 .cl_superiorList .listInfoCell .titleText .mainText {height: 52px; line-height: 1.25; white-space: normal; word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.superiorListWrap.type1 .cl_superiorList .listInfoCell .infoText {height: 66px;line-height: 1.35; margin-top: 10px; white-space: normal; word-break: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.superiorListWrap.type1 .cl_superiorList .photoCell{height: 190px;}


.superiorListWrap.type2 {gap:22px; --webkit-gap: 22px;}
.superiorListWrap.type2 .cl_superiorList {flex: 0 0 calc((100% - 44px) / 3);}
.superiorListWrap.type2 .cl_superiorList .photoCell{height: 258px;}



/*
    *** 프리미엄
*/
.topPlatinumListWrap {display:flex; flex-wrap:wrap; gap:14px 14px;}
.topPlatinumListWrap .listCell {width:calc((100% - 30px) / 3);}




/*
    *** 전국 Top
*/
.topBasicListWrap {display:flex; flex-wrap:wrap; gap:15px 15px;}
.topBasicListWrap .listCell {width:calc((100% - 30px) / 3);}




/*
    *** 지역 Top
*/
.regionTopListWrap {display:flex; flex-wrap:wrap; gap:15px;}
.regionTopListWrap .listCell {width:calc((100% - 30px) / 3);}



/*
    *** 일반
*/
#normalRecruitSection .cl_titleWrap {width:100%; margin-top:25px; margin-bottom: 10px;}
#normalRecruitSection .cl_titleWrap .subText {gap: 4px;}
#normalRecruitSection .cl_titleWrap .subText .title {color: #001260; font-size: 18px; display: flex; align-items: center; gap: 5px;}
#normalRecruitSection .cl_titleWrap .subText .title .img {width: 24px;}
#normalRecruitSection .cl_titleWrap .subText .title .img img{width: 100%; display: block;}
#normalRecruitSection .cl_titleWrap .subText .text,
#normalRecruitSection .cl_titleWrap .subText .text .count{color: #728499;font-family:PretendardM; font-size: 16px;}
.normalListWrap {display:flex; flex-wrap:wrap; gap:15px 15px;}
.normalListWrap .listCell {width:calc((100% - 45px) / 4);}

#normalRecruitSection .cl_homeFullBanner {margin-bottom:0;}
#normalRecruitSection .cl_homeFullBanner:first-child {margin-bottom:50px;}
#normalRecruitSection .cl_homeFullBanner img {vertical-align: top;}


/*
    *** 지도현장 지역상세 리스트
*/
.regionDetailListWrap {display:flex; flex-wrap:wrap; gap:15px 15px; margin-bottom:30px;}
.regionDetailListWrap .listCell {width:calc((100% - 15px) / 2);}



/*
    *** 베스트
*/
.bestCellWrapper {display:flex; flex-direction:row; justify-content:flex-start; align-items:start; gap:10px; }
.bestCellWrapper .recruitList {flex: 1;}
.bestCellWrapper .cl_searchList.type2 .conditionInfo { width: 100%;}

 #mainPage .searchListArea .cl_listTitle .sPart{width:auto;}
 #mainPage .searchListArea .cl_searchList .labelWrap .textLabel{color: #418BCA; font-size: 14px;font-family:'PretendardM';}
 #mainPage .searchListArea .cl_searchList .labelWrap .textLabel:not(:last-of-type){ border-right: 1px solid #AEBDCF;padding-right: 10px;box-sizing: border-box;}



/*
    *** 메인 하단 공지, 이벤트, 고객센터
*/
.noticeSection {line-height:1.3;}
.noticeSection .howToArea {display:flex; justify-content: space-between; align-items: center; margin-bottom:40px;}
.noticeSection .howToArea .imgCell img {display:block;}

.noticeSection .noticeBoardArea {display:flex; justify-content: space-between; align-items: flex-start;}
.noticeSection .noticeBoardArea .boardBox {width:413px; min-height:205px; padding:30px; box-sizing: border-box; background-color:#F8F8F8;}
.noticeSection .noticeBoardArea .boardBox .boardTitle {display: flex; justify-content: space-between; margin-bottom:20px;}
.noticeSection .noticeBoardArea .boardBox .boardTitle .titleText {font-size:20px; color:#111111; font-family:PretendardSB;}
.noticeSection .noticeBoardArea .boardBox .boardList {display:flex; justify-content: space-between; align-items: center; margin-bottom:15px;}
.noticeSection .noticeBoardArea .boardBox .boardList:last-child {margin-bottom:0;}
.noticeSection .noticeBoardArea .boardBox .boardList .listContent {width:calc(100% - 90px); font-size:16px; color:#333333; font-family:PretendardR; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.noticeSection .noticeBoardArea .boardBox .boardList .date {width:90px; font-size:16px; color:#A1A1A1; font-family:PretendardR; text-align: right;}

.noticeSection .noticeBoardArea .csCenter {width:413px; min-height:205px; padding:30px; box-sizing: border-box; background-color:#E2F1FF;}
.noticeSection .noticeBoardArea .csCenter .boxTitle {font-size:20px; color:#111111; font-family:PretendardSB; line-height: 1; margin-bottom:10px;}
.noticeSection .noticeBoardArea .csCenter .telInfo {font-size:32px; color:#1B1B1B; font-family:PretendardSB; letter-spacing: -1px; margin-bottom:10px;}
.noticeSection .noticeBoardArea .csCenter .workInfo .lineCell {display:flex; align-items: center; font-size:16px;}
.noticeSection .noticeBoardArea .csCenter .workInfo .lineCell .lineHead {display:flex; justify-content:space-between; align-items:center; width:60px; color:#333333; font-family:PretendardSB; margin-right:10px;}
.noticeSection .noticeBoardArea .csCenter .workInfo .lineCell .lineBody {color:#626262; font-family:PretendardM;}

/*
	*** 게시판 공통
 */
.boardLine {margin-top:50px;}
.boardLine > div {border-top:1px solid #000; padding:15px 10px;}
.boardLine > div a {line-height:1.5;}
.boardLine .notiData {color:#999; font-size:14px; margin-bottom:5px;}
.boardLine .notiCon {color:#000; font-size:18px;}
.boardLine .emptyRow {padding-top:30px; padding-bottom:30px; text-align:center;}
.boardLine .emptyRow a {font-size:16px; color:#666;}
.boardLine .questionSection {cursor:pointer;}
.boardLine .answerSection {display:none; background-color:#f5f5f5;}

.boardButtons {display:flex; margin-top:20px; justify-content:space-between; align-items:center;}
.boardButtons .leftSection {text-align:left;}
.boardButtons .rightSection {text-align:right;}
.boardButtons a {display: flex; box-sizing:border-box;width: 95px;height: 35px;padding: 10px 15px;justify-content: center;align-items: center;gap: 5px;border-radius: 5px;border: 1px solid #17A2E2;background: #FFF;color: #17A2E2;cursor: pointer;}
.boardRowButtons a.normal {display:inline-block;text-decoration:none;box-sizing:border-box;padding: 5px 12px;gap: 5px;border-radius: 5px;border: 1px solid #D9D9D9;background: #FFF;color:#728499;font-size: 15px;font-style: normal;font-weight: 500;cursor: pointer;}
.boardRowButtons a.extendButton {display:inline-block;text-decoration:none;box-sizing:border-box;padding: 5px 12px;gap: 5px;border-radius: 100px;border: 1px solid #47C932;background: #47C932;color:#fff;font-size: 15px;font-style: normal;font-weight: 500;cursor: pointer;}
.boardRowButtons a.stopButton {display:inline-block;text-decoration:none;box-sizing:border-box;padding: 5px 12px;gap: 5px;border-radius: 100px;background: #4967ff;color:#fff;font-size: 15px;font-style: normal;font-weight: 500;cursor: pointer;}
.boardRowButtons a.stopDisabledButton {display:inline-block;text-decoration:none;box-sizing:border-box;padding: 5px 12px;gap: 5px;border-radius: 100px;background: #a1a1a3;color:#fff;font-size: 15px;font-style: normal;font-weight: 500;cursor: pointer;}
.boardRowButtons a.restartButton {display:inline-block;text-decoration:none;box-sizing:border-box;padding: 5px 12px;gap: 5px;border-radius: 100px;border: 1px solid #616163;background: #616163;color:#fff;font-size: 15px;font-style: normal;font-weight: 500;cursor: pointer;}
.boardRowButtons a.addPremiumButton {display:inline-block;text-decoration:none;box-sizing:border-box;padding: 5px 12px;gap: 5px;border-radius: 100px;border: 1px solid #47C932;background: #47C932;color:#fff;font-size: 15px;font-style: normal;font-weight: 500;cursor: pointer;}
.boardRowButtons a.premiumButton {display:inline-block;text-decoration:none;box-sizing:border-box;padding: 5px 12px;gap: 5px;border-radius: 100px;border: 1px solid #FF5803;background: #FF5803;color:#fff;font-size: 15px;font-style: normal;font-weight: 500;cursor: pointer;}
.boardRowButtons a.visibleButton {display:inline-block;text-decoration:none;box-sizing:border-box;padding: 5px 12px;gap: 5px;border-radius: 100px;background: #33a65d;color:#fff;font-size: 15px;font-style: normal;font-weight: 500;cursor: pointer;}
.boardRowButtons a.visibleButton.disable {background: #67676a;color:#fff;}
.boardRowButtons a.copyButton {display:inline-block;text-decoration:none;box-sizing:border-box;padding: 5px 12px;gap: 5px;border-radius: 100px;border: 1px solid #4967ff;background: #4967ff;color:#fff;font-size: 15px;font-style: normal;font-weight: 500;cursor: pointer;}
.boardRowButtons a.copyButton.disabled {border: 1px solid #97979a;background: #97979a;color:#e2e2e2;}
.boardRowButtons a.jumpButton {display:inline-block;text-decoration:none;box-sizing:border-box;padding: 5px 12px;gap: 5px;border-radius: 100px;border: 1px solid #ff8f49;background: #ff8f49;color:#fff;font-size: 15px;font-style: normal;font-weight: 500;cursor: pointer;}
.boardRowButtons a.jumpButton.disabled {border: 1px solid #97979a;background: #97979a;color:#e2e2e2;}


/*
	*** 투데이
*/
#todayPage .todayInfo {display: flex; justify-content: space-between; gap: 15px;}
#todayPage .todayBottom {display: flex; justify-content: space-between; gap: 15px; padding: 70px 0 100px; background: #F8F8F8;}
#todayPage .todayWrap {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}
#todayPage .todayWrap .cl_todayGraph {width: calc((100% / 2) - 20px); }

#eventList .eventListWrap {display: flex; flex-wrap: wrap; gap:25px 15px; }
#eventList .eventListWrap .cl_eventList {width: calc((100% / 3) - 15px); }



/*
	**************************************** 검색페이지 ***************************************
*/


#searchPage .contentWrap.subPagePadding {padding-top:0;}
#searchPage .recommendRecruit {margin-bottom:60px;}
#searchPage .recommendRecruit .cl_searchListTitle{display: flex; justify-content: space-between;}
#searchPage .recommendRecruit .cl_searchListTitle .ePart{ display: flex;justify-content: flex-end;align-items: center;}
#searchPage .recommendRecruit .recoRecruitList{position: relative;}
#searchPage .recommendRecruit .recoRecruitList .swiper-pagination{bottom: -26px;}

#searchPage .recommendRecruit .recoRecruitList .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;}
#searchPage .recommendRecruit .recoRecruitList .swiper-pagination-bullet-active {width: 30px !important;background: #00BCD5 !important;}
#searchPage .recommendRecruit .recoRecruitList .cl_searchList {align-items: center; border: 2px solid #17A2E2; background-color: #F2F7FA;}
#searchPage .recommendRecruit .recoRecruitList .cl_searchList .listInfo {width: 300px; height: 180px;}
#searchPage .recommendRecruit .recoRecruitList .cl_searchList .listTitleCell .hashtagCell {font-size: 16px; line-height: 1.2; margin-bottom: 5px;}
#searchPage .recommendRecruit .recoRecruitList .cl_searchList .conditionInfo {padding-right: 140px; box-sizing: border-box;}
#searchPage .recommendRecruit .recoRecruitList .cl_searchList .conditionInfo .listTitleCell .titleText .mainText {font-size: 24px; line-height: 1.2; margin-bottom: 10px;white-space: normal; text-overflow: ellipsis;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#searchPage .recommendRecruit .recoRecruitList .cl_searchList .conditionInfo .infoText {font-size: 16px;font-family: "PretendardM"; line-height: 1.2; white-space: normal; text-overflow: ellipsis;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#searchPage .recommendRecruit .recoRecruitList .cl_searchList .labelWrap .textLabel {font-size: 16px;}


/*
	*** 검색결과 없을때
*/
.noSearchResult {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 50px 0;}
.noSearchResult .noSearchResultImg {margin-bottom: 50px;}
.noSearchResult .noSearchResultTit {font-family: "PretendardM"; font-size: 24px; color: #272727; margin-bottom: 20px;}
.noSearchResult .keywordHighLight {color: #17A2E2;}
.noSearchResult .noSearchResultDesc .noSearchResultChk {display: inline-block; font-family: "PretendardM"; font-size: 14px; line-height: 25px; color: #728499;}
.noSearchResult .noSearchResultDesc .noSearchResultChk a {color: #17A2E2;}

.noSearchResult.type1 .noSearchResultTit {font-family: "PretendardSB"; font-size: 34px; margin-bottom: 50px;}


/*
	**************************************** 로그인 ***************************************
*/
#loginForm .cl_commonForm input[type=text],
#loginForm input[type=password],
#loginForm input[type=number]{
    background-color: #F2F7FA;
}
#loginForm .loginFormWrapper {margin:0 auto;box-sizing: border-box;width:487px;padding: 40px 50px;flex-direction: column;justify-content: center;align-items: center;gap: 30px;align-self: stretch;border-radius: 15px;background: #FFF;box-shadow: 4px 4px 15px 0px rgba(92, 92, 92, 0.16);}
#loginForm .loginFormWrapper .logoImage {text-align:center;}
#loginForm .loginFormWrapper .title {margin-top:20px;text-align: center;color: #111;font-family: "PretendardSB";font-size: 34px;line-height: normal;}
#loginForm .loginFormWrapper .inputBoxWrapper {margin-top:30px; display:flex; flex-direction: row; align-items:center; justify-content: space-between;}
#loginForm .loginFormWrapper .inputBoxWrapper .inputBox {width:280px; max-height: 432px; padding: 10px 0; box-sizing:border-box; display:flex; flex-direction: column;}
#loginForm .loginFormWrapper .inputBoxWrapper .inputBox div {margin-top:5px;}
#loginForm .loginFormWrapper .inputBoxWrapper .inputBox div:first-child {margin-top:0;}
#loginForm .loginFormWrapper .inputBoxWrapper .loginButton {flex:1; /*margin-left:10px;*/}
#loginForm .loginFormWrapper .inputBoxWrapper .loginButton button {display: flex;box-sizing: border-box;width: 97px;height: 86px;padding: 15px;justify-content: center;align-items: center;gap: 10px;align-self: stretch;border-radius: 8px !important; /* 241125 pub 추가 */}
#loginForm .loginFormWrapper .remainLoginCheckbox {display: flex;box-sizing: border-box;justify-content:space-around;padding:0 80px;margin-top:20px;text-align:center;font-size:14px;color: #272727;font-family: "PretendardM";}
#loginForm .loginFormWrapper .remainLoginCheckbox input[type=checkbox] + label {padding-left: 32px !important;}
#loginForm .loginFormWrapper .memberButtons {display:flex;box-sizing: border-box; /* s: 241125 pub 수정, 삭제 */justify-content:center;gap: 20px;margin-top:20px;padding:20px 50px 0 50px;border-top:1px solid #d9d9d9;color: #728499;font-size: 14px;font-family: "PretendardSB";}
#loginForm .loginFormWrapper .memberButtons a {color:#728499; text-decoration:none;}
#loginForm .loginFormWrapper .memberButtons a.join {color:#17A2E2;}
#loginForm .copyright {margin-top:25px;color: #A1A1A1;text-align: center;font-size: 12px;font-family: "PretendardM";}
#loginForm .kcaptchaArea {display:flex; flex-direction: row; margin-top:10px;}
#loginForm .kcaptchaArea .captchaImage { width: 32%;margin-right:10px;}
#loginForm .kcaptchaArea .captchaImage iframe {width:100%; height:70px; overflow:hidden;}
#loginForm .kcaptchaArea .captchaInput {flex:1;width: 68%;}
#loginForm .kcaptchaArea .captchaInput input {width:100%; margin-right:0 !important;}
#loginForm .kcaptchaArea .captchaWrap {display: flex; align-items: center; gap: 15px; margin-top:10px;}
#loginForm .kcaptchaArea .captchaWrap a{display: flex; align-items: center; gap: 4px; text-decoration:none;}
#loginForm .kcaptchaArea .captchaWrap a i{font-size: 18px;}

/*
	**************************************** 통합계정 ***************************************
*/
.mergeFormPage .cl_commonInfoBox {margin: 20px 0;}
.mergeFormPage .cl_whiteShadowInfoBox {padding: 20px 30px;}
.mergeFormPage .cl_whiteShadowInfoBox ul {padding: 0;margin-bottom: 0;}
.mergeFormPage .cl_whiteShadowInfoBox ul li {word-break: keep-all; text-indent: -10px;}
.mergeFormPage .cl_whiteShadowInfoBox ul li:not(:last-of-type){margin-bottom: 5px;}
.mergeFormPage .cl_whiteShadowInfoBox ul li::before{content: ""; display: inline-block;position: relative;top: -3px;min-width: 6px; min-height: 6px; border-radius: 50%; background-color: #000;}
.mergeFormPage .loginFormWrapper .inputBoxWrapper {margin-top:0; max-height: 432px; overflow-y: auto;}
.mergeFormPage .loginFormWrapper .inputBoxWrapper .inputBox{width: 100% !important;}
.mergeFormPage .loginFormWrapper .inputBoxWrapper {padding: 30px; box-sizing: border-box;  margin-bottom: 20px; border-radius:5px; background-color: #F2F7FA;}
.mergeFormPage .loginFormWrapper .inputBoxWrapper .inputBox{color: #111; font-size: 18px; font-family: "PretendardB"}
.mergeFormPage .loginFormWrapper .inputBoxWrapper .inputBox {display: flex; flex-direction: column; gap: 10px;}
.mergeFormPage .cl_commonButtonWrapper button,
.mergeFormPage .cl_commonButtonWrapper a {width: 50%;}
.mergeFormPage .cl_commonForm input[type="radio"] + label { word-break: break-word;}
.mergeFormPage .cl_commonButtonWrapper .cl_commonButton{box-sizing: border-box; justify-content: center;}


/*
	**************************************** 가이드(구인글등록방법, 유료상품 결제) ***************************************
*/


.guidePage .tabList ul {display: flex; align-items: center; gap: 10px; padding-left: 0; margin-bottom: 0;}
.guidePage .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;}
.guidePage .tabList ul li.on {color: #fff; font-family: "PretendardSB"; background-color: #17A2E2;}

.guidePage .tabWrap {display: none;}
.guidePage .tabWrap.on{display: block;}
.guidePage .boxWrap {display: flex; flex-direction: column; align-items: center; gap: 30px; padding: 40px; box-sizing: border-box; border-radius: 0 0 10px 10px; border: 1px solid #D9D9D9; background-color: #F8F8F8;}
.guidePage .boxWrap .boxItem {display: flex; align-items: center; justify-content: center; gap: 30px;}
.guidePage .boxWrap .imgArea {width:740px;}
.guidePage .boxWrap .imgArea img {width:100%;}
.guidePage #tabApp .boxWrap .imgArea {display: flex; align-items: center; justify-content: center;}
.guidePage #tabApp .boxWrap .imgArea img {width:auto;}
.guidePage .boxWrap .description {flex:1; display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.guidePage .boxWrap .textArea{display: flex; gap: 14px; margin-top:5px;}
.guidePage .boxWrap .textArea .num{color: #fff; text-align: center; min-width: 25px; width: 25px; height: 25px; border-radius: 5px; background-color: #17A2E2;}
.guidePage .boxWrap .textArea .desc {font-family: "PretendardM";}


/*
	**************************************** 상품이 없을때 ***************************************
*/

.noProductWrap.whiteType {background-color: #fff;}
.noProductWrap.grayType {background-color: #F8F8F8;}
.noProductWrap {padding: 50px 0; box-sizing: border-box;}
.noProductWrap .noProductArea {text-align: center; padding: 23px 0 43px 0; box-sizing: border-box;}
.noProductWrap .noProductArea .imgArea {width: 60px; height: 61px; margin: 0 auto 30px auto;}
.noProductWrap .noProductArea .imgArea img{width: 100%;}
.noProductWrap .noProductArea .textArea {color: #A1A1A1; font-size: 18px; font-family: "PretendardSB"; }


/*
	**************************************** 메인 페이지 ***************************************
*/

#mainPage .todayTop .todayInfo{display: flex; align-items: center; justify-content: center; gap: 15px;}
#mainPage .todayTop .todayInfo .cl_newInfo .topBox{display: flex; align-items: center; justify-content: center; gap: 30px;}