@charset "utf-8";

/*********** 회원가입 , 로그인 , 로그인 완료 공통 ***********/
.login_logo {text-align: center; margin-top: 20px;}
.login_logo img {}
.table_form {height:100%;}
.table_right {width: 100%; height: 100%; display: table;}
.table_container {position: relative; max-width: 450px; padding: 20px 30px; margin: 20px auto; box-sizing: border-box; background-color: #fff; border-radius: 5px;}
.cursor {cursor: pointer;}

/**************** 로그인 진행 바 ***************/
.login_bar {width: 100%; height: 5px;  background-color: #eee; position: absolute; top: 0; left: 0;}
.login_bar .progress_bar {width: 0; background-color: #ef4d4d; height: 100%; transition: 0.5s; }

/**************** 로그인 뒤로가기 버튼****************/
.login_back_btn {padding: 30px 0 20px 0;}
.login_back_btn.on {display: none;}

/**************** 로그인 ****************/
.login_top h3 {font-size: 18px; font-weight: bold;}
.login_top p {font-size: 14px; padding: 10px 0; color: #999;}

/* 로그인(정보입력) */
.login_middle {padding: 25px 0;}
.login_middle ul li:nth-child(2) {padding-top: 10px;}
.login_middle ul li:nth-child(3) {padding: 10px 0; margin-top: 5px;}
.login_middle ul li:nth-child(5) {padding-top: 5px;}
.login_middle ul li::after {clear: both; display: block; height: 0; visibility: hidden; content: '';}

.login_middle ul li .login_info label {display: none;}
.login_middle ul li .login_box input {width: 100%; padding: 10px 0 10px 7px;}
.login_middle ul li .login_box button {width: 100%; border: none; background-color: #ef4d4d; color: #fff; font-weight: bold; font-size: 18px; padding: 15px 0; border-radius: 5px;}
.login_middle ul li .login_confirm {padding-top: 7px; display: none;}
.login_middle ul li .login_confirm span  {font-size: 14px; color: #ef4d4d; }
.login_middle ul li .login_m {float: left;}
.login_middle ul li .login_m span {font-size: 14px; color: #999999;}
.login_middle ul li .login_search {float: right;}
.login_middle ul li .login_search a {font-size: 12px; color: #999999;}
.login_middle ul li .login_search a img {display: inline-block; vertical-align: middle;}
.login_middle ul li .login_search a span {display: inline-block; vertical-align: middle; padding-right: 5px; padding-bottom: 2px;}

/* 로그인(간편로그인) */
.login_bot {text-align: center;}
.login_bot .bot_title {display: flex; text-align: center;}
.login_bot .bot_title {font-size: 14px; color: #999;}
.login_bot .bot_title::before , .bot_title::after {flex: 1 1 0%; content: ''; border-bottom: 1px solid #ddd; margin: auto;}
.bot_title::before {margin-right: 10px;}
.bot_title::after {margin-left: 10px;}

.login_bot .sns_btn {padding: 25px 0 0 0;}
.login_bot .sns_btn .google {margin: 0 15px;}
.login_bot .sns_btn a .sns_icon {width: 56px;}

.login_bot .login_join {padding: 30px 0;}
.login_bot .login_join a {font-size: 13px; color: #999; font-weight: lighter;}
.login_bot .login_join a span {font-size: 13px; color: #222; font-weight: bold;}

.login_box .simple_btn {text-align: center; display: block; background-color: #eee; padding: 15px; font-weight: bold;}
.login_box .login_link {padding-top: 10px; color: #999 !important; font-size: 12px; margin-top: 15px; display: block; text-align: center;} 

/**************** 회원가입 공통 ****************/
.join_typeform {}
.join_signform {display: none;}
.join_infoform {display: none;}
.join_successform {display: none;}

.join_top {text-align: left;}
.join_top h2 {font-size: 24px; font-weight: bold;}

.join_top p:nth-child(2) {padding-top: 15px; font-size: 12px; color: #ef4d4d;}
.join_top p:nth-child(3) {padding-top: 5px; font-size: 12px; color: #ef4d4d;}
.join_top p:nth-child(4) {padding: 5px 0 30px 0; font-size: 12px;}

/**************** 회원가입 선택(아트레이터 , 클라이언트) ****************/
.join_container .join_typeform ul::after {clear: both; display: block; height: 0; visibility: hidden; content: '';}
.join_container .join_typeform > ul > li {border-radius: 5px; width: 100%; border: 1px solid #ddd; margin-bottom: 20px; transition: 0.3s; -webkit-transition: 0.3s; -ms-transition: 0.3s; }
.join_container .join_typeform > ul > li:nth-child(2){margin-bottom: 10px;}
.join_container .join_typeform > ul > li:hover {border-color: #ddd; background-color: #F9F9F9;}
.join_typeform span {font-size: 11px; color: #ef4d4d; padding-left: 5px;}

.join_art {padding: 19px 22px;}
.ja_top {display: inline-block; vertical-align: middle;}
.ja_top img {width: 24px; height: 24px; display: block; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s;}

.ja_bot {display: inline-block; vertical-align: middle; padding-left: 20px;}
.ja_bot h2 {font-size: 12px; padding: 5px 0 7px 0;}
.ja_bot b {font-size: 17px;}

.ja_bot .type_box {padding-top: 5px;} 
.ja_bot .type_box input {display: inline-block; vertical-align: middle; display: none;} 
.ja_bot .type_box p {padding-bottom: 1px; display: inline-block; vertical-align: middle; font-size: 16px; font-weight: bold;} 


/**************** 약관동의 및 휴대폰인증 ****************/
.sign_top {padding-bottom: 15px;}
.sign_top h3 {font-size: 18px; font-weight: bold;}
.sign_top p {font-size: 14px; padding: 5px 0;}
.sign_top a {display: block; font-size: 14px; font-weight: bold; margin-top: 10px;}

.sign_middle {border-top: 1px solid #ddd; padding: 15px 0;}
.sign_middle ul li {padding-top: 20px; cursor: pointer;}
.sign_middle ul li::after {content: ''; clear: both; height: 0; visibility: hidden; height: 0; display: block;}
.sign_middle ul li .check_left {float: left;}
.sign_middle ul li .check_left label {font-size: 14px;}
.sign_middle ul li .check_left p {font-size: 12px; padding: 5px 0 0 20px; line-height: 1.4;}

.sign_middle ul li .check_right {float: right;}
.sign_middle ul li .check_right p {font-size: 13px; font-weight: bold; }
.sign_middle ul li:nth-child(5) {padding-top: 20px}
.sign_middle ul li:nth-child(5) label {font-size: 14px; font-weight: bold;}

.sign_bot {position: relative; padding: 15px 0 20px 0; border-top: 1px solid #ddd;}
.sign_bot .sign_btn {text-align: center; padding-top: 15px;}
.sign_bot .sign_btn button {width: 100%; height: 51px; border: none; background-color: #ef4d4d; color: #fff; font-weight: bold; font-size: 16px; padding: 15px 0; border-radius: 5px;}
.sign_bot .sign_btn button a {color: #fff;}
.sign_bot .sign_btn button span.active {display: none;}
.sign_bot .sign_btn .btn_loading {display: none; position: absolute; top: 55%; left: 50%; transform: translate(-50% , -50%);}
.sign_bot .sign_btn .btn_loading.active {display: block;}
.sign_bot .sign_btn .btn_loading img {width: 40px}

/**************** MBC 서약서 ****************/
.sign_middle2 {padding: 20px 15px !important; border: 1px solid #eee !important; border-radius: 5px !important;}
.sign_middle2 ul li {padding-top: 0 !important;}
.sign_middle ul li .textarea_box {}
.sign_middle ul li .textarea_box h2 {font-size: 14px; font-weight: bold;}
.sign_middle ul li .textarea_box h3 {padding-top: 8px; font-size: 14px; line-height: 1.4;}

.success_top2 {text-align: left !important;}
.success_top2 h2 {padding-bottom: 10px !important;}
.success_top2 span {font-size: 14px !important; padding-bottom: 10px !important; line-height: 1.3;}

.success_middle2 {padding: 30px 16px !important;}
.success_middle2 h3 {text-align: center !important; font-weight: bold !important; font-size: 24px;}

.success_bot2 {padding-top: 0 !important;}
.success_bot2 .success_btn button {margin-bottom: 10px !important;}

.success_btn1 button {background-color: #FBF4F4 !important; color: #ef4d4d !important;}
.success_btn2 button {background-color: #ef4d4d !important;}


/**************** 회원가입 ****************/

/* 회원가입(공통 css) */
.join_middle dl {padding-bottom: 30px;}
.join_middle dl dd {font-size: 15px; font-weight: bold; padding-bottom: 5px;}
.join_middle dl dt input {padding: 10px 0 10px 7px; width: 100%;}
.join_middle dl dt::after {clear: bot h; display: block; height: 0; visibility: hidden; content: '';}

/* 회원가입(아임포트 INPUT) */
.join_middle dl:nth-child(8) {display: none;}

/* 회원가입(뒤로가기버튼) */
.back_btn {position: absolute; right: 3%; top:3%;}
.back_btn a {transition: 0.5s; display: table; width: 50px; height: 50px; background-color: #ef4d4d; border-radius: 50%;}
.back_btn a:hover {background-color: #333;}
.back_btn a span {display: table-cell; vertical-align: middle; text-align: center;}
.back_btn a img {transform: rotate(180deg);}

/* 회원가입(유효성알림) */
.alert_all {font-size: 12px; font-weight: 400; padding-top: 5px; color: #ef4d4d; display: none;}
.alert_all img {display: inline-block; vertical-align: middle;}
.alert_all span {display: inline-block; vertical-align: middle; padding-left: 5px;}

.alert_color {color: #56BF93;}
.alert_id2 {color: #56BF93;}
.alert_pwd3 {color: #56BF93;}
.alert_nick2 {color: #56BF93;}
.alert_comname2{color: #56BF93;}
.uid.active {border-color: #56BF93 !important;}
.pwd_common.active {border-color: #56BF93 !important;}
.uname.active {border-color: #56BF93 !important;}
.unick.active {border-color: #56BF93 !important;}
.mail.active {border-color: #56BF93 !important;}

/* 회원가입(메인이미지) */
.table_left {position: relative;}
.table_left h2 {position: absolute; top: 40%; left: 50%; transform: translate(-40% ,-50%); -webkit-transform: translate(-40% ,-50%); -o-transform: translate(-40% ,-50%); -ms-transform: translate(-40% ,-50%); z-index: 1;}
.table_left h2 img{width: 90px;}

/* 회원가입(사업자 체크 여부) */
.com_check dl {display: inline-block; vertical-align: middle;}
.com_check dt {display: inline-block; vertical-align: middle;}
.com_check dt .com_checkbox {width: 5%;}
.com_info {display: none;}
.com_info .com_left.com_none {display: none;}
.com_info .com_left {display: inline-block; vertical-align: middle; width: 100%; }
.com_info .com_left input {cursor: pointer !important;}
.com_info .com_name {width: 100%;}

/* 회원가입(가입하기버튼) */
.join_btn .j_btn {padding-bottom: 20px;}
.join_btn .j_btn button {width: 100%; text-align: center; background-color: #ef4d4d; height: 50px; border-radius: 5px; font-weight: bold; color: #fff; font-size: 15px;}
.join_btn a {font-size: 13px; font-weight: bold;}
.join_btn a span {font-weight: 400; border-bottom: 1px solid #000;}

/**************** 간편로그인 추가정보 ****************/
.add_p {padding-top: 3px; padding-bottom: 20px; font-size: 14px; border-bottom: 1px solid #dddddd; }

/**************** 중복확인 ****************/
.confirm_dt {text-align: center;}
.sns_icon {width: 56px; padding: 0 10px;}

/**************** 회원가입 완료 , 완료버튼 공통 ****************/
.success_top {text-align: center; padding-top: 50px;}
.success_top img {padding-bottom: 10px; width: 60px;}
.success_top h2 {font-size: 20px; font-weight: bold; padding-bottom: 30px;}

.success_middle p {text-align: center; font-size: 14px; line-height: 1.3;}
.success_middle p strong {font-size: 15px; font-weight: bold;}
.success_middle p:nth-child(2) {margin-top: 20px;} 
.success_middle .apply_link {margin-top: 20px; color: #999; font-size: 12px; display: block;}
.success_middle .apply_link p {font-weight: bold; color: #333;}
.success_middle .apply_text3 {margin-top: 20px; color: #999; font-size: 12px;}

.success_bot {text-align: center; padding-top: 30px;}

.success_btn button {width: 100%; height: 50px; line-height: 50px; background-color: #ef4d4d; color: #fff; border-radius: 5px; margin-bottom: 20px;}
.success_btn button span {font-size: 16px; font-weight: bold;}

/**************** ID/PW 찾기 ****************/
.popup_search {overflow-x: hidden;}
.popup_search .inner4 .inner_container {background-color: #fff;}

/* ID/PW 찾기(선택) */
.popup_top {background-color: #ef4d4d;}
.popup_top ul {padding: 20px 0;}
.popup_top ul::after {clear: both; content: ''; height: 0; display: block; visibility: hidden;}
.popup_top ul li {float: left; padding-left: 10px;}
.popup_top ul li:nth-child(2) {padding-left: 25px;}
.popup_search .inner4 .inner_container .popup_top ul li a {font-size: 15px; font-weight: bold; color: #fff;}

/* ID/PW 찾기(정보입력) */
.popup_middle .m_data {padding: 20px 0 30px 0; display: none;}
.popup_middle .m_data h2 {font-size: 14px; line-height: 1.3;}
.popup_middle .m_data h2 span {font-size: 18px; font-weight: bold;}
.popup_middle .m_data h2 em {font-size: 18px; font-weight: bold;}
.popup_middle .m_data dl {padding-bottom: 15px;}
.popup_middle .m_data dl dd {text-align: left; font-size: 15px; font-weight: bold; padding-bottom: 5px;}
.popup_middle .m_data dl dt input {width: 100%; padding: 10px 0 10px 7px;}
.popup_middle .m_data dl dt button {display: block; background-color: #ef4d4d; text-align: center; width: 100%; padding: 15px 0; border-radius: 10px;}
.popup_middle .m_data dl dt button span {font-size: 18px; font-weight: bold; color: #fff;}
.popup_middle .m_data dl:nth-child(1) {display: none;}

.popup_middle {padding: 50px 30px 30px 30px; text-align: center;}
.popup_middle img {width: 65px;}
.popup_middle .m_top h3 {font-size: 18px; font-weight: bold; padding-top: 20px;}
.popup_middle .m_top p {font-size: 14px; padding-top: 12px;}

.popup_middle .m_middle {padding-top: 20px; text-align: left; padding-bottom: 30px;}
.popup_middle .m_middle dl dt button {display: block; background-color: #ef4d4d; text-align: center; width: 100%; padding: 15px 0; border-radius: 10px;}
.popup_middle .m_middle dl dt button span {font-size: 18px; font-weight: bold; color: #fff; }
.popup_middle .m_middle .pw_logbox {display: none;}

/* ID/PW 찾기(푸터) */
.popup_middle .m_bot {text-align: left; border-top: 1px solid #000; padding: 10px 10px 10px 10px;}
.popup_middle .m_bot h3 {font-size: 12px; padding-top: 5px; color: #999999;} 
.popup_middle .m_bot h3 a {font-size: 13px; border-bottom: 1px solid #000;}
.popup_middle .m_bot p {padding-top: 15px; font-size: 12px; line-height: 1.4; color: #999999;}

/* PW 찾기(휴대전화 정보) */
#search_mail{display: none;}
.number_box {padding-top: 8px;}
.number_box .pw_number {display: inline-block; width: 69%; vertical-align: middle;}
.number_box .pw_btn {display: inline-block; width: 29%; vertical-align: middle; margin-left: 1%;}
.number_box .pw_btn .rece_btn {cursor: pointer; border-radius: 0; background-color: #ef4d4d; color: #fff; border: none; padding: 14.5px 0; font-size: 13px;}


/**************** 콘테스트 개최하기(가격선택) ****************/
.hold_wrap {height: 100% !important;}

/* 콘테스트 개최하기(왼쪽) */
.cont1_top {width: 100%; text-align: left; margin-top: 20px;}
.cont1_top h3 {padding-left: 10px; font-size: 25px; font-weight: bold;}
.cont1_top p {padding-left: 10px; font-size: 12px; padding-top: 10px;}
.cont1_top p span {color: #ef4d4d; font-size: 14px; font-weight: bold;}

/* 콘테스트 개최하기(오른쪽) */
.cont1_right {width: 100%;}
.cont1_right ul::after {clear: both; content: ''; height: 0; visibility: hidden; display: block;}
.cont1_right ul li {position: relative; height: 215px; float: left; width: 48%; border: 3px solid #eee; padding: 30px 30px; margin-top: 20px; border-radius: 15px; transition:all 0.4s; -ms-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; box-sizing: border-box;}
.cont1_right ul li:nth-of-type(2n) {margin-left: 4%;}
.cont1_right ul li:nth-child(3) {margin-top: 4%;}
.cont1_right ul li:nth-child(4) {margin-top: 4%;}

.cont1_right ul li:hover {border: 3px solid #ef4d4d;}
.cont1_right ul li:hover .price_box h3 {border-bottom: 1px solid #ef4d4d; color: #333; font-weight: bold; }
.cont1_right ul li:hover .price_box .price_text p {color: #333;}
.cont1_right ul li:hover .p_btn {background-color: #ef4d4d;}
.cont1_right ul li:hover .p_btn span {color: #fff;}

.cont1_right ul li .price_box h3 {color: #999; font-size: 15px; border-bottom: 1px solid #eee; padding-bottom: 15px;}
.cont1_right ul li .price_box h3 b {font-size: 12px; margin-left: 5px;}
.cont1_right ul li .price_box h3 .p_color {margin-right: 5px; padding: 3px 7px; background-color: #ef4d4d; color: #fff; font-size: 12px; border-radius: 15px;}
.cont1_right ul li .price_box .price_text {padding-top: 20px;}
.cont1_right ul li .price_box .price_text p {padding-top: 10px; font-size: 12px; color: #999;}

.cont1_right ul li .p_btn {position: absolute; right: 15px; bottom: 15px; width: 30px; height: 30px; border: 1px solid #ef4d4d; border-radius: 50%; line-height: 30px; text-align: center; font-size: 12px;}
.cont1_right ul li .p_btn span {color: #ef4d4d;}


/**************** 콘테스트 개최하기 입력 폼 ****************/
.ess{font-size: 12px; color: #999;}
#h_name.active {border-color: #ef4d4d !important; transition: 0.3s;}
.h_name {width: 300px; word-break:break-all; white-space: pre-line;}
.h_name2 {width: 250px; word-break:break-all; white-space: pre-line;}

/* 콘테스트 개최(None form , btn) */
.holdmain_cont1 {display: none;}
.holdmain_cont2 {display: none;}
.holdmain_cont3 {display: none;}
.holdmain_cont4 {display: none;}

.hold_hidden {display: none;}
.hold_btn {display: none;}
.sub_btn {display: none;}
.step_level {display: none;}

.hold_coment {font-size: 11px; color: #999; padding-top: 5px; line-height: 1.4;}
.hold_coment b {font-weight: bold;}
.holdmain_cont1 .hold_container3 ul li input {color: #666; font-size: 15px;}

/* 콘테스트 개최(레이아웃 공통) */
.hold_box input {width: 100%; padding: 10px 0 10px 5px;}
.hold_box textarea {width: 100%;  height: 150px; resize: vertical;}
.hold_info label span{font-size: 15px; font-weight: bold;}
.hold_info {padding-bottom: 7px;}
.h_indi {padding-left: 5px;}

.hold_ex {background-color: #eee; padding: 20px 16px; box-sizing: border-box; margin: 0px 0 10px 0; border-radius: 4px;}
.hold_ex p {color: #999; font-size: 12px;}
.hold_ex p:nth-child(1) {padding-bottom: 5px; font-weight: bold;}
.hold_ex p:nth-child(2) {line-height: 1.4;}

.text_count {text-align: right; padding-top: 5px; font-size: 12px; color: #999;}
.hold_place::-webkit-input-placeholder {color: #ef4d4d;}

/* 담당자와의 소통 인풋(단계STEP 표시) */
.hold_checkbox {display: inline-block;}
.cli_number {margin-top: 5px;}
.hold_box2 {display: none;}
.hold_box2 input {width: 100%; padding: 10px 0 10px 5px;}

/* 콘테스트 개최(플랜) */
.plan_container {position: absolute; top: 0; left: 0;}
.plan_container .plan_box {display: none;}

.plan_top {position: relative; cursor: pointer; padding: 14px 14px 14px 14px; background-color: #FBF4F4; display: inline-block; border-radius: 10px;}
.plan_top p {display: inline-block; vertical-align: middle; color: #ef4d4d;}
.plan_top p b {font-weight: bold;}
.plan_top img {padding-left: 5px; display: inline-block; vertical-align: middle;}
.plan_top.active img {transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; transform: rotateX(180deg);}

.plan_bottom {display: none; position: absolute; width: 312px; top: 60px; left: 0; z-index: 3; padding: 20px 17px; box-sizing: border-box; background-color: #fff; border: 1px solid #eee; border-radius: 10px; box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.05);}
.plan_bottom .bottom_top span:nth-child(1) {padding: 3px 12px; border-radius: 25px; background-color: #ef4d4d; color: #fff; font-size: 14px; font-weight: bold;}
.plan_bottom .bottom_top span:nth-child(2) b {font-weight: bold;}
.plan_bottom .bottom_middle {padding-top: 15px;}
.plan_bottom .bottom_middle p {font-size: 13px; color: #999; line-height: 1.4; font-weight: normal;}
.plan_bottom .bottom_bottom {padding-top: 15px;}
.plan_bottom .bottom_bottom h4 {font-weight: bold; font-size: 14px;}
.plan_bottom .bottom_bottom p {color: #999; padding-top: 5px; font-size: 13px; line-height: 1.4;}
.plan_bottom .bottom_bottom p b {font-weight: bold;}


/* 콘테스트 개최(단계STEP 표시) */
.bar_box {position: fixed; left: 0; bottom: 63px; width: 100%; height: 5px; margin-top: 15px; display: none; background-color: #eee;}
.bar_box .step_bar {transition: 0.5s; width: 0; height: 100%; background-color: #ef4d4d;}

.step_container ul {text-align: right; margin-top: 25px;}
.step_container ul::after {content: ''; clear: both; height: 0; visibility: hidden; display: block;}
.step_container ul li {display: inline-block; vertical-align: middle; text-align: center; padding-left: 20px;}
.step_container ul li a {display: inline-block; border: 1px solid #eee; color: #333; font-weight: bold; line-height: 40px; width: 40px; height: 40px; border-radius: 50%;}
.step_container ul li a.on {background-color: #333; color: #fff;}
.step_container ul li p {font-size: 11px; padding-top: 7px; font-weight: bold;}

/* step1(가격선택)_left */
.hold_title {font-size: 24px; font-weight: bold; padding: 20px 0;}
.hold_caution {padding: 40px 0; box-sizing: border-box; background-color: #F9F9F9; margin-top: 50px;}
.hold_caution h4 {color: #999; font-weight: bold; padding: 0px 0 20px 0;}
.hold_caution ul li {padding-bottom: 10px;}
.hold_caution ul li:nth-child(7) {padding-left: 8px;}
.hold_caution ul li:nth-child(10) {padding-left: 8px;}
.hold_caution ul li p {color: #999; font-size: 13px;}
.hold_bottom {padding: 50px 0 0px 0 !important;}

.hold_banner {position: fixed; bottom: 0; width: 100%; height: 110px;}
.hold_banner img {width: 100%; height: 100%;}

.price_top ul li:nth-child(3) {position: relative;}
.premium_text {position: absolute; width: 100%; top: -40px; left:15px;}
.premium_text span {color: #ef4d4d; font-size: 13px; padding: 6px 20px; border-radius: 25px; background-color: #FBF4F4;}

.price_btn {padding-top: 20px; color: #999;}
.price_btn2 {position: absolute; right: 20px; bottom: 17px; background-image: url(/img/price_btn_ar.png); background-size: cover; background-repeat: no-repeat; width: 33px; height: 33px;}

.hold_click {cursor: pointer; transition: 0.5s; margin-bottom: 20px; -webkit-transition: 0.5s; -ms-transition: 0.5s;}
.hold_click:hover {transform: translateY(-3px); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); box-shadow: 8px 8px 8px #ddd;}
.hold_click:hover .price_btn p {color: #ef4d4d;}
.hold_click:hover .price_btn2  {background-image: url(/img/price_btn_ar2.png);}

/* step1.5(영상 제작 방식)_left */
.select_top p {font-size: 14px; padding-bottom: 10px;}
.select_top p b {font-weight: bold;}

.select_bottom {margin-bottom: 80px;}
.select_bottom > ul {padding-top: 30px;}
.select_bottom > ul > li {cursor: pointer; margin-bottom: 20px; box-sizing: border-box; padding: 20px 0px 20px 20px; border: 1px solid #eee; border-radius: 10px;}
.select_bottom ul li:last-child {margin-bottom: 0;}
.select_bottom ul li .select_left {box-sizing: border-box; width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 50%; display: inline-block; vertical-align: middle;}
.select_bottom ul li .select_left.active {border: 5px solid #ef4d4d;}
.select_bottom ul li .select_right {display: inline-block; vertical-align: middle; padding-left: 15px;}
.select_bottom ul li .select_right span {font-size: 14px; color: #999;}
.select_bottom ul li .select_right p {padding-top: 10px; font-size: 20px; font-weight: bold;}

.recom_viedo {padding-top: 30px; display: none;}
.recom_top p:nth-child(1) {padding-bottom: 10px; font-size: 18px; font-weight: 500;}
.recom_top p:nth-child(2) {font-size: 14px;}
.recom_top p:nth-child(2) b {font-weight: bold;}

.recom_middle .middle_top {padding: 30px 0 10px 0;}
.recom_middle .middle_top .middle_left {display: inline-block; vertical-align: middle;}
.recom_middle .middle_top .middle_right {display: inline-block; vertical-align: middle; padding-left:3px;}

.recom_middle .middle_bottom {display: none;}
.recom_middle .middle_bottom input {width: 450px;}
.recom_middle .middle_bottom p {font-size: 12px; color: #999; padding-top: 10px;}

.recom_bottom {padding-top: 30px;}
.recom_bottom ul::after {content: ''; clear: both; height: 0; visibility: hidden; height: 0; display: block;}
.recom_bottom ul li {background-color: #333; cursor: pointer; float: left; margin: 0 25px 30px 0; width: 256px; position: relative; border: 1px solid #eee; box-sizing: border-box; transition: 0.5s; -webkit-transition: 0.5s; -ms-transition: 0.5s; -moz-transition: 0.5s;} 
.recom_bottom ul li.active {border: 1px solid #ef4d4d;}
.recom_bottom ul li:nth-child(4n) {margin-right: 0;}

.recom_bottom ul li:hover {transition: 0.3s; transform: translateY(-3px); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); box-shadow: 8px 8px 8px #ddd;}
.recom_bottom ul li:hover .recom_check {display: block;}

.recom_bottom ul li .recom_check {display: none; transition: 0.5s; background: url(/img/recom_check_icon_w.png); position: absolute; bottom: -44px; right: 20px; width: 36px; height: 36px; line-height: 30px; border-radius: 50%; background-repeat: no-repeat;}
.recom_bottom ul li .recom_check.active {display: block; background: url(/img/recom_check_icon.png); background-repeat: no-repeat;}

.recom_bottom ul li .text_box {padding: 17px 14px; background-color: #fff;}
.recom_bottom ul li .text_box .c_cate {display: inline-block; vertical-align: middle; padding-left: 5px; font-size: 13px;}
.recom_bottom ul li .text_box .c_cate span {font-weight: 500;}

.recom_video {position: absolute; top: 0; width: 100%; height: 100%;}
.recom_video video {width: 100%; height: 100%;}
.recom_video .video-js .vjs-big-play-button{display: none;}

/* step2(개최정보)_left */
.holdmain_box2 {padding: 50px 0 65px 0;}
.holdmain_box2::after {clear: both; content: ''; height: 0; visibility: hidden; display: block;}
.holdmain_box2 .container_left {float: left; width: calc(50% - 65px);}
.holdmain_box2 .container_left ul li {padding-bottom: 30px;}
.holdmain_box2 .container_left ul li:nth-child(2) .hold_info {padding-bottom: 0;}
.holdmain_box2 .container_left ul li:last-child {margin-bottom: 0;}
.holdmain_box2 .container_left ul li::after {content: ''; clear: both; height: 0; visibility: hidden; display: block;}
.holdmain_box2 .container_left ul li .left_cate {float: left; width: 49%; padding-right: 2%;}
.holdmain_box2 .container_left ul li .left_cate select {width: 100%; padding: 10px 0 10px 5px;}
.holdmain_box2 .container_left ul li .right_cate {float: left; width: 49%;}
.holdmain_box2 .container_left ul li .right_cate select {width: 100%; padding: 10px 0 10px 5px;}
.holdmain_box2 .container_left ul li .hold_box input {width: 100%;}

.holdmain_box2 .hold_refbox2 {display: none;}
.holdmain_box2 .hold_refbox2 .ref_radiobox {padding: 0 0 10px 0px;}
.holdmain_box2 .hold_refbox2 .ref_radiobox .ref_radio {display: inline-block; padding-right: 5px;}
.holdmain_box2 .hold_refbox2 .ref_radiobox span {display: inline-block; vertical-align: middle; font-size: 14px; padding-left:3;}
.holdmain_box2 .hold_refbox2 .ref_radiobox input {display: inline-block; vertical-align: middle; width: 10px; height: 10px;}
.holdmain_box2 .hold_refbox2 textarea {width: 100%; height: 150px; resize: vertical;}
.ref_val {display: none;}

/* step2(개최정보) 공모기간 설정*/
.holdmain_box2 .container_left ul li .left_day {display: inline-block; width: 49%; margin-right: 1%;}
.holdmain_box2 .container_left ul li .left_day input {width: 100%; padding: 10px 0 10px 7px;}
.holdmain_box2 .container_left ul li .right_day {display: inline-block; width: 49%;}
.holdmain_box2 .container_left ul li .right_day input{width: 100%; padding: 10px 0 10px 7px;}

/* step2(개최정보)_right */
.holdmain_box2 .container_right {float: left; width: calc(50% - 65px);}
.holdmain_box2 .container_right ul li {padding-bottom: 30px;}
.holdmain_box2 .container_right ul li::after {clear: both; content: ''; height: 0; visibility: hidden; display: block;}
.holdmain_box2 .container_right ul li .left_cate {float: left; width: 49%; padding-right: 2%;}
.holdmain_box2 .container_right ul li .left_cate select {width: 100%; padding: 10px 0;}
.holdmain_box2 .container_right ul li .right_cate {float: left; width: 49%;}
.holdmain_box2 .container_right ul li .right_cate select {width: 100%; padding: 10px 0;}
.holdmain_box2 .container_right ul li .hold_box input {width: 100%;}

/* step2(개최정보)_right */
.holdmain_box2 .container_right {float: left; width: calc(50% - 65px); padding-left: 130px;}
.holdmain_box2 .container_right ul li {padding-bottom: 30px;}
.holdmain_box2 .container_right ul li::after {clear: both; content: ''; height: 0; visibility: hidden; display: block;}

/* step2(개최정보)_right */
.holdmain_box2 .container_right {float: left; width: calc(50% - 65px);}
.holdmain_box2 .container_right ul li {padding-bottom: 30px;}
.holdmain_box2 .container_right ul li::after {clear: both; content: ''; height: 0; visibility: hidden; display: block;}
.holdmain_box2 .container_right ul li .left_cate {float: left; width: 49%; padding-right: 2%;}
.holdmain_box2 .container_right ul li .left_cate select {width: 100%; padding: 10px 0;}
.holdmain_box2 .container_right ul li .right_cate {float: left; width: 49%;}
.holdmain_box2 .container_right ul li .right_cate select {width: 100%; padding: 10px 0;}
.holdmain_box2 .container_right ul li .hold_box input {width: 100%;}

/* step2(개최정보)_right */
.holdmain_box2 .container_right {float: left; width: calc(50% - 65px); padding-left: 130px;}
.holdmain_box2 .container_right ul li {padding-bottom: 30px;}
.holdmain_box2 .container_right ul li::after {clear: both; content: ''; height: 0; visibility: hidden; display: block;}

/* step2(개최정보) 공모기간 설정*/
.holdmain_box2 .container_right ul li .left_day {float: left; width: 49%; margin-right: 2%;}
.holdmain_box2 .container_right ul li .left_day input {width: 100%; padding: 10px 0 10px 7px;}
.holdmain_box2 .container_right ul li .right_day {float: left; width: 49%;}
.holdmain_box2 .container_right ul li .right_day input{width: 100%; padding: 10px 0 10px 7px;}

/* step2(개최정보) 파일업로드 */
.holdmain_box2 .container_right ul li .file_box .hold_file {width: 70%; border: none; padding: 17px 8px; background-color:#fff; border: 1px solid #ddd;}
.holdmain_box2 .container_right ul li .file_box .file_button {text-align: center; display: inline-block; padding: 17.5px 0px; width: 29%; background-color: #ef4d4d; font-weight: bold; color: #fff; font-size: 13px; border-radius: 4px;}
.holdmain_box2 .container_right ul li .file_box .file_hidden {display: none;}

/* 개최하기 버튼 */
.common_btn {display: none; transition: 0.5s; text-align: center; z-index: 100; color: #999; font-weight: bold; border-top: 1px solid #eee; background-color: #fff;}
.common_btn span {vertical-align: middle; transition: 0.5s;}
.common_btn img {vertical-align: middle; transition: 0.5s;}

.common_btn:hover img {transform: scale(1.3);}
.common_btn:hover span {transform: scale(1.3);}

.hold_prev {position: fixed; width: 50%; height: 63px; bottom: 0; left: 0; z-index: 0;}
.hold_prev img {padding-right: 10px;}
.hold_next {position: fixed; width: 50%; height: 63px; bottom: 0; right:0; color: #ef4d4d; z-index: 0;}
.hold_next img {padding-left: 10px;}

.hold_submit {position: fixed; width: 50%; height: 63px; bottom: 0; right:0; color: #ef4d4d;}
.hold_submit img {padding-left: 10px;}

/**************** 콘테스트 개최하기 입력폼 2 ****************/
.holdmain_box3{padding: 50px 0 65px 0;}
.holdmain_box3::after {clear: both; content: ''; height: 0; visibility: hidden; display: block;}

/* step2(개최정보)_left */
.holdmain_box3 .all_prize {padding-bottom: 5px;}
.holdmain_box3 .container_left {float: left; width: calc(50% - 65px);}
.holdmain_box3 .container_left .box_center {margin: 7px 0;}
.holdmain_box3 .container_left ul li {padding-bottom: 30px;}
.holdmain_box3 .container_left ul li:nth-child(4) {display: none;}
.holdmain_box3 .container_left ul li .hold_checkbox label span {font-size: 16px; font-weight: bold;}
.holdmain_box3 .container_left ul li .prize_textarea {display: none;}
.holdmain_box3 .container_left ul li .hold_box select {width: 100%;}
.prize_num {display: inline-block; width: 100%; margin-top: 2%;}

/* step2(개최정보)_right */
.holdmain_box3 .container_right {float: left; width: calc(50% - 65px); padding-left: 130px;}
.holdmain_box3 .container_right > ul > li:nth-child(2) {padding-top: 25px;}
.holdmain_box3 .container_right > ul > li:nth-child(3) {padding-top: 25px;}
.holdmain_box3 .container_right .hold_box ul {background-color: #eef3fd;; padding: 22px 22px 7px 22px;}
.holdmain_box3 .container_right .hold_box ul li {padding-bottom: 15px;}
.holdmain_box3 .container_right .hold_box ul li:nth-child(6) {padding-top: 15px; border-top: 2px solid #ef4d4d;}
.holdmain_box3 .container_right .hold_box ul li::after {clear: both; content: ''; height: 0; display: block; visibility: hidden;}

/* step2(개최정보) 가격최종 */
.holdmain_box3 .container_right .hold_box ul li .prize_left {float: left;}
.holdmain_box3 .container_right .hold_box ul li .prize_left p{font-size: 14px;}
.holdmain_box3 .container_right .hold_box ul li .prize_left .prize_total {font-size: 16px; font-weight: bold;}
.holdmain_box3 .container_right .hold_box ul li .prize_right {float: right;}
.holdmain_box3 .container_right .hold_box ul li .prize_right p {font-size: 14px; font-weight: bold;}
.holdmain_box3 .container_right .hold_box ul li .prize_right .prize_total {font-size: 16px; font-weight: bold; color: #ef4d4d;}
.holdmain_box3 .container_right .hold_checkbox {border:  1px solid #ddd; position: relative; width: 100%; padding: 15px 0; margin-bottom: 10px; border-radius: 4px;}

/* step2(개최정보) 주민등록번호 */
.hold_jumin {display: none;}
.holdmain_box3 .container_right .id_box {width: 100%;}
.holdmain_box3 .container_right .id_box .id_left {display: inline-block; vertical-align: middle; width: calc(100% - 150px) ;}
.holdmain_box3 .container_right .id_box .id_left .jumin_input {width: 48%; height: 48px;}
.holdmain_box3 .container_right .id_box .id_left span {text-align: center; display: inline-block; font-size: 15px; font-weight: bold;}

.holdmain_box3 .container_right .id_box .id_right {display: inline-block; vertical-align: middle; width: 140px; height: 48px; margin-left: 6px;}
.holdmain_box3 .container_right .id_box .id_right button {width: 100%; height: 100%; background-color: #ef4d4d; font-weight: bold; color: #fff;}

/* step2(개최정보) 사업자번호 */
.holdmain_box3 .container_right .biz_box .biz_none {display: none;}
.holdmain_box3 .container_right .biz_box ul li {width: 100%;}
.holdmain_box3 .container_right .biz_box ul li input {width: 100%;}

/* none input */
#file_index {display: none;}
#authJumin {display: none;}
.recom_input {display: none;}
.hold_jumin {display: none;}
.id_box {display: none;}
.jumin_box {padding: 10px 0;}

/* step1(개최정보) 래퍼런스버튼(나중에 공통으로 수정 방법 생각) */ 
.holdmain_cont .ref_info {font-size: 0;}
.holdmain_cont .input_box .ref_input {font-size: 13px; height: 48px; display: inline-block; vertical-align: middle; padding: 10px 0 10px 7px; width: 69%; margin-right: 1%; margin-top: 2%;}

/* step2(개최정보) 상금추가버튼 */
.holdmain_cont .prize_info {font-size: 0;}
.holdmain_cont .input_box .prize_input {font-size: 13px; height: 48px; display: inline-block; vertical-align: middle; padding: 10px 0 10px 7px; width: 69%; margin-right: 1%; margin-top: 2%;}
.holdmain_cont .input_box .plus_btn {font-size: 13px; height: 48px; display: inline-block; vertical-align: middle;  width: 30%; margin-top: 2%; font-size: 16px; font-weight: bold;  background-color: #ef4d4d; color: #eee;}
.holdmain_cont .input_box .plus_btn {background-image: url(/img/plus_btn.png); background-repeat: no-repeat; background-size: 13px 13px; background-position: center;}

.holdmain_cont .input_box .minus_btn {font-size: 13px; height: 48px; display: inline-block; vertical-align: middle;  width: 30%; margin-top: 2%; font-size: 16px; font-weight: bold;  background-color: #ef4d4d; color: #eee;}
.holdmain_cont .input_box .minus_btn {background-image: url(/img/minus_btn.png); background-repeat: no-repeat; background-size: 15px 15px; background-position: center;}

/* step2(개최정보) 약관동의 */
.holdmain_box3 .container_right .hold_checkbox input {margin-left: 7px;}
.holdmain_box3 .container_right .hold_checkbox label span {color: #b1b1b1; font-size: 14px;}
.holdmain_box3 .container_right .hold_checkbox a {position: absolute; right: 10px; }
.dc_text {color: #ef4d4d;}

/* step2(결제금액) */
.total_hidden {display: none;}
.total_box { text-align: left; border: 1px solid #ddd; border-radius: 4px;}
.total_box ul {padding: 20px 20px;}
.total_box ul li {padding-bottom:20px;}
.total_box ul li::after {content: ''; clear: both; display: block; height: 0; visibility: hidden;}
.total_box ul li:last-child {padding-bottom:0px;}
.total_box span {font-size: 14px;}
.total_box .t_left {color: #999; float: left;}
.total_box .t_right {color: #999; float: right;}
.total_box .price_total {color: #ef4d4d;}
.total_box .price_common {font-size: 15px; font-weight: bold;}
.h_none {display: none;}


/**************** 콘테스트 개최하기 완료 ****************/
.holdmain_box4 .hold_success {padding: 70px 30px;}
.holdmain_box4 ul li::after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
.holdmain_box4 ul li .su_top {text-align: center;}
.holdmain_box4 ul li .su_top img {width: 60px;}
.holdmain_box4 ul > li > h2 {text-align: center;}
.holdmain_box4 ul > li > p {padding-top: 15px; font-size: 20px; font-weight: bold; padding-bottom: 50px; text-align: center;}

.holdmain_box4 ul li ul li {padding-bottom: 30px;}
.holdmain_box4 ul li ul li:nth-child(1) {padding-top: 40px; border-top: 1px solid #ddd;}
.holdmain_box4 ul li ul li:last-child {padding-bottom: 40px; border-bottom: 2px solid #ddd;}
.holdmain_box4 ul li ul li::after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
.holdmain_box4 ul li ul li .su_middle .su_l {float: left; font-size: 15px; color: #999; line-height: 1.4;}
.holdmain_box4 ul li ul li .su_middle .su_r {float: right; font-size: 15px; font-weight: bold; line-height: 1.4; text-align: right;} 
.holdmain_box4 ul li ul li .su_middle p {color: #ef4d4d; font-size: 12px; padding-top: 5px;}

.holdmain_box4 ul li .su_middle2 {padding-top: 30px;}
.holdmain_box4 ul li .su_middle2 .su_l {float: left; color: #333; font-size: 17px; font-weight: bold;}
.holdmain_box4 ul li .su_middle2 .su_l b {font-size: 13px;}
.holdmain_box4 ul li .su_middle2 .su_r {float: right; font-size: 17px; font-weight: bold; color: #ef4d4d;}

.holdmain_box4 ul li .su_bot {padding-top: 50px; text-align: center; line-height: 1.4; font-size: 14px; font-weight: 400;}
.holdmain_box4 ul li .su_btn {text-align: center; padding-top: 50px;}
.holdmain_box4 ul li .su_btn button {border: none;}
.holdmain_box4 ul li .su_btn button span {width: 340px; height: 45px; font-size: 16px; line-height: 45px; display: inline-block; background-color: #ef4d4d; font-weight: bold; color: #fff; border-radius: 25px;}

/* 콘테스트 개최하기(모달 영수증)  */
.popup_receipt { display: none; z-index: 999; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.5);}
.popup_container {position: relative; width: 450px; background-color: #fff; border-radius: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.popup_btn {position: absolute; right: -20px; top: -20px;}
.popup_btn img {width: 50px; height: 50px;}

/* 콘테스트 개최하기 완료(후보작 완료)  */
.holdmain_box4 .pr_top {text-align: center; padding-bottom: 30px;}
.holdmain_box4 .pr_top img {width: 60px;}

.holdmain_box4 .pr_middle {text-align: center; padding-bottom: 30px;}
.holdmain_box4 .pr_middl+e h3 {font-size: 20px; font-weight: bold;}
.holdmain_box4 .pr_middle h4 {font-size: 17px; padding-top: 20px; line-height: 1.5;}
.holdmain_box4 .pr_middle h4 b {font-weight: bold;}
.holdmain_box4 .pr_middle .h_custom img {width: 20px; height: 20px; display: inline-block; vertical-align: middle;}
.holdmain_box4 .pr_middle p {font-size: 17px; padding-top: 20px;}
.holdmain_box4 .pr_middle p b {font-weight: bold;}

.holdmain_box4 .pr_bot {padding-top: 30px; text-align: center;}
.holdmain_box4 .pr_bot a {width: 215px; height: 41px; line-height: 41px; border-radius: 10px; background-color: #ef4d4d; display: inline-block; color: #fff; text-align: center;}


/**************** 진행중인 콘테스트 참여하기 폼 ****************/

/* 콘테스트 참여하기(추가사항 기본값)*/
.parti_middle .middle_right ul li:nth-child(2) {display: none;}
.parti_middle .middle_right ul li:nth-child(3) {display: none;}

/* 콘테스트 참여하기(공통)*/

.parti_middle {margin-top: 10px; padding: 30px 0;}
.parti_middle:after {content: ''; display: block; height: 0; clear: both; visibility: hidden; }

.ing_participate .parti_container .parti_middle {position: relative;}
.ing_participate .parti_container .parti_middle .middle_right {float: left; width: calc(50% - 65px); padding-left: 130px;}
.ing_participate .parti_container .parti_middle .middle_left {float: left; width: calc(50% - 65px);}

.parti_middle .middle_left > ul > li {padding-bottom: 20px;}
.parti_middle .middle_left > ul > li .parti_box {margin-top: 10px; position: relative; overflow: hidden;}
.parti_middle .middle_left > ul > li .parti_box .preview_bg:after {z-index: 0; background-color: #333; display: block; position: absolute; content: ''; width: 100%; height: 100%; background-image: url(/img/video_bgbgbgbg.png); background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #fff;}
.parti_middle .middle_left > ul > li .parti_box .preview_bg.on:after {display: none;}

.parti_middle .middle_right ul li {padding-bottom: 20px;}
.parti_middle .middle_right ul li:last-child {padding-bottom: 0px;}
.parti_middle .middle_right ul li .parti_box {margin-top: 10px;}
.parti_middle .middle_right li .parti_info span {font-size: 15px; font-weight: bold;}
.parti_middle .middle_right li .parti_box2 .parti_input { padding: 10px 0 10px 7px; width: 100%;margin:7px 0 5px 0;}

/* 콘테스트 참여하기(메뉴)*/
.parti_menu {width: calc(100% - 1100px); position: fixed; right: -100px; top: 160px;}
.parti_menu ul li {text-align: center; padding-bottom: 30px;}
.parti_menu ul li .img_box {display: inline-block; width: 50px; height: 50px; line-height: 55px; border-radius: 50%; line-height: 60px;}
.parti_menu ul li:nth-child(1) .img_box {background-color: #ef4d4d;}
.parti_menu ul li:nth-child(2) .img_box {background-color: #fff; border: 1px solid #eee;}
.parti_menu ul li p {padding-top: 5px; font-size: 12px; color: #999;}

/* 콘테스트 참여하기(타이틀) */
.parti_container .parti_top {padding: 30px 0; background-color: #ef4d4d; color: #fff; text-align: center; box-shadow: 5px 5px 5px 5px #ddd;}
.parti_container .parti_top h3 {font-size: 20px; font-weight: bold;}
.parti_container .parti_top p {padding-top: 10px; font-size: 16px;}

/* 콘테스트 참여하기(카테고리 분류) */
.middle_left ul li .parti_box select {width: 100%; padding: 10px 0; color: #333; font-size: 14px;}

/* 콘테스트 참여하기(영상미리보기 ,파일첨부) */
.middle_left > ul > li:first-child {padding-top: 0px;}
.middle_left ul li .parti_box .video_box {position: relative; ;background-color: #333; width: 100%; height: 273px;}
.middle_left ul li .parti_box .video_box video {position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); transform: translate(-50% , -50%); -ms-transform: translate(-50% , -50%); -o-transform: translate(-50% , -50%); -webkit-transform: translate(-50% , -50%); -moz-transform: translate(-50% , -50%);}
.middle_left ul li .parti_info span {font-size: 15px; font-weight: bold;}
.middle_left ul li .parti_box .parti_file .file_button {width: 100%; height: 48px; background-color: #333; font-size: 14px; display: block; font-weight: bold; text-align: center; color: #fff; line-height: 48px; transition: 0.3s;}
.middle_left ul li .parti_box .parti_file .file_button:hover {background-color: #ef4d4d;}
.middle_left ul li .parti_box .parti_file .file_hidden {display: none;}

/* 콘테스트 참여하기(썸네일) */
.thum_box {width: 100%;}
.thum_box::after {content: ''; clear: both; height: 0; display: block; visibility: hidden;}
.thum_box li {cursor: pointer; float: left; width: 32%; text-align: center;  margin-right: 2%; margin-top: 2%; height: 100px; border: 1px solid #eee; box-sizing: border-box; transition: 0.3s;}
.thum_box li.active {border: 2px solid #ef4d4d; box-shadow: 0 0 7px #ef4d4d;}
.thum_box li:nth-child(-n+3) {margin-top: 0%;}
.thum_box li:nth-of-type(3n) {margin-right: 0%;}
.thum_box li:nth-child(1) span {color: #b1b1b1;font-size: 13px; font-weight: bold; position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.thum_box li:nth-child(1) span.active {display: none;}

.thum_box li .thum_img {position: relative; width: 100%; height: 100%;}
.thum_box li .thum_img img {position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50% , -50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%) }

.thum_box2 {padding-top: 5px;}
.thum_box2 .thum_button {width: 100%; height: 48px; background-color: #333; display: block; font-weight: bold; font-size: 14px; text-align: center; color: #fff; line-height: 48px; transition: 0.3s;}
.thum_box2 .thum_button:hover{opacity: 80%;}
.thum_box2 .thum_file {display: none;}

.thum_next {display: none;}
.thum_next_box {-webkit-font-smoothing: antialiased;}
.thum_next_box span em {position: relative; top: 3px; display: inline-block; animation: bounce .3s ease infinite alternate; font-size: 15px; color: #333;}
.thum_next_box em:nth-child(1) {animation-delay: .1s;}
.thum_next_box em:nth-child(2) {animation-delay: .1s;}
.thum_next_box em:nth-child(3) {animation-delay: .1s;}
.thum_next_box em:nth-child(4) {animation-delay: .1s;}
.thum_next_box em:nth-child(5) {animation-delay: .1s;}
.thum_next_box em:nth-child(6) {animation-delay: .1s;}
.thum_next_box em:nth-child(7) {animation-delay: .1s;}
.thum_next_box em:nth-child(8) {animation-delay: .1s;}
.thum_next_box em:nth-child(9) {animation-delay: .1s;}
.thum_next_box em:nth-child(10) {animation-delay: .1s;}@keyframes bounce {100% {top: -3px;}}

/* 콘테스트 참여하기(작품설명) */
.middle_right li .parti_box2 textarea {resize: vertical;  width: 100%; margin:7px 0 5px 0; height: 150px;}

.middle_right li .parti_box2 form {padding-top: 5px;}
.middle_right li .parti_box2 .file_box .parti_file {width: 70%; border: none; padding: 12px 8px; background-color:#fff; border: 1px solid #ddd;}
.middle_right li .parti_box2 .file_box .file_button2 {text-align: center; display: inline-block; padding: 17.5px 0px; width: 29%; background-color: #ef4d4d; font-weight: bold; color: #fff; font-size: 13px; border-radius: 4px;}
.middle_right li .parti_box2 .file_box .file_hidden2 {display: none;}

/* 콘테스트 참여하기(셔터스톡) */
.middle_right li .parti_box2 {padding-top: 5px; margin-bottom: 5px;}
.middle_right li .parti_box2 .box_stock .not_used {margin-left: 5px;}
.middle_right li p {font-size: 11px; color: #999; line-height: 1.4;}

/* 콘테스트 참여하기(약관동의) */
.check_com {margin-left: 10px;}
.middle_right li .parti_agree {position: relative; border: 1px solid #ddd; margin-top: 7px; width: 100%; padding: 15px 0; border-radius: 4px;}
.middle_right li .parti_agree #parti_ag {display: inline-block; border: none;}
.middle_right li .parti_agree label span {color: #b1b1b1; font-size: 14px;}
.middle_right li .parti_agree a {position: absolute; right: 10px;}

/* 콘테스트 참여하기(참여자 선택) */
#s_team {margin-left: 5px;}
.select_info {padding-top: 5px;}
.team_info {font-size: 0; display: none;}

.input_box .team_input {font-size: 13px; height: 48px; display: inline-block; vertical-align: middle; padding: 10px 0 10px 7px; width: 70%; margin-right: 1%; margin-top: 2%;}
.input_box .plus_btn {background-color: #ef4d4d; color: #fff; font-weight: bold; font-size: 13px; height: 48px; display: inline-block; vertical-align: middle;  padding: 10px 0 10px 7px; width: 28%; margin-top: 2%;}
.input_box .plus_btn {background-image: url(/img/plus_btn.png); background-repeat: no-repeat; background-size: 13px 13px; background-position: center;}

.input_box .minus_btn {background-color: #ef4d4d; color: #fff; font-weight: bold; font-size: 13px; height: 48px; display: inline-block; vertical-align: middle;  padding: 10px 0 10px 7px; width: 28%; margin-top: 2%;}
.input_box .minus_btn {background-image: url(/img/minus_btn.png); background-repeat: no-repeat; background-size: 13px 13px; background-position: center;}

/* 콘테스트 참여하기(제출버튼) */
.parti_btn {text-align: center; margin-bottom: 50px; padding-top: 30px;}

#partiSubmit {margin: 20px 0;}
#partiSubmit span {color: #fff; background-color: #ef4d4d; padding: 20px 100px; border-radius: 10px; font-size: 18px; font-weight: bold;}

/* 콘테스트 참여하기(text) */
.parti_text {display: block; width: 100%; background-color: #FBF4F4; padding: 30px; box-sizing: border-box; text-align: center; border-radius: 4px;}
.parti_text p {color: #333; line-height: 1.4; color: #333; font-size: 12px;}
.parti_text p b {font-weight: bold; font-size: 13px;}

/* 콘테스트 참여하기(none input) */
.parti_hidden {display: none;}
.Pimg_val {display: none;}
#file_idx {display: none;}

/**************** 진행중인 콘테스트 입력 폼 완료 ****************/
.parti_container2 {margin: 50px 0; }
.parti_container2 .parti_success {padding: 70px 30px; text-align: center;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.parti_container2 ul li .parti_top {text-align: center;}
.parti_container2 ul li .parti_middle p {text-align: center; line-height: 1.4; font-weight: 400; font-size: 14px;}
.parti_container2 ul li .parti_middle p b {font-weight: bold; font-size: 15px;}
.parti_container2 ul li .parti_top img {width: 60px;}
.parti_container2 ul li h2 {font-size: 20px; font-weight: bold; text-align: center;}
 

/**************** 진행중인 콘테스트 수정 폼 ****************/
.edit_box .slick-prev {border: 1px solid #eee; border-radius: 50%; width: 50px; height: 50px; left: 5%; bottom: 50%; background-image: url(../img/prev4.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
.edit_box .slick-prev:hover {border: 1px solid #000;}
.edit_box .slick-next {border: 1px solid #eee; border-radius: 50%; width: 50px; height: 50px; right: 5%; bottom: 50%; background-image: url(../img/next4.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
.edit_box .slick-next:hover {border: 1px solid #000;}