.userLinkTag{cursor:pointer;}

.doneMsg {position:fixed; bottom: 0px; left: 0px; z-index: 10000; color:#fff; font-size: 20px; padding:10px 20px; width:100%;}
.doneMsg.green{background:#217600;}
.doneMsg.red{background:#aa0000;}

/* common */
.warningTxt {font-size: 1.4rem; color: #ff2222; margin: 0.3rem 0 0;}
.resendActiveEmail{margin: 0 0 0 1rem;display: inline-block;}
.linkArrow{margin: 0 0 0 0.7rem;display: inline-block;}

/* button */
.addProject{margin: 0 0 2rem 0;display: flex;justify-content: flex-end;}
.btn_addProject{background: #349e8f;display: inline-flex;;align-items:center;justify-content: center;min-width: 12rem;height: 4rem;color: #fff;text-align: center;font-weight: bold;right: 0;border-radius: 4px;font-size: 1.4rem;padding: 0 1.5rem;}

/*  */
.swiper-button-prev::after,
.swiper-button-next::after {display: none;}

.main__titWrap {position: relative; text-align: center; padding: 0 0 3rem; margin: 0 0 5rem;}
.main__titWrap::after {content: ""; position: absolute; left: 50%; bottom: 0; width: 5rem; height: 0.3rem; background: #349e8f; transform: translate(-50%,0);}
.main__tit {font-size: 4rem; font-weight: 700; color: #222222; line-height: 1; margin: 0 0 2rem;}
.main__titTxt {font-size: 1.8rem; font-weight: 500; color: #349e8f;}

.mainVisArea {padding: 10rem 0 0;;}
.mainVisArea .swiper-slide {display: flex; align-items: center; height: 70rem; background-position: center !important; background-size: cover !important;}
.mainVisArea .swiper-pagination {bottom: 4rem;}
.mainVisArea .swiper-pagination-bullet {width: 1.6rem; height: 1.6rem; opacity: 1; background: #cccccc; box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.2); transition: .3s ease; margin: 0 1rem !important;}
.mainVisArea .swiper-pagination-bullet-active {background: #349e8f;}
.mainVis__btn {display: flex; align-items: center; justify-content: center; margin: 4rem 0 0; width: 22rem; height: 6rem; font-family: 'Open Sans', sans-serif; font-size: 1.8rem; font-weight: 700; color: #fff; background: #349e8f; border-radius: 4px;}

.mainSec {padding: 10rem 0;}

.wrapSelectBox{display: flex;align-items: flex-end;gap: 1rem;margin: 0 0 3rem 0;}
.selectBox__tit{font-size: 1.7rem;font-weight: 500;margin: 0 0 1rem 0;}
.selectBox__select{width: 18rem; height: 4rem; border: 1px solid #ddd; padding: 0 1rem; background: #fff url('/images/sub/contest/select_arrow.png') no-repeat; background-position: right 1rem center;font-size: 1.6rem;color: #333;}
.selectBox.right{margin: 0 0 0 auto;display: flex;justify-content: flex-end;}
.selectBox__select option {}

.term-select-wrap {display: flex;justify-content: center;align-items: center;background-color: #ffffff;border: 1px solid #ddd;height: 4rem;padding: 0 10px;}
.term-select-wrap .term-select {font-size: 1.6rem;padding: 0 15px;color: #333;}
.term-select-wrap .term-select.active {font-weight: bold;}
.term-select-wrap .term-select:not(:last-child) {border-right: 1px solid #ddd;}

/* projectArea */
.projectArea .swiper-container {padding: 0 0 3rem;}
.projectArea .swiper-slide {background: #f6f6f6;}
.projectArea .swiper-slide:hover .project__cntsWrap {opacity: 1;}
.project__img {position: relative; padding-bottom: 75%; background-position: center !important; background-size: cover !important;border: 1px solid #ddd; }
.project__cntsWrap {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.95); padding: 6.5rem 1.5rem 3rem; opacity: 0; transition: .3s ease;}
.projectList.winner{padding-top:3rem; justify-content: center;}
.winner .project__img:before{content: ""; width: 100%; height: 100%; background:url('/images/icon_winner.png') no-repeat calc(100% - 1rem) top; background-size:4.6rem; display: inline-block; position:absolute; left: 0; top:0px;}
.winner .project__img.group_1:before{background:url('/images/icon_winner2.png') no-repeat calc(100% - 1rem) top;}
.winner .project__img.group_2:before{background:url('/images/icon_winner3.png') no-repeat calc(100% - 1rem) top;}
.winner .project__img.group_3:before{background:url('/images/icon_winner3.png') no-repeat calc(100% - 1rem) top;}
.winner .project__img.group_4:before{background:url('/images/icon_winner3.png') no-repeat calc(100% - 1rem) top;}
.winner .project__img.group_5:before{background:url('/images/icon_winner3.png') no-repeat calc(100% - 1rem) top;}
.winner .project__img.group_6:before{background:url('/images/icon_winner3.png') no-repeat calc(100% - 1rem) top;}
.winner .project__img.group_7:before{background:url('/images/icon_winner3.png') no-repeat calc(100% - 1rem) top;}
.winner .project__img.group_8:before{background:url('/images/icon_winner3.png') no-repeat calc(100% - 1rem) top;}
.winner .project__img.group_9:before{background:url('/images/icon_winner3.png') no-repeat calc(100% - 1rem) top;}


.project__cnts {font-size: 1.6rem; font-weight: 400; color: #222222; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.5em; max-height: 6em;}
.project__txtWrap {padding: 2rem 1.5rem; border: 1px solid #dddddd; border-top: none;}
.project__infoList {display: flex; padding: 1.5rem; border: 1px solid #dddddd; border-top: none;}
.project__infoItem {display: flex; align-items: center; margin: 0 1.5rem 0 0;}
.project__infoItem:last-child {margin: 0;}
.project__infoItem:nth-last-child(2) {flex: 1;}
.project__tit {font-size: 1.7rem; font-weight: 500; color: #222222; margin: 0 0 1.5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.3em; height: 2.6em;}
.project__txt {display: block; font-size: 1.6rem; font-weight: 300; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.project__date {display: block; font-size: 1.6rem; font-weight: 300; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 1rem 0 0;}

.project__infoItem.like,
.project__infoItem.star {margin-left:1rem;cursor: pointer;}
.project__infoItem.star {margin-left:1rem;cursor: pointer;}

.projectsSlide.noSlide .swiper-wrapper{gap:2rem}


.projectsSlide.noSlide .swiper-slide {width:36rem}

.project__iconWrap {position: relative; background: none;}
.like .project__iconWrap {width: 1.8rem; height: 1.6rem;}
.view .project__iconWrap {width:2.7rem; height: 1.3rem;}
.star .project__iconWrap {width:2.4rem; height: 2.3rem;}
.comment .project__iconWrap {width:2rem; height: 1.9rem;}
.project__iconWrap img {position: absolute; left: 0; top: 0;}

.project__infoTxt {font-size: 1.6rem; line-height: 1; margin: 0 0 0 1rem;}
.project__infoItem.pcLikeBtn{}
.project__infoItem.pcLikeBtn.like .project__iconWrap {height: 1.7rem;}
.project__infoItem.pcLikeBtn .project__infoTxt {margin: 0 0 0 0.3rem;}
.like .project__infoTxt {color: #349e8f;}

.project__btnWrap {display: flex; justify-content: flex-end; margin: -5rem 0 0; transform: translate(0,-3rem);}
.project__btnMore {display: flex; align-items: center;}
.project__btnTxt {font-size: 1.6rem; font-weight: 600; color: #666666; text-transform: uppercase; margin: 0 1rem 0 0; transition: .3s ease;}
.project__btnMore .circle {position: relative; width: 7.8rem; height: 7.8rem; border-radius: 50%; border: 1px solid transparent; transition: .3s ease;}
.project__btnMore .arrow {position: absolute; width: 6rem; height: 1px; background: #666666; left: 0; top: 50%; transform: translate(0,-50%); transition: .3s ease;}
.project__btnMore .arrow::after {content: ""; position: absolute; right: 0; top: 50%; transform: translate(0,-50%) rotate(45deg); width: 1rem; height: 1rem; border: 1px solid #666; border-left: none; border-bottom: none; transition: .3s ease;}

/* midBanner */
.midBanner {max-width: none; margin: 0 auto;}
.midBanner .swiper-slide {display: flex; align-items: center; padding-bottom: 28.125%; background-position: center !important; background-size: cover !important;}
.midBanner .swiper-slide a {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.midBanner .swiper-pagination-bullet {width: 1.6rem; height: 1.6rem; opacity: 1; background: #cccccc; box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.2); transition: .3s ease; margin: 0 1rem !important;}
.midBanner .swiper-pagination-bullet-active {background: #349e8f;}
.mainVis__tit {font-size: 3.5rem;font-weight: 600;color: #349e8f;margin: 0 0 2rem 0;}
.mainVis__txt {font-size: 2rem; font-weight: 400; color: #fff; line-height: 1.4;position: relative;padding: 0 0rem 0 1rem;}
.mainVis__txt + .mainVis__txt{margin: 0.7rem 0 0 0;}
.mainVis__txt::before{position: absolute;left: 0;top: 0.45rem;content:"";width: 0.3rem;height: 1.7rem;display: block;;background-color: #ed1c24;}
.mainVis__btn {display: flex; align-items: center; justify-content: center; margin: 4rem 0 0; width: 22rem; height: 6rem; font-family: 'Open Sans', sans-serif; font-size: 1.8rem; font-weight: 700; color: #fff; background: #349e8f; border-radius: 4px;}
.mb__tit {display: block; font-size: 5rem; font-weight: 700; color: #fff; line-height: 1; margin: 0 0 3rem;}
.mb__txt--big {font-size: 2.6rem; font-weight: 600; color: #fff; margin: 0 0 1rem;}
.mb__txt--small {font-size: 1.8rem; font-weight: 400; color: #fff; }

.projectArea.contest {background: #f6f6f6;}
.projectArea.contest .swiper-slide {background: #fff;}
.midBanner .swiper-pagination {bottom: 1rem;}

/*************************************subPage**************************************/
.subPage {padding: 10rem 0 6rem; min-height: 60rem;}
.subPage.ver2 {padding: 10rem 0;}
.subPage.member {padding: 15rem 0 0;}
.subTitWrap {position: relative; padding: 10rem 0 3rem; text-align: center; margin: 0 0 5rem;}
.subTitWrap::after {content: ""; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0); width: 5rem; height: 0.3rem; background: #349e8f;}
.subTit {font-size: 3.5rem; font-weight: 700; color: #222222;}
.subTit__txt {font-size: 1.8rem; font-weight: 500; color: #349e8f;margin: 1rem 0 0 0;display: inline-block;}


/* PROJECTS sub */
.subSec .projectList{gap: 1rem;}
.subSec .projectList--items{width: calc((100% - 3rem)/4);}
.subSec .projectList--items:hover .project__cntsWrap{opacity: 1;}




/************** contest *****************/
.pastList {display: flex; flex-wrap: wrap;}
.pastItem {position: relative; width: calc((100% - 2rem) / 2); margin: 0 2rem 2rem 0; }
.pastItem:nth-of-type(2n) {margin: 0 0 2rem;}
.past__photo {position: relative; display: inline-block; width: 100%; padding-bottom: 33.334%; background-position: center !important; background-size: cover !important;}
.past__txtWrap {position: absolute; display: flex; flex-direction: column; justify-content: space-between; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); opacity: 0; transition: .3s ease; padding: 2rem;}
.pastItem:hover .past__txtWrap {opacity: 1;}
.past__tit {font-size: 2rem; font-weight: 500; color: #222; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.2em; height: 3.6em;}
.past__btn {display: flex; align-items: center; justify-content: center; background: #349e8f; color: #fff; width: 12rem; height: 4rem; border-radius: 8px; font-size: 1.6rem; font-weight: 500;}



.contest {background: #f6f6f6;}
.contestList li {display: flex; background: #fff; height: 40rem;}
.contestList li + li {margin: 2rem 0 0;}
.contest__txtWrap {padding: 7rem 4rem 4rem; width: 30rem; border: 1px solid #ddd; border-right: none;}
.contest__tit {font-size: 2.5rem; font-weight: 600; color: #222222; margin: 0 0 2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;  line-height: 1.2em; max-height: 2.4em;}

.contest__txt {display: block; font-size: 1.6rem; font-weight: 300; color: #666666; margin: 0 0 7rem;}
.contest__name {display: block; font-size: 1.6rem; font-weight: 300; color: #666666;}
.contest__val {display: block; font-size: 1.6rem; font-weight: 600; color: #666666; margin: 0 0 3rem;}
.contest__button {display: flex; align-items: center; justify-content: center; width: 12rem; height: 4rem; font-size: 1.6rem; font-weight: 600; color: #fff; background: #349e8f; border-radius: 4px;}
.contest__photo {height: 100%; flex: 1; background-position: center !important; background-size: cover !important;}

.btnMore {max-width: 20rem; height: 6rem; background: #349e8f; color: #fff; width: 100%; font-size: 1.7rem; border-radius: 8px; font-weight: 600;}

.contest__formSec {padding: 4rem 0 0;}
.contest__formTit {max-width: 800px; width: calc(100% - 20px); margin: 0 auto 2rem; font-size: 2.2rem; font-weight: 600; color: #222222;}
.contest__formWrap {max-width: 800px; width: calc(100% - 20px); margin: 0 auto; background: #fff; padding: 3rem 2.5rem; box-shadow: 4px 2px 20px 0 rgba(0,0,0,0.2);}

.tapPart__tit { font-size: 4rem; font-weight: 700; color: #222222; text-align: center;}
.tapPart__cnts {padding: 6rem 0 0; font-size: 1.6rem;}
.tapPart__cnts .flex {display: flex; justify-content: space-between;}
.ov__tit { display: block; font-size: 1.8rem; font-weight: 600; color: #222222; margin: 0 0 2rem;}
.ov__txt { font-size: 1.6rem; font-weight: 400; color: #666666;}
.hiw__minTit {display: block; font-size: 2.6rem; font-weight: 600; color: #222222;  margin: 7rem 0 0.5rem;}
.hiw__imgWrap {display: flex; justify-content: center; align-items: center; margin: 0 0 7rem;}
.hiw__txt { font-size: 1.6rem; font-weight: 400; color: #666666;}
.hiw__tit { display: block; font-size: 1.8rem; font-weight: 600; color: #222222; margin: 2.5rem 0 1rem;}
.tapListWrap {display: flex; background: #fff; justify-content: center; align-items: center; border: 1px solid #e6e6e6;}
.tapList {display: flex; height: 10rem;}
.tapList li {height: 100%;}
.tapList li a { display: flex; height: 100%; align-items: center; padding: 0 3rem; font-size: 1.8rem; font-weight: 500; color: #999999; cursor: pointer;}
.tapList li.active a {font-weight: 500; color: #222222;}
.boardPart {margin: 1rem 0 0; padding: 5rem 10rem 15rem; background: #fff; border: 1px solid #e6e6e6;}
.board__top {display: flex; justify-content: flex-end;}
.board__search {display: flex; align-items: center;}
.boardPart .btn_wrap {display: flex; justify-content: flex-end; margin: 2rem 0 0;}
.boardPart .btn_wrap button { display: flex;align-items: center;justify-content: center;width: 8rem;height: 4rem;background: #349e8f;color: #fff;font-size: 1.6rem;font-weight: 500;border-radius: 4px;}

.txtCountWrap {display: flex; justify-content: flex-end; width: 100%; margin: 0.5rem 0 0;}
.txtCount {font-size: 1.4rem; font-weight: 500; color: #666;}


.bSearch__select ,
.bSearch__input { background: #f6f6f6; border: 1px solid #e6e6e6; height: 5rem; padding: 0 2rem; font-size: 1.6rem; color: #333; font-weight: 400;}
.bSearch__input {width: 31rem; border-right: none; margin: 0 0 0 1rem;}
.bSearch__select {width: 16rem; background:#f6f6f6 url('/images/sub/contest/selectArrow.png') no-repeat; background-position: right 2rem center; }
.bSearch__btn--submit {display: flex; width: 5rem; height: 5rem; border: 1px solid #e6e6e6; border-left: none; background: #f6f6f6; justify-content: center; align-items: center;}

.board__list {padding: 1rem 0 0;}
.board__table {width: 100%; table-layout: fixed;}
.board__table tr {border-bottom: 1px solid #ddd;}
.board__table th { background: #f6f6f6; height: 7rem; font-size: 1.6rem; font-weight: 500; color: #333333;}
.board__table td { font-size: 1.6rem; font-weight: 400; color: #666666; text-align: center;}
.board__table td.noPost {padding: 5rem 0;}
.board__th--num {width: 13rem}
.board__th--auth {width: 11rem;}
.board__th--date {width: 10rem;}
.board__th--vote {width: 10rem;}
.board__th--view {width: 10rem;}
.board__th--status {width: 10rem;}
.online__status {background: #349e8f; color: #fff; border-radius: 4px; padding: 0.5rem 1rem; display:inline-block; min-width:9rem;}

.board__link {display: flex; width: 100%; height: 6.4rem; line-height: 6.4rem; align-items: center; justify-content: flex-start; font-size: 1.6rem; font-weight: 400; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical; word-wrap:break-word; text-align: left; cursor: pointer; transition: .3s ease;}
.board__link:hover {background: #eaeaea;}
span.noti {display: flex; align-items: center; justify-content: center; width: 7rem; height: 3.6rem; background: #349e8f; margin: 0 auto; border-radius: 4px; font-size: 1.3rem; font-weight: 600; color: #fff; }

.board__view {border-top: 2px solid #222; background: #fff; text-align: left;}
.board__view.news {max-width: calc(100% - 20rem); margin: 0 auto;}
.bv__titWrap {padding: 2rem; border-bottom: 1px solid #ddd;}
.bv__tit {display: block; font-size: 2rem; font-weight: 700; margin: 0 0 2rem;}
.bv__titInfo {display: flex; flex-wrap: wrap; gap: 1.5rem;}
.bv__titInfo li {font-size: 1.6rem; font-weight: 300;}
.bv__cnts {font-size: 1.6rem; padding: 2rem; border-bottom: 1px solid #ddd;}
.bv__cnts li {min-width: 14rem;}
.bv__btnDownList {display: flex; gap: 1rem; margin: 3rem 0 0; }
.bv__btnDownLink {display: flex; height: 3.4rem; background: #349e8f; align-items: center; padding: 0 1rem; border-radius: 4px;}
.bv__btnDownTxt {font-size: 1.6rem; font-weight: 600; color: #fff; border-right: 1px solid #fff; padding: 0 1rem 0 0; margin: 0 1rem 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; height: 1.2em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.bv__btmOpt {}
.bv__btmOptLink {display: flex; align-items: center; height: 5rem; border-bottom: 1px solid #ddd; padding: 0 2rem; transition: .3s ease; cursor: pointer;}
.bv__btmOptLink:hover {background: #eaeaea;}
.bv__btmName {font-size: 1.4rem; font-weight: 400; color: #333; margin: 0 1rem 0 0;}
.bv__btmTxt {margin: 0 0 0 1rem; font-size: 1.4rem; font-weight: 500; color: #222; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.2; height: 1.2em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.btnListWrap {display: flex; justify-content: flex-end; margin: 1rem 0 0; gap: 1rem;}
.btnList {display: flex; align-items: center; justify-content: center; width: 8rem; height: 4rem; background: #349e8f; color: #fff; font-size: 1.6rem; font-weight: 500; border-radius: 4px;}

.cf__line {display: flex; position: relative; flex-wrap: wrap; }
.cf__line + .cf__line {margin: 3.5rem 0 0 ;}
.cf__line.noMar {margin: 1rem 0 0;}
.cf__lineWrap {display: flex; width: 100%;position: relative;}
/* .cf__lineWrap + .cf__lineWrap {margin: 2rem 0 0;} */
.cf__lineInner {position: relative; flex: 1;    margin: 0 0 2rem;}
.cf__lineInner.zip {flex: initial; width: 12rem;}
.cf__lineInner + .cf__lineInner {margin: 0 0 0 2rem;}
.contest__formWrap input {width: 100%; height: 5rem; border: 1px solid #ddd; padding: 0 2.3rem 0 1.5rem; font-size: 1.6rem; font-weight: 400; color: #222;}
.contest__formWrap input::placeholder {color: #999999}
.contest__formWrap textarea {width: 100%; border: 1px solid #ddd; padding: 1rem; font-size: 1.6rem; font-weight: 400; color: #222; height: 8rem;}
.contest__formWrap textarea::placeholder {color: #999999}
.contest__formWrap select {width: 44.6rem; height: 5rem; border: 1px solid #ddd; padding: 0 1rem; background: url('/images/sub/contest/select_arrow.png') no-repeat; background-position: right 1rem center;font-size: 1.6rem;color: #999999;    font-family: 'Poppins', sans-serif;}
.cf__name {display: block; font-size: 1.6rem; font-weight: 500; color: #222222; margin: 0 0 1rem; width: 100%;font-family: 'Poppins', sans-serif;}
.cf__name>span{font-weight: 400; color: #999999;}
.cf__name.bold{font-weight: 700;}
.cf__btnAdd {height: 5rem; align-self: flex-end; margin: 0 0 2rem 0.5rem; width: 5rem; background: #fff; color: #349e8f; border-radius: 4px; font-size: 2.5rem; font-weight: 500; transition: .3s ease;}
.cf__btnAdd.subtract {background: #fff; border: 1px solid #349e8f; color: #349e8f;}
/* .cf__line .warningTxt {position: absolute; top: 100%;} */
.cf__btnAdd:hover {background: #349e8f; color: #fff;}

.attFiles {align-items: center;display: flex;position:relative;font-size: 1.6rem;margin: 0.5rem 0 0;padding: 0rem 2rem 1rem 1rem;font-size: 1.4rem;vertical-align: top;border-radius: 4px;color: #333;min-width: 2rem;font-weight: 500;}
.attFiles > a{margin: 0 0.3rem;font-weight: 600;text-decoration: underline;}
.attFiles > a:hover{color:#359e8f;}
.fileRemove{background-color: #359e8f;position: relative;/* right: 0; */margin: 0 0 0 0.5rem;color: #fff !important;width: 2rem;height: 2rem;display: flex;align-items: center;justify-content: center;text-decoration: none !important;border-radius: 4px;font-size: 1.2rem;}

.fullInput{width: 100%;}
.label__file {cursor: pointer; display: flex; width: 100%; border: 1px solid #ddd; height: 5rem;}
.labelFile__tit {display: flex; align-items: center; justify-content: center; width: 10rem; height: 100%; color: #fff; font-size: 1.4rem; font-weight: 500; background: #666666;}
.labelFile__txt {display: flex; width: calc(100% - 10rem); align-items: center; padding: 0 1rem; font-size: 1.4rem; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.cf__photoWrap {display: flex; align-items: center;}
.cf__line .profile__photo {border: 1px solid #ddd; border-radius: 0; width: 16.6rem; height: 14.6rem;}
.cf__photoTxt {font-size: 1.6rem; font-weight: 400; color: #999999; padding: 0 0 0 3rem;}

.cf__coverImage {}
.cf__coverImage p {font-size: 16px; color: #999990;margin: 5px 0;}
.cf__coverImage .cf__imageUrl { display: flex; }
.cf__coverImage .cf__imageUrl button { white-space: nowrap; background-color: #349e8f; color: #ffffff; padding: 0 20px; border-radius: 0 5px 5px 0;}

.contest__formWrap .cf__flexBox{display: flex;width: 100%;gap: 2rem;}
.contest__formWrap .cf__comboBox{height: 17rem;width: 100%;background: #fff;font-size: 1.6rem;font-weight: 500;}
.contest__formWrap .cf__comboBox option{padding: 0.5rem 0;color: #000;}
.contest__formWrap .cf_selectWrap{width: calc((100% - 4rem)/3);}

.cf__etc{font-size: 1.6rem;margin: 1.2rem 0rem;color: #999999;letter-spacing: 0.025rem;line-height: 1.5;}
.cf__etc .underPoint{letter-spacing: 0.025rem;}
.underPoint{color: #359e8f;text-decoration: underline;}


.docFileArea{flex-direction: column;}

/* selectBox */
.lbjs {margin: 0px;border: 1px solid #CCC;border-radius: 4px;background: #FCFCFC;height: 100%;max-height: 17rem;}
.lbjs .lbjs-list {margin: 0px;overflow: auto;height: 100%;}
.lbjs .lbjs-list .lbjs-item {margin: 0px;padding: 7px 5px;font-size: 1.6rem;cursor: pointer;color: #999999;font-family: 'Poppins', sans-serif;}
.lbjs .lbjs-list .lbjs-item.selected {background : #999999;color: #fff;}
.lbjs .lbjs-list .lbjs-item:hover {background : #999999;color: #fff;}
.lbjs .lbjs-searchbar-wrapper {margin: 0px;margin-right: 12px;}
.lbjs .lbjs-searchbar {margin: 0px;margin-bottom: 10px;width: 100%;padding: 3px 5px;border: 1px solid #ccc;}


/* CONTEST - PROJECT */
.components__innerBox{display: flex;width: 100%;}
/* .components__innerBox + .components__innerBox{margin: 2rem 0 0 0;} */
.components__innerBox .cf__lineInner.fManual{flex: none;}
.cf__lineInner.fSmall{width: 6rem;margin: 0 0 0 0.5rem;}
.cf__lineInner.fSmall input[type="text"]{padding: 0 1rem; text-align: center;}
.cf__lineWrap.components{flex-wrap: wrap;position: relative;}

.cf_componentsBoxWrap{width: 100%;margin: 2.5rem 0 0 0;}
.cf_componentsBox{width: 100%;border-bottom: 1px solid #eeeeee;padding: 0 0 1.5rem 0;}
.cf_componentsBox + .cf_componentsBox{margin: 1.5rem 0 0 0;}
.cf_componentsBox--inBox{display: flex;justify-content: space-between;margin: 0 0 0.5rem 0;align-items: center;}
.cf_componentsBox--titleBox{display: flex;font-size: 1.6rem;font-weight: 600;align-items: center;flex-wrap: wrap;}
.cf_componentsBox__title{display: inline-flex;align-items: center;font-size: 1.6rem;font-weight: 600;color: #222222;}
.cf_componentsBox__title + .cf_componentsBox__title{position:relative;padding: 0 0 0 3rem;}
.cf_componentsBox__title + .cf_componentsBox__title::before{content:"";position:absolute;left:1.5rem;top:0.3rem;height: 1.2rem;width: 0.1rem;background-color: #dddddd;}
.cf_componentsBox__text{font-size: 1.6rem;color: #666666;margin: 0 0 1rem 0;}
.cf_componentsBox__title.file img{margin: 0 0.5rem 0 0;}
.cf_componentsBox__title span{font-size: 1.6rem;font-weight: 600;color: #222222;}
/* .cf_componentsBox__title.file span{color: #349e8f;} */


.cf_componentsBox--LinkBox{background-color: #eef6f5;border-radius: 4px;padding: 1rem;}
.cf_componentsBox__Link{font-size: 1.3rem;color: #349e8f;align-items: center;display: flex;flex-wrap: wrap;}
.cf_componentsBox__Linkicon{margin: 0 1rem 0 0rem;width: 1.5rem;}
.cf_componentsBox__LinkTxt{width: calc(100% - 2.5rem);word-break: break-all;font-weight: 500;letter-spacing: 0.015rem;}

/* .contest__formWrap input[name="Link"]{width: calc(100% - 5.5rem)} */

/* .cf__name + .cf__lineWrap.document{padding: 0 0 3rem;} */

/* .cf__lineWrap.document{padding: 3rem 0 3rem;}
.cf__lineWrap.document + .cf__lineWrap.document{} */




.onlyPc{display: none;}


.labelChkWrap {position: relative; display: flex; margin: 2rem 0 0;}
.labelChk {display: flex; align-items: center; cursor: pointer;}
.labelChk__box {position: relative; display: inline-block; width: 2rem; height: 2rem; border: 1px solid #ddd;}
.labelChk__box::after {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1rem; height: 1rem; background: #349e8f; transition: .3s ease; opacity: 0;}
input:checked + .labelChk__box::after {opacity: 1;}
.labelChk__txt {font-size: 1.6rem; font-weight: 400; color: #349e8f; margin: 0 0 0 1rem;}
.btnRightWrap {position: relative; display: flex; max-width: 800px; width:calc(100% - 20px); margin: 2rem auto 0; justify-content: flex-end; height: 5.2rem;}
.btnWrap{position: relative; display: flex; max-width: 800px; width:calc(100% - 20px); margin: 2rem auto 0; justify-content: center; height: 5.2rem;}
.btnWrap > * ,
.btnRightWrap > * {width: 15.6rem; display: flex; align-items: center; justify-content: center; border-radius: 4px; font-size: 1.6rem; font-weight: 500; color: #fff;}
.btnWrap > * + *,
.btnRightWrap > * + * {margin: 0 0 0 1rem;}

.btnSave {background: #349e8f;}
.btnNext {background: #999999;}
.btnPrev {position: absolute; left: 0; top: 0; background: #999999; height: 100%;}
.se__btnSubmit {background: #fff; border: 2px solid #349e8f; color: #349e8f;}
.labelChkWrap .warningTxt {position: absolute; left: 0; top: 100%;}


.cf__radioWrap {display: flex; flex-wrap: wrap;}
.labelRdi {display: flex; cursor: pointer; align-items: center; margin: 0 2rem 1rem 0;}
.labelRdi:last-child {margin: 0 0 1rem;}
.labelRdi__box {position: relative; display: inline-block; width: 2.6rem; height: 2.6rem; border-radius: 50%; border: 1px solid #222222;}
.labelRdi__box::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 1.4rem; height: 1.4rem; background: #222222; border-radius: 50%; opacity: 0; transition: .3s ease;}
input:checked + .labelRdi__box::after {opacity: 1;}
.labelRdi__txt {margin: 0 0 0 0.8rem; font-size: 1.6rem; font-weight: 400; color: #666666;}

.cf__tit {display: block; font-size: 1.7rem; font-weight: 600; color: #222222; width: 100%;}
.cf__btnCode {width: 12rem; height: 5rem; align-self: flex-end; margin: 0 0 0 1rem; border-radius: 4px; background: #666666; color: #fff; font-size: 1.4rem; font-weight: 500;}

/* view */
.view__inner {display: flex; background: #fff; margin: 5rem auto 0; border: 1px solid #dddddd; justify-content: space-between;}
.view__left {position: relative; width: 25rem; }

.viewNav {position: absolute; left: 0; top: 0; background: #fff; width: 100%; transition: .4s ease;}
.viewNav__list {padding: 3.5rem 0;}
.viewNav__item {cursor: pointer; padding: 1.4rem 2rem;}
.viewNav__item span {font-size: 1.6rem; font-weight: 500; color: #999999; transition: .3s ease;}
.viewNav__item.on span,
.viewNav__item:hover span {color: #359e8f;}
.viewNav__btm {padding: 0 2rem; display: flex; align-items: center;}
.viewNav__btm > * {font-size: 0;}

.btnMyProject{border-radius: 4px;margin: 3rem 0 0 0;width: calc(100% - 1rem);overflow: hidden;}
.btnMyProject--items{}
.btnMyProject--items + .btnMyProject--items{border-top: 1px solid #fff;}
.btnMyProject--items > a{font-size: 1.4rem;padding: 0 1rem;width: 100%;display: flex;align-items: center;background-color: #ddd;color: #444;width: 100%;height: 4rem;font-weight: 500;}
.btnMyProject--items > a img{margin: 0 0.7rem 0 0;}
.btnMyProject--items > a + a{}

.btnMyProject--items > a:hover{color: #fff;background-color: #349e8f;}

.userInfoPart .btnMyProject{display: none;}


/* view__cnts */
.view__cnts {flex: 1; border: 1px solid #ddd; border-top: none; border-bottom: none;word-break: normal !important;width: calc(100% - 40rem - 25rem);}
.userInfoPart {padding: 4rem; border-bottom: 1px solid #ddd;}
.userInfoPart.ver2 {padding: 0; border-bottom: 0; align-items: center;}
.info__inner {display: flex;}
.info__inner{position: relative;}

.info__inner.markProject::before {content: "UCC";top: -0.5rem;left: auto;right: 1.5rem;}
.info__inner.markReseller::before {content: "VAR";top: -0.5rem;left: auto;right: 1.5rem;}
.info__inner.markWcc::before {content: "WCC";top: -0.5rem;left: auto;right: 1.5rem;}


.vp__photo {width: 6rem; height: 6rem; border-radius: 50%; background-position: center !important; background-size: cover !important;}
.vp__txtWrap {padding: 0 0 0 2rem;}
.userInfoPart.ver2 .vp__name {width: 100%;}
.userInfoPart.ver2 .vp__txtWrap {display: flex; align-items: center; flex-wrap: wrap;}
.vp__time {display: block; font-size: 1.6rem; font-weight: 400; color: #999999;}

.vp__name {display: block; font-size: 2rem;}
.vp__txtWrap .vp__name {margin-bottom:0.5rem;}
.vp__introTxt {font-size: 1.6rem; font-weight: 400; color: #666666; margin: 0 0 1.5rem;}
.vp__bottom {display: flex; justify-content: space-between; flex-wrap: wrap;}
.vp__btmList {display: flex; margin: 0 3rem 0 0; flex-wrap: wrap;}
.vp__btmItem {font-size: 1.6rem; font-weight: 500; color: #222222;}
.vp__btmItem + .vp__btmItem {margin: 0 0 0 1.2rem;}
.vp__btmItem a {color: #349e8f;}
.vp__btmBtn {color: #349e8f; font-size: 1.6rem;}

.vp__etc{margin: 2rem 0 0 0;}
.vp__etcInner{display: flex;align-items: center;}
.vp__etc .target__link__img{margin: 0 0 0 0rem;}
.vp__etc .target__link{margin: 0 0 0 1rem;width: 2.7rem;height: 2.7rem;position: relative;}
.vp__etcTxt{font-size: 2rem;font-weight: 500;}


.vc__article {padding: 6rem 5rem;}
.vc__tit {font-size: 4rem; font-weight: 600; color: #222222; line-height: 1.3; margin: 0 0 1.5rem;}
.vc__titTxt {font-size: 1.8rem; font-weight: 400; color: #666666; margin: 0 0 3rem; line-height: 1.45;}
.vc__target {margin: 0 0 4rem;}
.creditPart {margin: 0 0 4rem;}
.target__tit {display: block; font-size: 2.6rem; font-weight: 600; color: #222222; margin: 0 0 3rem;}
.target__subTit {display: block; font-size: 2rem; font-weight: 600; color: #222222; margin: 2rem 0;}
.target__inner+.target__subTit {margin-top:3rem;}
.target__img {position: absolute;left: 0;top: 1rem;display: flex;align-items: center; margin: 0 0.5rem 0 0;}
.target__img img {position: absolute; left: 0; height: 3.5rem; object-fit:contain; object-position: center center; display: flex; align-items: center; justify-content: center; margin: 0 1rem 0 0; max-width: 3.5rem; width: 3.5rem;}
.target__name {display: inline-block;}

.target__colorTxt {font-size: 1.8rem; color: #349e8f; margin: 0 14rem 0 4.5rem;}
.target__colorTxt.nLink{color: #222;}

.target__inner.nReg .target__colorTxt{margin: 0 14rem 0 0; color:#939393;}
.target__inner.nReg .target__count{color:#939393;}
.target__inner.nReg .target__txt {color: #939393;}

.target__txt {font-size: 1.6rem; font-weight: 400; color: #666666;}
.target__etc + .target__txt {margin-top:0.5rem;}
.target__txt .link {color: #349e8f;}


.target__etc{position: absolute;right: 0;top: 1rem;display: flex;align-items: center;/* transform: translate(0px, -0.5rem); */z-index: 3;width: 12rem;}
.target__count{position: absolute;font-size: 1.6rem; margin: 0 1.8rem 0.4rem 0;color: #222;left: 0;}
.target__link{width: 3.5rem;position: absolute;right: 0;height: 3.5rem;background-color: #fff;border: 1px solid #ddd;border-radius:4px;display: flex;align-items: center;justify-content: center;text-align: center;margin: 0 1rem 0 0;}
.target__link__img{width: 2.2rem;height: 2.2rem;}

.target__inner{position: relative;}

.target__line {display: block; border: none; height: 1px; background: #dddddd; margin: 1.5rem 0;}
.dotListWrap {margin: 3rem 0;}
.dotList__tit {display: block; font-size: 1.6rem; font-weight: 600; color: #222222; margin: 0 0 0.5rem;}
.dotItem {position: relative; padding: 0 0 0 1rem; font-size: 1.6rem; font-weight: 400; color: #666666;}
.dotItem + .dotItem {margin: 0.5rem 0 0;}
.dotItem::before {content: ""; position: absolute; top: 1rem; width: 0.3rem; height: 0.3rem; background: #747474; left: 0;}
.dotItem a {display: inline-block; position: relative; color: #349e8f;}
.dotItem a::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #349e8f;}
.cmt__txtarea {width: 100%; padding: 1rem; border: 1px solid #ddd; font-size: 1.6rem; font-weight: 400; color: #222; height: 10rem;}
.cmt__txtarea::placeholder {color: #ccc;}
.cmt__btnWrap {display: flex; justify-content: flex-end; margin: 1rem 0 0;}
.cmt__btnSubmit {justify-content: center; height: 3.8rem; padding: 0 1.5rem; border-radius: 4px; background: #349e8f; color: #fff; font-size: 1.4rem;}
.cmt__txt {width: 100%; font-size: 1.6rem; font-weight: 400; color: #666666; line-height: 1.8; margin: 3rem 0 0;}
.vp__txtWrap.cmt {padding: 1rem 0 2rem 2rem; flex: 1;}

.cmt__item {padding: 2rem 0 0; border-bottom: 1px solid #ddd;}
.cmt__btnWrap {display: flex;}
.cmt__btnWrap > * {background: none; font-size: 1.6rem; font-weight: 600; color: #349e8f;}
.cmt__btnWrap > * + * {margin: 0 0 0 2rem;}

.cmt__list2 {background: #f6f6f6; border-top: 1px solid #ddd;}
.cmt__list3 {border-top: 1px solid #ddd;}
.cmt__item2 {position: relative; padding: 3rem 0 0; background: #f6f6f6 url('/images/sub/contest/comment_arrow.png') no-repeat; background-position: left 3rem top 5rem; border-bottom: 1px solid #ddd;}
.cmt__item3 {position: relative; padding: 3rem 0 0; background: #f6f6f6 url('/images/sub/contest/comment_arrow.png') no-repeat; background-position: left 8rem top 5rem; border-bottom: 1px solid #ddd;}
.cmt__item2:last-child {border: none;}
.cmt__item3:last-child {border: none;}

.cmt__item2 .userInfoPart {padding: 0 0 0 7rem;}
.cmt__item3 .userInfoPart {padding: 0 0 0 12rem;}

.cmt2part {background: #f6f6f6; border-top: 1px solid #ddd; padding: 2rem;}
.cmt2part .target__subTit {margin: 0rem 0 1rem 0; }


.target1__list {display: flex; flex-wrap: wrap;}
.target1__item {margin: 0 4rem 1rem 0;}
.target1__item:last-child {margin: 0 0 1rem;}
.target1__itemTit {font-size: 1.6rem; font-weight: 500; color: #222; margin: 0 0 0.5rem;}
.target1__itemList {display: flex; flex-wrap: wrap;}
.target1__greyBox {display: flex; font-size: 1.4rem; font-weight: 400; color: #fff; height: 3.8rem; padding: 0 1rem; border-radius: 4px; align-items: center; background: #999999;}
.target1__greyBox + .target1__greyBox {margin: 0 0 0 1rem;}

.rightNav {width: 40rem; padding: 4rem;}
.vr__navitem {margin: 0 0 1.5rem;}
.vr__navTit {font-size: 1.6rem; font-weight: 500; color: #222222; margin: 0 0 1rem;}
.vr__linkList {display: flex; flex-wrap: wrap;}
.vr__link {display: flex; background: #999999; color: #fff; height: 3.8rem; align-items: center; justify-content: center; padding: 0 1rem; border-radius: 4px; font-size: 1.4rem; margin: 0 1rem 1rem 0;}
.vr__link:last-child {margin: 0 0 1rem;}
.vr__navList .vr__link{cursor:default;}
.vr__navPhotoList li + li {margin: 1rem 0 0;}
.vr__navPhotoLink {display: flex; align-items: center;}
.vr__navPhoto {width: 9rem; height: 6.8rem; background-position: center !important; background-size: cover !important;}
.vr__photoTxt {flex: 1; padding: 0 0 0 2rem; font-size: 1.4rem; line-height:1.3; font-weight: 400; color: #666666; transition: .3s ease; word-break:break-all;}
.vr__navPhotoLink:hover .vr__photoTxt {font-weight: 500; color: #222222;}

.vr__btmBtn {display: flex; margin: 3rem 0 0; align-items: center;}
.vr__btmBtnTxt {font-size: 1.6rem; font-weight: 500; color: #222222; margin: 0 1.5rem 0 0;}

.document__item {display: flex; justify-content: space-between; background: #f8f8f8; padding: 1.5rem 2rem;}
.document__item + .document__item {margin: 1rem 0 0;}
.document__tit {display: block; font-size: 1.6rem; font-weight: 600; color: #222222;}
.document__txt {font-size: 1.6rem; color: #666666; font-weight: 400; color: #666666;line-height: 1.6;}

.document__linkWrap {display: flex; align-items: center;}
.ducument__link {display: inline-block; position: relative;}
.ducument__link + .ducument__link {margin: 0 0 0 3rem;}
.ducument__link img {position: absolute; left: 0; top: 0; width: 100%;}

/************** mypage ***************/
.profileArea {display: flex; padding: 5rem 20rem; min-height: 40rem;}
.profile__photo {width: 12rem; height: 12rem; border-radius: 50%; overflow: hidden; background: url('/images/sub/member/noImage.jpg') no-repeat; background-size: cover !important; background-position: center !important; margin: 0 5rem 0 0; position: relative;}
.profile__photo.uploaded:before{content: ""; width: 100%; height: 100%; background: url('/images/sub/member/update_photo.png') no-repeat center center; display: inline-block; position:absolute; left: 0; top:0px; opacity: 0.6; mix-blend-mode:luminosity}
.btns.myPicBtnDel>*{display: flex; margin:1rem auto 0; height: 3rem; background: #349e8f; border-radius: 4px; color: #fff; font-weight: 400; font-size: 1.6rem; width: 10rem; justify-content: center; align-items: center;}
.profile__txtWrap {padding: 3rem 0 0; flex: 1;}
.profile__txtWrap.mid { width: 43rem; margin: 0 2rem 0 0; }
.profile__txt--name {display: block; font-size: 3rem; font-weight: 600; color: #222222;}
.profile__amountList {display: flex;flex-wrap: wrap;}
.profile__amountList li {font-size: 1.8rem; font-weight: 500; color: #222222;width: 33.3333%;}
.profile__amountList li:nth-child(n+4) {margin-top: .5em;}
.profile__amountLink {color: #349e8f;}
.btn__edit {display: flex; align-items: center; justify-content: center; width: 15rem; height: 5.4rem; background: #349e8f; color: #fff; font-size: 1.8rem; border-radius: 4px; margin: 2rem 0 0;}
.btn__follow {display: flex; align-items: center; justify-content: center; width: 15rem; height: 5.4rem; background: #349e8f; color: #fff; font-size: 1.8rem; border-radius: 4px; margin: 2rem 0 0;cursor: pointer;}
.btn__unfollow {display: flex; align-items: center; justify-content: center; width: 15rem; height: 5.4rem; border:3px solid #349e8f; color: #fff; font-size: 1.8rem; border-radius: 4px; margin: 2rem 0 0;cursor: pointer;color: #349e8f}

.profile__miniTit {font-size: 1.6rem; font-weight: 500; color: #222222; display: block;}
.profile__txt {font-size: 1.6rem; font-weight: 400; color: #666666;}
.profile__txt.green {background: #349e8f; color: #fff; padding: 1rem 1.5rem; border-radius: 4px; height: auto;}
.profile__infoList {margin: 4rem 0 0;}
.profile__infoList li {display: flex;}
.profile__infoList .profile__miniTit {min-width: 8rem;}
.profile__infoList .profile__txt {flex: 1;}

.profileTap {display: flex; justify-content: center; min-height: 6rem; background: #fff; flex-wrap: wrap;}
.profileTap.ver2 {padding: 4rem 0 0; min-height: 10rem; background: #fff;}
.profileTap li {position: relative; display: flex; align-items: center; justify-content: center; margin: 0 4rem 0 0; padding: 0 0 1rem; cursor: pointer; transition: .3s ease;}
.profileTap li:last-child {margin: 0; padding: 0 0 1rem;}
.profileTap li::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.3rem; background: #359e8f; opacity: 0; transition: .3s ease; visibility: hidden;}
.profile__txt {font-size: 1.6rem; font-weight: 500; color: #999999; transition: .3s ease;}
a.profile__txt {display: flex; height: 100%; align-items: center; justify-content: center;}

.profileTap li.active::after {opacity: 1; visibility: visible;}
.active .profile__txt {color: #222222;}
.active .profile__txt.green {color: #fff;}

.iconWarning {position: absolute; display: flex; left: calc(100% + 0.2rem); top: 1.5rem; font-size: 1.2rem; width: 1.8rem; height: 1.8rem; background: #ed1c24; border-radius: 50%; color: #fff; align-items: center; justify-content: center; font-weight: 700;}

.form__searchWrap {position: relative; width: 100%;}
.searchRes__wrap {position: absolute; left: 0; width: 100%; background: #fff; max-height: 20rem; overflow: auto; border: 1px solid #ddd; border-top: none; z-index: 3;}
.searchRes__list {}
.searchRes__list button {display: block; padding: 0.8rem 1rem; font-size: 1.6rem; transition: .3s ease; cursor: pointer; width: 100%; text-align: left; background: #fff;}
.searchRes__list button:hover {background: #eaeaea;}

/* projectPart */
.tapPart {background: linear-gradient(to bottom, #e7f3f1 0, #f4f9f8 20%, #fff); padding: 6rem 0 6rem; transition: .3s ease; opacity: 0; display: none;}
.tapPart.ver2 {background: none; padding: 8rem 0 0;}
.tapPart.on {display: block;}
.tapPart.visible {opacity: 1;}
.projectList {display: flex; flex-wrap: wrap;}
.projectItem {width: calc((100% - 6rem) / 4); margin: 0 2rem 2rem 0;}
.projectItem:nth-of-type(4n) {margin: 0 0 2rem;}
.projectItem a:hover .project__cntsWrap {opacity: 1;}

.projectItem a{position: relative;}
.projectItem.draft a::before{content:"";position:absolute;display:block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);z-index: 2;}
.projectItem.draft a::after{content:"draft";position:absolute;display:block;padding: 0.5rem 1rem;background-color: #519b8e;border-radius: 4px;color: #fff;bottom: 1.5rem;right:1.5rem;z-index:3;font-size: 1.6rem;}

.projectList--items{position: relative;}
.markReseller::before{content:"VAR";position:absolute;display:block;padding: 0.5rem 1rem;background-color: #34729e;border-radius: 4px;color: #fff;top: 1.5rem;left:1.5rem;z-index:3;font-size: 1.6rem;}
.markProject::before{content:"UCC";position:absolute;display:block;padding: 0.5rem 1rem;background-color: #519b8e;border-radius: 4px;color: #fff;top: 1.5rem;left:1.5rem;z-index:3;font-size: 1.6rem;}
.markWcc::before{content:"WCC";position:absolute;display:block;padding: 0.5rem 1rem;background-color: #519b8e;border-radius: 4px;color: #fff;top: 1.5rem;left:1.5rem;z-index:3;font-size: 1.6rem;}


body .select2-container{width: 100% !important;max-width: 31rem;}

body .select2-container--default .select2-selection--single{border-radius: 0 !important;border: 0.1rem solid #ddd;}
body .select2-container--default .select2-selection--single .select2-selection__rendered{width: 100%;height: 5rem;padding: 0 2rem 0 1rem;font-size: 1.6rem;font-weight: 400;color: #222;}
body .select2-search--dropdown{padding: 1rem;}
body .select2-container--default .select2-selection--single .select2-selection__arrow,
body .select2-container--default .select2-selection--single .select2-selection__rendered,
body .select2-container .select2-selection--single{height: 5rem;line-height: 4.8rem;}
body .select2-container--default .select2-results>.select2-results__options{font-size: 1.6rem !important;}
body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color: #359e8f;}
body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .part-name_txt{color: #fff;}
body .select2-container--default .select2-results__option--highlighted .part-name_txt{color: #fff;}
body .select2-container--default .select2-results__option--highlighted .part-link{color: #fff;}

body .select2-container--default .select2-selection--single .select2-selection__rendered{background: url(/images/sub/contest/select_arrow.png) no-repeat;background-position: right 1rem center;}
body .select2-container--default .select2-selection--single .select2-selection__arrow{display: none;}


.select2-results__option{font-size: 1.5rem !important;}
/* edit */
.form__list {width: calc(100% - 20px); max-width: 600px; margin: 0 auto;}
.form__item {display: flex; flex-wrap: wrap;}
.form__item + .form__item {margin: 4rem 0 0;}
.form__tit {display: block; width: 100%; font-size: 1.6rem; font-weight: 500;  margin: 0 0 1rem;}

.form__list select,
.form__list input[type='password'],
.form__list input[type='text'],
.form__list textarea { width: 100%; border: 1px solid #dddddd; height: 7rem; padding: 1rem; font-size: 1.6rem;}
.form__list input + input {margin: 1rem 0 0;}
.form__list input.readonly {background: #eaeaea;}
.form__list select {background: #fff url('/images/sub/icon_select.png') no-repeat; background-position: center right 1rem;}
.form__subTxt {display: flex; justify-content: space-between; width: 100%; margin: 1.5rem 0 0;}
.form__subTxt p {font-size: 1.6rem; font-weight: 400; color: #999999;}

.btm__btnWrap {display: flex; justify-content: center; margin: 6rem 0 0;}
.btnCancel {display: flex; align-items: center; justify-content: center; width: 15.6rem; background: #999999; border-radius: 4px; font-size: 1.6rem; font-weight: 600; color: #fff;}
.btm__btnWrap .btnSubmit {width: 15.6rem}
.btnCancel + .btnSubmit {margin: 0 0 0 1rem;}

/* account */
.form__item .social__btnWrap {width: 100%; text-align: center;}
.profile__topPhoto {text-align: center; padding: 0 0 5.5rem;}
.label__photoInput {text-align: center; display: inline-block; cursor: pointer; }
.label__photoInput .profile__photo {background: url('/images/sub/member/update_photo.png') no-repeat; margin: 0;}


/* etc */
.etc {background: #f2f2f2;}
.etc__inner {margin-top: 4rem; background: #fff; padding: 4rem; border-radius: 4px;}

.noPost {font-size: 2rem; text-align: center; width: 100%; padding: 5rem 0 0; font-weight: 500;}
.preparing {width: calc(100% - 20px); display: flex; align-items: center; justify-content: center; font-size: 3rem; font-weight: 500; height: calc(100vh - 50rem); min-height: 40rem;}

.cropLy-header {display: flex; justify-content: space-between; align-items: center; margin: 0 0 2rem; padding: 0 0 1rem; border-bottom: 1px solid #ddd;}
.cropLy-title {font-size: 2rem; font-weight: 500;}
.cropLy-title + button {background: none; font-size: 2rem;}
.cropLy-footer {display: flex; justify-content: flex-end; margin: 1rem 0 0; gap: 1rem; padding: 1rem 0 0; border-top: 1px solid #ddd;}
.cropLy-footer button {display: flex; align-items: center; justify-content: center; padding: 1rem 2rem; border-radius: 4px; color: #fff; background: #6c757d; font-size: 1.6rem; }
.cropLy-footer button + button {background: #349e8f;}

.newsList__wrap {background: #fff; padding: 3rem 0 10rem;}
.newsList {text-align: left;}

.newsList__link {position: relative; padding: 2rem 10rem; display: flex; justify-content: space-between; align-items: center; transition: .3s ease;}
.newsList__link:hover {background: #eaeaea;}
.newsList__link::after {content: ""; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,0); width: calc(100% - 20rem); height: 1px; background: #ddd;}
.newsList__photo {max-width: 30rem; width: 100%; height: 22.6rem; background-position: center !important; background-size: cover !important; order: 2;}
.newsList__tit {display: block; font-size: 3rem; color: #222222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 2rem;}
.newsList__txt {font-size: 1.8rem; font-weight: 400; color: #666666;}
.newsList__txtWrap {position: relative; padding: 0 2rem 0 0; max-width: calc(100% - 40rem);min-height: 20rem;}
.newsList__date {position: absolute; left: 0; bottom: 0; font-size: 1.6rem; font-weight: 400; color: #666666;}


/* .news__item:nth-of-type(1) .newsList__link {display: block;}
.news__item:nth-of-type(1) .newsList__txtWrap {padding: 0; max-width: 100%; min-height: 0;}
.news__item:nth-of-type(1) .newsList__photo {max-width: 120rem; margin: 0 auto; padding-bottom: 31.539%;}
.news__item:nth-of-type(1) .newsList__tit {font-size: 4rem; font-weight: 600; margin: 2rem 0;}
.news__item:nth-of-type(1) .newsList__txt {font-size: 2rem; font-weight: 400; color: #666666; margin: 0 0 2rem;}
.news__item:nth-of-type(1) .newsList__date {position: relative; font-size: 2rem; font-weight: 400; color: #666666;} */

.pagingWrap {display: flex; justify-content: center; margin: 5rem 0 0; height: 4rem;}
.pagingList {display: flex; align-items: center; margin: 0 1rem; height: 100%;}
.pagingList li {height: 100%; font-size: 1.6rem;}
.pagingWrap a {position: relative; display: flex; height: 100%; width: 4rem; align-items: center; justify-content: center;}
.pagingWrap a::after {content: ""; position: absolute; box-sizing: border-box; width: calc(100% + 1px); height: calc(100% + 1px); left: 0; top: 0; border: 1px solid #ddd;}
.pagingWrap a.disabled{cursor: default;}
.pagingWrap>a+a{margin-left:-1px;}
.paging__current {position: relative; display: flex; width: 4rem; height: 100%; align-items: center; justify-content: center; font-size: 1.6rem; font-weight: 400; background: #222222; color: #fff;}
.paging__current::after {content: ""; position: absolute; box-sizing: border-box; width: calc(100% + 1px); height: calc(100% + 1px); left: 0; top: 0; border: 1px solid #222222;}

.view__inner.search {display: flex;}
.sr__sort {padding: 6rem 3rem; border-right: 1px solid #ddd; width: 30rem;}

.sr__searchitem {padding: 3rem 0; border-bottom: 1px solid #ddd;}
.sr__searchitem input{background: #f6f6f6; border: 1px solid #e6e6e6; height: 4rem; padding: 0 2rem; font-size: 1.6rem; color: #333; font-weight: 400; width:100%}

.sr__sortItem {padding: 3rem 0; border-bottom: 1px solid #ddd;}
.sr__sortItem:last-child {border: none;}
.sr__bigTit {display: block; font-size: 1.8rem; font-weight: 600; color: #222222;}
.sr__tit {font-size: 1.6rem; font-weight: 600; color: #222222; margin: 0 0 1rem;}
.sr__sort .labelChk__txt {font-size: 1.6rem; font-weight: 400; color: #666666; flex: 1;}
.sr__sort .labelChk {padding: 0.8rem 0;}
.btn__srMore {font-size: 1.3rem; font-weight: 500; color: #999999; background: none; margin: 1rem 0 0 ;}
.btn__srReset {display: flex; align-items: center; background: none;  width: 9rem; height: 3.6rem; background: #f5f5f5; border: 1px solid #e6e6e6; border-radius: 4px; justify-content: center; }
.btn__srReset span {font-size: 1.3rem; font-weight: 500; color: #222222; margin: 0 0.5rem 0 0; letter-spacing: 0.5px;}

.sr__cnts {flex: 1; padding: 5rem;}
.sr__titWrap {position: relative; margin: 0 0 2rem; padding: 0 18rem 2rem 0;  border-bottom: 1px solid #ddd;}
.src__bigTit {font-size: 4rem; font-weight: 700; color: #222222; margin: 0 0 1.5rem;}
.src__subTxt {font-size: 1.6rem; font-weight: 400; color: #222222;}
.src__subTxt span {color: #349e8f; font-weight: 600;}
.src__select {position: absolute; right: 0; bottom: 2rem;width: 16.6rem; height: 5.6rem; background: #f6f6f6 url('/images/common/selectArrow.png') no-repeat; background-position: right 2rem center; padding: 0 2rem; border: 1px solid #e6e6e6; font-weight: 400; color: #999999; font-size: 1.6rem;}

.src__link {display: flex; padding: 2.5rem 0; transition: .3s ease;}
.src__link:hover {background: #eaeaea;}
.src__photo {width: 30rem; height: 21.6rem; background-position: center !important; background-size: contain !important; align-self: center;}
.src__txtWrap {display: flex; flex-wrap: wrap; padding: 0 5rem; flex: 1;}
.src__date {font-size: 1.6rem; font-weight: 400; color: #666666;}
.sr__cnts .project__infoList {padding: 0; border: none; align-self: flex-end;}
.src__itemTit {display: block; font-size: 2rem; font-weight: 600; color: #222222; margin: 0 0 2rem;}
.src__itemTit span { color: #349e8f }
.src__itemTxt {font-size: 1.6rem; font-weight: 400; color: #666666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.5; max-height: 4.5em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;width: 100%;}
.src__itemTxt span { color: #349e8f }

.src__item.type-F .src__txtWrap {padding-left: 1rem;}

.sr__searchCateButton{position: absolute;top: 0.7rem;right: 0;display: none;}
.sr__titWrap{}
.sr__closeArea{display: none;}



#isPassChange {display: flex; height: 4rem; background: #349e8f; border-radius: 4px; color: #fff; font-weight: 600; font-size: 1.6rem; width: 15.6rem; justify-content: center; align-items: center;}

.reserve__table {width: 100%;  border-top: 2px solid #222222;}
.reserve__table tr {border-bottom: 1px solid #ddd;}
.reserve__table th {width: 20rem; background: #eaeaea; height: 6rem; text-align: left; padding: 0 2rem; font-size: 1.6rem; font-weight: 500;}
.reserve__table td {padding: 1rem;}
.reserve__table input[type="text"] {width: 44.5rem; height: 4.2rem; padding: 0 1rem; border: 1px solid #dddddd; font-size: 1.6rem;}
.reserve__table textarea {padding: 1rem; width: 100%; height: 10rem; border: 1px solid #ddd; font-size: 1.6rem;}
.form__btnWrap {display: flex; justify-content: center; gap: 1rem; margin: 2rem 0 0;}
.form__btnWrap button:nth-of-type(1) {background: #999999;}
.form__btnWrap button {display: flex; height: 6rem; background: #349e8f; border-radius: 4px; color: #fff; font-weight: 600; font-size: 1.6rem; width: 15.6rem; justify-content: center; align-items: center;}

#fileArea .file {position: relative; display: flex;}
#fileArea .file + .file {margin: 1rem 0 0;}
#fileArea .file__label {display: flex; cursor: pointer;}
.reserve__table #fileArea input[type="text"] {width: 34rem;}
#fileArea .btnFind {display: flex; background: #666666; align-items: center; padding: 0 1.5rem; color: #fff;}
#fileArea .btnAdd {position: absolute; display: flex; right: 0; top: 0; height: 100%; background: #666666; color: #fff; padding: 0 1.5rem; color: #fff; align-items: center; justify-content: center;}

.doneConts { text-align: center; padding: 15rem 0 0;}
.doneConts p {font-size: 1.6rem; font-weight: 400; color: #666666; margin: 3rem 0; line-height: 1.4;}
.doneConts p .mailLink {color: #349e8f; font-weight: 500;}
.contestLink {display: flex; align-items: center; justify-content: center; width: 15.6rem; height: 5.2rem; justify-content: center; align-items: center; color: #fff; background: #349e8f; margin: 0 auto; border-radius: 4px; font-size: 1.6rem; font-weight: 500; letter-spacing: 0; text-transform: uppercase;}

.labelRdi__wrap {display: flex; flex-direction: column; gap: 0.5rem; width: 100%; }
.labelRdi__item {display: flex; width: 100%; align-items: center;}
.labelRdi {cursor: pointer; display: flex; align-items: center;}
.labelRdi__circle {position: relative; width: 2rem; height: 2rem; border: 1px solid #ddd; border-radius: 50%;}
.labelRdi__circle::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 50%; height: 50%; background: #349e8f; border-radius: 50%; opacity: 0; transition: .3s ease;}
input:checked + .labelRdi__circle::after {opacity: 1;}
.labelRdi__item input {flex: 1; height: 3rem;}

#passEnterArea {position: relative; padding: 0 0 2rem; gap: 1rem;}
#passEnterArea .warningTxt {position: absolute; bottom: 0; left: 0;}
.form__list #passEnterArea input + input {margin: 0;}
#passEnterArea .form__tit {margin: 0;}

/* Reference */
.reference__Cont{margin: 1rem 0 0;padding: 5rem 10rem 15rem;background: #fff;border: 1px solid #e6e6e6;width: 100%;}

.projectListBox{margin: 0 0 4.5rem 0;}
.projectListImgBox{display: flex;}
.projectListTextBox{width: calc(100% - 20rem);}
.projectList__Title{font-size: 3rem;font-weight: 600;color: #222222;margin: 0 0 1.5rem 0;}
.projectList__txt{font-size: 1.6rem;font-weight: 400;color: #666666;line-height: 1.6;}
.projectList__txt + .projectList__txt{margin: 1.5rem 0 0 0;display: inline-block;}
.projectList__img{}
.projectList__Link{display: inline-block;color: #349e8f;font-size: 1.6rem;}

.projectList__subTitle{font-size: 1.8rem;font-weight: 600;color: #222;margin: 0 0 1.5rem 0;}

.project__ul{margin: 1.25rem 0 0 0;}
.project__ll{font-size: 1.6rem;color: #666666;}
.project__ll + .project__ll{margin: 1rem 0 0 0;}

.projectImgList--ul{display: flex;align-items: center;justify-content: space-between;padding: 7rem 0;}
.projectImgList--li{text-align: center;flex: 1;}
.projectImgList--li + .projectImgList--li{border-left: 1px solid #e6e6e6;}
.projectImgList--li__txt{font-size: 1.8rem;font-weight: 600;text-align: center;margin: 2rem 0 0 0;}

.projectLinkList{width: 100%;}
.projectLinkList--li{display: flex;padding: 2.2rem 1.8rem;background-color: #f8f8f8;width: 100%;}f.BtndeleteAll::before

.projectLinkList--li + .projectLinkList--li{margin: 1rem 0 0 0;}
.projectLinkListBox__Link{}
.projectLinkListBox__tit{font-size: 1.6rem;color: #222222;font-weight: 600;margin: 0 1.5rem 0 0;}
.projectLinkListBox__Link{font-size: 1.6rem;color: #666666;}

.projectLink__LinkArea .projectLinkListBox__Link{display: block;}
.projectLink__LinkArea .projectLinkListBox__Link + .projectLinkListBox__Link{margin:1rem 0 0 0}



.projectListInBox{display: flex;}
.projectList__img{width: 20rem;height: 20rem;}

/* tag select */
.cf_TagInner{border: 1px solid #ddd;width: 100%;max-height: 20rem;position: absolute;top: calc(100% - 1px);left: 0;z-index: 3;height: 0;overflow: auto;visibility: hidden;opacity: 0;min-height:auto;height: auto;transition: 0.5s all;}
.cf_TagInner-list{background-color: #fff;}
.cf_selectTag{display: flex;position:relative;align-items: center;width:100%;height: 5rem;background: url("/images/sub/contest/select_arrow.png") no-repeat;background-position: right 1rem center;font-size: 1.6rem;color: #999999;font-family: 'Poppins', sans-serif;}
.cf_selectTag::before{content:"";display:block;position: absolute;top: 50%;right:1rem;transform: translate(0,-50%);width: 1.4rem;height: 1rem;background: url('/images/sub/contest/select_arrow.png') no-repeat right center;z-index: 4;}
.cf_selectTag.menuOpen::before{transform: translate(0,-50%) rotate(180deg);transition: 0.25s all;}
.cf_selectTag.menuOpen .cf_TagInner{background-color: #fff;opacity: 1;visibility: visible;/* min-height: 25rem; */overflow: auto;z-index: 5;}
.cf_selectTag .cf__name{margin: 0;}


.cf_list-item{display: flex;align-items: center;padding: 1.5rem 1rem;cursor: pointer;color: #999;}
.cf_list-item.active{background:#fff url('/images/sub/contest/icon_check_black.svg') no-repeat right 1rem center / 1.4rem 1rem;}

.part-img{max-width: 4rem;margin: 0 1rem 0 0;}
.part-img_logo{max-width: 1.2rem;margin: 0 0.3rem 0 0;}

.part-name{width: calc(100% - 4rem);}
.part-name_txt{/* 한 줄 자르기 */display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;/* 여러 줄 자르기 추가 스타일 */white-space: normal;line-height: 1.2;height: 3.2rem;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}

.part-link{display: flex;align-items: center;margin: 0.6rem 0 0 0;}
.part-img_link{max-width: 1.2rem;margin: 0 0.5rem 0 0;}
.part-img_link img{width:100%;}
.part-img_linkTxt{max-width: calc(100% - 1.7rem );width: 100%;display: inline-block;width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.cf_list-noItem{display: flex;align-items: center;padding: 1rem 1rem;background-color: #349e8f !important;color: #fff;}
.cf_list-noItem span{font-size: 1.3rem;}

.cf_selectTagAreaWrap{width: 100%;}
.cf_selectTagArea{margin: 0 0 1rem 0;width: calc(100% - 8rem);}
.cf_selectTagArea a{position:relative;margin:.5rem 0 0 0;line-height:3.0rem; margin-right:1.0rem;padding: 0 3.5rem 0 1.5rem;background-color: #e6e6e6;color: #222222;white-space: nowrap;display: inline-block;border-radius: 4px;cursor:pointer;font-size: 1.3rem;font-family: 'Poppins', sans-serif;font-weight: 500;}
.cf_selectTagArea a:after{content:"\2715"; position:absolute; right:1.0rem; font-size:0.7rem;}
.cf_selectTagArea a.recommended:after{transform: rotate(45deg);}
.cf_selectTagArea a.isReg{background-color: #349e8f; color:#fff}

.BtndeleteAll{position: absolute;top: 1rem;right: 0;font-size: 1.3rem;color: #666666;width: 100%;max-width: 8rem;display: flex;align-items: center;justify-content: space-between;width:8rem}
.BtndeleteAll::after{content: "\2715";display: flex;align-items: center;justify-content: center;width:2rem;height: 2rem;font-size: 0.7rem;background-color: #999999;color: #fff;line-height: 1.8rem;overflow: hidden;border-radius: 4px;}

.cf_list-item:focus,
.cf_list-item:hover{background:#999;color: #fff;}
.cf_list-item.active:focus,
.cf_list-item.active:hover{background:#999 url('/images/sub/contest/icon_check_white.svg') no-repeat right 1rem center / 1.4rem 1rem;}
.cf_list-item:focus .part-img_link img,
.cf_list-item:hover .part-img_link img{filter:brightness(0) invert(1)}
.cf_selectActiveTxt{padding: 0 1rem;font-size: 1.6rem;font-weight: 400;color: #222;position: relative;}

.btnaddItem{padding: 0.5rem;background-color: #999;color: #fff;display: inline-block;margin: 0 0 0 0.8rem;}


/* 2022-10-11 */
.similar-area{background-color: #fafafa; margin: 5rem auto 0; border: 1px solid #ddd;}
.similar-area .similar-area_in{padding:5rem 3rem;}
.similar-area .similar-area_in .projectList .projectList--items{background-color: #fff;}


@media screen and (min-width: 1025px) {
    .project__btnMore:hover .project__btnTxt {margin: 0 3rem 0 0; color: #349e8f;}
    .project__btnMore:hover .arrow {left: -2rem; background: #349e8f;}
    .project__btnMore:hover .arrow::after {border-color: #349e8f;}
    .project__btnMore:hover .circle {border-color: #349e8f;}
}


@media screen and (max-width: 1520px) {
    .rightNav {width: 25rem; padding: 2rem;}
    .view__left {width: 18rem;}
    .userInfoPart {padding: 2rem;}
    .vc__article {padding: 2rem;}

    .view__inner,
	.similar-area{border-left: none; border-right: none;}

    .sr__sort {padding: 6rem 1rem; width: 25rem;}
    .src__txtWrap {padding: 0 2rem;}
    .sr__cnts {padding: 5rem 1rem;}
}
@media screen and (max-width: 1400px) {
    .profileArea {padding: 5rem 10rem;}
}
@media screen and (max-width: 1280px) {
	/* PROJECTS sub */
	.subSec .projectList{gap: 1rem;}
	.subSec .projectList--items{width: calc((100% - 2rem)/3);}
}
@media screen and (max-width: 1200px) {
    .profileArea {padding: 5rem 0rem;}

    .boardPart {padding: 5rem 1rem 10rem;}
}
@media screen and (max-width: 1024px) {
    .mainVis__txt {}
    .mainVis__txt br {display: none;}
    .mainVis__btn {margin: 4rem auto 0;}

    .main__titWrap {text-align: left;}
    .main__titWrap::after {left: 0; transform: translate(0);}

    .mainVisArea .swiper-slide {height: calc(100vh - 10rem); min-height: 40rem;max-height: 55rem;}
    .project__btnWrap {transform: translate(0,-1.5rem);}

    .profileArea {flex-direction: column; align-items: center;}
    .profile__photo {margin: 0;}
    .profile__txtWrap {flex: initial;}
    .profile__txtWrap.mid {margin: 0; width: auto;}

    .projectItem {width: calc((100% - 4rem) / 3);}
    .projectItem:nth-of-type(4n) {margin: 0 2rem 2rem 0;}
    .projectItem:nth-of-type(3n) {margin: 0 0 2rem;}

    .past__txtWrap {opacity: 1; position: relative; height: auto;}

    .view__cnts {border-left: none;width: calc(100% - 25rem);}

    .newsList__link {padding: 4rem 1rem;}
    .newsList__link::after {width: calc(100% - 2rem);}

    .contestList li {flex-wrap: wrap; height: auto;}
    .contest__photo {flex: initial; width: 100%; padding-bottom: 33.367%;}
    .contest__txtWrap {width: 100%; order: 2; padding: 2rem; border: 1px solid #ddd; border-top: none;}
    .contest__txt {margin: 0 0 3rem;}

    .cf__lineWrap {flex-wrap: wrap;}
    .cf__lineInner {flex: initial; width: 100%; margin: 0 0 2rem;}
    .cf__lineInner + .cf__lineInner {margin: 0 0 2rem 0rem;}
    .cf__lineWrap {justify-content: flex-end;margin: 0 0 5rem 0;}

    /* .cf__lineWrap:last-child{margin: 0;} */


    /* .adressLine .cf__lineInner + .cf__lineInner {width: calc(100% - 13rem);} */
    .cf__lineInner {position: relative;}
    .cf__lineInner.zip {width: 100%;}

    .tapPart__cnts .flex {flex-wrap: wrap;}
    .ov__photo {order: -1;}
    .ov__txtWrap {width: 100%; margin: 1rem 0 0;}

    .board__view.news {max-width: calc(100% - 2rem);}

    /* Reference */
    .reference__Cont{padding: 3rem 3rem;}
    .projectListImgBox{flex-direction: column;margin: 0 0 3rem 0;}
    .projectListTextBox{padding: 0 2rem 0 0;width: 100%;}
    .projectList__img{width: auto;height: auto;}

    /* project */
    .componentsWrap{}
    .components__innerBox{width: 100%;flex-wrap: wrap;justify-content: flex-end;}
    .components__innerBox .cf__lineInner.fManual{flex: 1;}
    .contest__formWrap input[name="Link"]{width: 100%}

    .btn_components{position: absolute;top: auto;right: auto;margin: 0;bottom: -4rem;}

    .contest__formWrap .cf__flexBox{flex-wrap: wrap;gap: 2rem 1rem;}
    .contest__formWrap .cf__comboBox{}
    .contest__formWrap .cf__comboBox option{}
    .contest__formWrap .cf_selectWrap{width: calc((100% - 1rem)/2);}

    .cf_componentsBox__title + .cf_componentsBox__title::before{display: none;}
    .cf_componentsBox__title + .cf_componentsBox__title{padding: 1rem 0 1rem 0;}
    .cf_componentsBox--titleBox{flex-direction: column;align-items: flex-start;}

    .onlyPc{display: block;}


    /* PROJECTS sub */
    .subSec .projectList{gap: 1rem;}
    .subSec .projectList--items{width: calc((100% - 1rem)/2);}

    /* .contest__formWrap.document .cf__lineInner + .cf__lineInner{margin: 0 0 0rem 0rem;} */
    .cf__btnAdd{margin: 0 0 2rem 0.5rem;}

    .userInfoPart .btnMyProject{display: block;}
    .userInfoPart .btnMyProject--items{}
    .userInfoPart .btnMyProject--items + .btnMyProject--items{}
    .userInfoPart .btnMyProject--items > a{}
    .userInfoPart .btnMyProject--items > a img{}
    .userInfoPart .btnMyProject--items > a + a{}

    .userInfoPart .btnMyProject--items > a:hover{}


    .sr__sort{display: none;padding: 8rem 1rem 6rem;}
    .sr__sort.open{position: absolute;left: 0;top: 0;z-index: 10;background-color: #fff;width: 100%;overflow: auto;height: 100vh;display: block;}
    .sr__sort.open{}
    .sr__closeArea{display: block;position: fixed;left: 0rem;top: 0rem;position: fixed;width: calc(100% - 20px);height: 6rem;background-color: #fff;z-index: 5;}
    .sr__close{position: absolute;top: 2rem;right: 1rem;}
    .sr__searchCateButton{display: block;}


    .profile__miniTit{font-size: 2rem;}
    .profile__txt{font-size: 2rem;}
    .profile__infoList{min-width:25rem}
    .profile__infoList li+li{margin: 0.7rem 0 0 0;}

    .profile__amountList{margin: 1rem 0 0 0;}
    .profile__amountList li{font-size: 2rem;}
    .profileTap{margin: 0 0 2rem 0;gap: 3rem 0;}

}
@media screen and (max-width: 768px) {

	.projectItem {width: calc((100% - 2rem) / 2);}
    .projectItem:nth-of-type(3n) {margin: 0 2rem 2rem 0;}
    .projectItem:nth-of-type(2n) {margin: 0 0 2rem;}


    .ck-content *{word-break: break-all;}
    /* .main__tit {font-size: 5rem;}
    .main__titTxt {font-size: 2.2rem;} */

    .midBanner .swiper-slide {padding-bottom: 118.834%;}

    .btn__edit {width: 100%;}

    .pastItem {width: 100%; margin: 0 0 2rem;}

    .vc__target {margin: 0;}
    .vc__img{max-width: 100% !important;}
    .ck-content img{max-width: 100% !important;}
    .view__cnts {flex: initial;}
    .view__inner {flex-wrap: wrap;}
    .rightNav {width: 100%;}

	.cf__name>span{padding-top:0.5rem; display:block;}

    .view__cnts {border-right: none;width: 100%;}

    .rightNav,
    .userInfoPart,
    .vc__article {padding: 2rem 0;}

    .vr__navList {display: flex; flex-wrap: wrap;}
    .vr__navList li {width:100%; margin: 0 0 2rem 0;}
    .vr__navList li:last-child {}

    .cmt__list .info__inner {flex-wrap: wrap;}
    .cmt__list .userInfoPart.ver2 .vp__txtWrap {width: 100%; padding: 1rem 0; flex: initial;}
    .cmt__txt {margin: 1rem 0 0;}
    .cmt__item2,
    .cmt__item3 {padding: 2rem 0 0;}

    .cmt__item2 {background-position: left 2rem top 4rem !important;}
    .cmt__item3 {background-position: left 6rem top 4rem !important;}

    .newsList__link {flex-wrap: wrap;}
    .newsList__photo {order: -1; max-width: none; height: auto;     padding-bottom: 50%;}
    .newsList__txtWrap {max-width: 100%; min-height: 0; padding: 2rem 0 0;}
    .newsList__date {display: block; position: relative; margin: 2rem 0 0;}

    .board__table {display: block;}
    .board__table thead {display: none;}
    .board__table tbody {display: block;}
    .board__table tr {display: flex; flex-wrap: wrap; padding: 0 0 2rem; gap: 1rem;}
    .board__table td {display: block; position: relative; padding: 0 1rem 0 0;}
    .board__table td::after {content: ""; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); width: 1px; height: 80%; background: #999;}
    .board__table td:nth-of-type(1) {display: none;}
    .board__table td:nth-of-type(2) {width:100%; padding: 2rem 0 0;}
    .board__table td:last-child::after,
    .board__table td:nth-of-type(2)::after {display: none;}

    .board__link {line-height: 1.6em; max-height: 3.2em; height: auto; -webkit-line-clamp: 2;}


    /* Reference */
    .projectImgList--ul{gap: 5rem;flex-direction: column;}
    .projectImgList--li{width: 100%;}
    .projectImgList--li + .projectImgList--li{border-top: 1px solid #e6e6e6;border-left: none;}

    .wrapSelectBox{flex-wrap: wrap;}
    .selectBox__tit{}
    .selectBox__select{width: 100%;}
    .selectBox{order: 3;width: calc((100% - 2rem)/3);}
    .selectBox.right{width: 100%;order: 1;flex: auto;margin:0 0 2rem 0;}
    .selectBox.right select{height: 5.5rem;}

    .projectsSlide.noSlide .swiper-slide {width:calc((100% - 2rem)/2)}
    .projectsSlide.noSlide .swiper-wrapper{gap:2rem}


    .newsList__link{padding: 4rem 5rem;}
    .newsList__txtWrap{min-height: 0;}
    .newsList__photo {padding-bottom: 72.17%;padding-left: 2rem;padding-right: 2rem;height: auto;}
    .src__bigTit{font-size: 3rem;}
    .vc__tit{font-size: 3rem;}


    .sr__bigTit {font-size: 3rem;}
    .sr__tit{font-size: 1.8rem;}
    .sr__sort .labelChk__txt{font-size: 1.6rem;}
    .profile__txt--name{font-size: 2.5rem;}

    .target__tit{font-size: 2.2rem;}
}
@media screen and (max-width: 600px) {
    .src__link {flex-wrap: wrap;}
    .src__photo {width: 100%; padding-bottom: 50%; height: auto;}
    .src__txtWrap {padding: 2rem 0; width: 100%; flex: initial;}
    .sr__titWrap {padding: 0 0 2rem; margin: 0 0 2rem;}
    .src__itemTxt {margin: 0 0 2rem;}
    .src__select {position: relative; top: auto; transform: translate(0); margin: 2rem 0 0;}

    .board__top form ,
    .board__top {width: 100%;}
    .board__search {width: 100%;}
    .bSearch__input {width: calc(100% - 22rem);}


    /* PROJECTS sub */
    .subSec .projectList{gap: 1rem;}
    .subSec .projectList--items{width: 100%;}

}
@media screen and (max-width: 480px) {
    .project__txt {font-size: 1.8rem;}
    .project__tit {font-size: 2.2rem;}


    .projectItem {width: calc((100% - 2rem) / 2);}
    .projectItem:nth-of-type(4n) {margin: 0 2rem 2rem 0;}
    .projectItem:nth-of-type(3n) {margin: 0 2rem 2rem 0;}
    .projectItem:nth-of-type(2n) {margin: 0 0 2rem;}

    .cf__photoWrap {flex-wrap: wrap;}
    .cf__photoTxt {padding: 1rem 0 0; width: 100%;}

    .btnPrev {position: relative;}

    .bSearch__select {width: 12rem;}
    .bSearch__input {width: calc(100% - 18rem);}

    .projectLinkListBox__Link{display: block;}



}

.loading img { position: absolute; top: 50%; margin-top: -25px; left: 50%; margin-left: -25px; width: 50px; height: 50px; max-width: none;}

/* Attached File TB */
#inRow td{ border-left:0; border-top:0; padding:2px 0; }

/* Attached File */
.attachedFile { position:relative; float:left; width:100%; padding-bottom:5px;}
.attachedFile *{ margin:0; padding:0; font-size:11px; vertical-align:middle;}
.attachedFile dt img{ margin-right:5px; vertical-align: middle;}
.attachedFile dt .fileToggle{ border:0; padding:0; overflow:visible; cursor:pointer; font-size:12px; background:none; vertical-align:middle; font-weight:bold;}
.attachedFile dd { padding-bottom:10px;}
.attachedFile ul.files *{ display:inline-block; *display:inline; padding:0; margin:0; font-size:11px;}
.attachedFile ul.files li{ position:relative; margin:0 10px 0 0;}
.attachedFile ul.files a{ position:relative; background-repeat:no-repeat; background-position:left center; *zoom:1; text-decoration:none !important;}
.attachedFile ul.files a{ padding:2px 0 0 15px; background-image:url(/_lib/memberimg/iconFile.gif); color:#4d4d4d;}


/* popup */
.dimmed { position: absolute; top: 0; left: 0; z-index: 99998; width: 100%; height: 100%; background: #282828; opacity: .5; filter: alpha(opacity=50); }
.popWrap { position: absolute; top: 0; width: 100%; height: 100%; z-index:99998}
.popCon { position: fixed; z-index: 99999; }
.popCon h1 { position: absolute; top: 0; left: 0; height:31px; width: 100%; padding-top:10px;  background-color:#565b5c; color:#fff; font-size:18px; font-weight:normal; text-indent: 29px; }
.popCon h1:after{ clear:both; content:""; display:block; }
.popCon .btnClose { position:absolute; top:15px; right:15px; }
.popCon #container { padding: 60px 0 40px 0; background: #fff !important; }
.popCon #contents { padding: 0 20px; }

.imgreadyPack{display:block; width:390px; height:300px; font-size:18px; line-height:300px; text-align:center; background-color: #343232; color: #999999}
.imgreadyEvent{display:block; width:300px; height:320px; font-size:18px; line-height:320px; text-align:center; background-color: #343232; color: #999999}

.imgreadyPack_Mobile{display:block; width:290px; height:208px; font-size:18px; line-height:208px; text-align:center; background-color: #343232; color: #999999}
.imgreadyEvent_Mobile{display:block; width:290px; height:290px; font-size:18px; line-height:290px; text-align:center; background-color: #343232; color: #999999}

.disNone {display:none !important;}

#followTab {border-bottom: 1px solid #dddddd;margin: 0 -7rem;}

.follow-wrap {height: 530px;margin: 0 -7rem;overflow: auto;position: relative;}

.follow-wrap .follow-list {
    display: none;
}
.follow-wrap .follow-list.show {display: block;}

.follow-wrap .follow-list ul {padding: 0 7rem;font-size: 20px;}
.follow-wrap .follow-list ul li {display: flex; align-items: center;height: 100px;border-bottom: 1px solid #dddddd;}
.follow-wrap .follow-list ul li:last-child {border-bottom: none;}
.follow-wrap .follow-list ul li .profile-photo {width: 48px;height: 48px;border-radius: 24px;background-size: contain;background-position: center;background-repeat: no-repeat;}
.follow-wrap .follow-list ul li .user-name {flex: 1;margin-left: 15px;}
.follow-wrap .follow-list ul li .user-name .name {color: #333333;}
.follow-wrap .follow-list ul li .user-name .nickname {font-size: 18px;color: #999999;}

.follow-wrap .follow-list ul li .follow-control .btn__follow,
.follow-wrap .follow-list ul li .follow-control .btn__unfollow {width: 155px;height: 45px;margin: 0;}
.follow-wrap .follow-list ul li .follow-control.following .btn__follow {display: none;}
.follow-wrap .follow-list ul li .follow-control:not(.following) .btn__unfollow {display: none;}

.notification-wrap {max-width: 1000px; margin: 0 auto; font-size: 14px;}
.notification-wrap .notification-list {}
.notification-wrap .notification-list ul {}
.notification-wrap .notification-list ul li {border-top: 1px solid #dddddd;padding: 7px 15px;color: #777777; position: relative;}
.notification-wrap .notification-list ul li:last-child {border-bottom: 1px solid #dddddd;}
.notification-wrap .notification-list ul li.new:after {
    content: "new";
    color: #349e8f;
    position: absolute;
    top: 15px;
    right: 20px;
}
.notification-wrap .notification-list ul li .message {color: #555;}
.notification-wrap .notification-list ul li .message a {font-weight: bold;color: #555;}
.notification-wrap .notification-list ul li .date {color: #999999;}

.g-recaptcha > div {
    margin: 20px auto;
}

@media (max-width: 768px) {
    #followTab {margin: 0;}
}


/* 2023 forum */
/* region ============== search / section selector */
.sr__searchitem .section-selector {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    margin-top: 10px;
}
.sr__searchitem .section-selector span {
    margin-right: 12px;
}
.sr__searchitem .section-selector .section {
    position: relative;
    flex: 1;
}
.sr__searchitem .section-selector .section .selected {
    width: 100%;
    background: #f6f6f6;
    border: 1px solid #e6e6e6;
    font-size: 1.6rem;
    color: #333;
    font-weight: 400;
    padding: 1rem;
    cursor: pointer;
}
.sr__searchitem .section-selector .section .selected span {
    line-height: 2rem;
    display: block;

}
.sr__searchitem .section-selector .section .selected i {
    position: absolute;
    top: 50%;
    right: 0.5em;
    margin-top: -0.75em;
    width: 1.5em;
    height: 1.5em;
    display: block;
    pointer-events: none;
    /*background-color: #fff;*/
}
.sr__searchitem .section-selector .section .selected i:before,
.sr__searchitem .section-selector .section .selected i:after {
    content: " ";
    display: block;
    width: .7rem;
    height: .2rem;
    border-radius: .1rem;
    background-color: #444;
    position: absolute;
    transform-origin: center;
    top: 50%;
    transition: 0.2s;
}
.sr__searchitem .section-selector .section .selected i:before {
    left: .6rem;
    transform: rotate(45deg);
}
.sr__searchitem .section-selector .section .selected i:after {
    right: .6rem;
    transform: rotate(-45deg);
}

.sr__searchitem .section-selector.open .section .selected i:before,
.sr__searchitem .section-selector.open .section .selected i:after {
    width: 1.2rem;
}
.sr__searchitem .section-selector.open .section .selected i:before {
    transform: rotate(-45deg);
}
.sr__searchitem .section-selector.open .section .selected i:after {
    transform: rotate(45deg);
}

.sr__searchitem .section-selector .section .section-list {
    position: absolute;
    top: 4.2rem;
    width: 100%;
    height: 0;
    border: 1px solid transparent;
    border-top: none;
    background-color: #ffffff;
    pointer-events: none;
    /*transition: 0.2s;*/
    overflow: hidden;
}
.sr__searchitem .section-selector.open .section .section-list {
    height: 200px;
    pointer-events: visible;
    border-color: #dddddd;
    overflow: visible;
}
.sr__searchitem .section-selector .section .section-list ul {}
.sr__searchitem .section-selector .section .section-list ul li {
    position: relative;
}
.sr__searchitem .section-selector .section .section-list ul li:not(:last-child) {
    border-bottom: 1px solid #dddddd;
}
.sr__searchitem .section-selector .section .section-list ul li input[type=checkbox] {
    display: none;
}
.sr__searchitem .section-selector .section .section-list ul li input[type=checkbox] + label {
    display: block;
    padding: 1rem .5rem 1rem 2.2rem;
    background-image: url("/images/common/icon_checkbox.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: left 5px center;
    cursor:pointer;
}
.sr__searchitem .section-selector .section .section-list ul li input[type=checkbox]:checked + label {
    background-image: url("/images/common/icon_checkbox.checked.svg");
}
.sr__searchitem .section-selector .section .section-list ul li input[type=checkbox]:indeterminate + label {
    background-image: url("/images/common/icon_checkbox.indeterminate.svg");
}
.sr__searchitem .section-selector .section .section-list ul li input[type=checkbox] {}
.sr__searchitem .section-selector .section .section-list ul li ul {
    background-color: #fff;
    border: 1px solid #ddd;
    position: absolute;
    width: 100%;
    left: calc(100% - 5px);
    top: 4px;
    display: none;
}
.sr__searchitem .section-selector .section .section-list ul li.show > ul {
    display: block;
}

.sr__searchitem .section-selector .section .section-list > ul li > ul {
    z-index: 1;
}

.sr__searchitem .section-selector .section .section-list > ul li > ul li > ul {
    z-index: 2;
}

/* end region */

/* region ============== search / section selector */
.retrieved-section {
    display: flex;
    margin-top: 1.2rem;
    font-size: 20px;
}
.retrieved-section span {}
.retrieved-section span:not(:first-child) {
    margin-left: 12px;
    padding-left: 12px;
    position: relative;
}
.retrieved-section span:not(:first-child):after {
    content: " ";
    display: block;
    width: .2rem;
    background-color: #ddd;
    height: 1rem;
    position: absolute;
    top: 50%;
    left: -.1rem;
    transform: translateY(-.5rem);
}

.retrieved-category {
    margin-top: 1.2rem;
    padding-top: 1.2em;
    border-top: 1px dashed #dddddd;
    font-size: 16px;
    display: flex;
}
.retrieved-category p {
    font-weight: normal;
    font-size: 14px;
    margin-right: 12px;
    white-space: nowrap;
}
.retrieved-category .category-list {
    display: flex;
    flex-wrap: wrap;
}
.retrieved-category span {}
.retrieved-category span:not(:last-child) {
    margin-right: 12px;
    padding-right: 12px;
    position: relative;
}
.retrieved-category span:not(:last-child):after {
    content: " ";
    display: block;
    width: .2rem;
    background-color: #ddd;
    height: 1rem;
    position: absolute;
    top: 50%;
    right: -.1rem;
    transform: translateY(-.5rem);
}
/* end region */

/* region ========== mypage / Forum */
.forum-history-list {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 14px;
}
.forum-history-list .history-item {
    margin-top: 12px;
    padding: 20px 0;
    border: solid 1px #ddd;
    background-color: #fff;
    display: flex;
    align-items: center;
    transition: 0.3s;
    cursor: pointer;

    font-size: 16px;
    text-align: center;
    padding: 12px;
}
.forum-history-list .history-item .col {}
.forum-history-list .history-item .col.text {
    flex: 1;
    text-align: left;
}
.forum-history-list .history-item .col.date {
    font-size: 14px;
    align-self: flex-end;
}

.forum-history-list .history-item .category {
    font-weight: normal;
    font-size: 16px;
    color: #777;
    padding-left: 12px;
    border-left: 3px solid #349e8f;
    margin-bottom: 12px;

}
.forum-history-list .history-item .subject {
    font-size: 17px;
    line-height: 20px;
    color: #222;
}
.forum-history-list .history-item .activity {
    margin-top: 15px;
}
.forum-history-list .history-item .activity .date {
    color: #777;
    font-size: 14px;
}
.forum-history-list .history-item .activity .msg {
    font-size: 16px;
    color: #454545
}


@media (max-width: 440px) {
    .project__infoList {
        justify-content: space-between;
    }
    .project__infoItem:nth-last-child(2) {
        flex: 0;
    }
    .project__infoItem {
        margin: 0;
    }
    .project__infoItem.like,
    .project__infoItem.star {
        margin-left: 0;
    }
    .project__infoTxt {
        margin-left: 2px;
    }

    .like .project__iconWrap { 
        /* width: 1.8rem; */
        width: 1.6rem;
        height: auto;
    }
    .view .project__iconWrap {
        width: 2.4rem;
        height: auto;
    }
    .comment .project__iconWrap {
        width: 1.8rem;
        height: auto;
    }
    .star .project__iconWrap {
        width: 1.8rem;
        height: auto;
    }

    .project__iconWrap img {
        position: static;
    }
}