@charset "utf-8";

/* 서브 카테고리 스타일 */
.sub_cate_box {
    display: flex; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sub_category {margin-right: 3px; line-height: 11px; box-sizing: border-box; border: 1px solid #eee; border-radius: 5px; padding: 3px 4px;}
.sub_category:hover {background-color: #FBF4F4;}
.sub_category strong {font-size: 11px !important; color: #999;}

.contest_main_script {line-height: 1.6;}

/**************** 진행중인 콘테스트 리스트 ****************/
.ing_contest {}

/* 진행중인 리스트(리스트 없을떄) */
.ing_temp_list {display: none; position: relative; width: 100%; height: 250px; background-color: #f9f9f9; cursor: pointer; margin-top: 30px; border-radius: 5px; overflow: hidden;}
.ing_temp_list.active {display: block;}
.ing_temp_list .temp_box {position: absolute; width: 100%; top: 50%; left: 50% ; transform: translate(-50%, -50%); text-align: center;}
.ing_temp_list .temp_box .temp_top img {display: inline-block;}
.ing_temp_list .temp_box .temp_middle {margin: 10px 0 15px 0;}
.ing_temp_list .temp_box .temp_middle h2 {font-size: 18px; font-weight: bold;}
.ing_temp_list .temp_box .temp_middle p {padding-top: 7px; font-size: 14px;}
.ing_temp_list .temp_box .temp_bottom a {font-size: 14px; font-weight: bold; display: inline-block; padding: 7px 18px; border: 1px solid #ef4d4d; border-radius: 25px; color: #ef4d4d;}

/* 진행중인 리스트(서브텍스트) */
.list_img .inner2 {display: table; height: 100%;}
.list_img .list_text {display: table-cell; vertical-align: middle; text-align: center; }
.list_img .list_text h3 {font-size: 35px; font-weight: bold; color: #fff;}
.list_img .list_text p {color: #fff; font-size: 20px; padding-top: 10px;}

/* 진행중인 리스트(리스트 효과) */
.ing_list {padding :30px 0 100px 0;}
.ing_list ul li {overflow: hidden; border: 1px solid #dddddd; margin-bottom: 20px; border-radius: 0 10px 10px 0; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s;}
.ing_list ul li:hover {transform: translateY(-3px); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); box-shadow: 8px 8px 8px #ddd;}
.ing_list ul li:last-child {margin-bottom: 0;}
.ing_list ul li .list_container {position: relative;}
.ing_list ul li .list_container::after {content: ''; clear: both; height: 0; visibility: hidden; display: block;}

/* 진행중인 리스트(포스터) */
.list_poster {position: absolute; left: 0; top: 0; max-width: 270px; width: 100%;; aspect-ratio: 4 / 3; border-right: 1px solid #eee;}
.list_poster .poster_box {position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); width: 100%; height: 100%;}
.list_poster img {position: absolute; width: 100%; min-height: 100%; transform: translate(-50% ,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}

/* 진행중인 리스트(회사이름) */
.list_subs .l_company {padding-top: 10px;}
.list_subs .l_company .l_name {display: block;}
.list_subs .l_company .l_name span {font-size: 14px; color: #5b696f;}

/* 진행중인 리스트(타이틀) */
.list_subs {padding: 36px 310px; box-sizing: border-box;}
.list_subs .l_title .list_cate {
    border: 1px solid transparent; 
    border-radius: 5px; 
    padding: 2px 6px; 
    font-size: 12px; 
    font-weight: bold; 
    color: #ef4d4d; 
    box-sizing: border-box; 
    background-color: #FBF4F4;
}
.list_subs .l_title .list_time {position: absolute; left: 10px; top: 10px; padding: 6px 10px; border-radius: 15px; color: #fff; background-color: #ef4d4d;  font-size: 11px; font-weight: bold;}
.list_subs .l_title h2 {font-weight: bold; height: 18px; margin-top: 15px; font-size: 16px; display: block; width: 90%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/* 모바일 진행중인 리스트 */
.list_subs .m_explain {display: none;}
.list_subs .m_explain .text_box {display: flex;}
.list_subs .m_explain .text_box p {color: #999; padding-right: 10px; font-size: 13px; line-height: 1.4;}
.list_subs .m_explain .text_box p span {}


/* 진행중인 리스트(진행기간) */
.list_subs .l_explain {padding-top: 20px; height: 30px;}
.list_subs .l_explain p {color: #999; line-height: 1.3; font-size: 14px; width: 90%; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden;}

/* 진행중인 리스트(총상금) */
.list_subs2 {position: absolute; right: 0; top: 0; padding: 20px; text-align: center;}
.list_subs2 .l_prize p {font-size: 14px; display: inline-block; padding: 14px 0px; width: 240px; border: 1px solid #dddddd; font-weight: bold; border-radius: 10px;}

/* 진행중인 리스트(남은기간) */
.list_subs2 .l_days {padding: 10px 0; }
.list_subs2 .l_days p {font-size: 14px; display: inline-block; padding: 14px 0px; width: 240px; font-weight: bold; border-radius: 10px; color: #fff; background-color: #ef4d4d;}

/* 진행중인 리스트(참여인원) */
.list_subs2 .l_person p {font-size: 14px; display: inline-block; padding: 14px 0px; width: 240px; border: 1px solid #dddddd; font-weight: bold; border-radius: 10px;}

/* 인덱스 넘버(인덱스넘버 none) */
.hold_index {display: none;}
.Efile_name {display: none;}
.rank_index {display: none;}
.user_uid  {display: none;}

/**************** 진행중인 콘테스트 홍보용 상세페이지 ****************/
.detail_box {padding: 100px 0; background-color: rgba(0,0,0,0.7);}

/**************** 콘테스트 참여신청 ****************/
.apply_form1 {}
.apply_form2 {display: none;}
.apply_form3 {display: none;}

.apply_form1 .sign_middle p {font-size: 14px; line-height: 1.3;}
.apply_form1 .sign_middle p b {font-weight: bold;}
.apply_form1 .sign_middle p:nth-child(2) {padding: 20px 0;}

.apply_form2 .success_top {padding-top: 0 !important;}
.apply_form2 .success_top h2 {text-align: left; font-size: 18px;}
.apply_form2 .success_top h2 em {vertical-align: middle;}
.apply_form2 .success_top h2 span {vertical-align: top;}
.apply_form2 .success_top a {display: block; text-align: left;}
.apply_form2 .success_top a span {line-height: 1.4; font-size: 14px; color: #333; font-weight: bold;}

.apply_form3 .success_top {padding-top: 0 !important;}

.apply_notice {border: 1px solid #eee; border-radius: 10px; box-sizing: border-box; padding: 20px 20px; margin-top: 20px;}
.apply_notice .text_box {display: table;}
.apply_notice .text_box .img_box {padding-right: 5px; display: table-cell; vertical-align: middle;}
.apply_notice .text_box span {line-height: 1.4; font-size: 14px;}

.apply_check {padding-top: 20px;}
.apply_check ul li {padding-bottom: 20px;}
.apply_check ul li input {margin-right: 3px; vertical-align: middle;}
.apply_check ul li span {font-weight: bold; font-size: 14px; vertical-align: middle;}

.apply_join {display: none;}
.apply_join.active {display: block;}
.apply_join input {width: 100%;}
.apply_join input:nth-child(1) {margin-top: 20px; margin-bottom: 8px;}

/* 리스트 상세페이지(제목 , 이미지 , 버튼) */
.popup_left {display: inline-block; width: 600px; vertical-align: top; border-radius: 20px 0 0 20px; overflow: hidden;}
.popup_left .top_title {background-color: #fff; padding: 20px; box-sizing: border-box; border-bottom: 1px solid #000;}
.popup_left .top_title h2 {position: relative; padding-left: 10px; font-size: 16px; font-weight: bold; line-height: 1.4; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.popup_left .top_title h2::before {content: ""; position: absolute; width: 4px; height: 15px; background-color: rgb(239, 77, 77); top: 50%; left: 0px; transform: translate(0% , -50%);}
.popup_left .top_title p {font-size: 13px; font-weight: bold; color: #666666;} 
.popup_left .top_title p span {font-weight: normal; font-size: 13px;}
.popup_left .top_cate {display: inline-block; padding-right: 15px; padding-top: 10px;}
.popup_left .top_img {background-color: #eee;}
.popup_left .top_img .img_box {text-align: center; max-width: 600px; cursor: zoom-in;}
.popup_left .top_img .img_box img {width: 100%; height: 100%;}

/* 수정페이지(채팅 및 , 다운) */
.e_file{display: none;}
.popup_left .left_bottom .down_btn label {display: block; text-align: center; line-height: 60px; font-weight: bold; height: 60px; background-color: #3e323e; color: #fff;}
.popup_left .left_bottom .down_btn label:hover {background-color: #ef4d4d; transition: 0.3s;}
.popup_left .left_bottom .down_btn a {display: block; text-align: center; line-height: 60px; font-weight: bold; height: 60px; background-color: #3e323e; color: #fff;}

.popup_left .left_bottom .down_text {padding-top: 10px; padding-left: 10px;}
.popup_left .left_bottom .down_text p {font-size: 12px; padding-bottom: 5px; color: #fff;}

.right_chat {padding: 0px 20px; height: 400px; box-sizing: border-box; overflow-y: scroll;}
.right_chat .chat_box {display: block; margin-bottom: 10px; text-align: left;}
.right_chat .chat_box.active {text-align: right;}
.right_chat .chat_box .chat_top .chat_img {display: inline-block; vertical-align: middle; width: 20px; height: 20px;}
.right_chat .chat_box .chat_top .chat_img img {width: 100%;}
.right_chat .chat_box .chat_top .chat_nick {display: inline-block; vertical-align: middle; padding-bottom: 4px;}
.right_chat .chat_box .chat_top .chat_nick span {font-weight: bold; font-size: 14px;}

.right_chat .chat_box .chat_bottom {padding: 7px 20px;}
.right_chat .chat_box .chat_bottom .chat_text {font-size: 13px; color: #181c1f;  background-color: #ffe6e6; display: inline-block; padding: 10px 10px; border-radius: 10px; word-break: break-all; max-width: 70%; line-height: 1.4;}
.right_chat .chat_box .chat_bottom .chat_text.active {color: #181c1f;  background-color: #eef3fd;}
.right_chat .chat_box .chat_bottom .chat_date {padding-left: 8px; font-size: 12px; padding-top: 5px; color: #ddd;}

.right_bottom {padding: 30px 30px 10px 30px; box-sizing: border-box; border-top: 1px solid #eee; }
.right_bottom textarea {width: 100%; border-radius: 5px; height: 120px; font-size: 14px;}

.chat_btn {margin-bottom: 20px; display: block; text-align: right; padding: 0 30px; box-sizing: border-box;}
.chat_btn a {display: inline-block; background-color: #ef4d4d; color: #fff; font-weight: bold; font-size: 12px;}
.chat_btn .send_btn1 {width: 150px; height: 30px; line-height: 30px; border-radius: 5px; text-align: center; margin-right: 5px;}
.chat_btn .send_btn2 {width: 80px; height: 30px; line-height: 30px; border-radius: 5px; text-align: center;}
.chat_btn .send_btn3 {width: 150px; height: 30px; line-height: 30px; border-radius: 5px; text-align: center; margin-right: 5px;}
.chat_btn .e_ag {opacity: 50%;}

/* 수정페이지(상금 폼 입력) */
.form_middle .middle_box {box-sizing: border-box; padding: 20px 20px; background-color: #eef3fd; border-radius: 10px; margin-bottom: 20px;}
.form_middle .middle_box dl {padding-bottom: 10px; display: flex;}
.form_middle .middle_box dl dt {width:100px;}
.form_middle .middle_box dl dt span {font-size: 12px; font-weight: bold; margin-left: 5px;}
.form_middle .middle_box dl dd {width: 100%;}
.form_middle .middle_box dl:nth-child(1) dd input {width: 100%; height: 40px;}
.form_middle .middle_box dl:nth-child(2) dd input {width: 100%; height: 40px; margin-top: 10px;}
.form_middle .middle_box dl:nth-child(3) dd select {margin-right: 2px; width: 45%; height: 40px; padding-left: 10px; font-size: 12px; color: #999;} 
.form_middle .middle_box dl:nth-child(3) dd input {width: 53%; height: 40px;}
.form_middle .middle_ box dl:nth-child(4) dd input {width: 47%; height: 40px;}
.form_middle .middle_box dl:nth-child(4) dd span {display: inline-block; width: 10px; text-align: center;}

/* 인증 후 처리 */
.form_middle .middle_box dl:nth-child(2) {display: none;}
.form_middle .middle_box dl:nth-child(3) {display: none;}

.form_bot .bot_box2 {display: none;}

.form_bot {padding-top: 10px; display: flex; justify-content: end;}
.form_bot .bot_box1 .e_auth {display: inline-block; background-color: #ef4d4d; color: #fff; font-weight: bold; font-size: 12px; width: 80px; height: 30px; line-height: 30px; border-radius: 5px; text-align: center;}
.form_bot .bot_box2 .e_acc {display: inline-block; background-color: #ef4d4d; color: #fff; font-weight: bold; font-size: 12px; width: 80px; height: 30px; line-height: 30px; border-radius: 5px; text-align: center;}

/* 리스트 상세페이지(상세설명) */
.read_popup {display: none; overflow: auto; position: fixed; z-index: 998; width: 100%; height: 100%; top: 0; background-color: rgba(0,0,0,0.6);}
.read_popup .popup_bg {position: sticky; width: 100%; height: 100%; top: 0;}

.popup_right {position: relative; background-color: #fff; display: inline-block; width: calc(100% - 610px); vertical-align: top; border-radius: 0 20px 20px 20px;}
.right_title {padding: 20px; box-sizing: border-box; border-bottom: 1px solid #eee;}
.right_title h2 {font-size: 16px; font-weight: bold;}

/* 리스트 상세페이지(진행중인) */
.ing_sub {margin: 0 !important; max-height: 891px !important; overflow-y: auto;}
.ing_sub::-webkit-scrollbar {display: none;}
.ing_sub dl {padding: 0 20px;}
.ing_sub dl:nth-child(1) {margin-top: 20px;}

.my_sub {margin: 0 !important;  overflow-y: auto; overflow-x: hidden; max-height: 320px;}
.my_sub dl {padding: 20px; box-sizing: border-box;}

.hold_link  {color: #4d7fef !important; font-size: 12px !important; border-bottom: 1px solid #4d7fef;}
.right_sub {margin: 20px; box-sizing: border-box;}
.right_sub dl {padding-bottom: 45px;}
.right_sub dl dt {font-size: 15px; font-weight: bold; padding: 0px 0px 5px 10px; position: relative;}
.right_sub dl dt em {display: inline-block; vertical-align: middle;}
.right_sub dl dt em:nth-child(2) {margin-bottom: 2px;} 
.right_sub dl dt em img {width: 20px; height: 20px;}
.right_sub dl dd {padding-top: 5px; padding-left: 10px; font-size: 13px; color: #666; line-height: 1.4;}
.right_sub dl dd p {line-height: 1.6; word-break: break-all; font-size: 14px;}
.right_sub dl dd b {font-weight: bold; font-size: 14px;}

.right_sub dl:nth-child(1) {padding-bottom: 20px;}
.right_sub dl:nth-child(6) {padding-bottom: 20px;}
.right_sub dl:nth-child(1) .ing_line1 {background-color: #ffe6e6; color: #ef4d4d; font-weight: bold; padding: 14px 0 14px 14px; box-sizing: border-box; border-radius: 5px;}
.right_sub dl:nth-child(6) .ing_line2 {background-color: #f4f4f4; color: #999; font-weight: bold; padding: 14px 0 14px 14px; box-sizing: border-box; border-radius: 5px;}
.right_sub dl:nth-child(11) .ing_line3 {background-color: #f4f4f4; color: #999; font-weight: bold; padding: 14px 0 14px 14px; box-sizing: border-box; border-radius: 5px;}
.right_sub dl:nth-child(11) h4 {font-size: 12px; color: #ef4d4d; padding-top: 10px;}
.right_sub dl:nth-child(11) p {padding-top: 5px;}

.right_sub dl:nth-child(3) dd p {padding-right: 10px; padding-top: 5px;}

.right_sub dl:nth-child(4) dd span {display: block; width: 290px; white-space: nowrap; -webkit-line-clamp: 1; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden;}
.right_sub dl:nth-child(4) dd a {margin-bottom: 10px; position: relative; width: 360px; height: 48px; padding-left: 15px;  display: inline-block; line-height: 48px; color: #999; background-color: #fff; border: 1px solid #eee; border-radius: 5px; font-size: 12px;}
.right_sub dl:nth-child(4) dd a::before {content: ''; position: absolute; right: 15px; top: 50%; transform: translate(0% , -50%); width: 18px; height: 18px; background-image: url(/img/link_icon.png); background-repeat: no-repeat;}

.right_sub dl:nth-child(5) .ing_style span {padding-right: 10px;}
.right_sub dl:nth-child(5) .ing_ref a {display: inline-block; vertical-align: baseline; padding-bottom: 3px; border-bottom: 1px solid #999; color: #999;} 
.right_sub dl:nth-child(5) .ing_ref img {display: inline-block; vertical-align: middle;}

.right_sub dl:nth-child(8) dd p {display: inline-block;}
.right_sub dl:nth-child(8) dd p b {font-weight: bold; color: #666; font-size: 14px;}
.right_sub dl:nth-child(8) dd .Vlength {margin-right: 3px;}
.right_sub dl:nth-child(8) dd .Vratio {margin-left: 3px;}

.ing_popup .right_sub dl:nth-child(9) dd {position: relative; margin: 5px 0px 0px 10px; border: 1px solid #dddddd; max-width: 350px; position: relative; padding: 15px 0 15px 15px; border-radius: 5px;}
.ing_popup .right_sub dl:nth-child(9) dd.active::before {content: ''; position: absolute; top: 0; left: 0; background-color: #fff; width: 100%; height: 100%; background-image: url(/img/Toploading\(w\).gif); background-repeat: no-repeat; background-size: 25px 25px; background-position: center; color: #fff;}
.ing_popup .right_sub dl:nth-child(9) dd:hover {border: 1px solid #ef4d4d; color: #ef4d4d; transition: 0.3s;}
.ing_popup .right_sub dl:nth-child(9) dd:hover a {color: #ef4d4d; transition: 0.3s;}
.ing_popup .right_sub dl:nth-child(9) dd a {width: 100%;}
.ing_popup .right_sub dl:nth-child(9) dd p {font-size: 13px; color: #666; display: inline-block; vertical-align: middle; width: 85%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer;}
.ing_popup .right_sub dl:nth-child(9) dd img {width: 20px; height: 20px; cursor: pointer; display: inline-block; vertical-align: middle;}

.ing_popup .popup_left .img_box {position: relative;}
.ing_popup .popup_left .img_box:hover::before {content: ''; z-index: 1; position: absolute; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; left: 0;}
.ing_popup .popup_left .img_box:hover::after {content: ''; z-index: 2; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); background-image: url(/img/glss_plus.png); background-repeat: no-repeat; background-size: cover; background-position: center; width: 85px; height: 85px;}

.right_sub dl .text_t1 {padding-left: 2px; font-size: 12px; color: #ef4d4d; padding-top: 5px; font-weight: normal;}
.right_sub dl .text_t1.active {display: none;}

/* 리스트 상세페이지(아트레이터 참여작) */
.right_sub2 {padding: 20px 0 0 20px;}
.right_sub2 dl {padding-bottom: 40px;}
.right_sub2 dl dt {font-size: 14px; font-weight: bold;}
.right_sub2 dl dd {padding-top: 5px; font-size: 13px; color: #666; line-height: 1.4;}
.right_sub2 dl dd p {line-height: 1.4; word-break: break-all;}
.right_sub2 dl dd b {font-weight: bold; font-size: 14px;}
.right_sub2 dl:last-child {padding-bottom: 70px;}
.right_sub2 dl:last-child dd {position: relative; margin-top: 10px;  border: 1px solid #dddddd; box-sizing: border-box; width: 100%; max-width: 350px; position: relative; padding: 15px 0 15px 15px; border-radius: 5px;}
.right_sub2 dl:last-child dd.active::before {content: ''; position: absolute; top: 0; left: 0; background-color: #fff; width: 100%; height: 100%; background-image: url(/img/Toploading\(w\).gif); background-repeat: no-repeat; background-size: 25px 25px; background-position: center; color: #fff;}
.right_sub2 dl:last-child dd:hover {border: 1px solid #ef4d4d; color: #ef4d4d; transition: 0.3s;}
.right_sub2 dl:last-child dd:hover a {color: #ef4d4d; transition: 0.3s;}
.right_sub2 dl:last-child dd a {width: 100%;}
.right_sub2 dl:last-child dd p {font-size: 13px; color: #666; display: inline-block; vertical-align: middle; width: 85%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer;}
.right_sub2 dl:last-child dd img {width: 20px; height: 20px; cursor: pointer; display: inline-block; vertical-align: middle;}

/* 리스트 상세페이지(참여하기 버튼) */
.popup_right .read_btn::after {content: ''; clear: both; height: 0; visibility: hidden; display: block;}
.popup_right .read_btn .left_btn {transition: 0.5s; height: 60px; line-height: 60px; float: left; width: 100%; background-color: #333; text-align: center;}
.popup_right .read_btn .left_btn a {display: block; width: 100%; height: 100%; color: #fff; font-weight: bold;}
.popup_right .read_btn .left_btn:hover a {color: #fff;}
.popup_right .read_btn .left_btn:hover {background-color: #ef4d4d; color: #fff;}

.popup_right .read_btn .right_btn {height: 60px; line-height: 65px; float: left; width: 30%; text-align: center; background-color: #3e323e}
.popup_right .read_btn2 { box-sizing: border-box;}
.popup_right .read_btn2 .left_btn {transition: 0.5s; height: 50px; line-height: 50px; float: left; width: 40%; background-color: #ef4d4d; text-align: center; color: #fff;}
.popup_right .read_btn2 .left_btn a {color: #fff; font-weight: bold; font-size: 14px;}
.popup_right .read_btn2 .middle_btn {box-sizing: border-box; border-left: 1px solid #fff; height: 50px; line-height: 50px; float: left; width: 40%; background-color: #ef4d4d;text-align: center; color: #fff;}
.popup_right .read_btn2 .middle_btn a {color: #fff; font-weight: bold; font-size: 14px;}
.popup_right .read_btn2 .right_btn {height: 50px; line-height: 62px; float: left; width: 20%; text-align: center; background-color: #3e323e}

.popup_right .read_btn3 {background-color: #fff; height: 84px; box-sizing: border-box; padding: 16px 16px; border-top: 1px solid #eee; border-radius: 0 20px 20px 20px;}
.popup_right .read_btn3 .re_upload_btn {background-color: #ef4d4d !important; height: 100%;}
.popup_right .read_btn3 .re_del_btn {border-radius: 5px; height: 100%;}
.popup_right .read_btn3 .re_del_btn a {line-height: 51px !important; height: 100%; display: block; background-color: #ef4d4d; box-sizing: border-box; border-radius: 5px;}
.popup_right .read_btn2 {display: none;}
.popup_right .read_btn3 {display: none;}

/* 리스트 상세페이지(닫기 버튼) */
.popup_close2 {position: absolute; right: -20px; top: -20px; z-index: 6; }
.popup_close2 img {width: 50px; height: 50px;}

/* 리스트 상세페이지(하단서브메뉴) */
.foot_menu .f_list {padding-bottom: 10px;}
.foot_menu .f_list a {font-size: 14px; font-weight: bold; margin-right: 5px; padding: 5px 15px; color: #fff; border-radius: 10px; background-color: #ef4d4d;}
.foot_menu ul li {border-top: 1px solid #dddd; border-bottom: 1px solid #dddd; padding: 20px 30px; margin-top: 5px;}
.foot_menu ul li:after {clear: both; height: 0; visibility: hidden; content: ''; display: block;}
.foot_menu ul li .fmenu_left {float: left;}
.foot_menu ul li .fmenu_left a {font-weight: bold; padding-left: 23px; font-size: 14px;}
.foot_menu ul li .fmenu_left a b {color: #ef4d4d; font-weight: 400; font-size: 14px;}
.foot_menu ul li .fmenu_left .prev_btn {background: url(../img/prevprev.png); background-repeat: no-repeat; background-position-y: center;}
.foot_menu ul li .fmenu_left .next_btn {background: url(../img/nextnext.png); background-repeat: no-repeat; background-position-y: center;}
.foot_menu ul li .fmenu_right {float: right;}
.foot_menu ul li .fmenu_right span {color: #dddddd; font-size: 13px;}

/* 우승자 팝업(이미지상세) 비디오 비율 */
.popup_box2 .video_box {width: 100%; height: 338px; background-color: #333;}
.popup_box2 .video_box video {width: 100%; height: 100%;}

.profile_box {display: inline-block; vertical-align: middle; width: 25px; height: 25px; border-radius: 50%; overflow: hidden; text-align: center;}
.profile_box img {width: 100%; height: 100%;}

.nickname_box {display: inline-block; vertical-align: middle;}
.popup_right .read_btn3 .right_btn {width: 100%;}
.popup_right .read_btn3 .right_btn a {font-weight: bold; color: #fff; line-height: 60px;}

/* 우승자 팝업 , 비디오 비율 */
.popup_box3 .right_sub dd .video_box {width: 100%; height: 248px;}
.popup_box3 .right_sub dd .video_box video {width: 100%; height: 100%; background-color: #333;}

/* 아트레이터 출품작 리스트 스크롤바  */
.pro_slide {}
.pro_slide .right_sub2 {padding: 20px 20px; box-sizing: border-box; max-height: 398px; overflow-y: auto;}

/* 팝업 메뉴  */
.popup_menu {position: absolute; top: 0; right: -70px; z-index: 999; height: 100%;}
.popup_menu.active {display: none;}
.popup_menu ul {
    position: sticky;
    left: 0;
    top: 0;
    padding: 20px 0;
}
.popup_menu ul li {padding-bottom: 30px; text-align: center}
.popup_menu ul li .img_box {position: relative; display: inline-block; width: 50px; height: 50px; border-radius: 50%; background-color: #fff;}
.popup_menu ul li .img_box img {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);}

.popup_menu ul .cont_share {}
.popup_menu ul .cont_share.active {display: none;}

.popup_menu ul .cont_parti .img_box {background-color: #ef4d4d;}

.popup_menu ul li p {padding-top: 8px; color: #fff; font-size: 12px; line-height: 1.4;}

.m_popup_menu {position: fixed; bottom: 0; width: 100%; z-index: 999; display: none;}
.m_popup_menu ul {display: flex; width: 100%; background-color: #fff; height: 84px; padding: 16px 16px; box-sizing: border-box; border-top: 1px solid #eee;}
.m_popup_menu ul li {border-radius: 5px; display: flex; justify-content: center; align-items: center;}
.m_popup_menu ul .m_link_box {flex: 0 0 auto; margin-right: 8px; width: 52px; height: 100%; border: 1px solid #eee;}
.m_popup_menu ul .m_like_box {flex: 0 0 auto; margin-right: 8px; width: 52px; height: 100%; border: 1px solid #eee;}
.m_popup_menu ul .m_apply_box {flex: 1; height: 100%; border: 1px solid #eee; background-color: #ef4d4d;}
.m_popup_menu ul .m_share_box {flex: 1; width: 100%; height: 100%; border: 1px solid #eee; background-color: #ef4d4d;}
.m_popup_menu ul .m_send_box {flex: 1; width: 100%; height: 100%; border: 1px solid #eee; background-color: #ef4d4d;}
.m_popup_menu ul .m_delete_box {flex: 0 0 auto; margin-right: 8px; width: 52px; height: 100%; border: 1px solid #eee;}
.m_popup_menu ul .m_patch_box {flex: 1; height: 100%; border: 1px solid #eee; background-color: #ef4d4d;}
.m_popup_menu ul .m_reload_box {flex: 0 0 auto; margin-right: 8px; width: 52px; height: 100%; border: 1px solid #eee;}

.m_popup_menu ul li a {}
.m_popup_menu ul li a {}
.m_popup_menu ul li a .text_box {}
.m_popup_menu ul li a .text_box span {color: #fff; font-weight: bold;}
.m_popup_menu ul li a .img_box {}
.m_popup_menu ul li a .img_box img {}


.cont_apply {}
.cont_apply.active {display: none;}

.winpopup_menu {top: 30px;}

/* 팝업 주의사항  */
.popup_caution {opacity: 0; position: absolute; bottom:70px; left: -310px; transform: translate(0% , 50%); background-color: #222222; width: 305px; text-align: left; padding: 8px 15px 15px 15px; box-sizing: border-box; border-radius: 5px;}
.popup_caution::after {content: ''; position: absolute; right: 0; top: 50%; width: 0; height: 0; border: 13px solid transparent; border-left-color: #222222; border-right: 0; border-bottom: 0; margin-top: -6.5px; margin-right: -13px;}
.popup_caution p:nth-child(5) {padding-left: 5px;}
.popup_menu ul .popup_caution.active {transition: 0.7s; opacity: 100%; z-index: 999;}


/**************** 진행중인 콘테스트 참여작품 ****************/
.ing_progress {margin: 70px 0 70px 0;}
.pro_container .pro_top {position: relative;}
.pro_container .pro_top::after {content: ''; clear: both; height: 0; visibility: hidden; height: 0; display: block;}
.pro_container .pro_top .top_left {float: left; margin-left: 10px;}
.pro_container .pro_top .top_left h2 {position: relative; font-weight: bold; font-size: 22px; padding-left: 10px;}
.pro_container .pro_top .top_left h2::before {content: ""; position: absolute; width: 4px; height: 15px; background-color: rgb(239, 77, 77); top: 50%; left: 0px; transform: translate(0% , -50%);}
.pro_container .pro_top .top_left p {font-size: 16px; padding: 10px 0 25px 0; color: #999;}
.pro_container .pro_top .top_left p span {font-size: 14px; font-weight: normal; padding: 7px 0 25px 0;}

.pro_container .pro_top .top_right {float: right; margin-top: 20px; display: none;}
.pro_container .pro_top .top_right button span {font-size: 13px; font-weight: bold; display: inline-block; width: 130px; height: 40px; line-height: 40px; background-color: #ef4d4d; border-radius: 10px; color: #fff;}
.pro_container .pro_middle {border-bottom: 1px solid #eee;}

/* 진행중인 참여작품(카테고리) */
.pro_container .pro_bot {padding-top: 20px;}
.pro_container .pro_bot {padding-top: 20px;}
.pro_container .pro_bot .subtop_bg {padding-top: 0; background-color: transparent;}
.pro_container .pro_bot .subtop_bg .tab_menu {border: 1px solid #ef4d4d;}
.pro_container .pro_bot .subtop_bg .tab_menu a {color: #ef4d4d;}
.pro_container .pro_bot .subtop_bg .tab_menu ul {border: 1px solid #ef4d4d;}

/* 진행중인 참여작품(프로필 ,닉네임 , 좋아요 버튼) */
.pro_container2 .pro_title {position: relative; padding-bottom: 10px;}
.pro_container2 .pro_title .t_img {display: inline-block; vertical-align: middle; width: 18px; height: 18px; overflow: hidden; border-radius: 50%;}
.pro_container2 .pro_title .t_img img {width: 100%;}
.pro_container2 .pro_title .t_nick {display: inline-block; vertical-align: middle;}
.pro_container2 .pro_title .t_nick p {font-size: 13px; font-weight: bold; padding-left: 3px;}

/* 진행중인 참여작품(비디오) */
.pro_container2 .pro_box ul::after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
.pro_container2 .pro_box ul li {width: calc(33% - 20px); margin: 30px 30px 70px 0; cursor: pointer;  background-color: #fff; border:1px solid #ddd; box-sizing: border-box; float: left; overflow: hidden; border-radius: 10px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;}
.pro_container2 .pro_box ul li:hover {transform: translateY(-3px); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); box-shadow: 8px 8px 8px #ddd;}
.pro_container2 .pro_box ul li:nth-of-type(3n) {margin-right: 0;}
.pro_container2 .pro_box ul li.on {box-sizing: border-box; border: 5px solid #000;  animation: motion ease-in-out 1s infinite alternate;}
@keyframes motion {
    0% { transform: translateY(-1%);}
    100% { transform: translateY(5%);}
}
.pro_container2 .pro_box ul li .pro_video {position: relative; width: 100%; height: 300px;}
.pro_container2 .pro_box ul li .pro_text {padding: 10px 20px 10px 20px;}
.pro_container2 .pro_box ul li .pro_text .pro_sub {padding-top: 10px; display: none;}
.pro_container2 .pro_box ul li .pro_text .pro_title .pro_btn {text-align: right; padding-top: 20px;}
.pro_container2 .pro_box ul li .pro_text .pro_title .pro_btn a {font-size: 13px; border: 1px solid #eee; padding: 10px 15px; border-radius: 5px; font-size: 12px; color: #999; background-color: #fff; transition: 0.3s; display: inline-block;} 
.pro_container2 .pro_box ul li .pro_text .pro_title .pro_btn a:hover {background-color: #ef4d4d; color:#fff;} 
.pro_container2 .pro_box ul li .pro_text .pro_title .pro_btn .pro_like.on {background-color: #ef4d4d; color: #fff;}
.pro_container2 .pro_box ul li a .text_box p {overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.3; height: 33px; font-size: 13px;} 

/* 진행중인 참여작품(자세히보기) */
.progress_modal {display: none; z-index: 3; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.8);}
.progress_modal .pro_bg {width: 100%; height: 100%;}
.progress_inner {position: absolute; top: 50%; left: 50%; transform: translate(-50% ,-50%); -webkit-transform: translate(-50% ,-50%); -o-transform: translate(-50% ,-50%); -ms-transform: translate(-50% ,-50%); width: 80%; background-color: transparent;}

.mp_top {width: 1100px; margin: 0 auto; position: relative;}
.mp_top .pro_title {margin: 10px 20px;}
.mp_top .pro_title .t_img {display: inline-block; vertical-align: middle; width: 35px; height: 35px; overflow: hidden; border-radius: 50%;}
.mp_top .pro_title .t_img img {width: 100%;}
.mp_top .pro_title .t_nick {display: inline-block; vertical-align: middle;}
.mp_top .pro_title .t_nick p {color: #fff; font-size: 13px; font-weight: bold; padding-left: 3px;}
.mp_top .pro_title .pro_btn {display: inline-block; vertical-align: middle; margin-left: 10px; }
.mp_top .pro_title .pro_btn a {font-size: 13px; border: 1px solid #ef4d4d; padding: 3px 15px; border-radius: 5px; font-size: 12px; color: #ef4d4d; background-color: #fff; transition: 0.5s;} 
.mp_top .pro_title .pro_btn .pro_like.on {background-color: #ef4d4d; color: #fff;}
.mp_middle {width: 1100px; margin: 0 auto; background-color: #fff; padding: 50px 0; border-radius: 10px;}
.mp_middle .pro_media .pro_video {position: relative; width: 100%; height: 500px; margin: 0 auto;}

.mp_bottom {width: 90%; margin: 0 auto; padding-top: 20px;}
.mp_bottom .pro_sub {padding-top: 10px;}
.mp_bottom .pro_sub a .text_box {width: 530px; margin: 0 auto;}
.mp_bottom .pro_sub a .text_box p {font-size: 14px; line-height: 1.3; font-weight: lighter;}

.btnbtnbtnbtn {text-align: center; margin-top: 40px;}
.mp_bottom .pro_sub .btnbtn {display: inline-block; color: #fff; border-radius: 20px; padding: 20px 20px; background-color: #ef4d4d;}

/* 진행중인 참여작품(후보작 선정) */
.progress_modal2 {display: none; z-index: 6; position: fixed; width: 100%; height: 100%; top:0; left:0; background:rgba(0,0,0,0.8); overflow-y: scroll;}
.progress_modal2 .pro_bg {position: absolute; width: 100%; height: 100%; top:0; left:0; }
.progress_modal2 .progress_inner2 {display: flex; height: 100%; flex-direction: column; align-items: center;}
.pro_btn1 {margin-right: 15px;}

/* 진행중인 참여작품(후보작 선정 인풋) */
.pro_src {display: none;}
.pro_index {display: none;}

/* 진행중인 참여작품(후보작 선정) BOX1 */
.pro_box1 {width: 900px; margin: 0 auto; padding: 50px 0; position: relative;}
.pro_box1 .title_top {text-align: center;}
.pro_box1 .title_top h2 {color: #fff; font-size: 25px; font-weight: bold;}
.pro_box1 .title_top p {color: #fff; font-size: 16px; padding-top: 10px;}
.pro_box1 .title_middle {text-align: center; padding-top: 25px;}
.pro_box1 .title_middle a {display: inline-block; background-color: #ef4d4d; width: 130px; height: 40px; line-height: 40px; border-radius: 10px; font-weight: bold; color: #fff; font-size: 13px;}
.pro_box1 .title_bot {padding-top: 40px;}
.pro_box1 .title_bot > ul::after {content: ''; clear: both; height: 0; display: block; visibility: hidden; }
.pro_box1 .title_bot > ul > li {float: left; width: 30%; margin-right: 5%; transition: 0.3s; box-sizing: border-box; border-radius: 10px; overflow: hidden;}
.pro_box1 .title_bot > ul > li:last-child {margin-right: 0;}
.pro_box1 .title_bot > ul > li .title_video {width: 100%; height: 152px; background-color: #333;}
.pro_box1 .title_bot > ul > li .title_video video {width: 100%; height: 100%; }
.pro_box1 .title_bot > ul > li .title_video video.active {width: 50%; height: 50%;}

/* 진행중인 참여작품(후보작 선정) BOX2 */
.pro_box2 {padding: 10px 0 30px 0; width: 1100px; margin: 0 auto; border-top: 1px solid #fff;}
.pro_box2 > p {position: relative; font-weight: bold; color: #fff; font-size: 14px; animation: loop 1.5s infinite;}
@-webkit-keyframes loop {
    0%{top:0px; left:0px;}
    50%{top:8px; left:0px; color: #ef4d4d;}
    100%{top:0px; left:0px;}
}

.pro_box2 ul::after {content: ''; clear: both; height: 0; visibility: hidden; height: 0; display: block;}
.pro_box2 ul li {width: calc(33% - 30px); float: left; margin-right: 45px; margin-top: 40px;}
.pro_box2 ul li:nth-child(3n) {margin-right: 0;}
.pro_box2 ul li .pro_top .p_nick {background-color: #fff; display: inline-block; margin-left: 5px; vertical-align: middle; width: 25px; height: 25px; overflow: hidden; border-radius: 50%; border: 1px solid #fff;}
.pro_box2 ul li .pro_top .p_nick img{width: 100%;}
.pro_box2 ul li .pro_top .p_name {display: inline-block; vertical-align: middle;}
.pro_box2 ul li .pro_top .p_name p {color: #fff; font-size: 13px; font-weight: bold; padding-left: 3px;}
.pro_box2 ul li .pro_bot {padding-top: 10px;}

/* 진행중인 참여작품(후보작 선정) 비디오 효과 */
.pro_box2 ul li .pro_bot .select_video {width: 100%; height: 192px; position: relative; border-radius: 10px; overflow: hidden; background-color: #333; border: 2px solid #eee; box-sizing: border-box;}
.pro_box2 ul li .pro_bot .select_video video {width: 100%; height: 100%;}
.pro_box2 ul li .pro_bot .select_video:before {z-index: 999; display: none; padding-top: 15px; color: #fff; content: ''; position: absolute; top: 0; left: 0; width: 80px; height: 30px; background-color: #ef4d4d; font-size: 13px; font-weight: bold; text-align: center; border-radius: 0 0 10px 0;}
.pro_box2 ul li .pro_bot .select_video.active {border: 3px solid #ef4d4d;}
.pro_box2 ul li .pro_bot .select_video.active.rank_01:before {display: block; content: "대상";}
.pro_box2 ul li .pro_bot .select_video.active.rank_02:before {display: block; content: "최우수상";}
.pro_box2 ul li .pro_bot .select_video.active.rank_03:before {display: block; content: "우수상";}

.pro_box2 ul li .pro_bot .hover_box {transition: 0.3s; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.8); text-align: center; opacity: 0;}
.pro_box2 ul li .pro_bot .hover_box a {display: inline-block; vertical-align: middle; background: #ef4d4d; color: #fff; width: 100px; height: 40px; line-height: 40px; font-size: 13px; font-weight: bold; text-align: center; border-radius: 10px;} 
.pro_box2 ul li .pro_bot .hover_box::before {content: ""; width: 0; height: 100%; display: inline-block; vertical-align: middle;}
.pro_box2 ul li .pro_bot:hover .hover_box {opacity: 1;}
.pro_box2 ul li .pro_bot .hover_box.end {display: none;}


/**************** 포트폴리오 ****************/
.port_text h3 span {font-size: 30px;} 
.win_portfolio {margin-bottom: 100px;}
.win_portfolio .port_container .subtop_bg {background-color: #eef3fd;}

/* 포트폴리오(크기) */ 
.middle_box ul::after {content: ''; clear: both; visibility: hidden; height: 0; display: block;}
.middle_box ul li {width: calc(25% - 16.5px); margin: 30px 22px 40px 0; cursor: pointer;  background-color: #fff; border:1px solid #eee; box-sizing: border-box; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s;  position: relative; float: left; border-radius: 10px; overflow: hidden;}
.middle_box ul li:hover {transform: translateY(-3px); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); box-shadow: 8px 8px 8px #ddd;}
.middle_box ul li:nth-of-type(4n) {margin-right: 0px;}

/* 포트폴리오(비디오) */
.middle_box ul li .middle_text {text-align: left; padding: 10px 20px; cursor: pointer; box-sizing: border-box;} 
.middle_box ul li .middle_text .c_date {position: relative; display: inline-block; padding: 5px 8px 5px 20px;  border-radius: 20px; color: #999; background-color: #fbf4f4; font-weight: bold; font-size: 12px;}
.middle_box ul li .middle_text .c_date::before {position: absolute; content: ''; top: 3px; left: 3px; width: 17px; height: 15px; background-image: url(/img/play_icon.png); background-repeat: no-repeat; background-size: cover;}

/* 포트폴리오(타이틀) */
.middle_box ul li .middle_text .text_middle h4 {font-size: 14px; font-weight: bold; padding-top: 7px; -webkit-line-clamp: 1; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden;}
.middle_box ul li .middle_text .text_middle span {
    color: #999; 
    font-size: 12px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}

/* 포트폴리오(프로필,닉네임) */
.middle_box ul li .middle_text .text_bot {padding: 5px 0;}
.middle_box ul li .middle_text .text_bot .a_img {display: inline-block; vertical-align: middle; width: 20px; height: 20px; overflow: hidden; border-radius: 50%;}
.middle_box ul li .middle_text .text_bot .a_img img {width: 100%; height: 100%; object-fit: cover;}
.middle_box ul li .middle_text .text_bot .a_nick {display: inline-block; line-height: 30px; vertical-align: revert; color: #333;}
.middle_box ul li .middle_text .text_bot .a_nick span {font-size: 12px; padding-left: 3px;}

/* 포트폴리오(플레이수) */
.text_view {text-align: right;}

/* 포트폴리오(좋아요버튼) */
.middle_box ul li .like_btn {bottom: 15px; right:15px; cursor: pointer; position: absolute; width: 25px; height: 25px; }
.middle_box ul li .like_btn i {transition: all 0.3s; position: absolute; width: 25px; height: 25px; background: url(../img/heart_em.png); background-repeat: no-repeat; background-position: center;}
.middle_box ul li .like_btn i.like_full {background: url(/img/heart_full.png);}

/* 우승자 포트폴리오 메뉴(미정)*/
.read_portfolio .foot_menu {padding: 100px 0 50px 0;}
.read_portfolio .foot_menu .f_list {padding-bottom: 10px;}
.read_portfolio .foot_menu .f_list a {font-size: 14px; font-weight: bold; margin-right: 5px; padding: 5px 15px; color: #fff; border-radius: 10px; background-color: #ef4d4d;}
.read_portfolio .foot_menu ul li {border-top: 1px solid #dddd; border-bottom: 1px solid #dddd; padding: 20px 30px; margin-top: 5px;}
.read_portfolio .foot_menu ul li:after {clear: both; height: 0; visibility: hidden; content: ''; display: block;}
.read_portfolio .foot_menu ul li .fmenu_left {float: left;}
.read_portfolio .foot_menu ul li .fmenu_left a {font-size: 14px; font-weight: bold; padding-left: 23px;}
.read_portfolio .foot_menu ul li .fmenu_left a b {font-size: 14px; color: #ef4d4d; font-weight: 400;}
.read_portfolio .foot_menu ul li .fmenu_left .prev_btn {background: url(../img/prevprev.png); background-repeat: no-repeat; background-position-y: center;}
.read_portfolio .foot_menu ul li .fmenu_left .next_btn {background: url(../img/nextnext.png); background-repeat: no-repeat; background-position-y: center;}
.read_portfolio .foot_menu ul li .fmenu_right {float: right;}
.read_portfolio .foot_menu ul li .fmenu_right span {color: #dddddd; font-size: 13px;}


/**************** 미디어 박스 뉴스 ****************/
.news_box {margin: 30px 0 70px 0; position: relative;}
.news_box ul::after {clear: both; content: ''; height: 0; display: block; visibility: hidden;}
.news_box ul li {float: left; width: calc(25% - 19.5px); margin-right: 26px; margin-bottom: 8%; position: relative;}
.news_box ul li:hover .sns_thum img {transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05);}
.news_box ul li:hover .sns_bot .bot_right p {font-weight: bold; color: #4d7fef;}
.news_box ul li:nth-of-type(4n) {margin-right: 0%;}

.sns_top {padding: 10px 0px 0px 10px;}
.sns_top::after {clear: both; content: ''; height: 0; display: block; visibility: hidden;;}
.sns_top .top_left {float: left; margin-bottom: 7px;}
.sns_top .top_left p {font-size: 12px; color: #ef4d4d;}
.sns_top .top_right {float: right; position: relative; width: 25px; height: 25px;}
.sns_top .top_right i {display: none; position: absolute; bottom: 6px; transition: all 0.3s; width: 20px; height: 20px; background-image: url(/img/heartem4.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.sns_top .top_right i.on {background-image: url(/img/heartfull4.png);}

.sns_middle {position: relative; overflow: hidden; width: 100%; height: 281px; box-sizing: border-box; border-radius: 10px; text-align: center; transition: 0.3s; -webkit-transition: 0.3s; }
.sns_middle .sns_thum {position: absolute; width: 100%; height: 100%; top:50%; left: 50%; transform: translate(-50% , -50%); box-sizing: border-box; }
.sns_middle .sns_thum img {width: 100%; height: 100%; border-radius: 10px; transition: 0.5s;}

.sns_bot {padding: 0 10px 0px 10px; width: 100%; box-sizing: border-box;}
.sns_bot .bot_top h4 {font-weight: bold; font-size: 14px; -webkit-line-clamp: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.bot_bottom {margin-top: 15px; text-align: end;} 
.bot_bottom span {position: relative; display: inline-block; padding: 5px 8px 5px 22px; background-color: #FBF4F4; border-radius: 20px; color: rgb(153, 153, 153); font-weight: bold; font-size: 12px;}
.bot_bottom span::before {position: absolute; content: ""; top: 3px; left: 3px; width: 17px; height: 15px; background-image: url(/img/eye_icon.png); background-repeat: no-repeat; background-size: cover;}


/**************** 공지사항 ****************/
.notice_cate ul li {margin-right: 7px !important;}
.notice_box {margin-bottom: 150px; padding: 20px 0;}
.notice_box ul li:first-child {border-top: 2px solid #ef4d4d;}
.notice_box ul li .noti_content_box {box-sizing: border-box; transition: 0.3s; border-bottom: 1px solid #ddd; position: relative; width: 100%; display: block; padding: 25px 0px 25px 0px;}
.notice_box ul li .noti_content_box:before {transition: 0.3s; background-image: url(../img/ararar_b.png); width: 20px; height: 10px; background-repeat: no-repeat; background-position: center; background-size: cover; content: ''; position: absolute; right: 1%; top: 45%;}
.notice_box ul li .noti_content_box.active:before {background-image: url(../img/ararar_b.png); transform: rotate(180deg); -ms-transform:rotate(180deg) ; -o-transform:rotate(180deg) ; -webkit-transform:rotate(180deg) ;}
.notice_box ul li .noti_content_box h2 {font-size: 17px; font-weight: bold;}
.notice_box ul li .noti_content_box p {padding-top: 15px; font-size: 14px; color: #999;}
.notice_box ul li .notice_depth {padding: 30px; display: none; background-color: #F9F9F9; font-size: 14px; font-weight: 300;}
.notice_box ul li .notice_depth p {width: 100%; line-height: 1.5; text-align: left;}
.notice_box ul li .notice_depth p b {font-weight: bold;}

.noti_profile {padding-top: 10px;}
.noti_profile img {display: inline-block; width: 20px; height: 20px; vertical-align: middle;}
.noti_profile span {display: inline-block; padding-bottom: 3px; vertical-align: middle; font-weight: bold; }
#noti_content {width: 100%; height: 200px;}

/**************** 자주묻는 질문 ****************/
.faq_box {margin-bottom: 150px; padding: 20px 0;}
.faq_box ul li:first-child {border-top: 2px solid #ef4d4d;}
.faq_box ul li a {box-sizing: border-box; transition: 0.3s; border-bottom: 1px solid #ddd; position: relative; width: 100%; display: block; padding: 25px 0px 25px 0px;}
.faq_box ul li a:before {transition: 0.3s; background-image: url(../img/ararar_b.png); width: 20px; height: 10px; background-repeat: no-repeat; background-position: center; background-size: cover; content: ''; position: absolute; right: 1%; top: 45%;}
.faq_box ul li a.active:before {background-image: url(../img/ararar_b.png); transform: rotate(180deg); -ms-transform:rotate(180deg) ; -o-transform:rotate(180deg) ; -webkit-transform:rotate(180deg) ;}
.faq_box ul li a h2 {font-size: 17px; font-weight: bold;}
.faq_box ul li a p {padding-top: 15px; font-size: 14px; color: #999;}
.faq_box ul li .faq_depth {padding: 30px; display: none; background-color: #F9F9F9; font-size: 14px; font-weight: 300;}
.faq_box ul li .faq_depth p {width: 100%; line-height: 1.5; text-align: left;}
.faq_box ul li .faq_depth p b {font-weight: bold;}


/**************** 마이 페이지 ****************/

/* 마이페이지 공통*/
.mypage_container {padding-bottom: 100px;}
.mypage_common {transition: 0.3s; border: 1px solid #eee; float: left; width: 49%;  height: 250px; padding: 55px 30px 0 30px; box-sizing: border-box; border-radius: 15px; margin-bottom: 2%;}
.mypage_common:hover {border: 2px solid #ddd; transform: translateY(-3px); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); box-shadow: 8px 8px 8px #ddd;}
.mypage_common h2 {font-size: 15px; font-weight: bold;}
.mypage_common p {padding-top: 20px; line-height: 1.4; font-size: 14px; color: #b1b1b1;}
.mypage_common span {font-size: 13px; color: #bbbbbb; margin-top: 10px; display: block;}

.mypage_box .mypage_info:nth-child(1) {display: block;}
.mypage_box .mypage_info {margin: 50px 0 100px 0;}
.mypage_box .mypage_info .inner2::after {content: ''; height: 0; visibility: hidden; display: block; clear: both;} 
.mypage_box .info_con {display: none;}
.mypage_box .mypage_info::after {content: ''; height: 0 ; clear: both; visibility: hidden; display: block; }
.mypage_info .mypage_right {margin-left: 2%;}

/* 마이페이지 전환하기 버튼*/
.mypage_info .type_change {background-color: #ef4d4d; position: relative;}
.mypage_info .type_change h2 {color: #fff;}
.mypage_info .type_change p {color: #fff;}
.mypage_info .type_change .img_box {position: absolute; bottom: 25px; right: 25px;}
.mypage_info .type_change .img_box img {width: 25px;}
.type_state{display: none;}

/* 마이페이지 프로필 */
.mypage_profile {text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.mypage_profile .mypage_top {position: relative; width: 165px; display: inline-block;}
.mypage_profile .mypage_top .profile_img {position: relative; display: inline-block; width: 165px; height: 165px ; background-color: #eee; border-radius: 50%; max-width: 100%; max-height: 100%; overflow: hidden;  box-shadow: 4px 4px 4px 4px rgba(0,0,0,0.3); border: 3px solid #eee;}
.mypage_profile .mypage_top .profile_img img {width: 100%; height: 100%;}
.mypage_profile .mypage_top .profile_btn {position: absolute; bottom: -7px; right: 7px; }
.profile_img.profile_ani {animation: loop 1.5s infinite;}
@-webkit-keyframes loop {
    0%{top:0px; left:0px;}
    50%{top:8px; left:0px; border-color: #ef4d4d;}
    100%{top:0px; left:0px;}
}

.mypage_profile .mypage_top .profile_btn label img {width: 50px; opacity: 80%; transition: 0.3s;} 
.mypage_profile .mypage_top .profile_btn label img:hover {opacity: 100%;}
.mypage_profile .mypage_top .profile_btn input {display: none;}

.mypage_profile .mypage_middle {padding-top: 10px; padding-bottom: 15px; text-align: center;}
.mypage_profile .mypage_middle h2 {font-weight: bold; font-size: 18px; color: #fff;}
.mypage_profile .mypage_middle p {color: #fff; font-weight: bold; font-size: 16px; margin: 15px 0 5px 0; font-family: 'Poppins', sans-serif;}

/* 마이페이지 회원탈퇴 */
.mypage_del a {display: inline-block; font-size: 12px; padding-left: 10px; color: #999;}
.mypage_del a span {color: #ef4d4d; border-bottom: 1px solid #ef4d4d;}


/* 마이페이지 (정보변경-레이아웃) */
.user_form::after {content: ''; display: block; visibility: hidden; height: 0; clear: both;}
.info_right {margin-left: 2%;}
.info_common {float: left; width: 49%;}
.info_common dl {padding-bottom: 50px;}
.info_common dl dd {display: inline-block; vertical-align: middle; width: 15%;}
.info_common dl dt {display: inline-block; vertical-align: middle; width: 65%;}
.info_common dl dt span {font-size: 14px; color: #bbbbbb;}
.info_common dl dd span {font-size: 15px; font-weight: bold;}
.info_common dl dd p {font-size: 15px; font-weight: bold;}
.info_common dl dt input {border-top: 0; border-left: 0; border-right: 0;padding: 10px 0 10px 7px; width: 100%; margin: 7px 0 5px 0; font-size: 12px; color: #333;}
.info_common dl dt h3 {margin-top: 7px; font-size: 14px;}
.info_common dl dt p {color: #ef4d4d; font-size: 12px; margin-top: 5px;}
.info_common .comment_p {color: #ef4d4d; font-size: 12px; margin-top: 5px;}
.info_common .comment_p span {color: #bcbe0c; font-size: 13px;}

/* 마이페이지(비밀번호 변경) */
.mypage_auth {text-align: center;}
.auth_box {display: inline-block; text-align: left; width: 100%;}
.auth_box .box_top {padding-bottom: 20px; padding-left: 10px;}
.auth_box .box_top p {font-size: 11px; padding-bottom: 5px;}
.auth_box .box_top h2 {font-size: 16px; font-weight: bold;}
.auth_box .box_middle {padding-bottom: 25px; width: 100%;}
.auth_box .box_middle input {width: 100%; border: 1px solid #ddd; padding: 10px 0 10px 7px; width: 100%;}
.auth_box .box_bot {text-align: center;}
.auth_box .box_bot button span {background-color: #ef4d4d; color: #fff; width: 200px; display: inline-block; height: 50px; line-height: 50px; font-size: 16px; font-weight: bold; border-radius: 10px;}
.chpw_2 {display: none;}

/* 마이페이지 (sns연동) */
.sns_check {display: inline-block;}
.sns_check .ad_box {width: 65%;}
.sns_check p {font-size: 15px; font-weight: bold; padding-bottom: 10px;} 
.sns_check > span {font-size: 13px; font-weight: bold;} 
.sns_check .ad_box p {padding-left: 16px; padding-top: 5px;}
.sns_check .ad_box p b {font-size: 11px; font-weight: normal;}
.info_btn {text-align: center; margin-top: 35px;}

.info_common .left_box {display: inline-block; vertical-align: middle; width: 70%;}
.info_common .right_box {margin-left: 10px; vertical-align: sub; display: inline-block; width: 20%; text-align: center; height: 35px; line-height: 30px; background-color: #ef4d4d; border-radius: 20px;}
.info_common .right_box button span {color: #fff; font-size: 10px; font-weight: bold;}
.sns_check2 {padding-top: 2%; text-align: center;}
.sns_check2::after {content: ''; clear: both; height: 0; visibility: hidden; display: block; }
.sns_title {display: inline-block; vertical-align: top; padding-right: 4%;}
.sns_title p {font-size: 15px; font-weight: bold;}
.sns_login {display: inline-block; vertical-align: top;}
.sns_login .common_login {margin-bottom: 15px;}
.sns_login .common_login img {width: 35px ; height: 35px; vertical-align: middle;}
.sns_login .common_login span {margin-left: 30px; width: 80px; height: 30px; display: inline-block; line-height: 30px; text-align: center; background-color: #333; color: #fff; border-radius: 15px; font-size: 10px; }


/**************** 마이페이지(프로젝트) ****************/
/* 마이페이지 등록한 프로젝트 */
.my_list ul li {overflow: hidden; border: 1px solid #dddddd; margin-bottom: 30px; border-radius: 0 25px 25px 0; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s;}
.my_list ul li:hover {transform: translateY(-3px); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); box-shadow: 8px 8px 8px #ddd;}
.my_list ul li .list_container {position: relative;}
.my_list ul li .list_container .list_poster {position: absolute; z-index: -1; left: 0; top: 0; width: 270px; height: 202px;}
.my_list ul li .list_container .list_poster .poster_box {position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); width: 100%; height: 100%;}
.my_list ul li .list_container .list_poster .poster_box img {position: absolute; width: 100%; min-height: 100%; transform: translate(-50% ,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.my_list ul li .list_container .list_subs {padding: 20px 0 30px 290px; box-sizing: border-box;}
.my_list ul li .list_container .list_subs .l_title span {font-size: 16px; font-weight: bold; color: #ef4d4d;}
.my_list ul li .list_container .list_subs .l_title h2 {font-size: 16px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.my_list ul li .list_container .list_subs .l_company  {padding-top: 15px;}
.my_list ul li .list_container .list_subs .l_company .l_name {display: inline-block;}
.my_list ul li .list_container .list_subs .l_company .l_name span {font-size: 14px; color: #5b696f;}
.my_list ul li .list_container .list_subs .l_company .l_hits {padding-left: 15px; display: inline-block;}
.my_list ul li .list_container .list_subs .l_company .l_hits p {font-size: 14px; background-color: #eef3fd; padding: 6px 22px; border-radius: 15px; }
.my_list ul li .list_container .list_subs .l_explain {padding-top: 20px;}
.my_list ul li .list_container .list_subs .l_explain p {font-weight: 300; line-height: 1.3; font-size: 14px; width: 80%; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden;}
.my_list ul li .list_container .list_subs .list_btn {padding: 30px 0 0 0;}
.my_list ul li .list_container .list_subs .list_btn a {background-color: #ef4d4d; font-size: 14px; padding: 7px 20px; color: #fff; border-radius: 15px;}

/* 마이페이지(수상작 선정후 수정사항 요청) */
.video_cont ul::after {content: ''; clear: both; visibility: hidden; height: 0; display: block;}
.video_cont ul li {width: calc(33% - 20px); cursor: pointer; margin-right: 30px; background-color: #fff; border: 1px solid #ddd; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s;  position: relative; float: left; margin-bottom: 70px; border-radius: 10px; overflow: hidden;}
.video_cont ul li:nth-of-type(3n) {margin-right: 0;}
.video_cont ul li:hover {transform: translateY(-3px); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); box-shadow: 8px 8px 8px #ddd;}
.video_cont ul li .middle_img {width: 100%; overflow: hidden; height: 192px; background-color: #333;}
.video_cont ul li .middle_img video {width: 100%; height: 100%;}
.video_cont ul li .middle_text {text-align: left;}
.video_cont ul li .middle_text .text_middle {padding-top: 3px;}
.video_cont ul li .middle_text .text_middle h4{font-size: 14px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.video_cont ul li .middle_text .text_bot {padding: 10px 20px;}
.video_cont ul li .middle_text .text_bot .a_img {display: inline-block; vertical-align: middle; width: 18px; height: 18px; overflow: hidden; border-radius: 50%;}
.video_cont ul li .middle_text .text_bot .a_img img {width: 100%; }
.video_cont ul li .middle_text .text_bot .a_nick {display: inline-block; line-height: 30px; vertical-align: middle;}
.video_cont ul li .middle_text .text_bot .a_nick span {font-size: 13px; font-weight: bold; padding-left: 3px;}
.video_cont ul li .middle_text .a_btn {text-align: right; padding: 10px 0;}
.video_cont ul li .middle_text .a_btn a {display: inline-block; color: #999; border: 1px solid #eee; padding: 10px 15px; text-align: center; font-size: 13px; border-radius: 5px; transition: 0.3s;}
.video_cont ul li .middle_text .a_btn a:hover {background-color: #ef4d4d; color: #fff;}

/**************** 마이페이지(프로젝트) ****************/
.project_box ul li {overflow: hidden; border: 1px solid #dddddd; margin-bottom: 30px; border-radius: 0 25px 25px 0; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s;} 
.project_box ul li:hover {transform: translateY(-3px); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); box-shadow: 8px 8px 8px #ddd;} 
.project_box ul li .list_container {position: relative;} 
.project_box ul li .list_container .list_poster {position: absolute; left: 0; top: 0; width: 250px; height: 202px;} 
.project_box ul li .list_container .poster_box {position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); width: 100%; height: 100%;} 
.project_box ul li .list_container .poster_box img {position: absolute; width: 100%; min-height: 100%; transform: translate(-50% ,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);} 
.project_box ul li .list_container .list_subs {padding: 22px 0 22px 290px; box-sizing: border-box;} 
.project_box ul li .list_subs .l_title span  {font-size: 16px; font-weight: bold; color: #ef4d4d;} 
.project_box ul li .list_subs .l_title h2 {vertical-align: sub; font-size: 16px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} 
.project_box ul li .list_subs .l_company {padding-top: 15px;}
.project_box ul li .list_subs .l_company .l_name {display: inline-block;} 
.project_box ul li .list_subs .l_company .l_name span {font-size: 14px; color: #5b696f;} 
.project_box ul li .list_subs .l_company .l_hits {padding-left: 15px; display: none;} 
.project_box ul li .list_subs .l_company .l_hits p {font-size: 14px; background-color: #eef3fd; padding: 6px 22px; border-radius: 15px;} 
.project_box ul li .list_subs .l_explain {padding-top: 20px;} 
.project_box ul li .list_subs .l_explain p {font-weight: 300; line-height: 1.3; font-size: 14px; width: 80%; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden;} 
.project_box ul li .list_subs .list_btn {padding: 15px 0 0 0;} 
.project_box ul li .list_subs .list_btn a {display: none; margin-right: 10px; background-color: #ef4d4d; font-size: 13px; font-weight: bold; line-height: 40px; text-align: center; width: 130px; height: 40px; color: #fff; border-radius: 10px;}


/**************** 마이페이지(New) ****************/
.streaming_cont {display: none;}
.streaming_cont:nth-of-type(1) {display: block;}
.st_btn {margin-bottom: 50px;}
.st_btn ul li {margin-left: 5px; color: #333; display: inline-block;}
.st_btn ul li a {position: relative;  color: #333; font-weight: bold; font-size: 12px; padding: 10px 35px 10px 20px; border-radius: 10px; border: 2px solid #eee;}
.st_btn ul li a::after {content: ''; background-image: url(../img/cate_arr.png); position: absolute; width: 13px; height: 6px; top: 45%; right: 10px;}
.st_btn ul li.active a {border: 1px solid #ef4d4d; transition: 0.5s; color: #ef4d4d;}
.st_btn ul li.active a::after{background-image: url(../img/cate_arr\(red\).png); transition: 0.5s;}
.st_btn select {width: 180px; padding: 8px 10px; font-size: 13px; background-color: transparent; color: #333; font-weight: bold; position: relative;}
.st_btn .st_selcet:before {width: 13px; height: 6px; right: 0; top:0; content: ''; position: absolute; background-image: url(../img/cate_arr_w.png); background-repeat: no-repeat;}

.mp_common {position: sticky; top: 100px; width: 305px; height: 560px;}
.mp_left .left_box1 {display: inline-block; vertical-align: middle; padding-right: 15px}
.mp_left .left_box1 .pro_box {position: relative; width: 80px; height: 80px;}
.mp_left .left_box1 .pro_box .img_box {text-align: center; display: inline-block; width: 80px; height: 80px; border-radius: 50%; border: 1px solid #eee; overflow: hidden;}
.mp_left .left_box1 .pro_box:hover .img_box {border: 1px solid #ef4d4d; transition: 0.5s;}
.mp_left .left_box1 .pro_box .img_box img {width: 100%; height: 100%; object-fit: cover;}
.mp_left .left_box1 .profile_btn {position: absolute; bottom: -1px; right: 3px;}
.mp_left .left_box1 .profile_btn label img {width: 20px;}
.mp_left .left_box1 .profile_btn input {display: none;}

.mp_left .left_box2 {display: inline-block; vertical-align: middle}
.mp_left .left_box2 .type_box {padding-bottom: 10px;}
.mp_left .left_box2 .type_box span {display: inline-block; text-align: center; box-sizing: border-box; letter-spacing: 1px;  padding: 4px 8px; background-color: #FBF4F4; color: #ef4d4d; font-weight: bold; border-radius: 5px; font-size: 12px;}
.mp_left .left_box2 p {font-size: 16px; font-weight: bold;}

.mp_left .left_box2 .join_date {margin-top: 10px;}
.mp_left .left_box2 .join_date span {font-size: 13px; color: #999; position: relative; padding-left: 20px;}
.mp_left .left_box2 .join_date span::before {content: ''; position: absolute; top: 2px; left: 0; background: url(/img/j_date.png); width: 16px ; height: 16px;}

.mp_left .left_box3 {display: block;}
.mp_left .left_box3 .admin_box {margin-top: 25px;}
.mp_left .left_box3 .admin_box a {display: inline-block; display: block; text-align: center; border: 1px solid #dbdbdb; padding: 10px 0; border-radius: 5px; }
.mp_left .left_box3 .admin_box .ad_change {color: #999; transition: 0.5s;}  
.mp_left .left_box3 .admin_box .ad_change:hover {background-color: #FAF2F2;}  
.mp_left .left_box3 .admin_box a span {width: 100%; height: 100%; font-size: 14px; position: relative; padding-left: 20px;}
.mp_left .left_box3 .admin_box a .ad_btn3::before {content: ''; position: absolute; top: 5px; left: 0; background: url(/img/change_icon.png); width: 16px ; height: 16px; background-repeat: no-repeat;}

.mp_left .left_box3 .qa_box {margin-top: 5px;}
.mp_left .left_box3 .qa_box span {cursor: pointer; font-size: 12px; position: relative; padding-left: 23px; color: #999; padding-bottom: 3px;}
.mp_left .left_box3 .qa_box span::before {content: ''; position: absolute; top: 0; left: 0; background: url(/img/qa_icon.png); width: 18px ; height: 18px;}

.mp_left .left_box_common {padding-top: 40px;}
.mp_left .left_box_common h4 {border-bottom: 1px solid #eee; font-size: 14px; font-weight: bold; padding-bottom: 8px;}
.mp_left .left_box_common ul li {padding-top: 17px;}
.mp_left .left_box_common ul li a {color: #999; font-size: 14px; position: relative;}
.mp_left .left_box_common ul li a:hover {color: #ef4d4d; font-weight: bold;}
.mp_left .left_box_common ul li a.active {font-size: 15px; color: #ef4d4d; font-weight: bold; transition: 0.3s;}

.mp_right {position: relative; width: calc(100% - 305px); padding-left: 40px; box-sizing: border-box;}

.mp_right .temp_my_box {position: absolute; top: 0; right: 0; z-index: 1;}
.mp_right .temp_my_box a {display: inline-block; padding: 10px 16px; border: 1px solid #ef4d4d; border-radius: 5px;}
.mp_right .temp_my_box a span {font-size: 14px; font-weight: bold; color: #ef4d4d;} 
.mp_right .temp_my_box a span:nth-child(2) {margin-left: 5px; display: inline-block; text-align: center; line-height: 16px; width: 22px; height: 16px; font-size: 12px; background-color: #ef4d4d; color: #fff; border-radius: 5px;}

.mp_right .right_top {margin-left: 5px; position: relative; }
.mp_right .right_top .mp_title {padding-bottom: 30px; position: relative;}
.mp_right .right_top .mp_title h2 {position: relative; font-size: 22px; font-weight: bold;}
.mp_right .right_top .mp_title h2::before {display: none; content: ""; position: absolute; width: 4px; height: 15px; background-color: rgb(239, 77, 77); top: 50%; left: 0px; transform: translate(0% , -50%);}

.mp_right .right_top .common_state ul {
    display: flex; 
    overflow-x: auto; 
    overflow-y: hidden;
    white-space: nowrap; 
    gap: 15px;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none; 
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}
.mp_right .right_top .common_state ul li {}
.mp_right .right_top .common_state ul li:nth-child(5) {display: none;}

.mp_right .right_top .common_state ul li a.on {border-bottom: 2px solid #ef4d4d; padding-bottom: 5px;}
.mp_right .right_top .common_state ul li a.on span {color: #333; font-weight: bold; font-size: 14px;}
.mp_right .right_top .common_state ul li a.on em {background-color: #ef4d4d;}

.mp_right .right_top .common_state ul .pw_change_btn.active {display: none;}

.mp_right .right_top .common_state ul li:hover span {font-weight: bold; color: #333; transition: 0.3s;}
.mp_right .right_top .common_state ul li:hover em {background-color: #333; transition: 0.3s;}

.mp_right .right_top .common_state ul li:last-child {padding-right: 0px;}
.mp_right .right_top .common_state ul li a span {font-size: 13px; vertical-align: middle; color: #999;}
.mp_right .right_top .common_state ul li a em {width: 22px; height: 16px; line-height: 16px; margin-left: 5px; text-align: center; display: inline-block; vertical-align: middle; background-color: #999; color:#fff; border-radius: 5px; font-size: 11px; }

.mp_right .right_bot {padding-top: 30px;}
.el_box ul li {cursor: pointer; margin-bottom: 20px; overflow: hidden; border: 1px solid #eee; border-radius: 0 25px 25px 0; position: relative; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s;}
.el_box ul li:hover {transform: translateY(-3px); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); box-shadow: 8px 8px 8px #ddd;}
.el_box ul li:after {content: ''; clear: both; height: 0; visibility: hidden; height: 0; display: block;}
.el_box ul li .pj_left {float: left; width: 292px;}
.el_box ul li .pj_left .img_box {width: 100%; height: 219px;}
.el_box ul li .pj_left .img_box img {width: 100%; height: 100%;}

.el_box ul li .pj_right {float: left; width: calc(100% - 292px); box-sizing: border-box; padding: 20px; }
.el_box ul li .pj_right .pj_top {padding-bottom: 15px;}
.el_box ul li .pj_right .pj_top h2 {margin-bottom: 10px; border-radius: 5px; box-sizing: border-box; padding: 5px 6px; background-color: #fbf4f4; color: #ef4d4d; font-size: 12px; display: inline-block; font-weight: bold;}
.el_box ul li .pj_right .pj_top p {padding-bottom: 10px; font-weight: bold; line-height: 1.4;}
.el_box ul li .pj_right .pj_top span {font-size: 14px; color: #999;}
.el_box ul li .pj_right .pj_top span em {color: #333;}

.el_box ul li .pj_right .pj_bot {}
.el_box ul li .pj_right .pj_bot p {color: #999; text-align: left; font-size: 13px; line-height: 16px;}
.el_box ul li .pj_right .pj_btn {text-align: center; position: absolute; bottom: 20px; right: 20px;}
.el_box ul li .pj_right .pj_btn a {display: none; background-color: #fff;  width: 120px; height: 40px; line-height: 40px; border-radius: 50px; border: 1px solid #ddd;  border-color: #ef4d4d;}
.el_box ul li .pj_right .pj_btn a:hover  {background-color: #f2f2f2; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s;}
.el_box ul li .pj_right .pj_btn a span {font-size: 14px; position: relative; padding-right: 15px; color: #999; color: #ef4d4d;}
.el_box ul li .pj_right .pj_btn a span::after {content: ''; position: absolute; top: 4px; right: -10px; background: url(/img/right_arr.r.png); width: 18px ; height: 18px; background-repeat: no-repeat;}
.el_box ul li .pj_right .rank_box {position: absolute; right: 20px; top: 0; display: none;}

/* 마이페이지 결제 내역 */
.mp_2 {display: none;}
.mp_2 .mp_prev {z-index: 3; position: absolute; padding-bottom: 20px; cursor: pointer; right: 0; top: 0;}
.mp_2 .mp_prev span {display: inline-block; vertical-align: middle; color: #999; font-size: 14px; }
.mp_2 .mp_prev img {display: inline-block; vertical-align: middle; padding-right: 3px;}

.mp_2 .right_top {position: relative;}
.mp_2 .right_middle {position: relative; border-bottom: 2px solid #ef4d4d;}
.mp_2 .right_middle p:nth-child(1) {font-weight: bold; color: #ef4d4d; padding-bottom: 20px; font-size: 14px;}
.mp_2 .right_middle h3 {padding-bottom: 20px;}
.mp_2 .right_middle p:nth-child(3) {color: #999; font-size: 14px; padding-bottom: 30px; }
.mp_2 .right_middle p:nth-child(3) em {color: #333;}
.mp_2 .right_middle .pay_data {position: absolute; top: 0; right: 0;}
.mp_2 .right_middle .pay_data span {color: #999; font-size: 14px; vertical-align: middle;}
.mp_2 .right_middle .pay_data b {display: inline-block; vertical-align: middle; font-size: 11px; color: #333;}

.mp_2 .right_bot h3 {font-weight: bold;}
.mp_2 .right_bot ul {border-bottom: 2px solid #eee; padding-top: 20px;}
.mp_2 .right_bot .pay_infobox2 {border-color: transparent;}
.mp_2 .right_bot ul li {padding-bottom: 25px;}
.mp_2 .right_bot ul li::after {content: ''; clear: both; height: 0; visibility: hidden; height: 0; display: block;}
.mp_2 .right_bot ul li .pay_info1 {color: #999; font-size: 14px; float: left;}
.mp_2 .right_bot ul li .pay_info2 {font-size: 14px; float: right;}

.pay_total {font-weight: bold; font-size: 6px;}
.pay_cate {font-weight: bold; font-size: 14px;}
.pay_comment {font-size: 12px; color: #ef4d4d;}

.pay_receipt {padding-top: 20px;}
.pay_receipt a {display: block; color: #ef4d4d; border: 1px solid #ef4d4d; text-align: center; font-weight: bold; border-radius: 10px; padding: 12px 0; font-size: 14px;}

.pay_notice {margin-bottom: 20px; box-sizing: border-box; background-color: #fff; padding: 15px; border: 1px solid #eee; border-radius: 10px;}
.notice_top {position: relative; cursor: pointer;}
.notice_top img {display: inline-block; vertical-align: middle;}
.notice_top h2 {display: inline-block; vertical-align: middle; padding-bottom: 2px; font-size: 14px;}
.notice_top::before {transition: 0.3s; transform: rotate(180deg); content: ''; position: absolute; right: 0; top: 0; background-image: url(/img/bottom_arr.png); width: 24px; height: 22px; background-repeat: no-repeat;}
.notice_top.active::before {transition: 0.3s; transform: rotate(360deg);}
.notice_middle {padding-top: 5px; }
.notice_middle ul li {padding-top: 10px;}
.notice_middle ul li p {color: #999; font-size: 12px;}

.pay_box ul li {cursor: pointer; position: relative; box-sizing: border-box; border: 1px solid #eee; padding: 20px; border-radius: 10px; margin-bottom: 20px;}
.pay_box ul li h3 {color: #ef4d4d; font-weight: bold; font-size: 14px;}
.pay_box ul li h3 span {padding-left: 10px; color: #999; font-weight: normal; font-size: 12px;}
.pay_box ul li p {padding-top: 16px; font-size: 14px;}
.pay_box ul li p span {font-size: 14px; color: #999;}
.pay_box ul li em {font-size: 12px;}
.pay_payment {font-weight: bold; font-size: 16px !important;}

.pay_top {position: absolute; top: 10px; right: 20px;}
.pay_top p {font-size: 14px; color: #999;}
.pay_bottom {position: absolute; bottom: 20px; right: 20px;}
.pay_bottom span {display: inline-block; vertical-align: middle; color: #999; font-size: 14px; padding-bottom: 3px;}
.pay_bottom img {display: inline-block; vertical-align: middle; padding-left: 3px;}
.pay_date {position: relative; padding-right: 4px;}
.pay_date::before {content: ''; position: absolute;}
.pay_num {padding-left: 4px;}

/* 마이페이지 알림 */
.mp_3 .right_middle {padding: 30px 0 0 5px;}
.mp_3 .right_middle::after {content: ''; clear: both; height: 0; visibility: hidden; height: 0; display: block;}
.mp_3 .right_middle .middle_left {float: left;}
.mp_3 .right_middle .middle_left p {font-size: 14px;}
.mp_3 .right_middle .middle_left p em {color: #ef4d4d; font-weight: bold;}
.mp_3 .right_middle .middle_right {float: right;}
.mp_3 .right_middle .middle_right a {font-size: 12px; display: inline-block; padding: 7px 15px; border-radius: 25px; border: 1px solid #eee; color: #ef4d4d;}
.mp_3 .right_middle .middle_right a:nth-child(1) {background-color: #FBF4F4; border-color: transparent; margin-right: 10px;}
.mp_3 .right_middle .middle_right a:nth-child(2) {background-color: #fff; border-color: #ef4d4d;}

.mp_3 .right_bot {padding-top: 30px;}
.mp_3 .right_bot ul li {max-height: 120px; cursor: pointer; position: relative; padding: 25px 0 25px 25px; border: 1px solid #eee; border-radius: 10px; box-sizing: border-box; margin-bottom: 15px; transition: 0.3s;}
.mp_3 .right_bot ul li:hover {background-color: #F9F9F9;}
.mp_3 .right_bot ul li.active {opacity: 50%; background-color: #F9F9F9;}
.mp_3 .right_bot .bot_left {display: inline-block; vertical-align: middle;}
.mp_3 .right_bot .bot_left .img_box {
    width: 48px; 
    height: 48px; 
    border-radius: 50%; 
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
}
.mp_3 .right_bot .bot_left .img_box img {
    width: 100%; 
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    vertical-align: middle;
}
.mp_3 .right_bot .bot_right {display: inline-block; vertical-align: middle; padding-left: 10px;}
.mp_3 .right_bot .bot_right span {color: #ef4d4d; font-weight: bold;}
.mp_3 .right_bot .bot_right h2 {max-width: 300px; height: 37px; line-height: 37px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.mp_3 .right_bot .bot_right p {
    max-width: 100%;
    font-size: 14px; 
    color: #999; 
    line-height: 1.2;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;

}
.mp_3 .right_bot .bot_right em {padding: 0 3px; font-size: 12px; color: #ddd; vertical-align: top;}
.mp_3 .right_bot .alerm_date {position: absolute; top: 25px; right: 25px;}
.mp_3 .right_bot .alerm_date span {color: #999; font-size: 12px;}

/* 마이페이지 찜 목록(콘테스트) */
.mp_4 .like_box ul {
    display: grid; 
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    list-style: none;
}
.mp_4 .like_box ul li {
    box-sizing: border-box;
    cursor: pointer;
    border: 1px solid #eee; 
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
}

.mp_4 .like_box .text_box {box-sizing: border-box; padding: 15px 15px 20px 15px; position: relative;}
.mp_4 .like_box .text_box .box_top span {font-size: 12px; color: #999; padding-left: 5px;}
.mp_4 .like_box .text_box .like_date.active {background-color: #F4F4F4 !important; color: #999 !important;}

.mp_4 .like_box .text_box .day_box {position: absolute; bottom: 20px; right: 15px;}
.mp_4 .like_box .text_box .day_box span {font-weight: bold; box-sizing: border-box; padding: 1px 6px; font-size: 12px; color: #ef4d4d; border-radius: 5px; background-color: #FBF4F4;}

.mp_4 .like_box .text_box .box_middle {}
.mp_4 .like_box .text_box .box_middle h3 {font-weight: bold;font-size: 14px;padding-top: 5px; -webkit-line-clamp: 1;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.4;}

.mp_4 .like_box .text_box .box_bottom {padding-top: 12px;}
.mp_4 .like_box .text_box .box_bottom p {font-size: 12px; color: #999;}
.mp_4 .like_box .text_box .box_bottom p b {font-weight: bold; color: #333;}

.mp_4 .like_btn {position: absolute; z-index: 1; bottom: -14px; right: 20px; width: 30px; height: 30px; line-height: 37px; background-color: #fff; border-radius: 50%; border: 1px solid #ddd;}
.mp_4 .like_btn img {width: 20px; height: 20px; line-height: 20px;}

.mp_4 .like_cate {padding: 30px 0 0 5px;}
.mp_4 .like_cate .left_box {display: inline-block; vertical-align: middle;}
.mp_4 .like_cate .right_box {padding-left: 5px; display: inline-block; vertical-align: middle;}
.mp_4 .like_cate .right_box p {font-size: 14px;}

/* 마이페이지 찜 목록(포트폴리오) */
.mp_4 .like_box ul li .middle_text {text-align: left; padding: 15px 20px; cursor: pointer; box-sizing: border-box;} 
.mp_4 .like_box ul li .middle_text .c_date {position: relative; display: inline-block; padding: 5px 8px 5px 20px;  border-radius: 20px; color: #999; background-color: #fbf4f4; font-weight: bold; font-size: 12px;}
.mp_4 .like_box ul li .middle_text .c_date::before {
    position: absolute;
    content: '';
    top: 7px;
    left: 7px;
    width: 8px;
    height: 11px;
    background-image: url(/img/play_radius_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.mp_4 .like_box ul li .middle_text .text_middle h4 {font-size: 14px; font-weight: bold; padding-top: 5px; -webkit-line-clamp: 1; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden;}
.mp_4 .like_box ul li .middle_text .text_middle span {color: #999; font-size: 12px;}

.mp_4 .like_box ul li .middle_text .text_bot {padding: 5px 0 5px 0; }
.mp_4 .like_box ul li .middle_text .text_bot .a_img {display: inline-block; vertical-align: middle; width: 20px; height: 20px; overflow: hidden; border-radius: 50%;}
.mp_4 .like_box ul li .middle_text .text_bot .a_img img {width: 100%; height: 100%; object-fit: cover;}
.mp_4 .like_box ul li .middle_text .text_bot .a_nick {display: inline-block; line-height: 30px; vertical-align: revert;}
.mp_4 .like_box ul li .middle_text .text_bot .a_nick span {font-size: 12px; padding-left: 3px; color: #999;}

/* 마이페이지 리스트 초기 */
.list_setting {display: none; text-align: center; box-sizing: border-box; border: 1px solid #eeeeee; border-radius: 5px; padding: 40px 0;}
.list_setting.on {display: block;}
.list_setting h2 {font-size: 20px;}
.list_setting h3 {font-size: 16px; font-weight: bold; padding-top: 10px;}
.list_setting p {font-size: 14px; padding-top: 10px;}
.list_setting a {display: inline-block; margin-top: 20px; padding: 16px 20px;  border-radius: 50px; border: 1px solid #ef4d4d; color: #ef4d4d; font-size: 13px; font-weight: bold;}
.list_setting a:hover {background-color: #FBF4F4; transition: 0.3s;}

/* 마이페이지 커뮤니티(내 활동 내역) */
.mp_5 .commu_box ul li {margin-bottom: 16px; box-sizing: border-box; padding: 20px 15px; border: 1px solid #eeeeee; border-radius: 5px;}
.mp_5 .commu_box ul li .commu_list_top span {display: inline-block; padding: 6px 8px; background-color: #f4f4f4; color: #999; border-radius: 5px; font-size: 12px; font-weight: bold;}
.mp_5 .commu_box ul li .commu_list_middle {padding-top: 18px;}
.mp_5 .commu_box ul li .commu_list_middle h2 {font-weight: bold; white-space: nowrap; text-overflow: ellipsis; }

.mp_5 .commu_box ul li .commu_list_bottom {padding-top: 18px;}
.mp_5 .commu_box ul li .commu_list_bottom::after {content: ''; clear: both; height: 0; visibility: hidden; display: block;}

.mp_5 .commu_box ul li .commu_list_bottom .bottom_left {float: left;}
.mp_5 .commu_box ul li .commu_list_bottom .bottom_left span {font-size: 12px;}
.mp_5 .commu_box ul li .commu_list_bottom .bottom_left span:nth-child(2) {font-size: 12px; color: #eeeeee;}
.mp_5 .commu_box ul li .commu_list_bottom .bottom_left .commu_list_date {color: #999;}

.mp_5 .commu_box ul li .commu_list_bottom .bottom_right {float: right;}
.mp_5 .commu_box ul li .commu_list_bottom .bottom_right .img_box {display: inline-block;}
.mp_5 .commu_box ul li .commu_list_bottom .bottom_right .img_box img {vertical-align: middle;}
.mp_5 .commu_box ul li .commu_list_bottom .bottom_right .img_box span {color: #999; font-size: 12px;}
.mp_5 .commu_box ul li .commu_list_bottom .bottom_right .line {margin: 0 5px; display: inline-block; width: 1px; height: 10px; background-color: #dddddd; vertical-align: middle;}

/* 마이페이지 (제작자 매칭) */
.mp_6 {}
.matching_box {}
.matching_box.active {display: none;}

.matching_box1 {display: none;}
.matching_box1.active {display: block;}

.main_matching_port {display: none; cursor: pointer; padding-bottom: 32px; border-bottom: 1px solid #eee;}
.main_matching_port.active {display: block;}

.sub_matching_port {display: none;}
.sub_matching_port.active {display: block}

.content_box {
    position: relative;
    overflow: hidden; 
    width: 100%; 
    border-radius: 10px; 
    text-align: center;
    background-color: #121212;
}
.content_box1 {aspect-ratio: 16 / 9;}
.content_box2 {max-height: 100%; aspect-ratio: 16 / 9; background-color: #333;}
.content_box .img_box {width: 100%; height: 100%;}
.content_box .img_box.active {display: none;}
.content_box .img_box img {max-width: 100%; height: 100%;}

.content_box .video_box {width: 100%; height: 100%; margin: 0 auto;}
.content_box .video_box video {width: 100%; height: 100%;}

.duration_box {display: none; position: absolute; right: 10px; bottom: 10px;}
.duration_box span {border-radius: 5px; font-weight: bold; font-size: 12px; color: #fff; background-color: rgba(0, 0, 0, 0.58); padding: 2px 5px; box-sizing: border-box;}

.main_matching_port .text_box .text_top {position: relative; margin-top: 32px;}
.main_matching_port .text_box .text_top h2 {padding-right: 170px; font-weight: bold; line-height: 1.4; font-size: 24px;}

.main_matching_port .matching_view_box {position: absolute; top: 0; right: 0;}
.main_matching_port .matching_view_box img {vertical-align: middle;}
.main_matching_port .matching_view_box span {padding-left: 3px; vertical-align: middle; color: #999; font-size: 14px;}

.main_matching_port .text_box .text_middle {padding-top: 32px;}
.main_matching_port .text_box .text_middle p {color: #999; font-weight: bold; padding-bottom: 12px;}
.main_matching_port .text_box .text_middle p:last-child {padding-bottom: 0;}
.main_matching_port .text_box .text_middle p span {font-weight: normal !important; padding-left: 8px; line-height: 1.4;}

.main_matching_port .text_box .text_middle {}

.sub_matching_port {padding-top: 32px;}
.sub_matching_port h3 {font-size: 20px; font-weight: bold;}

.sub_matching_port > ul {display: grid; gap: 20px;  grid-template-columns: repeat(3 , 1fr); padding-top: 24px;}
.sub_matching_port > ul > li {cursor: pointer; margin-bottom: 20px;}
.sub_matching_port > ul > li:nth-of-type(3n) {margin-right: 0px;}
.sub_matching_port > ul > li:hover .maker_icon_box {opacity: 100%; transition: 0.3s;}
.maker_like_small {display: none;}

.matching_box2 {display: none;}
.matching_box2.active {display: block;}
.matching_box2 ul {padding-top: 24px;}
.matching_box2 ul li {
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #eee;
    border-radius: 5px 5px;
    position: relative;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.matching_box2 ul li.active {}
.matching_box2 ul li::after {content: ''; clear: both; height: 0; visibility: hidden; display: block;}

.matching_box2 ul li .pj_box {float: left; padding: 20px 0 75px 20px; box-sizing: border-box;}
.matching_box2 ul li .pj_box .pj_top h2 {display: inline-block; position: relative; font-size: 20px; font-weight: bold; padding-bottom: 17px;}
.matching_box2 ul li .pj_box .pj_top h2::after {content: ''; position: absolute; width: 5px; height: 5px; background-color: #ef4d4d; border-radius: 50%; top: 0; right: -8px;}
.matching_box2 ul li .pj_box .pj_top h2.active::after {display: none;}

.matching_box2 ul li .pj_box .pj_bottom p {padding-bottom: 10px; font-weight: bold;}
.matching_box2 ul li .pj_box .pj_bottom span {font-weight: normal; padding-left: 8px;}

.matching_box2 ul li .pj_btn {text-align: center; position: absolute; bottom: 20px; right: 20px;}
.matching_box2 ul li .pj_btn a {margin-left: 10px; display: inline-block; width: 132px; height: 40px; line-height: 40px; border-radius: 50px; border: 1px solid #ddd;  border-color: #ef4d4d;}
.matching_box2 ul li .pj_btn a span {font-size: 14px; position: relative; padding-right: 15px; color: #999; color: #ef4d4d;}
.matching_box2 ul li .pj_btn a span::after {content: ''; position: absolute; top: 4px; right: -10px; background: url(/img/right_arr.r.png); width: 18px ; height: 18px; background-repeat: no-repeat;}

.matching_box2 ul li .pj_btn .sheet_pen_btn {border-color: #f9f9f9 !important; background-color: #f9f9f9 !important;}
.matching_box2 ul li .pj_btn .sheet_pen_btn span {color: #999 !important;}
.matching_box2 ul li .pj_btn .sheet_pen_btn span::after {content: ''; position: absolute; top: 0px; right: -10px; background: url(/img/pen_icon.png); background-size: cover; background-repeat: no-repeat;}

.matching_box2 ul li .pj_btn .sheet_call_btn {border-color: #f9f9f9 !important; background-color: #f9f9f9 !important;}
.matching_box2 ul li .pj_btn .sheet_call_btn span {color: #999 !important;}
.matching_box2 ul li .pj_btn .sheet_call_btn span::after {content: ''; position: absolute; top: 0px; right: -10px; background: url(/img/talk_icon.png); background-size: cover; background-repeat: no-repeat;}

.matching_box2 ul li .pj_btn .sheet_profile_btn {width: 95px;}
.matching_box2 ul li .pj_btn .sheet_profile_btn span {padding-right: 0px !important;}
.matching_box2 ul li .pj_btn .sheet_profile_btn span::after {width: 0px !important; height: 0px !important;}

.matching_box2 ul li .pj_btn .sheet_down_btn {width: 44px; height: 44px; line-height: 50px; border-color: #eeeeee;}

/* 아트레이터 인증 팝업 */
.artrator_auth_popup {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 999;}
.artrator_auth_popup.active {display: block;}
.artrator_auth_popup .inner4 {display: flex; align-items: center; height: 100%;}
.artrator_auth_popup .inner4 .content_box {background-color: #fff; border-radius: 5px; box-sizing: border-box; padding: 30px 30px;}
.artrator_auth_popup .inner4 .content_box p {line-height: 1.4; padding: 10px 0 28px 0; font-weight: bold; font-size: 18px;}
.artrator_auth_popup .inner4 .content_box .btn_box {display: flex;}
.artrator_auth_popup .inner4 .content_box .btn_box a {width: 50%; box-sizing: border-box; border-radius: 5px; font-weight: bold; display: inline-block; font-size: 14px; padding: 16px 0; border: 1px solid #eee;}
.artrator_auth_popup .inner4 .content_box .btn_box a:nth-child(1) {background-color: #fff; margin-right: 5px;}
.artrator_auth_popup .inner4 .content_box .btn_box a:nth-child(2) {background-color: #ef4d4d; color: #fff;}

/* 견적서 리스트 팝업 */
.sheet_list_popup .sheet_popup_top {background-color: #fff; box-sizing: border-box; padding: 40px 40px;}
.sheet_list_popup .sheet_popup_top h2 {font-size: 24px; font-weight: bold;}
.sheet_list_popup .sheet_popup_top p {padding-top: 15px; color: #999; font-weight: bold;}
.sheet_list_popup .sheet_popup_top p span {padding-left: 5px; font-weight: lighter;}

.sheet_list_popup .sheet_popup_bottom {display: flex; background-color: #f9f9f9;}
.sheet_list_popup .sheet_popup_bottom .sheet_num_box {border-right: 1px solid #eee; width: 250px; box-sizing: border-box;}
.sheet_list_popup .sheet_popup_bottom .sheet_num_box ul {padding-top: 23px;}
.sheet_list_popup .sheet_popup_bottom .sheet_num_box ul li a {display: block; padding: 16px 13px 16px 40px; box-sizing: border-box;}
.sheet_list_popup .sheet_popup_bottom .sheet_num_box ul li a.active span {color: #333;}
.sheet_list_popup .sheet_popup_bottom .sheet_num_box ul li a span {font-size: 20px; font-weight: bold; color: #999;}

.sheet_list_popup .sheet_popup_bottom .sheet_table_box {width: calc(100% - 250px); max-height: 610px; overflow-y: scroll; padding-top: 30px; display: flex; justify-content: center; align-items: center;}
.sheet_list_popup .sheet_popup_bottom .sheet_table_box .sheet_table_inner {margin: 100px 0 30px 0; width: 100%; max-width: 650px; padding: 40px 40px; box-sizing: border-box; border-radius: 10px; background-color: #fff;}
.sheet_list_popup .sheet_popup_bottom .sheet_table_box .sheet_table_inner .table_title h2 {font-size: 24px; font-weight: bold;}
.sheet_list_popup .sheet_popup_bottom .sheet_table_box .sheet_table_inner .sheet_popup_total {border-top: 2px solid #999; background-color: #f9f9f9 !important;}

.sheet_choice_btn .img_box {background-color: #ef4d4d !important;}

/* 사용자 전화 팝업 */
.user_popup {border-radius: 5px !important; overflow: hidden !important;}
.user_inner {width: 900px !important; background-color: #fff; transition: 0.4s; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); opacity: 0;}
.popup_box1 .user_inner.active {transform: scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);  opacity: 1;}
.user_popup .user_inner .inner_top {position: relative; box-sizing: border-box; padding: 40px; border-bottom: 1px solid #eee; background-color: #fff;}
.user_popup .user_inner .inner_top .popup_close {position: absolute; top: -20px; right: -20px; }
.user_popup .user_inner .inner_top .popup_close img {width: 50px; height: 50px;}
.user_popup .user_inner .inner_top .img_box {display: inline-block; width: 45px; height: 45px; vertical-align: middle; overflow: hidden;}
.user_popup .user_inner .inner_top .img_box img {width: 100%;}
.user_popup .user_inner .inner_top .text_box {display: inline-block;  vertical-align: middle;  padding-left: 10px;}
.user_popup .user_inner .inner_top .text_box h2 {position: relative; padding-left: 10px; font-size: 18px; font-weight: bold;}
.user_popup .user_inner .inner_top .text_box h2::before {content: ""; position: absolute; width: 4px; height: 15px; background-color: rgb(239, 77, 77); top: 50%; left: 0px; transform: translate(0% , -50%);}
.user_popup .user_inner .inner_top .text_box p {font-size: 14px; padding : 10px 0 0 0px;}
.user_popup .user_inner .inner_top .text_box p b {font-weight: bold;}

.user_popup .user_inner .inner_bot {background-color: #fff; text-align: center; padding: 30px 40px 30px 40px; display: flex; justify-content: center; align-items: center; }
.user_popup .user_inner .inner_bot .bot_box {position: relative; display: flex; width: 50%; height: 165px; border: 1px solid #eee; border-radius: 15px; box-sizing: border-box; padding: 20px;}
.user_popup .user_inner .inner_bot .bot_box:nth-child(1) {margin-right: 10px}
.user_popup .user_inner .inner_bot .bot_box .img_box {position: absolute; right: 0; bottom: 0; display: inline-block; vertical-align: top; width: 130px; height: 130px; overflow: hidden;}
.user_popup .user_inner .inner_bot .bot_box .img_box img {width: 100%;}
.user_popup .user_inner .inner_bot .bot_box .text_box {width: 215px; display: inline-block; vertical-align: top; text-align: left;}
.user_popup .user_inner .inner_bot .bot_box .text_box h2 {font-size: 18px; font-weight: bold; }
.user_popup .user_inner .inner_bot .bot_box .text_box p {padding-top: 10px; font-size: 13px; line-height: 1.4;} 
.user_popup .user_inner .inner_bot .bot_box .text_box p b {font-weight: bold;}

.user_popup .user_inner .inner_bot .bot_top {text-align: left; }
.user_popup .user_inner .inner_bot .bot_top h3 {position: relative; line-height: 1.4; font-size: 14px; border: 1px solid #eee; padding: 20px 0px 20px 50px; border-radius: 10px;}
.user_popup .user_inner .inner_bot .bot_top h3::before {content: ''; position: absolute; top: 26px; left: 20px; background: url(/img/wa_icon.png); width: 25px ; height: 25px; background-repeat: no-repeat;}
.user_popup .user_inner .inner_bot .bot_top h3 b {font-weight: bold;}

.user_popup .user_inner .inner_bot .bot_middle {text-align: left; padding: 30px 0 10px 0;}
.user_popup .user_inner .inner_bot .bot_middle ul li {margin-bottom: 30px;}
.user_popup .user_inner .inner_bot .bot_middle ul li:nth-child(1) {display: none;}
.auth_text {margin-top: 10px; color: #999; font-size: 13px;}
.auth_text b {font-weight: bold;}

.art_info p {font-size: 14px; padding-bottom: 10px; font-weight: bold;}
.ainfo_box {display: inline-block; vertical-align: middle; margin-right: 10px;}
.info_box1 {width: 200px;}
.info_box1 input {width: 100%;}
.info_box1 select {width: 100%;}
.info_box2 {width: 300px;}
.info_box2 input {width: 100%;}
.info_box3 {width: 200px;}
.info_box3 input {width: 100%;}
.info_box4 {padding-left: 9px; width: 200px;}
.info_box4 input {height: 48px;}

.user_popup .inner_bot .bot_bottom {text-align: center;}
.user_popup .inner_bot .bot_bottom .a_info_btn a {display: inline-block; width: 140px; height: 46px;  line-height: 46px; font-weight: bold; background-color: #ef4d4d; color: #fff; font-size: 14px; border-radius: 25px;}
.a_info_btn1 {display: none;}
.a_info_btn2 {display: none;}

/* 계정 전환 팝업 */
.sns_inner {width: 900px !important; background-color: #fff; transition: 0.4s; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); opacity: 0;}
.popup_box1 .user_inner.active {transform: scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);  opacity: 1;}
.sns_popup .sns_inner .inner_top {position: relative; box-sizing: border-box; padding: 40px; border-bottom: 1px solid #eee; background-color: #fff;}
.sns_popup .sns_inner .inner_top .popup_close {position: absolute; top: -20px; right: -20px; }
.sns_popup .sns_inner .inner_top .popup_close img {width: 50px; height: 50px;}
.sns_popup .sns_inner .inner_top .img_box {display: inline-block; width: 45px; height: 45px; vertical-align: middle; overflow: hidden;}
.sns_popup .sns_inner .inner_top .img_box img {width: 100%;}
.sns_popup .sns_inner .inner_top .text_box {display: inline-block;  vertical-align: middle;  padding-left: 10px;}
.sns_popup .sns_inner .inner_top .text_box h2 {position: relative; padding-left: 10px; font-size: 18px; font-weight: bold;}
.sns_popup .sns_inner .inner_top .text_box h2::before {content: ""; position: absolute; width: 4px; height: 15px; background-color: rgb(239, 77, 77); top: 50%; left: 0px; transform: translate(0% , -50%);}
.sns_popup .sns_inner .inner_top .text_box p {font-size: 14px; padding : 10px 0 0 10px;}
.sns_popup .sns_inner .inner_top .text_box p b {font-weight: bold;}

.sns_popup .sns_inner .inner_bot {background-color: #fff; text-align: center; padding: 30px 40px 30px 40px}
.sns_popup .sns_inner .inner_bot .bot_box {display: inline-block; width: 49%; border: 1px solid #eee; border-radius: 15px; box-sizing: border-box; padding: 20px;}
.sns_popup .sns_inner .inner_bot .bot_box:nth-child(1) {margin-right: 10px}
.sns_popup .sns_inner .inner_bot .bot_box .img_box {display: inline-block; vertical-align: middle; width: 130px; height: 130px; overflow: hidden;}
.sns_popup .sns_inner .inner_bot .bot_box .img_box img {width: 100%;}
.sns_popup .sns_inner .inner_bot .bot_box .text_box {width: 185px; padding-left: 20px; display: inline-block; vertical-align: middle; text-align: left;}
.sns_popup .sns_inner .inner_bot .bot_box .text_box h2 {font-size: 18px; font-weight: bold; }
.sns_popup .sns_inner .inner_bot .bot_box .text_box p {padding-top: 10px; font-size: 13px; line-height: 1.4;} 

.sns_popup .sns_inner .inner_bot .bot_top {text-align: left; }
.sns_popup .sns_inner .inner_bot .bot_top h3 {position: relative; line-height: 1.4; font-size: 14px; border: 1px solid #eee; padding: 20px 0px 20px 50px; border-radius: 10px;}
.sns_popup .sns_inner .inner_bot .bot_top h3::before {content: ''; position: absolute; top: 26px; left: 20px; background: url(/img/wa_icon.png); width: 25px ; height: 25px; background-repeat: no-repeat;}
.sns_popup .sns_inner .inner_bot .bot_top h3 b {font-weight: bold;}

.sns_popup .sns_inner .inner_bot .bot_middle {padding-top: 30px; text-align: left;}
.sns_popup .sns_inner .inner_bot .bot_middle ul li {padding-bottom: 25px;}
.sns_popup .sns_inner .inner_bot .bot_middle ul li:last-child {padding-bottom: 0;}
.sns_popup .sns_inner .inner_bot .bot_middle ul li p {padding-bottom: 10px; font-weight: bold;}
.sns_popup .sns_inner .inner_bot .bot_middle ul li .changeinfo_box input {width: 360px; height: 42px;}
.sns_popup .sns_inner .inner_bot .bot_middle ul li .changeinfo_box .left_box {display: inline-block;}
.sns_popup .sns_inner .inner_bot .bot_middle ul li .changeinfo_box .right_box {display: inline-block; padding-left: 20px;}

.sns_popup .sns_inner .inner_bot .bot_bottom {text-align: center;}
.sns_popup .sns_inner .inner_bot .bot_bottom .changeinfo_btn {padding-top: 30px;}
.sns_popup .sns_inner .inner_bot .bot_bottom .changeinfo_btn a {display: inline-block; width: 200px; height: 45px; line-height: 45px; color: #fff; background-color: #ef4d4d; border-radius: 50px;}

/* 커뮤니티 팝업 */
.commu_inner {max-width: 1100px !important; border-radius: 20px; background-color: #fff; transition: 0.4s; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); opacity: 0;}
.popup_box2 .commu_inner.active {transform: scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);  opacity: 1;}

.commu_inner .slick-dots {bottom: -25px !important;}
.commu_inner ul.slick-dots li {width:8px; height:8px; background-color: #ddd !important; margin:0 4px; border-radius: 15px; transition:all 0.5s; -ms-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -moz-transition:all 0.5s;}
.commu_inner ul.slick-dots li button{width:100%; height:100%; padding:0; }
.commu_inner ul.slick-dots li button:before {display:none}
.commu_inner ul.slick-dots li.slick-active{background:#ef4d4d !important; width: 50px;}

/* 사업자 조회 팝업 */
.biz_inner {max-width: 450px !important; background-color: #fff; transition: 0.4s; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); opacity: 0; border-radius: 20px;}
.biz_inner .inner_top {padding: 30px 0 0 20px; box-sizing: border-box;}
.biz_inner .inner_top h2 {font-weight: bold; font-size: 18px;}
.biz_inner .inner_top ul {padding: 20px 0 0px 0;}
.biz_inner .inner_top ul::after {content: ''; clear: both; height: 0; visibility: hidden; display: block;}
.biz_inner .inner_top ul li {float: left; padding-right: 20px;}
.biz_inner .inner_top ul li a {padding-bottom: 10px; font-weight: bold; font-size: 14px; color: #999; display: inline-block; }
.biz_inner .inner_top ul li a.active {border-bottom: 2px solid #ef4d4d; color: #333;}

.biz_inner .inner_bot1.active {display: block;}
.biz_inner .inner_bot2.active {display: block;}
.biz_inner .inner_bot1 {border-top: 1px solid #ddd; padding: 20px 20px 30px 20px; box-sizing: border-box; display: none;}
.biz_inner .inner_bot1 .biz_search_box {margin-bottom: 20px;}
.biz_inner .inner_bot1 .biz_list_box ul {position: relative; width: 100%; height: 400px; overflow-y: auto; border: 1px solid #ddd; border-radius: 5px;}
.biz_inner .inner_bot1 .biz_list_box ul li {cursor: pointer; box-sizing: border-box; padding: 16px 16px; border-bottom: 1px solid #ddd;}
.biz_inner .inner_bot1 .biz_list_box ul li:hover {background-color: #F9F9F9;}
.biz_inner .inner_bot1 .biz_list_box ul li h3 {text-align: center; font-size: 14px; color: #999; line-height: 1.4;}
.biz_inner .inner_bot1 .biz_list_box ul li h3 em {font-size: 12px;}
.biz_inner .inner_bot1 .biz_list_box ul li h3 b {font-size: 13px; color: #181c1f; font-weight: bold;}
.biz_inner .inner_bot1 .biz_list_box ul li .biz_info h2 em {font-size: 12px;}
.biz_inner .inner_bot1 .biz_list_box ul li .biz_info .biz_name {font-size: 14px; font-weight: bold;}
.biz_inner .inner_bot1 .biz_list_box ul li .biz_info p:nth-child(2) {font-size: 12px; padding: 8px 0;}
.biz_inner .inner_bot1 .biz_list_box ul li .biz_info p:nth-child(3) {font-size: 12px;}

.biz_inner .biz_send_box {padding: 20px 0 30px 0; text-align: center;}
.biz_inner .biz_send_box a {display: block; background-color: #ef4d4d; font-weight: bold; width: 100%; height: 52px; line-height: 52px; color: #fff; border-radius: 5px;}

.biz_inner .inner_bot2 {padding: 30px 20px 0px 20px; box-sizing: border-box; display: none; border-top: 1px solid #ddd;}
.biz_inner .inner_bot2 .biz_direct_box ul li {margin-bottom: 20px;}
.biz_inner .inner_bot2 .biz_direct_box ul li p {font-size: 14px; font-weight: bold; padding-bottom: 10px;}
.biz_inner .inner_bot2 .biz_direct_box ul li input {width: 100%; height: 42px; border-radius: 5px; font-size: 12px;}

/* 임시저장 팝업 */
.temp_inner {max-width: 450px !important; background-color: #fff; transition: 0.4s; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); opacity: 0; border-radius: 20px;}
.temp_inner .inner_top {padding: 20px 0 20px 20px; box-sizing: border-box; border-bottom: 1px solid #eee;}
.temp_inner .inner_top h2 {font-weight: bold; font-size: 18px;}

.temp_inner .inner_bot1 {display: flex; justify-content: space-between; align-items: center; padding: 25px 20px;}
.temp_inner .inner_bot1 .bot_left p {font-size: 14px;}
.temp_inner .inner_bot1 .bot_left p em {color: #ef4d4d; font-weight: bold;}
.temp_inner .inner_bot1 .bot_right a { display: inline-block; font-size: 14px; color: #ef4d4d; padding: 7px 15px; border-radius: 50px; border: 1px solid #ef4d4d;}
.temp_inner .inner_bot1 .bot_right.active {display: none;}

.temp_inner .inner_bot2 {padding: 0px 20px 20px 20px; box-sizing: border-box;}
.temp_inner .inner_bot2 ul {position: relative; width: 100%; height: 400px; overflow-y: auto; border: 1px solid #ddd; border-radius: 5px;}
.temp_inner .inner_bot2 ul li {cursor: pointer; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.temp_inner .inner_bot2 ul li:hover {background-color: #F9F9F9;}
.temp_inner .inner_bot2 ul li .temp_info {position: relative; padding: 16px 16px;}
.temp_inner .inner_bot2 ul li .temp_info_left h2 {font-size: 14px; font-weight: bold;}
.temp_inner .inner_bot2 ul li .temp_info_left p {font-size: 12px; color: #999; padding-top: 5px;}

.temp_inner .inner_bot2 ul li .temp_info_right {position: absolute; top: 50%; right: 0; transform: translate(-50% ,-50%);}
.temp_inner .inner_bot2 ul li .temp_info_right span {font-size: 12px; font-weight: bold; color: #ef4d4d; display: none;}
.temp_inner .inner_bot2 ul li .temp_info_right span.active {display: block;}
.temp_inner .inner_bot2 ul li .temp_info_right img.active {display: none;}


/**************** 마이페이지(후보자 상세 페이지) ****************/
.candidate_box {display: none; box-sizing: border-box; padding: 20px 20px; background-color: #fff; border: 1px solid #eee; border-radius: 15px;}
.candidate_box .box_top {position: relative; border-bottom: 1px solid #eee; padding-bottom: 20px;}
.candidate_box .box_top h3 {position: relative; font-weight: bold; font-size: 18px; padding-left: 10px;}
.candidate_box .box_top h3::before {content: ""; position: absolute; width: 4px; height: 60%; background-color: rgb(239, 77, 77); top: 4px; left: 0px;}
.candidate_box .box_top p {padding-top: 10px; font-size: 13px; color: #999;}

.candidate_box .box_bot {padding-top: 20px;}
.candidate_box .box_bot p {display: none; font-size: 14px; margin: 10px 0px 0 10px;}
.candidate_box .box_bot p span {color: #ef4d4d; font-weight: bold;}
.candidate_box .box_bot ul {padding-top: 20px; display: grid; grid-template-columns: repeat(3 , 1fr); gap: 20px;}
.candidate_box .box_bot ul li {border-radius: 10px; overflow: hidden; position: relative; cursor: pointer; border: 1px solid #eee; box-sizing: border-box;} 
.candidate_box .box_bot ul li:hover .detail_btn {opacity: 100%; transition: 0.3s;}

.candidate_box .box_bot ul li:before {position: absolute; top: 0; left: 15px; content: ''; width: 100px; height: 100px; z-index: 99; background-repeat: no-repeat;} 
.candidate_box .box_bot ul li.active.videoAr_01::before {display: block; background-image: url(/img/first_icon.png);}
.candidate_box .box_bot ul li.active.videoAr_02::before {display: block; background-image: url(/img/second_icon.png);}
.candidate_box .box_bot ul li.active.videoAr_03::before {display: block; background-image: url(/img/thrid_icon.png);}

.candidate_box .box_bot ul li .text_box {padding: 11px 10px;}
.candidate_box .box_bot ul li .text_box .c_img {display: inline-block;border-radius: 50%;  vertical-align: middle; width: 22px; height: 22px; overflow: hidden;}
.candidate_box .box_bot ul li .text_box .c_img img {width: 100%; height: 100%;}
.candidate_box .box_bot ul li .text_box .c_nick {display: inline-block; vertical-align: middle; padding-left: 5px; font-size: 13px;}

.ud_btn1 {display: none;}
.ud_btn2 {display: none;}

.final_btn {position: absolute; top: 10px; right: 0px; text-align: center;}
.final_btn a {display: inline-block; width: 110px; height: 40px; line-height: 40px; border-radius: 50px; background-color: #ef4d4d;}
.final_btn a span {font-size: 14px; position: relative; padding-right: 15px; color: #fff;}
.final_btn a span::after {content: ''; position: absolute; top: 4px; right: -10px; background: url(/img/right_arr_w.png); width: 18px ; height: 18px; background-repeat: no-repeat;}

.detail_btn {width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; opacity: 0;}
.detail_btn a {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 110px; height: 35px; line-height: 35px; border-radius: 50px; border: 1px solid #fff;}
.detail_btn a span {font-weight: bold; font-size: 12px; position: relative; padding-right: 15px; color: #fff;}
.detail_btn a span::after {content: ''; position: absolute; top: 3px; right: -10px; background: url(/img/right_arr_w.png); width: 18px ; height: 18px; background-repeat: no-repeat;}

.select_btn {position: absolute; z-index: 998; bottom: -14px; right: 20px; width: 30px; height: 30px; line-height: 30px; background-color: #fff; border-radius: 50%; border: 1px solid #ddd;}
.select_btn::before {content: ''; background: url(/img/likeBtn1.png); position: absolute; top: 50%; left: 50%;transform: translate(-50% , -50%);  width: 20px; height: 20px; background-repeat: no-repeat; background-position: center;}
.select_btn.active::before {background: url(/img/likeBtn2.png); position: absolute; top: 50%; left: 50%;transform: translate(-50% , -50%);  width: 20px; height: 20px; background-repeat: no-repeat; background-position: center;}

.medal_icon {position:absolute; top: 0; left: 15px; display: none; z-index: 3;}


/**************** 후보작 선정(리스트) ****************/
.popup_left2 {width: 786px !important; background-color: #fff;}
.popup_right2 {position: fixed !important; width: 389px ; margin-left: 24px;}

.popup_left2 {background-color: #fff;}
.popup_left2 .top_title {border-color: #eee;}
.popup_left2 ul {padding: 25px; box-sizing: border-box; display: grid; gap: 20px; grid-template-columns: repeat(2 , 1fr);}
.popup_left2 ul::-webkit-scrollbar {display: none;}
.popup_left2 ul li {border-radius: 10px; box-sizing: border-box; position: relative; cursor: pointer; border: 1px solid #eee; box-sizing: border-box; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s;} 
.popup_left2 ul li:before {transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s; opacity: 0; position: absolute; top: 0; left: 15px; content: ''; width: 100px; height: 100px; z-index: 99; background-repeat: no-repeat;} 
.popup_left2 ul li.active.videoAr_01::before {opacity: 100%; background-image: url(/img/first_icon.png);}
.popup_left2 ul li.active.videoAr_02::before {opacity: 100%; background-image: url(/img/second_icon.png);}
.popup_left2 ul li.active.videoAr_03::before {opacity: 100%; background-image: url(/img/thrid_icon.png);}

.popup_left2 ul li.active {transition: 0.3s; border: 1px solid #ef4d4d;}
.popup_left2 ul li:hover .detail_btn {opacity: 100%; transition: 0.3s;}
.popup_left2 ul li:hover {transform: translateY(-3px); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); box-shadow: 8px 8px 8px #ddd;}
.popup_left2 ul li:nth-of-type(2n) {margin-right: 0;}

.popup_left2 ul li .text_box {padding: 11px 10px;}
.popup_left2 ul li .text_box .c_img {display: inline-block;border-radius: 50%;  vertical-align: middle; width: 22px; height: 22px; overflow: hidden;}
.popup_left2 ul li .text_box .c_img img {width: 100%; height: 100%;}
.popup_left2 ul li .text_box .c_nick {display: inline-block; vertical-align: middle; padding-left: 5px; font-size: 13px;}

/* 진행중인 참여작품(후보작 선정) BOX1 */
.popup_right2  {padding-top: 12px;}
.popup_right2 ul li {border-radius: 10px; overflow: hidden; margin-bottom: 20px;}
.popup_right2 ul li:last-child {margin-bottom: 20px;}
.popup_right2 ul li .title_video {width: 100%; height: auto;; aspect-ratio: 16 / 9;}
.popup_right2 ul li .title_video video {width: 100%; height: 100%; }
.popup_right2 ul li .title_video video.active {width: 50%; height: 50%;}

.popup_right2 .submit_btn {text-align: center; padding: 20px 0; border-top: 1px solid #eee;}
.popup_right2 .submit_btn a {text-align: center; display: inline-block; margin-right: 10px; width: 120px; height: 40px; line-height: 40px; border-radius: 50px; border: 1px solid #ddd;}
.popup_right2 .submit_btn a:nth-child(1) {background-color: #fff; color: #ef4d4d; border-color: #ef4d4d;}
.popup_right2 .submit_btn a:nth-child(2) {background-color: #ef4d4d; color: #fff;}

.final_text {margin: 0px 20px 20px 20px; text-align: center; background-color: #f2f2f2; border-radius: 10px; box-sizing: border-box; padding: 15px 0;}
.final_text p {color: #ef4d4d; font-size: 14px; line-height: 1.4;}

.end_text {box-sizing: border-box; padding: 20px 10px; border: 1px solid #eee; border-radius: 10px;}
.end_text h3 {font-size: 14px; display: flex; align-items: center;}
.end_text h3 img {padding-right: 5px;}
.end_text h3 span {line-height: 1.4;}

.candi_text {margin: 20px 30px; box-sizing: border-box; padding: 20px 20px; border: 1px solid #eee; border-radius: 10px;}
.candi_text h3 {font-size: 14px; display: flex; align-items: center;}
.candi_text h3 img {padding-right: 5px;}
.candi_text h3 span {}

/**************** 마이페이지(심사중 강조 텍스트) ****************/
.process_text {padding: 0px 0 40px 0; text-align: center; display: none;}
.text_box2 {padding: 35px 0; box-sizing: border-box; background-color: #FAF2F2; border-radius: 15px 15px 15px 0;}
.process_text h2 {text-align: center; font-weight: bold; line-height: 1.6; font-size: 14px;}
.process_text h2 span {margin-bottom: 3px; padding: 2px 10px; border-radius: 15px; color: #fff; background-color: #ef4d4d; font-size: 13px; font-weight: bold; font-size: 9px;}
.process_text p {color: #ef4d4d; padding-top: 15px; font-size: 12px;}

/**************** 마이페이지(리스트 없을때 텍스트) ****************/
.list_text {display: none; background-color: #F9F9F9; text-align: center; box-sizing: border-box; padding : 40px 0; width: 100%; border-radius: 10px; border: 1px solid #DBDBDB; box-shadow: 8px 8px 8px #ddd;}
.list_text .img_box {width: 60px; height: 60px; display: inline-block;}
.list_text .img_box img {width: 100%; height: 100%;}
.list_text p {color: #999; font-size: 14px; padding-top: 10px;}

.list_text a {position: relative; background-color: #ef4d4d; display: inline-block; margin-top: 20px; width: 150px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; border-radius: 50px; padding-right: 12px; box-sizing: border-box;}
.list_text a::after{content: ""; position: absolute; top: 14px; right: 3px; background: url(/img/right_arr_w.png) no-repeat; width: 18px; height: 18px;}

/**************** 마이페이지(정보변경) ****************/
.info_box .info_cont {box-sizing: border-box; border-radius: 15px;}
.info_box .info_cont ul::after {content: ''; clear: both; height: 0; visibility: hidden; height: 0; display: block;}
.info_box .info_cont ul li {float: left; width: 48%;}
.info_box .info_cont ul li p {padding-bottom: 10px; font-size: 12px; font-weight: bold; line-height: 1.4;}

.info_cont1 ul li:nth-of-type(2n) {margin-left: 4%;}
.info_cont1 ul li:nth-child(3) {padding: 35px 0;}
.info_cont1 ul li:nth-child(4) {padding: 35px 0;}
.info_cont1 ul li input {width: 100%; height: 42px; font-size: 12px;}
.info_cont1 ul li .sns_box {padding-top: 5px;}
.info_cont1 ul li .sns_box .sns_check {display: inline-block; vertical-align: middle; width: 22px; height: 22px; border: 1px solid #eee !important;}
.info_cont1 ul li .sns_box span {padding-left: 5px; display: inline-block; vertical-align: middle; font-size: 15px;}
.info_cont1 ul li .ads_text {padding-top: 5px; color: #999; font-size: 12px; font-weight: normal;}
.info_cont1 .info_btn1 {padding-top: 40px; text-align: center;}
.info_cont1 .info_btn1 button {width: 140px; height: 46px; font-weight: bold; background-color: #ef4d4d; color: #fff; font-size: 14px; border-radius: 25px;}

.info_cont2 {display: none;}
.info_cont2 ul li:nth-of-type(2n) {margin-left: 25px;}
.info_cont2 ul li .cont2_box {display: flex;}
.info_cont2 ul li .cont2_box input {display: inline-block; vertical-align: middle; width: 290px; height: 42px; font-size: 12px;}
.info_cont2 ul li .cont2_box span {cursor: pointer; display: inline-block; vertical-align: middle; margin-left: 12px; width: 80px; height: 42px; line-height: 42px; text-align: center; font-weight: bold; background-color: #ef4d4d; color: #fff; font-size: 12px; border-radius: 5px; }

.info_cont2 .sns_container {padding-top: 30px;}
.info_cont2 .sns_container p {font-weight: bold; font-size: 13px;}
.info_cont2 .sns_container .sns_table {padding-top: 10px; width: 100%;}
.info_cont2 .sns_container .sns_table table {width: 100%;}

.sns_table thead {border-top: 2px solid #ef4d4d; height: 45px; line-height: 45px; border-bottom: 1px solid #eee;}
.sns_table thead tr th {text-align: left; color: #999; font-size: 14px; padding-left: 10px; box-sizing: border-box;}

.sns_table thead tr th:nth-child(1) {width: 30%;}
.sns_table thead tr th:nth-child(2) {width: 30%;}
.sns_table thead tr th:nth-child(3) {width: 30%;}
.sns_table thead tr th:nth-child(4) {width: 10%;}

.sns_table tbody {height: 55px; line-height: 55px; border-bottom: 1px solid #eee;}
.sns_table tbody tr td {padding-left: 10px;}
.sns_table tbody tr td img {width: 32px; height: 32px; vertical-align: middle; display: inline-block; object-fit: cover;}
.sns_table tbody tr td span {vertical-align: middle;display: inline-block; font-size: 13px;}
.sns_table tbody tr td a {width: 75px; height: 35px; line-height: 35px; background-color: #ef4d4d; color: #fff; font-size: 12px; display: inline-block; text-align: center; border-radius: 5px; }
.sns_table tbody tr th:nth-child(1) {width: 30%;}
.sns_table tbody tr th:nth-child(2) {width: 30%;}
.sns_table tbody tr th:nth-child(3) {width: 30%;}
.sns_table tbody tr th:nth-child(4) {width: 10%;}

.info_cont3 {display: none; text-align: center; padding: 40px 40px !important; position: relative; height:350px;}

.info_cont3 .pw_cont1 {text-align: left; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.info_cont3 .pw_cont1 .pw_title p {font-size: 12px; color: #999; padding-bottom: 5px;}
.info_cont3 .pw_cont1 .pw_title h2 {font-size: 16px; padding-bottom: 5px; font-weight: bold;}

.info_cont3 .pw_cont1 .pw_box {padding-top: 15px;}
.info_cont3 .pw_cont1 .pw_box input {width: 290px; height: 42px; font-size: 12px;}
.info_cont3 .pw_cont1 .pw_box button {margin-left: 15px; width: 80px; height: 42px; line-height: 42px; background-color: #ef4d4d; color: #fff; font-size: 12px; display: inline-block; text-align: center; border-radius: 25px;}

.info_cont3 .pw_cont2 {display: none; text-align: left; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.info_cont3 .pw_cont2 .pw_title h2 {font-size: 16px; padding-bottom: 5px; font-weight: bold; padding-bottom: 20px;}
.info_cont3 .pw_cont2 .pw_title h2 b {font-size: 14px;}
.info_cont3 .pw_cont2 .pw_box input {display: block; width: 290px; height: 42px; font-size: 12px; margin-bottom: 10px;}

.info_cont3 .pw_cont2 .pw_btn {cursor: pointer; text-align: center; padding-top: 20px;}
.info_cont3 .pw_cont2 .pw_btn button {text-align: center; width: 140px; height: 46px; line-height: 46px; background-color: #ef4d4d; color: #fff; font-size: 14px; display: inline-block; text-align: center; border-radius: 25px; }

/**************** 제작자 팝업 ****************/
.maker_popup {}
.maker_popup .popup_box2 {margin-top: 80px; padding-bottom: 20px; top: 0 !important; transform: translate(-50% , 0) !important;}
.maker_popup .inner_container {background-color: #fff; border-radius: 10px;}

.marker_profile_box {box-sizing: border-box; padding: 12px 0 12px 24px;}
.marker_profile_box img {border: 1px solid #eee; display: inline-block; vertical-align: middle; width: 24px; height: 24px; border-radius: 50%; object-fit: cover;}
.marker_profile_box span {vertical-align: middle; padding-left: 8px; font-size: 14px; color: #666666;}

.inner_middle {background-color: #333; height: 100%; position: relative; display: flex; justify-content: center; align-items: center;}
.marker_video_box {width: 100% !important; max-height: 100%; aspect-ratio: 16 / 9;}
.marker_video_box video {width: 100%; height: 100%;}

.inner_bottom {padding: 32px 40px 110px 40px;}

.maker_thum_box {display: none; padding-bottom: 32px;}
.maker_thum_box.active {display: block;}
.maker_thum_box h3 {font-size: 20px;font-weight: bold;}
.maker_thum_box ul {
    position: relative; 
    display: flex; 
    padding: 12px 0 32px 0; 
    border-bottom: 1px solid #eee;
    overflow-x: auto; 
    white-space: nowrap; 
    -ms-overflow-style: none;
    scrollbar-width: none; 
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    width: 100%;
}
.maker_thum_box ul li {
    border: 2px solid #ddd; 
    position: relative; 
    width: 176px; 
    margin-right: 8px; 
    height: 98px; 
    background-color: #eee; 
    border-radius: 5px;
    flex: 0 0 auto; 
}
.maker_thum_box ul li.active {border: 2px solid #ef4d4d; transition: 0.3s;}
.maker_thum_box ul li:last-child {margin-right: 0;}
.maker_thum_box ul li a {width: 100%; height: 100%; display: block;}
.maker_thum_box ul li a .img_box {display: block; width: 100%; height: 100%; overflow: hidden;}
.maker_thum_box ul li a .img_box img {width: 100%; height: 100%; border-radius: 5px;}

.maker_thum_box ul li a .thum_box {width: 100%; height: 100%; overflow: hidden;}
.maker_thum_box ul li a .thum_box.active {display: none;}
.maker_thum_box ul li a .thum_box .thum_img {display: block; width: 100%; height: 100%; border-radius: 5px; object-fit: cover;}

.maker_thum_box ul li .close_btn {z-index: 3; display: none; position: absolute; top: -8px; right: -8px;}
.maker_thum_box ul li .close_btn.active {display: block;}
.maker_thum_box ul li .close_btn img {width: 25px; height: 25px;}

.maker_thum_box ul li a .text_box {display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.maker_thum_box ul li a .text_box.active {display: none;}
.maker_thum_box ul li a .text_box p {font-size: 12px; color: #999; font-weight: bold;}
.maker_thum_box ul li a input {display: none;}

.maker_cate_box {position: relative;}
.maker_cate_box ul {
    display: flex;
    white-space: nowrap; 
    overflow-x: auto; 
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
} 
.maker_cate_box ul::-webkit-scrollbar {display: none;}
.maker_cate_box ul li {padding-bottom: 5px; margin-right: 4px;}
.maker_cate_box ul li a {display: inline-block; box-sizing: border-box; padding: 3px 4px; border: 1px solid #eee; border-radius: 5px; color: #999999; font-size: 11px;}
.maker_cate_box ul li a.active {border-color: #ef4d4d; background-color: #FBF4F4; color: #ef4d4d;}
.maker_cate_box .img_box {width: 100%; height: 100%;}
.maker_cate_box .img_box img {width: 100%; height: 100%;}

.maker_cate2 a{padding: 7px 8px !important;}

.maker_other_box {display: flex; position: absolute; top: 0; right: 0;}
.maker_other_box img {display: inline-block; vertical-align: middle; width: 24px; height: 24px;}
.maker_other_box span {display: inline-block; vertical-align: middle; font-size: 14px !important; color: #666666;}

.maker_view_box {padding-left: 8px;}

.maker_content_box {padding-top: 32px;}
.maker_content_box h2 {font-weight: bold; font-size: 24px; line-height: 1.4;}

.maker_detail_box {display: flex; position: relative;}
.maker_secret_bg {
    z-index: 3;
    background: rgba(255, 255, 255, 0.50);
    backdrop-filter: blur(6px);
    display: none; 
    position: absolute;
    width: 102%; 
    height: 100%; 
    top: 50%; 
    left: 50%;
    transform: translate(-50% ,-50%);
}
.maker_secret_bg.active {display: block;}

.maker_secret_text {
    display: none;
    z-index: 5;
    position: absolute;
    width: 100%;
    top: 50%; 
    left: 50%;
    transform: translate(-50% ,-50%);
}
.maker_secret_text h2 {font-size: 20px; font-weight: bold; text-align: center;}
.maker_secret_text.active {display: block;}

.m_maker_info {display: none; padding-top: 20px;}
.m_maker_info ul {display: flex; padding-top: 10px;} 
.m_maker_info ul li {padding-right: 20px;} 
.m_maker_info ul li span {font-weight: bold; font-size: 14px; line-height: 1.4;} 
.m_maker_info ul li span em {padding-left: 8px; font-weight: normal;} 

.maker_detail_box h3 {font-size: 20px; font-weight: bold; line-height: 1.4;}

.maker_detail_left {width: 673px; margin-right: 32px;}

.maker_detail_message {padding-top: 36px;}
.maker_detail_message p {padding-top: 12px; line-height: 1.6;}

.maker_detail_option {padding-top: 36px;} 
.maker_detail_option ul {display: flex; padding-top: 10px;} 
.maker_detail_option ul li {padding-right: 20px;} 
.maker_detail_option ul li span {font-weight: bold; font-size: 14px;} 
.maker_detail_option ul li span em {padding-left: 8px; font-weight: normal;} 

.maker_detail_intro {
    margin-top: 26px; 
    padding: 16px 16px; 
    box-sizing: border-box; 
    border: 1px solid #eee; 
    border-radius: 5px; 
}
.maker_detail_intro ul li {padding-bottom: 12px;}
.maker_detail_intro ul li:last-child {padding-bottom: 0;}
.maker_detail_intro > ul > li > img {border: 1px solid #eee; display: inline-block; vertical-align: middle; width: 24px; height: 24px; border-radius: 50%;}
.maker_detail_intro ul li span {display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold;}
.maker_detail_intro ul li p {line-height: 1.6;}
.maker_detail_intro ul li h3 {font-size: 12px !important; color: #999999;}
.maker_detail_intro ul li h3 span {font-size: 12px !important; color: #999999; font-weight: normal;}
.maker_detail_intro ul li h3 em {padding: 0 4px;}

.maker_detail2 {
    max-height: 230px; 
    overflow-y: auto;
    /* scrollbar-width: none;
    -ms-overflow-style: none; */
}
/* .maker_detail2::-webkit-scrollbar {display: none;} */

.maker_port_box {padding-top: 56px;}
.maker_port_box.active {display: none;}
.maker_port_box h3 {font-size: 20px; font-weight: bold;}

.maker_port_box > ul {display: flex; flex-wrap: wrap; flex-direction: row; padding-top: 24px;}
.maker_port_box > ul > li {cursor: pointer; width: 32%; margin-right: 2%; margin-bottom: 24px;}
.maker_port_box > ul > li:nth-of-type(3n) {margin-right: 0px;}
.maker_port_box > ul > li:hover .maker_icon_box {opacity: 100%; transition: 0.3s;}

.maker_video_thum {position: relative; width: 100%; aspect-ratio: 16/9; border-radius: 10px; overflow: hidden;}
.maker_video_thum img {width: 100%; height: 100%; object-fit: cover;}
.maker_cate_box2 {padding-top: 10px;}
.maker_cate_box3 a {padding: 3px 4px !important;}

.maker_list_content {}
.maker_list_content h2 {
    margin: 0px 0 7px 0;
    font-size: 14px; 
    font-weight: bold;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}
.maker_list_content p {padding-bottom: 8px; font-size: 14px;}

.marker_profile_box2 {padding: 0 0;}
.marker_profile_box2 img {width: 16px !important; height: 16px !important;}
.marker_profile_box2 span {font-size: 12px !important; padding-left: 3px !important;}

.maker_icon_box {
    transition: 0.3s;
    opacity: 0;
    position: absolute;
    right: 8px;
    bottom: 8px;
    box-sizing: border-box; 
    padding: 4px 8px; 
    border-radius: 5px; 
    background-color: rgba(0,0,0,0.7);
}
.maker_icon_small {}
.maker_icon_small img {width: 16px !important; height: 16px !important; vertical-align: middle;}
.maker_icon_small span {font-size: 12px; color: #fff;}
.maker_icon_box .maker_view_small {}

.maker_detail_right {
   margin-top: 56px;
    position: sticky; 
    top: 10px; 
    background-color: #fff; 
    width: calc(100% - 705px); 
    height: 100%; 
    box-shadow: 0px 0px 8px #eee; 
    padding: 24px 24px; 
    border: 1px solid #eee; 
    box-sizing: border-box; 
    border-radius: 5px;
}

.maker_detail_right ul {}
.maker_detail_right ul li {padding-bottom: 19px; position: relative;}
.maker_detail_right ul li input {color: #999; height: 40px;}
.maker_detail_right ul li input::placeholder {color: #999; font-size: 14px;}
.maker_detail_right ul li:nth-child(1) {display: flex; align-items: center;}
.maker_detail_right ul li:nth-child(2) {display: flex; align-items: center;}
.maker_detail_right ul li:last-child {padding-bottom: 0px;}
.maker_detail_right ul li p {font-weight: bold;}
.maker_detail_right2 ul li .maker_fee,.cli_name {width: 100%;}
.maker_detail_right ul li p span {padding-left: 8px; font-weight: normal; font-size: 14px;}
.maker_detail_right a {display: block; padding: 14px 0; text-align: center; width: 100%; color: #fff; border-radius: 25px; background-color: #ef4d4d;}

.maker_detail_right2 ul li p {width: 110px;}

.maker_fee {position: relative;}
.maker_name {position: relative;}
.maker_date_text {position: absolute; top: 50%; right: 5px; transform: translate(-50% , -50%); font-size: 14px; color: #999;}

.maker_line {margin: 19px 0; width: 100%; background-color: #eeeeee; height: 1px;}

.maker_port_btn {display: flex; justify-content: center; padding-top: 30px;}
.maker_port_btn.on {display: none;}
.maker_port_btn a {position: relative; display: flex; justify-content: center; align-items: center; width: 140px; height: 40px; border-radius: 25px; border: 1px solid #ef4d4d; font-size: 14px; color: #ef4d4d;}
.maker_port_btn a.on {display: none;}
.maker_port_btn a span {}
.maker_port_btn a img { padding-left: 3px;}

.matching_bot {padding-top: 20px !important;}
.matching_btn_plus {margin-bottom: 16px; text-align: right;}
.matching_btn_plus a {
    display: inline-block; 
    font-size: 14px; 
    font-weight: bold;
    box-sizing: border-box; 
    padding: 13px 16px; 
    border: 1px solid #ef4d4d; 
    color: #ef4d4d; 
    border-radius: 25px;
}


/*********** 제작자 매칭(포트폴리오 등록) ***********/
.maker_title_plus input.active {border-color: #ef4d4d;} 
.maker_title_plus input.active::placeholder {color: #ef4d4d;} 
.maker_content_plus textarea.active {border-color: #ef4d4d;}
.maker_content_plus textarea.active::placeholder {color: #ef4d4d;}
.matching_style_plus.active {border-color: #ef4d4d;}
.matching_style_plus.active p {color: #ef4d4d;}
.match_start1.active {border-color: #ef4d4d;}
.match_start1.active::placeholder {color: #ef4d4d;}
.matching_cli_input.active {border-color: #ef4d4d;}
.matching_cli_input.active::placeholder {color: #ef4d4d;}
.maker_fee.active input {border-color: #ef4d4d;}
.maker_fee.active input::placeholder {color: #ef4d4d;}
.maker_fee.active span {color: #ef4d4d;}
.matching_date2.active {border-color: #ef4d4d;}
.matching_date2.active::placeholder {color: #ef4d4d;}
.matching_date3.active {border-color: #ef4d4d;}
.matching_date3.active::placeholder {color: #ef4d4d;}

.post_popup input {width: 100%;}
.post_popup .popup_box2 {margin-top: 80px; padding-bottom: 20px; top: 0 !important; transform: translate(-50% , 0) !important;}
.post_popup .inner_container {background-color: #fff; border-radius: 10px;}

.maker_file_box {border: 2px dashed #E5A3A3;  width: 100%; max-height: 338px; aspect-ratio: 16 / 9; background-color: #FBF4F4;}
.maker_file_box:hover {background-color: #F8E4E4; transition: 0.3s;}
.maker_file_box.on {background-color: #F8E4E4; transition: 0.3s;}
.maker_file_box.active {
    width: 100%;
    height: 100%;
    max-height: 100% !important;
    aspect-ratio: 16/9;
    background-color: #333; 
    border: transparent;
}
.maker_file_box .img_box {
    width: 100%; 
    height: 100%; 
    text-align: center; 
    display: flex; 
    justify-content: center; 
    align-items: center;
    opacity: 1;
    transition: 0.3s;
}
.maker_file_box .img_box.active {opacity: 0; transition: 0.7s; display: none;}
.maker_file_box .img_box p {color: #E5A3A3; font-size: 14px; padding-top: 8px; font-weight: bold; line-height: 1.4;}
.maker_file_box .img_box img {width: 24px; height: 24px;}


.maker_file_box.active .img_box img {width: 35px; height: 35px;}
.maker_file_box.active .img_box p {color: #fff;}


.maker_file_box .video_box {display: none; width: 100%; height: 100%;}
.maker_file_box .video_box.active {display: block;}
.maker_file_box .video_box video {width: 100%; height: 100%;}

.maker_cate_plus {display: flex;}
.maker_cate_plus ul li a {padding: 7px 8px !important;}
.maker_cate_plus ul li a:hover {transition: 0.3s; color: #ef4d4d; border-color: #ef4d4d; background-color:#FBF4F4;}
.maker_cate_plus input {color: #999; border-radius: 5px; font-size: 14px; background-color: #f4f4f4; width: 150px; height: 30px !important;}

.maker_title_plus {}
.maker_title_plus input {
    border: 1pxs solid #eee; 
    color: #999; 
    font-size: 16px; 
    padding: 12px 15px; 
    box-sizing: border-box;
}
.maker_title_plus input::placeholder {color: #999; font-size: 16px;}

.maker_content_plus {color: #999; margin-top: 12px;}
.maker_content_plus textarea {width: 100%; height: 100px; resize: vertical; color: #999; font-size: 16px; padding: 12px 15px; box-sizing: border-box;}
.maker_content_plus textarea::placeholder {color: #999; font-size: 16px; padding-left: 0px !important;}

.matching_option_box {display: flex; align-items: baseline;}
.matching_option_box span {font-weight: bold; font-size: 14px;}
.matching_option_box span em {font-weight: normal; padding-left: 8px;}

.maker_plus_box {display: flex;}

.maker_plus_date {}
.maker_plus_date2 {display: flex; margin-top: 15px;}

.maker_career_date {position: relative; width: 50%;}
.maker_career_date .img_box {position: absolute; top: 50%; right: 5px; transform: translate(-50% , -50%);}
.maker_career_date .img_box img {}

.maker_career_plus {display: flex; align-items: center; }
.maker_career_plus span {padding-right: 5px; text-align: left; width: 30px;}
.maker_career_plus input {height: 40px; margin-left: 7px;}
.maker_career_plus .maker_career_start2 {width: 100%;}
.maker_career_plus input::placeholder {color: #999; font-size: 14px; padding-left: 0px !important;}

.maker_career_end {padding-left: 5px;}

.maker_line2 {display: flex; align-items: center; width: 20px; justify-content: center; color: #999; font-weight: normal !important;}

.maker_port_plus {display: flex; align-items: center;}
.maker_port_plus span {color: #999; font-weight: normal !important;}

.maker_introduce_plus {}
.maker_introduce_plus textarea {
    width: 100%;
    max-height: 100px;
    resize: vertical;
    color: #999;
    font-size: 16px;
    padding: 12px 15px;
    box-sizing: border-box;
}
.maker_introduce_plus textarea::placeholder {color: #999; font-size: 16px; padding-left: 0px !important;}

.matching_length_box {width: 111px;}
.matching_length_box span {}
.maker_length {font-size: 14px;}

.matching_style_box {
    display: flex;
    margin-left: 20px; 
    position: relative;
    align-items: center;
    margin-top: 10px;
}
.matching_style_box span {width: 105px; text-align: left; height: 30px; line-height: 1.2;}
.matching_style_plus {
    margin-left: 8px;
    cursor: pointer;
    position: relative;
    padding: 12px 45px 12px 15px;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #999;
    width: 100%;
}
.matching_style_plus p {
    font-size: 14px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.matching_style_box .img_box {
    position: absolute; 
    top: 45%; 
    right: 12px; 
    transform: translate(-50% , -50%);
}
.matching_style_check {
    display: none;
    z-index: 3; 
    position: absolute; 
    width: 100%; 
    top: 50px; 
    left: 50%; 
    transform: translate(-50% , 0%);
    background-color: #fff; 
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0px 0px 8px #eee;
}

.matching_style_check ul {max-height: 230px; overflow-y: scroll; display: block !important;}
.matching_style_check ul li {padding-right: 0 !important; text-align: left; padding: 10px 12px;}
.matching_style_check ul li::after {content: ''; clear: both; height: 0; visibility: hidden; display: block;}
.matching_style_check ul li input {width: 15px !important; height: 15px !important; vertical-align: middle;}
.matching_style_check ul li span {padding-left: 5px; vertical-align: middle; font-weight: normal;}
.matching_style_check ul li h3 {font-size: 12px; color: #999;}


.matching_purpose_check ul {}
.matching_purpose_check ul li {}
.matching_purpose_check ul li:hover {background-color: #eee;}

.matching_reupload_btn {}
.matching_reupload_btn.active {display: block;}
.matching_file_hidden {display: none;}

/*********** 모바일 미디어쿼리(마이페이지) ***********/
@media screen and (max-width: 1200px){

    .list_setting {border-color: transparent;} 

    /* .mp_common {display: none;}
    .mp_left {display: none;}  */
    .mp_right {width: 100%; padding: 0px 15px 0 15px;}
    .contest_cate_btn {display: none;}

    .el_box ul li .pj_right .pj_btn a {width: 100px; height: 35px; line-height: 35px; font-size: 14px;}

    .mp_3 .right_bot .bot_left {width: 46px;}
    .mp_3 .right_bot .bot_right {width: calc(100% - 71px);}
    .mp_3 .right_bot ul li {padding-left: 15px;}
    .mp_3 .right_bot .bot_right p {max-width: 80%;}
    .mp_3 .right_middle .middle_left {clear: left;}
    .mp_3 .right_middle .middle_right {clear: right; padding-top: 20px;}

    .mp_5 .commu_box ul li .commu_list_middle h2 {max-width: 300px;}

    .info_box .info_cont ul li {width: 100%; margin-bottom: 30px;}
    .info_cont1 ul li:nth-of-type(2n) {margin-left: 0;}
    .info_cont1 ul li:nth-child(3) {padding: 0;}
    .info_cont1 ul li:nth-child(4) {padding: 0;}
    .info_cont1 .info_btn1 {padding-top: 0;}

    .info_cont2 ul li:nth-of-type(2n) {margin-left: 0;}
    .info_cont2 ul li .cont2_box input {width: calc(100% - 95px)}
    .info_cont2 ul li .cont2_box span {border-radius: 5px;}

    .sns_name {display: none;}
    .sns_table tbody tr td span:nth-child(2) {display: none;}
    .sns_table thead tr th:nth-child(1) {width: 15%;}
    .sns_table thead tr th:nth-child(3) {display: none;}
    .sns_table tbody tr td {padding-left: 0;}
    .sns_table tbody tr td a {border-radius: 5px;}
    .sns_table tbody tr td:nth-child(3) {display: none;}

    .info_cont3 {height: 200px;}
    .info_cont3 .pw_cont1 {width: 100%;}
    .info_cont3 .pw_cont2 {width: 100%;}

    .info_cont3 .pw_cont1 .pw_box input {width: 100%;}
    .info_cont3 .pw_cont1 .pw_box button {display: block; width: 100%; margin-left: 0; border-radius: 5px; margin-top: 15px;}
    
    .info_cont3 .pw_cont2 .pw_box input {width: 100%;}
    .info_cont3 .pw_cont2 .pw_btn button {width: 100%; border-radius: 5px;}
    .info_cont3 .pw_cont2 .pw_btn {padding-top: 5px;}

    .biz_popup .popup_box2 {width: 100%; bottom: 0; transform: translate(-50%, 0);}
    .biz_inner {max-width: 100% !important; border-radius: 0;}

    .temp_popup .popup_box2 {width: 100%; bottom: 0; transform: translate(-50%, 0);}
    .temp_inner {max-width: 100% !important; border-radius: 0;} 
}

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

    /* 모바일 비디오 및 이미지 */
    .m_video_inner {padding: 0 0 !important;}
    .m_video_thum {border-radius: 0 !important;}
    .middle_box ul li {overflow: inherit; border: transparent;}
    .maker_video_thum {border-radius: 0;}
    .content_box {border-radius: 0;}
    .middle_box ul li .middle_text {padding: 10px 10px;}

    /* 공통 */
    .inner {box-sizing: border-box; padding: 0 10px;}

    .sub_container {padding-left: 0;}
    .cate_box2 {padding-bottom: 20px;}
    .cate_box2 .box_right {display: none;}
    .ing_list ul li {border-radius: 10px;}
    .m_popup_menu {display: block;}

    .cate_box .cate_prv {display: none !important;}
    .cate_box .cate_next {display: none !important;}
    .cate_bg::after {display: none;}
    .cate_bg::before {display: none;}

    .popup_menu {display: none !important;}
    .popup_menu ul li .img_box {background-color: #f5f5f5;}
    .popup_menu ul li p {color: #999;}
    
    .popup_box2 .video_box {width: 100%; height: auto;; aspect-ratio: 16 / 9;}
    .popup_box2 .video_box video {width: 100% !important; height: 100%;}

    .popup_box3 .popup_inner {margin-top: 80px; width: 100%;}
    .popup_box3 .right_sub dd .video_box {width: 100%; height: auto;; aspect-ratio: 16 / 9;}
    
    .popup_left .top_img .img_box {max-width: 100%;}


    /* 마이페이지 */
    .mp_common {width: 100%; box-sizing: border-box; padding: 0 15px;}
    .qa_box {display: none;}

    .el_box ul li {border-radius: 20px;}
    .el_box ul li .pj_left {display: none;}
    .el_box ul li .pj_right {width: 100%;}
    .el_box ul li .pj_right .pj_top {border-bottom: transparent;}

    .mp_4 .like_box ul {grid-template-columns: repeat(2, 1fr);}

    /* 수상작 */
    .win_popup .popup_inner {width: 100% !important;}
    .win_popup .popup_box2 {width: 100%; top: 0; left: auto; transform: translate(0% , 0%); margin-top: 80px;}
    .win_popup .popup_left {width: 100%; border-radius: 0;}
    .win_popup .popup_right {width: 100%; border-radius: 0;}
    .win_popup .popup_left .top_title {padding: 15px;}
    
    .winpopup_menu {top: auto; bottom: -5px; right: 25px;}
    .winpopup_menu ul {display: flex;}
    .winpopup_menu ul li {padding-left: 30px;}
    .win_popup .right_middle {padding-bottom: 35px;}
    .right_title {padding: 15px;}

    .middle_box ul li {width: calc(50% - 5px); margin: 10px 10px 20px 0; }
    .middle_box ul li:nth-of-type(2n) {margin-right: 0px;}

    /* 종료된 콘테스트 */
    .inner2 {box-sizing: border-box; padding: 0 10px; width: 100%;}
    .list_subs {padding: 20px 0 20px 20px;}
    .list_subs2 {display: none;}
    .list_subs .l_title .list_time {display: none;}
    .list_poster {display: none;}
    .list_subs .l_explain {height: 0;}
    .list_subs .m_explain {display: block;}
    .l_explain2 {opacity: 0;}
    
    .end_popup .popup_box3{display: flex; flex-direction: column; width: 100%; top: 0; left: auto; transform: translate(0% , 0%); margin-top: 0px;}
    
    .end_popup .popup_left {width: 100%; border-radius: 0; position: sticky; top: 0;}
    .end_popup .popup_right {width: 100%; border-radius: 0; position: sticky;}

    .end_popup  .popup_left .top_img .img_box {max-width: 100%;}
    .end_popup .popup_left .top_title {padding: 15px;}

    .end_popup .ing_sub {max-height: none !important;}
    .end_popup .ing_sub dl {padding: 20px 10px;}

    /* 진행중인 콘테스트 */
    .ing_contest .list_subs .l_explain {padding-bottom: 20px;}
    .ing_popup .popup_inner {width: 100%; margin-top: 80px; padding: 0 0;}
    
    .ing_popup .popup_box1 {display: flex; flex-direction: column; width: 100%; top: 0; left: auto; transform: translate(0% , 0%); margin-top: 0px;}
    .ing_popup .popup_left {width: 100%; border-radius: 0; position: sticky; top: 0;}
    .ing_popup .popup_right {width: 100%; border-radius: 0; position: sticky;}

    .ing_popup .ing_sub {max-height: none !important;}
    .ing_popup .right_sub dl:last-of-type {padding-bottom: 150px !important;}

    .ing_popup .popup_menu {top: auto; bottom: -5px; right: 25px;}
    .ing_popup .popup_menu ul {display: flex;}
    .ing_popup .popup_menu ul li {padding-left: 30px;}

    /* 제작자 매칭 */
    .maker_detail_right {display: none;}
    .m_maker_info {display: block;}

    .maker_popup .popup_inner {width: 100%; padding: 0 0;}
    .maker_popup .popup_box2 {width: 100%; padding-bottom: 0;}
    .maker_popup .inner_container {border-radius: 0;}
    .marker_video_box {width: 100% !important; height: auto; aspect-ratio: 16 / 9; max-height: 100%;}
    .marker_video_box video {width: 100%; height: 100%;}

    .maker_port_box > ul > li {width: 49%; margin-right: 2%;}
    .maker_port_box > ul > li:nth-of-type(2n) {margin-right: 0%;}
    .maker_port_box > ul > li:nth-of-type(3n) {margin-right: 2%;}

    .marker_profile_box {padding: 12px 0 12px 15px;}

    .maker_popup .popup_menu {top: auto; bottom: -5px; right: 25px;}
    .maker_popup .popup_menu ul {display: flex;}
    .maker_popup .popup_menu ul li {padding-left: 30px;}

    /* 내 작품 보기(아트레이터) */
    .art_show {overflow-y: scroll !important;}
    .art_show .popup_inner {width: 100%; margin-top: 80px; padding: 0 0;}
    .art_show .popup_box2 {display: flex; flex-direction: column; width: 100%; margin-top: 0px;}
    .art_show .popup_left {width: 100%; border-radius: 0;}
    .art_show .popup_right {width: 100%; border-radius: 0;}
    .pro_slide .right_sub2 {max-height: 100%;}
    .pro_slide .slick-prev {top: auto !important; bottom: 80px !important; left: auto !important; right: 70px !important; transform: translate(0 , -50%);}
    .pro_slide .slick-next {top: auto !important; bottom: 80px !important; right: 10px !important; transform: translate(0 , -50%);}

    /* 참여작 보기(클라이언트) */
    .pro_show {}
    .pro_show .popup_inner {width: 100%; margin: 80px 0 30px 0; padding: 0 0;}
    .pro_show .popup_box2 {display: flex; width: 100%; top: 0; left: auto; transform: translate(0% , 0%); margin-top: 0px;}
    .pro_show .popup_left {width: 100%; border-radius: 0;}
    .pro_show .popup_right {width: 100%; border-radius: 0;}

    .candidate_box .box_bot ul {grid-template-columns: repeat(2 , 1fr);}

    /* 수상작 선정(클라이언트) */
    .final_show {}
    .final_show .popup_inner {width: 100%; margin: 80px 0 30px 0; padding: 0 0;}
    .final_show .popup_box4 {display: flex; width: 100%; top: 0; left: auto; transform: translate(0% , 0%); margin-top: 0px;}
    .final_show .popup_left2 {width: 100% !important; border-radius: 0;}
    .final_show .popup_right2 {width: 100% !important; border-radius: 0; position: static !important; top: auto; left: auto; margin-left: 0;}
    .final_btn a {width: 100px; height: 35px; line-height: 35px;}

    /* 제작자 매칭 (마이) */
    .post_popup .inner_container {border-radius: 0;}
    .main_matching_port .text_box .text_top h2 {padding-right: 0;}
    .sub_matching_port > ul {grid-template-columns: repeat(2 , 1fr);}

    .post_popup .popup_inner {width: 100%; padding: 0 0;}
    .post_popup .popup_box2 {width: 100%; padding-bottom: 0;}
    .post_popup .popup_box2 .video_box {height: 100%;}

    .matching_length_box {margin-top: 20px;}
    .matching_option_box {display: block;}
    .matching_style_box {margin: 20px 0 0 0; max-width: 300px; width: 100%;}
    .matching_style_box input {width: 100%;}

    .maker_detail_box {display: block;}
    .maker_detail_left {width: 100% !important;}
    .maker_detail_left2 {width: 100% !important;}
    .maker_detail_right2 {display: block !important;}
    .maker_detail_right2 {position: static; width: 100%; margin-top: 36px;}
}

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

    .inner_bottom {padding: 32px 15px 110px 15px;}

    .middle_box ul li {width: 100%; margin: 0; margin-bottom: 30px;} 

    /* 마이페이지 */
    .mp_4 .like_box ul {
        grid-template-columns: repeat(1, 1fr);
    }

    /* 제작자매칭 팝업 */
    .maker_content_box h2 {font-size: 18px;}
    .maker_detail_box h3 {font-size: 16px;}

    .m_maker_info ul {flex-direction: column;}
    .m_maker_info ul li {padding-bottom: 10px;}
    .maker_detail_message p {font-size: 14px;}

    .maker_detail_option ul {flex-direction: column;}
    .maker_detail_option ul li {padding-bottom: 10px;}

    .maker_port_box > ul > li {width: 100%; margin-right: 0%;}
    .maker_other_box {top: -25px;}


    /* 참여작 보기(클라이언트) */
    .candidate_box .box_bot ul {grid-template-columns: repeat(1 , 1fr);}

    /* 수상작 선정(클라이언트) */
    .popup_left2 ul {grid-template-columns: repeat(1 , 1fr);}

    /* 제작자 매칭 (마이) */
    .sub_matching_port > ul {grid-template-columns: repeat(1 , 1fr);}
    .matching_btn_plus a {padding: 11px 13px; font-size: 13px;}
    .maker_detail_intro ul li p{font-size: 14px;}

    .main_matching_port .text_box .text_top {margin-top: 20px;}
    .main_matching_port .text_box .text_top h2 {font-size: 20px;}
    .main_matching_port .text_box .text_middle p {padding-bottom: 10px;}
    .main_matching_port .text_box .text_middle {padding-top: 20px;}
}


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

}