/*

탐색 ctrl+f

마이페이지 공통
우측 마이메뉴 공통레이아웃
내 출품작 리스트 (공통레이아웃)

마이페이지 홈
회원정보변경
탈퇴하기
프로필 관리
프로필 등록 및 수정
내 출품작
내 출품작 뷰페이지
좋아요 리스트 - 출품작
좋아요 리스트 - 프로필
커뮤니티 게시글
1:1 문의 뷰페이지

*/



/* 마이페이지 공통 */
._mypage{ width: 100%; overflow: hidden; position: relative; padding: 55px 0; }
._mypage .wrap{ display: flex; justify-content: space-between; }

._mypage .wrap .dash{ width: calc(1280 / 1805 * 100%); padding: 105px 0; }

@media screen and (max-width: 1280px){
    ._mypage .wrap .dash{ width: 75%; }
}

@media screen and (max-width: 820px){
    ._mypage .wrap .dash{ width: 100%; padding: 70px 0; }
}

/* 모바일 마이메뉴 공통 레이아웃 */
.my_m_menuWrap { position: relative; width: 100%; margin: 0 auto; padding: 0 15px; visibility: hidden; opacity: 0;transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; box-sizing: border-box; border-bottom: 1px solid #333; }
/* .my_m_menuWrap::after{ content: '<<< DRAG'; display: block; position: absolute; top: calc(100% + 10px); left: 0; color: #555; font-size: 14px; }
.my_m_menuWrap::before{ content: 'DRAG >>>'; display: block; position: absolute; top: calc(100% + 10px); right: 0; color: #555; font-size: 14px; } */

.caption{ display: flex; align-items: center; position: absolute; top: calc(100% + 10px); color: #555; font-size: 14px; font-family: 'Montserrat'; font-weight: 500; }
.caption i{ font-size: 18px; }

.caption._l{ left: 10px; }
.caption._l i{ margin-right: -13px; }
.caption._l span{ margin-left: 10px; }

.caption._r{ right: 10px; }
.caption._r i{ margin-left: -13px; }
.caption._r span{ margin-right: 10px; }

._my_m_menu { width: 100%; overflow: hidden;  }
._my_m_menu > ul > li {height: auto;}

._my_m_menu > ul > li > a {display: flex; align-items: center; justify-content: center; position: relative; white-space: nowrap; text-align: center; line-height: 1.5; font-weight: 500; font-size: 15px; height: 100%; color: #fff; padding: 15px 10px; box-sizing: border-box;}
/* ._my_m_menu > ul > li.swiper-slide-active > a{ color: #fff; } */
._my_m_menu > ul > li > a::after { content: ''; display: block; height: 50%; width: 1px; background: #ffffff4d; position: absolute; top: 50%; left: calc(100% - 1px); transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
._my_m_menu > ul > li > a::before { content: ''; display: block; height: 50%; width: 1px; background: #ffffff4d; position: absolute; top: 50%; right: calc(100% - 1px); transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }

@media screen and (max-width:820px) {
    .my_m_menuWrap {visibility: visible; opacity: 1;}
}

@media screen and (max-width: 500px) {
    .my_m_menuWrap {padding: 0 13px; min-height: 45px; display: flex; align-items: center; }
    ._my_m_menu > ul > li > a {font-size: 14px; word-break: keep-all; white-space: unset; padding: 0 10px; }
}

@media screen and (max-width: 400px) {
    .my_m_menuWrap {padding: 5px 13px;}
}

@media screen and (max-width: 320px) {
    ._my_m_menu > ul > li > a {padding: 10px;}
}

/* 우측 마이메뉴 공통레이아웃 */
._mypage .wrap .remote{ width: calc(480 / 1805 * 100%); padding: 105px 0; }
._mypage .wrap .remote .user{ background-color: #111; border-radius: 20px; display: flex; padding: 28px 40px; align-items: center; }
._mypage .wrap .remote .user .userthumb{ width: 62px; flex-shrink: 0; border-radius: 50%; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center; }
._mypage .wrap .remote .user .userthumb::after{ content: ''; display: block; padding-bottom: 100%; }
._mypage .wrap .remote .user dl{ padding-left: 20px; }
._mypage .wrap .remote .user dl dt{ font-size: 24px; letter-spacing: -0.045em; font-weight: 600; }
._mypage .wrap .remote .user dl dd{ font-size: 18px; margin-top: 5px; color: rgba(255,255,255,0.3); }
._mypage .wrap .remote .my_menu{ margin-top: 35px; }
._mypage .wrap .remote .my_menu > li{ width: 100%; margin-bottom: 35px; }
._mypage .wrap .remote .my_menu > li:last-of-type{ margin-bottom: 0; }
._mypage .wrap .remote .my_menu > li h4{ font-size: 20px; font-weight: 600; letter-spacing: -0.045em; }
._mypage .wrap .remote .my_menu > li .m_list{ width: 100%; margin-top: 15px; }
._mypage .wrap .remote .my_menu > li .m_list li{ width: 100%; margin-bottom: 5px; }
._mypage .wrap .remote .my_menu > li .m_list li.new_ > a .icon::after{ display: block; }
._mypage .wrap .remote .my_menu > li .m_list li.on > a .icon{ color: #d92b2b; background-color: #fff; }
._mypage .wrap .remote .my_menu > li .m_list li.on > a span{ color: #fff; font-weight: 700; }
._mypage .wrap .remote .my_menu > li .m_list li:last-of-type{ margin-bottom: 0; }
._mypage .wrap .remote .my_menu > li .m_list li > a{ display: flex; align-items: center; }
._mypage .wrap .remote .my_menu > li .m_list li > a .icon{ width: 50px; height: 50px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; font-size: 24px; color: #888888; transition-duration: 0.2s; border-radius: 14px; background-color: #111111; position: relative; }
._mypage .wrap .remote .my_menu > li .m_list li > a .icon::after{ content: ''; display: block; width: 12px; height: 12px; border-radius: 50%; background-color: #d92b2b; position: absolute; top: -3px; right: -3px; display: none; }
._mypage .wrap .remote .my_menu > li .m_list li > a span{ font-size: 20px; letter-spacing: -0.045em; margin-left: 8px; color: #888888; transition-duration: 0.2s; }

@media screen and (min-width: 821px){
    ._mypage .wrap .remote .my_menu > li .m_list li > a:hover .icon{ color: #d92b2b; background-color: #fff; }
    ._mypage .wrap .remote .my_menu > li .m_list li > a:hover span{ color: #fff; font-weight: 700; }
}

@media screen and (max-width: 1440px){
    ._mypage .wrap .remote .user{ padding: 20px; }
    ._mypage .wrap .remote .user .userthumb{ width: 50px; }
    ._mypage .wrap .remote .user dl{ padding-left: 10px; }
    ._mypage .wrap .remote .user dl dt{ font-size: 20px; }
    ._mypage .wrap .remote .user dl dd{ font-size: 16px; }
    ._mypage .wrap .remote .my_menu{ margin-top: 15px; }
    ._mypage .wrap .remote .my_menu > li{ margin-bottom: 15px; }
    ._mypage .wrap .remote .my_menu > li .m_list li > a .icon{ width: 40px; height: 40px; font-size: 20px; }
    ._mypage .wrap .remote .my_menu > li .m_list li > a span{ font-size: 18px; }
}

@media screen and (max-width: 1280px){
    ._mypage .wrap .remote{ width: 22%; }
    ._mypage .wrap .remote .user{ flex-direction: column; }
    ._mypage .wrap .remote .user dl{ padding-left: 0; margin-top: 10px; text-align: center; }
    ._mypage .wrap .remote .my_menu > li .m_list li > a span{ font-size: 16px; }
}

@media screen and (max-width: 820px){
    ._mypage .wrap .remote{ display: none; }
}





/* 내 출품작 리스트 (공통레이아웃) */
.nowork{ width: 100%; padding: 18px 0; text-align: center; min-height: 315px; box-sizing: border-box; display: flex; align-items: center; flex-direction: column; justify-content: center; display: none; }
.nowork i{ font-size: 24px; color: #888888; }
.nowork span{ font-size: 20px; letter-spacing: -0.045em; }
.iswork{ width: 100%; padding-bottom: 40px; display: none; }

.mywork.none .nowork{ display: flex; }
.mywork.none.toget_ .nowork{ margin-top: 55px; border-top: 2px solid #fff; }
.mywork:not(.none) .iswork{ display: block; }

.myworks{ width: 100%; margin-bottom: 20px; }
.myworks > li{ width: 100%; display: flex; padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,0.4); position: relative; }
.myworks li .num{ flex-shrink: 0; width: 65px; font-size: 16px; font-family: 'Montserrat'; display: flex; align-items: center; justify-content: center; }
.myworks li .workinfo{ width: 100%; display: flex; justify-content: space-between; align-items: center; }
.myworks li .workinfo .thumb{ width: 220px; flex-shrink: 0; background-repeat: no-repeat; background-size: cover; background-position: center; }
.myworks li .workinfo .thumb::after{ content: ''; display: block; padding-bottom: calc(130 / 220 * 100%); }
.myworks li .workinfo .realinfo{ width: 100%; padding: 10px calc(20 / 1133 * 100%); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; box-sizing: border-box; }
.myworks li .workinfo .realinfo .top_i{ display: flex; font-size: 16px; letter-spacing: -0.025em; flex-wrap: wrap; }
.myworks li .workinfo .realinfo .top_i li{ position: relative; padding-right: 15px; margin-right: 15px; box-sizing: border-box; display: flex; margin-bottom: 10px; }
.myworks li .workinfo .realinfo .top_i li:last-of-type{ padding-right: 0; margin-right: 0; }
.myworks li .workinfo .realinfo .top_i li::after{ content: '|'; position: absolute; top: 0; right: 0; color: #777777; }
.myworks li .workinfo .realinfo .top_i li:last-of-type::after{ display: none; }
.myworks li .workinfo .realinfo .top_i li span{ color: #777; margin-right: 5px; }
.myworks li .workinfo .realinfo > a{ font-size: 20px; font-weight: 500; letter-spacing: -0.025em; padding-top: 15px; display: inline-block; position: relative; padding-bottom: 4px; }
.myworks li .workinfo .realinfo > a span{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.myworks li .workinfo .realinfo > a::after{ content: ''; width: 100%; height: 2px; background-color: #fff; display: block; transform-origin: 0 0; position: absolute; top: 100%; left: 0; transform: scaleX(0); transition-duration: 0.4s; }
.myworks ~ .paging{ margin-top: 70px; }

@media screen and (min-width: 821px){
    .myworks li .workinfo .realinfo > a:hover::after{ transform: scaleX(1); }
}

.myworks li .workinfo .realinfo .bottom_i{ margin-top: 22px; display: flex; color: #aaaaaa; }
.myworks li .workinfo .realinfo .bottom_i li{ display: flex; align-items: center; margin-right: 35px; }
.myworks li .workinfo .realinfo .bottom_i li:last-of-type{ margin-right: 0; }
.myworks li .workinfo .realinfo .bottom_i li i{ flex-shrink: 0; font-size: 20px; margin-right: 10px; }
.myworks li .workinfo .realinfo .bottom_i li span{ margin-right: 10px; }
.myworks li .workinfo .realinfo .modi{ margin-top: -1em;  margin-left: auto;  }
.myworks li .workinfo .realinfo .modi > a{ display: inline-block; padding: 5px 10px; box-sizing: border-box; font-size: 16px; letter-spacing: -0.045em; color: #000; background-color: #eee; border-radius: 30px; font-weight: 700; }


.myworks li .workinfo .status{ width: calc(155 / 1223 * 100%); border-left: 1px solid rgba(255,255,255,0.4); box-sizing: border-box; text-align: center; padding: 10px 0; min-height: 130px; flex-shrink: 0; }
.myworks li .workinfo .status p{ font-size: 16px; font-weight: 600; letter-spacing: -0.025em; color: #777777; }
.myworks li .workinfo .status h3{ font-size: 18px; font-weight: 600; letter-spacing: -0.025em; margin-top: 30px; }
.myworks li .workinfo .status h4{ display: inline-block; padding: 5px 15px; box-sizing: border-box; font-size: 14px; font-weight: 300; letter-spacing: -0.025em; color: #aaa; border-radius: 12.5px; border: 1px solid #aaa; margin-top: 20px; cursor: pointer; }


@media screen and (max-width: 1800px){
    .myworks li .workinfo .realinfo .bottom_i li{ margin-right: 15px; }
    .myworks li .workinfo .realinfo .bottom_i li i{ margin-right: 5px; font-size: 18px; }
    .myworks li .workinfo .realinfo .bottom_i li span{ margin-right: 6px; }
    .myworks li .workinfo .status{ width: 110px; min-height: 170px; padding: 20px 0; }
    .myworks li .workinfo .realinfo .modi{ margin-top: 5px; }
}

@media screen and (max-width: 1440px){
    .iswork{ padding-bottom: 0; }
    .myworks > li{ padding: 20px 0; }
    .myworks li .num{ width: 45px; }
    .myworks li .workinfo .thumb{ width: 180px; }
    .myworks li .workinfo .realinfo{ padding: 10px 15px;  }
    .myworks li .workinfo .realinfo .top_i{ flex-wrap: wrap; font-size: 14px; }
    .myworks li .workinfo .realinfo .top_i li{ padding-right: 10px; margin-right: 10px; }
    .myworks li .workinfo .realinfo > a{ font-size: 18px; }

    .myworks li .workinfo .realinfo .bottom_i li{ margin-right: 20px; font-size: 14px; letter-spacing: -0.045em; }
    .myworks li .workinfo .realinfo .bottom_i li i{ font-size: 18px; }
    .myworks ~ .paging{ margin-top: 40px; }

    .myworks li .workinfo .status h4{ padding: 5px 10px; }
    .myworks li .workinfo .status p{ font-size: 14px; }
    .myworks li .workinfo .status h3{ font-size: 16px; }
}

@media screen and (max-width: 1280px){
    .myworks li .num{ width: auto; padding-right: 10px; }
    .myworks li .workinfo .thumb{ width: 150px; }
    .myworks li .workinfo .realinfo > a{ padding-top: 10px; }
    .myworks li .workinfo .realinfo .bottom_i{ flex-wrap: wrap; }
    .myworks li .workinfo .realinfo .bottom_i li{ margin-bottom: 5px; }
    
    .myworks li .workinfo .status{ width: 90px; }
    .myworks li .workinfo .status h4{ font-size: 12px; }
}

@media screen and (max-width: 820px){
    .myworks > li{ flex-direction: column; align-items: flex-start; }
    .myworks li .workinfo{ flex-wrap: wrap; align-items: flex-start; margin-top: 10px; }
    .myworks li .workinfo .realinfo{ padding: 0; margin-top: 10px; }
    .myworks li .workinfo .realinfo .bottom_i{ margin-top: 10px; }
    .myworks li .workinfo .realinfo > a{ padding-top: 5px; }
    .myworks li .workinfo .realinfo > a::after{ transform: scaleX(1); }
    .myworks li .workinfo .thumb{ width: 100%; max-width: 300px; }

    .myworks li .workinfo .status{ width: 50%; min-height: unset; margin-top: 10px; padding: 10px 0; }
    .myworks li .workinfo .status:not(.result){ border-left: none; }
    .myworks li .workinfo .realinfo .modi{ margin-top: 0; }
    
    .myworks li .workinfo .status h3{ margin-top: 10px; }
    .myworks li .workinfo .status h4{ margin-top: 10px; }

    .nowork{ min-height: 185px; }
    .nowork span{ font-size: 14px; }

	.mywork.none.toget_ .nowork{ margin-top: 30px; border-top: 2px solid #fff; }
    
}

@media screen and (max-width: 500px){
    .myworks li .workinfo .realinfo .top_i li:first-of-type{ width: 100%; padding-right: 0; margin-right: 0; }
    .myworks li .workinfo .realinfo .top_i li:first-of-type::after{ display: none; }
    .myworks li .workinfo .thumb{ max-width: unset; }
}

@media screen and (max-width: 450px){
    .myworks li .workinfo .realinfo .bottom_i li{ width: 50%; margin-right: 0; }
}




/* 마이페이지 홈 */
._mypage .wrap .dash .home{ width: 100%; margin-top: 40px; }
._mypage .wrap .dash .home .info{ width: 100%; background-color: #222222; border-radius: 20px; padding: 45px; padding-bottom: 35px; box-sizing: border-box; display: flex; flex-wrap: wrap; }
._mypage .wrap .dash .home .info li{ margin-right: calc(195 / 1280 * 100%); margin-bottom: 10px; }
._mypage .wrap .dash .home .info li:last-of-type{ margin-right: 0; }
._mypage .wrap .dash .home .info li span{ font-size: 18px; color: rgba(255,255,255,0.3); }
._mypage .wrap .dash .home .info li h3{ font-size: 24px; letter-spacing: -0.045em; font-weight: 600; margin-top: 5px; }

._mypage .wrap .dash .home .mywork{ margin-top: 35px; border-radius: 20px; background-color: #222; padding: 40px 45px; padding-bottom: 0; box-sizing: border-box; }
._mypage .wrap .dash .home .mywork h1{ font-size: 32px; letter-spacing: -0.045em; font-weight: 700; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,0.3); position: relative; }

._mypage .wrap .dash .home .mywork h1 ._mylink{ position: absolute; right: 0; top: -3px; height: 100%;}
._mypage .wrap .dash .home .mywork h1 ._mylink > a{ display: block; padding: 10px 20px; font-size: 18px; color: #fff; background-color: #d92b2b; border-radius: 35px; }

@media screen and (max-width: 1440px){
    ._mypage .wrap .dash .home .mywork{ padding: 35px; }
    ._mypage .wrap .dash .home .mywork h1{ font-size: 26px; }
    ._mypage .wrap .dash .home .mywork h1 ._mylink > a{ padding: 7px 20px; }

    ._mypage .wrap .dash .home .info{ padding: 35px; padding-bottom: 25px; }
    ._mypage .wrap .dash .home .info li{ margin-right: 15%; }
    ._mypage .wrap .dash .home .info li span{ font-size: 16px; }
    ._mypage .wrap .dash .home .info li h3{ font-size: 20px; }
}

@media screen and (max-width: 1280px){
    ._mypage .wrap .dash .home .mywork{ padding: 30px 20px; border-radius: 15px; }
    ._mypage .wrap .dash .home .mywork h1{ font-size: 24px; }
    ._mypage .wrap .dash .home .mywork h1 ._mylink > a{ font-size: 16px; }

    ._mypage .wrap .dash .home .info{ padding: 20px; border-radius: 15px;  padding-bottom: 10px; }
    ._mypage .wrap .dash .home .info li{ margin-right: 10%; }
}

@media screen and (max-width: 820px){
    ._mypage .wrap .dash .home{ margin-top: 20px; }
    ._mypage .wrap .dash .home .mywork{ margin-top: 20px; }
    ._mypage .wrap .dash .home .mywork h1{ font-size: 20px; }
    
    ._mypage .wrap .dash .home .info li span{ font-size: 14px; }
    ._mypage .wrap .dash .home .info li h3{ font-size: 18px; }
}

@media screen and (max-width: 500px){
    ._mypage .wrap .dash .home .mywork{ padding: 20px 15px; }
    ._mypage .wrap .dash .home .mywork h1 ._mylink > a{ font-size: 13px; }
    
    ._mypage .wrap .dash .home .info{ padding: 15px; flex-wrap: wrap; padding-bottom: 5px; }

    ._mypage .wrap .dash .home .info li{ width: 49%; margin-right: 0; margin-bottom: 10px; }
    
}




/* 회원정보변경 */
._mypage .innerWrap{ width: 100%; max-width: 760px; margin: 0 auto; }
._mypage .innerWrap .myedit_{ width: 100%; }

._mypage .innerWrap .myedit_ .sns_link{ width: 100%; margin-top: 50px; }
._mypage .innerWrap .myedit_ .sns_link h2{ font-size: 20px; letter-spacing: -0.045em; font-weight: 700; }
._mypage .innerWrap .myedit_ .sns_link .linkage{ width: 100%; margin-top: 25px; }
._mypage .innerWrap .myedit_ .sns_link .linkage li{ width: 100%; display: flex; align-items: center; margin-bottom: 50px; }
._mypage .innerWrap .myedit_ .sns_link .linkage li:last-of-type{ margin-bottom: 0; }
._mypage .innerWrap .myedit_ .sns_link .linkage li .icon{ width: 35px; flex-shrink: 0; font-size: 32px; }
._mypage .innerWrap .myedit_ .sns_link .linkage li p{ font-size: 20px; letter-spacing: -0.045em; width: 140px; flex-shrink: 0; }
._mypage .innerWrap .myedit_ .sns_link .linkage li .status{ position: relative; margin-left: 20px; width: 100%; }
._mypage .innerWrap .myedit_ .sns_link .linkage li .status button{ width: 100px; border: 1px solid #fff; font-size: 16px; letter-spacing: -0.045em; padding: 14px 0; box-sizing: border-box; font-family: 'Pretendard'; display: block; background: none; color: #fff; border-radius: 23px; cursor: pointer; }
._mypage .innerWrap .myedit_ .sns_link .linkage li .status button.btn2{ background-color: #fff; color: #000; }
._mypage .innerWrap .myedit_ .sns_link .linkage li .status span{ position: absolute; top: calc(100% + 12px); color: rgba(255,255,255,0.4); left: 0; }

@media screen and (max-width: 1280px){
    ._mypage .innerWrap .myedit_ .sns_link .linkage li p{ font-size: 18px; }
    ._mypage .innerWrap .myedit_ .sns_link .linkage li .status button{ font-size: 14px; padding: 10px 0; }
    ._mypage .innerWrap .myedit_ .sns_link .linkage li .status span{ font-size: 14px; }
}

@media screen and (max-width: 500px){
    ._mypage .innerWrap .myedit_ .sns_link .linkage li{ flex-wrap: wrap; justify-content: center; }
    ._mypage .innerWrap .myedit_ .sns_link .linkage li .status{ margin-left: 0; margin-top: 10px; text-align: center; }
    ._mypage .innerWrap .myedit_ .sns_link .linkage li .status button{ margin: 0 auto; }
    ._mypage .innerWrap .myedit_ .sns_link .linkage li .status span{ position: static; display: block; margin-top: 10px; text-align: center; }
}



/* 탈퇴하기 */
._mypage .innerWrap .myedit_ h3.withdraw{ font-size: 24px; font-weight: 700; letter-spacing: -0.045em; margin-top: 50px; }
._mypage .innerWrap .myedit_ dl.withdraw{ text-align: center; margin-top: 70px; }
._mypage .innerWrap .myedit_ dl.withdraw dt{ font-size: 24px; font-weight: 700; word-break: keep-all; }
._mypage .innerWrap .myedit_ dl.withdraw dd{ font-size: 16px; margin-top: 15px; line-height: 1.5; word-break: keep-all; }

@media screen and (max-width: 820px){
    ._mypage .innerWrap .myedit_ h3.withdraw{ font-size: 20px; }
    ._mypage .innerWrap .myedit_ dl.withdraw dt{ font-size: 22px; }
    ._mypage .innerWrap .myedit_ dl.withdraw dd{ font-size: 14px; }
}





/* 프로필 관리 */
._mypage .myprofile_ .rightbtn{ margin-top: 20px; margin-bottom: 40px; }
._mypage .myprofile_ .rightbtn > .contact{ margin-left: auto; }
._mypage .myprofile_ .rightbtn._flex{ display: flex; justify-content: flex-end; }
._mypage .myprofile_ .rightbtn._flex .contact{ margin: 0; }

@media screen and (max-width: 820px){
    ._mypage .myprofile_ .rightbtn{ margin-top: 10px; margin-bottom: 20px; }
}


/* 프로필 등록 및 수정 */
._mypage .myprofile_._edit .openRange{ display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; margin-top: 35px; margin-left: auto; }
._mypage .myprofile_._edit .openRange li{ display: flex; align-items: center; margin-left: 15px; }
._mypage .myprofile_._edit .openRange li input{ width: 18px; height: 18px; background: none; border-radius: 50%; border: 1px solid #fff; box-sizing: border-box; margin: 0; margin-right: 10px; cursor: pointer; }
._mypage .myprofile_._edit .openRange li label{ font-size: 18px; letter-spacing: -0.045em; cursor: pointer; }
._mypage .myprofile_._edit .openRange li input:checked{ background-color: #fff; }

._mypage .myprofile_._edit .flexWrap{ align-items: flex-start; border: none; }
._mypage .myprofile_._edit .flexWrap .lbx{ width: calc(380 / 1288 * 100%); }
._mypage .myprofile_._edit .flexWrap .lbx > p{ font-size: 16px; color: rgba(255,255,255,0.4); }
._mypage .myprofile_._edit .flexWrap .lbx .thumb{ width: 100%; border-radius: 30px; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; margin-top: 12px; background-color: #888; }

._mypage .myprofile_._edit .flexWrap .lbx .thumb label{ position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); }
._mypage .myprofile_._edit .flexWrap .lbx .thumb label .modi{ display: flex; font-size: 18px; width: 9.2307692308em; height: 3.5384615385em; overflow: hidden; position: relative; border-radius: 1.7692307692em; margin-left: auto; cursor: pointer; }
._mypage .myprofile_._edit .flexWrap .lbx .thumb label .modi span{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border: 2px solid #fff; border-radius: 1.7692307692em; box-sizing: border-box; }
._mypage .myprofile_._edit .flexWrap .lbx .thumb label .modi span.front{ transition: transform 0.3s, opacity 0.3s;transition-duration: cubic-bezier(0.5, 0.75, 0, 1); }
._mypage .myprofile_._edit .flexWrap .lbx .thumb label .modi span.back{ background-color: #d92b2b; color: #fff; border-color: #d92b2b; top: 100%; transition: top 0.4s cubic-bezier(0.5, 0.75, 0, 1); z-index: 2; }


@media screen and (min-width: 821px){
    ._mypage .myprofile_._edit .flexWrap .lbx .thumb label .modi:hover .front{ transform: scale(0.7) rotateY(0.001deg) translateY(-10%); transform-origin: center; opacity: 0.5; }
    ._mypage .myprofile_._edit .flexWrap .lbx .thumb label .modi:hover .back { top: 0; }
}

._mypage .myprofile_._edit .flexWrap .lbx em{ font-size: 18px; margin-top: 25px; padding: 0 20px; box-sizing: border-box; display: block; width: 100%; }

._mypage .myprofile_._edit .flexWrap .formWrap{ width: calc(820 / 1288 * 100%); }
._mypage .myprofile_._edit .flexWrap .formWrap .forms{ margin-bottom: 70px; }
._mypage .myprofile_._edit .flexWrap .formWrap .forms:last-of-type{ margin-bottom: 0; }
._mypage .myprofile_._edit .flexWrap .formWrap .forms h2{ font-size: 18px; padding: 0 20px; width: 100%; box-sizing: border-box; margin-bottom: -15px; color: rgba(255,255,255,0.63); letter-spacing: -0.045em; }
._mypage .myprofile_._edit .flexWrap .formWrap h6{ font-size: 14px; color: #6d6d6d; line-height: 1.3; margin-top: 55px; letter-spacing: -0.045em; word-break: keep-all; }
._mypage .myprofile_._edit .mybtnWrap{ justify-content: flex-start; }

@media screen and (max-width: 1440px){
    ._mypage .myprofile_._edit .openRange li label{ font-size: 16px; }
}

@media screen and (max-width: 1280px){
    ._mypage .myprofile_._edit .flexWrap .lbx .thumb label .modi{ font-size: 16px; }
    ._mypage .myprofile_._edit .flexWrap .lbx{ width: 100%; max-width: 300px; margin: 0 auto; margin-top: 20px; }
    ._mypage .myprofile_._edit .flexWrap .lbx em{ text-align: center; padding: 0; font-size: 16px; margin-top: 15px; }
    ._mypage .myprofile_._edit .flexWrap .formWrap{ width: 100%; }
}

@media screen and (max-width: 820px){
    ._mypage .myprofile_._edit .flexWrap .lbx .thumb label .modi{ font-size: 14px; }
    ._mypage .myprofile_._edit .openRange li label{ font-size: 14px; }
    ._mypage .myprofile_._edit .flexWrap .lbx em{ font-size: 14px; }
    ._mypage .myprofile_._edit .flexWrap .formWrap .forms h2{ margin-bottom: 10px; }
    ._mypage .myprofile_._edit .mybtnWrap{ justify-content: center; }
    ._mypage .myprofile_._edit .flexWrap .formWrap h6{ text-align: center; }
}



/* 내 출품작 */
._mypage .wrap .dash .home._work .mywork{ background-color: rgba(0,0,0,0); padding: 0; border-top: 2px solid #fff; border-radius: 0; }
._mypage .wrap .dash .home._work .myworks li .workinfo .realinfo{ width: calc(685 / 1223 * 100%); }

@media screen and (max-width: 1800px){
    ._mypage .wrap .dash .home._work .myworks li .workinfo .realinfo{ width: 100%; }
}


/* 내 출품작 수정페이지 */
._mypage .myprofile_._workview .forms{ margin-top: 60px; }
._mypage .myprofile_._workview .forms h1{ font-size: 30px; font-weight: 600; letter-spacing: -0.045em; }

@media screen and (max-width: 820px){
    ._mypage .myprofile_._workview .forms{ margin-top: 40px; }
    ._mypage .myprofile_._workview .forms h1{ font-size: 22px; }
}

/* 좋아요 리스트 - 출품작 */
._mypage .tabWrap{ display: flex; }
._mypage .tabWrap > a{ display: block; margin-right: 50px; font-size: 42px; font-weight: 700; letter-spacing: -0.045em; color: rgba(255,255,255,0.3); word-break: keep-all; text-align: center; }
._mypage .tabWrap > a.on{ color: #fff; }
._mypage .wrap .dash .home._like .myworks li .workinfo .realinfo{ width: 100%; }
._mypage .wrap .dash .home._like .myworks li .like{ width: calc(150 / 1288 * 100%); text-align: center; font-size: 50px; color: #d92b2b; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; transition-duration: 0.2s; }
._mypage .wrap .dash .home._like .myworks li .like i:last-of-type{ color: #fff; display: none; }
._mypage .wrap .dash .home._like .myworks li .like.deact i:first-of-type{ display: none; }
._mypage .wrap .dash .home._like .myworks li .like.deact i:last-of-type{ display: block; }

@media screen and (min-width: 821px){
    ._mypage .wrap .dash .home._like .myworks li .like:hover{ transform: scale(1.3); }
}

@media screen and (max-width: 1280px) {
    ._mypage .tabWrap > a {font-size: 36px;}
}

@media screen and (max-width: 820px){
    ._mypage .tabWrap > a {font-size: 28px; margin-right: 30px;}
    ._mypage .wrap .dash .home._like .myworks li .like{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
}

@media screen and (max-width: 500px){
    ._mypage .tabWrap > a {font-size: 22px; margin-right: 20px; }
    ._mypage .tabWrap > a:last-of-type{ margin-right: 0; }
    ._mypage .wrap .dash .home._like .myworks li .like{ position: absolute; right: 0; top: 10px; transform: translateY(0); font-size: 30px; }
}


/* 좋아요 리스트 - 프로필 */
._mypage ._pr_list{ width: 100%; display: flex; flex-wrap: wrap; margin-top: 55px; }
._mypage ._pr_list li{ width: calc(380 / 1288 * 100%); position: relative; margin-right: calc(70 / 1288 * 100%); margin-bottom: 70px; cursor: pointer; }
._mypage ._pr_list li:nth-of-type(3n){ margin-right: 0; }
._mypage ._pr_list li .thumb{ width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; border-radius: 30px; background-image: url(/img/community/memberonly.jpg); }
._mypage ._pr_list li .thumb::after{ content: ''; display: block; padding-bottom: calc(540 / 380 * 100%); }
._mypage ._pr_list li .thumb::before{ content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); }
._mypage ._pr_list li .bot{ position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; z-index: 2; }
._mypage ._pr_list li .bot dl dt{ font-size: 16px; letter-spacing: -0.045em; color: rgba(255,255,255,0.6); }
._mypage ._pr_list li .bot dl dd{ font-size: 24px; letter-spacing: -0.045em; font-weight: 700; margin-top: 7px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
._mypage ._pr_list li .bot .like{ font-size: 42px; color: #d92b2b; transition-duration: 0.2s; position: relative; }
._mypage ._pr_list li .bot .like i:last-of-type{ color: #fff; display: none; }
._mypage ._pr_list li .bot .like.deact i:first-of-type{ display: none; }
._mypage ._pr_list li .bot .like.deact i:last-of-type{ display: block; }


._mypage ._pr_list li .lock{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4); display: flex; justify-content: center; align-items: center; opacity: 0; }
._mypage ._pr_list li .lock .in{ text-align: center; }
._mypage ._pr_list li .lock .in i{ font-size: 28px; }
._mypage ._pr_list li .lock .in p{ font-size: 20px; letter-spacing: -0.045em; line-height: calc(28 / 20); margin-top: 10px; }

@media screen and (min-width: 821px){
    ._mypage ._pr_list li .bot .like:hover{ transform: scale(1.3); }
}

._mypage ._pr_list li.memberOnly{ pointer-events: none; }
._mypage ._pr_list li.memberOnly .thumb{ background-image: url(/img/community/memberonly.jpg) !important; }
._mypage ._pr_list li.memberOnly .lock{ opacity: 1; }

@media screen and (max-width: 1440px){
    ._mypage ._pr_list li{ width: 32.6%; margin-right: 1%; margin-bottom: 2%; }
    ._mypage ._pr_list li .bot{ padding: 20px; }
    ._mypage ._pr_list ~ .paging{ margin-top: 20px; }
}

@media screen and (max-width: 1280px){
    ._mypage ._pr_list{ justify-content: space-between; margin-top: 30px; }
    ._mypage ._pr_list li{ width: 49%; margin-right: 0; }
    ._mypage ._pr_list li .thumb{ border-radius: 20px; }
}

@media screen and (max-width: 820px){
    ._mypage ._pr_list li .bot{ padding: 15px; }
    ._mypage ._pr_list li .bot dl dt{ font-size: 14px; }
    ._mypage ._pr_list li .bot dl dd{ font-size: 20px; }

    ._mypage ._pr_list li .bot .like{ font-size: 35px; }
}

@media screen and (max-width: 500px){
    ._mypage ._pr_list li .bot dl dd{ font-size: 18px; }
    ._mypage ._pr_list li .bot .like{ font-size: 30px; }
}

@media screen and (max-width: 350px){
    ._mypage ._pr_list li{ width: 100%; margin-bottom: 10px; }
}


/* 커뮤니티 게시글 - 팀원모집 */
._mypage ._rc_list{ margin-top: 55px; border-top: 2px solid #fff; width: 100%; margin-bottom: 20px; }
._mypage ._rc_list > li{ width: 100%; display: flex; padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,0.4); box-sizing: border-box; }
._mypage ._rc_list > li .num{ flex-shrink: 0; width: 110px; text-align: center; font-size: 16px; font-family: 'Montserrat'; color: rgba(255,255,255,0.6); display: flex; align-items: center; justify-content: center; }
._mypage ._rc_list > li .postinfo{ width: 100%; padding: 10px 20px; box-sizing: border-box; }
._mypage ._rc_list > li .postinfo > span{ font-size: 16px; color: rgba(255,255,255,0.6); font-family: 'Montserrat'; display: block; }
._mypage ._rc_list > li .postinfo > a{ display: inline-flex; align-items: center; padding-top: 12px; }
._mypage ._rc_list > li .postinfo > a h1{ font-size: 24px; letter-spacing: -0.025em;  }
._mypage ._rc_list > li .postinfo > a h1 i{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; position: relative; }
._mypage ._rc_list > li .postinfo > a h1::after{ content: ''; display: block; height: 2px; width: 100%; background-color: #fff; top: calc(100% + 5px); left: 0; transform-origin: 0 0; transition-duration: 0.4s; transform: scaleX(0); }
._mypage ._rc_list > li .postinfo > a em{ color: #d92b2b; font-size: 16px; letter-spacing: -0.025em; font-weight: 500; margin-left: 7px; }

@media screen and (min-width: 821px){
    ._mypage ._rc_list > li .postinfo > a:hover h1::after{ transform: scaleX(1); }
}

._mypage ._rc_list > li .postinfo .pi_list{ width: 100%; display: flex; align-items: center; margin-top: 20px; flex-wrap: wrap; }
._mypage ._rc_list > li .postinfo .pi_list li{ font-size: 16px; display: flex; align-items: center; letter-spacing: -0.045em; margin-right: 50px; }
._mypage ._rc_list > li .postinfo .pi_list li:last-of-type{ margin-right: 0; }
._mypage ._rc_list > li .postinfo .pi_list li span{ color: #888; font-weight: 700; }
._mypage ._rc_list > li .postinfo .pi_list li p{ margin-left: 20px; }

._mypage ._rc_list > li .modiWrap{ width: 145px; flex-shrink: 0; text-align: center; padding: 0 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column; }
._mypage ._rc_list > li .modiWrap > a{ display: inline-block; width: 100%; text-align: center; padding: 8px 0; box-sizing: border-box; font-size: 16px; letter-spacing: -0.045em; border-radius: 17.5px; border: 1px solid #bcbcbc; transition-duration: 0.1s; }
._mypage ._rc_list > li .modiWrap > a.del{ opacity: 0.3; margin-top: 10px; }

@media screen and (min-width: 821px){
    ._mypage ._rc_list > li .modiWrap > a:hover{ background-color: #d92b2b; border-color: #d92b2b; opacity: 1; }
}

._mypage ._rc_list ~ .paging{ margin-top: 60px; }
._mypage ._rc_list > li .acpt{ width: 145px; padding: 0 10px; box-sizing: border-box; display: flex; align-items: center; flex-direction: column; justify-content: center; flex-shrink: 0; border-left: 1px solid rgba(255,255,255,0.4); }
._mypage ._rc_list > li .acpt h3{ font-size: 16px; font-weight: 600; letter-spacing: -0.025em; color: #777; }
._mypage ._rc_list > li .acpt h4{ font-size: 18px; font-weight: 600; letter-spacing: -0.025em; margin-top: 20px; }

@media screen and (max-width: 1280px){
    ._mypage ._rc_list{ margin-top: 30px; }
    ._mypage ._rc_list > li{ padding: 15px 0; }
    ._mypage ._rc_list > li .num{ width: 70px; }
    ._mypage ._rc_list > li .postinfo{ padding: 10px 0; }
    ._mypage ._rc_list > li .postinfo > a h1{ font-size: 20px; }
    ._mypage ._rc_list > li .modiWrap{ width: 120px; }
    ._mypage ._rc_list > li .modiWrap > a{ font-size: 14px; }

    ._mypage ._rc_list > li .postinfo .pi_list li{ margin-right: 20px; }
    ._mypage ._rc_list > li .postinfo .pi_list li p{ margin-left: 10px; }
    ._mypage ._rc_list > li .acpt{ width: 95px; }
    ._mypage ._rc_list > li .acpt h3{ font-size: 14px; }
    ._mypage ._rc_list > li .acpt h4{ font-size: 16px; }
    
}

@media screen and (max-width: 820px){
    ._mypage ._rc_list > li .num{ width: 60px; font-size: 14px; }
    ._mypage ._rc_list > li .postinfo .pi_list li{ margin-right: 15px; margin-bottom: 5px; font-size: 14px; }
    ._mypage ._rc_list > li .postinfo .pi_list li p{ margin-left: 10px; }
    ._mypage ._rc_list > li .postinfo > a em{ font-size: 14px; }
    ._mypage ._rc_list > li .postinfo > span{ font-size: 14px; }
    
    ._mypage ._rc_list > li .postinfo > a h1{ font-size: 18px; }

    ._mypage ._rc_list > li .modiWrap{ padding: 0 10px; width: 100px; }
    ._mypage ._rc_list > li .acpt{ width: 85px; }
}

@media screen and (max-width: 500px){
    ._mypage ._rc_list > li{ flex-wrap: wrap;  }
    ._mypage ._rc_list > li .num{ width: 30px; justify-content: flex-start; align-items: flex-start; }
    ._mypage ._rc_list > li .postinfo{ width: calc(100% - 30px); padding: 0; }
    ._mypage ._rc_list > li .postinfo > span{ font-size: 12px; }
    
    ._mypage ._rc_list > li .modiWrap{ width: 100%; padding: 0; margin-top: 5px; padding-left: 30px; }
    ._mypage ._rc_list > li .postinfo > a h1{ font-size: 16px; }

    ._mypage ._rc_list > li .acpt{ width: 100%; display: flex; align-items: center; flex-direction: row; border-left: none; margin-top: 10px; justify-content: flex-start; padding-left: 30px; }
    ._mypage ._rc_list > li .acpt h4{ margin-top: 0; margin-left: 20px; font-size: 15px; }
}




/* 1:1 문의 뷰페이지 */
._mypage ._myView{ width: 100%; margin-top: 50px; }
._mypage ._myView ._box__{ width: 100%; border-radius: 20px; background-color: #333333; padding: 30px 40px; box-sizing: border-box; }
._mypage ._myView ._box__ span{ display: block; padding-bottom: 15px; font-size: 16px; color: rgba(255,255,255,0.7); font-family: "Montserrat"; }
._mypage ._myView ._box__ p{ padding-top: 13px; border-top: 1px solid rgba(255,255,255,0.4); font-size: 18px; letter-spacing: -0.025em; line-height: calc(30 / 18); }

._mypage ._myView ._box__._ans{ margin-top: 25px; background-color: #555; }

@media screen and (max-width: 1280px){
    ._mypage ._myView{ margin-top: 30px; }
    ._mypage ._myView ._box__{ padding: 20px 30px; }
}

@media screen and (max-width: 820px){
    ._mypage ._myView ._box__ span{ font-size: 14px; }
    ._mypage ._myView ._box__ p{ font-size: 16px; }
}

@media screen and (max-width: 500px){
    ._mypage ._myView ._box__{ padding: 20px 15px; }
    ._mypage ._myView ._box__ span{ font-size: 12px; }
    ._mypage ._myView ._box__ p{ font-size: 14px; }
}



/* 공문 */
._mypage._docs{ padding-top: 155px; }

.overX{ width: 100%; overflow-x: auto; margin-top: 20px; }
.overX::-webkit-scrollbar{ width: 8px; height: 8px; background-color: #eee; }
.overX::-webkit-scrollbar-thumb{ width: 8px; border-radius: 10px; background-color: #888; }
.docs{ width: 100%; max-width: 900px; margin: 0 auto; padding: 30px; box-sizing: border-box; background-color: #fff; color: #000;  border-radius: 10px; }
.docs .top{ width: 100%; background-color: #343c63; display: flex; color: #fff; justify-content: space-between; }
.docs .top img{ width: 100%; }

.docs .docNum{ text-align: right; padding-right: 100px; margin-top: 70px; font-size: 18px; letter-spacing: -0.045em; }
.docs h1{ font-size: 35px; font-weight: 700; letter-spacing: 0.3em; text-align: center; margin-top: 70px; }
.docs .person{ display: flex; flex-wrap: wrap; width: 100%; max-width: 600px; margin: 0 auto; margin-top: 40px; }
.docs .person li{ width: 50%; margin-bottom: 30px; font-size: 18px; letter-spacing: -0.045em; display: flex; align-items: center;  }
.docs .person li span{ width: 60px; flex-shrink: 0; text-align: justify; }
.docs .person li p{margin-left: 20px;}

.docs .tableWr{ width: 100%; }
.docs .tableWr h3{ font-size: 16px; font-weight: 700;  }
.docs .tableWr table{ width: 100%; border: 1px solid #333; font-size: 18px; margin-top: 10px;word-break: keep-all; }
.docs .tableWr table th{ font-weight: 700; border-bottom: 2px solid #000; padding: 10px; border: 1px solid #333; text-align: center; }
.docs .tableWr table td{ padding: 10px; border: 1px solid #333; text-align: center; vertical-align: middle; font-size: 16spx; }
.docs .tableWr h4{ text-align: right; margin-top: 10px; font-weight: 700; }
.docs .bot{ text-align: center; font-size: 18px; margin-top: 50px; }
.docs .bot p{ margin-top: 50px; }
.docs .botlogo{ text-align: center; margin-top: 50px; }
.docs .botlogo img{ width: 200px; }
.docs .botlogo p{ font-size: 20px; font-weight: 700; position: relative; margin-top: 20px; }
.docs .botlogo span{ font-size: 14px; font-weight: 400; color: #d92b2b; margin-top: 10px; }


.docs .docdate{ text-align: right; font-size: 18px; margin-top: 20px; letter-spacing: -0.045em; }
.docs .docNum_l{ line-height: 1.5; font-size: 18px; letter-spacing: -0.045em; border-bottom: 1px solid #333; padding-bottom: 10px; }
.docs .docNum_l p span{ width: 65px; display: inline-block; }
.docs .docCont{ width: 100%; margin-top: 30px; font-size: 18px; letter-spacing: -0.045em; word-break: keep-all; }
.docs .docCont li{ display: flex; align-items: flex-start; line-height: 1.5; }
.docs .docCont li span{ width: 20px; flex-shrink: 0; }

.docs .infos{ width: 100%; max-width: 350px; margin: 0 auto; margin-top: 70px; }
.docs .infos h4{ text-align: center; font-size: 18px; font-weight: 700; }
.docs .infos > ul{ margin-top: 20px; }
.docs .infos > ul li{ width: 100%; display: flex; align-items: flex-start; font-size: 18px; letter-spacing: -0.045em; line-height: 1.5; margin-bottom: 10px; }
.docs .infos > ul li span{ width: 120px; flex-shrink: 0; font-weight: 700; }
.docs .infos > ul li p{ text-indent: -0.5em; }


@media screen and (max-width: 820px){
    .overX{ height: 300px;}
    .docs{ min-width: 680px; max-width: unset; border-radius: 0; }
}



/* 시상식 참가신청 완료시 화면추가 */
.nowork.awd_completed{ display: flex; border-top: 2px solid #fff; margin-top: 35px; min-height: 450px; }

.nowork.awd_completed .barcode{ width: 100%; max-width: 310px; margin: 0 auto; margin-top: 40px; border-radius: 10px; overflow: hidden; background-color: #eee; padding: 20px; box-sizing: border-box; min-height: 150px; display: flex; align-items: center; justify-content: center; }

@media screen and (max-width: 500px){
    .nowork.awd_completed .barcode{ min-height: unset; }
}


/* 시상식 참가 안내 영역 추가 */
._mypage .aw_noticeCon{ margin-top: 30px; padding: 30px 0; border-top: 1px solid #888; border-bottom: 1px solid #888; box-sizing: border-box; min-height: 300px; letter-spacing: -0.045em; line-height: 1.3;  }

@media screen and (max-width: 820px){
    ._mypage .aw_noticeCon{ min-height: 200px; font-size: 0.9em; }
}



/* 활동 확인증 추가 */

.docs.activity_{ background-position: top center; background-size: 100%; background-repeat: no-repeat; padding: 100px 110px; }
.docs.activity_ .act_num{ font-size: 20px; }
.docs.activity_ h1{ margin-top: 140px; font-size: 60px; letter-spacing: 0.045em; }
.docs.activity_ .person{ display: block; width: 100%; max-width: unset; margin-top: 80px; }
.docs.activity_ .person li{ margin-bottom: 10px; font-size: 30px; font-weight: 500; }
.docs.activity_ .person li p{ margin-left: 0; }
.docs.activity_ .act_txt{ text-align: center; font-size: 36px; letter-spacing: -0.045em; line-height: 1.7; margin-top: 90px; font-weight: 500; }
.docs.activity_ .act_txt p{ margin-top: 50px; }

.docs.activity_ .botlogo p{ font-size: 36px; font-weight: 500; padding-bottom: 50px; }
.docs.activity_ .botlogo span{ color: #000; font-size: 20px; }