/* ==== mob ==== */
@media screen and (max-width:1024px){
body,th,td,input,select,textarea,button {font-size:14px; line-height:1.5;}
.inner {width:100%; padding:0 3%;}
.pc {display:none !important;}
.tab {display:none}
.mob {display:block !important;}
.pc_img {display:none;}
.mob_img {display:block;}

body,th,td,input,select,textarea,button {font-size:14px; line-height:20px;}

/* === Main === */
#wrap {position:relative; width:100%; max-width:1024px; min-width:auto; margin:0 auto; overflow:hidden;}

#header {width:100%; height: 70px; border-bottom: 1px solid #EBEBEB;}

#header h1 {left:3%; top:11px; line-height: 70px; width: 56px; height: 46px;}
#header h1 a {display:block; width:100%; height:100%;}
#header h1 img {width: 100%;}

#header .gnb {display:none;}

#header .login_box {position: absolute; right: 55px; top: 15px;}
#header .login_box .login_btn {width: 110px; height: 40px; border-radius: 20px;}
#header .login_box .login_btn img {width: 15px; height: 16px;}
#header .login_box .login_btn p {font-size: 14px; margin-left: 10px;}

#header .login_box .lg_box {height: 40px; line-height: 40px;}

.navi {position: fixed; top:0; left:0; width: 100%; height:100%; background:rgba(0,0,0,.5); z-index:999; display:none;}
.navi .navi_wrap {float: right; width: 65%; height:100%; background:#fff; display:block; position:relative; padding: 100px 20px 0;}
.navi .lnb h3 {font-size: 18px; line-height: 1; padding-bottom: 25px; width: 100%; border-bottom:1px solid #dedede; font-weight: 600; margin-top: 25px;}
.navi .lnb h3:first-child {margin-top: 0;}
.navi .lnb h3 a {color: #111; display:block; width:100%; height:100%;}
.navi .lnb .sub_navi {margin-top: 20px; display: none;}
.navi .lnb .sub_navi li {font-size: 16px; font-weight: normal; margin-bottom: 15px;}
.navi .lnb .sub_navi li:last-child {margin-bottom: 0;}
.navi .lnb .sub_navi li a {color: #777;}


.navi_btn {display:block; position:absolute; top:25px; right:3%; width:26px; height:23px; cursor:pointer; transition:0.3s ease-in-out; z-index:9999;}
.navi_btn span {position:absolute; left:0; display:block; width:26px; height:3px; background:#2E65E6;  transition:0.3s ease-in-out 0.2s;}
.navi_btn span.line01 {top:0;}
.navi_btn span.line02 {top:9px;}
.navi_btn span.line03 {top:18px;}
.navi_btn.on {transform:rotate(-45deg); transition:0.3s ease-in-out 0.2s; }
.navi_btn.on span {top:50%; margin-top:-2px; transition:0.3s ease-in-out;}
.navi_btn.on span.line03 {transform:rotate(-90deg); transition:0.3s ease-in-out 0.2s; }


#main_visual {width: 100%; height: auto; background: url(/images/main/main_visual_mob.png) no-repeat center center / cover; padding: 40px 0 60px;}
#main_visual .inner img {width: 70px;}
#main_visual .inner h2 {font-size: 40px; line-height: 52px; margin: 25px 0;}
#main_visual .inner p {font-size: 16px;}

#main_visual .timer_wrap {margin: 40px 0;}


.timer_wrap h3 {margin-bottom: 15px; font-size: 16px; line-height: 1; opacity: 0.7; color: #fff; font-family: 'ONE-Mobile';}
.timer_wrap .timer {display: flex; justify-content: center; gap: 10px;}
.timer_wrap .time-box {background: white; color: #081A77; border-radius: 20px; padding: 15px 15px; width: 65px;}
.timer_wrap .time-box .value {font-size: 24px; font-weight: bold; font-family: 'ONE-Mobile-Title';}
.timer_wrap .time-box .label {font-size: 12px; margin-top: 5px; color: #666;}

#main_visual .mv_btn {width: 200px; height: 60px; line-height: 60px; border-radius: 30px; font-size: 24px;}


#footer {padding: 40px 0;}
#footer .inner {position: relative;}
#footer .inner p {font-size: 14px; line-height: 24px;}
#footer .inner p.copyright {margin-top: 20px;}
#footer .inner .foot_logo {position: relative; right: 0; top: 0; margin-top: 40px;}
#footer .inner .foot_logo img {height: 60px;}
#footer .inner .foot_logo img:last-child {margin-left: 15px;}


/* === Sub === */
#sub_contents {width: 100%; margin-bottom: 100px;}

.sub_nav {width: 100%; height: 50px;}
.sub_nav .inner {padding: 0;}
.sub_nav .s_nav > li {width: calc((100% - 50px) / 2); height: 50px;}
.sub_nav .s_nav > li > a {padding: 0 20px; background: url(../images/sub/arrow.png) no-repeat center right 20px; background-size: 11px 6px;}
.sub_nav .s_nav > li > a p {font-size: 14px; line-height: 50px;}
.sub_nav .s_nav > li:first-child {width: 50px;}
.sub_nav .s_nav > li:first-child img {width: 16px; height: 14px;}

.sub_nav .s_nav > li .nav_select {top: 55px; padding: 15px 20px; display: none;}
.sub_nav .s_nav > li .nav_select li {font-size: 14px; margin-bottom: 15px;}


.sub_title {margin: 50px auto 45px;}

.sub_title .sub_tab {margin-bottom: 40px; border-radius: 30px;}
.sub_title .sub_tab li {width: 100px; height: 44px; border-radius: 22px; font-size: 16px;}
.sub_title .sub_tab li a {line-height: 44px;}

.sub_title span {font-size: 18px;}
.sub_title h2 {font-size: 36px; margin: 25px 0;}
.sub_title p {font-size: 17px;}


/* 대회소개 */
.intro_wrap {flex-wrap: wrap;}
.intro_wrap .img_box {width: 100%;}
.intro_wrap .img_box img {width: 100%; border-radius: 10px;}
.intro_wrap .txt_box {width: 100%; padding-top: 0; margin-top: 50px;}
.intro_wrap .txt_box > ul > li {margin-bottom: 18px; padding: 0 0 15px;}
.intro_wrap .txt_box > ul > li span {font-size: 16px; color: #000; line-height: 1;}
.intro_wrap .txt_box > ul > li p {font-size: 14px; line-height: 22px; margin-top: 10px;}
.intro_wrap .txt_box > ul > li table {margin-top: 15px;}

.intro_date {width: 100%;}
.intro_date th {background: #F4F5FD; font-size: 14px; padding: 8px 0; text-align: center;}
.intro_date td {font-size: 14px; padding: 8px 0; text-align: center;}

.intro_date td.left_td {padding: 8px 12px;}
.intro_date td b.tdp {font-size: 14px;}

/* 신청접수 - 약관동의 */
.apply_process {flex-wrap: wrap; margin-bottom: 40px; border: 1px solid #dedede;}
.apply_process.inner {padding: 0; width: 94%; margin: 0 auto;}
.apply_process li {width: 50%; height: 50px; font-size: 14px; line-height: 50px; background: none; margin-left: 0; border-right: 1px solid #dedede; border-top: 1px solid #dedede;}
.apply_process li.on {background: #4660ED;}

.apply_process li:nth-child(1) {z-index: 4; margin-left: 0; padding-right: 0; border-top: 0;}
.apply_process li:nth-child(2) {z-index: 3; border-right: 0; border-top: 0;}
.apply_process li:nth-child(3) {z-index: 2; margin-left: 0;}
.apply_process li:nth-child(4) {z-index: 1; border-right: 0;}


.btn_right_area {flex-wrap: wrap; margin-top: 30px;}
.ap_download {width: 180px; height: 46px; border-radius: 23px;}
.ap_download a p {font-size: 14px; margin-right: 12px;}
.ap_download a img {width: 18px;}
.btn_right_area > p {margin-left: 0; font-size: 16px; margin-top: 15px;}

.btn_right_area .txt p {font-size: 14px; line-height: 24px; margin-top: 15px;}

.af_box .btn_right_area {margin-top: 30px;}


.agree_area {margin-top: 40px;}
.agree_area .agree_box {width: 100%; margin-top: 20px; padding: 20px; border-radius: 10px;}
.agree_area .agree_box:nth-child(-n+2) {margin-top: 20px;}
.agree_area .agree_box:first-child {margin-top: 0;}
.agree_area .agree_box h4 {font-size: 16px; line-height: 26px; margin-bottom: 20px;}
.agree_area .agree_box textarea {height: 200px; padding: 15px 15px; font-size: 14px; line-height: 24px;}

.agree_area .agree {margin-top: 15px;}
.agree_area .agree span {font-size: 14px; margin-left: 6px;}

.agree_area .all_agree {padding: 25px 20px; margin-top: 20px;}
.agree_area .all_agree .agree {margin-top: 0;}
.agree_area .all_agree .agree span {font-size: 14px;}

.apply_btn_wrap {margin-top: 50px;}
.apply_btn_wrap button {margin-right: 8px;}

.go_prev {width: 130px; height: 44px; font-size: 16px;}
.save_draft {width: 130px; height: 44px; font-size: 16px;}
.a_next_btn {width: 130px; height: 44px; font-size: 16px;}
.a_next_btn a {line-height: 44px;}


/* 신청접수 - 신청서 작성 */
.form_con .title {margin-top: 50px; margin-bottom: 30px;}
.form_con .title h3 {font-size: 22px;}
.form_con .title p {font-size: 14px;}

.apply_form {margin-bottom: 30px; padding: 25px 20px;}

.apply_form .af_box {padding-bottom: 20px; margin-bottom: 20px;}
.apply_form .af_box h4 {font-size: 18px; margin-bottom: 25px; padding-bottom: 20px;}


.af_list li {padding-bottom: 25px; margin-bottom: 25px;}
.af_list li span {font-size: 16px; width: 100%; margin-bottom: 12px;}
.af_list li input {width: 100%; height: 48px;}
.af_list li input[type="file"] {line-height: 48px;}
.af_list li input.full_slc {width: 100%;} 
.af_list li select {min-width: 140px; height: 48px; border: 1px solid #EBEBEB; font-size: 16px; color: #000; padding-left: 15px; appearance: none; -webkit-appearance: none;  -moz-appearance: none; background: #fff url(../images/sub/arrow.png) no-repeat center right 15px; background-size: 11px 6px; border-radius: 4px;}
.af_list li textarea {width: 100%; height: 180px; font-size: 16px; line-height: 26px; padding: 15px; border-radius: 4px;}

.af_list li .phone {flex-wrap: wrap; width: 100%;}
.af_list li .phone select {width: 48%; margin-right: 20px; margin-bottom: 5px;}
.af_list li .phone input {width: 48%; margin-right: 5px;}

.af_list li .email {display: flex; width: 100%; align-items: center; flex-wrap: wrap;}
.af_list li .email em {margin: 0 5px;}
.af_list li .email input {width: 48%;}
.af_list li .email input:nth-of-type(1) {margin-bottom: 5px;}
.af_list li .email select {width: 48%; margin-left: 5px;}
.af_list li .email .main_cer_btn {width: 100px; height: 42px; font-size: 14px; margin-left: 0; margin-top: 10px;}

.af_list li .mail_cer {margin-left: 0; margin-top: 10px; display: none; width: 100%;}
.af_list li .mail_cer .mcer_box {display: flex; align-items: center; width: 100%;}

.af_list li .mail_cer .mcer_box .mcer input {width: 170px; border: 0; font-size: 14px;}
.af_list li .mail_cer .mcer_box .mcer span {font-size: 14px; width: 45px; margin-bottom: 0;}
.af_list li .mail_cer .mcer_box .mail_cer_submit {width: 100px; height: 48px; font-size: 14px;}
.af_list li .mail_cer > p {font-size: 14px; margin-top: 10px;}

.add_team_member {height: 48px; font-size: 18px;}


.af_list li .date {display: flex; width: 100%; align-items: center; justify-content: space-between;}
.af_list li .date input[type="date"] {width: 47%; margin-right: 0;}
.af_list li .date input[type="date"]:first-child {margin-right: 5px;}
.af_list li .date input::-webkit-calendar-picker-indicator {opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer;}
.af_list li .date em {margin-right: 8px;}

.af_list li .file {width: 100%; flex-wrap: wrap;}
.af_list li .file .file_name {width: 100%;}
.af_list li .file button {width: 100px; height: 40px; font-size: 14px; border-radius: 6px; margin-left: 8px;}
.af_list li .file button:first-of-type {margin-left: 0;}


.af_list li .bus_num { width: 100%; margin-bottom: 25px;}
.af_list li .bus_num input {width: 68%;}
.af_list li .bus_num select {width: 30%;}


.af_list li.w50 {width: 100%;}
.af_list li.top_border {padding-top: 25px; margin-top: 25px; border-top: 1px dashed #ddd;}

.af_list li .ap_search {width: 100px; height: 40px; font-size: 14px; margin-left: 0; margin-top: 10px;}


/* 팝업 */
.popup {display: none; padding: 25px 3%; width: 94%; height: 90vh;}

.popup_inner {min-width: auto; position: relative;}
.popup_inner .text .tit {font-size: 22px;}

.popup_inner .search_box input {width: calc(100% - 90px); border-radius: 6px;}
.popup_inner .search_box button {width: 80px; height: 35px;}


.pop_scroll {height: 450px; overflow-y: scroll;}

.pop_tbl {width: 100%;}
.pop_tbl th {font-size: 14px; padding: 6px 0;}
.pop_tbl td {font-size: 14px; padding: 6px 0;}
.pop_tbl td:nth-child(1) {text-align: left; padding: 0;}
.pop_tbl td button.pop_chc {width: 60px;}


.popup_inner .close_popup {width: 20px; height: 20px;}


/* 접수 완료 */
.apply_complete {padding: 50px 20px; margin-top: 40px;}

.apply_complete .apcp_wrap {display: flex; align-items: flex-start; flex-wrap: wrap;}
.apply_complete .apcp_wrap img {width: 30px; margin-right: 30px; margin-bottom: 20px;}
.apply_complete .apcp_wrap .txt strong {font-size: 22px; line-height: 32px; margin-bottom: 20px;}
.apply_complete .apcp_wrap .txt p {font-size: 16px; line-height: 26px; margin-bottom: 15px;}

.apply_complete .compl_box {margin-top: 40px;}
.apply_complete .compl_box li {display: flex; width: 100%; border-top: 1px solid #ddd; border-right: 0; height: 85px; line-height: 85px;}
.apply_complete .compl_box li:nth-child(-n+2) {border-top: 1px solid #ddd;}
.apply_complete .compl_box li:first-child {border-top: 0;}
.apply_complete .compl_box li strong {width: 105px; font-size: 16px; padding-left: 20px;}
.apply_complete .compl_box li p {width: calc(100% - 105px); font-size: 16px;}

.apply_complete .compl_btns {margin-top: 40px;}
.apply_complete .compl_btns button {width: 130px; height: 44px; font-size: 16px; margin-right: 8px;}
.apply_complete .compl_btns button a {line-height: 44px;}


/* 로그인 */
#login_wrap {margin: 70px 0 100px;}
#login_wrap .l_tit {margin-bottom: 30px;}
#login_wrap .l_tit h3 {font-size: 30px;}
#login_wrap .l_tit p {font-size: 16px; margin-top: 20px;}

#login_wrap .login_box {width: 100%; padding: 40px 25px;}


#login_wrap .join_box {padding: 40px 20px;}
#login_wrap .join_btn {display:block; width: 220px; height: 50px; margin-top: 40px; font-size: 16px;}

.my_tab {margin-bottom: 40px;}
.my_tab li {height: 46px; line-height: 46px; font-size: 14px;}


.my_ap_list p {font-size: 14px;}
.my_ap_list .table_wrap {width: 100%; overflow-x: scroll;}

.my_ap_tbl {width: 100%; min-width: 900px;}
.my_ap_tbl th {font-size: 14px; padding: 10px 0;}
.my_ap_tbl td {font-size: 14px; padding: 13px 0;}
.my_ap_tbl td:nth-child(2) {text-align: left; padding: 0 10px;}
.my_ap_tbl td .state {width: 80px; font-size: 14px;}


/* 공지사항 */
.notice_wrap .not_top {margin-bottom: 20px;}
.notice_wrap .not_top .total {font-size: 15px;}

.tbl_type_01 th {font-size: 14px; padding: 15px 0;}
.tbl_type_01 td {font-size: 14px; padding: 20px 0;}
.tbl_type_01 td.n_title {padding: 15px 20px;}

.tbl_type_01 td.n_title.lock {background: url(/images/sub/lock_icon.png) no-repeat left 20px center; background-size: 11px 16px; padding: 15px 20px 15px 40px;}

.tbl_type_01 td .nt_state {width: 74px; height: 32px; font-size: 14px; line-height: 32px;}


.tbl_type_01 tr.fix td img {width: 20px; height: 20px;}

/* 공지사항 읽기 */
.not_view_wrap .ntv_top {padding: 30px 0;}
.not_view_wrap .ntv_top .ntv_title {font-size: 18px; line-height: 28px; margin-bottom: 20px;}

.not_view_wrap .ntv_top .file_down {padding: 15px 20px; border-radius: 6px; margin-top: 30px;}
.not_view_wrap .ntv_top .file_down span {font-size: 15px; margin-right: 30px;}
.not_view_wrap .ntv_top .file_down .download {height: 36px; line-height: 36px; padding: 0 15px;}
.not_view_wrap .ntv_top .file_down .download a p {font-size: 14px; margin-right: 15px;}
.not_view_wrap .ntv_top .file_down .download a img {width: 16px;}


.not_view_wrap .ntv_top .ntv_info li {font-size: 15px;}
.not_view_wrap .ntv_top .ntv_info li:first-child {margin-right: 30px;}
.not_view_wrap .ntv_top .ntv_info li:first-child::after {width: 6px; height: 6px; border-radius: 3px; right: -24px; top: 11px;}


.not_view_wrap .ntv_con {font-size: 16px; padding: 40px 0;}


.not_view_wrap.qw_view .q_bs_box {margin-bottom: 15px;}
.not_view_wrap.qw_view .q_bs_box p {font-size: 15px;}


/* 공지사항 쓰기 */
.not_wrt_wrap .nw_top li {padding: 20px 0;}
.not_wrt_wrap .nw_top li span {font-size: 14px; width: 80px;}
.not_wrt_wrap .nw_top li input[type="text"] {width: calc(100% - 100px); border-radius: 5px; height: 45px; padding-left: 15px; border: 1px solid #dedede;}
.not_wrt_wrap .nw_top li input[type="file"] {width: calc(100% - 100px); border-radius: 5px; height: 45px; line-height: 45px; padding-left: 15px; border: 1px solid #dedede;}
.not_wrt_wrap .nw_top li input.read {background: #f8f8f8;}
.not_wrt_wrap .nw_top li textarea {width: 100%; border-radius: 5px; height: 250px; padding: 20px 15px; border: 1px solid #dedede;}
.not_wrt_wrap .nw_top li select {width: calc(100% - 100px); border-radius: 5px; height: 45px; padding-left: 15px; border: 1px solid #dedede; appearance: none; -webkit-appearance: none;  -moz-appearance: none; background: #fff url(../images/sub/arrow.png) no-repeat center right 15px; background-size: 11px 6px;}

.not_wrt_wrap .nw_top li .fix_check {width: calc(100% - 100px); display: flex; align-items: center;}
.not_wrt_wrap .nw_top li .fix_check p {font-size: 18px; margin-left: 5px;}

.not_wrt_wrap .nw_top li .r_con {width: calc(100% - 100px);}
.not_wrt_wrap .nw_top li .r_con .point_p {font-size: 14px; line-height: 22px; margin-top: 10px;}

.not_wrt_wrap .nw_top li .img_upload {width: calc(100% - 100px);}
.not_wrt_wrap .nw_top li .img_upload input[type="text"] {width: 100%;}



.go_list {width: 100px; height: 50px; margin-top: 40px;}

.go_write {width: 100px; height: 50px; margin-top: 30px;}

.ad_as_btn {width: 130px; height: 42px; font-size: 14px;}

.nv_btn_wrap {display: flex; align-items: center; justify-content: center; margin-top: 60px;}
.nv_btn_wrap button {margin: 0 10px 0 0;}
.nv_btn_wrap button:last-child {margin-right: 0;}

.edit_btn {width: 100px; height: 50px;}

.dlt_btn {width: 100px; height: 50px;}

/* 관리자 답변 */
.admin_answer {padding: 30px 20px; border-radius: 10px;}
.admin_answer strong {font-size: 18px; margin-bottom: 20px;}
.admin_answer .ad_as textarea {height: 250px; padding: 10px 15px; font-size: 14px; line-height: 24px;}
.admin_answer .ad_as p {font-size: 14px; line-height: 24px;}
.admin_answer span {font-size: 16px; display: block; margin-top: 20px; color: #777;}
.admin_answer .dlt {width: 80px; right: 20px; bottom: 20px;}


.admin_answer .public_check {margin-top: 15px;}
.admin_answer .public_check span {margin: 0 10px 0 0;}



/* 발표자료 */
.pre_list li {width: 48.5%; margin-right: 3%; margin-top: 40px;}
.pre_list li:nth-child(-n+3) {margin-top: 40px;}
.pre_list li:nth-child(3n) {margin-right: 3%;}
.pre_list li:nth-child(-n+2) {margin-top: 0;}
.pre_list li:nth-child(2n) {margin-right: 0;}

.pre_list li img {border-radius: 10px;}
.pre_list li p {font-size: 15px; line-height: 25px; max-height: 50px; margin-top: 12px;}


/* 갤러리 */
.gallery_list {display: flex; flex-wrap: wrap;}
.gallery_list li {width: 48.5%; margin-right: 3%; margin-top: 40px;}
.gallery_list li:nth-child(-n+3) {margin-top: 40px;}
.gallery_list li:nth-child(3n) {margin-right: 3%;}
.gallery_list li:nth-child(-n+2) {margin-top: 0;}
.gallery_list li:nth-child(2n) {margin-right: 0;}

.gallery_list li img {border-radius: 10px;}
.gallery_list li p {font-size: 15px; line-height: 25px; margin-top: 12px;}



/* 유튜브 팝업 */
.pre_popup .pop_in {width: 94%;}
.pre_popup .pop_in iframe {width: 360px; height: 203px; margin: 0 auto; display: block;}
.pre_popup .pop_in p {font-size: 16px; line-height: 26px; margin-top: 15px; text-align: center;}
.pre_popup .close_btn {width: 25px; height: 25px; position: absolute; right: 20px; top: 30px;}
.pre_popup .close_btn img {width: 100%;}

.pre_popup .btn_wrap {display: flex; position: absolute; right: 20px; bottom: 30px;}
.pre_popup .btn_wrap button {width: 80px; height: 42px; background: none; border: 1px solid #fff; color: #fff; font-size: 14px; font-weight: bold; border-radius: 4px; display: block; margin-right: 10px; line-height: 42px;}
.pre_popup .btn_wrap button:last-child {margin-right: 0;}
.pre_popup .btn_wrap button a {display: block; width: 100%; height: 100%; color: #fff;}



}